diff --git a/.gitignore b/.gitignore index dd97500e4..8078664c7 100644 --- a/.gitignore +++ b/.gitignore @@ -4,3 +4,6 @@ node_modules/ .a11yrc.json *.DS_Store coverage/ +assets/*.js +script.js +style.css \ No newline at end of file diff --git a/assets/Basel-Grotesk-Book-Italic.woff b/assets/Basel-Grotesk-Book-Italic.woff new file mode 100644 index 000000000..43e969746 Binary files /dev/null and b/assets/Basel-Grotesk-Book-Italic.woff differ diff --git a/assets/Basel-Grotesk-Book-Italic.woff2 b/assets/Basel-Grotesk-Book-Italic.woff2 new file mode 100644 index 000000000..8fde9827a Binary files /dev/null and b/assets/Basel-Grotesk-Book-Italic.woff2 differ diff --git a/assets/Basel-Grotesk-Book.woff b/assets/Basel-Grotesk-Book.woff new file mode 100644 index 000000000..3f5a304fc Binary files /dev/null and b/assets/Basel-Grotesk-Book.woff differ diff --git a/assets/Basel-Grotesk-Book.woff2 b/assets/Basel-Grotesk-Book.woff2 new file mode 100644 index 000000000..31d590309 Binary files /dev/null and b/assets/Basel-Grotesk-Book.woff2 differ diff --git a/assets/Basel-Grotesk-Medium-Italic.woff b/assets/Basel-Grotesk-Medium-Italic.woff new file mode 100644 index 000000000..3028bfa0c Binary files /dev/null and b/assets/Basel-Grotesk-Medium-Italic.woff differ diff --git a/assets/Basel-Grotesk-Medium-Italic.woff2 b/assets/Basel-Grotesk-Medium-Italic.woff2 new file mode 100644 index 000000000..1f5811395 Binary files /dev/null and b/assets/Basel-Grotesk-Medium-Italic.woff2 differ diff --git a/assets/Basel-Grotesk-Medium.woff b/assets/Basel-Grotesk-Medium.woff new file mode 100644 index 000000000..11147d040 Binary files /dev/null and b/assets/Basel-Grotesk-Medium.woff differ diff --git a/assets/Basel-Grotesk-Medium.woff2 b/assets/Basel-Grotesk-Medium.woff2 new file mode 100644 index 000000000..b79bb72b6 Binary files /dev/null and b/assets/Basel-Grotesk-Medium.woff2 differ diff --git a/assets/Basel-Grotesk-Regular-Italic.woff b/assets/Basel-Grotesk-Regular-Italic.woff new file mode 100644 index 000000000..aa0bf05b9 Binary files /dev/null and b/assets/Basel-Grotesk-Regular-Italic.woff differ diff --git a/assets/Basel-Grotesk-Regular-Italic.woff2 b/assets/Basel-Grotesk-Regular-Italic.woff2 new file mode 100644 index 000000000..4207ed1cf Binary files /dev/null and b/assets/Basel-Grotesk-Regular-Italic.woff2 differ diff --git a/assets/Basel-Grotesk-Regular.woff b/assets/Basel-Grotesk-Regular.woff new file mode 100644 index 000000000..571f51715 Binary files /dev/null and b/assets/Basel-Grotesk-Regular.woff differ diff --git a/assets/Basel-Grotesk-Regular.woff2 b/assets/Basel-Grotesk-Regular.woff2 new file mode 100644 index 000000000..2c89f004e Binary files /dev/null and b/assets/Basel-Grotesk-Regular.woff2 differ diff --git a/assets/Riegraf-Light-Italic.woff b/assets/Riegraf-Light-Italic.woff new file mode 100644 index 000000000..0dd0265bf Binary files /dev/null and b/assets/Riegraf-Light-Italic.woff differ diff --git a/assets/Riegraf-Light-Italic.woff2 b/assets/Riegraf-Light-Italic.woff2 new file mode 100644 index 000000000..3f2ca69fc Binary files /dev/null and b/assets/Riegraf-Light-Italic.woff2 differ diff --git a/assets/Riegraf-Light.woff b/assets/Riegraf-Light.woff new file mode 100644 index 000000000..aacac36cf Binary files /dev/null and b/assets/Riegraf-Light.woff differ diff --git a/assets/Riegraf-Light.woff2 b/assets/Riegraf-Light.woff2 new file mode 100644 index 000000000..f35e2fc64 Binary files /dev/null and b/assets/Riegraf-Light.woff2 differ diff --git a/assets/Riegraf-Regular-Italic.woff b/assets/Riegraf-Regular-Italic.woff new file mode 100644 index 000000000..a5e7266aa Binary files /dev/null and b/assets/Riegraf-Regular-Italic.woff differ diff --git a/assets/Riegraf-Regular-Italic.woff2 b/assets/Riegraf-Regular-Italic.woff2 new file mode 100644 index 000000000..7cf2de8de Binary files /dev/null and b/assets/Riegraf-Regular-Italic.woff2 differ diff --git a/assets/Riegraf-Regular.woff b/assets/Riegraf-Regular.woff new file mode 100644 index 000000000..006012dd5 Binary files /dev/null and b/assets/Riegraf-Regular.woff differ diff --git a/assets/Riegraf-Regular.woff2 b/assets/Riegraf-Regular.woff2 new file mode 100644 index 000000000..0474cd29a Binary files /dev/null and b/assets/Riegraf-Regular.woff2 differ diff --git a/assets/navigation-bundle.js b/assets/navigation-bundle.js new file mode 100644 index 000000000..8dae8c0b4 --- /dev/null +++ b/assets/navigation-bundle.js @@ -0,0 +1,562 @@ +import { + j as jsxRuntimeExports, + ab as cn, + ac as api, + r as reactExports, + ad as Ye, + ae as yt, + af as je, + a7 as reactDomExports, + a8 as ThemeProviders, + a9 as createTheme, +} from "shared"; + +const MiniUnicon = ({ className, color = "accent-1" }) => { + return jsxRuntimeExports.jsxs("svg", { + className: cn("MiniUnicon", className), + viewBox: "0 0 96 96", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + children: [ + jsxRuntimeExports.jsx("path", { + d: "M32.1304 9.55767C30.947 9.37684 30.8971 9.35561 31.454 9.27131C32.5212 9.10963 35.0413 9.32997 36.7779 9.73674C40.8321 10.686 44.5213 13.1178 48.4591 17.4366L49.5053 18.5839L51.0019 18.3469C57.3068 17.3489 63.7208 18.1421 69.0855 20.5832C70.5613 21.2548 72.8883 22.5917 73.179 22.9353C73.2716 23.0448 73.4417 23.7495 73.5569 24.5016C73.9554 27.1034 73.7559 29.0978 72.9481 30.5873C72.5084 31.3979 72.4839 31.6548 72.7794 32.3485C73.0154 32.9021 73.6732 33.3118 74.3245 33.3109C75.6577 33.3091 77.0927 31.1863 77.7575 28.2325L78.0216 27.0592L78.5448 27.643C81.4146 30.8457 83.6686 35.2134 84.0558 38.3224L84.1566 39.133L83.6743 38.3961C82.8441 37.128 82.01 36.2648 80.9418 35.5686C79.0164 34.3137 76.9805 33.8866 71.5888 33.6067C66.7192 33.3539 63.9632 32.9442 61.2304 32.0664C56.5808 30.5732 54.2369 28.5845 48.7138 21.4466C46.2606 18.2762 44.7443 16.5221 43.236 15.1094C39.8088 11.8997 36.4412 10.2163 32.1304 9.55767Z", + className: cn({ + "fill-light-accent-1 dark:fill-dark-accent-1": color === "accent-1", + "fill-light-neutral-1 dark:fill-dark-neutral-1": + color === "neutral-1", + }), + }), + jsxRuntimeExports.jsx("path", { + d: "M74.2773 16.6364C74.3999 14.512 74.6924 13.1107 75.2804 11.831C75.5131 11.3244 75.7312 10.9099 75.7649 10.9099C75.7986 10.9099 75.6974 11.2838 75.54 11.7406C75.1125 12.9826 75.0423 14.6813 75.3368 16.6577C75.7106 19.1653 75.9232 19.5271 78.6139 22.236C79.8759 23.5065 81.3439 25.109 81.876 25.7969L82.8437 27.0479L81.876 26.1539C80.6928 25.0606 77.9714 22.9285 77.3703 22.6237C76.9673 22.4193 76.9073 22.4228 76.6587 22.6666C76.4296 22.8912 76.3813 23.2287 76.3495 24.8242C76.3 27.3109 75.956 28.9071 75.1254 30.503C74.6763 31.3662 74.6055 31.182 75.012 30.2077C75.3154 29.4802 75.3462 29.1604 75.344 26.7531C75.3393 21.9163 74.7564 20.7535 71.3376 18.7615C70.4716 18.2569 69.0446 17.5291 68.1666 17.1441C67.2886 16.7592 66.5912 16.4239 66.6166 16.3989C66.7134 16.3039 70.0474 17.2625 71.3893 17.771C73.3854 18.5273 73.7149 18.6253 73.9573 18.5341C74.1198 18.4729 74.1984 18.0068 74.2773 16.6364Z", + className: cn({ + "fill-light-accent-1 dark:fill-dark-accent-1": color === "accent-1", + "fill-light-neutral-1 dark:fill-dark-neutral-1": + color === "neutral-1", + }), + }), + jsxRuntimeExports.jsx("path", { + d: "M34.4292 24.9109C32.0267 21.6528 30.5402 16.6574 30.862 12.9231L30.9615 11.7675L31.5084 11.8658C32.5354 12.0503 34.3061 12.6995 35.1353 13.1956C37.4106 14.5568 38.3957 16.3489 39.3978 20.9508C39.6914 22.2987 40.0765 23.8241 40.2537 24.3405C40.539 25.1717 41.6171 27.1133 42.4936 28.3743C43.1249 29.2824 42.7056 29.7128 41.31 29.5887C39.1787 29.3992 36.2917 27.4365 34.4292 24.9109Z", + className: cn({ + "fill-light-accent-1 dark:fill-dark-accent-1": color === "accent-1", + "fill-light-neutral-1 dark:fill-dark-neutral-1": + color === "neutral-1", + }), + }), + jsxRuntimeExports.jsx("path", { + d: "M71.3633 49.1593C60.1356 44.7064 56.1812 40.8412 56.1812 34.3196C56.1812 33.3598 56.2148 32.5746 56.2557 32.5746C56.2965 32.5746 56.7309 32.8913 57.221 33.2785C59.4977 35.0772 62.0472 35.8455 69.1052 36.8598C73.2585 37.4567 75.5958 37.9387 77.7518 38.6431C84.6046 40.8818 88.8445 45.4249 89.8555 51.6129C90.1494 53.4109 89.9771 56.7828 89.5007 58.5599C89.1247 59.9635 87.9771 62.4936 87.6727 62.5905C87.5884 62.6175 87.5056 62.2989 87.4839 61.8654C87.3685 59.5419 86.1765 57.2797 84.1746 55.5852C81.8985 53.6586 78.8404 52.1247 71.3633 49.1593Z", + className: cn({ + "fill-light-accent-1 dark:fill-dark-accent-1": color === "accent-1", + "fill-light-neutral-1 dark:fill-dark-neutral-1": + color === "neutral-1", + }), + }), + jsxRuntimeExports.jsx("path", { + d: "M63.4811 51.0092C63.3404 50.1846 63.0964 49.1316 62.9389 48.6691L62.6524 47.8283L63.1845 48.4167C63.9209 49.2308 64.5028 50.2726 64.996 51.6602C65.3724 52.7192 65.4148 53.0342 65.4119 54.7551C65.4091 56.4447 65.362 56.7988 65.0145 57.7521C64.4664 59.2552 63.7862 60.3211 62.6449 61.4652C60.5939 63.5212 57.9571 64.6596 54.1519 65.1318C53.4905 65.2137 51.5627 65.352 49.8679 65.4388C45.5968 65.6577 42.7857 66.1097 40.2597 66.9833C39.8966 67.109 39.5723 67.1854 39.5394 67.153C39.4372 67.0528 41.157 66.0429 42.5775 65.3689C44.5805 64.4185 46.5743 63.8999 51.0416 63.1671C53.2484 62.805 55.5274 62.3658 56.1061 62.191C61.571 60.5405 64.3801 56.2813 63.4811 51.0092Z", + className: cn({ + "fill-light-accent-1 dark:fill-dark-accent-1": color === "accent-1", + "fill-light-neutral-1 dark:fill-dark-neutral-1": + color === "neutral-1", + }), + }), + jsxRuntimeExports.jsx("path", { + d: "M68.628 60.013C67.1362 56.8543 66.7936 53.8044 67.6109 50.9601C67.6984 50.6562 67.8389 50.4075 67.9236 50.4075C68.008 50.4075 68.3601 50.5949 68.7057 50.824C69.3931 51.2798 70.7718 52.0475 74.4448 54.0202C79.0283 56.4817 81.6416 58.3877 83.4186 60.5654C84.975 62.4726 85.9381 64.6446 86.4017 67.2933C86.6641 68.7936 86.5103 72.4036 86.1195 73.9144C84.8872 78.678 82.0231 82.4198 77.938 84.6032C77.3395 84.923 76.8022 85.1857 76.744 85.1869C76.6859 85.188 76.904 84.6418 77.2287 83.973C78.6029 81.1434 78.7594 78.3909 77.7204 75.3272C77.0842 73.4514 75.7872 71.1624 73.1683 67.2939C70.1235 62.7961 69.377 61.5991 68.628 60.013Z", + className: cn({ + "fill-light-accent-1 dark:fill-dark-accent-1": color === "accent-1", + "fill-light-neutral-1 dark:fill-dark-neutral-1": + color === "neutral-1", + }), + }), + jsxRuntimeExports.jsx("path", { + d: "M26.4558 77.0564C30.6223 73.5911 35.8064 71.1292 40.5287 70.3736C42.5638 70.0479 45.9541 70.1772 47.8386 70.6523C50.8594 71.4138 53.5617 73.1194 54.967 75.1515C56.3404 77.1376 56.9297 78.8683 57.5431 82.719C57.7851 84.238 58.0483 85.7634 58.128 86.1087C58.5887 88.1044 59.4852 89.6996 60.5962 90.5008C62.3608 91.7729 65.3993 91.8521 68.3884 90.7035C68.8957 90.5086 69.3361 90.3739 69.3671 90.4042C69.4754 90.5103 67.9703 91.5028 66.9085 92.0252C65.4797 92.7282 64.3436 93 62.834 93C60.0964 93 57.8236 91.6282 55.9271 88.8311C55.5538 88.2806 54.715 86.6318 54.0629 85.1671C52.0606 80.6684 51.0718 79.2979 48.7468 77.798C46.7235 76.493 44.1142 76.2592 42.1512 77.2073C39.5726 78.4527 38.8532 81.6985 40.7 83.7555C41.434 84.573 42.8028 85.2782 43.9221 85.4153C46.016 85.6719 47.8154 84.1027 47.8154 82.0203C47.8154 80.6682 47.2878 79.8965 45.9596 79.3061C44.1456 78.4998 42.1957 79.4423 42.205 81.121C42.2091 81.8368 42.5255 82.2863 43.2539 82.611C43.7213 82.8192 43.7321 82.8357 43.351 82.7578C41.6866 82.4178 41.2966 80.4412 42.6349 79.129C44.2416 77.5538 47.5641 78.2488 48.705 80.3991C49.1844 81.3022 49.24 83.101 48.8221 84.187C47.8869 86.6181 45.1598 87.8964 42.3934 87.2008C40.5099 86.7271 39.743 86.2142 37.4721 83.9103C33.5261 79.9063 31.9942 79.1304 26.3055 78.2556L25.2153 78.088L26.4558 77.0564Z", + className: cn({ + "fill-light-accent-1 dark:fill-dark-accent-1": color === "accent-1", + "fill-light-neutral-1 dark:fill-dark-neutral-1": + color === "neutral-1", + }), + }), + jsxRuntimeExports.jsx("path", { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M7.94072 5.39491C21.1185 21.1494 30.1946 27.6495 31.2033 29.0228C32.036 30.1567 31.7226 31.1761 30.2959 31.9751C29.5026 32.4193 27.8715 32.8694 27.0548 32.8694C26.1311 32.8694 25.814 32.5184 25.814 32.5184C25.2784 32.018 24.9767 32.1055 22.2264 27.2966C18.408 21.4603 15.2126 16.6189 15.1254 16.5379C14.9238 16.3504 14.9273 16.3568 21.8371 28.5351C22.9535 31.0734 22.0591 32.0051 22.0591 32.3666C22.0591 33.1021 21.8554 33.4886 20.9344 34.5005C19.3991 36.1877 18.7128 38.0835 18.2173 42.0069C17.6619 46.4049 16.1001 49.5117 11.7718 54.8288C9.23824 57.9413 8.82367 58.5118 8.18437 59.7663C7.37912 61.3461 7.1577 62.2309 7.06796 64.2259C6.97311 66.335 7.15784 67.6975 7.81203 69.7141C8.38474 71.4796 8.98255 72.6453 10.5108 74.977C11.8297 76.9892 12.5891 78.4845 12.5891 79.0694C12.5891 79.5349 12.6793 79.5355 14.723 79.0809C19.6139 77.993 23.5853 76.0796 25.8189 73.7348C27.2012 72.2834 27.5257 71.4819 27.5363 69.4931C27.5432 68.1921 27.4967 67.9198 27.1397 67.1714C26.5586 65.9533 25.5007 64.9405 23.1689 63.3703C20.1137 61.3131 18.8088 59.6568 18.4484 57.3791C18.1527 55.5102 18.4957 54.1916 20.1859 50.7022C21.9353 47.0904 22.3688 45.5513 22.6621 41.9108C22.8515 39.5587 23.1138 38.6311 23.7998 37.8866C24.5153 37.1102 25.1594 36.8473 26.9302 36.6089C29.817 36.2205 31.6553 35.4847 33.1663 34.1132C34.477 32.9234 35.0255 31.777 35.1097 30.0512L35.1736 28.743L34.4411 27.9018C31.7884 24.8552 6.16425 3 6.00101 3C5.96614 3 6.83904 4.07778 7.94072 5.39491ZM14.0782 66.6124C14.6779 65.5661 14.3593 64.221 13.3561 63.564C12.4081 62.9431 10.9356 63.2355 10.9356 64.0446C10.9356 64.2915 11.0742 64.4711 11.3866 64.6295C11.9125 64.8961 11.9507 65.1959 11.5369 65.8086C11.1178 66.429 11.1516 66.9746 11.6324 67.3453C12.4071 67.9429 13.5038 67.6142 14.0782 66.6124Z", + className: cn({ + "fill-light-accent-1 dark:fill-dark-accent-1": color === "accent-1", + "fill-light-neutral-1 dark:fill-dark-neutral-1": + color === "neutral-1", + }), + }), + jsxRuntimeExports.jsx("path", { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M36.9954 37.2951C35.6402 37.7051 34.3228 39.12 33.915 40.6035C33.6662 41.5086 33.8074 43.0961 34.18 43.5865C34.782 44.3783 35.3642 44.587 36.9406 44.5761C40.0269 44.5549 42.7099 43.251 43.0218 41.621C43.2775 40.2849 42.0992 38.4332 40.476 37.6203C39.6385 37.201 37.8572 37.0346 36.9954 37.2951ZM40.6034 40.0741C41.0793 39.408 40.8711 38.688 40.0616 38.2011C38.5201 37.2739 36.189 38.0412 36.189 39.4756C36.189 40.1897 37.4046 40.9687 38.5189 40.9687C39.2606 40.9687 40.2755 40.5331 40.6034 40.0741Z", + className: cn({ + "fill-light-accent-1 dark:fill-dark-accent-1": color === "accent-1", + "fill-light-neutral-1 dark:fill-dark-neutral-1": + color === "neutral-1", + }), + }), + ], + }); +}; + +const Menu = ({ className, color = "neutral-2" }) => { + return jsxRuntimeExports.jsx("svg", { + className: className, + viewBox: "0 0 24 24", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + children: jsxRuntimeExports.jsx("path", { + d: "M2 6C2 5.448 2.448 5 3 5H21C21.552 5 22 5.448 22 6C22 6.552 21.552 7 21 7H3C2.448 7 2 6.552 2 6ZM21 11H3C2.448 11 2 11.448 2 12C2 12.552 2.448 13 3 13H21C21.552 13 22 12.552 22 12C22 11.448 21.552 11 21 11ZM21 17H3C2.448 17 2 17.448 2 18C2 18.552 2.448 19 3 19H21C21.552 19 22 18.552 22 18C22 17.448 21.552 17 21 17Z", + className: cn({ + "fill-light-neutral-2 dark:fill-dark-neutral-2": color === "neutral-2", + }), + }), + }); +}; +const Close = ({ className, color = "neutral-2" }) => { + return jsxRuntimeExports.jsx("svg", { + className: className, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + children: jsxRuntimeExports.jsx("path", { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M0.292893 0.292893C0.683417 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L7 5.58579L12.2929 0.292893C12.6834 -0.0976311 13.3166 -0.0976311 13.7071 0.292893C14.0976 0.683417 14.0976 1.31658 13.7071 1.70711L8.41421 7L13.7071 12.2929C14.0976 12.6834 14.0976 13.3166 13.7071 13.7071C13.3166 14.0976 12.6834 14.0976 12.2929 13.7071L7 8.41421L1.70711 13.7071C1.31658 14.0976 0.683417 14.0976 0.292893 13.7071C-0.0976311 13.3166 -0.0976311 12.6834 0.292893 12.2929L5.58579 7L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683417 0.292893 0.292893Z", + className: cn("transition-all", { + "fill-light-neutral-2 group-hover:fill-light-neutral-1 dark:fill-dark-neutral-2 group-hover:dark:fill-dark-neutral-1": + color === "neutral-2", + }), + }), + }); +}; +const Sun = ({ className, color = "neutral-2" }) => { + return jsxRuntimeExports.jsx("svg", { + className: className, + viewBox: "0 0 16 16", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + children: jsxRuntimeExports.jsx("path", { + className: cn({ + "fill-light-neutral-2 dark:fill-dark-neutral-2": color === "neutral-2", + }), + d: "M11 8C11 9.654 9.654 11 8 11C6.346 11 5 9.654 5 8C5 6.346 6.346 5 8 5C9.654 5 11 6.346 11 8ZM8.5 3.33333V2C8.5 1.724 8.276 1.5 8 1.5C7.724 1.5 7.5 1.724 7.5 2V3.33333C7.5 3.60933 7.724 3.83333 8 3.83333C8.276 3.83333 8.5 3.60933 8.5 3.33333ZM8.5 14V12.6667C8.5 12.3907 8.276 12.1667 8 12.1667C7.724 12.1667 7.5 12.3907 7.5 12.6667V14C7.5 14.276 7.724 14.5 8 14.5C8.276 14.5 8.5 14.276 8.5 14ZM3.83333 8C3.83333 7.724 3.60933 7.5 3.33333 7.5H2C1.724 7.5 1.5 7.724 1.5 8C1.5 8.276 1.724 8.5 2 8.5H3.33333C3.60933 8.5 3.83333 8.276 3.83333 8ZM14.5 8C14.5 7.724 14.276 7.5 14 7.5H12.6667C12.3907 7.5 12.1667 7.724 12.1667 8C12.1667 8.276 12.3907 8.5 12.6667 8.5H14C14.276 8.5 14.5 8.276 14.5 8ZM5.054 5.054C5.24933 4.85866 5.24933 4.54199 5.054 4.34666L4.11133 3.40399C3.91599 3.20866 3.59933 3.20866 3.40399 3.40399C3.20866 3.59933 3.20866 3.91599 3.40399 4.11133L4.34666 5.054C4.44399 5.15133 4.57199 5.20066 4.69999 5.20066C4.82799 5.20066 4.956 5.15133 5.054 5.054ZM12.596 12.596C12.7913 12.4007 12.7913 12.084 12.596 11.8887L11.6533 10.946C11.458 10.7507 11.1413 10.7507 10.946 10.946C10.7507 11.1413 10.7507 11.458 10.946 11.6533L11.8887 12.596C11.986 12.6933 12.114 12.7427 12.242 12.7427C12.37 12.7427 12.4987 12.694 12.596 12.596ZM4.11133 12.596L5.054 11.6533C5.24933 11.458 5.24933 11.1413 5.054 10.946C4.85866 10.7507 4.54199 10.7507 4.34666 10.946L3.40399 11.8887C3.20866 12.084 3.20866 12.4007 3.40399 12.596C3.50133 12.6933 3.62932 12.7427 3.75732 12.7427C3.88532 12.7427 4.01333 12.694 4.11133 12.596ZM11.6533 5.054L12.596 4.11133C12.7913 3.91599 12.7913 3.59933 12.596 3.40399C12.4007 3.20866 12.084 3.20866 11.8887 3.40399L10.946 4.34666C10.7507 4.54199 10.7507 4.85866 10.946 5.054C11.0433 5.15133 11.1713 5.20066 11.2993 5.20066C11.4273 5.20066 11.5553 5.15133 11.6533 5.054Z", + }), + }); +}; +const Moon = ({ className, color = "neutral-2" }) => { + return jsxRuntimeExports.jsx("svg", { + className: className, + viewBox: "0 0 16 16", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + children: jsxRuntimeExports.jsx("path", { + className: cn({ + "fill-light-neutral-2 dark:fill-dark-neutral-2": color === "neutral-2", + }), + d: "M8.75534 1.33337C8.75734 1.33337 8.76001 1.33337 8.76201 1.33337C8.97468 1.33337 9.06667 1.59538 8.90667 1.73338C7.786 2.69804 7.17002 4.2147 7.48402 5.84937C7.83268 7.66337 9.32535 9.04403 11.182 9.29203C12.3547 9.4487 13.4407 9.15203 14.304 8.55937C14.4793 8.4387 14.712 8.59804 14.6594 8.80204C13.9234 11.6794 11.084 13.73 7.84467 13.268C5.15401 12.884 3.02935 10.7247 2.71068 8.06337C2.54402 6.67537 2.85933 5.36738 3.51333 4.28005C4.57333 2.51605 6.52401 1.33337 8.75534 1.33337Z", + }), + }); +}; +const IconMap = ({ icon, color, className }) => { + switch (icon) { + case "sun": + return jsxRuntimeExports.jsx(Sun, { color: color, className: className }); + case "moon": + return jsxRuntimeExports.jsx(Moon, { + color: color, + className: className, + }); + default: + console.warn(`Icon ${icon} not found`); + return null; + } +}; + +function isValidEmail(href) { + // Regular expression to validate email address + const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; + return emailRegex.test(href); +} +function formatHrefAsMailto(href) { + // Check if the href is a valid email address + if (isValidEmail(href)) { + // If it doesn't already start with "mailto:", add it + if (!href.startsWith("mailto:")) { + return `mailto:${href}`; + } + } + // Return the original href if it's not an email or already formatted correctly + return href; +} + +const PrimaryButton = (props) => { + const { + color = "accent-1", + size = "medium", + fullWidth = false, + theme, + } = props; + const containerStyle = cn( + "transition-colors flex flex-row items-center justify-center", + { + "bg-light-accent-1 dark:bg-dark-accent-1 hover:bg-light-accent-1-hovered dark:hover:bg-dark-accent-1-hovered": + !theme && color === "accent-1", + "bg-light-accent-2 dark:bg-dark-accent-2 hover:bg-light-accent-2-hovered dark:hover:bg-dark-accent-2-hovered": + !theme && color === "accent-2", + "bg-light-surface-3 dark:bg-dark-surface-3 hover:bg-light-surface-3-hovered dark:hover:bg-dark-surface-3-hovered": + !theme && color === "surface-3", + "bg-dark-accent-1 hover:bg-dark-accent-1-hovered": + theme === "dark" && color === "accent-1", + "bg-light-accent-1 hover:bg-light-accent-1-hovered": + theme === "light" && color === "accent-1", + "bg-dark-accent-2 hover:bg-dark-accent-2-hovered": + theme === "dark" && color === "accent-2", + "bg-light-accent-2 hover:bg-light-accent-2-hovered": + theme === "light" && color === "accent-2", + "rounded-small px-padding-small py-padding-small-dense": + size === "medium", + "rounded-medium px-padding-large p-padding-medium": size === "large", + } + ); + const textStyle = cn({ + "text-white": color === "accent-1", + "text-light-accent-1 dark:text-dark-accent-1": color === "accent-2", + "text-light-neutral-1 dark:text-dark-neutral-1": color === "surface-3", + "button-label-4": size === "medium", + "button-label-2": size === "large", + }); + if ("href" in props) { + const { label, href, ariaLabel, className, onClick } = props; + return jsxRuntimeExports.jsx("div", { + className: cn("PrimaryButton flex", { + "w-full": fullWidth, + }), + children: jsxRuntimeExports.jsx(LinkBase, { + href: href, + className: cn(containerStyle, className, { + "w-full": fullWidth, + }), + ariaLabel: ariaLabel, + onClick: onClick, + children: jsxRuntimeExports.jsx("span", { + className: textStyle, + children: label, + }), + }), + }); + } + const { label, onClick, ariaLabel, role, className } = props; + return jsxRuntimeExports.jsx("div", { + className: "PrimaryButton flex", + children: jsxRuntimeExports.jsx(ButtonBase, { + onClick: onClick, + className: cn(containerStyle, className), + ariaLabel: ariaLabel, + role: role, + children: jsxRuntimeExports.jsx("span", { + className: textStyle, + children: label, + }), + }), + }); +}; +const ButtonBase = ({ className, onClick, children, ariaLabel, role }) => { + return jsxRuntimeExports.jsx("button", { + onClick: onClick, + className: className, + "aria-label": ariaLabel, + role: role, + children: children, + }); +}; +const OPEN_IN_NEW_TAB_PROPS = { target: "_blank", rel: "noreferrer noopener" }; +const OPEN_IN_CURRENT_TAB_PROPS = { target: "_self" }; +const LinkBase = ({ className, href, children, ariaLabel, onClick }) => { + const isInternalLink = href.startsWith("/") || href.startsWith("#"); + const targetProps = isInternalLink + ? OPEN_IN_CURRENT_TAB_PROPS + : OPEN_IN_NEW_TAB_PROPS; + return jsxRuntimeExports.jsx("a", { + className: className, + href: formatHrefAsMailto(href), + "aria-label": ariaLabel, + onClick: onClick, + ...targetProps, + children: children, + }); +}; + +class StorageManager { + key; + constructor(key) { + this.key = key; + } + set(value) { + const valueToSet = JSON.stringify(value); + api.set(this.key, valueToSet, { expires: 365, domain: "zendesk.com" }); + } + get() { + const value = api.get(this.key); + if (value) { + return JSON.parse(value); + } + return undefined; + } + remove() { + api.remove(this.key, { domain: "zendesk.com" }); + } +} +const THEME_STORAGE_NAME = "uniswap-ui-theme"; +const ThemeManager = new StorageManager(THEME_STORAGE_NAME); + +const UIContext = reactExports.createContext(undefined); +const useUIProvider = () => { + const context = reactExports.useContext(UIContext); + if (context === undefined) { + throw new Error("useUIProvider must be used within a UIProvider"); + } + return context; +}; +const UIProvider = ({ children }) => { + const [theme, setTheme] = reactExports.useState("light"); + reactExports.useEffect(() => { + if (typeof window !== "undefined") { + const currentTheme = ThemeManager.get(); + if (!currentTheme) { + ThemeManager.set("light"); + } else { + setTheme(currentTheme); + } + } + }, []); + const toggleTheme = () => { + setTheme((prev) => { + const newTheme = prev === "dark" ? "light" : "dark"; + ThemeManager.set(newTheme); + document.documentElement.classList.toggle("dark", newTheme === "dark"); // Toggles the dark class + return newTheme; + }); + }; + return jsxRuntimeExports.jsx(UIContext.Provider, { + value: { + theme, + toggleTheme, + }, + children: children, + }); +}; + +const ThemeSwitch = () => { + const { toggleTheme, theme } = useUIProvider(); + return jsxRuntimeExports.jsxs(Ye, { + checked: theme === "dark", + onChange: toggleTheme, + className: cn( + "group relative inline-flex h-8 w-[3.75rem] items-center rounded-full", + { + "bg-light-surface-3": theme === "light", + "bg-dark-surface-3": theme === "dark", + } + ), + "aria-label": "Toggle theme", + children: [ + jsxRuntimeExports.jsx("span", { + className: + "flex h-6 w-6 translate-x-1 items-center justify-center rounded-full bg-white transition group-data-[checked]:translate-x-8", + children: jsxRuntimeExports.jsx(IconMap, { + className: "h-4 w-4", + icon: theme === "dark" ? "moon" : "sun", + }), + }), + jsxRuntimeExports.jsx(Sun, { className: "absolute left-2 h-4 w-4" }), + jsxRuntimeExports.jsx(Moon, { className: "absolute right-2 h-4 w-4" }), + ], + }); +}; + +const MobileMenuModal = ({ isOpen, close }) => { + const { theme } = useUIProvider(); + const [modalTransition, setModalTransition] = reactExports.useState(false); + const handleClose = () => { + setModalTransition(false); + setTimeout(close, 100); + }; + reactExports.useEffect(() => { + if (isOpen) { + setTimeout(() => setModalTransition(true), 100); + } + }, [isOpen]); + return jsxRuntimeExports.jsx(yt, { + open: isOpen, + onClose: handleClose, + className: "MobileMenuModal relative z-modal sm:hidden", + children: jsxRuntimeExports.jsx("div", { + className: cn( + "fixed bottom-0 left-0 right-0 flex w-screen translate-y-0 items-center transition-all", + { + "opacity-1 translate-y-0": modalTransition, + "translate-y-4 opacity-0": !modalTransition, + } + ), + children: jsxRuntimeExports.jsxs(je, { + className: cn("w-full rounded-t-large border-t px-margin-mobile", { + "border-dark-surface-3 bg-dark-surface-1": theme === "dark", + "border-light-surface-3 bg-light-surface-1": theme === "light", + }), + children: [ + jsxRuntimeExports.jsxs("div", { + className: "pt-padding-x-large", + children: [ + jsxRuntimeExports.jsx("button", { + onClick: handleClose, + className: + "group absolute right-0 top-0 px-margin-mobile py-padding-x-large", + children: jsxRuntimeExports.jsx(Close, { + className: "h-3.5 w-3.5", + }), + }), + jsxRuntimeExports.jsx("nav", {}), + jsxRuntimeExports.jsx("div", { + className: cn("my-3 border-t", { + "border-dark-surface-3": theme === "dark", + "border-light-surface-3": theme === "light", + }), + }), + jsxRuntimeExports.jsxs("div", { + className: "flex flex-row items-center justify-between", + children: [ + jsxRuntimeExports.jsx("h3", { + className: cn("body-1", { + "text-light-neutral-1": theme === "light", + "text-dark-neutral-1": theme === "dark", + }), + children: "Theme", + }), + jsxRuntimeExports.jsx(ThemeSwitch, {}), + ], + }), + ], + }), + jsxRuntimeExports.jsx("div", { + className: "py-padding-large", + children: jsxRuntimeExports.jsx(PrimaryButton, { + onClick: handleClose, + className: "ml-padding-small-dense", + label: "Submit Request", + href: "https://support.uniswap.org/hc/en-us/requests/new", + size: "large", + theme: theme, + color: "accent-2", + fullWidth: true, + }), + }), + ], + }), + }), + }); +}; + +const Navigation = () => { + const [scrollIsOnTop, setScrollIsOnTop] = reactExports.useState(false); + const [menuIsOpen, setMenuIsOpen] = reactExports.useState(false); + reactExports.useEffect(() => { + const handleScroll = () => { + const position = window.scrollY; + if (position === 0) { + setScrollIsOnTop(true); + } else { + setScrollIsOnTop(false); + } + }; + handleScroll(); + window.addEventListener("scroll", handleScroll, { passive: true }); + return () => { + window.removeEventListener("scroll", handleScroll); + }; + }, [setScrollIsOnTop]); + return jsxRuntimeExports.jsxs(UIProvider, { + children: [ + jsxRuntimeExports.jsx("nav", { + className: cn( + "Navigation fixed top-0 left-0 right-0 z-nav flex w-screen justify-center bg-light-surface-1 dark:border-dark-surface-3 dark:bg-dark-surface-1", + { + "border-b": !scrollIsOnTop, + } + ), + children: jsxRuntimeExports.jsxs("div", { + className: + "flex w-full flex-row items-center justify-between border-light-surface-3 px-4 py-[1.15625rem] sm:px-[0.9375rem] sm:py-3 md:h-[4.5rem]", + children: [ + jsxRuntimeExports.jsx("div", { + className: "flex flex-row items-center", + children: jsxRuntimeExports.jsxs(LinkBase, { + href: "/", + className: "flex flex-row items-center", + children: [ + jsxRuntimeExports.jsx(MiniUnicon, { + className: "mb-[0.1875rem] h-8 w-8", + }), + jsxRuntimeExports.jsx("p", { + className: + "body-3 md:button-label-2 ml-2 text-light-accent-1 dark:text-dark-accent-1", + children: "Uniswap Support", + }), + ], + }), + }), + jsxRuntimeExports.jsx("div", { + className: "sm:hidden", + children: jsxRuntimeExports.jsx(ButtonBase, { + onClick: () => { + setMenuIsOpen((prev) => !prev); + }, + children: jsxRuntimeExports.jsx(Menu, { + className: "h-padding-large w-padding-large", + }), + }), + }), + jsxRuntimeExports.jsxs("div", { + className: "hidden sm:flex", + children: [ + jsxRuntimeExports.jsx(ThemeSwitch, {}), + jsxRuntimeExports.jsx(PrimaryButton, { + className: "ml-padding-small-dense !my-auto !py-0 !h-8", + label: "Submit Request", + href: "https://support.uniswap.org/hc/en-us/requests/new", + color: "accent-2", + }), + ], + }), + ], + }), + }), + jsxRuntimeExports.jsx("div", { + className: cn( + "fixed inset-0 z-scrim bg-scrim transition duration-500", + { + "pointer-events-none opacity-0": !menuIsOpen, + "opacity-1": menuIsOpen, + } + ), + }), + jsxRuntimeExports.jsx(MobileMenuModal, { + isOpen: menuIsOpen, + close: () => { + setMenuIsOpen(false); + }, + }), + ], + }); +}; + +async function renderNavigation(settings, container) { + reactDomExports.render( + jsxRuntimeExports.jsx(ThemeProviders, { + theme: createTheme(settings), + children: jsxRuntimeExports.jsx(Navigation, {}), + }), + container + ); +} + +export { renderNavigation }; diff --git a/assets/shared-bundle.js b/assets/shared-bundle.js index 4187190be..bc35a7403 100644 --- a/assets/shared-bundle.js +++ b/assets/shared-bundle.js @@ -448,12 +448,12 @@ function requireReact_production_min() { } var reactExports = react.exports; -var React__default = /*@__PURE__*/ getDefaultExportFromCjs(reactExports); +var U$6 = /*@__PURE__*/ getDefaultExportFromCjs(reactExports); -var React = /*#__PURE__*/ _mergeNamespaces( +var t$5 = /*#__PURE__*/ _mergeNamespaces( { __proto__: null, - default: React__default, + default: U$6, }, [reactExports] ); @@ -9523,7 +9523,7 @@ var _entityMap = { "'": "'", "/": "/", }; -const escape = (data) => { +const escape$1 = (data) => { if (isString$1(data)) { return data.replace(/[&<>"'\/]/g, (s) => _entityMap[s]); } @@ -11280,7 +11280,7 @@ class Interpolator { escapeValue: true, }; const { - escape: escape$1, + escape: escape$1$1, escapeValue, useRawValueToEscape, prefix, @@ -11298,7 +11298,7 @@ class Interpolator { maxReplaces, alwaysFormat, } = options.interpolation; - this.escape = escape$1 !== undefined ? escape$1 : escape; + this.escape = escape$1$1 !== undefined ? escape$1$1 : escape$1; this.escapeValue = escapeValue !== undefined ? escapeValue : true; this.useRawValueToEscape = useRawValueToEscape !== undefined ? useRawValueToEscape : false; @@ -14339,10 +14339,10 @@ function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) { var hoistNonReactStatics_cjs = hoistNonReactStatics; -var f = /*@__PURE__*/ getDefaultExportFromCjs(hoistNonReactStatics_cjs); +var f$9 = /*@__PURE__*/ getDefaultExportFromCjs(hoistNonReactStatics_cjs); -function m() { - return (m = +function m$5() { + return (m$5 = Object.assign || function (e) { for (var t = 1; t < arguments.length; t++) { @@ -14353,12 +14353,12 @@ function m() { return e; }).apply(this, arguments); } -var y = function (e, t) { +var y$4 = function (e, t) { for (var n = [e[0]], r = 0, o = t.length; r < o; r += 1) n.push(t[r], e[r + 1]); return n; }, - v = function (t) { + v$1 = function (t) { return ( null !== t && "object" == typeof t && @@ -14368,23 +14368,23 @@ var y = function (e, t) { ); }, g = Object.freeze([]), - S = Object.freeze({}); -function w(e) { + S$3 = Object.freeze({}); +function w$5(e) { return "function" == typeof e; } -function E(e) { +function E$4(e) { return e.displayName || e.name || "Component"; } -function b(e) { +function b$3(e) { return e && "string" == typeof e.styledComponentId; } -var _ = +var _$3 = ("undefined" != typeof process && void 0 !== process.env && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR)) || "data-styled", - A = "undefined" != typeof window && "HTMLElement" in window, - C = Boolean( + A$2 = "undefined" != typeof window && "HTMLElement" in window, + C$5 = Boolean( "boolean" == typeof SC_DISABLE_SPEEDY ? SC_DISABLE_SPEEDY : "undefined" != typeof process && @@ -14399,7 +14399,7 @@ var _ = process.env.SC_DISABLE_SPEEDY : "production" !== "production") ); -function R(e) { +function R$3(e) { for ( var t = arguments.length, n = new Array(t > 1 ? t - 1 : 0), r = 1; r < t; @@ -14413,7 +14413,7 @@ function R(e) { (n.length > 0 ? " Args: " + n.join(", ") : "") ); } -var D = (function () { +var D$1 = (function () { function e(e) { (this.groupSizes = new Uint32Array(512)), (this.length = 512), @@ -14428,7 +14428,7 @@ var D = (function () { (t.insertRules = function (e, t) { if (e >= this.groupSizes.length) { for (var n = this.groupSizes, r = n.length, o = r; e >= o; ) - (o <<= 1) < 0 && R(16, "" + e); + (o <<= 1) < 0 && R$3(16, "" + e); (this.groupSizes = new Uint32Array(o)), this.groupSizes.set(n), (this.length = o); @@ -14463,28 +14463,28 @@ var D = (function () { e ); })(), - j = new Map(), - T = new Map(), - x = 1, - k = function (e) { - if (j.has(e)) return j.get(e); - for (; T.has(x); ) x++; - var t = x++; - return j.set(e, t), T.set(t, e), t; + j$3 = new Map(), + T$4 = new Map(), + x$3 = 1, + k$1 = function (e) { + if (j$3.has(e)) return j$3.get(e); + for (; T$4.has(x$3); ) x$3++; + var t = x$3++; + return j$3.set(e, t), T$4.set(t, e), t; }, - V = function (e) { - return T.get(e); + V$1 = function (e) { + return T$4.get(e); }, z = function (e, t) { - t >= x && (x = t + 1), j.set(e, t), T.set(t, e); + t >= x$3 && (x$3 = t + 1), j$3.set(e, t), T$4.set(t, e); }, - B = "style[" + _ + '][data-styled-version="5.3.11"]', - M = new RegExp("^" + _ + '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'), - G = function (e, t, n) { + B = "style[" + _$3 + '][data-styled-version="5.3.11"]', + M$3 = new RegExp("^" + _$3 + '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'), + G$1 = function (e, t, n) { for (var r, o = n.split(","), s = 0, i = o.length; s < i; s++) (r = o[s]) && e.registerName(t, r); }, - L = function (e, t) { + L$2 = function (e, t) { for ( var n = (t.textContent || "").split("/*!sc*/\n"), r = [], @@ -14495,17 +14495,17 @@ var D = (function () { ) { var i = n[o].trim(); if (i) { - var a = i.match(M); + var a = i.match(M$3); if (a) { var c = 0 | parseInt(a[1], 10), u = a[2]; - 0 !== c && (z(u, c), G(e, u, a[3]), e.getTag().insertRules(c, r)), + 0 !== c && (z(u, c), G$1(e, u, a[3]), e.getTag().insertRules(c, r)), (r.length = 0); } else r.push(i); } } }, - F = function () { + F$2 = function () { return "undefined" != typeof __webpack_nonce__ ? __webpack_nonce__ : null; }, Y = function (e) { @@ -14515,13 +14515,13 @@ var D = (function () { o = (function (e) { for (var t = e.childNodes, n = t.length; n >= 0; n--) { var r = t[n]; - if (r && 1 === r.nodeType && r.hasAttribute(_)) return r; + if (r && 1 === r.nodeType && r.hasAttribute(_$3)) return r; } })(n), s = void 0 !== o ? o.nextSibling : null; - r.setAttribute(_, "active"), + r.setAttribute(_$3, "active"), r.setAttribute("data-styled-version", "5.3.11"); - var i = F(); + var i = F$2(); return i && r.setAttribute("nonce", i), n.insertBefore(r, s), r; }, q = (function () { @@ -14534,7 +14534,7 @@ var D = (function () { var o = t[n]; if (o.ownerNode === e) return o; } - R(17); + R$3(17); })(t)), (this.length = 0); } @@ -14557,7 +14557,7 @@ var D = (function () { e ); })(), - H = (function () { + H$3 = (function () { function e(e) { var t = (this.element = Y(e)); (this.nodes = t.childNodes), (this.length = 0); @@ -14581,7 +14581,7 @@ var D = (function () { e ); })(), - $ = (function () { + $$2 = (function () { function e(e) { (this.rules = []), (this.length = 0); } @@ -14601,20 +14601,20 @@ var D = (function () { e ); })(), - W = A, - U = { isServer: !A, useCSSOMInjection: !C }, - J = (function () { + W$1 = A$2, + U$5 = { isServer: !A$2, useCSSOMInjection: !C$5 }, + J$1 = (function () { function e(e, t, n) { - void 0 === e && (e = S), + void 0 === e && (e = S$3), void 0 === t && (t = {}), - (this.options = m({}, U, {}, e)), + (this.options = m$5({}, U$5, {}, e)), (this.gs = t), (this.names = new Map(n)), (this.server = !!e.isServer), !this.server && - A && - W && - ((W = !1), + A$2 && + W$1 && + ((W$1 = !1), (function (e) { for ( var t = document.querySelectorAll(B), n = 0, r = t.length; @@ -14623,13 +14623,13 @@ var D = (function () { ) { var o = t[n]; o && - "active" !== o.getAttribute(_) && - (L(e, o), o.parentNode && o.parentNode.removeChild(o)); + "active" !== o.getAttribute(_$3) && + (L$2(e, o), o.parentNode && o.parentNode.removeChild(o)); } })(this)); } e.registerId = function (e) { - return k(e); + return k$1(e); }; var t = e.prototype; return ( @@ -14637,7 +14637,7 @@ var D = (function () { return ( void 0 === n && (n = !0), new e( - m({}, this.options, {}, t), + m$5({}, this.options, {}, t), this.gs, (n && this.names) || void 0 ) @@ -14653,8 +14653,8 @@ var D = (function () { ((n = (t = this.options).isServer), (r = t.useCSSOMInjection), (o = t.target), - (e = n ? new $(o) : r ? new q(o) : new H(o)), - new D(e))) + (e = n ? new $$2(o) : r ? new q(o) : new H$3(o)), + new D$1(e))) ); var e, t, n, r, o; }), @@ -14662,20 +14662,20 @@ var D = (function () { return this.names.has(e) && this.names.get(e).has(t); }), (t.registerName = function (e, t) { - if ((k(e), this.names.has(e))) this.names.get(e).add(t); + if ((k$1(e), this.names.has(e))) this.names.get(e).add(t); else { var n = new Set(); n.add(t), this.names.set(e, n); } }), (t.insertRules = function (e, t, n) { - this.registerName(e, t), this.getTag().insertRules(k(e), n); + this.registerName(e, t), this.getTag().insertRules(k$1(e), n); }), (t.clearNames = function (e) { this.names.has(e) && this.names.get(e).clear(); }), (t.clearRules = function (e) { - this.getTag().clearGroup(k(e)), this.clearNames(e); + this.getTag().clearGroup(k$1(e)), this.clearNames(e); }), (t.clearTag = function () { this.tag = void 0; @@ -14683,12 +14683,12 @@ var D = (function () { (t.toString = function () { return (function (e) { for (var t = e.getTag(), n = t.length, r = "", o = 0; o < n; o++) { - var s = V(o); + var s = V$1(o); if (void 0 !== s) { var i = e.names.get(s), a = t.getGroup(o); if (i && a && i.size) { - var c = _ + ".g" + o + '[id="' + s + '"]', + var c = _$3 + ".g" + o + '[id="' + s + '"]', u = ""; void 0 !== i && i.forEach(function (e) { @@ -14704,40 +14704,40 @@ var D = (function () { e ); })(), - X = /(a)(d)/gi, - Z = function (e) { + X$2 = /(a)(d)/gi, + Z$1 = function (e) { return String.fromCharCode(e + (e > 25 ? 39 : 97)); }; -function K(e) { +function K$2(e) { var t, n = ""; - for (t = Math.abs(e); t > 52; t = (t / 52) | 0) n = Z(t % 52) + n; - return (Z(t % 52) + n).replace(X, "$1-$2"); + for (t = Math.abs(e); t > 52; t = (t / 52) | 0) n = Z$1(t % 52) + n; + return (Z$1(t % 52) + n).replace(X$2, "$1-$2"); } -var Q = function (e, t) { +var Q$1 = function (e, t) { for (var n = t.length; n; ) e = (33 * e) ^ t.charCodeAt(--n); return e; }, - ee = function (e) { - return Q(5381, e); + ee$1 = function (e) { + return Q$1(5381, e); }; -function te(e) { +function te$2(e) { for (var t = 0; t < e.length; t += 1) { var n = e[t]; - if (w(n) && !b(n)) return !1; + if (w$5(n) && !b$3(n)) return !1; } return !0; } -var ne = ee("5.3.11"), - re = (function () { +var ne = ee$1("5.3.11"), + re$2 = (function () { function e(e, t, n) { (this.rules = e), (this.staticRulesId = ""), - (this.isStatic = (void 0 === n || n.isStatic) && te(e)), + (this.isStatic = (void 0 === n || n.isStatic) && te$2(e)), (this.componentId = t), - (this.baseHash = Q(ne, t)), + (this.baseHash = Q$1(ne, t)), (this.baseStyle = n), - J.registerId(t); + J$1.registerId(t); } return ( (e.prototype.generateAndInjectStyles = function (e, t, n) { @@ -14752,7 +14752,7 @@ var ne = ee("5.3.11"), o.push(this.staticRulesId); else { var s = be(this.rules, e, t, n).join(""), - i = K(Q(this.baseHash, s) >>> 0); + i = K$2(Q$1(this.baseHash, s) >>> 0); if (!t.hasNameForId(r, i)) { var a = n(s, "." + i, void 0, r); t.insertRules(r, i, a); @@ -14762,7 +14762,7 @@ var ne = ee("5.3.11"), else { for ( var c = this.rules.length, - u = Q(this.baseHash, n.hash), + u = Q$1(this.baseHash, n.hash), l = "", d = 0; d < c; @@ -14773,11 +14773,11 @@ var ne = ee("5.3.11"), else if (h) { var p = be(h, e, t, n), f = Array.isArray(p) ? p.join("") : p; - (u = Q(u, f + d)), (l += f); + (u = Q$1(u, f + d)), (l += f); } } if (l) { - var m = K(u >>> 0); + var m = K$2(u >>> 0); if (!t.hasNameForId(r, m)) { var y = n(l, "." + m, void 0, r); t.insertRules(r, m, y); @@ -14797,9 +14797,9 @@ function ie(e) { n, r, o, - s = void 0 === e ? S : e, + s = void 0 === e ? S$3 : e, i = s.options, - a = void 0 === i ? S : i, + a = void 0 === i ? S$3 : i, c = s.plugins, u = void 0 === c ? g : c, l = new stylis_min(a), @@ -14872,35 +14872,35 @@ function ie(e) { (m.hash = u.length ? u .reduce(function (e, t) { - return t.name || R(15), Q(e, t.name); + return t.name || R$3(15), Q$1(e, t.name); }, 5381) .toString() : ""), m ); } -var ae = React__default.createContext(); +var ae = U$6.createContext(); ae.Consumer; -var ue = React__default.createContext(), - le = (ue.Consumer, new J()), - de = ie(); -function he() { +var ue$1 = U$6.createContext(), + le = (ue$1.Consumer, new J$1()), + de$1 = ie(); +function he$1() { return reactExports.useContext(ae) || le; } function pe() { - return reactExports.useContext(ue) || de; + return reactExports.useContext(ue$1) || de$1; } -var me = (function () { +var me$1 = (function () { function e(e, t) { var n = this; (this.inject = function (e, t) { - void 0 === t && (t = de); + void 0 === t && (t = de$1); var r = n.name + t.hash; e.hasNameForId(n.id, r) || e.insertRules(n.id, r, t(n.rules, r, "@keyframes")); }), (this.toString = function () { - return R(12, String(n.name)); + return R$3(12, String(n.name)); }), (this.name = e), (this.id = "sc-keyframes-" + e), @@ -14908,19 +14908,19 @@ var me = (function () { } return ( (e.prototype.getName = function (e) { - return void 0 === e && (e = de), this.name + e.hash; + return void 0 === e && (e = de$1), this.name + e.hash; }), e ); })(), - ye = /([A-Z])/, - ve = /([A-Z])/g, - ge = /^ms-/, - Se = function (e) { + ye$1 = /([A-Z])/, + ve$1 = /([A-Z])/g, + ge$1 = /^ms-/, + Se$1 = function (e) { return "-" + e.toLowerCase(); }; -function we(e) { - return ye.test(e) ? e.replace(ve, Se).replace(ge, "-ms-") : e; +function we$1(e) { + return ye$1.test(e) ? e.replace(ve$1, Se$1).replace(ge$1, "-ms-") : e; } var Ee = function (e) { return null == e || !1 === e || "" === e; @@ -14933,8 +14933,8 @@ function be(e, n, r, o) { return i; } if (Ee(e)) return ""; - if (b(e)) return "." + e.styledComponentId; - if (w(e)) { + if (b$3(e)) return "." + e.styledComponentId; + if (w$5(e)) { if ( "function" != typeof (l = e) || (l.prototype && l.prototype.isReactComponent) || @@ -14945,11 +14945,11 @@ function be(e, n, r, o) { return be(u, n, r, o); } var l; - return e instanceof me + return e instanceof me$1 ? r ? (e.inject(r, o), e.getName(o)) : e - : v(e) + : v$1(e) ? (function e(t, n) { var r, o, @@ -14957,12 +14957,12 @@ function be(e, n, r, o) { for (var i in t) t.hasOwnProperty(i) && !Ee(t[i]) && - ((Array.isArray(t[i]) && t[i].isCss) || w(t[i]) - ? s.push(we(i) + ":", t[i], ";") - : v(t[i]) + ((Array.isArray(t[i]) && t[i].isCss) || w$5(t[i]) + ? s.push(we$1(i) + ":", t[i], ";") + : v$1(t[i]) ? s.push.apply(s, e(t[i], i)) : s.push( - we(i) + + we$1(i) + ": " + ((r = i), null == (o = t[i]) || "boolean" == typeof o || "" === o @@ -14979,52 +14979,53 @@ function be(e, n, r, o) { })(e) : e.toString(); } -var _e = function (e) { +var _e$1 = function (e) { return Array.isArray(e) && (e.isCss = !0), e; }; -function Ne(e) { +function Ne$1(e) { for ( var t = arguments.length, n = new Array(t > 1 ? t - 1 : 0), r = 1; r < t; r++ ) n[r - 1] = arguments[r]; - return w(e) || v(e) - ? _e(be(y(g, [e].concat(n)))) + return w$5(e) || v$1(e) + ? _e$1(be(y$4(g, [e].concat(n)))) : 0 === n.length && 1 === e.length && "string" == typeof e[0] ? e - : _e(be(y(e, n))); + : _e$1(be(y$4(e, n))); } var Pe = function (e, t, n) { return ( - void 0 === n && (n = S), (e.theme !== n.theme && e.theme) || t || n.theme + void 0 === n && (n = S$3), + (e.theme !== n.theme && e.theme) || t || n.theme ); }, - Oe = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, - Re = /(^-|-$)/g; -function De(e) { - return e.replace(Oe, "-").replace(Re, ""); + Oe$1 = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, + Re$1 = /(^-|-$)/g; +function De$2(e) { + return e.replace(Oe$1, "-").replace(Re$1, ""); } -var je = function (e) { - return K(ee(e) >>> 0); +var je$1 = function (e) { + return K$2(ee$1(e) >>> 0); }; -function Te(e) { +function Te$1(e) { return "string" == typeof e && "production" === "production"; } -var xe = function (e) { +var xe$1 = function (e) { return ( "function" == typeof e || ("object" == typeof e && null !== e && !Array.isArray(e)) ); }, - ke = function (e) { + ke$1 = function (e) { return "__proto__" !== e && "constructor" !== e && "prototype" !== e; }; function Ve(e, t, n) { var r = e[n]; - xe(t) && xe(r) ? ze(r, t) : (e[n] = t); + xe$1(t) && xe$1(r) ? ze$1(r, t) : (e[n] = t); } -function ze(e) { +function ze$1(e) { for ( var t = arguments.length, n = new Array(t > 1 ? t - 1 : 0), r = 1; r < t; @@ -15033,48 +15034,48 @@ function ze(e) { n[r - 1] = arguments[r]; for (var o = 0, s = n; o < s.length; o++) { var i = s[o]; - if (xe(i)) for (var a in i) ke(a) && Ve(e, i[a], a); + if (xe$1(i)) for (var a in i) ke$1(a) && Ve(e, i[a], a); } return e; } -var Be = React__default.createContext(); -Be.Consumer; -function Ge(e) { - var t = reactExports.useContext(Be), +var Be$1 = U$6.createContext(); +Be$1.Consumer; +function Ge$2(e) { + var t = reactExports.useContext(Be$1), n = reactExports.useMemo( function () { return (function (e, t) { - if (!e) return R(14); - if (w(e)) { + if (!e) return R$3(14); + if (w$5(e)) { var n = e(t); return n; } return Array.isArray(e) || "object" != typeof e - ? R(8) + ? R$3(8) : t - ? m({}, t, {}, e) + ? m$5({}, t, {}, e) : e; })(e.theme, t); }, [e.theme, t] ); return e.children - ? React__default.createElement(Be.Provider, { value: n }, e.children) + ? U$6.createElement(Be$1.Provider, { value: n }, e.children) : null; } -var Le = {}; -function Fe(e, t, n) { - var o = b(e), - i = !Te(e), +var Le$2 = {}; +function Fe$1(e, t, n) { + var o = b$3(e), + i = !Te$1(e), a = t.attrs, c = void 0 === a ? g : a, l = t.componentId, d = void 0 === l ? (function (e, t) { - var n = "string" != typeof e ? "sc" : De(e); - Le[n] = (Le[n] || 0) + 1; - var r = n + "-" + je("5.3.11" + n + Le[n]); + var n = "string" != typeof e ? "sc" : De$2(e); + Le$2[n] = (Le$2[n] || 0) + 1; + var r = n + "-" + je$1("5.3.11" + n + Le$2[n]); return t ? t + "-" + r : r; })(t.displayName, t.parentComponentId) : l, @@ -15082,12 +15083,12 @@ function Fe(e, t, n) { y = void 0 === h ? (function (e) { - return Te(e) ? "styled." + e : "Styled(" + E(e) + ")"; + return Te$1(e) ? "styled." + e : "Styled(" + E$4(e) + ")"; })(e) : h, v = t.displayName && t.componentId - ? De(t.displayName) + "-" + t.componentId + ? De$2(t.displayName) + "-" + t.componentId : t.componentId || d, _ = o && e.attrs ? Array.prototype.concat(e.attrs, c).filter(Boolean) : c, N = t.shouldForwardProp; @@ -15099,7 +15100,7 @@ function Fe(e, t, n) { } : e.shouldForwardProp); var A, - C = new re(n, v, o ? e.componentStyle : void 0), + C = new re$2(n, v, o ? e.componentStyle : void 0), I = C.isStatic && 0 === c.length, P = function (e, t) { return (function (e, t, n, r) { @@ -15111,8 +15112,8 @@ function Fe(e, t, n) { d = e.styledComponentId, h = e.target, f = (function (e, t, n) { - void 0 === e && (e = S); - var r = m({}, t, { theme: e }), + void 0 === e && (e = S$3); + var r = m$5({}, t, { theme: e }), o = {}; return ( n.forEach(function (e) { @@ -15120,7 +15121,7 @@ function Fe(e, t, n) { n, s, i = e; - for (t in (w(i) && (i = i(r)), i)) + for (t in (w$5(i) && (i = i(r)), i)) r[t] = o[t] = "className" === t ? ((n = o[t]), (s = i[t]), n && s ? n + " " + s : n || s) @@ -15128,21 +15129,21 @@ function Fe(e, t, n) { }), [r, o] ); - })(Pe(t, reactExports.useContext(Be), a) || S, t, o), + })(Pe(t, reactExports.useContext(Be$1), a) || S$3, t, o), y = f[0], v = f[1], g = (function (e, t, n, r) { - var o = he(), + var o = he$1(), s = pe(), i = t - ? e.generateAndInjectStyles(S, o, s) + ? e.generateAndInjectStyles(S$3, o, s) : e.generateAndInjectStyles(n, o, s); return i; })(i, r, y), E = n, b = v.$as || t.$as || v.as || t.as || h, - _ = Te(b), - N = v !== t ? m({}, t, {}, v) : t, + _ = Te$1(b), + N = v !== t ? m$5({}, t, {}, v) : t, A = {}; for (var C in N) "$" !== C[0] && @@ -15154,7 +15155,7 @@ function Fe(e, t, n) { return ( t.style && v.style !== t.style && - (A.style = m({}, t.style, {}, v.style)), + (A.style = m$5({}, t.style, {}, v.style)), (A.className = Array.prototype .concat(c, d, g !== d ? g : null, t.className, v.className) .filter(Boolean) @@ -15166,7 +15167,7 @@ function Fe(e, t, n) { }; return ( (P.displayName = y), - ((A = React__default.forwardRef(P)).attrs = _), + ((A = U$6.forwardRef(P)).attrs = _), (A.componentStyle = C), (A.displayName = y), (A.shouldForwardProp = N), @@ -15187,15 +15188,15 @@ function Fe(e, t, n) { (n = s[r]), t.indexOf(n) >= 0 || (o[n] = e[n]); return o; })(t, ["componentId"]), - s = r && r + "-" + (Te(e) ? e : De(E(e))); - return Fe(e, m({}, o, { attrs: _, componentId: s }), n); + s = r && r + "-" + (Te$1(e) ? e : De$2(E$4(e))); + return Fe$1(e, m$5({}, o, { attrs: _, componentId: s }), n); }), Object.defineProperty(A, "defaultProps", { get: function () { return this._foldedDefaultProps; }, set: function (t) { - this._foldedDefaultProps = o ? ze({}, e.defaultProps, t) : t; + this._foldedDefaultProps = o ? ze$1({}, e.defaultProps, t) : t; }, }), Object.defineProperty(A, "toString", { @@ -15204,7 +15205,7 @@ function Fe(e, t, n) { }, }), i && - f(A, e, { + f$9(A, e, { attrs: !0, componentStyle: !0, displayName: !0, @@ -15217,29 +15218,29 @@ function Fe(e, t, n) { A ); } -var Ye = function (e) { +var Ye$2 = function (e) { return (function e(t, r, o) { - if ((void 0 === o && (o = S), !reactIsExports$1.isValidElementType(r))) - return R(1, String(r)); + if ((void 0 === o && (o = S$3), !reactIsExports$1.isValidElementType(r))) + return R$3(1, String(r)); var s = function () { - return t(r, o, Ne.apply(void 0, arguments)); + return t(r, o, Ne$1.apply(void 0, arguments)); }; return ( (s.withConfig = function (n) { - return e(t, r, m({}, o, {}, n)); + return e(t, r, m$5({}, o, {}, n)); }), (s.attrs = function (n) { return e( t, r, - m({}, o, { + m$5({}, o, { attrs: Array.prototype.concat(o.attrs, n).filter(Boolean), }) ); }), s ); - })(Fe, e); + })(Fe$1, e); }; [ "a", @@ -15379,20 +15380,20 @@ var Ye = function (e) { "textPath", "tspan", ].forEach(function (e) { - Ye[e] = Ye(e); + Ye$2[e] = Ye$2(e); }); -function $e(e) { +function $e$1(e) { for ( var t = arguments.length, n = new Array(t > 1 ? t - 1 : 0), r = 1; r < t; r++ ) n[r - 1] = arguments[r]; - var o = Ne.apply(void 0, [e].concat(n)).join(""), - s = je(o); - return new me(s, o); + var o = Ne$1.apply(void 0, [e].concat(n)).join(""), + s = je$1(o); + return new me$1(s, o); } -var styled = Ye; +var styled = Ye$2; var propTypes = { exports: {} }; @@ -15733,7 +15734,7 @@ var id = 0; function genId() { return ++id; } -var maybeReactUseId = React["useId".toString()]; +var maybeReactUseId = t$5["useId".toString()]; function useId$1(providedId) { if (maybeReactUseId !== void 0) { let generatedId = maybeReactUseId(); @@ -16158,14 +16159,14 @@ const ThemeProvider = (_ref) => { const relativeDocument = useDocument(theme); const controlledScopeRef = focusVisibleRef === null - ? React__default.createRef() + ? U$6.createRef() : getControlledValue(focusVisibleRef, scopeRef); useFocusVisible({ scope: controlledScopeRef, relativeDocument, }); - return React__default.createElement( - Ge, + return U$6.createElement( + Ge$2, Object.assign( { theme: theme, @@ -16173,7 +16174,7 @@ const ThemeProvider = (_ref) => { other ), focusVisibleRef === undefined - ? React__default.createElement( + ? U$6.createElement( "div", { ref: scopeRef, @@ -19131,8 +19132,11 @@ const exponentialSymbols = { }; const animationStyles$3 = (position, modifier) => { const property = position.split("-")[0]; - const animationName = $e(["0%,66%{", ":2px;border:transparent;}"], property); - return Ne( + const animationName = $e$1( + ["0%,66%{", ":2px;border:transparent;}"], + property + ); + return Ne$1( ["&", "::before,&", "::after{animation:0.3s ease-in-out ", ";}"], modifier, modifier, @@ -19148,7 +19152,7 @@ const positionStyles = (position, size, inset) => { if (position.startsWith("top")) { propertyRadius = "border-bottom-right-radius"; clipPath = "polygon(100% 0, 100% 1px, 1px 100%, 0 100%, 0 0)"; - positionCss = Ne( + positionCss = Ne$1( ["top:", ";right:", ";left:", ";margin-left:", ";"], placement, position === "top-right" && size, @@ -19158,7 +19162,7 @@ const positionStyles = (position, size, inset) => { } else if (position.startsWith("right")) { propertyRadius = "border-bottom-left-radius"; clipPath = "polygon(100% 0, 100% 100%, calc(100% - 1px) 100%, 0 1px, 0 0)"; - positionCss = Ne( + positionCss = Ne$1( ["top:", ";right:", ";bottom:", ";margin-top:", ";"], position === "right" ? "50%" : position === "right-top" && size, placement, @@ -19169,7 +19173,7 @@ const positionStyles = (position, size, inset) => { propertyRadius = "border-top-left-radius"; clipPath = "polygon(100% 0, calc(100% - 1px) 0, 0 calc(100% - 1px), 0 100%, 100% 100%)"; - positionCss = Ne( + positionCss = Ne$1( ["right:", ";bottom:", ";left:", ";margin-left:", ";"], position === "bottom-right" && size, placement, @@ -19179,7 +19183,7 @@ const positionStyles = (position, size, inset) => { } else if (position.startsWith("left")) { propertyRadius = "border-top-right-radius"; clipPath = "polygon(0 100%, 100% 100%, 100% calc(100% - 1px), 1px 0, 0 0)"; - positionCss = Ne( + positionCss = Ne$1( ["top:", ";bottom:", ";left:", ";margin-top:", ";"], position === "left" ? "50%" : position === "left-top" && size, size, @@ -19187,7 +19191,7 @@ const positionStyles = (position, size, inset) => { position === "left" && margin ); } - return Ne( + return Ne$1( ["&::before{", ":100%;clip-path:", ";}&::before,&::after{", "}"], propertyRadius, clipPath, @@ -19200,7 +19204,7 @@ function arrowStyles(position) { const size = options.size || "6px"; const inset = options.inset || "0"; const squareSize = math(`${size} * 2 / sqrt(2)`, exponentialSymbols); - return Ne( + return Ne$1( [ "position:relative;&::before{border-width:inherit;border-style:inherit;border-color:transparent;background-clip:content-box;}&::after{z-index:-1;border:inherit;box-shadow:inherit;}&::before,&::after{position:absolute;transform:rotate(45deg);background-color:inherit;box-sizing:inherit;width:", ";height:", @@ -19286,12 +19290,12 @@ const animationStyles$2 = (position, options) => { } else { transformFunction = "translateX"; } - const animationName = $e( + const animationName = $e$1( ["0%{transform:", "(", ");}"], transformFunction, translateValue ); - return Ne( + return Ne$1( ["&", " ", "{animation:0.2s cubic-bezier(0.15,0.85,0.35,1.2) ", ";}"], options.animationModifier, options.childSelector || "> *", @@ -19300,7 +19304,7 @@ const animationStyles$2 = (position, options) => { }; const hiddenStyles$1 = (options) => { const transition = "opacity 0.2s ease-in-out, 0.2s visibility 0s linear"; - return Ne( + return Ne$1( ["transition:", ";visibility:hidden;opacity:0;"], options.animationModifier && transition ); @@ -19319,7 +19323,7 @@ function menuStyles(position) { } else { marginProperty = "margin-right"; } - return Ne( + return Ne$1( [ "position:absolute;z-index:", ";", @@ -19398,7 +19402,7 @@ const focusStyles = (_ref) => { )} solid transparent`; outlineOffset = theme.shadowWidths[spacerWidth]; } - return Ne( + return Ne$1( [ "&:focus{outline:none;}", "{outline:", @@ -19426,7 +19430,7 @@ function createTheme(settings) { primaryHue: settings.brand_color, }, components: { - "buttons.anchor": Ne` + "buttons.anchor": Ne$1` color: ${settings.link_color}; :hover, @@ -19439,10 +19443,10 @@ function createTheme(settings) { color: ${settings.visited_link_color}; } `, - "buttons.button": Ne` + "buttons.button": Ne$1` ${(props) => props.isPrimary && - Ne` + Ne$1` color: ${settings.brand_text_color}; `} `, @@ -19576,7 +19580,7 @@ const colorStyles$t = (props) => { borderColor = getColorV8("neutralHue", 300, props.theme); foregroundColor = getColorV8("neutralHue", 800, props.theme); } - return Ne( + return Ne$1( ["border-color:", ";background-color:", ";color:", ";"], borderColor, backgroundColor, @@ -19627,7 +19631,7 @@ StyledBase.defaultProps = { const COMPONENT_ID$1T = "notifications.alert"; const colorStyles$s = (props) => - Ne( + Ne$1( ["", "{color:", ";}"], StyledTitle$2, props.hue && getColorV8(props.hue, 800, props.theme) @@ -19677,7 +19681,7 @@ const colorStyles$r = (props) => { color = "inherit"; break; } - return Ne(["", "{color:", ";}"], StyledTitle$2, color); + return Ne$1(["", "{color:", ";}"], StyledTitle$2, color); }; const StyledNotification = styled(StyledBase) .attrs({ @@ -19706,10 +19710,7 @@ StyledNotification.defaultProps = { const StyledIcon$2 = styled((_ref) => { let { children, ...props } = _ref; - return React__default.cloneElement( - reactExports.Children.only(children), - props - ); + return U$6.cloneElement(reactExports.Children.only(children), props); }).withConfig({ displayName: "StyledIcon", componentId: "sc-msklws-0", @@ -20021,16 +20022,16 @@ const useNotificationsContext = () => { * found at http://www.apache.org/licenses/LICENSE-2.0. */ -const Alert = React__default.forwardRef((_ref, ref) => { +const Alert = U$6.forwardRef((_ref, ref) => { let { role, ...props } = _ref; const hue = validationHues[props.type]; const Icon = validationIcons[props.type]; - return React__default.createElement( + return U$6.createElement( NotificationsContext.Provider, { value: hue, }, - React__default.createElement( + U$6.createElement( StyledAlert, Object.assign( { @@ -20040,12 +20041,12 @@ const Alert = React__default.forwardRef((_ref, ref) => { }, props ), - React__default.createElement( + U$6.createElement( StyledIcon$2, { hue: hue, }, - React__default.createElement(Icon, null) + U$6.createElement(Icon, null) ), props.children ) @@ -20067,7 +20068,7 @@ const Notification = reactExports.forwardRef((_ref, ref) => { let { children, type, ...props } = _ref; const Icon = type ? validationIcons[type] : SvgInfoStroke; const hue = type && validationHues[type]; - return React__default.createElement( + return U$6.createElement( StyledNotification, Object.assign( { @@ -20079,12 +20080,12 @@ const Notification = reactExports.forwardRef((_ref, ref) => { props ), type && - React__default.createElement( + U$6.createElement( StyledIcon$2, { hue: hue, }, - React__default.createElement(Icon, null) + U$6.createElement(Icon, null) ), children ); @@ -20148,10 +20149,10 @@ var SvgXStroke$5 = function SvgXStroke(props) { * found at http://www.apache.org/licenses/LICENSE-2.0. */ -const Close$4 = React__default.forwardRef((props, ref) => { +const Close$4 = U$6.forwardRef((props, ref) => { const ariaLabel = useText(Close$4, props, "aria-label", "Close"); const hue = useNotificationsContext(); - return React__default.createElement( + return U$6.createElement( StyledClose$3, Object.assign( { @@ -20161,7 +20162,7 @@ const Close$4 = React__default.forwardRef((props, ref) => { }, props ), - React__default.createElement(SvgXStroke$5, null) + U$6.createElement(SvgXStroke$5, null) ); }); Close$4.displayName = "Close"; @@ -20173,8 +20174,8 @@ Close$4.displayName = "Close"; * found at http://www.apache.org/licenses/LICENSE-2.0. */ -const Title = React__default.forwardRef((props, ref) => - React__default.createElement( +const Title = U$6.forwardRef((props, ref) => + U$6.createElement( StyledTitle$2, Object.assign( { @@ -20336,7 +20337,7 @@ var config = { disabled: false, }; -var TransitionGroupContext = React__default.createContext(null); +var TransitionGroupContext = U$6.createContext(null); var forceReflow = function forceReflow(node) { return node.scrollTop; @@ -20785,23 +20786,20 @@ var Transition = /*#__PURE__*/ (function (_React$Component) { return ( /*#__PURE__*/ // allows for nested Transitions - React__default.createElement( + U$6.createElement( TransitionGroupContext.Provider, { value: null, }, typeof children === "function" ? children(status, childProps) - : React__default.cloneElement( - React__default.Children.only(children), - childProps - ) + : U$6.cloneElement(U$6.Children.only(children), childProps) ) ); }; return Transition; -})(React__default.Component); +})(U$6.Component); Transition.contextType = TransitionGroupContext; Transition.propTypes = {}; // Name the function so it is clearer in the documentation @@ -20918,7 +20916,7 @@ var removeClass = function removeClass(node, classes) { * prop, make sure to define styles for `.appear-*` classes as well. */ -var CSSTransition = /*#__PURE__*/ (function (_React$Component) { +var CSSTransition$1 = /*#__PURE__*/ (function (_React$Component) { _inheritsLoose(CSSTransition, _React$Component); function CSSTransition() { @@ -21111,7 +21109,7 @@ var CSSTransition = /*#__PURE__*/ (function (_React$Component) { _this$props.classNames; var props = _objectWithoutPropertiesLoose$1(_this$props, ["classNames"]); - return /*#__PURE__*/ React__default.createElement( + return /*#__PURE__*/ U$6.createElement( Transition$1, _extends$V({}, props, { onEnter: this.onEnter, @@ -21125,13 +21123,13 @@ var CSSTransition = /*#__PURE__*/ (function (_React$Component) { }; return CSSTransition; -})(React__default.Component); +})(U$6.Component); -CSSTransition.defaultProps = { +CSSTransition$1.defaultProps = { classNames: "", }; -CSSTransition.propTypes = {}; -var CSSTransition$1 = CSSTransition; +CSSTransition$1.propTypes = {}; +var CSSTransition$2 = CSSTransition$1; /** * Given `this.props.children`, return an object mapping key to child. @@ -21389,7 +21387,7 @@ var TransitionGroup = /*#__PURE__*/ (function (_React$Component) { delete props.exit; if (Component === null) { - return /*#__PURE__*/ React__default.createElement( + return /*#__PURE__*/ U$6.createElement( TransitionGroupContext.Provider, { value: contextValue, @@ -21398,17 +21396,17 @@ var TransitionGroup = /*#__PURE__*/ (function (_React$Component) { ); } - return /*#__PURE__*/ React__default.createElement( + return /*#__PURE__*/ U$6.createElement( TransitionGroupContext.Provider, { value: contextValue, }, - /*#__PURE__*/ React__default.createElement(Component, props, children) + /*#__PURE__*/ U$6.createElement(Component, props, children) ); }; return TransitionGroup; -})(React__default.Component); +})(U$6.Component); TransitionGroup.propTypes = {}; TransitionGroup.defaultProps = defaultProps$2; @@ -21697,30 +21695,30 @@ StyledFadeInTransition.defaultProps = { const placementStyles = (props) => { const verticalDistance = `${props.theme.space.base * 16}px`; const horizontalDistance = `${props.theme.space.base * 3}px`; - const topLeftStyles = Ne( + const topLeftStyles = Ne$1( ["top:", ";left:", ";"], verticalDistance, horizontalDistance ); - const topStyles = Ne( + const topStyles = Ne$1( ["top:", ";left:50%;transform:translate(-50%,0);"], verticalDistance ); - const topRightStyles = Ne( + const topRightStyles = Ne$1( ["top:", ";right:", ";"], verticalDistance, horizontalDistance ); - const bottomLeftStyles = Ne( + const bottomLeftStyles = Ne$1( ["bottom:", ";left:", ";"], verticalDistance, horizontalDistance ); - const bottomStyles = Ne( + const bottomStyles = Ne$1( ["bottom:", ";left:50%;transform:translate(-50%,0);"], verticalDistance ); - const bottomRightStyles = Ne( + const bottomRightStyles = Ne$1( ["right:", ";bottom:", ";"], horizontalDistance, verticalDistance @@ -21776,7 +21774,7 @@ StyledTransitionContainer.defaultProps = { const ToastSlot = (_ref) => { let { toasts, placement, zIndex, limit, ...props } = _ref; const [pauseTimers, setPauseTimers] = reactExports.useState(false); - const theme = reactExports.useContext(Be); + const theme = reactExports.useContext(Be$1); const environment = useDocument(theme); const handleVisibilityChange = reactExports.useCallback((e) => { if (e.target.visibilityState === "visible") { @@ -21817,7 +21815,7 @@ const ToastSlot = (_ref) => { }, [limit, placement, toasts.length] ); - return React__default.createElement( + return U$6.createElement( StyledTransitionContainer, Object.assign( { @@ -21829,13 +21827,13 @@ const ToastSlot = (_ref) => { }, props ), - React__default.createElement( + U$6.createElement( TransitionGroup$1, null, toasts.map((toast, index) => { - const transitionRef = React__default.createRef(); - return React__default.createElement( - CSSTransition$1, + const transitionRef = U$6.createRef(); + return U$6.createElement( + CSSTransition$2, { key: toast.id, timeout: { @@ -21846,14 +21844,14 @@ const ToastSlot = (_ref) => { classNames: TRANSITION_CLASS, nodeRef: transitionRef, }, - React__default.createElement( + U$6.createElement( StyledFadeInTransition, { ref: transitionRef, placement: placement, isHidden: isHidden(index), }, - React__default.createElement(Toast, { + U$6.createElement(Toast, { toast: toast, pauseTimers: pauseTimers || isHidden(index), }) @@ -21896,7 +21894,7 @@ const ToastProvider = (_ref) => { ) { matchingToasts = matchingToasts.reverse(); } - return React__default.createElement( + return U$6.createElement( ToastSlot, Object.assign( { @@ -21911,7 +21909,7 @@ const ToastProvider = (_ref) => { }, [limit, state.toasts, zIndex, placementProps] ); - return React__default.createElement( + return U$6.createElement( ToastContext.Provider, { value: contextValue, @@ -22409,13 +22407,13 @@ const MessageIcon$1 = (_ref) => { let { children, validation, ...props } = _ref; let retVal; if (validation === "error") { - retVal = React__default.createElement(SvgAlertErrorStroke$2, props); + retVal = U$6.createElement(SvgAlertErrorStroke$2, props); } else if (validation === "success") { - retVal = React__default.createElement(SvgCheckCircleStroke$3, props); + retVal = U$6.createElement(SvgCheckCircleStroke$3, props); } else if (validation === "warning") { - retVal = React__default.createElement(SvgAlertWarningStroke$2, props); + retVal = U$6.createElement(SvgAlertWarningStroke$2, props); } else { - retVal = React__default.cloneElement(reactExports.Children.only(children)); + retVal = U$6.cloneElement(reactExports.Children.only(children)); } return retVal; }; @@ -22461,7 +22459,7 @@ const validationStyles$1 = (props) => { } else { color = getColorV8("neutralHue", 700, props.theme); } - return Ne( + return Ne$1( ["padding-", ":", ";color:", ";"], rtl ? "right" : "left", props.validation && padding, @@ -22571,7 +22569,7 @@ const colorStyles$q = (props) => { if (props.isHovered) { controlledBorderColor = hoverBorderColor; } - return Ne( + return Ne$1( [ "border-color:", ";background-color:", @@ -22636,7 +22634,7 @@ const sizeStyles$t = (props) => { const swatchMarginHorizontal = math( `${paddingVertical} + ${swatchMarginVertical} - ${paddingHorizontal}` ); - return Ne( + return Ne$1( [ "padding:", ";min-height:", @@ -22769,7 +22767,7 @@ const colorStyles$p = (props) => { } else if (props.isHovered || props.isFocused) { shade = 700; } - return Ne(["color:", ";"], getColorV8("neutralHue", shade, props.theme)); + return Ne$1(["color:", ";"], getColorV8("neutralHue", shade, props.theme)); }; const sizeStyles$s = (props) => { const size = props.theme.iconSizes.md; @@ -22781,7 +22779,7 @@ const sizeStyles$s = (props) => { } else { margin = props.theme.rtl ? marginFirst : marginLast; } - return Ne(["margin:", ";width:", ";height:", ";"], margin, size, size); + return Ne$1(["margin:", ";width:", ";height:", ";"], margin, size, size); }; const StyledTextMediaFigure = styled((_ref) => { let { @@ -22794,10 +22792,7 @@ const StyledTextMediaFigure = styled((_ref) => { theme, ...props } = _ref; - return React__default.cloneElement( - reactExports.Children.only(children), - props - ); + return U$6.cloneElement(reactExports.Children.only(children), props); }) .attrs({ "data-garden-id": COMPONENT_ID$1K, @@ -22848,7 +22843,7 @@ function getValidationHue(validation) { } const colorStyles$o = (props) => { const { theme, validation, focusInset, isBare, isFocused } = props; - return Ne( + return Ne$1( ["", ""], focusStyles({ theme, @@ -22939,7 +22934,7 @@ const sizeStyles$r = (props) => { const size = props.theme.space.base * 4; const padding = size + props.theme.space.base * 2; const lineHeight = props.theme.space.base * 5; - return Ne( + return Ne$1( ["padding-", ":", "px;&[hidden]{padding-", ":", "px;line-height:", "px;}"], props.theme.rtl ? "right" : "left", padding, @@ -23081,7 +23076,7 @@ const colorStyles$n = (props) => { SHADE - 400, props.theme ); - return Ne( + return Ne$1( [ "& ~ ", "::before{border-color:", @@ -23147,7 +23142,7 @@ const sizeStyles$q = (props) => { const iconPosition = math(`(${size} - ${iconSize}) / 2`); const iconTop = math(`${iconPosition} + ${top}`); const marginTop = `${props.theme.space.base * (props.isCompact ? 1 : 2)}px`; - return Ne( + return Ne$1( [ "top:", ";width:", @@ -23248,7 +23243,7 @@ const colorStyles$m = (props) => { SHADE - 400, props.theme ); - return Ne( + return Ne$1( [ "&:indeterminate ~ ", "::before{border-color:", @@ -23515,7 +23510,7 @@ const colorStyles$l = (props) => { const activeColor = getColorV8("primaryHue", 800, props.theme); const disabledBackgroundColor = getColorV8("neutralHue", 200, props.theme); const disabledForegroundColor = getColorV8("neutralHue", 400, props.theme); - return Ne( + return Ne$1( [ "border-color:", ";background-color:", @@ -23560,7 +23555,7 @@ const sizeStyles$p = (props) => { ); const fontSize = props.theme.fontSizes.md; const lineHeight = getLineHeight(props.theme.space.base * 5, fontSize); - return Ne( + return Ne$1( [ "padding:", " ", @@ -23669,7 +23664,7 @@ const colorStyles$k = (props) => { focusBorderColor = getColorV8("primaryHue", 600, props.theme); foregroundColor = getColorV8("foreground", 600, props.theme); } - return Ne( + return Ne$1( ["border-color:", ";color:", ";", ""], borderColor, foregroundColor, @@ -23768,10 +23763,7 @@ StyledFileDelete.defaultProps = { const COMPONENT_ID$1t = "forms.file.icon"; const StyledFileIcon = styled((_ref) => { let { children, isCompact, theme, ...props } = _ref; - return React__default.cloneElement( - reactExports.Children.only(children), - props - ); + return U$6.cloneElement(reactExports.Children.only(children), props); }) .attrs({ "data-garden-id": COMPONENT_ID$1t, @@ -23932,7 +23924,7 @@ const COMPONENT_ID$1p = "forms.toggle_label"; const sizeStyles$n = (props) => { const size = props.theme.space.base * 10; const padding = size + props.theme.space.base * 2; - return Ne( + return Ne$1( ["padding-", ":", "px;&[hidden]{padding-", ":", "px;}"], props.theme.rtl ? "right" : "left", padding, @@ -24091,7 +24083,7 @@ StyledToggleSvg$1.defaultProps = { * found at http://www.apache.org/licenses/LICENSE-2.0. */ -const Field$1 = React__default.forwardRef((props, ref) => { +const Field$1 = U$6.forwardRef((props, ref) => { const [hasHint, setHasHint] = reactExports.useState(false); const [hasMessage, setHasMessage] = reactExports.useState(false); const [isLabelActive, setIsLabelActive] = reactExports.useState(false); @@ -24127,12 +24119,12 @@ const Field$1 = React__default.forwardRef((props, ref) => { hasMessage, ] ); - return React__default.createElement( + return U$6.createElement( FieldContext$2.Provider, { value: fieldProps, }, - React__default.createElement( + U$6.createElement( StyledField$1, Object.assign({}, props, { ref: ref, @@ -24174,7 +24166,7 @@ const useInputContext$1 = () => { * found at http://www.apache.org/licenses/LICENSE-2.0. */ -const Hint$2 = React__default.forwardRef((props, ref) => { +const Hint$2 = U$6.forwardRef((props, ref) => { const { hasHint, setHasHint, getHintProps } = useFieldContext$2() || {}; const type = useInputContext$1(); reactExports.useEffect(() => { @@ -24201,7 +24193,7 @@ const Hint$2 = React__default.forwardRef((props, ref) => { if (getHintProps) { combinedProps = getHintProps(combinedProps); } - return React__default.createElement( + return U$6.createElement( HintComponent, Object.assign( { @@ -24220,7 +24212,7 @@ Hint$2.displayName = "Hint"; * found at http://www.apache.org/licenses/LICENSE-2.0. */ -const Label$3 = React__default.forwardRef((props, ref) => { +const Label$3 = U$6.forwardRef((props, ref) => { const fieldContext = useFieldContext$2(); const fieldsetContext = useFieldsetContext$1(); const type = useInputContext$1(); @@ -24258,7 +24250,7 @@ const Label$3 = React__default.forwardRef((props, ref) => { }; } if (type === "radio") { - return React__default.createElement( + return U$6.createElement( StyledRadioLabel$1, Object.assign( { @@ -24266,7 +24258,7 @@ const Label$3 = React__default.forwardRef((props, ref) => { }, combinedProps ), - React__default.createElement(StyledRadioSvg$1, null), + U$6.createElement(StyledRadioSvg$1, null), props.children ); } else if (type === "checkbox") { @@ -24290,7 +24282,7 @@ const Label$3 = React__default.forwardRef((props, ref) => { ...combinedProps, onClick: composeEventHandlers$1(combinedProps.onClick, onLabelSelect), }; - return React__default.createElement( + return U$6.createElement( StyledCheckLabel$1, Object.assign( { @@ -24298,12 +24290,12 @@ const Label$3 = React__default.forwardRef((props, ref) => { }, combinedProps ), - React__default.createElement(StyledCheckSvg$1, null), - React__default.createElement(StyledDashSvg$1, null), + U$6.createElement(StyledCheckSvg$1, null), + U$6.createElement(StyledDashSvg$1, null), props.children ); } else if (type === "toggle") { - return React__default.createElement( + return U$6.createElement( StyledToggleLabel$1, Object.assign( { @@ -24311,11 +24303,11 @@ const Label$3 = React__default.forwardRef((props, ref) => { }, combinedProps ), - React__default.createElement(StyledToggleSvg$1, null), + U$6.createElement(StyledToggleSvg$1, null), props.children ); } - return React__default.createElement( + return U$6.createElement( StyledLabel$2, Object.assign( { @@ -24355,7 +24347,7 @@ const FILE_TYPE = [ * found at http://www.apache.org/licenses/LICENSE-2.0. */ -const Message$2 = React__default.forwardRef((_ref, ref) => { +const Message$2 = U$6.forwardRef((_ref, ref) => { let { validation, validationLabel, children, ...props } = _ref; const { hasMessage, setHasMessage, getMessageProps } = useFieldContext$2() || {}; @@ -24395,7 +24387,7 @@ const Message$2 = React__default.forwardRef((_ref, ref) => { validation, validation !== undefined ); - return React__default.createElement( + return U$6.createElement( MessageComponent, Object.assign( { @@ -24404,7 +24396,7 @@ const Message$2 = React__default.forwardRef((_ref, ref) => { combinedProps ), validation && - React__default.createElement(StyledMessageIcon$1, { + U$6.createElement(StyledMessageIcon$1, { validation: validation, "aria-label": ariaLabel, }), @@ -24424,7 +24416,7 @@ Message$2.propTypes = { * found at http://www.apache.org/licenses/LICENSE-2.0. */ -const Checkbox = React__default.forwardRef((_ref, ref) => { +const Checkbox = U$6.forwardRef((_ref, ref) => { let { indeterminate, children, ...props } = _ref; const fieldsetContext = useFieldsetContext$1(); const fieldContext = useFieldContext$2(); @@ -24450,12 +24442,12 @@ const Checkbox = React__default.forwardRef((_ref, ref) => { if (fieldContext) { combinedProps = fieldContext.getInputProps(combinedProps); } - return React__default.createElement( + return U$6.createElement( InputContext$1.Provider, { value: "checkbox", }, - React__default.createElement(StyledCheckInput$1, combinedProps), + U$6.createElement(StyledCheckInput$1, combinedProps), children ); }); @@ -24484,7 +24476,7 @@ const useInputGroupContext = () => { * found at http://www.apache.org/licenses/LICENSE-2.0. */ -const Input = React__default.forwardRef((_ref, ref) => { +const Input = U$6.forwardRef((_ref, ref) => { let { onSelect, ...props } = _ref; const fieldContext = useFieldContext$2(); const inputGroupContext = useInputGroupContext(); @@ -24508,7 +24500,7 @@ const Input = React__default.forwardRef((_ref, ref) => { if (fieldContext) { combinedProps = fieldContext.getInputProps(combinedProps); } - return React__default.createElement(StyledTextInput, combinedProps); + return U$6.createElement(StyledTextInput, combinedProps); }); Input.propTypes = { isCompact: PropTypes.bool, @@ -24528,7 +24520,7 @@ Input.displayName = "Input"; const parseStyleValue = (value) => { return parseInt(value, 10) || 0; }; -const Textarea = React__default.forwardRef((_ref, ref) => { +const Textarea = U$6.forwardRef((_ref, ref) => { let { minRows, maxRows, style, onChange, onSelect, ...props } = _ref; const fieldContext = useFieldContext$2(); const textAreaRef = reactExports.useRef(); @@ -24622,12 +24614,12 @@ const Textarea = React__default.forwardRef((_ref, ref) => { if (fieldContext) { combinedProps = fieldContext.getInputProps(combinedProps); } - return React__default.createElement( - React__default.Fragment, + return U$6.createElement( + U$6.Fragment, null, - React__default.createElement(StyledTextarea, combinedProps), + U$6.createElement(StyledTextarea, combinedProps), isAutoResizable && - React__default.createElement(StyledTextarea, { + U$6.createElement(StyledTextarea, { "aria-hidden": true, readOnly: true, isHidden: true, @@ -24659,7 +24651,7 @@ Textarea.displayName = "Textarea"; */ const StartIconComponent$2 = (props) => - React__default.createElement( + U$6.createElement( StyledTextMediaFigure, Object.assign( { @@ -24679,7 +24671,7 @@ const StartIcon$2 = StartIconComponent$2; */ const EndIconComponent$1 = (props) => - React__default.createElement( + U$6.createElement( StyledTextMediaFigure, Object.assign( { @@ -24714,7 +24706,7 @@ const FauxInputComponent = reactExports.forwardRef((_ref, ref) => { const onBlurHandler = composeEventHandlers$1(onBlur, () => { setIsFocused(false); }); - return React__default.createElement( + return U$6.createElement( StyledTextFauxInput, Object.assign( { @@ -25150,9 +25142,9 @@ var debounce$3 = /*@__PURE__*/ getDefaultExportFromCjs(lodash_debounce); * found at http://www.apache.org/licenses/LICENSE-2.0. */ -const FileUpload = React__default.forwardRef((_ref, ref) => { +const FileUpload = U$6.forwardRef((_ref, ref) => { let { disabled, ...props } = _ref; - return React__default.createElement( + return U$6.createElement( StyledFileUpload, Object.assign( { @@ -25182,7 +25174,7 @@ FileUpload.displayName = "FileUpload"; const ItemComponent = reactExports.forwardRef((_ref, ref) => { let { ...props } = _ref; - return React__default.createElement( + return U$6.createElement( StyledFileListItem, Object.assign({}, props, { ref: ref, @@ -25201,7 +25193,7 @@ const Item = ItemComponent; const FileListComponent = reactExports.forwardRef((_ref, ref) => { let { ...props } = _ref; - return React__default.createElement( + return U$6.createElement( StyledFileList, Object.assign({}, props, { ref: ref, @@ -25325,13 +25317,13 @@ const useFileContext = () => { * found at http://www.apache.org/licenses/LICENSE-2.0. */ -const CloseComponent$2 = React__default.forwardRef((props, ref) => { +const CloseComponent$2 = U$6.forwardRef((props, ref) => { const fileContext = useFileContext(); const onMouseDown = composeEventHandlers$1(props.onMouseDown, (event) => event.preventDefault() ); const ariaLabel = useText(CloseComponent$2, props, "aria-label", "Close"); - return React__default.createElement( + return U$6.createElement( StyledFileClose, Object.assign( { @@ -25346,8 +25338,8 @@ const CloseComponent$2 = React__default.forwardRef((props, ref) => { } ), fileContext && fileContext.isCompact - ? React__default.createElement(SvgXStroke$4, null) - : React__default.createElement(SvgXStroke$3, null) + ? U$6.createElement(SvgXStroke$4, null) + : U$6.createElement(SvgXStroke$3, null) ); }); CloseComponent$2.displayName = "File.Close"; @@ -25456,13 +25448,13 @@ var SvgTrashStroke = function SvgTrashStroke(props) { * found at http://www.apache.org/licenses/LICENSE-2.0. */ -const DeleteComponent = React__default.forwardRef((props, ref) => { +const DeleteComponent = U$6.forwardRef((props, ref) => { const fileContext = useFileContext(); const onMouseDown = composeEventHandlers$1(props.onMouseDown, (event) => event.preventDefault() ); const ariaLabel = useText(DeleteComponent, props, "aria-label", "Delete"); - return React__default.createElement( + return U$6.createElement( StyledFileDelete, Object.assign( { @@ -25477,8 +25469,8 @@ const DeleteComponent = React__default.forwardRef((props, ref) => { } ), fileContext && fileContext.isCompact - ? React__default.createElement(SvgTrashStroke$1, null) - : React__default.createElement(SvgTrashStroke, null) + ? U$6.createElement(SvgTrashStroke$1, null) + : U$6.createElement(SvgTrashStroke, null) ); }); DeleteComponent.displayName = "File.Delete"; @@ -26350,26 +26342,26 @@ var SvgFileErrorStroke = function SvgFileErrorStroke(props) { */ const fileIconsDefault = { - pdf: React__default.createElement(SvgFilePdfStroke, null), - zip: React__default.createElement(SvgFileZipStroke, null), - image: React__default.createElement(SvgFileImageStroke, null), - document: React__default.createElement(SvgFileDocumentStroke, null), - spreadsheet: React__default.createElement(SvgFileSpreadsheetStroke, null), - presentation: React__default.createElement(SvgFilePresentationStroke, null), - generic: React__default.createElement(SvgFileGenericStroke, null), - success: React__default.createElement(SvgCheckCircleStroke$3, null), - error: React__default.createElement(SvgFileErrorStroke, null), + pdf: U$6.createElement(SvgFilePdfStroke, null), + zip: U$6.createElement(SvgFileZipStroke, null), + image: U$6.createElement(SvgFileImageStroke, null), + document: U$6.createElement(SvgFileDocumentStroke, null), + spreadsheet: U$6.createElement(SvgFileSpreadsheetStroke, null), + presentation: U$6.createElement(SvgFilePresentationStroke, null), + generic: U$6.createElement(SvgFileGenericStroke, null), + success: U$6.createElement(SvgCheckCircleStroke$3, null), + error: U$6.createElement(SvgFileErrorStroke, null), }; const fileIconsCompact = { - pdf: React__default.createElement(SvgFilePdfStroke$1, null), - zip: React__default.createElement(SvgFileZipStroke$1, null), - image: React__default.createElement(SvgFileImageStroke$1, null), - document: React__default.createElement(SvgFileDocumentStroke$1, null), - spreadsheet: React__default.createElement(SvgFileSpreadsheetStroke$1, null), - presentation: React__default.createElement(SvgFilePresentationStroke$1, null), - generic: React__default.createElement(SvgFileGenericStroke$1, null), - success: React__default.createElement(SvgCheckCircleStroke$2, null), - error: React__default.createElement(SvgFileErrorStroke$1, null), + pdf: U$6.createElement(SvgFilePdfStroke$1, null), + zip: U$6.createElement(SvgFileZipStroke$1, null), + image: U$6.createElement(SvgFileImageStroke$1, null), + document: U$6.createElement(SvgFileDocumentStroke$1, null), + spreadsheet: U$6.createElement(SvgFileSpreadsheetStroke$1, null), + presentation: U$6.createElement(SvgFilePresentationStroke$1, null), + generic: U$6.createElement(SvgFileGenericStroke$1, null), + success: U$6.createElement(SvgCheckCircleStroke$2, null), + error: U$6.createElement(SvgFileErrorStroke$1, null), }; /** @@ -26388,12 +26380,12 @@ const FileComponent = reactExports.forwardRef((_ref, ref) => { [isCompact] ); const validationType = validation || type; - return React__default.createElement( + return U$6.createElement( FileContext.Provider, { value: fileContextValue, }, - React__default.createElement( + U$6.createElement( StyledFile, Object.assign({}, props, { isCompact: isCompact, @@ -26402,7 +26394,7 @@ const FileComponent = reactExports.forwardRef((_ref, ref) => { ref: ref, }), validationType && - React__default.createElement( + U$6.createElement( StyledFileIcon, { isCompact: isCompact, @@ -26413,7 +26405,7 @@ const FileComponent = reactExports.forwardRef((_ref, ref) => { ), reactExports.Children.map(children, (child) => typeof child === "string" - ? React__default.createElement("span", null, child) + ? U$6.createElement("span", null, child) : child ) ) @@ -26437,7 +26429,7 @@ File.Delete = Delete; * found at http://www.apache.org/licenses/LICENSE-2.0. */ -const MediaInput = React__default.forwardRef((_ref, ref) => { +const MediaInput = U$6.forwardRef((_ref, ref) => { let { start, end, @@ -26499,7 +26491,7 @@ const MediaInput = React__default.forwardRef((_ref, ref) => { combinedProps = fieldContext.getInputProps(combinedProps); isLabelHovered = fieldContext.isLabelHovered; } - return React__default.createElement( + return U$6.createElement( FauxInput, Object.assign( { @@ -26525,7 +26517,7 @@ const MediaInput = React__default.forwardRef((_ref, ref) => { } ), start && - React__default.createElement( + U$6.createElement( FauxInput.StartIcon, { isDisabled: disabled, @@ -26534,9 +26526,9 @@ const MediaInput = React__default.forwardRef((_ref, ref) => { }, start ), - React__default.createElement(StyledTextMediaInput, combinedProps), + U$6.createElement(StyledTextMediaInput, combinedProps), end && - React__default.createElement( + U$6.createElement( FauxInput.EndIcon, { isDisabled: disabled, @@ -26618,7 +26610,7 @@ const fontStyles = (props) => { const shade = props.hue === "yellow" ? 700 : 600; color = getColorV8(props.hue, shade, props.theme); } - return Ne( + return Ne$1( [ "line-height:", ";color:", @@ -26666,7 +26658,7 @@ const COMPONENT_ID$1k = "typography.icon"; const sizeStyles$m = (props) => { const margin = props.isStart && `${props.theme.space.base * 2}px`; const size = props.theme.iconSizes.md; - return Ne( + return Ne$1( ["margin-", ":", ";width:", ";height:", ";"], props.theme.rtl ? "left" : "right", margin, @@ -26676,10 +26668,7 @@ const sizeStyles$m = (props) => { }; const StyledIcon$1 = styled((_ref) => { let { children, isStart, ...props } = _ref; - return React__default.cloneElement( - reactExports.Children.only(children), - props - ); + return U$6.cloneElement(reactExports.Children.only(children), props); }) .attrs({ "data-garden-id": COMPONENT_ID$1k, @@ -26736,7 +26725,7 @@ StyledParagraph$2.defaultProps = { */ const Paragraph = reactExports.forwardRef((props, ref) => - React__default.createElement( + U$6.createElement( StyledParagraph$2, Object.assign( { @@ -26762,7 +26751,7 @@ Paragraph.defaultProps = { */ const StartIconComponent$1 = (props) => - React__default.createElement( + U$6.createElement( StyledIcon$1, Object.assign( { @@ -26781,8 +26770,7 @@ const StartIcon$1 = StartIconComponent$1; * found at http://www.apache.org/licenses/LICENSE-2.0. */ -const IconComponent = (props) => - React__default.createElement(StyledIcon$1, props); +const IconComponent = (props) => U$6.createElement(StyledIcon$1, props); IconComponent.displayName = "Span.Icon"; const Icon = IconComponent; @@ -26795,7 +26783,7 @@ const Icon = IconComponent; const SpanComponent = reactExports.forwardRef((_ref, ref) => { let { tag, ...other } = _ref; - return React__default.createElement( + return U$6.createElement( StyledFont, Object.assign( { @@ -26821,14 +26809,14 @@ const Span = SpanComponent; Span.Icon = Icon; Span.StartIcon = StartIcon$1; -const t = (t) => "object" == typeof t && null != t && 1 === t.nodeType, - e = (t, e) => (!e || "hidden" !== t) && "visible" !== t && "clip" !== t, - n = (t, n) => { +const t$4 = (t) => "object" == typeof t && null != t && 1 === t.nodeType, + e$6 = (t, e) => (!e || "hidden" !== t) && "visible" !== t && "clip" !== t, + n$4 = (t, n) => { if (t.clientHeight < t.scrollHeight || t.clientWidth < t.scrollWidth) { const o = getComputedStyle(t, null); return ( - e(o.overflowY, n) || - e(o.overflowX, n) || + e$6(o.overflowY, n) || + e$6(o.overflowX, n) || ((t) => { const e = ((t) => { if (!t.ownerDocument || !t.ownerDocument.defaultView) return null; @@ -26847,7 +26835,7 @@ const t = (t) => "object" == typeof t && null != t && 1 === t.nodeType, } return !1; }, - o = (t, e, n, o, l, r, i, s) => + o$6 = (t, e, n, o, l, r, i, s) => (r < t && i > e) || (r > t && i < e) ? 0 : (r <= t && s <= n) || (i >= e && s >= n) @@ -26855,11 +26843,11 @@ const t = (t) => "object" == typeof t && null != t && 1 === t.nodeType, : (i > e && s < n) || (r < t && s > n) ? i - e + l : 0, - l = (t) => { + l$4 = (t) => { const e = t.parentElement; return null == e ? t.getRootNode().host || null : e; }, - r = (e, r) => { + r$4 = (e, r) => { var i, s, d, h; if ("undefined" == typeof document) return []; const { @@ -26870,20 +26858,20 @@ const t = (t) => "object" == typeof t && null != t && 1 === t.nodeType, skipOverflowHiddenElements: g, } = r, p = "function" == typeof a ? a : (t) => t !== a; - if (!t(e)) throw new TypeError("Invalid target"); + if (!t$4(e)) throw new TypeError("Invalid target"); const m = document.scrollingElement || document.documentElement, w = []; let W = e; - for (; t(W) && p(W); ) { - if (((W = l(W)), W === m)) { + for (; t$4(W) && p(W); ) { + if (((W = l$4(W)), W === m)) { w.push(W); break; } (null != W && W === document.body && - n(W) && - !n(document.documentElement)) || - (null != W && n(W, g) && w.push(W)); + n$4(W) && + !n$4(document.documentElement)) || + (null != W && n$4(W, g) && w.push(W)); } const b = null != (s = null == (i = window.visualViewport) ? void 0 : i.width) @@ -26974,7 +26962,7 @@ const t = (t) => "object" == typeof t && null != t && 1 === t.nodeType, : "end" === f ? k - H : "nearest" === f - ? o(M, M + H, H, g, W, M + k, M + k + v, v) + ? o$6(M, M + H, H, g, W, M + k, M + k + v, v) : k - H / 2), (B = "start" === u @@ -26983,7 +26971,7 @@ const t = (t) => "object" == typeof t && null != t && 1 === t.nodeType, ? D - b / 2 : "end" === u ? D - b - : o(y, y + b, b, a, p, y + D, y + D + E, E)), + : o$6(y, y + b, b, a, p, y + D, y + D + E, E)), (T = Math.max(0, T + M)), (B = Math.max(0, B + y)); else { @@ -26993,7 +26981,7 @@ const t = (t) => "object" == typeof t && null != t && 1 === t.nodeType, : "end" === f ? k - s + W + V : "nearest" === f - ? o(r, s, n, g, W + V, k, k + v, v) + ? o$6(r, s, n, g, W + V, k, k + v, v) : k - (r + n / 2) + V / 2), (B = "start" === u @@ -27002,7 +26990,7 @@ const t = (t) => "object" == typeof t && null != t && 1 === t.nodeType, ? D - (d + l / 2) + F / 2 : "end" === u ? D - i + p + F - : o(d, i, l, a, p + F, D, D + E, E)); + : o$6(d, i, l, a, p + F, D, D + E, E)); const { scrollLeft: t, scrollTop: h } = e; (T = 0 === X @@ -27240,7 +27228,7 @@ function scrollIntoView(node, menuNode) { if (!node) { return; } - var actions = r(node, { + var actions = r$4(node, { boundary: menuNode, block: "nearest", scrollMode: "if-needed", @@ -27700,7 +27688,7 @@ var useIsomorphicLayoutEffect = // istanbul ignore next var useElementIds = - "useId" in React__default // Avoid conditional useId call + "useId" in U$6 // Avoid conditional useId call ? function useElementIds(_ref) { var id = _ref.id, labelId = _ref.labelId, @@ -27709,7 +27697,7 @@ var useElementIds = toggleButtonId = _ref.toggleButtonId, inputId = _ref.inputId; // Avoid conditional useId call - var reactId = "downshift-" + React__default.useId(); + var reactId = "downshift-" + U$6.useId(); if (!id) { id = reactId; } @@ -28128,8 +28116,8 @@ function isDropdownsStateEqual(prevState, newState) { * Tracks if it's the first render. */ function useIsInitialMount() { - var isInitialMountRef = React__default.useRef(true); - React__default.useEffect(function () { + var isInitialMountRef = U$6.useRef(true); + U$6.useEffect(function () { isInitialMountRef.current = false; return function () { isInitialMountRef.current = true; @@ -30487,13 +30475,13 @@ const MessageIcon = (_ref) => { let { children, validation, ...props } = _ref; let retVal; if (validation === "error") { - retVal = React__default.createElement(SvgAlertErrorStroke$1, props); + retVal = U$6.createElement(SvgAlertErrorStroke$1, props); } else if (validation === "success") { - retVal = React__default.createElement(SvgCheckCircleStroke$1, props); + retVal = U$6.createElement(SvgCheckCircleStroke$1, props); } else if (validation === "warning") { - retVal = React__default.createElement(SvgAlertWarningStroke$1, props); + retVal = U$6.createElement(SvgAlertWarningStroke$1, props); } else { - retVal = React__default.cloneElement(reactExports.Children.only(children)); + retVal = U$6.cloneElement(reactExports.Children.only(children)); } return retVal; }; @@ -30540,7 +30528,7 @@ const validationStyles = (props) => { } else { color = getColorV8("neutralHue", 700, props.theme); } - return Ne( + return Ne$1( ["padding-", ":", ";color:", ";"], rtl ? "right" : "left", props.validation && padding, @@ -30595,7 +30583,7 @@ const sizeStyles$l = (props) => { const size = props.theme.space.base * 4; const padding = size + props.theme.space.base * 2; const lineHeight = props.theme.space.base * 5; - return Ne( + return Ne$1( ["padding-", ":", "px;&[hidden]{padding-", ":", "px;line-height:", "px;}"], props.theme.rtl ? "right" : "left", padding, @@ -30737,7 +30725,7 @@ const colorStyles$j = (props) => { SHADE - 400, props.theme ); - return Ne( + return Ne$1( [ "& ~ ", "::before{border-color:", @@ -30803,7 +30791,7 @@ const sizeStyles$k = (props) => { const iconPosition = math(`(${size} - ${iconSize}) / 2`); const iconTop = math(`${iconPosition} + ${top}`); const marginTop = `${props.theme.space.base * (props.isCompact ? 1 : 2)}px`; - return Ne( + return Ne$1( [ "top:", ";width:", @@ -30904,7 +30892,7 @@ const colorStyles$i = (props) => { SHADE - 400, props.theme ); - return Ne( + return Ne$1( [ "&:indeterminate ~ ", "::before{border-color:", @@ -31241,7 +31229,7 @@ const COMPONENT_ID$13 = "forms.toggle_label"; const sizeStyles$j = (props) => { const size = props.theme.space.base * 10; const padding = size + props.theme.space.base * 2; - return Ne( + return Ne$1( ["padding-", ":", "px;&[hidden]{padding-", ":", "px;}"], props.theme.rtl ? "right" : "left", padding, @@ -31423,7 +31411,7 @@ const useInputContext = () => { * found at http://www.apache.org/licenses/LICENSE-2.0. */ -const Hint$1 = React__default.forwardRef((props, ref) => { +const Hint$1 = U$6.forwardRef((props, ref) => { const { hasHint, setHasHint, getHintProps } = useFieldContext$1() || {}; const type = useInputContext(); reactExports.useEffect(() => { @@ -31450,7 +31438,7 @@ const Hint$1 = React__default.forwardRef((props, ref) => { if (getHintProps) { combinedProps = getHintProps(combinedProps); } - return React__default.createElement( + return U$6.createElement( HintComponent, Object.assign( { @@ -31469,7 +31457,7 @@ Hint$1.displayName = "Hint"; * found at http://www.apache.org/licenses/LICENSE-2.0. */ -const Label$2 = React__default.forwardRef((props, ref) => { +const Label$2 = U$6.forwardRef((props, ref) => { const fieldContext = useFieldContext$1(); const fieldsetContext = useFieldsetContext(); const type = useInputContext(); @@ -31507,7 +31495,7 @@ const Label$2 = React__default.forwardRef((props, ref) => { }; } if (type === "radio") { - return React__default.createElement( + return U$6.createElement( StyledRadioLabel, Object.assign( { @@ -31515,7 +31503,7 @@ const Label$2 = React__default.forwardRef((props, ref) => { }, combinedProps ), - React__default.createElement(StyledRadioSvg, null), + U$6.createElement(StyledRadioSvg, null), props.children ); } else if (type === "checkbox") { @@ -31539,7 +31527,7 @@ const Label$2 = React__default.forwardRef((props, ref) => { ...combinedProps, onClick: composeEventHandlers$1(combinedProps.onClick, onLabelSelect), }; - return React__default.createElement( + return U$6.createElement( StyledCheckLabel, Object.assign( { @@ -31547,12 +31535,12 @@ const Label$2 = React__default.forwardRef((props, ref) => { }, combinedProps ), - React__default.createElement(StyledCheckSvg, null), - React__default.createElement(StyledDashSvg, null), + U$6.createElement(StyledCheckSvg, null), + U$6.createElement(StyledDashSvg, null), props.children ); } else if (type === "toggle") { - return React__default.createElement( + return U$6.createElement( StyledToggleLabel, Object.assign( { @@ -31560,11 +31548,11 @@ const Label$2 = React__default.forwardRef((props, ref) => { }, combinedProps ), - React__default.createElement(StyledToggleSvg, null), + U$6.createElement(StyledToggleSvg, null), props.children ); } - return React__default.createElement( + return U$6.createElement( StyledLabel$1, Object.assign( { @@ -31594,7 +31582,7 @@ const VALIDATION = ["success", "warning", "error"]; * found at http://www.apache.org/licenses/LICENSE-2.0. */ -const Message$1 = React__default.forwardRef((_ref, ref) => { +const Message$1 = U$6.forwardRef((_ref, ref) => { let { validation, validationLabel, children, ...props } = _ref; const { hasMessage, setHasMessage, getMessageProps } = useFieldContext$1() || {}; @@ -31634,7 +31622,7 @@ const Message$1 = React__default.forwardRef((_ref, ref) => { validation, validation !== undefined ); - return React__default.createElement( + return U$6.createElement( MessageComponent, Object.assign( { @@ -31643,7 +31631,7 @@ const Message$1 = React__default.forwardRef((_ref, ref) => { combinedProps ), validation && - React__default.createElement(StyledMessageIcon, { + U$6.createElement(StyledMessageIcon, { validation: validation, "aria-label": ariaLabel, }), @@ -31812,7 +31800,7 @@ const COMPONENT_ID$Y = "dropdowns.combobox"; const sizeStyles$i = (props) => { const minWidth = `${props.isCompact ? 100 : 144}px`; const marginTop = `${props.theme.space.base * (props.isCompact ? 1 : 2)}px`; - return Ne( + return Ne$1( [ "min-width:", ";", @@ -31936,7 +31924,7 @@ StyledFloatingListbox.defaultProps = { const COMPONENT_ID$U = "dropdowns.combobox.input"; const colorStyles$h = (props) => { const placeholderColor = getColorV8("neutralHue", 400, props.theme); - return Ne( + return Ne$1( [ "background-color:inherit;color:inherit;&::placeholder{opacity:1;color:", ";}", @@ -31958,7 +31946,7 @@ const sizeStyles$h = (props) => { `${props.theme.shadowWidths.sm} + ${(getHeight$1(props) - height) / 2}` ); const minWidth = `${props.theme.space.base * 8}px`; - return Ne( + return Ne$1( [ "min-width:", ";height:", @@ -32011,7 +31999,7 @@ StyledInput.defaultProps = { const COMPONENT_ID$T = "dropdowns.combobox.input_group"; const sizeStyles$g = (props) => { const margin = props.theme.shadowWidths.sm; - return Ne(["margin:-", ";min-width:0;& > *{margin:", ";}"], margin, margin); + return Ne$1(["margin:-", ";min-width:0;& > *{margin:", ";}"], margin, margin); }; const StyledInputGroup = styled.div .attrs({ @@ -32086,7 +32074,7 @@ const colorStyles$g = (props) => { &:focus-within:not([aria-disabled='true']), &:focus-visible `; - return Ne( + return Ne$1( [ "border-color:", ";background-color:", @@ -32142,7 +32130,7 @@ const sizeStyles$f = (props) => { props.isBare ? 0 : props.theme.borderWidths.sm } * 2)) / 2` ); - return Ne( + return Ne$1( ["padding:", " ", ";min-height:", ";max-height:", ";font-size:", ";"], verticalPadding, horizontalPadding, @@ -32192,7 +32180,7 @@ const colorStyles$f = (props) => { const color = getColorV8("neutralHue", 600, props.theme); const focusColor = getColorV8("neutralHue", 700, props.theme); const disabledColor = getColorV8("neutralHue", 400, props.theme); - return Ne( + return Ne$1( [ "color:", ";", @@ -32224,7 +32212,7 @@ const sizeStyles$e = (props) => { } else { side = props.theme.rtl ? "left" : "right"; } - return Ne( + return Ne$1( ["top:", ";margin-", ":", ";width:", ";height:", ";"], position, side, @@ -32297,7 +32285,7 @@ const colorStyles$e = (props) => { } else if (props.$type === "danger") { foregroundColor = getColorV8("dangerHue", 600, props.theme); } - return Ne( + return Ne$1( [ "box-shadow:", ";background-color:", @@ -32320,7 +32308,7 @@ const sizeStyles$d = (props) => { props.$type === "group" ? 0 : `${props.theme.space.base * 9}px`; const paddingVertical = props.$type === "group" ? 0 : math(`(${minHeight} - ${lineHeight}) / 2`); - return Ne( + return Ne$1( [ "box-sizing:border-box;padding:", " ", @@ -32423,12 +32411,12 @@ StyledOptGroup.defaultProps = { const COMPONENT_ID$N = "dropdowns.combobox.separator"; const colorStyles$d = (props) => { const backgroundColor = getColorV8("neutralHue", 200, props.theme); - return Ne(["background-color:", ";"], backgroundColor); + return Ne$1(["background-color:", ";"], backgroundColor); }; const sizeStyles$c = (props) => { const margin = `${props.theme.space.base}px`; const height = props.theme.borderWidths.sm; - return Ne(["margin:", " 0;height:", ";"], margin, height); + return Ne$1(["margin:", " 0;height:", ";"], margin, height); }; const StyledListboxSeparator = styled.li .attrs({ @@ -32459,7 +32447,7 @@ const sizeStyles$b = (props) => { props.minHeight === undefined ? `${getMinHeight(props) + padding * 2}px` : props.minHeight; - return Ne( + return Ne$1( [ "min-height:", ";max-height:", @@ -32512,7 +32500,7 @@ const sizeStyles$a = (props) => { const size = props.theme.iconSizes.md; const marginTop = math(`(${props.theme.lineHeights.md} - ${size}) / 2`); const marginHorizontal = `${props.theme.space.base * 2}px`; - return Ne( + return Ne$1( ["margin-top:", ";margin-", ":", ";width:", ";height:", ";"], marginTop, props.theme.rtl ? "left" : "right", @@ -32553,12 +32541,12 @@ const colorStyles$c = (props) => { props.isDisabled ? 400 : 600, props.theme ); - return Ne(["color:", ";"], color); + return Ne$1(["color:", ";"], color); }; const sizeStyles$9 = (props) => { const lineHeight = props.theme.lineHeights.sm; const fontSize = props.theme.fontSizes.sm; - return Ne(["line-height:", ";font-size:", ";"], lineHeight, fontSize); + return Ne$1(["line-height:", ";font-size:", ";"], lineHeight, fontSize); }; const StyledOptionMeta = styled.div .attrs({ @@ -32601,7 +32589,7 @@ const colorStyles$b = (props) => { } else { color = getColorV8("primaryHue", 600, props.theme); } - return Ne( + return Ne$1( [ "opacity:", ";color:", @@ -32625,7 +32613,7 @@ const sizeStyles$8 = (props) => { } else { side = props.theme.rtl ? "right" : "left"; } - return Ne( + return Ne$1( ["top:", ";", ":", ";width:", ";height:", ";"], top, side, @@ -32683,10 +32671,7 @@ const SIZE$5 = ["small", "medium", "large"]; const COMPONENT_ID$I = "tags.avatar"; const StyledAvatar$1 = styled((_ref) => { let { children, ...props } = _ref; - return React__default.cloneElement( - reactExports.Children.only(children), - props - ); + return U$6.cloneElement(reactExports.Children.only(children), props); }) .attrs({ "data-garden-id": COMPONENT_ID$I, @@ -32758,7 +32743,7 @@ const colorStyles$a = (props) => { foregroundColor = getColorV8("neutralHue", 700, props.theme); closeColor = getColorV8("neutralHue", 600, props.theme); } - return Ne( + return Ne$1( [ "background-color:", ";color:", @@ -32827,7 +32812,7 @@ const sizeStyles$7 = (props) => { minWidth = props.theme.space.base * 7.5; } } - return Ne( + return Ne$1( [ "border-radius:", ";padding:0 ", @@ -32973,7 +32958,7 @@ var SvgXStroke$2 = function SvgXStroke(props) { const CloseComponent$1 = reactExports.forwardRef((props, ref) => { const ariaLabel = useText(CloseComponent$1, props, "aria-label", "Remove"); - return React__default.createElement( + return U$6.createElement( StyledClose$2, Object.assign( { @@ -32986,7 +32971,7 @@ const CloseComponent$1 = reactExports.forwardRef((props, ref) => { tabIndex: -1, } ), - React__default.createElement(SvgXStroke$2, null) + U$6.createElement(SvgXStroke$2, null) ); }); CloseComponent$1.displayName = "Tag.Close"; @@ -32999,8 +32984,7 @@ const Close$2 = CloseComponent$1; * found at http://www.apache.org/licenses/LICENSE-2.0. */ -const AvatarComponent$1 = (props) => - React__default.createElement(StyledAvatar$1, props); +const AvatarComponent$1 = (props) => U$6.createElement(StyledAvatar$1, props); AvatarComponent$1.displayName = "Tag.Avatar"; const Avatar$1 = AvatarComponent$1; @@ -33013,7 +32997,7 @@ const Avatar$1 = AvatarComponent$1; const TagComponent$2 = reactExports.forwardRef((_ref, ref) => { let { size, hue, ...otherProps } = _ref; - return React__default.createElement( + return U$6.createElement( StyledTag$2, Object.assign( { @@ -33078,7 +33062,7 @@ const COMPONENT_ID$E = "dropdowns.combobox.value"; const colorStyles$9 = (props) => { const foregroundColor = props.isPlaceholder && getColorV8("neutralHue", 400, props.theme); - return Ne(["color:", ";"], foregroundColor); + return Ne$1(["color:", ";"], foregroundColor); }; const StyledValue = styled.div .attrs({ @@ -33120,7 +33104,7 @@ StyledValue.defaultProps = { const COMPONENT_ID$D = "dropdowns.combobox.tags_button"; const colorStyles$8 = (props) => { const color = getColorV8("primaryHue", 600, props.theme); - return Ne(["color:", ";&:disabled{color:inherit;}"], color); + return Ne$1(["color:", ";&:disabled{color:inherit;}"], color); }; const StyledTagsButton = styled(StyledValue) .attrs({ @@ -35158,7 +35142,7 @@ const Listbox = reactExports.forwardRef((_ref, ref) => { const [isVisible, setIsVisible] = reactExports.useState(false); const [height, setHeight] = reactExports.useState(); const [width, setWidth] = reactExports.useState(); - const theme = reactExports.useContext(Be) || DEFAULT_THEME; + const theme = reactExports.useContext(Be$1) || DEFAULT_THEME; const { refs, placement, @@ -35222,7 +35206,7 @@ const Listbox = reactExports.forwardRef((_ref, ref) => { update(); } }, [children, update]); - const Node = React__default.createElement( + const Node = U$6.createElement( StyledFloatingListbox, { "data-garden-animate": isVisible ? "true" : "false", @@ -35235,7 +35219,7 @@ const Listbox = reactExports.forwardRef((_ref, ref) => { zIndex: zIndex, ref: floatingRef, }, - React__default.createElement( + U$6.createElement( StyledListbox, Object.assign( { @@ -41003,7 +40987,7 @@ const sizeStyles$6 = (_ref) => { } } } - return Ne( + return Ne$1( [ "margin:", ";border-radius:", @@ -41063,7 +41047,7 @@ const colorStyles$7 = (_ref2) => { color = getColorV8("neutralHue", 700, theme); titleColor = getColorV8("foreground", 600, theme); } - return Ne( + return Ne$1( [ "border:", ";box-shadow:", @@ -41184,7 +41168,7 @@ const Tooltip$1 = (_ref) => { isVisible: externalIsVisible, ...otherProps } = _ref; - const { rtl } = reactExports.useContext(Be); + const { rtl } = reactExports.useContext(Be$1); const scheduleUpdateRef = reactExports.useRef(); const { isVisible, @@ -41206,17 +41190,17 @@ const Tooltip$1 = (_ref) => { const popperPlacement = rtl ? getRtlPopperPlacement$2(placement) : getPopperPlacement$2(placement); - const singleChild = React__default.Children.only(children); + const singleChild = U$6.Children.only(children); const modifiers = { preventOverflow: { boundariesElement: "window", }, ...popperModifiers, }; - return React__default.createElement( + return U$6.createElement( Manager, null, - React__default.createElement(Reference, null, (_ref2) => { + U$6.createElement(Reference, null, (_ref2) => { let { ref } = _ref2; return reactExports.cloneElement( singleChild, @@ -41226,7 +41210,7 @@ const Tooltip$1 = (_ref) => { }) ); }), - React__default.createElement( + U$6.createElement( Popper, { placement: popperPlacement, @@ -41259,7 +41243,7 @@ const Tooltip$1 = (_ref) => { type, ...otherTooltipProps, }; - const tooltip = React__default.createElement( + const tooltip = U$6.createElement( StyledTooltipWrapper$1, { ref: controlledIsVisible ? ref : null, @@ -41267,7 +41251,7 @@ const Tooltip$1 = (_ref) => { zIndex: zIndex, "aria-hidden": !controlledIsVisible, }, - React__default.createElement( + U$6.createElement( StyledTooltip$1, getTooltipProps(tooltipProps), content @@ -41339,10 +41323,10 @@ const TagComponent$1 = reactExports.forwardRef((_ref, ref) => { option, "aria-label": ariaLabel, }); - const theme = reactExports.useContext(Be) || DEFAULT_THEME; + const theme = reactExports.useContext(Be$1) || DEFAULT_THEME; const doc = useDocument(theme); const handleClick = () => removeSelection(option.value); - return React__default.createElement( + return U$6.createElement( StyledTag$1, Object.assign( { @@ -41356,22 +41340,22 @@ const TagComponent$1 = reactExports.forwardRef((_ref, ref) => { ref: ref, } ), - children || React__default.createElement("span", null, text), + children || U$6.createElement("span", null, text), !option.disabled && (removeLabel - ? React__default.createElement( + ? U$6.createElement( Tooltip$1, { appendToNode: doc?.body, content: removeLabel, zIndex: tooltipZIndex, }, - React__default.createElement(StyledTag$1.Close, { + U$6.createElement(StyledTag$1.Close, { "aria-label": removeLabel, onClick: handleClick, }) ) - : React__default.createElement(StyledTag$1.Close, { + : U$6.createElement(StyledTag$1.Close, { onClick: handleClick, })) ); @@ -41403,13 +41387,13 @@ const TagGroup = (_ref) => { optionTagProps, selection, } = _ref; - return React__default.createElement( - React__default.Fragment, + return U$6.createElement( + U$6.Fragment, null, selection.map((option, index) => { const key = toString(option); const disabled = isDisabled || option.disabled; - return React__default.createElement( + return U$6.createElement( Tag$1, Object.assign( { @@ -41500,7 +41484,7 @@ const Combobox = reactExports.forwardRef((_ref, ref) => { const triggerRef = reactExports.useRef(null); const inputRef = reactExports.useRef(null); const listboxRef = reactExports.useRef(null); - const theme = reactExports.useContext(Be) || DEFAULT_THEME; + const theme = reactExports.useContext(Be$1) || DEFAULT_THEME; const environment = useWindow(theme); const { activeValue, @@ -41652,12 +41636,12 @@ const Combobox = reactExports.forwardRef((_ref, ref) => { } return () => messageProps && setMessageProps(undefined); }, [getMessageProps, messageProps, setMessageProps]); - return React__default.createElement( + return U$6.createElement( ComboboxContext.Provider, { value: contextValue, }, - React__default.createElement( + U$6.createElement( StyledCombobox, Object.assign( { @@ -41669,14 +41653,14 @@ const Combobox = reactExports.forwardRef((_ref, ref) => { ref: ref, } ), - React__default.createElement( + U$6.createElement( StyledTrigger, triggerProps, - React__default.createElement( + U$6.createElement( StyledContainer, null, startIcon && - React__default.createElement( + U$6.createElement( StyledInputIcon, { isLabelHovered: isLabelHovered, @@ -41684,12 +41668,12 @@ const Combobox = reactExports.forwardRef((_ref, ref) => { }, startIcon ), - React__default.createElement( + U$6.createElement( StyledInputGroup, null, isMultiselectable && Array.isArray(selection) && - React__default.createElement( + U$6.createElement( TagGroup, { isDisabled: isDisabled, @@ -41699,7 +41683,7 @@ const Combobox = reactExports.forwardRef((_ref, ref) => { selection: selection, }, selection.length > maxTags && - React__default.createElement( + U$6.createElement( StyledTagsButton, { disabled: isDisabled, @@ -41716,7 +41700,7 @@ const Combobox = reactExports.forwardRef((_ref, ref) => { })() ) ), - React__default.createElement( + U$6.createElement( StyledValue, { hidden: !isInputHidden, @@ -41735,10 +41719,10 @@ const Combobox = reactExports.forwardRef((_ref, ref) => { }) : inputValue || placeholder ), - React__default.createElement(StyledInput, inputProps) + U$6.createElement(StyledInput, inputProps) ), (hasChevron || endIcon) && - React__default.createElement( + U$6.createElement( StyledInputIcon, { isCompact: isCompact, @@ -41747,12 +41731,12 @@ const Combobox = reactExports.forwardRef((_ref, ref) => { isRotated: hasChevron && isExpanded, }, hasChevron - ? React__default.createElement(SvgChevronDownStroke$1, null) + ? U$6.createElement(SvgChevronDownStroke$1, null) : endIcon ) ) ), - React__default.createElement( + U$6.createElement( Listbox, Object.assign( { @@ -41849,12 +41833,12 @@ const Field = reactExports.forwardRef((props, ref) => { setMessageProps, ] ); - return React__default.createElement( + return U$6.createElement( FieldContext.Provider, { value: contextValue, }, - React__default.createElement( + U$6.createElement( StyledField, Object.assign({}, props, { ref: ref, @@ -41877,7 +41861,7 @@ const Hint = reactExports.forwardRef((props, ref) => { setHasHint(true); return () => setHasHint(false); }, [setHasHint]); - return React__default.createElement( + return U$6.createElement( StyledHint, Object.assign({}, hintProps, props, { ref: ref, @@ -41896,7 +41880,7 @@ Hint.displayName = "Hint"; const Label$1 = reactExports.forwardRef((_ref, ref) => { let { onClick, onMouseEnter, onMouseLeave, ...props } = _ref; const { labelProps } = useFieldContext(); - return React__default.createElement( + return U$6.createElement( StyledLabel, Object.assign( {}, @@ -41938,7 +41922,7 @@ const Message = reactExports.forwardRef((props, ref) => { setHasMessage(true); return () => setHasMessage(false); }, [setHasMessage]); - return React__default.createElement( + return U$6.createElement( StyledMessage, Object.assign({}, messageProps, props, { ref: ref, @@ -42174,7 +42158,7 @@ const useOptionContext = () => { const OptionMetaComponent = reactExports.forwardRef((props, ref) => { const { isDisabled } = useOptionContext(); - return React__default.createElement( + return U$6.createElement( StyledOptionMeta, Object.assign( { @@ -42232,13 +42216,13 @@ const OptionComponent = reactExports.forwardRef((_ref, ref) => { const renderActionIcon = (iconType) => { switch (iconType) { case "add": - return React__default.createElement(SvgPlusStroke, null); + return U$6.createElement(SvgPlusStroke, null); case "next": - return React__default.createElement(SvgChevronRightStroke$1, null); + return U$6.createElement(SvgChevronRightStroke$1, null); case "previous": - return React__default.createElement(SvgChevronLeftStroke$1, null); + return U$6.createElement(SvgChevronLeftStroke$1, null); default: - return React__default.createElement(SvgCheckLgStroke, null); + return U$6.createElement(SvgCheckLgStroke, null); } }; const option = toOption({ @@ -42252,12 +42236,12 @@ const OptionComponent = reactExports.forwardRef((_ref, ref) => { option, ref: mergeRefs([optionRef, ref]), }); - return React__default.createElement( + return U$6.createElement( OptionContext.Provider, { value: contextValue, }, - React__default.createElement( + U$6.createElement( StyledOption, Object.assign( { @@ -42268,7 +42252,7 @@ const OptionComponent = reactExports.forwardRef((_ref, ref) => { props, optionProps ), - React__default.createElement( + U$6.createElement( StyledOptionTypeIcon, { isCompact: isCompact, @@ -42276,8 +42260,8 @@ const OptionComponent = reactExports.forwardRef((_ref, ref) => { }, renderActionIcon(type) ), - icon && React__default.createElement(StyledOptionIcon, null, icon), - React__default.createElement( + icon && U$6.createElement(StyledOptionIcon, null, icon), + U$6.createElement( StyledOptionContent, null, children || @@ -42334,7 +42318,7 @@ const OptGroup = reactExports.forwardRef((_ref, ref) => { const optGroupProps = getOptGroupProps({ "aria-label": groupAriaLabel || label, }); - return React__default.createElement( + return U$6.createElement( StyledOption, Object.assign( { @@ -42348,11 +42332,11 @@ const OptGroup = reactExports.forwardRef((_ref, ref) => { ref: ref, } ), - React__default.createElement( + U$6.createElement( StyledOptionContent, null, (content || label) && - React__default.createElement( + U$6.createElement( StyledOption, { as: "div", @@ -42360,7 +42344,7 @@ const OptGroup = reactExports.forwardRef((_ref, ref) => { $type: "header", }, icon && - React__default.createElement( + U$6.createElement( StyledOptionTypeIcon, { isCompact: isCompact, @@ -42370,7 +42354,7 @@ const OptGroup = reactExports.forwardRef((_ref, ref) => { ), content || label ), - React__default.createElement( + U$6.createElement( StyledOptGroup, Object.assign( { @@ -42378,7 +42362,7 @@ const OptGroup = reactExports.forwardRef((_ref, ref) => { }, optGroupProps ), - React__default.createElement(StyledListboxSeparator, { + U$6.createElement(StyledListboxSeparator, { role: "none", }), children @@ -42447,15 +42431,12 @@ const sizeStyles$5 = (props) => { } return ( marginProperty && - Ne(["", ":", "px;"], marginProperty, props.theme.space.base * 2) + Ne$1(["", ":", "px;"], marginProperty, props.theme.space.base * 2) ); }; const StyledIcon = styled((_ref) => { let { children, isRotated, theme, ...props } = _ref; - return React__default.cloneElement( - reactExports.Children.only(children), - props - ); + return U$6.cloneElement(reactExports.Children.only(children), props); }) .attrs({ "data-garden-id": COMPONENT_ID$y, @@ -42527,7 +42508,7 @@ const colorStyles$6 = (props) => { const disabledBackgroundColor = getDisabledBackgroundColor(props); const disabledForegroundColor = getColorV8(hue, shade - 200, props.theme); if (props.isLink) { - retVal = Ne( + retVal = Ne$1( [ "outline-color:transparent;background-color:transparent;color:", ";", @@ -42550,7 +42531,7 @@ const colorStyles$6 = (props) => { disabledForegroundColor ); } else if (props.isPrimary || props.isSelected) { - retVal = Ne( + retVal = Ne$1( [ "outline-color:transparent;background-color:", ";color:", @@ -42593,7 +42574,7 @@ const colorStyles$6 = (props) => { const hoverBorderColor = props.isNeutral && !props.isDanger ? baseColor : hoverColor; const hoverForegroundColor = props.isNeutral ? foregroundColor : hoverColor; - retVal = Ne( + retVal = Ne$1( [ "outline-color:transparent;border-color:", ";background-color:transparent;color:", @@ -42675,7 +42656,7 @@ const groupStyles = (props) => { spacerHue: focusColor, hue: "transparent", }); - return Ne( + return Ne$1( [ "position:relative;transition:border-color 0.1s ease-in-out,background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out,color 0.1s ease-in-out,margin-", " 0.1s ease-in-out,outline-color 0.1s ease-in-out,z-index 0.25s ease-in-out;border:", @@ -42730,7 +42711,7 @@ const iconStyles = (props) => { props.size === "small" ? props.theme.iconSizes.sm : props.theme.iconSizes.md; - return Ne( + return Ne$1( ["width:", ";min-width:", ";height:", ";vertical-align:", ";"], size, size, @@ -42741,7 +42722,7 @@ const iconStyles = (props) => { const sizeStyles$4 = (props) => { let retVal; if (props.isLink) { - retVal = Ne(["padding:0;font-size:inherit;"]); + retVal = Ne$1(["padding:0;font-size:inherit;"]); } else { const height = getHeight(props); const lineHeight = math(`${height} - (${props.theme.borderWidths.sm} * 2)`); @@ -42758,7 +42739,7 @@ const sizeStyles$4 = (props) => { padding = `${props.theme.space.base * 4}px`; } } - retVal = Ne( + retVal = Ne$1( ["padding:0 ", ";height:", ";line-height:", ";font-size:", ";"], em$1(math(`${padding} - ${props.theme.borderWidths.sm}`), fontSize), height, @@ -42965,7 +42946,7 @@ const useSplitButtonContext = () => { */ const StartIconComponent = (props) => - React__default.createElement( + U$6.createElement( StyledIcon, Object.assign( { @@ -42985,7 +42966,7 @@ const StartIcon = StartIconComponent; */ const EndIconComponent = (props) => - React__default.createElement( + U$6.createElement( StyledIcon, Object.assign( { @@ -43027,7 +43008,7 @@ const ButtonComponent = reactExports.forwardRef((props, ref) => { }); computedRef = mergeRefs([computedProps.ref, ref]); } - return React__default.createElement( + return U$6.createElement( StyledButton$1, Object.assign({}, computedProps, { ref: computedRef, @@ -43084,7 +43065,7 @@ const Anchor = reactExports.forwardRef((_ref, ref) => { isExternal ? "externalIconLabel" : "noIconLabel", "(opens in a new tab)" ); - return React__default.createElement( + return U$6.createElement( StyledAnchor, Object.assign( { @@ -43094,7 +43075,7 @@ const Anchor = reactExports.forwardRef((_ref, ref) => { ), children, isExternal && - React__default.createElement(StyledExternalIcon, { + U$6.createElement(StyledExternalIcon, { role: "img", "aria-label": iconAriaLabel, "aria-hidden": undefined, @@ -46629,7 +46610,7 @@ var Dropzone = /*#__PURE__*/ reactExports.forwardRef(function (_ref, ref) { [open] ); // TODO: Figure out why react-styleguidist cannot create docs if we don't return a jsx element - return /*#__PURE__*/ React__default.createElement( + return /*#__PURE__*/ U$6.createElement( reactExports.Fragment, null, children( @@ -47835,7 +47816,7 @@ const SIZE$2 = ["small", "medium", "large"]; */ const COMPONENT_ID$u = "loaders.progress"; -const Progress = React__default.forwardRef((_ref, ref) => { +const Progress = U$6.forwardRef((_ref, ref) => { let { value, size, "aria-label": label, ...other } = _ref; const percentage = Math.max(0, Math.min(100, value)); const ariaLabel = useText( @@ -47846,7 +47827,7 @@ const Progress = React__default.forwardRef((_ref, ref) => { "aria-label", "Progress" ); - return React__default.createElement( + return U$6.createElement( StyledProgressBackground, Object.assign( { @@ -47862,7 +47843,7 @@ const Progress = React__default.forwardRef((_ref, ref) => { }, other ), - React__default.createElement(StyledProgressIndicator, { + U$6.createElement(StyledProgressIndicator, { value: percentage, size: size, }) @@ -48048,7 +48029,7 @@ const sizeStyles$3 = (_ref) => { } } } - return Ne( + return Ne$1( [ "margin:", ";border-radius:", @@ -48108,7 +48089,7 @@ const colorStyles$5 = (_ref2) => { color = getColorV8("neutralHue", 700, theme); titleColor = getColorV8("foreground", 600, theme); } - return Ne( + return Ne$1( [ "border:", ";box-shadow:", @@ -48229,7 +48210,7 @@ const Tooltip = (_ref) => { isVisible: externalIsVisible, ...otherProps } = _ref; - const { rtl } = reactExports.useContext(Be); + const { rtl } = reactExports.useContext(Be$1); const scheduleUpdateRef = reactExports.useRef(); const { isVisible, @@ -48251,17 +48232,17 @@ const Tooltip = (_ref) => { const popperPlacement = rtl ? getRtlPopperPlacement$1(placement) : getPopperPlacement$1(placement); - const singleChild = React__default.Children.only(children); + const singleChild = U$6.Children.only(children); const modifiers = { preventOverflow: { boundariesElement: "window", }, ...popperModifiers, }; - return React__default.createElement( + return U$6.createElement( Manager, null, - React__default.createElement(Reference, null, (_ref2) => { + U$6.createElement(Reference, null, (_ref2) => { let { ref } = _ref2; return reactExports.cloneElement( singleChild, @@ -48271,7 +48252,7 @@ const Tooltip = (_ref) => { }) ); }), - React__default.createElement( + U$6.createElement( Popper, { placement: popperPlacement, @@ -48304,7 +48285,7 @@ const Tooltip = (_ref) => { type, ...otherTooltipProps, }; - const tooltip = React__default.createElement( + const tooltip = U$6.createElement( StyledTooltipWrapper, { ref: controlledIsVisible ? ref : null, @@ -48312,7 +48293,7 @@ const Tooltip = (_ref) => { zIndex: zIndex, "aria-hidden": !controlledIsVisible, }, - React__default.createElement( + U$6.createElement( StyledTooltip, getTooltipProps(tooltipProps), content @@ -50319,11 +50300,11 @@ const retrieveSizing = (_ref) => { if (isCompact) { size = theme.space.base * 8; } - return Ne(["width:", "px;height:", "px;"], size, size); + return Ne$1(["width:", "px;height:", "px;"], size, size); }; const retrieveColor = (_ref2) => { let { theme } = _ref2; - return Ne( + return Ne$1( [ ":hover{background-color:", ";color:", @@ -50442,7 +50423,7 @@ const retrieveSize = (_ref) => { } else { size = `${theme.space.base * 10}px`; } - return Ne(["width:", ";height:", ";"], size, size); + return Ne$1(["width:", ";height:", ";"], size, size); }; const StyledCalendarItem = styled.div .attrs({ @@ -50512,7 +50493,7 @@ const retrieveStyledDayColors = (_ref) => { } else if (isPreviousMonth) { color = getColorV8("neutralHue", 600, theme); } - return Ne( + return Ne$1( ["background-color:", ";color:", ";", ""], backgroundColor, color, @@ -50774,12 +50755,12 @@ const MonthSelector = (_ref) => { }, [locale] ); - return React__default.createElement( + return U$6.createElement( StyledHeader$2, { isCompact: isCompact, }, - React__default.createElement( + U$6.createElement( StyledHeaderPaddle, { isCompact: isCompact, @@ -50789,16 +50770,16 @@ const MonthSelector = (_ref) => { }); }, }, - React__default.createElement(SvgChevronLeftStroke, null) + U$6.createElement(SvgChevronLeftStroke, null) ), - React__default.createElement( + U$6.createElement( StyledHeaderLabel, { isCompact: isCompact, }, headerLabelFormatter(state.previewDate) ), - React__default.createElement( + U$6.createElement( StyledHeaderPaddle, { isCompact: isCompact, @@ -50808,7 +50789,7 @@ const MonthSelector = (_ref) => { }); }, }, - React__default.createElement(SvgChevronRightStroke, null) + U$6.createElement(SvgChevronRightStroke, null) ) ); }; @@ -50846,13 +50827,13 @@ const Calendar = reactExports.forwardRef((_ref, ref) => { end: addDays(startDate, 6), }).map((date) => { const formattedDayLabel = dayLabelFormatter(date); - return React__default.createElement( + return U$6.createElement( StyledCalendarItem, { key: `day-label-${formattedDayLabel}`, isCompact: isCompact, }, - React__default.createElement( + U$6.createElement( StyledDayLabel, { isCompact: isCompact, @@ -50877,13 +50858,13 @@ const Calendar = reactExports.forwardRef((_ref, ref) => { isDisabled = isDisabled || (isAfter(date, maxValue) && !isSameDay(date, maxValue)); } - return React__default.createElement( + return U$6.createElement( StyledCalendarItem, { key: `day-${itemsIndex}`, isCompact: isCompact, }, - React__default.createElement( + U$6.createElement( StyledDay, { isToday: isCurrentDate, @@ -50904,7 +50885,7 @@ const Calendar = reactExports.forwardRef((_ref, ref) => { ) ); }); - return React__default.createElement( + return U$6.createElement( StyledDatepicker, { ref: ref, @@ -50913,11 +50894,11 @@ const Calendar = reactExports.forwardRef((_ref, ref) => { e.preventDefault(); }, }, - React__default.createElement(MonthSelector, { + U$6.createElement(MonthSelector, { locale: locale, isCompact: isCompact, }), - React__default.createElement( + U$6.createElement( StyledCalendar, { isCompact: isCompact, @@ -55025,7 +55006,7 @@ const Datepicker = reactExports.forwardRef((props, calendarRef) => { customParseDate, ...menuProps } = props; - const theme = reactExports.useContext(Be); + const theme = reactExports.useContext(Be$1); const memoizedReducer = reactExports.useCallback( datepickerReducer({ value, @@ -55081,18 +55062,18 @@ const Datepicker = reactExports.forwardRef((props, calendarRef) => { }), [state, dispatch] ); - return React__default.createElement( + return U$6.createElement( DatepickerContext.Provider, { value: contextValue, }, - React__default.createElement( + U$6.createElement( Manager, null, - React__default.createElement(Reference, null, (_ref) => { + U$6.createElement(Reference, null, (_ref) => { let { ref } = _ref; - const childElement = React__default.Children.only(children); - return React__default.cloneElement(childElement, { + const childElement = U$6.Children.only(children); + return U$6.cloneElement(childElement, { [refKey]: (refValue) => { ref(refValue); inputRef.current = refValue; @@ -55153,7 +55134,7 @@ const Datepicker = reactExports.forwardRef((props, calendarRef) => { value: state.inputValue, }); }), - React__default.createElement( + U$6.createElement( Popper, { placement: popperPlacement, @@ -55168,7 +55149,7 @@ const Datepicker = reactExports.forwardRef((props, calendarRef) => { placement: currentPlacement, } = _ref2; scheduleUpdateRef.current = scheduleUpdate; - return React__default.createElement( + return U$6.createElement( StyledMenuWrapper, { ref: ref, @@ -55179,10 +55160,10 @@ const Datepicker = reactExports.forwardRef((props, calendarRef) => { zIndex: zIndex, }, (state.isOpen || isVisible) && - React__default.createElement( + U$6.createElement( StyledMenu, menuProps, - React__default.createElement(Calendar, { + U$6.createElement(Calendar, { ref: calendarRef, isCompact: isCompact, value: value, @@ -55243,10 +55224,7 @@ const SIZE = ["small", "medium", "large"]; const COMPONENT_ID$g = "tags.avatar"; const StyledAvatar = styled((_ref) => { let { children, ...props } = _ref; - return React__default.cloneElement( - reactExports.Children.only(children), - props - ); + return U$6.cloneElement(reactExports.Children.only(children), props); }) .attrs({ "data-garden-id": COMPONENT_ID$g, @@ -55318,7 +55296,7 @@ const colorStyles$4 = (props) => { foregroundColor = getColorV8("neutralHue", 700, props.theme); closeColor = getColorV8("neutralHue", 600, props.theme); } - return Ne( + return Ne$1( [ "background-color:", ";color:", @@ -55387,7 +55365,7 @@ const sizeStyles$2 = (props) => { minWidth = props.theme.space.base * 7.5; } } - return Ne( + return Ne$1( [ "border-radius:", ";padding:0 ", @@ -55535,7 +55513,7 @@ var SvgXStroke$1 = function SvgXStroke(props) { const CloseComponent = reactExports.forwardRef((props, ref) => { const ariaLabel = useText(CloseComponent, props, "aria-label", "Remove"); - return React__default.createElement( + return U$6.createElement( StyledClose$1, Object.assign( { @@ -55548,7 +55526,7 @@ const CloseComponent = reactExports.forwardRef((props, ref) => { tabIndex: -1, } ), - React__default.createElement(SvgXStroke$1, null) + U$6.createElement(SvgXStroke$1, null) ); }); CloseComponent.displayName = "Tag.Close"; @@ -55561,8 +55539,7 @@ const Close$1 = CloseComponent; * found at http://www.apache.org/licenses/LICENSE-2.0. */ -const AvatarComponent = (props) => - React__default.createElement(StyledAvatar, props); +const AvatarComponent = (props) => U$6.createElement(StyledAvatar, props); AvatarComponent.displayName = "Tag.Avatar"; const Avatar = AvatarComponent; @@ -55575,7 +55552,7 @@ const Avatar = AvatarComponent; const TagComponent = reactExports.forwardRef((_ref, ref) => { let { size, hue, ...otherProps } = _ref; - return React__default.createElement( + return U$6.createElement( StyledTag, Object.assign( { @@ -56987,10 +56964,10 @@ function scrollbarSize(recalc) { */ const COMPONENT_ID$d = "modals.backdrop"; -const animationName$1 = $e(["0%{opacity:0;}100%{opacity:1;}"]); +const animationName$1 = $e$1(["0%{opacity:0;}100%{opacity:1;}"]); const animationStyles$1 = (props) => { if (props.isAnimated) { - return Ne(["animation:", " 0.15s ease-in;"], animationName$1); + return Ne$1(["animation:", " 0.15s ease-in;"], animationName$1); } return ""; }; @@ -57076,7 +57053,7 @@ const COMPONENT_ID$b = "modals.close"; const colorStyles$3 = (props) => { const backgroundColor = "primaryHue"; const foregroundColor = "neutralHue"; - return Ne( + return Ne$1( [ "background-color:transparent;color:", ";&:hover{background-color:", @@ -57351,12 +57328,12 @@ StyledDangerIcon.defaultProps = { */ const COMPONENT_ID$7 = "modals.modal"; -const animationName = $e([ +const animationName = $e$1([ "0%{transform:scale(0);opacity:0;}50%{transform:scale(1.05);}100%{opacity:1;}", ]); const animationStyles = (props) => { if (props.isAnimated) { - return Ne(["animation:", " 0.3s ease-in;"], animationName); + return Ne$1(["animation:", " 0.3s ease-in;"], animationName); } return ""; }; @@ -57369,7 +57346,7 @@ const boxShadow = (props) => { return shadows.lg(offsetY, blurRadius, color); }; const sizeStyles$1 = (props) => { - return Ne( + return Ne$1( ["", "{width:", ";}"], mediaQuery("up", props.isLarge ? "md" : "sm", props.theme), props.isLarge ? props.theme.breakpoints.md : props.theme.breakpoints.sm @@ -57475,7 +57452,7 @@ const Modal = reactExports.forwardRef((_ref, ref) => { restoreFocus, ...modalProps } = _ref; - const theme = reactExports.useContext(Be); + const theme = reactExports.useContext(Be$1); const modalRef = reactExports.useRef(null); const environment = useDocument(theme); const [isCloseButtonPresent, setIsCloseButtonPresent] = @@ -57589,12 +57566,12 @@ const Modal = reactExports.forwardRef((_ref, ref) => { return null; } return reactDomExports.createPortal( - React__default.createElement( + U$6.createElement( ModalsContext.Provider, { value: value, }, - React__default.createElement( + U$6.createElement( StyledBackdrop, Object.assign( { @@ -57603,7 +57580,7 @@ const Modal = reactExports.forwardRef((_ref, ref) => { }, getBackdropProps(backdropProps) ), - React__default.createElement( + U$6.createElement( StyledModal, Object.assign( { @@ -57650,7 +57627,7 @@ Modal.defaultProps = { const Body = reactExports.forwardRef((props, ref) => { const { getContentProps } = useModalContext(); - return React__default.createElement( + return U$6.createElement( StyledBody, Object.assign({}, getContentProps(props), { ref: ref, @@ -57720,7 +57697,7 @@ const Close = reactExports.forwardRef((props, ref) => { return () => setIsCloseButtonPresent(false); }); const ariaLabel = useText(Close, props, "aria-label", "Close modal"); - return React__default.createElement( + return U$6.createElement( StyledClose, Object.assign( {}, @@ -57732,7 +57709,7 @@ const Close = reactExports.forwardRef((props, ref) => { ref: ref, } ), - React__default.createElement(SvgXStroke, null) + U$6.createElement(SvgXStroke, null) ); }); Close.displayName = "Close"; @@ -57744,9 +57721,9 @@ Close.displayName = "Close"; * found at http://www.apache.org/licenses/LICENSE-2.0. */ -const Footer = React__default.forwardRef((props, ref) => { +const Footer = U$6.forwardRef((props, ref) => { const { isLarge } = useModalContext(); - return React__default.createElement( + return U$6.createElement( StyledFooter, Object.assign( { @@ -57766,8 +57743,8 @@ Footer.displayName = "Footer"; * found at http://www.apache.org/licenses/LICENSE-2.0. */ -const FooterItem = React__default.forwardRef((props, ref) => - React__default.createElement( +const FooterItem = U$6.forwardRef((props, ref) => + U$6.createElement( StyledFooterItem, Object.assign( { @@ -57800,14 +57777,14 @@ const Header$1 = reactExports.forwardRef((_ref, ref) => { } }; }, [hasHeader, setHasHeader]); - return React__default.createElement( + return U$6.createElement( StyledHeader$1, Object.assign({}, getTitleProps(other), { as: tag, isCloseButtonPresent: isCloseButtonPresent, ref: ref, }), - other.isDanger && React__default.createElement(StyledDangerIcon, null), + other.isDanger && U$6.createElement(StyledDangerIcon, null), children ); }); @@ -57992,7 +57969,7 @@ StyledAccordion.defaultProps = { const COMPONENT_ID$5 = "accordions.panel"; const colorStyles$2 = (props) => { const { theme, isBare } = props; - return Ne( + return Ne$1( ["border-bottom-color:", ";"], isBare ? "transparent" : getColorV8("neutralHue", 300, theme) ); @@ -58012,7 +57989,7 @@ const sizeStyles = (props) => { paddingTop = 0; paddingBottom = 0; } - return Ne( + return Ne$1( [ "grid-template-rows:", "fr;border-bottom:", @@ -58130,7 +58107,7 @@ const colorStyles$1 = (props) => { if (showColor && props.isHovered) { color = getColorV8("primaryHue", 600, props.theme); } - return Ne( + return Ne$1( ["color:", ";&:hover{cursor:", ";color:", ";}"], color, showColor && "pointer", @@ -58221,7 +58198,7 @@ const colorStyles = (props) => { if (showColor && props.isHovered) { color = getColorV8("primaryHue", 600, props.theme); } - return Ne(["color:", ";&:hover{color:", ";}"], color, showColor && color); + return Ne$1(["color:", ";&:hover{color:", ";}"], color, showColor && color); }; const StyledRotateIcon = styled((_ref) => { let { children, isRotated, isHovered, isCompact, isCollapsible, ...props } = @@ -58323,7 +58300,7 @@ const useHeaderContext = () => { */ const SectionComponent = reactExports.forwardRef((props, ref) => - React__default.createElement( + U$6.createElement( StyledSection, Object.assign( { @@ -58438,12 +58415,12 @@ const HeaderComponent = reactExports.forwardRef((props, ref) => { }), [isHovered, otherTriggerProps] ); - return React__default.createElement( + return U$6.createElement( HeaderContext.Provider, { value: value, }, - React__default.createElement( + U$6.createElement( StyledHeader, Object.assign( { @@ -58468,7 +58445,7 @@ const HeaderComponent = reactExports.forwardRef((props, ref) => { }) ), children, - React__default.createElement( + U$6.createElement( StyledRotateIcon, { isCompact: isCompact, @@ -58482,7 +58459,7 @@ const HeaderComponent = reactExports.forwardRef((props, ref) => { setIsHovered(false) ), }, - React__default.createElement(SvgChevronDownStroke, null) + U$6.createElement(SvgChevronDownStroke, null) ) ) ); @@ -58502,7 +58479,7 @@ const LabelComponent = reactExports.forwardRef((props, ref) => { const { isCompact, isCollapsible, expandedSections } = useAccordionContext(); const isExpanded = expandedSections.includes(sectionValue); const { isHovered, otherTriggerProps } = useHeaderContext(); - return React__default.createElement( + return U$6.createElement( StyledButton, Object.assign( { @@ -58533,7 +58510,7 @@ const PanelComponent = reactExports.forwardRef((_ref, ref) => { useAccordionContext(); const sectionValue = useSectionContext(); const isExpanded = expandedSections.includes(sectionValue); - return React__default.createElement( + return U$6.createElement( StyledPanel, Object.assign( { @@ -58550,7 +58527,7 @@ const PanelComponent = reactExports.forwardRef((_ref, ref) => { ...props, }) ), - React__default.createElement( + U$6.createElement( StyledInnerPanel, { isAnimated: isAnimated, @@ -58588,7 +58565,7 @@ const AccordionComponent = reactExports.forwardRef((_ref, ref) => { reactExports.Children.toArray(children) .filter(reactExports.isValidElement) .map((child, index) => - React__default.createElement( + U$6.createElement( SectionContext.Provider, { key: index, @@ -58643,12 +58620,12 @@ const AccordionComponent = reactExports.forwardRef((_ref, ref) => { expandedSections, ] ); - return React__default.createElement( + return U$6.createElement( AccordionContext.Provider, { value: accordionContextValue, }, - React__default.createElement( + U$6.createElement( StyledAccordion, Object.assign( { @@ -58719,8 +58696,4304 @@ var SvgCheckCircleStroke = function SvgCheckCircleStroke(props) { ); }; +var classnames = { exports: {} }; + +/*! + Copyright (c) 2018 Jed Watson. + Licensed under the MIT License (MIT), see + http://jedwatson.github.io/classnames +*/ +classnames.exports; + +(function (module) { + /* global define */ + + (function () { + var hasOwn = {}.hasOwnProperty; + + function classNames() { + var classes = ""; + + for (var i = 0; i < arguments.length; i++) { + var arg = arguments[i]; + if (arg) { + classes = appendClass(classes, parseValue(arg)); + } + } + + return classes; + } + + function parseValue(arg) { + if (typeof arg === "string" || typeof arg === "number") { + return arg; + } + + if (typeof arg !== "object") { + return ""; + } + + if (Array.isArray(arg)) { + return classNames.apply(null, arg); + } + + if ( + arg.toString !== Object.prototype.toString && + !arg.toString.toString().includes("[native code]") + ) { + return arg.toString(); + } + + var classes = ""; + + for (var key in arg) { + if (hasOwn.call(arg, key) && arg[key]) { + classes = appendClass(classes, key); + } + } + + return classes; + } + + function appendClass(value, newClass) { + if (!newClass) { + return value; + } + + if (value) { + return value + " " + newClass; + } + + return value + newClass; + } + + if (module.exports) { + classNames.default = classNames; + module.exports = classNames; + } else { + window.classNames = classNames; + } + })(); +})(classnames); + +var classnamesExports = classnames.exports; +var cn = /*@__PURE__*/ getDefaultExportFromCjs(classnamesExports); + +/*! js-cookie v3.0.5 | MIT */ +/* eslint-disable no-var */ +function assign(target) { + for (var i = 1; i < arguments.length; i++) { + var source = arguments[i]; + for (var key in source) { + target[key] = source[key]; + } + } + return target; +} +/* eslint-enable no-var */ + +/* eslint-disable no-var */ +var defaultConverter = { + read: function (value) { + if (value[0] === '"') { + value = value.slice(1, -1); + } + return value.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent); + }, + write: function (value) { + return encodeURIComponent(value).replace( + /%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g, + decodeURIComponent + ); + }, +}; +/* eslint-enable no-var */ + +/* eslint-disable no-var */ + +function init(converter, defaultAttributes) { + function set(name, value, attributes) { + if (typeof document === "undefined") { + return; + } + + attributes = assign({}, defaultAttributes, attributes); + + if (typeof attributes.expires === "number") { + attributes.expires = new Date(Date.now() + attributes.expires * 864e5); + } + if (attributes.expires) { + attributes.expires = attributes.expires.toUTCString(); + } + + name = encodeURIComponent(name) + .replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent) + .replace(/[()]/g, escape); + + var stringifiedAttributes = ""; + for (var attributeName in attributes) { + if (!attributes[attributeName]) { + continue; + } + + stringifiedAttributes += "; " + attributeName; + + if (attributes[attributeName] === true) { + continue; + } + + // Considers RFC 6265 section 5.2: + // ... + // 3. If the remaining unparsed-attributes contains a %x3B (";") + // character: + // Consume the characters of the unparsed-attributes up to, + // not including, the first %x3B (";") character. + // ... + stringifiedAttributes += "=" + attributes[attributeName].split(";")[0]; + } + + return (document.cookie = + name + "=" + converter.write(value, name) + stringifiedAttributes); + } + + function get(name) { + if (typeof document === "undefined" || (arguments.length && !name)) { + return; + } + + // To prevent the for loop in the first place assign an empty array + // in case there are no cookies at all. + var cookies = document.cookie ? document.cookie.split("; ") : []; + var jar = {}; + for (var i = 0; i < cookies.length; i++) { + var parts = cookies[i].split("="); + var value = parts.slice(1).join("="); + + try { + var found = decodeURIComponent(parts[0]); + jar[found] = converter.read(value, found); + + if (name === found) { + break; + } + } catch (e) {} + } + + return name ? jar[name] : jar; + } + + return Object.create( + { + set, + get, + remove: function (name, attributes) { + set( + name, + "", + assign({}, attributes, { + expires: -1, + }) + ); + }, + withAttributes: function (attributes) { + return init(this.converter, assign({}, this.attributes, attributes)); + }, + withConverter: function (converter) { + return init(assign({}, this.converter, converter), this.attributes); + }, + }, + { + attributes: { value: Object.freeze(defaultAttributes) }, + converter: { value: Object.freeze(converter) }, + } + ); +} + +var api = init(defaultConverter, { path: "/" }); + +/* + * Copyright 2020 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ +const $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = + typeof document !== "undefined" ? U$6.useLayoutEffect : () => {}; + +/* + * Copyright 2023 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) { + const ref = reactExports.useRef(null); + $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => { + ref.current = fn; + }, [fn]); + // @ts-ignore + return reactExports.useCallback((...args) => { + const f = ref.current; + return f === null || f === void 0 ? void 0 : f(...args); + }, []); +} + +const $431fbd86ca7dc216$export$b204af158042fbac = (el) => { + var _el_ownerDocument; + return (_el_ownerDocument = + el === null || el === void 0 ? void 0 : el.ownerDocument) !== null && + _el_ownerDocument !== void 0 + ? _el_ownerDocument + : document; +}; +const $431fbd86ca7dc216$export$f21a1ffae260145a = (el) => { + if (el && "window" in el && el.window === el) return el; + const doc = $431fbd86ca7dc216$export$b204af158042fbac(el); + return doc.defaultView || window; +}; + +/* + * Copyright 2020 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ function $c87311424ea30a05$var$testUserAgent(re) { + var _window_navigator_userAgentData; + if (typeof window === "undefined" || window.navigator == null) return false; + return ( + ((_window_navigator_userAgentData = window.navigator["userAgentData"]) === + null || _window_navigator_userAgentData === void 0 + ? void 0 + : _window_navigator_userAgentData.brands.some((brand) => + re.test(brand.brand) + )) || re.test(window.navigator.userAgent) + ); +} +function $c87311424ea30a05$var$testPlatform(re) { + var _window_navigator_userAgentData; + return typeof window !== "undefined" && window.navigator != null + ? re.test( + ((_window_navigator_userAgentData = + window.navigator["userAgentData"]) === null || + _window_navigator_userAgentData === void 0 + ? void 0 + : _window_navigator_userAgentData.platform) || + window.navigator.platform + ) + : false; +} +function $c87311424ea30a05$var$cached(fn) { + let res = null; + return () => { + if (res == null) res = fn(); + return res; + }; +} +const $c87311424ea30a05$export$9ac100e40613ea10 = $c87311424ea30a05$var$cached( + function () { + return $c87311424ea30a05$var$testPlatform(/^Mac/i); + } +); +const $c87311424ea30a05$export$a11b0059900ceec8 = $c87311424ea30a05$var$cached( + function () { + return $c87311424ea30a05$var$testUserAgent(/Android/i); + } +); + +/* + * Copyright 2022 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ +function $6a7db85432448f7f$export$60278871457622de(event) { + // JAWS/NVDA with Firefox. + if (event.mozInputSource === 0 && event.isTrusted) return true; + // Android TalkBack's detail value varies depending on the event listener providing the event so we have specific logic here instead + // If pointerType is defined, event is from a click listener. For events from mousedown listener, detail === 0 is a sufficient check + // to detect TalkBack virtual clicks. + if ($c87311424ea30a05$export$a11b0059900ceec8() && event.pointerType) + return event.type === "click" && event.buttons === 1; + return event.detail === 0 && !event.pointerType; +} + +/* + * Copyright 2020 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ + +class $8a9cb279dc87e130$export$905e7fc544a71f36 { + isDefaultPrevented() { + return this.nativeEvent.defaultPrevented; + } + preventDefault() { + this.defaultPrevented = true; + this.nativeEvent.preventDefault(); + } + stopPropagation() { + this.nativeEvent.stopPropagation(); + this.isPropagationStopped = () => true; + } + isPropagationStopped() { + return false; + } + persist() {} + constructor(type, nativeEvent) { + this.nativeEvent = nativeEvent; + this.target = nativeEvent.target; + this.currentTarget = nativeEvent.currentTarget; + this.relatedTarget = nativeEvent.relatedTarget; + this.bubbles = nativeEvent.bubbles; + this.cancelable = nativeEvent.cancelable; + this.defaultPrevented = nativeEvent.defaultPrevented; + this.eventPhase = nativeEvent.eventPhase; + this.isTrusted = nativeEvent.isTrusted; + this.timeStamp = nativeEvent.timeStamp; + this.type = type; + } +} +function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) { + let stateRef = reactExports.useRef({ + isFocused: false, + observer: null, + }); + // Clean up MutationObserver on unmount. See below. + // eslint-disable-next-line arrow-body-style + $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => { + const state = stateRef.current; + return () => { + if (state.observer) { + state.observer.disconnect(); + state.observer = null; + } + }; + }, []); + let dispatchBlur = $8ae05eaa5c114e9c$export$7f54fc3180508a52((e) => { + onBlur === null || onBlur === void 0 ? void 0 : onBlur(e); + }); + // This function is called during a React onFocus event. + return reactExports.useCallback( + (e) => { + // React does not fire onBlur when an element is disabled. https://github.com/facebook/react/issues/9142 + // Most browsers fire a native focusout event in this case, except for Firefox. In that case, we use a + // MutationObserver to watch for the disabled attribute, and dispatch these events ourselves. + // For browsers that do, focusout fires before the MutationObserver, so onBlur should not fire twice. + if ( + e.target instanceof HTMLButtonElement || + e.target instanceof HTMLInputElement || + e.target instanceof HTMLTextAreaElement || + e.target instanceof HTMLSelectElement + ) { + stateRef.current.isFocused = true; + let target = e.target; + let onBlurHandler = (e) => { + stateRef.current.isFocused = false; + if (target.disabled) + // For backward compatibility, dispatch a (fake) React synthetic event. + dispatchBlur( + new $8a9cb279dc87e130$export$905e7fc544a71f36("blur", e) + ); + // We no longer need the MutationObserver once the target is blurred. + if (stateRef.current.observer) { + stateRef.current.observer.disconnect(); + stateRef.current.observer = null; + } + }; + target.addEventListener("focusout", onBlurHandler, { + once: true, + }); + stateRef.current.observer = new MutationObserver(() => { + if (stateRef.current.isFocused && target.disabled) { + var _stateRef_current_observer; + (_stateRef_current_observer = stateRef.current.observer) === null || + _stateRef_current_observer === void 0 + ? void 0 + : _stateRef_current_observer.disconnect(); + let relatedTargetEl = + target === document.activeElement ? null : document.activeElement; + target.dispatchEvent( + new FocusEvent("blur", { + relatedTarget: relatedTargetEl, + }) + ); + target.dispatchEvent( + new FocusEvent("focusout", { + bubbles: true, + relatedTarget: relatedTargetEl, + }) + ); + } + }); + stateRef.current.observer.observe(target, { + attributes: true, + attributeFilter: ["disabled"], + }); + } + }, + [dispatchBlur] + ); +} + +/* + * Copyright 2020 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ // Portions of the code in this file are based on code from react. +// Original licensing for the following can be found in the +// NOTICE file in the root directory of this source tree. +// See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions + +function $a1ea59d68270f0dd$export$f8168d8dd8fd66e6(props) { + let { + isDisabled: isDisabled, + onFocus: onFocusProp, + onBlur: onBlurProp, + onFocusChange: onFocusChange, + } = props; + const onBlur = reactExports.useCallback( + (e) => { + if (e.target === e.currentTarget) { + if (onBlurProp) onBlurProp(e); + if (onFocusChange) onFocusChange(false); + return true; + } + }, + [onBlurProp, onFocusChange] + ); + const onSyntheticFocus = $8a9cb279dc87e130$export$715c682d09d639cc(onBlur); + const onFocus = reactExports.useCallback( + (e) => { + // Double check that document.activeElement actually matches e.target in case a previously chained + // focus handler already moved focus somewhere else. + const ownerDocument = $431fbd86ca7dc216$export$b204af158042fbac(e.target); + if ( + e.target === e.currentTarget && + ownerDocument.activeElement === e.target + ) { + if (onFocusProp) onFocusProp(e); + if (onFocusChange) onFocusChange(true); + onSyntheticFocus(e); + } + }, + [onFocusChange, onFocusProp, onSyntheticFocus] + ); + return { + focusProps: { + onFocus: + !isDisabled && (onFocusProp || onFocusChange || onBlurProp) + ? onFocus + : undefined, + onBlur: !isDisabled && (onBlurProp || onFocusChange) ? onBlur : undefined, + }, + }; +} + +/* + * Copyright 2020 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ // Portions of the code in this file are based on code from react. +// Original licensing for the following can be found in the +// NOTICE file in the root directory of this source tree. +// See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions + +let $507fabe10e71c6fb$var$currentModality = null; +let $507fabe10e71c6fb$var$changeHandlers = new Set(); +let $507fabe10e71c6fb$export$d90243b58daecda7 = new Map(); // We use a map here to support setting event listeners across multiple document objects. +let $507fabe10e71c6fb$var$hasEventBeforeFocus = false; +let $507fabe10e71c6fb$var$hasBlurredWindowRecently = false; +// Only Tab or Esc keys will make focus visible on text input elements +const $507fabe10e71c6fb$var$FOCUS_VISIBLE_INPUT_KEYS = { + Tab: true, + Escape: true, +}; +function $507fabe10e71c6fb$var$triggerChangeHandlers(modality, e) { + for (let handler of $507fabe10e71c6fb$var$changeHandlers) + handler(modality, e); +} +/** + * Helper function to determine if a KeyboardEvent is unmodified and could make keyboard focus styles visible. + */ function $507fabe10e71c6fb$var$isValidKey(e) { + // Control and Shift keys trigger when navigating back to the tab with keyboard. + return !( + e.metaKey || + (!$c87311424ea30a05$export$9ac100e40613ea10() && e.altKey) || + e.ctrlKey || + e.key === "Control" || + e.key === "Shift" || + e.key === "Meta" + ); +} +function $507fabe10e71c6fb$var$handleKeyboardEvent(e) { + $507fabe10e71c6fb$var$hasEventBeforeFocus = true; + if ($507fabe10e71c6fb$var$isValidKey(e)) { + $507fabe10e71c6fb$var$currentModality = "keyboard"; + $507fabe10e71c6fb$var$triggerChangeHandlers("keyboard", e); + } +} +function $507fabe10e71c6fb$var$handlePointerEvent(e) { + $507fabe10e71c6fb$var$currentModality = "pointer"; + if (e.type === "mousedown" || e.type === "pointerdown") { + $507fabe10e71c6fb$var$hasEventBeforeFocus = true; + $507fabe10e71c6fb$var$triggerChangeHandlers("pointer", e); + } +} +function $507fabe10e71c6fb$var$handleClickEvent(e) { + if ($6a7db85432448f7f$export$60278871457622de(e)) { + $507fabe10e71c6fb$var$hasEventBeforeFocus = true; + $507fabe10e71c6fb$var$currentModality = "virtual"; + } +} +function $507fabe10e71c6fb$var$handleFocusEvent(e) { + // Firefox fires two extra focus events when the user first clicks into an iframe: + // first on the window, then on the document. We ignore these events so they don't + // cause keyboard focus rings to appear. + if (e.target === window || e.target === document) return; + // If a focus event occurs without a preceding keyboard or pointer event, switch to virtual modality. + // This occurs, for example, when navigating a form with the next/previous buttons on iOS. + if ( + !$507fabe10e71c6fb$var$hasEventBeforeFocus && + !$507fabe10e71c6fb$var$hasBlurredWindowRecently + ) { + $507fabe10e71c6fb$var$currentModality = "virtual"; + $507fabe10e71c6fb$var$triggerChangeHandlers("virtual", e); + } + $507fabe10e71c6fb$var$hasEventBeforeFocus = false; + $507fabe10e71c6fb$var$hasBlurredWindowRecently = false; +} +function $507fabe10e71c6fb$var$handleWindowBlur() { + // When the window is blurred, reset state. This is necessary when tabbing out of the window, + // for example, since a subsequent focus event won't be fired. + $507fabe10e71c6fb$var$hasEventBeforeFocus = false; + $507fabe10e71c6fb$var$hasBlurredWindowRecently = true; +} +/** + * Setup global event listeners to control when keyboard focus style should be visible. + */ function $507fabe10e71c6fb$var$setupGlobalFocusEvents(element) { + if ( + typeof window === "undefined" || + $507fabe10e71c6fb$export$d90243b58daecda7.get( + $431fbd86ca7dc216$export$f21a1ffae260145a(element) + ) + ) + return; + const windowObject = $431fbd86ca7dc216$export$f21a1ffae260145a(element); + const documentObject = $431fbd86ca7dc216$export$b204af158042fbac(element); + // Programmatic focus() calls shouldn't affect the current input modality. + // However, we need to detect other cases when a focus event occurs without + // a preceding user event (e.g. screen reader focus). Overriding the focus + // method on HTMLElement.prototype is a bit hacky, but works. + let focus = windowObject.HTMLElement.prototype.focus; + windowObject.HTMLElement.prototype.focus = function () { + $507fabe10e71c6fb$var$hasEventBeforeFocus = true; + focus.apply(this, arguments); + }; + documentObject.addEventListener( + "keydown", + $507fabe10e71c6fb$var$handleKeyboardEvent, + true + ); + documentObject.addEventListener( + "keyup", + $507fabe10e71c6fb$var$handleKeyboardEvent, + true + ); + documentObject.addEventListener( + "click", + $507fabe10e71c6fb$var$handleClickEvent, + true + ); + // Register focus events on the window so they are sure to happen + // before React's event listeners (registered on the document). + windowObject.addEventListener( + "focus", + $507fabe10e71c6fb$var$handleFocusEvent, + true + ); + windowObject.addEventListener( + "blur", + $507fabe10e71c6fb$var$handleWindowBlur, + false + ); + if (typeof PointerEvent !== "undefined") { + documentObject.addEventListener( + "pointerdown", + $507fabe10e71c6fb$var$handlePointerEvent, + true + ); + documentObject.addEventListener( + "pointermove", + $507fabe10e71c6fb$var$handlePointerEvent, + true + ); + documentObject.addEventListener( + "pointerup", + $507fabe10e71c6fb$var$handlePointerEvent, + true + ); + } else { + documentObject.addEventListener( + "mousedown", + $507fabe10e71c6fb$var$handlePointerEvent, + true + ); + documentObject.addEventListener( + "mousemove", + $507fabe10e71c6fb$var$handlePointerEvent, + true + ); + documentObject.addEventListener( + "mouseup", + $507fabe10e71c6fb$var$handlePointerEvent, + true + ); + } + // Add unmount handler + windowObject.addEventListener( + "beforeunload", + () => { + $507fabe10e71c6fb$var$tearDownWindowFocusTracking(element); + }, + { + once: true, + } + ); + $507fabe10e71c6fb$export$d90243b58daecda7.set(windowObject, { + focus: focus, + }); +} +const $507fabe10e71c6fb$var$tearDownWindowFocusTracking = ( + element, + loadListener +) => { + const windowObject = $431fbd86ca7dc216$export$f21a1ffae260145a(element); + const documentObject = $431fbd86ca7dc216$export$b204af158042fbac(element); + if (loadListener) + documentObject.removeEventListener("DOMContentLoaded", loadListener); + if (!$507fabe10e71c6fb$export$d90243b58daecda7.has(windowObject)) return; + windowObject.HTMLElement.prototype.focus = + $507fabe10e71c6fb$export$d90243b58daecda7.get(windowObject).focus; + documentObject.removeEventListener( + "keydown", + $507fabe10e71c6fb$var$handleKeyboardEvent, + true + ); + documentObject.removeEventListener( + "keyup", + $507fabe10e71c6fb$var$handleKeyboardEvent, + true + ); + documentObject.removeEventListener( + "click", + $507fabe10e71c6fb$var$handleClickEvent, + true + ); + windowObject.removeEventListener( + "focus", + $507fabe10e71c6fb$var$handleFocusEvent, + true + ); + windowObject.removeEventListener( + "blur", + $507fabe10e71c6fb$var$handleWindowBlur, + false + ); + if (typeof PointerEvent !== "undefined") { + documentObject.removeEventListener( + "pointerdown", + $507fabe10e71c6fb$var$handlePointerEvent, + true + ); + documentObject.removeEventListener( + "pointermove", + $507fabe10e71c6fb$var$handlePointerEvent, + true + ); + documentObject.removeEventListener( + "pointerup", + $507fabe10e71c6fb$var$handlePointerEvent, + true + ); + } else { + documentObject.removeEventListener( + "mousedown", + $507fabe10e71c6fb$var$handlePointerEvent, + true + ); + documentObject.removeEventListener( + "mousemove", + $507fabe10e71c6fb$var$handlePointerEvent, + true + ); + documentObject.removeEventListener( + "mouseup", + $507fabe10e71c6fb$var$handlePointerEvent, + true + ); + } + $507fabe10e71c6fb$export$d90243b58daecda7.delete(windowObject); +}; +function $507fabe10e71c6fb$export$2f1888112f558a7d(element) { + const documentObject = $431fbd86ca7dc216$export$b204af158042fbac(element); + let loadListener; + if (documentObject.readyState !== "loading") + $507fabe10e71c6fb$var$setupGlobalFocusEvents(element); + else { + loadListener = () => { + $507fabe10e71c6fb$var$setupGlobalFocusEvents(element); + }; + documentObject.addEventListener("DOMContentLoaded", loadListener); + } + return () => + $507fabe10e71c6fb$var$tearDownWindowFocusTracking(element, loadListener); +} +// Server-side rendering does not have the document object defined +// eslint-disable-next-line no-restricted-globals +if (typeof document !== "undefined") + $507fabe10e71c6fb$export$2f1888112f558a7d(); +function $507fabe10e71c6fb$export$b9b3dfddab17db27() { + return $507fabe10e71c6fb$var$currentModality !== "pointer"; +} +const $507fabe10e71c6fb$var$nonTextInputTypes = new Set([ + "checkbox", + "radio", + "range", + "color", + "file", + "image", + "button", + "submit", + "reset", +]); +/** + * If this is attached to text input component, return if the event is a focus event (Tab/Escape keys pressed) so that + * focus visible style can be properly set. + */ function $507fabe10e71c6fb$var$isKeyboardFocusEvent( + isTextInput, + modality, + e +) { + var _e_target; + const IHTMLInputElement = + typeof window !== "undefined" + ? $431fbd86ca7dc216$export$f21a1ffae260145a( + e === null || e === void 0 ? void 0 : e.target + ).HTMLInputElement + : HTMLInputElement; + const IHTMLTextAreaElement = + typeof window !== "undefined" + ? $431fbd86ca7dc216$export$f21a1ffae260145a( + e === null || e === void 0 ? void 0 : e.target + ).HTMLTextAreaElement + : HTMLTextAreaElement; + const IHTMLElement = + typeof window !== "undefined" + ? $431fbd86ca7dc216$export$f21a1ffae260145a( + e === null || e === void 0 ? void 0 : e.target + ).HTMLElement + : HTMLElement; + const IKeyboardEvent = + typeof window !== "undefined" + ? $431fbd86ca7dc216$export$f21a1ffae260145a( + e === null || e === void 0 ? void 0 : e.target + ).KeyboardEvent + : KeyboardEvent; + isTextInput = + isTextInput || + ((e === null || e === void 0 ? void 0 : e.target) instanceof + IHTMLInputElement && + !$507fabe10e71c6fb$var$nonTextInputTypes.has( + e === null || e === void 0 + ? void 0 + : (_e_target = e.target) === null || _e_target === void 0 + ? void 0 + : _e_target.type + )) || + (e === null || e === void 0 ? void 0 : e.target) instanceof + IHTMLTextAreaElement || + ((e === null || e === void 0 ? void 0 : e.target) instanceof IHTMLElement && + (e === null || e === void 0 ? void 0 : e.target.isContentEditable)); + return !( + isTextInput && + modality === "keyboard" && + e instanceof IKeyboardEvent && + !$507fabe10e71c6fb$var$FOCUS_VISIBLE_INPUT_KEYS[e.key] + ); +} +function $507fabe10e71c6fb$export$ec71b4b83ac08ec3(fn, deps, opts) { + $507fabe10e71c6fb$var$setupGlobalFocusEvents(); + reactExports.useEffect(() => { + let handler = (modality, e) => { + if ( + !$507fabe10e71c6fb$var$isKeyboardFocusEvent( + !!(opts === null || opts === void 0 ? void 0 : opts.isTextInput), + modality, + e + ) + ) + return; + fn($507fabe10e71c6fb$export$b9b3dfddab17db27()); + }; + $507fabe10e71c6fb$var$changeHandlers.add(handler); + return () => { + $507fabe10e71c6fb$var$changeHandlers.delete(handler); + }; + // eslint-disable-next-line react-hooks/exhaustive-deps + }, deps); +} + +/* + * Copyright 2020 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ // Portions of the code in this file are based on code from react. +// Original licensing for the following can be found in the +// NOTICE file in the root directory of this source tree. +// See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions + +function $9ab94262bd0047c7$export$420e68273165f4ec(props) { + let { + isDisabled: isDisabled, + onBlurWithin: onBlurWithin, + onFocusWithin: onFocusWithin, + onFocusWithinChange: onFocusWithinChange, + } = props; + let state = reactExports.useRef({ + isFocusWithin: false, + }); + let onBlur = reactExports.useCallback( + (e) => { + // We don't want to trigger onBlurWithin and then immediately onFocusWithin again + // when moving focus inside the element. Only trigger if the currentTarget doesn't + // include the relatedTarget (where focus is moving). + if ( + state.current.isFocusWithin && + !e.currentTarget.contains(e.relatedTarget) + ) { + state.current.isFocusWithin = false; + if (onBlurWithin) onBlurWithin(e); + if (onFocusWithinChange) onFocusWithinChange(false); + } + }, + [onBlurWithin, onFocusWithinChange, state] + ); + let onSyntheticFocus = $8a9cb279dc87e130$export$715c682d09d639cc(onBlur); + let onFocus = reactExports.useCallback( + (e) => { + // Double check that document.activeElement actually matches e.target in case a previously chained + // focus handler already moved focus somewhere else. + if (!state.current.isFocusWithin && document.activeElement === e.target) { + if (onFocusWithin) onFocusWithin(e); + if (onFocusWithinChange) onFocusWithinChange(true); + state.current.isFocusWithin = true; + onSyntheticFocus(e); + } + }, + [onFocusWithin, onFocusWithinChange, onSyntheticFocus] + ); + if (isDisabled) + return { + focusWithinProps: { + // These should not have been null, that would conflict in mergeProps + onFocus: undefined, + onBlur: undefined, + }, + }; + return { + focusWithinProps: { + onFocus: onFocus, + onBlur: onBlur, + }, + }; +} + +/* + * Copyright 2020 Adobe. All rights reserved. + * This file is licensed to you under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. You may obtain a copy + * of the License at http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS + * OF ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + */ // Portions of the code in this file are based on code from react. +// Original licensing for the following can be found in the +// NOTICE file in the root directory of this source tree. +// See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions + +// iOS fires onPointerEnter twice: once with pointerType="touch" and again with pointerType="mouse". +// We want to ignore these emulated events so they do not trigger hover behavior. +// See https://bugs.webkit.org/show_bug.cgi?id=214609. +let $6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents = false; +let $6179b936705e76d3$var$hoverCount = 0; +function $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents() { + $6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents = true; + // Clear globalIgnoreEmulatedMouseEvents after a short timeout. iOS fires onPointerEnter + // with pointerType="mouse" immediately after onPointerUp and before onFocus. On other + // devices that don't have this quirk, we don't want to ignore a mouse hover sometime in + // the distant future because a user previously touched the element. + setTimeout(() => { + $6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents = false; + }, 50); +} +function $6179b936705e76d3$var$handleGlobalPointerEvent(e) { + if (e.pointerType === "touch") + $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents(); +} +function $6179b936705e76d3$var$setupGlobalTouchEvents() { + if (typeof document === "undefined") return; + if (typeof PointerEvent !== "undefined") + document.addEventListener( + "pointerup", + $6179b936705e76d3$var$handleGlobalPointerEvent + ); + else + document.addEventListener( + "touchend", + $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents + ); + $6179b936705e76d3$var$hoverCount++; + return () => { + $6179b936705e76d3$var$hoverCount--; + if ($6179b936705e76d3$var$hoverCount > 0) return; + if (typeof PointerEvent !== "undefined") + document.removeEventListener( + "pointerup", + $6179b936705e76d3$var$handleGlobalPointerEvent + ); + else + document.removeEventListener( + "touchend", + $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents + ); + }; +} +function $6179b936705e76d3$export$ae780daf29e6d456(props) { + let { + onHoverStart: onHoverStart, + onHoverChange: onHoverChange, + onHoverEnd: onHoverEnd, + isDisabled: isDisabled, + } = props; + let [isHovered, setHovered] = reactExports.useState(false); + let state = reactExports.useRef({ + isHovered: false, + ignoreEmulatedMouseEvents: false, + pointerType: "", + target: null, + }).current; + reactExports.useEffect($6179b936705e76d3$var$setupGlobalTouchEvents, []); + let { hoverProps: hoverProps, triggerHoverEnd: triggerHoverEnd } = + reactExports.useMemo(() => { + let triggerHoverStart = (event, pointerType) => { + state.pointerType = pointerType; + if ( + isDisabled || + pointerType === "touch" || + state.isHovered || + !event.currentTarget.contains(event.target) + ) + return; + state.isHovered = true; + let target = event.currentTarget; + state.target = target; + if (onHoverStart) + onHoverStart({ + type: "hoverstart", + target: target, + pointerType: pointerType, + }); + if (onHoverChange) onHoverChange(true); + setHovered(true); + }; + let triggerHoverEnd = (event, pointerType) => { + state.pointerType = ""; + state.target = null; + if (pointerType === "touch" || !state.isHovered) return; + state.isHovered = false; + let target = event.currentTarget; + if (onHoverEnd) + onHoverEnd({ + type: "hoverend", + target: target, + pointerType: pointerType, + }); + if (onHoverChange) onHoverChange(false); + setHovered(false); + }; + let hoverProps = {}; + if (typeof PointerEvent !== "undefined") { + hoverProps.onPointerEnter = (e) => { + if ( + $6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents && + e.pointerType === "mouse" + ) + return; + triggerHoverStart(e, e.pointerType); + }; + hoverProps.onPointerLeave = (e) => { + if (!isDisabled && e.currentTarget.contains(e.target)) + triggerHoverEnd(e, e.pointerType); + }; + } else { + hoverProps.onTouchStart = () => { + state.ignoreEmulatedMouseEvents = true; + }; + hoverProps.onMouseEnter = (e) => { + if ( + !state.ignoreEmulatedMouseEvents && + !$6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents + ) + triggerHoverStart(e, "mouse"); + state.ignoreEmulatedMouseEvents = false; + }; + hoverProps.onMouseLeave = (e) => { + if (!isDisabled && e.currentTarget.contains(e.target)) + triggerHoverEnd(e, "mouse"); + }; + } + return { + hoverProps: hoverProps, + triggerHoverEnd: triggerHoverEnd, + }; + }, [onHoverStart, onHoverChange, onHoverEnd, isDisabled, state]); + reactExports.useEffect(() => { + // Call the triggerHoverEnd as soon as isDisabled changes to true + // Safe to call triggerHoverEnd, it will early return if we aren't currently hovering + if (isDisabled) + triggerHoverEnd( + { + currentTarget: state.target, + }, + state.pointerType + ); + // eslint-disable-next-line react-hooks/exhaustive-deps + }, [isDisabled]); + return { + hoverProps: hoverProps, + isHovered: isHovered, + }; +} + +function $f7dceffc5ad7768b$export$4e328f61c538687f(props = {}) { + let { + autoFocus: autoFocus = false, + isTextInput: isTextInput, + within: within, + } = props; + let state = reactExports.useRef({ + isFocused: false, + isFocusVisible: autoFocus || $507fabe10e71c6fb$export$b9b3dfddab17db27(), + }); + let [isFocused, setFocused] = reactExports.useState(false); + let [isFocusVisibleState, setFocusVisible] = reactExports.useState( + () => state.current.isFocused && state.current.isFocusVisible + ); + let updateState = reactExports.useCallback( + () => + setFocusVisible(state.current.isFocused && state.current.isFocusVisible), + [] + ); + let onFocusChange = reactExports.useCallback( + (isFocused) => { + state.current.isFocused = isFocused; + setFocused(isFocused); + updateState(); + }, + [updateState] + ); + $507fabe10e71c6fb$export$ec71b4b83ac08ec3( + (isFocusVisible) => { + state.current.isFocusVisible = isFocusVisible; + updateState(); + }, + [], + { + isTextInput: isTextInput, + } + ); + let { focusProps: focusProps } = $a1ea59d68270f0dd$export$f8168d8dd8fd66e6({ + isDisabled: within, + onFocusChange: onFocusChange, + }); + let { focusWithinProps: focusWithinProps } = + $9ab94262bd0047c7$export$420e68273165f4ec({ + isDisabled: !within, + onFocusWithinChange: onFocusChange, + }); + return { + isFocused: isFocused, + isFocusVisible: isFocusVisibleState, + focusProps: within ? focusWithinProps : focusProps, + }; +} + +var i$4 = Object.defineProperty; +var d$2 = (t, e, n) => + e in t + ? i$4(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) + : (t[e] = n); +var r$3 = (t, e, n) => (d$2(t, typeof e != "symbol" ? e + "" : e, n), n); +let o$5 = class o { + constructor() { + r$3(this, "current", this.detect()); + r$3(this, "handoffState", "pending"); + r$3(this, "currentId", 0); + } + set(e) { + this.current !== e && + ((this.handoffState = "pending"), + (this.currentId = 0), + (this.current = e)); + } + reset() { + this.set(this.detect()); + } + nextId() { + return ++this.currentId; + } + get isServer() { + return this.current === "server"; + } + get isClient() { + return this.current === "client"; + } + detect() { + return typeof window == "undefined" || typeof document == "undefined" + ? "server" + : "client"; + } + handoff() { + this.handoffState === "pending" && (this.handoffState = "complete"); + } + get isHandoffComplete() { + return this.handoffState === "complete"; + } +}; +let s$5 = new o$5(); + +function u$6(r) { + return s$5.isServer + ? null + : r instanceof Node + ? r.ownerDocument + : r != null && r.hasOwnProperty("current") && r.current instanceof Node + ? r.current.ownerDocument + : document; +} + +function t$3(e) { + typeof queueMicrotask == "function" + ? queueMicrotask(e) + : Promise.resolve() + .then(e) + .catch((o) => + setTimeout(() => { + throw o; + }) + ); +} + +function o$4() { + let n = [], + r = { + addEventListener(e, t, s, a) { + return ( + e.addEventListener(t, s, a), + r.add(() => e.removeEventListener(t, s, a)) + ); + }, + requestAnimationFrame(...e) { + let t = requestAnimationFrame(...e); + return r.add(() => cancelAnimationFrame(t)); + }, + nextFrame(...e) { + return r.requestAnimationFrame(() => r.requestAnimationFrame(...e)); + }, + setTimeout(...e) { + let t = setTimeout(...e); + return r.add(() => clearTimeout(t)); + }, + microTask(...e) { + let t = { current: !0 }; + return ( + t$3(() => { + t.current && e[0](); + }), + r.add(() => { + t.current = !1; + }) + ); + }, + style(e, t, s) { + let a = e.style.getPropertyValue(t); + return ( + Object.assign(e.style, { [t]: s }), + this.add(() => { + Object.assign(e.style, { [t]: a }); + }) + ); + }, + group(e) { + let t = o$4(); + return e(t), this.add(() => t.dispose()); + }, + add(e) { + return ( + n.includes(e) || n.push(e), + () => { + let t = n.indexOf(e); + if (t >= 0) for (let s of n.splice(t, 1)) s(); + } + ); + }, + dispose() { + for (let e of n.splice(0)) e(); + }, + }; + return r; +} + +function p$3() { + let [e] = reactExports.useState(o$4); + return reactExports.useEffect(() => () => e.dispose(), [e]), e; +} + +let n$3 = (e, t) => { + s$5.isServer + ? reactExports.useEffect(e, t) + : reactExports.useLayoutEffect(e, t); +}; + +function s$4(e) { + let r = reactExports.useRef(e); + return ( + n$3(() => { + r.current = e; + }, [e]), + r + ); +} + +let o$3 = function (t) { + let e = s$4(t); + return U$6.useCallback((...r) => e.current(...r), [e]); +}; + +function E$3(e) { + let t = e.width / 2, + n = e.height / 2; + return { + top: e.clientY - n, + right: e.clientX + t, + bottom: e.clientY + n, + left: e.clientX - t, + }; +} +function P$3(e, t) { + return !( + !e || + !t || + e.right < t.left || + e.left > t.right || + e.bottom < t.top || + e.top > t.bottom + ); +} +function w$4({ disabled: e = !1 } = {}) { + let t = reactExports.useRef(null), + [n, l] = reactExports.useState(!1), + r = p$3(), + o = o$3(() => { + (t.current = null), l(!1), r.dispose(); + }), + f = o$3((s) => { + if ((r.dispose(), t.current === null)) { + (t.current = s.currentTarget), l(!0); + { + let i = u$6(s.currentTarget); + r.addEventListener(i, "pointerup", o, !1), + r.addEventListener( + i, + "pointermove", + (c) => { + if (t.current) { + let p = E$3(c); + l(P$3(p, t.current.getBoundingClientRect())); + } + }, + !1 + ), + r.addEventListener(i, "pointercancel", o, !1); + } + } + }); + return { + pressed: n, + pressProps: e ? {} : { onPointerDown: f, onPointerUp: o, onClick: o }, + }; +} + +let e$5 = reactExports.createContext(void 0); +function a$a() { + return reactExports.useContext(e$5); +} + +function t$2(...r) { + return Array.from( + new Set(r.flatMap((n) => (typeof n == "string" ? n.split(" ") : []))) + ) + .filter(Boolean) + .join(" "); +} + +function u$5(r, n, ...a) { + if (r in n) { + let e = n[r]; + return typeof e == "function" ? e(...a) : e; + } + let t = new Error( + `Tried to handle "${r}" but there is no handler defined. Only defined handlers are: ${Object.keys( + n + ) + .map((e) => `"${e}"`) + .join(", ")}.` + ); + throw (Error.captureStackTrace && Error.captureStackTrace(t, u$5), t); +} + +var O$3 = ((a) => ( + (a[(a.None = 0)] = "None"), + (a[(a.RenderStrategy = 1)] = "RenderStrategy"), + (a[(a.Static = 2)] = "Static"), + a + ))(O$3 || {}), + A$1 = ((e) => ( + (e[(e.Unmount = 0)] = "Unmount"), (e[(e.Hidden = 1)] = "Hidden"), e + ))(A$1 || {}); +function L$1() { + let n = U$4(); + return reactExports.useCallback((r) => C$4({ mergeRefs: n, ...r }), [n]); +} +function C$4({ + ourProps: n, + theirProps: r, + slot: e, + defaultTag: a, + features: s, + visible: t = !0, + name: l, + mergeRefs: i, +}) { + i = i != null ? i : $$1; + let o = P$2(r, n); + if (t) return F$1(o, e, a, l, i); + let y = s != null ? s : 0; + if (y & 2) { + let { static: f = !1, ...u } = o; + if (f) return F$1(u, e, a, l, i); + } + if (y & 1) { + let { unmount: f = !0, ...u } = o; + return u$5(f ? 0 : 1, { + [0]() { + return null; + }, + [1]() { + return F$1( + { ...u, hidden: !0, style: { display: "none" } }, + e, + a, + l, + i + ); + }, + }); + } + return F$1(o, e, a, l, i); +} +function F$1(n, r = {}, e, a, s) { + let { + as: t = e, + children: l, + refName: i = "ref", + ...o + } = h$2(n, ["unmount", "static"]), + y = n.ref !== void 0 ? { [i]: n.ref } : {}, + f = typeof l == "function" ? l(r) : l; + "className" in o && + o.className && + typeof o.className == "function" && + (o.className = o.className(r)), + o["aria-labelledby"] && + o["aria-labelledby"] === o.id && + (o["aria-labelledby"] = void 0); + let u = {}; + if (r) { + let d = !1, + p = []; + for (let [c, T] of Object.entries(r)) + typeof T == "boolean" && (d = !0), + T === !0 && p.push(c.replace(/([A-Z])/g, (g) => `-${g.toLowerCase()}`)); + if (d) { + u["data-headlessui-state"] = p.join(" "); + for (let c of p) u[`data-${c}`] = ""; + } + } + if ( + t === reactExports.Fragment && + (Object.keys(m$4(o)).length > 0 || Object.keys(m$4(u)).length > 0) + ) + if (!reactExports.isValidElement(f) || (Array.isArray(f) && f.length > 1)) { + if (Object.keys(m$4(o)).length > 0) + throw new Error( + [ + 'Passing props on "Fragment"!', + "", + `The current component <${a} /> is rendering a "Fragment".`, + "However we need to passthrough the following props:", + Object.keys(m$4(o)) + .concat(Object.keys(m$4(u))) + .map((d) => ` - ${d}`).join(` +`), + "", + "You can apply a few solutions:", + [ + 'Add an `as="..."` prop, to ensure that we render an actual element instead of a "Fragment".', + "Render a single element as the child so that we can forward the props onto that element.", + ].map((d) => ` - ${d}`).join(` +`), + ].join(` +`) + ); + } else { + let d = f.props, + p = d == null ? void 0 : d.className, + c = + typeof p == "function" + ? (...R) => t$2(p(...R), o.className) + : t$2(p, o.className), + T = c ? { className: c } : {}, + g = P$2(f.props, m$4(h$2(o, ["ref"]))); + for (let R in u) R in g && delete u[R]; + return reactExports.cloneElement( + f, + Object.assign({}, g, u, y, { ref: s(H$2(f), y.ref) }, T) + ); + } + return reactExports.createElement( + t, + Object.assign( + {}, + h$2(o, ["ref"]), + t !== reactExports.Fragment && y, + t !== reactExports.Fragment && u + ), + f + ); +} +function U$4() { + let n = reactExports.useRef([]), + r = reactExports.useCallback((e) => { + for (let a of n.current) + a != null && (typeof a == "function" ? a(e) : (a.current = e)); + }, []); + return (...e) => { + if (!e.every((a) => a == null)) return (n.current = e), r; + }; +} +function $$1(...n) { + return n.every((r) => r == null) + ? void 0 + : (r) => { + for (let e of n) + e != null && (typeof e == "function" ? e(r) : (e.current = r)); + }; +} +function P$2(...n) { + if (n.length === 0) return {}; + if (n.length === 1) return n[0]; + let r = {}, + e = {}; + for (let s of n) + for (let t in s) + t.startsWith("on") && typeof s[t] == "function" + ? (e[t] != null || (e[t] = []), e[t].push(s[t])) + : (r[t] = s[t]); + if (r.disabled || r["aria-disabled"]) + for (let s in e) + /^(on(?:Click|Pointer|Mouse|Key)(?:Down|Up|Press)?)$/.test(s) && + (e[s] = [ + (t) => { + var l; + return (l = t == null ? void 0 : t.preventDefault) == null + ? void 0 + : l.call(t); + }, + ]); + for (let s in e) + Object.assign(r, { + [s](t, ...l) { + let i = e[s]; + for (let o of i) { + if ( + (t instanceof Event || + (t == null ? void 0 : t.nativeEvent) instanceof Event) && + t.defaultPrevented + ) + return; + o(t, ...l); + } + }, + }); + return r; +} +function _$2(...n) { + if (n.length === 0) return {}; + if (n.length === 1) return n[0]; + let r = {}, + e = {}; + for (let s of n) + for (let t in s) + t.startsWith("on") && typeof s[t] == "function" + ? (e[t] != null || (e[t] = []), e[t].push(s[t])) + : (r[t] = s[t]); + for (let s in e) + Object.assign(r, { + [s](...t) { + let l = e[s]; + for (let i of l) i == null || i(...t); + }, + }); + return r; +} +function K$1(n) { + var r; + return Object.assign(reactExports.forwardRef(n), { + displayName: (r = n.displayName) != null ? r : n.name, + }); +} +function m$4(n) { + let r = Object.assign({}, n); + for (let e in r) r[e] === void 0 && delete r[e]; + return r; +} +function h$2(n, r = []) { + let e = Object.assign({}, n); + for (let a of r) a in e && delete e[a]; + return e; +} +function H$2(n) { + return U$6.version.split(".")[0] >= "19" ? n.props.ref : n.ref; +} + +function T$3(l, r, c) { + let [i, s] = reactExports.useState(c), + e = l !== void 0, + t = reactExports.useRef(e), + u = reactExports.useRef(!1), + d = reactExports.useRef(!1); + return ( + e && !t.current && !u.current + ? ((u.current = !0), + (t.current = e), + console.error( + "A component is changing from uncontrolled to controlled. This may be caused by the value changing from undefined to a defined value, which should not happen." + )) + : !e && + t.current && + !d.current && + ((d.current = !0), + (t.current = e), + console.error( + "A component is changing from controlled to uncontrolled. This may be caused by the value changing from a defined value to undefined, which should not happen." + )), + [e ? l : i, o$3((n) => (e || s(n), r == null ? void 0 : r(n)))] + ); +} + +function l$3(e) { + let [t] = reactExports.useState(e); + return t; +} + +function e$4(i = {}, s = null, t = []) { + for (let [r, n] of Object.entries(i)) o$2(t, f$8(s, r), n); + return t; +} +function f$8(i, s) { + return i ? i + "[" + s + "]" : s; +} +function o$2(i, s, t) { + if (Array.isArray(t)) + for (let [r, n] of t.entries()) o$2(i, f$8(s, r.toString()), n); + else + t instanceof Date + ? i.push([s, t.toISOString()]) + : typeof t == "boolean" + ? i.push([s, t ? "1" : "0"]) + : typeof t == "string" + ? i.push([s, t]) + : typeof t == "number" + ? i.push([s, `${t}`]) + : t == null + ? i.push([s, ""]) + : e$4(t, s, i); +} +function p$2(i) { + var t, r; + let s = (t = i == null ? void 0 : i.form) != null ? t : i.closest("form"); + if (s) { + for (let n of s.elements) + if ( + n !== i && + ((n.tagName === "INPUT" && n.type === "submit") || + (n.tagName === "BUTTON" && n.type === "submit") || + (n.nodeName === "INPUT" && n.type === "image")) + ) { + n.click(); + return; + } + (r = s.requestSubmit) == null || r.call(s); + } +} + +let a$9 = "span"; +var s$3 = ((e) => ( + (e[(e.None = 1)] = "None"), + (e[(e.Focusable = 2)] = "Focusable"), + (e[(e.Hidden = 4)] = "Hidden"), + e +))(s$3 || {}); +function l$2(t, r) { + var n; + let { features: d = 1, ...e } = t, + o = { + ref: r, + "aria-hidden": + (d & 2) === 2 ? !0 : (n = e["aria-hidden"]) != null ? n : void 0, + hidden: (d & 4) === 4 ? !0 : void 0, + style: { + position: "fixed", + top: 1, + left: 1, + width: 1, + height: 0, + padding: 0, + margin: -1, + overflow: "hidden", + clip: "rect(0, 0, 0, 0)", + whiteSpace: "nowrap", + borderWidth: "0", + ...((d & 4) === 4 && (d & 2) !== 2 && { display: "none" }), + }, + }; + return L$1()({ + ourProps: o, + theirProps: e, + slot: {}, + defaultTag: a$9, + name: "Hidden", + }); +} +let f$7 = K$1(l$2); + +let f$6 = reactExports.createContext(null); +function c$4({ children: t }) { + let e = reactExports.useContext(f$6); + if (!e) return U$6.createElement(U$6.Fragment, null, t); + let { target: r } = e; + return r + ? reactDomExports.createPortal(U$6.createElement(U$6.Fragment, null, t), r) + : null; +} +function j$2({ data: t, form: e, disabled: r, onReset: n, overrides: F }) { + let [i, a] = reactExports.useState(null), + p = p$3(); + return ( + reactExports.useEffect(() => { + if (n && i) return p.addEventListener(i, "reset", n); + }, [i, e, n]), + U$6.createElement( + c$4, + null, + U$6.createElement(C$3, { setForm: a, formId: e }), + e$4(t).map(([s, v]) => + U$6.createElement(f$7, { + features: s$3.Hidden, + ...m$4({ + key: s, + as: "input", + type: "hidden", + hidden: !0, + readOnly: !0, + form: e, + disabled: r, + name: s, + value: v, + ...F, + }), + }) + ) + ) + ); +} +function C$3({ setForm: t, formId: e }) { + return ( + reactExports.useEffect(() => { + if (e) { + let r = document.getElementById(e); + r && t(r); + } + }, [t, e]), + e + ? null + : U$6.createElement(f$7, { + features: s$3.Hidden, + as: "input", + type: "hidden", + hidden: !0, + readOnly: !0, + ref: (r) => { + if (!r) return; + let n = r.closest("form"); + n && t(n); + }, + }) + ); +} + +let e$3 = reactExports.createContext(void 0); +function u$4() { + return reactExports.useContext(e$3); +} + +function r$2(n) { + let e = n.parentElement, + l = null; + for (; e && !(e instanceof HTMLFieldSetElement); ) + e instanceof HTMLLegendElement && (l = e), (e = e.parentElement); + let t = (e == null ? void 0 : e.getAttribute("disabled")) === ""; + return t && i$3(l) ? !1 : t; +} +function i$3(n) { + if (!n) return !1; + let e = n.previousElementSibling; + for (; e !== null; ) { + if (e instanceof HTMLLegendElement) return !1; + e = e.previousElementSibling; + } + return !0; +} + +let u$3 = Symbol(); +function T$2(t, n = !0) { + return Object.assign(t, { [u$3]: n }); +} +function y$3(...t) { + let n = reactExports.useRef(t); + reactExports.useEffect(() => { + n.current = t; + }, [t]); + let c = o$3((e) => { + for (let o of n.current) + o != null && (typeof o == "function" ? o(e) : (o.current = e)); + }); + return t.every((e) => e == null || (e == null ? void 0 : e[u$3])) + ? void 0 + : c; +} + +let a$8 = reactExports.createContext(null); +a$8.displayName = "DescriptionContext"; +function f$5() { + let r = reactExports.useContext(a$8); + if (r === null) { + let e = new Error( + "You used a component, but it is not inside a relevant parent." + ); + throw (Error.captureStackTrace && Error.captureStackTrace(e, f$5), e); + } + return r; +} +function U$3() { + var r, e; + return (e = (r = reactExports.useContext(a$8)) == null ? void 0 : r.value) != + null + ? e + : void 0; +} +function w$3() { + let [r, e] = reactExports.useState([]); + return [ + r.length > 0 ? r.join(" ") : void 0, + reactExports.useMemo( + () => + function (t) { + let i = o$3( + (n) => ( + e((s) => [...s, n]), + () => + e((s) => { + let o = s.slice(), + p = o.indexOf(n); + return p !== -1 && o.splice(p, 1), o; + }) + ) + ), + l = reactExports.useMemo( + () => ({ + register: i, + slot: t.slot, + name: t.name, + props: t.props, + value: t.value, + }), + [i, t.slot, t.name, t.props, t.value] + ); + return U$6.createElement(a$8.Provider, { value: l }, t.children); + }, + [e] + ), + ]; +} +let S$2 = "p"; +function C$2(r, e) { + let d = reactExports.useId(), + t = a$a(), + { id: i = `headlessui-description-${d}`, ...l } = r, + n = f$5(), + s = y$3(e); + n$3(() => n.register(i), [i, n.register]); + let o = t || !1, + p = reactExports.useMemo(() => ({ ...n.slot, disabled: o }), [n.slot, o]), + D = { ref: s, ...n.props, id: i }; + return L$1()({ + ourProps: D, + theirProps: l, + slot: p, + defaultTag: S$2, + name: n.name || "Description", + }); +} +let _$1 = K$1(C$2), + H$1 = Object.assign(_$1, {}); + +var o$1 = ((r) => ( + (r.Space = " "), + (r.Enter = "Enter"), + (r.Escape = "Escape"), + (r.Backspace = "Backspace"), + (r.Delete = "Delete"), + (r.ArrowLeft = "ArrowLeft"), + (r.ArrowUp = "ArrowUp"), + (r.ArrowRight = "ArrowRight"), + (r.ArrowDown = "ArrowDown"), + (r.Home = "Home"), + (r.End = "End"), + (r.PageUp = "PageUp"), + (r.PageDown = "PageDown"), + (r.Tab = "Tab"), + r +))(o$1 || {}); + +let c$3 = reactExports.createContext(null); +c$3.displayName = "LabelContext"; +function P$1() { + let r = reactExports.useContext(c$3); + if (r === null) { + let l = new Error( + "You used a