frey-ui 1.0.9 → 1.0.11
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 +25 -162
- package/dist/cjs/Accordion/accordion.module.css.cjs +9 -0
- package/dist/cjs/Accordion/accordion.module.css.cjs.map +1 -0
- package/dist/cjs/Accordion/index.cjs +99 -0
- package/dist/cjs/Accordion/index.cjs.map +1 -0
- package/dist/cjs/Alert/{alert.module.css.js → alert.module.css.cjs} +2 -2
- package/dist/cjs/Alert/alert.module.css.cjs.map +1 -0
- package/dist/cjs/Alert/index.cjs +36 -0
- package/dist/cjs/Alert/index.cjs.map +1 -0
- package/dist/cjs/Avatar/avatar.module.css.cjs +9 -0
- package/dist/cjs/Avatar/avatar.module.css.cjs.map +1 -0
- package/dist/cjs/Avatar/index.cjs +53 -0
- package/dist/cjs/Avatar/index.cjs.map +1 -0
- package/dist/cjs/Button/{button.module.css.js → button.module.css.cjs} +1 -1
- package/dist/cjs/Button/button.module.css.cjs.map +1 -0
- package/dist/cjs/Button/index.cjs +30 -0
- package/dist/cjs/Button/index.cjs.map +1 -0
- package/dist/cjs/Card/card.module.css.cjs +9 -0
- package/dist/cjs/Card/card.module.css.cjs.map +1 -0
- package/dist/cjs/Card/index.cjs +40 -0
- package/dist/cjs/Card/index.cjs.map +1 -0
- package/dist/cjs/Checkbox/{checkbox.module.css.js → checkbox.module.css.cjs} +1 -1
- package/dist/cjs/Checkbox/checkbox.module.css.cjs.map +1 -0
- package/dist/cjs/Checkbox/index.cjs +47 -0
- package/dist/cjs/Checkbox/index.cjs.map +1 -0
- package/dist/cjs/Chip/{chip.module.css.js → chip.module.css.cjs} +1 -1
- package/dist/cjs/Chip/chip.module.css.cjs.map +1 -0
- package/dist/cjs/Chip/{index.js → index.cjs} +7 -11
- package/dist/cjs/Chip/index.cjs.map +1 -0
- package/dist/cjs/Dialog/dialog.module.css.cjs +9 -0
- package/dist/cjs/Dialog/dialog.module.css.cjs.map +1 -0
- package/dist/cjs/Dialog/index.cjs +195 -0
- package/dist/cjs/Dialog/index.cjs.map +1 -0
- package/dist/cjs/DropdownMenu/dropdownmenu.module.css.cjs +9 -0
- package/dist/cjs/DropdownMenu/dropdownmenu.module.css.cjs.map +1 -0
- package/dist/cjs/DropdownMenu/index.cjs +153 -0
- package/dist/cjs/DropdownMenu/index.cjs.map +1 -0
- package/dist/cjs/Field/field.module.css.cjs +9 -0
- package/dist/cjs/Field/field.module.css.cjs.map +1 -0
- package/dist/cjs/Field/index.cjs +35 -0
- package/dist/cjs/Field/index.cjs.map +1 -0
- package/dist/cjs/Icons/icons.module.css.cjs +9 -0
- package/dist/cjs/Icons/icons.module.css.cjs.map +1 -0
- package/dist/cjs/Icons/index.cjs +96 -0
- package/dist/cjs/Icons/index.cjs.map +1 -0
- package/dist/cjs/Popover/index.cjs +102 -0
- package/dist/cjs/Popover/index.cjs.map +1 -0
- package/dist/cjs/Popover/popover.module.css.cjs +9 -0
- package/dist/cjs/Popover/popover.module.css.cjs.map +1 -0
- package/dist/cjs/Progress/index.cjs +29 -0
- package/dist/cjs/Progress/index.cjs.map +1 -0
- package/dist/cjs/Progress/progress.module.css.cjs +9 -0
- package/dist/cjs/Progress/progress.module.css.cjs.map +1 -0
- package/dist/cjs/RadioGroup/index.cjs +42 -0
- package/dist/cjs/RadioGroup/index.cjs.map +1 -0
- package/dist/cjs/RadioGroup/radiogroup.module.css.cjs +9 -0
- package/dist/cjs/RadioGroup/radiogroup.module.css.cjs.map +1 -0
- package/dist/cjs/Select/index.cjs +28 -0
- package/dist/cjs/Select/index.cjs.map +1 -0
- package/dist/cjs/Select/select.module.css.cjs +9 -0
- package/dist/cjs/Select/select.module.css.cjs.map +1 -0
- package/dist/cjs/Skeleton/index.cjs +27 -0
- package/dist/cjs/Skeleton/index.cjs.map +1 -0
- package/dist/cjs/Skeleton/{skeleton.module.css.js → skeleton.module.css.cjs} +1 -1
- package/dist/cjs/Skeleton/skeleton.module.css.cjs.map +1 -0
- package/dist/cjs/Spinner/index.cjs +32 -0
- package/dist/cjs/Spinner/index.cjs.map +1 -0
- package/dist/cjs/Spinner/spinner.module.css.cjs +9 -0
- package/dist/cjs/Spinner/spinner.module.css.cjs.map +1 -0
- package/dist/cjs/Switch/{index.js → index.cjs} +7 -9
- package/dist/cjs/Switch/index.cjs.map +1 -0
- package/dist/cjs/Switch/{switch.module.css.js → switch.module.css.cjs} +1 -1
- package/dist/cjs/Switch/switch.module.css.cjs.map +1 -0
- package/dist/cjs/Tabs/index.cjs +87 -0
- package/dist/cjs/Tabs/index.cjs.map +1 -0
- package/dist/cjs/Tabs/tabs.module.css.cjs +9 -0
- package/dist/cjs/Tabs/tabs.module.css.cjs.map +1 -0
- package/dist/cjs/TextInput/{index.js → index.cjs} +6 -8
- package/dist/cjs/TextInput/index.cjs.map +1 -0
- package/dist/cjs/TextInput/{textinput.module.css.js → textinput.module.css.cjs} +1 -1
- package/dist/cjs/TextInput/textinput.module.css.cjs.map +1 -0
- package/dist/cjs/Textarea/index.cjs +28 -0
- package/dist/cjs/Textarea/index.cjs.map +1 -0
- package/dist/cjs/Textarea/textarea.module.css.cjs +9 -0
- package/dist/cjs/Textarea/textarea.module.css.cjs.map +1 -0
- package/dist/cjs/ThemeProvider/index.cjs +29 -0
- package/dist/cjs/ThemeProvider/index.cjs.map +1 -0
- package/dist/cjs/ThemeProvider/{themeprovider.module.css.js → themeprovider.module.css.cjs} +1 -1
- package/dist/cjs/ThemeProvider/themeprovider.module.css.cjs.map +1 -0
- package/dist/cjs/Toast/index.cjs +109 -0
- package/dist/cjs/Toast/index.cjs.map +1 -0
- package/dist/cjs/Toast/toast.module.css.cjs +9 -0
- package/dist/cjs/Toast/toast.module.css.cjs.map +1 -0
- package/dist/cjs/Tooltip/index.cjs +102 -0
- package/dist/cjs/Tooltip/index.cjs.map +1 -0
- package/dist/cjs/Tooltip/tooltip.module.css.cjs +9 -0
- package/dist/cjs/Tooltip/tooltip.module.css.cjs.map +1 -0
- package/dist/cjs/hooks/useControllableState.cjs +24 -0
- package/dist/cjs/hooks/useControllableState.cjs.map +1 -0
- package/dist/cjs/hooks/useDismiss.cjs +44 -0
- package/dist/cjs/hooks/useDismiss.cjs.map +1 -0
- package/dist/cjs/hooks/useFloatingPosition.cjs +68 -0
- package/dist/cjs/hooks/useFloatingPosition.cjs.map +1 -0
- package/dist/cjs/index.cjs +64 -0
- package/dist/cjs/index.cjs.map +1 -0
- package/dist/cjs/utils/clamp.cjs +9 -0
- package/dist/cjs/utils/clamp.cjs.map +1 -0
- package/dist/cjs/utils/mergeRefs.cjs +21 -0
- package/dist/cjs/utils/mergeRefs.cjs.map +1 -0
- package/dist/cjs/utils/slot.cjs +61 -0
- package/dist/cjs/utils/slot.cjs.map +1 -0
- package/dist/esm/Accordion/accordion.module.css.mjs +5 -0
- package/dist/esm/Accordion/accordion.module.css.mjs.map +1 -0
- package/dist/esm/Accordion/index.mjs +94 -0
- package/dist/esm/Accordion/index.mjs.map +1 -0
- package/dist/esm/Alert/{alert.module.css.js → alert.module.css.mjs} +2 -2
- package/dist/esm/Alert/alert.module.css.mjs.map +1 -0
- package/dist/esm/Alert/index.mjs +32 -0
- package/dist/esm/Alert/index.mjs.map +1 -0
- package/dist/esm/Avatar/avatar.module.css.mjs +5 -0
- package/dist/esm/Avatar/avatar.module.css.mjs.map +1 -0
- package/dist/esm/Avatar/index.mjs +49 -0
- package/dist/esm/Avatar/index.mjs.map +1 -0
- package/dist/esm/Button/{button.module.css.js → button.module.css.mjs} +1 -1
- package/dist/esm/Button/button.module.css.mjs.map +1 -0
- package/dist/esm/Button/index.mjs +26 -0
- package/dist/esm/Button/index.mjs.map +1 -0
- package/dist/esm/Card/card.module.css.mjs +5 -0
- package/dist/esm/Card/card.module.css.mjs.map +1 -0
- package/dist/esm/Card/index.mjs +35 -0
- package/dist/esm/Card/index.mjs.map +1 -0
- package/dist/esm/Checkbox/{checkbox.module.css.js → checkbox.module.css.mjs} +1 -1
- package/dist/esm/Checkbox/checkbox.module.css.mjs.map +1 -0
- package/dist/esm/Checkbox/index.mjs +43 -0
- package/dist/esm/Checkbox/index.mjs.map +1 -0
- package/dist/esm/Chip/{chip.module.css.js → chip.module.css.mjs} +1 -1
- package/dist/esm/Chip/chip.module.css.mjs.map +1 -0
- package/dist/esm/Chip/{index.js → index.mjs} +7 -11
- package/dist/esm/Chip/index.mjs.map +1 -0
- package/dist/esm/Dialog/dialog.module.css.mjs +5 -0
- package/dist/esm/Dialog/dialog.module.css.mjs.map +1 -0
- package/dist/esm/Dialog/index.mjs +190 -0
- package/dist/esm/Dialog/index.mjs.map +1 -0
- package/dist/esm/DropdownMenu/dropdownmenu.module.css.mjs +5 -0
- package/dist/esm/DropdownMenu/dropdownmenu.module.css.mjs.map +1 -0
- package/dist/esm/DropdownMenu/index.mjs +148 -0
- package/dist/esm/DropdownMenu/index.mjs.map +1 -0
- package/dist/esm/Field/field.module.css.mjs +5 -0
- package/dist/esm/Field/field.module.css.mjs.map +1 -0
- package/dist/esm/Field/index.mjs +31 -0
- package/dist/esm/Field/index.mjs.map +1 -0
- package/dist/esm/Icons/icons.module.css.mjs +5 -0
- package/dist/esm/Icons/icons.module.css.mjs.map +1 -0
- package/dist/esm/Icons/index.mjs +84 -0
- package/dist/esm/Icons/index.mjs.map +1 -0
- package/dist/esm/Popover/index.mjs +97 -0
- package/dist/esm/Popover/index.mjs.map +1 -0
- package/dist/esm/Popover/popover.module.css.mjs +5 -0
- package/dist/esm/Popover/popover.module.css.mjs.map +1 -0
- package/dist/esm/Progress/index.mjs +25 -0
- package/dist/esm/Progress/index.mjs.map +1 -0
- package/dist/esm/Progress/progress.module.css.mjs +5 -0
- package/dist/esm/Progress/progress.module.css.mjs.map +1 -0
- package/dist/esm/RadioGroup/index.mjs +38 -0
- package/dist/esm/RadioGroup/index.mjs.map +1 -0
- package/dist/esm/RadioGroup/radiogroup.module.css.mjs +5 -0
- package/dist/esm/RadioGroup/radiogroup.module.css.mjs.map +1 -0
- package/dist/esm/Select/index.mjs +24 -0
- package/dist/esm/Select/index.mjs.map +1 -0
- package/dist/esm/Select/select.module.css.mjs +5 -0
- package/dist/esm/Select/select.module.css.mjs.map +1 -0
- package/dist/esm/Skeleton/index.mjs +23 -0
- package/dist/esm/Skeleton/index.mjs.map +1 -0
- package/dist/esm/Skeleton/{skeleton.module.css.js → skeleton.module.css.mjs} +1 -1
- package/dist/esm/Skeleton/skeleton.module.css.mjs.map +1 -0
- package/dist/esm/Spinner/index.mjs +28 -0
- package/dist/esm/Spinner/index.mjs.map +1 -0
- package/dist/esm/Spinner/spinner.module.css.mjs +5 -0
- package/dist/esm/Spinner/spinner.module.css.mjs.map +1 -0
- package/dist/esm/Switch/index.mjs +34 -0
- package/dist/esm/Switch/index.mjs.map +1 -0
- package/dist/esm/Switch/{switch.module.css.js → switch.module.css.mjs} +1 -1
- package/dist/esm/Switch/switch.module.css.mjs.map +1 -0
- package/dist/esm/Tabs/index.mjs +82 -0
- package/dist/esm/Tabs/index.mjs.map +1 -0
- package/dist/esm/Tabs/tabs.module.css.mjs +5 -0
- package/dist/esm/Tabs/tabs.module.css.mjs.map +1 -0
- package/dist/esm/TextInput/index.mjs +27 -0
- package/dist/esm/TextInput/index.mjs.map +1 -0
- package/dist/esm/TextInput/{textinput.module.css.js → textinput.module.css.mjs} +1 -1
- package/dist/esm/TextInput/textinput.module.css.mjs.map +1 -0
- package/dist/esm/Textarea/index.mjs +24 -0
- package/dist/esm/Textarea/index.mjs.map +1 -0
- package/dist/esm/Textarea/textarea.module.css.mjs +5 -0
- package/dist/esm/Textarea/textarea.module.css.mjs.map +1 -0
- package/dist/esm/ThemeProvider/index.mjs +25 -0
- package/dist/esm/ThemeProvider/index.mjs.map +1 -0
- package/dist/esm/ThemeProvider/{themeprovider.module.css.js → themeprovider.module.css.mjs} +1 -1
- package/dist/esm/ThemeProvider/themeprovider.module.css.mjs.map +1 -0
- package/dist/esm/Toast/index.mjs +106 -0
- package/dist/esm/Toast/index.mjs.map +1 -0
- package/dist/esm/Toast/toast.module.css.mjs +5 -0
- package/dist/esm/Toast/toast.module.css.mjs.map +1 -0
- package/dist/esm/Tooltip/index.mjs +98 -0
- package/dist/esm/Tooltip/index.mjs.map +1 -0
- package/dist/esm/Tooltip/tooltip.module.css.mjs +5 -0
- package/dist/esm/Tooltip/tooltip.module.css.mjs.map +1 -0
- package/dist/esm/hooks/useControllableState.mjs +22 -0
- package/dist/esm/hooks/useControllableState.mjs.map +1 -0
- package/dist/esm/hooks/useDismiss.mjs +42 -0
- package/dist/esm/hooks/useDismiss.mjs.map +1 -0
- package/dist/esm/hooks/useFloatingPosition.mjs +66 -0
- package/dist/esm/hooks/useFloatingPosition.mjs.map +1 -0
- package/dist/esm/index.mjs +26 -0
- package/dist/esm/index.mjs.map +1 -0
- package/dist/esm/utils/clamp.mjs +7 -0
- package/dist/esm/utils/clamp.mjs.map +1 -0
- package/dist/esm/utils/mergeRefs.mjs +19 -0
- package/dist/esm/utils/mergeRefs.mjs.map +1 -0
- package/dist/esm/utils/slot.mjs +58 -0
- package/dist/esm/utils/slot.mjs.map +1 -0
- package/dist/index.d.ts +420 -22
- package/dist/styles.css +2 -1
- package/dist/styles.css.map +1 -1
- package/dist/types/src/Accordion/index.d.ts +29 -0
- package/dist/types/src/Accordion/index.d.ts.map +1 -0
- package/dist/types/src/Alert/index.d.ts +4 -2
- package/dist/types/src/Alert/index.d.ts.map +1 -0
- package/dist/types/src/Avatar/index.d.ts +14 -0
- package/dist/types/src/Avatar/index.d.ts.map +1 -0
- package/dist/types/src/Button/index.d.ts +8 -6
- package/dist/types/src/Button/index.d.ts.map +1 -0
- package/dist/types/src/Card/index.d.ts +25 -0
- package/dist/types/src/Card/index.d.ts.map +1 -0
- package/dist/types/src/Checkbox/index.d.ts +3 -1
- package/dist/types/src/Checkbox/index.d.ts.map +1 -0
- package/dist/types/src/Chip/index.d.ts +9 -5
- package/dist/types/src/Chip/index.d.ts.map +1 -0
- package/dist/types/src/Dialog/index.d.ts +59 -0
- package/dist/types/src/Dialog/index.d.ts.map +1 -0
- package/dist/types/src/DropdownMenu/index.d.ts +41 -0
- package/dist/types/src/DropdownMenu/index.d.ts.map +1 -0
- package/dist/types/src/Field/index.d.ts +23 -0
- package/dist/types/src/Field/index.d.ts.map +1 -0
- package/dist/types/src/Icons/index.d.ts +31 -0
- package/dist/types/src/Icons/index.d.ts.map +1 -0
- package/dist/types/src/Popover/index.d.ts +33 -0
- package/dist/types/src/Popover/index.d.ts.map +1 -0
- package/dist/types/src/Progress/index.d.ts +17 -0
- package/dist/types/src/Progress/index.d.ts.map +1 -0
- package/dist/types/src/RadioGroup/index.d.ts +29 -0
- package/dist/types/src/RadioGroup/index.d.ts.map +1 -0
- package/dist/types/src/Select/index.d.ts +16 -0
- package/dist/types/src/Select/index.d.ts.map +1 -0
- package/dist/types/src/Skeleton/index.d.ts +4 -2
- package/dist/types/src/Skeleton/index.d.ts.map +1 -0
- package/dist/types/src/Spinner/index.d.ts +12 -0
- package/dist/types/src/Spinner/index.d.ts.map +1 -0
- package/dist/types/src/Switch/index.d.ts +3 -1
- package/dist/types/src/Switch/index.d.ts.map +1 -0
- package/dist/types/src/Tabs/index.d.ts +29 -0
- package/dist/types/src/Tabs/index.d.ts.map +1 -0
- package/dist/types/src/TextInput/index.d.ts +3 -1
- package/dist/types/src/TextInput/index.d.ts.map +1 -0
- package/dist/types/src/Textarea/index.d.ts +15 -0
- package/dist/types/src/Textarea/index.d.ts.map +1 -0
- package/dist/types/src/ThemeProvider/index.d.ts +4 -2
- package/dist/types/src/ThemeProvider/index.d.ts.map +1 -0
- package/dist/types/src/Toast/index.d.ts +31 -0
- package/dist/types/src/Toast/index.d.ts.map +1 -0
- package/dist/types/src/Tooltip/index.d.ts +19 -0
- package/dist/types/src/Tooltip/index.d.ts.map +1 -0
- package/dist/types/src/hooks/useControllableState.d.ts +6 -0
- package/dist/types/src/hooks/useControllableState.d.ts.map +1 -0
- package/dist/types/src/hooks/useDismiss.d.ts +18 -0
- package/dist/types/src/hooks/useDismiss.d.ts.map +1 -0
- package/dist/types/src/hooks/useFloatingPosition.d.ts +26 -0
- package/dist/types/src/hooks/useFloatingPosition.d.ts.map +1 -0
- package/dist/types/src/index.d.ts +33 -0
- package/dist/types/src/index.d.ts.map +1 -0
- package/dist/types/src/types/polymorphic.d.ts +6 -0
- package/dist/types/src/types/polymorphic.d.ts.map +1 -0
- package/dist/types/src/utils/clamp.d.ts +2 -0
- package/dist/types/src/utils/clamp.d.ts.map +1 -0
- package/dist/types/src/utils/mergeRefs.d.ts +3 -0
- package/dist/types/src/utils/mergeRefs.d.ts.map +1 -0
- package/dist/types/src/utils/slot.d.ts +12 -0
- package/dist/types/src/utils/slot.d.ts.map +1 -0
- package/package.json +133 -16
- package/dist/cjs/Alert/alert.module.css.js.map +0 -1
- package/dist/cjs/Alert/index.js +0 -33
- package/dist/cjs/Alert/index.js.map +0 -1
- package/dist/cjs/Button/button.module.css.js.map +0 -1
- package/dist/cjs/Button/index.js +0 -34
- package/dist/cjs/Button/index.js.map +0 -1
- package/dist/cjs/Checkbox/checkbox.module.css.js.map +0 -1
- package/dist/cjs/Checkbox/index.js +0 -48
- package/dist/cjs/Checkbox/index.js.map +0 -1
- package/dist/cjs/Chip/chip.module.css.js.map +0 -1
- package/dist/cjs/Chip/index.js.map +0 -1
- package/dist/cjs/Skeleton/index.js +0 -21
- package/dist/cjs/Skeleton/index.js.map +0 -1
- package/dist/cjs/Skeleton/skeleton.module.css.js.map +0 -1
- package/dist/cjs/Switch/index.js.map +0 -1
- package/dist/cjs/Switch/switch.module.css.js.map +0 -1
- package/dist/cjs/TextInput/index.js.map +0 -1
- package/dist/cjs/TextInput/textinput.module.css.js.map +0 -1
- package/dist/cjs/ThemeProvider/index.js +0 -15
- package/dist/cjs/ThemeProvider/index.js.map +0 -1
- package/dist/cjs/ThemeProvider/themeprovider.module.css.js.map +0 -1
- package/dist/cjs/index.js +0 -23
- package/dist/cjs/index.js.map +0 -1
- package/dist/esm/Alert/alert.module.css.js.map +0 -1
- package/dist/esm/Alert/index.js +0 -29
- package/dist/esm/Alert/index.js.map +0 -1
- package/dist/esm/Button/button.module.css.js.map +0 -1
- package/dist/esm/Button/index.js +0 -30
- package/dist/esm/Button/index.js.map +0 -1
- package/dist/esm/Checkbox/checkbox.module.css.js.map +0 -1
- package/dist/esm/Checkbox/index.js +0 -44
- package/dist/esm/Checkbox/index.js.map +0 -1
- package/dist/esm/Chip/chip.module.css.js.map +0 -1
- package/dist/esm/Chip/index.js.map +0 -1
- package/dist/esm/Skeleton/index.js +0 -17
- package/dist/esm/Skeleton/index.js.map +0 -1
- package/dist/esm/Skeleton/skeleton.module.css.js.map +0 -1
- package/dist/esm/Switch/index.js +0 -36
- package/dist/esm/Switch/index.js.map +0 -1
- package/dist/esm/Switch/switch.module.css.js.map +0 -1
- package/dist/esm/TextInput/index.js +0 -29
- package/dist/esm/TextInput/index.js.map +0 -1
- package/dist/esm/TextInput/textinput.module.css.js.map +0 -1
- package/dist/esm/ThemeProvider/index.js +0 -11
- package/dist/esm/ThemeProvider/index.js.map +0 -1
- package/dist/esm/ThemeProvider/themeprovider.module.css.js.map +0 -1
- package/dist/esm/index.js +0 -10
- package/dist/esm/index.js.map +0 -1
- package/dist/tsconfig.lib.tsbuildinfo +0 -1
|
@@ -0,0 +1,47 @@
|
|
|
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('../Icons/index.cjs');
|
|
10
|
+
var checkbox_module = require('./checkbox.module.css.cjs');
|
|
11
|
+
|
|
12
|
+
const SizeClassMap = {
|
|
13
|
+
sm: checkbox_module.default['checkbox-sm'],
|
|
14
|
+
md: checkbox_module.default['checkbox-md'],
|
|
15
|
+
lg: checkbox_module.default['checkbox-lg']
|
|
16
|
+
};
|
|
17
|
+
const Checkbox = React.forwardRef(function Checkbox({ label, hideLabel = false, size = 'md', indeterminate = false, className, style, id, disabled = false, ...inputProps }, forwardedRef) {
|
|
18
|
+
const generatedId = React.useId();
|
|
19
|
+
const inputId = id ?? generatedId;
|
|
20
|
+
const internalRef = React.useRef(null);
|
|
21
|
+
React.useLayoutEffect(() => {
|
|
22
|
+
if (internalRef.current) {
|
|
23
|
+
internalRef.current.indeterminate = indeterminate;
|
|
24
|
+
}
|
|
25
|
+
}, [indeterminate]);
|
|
26
|
+
const setRef = (node) => {
|
|
27
|
+
internalRef.current = node;
|
|
28
|
+
if (node) {
|
|
29
|
+
node.indeterminate = indeterminate;
|
|
30
|
+
}
|
|
31
|
+
if (typeof forwardedRef === 'function') {
|
|
32
|
+
forwardedRef(node);
|
|
33
|
+
}
|
|
34
|
+
else if (forwardedRef) {
|
|
35
|
+
forwardedRef.current = node;
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
return (jsxRuntime.jsxs("div", { className: clsx(checkbox_module.default['checkbox-container'], className), style: style, children: [jsxRuntime.jsxs("span", { className: clsx(checkbox_module.default.checkbox, SizeClassMap[size], {
|
|
39
|
+
[checkbox_module.default['checkbox-disabled']]: disabled
|
|
40
|
+
}), "aria-disabled": disabled || undefined, children: [jsxRuntime.jsx("input", { type: 'checkbox', id: inputId, disabled: disabled, ref: setRef, "aria-checked": indeterminate ? 'mixed' : undefined, ...inputProps }), jsxRuntime.jsxs("span", { className: checkbox_module.default['checkbox-box'], "aria-hidden": 'true', children: [jsxRuntime.jsx(index.CheckIcon, { className: checkbox_module.default['check-icon'], strokeWidth: 'bold', size: 'md' }), jsxRuntime.jsx(index.MinusIcon, { className: checkbox_module.default['indeterminate-icon'], strokeWidth: 'bold', size: 'md' })] })] }), jsxRuntime.jsx("label", { htmlFor: inputId, className: clsx(checkbox_module.default.label, {
|
|
41
|
+
[checkbox_module.default['visually-hidden']]: hideLabel
|
|
42
|
+
}), children: label })] }));
|
|
43
|
+
});
|
|
44
|
+
Checkbox.displayName = 'Checkbox';
|
|
45
|
+
|
|
46
|
+
exports.default = Checkbox;
|
|
47
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/Checkbox/index.tsx"],"sourcesContent":[null],"names":["styles","useId","useRef","useLayoutEffect","_jsxs","_jsx","CheckIcon","MinusIcon"],"mappings":"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"}
|
|
@@ -6,4 +6,4 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
6
6
|
var styles = {"chip-outlined":"chip-module_chip-outlined__nsWch","chip-default":"chip-module_chip-default__W71L9","chip-default-clickable":"chip-module_chip-default-clickable__xqeqN","chip-outlined-clickable":"chip-module_chip-outlined-clickable__slYmY","chip-text":"chip-module_chip-text__VIJnW"};
|
|
7
7
|
|
|
8
8
|
exports.default = styles;
|
|
9
|
-
//# sourceMappingURL=chip.module.css.
|
|
9
|
+
//# sourceMappingURL=chip.module.css.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chip.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|
|
@@ -3,11 +3,10 @@
|
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
5
|
|
|
6
|
-
var tslib = require('tslib');
|
|
7
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
8
7
|
var clsx = require('clsx');
|
|
9
8
|
var React = require('react');
|
|
10
|
-
var chip_module = require('./chip.module.css.
|
|
9
|
+
var chip_module = require('./chip.module.css.cjs');
|
|
11
10
|
|
|
12
11
|
const VariantDefaultMap = {
|
|
13
12
|
default: chip_module.default['chip-default'],
|
|
@@ -17,9 +16,8 @@ const VariantClickableMap = {
|
|
|
17
16
|
default: chip_module.default['chip-default-clickable'],
|
|
18
17
|
outlined: chip_module.default['chip-outlined-clickable']
|
|
19
18
|
};
|
|
20
|
-
function
|
|
21
|
-
|
|
22
|
-
const resolvedElement = as !== null && as !== void 0 ? as : (onClick ? 'button' : 'span');
|
|
19
|
+
const Chip = React.forwardRef(function Chip({ label, onClick, as, style, className, variant = 'default', ...elementProps }, ref) {
|
|
20
|
+
const resolvedElement = as ?? (onClick ? 'button' : 'span');
|
|
23
21
|
const Component = resolvedElement;
|
|
24
22
|
const href = resolvedElement === 'a'
|
|
25
23
|
? elementProps.href
|
|
@@ -40,11 +38,9 @@ function ChipInner(_a, ref) {
|
|
|
40
38
|
const classes = clsx(VariantDefaultMap[variant], {
|
|
41
39
|
[VariantClickableMap[variant]]: isInteractive
|
|
42
40
|
}, className);
|
|
43
|
-
return (jsxRuntime.jsx(Component,
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
ForwardedChip.displayName = 'Chip';
|
|
47
|
-
const Chip = ForwardedChip;
|
|
41
|
+
return (jsxRuntime.jsx(Component, { ...elementProps, ref: ref, className: classes, onClick: onClick, style: style, type: resolvedElement === 'button' ? 'button' : undefined, role: isNonNativeInteractive ? 'button' : undefined, tabIndex: isNonNativeInteractive ? 0 : undefined, onKeyDown: isNonNativeInteractive ? handleKeyDown : undefined, children: jsxRuntime.jsx("span", { className: chip_module.default['chip-text'], children: label }) }));
|
|
42
|
+
});
|
|
43
|
+
Chip.displayName = 'Chip';
|
|
48
44
|
|
|
49
45
|
exports.default = Chip;
|
|
50
|
-
//# sourceMappingURL=index.
|
|
46
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/Chip/index.tsx"],"sourcesContent":[null],"names":["styles","_jsx"],"mappings":";;;;;;;;;;AAiCA,MAAM,iBAAiB,GAA4B;AACjD,IAAA,OAAO,EAAEA,mBAAM,CAAC,cAAc,CAAC;AAC/B,IAAA,QAAQ,EAAEA,mBAAM,CAAC,eAAe;CACjC;AAED,MAAM,mBAAmB,GAA4B;AACnD,IAAA,OAAO,EAAEA,mBAAM,CAAC,wBAAwB,CAAC;AACzC,IAAA,QAAQ,EAAEA,mBAAM,CAAC,yBAAyB;CAC3C;AAMD,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,IAAI,CACzC,EACE,KAAK,EACL,OAAO,EACP,EAAE,EACF,KAAK,EACL,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,GAAG,YAAY,EACQ,EACzB,GAAgC,EAAA;AAEhC,IAAA,MAAM,eAAe,GAAG,EAAE,KAAK,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3D,MAAM,SAAS,GAAG,eAAoC;AACtD,IAAA,MAAM,IAAI,GACR,eAAe,KAAK;UACf,YAA8D,CAAC;UAChE,SAAS;AACf,IAAA,MAAM,OAAO,GAAG,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;AAClE,IAAA,MAAM,aAAa,GACjB,eAAe,KAAK,QAAQ;AAC5B,SAAC,eAAe,KAAK,GAAG,IAAI,OAAO,CAAC;QACpC,OAAO,CAAC,OAAO,CAAC;IAElB,MAAM,sBAAsB,GAC1B,aAAa,IAAI,eAAe,KAAK,QAAQ,IAAI,eAAe,KAAK,GAAG;IAE1E,MAAM,aAAa,GAAG;AACpB,UAAE,CAAC,KAA0B,KAAI;AAC7B,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;gBAC9C,KAAK,CAAC,cAAc,EAAE;AACrB,gBAAA,KAAK,CAAC,aAA6B,CAAC,KAAK,EAAE;YAC9C;QACF;UACA,SAAS;IAEb,MAAM,OAAO,GAAG,IAAI,CAClB,iBAAiB,CAAC,OAAO,CAAC,EAC1B;AACE,QAAA,CAAC,mBAAmB,CAAC,OAAO,CAAC,GAAG;KACjC,EACD,SAAS,CACV;AAED,IAAA,QACEC,cAAA,CAAC,SAAS,OACJ,YAAY,EAChB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,eAAe,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,EACzD,IAAI,EAAE,sBAAsB,GAAG,QAAQ,GAAG,SAAS,EACnD,QAAQ,EAAE,sBAAsB,GAAG,CAAC,GAAG,SAAS,EAChD,SAAS,EAAE,sBAAsB,GAAG,aAAa,GAAG,SAAS,EAAA,QAAA,EAE7DA,yBAAM,SAAS,EAAED,mBAAM,CAAC,WAAW,CAAC,EAAA,QAAA,EAAG,KAAK,EAAA,CAAQ,EAAA,CAC1C;AAEhB,CAAC;AAED,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
|
+
|
|
6
|
+
var styles = {"dialog_root":"dialog-module_dialog_root__jMqkW","dialog_content":"dialog-module_dialog_content__0IqkB","dialog_header":"dialog-module_dialog_header__VSRxM","dialog_title":"dialog-module_dialog_title__Mw7jc","dialog_close":"dialog-module_dialog_close__tuhJi","dialog_close_icon":"dialog-module_dialog_close_icon__5hPpw","dialog_description":"dialog-module_dialog_description__fh-8z","dialog_body":"dialog-module_dialog_body__5qjkS"};
|
|
7
|
+
|
|
8
|
+
exports.default = styles;
|
|
9
|
+
//# sourceMappingURL=dialog.module.css.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|
|
@@ -0,0 +1,195 @@
|
|
|
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 reactDom = require('react-dom');
|
|
10
|
+
var index = require('../Icons/index.cjs');
|
|
11
|
+
var mergeRefs = require('../utils/mergeRefs.cjs');
|
|
12
|
+
var slot = require('../utils/slot.cjs');
|
|
13
|
+
var dialog_module = require('./dialog.module.css.cjs');
|
|
14
|
+
|
|
15
|
+
const DialogContext = React.createContext(null);
|
|
16
|
+
function useDialogContext() {
|
|
17
|
+
const context = React.useContext(DialogContext);
|
|
18
|
+
if (!context) {
|
|
19
|
+
throw new Error('Dialog components must be wrapped in <Dialog>');
|
|
20
|
+
}
|
|
21
|
+
return context;
|
|
22
|
+
}
|
|
23
|
+
const DialogRoot = function Dialog({ open, defaultOpen = false, onOpenChange, children }) {
|
|
24
|
+
const idPrefix = React.useId();
|
|
25
|
+
const isControlled = open !== undefined;
|
|
26
|
+
const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);
|
|
27
|
+
const currentOpen = isControlled ? open : uncontrolledOpen;
|
|
28
|
+
const handleOpenChange = React.useCallback((nextOpen) => {
|
|
29
|
+
if (!isControlled) {
|
|
30
|
+
setUncontrolledOpen(nextOpen);
|
|
31
|
+
}
|
|
32
|
+
onOpenChange?.(nextOpen);
|
|
33
|
+
}, [isControlled, onOpenChange]);
|
|
34
|
+
const contextValue = React.useMemo(() => ({ open: currentOpen, onOpenChange: handleOpenChange, idPrefix }), [currentOpen, handleOpenChange, idPrefix]);
|
|
35
|
+
return (jsxRuntime.jsx(DialogContext.Provider, { value: contextValue, children: children }));
|
|
36
|
+
};
|
|
37
|
+
DialogRoot.displayName = 'Dialog';
|
|
38
|
+
const DialogTrigger = React.forwardRef(function DialogTrigger({ children, asChild = false, onClick, type, ...triggerProps }, ref) {
|
|
39
|
+
const { open, onOpenChange, idPrefix } = useDialogContext();
|
|
40
|
+
const handleClick = (event) => {
|
|
41
|
+
onClick?.(event);
|
|
42
|
+
if (!event.defaultPrevented) {
|
|
43
|
+
onOpenChange(!open);
|
|
44
|
+
}
|
|
45
|
+
};
|
|
46
|
+
if (asChild) {
|
|
47
|
+
if (!React.isValidElement(children)) {
|
|
48
|
+
throw new Error('Dialog.Trigger with asChild expects a single valid React element child.');
|
|
49
|
+
}
|
|
50
|
+
return (jsxRuntime.jsx(slot.Slot, { ref: ref, ...triggerProps, onClick: handleClick, "aria-haspopup": 'dialog', "aria-expanded": open, "aria-controls": `${idPrefix}-dialog`, children: children }));
|
|
51
|
+
}
|
|
52
|
+
return (jsxRuntime.jsx("button", { ref: ref, ...triggerProps, type: type ?? 'button', onClick: handleClick, "aria-haspopup": 'dialog', "aria-expanded": open, "aria-controls": `${idPrefix}-dialog`, children: children }));
|
|
53
|
+
});
|
|
54
|
+
DialogTrigger.displayName = 'Dialog.Trigger';
|
|
55
|
+
const DialogContent = React.forwardRef(function DialogContent({ closeLabel = 'Close dialog', closeOnEscape = true, closeOnOverlayClick = true, hideCloseButton = false, className, containerClassName, children, ...props }, ref) {
|
|
56
|
+
const { open, onOpenChange, idPrefix } = useDialogContext();
|
|
57
|
+
const dialogRef = React.useRef(null);
|
|
58
|
+
const previousFocusedElementRef = React.useRef(null);
|
|
59
|
+
const [mounted, setMounted] = React.useState(open);
|
|
60
|
+
const dialogId = `${idPrefix}-dialog`;
|
|
61
|
+
const titleId = `${idPrefix}-title`;
|
|
62
|
+
const descriptionId = `${idPrefix}-description`;
|
|
63
|
+
React.useEffect(() => {
|
|
64
|
+
if (open) {
|
|
65
|
+
setMounted(true);
|
|
66
|
+
if (document.activeElement instanceof HTMLElement) {
|
|
67
|
+
previousFocusedElementRef.current = document.activeElement;
|
|
68
|
+
}
|
|
69
|
+
return;
|
|
70
|
+
}
|
|
71
|
+
previousFocusedElementRef.current?.focus();
|
|
72
|
+
previousFocusedElementRef.current = null;
|
|
73
|
+
}, [open]);
|
|
74
|
+
React.useEffect(() => {
|
|
75
|
+
if (!mounted)
|
|
76
|
+
return;
|
|
77
|
+
const dialogElement = dialogRef.current;
|
|
78
|
+
if (!dialogElement)
|
|
79
|
+
return;
|
|
80
|
+
const canShowModal = typeof dialogElement.showModal === 'function';
|
|
81
|
+
if (open) {
|
|
82
|
+
if (!dialogElement.open) {
|
|
83
|
+
if (canShowModal) {
|
|
84
|
+
dialogElement.showModal();
|
|
85
|
+
}
|
|
86
|
+
else {
|
|
87
|
+
dialogElement.setAttribute('open', '');
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
return;
|
|
91
|
+
}
|
|
92
|
+
if (dialogElement.open || dialogElement.hasAttribute('open')) {
|
|
93
|
+
if (typeof dialogElement.close === 'function') {
|
|
94
|
+
dialogElement.close();
|
|
95
|
+
}
|
|
96
|
+
else {
|
|
97
|
+
dialogElement.removeAttribute('open');
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
const timer = setTimeout(() => setMounted(false), 250);
|
|
101
|
+
return () => clearTimeout(timer);
|
|
102
|
+
}, [open, mounted]);
|
|
103
|
+
React.useEffect(() => {
|
|
104
|
+
if (!open || !closeOnEscape)
|
|
105
|
+
return;
|
|
106
|
+
const dialogElement = dialogRef.current;
|
|
107
|
+
if (!dialogElement || typeof dialogElement.showModal === 'function')
|
|
108
|
+
return;
|
|
109
|
+
const handleEscape = (event) => {
|
|
110
|
+
if (event.key === 'Escape') {
|
|
111
|
+
event.preventDefault();
|
|
112
|
+
onOpenChange(false);
|
|
113
|
+
}
|
|
114
|
+
};
|
|
115
|
+
document.addEventListener('keydown', handleEscape);
|
|
116
|
+
return () => document.removeEventListener('keydown', handleEscape);
|
|
117
|
+
}, [open, closeOnEscape, onOpenChange]);
|
|
118
|
+
React.useEffect(() => {
|
|
119
|
+
if (!open)
|
|
120
|
+
return;
|
|
121
|
+
const dialogElement = dialogRef.current;
|
|
122
|
+
if (!dialogElement || typeof dialogElement.showModal === 'function')
|
|
123
|
+
return;
|
|
124
|
+
const previousOverflow = document.body.style.overflow;
|
|
125
|
+
document.body.style.overflow = 'hidden';
|
|
126
|
+
return () => {
|
|
127
|
+
document.body.style.overflow = previousOverflow;
|
|
128
|
+
};
|
|
129
|
+
}, [open]);
|
|
130
|
+
React.useEffect(() => {
|
|
131
|
+
const dialogElement = dialogRef.current;
|
|
132
|
+
if (!dialogElement || !closeOnOverlayClick)
|
|
133
|
+
return;
|
|
134
|
+
const handleDialogClick = (event) => {
|
|
135
|
+
if (event.target === dialogElement) {
|
|
136
|
+
onOpenChange(false);
|
|
137
|
+
}
|
|
138
|
+
};
|
|
139
|
+
dialogElement.addEventListener('click', handleDialogClick);
|
|
140
|
+
return () => dialogElement.removeEventListener('click', handleDialogClick);
|
|
141
|
+
}, [closeOnOverlayClick, onOpenChange]);
|
|
142
|
+
if (typeof document === 'undefined' || !mounted)
|
|
143
|
+
return null;
|
|
144
|
+
return reactDom.createPortal(jsxRuntime.jsx("dialog", { id: dialogId, ref: mergeRefs.mergeRefs(dialogRef, ref), "aria-labelledby": titleId, "aria-describedby": descriptionId, className: clsx(dialog_module.default.dialog_root, containerClassName), onCancel: (event) => {
|
|
145
|
+
if (!closeOnEscape) {
|
|
146
|
+
event.preventDefault();
|
|
147
|
+
}
|
|
148
|
+
}, onClose: () => {
|
|
149
|
+
if (open) {
|
|
150
|
+
onOpenChange(false);
|
|
151
|
+
}
|
|
152
|
+
}, children: jsxRuntime.jsxs("div", { className: clsx(dialog_module.default.dialog_content, className), ...props, children: [!hideCloseButton && (jsxRuntime.jsx("button", { type: 'button', className: dialog_module.default.dialog_close, onClick: () => onOpenChange(false), "aria-label": closeLabel, children: jsxRuntime.jsx(index.CloseIcon, { size: 16, className: dialog_module.default.dialog_close_icon }) })), children] }) }), document.body);
|
|
153
|
+
});
|
|
154
|
+
DialogContent.displayName = 'Dialog.Content';
|
|
155
|
+
const DialogHeader = React.forwardRef(function DialogHeader({ className, ...props }, ref) {
|
|
156
|
+
return (jsxRuntime.jsx("div", { ref: ref, className: clsx(dialog_module.default.dialog_header, className), ...props }));
|
|
157
|
+
});
|
|
158
|
+
DialogHeader.displayName = 'Dialog.Header';
|
|
159
|
+
const DialogTitle = React.forwardRef(function DialogTitle({ className, children, ...props }, ref) {
|
|
160
|
+
const { idPrefix } = useDialogContext();
|
|
161
|
+
return (jsxRuntime.jsx("h2", { ref: ref, id: `${idPrefix}-title`, className: clsx(dialog_module.default.dialog_title, className), ...props, children: children }));
|
|
162
|
+
});
|
|
163
|
+
DialogTitle.displayName = 'Dialog.Title';
|
|
164
|
+
const DialogDescription = React.forwardRef(function DialogDescription({ className, children, ...props }, ref) {
|
|
165
|
+
const { idPrefix } = useDialogContext();
|
|
166
|
+
return (jsxRuntime.jsx("p", { ref: ref, id: `${idPrefix}-description`, className: clsx(dialog_module.default.dialog_description, className), ...props, children: children }));
|
|
167
|
+
});
|
|
168
|
+
DialogDescription.displayName = 'Dialog.Description';
|
|
169
|
+
const DialogBody = React.forwardRef(function DialogBody({ className, ...props }, ref) {
|
|
170
|
+
return (jsxRuntime.jsx("div", { ref: ref, className: clsx(dialog_module.default.dialog_body, className), ...props }));
|
|
171
|
+
});
|
|
172
|
+
DialogBody.displayName = 'Dialog.Body';
|
|
173
|
+
const DialogFooter = React.forwardRef(function DialogFooter({ className, ...props }, ref) {
|
|
174
|
+
return (jsxRuntime.jsx("div", { ref: ref, className: clsx(dialog_module.default.dialog_body, className), style: {
|
|
175
|
+
display: 'flex',
|
|
176
|
+
justifyContent: 'flex-end',
|
|
177
|
+
gap: '8px',
|
|
178
|
+
marginTop: '16px',
|
|
179
|
+
...props.style
|
|
180
|
+
}, ...props }));
|
|
181
|
+
});
|
|
182
|
+
DialogFooter.displayName = 'Dialog.Footer';
|
|
183
|
+
const Dialog = Object.assign(DialogRoot, {
|
|
184
|
+
Trigger: DialogTrigger,
|
|
185
|
+
Content: DialogContent,
|
|
186
|
+
Header: DialogHeader,
|
|
187
|
+
Title: DialogTitle,
|
|
188
|
+
Description: DialogDescription,
|
|
189
|
+
Body: DialogBody,
|
|
190
|
+
Footer: DialogFooter
|
|
191
|
+
});
|
|
192
|
+
|
|
193
|
+
exports.Dialog = Dialog;
|
|
194
|
+
exports.default = Dialog;
|
|
195
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/Dialog/index.tsx"],"sourcesContent":[null],"names":["createContext","useContext","useId","useState","_jsx","Slot","createPortal","mergeRefs","styles","_jsxs","CloseIcon"],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
|
+
|
|
6
|
+
var styles = {"dropdown_menu":"dropdownmenu-module_dropdown_menu__AHiFI","dropdown_menu_item_container":"dropdownmenu-module_dropdown_menu_item_container__FI7MR","dropdown_menu_item":"dropdownmenu-module_dropdown_menu_item__ncHAK","dropdown_menu_item_destructive":"dropdownmenu-module_dropdown_menu_item_destructive__-QIlU"};
|
|
7
|
+
|
|
8
|
+
exports.default = styles;
|
|
9
|
+
//# sourceMappingURL=dropdownmenu.module.css.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdownmenu.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|
|
@@ -0,0 +1,153 @@
|
|
|
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 reactDom = require('react-dom');
|
|
10
|
+
var useControllableState = require('../hooks/useControllableState.cjs');
|
|
11
|
+
var useDismiss = require('../hooks/useDismiss.cjs');
|
|
12
|
+
var useFloatingPosition = require('../hooks/useFloatingPosition.cjs');
|
|
13
|
+
var mergeRefs = require('../utils/mergeRefs.cjs');
|
|
14
|
+
var slot = require('../utils/slot.cjs');
|
|
15
|
+
var dropdownmenu_module = require('./dropdownmenu.module.css.cjs');
|
|
16
|
+
|
|
17
|
+
const DropdownMenuContext = React.createContext(null);
|
|
18
|
+
function useDropdownMenuContext() {
|
|
19
|
+
const context = React.useContext(DropdownMenuContext);
|
|
20
|
+
if (!context) {
|
|
21
|
+
throw new Error('DropdownMenu components must be wrapped in <DropdownMenu>');
|
|
22
|
+
}
|
|
23
|
+
return context;
|
|
24
|
+
}
|
|
25
|
+
const DropdownMenuRoot = function DropdownMenu({ open, defaultOpen = false, onOpenChange, placement = 'bottom', offset = 8, closeOnEscape = true, closeOnOutsideClick = true, children }) {
|
|
26
|
+
const idPrefix = React.useId();
|
|
27
|
+
const triggerRef = React.useRef(null);
|
|
28
|
+
const [currentOpen, handleOpenChange] = useControllableState.useControllableState(open, defaultOpen, onOpenChange);
|
|
29
|
+
const contextValue = React.useMemo(() => ({
|
|
30
|
+
open: currentOpen,
|
|
31
|
+
onOpenChange: handleOpenChange,
|
|
32
|
+
placement,
|
|
33
|
+
offset,
|
|
34
|
+
idPrefix,
|
|
35
|
+
triggerRef,
|
|
36
|
+
closeOnEscape,
|
|
37
|
+
closeOnOutsideClick
|
|
38
|
+
}), [
|
|
39
|
+
currentOpen,
|
|
40
|
+
handleOpenChange,
|
|
41
|
+
placement,
|
|
42
|
+
offset,
|
|
43
|
+
idPrefix,
|
|
44
|
+
closeOnEscape,
|
|
45
|
+
closeOnOutsideClick
|
|
46
|
+
]);
|
|
47
|
+
return (jsxRuntime.jsx(DropdownMenuContext.Provider, { value: contextValue, children: children }));
|
|
48
|
+
};
|
|
49
|
+
DropdownMenuRoot.displayName = 'DropdownMenu';
|
|
50
|
+
const DropdownMenuTrigger = React.forwardRef(function DropdownMenuTrigger({ children, asChild = false, onClick, type, ...triggerProps }, ref) {
|
|
51
|
+
const { open, onOpenChange, idPrefix, triggerRef } = useDropdownMenuContext();
|
|
52
|
+
const mergedRef = mergeRefs.mergeRefs(ref, triggerRef);
|
|
53
|
+
const handleClick = (event) => {
|
|
54
|
+
onClick?.(event);
|
|
55
|
+
if (!event.defaultPrevented) {
|
|
56
|
+
onOpenChange(!open);
|
|
57
|
+
}
|
|
58
|
+
};
|
|
59
|
+
if (asChild) {
|
|
60
|
+
if (!React.isValidElement(children)) {
|
|
61
|
+
throw new Error('DropdownMenu.Trigger with asChild expects a single valid React element child.');
|
|
62
|
+
}
|
|
63
|
+
return (jsxRuntime.jsx(slot.Slot, { ref: mergedRef, ...triggerProps, onClick: handleClick, "aria-haspopup": 'menu', "aria-expanded": open, "aria-controls": `${idPrefix}-menu`, children: children }));
|
|
64
|
+
}
|
|
65
|
+
return (jsxRuntime.jsx("button", { ref: mergedRef, ...triggerProps, type: type ?? 'button', onClick: handleClick, "aria-haspopup": 'menu', "aria-expanded": open, "aria-controls": `${idPrefix}-menu`, children: children }));
|
|
66
|
+
});
|
|
67
|
+
DropdownMenuTrigger.displayName = 'DropdownMenu.Trigger';
|
|
68
|
+
const DropdownMenuContent = React.forwardRef(function DropdownMenuContent({ className, style, children, ...props }, ref) {
|
|
69
|
+
const { open, onOpenChange, placement, offset, idPrefix, triggerRef, closeOnEscape, closeOnOutsideClick } = useDropdownMenuContext();
|
|
70
|
+
const menuRef = React.useRef(null);
|
|
71
|
+
const position = useFloatingPosition.useFloatingPosition(triggerRef, menuRef, {
|
|
72
|
+
open,
|
|
73
|
+
placement,
|
|
74
|
+
offset,
|
|
75
|
+
align: 'start'
|
|
76
|
+
});
|
|
77
|
+
useDismiss.useDismiss({
|
|
78
|
+
open,
|
|
79
|
+
onClose: () => onOpenChange(false),
|
|
80
|
+
triggerRef,
|
|
81
|
+
contentRef: menuRef,
|
|
82
|
+
closeOnEscape,
|
|
83
|
+
closeOnOutsideClick,
|
|
84
|
+
returnFocusOnClose: true
|
|
85
|
+
});
|
|
86
|
+
React.useEffect(() => {
|
|
87
|
+
if (!open || !menuRef.current)
|
|
88
|
+
return;
|
|
89
|
+
// Auto-focus first enabled item
|
|
90
|
+
const firstItem = menuRef.current.querySelector('[role="menuitem"]:not([disabled])');
|
|
91
|
+
if (firstItem) {
|
|
92
|
+
firstItem.focus();
|
|
93
|
+
}
|
|
94
|
+
}, [open]);
|
|
95
|
+
const handleKeyDown = (event) => {
|
|
96
|
+
if (!menuRef.current)
|
|
97
|
+
return;
|
|
98
|
+
const items = Array.from(menuRef.current.querySelectorAll('[role="menuitem"]:not([disabled])'));
|
|
99
|
+
if (items.length === 0)
|
|
100
|
+
return;
|
|
101
|
+
const currentIndex = items.indexOf(document.activeElement);
|
|
102
|
+
if (event.key === 'ArrowDown') {
|
|
103
|
+
event.preventDefault();
|
|
104
|
+
const nextIndex = (currentIndex + 1) % items.length;
|
|
105
|
+
items[nextIndex]?.focus();
|
|
106
|
+
}
|
|
107
|
+
if (event.key === 'ArrowUp') {
|
|
108
|
+
event.preventDefault();
|
|
109
|
+
const prevIndex = (currentIndex - 1 + items.length) % items.length;
|
|
110
|
+
items[prevIndex]?.focus();
|
|
111
|
+
}
|
|
112
|
+
if (event.key === 'Home') {
|
|
113
|
+
event.preventDefault();
|
|
114
|
+
items[0]?.focus();
|
|
115
|
+
}
|
|
116
|
+
if (event.key === 'End') {
|
|
117
|
+
event.preventDefault();
|
|
118
|
+
items.at(-1)?.focus();
|
|
119
|
+
}
|
|
120
|
+
};
|
|
121
|
+
if (!open || typeof document === 'undefined')
|
|
122
|
+
return null;
|
|
123
|
+
return reactDom.createPortal(jsxRuntime.jsx("menu", { id: `${idPrefix}-menu`, ref: mergeRefs.mergeRefs(menuRef, ref), className: clsx(dropdownmenu_module.default.dropdown_menu, className), onKeyDown: handleKeyDown, style: {
|
|
124
|
+
top: position.top,
|
|
125
|
+
left: position.left,
|
|
126
|
+
...style
|
|
127
|
+
}, ...props, children: children }), document.body);
|
|
128
|
+
});
|
|
129
|
+
DropdownMenuContent.displayName = 'DropdownMenu.Content';
|
|
130
|
+
const DropdownMenuItem = React.forwardRef(function DropdownMenuItem({ disabled, destructive, onSelect, className, children, ...props }, ref) {
|
|
131
|
+
const { onOpenChange, triggerRef } = useDropdownMenuContext();
|
|
132
|
+
const handleClick = (e) => {
|
|
133
|
+
if (disabled)
|
|
134
|
+
return;
|
|
135
|
+
onSelect?.();
|
|
136
|
+
props.onClick?.(e);
|
|
137
|
+
onOpenChange(false);
|
|
138
|
+
triggerRef.current?.focus();
|
|
139
|
+
};
|
|
140
|
+
return (jsxRuntime.jsx("li", { className: dropdownmenu_module.default.dropdown_menu_item_container, role: 'presentation', children: jsxRuntime.jsx("button", { ref: ref, type: 'button', role: 'menuitem', disabled: disabled, onClick: handleClick, className: clsx(dropdownmenu_module.default.dropdown_menu_item, className, {
|
|
141
|
+
[dropdownmenu_module.default.dropdown_menu_item_destructive]: destructive
|
|
142
|
+
}), ...props, children: children }) }));
|
|
143
|
+
});
|
|
144
|
+
DropdownMenuItem.displayName = 'DropdownMenu.Item';
|
|
145
|
+
const DropdownMenu = Object.assign(DropdownMenuRoot, {
|
|
146
|
+
Trigger: DropdownMenuTrigger,
|
|
147
|
+
Content: DropdownMenuContent,
|
|
148
|
+
Item: DropdownMenuItem
|
|
149
|
+
});
|
|
150
|
+
|
|
151
|
+
exports.DropdownMenu = DropdownMenu;
|
|
152
|
+
exports.default = DropdownMenu;
|
|
153
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/DropdownMenu/index.tsx"],"sourcesContent":[null],"names":["useId","useRef","useControllableState","_jsx","mergeRefs","Slot","useFloatingPosition","useDismiss","useEffect","createPortal","styles"],"mappings":";;;;;;;;;;;;;;;;AAuBA,MAAM,mBAAmB,GACvB,KAAK,CAAC,aAAa,CAAkC,IAAI,CAAC;AAE5D,SAAS,sBAAsB,GAAA;IAC7B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC;IACrD,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,MAAM,IAAI,KAAK,CACb,2DAA2D,CAC5D;IACH;AACA,IAAA,OAAO,OAAO;AAChB;AAkBA,MAAM,gBAAgB,GAA8B,SAAS,YAAY,CAAC,EACxE,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,YAAY,EACZ,SAAS,GAAG,QAAQ,EACpB,MAAM,GAAG,CAAC,EACV,aAAa,GAAG,IAAI,EACpB,mBAAmB,GAAG,IAAI,EAC1B,QAAQ,EACoB,EAAA;AAC5B,IAAA,MAAM,QAAQ,GAAGA,WAAK,EAAE;AACxB,IAAA,MAAM,UAAU,GAAGC,YAAM,CAAqB,IAAI,CAAC;AACnD,IAAA,MAAM,CAAC,WAAW,EAAE,gBAAgB,CAAC,GAAGC,yCAAoB,CAC1D,IAAI,EACJ,WAAW,EACX,YAAY,CACb;IAED,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAChC,OAAO;AACL,QAAA,IAAI,EAAE,WAAW;AACjB,QAAA,YAAY,EAAE,gBAAgB;QAC9B,SAAS;QACT,MAAM;QACN,QAAQ;QACR,UAAU;QACV,aAAa;QACb;AACD,KAAA,CAAC,EACF;QACE,WAAW;QACX,gBAAgB;QAChB,SAAS;QACT,MAAM;QACN,QAAQ;QACR,aAAa;QACb;AACD,KAAA,CACF;AAED,IAAA,QACEC,cAAA,CAAC,mBAAmB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,YAAY,EAAA,QAAA,EAC9C,QAAQ,EAAA,CACoB;AAEnC,CAAC;AACD,gBAAgB,CAAC,WAAW,GAAG,cAAc;AAW7C,MAAM,mBAAmB,GAAiC,KAAK,CAAC,UAAU,CAGxE,SAAS,mBAAmB,CAC5B,EAAE,QAAQ,EAAE,OAAO,GAAG,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,YAAY,EAAE,EAC7D,GAAG,EAAA;AAEH,IAAA,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,sBAAsB,EAAE;IAC7E,MAAM,SAAS,GAAGC,mBAAS,CAAC,GAAG,EAAE,UAAU,CAAC;AAC5C,IAAA,MAAM,WAAW,GAAyC,CAAC,KAAK,KAAI;AAClE,QAAA,OAAO,GAAG,KAA4C,CAAC;AACvD,QAAA,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE;AAC3B,YAAA,YAAY,CAAC,CAAC,IAAI,CAAC;QACrB;AACF,IAAA,CAAC;IAED,IAAI,OAAO,EAAE;QACX,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE;AACnC,YAAA,MAAM,IAAI,KAAK,CACb,+EAA+E,CAChF;QACH;QAEA,QACED,cAAA,CAACE,SAAI,EAAA,EACH,GAAG,EAAE,SAAS,EAAA,GACV,YAAY,EAChB,OAAO,EAAE,WAAW,EAAA,eAAA,EACN,MAAM,EAAA,eAAA,EACL,IAAI,EAAA,eAAA,EACJ,CAAA,EAAG,QAAQ,CAAA,KAAA,CAAO,EAAA,QAAA,EAEhC,QAAQ,EAAA,CACJ;IAEX;AAEA,IAAA,QACEF,cAAA,CAAA,QAAA,EAAA,EACE,GAAG,EAAE,SAAyC,EAAA,GAC1C,YAAY,EAChB,IAAI,EAAE,IAAI,IAAI,QAAQ,EACtB,OAAO,EAAE,WAAyD,EAAA,eAAA,EACpD,MAAM,EAAA,eAAA,EACL,IAAI,EAAA,eAAA,EACJ,CAAA,EAAG,QAAQ,CAAA,KAAA,CAAO,EAAA,QAAA,EAEhC,QAAQ,EAAA,CACF;AAEb,CAAC,CAAC;AACF,mBAAmB,CAAC,WAAW,GAAG,sBAAsB;AAQxD,MAAM,mBAAmB,GAAiC,KAAK,CAAC,UAAU,CAGxE,SAAS,mBAAmB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAA;IAC1E,MAAM,EACJ,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,MAAM,EACN,QAAQ,EACR,UAAU,EACV,aAAa,EACb,mBAAmB,EACpB,GAAG,sBAAsB,EAAE;AAE5B,IAAA,MAAM,OAAO,GAAGF,YAAM,CAAyB,IAAI,CAAC;AAEpD,IAAA,MAAM,QAAQ,GAAGK,uCAAmB,CAAC,UAAU,EAAE,OAAO,EAAE;QACxD,IAAI;QACJ,SAAS;QACT,MAAM;AACN,QAAA,KAAK,EAAE;AACR,KAAA,CAAC;AAEF,IAAAC,qBAAU,CAAC;QACT,IAAI;AACJ,QAAA,OAAO,EAAE,MAAM,YAAY,CAAC,KAAK,CAAC;QAClC,UAAU;AACV,QAAA,UAAU,EAAE,OAAO;QACnB,aAAa;QACb,mBAAmB;AACnB,QAAA,kBAAkB,EAAE;AACrB,KAAA,CAAC;IAEFC,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO;YAAE;;QAG/B,MAAM,SAAS,GAAuB,OAAO,CAAC,OAAO,CAAC,aAAa,CACjE,mCAAmC,CACpC;QAED,IAAI,SAAS,EAAE;YACb,SAAS,CAAC,KAAK,EAAE;QACnB;AACF,IAAA,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;AAEV,IAAA,MAAM,aAAa,GAAG,CAAC,KAA2C,KAAI;QACpE,IAAI,CAAC,OAAO,CAAC,OAAO;YAAE;AAEtB,QAAA,MAAM,KAAK,GAAkB,KAAK,CAAC,IAAI,CACrC,OAAO,CAAC,OAAO,CAAC,gBAAgB,CAAC,mCAAmC,CAAC,CACtE;AAED,QAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;YAAE;QAExB,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,aAA4B,CAAC;AAEzE,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE;YAC7B,KAAK,CAAC,cAAc,EAAE;YACtB,MAAM,SAAS,GAAG,CAAC,YAAY,GAAG,CAAC,IAAI,KAAK,CAAC,MAAM;AACnD,YAAA,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE;QAC3B;AAEA,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,EAAE;YAC3B,KAAK,CAAC,cAAc,EAAE;AACtB,YAAA,MAAM,SAAS,GAAG,CAAC,YAAY,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM;AAClE,YAAA,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE;QAC3B;AAEA,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,MAAM,EAAE;YACxB,KAAK,CAAC,cAAc,EAAE;AACtB,YAAA,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE;QACnB;AAEA,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;YACvB,KAAK,CAAC,cAAc,EAAE;YACtB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE;QACvB;AACF,IAAA,CAAC;AAED,IAAA,IAAI,CAAC,IAAI,IAAI,OAAO,QAAQ,KAAK,WAAW;AAAE,QAAA,OAAO,IAAI;AAEzD,IAAA,OAAOC,qBAAY,CACjBN,cAAA,CAAA,MAAA,EAAA,EACE,EAAE,EAAE,CAAA,EAAG,QAAQ,CAAA,KAAA,CAAO,EACtB,GAAG,EAAEC,mBAAS,CAAC,OAAO,EAAE,GAAG,CAAC,EAC5B,SAAS,EAAE,IAAI,CAACM,2BAAM,CAAC,aAAa,EAAE,SAAS,CAAC,EAChD,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE;YACL,GAAG,EAAE,QAAQ,CAAC,GAAG;YACjB,IAAI,EAAE,QAAQ,CAAC,IAAI;AACnB,YAAA,GAAG;SACJ,EAAA,GACG,KAAK,YAER,QAAQ,EAAA,CACJ,EACP,QAAQ,CAAC,IAAI,CACd;AACH,CAAC,CAAC;AACF,mBAAmB,CAAC,WAAW,GAAG,sBAAsB;AAaxD,MAAM,gBAAgB,GAA8B,KAAK,CAAC,UAAU,CAGlE,SAAS,gBAAgB,CACzB,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAClE,GAAG,EAAA;IAEH,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,sBAAsB,EAAE;AAE7D,IAAA,MAAM,WAAW,GAAG,CAAC,CAAsC,KAAI;AAC7D,QAAA,IAAI,QAAQ;YAAE;QACd,QAAQ,IAAI;AACZ,QAAA,KAAK,CAAC,OAAO,GAAG,CAAC,CAAC;QAClB,YAAY,CAAC,KAAK,CAAC;AACnB,QAAA,UAAU,CAAC,OAAO,EAAE,KAAK,EAAE;AAC7B,IAAA,CAAC;AAED,IAAA,QACEP,cAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAEO,2BAAM,CAAC,4BAA4B,EAAE,IAAI,EAAC,cAAc,EAAA,QAAA,EACrEP,2BACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,IAAI,CAACO,2BAAM,CAAC,kBAAkB,EAAE,SAAS,EAAE;AACpD,gBAAA,CAACA,2BAAM,CAAC,8BAA8B,GAAG;AAC1C,aAAA,CAAC,KACE,KAAK,EAAA,QAAA,EAER,QAAQ,EAAA,CACF,EAAA,CACN;AAET,CAAC,CAAC;AACF,gBAAgB,CAAC,WAAW,GAAG,mBAAmB;MAQrC,YAAY,GAA0B,MAAM,CAAC,MAAM,CAC9D,gBAAgB,EAChB;AACE,IAAA,OAAO,EAAE,mBAAmB;AAC5B,IAAA,OAAO,EAAE,mBAAmB;AAC5B,IAAA,IAAI,EAAE;AACP,CAAA;;;;;"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
|
+
|
|
6
|
+
var styles = {"field_container":"field-module_field_container__mYSRK","field_label":"field-module_field_label__HK1Z5","field_label_disabled":"field-module_field_label_disabled__SkdeT","required_indicator":"field-module_required_indicator__9eYh0","helper_text":"field-module_helper_text__1K3VS","error_text":"field-module_error_text__vwYPc","visually_hidden":"field-module_visually_hidden__ofbl2"};
|
|
7
|
+
|
|
8
|
+
exports.default = styles;
|
|
9
|
+
//# sourceMappingURL=field.module.css.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"field.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|
|
@@ -0,0 +1,35 @@
|
|
|
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 field_module = require('./field.module.css.cjs');
|
|
10
|
+
|
|
11
|
+
function Field({ children, label, hideLabel = false, error, helperText, required = false, disabled = false, id, className, style, labelElement = 'label' }) {
|
|
12
|
+
const generatedId = React.useId();
|
|
13
|
+
const inputId = id ?? generatedId;
|
|
14
|
+
const labelId = `${inputId}-label`;
|
|
15
|
+
const errorId = `${inputId}-error`;
|
|
16
|
+
const helperId = `${inputId}-helper`;
|
|
17
|
+
const hasError = typeof error === 'string' && error.length > 0;
|
|
18
|
+
const hasHelper = typeof helperText === 'string' && helperText.length > 0;
|
|
19
|
+
const describedBy = [hasError ? errorId : undefined, hasHelper ? helperId : undefined]
|
|
20
|
+
.filter(Boolean)
|
|
21
|
+
.join(' ') || undefined;
|
|
22
|
+
const sharedLabelClassName = clsx(field_module.default.field_label, {
|
|
23
|
+
[field_module.default.field_label_disabled]: disabled,
|
|
24
|
+
[field_module.default.visually_hidden]: hideLabel
|
|
25
|
+
});
|
|
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
|
+
inputId,
|
|
28
|
+
labelId,
|
|
29
|
+
describedBy,
|
|
30
|
+
hasError
|
|
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
|
+
}
|
|
33
|
+
|
|
34
|
+
exports.default = Field;
|
|
35
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -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,EACD,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;AAC3B,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;AACD,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;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icons.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|