@a-type/ui 3.1.1 → 4.0.0-beta.2
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/dist/cjs/components/actions/ActionBar.d.ts +1 -1
- package/dist/cjs/components/actions/ActionBar.js +2 -2
- package/dist/cjs/components/actions/ActionBar.js.map +1 -1
- package/dist/cjs/components/actions/ActionButton.d.ts +3 -3
- package/dist/cjs/components/actions/ActionButton.js +2 -2
- package/dist/cjs/components/actions/ActionButton.js.map +1 -1
- package/dist/cjs/components/avatar/Avatar.d.ts +4 -2
- package/dist/cjs/components/avatar/Avatar.js +4 -14
- package/dist/cjs/components/avatar/Avatar.js.map +1 -1
- package/dist/cjs/components/box/Box.stories.js +1 -1
- package/dist/cjs/components/box/Box.stories.js.map +1 -1
- package/dist/cjs/components/button/Button.d.ts +7 -7
- package/dist/cjs/components/button/Button.js +7 -12
- package/dist/cjs/components/button/Button.js.map +1 -1
- package/dist/cjs/components/button/Button.stories.d.ts +1 -1
- package/dist/cjs/components/button/ConfirmedButton.js +1 -2
- package/dist/cjs/components/button/ConfirmedButton.js.map +1 -1
- package/dist/cjs/components/camera/Camera.d.ts +4 -4
- package/dist/cjs/components/camera/Camera.js +6 -7
- package/dist/cjs/components/camera/Camera.js.map +1 -1
- package/dist/cjs/components/card/Card.d.ts +8 -2
- package/dist/cjs/components/card/Card.js +21 -9
- package/dist/cjs/components/card/Card.js.map +1 -1
- package/dist/cjs/components/card/Card.stories.js +3 -3
- package/dist/cjs/components/card/Card.stories.js.map +1 -1
- package/dist/cjs/components/checkbox/Checkbox.d.ts +3 -3
- package/dist/cjs/components/checkbox/Checkbox.js +5 -38
- package/dist/cjs/components/checkbox/Checkbox.js.map +1 -1
- package/dist/cjs/components/chip/Chip.d.ts +3 -2
- package/dist/cjs/components/chip/Chip.js +3 -4
- package/dist/cjs/components/chip/Chip.js.map +1 -1
- package/dist/cjs/components/chip/Chip.stories.d.ts +6 -1
- package/dist/cjs/components/chip/Chip.stories.js +9 -3
- package/dist/cjs/components/chip/Chip.stories.js.map +1 -1
- package/dist/cjs/components/collapsible/Collapsible.d.ts +9 -9
- package/dist/cjs/components/collapsible/Collapsible.js +15 -38
- package/dist/cjs/components/collapsible/Collapsible.js.map +1 -1
- package/dist/cjs/components/collapsible/Collapsible.stories.d.ts +1 -1
- package/dist/cjs/components/colorMode/ColorModeToggle.d.ts +4 -2
- package/dist/cjs/components/colorMode/ColorModeToggle.js +8 -9
- package/dist/cjs/components/colorMode/ColorModeToggle.js.map +1 -1
- package/dist/cjs/components/colorPicker/ColorPicker.d.ts +4 -3
- package/dist/cjs/components/colorPicker/ColorPicker.js +8 -4
- package/dist/cjs/components/colorPicker/ColorPicker.js.map +1 -1
- package/dist/cjs/components/contextMenu/contextMenu.d.ts +11 -12
- package/dist/cjs/components/contextMenu/contextMenu.js +9 -42
- package/dist/cjs/components/contextMenu/contextMenu.js.map +1 -1
- package/dist/cjs/components/contextMenu/contextMenu.stories.d.ts +22 -0
- package/dist/cjs/components/contextMenu/contextMenu.stories.js +22 -0
- package/dist/cjs/components/contextMenu/contextMenu.stories.js.map +1 -0
- package/dist/cjs/components/dialog/Dialog.d.ts +27 -22
- package/dist/cjs/components/dialog/Dialog.js +109 -80
- package/dist/cjs/components/dialog/Dialog.js.map +1 -1
- package/dist/cjs/components/dialog/Dialog.stories.d.ts +8 -8
- package/dist/cjs/components/dialog/Dialog.stories.js +6 -6
- package/dist/cjs/components/dialog/Dialog.stories.js.map +1 -1
- package/dist/cjs/components/divider/Divider.js +2 -1
- package/dist/cjs/components/divider/Divider.js.map +1 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.d.ts +26 -21
- package/dist/cjs/components/dropdownMenu/DropdownMenu.js +22 -19
- package/dist/cjs/components/dropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.d.ts +3 -26
- package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.js +6 -2
- package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.js.map +1 -1
- package/dist/cjs/components/forms/EmojiField.d.ts +3 -2
- package/dist/cjs/components/forms/EmojiField.js +1 -1
- package/dist/cjs/components/forms/EmojiField.js.map +1 -1
- package/dist/cjs/components/forms/FormikForm.d.ts +2 -2
- package/dist/cjs/components/forms/FormikForm.stories.d.ts +2 -2
- package/dist/cjs/components/forms/SubmitButton.d.ts +1 -1
- package/dist/cjs/components/forms/SubmitButton.js +14 -2
- package/dist/cjs/components/forms/SubmitButton.js.map +1 -1
- package/dist/cjs/components/forms/TextField.js.map +1 -1
- package/dist/cjs/components/forms/ToggleGroupField.d.ts +3 -2
- package/dist/cjs/components/forms/ToggleGroupField.js +9 -2
- package/dist/cjs/components/forms/ToggleGroupField.js.map +1 -1
- package/dist/cjs/components/horizontalList/HorizontalList.d.ts +1 -3
- package/dist/cjs/components/horizontalList/HorizontalList.js +3 -3
- package/dist/cjs/components/horizontalList/HorizontalList.js.map +1 -1
- package/dist/cjs/components/horizontalList/HorizontalList.stories.js +1 -1
- package/dist/cjs/components/horizontalList/HorizontalList.stories.js.map +1 -1
- package/dist/cjs/components/icon/Icon.d.ts +7 -3
- package/dist/cjs/components/icon/Icon.js +14 -2
- package/dist/cjs/components/icon/Icon.js.map +1 -1
- package/dist/cjs/components/icon/Icon.stories.d.ts +28 -0
- package/dist/cjs/components/icon/Icon.stories.js +34 -0
- package/dist/cjs/components/icon/Icon.stories.js.map +1 -0
- package/dist/cjs/components/imageUploader/ImageUploader.js +1 -1
- package/dist/cjs/components/imageUploader/ImageUploader.js.map +1 -1
- package/dist/cjs/components/index.d.ts +1 -1
- package/dist/cjs/components/index.js +1 -4
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/components/input/Input.d.ts +1 -2
- package/dist/cjs/components/input/Input.js +4 -5
- package/dist/cjs/components/input/Input.js.map +1 -1
- package/dist/cjs/components/input/Input.stories.d.ts +1 -1
- package/dist/cjs/components/layouts/layouts.stories.js +6 -6
- package/dist/cjs/components/layouts/layouts.stories.js.map +1 -1
- package/dist/cjs/components/lightbox/Lightbox.d.ts +18 -16
- package/dist/cjs/components/lightbox/Lightbox.js +10 -43
- package/dist/cjs/components/lightbox/Lightbox.js.map +1 -1
- package/dist/cjs/components/lightbox/Lightbox.stories.d.ts +9 -7
- package/dist/cjs/components/marquee/marquee.stories.js +1 -1
- package/dist/cjs/components/marquee/marquee.stories.js.map +1 -1
- package/dist/cjs/components/navBar/NavBar.d.ts +9 -9
- package/dist/cjs/components/navBar/NavBar.js +5 -7
- package/dist/cjs/components/navBar/NavBar.js.map +1 -1
- package/dist/cjs/components/popover/Popover.d.ts +19 -13
- package/dist/cjs/components/popover/Popover.js +23 -50
- package/dist/cjs/components/popover/Popover.js.map +1 -1
- package/dist/cjs/components/popover/Popover.stories.d.ts +3 -23
- package/dist/cjs/components/popover/Popover.stories.js +7 -2
- package/dist/cjs/components/popover/Popover.stories.js.map +1 -1
- package/dist/cjs/components/progress/Progress.d.ts +22 -6
- package/dist/cjs/components/progress/Progress.js +17 -42
- package/dist/cjs/components/progress/Progress.js.map +1 -1
- package/dist/cjs/components/progress/Progress.stories.d.ts +13 -3
- package/dist/cjs/components/progress/Progress.stories.js +7 -2
- package/dist/cjs/components/progress/Progress.stories.js.map +1 -1
- package/dist/cjs/components/pwaInstall/PwaInstall.d.ts +3 -3
- package/dist/cjs/components/pwaInstall/PwaInstall.js +6 -4
- package/dist/cjs/components/pwaInstall/PwaInstall.js.map +1 -1
- package/dist/cjs/components/pwaInstall/PwaInstallTrigger.d.ts +1 -2
- package/dist/cjs/components/pwaInstall/PwaInstallTrigger.stories.js +1 -1
- package/dist/cjs/components/pwaInstall/PwaInstallTrigger.stories.js.map +1 -1
- package/dist/cjs/components/scrollArea/ScrollArea.d.ts +23 -28
- package/dist/cjs/components/scrollArea/ScrollArea.js +26 -56
- package/dist/cjs/components/scrollArea/ScrollArea.js.map +1 -1
- package/dist/cjs/components/scrollArea/ScrollArea.stories.d.ts +13 -10
- package/dist/cjs/components/scrollArea/ScrollArea.stories.js +16 -12
- package/dist/cjs/components/scrollArea/ScrollArea.stories.js.map +1 -1
- package/dist/cjs/components/select/Select.d.ts +37 -46
- package/dist/cjs/components/select/Select.js +37 -83
- package/dist/cjs/components/select/Select.js.map +1 -1
- package/dist/cjs/components/select/Select.stories.d.ts +15 -11
- package/dist/cjs/components/select/Select.stories.js +23 -2
- package/dist/cjs/components/select/Select.stories.js.map +1 -1
- package/dist/cjs/components/slider/Slider.d.ts +36 -13
- package/dist/cjs/components/slider/Slider.js +26 -41
- package/dist/cjs/components/slider/Slider.js.map +1 -1
- package/dist/cjs/components/slider/Slider.stories.d.ts +16 -7
- package/dist/cjs/components/slider/Slider.stories.js +23 -10
- package/dist/cjs/components/slider/Slider.stories.js.map +1 -1
- package/dist/cjs/components/switch/Switch.d.ts +4 -4
- package/dist/cjs/components/switch/Switch.js +3 -3
- package/dist/cjs/components/switch/Switch.js.map +1 -1
- package/dist/cjs/components/switch/Switch.stories.d.ts +27 -0
- package/dist/cjs/components/switch/Switch.stories.js +24 -0
- package/dist/cjs/components/switch/Switch.stories.js.map +1 -0
- package/dist/cjs/components/tabs/tabs.d.ts +16 -12
- package/dist/cjs/components/tabs/tabs.js +12 -47
- package/dist/cjs/components/tabs/tabs.js.map +1 -1
- package/dist/cjs/components/tabs/tabs.stories.js +3 -3
- package/dist/cjs/components/tabs/tabs.stories.js.map +1 -1
- package/dist/cjs/components/textArea/TextArea.d.ts +4 -4
- package/dist/cjs/components/textArea/TextArea.js +6 -8
- package/dist/cjs/components/textArea/TextArea.js.map +1 -1
- package/dist/cjs/components/textArea/TextArea.stories.d.ts +1 -1
- package/dist/cjs/components/toggleGroup/toggleGroup.d.ts +5 -6
- package/dist/cjs/components/toggleGroup/toggleGroup.js +6 -38
- package/dist/cjs/components/toggleGroup/toggleGroup.js.map +1 -1
- package/dist/cjs/components/toggleGroup/toggleGroup.stories.d.ts +17 -0
- package/dist/cjs/components/toggleGroup/toggleGroup.stories.js +21 -0
- package/dist/cjs/components/toggleGroup/toggleGroup.stories.js.map +1 -0
- package/dist/cjs/components/tooltip/Tooltip.d.ts +12 -9
- package/dist/cjs/components/tooltip/Tooltip.js +12 -43
- package/dist/cjs/components/tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/components/tooltip/Tooltip.stories.d.ts +2 -20
- package/dist/cjs/components/tooltip/Tooltip.stories.js +14 -5
- package/dist/cjs/components/tooltip/Tooltip.stories.js.map +1 -1
- package/dist/cjs/components/utility/ArrowSvg.d.ts +1 -0
- package/dist/cjs/components/utility/ArrowSvg.js +9 -0
- package/dist/cjs/components/utility/ArrowSvg.js.map +1 -0
- package/dist/cjs/components/utility/HideWhileKeyboardOpen.d.ts +1 -2
- package/dist/cjs/components/utility/HideWhileKeyboardOpen.js +3 -4
- package/dist/cjs/components/utility/HideWhileKeyboardOpen.js.map +1 -1
- package/dist/cjs/components/utility/SlotDiv.d.ts +3 -4
- package/dist/cjs/components/utility/SlotDiv.js +9 -7
- package/dist/cjs/components/utility/SlotDiv.js.map +1 -1
- package/dist/cjs/hooks/useTitleBarColor.stories.js +1 -1
- package/dist/cjs/hooks/useTitleBarColor.stories.js.map +1 -1
- package/dist/cjs/hooks/useVisualViewportOffset.js +31 -10
- package/dist/cjs/hooks/useVisualViewportOffset.js.map +1 -1
- package/dist/cjs/hooks/withClassName.d.ts +2 -2
- package/dist/cjs/hooks/withClassName.js.map +1 -1
- package/dist/cjs/themes.stories.js +2 -2
- package/dist/cjs/themes.stories.js.map +1 -1
- package/dist/cjs/uno/preflights/globals.js +29 -25
- package/dist/cjs/uno/preflights/globals.js.map +1 -1
- package/dist/cjs/uno/rules/util.js +18 -8
- package/dist/cjs/uno/rules/util.js.map +1 -1
- package/dist/cjs/uno/theme/animations.js +0 -74
- package/dist/cjs/uno/theme/animations.js.map +1 -1
- package/dist/css/main.css +9 -42
- package/dist/esm/components/actions/ActionBar.js +2 -2
- package/dist/esm/components/actions/ActionBar.js.map +1 -1
- package/dist/esm/components/actions/ActionButton.d.ts +3 -3
- package/dist/esm/components/actions/ActionButton.js +2 -2
- package/dist/esm/components/actions/ActionButton.js.map +1 -1
- package/dist/esm/components/avatar/Avatar.d.ts +4 -2
- package/dist/esm/components/avatar/Avatar.js +4 -14
- package/dist/esm/components/avatar/Avatar.js.map +1 -1
- package/dist/esm/components/box/Box.stories.js +1 -1
- package/dist/esm/components/box/Box.stories.js.map +1 -1
- package/dist/esm/components/button/Button.d.ts +7 -7
- package/dist/esm/components/button/Button.js +7 -12
- package/dist/esm/components/button/Button.js.map +1 -1
- package/dist/esm/components/button/Button.stories.d.ts +1 -1
- package/dist/esm/components/button/ConfirmedButton.js +1 -2
- package/dist/esm/components/button/ConfirmedButton.js.map +1 -1
- package/dist/esm/components/camera/Camera.d.ts +4 -4
- package/dist/esm/components/camera/Camera.js +6 -7
- package/dist/esm/components/camera/Camera.js.map +1 -1
- package/dist/esm/components/card/Card.d.ts +8 -2
- package/dist/esm/components/card/Card.js +21 -9
- package/dist/esm/components/card/Card.js.map +1 -1
- package/dist/esm/components/card/Card.stories.js +3 -3
- package/dist/esm/components/card/Card.stories.js.map +1 -1
- package/dist/esm/components/checkbox/Checkbox.d.ts +3 -3
- package/dist/esm/components/checkbox/Checkbox.js +5 -5
- package/dist/esm/components/checkbox/Checkbox.js.map +1 -1
- package/dist/esm/components/chip/Chip.d.ts +3 -2
- package/dist/esm/components/chip/Chip.js +3 -4
- package/dist/esm/components/chip/Chip.js.map +1 -1
- package/dist/esm/components/chip/Chip.stories.d.ts +6 -1
- package/dist/esm/components/chip/Chip.stories.js +9 -3
- package/dist/esm/components/chip/Chip.stories.js.map +1 -1
- package/dist/esm/components/collapsible/Collapsible.d.ts +9 -9
- package/dist/esm/components/collapsible/Collapsible.js +15 -5
- package/dist/esm/components/collapsible/Collapsible.js.map +1 -1
- package/dist/esm/components/collapsible/Collapsible.stories.d.ts +1 -1
- package/dist/esm/components/colorMode/ColorModeToggle.d.ts +4 -2
- package/dist/esm/components/colorMode/ColorModeToggle.js +8 -9
- package/dist/esm/components/colorMode/ColorModeToggle.js.map +1 -1
- package/dist/esm/components/colorPicker/ColorPicker.d.ts +4 -3
- package/dist/esm/components/colorPicker/ColorPicker.js +9 -5
- package/dist/esm/components/colorPicker/ColorPicker.js.map +1 -1
- package/dist/esm/components/contextMenu/contextMenu.d.ts +11 -12
- package/dist/esm/components/contextMenu/contextMenu.js +9 -9
- package/dist/esm/components/contextMenu/contextMenu.js.map +1 -1
- package/dist/esm/components/contextMenu/contextMenu.stories.d.ts +22 -0
- package/dist/esm/components/contextMenu/contextMenu.stories.js +19 -0
- package/dist/esm/components/contextMenu/contextMenu.stories.js.map +1 -0
- package/dist/esm/components/dialog/Dialog.d.ts +27 -22
- package/dist/esm/components/dialog/Dialog.js +110 -49
- package/dist/esm/components/dialog/Dialog.js.map +1 -1
- package/dist/esm/components/dialog/Dialog.stories.d.ts +8 -8
- package/dist/esm/components/dialog/Dialog.stories.js +6 -6
- package/dist/esm/components/dialog/Dialog.stories.js.map +1 -1
- package/dist/esm/components/divider/Divider.js +2 -1
- package/dist/esm/components/divider/Divider.js.map +1 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.d.ts +26 -21
- package/dist/esm/components/dropdownMenu/DropdownMenu.js +22 -19
- package/dist/esm/components/dropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.stories.d.ts +3 -26
- package/dist/esm/components/dropdownMenu/DropdownMenu.stories.js +5 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.stories.js.map +1 -1
- package/dist/esm/components/forms/EmojiField.d.ts +3 -2
- package/dist/esm/components/forms/EmojiField.js +1 -1
- package/dist/esm/components/forms/EmojiField.js.map +1 -1
- package/dist/esm/components/forms/FormikForm.d.ts +2 -2
- package/dist/esm/components/forms/FormikForm.stories.d.ts +2 -2
- package/dist/esm/components/forms/SubmitButton.d.ts +1 -1
- package/dist/esm/components/forms/SubmitButton.js +14 -2
- package/dist/esm/components/forms/SubmitButton.js.map +1 -1
- package/dist/esm/components/forms/TextField.js.map +1 -1
- package/dist/esm/components/forms/ToggleGroupField.d.ts +3 -2
- package/dist/esm/components/forms/ToggleGroupField.js +9 -2
- package/dist/esm/components/forms/ToggleGroupField.js.map +1 -1
- package/dist/esm/components/horizontalList/HorizontalList.d.ts +1 -3
- package/dist/esm/components/horizontalList/HorizontalList.js +4 -4
- package/dist/esm/components/horizontalList/HorizontalList.js.map +1 -1
- package/dist/esm/components/horizontalList/HorizontalList.stories.js +1 -1
- package/dist/esm/components/horizontalList/HorizontalList.stories.js.map +1 -1
- package/dist/esm/components/icon/Icon.d.ts +7 -3
- package/dist/esm/components/icon/Icon.js +14 -2
- package/dist/esm/components/icon/Icon.js.map +1 -1
- package/dist/esm/components/icon/Icon.stories.d.ts +28 -0
- package/dist/esm/components/icon/Icon.stories.js +31 -0
- package/dist/esm/components/icon/Icon.stories.js.map +1 -0
- package/dist/esm/components/imageUploader/ImageUploader.js +1 -1
- package/dist/esm/components/imageUploader/ImageUploader.js.map +1 -1
- package/dist/esm/components/index.d.ts +1 -1
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/components/input/Input.d.ts +1 -2
- package/dist/esm/components/input/Input.js +4 -5
- package/dist/esm/components/input/Input.js.map +1 -1
- package/dist/esm/components/input/Input.stories.d.ts +1 -1
- package/dist/esm/components/layouts/layouts.stories.js +4 -4
- package/dist/esm/components/layouts/layouts.stories.js.map +1 -1
- package/dist/esm/components/lightbox/Lightbox.d.ts +18 -16
- package/dist/esm/components/lightbox/Lightbox.js +6 -6
- package/dist/esm/components/lightbox/Lightbox.js.map +1 -1
- package/dist/esm/components/lightbox/Lightbox.stories.d.ts +9 -7
- package/dist/esm/components/marquee/marquee.stories.js +1 -1
- package/dist/esm/components/marquee/marquee.stories.js.map +1 -1
- package/dist/esm/components/navBar/NavBar.d.ts +9 -9
- package/dist/esm/components/navBar/NavBar.js +5 -7
- package/dist/esm/components/navBar/NavBar.js.map +1 -1
- package/dist/esm/components/popover/Popover.d.ts +19 -13
- package/dist/esm/components/popover/Popover.js +18 -13
- package/dist/esm/components/popover/Popover.js.map +1 -1
- package/dist/esm/components/popover/Popover.stories.d.ts +3 -23
- package/dist/esm/components/popover/Popover.stories.js +6 -1
- package/dist/esm/components/popover/Popover.stories.js.map +1 -1
- package/dist/esm/components/progress/Progress.d.ts +22 -6
- package/dist/esm/components/progress/Progress.js +16 -9
- package/dist/esm/components/progress/Progress.js.map +1 -1
- package/dist/esm/components/progress/Progress.stories.d.ts +13 -3
- package/dist/esm/components/progress/Progress.stories.js +6 -1
- package/dist/esm/components/progress/Progress.stories.js.map +1 -1
- package/dist/esm/components/pwaInstall/PwaInstall.d.ts +3 -3
- package/dist/esm/components/pwaInstall/PwaInstall.js +6 -4
- package/dist/esm/components/pwaInstall/PwaInstall.js.map +1 -1
- package/dist/esm/components/pwaInstall/PwaInstallTrigger.d.ts +1 -2
- package/dist/esm/components/pwaInstall/PwaInstallTrigger.stories.js +1 -1
- package/dist/esm/components/pwaInstall/PwaInstallTrigger.stories.js.map +1 -1
- package/dist/esm/components/scrollArea/ScrollArea.d.ts +23 -28
- package/dist/esm/components/scrollArea/ScrollArea.js +25 -21
- package/dist/esm/components/scrollArea/ScrollArea.js.map +1 -1
- package/dist/esm/components/scrollArea/ScrollArea.stories.d.ts +13 -10
- package/dist/esm/components/scrollArea/ScrollArea.stories.js +13 -12
- package/dist/esm/components/scrollArea/ScrollArea.stories.js.map +1 -1
- package/dist/esm/components/select/Select.d.ts +37 -46
- package/dist/esm/components/select/Select.js +32 -77
- package/dist/esm/components/select/Select.js.map +1 -1
- package/dist/esm/components/select/Select.stories.d.ts +15 -11
- package/dist/esm/components/select/Select.stories.js +22 -1
- package/dist/esm/components/select/Select.stories.js.map +1 -1
- package/dist/esm/components/slider/Slider.d.ts +36 -13
- package/dist/esm/components/slider/Slider.js +23 -7
- package/dist/esm/components/slider/Slider.js.map +1 -1
- package/dist/esm/components/slider/Slider.stories.d.ts +16 -7
- package/dist/esm/components/slider/Slider.stories.js +22 -9
- package/dist/esm/components/slider/Slider.stories.js.map +1 -1
- package/dist/esm/components/switch/Switch.d.ts +4 -4
- package/dist/esm/components/switch/Switch.js +3 -3
- package/dist/esm/components/switch/Switch.js.map +1 -1
- package/dist/esm/components/switch/Switch.stories.d.ts +27 -0
- package/dist/esm/components/switch/Switch.stories.js +21 -0
- package/dist/esm/components/switch/Switch.stories.js.map +1 -0
- package/dist/esm/components/tabs/tabs.d.ts +16 -12
- package/dist/esm/components/tabs/tabs.js +10 -12
- package/dist/esm/components/tabs/tabs.js.map +1 -1
- package/dist/esm/components/tabs/tabs.stories.js +3 -3
- package/dist/esm/components/tabs/tabs.stories.js.map +1 -1
- package/dist/esm/components/textArea/TextArea.d.ts +4 -4
- package/dist/esm/components/textArea/TextArea.js +7 -9
- package/dist/esm/components/textArea/TextArea.js.map +1 -1
- package/dist/esm/components/textArea/TextArea.stories.d.ts +1 -1
- package/dist/esm/components/toggleGroup/toggleGroup.d.ts +5 -6
- package/dist/esm/components/toggleGroup/toggleGroup.js +4 -3
- package/dist/esm/components/toggleGroup/toggleGroup.js.map +1 -1
- package/dist/esm/components/toggleGroup/toggleGroup.stories.d.ts +17 -0
- package/dist/esm/components/toggleGroup/toggleGroup.stories.js +18 -0
- package/dist/esm/components/toggleGroup/toggleGroup.stories.js.map +1 -0
- package/dist/esm/components/tooltip/Tooltip.d.ts +12 -9
- package/dist/esm/components/tooltip/Tooltip.js +11 -9
- package/dist/esm/components/tooltip/Tooltip.js.map +1 -1
- package/dist/esm/components/tooltip/Tooltip.stories.d.ts +2 -20
- package/dist/esm/components/tooltip/Tooltip.stories.js +14 -5
- package/dist/esm/components/tooltip/Tooltip.stories.js.map +1 -1
- package/dist/esm/components/utility/ArrowSvg.d.ts +1 -0
- package/dist/esm/components/utility/ArrowSvg.js +6 -0
- package/dist/esm/components/utility/ArrowSvg.js.map +1 -0
- package/dist/esm/components/utility/HideWhileKeyboardOpen.d.ts +1 -2
- package/dist/esm/components/utility/HideWhileKeyboardOpen.js +3 -4
- package/dist/esm/components/utility/HideWhileKeyboardOpen.js.map +1 -1
- package/dist/esm/components/utility/SlotDiv.d.ts +3 -4
- package/dist/esm/components/utility/SlotDiv.js +9 -7
- package/dist/esm/components/utility/SlotDiv.js.map +1 -1
- package/dist/esm/hooks/useTitleBarColor.stories.js +1 -1
- package/dist/esm/hooks/useTitleBarColor.stories.js.map +1 -1
- package/dist/esm/hooks/useVisualViewportOffset.js +31 -10
- package/dist/esm/hooks/useVisualViewportOffset.js.map +1 -1
- package/dist/esm/hooks/withClassName.d.ts +2 -2
- package/dist/esm/hooks/withClassName.js +2 -2
- package/dist/esm/hooks/withClassName.js.map +1 -1
- package/dist/esm/themes.stories.js +2 -2
- package/dist/esm/themes.stories.js.map +1 -1
- package/dist/esm/uno/preflights/globals.js +29 -25
- package/dist/esm/uno/preflights/globals.js.map +1 -1
- package/dist/esm/uno/rules/util.js +18 -8
- package/dist/esm/uno/rules/util.js.map +1 -1
- package/dist/esm/uno/theme/animations.js +0 -74
- package/dist/esm/uno/theme/animations.js.map +1 -1
- package/package.json +1 -21
- package/src/components/actions/ActionBar.tsx +13 -9
- package/src/components/actions/ActionButton.tsx +2 -4
- package/src/components/avatar/Avatar.tsx +24 -40
- package/src/components/box/Box.stories.tsx +1 -1
- package/src/components/button/Button.tsx +13 -21
- package/src/components/button/ConfirmedButton.tsx +3 -7
- package/src/components/camera/Camera.tsx +23 -21
- package/src/components/card/Card.stories.tsx +22 -15
- package/src/components/card/Card.tsx +57 -40
- package/src/components/checkbox/Checkbox.tsx +13 -9
- package/src/components/chip/Chip.stories.tsx +13 -6
- package/src/components/chip/Chip.tsx +6 -7
- package/src/components/collapsible/Collapsible.tsx +29 -18
- package/src/components/colorMode/ColorModeToggle.tsx +13 -12
- package/src/components/colorPicker/ColorPicker.tsx +33 -27
- package/src/components/contextMenu/contextMenu.stories.tsx +39 -0
- package/src/components/contextMenu/contextMenu.tsx +33 -32
- package/src/components/dialog/Dialog.stories.tsx +15 -37
- package/src/components/dialog/Dialog.tsx +219 -102
- package/src/components/divider/Divider.tsx +5 -1
- package/src/components/dropdownMenu/DropdownMenu.stories.tsx +63 -5
- package/src/components/dropdownMenu/DropdownMenu.tsx +86 -47
- package/src/components/forms/EmojiField.tsx +18 -15
- package/src/components/forms/SubmitButton.tsx +2 -2
- package/src/components/forms/TextField.tsx +2 -2
- package/src/components/forms/ToggleGroupField.tsx +9 -1
- package/src/components/horizontalList/HorizontalList.stories.tsx +2 -2
- package/src/components/horizontalList/HorizontalList.tsx +10 -18
- package/src/components/icon/Icon.stories.tsx +47 -0
- package/src/components/icon/Icon.tsx +30 -17
- package/src/components/imageUploader/ImageUploader.tsx +8 -9
- package/src/components/index.ts +1 -1
- package/src/components/input/Input.tsx +3 -7
- package/src/components/layouts/layouts.stories.tsx +10 -16
- package/src/components/lightbox/Lightbox.tsx +25 -13
- package/src/components/marquee/marquee.stories.tsx +5 -3
- package/src/components/navBar/NavBar.tsx +9 -17
- package/src/components/popover/Popover.stories.tsx +25 -7
- package/src/components/popover/Popover.tsx +90 -38
- package/src/components/progress/Progress.stories.tsx +15 -3
- package/src/components/progress/Progress.tsx +65 -11
- package/src/components/pwaInstall/PwaInstall.tsx +21 -22
- package/src/components/pwaInstall/PwaInstallTrigger.stories.tsx +5 -4
- package/src/components/pwaInstall/PwaInstallTrigger.tsx +1 -1
- package/src/components/scrollArea/ScrollArea.stories.tsx +86 -45
- package/src/components/scrollArea/ScrollArea.tsx +108 -96
- package/src/components/select/Select.stories.tsx +39 -10
- package/src/components/select/Select.tsx +158 -218
- package/src/components/slider/Slider.stories.tsx +40 -15
- package/src/components/slider/Slider.tsx +60 -30
- package/src/components/switch/Switch.stories.tsx +24 -0
- package/src/components/switch/Switch.tsx +9 -8
- package/src/components/tabs/tabs.stories.tsx +7 -13
- package/src/components/tabs/tabs.tsx +35 -28
- package/src/components/textArea/TextArea.tsx +17 -25
- package/src/components/toggleGroup/toggleGroup.stories.tsx +27 -0
- package/src/components/toggleGroup/toggleGroup.tsx +10 -8
- package/src/components/tooltip/Tooltip.stories.tsx +20 -10
- package/src/components/tooltip/Tooltip.tsx +72 -30
- package/src/components/utility/ArrowSvg.tsx +15 -0
- package/src/components/utility/HideWhileKeyboardOpen.tsx +3 -8
- package/src/components/utility/SlotDiv.tsx +10 -10
- package/src/hooks/useTitleBarColor.stories.tsx +1 -3
- package/src/hooks/useVisualViewportOffset.ts +34 -11
- package/src/hooks/withClassName.tsx +3 -3
- package/src/themes.stories.tsx +10 -20
- package/src/uno/preflights/globals.ts +25 -21
- package/src/uno/rules/util.ts +18 -8
- package/src/uno/theme/animations.ts +0 -74
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../../../../src/components/card/Card.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAiC;AACjC,0CAAoC;AACpC,iDAA4C;AAC5C,+CAAwC;AACxC,uCAWmB;AAEnB,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,kBAAQ;IACnB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC+B,CAAC;AAElC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,iCAAK,SAAS,EAAC,mBAAmB,aACjC,wBAAC,kBAAQ,oBAAK,IAAI,IAAE,SAAS,EAAC,YAAY,aACzC,uBAAC,mBAAS,
|
|
1
|
+
{"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../../../../src/components/card/Card.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { CheckboxIndicatorProps, CheckboxRootProps } from '@base-ui/react/checkbox';
|
|
2
2
|
import { Ref } from 'react';
|
|
3
|
-
export interface CheckboxProps extends
|
|
3
|
+
export interface CheckboxProps extends CheckboxRootProps {
|
|
4
4
|
/**
|
|
5
5
|
* The checked visual state. Prominent mode means the checked version is visually
|
|
6
6
|
* emphasized to the user. Faded means the checked version is visually de-emphasized.
|
|
@@ -11,7 +11,7 @@ export interface CheckboxProps extends CheckboxPrimitive.CheckboxProps {
|
|
|
11
11
|
ref?: Ref<HTMLButtonElement>;
|
|
12
12
|
}
|
|
13
13
|
export declare function CheckboxRoot({ className, checkedMode, ...props }: CheckboxProps): import("react/jsx-runtime.js").JSX.Element;
|
|
14
|
-
export declare function CheckboxIndicator({ children, className, ...props }:
|
|
14
|
+
export declare function CheckboxIndicator({ children, className, ...props }: CheckboxIndicatorProps): import("react/jsx-runtime.js").JSX.Element;
|
|
15
15
|
export declare const Checkbox: ((props: CheckboxProps) => import("react/jsx-runtime.js").JSX.Element) & {
|
|
16
16
|
Root: typeof CheckboxRoot;
|
|
17
17
|
Indicator: typeof CheckboxIndicator;
|
|
@@ -1,39 +1,6 @@
|
|
|
1
1
|
// @unocss-include
|
|
2
2
|
"use strict";
|
|
3
3
|
'use client';
|
|
4
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
5
|
-
if (k2 === undefined) k2 = k;
|
|
6
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
7
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
8
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
9
|
-
}
|
|
10
|
-
Object.defineProperty(o, k2, desc);
|
|
11
|
-
}) : (function(o, m, k, k2) {
|
|
12
|
-
if (k2 === undefined) k2 = k;
|
|
13
|
-
o[k2] = m[k];
|
|
14
|
-
}));
|
|
15
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
16
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
17
|
-
}) : function(o, v) {
|
|
18
|
-
o["default"] = v;
|
|
19
|
-
});
|
|
20
|
-
var __importStar = (this && this.__importStar) || (function () {
|
|
21
|
-
var ownKeys = function(o) {
|
|
22
|
-
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
23
|
-
var ar = [];
|
|
24
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
25
|
-
return ar;
|
|
26
|
-
};
|
|
27
|
-
return ownKeys(o);
|
|
28
|
-
};
|
|
29
|
-
return function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
|
-
})();
|
|
37
4
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
38
5
|
var t = {};
|
|
39
6
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -53,18 +20,18 @@ exports.Checkbox = void 0;
|
|
|
53
20
|
exports.CheckboxRoot = CheckboxRoot;
|
|
54
21
|
exports.CheckboxIndicator = CheckboxIndicator;
|
|
55
22
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
56
|
-
const
|
|
23
|
+
const checkbox_1 = require("@base-ui/react/checkbox");
|
|
57
24
|
const clsx_1 = __importDefault(require("clsx"));
|
|
58
25
|
const Icon_js_1 = require("../icon/Icon.js");
|
|
59
26
|
function CheckboxRoot(_a) {
|
|
60
27
|
var { className, checkedMode = 'prominent' } = _a, props = __rest(_a, ["className", "checkedMode"]);
|
|
61
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
62
|
-
? 'layer-components:
|
|
63
|
-
: 'layer-components:
|
|
28
|
+
return ((0, jsx_runtime_1.jsx)(checkbox_1.Checkbox.Root, Object.assign({}, props, { className: (0, clsx_1.default)('layer-components:block layer-components:w-28px layer-components:h-28px layer-components:flex-shrink-0 layer-components:relative layer-components:bg-white layer-components:border layer-components:border-default layer-components:transition-all layer-components:rounded-lg layer-components:shadow-sm layer-components:cursor-pointer', 'layer-components:focus-visible:outline-off layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-accent', checkedMode === 'faded'
|
|
29
|
+
? 'layer-components:data-[checked]:bg-main layer-components:data-[checked]:animate-checkbox-fade layer-components:data-[checked]:animate-forwards'
|
|
30
|
+
: 'layer-components:data-[checked]:bg-main layer-components:data-[checked]:border-main-ink', 'layer-components:[&:hover:not(:disabled)]:bg-lighten-2 layer-components:[&:hover:not(:disabled)]:ring-bg layer-components:[&:hover:not(:disabled)]:ring-2', 'layer-components:[&:active:not(:disabled)]:bg-darken-1 layer-components:[&:active:not(:disabled)]:ring-4', 'layer-components:[&:disabled]:bg-transparent layer-components:[&:disabled]:border-gray-light layer-components:[&:disabled]:shadow-none', className) })));
|
|
64
31
|
}
|
|
65
32
|
function CheckboxIndicator(_a) {
|
|
66
33
|
var { children, className } = _a, props = __rest(_a, ["children", "className"]);
|
|
67
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
34
|
+
return ((0, jsx_runtime_1.jsx)(checkbox_1.Checkbox.Indicator, Object.assign({ className: (0, clsx_1.default)('absolute center color-black', className) }, props, { children: children !== null && children !== void 0 ? children : (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "check", size: 16 }) })));
|
|
68
35
|
}
|
|
69
36
|
exports.Checkbox = Object.assign(function Checkbox(props) {
|
|
70
37
|
return ((0, jsx_runtime_1.jsx)(CheckboxRoot, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(CheckboxIndicator, {}) })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;AAsBb,oCAqBC;AAED,8CAaC;;AAxDD,sDAIiC;AACjC,gDAA8B;AAE9B,6CAAuC;AAavC,SAAgB,YAAY,CAAC,EAIb;QAJa,EAC5B,SAAS,EACT,WAAW,GAAG,WAAW,OAEV,EADZ,KAAK,cAHoB,4BAI5B,CADQ;IAER,OAAO,CACN,uBAAC,mBAAY,CAAC,IAAI,oBACb,KAAK,IACT,SAAS,EAAE,IAAA,cAAU,EACpB,iJAAiJ,EACjJ,iEAAiE,EACjE,WAAW,KAAK,OAAO;YACtB,CAAC,CAAC,kFAAkF;YACpF,CAAC,CAAC,2DAA2D,EAC9D,yEAAyE,EACzE,iEAAiE,EACjE,8EAA8E,EAC9E,SAAS,CACT,IACA,CACF,CAAC;AACH,CAAC;AAED,SAAgB,iBAAiB,CAAC,EAIT;QAJS,EACjC,QAAQ,EACR,SAAS,OAEe,EADrB,KAAK,cAHyB,yBAIjC,CADQ;IAER,OAAO,CACN,uBAAC,mBAAY,CAAC,SAAS,kBACtB,SAAS,EAAE,IAAA,cAAU,EAAC,6BAA6B,EAAE,SAAS,CAAC,IAC3D,KAAK,cAER,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,uBAAC,cAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI,IACpB,CACzB,CAAC;AACH,CAAC;AAEY,QAAA,QAAQ,GAAG,MAAM,CAAC,MAAM,CACpC,SAAS,QAAQ,CAAC,KAAoB;IACrC,OAAO,CACN,uBAAC,YAAY,oBAAK,KAAK,cACtB,uBAAC,iBAAiB,KAAG,IACP,CACf,CAAC;AACH,CAAC,EACD;IACC,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,iBAAiB;CAC5B,CACD,CAAC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
import { UseRenderRenderProp } from '@base-ui/react/use-render';
|
|
1
2
|
import { HTMLAttributes, Ref } from 'react';
|
|
2
3
|
import { PaletteName } from '../../uno/index.js';
|
|
3
4
|
export interface ChipProps extends HTMLAttributes<HTMLElement> {
|
|
4
5
|
color?: PaletteName;
|
|
5
|
-
|
|
6
|
+
render?: UseRenderRenderProp;
|
|
6
7
|
ref?: Ref<any>;
|
|
7
8
|
}
|
|
8
|
-
export declare function Chip({ className, color,
|
|
9
|
+
export declare function Chip({ className, color, ...rest }: ChipProps): import("react/jsx-runtime.js").JSX.Element;
|
|
@@ -17,11 +17,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
17
17
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
18
|
exports.Chip = Chip;
|
|
19
19
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
|
-
const react_slot_1 = require("@radix-ui/react-slot");
|
|
21
20
|
const clsx_1 = __importDefault(require("clsx"));
|
|
21
|
+
const SlotDiv_js_1 = require("../utility/SlotDiv.js");
|
|
22
22
|
function Chip(_a) {
|
|
23
|
-
var { className, color
|
|
24
|
-
|
|
25
|
-
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ ref: ref, className: (0, clsx_1.default)(color && `palette-${color}`, 'layer-composed:inline-flex layer-composed:flex-row layer-composed:gap-1 layer-composed:items-center layer-composed:whitespace-nowrap', 'layer-composed:bg-main-wash layer-composed:color-contrast layer-composed:border-light layer-composed:border-solid layer-composed:border layer-composed:rounded-lg', 'layer-composed:px-sm layer-composed:py-xs layer-composed:text-xs', className), role: rest.onClick ? 'button' : undefined }, rest)));
|
|
23
|
+
var { className, color } = _a, rest = __rest(_a, ["className", "color"]);
|
|
24
|
+
return ((0, jsx_runtime_1.jsx)(SlotDiv_js_1.SlotDiv, Object.assign({ className: (0, clsx_1.default)(color && `palette-${color}`, 'layer-composed:inline-flex layer-composed:flex-row layer-composed:gap-1 layer-composed:items-center layer-composed:whitespace-nowrap layer-composed:font-normal', 'layer-composed:bg-main-wash layer-composed:color-contrast layer-composed:border-light layer-composed:border-solid layer-composed:border layer-composed:rounded-lg', 'layer-composed:px-sm layer-composed:py-xs layer-composed:text-xs', className), role: rest.onClick ? 'button' : undefined }, rest)));
|
|
26
25
|
}
|
|
27
26
|
//# sourceMappingURL=Chip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../src/components/chip/Chip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../src/components/chip/Chip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAYA,oBAcC;;AAzBD,gDAA8B;AAG9B,sDAAgD;AAQhD,SAAgB,IAAI,CAAC,EAAwC;QAAxC,EAAE,SAAS,EAAE,KAAK,OAAsB,EAAjB,IAAI,cAA3B,sBAA6B,CAAF;IAC/C,OAAO,CACN,uBAAC,oBAAO,kBACP,SAAS,EAAE,IAAA,cAAU,EACpB,KAAK,IAAI,WAAW,KAAK,EAAE,EAC3B,wFAAwF,EACxF,0FAA0F,EAC1F,sCAAsC,EACtC,SAAS,CACT,EACD,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IACrC,IAAI,EACP,CACF,CAAC;AACH,CAAC"}
|
|
@@ -3,7 +3,12 @@ import { Chip } from './Chip.js';
|
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
5
|
component: typeof Chip;
|
|
6
|
-
argTypes: {
|
|
6
|
+
argTypes: {
|
|
7
|
+
color: {
|
|
8
|
+
control: "select";
|
|
9
|
+
options: readonly ["primary", "accent", "attention", "success", "lemon", "leek", "tomato", "blueberry", "eggplant", "gray", "high-contrast"];
|
|
10
|
+
};
|
|
11
|
+
};
|
|
7
12
|
args: {
|
|
8
13
|
children: string;
|
|
9
14
|
};
|
|
@@ -3,13 +3,19 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
exports.AsButton = exports.Colors = exports.Default = void 0;
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const index_js_1 = require("../../uno/index.js");
|
|
6
7
|
const Box_js_1 = require("../box/Box.js");
|
|
7
8
|
const Button_js_1 = require("../button/Button.js");
|
|
8
9
|
const Chip_js_1 = require("./Chip.js");
|
|
9
10
|
const meta = {
|
|
10
11
|
title: 'Components/Chip',
|
|
11
12
|
component: Chip_js_1.Chip,
|
|
12
|
-
argTypes: {
|
|
13
|
+
argTypes: {
|
|
14
|
+
color: {
|
|
15
|
+
control: 'select',
|
|
16
|
+
options: index_js_1.paletteNames,
|
|
17
|
+
},
|
|
18
|
+
},
|
|
13
19
|
args: {
|
|
14
20
|
children: 'Chip',
|
|
15
21
|
},
|
|
@@ -29,8 +35,8 @@ exports.Colors = {
|
|
|
29
35
|
},
|
|
30
36
|
};
|
|
31
37
|
exports.AsButton = {
|
|
32
|
-
render() {
|
|
33
|
-
return ((0, jsx_runtime_1.jsxs)(Box_js_1.Box, { gap: true, items: "center", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, {
|
|
38
|
+
render(args) {
|
|
39
|
+
return ((0, jsx_runtime_1.jsxs)(Box_js_1.Box, { gap: true, items: "center", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { render: (0, jsx_runtime_1.jsx)(Chip_js_1.Chip, { color: "primary", children: "Clickable Chip" }) })), (0, jsx_runtime_1.jsx)(Chip_js_1.Chip, Object.assign({}, args, { children: "Non-clickable Chip" }))] }));
|
|
34
40
|
},
|
|
35
41
|
};
|
|
36
42
|
//# sourceMappingURL=Chip.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.stories.js","sourceRoot":"","sources":["../../../../src/components/chip/Chip.stories.tsx"],"names":[],"mappings":";;;;AACA,0CAAoC;AACpC,mDAA6C;AAC7C,uCAAiC;AAEjC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,cAAI;IACf,QAAQ,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"Chip.stories.js","sourceRoot":"","sources":["../../../../src/components/chip/Chip.stories.tsx"],"names":[],"mappings":";;;;AACA,iDAAkD;AAClD,0CAAoC;AACpC,mDAA6C;AAC7C,uCAAiC;AAEjC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,cAAI;IACf,QAAQ,EAAE;QACT,KAAK,EAAE;YACN,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,uBAAY;SACrB;KACD;IACD,IAAI,EAAE;QACL,QAAQ,EAAE,MAAM;KAChB;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC2B,CAAC;AAE9B,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,uBAAC,cAAI,oBAAK,IAAI,EAAI,CAAC;IAC3B,CAAC;CACD,CAAC;AAEW,QAAA,MAAM,GAAU;IAC5B,MAAM;QACL,OAAO,CACN,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,aAC3C,uBAAC,cAAI,IAAC,KAAK,EAAC,MAAM,qBAAY,EAC9B,uBAAC,cAAI,IAAC,KAAK,EAAC,SAAS,wBAAe,EACpC,uBAAC,cAAI,IAAC,KAAK,EAAC,QAAQ,uBAAc,EAClC,uBAAC,cAAI,IAAC,KAAK,EAAC,WAAW,0BAAiB,EACxC,uBAAC,cAAI,IAAC,KAAK,EAAC,SAAS,wBAAe,EACpC,uBAAC,cAAI,IAAC,KAAK,EAAC,OAAO,sBAAa,EAChC,uBAAC,cAAI,IAAC,KAAK,EAAC,MAAM,qBAAY,EAC9B,uBAAC,cAAI,IAAC,KAAK,EAAC,QAAQ,uBAAc,EAClC,uBAAC,cAAI,IAAC,KAAK,EAAC,WAAW,0BAAiB,EACxC,uBAAC,cAAI,IAAC,KAAK,EAAC,UAAU,yBAAgB,IACjC,CACN,CAAC;IACH,CAAC;CACD,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC9B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,wBAAC,YAAG,IAAC,GAAG,QAAC,KAAK,EAAC,QAAQ,aACtB,uBAAC,kBAAM,oBACF,IAAI,IACR,MAAM,EAAE,uBAAC,cAAI,IAAC,KAAK,EAAC,SAAS,+BAAsB,IAClD,EACF,uBAAC,cAAI,oBAAK,IAAI,sCAA2B,IACpC,CACN,CAAC;IACH,CAAC;CACD,CAAC"}
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { CollapsiblePanelProps, CollapsibleRootProps } from '@base-ui/react/collapsible';
|
|
2
2
|
import { Ref } from 'react';
|
|
3
|
-
export declare const CollapsibleRoot: import("react").ForwardRefExoticComponent<
|
|
4
|
-
export declare const CollapsibleContent: ({ ref, horizontal, both, ...props }:
|
|
3
|
+
export declare const CollapsibleRoot: import("react").ForwardRefExoticComponent<CollapsibleRootProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
|
+
export declare const CollapsibleContent: ({ ref, horizontal, both, ...props }: CollapsiblePanelProps & {
|
|
5
5
|
horizontal?: boolean;
|
|
6
6
|
both?: boolean;
|
|
7
7
|
ref?: Ref<HTMLDivElement>;
|
|
8
8
|
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
9
|
-
export declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<
|
|
10
|
-
export declare const CollapsibleSimple: ({ horizontal, both, children, ...props }:
|
|
9
|
+
export declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<import("@base-ui/react/collapsible/index.js").CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
10
|
+
export declare const CollapsibleSimple: ({ horizontal, both, children, ...props }: CollapsibleRootProps & {
|
|
11
11
|
horizontal?: boolean;
|
|
12
12
|
both?: boolean;
|
|
13
13
|
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
14
|
-
export declare const Collapsible: import("react").ForwardRefExoticComponent<
|
|
15
|
-
Content: ({ ref, horizontal, both, ...props }:
|
|
14
|
+
export declare const Collapsible: import("react").ForwardRefExoticComponent<CollapsibleRootProps & import("react").RefAttributes<HTMLDivElement>> & {
|
|
15
|
+
Content: ({ ref, horizontal, both, ...props }: CollapsiblePanelProps & {
|
|
16
16
|
horizontal?: boolean;
|
|
17
17
|
both?: boolean;
|
|
18
18
|
ref?: Ref<HTMLDivElement>;
|
|
19
19
|
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
20
|
-
Trigger: import("react").ForwardRefExoticComponent<
|
|
21
|
-
Simple: ({ horizontal, both, children, ...props }:
|
|
20
|
+
Trigger: import("react").ForwardRefExoticComponent<import("@base-ui/react/collapsible/index.js").CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
21
|
+
Simple: ({ horizontal, both, children, ...props }: CollapsibleRootProps & {
|
|
22
22
|
horizontal?: boolean;
|
|
23
23
|
both?: boolean;
|
|
24
24
|
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
@@ -1,39 +1,6 @@
|
|
|
1
1
|
// @unocss-include
|
|
2
2
|
"use strict";
|
|
3
3
|
'use client';
|
|
4
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
5
|
-
if (k2 === undefined) k2 = k;
|
|
6
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
7
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
8
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
9
|
-
}
|
|
10
|
-
Object.defineProperty(o, k2, desc);
|
|
11
|
-
}) : (function(o, m, k, k2) {
|
|
12
|
-
if (k2 === undefined) k2 = k;
|
|
13
|
-
o[k2] = m[k];
|
|
14
|
-
}));
|
|
15
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
16
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
17
|
-
}) : function(o, v) {
|
|
18
|
-
o["default"] = v;
|
|
19
|
-
});
|
|
20
|
-
var __importStar = (this && this.__importStar) || (function () {
|
|
21
|
-
var ownKeys = function(o) {
|
|
22
|
-
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
23
|
-
var ar = [];
|
|
24
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
25
|
-
return ar;
|
|
26
|
-
};
|
|
27
|
-
return ownKeys(o);
|
|
28
|
-
};
|
|
29
|
-
return function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
|
-
})();
|
|
37
4
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
38
5
|
var t = {};
|
|
39
6
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -48,17 +15,27 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
48
15
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
49
16
|
exports.Collapsible = exports.CollapsibleSimple = exports.CollapsibleTrigger = exports.CollapsibleContent = exports.CollapsibleRoot = void 0;
|
|
50
17
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
51
|
-
const
|
|
18
|
+
const collapsible_1 = require("@base-ui/react/collapsible");
|
|
52
19
|
const withClassName_js_1 = require("../../hooks/withClassName.js");
|
|
53
|
-
exports.CollapsibleRoot =
|
|
54
|
-
const CollapsibleContentBase = (0, withClassName_js_1.withClassName)(
|
|
20
|
+
exports.CollapsibleRoot = collapsible_1.Collapsible.Root;
|
|
21
|
+
const CollapsibleContentBase = (0, withClassName_js_1.withClassName)(collapsible_1.Collapsible.Panel, 'overflow-hidden transition-all', 'data-[vertical]:h-[--collapsible-panel-height] data-[horizontal]:w-[--collapsible-panel-width]', 'data-[both]:h-[--collapsible-panel-height] data-[both]:w-[--collapsible-panel-width]', 'data-[starting-style]:data-[vertical]:h-0', 'data-[starting-style]:data-[both]:h-0 data-[starting-style]:data-[both]:w-0', 'data-[ending-style]:data-[vertical]:h-0', 'data-[ending-style]:data-[both]:h-0 data-[ending-style]:data-[both]:w-0', 'data-[starting-style]:data-[horizontal]:w-0', 'data-[ending-style]:data-[horizontal]:w-0', 'data-[hidden]:[&:not([hidden="until-found"])]:hidden');
|
|
55
22
|
// specifically removing className... it's causing problems?
|
|
56
23
|
const CollapsibleContent = function CollapsibleContent(_a) {
|
|
57
24
|
var { ref, horizontal, both } = _a, props = __rest(_a, ["ref", "horizontal", "both"]);
|
|
58
|
-
|
|
25
|
+
const extraProps = {};
|
|
26
|
+
if (horizontal) {
|
|
27
|
+
extraProps['data-horizontal'] = true;
|
|
28
|
+
}
|
|
29
|
+
else if (both) {
|
|
30
|
+
extraProps['data-both'] = true;
|
|
31
|
+
}
|
|
32
|
+
else {
|
|
33
|
+
extraProps['data-vertical'] = true;
|
|
34
|
+
}
|
|
35
|
+
return (0, jsx_runtime_1.jsx)(CollapsibleContentBase, Object.assign({}, extraProps, props, { ref: ref }));
|
|
59
36
|
};
|
|
60
37
|
exports.CollapsibleContent = CollapsibleContent;
|
|
61
|
-
exports.CollapsibleTrigger =
|
|
38
|
+
exports.CollapsibleTrigger = collapsible_1.Collapsible.Trigger;
|
|
62
39
|
const CollapsibleSimple = (_a) => {
|
|
63
40
|
var { horizontal, both, children } = _a, props = __rest(_a, ["horizontal", "both", "children"]);
|
|
64
41
|
return ((0, jsx_runtime_1.jsx)(exports.CollapsibleRoot, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(exports.CollapsibleContent, { horizontal: horizontal, both: both, children: children }) })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../../src/components/collapsible/Collapsible.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC
|
|
1
|
+
{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../../src/components/collapsible/Collapsible.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;AACb,4DAIoC;AAEpC,mEAA6D;AAEhD,QAAA,eAAe,GAAG,yBAAe,CAAC,IAAI,CAAC;AACpD,MAAM,sBAAsB,GAAG,IAAA,gCAAa,EAC3C,yBAAe,CAAC,KAAK,EACrB,gCAAgC,EAChC,gGAAgG,EAChG,4EAA4E,EAC5E,6CAA6C,EAC7C,6CAA6C,EAC7C,2CAA2C,EAC3C,2CAA2C,EAC3C,+CAA+C,EAC/C,6CAA6C,EAC7C,wDAAwD,CACxD,CAAC;AACF,4DAA4D;AACrD,MAAM,kBAAkB,GAAG,SAAS,kBAAkB,CAAC,EAS7D;QAT6D,EAC7D,GAAG,EACH,UAAU,EACV,IAAI,OAMJ,EALG,KAAK,cAJqD,6BAK7D,CADQ;IAMR,MAAM,UAAU,GAAQ,EAAE,CAAC;IAC3B,IAAI,UAAU,EAAE,CAAC;QAChB,UAAU,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC;IACtC,CAAC;SAAM,IAAI,IAAI,EAAE,CAAC;QACjB,UAAU,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAChC,CAAC;SAAM,CAAC;QACP,UAAU,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC;IACpC,CAAC;IACD,OAAO,uBAAC,sBAAsB,oBAAK,UAAU,EAAM,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACxE,CAAC,CAAC;AAnBW,QAAA,kBAAkB,sBAmB7B;AACW,QAAA,kBAAkB,GAAG,yBAAe,CAAC,OAAO,CAAC;AAEnD,MAAM,iBAAiB,GAAG,CAAC,EAQjC,EAAE,EAAE;QAR6B,EACjC,UAAU,EACV,IAAI,EACJ,QAAQ,OAKR,EAJG,KAAK,cAJyB,kCAKjC,CADQ;IAIH,OAAA,CACL,uBAAC,uBAAe,oBAAK,KAAK,cACzB,uBAAC,0BAAkB,IAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,YACpD,QAAQ,GACW,IACJ,CAClB,CAAA;CAAA,CAAC;AAdW,QAAA,iBAAiB,qBAc5B;AAEW,QAAA,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAe,EAAE;IACzD,OAAO,EAAE,0BAAkB;IAC3B,OAAO,EAAE,0BAAkB;IAC3B,MAAM,EAAE,yBAAiB;CACzB,CAAC,CAAC"}
|
|
@@ -2,7 +2,7 @@ import type { StoryObj } from '@storybook/react';
|
|
|
2
2
|
import { CollapsibleSimple } from './Collapsible.js';
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ horizontal, both, children, ...props }: import("@
|
|
5
|
+
component: ({ horizontal, both, children, ...props }: import("@base-ui/react/collapsible/index.js").CollapsibleRootProps & {
|
|
6
6
|
horizontal?: boolean;
|
|
7
7
|
both?: boolean;
|
|
8
8
|
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export interface ColorModeToggleProps extends Omit<
|
|
1
|
+
import { ToggleGroupProps } from '@base-ui/react/toggle-group';
|
|
2
|
+
export interface ColorModeToggleProps extends Omit<ToggleGroupProps, 'type' | 'onValueChange' | 'value'> {
|
|
3
|
+
value?: 'light' | 'dark' | 'system';
|
|
4
|
+
onValueChange?: (value: 'light' | 'dark' | 'system', event: any) => void;
|
|
3
5
|
}
|
|
4
6
|
export declare function ColorModeToggle({ value: userValue, onValueChange: userOnValueChange, className, ...rest }: ColorModeToggleProps): import("react/jsx-runtime.js").JSX.Element;
|
|
@@ -21,14 +21,13 @@ function ColorModeToggle(_a) {
|
|
|
21
21
|
var { value: userValue, onValueChange: userOnValueChange, className } = _a, rest = __rest(_a, ["value", "onValueChange", "className"]);
|
|
22
22
|
const colorMode = (0, colorMode_js_1.useColorMode)();
|
|
23
23
|
const value = userValue !== null && userValue !== void 0 ? userValue : colorMode;
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
return ((0, jsx_runtime_1.jsxs)(toggleGroup_js_1.ToggleGroup, Object.assign({ value: value, onValueChange: onValueChange, type: "single", className: className }, rest, { children: [(0, jsx_runtime_1.jsx)(toggleGroup_js_1.ToggleGroup.Item, { value: "system", "aria-label": "Device", children: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "phone" }) }), (0, jsx_runtime_1.jsx)(toggleGroup_js_1.ToggleGroup.Item, { value: "light", "aria-label": "Light", children: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "sun" }) }), (0, jsx_runtime_1.jsx)(toggleGroup_js_1.ToggleGroup.Item, { value: "dark", "aria-label": "Dark", children: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "moon" }) })] })));
|
|
24
|
+
return ((0, jsx_runtime_1.jsxs)(toggleGroup_js_1.ToggleGroup, Object.assign({ value: [value], onValueChange: ([value], ev) => {
|
|
25
|
+
if (userOnValueChange) {
|
|
26
|
+
userOnValueChange(value, ev);
|
|
27
|
+
}
|
|
28
|
+
else {
|
|
29
|
+
(0, colorMode_js_1.setColorMode)(value);
|
|
30
|
+
}
|
|
31
|
+
}, className: className }, rest, { children: [(0, jsx_runtime_1.jsx)(toggleGroup_js_1.ToggleGroup.Item, { value: "system", "aria-label": "Device", children: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "phone" }) }), (0, jsx_runtime_1.jsx)(toggleGroup_js_1.ToggleGroup.Item, { value: "light", "aria-label": "Light", children: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "sun" }) }), (0, jsx_runtime_1.jsx)(toggleGroup_js_1.ToggleGroup.Item, { value: "dark", "aria-label": "Dark", children: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "moon" }) })] })));
|
|
33
32
|
}
|
|
34
33
|
//# sourceMappingURL=ColorModeToggle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorModeToggle.js","sourceRoot":"","sources":["../../../../src/components/colorMode/ColorModeToggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"ColorModeToggle.js","sourceRoot":"","sources":["../../../../src/components/colorMode/ColorModeToggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAWA,0CAiCC;;AA3CD,qDAAgE;AAChE,6CAAuC;AACvC,kEAA4D;AAQ5D,SAAgB,eAAe,CAAC,EAKT;QALS,EAC/B,KAAK,EAAE,SAAS,EAChB,aAAa,EAAE,iBAAiB,EAChC,SAAS,OAEa,EADnB,IAAI,cAJwB,uCAK/B,CADO;IAEP,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IACjC,MAAM,KAAK,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,SAAS,CAAC;IAErC,OAAO,CACN,wBAAC,4BAAW,kBACX,KAAK,EAAE,CAAC,KAAK,CAAC,EACd,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,EAAE;YAC9B,IAAI,iBAAiB,EAAE,CAAC;gBACvB,iBAAiB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YAC9B,CAAC;iBAAM,CAAC;gBACP,IAAA,2BAAY,EAAC,KAAoC,CAAC,CAAC;YACpD,CAAC;QACF,CAAC,EACD,SAAS,EAAE,SAAS,IAChB,IAAI,eAER,uBAAC,4BAAW,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,gBAAY,QAAQ,YACnD,uBAAC,cAAI,IAAC,IAAI,EAAC,OAAO,GAAG,GACH,EACnB,uBAAC,4BAAW,CAAC,IAAI,IAAC,KAAK,EAAC,OAAO,gBAAY,OAAO,YACjD,uBAAC,cAAI,IAAC,IAAI,EAAC,KAAK,GAAG,GACD,EACnB,uBAAC,4BAAW,CAAC,IAAI,IAAC,KAAK,EAAC,MAAM,gBAAY,MAAM,YAC/C,uBAAC,cAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACF,KACN,CACd,CAAC;AACH,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { SelectTriggerProps } from '@
|
|
1
|
+
import { SelectTriggerProps } from '@base-ui/react/select';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
import { PaletteName } from '../../uno/index.js';
|
|
4
4
|
export interface ColorPickerProps extends Omit<SelectTriggerProps, 'value' | 'onChange' | 'color'> {
|
|
@@ -6,8 +6,9 @@ export interface ColorPickerProps extends Omit<SelectTriggerProps, 'value' | 'on
|
|
|
6
6
|
onChange: (value: PaletteName) => void;
|
|
7
7
|
showGray?: boolean;
|
|
8
8
|
}
|
|
9
|
-
export declare function ColorPicker({ value, onChange, showGray, className, ...rest }: ColorPickerProps): import("react/jsx-runtime.js").JSX.Element;
|
|
10
|
-
export declare function ColorSwatch({ value, children, }: {
|
|
9
|
+
export declare function ColorPicker({ value, onChange, showGray, className, nativeButton: _, ...rest }: ColorPickerProps): import("react/jsx-runtime.js").JSX.Element;
|
|
10
|
+
export declare function ColorSwatch({ value, children, className, ...rest }: {
|
|
11
11
|
value: PaletteName;
|
|
12
12
|
children?: ReactNode;
|
|
13
|
+
className?: string;
|
|
13
14
|
}): import("react/jsx-runtime.js").JSX.Element;
|
|
@@ -51,14 +51,18 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
51
51
|
const clsx_1 = __importStar(require("clsx"));
|
|
52
52
|
const withClassName_js_1 = require("../../hooks/withClassName.js");
|
|
53
53
|
const index_js_1 = require("../../uno/index.js");
|
|
54
|
+
const index_js_2 = require("../button/index.js");
|
|
54
55
|
const Select_js_1 = require("../select/Select.js");
|
|
55
56
|
function ColorPicker(_a) {
|
|
56
|
-
var { value, onChange, showGray, className } = _a, rest = __rest(_a, ["value", "onChange", "showGray", "className"]);
|
|
57
|
+
var { value, onChange, showGray, className, nativeButton: _ } = _a, rest = __rest(_a, ["value", "onChange", "showGray", "className", "nativeButton"]);
|
|
57
58
|
const resolvedValue = value && index_js_1.paletteNames.includes(value) ? value : 'lemon';
|
|
58
|
-
return ((0, jsx_runtime_1.jsxs)(Select_js_1.Select, { value: resolvedValue, onValueChange:
|
|
59
|
+
return ((0, jsx_runtime_1.jsxs)(Select_js_1.Select, { value: resolvedValue, onValueChange: (v) => {
|
|
60
|
+
onChange(v);
|
|
61
|
+
}, children: [(0, jsx_runtime_1.jsx)(Select_js_1.Select.Trigger, Object.assign({ className: (0, clsx_1.clsx)('layer-composed:p-sm', className) }, rest, { children: (0, jsx_runtime_1.jsx)(index_js_2.Button.Icon, { render: (0, jsx_runtime_1.jsx)(ColorSwatch, { value: resolvedValue }) }) })), (0, jsx_runtime_1.jsxs)(Select_js_1.Select.Content, { className: "z-[calc(var(--z-dialog)+1)]", children: [(0, jsx_runtime_1.jsxs)(Select_js_1.Select.Item, { value: "lemon", children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "lemon" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Lemon" })] }), (0, jsx_runtime_1.jsxs)(Select_js_1.Select.Item, { value: "tomato", children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "tomato" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Tomato" })] }), (0, jsx_runtime_1.jsxs)(Select_js_1.Select.Item, { value: "leek", children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "leek" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Leek" })] }), (0, jsx_runtime_1.jsxs)(Select_js_1.Select.Item, { value: "blueberry", children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "blueberry" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Blueberry" })] }), (0, jsx_runtime_1.jsxs)(Select_js_1.Select.Item, { value: "eggplant", children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "eggplant" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Eggplant" })] }), showGray && ((0, jsx_runtime_1.jsxs)(Select_js_1.Select.Item, { value: "gray", children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "gray" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Salt" })] }))] })] }));
|
|
59
62
|
}
|
|
60
63
|
const ItemLabel = (0, withClassName_js_1.withClassName)('span', 'sr-only');
|
|
61
|
-
function ColorSwatch(
|
|
62
|
-
|
|
64
|
+
function ColorSwatch(_a) {
|
|
65
|
+
var { value, children, className } = _a, rest = __rest(_a, ["value", "children", "className"]);
|
|
66
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, clsx_1.default)('bg-main w-16px h-16px rounded-sm', `palette-${value !== null && value !== void 0 ? value : 'lemon'}`, className) }, rest, { children: children })));
|
|
63
67
|
}
|
|
64
68
|
//# sourceMappingURL=ColorPicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../../src/components/colorPicker/ColorPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../../src/components/colorPicker/ColorPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,kCAsDC;AAID,kCAsBC;;AA9FD,6CAAwC;AAExC,mEAA6D;AAC7D,iDAA+D;AAC/D,iDAA4C;AAC5C,mDAA6C;AAS7C,SAAgB,WAAW,CAAC,EAOT;QAPS,EAC3B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,CAAC,OAEG,EADf,IAAI,cANoB,8DAO3B,CADO;IAEP,MAAM,aAAa,GAClB,KAAK,IAAI,uBAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAE,KAAqB,CAAC,CAAC,CAAC,OAAO,CAAC;IAE1E,OAAO,CACN,wBAAC,kBAAM,IACN,KAAK,EAAE,aAAa,EACpB,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE;YACpB,QAAQ,CAAC,CAAgB,CAAC,CAAC;QAC5B,CAAC,aAED,uBAAC,kBAAM,CAAC,OAAO,kBACd,SAAS,EAAE,IAAA,WAAI,EAAC,qBAAqB,EAAE,SAAS,CAAC,IAC5C,IAAY,cAEjB,uBAAC,iBAAM,CAAC,IAAI,IAAC,MAAM,EAAE,uBAAC,WAAW,IAAC,KAAK,EAAE,aAAa,GAAI,GAAI,IAC9C,EACjB,wBAAC,kBAAM,CAAC,OAAO,IAAC,SAAS,EAAC,6BAA6B,aACtD,wBAAC,kBAAM,CAAC,IAAI,IAAC,KAAK,EAAC,OAAO,aACzB,uBAAC,WAAW,IAAC,KAAK,EAAC,OAAO,GAAG,EAC7B,uBAAC,SAAS,wBAAkB,IACf,EACd,wBAAC,kBAAM,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,aAC1B,uBAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC9B,uBAAC,SAAS,yBAAmB,IAChB,EACd,wBAAC,kBAAM,CAAC,IAAI,IAAC,KAAK,EAAC,MAAM,aACxB,uBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,uBAAC,SAAS,uBAAiB,IACd,EACd,wBAAC,kBAAM,CAAC,IAAI,IAAC,KAAK,EAAC,WAAW,aAC7B,uBAAC,WAAW,IAAC,KAAK,EAAC,WAAW,GAAG,EACjC,uBAAC,SAAS,4BAAsB,IACnB,EACd,wBAAC,kBAAM,CAAC,IAAI,IAAC,KAAK,EAAC,UAAU,aAC5B,uBAAC,WAAW,IAAC,KAAK,EAAC,UAAU,GAAG,EAChC,uBAAC,SAAS,2BAAqB,IAClB,EACb,QAAQ,IAAI,CACZ,wBAAC,kBAAM,CAAC,IAAI,IAAC,KAAK,EAAC,MAAM,aACxB,uBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,uBAAC,SAAS,uBAAiB,IACd,CACd,IACe,IACT,CACT,CAAC;AACH,CAAC;AAED,MAAM,SAAS,GAAG,IAAA,gCAAa,EAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAEnD,SAAgB,WAAW,CAAC,EAS3B;QAT2B,EAC3B,KAAK,EACL,QAAQ,EACR,SAAS,OAMT,EALG,IAAI,cAJoB,kCAK3B,CADO;IAMP,OAAO,CACN,8CACC,SAAS,EAAE,IAAA,cAAU,EACpB,kCAAkC,EAClC,WAAW,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,OAAO,EAAE,EAC7B,SAAS,CACT,IACG,IAAI,cAEP,QAAQ,IACJ,CACN,CAAC;AACH,CAAC"}
|
|
@@ -1,17 +1,16 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
export declare const
|
|
4
|
-
export declare const ContextMenuContent: ({ ref, className, onClick, ...props }: ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content> & {
|
|
1
|
+
import { ContextMenu as BaseContextMenu, ContextMenuPopupProps } from '@base-ui/react/context-menu';
|
|
2
|
+
export declare const ContextMenuRoot: typeof BaseContextMenu.Root;
|
|
3
|
+
export declare const ContextMenuContent: ({ ref, className, onClick, ...props }: ContextMenuPopupProps & {
|
|
5
4
|
ref?: React.Ref<HTMLDivElement>;
|
|
6
5
|
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
7
|
-
export declare const ContextMenuArrow: import("react").FunctionComponent<
|
|
8
|
-
export declare const ContextMenuItem: import("react").FunctionComponent<
|
|
9
|
-
export declare const ContextMenuTrigger: import("react").FunctionComponent<
|
|
10
|
-
export declare const ContextMenu:
|
|
11
|
-
Content: ({ ref, className, onClick, ...props }:
|
|
6
|
+
export declare const ContextMenuArrow: import("react").FunctionComponent<import("@base-ui/react/context-menu/index.js").ContextMenuArrowProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
7
|
+
export declare const ContextMenuItem: import("react").FunctionComponent<import("@base-ui/react/context-menu/index.js").ContextMenuItemProps & import("react").RefAttributes<Element>>;
|
|
8
|
+
export declare const ContextMenuTrigger: import("react").FunctionComponent<import("@base-ui/react/context-menu/index.js").ContextMenuTriggerProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
9
|
+
export declare const ContextMenu: typeof BaseContextMenu.Root & {
|
|
10
|
+
Content: ({ ref, className, onClick, ...props }: ContextMenuPopupProps & {
|
|
12
11
|
ref?: React.Ref<HTMLDivElement>;
|
|
13
12
|
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
14
|
-
Arrow: import("react").FunctionComponent<
|
|
15
|
-
Item: import("react").FunctionComponent<
|
|
16
|
-
Trigger: import("react").FunctionComponent<
|
|
13
|
+
Arrow: import("react").FunctionComponent<import("@base-ui/react/context-menu/index.js").ContextMenuArrowProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
14
|
+
Item: import("react").FunctionComponent<import("@base-ui/react/context-menu/index.js").ContextMenuItemProps & import("react").RefAttributes<Element>>;
|
|
15
|
+
Trigger: import("react").FunctionComponent<import("@base-ui/react/context-menu/index.js").ContextMenuTriggerProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
17
16
|
};
|
|
@@ -1,38 +1,5 @@
|
|
|
1
1
|
// @unocss-include
|
|
2
2
|
"use strict";
|
|
3
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
4
|
-
if (k2 === undefined) k2 = k;
|
|
5
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
8
|
-
}
|
|
9
|
-
Object.defineProperty(o, k2, desc);
|
|
10
|
-
}) : (function(o, m, k, k2) {
|
|
11
|
-
if (k2 === undefined) k2 = k;
|
|
12
|
-
o[k2] = m[k];
|
|
13
|
-
}));
|
|
14
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
15
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
16
|
-
}) : function(o, v) {
|
|
17
|
-
o["default"] = v;
|
|
18
|
-
});
|
|
19
|
-
var __importStar = (this && this.__importStar) || (function () {
|
|
20
|
-
var ownKeys = function(o) {
|
|
21
|
-
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
22
|
-
var ar = [];
|
|
23
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
24
|
-
return ar;
|
|
25
|
-
};
|
|
26
|
-
return ownKeys(o);
|
|
27
|
-
};
|
|
28
|
-
return function (mod) {
|
|
29
|
-
if (mod && mod.__esModule) return mod;
|
|
30
|
-
var result = {};
|
|
31
|
-
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
32
|
-
__setModuleDefault(result, mod);
|
|
33
|
-
return result;
|
|
34
|
-
};
|
|
35
|
-
})();
|
|
36
3
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
37
4
|
var t = {};
|
|
38
5
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -50,22 +17,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
50
17
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
51
18
|
exports.ContextMenu = exports.ContextMenuTrigger = exports.ContextMenuItem = exports.ContextMenuArrow = exports.ContextMenuContent = exports.ContextMenuRoot = void 0;
|
|
52
19
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
53
|
-
const
|
|
20
|
+
const context_menu_1 = require("@base-ui/react/context-menu");
|
|
54
21
|
const clsx_1 = __importDefault(require("clsx"));
|
|
55
22
|
const withClassName_js_1 = require("../../hooks/withClassName.js");
|
|
56
23
|
const GroupScale_js_1 = require("../../systems/GroupScale.js");
|
|
57
|
-
exports.ContextMenuRoot =
|
|
24
|
+
exports.ContextMenuRoot = context_menu_1.ContextMenu.Root;
|
|
58
25
|
const ContextMenuContent = function Content(_a) {
|
|
59
26
|
var { ref, className, onClick } = _a, props = __rest(_a, ["ref", "className", "onClick"]);
|
|
60
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
27
|
+
return ((0, jsx_runtime_1.jsx)(context_menu_1.ContextMenu.Portal, { children: (0, jsx_runtime_1.jsx)(context_menu_1.ContextMenu.Positioner, { alignOffset: -10, children: (0, jsx_runtime_1.jsx)(GroupScale_js_1.GroupScaleReset, { children: (0, jsx_runtime_1.jsx)(context_menu_1.ContextMenu.Popup, Object.assign({ className: (0, clsx_1.default)('layer-components:min-w-120px layer-components:bg-white layer-components:rounded-md layer-components:overflow-hidden layer-components:border-gray-dark layer-components:border layer-components:shadow-md layer-components:z-menu', 'layer-components:transform-origin-[var(--transform-origin)]', 'layer-components:data-[starting-style]:opacity-0 layer-components:data-[starting-style]:scale-95', 'layer-components:data-[ending-style]:opacity-0 layer-components:data-[ending-style]:scale-95', 'layer-components:overflow-y-auto layer-components:overflow-unstable', 'important:motion-reduce:animate-none', 'layer-components:max-h-[--available-height] layer-components:max-w-[--available-width]', className), onClick: (ev) => {
|
|
28
|
+
ev.stopPropagation();
|
|
29
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(ev);
|
|
30
|
+
}, ref: ref }, props)) }) }) }));
|
|
64
31
|
};
|
|
65
32
|
exports.ContextMenuContent = ContextMenuContent;
|
|
66
|
-
exports.ContextMenuArrow = (0, withClassName_js_1.withClassName)(
|
|
67
|
-
exports.ContextMenuItem = (0, withClassName_js_1.withClassName)(
|
|
68
|
-
exports.ContextMenuTrigger = (0, withClassName_js_1.withClassName)(
|
|
33
|
+
exports.ContextMenuArrow = (0, withClassName_js_1.withClassName)(context_menu_1.ContextMenu.Arrow, 'layer-components:arrow');
|
|
34
|
+
exports.ContextMenuItem = (0, withClassName_js_1.withClassName)(context_menu_1.ContextMenu.Item, 'palette-gray', 'layer-components:flex layer-components:items-center layer-components:overflow-hidden layer-components:min-h-touch-large layer-components:py-sm layer-components:px-2 layer-components:relative layer-components:pl-25px layer-components:select-none layer-components:outline-none layer-components:cursor-pointer', 'layer-components:hover:bg-main-light layer-components:[&[data-highlighted=true]]:bg-main-light', 'layer-components:[&[data-disabled=true]]:opacity-50 layer-components:[&[data-disabled=true]]:cursor-default layer-components:disabled:opacity-50 layer-components:disabled:cursor-default)');
|
|
35
|
+
exports.ContextMenuTrigger = (0, withClassName_js_1.withClassName)(context_menu_1.ContextMenu.Trigger, '');
|
|
69
36
|
exports.ContextMenu = Object.assign(exports.ContextMenuRoot, {
|
|
70
37
|
Content: exports.ContextMenuContent,
|
|
71
38
|
Arrow: exports.ContextMenuArrow,
|