@a-type/ui 1.2.3 → 1.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/actions/ActionBar.js +3 -4
- package/dist/cjs/components/actions/ActionBar.js.map +1 -1
- package/dist/cjs/components/actions/ActionButton.js +1 -1
- package/dist/cjs/components/actions/ActionButton.js.map +1 -1
- package/dist/cjs/components/avatar/Avatar.d.ts +1 -1
- package/dist/cjs/components/avatar/Avatar.js +2 -3
- package/dist/cjs/components/avatar/Avatar.js.map +1 -1
- package/dist/cjs/components/avatar/AvatarList.d.ts +3 -3
- package/dist/cjs/components/avatar/AvatarList.js +7 -8
- package/dist/cjs/components/avatar/AvatarList.js.map +1 -1
- package/dist/cjs/components/box/Box.d.ts +1 -2
- package/dist/cjs/components/box/Box.js +6 -3
- package/dist/cjs/components/box/Box.js.map +1 -1
- package/dist/cjs/components/box/Box.stories.d.ts +1 -2
- package/dist/cjs/components/box/Box.stories.js +2 -2
- package/dist/cjs/components/box/Box.stories.js.map +1 -1
- package/dist/cjs/components/button/Button.js.map +1 -1
- package/dist/cjs/components/button/Button.stories.d.ts +0 -1
- package/dist/cjs/components/button/Button.stories.js +1 -1
- package/dist/cjs/components/button/Button.stories.js.map +1 -1
- package/dist/cjs/components/button/ConfirmedButton.d.ts +1 -1
- package/dist/cjs/components/button/ConfirmedButton.js +2 -3
- package/dist/cjs/components/button/ConfirmedButton.js.map +1 -1
- package/dist/cjs/components/button/classes.js +1 -2
- package/dist/cjs/components/button/classes.js.map +1 -1
- package/dist/cjs/components/camera/Camera.d.ts +5 -5
- package/dist/cjs/components/camera/Camera.js +6 -6
- package/dist/cjs/components/camera/Camera.js.map +1 -1
- package/dist/cjs/components/camera/Camera.stories.d.ts +3 -4
- package/dist/cjs/components/card/Card.d.ts +28 -52
- package/dist/cjs/components/card/Card.js +1 -1
- package/dist/cjs/components/card/Card.js.map +1 -1
- package/dist/cjs/components/card/Card.stories.d.ts +1 -4
- package/dist/cjs/components/card/Card.stories.js +8 -8
- package/dist/cjs/components/card/Card.stories.js.map +1 -1
- package/dist/cjs/components/checkbox/Checkbox.d.ts +4 -11
- package/dist/cjs/components/checkbox/Checkbox.js +19 -9
- package/dist/cjs/components/checkbox/Checkbox.js.map +1 -1
- package/dist/cjs/components/collapsible/Collapsible.d.ts +10 -11
- package/dist/cjs/components/collapsible/Collapsible.js +18 -8
- package/dist/cjs/components/collapsible/Collapsible.js.map +1 -1
- package/dist/cjs/components/collapsible/Collapsible.stories.d.ts +3 -3
- package/dist/cjs/components/collapsible/Collapsible.stories.js +1 -1
- package/dist/cjs/components/collapsible/Collapsible.stories.js.map +1 -1
- package/dist/cjs/components/colorPicker/ColorPicker.d.ts +2 -2
- package/dist/cjs/components/colorPicker/ColorPicker.js +4 -5
- package/dist/cjs/components/colorPicker/ColorPicker.js.map +1 -1
- package/dist/cjs/components/contextMenu/contextMenu.d.ts +6 -19
- package/dist/cjs/components/contextMenu/contextMenu.js +17 -7
- package/dist/cjs/components/contextMenu/contextMenu.js.map +1 -1
- package/dist/cjs/components/datePicker/DatePicker.d.ts +2 -2
- package/dist/cjs/components/datePicker/DatePicker.js +8 -9
- package/dist/cjs/components/datePicker/DatePicker.js.map +1 -1
- package/dist/cjs/components/dialog/Dialog.d.ts +24 -53
- package/dist/cjs/components/dialog/Dialog.js +21 -11
- package/dist/cjs/components/dialog/Dialog.js.map +1 -1
- package/dist/cjs/components/dialog/Dialog.stories.d.ts +10 -23
- package/dist/cjs/components/dialog/Dialog.stories.js +5 -5
- package/dist/cjs/components/dialog/Dialog.stories.js.map +1 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.d.ts +20 -53
- package/dist/cjs/components/dropdownMenu/DropdownMenu.js +20 -10
- package/dist/cjs/components/dropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.d.ts +10 -27
- package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.js +1 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.js.map +1 -1
- package/dist/cjs/components/editableText/EditableText.d.ts +1 -1
- package/dist/cjs/components/editableText/EditableText.js +1 -2
- package/dist/cjs/components/editableText/EditableText.js.map +1 -1
- package/dist/cjs/components/errorBoundary/ErrorBoundary.d.ts +1 -1
- package/dist/cjs/components/errorBoundary/ErrorBoundary.js.map +1 -1
- package/dist/cjs/components/forms/CheckboxField.d.ts +1 -1
- package/dist/cjs/components/forms/CheckboxField.js +3 -4
- package/dist/cjs/components/forms/CheckboxField.js.map +1 -1
- package/dist/cjs/components/forms/Form.d.ts +1 -4
- package/dist/cjs/components/forms/FormikForm.d.ts +1 -1
- package/dist/cjs/components/forms/FormikForm.js +3 -4
- package/dist/cjs/components/forms/FormikForm.js.map +1 -1
- package/dist/cjs/components/forms/NumberStepperField.d.ts +1 -1
- package/dist/cjs/components/forms/NumberStepperField.js +3 -4
- package/dist/cjs/components/forms/NumberStepperField.js.map +1 -1
- package/dist/cjs/components/forms/SubmitButton.d.ts +1 -1
- package/dist/cjs/components/forms/SubmitButton.js +1 -2
- package/dist/cjs/components/forms/SubmitButton.js.map +1 -1
- package/dist/cjs/components/forms/TextField.d.ts +3 -7
- package/dist/cjs/components/forms/TextField.js +4 -4
- package/dist/cjs/components/forms/TextField.js.map +1 -1
- package/dist/cjs/components/forms/hooks.js +3 -3
- package/dist/cjs/components/forms/hooks.js.map +1 -1
- package/dist/cjs/components/horizontalList/HorizontalList.d.ts +1 -1
- package/dist/cjs/components/horizontalList/HorizontalList.js +3 -4
- package/dist/cjs/components/horizontalList/HorizontalList.js.map +1 -1
- package/dist/cjs/components/horizontalList/HorizontalList.stories.d.ts +1 -1
- package/dist/cjs/components/horizontalList/HorizontalList.stories.js +3 -3
- package/dist/cjs/components/horizontalList/HorizontalList.stories.js.map +1 -1
- package/dist/cjs/components/icon/generated/IconSpritesheet.js +1 -1
- package/dist/cjs/components/icon/generated/IconSpritesheet.js.map +1 -1
- package/dist/cjs/components/imageUploader/ImageUploader.d.ts +1 -1
- package/dist/cjs/components/imageUploader/ImageUploader.js +38 -6
- package/dist/cjs/components/imageUploader/ImageUploader.js.map +1 -1
- package/dist/cjs/components/imageUploader/UploadIcon.js +1 -2
- package/dist/cjs/components/imageUploader/UploadIcon.js.map +1 -1
- package/dist/cjs/components/infiniteLoadTrigger/InfiniteLoadTrigger.js.map +1 -1
- package/dist/cjs/components/input/Input.js.map +1 -1
- package/dist/cjs/components/input/Input.stories.d.ts +0 -1
- package/dist/cjs/components/layouts/PageContent.d.ts +1 -1
- package/dist/cjs/components/layouts/PageContent.js +2 -3
- package/dist/cjs/components/layouts/PageContent.js.map +1 -1
- package/dist/cjs/components/layouts/PageFixedArea.js +1 -2
- package/dist/cjs/components/layouts/PageFixedArea.js.map +1 -1
- package/dist/cjs/components/layouts/PageNav.d.ts +1 -1
- package/dist/cjs/components/layouts/PageNav.js +2 -3
- package/dist/cjs/components/layouts/PageNav.js.map +1 -1
- package/dist/cjs/components/layouts/PageNowPlaying.d.ts +1 -1
- package/dist/cjs/components/layouts/PageNowPlaying.js +1 -2
- package/dist/cjs/components/layouts/PageNowPlaying.js.map +1 -1
- package/dist/cjs/components/layouts/PageRoot.d.ts +1 -4
- package/dist/cjs/components/layouts/PageSection.d.ts +2 -7
- package/dist/cjs/components/layouts/layouts.stories.js +3 -3
- package/dist/cjs/components/layouts/layouts.stories.js.map +1 -1
- package/dist/cjs/components/liveUpdateTextField/LiveUpdateTextField.js.map +1 -1
- package/dist/cjs/components/marquee/marquee.d.ts +2 -4
- package/dist/cjs/components/marquee/marquee.js +2 -3
- package/dist/cjs/components/marquee/marquee.js.map +1 -1
- package/dist/cjs/components/marquee/marquee.stories.js +1 -1
- package/dist/cjs/components/marquee/marquee.stories.js.map +1 -1
- package/dist/cjs/components/masonry/masonry.js +3 -4
- package/dist/cjs/components/masonry/masonry.js.map +1 -1
- package/dist/cjs/components/masonry/masonry.stories.js +1 -1
- package/dist/cjs/components/masonry/masonry.stories.js.map +1 -1
- package/dist/cjs/components/navBar/NavBar.d.ts +8 -24
- package/dist/cjs/components/navBar/NavBar.js +18 -8
- package/dist/cjs/components/navBar/NavBar.js.map +1 -1
- package/dist/cjs/components/note/Note.js +2 -3
- package/dist/cjs/components/note/Note.js.map +1 -1
- package/dist/cjs/components/numberStepper/NumberStepper.d.ts +1 -1
- package/dist/cjs/components/numberStepper/NumberStepper.js +3 -4
- package/dist/cjs/components/numberStepper/NumberStepper.js.map +1 -1
- package/dist/cjs/components/particles/ParticleContext.d.ts +0 -1
- package/dist/cjs/components/particles/ParticleContext.js +2 -2
- package/dist/cjs/components/particles/ParticleContext.js.map +1 -1
- package/dist/cjs/components/particles/ParticleLayer.d.ts +1 -1
- package/dist/cjs/components/particles/ParticleLayer.js +2 -3
- package/dist/cjs/components/particles/ParticleLayer.js.map +1 -1
- package/dist/cjs/components/particles/ParticleLayer.stories.js +4 -4
- package/dist/cjs/components/particles/ParticleLayer.stories.js.map +1 -1
- package/dist/cjs/components/particles/particlesState.d.ts +41 -41
- package/dist/cjs/components/particles/particlesState.js +2 -2
- package/dist/cjs/components/particles/particlesState.js.map +1 -1
- package/dist/cjs/components/peek/Peek.d.ts +1 -1
- package/dist/cjs/components/peek/Peek.js +2 -3
- package/dist/cjs/components/peek/Peek.js.map +1 -1
- package/dist/cjs/components/popover/Popover.d.ts +12 -25
- package/dist/cjs/components/popover/Popover.js +19 -9
- package/dist/cjs/components/popover/Popover.js.map +1 -1
- package/dist/cjs/components/progress/Progress.d.ts +5 -14
- package/dist/cjs/components/progress/Progress.js +18 -8
- package/dist/cjs/components/progress/Progress.js.map +1 -1
- package/dist/cjs/components/progress/Progress.stories.d.ts +3 -8
- package/dist/cjs/components/progress/Progress.stories.js +1 -1
- package/dist/cjs/components/progress/Progress.stories.js.map +1 -1
- package/dist/cjs/components/provider/Provider.d.ts +2 -2
- package/dist/cjs/components/provider/Provider.js +5 -5
- package/dist/cjs/components/provider/Provider.js.map +1 -1
- package/dist/cjs/components/relativeTime/RelativeTime.js +1 -2
- package/dist/cjs/components/relativeTime/RelativeTime.js.map +1 -1
- package/dist/cjs/components/richEditor/RichEditor.d.ts +1 -2
- package/dist/cjs/components/richEditor/RichEditor.js +38 -8
- package/dist/cjs/components/richEditor/RichEditor.js.map +1 -1
- package/dist/cjs/components/richEditor/RichEditor.stories.d.ts +1 -2
- package/dist/cjs/components/richEditor/RichEditor.stories.js +6 -1
- package/dist/cjs/components/richEditor/RichEditor.stories.js.map +1 -1
- package/dist/cjs/components/scrollArea/ScrollArea.d.ts +4 -13
- package/dist/cjs/components/scrollArea/ScrollArea.js +18 -8
- package/dist/cjs/components/scrollArea/ScrollArea.js.map +1 -1
- package/dist/cjs/components/select/Select.d.ts +22 -52
- package/dist/cjs/components/select/Select.js +33 -23
- package/dist/cjs/components/select/Select.js.map +1 -1
- package/dist/cjs/components/select/Select.stories.d.ts +9 -20
- 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/skeletons/skeletons.d.ts +1 -1
- package/dist/cjs/components/slider/Slider.d.ts +8 -25
- package/dist/cjs/components/slider/Slider.js +19 -9
- package/dist/cjs/components/slider/Slider.js.map +1 -1
- package/dist/cjs/components/slider/Slider.stories.d.ts +4 -13
- package/dist/cjs/components/spinner/Spinner.js +2 -2
- package/dist/cjs/components/spinner/Spinner.js.map +1 -1
- package/dist/cjs/components/switch/Switch.d.ts +2 -7
- package/dist/cjs/components/switch/Switch.js +1 -1
- package/dist/cjs/components/switch/Switch.js.map +1 -1
- package/dist/cjs/components/tabs/tabs.d.ts +8 -25
- package/dist/cjs/components/tabs/tabs.js +17 -7
- package/dist/cjs/components/tabs/tabs.js.map +1 -1
- package/dist/cjs/components/tabs/tabs.stories.js +1 -1
- package/dist/cjs/components/tabs/tabs.stories.js.map +1 -1
- package/dist/cjs/components/textArea/TextArea.js.map +1 -1
- package/dist/cjs/components/textArea/TextArea.stories.d.ts +0 -1
- package/dist/cjs/components/toggleGroup/toggleGroup.d.ts +4 -17
- package/dist/cjs/components/toggleGroup/toggleGroup.js +17 -7
- package/dist/cjs/components/toggleGroup/toggleGroup.js.map +1 -1
- package/dist/cjs/components/tooltip/Tooltip.d.ts +0 -1
- package/dist/cjs/components/tooltip/Tooltip.js +18 -8
- package/dist/cjs/components/tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/components/tooltip/Tooltip.stories.d.ts +1 -2
- package/dist/cjs/components/typography/typography.d.ts +6 -19
- package/dist/cjs/components/utility/SlotDiv.js.map +1 -1
- package/dist/cjs/hooks/useAnimationFrame.js +4 -5
- package/dist/cjs/hooks/useAnimationFrame.js.map +1 -1
- package/dist/cjs/hooks/useIdOrGenerated.js +1 -2
- package/dist/cjs/hooks/useIdOrGenerated.js.map +1 -1
- package/dist/cjs/hooks/useLongPress.d.ts +2 -4
- package/dist/cjs/hooks/useLongPress.js +1 -2
- package/dist/cjs/hooks/useLongPress.js.map +1 -1
- package/dist/cjs/hooks/useMergedRef.js +17 -7
- package/dist/cjs/hooks/useMergedRef.js.map +1 -1
- package/dist/cjs/hooks/useOnUnmount.js +1 -2
- package/dist/cjs/hooks/useOnUnmount.js.map +1 -1
- package/dist/cjs/hooks/useRotatingShuffledValue.js +1 -2
- package/dist/cjs/hooks/useRotatingShuffledValue.js.map +1 -1
- package/dist/cjs/hooks/useSize.d.ts +4 -4
- package/dist/cjs/hooks/useSize.js +4 -5
- package/dist/cjs/hooks/useSize.js.map +1 -1
- package/dist/cjs/hooks/useStableCallback.js +1 -2
- package/dist/cjs/hooks/useStableCallback.js.map +1 -1
- package/dist/cjs/hooks/useTitleBarColor.js +2 -3
- package/dist/cjs/hooks/useTitleBarColor.js.map +1 -1
- package/dist/cjs/hooks/useToggle.js +1 -2
- package/dist/cjs/hooks/useToggle.js.map +1 -1
- package/dist/cjs/hooks/useVirtualKeyboardBehavior.js +1 -2
- package/dist/cjs/hooks/useVirtualKeyboardBehavior.js.map +1 -1
- package/dist/cjs/hooks/useVisualViewportOffset.js +2 -3
- package/dist/cjs/hooks/useVisualViewportOffset.js.map +1 -1
- package/dist/cjs/hooks/withClassName.js +4 -6
- package/dist/cjs/hooks/withClassName.js.map +1 -1
- package/dist/cjs/themes.stories.js +1 -1
- package/dist/cjs/themes.stories.js.map +1 -1
- package/dist/cjs/uno.preset.js +1 -1
- package/dist/cjs/uno.preset.js.map +1 -1
- package/dist/css/main.css +2 -2
- package/dist/esm/components/actions/ActionBar.js +2 -2
- package/dist/esm/components/actions/ActionBar.js.map +1 -1
- package/dist/esm/components/actions/ActionButton.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/avatar/AvatarList.js +4 -4
- package/dist/esm/components/avatar/AvatarList.js.map +1 -1
- package/dist/esm/components/box/Box.d.ts +1 -2
- package/dist/esm/components/box/Box.js +6 -3
- package/dist/esm/components/box/Box.js.map +1 -1
- package/dist/esm/components/box/Box.stories.d.ts +0 -1
- package/dist/esm/components/box/Box.stories.js +2 -2
- package/dist/esm/components/box/Box.stories.js.map +1 -1
- package/dist/esm/components/button/Button.js.map +1 -1
- package/dist/esm/components/button/Button.stories.d.ts +0 -1
- package/dist/esm/components/button/Button.stories.js +1 -1
- package/dist/esm/components/button/Button.stories.js.map +1 -1
- package/dist/esm/components/button/ConfirmedButton.js +1 -1
- package/dist/esm/components/button/ConfirmedButton.js.map +1 -1
- package/dist/esm/components/camera/Camera.js +6 -6
- package/dist/esm/components/camera/Camera.js.map +1 -1
- package/dist/esm/components/camera/Camera.stories.d.ts +0 -1
- package/dist/esm/components/card/Card.d.ts +26 -50
- package/dist/esm/components/card/Card.js +1 -1
- package/dist/esm/components/card/Card.js.map +1 -1
- package/dist/esm/components/card/Card.stories.d.ts +1 -4
- package/dist/esm/components/card/Card.stories.js +8 -8
- package/dist/esm/components/card/Card.stories.js.map +1 -1
- package/dist/esm/components/checkbox/Checkbox.d.ts +3 -10
- package/dist/esm/components/collapsible/Collapsible.d.ts +8 -9
- package/dist/esm/components/collapsible/Collapsible.js +1 -1
- package/dist/esm/components/collapsible/Collapsible.js.map +1 -1
- package/dist/esm/components/collapsible/Collapsible.stories.d.ts +2 -2
- package/dist/esm/components/collapsible/Collapsible.stories.js +1 -1
- package/dist/esm/components/collapsible/Collapsible.stories.js.map +1 -1
- package/dist/esm/components/colorPicker/ColorPicker.js +2 -2
- package/dist/esm/components/colorPicker/ColorPicker.js.map +1 -1
- package/dist/esm/components/contextMenu/contextMenu.d.ts +6 -19
- package/dist/esm/components/datePicker/DatePicker.js +6 -6
- package/dist/esm/components/datePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/dialog/Dialog.d.ts +23 -52
- package/dist/esm/components/dialog/Dialog.js +4 -4
- package/dist/esm/components/dialog/Dialog.js.map +1 -1
- package/dist/esm/components/dialog/Dialog.stories.d.ts +9 -22
- package/dist/esm/components/dialog/Dialog.stories.js +5 -5
- package/dist/esm/components/dialog/Dialog.stories.js.map +1 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.d.ts +18 -51
- package/dist/esm/components/dropdownMenu/DropdownMenu.js +3 -3
- package/dist/esm/components/dropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.stories.d.ts +9 -26
- 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.map +1 -1
- package/dist/esm/components/errorBoundary/ErrorBoundary.d.ts +1 -1
- package/dist/esm/components/errorBoundary/ErrorBoundary.js.map +1 -1
- package/dist/esm/components/forms/CheckboxField.js +2 -2
- package/dist/esm/components/forms/CheckboxField.js.map +1 -1
- package/dist/esm/components/forms/Form.d.ts +1 -4
- package/dist/esm/components/forms/FormikForm.js +2 -2
- package/dist/esm/components/forms/FormikForm.js.map +1 -1
- package/dist/esm/components/forms/NumberStepperField.js +2 -2
- package/dist/esm/components/forms/NumberStepperField.js.map +1 -1
- package/dist/esm/components/forms/TextField.d.ts +2 -6
- package/dist/esm/components/forms/TextField.js +2 -2
- package/dist/esm/components/forms/TextField.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/icon/generated/IconSpritesheet.js +1 -1
- package/dist/esm/components/icon/generated/IconSpritesheet.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/infiniteLoadTrigger/InfiniteLoadTrigger.js.map +1 -1
- package/dist/esm/components/input/Input.js.map +1 -1
- package/dist/esm/components/input/Input.stories.d.ts +0 -1
- package/dist/esm/components/layouts/PageContent.js +1 -1
- package/dist/esm/components/layouts/PageContent.js.map +1 -1
- package/dist/esm/components/layouts/PageNav.js +1 -1
- package/dist/esm/components/layouts/PageNav.js.map +1 -1
- package/dist/esm/components/layouts/PageRoot.d.ts +1 -4
- package/dist/esm/components/layouts/PageSection.d.ts +2 -7
- package/dist/esm/components/layouts/layouts.stories.js +3 -3
- package/dist/esm/components/layouts/layouts.stories.js.map +1 -1
- package/dist/esm/components/liveUpdateTextField/LiveUpdateTextField.js.map +1 -1
- package/dist/esm/components/marquee/marquee.d.ts +1 -3
- package/dist/esm/components/marquee/marquee.js +1 -1
- package/dist/esm/components/marquee/marquee.js.map +1 -1
- package/dist/esm/components/marquee/marquee.stories.js +1 -1
- package/dist/esm/components/marquee/marquee.stories.js.map +1 -1
- package/dist/esm/components/masonry/masonry.js +1 -1
- package/dist/esm/components/masonry/masonry.js.map +1 -1
- package/dist/esm/components/masonry/masonry.stories.js +1 -1
- package/dist/esm/components/masonry/masonry.stories.js.map +1 -1
- package/dist/esm/components/navBar/NavBar.d.ts +8 -24
- package/dist/esm/components/navBar/NavBar.js +1 -1
- package/dist/esm/components/navBar/NavBar.js.map +1 -1
- package/dist/esm/components/note/Note.js +1 -1
- package/dist/esm/components/note/Note.js.map +1 -1
- package/dist/esm/components/numberStepper/NumberStepper.js +2 -2
- package/dist/esm/components/numberStepper/NumberStepper.js.map +1 -1
- package/dist/esm/components/particles/ParticleContext.d.ts +0 -1
- package/dist/esm/components/particles/ParticleLayer.js +1 -1
- package/dist/esm/components/particles/ParticleLayer.js.map +1 -1
- package/dist/esm/components/particles/ParticleLayer.stories.js +4 -4
- package/dist/esm/components/particles/ParticleLayer.stories.js.map +1 -1
- package/dist/esm/components/particles/particlesState.d.ts +41 -41
- package/dist/esm/components/particles/particlesState.js.map +1 -1
- package/dist/esm/components/peek/Peek.js +1 -1
- package/dist/esm/components/peek/Peek.js.map +1 -1
- package/dist/esm/components/popover/Popover.d.ts +12 -25
- package/dist/esm/components/popover/Popover.js +2 -2
- package/dist/esm/components/popover/Popover.js.map +1 -1
- package/dist/esm/components/progress/Progress.d.ts +5 -14
- package/dist/esm/components/progress/Progress.js +1 -1
- package/dist/esm/components/progress/Progress.js.map +1 -1
- package/dist/esm/components/progress/Progress.stories.d.ts +3 -8
- package/dist/esm/components/progress/Progress.stories.js +1 -1
- package/dist/esm/components/progress/Progress.stories.js.map +1 -1
- package/dist/esm/components/provider/Provider.d.ts +1 -1
- package/dist/esm/components/provider/Provider.js +2 -2
- package/dist/esm/components/provider/Provider.js.map +1 -1
- package/dist/esm/components/relativeTime/RelativeTime.js.map +1 -1
- package/dist/esm/components/richEditor/RichEditor.d.ts +1 -2
- package/dist/esm/components/richEditor/RichEditor.js +4 -7
- package/dist/esm/components/richEditor/RichEditor.js.map +1 -1
- package/dist/esm/components/richEditor/RichEditor.stories.d.ts +1 -2
- package/dist/esm/components/richEditor/RichEditor.stories.js +6 -1
- package/dist/esm/components/richEditor/RichEditor.stories.js.map +1 -1
- package/dist/esm/components/scrollArea/ScrollArea.d.ts +4 -13
- package/dist/esm/components/scrollArea/ScrollArea.js +1 -1
- package/dist/esm/components/scrollArea/ScrollArea.js.map +1 -1
- package/dist/esm/components/select/Select.d.ts +19 -49
- package/dist/esm/components/select/Select.js +16 -16
- package/dist/esm/components/select/Select.js.map +1 -1
- package/dist/esm/components/select/Select.stories.d.ts +7 -18
- package/dist/esm/components/select/Select.stories.js +2 -2
- package/dist/esm/components/select/Select.stories.js.map +1 -1
- package/dist/esm/components/skeletons/skeletons.d.ts +1 -1
- package/dist/esm/components/slider/Slider.d.ts +8 -25
- package/dist/esm/components/slider/Slider.js +2 -2
- package/dist/esm/components/slider/Slider.js.map +1 -1
- package/dist/esm/components/slider/Slider.stories.d.ts +4 -13
- package/dist/esm/components/spinner/Spinner.js +2 -2
- package/dist/esm/components/spinner/Spinner.js.map +1 -1
- package/dist/esm/components/switch/Switch.d.ts +2 -7
- package/dist/esm/components/switch/Switch.js +1 -1
- package/dist/esm/components/switch/Switch.js.map +1 -1
- package/dist/esm/components/tabs/tabs.d.ts +8 -25
- package/dist/esm/components/tabs/tabs.stories.js +1 -1
- package/dist/esm/components/tabs/tabs.stories.js.map +1 -1
- package/dist/esm/components/textArea/TextArea.js.map +1 -1
- package/dist/esm/components/textArea/TextArea.stories.d.ts +0 -1
- package/dist/esm/components/toggleGroup/toggleGroup.d.ts +4 -17
- package/dist/esm/components/tooltip/Tooltip.d.ts +0 -1
- package/dist/esm/components/tooltip/Tooltip.js +1 -1
- package/dist/esm/components/tooltip/Tooltip.js.map +1 -1
- package/dist/esm/components/tooltip/Tooltip.stories.d.ts +0 -1
- package/dist/esm/components/typography/typography.d.ts +6 -19
- package/dist/esm/components/utility/SlotDiv.js.map +1 -1
- package/dist/esm/hooks/useAnimationFrame.js +3 -3
- package/dist/esm/hooks/useAnimationFrame.js.map +1 -1
- package/dist/esm/hooks/useLongPress.d.ts +2 -4
- package/dist/esm/hooks/useLongPress.js.map +1 -1
- package/dist/esm/hooks/useMergedRef.js.map +1 -1
- package/dist/esm/hooks/useOnUnmount.js.map +1 -1
- package/dist/esm/hooks/useRotatingShuffledValue.js.map +1 -1
- package/dist/esm/hooks/useSize.d.ts +4 -4
- package/dist/esm/hooks/useSize.js.map +1 -1
- package/dist/esm/hooks/useTitleBarColor.js.map +1 -1
- package/dist/esm/hooks/useVirtualKeyboardBehavior.js.map +1 -1
- package/dist/esm/hooks/useVisualViewportOffset.js.map +1 -1
- package/dist/esm/hooks/withClassName.js +3 -4
- package/dist/esm/hooks/withClassName.js.map +1 -1
- package/dist/esm/themes.stories.js +1 -1
- package/dist/esm/themes.stories.js.map +1 -1
- package/dist/esm/uno.preset.js.map +1 -1
- package/package.json +57 -58
- package/src/components/box/Box.tsx +8 -4
- package/src/components/camera/Camera.tsx +1 -1
- package/src/components/dropdownMenu/DropdownMenu.tsx +2 -2
- package/src/components/numberStepper/NumberStepper.tsx +1 -1
- package/src/components/richEditor/RichEditor.stories.tsx +5 -1
- package/src/components/richEditor/RichEditor.tsx +3 -10
- package/src/components/select/Select.tsx +6 -6
- package/src/components/slider/Slider.tsx +5 -5
- package/src/hooks/useAnimationFrame.ts +3 -3
- package/src/hooks/withClassName.tsx +3 -6
|
@@ -3,7 +3,7 @@ export interface DatePickerProps {
|
|
|
3
3
|
onChange: (date: Date | null) => void;
|
|
4
4
|
className?: string;
|
|
5
5
|
}
|
|
6
|
-
export declare function DatePicker({ value, onChange, className, ...rest }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export declare function DatePicker({ value, onChange, className, ...rest }: DatePickerProps): import("react/jsx-runtime.js").JSX.Element;
|
|
7
7
|
export interface DateRangePickerProps {
|
|
8
8
|
value: {
|
|
9
9
|
start: Date | null;
|
|
@@ -15,4 +15,4 @@ export interface DateRangePickerProps {
|
|
|
15
15
|
}) => void;
|
|
16
16
|
className?: string;
|
|
17
17
|
}
|
|
18
|
-
export declare function DateRangePicker({ value, onChange, className, }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export declare function DateRangePicker({ value, onChange, className, }: DateRangePickerProps): import("react/jsx-runtime.js").JSX.Element;
|
|
@@ -15,7 +15,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
15
15
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
16
16
|
};
|
|
17
17
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
exports.
|
|
18
|
+
exports.DatePicker = DatePicker;
|
|
19
|
+
exports.DateRangePicker = DateRangePicker;
|
|
19
20
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
21
|
const calendar_blocks_1 = require("calendar-blocks");
|
|
21
22
|
const clsx_1 = __importDefault(require("clsx"));
|
|
@@ -33,15 +34,14 @@ function DatePicker(_a) {
|
|
|
33
34
|
month: 'long',
|
|
34
35
|
year: 'numeric',
|
|
35
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,
|
|
37
|
+
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, { size: "icon", color: "ghost", onClick: () => setDisplay((cur) => ({
|
|
37
38
|
month: cur.month - 1,
|
|
38
39
|
year: cur.year,
|
|
39
|
-
}))
|
|
40
|
+
})), 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, { size: "icon", color: "ghost", onClick: () => setDisplay((cur) => ({
|
|
40
41
|
month: cur.month + 1,
|
|
41
42
|
year: cur.year,
|
|
42
|
-
}))
|
|
43
|
+
})), children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "arrowRight" }) })] }), (0, jsx_runtime_1.jsx)(calendar_blocks_1.Calendar, { 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
44
|
}
|
|
44
|
-
exports.DatePicker = DatePicker;
|
|
45
45
|
function DateRangePicker({ value, onChange, className, }) {
|
|
46
46
|
const [{ month, year }, setDisplay] = (0, react_1.useState)(() => ({
|
|
47
47
|
month: new Date().getMonth(),
|
|
@@ -76,15 +76,14 @@ function DateRangePicker({ value, onChange, className, }) {
|
|
|
76
76
|
year: newYear,
|
|
77
77
|
});
|
|
78
78
|
}, [month, year]);
|
|
79
|
-
return ((0, jsx_runtime_1.jsx)(calendar_blocks_1.Calendar,
|
|
79
|
+
return ((0, jsx_runtime_1.jsx)(calendar_blocks_1.Calendar, { 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, { size: "icon", color: "ghost", className: "[grid-area:prevMonth]", onClick: () => setDisplay((cur) => ({
|
|
80
80
|
month: cur.month - 1,
|
|
81
81
|
year: cur.year,
|
|
82
|
-
}))
|
|
82
|
+
})), children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "arrowLeft" }) }), (0, jsx_runtime_1.jsx)(MonthLabel, { className: "[grid-area:leftMonth]", children: monthLabel }), (0, jsx_runtime_1.jsx)(MonthLabel, { className: "[grid-area:rightMonth] !hidden !sm:block", children: nextMonthLabel }), (0, jsx_runtime_1.jsx)(MonthButton, { size: "icon", color: "ghost", className: "[grid-area:nextMonth]", onClick: () => setDisplay((cur) => ({
|
|
83
83
|
month: cur.month + 1,
|
|
84
84
|
year: cur.year,
|
|
85
|
-
}))
|
|
85
|
+
})), children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "arrowRight" }) }), (0, jsx_runtime_1.jsxs)(CalendarGrid, { 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, { className: "[grid-area:rightGrid] !hidden !sm:grid", children: [(0, jsx_runtime_1.jsx)(DayLabels, {}), (0, jsx_runtime_1.jsx)(calendar_blocks_1.CalendarDays, { monthOffset: 1, children: (value) => (0, jsx_runtime_1.jsx)(CalendarDay, { value: value }, value.key) })] })] }) }));
|
|
86
86
|
}
|
|
87
|
-
exports.DateRangePicker = DateRangePicker;
|
|
88
87
|
const MonthRow = (0, hooks_js_1.withClassName)('div', 'flex flex-row justify-between items-center w-full');
|
|
89
88
|
const MonthLabel = (0, hooks_js_1.withClassName)('span', 'text-sm font-bold min-w-0 overflow-hidden text-center text-ellipsis', 'self-center');
|
|
90
89
|
const MonthButton = (0, hooks_js_1.withClassName)(index_js_1.Button, 'self-center');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/datePicker/DatePicker.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/datePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,67 +1,38 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
3
2
|
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
4
|
-
export declare const Content: import("react").ForwardRefExoticComponent<Omit<
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
width?: "lg" | "md" | "sm" | undefined;
|
|
9
|
-
disableSheet?: boolean | undefined;
|
|
3
|
+
export declare const Content: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
4
|
+
outerClassName?: string;
|
|
5
|
+
width?: "lg" | "md" | "sm";
|
|
6
|
+
disableSheet?: boolean;
|
|
10
7
|
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
11
8
|
export declare const DialogSwipeHandle: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
12
9
|
export declare const DialogTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
13
|
-
export declare const DialogContent: import("react").ForwardRefExoticComponent<Omit<
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
width?: "lg" | "md" | "sm" | undefined;
|
|
18
|
-
disableSheet?: boolean | undefined;
|
|
10
|
+
export declare const DialogContent: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
11
|
+
outerClassName?: string;
|
|
12
|
+
width?: "lg" | "md" | "sm";
|
|
13
|
+
disableSheet?: boolean;
|
|
19
14
|
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
20
|
-
export declare const DialogTitle: import("react").FunctionComponent<
|
|
21
|
-
|
|
22
|
-
}>;
|
|
23
|
-
export declare const DialogDescription: import("react").FunctionComponent<Omit<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & {
|
|
24
|
-
ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
|
|
25
|
-
}>;
|
|
15
|
+
export declare const DialogTitle: import("react").FunctionComponent<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
16
|
+
export declare const DialogDescription: import("react").FunctionComponent<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
26
17
|
export declare const DialogClose: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
27
18
|
export type { DialogProps } from '@radix-ui/react-dialog';
|
|
28
|
-
export declare const DialogActions: import("react").FunctionComponent<
|
|
29
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
30
|
-
}>;
|
|
19
|
+
export declare const DialogActions: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
31
20
|
export declare const DialogSelectTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
32
|
-
export declare const DialogSelectList: import("react").FunctionComponent<
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
export declare const
|
|
36
|
-
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
37
|
-
}>;
|
|
38
|
-
export declare const DialogSelectItem: import("react").ForwardRefExoticComponent<Omit<Omit<RadioGroupPrimitive.RadioGroupItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
39
|
-
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
40
|
-
}, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
41
|
-
export declare const Dialog: ((props: DialogPrimitive.DialogProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
21
|
+
export declare const DialogSelectList: import("react").FunctionComponent<RadioGroupPrimitive.RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
22
|
+
export declare const DialogSelectItemRoot: import("react").FunctionComponent<RadioGroupPrimitive.RadioGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
23
|
+
export declare const DialogSelectItem: import("react").ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
24
|
+
export declare const Dialog: ((props: DialogPrimitive.DialogProps) => import("react/jsx-runtime.js").JSX.Element) & {
|
|
42
25
|
Trigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
43
|
-
Content: import("react").ForwardRefExoticComponent<Omit<
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
width?: "lg" | "md" | "sm" | undefined;
|
|
48
|
-
disableSheet?: boolean | undefined;
|
|
26
|
+
Content: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
27
|
+
outerClassName?: string;
|
|
28
|
+
width?: "lg" | "md" | "sm";
|
|
29
|
+
disableSheet?: boolean;
|
|
49
30
|
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
50
|
-
Title: import("react").FunctionComponent<
|
|
51
|
-
|
|
52
|
-
}>;
|
|
53
|
-
Description: import("react").FunctionComponent<Omit<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & {
|
|
54
|
-
ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
|
|
55
|
-
}>;
|
|
31
|
+
Title: import("react").FunctionComponent<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
32
|
+
Description: import("react").FunctionComponent<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
56
33
|
Close: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
57
|
-
Actions: import("react").FunctionComponent<
|
|
58
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
59
|
-
}>;
|
|
34
|
+
Actions: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
60
35
|
SelectTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
61
|
-
SelectList: import("react").FunctionComponent<
|
|
62
|
-
|
|
63
|
-
}>;
|
|
64
|
-
SelectItem: import("react").ForwardRefExoticComponent<Omit<Omit<RadioGroupPrimitive.RadioGroupItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
65
|
-
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
66
|
-
}, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
36
|
+
SelectList: import("react").FunctionComponent<RadioGroupPrimitive.RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
37
|
+
SelectItem: import("react").ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
67
38
|
};
|
|
@@ -17,13 +17,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
|
17
17
|
}) : function(o, v) {
|
|
18
18
|
o["default"] = v;
|
|
19
19
|
});
|
|
20
|
-
var __importStar = (this && this.__importStar) || function (
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
};
|
|
20
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
21
|
+
var ownKeys = function(o) {
|
|
22
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
23
|
+
var ar = [];
|
|
24
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
25
|
+
return ar;
|
|
26
|
+
};
|
|
27
|
+
return ownKeys(o);
|
|
28
|
+
};
|
|
29
|
+
return function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
36
|
+
})();
|
|
27
37
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
28
38
|
var t = {};
|
|
29
39
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -114,7 +124,7 @@ exports.Content = (0, react_2.forwardRef)(function Content(_a, ref) {
|
|
|
114
124
|
virtualKeyboardBehavior === 'overlay' &&
|
|
115
125
|
sheetClassNameWithOverlayKeyboard, !disableSheet &&
|
|
116
126
|
virtualKeyboardBehavior === 'displace' &&
|
|
117
|
-
sheetClassNameWithDisplaceKeyboard, outerClassName || className)
|
|
127
|
+
sheetClassNameWithDisplaceKeyboard, outerClassName || className), children: [!disableSheet && (0, jsx_runtime_1.jsx)(exports.DialogSwipeHandle, {}), children] }))] }));
|
|
118
128
|
});
|
|
119
129
|
exports.DialogSwipeHandle = (0, react_2.forwardRef)(function DialogSwipeHandle(_a, ref) {
|
|
120
130
|
var { className } = _a, props = __rest(_a, ["className"]);
|
|
@@ -138,7 +148,7 @@ exports.DialogSwipeHandle = (0, react_2.forwardRef)(function DialogSwipeHandle(_
|
|
|
138
148
|
axis: 'y',
|
|
139
149
|
});
|
|
140
150
|
const finalRef = (0, useMergedRef_js_1.default)(ref, innerRef);
|
|
141
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: finalRef }, props, { className: (0, clsx_1.default)('absolute top-0 left-50% transform-gpu -translate-x-1/2 w-20% py-2 rounded-full cursor-grab sm:hidden touch-none', className)
|
|
151
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: finalRef }, props, { className: (0, clsx_1.default)('absolute top-0 left-50% transform-gpu -translate-x-1/2 w-20% py-2 rounded-full cursor-grab sm:hidden touch-none', className), children: (0, jsx_runtime_1.jsx)("div", { className: "w-full h-[4px] bg-gray-4 rounded-full" }) })));
|
|
142
152
|
});
|
|
143
153
|
function findParentDialogContent(element) {
|
|
144
154
|
if (!element)
|
|
@@ -163,7 +173,7 @@ const DialogRoot = (props) => {
|
|
|
163
173
|
const close = (0, react_2.useCallback)(() => {
|
|
164
174
|
onOpenChange(false);
|
|
165
175
|
}, [onOpenChange]);
|
|
166
|
-
return ((0, jsx_runtime_1.jsx)(DialogCloseContext.Provider,
|
|
176
|
+
return ((0, jsx_runtime_1.jsx)(DialogCloseContext.Provider, { value: close, children: (0, jsx_runtime_1.jsx)(DialogPrimitive.Root, Object.assign({}, props, { open: open, onOpenChange: onOpenChange })) }));
|
|
167
177
|
};
|
|
168
178
|
exports.DialogTrigger = DialogPrimitive.Trigger;
|
|
169
179
|
exports.DialogContent = exports.Content;
|
|
@@ -182,7 +192,7 @@ exports.DialogSelectList = (0, withClassName_js_1.withClassName)(RadioGroupPrimi
|
|
|
182
192
|
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
193
|
exports.DialogSelectItem = (0, react_2.forwardRef)(function DialogSelectItem(_a, ref) {
|
|
184
194
|
var { children } = _a, props = __rest(_a, ["children"]);
|
|
185
|
-
return ((0, jsx_runtime_1.jsxs)(exports.DialogSelectItemRoot, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)("span",
|
|
195
|
+
return ((0, jsx_runtime_1.jsxs)(exports.DialogSelectItemRoot, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)("span", { className: "flex-1", children: children }), (0, jsx_runtime_1.jsx)(RadioGroupPrimitive.Indicator, { className: "flex-0-0-auto", children: (0, jsx_runtime_1.jsx)(react_icons_1.CheckIcon, {}) })] })));
|
|
186
196
|
});
|
|
187
197
|
exports.Dialog = Object.assign(DialogRoot, {
|
|
188
198
|
Trigger: exports.DialogTrigger,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC
|
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,34 +1,21 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import type { StoryObj } from '@storybook/react';
|
|
3
2
|
import { Dialog } from './Dialog.js';
|
|
4
3
|
declare const meta: {
|
|
5
4
|
title: string;
|
|
6
|
-
component: ((props: import("@radix-ui/react-dialog").DialogProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
5
|
+
component: ((props: import("@radix-ui/react-dialog").DialogProps) => import("react/jsx-runtime.js").JSX.Element) & {
|
|
7
6
|
Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
8
|
-
Content: import("react").ForwardRefExoticComponent<Omit<
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
width?: "lg" | "md" | "sm" | undefined;
|
|
13
|
-
disableSheet?: boolean | undefined;
|
|
7
|
+
Content: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
8
|
+
outerClassName?: string;
|
|
9
|
+
width?: "lg" | "md" | "sm";
|
|
10
|
+
disableSheet?: boolean;
|
|
14
11
|
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
15
|
-
Title: import("react").FunctionComponent<
|
|
16
|
-
|
|
17
|
-
}>;
|
|
18
|
-
Description: import("react").FunctionComponent<Omit<import("@radix-ui/react-dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & {
|
|
19
|
-
ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
|
|
20
|
-
}>;
|
|
12
|
+
Title: import("react").FunctionComponent<import("@radix-ui/react-dialog").DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
13
|
+
Description: import("react").FunctionComponent<import("@radix-ui/react-dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
21
14
|
Close: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
22
|
-
Actions: import("react").FunctionComponent<
|
|
23
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
24
|
-
}>;
|
|
15
|
+
Actions: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
25
16
|
SelectTrigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
26
|
-
SelectList: import("react").FunctionComponent<
|
|
27
|
-
|
|
28
|
-
}>;
|
|
29
|
-
SelectItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-radio-group").RadioGroupItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
30
|
-
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
31
|
-
}, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
17
|
+
SelectList: import("react").FunctionComponent<import("@radix-ui/react-radio-group").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
18
|
+
SelectItem: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-radio-group").RadioGroupItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
32
19
|
};
|
|
33
20
|
argTypes: {};
|
|
34
21
|
parameters: {
|
|
@@ -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",
|
|
23
|
+
return ((0, jsx_runtime_1.jsxs)("div", { 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, { disabled: true, color: "primary", children: "Click me" })] }));
|
|
24
24
|
}
|
|
25
25
|
exports.Default = {
|
|
26
26
|
args: {
|
|
27
|
-
children: ((0, jsx_runtime_1.jsxs)(index_js_3.ParticleLayer,
|
|
27
|
+
children: ((0, jsx_runtime_1.jsxs)(index_js_3.ParticleLayer, { noPortal: true, children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTrigger, { 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, { 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)(index_js_3.ParticleLayer,
|
|
32
|
+
children: ((0, jsx_runtime_1.jsxs)(index_js_3.ParticleLayer, { noPortal: true, children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTrigger, { 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, { 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, { 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)(index_js_3.ParticleLayer,
|
|
37
|
+
children: ((0, jsx_runtime_1.jsxs)(index_js_3.ParticleLayer, { noPortal: true, children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTrigger, { 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, { 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, { 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)(Provider_js_1.Provider,
|
|
51
|
+
return ((0, jsx_runtime_1.jsxs)(Provider_js_1.Provider, { virtualKeyboardBehavior: "overlay", children: [(0, jsx_runtime_1.jsxs)(Dialog_js_1.Dialog, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTrigger, { 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, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: "Close" }) }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { 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,iCAA4C;AAC5C,iDAA4C;AAC5C,gDAA0C;AAC1C,oDAAsD;AACtD,yDAAmD;AACnD,qDAA+C;AAC/C,2CAOqB;AAErB,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;CAC6B,CAAC;AAEhC,kBAAe,IAAI,CAAC;AAIpB,SAAS,YAAY;IACpB,OAAO,CACN
|
|
1
|
+
{"version":3,"file":"Dialog.stories.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,66 +1,33 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
3
2
|
export interface DropdownMenuItemProps extends DropdownMenuPrimitive.DropdownMenuItemProps {
|
|
4
3
|
color?: 'default' | 'destructive';
|
|
5
4
|
}
|
|
6
5
|
export declare const DropdownMenuRoot: import("react").FC<DropdownMenuPrimitive.DropdownMenuProps>;
|
|
7
|
-
export declare const DropdownMenuTrigger: import("react").FunctionComponent<
|
|
8
|
-
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
9
|
-
}>;
|
|
6
|
+
export declare const DropdownMenuTrigger: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
10
7
|
export declare const DropdownMenuItem: import("react").ForwardRefExoticComponent<DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
11
|
-
export declare const DropdownMenuCheckboxItem: import("react").FunctionComponent<
|
|
12
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
13
|
-
}>;
|
|
8
|
+
export declare const DropdownMenuCheckboxItem: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
14
9
|
export declare const DropdownMenuRadioGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
15
|
-
export declare const DropdownMenuRadioItem: import("react").FunctionComponent<
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
export declare const
|
|
19
|
-
|
|
20
|
-
}>;
|
|
21
|
-
export declare const DropdownMenuLabel: import("react").FunctionComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
22
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
23
|
-
}>;
|
|
24
|
-
export declare const DropdownMenuSeparator: import("react").FunctionComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
25
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
26
|
-
}>;
|
|
27
|
-
export declare const DropdownMenuArrow: import("react").FunctionComponent<Omit<DropdownMenuPrimitive.DropdownMenuArrowProps & import("react").RefAttributes<SVGSVGElement>, "ref"> & {
|
|
28
|
-
ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
|
|
29
|
-
}>;
|
|
10
|
+
export declare const DropdownMenuRadioItem: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
11
|
+
export declare const DropdownMenuItemIndicator: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuItemIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
12
|
+
export declare const DropdownMenuLabel: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
13
|
+
export declare const DropdownMenuSeparator: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
14
|
+
export declare const DropdownMenuArrow: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuArrowProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
30
15
|
export declare const DropdownMenuContent: ({ children, forceMount, ...props }: DropdownMenuPrimitive.DropdownMenuContentProps & {
|
|
31
|
-
forceMount?: boolean
|
|
32
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
33
|
-
export declare const DropdownMenuItemRightSlot: import("react").FunctionComponent<
|
|
34
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
35
|
-
}>;
|
|
16
|
+
forceMount?: boolean;
|
|
17
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
18
|
+
export declare const DropdownMenuItemRightSlot: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
36
19
|
export declare const DropdownMenu: import("react").FC<DropdownMenuPrimitive.DropdownMenuProps> & {
|
|
37
20
|
Content: ({ children, forceMount, ...props }: DropdownMenuPrimitive.DropdownMenuContentProps & {
|
|
38
|
-
forceMount?: boolean
|
|
39
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
40
|
-
Trigger: import("react").FunctionComponent<
|
|
41
|
-
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
42
|
-
}>;
|
|
21
|
+
forceMount?: boolean;
|
|
22
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
23
|
+
Trigger: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
43
24
|
Item: import("react").ForwardRefExoticComponent<DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
44
|
-
CheckboxItem: import("react").FunctionComponent<
|
|
45
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
46
|
-
}>;
|
|
25
|
+
CheckboxItem: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
47
26
|
RadioGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
48
|
-
RadioItem: import("react").FunctionComponent<
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
Label: import("react").FunctionComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
55
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
56
|
-
}>;
|
|
57
|
-
Separator: import("react").FunctionComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
58
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
59
|
-
}>;
|
|
60
|
-
Arrow: import("react").FunctionComponent<Omit<DropdownMenuPrimitive.DropdownMenuArrowProps & import("react").RefAttributes<SVGSVGElement>, "ref"> & {
|
|
61
|
-
ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
|
|
62
|
-
}>;
|
|
63
|
-
ItemRightSlot: import("react").FunctionComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
64
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
65
|
-
}>;
|
|
27
|
+
RadioItem: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
28
|
+
ItemIndicator: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuItemIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
29
|
+
Label: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
30
|
+
Separator: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
31
|
+
Arrow: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuArrowProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
32
|
+
ItemRightSlot: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
66
33
|
};
|
|
@@ -17,13 +17,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
|
17
17
|
}) : function(o, v) {
|
|
18
18
|
o["default"] = v;
|
|
19
19
|
});
|
|
20
|
-
var __importStar = (this && this.__importStar) || function (
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
};
|
|
20
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
21
|
+
var ownKeys = function(o) {
|
|
22
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
23
|
+
var ar = [];
|
|
24
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
25
|
+
return ar;
|
|
26
|
+
};
|
|
27
|
+
return ownKeys(o);
|
|
28
|
+
};
|
|
29
|
+
return function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
36
|
+
})();
|
|
27
37
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
28
38
|
var t = {};
|
|
29
39
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -39,9 +49,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
39
49
|
exports.DropdownMenu = exports.DropdownMenuItemRightSlot = exports.DropdownMenuContent = exports.DropdownMenuArrow = exports.DropdownMenuSeparator = exports.DropdownMenuLabel = exports.DropdownMenuItemIndicator = exports.DropdownMenuRadioItem = exports.DropdownMenuRadioGroup = exports.DropdownMenuCheckboxItem = exports.DropdownMenuItem = exports.DropdownMenuTrigger = exports.DropdownMenuRoot = void 0;
|
|
40
50
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
41
51
|
const DropdownMenuPrimitive = __importStar(require("@radix-ui/react-dropdown-menu"));
|
|
42
|
-
const withClassName_js_1 = require("../../hooks/withClassName.js");
|
|
43
52
|
const clsx_1 = __importStar(require("clsx"));
|
|
44
53
|
const react_1 = require("react");
|
|
54
|
+
const withClassName_js_1 = require("../../hooks/withClassName.js");
|
|
45
55
|
const StyledContent = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.Content, 'min-w-220px bg-white z-menu shadow-lg rounded-xl border-default', 'layer-components:transform-origin-[var(--radix-dropdown-menu-transform-origin)]', 'layer-components:[&[data-state=open]]:animate-popover-in', 'layer-components:[&[data-state=closed]]:animate-popover-out', 'layer-components:max-h-[var(--radix-dropdown-menu-content-available-height)]', 'important:motion-reduce:animate-none', 'will-change-transform');
|
|
46
56
|
const itemClassName = (0, clsx_1.default)('layer-components:text-md layer-components:leading-4 layer-components:color-black layer-components:rounded-sm layer-components:flex layer-components:items-center layer-components:pr-4 layer-components:pl-8 layer-components:py-3 layer-components:relative layer-components:text-left layer-components:select-none layer-components:cursor-pointer', 'layer-components:[&[data-disabled]]:color-gray9 layer-components:[&[data-disabled]]:pointer-events-none', 'layer-components:focus-visible:bg-gray2 layer-components:focus-visible:color-gray9', 'layer-components:focus:outline-none');
|
|
47
57
|
const StyledItemBase = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.Item, itemClassName);
|
|
@@ -52,7 +62,7 @@ const StyledItem = (0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
|
52
62
|
});
|
|
53
63
|
const StyledCheckboxItem = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.CheckboxItem, itemClassName);
|
|
54
64
|
const StyledRadioItem = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.RadioItem, itemClassName);
|
|
55
|
-
const StyledLabel = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.Label, 'pl-25px text-
|
|
65
|
+
const StyledLabel = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.Label, 'pl-25px text-md leading-6 color-gray-9');
|
|
56
66
|
const StyledSeparator = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.Separator, 'h-1px bg-gray5 m-5px');
|
|
57
67
|
const StyledItemIndicator = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.ItemIndicator, 'absolute left-0 w-25px inline-flex items-center justify-center');
|
|
58
68
|
const StyledArrow = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.Arrow, 'fill-white stroke-black stroke-1');
|
|
@@ -71,7 +81,7 @@ exports.DropdownMenuSeparator = StyledSeparator;
|
|
|
71
81
|
exports.DropdownMenuArrow = StyledArrow;
|
|
72
82
|
const DropdownMenuContent = (_a) => {
|
|
73
83
|
var { children, forceMount } = _a, props = __rest(_a, ["children", "forceMount"]);
|
|
74
|
-
return ((0, jsx_runtime_1.jsx)(StyledPortal,
|
|
84
|
+
return ((0, jsx_runtime_1.jsx)(StyledPortal, { forceMount: forceMount, children: (0, jsx_runtime_1.jsxs)(StyledContent, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden rounded-xl", children: children }), (0, jsx_runtime_1.jsx)(StyledArrow, {})] })) }));
|
|
75
85
|
};
|
|
76
86
|
exports.DropdownMenuContent = DropdownMenuContent;
|
|
77
87
|
exports.DropdownMenuItemRightSlot = (0, withClassName_js_1.withClassName)('div', 'ml-auto');
|