frey-ui 1.0.12 → 1.0.13
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 +35 -1
- package/dist/cjs/Accordion/accordion.css +80 -0
- package/dist/cjs/Accordion/accordion.module.css.cjs +1 -0
- package/dist/cjs/Alert/alert.css +63 -0
- package/dist/cjs/Alert/alert.module.css.cjs +1 -0
- package/dist/cjs/Avatar/avatar.css +107 -0
- package/dist/cjs/Avatar/avatar.module.css.cjs +1 -0
- package/dist/cjs/Badge/badge.css +75 -0
- package/dist/cjs/Badge/badge.module.css.cjs +1 -0
- package/dist/cjs/Box/box.css +3 -0
- package/dist/cjs/Box/box.module.css.cjs +1 -0
- package/dist/cjs/Breadcrumbs/breadcrumbs.css +34 -0
- package/dist/cjs/Breadcrumbs/breadcrumbs.module.css.cjs +1 -0
- package/dist/cjs/Button/button.css +112 -0
- package/dist/cjs/Button/button.module.css.cjs +1 -0
- package/dist/cjs/Button/index.cjs +29 -10
- package/dist/cjs/Card/card.css +37 -0
- package/dist/cjs/Card/card.module.css.cjs +1 -0
- package/dist/cjs/Checkbox/checkbox.css +135 -0
- package/dist/cjs/Checkbox/checkbox.module.css.cjs +1 -0
- package/dist/cjs/Chip/chip.css +55 -0
- package/dist/cjs/Chip/chip.module.css.cjs +1 -0
- package/dist/cjs/Dialog/dialog.css +144 -0
- package/dist/cjs/Dialog/dialog.module.css.cjs +1 -0
- package/dist/cjs/Dialog/index.cjs +10 -10
- package/dist/cjs/DropdownMenu/dropdownmenu.css +61 -0
- package/dist/cjs/DropdownMenu/dropdownmenu.module.css.cjs +1 -0
- package/dist/cjs/DropdownMenu/index.cjs +47 -30
- package/dist/cjs/Field/field.css +51 -0
- package/dist/cjs/Field/field.module.css.cjs +1 -0
- package/dist/cjs/Icons/icons.css +5 -0
- package/dist/cjs/Icons/icons.module.css.cjs +1 -0
- package/dist/cjs/Link/link.css +57 -0
- package/dist/cjs/Link/link.module.css.cjs +1 -0
- package/dist/cjs/Popover/index.cjs +9 -7
- package/dist/cjs/Popover/popover.css +25 -0
- package/dist/cjs/Popover/popover.module.css.cjs +1 -0
- package/dist/cjs/Progress/progress.css +86 -0
- package/dist/cjs/Progress/progress.module.css.cjs +1 -0
- package/dist/cjs/RadioGroup/radiogroup.css +59 -0
- package/dist/cjs/RadioGroup/radiogroup.module.css.cjs +1 -0
- package/dist/cjs/Select/index.cjs +2 -3
- package/dist/cjs/Select/select.css +77 -0
- package/dist/cjs/Select/select.module.css.cjs +1 -0
- package/dist/cjs/Skeleton/skeleton.css +29 -0
- package/dist/cjs/Skeleton/skeleton.module.css.cjs +1 -0
- package/dist/cjs/Spinner/spinner.css +35 -0
- package/dist/cjs/Spinner/spinner.module.css.cjs +1 -0
- package/dist/cjs/Stack/index.cjs +2 -1
- package/dist/cjs/Switch/switch.css +123 -0
- package/dist/cjs/Switch/switch.module.css.cjs +1 -0
- package/dist/cjs/Table/table.css +57 -0
- package/dist/cjs/Table/table.module.css.cjs +1 -0
- package/dist/cjs/Tabs/index.cjs +50 -21
- package/dist/cjs/Tabs/tabs.css +62 -0
- package/dist/cjs/Tabs/tabs.module.css.cjs +1 -0
- package/dist/cjs/TextInput/index.cjs +7 -15
- package/dist/cjs/TextInput/textinput.css +93 -0
- package/dist/cjs/TextInput/textinput.module.css.cjs +2 -1
- package/dist/cjs/Textarea/index.cjs +2 -3
- package/dist/cjs/Textarea/textarea.css +62 -0
- package/dist/cjs/Textarea/textarea.module.css.cjs +1 -0
- package/dist/cjs/ThemeProvider/index.cjs +4 -1
- package/dist/cjs/ThemeProvider/themeprovider.css +3 -0
- package/dist/cjs/ThemeProvider/themeprovider.module.css.cjs +1 -0
- package/dist/cjs/Toast/index.cjs +5 -5
- package/dist/cjs/Toast/toast.css +151 -0
- package/dist/cjs/Toast/toast.module.css.cjs +1 -0
- package/dist/cjs/Tooltip/index.cjs +3 -4
- package/dist/cjs/Tooltip/tooltip.css +26 -0
- package/dist/cjs/Tooltip/tooltip.module.css.cjs +1 -0
- package/dist/cjs/hooks/useRovingCollection.cjs +107 -0
- package/dist/cjs/theme.css +243 -0
- package/dist/cjs/utils/Portal.cjs +49 -0
- package/dist/cjs/utils/aria.cjs +14 -0
- package/dist/esm/Accordion/accordion.css +80 -0
- package/dist/esm/Accordion/accordion.module.css.mjs +1 -0
- package/dist/esm/Alert/alert.css +63 -0
- package/dist/esm/Alert/alert.module.css.mjs +1 -0
- package/dist/esm/Avatar/avatar.css +107 -0
- package/dist/esm/Avatar/avatar.module.css.mjs +1 -0
- package/dist/esm/Badge/badge.css +75 -0
- package/dist/esm/Badge/badge.module.css.mjs +1 -0
- package/dist/esm/Box/box.css +3 -0
- package/dist/esm/Box/box.module.css.mjs +1 -0
- package/dist/esm/Breadcrumbs/breadcrumbs.css +34 -0
- package/dist/esm/Breadcrumbs/breadcrumbs.module.css.mjs +1 -0
- package/dist/esm/Button/button.css +112 -0
- package/dist/esm/Button/button.module.css.mjs +1 -0
- package/dist/esm/Button/index.mjs +30 -11
- package/dist/esm/Card/card.css +37 -0
- package/dist/esm/Card/card.module.css.mjs +1 -0
- package/dist/esm/Checkbox/checkbox.css +135 -0
- package/dist/esm/Checkbox/checkbox.module.css.mjs +1 -0
- package/dist/esm/Chip/chip.css +55 -0
- package/dist/esm/Chip/chip.module.css.mjs +1 -0
- package/dist/esm/Dialog/dialog.css +144 -0
- package/dist/esm/Dialog/dialog.module.css.mjs +1 -0
- package/dist/esm/Dialog/index.mjs +10 -10
- package/dist/esm/DropdownMenu/dropdownmenu.css +61 -0
- package/dist/esm/DropdownMenu/dropdownmenu.module.css.mjs +1 -0
- package/dist/esm/DropdownMenu/index.mjs +48 -31
- package/dist/esm/Field/field.css +51 -0
- package/dist/esm/Field/field.module.css.mjs +1 -0
- package/dist/esm/Icons/icons.css +5 -0
- package/dist/esm/Icons/icons.module.css.mjs +1 -0
- package/dist/esm/Link/link.css +57 -0
- package/dist/esm/Link/link.module.css.mjs +1 -0
- package/dist/esm/Popover/index.mjs +10 -8
- package/dist/esm/Popover/popover.css +25 -0
- package/dist/esm/Popover/popover.module.css.mjs +1 -0
- package/dist/esm/Progress/progress.css +86 -0
- package/dist/esm/Progress/progress.module.css.mjs +1 -0
- package/dist/esm/RadioGroup/radiogroup.css +59 -0
- package/dist/esm/RadioGroup/radiogroup.module.css.mjs +1 -0
- package/dist/esm/Select/index.mjs +2 -3
- package/dist/esm/Select/select.css +77 -0
- package/dist/esm/Select/select.module.css.mjs +1 -0
- package/dist/esm/Skeleton/skeleton.css +29 -0
- package/dist/esm/Skeleton/skeleton.module.css.mjs +1 -0
- package/dist/esm/Spinner/spinner.css +35 -0
- package/dist/esm/Spinner/spinner.module.css.mjs +1 -0
- package/dist/esm/Stack/index.mjs +2 -1
- package/dist/esm/Switch/switch.css +123 -0
- package/dist/esm/Switch/switch.module.css.mjs +1 -0
- package/dist/esm/Table/table.css +57 -0
- package/dist/esm/Table/table.module.css.mjs +1 -0
- package/dist/esm/Tabs/index.mjs +50 -21
- package/dist/esm/Tabs/tabs.css +62 -0
- package/dist/esm/Tabs/tabs.module.css.mjs +1 -0
- package/dist/esm/TextInput/index.mjs +9 -17
- package/dist/esm/TextInput/textinput.css +93 -0
- package/dist/esm/TextInput/textinput.module.css.mjs +2 -1
- package/dist/esm/Textarea/index.mjs +2 -3
- package/dist/esm/Textarea/textarea.css +62 -0
- package/dist/esm/Textarea/textarea.module.css.mjs +1 -0
- package/dist/esm/ThemeProvider/index.mjs +5 -3
- package/dist/esm/ThemeProvider/themeprovider.css +3 -0
- package/dist/esm/ThemeProvider/themeprovider.module.css.mjs +1 -0
- package/dist/esm/Toast/index.mjs +5 -5
- package/dist/esm/Toast/toast.css +151 -0
- package/dist/esm/Toast/toast.module.css.mjs +1 -0
- package/dist/esm/Tooltip/index.mjs +3 -4
- package/dist/esm/Tooltip/tooltip.css +26 -0
- package/dist/esm/Tooltip/tooltip.module.css.mjs +1 -0
- package/dist/esm/hooks/useRovingCollection.mjs +105 -0
- package/dist/esm/theme.css +243 -0
- package/dist/esm/utils/Portal.mjs +45 -0
- package/dist/esm/utils/aria.mjs +12 -0
- package/dist/index.d.ts +7 -9
- package/dist/types/src/Button/index.d.ts +4 -7
- package/dist/types/src/DropdownMenu/index.d.ts +2 -2
- package/dist/types/src/ThemeProvider/index.d.ts +5 -0
- package/dist/types/src/hooks/useRovingCollection.d.ts +16 -0
- package/dist/types/src/index.d.ts +1 -1
- package/dist/types/src/utils/Portal.d.ts +8 -0
- package/dist/types/src/utils/aria.d.ts +3 -0
- package/dist/types/src/utils/testUtils.d.ts +7 -0
- package/package.json +8 -5
- package/dist/cjs/Accordion/accordion.module.css.cjs.map +0 -1
- package/dist/cjs/Accordion/index.cjs.map +0 -1
- package/dist/cjs/Alert/alert.module.css.cjs.map +0 -1
- package/dist/cjs/Alert/index.cjs.map +0 -1
- package/dist/cjs/Avatar/avatar.module.css.cjs.map +0 -1
- package/dist/cjs/Avatar/index.cjs.map +0 -1
- package/dist/cjs/Badge/badge.module.css.cjs.map +0 -1
- package/dist/cjs/Badge/index.cjs.map +0 -1
- package/dist/cjs/Box/box.module.css.cjs.map +0 -1
- package/dist/cjs/Box/index.cjs.map +0 -1
- package/dist/cjs/Breadcrumbs/breadcrumbs.module.css.cjs.map +0 -1
- package/dist/cjs/Breadcrumbs/index.cjs.map +0 -1
- package/dist/cjs/Button/button.module.css.cjs.map +0 -1
- package/dist/cjs/Button/index.cjs.map +0 -1
- package/dist/cjs/Card/card.module.css.cjs.map +0 -1
- package/dist/cjs/Card/index.cjs.map +0 -1
- package/dist/cjs/Checkbox/checkbox.module.css.cjs.map +0 -1
- package/dist/cjs/Checkbox/index.cjs.map +0 -1
- package/dist/cjs/Chip/chip.module.css.cjs.map +0 -1
- package/dist/cjs/Chip/index.cjs.map +0 -1
- package/dist/cjs/Dialog/dialog.module.css.cjs.map +0 -1
- package/dist/cjs/Dialog/index.cjs.map +0 -1
- package/dist/cjs/DropdownMenu/dropdownmenu.module.css.cjs.map +0 -1
- package/dist/cjs/DropdownMenu/index.cjs.map +0 -1
- package/dist/cjs/Field/field.module.css.cjs.map +0 -1
- package/dist/cjs/Field/index.cjs.map +0 -1
- package/dist/cjs/Flex/index.cjs.map +0 -1
- package/dist/cjs/Grid/index.cjs.map +0 -1
- package/dist/cjs/Icons/CheckIcon.cjs.map +0 -1
- package/dist/cjs/Icons/ChevronDownIcon.cjs.map +0 -1
- package/dist/cjs/Icons/CircleCheckIcon.cjs.map +0 -1
- package/dist/cjs/Icons/CircleInfoIcon.cjs.map +0 -1
- package/dist/cjs/Icons/CircleXIcon.cjs.map +0 -1
- package/dist/cjs/Icons/CloseIcon.cjs.map +0 -1
- package/dist/cjs/Icons/IconSvg.cjs.map +0 -1
- package/dist/cjs/Icons/MinusIcon.cjs.map +0 -1
- package/dist/cjs/Icons/TriangleAlertIcon.cjs.map +0 -1
- package/dist/cjs/Icons/icons.module.css.cjs.map +0 -1
- package/dist/cjs/Link/index.cjs.map +0 -1
- package/dist/cjs/Link/link.module.css.cjs.map +0 -1
- package/dist/cjs/Popover/index.cjs.map +0 -1
- package/dist/cjs/Popover/popover.module.css.cjs.map +0 -1
- package/dist/cjs/Progress/index.cjs.map +0 -1
- package/dist/cjs/Progress/progress.module.css.cjs.map +0 -1
- package/dist/cjs/RadioGroup/index.cjs.map +0 -1
- package/dist/cjs/RadioGroup/radiogroup.module.css.cjs.map +0 -1
- package/dist/cjs/Select/index.cjs.map +0 -1
- package/dist/cjs/Select/select.module.css.cjs.map +0 -1
- package/dist/cjs/Skeleton/index.cjs.map +0 -1
- package/dist/cjs/Skeleton/skeleton.module.css.cjs.map +0 -1
- package/dist/cjs/Spinner/index.cjs.map +0 -1
- package/dist/cjs/Spinner/spinner.module.css.cjs.map +0 -1
- package/dist/cjs/Stack/index.cjs.map +0 -1
- package/dist/cjs/Switch/index.cjs.map +0 -1
- package/dist/cjs/Switch/switch.module.css.cjs.map +0 -1
- package/dist/cjs/Table/index.cjs.map +0 -1
- package/dist/cjs/Table/table.module.css.cjs.map +0 -1
- package/dist/cjs/Tabs/index.cjs.map +0 -1
- package/dist/cjs/Tabs/tabs.module.css.cjs.map +0 -1
- package/dist/cjs/TextInput/index.cjs.map +0 -1
- package/dist/cjs/TextInput/textinput.module.css.cjs.map +0 -1
- package/dist/cjs/Textarea/index.cjs.map +0 -1
- package/dist/cjs/Textarea/textarea.module.css.cjs.map +0 -1
- package/dist/cjs/ThemeProvider/index.cjs.map +0 -1
- package/dist/cjs/ThemeProvider/themeprovider.module.css.cjs.map +0 -1
- package/dist/cjs/Toast/index.cjs.map +0 -1
- package/dist/cjs/Toast/toast.module.css.cjs.map +0 -1
- package/dist/cjs/Tooltip/index.cjs.map +0 -1
- package/dist/cjs/Tooltip/tooltip.module.css.cjs.map +0 -1
- package/dist/cjs/hooks/floatingConfig.cjs.map +0 -1
- package/dist/cjs/hooks/useControllableState.cjs.map +0 -1
- package/dist/cjs/index.cjs.map +0 -1
- package/dist/cjs/utils/mergeRefs.cjs.map +0 -1
- package/dist/cjs/utils/slot.cjs.map +0 -1
- package/dist/esm/Accordion/accordion.module.css.mjs.map +0 -1
- package/dist/esm/Accordion/index.mjs.map +0 -1
- package/dist/esm/Alert/alert.module.css.mjs.map +0 -1
- package/dist/esm/Alert/index.mjs.map +0 -1
- package/dist/esm/Avatar/avatar.module.css.mjs.map +0 -1
- package/dist/esm/Avatar/index.mjs.map +0 -1
- package/dist/esm/Badge/badge.module.css.mjs.map +0 -1
- package/dist/esm/Badge/index.mjs.map +0 -1
- package/dist/esm/Box/box.module.css.mjs.map +0 -1
- package/dist/esm/Box/index.mjs.map +0 -1
- package/dist/esm/Breadcrumbs/breadcrumbs.module.css.mjs.map +0 -1
- package/dist/esm/Breadcrumbs/index.mjs.map +0 -1
- package/dist/esm/Button/button.module.css.mjs.map +0 -1
- package/dist/esm/Button/index.mjs.map +0 -1
- package/dist/esm/Card/card.module.css.mjs.map +0 -1
- package/dist/esm/Card/index.mjs.map +0 -1
- package/dist/esm/Checkbox/checkbox.module.css.mjs.map +0 -1
- package/dist/esm/Checkbox/index.mjs.map +0 -1
- package/dist/esm/Chip/chip.module.css.mjs.map +0 -1
- package/dist/esm/Chip/index.mjs.map +0 -1
- package/dist/esm/Dialog/dialog.module.css.mjs.map +0 -1
- package/dist/esm/Dialog/index.mjs.map +0 -1
- package/dist/esm/DropdownMenu/dropdownmenu.module.css.mjs.map +0 -1
- package/dist/esm/DropdownMenu/index.mjs.map +0 -1
- package/dist/esm/Field/field.module.css.mjs.map +0 -1
- package/dist/esm/Field/index.mjs.map +0 -1
- package/dist/esm/Flex/index.mjs.map +0 -1
- package/dist/esm/Grid/index.mjs.map +0 -1
- package/dist/esm/Icons/CheckIcon.mjs.map +0 -1
- package/dist/esm/Icons/ChevronDownIcon.mjs.map +0 -1
- package/dist/esm/Icons/CircleCheckIcon.mjs.map +0 -1
- package/dist/esm/Icons/CircleInfoIcon.mjs.map +0 -1
- package/dist/esm/Icons/CircleXIcon.mjs.map +0 -1
- package/dist/esm/Icons/CloseIcon.mjs.map +0 -1
- package/dist/esm/Icons/IconSvg.mjs.map +0 -1
- package/dist/esm/Icons/MinusIcon.mjs.map +0 -1
- package/dist/esm/Icons/TriangleAlertIcon.mjs.map +0 -1
- package/dist/esm/Icons/icons.module.css.mjs.map +0 -1
- package/dist/esm/Link/index.mjs.map +0 -1
- package/dist/esm/Link/link.module.css.mjs.map +0 -1
- package/dist/esm/Popover/index.mjs.map +0 -1
- package/dist/esm/Popover/popover.module.css.mjs.map +0 -1
- package/dist/esm/Progress/index.mjs.map +0 -1
- package/dist/esm/Progress/progress.module.css.mjs.map +0 -1
- package/dist/esm/RadioGroup/index.mjs.map +0 -1
- package/dist/esm/RadioGroup/radiogroup.module.css.mjs.map +0 -1
- package/dist/esm/Select/index.mjs.map +0 -1
- package/dist/esm/Select/select.module.css.mjs.map +0 -1
- package/dist/esm/Skeleton/index.mjs.map +0 -1
- package/dist/esm/Skeleton/skeleton.module.css.mjs.map +0 -1
- package/dist/esm/Spinner/index.mjs.map +0 -1
- package/dist/esm/Spinner/spinner.module.css.mjs.map +0 -1
- package/dist/esm/Stack/index.mjs.map +0 -1
- package/dist/esm/Switch/index.mjs.map +0 -1
- package/dist/esm/Switch/switch.module.css.mjs.map +0 -1
- package/dist/esm/Table/index.mjs.map +0 -1
- package/dist/esm/Table/table.module.css.mjs.map +0 -1
- package/dist/esm/Tabs/index.mjs.map +0 -1
- package/dist/esm/Tabs/tabs.module.css.mjs.map +0 -1
- package/dist/esm/TextInput/index.mjs.map +0 -1
- package/dist/esm/TextInput/textinput.module.css.mjs.map +0 -1
- package/dist/esm/Textarea/index.mjs.map +0 -1
- package/dist/esm/Textarea/textarea.module.css.mjs.map +0 -1
- package/dist/esm/ThemeProvider/index.mjs.map +0 -1
- package/dist/esm/ThemeProvider/themeprovider.module.css.mjs.map +0 -1
- package/dist/esm/Toast/index.mjs.map +0 -1
- package/dist/esm/Toast/toast.module.css.mjs.map +0 -1
- package/dist/esm/Tooltip/index.mjs.map +0 -1
- package/dist/esm/Tooltip/tooltip.module.css.mjs.map +0 -1
- package/dist/esm/hooks/floatingConfig.mjs.map +0 -1
- package/dist/esm/hooks/useControllableState.mjs.map +0 -1
- package/dist/esm/index.mjs.map +0 -1
- package/dist/esm/utils/mergeRefs.mjs.map +0 -1
- package/dist/esm/utils/slot.mjs.map +0 -1
- package/dist/styles.css +0 -3
- package/dist/styles.css.map +0 -1
- package/dist/types/src/Accordion/index.d.ts.map +0 -1
- package/dist/types/src/Alert/index.d.ts.map +0 -1
- package/dist/types/src/Avatar/index.d.ts.map +0 -1
- package/dist/types/src/Badge/index.d.ts.map +0 -1
- package/dist/types/src/Box/index.d.ts.map +0 -1
- package/dist/types/src/Breadcrumbs/index.d.ts.map +0 -1
- package/dist/types/src/Button/index.d.ts.map +0 -1
- package/dist/types/src/Card/index.d.ts.map +0 -1
- package/dist/types/src/Checkbox/index.d.ts.map +0 -1
- package/dist/types/src/Chip/index.d.ts.map +0 -1
- package/dist/types/src/Dialog/index.d.ts.map +0 -1
- package/dist/types/src/DropdownMenu/index.d.ts.map +0 -1
- package/dist/types/src/Field/index.d.ts.map +0 -1
- package/dist/types/src/Flex/index.d.ts.map +0 -1
- package/dist/types/src/Grid/index.d.ts.map +0 -1
- package/dist/types/src/Icons/CheckIcon.d.ts.map +0 -1
- package/dist/types/src/Icons/ChevronDownIcon.d.ts.map +0 -1
- package/dist/types/src/Icons/CircleCheckIcon.d.ts.map +0 -1
- package/dist/types/src/Icons/CircleInfoIcon.d.ts.map +0 -1
- package/dist/types/src/Icons/CircleXIcon.d.ts.map +0 -1
- package/dist/types/src/Icons/CloseIcon.d.ts.map +0 -1
- package/dist/types/src/Icons/IconSvg.d.ts.map +0 -1
- package/dist/types/src/Icons/MinusIcon.d.ts.map +0 -1
- package/dist/types/src/Icons/TriangleAlertIcon.d.ts.map +0 -1
- package/dist/types/src/Icons/index.d.ts.map +0 -1
- package/dist/types/src/Link/index.d.ts.map +0 -1
- package/dist/types/src/Popover/index.d.ts.map +0 -1
- package/dist/types/src/Progress/index.d.ts.map +0 -1
- package/dist/types/src/RadioGroup/index.d.ts.map +0 -1
- package/dist/types/src/Select/index.d.ts.map +0 -1
- package/dist/types/src/Skeleton/index.d.ts.map +0 -1
- package/dist/types/src/Spinner/index.d.ts.map +0 -1
- package/dist/types/src/Stack/index.d.ts.map +0 -1
- package/dist/types/src/Switch/index.d.ts.map +0 -1
- package/dist/types/src/Table/index.d.ts.map +0 -1
- package/dist/types/src/Tabs/index.d.ts.map +0 -1
- package/dist/types/src/TextInput/index.d.ts.map +0 -1
- package/dist/types/src/Textarea/index.d.ts.map +0 -1
- package/dist/types/src/ThemeProvider/index.d.ts.map +0 -1
- package/dist/types/src/Toast/index.d.ts.map +0 -1
- package/dist/types/src/Tooltip/index.d.ts.map +0 -1
- package/dist/types/src/hooks/floatingConfig.d.ts.map +0 -1
- package/dist/types/src/hooks/useControllableState.d.ts.map +0 -1
- package/dist/types/src/index.d.ts.map +0 -1
- package/dist/types/src/types/polymorphic.d.ts.map +0 -1
- package/dist/types/src/utils/clamp.d.ts +0 -2
- package/dist/types/src/utils/clamp.d.ts.map +0 -1
- package/dist/types/src/utils/mergeRefs.d.ts.map +0 -1
- package/dist/types/src/utils/slot.d.ts.map +0 -1
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
.tooltip_7d962bfe {
|
|
2
|
+
position: fixed;
|
|
3
|
+
z-index: 60;
|
|
4
|
+
pointer-events: none;
|
|
5
|
+
max-width: min(18rem, calc(100vw - 1rem));
|
|
6
|
+
padding: 0.4rem 0.625rem;
|
|
7
|
+
border-radius: 0.5rem;
|
|
8
|
+
font-size: 0.75rem;
|
|
9
|
+
line-height: 1.4;
|
|
10
|
+
color: var(--frey-color-surface, #fff);
|
|
11
|
+
background: var(--frey-color-text-primary, #111827);
|
|
12
|
+
box-shadow: 0 8px 18px rgb(17 24 39 / 22%);
|
|
13
|
+
animation: tooltip_in_b1420fce 0.12s ease;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
@keyframes tooltip_in_b1420fce {
|
|
17
|
+
from {
|
|
18
|
+
opacity: 0;
|
|
19
|
+
transform: translateY(-3px);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
to {
|
|
23
|
+
opacity: 1;
|
|
24
|
+
transform: translateY(0);
|
|
25
|
+
}
|
|
26
|
+
}
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var React = require('react');
|
|
5
|
+
|
|
6
|
+
function sortByDomOrder(a, b) {
|
|
7
|
+
if (!a.element || !b.element || a.element === b.element)
|
|
8
|
+
return 0;
|
|
9
|
+
if (typeof Node === 'undefined')
|
|
10
|
+
return 0;
|
|
11
|
+
const position = a.element.compareDocumentPosition(b.element);
|
|
12
|
+
if (position & Node.DOCUMENT_POSITION_FOLLOWING) {
|
|
13
|
+
return -1;
|
|
14
|
+
}
|
|
15
|
+
if (position & Node.DOCUMENT_POSITION_PRECEDING) {
|
|
16
|
+
return 1;
|
|
17
|
+
}
|
|
18
|
+
return 0;
|
|
19
|
+
}
|
|
20
|
+
function useRovingCollection() {
|
|
21
|
+
const itemsRef = React.useRef(new Map());
|
|
22
|
+
const registerItem = React.useCallback((id, element, options = {}) => {
|
|
23
|
+
itemsRef.current.set(id, {
|
|
24
|
+
element,
|
|
25
|
+
disabled: Boolean(options.disabled),
|
|
26
|
+
value: options.value
|
|
27
|
+
});
|
|
28
|
+
}, []);
|
|
29
|
+
const unregisterItem = React.useCallback((id) => {
|
|
30
|
+
itemsRef.current.delete(id);
|
|
31
|
+
}, []);
|
|
32
|
+
const getOrderedEnabledItems = React.useCallback(() => {
|
|
33
|
+
return Array.from(itemsRef.current.entries())
|
|
34
|
+
.map(([id, item]) => ({ id, ...item }))
|
|
35
|
+
.filter((item) => {
|
|
36
|
+
return item.element?.isConnected && !item.disabled;
|
|
37
|
+
})
|
|
38
|
+
.sort(sortByDomOrder);
|
|
39
|
+
}, []);
|
|
40
|
+
const focusByIndex = React.useCallback((index) => {
|
|
41
|
+
const orderedItems = getOrderedEnabledItems();
|
|
42
|
+
const target = orderedItems[index];
|
|
43
|
+
if (!target?.element)
|
|
44
|
+
return null;
|
|
45
|
+
target.element.focus();
|
|
46
|
+
return target.id;
|
|
47
|
+
}, [getOrderedEnabledItems]);
|
|
48
|
+
const focusNext = React.useCallback((currentId) => {
|
|
49
|
+
const orderedItems = getOrderedEnabledItems();
|
|
50
|
+
if (orderedItems.length === 0)
|
|
51
|
+
return null;
|
|
52
|
+
const currentIndex = orderedItems.findIndex((item) => item.id === currentId);
|
|
53
|
+
const nextIndex = currentIndex === -1 ? 0 : (currentIndex + 1) % orderedItems.length;
|
|
54
|
+
return focusByIndex(nextIndex);
|
|
55
|
+
}, [focusByIndex, getOrderedEnabledItems]);
|
|
56
|
+
const focusPrevious = React.useCallback((currentId) => {
|
|
57
|
+
const orderedItems = getOrderedEnabledItems();
|
|
58
|
+
if (orderedItems.length === 0)
|
|
59
|
+
return null;
|
|
60
|
+
const currentIndex = orderedItems.findIndex((item) => item.id === currentId);
|
|
61
|
+
const previousIndex = currentIndex === -1
|
|
62
|
+
? orderedItems.length - 1
|
|
63
|
+
: (currentIndex - 1 + orderedItems.length) % orderedItems.length;
|
|
64
|
+
return focusByIndex(previousIndex);
|
|
65
|
+
}, [focusByIndex, getOrderedEnabledItems]);
|
|
66
|
+
const focusFirst = React.useCallback(() => {
|
|
67
|
+
return focusByIndex(0);
|
|
68
|
+
}, [focusByIndex]);
|
|
69
|
+
const focusLast = React.useCallback(() => {
|
|
70
|
+
const orderedItems = getOrderedEnabledItems();
|
|
71
|
+
if (orderedItems.length === 0)
|
|
72
|
+
return null;
|
|
73
|
+
return focusByIndex(orderedItems.length - 1);
|
|
74
|
+
}, [focusByIndex, getOrderedEnabledItems]);
|
|
75
|
+
const findItemIdByElement = React.useCallback((element) => {
|
|
76
|
+
if (!element)
|
|
77
|
+
return null;
|
|
78
|
+
for (const [id, item] of itemsRef.current.entries()) {
|
|
79
|
+
if (!item.element)
|
|
80
|
+
continue;
|
|
81
|
+
if (item.element === element || item.element.contains(element)) {
|
|
82
|
+
return id;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
return null;
|
|
86
|
+
}, []);
|
|
87
|
+
return React.useMemo(() => ({
|
|
88
|
+
registerItem,
|
|
89
|
+
unregisterItem,
|
|
90
|
+
focusNext,
|
|
91
|
+
focusPrevious,
|
|
92
|
+
focusFirst,
|
|
93
|
+
focusLast,
|
|
94
|
+
findItemIdByElement
|
|
95
|
+
}), [
|
|
96
|
+
registerItem,
|
|
97
|
+
unregisterItem,
|
|
98
|
+
focusNext,
|
|
99
|
+
focusPrevious,
|
|
100
|
+
focusFirst,
|
|
101
|
+
focusLast,
|
|
102
|
+
findItemIdByElement
|
|
103
|
+
]);
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
exports.useRovingCollection = useRovingCollection;
|
|
107
|
+
//# sourceMappingURL=useRovingCollection.cjs.map
|
|
@@ -0,0 +1,243 @@
|
|
|
1
|
+
.frey-theme-provider {
|
|
2
|
+
/* Global Palette Tokens */
|
|
3
|
+
--frey-palette-white: #ffffff;
|
|
4
|
+
--frey-palette-black: #000000;
|
|
5
|
+
|
|
6
|
+
--frey-palette-gray-50: #f9fafb;
|
|
7
|
+
--frey-palette-gray-100: #f3f4f6;
|
|
8
|
+
--frey-palette-gray-200: #e5e7eb;
|
|
9
|
+
--frey-palette-gray-300: #d1d5db;
|
|
10
|
+
--frey-palette-gray-400: #9ca3af;
|
|
11
|
+
--frey-palette-gray-500: #6b7280;
|
|
12
|
+
--frey-palette-gray-600: #4b5563;
|
|
13
|
+
--frey-palette-gray-700: #374151;
|
|
14
|
+
--frey-palette-gray-800: #1f2937;
|
|
15
|
+
--frey-palette-gray-900: #111827;
|
|
16
|
+
--frey-palette-gray-950: #030712;
|
|
17
|
+
|
|
18
|
+
--frey-palette-purple-50: #faf5ff;
|
|
19
|
+
--frey-palette-purple-100: #f3e8ff;
|
|
20
|
+
--frey-palette-purple-200: #e9d5ff;
|
|
21
|
+
--frey-palette-purple-300: #d8b4fe;
|
|
22
|
+
--frey-palette-purple-400: #c084fc;
|
|
23
|
+
--frey-palette-purple-500: #a855f7;
|
|
24
|
+
--frey-palette-purple-600: #9333ea;
|
|
25
|
+
--frey-palette-purple-700: #7e22ce;
|
|
26
|
+
--frey-palette-purple-800: #6b21a8;
|
|
27
|
+
--frey-palette-purple-900: #581c87;
|
|
28
|
+
|
|
29
|
+
--frey-palette-red-50: #fef2f2;
|
|
30
|
+
--frey-palette-red-100: #fee2e2;
|
|
31
|
+
--frey-palette-red-300: #fca5a5;
|
|
32
|
+
--frey-palette-red-400: #f87171;
|
|
33
|
+
--frey-palette-red-500: #ef4444;
|
|
34
|
+
--frey-palette-red-600: #dc2626;
|
|
35
|
+
--frey-palette-red-700: #b91c1c;
|
|
36
|
+
|
|
37
|
+
--frey-palette-green-50: #f0fdf4;
|
|
38
|
+
--frey-palette-green-300: #86efac;
|
|
39
|
+
--frey-palette-green-400: #4ade80;
|
|
40
|
+
--frey-palette-green-600: #16a34a;
|
|
41
|
+
|
|
42
|
+
--frey-palette-yellow-50: #fffbeb;
|
|
43
|
+
--frey-palette-yellow-300: #fcd34d;
|
|
44
|
+
--frey-palette-yellow-400: #fbbf24;
|
|
45
|
+
--frey-palette-yellow-600: #d97706;
|
|
46
|
+
|
|
47
|
+
--frey-palette-blue-50: #eff6ff;
|
|
48
|
+
--frey-palette-blue-300: #93c5fd;
|
|
49
|
+
--frey-palette-blue-400: #60a5fa;
|
|
50
|
+
--frey-palette-blue-600: #2563eb;
|
|
51
|
+
|
|
52
|
+
/* Global Layout Tokens */
|
|
53
|
+
--frey-space-0: 0;
|
|
54
|
+
--frey-space-1: 0.25rem;
|
|
55
|
+
--frey-space-2: 0.5rem;
|
|
56
|
+
--frey-space-3: 0.75rem;
|
|
57
|
+
--frey-space-4: 1rem;
|
|
58
|
+
--frey-space-5: 1.25rem;
|
|
59
|
+
--frey-space-6: 1.5rem;
|
|
60
|
+
--frey-space-8: 2rem;
|
|
61
|
+
--frey-space-10: 2.5rem;
|
|
62
|
+
--frey-space-12: 3rem;
|
|
63
|
+
--frey-space-16: 4rem;
|
|
64
|
+
--frey-radius-none: 0;
|
|
65
|
+
--frey-radius-sm: 0.25rem;
|
|
66
|
+
--frey-radius-md: 0.375rem;
|
|
67
|
+
--frey-radius-lg: 0.5rem;
|
|
68
|
+
--frey-radius-full: 9999px;
|
|
69
|
+
--frey-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.frey-theme-provider[data-frey-theme='light'],
|
|
73
|
+
[data-frey-theme='light'] .frey-theme-provider,
|
|
74
|
+
[data-theme='light'] .frey-theme-provider {
|
|
75
|
+
/* Semantic Tokens - Light */
|
|
76
|
+
--frey-color-surface: var(--frey-palette-white);
|
|
77
|
+
--frey-color-surface-subtle: #f1f1f1;
|
|
78
|
+
--frey-color-surface-subtle-hover: #e9e9e9;
|
|
79
|
+
--frey-color-surface-hover: var(--frey-palette-gray-100);
|
|
80
|
+
--frey-color-surface-active: var(--frey-palette-gray-200);
|
|
81
|
+
--frey-color-text-primary: var(--frey-palette-gray-900);
|
|
82
|
+
--frey-color-text-secondary: var(--frey-palette-gray-500);
|
|
83
|
+
--frey-color-text: var(--frey-palette-gray-900);
|
|
84
|
+
--frey-color-text-title: var(--frey-palette-gray-900);
|
|
85
|
+
--frey-color-text-muted: var(--frey-palette-gray-500);
|
|
86
|
+
--frey-color-border: var(--frey-palette-gray-300);
|
|
87
|
+
--frey-color-border-muted: var(--frey-palette-gray-400);
|
|
88
|
+
--frey-color-border-subtle: var(--frey-palette-gray-200);
|
|
89
|
+
--frey-color-primary: var(--frey-palette-purple-600);
|
|
90
|
+
--frey-color-focus-ring: var(--frey-palette-purple-600);
|
|
91
|
+
|
|
92
|
+
/* Component Tokens */
|
|
93
|
+
--frey-switch-track-inactive: var(--frey-palette-purple-200);
|
|
94
|
+
--frey-switch-track-active: var(--frey-palette-purple-600);
|
|
95
|
+
--frey-switch-thumb: var(--frey-palette-white);
|
|
96
|
+
--frey-focus-ring: var(--frey-palette-purple-600);
|
|
97
|
+
--frey-shadow-thumb: 0 0 20px rgb(0 0 0 / 40%);
|
|
98
|
+
|
|
99
|
+
/* Button */
|
|
100
|
+
--frey-button-primary-bg: var(--frey-palette-purple-600);
|
|
101
|
+
--frey-button-primary-hover: var(--frey-palette-purple-700);
|
|
102
|
+
--frey-button-primary-text: var(--frey-palette-white);
|
|
103
|
+
--frey-button-secondary-border: var(--frey-palette-purple-600);
|
|
104
|
+
--frey-button-secondary-text: var(--frey-palette-purple-600);
|
|
105
|
+
--frey-button-secondary-hover-bg: var(--frey-palette-purple-100);
|
|
106
|
+
--frey-button-ghost-text: var(--frey-palette-purple-600);
|
|
107
|
+
--frey-button-ghost-hover-bg: var(--frey-palette-purple-100);
|
|
108
|
+
--frey-button-destructive-bg: var(--frey-palette-red-600);
|
|
109
|
+
--frey-button-destructive-hover: var(--frey-palette-red-700);
|
|
110
|
+
--frey-button-destructive-text: var(--frey-palette-white);
|
|
111
|
+
|
|
112
|
+
/* Feedback */
|
|
113
|
+
--frey-color-error: var(--frey-palette-red-600);
|
|
114
|
+
--frey-color-error-bg: var(--frey-palette-red-50);
|
|
115
|
+
--frey-color-error-border: var(--frey-palette-red-300);
|
|
116
|
+
--frey-color-success: var(--frey-palette-green-600);
|
|
117
|
+
--frey-color-success-bg: var(--frey-palette-green-50);
|
|
118
|
+
--frey-color-success-border: var(--frey-palette-green-300);
|
|
119
|
+
--frey-color-warning: var(--frey-palette-yellow-600);
|
|
120
|
+
--frey-color-warning-bg: var(--frey-palette-yellow-50);
|
|
121
|
+
--frey-color-warning-border: var(--frey-palette-yellow-300);
|
|
122
|
+
--frey-color-info: var(--frey-palette-blue-600);
|
|
123
|
+
--frey-color-info-bg: var(--frey-palette-blue-50);
|
|
124
|
+
--frey-color-info-border: var(--frey-palette-blue-300);
|
|
125
|
+
|
|
126
|
+
/* Checkbox */
|
|
127
|
+
--frey-checkbox-border: var(--frey-palette-gray-400);
|
|
128
|
+
--frey-checkbox-checked-bg: var(--frey-palette-purple-600);
|
|
129
|
+
--frey-checkbox-checked-border: var(--frey-palette-purple-600);
|
|
130
|
+
--frey-checkbox-check-color: var(--frey-palette-white);
|
|
131
|
+
|
|
132
|
+
/* Skeleton */
|
|
133
|
+
--frey-skeleton-base: var(--frey-palette-gray-200);
|
|
134
|
+
--frey-skeleton-highlight: var(--frey-palette-gray-100);
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
.frey-theme-provider[data-frey-theme='dark'],
|
|
138
|
+
[data-frey-theme='dark'] .frey-theme-provider,
|
|
139
|
+
[data-theme='dark'] .frey-theme-provider {
|
|
140
|
+
/* Semantic Tokens - Dark */
|
|
141
|
+
--frey-color-surface: var(--frey-palette-gray-800);
|
|
142
|
+
--frey-color-surface-subtle: var(--frey-palette-gray-700);
|
|
143
|
+
--frey-color-surface-subtle-hover: var(--frey-palette-gray-600);
|
|
144
|
+
--frey-color-surface-hover: var(--frey-palette-gray-700);
|
|
145
|
+
--frey-color-surface-active: var(--frey-palette-gray-600);
|
|
146
|
+
--frey-color-text-primary: var(--frey-palette-gray-50);
|
|
147
|
+
--frey-color-text-secondary: var(--frey-palette-gray-400);
|
|
148
|
+
--frey-color-text: var(--frey-palette-gray-50);
|
|
149
|
+
--frey-color-text-title: var(--frey-palette-gray-50);
|
|
150
|
+
--frey-color-text-muted: var(--frey-palette-gray-400);
|
|
151
|
+
--frey-color-border: var(--frey-palette-gray-600);
|
|
152
|
+
--frey-color-border-muted: var(--frey-palette-gray-500);
|
|
153
|
+
--frey-color-border-subtle: var(--frey-palette-gray-700);
|
|
154
|
+
--frey-color-primary: var(--frey-palette-purple-500);
|
|
155
|
+
--frey-color-focus-ring: var(--frey-palette-purple-500);
|
|
156
|
+
|
|
157
|
+
/* Component Tokens */
|
|
158
|
+
--frey-switch-track-inactive: #4c1d95; /* purple-900 mostly */
|
|
159
|
+
--frey-switch-track-active: var(--frey-palette-purple-500);
|
|
160
|
+
--frey-switch-thumb: var(--frey-palette-gray-50);
|
|
161
|
+
--frey-focus-ring: var(--frey-palette-purple-500);
|
|
162
|
+
|
|
163
|
+
/* Button */
|
|
164
|
+
--frey-button-primary-bg: var(--frey-palette-purple-500);
|
|
165
|
+
--frey-button-primary-hover: var(--frey-palette-purple-600);
|
|
166
|
+
--frey-button-primary-text: var(--frey-palette-white);
|
|
167
|
+
--frey-button-secondary-border: var(--frey-palette-purple-500);
|
|
168
|
+
--frey-button-secondary-text: var(--frey-palette-purple-500);
|
|
169
|
+
--frey-button-secondary-hover-bg: #3b0764; /* deep purple bg */
|
|
170
|
+
--frey-button-ghost-text: var(--frey-palette-purple-500);
|
|
171
|
+
--frey-button-ghost-hover-bg: #3b0764;
|
|
172
|
+
--frey-button-destructive-bg: var(--frey-palette-red-500);
|
|
173
|
+
--frey-button-destructive-hover: var(--frey-palette-red-600);
|
|
174
|
+
--frey-button-destructive-text: var(--frey-palette-white);
|
|
175
|
+
|
|
176
|
+
/* Feedback */
|
|
177
|
+
--frey-color-error: var(--frey-palette-red-400);
|
|
178
|
+
--frey-color-error-bg: #450a0a;
|
|
179
|
+
--frey-color-error-border: #991b1b;
|
|
180
|
+
--frey-color-success: var(--frey-palette-green-400);
|
|
181
|
+
--frey-color-success-bg: #052e16;
|
|
182
|
+
--frey-color-success-border: #166534;
|
|
183
|
+
--frey-color-warning: var(--frey-palette-yellow-400);
|
|
184
|
+
--frey-color-warning-bg: #451a03;
|
|
185
|
+
--frey-color-warning-border: #92400e;
|
|
186
|
+
--frey-color-info: var(--frey-palette-blue-400);
|
|
187
|
+
--frey-color-info-bg: #172554;
|
|
188
|
+
--frey-color-info-border: #1e40af;
|
|
189
|
+
|
|
190
|
+
/* Checkbox */
|
|
191
|
+
--frey-checkbox-border: var(--frey-palette-gray-500);
|
|
192
|
+
--frey-checkbox-checked-bg: var(--frey-palette-purple-500);
|
|
193
|
+
--frey-checkbox-checked-border: var(--frey-palette-purple-500);
|
|
194
|
+
--frey-checkbox-check-color: var(--frey-palette-white);
|
|
195
|
+
|
|
196
|
+
/* Skeleton */
|
|
197
|
+
--frey-skeleton-base: var(--frey-palette-gray-700);
|
|
198
|
+
--frey-skeleton-highlight: var(--frey-palette-gray-600);
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
/* HIGH CONTRAST MODE */
|
|
202
|
+
|
|
203
|
+
/* Light - High Contrast overrides */
|
|
204
|
+
.frey-theme-provider[data-frey-theme='light'][data-frey-high-contrast='true'],
|
|
205
|
+
[data-frey-theme='light'][data-frey-high-contrast='true'] .frey-theme-provider {
|
|
206
|
+
--frey-color-text-primary: var(--frey-palette-black);
|
|
207
|
+
--frey-color-text-secondary: var(--frey-palette-gray-900);
|
|
208
|
+
--frey-color-border: var(--frey-palette-gray-500);
|
|
209
|
+
--frey-color-border-muted: var(--frey-palette-gray-600);
|
|
210
|
+
|
|
211
|
+
--frey-button-primary-bg: var(--frey-palette-purple-800);
|
|
212
|
+
--frey-button-primary-hover: var(--frey-palette-purple-900);
|
|
213
|
+
--frey-button-secondary-border: var(--frey-palette-purple-800);
|
|
214
|
+
--frey-button-secondary-text: var(--frey-palette-purple-800);
|
|
215
|
+
--frey-button-ghost-text: var(--frey-palette-purple-800);
|
|
216
|
+
|
|
217
|
+
--frey-color-error: var(--frey-palette-red-700);
|
|
218
|
+
--frey-color-success: var(--frey-palette-green-800);
|
|
219
|
+
--frey-color-warning: #b45309; /* darker yellow/amber */
|
|
220
|
+
--frey-color-info: var(--frey-palette-blue-800);
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
/* Dark - High Contrast overrides */
|
|
224
|
+
.frey-theme-provider[data-frey-theme='dark'][data-frey-high-contrast='true'],
|
|
225
|
+
[data-frey-theme='dark'][data-frey-high-contrast='true'] .frey-theme-provider {
|
|
226
|
+
--frey-color-surface: var(--frey-palette-black);
|
|
227
|
+
--frey-color-surface-subtle: var(--frey-palette-gray-900);
|
|
228
|
+
--frey-color-text-primary: var(--frey-palette-white);
|
|
229
|
+
--frey-color-text-secondary: var(--frey-palette-gray-200);
|
|
230
|
+
--frey-color-border: var(--frey-palette-gray-400);
|
|
231
|
+
--frey-color-border-muted: var(--frey-palette-gray-300);
|
|
232
|
+
|
|
233
|
+
--frey-button-primary-bg: var(--frey-palette-purple-400);
|
|
234
|
+
--frey-button-primary-hover: var(--frey-palette-purple-300);
|
|
235
|
+
--frey-button-secondary-border: var(--frey-palette-purple-300);
|
|
236
|
+
--frey-button-secondary-text: var(--frey-palette-purple-300);
|
|
237
|
+
--frey-button-ghost-text: var(--frey-palette-purple-300);
|
|
238
|
+
|
|
239
|
+
--frey-color-error: var(--frey-palette-red-300);
|
|
240
|
+
--frey-color-success: var(--frey-palette-green-300);
|
|
241
|
+
--frey-color-warning: var(--frey-palette-yellow-300);
|
|
242
|
+
--frey-color-info: var(--frey-palette-blue-300);
|
|
243
|
+
}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
|
+
|
|
6
|
+
var React = require('react');
|
|
7
|
+
var reactDom = require('react-dom');
|
|
8
|
+
var index = require('../ThemeProvider/index.cjs');
|
|
9
|
+
|
|
10
|
+
function Portal({ children, container }) {
|
|
11
|
+
const themeContext = React.useContext(index.ThemeContext);
|
|
12
|
+
const [portalNode] = React.useState(() => {
|
|
13
|
+
if (typeof document === 'undefined') {
|
|
14
|
+
return null;
|
|
15
|
+
}
|
|
16
|
+
return document.createElement('div');
|
|
17
|
+
});
|
|
18
|
+
React.useEffect(() => {
|
|
19
|
+
if (!portalNode || typeof document === 'undefined') {
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
const targetContainer = container ?? document.body;
|
|
23
|
+
portalNode.dataset.freyPortal = 'true';
|
|
24
|
+
targetContainer.appendChild(portalNode);
|
|
25
|
+
return () => {
|
|
26
|
+
portalNode.remove();
|
|
27
|
+
};
|
|
28
|
+
}, [container, portalNode]);
|
|
29
|
+
React.useEffect(() => {
|
|
30
|
+
if (!portalNode) {
|
|
31
|
+
return;
|
|
32
|
+
}
|
|
33
|
+
portalNode.classList.add('frey-theme-provider');
|
|
34
|
+
if (!themeContext) {
|
|
35
|
+
delete portalNode.dataset.freyTheme;
|
|
36
|
+
delete portalNode.dataset.freyHighContrast;
|
|
37
|
+
return;
|
|
38
|
+
}
|
|
39
|
+
portalNode.dataset.freyTheme = themeContext.resolvedTheme;
|
|
40
|
+
portalNode.dataset.freyHighContrast = String(themeContext.highContrast);
|
|
41
|
+
}, [portalNode, themeContext]);
|
|
42
|
+
if (!portalNode) {
|
|
43
|
+
return null;
|
|
44
|
+
}
|
|
45
|
+
return reactDom.createPortal(children, portalNode);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
exports.default = Portal;
|
|
49
|
+
//# sourceMappingURL=Portal.cjs.map
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
function computeAriaProps(hasError, describedBy, ariaDescribedBy, ariaInvalid) {
|
|
5
|
+
const mergedDescribedBy = [describedBy, ariaDescribedBy].filter(Boolean).join(' ') || undefined;
|
|
6
|
+
const isInvalid = hasError || ariaInvalid === true || ariaInvalid === 'true';
|
|
7
|
+
return {
|
|
8
|
+
'aria-invalid': isInvalid || undefined,
|
|
9
|
+
'aria-describedby': mergedDescribedBy
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
exports.computeAriaProps = computeAriaProps;
|
|
14
|
+
//# sourceMappingURL=aria.cjs.map
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
.accordion_8f91be6e {
|
|
2
|
+
width: 100%;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.accordion_item_2d6abc63 {
|
|
6
|
+
border-bottom: 1px solid var(--frey-color-border-subtle);
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.accordion_item_2d6abc63:last-child {
|
|
10
|
+
border-bottom: none;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.accordion_header_c9933178 {
|
|
14
|
+
display: flex;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.accordion_trigger_1c357514 {
|
|
18
|
+
display: flex;
|
|
19
|
+
flex: 1;
|
|
20
|
+
align-items: center;
|
|
21
|
+
justify-content: space-between;
|
|
22
|
+
padding: 1rem 0;
|
|
23
|
+
font-weight: 500;
|
|
24
|
+
font-size: 0.875rem;
|
|
25
|
+
background: none;
|
|
26
|
+
border: none;
|
|
27
|
+
cursor: pointer;
|
|
28
|
+
color: var(--frey-color-text);
|
|
29
|
+
transition: all 0.2s ease-in-out;
|
|
30
|
+
text-align: left;
|
|
31
|
+
outline: none;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.accordion_trigger_1c357514:hover {
|
|
35
|
+
text-decoration: underline;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.accordion_trigger_1c357514:focus-visible {
|
|
39
|
+
border-radius: var(--frey-radius-sm);
|
|
40
|
+
box-shadow:
|
|
41
|
+
0 0 0 2px var(--frey-color-surface),
|
|
42
|
+
0 0 0 4px var(--frey-color-focus-ring);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.accordion_chevron_c55f991e {
|
|
46
|
+
transition: transform 0.2s ease-in-out;
|
|
47
|
+
color: var(--frey-color-text-muted);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.accordion_chevron_open_44560e91 {
|
|
51
|
+
transform: rotate(180deg);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
/*
|
|
55
|
+
CSS Grid trick for animating height
|
|
56
|
+
Transitions from 0fr to 1fr
|
|
57
|
+
*/
|
|
58
|
+
.accordion_content_wrapper_357a0679 {
|
|
59
|
+
display: grid;
|
|
60
|
+
grid-template-rows: 0fr;
|
|
61
|
+
transition: grid-template-rows 0.2s ease-out;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.accordion_content_wrapper_open_02841768 {
|
|
65
|
+
grid-template-rows: 1fr;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.accordion_content_945ef079 {
|
|
69
|
+
overflow: hidden; /* Important for grid animation to hide contents when 0fr */
|
|
70
|
+
padding-bottom: 1rem;
|
|
71
|
+
color: var(--frey-color-text-muted);
|
|
72
|
+
font-size: 0.875rem;
|
|
73
|
+
line-height: 1.5;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
/* Remove padding if closed to avoid seeing whitespace inside 0fr */
|
|
77
|
+
.accordion_content_wrapper_357a0679:not(.accordion_content_wrapper_open_02841768)
|
|
78
|
+
.accordion_content_945ef079 {
|
|
79
|
+
padding-bottom: 0;
|
|
80
|
+
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
'use client';
|
|
2
|
+
import './accordion.css';
|
|
2
3
|
var styles = {"accordion":"accordion_8f91be6e","accordion_item":"accordion_item_2d6abc63","accordion_header":"accordion_header_c9933178","accordion_trigger":"accordion_trigger_1c357514","accordion_chevron":"accordion_chevron_c55f991e","accordion_chevron_open":"accordion_chevron_open_44560e91","accordion_content_wrapper":"accordion_content_wrapper_357a0679","accordion_content_wrapper_open":"accordion_content_wrapper_open_02841768","accordion_content":"accordion_content_945ef079"};
|
|
3
4
|
|
|
4
5
|
export { styles as default };
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
.alert_7c07a8c0 {
|
|
2
|
+
display: flex;
|
|
3
|
+
align-items: flex-start;
|
|
4
|
+
gap: 0.75rem;
|
|
5
|
+
padding: 0.75rem 1rem;
|
|
6
|
+
border-radius: 0.375rem;
|
|
7
|
+
border: 1px solid;
|
|
8
|
+
font-size: 0.875rem;
|
|
9
|
+
line-height: 1.5;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
/* Variants */
|
|
13
|
+
.alert-error_1de19fed {
|
|
14
|
+
color: var(--frey-color-error);
|
|
15
|
+
background-color: var(--frey-color-error-bg);
|
|
16
|
+
border-color: var(--frey-color-error-border);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.alert-success_38713508 {
|
|
20
|
+
color: var(--frey-color-success);
|
|
21
|
+
background-color: var(--frey-color-success-bg);
|
|
22
|
+
border-color: var(--frey-color-success-border);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.alert-warning_931806ff {
|
|
26
|
+
color: var(--frey-color-warning);
|
|
27
|
+
background-color: var(--frey-color-warning-bg);
|
|
28
|
+
border-color: var(--frey-color-warning-border);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.alert-info_183c5a6f {
|
|
32
|
+
color: var(--frey-color-info);
|
|
33
|
+
background-color: var(--frey-color-info-bg);
|
|
34
|
+
border-color: var(--frey-color-info-border);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.alert-icon_b4aefb94 {
|
|
38
|
+
flex-shrink: 0;
|
|
39
|
+
width: 1.25rem;
|
|
40
|
+
height: 1.3125rem;
|
|
41
|
+
display: flex;
|
|
42
|
+
align-items: center;
|
|
43
|
+
justify-content: center;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.alert_icon_svg_1e243ee4 {
|
|
47
|
+
width: 1.25rem;
|
|
48
|
+
height: 1.25rem;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.alert-content_17fc1725 {
|
|
52
|
+
flex: 1;
|
|
53
|
+
min-width: 0;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.alert-title_1260729c {
|
|
57
|
+
font-weight: 600;
|
|
58
|
+
margin: 0 0 0.25rem;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.alert-message_af65e832 {
|
|
62
|
+
margin: 0;
|
|
63
|
+
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
'use client';
|
|
2
|
+
import './alert.css';
|
|
2
3
|
var styles = {"alert":"alert_7c07a8c0","alert-error":"alert-error_1de19fed","alert-success":"alert-success_38713508","alert-warning":"alert-warning_931806ff","alert-info":"alert-info_183c5a6f","alert-icon":"alert-icon_b4aefb94","alert_icon_svg":"alert_icon_svg_1e243ee4","alert-content":"alert-content_17fc1725","alert-title":"alert-title_1260729c","alert-message":"alert-message_af65e832"};
|
|
3
4
|
|
|
4
5
|
export { styles as default };
|