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
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
require('./drawer.css');
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
6
|
+
|
|
7
|
+
var styles = {"drawer_root":"drawer_root_83e17ee9","drawer_root_left":"drawer_root_left_66540e0f","drawer_root_right":"drawer_root_right_036e6208","drawer_root_top":"drawer_root_top_f73762e8","drawer_root_bottom":"drawer_root_bottom_8a39583a","drawer_content":"drawer_content_fb2e1e81","drawer_content_left":"drawer_content_left_9270d5b6","drawer_content_right":"drawer_content_right_598c6bbc","drawer_content_top":"drawer_content_top_5a8f22cf","drawer_content_bottom":"drawer_content_bottom_d6417f3a","drawer_header":"drawer_header_a251b5e9","drawer_title":"drawer_title_02881cc2","drawer_description":"drawer_description_9bdd0182","drawer_body":"drawer_body_e799fe47","drawer_footer":"drawer_footer_0d9a042f"};
|
|
8
|
+
|
|
9
|
+
exports.default = styles;
|
|
10
|
+
//# sourceMappingURL=drawer.module.css.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drawer.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
|
+
|
|
6
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
var clsx = require('clsx');
|
|
8
|
+
var React = require('react');
|
|
9
|
+
var index = require('../Dialog/index.cjs');
|
|
10
|
+
var drawer_module = require('./drawer.module.css.cjs');
|
|
11
|
+
|
|
12
|
+
const DrawerContext = React.createContext(null);
|
|
13
|
+
function useDrawerContext() {
|
|
14
|
+
const context = React.useContext(DrawerContext);
|
|
15
|
+
if (!context) {
|
|
16
|
+
throw new Error('Drawer components must be wrapped in <Drawer>');
|
|
17
|
+
}
|
|
18
|
+
return context;
|
|
19
|
+
}
|
|
20
|
+
const drawerRootPlacementClassMap = {
|
|
21
|
+
left: drawer_module.default.drawer_root_left,
|
|
22
|
+
right: drawer_module.default.drawer_root_right,
|
|
23
|
+
top: drawer_module.default.drawer_root_top,
|
|
24
|
+
bottom: drawer_module.default.drawer_root_bottom,
|
|
25
|
+
};
|
|
26
|
+
const drawerContentPlacementClassMap = {
|
|
27
|
+
left: drawer_module.default.drawer_content_left,
|
|
28
|
+
right: drawer_module.default.drawer_content_right,
|
|
29
|
+
top: drawer_module.default.drawer_content_top,
|
|
30
|
+
bottom: drawer_module.default.drawer_content_bottom,
|
|
31
|
+
};
|
|
32
|
+
const DrawerRoot = function Drawer({ open, defaultOpen = false, onOpenChange, placement = 'right', children, }) {
|
|
33
|
+
const contextValue = React.useMemo(() => ({ placement }), [placement]);
|
|
34
|
+
return (jsxRuntime.jsx(DrawerContext.Provider, { value: contextValue, children: jsxRuntime.jsx(index.Dialog, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, children: children }) }));
|
|
35
|
+
};
|
|
36
|
+
DrawerRoot.displayName = 'Drawer';
|
|
37
|
+
const DrawerTrigger = React.forwardRef(function DrawerTrigger({ asChild = false, children, ...props }, ref) {
|
|
38
|
+
useDrawerContext();
|
|
39
|
+
if (asChild && !React.isValidElement(children)) {
|
|
40
|
+
throw new Error('Drawer.Trigger with asChild expects a single valid React element child.');
|
|
41
|
+
}
|
|
42
|
+
return (jsxRuntime.jsx(index.Dialog.Trigger, { ref: ref, asChild: asChild, ...props, children: children }));
|
|
43
|
+
});
|
|
44
|
+
DrawerTrigger.displayName = 'Drawer.Trigger';
|
|
45
|
+
const DrawerContent = React.forwardRef(function DrawerContent({ className, containerClassName, closeLabel = 'Close drawer', children, ...props }, ref) {
|
|
46
|
+
const { placement } = useDrawerContext();
|
|
47
|
+
return (jsxRuntime.jsx(index.Dialog.Content, { ref: ref, closeLabel: closeLabel, className: clsx(drawer_module.default.drawer_content, drawerContentPlacementClassMap[placement], className), containerClassName: clsx(drawer_module.default.drawer_root, drawerRootPlacementClassMap[placement], containerClassName), "data-placement": placement, ...props, children: children }));
|
|
48
|
+
});
|
|
49
|
+
DrawerContent.displayName = 'Drawer.Content';
|
|
50
|
+
const DrawerHeader = React.forwardRef(function DrawerHeader({ className, ...props }, ref) {
|
|
51
|
+
useDrawerContext();
|
|
52
|
+
return (jsxRuntime.jsx(index.Dialog.Header, { ref: ref, className: clsx(drawer_module.default.drawer_header, className), ...props }));
|
|
53
|
+
});
|
|
54
|
+
DrawerHeader.displayName = 'Drawer.Header';
|
|
55
|
+
const DrawerTitle = React.forwardRef(function DrawerTitle({ className, ...props }, ref) {
|
|
56
|
+
useDrawerContext();
|
|
57
|
+
return (jsxRuntime.jsx(index.Dialog.Title, { ref: ref, className: clsx(drawer_module.default.drawer_title, className), ...props }));
|
|
58
|
+
});
|
|
59
|
+
DrawerTitle.displayName = 'Drawer.Title';
|
|
60
|
+
const DrawerDescription = React.forwardRef(function DrawerDescription({ className, ...props }, ref) {
|
|
61
|
+
useDrawerContext();
|
|
62
|
+
return (jsxRuntime.jsx(index.Dialog.Description, { ref: ref, className: clsx(drawer_module.default.drawer_description, className), ...props }));
|
|
63
|
+
});
|
|
64
|
+
DrawerDescription.displayName = 'Drawer.Description';
|
|
65
|
+
const DrawerBody = React.forwardRef(function DrawerBody({ className, ...props }, ref) {
|
|
66
|
+
useDrawerContext();
|
|
67
|
+
return (jsxRuntime.jsx(index.Dialog.Body, { ref: ref, className: clsx(drawer_module.default.drawer_body, className), ...props }));
|
|
68
|
+
});
|
|
69
|
+
DrawerBody.displayName = 'Drawer.Body';
|
|
70
|
+
const DrawerFooter = React.forwardRef(function DrawerFooter({ className, ...props }, ref) {
|
|
71
|
+
useDrawerContext();
|
|
72
|
+
return (jsxRuntime.jsx(index.Dialog.Footer, { ref: ref, className: clsx(drawer_module.default.drawer_footer, className), ...props }));
|
|
73
|
+
});
|
|
74
|
+
DrawerFooter.displayName = 'Drawer.Footer';
|
|
75
|
+
const Drawer = Object.assign(DrawerRoot, {
|
|
76
|
+
Trigger: DrawerTrigger,
|
|
77
|
+
Content: DrawerContent,
|
|
78
|
+
Header: DrawerHeader,
|
|
79
|
+
Title: DrawerTitle,
|
|
80
|
+
Description: DrawerDescription,
|
|
81
|
+
Body: DrawerBody,
|
|
82
|
+
Footer: DrawerFooter,
|
|
83
|
+
});
|
|
84
|
+
|
|
85
|
+
exports.Drawer = Drawer;
|
|
86
|
+
exports.default = Drawer;
|
|
87
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/Drawer/index.tsx"],"sourcesContent":[null],"names":["createContext","useContext","styles","_jsx","Dialog"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdownmenu.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -23,13 +23,13 @@ function useDropdownMenuContext() {
|
|
|
23
23
|
}
|
|
24
24
|
return context;
|
|
25
25
|
}
|
|
26
|
-
const DropdownMenuRoot = function DropdownMenu({ open, defaultOpen = false, onOpenChange, placement = 'bottom', offset = 8, closeOnEscape = true, closeOnOutsideClick = true, children }) {
|
|
26
|
+
const DropdownMenuRoot = function DropdownMenu({ open, defaultOpen = false, onOpenChange, placement = 'bottom', offset = 8, closeOnEscape = true, closeOnOutsideClick = true, children, }) {
|
|
27
27
|
const idPrefix = React.useId();
|
|
28
28
|
const menuItems = useRovingCollection.useRovingCollection();
|
|
29
29
|
const triggerRef = React.useRef(null);
|
|
30
30
|
const [referenceElement, setReferenceElement] = React.useState(null);
|
|
31
31
|
const [floatingElement, setFloatingElement] = React.useState(null);
|
|
32
|
-
const [currentOpen, handleOpenChange] = useControllableState.
|
|
32
|
+
const [currentOpen, handleOpenChange] = useControllableState.useControllableValue(open, defaultOpen, onOpenChange);
|
|
33
33
|
const handleFloatingOpenChange = React.useCallback((nextOpen, _event, reason) => {
|
|
34
34
|
handleOpenChange(nextOpen);
|
|
35
35
|
if (!nextOpen && reason === 'escape-key') {
|
|
@@ -41,21 +41,21 @@ const DropdownMenuRoot = function DropdownMenu({ open, defaultOpen = false, onOp
|
|
|
41
41
|
onOpenChange: handleFloatingOpenChange,
|
|
42
42
|
elements: {
|
|
43
43
|
reference: referenceElement,
|
|
44
|
-
floating: floatingElement
|
|
45
|
-
}
|
|
44
|
+
floating: floatingElement,
|
|
45
|
+
},
|
|
46
46
|
});
|
|
47
|
-
const { refs, floatingStyles, context: floatingContext } = react.useFloating({
|
|
47
|
+
const { refs, floatingStyles, context: floatingContext, } = react.useFloating({
|
|
48
48
|
rootContext: floatingRootContext,
|
|
49
49
|
placement: floatingConfig.toFloatingPlacement(placement, 'start'),
|
|
50
50
|
middleware: floatingConfig.createFloatingMiddleware(offset),
|
|
51
51
|
strategy: 'fixed',
|
|
52
52
|
transform: false,
|
|
53
|
-
whileElementsMounted: react.autoUpdate
|
|
53
|
+
whileElementsMounted: react.autoUpdate,
|
|
54
54
|
});
|
|
55
55
|
const dismiss = react.useDismiss(floatingContext, {
|
|
56
56
|
enabled: currentOpen,
|
|
57
57
|
escapeKey: closeOnEscape,
|
|
58
|
-
outsidePress: closeOnOutsideClick
|
|
58
|
+
outsidePress: closeOnOutsideClick,
|
|
59
59
|
});
|
|
60
60
|
const { getReferenceProps, getFloatingProps } = react.useInteractions([dismiss]);
|
|
61
61
|
const setReference = React.useCallback((node) => {
|
|
@@ -77,7 +77,7 @@ const DropdownMenuRoot = function DropdownMenu({ open, defaultOpen = false, onOp
|
|
|
77
77
|
floatingContext,
|
|
78
78
|
getReferenceProps,
|
|
79
79
|
getFloatingProps,
|
|
80
|
-
menuItems
|
|
80
|
+
menuItems,
|
|
81
81
|
}), [
|
|
82
82
|
currentOpen,
|
|
83
83
|
handleOpenChange,
|
|
@@ -88,13 +88,13 @@ const DropdownMenuRoot = function DropdownMenu({ open, defaultOpen = false, onOp
|
|
|
88
88
|
floatingContext,
|
|
89
89
|
getReferenceProps,
|
|
90
90
|
getFloatingProps,
|
|
91
|
-
menuItems
|
|
91
|
+
menuItems,
|
|
92
92
|
]);
|
|
93
93
|
return (jsxRuntime.jsx(DropdownMenuContext.Provider, { value: contextValue, children: children }));
|
|
94
94
|
};
|
|
95
95
|
DropdownMenuRoot.displayName = 'DropdownMenu';
|
|
96
96
|
const DropdownMenuTrigger = React.forwardRef(function DropdownMenuTrigger({ children, asChild = false, onClick, type, ...triggerProps }, ref) {
|
|
97
|
-
const { open, onOpenChange, idPrefix, triggerRef, setReference, getReferenceProps } = useDropdownMenuContext();
|
|
97
|
+
const { open, onOpenChange, idPrefix, triggerRef, setReference, getReferenceProps, } = useDropdownMenuContext();
|
|
98
98
|
const mergedRef = mergeRefs.mergeRefs(ref, triggerRef, setReference);
|
|
99
99
|
const handleClick = (event) => {
|
|
100
100
|
onClick?.(event);
|
|
@@ -107,7 +107,7 @@ const DropdownMenuTrigger = React.forwardRef(function DropdownMenuTrigger({ chil
|
|
|
107
107
|
onClick: handleClick,
|
|
108
108
|
'aria-haspopup': 'menu',
|
|
109
109
|
'aria-expanded': open,
|
|
110
|
-
'aria-controls': `${idPrefix}-menu
|
|
110
|
+
'aria-controls': `${idPrefix}-menu`,
|
|
111
111
|
});
|
|
112
112
|
if (asChild) {
|
|
113
113
|
if (!React.isValidElement(children)) {
|
|
@@ -119,7 +119,7 @@ const DropdownMenuTrigger = React.forwardRef(function DropdownMenuTrigger({ chil
|
|
|
119
119
|
});
|
|
120
120
|
DropdownMenuTrigger.displayName = 'DropdownMenu.Trigger';
|
|
121
121
|
const DropdownMenuContent = React.forwardRef(function DropdownMenuContent({ className, style, children, ...props }, ref) {
|
|
122
|
-
const { open, idPrefix, setFloating, floatingStyles, floatingContext, getFloatingProps, menuItems } = useDropdownMenuContext();
|
|
122
|
+
const { open, idPrefix, setFloating, floatingStyles, floatingContext, getFloatingProps, menuItems, } = useDropdownMenuContext();
|
|
123
123
|
const menuRef = React.useRef(null);
|
|
124
124
|
React.useEffect(() => {
|
|
125
125
|
if (!open)
|
|
@@ -158,13 +158,13 @@ const DropdownMenuContent = React.forwardRef(function DropdownMenuContent({ clas
|
|
|
158
158
|
};
|
|
159
159
|
const floatingProps = getFloatingProps({
|
|
160
160
|
...props,
|
|
161
|
-
onKeyDown: handleKeyDown
|
|
161
|
+
onKeyDown: handleKeyDown,
|
|
162
162
|
});
|
|
163
163
|
if (!open)
|
|
164
164
|
return null;
|
|
165
165
|
return (jsxRuntime.jsx(Portal.default, { children: jsxRuntime.jsx(react.FloatingFocusManager, { context: floatingContext, modal: true, returnFocus: true, outsideElementsInert: false, initialFocus: 0, children: jsxRuntime.jsx("div", { id: `${idPrefix}-menu`, role: 'menu', "aria-orientation": 'vertical', ref: mergeRefs.mergeRefs(menuRef, ref, setFloating), className: clsx(dropdownmenu_module.default.dropdown_menu, className), style: {
|
|
166
166
|
...floatingStyles,
|
|
167
|
-
...style
|
|
167
|
+
...style,
|
|
168
168
|
}, ...floatingProps, children: children }) }) }));
|
|
169
169
|
});
|
|
170
170
|
DropdownMenuContent.displayName = 'DropdownMenu.Content';
|
|
@@ -175,7 +175,7 @@ const DropdownMenuItem = React.forwardRef(function DropdownMenuItem({ disabled,
|
|
|
175
175
|
const mergedRef = mergeRefs.mergeRefs(ref, itemRef);
|
|
176
176
|
React.useEffect(() => {
|
|
177
177
|
menuItems.registerItem(itemId, itemRef.current, {
|
|
178
|
-
disabled: Boolean(disabled)
|
|
178
|
+
disabled: Boolean(disabled),
|
|
179
179
|
});
|
|
180
180
|
return () => {
|
|
181
181
|
menuItems.unregisterItem(itemId);
|
|
@@ -190,14 +190,14 @@ const DropdownMenuItem = React.forwardRef(function DropdownMenuItem({ disabled,
|
|
|
190
190
|
triggerRef.current?.focus();
|
|
191
191
|
};
|
|
192
192
|
return (jsxRuntime.jsx("div", { className: dropdownmenu_module.default.dropdown_menu_item_container, children: jsxRuntime.jsx("button", { ref: mergedRef, type: 'button', role: 'menuitem', disabled: disabled, onClick: handleClick, className: clsx(dropdownmenu_module.default.dropdown_menu_item, className, {
|
|
193
|
-
[dropdownmenu_module.default.dropdown_menu_item_destructive]: destructive
|
|
193
|
+
[dropdownmenu_module.default.dropdown_menu_item_destructive]: destructive,
|
|
194
194
|
}), ...props, children: children }) }));
|
|
195
195
|
});
|
|
196
196
|
DropdownMenuItem.displayName = 'DropdownMenu.Item';
|
|
197
197
|
const DropdownMenu = Object.assign(DropdownMenuRoot, {
|
|
198
198
|
Trigger: DropdownMenuTrigger,
|
|
199
199
|
Content: DropdownMenuContent,
|
|
200
|
-
Item: DropdownMenuItem
|
|
200
|
+
Item: DropdownMenuItem,
|
|
201
201
|
});
|
|
202
202
|
|
|
203
203
|
exports.DropdownMenu = DropdownMenu;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/DropdownMenu/index.tsx"],"sourcesContent":[null],"names":["useId","useRovingCollection","useRef","useState","useControllableValue","useFloatingRootContext","useFloating","toFloatingPlacement","createFloatingMiddleware","autoUpdate","useDismiss","useInteractions","_jsx","mergeRefs","Slot","useEffect","Portal","FloatingFocusManager","styles"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"field.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
package/dist/cjs/Field/index.cjs
CHANGED
|
@@ -8,7 +8,7 @@ var clsx = require('clsx');
|
|
|
8
8
|
var React = require('react');
|
|
9
9
|
var field_module = require('./field.module.css.cjs');
|
|
10
10
|
|
|
11
|
-
function Field({ children, label, hideLabel = false, error, helperText, required = false, disabled = false, id, className, style, labelElement = 'label' }) {
|
|
11
|
+
function Field({ children, label, hideLabel = false, error, helperText, required = false, disabled = false, id, className, style, labelElement = 'label', }) {
|
|
12
12
|
const generatedId = React.useId();
|
|
13
13
|
const inputId = id ?? generatedId;
|
|
14
14
|
const labelId = `${inputId}-label`;
|
|
@@ -21,13 +21,13 @@ function Field({ children, label, hideLabel = false, error, helperText, required
|
|
|
21
21
|
.join(' ') || undefined;
|
|
22
22
|
const sharedLabelClassName = clsx(field_module.default.field_label, {
|
|
23
23
|
[field_module.default.field_label_disabled]: disabled,
|
|
24
|
-
[field_module.default.visually_hidden]: hideLabel
|
|
24
|
+
[field_module.default.visually_hidden]: hideLabel,
|
|
25
25
|
});
|
|
26
26
|
return (jsxRuntime.jsxs("div", { className: clsx(field_module.default.field_container, className), style: style, children: [labelElement === 'label' ? (jsxRuntime.jsxs("label", { htmlFor: inputId, className: sharedLabelClassName, id: labelId, children: [jsxRuntime.jsx("span", { children: label }), required && (jsxRuntime.jsx("span", { className: field_module.default.required_indicator, "aria-hidden": 'true', children: "*" }))] })) : (jsxRuntime.jsxs("span", { className: sharedLabelClassName, id: labelId, children: [jsxRuntime.jsx("span", { children: label }), required && (jsxRuntime.jsx("span", { className: field_module.default.required_indicator, "aria-hidden": 'true', children: "*" }))] })), children({
|
|
27
27
|
inputId,
|
|
28
28
|
labelId,
|
|
29
29
|
describedBy,
|
|
30
|
-
hasError
|
|
30
|
+
hasError,
|
|
31
31
|
}), hasError && (jsxRuntime.jsx("p", { id: errorId, className: field_module.default.error_text, role: 'alert', children: error })), hasHelper && (jsxRuntime.jsx("p", { id: helperId, className: field_module.default.helper_text, children: helperText }))] }));
|
|
32
32
|
}
|
|
33
33
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/Field/index.tsx"],"sourcesContent":[null],"names":["useId","styles","_jsxs","_jsx"],"mappings":";;;;;;;;;;AAyBA,SAAS,KAAK,CAAC,EACb,QAAQ,EACR,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,KAAK,EACL,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,EAAE,EACF,SAAS,EACT,KAAK,EACL,YAAY,GAAG,OAAO,GACD,EAAA;AACrB,IAAA,MAAM,WAAW,GAAGA,WAAK,EAAE;AAC3B,IAAA,MAAM,OAAO,GAAG,EAAE,IAAI,WAAW;AACjC,IAAA,MAAM,OAAO,GAAG,CAAA,EAAG,OAAO,QAAQ;AAClC,IAAA,MAAM,OAAO,GAAG,CAAA,EAAG,OAAO,QAAQ;AAClC,IAAA,MAAM,QAAQ,GAAG,CAAA,EAAG,OAAO,SAAS;AAEpC,IAAA,MAAM,QAAQ,GAAG,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;AAC9D,IAAA,MAAM,SAAS,GAAG,OAAO,UAAU,KAAK,QAAQ,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC;IAEzE,MAAM,WAAW,GACf,CAAC,QAAQ,GAAG,OAAO,GAAG,SAAS,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS;SAC9D,MAAM,CAAC,OAAO;AACd,SAAA,IAAI,CAAC,GAAG,CAAC,IAAI,SAAS;AAE3B,IAAA,MAAM,oBAAoB,GAAG,IAAI,CAACC,oBAAM,CAAC,WAAW,EAAE;AACpD,QAAA,CAACA,oBAAM,CAAC,oBAAoB,GAAG,QAAQ;AACvC,QAAA,CAACA,oBAAM,CAAC,eAAe,GAAG,SAAS;AACpC,KAAA,CAAC;AAEF,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,IAAI,CAACD,oBAAM,CAAC,eAAe,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAA,QAAA,EAAA,CAClE,YAAY,KAAK,OAAO,IACvBC,2BAAO,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,EAAE,EAAE,OAAO,aACnEC,cAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,KAAK,GAAQ,EACnB,QAAQ,KACPA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEF,oBAAM,CAAC,kBAAkB,iBAAc,MAAM,EAAA,QAAA,EAAA,GAAA,EAAA,CAEvD,CACR,CAAA,EAAA,CACK,KAERC,eAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,oBAAoB,EAAE,EAAE,EAAE,OAAO,aAChDC,cAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,KAAK,GAAQ,EACnB,QAAQ,KACPA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEF,oBAAM,CAAC,kBAAkB,EAAA,aAAA,EAAc,MAAM,EAAA,QAAA,EAAA,GAAA,EAAA,CAEvD,CACR,IACI,CACR,EAEA,QAAQ,CAAC;gBACR,OAAO;gBACP,OAAO;gBACP,WAAW;gBACX,QAAQ;AACT,aAAA,CAAC,EAED,QAAQ,KACPE,cAAA,CAAA,GAAA,EAAA,EAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAEF,oBAAM,CAAC,UAAU,EAAE,IAAI,EAAC,OAAO,YACvD,KAAK,EAAA,CACJ,CACL,EAEA,SAAS,KACRE,sBAAG,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAEF,oBAAM,CAAC,WAAW,EAAA,QAAA,EAC3C,UAAU,GACT,CACL,CAAA,EAAA,CACG;AAEV;;;;"}
|
package/dist/cjs/Flex/index.cjs
CHANGED
|
@@ -13,7 +13,7 @@ const Flex = React.forwardRef(function Flex({ as, inline = false, direction, ali
|
|
|
13
13
|
alignItems: align,
|
|
14
14
|
justifyContent: justify,
|
|
15
15
|
flexWrap: wrap,
|
|
16
|
-
...style
|
|
16
|
+
...style,
|
|
17
17
|
};
|
|
18
18
|
return (jsxRuntime.jsx(index.default, { as: as, ref: ref, display: inline ? 'inline-flex' : 'flex', style: resolvedStyle, ...restProps }));
|
|
19
19
|
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/Flex/index.tsx"],"sourcesContent":[null],"names":["_jsx","Box"],"mappings":";;;;;;;;;AA4BA,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,IAAI,CACzC,EACE,EAAE,EACF,MAAM,GAAG,KAAK,EACd,SAAS,EACT,KAAK,EACL,OAAO,EACP,IAAI,EACJ,KAAK,EACL,GAAG,SAAS,EACW,EACzB,GAAsB,EAAA;AAEtB,IAAA,MAAM,aAAa,GAAwB;AACzC,QAAA,aAAa,EAAE,SAAS;AACxB,QAAA,UAAU,EAAE,KAAK;AACjB,QAAA,cAAc,EAAE,OAAO;AACvB,QAAA,QAAQ,EAAE,IAAI;AACd,QAAA,GAAG,KAAK;KACT;AAED,IAAA,QACEA,cAAA,CAACC,aAAG,EAAA,EACF,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,MAAM,GAAG,aAAa,GAAG,MAAM,EACxC,KAAK,EAAE,aAAa,EAAA,GAChB,SAAS,EAAA,CACb;AAEN,CAAC;AAED,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
|
package/dist/cjs/Grid/index.cjs
CHANGED
|
@@ -23,7 +23,7 @@ const Grid = React.forwardRef(function Grid({ as, columns, rows, autoFlow, align
|
|
|
23
23
|
gridAutoFlow: autoFlow,
|
|
24
24
|
alignItems,
|
|
25
25
|
justifyItems,
|
|
26
|
-
...style
|
|
26
|
+
...style,
|
|
27
27
|
};
|
|
28
28
|
return (jsxRuntime.jsx(index.default, { as: as, ref: ref, display: 'grid', style: resolvedStyle, ...restProps }));
|
|
29
29
|
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/Grid/index.tsx"],"sourcesContent":[null],"names":["_jsx","Box"],"mappings":";;;;;;;;;AAeA,SAAS,oBAAoB,CAAC,KAAuB,EAAA;AACnD,IAAA,IAAI,KAAK,KAAK,SAAS,EAAE;AACvB,QAAA,OAAO,SAAS;IAClB;AAEA,IAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC7B,OAAO,CAAA,OAAA,EAAU,KAAK,CAAA,iBAAA,CAAmB;IAC3C;AAEA,IAAA,OAAO,KAAK;AACd;AAMA,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,IAAI,CACzC,EACE,EAAE,EACF,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,KAAK,EACL,GAAG,SAAS,EACW,EACzB,GAAsB,EAAA;AAEtB,IAAA,MAAM,aAAa,GAAwB;AACzC,QAAA,mBAAmB,EAAE,oBAAoB,CAAC,OAAO,CAAC;AAClD,QAAA,gBAAgB,EAAE,oBAAoB,CAAC,IAAI,CAAC;AAC5C,QAAA,YAAY,EAAE,QAAQ;QACtB,UAAU;QACV,YAAY;AACZ,QAAA,GAAG,KAAK;KACT;IAED,QACEA,eAACC,aAAG,EAAA,EACF,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,aAAa,EAAA,GAChB,SAAS,EAAA,CACb;AAEN,CAAC;AAED,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var IconSvg = require('./IconSvg.cjs');
|
|
6
6
|
|
|
7
|
-
function CheckIcon({ size = 'md', strokeWidth = 'regular', title, className, style }) {
|
|
7
|
+
function CheckIcon({ size = 'md', strokeWidth = 'regular', title, className, style, }) {
|
|
8
8
|
return (jsxRuntime.jsx(IconSvg.IconSvg, { size: size, strokeWidth: strokeWidth, title: title, className: className, style: style, children: jsxRuntime.jsx("path", { d: 'M5 13L10 18L19 8' }) }));
|
|
9
9
|
}
|
|
10
10
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckIcon.cjs","sources":["../../../src/Icons/CheckIcon.tsx"],"sourcesContent":[null],"names":["_jsx","IconSvg"],"mappings":";;;;;;SAGgB,SAAS,CAAC,EACxB,IAAI,GAAG,IAAI,EACX,WAAW,GAAG,SAAS,EACvB,KAAK,EACL,SAAS,EACT,KAAK,GACe,EAAA;AACpB,IAAA,QACEA,cAAA,CAACC,eAAO,EAAA,EACN,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EAAA,QAAA,EAEZD,cAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,kBAAkB,EAAA,CAAG,EAAA,CACrB;AAEd;;;;"}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var IconSvg = require('./IconSvg.cjs');
|
|
6
6
|
|
|
7
|
-
function ChevronDownIcon({ size = 'md', strokeWidth = 'regular', title, className, style }) {
|
|
7
|
+
function ChevronDownIcon({ size = 'md', strokeWidth = 'regular', title, className, style, }) {
|
|
8
8
|
return (jsxRuntime.jsx(IconSvg.IconSvg, { size: size, strokeWidth: strokeWidth, title: title, className: className, style: style, children: jsxRuntime.jsx("path", { d: 'M6 9L12 15L18 9' }) }));
|
|
9
9
|
}
|
|
10
10
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChevronDownIcon.cjs","sources":["../../../src/Icons/ChevronDownIcon.tsx"],"sourcesContent":[null],"names":["_jsx","IconSvg"],"mappings":";;;;;;SAGgB,eAAe,CAAC,EAC9B,IAAI,GAAG,IAAI,EACX,WAAW,GAAG,SAAS,EACvB,KAAK,EACL,SAAS,EACT,KAAK,GACe,EAAA;AACpB,IAAA,QACEA,cAAA,CAACC,eAAO,EAAA,EACN,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EAAA,QAAA,EAEZD,cAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,iBAAiB,EAAA,CAAG,EAAA,CACpB;AAEd;;;;"}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var IconSvg = require('./IconSvg.cjs');
|
|
6
6
|
|
|
7
|
-
function CircleCheckIcon({ size = 'md', strokeWidth = 'regular', title, className, style }) {
|
|
7
|
+
function CircleCheckIcon({ size = 'md', strokeWidth = 'regular', title, className, style, }) {
|
|
8
8
|
return (jsxRuntime.jsxs(IconSvg.IconSvg, { size: size, strokeWidth: strokeWidth, title: title, className: className, style: style, children: [jsxRuntime.jsx("circle", { cx: '12', cy: '12', r: '9' }), jsxRuntime.jsx("path", { d: 'M8 12L11 15L16 10' })] }));
|
|
9
9
|
}
|
|
10
10
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CircleCheckIcon.cjs","sources":["../../../src/Icons/CircleCheckIcon.tsx"],"sourcesContent":[null],"names":["_jsxs","IconSvg","_jsx"],"mappings":";;;;;;SAGgB,eAAe,CAAC,EAC9B,IAAI,GAAG,IAAI,EACX,WAAW,GAAG,SAAS,EACvB,KAAK,EACL,SAAS,EACT,KAAK,GACe,EAAA;IACpB,QACEA,gBAACC,eAAO,EAAA,EACN,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EAAA,QAAA,EAAA,CAEZC,cAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAA,CAAG,EAChCA,cAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,mBAAmB,EAAA,CAAG,CAAA,EAAA,CACtB;AAEd;;;;"}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var IconSvg = require('./IconSvg.cjs');
|
|
6
6
|
|
|
7
|
-
function CircleInfoIcon({ size = 'md', strokeWidth = 'regular', title, className, style }) {
|
|
7
|
+
function CircleInfoIcon({ size = 'md', strokeWidth = 'regular', title, className, style, }) {
|
|
8
8
|
return (jsxRuntime.jsxs(IconSvg.IconSvg, { size: size, strokeWidth: strokeWidth, title: title, className: className, style: style, children: [jsxRuntime.jsx("circle", { cx: '12', cy: '12', r: '9' }), jsxRuntime.jsx("path", { d: 'M12 11V16' }), jsxRuntime.jsx("circle", { cx: '12', cy: '8', r: '0.85', fill: 'currentColor', stroke: 'none' })] }));
|
|
9
9
|
}
|
|
10
10
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CircleInfoIcon.cjs","sources":["../../../src/Icons/CircleInfoIcon.tsx"],"sourcesContent":[null],"names":["_jsxs","IconSvg","_jsx"],"mappings":";;;;;;SAGgB,cAAc,CAAC,EAC7B,IAAI,GAAG,IAAI,EACX,WAAW,GAAG,SAAS,EACvB,KAAK,EACL,SAAS,EACT,KAAK,GACe,EAAA;AACpB,IAAA,QACEA,eAAA,CAACC,eAAO,EAAA,EACN,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EAAA,QAAA,EAAA,CAEZC,cAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAA,CAAG,EAChCA,cAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,WAAW,EAAA,CAAG,EACtBA,cAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,MAAM,EAAC,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,MAAM,EAAA,CAAG,CAAA,EAAA,CAC5D;AAEd;;;;"}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var IconSvg = require('./IconSvg.cjs');
|
|
6
6
|
|
|
7
|
-
function CircleXIcon({ size = 'md', strokeWidth = 'regular', title, className, style }) {
|
|
7
|
+
function CircleXIcon({ size = 'md', strokeWidth = 'regular', title, className, style, }) {
|
|
8
8
|
return (jsxRuntime.jsxs(IconSvg.IconSvg, { size: size, strokeWidth: strokeWidth, title: title, className: className, style: style, children: [jsxRuntime.jsx("circle", { cx: '12', cy: '12', r: '9' }), jsxRuntime.jsx("path", { d: 'M15 9L9 15' }), jsxRuntime.jsx("path", { d: 'M9 9L15 15' })] }));
|
|
9
9
|
}
|
|
10
10
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CircleXIcon.cjs","sources":["../../../src/Icons/CircleXIcon.tsx"],"sourcesContent":[null],"names":["_jsxs","IconSvg","_jsx"],"mappings":";;;;;;SAGgB,WAAW,CAAC,EAC1B,IAAI,GAAG,IAAI,EACX,WAAW,GAAG,SAAS,EACvB,KAAK,EACL,SAAS,EACT,KAAK,GACe,EAAA;IACpB,QACEA,gBAACC,eAAO,EAAA,EACN,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EAAA,QAAA,EAAA,CAEZC,cAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAA,CAAG,EAChCA,cAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,YAAY,EAAA,CAAG,EACvBA,cAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,YAAY,EAAA,CAAG,CAAA,EAAA,CACf;AAEd;;;;"}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var IconSvg = require('./IconSvg.cjs');
|
|
6
6
|
|
|
7
|
-
function CloseIcon({ size = 'md', strokeWidth = 'regular', title, className, style }) {
|
|
7
|
+
function CloseIcon({ size = 'md', strokeWidth = 'regular', title, className, style, }) {
|
|
8
8
|
return (jsxRuntime.jsxs(IconSvg.IconSvg, { size: size, strokeWidth: strokeWidth, title: title, className: className, style: style, children: [jsxRuntime.jsx("path", { d: 'M18 6L6 18' }), jsxRuntime.jsx("path", { d: 'M6 6L18 18' })] }));
|
|
9
9
|
}
|
|
10
10
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CloseIcon.cjs","sources":["../../../src/Icons/CloseIcon.tsx"],"sourcesContent":[null],"names":["_jsxs","IconSvg","_jsx"],"mappings":";;;;;;SAGgB,SAAS,CAAC,EACxB,IAAI,GAAG,IAAI,EACX,WAAW,GAAG,SAAS,EACvB,KAAK,EACL,SAAS,EACT,KAAK,GACe,EAAA;AACpB,IAAA,QACEA,eAAA,CAACC,eAAO,EAAA,EACN,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EAAA,QAAA,EAAA,CAEZC,cAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,YAAY,EAAA,CAAG,EACvBA,yBAAM,CAAC,EAAC,YAAY,EAAA,CAAG,CAAA,EAAA,CACf;AAEd;;;;"}
|
|
@@ -10,12 +10,12 @@ const IconSizeMap = {
|
|
|
10
10
|
sm: 14,
|
|
11
11
|
md: 16,
|
|
12
12
|
lg: 20,
|
|
13
|
-
xl: 24
|
|
13
|
+
xl: 24,
|
|
14
14
|
};
|
|
15
15
|
const IconStrokeWidthMap = {
|
|
16
16
|
thin: 1.5,
|
|
17
17
|
regular: 1.8,
|
|
18
|
-
bold: 2.2
|
|
18
|
+
bold: 2.2,
|
|
19
19
|
};
|
|
20
20
|
function resolveSize(size) {
|
|
21
21
|
if (typeof size === 'number') {
|
|
@@ -34,14 +34,14 @@ function getA11yProps(title) {
|
|
|
34
34
|
if (trimmedTitle) {
|
|
35
35
|
return {
|
|
36
36
|
role: 'img',
|
|
37
|
-
'aria-label': trimmedTitle
|
|
37
|
+
'aria-label': trimmedTitle,
|
|
38
38
|
};
|
|
39
39
|
}
|
|
40
40
|
return {
|
|
41
|
-
'aria-hidden': 'true'
|
|
41
|
+
'aria-hidden': 'true',
|
|
42
42
|
};
|
|
43
43
|
}
|
|
44
|
-
function IconSvg({ size, strokeWidth, title, className, style, children }) {
|
|
44
|
+
function IconSvg({ size, strokeWidth, title, className, style, children, }) {
|
|
45
45
|
const resolvedSize = resolveSize(size);
|
|
46
46
|
const resolvedStrokeWidth = resolveStrokeWidth(strokeWidth);
|
|
47
47
|
const trimmedTitle = title?.trim();
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconSvg.cjs","sources":["../../../src/Icons/IconSvg.tsx"],"sourcesContent":[null],"names":["_jsxs","styles","_jsx"],"mappings":";;;;;;;AAeA,MAAM,WAAW,GAAkC;AACjD,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,EAAE;CACP;AAED,MAAM,kBAAkB,GAAoC;AAC1D,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,IAAI,EAAE,GAAG;CACV;AAED,SAAS,WAAW,CAAC,IAAwC,EAAA;AAC3D,IAAA,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;AAC5B,QAAA,OAAO,IAAI;IACb;AAEA,IAAA,OAAO,WAAW,CAAC,IAAI,IAAI,IAAI,CAAC;AAClC;AAEA,SAAS,kBAAkB,CAAC,WAAiD,EAAA;AAC3E,IAAA,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;AACnC,QAAA,OAAO,WAAW;IACpB;AAEA,IAAA,OAAO,kBAAkB,CAAC,WAAW,IAAI,SAAS,CAAC;AACrD;AAEA,SAAS,YAAY,CAAC,KAAc,EAAA;AAClC,IAAA,MAAM,YAAY,GAAG,KAAK,EAAE,IAAI,EAAE;IAElC,IAAI,YAAY,EAAE;QAChB,OAAO;AACL,YAAA,IAAI,EAAE,KAAc;AACpB,YAAA,YAAY,EAAE,YAAY;SAC3B;IACH;IAEA,OAAO;AACL,QAAA,aAAa,EAAE,MAAe;KAC/B;AACH;AAEM,SAAU,OAAO,CAAC,EACtB,IAAI,EACJ,WAAW,EACX,KAAK,EACL,SAAS,EACT,KAAK,EACL,QAAQ,GAC4C,EAAA;AACpD,IAAA,MAAM,YAAY,GAAG,WAAW,CAAC,IAAI,CAAC;AACtC,IAAA,MAAM,mBAAmB,GAAG,kBAAkB,CAAC,WAAW,CAAC;AAC3D,IAAA,MAAM,YAAY,GAAG,KAAK,EAAE,IAAI,EAAE;AAElC,IAAA,QACEA,eAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,YAAY,EACnB,MAAM,EAAE,YAAY,EACpB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,mBAAmB,EAChC,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,SAAS,EAAE,IAAI,CAACC,oBAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,EAC3C,KAAK,EAAE,KAAK,EAAA,GACR,YAAY,CAAC,KAAK,CAAC,aAEvBC,cAAA,CAAA,OAAA,EAAA,EAAA,QAAA,EAAQ,YAAY,IAAI,MAAM,EAAA,CAAS,EACtC,QAAQ,CAAA,EAAA,CACL;AAEV;;;;"}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var IconSvg = require('./IconSvg.cjs');
|
|
6
6
|
|
|
7
|
-
function MinusIcon({ size = 'md', strokeWidth = 'bold', title, className, style }) {
|
|
7
|
+
function MinusIcon({ size = 'md', strokeWidth = 'bold', title, className, style, }) {
|
|
8
8
|
return (jsxRuntime.jsx(IconSvg.IconSvg, { size: size, strokeWidth: strokeWidth, title: title, className: className, style: style, children: jsxRuntime.jsx("path", { d: 'M5 12H19' }) }));
|
|
9
9
|
}
|
|
10
10
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MinusIcon.cjs","sources":["../../../src/Icons/MinusIcon.tsx"],"sourcesContent":[null],"names":["_jsx","IconSvg"],"mappings":";;;;;;SAGgB,SAAS,CAAC,EACxB,IAAI,GAAG,IAAI,EACX,WAAW,GAAG,MAAM,EACpB,KAAK,EACL,SAAS,EACT,KAAK,GACe,EAAA;AACpB,IAAA,QACEA,cAAA,CAACC,eAAO,EAAA,EACN,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EAAA,QAAA,EAEZD,cAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,UAAU,EAAA,CAAG,EAAA,CACb;AAEd;;;;"}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var IconSvg = require('./IconSvg.cjs');
|
|
6
6
|
|
|
7
|
-
function TriangleAlertIcon({ size = 'md', strokeWidth = 'regular', title, className, style }) {
|
|
7
|
+
function TriangleAlertIcon({ size = 'md', strokeWidth = 'regular', title, className, style, }) {
|
|
8
8
|
return (jsxRuntime.jsxs(IconSvg.IconSvg, { size: size, strokeWidth: strokeWidth, title: title, className: className, style: style, children: [jsxRuntime.jsx("path", { d: 'M12 4L20 19H4L12 4Z' }), jsxRuntime.jsx("path", { d: 'M12 9V13' }), jsxRuntime.jsx("circle", { cx: '12', cy: '16.2', r: '0.65', fill: 'currentColor', stroke: 'none' })] }));
|
|
9
9
|
}
|
|
10
10
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TriangleAlertIcon.cjs","sources":["../../../src/Icons/TriangleAlertIcon.tsx"],"sourcesContent":[null],"names":["_jsxs","IconSvg","_jsx"],"mappings":";;;;;;SAGgB,iBAAiB,CAAC,EAChC,IAAI,GAAG,IAAI,EACX,WAAW,GAAG,SAAS,EACvB,KAAK,EACL,SAAS,EACT,KAAK,GACe,EAAA;IACpB,QACEA,eAAA,CAACC,eAAO,EAAA,EACN,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EAAA,QAAA,EAAA,CAEZC,cAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,qBAAqB,EAAA,CAAG,EAChCA,cAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,UAAU,EAAA,CAAG,EACrBA,cAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,MAAM,EAAC,CAAC,EAAC,MAAM,EAAC,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,MAAM,EAAA,CAAG,CAAA,EAAA,CAC/D;AAEd;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icons.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
package/dist/cjs/Link/index.cjs
CHANGED
|
@@ -15,12 +15,12 @@ const ColorClassMap = {
|
|
|
15
15
|
info: link_module.default['link-info'],
|
|
16
16
|
success: link_module.default['link-success'],
|
|
17
17
|
warning: link_module.default['link-warning'],
|
|
18
|
-
error: link_module.default['link-error']
|
|
18
|
+
error: link_module.default['link-error'],
|
|
19
19
|
};
|
|
20
20
|
const UnderlineClassMap = {
|
|
21
21
|
always: link_module.default['underline-always'],
|
|
22
22
|
hover: link_module.default['underline-hover'],
|
|
23
|
-
none: link_module.default['underline-none']
|
|
23
|
+
none: link_module.default['underline-none'],
|
|
24
24
|
};
|
|
25
25
|
function getSafeRelForTargetBlank(rel) {
|
|
26
26
|
const tokens = new Set((rel ?? '').split(/\s+/).filter(Boolean));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/Link/index.tsx"],"sourcesContent":[null],"names":["styles","_jsx"],"mappings":";;;;;;;;;;AAoBA,MAAM,aAAa,GAA8B;AAC/C,IAAA,OAAO,EAAEA,mBAAM,CAAC,cAAc,CAAC;AAC/B,IAAA,IAAI,EAAEA,mBAAM,CAAC,WAAW,CAAC;AACzB,IAAA,KAAK,EAAEA,mBAAM,CAAC,YAAY,CAAC;AAC3B,IAAA,IAAI,EAAEA,mBAAM,CAAC,WAAW,CAAC;AACzB,IAAA,OAAO,EAAEA,mBAAM,CAAC,cAAc,CAAC;AAC/B,IAAA,OAAO,EAAEA,mBAAM,CAAC,cAAc,CAAC;AAC/B,IAAA,KAAK,EAAEA,mBAAM,CAAC,YAAY,CAAC;CAC5B;AAED,MAAM,iBAAiB,GAAkC;AACvD,IAAA,MAAM,EAAEA,mBAAM,CAAC,kBAAkB,CAAC;AAClC,IAAA,KAAK,EAAEA,mBAAM,CAAC,iBAAiB,CAAC;AAChC,IAAA,IAAI,EAAEA,mBAAM,CAAC,gBAAgB,CAAC;CAC/B;AAED,SAAS,wBAAwB,CAAC,GAAY,EAAA;IAC5C,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AAEhE,IAAA,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC;AACtB,IAAA,MAAM,CAAC,GAAG,CAAC,YAAY,CAAC;IAExB,OAAO,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AACrC;AAMA,MAAM,IAAI,GAAkB,KAAK,CAAC,UAAU,CAG1C,SAAS,IAAI,CACb,EAAE,KAAK,GAAG,SAAS,EAAE,SAAS,GAAG,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAC5E,GAAG,EAAA;AAEH,IAAA,MAAM,WAAW,GAAG,MAAM,KAAK,QAAQ,GAAG,wBAAwB,CAAC,GAAG,CAAC,GAAG,GAAG;AAE7E,IAAA,QACEC,cAAA,CAAA,GAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,WAAW,EAChB,SAAS,EAAE,IAAI,CACbD,mBAAM,CAAC,IAAI,EACX,aAAa,CAAC,KAAK,CAAC,EACpB,iBAAiB,CAAC,SAAS,CAAC,EAC5B,SAAS,CACV,KACG,KAAK,EAAA,CACT;AAEN,CAAC;AAED,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"link.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
|
+
|
|
6
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
var clsx = require('clsx');
|
|
8
|
+
var React = require('react');
|
|
9
|
+
var useControllableState = require('../hooks/useControllableState.cjs');
|
|
10
|
+
var pagination_module = require('./pagination.module.css.cjs');
|
|
11
|
+
|
|
12
|
+
function clampPage(page, totalPages) {
|
|
13
|
+
return Math.min(Math.max(page, 1), totalPages);
|
|
14
|
+
}
|
|
15
|
+
function normalizePositiveInt(value, fallback) {
|
|
16
|
+
const parsed = Math.floor(value);
|
|
17
|
+
if (!Number.isFinite(parsed) || parsed < 1) {
|
|
18
|
+
return fallback;
|
|
19
|
+
}
|
|
20
|
+
return parsed;
|
|
21
|
+
}
|
|
22
|
+
function createPaginationItems(totalPages, currentPage, siblingCount, boundaryCount) {
|
|
23
|
+
const pages = new Set();
|
|
24
|
+
for (let page = 1; page <= Math.min(boundaryCount, totalPages); page += 1) {
|
|
25
|
+
pages.add(page);
|
|
26
|
+
}
|
|
27
|
+
for (let page = Math.max(totalPages - boundaryCount + 1, 1); page <= totalPages; page += 1) {
|
|
28
|
+
pages.add(page);
|
|
29
|
+
}
|
|
30
|
+
for (let page = Math.max(currentPage - siblingCount, 1); page <= Math.min(currentPage + siblingCount, totalPages); page += 1) {
|
|
31
|
+
pages.add(page);
|
|
32
|
+
}
|
|
33
|
+
const sortedPages = [...pages].sort((left, right) => left - right);
|
|
34
|
+
const items = [];
|
|
35
|
+
sortedPages.forEach((page, index) => {
|
|
36
|
+
const previousPage = sortedPages[index - 1];
|
|
37
|
+
if (previousPage !== undefined) {
|
|
38
|
+
const gap = page - previousPage;
|
|
39
|
+
if (gap === 2) {
|
|
40
|
+
items.push(previousPage + 1);
|
|
41
|
+
}
|
|
42
|
+
else if (gap > 2) {
|
|
43
|
+
items.push('ellipsis');
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
items.push(page);
|
|
47
|
+
});
|
|
48
|
+
return items;
|
|
49
|
+
}
|
|
50
|
+
const Pagination = React.forwardRef(function Pagination({ totalPages, page, defaultPage = 1, onPageChange, siblingCount = 1, boundaryCount = 1, disabled = false, showControls = true, previousLabel = 'Previous', nextLabel = 'Next', ariaLabel = 'Pagination', className, style, ...props }, ref) {
|
|
51
|
+
const resolvedTotalPages = normalizePositiveInt(totalPages, 1);
|
|
52
|
+
const initialPage = clampPage(normalizePositiveInt(defaultPage, 1), resolvedTotalPages);
|
|
53
|
+
const controlledPage = page === undefined
|
|
54
|
+
? undefined
|
|
55
|
+
: clampPage(normalizePositiveInt(page, 1), resolvedTotalPages);
|
|
56
|
+
const [currentPage, setCurrentPage] = useControllableState.useControllableValue(controlledPage, initialPage, onPageChange);
|
|
57
|
+
const resolvedPage = clampPage(currentPage, resolvedTotalPages);
|
|
58
|
+
const resolvedSiblingCount = Math.max(0, Math.floor(siblingCount));
|
|
59
|
+
const resolvedBoundaryCount = Math.max(1, Math.floor(boundaryCount));
|
|
60
|
+
const items = React.useMemo(() => createPaginationItems(resolvedTotalPages, resolvedPage, resolvedSiblingCount, resolvedBoundaryCount), [
|
|
61
|
+
resolvedTotalPages,
|
|
62
|
+
resolvedPage,
|
|
63
|
+
resolvedSiblingCount,
|
|
64
|
+
resolvedBoundaryCount,
|
|
65
|
+
]);
|
|
66
|
+
const handlePageChange = (nextPage) => {
|
|
67
|
+
const clampedPage = clampPage(nextPage, resolvedTotalPages);
|
|
68
|
+
if (clampedPage === resolvedPage) {
|
|
69
|
+
return;
|
|
70
|
+
}
|
|
71
|
+
setCurrentPage(clampedPage);
|
|
72
|
+
};
|
|
73
|
+
const isPreviousDisabled = disabled || resolvedPage <= 1;
|
|
74
|
+
const isNextDisabled = disabled || resolvedPage >= resolvedTotalPages;
|
|
75
|
+
let ellipsisKeyCounter = 0;
|
|
76
|
+
return (jsxRuntime.jsx("nav", { ref: ref, "aria-label": ariaLabel, className: clsx(pagination_module.default.pagination, className), style: style, ...props, children: jsxRuntime.jsxs("ul", { className: pagination_module.default.pagination_list, children: [showControls && (jsxRuntime.jsx("li", { className: pagination_module.default.pagination_item, children: jsxRuntime.jsx("button", { type: 'button', className: clsx(pagination_module.default.pagination_button, pagination_module.default.pagination_button_control), disabled: isPreviousDisabled, onClick: () => handlePageChange(resolvedPage - 1), "aria-label": 'Go to previous page', children: previousLabel }) })), items.map((item) => {
|
|
77
|
+
if (item === 'ellipsis') {
|
|
78
|
+
ellipsisKeyCounter += 1;
|
|
79
|
+
return (jsxRuntime.jsx("li", { className: clsx(pagination_module.default.pagination_item, pagination_module.default.pagination_item_gap), children: jsxRuntime.jsx("span", { className: pagination_module.default.pagination_ellipsis, "aria-hidden": 'true', children: "\u2026" }) }, `ellipsis-${ellipsisKeyCounter}`));
|
|
80
|
+
}
|
|
81
|
+
const isCurrent = item === resolvedPage;
|
|
82
|
+
return (jsxRuntime.jsx("li", { className: pagination_module.default.pagination_item, children: jsxRuntime.jsx("button", { type: 'button', className: clsx(pagination_module.default.pagination_button, {
|
|
83
|
+
[pagination_module.default.pagination_button_current]: isCurrent,
|
|
84
|
+
}), onClick: () => handlePageChange(item), disabled: disabled, "aria-current": isCurrent ? 'page' : undefined, "aria-label": `Go to page ${item}`, children: item }) }, item));
|
|
85
|
+
}), showControls && (jsxRuntime.jsx("li", { className: pagination_module.default.pagination_item, children: jsxRuntime.jsx("button", { type: 'button', className: clsx(pagination_module.default.pagination_button, pagination_module.default.pagination_button_control), disabled: isNextDisabled, onClick: () => handlePageChange(resolvedPage + 1), "aria-label": 'Go to next page', children: nextLabel }) }))] }) }));
|
|
86
|
+
});
|
|
87
|
+
Pagination.displayName = 'Pagination';
|
|
88
|
+
|
|
89
|
+
exports.default = Pagination;
|
|
90
|
+
//# sourceMappingURL=index.cjs.map
|