@a-type/ui 1.2.0 → 1.2.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/ActionButton.js +2 -2
- package/dist/cjs/components/actions/ActionButton.js.map +1 -1
- package/dist/cjs/components/avatar/Avatar.js +2 -2
- package/dist/cjs/components/avatar/Avatar.js.map +1 -1
- package/dist/cjs/components/box/Box.d.ts +21 -0
- package/dist/cjs/components/box/Box.js +67 -0
- package/dist/cjs/components/box/Box.js.map +1 -0
- package/dist/cjs/components/box/Box.stories.d.ts +29 -0
- package/dist/cjs/components/box/Box.stories.js +35 -0
- package/dist/cjs/components/box/Box.stories.js.map +1 -0
- package/dist/cjs/components/button/Button.js +5 -5
- package/dist/cjs/components/button/Button.js.map +1 -1
- package/dist/cjs/components/button/Button.stories.js +3 -3
- package/dist/cjs/components/button/Button.stories.js.map +1 -1
- package/dist/cjs/components/button/ConfirmedButton.js +3 -3
- package/dist/cjs/components/button/ConfirmedButton.js.map +1 -1
- package/dist/cjs/components/camera/Camera.d.ts +1 -1
- package/dist/cjs/components/camera/Camera.js +7 -7
- package/dist/cjs/components/camera/Camera.js.map +1 -1
- package/dist/cjs/components/camera/Camera.stories.d.ts +1 -1
- package/dist/cjs/components/card/Card.stories.js +10 -10
- package/dist/cjs/components/card/Card.stories.js.map +1 -1
- package/dist/cjs/components/colorPicker/ColorPicker.d.ts +3 -2
- package/dist/cjs/components/colorPicker/ColorPicker.js +3 -3
- package/dist/cjs/components/colorPicker/ColorPicker.js.map +1 -1
- package/dist/cjs/components/datePicker/DatePicker.js +8 -8
- package/dist/cjs/components/datePicker/DatePicker.js.map +1 -1
- package/dist/cjs/components/dialog/Dialog.js +28 -28
- package/dist/cjs/components/dialog/Dialog.js.map +1 -1
- package/dist/cjs/components/dialog/Dialog.stories.js +11 -11
- package/dist/cjs/components/dialog/Dialog.stories.js.map +1 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.js +2 -2
- package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.js.map +1 -1
- package/dist/cjs/components/editableText/EditableText.js +5 -5
- package/dist/cjs/components/editableText/EditableText.js.map +1 -1
- package/dist/cjs/components/errorBoundary/ErrorBoundary.d.ts +1 -1
- package/dist/cjs/components/forms/CheckboxField.js +2 -2
- package/dist/cjs/components/forms/CheckboxField.js.map +1 -1
- package/dist/cjs/components/horizontalList/HorizontalList.js +4 -4
- package/dist/cjs/components/horizontalList/HorizontalList.js.map +1 -1
- package/dist/cjs/components/horizontalList/HorizontalList.stories.js +6 -6
- package/dist/cjs/components/horizontalList/HorizontalList.stories.js.map +1 -1
- package/dist/cjs/components/imageUploader/ImageUploader.js +5 -5
- package/dist/cjs/components/imageUploader/ImageUploader.js.map +1 -1
- package/dist/cjs/components/index.d.ts +3 -2
- package/dist/cjs/components/index.js +5 -4
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/components/layouts/PageNowPlaying.js +2 -2
- package/dist/cjs/components/layouts/PageNowPlaying.js.map +1 -1
- package/dist/cjs/components/layouts/PageRoot.d.ts +4 -5
- package/dist/cjs/components/layouts/PageRoot.js +2 -21
- package/dist/cjs/components/layouts/PageRoot.js.map +1 -1
- package/dist/cjs/components/layouts/PageSection.d.ts +5 -3
- package/dist/cjs/components/layouts/PageSection.js +1 -21
- package/dist/cjs/components/layouts/PageSection.js.map +1 -1
- package/dist/cjs/components/layouts/layouts.stories.js +8 -8
- package/dist/cjs/components/layouts/layouts.stories.js.map +1 -1
- package/dist/cjs/components/navBar/NavBar.d.ts +1 -1
- package/dist/cjs/components/navBar/NavBar.js +4 -4
- package/dist/cjs/components/navBar/NavBar.js.map +1 -1
- package/dist/cjs/components/numberStepper/NumberStepper.js +2 -2
- package/dist/cjs/components/numberStepper/NumberStepper.js.map +1 -1
- package/dist/cjs/components/particles/ParticleLayer.stories.d.ts +1 -0
- package/dist/cjs/components/particles/ParticleLayer.stories.js +20 -4
- package/dist/cjs/components/particles/ParticleLayer.stories.js.map +1 -1
- package/dist/cjs/components/particles/particlesState.d.ts +4 -4
- package/dist/cjs/components/particles/particlesState.js +21 -1
- package/dist/cjs/components/particles/particlesState.js.map +1 -1
- package/dist/cjs/components/provider/Provider.js +6 -6
- package/dist/cjs/components/provider/Provider.js.map +1 -1
- package/dist/cjs/components/select/Select.d.ts +1 -1
- package/dist/cjs/components/select/Select.js +6 -6
- package/dist/cjs/components/select/Select.js.map +1 -1
- package/dist/cjs/components/select/Select.stories.js +2 -2
- package/dist/cjs/components/select/Select.stories.js.map +1 -1
- package/dist/cjs/components/textArea/TextArea.js +3 -3
- package/dist/cjs/components/textArea/TextArea.js.map +1 -1
- package/dist/cjs/hooks/useVisualViewportOffset.js +2 -2
- package/dist/cjs/hooks/useVisualViewportOffset.js.map +1 -1
- package/dist/cjs/themes.stories.js +6 -6
- package/dist/cjs/themes.stories.js.map +1 -1
- package/dist/cjs/uno.preset.js +19 -4
- package/dist/cjs/uno.preset.js.map +1 -1
- package/dist/css/main.css +16 -1
- package/dist/esm/components/actions/ActionButton.js +1 -1
- package/dist/esm/components/actions/ActionButton.js.map +1 -1
- package/dist/esm/components/avatar/Avatar.js +1 -1
- package/dist/esm/components/avatar/Avatar.js.map +1 -1
- package/dist/esm/components/box/Box.d.ts +21 -0
- package/dist/esm/components/box/Box.js +61 -0
- package/dist/esm/components/box/Box.js.map +1 -0
- package/dist/esm/components/box/Box.stories.d.ts +29 -0
- package/dist/esm/components/box/Box.stories.js +32 -0
- package/dist/esm/components/box/Box.stories.js.map +1 -0
- package/dist/esm/components/button/Button.js +3 -3
- package/dist/esm/components/button/Button.js.map +1 -1
- package/dist/esm/components/button/Button.stories.js +2 -2
- package/dist/esm/components/button/Button.stories.js.map +1 -1
- package/dist/esm/components/button/ConfirmedButton.js +2 -2
- package/dist/esm/components/button/ConfirmedButton.js.map +1 -1
- package/dist/esm/components/camera/Camera.d.ts +1 -1
- package/dist/esm/components/camera/Camera.js +5 -5
- package/dist/esm/components/camera/Camera.js.map +1 -1
- package/dist/esm/components/camera/Camera.stories.d.ts +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/colorPicker/ColorPicker.d.ts +3 -2
- package/dist/esm/components/colorPicker/ColorPicker.js +3 -3
- package/dist/esm/components/colorPicker/ColorPicker.js.map +1 -1
- package/dist/esm/components/datePicker/DatePicker.js +4 -4
- package/dist/esm/components/datePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/dialog/Dialog.js +8 -8
- package/dist/esm/components/dialog/Dialog.js.map +1 -1
- 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/dropdownMenu/DropdownMenu.stories.js +1 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.stories.js.map +1 -1
- package/dist/esm/components/editableText/EditableText.js +3 -3
- package/dist/esm/components/editableText/EditableText.js.map +1 -1
- package/dist/esm/components/errorBoundary/ErrorBoundary.d.ts +1 -1
- package/dist/esm/components/forms/CheckboxField.js +1 -1
- package/dist/esm/components/forms/CheckboxField.js.map +1 -1
- package/dist/esm/components/horizontalList/HorizontalList.js +2 -2
- package/dist/esm/components/horizontalList/HorizontalList.js.map +1 -1
- package/dist/esm/components/horizontalList/HorizontalList.stories.js +3 -3
- package/dist/esm/components/horizontalList/HorizontalList.stories.js.map +1 -1
- package/dist/esm/components/imageUploader/ImageUploader.js +3 -3
- package/dist/esm/components/imageUploader/ImageUploader.js.map +1 -1
- package/dist/esm/components/index.d.ts +3 -2
- package/dist/esm/components/index.js +3 -2
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/components/layouts/PageNowPlaying.js +1 -1
- package/dist/esm/components/layouts/PageNowPlaying.js.map +1 -1
- package/dist/esm/components/layouts/PageRoot.d.ts +4 -5
- package/dist/esm/components/layouts/PageRoot.js +2 -18
- package/dist/esm/components/layouts/PageRoot.js.map +1 -1
- package/dist/esm/components/layouts/PageSection.d.ts +5 -3
- package/dist/esm/components/layouts/PageSection.js +1 -17
- package/dist/esm/components/layouts/PageSection.js.map +1 -1
- package/dist/esm/components/layouts/layouts.stories.js +6 -6
- package/dist/esm/components/layouts/layouts.stories.js.map +1 -1
- package/dist/esm/components/navBar/NavBar.d.ts +1 -1
- package/dist/esm/components/navBar/NavBar.js +3 -3
- package/dist/esm/components/navBar/NavBar.js.map +1 -1
- package/dist/esm/components/numberStepper/NumberStepper.js +1 -1
- package/dist/esm/components/numberStepper/NumberStepper.js.map +1 -1
- package/dist/esm/components/particles/ParticleLayer.stories.d.ts +1 -0
- package/dist/esm/components/particles/ParticleLayer.stories.js +19 -3
- package/dist/esm/components/particles/ParticleLayer.stories.js.map +1 -1
- package/dist/esm/components/particles/particlesState.d.ts +4 -4
- package/dist/esm/components/particles/particlesState.js +21 -1
- package/dist/esm/components/particles/particlesState.js.map +1 -1
- package/dist/esm/components/provider/Provider.js +3 -3
- package/dist/esm/components/provider/Provider.js.map +1 -1
- package/dist/esm/components/select/Select.d.ts +1 -1
- package/dist/esm/components/select/Select.js +3 -3
- package/dist/esm/components/select/Select.js.map +1 -1
- package/dist/esm/components/select/Select.stories.js +1 -1
- package/dist/esm/components/select/Select.stories.js.map +1 -1
- package/dist/esm/components/textArea/TextArea.js +2 -2
- package/dist/esm/components/textArea/TextArea.js.map +1 -1
- package/dist/esm/hooks/useVisualViewportOffset.js +1 -1
- package/dist/esm/hooks/useVisualViewportOffset.js.map +1 -1
- package/dist/esm/themes.stories.js +5 -5
- package/dist/esm/themes.stories.js.map +1 -1
- package/dist/esm/uno.preset.js +19 -4
- package/dist/esm/uno.preset.js.map +1 -1
- package/package.json +1 -1
- package/src/components/actions/ActionButton.tsx +2 -2
- package/src/components/avatar/Avatar.tsx +1 -1
- package/src/components/box/Box.stories.tsx +59 -0
- package/src/components/box/Box.tsx +124 -0
- package/src/components/button/Button.stories.tsx +2 -2
- package/src/components/button/Button.tsx +4 -4
- package/src/components/button/ConfirmedButton.tsx +2 -2
- package/src/components/camera/Camera.tsx +6 -6
- package/src/components/card/Card.stories.tsx +3 -3
- package/src/components/colorPicker/ColorPicker.tsx +18 -5
- package/src/components/datePicker/DatePicker.tsx +4 -4
- package/src/components/dialog/Dialog.stories.tsx +8 -8
- package/src/components/dialog/Dialog.tsx +8 -8
- package/src/components/dropdownMenu/DropdownMenu.stories.tsx +1 -1
- package/src/components/editableText/EditableText.tsx +3 -3
- package/src/components/forms/CheckboxField.tsx +1 -1
- package/src/components/horizontalList/HorizontalList.stories.tsx +3 -3
- package/src/components/horizontalList/HorizontalList.tsx +2 -2
- package/src/components/imageUploader/ImageUploader.tsx +3 -3
- package/src/components/index.ts +3 -2
- package/src/components/layouts/PageNowPlaying.tsx +1 -1
- package/src/components/layouts/PageRoot.tsx +7 -24
- package/src/components/layouts/PageSection.tsx +4 -16
- package/src/components/layouts/layouts.stories.tsx +8 -8
- package/src/components/navBar/NavBar.tsx +3 -3
- package/src/components/numberStepper/NumberStepper.tsx +1 -1
- package/src/components/particles/ParticleLayer.stories.tsx +40 -3
- package/src/components/particles/particlesState.ts +29 -4
- package/src/components/provider/Provider.tsx +3 -3
- package/src/components/select/Select.stories.tsx +1 -1
- package/src/components/select/Select.tsx +3 -3
- package/src/components/textArea/TextArea.tsx +2 -2
- package/src/hooks/useVisualViewportOffset.ts +1 -1
- package/src/themes.stories.tsx +5 -5
- package/src/uno.preset.ts +35 -12
- package/dist/cjs/components/actions.d.ts +0 -1
- package/dist/cjs/components/actions.js +0 -19
- package/dist/cjs/components/actions.js.map +0 -1
- package/dist/cjs/components/avatar.d.ts +0 -1
- package/dist/cjs/components/avatar.js +0 -19
- package/dist/cjs/components/avatar.js.map +0 -1
- package/dist/cjs/components/button.d.ts +0 -1
- package/dist/cjs/components/button.js +0 -19
- package/dist/cjs/components/button.js.map +0 -1
- package/dist/cjs/components/camera.d.ts +0 -1
- package/dist/cjs/components/camera.js +0 -19
- package/dist/cjs/components/camera.js.map +0 -1
- package/dist/cjs/components/card.d.ts +0 -1
- package/dist/cjs/components/card.js +0 -19
- package/dist/cjs/components/card.js.map +0 -1
- package/dist/cjs/components/checkbox.d.ts +0 -1
- package/dist/cjs/components/checkbox.js +0 -19
- package/dist/cjs/components/checkbox.js.map +0 -1
- package/dist/cjs/components/chip.d.ts +0 -1
- package/dist/cjs/components/chip.js +0 -19
- package/dist/cjs/components/chip.js.map +0 -1
- package/dist/cjs/components/collapsible.d.ts +0 -1
- package/dist/cjs/components/collapsible.js +0 -19
- package/dist/cjs/components/collapsible.js.map +0 -1
- package/dist/cjs/components/colorPicker.d.ts +0 -1
- package/dist/cjs/components/colorPicker.js +0 -19
- package/dist/cjs/components/colorPicker.js.map +0 -1
- package/dist/cjs/components/contextMenu.d.ts +0 -1
- package/dist/cjs/components/contextMenu.js +0 -19
- package/dist/cjs/components/contextMenu.js.map +0 -1
- package/dist/cjs/components/datePicker.d.ts +0 -1
- package/dist/cjs/components/datePicker.js +0 -19
- package/dist/cjs/components/datePicker.js.map +0 -1
- package/dist/cjs/components/dialog.d.ts +0 -1
- package/dist/cjs/components/dialog.js +0 -19
- package/dist/cjs/components/dialog.js.map +0 -1
- package/dist/cjs/components/divider.d.ts +0 -1
- package/dist/cjs/components/divider.js +0 -19
- package/dist/cjs/components/divider.js.map +0 -1
- package/dist/cjs/components/dropdownMenu.d.ts +0 -1
- package/dist/cjs/components/dropdownMenu.js +0 -19
- package/dist/cjs/components/dropdownMenu.js.map +0 -1
- package/dist/cjs/components/editableText.d.ts +0 -1
- package/dist/cjs/components/editableText.js +0 -19
- package/dist/cjs/components/editableText.js.map +0 -1
- package/dist/cjs/components/errorBoundary.d.ts +0 -1
- package/dist/cjs/components/errorBoundary.js +0 -19
- package/dist/cjs/components/errorBoundary.js.map +0 -1
- package/dist/cjs/components/forms.d.ts +0 -1
- package/dist/cjs/components/forms.js +0 -19
- package/dist/cjs/components/forms.js.map +0 -1
- package/dist/cjs/components/horizontalList.d.ts +0 -1
- package/dist/cjs/components/horizontalList.js +0 -19
- package/dist/cjs/components/horizontalList.js.map +0 -1
- package/dist/cjs/components/icon.d.ts +0 -1
- package/dist/cjs/components/icon.js +0 -19
- package/dist/cjs/components/icon.js.map +0 -1
- package/dist/cjs/components/imageUploader.d.ts +0 -1
- package/dist/cjs/components/imageUploader.js +0 -19
- package/dist/cjs/components/imageUploader.js.map +0 -1
- package/dist/cjs/components/infiniteLoadTrigger.d.ts +0 -1
- package/dist/cjs/components/infiniteLoadTrigger.js +0 -19
- package/dist/cjs/components/infiniteLoadTrigger.js.map +0 -1
- package/dist/cjs/components/input.d.ts +0 -1
- package/dist/cjs/components/input.js +0 -19
- package/dist/cjs/components/input.js.map +0 -1
- package/dist/cjs/components/layouts.d.ts +0 -1
- package/dist/cjs/components/layouts.js +0 -19
- package/dist/cjs/components/layouts.js.map +0 -1
- package/dist/cjs/components/liveUpdateTextField.d.ts +0 -1
- package/dist/cjs/components/liveUpdateTextField.js +0 -19
- package/dist/cjs/components/liveUpdateTextField.js.map +0 -1
- package/dist/cjs/components/marquee.d.ts +0 -1
- package/dist/cjs/components/marquee.js +0 -19
- package/dist/cjs/components/marquee.js.map +0 -1
- package/dist/cjs/components/masonry.d.ts +0 -1
- package/dist/cjs/components/masonry.js +0 -19
- package/dist/cjs/components/masonry.js.map +0 -1
- package/dist/cjs/components/navBar.d.ts +0 -1
- package/dist/cjs/components/navBar.js +0 -19
- package/dist/cjs/components/navBar.js.map +0 -1
- package/dist/cjs/components/note.d.ts +0 -1
- package/dist/cjs/components/note.js +0 -19
- package/dist/cjs/components/note.js.map +0 -1
- package/dist/cjs/components/numberStepper.d.ts +0 -1
- package/dist/cjs/components/numberStepper.js +0 -19
- package/dist/cjs/components/numberStepper.js.map +0 -1
- package/dist/cjs/components/particles.d.ts +0 -1
- package/dist/cjs/components/particles.js +0 -19
- package/dist/cjs/components/particles.js.map +0 -1
- package/dist/cjs/components/peek.d.ts +0 -1
- package/dist/cjs/components/peek.js +0 -19
- package/dist/cjs/components/peek.js.map +0 -1
- package/dist/cjs/components/popover.d.ts +0 -1
- package/dist/cjs/components/popover.js +0 -19
- package/dist/cjs/components/popover.js.map +0 -1
- package/dist/cjs/components/progress.d.ts +0 -1
- package/dist/cjs/components/progress.js +0 -19
- package/dist/cjs/components/progress.js.map +0 -1
- package/dist/cjs/components/provider.d.ts +0 -1
- package/dist/cjs/components/provider.js +0 -19
- package/dist/cjs/components/provider.js.map +0 -1
- package/dist/cjs/components/relativeTime.d.ts +0 -1
- package/dist/cjs/components/relativeTime.js +0 -19
- package/dist/cjs/components/relativeTime.js.map +0 -1
- package/dist/cjs/components/richEditor.d.ts +0 -1
- package/dist/cjs/components/richEditor.js +0 -19
- package/dist/cjs/components/richEditor.js.map +0 -1
- package/dist/cjs/components/scrollArea.d.ts +0 -1
- package/dist/cjs/components/scrollArea.js +0 -19
- package/dist/cjs/components/scrollArea.js.map +0 -1
- package/dist/cjs/components/select.d.ts +0 -1
- package/dist/cjs/components/select.js +0 -19
- package/dist/cjs/components/select.js.map +0 -1
- package/dist/cjs/components/skeletons.d.ts +0 -1
- package/dist/cjs/components/skeletons.js +0 -19
- package/dist/cjs/components/skeletons.js.map +0 -1
- package/dist/cjs/components/slider.d.ts +0 -1
- package/dist/cjs/components/slider.js +0 -19
- package/dist/cjs/components/slider.js.map +0 -1
- package/dist/cjs/components/slot.d.ts +0 -1
- package/dist/cjs/components/slot.js +0 -8
- package/dist/cjs/components/slot.js.map +0 -1
- package/dist/cjs/components/spinner.d.ts +0 -1
- package/dist/cjs/components/spinner.js +0 -19
- package/dist/cjs/components/spinner.js.map +0 -1
- package/dist/cjs/components/switch.d.ts +0 -1
- package/dist/cjs/components/switch.js +0 -19
- package/dist/cjs/components/switch.js.map +0 -1
- package/dist/cjs/components/tabs.d.ts +0 -1
- package/dist/cjs/components/tabs.js +0 -19
- package/dist/cjs/components/tabs.js.map +0 -1
- package/dist/cjs/components/textArea.d.ts +0 -1
- package/dist/cjs/components/textArea.js +0 -19
- package/dist/cjs/components/textArea.js.map +0 -1
- package/dist/cjs/components/toasts.d.ts +0 -1
- package/dist/cjs/components/toasts.js +0 -19
- package/dist/cjs/components/toasts.js.map +0 -1
- package/dist/cjs/components/toggleGroup.d.ts +0 -1
- package/dist/cjs/components/toggleGroup.js +0 -19
- package/dist/cjs/components/toggleGroup.js.map +0 -1
- package/dist/cjs/components/tooltip.d.ts +0 -1
- package/dist/cjs/components/tooltip.js +0 -19
- package/dist/cjs/components/tooltip.js.map +0 -1
- package/dist/cjs/components/typography.d.ts +0 -1
- package/dist/cjs/components/typography.js +0 -19
- package/dist/cjs/components/typography.js.map +0 -1
- package/dist/cjs/components/utility.d.ts +0 -1
- package/dist/cjs/components/utility.js +0 -19
- package/dist/cjs/components/utility.js.map +0 -1
- package/dist/esm/components/actions.d.ts +0 -1
- package/dist/esm/components/actions.js +0 -3
- package/dist/esm/components/actions.js.map +0 -1
- package/dist/esm/components/avatar.d.ts +0 -1
- package/dist/esm/components/avatar.js +0 -3
- package/dist/esm/components/avatar.js.map +0 -1
- package/dist/esm/components/button.d.ts +0 -1
- package/dist/esm/components/button.js +0 -3
- package/dist/esm/components/button.js.map +0 -1
- package/dist/esm/components/camera.d.ts +0 -1
- package/dist/esm/components/camera.js +0 -3
- package/dist/esm/components/camera.js.map +0 -1
- package/dist/esm/components/card.d.ts +0 -1
- package/dist/esm/components/card.js +0 -3
- package/dist/esm/components/card.js.map +0 -1
- package/dist/esm/components/checkbox.d.ts +0 -1
- package/dist/esm/components/checkbox.js +0 -3
- package/dist/esm/components/checkbox.js.map +0 -1
- package/dist/esm/components/chip.d.ts +0 -1
- package/dist/esm/components/chip.js +0 -3
- package/dist/esm/components/chip.js.map +0 -1
- package/dist/esm/components/collapsible.d.ts +0 -1
- package/dist/esm/components/collapsible.js +0 -3
- package/dist/esm/components/collapsible.js.map +0 -1
- package/dist/esm/components/colorPicker.d.ts +0 -1
- package/dist/esm/components/colorPicker.js +0 -3
- package/dist/esm/components/colorPicker.js.map +0 -1
- package/dist/esm/components/contextMenu.d.ts +0 -1
- package/dist/esm/components/contextMenu.js +0 -3
- package/dist/esm/components/contextMenu.js.map +0 -1
- package/dist/esm/components/datePicker.d.ts +0 -1
- package/dist/esm/components/datePicker.js +0 -3
- package/dist/esm/components/datePicker.js.map +0 -1
- package/dist/esm/components/dialog.d.ts +0 -1
- package/dist/esm/components/dialog.js +0 -3
- package/dist/esm/components/dialog.js.map +0 -1
- package/dist/esm/components/divider.d.ts +0 -1
- package/dist/esm/components/divider.js +0 -3
- package/dist/esm/components/divider.js.map +0 -1
- package/dist/esm/components/dropdownMenu.d.ts +0 -1
- package/dist/esm/components/dropdownMenu.js +0 -3
- package/dist/esm/components/dropdownMenu.js.map +0 -1
- package/dist/esm/components/editableText.d.ts +0 -1
- package/dist/esm/components/editableText.js +0 -3
- package/dist/esm/components/editableText.js.map +0 -1
- package/dist/esm/components/errorBoundary.d.ts +0 -1
- package/dist/esm/components/errorBoundary.js +0 -3
- package/dist/esm/components/errorBoundary.js.map +0 -1
- package/dist/esm/components/forms.d.ts +0 -1
- package/dist/esm/components/forms.js +0 -3
- package/dist/esm/components/forms.js.map +0 -1
- package/dist/esm/components/horizontalList.d.ts +0 -1
- package/dist/esm/components/horizontalList.js +0 -3
- package/dist/esm/components/horizontalList.js.map +0 -1
- package/dist/esm/components/icon.d.ts +0 -1
- package/dist/esm/components/icon.js +0 -3
- package/dist/esm/components/icon.js.map +0 -1
- package/dist/esm/components/imageUploader.d.ts +0 -1
- package/dist/esm/components/imageUploader.js +0 -3
- package/dist/esm/components/imageUploader.js.map +0 -1
- package/dist/esm/components/infiniteLoadTrigger.d.ts +0 -1
- package/dist/esm/components/infiniteLoadTrigger.js +0 -3
- package/dist/esm/components/infiniteLoadTrigger.js.map +0 -1
- package/dist/esm/components/input.d.ts +0 -1
- package/dist/esm/components/input.js +0 -3
- package/dist/esm/components/input.js.map +0 -1
- package/dist/esm/components/layouts.d.ts +0 -1
- package/dist/esm/components/layouts.js +0 -3
- package/dist/esm/components/layouts.js.map +0 -1
- package/dist/esm/components/liveUpdateTextField.d.ts +0 -1
- package/dist/esm/components/liveUpdateTextField.js +0 -3
- package/dist/esm/components/liveUpdateTextField.js.map +0 -1
- package/dist/esm/components/marquee.d.ts +0 -1
- package/dist/esm/components/marquee.js +0 -3
- package/dist/esm/components/marquee.js.map +0 -1
- package/dist/esm/components/masonry.d.ts +0 -1
- package/dist/esm/components/masonry.js +0 -3
- package/dist/esm/components/masonry.js.map +0 -1
- package/dist/esm/components/navBar.d.ts +0 -1
- package/dist/esm/components/navBar.js +0 -3
- package/dist/esm/components/navBar.js.map +0 -1
- package/dist/esm/components/note.d.ts +0 -1
- package/dist/esm/components/note.js +0 -3
- package/dist/esm/components/note.js.map +0 -1
- package/dist/esm/components/numberStepper.d.ts +0 -1
- package/dist/esm/components/numberStepper.js +0 -3
- package/dist/esm/components/numberStepper.js.map +0 -1
- package/dist/esm/components/particles.d.ts +0 -1
- package/dist/esm/components/particles.js +0 -3
- package/dist/esm/components/particles.js.map +0 -1
- package/dist/esm/components/peek.d.ts +0 -1
- package/dist/esm/components/peek.js +0 -3
- package/dist/esm/components/peek.js.map +0 -1
- package/dist/esm/components/popover.d.ts +0 -1
- package/dist/esm/components/popover.js +0 -3
- package/dist/esm/components/popover.js.map +0 -1
- package/dist/esm/components/progress.d.ts +0 -1
- package/dist/esm/components/progress.js +0 -3
- package/dist/esm/components/progress.js.map +0 -1
- package/dist/esm/components/provider.d.ts +0 -1
- package/dist/esm/components/provider.js +0 -3
- package/dist/esm/components/provider.js.map +0 -1
- package/dist/esm/components/relativeTime.d.ts +0 -1
- package/dist/esm/components/relativeTime.js +0 -3
- package/dist/esm/components/relativeTime.js.map +0 -1
- package/dist/esm/components/richEditor.d.ts +0 -1
- package/dist/esm/components/richEditor.js +0 -3
- package/dist/esm/components/richEditor.js.map +0 -1
- package/dist/esm/components/scrollArea.d.ts +0 -1
- package/dist/esm/components/scrollArea.js +0 -3
- package/dist/esm/components/scrollArea.js.map +0 -1
- package/dist/esm/components/select.d.ts +0 -1
- package/dist/esm/components/select.js +0 -3
- package/dist/esm/components/select.js.map +0 -1
- package/dist/esm/components/skeletons.d.ts +0 -1
- package/dist/esm/components/skeletons.js +0 -3
- package/dist/esm/components/skeletons.js.map +0 -1
- package/dist/esm/components/slider.d.ts +0 -1
- package/dist/esm/components/slider.js +0 -3
- package/dist/esm/components/slider.js.map +0 -1
- package/dist/esm/components/slot.d.ts +0 -1
- package/dist/esm/components/slot.js +0 -3
- package/dist/esm/components/slot.js.map +0 -1
- package/dist/esm/components/spinner.d.ts +0 -1
- package/dist/esm/components/spinner.js +0 -3
- package/dist/esm/components/spinner.js.map +0 -1
- package/dist/esm/components/switch.d.ts +0 -1
- package/dist/esm/components/switch.js +0 -3
- package/dist/esm/components/switch.js.map +0 -1
- package/dist/esm/components/tabs.d.ts +0 -1
- package/dist/esm/components/tabs.js +0 -3
- package/dist/esm/components/tabs.js.map +0 -1
- package/dist/esm/components/textArea.d.ts +0 -1
- package/dist/esm/components/textArea.js +0 -3
- package/dist/esm/components/textArea.js.map +0 -1
- package/dist/esm/components/toasts.d.ts +0 -1
- package/dist/esm/components/toasts.js +0 -3
- package/dist/esm/components/toasts.js.map +0 -1
- package/dist/esm/components/toggleGroup.d.ts +0 -1
- package/dist/esm/components/toggleGroup.js +0 -3
- package/dist/esm/components/toggleGroup.js.map +0 -1
- package/dist/esm/components/tooltip.d.ts +0 -1
- package/dist/esm/components/tooltip.js +0 -3
- package/dist/esm/components/tooltip.js.map +0 -1
- package/dist/esm/components/typography.d.ts +0 -1
- package/dist/esm/components/typography.js +0 -3
- package/dist/esm/components/typography.js.map +0 -1
- package/dist/esm/components/utility.d.ts +0 -1
- package/dist/esm/components/utility.js +0 -3
- package/dist/esm/components/utility.js.map +0 -1
- package/src/components/actions.ts +0 -1
- package/src/components/avatar.ts +0 -1
- package/src/components/button.ts +0 -1
- package/src/components/camera.ts +0 -1
- package/src/components/card.ts +0 -1
- package/src/components/checkbox.ts +0 -1
- package/src/components/chip.ts +0 -1
- package/src/components/collapsible.ts +0 -1
- package/src/components/colorPicker.ts +0 -1
- package/src/components/contextMenu.ts +0 -1
- package/src/components/datePicker.ts +0 -1
- package/src/components/dialog.ts +0 -1
- package/src/components/divider.ts +0 -1
- package/src/components/dropdownMenu.ts +0 -1
- package/src/components/editableText.ts +0 -1
- package/src/components/errorBoundary.ts +0 -1
- package/src/components/forms.ts +0 -1
- package/src/components/horizontalList.ts +0 -1
- package/src/components/icon.ts +0 -1
- package/src/components/imageUploader.ts +0 -1
- package/src/components/infiniteLoadTrigger.ts +0 -1
- package/src/components/input.ts +0 -1
- package/src/components/layouts.ts +0 -1
- package/src/components/liveUpdateTextField.ts +0 -1
- package/src/components/marquee.ts +0 -1
- package/src/components/masonry.ts +0 -1
- package/src/components/navBar.ts +0 -1
- package/src/components/note.ts +0 -1
- package/src/components/numberStepper.ts +0 -1
- package/src/components/particles.ts +0 -1
- package/src/components/peek.ts +0 -1
- package/src/components/popover.ts +0 -1
- package/src/components/progress.ts +0 -1
- package/src/components/provider.ts +0 -1
- package/src/components/relativeTime.ts +0 -1
- package/src/components/richEditor.ts +0 -1
- package/src/components/scrollArea.ts +0 -1
- package/src/components/select.ts +0 -1
- package/src/components/skeletons.ts +0 -1
- package/src/components/slider.ts +0 -1
- package/src/components/slot.ts +0 -1
- package/src/components/spinner.ts +0 -1
- package/src/components/switch.ts +0 -1
- package/src/components/tabs.ts +0 -1
- package/src/components/textArea.ts +0 -1
- package/src/components/toasts.ts +0 -1
- package/src/components/toggleGroup.ts +0 -1
- package/src/components/tooltip.ts +0 -1
- package/src/components/typography.ts +0 -1
- package/src/components/utility.ts +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../../src/components/colorPicker/ColorPicker.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;AAEb,
|
|
1
|
+
{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../../src/components/colorPicker/ColorPicker.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;AAEb,gDAA8B;AAE9B,mEAA6D;AAC7D,mDAM6B;AAgB7B,SAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAoB;IAC1E,MAAM,aAAa,GAAG;QACrB,OAAO;QACP,QAAQ;QACR,MAAM;QACN,WAAW;QACX,UAAU;KACV,CAAC,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC;QACtB,CAAC,CAAE,KAAmB;QACtB,CAAC,CAAC,OAAO,CAAC;IAEX,OAAO,CACN,wBAAC,kBAAM,kBAAC,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,iBACpD,uBAAC,yBAAa,cACb,uBAAC,uBAAW,KAAG,GACA,EAChB,wBAAC,yBAAa,kBAAC,SAAS,EAAC,6BAA6B,iBACrD,wBAAC,sBAAU,kBAAC,KAAK,EAAC,OAAO,iBACxB,uBAAC,WAAW,IAAC,KAAK,EAAC,OAAO,GAAG,EAC7B,uBAAC,SAAS,wBAAkB,KAChB,EACb,wBAAC,sBAAU,kBAAC,KAAK,EAAC,QAAQ,iBACzB,uBAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC9B,uBAAC,SAAS,yBAAmB,KACjB,EACb,wBAAC,sBAAU,kBAAC,KAAK,EAAC,MAAM,iBACvB,uBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,uBAAC,SAAS,uBAAiB,KACf,EACb,wBAAC,sBAAU,kBAAC,KAAK,EAAC,WAAW,iBAC5B,uBAAC,WAAW,IAAC,KAAK,EAAC,WAAW,GAAG,EACjC,uBAAC,SAAS,4BAAsB,KACpB,EACb,wBAAC,sBAAU,kBAAC,KAAK,EAAC,UAAU,iBAC3B,uBAAC,WAAW,IAAC,KAAK,EAAC,UAAU,GAAG,EAChC,uBAAC,SAAS,2BAAqB,KACnB,EACZ,QAAQ,IAAI,CACZ,wBAAC,sBAAU,kBAAC,KAAK,EAAC,MAAM,iBACvB,uBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,uBAAC,SAAS,uBAAiB,KACf,CACb,KACc,KACR,CACT,CAAC;AACH,CAAC;AA9CD,kCA8CC;AAED,MAAM,SAAS,GAAG,IAAA,gCAAa,EAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAEnD,SAAgB,WAAW,CAAC,EAC3B,KAAK,EACL,QAAQ,GAIR;IACA,OAAO,CACN,8CACC,SAAS,EAAE,IAAA,cAAU,EACpB,qCAAqC,EACrC,SAAS,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,OAAO,EAAE,CAC3B,gBAEA,QAAQ,IACJ,CACN,CAAC;AACH,CAAC;AAjBD,kCAiBC"}
|
|
@@ -18,11 +18,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
18
18
|
exports.DateRangePicker = exports.DatePicker = void 0;
|
|
19
19
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
20
|
const calendar_blocks_1 = require("calendar-blocks");
|
|
21
|
-
const
|
|
22
|
-
const icon_js_1 = require("../icon.js");
|
|
21
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
23
22
|
const react_1 = require("react");
|
|
24
23
|
const hooks_js_1 = require("../../hooks.js");
|
|
25
|
-
const
|
|
24
|
+
const index_js_1 = require("../button/index.js");
|
|
25
|
+
const index_js_2 = require("../icon/index.js");
|
|
26
26
|
function DatePicker(_a) {
|
|
27
27
|
var { value, onChange, className } = _a, rest = __rest(_a, ["value", "onChange", "className"]);
|
|
28
28
|
const [{ month, year }, setDisplay] = (0, react_1.useState)(() => ({
|
|
@@ -36,10 +36,10 @@ function DatePicker(_a) {
|
|
|
36
36
|
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, clsx_1.default)('flex flex-col items-center justify-center w-[calc(var(--day-size,32px)*7)]', className) }, rest, { children: [(0, jsx_runtime_1.jsxs)(MonthRow, { children: [(0, jsx_runtime_1.jsx)(MonthButton, Object.assign({ size: "icon", color: "ghost", onClick: () => setDisplay((cur) => ({
|
|
37
37
|
month: cur.month - 1,
|
|
38
38
|
year: cur.year,
|
|
39
|
-
})) }, { children: (0, jsx_runtime_1.jsx)(
|
|
39
|
+
})) }, { children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "arrowLeft" }) })), (0, jsx_runtime_1.jsx)(MonthLabel, { children: monthLabel }), (0, jsx_runtime_1.jsx)(MonthButton, Object.assign({ size: "icon", color: "ghost", onClick: () => setDisplay((cur) => ({
|
|
40
40
|
month: cur.month + 1,
|
|
41
41
|
year: cur.year,
|
|
42
|
-
})) }, { children: (0, jsx_runtime_1.jsx)(
|
|
42
|
+
})) }, { children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "arrowRight" }) }))] }), (0, jsx_runtime_1.jsx)(calendar_blocks_1.Calendar, Object.assign({ displayMonth: month, displayYear: year, value: value, onChange: onChange, onDisplayChange: setDisplay }, { children: (0, jsx_runtime_1.jsxs)(CalendarGrid, { children: [(0, jsx_runtime_1.jsx)(DayLabels, {}), (0, jsx_runtime_1.jsx)(calendar_blocks_1.CalendarDays, { children: (value) => (0, jsx_runtime_1.jsx)(CalendarDay, { value: value }, value.key) })] }) }))] })));
|
|
43
43
|
}
|
|
44
44
|
exports.DatePicker = DatePicker;
|
|
45
45
|
function DateRangePicker({ value, onChange, className, }) {
|
|
@@ -79,15 +79,15 @@ function DateRangePicker({ value, onChange, className, }) {
|
|
|
79
79
|
return ((0, jsx_runtime_1.jsx)(calendar_blocks_1.Calendar, Object.assign({ displayMonth: month, displayYear: year, rangeValue: value, onRangeChange: (range) => onChange(range), onDisplayChange: onDisplayChange, className: (0, clsx_1.default)('flex justify-center', className) }, { children: (0, jsx_runtime_1.jsxs)(RangeLayout, { children: [(0, jsx_runtime_1.jsx)(MonthButton, Object.assign({ size: "icon", color: "ghost", className: "[grid-area:prevMonth]", onClick: () => setDisplay((cur) => ({
|
|
80
80
|
month: cur.month - 1,
|
|
81
81
|
year: cur.year,
|
|
82
|
-
})) }, { children: (0, jsx_runtime_1.jsx)(
|
|
82
|
+
})) }, { children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "arrowLeft" }) })), (0, jsx_runtime_1.jsx)(MonthLabel, Object.assign({ className: "[grid-area:leftMonth]" }, { children: monthLabel })), (0, jsx_runtime_1.jsx)(MonthLabel, Object.assign({ className: "[grid-area:rightMonth] !hidden !sm:block" }, { children: nextMonthLabel })), (0, jsx_runtime_1.jsx)(MonthButton, Object.assign({ size: "icon", color: "ghost", className: "[grid-area:nextMonth]", onClick: () => setDisplay((cur) => ({
|
|
83
83
|
month: cur.month + 1,
|
|
84
84
|
year: cur.year,
|
|
85
|
-
})) }, { children: (0, jsx_runtime_1.jsx)(
|
|
85
|
+
})) }, { children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "arrowRight" }) })), (0, jsx_runtime_1.jsxs)(CalendarGrid, Object.assign({ className: "[grid-area:leftGrid]" }, { children: [(0, jsx_runtime_1.jsx)(DayLabels, {}), (0, jsx_runtime_1.jsx)(calendar_blocks_1.CalendarDays, { children: (value) => (0, jsx_runtime_1.jsx)(CalendarDay, { value: value }, value.key) })] })), (0, jsx_runtime_1.jsxs)(CalendarGrid, Object.assign({ className: "[grid-area:rightGrid] !hidden !sm:grid" }, { children: [(0, jsx_runtime_1.jsx)(DayLabels, {}), (0, jsx_runtime_1.jsx)(calendar_blocks_1.CalendarDays, Object.assign({ monthOffset: 1 }, { children: (value) => (0, jsx_runtime_1.jsx)(CalendarDay, { value: value }, value.key) }))] }))] }) })));
|
|
86
86
|
}
|
|
87
87
|
exports.DateRangePicker = DateRangePicker;
|
|
88
88
|
const MonthRow = (0, hooks_js_1.withClassName)('div', 'flex flex-row justify-between items-center w-full');
|
|
89
89
|
const MonthLabel = (0, hooks_js_1.withClassName)('span', 'text-sm font-bold min-w-0 overflow-hidden text-center text-ellipsis', 'self-center');
|
|
90
|
-
const MonthButton = (0, hooks_js_1.withClassName)(
|
|
90
|
+
const MonthButton = (0, hooks_js_1.withClassName)(index_js_1.Button, 'self-center');
|
|
91
91
|
const CalendarGrid = (0, hooks_js_1.withClassName)('div', 'grid grid-cols-[repeat(7,var(--day-size,32px))] [grid-auto-rows:var(--day-size,32px)]', 'height-[calc(var(--day-size,32px)*7)] rounded overflow-hidden p-2');
|
|
92
92
|
const CalendarDay = (0, hooks_js_1.withClassName)(calendar_blocks_1.CalendarDay, 'border border-solid border-transparent bg-white mr--1px mb--1px relative text-black', 'flex items-center justify-center transition cursor-pointer', '[&[data-highlighted]]:z-1 [&[data-highlighted]]:outline-accent', 'hover:z-1 hover:outline-accent', 'active:bg-accent-wash active:rounded', '[&[data-selected]]:bg-accent-light [&[data-selected]]:z-2 [&[data-selected]]:rounded', '[&[data-in-range]]:bg-accent-wash [&[data-in-range]]:rounded-none [&[data-in-range]]:z-1', '[&[data-range-start]]:bg-accent-light [&[data-range-start]]:rounded-l [&[data-range-start]]:rounded-r-none [&[data-range-start]]:z-1', '[&[data-range-end]]:bg-accent-light [&[data-range-end]]:rounded-r [&[data-range-end]]:rounded-l-none [&[data-range-end]]:z-1', 'disabled:opacity-50 disabled:cursor-default',
|
|
93
93
|
// today dot
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/datePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,qDAIyB;AACzB,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/datePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -42,27 +42,27 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
42
42
|
exports.Dialog = exports.DialogSelectItem = exports.DialogSelectItemRoot = exports.DialogSelectList = exports.DialogSelectTrigger = exports.DialogActions = exports.DialogClose = exports.DialogDescription = exports.DialogTitle = exports.DialogContent = exports.DialogTrigger = exports.DialogSwipeHandle = exports.Content = void 0;
|
|
43
43
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
44
44
|
const DialogPrimitive = __importStar(require("@radix-ui/react-dialog"));
|
|
45
|
+
const react_icons_1 = require("@radix-ui/react-icons");
|
|
45
46
|
const RadioGroupPrimitive = __importStar(require("@radix-ui/react-radio-group"));
|
|
46
|
-
const react_1 = require("react");
|
|
47
|
-
const withClassName_js_1 = require("../../hooks/withClassName.js");
|
|
48
|
-
const useMergedRef_js_1 = __importDefault(require("../../hooks/useMergedRef.js"));
|
|
49
|
-
const particles_js_1 = require("../particles.js");
|
|
47
|
+
const react_1 = require("@use-gesture/react");
|
|
50
48
|
const clsx_1 = __importDefault(require("clsx"));
|
|
51
|
-
const
|
|
52
|
-
const
|
|
53
|
-
const
|
|
54
|
-
const
|
|
55
|
-
const
|
|
49
|
+
const react_2 = require("react");
|
|
50
|
+
const useMergedRef_js_1 = __importDefault(require("../../hooks/useMergedRef.js"));
|
|
51
|
+
const withClassName_js_1 = require("../../hooks/withClassName.js");
|
|
52
|
+
const index_js_1 = require("../button/index.js");
|
|
53
|
+
const index_js_2 = require("../particles/index.js");
|
|
54
|
+
const Provider_js_1 = require("../provider/Provider.js");
|
|
55
|
+
const index_js_3 = require("../select/index.js");
|
|
56
56
|
const StyledOverlay = (0, withClassName_js_1.withClassName)(DialogPrimitive.Overlay, 'layer-components:fixed layer-components:inset-0 layer-components:z-dialog-backdrop layer-components:animate-fade-in layer-components:animate-duration-200 layer-components:bg-overlay layer-components:[box-shadow:inset_0_30px_60px_0px_var(--color-overlay)] layer-components:border-top-1 layer-components:border-top-solid layer-components:border-top-gray-5', 'layer-components:[&[data-state=closed]]:animate-fade-out', 'motion-reduce:animate-none');
|
|
57
57
|
const StyledContent = (0, withClassName_js_1.withClassName)(DialogPrimitive.Content, 'layer-components:z-dialog layer-components:fixed layer-components:shadow-xl-up layer-components:bg-white layer-components:overflow-y-auto layer-components:flex layer-components:flex-col layer-components:border-top-1 layer-components:border-top-solid layer-components:border-top-gray-5', 'layer-components:sm:shadow-xl', 'transform-gpu !motion-reduce:animate-none', 'layer-components:left-50% layer-components:top-50% layer-components:translate-[-50%] layer-components:w-90vw layer-components:max-w-450px layer-components:max-h-85vh layer-components:p-6 layer-components:pt-8 layer-components:rounded-lg layer-components:border-b-1 layer-components:pt-6', 'layer-components:animate-dialog-in layer-components:[&[data-state=closed]]:animate-dialog-out layer-components:motion-reduce:animate-none');
|
|
58
58
|
const sheetClassNames = (0, clsx_1.default)('layer-variants:lt-sm:translate-0 layer-variants:lt-sm:left-0 layer-variants:lt-sm:right-0 layer-variants:lt-sm:top-auto layer-variants:lt-sm:h-min-content layer-variants:lt-sm:rounded-tl-xl layer-variants:lt-sm:rounded-tr-xl layer-variants:lt-sm:rounded-b-0 layer-variants:lt-sm:p-6 layer-variants:lt-sm:pt-8 layer-variants:lt-sm:w-full layer-variants:lt-sm:max-w-none layer-variants:lt-sm:pb-[calc(3rem+env(safe-area-inset-bottom,0px))] layer-variants:lt-sm:border-b-0', 'layer-variants:lt-sm:animate-ease-in layer-variants:lt-sm:animate-fade-in-up layer-variants:lt-sm:[&[data-state=closed]]:animate-fade-out-down');
|
|
59
59
|
const sheetClassNameWithOverlayKeyboard = (0, clsx_1.default)('layer-variants:lt-sm:bottom-[calc(var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px))+var(--gesture-y,0px))] layer-variants:lt-sm:max-h-[calc(95vh-var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px)))]');
|
|
60
60
|
const sheetClassNameWithDisplaceKeyboard = (0, clsx_1.default)('layer-variants:lt-sm:bottom-[calc(var(--viewport-bottom-offset,0px)+var(--gesture-y,0px))] layer-variants:lt-sm:max-h-[calc(0.85*var(--viewport-height,100vh))]');
|
|
61
|
-
exports.Content = (0,
|
|
61
|
+
exports.Content = (0, react_2.forwardRef)(function Content(_a, ref) {
|
|
62
62
|
var { children, width, outerClassName, className, disableSheet } = _a, props = __rest(_a, ["children", "width", "outerClassName", "className", "disableSheet"]);
|
|
63
|
-
const particles = (0,
|
|
64
|
-
const wasOpenRef = (0,
|
|
65
|
-
const openRef = (0,
|
|
63
|
+
const particles = (0, index_js_2.useParticles)();
|
|
64
|
+
const wasOpenRef = (0, react_2.useRef)(false);
|
|
65
|
+
const openRef = (0, react_2.useCallback)((element) => {
|
|
66
66
|
if (!wasOpenRef.current &&
|
|
67
67
|
(element === null || element === void 0 ? void 0 : element.getAttribute('data-state')) === 'open') {
|
|
68
68
|
wasOpenRef.current = true;
|
|
@@ -103,9 +103,9 @@ exports.Content = (0, react_1.forwardRef)(function Content(_a, ref) {
|
|
|
103
103
|
wasOpenRef.current = false;
|
|
104
104
|
}
|
|
105
105
|
}, [particles, disableSheet]);
|
|
106
|
-
const gestureRef = (0,
|
|
106
|
+
const gestureRef = (0, react_2.useRef)(null);
|
|
107
107
|
const finalRef = (0, useMergedRef_js_1.default)(ref, openRef, gestureRef);
|
|
108
|
-
const { virtualKeyboardBehavior } = (0,
|
|
108
|
+
const { virtualKeyboardBehavior } = (0, Provider_js_1.useConfig)();
|
|
109
109
|
return ((0, jsx_runtime_1.jsxs)(DialogPrimitive.Portal, { children: [(0, jsx_runtime_1.jsx)(StyledOverlay, {}), (0, jsx_runtime_1.jsxs)(StyledContent, Object.assign({ "data-dialog-content": true, ref: finalRef }, props, { className: (0, clsx_1.default)({
|
|
110
110
|
'md:max-w-800px': width === 'lg',
|
|
111
111
|
'max-w-600px': width === 'md',
|
|
@@ -116,11 +116,11 @@ exports.Content = (0, react_1.forwardRef)(function Content(_a, ref) {
|
|
|
116
116
|
virtualKeyboardBehavior === 'displace' &&
|
|
117
117
|
sheetClassNameWithDisplaceKeyboard, outerClassName || className) }, { children: [!disableSheet && (0, jsx_runtime_1.jsx)(exports.DialogSwipeHandle, {}), children] }))] }));
|
|
118
118
|
});
|
|
119
|
-
exports.DialogSwipeHandle = (0,
|
|
119
|
+
exports.DialogSwipeHandle = (0, react_2.forwardRef)(function DialogSwipeHandle(_a, ref) {
|
|
120
120
|
var { className } = _a, props = __rest(_a, ["className"]);
|
|
121
|
-
const close = (0,
|
|
122
|
-
const innerRef = (0,
|
|
123
|
-
(0,
|
|
121
|
+
const close = (0, react_2.useContext)(DialogCloseContext);
|
|
122
|
+
const innerRef = (0, react_2.useRef)(null);
|
|
123
|
+
(0, react_1.useDrag)(({ swipe: [, swipeY], movement: [, dy], velocity: [, vy], last }) => {
|
|
124
124
|
const content = findParentDialogContent(innerRef.current);
|
|
125
125
|
if (!content)
|
|
126
126
|
return;
|
|
@@ -147,20 +147,20 @@ function findParentDialogContent(element) {
|
|
|
147
147
|
return element;
|
|
148
148
|
return findParentDialogContent(element.parentElement);
|
|
149
149
|
}
|
|
150
|
-
const DialogCloseContext = (0,
|
|
150
|
+
const DialogCloseContext = (0, react_2.createContext)(() => { });
|
|
151
151
|
const StyledTitle = (0, withClassName_js_1.withClassName)(DialogPrimitive.Title, 'font-title color-black text-3xl mb-4 mt-0');
|
|
152
152
|
const StyledDescription = (0, withClassName_js_1.withClassName)(DialogPrimitive.Description, 'mt-3 mb-6 color-gray8 text-md leading-6');
|
|
153
153
|
// Exports
|
|
154
154
|
const DialogRoot = (props) => {
|
|
155
155
|
var _a;
|
|
156
|
-
const [innerOpen, innerOnOpenChange] = (0,
|
|
156
|
+
const [innerOpen, innerOnOpenChange] = (0, react_2.useState)(props.defaultOpen);
|
|
157
157
|
const open = (_a = props.open) !== null && _a !== void 0 ? _a : innerOpen;
|
|
158
|
-
const onOpenChange = (0,
|
|
158
|
+
const onOpenChange = (0, react_2.useCallback)((open) => {
|
|
159
159
|
var _a;
|
|
160
160
|
innerOnOpenChange(open);
|
|
161
161
|
(_a = props.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(props, open);
|
|
162
162
|
}, [props.onOpenChange]);
|
|
163
|
-
const close = (0,
|
|
163
|
+
const close = (0, react_2.useCallback)(() => {
|
|
164
164
|
onOpenChange(false);
|
|
165
165
|
}, [onOpenChange]);
|
|
166
166
|
return ((0, jsx_runtime_1.jsx)(DialogCloseContext.Provider, Object.assign({ value: close }, { children: (0, jsx_runtime_1.jsx)(DialogPrimitive.Root, Object.assign({}, props, { open: open, onOpenChange: onOpenChange })) })));
|
|
@@ -169,18 +169,18 @@ exports.DialogTrigger = DialogPrimitive.Trigger;
|
|
|
169
169
|
exports.DialogContent = exports.Content;
|
|
170
170
|
exports.DialogTitle = StyledTitle;
|
|
171
171
|
exports.DialogDescription = StyledDescription;
|
|
172
|
-
exports.DialogClose = (0,
|
|
172
|
+
exports.DialogClose = (0, react_2.forwardRef)(function DialogClose(_a, ref) {
|
|
173
173
|
var { asChild, children } = _a, props = __rest(_a, ["asChild", "children"]);
|
|
174
|
-
return ((0, jsx_runtime_1.jsx)(DialogPrimitive.DialogClose, Object.assign({ asChild: true, ref: ref }, props, { children: asChild === true ? children : (0, jsx_runtime_1.jsx)(
|
|
174
|
+
return ((0, jsx_runtime_1.jsx)(DialogPrimitive.DialogClose, Object.assign({ asChild: true, ref: ref }, props, { children: asChild === true ? children : (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: children !== null && children !== void 0 ? children : 'Close' }) })));
|
|
175
175
|
});
|
|
176
176
|
exports.DialogActions = (0, withClassName_js_1.withClassName)('div', 'flex justify-end sticky w-full gap-3 items-center bg-white py-4 translate-y-6 flex-wrap', 'bottom--6', 'sm:bottom-0');
|
|
177
|
-
exports.DialogSelectTrigger = (0,
|
|
177
|
+
exports.DialogSelectTrigger = (0, react_2.forwardRef)(function DialogSelectTrigger(_a, ref) {
|
|
178
178
|
var { children, className } = _a, props = __rest(_a, ["children", "className"]);
|
|
179
|
-
return ((0, jsx_runtime_1.jsxs)(DialogPrimitive.Trigger, Object.assign({ className: (0, clsx_1.default)(
|
|
179
|
+
return ((0, jsx_runtime_1.jsxs)(DialogPrimitive.Trigger, Object.assign({ className: (0, clsx_1.default)(index_js_3.selectTriggerClassName, className) }, props, { children: [(0, jsx_runtime_1.jsx)("span", { children: children }), (0, jsx_runtime_1.jsx)(react_icons_1.ChevronDownIcon, {})] })));
|
|
180
180
|
});
|
|
181
181
|
exports.DialogSelectList = (0, withClassName_js_1.withClassName)(RadioGroupPrimitive.Root, 'flex flex-col gap-2 overflow-y-auto p-2');
|
|
182
182
|
exports.DialogSelectItemRoot = (0, withClassName_js_1.withClassName)(RadioGroupPrimitive.Item, 'flex items-center gap-3 w-full py-3 px-4 text-left border-none rounded-lg font-normal bg-transparent [&:nth-child(2n+1)]:bg-gray-blend cursor-pointer transition-all', '[&[data-state=checked]]:bg-primary-wash [&[data-state=checked]]:text-primary-dark');
|
|
183
|
-
exports.DialogSelectItem = (0,
|
|
183
|
+
exports.DialogSelectItem = (0, react_2.forwardRef)(function DialogSelectItem(_a, ref) {
|
|
184
184
|
var { children } = _a, props = __rest(_a, ["children"]);
|
|
185
185
|
return ((0, jsx_runtime_1.jsxs)(exports.DialogSelectItemRoot, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "flex-1" }, { children: children })), (0, jsx_runtime_1.jsx)(RadioGroupPrimitive.Indicator, Object.assign({ className: "flex-0-0-auto" }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.CheckIcon, {}) }))] })));
|
|
186
186
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,wEAA0D;AAC1D,
|
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,13 +3,13 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
exports.VirtualKeyboard = exports.Positioned = exports.NoSheet = exports.Default = void 0;
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const Dialog_js_1 = require("./Dialog.js");
|
|
7
|
-
const particles_js_1 = require("../particles.js");
|
|
8
|
-
const typography_js_1 = require("../typography.js");
|
|
9
|
-
const button_js_1 = require("../button.js");
|
|
10
6
|
const react_1 = require("react");
|
|
11
|
-
const
|
|
12
|
-
const
|
|
7
|
+
const index_js_1 = require("../button/index.js");
|
|
8
|
+
const index_js_2 = require("../input/index.js");
|
|
9
|
+
const index_js_3 = require("../particles/index.js");
|
|
10
|
+
const Provider_js_1 = require("../provider/Provider.js");
|
|
11
|
+
const index_js_4 = require("../typography/index.js");
|
|
12
|
+
const Dialog_js_1 = require("./Dialog.js");
|
|
13
13
|
const meta = {
|
|
14
14
|
title: 'Dialog',
|
|
15
15
|
component: Dialog_js_1.Dialog,
|
|
@@ -20,21 +20,21 @@ const meta = {
|
|
|
20
20
|
};
|
|
21
21
|
exports.default = meta;
|
|
22
22
|
function DummyContent() {
|
|
23
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "col" }, { children: [(0, jsx_runtime_1.jsx)(
|
|
23
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "col" }, { children: [(0, jsx_runtime_1.jsx)(index_js_4.H1, { children: "Some content" }), (0, jsx_runtime_1.jsx)(index_js_4.P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at porttitor sem. Aliquam erat volutpat. Donec fermentum tortor eget ligula accumsan, sit amet ullamcorper nunc ultricies. Nulla facilisi. Nulla facil" }), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ disabled: true, color: "primary" }, { children: "Click me" }))] })));
|
|
24
24
|
}
|
|
25
25
|
exports.Default = {
|
|
26
26
|
args: {
|
|
27
|
-
children: ((0, jsx_runtime_1.jsxs)(
|
|
27
|
+
children: ((0, jsx_runtime_1.jsxs)(index_js_3.ParticleLayer, Object.assign({ noPortal: true }, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTrigger, Object.assign({ asChild: true }, { children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: "Open" }) })), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsxs)(Dialog_js_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTitle, { children: "Hello world" }), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogClose, Object.assign({ asChild: true }, { children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: "Close" }) })) })] })] }))),
|
|
28
28
|
},
|
|
29
29
|
};
|
|
30
30
|
exports.NoSheet = {
|
|
31
31
|
args: {
|
|
32
|
-
children: ((0, jsx_runtime_1.jsxs)(
|
|
32
|
+
children: ((0, jsx_runtime_1.jsxs)(index_js_3.ParticleLayer, Object.assign({ noPortal: true }, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTrigger, Object.assign({ asChild: true }, { children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: "Open" }) })), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsxs)(Dialog_js_1.DialogContent, Object.assign({ disableSheet: true }, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTitle, { children: "Hello world" }), (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogClose, Object.assign({ asChild: true }, { children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: "Close" }) })) })] }))] }))),
|
|
33
33
|
},
|
|
34
34
|
};
|
|
35
35
|
exports.Positioned = {
|
|
36
36
|
args: {
|
|
37
|
-
children: ((0, jsx_runtime_1.jsxs)(
|
|
37
|
+
children: ((0, jsx_runtime_1.jsxs)(index_js_3.ParticleLayer, Object.assign({ noPortal: true }, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTrigger, Object.assign({ asChild: true }, { children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: "Open" }) })), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsxs)(Dialog_js_1.DialogContent, Object.assign({ className: "top-auto bottom-0px" }, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTitle, { children: "Hello world" }), (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogClose, Object.assign({ asChild: true }, { children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: "Close" }) })) })] }))] }))),
|
|
38
38
|
},
|
|
39
39
|
};
|
|
40
40
|
exports.VirtualKeyboard = {
|
|
@@ -48,7 +48,7 @@ exports.VirtualKeyboard = {
|
|
|
48
48
|
document.body.style.removeProperty('--mock-virtual-keyboard-height');
|
|
49
49
|
}
|
|
50
50
|
}, [keyboard]);
|
|
51
|
-
return ((0, jsx_runtime_1.jsxs)(
|
|
51
|
+
return ((0, jsx_runtime_1.jsxs)(Provider_js_1.Provider, Object.assign({ virtualKeyboardBehavior: "overlay" }, { children: [(0, jsx_runtime_1.jsxs)(Dialog_js_1.Dialog, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTrigger, Object.assign({ asChild: true }, { children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: "Open" }) })), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsxs)(Dialog_js_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTitle, { children: "Hello world" }), (0, jsx_runtime_1.jsx)(index_js_2.Input, {}), (0, jsx_runtime_1.jsxs)(Dialog_js_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogClose, Object.assign({ asChild: true }, { children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: "Close" }) })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ onClick: () => setKeyboard((v) => !v) }, { children: "Toggle fake kb" }))] })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "fixed bottom-0 h-[var(--mock-virtual-keyboard-height,0)] bg-black w-full transition-height left-0 right-0" })] })));
|
|
52
52
|
},
|
|
53
53
|
};
|
|
54
54
|
//# sourceMappingURL=Dialog.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.stories.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.stories.tsx"],"names":[],"mappings":";;;;AACA,
|
|
1
|
+
{"version":3,"file":"Dialog.stories.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
exports.Default = void 0;
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const index_js_1 = require("../icon/index.js");
|
|
6
7
|
const DropdownMenu_js_1 = require("./DropdownMenu.js");
|
|
7
|
-
const icon_js_1 = require("../icon.js");
|
|
8
8
|
const meta = {
|
|
9
9
|
title: 'DropdownMenu',
|
|
10
10
|
component: DropdownMenu_js_1.DropdownMenu,
|
|
@@ -16,7 +16,7 @@ const meta = {
|
|
|
16
16
|
exports.default = meta;
|
|
17
17
|
exports.Default = {
|
|
18
18
|
args: {
|
|
19
|
-
children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Trigger, { children: "Open" }), (0, jsx_runtime_1.jsxs)(DropdownMenu_js_1.DropdownMenu.Content, { children: [(0, jsx_runtime_1.jsxs)(DropdownMenu_js_1.DropdownMenu.Item, Object.assign({ color: "destructive" }, { children: [(0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Label, { children: "Item 1" }), (0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.ItemRightSlot, { children: (0, jsx_runtime_1.jsx)(
|
|
19
|
+
children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Trigger, { children: "Open" }), (0, jsx_runtime_1.jsxs)(DropdownMenu_js_1.DropdownMenu.Content, { children: [(0, jsx_runtime_1.jsxs)(DropdownMenu_js_1.DropdownMenu.Item, Object.assign({ color: "destructive" }, { children: [(0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Label, { children: "Item 1" }), (0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.ItemRightSlot, { children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "flag" }) })] })), (0, jsx_runtime_1.jsxs)(DropdownMenu_js_1.DropdownMenu.Item, { children: [(0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Label, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.ItemRightSlot, { children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "add_person" }) })] })] })] })),
|
|
20
20
|
},
|
|
21
21
|
};
|
|
22
22
|
//# sourceMappingURL=DropdownMenu.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.stories.js","sourceRoot":"","sources":["../../../../src/components/dropdownMenu/DropdownMenu.stories.tsx"],"names":[],"mappings":";;;;AACA,uDAAiD;
|
|
1
|
+
{"version":3,"file":"DropdownMenu.stories.js","sourceRoot":"","sources":["../../../../src/components/dropdownMenu/DropdownMenu.stories.tsx"],"names":[],"mappings":";;;;AACA,+CAAwC;AACxC,uDAAiD;AAEjD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,8BAAY;IACvB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACmC,CAAC;AAEtC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,6DACC,uBAAC,8BAAY,CAAC,OAAO,uBAA4B,EACjD,wBAAC,8BAAY,CAAC,OAAO,eACpB,wBAAC,8BAAY,CAAC,IAAI,kBAAC,KAAK,EAAC,aAAa,iBACrC,uBAAC,8BAAY,CAAC,KAAK,yBAA4B,EAC/C,uBAAC,8BAAY,CAAC,aAAa,cAC1B,uBAAC,eAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACQ,KACV,EACpB,wBAAC,8BAAY,CAAC,IAAI,eACjB,uBAAC,8BAAY,CAAC,KAAK,yBAA4B,EAC/C,uBAAC,8BAAY,CAAC,aAAa,cAC1B,uBAAC,eAAI,IAAC,IAAI,EAAC,YAAY,GAAG,GACE,IACV,IACE,IACrB,CACH;KACD;CACD,CAAC"}
|
|
@@ -17,10 +17,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
17
17
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
18
|
exports.EditableText = void 0;
|
|
19
19
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
|
-
const react_1 = require("react");
|
|
21
|
-
const input_js_1 = require("../input.js");
|
|
22
20
|
const clsx_1 = __importDefault(require("clsx"));
|
|
23
|
-
const
|
|
21
|
+
const react_1 = require("react");
|
|
22
|
+
const index_js_1 = require("../icon/index.js");
|
|
23
|
+
const index_js_2 = require("../input/index.js");
|
|
24
24
|
function EditableText(_a) {
|
|
25
25
|
var { value, onValueChange, editing, onEditingChange, className, id, autoSelect, autoFocus, onBlur, onChange, onKeyDown } = _a, rest = __rest(_a, ["value", "onValueChange", "editing", "onEditingChange", "className", "id", "autoSelect", "autoFocus", "onBlur", "onChange", "onKeyDown"]);
|
|
26
26
|
const [editingInternal, setEditingInternal] = (0, react_1.useState)(editing || autoFocus);
|
|
@@ -49,9 +49,9 @@ function EditableText(_a) {
|
|
|
49
49
|
onBlur === null || onBlur === void 0 ? void 0 : onBlur(ev);
|
|
50
50
|
}, [setEditingFinal, onBlur]);
|
|
51
51
|
if (editingFinal) {
|
|
52
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
52
|
+
return ((0, jsx_runtime_1.jsx)(index_js_2.Input, Object.assign({ ref: inputRef, value: value, onChange: handleChange, onBlur: handleBlur, className: (0, clsx_1.default)('layer-variants:font-size-inherit', className), id: id, autoSelect: autoSelect, onKeyDown: handleKeyDown }, rest)));
|
|
53
53
|
}
|
|
54
|
-
return ((0, jsx_runtime_1.jsxs)("button", Object.assign({ onClick: () => setEditingFinal(true), className: (0, clsx_1.default)(
|
|
54
|
+
return ((0, jsx_runtime_1.jsxs)("button", Object.assign({ onClick: () => setEditingFinal(true), className: (0, clsx_1.default)(index_js_2.inputClassName, 'layer-variants:border-transparent layer-variants:bg-transparent layer-variants:w-auto layer-variants:inline-flex layer-variants:items-center layer-variants:gap-2 layer-variants:font-size-inherit layer-variants:text-inherit layer-variants:shadow-none', 'layer-variants:hover:bg-gray-blend', 'layer-variants:focus-visible:outline-none layer-variants:focus-visible:bg-gray-dark-blend', 'cursor-pointer', className), id: id }, rest, { children: [value, (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "pencil", className: "stroke-gray-blend opacity-50" })] })));
|
|
55
55
|
}
|
|
56
56
|
exports.EditableText = EditableText;
|
|
57
57
|
//# sourceMappingURL=EditableText.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditableText.js","sourceRoot":"","sources":["../../../../src/components/editableText/EditableText.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAQe;AACf
|
|
1
|
+
{"version":3,"file":"EditableText.js","sourceRoot":"","sources":["../../../../src/components/editableText/EditableText.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,5 +13,5 @@ export declare class ErrorBoundary extends Component<{
|
|
|
13
13
|
static getDerivedStateFromError(error: Error): {
|
|
14
14
|
error: Error;
|
|
15
15
|
};
|
|
16
|
-
render(): React.ReactNode;
|
|
16
|
+
render(): string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined;
|
|
17
17
|
}
|
|
@@ -16,13 +16,13 @@ exports.CheckboxField = void 0;
|
|
|
16
16
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
17
17
|
const formik_1 = require("formik");
|
|
18
18
|
const hooks_js_1 = require("../../hooks.js");
|
|
19
|
-
const checkbox_js_1 = require("../checkbox.js");
|
|
20
19
|
const useIdOrGenerated_js_1 = require("../../hooks/useIdOrGenerated.js");
|
|
20
|
+
const index_js_1 = require("../checkbox/index.js");
|
|
21
21
|
function CheckboxField(_a) {
|
|
22
22
|
var { name, label, className, required, id: providedId } = _a, rest = __rest(_a, ["name", "label", "className", "required", "id"]);
|
|
23
23
|
const [props, _, tools] = (0, formik_1.useField)({ name, type: 'checkbox' });
|
|
24
24
|
const id = (0, useIdOrGenerated_js_1.useIdOrGenerated)(providedId);
|
|
25
|
-
return ((0, jsx_runtime_1.jsxs)(FieldRoot, Object.assign({ className: className }, { children: [(0, jsx_runtime_1.jsx)(
|
|
25
|
+
return ((0, jsx_runtime_1.jsxs)(FieldRoot, Object.assign({ className: className }, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Checkbox, Object.assign({}, props, { checked: props.checked, onCheckedChange: (v) => {
|
|
26
26
|
tools.setValue(!!v);
|
|
27
27
|
} }, rest)), label && (0, jsx_runtime_1.jsx)(FieldLabel, Object.assign({ htmlFor: id }, { children: label }))] })));
|
|
28
28
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../../../src/components/forms/CheckboxField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,mCAAkC;AAClC,6CAA+C;AAC/C,
|
|
1
|
+
{"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../../../src/components/forms/CheckboxField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,mCAAkC;AAClC,6CAA+C;AAC/C,yEAAmE;AACnE,mDAAgD;AAUhD,SAAgB,aAAa,CAAC,EAOT;QAPS,EAC7B,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,EAAE,EAAE,UAAU,OAEM,EADjB,IAAI,cANsB,gDAO7B,CADO;IAEP,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,GAAG,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;IAC/D,MAAM,EAAE,GAAG,IAAA,sCAAgB,EAAC,UAAU,CAAC,CAAC;IACxC,OAAO,CACN,wBAAC,SAAS,kBAAC,SAAS,EAAE,SAAS,iBAC9B,uBAAC,mBAAQ,oBACJ,KAAK,IACT,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE;oBACtB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACrB,CAAC,IACG,IAAI,EACP,EACD,KAAK,IAAI,uBAAC,UAAU,kBAAC,OAAO,EAAE,EAAE,gBAAG,KAAK,IAAc,KAC5C,CACZ,CAAC;AACH,CAAC;AAvBD,sCAuBC;AAED,MAAM,SAAS,GAAG,IAAA,wBAAa,EAC9B,KAAK,EACL,wCAAwC,CACxC,CAAC;AAEF,MAAM,UAAU,GAAG,IAAA,wBAAa,EAC/B,OAAO,EACP,0FAA0F,CAC1F,CAAC"}
|
|
@@ -19,9 +19,9 @@ exports.HorizontalList = void 0;
|
|
|
19
19
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
20
|
const clsx_1 = __importDefault(require("clsx"));
|
|
21
21
|
const react_1 = require("react");
|
|
22
|
+
const index_js_1 = require("../button/index.js");
|
|
23
|
+
const index_js_2 = require("../icon/index.js");
|
|
22
24
|
const ScrollArea_js_1 = require("../scrollArea/ScrollArea.js");
|
|
23
|
-
const button_js_1 = require("../button.js");
|
|
24
|
-
const icon_js_1 = require("../icon.js");
|
|
25
25
|
function HorizontalList(_a) {
|
|
26
26
|
var { open: externalOpen, onOpenChange, children, className, contentClassName, background, onCanOpenChange, openDirection = 'down', disableInternalOpenToggle } = _a, rest = __rest(_a, ["open", "onOpenChange", "children", "className", "contentClassName", "background", "onCanOpenChange", "openDirection", "disableInternalOpenToggle"]);
|
|
27
27
|
const contentRef = (0, react_1.useRef)(null);
|
|
@@ -119,8 +119,8 @@ function HorizontalList(_a) {
|
|
|
119
119
|
};
|
|
120
120
|
}, [contentRef, containerRef, open]);
|
|
121
121
|
const chevronFlip = openDirection === 'down' ? open : !open;
|
|
122
|
-
return ((0, jsx_runtime_1.jsxs)(ScrollArea_js_1.ScrollAreaRoot, Object.assign({ className: (0, clsx_1.default)('flex flex-col', 'layer-components:max-h-300px', className), background: background, "data-state": open ? 'open' : 'closed' }, rest, { children: [(0, jsx_runtime_1.jsx)(ScrollArea_js_1.ScrollAreaViewport, Object.assign({ ref: containerRef }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, clsx_1.default)('layer-components:px-3 layer-components:pt-3 layer-components:pb-4 layer-components:gap-2', 'flex flex-row gap-2 flex-shrink-0 w-max-content w-auto)', contentClassName), ref: contentRef }, { children: [internalCanOpen && !disableInternalOpenToggle && ((0, jsx_runtime_1.jsx)(
|
|
123
|
-
'rounded-none h-full border-r border-r-solid border-r-gray-5') }, { children: (0, jsx_runtime_1.jsx)(
|
|
122
|
+
return ((0, jsx_runtime_1.jsxs)(ScrollArea_js_1.ScrollAreaRoot, Object.assign({ className: (0, clsx_1.default)('flex flex-col', 'layer-components:max-h-300px', className), background: background, "data-state": open ? 'open' : 'closed' }, rest, { children: [(0, jsx_runtime_1.jsx)(ScrollArea_js_1.ScrollAreaViewport, Object.assign({ ref: containerRef }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, clsx_1.default)('layer-components:px-3 layer-components:pt-3 layer-components:pb-4 layer-components:gap-2', 'flex flex-row gap-2 flex-shrink-0 w-max-content w-auto)', contentClassName), ref: contentRef }, { children: [internalCanOpen && !disableInternalOpenToggle && ((0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ onClick: toggleOpen, size: "icon", color: "ghost", className: (0, clsx_1.default)('flex-shrink-0 bg-[var(--scroll-bg)] sticky left-0 top-2 z-1', !open &&
|
|
123
|
+
'rounded-none h-full border-r border-r-solid border-r-gray-5') }, { children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "chevron", className: (0, clsx_1.default)('transition-transform', chevronFlip && 'rotate-180') }) }))), children] })) })), (0, jsx_runtime_1.jsx)(ScrollArea_js_1.ScrollAreaScrollbar, {}), (0, jsx_runtime_1.jsx)(ScrollArea_js_1.ScrollAreaScrollbar, { orientation: "horizontal" })] })));
|
|
124
124
|
}
|
|
125
125
|
exports.HorizontalList = HorizontalList;
|
|
126
126
|
//# sourceMappingURL=HorizontalList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HorizontalList.js","sourceRoot":"","sources":["../../../../src/components/horizontalList/HorizontalList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAAwB;AACxB,iCAA4E;AAC5E,+DAKqC;
|
|
1
|
+
{"version":3,"file":"HorizontalList.js","sourceRoot":"","sources":["../../../../src/components/horizontalList/HorizontalList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,16 +3,16 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
exports.CantOpen = exports.Default = void 0;
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const HorizontalList_js_1 = require("./HorizontalList.js");
|
|
7
|
-
const button_js_1 = require("../button.js");
|
|
8
|
-
const icon_js_1 = require("../icon.js");
|
|
9
6
|
const react_1 = require("react");
|
|
7
|
+
const index_js_1 = require("../button/index.js");
|
|
8
|
+
const index_js_2 = require("../icon/index.js");
|
|
9
|
+
const HorizontalList_js_1 = require("./HorizontalList.js");
|
|
10
10
|
const meta = {
|
|
11
11
|
title: 'HorizontalList',
|
|
12
12
|
component: HorizontalList_js_1.HorizontalList,
|
|
13
13
|
argTypes: {},
|
|
14
14
|
args: {
|
|
15
|
-
children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(
|
|
15
|
+
children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "One" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Two" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Three" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Four but long" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Five" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Six" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Seven" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Eight" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Nine" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Ten" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Eleven" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Twelve" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Thirteen" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Fourteen and long" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Fifteen" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Sixteen" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Seventeen" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Eighteen" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Nineteen" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Twenty" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Twenty one" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Twenty two" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Twenty three" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Twenty four" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "icon", color: "primary", className: "sticky right-2 bottom-2 flex-shrink-0 shadow-sm ml-auto" }, { children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "plus" }) }))] })),
|
|
16
16
|
},
|
|
17
17
|
parameters: {
|
|
18
18
|
controls: { expanded: true },
|
|
@@ -22,13 +22,13 @@ exports.default = meta;
|
|
|
22
22
|
exports.Default = {
|
|
23
23
|
render: (args) => {
|
|
24
24
|
const [open, setOpen] = (0, react_1.useState)(false);
|
|
25
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "bg-black flex flex-col items-center h-full" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "bg-white w-400px flex flex-col items-stretch h-full" }, { children: [(0, jsx_runtime_1.jsx)(
|
|
25
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "bg-black flex flex-col items-center h-full" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "bg-white w-400px flex flex-col items-stretch h-full" }, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ toggled: open, onClick: () => setOpen(!open), className: "mt-auto mb-1 mr-1 self-end" }, { children: open ? 'Close' : 'Open' })), (0, jsx_runtime_1.jsx)(HorizontalList_js_1.HorizontalList, Object.assign({ className: "border-t border-t-solid border-t-black max-h-200px", open: open, onOpenChange: setOpen, openDirection: "up" }, args))] })) })));
|
|
26
26
|
},
|
|
27
27
|
};
|
|
28
28
|
exports.CantOpen = {
|
|
29
29
|
render: (args) => {
|
|
30
30
|
const [more, setMore] = (0, react_1.useState)(false);
|
|
31
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "bg-white w-full flex flex-col items-stretch h-full justify-end" }, { children: (0, jsx_runtime_1.jsxs)(HorizontalList_js_1.HorizontalList, Object.assign({ className: "border-t border-t-solid border-t-black max-h-200px", openDirection: "up" }, args, { children: [(0, jsx_runtime_1.jsx)(
|
|
31
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "bg-white w-full flex flex-col items-stretch h-full justify-end" }, { children: (0, jsx_runtime_1.jsxs)(HorizontalList_js_1.HorizontalList, Object.assign({ className: "border-t border-t-solid border-t-black max-h-200px", openDirection: "up" }, args, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small", toggled: more, onClick: () => setMore(!more) }, { children: "More" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "One" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Two" })), more && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Three" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Four" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Five" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Six" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Seven" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Eight" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Nine" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Ten" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Eleven" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Twelve" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Thirteen" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Fourteen" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Fifteen" }))] })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "icon", color: "primary", className: "sticky right-2 bottom-2 flex-shrink-0 shadow-sm ml-auto" }, { children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "plus" }) }))] })) })));
|
|
32
32
|
},
|
|
33
33
|
};
|
|
34
34
|
//# sourceMappingURL=HorizontalList.stories.js.map
|