@a-type/ui 1.2.1 → 1.2.3
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/input/Input.d.ts +1 -0
- package/dist/cjs/components/input/Input.js +8 -4
- package/dist/cjs/components/input/Input.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/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.js +6 -6
- package/dist/cjs/components/particles/ParticleLayer.stories.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.d.ts +1 -0
- package/dist/cjs/components/textArea/TextArea.js +8 -5
- 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/input/Input.d.ts +1 -0
- package/dist/esm/components/input/Input.js +9 -5
- package/dist/esm/components/input/Input.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/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.js +3 -3
- package/dist/esm/components/particles/ParticleLayer.stories.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.d.ts +1 -0
- package/dist/esm/components/textArea/TextArea.js +8 -5
- 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/input/Input.tsx +21 -3
- package/src/components/layouts/PageNowPlaying.tsx +1 -1
- 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 +3 -3
- 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 +9 -4
- 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":"HorizontalList.stories.js","sourceRoot":"","sources":["../../../../src/components/horizontalList/HorizontalList.stories.tsx"],"names":[],"mappings":";;;;AACA,
|
|
1
|
+
{"version":3,"file":"HorizontalList.stories.js","sourceRoot":"","sources":["../../../../src/components/horizontalList/HorizontalList.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -19,9 +19,9 @@ exports.ImageUploader = 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
|
|
23
|
-
const
|
|
24
|
-
const
|
|
22
|
+
const index_js_1 = require("../button/index.js");
|
|
23
|
+
const index_js_2 = require("../camera/index.js");
|
|
24
|
+
const index_js_3 = require("../icon/index.js");
|
|
25
25
|
/**
|
|
26
26
|
* Renders an image if one is already set, and allows either clicking
|
|
27
27
|
* on the image to select a new one, or dragging a new image onto the
|
|
@@ -94,10 +94,10 @@ function ImageUploader(_a) {
|
|
|
94
94
|
const openCamera = () => setCameraOpen(true);
|
|
95
95
|
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, clsx_1.default)('relative overflow-hidden rounded-lg', rest.className), onDragEnter: onDragEnter, onDragLeave: onDragLeave, onDragOver: onDragOver, onDrop: onDrop, onDragStart: onDragStart, onDragEnd: onDragEnd }, { children: [value ? ((0, jsx_runtime_1.jsx)("img", { src: value, className: "w-full h-full object-cover object-center" })) : null, !value && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, clsx_1.default)('absolute inset-0 flex flex-col items-center justify-center gap-3 bg-[rgba(0,0,0,0.05)]', {
|
|
96
96
|
'!bg-[rgba(0,0,0,0.1)]': draggingOver,
|
|
97
|
-
}) }, { children: [(0, jsx_runtime_1.jsx)("input", { type: "file", accept: "image/*", onChange: onFileChange, onClick: onFileClick, className: "absolute inset--99999 op-0", id: inputId }), (0, jsx_runtime_1.jsx)(
|
|
97
|
+
}) }, { children: [(0, jsx_runtime_1.jsx)("input", { type: "file", accept: "image/*", onChange: onFileChange, onClick: onFileClick, className: "absolute inset--99999 op-0", id: inputId }), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ color: "ghost", asChild: true }, { children: (0, jsx_runtime_1.jsxs)("label", Object.assign({ htmlFor: inputId }, { children: [(0, jsx_runtime_1.jsx)(index_js_3.Icon, { name: "upload" }), (0, jsx_runtime_1.jsx)("span", { children: dragging ? 'Drop' : 'Upload' })] })) })), (0, jsx_runtime_1.jsxs)(index_js_1.Button, Object.assign({ color: "ghost", onClick: openCamera }, { children: [(0, jsx_runtime_1.jsx)(index_js_3.Icon, { name: "camera" }), (0, jsx_runtime_1.jsx)("span", { children: "Camera" })] }))] }))), !value && cameraOpen && ((0, jsx_runtime_1.jsxs)(index_js_2.CameraRoot, Object.assign({ className: "absolute w-full h-full z-1", format: "image/png", onCapture: (file) => {
|
|
98
98
|
onChange(file);
|
|
99
99
|
setCameraOpen(false);
|
|
100
|
-
}, facingMode: facingMode }, { children: [(0, jsx_runtime_1.jsx)(
|
|
100
|
+
}, facingMode: facingMode }, { children: [(0, jsx_runtime_1.jsx)(index_js_2.CameraShutterButton, {}), (0, jsx_runtime_1.jsx)(index_js_2.CameraDeviceSelector, {}), (0, jsx_runtime_1.jsx)(index_js_2.CameraFullscreenButton, {}), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ onClick: () => setCameraOpen(false), color: "ghost", size: "small", className: "text-white absolute top-2 left-2" }, { children: "Cancel" }))] }))), value && ((0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ color: "ghost", size: "icon", className: "absolute top-2 right-2 w-32px h-32px border-none p-2 cursor-pointer bg-white color-black rounded-full transition-colors shadow-sm", onClick: () => onChange(null) }, { children: (0, jsx_runtime_1.jsx)(index_js_3.Icon, { name: "x" }) })))] })));
|
|
101
101
|
}
|
|
102
102
|
exports.ImageUploader = ImageUploader;
|
|
103
103
|
//# sourceMappingURL=ImageUploader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageUploader.js","sourceRoot":"","sources":["../../../../src/components/imageUploader/ImageUploader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,iCAAqD;AACrD,
|
|
1
|
+
{"version":3,"file":"ImageUploader.js","sourceRoot":"","sources":["../../../../src/components/imageUploader/ImageUploader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
+
export { Slot, Slottable, type SlotProps } from '@radix-ui/react-slot';
|
|
1
2
|
export * from './actions/index.js';
|
|
2
3
|
export * from './avatar/index.js';
|
|
4
|
+
export * from './box/Box.js';
|
|
3
5
|
export * from './button/index.js';
|
|
4
6
|
export * from './camera/index.js';
|
|
5
7
|
export * from './card/index.js';
|
|
@@ -30,15 +32,14 @@ export * from './numberStepper/index.js';
|
|
|
30
32
|
export * from './particles/index.js';
|
|
31
33
|
export * from './peek/index.js';
|
|
32
34
|
export * from './popover/index.js';
|
|
33
|
-
export * from './provider/Provider.js';
|
|
34
35
|
export * from './progress/Progress.js';
|
|
36
|
+
export * from './provider/Provider.js';
|
|
35
37
|
export * from './relativeTime/index.js';
|
|
36
38
|
export * from './richEditor/index.js';
|
|
37
39
|
export * from './scrollArea/ScrollArea.js';
|
|
38
40
|
export * from './select/index.js';
|
|
39
41
|
export * from './skeletons/skeletons.js';
|
|
40
42
|
export * from './slider/index.js';
|
|
41
|
-
export { Slot, type SlotProps, Slottable } from '@radix-ui/react-slot';
|
|
42
43
|
export * from './spinner/index.js';
|
|
43
44
|
export * from './switch/index.js';
|
|
44
45
|
export * from './tabs/tabs.js';
|
|
@@ -16,8 +16,12 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
16
16
|
};
|
|
17
17
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
18
|
exports.Slottable = exports.Slot = void 0;
|
|
19
|
+
var react_slot_1 = require("@radix-ui/react-slot");
|
|
20
|
+
Object.defineProperty(exports, "Slot", { enumerable: true, get: function () { return react_slot_1.Slot; } });
|
|
21
|
+
Object.defineProperty(exports, "Slottable", { enumerable: true, get: function () { return react_slot_1.Slottable; } });
|
|
19
22
|
__exportStar(require("./actions/index.js"), exports);
|
|
20
23
|
__exportStar(require("./avatar/index.js"), exports);
|
|
24
|
+
__exportStar(require("./box/Box.js"), exports);
|
|
21
25
|
__exportStar(require("./button/index.js"), exports);
|
|
22
26
|
__exportStar(require("./camera/index.js"), exports);
|
|
23
27
|
__exportStar(require("./card/index.js"), exports);
|
|
@@ -48,17 +52,14 @@ __exportStar(require("./numberStepper/index.js"), exports);
|
|
|
48
52
|
__exportStar(require("./particles/index.js"), exports);
|
|
49
53
|
__exportStar(require("./peek/index.js"), exports);
|
|
50
54
|
__exportStar(require("./popover/index.js"), exports);
|
|
51
|
-
__exportStar(require("./provider/Provider.js"), exports);
|
|
52
55
|
__exportStar(require("./progress/Progress.js"), exports);
|
|
56
|
+
__exportStar(require("./provider/Provider.js"), exports);
|
|
53
57
|
__exportStar(require("./relativeTime/index.js"), exports);
|
|
54
58
|
__exportStar(require("./richEditor/index.js"), exports);
|
|
55
59
|
__exportStar(require("./scrollArea/ScrollArea.js"), exports);
|
|
56
60
|
__exportStar(require("./select/index.js"), exports);
|
|
57
61
|
__exportStar(require("./skeletons/skeletons.js"), exports);
|
|
58
62
|
__exportStar(require("./slider/index.js"), exports);
|
|
59
|
-
var react_slot_1 = require("@radix-ui/react-slot");
|
|
60
|
-
Object.defineProperty(exports, "Slot", { enumerable: true, get: function () { return react_slot_1.Slot; } });
|
|
61
|
-
Object.defineProperty(exports, "Slottable", { enumerable: true, get: function () { return react_slot_1.Slottable; } });
|
|
62
63
|
__exportStar(require("./spinner/index.js"), exports);
|
|
63
64
|
__exportStar(require("./switch/index.js"), exports);
|
|
64
65
|
__exportStar(require("./tabs/tabs.js"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,qDAAmC;AACnC,oDAAkC;AAClC,oDAAkC;AAClC,oDAAkC;AAClC,kDAAgC;AAChC,sDAAoC;AACpC,kDAAgC;AAChC,yDAAuC;AACvC,yDAAuC;AACvC,+DAA6C;AAC7C,wDAAsC;AACtC,oDAAkC;AAClC,qDAAmC;AACnC,0DAAwC;AACxC,iEAA+C;AAC/C,2DAAyC;AACzC,mDAAiC;AACjC,qEAAmD;AACnD,kDAAgC;AAChC,2DAAyC;AACzC,+EAA6D;AAC7D,mDAAiC;AACjC,qDAAmC;AACnC,iEAA+C;AAC/C,uDAAqC;AACrC,uDAAqC;AACrC,oDAAkC;AAClC,kDAAgC;AAChC,2DAAyC;AACzC,uDAAqC;AACrC,kDAAgC;AAChC,qDAAmC;AACnC,yDAAuC;AACvC,yDAAuC;AACvC,0DAAwC;AACxC,wDAAsC;AACtC,6DAA2C;AAC3C,oDAAkC;AAClC,2DAAyC;AACzC,oDAAkC;AAClC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,mDAAuE;AAA9D,kGAAA,IAAI,OAAA;AAAE,uGAAA,SAAS,OAAA;AACxB,qDAAmC;AACnC,oDAAkC;AAClC,+CAA6B;AAC7B,oDAAkC;AAClC,oDAAkC;AAClC,kDAAgC;AAChC,sDAAoC;AACpC,kDAAgC;AAChC,yDAAuC;AACvC,yDAAuC;AACvC,+DAA6C;AAC7C,wDAAsC;AACtC,oDAAkC;AAClC,qDAAmC;AACnC,0DAAwC;AACxC,iEAA+C;AAC/C,2DAAyC;AACzC,mDAAiC;AACjC,qEAAmD;AACnD,kDAAgC;AAChC,2DAAyC;AACzC,+EAA6D;AAC7D,mDAAiC;AACjC,qDAAmC;AACnC,iEAA+C;AAC/C,uDAAqC;AACrC,uDAAqC;AACrC,oDAAkC;AAClC,kDAAgC;AAChC,2DAAyC;AACzC,uDAAqC;AACrC,kDAAgC;AAChC,qDAAmC;AACnC,yDAAuC;AACvC,yDAAuC;AACvC,0DAAwC;AACxC,wDAAsC;AACtC,6DAA2C;AAC3C,oDAAkC;AAClC,2DAAyC;AACzC,oDAAkC;AAClC,qDAAmC;AACnC,oDAAkC;AAClC,iDAA+B;AAC/B,sDAAoC;AACpC,qDAAmC;AACnC,+DAA6C;AAC7C,qDAAmC;AACnC,wDAAsC;AACtC,qEAAmD;AACnD,uDAAqC"}
|
|
@@ -8,5 +8,6 @@ export interface InputProps extends ComponentProps<'input'> {
|
|
|
8
8
|
/** Shuffle between random placeholders */
|
|
9
9
|
placeholders?: string[];
|
|
10
10
|
placeholdersIntervalMs?: number;
|
|
11
|
+
onValueChange?: (value: string) => void;
|
|
11
12
|
}
|
|
12
13
|
export declare const Input: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -17,21 +17,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
17
17
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
18
|
exports.Input = exports.inputClassName = void 0;
|
|
19
19
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
|
+
const react_slot_1 = require("@radix-ui/react-slot");
|
|
20
21
|
const clsx_1 = __importDefault(require("clsx"));
|
|
21
22
|
const react_1 = require("react");
|
|
22
|
-
const react_slot_1 = require("@radix-ui/react-slot");
|
|
23
23
|
const useRotatingShuffledValue_js_1 = require("../../hooks/useRotatingShuffledValue.js");
|
|
24
|
-
exports.inputClassName = (0, clsx_1.default)('layer-components:px-5 layer-components:py-[5px] layer-components:text-md layer-components:font-sans layer-components:rounded-
|
|
24
|
+
exports.inputClassName = (0, clsx_1.default)('layer-components:px-5 layer-components:py-[5px] layer-components:text-md layer-components:font-sans layer-components:rounded-20px layer-components:bg-white layer-components:select-auto layer-components:min-w-60px layer-components:color-black layer-components:border-solid layer-components:border-1 layer-components:border-gray-5 layer-components:shadow-sm-inset', 'layer-components:focus:outline-none layer-components:focus:bg-gray-1 layer-components:focus:ring-4 layer-components:focus:ring-white', 'layer-components:focus-visible:outline-none layer-components:focus-visible:ring-gray-dark-blend', 'layer-components:md:min-w-120px');
|
|
25
25
|
exports.Input = (0, react_1.forwardRef)(function Input(_a, ref) {
|
|
26
|
-
var { className, autoSelect, onFocus, variant: _, asChild, placeholders, placeholder, placeholdersIntervalMs = 5000 } = _a, props = __rest(_a, ["className", "autoSelect", "onFocus", "variant", "asChild", "placeholders", "placeholder", "placeholdersIntervalMs"]);
|
|
26
|
+
var { className, autoSelect, onFocus, onChange, onValueChange, variant: _, asChild, placeholders, placeholder, placeholdersIntervalMs = 5000 } = _a, props = __rest(_a, ["className", "autoSelect", "onFocus", "onChange", "onValueChange", "variant", "asChild", "placeholders", "placeholder", "placeholdersIntervalMs"]);
|
|
27
27
|
const handleFocus = (0, react_1.useCallback)((ev) => {
|
|
28
28
|
if (autoSelect) {
|
|
29
29
|
ev.target.select();
|
|
30
30
|
}
|
|
31
31
|
onFocus === null || onFocus === void 0 ? void 0 : onFocus(ev);
|
|
32
32
|
}, [onFocus, autoSelect]);
|
|
33
|
+
const handleChange = (0, react_1.useCallback)((ev) => {
|
|
34
|
+
onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(ev.target.value);
|
|
35
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(ev);
|
|
36
|
+
}, [onChange, onValueChange]);
|
|
33
37
|
const randomPlaceholder = (0, useRotatingShuffledValue_js_1.useRotatingShuffledValue)(placeholders !== null && placeholders !== void 0 ? placeholders : [], placeholdersIntervalMs);
|
|
34
38
|
const Component = asChild ? react_slot_1.Slot : 'input';
|
|
35
|
-
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, props, { onFocus: handleFocus, className: (0, clsx_1.default)(exports.inputClassName, className), ref: ref, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : randomPlaceholder })));
|
|
39
|
+
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, props, { onFocus: handleFocus, onChange: handleChange, className: (0, clsx_1.default)(exports.inputClassName, className), ref: ref, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : randomPlaceholder })));
|
|
36
40
|
});
|
|
37
41
|
//# sourceMappingURL=Input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,qDAA4C;AAC5C,gDAA8B;AAC9B,iCAMe;AACf,yFAAmF;AAEtE,QAAA,cAAc,GAAG,IAAA,cAAU,EACvC,iKAAiK,EACjK,mEAAmE,EACnE,oEAAoE,EACpE,mCAAmC,CACnC,CAAC;AAaW,QAAA,KAAK,GAAG,IAAA,kBAAU,EAA+B,SAAS,KAAK,CAC3E,EAYC,EACD,GAAG;QAbH,EACC,SAAS,EACT,UAAU,EACV,OAAO,EACP,QAAQ,EACR,aAAa,EACb,OAAO,EAAE,CAAC,EACV,OAAO,EACP,YAAY,EACZ,WAAW,EACX,sBAAsB,GAAG,IAAI,OAE7B,EADG,KAAK,cAXT,kJAYC,CADQ;IAIT,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC9B,CAAC,EAAgC,EAAE,EAAE;QACpC,IAAI,UAAU,EAAE;YACf,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;SACnB;QACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;IACf,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,CAAC,CACrB,CAAC;IAEF,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC/B,CAAC,EAAiC,EAAE,EAAE;QACrC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACjC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,EAAE,CAAC,CAAC;IAChB,CAAC,EACD,CAAC,QAAQ,EAAE,aAAa,CAAC,CACzB,CAAC;IAEF,MAAM,iBAAiB,GAAG,IAAA,sDAAwB,EACjD,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAClB,sBAAsB,CACtB,CAAC;IAEF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,OAAO,CAAC;IAE3C,OAAO,CACN,uBAAC,SAAS,oBACL,KAAK,IACT,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,IAAA,cAAU,EAAC,sBAAc,EAAE,SAAS,CAAC,EAChD,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,iBAAiB,IAC5C,CACF,CAAC;AACH,CAAC,CAAC,CAAC"}
|
|
@@ -19,10 +19,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
19
19
|
exports.PageNowPlaying = void 0;
|
|
20
20
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
21
21
|
const clsx_1 = __importDefault(require("clsx"));
|
|
22
|
-
const
|
|
22
|
+
const Provider_js_1 = require("../provider/Provider.js");
|
|
23
23
|
function PageNowPlaying(_a) {
|
|
24
24
|
var { className, unstyled, keepAboveKeyboard } = _a, props = __rest(_a, ["className", "unstyled", "keepAboveKeyboard"]);
|
|
25
|
-
const { virtualKeyboardBehavior } = (0,
|
|
25
|
+
const { virtualKeyboardBehavior } = (0, Provider_js_1.useConfig)();
|
|
26
26
|
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { className: (0, clsx_1.default)('layer-components:fixed layer-components:left-0 layer-components:right-0 layer-components:z-now-playing layer-components:flex layer-components:flex-col layer-components:gap-2 layer-components:items-end',
|
|
27
27
|
// on mobile, this must be positioned above any nav bar that's present,
|
|
28
28
|
// or at minimum in the safe area
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageNowPlaying.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNowPlaying.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,gDAA8B;AAE9B,
|
|
1
|
+
{"version":3,"file":"PageNowPlaying.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNowPlaying.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,gDAA8B;AAE9B,yDAAoD;AAEpD,SAAgB,cAAc,CAAC,EAQ9B;QAR8B,EAC9B,SAAS,EACT,QAAQ,EACR,iBAAiB,OAKjB,EAJG,KAAK,cAJsB,8CAK9B,CADQ;IAKR,MAAM,EAAE,uBAAuB,EAAE,GAAG,IAAA,uBAAS,GAAE,CAAC;IAEhD,OAAO,CACN,gDACK,KAAK,IACT,SAAS,EAAE,IAAA,cAAU,EACpB,qFAAqF;QACrF,uEAAuE;QACvE,iCAAiC;QACjC,6EAA6E,EAC7E,oCAAoC,EACpC,yLAAyL,EACzL,QAAQ;YACP,CAAC,CAAC,oBAAoB;YACtB,CAAC,CAAC,sHAAsH,EACzH,iBAAiB;YAChB,uBAAuB,KAAK,SAAS;YACrC,yJAAyJ,EAC1J,iBAAiB;YAChB,uBAAuB,KAAK,UAAU;YACtC,wHAAwH,EACzH,SAAS,CACT,IACA,CACF,CAAC;AACH,CAAC;AAlCD,wCAkCC"}
|
|
@@ -3,15 +3,15 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
exports.WithVirtualKeyboard = exports.WithoutNav = exports.Default = void 0;
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const
|
|
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 index_js_3 = require("../input/index.js");
|
|
10
|
+
const index_js_4 = require("../navBar/index.js");
|
|
7
11
|
const PageContent_js_1 = require("./PageContent.js");
|
|
8
12
|
const PageNav_js_1 = require("./PageNav.js");
|
|
9
|
-
const navBar_js_1 = require("../navBar.js");
|
|
10
|
-
const icon_js_1 = require("../icon.js");
|
|
11
13
|
const PageNowPlaying_js_1 = require("./PageNowPlaying.js");
|
|
12
|
-
const
|
|
13
|
-
const button_js_1 = require("../button.js");
|
|
14
|
-
const input_js_1 = require("../input.js");
|
|
14
|
+
const PageRoot_js_1 = require("./PageRoot.js");
|
|
15
15
|
const meta = {
|
|
16
16
|
title: 'layouts',
|
|
17
17
|
argTypes: {},
|
|
@@ -22,7 +22,7 @@ const meta = {
|
|
|
22
22
|
};
|
|
23
23
|
exports.default = meta;
|
|
24
24
|
exports.Default = {
|
|
25
|
-
render: () => ((0, jsx_runtime_1.jsxs)(PageRoot_js_1.PageRoot, Object.assign({ className: "w-full h-full" }, { children: [(0, jsx_runtime_1.jsxs)(PageContent_js_1.PageContent, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "text-center" }, { children: [(0, jsx_runtime_1.jsx)("h1", Object.assign({ className: "text-3xl font-bold" }, { children: "Hello, World!" })), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "text-lg" }, { children: "This is a simple page layout." }))] })), (0, jsx_runtime_1.jsx)(PageNowPlaying_js_1.PageNowPlaying, { children: "Now playing" })] }), (0, jsx_runtime_1.jsx)(PageNav_js_1.PageNav, { children: (0, jsx_runtime_1.jsxs)(
|
|
25
|
+
render: () => ((0, jsx_runtime_1.jsxs)(PageRoot_js_1.PageRoot, Object.assign({ className: "w-full h-full" }, { children: [(0, jsx_runtime_1.jsxs)(PageContent_js_1.PageContent, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "text-center" }, { children: [(0, jsx_runtime_1.jsx)("h1", Object.assign({ className: "text-3xl font-bold" }, { children: "Hello, World!" })), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "text-lg" }, { children: "This is a simple page layout." }))] })), (0, jsx_runtime_1.jsx)(PageNowPlaying_js_1.PageNowPlaying, { children: "Now playing" })] }), (0, jsx_runtime_1.jsx)(PageNav_js_1.PageNav, { children: (0, jsx_runtime_1.jsxs)(index_js_4.NavBarRoot, { children: [(0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { name: "cart" }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Item 1 long" })] }), (0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, Object.assign({ active: true }, { children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, Object.assign({ asChild: true }, { children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "book" }) })) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemPip, {})] }))] }) })] }))),
|
|
26
26
|
};
|
|
27
27
|
exports.WithoutNav = {
|
|
28
28
|
render: () => ((0, jsx_runtime_1.jsx)(PageRoot_js_1.PageRoot, Object.assign({ className: "w-full h-full" }, { children: (0, jsx_runtime_1.jsxs)(PageContent_js_1.PageContent, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "text-center" }, { children: [(0, jsx_runtime_1.jsx)("h1", Object.assign({ className: "text-3xl font-bold" }, { children: "Hello, World!" })), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "text-lg" }, { children: "This is a simple page layout." }))] })), (0, jsx_runtime_1.jsx)(PageNowPlaying_js_1.PageNowPlaying, { children: "Now playing" })] }) }))),
|
|
@@ -38,7 +38,7 @@ exports.WithVirtualKeyboard = {
|
|
|
38
38
|
document.body.style.removeProperty('--mock-virtual-keyboard-height');
|
|
39
39
|
}
|
|
40
40
|
}, [keyboard]);
|
|
41
|
-
return ((0, jsx_runtime_1.jsxs)(PageRoot_js_1.PageRoot, Object.assign({ className: "w-full h-full" }, { children: [(0, jsx_runtime_1.jsxs)(PageContent_js_1.PageContent, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "text-center" }, { children: [(0, jsx_runtime_1.jsx)("h1", Object.assign({ className: "text-3xl font-bold" }, { children: "Hello, World!" })), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "text-lg" }, { children: "This is a simple page layout." }))] })), (0, jsx_runtime_1.jsxs)(PageNowPlaying_js_1.PageNowPlaying, Object.assign({ keepAboveKeyboard: true }, { children: [(0, jsx_runtime_1.jsx)(
|
|
41
|
+
return ((0, jsx_runtime_1.jsxs)(PageRoot_js_1.PageRoot, Object.assign({ className: "w-full h-full" }, { children: [(0, jsx_runtime_1.jsxs)(PageContent_js_1.PageContent, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "text-center" }, { children: [(0, jsx_runtime_1.jsx)("h1", Object.assign({ className: "text-3xl font-bold" }, { children: "Hello, World!" })), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "text-lg" }, { children: "This is a simple page layout." }))] })), (0, jsx_runtime_1.jsxs)(PageNowPlaying_js_1.PageNowPlaying, Object.assign({ keepAboveKeyboard: true }, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ onClick: () => setKeyboard((v) => !v) }, { children: "Toggle fake kb" })), (0, jsx_runtime_1.jsx)(index_js_3.Input, {})] }))] }), (0, jsx_runtime_1.jsx)(PageNav_js_1.PageNav, { children: (0, jsx_runtime_1.jsxs)(index_js_4.NavBarRoot, { children: [(0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { name: "cart" }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Item 1 long" })] }), (0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, Object.assign({ active: true }, { children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, Object.assign({ asChild: true }, { children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "book" }) })) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemPip, {})] }))] }) }), (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" })] })));
|
|
42
42
|
},
|
|
43
43
|
};
|
|
44
44
|
//# sourceMappingURL=layouts.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layouts.stories.js","sourceRoot":"","sources":["../../../../src/components/layouts/layouts.stories.tsx"],"names":[],"mappings":";;;;AACA,+
|
|
1
|
+
{"version":3,"file":"layouts.stories.js","sourceRoot":"","sources":["../../../../src/components/layouts/layouts.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -37,11 +37,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
37
37
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
38
38
|
exports.NavBar = exports.NavBarRoot = exports.NavBarItemPip = exports.NavBarItemIcon = exports.NavBarItemText = exports.NavBarItemIconWrapper = exports.NavBarItem = exports.navBarItemClass = void 0;
|
|
39
39
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
40
|
+
const react_slot_1 = require("@radix-ui/react-slot");
|
|
40
41
|
const clsx_1 = __importStar(require("clsx"));
|
|
41
|
-
const hooks_js_1 = require("../../hooks.js");
|
|
42
42
|
const react_1 = require("react");
|
|
43
|
-
const
|
|
44
|
-
const
|
|
43
|
+
const hooks_js_1 = require("../../hooks.js");
|
|
44
|
+
const index_js_1 = require("../icon/index.js");
|
|
45
45
|
exports.navBarItemClass = (0, clsx_1.default)('layer-components:flex layer-components:flex-col layer-components:items-center layer-components:justify-center layer-components:whitespace-nowrap layer-components:py-1 layer-components:px-3 layer-components:bg-transparent layer-components:rounded-md layer-components:border-none layer-components:cursor-pointer layer-components:text-sm layer-components:transition-colors layer-components:h-full layer-components:gap-6px layer-components:relative layer-components:text-gray-7 layer-components:select-none', 'layer-components:sm:flex-row-reverse layer-components:sm:h-auto layer-components:sm:justify-start layer-components:sm:gap-2 layer-components:sm:overflow-visible', 'layer-components:hover:bg-primary-wash', 'layer-components:focus-visible:outline-none layer-components:focus-visible:bg-primary-wash', 'layer-components:active:bg-primary-wash layer-components:sm:active:bg-gray-dark-blend', 'layer-components:[&[data-active=true]]:bg-primary-wash layer-components:[&[data-active=true]]:text-black');
|
|
46
46
|
exports.NavBarItem = (0, react_1.forwardRef)(function NavBarItem(_a, ref) {
|
|
47
47
|
var { asChild, className, active } = _a, rest = __rest(_a, ["asChild", "className", "active"]);
|
|
@@ -52,7 +52,7 @@ exports.NavBarItemIconWrapper = (0, hooks_js_1.withClassName)('div', 'layer-comp
|
|
|
52
52
|
exports.NavBarItemText = (0, hooks_js_1.withClassName)('span', 'layer-components:overflow-hidden layer-components:pl-1 layer-components:inline-block layer-components:text-xxs layer-components:whitespace-nowrap layer-components:text-ellipsis layer-components:sm:text-md layer-components:sm:leading-normal');
|
|
53
53
|
exports.NavBarItemIcon = (0, react_1.forwardRef)(function NavBarItemIcon(_a, ref) {
|
|
54
54
|
var { children, asChild, className, name = 'placeholder' } = _a, rest = __rest(_a, ["children", "asChild", "className", "name"]);
|
|
55
|
-
const Comp = asChild ? react_slot_1.Slot :
|
|
55
|
+
const Comp = asChild ? react_slot_1.Slot : index_js_1.Icon;
|
|
56
56
|
return ((0, jsx_runtime_1.jsx)(Comp, Object.assign({ name: name, className: (0, clsx_1.clsx)('layer-components:relative layer-components:z-1 layer-components:flex layer-components:fill-none layer-components:text-inherit', 'layer-variants:[*[data-active=true]_&]:fill-primary-light', className) }, rest, { ref: ref }, { children: children })));
|
|
57
57
|
});
|
|
58
58
|
exports.NavBarItemPip = (0, hooks_js_1.withClassName)('div', 'layer-components:absolute layer-components:top-6px layer-components:right-6px layer-components:w-6px layer-components:h-6px layer-components:rounded-full layer-components:bg-attention layer-components:shadow-sm');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/components/navBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AACxC,6CAA+C;AAC/C
|
|
1
|
+
{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/components/navBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAA4C;AAC5C,6CAAwC;AACxC,iCAA8C;AAC9C,6CAA+C;AAC/C,+CAAmD;AAEtC,QAAA,eAAe,GAAG,IAAA,cAAU,EACxC,yNAAyN,EACzN,oFAAoF,EACpF,wCAAwC,EACxC,+DAA+D,EAC/D,uFAAuF,EACvF,qEAAqE,CACrE,CAAC;AASW,QAAA,UAAU,GAAG,IAAA,kBAAU,EACnC,SAAS,UAAU,CAAC,EAAuC,EAAE,GAAG;QAA5C,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAW,EAAN,IAAI,cAArC,kCAAuC,CAAF;IACxD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACN,uBAAC,IAAI,kBACJ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAU,EAAC,uBAAe,EAAE,SAAS,CAAC,iBACpC,MAAM,IACf,IAAI,EACP,CACF,CAAC;AACH,CAAC,CACD,CAAC;AAEW,QAAA,qBAAqB,GAAG,IAAA,wBAAa,EACjD,KAAK,EACL,yFAAyF,EACzF,4DAA4D,CAC5D,CAAC;AAEW,QAAA,cAAc,GAAG,IAAA,wBAAa,EAC1C,MAAM,EACN,4IAA4I,CAC5I,CAAC;AAQW,QAAA,cAAc,GAAG,IAAA,kBAAU,EACvC,SAAS,cAAc,CACtB,EAA+D,EAC/D,GAAG;QADH,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG,aAAa,OAAW,EAAN,IAAI,cAA7D,4CAA+D,CAAF;IAG7D,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,eAAI,CAAC;IACnC,OAAO,CACN,uBAAC,IAAI,kBACJ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,WAAI,EACd,6DAA6D,EAC7D,2DAA2D,EAC3D,SAAS,CACT,IACG,IAAI,IACR,GAAG,EAAE,GAAG,gBAEP,QAAQ,IACH,CACP,CAAC;AACH,CAAC,CACD,CAAC;AAEW,QAAA,aAAa,GAAG,IAAA,wBAAa,EACzC,KAAK,EACL,+FAA+F,CAC/F,CAAC;AAEW,QAAA,UAAU,GAAG,IAAA,wBAAa,EACtC,KAAK,EACL,+IAA+I,EAC/I,oDAAoD,EACpD,iMAAiM,CACjM,CAAC;AAEW,QAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAU,EAAE;IAC/C,IAAI,EAAE,kBAAU;IAChB,QAAQ,EAAE,sBAAc;IACxB,QAAQ,EAAE,sBAAc;IACxB,eAAe,EAAE,6BAAqB;IACtC,OAAO,EAAE,qBAAa;CACtB,CAAC,CAAC"}
|
|
@@ -20,7 +20,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
20
20
|
const utils_1 = require("@a-type/utils");
|
|
21
21
|
const react_icons_1 = require("@radix-ui/react-icons");
|
|
22
22
|
const clsx_1 = __importDefault(require("clsx"));
|
|
23
|
-
const
|
|
23
|
+
const index_js_1 = require("../button/index.js");
|
|
24
24
|
function NumberStepper(_a) {
|
|
25
25
|
var _b;
|
|
26
26
|
var { value, onChange, highlightChange, steps, increment: incrementAmount = 1, renderValue = utils_1.fractionToText, className, disabled, min, max } = _a, rest = __rest(_a, ["value", "onChange", "highlightChange", "steps", "increment", "renderValue", "className", "disabled", "min", "max"]);
|
|
@@ -56,7 +56,7 @@ function NumberStepper(_a) {
|
|
|
56
56
|
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, clsx_1.default)('layer-components:flex layer-components:items-center layer-components:border-default layer-components:rounded-full layer-components:overflow-hidden layer-components:w-min-content layer-components:flex-shrink-0 layer-components:bg-white layer-components:shadow-sm', disabled &&
|
|
57
57
|
'layer-variants:border-gray-dark-blend layer-variants:bg-transparent layer-variants:shadow-none', {
|
|
58
58
|
'layer-variants:bg-accent-wash layer-variants:color-black': !!highlightChange && value !== 1,
|
|
59
|
-
}, className) }, rest, { children: [(0, jsx_runtime_1.jsx)(
|
|
59
|
+
}, className) }, rest, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ color: "ghost", onClick: decrement, disabled: !canDecrement }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.MinusIcon, {}) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "w-80px text-center" }, { children: renderValue(value) })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ color: "ghost", onClick: increment, disabled: !canIncrement }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.PlusIcon, {}) }))] })));
|
|
60
60
|
}
|
|
61
61
|
exports.NumberStepper = NumberStepper;
|
|
62
62
|
//# sourceMappingURL=NumberStepper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberStepper.js","sourceRoot":"","sources":["../../../../src/components/numberStepper/NumberStepper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,yCAA+C;AAC/C,uDAA4D;AAC5D,gDAA8B;AAE9B,
|
|
1
|
+
{"version":3,"file":"NumberStepper.js","sourceRoot":"","sources":["../../../../src/components/numberStepper/NumberStepper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,yCAA+C;AAC/C,uDAA4D;AAC5D,gDAA8B;AAE9B,iDAA4C;AAgB5C,SAAgB,aAAa,CAAC,EAYT;;QAZS,EAC7B,KAAK,EACL,QAAQ,EACR,eAAe,EACf,KAAK,EACL,SAAS,EAAE,eAAe,GAAG,CAAC,EAC9B,WAAW,GAAG,sBAAc,EAC5B,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,OAEiB,EADjB,IAAI,cAXsB,oHAY7B,CADO;IAEP,MAAM,KAAK,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAC,KAAK,CAAC,mCAAI,CAAC,CAAC;IAEzC,MAAM,SAAS,GAAG,GAAG,EAAE;QACtB,IAAI,KAAK,EAAE;YACV,IAAI,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC/B,OAAO;aACP;YACD,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;SAC3B;aAAM;YACN,QAAQ,CAAC,KAAK,GAAG,eAAe,CAAC,CAAC;SAClC;IACF,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACtB,IAAI,KAAK,EAAE;YACV,IAAI,KAAK,KAAK,CAAC,EAAE;gBAChB,OAAO;aACP;YACD,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;SAC3B;aAAM;YACN,QAAQ,CAAC,KAAK,GAAG,eAAe,CAAC,CAAC;SAClC;IACF,CAAC,CAAC;IAEF,MAAM,YAAY,GACjB,CAAC,QAAQ;QACT,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QACzC,CAAC,GAAG,KAAK,SAAS,IAAI,KAAK,GAAG,GAAG,CAAC,CAAC;IACpC,MAAM,YAAY,GACjB,CAAC,QAAQ;QACT,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC1B,CAAC,GAAG,KAAK,SAAS,IAAI,KAAK,GAAG,GAAG,CAAC,CAAC;IAEpC,OAAO,CACN,+CACC,SAAS,EAAE,IAAA,cAAU,EACpB,iIAAiI,EACjI,QAAQ;YACP,oEAAoE,EACrE;YACC,6CAA6C,EAC5C,CAAC,CAAC,eAAe,IAAI,KAAK,KAAK,CAAC;SACjC,EACD,SAAS,CACT,IACG,IAAI,eAER,uBAAC,iBAAM,kBAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,YAAY,gBAChE,uBAAC,uBAAS,KAAG,IACL,EACT,8CAAK,SAAS,EAAC,oBAAoB,gBAAE,WAAW,CAAC,KAAK,CAAC,IAAO,EAC9D,uBAAC,iBAAM,kBAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,YAAY,gBAChE,uBAAC,sBAAQ,KAAG,IACJ,KACJ,CACN,CAAC;AACH,CAAC;AArED,sCAqEC"}
|
|
@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
4
4
|
exports.HiddenTest = exports.Default = void 0;
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const react_1 = require("react");
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
7
|
+
const index_js_1 = require("../button/index.js");
|
|
8
|
+
const index_js_2 = require("../checkbox/index.js");
|
|
9
|
+
const index_js_3 = require("../icon/index.js");
|
|
10
10
|
const ParticleContext_js_1 = require("./ParticleContext.js");
|
|
11
11
|
const ParticleLayer_js_1 = require("./ParticleLayer.js");
|
|
12
12
|
const meta = {
|
|
@@ -31,19 +31,19 @@ function ExplodeButton() {
|
|
|
31
31
|
count: 10,
|
|
32
32
|
}));
|
|
33
33
|
};
|
|
34
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
34
|
+
return ((0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "icon", onClick: burst }, { children: "\uD83D\uDCA5" })));
|
|
35
35
|
}
|
|
36
36
|
exports.HiddenTest = {
|
|
37
37
|
render() {
|
|
38
38
|
const [hide, setHide] = (0, react_1.useState)(false);
|
|
39
39
|
const targetRef = (0, react_1.useRef)(null);
|
|
40
40
|
const particles = (0, ParticleContext_js_1.useParticles)();
|
|
41
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "w-full relative flex flex-col items-center justify-center p-10", style: { visibility: hide ? 'hidden' : 'visible' } }, { children: (0, jsx_runtime_1.jsx)(
|
|
41
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "w-full relative flex flex-col items-center justify-center p-10", style: { visibility: hide ? 'hidden' : 'visible' } }, { children: (0, jsx_runtime_1.jsx)(index_js_3.Icon, { name: "placeholder", ref: targetRef }) })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "row" }, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ onClick: () => {
|
|
42
42
|
particles === null || particles === void 0 ? void 0 : particles.addParticles(particles.elementExplosion({
|
|
43
43
|
element: targetRef.current,
|
|
44
44
|
count: 10,
|
|
45
45
|
}));
|
|
46
|
-
} }, { children: "Burst" })), (0, jsx_runtime_1.jsx)(
|
|
46
|
+
} }, { children: "Burst" })), (0, jsx_runtime_1.jsx)(index_js_2.Checkbox, { checked: hide, onCheckedChange: (c) => setHide(!!c) }), (0, jsx_runtime_1.jsx)("span", { children: "Hide (hidden elements should not show particles)" })] }))] }));
|
|
47
47
|
},
|
|
48
48
|
};
|
|
49
49
|
//# sourceMappingURL=ParticleLayer.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ParticleLayer.stories.js","sourceRoot":"","sources":["../../../../src/components/particles/ParticleLayer.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAqD;AACrD,
|
|
1
|
+
{"version":3,"file":"ParticleLayer.stories.js","sourceRoot":"","sources":["../../../../src/components/particles/ParticleLayer.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAqD;AACrD,iDAA4C;AAC5C,mDAAgD;AAChD,+CAAwC;AACxC,6DAAoD;AACpD,yDAAmD;AAEnD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,gCAAa;IACxB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,EAAE;CACuB,CAAC;AAEvC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM;QACL,OAAO,CACN,8CAAK,SAAS,EAAC,qEAAqE,gBACnF,uBAAC,aAAa,KAAG,IACZ,CACN,CAAC;IACH,CAAC;CACD,CAAC;AAEF,SAAS,aAAa;IACrB,MAAM,SAAS,GAAG,IAAA,iCAAY,GAAE,CAAC;IACjC,IAAI,CAAC,SAAS;QAAE,MAAM,IAAI,KAAK,CAAC,mCAAmC,CAAC,CAAC;IACrE,MAAM,KAAK,GAAG,CAAC,EAAc,EAAE,EAAE;QAChC,SAAS,CAAC,YAAY,CACrB,SAAS,CAAC,gBAAgB,CAAC;YAC1B,OAAO,EAAE,EAAE,CAAC,aAA4B;YACxC,KAAK,EAAE,EAAE;SACT,CAAC,CACF,CAAC;IACH,CAAC,CAAC;IACF,OAAO,CACN,uBAAC,iBAAM,kBAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,KAAK,kCAEzB,CACT,CAAC;AACH,CAAC;AAEY,QAAA,UAAU,GAAU;IAChC,MAAM;QACL,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;QACxC,MAAM,SAAS,GAAG,IAAA,cAAM,EAAgB,IAAI,CAAC,CAAC;QAC9C,MAAM,SAAS,GAAG,IAAA,iCAAY,GAAE,CAAC;QAEjC,OAAO,CACN,6DACC,8CACC,SAAS,EAAC,gEAAgE,EAC1E,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,gBAElD,uBAAC,eAAI,IAAC,IAAI,EAAC,aAAa,EAAC,GAAG,EAAE,SAAS,GAAI,IACtC,EACN,+CAAK,SAAS,EAAC,KAAK,iBACnB,uBAAC,iBAAM,kBACN,OAAO,EAAE,GAAG,EAAE;gCACb,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,YAAY,CACtB,SAAS,CAAC,gBAAgB,CAAC;oCAC1B,OAAO,EAAE,SAAS,CAAC,OAAQ;oCAC3B,KAAK,EAAE,EAAE;iCACT,CAAC,CACF,CAAC;4BACH,CAAC,2BAGO,EACT,uBAAC,mBAAQ,IAAC,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAI,EACjE,gGAA6D,KACxD,IACJ,CACH,CAAC;IACH,CAAC;CACD,CAAC"}
|
|
@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
4
4
|
exports.useConfig = exports.ConfigContext = exports.Provider = void 0;
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const react_1 = require("react");
|
|
7
|
-
const particles_js_1 = require("../particles.js");
|
|
8
|
-
const icon_js_1 = require("../icon.js");
|
|
9
7
|
const react_hot_toast_1 = require("react-hot-toast");
|
|
10
|
-
const tooltip_js_1 = require("../tooltip.js");
|
|
11
8
|
const hooks_js_1 = require("../../hooks.js");
|
|
12
9
|
const useVirtualKeyboardBehavior_js_1 = require("../../hooks/useVirtualKeyboardBehavior.js");
|
|
10
|
+
const index_js_1 = require("../icon/index.js");
|
|
11
|
+
const index_js_2 = require("../particles/index.js");
|
|
12
|
+
const index_js_3 = require("../tooltip/index.js");
|
|
13
13
|
/**
|
|
14
14
|
* Provides all the stuff for all global junk.
|
|
15
15
|
*/
|
|
@@ -19,10 +19,10 @@ function Provider({ children, disableParticles, toastPosition = 'top-center', to
|
|
|
19
19
|
? virtualKeyboardBehavior
|
|
20
20
|
: 'displace';
|
|
21
21
|
(0, useVirtualKeyboardBehavior_js_1.useVirtualKeyboardBehavior)(supportedVirtualKeyboardBehavior);
|
|
22
|
-
const otherStuff = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(
|
|
22
|
+
const otherStuff = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(index_js_1.IconSpritesheet, {}), (0, jsx_runtime_1.jsx)(react_hot_toast_1.Toaster, { position: toastPosition, containerClassName: toastContainerClassName })] }));
|
|
23
23
|
if (disableParticles)
|
|
24
|
-
return ((0, jsx_runtime_1.jsx)(exports.ConfigContext.Provider, Object.assign({ value: { virtualKeyboardBehavior: supportedVirtualKeyboardBehavior } }, { children: (0, jsx_runtime_1.jsxs)(
|
|
25
|
-
return ((0, jsx_runtime_1.jsx)(exports.ConfigContext.Provider, Object.assign({ value: { virtualKeyboardBehavior: supportedVirtualKeyboardBehavior } }, { children: (0, jsx_runtime_1.jsx)(
|
|
24
|
+
return ((0, jsx_runtime_1.jsx)(exports.ConfigContext.Provider, Object.assign({ value: { virtualKeyboardBehavior: supportedVirtualKeyboardBehavior } }, { children: (0, jsx_runtime_1.jsxs)(index_js_3.TooltipProvider, { children: [children, otherStuff] }) })));
|
|
25
|
+
return ((0, jsx_runtime_1.jsx)(exports.ConfigContext.Provider, Object.assign({ value: { virtualKeyboardBehavior: supportedVirtualKeyboardBehavior } }, { children: (0, jsx_runtime_1.jsx)(index_js_3.TooltipProvider, { children: (0, jsx_runtime_1.jsxs)(index_js_2.ParticleLayer, { children: [children, otherStuff] }) }) })));
|
|
26
26
|
}
|
|
27
27
|
exports.Provider = Provider;
|
|
28
28
|
exports.ConfigContext = (0, react_1.createContext)({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/components/provider/Provider.tsx"],"names":[],"mappings":";;;;AAAA,iCAA6D;AAC7D,
|
|
1
|
+
{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/components/provider/Provider.tsx"],"names":[],"mappings":";;;;AAAA,iCAA6D;AAC7D,qDAAyD;AACzD,6CAAyD;AACzD,6FAAuF;AACvF,+CAAmD;AACnD,oDAAsD;AACtD,kDAAsD;AAWtD;;GAEG;AACH,SAAgB,QAAQ,CAAC,EACxB,QAAQ,EACR,gBAAgB,EAChB,aAAa,GAAG,YAAY,EAC5B,uBAAuB,EACvB,qBAAqB,EACrB,uBAAuB,GAAG,UAAU,GACrB;IACf,IAAA,kCAAuB,EAAC,qBAAqB,CAAC,CAAC;IAC/C,MAAM,gCAAgC,GACrC,OAAO,SAAS,KAAK,WAAW,IAAI,iBAAiB,IAAI,SAAS;QACjE,CAAC,CAAC,uBAAuB;QACzB,CAAC,CAAC,UAAU,CAAC;IACf,IAAA,0DAA0B,EAAC,gCAAgC,CAAC,CAAC;IAE7D,MAAM,UAAU,GAAG,CAClB,6DACC,uBAAC,0BAAe,KAAG,EACnB,uBAAC,yBAAO,IACP,QAAQ,EAAE,aAAa,EACvB,kBAAkB,EAAE,uBAAuB,GAC1C,IACA,CACH,CAAC;IAEF,IAAI,gBAAgB;QACnB,OAAO,CACN,uBAAC,qBAAa,CAAC,QAAQ,kBACtB,KAAK,EAAE,EAAE,uBAAuB,EAAE,gCAAgC,EAAE,gBAEpE,wBAAC,0BAAe,eACd,QAAQ,EACR,UAAU,IACM,IACM,CACzB,CAAC;IAEH,OAAO,CACN,uBAAC,qBAAa,CAAC,QAAQ,kBACtB,KAAK,EAAE,EAAE,uBAAuB,EAAE,gCAAgC,EAAE,gBAEpE,uBAAC,0BAAe,cACf,wBAAC,wBAAa,eACZ,QAAQ,EACR,UAAU,IACI,GACC,IACM,CACzB,CAAC;AACH,CAAC;AAjDD,4BAiDC;AAEY,QAAA,aAAa,GAAG,IAAA,qBAAa,EAEvC;IACF,uBAAuB,EAAE,UAAU;CACnC,CAAC,CAAC;AAEH,SAAgB,SAAS;IACxB,OAAO,IAAA,kBAAU,EAAC,qBAAa,CAAC,CAAC;AAClC,CAAC;AAFD,8BAEC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
2
2
|
import { FunctionComponent, ReactNode } from 'react';
|
|
3
|
-
import { ButtonProps } from '../button.js';
|
|
3
|
+
import { ButtonProps } from '../button/index.js';
|
|
4
4
|
export declare const SelectItem: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
5
|
export declare const SelectItemRoot: FunctionComponent<Omit<SelectPrimitive.SelectItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
6
6
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
@@ -43,11 +43,11 @@ exports.Select = exports.NativeSelect = exports.SelectContent = exports.SelectIc
|
|
|
43
43
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
44
44
|
const react_icons_1 = require("@radix-ui/react-icons");
|
|
45
45
|
const SelectPrimitive = __importStar(require("@radix-ui/react-select"));
|
|
46
|
-
const react_1 = require("react");
|
|
47
46
|
const clsx_1 = __importDefault(require("clsx"));
|
|
47
|
+
const react_1 = require("react");
|
|
48
48
|
const withClassName_js_1 = require("../../hooks/withClassName.js");
|
|
49
|
-
const
|
|
50
|
-
const
|
|
49
|
+
const index_js_1 = require("../button/index.js");
|
|
50
|
+
const index_js_2 = require("../icon/index.js");
|
|
51
51
|
exports.SelectItem = (0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
52
52
|
var { children, className } = _a, props = __rest(_a, ["children", "className"]);
|
|
53
53
|
const isNative = (0, react_1.useContext)(IsNativeContext);
|
|
@@ -69,19 +69,19 @@ const SelectGroup = (props) => {
|
|
|
69
69
|
};
|
|
70
70
|
exports.SelectGroup = SelectGroup;
|
|
71
71
|
exports.SelectRoot = SelectPrimitive.Root;
|
|
72
|
-
exports.selectTriggerClassName = (0, clsx_1.default)((0,
|
|
72
|
+
exports.selectTriggerClassName = (0, clsx_1.default)((0, index_js_1.getButtonClassName)({ color: 'default' }), 'layer-components:[all:unset] layer-components:inline-flex layer-components:[&[data-placeholder]]:color-gray8');
|
|
73
73
|
exports.SelectTriggerBase = withNoNativeRender((0, withClassName_js_1.withClassName)(SelectPrimitive.Trigger, exports.selectTriggerClassName));
|
|
74
74
|
exports.UnstyledSelectTrigger = withNoNativeRender(SelectPrimitive.Trigger);
|
|
75
75
|
exports.SelectTrigger = (0, react_1.forwardRef)(function SelectTrigger(_a, ref) {
|
|
76
76
|
var { children } = _a, props = __rest(_a, ["children"]);
|
|
77
|
-
return ((0, jsx_runtime_1.jsx)(exports.UnstyledSelectTrigger, Object.assign({ asChild: true }, props, { ref: ref }, { children: (0, jsx_runtime_1.jsx)(
|
|
77
|
+
return ((0, jsx_runtime_1.jsx)(exports.UnstyledSelectTrigger, Object.assign({ asChild: true }, props, { ref: ref }, { children: (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ className: "gap-2 font-normal" }, { children: children || ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(exports.SelectValue, {}), (0, jsx_runtime_1.jsx)(exports.SelectIcon, {})] })) })) })));
|
|
78
78
|
});
|
|
79
79
|
exports.SelectValue = withNoNativeRender((0, withClassName_js_1.withClassName)(SelectPrimitive.Value, 'flex flex-row'));
|
|
80
80
|
exports.SelectLabel = withNoNativeRender((0, withClassName_js_1.withClassName)(SelectPrimitive.Label, 'px-25px text-xs leading-6 color-black select-none'));
|
|
81
81
|
exports.SelectSeparator = withNoNativeRender((0, withClassName_js_1.withClassName)(SelectPrimitive.Separator, 'h-1px bg-gray50 m-1'));
|
|
82
82
|
exports.SelectIcon = withNoNativeRender((0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
83
83
|
var { className } = _a, props = __rest(_a, ["className"]);
|
|
84
|
-
return ((0, jsx_runtime_1.jsx)(SelectPrimitive.Icon, Object.assign({ className: (0, clsx_1.default)('color-inherit', className) }, props, { ref: forwardedRef }, { children: (0, jsx_runtime_1.jsx)(
|
|
84
|
+
return ((0, jsx_runtime_1.jsx)(SelectPrimitive.Icon, Object.assign({ className: (0, clsx_1.default)('color-inherit', className) }, props, { ref: forwardedRef }, { children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "chevron", className: "w-[12px] h-[12px] relative top-1px" }) })));
|
|
85
85
|
}));
|
|
86
86
|
const zIndex = { zIndex: 1001 };
|
|
87
87
|
exports.SelectContent = withPassthroughNativeRender((0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/select/Select.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,uDAI+B;AAC/B,wEAA0D;AAC1D,iCASe;AACf,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/select/Select.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,uDAI+B;AAC/B,wEAA0D;AAC1D,gDAA8B;AAC9B,iCASe;AACf,mEAA6D;AAC7D,iDAA6E;AAC7E,+CAAwC;AAE3B,QAAA,UAAU,GAAG,IAAA,kBAAU,EAGlC,CAAC,EAAiC,EAAE,YAAY,EAAE,EAAE;QAAnD,EAAE,QAAQ,EAAE,SAAS,OAAY,EAAP,KAAK,cAA/B,yBAAiC,CAAF;IACjC,MAAM,QAAQ,GAAG,IAAA,kBAAU,EAAC,eAAe,CAAC,CAAC;IAE7C,IAAI,QAAQ,EAAE;QACb,OAAO,iDAAQ,KAAK,EAAE,KAAK,CAAC,KAAK,gBAAG,QAAQ,IAAU,CAAC;KACvD;IAED,OAAO,CACN,wBAAC,sBAAc,kBAAC,SAAS,EAAE,SAAS,IAAM,KAAK,IAAE,GAAG,EAAE,YAAY,iBACjE,uBAAC,eAAe,CAAC,QAAQ,cAAE,QAAQ,GAA4B,EAC/D,uBAAC,2BAAmB,KAAG,KACP,CACjB,CAAC;AACH,CAAC,CAAC,CAAC;AAEU,QAAA,cAAc,GAAG,IAAA,gCAAa,EAC1C,eAAe,CAAC,IAAI,EACpB,8GAA8G,EAC9G,uHAAuH,CACvH,CAAC;AACW,QAAA,uBAAuB,GAAG,IAAA,gCAAa,EACnD,eAAe,CAAC,aAAa,EAC7B,gEAAgE,CAChE,CAAC;AACW,QAAA,mBAAmB,GAAG,kBAAkB,CACpD,CAAC,KAA+C,EAAE,EAAE,CAAC,CACpD,uBAAC,+BAAuB,oBAAK,KAAK,cACjC,uBAAC,uBAAS,KAAG,IACY,CAC1B,CACD,CAAC;AACW,QAAA,cAAc,GAAG,IAAA,gCAAa,EAAC,eAAe,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;AACnE,MAAM,WAAW,GAAG,CAAC,KAAuC,EAAE,EAAE;IACtE,MAAM,QAAQ,GAAG,IAAA,kBAAU,EAAC,eAAe,CAAC,CAAC;IAE7C,IAAI,QAAQ,EAAE;QACb,OAAO,CACN,mDAAU,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,gBAChD,KAAK,CAAC,QAAQ,IACL,CACX,CAAC;KACF;IAED,OAAO,uBAAC,eAAe,CAAC,KAAK,oBAAK,KAAK,EAAI,CAAC;AAC7C,CAAC,CAAC;AAZW,QAAA,WAAW,eAYtB;AAEW,QAAA,UAAU,GAAG,eAAe,CAAC,IAAI,CAAC;AAClC,QAAA,sBAAsB,GAAG,IAAA,cAAU,EAC/C,IAAA,6BAAkB,EAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EACxC,8EAA8E,CAC9E,CAAC;AACW,QAAA,iBAAiB,GAAG,kBAAkB,CAClD,IAAA,gCAAa,EAAC,eAAe,CAAC,OAAO,EAAE,8BAAsB,CAAC,CAC9D,CAAC;AACW,QAAA,qBAAqB,GAAG,kBAAkB,CACtD,eAAe,CAAC,OAAO,CACvB,CAAC;AAGW,QAAA,aAAa,GAAG,IAAA,kBAAU,EACtC,SAAS,aAAa,CAAC,EAAsB,EAAE,GAAG;QAA3B,EAAE,QAAQ,OAAY,EAAP,KAAK,cAApB,YAAsB,CAAF;IAC1C,OAAO,CACN,uBAAC,6BAAqB,kBAAC,OAAO,UAAK,KAAK,IAAE,GAAG,EAAE,GAAG,gBACjD,uBAAC,iBAAM,kBAAC,SAAS,EAAC,mBAAmB,gBACnC,QAAQ,IAAI,CACZ,6DACC,uBAAC,mBAAW,KAAG,EACf,uBAAC,kBAAU,KAAG,IACZ,CACH,IACO,IACc,CACxB,CAAC;AACH,CAAC,CACD,CAAC;AAEW,QAAA,WAAW,GAAG,kBAAkB,CAC5C,IAAA,gCAAa,EAAC,eAAe,CAAC,KAAK,EAAE,eAAe,CAAC,CACrD,CAAC;AACW,QAAA,WAAW,GAAG,kBAAkB,CAC5C,IAAA,gCAAa,EACZ,eAAe,CAAC,KAAK,EACrB,mDAAmD,CACnD,CACD,CAAC;AACW,QAAA,eAAe,GAAG,kBAAkB,CAChD,IAAA,gCAAa,EAAC,eAAe,CAAC,SAAS,EAAE,qBAAqB,CAAC,CAC/D,CAAC;AACW,QAAA,UAAU,GAAG,kBAAkB,CAC3C,IAAA,kBAAU,EACT,CAAC,EAAuB,EAAE,YAAY,EAAE,EAAE;QAAzC,EAAE,SAAS,OAAY,EAAP,KAAK,cAArB,aAAuB,CAAF;IACrB,OAAO,CACN,uBAAC,eAAe,CAAC,IAAI,kBACpB,SAAS,EAAE,IAAA,cAAU,EAAC,eAAe,EAAE,SAAS,CAAC,IAC7C,KAAK,IACT,GAAG,EAAE,YAAY,gBAEjB,uBAAC,eAAI,IAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAC,oCAAoC,GAAG,IAChD,CACvB,CAAC;AACH,CAAC,CACD,CACD,CAAC;AAEF,MAAM,MAAM,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;AACnB,QAAA,aAAa,GAAG,2BAA2B,CACvD,IAAA,kBAAU,EAGR,CAAC,EAA2C,EAAE,YAAY,EAAE,EAAE;QAA7D,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,OAAY,EAAP,KAAK,cAAzC,qCAA2C,CAAF;IAC3C,OAAO,CACN,uBAAC,eAAe,CAAC,MAAM,cACtB,wBAAC,eAAe,CAAC,OAAO,kBACvB,SAAS,EAAE,IAAA,cAAU,EACpB,mHAAmH,EACnH,kFAAkF,EAClF,0DAA0D,EAC1D,6DAA6D,EAC7D,mHAAmH,EACnH,QAAQ,IAAI,6BAA6B,EACzC,SAAS,CACT,EACD,KAAK,EAAE,MAAM,IACT,KAAK,IACT,GAAG,EAAE,YAAY,iBAEjB,uBAAC,eAAe,CAAC,cAAc,kBAAC,SAAS,EAAC,oFAAoF,gBAC7H,uBAAC,2BAAa,KAAG,IACe,EACjC,uBAAC,eAAe,CAAC,QAAQ,kBAAC,SAAS,EAAC,KAAK,gBACvC,QAAQ,IACiB,EAC3B,uBAAC,eAAe,CAAC,gBAAgB,kBAAC,SAAS,EAAC,oFAAoF,gBAC/H,uBAAC,6BAAe,KAAG,IACe,KACV,GACF,CACzB,CAAC;AACH,CAAC,CAAC,CACF,CAAC;AAEW,QAAA,YAAY,GAAG,IAAA,kBAAU,EAGpC,CAAC,EAAuB,EAAE,YAAY,EAAE,EAAE;QAAzC,EAAE,SAAS,OAAY,EAAP,KAAK,cAArB,aAAuB,CAAF;IACvB,OAAO,CACN,+CAAK,SAAS,EAAE,IAAA,cAAU,EAAC,UAAU,EAAE,SAAS,CAAC,iBAChD,iDACC,SAAS,EAAE,IAAA,cAAU,EACpB,yQAAyQ,CACzQ,IACG,KAAK,IACT,GAAG,EAAE,YAAY,IAChB,EACF,8CAAK,SAAS,EAAC,iEAAiE,gBAC/E,uBAAC,6BAAe,IAAC,SAAS,EAAC,aAAa,GAAG,IACtC,KACD,CACN,CAAC;AACH,CAAC,CAAC,CAAC;AAeH;;GAEG;AACH,MAAM,UAAU,GAAG,CAA4B,EAM9B,EAAE,EAAE;QAN0B,EAC9C,QAAQ,EACR,KAAK,EACL,aAAa,EACb,YAAY,OAEI,EADb,IAAI,cALuC,sDAM9C,CADO;IAEP,MAAM,MAAM,GAAG,QAAQ,EAAE,CAAC;IAE1B,IAAI,MAAM,IAAI,YAAY,EAAE;QAC3B,OAAO,CACN,uBAAC,eAAe,CAAC,QAAQ,kBAAC,KAAK,EAAE,IAAI,gBACpC,uBAAC,oBAAY,kBACZ,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE;oBAChB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,EAAE,CAAC,MAAM,CAAC,KAAY,CAAC,CAAC;gBACzC,CAAC,EACD,KAAK,EAAE,KAAK,IACR,IAAI,cAEP,QAAQ,IACK,IACW,CAC3B,CAAC;KACF;IAED,OAAO,CACN,uBAAC,kBAAU,kBAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,gBACpD,QAAQ,IACG,CACb,CAAC;AACH,CAAC,CAAC;AAEW,QAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;IAC/C,IAAI,EAAE,kBAAU;IAChB,IAAI,EAAE,kBAAU;IAChB,KAAK,EAAE,mBAAW;IAClB,OAAO,EAAE,qBAAa;IACtB,KAAK,EAAE,mBAAW;IAClB,KAAK,EAAE,mBAAW;IAClB,SAAS,EAAE,uBAAe;IAC1B,IAAI,EAAE,kBAAU;IAChB,OAAO,EAAE,qBAAa;CACtB,CAAC,CAAC;AAEH,SAAS,QAAQ;IAChB,OAAO,gEAAgE,CAAC,IAAI,CAC3E,SAAS,CAAC,SAAS,CACnB,CAAC;AACH,CAAC;AAED,uCAAuC;AACvC,MAAM,eAAe,GAAG,IAAA,qBAAa,EAAC,KAAK,CAAC,CAAC;AAE7C,SAAS,kBAAkB,CAC1B,SAAY;IAEZ,MAAM,kBAAkB,GAAG,IAAA,kBAAU,EAAW,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;QAC9D,MAAM,QAAQ,GAAG,IAAA,kBAAU,EAAC,eAAe,CAAC,CAAC;QAE7C,IAAI,QAAQ;YAAE,OAAO,IAAI,CAAC;QAE1B,OAAO,uBAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAC;IAC3C,CAAC,CAAC,CAAC;IACH,OAAO,kBAAyB,CAAC;AAClC,CAAC;AAED,SAAS,2BAA2B,CAElC,SAAY;IACb,MAAM,2BAA2B,GAAG,IAAA,kBAAU,EAAW,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;QACvE,MAAM,QAAQ,GAAG,IAAA,kBAAU,EAAC,eAAe,CAAC,CAAC;QAE7C,IAAI,QAAQ,EAAE;YACb,OAAO,2DAAG,KAAK,CAAC,QAAQ,GAAI,CAAC;SAC7B;QAED,OAAO,uBAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAC;IAC3C,CAAC,CAAC,CAAC;IACH,OAAO,2BAAkC,CAAC;AAC3C,CAAC"}
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
exports.CompareSelectAndButton = exports.Default = void 0;
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const index_js_1 = require("../button/index.js");
|
|
6
7
|
const Select_js_1 = require("./Select.js");
|
|
7
|
-
const button_js_1 = require("../button.js");
|
|
8
8
|
const meta = {
|
|
9
9
|
title: 'Select',
|
|
10
10
|
component: Select_js_1.Select,
|
|
@@ -24,7 +24,7 @@ exports.Default = {
|
|
|
24
24
|
};
|
|
25
25
|
exports.CompareSelectAndButton = {
|
|
26
26
|
render(args) {
|
|
27
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "row" }, { children: [(0, jsx_runtime_1.jsxs)(Select_js_1.Select, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Select_js_1.SelectTrigger, {}), (0, jsx_runtime_1.jsx)(Select_js_1.SelectContent, { children: ['One', 'Two', 'Three'].map((item) => ((0, jsx_runtime_1.jsx)(Select_js_1.SelectItem, Object.assign({ value: item }, { children: item }), item))) })] })), (0, jsx_runtime_1.jsx)(
|
|
27
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "row" }, { children: [(0, jsx_runtime_1.jsxs)(Select_js_1.Select, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Select_js_1.SelectTrigger, {}), (0, jsx_runtime_1.jsx)(Select_js_1.SelectContent, { children: ['One', 'Two', 'Three'].map((item) => ((0, jsx_runtime_1.jsx)(Select_js_1.SelectItem, Object.assign({ value: item }, { children: item }), item))) })] })), (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: "Button" }), (0, jsx_runtime_1.jsxs)(Select_js_1.Select, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Select_js_1.SelectTrigger, { size: "small" }), (0, jsx_runtime_1.jsx)(Select_js_1.SelectContent, { children: ['One', 'Two', 'Three'].map((item) => ((0, jsx_runtime_1.jsx)(Select_js_1.SelectItem, Object.assign({ value: item }, { children: item }), item))) })] })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Button" }))] })));
|
|
28
28
|
},
|
|
29
29
|
};
|
|
30
30
|
//# sourceMappingURL=Select.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.stories.js","sourceRoot":"","sources":["../../../../src/components/select/Select.stories.tsx"],"names":[],"mappings":";;;;AACA,2CAA+E;
|
|
1
|
+
{"version":3,"file":"Select.stories.js","sourceRoot":"","sources":["../../../../src/components/select/Select.stories.tsx"],"names":[],"mappings":";;;;AACA,iDAA4C;AAC5C,2CAA+E;AAE/E,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,kBAAM;IACjB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE;QACL,KAAK,EAAE,KAAK;KACZ;CAC6B,CAAC;AAEhC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,wBAAC,kBAAM,oBAAK,IAAI,eACf,uBAAC,yBAAa,KAAG,EACjB,uBAAC,yBAAa,cACZ,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtC,uBAAC,sBAAU,kBAAY,KAAK,EAAE,IAAI,gBAChC,IAAI,KADW,IAAI,CAER,CACb,CAAC,GACa,KACR,CACT,CAAC;IACH,CAAC;CACD,CAAC;AAEW,QAAA,sBAAsB,GAAU;IAC5C,MAAM,CAAC,IAAI;QACV,OAAO,CACN,+CAAK,SAAS,EAAC,KAAK,iBACnB,wBAAC,kBAAM,oBAAK,IAAI,eACf,uBAAC,yBAAa,KAAG,EACjB,uBAAC,yBAAa,cACZ,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtC,uBAAC,sBAAU,kBAAY,KAAK,EAAE,IAAI,gBAChC,IAAI,KADW,IAAI,CAER,CACb,CAAC,GACa,KACR,EACT,uBAAC,iBAAM,yBAAgB,EAEvB,wBAAC,kBAAM,oBAAK,IAAI,eACf,uBAAC,yBAAa,IAAC,IAAI,EAAC,OAAO,GAAG,EAC9B,uBAAC,yBAAa,cACZ,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtC,uBAAC,sBAAU,kBAAY,KAAK,EAAE,IAAI,gBAChC,IAAI,KADW,IAAI,CAER,CACb,CAAC,GACa,KACR,EACT,uBAAC,iBAAM,kBAAC,IAAI,EAAC,OAAO,4BAAgB,KAC/B,CACN,CAAC;IACH,CAAC;CACD,CAAC"}
|