freemium-ui 2.0.0-beta.6 → 2.0.0-beta.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Alert/index.d.ts +50 -0
- package/Alert/index.js +186 -0
- package/Alert/package.json +11 -0
- package/Button/index.d.ts +34 -0
- package/Button/index.js +40 -0
- package/Button/package.json +10 -0
- package/Checkbox/index.d.ts +24 -0
- package/Checkbox/index.js +196 -0
- package/Checkbox/package.json +11 -0
- package/Confirmation/index.d.ts +64 -0
- package/Confirmation/index.js +264 -0
- package/Confirmation/package.json +11 -0
- package/Drawer/index.d.ts +50 -0
- package/Drawer/index.js +222 -0
- package/Drawer/package.json +11 -0
- package/Dropdown/index.d.ts +131 -0
- package/Dropdown/index.js +474 -0
- package/Dropdown/package.json +11 -0
- package/Icons/index.d.ts +13 -0
- package/Icons/index.js +1 -0
- package/Icons/package.json +10 -0
- package/Input/index.d.ts +63 -0
- package/Input/index.js +240 -0
- package/Input/package.json +11 -0
- package/Loader/index.d.ts +21 -0
- package/Loader/index.js +13 -0
- package/Loader/package.json +10 -0
- package/Menu/index.d.ts +57 -0
- package/Menu/index.js +206 -0
- package/Menu/package.json +11 -0
- package/Modal/index.d.ts +51 -0
- package/Modal/index.js +258 -0
- package/Modal/package.json +11 -0
- package/MultiSelectDropdown/index.d.ts +92 -0
- package/MultiSelectDropdown/index.js +460 -0
- package/MultiSelectDropdown/package.json +11 -0
- package/Pickers/index.d.ts +72 -0
- package/Pickers/index.js +1392 -0
- package/Pickers/package.json +11 -0
- package/Popover/index.d.ts +364 -0
- package/Popover/index.js +188 -0
- package/Popover/package.json +11 -0
- package/Radio/index.d.ts +86 -0
- package/Radio/index.js +195 -0
- package/Radio/package.json +11 -0
- package/Reorder/index.d.ts +36 -0
- package/Reorder/index.js +167 -0
- package/Reorder/package.json +11 -0
- package/Table/index.d.ts +19 -0
- package/Table/index.js +524 -0
- package/Table/package.json +11 -0
- package/Tabs/index.d.ts +1161 -0
- package/Tabs/index.js +23 -0
- package/Tabs/package.json +11 -0
- package/Tag/index.d.ts +44 -0
- package/Tag/index.js +56 -0
- package/Tag/package.json +11 -0
- package/ThemeProvider/index.d.ts +127 -0
- package/ThemeProvider/index.js +269 -0
- package/ThemeProvider/package.json +11 -0
- package/Toast/index.d.ts +55 -0
- package/Toast/index.js +269 -0
- package/Toast/package.json +11 -0
- package/Toggle/index.d.ts +35 -0
- package/Toggle/index.js +67 -0
- package/Toggle/package.json +11 -0
- package/Tooltip/index.d.ts +53 -0
- package/Tooltip/index.js +196 -0
- package/Tooltip/package.json +11 -0
- package/Transition/index.d.ts +46 -0
- package/Transition/index.js +14 -0
- package/Transition/package.json +11 -0
- package/Typography/index.d.ts +20 -0
- package/Typography/index.js +9 -0
- package/Typography/package.json +10 -0
- package/package.json +7 -65
- package/rollup.config.d.ts +3 -0
- package/src/components/Alert/Alert.d.ts +7 -0
- package/src/components/Alert/Alert.types.d.ts +42 -0
- package/src/components/Alert/index.d.ts +2 -0
- package/src/components/Alert/styles.d.ts +279 -0
- package/src/components/Button/Button.d.ts +7 -0
- package/src/components/Button/Button.types.d.ts +25 -0
- package/src/components/Button/constants.d.ts +5 -0
- package/src/components/Button/index.d.ts +2 -0
- package/src/components/Button/styles.d.ts +9 -0
- package/src/components/Checkbox/Checkbox.d.ts +7 -0
- package/src/components/Checkbox/Checkbox.types.d.ts +15 -0
- package/src/components/Checkbox/index.d.ts +2 -0
- package/src/components/Checkbox/styles.d.ts +836 -0
- package/src/components/Confirmation/Confirmation.d.ts +7 -0
- package/src/components/Confirmation/Confirmation.types.d.ts +55 -0
- package/src/components/Confirmation/index.d.ts +2 -0
- package/src/components/Confirmation/styles.d.ts +1951 -0
- package/src/components/Drawer/Drawer.d.ts +7 -0
- package/src/components/Drawer/Drawer.types.d.ts +41 -0
- package/src/components/Drawer/constants.d.ts +4 -0
- package/src/components/Drawer/index.d.ts +2 -0
- package/src/components/Drawer/styles.d.ts +865 -0
- package/src/components/Dropdown/Dropdown.d.ts +7 -0
- package/src/components/Dropdown/Dropdown.types.d.ts +122 -0
- package/src/components/Dropdown/index.d.ts +2 -0
- package/src/components/Dropdown/styles.d.ts +3887 -0
- package/src/components/Icons/ChevronUp.d.ts +3 -0
- package/src/components/Icons/Cross.d.ts +3 -0
- package/src/components/Icons/CrossSmall.d.ts +3 -0
- package/src/components/Icons/Drag.d.ts +3 -0
- package/src/components/Icons/Search.d.ts +3 -0
- package/src/components/Icons/Settings.d.ts +3 -0
- package/src/components/Icons/TickIcon.d.ts +3 -0
- package/src/components/Icons/Warning.d.ts +3 -0
- package/src/components/Icons/index.d.ts +5 -0
- package/src/components/Input/Input.d.ts +7 -0
- package/src/components/Input/InputTextArea.types.d.ts +50 -0
- package/src/components/Input/TextArea.d.ts +7 -0
- package/src/components/Input/index.d.ts +3 -0
- package/src/components/Input/styles.d.ts +877 -0
- package/src/components/Loader/Loader.d.ts +7 -0
- package/src/components/Loader/Loader.types.d.ts +12 -0
- package/src/components/Loader/constants.d.ts +4 -0
- package/src/components/Loader/index.d.ts +2 -0
- package/src/components/Loader/styles.d.ts +8 -0
- package/src/components/Menu/Menu.d.ts +8 -0
- package/src/components/Menu/Menu.types.d.ts +47 -0
- package/src/components/Menu/index.d.ts +2 -0
- package/src/components/Menu/styles.d.ts +1078 -0
- package/src/components/Modal/Modal.d.ts +7 -0
- package/src/components/Modal/Modal.types.d.ts +42 -0
- package/src/components/Modal/constants.d.ts +8 -0
- package/src/components/Modal/index.d.ts +2 -0
- package/src/components/Modal/styles.d.ts +308 -0
- package/src/components/MultiSelectDropdown/MultiSelectDropdown.d.ts +7 -0
- package/src/components/MultiSelectDropdown/MultiSelectDropdown.types.d.ts +83 -0
- package/src/components/MultiSelectDropdown/index.d.ts +2 -0
- package/src/components/MultiSelectDropdown/styles.d.ts +547 -0
- package/src/components/Pickers/DatePicker.d.ts +8 -0
- package/src/components/Pickers/DateRangePicker.d.ts +8 -0
- package/src/components/Pickers/DateTimePicker.d.ts +8 -0
- package/src/components/Pickers/DateTimeRangePicker.d.ts +8 -0
- package/src/components/Pickers/PickerDropdown.d.ts +21 -0
- package/src/components/Pickers/Pickers.types.d.ts +44 -0
- package/src/components/Pickers/constants.d.ts +1 -0
- package/src/components/Pickers/index.d.ts +5 -0
- package/src/components/Pickers/styles.d.ts +835 -0
- package/src/components/Popover/Popover.d.ts +7 -0
- package/src/components/Popover/Popover.types.d.ts +68 -0
- package/src/components/Popover/index.d.ts +3 -0
- package/src/components/Popover/styles.d.ts +1357 -0
- package/src/components/Radio/Radio.d.ts +7 -0
- package/src/components/Radio/Radio.types.d.ts +72 -0
- package/src/components/Radio/RadioGroup.d.ts +7 -0
- package/src/components/Radio/index.d.ts +3 -0
- package/src/components/Radio/styles.d.ts +1114 -0
- package/src/components/RadixDropdown/RadixDropdown.d.ts +4 -0
- package/src/components/RadixDropdown/RadixDropdown.types.d.ts +121 -0
- package/src/components/RadixDropdown/index.d.ts +2 -0
- package/src/components/RadixDropdown/styles.d.ts +3321 -0
- package/src/components/Reorder/Reorder.d.ts +7 -0
- package/src/components/Reorder/Reorder.types.d.ts +27 -0
- package/src/components/Reorder/index.d.ts +2 -0
- package/src/components/Reorder/styles.d.ts +278 -0
- package/src/components/Table/CustomizeColumns.d.ts +10 -0
- package/src/components/Table/Table.d.ts +7 -0
- package/src/components/Table/Table.types.d.ts +10 -0
- package/src/components/Table/index.d.ts +2 -0
- package/src/components/Table/styles.d.ts +4384 -0
- package/src/components/Tabs/Tabs.d.ts +9 -0
- package/src/components/Tabs/Tabs.types.d.ts +37 -0
- package/src/components/Tabs/index.d.ts +2 -0
- package/src/components/Tabs/styles.d.ts +1113 -0
- package/src/components/Tag/Tag.d.ts +7 -0
- package/src/components/Tag/Tag.types.d.ts +35 -0
- package/src/components/Tag/index.d.ts +2 -0
- package/src/components/Tag/styles.d.ts +1121 -0
- package/src/components/ThemeProvider/ThemeProvider.d.ts +4 -0
- package/src/components/ThemeProvider/ThemeProvider.types.d.ts +5 -0
- package/src/components/ThemeProvider/index.d.ts +2 -0
- package/src/components/Toast/Toast.types.d.ts +41 -0
- package/src/components/Toast/ToastContainer.d.ts +2 -0
- package/src/components/Toast/ToastContext.d.ts +3 -0
- package/src/components/Toast/ToastItem.d.ts +6 -0
- package/src/components/Toast/ToastProvider.d.ts +6 -0
- package/src/components/Toast/icons/Error.d.ts +3 -0
- package/src/components/Toast/icons/Success.d.ts +3 -0
- package/src/components/Toast/icons/Warning.d.ts +3 -0
- package/src/components/Toast/index.d.ts +3 -0
- package/src/components/Toast/styles.d.ts +1134 -0
- package/src/components/Toast/use-toasts.d.ts +6 -0
- package/src/components/Toggle/Toggle.d.ts +7 -0
- package/src/components/Toggle/Toggle.types.d.ts +26 -0
- package/src/components/Toggle/constants.d.ts +9 -0
- package/src/components/Toggle/index.d.ts +2 -0
- package/src/components/Toggle/styles.d.ts +9 -0
- package/src/components/Tooltip/Tooltip.d.ts +9 -0
- package/src/components/Tooltip/Tooltip.types.d.ts +42 -0
- package/src/components/Tooltip/index.d.ts +2 -0
- package/src/components/Tooltip/styles.d.ts +1077 -0
- package/src/components/Transition/Fade.d.ts +4 -0
- package/src/components/Transition/Slide.d.ts +4 -0
- package/src/components/Transition/SlideFade.d.ts +4 -0
- package/src/components/Transition/Transition.d.ts +4 -0
- package/src/components/Transition/Transition.types.d.ts +33 -0
- package/src/components/Transition/index.d.ts +5 -0
- package/src/components/Typography/Typography.d.ts +7 -0
- package/src/components/Typography/Typography.types.d.ts +11 -0
- package/src/components/Typography/index.d.ts +2 -0
- package/src/components/Typography/styles.d.ts +8 -0
- package/src/components/index.d.ts +25 -0
- package/src/index.d.ts +1 -0
- package/src/styles/index.d.ts +3039 -0
- package/src/themes/index.d.ts +3 -0
- package/src/themes/palette.d.ts +3 -0
- package/src/themes/types.d.ts +118 -0
- package/src/types/index.d.ts +93 -0
- package/src/utils/index.d.ts +2 -0
- package/src/utils/use-current-state.d.ts +8 -0
- package/src/utils/use-portal.d.ts +2 -0
- package/src/utils/use-ssr.d.ts +6 -0
- package/LICENSE +0 -21
- package/dist/README.md +0 -71
- package/dist/package.json +0 -76
- /package/{dist/index.cjs.js → index.cjs.js} +0 -0
- /package/{dist/index.d.ts → index.d.ts} +0 -0
- /package/{dist/index.js → index.js} +0 -0
package/Icons/index.d.ts
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
declare const ChevronUp: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
|
|
4
|
+
|
|
5
|
+
declare const Cross: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
|
|
6
|
+
|
|
7
|
+
declare const CrossSmall: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
|
|
8
|
+
|
|
9
|
+
declare const TickIcon: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
|
|
10
|
+
|
|
11
|
+
declare const Warning: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
|
|
12
|
+
|
|
13
|
+
export { ChevronUp, Cross, CrossSmall, TickIcon, Warning };
|
package/Icons/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import C from"react";const e={elephant:"#12344D",smoke:"#EBEFF3",milk:"#FFFFFF",E900:"#12344D",E800:"#264966",E700:"#345C7C",E600:"#447093",E500:"#527FA5",E400:"#6B92B6",E300:"#83A6C8",E200:"#A2C0DE",E100:"#BEDBF5",E50:"#DFF0FF",S900:"#27313A",S800:"#384551",S700:"#475867",S600:"#576C7D",S500:"#647A8E",S400:"#7B8E9F",S300:"#92A2B1",S200:"#B1BDC8",S100:"#CFD7DF",S75:"#E6E8EB",S50:"#EBEFF3",S25:"#F5F7F9",S10:"#F7F9FA"},F={jungle:"#005C3F",J900:"#005C3F",J800:"#00795B",J700:"#008969",J600:"#009A79",J500:"#00A886",J400:"#1CB697",J300:"#4DC4AA",J200:"#82D5C2",J100:"#B4E5DA",J50:"#E0F5F1",azure:"#2C5CC5",A900:"#283DA5",A800:"#2C5CC5",A700:"#2E6ED8",A600:"#2F80EB",A500:"#2E8EFA",A400:"#459FFC",A300:"#64B0FC",A200:"#90C6FE",A100:"#BBDCFE",A50:"#E5F2FD",persimmon:"#E43538",P900:"#C82124",P800:"#D72D30",P700:"#E43538",P600:"#F73F3E",P500:"#FF473E",P400:"#FF5959",P300:"#F2797B",P200:"#F89FA1",P100:"#FFD0D6",P50:"#FFECF0",casablanca:"#E86F25",C900:"#D7461F",C800:"#E16023",C700:"#E86F25",C600:"#EF7E27",C500:"#F48928",C400:"#F69A3C",C300:"#F8AB59",C200:"#FAC386",C100:"#FDDBB5",C50:"#FEF1E1"},E=F=>C.createElement("svg",{width:"8",height:"6",viewBox:"0 0 8 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",...F},C.createElement("path",{d:"M0.696495 5.3465C0.882365 5.34499 1.06086 5.27359 1.19649 5.1465L3.99649 2.3365L6.79649 5.1465C7.07264 5.42264 7.52035 5.42264 7.79649 5.1465C8.07264 4.87035 8.07264 4.42264 7.79649 4.1465L4.49649 0.856495C4.36483 0.722118 4.18462 0.646393 3.99649 0.646393C3.80837 0.646393 3.62816 0.722118 3.49649 0.856495L0.206495 4.1465C0.00332102 4.34556 -0.0591904 4.64778 0.0483378 4.91112C0.155867 5.17445 0.412052 5.34654 0.696495 5.3465Z",fill:F.fill||e.E800})),l=F=>C.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...F},C.createElement("path",{d:"M10.9793 9.97715L12.8293 8.17715C13.1039 7.90035 13.1039 7.45394 12.8293 7.17715C12.6991 7.04018 12.5184 6.96265 12.3293 6.96265C12.1403 6.96265 11.9596 7.04018 11.8293 7.17715L9.97934 8.97715L8.17934 7.18715C8.04909 7.05018 7.86835 6.97265 7.67934 6.97265C7.49033 6.97265 7.3096 7.05018 7.17934 7.18715C7.04238 7.3174 6.96484 7.49814 6.96484 7.68715C6.96484 7.87616 7.04238 8.05689 7.17934 8.18715L8.97934 9.97715L7.18934 11.8371C7.05238 11.9674 6.97484 12.1481 6.97484 12.3371C6.97484 12.5262 7.05238 12.7069 7.18934 12.8371C7.32021 12.9654 7.49613 13.0372 7.67934 13.0371C7.86521 13.0356 8.04371 12.9642 8.17934 12.8371L9.97934 10.9771L11.8393 12.8271C11.9702 12.9554 12.1461 13.0272 12.3293 13.0271C12.5152 13.0256 12.6937 12.9542 12.8293 12.8271C13.1039 12.5504 13.1039 12.1039 12.8293 11.8271L10.9793 9.97715Z",fill:F.fill||e.E800})),t=F=>C.createElement("svg",{width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",...F},C.createElement("path",{d:"M5.29058 3.96971L7.72863 1.59934C8.09046 1.23484 8.09046 0.646977 7.72863 0.28247C7.55697 0.102105 7.31879 0 7.0697 0C6.8206 0 6.58242 0.102105 6.41076 0.28247L3.97271 2.65284L1.60055 0.295638C1.42889 0.115274 1.19071 0.0131687 0.941616 0.0131687C0.692525 0.0131687 0.454339 0.115274 0.282683 0.295638C0.102182 0.467165 0 0.705171 0 0.954075C0 1.20298 0.102182 1.44098 0.282683 1.61251L2.65484 3.96971L0.295861 6.4191C0.115361 6.59062 0.0131787 6.82863 0.0131787 7.07753C0.0131787 7.32644 0.115361 7.56444 0.295861 7.73597C0.468326 7.90482 0.700166 7.99938 0.941616 7.99934C1.18657 7.99736 1.4218 7.90334 1.60055 7.73597L3.97271 5.28659L6.42394 7.7228C6.59641 7.89165 6.82825 7.98621 7.0697 7.98618C7.31465 7.98419 7.54988 7.89017 7.72863 7.7228C8.09046 7.35829 8.09046 6.77044 7.72863 6.40593L5.29058 3.96971Z",fill:F.fill||e.S600})),i=e=>C.createElement("svg",{width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},C.createElement("path",{d:"M3.79398 7.44662C3.56997 7.44983 3.35397 7.36343 3.19398 7.20662L0.445976 4.49462C0.281619 4.33832 0.188576 4.12144 0.188576 3.89462C0.188576 3.66781 0.281619 3.45093 0.445976 3.29462C0.778133 2.96516 1.31382 2.96516 1.64598 3.29462L3.79398 5.41862L8.35398 0.810623C8.51028 0.646266 8.72716 0.553223 8.95398 0.553223C9.18079 0.553223 9.39767 0.646266 9.55398 0.810623C9.71833 0.966927 9.81138 1.18381 9.81138 1.41062C9.81138 1.63744 9.71833 1.85432 9.55398 2.01062L4.33398 7.20662C4.18899 7.34939 3.9971 7.43467 3.79398 7.44662Z",fill:e.fill||F.A800})),n=e=>C.createElement("svg",{width:"21",height:"20",viewBox:"0 0 21 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},C.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.4512 4.21282L18.2812 12.6328C18.8466 13.608 18.8478 14.8111 18.2843 15.7874C17.7208 16.7638 16.6785 17.3646 15.5512 17.3628H5.87116C4.74387 17.3646 3.70157 16.7638 3.13805 15.7874C2.57454 14.8111 2.57572 13.608 3.14116 12.6328L7.97116 4.21282C8.5388 3.23717 9.58241 2.63696 10.7112 2.63696C11.8399 2.63696 12.8835 3.23717 13.4512 4.21282ZM15.5512 15.9628C16.1775 15.9675 16.758 15.6353 17.0712 15.0928V15.0528C17.3796 14.5027 17.3643 13.8283 17.0312 13.2928L12.1912 4.91282C11.8748 4.38629 11.3054 4.06421 10.6912 4.06421C10.0769 4.06421 9.50757 4.38629 9.19116 4.91282L4.35116 13.3328C4.03558 13.8753 4.03462 14.5452 4.34865 15.0885C4.66267 15.6319 5.2436 15.9655 5.87116 15.9628H15.5512ZM10.0112 10.6328V7.02282C10.0112 6.77273 10.1446 6.54164 10.3612 6.4166C10.5777 6.29156 10.8446 6.29156 11.0612 6.4166C11.2777 6.54164 11.4112 6.77273 11.4112 7.02282V10.6328C11.4112 11.0194 11.0978 11.3328 10.7112 11.3328C10.3246 11.3328 10.0112 11.0194 10.0112 10.6328ZM9.66116 13.4328C9.66116 12.8529 10.1313 12.3828 10.7112 12.3828C10.9938 12.3683 11.2694 12.4742 11.4696 12.6744C11.6697 12.8745 11.7757 13.1501 11.7612 13.4328C11.7612 14.0127 11.2911 14.4828 10.7112 14.4828C10.1313 14.4828 9.66116 14.0127 9.66116 13.4328Z",fill:e.fill||F.C900}));export{E as ChevronUp,l as Cross,t as CrossSmall,i as TickIcon,n as Warning};
|
package/Input/index.d.ts
ADDED
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React$1 from 'react';
|
|
3
|
+
import { LabelProps } from '@radix-ui/react-label';
|
|
4
|
+
|
|
5
|
+
interface CommonProps {
|
|
6
|
+
/**
|
|
7
|
+
* Is this a required field?
|
|
8
|
+
*/
|
|
9
|
+
isRequired?: boolean;
|
|
10
|
+
/**
|
|
11
|
+
* Is this a error field?
|
|
12
|
+
*/
|
|
13
|
+
isErrored?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* Error text to be shown
|
|
16
|
+
*/
|
|
17
|
+
errorText?: string;
|
|
18
|
+
/**
|
|
19
|
+
* Id of the button
|
|
20
|
+
*/
|
|
21
|
+
id?: string;
|
|
22
|
+
/**
|
|
23
|
+
* Id of the button
|
|
24
|
+
*/
|
|
25
|
+
label?: string;
|
|
26
|
+
/**
|
|
27
|
+
* Label of the button
|
|
28
|
+
*/
|
|
29
|
+
inline?: boolean;
|
|
30
|
+
/**
|
|
31
|
+
* The max length of the input
|
|
32
|
+
*/
|
|
33
|
+
maxLength?: number;
|
|
34
|
+
/**
|
|
35
|
+
* Whether to show character count
|
|
36
|
+
*/
|
|
37
|
+
showCount?: boolean;
|
|
38
|
+
inputStyle?: React.CSSProperties;
|
|
39
|
+
startLabel?: React.ReactNode | any;
|
|
40
|
+
startAdornment?: React.ReactNode | any;
|
|
41
|
+
endLabel?: React.ReactNode | any;
|
|
42
|
+
endAdornment?: React.ReactNode | any;
|
|
43
|
+
labelProps?: LabelProps;
|
|
44
|
+
containerProps?: React.HTMLAttributes<HTMLDivElement>;
|
|
45
|
+
}
|
|
46
|
+
interface InputProps extends CommonProps, React.InputHTMLAttributes<HTMLInputElement> {
|
|
47
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
48
|
+
}
|
|
49
|
+
interface TextAreaProps extends CommonProps, React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
50
|
+
ref?: React.Ref<HTMLTextAreaElement>;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
/**
|
|
54
|
+
* Input displays a single-line input box on the user interface and enables assigning a value to it. It is used to take user input for small text data.
|
|
55
|
+
*/
|
|
56
|
+
declare const Input: ({ label, inline, startLabel, startAdornment, endLabel, endAdornment, isRequired, isErrored, showCount, inputStyle, style, errorText, ref, maxLength, labelProps, containerProps, ...props }: InputProps) => React$1.JSX.Element;
|
|
57
|
+
|
|
58
|
+
/**
|
|
59
|
+
* TextArea displays a multi-line input box on the user interface and enables assigning a value to it. It is used to take user input for large text data.
|
|
60
|
+
*/
|
|
61
|
+
declare const TextArea: ({ label, inline, startLabel, startAdornment, endLabel, endAdornment, isRequired, isErrored, showCount, inputStyle, style, errorText, ref, maxLength, ...props }: TextAreaProps) => React$1.JSX.Element;
|
|
62
|
+
|
|
63
|
+
export { Input, type InputProps, TextArea, type TextAreaProps };
|
package/Input/index.js
ADDED
|
@@ -0,0 +1,240 @@
|
|
|
1
|
+
import e,{useRef as t,useDebugValue as n,createElement as r,useContext as o,forwardRef as a,Children as i,isValidElement as s,cloneElement as c,Fragment as l,useEffect as u}from"react";import"react-dom";var p=function(){return p=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},p.apply(this,arguments)};function d(e,t,n){if(n||2===arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}function h(e){var t=Object.create(null);return function(n){return void 0===t[n]&&(t[n]=e(n)),t[n]}}"function"==typeof SuppressedError&&SuppressedError;var f=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,m=h((function(e){return f.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91})),y="-ms-",g="-moz-",v="-webkit-",b="comm",w="rule",S="decl",x="@import",E="@keyframes",k="@layer",N=Math.abs,C=String.fromCharCode,$=Object.assign;function A(e){return e.trim()}function P(e,t){return(e=t.exec(e))?e[0]:e}function O(e,t,n){return e.replace(t,n)}function R(e,t){return e.indexOf(t)}function I(e,t){return 0|e.charCodeAt(t)}function D(e,t,n){return e.slice(t,n)}function T(e){return e.length}function _(e){return e.length}function F(e,t){return t.push(e),e}function z(e,t){return e.filter((function(e){return!P(e,t)}))}var j=1,L=1,B=0,M=0,V=0,H="";function G(e,t,n,r,o,a,i,s){return{value:e,root:t,parent:n,type:r,props:o,children:a,line:j,column:L,length:i,return:"",siblings:s}}function Y(e,t){return $(G("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function W(e){for(;e.root;)e=Y(e.root,{children:[e]});F(e,e.siblings)}function q(){return V=M>0?I(H,--M):0,L--,10===V&&(L=1,j--),V}function U(){return V=M<B?I(H,M++):0,L++,10===V&&(L=1,j++),V}function X(){return I(H,M)}function Z(){return M}function K(e,t){return D(H,e,t)}function J(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function Q(e){return A(K(M-1,ne(91===e?e+2:40===e?e+1:e)))}function ee(e){for(;(V=X())&&V<33;)U();return J(e)>2||J(V)>3?"":" "}function te(e,t){for(;--t&&U()&&!(V<48||V>102||V>57&&V<65||V>70&&V<97););return K(e,Z()+(t<6&&32==X()&&32==U()))}function ne(e){for(;U();)switch(V){case e:return M;case 34:case 39:34!==e&&39!==e&&ne(V);break;case 40:41===e&&ne(e);break;case 92:U()}return M}function re(e,t){for(;U()&&e+V!==57&&(e+V!==84||47!==X()););return"/*"+K(t,M-1)+"*"+C(47===e?e:U())}function oe(e){for(;!J(X());)U();return K(e,M)}function ae(e){return function(e){return H="",e}(ie("",null,null,null,[""],e=function(e){return j=L=1,B=T(H=e),M=0,[]}(e),0,[0],e))}function ie(e,t,n,r,o,a,i,s,c){for(var l=0,u=0,p=i,d=0,h=0,f=0,m=1,y=1,g=1,v=0,b="",w=o,S=a,x=r,E=b;y;)switch(f=v,v=U()){case 40:if(108!=f&&58==I(E,p-1)){-1!=R(E+=O(Q(v),"&","&\f"),"&\f")&&(g=-1);break}case 34:case 39:case 91:E+=Q(v);break;case 9:case 10:case 13:case 32:E+=ee(f);break;case 92:E+=te(Z()-1,7);continue;case 47:switch(X()){case 42:case 47:F(ce(re(U(),Z()),t,n,c),c);break;default:E+="/"}break;case 123*m:s[l++]=T(E)*g;case 125*m:case 59:case 0:switch(v){case 0:case 125:y=0;case 59+u:-1==g&&(E=O(E,/\f/g,"")),h>0&&T(E)-p&&F(h>32?le(E+";",r,n,p-1,c):le(O(E," ","")+";",r,n,p-2,c),c);break;case 59:E+=";";default:if(F(x=se(E,t,n,l,u,o,s,b,w=[],S=[],p,a),a),123===v)if(0===u)ie(E,t,x,x,w,a,p,s,S);else switch(99===d&&110===I(E,3)?100:d){case 100:case 108:case 109:case 115:ie(e,x,x,r&&F(se(e,x,x,0,0,o,s,b,o,w=[],p,S),S),o,S,p,s,r?w:S);break;default:ie(E,x,x,x,[""],S,0,s,S)}}l=u=h=0,m=g=1,b=E="",p=i;break;case 58:p=1+T(E),h=f;default:if(m<1)if(123==v)--m;else if(125==v&&0==m++&&125==q())continue;switch(E+=C(v),v*m){case 38:g=u>0?1:(E+="\f",-1);break;case 44:s[l++]=(T(E)-1)*g,g=1;break;case 64:45===X()&&(E+=Q(U())),d=X(),u=p=T(b=E+=oe(Z())),v++;break;case 45:45===f&&2==T(E)&&(m=0)}}return a}function se(e,t,n,r,o,a,i,s,c,l,u,p){for(var d=o-1,h=0===o?a:[""],f=_(h),m=0,y=0,g=0;m<r;++m)for(var v=0,b=D(e,d+1,d=N(y=i[m])),S=e;v<f;++v)(S=A(y>0?h[v]+" "+b:O(b,/&\f/g,h[v])))&&(c[g++]=S);return G(e,t,n,0===o?w:s,c,l,u,p)}function ce(e,t,n,r){return G(e,t,n,b,C(V),D(e,2,-2),0,r)}function le(e,t,n,r,o){return G(e,t,n,S,D(e,0,r),D(e,r+1,-1),r,o)}function ue(e,t,n){switch(function(e,t){return 45^I(e,0)?(((t<<2^I(e,0))<<2^I(e,1))<<2^I(e,2))<<2^I(e,3):0}(e,t)){case 5103:return v+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return v+e+e;case 4789:return g+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return v+e+g+e+y+e+e;case 5936:switch(I(e,t+11)){case 114:return v+e+y+O(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return v+e+y+O(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return v+e+y+O(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return v+e+y+e+e;case 6165:return v+e+y+"flex-"+e+e;case 5187:return v+e+O(e,/(\w+).+(:[^]+)/,v+"box-$1$2"+y+"flex-$1$2")+e;case 5443:return v+e+y+"flex-item-"+O(e,/flex-|-self/g,"")+(P(e,/flex-|baseline/)?"":y+"grid-row-"+O(e,/flex-|-self/g,""))+e;case 4675:return v+e+y+"flex-line-pack"+O(e,/align-content|flex-|-self/g,"")+e;case 5548:return v+e+y+O(e,"shrink","negative")+e;case 5292:return v+e+y+O(e,"basis","preferred-size")+e;case 6060:return v+"box-"+O(e,"-grow","")+v+e+y+O(e,"grow","positive")+e;case 4554:return v+O(e,/([^-])(transform)/g,"$1"+v+"$2")+e;case 6187:return O(O(O(e,/(zoom-|grab)/,v+"$1"),/(image-set)/,v+"$1"),e,"")+e;case 5495:case 3959:return O(e,/(image-set\([^]*)/,v+"$1$`$1");case 4968:return O(O(e,/(.+:)(flex-)?(.*)/,v+"box-pack:$3"+y+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+v+e+e;case 4200:if(!P(e,/flex-|baseline/))return y+"grid-column-align"+D(e,t)+e;break;case 2592:case 3360:return y+O(e,"template-","")+e;case 4384:case 3616:return n&&n.some((function(e,n){return t=n,P(e.props,/grid-\w+-end/)}))?~R(e+(n=n[t].value),"span")?e:y+O(e,"-start","")+e+y+"grid-row-span:"+(~R(n,"span")?P(n,/\d+/):+P(n,/\d+/)-+P(e,/\d+/))+";":y+O(e,"-start","")+e;case 4896:case 4128:return n&&n.some((function(e){return P(e.props,/grid-\w+-start/)}))?e:y+O(O(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return O(e,/(.+)-inline(.+)/,v+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(T(e)-1-t>6)switch(I(e,t+1)){case 109:if(45!==I(e,t+4))break;case 102:return O(e,/(.+:)(.+)-([^]+)/,"$1"+v+"$2-$3$1"+g+(108==I(e,t+3)?"$3":"$2-$3"))+e;case 115:return~R(e,"stretch")?ue(O(e,"stretch","fill-available"),t,n)+e:e}break;case 5152:case 5920:return O(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,(function(t,n,r,o,a,i,s){return y+n+":"+r+s+(o?y+n+"-span:"+(a?i:+i-+r)+s:"")+e}));case 4949:if(121===I(e,t+6))return O(e,":",":"+v)+e;break;case 6444:switch(I(e,45===I(e,14)?18:11)){case 120:return O(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+v+(45===I(e,14)?"inline-":"")+"box$3$1"+v+"$2$3$1"+y+"$2box$3")+e;case 100:return O(e,":",":"+y)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return O(e,"scroll-","scroll-snap-")+e}return e}function pe(e,t){for(var n="",r=0;r<e.length;r++)n+=t(e[r],r,e,t)||"";return n}function de(e,t,n,r){switch(e.type){case k:if(e.children.length)break;case x:case S:return e.return=e.return||e.value;case b:return"";case E:return e.return=e.value+"{"+pe(e.children,r)+"}";case w:if(!T(e.value=e.props.join(",")))return""}return T(n=pe(e.children,r))?e.return=e.value+"{"+n+"}":""}function he(e,t,n,r){if(e.length>-1&&!e.return)switch(e.type){case S:return void(e.return=ue(e.value,e.length,n));case E:return pe([Y(e,{value:O(e.value,"@","@"+v)})],r);case w:if(e.length)return function(e,t){return e.map(t).join("")}(n=e.props,(function(t){switch(P(t,r=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":W(Y(e,{props:[O(t,/:(read-\w+)/,":"+g+"$1")]})),W(Y(e,{props:[t]})),$(e,{props:z(n,r)});break;case"::placeholder":W(Y(e,{props:[O(t,/:(plac\w+)/,":"+v+"input-$1")]})),W(Y(e,{props:[O(t,/:(plac\w+)/,":"+g+"$1")]})),W(Y(e,{props:[O(t,/:(plac\w+)/,y+"input-$1")]})),W(Y(e,{props:[t]})),$(e,{props:z(n,r)})}return""}))}}var fe={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},me="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",ye="undefined"!=typeof window&&"HTMLElement"in window,ge=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY?"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:"production"!==process.env.NODE_ENV),ve=/invalid hook call/i,be=new Set,we=function(e,n){if("production"!==process.env.NODE_ENV){var r=n?' with the id of "'.concat(n,'"'):"",o="The component ".concat(e).concat(r," has been created dynamically.\n")+"You may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.",a=console.error;try{var i=!0;console.error=function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];ve.test(e)?(i=!1,be.delete(o)):a.apply(void 0,d([e],t,!1))},t(),i&&!be.has(o)&&(console.warn(o),be.add(o))}catch(e){ve.test(e.message)&&be.delete(o)}finally{console.error=a}}},Se=Object.freeze([]),xe=Object.freeze({});var Ee=new Set(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","track","u","ul","use","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"]),ke=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,Ne=/(^-|-$)/g;function Ce(e){return e.replace(ke,"-").replace(Ne,"")}var $e=/(a)(d)/gi,Ae=function(e){return String.fromCharCode(e+(e>25?39:97))};function Pe(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=Ae(t%52)+n;return(Ae(t%52)+n).replace($e,"$1-$2")}var Oe,Re=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},Ie=function(e){return Re(5381,e)};function De(e){return Pe(Ie(e)>>>0)}function Te(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function _e(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var Fe="function"==typeof Symbol&&Symbol.for,ze=Fe?Symbol.for("react.memo"):60115,je=Fe?Symbol.for("react.forward_ref"):60112,Le={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},Be={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Me={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Ve=((Oe={})[je]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},Oe[ze]=Me,Oe);function He(e){return("type"in(t=e)&&t.type.$$typeof)===ze?Me:"$$typeof"in e?Ve[e.$$typeof]:Le;var t}var Ge=Object.defineProperty,Ye=Object.getOwnPropertyNames,We=Object.getOwnPropertySymbols,qe=Object.getOwnPropertyDescriptor,Ue=Object.getPrototypeOf,Xe=Object.prototype;function Ze(e,t,n){if("string"!=typeof t){if(Xe){var r=Ue(t);r&&r!==Xe&&Ze(e,r,n)}var o=Ye(t);We&&(o=o.concat(We(t)));for(var a=He(e),i=He(t),s=0;s<o.length;++s){var c=o[s];if(!(c in Be||n&&n[c]||i&&c in i||a&&c in a)){var l=qe(t,c);try{Ge(e,c,l)}catch(e){}}}}return e}function Ke(e){return"function"==typeof e}function Je(e){return"object"==typeof e&&"styledComponentId"in e}function Qe(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function et(e,t){if(0===e.length)return"";for(var n=e[0],r=1;r<e.length;r++)n+=t?t+e[r]:e[r];return n}function tt(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function nt(e,t,n){if(void 0===n&&(n=!1),!n&&!tt(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var r=0;r<t.length;r++)e[r]=nt(e[r],t[r]);else if(tt(t))for(var r in t)e[r]=nt(e[r],t[r]);return e}function rt(e,t){Object.defineProperty(e,"toString",{value:t})}var ot="production"!==process.env.NODE_ENV?{1:"Cannot create styled-component for component: %s.\n\n",2:"Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n",3:"Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n",4:"The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n",5:"The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n",6:"Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n",7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:'ThemeProvider: Please make your "theme" prop an object.\n\n',9:"Missing document `<head>`\n\n",10:"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n",11:"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n",12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n",14:'ThemeProvider: "theme" prop is required.\n\n',15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:"Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n",17:"CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n",18:"ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`"}:{};function at(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var n=e[0],r=[],o=1,a=e.length;o<a;o+=1)r.push(e[o]);return r.forEach((function(e){n=n.replace(/%[a-z]/,e)})),n}function it(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];return"production"===process.env.NODE_ENV?new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e," for more information.").concat(t.length>0?" Args: ".concat(t.join(", ")):"")):new Error(at.apply(void 0,d([ot[e]],t,!1)).trim())}var st=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}return e.prototype.indexOfGroup=function(e){for(var t=0,n=0;n<e;n++)t+=this.groupSizes[n];return t},e.prototype.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var n=this.groupSizes,r=n.length,o=r;e>=o;)if((o<<=1)<0)throw it(16,"".concat(e));this.groupSizes=new Uint32Array(o),this.groupSizes.set(n),this.length=o;for(var a=r;a<o;a++)this.groupSizes[a]=0}for(var i=this.indexOfGroup(e+1),s=(a=0,t.length);a<s;a++)this.tag.insertRule(i,t[a])&&(this.groupSizes[e]++,i++)},e.prototype.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],n=this.indexOfGroup(e),r=n+t;this.groupSizes[e]=0;for(var o=n;o<r;o++)this.tag.deleteRule(n)}},e.prototype.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],r=this.indexOfGroup(e),o=r+n,a=r;a<o;a++)t+="".concat(this.tag.getRule(a)).concat("/*!sc*/\n");return t},e}(),ct=new Map,lt=new Map,ut=1,pt=function(e){if(ct.has(e))return ct.get(e);for(;lt.has(ut);)ut++;var t=ut++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>1073741824))throw it(16,"".concat(t));return ct.set(e,t),lt.set(t,e),t},dt=function(e,t){ut=t+1,ct.set(e,t),lt.set(t,e)},ht="style[".concat(me,"][").concat("data-styled-version",'="').concat("6.1.1",'"]'),ft=new RegExp("^".concat(me,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),mt=function(e,t,n){for(var r,o=n.split(","),a=0,i=o.length;a<i;a++)(r=o[a])&&e.registerName(t,r)},yt=function(e,t){for(var n,r=(null!==(n=t.textContent)&&void 0!==n?n:"").split("/*!sc*/\n"),o=[],a=0,i=r.length;a<i;a++){var s=r[a].trim();if(s){var c=s.match(ft);if(c){var l=0|parseInt(c[1],10),u=c[2];0!==l&&(dt(u,l),mt(e,u,c[3]),e.getTag().insertRules(l,o)),o.length=0}else o.push(s)}}};var gt=function(e){var t=document.head,n=e||t,r=document.createElement("style"),o=function(e){var t=Array.from(e.querySelectorAll("style[".concat(me,"]")));return t[t.length-1]}(n),a=void 0!==o?o.nextSibling:null;r.setAttribute(me,"active"),r.setAttribute("data-styled-version","6.1.1");var i="undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null;return i&&r.setAttribute("nonce",i),n.insertBefore(r,a),r},vt=function(){function e(e){this.element=gt(e),this.element.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,r=t.length;n<r;n++){var o=t[n];if(o.ownerNode===e)return o}throw it(17)}(this.element),this.length=0}return e.prototype.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}},e.prototype.deleteRule=function(e){this.sheet.deleteRule(e),this.length--},e.prototype.getRule=function(e){var t=this.sheet.cssRules[e];return t&&t.cssText?t.cssText:""},e}(),bt=function(){function e(e){this.element=gt(e),this.nodes=this.element.childNodes,this.length=0}return e.prototype.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t);return this.element.insertBefore(n,this.nodes[e]||null),this.length++,!0}return!1},e.prototype.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},e.prototype.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),wt=function(){function e(e){this.rules=[],this.length=0}return e.prototype.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},e.prototype.deleteRule=function(e){this.rules.splice(e,1),this.length--},e.prototype.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),St=ye,xt={isServer:!ye,useCSSOMInjection:!ge},Et=function(){function e(e,t,n){void 0===e&&(e=xe),void 0===t&&(t={});var r=this;this.options=p(p({},xt),e),this.gs=t,this.names=new Map(n),this.server=!!e.isServer,!this.server&&ye&&St&&(St=!1,function(e){for(var t=document.querySelectorAll(ht),n=0,r=t.length;n<r;n++){var o=t[n];o&&"active"!==o.getAttribute(me)&&(yt(e,o),o.parentNode&&o.parentNode.removeChild(o))}}(this)),rt(this,(function(){return function(e){for(var t=e.getTag(),n=t.length,r="",o=function(n){var o=function(e){return lt.get(e)}(n);if(void 0===o)return"continue";var a=e.names.get(o),i=t.getGroup(n);if(void 0===a||0===i.length)return"continue";var s="".concat(me,".g").concat(n,'[id="').concat(o,'"]'),c="";void 0!==a&&a.forEach((function(e){e.length>0&&(c+="".concat(e,","))})),r+="".concat(i).concat(s,'{content:"').concat(c,'"}').concat("/*!sc*/\n")},a=0;a<n;a++)o(a);return r}(r)}))}return e.registerId=function(e){return pt(e)},e.prototype.reconstructWithOptions=function(t,n){return void 0===n&&(n=!0),new e(p(p({},this.options),t),this.gs,n&&this.names||void 0)},e.prototype.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(e=function(e){var t=e.useCSSOMInjection,n=e.target;return e.isServer?new wt(n):t?new vt(n):new bt(n)}(this.options),new st(e)));var e},e.prototype.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},e.prototype.registerName=function(e,t){if(pt(e),this.names.has(e))this.names.get(e).add(t);else{var n=new Set;n.add(t),this.names.set(e,n)}},e.prototype.insertRules=function(e,t,n){this.registerName(e,t),this.getTag().insertRules(pt(e),n)},e.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},e.prototype.clearRules=function(e){this.getTag().clearGroup(pt(e)),this.clearNames(e)},e.prototype.clearTag=function(){this.tag=void 0},e}(),kt=/&/g,Nt=/^\s*\/\/.*$/gm;function Ct(e,t){return e.map((function(e){return"rule"===e.type&&(e.value="".concat(t," ").concat(e.value),e.value=e.value.replaceAll(",",",".concat(t," ")),e.props=e.props.map((function(e){return"".concat(t," ").concat(e)}))),Array.isArray(e.children)&&"@keyframes"!==e.type&&(e.children=Ct(e.children,t)),e}))}var $t=new Et,At=function(e){var t,n,r,o=void 0===e?xe:e,a=o.options,i=void 0===a?xe:a,s=o.plugins,c=void 0===s?Se:s,l=function(e,r,o){return o===n||o.startsWith(n)&&o.endsWith(n)&&o.replaceAll(n,"").length>0?".".concat(t):e},u=c.slice();u.push((function(e){e.type===w&&e.value.includes("&")&&(e.props[0]=e.props[0].replace(kt,n).replace(r,l))})),i.prefix&&u.push(he),u.push(de);var p=function(e,o,a,s){void 0===o&&(o=""),void 0===a&&(a=""),void 0===s&&(s="&"),t=s,n=o,r=new RegExp("\\".concat(n,"\\b"),"g");var c=e.replace(Nt,""),l=ae(a||o?"".concat(a," ").concat(o," { ").concat(c," }"):c);i.namespace&&(l=Ct(l,i.namespace));var p,d=[];return pe(l,function(e){var t=_(e);return function(n,r,o,a){for(var i="",s=0;s<t;s++)i+=e[s](n,r,o,a)||"";return i}}(u.concat((p=function(e){return d.push(e)},function(e){e.root||(e=e.return)&&p(e)})))),d};return p.hash=c.length?c.reduce((function(e,t){return t.name||it(15),Re(e,t.name)}),5381).toString():"",p}(),Pt=e.createContext({shouldForwardProp:void 0,styleSheet:$t,stylis:At});function Ot(){return o(Pt)}Pt.Consumer,e.createContext(void 0);var Rt=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=At);var r=n.name+t.hash;e.hasNameForId(n.id,r)||e.insertRules(n.id,r,t(n.rules,r,"@keyframes"))},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=t,rt(this,(function(){throw it(12,String(n.name))}))}return e.prototype.getName=function(e){return void 0===e&&(e=At),this.name+e.hash},e}(),It=function(e){return e>="A"&&e<="Z"};function Dt(e){for(var t="",n=0;n<e.length;n++){var r=e[n];if(1===n&&"-"===r&&"-"===e[0])return e;It(r)?t+="-"+r.toLowerCase():t+=r}return t.startsWith("ms-")?"-"+t:t}var Tt=function(e){return null==e||!1===e||""===e},_t=function(e){var t,n,r=[];for(var o in e){var a=e[o];e.hasOwnProperty(o)&&!Tt(a)&&(Array.isArray(a)&&a.isCss||Ke(a)?r.push("".concat(Dt(o),":"),a,";"):tt(a)?r.push.apply(r,d(d(["".concat(o," {")],_t(a),!1),["}"],!1)):r.push("".concat(Dt(o),": ").concat((t=o,null==(n=a)||"boolean"==typeof n||""===n?"":"number"!=typeof n||0===n||t in fe||t.startsWith("--")?String(n).trim():"".concat(n,"px")),";")))}return r};function Ft(e,t,n,r){if(Tt(e))return[];if(Je(e))return[".".concat(e.styledComponentId)];if(Ke(e)){if(!Ke(a=e)||a.prototype&&a.prototype.isReactComponent||!t)return[e];var o=e(t);return"production"===process.env.NODE_ENV||"object"!=typeof o||Array.isArray(o)||o instanceof Rt||tt(o)||null===o||console.error("".concat(Te(e)," is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")),Ft(o,t,n,r)}var a;return e instanceof Rt?n?(e.inject(n,r),[e.getName(r)]):[e]:tt(e)?_t(e):Array.isArray(e)?Array.prototype.concat.apply(Se,e.map((function(e){return Ft(e,t,n,r)}))):[e.toString()]}var zt=Ie("6.1.1"),jt=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic="production"===process.env.NODE_ENV&&(void 0===n||n.isStatic)&&function(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(Ke(n)&&!Je(n))return!1}return!0}(e),this.componentId=t,this.baseHash=Re(zt,t),this.baseStyle=n,Et.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,n){var r=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,t,n):"";if(this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(this.componentId,this.staticRulesId))r=Qe(r,this.staticRulesId);else{var o=et(Ft(this.rules,e,t,n)),a=Pe(Re(this.baseHash,o)>>>0);if(!t.hasNameForId(this.componentId,a)){var i=n(o,".".concat(a),void 0,this.componentId);t.insertRules(this.componentId,a,i)}r=Qe(r,a),this.staticRulesId=a}else{for(var s=Re(this.baseHash,n.hash),c="",l=0;l<this.rules.length;l++){var u=this.rules[l];if("string"==typeof u)c+=u,"production"!==process.env.NODE_ENV&&(s=Re(s,u));else if(u){var p=et(Ft(u,e,t,n));s=Re(s,p+l),c+=p}}if(c){var d=Pe(s>>>0);t.hasNameForId(this.componentId,d)||t.insertRules(this.componentId,d,n(c,".".concat(d),void 0,this.componentId)),r=Qe(r,d)}}return r},e}(),Lt=e.createContext(void 0);Lt.Consumer;var Bt={},Mt=new Set;function Vt(t,o,a){var i=Je(t),s=t,c=!_e(t),l=o.attrs,u=void 0===l?Se:l,d=o.componentId,h=void 0===d?function(e,t){var n="string"!=typeof e?"sc":Ce(e);Bt[n]=(Bt[n]||0)+1;var r="".concat(n,"-").concat(De("6.1.1"+n+Bt[n]));return t?"".concat(t,"-").concat(r):r}(o.displayName,o.parentComponentId):d,f=o.displayName,y=void 0===f?function(e){return _e(e)?"styled.".concat(e):"Styled(".concat(Te(e),")")}(t):f,g=o.displayName&&o.componentId?"".concat(Ce(o.displayName),"-").concat(o.componentId):o.componentId||h,v=i&&s.attrs?s.attrs.concat(u).filter(Boolean):u,b=o.shouldForwardProp;if(i&&s.shouldForwardProp){var w=s.shouldForwardProp;if(o.shouldForwardProp){var S=o.shouldForwardProp;b=function(e,t){return w(e,t)&&S(e,t)}}else b=w}var x=new jt(a,g,i?s.componentStyle:void 0);function E(t,o){return function(t,o,a){var i=t.attrs,s=t.componentStyle,c=t.defaultProps,l=t.foldedComponentIds,u=t.styledComponentId,d=t.target,h=e.useContext(Lt),f=Ot(),y=t.shouldForwardProp||f.shouldForwardProp;"production"!==process.env.NODE_ENV&&n(u);var g=function(e,t,n){for(var r,o=p(p({},t),{className:void 0,theme:n}),a=0;a<e.length;a+=1){var i=Ke(r=e[a])?r(o):r;for(var s in i)o[s]="className"===s?Qe(o[s],i[s]):"style"===s?p(p({},o[s]),i[s]):i[s]}return t.className&&(o.className=Qe(o.className,t.className)),o}(i,o,function(e,t,n){return void 0===n&&(n=xe),e.theme!==n.theme&&e.theme||t||n.theme}(o,h,c)||xe),v=g.as||d,b={};for(var w in g)void 0===g[w]||"$"===w[0]||"as"===w||"theme"===w||("forwardedAs"===w?b.as=g.forwardedAs:y&&!y(w,v)||(b[w]=g[w],y||"development"!==process.env.NODE_ENV||m(w)||Mt.has(w)||!Ee.has(v)||(Mt.add(w),console.warn('styled-components: it looks like an unknown prop "'.concat(w,'" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));var S=function(e,t){var r=Ot(),o=e.generateAndInjectStyles(t,r.styleSheet,r.stylis);return"production"!==process.env.NODE_ENV&&n(o),o}(s,g);"production"!==process.env.NODE_ENV&&t.warnTooManyClasses&&t.warnTooManyClasses(S);var x=Qe(l,u);return S&&(x+=" "+S),g.className&&(x+=" "+g.className),b[_e(v)&&!Ee.has(v)?"class":"className"]=x,b.ref=a,r(v,b)}(k,t,o)}E.displayName=y;var k=e.forwardRef(E);return k.attrs=v,k.componentStyle=x,k.displayName=y,k.shouldForwardProp=b,k.foldedComponentIds=i?Qe(s.foldedComponentIds,s.styledComponentId):"",k.styledComponentId=g,k.target=i?s.target:t,Object.defineProperty(k,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=i?function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];for(var r=0,o=t;r<o.length;r++)nt(e,o[r],!0);return e}({},s.defaultProps,e):e}}),"production"!==process.env.NODE_ENV&&(we(y,g),k.warnTooManyClasses=function(e,t){var n={},r=!1;return function(o){if(!r&&(n[o]=!0,Object.keys(n).length>=200)){var a=t?' with the id of "'.concat(t,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(e).concat(a,".\n")+"Consider using the attrs method, together with a style object for frequently changed styles.\nExample:\n const Component = styled.div.attrs(props => ({\n style: {\n background: props.background,\n },\n }))`width: 100%;`\n\n <Component />"),r=!0,n={}}}}(y,g)),rt(k,(function(){return".".concat(k.styledComponentId)})),c&&Ze(k,t,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),k}function Ht(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}var Gt=function(e){return Object.assign(e,{isCss:!0})};function Yt(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];if(Ke(e)||tt(e))return Gt(Ft(Ht(Se,d([e],t,!0))));var r=e;return 0===t.length&&1===r.length&&"string"==typeof r[0]?Ft(r):Gt(Ft(Ht(r,t)))}function Wt(e,t,n){if(void 0===n&&(n=xe),!t)throw it(1,t);var r=function(r){for(var o=[],a=1;a<arguments.length;a++)o[a-1]=arguments[a];return e(t,n,Yt.apply(void 0,d([r],o,!1)))};return r.attrs=function(r){return Wt(e,t,p(p({},n),{attrs:Array.prototype.concat(n.attrs,r).filter(Boolean)}))},r.withConfig=function(r){return Wt(e,t,p(p({},n),r))},r}var qt=function(e){return Wt(Vt,e)},Ut=qt;function Xt(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");var r=et(Yt.apply(void 0,d([e],t,!1))),o=De(r);return new Rt(o,r)}Ee.forEach((function(e){Ut[e]=qt(e)})),"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native");var Zt="__sc-".concat(me,"__");"production"!==process.env.NODE_ENV&&"test"!==process.env.NODE_ENV&&"undefined"!=typeof window&&(window[Zt]||(window[Zt]=0),1===window[Zt]&&console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\n\nSee https://s-c.sh/2BAXzed for more info."),window[Zt]+=1);const Kt=Ut.textarea`
|
|
2
|
+
resize: none;
|
|
3
|
+
border: unset;
|
|
4
|
+
outline: unset;
|
|
5
|
+
padding: unset;
|
|
6
|
+
margin: unset;
|
|
7
|
+
color: ${({theme:e})=>e.colors.text.primary};
|
|
8
|
+
line-height: ${({theme:e})=>e.typography.primary.lineHeight};
|
|
9
|
+
font-weight: ${({theme:e})=>e.typography.primary.fontWeight};
|
|
10
|
+
font-size: ${({theme:e})=>e.typography.primary.fontSize};
|
|
11
|
+
font-family: ${({theme:e})=>e.typography.fontFamily};
|
|
12
|
+
&::placeholder {
|
|
13
|
+
font-family: ${({theme:e})=>e.typography.fontFamily};
|
|
14
|
+
font-size: ${({theme:e})=>e.typography.primary.fontSize};
|
|
15
|
+
color: ${({theme:e})=>e.colors.text.placeholder};
|
|
16
|
+
}
|
|
17
|
+
&:disabled {
|
|
18
|
+
background-color: ${({theme:e})=>e.colors.fill.disabled};
|
|
19
|
+
color: ${({theme:e})=>e.colors.text.disabled};
|
|
20
|
+
}
|
|
21
|
+
`,Jt=Ut.input`
|
|
22
|
+
flex: 1;
|
|
23
|
+
border: unset;
|
|
24
|
+
outline: unset;
|
|
25
|
+
padding: unset;
|
|
26
|
+
margin: unset;
|
|
27
|
+
line-height: ${({theme:e})=>e.typography.primary.lineHeight};
|
|
28
|
+
font-weight: ${({theme:e})=>e.typography.primary.fontWeight};
|
|
29
|
+
font-size: ${({theme:e})=>e.typography.primary.fontSize};
|
|
30
|
+
font-family: ${({theme:e})=>e.typography.fontFamily};
|
|
31
|
+
&::placeholder {
|
|
32
|
+
font-family: ${({theme:e})=>e.typography.fontFamily};
|
|
33
|
+
font-size: ${({theme:e})=>e.typography.primary.fontSize};
|
|
34
|
+
color: ${({theme:e})=>e.colors.text.placeholder};
|
|
35
|
+
}
|
|
36
|
+
&:disabled {
|
|
37
|
+
background-color: ${({theme:e})=>e.colors.fill.disabled};
|
|
38
|
+
color: ${({theme:e})=>e.colors.text.disabled};
|
|
39
|
+
}
|
|
40
|
+
`,Qt=Ut.div`
|
|
41
|
+
display: flex;
|
|
42
|
+
flex: 1;
|
|
43
|
+
font-family: ${({theme:e})=>e.typography.fontFamily};
|
|
44
|
+
font-size: ${({theme:e})=>e.typography.primary.fontSize};
|
|
45
|
+
line-height: ${({theme:e})=>e.typography.primary.lineHeight};
|
|
46
|
+
color: ${({theme:e})=>e.colors.text.primary};
|
|
47
|
+
div.end-adornment {
|
|
48
|
+
margin-left: 8px;
|
|
49
|
+
display: grid;
|
|
50
|
+
place-content: center;
|
|
51
|
+
}
|
|
52
|
+
div.start-adornment {
|
|
53
|
+
margin-right: 8px;
|
|
54
|
+
display: grid;
|
|
55
|
+
place-content: center;
|
|
56
|
+
}
|
|
57
|
+
`,en=Ut.div`
|
|
58
|
+
font-size: ${({theme:e})=>e.typography.secondary.fontSize};
|
|
59
|
+
margin-left: 4px;
|
|
60
|
+
align-self: ${({isTa:e})=>e?"flex-end":"center"};
|
|
61
|
+
`,tn=Ut.div`
|
|
62
|
+
padding: 6px 12px;
|
|
63
|
+
display: flex;
|
|
64
|
+
border: 1px solid
|
|
65
|
+
${({theme:e,disabled:t,isErrored:n})=>t?e.colors.border.disabled:n?e.colors.border.error:e.colors.border.normal};
|
|
66
|
+
background-color: ${({theme:e,disabled:t})=>t?e.colors.fill.disabled:e.colors.fill.surface};
|
|
67
|
+
border-radius: 4px;
|
|
68
|
+
transition: all 0.2s ease-in-out;
|
|
69
|
+
&:hover {
|
|
70
|
+
border-color: ${({theme:e,disabled:t,isErrored:n})=>t?e.colors.border.disabled:n?e.colors.border.error:e.colors.border.hover};
|
|
71
|
+
}
|
|
72
|
+
&:focus-within {
|
|
73
|
+
box-shadow: ${({theme:e,isErrored:t})=>t?e.colors.border.error:e.colors.border.active}
|
|
74
|
+
0px 0px 0px 1px;
|
|
75
|
+
border-color: ${({theme:e,isErrored:t})=>t?e.colors.border.error:e.colors.border.active};
|
|
76
|
+
}
|
|
77
|
+
`,nn=Ut.div`
|
|
78
|
+
min-width: 200px;
|
|
79
|
+
display: ${({inline:e})=>e?"inline-block":"block"};
|
|
80
|
+
label.input-label {
|
|
81
|
+
margin-bottom: 4px;
|
|
82
|
+
margin-left: 2px;
|
|
83
|
+
}
|
|
84
|
+
span.input-helper {
|
|
85
|
+
margin-left: 2px;
|
|
86
|
+
margin-top: 2px;
|
|
87
|
+
display: block;
|
|
88
|
+
}
|
|
89
|
+
`;function rn(){return rn=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},rn.apply(this,arguments)}function on(...e){return t=>e.forEach((e=>function(e,t){"function"==typeof e?e(t):null!=e&&(e.current=t)}(e,t)))}const an=a(((e,t)=>{const{children:n,...o}=e,a=i.toArray(n),l=a.find(ln);if(l){const e=l.props.children,n=a.map((t=>t===l?i.count(e)>1?i.only(null):s(e)?e.props.children:null:t));return r(sn,rn({},o,{ref:t}),s(e)?c(e,void 0,n):null)}return r(sn,rn({},o,{ref:t}),n)}));an.displayName="Slot";const sn=a(((e,t)=>{const{children:n,...r}=e;return s(n)?c(n,{...un(r,n.props),ref:t?on(t,n.ref):n.ref}):i.count(n)>1?i.only(null):null}));sn.displayName="SlotClone";const cn=({children:e})=>r(l,null,e);function ln(e){return s(e)&&e.type===cn}function un(e,t){const n={...t};for(const r in t){const o=e[r],a=t[r];/^on[A-Z]/.test(r)?o&&a?n[r]=(...e)=>{a(...e),o(...e)}:o&&(n[r]=o):"style"===r?n[r]={...o,...a}:"className"===r&&(n[r]=[o,a].filter(Boolean).join(" "))}return{...e,...n}}const pn=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"].reduce(((e,t)=>{const n=a(((e,n)=>{const{asChild:o,...a}=e,i=o?an:t;return u((()=>{window[Symbol.for("radix-ui")]=!0}),[]),r(i,rn({},a,{ref:n}))}));return n.displayName=`Primitive.${t}`,{...e,[t]:n}}),{}),dn={elephant:"#12344D",smoke:"#EBEFF3",milk:"#FFFFFF",E900:"#12344D",E800:"#264966",E700:"#345C7C",E600:"#447093",E500:"#527FA5",E400:"#6B92B6",E300:"#83A6C8",E200:"#A2C0DE",E100:"#BEDBF5",E50:"#DFF0FF",S900:"#27313A",S800:"#384551",S700:"#475867",S600:"#576C7D",S500:"#647A8E",S400:"#7B8E9F",S300:"#92A2B1",S200:"#B1BDC8",S100:"#CFD7DF",S75:"#E6E8EB",S50:"#EBEFF3",S25:"#F5F7F9",S10:"#F7F9FA"},hn=Ut(a(((e,t)=>r(pn.label,rn({},e,{ref:t,onMouseDown:t=>{var n;null===(n=e.onMouseDown)||void 0===n||n.call(e,t),!t.defaultPrevented&&t.detail>1&&t.preventDefault()}})))))`
|
|
90
|
+
color: ${({theme:e})=>e.colors.text.secondary};
|
|
91
|
+
font-family: ${({theme:e})=>e.typography.fontFamily};
|
|
92
|
+
font-size: 12px;
|
|
93
|
+
font-style: normal;
|
|
94
|
+
font-weight: 600;
|
|
95
|
+
line-height: 20px;
|
|
96
|
+
display: flex;
|
|
97
|
+
margin-bottom: 4px;
|
|
98
|
+
`;Ut.label`
|
|
99
|
+
font-family: ${({theme:e})=>e.typography.fontFamily};
|
|
100
|
+
color: ${({disabled:e})=>e?dn.S400:dn.E900};
|
|
101
|
+
margin: 0 8px;
|
|
102
|
+
display: inline-flex;
|
|
103
|
+
font-size: 12px;
|
|
104
|
+
font-weight: 600;
|
|
105
|
+
line-height: 20px;
|
|
106
|
+
display: flex;
|
|
107
|
+
`;const fn=Ut.div`
|
|
108
|
+
color: #ff0000;
|
|
109
|
+
margin-left: 2px;
|
|
110
|
+
`,mn=Ut.span`
|
|
111
|
+
color: ${({theme:e})=>e.colors.text.error};
|
|
112
|
+
font-family: ${({theme:e})=>e.typography.fontFamily};
|
|
113
|
+
font-size: 12px;
|
|
114
|
+
font-weight: 400;
|
|
115
|
+
line-height: 20px;
|
|
116
|
+
`;Ut.button`
|
|
117
|
+
margin: 0;
|
|
118
|
+
padding: 0;
|
|
119
|
+
width: 20px;
|
|
120
|
+
height: 20px;
|
|
121
|
+
border: none;
|
|
122
|
+
background: none;
|
|
123
|
+
cursor: pointer;
|
|
124
|
+
`,Ut.a`
|
|
125
|
+
font-weight: ${({theme:e})=>e.typography.fontWeight["semi-bold"]};
|
|
126
|
+
font-size: ${({theme:e})=>e.typography.primary.fontSize};
|
|
127
|
+
line-height: ${({theme:e})=>e.typography.primary.lineHeight};
|
|
128
|
+
color: ${({theme:e})=>e.colors.text.link};
|
|
129
|
+
font-family: ${({theme:e})=>e.typography.fontFamily};
|
|
130
|
+
text-decoration: unset;
|
|
131
|
+
:hover {
|
|
132
|
+
text-decoration: underline;
|
|
133
|
+
}
|
|
134
|
+
`,Ut.div`
|
|
135
|
+
flex: 1;
|
|
136
|
+
padding: 32px;
|
|
137
|
+
height: 100%;
|
|
138
|
+
`,Ut.div`
|
|
139
|
+
background-color: ${dn.S25};
|
|
140
|
+
display: flex;
|
|
141
|
+
padding: 16px;
|
|
142
|
+
gap: 8px;
|
|
143
|
+
justify-content: flex-end;
|
|
144
|
+
`,Ut.h1`
|
|
145
|
+
font-family: ${({theme:e})=>e.typography.fontFamily};
|
|
146
|
+
font-size: 24px;
|
|
147
|
+
font-weight: 600;
|
|
148
|
+
line-height: 32px;
|
|
149
|
+
letter-spacing: 0px;
|
|
150
|
+
margin: 0 0 12px 0;
|
|
151
|
+
`,Ut.div`
|
|
152
|
+
font-family: ${({theme:e})=>e.typography.fontFamily};
|
|
153
|
+
font-size: 16px;
|
|
154
|
+
font-weight: 400;
|
|
155
|
+
line-height: 24px;
|
|
156
|
+
letter-spacing: 0px;
|
|
157
|
+
text-align: left;
|
|
158
|
+
`,Ut.div`
|
|
159
|
+
font-family: ${({theme:e})=>e.typography.fontFamily};
|
|
160
|
+
font-size: 16px;
|
|
161
|
+
font-weight: 400;
|
|
162
|
+
line-height: 24px;
|
|
163
|
+
letter-spacing: 0px;
|
|
164
|
+
text-align: left;
|
|
165
|
+
`,Ut.button`
|
|
166
|
+
border: none;
|
|
167
|
+
padding: 0;
|
|
168
|
+
margin: 0;
|
|
169
|
+
width: fit-content;
|
|
170
|
+
background: inherit;
|
|
171
|
+
cursor: pointer;
|
|
172
|
+
`,Xt`
|
|
173
|
+
from {
|
|
174
|
+
opacity: 1;
|
|
175
|
+
}
|
|
176
|
+
to {
|
|
177
|
+
opacity: 0;
|
|
178
|
+
}
|
|
179
|
+
`,Xt`
|
|
180
|
+
from {
|
|
181
|
+
opacity: 0;
|
|
182
|
+
}
|
|
183
|
+
to {
|
|
184
|
+
opacity: 1;
|
|
185
|
+
}
|
|
186
|
+
`,Xt`
|
|
187
|
+
from {
|
|
188
|
+
opacity: 1;
|
|
189
|
+
transform: translate(-50%, 0%) scale(1);
|
|
190
|
+
}
|
|
191
|
+
to {
|
|
192
|
+
opacity: 0;
|
|
193
|
+
transform: translate(-50%, -16px) scale(0.96);
|
|
194
|
+
}
|
|
195
|
+
`,Xt`
|
|
196
|
+
from {
|
|
197
|
+
opacity: 0;
|
|
198
|
+
transform: translate(-50%, -16px) scale(0.96);
|
|
199
|
+
}
|
|
200
|
+
to {
|
|
201
|
+
opacity: 1;
|
|
202
|
+
transform: translate(-50%, 0%) scale(1);
|
|
203
|
+
}
|
|
204
|
+
`,Xt`
|
|
205
|
+
from {
|
|
206
|
+
opacity: 0;
|
|
207
|
+
transform: translateY(2px);
|
|
208
|
+
}
|
|
209
|
+
to {
|
|
210
|
+
opacity: 1;
|
|
211
|
+
transform: translateY(0);
|
|
212
|
+
}
|
|
213
|
+
`,Xt`
|
|
214
|
+
from {
|
|
215
|
+
opacity: 0;
|
|
216
|
+
transform: translateX(-2px);
|
|
217
|
+
}
|
|
218
|
+
to {
|
|
219
|
+
opacity: 1;
|
|
220
|
+
transform: translateX(0);
|
|
221
|
+
}
|
|
222
|
+
`,Xt`
|
|
223
|
+
from {
|
|
224
|
+
opacity: 0;
|
|
225
|
+
transform: translateY(-2px);
|
|
226
|
+
}
|
|
227
|
+
to {
|
|
228
|
+
opacity: 1;
|
|
229
|
+
transform: translateY(0);
|
|
230
|
+
}
|
|
231
|
+
`,Xt`
|
|
232
|
+
from {
|
|
233
|
+
opacity: 0;
|
|
234
|
+
transform: translateX(2px);
|
|
235
|
+
}
|
|
236
|
+
to {
|
|
237
|
+
opacity: 1;
|
|
238
|
+
transform: translateX(0);
|
|
239
|
+
}
|
|
240
|
+
`;const yn=({label:t,inline:n,startLabel:r,startAdornment:o,endLabel:a,endAdornment:i,isRequired:s,isErrored:c,showCount:l,inputStyle:u,style:p,errorText:d,ref:h,maxLength:f,labelProps:m,containerProps:y,...g})=>e.createElement(nn,{inline:n,isErrored:c,disabled:g.disabled,style:p},t&&e.createElement(hn,{htmlFor:g.id,className:"input-label",...m},t,s&&e.createElement(fn,null,"*")),e.createElement(tn,{className:"input-container",disabled:g.disabled,isErrored:c,...y},r&&e.createElement("div",{className:"start-label"},r),e.createElement(Qt,{className:"input-basic"},o&&e.createElement("div",{className:"start-adornment"},o),e.createElement(Jt,{maxLength:f,...g,ref:h,style:u}),l&&(f||0)>0&&e.createElement("div",{className:"end-max-length"},`${"string"==typeof g.value?g.value.length:`${g.value||""}`.length}/${f||0}`),i&&e.createElement("div",{className:"end-adornment"},i)),a&&e.createElement("div",{className:"end-label"},a)),c&&d&&e.createElement(mn,{className:"input-helper"},d)),gn=({label:t,inline:n,startLabel:r,startAdornment:o,endLabel:a,endAdornment:i,isRequired:s,isErrored:c,showCount:l,inputStyle:u,style:p,errorText:d,ref:h,maxLength:f,...m})=>e.createElement(nn,{inline:n,isErrored:c,disabled:m.disabled,style:p},e.createElement(hn,{htmlFor:m.id,className:"input-label"},t,s&&e.createElement(fn,null,"*")),e.createElement(tn,{className:"input-container",disabled:m.disabled,isErrored:c},r&&e.createElement("div",{className:"start-label"},r),e.createElement(Qt,{className:"input-basic"},o&&e.createElement("div",{className:"start-adornment"},o),e.createElement(Kt,{maxLength:f,...m,ref:h,style:u}),l&&(f||0)>0&&e.createElement(en,{isTa:!0,className:"end-max-length"},`${"string"==typeof m.value?m.value.length:`${m.value||""}`.length}/${f||0}`),i&&e.createElement("div",{className:"end-adornment"},i)),a&&e.createElement("div",{className:"end-label"},a)),c&&d&&e.createElement(mn,{className:"input-helper"},d));export{yn as Input,gn as TextArea};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
type LoaderSizes = 'mini' | 'small' | 'medium' | 'big';
|
|
4
|
+
type LoaderSpeeds = 'slow' | 'medium' | 'fast';
|
|
5
|
+
type LoaderPropTypes = {
|
|
6
|
+
/**
|
|
7
|
+
* Size of Select input
|
|
8
|
+
*/
|
|
9
|
+
size?: LoaderSizes;
|
|
10
|
+
/**
|
|
11
|
+
* Speed of Select input
|
|
12
|
+
*/
|
|
13
|
+
speed?: LoaderSpeeds;
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
/**
|
|
17
|
+
* Loader Component can be used to indicate loading of a Page / Section of a page.
|
|
18
|
+
*/
|
|
19
|
+
declare const Loader: (props: LoaderPropTypes) => React.JSX.Element;
|
|
20
|
+
|
|
21
|
+
export { Loader, type LoaderPropTypes, type LoaderSizes, type LoaderSpeeds };
|
package/Loader/index.js
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import e,{useRef as t,useDebugValue as n,createElement as r,useContext as o}from"react";var a=function(){return a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function s(e,t,n){if(n||2===arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}function i(e){var t=Object.create(null);return function(n){return void 0===t[n]&&(t[n]=e(n)),t[n]}}"function"==typeof SuppressedError&&SuppressedError;var c=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,l=i((function(e){return c.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91})),u="-ms-",p="-moz-",d="-webkit-",h="comm",f="rule",m="decl",g="@import",y="@keyframes",v="@layer",b=Math.abs,w=String.fromCharCode,S=Object.assign;function k(e){return e.trim()}function x(e,t){return(e=t.exec(e))?e[0]:e}function E(e,t,n){return e.replace(t,n)}function C(e,t){return e.indexOf(t)}function A(e,t){return 0|e.charCodeAt(t)}function N(e,t,n){return e.slice(t,n)}function P(e){return e.length}function I(e){return e.length}function O(e,t){return t.push(e),e}function R(e,t){return e.filter((function(e){return!x(e,t)}))}var _=1,T=1,$=0,D=0,j=0,z="";function M(e,t,n,r,o,a,s,i){return{value:e,root:t,parent:n,type:r,props:o,children:a,line:_,column:T,length:s,return:"",siblings:i}}function L(e,t){return S(M("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function F(e){for(;e.root;)e=L(e.root,{children:[e]});O(e,e.siblings)}function V(){return j=D>0?A(z,--D):0,T--,10===j&&(T=1,_--),j}function B(){return j=D<$?A(z,D++):0,T++,10===j&&(T=1,_++),j}function G(){return A(z,D)}function H(){return D}function Y(e,t){return N(z,e,t)}function W(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function q(e){return k(Y(D-1,K(91===e?e+2:40===e?e+1:e)))}function U(e){for(;(j=G())&&j<33;)B();return W(e)>2||W(j)>3?"":" "}function X(e,t){for(;--t&&B()&&!(j<48||j>102||j>57&&j<65||j>70&&j<97););return Y(e,H()+(t<6&&32==G()&&32==B()))}function K(e){for(;B();)switch(j){case e:return D;case 34:case 39:34!==e&&39!==e&&K(j);break;case 40:41===e&&K(e);break;case 92:B()}return D}function Z(e,t){for(;B()&&e+j!==57&&(e+j!==84||47!==G()););return"/*"+Y(t,D-1)+"*"+w(47===e?e:B())}function J(e){for(;!W(G());)B();return Y(e,D)}function Q(e){return function(e){return z="",e}(ee("",null,null,null,[""],e=function(e){return _=T=1,$=P(z=e),D=0,[]}(e),0,[0],e))}function ee(e,t,n,r,o,a,s,i,c){for(var l=0,u=0,p=s,d=0,h=0,f=0,m=1,g=1,y=1,v=0,b="",S=o,k=a,x=r,N=b;g;)switch(f=v,v=B()){case 40:if(108!=f&&58==A(N,p-1)){-1!=C(N+=E(q(v),"&","&\f"),"&\f")&&(y=-1);break}case 34:case 39:case 91:N+=q(v);break;case 9:case 10:case 13:case 32:N+=U(f);break;case 92:N+=X(H()-1,7);continue;case 47:switch(G()){case 42:case 47:O(ne(Z(B(),H()),t,n,c),c);break;default:N+="/"}break;case 123*m:i[l++]=P(N)*y;case 125*m:case 59:case 0:switch(v){case 0:case 125:g=0;case 59+u:-1==y&&(N=E(N,/\f/g,"")),h>0&&P(N)-p&&O(h>32?re(N+";",r,n,p-1,c):re(E(N," ","")+";",r,n,p-2,c),c);break;case 59:N+=";";default:if(O(x=te(N,t,n,l,u,o,i,b,S=[],k=[],p,a),a),123===v)if(0===u)ee(N,t,x,x,S,a,p,i,k);else switch(99===d&&110===A(N,3)?100:d){case 100:case 108:case 109:case 115:ee(e,x,x,r&&O(te(e,x,x,0,0,o,i,b,o,S=[],p,k),k),o,k,p,i,r?S:k);break;default:ee(N,x,x,x,[""],k,0,i,k)}}l=u=h=0,m=y=1,b=N="",p=s;break;case 58:p=1+P(N),h=f;default:if(m<1)if(123==v)--m;else if(125==v&&0==m++&&125==V())continue;switch(N+=w(v),v*m){case 38:y=u>0?1:(N+="\f",-1);break;case 44:i[l++]=(P(N)-1)*y,y=1;break;case 64:45===G()&&(N+=q(B())),d=G(),u=p=P(b=N+=J(H())),v++;break;case 45:45===f&&2==P(N)&&(m=0)}}return a}function te(e,t,n,r,o,a,s,i,c,l,u,p){for(var d=o-1,h=0===o?a:[""],m=I(h),g=0,y=0,v=0;g<r;++g)for(var w=0,S=N(e,d+1,d=b(y=s[g])),x=e;w<m;++w)(x=k(y>0?h[w]+" "+S:E(S,/&\f/g,h[w])))&&(c[v++]=x);return M(e,t,n,0===o?f:i,c,l,u,p)}function ne(e,t,n,r){return M(e,t,n,h,w(j),N(e,2,-2),0,r)}function re(e,t,n,r,o){return M(e,t,n,m,N(e,0,r),N(e,r+1,-1),r,o)}function oe(e,t,n){switch(function(e,t){return 45^A(e,0)?(((t<<2^A(e,0))<<2^A(e,1))<<2^A(e,2))<<2^A(e,3):0}(e,t)){case 5103:return d+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return d+e+e;case 4789:return p+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return d+e+p+e+u+e+e;case 5936:switch(A(e,t+11)){case 114:return d+e+u+E(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return d+e+u+E(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return d+e+u+E(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return d+e+u+e+e;case 6165:return d+e+u+"flex-"+e+e;case 5187:return d+e+E(e,/(\w+).+(:[^]+)/,d+"box-$1$2"+u+"flex-$1$2")+e;case 5443:return d+e+u+"flex-item-"+E(e,/flex-|-self/g,"")+(x(e,/flex-|baseline/)?"":u+"grid-row-"+E(e,/flex-|-self/g,""))+e;case 4675:return d+e+u+"flex-line-pack"+E(e,/align-content|flex-|-self/g,"")+e;case 5548:return d+e+u+E(e,"shrink","negative")+e;case 5292:return d+e+u+E(e,"basis","preferred-size")+e;case 6060:return d+"box-"+E(e,"-grow","")+d+e+u+E(e,"grow","positive")+e;case 4554:return d+E(e,/([^-])(transform)/g,"$1"+d+"$2")+e;case 6187:return E(E(E(e,/(zoom-|grab)/,d+"$1"),/(image-set)/,d+"$1"),e,"")+e;case 5495:case 3959:return E(e,/(image-set\([^]*)/,d+"$1$`$1");case 4968:return E(E(e,/(.+:)(flex-)?(.*)/,d+"box-pack:$3"+u+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+d+e+e;case 4200:if(!x(e,/flex-|baseline/))return u+"grid-column-align"+N(e,t)+e;break;case 2592:case 3360:return u+E(e,"template-","")+e;case 4384:case 3616:return n&&n.some((function(e,n){return t=n,x(e.props,/grid-\w+-end/)}))?~C(e+(n=n[t].value),"span")?e:u+E(e,"-start","")+e+u+"grid-row-span:"+(~C(n,"span")?x(n,/\d+/):+x(n,/\d+/)-+x(e,/\d+/))+";":u+E(e,"-start","")+e;case 4896:case 4128:return n&&n.some((function(e){return x(e.props,/grid-\w+-start/)}))?e:u+E(E(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return E(e,/(.+)-inline(.+)/,d+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(P(e)-1-t>6)switch(A(e,t+1)){case 109:if(45!==A(e,t+4))break;case 102:return E(e,/(.+:)(.+)-([^]+)/,"$1"+d+"$2-$3$1"+p+(108==A(e,t+3)?"$3":"$2-$3"))+e;case 115:return~C(e,"stretch")?oe(E(e,"stretch","fill-available"),t,n)+e:e}break;case 5152:case 5920:return E(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,(function(t,n,r,o,a,s,i){return u+n+":"+r+i+(o?u+n+"-span:"+(a?s:+s-+r)+i:"")+e}));case 4949:if(121===A(e,t+6))return E(e,":",":"+d)+e;break;case 6444:switch(A(e,45===A(e,14)?18:11)){case 120:return E(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+d+(45===A(e,14)?"inline-":"")+"box$3$1"+d+"$2$3$1"+u+"$2box$3")+e;case 100:return E(e,":",":"+u)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return E(e,"scroll-","scroll-snap-")+e}return e}function ae(e,t){for(var n="",r=0;r<e.length;r++)n+=t(e[r],r,e,t)||"";return n}function se(e,t,n,r){switch(e.type){case v:if(e.children.length)break;case g:case m:return e.return=e.return||e.value;case h:return"";case y:return e.return=e.value+"{"+ae(e.children,r)+"}";case f:if(!P(e.value=e.props.join(",")))return""}return P(n=ae(e.children,r))?e.return=e.value+"{"+n+"}":""}function ie(e,t,n,r){if(e.length>-1&&!e.return)switch(e.type){case m:return void(e.return=oe(e.value,e.length,n));case y:return ae([L(e,{value:E(e.value,"@","@"+d)})],r);case f:if(e.length)return function(e,t){return e.map(t).join("")}(n=e.props,(function(t){switch(x(t,r=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":F(L(e,{props:[E(t,/:(read-\w+)/,":"+p+"$1")]})),F(L(e,{props:[t]})),S(e,{props:R(n,r)});break;case"::placeholder":F(L(e,{props:[E(t,/:(plac\w+)/,":"+d+"input-$1")]})),F(L(e,{props:[E(t,/:(plac\w+)/,":"+p+"$1")]})),F(L(e,{props:[E(t,/:(plac\w+)/,u+"input-$1")]})),F(L(e,{props:[t]})),S(e,{props:R(n,r)})}return""}))}}var ce={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},le="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",ue="undefined"!=typeof window&&"HTMLElement"in window,pe=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY?"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:"production"!==process.env.NODE_ENV),de=/invalid hook call/i,he=new Set,fe=function(e,n){if("production"!==process.env.NODE_ENV){var r=n?' with the id of "'.concat(n,'"'):"",o="The component ".concat(e).concat(r," has been created dynamically.\n")+"You may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.",a=console.error;try{var i=!0;console.error=function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];de.test(e)?(i=!1,he.delete(o)):a.apply(void 0,s([e],t,!1))},t(),i&&!he.has(o)&&(console.warn(o),he.add(o))}catch(e){de.test(e.message)&&he.delete(o)}finally{console.error=a}}},me=Object.freeze([]),ge=Object.freeze({});var ye=new Set(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","track","u","ul","use","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"]),ve=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,be=/(^-|-$)/g;function we(e){return e.replace(ve,"-").replace(be,"")}var Se=/(a)(d)/gi,ke=function(e){return String.fromCharCode(e+(e>25?39:97))};function xe(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=ke(t%52)+n;return(ke(t%52)+n).replace(Se,"$1-$2")}var Ee,Ce=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},Ae=function(e){return Ce(5381,e)};function Ne(e){return xe(Ae(e)>>>0)}function Pe(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function Ie(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var Oe="function"==typeof Symbol&&Symbol.for,Re=Oe?Symbol.for("react.memo"):60115,_e=Oe?Symbol.for("react.forward_ref"):60112,Te={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},$e={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},De={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},je=((Ee={})[_e]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},Ee[Re]=De,Ee);function ze(e){return("type"in(t=e)&&t.type.$$typeof)===Re?De:"$$typeof"in e?je[e.$$typeof]:Te;var t}var Me=Object.defineProperty,Le=Object.getOwnPropertyNames,Fe=Object.getOwnPropertySymbols,Ve=Object.getOwnPropertyDescriptor,Be=Object.getPrototypeOf,Ge=Object.prototype;function He(e,t,n){if("string"!=typeof t){if(Ge){var r=Be(t);r&&r!==Ge&&He(e,r,n)}var o=Le(t);Fe&&(o=o.concat(Fe(t)));for(var a=ze(e),s=ze(t),i=0;i<o.length;++i){var c=o[i];if(!(c in $e||n&&n[c]||s&&c in s||a&&c in a)){var l=Ve(t,c);try{Me(e,c,l)}catch(e){}}}}return e}function Ye(e){return"function"==typeof e}function We(e){return"object"==typeof e&&"styledComponentId"in e}function qe(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function Ue(e,t){if(0===e.length)return"";for(var n=e[0],r=1;r<e.length;r++)n+=t?t+e[r]:e[r];return n}function Xe(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function Ke(e,t,n){if(void 0===n&&(n=!1),!n&&!Xe(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var r=0;r<t.length;r++)e[r]=Ke(e[r],t[r]);else if(Xe(t))for(var r in t)e[r]=Ke(e[r],t[r]);return e}function Ze(e,t){Object.defineProperty(e,"toString",{value:t})}var Je="production"!==process.env.NODE_ENV?{1:"Cannot create styled-component for component: %s.\n\n",2:"Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n",3:"Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n",4:"The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n",5:"The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n",6:"Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n",7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:'ThemeProvider: Please make your "theme" prop an object.\n\n',9:"Missing document `<head>`\n\n",10:"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n",11:"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n",12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n",14:'ThemeProvider: "theme" prop is required.\n\n',15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:"Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n",17:"CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n",18:"ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`"}:{};function Qe(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var n=e[0],r=[],o=1,a=e.length;o<a;o+=1)r.push(e[o]);return r.forEach((function(e){n=n.replace(/%[a-z]/,e)})),n}function et(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];return"production"===process.env.NODE_ENV?new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e," for more information.").concat(t.length>0?" Args: ".concat(t.join(", ")):"")):new Error(Qe.apply(void 0,s([Je[e]],t,!1)).trim())}var tt=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}return e.prototype.indexOfGroup=function(e){for(var t=0,n=0;n<e;n++)t+=this.groupSizes[n];return t},e.prototype.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var n=this.groupSizes,r=n.length,o=r;e>=o;)if((o<<=1)<0)throw et(16,"".concat(e));this.groupSizes=new Uint32Array(o),this.groupSizes.set(n),this.length=o;for(var a=r;a<o;a++)this.groupSizes[a]=0}for(var s=this.indexOfGroup(e+1),i=(a=0,t.length);a<i;a++)this.tag.insertRule(s,t[a])&&(this.groupSizes[e]++,s++)},e.prototype.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],n=this.indexOfGroup(e),r=n+t;this.groupSizes[e]=0;for(var o=n;o<r;o++)this.tag.deleteRule(n)}},e.prototype.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],r=this.indexOfGroup(e),o=r+n,a=r;a<o;a++)t+="".concat(this.tag.getRule(a)).concat("/*!sc*/\n");return t},e}(),nt=new Map,rt=new Map,ot=1,at=function(e){if(nt.has(e))return nt.get(e);for(;rt.has(ot);)ot++;var t=ot++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>1073741824))throw et(16,"".concat(t));return nt.set(e,t),rt.set(t,e),t},st=function(e,t){ot=t+1,nt.set(e,t),rt.set(t,e)},it="style[".concat(le,"][").concat("data-styled-version",'="').concat("6.1.1",'"]'),ct=new RegExp("^".concat(le,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),lt=function(e,t,n){for(var r,o=n.split(","),a=0,s=o.length;a<s;a++)(r=o[a])&&e.registerName(t,r)},ut=function(e,t){for(var n,r=(null!==(n=t.textContent)&&void 0!==n?n:"").split("/*!sc*/\n"),o=[],a=0,s=r.length;a<s;a++){var i=r[a].trim();if(i){var c=i.match(ct);if(c){var l=0|parseInt(c[1],10),u=c[2];0!==l&&(st(u,l),lt(e,u,c[3]),e.getTag().insertRules(l,o)),o.length=0}else o.push(i)}}};var pt=function(e){var t=document.head,n=e||t,r=document.createElement("style"),o=function(e){var t=Array.from(e.querySelectorAll("style[".concat(le,"]")));return t[t.length-1]}(n),a=void 0!==o?o.nextSibling:null;r.setAttribute(le,"active"),r.setAttribute("data-styled-version","6.1.1");var s="undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null;return s&&r.setAttribute("nonce",s),n.insertBefore(r,a),r},dt=function(){function e(e){this.element=pt(e),this.element.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,r=t.length;n<r;n++){var o=t[n];if(o.ownerNode===e)return o}throw et(17)}(this.element),this.length=0}return e.prototype.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}},e.prototype.deleteRule=function(e){this.sheet.deleteRule(e),this.length--},e.prototype.getRule=function(e){var t=this.sheet.cssRules[e];return t&&t.cssText?t.cssText:""},e}(),ht=function(){function e(e){this.element=pt(e),this.nodes=this.element.childNodes,this.length=0}return e.prototype.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t);return this.element.insertBefore(n,this.nodes[e]||null),this.length++,!0}return!1},e.prototype.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},e.prototype.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),ft=function(){function e(e){this.rules=[],this.length=0}return e.prototype.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},e.prototype.deleteRule=function(e){this.rules.splice(e,1),this.length--},e.prototype.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),mt=ue,gt={isServer:!ue,useCSSOMInjection:!pe},yt=function(){function e(e,t,n){void 0===e&&(e=ge),void 0===t&&(t={});var r=this;this.options=a(a({},gt),e),this.gs=t,this.names=new Map(n),this.server=!!e.isServer,!this.server&&ue&&mt&&(mt=!1,function(e){for(var t=document.querySelectorAll(it),n=0,r=t.length;n<r;n++){var o=t[n];o&&"active"!==o.getAttribute(le)&&(ut(e,o),o.parentNode&&o.parentNode.removeChild(o))}}(this)),Ze(this,(function(){return function(e){for(var t=e.getTag(),n=t.length,r="",o=function(n){var o=function(e){return rt.get(e)}(n);if(void 0===o)return"continue";var a=e.names.get(o),s=t.getGroup(n);if(void 0===a||0===s.length)return"continue";var i="".concat(le,".g").concat(n,'[id="').concat(o,'"]'),c="";void 0!==a&&a.forEach((function(e){e.length>0&&(c+="".concat(e,","))})),r+="".concat(s).concat(i,'{content:"').concat(c,'"}').concat("/*!sc*/\n")},a=0;a<n;a++)o(a);return r}(r)}))}return e.registerId=function(e){return at(e)},e.prototype.reconstructWithOptions=function(t,n){return void 0===n&&(n=!0),new e(a(a({},this.options),t),this.gs,n&&this.names||void 0)},e.prototype.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(e=function(e){var t=e.useCSSOMInjection,n=e.target;return e.isServer?new ft(n):t?new dt(n):new ht(n)}(this.options),new tt(e)));var e},e.prototype.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},e.prototype.registerName=function(e,t){if(at(e),this.names.has(e))this.names.get(e).add(t);else{var n=new Set;n.add(t),this.names.set(e,n)}},e.prototype.insertRules=function(e,t,n){this.registerName(e,t),this.getTag().insertRules(at(e),n)},e.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},e.prototype.clearRules=function(e){this.getTag().clearGroup(at(e)),this.clearNames(e)},e.prototype.clearTag=function(){this.tag=void 0},e}(),vt=/&/g,bt=/^\s*\/\/.*$/gm;function wt(e,t){return e.map((function(e){return"rule"===e.type&&(e.value="".concat(t," ").concat(e.value),e.value=e.value.replaceAll(",",",".concat(t," ")),e.props=e.props.map((function(e){return"".concat(t," ").concat(e)}))),Array.isArray(e.children)&&"@keyframes"!==e.type&&(e.children=wt(e.children,t)),e}))}var St=new yt,kt=function(e){var t,n,r,o=void 0===e?ge:e,a=o.options,s=void 0===a?ge:a,i=o.plugins,c=void 0===i?me:i,l=function(e,r,o){return o===n||o.startsWith(n)&&o.endsWith(n)&&o.replaceAll(n,"").length>0?".".concat(t):e},u=c.slice();u.push((function(e){e.type===f&&e.value.includes("&")&&(e.props[0]=e.props[0].replace(vt,n).replace(r,l))})),s.prefix&&u.push(ie),u.push(se);var p=function(e,o,a,i){void 0===o&&(o=""),void 0===a&&(a=""),void 0===i&&(i="&"),t=i,n=o,r=new RegExp("\\".concat(n,"\\b"),"g");var c=e.replace(bt,""),l=Q(a||o?"".concat(a," ").concat(o," { ").concat(c," }"):c);s.namespace&&(l=wt(l,s.namespace));var p,d=[];return ae(l,function(e){var t=I(e);return function(n,r,o,a){for(var s="",i=0;i<t;i++)s+=e[i](n,r,o,a)||"";return s}}(u.concat((p=function(e){return d.push(e)},function(e){e.root||(e=e.return)&&p(e)})))),d};return p.hash=c.length?c.reduce((function(e,t){return t.name||et(15),Ce(e,t.name)}),5381).toString():"",p}(),xt=e.createContext({shouldForwardProp:void 0,styleSheet:St,stylis:kt});function Et(){return o(xt)}xt.Consumer,e.createContext(void 0);var Ct=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=kt);var r=n.name+t.hash;e.hasNameForId(n.id,r)||e.insertRules(n.id,r,t(n.rules,r,"@keyframes"))},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=t,Ze(this,(function(){throw et(12,String(n.name))}))}return e.prototype.getName=function(e){return void 0===e&&(e=kt),this.name+e.hash},e}(),At=function(e){return e>="A"&&e<="Z"};function Nt(e){for(var t="",n=0;n<e.length;n++){var r=e[n];if(1===n&&"-"===r&&"-"===e[0])return e;At(r)?t+="-"+r.toLowerCase():t+=r}return t.startsWith("ms-")?"-"+t:t}var Pt=function(e){return null==e||!1===e||""===e},It=function(e){var t,n,r=[];for(var o in e){var a=e[o];e.hasOwnProperty(o)&&!Pt(a)&&(Array.isArray(a)&&a.isCss||Ye(a)?r.push("".concat(Nt(o),":"),a,";"):Xe(a)?r.push.apply(r,s(s(["".concat(o," {")],It(a),!1),["}"],!1)):r.push("".concat(Nt(o),": ").concat((t=o,null==(n=a)||"boolean"==typeof n||""===n?"":"number"!=typeof n||0===n||t in ce||t.startsWith("--")?String(n).trim():"".concat(n,"px")),";")))}return r};function Ot(e,t,n,r){if(Pt(e))return[];if(We(e))return[".".concat(e.styledComponentId)];if(Ye(e)){if(!Ye(a=e)||a.prototype&&a.prototype.isReactComponent||!t)return[e];var o=e(t);return"production"===process.env.NODE_ENV||"object"!=typeof o||Array.isArray(o)||o instanceof Ct||Xe(o)||null===o||console.error("".concat(Pe(e)," is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")),Ot(o,t,n,r)}var a;return e instanceof Ct?n?(e.inject(n,r),[e.getName(r)]):[e]:Xe(e)?It(e):Array.isArray(e)?Array.prototype.concat.apply(me,e.map((function(e){return Ot(e,t,n,r)}))):[e.toString()]}var Rt=Ae("6.1.1"),_t=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic="production"===process.env.NODE_ENV&&(void 0===n||n.isStatic)&&function(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(Ye(n)&&!We(n))return!1}return!0}(e),this.componentId=t,this.baseHash=Ce(Rt,t),this.baseStyle=n,yt.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,n){var r=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,t,n):"";if(this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(this.componentId,this.staticRulesId))r=qe(r,this.staticRulesId);else{var o=Ue(Ot(this.rules,e,t,n)),a=xe(Ce(this.baseHash,o)>>>0);if(!t.hasNameForId(this.componentId,a)){var s=n(o,".".concat(a),void 0,this.componentId);t.insertRules(this.componentId,a,s)}r=qe(r,a),this.staticRulesId=a}else{for(var i=Ce(this.baseHash,n.hash),c="",l=0;l<this.rules.length;l++){var u=this.rules[l];if("string"==typeof u)c+=u,"production"!==process.env.NODE_ENV&&(i=Ce(i,u));else if(u){var p=Ue(Ot(u,e,t,n));i=Ce(i,p+l),c+=p}}if(c){var d=xe(i>>>0);t.hasNameForId(this.componentId,d)||t.insertRules(this.componentId,d,n(c,".".concat(d),void 0,this.componentId)),r=qe(r,d)}}return r},e}(),Tt=e.createContext(void 0);Tt.Consumer;var $t={},Dt=new Set;function jt(t,o,s){var i=We(t),c=t,u=!Ie(t),p=o.attrs,d=void 0===p?me:p,h=o.componentId,f=void 0===h?function(e,t){var n="string"!=typeof e?"sc":we(e);$t[n]=($t[n]||0)+1;var r="".concat(n,"-").concat(Ne("6.1.1"+n+$t[n]));return t?"".concat(t,"-").concat(r):r}(o.displayName,o.parentComponentId):h,m=o.displayName,g=void 0===m?function(e){return Ie(e)?"styled.".concat(e):"Styled(".concat(Pe(e),")")}(t):m,y=o.displayName&&o.componentId?"".concat(we(o.displayName),"-").concat(o.componentId):o.componentId||f,v=i&&c.attrs?c.attrs.concat(d).filter(Boolean):d,b=o.shouldForwardProp;if(i&&c.shouldForwardProp){var w=c.shouldForwardProp;if(o.shouldForwardProp){var S=o.shouldForwardProp;b=function(e,t){return w(e,t)&&S(e,t)}}else b=w}var k=new _t(s,y,i?c.componentStyle:void 0);function x(t,o){return function(t,o,s){var i=t.attrs,c=t.componentStyle,u=t.defaultProps,p=t.foldedComponentIds,d=t.styledComponentId,h=t.target,f=e.useContext(Tt),m=Et(),g=t.shouldForwardProp||m.shouldForwardProp;"production"!==process.env.NODE_ENV&&n(d);var y=function(e,t,n){for(var r,o=a(a({},t),{className:void 0,theme:n}),s=0;s<e.length;s+=1){var i=Ye(r=e[s])?r(o):r;for(var c in i)o[c]="className"===c?qe(o[c],i[c]):"style"===c?a(a({},o[c]),i[c]):i[c]}return t.className&&(o.className=qe(o.className,t.className)),o}(i,o,function(e,t,n){return void 0===n&&(n=ge),e.theme!==n.theme&&e.theme||t||n.theme}(o,f,u)||ge),v=y.as||h,b={};for(var w in y)void 0===y[w]||"$"===w[0]||"as"===w||"theme"===w||("forwardedAs"===w?b.as=y.forwardedAs:g&&!g(w,v)||(b[w]=y[w],g||"development"!==process.env.NODE_ENV||l(w)||Dt.has(w)||!ye.has(v)||(Dt.add(w),console.warn('styled-components: it looks like an unknown prop "'.concat(w,'" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));var S=function(e,t){var r=Et(),o=e.generateAndInjectStyles(t,r.styleSheet,r.stylis);return"production"!==process.env.NODE_ENV&&n(o),o}(c,y);"production"!==process.env.NODE_ENV&&t.warnTooManyClasses&&t.warnTooManyClasses(S);var k=qe(p,d);return S&&(k+=" "+S),y.className&&(k+=" "+y.className),b[Ie(v)&&!ye.has(v)?"class":"className"]=k,b.ref=s,r(v,b)}(E,t,o)}x.displayName=g;var E=e.forwardRef(x);return E.attrs=v,E.componentStyle=k,E.displayName=g,E.shouldForwardProp=b,E.foldedComponentIds=i?qe(c.foldedComponentIds,c.styledComponentId):"",E.styledComponentId=y,E.target=i?c.target:t,Object.defineProperty(E,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=i?function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];for(var r=0,o=t;r<o.length;r++)Ke(e,o[r],!0);return e}({},c.defaultProps,e):e}}),"production"!==process.env.NODE_ENV&&(fe(g,y),E.warnTooManyClasses=function(e,t){var n={},r=!1;return function(o){if(!r&&(n[o]=!0,Object.keys(n).length>=200)){var a=t?' with the id of "'.concat(t,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(e).concat(a,".\n")+"Consider using the attrs method, together with a style object for frequently changed styles.\nExample:\n const Component = styled.div.attrs(props => ({\n style: {\n background: props.background,\n },\n }))`width: 100%;`\n\n <Component />"),r=!0,n={}}}}(g,y)),Ze(E,(function(){return".".concat(E.styledComponentId)})),u&&He(E,t,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),E}function zt(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}var Mt=function(e){return Object.assign(e,{isCss:!0})};function Lt(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];if(Ye(e)||Xe(e))return Mt(Ot(zt(me,s([e],t,!0))));var r=e;return 0===t.length&&1===r.length&&"string"==typeof r[0]?Ot(r):Mt(Ot(zt(r,t)))}function Ft(e,t,n){if(void 0===n&&(n=ge),!t)throw et(1,t);var r=function(r){for(var o=[],a=1;a<arguments.length;a++)o[a-1]=arguments[a];return e(t,n,Lt.apply(void 0,s([r],o,!1)))};return r.attrs=function(r){return Ft(e,t,a(a({},n),{attrs:Array.prototype.concat(n.attrs,r).filter(Boolean)}))},r.withConfig=function(r){return Ft(e,t,a(a({},n),r))},r}var Vt=function(e){return Ft(jt,e)},Bt=Vt;ye.forEach((function(e){Bt[e]=Vt(e)})),"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native");var Gt="__sc-".concat(le,"__");"production"!==process.env.NODE_ENV&&"test"!==process.env.NODE_ENV&&"undefined"!=typeof window&&(window[Gt]||(window[Gt]=0),1===window[Gt]&&console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\n\nSee https://s-c.sh/2BAXzed for more info."),window[Gt]+=1);const Ht={mini:2,small:2.5,medium:4,big:5},Yt={slow:1,medium:.7,fast:.4},Wt={mini:12,small:16,medium:24,big:32},qt=(function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");var r=Ue(Lt.apply(void 0,s([e],t,!1))),o=Ne(r);return new Ct(o,r)})`
|
|
2
|
+
to { transform: rotate(360deg); }
|
|
3
|
+
`,Ut=Bt.div`
|
|
4
|
+
position: relative;
|
|
5
|
+
border: ${({size:e})=>Ht[e]}px solid
|
|
6
|
+
${({theme:e})=>e.colors.common.accent};
|
|
7
|
+
border-radius: 50%;
|
|
8
|
+
border-top: ${({size:e})=>Ht[e]}px solid
|
|
9
|
+
${({theme:e})=>e.colors.text.inverse};
|
|
10
|
+
width: ${({size:e})=>Wt[e]}px;
|
|
11
|
+
height: ${({size:e})=>Wt[e]}px;
|
|
12
|
+
animation: ${qt} ${({speed:e})=>Yt[e]}s linear infinite;
|
|
13
|
+
`,Xt=t=>{const{size:n="medium",speed:r="medium"}=t;return e.createElement(Ut,{className:"fui-loader",speed:r,size:n})};export{Xt as Loader};
|