frey-ui 1.0.13 → 1.0.15
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/README.md +27 -3
- package/dist/cjs/Accordion/accordion.css +13 -0
- package/dist/cjs/Accordion/accordion.module.css.cjs +1 -1
- package/dist/cjs/Accordion/accordion.module.css.cjs.map +1 -0
- package/dist/cjs/Accordion/index.cjs +43 -16
- package/dist/cjs/Accordion/index.cjs.map +1 -0
- package/dist/cjs/Alert/alert.module.css.cjs.map +1 -0
- package/dist/cjs/Alert/index.cjs +3 -3
- package/dist/cjs/Alert/index.cjs.map +1 -0
- package/dist/cjs/Avatar/avatar.module.css.cjs.map +1 -0
- package/dist/cjs/Avatar/index.cjs +2 -2
- package/dist/cjs/Avatar/index.cjs.map +1 -0
- package/dist/cjs/Badge/badge.module.css.cjs.map +1 -0
- package/dist/cjs/Badge/index.cjs +4 -4
- package/dist/cjs/Badge/index.cjs.map +1 -0
- package/dist/cjs/Box/box.module.css.cjs.map +1 -0
- package/dist/cjs/Box/index.cjs +5 -5
- package/dist/cjs/Box/index.cjs.map +1 -0
- package/dist/cjs/Breadcrumbs/breadcrumbs.module.css.cjs.map +1 -0
- package/dist/cjs/Breadcrumbs/index.cjs +2 -2
- package/dist/cjs/Breadcrumbs/index.cjs.map +1 -0
- package/dist/cjs/Button/button.module.css.cjs.map +1 -0
- package/dist/cjs/Button/index.cjs +4 -4
- package/dist/cjs/Button/index.cjs.map +1 -0
- package/dist/cjs/Card/card.module.css.cjs.map +1 -0
- package/dist/cjs/Card/index.cjs +1 -1
- package/dist/cjs/Card/index.cjs.map +1 -0
- package/dist/cjs/Checkbox/checkbox.css +1 -1
- package/dist/cjs/Checkbox/checkbox.module.css.cjs +1 -1
- package/dist/cjs/Checkbox/checkbox.module.css.cjs.map +1 -0
- package/dist/cjs/Checkbox/index.cjs +6 -16
- package/dist/cjs/Checkbox/index.cjs.map +1 -0
- package/dist/cjs/Chip/chip.module.css.cjs.map +1 -0
- package/dist/cjs/Chip/index.cjs +3 -3
- package/dist/cjs/Chip/index.cjs.map +1 -0
- package/dist/cjs/Combobox/combobox.css +140 -0
- package/dist/cjs/Combobox/combobox.module.css.cjs +10 -0
- package/dist/cjs/Combobox/combobox.module.css.cjs.map +1 -0
- package/dist/cjs/Combobox/index.cjs +191 -0
- package/dist/cjs/Combobox/index.cjs.map +1 -0
- package/dist/cjs/CommandPalette/commandpalette.css +187 -0
- package/dist/cjs/CommandPalette/commandpalette.module.css.cjs +10 -0
- package/dist/cjs/CommandPalette/commandpalette.module.css.cjs.map +1 -0
- package/dist/cjs/CommandPalette/index.cjs +354 -0
- package/dist/cjs/CommandPalette/index.cjs.map +1 -0
- package/dist/cjs/Dialog/dialog.css +20 -0
- package/dist/cjs/Dialog/dialog.module.css.cjs +1 -1
- package/dist/cjs/Dialog/dialog.module.css.cjs.map +1 -0
- package/dist/cjs/Dialog/index.cjs +24 -23
- package/dist/cjs/Dialog/index.cjs.map +1 -0
- package/dist/cjs/Drawer/drawer.css +132 -0
- package/dist/cjs/Drawer/drawer.module.css.cjs +10 -0
- package/dist/cjs/Drawer/drawer.module.css.cjs.map +1 -0
- package/dist/cjs/Drawer/index.cjs +87 -0
- package/dist/cjs/Drawer/index.cjs.map +1 -0
- package/dist/cjs/DropdownMenu/dropdownmenu.module.css.cjs.map +1 -0
- package/dist/cjs/DropdownMenu/index.cjs +17 -17
- package/dist/cjs/DropdownMenu/index.cjs.map +1 -0
- package/dist/cjs/Field/field.module.css.cjs.map +1 -0
- package/dist/cjs/Field/index.cjs +3 -3
- package/dist/cjs/Field/index.cjs.map +1 -0
- package/dist/cjs/Flex/index.cjs +1 -1
- package/dist/cjs/Flex/index.cjs.map +1 -0
- package/dist/cjs/Grid/index.cjs +1 -1
- package/dist/cjs/Grid/index.cjs.map +1 -0
- package/dist/cjs/Icons/CheckIcon.cjs +1 -1
- package/dist/cjs/Icons/CheckIcon.cjs.map +1 -0
- package/dist/cjs/Icons/ChevronDownIcon.cjs +1 -1
- package/dist/cjs/Icons/ChevronDownIcon.cjs.map +1 -0
- package/dist/cjs/Icons/CircleCheckIcon.cjs +1 -1
- package/dist/cjs/Icons/CircleCheckIcon.cjs.map +1 -0
- package/dist/cjs/Icons/CircleInfoIcon.cjs +1 -1
- package/dist/cjs/Icons/CircleInfoIcon.cjs.map +1 -0
- package/dist/cjs/Icons/CircleXIcon.cjs +1 -1
- package/dist/cjs/Icons/CircleXIcon.cjs.map +1 -0
- package/dist/cjs/Icons/CloseIcon.cjs +1 -1
- package/dist/cjs/Icons/CloseIcon.cjs.map +1 -0
- package/dist/cjs/Icons/IconSvg.cjs +5 -5
- package/dist/cjs/Icons/IconSvg.cjs.map +1 -0
- package/dist/cjs/Icons/MinusIcon.cjs +1 -1
- package/dist/cjs/Icons/MinusIcon.cjs.map +1 -0
- package/dist/cjs/Icons/TriangleAlertIcon.cjs +1 -1
- package/dist/cjs/Icons/TriangleAlertIcon.cjs.map +1 -0
- package/dist/cjs/Icons/icons.module.css.cjs.map +1 -0
- package/dist/cjs/Link/index.cjs +2 -2
- package/dist/cjs/Link/index.cjs.map +1 -0
- package/dist/cjs/Link/link.module.css.cjs.map +1 -0
- package/dist/cjs/Pagination/index.cjs +90 -0
- package/dist/cjs/Pagination/index.cjs.map +1 -0
- package/dist/cjs/Pagination/pagination.css +80 -0
- package/dist/cjs/Pagination/pagination.module.css.cjs +10 -0
- package/dist/cjs/Pagination/pagination.module.css.cjs.map +1 -0
- package/dist/cjs/Popover/index.cjs +15 -15
- package/dist/cjs/Popover/index.cjs.map +1 -0
- package/dist/cjs/Popover/popover.css +6 -0
- package/dist/cjs/Popover/popover.module.css.cjs.map +1 -0
- package/dist/cjs/Progress/index.cjs +2 -2
- package/dist/cjs/Progress/index.cjs.map +1 -0
- package/dist/cjs/Progress/progress.css +13 -0
- package/dist/cjs/Progress/progress.module.css.cjs.map +1 -0
- package/dist/cjs/RadioGroup/index.cjs +5 -8
- package/dist/cjs/RadioGroup/index.cjs.map +1 -0
- package/dist/cjs/RadioGroup/radiogroup.module.css.cjs.map +1 -0
- package/dist/cjs/Select/index.cjs +1 -1
- package/dist/cjs/Select/index.cjs.map +1 -0
- package/dist/cjs/Select/select.module.css.cjs.map +1 -0
- package/dist/cjs/Skeleton/index.cjs +2 -2
- package/dist/cjs/Skeleton/index.cjs.map +1 -0
- package/dist/cjs/Skeleton/skeleton.module.css.cjs.map +1 -0
- package/dist/cjs/Spinner/index.cjs +3 -3
- package/dist/cjs/Spinner/index.cjs.map +1 -0
- package/dist/cjs/Spinner/spinner.module.css.cjs.map +1 -0
- package/dist/cjs/Stack/index.cjs.map +1 -0
- package/dist/cjs/Switch/index.cjs +8 -5
- package/dist/cjs/Switch/index.cjs.map +1 -0
- package/dist/cjs/Switch/switch.css +8 -1
- package/dist/cjs/Switch/switch.module.css.cjs +1 -1
- package/dist/cjs/Switch/switch.module.css.cjs.map +1 -0
- package/dist/cjs/Table/index.cjs +1 -1
- package/dist/cjs/Table/index.cjs.map +1 -0
- package/dist/cjs/Table/table.module.css.cjs.map +1 -0
- package/dist/cjs/Tabs/index.cjs +8 -12
- package/dist/cjs/Tabs/index.cjs.map +1 -0
- package/dist/cjs/Tabs/tabs.module.css.cjs.map +1 -0
- package/dist/cjs/TextInput/index.cjs +1 -1
- package/dist/cjs/TextInput/index.cjs.map +1 -0
- package/dist/cjs/TextInput/textinput.css +1 -1
- package/dist/cjs/TextInput/textinput.module.css.cjs.map +1 -0
- package/dist/cjs/Textarea/index.cjs +1 -1
- package/dist/cjs/Textarea/index.cjs.map +1 -0
- package/dist/cjs/Textarea/textarea.module.css.cjs.map +1 -0
- package/dist/cjs/ThemeProvider/index.cjs +11 -2
- package/dist/cjs/ThemeProvider/index.cjs.map +1 -0
- package/dist/cjs/ThemeProvider/themeprovider.module.css.cjs.map +1 -0
- package/dist/cjs/Toast/index.cjs +4 -4
- package/dist/cjs/Toast/index.cjs.map +1 -0
- package/dist/cjs/Toast/toast.css +11 -0
- package/dist/cjs/Toast/toast.module.css.cjs.map +1 -0
- package/dist/cjs/Tooltip/index.cjs +10 -10
- package/dist/cjs/Tooltip/index.cjs.map +1 -0
- package/dist/cjs/Tooltip/tooltip.module.css.cjs.map +1 -0
- package/dist/cjs/hooks/floatingConfig.cjs +1 -1
- package/dist/cjs/hooks/floatingConfig.cjs.map +1 -0
- package/dist/cjs/hooks/useControllableState.cjs +3 -3
- package/dist/cjs/hooks/useControllableState.cjs.map +1 -0
- package/dist/cjs/hooks/useRovingCollection.cjs +3 -3
- package/dist/cjs/hooks/useRovingCollection.cjs.map +1 -0
- package/dist/cjs/index.cjs +52 -43
- package/dist/cjs/index.cjs.map +1 -0
- package/dist/cjs/utils/Portal.cjs +1 -1
- package/dist/cjs/utils/Portal.cjs.map +1 -0
- package/dist/cjs/utils/aria.cjs +1 -1
- package/dist/cjs/utils/aria.cjs.map +1 -0
- package/dist/cjs/utils/mergeRefs.cjs.map +1 -0
- package/dist/cjs/utils/slot.cjs +3 -3
- package/dist/cjs/utils/slot.cjs.map +1 -0
- package/dist/esm/Accordion/accordion.css +13 -0
- package/dist/esm/Accordion/accordion.module.css.mjs +1 -1
- package/dist/esm/Accordion/accordion.module.css.mjs.map +1 -0
- package/dist/esm/Accordion/index.mjs +44 -17
- package/dist/esm/Accordion/index.mjs.map +1 -0
- package/dist/esm/Alert/alert.module.css.mjs.map +1 -0
- package/dist/esm/Alert/index.mjs +3 -3
- package/dist/esm/Alert/index.mjs.map +1 -0
- package/dist/esm/Avatar/avatar.module.css.mjs.map +1 -0
- package/dist/esm/Avatar/index.mjs +2 -2
- package/dist/esm/Avatar/index.mjs.map +1 -0
- package/dist/esm/Badge/badge.module.css.mjs.map +1 -0
- package/dist/esm/Badge/index.mjs +4 -4
- package/dist/esm/Badge/index.mjs.map +1 -0
- package/dist/esm/Box/box.module.css.mjs.map +1 -0
- package/dist/esm/Box/index.mjs +5 -5
- package/dist/esm/Box/index.mjs.map +1 -0
- package/dist/esm/Breadcrumbs/breadcrumbs.module.css.mjs.map +1 -0
- package/dist/esm/Breadcrumbs/index.mjs +2 -2
- package/dist/esm/Breadcrumbs/index.mjs.map +1 -0
- package/dist/esm/Button/button.module.css.mjs.map +1 -0
- package/dist/esm/Button/index.mjs +4 -4
- package/dist/esm/Button/index.mjs.map +1 -0
- package/dist/esm/Card/card.module.css.mjs.map +1 -0
- package/dist/esm/Card/index.mjs +1 -1
- package/dist/esm/Card/index.mjs.map +1 -0
- package/dist/esm/Checkbox/checkbox.css +1 -1
- package/dist/esm/Checkbox/checkbox.module.css.mjs +1 -1
- package/dist/esm/Checkbox/checkbox.module.css.mjs.map +1 -0
- package/dist/esm/Checkbox/index.mjs +6 -16
- package/dist/esm/Checkbox/index.mjs.map +1 -0
- package/dist/esm/Chip/chip.module.css.mjs.map +1 -0
- package/dist/esm/Chip/index.mjs +3 -3
- package/dist/esm/Chip/index.mjs.map +1 -0
- package/dist/esm/Combobox/combobox.css +140 -0
- package/dist/esm/Combobox/combobox.module.css.mjs +6 -0
- package/dist/esm/Combobox/combobox.module.css.mjs.map +1 -0
- package/dist/esm/Combobox/index.mjs +187 -0
- package/dist/esm/Combobox/index.mjs.map +1 -0
- package/dist/esm/CommandPalette/commandpalette.css +187 -0
- package/dist/esm/CommandPalette/commandpalette.module.css.mjs +6 -0
- package/dist/esm/CommandPalette/commandpalette.module.css.mjs.map +1 -0
- package/dist/esm/CommandPalette/index.mjs +349 -0
- package/dist/esm/CommandPalette/index.mjs.map +1 -0
- package/dist/esm/Dialog/dialog.css +20 -0
- package/dist/esm/Dialog/dialog.module.css.mjs +1 -1
- package/dist/esm/Dialog/dialog.module.css.mjs.map +1 -0
- package/dist/esm/Dialog/index.mjs +25 -24
- package/dist/esm/Dialog/index.mjs.map +1 -0
- package/dist/esm/Drawer/drawer.css +132 -0
- package/dist/esm/Drawer/drawer.module.css.mjs +6 -0
- package/dist/esm/Drawer/drawer.module.css.mjs.map +1 -0
- package/dist/esm/Drawer/index.mjs +82 -0
- package/dist/esm/Drawer/index.mjs.map +1 -0
- package/dist/esm/DropdownMenu/dropdownmenu.module.css.mjs.map +1 -0
- package/dist/esm/DropdownMenu/index.mjs +18 -18
- package/dist/esm/DropdownMenu/index.mjs.map +1 -0
- package/dist/esm/Field/field.module.css.mjs.map +1 -0
- package/dist/esm/Field/index.mjs +3 -3
- package/dist/esm/Field/index.mjs.map +1 -0
- package/dist/esm/Flex/index.mjs +1 -1
- package/dist/esm/Flex/index.mjs.map +1 -0
- package/dist/esm/Grid/index.mjs +1 -1
- package/dist/esm/Grid/index.mjs.map +1 -0
- package/dist/esm/Icons/CheckIcon.mjs +1 -1
- package/dist/esm/Icons/CheckIcon.mjs.map +1 -0
- package/dist/esm/Icons/ChevronDownIcon.mjs +1 -1
- package/dist/esm/Icons/ChevronDownIcon.mjs.map +1 -0
- package/dist/esm/Icons/CircleCheckIcon.mjs +1 -1
- package/dist/esm/Icons/CircleCheckIcon.mjs.map +1 -0
- package/dist/esm/Icons/CircleInfoIcon.mjs +1 -1
- package/dist/esm/Icons/CircleInfoIcon.mjs.map +1 -0
- package/dist/esm/Icons/CircleXIcon.mjs +1 -1
- package/dist/esm/Icons/CircleXIcon.mjs.map +1 -0
- package/dist/esm/Icons/CloseIcon.mjs +1 -1
- package/dist/esm/Icons/CloseIcon.mjs.map +1 -0
- package/dist/esm/Icons/IconSvg.mjs +5 -5
- package/dist/esm/Icons/IconSvg.mjs.map +1 -0
- package/dist/esm/Icons/MinusIcon.mjs +1 -1
- package/dist/esm/Icons/MinusIcon.mjs.map +1 -0
- package/dist/esm/Icons/TriangleAlertIcon.mjs +1 -1
- package/dist/esm/Icons/TriangleAlertIcon.mjs.map +1 -0
- package/dist/esm/Icons/icons.module.css.mjs.map +1 -0
- package/dist/esm/Link/index.mjs +2 -2
- package/dist/esm/Link/index.mjs.map +1 -0
- package/dist/esm/Link/link.module.css.mjs.map +1 -0
- package/dist/esm/Pagination/index.mjs +86 -0
- package/dist/esm/Pagination/index.mjs.map +1 -0
- package/dist/esm/Pagination/pagination.css +80 -0
- package/dist/esm/Pagination/pagination.module.css.mjs +6 -0
- package/dist/esm/Pagination/pagination.module.css.mjs.map +1 -0
- package/dist/esm/Popover/index.mjs +16 -16
- package/dist/esm/Popover/index.mjs.map +1 -0
- package/dist/esm/Popover/popover.css +6 -0
- package/dist/esm/Popover/popover.module.css.mjs.map +1 -0
- package/dist/esm/Progress/index.mjs +2 -2
- package/dist/esm/Progress/index.mjs.map +1 -0
- package/dist/esm/Progress/progress.css +13 -0
- package/dist/esm/Progress/progress.module.css.mjs.map +1 -0
- package/dist/esm/RadioGroup/index.mjs +5 -8
- package/dist/esm/RadioGroup/index.mjs.map +1 -0
- package/dist/esm/RadioGroup/radiogroup.module.css.mjs.map +1 -0
- package/dist/esm/Select/index.mjs +1 -1
- package/dist/esm/Select/index.mjs.map +1 -0
- package/dist/esm/Select/select.module.css.mjs.map +1 -0
- package/dist/esm/Skeleton/index.mjs +2 -2
- package/dist/esm/Skeleton/index.mjs.map +1 -0
- package/dist/esm/Skeleton/skeleton.module.css.mjs.map +1 -0
- package/dist/esm/Spinner/index.mjs +3 -3
- package/dist/esm/Spinner/index.mjs.map +1 -0
- package/dist/esm/Spinner/spinner.module.css.mjs.map +1 -0
- package/dist/esm/Stack/index.mjs.map +1 -0
- package/dist/esm/Switch/index.mjs +8 -5
- package/dist/esm/Switch/index.mjs.map +1 -0
- package/dist/esm/Switch/switch.css +8 -1
- package/dist/esm/Switch/switch.module.css.mjs +1 -1
- package/dist/esm/Switch/switch.module.css.mjs.map +1 -0
- package/dist/esm/Table/index.mjs +1 -1
- package/dist/esm/Table/index.mjs.map +1 -0
- package/dist/esm/Table/table.module.css.mjs.map +1 -0
- package/dist/esm/Tabs/index.mjs +9 -13
- package/dist/esm/Tabs/index.mjs.map +1 -0
- package/dist/esm/Tabs/tabs.module.css.mjs.map +1 -0
- package/dist/esm/TextInput/index.mjs +1 -1
- package/dist/esm/TextInput/index.mjs.map +1 -0
- package/dist/esm/TextInput/textinput.css +1 -1
- package/dist/esm/TextInput/textinput.module.css.mjs.map +1 -0
- package/dist/esm/Textarea/index.mjs +1 -1
- package/dist/esm/Textarea/index.mjs.map +1 -0
- package/dist/esm/Textarea/textarea.module.css.mjs.map +1 -0
- package/dist/esm/ThemeProvider/index.mjs +12 -4
- package/dist/esm/ThemeProvider/index.mjs.map +1 -0
- package/dist/esm/ThemeProvider/themeprovider.module.css.mjs.map +1 -0
- package/dist/esm/Toast/index.mjs +4 -4
- package/dist/esm/Toast/index.mjs.map +1 -0
- package/dist/esm/Toast/toast.css +11 -0
- package/dist/esm/Toast/toast.module.css.mjs.map +1 -0
- package/dist/esm/Tooltip/index.mjs +11 -11
- package/dist/esm/Tooltip/index.mjs.map +1 -0
- package/dist/esm/Tooltip/tooltip.module.css.mjs.map +1 -0
- package/dist/esm/hooks/floatingConfig.mjs +1 -1
- package/dist/esm/hooks/floatingConfig.mjs.map +1 -0
- package/dist/esm/hooks/useControllableState.mjs +3 -3
- package/dist/esm/hooks/useControllableState.mjs.map +1 -0
- package/dist/esm/hooks/useRovingCollection.mjs +3 -3
- package/dist/esm/hooks/useRovingCollection.mjs.map +1 -0
- package/dist/esm/index.mjs +5 -1
- package/dist/esm/index.mjs.map +1 -0
- package/dist/esm/utils/Portal.mjs +1 -1
- package/dist/esm/utils/Portal.mjs.map +1 -0
- package/dist/esm/utils/aria.mjs +1 -1
- package/dist/esm/utils/aria.mjs.map +1 -0
- package/dist/esm/utils/mergeRefs.mjs.map +1 -0
- package/dist/esm/utils/slot.mjs +3 -3
- package/dist/esm/utils/slot.mjs.map +1 -0
- package/dist/index.d.ts +167 -14
- package/dist/types/src/Accordion/index.d.ts.map +1 -0
- package/dist/types/src/Alert/index.d.ts.map +1 -0
- package/dist/types/src/Avatar/index.d.ts.map +1 -0
- package/dist/types/src/Badge/index.d.ts.map +1 -0
- package/dist/types/src/Box/index.d.ts.map +1 -0
- package/dist/types/src/Breadcrumbs/index.d.ts.map +1 -0
- package/dist/types/src/Button/index.d.ts.map +1 -0
- package/dist/types/src/Card/index.d.ts.map +1 -0
- package/dist/types/src/Checkbox/index.d.ts.map +1 -0
- package/dist/types/src/Chip/index.d.ts.map +1 -0
- package/dist/types/src/Combobox/index.d.ts +25 -0
- package/dist/types/src/Combobox/index.d.ts.map +1 -0
- package/dist/types/src/CommandPalette/index.d.ts +65 -0
- package/dist/types/src/CommandPalette/index.d.ts.map +1 -0
- package/dist/types/src/Dialog/index.d.ts +2 -0
- package/dist/types/src/Dialog/index.d.ts.map +1 -0
- package/dist/types/src/Drawer/index.d.ts +48 -0
- package/dist/types/src/Drawer/index.d.ts.map +1 -0
- package/dist/types/src/DropdownMenu/index.d.ts.map +1 -0
- package/dist/types/src/Field/index.d.ts +1 -1
- package/dist/types/src/Field/index.d.ts.map +1 -0
- package/dist/types/src/Flex/index.d.ts.map +1 -0
- package/dist/types/src/Grid/index.d.ts.map +1 -0
- package/dist/types/src/Icons/CheckIcon.d.ts +1 -1
- package/dist/types/src/Icons/CheckIcon.d.ts.map +1 -0
- package/dist/types/src/Icons/ChevronDownIcon.d.ts +1 -1
- package/dist/types/src/Icons/ChevronDownIcon.d.ts.map +1 -0
- package/dist/types/src/Icons/CircleCheckIcon.d.ts +1 -1
- package/dist/types/src/Icons/CircleCheckIcon.d.ts.map +1 -0
- package/dist/types/src/Icons/CircleInfoIcon.d.ts +1 -1
- package/dist/types/src/Icons/CircleInfoIcon.d.ts.map +1 -0
- package/dist/types/src/Icons/CircleXIcon.d.ts +1 -1
- package/dist/types/src/Icons/CircleXIcon.d.ts.map +1 -0
- package/dist/types/src/Icons/CloseIcon.d.ts +1 -1
- package/dist/types/src/Icons/CloseIcon.d.ts.map +1 -0
- package/dist/types/src/Icons/IconSvg.d.ts +1 -1
- package/dist/types/src/Icons/IconSvg.d.ts.map +1 -0
- package/dist/types/src/Icons/MinusIcon.d.ts +1 -1
- package/dist/types/src/Icons/MinusIcon.d.ts.map +1 -0
- package/dist/types/src/Icons/TriangleAlertIcon.d.ts +1 -1
- package/dist/types/src/Icons/TriangleAlertIcon.d.ts.map +1 -0
- package/dist/types/src/Icons/index.d.ts.map +1 -0
- package/dist/types/src/Link/index.d.ts.map +1 -0
- package/dist/types/src/Pagination/index.d.ts +20 -0
- package/dist/types/src/Pagination/index.d.ts.map +1 -0
- package/dist/types/src/Popover/index.d.ts.map +1 -0
- package/dist/types/src/Progress/index.d.ts.map +1 -0
- package/dist/types/src/RadioGroup/index.d.ts.map +1 -0
- package/dist/types/src/Select/index.d.ts.map +1 -0
- package/dist/types/src/Skeleton/index.d.ts.map +1 -0
- package/dist/types/src/Spinner/index.d.ts.map +1 -0
- package/dist/types/src/Stack/index.d.ts.map +1 -0
- package/dist/types/src/Switch/index.d.ts.map +1 -0
- package/dist/types/src/Table/index.d.ts.map +1 -0
- package/dist/types/src/Tabs/index.d.ts.map +1 -0
- package/dist/types/src/TextInput/index.d.ts.map +1 -0
- package/dist/types/src/Textarea/index.d.ts.map +1 -0
- package/dist/types/src/ThemeProvider/index.d.ts +2 -1
- package/dist/types/src/ThemeProvider/index.d.ts.map +1 -0
- package/dist/types/src/Toast/index.d.ts +1 -1
- package/dist/types/src/Toast/index.d.ts.map +1 -0
- package/dist/types/src/Tooltip/index.d.ts +1 -1
- package/dist/types/src/Tooltip/index.d.ts.map +1 -0
- package/dist/types/src/hooks/floatingConfig.d.ts.map +1 -0
- package/dist/types/src/hooks/useControllableState.d.ts +2 -2
- package/dist/types/src/hooks/useControllableState.d.ts.map +1 -0
- package/dist/types/src/hooks/useRovingCollection.d.ts.map +1 -0
- package/dist/types/src/index.d.ts +23 -15
- package/dist/types/src/index.d.ts.map +1 -0
- package/dist/types/src/types/polymorphic.d.ts.map +1 -0
- package/dist/types/src/utils/Portal.d.ts +1 -1
- package/dist/types/src/utils/Portal.d.ts.map +1 -0
- package/dist/types/src/utils/aria.d.ts.map +1 -0
- package/dist/types/src/utils/mergeRefs.d.ts.map +1 -0
- package/dist/types/src/utils/slot.d.ts.map +1 -0
- package/dist/types/src/utils/testUtils.d.ts +1 -1
- package/dist/types/src/utils/testUtils.d.ts.map +1 -0
- package/package.json +20 -175
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
3
|
import clsx from 'clsx';
|
|
4
|
-
import React, { createContext,
|
|
4
|
+
import React, { createContext, useId, useContext } from 'react';
|
|
5
|
+
import { useControllableValue } from '../hooks/useControllableState.mjs';
|
|
5
6
|
import { ChevronDownIcon } from '../Icons/ChevronDownIcon.mjs';
|
|
7
|
+
import { mergeRefs } from '../utils/mergeRefs.mjs';
|
|
6
8
|
import styles from './accordion.module.css.mjs';
|
|
7
9
|
|
|
10
|
+
const ACCORDION_FOCUSABLE_SELECTOR = 'a[href], button, input, select, textarea, [tabindex]';
|
|
8
11
|
const AccordionContext = createContext(null);
|
|
9
12
|
function useAccordionContext() {
|
|
10
13
|
const context = useContext(AccordionContext);
|
|
@@ -23,18 +26,13 @@ function useAccordionItemContext() {
|
|
|
23
26
|
}
|
|
24
27
|
const AccordionRoot = React.forwardRef(function Accordion({ type = 'single', value, defaultValue, onValueChange, className, ...props }, ref) {
|
|
25
28
|
const defaultVal = defaultValue ?? (type === 'multiple' ? [] : '');
|
|
26
|
-
const
|
|
27
|
-
const [uncontrolledValue, setUncontrolledValue] = useState(defaultVal);
|
|
28
|
-
const currentValue = isControlled ? value : uncontrolledValue;
|
|
29
|
+
const [currentValue, setCurrentValue] = useControllableValue(value, defaultVal, onValueChange);
|
|
29
30
|
const idPrefix = useId();
|
|
30
31
|
const handleValueChange = React.useCallback((nextValue) => {
|
|
31
32
|
let resolvedValue;
|
|
32
33
|
if (type === 'single') {
|
|
33
34
|
const valueAsStr = typeof currentValue === 'string' ? currentValue : '';
|
|
34
35
|
resolvedValue = valueAsStr === nextValue ? '' : nextValue;
|
|
35
|
-
if (!isControlled) {
|
|
36
|
-
setUncontrolledValue(resolvedValue);
|
|
37
|
-
}
|
|
38
36
|
}
|
|
39
37
|
else {
|
|
40
38
|
const valueAsArray = Array.isArray(currentValue) ? currentValue : [];
|
|
@@ -42,18 +40,15 @@ const AccordionRoot = React.forwardRef(function Accordion({ type = 'single', val
|
|
|
42
40
|
const nextArrayValue = isSelected
|
|
43
41
|
? valueAsArray.filter((v) => v !== nextValue)
|
|
44
42
|
: [...valueAsArray, nextValue];
|
|
45
|
-
if (!isControlled) {
|
|
46
|
-
setUncontrolledValue(nextArrayValue);
|
|
47
|
-
}
|
|
48
43
|
resolvedValue = nextArrayValue;
|
|
49
44
|
}
|
|
50
|
-
|
|
51
|
-
}, [type, currentValue,
|
|
45
|
+
setCurrentValue(resolvedValue);
|
|
46
|
+
}, [type, currentValue, setCurrentValue]);
|
|
52
47
|
const contextValue = React.useMemo(() => ({
|
|
53
48
|
type,
|
|
54
49
|
value: currentValue,
|
|
55
50
|
onValueChange: handleValueChange,
|
|
56
|
-
idPrefix
|
|
51
|
+
idPrefix,
|
|
57
52
|
}), [type, currentValue, handleValueChange, idPrefix]);
|
|
58
53
|
return (jsx(AccordionContext.Provider, { value: contextValue, children: jsx("div", { ref: ref, className: clsx(styles.accordion, className), ...props }) }));
|
|
59
54
|
});
|
|
@@ -72,22 +67,54 @@ const AccordionTrigger = React.forwardRef(function AccordionTrigger({ className,
|
|
|
72
67
|
const { onValueChange, idPrefix } = useAccordionContext();
|
|
73
68
|
const { value, isOpen } = useAccordionItemContext();
|
|
74
69
|
return (jsx("div", { className: styles.accordion_header, children: jsxs("button", { ref: ref, type: 'button', id: `${idPrefix}-trigger-${value}`, "aria-controls": `${idPrefix}-content-${value}`, "aria-expanded": isOpen, onClick: () => onValueChange(value), className: clsx(styles.accordion_trigger, className), ...props, children: [children, jsx(ChevronDownIcon, { className: clsx(styles.accordion_chevron, {
|
|
75
|
-
[styles.accordion_chevron_open]: isOpen
|
|
70
|
+
[styles.accordion_chevron_open]: isOpen,
|
|
76
71
|
}), size: 16 })] }) }));
|
|
77
72
|
});
|
|
78
73
|
AccordionTrigger.displayName = 'Accordion.Trigger';
|
|
79
74
|
const AccordionContent = React.forwardRef(function AccordionContent({ className, children, ...props }, ref) {
|
|
80
75
|
const { idPrefix } = useAccordionContext();
|
|
81
76
|
const { value, isOpen } = useAccordionItemContext();
|
|
82
|
-
|
|
83
|
-
|
|
77
|
+
const contentRef = React.useRef(null);
|
|
78
|
+
const mergedContentRef = React.useMemo(() => mergeRefs(ref, contentRef), [ref]);
|
|
79
|
+
React.useEffect(() => {
|
|
80
|
+
const node = contentRef.current;
|
|
81
|
+
if (!node) {
|
|
82
|
+
return;
|
|
83
|
+
}
|
|
84
|
+
const focusableElements = node.querySelectorAll(ACCORDION_FOCUSABLE_SELECTOR);
|
|
85
|
+
focusableElements.forEach((element) => {
|
|
86
|
+
if (isOpen) {
|
|
87
|
+
const originalTabIndex = element.dataset.freyAccordionTabindex;
|
|
88
|
+
if (originalTabIndex === undefined) {
|
|
89
|
+
return;
|
|
90
|
+
}
|
|
91
|
+
if (originalTabIndex === '') {
|
|
92
|
+
element.removeAttribute('tabindex');
|
|
93
|
+
}
|
|
94
|
+
else {
|
|
95
|
+
element.setAttribute('tabindex', originalTabIndex);
|
|
96
|
+
}
|
|
97
|
+
delete element.dataset.freyAccordionTabindex;
|
|
98
|
+
return;
|
|
99
|
+
}
|
|
100
|
+
if (element.dataset.freyAccordionTabindex !== undefined) {
|
|
101
|
+
return;
|
|
102
|
+
}
|
|
103
|
+
const currentTabIndex = element.getAttribute('tabindex');
|
|
104
|
+
element.dataset.freyAccordionTabindex = currentTabIndex ?? '';
|
|
105
|
+
element.setAttribute('tabindex', '-1');
|
|
106
|
+
});
|
|
107
|
+
}, [isOpen]);
|
|
108
|
+
return (jsx("section", { ref: mergedContentRef, id: `${idPrefix}-content-${value}`, "aria-labelledby": `${idPrefix}-trigger-${value}`, "aria-hidden": !isOpen, inert: !isOpen, className: clsx(styles.accordion_content_wrapper, {
|
|
109
|
+
[styles.accordion_content_wrapper_open]: isOpen,
|
|
110
|
+
[styles.accordion_content_wrapper_closed]: !isOpen,
|
|
84
111
|
}), ...props, children: jsx("div", { className: clsx(styles.accordion_content, className), children: children }) }));
|
|
85
112
|
});
|
|
86
113
|
AccordionContent.displayName = 'Accordion.Content';
|
|
87
114
|
const Accordion = Object.assign(AccordionRoot, {
|
|
88
115
|
Item: AccordionItem,
|
|
89
116
|
Trigger: AccordionTrigger,
|
|
90
|
-
Content: AccordionContent
|
|
117
|
+
Content: AccordionContent,
|
|
91
118
|
});
|
|
92
119
|
|
|
93
120
|
export { Accordion, Accordion as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../src/Accordion/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;AAgBA,MAAM,4BAA4B,GAChC,sDAAsD;AAExD,MAAM,gBAAgB,GAAG,aAAa,CAA+B,IAAI,CAAC;AAE1E,SAAS,mBAAmB,GAAA;AAC1B,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC;IAC5C,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC;IACxE;AACA,IAAA,OAAO,OAAO;AAChB;AAOA,MAAM,oBAAoB,GAAG,aAAa,CACxC,IAAI,CACL;AAED,SAAS,uBAAuB,GAAA;AAC9B,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,oBAAoB,CAAC;IAChD,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,MAAM,IAAI,KAAK,CAAC,0DAA0D,CAAC;IAC7E;AACA,IAAA,OAAO,OAAO;AAChB;AAaA,MAAM,aAAa,GAA2B,KAAK,CAAC,UAAU,CAG5D,SAAS,SAAS,CAClB,EAAE,IAAI,GAAG,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAC5E,GAAG,EAAA;AAEH,IAAA,MAAM,UAAU,GACd,YAAY,KAAK,IAAI,KAAK,UAAU,GAAI,EAAe,GAAG,EAAE,CAAC;AAC/D,IAAA,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,oBAAoB,CAE1D,KAAK,EAAE,UAAU,EAAE,aAAa,CAAC;AACnC,IAAA,MAAM,QAAQ,GAAG,KAAK,EAAE;IAExB,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CACzC,CAAC,SAAiB,KAAI;AACpB,QAAA,IAAI,aAAgC;AAEpC,QAAA,IAAI,IAAI,KAAK,QAAQ,EAAE;AACrB,YAAA,MAAM,UAAU,GAAG,OAAO,YAAY,KAAK,QAAQ,GAAG,YAAY,GAAG,EAAE;AACvE,YAAA,aAAa,GAAG,UAAU,KAAK,SAAS,GAAG,EAAE,GAAG,SAAS;QAC3D;aAAO;AACL,YAAA,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,EAAE;YACpE,MAAM,UAAU,GAAG,YAAY,CAAC,QAAQ,CAAC,SAAS,CAAC;YAEnD,MAAM,cAAc,GAAG;AACrB,kBAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,SAAS;AAC5C,kBAAE,CAAC,GAAG,YAAY,EAAE,SAAS,CAAC;YAEhC,aAAa,GAAG,cAAc;QAChC;QAEA,eAAe,CAAC,aAAa,CAAC;IAChC,CAAC,EACD,CAAC,IAAI,EAAE,YAAY,EAAE,eAAe,CAAC,CACtC;IAED,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAChC,OAAO;QACL,IAAI;AACJ,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,aAAa,EAAE,iBAAiB;QAChC,QAAQ;KACT,CAAC,EACF,CAAC,IAAI,EAAE,YAAY,EAAE,iBAAiB,EAAE,QAAQ,CAAC,CAClD;AAED,IAAA,QACEA,GAAA,CAAC,gBAAgB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,YAAY,EAAA,QAAA,EAC5CA,GAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAAA,GAAM,KAAK,EAAA,CAAI,EAAA,CAChD;AAEhC,CAAC,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,WAAW;AAUvC,MAAM,aAAa,GAA2B,KAAK,CAAC,UAAU,CAG5D,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IAC1D,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,mBAAmB,EAAE;;AAGvD,IAAA,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,cAAc;AACzC,UAAE,cAAc,CAAC,QAAQ,CAAC,KAAK;AAC/B,UAAE,cAAc,KAAK,KAAK;IAE5B,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAChC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EACzB,CAAC,KAAK,EAAE,MAAM,CAAC,CAChB;AAED,IAAA,QACEA,GAAA,CAAC,oBAAoB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,YAAY,EAAA,QAAA,EAChDA,GAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,cAAc,EAAE,SAAS,CAAC,EAAA,GAC7C,KAAK,EAAA,CACT,EAAA,CAC4B;AAEpC,CAAC,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,gBAAgB;AAS5C,MAAM,gBAAgB,GAA8B,KAAK,CAAC,UAAU,CAGlE,SAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IAChE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,mBAAmB,EAAE;IACzD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,uBAAuB,EAAE;AAEnD,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,EAAA,QAAA,EACrCC,IAAA,CAAA,QAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,CAAA,EAAG,QAAQ,CAAA,SAAA,EAAY,KAAK,CAAA,CAAE,EAAA,eAAA,EACnB,CAAA,EAAG,QAAQ,CAAA,SAAA,EAAY,KAAK,CAAA,CAAE,EAAA,eAAA,EAC9B,MAAM,EACrB,OAAO,EAAE,MAAM,aAAa,CAAC,KAAK,CAAC,EACnC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAA,GAChD,KAAK,EAAA,QAAA,EAAA,CAER,QAAQ,EACTD,IAAC,eAAe,EAAA,EACd,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,iBAAiB,EAAE;AACxC,wBAAA,CAAC,MAAM,CAAC,sBAAsB,GAAG,MAAM;qBACxC,CAAC,EACF,IAAI,EAAE,EAAE,GACR,CAAA,EAAA,CACK,EAAA,CACL;AAEV,CAAC,CAAC;AACF,gBAAgB,CAAC,WAAW,GAAG,mBAAmB;AAQlD,MAAM,gBAAgB,GAA8B,KAAK,CAAC,UAAU,CAGlE,SAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;AAChE,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,mBAAmB,EAAE;IAC1C,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,uBAAuB,EAAE;IACnD,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAqB,IAAI,CAAC;IACzD,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CACpC,MAAM,SAAS,CAAc,GAA6B,EAAE,UAAU,CAAC,EACvE,CAAC,GAAG,CAAC,CACN;AAED,IAAA,KAAK,CAAC,SAAS,CAAC,MAAK;AACnB,QAAA,MAAM,IAAI,GAAG,UAAU,CAAC,OAAO;QAE/B,IAAI,CAAC,IAAI,EAAE;YACT;QACF;QAEA,MAAM,iBAAiB,GAAG,IAAI,CAAC,gBAAgB,CAC7C,4BAA4B,CAC7B;AAED,QAAA,iBAAiB,CAAC,OAAO,CAAC,CAAC,OAAO,KAAI;YACpC,IAAI,MAAM,EAAE;AACV,gBAAA,MAAM,gBAAgB,GAAG,OAAO,CAAC,OAAO,CAAC,qBAAqB;AAE9D,gBAAA,IAAI,gBAAgB,KAAK,SAAS,EAAE;oBAClC;gBACF;AAEA,gBAAA,IAAI,gBAAgB,KAAK,EAAE,EAAE;AAC3B,oBAAA,OAAO,CAAC,eAAe,CAAC,UAAU,CAAC;gBACrC;qBAAO;AACL,oBAAA,OAAO,CAAC,YAAY,CAAC,UAAU,EAAE,gBAAgB,CAAC;gBACpD;AAEA,gBAAA,OAAO,OAAO,CAAC,OAAO,CAAC,qBAAqB;gBAC5C;YACF;YAEA,IAAI,OAAO,CAAC,OAAO,CAAC,qBAAqB,KAAK,SAAS,EAAE;gBACvD;YACF;YAEA,MAAM,eAAe,GAAG,OAAO,CAAC,YAAY,CAAC,UAAU,CAAC;YACxD,OAAO,CAAC,OAAO,CAAC,qBAAqB,GAAG,eAAe,IAAI,EAAE;AAC7D,YAAA,OAAO,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC;AACxC,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;AAEZ,IAAA,QACEA,GAAA,CAAA,SAAA,EAAA,EACE,GAAG,EAAE,gBAAgB,EACrB,EAAE,EAAE,CAAA,EAAG,QAAQ,CAAA,SAAA,EAAY,KAAK,CAAA,CAAE,EAAA,iBAAA,EACjB,GAAG,QAAQ,CAAA,SAAA,EAAY,KAAK,CAAA,CAAE,iBAClC,CAAC,MAAM,EACpB,KAAK,EAAE,CAAC,MAAM,EACd,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,yBAAyB,EAAE;AAChD,YAAA,CAAC,MAAM,CAAC,8BAA8B,GAAG,MAAM;AAC/C,YAAA,CAAC,MAAM,CAAC,gCAAgC,GAAG,CAAC,MAAM;AACnD,SAAA,CAAC,KACE,KAAK,EAAA,QAAA,EAETA,aAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAA,QAAA,EACtD,QAAQ,EAAA,CACL,EAAA,CACE;AAEd,CAAC,CAAC;AACF,gBAAgB,CAAC,WAAW,GAAG,mBAAmB;MAQrC,SAAS,GAAuB,MAAM,CAAC,MAAM,CAAC,aAAa,EAAE;AACxE,IAAA,IAAI,EAAE,aAAa;AACnB,IAAA,OAAO,EAAE,gBAAgB;AACzB,IAAA,OAAO,EAAE,gBAAgB;AAC1B,CAAA;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert.module.css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
package/dist/esm/Alert/index.mjs
CHANGED
|
@@ -12,19 +12,19 @@ const VariantClassMap = {
|
|
|
12
12
|
error: styles['alert-error'],
|
|
13
13
|
success: styles['alert-success'],
|
|
14
14
|
warning: styles['alert-warning'],
|
|
15
|
-
info: styles['alert-info']
|
|
15
|
+
info: styles['alert-info'],
|
|
16
16
|
};
|
|
17
17
|
const VariantRoleMap = {
|
|
18
18
|
error: 'alert',
|
|
19
19
|
warning: 'alert',
|
|
20
20
|
success: 'status',
|
|
21
|
-
info: 'status'
|
|
21
|
+
info: 'status',
|
|
22
22
|
};
|
|
23
23
|
const icons = {
|
|
24
24
|
error: (jsx(CircleXIcon, { size: 'lg', strokeWidth: 'bold', className: styles.alert_icon_svg })),
|
|
25
25
|
success: (jsx(CircleCheckIcon, { size: 'lg', strokeWidth: 'bold', className: styles.alert_icon_svg })),
|
|
26
26
|
warning: (jsx(TriangleAlertIcon, { size: 'lg', strokeWidth: 'bold', className: styles.alert_icon_svg })),
|
|
27
|
-
info: (jsx(CircleInfoIcon, { size: 'lg', strokeWidth: 'bold', className: styles.alert_icon_svg }))
|
|
27
|
+
info: (jsx(CircleInfoIcon, { size: 'lg', strokeWidth: 'bold', className: styles.alert_icon_svg })),
|
|
28
28
|
};
|
|
29
29
|
const Alert = React.forwardRef(function Alert({ variant = 'info', title, children, className, style }, ref) {
|
|
30
30
|
return (jsxs("div", { ref: ref, role: VariantRoleMap[variant], className: clsx(styles.alert, VariantClassMap[variant], className), style: style, children: [jsx("span", { className: styles['alert-icon'], children: icons[variant] }), jsxs("div", { className: styles['alert-content'], children: [title && jsx("p", { className: styles['alert-title'], children: title }), jsx("p", { className: styles['alert-message'], children: children })] })] }));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../src/Alert/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;AAwBA,MAAM,eAAe,GAAiC;AACpD,IAAA,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC;AAC5B,IAAA,OAAO,EAAE,MAAM,CAAC,eAAe,CAAC;AAChC,IAAA,OAAO,EAAE,MAAM,CAAC,eAAe,CAAC;AAChC,IAAA,IAAI,EAAE,MAAM,CAAC,YAAY,CAAC;CAC3B;AAED,MAAM,cAAc,GAA6C;AAC/D,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,OAAO,EAAE,OAAO;AAChB,IAAA,OAAO,EAAE,QAAQ;AACjB,IAAA,IAAI,EAAE,QAAQ;CACf;AAED,MAAM,KAAK,GAA0C;AACnD,IAAA,KAAK,GACHA,GAAA,CAAC,WAAW,EAAA,EACV,IAAI,EAAC,IAAI,EACT,WAAW,EAAC,MAAM,EAClB,SAAS,EAAE,MAAM,CAAC,cAAc,GAChC,CACH;AACD,IAAA,OAAO,GACLA,GAAA,CAAC,eAAe,EAAA,EACd,IAAI,EAAC,IAAI,EACT,WAAW,EAAC,MAAM,EAClB,SAAS,EAAE,MAAM,CAAC,cAAc,GAChC,CACH;AACD,IAAA,OAAO,GACLA,GAAA,CAAC,iBAAiB,EAAA,EAChB,IAAI,EAAC,IAAI,EACT,WAAW,EAAC,MAAM,EAClB,SAAS,EAAE,MAAM,CAAC,cAAc,GAChC,CACH;AACD,IAAA,IAAI,GACFA,GAAA,CAAC,cAAc,EAAA,EACb,IAAI,EAAC,IAAI,EACT,WAAW,EAAC,MAAM,EAClB,SAAS,EAAE,MAAM,CAAC,cAAc,GAChC,CACH;CACF;AAED,MAAM,KAAK,GAAmB,KAAK,CAAC,UAAU,CAG5C,SAAS,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,GAAG,EAAA;AAC3E,IAAA,QACEC,IAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,cAAc,CAAC,OAAO,CAAC,EAC7B,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,EAClE,KAAK,EAAE,KAAK,EAAA,QAAA,EAAA,CAEZD,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,EAAA,QAAA,EAAG,KAAK,CAAC,OAAO,CAAC,EAAA,CAAQ,EAC9DC,cAAK,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,EAAA,QAAA,EAAA,CACpC,KAAK,IAAID,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,EAAA,QAAA,EAAG,KAAK,GAAK,EAC1DA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,EAAA,QAAA,EAAG,QAAQ,GAAK,CAAA,EAAA,CACjD,CAAA,EAAA,CACF;AAEV,CAAC;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar.module.css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -7,13 +7,13 @@ import styles from './avatar.module.css.mjs';
|
|
|
7
7
|
const SizeClassMap = {
|
|
8
8
|
sm: styles.avatar_sm,
|
|
9
9
|
md: styles.avatar_md,
|
|
10
|
-
lg: styles.avatar_lg
|
|
10
|
+
lg: styles.avatar_lg,
|
|
11
11
|
};
|
|
12
12
|
const StatusClassMap = {
|
|
13
13
|
online: styles.avatar_status_online,
|
|
14
14
|
offline: styles.avatar_status_offline,
|
|
15
15
|
idle: styles.avatar_status_idle,
|
|
16
|
-
dnd: styles.avatar_status_dnd
|
|
16
|
+
dnd: styles.avatar_status_dnd,
|
|
17
17
|
};
|
|
18
18
|
const useImageLoadingStatus = (src) => {
|
|
19
19
|
const [loadingStatus, setLoadingStatus] = useState('idle');
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../src/Avatar/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAmBA,MAAM,YAAY,GAA+B;IAC/C,EAAE,EAAE,MAAM,CAAC,SAAS;IACpB,EAAE,EAAE,MAAM,CAAC,SAAS;IACpB,EAAE,EAAE,MAAM,CAAC,SAAS;CACrB;AAED,MAAM,cAAc,GAAiC;IACnD,MAAM,EAAE,MAAM,CAAC,oBAAoB;IACnC,OAAO,EAAE,MAAM,CAAC,qBAAqB;IACrC,IAAI,EAAE,MAAM,CAAC,kBAAkB;IAC/B,GAAG,EAAE,MAAM,CAAC,iBAAiB;CAC9B;AAED,MAAM,qBAAqB,GAAG,CAAC,GAAY,KAAI;IAC7C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAEhD,MAAM,CAAC;IAET,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,GAAG,EAAE;YACR,gBAAgB,CAAC,OAAO,CAAC;YACzB;QACF;QAEA,IAAI,SAAS,GAAG,IAAI;AACpB,QAAA,MAAM,KAAK,GAAG,IAAI,UAAU,CAAC,KAAK,EAAE;AAEpC,QAAA,MAAM,YAAY,GAAG,CAAC,MAA0B,KAAI;AAClD,YAAA,IAAI,CAAC,SAAS;gBAAE;YAChB,gBAAgB,CAAC,MAAM,CAAC;AAC1B,QAAA,CAAC;QAED,gBAAgB,CAAC,SAAS,CAAC;QAC3B,KAAK,CAAC,MAAM,GAAG,MAAM,YAAY,CAAC,QAAQ,CAAC;QAC3C,KAAK,CAAC,OAAO,GAAG,MAAM,YAAY,CAAC,OAAO,CAAC;AAC3C,QAAA,KAAK,CAAC,GAAG,GAAG,GAAG;AAEf,QAAA,OAAO,MAAK;YACV,SAAS,GAAG,KAAK;AACnB,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;AAET,IAAA,OAAO,aAAa;AACtB,CAAC;AAED,MAAM,MAAM,GAAoB,KAAK,CAAC,UAAU,CAG9C,SAAS,MAAM,CACf,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,GAAG,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAChE,GAAG,EAAA;AAEH,IAAA,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,GAAG,CAAC;AAErD,IAAA,QACEA,IAAA,CAAA,MAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,EAAA,GACzD,KAAK,aAER,kBAAkB,KAAK,QAAQ,IAAI,GAAG,IACrCC,GAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,YAAY,EAAA,CAAI,KAE3DA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,eAAe,EAAA,QAAA,EAAG,QAAQ,GAAQ,CAC3D,EAEA,MAAM,KACLA,cACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,uBAAuB,EAC9B,cAAc,CAAC,MAAM,CAAC,CACvB,EACD,KAAK,EAAE,MAAM,GACb,CACH,CAAA,EAAA,CACI;AAEX,CAAC;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.module.css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
package/dist/esm/Badge/index.mjs
CHANGED
|
@@ -6,7 +6,7 @@ import styles from './badge.module.css.mjs';
|
|
|
6
6
|
|
|
7
7
|
const SizeClassMap = {
|
|
8
8
|
sm: styles['badge-sm'],
|
|
9
|
-
md: styles['badge-md']
|
|
9
|
+
md: styles['badge-md'],
|
|
10
10
|
};
|
|
11
11
|
const ToneVariantClassMap = {
|
|
12
12
|
subtle: {
|
|
@@ -14,15 +14,15 @@ const ToneVariantClassMap = {
|
|
|
14
14
|
info: styles['badge-subtle-info'],
|
|
15
15
|
success: styles['badge-subtle-success'],
|
|
16
16
|
warning: styles['badge-subtle-warning'],
|
|
17
|
-
error: styles['badge-subtle-error']
|
|
17
|
+
error: styles['badge-subtle-error'],
|
|
18
18
|
},
|
|
19
19
|
solid: {
|
|
20
20
|
neutral: styles['badge-solid-neutral'],
|
|
21
21
|
info: styles['badge-solid-info'],
|
|
22
22
|
success: styles['badge-solid-success'],
|
|
23
23
|
warning: styles['badge-solid-warning'],
|
|
24
|
-
error: styles['badge-solid-error']
|
|
25
|
-
}
|
|
24
|
+
error: styles['badge-solid-error'],
|
|
25
|
+
},
|
|
26
26
|
};
|
|
27
27
|
const Badge = React.forwardRef(function Badge({ tone = 'neutral', variant = 'subtle', size = 'md', className, ...props }, ref) {
|
|
28
28
|
return (jsx("span", { ref: ref, className: clsx(styles.badge, SizeClassMap[size], ToneVariantClassMap[variant][tone], className), ...props }));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../src/Badge/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAcA,MAAM,YAAY,GAA8B;AAC9C,IAAA,EAAE,EAAE,MAAM,CAAC,UAAU,CAAC;AACtB,IAAA,EAAE,EAAE,MAAM,CAAC,UAAU,CAAC;CACvB;AAED,MAAM,mBAAmB,GAAoD;AAC3E,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,MAAM,CAAC,sBAAsB,CAAC;AACvC,QAAA,IAAI,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACjC,QAAA,OAAO,EAAE,MAAM,CAAC,sBAAsB,CAAC;AACvC,QAAA,OAAO,EAAE,MAAM,CAAC,sBAAsB,CAAC;AACvC,QAAA,KAAK,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACpC,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,OAAO,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACtC,QAAA,IAAI,EAAE,MAAM,CAAC,kBAAkB,CAAC;AAChC,QAAA,OAAO,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACtC,QAAA,OAAO,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACtC,QAAA,KAAK,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACnC,KAAA;CACF;AAMD,MAAM,KAAK,GAAmB,KAAK,CAAC,UAAU,CAG5C,SAAS,KAAK,CACd,EAAE,IAAI,GAAG,SAAS,EAAE,OAAO,GAAG,QAAQ,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAC1E,GAAG,EAAA;AAEH,IAAA,QACEA,GAAA,CAAA,MAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,KAAK,EACZ,YAAY,CAAC,IAAI,CAAC,EAClB,mBAAmB,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,EAClC,SAAS,CACV,EAAA,GACG,KAAK,EAAA,CACT;AAEN,CAAC;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"box.module.css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
package/dist/esm/Box/index.mjs
CHANGED
|
@@ -15,14 +15,14 @@ const SpaceValueMap = {
|
|
|
15
15
|
'8': 'var(--frey-space-8, 2rem)',
|
|
16
16
|
'10': 'var(--frey-space-10, 2.5rem)',
|
|
17
17
|
'12': 'var(--frey-space-12, 3rem)',
|
|
18
|
-
'16': 'var(--frey-space-16, 4rem)'
|
|
18
|
+
'16': 'var(--frey-space-16, 4rem)',
|
|
19
19
|
};
|
|
20
20
|
const RadiusValueMap = {
|
|
21
21
|
none: 'var(--frey-radius-none)',
|
|
22
22
|
sm: 'var(--frey-radius-sm)',
|
|
23
23
|
md: 'var(--frey-radius-md)',
|
|
24
24
|
lg: 'var(--frey-radius-lg)',
|
|
25
|
-
full: 'var(--frey-radius-full)'
|
|
25
|
+
full: 'var(--frey-radius-full)',
|
|
26
26
|
};
|
|
27
27
|
const ColorValueMap = {
|
|
28
28
|
surface: 'var(--frey-color-surface)',
|
|
@@ -41,7 +41,7 @@ const ColorValueMap = {
|
|
|
41
41
|
info: 'var(--frey-color-info)',
|
|
42
42
|
success: 'var(--frey-color-success)',
|
|
43
43
|
warning: 'var(--frey-color-warning)',
|
|
44
|
-
error: 'var(--frey-color-error)'
|
|
44
|
+
error: 'var(--frey-color-error)',
|
|
45
45
|
};
|
|
46
46
|
function resolveSpace(token) {
|
|
47
47
|
if (!token)
|
|
@@ -88,7 +88,7 @@ function mergeResolvedStyle(baseStyle, overrideStyle) {
|
|
|
88
88
|
}
|
|
89
89
|
return {
|
|
90
90
|
...mergedStyle,
|
|
91
|
-
...overrideStyle
|
|
91
|
+
...overrideStyle,
|
|
92
92
|
};
|
|
93
93
|
}
|
|
94
94
|
const Box = React.forwardRef(function Box({ as, p, px, py, pt, pr, pb, pl, m, mx, my, mt, mr, mb, ml, gap, rowGap, columnGap, bg, color, borderColor, radius, display, width, minWidth, maxWidth, height, minHeight, maxHeight, className, style, ...restProps }, ref) {
|
|
@@ -121,7 +121,7 @@ const Box = React.forwardRef(function Box({ as, p, px, py, pt, pr, pb, pl, m, mx
|
|
|
121
121
|
maxWidth,
|
|
122
122
|
height,
|
|
123
123
|
minHeight,
|
|
124
|
-
maxHeight
|
|
124
|
+
maxHeight,
|
|
125
125
|
};
|
|
126
126
|
const mergedStyle = mergeResolvedStyle(resolvedStyle, style);
|
|
127
127
|
return (jsx(Component, { ref: ref, className: clsx(styles.box, className), style: mergedStyle, ...restProps }));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../src/Box/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumbs.module.css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -8,7 +8,7 @@ import styles from './breadcrumbs.module.css.mjs';
|
|
|
8
8
|
const BreadcrumbsRoot = React.forwardRef(function Breadcrumbs({ separator = '/', ariaLabel = 'Breadcrumb', className, style, children, ...props }, ref) {
|
|
9
9
|
const resolvedStyle = {
|
|
10
10
|
'--frey-breadcrumb-separator': JSON.stringify(separator),
|
|
11
|
-
...style
|
|
11
|
+
...style,
|
|
12
12
|
};
|
|
13
13
|
return (jsx("nav", { ref: ref, "aria-label": ariaLabel, className: clsx(styles.breadcrumbs, className), style: resolvedStyle, ...props, children: children }));
|
|
14
14
|
});
|
|
@@ -34,7 +34,7 @@ const Breadcrumbs = Object.assign(BreadcrumbsRoot, {
|
|
|
34
34
|
List: BreadcrumbsList,
|
|
35
35
|
Item: BreadcrumbsItem,
|
|
36
36
|
Link: BreadcrumbsLink,
|
|
37
|
-
Current: BreadcrumbsCurrent
|
|
37
|
+
Current: BreadcrumbsCurrent,
|
|
38
38
|
});
|
|
39
39
|
|
|
40
40
|
export { Breadcrumbs, Breadcrumbs as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../src/Breadcrumbs/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;AAuBA,MAAM,eAAe,GAA6B,KAAK,CAAC,UAAU,CAGhE,SAAS,WAAW,CACpB,EACE,SAAS,GAAG,GAAG,EACf,SAAS,GAAG,YAAY,EACxB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EAAA;AAEH,IAAA,MAAM,aAAa,GAAqB;AACtC,QAAA,6BAA6B,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC;AACxD,QAAA,GAAG,KAAK;KACT;AAED,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,GAAG,EAAA,YAAA,EACI,SAAS,EACrB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,EAC9C,KAAK,EAAE,aAAa,EAAA,GAChB,KAAK,EAAA,QAAA,EAER,QAAQ,EAAA,CACL;AAEV,CAAC,CAAC;AACF,eAAe,CAAC,WAAW,GAAG,aAAa;AAM3C,MAAM,eAAe,GAA6B,KAAK,CAAC,UAAU,CAGhE,SAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IACrD,QACEA,YACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,SAAS,CAAC,KAC/C,KAAK,EAAA,CACT;AAEN,CAAC,CAAC;AACF,eAAe,CAAC,WAAW,GAAG,kBAAkB;AAMhD,MAAM,eAAe,GAA6B,KAAK,CAAC,UAAU,CAGhE,SAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IACrD,QACEA,YACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,SAAS,CAAC,KAC/C,KAAK,EAAA,CACT;AAEN,CAAC,CAAC;AACF,eAAe,CAAC,WAAW,GAAG,kBAAkB;AAMhD,MAAM,eAAe,GAA6B,KAAK,CAAC,UAAU,CAGhE,SAAS,eAAe,CACxB,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,EAAE,SAAS,GAAG,OAAO,EAAE,GAAG,KAAK,EAAE,EAC5D,GAAG,EAAA;AAEH,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAAA,GAC/C,KAAK,EAAA,CACT;AAEN,CAAC,CAAC;AACF,eAAe,CAAC,WAAW,GAAG,kBAAkB;AAMhD,MAAM,kBAAkB,GAAgC,KAAK,CAAC,UAAU,CAGtE,SAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IAClE,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,MAAM;IAE3D,QACEA,GAAA,CAAA,MAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,mBAAmB,EAAE,SAAS,CAAC,EAAA,cAAA,EACxC,mBAAmB,EAAA,GAC7B,KAAK,EAAA,QAAA,EAER,QAAQ,EAAA,CACJ;AAEX,CAAC,CAAC;AACF,kBAAkB,CAAC,WAAW,GAAG,qBAAqB;MASzC,WAAW,GAAyB,MAAM,CAAC,MAAM,CAC5D,eAAe,EACf;AACE,IAAA,IAAI,EAAE,eAAe;AACrB,IAAA,IAAI,EAAE,eAAe;AACrB,IAAA,IAAI,EAAE,eAAe;AACrB,IAAA,OAAO,EAAE,kBAAkB;AAC5B,CAAA;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.module.css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -9,12 +9,12 @@ const VariantClassMap = {
|
|
|
9
9
|
primary: styles['button-primary'],
|
|
10
10
|
secondary: styles['button-secondary'],
|
|
11
11
|
ghost: styles['button-ghost'],
|
|
12
|
-
destructive: styles['button-destructive']
|
|
12
|
+
destructive: styles['button-destructive'],
|
|
13
13
|
};
|
|
14
14
|
const SizeClassMap = {
|
|
15
15
|
sm: styles['button-sm'],
|
|
16
16
|
md: styles['button-md'],
|
|
17
|
-
lg: styles['button-lg']
|
|
17
|
+
lg: styles['button-lg'],
|
|
18
18
|
};
|
|
19
19
|
const Button = React.forwardRef(function Button({ asChild = false, variant = 'primary', size = 'md', loading = false, disabled = false, className, style, children, type, onClick, ...restProps }, ref) {
|
|
20
20
|
const isDisabled = disabled || loading;
|
|
@@ -22,7 +22,7 @@ const Button = React.forwardRef(function Button({ asChild = false, variant = 'pr
|
|
|
22
22
|
const commonProps = {
|
|
23
23
|
className: combinedClassName,
|
|
24
24
|
style,
|
|
25
|
-
'aria-busy': loading || undefined
|
|
25
|
+
'aria-busy': loading || undefined,
|
|
26
26
|
};
|
|
27
27
|
const handleClick = (event) => {
|
|
28
28
|
if (isDisabled) {
|
|
@@ -38,7 +38,7 @@ const Button = React.forwardRef(function Button({ asChild = false, variant = 'pr
|
|
|
38
38
|
const childElement = children;
|
|
39
39
|
const slotChild = loading
|
|
40
40
|
? React.cloneElement(childElement, {
|
|
41
|
-
children: (jsxs(Fragment, { children: [jsx("span", { className: styles.spinner, "aria-hidden": 'true' }), childElement.props.children] }))
|
|
41
|
+
children: (jsxs(Fragment, { children: [jsx("span", { className: styles.spinner, "aria-hidden": 'true' }), childElement.props.children] })),
|
|
42
42
|
})
|
|
43
43
|
: childElement;
|
|
44
44
|
return (jsx(Slot, { ...restProps, ref: ref, ...commonProps, "aria-disabled": isDisabled || undefined, "data-disabled": isDisabled ? true : undefined, onClick: handleClick, children: slotChild }));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../src/Button/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;AA0BA,MAAM,eAAe,GAAkC;AACrD,IAAA,OAAO,EAAE,MAAM,CAAC,gBAAgB,CAAC;AACjC,IAAA,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC;AACrC,IAAA,KAAK,EAAE,MAAM,CAAC,cAAc,CAAC;AAC7B,IAAA,WAAW,EAAE,MAAM,CAAC,oBAAoB,CAAC;CAC1C;AAED,MAAM,YAAY,GAA+B;AAC/C,IAAA,EAAE,EAAE,MAAM,CAAC,WAAW,CAAC;AACvB,IAAA,EAAE,EAAE,MAAM,CAAC,WAAW,CAAC;AACvB,IAAA,EAAE,EAAE,MAAM,CAAC,WAAW,CAAC;CACxB;AAMD,MAAM,MAAM,GAAoB,KAAK,CAAC,UAAU,CAG9C,SAAS,MAAM,CACf,EACE,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,GAAG,SAAS,EACb,EACD,GAAG,EAAA;AAEH,IAAA,MAAM,UAAU,GAAG,QAAQ,IAAI,OAAO;AACtC,IAAA,MAAM,iBAAiB,GAAG,IAAI,CAC5B,MAAM,CAAC,MAAM,EACb,eAAe,CAAC,OAAO,CAAC,EACxB,YAAY,CAAC,IAAI,CAAC,EAClB,EAAE,CAAC,MAAM,CAAC,gBAAgB,CAAC,GAAG,OAAO,EAAE,EACvC,SAAS,CACV;AACD,IAAA,MAAM,WAAW,GAAG;AAClB,QAAA,SAAS,EAAE,iBAAiB;QAC5B,KAAK;QACL,WAAW,EAAE,OAAO,IAAI,SAAS;KAClC;AACD,IAAA,MAAM,WAAW,GAAyC,CAAC,KAAK,KAAI;QAClE,IAAI,UAAU,EAAE;YACd,KAAK,CAAC,cAAc,EAAE;YACtB;QACF;AAEC,QAAA,OAA4D,GAAG,KAAK,CAAC;AACxE,IAAA,CAAC;IAED,IAAI,OAAO,EAAE;QACX,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE;AACnC,YAAA,MAAM,IAAI,KAAK,CACb,iEAAiE,CAClE;QACH;QAEA,MAAM,YAAY,GAAG,QAEnB;QACF,MAAM,SAAS,GAAG;AAChB,cAAE,KAAK,CAAC,YAAY,CAAC,YAAY,EAAE;AAC/B,gBAAA,QAAQ,GACNA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEC,cAAM,SAAS,EAAE,MAAM,CAAC,OAAO,iBAAc,MAAM,EAAA,CAAG,EACrD,YAAY,CAAC,KAAK,CAAC,QAAQ,IAC3B,CACJ;aACF;cACD,YAAY;AAEhB,QAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAA,GACE,SAA+C,EACpD,GAAG,EAAE,GAA6B,EAAA,GAC9B,WAAW,EAAA,eAAA,EACA,UAAU,IAAI,SAAS,EAAA,eAAA,EACvB,UAAU,GAAG,IAAI,GAAG,SAAS,EAC5C,OAAO,EAAE,WAAW,EAAA,QAAA,EAEnB,SAAS,EAAA,CACL;IAEX;AAEA,IAAA,QACEF,IAAA,CAAA,QAAA,EAAA,EAAA,GACM,SAAS,EACb,GAAG,EAAE,GAAG,EAAA,GACJ,WAAW,EACf,QAAQ,EAAE,UAAU,EACpB,IAAI,EAAE,IAAI,IAAI,QAAQ,EACtB,OAAO,EAAE,WAAyD,EAAA,QAAA,EAAA,CAEjE,OAAO,IAAIE,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,OAAO,iBAAc,MAAM,EAAA,CAAG,EACjE,QAAQ,CAAA,EAAA,CACF;AAEb,CAAC;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.module.css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
package/dist/esm/Card/index.mjs
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../src/Card/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAUA,MAAM,QAAQ,GAAsB,KAAK,CAAC,UAAU,CAGlD,SAAS,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;AAC1C,IAAA,OAAOA,aAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EAAA,GAAM,KAAK,GAAI;AAC9E,CAAC,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,MAAM;AAQ7B,MAAM,UAAU,GAAwB,KAAK,CAAC,UAAU,CAGtD,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IAChD,QACEA,aAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,KAAM,KAAK,EAAA,CAAI;AAEhF,CAAC,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,aAAa;AAQtC,MAAM,SAAS,GAAuB,KAAK,CAAC,UAAU,CAGpD,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IACzD,QACEA,YAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,EAAA,GAAM,KAAK,EAAA,QAAA,EACnE,QAAQ,EAAA,CACN;AAET,CAAC,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,YAAY;AAQpC,MAAM,WAAW,GAAyB,KAAK,CAAC,UAAU,CAGxD,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IACjD,QACEA,aACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,KAC3C,KAAK,EAAA,CACT;AAEN,CAAC,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,cAAc;AAQxC,MAAM,UAAU,GAAwB,KAAK,CAAC,UAAU,CAGtD,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IAChD,QACEA,aAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,KAAM,KAAK,EAAA,CAAI;AAEhF,CAAC,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,aAAa;MASzB,IAAI,GAAkB,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;AACzD,IAAA,MAAM,EAAE,UAAU;AAClB,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,MAAM,EAAE,UAAU;AACnB,CAAA;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import './checkbox.css';
|
|
3
|
-
var styles = {"checkbox-container":"checkbox-container_61f229ee","checkbox":"checkbox_d32c8199","checkbox-sm":"checkbox-sm_a9268e0e","checkbox-md":"checkbox-md_2e4b6d59","checkbox-lg":"checkbox-lg_822bc43d","checkbox-box":"checkbox-box_d429074b","checkbox-disabled":"checkbox-disabled_29936a5d","check-icon":"check-icon_1beba8f1","indeterminate-icon":"indeterminate-icon_d2727941","label":"label_714abdf7","
|
|
3
|
+
var styles = {"checkbox-container":"checkbox-container_61f229ee","checkbox":"checkbox_d32c8199","checkbox-sm":"checkbox-sm_a9268e0e","checkbox-md":"checkbox-md_2e4b6d59","checkbox-lg":"checkbox-lg_822bc43d","checkbox-box":"checkbox-box_d429074b","checkbox-disabled":"checkbox-disabled_29936a5d","check-icon":"check-icon_1beba8f1","indeterminate-icon":"indeterminate-icon_d2727941","label":"label_714abdf7","visually_hidden":"visually_hidden_420cf0cd"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=checkbox.module.css.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.module.css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -4,38 +4,28 @@ import clsx from 'clsx';
|
|
|
4
4
|
import React, { useId, useRef, useLayoutEffect } from 'react';
|
|
5
5
|
import { CheckIcon } from '../Icons/CheckIcon.mjs';
|
|
6
6
|
import { MinusIcon } from '../Icons/MinusIcon.mjs';
|
|
7
|
+
import { mergeRefs } from '../utils/mergeRefs.mjs';
|
|
7
8
|
import styles from './checkbox.module.css.mjs';
|
|
8
9
|
|
|
9
10
|
const SizeClassMap = {
|
|
10
11
|
sm: styles['checkbox-sm'],
|
|
11
12
|
md: styles['checkbox-md'],
|
|
12
|
-
lg: styles['checkbox-lg']
|
|
13
|
+
lg: styles['checkbox-lg'],
|
|
13
14
|
};
|
|
14
15
|
const Checkbox = React.forwardRef(function Checkbox({ label, hideLabel = false, size = 'md', indeterminate = false, className, style, id, disabled = false, ...inputProps }, forwardedRef) {
|
|
15
16
|
const generatedId = useId();
|
|
16
17
|
const inputId = id ?? generatedId;
|
|
17
18
|
const internalRef = useRef(null);
|
|
19
|
+
const mergedRef = mergeRefs(internalRef, forwardedRef);
|
|
18
20
|
useLayoutEffect(() => {
|
|
19
21
|
if (internalRef.current) {
|
|
20
22
|
internalRef.current.indeterminate = indeterminate;
|
|
21
23
|
}
|
|
22
24
|
}, [indeterminate]);
|
|
23
|
-
const setRef = (node) => {
|
|
24
|
-
internalRef.current = node;
|
|
25
|
-
if (node) {
|
|
26
|
-
node.indeterminate = indeterminate;
|
|
27
|
-
}
|
|
28
|
-
if (typeof forwardedRef === 'function') {
|
|
29
|
-
forwardedRef(node);
|
|
30
|
-
}
|
|
31
|
-
else if (forwardedRef) {
|
|
32
|
-
forwardedRef.current = node;
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
25
|
return (jsxs("div", { className: clsx(styles['checkbox-container'], className), style: style, children: [jsxs("span", { className: clsx(styles.checkbox, SizeClassMap[size], {
|
|
36
|
-
[styles['checkbox-disabled']]: disabled
|
|
37
|
-
}), "aria-disabled": disabled || undefined, children: [jsx("input", { type: 'checkbox', id: inputId, disabled: disabled, ref:
|
|
38
|
-
[styles
|
|
26
|
+
[styles['checkbox-disabled']]: disabled,
|
|
27
|
+
}), "aria-disabled": disabled || undefined, children: [jsx("input", { type: 'checkbox', id: inputId, disabled: disabled, ref: mergedRef, "aria-checked": indeterminate ? 'mixed' : undefined, ...inputProps }), jsxs("span", { className: styles['checkbox-box'], "aria-hidden": 'true', children: [jsx(CheckIcon, { className: styles['check-icon'], strokeWidth: 'bold', size: 'md' }), jsx(MinusIcon, { className: styles['indeterminate-icon'], strokeWidth: 'bold', size: 'md' })] })] }), jsx("label", { htmlFor: inputId, className: clsx(styles.label, {
|
|
28
|
+
[styles.visually_hidden]: hideLabel,
|
|
39
29
|
}), children: label })] }));
|
|
40
30
|
});
|
|
41
31
|
Checkbox.displayName = 'Checkbox';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../src/Checkbox/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;AAwBA,MAAM,YAAY,GAAiC;AACjD,IAAA,EAAE,EAAE,MAAM,CAAC,aAAa,CAAC;AACzB,IAAA,EAAE,EAAE,MAAM,CAAC,aAAa,CAAC;AACzB,IAAA,EAAE,EAAE,MAAM,CAAC,aAAa,CAAC;CAC1B;AAED,MAAM,QAAQ,GAAsB,KAAK,CAAC,UAAU,CAGlD,SAAS,QAAQ,CACjB,EACE,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,IAAI,GAAG,IAAI,EACX,aAAa,GAAG,KAAK,EACrB,SAAS,EACT,KAAK,EACL,EAAE,EACF,QAAQ,GAAG,KAAK,EAChB,GAAG,UAAU,EACd,EACD,YAAY,EAAA;AAEZ,IAAA,MAAM,WAAW,GAAG,KAAK,EAAE;AAC3B,IAAA,MAAM,OAAO,GAAG,EAAE,IAAI,WAAW;AACjC,IAAA,MAAM,WAAW,GAAG,MAAM,CAA0B,IAAI,CAAC;IACzD,MAAM,SAAS,GAAG,SAAS,CAAC,WAAW,EAAE,YAAY,CAAC;IAEtD,eAAe,CAAC,MAAK;AACnB,QAAA,IAAI,WAAW,CAAC,OAAO,EAAE;AACvB,YAAA,WAAW,CAAC,OAAO,CAAC,aAAa,GAAG,aAAa;QACnD;AACF,IAAA,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC;AAEnB,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,EAAE,SAAS,CAAC,EACxD,KAAK,EAAE,KAAK,EAAA,QAAA,EAAA,CAEZA,IAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE;AACnD,oBAAA,CAAC,MAAM,CAAC,mBAAmB,CAAC,GAAG,QAAQ;iBACxC,CAAC,EAAA,eAAA,EACa,QAAQ,IAAI,SAAS,aAEpCC,GAAA,CAAA,OAAA,EAAA,EACE,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,OAAO,EACX,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,SAAS,EAAA,cAAA,EACA,aAAa,GAAG,OAAO,GAAG,SAAS,EAAA,GAC7C,UAAU,EAAA,CACd,EACFD,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,EAAA,aAAA,EAAc,MAAM,EAAA,QAAA,EAAA,CACzDC,GAAA,CAAC,SAAS,EAAA,EACR,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,EAC/B,WAAW,EAAC,MAAM,EAClB,IAAI,EAAC,IAAI,EAAA,CACT,EACFA,GAAA,CAAC,SAAS,IACR,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC,EACvC,WAAW,EAAC,MAAM,EAClB,IAAI,EAAC,IAAI,EAAA,CACT,CAAA,EAAA,CACG,CAAA,EAAA,CACF,EACPA,GAAA,CAAA,OAAA,EAAA,EACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE;AAC5B,oBAAA,CAAC,MAAM,CAAC,eAAe,GAAG,SAAS;AACpC,iBAAA,CAAC,EAAA,QAAA,EAED,KAAK,EAAA,CACA,CAAA,EAAA,CACJ;AAEV,CAAC;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chip.module.css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
package/dist/esm/Chip/index.mjs
CHANGED
|
@@ -6,11 +6,11 @@ import styles from './chip.module.css.mjs';
|
|
|
6
6
|
|
|
7
7
|
const VariantDefaultMap = {
|
|
8
8
|
default: styles['chip-default'],
|
|
9
|
-
outlined: styles['chip-outlined']
|
|
9
|
+
outlined: styles['chip-outlined'],
|
|
10
10
|
};
|
|
11
11
|
const VariantClickableMap = {
|
|
12
12
|
default: styles['chip-default-clickable'],
|
|
13
|
-
outlined: styles['chip-outlined-clickable']
|
|
13
|
+
outlined: styles['chip-outlined-clickable'],
|
|
14
14
|
};
|
|
15
15
|
const Chip = React.forwardRef(function Chip({ label, onClick, as, style, className, variant = 'default', ...elementProps }, ref) {
|
|
16
16
|
const resolvedElement = as ?? (onClick ? 'button' : 'span');
|
|
@@ -32,7 +32,7 @@ const Chip = React.forwardRef(function Chip({ label, onClick, as, style, classNa
|
|
|
32
32
|
}
|
|
33
33
|
: undefined;
|
|
34
34
|
const classes = clsx(VariantDefaultMap[variant], {
|
|
35
|
-
[VariantClickableMap[variant]]: isInteractive
|
|
35
|
+
[VariantClickableMap[variant]]: isInteractive,
|
|
36
36
|
}, className);
|
|
37
37
|
return (jsx(Component, { ...elementProps, ref: ref, className: classes, onClick: onClick, style: style, type: resolvedElement === 'button' ? 'button' : undefined, role: isNonNativeInteractive ? 'button' : undefined, tabIndex: isNonNativeInteractive ? 0 : undefined, onKeyDown: isNonNativeInteractive ? handleKeyDown : undefined, children: jsx("span", { className: styles['chip-text'], children: label }) }));
|
|
38
38
|
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../src/Chip/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAiCA,MAAM,iBAAiB,GAA4B;AACjD,IAAA,OAAO,EAAE,MAAM,CAAC,cAAc,CAAC;AAC/B,IAAA,QAAQ,EAAE,MAAM,CAAC,eAAe,CAAC;CAClC;AAED,MAAM,mBAAmB,GAA4B;AACnD,IAAA,OAAO,EAAE,MAAM,CAAC,wBAAwB,CAAC;AACzC,IAAA,QAAQ,EAAE,MAAM,CAAC,yBAAyB,CAAC;CAC5C;AAMD,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,IAAI,CACzC,EACE,KAAK,EACL,OAAO,EACP,EAAE,EACF,KAAK,EACL,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,GAAG,YAAY,EACQ,EACzB,GAAgC,EAAA;AAEhC,IAAA,MAAM,eAAe,GAAG,EAAE,KAAK,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3D,MAAM,SAAS,GAAG,eAAoC;AACtD,IAAA,MAAM,IAAI,GACR,eAAe,KAAK;UACf,YAA8D,CAAC;UAChE,SAAS;AACf,IAAA,MAAM,OAAO,GAAG,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;AAClE,IAAA,MAAM,aAAa,GACjB,eAAe,KAAK,QAAQ;AAC5B,SAAC,eAAe,KAAK,GAAG,IAAI,OAAO,CAAC;QACpC,OAAO,CAAC,OAAO,CAAC;IAElB,MAAM,sBAAsB,GAC1B,aAAa,IAAI,eAAe,KAAK,QAAQ,IAAI,eAAe,KAAK,GAAG;IAE1E,MAAM,aAAa,GAAG;AACpB,UAAE,CAAC,KAA0B,KAAI;AAC7B,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;gBAC9C,KAAK,CAAC,cAAc,EAAE;AACrB,gBAAA,KAAK,CAAC,aAA6B,CAAC,KAAK,EAAE;YAC9C;QACF;UACA,SAAS;IAEb,MAAM,OAAO,GAAG,IAAI,CAClB,iBAAiB,CAAC,OAAO,CAAC,EAC1B;AACE,QAAA,CAAC,mBAAmB,CAAC,OAAO,CAAC,GAAG,aAAa;KAC9C,EACD,SAAS,CACV;AAED,IAAA,QACEA,GAAA,CAAC,SAAS,OACJ,YAAY,EAChB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,eAAe,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,EACzD,IAAI,EAAE,sBAAsB,GAAG,QAAQ,GAAG,SAAS,EACnD,QAAQ,EAAE,sBAAsB,GAAG,CAAC,GAAG,SAAS,EAChD,SAAS,EAAE,sBAAsB,GAAG,aAAa,GAAG,SAAS,EAAA,QAAA,EAE7DA,cAAM,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,EAAA,QAAA,EAAG,KAAK,EAAA,CAAQ,EAAA,CAC1C;AAEhB,CAAC;AAED,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
.combobox_root_09637419 {
|
|
2
|
+
position: relative;
|
|
3
|
+
width: 100%;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.combobox_input_wrapper_7fd4a338 {
|
|
7
|
+
position: relative;
|
|
8
|
+
width: 100%;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.combobox_input_51f796ee {
|
|
12
|
+
width: 100%;
|
|
13
|
+
color: var(--frey-color-text-primary);
|
|
14
|
+
background-color: var(--frey-color-surface);
|
|
15
|
+
border: 1px solid var(--frey-color-border, #d1d5db);
|
|
16
|
+
border-radius: 0.375rem;
|
|
17
|
+
outline: none;
|
|
18
|
+
transition:
|
|
19
|
+
border-color 0.2s,
|
|
20
|
+
box-shadow 0.2s;
|
|
21
|
+
box-sizing: border-box;
|
|
22
|
+
font-family: inherit;
|
|
23
|
+
padding-right: 2.25rem;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.combobox_input_51f796ee:focus-visible {
|
|
27
|
+
border-color: var(--frey-focus-ring);
|
|
28
|
+
box-shadow: 0 0 0 2px var(--frey-focus-ring);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.combobox_input_51f796ee:disabled {
|
|
32
|
+
opacity: 0.5;
|
|
33
|
+
cursor: not-allowed;
|
|
34
|
+
background-color: var(--frey-color-surface-subtle, #f1f1f1);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.combobox_input_error_c2170046 {
|
|
38
|
+
border-color: var(--frey-color-error, #dc2626);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.combobox_input_error_c2170046:focus-visible {
|
|
42
|
+
border-color: var(--frey-color-error, #dc2626);
|
|
43
|
+
box-shadow: 0 0 0 2px var(--frey-color-error, #dc2626);
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.combobox_input_sm_058a1114 {
|
|
47
|
+
min-height: 2rem;
|
|
48
|
+
padding-block: 0.25rem;
|
|
49
|
+
padding-inline: 0.5rem 2rem;
|
|
50
|
+
font-size: 0.8125rem;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.combobox_input_md_8aee06ca {
|
|
54
|
+
min-height: 2.5rem;
|
|
55
|
+
padding-block: 0.5rem;
|
|
56
|
+
padding-inline: 0.75rem 2rem;
|
|
57
|
+
font-size: 0.875rem;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.combobox_input_lg_4b0a7fac {
|
|
61
|
+
min-height: 2.875rem;
|
|
62
|
+
padding-block: 0.625rem;
|
|
63
|
+
padding-inline: 0.875rem 2rem;
|
|
64
|
+
font-size: 0.9375rem;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.combobox_icon_57742fb0 {
|
|
68
|
+
position: absolute;
|
|
69
|
+
top: 50%;
|
|
70
|
+
right: 0.75rem;
|
|
71
|
+
transform: translateY(-50%);
|
|
72
|
+
pointer-events: none;
|
|
73
|
+
color: var(--frey-color-text-secondary, #6b7280);
|
|
74
|
+
width: 1rem;
|
|
75
|
+
height: 1rem;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.combobox_listbox_ec63ee60 {
|
|
79
|
+
position: absolute;
|
|
80
|
+
top: calc(100% + 0.25rem);
|
|
81
|
+
left: 0;
|
|
82
|
+
right: 0;
|
|
83
|
+
margin: 0;
|
|
84
|
+
padding: 0.25rem;
|
|
85
|
+
list-style: none;
|
|
86
|
+
max-height: 14rem;
|
|
87
|
+
overflow-y: auto;
|
|
88
|
+
background: var(--frey-color-surface, #ffffff);
|
|
89
|
+
border: 1px solid var(--frey-color-border, #d1d5db);
|
|
90
|
+
border-radius: 0.5rem;
|
|
91
|
+
box-shadow: var(--frey-shadow-md, 0 10px 30px rgb(0 0 0 / 12%));
|
|
92
|
+
z-index: 20;
|
|
93
|
+
display: grid;
|
|
94
|
+
gap: 0.125rem;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.combobox_option_1440ebc4 {
|
|
98
|
+
display: flex;
|
|
99
|
+
align-items: center;
|
|
100
|
+
width: 100%;
|
|
101
|
+
min-height: 2rem;
|
|
102
|
+
padding: 0.375rem 0.5rem;
|
|
103
|
+
border-radius: 0.375rem;
|
|
104
|
+
border: none;
|
|
105
|
+
background-color: transparent;
|
|
106
|
+
color: var(--frey-color-text-primary, #111827);
|
|
107
|
+
text-align: left;
|
|
108
|
+
cursor: pointer;
|
|
109
|
+
transition:
|
|
110
|
+
background-color 0.16s ease,
|
|
111
|
+
color 0.16s ease;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.combobox_option_1440ebc4:focus-visible {
|
|
115
|
+
outline: 2px solid var(--frey-focus-ring);
|
|
116
|
+
outline-offset: 1px;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.combobox_option_1440ebc4:hover {
|
|
120
|
+
background-color: var(--frey-color-surface-subtle, #f3f4f6);
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.combobox_option_active_01b209b7 {
|
|
124
|
+
background-color: var(--frey-color-surface-subtle, #f3f4f6);
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
.combobox_option_disabled_36362911 {
|
|
128
|
+
opacity: 0.55;
|
|
129
|
+
cursor: not-allowed;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
.combobox_empty_state_3311246e {
|
|
133
|
+
margin: 0;
|
|
134
|
+
min-height: 2rem;
|
|
135
|
+
display: flex;
|
|
136
|
+
align-items: center;
|
|
137
|
+
padding: 0.375rem 0.5rem;
|
|
138
|
+
color: var(--frey-color-text-muted, #6b7280);
|
|
139
|
+
font-size: 0.875rem;
|
|
140
|
+
}
|