frey-ui 1.0.11 → 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 +2 -1
- package/dist/cjs/Accordion/index.cjs +3 -3
- package/dist/cjs/Alert/alert.css +63 -0
- package/dist/cjs/Alert/alert.module.css.cjs +2 -1
- package/dist/cjs/Alert/index.cjs +8 -5
- package/dist/cjs/Avatar/avatar.css +107 -0
- package/dist/cjs/Avatar/avatar.module.css.cjs +2 -1
- package/dist/cjs/Badge/badge.css +75 -0
- package/dist/cjs/Badge/badge.module.css.cjs +10 -0
- package/dist/cjs/Badge/index.cjs +37 -0
- package/dist/cjs/Box/box.css +3 -0
- package/dist/cjs/Box/box.module.css.cjs +10 -0
- package/dist/cjs/Box/index.cjs +136 -0
- package/dist/cjs/Breadcrumbs/breadcrumbs.css +34 -0
- package/dist/cjs/Breadcrumbs/breadcrumbs.module.css.cjs +10 -0
- package/dist/cjs/Breadcrumbs/index.cjs +46 -0
- package/dist/cjs/Button/button.css +112 -0
- package/dist/cjs/Button/button.module.css.cjs +2 -1
- package/dist/cjs/Button/index.cjs +29 -4
- package/dist/cjs/Card/card.css +37 -0
- package/dist/cjs/Card/card.module.css.cjs +2 -1
- package/dist/cjs/Checkbox/checkbox.css +135 -0
- package/dist/cjs/Checkbox/checkbox.module.css.cjs +2 -1
- package/dist/cjs/Checkbox/index.cjs +3 -2
- package/dist/cjs/Chip/chip.css +55 -0
- package/dist/cjs/Chip/chip.module.css.cjs +2 -1
- package/dist/cjs/Dialog/dialog.css +144 -0
- package/dist/cjs/Dialog/dialog.module.css.cjs +2 -1
- package/dist/cjs/Dialog/index.cjs +11 -11
- package/dist/cjs/DropdownMenu/dropdownmenu.css +61 -0
- package/dist/cjs/DropdownMenu/dropdownmenu.module.css.cjs +2 -1
- package/dist/cjs/DropdownMenu/index.cjs +112 -60
- package/dist/cjs/Field/field.css +51 -0
- package/dist/cjs/Field/field.module.css.cjs +2 -1
- package/dist/cjs/Flex/index.cjs +23 -0
- package/dist/cjs/Grid/index.cjs +33 -0
- package/dist/cjs/Icons/CheckIcon.cjs +12 -0
- package/dist/cjs/Icons/ChevronDownIcon.cjs +12 -0
- package/dist/cjs/Icons/CircleCheckIcon.cjs +12 -0
- package/dist/cjs/Icons/CircleInfoIcon.cjs +12 -0
- package/dist/cjs/Icons/CircleXIcon.cjs +12 -0
- package/dist/cjs/Icons/CloseIcon.cjs +12 -0
- package/dist/cjs/Icons/IconSvg.cjs +52 -0
- package/dist/cjs/Icons/MinusIcon.cjs +12 -0
- package/dist/cjs/Icons/TriangleAlertIcon.cjs +12 -0
- package/dist/cjs/Icons/icons.css +5 -0
- package/dist/cjs/Icons/icons.module.css.cjs +2 -1
- package/dist/cjs/Link/index.cjs +38 -0
- package/dist/cjs/Link/link.css +57 -0
- package/dist/cjs/Link/link.module.css.cjs +10 -0
- package/dist/cjs/Popover/index.cjs +71 -38
- package/dist/cjs/Popover/popover.css +25 -0
- package/dist/cjs/Popover/popover.module.css.cjs +2 -1
- package/dist/cjs/Progress/progress.css +86 -0
- package/dist/cjs/Progress/progress.module.css.cjs +2 -1
- package/dist/cjs/RadioGroup/radiogroup.css +59 -0
- package/dist/cjs/RadioGroup/radiogroup.module.css.cjs +2 -1
- package/dist/cjs/Select/index.cjs +3 -4
- package/dist/cjs/Select/select.css +77 -0
- package/dist/cjs/Select/select.module.css.cjs +2 -1
- package/dist/cjs/Skeleton/skeleton.css +29 -0
- package/dist/cjs/Skeleton/skeleton.module.css.cjs +2 -1
- package/dist/cjs/Spinner/spinner.css +35 -0
- package/dist/cjs/Spinner/spinner.module.css.cjs +2 -1
- package/dist/cjs/Stack/index.cjs +18 -0
- package/dist/cjs/Switch/switch.css +123 -0
- package/dist/cjs/Switch/switch.module.css.cjs +2 -1
- package/dist/cjs/Table/index.cjs +55 -0
- package/dist/cjs/Table/table.css +57 -0
- package/dist/cjs/Table/table.module.css.cjs +10 -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 +2 -1
- 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 +2 -1
- package/dist/cjs/ThemeProvider/index.cjs +4 -1
- package/dist/cjs/ThemeProvider/themeprovider.css +3 -0
- package/dist/cjs/ThemeProvider/themeprovider.module.css.cjs +2 -1
- package/dist/cjs/Toast/index.cjs +15 -11
- package/dist/cjs/Toast/toast.css +151 -0
- package/dist/cjs/Toast/toast.module.css.cjs +2 -1
- package/dist/cjs/Tooltip/index.cjs +38 -67
- package/dist/cjs/Tooltip/tooltip.css +26 -0
- package/dist/cjs/Tooltip/tooltip.module.css.cjs +2 -1
- package/dist/cjs/hooks/floatingConfig.cjs +24 -0
- package/dist/cjs/hooks/useRovingCollection.cjs +107 -0
- package/dist/cjs/index.cjs +75 -51
- 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 +2 -1
- package/dist/esm/Accordion/index.mjs +2 -2
- package/dist/esm/Alert/alert.css +63 -0
- package/dist/esm/Alert/alert.module.css.mjs +2 -1
- package/dist/esm/Alert/index.mjs +4 -1
- package/dist/esm/Avatar/avatar.css +107 -0
- package/dist/esm/Avatar/avatar.module.css.mjs +2 -1
- package/dist/esm/Badge/badge.css +75 -0
- package/dist/esm/Badge/badge.module.css.mjs +6 -0
- package/dist/esm/Badge/index.mjs +33 -0
- package/dist/esm/Box/box.css +3 -0
- package/dist/esm/Box/box.module.css.mjs +6 -0
- package/dist/esm/Box/index.mjs +132 -0
- package/dist/esm/Breadcrumbs/breadcrumbs.css +34 -0
- package/dist/esm/Breadcrumbs/breadcrumbs.module.css.mjs +6 -0
- package/dist/esm/Breadcrumbs/index.mjs +41 -0
- package/dist/esm/Button/button.css +112 -0
- package/dist/esm/Button/button.module.css.mjs +2 -1
- package/dist/esm/Button/index.mjs +30 -5
- package/dist/esm/Card/card.css +37 -0
- package/dist/esm/Card/card.module.css.mjs +2 -1
- package/dist/esm/Checkbox/checkbox.css +135 -0
- package/dist/esm/Checkbox/checkbox.module.css.mjs +2 -1
- package/dist/esm/Checkbox/index.mjs +2 -1
- package/dist/esm/Chip/chip.css +55 -0
- package/dist/esm/Chip/chip.module.css.mjs +2 -1
- package/dist/esm/Dialog/dialog.css +144 -0
- package/dist/esm/Dialog/dialog.module.css.mjs +2 -1
- package/dist/esm/Dialog/index.mjs +11 -11
- package/dist/esm/DropdownMenu/dropdownmenu.css +61 -0
- package/dist/esm/DropdownMenu/dropdownmenu.module.css.mjs +2 -1
- package/dist/esm/DropdownMenu/index.mjs +113 -61
- package/dist/esm/Field/field.css +51 -0
- package/dist/esm/Field/field.module.css.mjs +2 -1
- package/dist/esm/Flex/index.mjs +19 -0
- package/dist/esm/Grid/index.mjs +29 -0
- package/dist/esm/Icons/CheckIcon.mjs +10 -0
- package/dist/esm/Icons/ChevronDownIcon.mjs +10 -0
- package/dist/esm/Icons/CircleCheckIcon.mjs +10 -0
- package/dist/esm/Icons/CircleInfoIcon.mjs +10 -0
- package/dist/esm/Icons/CircleXIcon.mjs +10 -0
- package/dist/esm/Icons/CloseIcon.mjs +10 -0
- package/dist/esm/Icons/IconSvg.mjs +50 -0
- package/dist/esm/Icons/MinusIcon.mjs +10 -0
- package/dist/esm/Icons/TriangleAlertIcon.mjs +10 -0
- package/dist/esm/Icons/icons.css +5 -0
- package/dist/esm/Icons/icons.module.css.mjs +2 -1
- package/dist/esm/Link/index.mjs +34 -0
- package/dist/esm/Link/link.css +57 -0
- package/dist/esm/Link/link.module.css.mjs +6 -0
- package/dist/esm/Popover/index.mjs +72 -39
- package/dist/esm/Popover/popover.css +25 -0
- package/dist/esm/Popover/popover.module.css.mjs +2 -1
- package/dist/esm/Progress/progress.css +86 -0
- package/dist/esm/Progress/progress.module.css.mjs +2 -1
- package/dist/esm/RadioGroup/radiogroup.css +59 -0
- package/dist/esm/RadioGroup/radiogroup.module.css.mjs +2 -1
- package/dist/esm/Select/index.mjs +3 -4
- package/dist/esm/Select/select.css +77 -0
- package/dist/esm/Select/select.module.css.mjs +2 -1
- package/dist/esm/Skeleton/skeleton.css +29 -0
- package/dist/esm/Skeleton/skeleton.module.css.mjs +2 -1
- package/dist/esm/Spinner/spinner.css +35 -0
- package/dist/esm/Spinner/spinner.module.css.mjs +2 -1
- package/dist/esm/Stack/index.mjs +14 -0
- package/dist/esm/Switch/switch.css +123 -0
- package/dist/esm/Switch/switch.module.css.mjs +2 -1
- package/dist/esm/Table/index.mjs +50 -0
- package/dist/esm/Table/table.css +57 -0
- package/dist/esm/Table/table.module.css.mjs +6 -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 +2 -1
- 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 +2 -1
- package/dist/esm/ThemeProvider/index.mjs +5 -3
- package/dist/esm/ThemeProvider/themeprovider.css +3 -0
- package/dist/esm/ThemeProvider/themeprovider.module.css.mjs +2 -1
- package/dist/esm/Toast/index.mjs +10 -6
- package/dist/esm/Toast/toast.css +151 -0
- package/dist/esm/Toast/toast.module.css.mjs +2 -1
- package/dist/esm/Tooltip/index.mjs +38 -67
- package/dist/esm/Tooltip/tooltip.css +26 -0
- package/dist/esm/Tooltip/tooltip.module.css.mjs +2 -1
- package/dist/esm/hooks/floatingConfig.mjs +20 -0
- package/dist/esm/hooks/useRovingCollection.mjs +105 -0
- package/dist/esm/index.mjs +18 -1
- 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 +187 -26
- package/dist/types/src/Badge/index.d.ts +13 -0
- package/dist/types/src/Box/index.d.ts +47 -0
- package/dist/types/src/Breadcrumbs/index.d.ts +29 -0
- package/dist/types/src/Button/index.d.ts +4 -7
- package/dist/types/src/DropdownMenu/index.d.ts +2 -2
- package/dist/types/src/Flex/index.d.ts +18 -0
- package/dist/types/src/Grid/index.d.ts +18 -0
- package/dist/types/src/Icons/CheckIcon.d.ts +4 -0
- package/dist/types/src/Icons/ChevronDownIcon.d.ts +4 -0
- package/dist/types/src/Icons/CircleCheckIcon.d.ts +4 -0
- package/dist/types/src/Icons/CircleInfoIcon.d.ts +4 -0
- package/dist/types/src/Icons/CircleXIcon.d.ts +4 -0
- package/dist/types/src/Icons/CloseIcon.d.ts +4 -0
- package/dist/types/src/Icons/IconSvg.d.ts +14 -0
- package/dist/types/src/Icons/MinusIcon.d.ts +4 -0
- package/dist/types/src/Icons/TriangleAlertIcon.d.ts +4 -0
- package/dist/types/src/Icons/index.d.ts +9 -30
- package/dist/types/src/Link/index.d.ts +11 -0
- package/dist/types/src/Stack/index.d.ts +15 -0
- package/dist/types/src/Table/index.d.ts +40 -0
- package/dist/types/src/ThemeProvider/index.d.ts +5 -0
- package/dist/types/src/hooks/floatingConfig.d.ts +6 -0
- package/dist/types/src/hooks/useRovingCollection.d.ts +16 -0
- package/dist/types/src/index.d.ts +18 -2
- 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 +49 -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/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/Icons/icons.module.css.cjs.map +0 -1
- package/dist/cjs/Icons/index.cjs +0 -96
- package/dist/cjs/Icons/index.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/Switch/index.cjs.map +0 -1
- package/dist/cjs/Switch/switch.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/useControllableState.cjs.map +0 -1
- package/dist/cjs/hooks/useDismiss.cjs +0 -44
- package/dist/cjs/hooks/useDismiss.cjs.map +0 -1
- package/dist/cjs/hooks/useFloatingPosition.cjs +0 -68
- package/dist/cjs/hooks/useFloatingPosition.cjs.map +0 -1
- package/dist/cjs/index.cjs.map +0 -1
- package/dist/cjs/utils/clamp.cjs +0 -9
- package/dist/cjs/utils/clamp.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/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/Icons/icons.module.css.mjs.map +0 -1
- package/dist/esm/Icons/index.mjs +0 -84
- package/dist/esm/Icons/index.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/Switch/index.mjs.map +0 -1
- package/dist/esm/Switch/switch.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/useControllableState.mjs.map +0 -1
- package/dist/esm/hooks/useDismiss.mjs +0 -42
- package/dist/esm/hooks/useDismiss.mjs.map +0 -1
- package/dist/esm/hooks/useFloatingPosition.mjs +0 -66
- package/dist/esm/hooks/useFloatingPosition.mjs.map +0 -1
- package/dist/esm/index.mjs.map +0 -1
- package/dist/esm/utils/clamp.mjs +0 -7
- package/dist/esm/utils/clamp.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/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/Icons/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/Switch/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/useControllableState.d.ts.map +0 -1
- package/dist/types/src/hooks/useDismiss.d.ts +0 -18
- package/dist/types/src/hooks/useDismiss.d.ts.map +0 -1
- package/dist/types/src/hooks/useFloatingPosition.d.ts +0 -26
- package/dist/types/src/hooks/useFloatingPosition.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,12 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var IconSvg = require('./IconSvg.cjs');
|
|
6
|
+
|
|
7
|
+
function ChevronDownIcon({ size = 'md', strokeWidth = 'regular', title, className, style }) {
|
|
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
|
+
}
|
|
10
|
+
|
|
11
|
+
exports.ChevronDownIcon = ChevronDownIcon;
|
|
12
|
+
//# sourceMappingURL=ChevronDownIcon.cjs.map
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var IconSvg = require('./IconSvg.cjs');
|
|
6
|
+
|
|
7
|
+
function CircleCheckIcon({ size = 'md', strokeWidth = 'regular', title, className, style }) {
|
|
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
|
+
}
|
|
10
|
+
|
|
11
|
+
exports.CircleCheckIcon = CircleCheckIcon;
|
|
12
|
+
//# sourceMappingURL=CircleCheckIcon.cjs.map
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var IconSvg = require('./IconSvg.cjs');
|
|
6
|
+
|
|
7
|
+
function CircleInfoIcon({ size = 'md', strokeWidth = 'regular', title, className, style }) {
|
|
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
|
+
}
|
|
10
|
+
|
|
11
|
+
exports.CircleInfoIcon = CircleInfoIcon;
|
|
12
|
+
//# sourceMappingURL=CircleInfoIcon.cjs.map
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var IconSvg = require('./IconSvg.cjs');
|
|
6
|
+
|
|
7
|
+
function CircleXIcon({ size = 'md', strokeWidth = 'regular', title, className, style }) {
|
|
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
|
+
}
|
|
10
|
+
|
|
11
|
+
exports.CircleXIcon = CircleXIcon;
|
|
12
|
+
//# sourceMappingURL=CircleXIcon.cjs.map
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var IconSvg = require('./IconSvg.cjs');
|
|
6
|
+
|
|
7
|
+
function CloseIcon({ size = 'md', strokeWidth = 'regular', title, className, style }) {
|
|
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
|
+
}
|
|
10
|
+
|
|
11
|
+
exports.CloseIcon = CloseIcon;
|
|
12
|
+
//# sourceMappingURL=CloseIcon.cjs.map
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var clsx = require('clsx');
|
|
6
|
+
var icons_module = require('./icons.module.css.cjs');
|
|
7
|
+
|
|
8
|
+
const IconSizeMap = {
|
|
9
|
+
xs: 12,
|
|
10
|
+
sm: 14,
|
|
11
|
+
md: 16,
|
|
12
|
+
lg: 20,
|
|
13
|
+
xl: 24
|
|
14
|
+
};
|
|
15
|
+
const IconStrokeWidthMap = {
|
|
16
|
+
thin: 1.5,
|
|
17
|
+
regular: 1.8,
|
|
18
|
+
bold: 2.2
|
|
19
|
+
};
|
|
20
|
+
function resolveSize(size) {
|
|
21
|
+
if (typeof size === 'number') {
|
|
22
|
+
return size;
|
|
23
|
+
}
|
|
24
|
+
return IconSizeMap[size ?? 'md'];
|
|
25
|
+
}
|
|
26
|
+
function resolveStrokeWidth(strokeWidth) {
|
|
27
|
+
if (typeof strokeWidth === 'number') {
|
|
28
|
+
return strokeWidth;
|
|
29
|
+
}
|
|
30
|
+
return IconStrokeWidthMap[strokeWidth ?? 'regular'];
|
|
31
|
+
}
|
|
32
|
+
function getA11yProps(title) {
|
|
33
|
+
const trimmedTitle = title?.trim();
|
|
34
|
+
if (trimmedTitle) {
|
|
35
|
+
return {
|
|
36
|
+
role: 'img',
|
|
37
|
+
'aria-label': trimmedTitle
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
return {
|
|
41
|
+
'aria-hidden': 'true'
|
|
42
|
+
};
|
|
43
|
+
}
|
|
44
|
+
function IconSvg({ size, strokeWidth, title, className, style, children }) {
|
|
45
|
+
const resolvedSize = resolveSize(size);
|
|
46
|
+
const resolvedStrokeWidth = resolveStrokeWidth(strokeWidth);
|
|
47
|
+
const trimmedTitle = title?.trim();
|
|
48
|
+
return (jsxRuntime.jsxs("svg", { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 24 24', width: resolvedSize, height: resolvedSize, fill: 'none', stroke: 'currentColor', strokeWidth: resolvedStrokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', className: clsx(icons_module.default.icon_svg, className), style: style, ...getA11yProps(title), children: [jsxRuntime.jsx("title", { children: trimmedTitle ?? 'Icon' }), children] }));
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
exports.IconSvg = IconSvg;
|
|
52
|
+
//# sourceMappingURL=IconSvg.cjs.map
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var IconSvg = require('./IconSvg.cjs');
|
|
6
|
+
|
|
7
|
+
function MinusIcon({ size = 'md', strokeWidth = 'bold', title, className, style }) {
|
|
8
|
+
return (jsxRuntime.jsx(IconSvg.IconSvg, { size: size, strokeWidth: strokeWidth, title: title, className: className, style: style, children: jsxRuntime.jsx("path", { d: 'M5 12H19' }) }));
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
exports.MinusIcon = MinusIcon;
|
|
12
|
+
//# sourceMappingURL=MinusIcon.cjs.map
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var IconSvg = require('./IconSvg.cjs');
|
|
6
|
+
|
|
7
|
+
function TriangleAlertIcon({ size = 'md', strokeWidth = 'regular', title, className, style }) {
|
|
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
|
+
}
|
|
10
|
+
|
|
11
|
+
exports.TriangleAlertIcon = TriangleAlertIcon;
|
|
12
|
+
//# sourceMappingURL=TriangleAlertIcon.cjs.map
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
'use strict';
|
|
3
|
+
require('./icons.css');
|
|
3
4
|
|
|
4
5
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
6
|
|
|
6
|
-
var styles = {"icon_svg":"
|
|
7
|
+
var styles = {"icon_svg":"icon_svg_7abdcced"};
|
|
7
8
|
|
|
8
9
|
exports.default = styles;
|
|
9
10
|
//# sourceMappingURL=icons.module.css.cjs.map
|
|
@@ -0,0 +1,38 @@
|
|
|
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 link_module = require('./link.module.css.cjs');
|
|
10
|
+
|
|
11
|
+
const ColorClassMap = {
|
|
12
|
+
primary: link_module.default['link-primary'],
|
|
13
|
+
text: link_module.default['link-text'],
|
|
14
|
+
muted: link_module.default['link-muted'],
|
|
15
|
+
info: link_module.default['link-info'],
|
|
16
|
+
success: link_module.default['link-success'],
|
|
17
|
+
warning: link_module.default['link-warning'],
|
|
18
|
+
error: link_module.default['link-error']
|
|
19
|
+
};
|
|
20
|
+
const UnderlineClassMap = {
|
|
21
|
+
always: link_module.default['underline-always'],
|
|
22
|
+
hover: link_module.default['underline-hover'],
|
|
23
|
+
none: link_module.default['underline-none']
|
|
24
|
+
};
|
|
25
|
+
function getSafeRelForTargetBlank(rel) {
|
|
26
|
+
const tokens = new Set((rel ?? '').split(/\s+/).filter(Boolean));
|
|
27
|
+
tokens.add('noopener');
|
|
28
|
+
tokens.add('noreferrer');
|
|
29
|
+
return Array.from(tokens).join(' ');
|
|
30
|
+
}
|
|
31
|
+
const Link = React.forwardRef(function Link({ color = 'primary', underline = 'hover', className, rel, target, ...props }, ref) {
|
|
32
|
+
const resolvedRel = target === '_blank' ? getSafeRelForTargetBlank(rel) : rel;
|
|
33
|
+
return (jsxRuntime.jsx("a", { ref: ref, target: target, rel: resolvedRel, className: clsx(link_module.default.link, ColorClassMap[color], UnderlineClassMap[underline], className), ...props }));
|
|
34
|
+
});
|
|
35
|
+
Link.displayName = 'Link';
|
|
36
|
+
|
|
37
|
+
exports.default = Link;
|
|
38
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
.link_c2b3a9ec {
|
|
2
|
+
font-size: 0.875rem;
|
|
3
|
+
line-height: 1.5;
|
|
4
|
+
font-weight: 500;
|
|
5
|
+
text-underline-offset: 0.2em;
|
|
6
|
+
transition: color 0.2s ease-in-out;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.link_c2b3a9ec:focus-visible {
|
|
10
|
+
outline: 2px solid var(--frey-color-focus-ring);
|
|
11
|
+
outline-offset: 2px;
|
|
12
|
+
border-radius: var(--frey-radius-sm);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.link-primary_fe2520fb {
|
|
16
|
+
color: var(--frey-color-primary);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.link-text_34e84248 {
|
|
20
|
+
color: var(--frey-color-text);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.link-muted_83f77e07 {
|
|
24
|
+
color: var(--frey-color-text-muted);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.link-info_ecada684 {
|
|
28
|
+
color: var(--frey-color-info);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.link-success_520e79f8 {
|
|
32
|
+
color: var(--frey-color-success);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.link-warning_61d4fe21 {
|
|
36
|
+
color: var(--frey-color-warning);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.link-error_00abf72f {
|
|
40
|
+
color: var(--frey-color-error);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.underline-always_d1a489af {
|
|
44
|
+
text-decoration-line: underline;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.underline-hover_b1509411 {
|
|
48
|
+
text-decoration-line: none;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.underline-hover_b1509411:hover {
|
|
52
|
+
text-decoration-line: underline;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.underline-none_d2d62a98 {
|
|
56
|
+
text-decoration-line: none;
|
|
57
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
require('./link.css');
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
6
|
+
|
|
7
|
+
var styles = {"link":"link_c2b3a9ec","link-primary":"link-primary_fe2520fb","link-text":"link-text_34e84248","link-muted":"link-muted_83f77e07","link-info":"link-info_ecada684","link-success":"link-success_520e79f8","link-warning":"link-warning_61d4fe21","link-error":"link-error_00abf72f","underline-always":"underline-always_d1a489af","underline-hover":"underline-hover_b1509411","underline-none":"underline-none_d2d62a98"};
|
|
8
|
+
|
|
9
|
+
exports.default = styles;
|
|
10
|
+
//# sourceMappingURL=link.module.css.cjs.map
|
|
@@ -4,13 +4,13 @@
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
5
|
|
|
6
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
var react = require('@floating-ui/react');
|
|
7
8
|
var clsx = require('clsx');
|
|
8
9
|
var React = require('react');
|
|
9
|
-
var
|
|
10
|
+
var floatingConfig = require('../hooks/floatingConfig.cjs');
|
|
10
11
|
var useControllableState = require('../hooks/useControllableState.cjs');
|
|
11
|
-
var useDismiss = require('../hooks/useDismiss.cjs');
|
|
12
|
-
var useFloatingPosition = require('../hooks/useFloatingPosition.cjs');
|
|
13
12
|
var mergeRefs = require('../utils/mergeRefs.cjs');
|
|
13
|
+
var Portal = require('../utils/Portal.cjs');
|
|
14
14
|
var slot = require('../utils/slot.cjs');
|
|
15
15
|
var popover_module = require('./popover.module.css.cjs');
|
|
16
16
|
|
|
@@ -25,71 +25,104 @@ function usePopoverContext() {
|
|
|
25
25
|
const PopoverRoot = function Popover({ open, defaultOpen = false, onOpenChange, placement = 'bottom', offset = 8, closeOnEscape = true, closeOnOutsideClick = true, children }) {
|
|
26
26
|
const idPrefix = React.useId();
|
|
27
27
|
const triggerRef = React.useRef(null);
|
|
28
|
+
const [referenceElement, setReferenceElement] = React.useState(null);
|
|
29
|
+
const [floatingElement, setFloatingElement] = React.useState(null);
|
|
28
30
|
const [currentOpen, handleOpenChange] = useControllableState.useControllableState(open, defaultOpen, onOpenChange);
|
|
31
|
+
const handleFloatingOpenChange = React.useCallback((nextOpen, _event, reason) => {
|
|
32
|
+
handleOpenChange(nextOpen);
|
|
33
|
+
if (!nextOpen && reason === 'escape-key') {
|
|
34
|
+
triggerRef.current?.focus();
|
|
35
|
+
}
|
|
36
|
+
}, [handleOpenChange]);
|
|
37
|
+
const floatingRootContext = react.useFloatingRootContext({
|
|
38
|
+
open: currentOpen,
|
|
39
|
+
onOpenChange: handleFloatingOpenChange,
|
|
40
|
+
elements: {
|
|
41
|
+
reference: referenceElement,
|
|
42
|
+
floating: floatingElement
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
const { refs, floatingStyles, context: floatingContext } = react.useFloating({
|
|
46
|
+
rootContext: floatingRootContext,
|
|
47
|
+
placement: floatingConfig.toFloatingPlacement(placement, 'center'),
|
|
48
|
+
middleware: floatingConfig.createFloatingMiddleware(offset),
|
|
49
|
+
strategy: 'fixed',
|
|
50
|
+
transform: false,
|
|
51
|
+
whileElementsMounted: react.autoUpdate
|
|
52
|
+
});
|
|
53
|
+
const dismiss = react.useDismiss(floatingContext, {
|
|
54
|
+
enabled: currentOpen,
|
|
55
|
+
escapeKey: closeOnEscape,
|
|
56
|
+
outsidePress: closeOnOutsideClick
|
|
57
|
+
});
|
|
58
|
+
const { getReferenceProps, getFloatingProps } = react.useInteractions([dismiss]);
|
|
59
|
+
const setReference = React.useCallback((node) => {
|
|
60
|
+
refs.setReference(node);
|
|
61
|
+
setReferenceElement(node);
|
|
62
|
+
}, [refs]);
|
|
63
|
+
const setFloating = React.useCallback((node) => {
|
|
64
|
+
refs.setFloating(node);
|
|
65
|
+
setFloatingElement(node);
|
|
66
|
+
}, [refs]);
|
|
29
67
|
const contextValue = React.useMemo(() => ({
|
|
30
68
|
open: currentOpen,
|
|
31
69
|
onOpenChange: handleOpenChange,
|
|
32
|
-
placement,
|
|
33
|
-
offset,
|
|
34
70
|
idPrefix,
|
|
35
71
|
triggerRef,
|
|
36
|
-
|
|
37
|
-
|
|
72
|
+
setReference,
|
|
73
|
+
setFloating,
|
|
74
|
+
floatingStyles,
|
|
75
|
+
floatingContext,
|
|
76
|
+
getReferenceProps,
|
|
77
|
+
getFloatingProps
|
|
38
78
|
}), [
|
|
39
79
|
currentOpen,
|
|
40
80
|
handleOpenChange,
|
|
41
|
-
placement,
|
|
42
|
-
offset,
|
|
43
81
|
idPrefix,
|
|
44
|
-
|
|
45
|
-
|
|
82
|
+
setReference,
|
|
83
|
+
setFloating,
|
|
84
|
+
floatingStyles,
|
|
85
|
+
floatingContext,
|
|
86
|
+
getReferenceProps,
|
|
87
|
+
getFloatingProps
|
|
46
88
|
]);
|
|
47
89
|
return (jsxRuntime.jsx(PopoverContext.Provider, { value: contextValue, children: children }));
|
|
48
90
|
};
|
|
49
91
|
PopoverRoot.displayName = 'Popover';
|
|
50
92
|
const PopoverTrigger = React.forwardRef(function PopoverTrigger({ children, asChild = false, onClick, type, ...triggerProps }, ref) {
|
|
51
|
-
const { open, onOpenChange, idPrefix, triggerRef } = usePopoverContext();
|
|
52
|
-
const mergedRef = mergeRefs.mergeRefs(ref, triggerRef);
|
|
93
|
+
const { open, onOpenChange, idPrefix, triggerRef, setReference, getReferenceProps } = usePopoverContext();
|
|
94
|
+
const mergedRef = mergeRefs.mergeRefs(ref, triggerRef, setReference);
|
|
53
95
|
const handleClick = (event) => {
|
|
54
96
|
onClick?.(event);
|
|
55
97
|
if (!event.defaultPrevented) {
|
|
56
98
|
onOpenChange(!open);
|
|
57
99
|
}
|
|
58
100
|
};
|
|
101
|
+
const referenceProps = getReferenceProps({
|
|
102
|
+
...triggerProps,
|
|
103
|
+
onClick: handleClick,
|
|
104
|
+
'aria-haspopup': 'dialog',
|
|
105
|
+
'aria-expanded': open,
|
|
106
|
+
'aria-controls': `${idPrefix}-content`
|
|
107
|
+
});
|
|
59
108
|
if (asChild) {
|
|
60
109
|
if (!React.isValidElement(children)) {
|
|
61
110
|
throw new Error('Popover.Trigger with asChild expects a single valid React element child.');
|
|
62
111
|
}
|
|
63
|
-
return (jsxRuntime.jsx(slot.Slot, { ref: mergedRef, ...
|
|
112
|
+
return (jsxRuntime.jsx(slot.Slot, { ref: mergedRef, ...referenceProps, children: children }));
|
|
64
113
|
}
|
|
65
|
-
return (jsxRuntime.jsx("button", { ref: mergedRef,
|
|
114
|
+
return (jsxRuntime.jsx("button", { ref: mergedRef, type: type ?? 'button', ...referenceProps, children: children }));
|
|
66
115
|
});
|
|
67
116
|
PopoverTrigger.displayName = 'Popover.Trigger';
|
|
68
117
|
const PopoverContent = React.forwardRef(function PopoverContent({ className, style, children, ...props }, ref) {
|
|
69
|
-
const { open,
|
|
70
|
-
const
|
|
71
|
-
|
|
72
|
-
open,
|
|
73
|
-
placement,
|
|
74
|
-
offset,
|
|
75
|
-
align: 'center'
|
|
76
|
-
});
|
|
77
|
-
useDismiss.useDismiss({
|
|
78
|
-
open,
|
|
79
|
-
onClose: () => onOpenChange(false),
|
|
80
|
-
triggerRef,
|
|
81
|
-
contentRef,
|
|
82
|
-
closeOnEscape,
|
|
83
|
-
closeOnOutsideClick,
|
|
84
|
-
returnFocusOnClose: true
|
|
85
|
-
});
|
|
86
|
-
if (!open || typeof document === 'undefined')
|
|
118
|
+
const { open, idPrefix, setFloating, floatingStyles, floatingContext, getFloatingProps } = usePopoverContext();
|
|
119
|
+
const floatingProps = getFloatingProps(props);
|
|
120
|
+
if (!open)
|
|
87
121
|
return null;
|
|
88
|
-
return
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
}, ...props, children: children }), document.body);
|
|
122
|
+
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}-content`, ref: mergeRefs.mergeRefs(ref, setFloating), "aria-live": 'polite', className: clsx(popover_module.default.popover_content, className), style: {
|
|
123
|
+
...floatingStyles,
|
|
124
|
+
...style
|
|
125
|
+
}, ...floatingProps, children: children }) }) }));
|
|
93
126
|
});
|
|
94
127
|
PopoverContent.displayName = 'Popover.Content';
|
|
95
128
|
const Popover = Object.assign(PopoverRoot, {
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
.popover_content_0199c0e3 {
|
|
2
|
+
position: fixed;
|
|
3
|
+
z-index: 50;
|
|
4
|
+
min-width: 12rem;
|
|
5
|
+
max-width: min(24rem, calc(100vw - 1rem));
|
|
6
|
+
border: 1px solid var(--frey-color-border, #d1d5db);
|
|
7
|
+
border-radius: 0.625rem;
|
|
8
|
+
background-color: var(--frey-color-surface, #fff);
|
|
9
|
+
color: var(--frey-color-text-primary, #111827);
|
|
10
|
+
box-shadow: 0 14px 28px rgb(17 24 39 / 18%);
|
|
11
|
+
padding: 0.75rem;
|
|
12
|
+
animation: popover_in_3ec8b17e 0.16s ease;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
@keyframes popover_in_3ec8b17e {
|
|
16
|
+
from {
|
|
17
|
+
opacity: 0;
|
|
18
|
+
transform: translateY(-4px) scale(0.98);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
to {
|
|
22
|
+
opacity: 1;
|
|
23
|
+
transform: translateY(0) scale(1);
|
|
24
|
+
}
|
|
25
|
+
}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
'use strict';
|
|
3
|
+
require('./popover.css');
|
|
3
4
|
|
|
4
5
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
6
|
|
|
6
|
-
var styles = {"popover_content":"
|
|
7
|
+
var styles = {"popover_content":"popover_content_0199c0e3"};
|
|
7
8
|
|
|
8
9
|
exports.default = styles;
|
|
9
10
|
//# sourceMappingURL=popover.module.css.cjs.map
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
.progress_root_6f94cd52 {
|
|
2
|
+
display: grid;
|
|
3
|
+
gap: 0.5rem;
|
|
4
|
+
width: 100%;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.progress_header_089eb6ee {
|
|
8
|
+
display: flex;
|
|
9
|
+
align-items: center;
|
|
10
|
+
justify-content: space-between;
|
|
11
|
+
gap: 0.5rem;
|
|
12
|
+
font-size: 0.8125rem;
|
|
13
|
+
color: var(--frey-color-text-secondary, #6b7280);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.progress_label_06e22390,
|
|
17
|
+
.progress_value_ae7b17e7 {
|
|
18
|
+
line-height: 1.2;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.progress_track_wrapper_46802392 {
|
|
22
|
+
width: 100%;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.progress_track_d33f2771 {
|
|
26
|
+
width: 100%;
|
|
27
|
+
margin: 0;
|
|
28
|
+
border: 0;
|
|
29
|
+
border-radius: 9999px;
|
|
30
|
+
appearance: none;
|
|
31
|
+
background: var(--frey-color-border-subtle, #e5e7eb);
|
|
32
|
+
overflow: hidden;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.progress_track_d33f2771::-webkit-progress-bar {
|
|
36
|
+
background: var(--frey-color-border-subtle, #e5e7eb);
|
|
37
|
+
border-radius: 9999px;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.progress_track_d33f2771::-webkit-progress-value {
|
|
41
|
+
background: var(--frey-color-primary, #3b82f6);
|
|
42
|
+
border-radius: 9999px;
|
|
43
|
+
transition: width 0.24s ease;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.progress_track_d33f2771::-moz-progress-bar {
|
|
47
|
+
background: var(--frey-color-primary, #3b82f6);
|
|
48
|
+
border-radius: 9999px;
|
|
49
|
+
transition: width 0.24s ease;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.progress_sm_0cdfe5b3 .progress_track_d33f2771 {
|
|
53
|
+
height: 0.375rem;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.progress_md_69394849 .progress_track_d33f2771 {
|
|
57
|
+
height: 0.5rem;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.progress_lg_310e7535 .progress_track_d33f2771 {
|
|
61
|
+
height: 0.75rem;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.progress_track_indeterminate_50b31de5 {
|
|
65
|
+
position: relative;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.progress_track_indeterminate_50b31de5::before {
|
|
69
|
+
content: '';
|
|
70
|
+
position: absolute;
|
|
71
|
+
inset: 0;
|
|
72
|
+
width: 35%;
|
|
73
|
+
border-radius: inherit;
|
|
74
|
+
background: var(--frey-color-primary, #3b82f6);
|
|
75
|
+
animation: indeterminate_slide_868fc376 1.1s ease-in-out infinite;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
@keyframes indeterminate_slide_868fc376 {
|
|
79
|
+
from {
|
|
80
|
+
transform: translateX(-120%);
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
to {
|
|
84
|
+
transform: translateX(320%);
|
|
85
|
+
}
|
|
86
|
+
}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
'use strict';
|
|
3
|
+
require('./progress.css');
|
|
3
4
|
|
|
4
5
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
6
|
|
|
6
|
-
var styles = {"progress_root":"
|
|
7
|
+
var styles = {"progress_root":"progress_root_6f94cd52","progress_header":"progress_header_089eb6ee","progress_label":"progress_label_06e22390","progress_value":"progress_value_ae7b17e7","progress_track_wrapper":"progress_track_wrapper_46802392","progress_track":"progress_track_d33f2771","progress_sm":"progress_sm_0cdfe5b3","progress_md":"progress_md_69394849","progress_lg":"progress_lg_310e7535","progress_track_indeterminate":"progress_track_indeterminate_50b31de5"};
|
|
7
8
|
|
|
8
9
|
exports.default = styles;
|
|
9
10
|
//# sourceMappingURL=progress.module.css.cjs.map
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
.radio_group_2ca42a8d {
|
|
2
|
+
display: flex;
|
|
3
|
+
gap: 0.625rem;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.radio_group_vertical_a607eba4 {
|
|
7
|
+
flex-direction: column;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.radio_group_horizontal_22de4cd3 {
|
|
11
|
+
flex-direction: row;
|
|
12
|
+
flex-wrap: wrap;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.radio_group_disabled_a27207ed {
|
|
16
|
+
opacity: 0.7;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.radio_option_4a7e8ab2 {
|
|
20
|
+
display: inline-flex;
|
|
21
|
+
gap: 0.5rem;
|
|
22
|
+
align-items: flex-start;
|
|
23
|
+
cursor: pointer;
|
|
24
|
+
user-select: none;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.radio_option_disabled_94631095 {
|
|
28
|
+
cursor: not-allowed;
|
|
29
|
+
opacity: 0.6;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.radio_input_9f1699c9 {
|
|
33
|
+
margin: 0;
|
|
34
|
+
width: 1rem;
|
|
35
|
+
height: 1rem;
|
|
36
|
+
accent-color: var(--frey-focus-ring, #9333ea);
|
|
37
|
+
transform: translateY(0.125rem);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.radio_input_9f1699c9:focus-visible {
|
|
41
|
+
outline: 2px solid var(--frey-focus-ring, #9333ea);
|
|
42
|
+
outline-offset: 2px;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.radio_text_content_f708c267 {
|
|
46
|
+
display: inline-flex;
|
|
47
|
+
flex-direction: column;
|
|
48
|
+
gap: 0.125rem;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.radio_label_925f25a2 {
|
|
52
|
+
font-size: 0.875rem;
|
|
53
|
+
color: var(--frey-color-text-primary);
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.radio_description_3b681168 {
|
|
57
|
+
font-size: 0.75rem;
|
|
58
|
+
color: var(--frey-color-text-secondary, #6b7280);
|
|
59
|
+
}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
'use strict';
|
|
3
|
+
require('./radiogroup.css');
|
|
3
4
|
|
|
4
5
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
6
|
|
|
6
|
-
var styles = {"radio_group":"
|
|
7
|
+
var styles = {"radio_group":"radio_group_2ca42a8d","radio_group_vertical":"radio_group_vertical_a607eba4","radio_group_horizontal":"radio_group_horizontal_22de4cd3","radio_group_disabled":"radio_group_disabled_a27207ed","radio_option":"radio_option_4a7e8ab2","radio_option_disabled":"radio_option_disabled_94631095","radio_input":"radio_input_9f1699c9","radio_text_content":"radio_text_content_f708c267","radio_label":"radio_label_925f25a2","radio_description":"radio_description_3b681168"};
|
|
7
8
|
|
|
8
9
|
exports.default = styles;
|
|
9
10
|
//# sourceMappingURL=radiogroup.module.css.cjs.map
|