@etus/design-system 1.0.4 → 2.0.0
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/lib/ColorPicker.css +1 -0
- package/lib/Container.css +1 -0
- package/lib/Dialog.css +1 -0
- package/lib/Drawer.css +1 -0
- package/lib/Dropdown.css +1 -0
- package/lib/FloatCard.css +1 -0
- package/lib/Input.css +1 -0
- package/lib/Label.css +1 -0
- package/lib/Option.css +1 -0
- package/lib/Overlay.css +1 -0
- package/lib/PINInput.css +1 -0
- package/lib/SelectContainer.css +1 -0
- package/lib/SelectContent.css +1 -0
- package/lib/Slider.css +1 -0
- package/lib/Stepper.css +1 -0
- package/lib/Textarea.css +1 -0
- package/lib/Toast.css +1 -0
- package/lib/Tooltip.css +1 -0
- package/lib/assets/ColorPicker-BNr6Tiux.css +1 -0
- package/lib/assets/ColorPicker-BzlgPz70.js +1 -0
- package/lib/assets/ColorPicker-DRs5fhzn.js +1 -0
- package/lib/assets/Confirm-BE6kYeL-.js +1 -0
- package/lib/assets/Confirm-Dh3P9z1Y.js +1 -0
- package/lib/assets/Container-BsNA9KWk.css +1 -0
- package/lib/assets/Dialog-99dphHY5.css +1 -0
- package/lib/assets/Drawer-CxCCzcyW.css +1 -0
- package/lib/assets/Dropdown-CBRpgE72.css +1 -0
- package/lib/assets/FloatCard-BGxNbGZp.js +1 -0
- package/lib/assets/FloatCard-BgZPzHss.css +1 -0
- package/lib/assets/FloatCard-Ci8mP8y4.js +1 -0
- package/lib/assets/Input-BRokEqU3.js +1 -0
- package/lib/assets/Input-vjtA9tbV.css +1 -0
- package/lib/assets/Input-xnq3TVKa.js +1 -0
- package/lib/assets/Label-BTtohMHb.js +1 -0
- package/lib/assets/Label-CQM-qY-2.css +1 -0
- package/lib/assets/Label-bwrT7VIV.js +1 -0
- package/lib/assets/Option-C3y81jtN.css +1 -0
- package/lib/assets/Overlay-CV1mFJt6.css +1 -0
- package/lib/assets/PINInput-B5Xok4so.css +1 -0
- package/lib/assets/PINInput-deYOmkvM.js +1 -0
- package/lib/assets/PINInput-sc5bHYA7.js +1 -0
- package/lib/assets/RichTextEditor-BorOBshN.js +1 -0
- package/lib/assets/RichTextEditor-kBX-T9zz.js +1 -0
- package/lib/assets/SelectContainer-BlWVlFUV.css +1 -0
- package/lib/assets/SelectContent-CMJbFlkr.css +1 -0
- package/lib/assets/Sidebar-0DxOZadF.js +1 -0
- package/lib/assets/Sidebar-CPpl8WM2.js +1 -0
- package/lib/assets/Slider-CKHyJwpq.css +1 -0
- package/lib/assets/Slider-DManJgem.js +1 -0
- package/lib/assets/Slider-DPMaQG2C.js +1 -0
- package/lib/assets/Stepper-BKI03jce.css +1 -0
- package/lib/assets/Textarea-3aSTtzWW.css +1 -0
- package/lib/assets/Textarea-CFobhecb.js +1 -0
- package/lib/assets/Textarea-foQgQnsz.js +1 -0
- package/lib/assets/Toast-CtUhQGfE.css +1 -0
- package/lib/assets/Toast-DIAVNK5L.js +1 -0
- package/lib/assets/Toast-w4v5o8DT.js +1 -0
- package/lib/assets/Tooltip-DW188jnW.css +1 -0
- package/lib/assets/Tooltip-DbBhUsGz.js +1 -0
- package/lib/assets/Tooltip-Diruxnme.js +1 -0
- package/lib/assets/Tree-BbX0rS-d.js +1 -0
- package/lib/assets/Tree-DNsiZzdg.js +1 -0
- package/lib/assets/clsx-B-dksMZM.js +1 -0
- package/lib/assets/clsx-C11secjj.js +1 -0
- package/lib/assets/colors-C7f-Usn5.css +1 -0
- package/lib/assets/index-B_deyTVk.js +1 -0
- package/lib/assets/index-CX6wEu92.js +1 -0
- package/lib/assets/index-CfBpf7CU.css +1 -0
- package/lib/assets/index-DTWUsnKp.css +1 -0
- package/lib/assets/main-BaReR0qp.css +1 -0
- package/lib/colors.css +1 -0
- package/lib/components/Accordion/Accordion.d.ts +11 -0
- package/lib/components/Accordion/index.cjs.js +1 -0
- package/lib/components/Accordion/index.d.ts +1 -7
- package/lib/components/Accordion/index.es.js +1 -0
- package/lib/components/ActionCard/ActionCard.d.ts +19 -0
- package/lib/components/ActionCard/index.cjs.js +1 -0
- package/lib/components/ActionCard/index.d.ts +1 -7
- package/lib/components/ActionCard/index.es.js +1 -0
- package/lib/components/Alert/Alert.d.ts +21 -0
- package/lib/components/Alert/index.cjs.js +1 -0
- package/lib/components/Alert/index.d.ts +1 -7
- package/lib/components/Alert/index.es.js +1 -0
- package/lib/components/AutoComplete/AutoComplete.d.ts +15 -0
- package/lib/components/AutoComplete/index.cjs.js +1 -0
- package/lib/components/AutoComplete/index.d.ts +1 -7
- package/lib/components/AutoComplete/index.es.js +1 -0
- package/lib/components/Avatar/Avatar.d.ts +8 -0
- package/lib/components/Avatar/index.cjs.js +1 -0
- package/lib/components/Avatar/index.d.ts +1 -7
- package/lib/components/Avatar/index.es.js +1 -0
- package/lib/components/Badge/Badge.d.ts +14 -0
- package/lib/components/Badge/index.cjs.js +1 -0
- package/lib/components/Badge/index.d.ts +1 -7
- package/lib/components/Badge/index.es.js +1 -0
- package/lib/components/Breadcrumb/Breadcrumb.d.ts +11 -0
- package/lib/components/Breadcrumb/index.cjs.js +1 -0
- package/lib/components/Breadcrumb/index.d.ts +1 -7
- package/lib/components/Breadcrumb/index.es.js +1 -0
- package/lib/components/Button/Button.d.ts +19 -0
- package/lib/components/Button/index.cjs.js +1 -0
- package/lib/components/Button/index.d.ts +1 -7
- package/lib/components/Button/index.es.js +1 -0
- package/lib/components/Calendar/Calendar.d.ts +51 -0
- package/lib/components/Calendar/index.cjs.js +1 -0
- package/lib/components/Calendar/index.d.ts +1 -7
- package/lib/components/Calendar/index.es.js +1 -0
- package/lib/components/Card/Card.d.ts +6 -0
- package/lib/components/Card/index.cjs.js +1 -0
- package/lib/components/Card/index.d.ts +1 -7
- package/lib/components/Card/index.es.js +1 -0
- package/lib/components/Carousel/Carousel.d.ts +17 -0
- package/lib/components/Carousel/index.cjs.js +1 -0
- package/lib/components/Carousel/index.d.ts +1 -7
- package/lib/components/Carousel/index.es.js +1 -0
- package/lib/components/Checkbox/Checkbox.d.ts +13 -0
- package/lib/components/Checkbox/index.cjs.js +1 -0
- package/lib/components/Checkbox/index.d.ts +1 -7
- package/lib/components/Checkbox/index.es.js +1 -0
- package/lib/components/ColorPicker/ColorPicker.d.ts +11 -0
- package/lib/components/ColorPicker/index.cjs.js +1 -0
- package/lib/components/ColorPicker/index.d.ts +1 -7
- package/lib/components/ColorPicker/index.es.js +1 -0
- package/lib/components/Confirm/Confirm.d.ts +15 -0
- package/lib/components/Confirm/index.cjs.js +1 -0
- package/lib/components/Confirm/index.d.ts +1 -7
- package/lib/components/Confirm/index.es.js +1 -0
- package/lib/components/Connector/Connector.d.ts +6 -0
- package/lib/components/Connector/index.cjs.js +1 -0
- package/lib/components/Connector/index.d.ts +1 -7
- package/lib/components/Connector/index.es.js +1 -0
- package/lib/components/Crop/Crop.d.ts +10 -0
- package/lib/components/Crop/index.cjs.js +1 -0
- package/lib/components/Crop/index.d.ts +1 -7
- package/lib/components/Crop/index.es.js +1 -0
- package/lib/components/DatePicker/DatePicker.d.ts +38 -0
- package/lib/components/DatePicker/index.cjs.js +1 -0
- package/lib/components/DatePicker/index.d.ts +1 -7
- package/lib/components/DatePicker/index.es.js +1 -0
- package/lib/components/Dialog/Dialog.d.ts +10 -0
- package/lib/components/Dialog/index.cjs.js +1 -0
- package/lib/components/Dialog/index.d.ts +1 -7
- package/lib/components/Dialog/index.es.js +1 -0
- package/lib/components/Drawer/Drawer.d.ts +11 -0
- package/lib/components/Drawer/index.cjs.js +1 -0
- package/lib/components/Drawer/index.d.ts +1 -7
- package/lib/components/Drawer/index.es.js +1 -0
- package/lib/components/Dropdown/Dropdown.d.ts +54 -0
- package/lib/components/Dropdown/index.cjs.js +1 -0
- package/lib/components/Dropdown/index.d.ts +1 -7
- package/lib/components/Dropdown/index.es.js +1 -0
- package/lib/components/FileUpload/FileUpload.d.ts +25 -0
- package/lib/components/FileUpload/index.cjs.js +1 -0
- package/lib/components/FileUpload/index.d.ts +1 -7
- package/lib/components/FileUpload/index.es.js +1 -0
- package/lib/components/Filter/Filter.d.ts +24 -0
- package/lib/components/Filter/index.cjs.js +1 -0
- package/lib/components/Filter/index.d.ts +1 -7
- package/lib/components/Filter/index.es.js +1 -0
- package/lib/components/FloatCard/FloatCard.d.ts +10 -0
- package/lib/components/FloatCard/index.cjs.js +1 -0
- package/lib/components/FloatCard/index.d.ts +1 -7
- package/lib/components/FloatCard/index.es.js +1 -0
- package/lib/components/History/History.d.ts +17 -0
- package/lib/components/History/index.cjs.js +1 -0
- package/lib/components/History/index.d.ts +1 -7
- package/lib/components/History/index.es.js +1 -0
- package/lib/components/Icon/Icon.d.ts +10 -0
- package/lib/components/Icon/index.cjs.js +1 -0
- package/lib/components/Icon/index.d.ts +2 -7
- package/lib/components/Icon/index.es.js +1 -0
- package/lib/components/IconCard/IconCard.d.ts +16 -0
- package/lib/components/IconCard/index.cjs.js +1 -0
- package/lib/components/IconCard/index.d.ts +1 -7
- package/lib/components/IconCard/index.es.js +1 -0
- package/lib/components/Image/Image.d.ts +12 -0
- package/lib/components/Image/index.cjs.js +1 -0
- package/lib/components/Image/index.d.ts +1 -7
- package/lib/components/Image/index.es.js +1 -0
- package/lib/components/Input/Input.d.ts +38 -0
- package/lib/components/Input/index.cjs.js +1 -0
- package/lib/components/Input/index.d.ts +1 -7
- package/lib/components/Input/index.es.js +1 -0
- package/lib/components/MetricCard/MetricCard.d.ts +37 -0
- package/lib/components/MetricCard/index.cjs.js +1 -0
- package/lib/components/MetricCard/index.d.ts +1 -7
- package/lib/components/MetricCard/index.es.js +1 -0
- package/lib/components/Navbar/Navbar.d.ts +26 -0
- package/lib/components/Navbar/index.cjs.js +1 -0
- package/lib/components/Navbar/index.d.ts +1 -7
- package/lib/components/Navbar/index.es.js +1 -0
- package/lib/components/PINInput/PINInput.d.ts +20 -0
- package/lib/components/PINInput/index.cjs.js +1 -0
- package/lib/components/PINInput/index.d.ts +1 -7
- package/lib/components/PINInput/index.es.js +1 -0
- package/lib/components/Pagination/Pagination.d.ts +9 -0
- package/lib/components/Pagination/index.cjs.js +1 -0
- package/lib/components/Pagination/index.d.ts +1 -7
- package/lib/components/Pagination/index.es.js +1 -0
- package/lib/components/Profile/Profile.d.ts +33 -0
- package/lib/components/Profile/index.cjs.js +1 -0
- package/lib/components/Profile/index.d.ts +1 -7
- package/lib/components/Profile/index.es.js +1 -0
- package/lib/components/ProgressBar/ProgressBar.d.ts +16 -0
- package/lib/components/ProgressBar/index.cjs.js +1 -0
- package/lib/components/ProgressBar/index.d.ts +1 -7
- package/lib/components/ProgressBar/index.es.js +1 -0
- package/lib/components/Radio/Radio.d.ts +13 -0
- package/lib/components/Radio/index.cjs.js +1 -0
- package/lib/components/Radio/index.d.ts +1 -7
- package/lib/components/Radio/index.es.js +1 -0
- package/lib/components/RadioGroup/RadioGroup.d.ts +20 -0
- package/lib/components/RadioGroup/index.cjs.js +1 -0
- package/lib/components/RadioGroup/index.d.ts +1 -7
- package/lib/components/RadioGroup/index.es.js +1 -0
- package/lib/components/RichTextEditor/Color.d.ts +8 -0
- package/lib/components/RichTextEditor/Colors.d.ts +11 -0
- package/lib/components/RichTextEditor/RichTextEditor.d.ts +18 -0
- package/lib/components/RichTextEditor/index.cjs.js +1 -0
- package/lib/components/RichTextEditor/index.d.ts +1 -7
- package/lib/components/RichTextEditor/index.es.js +1 -0
- package/lib/components/RoundMenu/RoundMenu.d.ts +13 -0
- package/lib/components/RoundMenu/index.cjs.js +1 -0
- package/lib/components/RoundMenu/index.d.ts +1 -7
- package/lib/components/RoundMenu/index.es.js +1 -0
- package/lib/components/Select/Select.d.ts +35 -0
- package/lib/components/Select/index.cjs.js +1 -0
- package/lib/components/Select/index.d.ts +1 -7
- package/lib/components/Select/index.es.js +1 -0
- package/lib/components/Separator/Separator.d.ts +6 -0
- package/lib/components/Separator/index.cjs.js +1 -0
- package/lib/components/Separator/index.d.ts +1 -7
- package/lib/components/Separator/index.es.js +1 -0
- package/lib/components/Sidebar/Sidebar.d.ts +12 -0
- package/lib/components/Sidebar/index.cjs.js +1 -0
- package/lib/components/Sidebar/index.d.ts +1 -7
- package/lib/components/Sidebar/index.es.js +1 -0
- package/lib/components/Skeleton/Skeleton.d.ts +4 -0
- package/lib/components/Skeleton/index.cjs.js +1 -0
- package/lib/components/Skeleton/index.d.ts +1 -7
- package/lib/components/Skeleton/index.es.js +1 -0
- package/lib/components/Slider/Slider.d.ts +21 -0
- package/lib/components/Slider/index.cjs.js +1 -0
- package/lib/components/Slider/index.d.ts +1 -7
- package/lib/components/Slider/index.es.js +1 -0
- package/lib/components/Spinner/Spinner.d.ts +4 -0
- package/lib/components/Spinner/index.cjs.js +1 -0
- package/lib/components/Spinner/index.d.ts +1 -7
- package/lib/components/Spinner/index.es.js +1 -0
- package/lib/components/StatusBadge/StatusBadge.d.ts +14 -0
- package/lib/components/StatusBadge/index.cjs.js +1 -0
- package/lib/components/StatusBadge/index.d.ts +1 -7
- package/lib/components/StatusBadge/index.es.js +1 -0
- package/lib/components/Stepper/Stepper.d.ts +16 -0
- package/lib/components/Stepper/index.cjs.js +1 -0
- package/lib/components/Stepper/index.d.ts +1 -7
- package/lib/components/Stepper/index.es.js +1 -0
- package/lib/components/Switch/Switch.d.ts +12 -0
- package/lib/components/Switch/index.cjs.js +1 -0
- package/lib/components/Switch/index.d.ts +1 -7
- package/lib/components/Switch/index.es.js +1 -0
- package/lib/components/Tab/Tab.d.ts +16 -0
- package/lib/components/Tab/index.cjs.js +1 -0
- package/lib/components/Tab/index.d.ts +1 -7
- package/lib/components/Tab/index.es.js +1 -0
- package/lib/components/Table/Table.d.ts +70 -0
- package/lib/components/Table/index.cjs.js +1 -0
- package/lib/components/Table/index.d.ts +1 -7
- package/lib/components/Table/index.es.js +1 -0
- package/lib/components/TagInput/TagInput.d.ts +32 -0
- package/lib/components/TagInput/index.cjs.js +1 -0
- package/lib/components/TagInput/index.d.ts +1 -7
- package/lib/components/TagInput/index.es.js +1 -0
- package/lib/components/TagSelect/TagSelect.d.ts +25 -0
- package/lib/components/TagSelect/index.cjs.js +1 -0
- package/lib/components/TagSelect/index.d.ts +1 -7
- package/lib/components/TagSelect/index.es.js +1 -0
- package/lib/components/Textarea/Textarea.d.ts +20 -0
- package/lib/components/Textarea/index.cjs.js +1 -0
- package/lib/components/Textarea/index.d.ts +1 -7
- package/lib/components/Textarea/index.es.js +1 -0
- package/lib/components/Toast/Toast.d.ts +26 -0
- package/lib/components/Toast/index.cjs.js +1 -0
- package/lib/components/Toast/index.d.ts +1 -7
- package/lib/components/Toast/index.es.js +1 -0
- package/lib/components/Toggle/Toggle.d.ts +13 -0
- package/lib/components/Toggle/index.cjs.js +1 -0
- package/lib/components/Toggle/index.d.ts +1 -7
- package/lib/components/Toggle/index.es.js +1 -0
- package/lib/components/ToggleGroup/ToggleGroup.d.ts +22 -0
- package/lib/components/ToggleGroup/index.cjs.js +1 -0
- package/lib/components/ToggleGroup/index.d.ts +1 -7
- package/lib/components/ToggleGroup/index.es.js +1 -0
- package/lib/components/Tooltip/Tooltip.d.ts +15 -0
- package/lib/components/Tooltip/index.cjs.js +1 -0
- package/lib/components/Tooltip/index.d.ts +1 -7
- package/lib/components/Tooltip/index.es.js +1 -0
- package/lib/components/Tree/Tree.d.ts +14 -0
- package/lib/components/Tree/index.cjs.js +1 -0
- package/lib/components/Tree/index.d.ts +1 -7
- package/lib/components/Tree/index.es.js +1 -0
- package/lib/components/index.d.ts +57 -58
- package/lib/design-system.cjs.js +1 -13
- package/lib/design-system.css +1 -0
- package/lib/design-system.es.js +1 -10101
- package/lib/design-system.umd.js +7 -12
- package/lib/hooks/index.d.ts +20 -0
- package/lib/hooks/useClickOutside.cjs.js +1 -0
- package/lib/hooks/useClickOutside.d.ts +1 -0
- package/lib/hooks/useClickOutside.es.js +1 -0
- package/lib/hooks/useControllable.cjs.js +1 -0
- package/lib/hooks/useControllable.d.ts +6 -0
- package/lib/hooks/useControllable.es.js +1 -0
- package/lib/hooks/useTransition.cjs.js +1 -0
- package/lib/hooks/useTransition.d.ts +7 -0
- package/lib/hooks/useTransition.es.js +1 -0
- package/lib/index.css +1 -1
- package/lib/index.d.ts +8 -7
- package/lib/index2.css +1 -0
- package/lib/index3.css +1 -0
- package/lib/main.d.ts +8 -5
- package/lib/providers/DesignSystemProvider.d.ts +4 -0
- package/lib/providers/index.d.ts +1 -0
- package/lib/utils/components/Container.d.ts +28 -0
- package/lib/utils/components/ExpandableContainer.d.ts +30 -0
- package/lib/utils/components/Group.d.ts +17 -0
- package/lib/utils/components/Label.d.ts +8 -0
- package/lib/utils/components/Option.d.ts +10 -0
- package/lib/utils/components/Overlay.d.ts +8 -0
- package/lib/utils/components/SelectContainer.d.ts +31 -0
- package/lib/utils/components/SelectContent.d.ts +25 -0
- package/lib/utils/event.d.ts +5 -5
- package/lib/utils/index.d.ts +20 -48
- package/lib/utils/types/ContainerModelExtra.d.ts +3 -1
- package/lib/utils/types/DropOption.d.ts +5 -0
- package/lib/utils/types/Group.d.ts +5 -0
- package/lib/utils/types/Option.d.ts +9 -1
- package/lib/utils/types/SidebarOption.d.ts +6 -2
- package/package.json +45 -34
- package/lib/components/Accordion/Accordion.vue.d.ts +0 -35
- package/lib/components/Accordion/Accordion.vue.d.ts.map +0 -1
- package/lib/components/Accordion/index.d.ts.map +0 -1
- package/lib/components/ActionCard/ActionCard.vue.d.ts +0 -36
- package/lib/components/ActionCard/ActionCard.vue.d.ts.map +0 -1
- package/lib/components/ActionCard/index.d.ts.map +0 -1
- package/lib/components/Alert/Alert.vue.d.ts +0 -74
- package/lib/components/Alert/Alert.vue.d.ts.map +0 -1
- package/lib/components/Alert/index.d.ts.map +0 -1
- package/lib/components/AutoComplete/AutoComplete.vue.d.ts +0 -107
- package/lib/components/AutoComplete/AutoComplete.vue.d.ts.map +0 -1
- package/lib/components/AutoComplete/index.d.ts.map +0 -1
- package/lib/components/Avatar/Avatar.vue.d.ts +0 -21
- package/lib/components/Avatar/Avatar.vue.d.ts.map +0 -1
- package/lib/components/Avatar/index.d.ts.map +0 -1
- package/lib/components/Badge/Badge.vue.d.ts +0 -72
- package/lib/components/Badge/Badge.vue.d.ts.map +0 -1
- package/lib/components/Badge/index.d.ts.map +0 -1
- package/lib/components/Breadcrumb/Breadcrumb.vue.d.ts +0 -47
- package/lib/components/Breadcrumb/Breadcrumb.vue.d.ts.map +0 -1
- package/lib/components/Breadcrumb/index.d.ts.map +0 -1
- package/lib/components/Button/Button.vue.d.ts +0 -97
- package/lib/components/Button/Button.vue.d.ts.map +0 -1
- package/lib/components/Button/index.d.ts.map +0 -1
- package/lib/components/Calendar/Calendar.vue.d.ts +0 -39
- package/lib/components/Calendar/Calendar.vue.d.ts.map +0 -1
- package/lib/components/Calendar/DateDialog.vue.d.ts +0 -51
- package/lib/components/Calendar/DateDialog.vue.d.ts.map +0 -1
- package/lib/components/Calendar/Day.vue.d.ts +0 -38
- package/lib/components/Calendar/Day.vue.d.ts.map +0 -1
- package/lib/components/Calendar/index.d.ts.map +0 -1
- package/lib/components/Card/Card.vue.d.ts +0 -9
- package/lib/components/Card/Card.vue.d.ts.map +0 -1
- package/lib/components/Card/index.d.ts.map +0 -1
- package/lib/components/Carousel/Carousel.vue.d.ts +0 -55
- package/lib/components/Carousel/Carousel.vue.d.ts.map +0 -1
- package/lib/components/Carousel/index.d.ts.map +0 -1
- package/lib/components/Checkbox/Checkbox.vue.d.ts +0 -50
- package/lib/components/Checkbox/Checkbox.vue.d.ts.map +0 -1
- package/lib/components/Checkbox/index.d.ts.map +0 -1
- package/lib/components/ColorPicker/ColorPicker.vue.d.ts +0 -34
- package/lib/components/ColorPicker/ColorPicker.vue.d.ts.map +0 -1
- package/lib/components/ColorPicker/index.d.ts.map +0 -1
- package/lib/components/Confirm/Confirm.vue.d.ts +0 -5
- package/lib/components/Confirm/Confirm.vue.d.ts.map +0 -1
- package/lib/components/Confirm/index.d.ts.map +0 -1
- package/lib/components/Connector/Connector.vue.d.ts +0 -17
- package/lib/components/Connector/Connector.vue.d.ts.map +0 -1
- package/lib/components/Connector/index.d.ts.map +0 -1
- package/lib/components/Crop/Crop.vue.d.ts +0 -38
- package/lib/components/Crop/Crop.vue.d.ts.map +0 -1
- package/lib/components/Crop/index.d.ts.map +0 -1
- package/lib/components/DatePicker/DatePicker.vue.d.ts +0 -150
- package/lib/components/DatePicker/DatePicker.vue.d.ts.map +0 -1
- package/lib/components/DatePicker/index.d.ts.map +0 -1
- package/lib/components/Dialog/Dialog.vue.d.ts +0 -42
- package/lib/components/Dialog/Dialog.vue.d.ts.map +0 -1
- package/lib/components/Dialog/index.d.ts.map +0 -1
- package/lib/components/Drawer/Drawer.vue.d.ts +0 -42
- package/lib/components/Drawer/Drawer.vue.d.ts.map +0 -1
- package/lib/components/Drawer/index.d.ts.map +0 -1
- package/lib/components/Dropdown/Dropdown.vue.d.ts +0 -118
- package/lib/components/Dropdown/Dropdown.vue.d.ts.map +0 -1
- package/lib/components/Dropdown/Option.vue.d.ts +0 -38
- package/lib/components/Dropdown/Option.vue.d.ts.map +0 -1
- package/lib/components/Dropdown/Options.vue.d.ts +0 -9
- package/lib/components/Dropdown/Options.vue.d.ts.map +0 -1
- package/lib/components/Dropdown/index.d.ts.map +0 -1
- package/lib/components/FileUpload/FileUpload.vue.d.ts +0 -102
- package/lib/components/FileUpload/FileUpload.vue.d.ts.map +0 -1
- package/lib/components/FileUpload/index.d.ts.map +0 -1
- package/lib/components/Filter/Filter.vue.d.ts +0 -101
- package/lib/components/Filter/Filter.vue.d.ts.map +0 -1
- package/lib/components/Filter/index.d.ts.map +0 -1
- package/lib/components/FloatCard/FloatCard.vue.d.ts +0 -26
- package/lib/components/FloatCard/FloatCard.vue.d.ts.map +0 -1
- package/lib/components/FloatCard/index.d.ts.map +0 -1
- package/lib/components/History/History.vue.d.ts +0 -42
- package/lib/components/History/History.vue.d.ts.map +0 -1
- package/lib/components/History/index.d.ts.map +0 -1
- package/lib/components/Icon/Icon.vue.d.ts +0 -26
- package/lib/components/Icon/Icon.vue.d.ts.map +0 -1
- package/lib/components/Icon/index.d.ts.map +0 -1
- package/lib/components/IconCard/IconCard.vue.d.ts +0 -38
- package/lib/components/IconCard/IconCard.vue.d.ts.map +0 -1
- package/lib/components/IconCard/index.d.ts.map +0 -1
- package/lib/components/Image/Image.vue.d.ts +0 -35
- package/lib/components/Image/Image.vue.d.ts.map +0 -1
- package/lib/components/Image/index.d.ts.map +0 -1
- package/lib/components/Input/Input.vue.d.ts +0 -139
- package/lib/components/Input/Input.vue.d.ts.map +0 -1
- package/lib/components/Input/index.d.ts.map +0 -1
- package/lib/components/MetricCard/MetricCard.vue.d.ts +0 -105
- package/lib/components/MetricCard/MetricCard.vue.d.ts.map +0 -1
- package/lib/components/MetricCard/index.d.ts.map +0 -1
- package/lib/components/Navbar/Navbar.vue.d.ts +0 -51
- package/lib/components/Navbar/Navbar.vue.d.ts.map +0 -1
- package/lib/components/Navbar/index.d.ts.map +0 -1
- package/lib/components/PINInput/PINInput.vue.d.ts +0 -73
- package/lib/components/PINInput/PINInput.vue.d.ts.map +0 -1
- package/lib/components/PINInput/index.d.ts.map +0 -1
- package/lib/components/Pagination/Pagination.vue.d.ts +0 -24
- package/lib/components/Pagination/Pagination.vue.d.ts.map +0 -1
- package/lib/components/Pagination/index.d.ts.map +0 -1
- package/lib/components/Profile/Profile.vue.d.ts +0 -69
- package/lib/components/Profile/Profile.vue.d.ts.map +0 -1
- package/lib/components/Profile/index.d.ts.map +0 -1
- package/lib/components/ProgressBar/ProgressBar.vue.d.ts +0 -80
- package/lib/components/ProgressBar/ProgressBar.vue.d.ts.map +0 -1
- package/lib/components/ProgressBar/index.d.ts.map +0 -1
- package/lib/components/Radio/Radio.vue.d.ts +0 -41
- package/lib/components/Radio/Radio.vue.d.ts.map +0 -1
- package/lib/components/Radio/index.d.ts.map +0 -1
- package/lib/components/RadioGroup/RadioGroup.vue.d.ts +0 -60
- package/lib/components/RadioGroup/RadioGroup.vue.d.ts.map +0 -1
- package/lib/components/RadioGroup/index.d.ts.map +0 -1
- package/lib/components/RichTextEditor/Color.vue.d.ts +0 -22
- package/lib/components/RichTextEditor/Color.vue.d.ts.map +0 -1
- package/lib/components/RichTextEditor/Colors.vue.d.ts +0 -35
- package/lib/components/RichTextEditor/Colors.vue.d.ts.map +0 -1
- package/lib/components/RichTextEditor/RichTextEditor.vue.d.ts +0 -104
- package/lib/components/RichTextEditor/RichTextEditor.vue.d.ts.map +0 -1
- package/lib/components/RichTextEditor/index.d.ts.map +0 -1
- package/lib/components/RoundMenu/RoundMenu.vue.d.ts +0 -9
- package/lib/components/RoundMenu/RoundMenu.vue.d.ts.map +0 -1
- package/lib/components/RoundMenu/index.d.ts.map +0 -1
- package/lib/components/Select/Select.vue.d.ts +0 -147
- package/lib/components/Select/Select.vue.d.ts.map +0 -1
- package/lib/components/Select/index.d.ts.map +0 -1
- package/lib/components/Separator/Separator.vue.d.ts +0 -15
- package/lib/components/Separator/Separator.vue.d.ts.map +0 -1
- package/lib/components/Separator/index.d.ts.map +0 -1
- package/lib/components/Sidebar/Option.vue.d.ts +0 -40
- package/lib/components/Sidebar/Option.vue.d.ts.map +0 -1
- package/lib/components/Sidebar/Sidebar.vue.d.ts +0 -37
- package/lib/components/Sidebar/Sidebar.vue.d.ts.map +0 -1
- package/lib/components/Sidebar/SubOption.vue.d.ts +0 -35
- package/lib/components/Sidebar/SubOption.vue.d.ts.map +0 -1
- package/lib/components/Sidebar/index.d.ts.map +0 -1
- package/lib/components/Skeleton/index.d.ts.map +0 -1
- package/lib/components/Slider/Slider.vue.d.ts +0 -99
- package/lib/components/Slider/Slider.vue.d.ts.map +0 -1
- package/lib/components/Slider/index.d.ts.map +0 -1
- package/lib/components/Spinner/index.d.ts.map +0 -1
- package/lib/components/StatusBadge/StatusBadge.vue.d.ts +0 -72
- package/lib/components/StatusBadge/StatusBadge.vue.d.ts.map +0 -1
- package/lib/components/StatusBadge/index.d.ts.map +0 -1
- package/lib/components/Stepper/Stepper.vue.d.ts +0 -82
- package/lib/components/Stepper/Stepper.vue.d.ts.map +0 -1
- package/lib/components/Stepper/index.d.ts.map +0 -1
- package/lib/components/Switch/Switch.vue.d.ts +0 -41
- package/lib/components/Switch/Switch.vue.d.ts.map +0 -1
- package/lib/components/Switch/index.d.ts.map +0 -1
- package/lib/components/Tab/Tab.vue.d.ts +0 -60
- package/lib/components/Tab/Tab.vue.d.ts.map +0 -1
- package/lib/components/Tab/index.d.ts.map +0 -1
- package/lib/components/Table/Table.vue.d.ts +0 -113
- package/lib/components/Table/Table.vue.d.ts.map +0 -1
- package/lib/components/Table/index.d.ts.map +0 -1
- package/lib/components/TagInput/TagInput.vue.d.ts +0 -111
- package/lib/components/TagInput/TagInput.vue.d.ts.map +0 -1
- package/lib/components/TagInput/index.d.ts.map +0 -1
- package/lib/components/TagSelect/TagSelect.vue.d.ts +0 -108
- package/lib/components/TagSelect/TagSelect.vue.d.ts.map +0 -1
- package/lib/components/TagSelect/index.d.ts.map +0 -1
- package/lib/components/Textarea/Textarea.vue.d.ts +0 -95
- package/lib/components/Textarea/Textarea.vue.d.ts.map +0 -1
- package/lib/components/Textarea/index.d.ts.map +0 -1
- package/lib/components/Toast/Toast.vue.d.ts +0 -5
- package/lib/components/Toast/Toast.vue.d.ts.map +0 -1
- package/lib/components/Toast/index.d.ts.map +0 -1
- package/lib/components/Toggle/Toggle.vue.d.ts +0 -41
- package/lib/components/Toggle/Toggle.vue.d.ts.map +0 -1
- package/lib/components/Toggle/index.d.ts.map +0 -1
- package/lib/components/ToggleGroup/ToggleGroup.vue.d.ts +0 -67
- package/lib/components/ToggleGroup/ToggleGroup.vue.d.ts.map +0 -1
- package/lib/components/ToggleGroup/index.d.ts.map +0 -1
- package/lib/components/Tooltip/Tooltip.vue.d.ts +0 -22
- package/lib/components/Tooltip/Tooltip.vue.d.ts.map +0 -1
- package/lib/components/Tooltip/index.d.ts.map +0 -1
- package/lib/components/Tree/Option.vue.d.ts +0 -69
- package/lib/components/Tree/Option.vue.d.ts.map +0 -1
- package/lib/components/Tree/Tree.vue.d.ts +0 -67
- package/lib/components/Tree/Tree.vue.d.ts.map +0 -1
- package/lib/components/Tree/index.d.ts.map +0 -1
- package/lib/components/index.d.ts.map +0 -1
- package/lib/composables/OptionalModel.d.ts +0 -2
- package/lib/composables/OptionalModel.d.ts.map +0 -1
- package/lib/composables/index.d.ts +0 -2
- package/lib/composables/index.d.ts.map +0 -1
- package/lib/index.d.ts.map +0 -1
- package/lib/utils/components/Container.vue.d.ts +0 -133
- package/lib/utils/components/Container.vue.d.ts.map +0 -1
- package/lib/utils/components/ExpandableContainer.vue.d.ts +0 -137
- package/lib/utils/components/ExpandableContainer.vue.d.ts.map +0 -1
- package/lib/utils/components/Group.vue.d.ts +0 -35
- package/lib/utils/components/Group.vue.d.ts.map +0 -1
- package/lib/utils/components/Label.vue.d.ts +0 -38
- package/lib/utils/components/Label.vue.d.ts.map +0 -1
- package/lib/utils/components/Option.vue.d.ts +0 -44
- package/lib/utils/components/Option.vue.d.ts.map +0 -1
- package/lib/utils/components/Overlay.vue.d.ts +0 -33
- package/lib/utils/components/Overlay.vue.d.ts.map +0 -1
- package/lib/utils/components/SelectContainer.vue.d.ts +0 -142
- package/lib/utils/components/SelectContainer.vue.d.ts.map +0 -1
- package/lib/utils/components/SelectContent.vue.d.ts +0 -67
- package/lib/utils/components/SelectContent.vue.d.ts.map +0 -1
- package/lib/utils/event.d.ts.map +0 -1
- package/lib/utils/index.d.ts.map +0 -1
- package/lib/utils/types/ContainerModelExtra.d.ts.map +0 -1
- package/lib/utils/types/Option.d.ts.map +0 -1
- package/lib/utils/types/SidebarOption.d.ts.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-border-style:solid;--tw-font-weight:initial}}}._colorPicker_1sqmq_2{border-radius:var(--border-radius-base);background-color:var(--neutral-surface-default);padding:var(--spacing-base);--tw-shadow:0px 1px 3px 0px var(--tw-shadow-color,#0000001a),0px 1px 2px 0px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);gap:var(--spacing-sm);flex-direction:column;display:flex}._disabled_1sqmq_2{pointer-events:none;opacity:.5}._colorPicker_1sqmq_2._noShadow_1sqmq_2{box-shadow:none}._colorAreaWrapper_1sqmq_2{position:relative}._colorArea_1sqmq_2{cursor:crosshair;border-radius:var(--border-radius-base);width:100%;height:8em;display:block;position:relative;overflow:hidden}._colorAreaCursor_1sqmq_2{z-index:1;cursor:grab;border-radius:var(--border-radius-base);-webkit-user-select:none;user-select:none;background-color:var(--neutral-interaction-default);border-style:var(--tw-border-style);border-width:1px;border-color:var(--neutral-border-default);width:12px;height:12px;position:absolute;top:0;transform:translateY(-50%)}._sliderTrack_1sqmq_2{cursor:pointer;border-radius:9999px;width:100%;height:8px;position:relative}._sliderCursor_1sqmq_2{cursor:grab;border-radius:var(--border-radius-base);-webkit-user-select:none;user-select:none;background-color:var(--neutral-interaction-default);border-style:var(--tw-border-style);border-width:1px;border-color:var(--neutral-border-default);width:12px;height:12px;position:absolute;top:50%;transform:translateY(-50%)}._hueTrack_1sqmq_2{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}._opacityTrack_1sqmq_2{background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}._colorCircle_1sqmq_2{border-radius:var(--border-radius-full);border-style:var(--tw-border-style);border-width:1px;border-color:var(--neutral-border-default);flex-shrink:0;width:2.2em;height:2em}._colorInput_1sqmq_2{text-align:center;font-size:var(--font-size-xs);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));border-radius:var(--border-radius-xs);border-style:var(--tw-border-style);border-width:1px;border-color:var(--neutral-border-default);background-color:var(--neutral-surface-default);padding-inline:var(--spacing-xxs);padding-block:var(--spacing-xxs);color:var(--neutral-foreground-high);outline:none;min-width:0}._typeToggles_1sqmq_2{margin-top:var(--spacing-sm);gap:var(--spacing-xxs);display:flex}._typeToggle_1sqmq_2{cursor:pointer;border-radius:var(--border-radius-xs);border-style:var(--tw-border-style);border-width:var(--border-width-none);--tw-border-style:none;padding-inline:var(--spacing-xxs);padding-block:var(--spacing-xxs);font-size:var(--font-size-xs);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--neutral-foreground-low);background-color:#0000;border-style:none}._typeToggle_1sqmq_2._active_1sqmq_2{background-color:var(--primary-interaction-default);color:var(--neutral-foreground-negative)}@keyframes _slide-up_1sqmq_1{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes _slide-down_1sqmq_1{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-font-weight:initial;--tw-outline-style:solid;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}.container{gap:var(--spacing-xxs);flex-direction:column;display:flex;position:relative}.label-container{width:fit-content;position:relative}.label-content{cursor:pointer;align-items:center;gap:var(--spacing-xs);border-radius:var(--border-radius-sm);background-color:var(--neutral-surface-default);padding-inline:var(--spacing-sm);padding-block:var(--spacing-xs);font-size:var(--font-size-sm);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-leading:var(--line-height-lg);line-height:var(--line-height-lg);--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--neutral-interaction-default);outline-style:var(--tw-outline-style);outline-width:var(--border-width-xxs);outline-color:var(--neutral-border-default);transition-property:outline,border-radius;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:0s;-webkit-user-select:none;user-select:none;transition-duration:0s;transition-delay:.1s;display:inline-flex}.label-content:focus{outline-color:var(--primary-border-default)}.secondary.label-content{background-color:var(--primary-interaction-default);color:var(--neutral-foreground-negative)}.expanded.label-content{outline-color:var(--primary-border-default);transition-delay:0s}.expanded.label-content.hide-bottom{border-radius:var(--border-radius-none);outline-color:var(--neutral-border-default)}.expanded.label-content.hide-bottom:focus{outline-color:var(--neutral-border-default)}.label-content.disabled{background-color:var(--neutral-surface-disabled);color:var(--neutral-foreground-disabled)}.label-content.error{color:var(--danger-foreground-high);outline-color:var(--danger-border-default)}.arrow-icon.material-symbols-rounded.icon{font-size:var(--font-size-lg);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));--tw-leading:var(--line-height-sm);line-height:var(--line-height-sm);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;flex-shrink:0;align-items:center;transition-duration:.3s;display:flex}.arrow-icon.expanded{rotate:180deg}.expand-enter-active,.expand-leave-active{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s;overflow:hidden}.expand-enter-from,.expand-leave-to{max-height:calc(var(--spacing,.25rem)*0);--tw-translate-y:-10px;translate:var(--tw-translate-x)var(--tw-translate-y)}.expand-enter-to,.expand-leave-from{--tw-translate-y:calc(var(--spacing,.25rem)*0);max-height:100vh;translate:var(--tw-translate-x)var(--tw-translate-y)}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
|
package/lib/Dialog.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.dialog{z-index:1003;border-radius:var(--border-radius-base);border-style:var(--tw-border-style);border-width:var(--border-width-xxs);border-color:var(--neutral-border-default);background-color:var(--neutral-surface-default);opacity:0;max-width:calc(100% - var(--spacing-xl));max-height:calc(100% - var(--spacing-xl));transition:transform .5s,opacity .5s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.dialog.active{opacity:1;transform:translate(-50%,-50%)scale(1)}.no-outside-close-warning{animation:.5s bounce-warning}@keyframes bounce-warning{0%{transform:translate(-50%,-50%)scale(1.1)}to{transform:translate(-50%,-50%)scale(1)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|
package/lib/Drawer.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.drawer{z-index:1001;border-style:var(--tw-border-style);border-width:var(--border-width-xxs);border-color:var(--neutral-border-default);background-color:var(--neutral-surface-default);transition:transform .5s;position:fixed;overflow:auto}.drawer.right,.drawer.left{width:100%}.drawer.top,.drawer.bottom{height:100vh}.drawer.right{top:calc(var(--spacing,.25rem)*0);right:calc(var(--spacing,.25rem)*0);border-radius:var(--border-radius-none);border-top-left-radius:var(--border-radius-base);border-bottom-left-radius:var(--border-radius-base);height:100%;transform:translate(100%)}.drawer.left{top:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);border-radius:var(--border-radius-none);border-top-right-radius:var(--border-radius-base);border-bottom-right-radius:var(--border-radius-base);height:100%;transform:translate(-100%)}.drawer.top{top:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);border-radius:var(--border-radius-none);border-bottom-right-radius:var(--border-radius-base);border-bottom-left-radius:var(--border-radius-base);width:100%;transform:translateY(-100%)}.drawer.bottom{bottom:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);border-radius:var(--border-radius-none);border-top-left-radius:var(--border-radius-base);border-top-right-radius:var(--border-radius-base);width:100%;transform:translateY(100%)}.drawer.active{transform:translate(0)}.drawer.no-outside-close-warning{animation:.5s bounce-warning}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|
package/lib/Dropdown.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.dropwdown-icon.icon{font-size:var(--font-size-xl);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)))}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration:initial}}}._floatCard_1x7j3_2{z-index:1004;opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s;position:fixed}._floatCard_1x7j3_2._active_1x7j3_2{opacity:1}@property --tw-duration{syntax:"*";inherits:false}
|
package/lib/Input.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial}}}.material-symbols-rounded.icon{font-size:var(--font-size-lg);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));--tw-leading:.7em;line-height:.7em}.arrow-icon.icon{cursor:pointer;font-size:var(--font-size-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2/1.5)));color:var(--neutral-interaction-default)}@property --tw-leading{syntax:"*";inherits:false}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid;--tw-duration:initial;--tw-border-style:solid;--tw-font-weight:initial}}}._input_1a8ld_2{gap:var(--spacing-xxs);flex-direction:column;height:fit-content;display:flex}._inputContainer_1a8ld_2{align-items:center;gap:var(--spacing-xs);border-radius:var(--border-radius-sm);background-color:var(--neutral-surface-default);min-height:24px;padding-inline:var(--spacing-sm);padding-block:var(--spacing-xs);outline-style:var(--tw-outline-style);outline-width:1px;outline-color:var(--neutral-border-default);transition-property:outline-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.1s;transition-duration:.1s;display:flex}._focused_1a8ld_2{outline-color:var(--primary-border-default)}._error_1a8ld_2{outline-color:var(--danger-border-default)}._disabled_1a8ld_2{pointer-events:none;background-color:var(--neutral-surface-disabled);outline-color:var(--neutral-border-disabled)}._inputContent_1a8ld_2{min-width:calc(var(--spacing,.25rem)*0);border-style:var(--tw-border-style);font-size:var(--font-size-sm);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--neutral-foreground-high);outline-style:var(--tw-outline-style);outline-width:var(--border-width-none);--tw-outline-style:none;background-color:#0000;border-width:0;outline-style:none;flex:1}._inputContent_1a8ld_2::placeholder{color:var(--neutral-foreground-low)}._left_1a8ld_2{text-align:left}._center_1a8ld_2{text-align:center}._right_1a8ld_2{text-align:right}._labelRow_1a8ld_2{justify-content:space-between;align-items:center;display:flex}._counter_1a8ld_2{font-size:var(--font-size-sm);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--neutral-foreground-low)}._errorMessage_1a8ld_2{margin-top:var(--spacing-xxs);text-align:start;font-size:var(--font-size-sm);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--danger-foreground-low)}._numberArrows_1a8ld_2{flex-direction:column;align-items:center;display:flex}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}
|
package/lib/Label.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial}}}.info-icon.icon{font-size:var(--font-size-lg);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));--tw-leading:var(--line-height-xxs);line-height:var(--line-height-xxs);color:var(--primary-foreground-low)}@property --tw-leading{syntax:"*";inherits:false}
|
package/lib/Option.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-font-weight:initial}}}.option-container{cursor:pointer;align-items:center;gap:var(--spacing-xs);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-leading:var(--line-height-lg);line-height:var(--line-height-lg);--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--neutral-interaction-default);-webkit-user-select:none;user-select:none;display:flex}@media(hover:hover){.option-container:hover{background-color:var(--primary-surface-default);color:var(--primary-interaction-default)}}.option-container .icon{font-size:var(--font-size-base);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}.option-container.selected{background-color:var(--primary-surface-default);color:var(--primary-interaction-selected)}@media(hover:hover){.option-container.noHover:hover{color:var(--neutral-interaction-default);background-color:#0000}}.option-container.secondary{color:var(--neutral-foreground-negative)}@media(hover:hover){.option-container.secondary:hover{background-color:var(--primary-interaction-hover)}}.option-container.disabled{pointer-events:none;color:var(--neutral-interaction-disabled)}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}
|
package/lib/Overlay.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.overlay-backdrop{inset:calc(var(--spacing,.25rem)*0);background-color:var(--neutral-background-negative);opacity:0;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .5s;display:flex;position:fixed}.overlay-backdrop.active{opacity:.6}
|
package/lib/PINInput.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid;--tw-duration:initial}}}._pinInput_1l2sp_2{align-items:center;gap:var(--spacing-xs);display:flex}._field_1l2sp_2{border-radius:var(--border-radius-sm);background-color:var(--neutral-surface-default);text-align:center;width:48px;height:48px;font-size:var(--font-size-sm);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));outline-width:1px;outline-style:var(--tw-outline-style);outline-width:var(--border-width-xxs);outline-color:var(--neutral-border-default);transition-property:outline-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.1s;transition-duration:.1s}._field_1l2sp_2:focus{outline-color:var(--primary-border-default)}._filled_1l2sp_2{background-color:var(--primary-surface-default);outline-color:var(--primary-border-default)}._separator_1l2sp_2{margin-inline:var(--spacing-xxs);font-size:var(--font-size-lg);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));color:var(--neutral-foreground-low)}._disabled_1l2sp_2{pointer-events:none;background-color:var(--neutral-surface-disabled);outline-color:var(--neutral-border-disabled)}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-ease:initial;--tw-border-style:solid}}}.content-wrapper{top:100%;left:calc(var(--spacing,.25rem)*0);width:100%;transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.1s;transition-duration:.1s}.sc-content{--tw-translate-y:-100%;translate:var(--tw-translate-x)var(--tw-translate-y);border-radius:var(--border-radius-sm);background-color:var(--neutral-surface-default);font-size:var(--font-size-xs);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-duration:.1s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));transition-duration:.1s;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));flex-direction:column;align-items:center;display:flex;overflow:hidden}.sc-content.secondary{background-color:var(--primary-interaction-default);color:var(--neutral-foreground-negative)}.sc-content.secondary .options-list::-webkit-scrollbar-thumb{background-color:var(--primary-surface-pressed)}.sc-content.secondary .options-list::-webkit-scrollbar{background-color:var(--primary-surface-default)}.sc-content.expanded{--tw-translate-y:0;translate:var(--tw-translate-x)var(--tw-translate-y)}.sc-content.has-max-height{max-height:12em}.options-list{border-radius:var(--border-radius-sm);width:100%;overflow:auto}.sc-actions{justify-content:flex-end;align-items:center;gap:var(--spacing-xxs);border-top-style:var(--tw-border-style);border-top-width:var(--border-width-xxs);border-color:var(--neutral-border-default);width:100%;padding:var(--spacing-xs);display:flex}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-ease{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}.search{margin:calc(var(--spacing,.25rem)*0);border-style:var(--tw-border-style);border-width:var(--border-width-none);--tw-border-style:none;width:100%;height:100%;padding:calc(var(--spacing,.25rem)*0);padding-left:var(--spacing-xxs);font-size:var(--font-size-xs);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline-style:var(--tw-outline-style);outline-width:var(--border-width-none);--tw-outline-style:none;border-style:none;outline-style:none}.secondary .search{background-color:var(--primary-interaction-default);color:var(--neutral-foreground-negative)}.secondary .search::placeholder{color:var(--neutral-foreground-negative)}.sc-icon{font-size:var(--font-size-base);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));color:var(--neutral-interaction-default);flex-shrink:0}.secondary .sc-icon{color:var(--neutral-foreground-negative)}.sc-icon.expanded{color:var(--primary-interaction-default)}.sc-icon.disabled{color:var(--neutral-interaction-disabled)}.sc-icon.error{color:var(--danger-interaction-default)}.search-placeholder{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y);color:var(--neutral-foreground-low);position:absolute;top:50%;left:.5em}.secondary .search-placeholder{color:var(--neutral-foreground-negative)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
|
package/lib/Slider.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}._slider_rw7q0_2{border-radius:var(--border-radius-base);background-color:var(--primary-surface-highlight);-webkit-user-select:none;user-select:none;justify-content:flex-start;width:100%;height:.5em;display:flex;position:relative}._small_rw7q0_2{font-size:var(--font-size-xs);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)))}._medium_rw7q0_2{font-size:var(--font-size-base);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}._large_rw7q0_2{font-size:var(--font-size-xl);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)))}._vertical_rw7q0_2{flex-direction:column;align-items:flex-end;width:.5em;height:100%}._disabled_rw7q0_2{pointer-events:none;opacity:.5}._stepSlider_rw7q0_2{border-radius:var(--border-radius-none)}._neutralBg_rw7q0_2{background-color:var(--neutral-surface-disabled)}._track_rw7q0_2{border-radius:var(--border-radius-base);background-color:var(--primary-surface-highlight);width:100%;height:.5em;position:relative}._fillBar_rw7q0_2{border-radius:var(--border-radius-base);background-color:var(--primary-interaction-default);height:100%;display:flex;position:absolute;bottom:50%;left:0;overflow:hidden;transform:translateY(50%)}._fillBarVertical_rw7q0_2{flex-direction:column-reverse;width:100%;height:auto;bottom:0;left:50%;transform:translate(-50%)}._haveFillColors_rw7q0_2{background-color:#0000}._cursor_rw7q0_2{z-index:1;cursor:grab;border-radius:var(--border-radius-full);border-style:var(--tw-border-style);border-width:2px;border-color:var(--primary-interaction-default);background-color:var(--color-white,#fff);-webkit-user-select:none;user-select:none;width:1.25em;height:1.25em;position:absolute;top:50%;left:-50px;transform:translateY(-50%)}._dragging_rw7q0_2{cursor:grabbing}._stepsContainer_rw7q0_2{margin-top:calc(var(--spacing,.25rem)*2);width:100%;position:relative}._step_rw7q0_2{border-radius:var(--border-radius-base);background-color:var(--primary-surface-highlight);position:absolute}._stepActive_rw7q0_2,._stepActive_rw7q0_2._stepNeutral_rw7q0_2{background-color:var(--primary-interaction-default)}._stepNeutral_rw7q0_2{background-color:var(--neutral-surface-disabled)}._stepMarker_rw7q0_2{--tw-translate-y: -50% ;width:.35em;height:1.25em;translate:var(--tw-translate-x)var(--tw-translate-y);border-radius:var(--border-radius-full);background-color:var(--primary-surface-highlight)}._stepMarkerActive_rw7q0_2{background-color:var(--primary-interaction-default)}._stepMarkerNeutral_rw7q0_2{background-color:var(--neutral-surface-disabled)}._vertical_rw7q0_2 ._cursor_rw7q0_2{top:auto;bottom:0;left:50%;transform:translate(-50%)}._vertical_rw7q0_2 ._fillBar_rw7q0_2{width:100%;height:auto;bottom:0;left:50%;transform:translate(-50%)}._vertical_rw7q0_2 ._stepMarker_rw7q0_2{--tw-translate-x:calc(3/5*100%);--tw-translate-y:var(--spacing-none);width:1.25em;height:.35em;translate:var(--tw-translate-x)var(--tw-translate-y)}._disabled_rw7q0_2{background-color:var(--neutral-surface-disabled)}._disabled_rw7q0_2 ._cursor_rw7q0_2{border-color:var(--neutral-interaction-disabled)}._disabled_rw7q0_2 ._fillBar_rw7q0_2,._disabled_rw7q0_2 ._stepActive_rw7q0_2{background-color:var(--neutral-interaction-disabled)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
|
package/lib/Stepper.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.stepper-icon.icon{font-size:var(--font-size-lg);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)))}.small .stepper-icon.icon{font-size:var(--font-size-base);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}.large .stepper-icon.icon{font-size:var(--font-size-xl);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)))}
|
package/lib/Textarea.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-outline-style:solid;--tw-duration:initial}}}._textarea_187gm_2{gap:var(--spacing-xxs);flex-direction:column;height:fit-content;display:flex}._labelRow_187gm_2{justify-content:space-between;align-items:center;display:flex}._counter_187gm_2{font-size:var(--font-size-sm);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--neutral-foreground-low)}._textareaContainer_187gm_2{border-radius:var(--border-radius-sm);background-color:var(--color-white,#fff);padding-inline:var(--spacing-sm);padding-block:var(--spacing-xs);outline-style:var(--tw-outline-style);outline-width:1px;outline-color:var(--neutral-border-default);transition-property:outline-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.1s;transition-duration:.1s;display:flex}._focused_187gm_2{outline-color:var(--primary-border-default)}._error_187gm_2{outline-color:var(--danger-border-default)}._disabled_187gm_2{pointer-events:none;background-color:var(--neutral-surface-disabled);outline-color:var(--neutral-border-disabled)}._textareaContent_187gm_2{resize:vertical;min-height:60px;font-size:var(--font-size-sm);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--neutral-foreground-high);outline-style:var(--tw-outline-style);outline-width:var(--border-width-none);--tw-outline-style:none;background-color:#0000;outline-style:none;flex:1}._textareaContent_187gm_2::placeholder{color:var(--neutral-foreground-low)}._errorMessage_187gm_2{text-align:start;font-size:var(--font-size-sm);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--danger-foreground-low)}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}
|
package/lib/Toast.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.toast-container{z-index:1100;gap:var(--spacing-sm);padding:var(--spacing-sm);flex-direction:column;display:flex;position:fixed}.top{top:calc(var(--spacing,.25rem)*0)}.bottom{bottom:calc(var(--spacing,.25rem)*0)}.right{right:calc(var(--spacing,.25rem)*0);align-items:flex-end}.left{left:calc(var(--spacing,.25rem)*0)}.toast{word-break:break-all;white-space:normal;width:fit-content;max-width:50em}.toast-wrapper{transition:all .6s}.toast-wrapper.slide-right{opacity:0;transform:translate(100%)}.toast-wrapper.slide-right.active{opacity:1;transform:translate(0)}.toast-wrapper.slide-left{opacity:0;transform:translate(-100%)}.toast-wrapper.slide-left.active{opacity:1;transform:translate(0)}@media screen and (max-width:50em){.toast{max-width:95%}}
|
package/lib/Tooltip.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration:initial;--tw-ease:initial;--tw-border-style:solid;--tw-font-weight:initial}}}._tooltip_ui48a_2{z-index:1004;opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.5s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));transition-duration:.5s;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));align-items:center;display:flex;position:fixed}._tooltip_ui48a_2._active_ui48a_2{opacity:.01;opacity:1}._tooltipTriangle_ui48a_2{height:calc(var(--spacing,.25rem)*0);width:calc(var(--spacing,.25rem)*0);border-style:var(--tw-border-style);border-width:9px;border-right-style:var(--tw-border-style);border-right-width:0;border-left-style:var(--tw-border-style);border-color:#0000;border-left-width:11px;border-left-color:var(--neutral-background-negative);position:relative}._tooltipContent_ui48a_2{border-radius:var(--border-radius-base);background-color:var(--neutral-background-negative);width:fit-content;padding:var(--spacing-xs);font-size:var(--font-size-xs);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);white-space:nowrap;color:var(--neutral-foreground-negative);justify-content:center;align-items:center;display:flex}._right_ui48a_2{flex-direction:row}._right_ui48a_2 ._tooltipTriangle_ui48a_2{right:-2px;rotate:180deg}._left_ui48a_2{flex-direction:row-reverse}._left_ui48a_2 ._tooltipTriangle_ui48a_2{left:-2px}._top_ui48a_2{flex-direction:column-reverse}._top_ui48a_2 ._tooltipTriangle_ui48a_2{top:-5px;rotate:90deg}._bottom_ui48a_2{flex-direction:column}._bottom_ui48a_2 ._tooltipTriangle_ui48a_2{bottom:-5px;rotate:-90deg}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-border-style:solid;--tw-font-weight:initial}}}._colorPicker_1sqmq_2{border-radius:var(--border-radius-base);background-color:var(--neutral-surface-default);padding:var(--spacing-base);--tw-shadow:0px 1px 3px 0px var(--tw-shadow-color,#0000001a),0px 1px 2px 0px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);gap:var(--spacing-sm);flex-direction:column;display:flex}._disabled_1sqmq_2{pointer-events:none;opacity:.5}._colorPicker_1sqmq_2._noShadow_1sqmq_2{box-shadow:none}._colorAreaWrapper_1sqmq_2{position:relative}._colorArea_1sqmq_2{cursor:crosshair;border-radius:var(--border-radius-base);width:100%;height:8em;display:block;position:relative;overflow:hidden}._colorAreaCursor_1sqmq_2{z-index:1;cursor:grab;border-radius:var(--border-radius-base);-webkit-user-select:none;user-select:none;background-color:var(--neutral-interaction-default);border-style:var(--tw-border-style);border-width:1px;border-color:var(--neutral-border-default);width:12px;height:12px;position:absolute;top:0;transform:translateY(-50%)}._sliderTrack_1sqmq_2{cursor:pointer;border-radius:9999px;width:100%;height:8px;position:relative}._sliderCursor_1sqmq_2{cursor:grab;border-radius:var(--border-radius-base);-webkit-user-select:none;user-select:none;background-color:var(--neutral-interaction-default);border-style:var(--tw-border-style);border-width:1px;border-color:var(--neutral-border-default);width:12px;height:12px;position:absolute;top:50%;transform:translateY(-50%)}._hueTrack_1sqmq_2{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}._opacityTrack_1sqmq_2{background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}._colorCircle_1sqmq_2{border-radius:var(--border-radius-full);border-style:var(--tw-border-style);border-width:1px;border-color:var(--neutral-border-default);flex-shrink:0;width:2.2em;height:2em}._colorInput_1sqmq_2{text-align:center;font-size:var(--font-size-xs);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));border-radius:var(--border-radius-xs);border-style:var(--tw-border-style);border-width:1px;border-color:var(--neutral-border-default);background-color:var(--neutral-surface-default);padding-inline:var(--spacing-xxs);padding-block:var(--spacing-xxs);color:var(--neutral-foreground-high);outline:none;min-width:0}._typeToggles_1sqmq_2{margin-top:var(--spacing-sm);gap:var(--spacing-xxs);display:flex}._typeToggle_1sqmq_2{cursor:pointer;border-radius:var(--border-radius-xs);border-style:var(--tw-border-style);border-width:var(--border-width-none);--tw-border-style:none;padding-inline:var(--spacing-xxs);padding-block:var(--spacing-xxs);font-size:var(--font-size-xs);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--neutral-foreground-low);background-color:#0000;border-style:none}._typeToggle_1sqmq_2._active_1sqmq_2{background-color:var(--primary-interaction-default);color:var(--neutral-foreground-negative)}@keyframes _slide-up_1sqmq_1{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes _slide-down_1sqmq_1{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const i=require("../components/Avatar/index.cjs.js"),c=require("react"),T=require("./clsx-C11secjj.js"),ke=require("../hooks/useControllable.cjs.js"),d=require("./index-CX6wEu92.js"),be=require("../components/Icon/index.cjs.js"),$e="_colorPicker_1sqmq_2",Ae="_disabled_1sqmq_2",Pe="_noShadow_1sqmq_2",De="_colorAreaWrapper_1sqmq_2",Oe="_colorArea_1sqmq_2",He="_colorAreaCursor_1sqmq_2",Le="_sliderTrack_1sqmq_2",We="_sliderCursor_1sqmq_2",Fe="_hueTrack_1sqmq_2",Ie="_opacityTrack_1sqmq_2",Ue="_colorCircle_1sqmq_2",Be="_colorInput_1sqmq_2",Ge="_typeToggles_1sqmq_2",Ye="_typeToggle_1sqmq_2",ze="_active_1sqmq_2",l={colorPicker:$e,disabled:Ae,noShadow:Pe,colorAreaWrapper:De,colorArea:Oe,colorAreaCursor:He,sliderTrack:Le,sliderCursor:We,hueTrack:Fe,opacityTrack:Ie,colorCircle:Ue,colorInput:Be,typeToggles:Ge,typeToggle:Ye,active:ze},g=["hexa","rgba","hsla","hsva","hwb"];function L(p,v="rgba",x=","){if(!p)return{};const f={},a=Array.from(v),h=p.split(x);return a.forEach((N,m)=>{f[N]=typeof h[m]=="string"?Number(h[m].replace("%","")):h[m]??1}),f}function Xe(p,v=","){if(!p)return null;const x={},f=p.split("(");if(f.length<2)return null;const a=Array.from(f[0]);f[1]=f[1].replace(")","");const h=f[1].split(v);return a.forEach((N,m)=>{x[N]=typeof h[m]=="string"?Number(h[m].replace("%","")):h[m]??1}),x}function Ve(p){let v="",x="";const f=Object.keys(p);return f.forEach((a,h)=>{x+=a,v+=f.length-1===h?p[a]:`${p[a]}, `}),`${x}(${v})`}function Je(p){const{value:v,onChange:x,showAlpha:f=!0,disabled:a=!1,noShadow:h=!1,className:N}=p,[m,W]=ke.useControllable({value:v,defaultValue:"#ffffff",onChange:x}),[y,F]=c.useState(0),[I,U]=c.useState(()=>m||"#ffffff"),[K,Q]=c.useState("hsl(0, 100%, 50%)"),[Z,ee]=c.useState(1),[te,re]=c.useState(m||""),[oe,se]=c.useState(!1),[ne,ce]=c.useState(!1),[Ce,ae]=c.useState("linear-gradient(to right, #ffffff 0%, hsl(0, 100%, 50%))"),b=c.useRef(!1),C=c.useRef(!1),R=c.useRef(!1),B=c.useRef(null),G=c.useRef(null),k=c.useRef(null),_=c.useRef(null),Y=c.useRef(null),$=c.useRef(null),E=c.useRef(K),M=c.useRef(Z),q=c.useRef(y);E.current=K,M.current=Z,q.current=y;function ie(e){const r=q.current;if(r===0)return d.rgbaToHexa(e.r,e.g,e.b,e.a);if(r===1){const t=d.rgbaToHsla(e.r,e.g,e.b,e.a);return`${t.h.toFixed(0)}, ${t.s}, ${t.l}, ${t.a<1?t.a.toFixed(2):t.a}`}else if(r===2){const t=d.rgbaToHwb(e.r,e.g,e.b,e.a);return`${t.h} ${t.w} ${t.b} / ${t.a<1?t.a.toFixed(2):t.a}`}else if(r===3){const t=d.rgbaToHsva(e.r,e.g,e.b,e.a);return`${t.h}, ${t.s}, ${t.v}, ${t.a<1?t.a.toFixed(2):t.a}`}return`${e.r}, ${e.g}, ${e.b}, ${e.a<1?e.a.toFixed(2):e.a}`}function Re(e,r){if(r===0){const o=d.hexaToRgba(e);return d.rgbaToHsva(o.r,o.g,o.b,isNaN(o.a)?1:o.a)}else if(r===1){const o=L(e,"hlsa"),s=d.hslaToRgba(o.h,o.s,o.l,o.a);return d.rgbaToHsva(s.r,s.g,s.b,isNaN(s.a)?1:s.a)}else if(r===2){const o=L(e,"hwb"," "),s=e.split("/"),n=d.hwbToRgba(o.h,o.w,o.b,Number(s[1]?.replace(")","")));return d.rgbaToHsva(n.r,n.g,n.b,isNaN(n.a)?1:n.a)}else if(r===3)return L(e,"hsva");const t=L(e);return d.rgbaToHsva(t.r,t.g,t.b,isNaN(t.a)?1:t.a)}function le(e,r){const t=document.createElement("canvas");t.width=e.clientWidth,t.height=e.clientHeight;const o=t.getContext("2d");if(!o)return"hsl(0, 100%, 50%)";const s=o.createLinearGradient(0,0,t.width,0);s.addColorStop(0,"hsl(0, 100%, 50%)"),s.addColorStop(1/6,"hsl(60, 100%, 50%)"),s.addColorStop(2/6,"hsl(120, 100%, 50%)"),s.addColorStop(3/6,"hsl(180, 100%, 50%)"),s.addColorStop(4/6,"hsl(240, 100%, 50%)"),s.addColorStop(5/6,"hsl(300, 100%, 50%)"),s.addColorStop(1,"hsl(360, 100%, 50%)"),o.fillStyle=s,o.fillRect(0,0,t.width,t.height);const n=o.getImageData(r,0,1,1).data;return`rgba(${n[0]}, ${n[1]}, ${n[2]}, ${n[3]/255})`}function A(e="hsl(0, 100%, 50%)",r=1){const t=_.current,o=t?.getContext("2d");if(!o||!t)return;t.width=t.clientWidth,t.height=t.clientHeight,o.clearRect(0,0,t.width,t.height),o.globalAlpha=r;const s=o.createLinearGradient(0,0,t.width,0);s.addColorStop(0,"#ffffff"),s.addColorStop(1,e);const n=o.createLinearGradient(0,0,0,t.height);n.addColorStop(0,"rgba(0, 0, 0, 0)"),n.addColorStop(1,"#000000"),o.fillStyle=s,o.fillRect(0,0,t.width,t.height),o.fillStyle=n,o.fillRect(0,0,t.width,t.height)}function ue(e,r){const t=_.current;if(!t)return[0,0,0,255];const o=t.clientWidth,s=t.clientHeight,n=Math.max(0,Math.min(1,e/o)),u=Math.max(0,Math.min(1,r/s)),V=Math.round(Number(E.current.split(",")[0]?.replace("rgba(","").trim())/t.clientWidth*360),O=n*100,S=(1-u)*100,w=d.hsvaToRgba(V||0,O,S,M.current);return[Math.round(w.r),Math.round(w.g),Math.round(w.b),Math.round(w.a*255)]}function z(e,r,t,o=!1){const s=d.getPosition(e,r,t,{top:!0,left:!0},{x:o?5:1,y:r.clientHeight},{x:o?-5:0});return{left:s.x,top:s.y}}function de(e,r){let t=e[3]/255;t>=.98&&(t=1),t<=.02&&(t=0);const o=`rgba(${e[0]}, ${e[1]}, ${e[2]}, ${t})`,s=ie({r:e[0],g:e[1],b:e[2],a:t});re(o),U(s),W(s)}function fe(){const e=k.current,r=_.current;if(!e||!r)return;const t=Number(e.style.left.replace("px",""))+5,o=Number(e.style.top.replace("px","")),s=ue(t,o);de(s)}const pe=c.useRef(()=>{}),he=c.useRef(()=>{}),me=c.useRef(()=>{}),xe=c.useRef(()=>{});c.useEffect(()=>{pe.current=e=>{P(e),D(e),j(e)},he.current=()=>{b.current=!1,C.current=!1,R.current=!1},me.current=e=>{e.touches[0]&&(P(e.touches[0]),D(e.touches[0]),j(e.touches[0]))},xe.current=()=>{b.current=!1,C.current=!1,R.current=!1}}),c.useEffect(()=>{const e=s=>pe.current(s),r=()=>he.current(),t=s=>me.current(s),o=()=>xe.current();return window.addEventListener("mousemove",e),window.addEventListener("mouseup",r),window.addEventListener("touchmove",t),window.addEventListener("touchend",o),()=>{window.removeEventListener("mousemove",e),window.removeEventListener("mouseup",r),window.removeEventListener("touchmove",t),window.removeEventListener("touchend",o)}},[]),c.useEffect(()=>{A();const e=setTimeout(()=>{ge()},100);return()=>clearTimeout(e)},[]);function P(e){if(!C.current)return;const r=G.current,t=$.current;if(!r||!t)return;const o=z(e,r,t);r.style.left=o.left+"px";const s=t.clientWidth-10;let n=o.left/s;n>=.98&&(n=1),n<=.02&&(n=0),ee(n),M.current=n,A(E.current,n),fe()}function D(e){if(!b.current)return;const r=B.current,t=Y.current,o=$.current;if(!r||!t||!o)return;const s=z(e,r,t);r.style.left=s.left+"px";const n=le(t,s.left);Q(n),E.current=n;const u=`linear-gradient(to right, #ffffff 0%, ${n})`;ae(u),A(n,M.current),fe()}function j(e){if(!R.current)return;const r=k.current,t=_.current;if(!r||!t)return;const o=z(e,r,t,!0);r.style.left=o.left+"px",r.style.top=o.top+"px";const s=ue(o.left+5,o.top);de(s)}function we(e){const r=_.current;if(!r)return{x:0,y:0};const t=typeof e.s=="string"?Number(e.s.replace("%","")):e.s??0,o=typeof e.v=="string"?Number(e.v.replace("%","")):e.v??0,s=Math.max(-5,Math.min(t/100*(r.clientWidth-5),r.clientWidth-5)),n=Math.max(0,Math.min((1-o/100)*r.clientHeight,r.clientHeight));return{x:s,y:n}}const ge=c.useCallback(()=>{const e=B.current,r=G.current,t=k.current,o=Y.current,s=$.current;if(!e||!r||!t||!o||!s)return;const u=Re(I,q.current),V=Math.min(1,(u.h??0)/360),O=Math.min(o.clientWidth-10,Math.max(0,(o.clientWidth-10)*V)),S=s.clientWidth-10,w=Math.min(S,Math.max(0,S*(u.a??1))),J=S>0?w/S:1;ee(J),M.current=J,e.style.left=O+"px",r.style.left=w+"px";const H=le(o,O);Q(H),E.current=H;const Ne=`linear-gradient(to right, #ffffff 0%, ${H})`;ae(Ne),A(H,J);const Ee=typeof u.s=="string"?Number(u.s.replace("%","")):u.s??0,Me=typeof u.v=="string"?Number(u.v.replace("%","")):u.v??0,qe=d.hsvaToRgba(u.h??0,Ee,Me,u.a??1);re(Ve(qe));const ye=we(u);t.style.left=ye.x+"px",t.style.top=ye.y+"px"},[I]);function Te(){se(!0),setTimeout(()=>{se(!1),F(e=>{const r=e+1>g.length-1?0:e+1;return X(r),r})},600)}function _e(){ce(!0),setTimeout(()=>{ce(!1),F(e=>{const r=e-1<0?g.length-1:e-1;return X(r),r})},600)}function X(e){q.current=e;const r=Xe(te);if(!r)return;const t=ie(r);U(t),W(t)}const ve=g[y],je=g[y+1>g.length-1?0:y+1],Se=g[y-1<0?g.length-1:y-1];return i.jsxRuntimeExports.jsxs("div",{className:T.clsx(l.colorPicker,h&&l.noShadow,a&&l.disabled,N),"data-component":"ColorPicker",children:[i.jsxRuntimeExports.jsxs("div",{className:l.colorAreaWrapper,children:[i.jsxRuntimeExports.jsx("span",{ref:k,className:l.colorAreaCursor,style:{left:"-5px",top:"0px"},onMouseDown:e=>{a||(R.current=!0,j(e))},onTouchStart:e=>{a||(R.current=!0,j(e.touches[0]))}}),i.jsxRuntimeExports.jsx("canvas",{ref:_,className:l.colorArea,onMouseDown:e=>{a||(R.current=!0,j(e))},onTouchStart:e=>{a||(R.current=!0,j(e.touches[0]))}})]}),i.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-sm",children:[i.jsxRuntimeExports.jsx("div",{className:l.colorCircle,style:{background:te}}),i.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-xs w-full",children:[i.jsxRuntimeExports.jsx("div",{ref:Y,className:T.clsx(l.sliderTrack,l.hueTrack,"slider"),onMouseDown:e=>{a||(b.current=!0,D(e))},onTouchStart:e=>{a||(b.current=!0,D(e.touches[0]))},children:i.jsxRuntimeExports.jsx("span",{ref:B,className:T.clsx(l.sliderCursor),style:{left:"0px"},onMouseDown:e=>{e.stopPropagation(),!a&&(b.current=!0)},onTouchStart:e=>{e.stopPropagation(),!a&&(b.current=!0)}})}),f&&i.jsxRuntimeExports.jsx("div",{ref:$,className:T.clsx(l.sliderTrack,l.opacityTrack,"slider"),style:{background:Ce},onMouseDown:e=>{a||(C.current=!0,P(e))},onTouchStart:e=>{a||(C.current=!0,P(e.touches[0]))},children:i.jsxRuntimeExports.jsx("span",{ref:G,className:T.clsx(l.sliderCursor),style:{left:"0px"},onMouseDown:e=>{e.stopPropagation(),!a&&(C.current=!0)},onTouchStart:e=>{e.stopPropagation(),!a&&(C.current=!0)}})})]})]}),i.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-sm",children:[i.jsxRuntimeExports.jsx("input",{type:"text",className:T.clsx(l.colorInput,"flex-1"),value:I,onChange:e=>{U(e.target.value),W(e.target.value),setTimeout(()=>ge(),0)},disabled:a}),i.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-xxs",children:[i.jsxRuntimeExports.jsxs("div",{className:"flex flex-col items-center overflow-hidden relative h-lg w-fit text-neutral-interaction-default",children:[oe&&i.jsxRuntimeExports.jsx("p",{className:"font-bold",style:{animation:"slide-down 0.6s ease"},children:je.toUpperCase()}),i.jsxRuntimeExports.jsx("p",{className:"font-bold",style:{animation:oe?"slide-down 0.6s ease":ne?"slide-up 0.6s ease":void 0},children:ve.toUpperCase()}),ne&&i.jsxRuntimeExports.jsx("p",{className:"font-bold",style:{animation:"slide-up 0.6s ease"},children:Se.toUpperCase()})]}),i.jsxRuntimeExports.jsxs("div",{className:"flex flex-col",children:[i.jsxRuntimeExports.jsx(be.Icon,{name:"arrow_drop_up",className:"cursor-pointer text-neutral-interaction-default text-sm leading-none",onClick:a?void 0:_e,style:{fontFamily:"Material Symbols Outlined",userSelect:"none"},"aria-label":"Previous color type"}),i.jsxRuntimeExports.jsx(be.Icon,{name:"arrow_drop_down",className:"cursor-pointer text-neutral-interaction-default text-sm leading-none",onClick:a?void 0:Te,style:{fontFamily:"Material Symbols Outlined",userSelect:"none"},"aria-label":"Next color type"})]})]})]}),i.jsxRuntimeExports.jsx("div",{className:l.typeToggles,children:g.map(e=>i.jsxRuntimeExports.jsx("button",{type:"button",className:T.clsx(l.typeToggle,e===ve&&l.active),onClick:()=>{if(a)return;const r=g.indexOf(e);F(r),q.current=r,X(r)},disabled:a,children:e.toUpperCase()},e))})]})}exports.ColorPicker=Je;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as c}from"../components/Avatar/index.es.js";import{useState as x,useRef as i,useEffect as Q,useCallback as Pe}from"react";import{c as _}from"./clsx-B-dksMZM.js";import{u as Oe}from"../hooks/useControllable.es.js";import{h as we,g as Ee,a as Le,r as R,b as We,c as Fe,d as He,e as Ie,f as Ue}from"./index-B_deyTVk.js";import{I as Te}from"../components/Icon/index.es.js";const Be="_colorPicker_1sqmq_2",Ge="_disabled_1sqmq_2",Ye="_noShadow_1sqmq_2",ze="_colorAreaWrapper_1sqmq_2",Xe="_colorArea_1sqmq_2",Ve="_colorAreaCursor_1sqmq_2",Je="_sliderTrack_1sqmq_2",Ke="_sliderCursor_1sqmq_2",Qe="_hueTrack_1sqmq_2",Ze="_opacityTrack_1sqmq_2",et="_colorCircle_1sqmq_2",tt="_colorInput_1sqmq_2",rt="_typeToggles_1sqmq_2",ot="_typeToggle_1sqmq_2",nt="_active_1sqmq_2",l={colorPicker:Be,disabled:Ge,noShadow:Ye,colorAreaWrapper:ze,colorArea:Xe,colorAreaCursor:Ve,sliderTrack:Je,sliderCursor:Ke,hueTrack:Qe,opacityTrack:Ze,colorCircle:et,colorInput:tt,typeToggles:rt,typeToggle:ot,active:nt},g=["hexa","rgba","hsla","hsva","hwb"];function F(f,v="rgba",m=","){if(!f)return{};const d={},a=Array.from(v),h=f.split(m);return a.forEach((q,p)=>{d[q]=typeof h[p]=="string"?Number(h[p].replace("%","")):h[p]??1}),d}function st(f,v=","){if(!f)return null;const m={},d=f.split("(");if(d.length<2)return null;const a=Array.from(d[0]);d[1]=d[1].replace(")","");const h=d[1].split(v);return a.forEach((q,p)=>{m[q]=typeof h[p]=="string"?Number(h[p].replace("%","")):h[p]??1}),m}function at(f){let v="",m="";const d=Object.keys(f);return d.forEach((a,h)=>{m+=a,v+=d.length-1===h?f[a]:`${f[a]}, `}),`${m}(${v})`}function ht(f){const{value:v,onChange:m,showAlpha:d=!0,disabled:a=!1,noShadow:h=!1,className:q}=f,[p,H]=Oe({value:v,defaultValue:"#ffffff",onChange:m}),[y,I]=x(0),[U,B]=x(()=>p||"#ffffff"),[Z,ee]=x("hsl(0, 100%, 50%)"),[te,re]=x(1),[oe,ne]=x(p||""),[se,ae]=x(!1),[ce,le]=x(!1),[_e,ie]=x("linear-gradient(to right, #ffffff 0%, hsl(0, 100%, 50%))"),C=i(!1),b=i(!1),w=i(!1),G=i(null),Y=i(null),A=i(null),N=i(null),z=i(null),D=i(null),k=i(Z),$=i(te),j=i(y);k.current=Z,$.current=te,j.current=y;function ue(e){const r=j.current;if(r===0)return He(e.r,e.g,e.b,e.a);if(r===1){const t=Ie(e.r,e.g,e.b,e.a);return`${t.h.toFixed(0)}, ${t.s}, ${t.l}, ${t.a<1?t.a.toFixed(2):t.a}`}else if(r===2){const t=Ue(e.r,e.g,e.b,e.a);return`${t.h} ${t.w} ${t.b} / ${t.a<1?t.a.toFixed(2):t.a}`}else if(r===3){const t=R(e.r,e.g,e.b,e.a);return`${t.h}, ${t.s}, ${t.v}, ${t.a<1?t.a.toFixed(2):t.a}`}return`${e.r}, ${e.g}, ${e.b}, ${e.a<1?e.a.toFixed(2):e.a}`}function Ne(e,r){if(r===0){const o=Le(e);return R(o.r,o.g,o.b,isNaN(o.a)?1:o.a)}else if(r===1){const o=F(e,"hlsa"),n=We(o.h,o.s,o.l,o.a);return R(n.r,n.g,n.b,isNaN(n.a)?1:n.a)}else if(r===2){const o=F(e,"hwb"," "),n=e.split("/"),s=Fe(o.h,o.w,o.b,Number(n[1]?.replace(")","")));return R(s.r,s.g,s.b,isNaN(s.a)?1:s.a)}else if(r===3)return F(e,"hsva");const t=F(e);return R(t.r,t.g,t.b,isNaN(t.a)?1:t.a)}function de(e,r){const t=document.createElement("canvas");t.width=e.clientWidth,t.height=e.clientHeight;const o=t.getContext("2d");if(!o)return"hsl(0, 100%, 50%)";const n=o.createLinearGradient(0,0,t.width,0);n.addColorStop(0,"hsl(0, 100%, 50%)"),n.addColorStop(1/6,"hsl(60, 100%, 50%)"),n.addColorStop(2/6,"hsl(120, 100%, 50%)"),n.addColorStop(3/6,"hsl(180, 100%, 50%)"),n.addColorStop(4/6,"hsl(240, 100%, 50%)"),n.addColorStop(5/6,"hsl(300, 100%, 50%)"),n.addColorStop(1,"hsl(360, 100%, 50%)"),o.fillStyle=n,o.fillRect(0,0,t.width,t.height);const s=o.getImageData(r,0,1,1).data;return`rgba(${s[0]}, ${s[1]}, ${s[2]}, ${s[3]/255})`}function P(e="hsl(0, 100%, 50%)",r=1){const t=N.current,o=t?.getContext("2d");if(!o||!t)return;t.width=t.clientWidth,t.height=t.clientHeight,o.clearRect(0,0,t.width,t.height),o.globalAlpha=r;const n=o.createLinearGradient(0,0,t.width,0);n.addColorStop(0,"#ffffff"),n.addColorStop(1,e);const s=o.createLinearGradient(0,0,0,t.height);s.addColorStop(0,"rgba(0, 0, 0, 0)"),s.addColorStop(1,"#000000"),o.fillStyle=n,o.fillRect(0,0,t.width,t.height),o.fillStyle=s,o.fillRect(0,0,t.width,t.height)}function fe(e,r){const t=N.current;if(!t)return[0,0,0,255];const o=t.clientWidth,n=t.clientHeight,s=Math.max(0,Math.min(1,e/o)),u=Math.max(0,Math.min(1,r/n)),J=Math.round(Number(k.current.split(",")[0]?.replace("rgba(","").trim())/t.clientWidth*360),L=s*100,M=(1-u)*100,T=we(J||0,L,M,$.current);return[Math.round(T.r),Math.round(T.g),Math.round(T.b),Math.round(T.a*255)]}function X(e,r,t,o=!1){const n=Ee(e,r,t,{top:!0,left:!0},{x:o?5:1,y:r.clientHeight},{x:o?-5:0});return{left:n.x,top:n.y}}function he(e,r){let t=e[3]/255;t>=.98&&(t=1),t<=.02&&(t=0);const o=`rgba(${e[0]}, ${e[1]}, ${e[2]}, ${t})`,n=ue({r:e[0],g:e[1],b:e[2],a:t});ne(o),B(n),H(n)}function pe(){const e=A.current,r=N.current;if(!e||!r)return;const t=Number(e.style.left.replace("px",""))+5,o=Number(e.style.top.replace("px","")),n=fe(t,o);he(n)}const me=i(()=>{}),ge=i(()=>{}),ve=i(()=>{}),xe=i(()=>{});Q(()=>{me.current=e=>{O(e),E(e),S(e)},ge.current=()=>{C.current=!1,b.current=!1,w.current=!1},ve.current=e=>{e.touches[0]&&(O(e.touches[0]),E(e.touches[0]),S(e.touches[0]))},xe.current=()=>{C.current=!1,b.current=!1,w.current=!1}}),Q(()=>{const e=n=>me.current(n),r=()=>ge.current(),t=n=>ve.current(n),o=()=>xe.current();return window.addEventListener("mousemove",e),window.addEventListener("mouseup",r),window.addEventListener("touchmove",t),window.addEventListener("touchend",o),()=>{window.removeEventListener("mousemove",e),window.removeEventListener("mouseup",r),window.removeEventListener("touchmove",t),window.removeEventListener("touchend",o)}},[]),Q(()=>{P();const e=setTimeout(()=>{ye()},100);return()=>clearTimeout(e)},[]);function O(e){if(!b.current)return;const r=Y.current,t=D.current;if(!r||!t)return;const o=X(e,r,t);r.style.left=o.left+"px";const n=t.clientWidth-10;let s=o.left/n;s>=.98&&(s=1),s<=.02&&(s=0),re(s),$.current=s,P(k.current,s),pe()}function E(e){if(!C.current)return;const r=G.current,t=z.current,o=D.current;if(!r||!t||!o)return;const n=X(e,r,t);r.style.left=n.left+"px";const s=de(t,n.left);ee(s),k.current=s;const u=`linear-gradient(to right, #ffffff 0%, ${s})`;ie(u),P(s,$.current),pe()}function S(e){if(!w.current)return;const r=A.current,t=N.current;if(!r||!t)return;const o=X(e,r,t,!0);r.style.left=o.left+"px",r.style.top=o.top+"px";const n=fe(o.left+5,o.top);he(n)}function Se(e){const r=N.current;if(!r)return{x:0,y:0};const t=typeof e.s=="string"?Number(e.s.replace("%","")):e.s??0,o=typeof e.v=="string"?Number(e.v.replace("%","")):e.v??0,n=Math.max(-5,Math.min(t/100*(r.clientWidth-5),r.clientWidth-5)),s=Math.max(0,Math.min((1-o/100)*r.clientHeight,r.clientHeight));return{x:n,y:s}}const ye=Pe(()=>{const e=G.current,r=Y.current,t=A.current,o=z.current,n=D.current;if(!e||!r||!t||!o||!n)return;const u=Ne(U,j.current),J=Math.min(1,(u.h??0)/360),L=Math.min(o.clientWidth-10,Math.max(0,(o.clientWidth-10)*J)),M=n.clientWidth-10,T=Math.min(M,Math.max(0,M*(u.a??1))),K=M>0?T/M:1;re(K),$.current=K,e.style.left=L+"px",r.style.left=T+"px";const W=de(o,L);ee(W),k.current=W;const je=`linear-gradient(to right, #ffffff 0%, ${W})`;ie(je),P(W,K);const Re=typeof u.s=="string"?Number(u.s.replace("%","")):u.s??0,Ae=typeof u.v=="string"?Number(u.v.replace("%","")):u.v??0,De=we(u.h??0,Re,Ae,u.a??1);ne(at(De));const be=Se(u);t.style.left=be.x+"px",t.style.top=be.y+"px"},[U]);function Me(){ae(!0),setTimeout(()=>{ae(!1),I(e=>{const r=e+1>g.length-1?0:e+1;return V(r),r})},600)}function qe(){le(!0),setTimeout(()=>{le(!1),I(e=>{const r=e-1<0?g.length-1:e-1;return V(r),r})},600)}function V(e){j.current=e;const r=st(oe);if(!r)return;const t=ue(r);B(t),H(t)}const Ce=g[y],ke=g[y+1>g.length-1?0:y+1],$e=g[y-1<0?g.length-1:y-1];return c.jsxs("div",{className:_(l.colorPicker,h&&l.noShadow,a&&l.disabled,q),"data-component":"ColorPicker",children:[c.jsxs("div",{className:l.colorAreaWrapper,children:[c.jsx("span",{ref:A,className:l.colorAreaCursor,style:{left:"-5px",top:"0px"},onMouseDown:e=>{a||(w.current=!0,S(e))},onTouchStart:e=>{a||(w.current=!0,S(e.touches[0]))}}),c.jsx("canvas",{ref:N,className:l.colorArea,onMouseDown:e=>{a||(w.current=!0,S(e))},onTouchStart:e=>{a||(w.current=!0,S(e.touches[0]))}})]}),c.jsxs("div",{className:"flex items-center gap-sm",children:[c.jsx("div",{className:l.colorCircle,style:{background:oe}}),c.jsxs("div",{className:"flex flex-col gap-xs w-full",children:[c.jsx("div",{ref:z,className:_(l.sliderTrack,l.hueTrack,"slider"),onMouseDown:e=>{a||(C.current=!0,E(e))},onTouchStart:e=>{a||(C.current=!0,E(e.touches[0]))},children:c.jsx("span",{ref:G,className:_(l.sliderCursor),style:{left:"0px"},onMouseDown:e=>{e.stopPropagation(),!a&&(C.current=!0)},onTouchStart:e=>{e.stopPropagation(),!a&&(C.current=!0)}})}),d&&c.jsx("div",{ref:D,className:_(l.sliderTrack,l.opacityTrack,"slider"),style:{background:_e},onMouseDown:e=>{a||(b.current=!0,O(e))},onTouchStart:e=>{a||(b.current=!0,O(e.touches[0]))},children:c.jsx("span",{ref:Y,className:_(l.sliderCursor),style:{left:"0px"},onMouseDown:e=>{e.stopPropagation(),!a&&(b.current=!0)},onTouchStart:e=>{e.stopPropagation(),!a&&(b.current=!0)}})})]})]}),c.jsxs("div",{className:"flex items-center gap-sm",children:[c.jsx("input",{type:"text",className:_(l.colorInput,"flex-1"),value:U,onChange:e=>{B(e.target.value),H(e.target.value),setTimeout(()=>ye(),0)},disabled:a}),c.jsxs("div",{className:"flex items-center gap-xxs",children:[c.jsxs("div",{className:"flex flex-col items-center overflow-hidden relative h-lg w-fit text-neutral-interaction-default",children:[se&&c.jsx("p",{className:"font-bold",style:{animation:"slide-down 0.6s ease"},children:ke.toUpperCase()}),c.jsx("p",{className:"font-bold",style:{animation:se?"slide-down 0.6s ease":ce?"slide-up 0.6s ease":void 0},children:Ce.toUpperCase()}),ce&&c.jsx("p",{className:"font-bold",style:{animation:"slide-up 0.6s ease"},children:$e.toUpperCase()})]}),c.jsxs("div",{className:"flex flex-col",children:[c.jsx(Te,{name:"arrow_drop_up",className:"cursor-pointer text-neutral-interaction-default text-sm leading-none",onClick:a?void 0:qe,style:{fontFamily:"Material Symbols Outlined",userSelect:"none"},"aria-label":"Previous color type"}),c.jsx(Te,{name:"arrow_drop_down",className:"cursor-pointer text-neutral-interaction-default text-sm leading-none",onClick:a?void 0:Me,style:{fontFamily:"Material Symbols Outlined",userSelect:"none"},"aria-label":"Next color type"})]})]})]}),c.jsx("div",{className:l.typeToggles,children:g.map(e=>c.jsx("button",{type:"button",className:_(l.typeToggle,e===Ce&&l.active),onClick:()=>{if(a)return;const r=g.indexOf(e);I(r),j.current=r,V(r)},disabled:a,children:e.toUpperCase()},e))})]})}export{ht as C};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"../components/Avatar/index.es.js";import{createContext as t}from"react";import"react-dom";/* empty css *//* empty css */import"../components/Badge/index.es.js";/* empty css */t(null);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require("../components/Avatar/index.cjs.js");const e=require("react");require("react-dom");;/* empty css */;/* empty css */require("../components/Badge/index.cjs.js");;/* empty css */e.createContext(null);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-font-weight:initial;--tw-outline-style:solid;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}.container{gap:var(--spacing-xxs);flex-direction:column;display:flex;position:relative}.label-container{width:fit-content;position:relative}.label-content{cursor:pointer;align-items:center;gap:var(--spacing-xs);border-radius:var(--border-radius-sm);background-color:var(--neutral-surface-default);padding-inline:var(--spacing-sm);padding-block:var(--spacing-xs);font-size:var(--font-size-sm);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-leading:var(--line-height-lg);line-height:var(--line-height-lg);--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--neutral-interaction-default);outline-style:var(--tw-outline-style);outline-width:var(--border-width-xxs);outline-color:var(--neutral-border-default);transition-property:outline,border-radius;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:0s;-webkit-user-select:none;user-select:none;transition-duration:0s;transition-delay:.1s;display:inline-flex}.label-content:focus{outline-color:var(--primary-border-default)}.secondary.label-content{background-color:var(--primary-interaction-default);color:var(--neutral-foreground-negative)}.expanded.label-content{outline-color:var(--primary-border-default);transition-delay:0s}.expanded.label-content.hide-bottom{border-radius:var(--border-radius-none);outline-color:var(--neutral-border-default)}.expanded.label-content.hide-bottom:focus{outline-color:var(--neutral-border-default)}.label-content.disabled{background-color:var(--neutral-surface-disabled);color:var(--neutral-foreground-disabled)}.label-content.error{color:var(--danger-foreground-high);outline-color:var(--danger-border-default)}.arrow-icon.material-symbols-rounded.icon{font-size:var(--font-size-lg);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));--tw-leading:var(--line-height-sm);line-height:var(--line-height-sm);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;flex-shrink:0;align-items:center;transition-duration:.3s;display:flex}.arrow-icon.expanded{rotate:180deg}.expand-enter-active,.expand-leave-active{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s;overflow:hidden}.expand-enter-from,.expand-leave-to{max-height:calc(var(--spacing,.25rem)*0);--tw-translate-y:-10px;translate:var(--tw-translate-x)var(--tw-translate-y)}.expand-enter-to,.expand-leave-from{--tw-translate-y:calc(var(--spacing,.25rem)*0);max-height:100vh;translate:var(--tw-translate-x)var(--tw-translate-y)}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.dialog{z-index:1003;border-radius:var(--border-radius-base);border-style:var(--tw-border-style);border-width:var(--border-width-xxs);border-color:var(--neutral-border-default);background-color:var(--neutral-surface-default);opacity:0;max-width:calc(100% - var(--spacing-xl));max-height:calc(100% - var(--spacing-xl));transition:transform .5s,opacity .5s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.dialog.active{opacity:1;transform:translate(-50%,-50%)scale(1)}.no-outside-close-warning{animation:.5s bounce-warning}@keyframes bounce-warning{0%{transform:translate(-50%,-50%)scale(1.1)}to{transform:translate(-50%,-50%)scale(1)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.drawer{z-index:1001;border-style:var(--tw-border-style);border-width:var(--border-width-xxs);border-color:var(--neutral-border-default);background-color:var(--neutral-surface-default);transition:transform .5s;position:fixed;overflow:auto}.drawer.right,.drawer.left{width:100%}.drawer.top,.drawer.bottom{height:100vh}.drawer.right{top:calc(var(--spacing,.25rem)*0);right:calc(var(--spacing,.25rem)*0);border-radius:var(--border-radius-none);border-top-left-radius:var(--border-radius-base);border-bottom-left-radius:var(--border-radius-base);height:100%;transform:translate(100%)}.drawer.left{top:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);border-radius:var(--border-radius-none);border-top-right-radius:var(--border-radius-base);border-bottom-right-radius:var(--border-radius-base);height:100%;transform:translate(-100%)}.drawer.top{top:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);border-radius:var(--border-radius-none);border-bottom-right-radius:var(--border-radius-base);border-bottom-left-radius:var(--border-radius-base);width:100%;transform:translateY(-100%)}.drawer.bottom{bottom:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);border-radius:var(--border-radius-none);border-top-left-radius:var(--border-radius-base);border-top-right-radius:var(--border-radius-base);width:100%;transform:translateY(100%)}.drawer.active{transform:translate(0)}.drawer.no-outside-close-warning{animation:.5s bounce-warning}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.dropwdown-icon.icon{font-size:var(--font-size-xl);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)))}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const m=require("../components/Avatar/index.cjs.js"),c=require("react"),y=require("react-dom"),H=require("./clsx-C11secjj.js"),L=require("../hooks/useControllable.cjs.js"),W=require("../hooks/useTransition.cjs.js"),T=require("../components/Card/index.cjs.js"),$="_floatCard_1x7j3_2",A="_active_1x7j3_2",g={floatCard:$,active:A};function F({value:E,defaultValue:_=!1,onChange:w,mode:f="click",children:k,card:R,className:b}){const[j,l]=L.useControllable({value:E,defaultValue:_,onChange:w}),o=c.useRef(null),s=c.useRef(null),{isMounted:h,isActive:q}=W.useTransition(!!j,{duration:200}),a=c.useCallback(()=>{l(!1)},[l]),C=c.useCallback(()=>{if(!o.current||!s.current)return;const e=s.current.firstElementChild;if(!e)return;const t=(o.current.firstElementChild||o.current).getBoundingClientRect(),n=window.innerHeight,i=window.innerWidth,u=4;t.left+e.offsetWidth>i?e.style.left=`${t.right-e.offsetWidth}px`:e.style.left=`${t.left}px`,t.bottom+e.offsetHeight>n?e.style.top=`${t.top-e.offsetHeight-u}px`:e.style.top=`${t.bottom+u}px`},[]);return c.useEffect(()=>{if(!h)return;requestAnimationFrame(()=>C());const e=n=>{if(!s.current)return;const i=s.current.firstElementChild;if(!i)return;const u=n.type==="wheel",d=i.getBoundingClientRect(),v="clientX"in n?n.clientX:0,p="clientY"in n?n.clientY:0,x=v>=d.left&&v<=d.right&&p>=d.top&&p<=d.bottom;if(u&&x){let r=n.target;for(;r&&i.contains(r);){if(r.scrollHeight>r.clientHeight)return;if(r===i)break;r=r.parentElement}a()}else x||a()},t=setTimeout(()=>{document.addEventListener("click",e),document.addEventListener("wheel",e)},200);return()=>{clearTimeout(t),document.removeEventListener("click",e),document.removeEventListener("wheel",e)}},[h,C,a]),m.jsxRuntimeExports.jsxs("div",{ref:o,onClick:f==="click"?e=>{o.current?.contains(e.target)&&l(!0)}:void 0,onMouseEnter:f==="hover"?()=>l(!0):void 0,onMouseLeave:f==="hover"?a:void 0,className:b,children:[h&&y.createPortal(m.jsxRuntimeExports.jsx("div",{ref:s,children:m.jsxRuntimeExports.jsx(T.Card,{className:H.clsx(g.floatCard,q&&g.active),children:R})}),document.body),k]})}exports.FloatCard=F;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration:initial}}}._floatCard_1x7j3_2{z-index:1004;opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s;position:fixed}._floatCard_1x7j3_2._active_1x7j3_2{opacity:1}@property --tw-duration{syntax:"*";inherits:false}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as m}from"../components/Avatar/index.es.js";import{useRef as g,useCallback as x,useEffect as L}from"react";import{createPortal as W}from"react-dom";import{c as $}from"./clsx-B-dksMZM.js";import{u as F}from"../hooks/useControllable.es.js";import{u as I}from"../hooks/useTransition.es.js";import{C as M}from"../components/Card/index.es.js";const T="_floatCard_1x7j3_2",X="_active_1x7j3_2",w={floatCard:T,active:X};function z({value:E,defaultValue:b=!1,onChange:j,mode:d="click",children:k,card:y,className:H}){const[R,c]=F({value:E,defaultValue:b,onChange:j}),o=g(null),s=g(null),{isMounted:u,isActive:_}=I(!!R,{duration:200}),l=x(()=>{c(!1)},[c]),h=x(()=>{if(!o.current||!s.current)return;const t=s.current.firstElementChild;if(!t)return;const e=(o.current.firstElementChild||o.current).getBoundingClientRect(),n=window.innerHeight,i=window.innerWidth,a=4;e.left+t.offsetWidth>i?t.style.left=`${e.right-t.offsetWidth}px`:t.style.left=`${e.left}px`,e.bottom+t.offsetHeight>n?t.style.top=`${e.top-t.offsetHeight-a}px`:t.style.top=`${e.bottom+a}px`},[]);return L(()=>{if(!u)return;requestAnimationFrame(()=>h());const t=n=>{if(!s.current)return;const i=s.current.firstElementChild;if(!i)return;const a=n.type==="wheel",f=i.getBoundingClientRect(),p="clientX"in n?n.clientX:0,v="clientY"in n?n.clientY:0,C=p>=f.left&&p<=f.right&&v>=f.top&&v<=f.bottom;if(a&&C){let r=n.target;for(;r&&i.contains(r);){if(r.scrollHeight>r.clientHeight)return;if(r===i)break;r=r.parentElement}l()}else C||l()},e=setTimeout(()=>{document.addEventListener("click",t),document.addEventListener("wheel",t)},200);return()=>{clearTimeout(e),document.removeEventListener("click",t),document.removeEventListener("wheel",t)}},[u,h,l]),m.jsxs("div",{ref:o,onClick:d==="click"?t=>{o.current?.contains(t.target)&&c(!0)}:void 0,onMouseEnter:d==="hover"?()=>c(!0):void 0,onMouseLeave:d==="hover"?l:void 0,className:H,children:[u&&W(m.jsx("div",{ref:s,children:m.jsx(M,{className:$(w.floatCard,_&&w.active),children:y})}),document.body),k]})}export{z as F};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as e}from"../components/Avatar/index.es.js";import C,{useState as _,useRef as ae}from"react";import{C as le}from"./ColorPicker-DRs5fhzn.js";import{F as ie}from"./FloatCard-Ci8mP8y4.js";import{c as i}from"./clsx-B-dksMZM.js";import{u as ce}from"../hooks/useControllable.es.js";import{L}from"./Label-BTtohMHb.js";import{I as d}from"../components/Icon/index.es.js";import{j as ue,k as de,l as me,m as pe}from"./index-B_deyTVk.js";const fe="_input_1a8ld_2",xe="_inputContainer_1a8ld_2",he="_focused_1a8ld_2",_e="_error_1a8ld_2",be="_disabled_1a8ld_2",ve="_inputContent_1a8ld_2",ge="_left_1a8ld_2",je="_center_1a8ld_2",Ne="_right_1a8ld_2",we="_labelRow_1a8ld_2",Ce="_counter_1a8ld_2",Ve="_errorMessage_1a8ld_2",Ie="_numberArrows_1a8ld_2",o={input:fe,inputContainer:xe,focused:he,error:_e,disabled:be,inputContent:ve,left:ge,center:je,right:Ne,labelRow:we,counter:Ce,errorMessage:Ve,numberArrows:Ie};function U({children:p}){return e.jsx(e.Fragment,{children:p})}function q({children:p}){return e.jsx(e.Fragment,{children:p})}const D=C.forwardRef(function(H,f){const{value:O,defaultValue:T,onChange:W,labelValue:x,type:s="text",mask:V,max:t,min:l,step:I=1,errorMessage:h,infoMessage:y,disabled:c=!1,isError:z=!1,required:R=!1,placeholder:G="",textAlign:k,tooltipMinWidth:M,icon:E,appendIcon:F,onFocus:J,onBlur:K,children:Q,className:A}=H,[a,m]=ce({value:O,defaultValue:T??"",onChange:W}),[X,S]=_(!1),[Y,b]=_(!1),[v,Z]=_(!1),[u,P]=_(""),$=ae(null),B=r=>{$.current=r,typeof f=="function"?f(r):f&&(f.current=r)};let g=null,j=null;C.Children.forEach(Q,r=>{if(!C.isValidElement(r))return;const n=r.props;r.type===U&&(g=n.children),r.type===q&&(j=n.children)});const ee=s==="password"?v?"text":"password":s==="number"||s==="search"||s==="email"||s==="url"||s==="domain"||s==="color"?"text":s;function ne(r){let n=r.target.value;if(V&&s==="text"&&(n=de(n,V)),t&&s==="text"&&(n=n.slice(0,t)),s==="number"){const w=Number(n);isNaN(w)||(l!=null&&w<l?n=String(l):t!=null&&w>t&&(n=String(t)))}m(n)}function re(){S(!0),J?.()}function se(){S(!1);const r=a??"";if(s==="email")b(!ue(r));else if(s==="domain"){const n=!r||me(r);b(!n),P(r&&!n?"Invalid domain":"")}else if(s==="url"){const n=!r||pe(r);b(!n),P(r&&!n?"Invalid URL":"")}K?.()}function oe(){const n=((isNaN(Number(a))?0:Number(a))*1e3+(I||1)*1e3)/1e3;m(String(t!=null?Math.min(n,t):n))}function te(){const n=((isNaN(Number(a))?0:Number(a))*1e3-(I||1)*1e3)/1e3;m(String(l!=null?Math.max(n,l):n))}const N=z||Y;if(s==="color"){const r=a??"#000000ff";return e.jsxs("div",{className:i(o.input,A),children:[(x||t!==void 0)&&e.jsx("div",{className:o.labelRow,children:e.jsx(L,{labelValue:x,infoMessage:y,tooltipMinWidth:M,required:R})}),e.jsxs("div",{className:i(o.inputContainer,"flex items-center",c&&o.disabled),children:[e.jsx("input",{ref:B,type:"text",className:i(o.inputContent),value:r,onChange:n=>{m(n.target.value)},disabled:c,placeholder:"#000000ff"}),e.jsx(ie,{card:e.jsx(le,{value:r,onChange:n=>m(n)}),children:e.jsx("button",{type:"button",style:{width:"1.5em",height:"1.5em",background:r,border:"1px solid var(--color-neutral-default, #ccc)",borderRadius:"4px",cursor:c?"not-allowed":"pointer",flexShrink:0},disabled:c,"aria-label":"Open color picker"})})]}),(h||u)&&(N||!!u)&&e.jsx("p",{className:o.errorMessage,children:h||u})]})}return e.jsxs("div",{className:i(o.input,A),children:[(x||t!==void 0)&&e.jsxs("div",{className:o.labelRow,children:[e.jsx(L,{labelValue:x,infoMessage:y,tooltipMinWidth:M,required:R}),s==="text"&&t!==void 0&&e.jsxs("span",{className:o.counter,children:[(a??"").length,"/",t]})]}),e.jsxs("div",{className:"flex items-center h-fit",children:[e.jsxs("div",{className:i(o.inputContainer,"flex-1",X&&o.focused,N&&o.error,c&&o.disabled),children:[s==="search"?e.jsx(d,{name:"search",className:"text-neutral-foreground-low"}):E?e.jsx(d,{name:E}):g||null,e.jsx("input",{ref:B,type:ee,className:i(o.inputContent,k&&o[k]),value:a??"",onChange:ne,onFocus:re,onBlur:se,placeholder:G,disabled:c,spellCheck:!1}),s==="password"?e.jsx(d,{name:v?"visibility_off":"visibility",className:"cursor-pointer",onClick:()=>Z(!v)}):F?e.jsx(d,{name:F}):j||null]}),s==="number"&&e.jsxs("div",{className:i(o.numberArrows,"ml-xxs"),children:[e.jsx(d,{name:"arrow_drop_up",className:"arrow-icon",onClick:oe}),e.jsx(d,{name:"arrow_drop_down",className:"arrow-icon",onClick:te})]})]}),(h||u)&&(N||!!u)&&e.jsx("p",{className:o.errorMessage,children:h||u})]})});D.PrependIcon=U;D.AppendIcon=q;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial}}}.material-symbols-rounded.icon{font-size:var(--font-size-lg);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));--tw-leading:.7em;line-height:.7em}.arrow-icon.icon{cursor:pointer;font-size:var(--font-size-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2/1.5)));color:var(--neutral-interaction-default)}@property --tw-leading{syntax:"*";inherits:false}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid;--tw-duration:initial;--tw-border-style:solid;--tw-font-weight:initial}}}._input_1a8ld_2{gap:var(--spacing-xxs);flex-direction:column;height:fit-content;display:flex}._inputContainer_1a8ld_2{align-items:center;gap:var(--spacing-xs);border-radius:var(--border-radius-sm);background-color:var(--neutral-surface-default);min-height:24px;padding-inline:var(--spacing-sm);padding-block:var(--spacing-xs);outline-style:var(--tw-outline-style);outline-width:1px;outline-color:var(--neutral-border-default);transition-property:outline-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.1s;transition-duration:.1s;display:flex}._focused_1a8ld_2{outline-color:var(--primary-border-default)}._error_1a8ld_2{outline-color:var(--danger-border-default)}._disabled_1a8ld_2{pointer-events:none;background-color:var(--neutral-surface-disabled);outline-color:var(--neutral-border-disabled)}._inputContent_1a8ld_2{min-width:calc(var(--spacing,.25rem)*0);border-style:var(--tw-border-style);font-size:var(--font-size-sm);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--neutral-foreground-high);outline-style:var(--tw-outline-style);outline-width:var(--border-width-none);--tw-outline-style:none;background-color:#0000;border-width:0;outline-style:none;flex:1}._inputContent_1a8ld_2::placeholder{color:var(--neutral-foreground-low)}._left_1a8ld_2{text-align:left}._center_1a8ld_2{text-align:center}._right_1a8ld_2{text-align:right}._labelRow_1a8ld_2{justify-content:space-between;align-items:center;display:flex}._counter_1a8ld_2{font-size:var(--font-size-sm);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--neutral-foreground-low)}._errorMessage_1a8ld_2{margin-top:var(--spacing-xxs);text-align:start;font-size:var(--font-size-sm);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--danger-foreground-low)}._numberArrows_1a8ld_2{flex-direction:column;align-items:center;display:flex}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("../components/Avatar/index.cjs.js"),i=require("react"),le=require("./ColorPicker-BzlgPz70.js"),ie=require("./FloatCard-BGxNbGZp.js"),c=require("./clsx-C11secjj.js"),ae=require("../hooks/useControllable.cjs.js"),L=require("./Label-bwrT7VIV.js"),x=require("../components/Icon/index.cjs.js"),h=require("./index-CX6wEu92.js"),ce="_input_1a8ld_2",ue="_inputContainer_1a8ld_2",de="_focused_1a8ld_2",xe="_error_1a8ld_2",me="_disabled_1a8ld_2",pe="_inputContent_1a8ld_2",fe="_left_1a8ld_2",je="_center_1a8ld_2",_e="_right_1a8ld_2",he="_labelRow_1a8ld_2",Re="_counter_1a8ld_2",be="_errorMessage_1a8ld_2",Ee="_numberArrows_1a8ld_2",r={input:ce,inputContainer:ue,focused:de,error:xe,disabled:me,inputContent:pe,left:fe,center:je,right:_e,labelRow:he,counter:Re,errorMessage:be,numberArrows:Ee};function B({children:p}){return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:p})}function U({children:p}){return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:p})}const D=i.forwardRef(function(H,f){const{value:O,defaultValue:T,onChange:W,labelValue:j,type:t="text",mask:C,max:o,min:a,step:w=1,errorMessage:_,infoMessage:I,disabled:u=!1,isError:z=!1,required:V=!1,placeholder:G="",textAlign:y,tooltipMinWidth:k,icon:M,appendIcon:q,onFocus:J,onBlur:K,children:Q,className:S}=H,[l,m]=ae.useControllable({value:O,defaultValue:T??"",onChange:W}),[X,F]=i.useState(!1),[Y,R]=i.useState(!1),[b,Z]=i.useState(!1),[d,A]=i.useState(""),$=i.useRef(null),P=n=>{$.current=n,typeof f=="function"?f(n):f&&(f.current=n)};let E=null,v=null;i.Children.forEach(Q,n=>{if(!i.isValidElement(n))return;const s=n.props;n.type===B&&(E=s.children),n.type===U&&(v=s.children)});const ee=t==="password"?b?"text":"password":t==="number"||t==="search"||t==="email"||t==="url"||t==="domain"||t==="color"?"text":t;function se(n){let s=n.target.value;if(C&&t==="text"&&(s=h.applyMask(s,C)),o&&t==="text"&&(s=s.slice(0,o)),t==="number"){const N=Number(s);isNaN(N)||(a!=null&&N<a?s=String(a):o!=null&&N>o&&(s=String(o)))}m(s)}function ne(){F(!0),J?.()}function te(){F(!1);const n=l??"";if(t==="email")R(!h.isValidEmail(n));else if(t==="domain"){const s=!n||h.isValidDomain(n);R(!s),A(n&&!s?"Invalid domain":"")}else if(t==="url"){const s=!n||h.isValidUrl(n);R(!s),A(n&&!s?"Invalid URL":"")}K?.()}function re(){const s=((isNaN(Number(l))?0:Number(l))*1e3+(w||1)*1e3)/1e3;m(String(o!=null?Math.min(s,o):s))}function oe(){const s=((isNaN(Number(l))?0:Number(l))*1e3-(w||1)*1e3)/1e3;m(String(a!=null?Math.max(s,a):s))}const g=z||Y;if(t==="color"){const n=l??"#000000ff";return e.jsxRuntimeExports.jsxs("div",{className:c.clsx(r.input,S),children:[(j||o!==void 0)&&e.jsxRuntimeExports.jsx("div",{className:r.labelRow,children:e.jsxRuntimeExports.jsx(L.Label,{labelValue:j,infoMessage:I,tooltipMinWidth:k,required:V})}),e.jsxRuntimeExports.jsxs("div",{className:c.clsx(r.inputContainer,"flex items-center",u&&r.disabled),children:[e.jsxRuntimeExports.jsx("input",{ref:P,type:"text",className:c.clsx(r.inputContent),value:n,onChange:s=>{m(s.target.value)},disabled:u,placeholder:"#000000ff"}),e.jsxRuntimeExports.jsx(ie.FloatCard,{card:e.jsxRuntimeExports.jsx(le.ColorPicker,{value:n,onChange:s=>m(s)}),children:e.jsxRuntimeExports.jsx("button",{type:"button",style:{width:"1.5em",height:"1.5em",background:n,border:"1px solid var(--color-neutral-default, #ccc)",borderRadius:"4px",cursor:u?"not-allowed":"pointer",flexShrink:0},disabled:u,"aria-label":"Open color picker"})})]}),(_||d)&&(g||!!d)&&e.jsxRuntimeExports.jsx("p",{className:r.errorMessage,children:_||d})]})}return e.jsxRuntimeExports.jsxs("div",{className:c.clsx(r.input,S),children:[(j||o!==void 0)&&e.jsxRuntimeExports.jsxs("div",{className:r.labelRow,children:[e.jsxRuntimeExports.jsx(L.Label,{labelValue:j,infoMessage:I,tooltipMinWidth:k,required:V}),t==="text"&&o!==void 0&&e.jsxRuntimeExports.jsxs("span",{className:r.counter,children:[(l??"").length,"/",o]})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center h-fit",children:[e.jsxRuntimeExports.jsxs("div",{className:c.clsx(r.inputContainer,"flex-1",X&&r.focused,g&&r.error,u&&r.disabled),children:[t==="search"?e.jsxRuntimeExports.jsx(x.Icon,{name:"search",className:"text-neutral-foreground-low"}):M?e.jsxRuntimeExports.jsx(x.Icon,{name:M}):E||null,e.jsxRuntimeExports.jsx("input",{ref:P,type:ee,className:c.clsx(r.inputContent,y&&r[y]),value:l??"",onChange:se,onFocus:ne,onBlur:te,placeholder:G,disabled:u,spellCheck:!1}),t==="password"?e.jsxRuntimeExports.jsx(x.Icon,{name:b?"visibility_off":"visibility",className:"cursor-pointer",onClick:()=>Z(!b)}):q?e.jsxRuntimeExports.jsx(x.Icon,{name:q}):v||null]}),t==="number"&&e.jsxRuntimeExports.jsxs("div",{className:c.clsx(r.numberArrows,"ml-xxs"),children:[e.jsxRuntimeExports.jsx(x.Icon,{name:"arrow_drop_up",className:"arrow-icon",onClick:re}),e.jsxRuntimeExports.jsx(x.Icon,{name:"arrow_drop_down",className:"arrow-icon",onClick:oe})]})]}),(_||d)&&(g||!!d)&&e.jsxRuntimeExports.jsx("p",{className:r.errorMessage,children:_||d})]})});D.PrependIcon=B;D.AppendIcon=U;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as s}from"../components/Avatar/index.es.js";import{T as o}from"./Tooltip-DbBhUsGz.js";import{I as m}from"../components/Icon/index.es.js";/* empty css */function d({labelValue:e,infoMessage:r,tooltipMinWidth:n,required:t,className:i}){return e?s.jsxs("h5",{className:`inline-flex items-center text-sm font-semibold leading-xs${i?` ${i}`:""}`,children:[e,t&&s.jsx("span",{className:"text-primary-foreground-low ml-xxs",children:"*"}),r&&s.jsxs(o,{className:"ml-xxs",children:[s.jsx(o.Label,{children:s.jsx("p",{className:"p-xxs text-neutral-foreground-negative",style:n?{minWidth:n}:void 0,children:r})}),s.jsx(m,{name:"info",className:"info-icon"})]})]}):null}export{d as L};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial}}}.info-icon.icon{font-size:var(--font-size-lg);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));--tw-leading:var(--line-height-xxs);line-height:var(--line-height-xxs);color:var(--primary-foreground-low)}@property --tw-leading{syntax:"*";inherits:false}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("../components/Avatar/index.cjs.js"),i=require("./Tooltip-Diruxnme.js"),o=require("../components/Icon/index.cjs.js");;/* empty css */function l({labelValue:s,infoMessage:n,tooltipMinWidth:t,required:x,className:r}){return s?e.jsxRuntimeExports.jsxs("h5",{className:`inline-flex items-center text-sm font-semibold leading-xs${r?` ${r}`:""}`,children:[s,x&&e.jsxRuntimeExports.jsx("span",{className:"text-primary-foreground-low ml-xxs",children:"*"}),n&&e.jsxRuntimeExports.jsxs(i.Tooltip,{className:"ml-xxs",children:[e.jsxRuntimeExports.jsx(i.Tooltip.Label,{children:e.jsxRuntimeExports.jsx("p",{className:"p-xxs text-neutral-foreground-negative",style:t?{minWidth:t}:void 0,children:n})}),e.jsxRuntimeExports.jsx(o.Icon,{name:"info",className:"info-icon"})]})]}):null}exports.Label=l;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-font-weight:initial}}}.option-container{cursor:pointer;align-items:center;gap:var(--spacing-xs);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-leading:var(--line-height-lg);line-height:var(--line-height-lg);--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--neutral-interaction-default);-webkit-user-select:none;user-select:none;display:flex}@media(hover:hover){.option-container:hover{background-color:var(--primary-surface-default);color:var(--primary-interaction-default)}}.option-container .icon{font-size:var(--font-size-base);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}.option-container.selected{background-color:var(--primary-surface-default);color:var(--primary-interaction-selected)}@media(hover:hover){.option-container.noHover:hover{color:var(--neutral-interaction-default);background-color:#0000}}.option-container.secondary{color:var(--neutral-foreground-negative)}@media(hover:hover){.option-container.secondary:hover{background-color:var(--primary-interaction-hover)}}.option-container.disabled{pointer-events:none;color:var(--neutral-interaction-disabled)}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.overlay-backdrop{inset:calc(var(--spacing,.25rem)*0);background-color:var(--neutral-background-negative);opacity:0;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .5s;display:flex;position:fixed}.overlay-backdrop.active{opacity:.6}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid;--tw-duration:initial}}}._pinInput_1l2sp_2{align-items:center;gap:var(--spacing-xs);display:flex}._field_1l2sp_2{border-radius:var(--border-radius-sm);background-color:var(--neutral-surface-default);text-align:center;width:48px;height:48px;font-size:var(--font-size-sm);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));outline-width:1px;outline-style:var(--tw-outline-style);outline-width:var(--border-width-xxs);outline-color:var(--neutral-border-default);transition-property:outline-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.1s;transition-duration:.1s}._field_1l2sp_2:focus{outline-color:var(--primary-border-default)}._filled_1l2sp_2{background-color:var(--primary-surface-default);outline-color:var(--primary-border-default)}._separator_1l2sp_2{margin-inline:var(--spacing-xxs);font-size:var(--font-size-lg);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));color:var(--neutral-foreground-low)}._disabled_1l2sp_2{pointer-events:none;background-color:var(--neutral-surface-disabled);outline-color:var(--neutral-border-disabled)}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as l}from"../components/Avatar/index.es.js";import I,{useState as H,useRef as D,useEffect as R,useImperativeHandle as J}from"react";import{c as A}from"./clsx-B-dksMZM.js";const S="_pinInput_1l2sp_2",T="_field_1l2sp_2",q="_filled_1l2sp_2",z="_separator_1l2sp_2",G="_disabled_1l2sp_2",f={pinInput:S,field:T,filled:q,separator:z,disabled:G};I.forwardRef(function({value:n,defaultValue:V,onChange:m,onComplete:_,length:r=6,disabled:y=!1,placeholder:b,separator:v,type:h="text",otp:F=!1,className:k},E){const i=n!==void 0,[c,u]=H(()=>{const e=i?n:V??"";return Array.from({length:r},(t,s)=>e?.[s]??"")}),o=D([]);R(()=>{i&&n!==void 0&&u(Array.from({length:r},(e,t)=>n[t]??""))},[n,i,r]);const w=D("");R(()=>{const e=c.join("");e!==w.current&&(w.current=e,m?.(e),e.length===r&&c.every(t=>t!=="")&&_?.(e))},[c,r,m,_]),J(E,()=>({focus:()=>{const e=c.findIndex(t=>!t);o.current[e!==-1?e:0]?.focus()},clear:()=>{u(Array(r).fill("")),o.current[0]?.focus()}}));function j(e,t){const s=[...c];return s[e]=t,u(s),s}function N(e,t){const a=e.target.value.slice(-1);j(t,a),a&&t<r-1&&o.current[t+1]?.focus()}function P(e,t){if(e.key==="Backspace")if(!c[t]&&t>0){const s=o.current[t-1];s&&(s.focus(),s.select())}else j(t,"");else e.key==="ArrowLeft"&&t>0?(e.preventDefault(),o.current[t-1]?.focus()):e.key==="ArrowRight"&&t<r-1&&(e.preventDefault(),o.current[t+1]?.focus())}async function C(e,t){e.preventDefault();let s;try{s=await navigator.clipboard.readText()}catch{s=e.clipboardData.getData("text")}const a=[...c];s.split("").slice(0,r-t).forEach((p,d)=>{a[t+d]=p}),u(a);const L=a.reduce((p,d,B)=>d?B:p,t),M=Math.min(L+1,r-1);o.current[M]?.focus()}function K(e){e.target.select()}return l.jsx("div",{className:A(f.pinInput,k),children:Array.from({length:r},(e,t)=>l.jsxs(I.Fragment,{children:[v!==void 0&&t>0&&t%v===0&&l.jsx("span",{className:f.separator,children:"-"}),l.jsx("input",{ref:s=>{o.current[t]=s},className:A(f.field,c[t]&&f.filled,y&&f.disabled),value:c[t]||"",onChange:s=>N(s,t),onKeyDown:s=>P(s,t),onPaste:s=>C(s,t),onFocus:K,type:h,inputMode:"numeric",maxLength:1,placeholder:b,disabled:y,autoComplete:F?"one-time-code":void 0})]},t))})});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const i=require("../components/Avatar/index.cjs.js"),a=require("react"),E=require("./clsx-C11secjj.js"),K="_pinInput_1l2sp_2",L="_field_1l2sp_2",M="_filled_1l2sp_2",B="_separator_1l2sp_2",H="_disabled_1l2sp_2",l={pinInput:K,field:L,filled:M,separator:B,disabled:H};a.forwardRef(function({value:u,defaultValue:I,onChange:m,onComplete:y,length:r=6,disabled:v=!1,placeholder:A,separator:R,type:D="text",otp:V=!1,className:b},h){const p=u!==void 0,[c,f]=a.useState(()=>{const t=p?u:I??"";return Array.from({length:r},(e,s)=>t?.[s]??"")}),o=a.useRef([]);a.useEffect(()=>{p&&u!==void 0&&f(Array.from({length:r},(t,e)=>u[e]??""))},[u,p,r]);const j=a.useRef("");a.useEffect(()=>{const t=c.join("");t!==j.current&&(j.current=t,m?.(t),t.length===r&&c.every(e=>e!=="")&&y?.(t))},[c,r,m,y]),a.useImperativeHandle(h,()=>({focus:()=>{const t=c.findIndex(e=>!e);o.current[t!==-1?t:0]?.focus()},clear:()=>{f(Array(r).fill("")),o.current[0]?.focus()}}));function w(t,e){const s=[...c];return s[t]=e,f(s),s}function F(t,e){const n=t.target.value.slice(-1);w(e,n),n&&e<r-1&&o.current[e+1]?.focus()}function k(t,e){if(t.key==="Backspace")if(!c[e]&&e>0){const s=o.current[e-1];s&&(s.focus(),s.select())}else w(e,"");else t.key==="ArrowLeft"&&e>0?(t.preventDefault(),o.current[e-1]?.focus()):t.key==="ArrowRight"&&e<r-1&&(t.preventDefault(),o.current[e+1]?.focus())}async function x(t,e){t.preventDefault();let s;try{s=await navigator.clipboard.readText()}catch{s=t.clipboardData.getData("text")}const n=[...c];s.split("").slice(0,r-e).forEach((d,_)=>{n[e+_]=d}),f(n);const q=n.reduce((d,_,C)=>_?C:d,e),P=Math.min(q+1,r-1);o.current[P]?.focus()}function N(t){t.target.select()}return i.jsxRuntimeExports.jsx("div",{className:E.clsx(l.pinInput,b),children:Array.from({length:r},(t,e)=>i.jsxRuntimeExports.jsxs(a.Fragment,{children:[R!==void 0&&e>0&&e%R===0&&i.jsxRuntimeExports.jsx("span",{className:l.separator,children:"-"}),i.jsxRuntimeExports.jsx("input",{ref:s=>{o.current[e]=s},className:E.clsx(l.field,c[e]&&l.filled,v&&l.disabled),value:c[e]||"",onChange:s=>F(s,e),onKeyDown:s=>k(s,e),onPaste:s=>x(s,e),onFocus:N,type:D,inputMode:"numeric",maxLength:1,placeholder:A,disabled:v,autoComplete:V?"one-time-code":void 0})]},e))})});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require("../components/Avatar/index.cjs.js");require("react");require("./Tooltip-Diruxnme.js");require("../components/Badge/index.cjs.js");;/* empty css */;/* empty css */require("react-dom");;/* empty css */;/* empty css */;/* empty css */;/* empty css */const h=require("./index-CX6wEu92.js");;/* empty css */;/* empty css */function n(){const e=[],l=[];for(let r=10;r>=0;r--)l.push(h.blendColors("#000000",r/10));e.push(l);const o=["hsl(0, 100%, 50%)","hsl(30, 100%, 50%)","hsl(60, 100%, 50%)","hsl(90, 100%, 50%)","hsl(120, 100%, 50%)","hsl(150, 100%, 50%)","hsl(180, 100%, 50%)","hsl(210, 100%, 50%)","hsl(240, 100%, 50%)","hsl(270, 100%, 50%)","hsl(300, 100%, 50%)"];e.push(o);const t=[];for(let r=0;r<3;r++){const s=[];o.forEach(u=>s.push(h.blendColors(u,r*.2+.2))),t.push(s)}e.push(...t);const i=[];for(let r=2;r>=0;r--){const s=[];o.forEach(u=>s.push(h.blendColors(u,r*.2+.2,[0,0,0]))),i.push(s)}return e.push(...i),e}n();Array.from({length:10},(e,l)=>l*4+12);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"../components/Avatar/index.es.js";import"react";import"./Tooltip-DbBhUsGz.js";import"../components/Badge/index.es.js";/* empty css *//* empty css */import"react-dom";/* empty css *//* empty css *//* empty css *//* empty css */import{i as l}from"./index-B_deyTVk.js";/* empty css *//* empty css */function e(){const t=[],s=[];for(let o=10;o>=0;o--)s.push(l("#000000",o/10));t.push(s);const h=["hsl(0, 100%, 50%)","hsl(30, 100%, 50%)","hsl(60, 100%, 50%)","hsl(90, 100%, 50%)","hsl(120, 100%, 50%)","hsl(150, 100%, 50%)","hsl(180, 100%, 50%)","hsl(210, 100%, 50%)","hsl(240, 100%, 50%)","hsl(270, 100%, 50%)","hsl(300, 100%, 50%)"];t.push(h);const i=[];for(let o=0;o<3;o++){const r=[];h.forEach(p=>r.push(l(p,o*.2+.2))),i.push(r)}t.push(...i);const m=[];for(let o=2;o>=0;o--){const r=[];h.forEach(p=>r.push(l(p,o*.2+.2,[0,0,0]))),m.push(r)}return t.push(...m),t}e();Array.from({length:10},(t,s)=>s*4+12);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-ease:initial;--tw-border-style:solid}}}.content-wrapper{top:100%;left:calc(var(--spacing,.25rem)*0);width:100%;transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.1s;transition-duration:.1s}.sc-content{--tw-translate-y:-100%;translate:var(--tw-translate-x)var(--tw-translate-y);border-radius:var(--border-radius-sm);background-color:var(--neutral-surface-default);font-size:var(--font-size-xs);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-duration:.1s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));transition-duration:.1s;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));flex-direction:column;align-items:center;display:flex;overflow:hidden}.sc-content.secondary{background-color:var(--primary-interaction-default);color:var(--neutral-foreground-negative)}.sc-content.secondary .options-list::-webkit-scrollbar-thumb{background-color:var(--primary-surface-pressed)}.sc-content.secondary .options-list::-webkit-scrollbar{background-color:var(--primary-surface-default)}.sc-content.expanded{--tw-translate-y:0;translate:var(--tw-translate-x)var(--tw-translate-y)}.sc-content.has-max-height{max-height:12em}.options-list{border-radius:var(--border-radius-sm);width:100%;overflow:auto}.sc-actions{justify-content:flex-end;align-items:center;gap:var(--spacing-xxs);border-top-style:var(--tw-border-style);border-top-width:var(--border-width-xxs);border-color:var(--neutral-border-default);width:100%;padding:var(--spacing-xs);display:flex}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-ease{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}.search{margin:calc(var(--spacing,.25rem)*0);border-style:var(--tw-border-style);border-width:var(--border-width-none);--tw-border-style:none;width:100%;height:100%;padding:calc(var(--spacing,.25rem)*0);padding-left:var(--spacing-xxs);font-size:var(--font-size-xs);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline-style:var(--tw-outline-style);outline-width:var(--border-width-none);--tw-outline-style:none;border-style:none;outline-style:none}.secondary .search{background-color:var(--primary-interaction-default);color:var(--neutral-foreground-negative)}.secondary .search::placeholder{color:var(--neutral-foreground-negative)}.sc-icon{font-size:var(--font-size-base);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));color:var(--neutral-interaction-default);flex-shrink:0}.secondary .sc-icon{color:var(--neutral-foreground-negative)}.sc-icon.expanded{color:var(--primary-interaction-default)}.sc-icon.disabled{color:var(--neutral-interaction-disabled)}.sc-icon.error{color:var(--danger-interaction-default)}.search-placeholder{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y);color:var(--neutral-foreground-low);position:absolute;top:50%;left:.5em}.secondary .search-placeholder{color:var(--neutral-foreground-negative)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"../components/Avatar/index.es.js";import{createContext as e}from"react";let r=null;try{r=require("react-router-dom").Link}catch{}e({currentValue:void 0,onChange:()=>{}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require("../components/Avatar/index.cjs.js");const e=require("react");let r=null;try{r=require("react-router-dom").Link}catch{}e.createContext({currentValue:void 0,onChange:()=>{}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}._slider_rw7q0_2{border-radius:var(--border-radius-base);background-color:var(--primary-surface-highlight);-webkit-user-select:none;user-select:none;justify-content:flex-start;width:100%;height:.5em;display:flex;position:relative}._small_rw7q0_2{font-size:var(--font-size-xs);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)))}._medium_rw7q0_2{font-size:var(--font-size-base);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}._large_rw7q0_2{font-size:var(--font-size-xl);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)))}._vertical_rw7q0_2{flex-direction:column;align-items:flex-end;width:.5em;height:100%}._disabled_rw7q0_2{pointer-events:none;opacity:.5}._stepSlider_rw7q0_2{border-radius:var(--border-radius-none)}._neutralBg_rw7q0_2{background-color:var(--neutral-surface-disabled)}._track_rw7q0_2{border-radius:var(--border-radius-base);background-color:var(--primary-surface-highlight);width:100%;height:.5em;position:relative}._fillBar_rw7q0_2{border-radius:var(--border-radius-base);background-color:var(--primary-interaction-default);height:100%;display:flex;position:absolute;bottom:50%;left:0;overflow:hidden;transform:translateY(50%)}._fillBarVertical_rw7q0_2{flex-direction:column-reverse;width:100%;height:auto;bottom:0;left:50%;transform:translate(-50%)}._haveFillColors_rw7q0_2{background-color:#0000}._cursor_rw7q0_2{z-index:1;cursor:grab;border-radius:var(--border-radius-full);border-style:var(--tw-border-style);border-width:2px;border-color:var(--primary-interaction-default);background-color:var(--color-white,#fff);-webkit-user-select:none;user-select:none;width:1.25em;height:1.25em;position:absolute;top:50%;left:-50px;transform:translateY(-50%)}._dragging_rw7q0_2{cursor:grabbing}._stepsContainer_rw7q0_2{margin-top:calc(var(--spacing,.25rem)*2);width:100%;position:relative}._step_rw7q0_2{border-radius:var(--border-radius-base);background-color:var(--primary-surface-highlight);position:absolute}._stepActive_rw7q0_2,._stepActive_rw7q0_2._stepNeutral_rw7q0_2{background-color:var(--primary-interaction-default)}._stepNeutral_rw7q0_2{background-color:var(--neutral-surface-disabled)}._stepMarker_rw7q0_2{--tw-translate-y: -50% ;width:.35em;height:1.25em;translate:var(--tw-translate-x)var(--tw-translate-y);border-radius:var(--border-radius-full);background-color:var(--primary-surface-highlight)}._stepMarkerActive_rw7q0_2{background-color:var(--primary-interaction-default)}._stepMarkerNeutral_rw7q0_2{background-color:var(--neutral-surface-disabled)}._vertical_rw7q0_2 ._cursor_rw7q0_2{top:auto;bottom:0;left:50%;transform:translate(-50%)}._vertical_rw7q0_2 ._fillBar_rw7q0_2{width:100%;height:auto;bottom:0;left:50%;transform:translate(-50%)}._vertical_rw7q0_2 ._stepMarker_rw7q0_2{--tw-translate-x:calc(3/5*100%);--tw-translate-y:var(--spacing-none);width:1.25em;height:.35em;translate:var(--tw-translate-x)var(--tw-translate-y)}._disabled_rw7q0_2{background-color:var(--neutral-surface-disabled)}._disabled_rw7q0_2 ._cursor_rw7q0_2{border-color:var(--neutral-interaction-disabled)}._disabled_rw7q0_2 ._fillBar_rw7q0_2,._disabled_rw7q0_2 ._stepActive_rw7q0_2{background-color:var(--neutral-interaction-disabled)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const b=require("../components/Avatar/index.cjs.js"),n=require("react"),E=require("./clsx-C11secjj.js"),gt=require("../hooks/useControllable.cjs.js"),mt=require("./Tooltip-Diruxnme.js"),pt=require("./index-CX6wEu92.js"),_t="_slider_rw7q0_2",vt="_small_rw7q0_2",wt="_medium_rw7q0_2",Mt="_large_rw7q0_2",xt="_vertical_rw7q0_2",yt="_disabled_rw7q0_2",bt="_stepSlider_rw7q0_2",Ct="_neutralBg_rw7q0_2",Rt="_track_rw7q0_2",kt="_fillBar_rw7q0_2",Et="_fillBarVertical_rw7q0_2",St="_haveFillColors_rw7q0_2",qt="_cursor_rw7q0_2",Bt="_dragging_rw7q0_2",At="_stepsContainer_rw7q0_2",Tt="_step_rw7q0_2",Vt="_stepActive_rw7q0_2",jt="_stepNeutral_rw7q0_2",Nt="_stepMarker_rw7q0_2",Ht="_stepMarkerActive_rw7q0_2",Dt="_stepMarkerNeutral_rw7q0_2",o={slider:_t,small:vt,medium:wt,large:Mt,vertical:xt,disabled:yt,stepSlider:bt,neutralBg:Ct,track:Rt,fillBar:kt,fillBarVertical:Et,haveFillColors:St,cursor:qt,dragging:Bt,stepsContainer:At,step:Tt,stepActive:Vt,stepNeutral:jt,stepMarker:Nt,stepMarkerActive:Ht,stepMarkerNeutral:Dt},Lt=n.forwardRef(function(Z,S){const{value:Y,onChange:tt,size:F="medium",max:a=0,unit:et="",color:x="",showTooltip:rt=!1,disabled:C=!1,vertical:v=!1,fillColors:w,isRange:p=!1,steps:h,neutralBackground:A=!1,className:st}=Z,nt=Y!==void 0,[y,X]=gt.useControllable({value:Y,defaultValue:p?[0,0]:0,onChange:tt}),[I,z]=n.useState([!1,!1]),[R,D]=n.useState(void 0),T=n.useRef(null),U=n.useRef(null),k=n.useRef([]),L=n.useRef([!1,!1]),V=n.useRef(y),$=n.useRef(()=>{}),P=n.useRef(()=>{}),G=n.useRef(()=>{}),ot=n.useCallback(t=>{T.current=t,typeof S=="function"?S(t):S&&(S.current=t)},[S]);n.useEffect(()=>{V.current=y},[y]);function lt(){return A||!x?"":pt.blendColors(x)}function W(t){return t===void 0?[0,0]:Array.isArray(t)?[t[0],t[1]]:[t,t]}function g(t){return!a||a===0?Math.min(1,Math.max(0,t)):Math.min(1,Math.max(0,t/a))}function it(t){return!a||a===0?t:t*a}function J(t){return!h||!h.length?t:h.map(r=>a?r.value/a:r.value).reduce((r,l)=>Math.abs(l-t)<Math.abs(r-t)?l:r)}const j=n.useCallback(()=>{const t=T.current,e=U.current;if(!t)return;const r=W(V.current),l=p?[g(r[0]),g(r[1])]:[g(r[0])],u=k.current;if(u.forEach((s,i)=>{if(!s)return;const m=l[i]??0;if(v){const d=t.clientHeight,f=Math.min(d,Math.max(0,d*m)),_=getComputedStyle(s).getPropertyValue("--border-width-xs"),c=parseFloat(_)/2||0;s.style.bottom=r[i]<(a*.99||.99)||h&&h.length?f-s.clientHeight/3-c+"px":f-s.clientHeight-c+"px",s.style.left="50%"}else{const d=t.clientWidth,f=Math.min(d,Math.max(0,d*m)),_=getComputedStyle(s).getPropertyValue("--border-width-xs"),c=parseFloat(_)/2||0;s.style.left=r[i]<(a*.99||.99)||h&&h.length?f-s.clientWidth/3-c+"px":f-s.clientWidth-c+"px",s.style.bottom="50%"}}),!!e)if(v){const s=t.clientHeight,i=u.map(c=>c?c.clientHeight/2:0),d=u.map(c=>c?c.offsetTop:0).map((c,B)=>s-c-i[B]),f=p?Math.min(...d):0,_=Math.max(0,Math.max(...d));e.style.bottom=f+"px",e.style.height=Math.abs(_-f)+"px",e.style.left="50%",e.style.width="100%"}else{const s=u.filter(Boolean);if(!s.length)return;const i=s.map(f=>f.offsetLeft+f.clientWidth/3),m=p?Math.min(...i):0,d=Math.max(...i);e.style.left=m+"px",e.style.width=Math.abs(d-m)+s[0].clientWidth/6+"px",e.style.bottom="50%",e.style.height="100%"}},[p,v,a,h]),q=n.useCallback(t=>{const e=[!1,!1];e[t]=!0,L.current=e,z([...e])},[]),N=n.useCallback((t,e)=>{const r=T.current;r&&L.current.forEach((l,u)=>{if(!l)return;const s=k.current[u];if(!s)return;let i;if(v){const _=r.getBoundingClientRect(),c=r.clientHeight-s.clientHeight,B=e-s.clientHeight/2-_.top,H=c,ht=Math.min(H,Math.max(0,H-B));i=J(ht/(c||1))}else{const _=r.getBoundingClientRect(),c=r.clientWidth-s.clientWidth,B=t-s.clientWidth/2-_.left,H=Math.min(c,Math.max(0,B));i=J(H/(c||1))}const m=it(i),d=W(V.current);let f;if(p){const _=[...d];_[u]=m,f=_}else f=m;V.current=f,X(f),D(f),setTimeout(()=>j(),0)})},[p,v,a,h,X,j]),ct=n.useCallback(()=>{L.current=[!1,!1],z([!1,!1]),nt||D(void 0)},[]);n.useEffect(()=>{if(R===void 0)return;(Array.isArray(R)&&Array.isArray(y)?R[0]===y[0]&&R[1]===y[1]:R===y)&&D(void 0)},[y,R]),n.useEffect(()=>{$.current=t=>N(t.clientX,t.clientY),P.current=ct,G.current=t=>{t.touches[0]&&N(t.touches[0].clientX,t.touches[0].clientY)}}),n.useEffect(()=>{const t=u=>$.current(u),e=()=>P.current(),r=u=>G.current(u),l=()=>P.current();return window.addEventListener("mousemove",t),window.addEventListener("mouseup",e),window.addEventListener("touchmove",r),window.addEventListener("touchend",l),()=>{window.removeEventListener("mousemove",t),window.removeEventListener("mouseup",e),window.removeEventListener("touchmove",r),window.removeEventListener("touchend",l)}},[]),n.useEffect(()=>{const t=setTimeout(()=>j(),200);return()=>clearTimeout(t)},[]),n.useEffect(()=>{const t=setTimeout(()=>j(),100);return()=>clearTimeout(t)},[y,F,v]);const at=t=>{const e=et||"%";return`${t.toFixed(1)}${e}`},ut=p?2:1,M=W(R??y),ft=t=>{const e=a?t.value/a:t.value,r={};return v?r.bottom=e*100+"%":r.left=e*100+"%",r},dt=t=>{const e=a?t.value/a:t.value;if(p){const r=Math.min(g(M[0]),g(M[1])),l=Math.max(g(M[0]),g(M[1]));return e>=r&&e<=l}return e>=0&&e<=g(M[0])},K=(t,e)=>{if(!e||C)return{};if(w&&w.length){const r=a?t.value/a:t.value,l=p?Math.min(g(M[0]),g(M[1])):0,s=(p?Math.max(g(M[0]),g(M[1])):g(M[0]))-l;if(s<=0)return{};const i=(r-l)/s,m=Math.min(w.length-1,Math.max(0,Math.floor(i*w.length)));return{backgroundColor:w[m]}}return x?{backgroundColor:x}:{}},O={};x&&!(w&&w.length)&&!C&&(O.backgroundColor=x);const Q=t=>{const e={};return x&&!C&&(e.borderColor=x),e};return b.jsxRuntimeExports.jsxs("div",{ref:ot,className:E.clsx(o.slider,o[F],v?o.vertical:o.horizontal,C&&o.disabled,h&&h.length&&o.stepSlider,A&&o.neutralBg,st),style:{background:lt()},"aria-disabled":C,onMouseDown:t=>{if(C)return;const e=T.current;if(!e)return;let r=0;if(p&&k.current.length>1){let l=1/0;k.current.forEach((u,s)=>{if(u)if(v){const i=e.getBoundingClientRect(),m=e.clientHeight-u.offsetTop-u.clientHeight/2,d=Math.abs(e.clientHeight-(t.clientY-i.top)-m);d<l&&(l=d,r=s)}else{const i=Math.abs(u.offsetLeft-(t.clientX-e.getBoundingClientRect().left));i<l&&(l=i,r=s)}})}q(r),N(t.clientX,t.clientY)},onTouchStart:t=>{C||t.touches[0]&&N(t.touches[0].clientX,t.touches[0].clientY)},children:[b.jsxRuntimeExports.jsx("div",{ref:U,className:E.clsx(o.fillBar,v&&o.fillBarVertical,w&&w.length&&o.haveFillColors),style:O,children:w&&w.map((t,e)=>b.jsxRuntimeExports.jsx("div",{style:{background:t,width:"100%",height:"100%"}},e))}),Array.from({length:ut}).map((t,e)=>rt?b.jsxRuntimeExports.jsx(mt.Tooltip,{labelValue:at(M[e]),position:v?"right":"top",children:b.jsxRuntimeExports.jsx("div",{ref:r=>{k.current[e]=r},className:E.clsx(o.cursor,I[e]&&o.dragging,x&&o.coloredCursor),style:Q(),onMouseDown:r=>{r.stopPropagation(),q(e)},onTouchStart:r=>{r.stopPropagation(),q(e)}})},e):b.jsxRuntimeExports.jsx("div",{ref:r=>{k.current[e]=r},className:E.clsx(o.cursor,I[e]&&o.dragging,x&&o.coloredCursor),style:Q(),onMouseDown:r=>{r.stopPropagation(),q(e)},onTouchStart:r=>{r.stopPropagation(),q(e)}},e)),h&&h.map((t,e)=>{const r=dt(t);return b.jsxRuntimeExports.jsx("div",{className:E.clsx(o.step,r&&o.stepActive,A&&o.stepNeutral),style:{...ft(t),...K(t,r)},children:b.jsxRuntimeExports.jsx("div",{className:E.clsx(o.stepMarker,r&&o.stepMarkerActive,A&&!r&&o.stepMarkerNeutral),style:K(t,r)})},e)})]})});Lt.displayName="Slider";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as b}from"../components/Avatar/index.es.js";import _t,{useState as et,useRef as C,useCallback as V,useEffect as k}from"react";import{c as q}from"./clsx-B-dksMZM.js";import{u as vt}from"../hooks/useControllable.es.js";import{T as wt}from"./Tooltip-DbBhUsGz.js";import{i as Mt}from"./index-B_deyTVk.js";const yt="_slider_rw7q0_2",bt="_small_rw7q0_2",Ct="_medium_rw7q0_2",xt="_large_rw7q0_2",St="_vertical_rw7q0_2",Bt="_disabled_rw7q0_2",kt="_stepSlider_rw7q0_2",qt="_neutralBg_rw7q0_2",At="_track_rw7q0_2",Rt="_fillBar_rw7q0_2",Tt="_fillBarVertical_rw7q0_2",Vt="_haveFillColors_rw7q0_2",Et="_cursor_rw7q0_2",Nt="_dragging_rw7q0_2",Ht="_stepsContainer_rw7q0_2",Dt="_step_rw7q0_2",Lt="_stepActive_rw7q0_2",Pt="_stepNeutral_rw7q0_2",Wt="_stepMarker_rw7q0_2",jt="_stepMarkerActive_rw7q0_2",Yt="_stepMarkerNeutral_rw7q0_2",o={slider:yt,small:bt,medium:Ct,large:xt,vertical:St,disabled:Bt,stepSlider:kt,neutralBg:qt,track:At,fillBar:Rt,fillBarVertical:Tt,haveFillColors:Vt,cursor:Et,dragging:Nt,stepsContainer:Ht,step:Dt,stepActive:Lt,stepNeutral:Pt,stepMarker:Wt,stepMarkerActive:jt,stepMarkerNeutral:Yt},Ft=_t.forwardRef(function(rt,A){const{value:X,onChange:nt,size:I="medium",max:a=0,unit:ot="",color:M="",showTooltip:st=!1,disabled:x=!1,vertical:_=!1,fillColors:v,isRange:m=!1,steps:d,neutralBackground:E=!1,className:it}=rt,lt=X!==void 0,[y,z]=vt({value:X,defaultValue:m?[0,0]:0,onChange:nt}),[U,$]=et([!1,!1]),[S,W]=et(void 0),N=C(null),G=C(null),B=C([]),j=C([!1,!1]),H=C(y),J=C(()=>{}),Y=C(()=>{}),K=C(()=>{}),at=V(t=>{N.current=t,typeof A=="function"?A(t):A&&(A.current=t)},[A]);k(()=>{H.current=y},[y]);function ct(){return E||!M?"":Mt(M)}function F(t){return t===void 0?[0,0]:Array.isArray(t)?[t[0],t[1]]:[t,t]}function h(t){return!a||a===0?Math.min(1,Math.max(0,t)):Math.min(1,Math.max(0,t/a))}function ut(t){return!a||a===0?t:t*a}function O(t){return!d||!d.length?t:d.map(r=>a?r.value/a:r.value).reduce((r,s)=>Math.abs(s-t)<Math.abs(r-t)?s:r)}const D=V(()=>{const t=N.current,e=G.current;if(!t)return;const r=F(H.current),s=m?[h(r[0]),h(r[1])]:[h(r[0])],c=B.current;if(c.forEach((n,i)=>{if(!n)return;const g=s[i]??0;if(_){const f=t.clientHeight,u=Math.min(f,Math.max(0,f*g)),p=getComputedStyle(n).getPropertyValue("--border-width-xs"),l=parseFloat(p)/2||0;n.style.bottom=r[i]<(a*.99||.99)||d&&d.length?u-n.clientHeight/3-l+"px":u-n.clientHeight-l+"px",n.style.left="50%"}else{const f=t.clientWidth,u=Math.min(f,Math.max(0,f*g)),p=getComputedStyle(n).getPropertyValue("--border-width-xs"),l=parseFloat(p)/2||0;n.style.left=r[i]<(a*.99||.99)||d&&d.length?u-n.clientWidth/3-l+"px":u-n.clientWidth-l+"px",n.style.bottom="50%"}}),!!e)if(_){const n=t.clientHeight,i=c.map(l=>l?l.clientHeight/2:0),f=c.map(l=>l?l.offsetTop:0).map((l,T)=>n-l-i[T]),u=m?Math.min(...f):0,p=Math.max(0,Math.max(...f));e.style.bottom=u+"px",e.style.height=Math.abs(p-u)+"px",e.style.left="50%",e.style.width="100%"}else{const n=c.filter(Boolean);if(!n.length)return;const i=n.map(u=>u.offsetLeft+u.clientWidth/3),g=m?Math.min(...i):0,f=Math.max(...i);e.style.left=g+"px",e.style.width=Math.abs(f-g)+n[0].clientWidth/6+"px",e.style.bottom="50%",e.style.height="100%"}},[m,_,a,d]),R=V(t=>{const e=[!1,!1];e[t]=!0,j.current=e,$([...e])},[]),L=V((t,e)=>{const r=N.current;r&&j.current.forEach((s,c)=>{if(!s)return;const n=B.current[c];if(!n)return;let i;if(_){const p=r.getBoundingClientRect(),l=r.clientHeight-n.clientHeight,T=e-n.clientHeight/2-p.top,P=l,pt=Math.min(P,Math.max(0,P-T));i=O(pt/(l||1))}else{const p=r.getBoundingClientRect(),l=r.clientWidth-n.clientWidth,T=t-n.clientWidth/2-p.left,P=Math.min(l,Math.max(0,T));i=O(P/(l||1))}const g=ut(i),f=F(H.current);let u;if(m){const p=[...f];p[c]=g,u=p}else u=g;H.current=u,z(u),W(u),setTimeout(()=>D(),0)})},[m,_,a,d,z,D]),ft=V(()=>{j.current=[!1,!1],$([!1,!1]),lt||W(void 0)},[]);k(()=>{if(S===void 0)return;(Array.isArray(S)&&Array.isArray(y)?S[0]===y[0]&&S[1]===y[1]:S===y)&&W(void 0)},[y,S]),k(()=>{J.current=t=>L(t.clientX,t.clientY),Y.current=ft,K.current=t=>{t.touches[0]&&L(t.touches[0].clientX,t.touches[0].clientY)}}),k(()=>{const t=c=>J.current(c),e=()=>Y.current(),r=c=>K.current(c),s=()=>Y.current();return window.addEventListener("mousemove",t),window.addEventListener("mouseup",e),window.addEventListener("touchmove",r),window.addEventListener("touchend",s),()=>{window.removeEventListener("mousemove",t),window.removeEventListener("mouseup",e),window.removeEventListener("touchmove",r),window.removeEventListener("touchend",s)}},[]),k(()=>{const t=setTimeout(()=>D(),200);return()=>clearTimeout(t)},[]),k(()=>{const t=setTimeout(()=>D(),100);return()=>clearTimeout(t)},[y,I,_]);const dt=t=>{const e=ot||"%";return`${t.toFixed(1)}${e}`},ht=m?2:1,w=F(S??y),gt=t=>{const e=a?t.value/a:t.value,r={};return _?r.bottom=e*100+"%":r.left=e*100+"%",r},mt=t=>{const e=a?t.value/a:t.value;if(m){const r=Math.min(h(w[0]),h(w[1])),s=Math.max(h(w[0]),h(w[1]));return e>=r&&e<=s}return e>=0&&e<=h(w[0])},Q=(t,e)=>{if(!e||x)return{};if(v&&v.length){const r=a?t.value/a:t.value,s=m?Math.min(h(w[0]),h(w[1])):0,n=(m?Math.max(h(w[0]),h(w[1])):h(w[0]))-s;if(n<=0)return{};const i=(r-s)/n,g=Math.min(v.length-1,Math.max(0,Math.floor(i*v.length)));return{backgroundColor:v[g]}}return M?{backgroundColor:M}:{}},Z={};M&&!(v&&v.length)&&!x&&(Z.backgroundColor=M);const tt=t=>{const e={};return M&&!x&&(e.borderColor=M),e};return b.jsxs("div",{ref:at,className:q(o.slider,o[I],_?o.vertical:o.horizontal,x&&o.disabled,d&&d.length&&o.stepSlider,E&&o.neutralBg,it),style:{background:ct()},"aria-disabled":x,onMouseDown:t=>{if(x)return;const e=N.current;if(!e)return;let r=0;if(m&&B.current.length>1){let s=1/0;B.current.forEach((c,n)=>{if(c)if(_){const i=e.getBoundingClientRect(),g=e.clientHeight-c.offsetTop-c.clientHeight/2,f=Math.abs(e.clientHeight-(t.clientY-i.top)-g);f<s&&(s=f,r=n)}else{const i=Math.abs(c.offsetLeft-(t.clientX-e.getBoundingClientRect().left));i<s&&(s=i,r=n)}})}R(r),L(t.clientX,t.clientY)},onTouchStart:t=>{x||t.touches[0]&&L(t.touches[0].clientX,t.touches[0].clientY)},children:[b.jsx("div",{ref:G,className:q(o.fillBar,_&&o.fillBarVertical,v&&v.length&&o.haveFillColors),style:Z,children:v&&v.map((t,e)=>b.jsx("div",{style:{background:t,width:"100%",height:"100%"}},e))}),Array.from({length:ht}).map((t,e)=>st?b.jsx(wt,{labelValue:dt(w[e]),position:_?"right":"top",children:b.jsx("div",{ref:r=>{B.current[e]=r},className:q(o.cursor,U[e]&&o.dragging,M&&o.coloredCursor),style:tt(),onMouseDown:r=>{r.stopPropagation(),R(e)},onTouchStart:r=>{r.stopPropagation(),R(e)}})},e):b.jsx("div",{ref:r=>{B.current[e]=r},className:q(o.cursor,U[e]&&o.dragging,M&&o.coloredCursor),style:tt(),onMouseDown:r=>{r.stopPropagation(),R(e)},onTouchStart:r=>{r.stopPropagation(),R(e)}},e)),d&&d.map((t,e)=>{const r=mt(t);return b.jsx("div",{className:q(o.step,r&&o.stepActive,E&&o.stepNeutral),style:{...gt(t),...Q(t,r)},children:b.jsx("div",{className:q(o.stepMarker,r&&o.stepMarkerActive,E&&!r&&o.stepMarkerNeutral),style:Q(t,r)})},e)})]})});Ft.displayName="Slider";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.stepper-icon.icon{font-size:var(--font-size-lg);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)))}.small .stepper-icon.icon{font-size:var(--font-size-base);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}.large .stepper-icon.icon{font-size:var(--font-size-xl);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)))}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-outline-style:solid;--tw-duration:initial}}}._textarea_187gm_2{gap:var(--spacing-xxs);flex-direction:column;height:fit-content;display:flex}._labelRow_187gm_2{justify-content:space-between;align-items:center;display:flex}._counter_187gm_2{font-size:var(--font-size-sm);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--neutral-foreground-low)}._textareaContainer_187gm_2{border-radius:var(--border-radius-sm);background-color:var(--color-white,#fff);padding-inline:var(--spacing-sm);padding-block:var(--spacing-xs);outline-style:var(--tw-outline-style);outline-width:1px;outline-color:var(--neutral-border-default);transition-property:outline-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.1s;transition-duration:.1s;display:flex}._focused_187gm_2{outline-color:var(--primary-border-default)}._error_187gm_2{outline-color:var(--danger-border-default)}._disabled_187gm_2{pointer-events:none;background-color:var(--neutral-surface-disabled);outline-color:var(--neutral-border-disabled)}._textareaContent_187gm_2{resize:vertical;min-height:60px;font-size:var(--font-size-sm);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--neutral-foreground-high);outline-style:var(--tw-outline-style);outline-width:var(--border-width-none);--tw-outline-style:none;background-color:#0000;outline-style:none;flex:1}._textareaContent_187gm_2::placeholder{color:var(--neutral-foreground-low)}._errorMessage_187gm_2{text-align:start;font-size:var(--font-size-sm);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--danger-foreground-low)}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as t}from"../components/Avatar/index.es.js";import M,{useState as V}from"react";import{c as i}from"./clsx-B-dksMZM.js";import{u as I}from"../hooks/useControllable.es.js";import{L as S}from"./Label-BTtohMHb.js";const T="_textarea_187gm_2",k="_labelRow_187gm_2",q="_counter_187gm_2",z="_textareaContainer_187gm_2",D="_focused_187gm_2",E="_error_187gm_2",G="_disabled_187gm_2",H="_textareaContent_187gm_2",J="_errorMessage_187gm_2",e={textarea:T,labelRow:k,counter:q,textareaContainer:z,focused:D,error:E,disabled:G,textareaContent:H,errorMessage:J};M.forwardRef(function({value:_,onChange:m,labelValue:o,max:a,errorMessage:s,infoMessage:f,disabled:r=!1,isError:n=!1,required:x=!1,placeholder:g,textAlign:l,tooltipMinWidth:h,onFocus:C,onBlur:v,className:b},j){const[c,R]=I({value:_,defaultValue:"",onChange:m}),[p,u]=V(!1);function w(){u(!0),C?.()}function N(){u(!1),v?.()}function F(d){const B=a?d.target.value.slice(0,a):d.target.value;R(B)}const L=c?.length??0,y=o||a!==void 0;return t.jsxs("div",{className:i(e.textarea,b),children:[y&&t.jsxs("div",{className:e.labelRow,children:[t.jsx(S,{labelValue:o,infoMessage:f,tooltipMinWidth:h,required:x}),a!==void 0&&t.jsxs("span",{className:e.counter,children:[L,"/",a]})]}),t.jsx("div",{className:i(e.textareaContainer,p&&e.focused,n&&e.error,r&&e.disabled),children:t.jsx("textarea",{ref:j,className:e.textareaContent,value:c??"",onChange:F,onFocus:w,onBlur:N,placeholder:g,disabled:r,style:l?{textAlign:l}:void 0})}),(n||s)&&s&&t.jsx("small",{className:e.errorMessage,children:s})]})});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const t=require("../components/Avatar/index.cjs.js"),x=require("react"),_=require("./clsx-C11secjj.js"),B=require("../hooks/useControllable.cjs.js"),M=require("./Label-bwrT7VIV.js"),V="_textarea_187gm_2",k="_labelRow_187gm_2",I="_counter_187gm_2",S="_textareaContainer_187gm_2",T="_focused_187gm_2",z="_error_187gm_2",A="_disabled_187gm_2",D="_textareaContent_187gm_2",G="_errorMessage_187gm_2",e={textarea:V,labelRow:k,counter:I,textareaContainer:S,focused:T,error:z,disabled:A,textareaContent:D,errorMessage:G};x.forwardRef(function({value:d,onChange:m,labelValue:n,max:s,errorMessage:a,infoMessage:f,disabled:o=!1,isError:r=!1,required:g=!1,placeholder:h,textAlign:c,tooltipMinWidth:j,onFocus:R,onBlur:C,className:b},v){const[l,p]=B.useControllable({value:d,defaultValue:"",onChange:m}),[w,u]=x.useState(!1);function E(){u(!0),R?.()}function N(){u(!1),C?.()}function q(i){const y=s?i.target.value.slice(0,s):i.target.value;p(y)}const F=l?.length??0,L=n||s!==void 0;return t.jsxRuntimeExports.jsxs("div",{className:_.clsx(e.textarea,b),children:[L&&t.jsxRuntimeExports.jsxs("div",{className:e.labelRow,children:[t.jsxRuntimeExports.jsx(M.Label,{labelValue:n,infoMessage:f,tooltipMinWidth:j,required:g}),s!==void 0&&t.jsxRuntimeExports.jsxs("span",{className:e.counter,children:[F,"/",s]})]}),t.jsxRuntimeExports.jsx("div",{className:_.clsx(e.textareaContainer,w&&e.focused,r&&e.error,o&&e.disabled),children:t.jsxRuntimeExports.jsx("textarea",{ref:v,className:e.textareaContent,value:l??"",onChange:q,onFocus:E,onBlur:N,placeholder:h,disabled:o,style:c?{textAlign:c}:void 0})}),(r||a)&&a&&t.jsxRuntimeExports.jsx("small",{className:e.errorMessage,children:a})]})});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.toast-container{z-index:1100;gap:var(--spacing-sm);padding:var(--spacing-sm);flex-direction:column;display:flex;position:fixed}.top{top:calc(var(--spacing,.25rem)*0)}.bottom{bottom:calc(var(--spacing,.25rem)*0)}.right{right:calc(var(--spacing,.25rem)*0);align-items:flex-end}.left{left:calc(var(--spacing,.25rem)*0)}.toast{word-break:break-all;white-space:normal;width:fit-content;max-width:50em}.toast-wrapper{transition:all .6s}.toast-wrapper.slide-right{opacity:0;transform:translate(100%)}.toast-wrapper.slide-right.active{opacity:1;transform:translate(0)}.toast-wrapper.slide-left{opacity:0;transform:translate(-100%)}.toast-wrapper.slide-left.active{opacity:1;transform:translate(0)}@media screen and (max-width:50em){.toast{max-width:95%}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require("../components/Avatar/index.cjs.js");const e=require("react");require("react-dom");require("../components/Badge/index.cjs.js");;/* empty css */e.createContext(null);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"../components/Avatar/index.es.js";import{createContext as t}from"react";import"react-dom";import"../components/Badge/index.es.js";/* empty css */t(null);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration:initial;--tw-ease:initial;--tw-border-style:solid;--tw-font-weight:initial}}}._tooltip_ui48a_2{z-index:1004;opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.5s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));transition-duration:.5s;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));align-items:center;display:flex;position:fixed}._tooltip_ui48a_2._active_ui48a_2{opacity:.01;opacity:1}._tooltipTriangle_ui48a_2{height:calc(var(--spacing,.25rem)*0);width:calc(var(--spacing,.25rem)*0);border-style:var(--tw-border-style);border-width:9px;border-right-style:var(--tw-border-style);border-right-width:0;border-left-style:var(--tw-border-style);border-color:#0000;border-left-width:11px;border-left-color:var(--neutral-background-negative);position:relative}._tooltipContent_ui48a_2{border-radius:var(--border-radius-base);background-color:var(--neutral-background-negative);width:fit-content;padding:var(--spacing-xs);font-size:var(--font-size-xs);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);white-space:nowrap;color:var(--neutral-foreground-negative);justify-content:center;align-items:center;display:flex}._right_ui48a_2{flex-direction:row}._right_ui48a_2 ._tooltipTriangle_ui48a_2{right:-2px;rotate:180deg}._left_ui48a_2{flex-direction:row-reverse}._left_ui48a_2 ._tooltipTriangle_ui48a_2{left:-2px}._top_ui48a_2{flex-direction:column-reverse}._top_ui48a_2 ._tooltipTriangle_ui48a_2{top:-5px;rotate:90deg}._bottom_ui48a_2{flex-direction:column}._bottom_ui48a_2 ._tooltipTriangle_ui48a_2{bottom:-5px;rotate:-90deg}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as s}from"../components/Avatar/index.es.js";import{Children as W,isValidElement as j,useState as R,useRef as _,useCallback as $,useEffect as B}from"react";import{createPortal as H}from"react-dom";import{c as L}from"./clsx-B-dksMZM.js";import{u as M}from"../hooks/useTransition.es.js";const S="_tooltip_ui48a_2",k="_active_ui48a_2",P="_tooltipTriangle_ui48a_2",N="_tooltipContent_ui48a_2",q="_right_ui48a_2",z="_left_ui48a_2",A="_top_ui48a_2",F="_bottom_ui48a_2",l={tooltip:S,active:k,tooltipTriangle:P,tooltipContent:N,right:q,left:z,top:A,bottom:F};function x({children:c}){return s.jsx(s.Fragment,{children:c})}function I({labelValue:c="",position:i="right",children:v,className:y,style:w}){let h=null;const m=[];W.forEach(v,t=>{j(t)&&t.type===x?h=t.props.children:m.push(t)});const C=h||c,[b,p]=R(!1),r=_(null),a=_(null),{isMounted:f,isActive:E}=M(b,{duration:500}),u=$((t,e)=>{if(i==="left"||i==="right"){const o=i==="left"?t.left-e.offsetWidth-4:t.right+4;e.style.left=`${Math.max(0,o)}px`,e.style.top=`${t.top+t.height/2-e.offsetHeight/2}px`}else{const o=i==="top"?t.top-e.offsetHeight:t.bottom;e.style.top=`${Math.max(0,o)}px`,e.style.left=`${t.left+t.width/2-e.offsetWidth/2}px`}},[i]);return B(()=>{if(!f||!r.current||!a.current)return;const t=(r.current.firstElementChild||r.current).getBoundingClientRect();u(t,a.current);const e=a.current,d=window.innerWidth,o=e.getBoundingClientRect(),n=e.querySelector(`.${l.tooltipContent}`);if(n&&(n.style.maxWidth="none",n.style.wordBreak="normal",n.style.whiteSpace="normal",o.left+o.width>d)){const T=o.width-n.offsetWidth;n.style.maxWidth=`${d-o.left-4-T}px`,n.style.wordBreak="break-all",n.style.whiteSpace="wrap",u(t,e)}const g=()=>p(!1);return document.addEventListener("wheel",g),()=>document.removeEventListener("wheel",g)},[f,u]),s.jsxs("div",{ref:r,onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),className:y,style:w,children:[f&&H(s.jsxs("div",{ref:a,className:L(l.tooltip,l[i],E&&l.active),children:[s.jsx("div",{className:l.tooltipTriangle}),s.jsx("div",{className:l.tooltipContent,children:C})]}),document.body),m]})}I.Label=x;export{I as T};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const r=require("../components/Avatar/index.cjs.js"),i=require("react"),T=require("react-dom"),W=require("./clsx-C11secjj.js"),q=require("../hooks/useTransition.cjs.js"),$="_tooltip_ui48a_2",k="_active_ui48a_2",B="_tooltipTriangle_ui48a_2",H="_tooltipContent_ui48a_2",L="_right_ui48a_2",M="_left_ui48a_2",S="_top_ui48a_2",P="_bottom_ui48a_2",l={tooltip:$,active:k,tooltipTriangle:B,tooltipContent:H,right:L,left:M,top:S,bottom:P};function g({children:u}){return r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:u})}function v({labelValue:u="",position:s="right",children:y,className:E,style:R}){let x=null;const m=[];i.Children.forEach(y,t=>{i.isValidElement(t)&&t.type===g?x=t.props.children:m.push(t)});const w=x||u,[C,p]=i.useState(!1),a=i.useRef(null),c=i.useRef(null),{isMounted:d,isActive:j}=q.useTransition(C,{duration:500}),f=i.useCallback((t,e)=>{if(s==="left"||s==="right"){const o=s==="left"?t.left-e.offsetWidth-4:t.right+4;e.style.left=`${Math.max(0,o)}px`,e.style.top=`${t.top+t.height/2-e.offsetHeight/2}px`}else{const o=s==="top"?t.top-e.offsetHeight:t.bottom;e.style.top=`${Math.max(0,o)}px`,e.style.left=`${t.left+t.width/2-e.offsetWidth/2}px`}},[s]);return i.useEffect(()=>{if(!d||!a.current||!c.current)return;const t=(a.current.firstElementChild||a.current).getBoundingClientRect();f(t,c.current);const e=c.current,h=window.innerWidth,o=e.getBoundingClientRect(),n=e.querySelector(`.${l.tooltipContent}`);if(n&&(n.style.maxWidth="none",n.style.wordBreak="normal",n.style.whiteSpace="normal",o.left+o.width>h)){const b=o.width-n.offsetWidth;n.style.maxWidth=`${h-o.left-4-b}px`,n.style.wordBreak="break-all",n.style.whiteSpace="wrap",f(t,e)}const _=()=>p(!1);return document.addEventListener("wheel",_),()=>document.removeEventListener("wheel",_)},[d,f]),r.jsxRuntimeExports.jsxs("div",{ref:a,onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),className:E,style:R,children:[d&&T.createPortal(r.jsxRuntimeExports.jsxs("div",{ref:c,className:W.clsx(l.tooltip,l[s],j&&l.active),children:[r.jsxRuntimeExports.jsx("div",{className:l.tooltipTriangle}),r.jsxRuntimeExports.jsx("div",{className:l.tooltipContent,children:w})]}),document.body),m]})}v.Label=g;exports.Tooltip=v;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require("../components/Avatar/index.cjs.js");const e=require("react");require("../components/Badge/index.cjs.js");e.createContext(null);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"../components/Avatar/index.es.js";import{createContext as t}from"react";import"../components/Badge/index.es.js";t(null);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function a(r){var f,n,t="";if(typeof r=="string"||typeof r=="number")t+=r;else if(typeof r=="object")if(Array.isArray(r)){var o=r.length;for(f=0;f<o;f++)r[f]&&(n=a(r[f]))&&(t&&(t+=" "),t+=n)}else for(n in r)r[n]&&(t&&(t+=" "),t+=n);return t}function i(){for(var r,f,n=0,t="",o=arguments.length;n<o;n++)(r=arguments[n])&&(f=a(r))&&(t&&(t+=" "),t+=f);return t}export{i as c};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";function i(r){var f,n,t="";if(typeof r=="string"||typeof r=="number")t+=r;else if(typeof r=="object")if(Array.isArray(r)){var s=r.length;for(f=0;f<s;f++)r[f]&&(n=i(r[f]))&&(t&&(t+=" "),t+=n)}else for(n in r)r[n]&&(t&&(t+=" "),t+=n);return t}function o(){for(var r,f,n=0,t="",s=arguments.length;n<s;n++)(r=arguments[n])&&(f=i(r))&&(t&&(t+=" "),t+=f);return t}exports.clsx=o;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.primary{border-color:var(--primary-interaction-default);background-color:var(--primary-interaction-default)}@media(hover:hover){.primary:hover{border-color:var(--primary-interaction-hover);background-color:var(--primary-interaction-hover)}}.primary:active{border-color:var(--primary-interaction-pressed);background-color:var(--primary-interaction-pressed)}.primary .progress{background-color:var(--primary-surface-highlight)}.info{border-color:var(--informative-interaction-default);background-color:var(--informative-interaction-default)}@media(hover:hover){.info:hover{border-color:var(--informative-interaction-hover);background-color:var(--informative-interaction-hover)}}.info:active{border-color:var(--informative-interaction-pressed);background-color:var(--informative-interaction-pressed)}.info .progress{background-color:var(--informative-surface-highlight)}.success{border-color:var(--success-interaction-default);background-color:var(--success-interaction-default)}@media(hover:hover){.success:hover{border-color:var(--success-interaction-hover);background-color:var(--success-interaction-hover)}}.success:active{border-color:var(--success-interaction-pressed);background-color:var(--success-interaction-pressed)}.success .progress{background-color:var(--success-surface-highlight)}.warning{border-color:var(--warning-interaction-default);background-color:var(--warning-interaction-default)}@media(hover:hover){.warning:hover{border-color:var(--warning-interaction-hover);background-color:var(--warning-interaction-hover)}}.warning:active{border-color:var(--warning-interaction-pressed);background-color:var(--warning-interaction-pressed)}.warning .progress{background-color:var(--warning-surface-highlight)}.danger{border-color:var(--danger-interaction-default);background-color:var(--danger-interaction-default)}@media(hover:hover){.danger:hover{border-color:var(--danger-interaction-hover);background-color:var(--danger-interaction-hover)}}.danger:active{border-color:var(--danger-interaction-pressed);background-color:var(--danger-interaction-pressed)}.danger .progress{background-color:var(--danger-surface-highlight)}.neutral{border-color:var(--neutral-interaction-default);background-color:var(--neutral-interaction-default)}@media(hover:hover){.neutral:hover{border-color:var(--neutral-interaction-hover);background-color:var(--neutral-interaction-hover)}}.neutral:active{border-color:var(--neutral-interaction-pressed);background-color:var(--neutral-interaction-pressed)}.neutral .progress{background-color:var(--neutral-surface-highlight)}.disabled{pointer-events:none;border-color:var(--neutral-border-default);background-color:var(--neutral-surface-disabled);color:var(--neutral-interaction-disabled)}.disabled .progress{background-color:var(--neutral-surface-disabled)}.secondary{background-color:#0000}.secondary.primary{color:var(--primary-interaction-default)}@media(hover:hover){.secondary.primary:hover{border-color:var(--primary-border-hover);background-color:var(--primary-surface-hover);color:var(--primary-interaction-hover)}}.secondary.primary:active{border-color:var(--primary-border-pressed);background-color:var(--primary-surface-pressed);color:var(--primary-interaction-pressed)}.secondary.info{color:var(--informative-interaction-default)}@media(hover:hover){.secondary.info:hover{border-color:var(--informative-border-hover);background-color:var(--informative-surface-hover);color:var(--informative-interaction-hover)}}.secondary.info:active{border-color:var(--informative-border-pressed);background-color:var(--informative-surface-pressed);color:var(--informative-interaction-pressed)}.secondary.success{color:var(--success-interaction-default)}@media(hover:hover){.secondary.success:hover{border-color:var(--success-border-hover);background-color:var(--success-surface-hover);color:var(--success-interaction-hover)}}.secondary.success:active{border-color:var(--success-border-pressed);background-color:var(--success-surface-pressed);color:var(--success-interaction-pressed)}.secondary.warning{color:var(--warning-interaction-default)}@media(hover:hover){.secondary.warning:hover{border-color:var(--warning-border-hover);background-color:var(--warning-surface-hover);color:var(--warning-interaction-hover)}}.secondary.warning:active{border-color:var(--warning-border-pressed);background-color:var(--warning-surface-pressed);color:var(--warning-interaction-pressed)}.secondary.danger{color:var(--danger-interaction-default)}@media(hover:hover){.secondary.danger:hover{border-color:var(--danger-border-hover);background-color:var(--danger-surface-hover);color:var(--danger-interaction-hover)}}.secondary.danger:active{border-color:var(--danger-border-pressed);background-color:var(--danger-surface-pressed);color:var(--danger-interaction-pressed)}.secondary.neutral{color:var(--neutral-interaction-default)}@media(hover:hover){.secondary.neutral:hover{border-color:var(--neutral-interaction-hover);background-color:var(--neutral-surface-hover);color:var(--neutral-interaction-hover)}}.secondary.neutral:active{border-color:var(--neutral-interaction-pressed);background-color:var(--neutral-surface-disabled);color:var(--neutral-interaction-pressed)}.secondary.disabled{border-color:var(--neutral-border-disabled);background-color:var(--neutral-surface-disabled);color:var(--neutral-interaction-disabled)}.secondary.disabled .progress{background-color:var(--neutral-surface-disabled)}.reverse{background-color:#0000}.reverse.primary{color:var(--primary-interaction-default)}@media(hover:hover){.reverse.primary:hover{border-color:var(--primary-interaction-default);background-color:var(--primary-interaction-default);color:var(--neutral-foreground-negative)}}.reverse.primary:active{border-color:var(--primary-interaction-pressed);background-color:var(--primary-interaction-pressed)}.reverse.info{color:var(--informative-interaction-default)}@media(hover:hover){.reverse.info:hover{border-color:var(--informative-interaction-default);background-color:var(--informative-interaction-default);color:var(--neutral-foreground-negative)}}.reverse.info:active{border-color:var(--informative-interaction-pressed);background-color:var(--informative-interaction-pressed)}.reverse.success{color:var(--success-interaction-default)}@media(hover:hover){.reverse.success:hover{border-color:var(--success-interaction-default);background-color:var(--success-interaction-default);color:var(--neutral-foreground-negative)}}.reverse.success:active{border-color:var(--success-interaction-pressed);background-color:var(--success-interaction-pressed)}.reverse.warning{color:var(--warning-interaction-default)}@media(hover:hover){.reverse.warning:hover{border-color:var(--warning-interaction-default);background-color:var(--warning-interaction-default);color:var(--neutral-foreground-negative)}}.reverse.warning:active{border-color:var(--warning-interaction-pressed);background-color:var(--warning-interaction-pressed)}.reverse.danger{color:var(--danger-interaction-default)}@media(hover:hover){.reverse.danger:hover{border-color:var(--danger-interaction-default);background-color:var(--danger-interaction-default);color:var(--neutral-foreground-negative)}}.reverse.danger:active{border-color:var(--danger-interaction-pressed);background-color:var(--danger-interaction-pressed)}.reverse.neutral{color:var(--neutral-interaction-default)}@media(hover:hover){.reverse.neutral:hover{border-color:var(--neutral-interaction-default);background-color:var(--neutral-interaction-default);color:var(--neutral-foreground-negative)}}.reverse.neutral:active{border-color:var(--neutral-interaction-pressed);background-color:var(--neutral-interaction-pressed)}.reverse.disabled{border-color:var(--neutral-border-disabled);color:var(--neutral-interaction-disabled);background-color:#0000}.plain{background-color:#0000;border-color:#0000}@media(hover:hover){.plain:hover{border-color:#0000}}.plain:active{border-color:#0000}.plain.primary{color:var(--primary-interaction-default)}@media(hover:hover){.plain.primary:hover{background-color:var(--primary-surface-hover);color:var(--primary-interaction-hover)}}.plain.primary:active{background-color:var(--primary-surface-pressed);color:var(--primary-interaction-pressed)}.plain.info{color:var(--informative-interaction-default)}@media(hover:hover){.plain.info:hover{background-color:var(--informative-surface-hover);color:var(--informative-interaction-hover)}}.plain.info:active{background-color:var(--informative-surface-pressed);color:var(--informative-interaction-pressed)}.plain.success{color:var(--success-interaction-default)}@media(hover:hover){.plain.success:hover{background-color:var(--success-surface-hover);color:var(--success-interaction-hover)}}.plain.success:active{background-color:var(--success-surface-pressed);color:var(--success-interaction-pressed)}.plain.warning{color:var(--warning-interaction-default)}@media(hover:hover){.plain.warning:hover{background-color:var(--warning-surface-hover);color:var(--warning-interaction-hover)}}.plain.warning:active{background-color:var(--warning-surface-pressed);color:var(--warning-interaction-pressed)}.plain.danger{color:var(--danger-interaction-default)}@media(hover:hover){.plain.danger:hover{background-color:var(--danger-surface-hover);color:var(--danger-interaction-hover)}}.plain.danger:active{background-color:var(--danger-surface-pressed);color:var(--danger-interaction-pressed)}.plain.neutral{color:var(--neutral-interaction-default)}@media(hover:hover){.plain.neutral:hover{background-color:var(--neutral-surface-hover);color:var(--neutral-interaction-hover)}}.plain.neutral:active{background-color:var(--neutral-surface-disabled);color:var(--neutral-interaction-pressed)}.plain.disabled{color:var(--neutral-interaction-disabled)}
|