@mks2508/mks-ui 0.1.4 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +38 -11
- package/dist/core/index.d.ts +7 -0
- package/dist/core/index.d.ts.map +1 -0
- package/dist/core/types.d.ts +79 -0
- package/dist/core/types.d.ts.map +1 -0
- package/dist/index.d.ts +19 -7
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +0 -72
- package/dist/react/components/MorphingPopover/MorphingPopover.types.d.ts +44 -0
- package/dist/react/components/MorphingPopover/MorphingPopover.types.d.ts.map +1 -0
- package/dist/react/components/MorphingPopover/index.d.ts +46 -0
- package/dist/react/components/MorphingPopover/index.d.ts.map +1 -0
- package/dist/react/components/MorphingPopover/index.js +119 -0
- package/dist/react/components/MorphingPopover/morphing-popover.module.js +5 -0
- package/dist/react/components/index.d.ts +9 -0
- package/dist/react/components/index.d.ts.map +1 -0
- package/dist/react/components/index.js +1 -0
- package/dist/react/hooks/Animation/UseAutoHeight.d.ts +30 -0
- package/dist/react/hooks/Animation/UseAutoHeight.d.ts.map +1 -0
- package/dist/react/hooks/Animation/UseAutoHeight.js +80 -0
- package/dist/react/hooks/DOM/UseIsInView.d.ts +32 -0
- package/dist/react/hooks/DOM/UseIsInView.d.ts.map +1 -0
- package/dist/react/hooks/DOM/UseIsInView.js +33 -0
- package/dist/react/hooks/State/UseControlledState.d.ts +31 -0
- package/dist/react/hooks/State/UseControlledState.d.ts.map +1 -0
- package/dist/react/hooks/State/UseControlledState.js +34 -0
- package/dist/react/hooks/State/UseDataState.d.ts +21 -0
- package/dist/react/hooks/State/UseDataState.d.ts.map +1 -0
- package/dist/react/hooks/State/UseDataState.js +63 -0
- package/dist/react/hooks/index.d.ts +14 -0
- package/dist/react/hooks/index.d.ts.map +1 -0
- package/dist/react/hooks/index.js +4 -0
- package/dist/react/icons/index.d.ts +8 -0
- package/dist/react/icons/index.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/activity.d.ts +11 -0
- package/dist/react/icons/lucide-animated/activity.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/activity.js +75 -0
- package/dist/react/icons/lucide-animated/arrow-down-to-line.d.ts +23 -0
- package/dist/react/icons/lucide-animated/arrow-down-to-line.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/arrow-down-to-line.js +45 -0
- package/dist/react/icons/lucide-animated/arrow-up.d.ts +23 -0
- package/dist/react/icons/lucide-animated/arrow-up.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/arrow-up.js +41 -0
- package/dist/react/icons/lucide-animated/bell-electric.d.ts +11 -0
- package/dist/react/icons/lucide-animated/bell-electric.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/bell-electric.js +202 -0
- package/dist/react/icons/lucide-animated/bell.d.ts +11 -0
- package/dist/react/icons/lucide-animated/bell.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/bell.js +65 -0
- package/dist/react/icons/lucide-animated/bot.d.ts +11 -0
- package/dist/react/icons/lucide-animated/bot.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/bot.js +118 -0
- package/dist/react/icons/lucide-animated/box.d.ts +11 -0
- package/dist/react/icons/lucide-animated/box.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/box.js +86 -0
- package/dist/react/icons/lucide-animated/check.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/check.js +23 -0
- package/dist/react/icons/lucide-animated/circle-check.d.ts +11 -0
- package/dist/react/icons/lucide-animated/circle-check.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/circle-check.js +76 -0
- package/dist/react/icons/lucide-animated/delete.d.ts +11 -0
- package/dist/react/icons/lucide-animated/delete.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/delete.js +110 -0
- package/dist/react/icons/lucide-animated/download.d.ts +11 -0
- package/dist/react/icons/lucide-animated/download.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/download.js +70 -0
- package/dist/react/icons/lucide-animated/edit-2.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/edit-2.js +23 -0
- package/dist/react/icons/lucide-animated/globe.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/globe.js +31 -0
- package/dist/react/icons/lucide-animated/home.d.ts +11 -0
- package/dist/react/icons/lucide-animated/home.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/home.js +68 -0
- package/dist/react/icons/lucide-animated/index.d.ts +38 -0
- package/dist/react/icons/lucide-animated/index.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/layers.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/layers.js +27 -0
- package/dist/react/icons/lucide-animated/layout-panel-top.d.ts +11 -0
- package/dist/react/icons/lucide-animated/layout-panel-top.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/layout-panel-top.js +130 -0
- package/dist/react/icons/lucide-animated/list.d.ts +23 -0
- package/dist/react/icons/lucide-animated/list.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/list.js +78 -0
- package/dist/react/icons/lucide-animated/package.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/package.js +28 -0
- package/dist/react/icons/lucide-animated/palette.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/palette.js +49 -0
- package/dist/react/icons/lucide-animated/plus.d.ts +11 -0
- package/dist/react/icons/lucide-animated/plus.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/plus.js +59 -0
- package/dist/react/icons/lucide-animated/refresh-cw.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/refresh-cw.js +28 -0
- package/dist/react/icons/lucide-animated/rocket.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/rocket.js +28 -0
- package/dist/react/icons/lucide-animated/save.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/save.js +27 -0
- package/dist/react/icons/lucide-animated/search.d.ts +11 -0
- package/dist/react/icons/lucide-animated/search.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/search.js +78 -0
- package/dist/react/icons/lucide-animated/settings.d.ts +11 -0
- package/dist/react/icons/lucide-animated/settings.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/settings.js +63 -0
- package/dist/react/icons/lucide-animated/terminal.d.ts +24 -0
- package/dist/react/icons/lucide-animated/terminal.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/terminal.js +36 -0
- package/dist/react/icons/lucide-animated/trash-2.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/trash-2.js +39 -0
- package/dist/react/icons/lucide-animated/trending-down.d.ts +11 -0
- package/dist/react/icons/lucide-animated/trending-down.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/trending-down.js +123 -0
- package/dist/react/icons/lucide-animated/trending-up.d.ts +11 -0
- package/dist/react/icons/lucide-animated/trending-up.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/trending-up.js +123 -0
- package/dist/react/icons/lucide-animated/type.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/type.js +37 -0
- package/dist/react/icons/lucide-animated/upload.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/upload.js +32 -0
- package/dist/react/icons/lucide-animated/x.d.ts +11 -0
- package/dist/react/icons/lucide-animated/x.d.ts.map +1 -0
- package/dist/react/icons/lucide-animated/x.js +68 -0
- package/dist/react/index.d.ts +19 -0
- package/dist/react/index.d.ts.map +1 -0
- package/dist/react/lib/get-strict-context.d.ts +30 -0
- package/dist/react/lib/get-strict-context.d.ts.map +1 -0
- package/dist/react/lib/get-strict-context.js +40 -0
- package/dist/react/lib/index.d.ts +8 -0
- package/dist/react/lib/index.d.ts.map +1 -0
- package/dist/react/lib/index.js +2 -0
- package/dist/react/lib/utils.d.ts +20 -0
- package/dist/react/lib/utils.d.ts.map +1 -0
- package/dist/react/lib/utils.js +27 -0
- package/dist/react/primitives/AutoHeight/index.d.ts +31 -0
- package/dist/react/primitives/AutoHeight/index.d.ts.map +1 -0
- package/dist/react/primitives/AutoHeight/index.js +52 -0
- package/dist/react/primitives/CountingNumber/index.d.ts +44 -0
- package/dist/react/primitives/CountingNumber/index.d.ts.map +1 -0
- package/dist/react/primitives/CountingNumber/index.js +97 -0
- package/dist/react/primitives/Highlight/Highlight.types.d.ts +113 -0
- package/dist/react/primitives/Highlight/Highlight.types.d.ts.map +1 -0
- package/dist/react/primitives/Highlight/index.d.ts +48 -0
- package/dist/react/primitives/Highlight/index.d.ts.map +1 -0
- package/dist/react/primitives/Highlight/index.js +396 -0
- package/dist/react/primitives/Slot/index.d.ts +53 -0
- package/dist/react/primitives/Slot/index.d.ts.map +1 -0
- package/dist/react/primitives/Slot/index.js +65 -0
- package/dist/react/primitives/index.d.ts +12 -0
- package/dist/react/primitives/index.d.ts.map +1 -0
- package/dist/react/primitives/index.js +4 -0
- package/dist/react/ui/Accordion/Accordion.styles.d.ts +47 -0
- package/dist/react/ui/Accordion/Accordion.styles.d.ts.map +1 -0
- package/dist/react/ui/Accordion/Accordion.styles.js +54 -0
- package/dist/react/ui/Accordion/Accordion.types.d.ts +160 -0
- package/dist/react/ui/Accordion/Accordion.types.d.ts.map +1 -0
- package/dist/react/ui/Accordion/index.d.ts +105 -0
- package/dist/react/ui/Accordion/index.d.ts.map +1 -0
- package/dist/react/ui/Accordion/index.js +266 -0
- package/dist/react/ui/AlertDialog/AlertDialog.styles.d.ts +28 -0
- package/dist/react/ui/AlertDialog/AlertDialog.styles.d.ts.map +1 -0
- package/dist/react/ui/AlertDialog/AlertDialog.styles.js +29 -0
- package/dist/react/ui/AlertDialog/AlertDialog.types.d.ts +235 -0
- package/dist/react/ui/AlertDialog/AlertDialog.types.d.ts.map +1 -0
- package/dist/react/ui/AlertDialog/index.d.ts +194 -0
- package/dist/react/ui/AlertDialog/index.d.ts.map +1 -0
- package/dist/react/ui/AlertDialog/index.js +319 -0
- package/dist/react/ui/Badge/Badge.styles.d.ts +16 -0
- package/dist/react/ui/Badge/Badge.styles.d.ts.map +1 -0
- package/dist/react/ui/Badge/Badge.styles.js +30 -0
- package/dist/react/ui/Badge/Badge.types.d.ts +21 -0
- package/dist/react/ui/Badge/Badge.types.d.ts.map +1 -0
- package/dist/react/ui/Badge/index.d.ts +20 -0
- package/dist/react/ui/Badge/index.d.ts.map +1 -0
- package/dist/react/ui/Badge/index.js +34 -0
- package/dist/react/ui/Button/Button.styles.d.ts +21 -0
- package/dist/react/ui/Button/Button.styles.d.ts.map +1 -0
- package/dist/react/ui/Button/Button.styles.js +40 -0
- package/dist/react/ui/Button/Button.types.d.ts +45 -0
- package/dist/react/ui/Button/Button.types.d.ts.map +1 -0
- package/dist/react/ui/Button/index.d.ts +22 -0
- package/dist/react/ui/Button/index.d.ts.map +1 -0
- package/dist/react/ui/Button/index.js +103 -0
- package/dist/react/ui/Card/Card.styles.d.ts +11 -0
- package/dist/react/ui/Card/Card.styles.d.ts.map +1 -0
- package/dist/react/ui/Card/Card.styles.js +24 -0
- package/dist/react/ui/Card/Card.types.d.ts +22 -0
- package/dist/react/ui/Card/Card.types.d.ts.map +1 -0
- package/dist/react/ui/Card/index.d.ts +36 -0
- package/dist/react/ui/Card/index.d.ts.map +1 -0
- package/dist/react/ui/Card/index.js +82 -0
- package/dist/react/ui/Checkbox/Checkbox.styles.d.ts +25 -0
- package/dist/react/ui/Checkbox/Checkbox.styles.d.ts.map +1 -0
- package/dist/react/ui/Checkbox/Checkbox.styles.js +34 -0
- package/dist/react/ui/Checkbox/Checkbox.types.d.ts +88 -0
- package/dist/react/ui/Checkbox/Checkbox.types.d.ts.map +1 -0
- package/dist/react/ui/Checkbox/index.d.ts +59 -0
- package/dist/react/ui/Checkbox/index.d.ts.map +1 -0
- package/dist/react/ui/Checkbox/index.js +158 -0
- package/dist/react/ui/Combobox/Combobox.styles.d.ts +7 -0
- package/dist/react/ui/Combobox/Combobox.styles.d.ts.map +1 -0
- package/dist/react/ui/Combobox/Combobox.styles.js +17 -0
- package/dist/react/ui/Combobox/Combobox.types.d.ts +49 -0
- package/dist/react/ui/Combobox/Combobox.types.d.ts.map +1 -0
- package/dist/react/ui/Combobox/index.d.ts +60 -0
- package/dist/react/ui/Combobox/index.d.ts.map +1 -0
- package/dist/react/ui/Combobox/index.js +216 -0
- package/dist/react/ui/CornerBracket/CornerBracket.styles.d.ts +18 -0
- package/dist/react/ui/CornerBracket/CornerBracket.styles.d.ts.map +1 -0
- package/dist/react/ui/CornerBracket/CornerBracket.styles.js +30 -0
- package/dist/react/ui/CornerBracket/CornerBracket.types.d.ts +12 -0
- package/dist/react/ui/CornerBracket/CornerBracket.types.d.ts.map +1 -0
- package/dist/react/ui/CornerBracket/index.d.ts +23 -0
- package/dist/react/ui/CornerBracket/index.d.ts.map +1 -0
- package/dist/react/ui/CornerBracket/index.js +42 -0
- package/dist/react/ui/Dialog/Dialog.styles.d.ts +24 -0
- package/dist/react/ui/Dialog/Dialog.styles.d.ts.map +1 -0
- package/dist/react/ui/Dialog/Dialog.styles.js +29 -0
- package/dist/react/ui/Dialog/Dialog.types.d.ts +221 -0
- package/dist/react/ui/Dialog/Dialog.types.d.ts.map +1 -0
- package/dist/react/ui/Dialog/index.d.ts +138 -0
- package/dist/react/ui/Dialog/index.d.ts.map +1 -0
- package/dist/react/ui/Dialog/index.js +265 -0
- package/dist/react/ui/DropdownMenu/DropdownMenu.styles.d.ts +7 -0
- package/dist/react/ui/DropdownMenu/DropdownMenu.styles.d.ts.map +1 -0
- package/dist/react/ui/DropdownMenu/DropdownMenu.styles.js +16 -0
- package/dist/react/ui/DropdownMenu/DropdownMenu.types.d.ts +50 -0
- package/dist/react/ui/DropdownMenu/DropdownMenu.types.d.ts.map +1 -0
- package/dist/react/ui/DropdownMenu/index.d.ts +50 -0
- package/dist/react/ui/DropdownMenu/index.d.ts.map +1 -0
- package/dist/react/ui/DropdownMenu/index.js +181 -0
- package/dist/react/ui/Field/Field.styles.d.ts +11 -0
- package/dist/react/ui/Field/Field.styles.d.ts.map +1 -0
- package/dist/react/ui/Field/Field.styles.js +27 -0
- package/dist/react/ui/Field/Field.types.d.ts +39 -0
- package/dist/react/ui/Field/Field.types.d.ts.map +1 -0
- package/dist/react/ui/Field/index.d.ts +56 -0
- package/dist/react/ui/Field/index.d.ts.map +1 -0
- package/dist/react/ui/Field/index.js +145 -0
- package/dist/react/ui/Input/Input.styles.d.ts +7 -0
- package/dist/react/ui/Input/Input.styles.d.ts.map +1 -0
- package/dist/react/ui/Input/Input.styles.js +5 -0
- package/dist/react/ui/Input/Input.types.d.ts +9 -0
- package/dist/react/ui/Input/Input.types.d.ts.map +1 -0
- package/dist/react/ui/Input/index.d.ts +17 -0
- package/dist/react/ui/Input/index.d.ts.map +1 -0
- package/dist/react/ui/Input/index.js +29 -0
- package/dist/react/ui/InputGroup/InputGroup.styles.d.ts +15 -0
- package/dist/react/ui/InputGroup/InputGroup.styles.d.ts.map +1 -0
- package/dist/react/ui/InputGroup/InputGroup.styles.js +34 -0
- package/dist/react/ui/InputGroup/InputGroup.types.d.ts +28 -0
- package/dist/react/ui/InputGroup/InputGroup.types.d.ts.map +1 -0
- package/dist/react/ui/InputGroup/index.d.ts +28 -0
- package/dist/react/ui/InputGroup/index.d.ts.map +1 -0
- package/dist/react/ui/InputGroup/index.js +81 -0
- package/dist/react/ui/Label/Label.styles.d.ts +6 -0
- package/dist/react/ui/Label/Label.styles.d.ts.map +1 -0
- package/dist/react/ui/Label/Label.styles.js +5 -0
- package/dist/react/ui/Label/Label.types.d.ts +8 -0
- package/dist/react/ui/Label/Label.types.d.ts.map +1 -0
- package/dist/react/ui/Label/index.d.ts +14 -0
- package/dist/react/ui/Label/index.d.ts.map +1 -0
- package/dist/react/ui/Label/index.js +24 -0
- package/dist/react/ui/Menu/Menu.styles.d.ts +42 -0
- package/dist/react/ui/Menu/Menu.styles.d.ts.map +1 -0
- package/dist/react/ui/Menu/Menu.styles.js +32 -0
- package/dist/react/ui/Menu/Menu.types.d.ts +328 -0
- package/dist/react/ui/Menu/Menu.types.d.ts.map +1 -0
- package/dist/react/ui/Menu/index.d.ts +354 -0
- package/dist/react/ui/Menu/index.d.ts.map +1 -0
- package/dist/react/ui/Menu/index.js +636 -0
- package/dist/react/ui/Popover/Popover.styles.d.ts +23 -0
- package/dist/react/ui/Popover/Popover.styles.d.ts.map +1 -0
- package/dist/react/ui/Popover/Popover.styles.js +26 -0
- package/dist/react/ui/Popover/Popover.types.d.ts +204 -0
- package/dist/react/ui/Popover/Popover.types.d.ts.map +1 -0
- package/dist/react/ui/Popover/index.d.ts +133 -0
- package/dist/react/ui/Popover/index.d.ts.map +1 -0
- package/dist/react/ui/Popover/index.js +237 -0
- package/dist/react/ui/Progress/Progress.styles.d.ts +28 -0
- package/dist/react/ui/Progress/Progress.styles.d.ts.map +1 -0
- package/dist/react/ui/Progress/Progress.styles.js +30 -0
- package/dist/react/ui/Progress/Progress.types.d.ts +148 -0
- package/dist/react/ui/Progress/Progress.types.d.ts.map +1 -0
- package/dist/react/ui/Progress/index.d.ts +111 -0
- package/dist/react/ui/Progress/index.d.ts.map +1 -0
- package/dist/react/ui/Progress/index.js +170 -0
- package/dist/react/ui/Select/Select.styles.d.ts +7 -0
- package/dist/react/ui/Select/Select.styles.d.ts.map +1 -0
- package/dist/react/ui/Select/Select.styles.js +15 -0
- package/dist/react/ui/Select/Select.types.d.ts +28 -0
- package/dist/react/ui/Select/Select.types.d.ts.map +1 -0
- package/dist/react/ui/Select/index.d.ts +38 -0
- package/dist/react/ui/Select/index.d.ts.map +1 -0
- package/dist/react/ui/Select/index.js +136 -0
- package/dist/react/ui/Separator/Separator.styles.d.ts +6 -0
- package/dist/react/ui/Separator/Separator.styles.d.ts.map +1 -0
- package/dist/react/ui/Separator/Separator.styles.js +5 -0
- package/dist/react/ui/Separator/Separator.types.d.ts +9 -0
- package/dist/react/ui/Separator/Separator.types.d.ts.map +1 -0
- package/dist/react/ui/Separator/index.d.ts +16 -0
- package/dist/react/ui/Separator/index.d.ts.map +1 -0
- package/dist/react/ui/Separator/index.js +29 -0
- package/dist/react/ui/Switch/Switch.styles.d.ts +26 -0
- package/dist/react/ui/Switch/Switch.styles.d.ts.map +1 -0
- package/dist/react/ui/Switch/Switch.styles.js +41 -0
- package/dist/react/ui/Switch/Switch.types.d.ts +130 -0
- package/dist/react/ui/Switch/Switch.types.d.ts.map +1 -0
- package/dist/react/ui/Switch/index.d.ts +79 -0
- package/dist/react/ui/Switch/index.d.ts.map +1 -0
- package/dist/react/ui/Switch/index.js +199 -0
- package/dist/react/ui/Tabs/Tabs.styles.d.ts +43 -0
- package/dist/react/ui/Tabs/Tabs.styles.d.ts.map +1 -0
- package/dist/react/ui/Tabs/Tabs.styles.js +26 -0
- package/dist/react/ui/Tabs/Tabs.types.d.ts +201 -0
- package/dist/react/ui/Tabs/Tabs.types.d.ts.map +1 -0
- package/dist/react/ui/Tabs/index.d.ts +141 -0
- package/dist/react/ui/Tabs/index.d.ts.map +1 -0
- package/dist/react/ui/Tabs/index.js +308 -0
- package/dist/react/ui/Textarea/Textarea.styles.d.ts +6 -0
- package/dist/react/ui/Textarea/Textarea.styles.d.ts.map +1 -0
- package/dist/react/ui/Textarea/Textarea.styles.js +5 -0
- package/dist/react/ui/Textarea/Textarea.types.d.ts +8 -0
- package/dist/react/ui/Textarea/Textarea.types.d.ts.map +1 -0
- package/dist/react/ui/Textarea/index.d.ts +14 -0
- package/dist/react/ui/Textarea/index.d.ts.map +1 -0
- package/dist/react/ui/Textarea/index.js +24 -0
- package/dist/react/ui/Tooltip/Tooltip.styles.d.ts +23 -0
- package/dist/react/ui/Tooltip/Tooltip.styles.d.ts.map +1 -0
- package/dist/react/ui/Tooltip/Tooltip.styles.js +26 -0
- package/dist/react/ui/Tooltip/Tooltip.types.d.ts +203 -0
- package/dist/react/ui/Tooltip/Tooltip.types.d.ts.map +1 -0
- package/dist/react/ui/Tooltip/index.d.ts +110 -0
- package/dist/react/ui/Tooltip/index.d.ts.map +1 -0
- package/dist/react/ui/Tooltip/index.js +219 -0
- package/dist/react/ui/index.d.ts +31 -0
- package/dist/react/ui/index.d.ts.map +1 -0
- package/dist/react/ui/index.js +37 -0
- package/dist/react.js +88 -0
- package/package.json +12 -9
- package/src/core/index.ts +7 -0
- package/src/core/types.ts +82 -0
- package/src/index.ts +20 -14
- package/src/react/components/MorphingPopover/MorphingPopover.types.ts +49 -0
- package/src/react/components/MorphingPopover/index.tsx +186 -0
- package/src/react/components/index.ts +9 -0
- package/src/react/hooks/Animation/UseAutoHeight.tsx +123 -0
- package/src/react/hooks/DOM/UseIsInView.tsx +44 -0
- package/src/react/hooks/State/UseControlledState.tsx +57 -0
- package/src/react/hooks/State/UseDataState.tsx +76 -0
- package/src/react/hooks/index.ts +17 -0
- package/src/react/icons/index.ts +12 -0
- package/src/react/icons/lucide-animated/activity.tsx +109 -0
- package/src/react/icons/lucide-animated/bell-electric.tsx +124 -0
- package/src/react/icons/lucide-animated/bell.tsx +93 -0
- package/src/react/icons/lucide-animated/bot.tsx +122 -0
- package/src/react/icons/lucide-animated/box.tsx +117 -0
- package/src/react/icons/lucide-animated/circle-check.tsx +107 -0
- package/src/react/icons/lucide-animated/delete.tsx +133 -0
- package/src/react/icons/lucide-animated/download.tsx +99 -0
- package/src/react/icons/lucide-animated/home.tsx +103 -0
- package/src/react/icons/lucide-animated/index.ts +38 -0
- package/src/react/icons/lucide-animated/layout-panel-top.tsx +143 -0
- package/src/react/icons/lucide-animated/plus.tsx +92 -0
- package/src/react/icons/lucide-animated/search.tsx +94 -0
- package/src/react/icons/lucide-animated/settings.tsx +92 -0
- package/src/react/icons/lucide-animated/trending-down.tsx +151 -0
- package/src/react/icons/lucide-animated/trending-up.tsx +150 -0
- package/src/react/icons/lucide-animated/x.tsx +102 -0
- package/src/react/index.ts +30 -0
- package/src/react/lib/get-strict-context.tsx +56 -0
- package/src/react/lib/index.ts +8 -0
- package/src/react/lib/utils.ts +24 -0
- package/src/react/primitives/AutoHeight/index.tsx +74 -0
- package/src/react/primitives/CountingNumber/index.tsx +147 -0
- package/src/react/primitives/Highlight/Highlight.types.ts +136 -0
- package/src/react/primitives/Highlight/index.tsx +577 -0
- package/src/react/primitives/Slot/index.tsx +128 -0
- package/src/react/primitives/index.ts +13 -0
- package/src/react/ui/Accordion/Accordion.styles.ts +72 -0
- package/src/react/ui/Accordion/Accordion.types.ts +199 -0
- package/src/react/ui/Accordion/index.tsx +362 -0
- package/src/react/ui/AlertDialog/AlertDialog.styles.ts +38 -0
- package/src/react/ui/AlertDialog/AlertDialog.types.ts +296 -0
- package/src/react/ui/AlertDialog/index.tsx +540 -0
- package/src/react/ui/Badge/Badge.styles.ts +43 -0
- package/src/react/ui/Badge/Badge.types.ts +26 -0
- package/src/react/ui/Badge/index.tsx +34 -0
- package/src/react/ui/Button/Button.styles.ts +57 -0
- package/src/react/ui/Button/Button.types.ts +63 -0
- package/src/react/ui/Button/index.tsx +155 -0
- package/src/react/ui/Card/Card.styles.ts +32 -0
- package/src/react/ui/Card/Card.types.ts +39 -0
- package/src/react/ui/Card/index.tsx +130 -0
- package/src/react/ui/Checkbox/Checkbox.styles.ts +40 -0
- package/src/react/ui/Checkbox/Checkbox.types.ts +98 -0
- package/src/react/ui/Checkbox/index.tsx +233 -0
- package/src/react/ui/Combobox/Combobox.styles.ts +34 -0
- package/src/react/ui/Combobox/Combobox.types.ts +89 -0
- package/src/react/ui/Combobox/index.tsx +331 -0
- package/src/react/ui/CornerBracket/CornerBracket.styles.ts +38 -0
- package/src/react/ui/CornerBracket/CornerBracket.types.ts +15 -0
- package/src/react/ui/CornerBracket/index.tsx +49 -0
- package/src/react/ui/Dialog/Dialog.styles.ts +59 -0
- package/src/react/ui/Dialog/Dialog.types.ts +284 -0
- package/src/react/ui/Dialog/index.tsx +452 -0
- package/src/react/ui/DropdownMenu/DropdownMenu.styles.ts +35 -0
- package/src/react/ui/DropdownMenu/DropdownMenu.types.ts +81 -0
- package/src/react/ui/DropdownMenu/index.tsx +300 -0
- package/src/react/ui/Field/Field.styles.ts +47 -0
- package/src/react/ui/Field/Field.types.ts +60 -0
- package/src/react/ui/Field/index.tsx +254 -0
- package/src/react/ui/Input/Input.styles.ts +11 -0
- package/src/react/ui/Input/Input.types.ts +10 -0
- package/src/react/ui/Input/index.tsx +32 -0
- package/src/react/ui/InputGroup/InputGroup.styles.ts +53 -0
- package/src/react/ui/InputGroup/InputGroup.types.ts +44 -0
- package/src/react/ui/InputGroup/index.tsx +147 -0
- package/src/react/ui/Label/Label.styles.ts +10 -0
- package/src/react/ui/Label/Label.types.ts +9 -0
- package/src/react/ui/Label/index.tsx +27 -0
- package/src/react/ui/Menu/Menu.styles.ts +71 -0
- package/src/react/ui/Menu/Menu.types.ts +425 -0
- package/src/react/ui/Menu/index.tsx +900 -0
- package/src/react/ui/Popover/Popover.styles.ts +55 -0
- package/src/react/ui/Popover/Popover.types.ts +261 -0
- package/src/react/ui/Popover/index.tsx +422 -0
- package/src/react/ui/Progress/Progress.styles.ts +36 -0
- package/src/react/ui/Progress/Progress.types.ts +162 -0
- package/src/react/ui/Progress/index.tsx +254 -0
- package/src/react/ui/Select/Select.styles.ts +30 -0
- package/src/react/ui/Select/Select.types.ts +51 -0
- package/src/react/ui/Select/index.tsx +225 -0
- package/src/react/ui/Separator/Separator.styles.ts +10 -0
- package/src/react/ui/Separator/Separator.types.ts +10 -0
- package/src/react/ui/Separator/index.tsx +37 -0
- package/src/react/ui/Switch/Switch.styles.ts +50 -0
- package/src/react/ui/Switch/Switch.types.ts +155 -0
- package/src/react/ui/Switch/index.tsx +253 -0
- package/src/react/ui/Tabs/Tabs.styles.ts +60 -0
- package/src/react/ui/Tabs/Tabs.types.ts +250 -0
- package/src/react/ui/Tabs/index.tsx +421 -0
- package/src/react/ui/Textarea/Textarea.styles.ts +10 -0
- package/src/react/ui/Textarea/Textarea.types.ts +9 -0
- package/src/react/ui/Textarea/index.tsx +27 -0
- package/src/react/ui/Tooltip/Tooltip.styles.ts +43 -0
- package/src/react/ui/Tooltip/Tooltip.types.ts +253 -0
- package/src/react/ui/Tooltip/index.tsx +394 -0
- package/src/react/ui/index.ts +34 -0
- package/dist/components/animate-ui/primitives/animate/slot.d.ts +0 -18
- package/dist/components/animate-ui/primitives/animate/slot.d.ts.map +0 -1
- package/dist/components/animate-ui/primitives/animate/slot.js +0 -42
- package/dist/components/animate-ui/primitives/base/accordion.d.ts +0 -22
- package/dist/components/animate-ui/primitives/base/accordion.d.ts.map +0 -1
- package/dist/components/animate-ui/primitives/base/accordion.js +0 -132
- package/dist/components/animate-ui/primitives/base/alert-dialog.d.ts +0 -33
- package/dist/components/animate-ui/primitives/base/alert-dialog.d.ts.map +0 -1
- package/dist/components/animate-ui/primitives/base/alert-dialog.js +0 -132
- package/dist/components/animate-ui/primitives/base/checkbox.d.ts +0 -15
- package/dist/components/animate-ui/primitives/base/checkbox.d.ts.map +0 -1
- package/dist/components/animate-ui/primitives/base/checkbox.js +0 -101
- package/dist/components/animate-ui/primitives/base/dialog.d.ts +0 -33
- package/dist/components/animate-ui/primitives/base/dialog.d.ts.map +0 -1
- package/dist/components/animate-ui/primitives/base/dialog.js +0 -132
- package/dist/components/animate-ui/primitives/base/menu.d.ts +0 -60
- package/dist/components/animate-ui/primitives/base/menu.d.ts.map +0 -1
- package/dist/components/animate-ui/primitives/base/menu.js +0 -266
- package/dist/components/animate-ui/primitives/base/popover.d.ts +0 -30
- package/dist/components/animate-ui/primitives/base/popover.d.ts.map +0 -1
- package/dist/components/animate-ui/primitives/base/popover.js +0 -109
- package/dist/components/animate-ui/primitives/base/progress.d.ts +0 -297
- package/dist/components/animate-ui/primitives/base/progress.d.ts.map +0 -1
- package/dist/components/animate-ui/primitives/base/progress.js +0 -63
- package/dist/components/animate-ui/primitives/base/switch.d.ts +0 -23
- package/dist/components/animate-ui/primitives/base/switch.d.ts.map +0 -1
- package/dist/components/animate-ui/primitives/base/switch.js +0 -90
- package/dist/components/animate-ui/primitives/base/tabs.d.ts +0 -33
- package/dist/components/animate-ui/primitives/base/tabs.d.ts.map +0 -1
- package/dist/components/animate-ui/primitives/base/tabs.js +0 -132
- package/dist/components/animate-ui/primitives/base/tooltip.d.ts +0 -31
- package/dist/components/animate-ui/primitives/base/tooltip.d.ts.map +0 -1
- package/dist/components/animate-ui/primitives/base/tooltip.js +0 -116
- package/dist/components/animate-ui/primitives/effects/auto-height.d.ts +0 -12
- package/dist/components/animate-ui/primitives/effects/auto-height.d.ts.map +0 -1
- package/dist/components/animate-ui/primitives/effects/auto-height.js +0 -37
- package/dist/components/animate-ui/primitives/effects/highlight.d.ts +0 -92
- package/dist/components/animate-ui/primitives/effects/highlight.d.ts.map +0 -1
- package/dist/components/animate-ui/primitives/effects/highlight.js +0 -356
- package/dist/components/animate-ui/primitives/texts/counting-number.d.ts +0 -16
- package/dist/components/animate-ui/primitives/texts/counting-number.d.ts.map +0 -1
- package/dist/components/animate-ui/primitives/texts/counting-number.js +0 -78
- package/dist/components/ui/accordion.d.ts +0 -9
- package/dist/components/ui/accordion.d.ts.map +0 -1
- package/dist/components/ui/accordion.js +0 -1
- package/dist/components/ui/alert-dialog.d.ts +0 -9
- package/dist/components/ui/alert-dialog.d.ts.map +0 -1
- package/dist/components/ui/alert-dialog.js +0 -1
- package/dist/components/ui/auto-height.d.ts +0 -9
- package/dist/components/ui/auto-height.d.ts.map +0 -1
- package/dist/components/ui/auto-height.js +0 -1
- package/dist/components/ui/badge/badge.d.ts +0 -37
- package/dist/components/ui/badge/badge.d.ts.map +0 -1
- package/dist/components/ui/badge/badge.js +0 -52
- package/dist/components/ui/badge/badge.styles.d.ts +0 -23
- package/dist/components/ui/badge/badge.styles.d.ts.map +0 -1
- package/dist/components/ui/badge/badge.styles.js +0 -34
- package/dist/components/ui/badge/badge.types.d.ts +0 -38
- package/dist/components/ui/badge/badge.types.d.ts.map +0 -1
- package/dist/components/ui/badge/index.d.ts +0 -8
- package/dist/components/ui/badge/index.d.ts.map +0 -1
- package/dist/components/ui/badge/index.js +0 -2
- package/dist/components/ui/button/button.d.ts +0 -79
- package/dist/components/ui/button/button.d.ts.map +0 -1
- package/dist/components/ui/button/button.js +0 -161
- package/dist/components/ui/button/button.styles.d.ts +0 -33
- package/dist/components/ui/button/button.styles.d.ts.map +0 -1
- package/dist/components/ui/button/button.styles.js +0 -46
- package/dist/components/ui/button/button.types.d.ts +0 -103
- package/dist/components/ui/button/button.types.d.ts.map +0 -1
- package/dist/components/ui/button/index.d.ts +0 -7
- package/dist/components/ui/button/index.d.ts.map +0 -1
- package/dist/components/ui/button/index.js +0 -2
- package/dist/components/ui/card.d.ts +0 -14
- package/dist/components/ui/card.d.ts.map +0 -1
- package/dist/components/ui/card.js +0 -67
- package/dist/components/ui/checkbox.d.ts +0 -9
- package/dist/components/ui/checkbox.d.ts.map +0 -1
- package/dist/components/ui/checkbox.js +0 -1
- package/dist/components/ui/combobox.d.ts +0 -25
- package/dist/components/ui/combobox.d.ts.map +0 -1
- package/dist/components/ui/combobox.js +0 -178
- package/dist/components/ui/corner-bracket.d.ts +0 -34
- package/dist/components/ui/corner-bracket.d.ts.map +0 -1
- package/dist/components/ui/corner-bracket.js +0 -70
- package/dist/components/ui/counting-number.d.ts +0 -9
- package/dist/components/ui/counting-number.d.ts.map +0 -1
- package/dist/components/ui/counting-number.js +0 -1
- package/dist/components/ui/dialog.d.ts +0 -9
- package/dist/components/ui/dialog.d.ts.map +0 -1
- package/dist/components/ui/dialog.js +0 -1
- package/dist/components/ui/dropdown-menu.d.ts +0 -30
- package/dist/components/ui/dropdown-menu.d.ts.map +0 -1
- package/dist/components/ui/dropdown-menu.js +0 -151
- package/dist/components/ui/field.d.ts +0 -25
- package/dist/components/ui/field.d.ts.map +0 -1
- package/dist/components/ui/field.js +0 -113
- package/dist/components/ui/highlight.d.ts +0 -9
- package/dist/components/ui/highlight.d.ts.map +0 -1
- package/dist/components/ui/highlight.js +0 -1
- package/dist/components/ui/index.d.ts +0 -36
- package/dist/components/ui/index.d.ts.map +0 -1
- package/dist/components/ui/index.js +0 -47
- package/dist/components/ui/input-group.d.ts +0 -19
- package/dist/components/ui/input-group.d.ts.map +0 -1
- package/dist/components/ui/input-group.js +0 -84
- package/dist/components/ui/input.d.ts +0 -4
- package/dist/components/ui/input.d.ts.map +0 -1
- package/dist/components/ui/input.js +0 -17
- package/dist/components/ui/label.d.ts +0 -4
- package/dist/components/ui/label.d.ts.map +0 -1
- package/dist/components/ui/label.js +0 -15
- package/dist/components/ui/menu.d.ts +0 -9
- package/dist/components/ui/menu.d.ts.map +0 -1
- package/dist/components/ui/menu.js +0 -1
- package/dist/components/ui/morphing-popover/index.d.ts +0 -10
- package/dist/components/ui/morphing-popover/index.d.ts.map +0 -1
- package/dist/components/ui/morphing-popover/index.js +0 -1
- package/dist/components/ui/morphing-popover/morphing-popover.d.ts +0 -54
- package/dist/components/ui/morphing-popover/morphing-popover.d.ts.map +0 -1
- package/dist/components/ui/morphing-popover/morphing-popover.js +0 -79
- package/dist/components/ui/morphing-popover/morphing-popover.module.js +0 -5
- package/dist/components/ui/popover.d.ts +0 -9
- package/dist/components/ui/popover.d.ts.map +0 -1
- package/dist/components/ui/popover.js +0 -1
- package/dist/components/ui/progress.d.ts +0 -9
- package/dist/components/ui/progress.d.ts.map +0 -1
- package/dist/components/ui/progress.js +0 -1
- package/dist/components/ui/select.d.ts +0 -16
- package/dist/components/ui/select.d.ts.map +0 -1
- package/dist/components/ui/select.js +0 -114
- package/dist/components/ui/separator.d.ts +0 -4
- package/dist/components/ui/separator.d.ts.map +0 -1
- package/dist/components/ui/separator.js +0 -18
- package/dist/components/ui/slot.d.ts +0 -9
- package/dist/components/ui/slot.d.ts.map +0 -1
- package/dist/components/ui/slot.js +0 -1
- package/dist/components/ui/switch.d.ts +0 -9
- package/dist/components/ui/switch.d.ts.map +0 -1
- package/dist/components/ui/switch.js +0 -1
- package/dist/components/ui/tabs.d.ts +0 -9
- package/dist/components/ui/tabs.d.ts.map +0 -1
- package/dist/components/ui/tabs.js +0 -1
- package/dist/components/ui/textarea.d.ts +0 -4
- package/dist/components/ui/textarea.d.ts.map +0 -1
- package/dist/components/ui/textarea.js +0 -15
- package/dist/components/ui/tooltip.d.ts +0 -9
- package/dist/components/ui/tooltip.d.ts.map +0 -1
- package/dist/components/ui/tooltip.js +0 -1
- package/dist/hooks/index.d.ts +0 -10
- package/dist/hooks/index.d.ts.map +0 -1
- package/dist/hooks/index.js +0 -4
- package/dist/hooks/use-auto-height.d.ts +0 -11
- package/dist/hooks/use-auto-height.d.ts.map +0 -1
- package/dist/hooks/use-auto-height.js +0 -66
- package/dist/hooks/use-controlled-state.d.ts +0 -9
- package/dist/hooks/use-controlled-state.d.ts.map +0 -1
- package/dist/hooks/use-controlled-state.js +0 -17
- package/dist/hooks/use-data-state.d.ts +0 -5
- package/dist/hooks/use-data-state.d.ts.map +0 -1
- package/dist/hooks/use-data-state.js +0 -42
- package/dist/hooks/use-is-in-view.d.ts +0 -13
- package/dist/hooks/use-is-in-view.d.ts.map +0 -1
- package/dist/hooks/use-is-in-view.js +0 -20
- package/dist/icons/index.d.ts +0 -8
- package/dist/icons/index.d.ts.map +0 -1
- package/dist/icons/lucide-animated/activity.d.ts +0 -11
- package/dist/icons/lucide-animated/activity.d.ts.map +0 -1
- package/dist/icons/lucide-animated/activity.js +0 -75
- package/dist/icons/lucide-animated/arrow-down-to-line.d.ts +0 -23
- package/dist/icons/lucide-animated/arrow-down-to-line.d.ts.map +0 -1
- package/dist/icons/lucide-animated/arrow-down-to-line.js +0 -45
- package/dist/icons/lucide-animated/arrow-up.d.ts +0 -23
- package/dist/icons/lucide-animated/arrow-up.d.ts.map +0 -1
- package/dist/icons/lucide-animated/arrow-up.js +0 -41
- package/dist/icons/lucide-animated/bell-electric.d.ts +0 -11
- package/dist/icons/lucide-animated/bell-electric.d.ts.map +0 -1
- package/dist/icons/lucide-animated/bell-electric.js +0 -202
- package/dist/icons/lucide-animated/bell.d.ts +0 -11
- package/dist/icons/lucide-animated/bell.d.ts.map +0 -1
- package/dist/icons/lucide-animated/bell.js +0 -65
- package/dist/icons/lucide-animated/bot.d.ts +0 -11
- package/dist/icons/lucide-animated/bot.d.ts.map +0 -1
- package/dist/icons/lucide-animated/bot.js +0 -118
- package/dist/icons/lucide-animated/box.d.ts +0 -11
- package/dist/icons/lucide-animated/box.d.ts.map +0 -1
- package/dist/icons/lucide-animated/box.js +0 -86
- package/dist/icons/lucide-animated/check.d.ts.map +0 -1
- package/dist/icons/lucide-animated/check.js +0 -23
- package/dist/icons/lucide-animated/circle-check.d.ts +0 -11
- package/dist/icons/lucide-animated/circle-check.d.ts.map +0 -1
- package/dist/icons/lucide-animated/circle-check.js +0 -76
- package/dist/icons/lucide-animated/delete.d.ts +0 -11
- package/dist/icons/lucide-animated/delete.d.ts.map +0 -1
- package/dist/icons/lucide-animated/delete.js +0 -110
- package/dist/icons/lucide-animated/download.d.ts +0 -11
- package/dist/icons/lucide-animated/download.d.ts.map +0 -1
- package/dist/icons/lucide-animated/download.js +0 -70
- package/dist/icons/lucide-animated/edit-2.d.ts.map +0 -1
- package/dist/icons/lucide-animated/edit-2.js +0 -23
- package/dist/icons/lucide-animated/globe.d.ts.map +0 -1
- package/dist/icons/lucide-animated/globe.js +0 -31
- package/dist/icons/lucide-animated/home.d.ts +0 -11
- package/dist/icons/lucide-animated/home.d.ts.map +0 -1
- package/dist/icons/lucide-animated/home.js +0 -68
- package/dist/icons/lucide-animated/index.d.ts +0 -38
- package/dist/icons/lucide-animated/index.d.ts.map +0 -1
- package/dist/icons/lucide-animated/layers.d.ts.map +0 -1
- package/dist/icons/lucide-animated/layers.js +0 -27
- package/dist/icons/lucide-animated/layout-panel-top.d.ts +0 -11
- package/dist/icons/lucide-animated/layout-panel-top.d.ts.map +0 -1
- package/dist/icons/lucide-animated/layout-panel-top.js +0 -130
- package/dist/icons/lucide-animated/list.d.ts +0 -23
- package/dist/icons/lucide-animated/list.d.ts.map +0 -1
- package/dist/icons/lucide-animated/list.js +0 -78
- package/dist/icons/lucide-animated/package.d.ts.map +0 -1
- package/dist/icons/lucide-animated/package.js +0 -28
- package/dist/icons/lucide-animated/palette.d.ts.map +0 -1
- package/dist/icons/lucide-animated/palette.js +0 -49
- package/dist/icons/lucide-animated/plus.d.ts +0 -11
- package/dist/icons/lucide-animated/plus.d.ts.map +0 -1
- package/dist/icons/lucide-animated/plus.js +0 -59
- package/dist/icons/lucide-animated/refresh-cw.d.ts.map +0 -1
- package/dist/icons/lucide-animated/refresh-cw.js +0 -28
- package/dist/icons/lucide-animated/rocket.d.ts.map +0 -1
- package/dist/icons/lucide-animated/rocket.js +0 -28
- package/dist/icons/lucide-animated/save.d.ts.map +0 -1
- package/dist/icons/lucide-animated/save.js +0 -27
- package/dist/icons/lucide-animated/search.d.ts +0 -11
- package/dist/icons/lucide-animated/search.d.ts.map +0 -1
- package/dist/icons/lucide-animated/search.js +0 -78
- package/dist/icons/lucide-animated/settings.d.ts +0 -11
- package/dist/icons/lucide-animated/settings.d.ts.map +0 -1
- package/dist/icons/lucide-animated/settings.js +0 -63
- package/dist/icons/lucide-animated/terminal.d.ts +0 -24
- package/dist/icons/lucide-animated/terminal.d.ts.map +0 -1
- package/dist/icons/lucide-animated/terminal.js +0 -36
- package/dist/icons/lucide-animated/trash-2.d.ts.map +0 -1
- package/dist/icons/lucide-animated/trash-2.js +0 -39
- package/dist/icons/lucide-animated/trending-down.d.ts +0 -11
- package/dist/icons/lucide-animated/trending-down.d.ts.map +0 -1
- package/dist/icons/lucide-animated/trending-down.js +0 -123
- package/dist/icons/lucide-animated/trending-up.d.ts +0 -11
- package/dist/icons/lucide-animated/trending-up.d.ts.map +0 -1
- package/dist/icons/lucide-animated/trending-up.js +0 -123
- package/dist/icons/lucide-animated/type.d.ts.map +0 -1
- package/dist/icons/lucide-animated/type.js +0 -37
- package/dist/icons/lucide-animated/upload.d.ts.map +0 -1
- package/dist/icons/lucide-animated/upload.js +0 -32
- package/dist/icons/lucide-animated/x.d.ts +0 -11
- package/dist/icons/lucide-animated/x.d.ts.map +0 -1
- package/dist/icons/lucide-animated/x.js +0 -68
- package/dist/lib/get-strict-context.d.ts +0 -10
- package/dist/lib/get-strict-context.d.ts.map +0 -1
- package/dist/lib/get-strict-context.js +0 -20
- package/dist/lib/utils.d.ts +0 -20
- package/dist/lib/utils.d.ts.map +0 -1
- package/dist/lib/utils.js +0 -27
- package/src/components/animate-ui/primitives/animate/slot.tsx +0 -96
- package/src/components/animate-ui/primitives/base/accordion.tsx +0 -179
- package/src/components/animate-ui/primitives/base/alert-dialog.tsx +0 -218
- package/src/components/animate-ui/primitives/base/checkbox.tsx +0 -153
- package/src/components/animate-ui/primitives/base/dialog.tsx +0 -203
- package/src/components/animate-ui/primitives/base/menu.tsx +0 -463
- package/src/components/animate-ui/primitives/base/popover.tsx +0 -167
- package/src/components/animate-ui/primitives/base/progress.tsx +0 -103
- package/src/components/animate-ui/primitives/base/switch.tsx +0 -158
- package/src/components/animate-ui/primitives/base/tabs.tsx +0 -202
- package/src/components/animate-ui/primitives/base/tooltip.tsx +0 -209
- package/src/components/animate-ui/primitives/effects/auto-height.tsx +0 -55
- package/src/components/animate-ui/primitives/effects/highlight.tsx +0 -640
- package/src/components/animate-ui/primitives/texts/counting-number.tsx +0 -119
- package/src/components/ui/accordion.tsx +0 -9
- package/src/components/ui/alert-dialog.tsx +0 -9
- package/src/components/ui/auto-height.tsx +0 -9
- package/src/components/ui/badge/badge.styles.ts +0 -46
- package/src/components/ui/badge/badge.tsx +0 -52
- package/src/components/ui/badge/badge.types.ts +0 -41
- package/src/components/ui/badge/index.ts +0 -8
- package/src/components/ui/button/button.styles.ts +0 -66
- package/src/components/ui/button/button.tsx +0 -209
- package/src/components/ui/button/button.types.ts +0 -125
- package/src/components/ui/button/index.ts +0 -7
- package/src/components/ui/card.tsx +0 -108
- package/src/components/ui/checkbox.tsx +0 -9
- package/src/components/ui/combobox.tsx +0 -293
- package/src/components/ui/corner-bracket.tsx +0 -85
- package/src/components/ui/counting-number.tsx +0 -9
- package/src/components/ui/dialog.tsx +0 -9
- package/src/components/ui/dropdown-menu.tsx +0 -261
- package/src/components/ui/field.tsx +0 -227
- package/src/components/ui/highlight.tsx +0 -9
- package/src/components/ui/index.ts +0 -43
- package/src/components/ui/input-group.tsx +0 -149
- package/src/components/ui/input.tsx +0 -20
- package/src/components/ui/label.tsx +0 -18
- package/src/components/ui/menu.tsx +0 -9
- package/src/components/ui/morphing-popover/index.ts +0 -10
- package/src/components/ui/morphing-popover/morphing-popover.tsx +0 -183
- package/src/components/ui/popover.tsx +0 -9
- package/src/components/ui/progress.tsx +0 -9
- package/src/components/ui/select.tsx +0 -190
- package/src/components/ui/separator.tsx +0 -25
- package/src/components/ui/slot.tsx +0 -9
- package/src/components/ui/switch.tsx +0 -9
- package/src/components/ui/tabs.tsx +0 -9
- package/src/components/ui/textarea.tsx +0 -18
- package/src/components/ui/tooltip.tsx +0 -9
- package/src/hooks/index.ts +0 -10
- package/src/hooks/use-auto-height.tsx +0 -102
- package/src/hooks/use-controlled-state.tsx +0 -33
- package/src/hooks/use-data-state.tsx +0 -54
- package/src/hooks/use-is-in-view.tsx +0 -25
- package/src/icons/index.ts +0 -12
- package/src/icons/lucide-animated/activity.tsx +0 -109
- package/src/icons/lucide-animated/bell-electric.tsx +0 -124
- package/src/icons/lucide-animated/bell.tsx +0 -93
- package/src/icons/lucide-animated/bot.tsx +0 -122
- package/src/icons/lucide-animated/box.tsx +0 -117
- package/src/icons/lucide-animated/circle-check.tsx +0 -107
- package/src/icons/lucide-animated/delete.tsx +0 -133
- package/src/icons/lucide-animated/download.tsx +0 -99
- package/src/icons/lucide-animated/home.tsx +0 -103
- package/src/icons/lucide-animated/index.ts +0 -38
- package/src/icons/lucide-animated/layout-panel-top.tsx +0 -143
- package/src/icons/lucide-animated/plus.tsx +0 -92
- package/src/icons/lucide-animated/search.tsx +0 -94
- package/src/icons/lucide-animated/settings.tsx +0 -92
- package/src/icons/lucide-animated/trending-down.tsx +0 -151
- package/src/icons/lucide-animated/trending-up.tsx +0 -150
- package/src/icons/lucide-animated/x.tsx +0 -102
- package/src/lib/get-strict-context.tsx +0 -36
- package/src/lib/utils.ts +0 -24
- /package/dist/{components/ui/morphing-popover/morphing-popover.module-CE9GIgKo.css → react/components/MorphingPopover/morphing-popover.module-BkcZcmVy.css} +0 -0
- /package/dist/{icons → react/icons}/index.js +0 -0
- /package/dist/{icons → react/icons}/lucide-animated/check.d.ts +0 -0
- /package/dist/{icons → react/icons}/lucide-animated/edit-2.d.ts +0 -0
- /package/dist/{icons → react/icons}/lucide-animated/globe.d.ts +0 -0
- /package/dist/{icons → react/icons}/lucide-animated/index.js +0 -0
- /package/dist/{icons → react/icons}/lucide-animated/layers.d.ts +0 -0
- /package/dist/{icons → react/icons}/lucide-animated/package.d.ts +0 -0
- /package/dist/{icons → react/icons}/lucide-animated/palette.d.ts +0 -0
- /package/dist/{icons → react/icons}/lucide-animated/refresh-cw.d.ts +0 -0
- /package/dist/{icons → react/icons}/lucide-animated/rocket.d.ts +0 -0
- /package/dist/{icons → react/icons}/lucide-animated/save.d.ts +0 -0
- /package/dist/{icons → react/icons}/lucide-animated/trash-2.d.ts +0 -0
- /package/dist/{icons → react/icons}/lucide-animated/type.d.ts +0 -0
- /package/dist/{icons → react/icons}/lucide-animated/upload.d.ts +0 -0
- /package/src/{components/ui/morphing-popover → react/components/MorphingPopover}/morphing-popover.module.css +0 -0
- /package/src/{icons → react/icons}/lucide-animated/arrow-down-to-line.tsx +0 -0
- /package/src/{icons → react/icons}/lucide-animated/arrow-up.tsx +0 -0
- /package/src/{icons → react/icons}/lucide-animated/check.tsx +0 -0
- /package/src/{icons → react/icons}/lucide-animated/edit-2.tsx +0 -0
- /package/src/{icons → react/icons}/lucide-animated/globe.tsx +0 -0
- /package/src/{icons → react/icons}/lucide-animated/layers.tsx +0 -0
- /package/src/{icons → react/icons}/lucide-animated/list.tsx +0 -0
- /package/src/{icons → react/icons}/lucide-animated/package.tsx +0 -0
- /package/src/{icons → react/icons}/lucide-animated/palette.tsx +0 -0
- /package/src/{icons → react/icons}/lucide-animated/refresh-cw.tsx +0 -0
- /package/src/{icons → react/icons}/lucide-animated/rocket.tsx +0 -0
- /package/src/{icons → react/icons}/lucide-animated/save.tsx +0 -0
- /package/src/{icons → react/icons}/lucide-animated/terminal.tsx +0 -0
- /package/src/{icons → react/icons}/lucide-animated/trash-2.tsx +0 -0
- /package/src/{icons → react/icons}/lucide-animated/type.tsx +0 -0
- /package/src/{icons → react/icons}/lucide-animated/upload.tsx +0 -0
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import { cn } from "../../../../lib/utils.js";
|
|
4
|
-
import * as React from "react";
|
|
5
|
-
import { isMotionComponent, motion } from "motion/react";
|
|
6
|
-
import { jsx } from "react/jsx-runtime";
|
|
7
|
-
|
|
8
|
-
//#region src/components/animate-ui/primitives/animate/slot.tsx
|
|
9
|
-
function mergeRefs(...refs) {
|
|
10
|
-
return (node) => {
|
|
11
|
-
refs.forEach((ref) => {
|
|
12
|
-
if (!ref) return;
|
|
13
|
-
if (typeof ref === "function") ref(node);
|
|
14
|
-
else ref.current = node;
|
|
15
|
-
});
|
|
16
|
-
};
|
|
17
|
-
}
|
|
18
|
-
function mergeProps(childProps, slotProps) {
|
|
19
|
-
const merged = {
|
|
20
|
-
...childProps,
|
|
21
|
-
...slotProps
|
|
22
|
-
};
|
|
23
|
-
if (childProps.className || slotProps.className) merged.className = cn(childProps.className, slotProps.className);
|
|
24
|
-
if (childProps.style || slotProps.style) merged.style = {
|
|
25
|
-
...childProps.style,
|
|
26
|
-
...slotProps.style
|
|
27
|
-
};
|
|
28
|
-
return merged;
|
|
29
|
-
}
|
|
30
|
-
function Slot({ children, ref, ...props }) {
|
|
31
|
-
const isAlreadyMotion = typeof children.type === "object" && children.type !== null && isMotionComponent(children.type);
|
|
32
|
-
const Base = React.useMemo(() => isAlreadyMotion ? children.type : motion.create(children.type), [isAlreadyMotion, children.type]);
|
|
33
|
-
if (!React.isValidElement(children)) return null;
|
|
34
|
-
const { ref: childRef, ...childProps } = children.props;
|
|
35
|
-
return /* @__PURE__ */ jsx(Base, {
|
|
36
|
-
...mergeProps(childProps, props),
|
|
37
|
-
ref: mergeRefs(childRef, ref)
|
|
38
|
-
});
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
//#endregion
|
|
42
|
-
export { Slot };
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { Accordion as AccordionPrimitive } from '@base-ui-components/react/accordion';
|
|
3
|
-
import { type HTMLMotionProps } from 'motion/react';
|
|
4
|
-
type AccordionItemContextType = {
|
|
5
|
-
isOpen: boolean;
|
|
6
|
-
setIsOpen: (open: boolean) => void;
|
|
7
|
-
};
|
|
8
|
-
declare const useAccordionItem: () => AccordionItemContextType;
|
|
9
|
-
type AccordionProps = React.ComponentProps<typeof AccordionPrimitive.Root>;
|
|
10
|
-
declare function Accordion(props: AccordionProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
type AccordionItemProps = React.ComponentProps<typeof AccordionPrimitive.Item>;
|
|
12
|
-
declare function AccordionItem(props: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
type AccordionHeaderProps = React.ComponentProps<typeof AccordionPrimitive.Header>;
|
|
14
|
-
declare function AccordionHeader(props: AccordionHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
type AccordionTriggerProps = React.ComponentProps<typeof AccordionPrimitive.Trigger>;
|
|
16
|
-
declare function AccordionTrigger(props: AccordionTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
-
type AccordionPanelProps = Omit<React.ComponentProps<typeof AccordionPrimitive.Panel>, 'keepMounted' | 'render'> & HTMLMotionProps<'div'> & {
|
|
18
|
-
keepRendered?: boolean;
|
|
19
|
-
};
|
|
20
|
-
declare function AccordionPanel({ transition, hiddenUntilFound, keepRendered, ...props }: AccordionPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
-
export { Accordion, AccordionItem, AccordionHeader, AccordionTrigger, AccordionPanel, useAccordionItem, type AccordionProps, type AccordionItemProps, type AccordionHeaderProps, type AccordionTriggerProps, type AccordionPanelProps, type AccordionItemContextType, };
|
|
22
|
-
//# sourceMappingURL=accordion.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../../src/components/animate-ui/primitives/base/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACtF,OAAO,EAA2B,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAU7E,KAAK,wBAAwB,GAAG;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC,CAAC;AAKF,QAAA,MAA8B,gBAAgB,gCACsB,CAAC;AAErE,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAC;AAE3E,iBAAS,SAAS,CAAC,KAAK,EAAE,cAAc,2CAkBvC;AAED,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAC;AAE/E,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAe/C;AAED,KAAK,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAC9C,OAAO,kBAAkB,CAAC,MAAM,CACjC,CAAC;AAEF,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAEnD;AAED,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAC/C,OAAO,kBAAkB,CAAC,OAAO,CAClC,CAAC;AAEF,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAIrD;AAED,KAAK,mBAAmB,GAAG,IAAI,CAC7B,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,KAAK,CAAC,EACrD,aAAa,GAAG,QAAQ,CACzB,GACC,eAAe,CAAC,KAAK,CAAC,GAAG;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEJ,iBAAS,cAAc,CAAC,EACtB,UAAkD,EAClD,gBAAgB,EAChB,YAAoB,EACpB,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAkErB;AAED,OAAO,EACL,SAAS,EACT,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACvB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,mBAAmB,EACxB,KAAK,wBAAwB,GAC9B,CAAC"}
|
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import { getStrictContext } from "../../../../lib/get-strict-context.js";
|
|
4
|
-
import { useControlledState } from "../../../../hooks/use-controlled-state.js";
|
|
5
|
-
import * as React from "react";
|
|
6
|
-
import { Accordion } from "@base-ui-components/react/accordion";
|
|
7
|
-
import { AnimatePresence, motion } from "motion/react";
|
|
8
|
-
import { jsx } from "react/jsx-runtime";
|
|
9
|
-
|
|
10
|
-
//#region src/components/animate-ui/primitives/base/accordion.tsx
|
|
11
|
-
const [AccordionProvider, useAccordion] = getStrictContext("AccordionContext");
|
|
12
|
-
const [AccordionItemProvider, useAccordionItem] = getStrictContext("AccordionItemContext");
|
|
13
|
-
function Accordion$1(props) {
|
|
14
|
-
const [value, setValue] = useControlledState({
|
|
15
|
-
value: props?.value,
|
|
16
|
-
defaultValue: props?.defaultValue,
|
|
17
|
-
onChange: props?.onValueChange
|
|
18
|
-
});
|
|
19
|
-
return /* @__PURE__ */ jsx(AccordionProvider, {
|
|
20
|
-
value: {
|
|
21
|
-
value,
|
|
22
|
-
setValue
|
|
23
|
-
},
|
|
24
|
-
children: /* @__PURE__ */ jsx(Accordion.Root, {
|
|
25
|
-
"data-slot": "accordion",
|
|
26
|
-
...props,
|
|
27
|
-
onValueChange: setValue
|
|
28
|
-
})
|
|
29
|
-
});
|
|
30
|
-
}
|
|
31
|
-
function AccordionItem(props) {
|
|
32
|
-
const { value } = useAccordion();
|
|
33
|
-
const [isOpen, setIsOpen] = React.useState(value?.includes(props?.value) ?? false);
|
|
34
|
-
React.useEffect(() => {
|
|
35
|
-
setIsOpen(value?.includes(props?.value) ?? false);
|
|
36
|
-
}, [value, props?.value]);
|
|
37
|
-
return /* @__PURE__ */ jsx(AccordionItemProvider, {
|
|
38
|
-
value: {
|
|
39
|
-
isOpen,
|
|
40
|
-
setIsOpen
|
|
41
|
-
},
|
|
42
|
-
children: /* @__PURE__ */ jsx(Accordion.Item, {
|
|
43
|
-
"data-slot": "accordion-item",
|
|
44
|
-
...props
|
|
45
|
-
})
|
|
46
|
-
});
|
|
47
|
-
}
|
|
48
|
-
function AccordionHeader(props) {
|
|
49
|
-
return /* @__PURE__ */ jsx(Accordion.Header, {
|
|
50
|
-
"data-slot": "accordion-header",
|
|
51
|
-
...props
|
|
52
|
-
});
|
|
53
|
-
}
|
|
54
|
-
function AccordionTrigger(props) {
|
|
55
|
-
return /* @__PURE__ */ jsx(Accordion.Trigger, {
|
|
56
|
-
"data-slot": "accordion-trigger",
|
|
57
|
-
...props
|
|
58
|
-
});
|
|
59
|
-
}
|
|
60
|
-
function AccordionPanel({ transition = {
|
|
61
|
-
duration: .35,
|
|
62
|
-
ease: "easeInOut"
|
|
63
|
-
}, hiddenUntilFound, keepRendered = false, ...props }) {
|
|
64
|
-
const { isOpen } = useAccordionItem();
|
|
65
|
-
return /* @__PURE__ */ jsx(AnimatePresence, { children: keepRendered ? /* @__PURE__ */ jsx(Accordion.Panel, {
|
|
66
|
-
hidden: false,
|
|
67
|
-
hiddenUntilFound,
|
|
68
|
-
keepMounted: true,
|
|
69
|
-
render: /* @__PURE__ */ jsx(motion.div, {
|
|
70
|
-
"data-slot": "accordion-panel",
|
|
71
|
-
initial: {
|
|
72
|
-
height: 0,
|
|
73
|
-
opacity: 0,
|
|
74
|
-
"--mask-stop": "0%",
|
|
75
|
-
y: 20
|
|
76
|
-
},
|
|
77
|
-
animate: isOpen ? {
|
|
78
|
-
height: "auto",
|
|
79
|
-
opacity: 1,
|
|
80
|
-
"--mask-stop": "100%",
|
|
81
|
-
y: 0
|
|
82
|
-
} : {
|
|
83
|
-
height: 0,
|
|
84
|
-
opacity: 0,
|
|
85
|
-
"--mask-stop": "0%",
|
|
86
|
-
y: 20
|
|
87
|
-
},
|
|
88
|
-
transition,
|
|
89
|
-
style: {
|
|
90
|
-
maskImage: "linear-gradient(black var(--mask-stop), transparent var(--mask-stop))",
|
|
91
|
-
WebkitMaskImage: "linear-gradient(black var(--mask-stop), transparent var(--mask-stop))",
|
|
92
|
-
overflow: "hidden"
|
|
93
|
-
},
|
|
94
|
-
...props
|
|
95
|
-
}, "accordion-panel")
|
|
96
|
-
}) : isOpen && /* @__PURE__ */ jsx(Accordion.Panel, {
|
|
97
|
-
hidden: false,
|
|
98
|
-
hiddenUntilFound,
|
|
99
|
-
keepMounted: true,
|
|
100
|
-
render: /* @__PURE__ */ jsx(motion.div, {
|
|
101
|
-
"data-slot": "accordion-panel",
|
|
102
|
-
initial: {
|
|
103
|
-
height: 0,
|
|
104
|
-
opacity: 0,
|
|
105
|
-
"--mask-stop": "0%",
|
|
106
|
-
y: 20
|
|
107
|
-
},
|
|
108
|
-
animate: {
|
|
109
|
-
height: "auto",
|
|
110
|
-
opacity: 1,
|
|
111
|
-
"--mask-stop": "100%",
|
|
112
|
-
y: 0
|
|
113
|
-
},
|
|
114
|
-
exit: {
|
|
115
|
-
height: 0,
|
|
116
|
-
opacity: 0,
|
|
117
|
-
"--mask-stop": "0%",
|
|
118
|
-
y: 20
|
|
119
|
-
},
|
|
120
|
-
transition,
|
|
121
|
-
style: {
|
|
122
|
-
maskImage: "linear-gradient(black var(--mask-stop), transparent var(--mask-stop))",
|
|
123
|
-
WebkitMaskImage: "linear-gradient(black var(--mask-stop), transparent var(--mask-stop))",
|
|
124
|
-
overflow: "hidden"
|
|
125
|
-
},
|
|
126
|
-
...props
|
|
127
|
-
}, "accordion-panel")
|
|
128
|
-
}) });
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
//#endregion
|
|
132
|
-
export { Accordion$1 as Accordion, AccordionHeader, AccordionItem, AccordionPanel, AccordionTrigger, useAccordionItem };
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { AlertDialog as AlertDialogPrimitive } from '@base-ui-components/react/alert-dialog';
|
|
3
|
-
import { type HTMLMotionProps } from 'motion/react';
|
|
4
|
-
type AlertDialogContextType = {
|
|
5
|
-
isOpen: boolean;
|
|
6
|
-
setIsOpen: AlertDialogProps['onOpenChange'];
|
|
7
|
-
};
|
|
8
|
-
declare const useAlertDialog: () => AlertDialogContextType;
|
|
9
|
-
type AlertDialogProps = React.ComponentProps<typeof AlertDialogPrimitive.Root>;
|
|
10
|
-
declare function AlertDialog(props: AlertDialogProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
type AlertDialogTriggerProps = React.ComponentProps<typeof AlertDialogPrimitive.Trigger>;
|
|
12
|
-
declare function AlertDialogTrigger(props: AlertDialogTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
type AlertDialogPortalProps = Omit<React.ComponentProps<typeof AlertDialogPrimitive.Portal>, 'keepMounted'>;
|
|
14
|
-
declare function AlertDialogPortal(props: AlertDialogPortalProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
type AlertDialogBackdropProps = Omit<React.ComponentProps<typeof AlertDialogPrimitive.Backdrop>, 'render'> & HTMLMotionProps<'div'>;
|
|
16
|
-
declare function AlertDialogBackdrop({ transition, ...props }: AlertDialogBackdropProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
-
type AlertDialogFlipDirection = 'top' | 'bottom' | 'left' | 'right';
|
|
18
|
-
type AlertDialogPopupProps = Omit<React.ComponentProps<typeof AlertDialogPrimitive.Popup>, 'render'> & HTMLMotionProps<'div'> & {
|
|
19
|
-
from?: AlertDialogFlipDirection;
|
|
20
|
-
};
|
|
21
|
-
declare function AlertDialogPopup({ from, initialFocus, finalFocus, transition, ...props }: AlertDialogPopupProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
-
type AlertDialogCloseProps = React.ComponentProps<typeof AlertDialogPrimitive.Close>;
|
|
23
|
-
declare function AlertDialogClose(props: AlertDialogCloseProps): import("react/jsx-runtime").JSX.Element;
|
|
24
|
-
type AlertDialogHeaderProps = React.ComponentProps<'div'>;
|
|
25
|
-
declare function AlertDialogHeader(props: AlertDialogHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
26
|
-
type AlertDialogFooterProps = React.ComponentProps<'div'>;
|
|
27
|
-
declare function AlertDialogFooter(props: AlertDialogFooterProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
-
type AlertDialogTitleProps = React.ComponentProps<typeof AlertDialogPrimitive.Title>;
|
|
29
|
-
declare function AlertDialogTitle(props: AlertDialogTitleProps): import("react/jsx-runtime").JSX.Element;
|
|
30
|
-
type AlertDialogDescriptionProps = React.ComponentProps<typeof AlertDialogPrimitive.Description>;
|
|
31
|
-
declare function AlertDialogDescription(props: AlertDialogDescriptionProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
-
export { AlertDialog, AlertDialogPortal, AlertDialogBackdrop, AlertDialogClose, AlertDialogTrigger, AlertDialogPopup, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, useAlertDialog, type AlertDialogProps, type AlertDialogTriggerProps, type AlertDialogPortalProps, type AlertDialogCloseProps, type AlertDialogBackdropProps, type AlertDialogPopupProps, type AlertDialogHeaderProps, type AlertDialogFooterProps, type AlertDialogTitleProps, type AlertDialogDescriptionProps, type AlertDialogContextType, type AlertDialogFlipDirection, };
|
|
33
|
-
//# sourceMappingURL=alert-dialog.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/animate-ui/primitives/base/alert-dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import { getStrictContext } from "../../../../lib/get-strict-context.js";
|
|
4
|
-
import { useControlledState } from "../../../../hooks/use-controlled-state.js";
|
|
5
|
-
import "react";
|
|
6
|
-
import { AnimatePresence, motion } from "motion/react";
|
|
7
|
-
import { jsx } from "react/jsx-runtime";
|
|
8
|
-
import { AlertDialog } from "@base-ui-components/react/alert-dialog";
|
|
9
|
-
|
|
10
|
-
//#region src/components/animate-ui/primitives/base/alert-dialog.tsx
|
|
11
|
-
const [AlertDialogProvider, useAlertDialog] = getStrictContext("AlertDialogContext");
|
|
12
|
-
function AlertDialog$1(props) {
|
|
13
|
-
const [isOpen, setIsOpen] = useControlledState({
|
|
14
|
-
value: props?.open,
|
|
15
|
-
defaultValue: props?.defaultOpen,
|
|
16
|
-
onChange: props?.onOpenChange
|
|
17
|
-
});
|
|
18
|
-
return /* @__PURE__ */ jsx(AlertDialogProvider, {
|
|
19
|
-
value: {
|
|
20
|
-
isOpen,
|
|
21
|
-
setIsOpen
|
|
22
|
-
},
|
|
23
|
-
children: /* @__PURE__ */ jsx(AlertDialog.Root, {
|
|
24
|
-
"data-slot": "alert-dialog",
|
|
25
|
-
...props,
|
|
26
|
-
onOpenChange: setIsOpen
|
|
27
|
-
})
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
function AlertDialogTrigger(props) {
|
|
31
|
-
return /* @__PURE__ */ jsx(AlertDialog.Trigger, {
|
|
32
|
-
"data-slot": "alert-dialog-trigger",
|
|
33
|
-
...props
|
|
34
|
-
});
|
|
35
|
-
}
|
|
36
|
-
function AlertDialogPortal(props) {
|
|
37
|
-
const { isOpen } = useAlertDialog();
|
|
38
|
-
return /* @__PURE__ */ jsx(AnimatePresence, { children: isOpen && /* @__PURE__ */ jsx(AlertDialog.Portal, {
|
|
39
|
-
"data-slot": "alert-dialog-portal",
|
|
40
|
-
keepMounted: true,
|
|
41
|
-
...props
|
|
42
|
-
}) });
|
|
43
|
-
}
|
|
44
|
-
function AlertDialogBackdrop({ transition = {
|
|
45
|
-
duration: .2,
|
|
46
|
-
ease: "easeInOut"
|
|
47
|
-
}, ...props }) {
|
|
48
|
-
return /* @__PURE__ */ jsx(AlertDialog.Backdrop, {
|
|
49
|
-
"data-slot": "alert-dialog-backdrop",
|
|
50
|
-
render: /* @__PURE__ */ jsx(motion.div, {
|
|
51
|
-
initial: {
|
|
52
|
-
opacity: 0,
|
|
53
|
-
filter: "blur(4px)"
|
|
54
|
-
},
|
|
55
|
-
animate: {
|
|
56
|
-
opacity: 1,
|
|
57
|
-
filter: "blur(0px)"
|
|
58
|
-
},
|
|
59
|
-
exit: {
|
|
60
|
-
opacity: 0,
|
|
61
|
-
filter: "blur(4px)"
|
|
62
|
-
},
|
|
63
|
-
transition,
|
|
64
|
-
...props
|
|
65
|
-
}, "alert-dialog-backdrop")
|
|
66
|
-
});
|
|
67
|
-
}
|
|
68
|
-
function AlertDialogPopup({ from = "top", initialFocus, finalFocus, transition = {
|
|
69
|
-
type: "spring",
|
|
70
|
-
stiffness: 150,
|
|
71
|
-
damping: 25
|
|
72
|
-
}, ...props }) {
|
|
73
|
-
const initialRotation = from === "bottom" || from === "left" ? "20deg" : "-20deg";
|
|
74
|
-
const rotateAxis = from === "top" || from === "bottom" ? "rotateX" : "rotateY";
|
|
75
|
-
return /* @__PURE__ */ jsx(AlertDialog.Popup, {
|
|
76
|
-
initialFocus,
|
|
77
|
-
finalFocus,
|
|
78
|
-
render: /* @__PURE__ */ jsx(motion.div, {
|
|
79
|
-
"data-slot": "alert-dialog-popup",
|
|
80
|
-
initial: {
|
|
81
|
-
opacity: 0,
|
|
82
|
-
filter: "blur(4px)",
|
|
83
|
-
transform: `perspective(500px) ${rotateAxis}(${initialRotation}) scale(0.8)`
|
|
84
|
-
},
|
|
85
|
-
animate: {
|
|
86
|
-
opacity: 1,
|
|
87
|
-
filter: "blur(0px)",
|
|
88
|
-
transform: `perspective(500px) ${rotateAxis}(0deg) scale(1)`
|
|
89
|
-
},
|
|
90
|
-
exit: {
|
|
91
|
-
opacity: 0,
|
|
92
|
-
filter: "blur(4px)",
|
|
93
|
-
transform: `perspective(500px) ${rotateAxis}(${initialRotation}) scale(0.8)`
|
|
94
|
-
},
|
|
95
|
-
transition,
|
|
96
|
-
...props
|
|
97
|
-
}, "alert-dialog-popup")
|
|
98
|
-
});
|
|
99
|
-
}
|
|
100
|
-
function AlertDialogClose(props) {
|
|
101
|
-
return /* @__PURE__ */ jsx(AlertDialog.Close, {
|
|
102
|
-
"data-slot": "alert-dialog-close",
|
|
103
|
-
...props
|
|
104
|
-
});
|
|
105
|
-
}
|
|
106
|
-
function AlertDialogHeader(props) {
|
|
107
|
-
return /* @__PURE__ */ jsx("div", {
|
|
108
|
-
"data-slot": "alert-dialog-header",
|
|
109
|
-
...props
|
|
110
|
-
});
|
|
111
|
-
}
|
|
112
|
-
function AlertDialogFooter(props) {
|
|
113
|
-
return /* @__PURE__ */ jsx("div", {
|
|
114
|
-
"data-slot": "alert-dialog-footer",
|
|
115
|
-
...props
|
|
116
|
-
});
|
|
117
|
-
}
|
|
118
|
-
function AlertDialogTitle(props) {
|
|
119
|
-
return /* @__PURE__ */ jsx(AlertDialog.Title, {
|
|
120
|
-
"data-slot": "alert-dialog-title",
|
|
121
|
-
...props
|
|
122
|
-
});
|
|
123
|
-
}
|
|
124
|
-
function AlertDialogDescription(props) {
|
|
125
|
-
return /* @__PURE__ */ jsx(AlertDialog.Description, {
|
|
126
|
-
"data-slot": "alert-dialog-description",
|
|
127
|
-
...props
|
|
128
|
-
});
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
//#endregion
|
|
132
|
-
export { AlertDialog$1 as AlertDialog, AlertDialogBackdrop, AlertDialogClose, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPopup, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, useAlertDialog };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { Checkbox as CheckboxPrimitive } from '@base-ui-components/react/checkbox';
|
|
3
|
-
import { type HTMLMotionProps, type SVGMotionProps } from 'motion/react';
|
|
4
|
-
type CheckboxContextType = {
|
|
5
|
-
isChecked: boolean;
|
|
6
|
-
setIsChecked: CheckboxProps['onCheckedChange'];
|
|
7
|
-
isIndeterminate: boolean | undefined;
|
|
8
|
-
};
|
|
9
|
-
declare const useCheckbox: () => CheckboxContextType;
|
|
10
|
-
type CheckboxProps = Omit<React.ComponentProps<typeof CheckboxPrimitive.Root>, 'render'> & HTMLMotionProps<'button'>;
|
|
11
|
-
declare function Checkbox({ name, checked, defaultChecked, onCheckedChange, indeterminate, value, nativeButton, parent, disabled, readOnly, required, inputRef, id, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
type CheckboxIndicatorProps = SVGMotionProps<SVGSVGElement>;
|
|
13
|
-
declare function CheckboxIndicator(props: CheckboxIndicatorProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
export { Checkbox, CheckboxIndicator, useCheckbox, type CheckboxProps, type CheckboxIndicatorProps, type CheckboxContextType, };
|
|
15
|
-
//# sourceMappingURL=checkbox.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/animate-ui/primitives/base/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,cAAc,EACpB,MAAM,cAAc,CAAC;AAKtB,KAAK,mBAAmB,GAAG;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC/C,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;CACtC,CAAC;AAEF,QAAA,MAAyB,WAAW,2BACsB,CAAC;AAE3D,KAAK,aAAa,GAAG,IAAI,CACvB,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EACnD,QAAQ,CACT,GACC,eAAe,CAAC,QAAQ,CAAC,CAAC;AAE5B,iBAAS,QAAQ,CAAC,EAChB,IAAI,EACJ,OAAO,EACP,cAAc,EACd,eAAe,EACf,aAAa,EACb,KAAK,EACL,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,aAAa,2CAoCf;AAED,KAAK,sBAAsB,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AAE5D,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CA4DvD;AAED,OAAO,EACL,QAAQ,EACR,iBAAiB,EACjB,WAAW,EACX,KAAK,aAAa,EAClB,KAAK,sBAAsB,EAC3B,KAAK,mBAAmB,GACzB,CAAC"}
|
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import { getStrictContext } from "../../../../lib/get-strict-context.js";
|
|
4
|
-
import { useControlledState } from "../../../../hooks/use-controlled-state.js";
|
|
5
|
-
import "react";
|
|
6
|
-
import { motion } from "motion/react";
|
|
7
|
-
import { jsx } from "react/jsx-runtime";
|
|
8
|
-
import { Checkbox } from "@base-ui-components/react/checkbox";
|
|
9
|
-
|
|
10
|
-
//#region src/components/animate-ui/primitives/base/checkbox.tsx
|
|
11
|
-
const [CheckboxProvider, useCheckbox] = getStrictContext("CheckboxContext");
|
|
12
|
-
function Checkbox$1({ name, checked, defaultChecked, onCheckedChange, indeterminate, value, nativeButton, parent, disabled, readOnly, required, inputRef, id, ...props }) {
|
|
13
|
-
const [isChecked, setIsChecked] = useControlledState({
|
|
14
|
-
value: checked,
|
|
15
|
-
defaultValue: defaultChecked,
|
|
16
|
-
onChange: onCheckedChange
|
|
17
|
-
});
|
|
18
|
-
return /* @__PURE__ */ jsx(CheckboxProvider, {
|
|
19
|
-
value: {
|
|
20
|
-
isChecked,
|
|
21
|
-
setIsChecked,
|
|
22
|
-
isIndeterminate: indeterminate
|
|
23
|
-
},
|
|
24
|
-
children: /* @__PURE__ */ jsx(Checkbox.Root, {
|
|
25
|
-
name,
|
|
26
|
-
defaultChecked,
|
|
27
|
-
checked,
|
|
28
|
-
onCheckedChange: setIsChecked,
|
|
29
|
-
indeterminate,
|
|
30
|
-
value,
|
|
31
|
-
nativeButton,
|
|
32
|
-
parent,
|
|
33
|
-
disabled,
|
|
34
|
-
readOnly,
|
|
35
|
-
required,
|
|
36
|
-
inputRef,
|
|
37
|
-
id,
|
|
38
|
-
render: /* @__PURE__ */ jsx(motion.button, {
|
|
39
|
-
"data-slot": "checkbox",
|
|
40
|
-
whileTap: { scale: .95 },
|
|
41
|
-
whileHover: { scale: 1.05 },
|
|
42
|
-
...props
|
|
43
|
-
})
|
|
44
|
-
})
|
|
45
|
-
});
|
|
46
|
-
}
|
|
47
|
-
function CheckboxIndicator(props) {
|
|
48
|
-
const { isChecked, isIndeterminate } = useCheckbox();
|
|
49
|
-
return /* @__PURE__ */ jsx(Checkbox.Indicator, {
|
|
50
|
-
keepMounted: true,
|
|
51
|
-
render: /* @__PURE__ */ jsx(motion.svg, {
|
|
52
|
-
"data-slot": "checkbox-indicator",
|
|
53
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
54
|
-
fill: "none",
|
|
55
|
-
viewBox: "0 0 24 24",
|
|
56
|
-
strokeWidth: "3.5",
|
|
57
|
-
stroke: "currentColor",
|
|
58
|
-
initial: "unchecked",
|
|
59
|
-
animate: isChecked ? "checked" : "unchecked",
|
|
60
|
-
...props,
|
|
61
|
-
children: isIndeterminate ? /* @__PURE__ */ jsx(motion.line, {
|
|
62
|
-
x1: "5",
|
|
63
|
-
y1: "12",
|
|
64
|
-
x2: "19",
|
|
65
|
-
y2: "12",
|
|
66
|
-
strokeLinecap: "round",
|
|
67
|
-
initial: {
|
|
68
|
-
pathLength: 0,
|
|
69
|
-
opacity: 0
|
|
70
|
-
},
|
|
71
|
-
animate: {
|
|
72
|
-
pathLength: 1,
|
|
73
|
-
opacity: 1,
|
|
74
|
-
transition: { duration: .2 }
|
|
75
|
-
}
|
|
76
|
-
}) : /* @__PURE__ */ jsx(motion.path, {
|
|
77
|
-
strokeLinecap: "round",
|
|
78
|
-
strokeLinejoin: "round",
|
|
79
|
-
d: "M4.5 12.75l6 6 9-13.5",
|
|
80
|
-
variants: {
|
|
81
|
-
checked: {
|
|
82
|
-
pathLength: 1,
|
|
83
|
-
opacity: 1,
|
|
84
|
-
transition: {
|
|
85
|
-
duration: .2,
|
|
86
|
-
delay: .2
|
|
87
|
-
}
|
|
88
|
-
},
|
|
89
|
-
unchecked: {
|
|
90
|
-
pathLength: 0,
|
|
91
|
-
opacity: 0,
|
|
92
|
-
transition: { duration: .2 }
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
})
|
|
96
|
-
})
|
|
97
|
-
});
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
//#endregion
|
|
101
|
-
export { Checkbox$1 as Checkbox, CheckboxIndicator, useCheckbox };
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { Dialog as DialogPrimitive } from '@base-ui-components/react/dialog';
|
|
3
|
-
import { type HTMLMotionProps } from 'motion/react';
|
|
4
|
-
type DialogContextType = {
|
|
5
|
-
isOpen: boolean;
|
|
6
|
-
setIsOpen: DialogProps['onOpenChange'];
|
|
7
|
-
};
|
|
8
|
-
declare const useDialog: () => DialogContextType;
|
|
9
|
-
type DialogProps = React.ComponentProps<typeof DialogPrimitive.Root>;
|
|
10
|
-
declare function Dialog(props: DialogProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
type DialogTriggerProps = React.ComponentProps<typeof DialogPrimitive.Trigger>;
|
|
12
|
-
declare function DialogTrigger(props: DialogTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
type DialogPortalProps = Omit<React.ComponentProps<typeof DialogPrimitive.Portal>, 'keepMounted'>;
|
|
14
|
-
declare function DialogPortal(props: DialogPortalProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
type DialogBackdropProps = Omit<React.ComponentProps<typeof DialogPrimitive.Backdrop>, 'render'> & HTMLMotionProps<'div'>;
|
|
16
|
-
declare function DialogBackdrop({ transition, ...props }: DialogBackdropProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
-
type DialogFlipDirection = 'top' | 'bottom' | 'left' | 'right';
|
|
18
|
-
type DialogPopupProps = Omit<React.ComponentProps<typeof DialogPrimitive.Popup>, 'render'> & HTMLMotionProps<'div'> & {
|
|
19
|
-
from?: DialogFlipDirection;
|
|
20
|
-
};
|
|
21
|
-
declare function DialogPopup({ from, initialFocus, finalFocus, transition, ...props }: DialogPopupProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
-
type DialogCloseProps = React.ComponentProps<typeof DialogPrimitive.Close>;
|
|
23
|
-
declare function DialogClose(props: DialogCloseProps): import("react/jsx-runtime").JSX.Element;
|
|
24
|
-
type DialogHeaderProps = React.ComponentProps<'div'>;
|
|
25
|
-
declare function DialogHeader(props: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
26
|
-
type DialogFooterProps = React.ComponentProps<'div'>;
|
|
27
|
-
declare function DialogFooter(props: DialogFooterProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
-
type DialogTitleProps = React.ComponentProps<typeof DialogPrimitive.Title>;
|
|
29
|
-
declare function DialogTitle(props: DialogTitleProps): import("react/jsx-runtime").JSX.Element;
|
|
30
|
-
type DialogDescriptionProps = React.ComponentProps<typeof DialogPrimitive.Description>;
|
|
31
|
-
declare function DialogDescription(props: DialogDescriptionProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
-
export { Dialog, DialogPortal, DialogBackdrop, DialogClose, DialogTrigger, DialogPopup, DialogHeader, DialogFooter, DialogTitle, DialogDescription, useDialog, type DialogProps, type DialogTriggerProps, type DialogPortalProps, type DialogCloseProps, type DialogBackdropProps, type DialogPopupProps, type DialogHeaderProps, type DialogFooterProps, type DialogTitleProps, type DialogDescriptionProps, type DialogContextType, type DialogFlipDirection, };
|
|
33
|
-
//# sourceMappingURL=dialog.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/animate-ui/primitives/base/dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import { getStrictContext } from "../../../../lib/get-strict-context.js";
|
|
4
|
-
import { useControlledState } from "../../../../hooks/use-controlled-state.js";
|
|
5
|
-
import "react";
|
|
6
|
-
import { AnimatePresence, motion } from "motion/react";
|
|
7
|
-
import { jsx } from "react/jsx-runtime";
|
|
8
|
-
import { Dialog } from "@base-ui-components/react/dialog";
|
|
9
|
-
|
|
10
|
-
//#region src/components/animate-ui/primitives/base/dialog.tsx
|
|
11
|
-
const [DialogProvider, useDialog] = getStrictContext("DialogContext");
|
|
12
|
-
function Dialog$1(props) {
|
|
13
|
-
const [isOpen, setIsOpen] = useControlledState({
|
|
14
|
-
value: props?.open,
|
|
15
|
-
defaultValue: props?.defaultOpen,
|
|
16
|
-
onChange: props?.onOpenChange
|
|
17
|
-
});
|
|
18
|
-
return /* @__PURE__ */ jsx(DialogProvider, {
|
|
19
|
-
value: {
|
|
20
|
-
isOpen,
|
|
21
|
-
setIsOpen
|
|
22
|
-
},
|
|
23
|
-
children: /* @__PURE__ */ jsx(Dialog.Root, {
|
|
24
|
-
"data-slot": "dialog",
|
|
25
|
-
...props,
|
|
26
|
-
onOpenChange: setIsOpen
|
|
27
|
-
})
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
function DialogTrigger(props) {
|
|
31
|
-
return /* @__PURE__ */ jsx(Dialog.Trigger, {
|
|
32
|
-
"data-slot": "dialog-trigger",
|
|
33
|
-
...props
|
|
34
|
-
});
|
|
35
|
-
}
|
|
36
|
-
function DialogPortal(props) {
|
|
37
|
-
const { isOpen } = useDialog();
|
|
38
|
-
return /* @__PURE__ */ jsx(AnimatePresence, { children: isOpen && /* @__PURE__ */ jsx(Dialog.Portal, {
|
|
39
|
-
"data-slot": "dialog-portal",
|
|
40
|
-
keepMounted: true,
|
|
41
|
-
...props
|
|
42
|
-
}) });
|
|
43
|
-
}
|
|
44
|
-
function DialogBackdrop({ transition = {
|
|
45
|
-
duration: .2,
|
|
46
|
-
ease: "easeInOut"
|
|
47
|
-
}, ...props }) {
|
|
48
|
-
return /* @__PURE__ */ jsx(Dialog.Backdrop, {
|
|
49
|
-
"data-slot": "dialog-backdrop",
|
|
50
|
-
render: /* @__PURE__ */ jsx(motion.div, {
|
|
51
|
-
initial: {
|
|
52
|
-
opacity: 0,
|
|
53
|
-
filter: "blur(4px)"
|
|
54
|
-
},
|
|
55
|
-
animate: {
|
|
56
|
-
opacity: 1,
|
|
57
|
-
filter: "blur(0px)"
|
|
58
|
-
},
|
|
59
|
-
exit: {
|
|
60
|
-
opacity: 0,
|
|
61
|
-
filter: "blur(4px)"
|
|
62
|
-
},
|
|
63
|
-
transition,
|
|
64
|
-
...props
|
|
65
|
-
}, "dialog-backdrop")
|
|
66
|
-
});
|
|
67
|
-
}
|
|
68
|
-
function DialogPopup({ from = "top", initialFocus, finalFocus, transition = {
|
|
69
|
-
type: "spring",
|
|
70
|
-
stiffness: 150,
|
|
71
|
-
damping: 25
|
|
72
|
-
}, ...props }) {
|
|
73
|
-
const initialRotation = from === "bottom" || from === "left" ? "20deg" : "-20deg";
|
|
74
|
-
const rotateAxis = from === "top" || from === "bottom" ? "rotateX" : "rotateY";
|
|
75
|
-
return /* @__PURE__ */ jsx(Dialog.Popup, {
|
|
76
|
-
initialFocus,
|
|
77
|
-
finalFocus,
|
|
78
|
-
render: /* @__PURE__ */ jsx(motion.div, {
|
|
79
|
-
"data-slot": "dialog-popup",
|
|
80
|
-
initial: {
|
|
81
|
-
opacity: 0,
|
|
82
|
-
filter: "blur(4px)",
|
|
83
|
-
transform: `perspective(500px) ${rotateAxis}(${initialRotation}) scale(0.8)`
|
|
84
|
-
},
|
|
85
|
-
animate: {
|
|
86
|
-
opacity: 1,
|
|
87
|
-
filter: "blur(0px)",
|
|
88
|
-
transform: `perspective(500px) ${rotateAxis}(0deg) scale(1)`
|
|
89
|
-
},
|
|
90
|
-
exit: {
|
|
91
|
-
opacity: 0,
|
|
92
|
-
filter: "blur(4px)",
|
|
93
|
-
transform: `perspective(500px) ${rotateAxis}(${initialRotation}) scale(0.8)`
|
|
94
|
-
},
|
|
95
|
-
transition,
|
|
96
|
-
...props
|
|
97
|
-
}, "dialog-popup")
|
|
98
|
-
});
|
|
99
|
-
}
|
|
100
|
-
function DialogClose(props) {
|
|
101
|
-
return /* @__PURE__ */ jsx(Dialog.Close, {
|
|
102
|
-
"data-slot": "dialog-close",
|
|
103
|
-
...props
|
|
104
|
-
});
|
|
105
|
-
}
|
|
106
|
-
function DialogHeader(props) {
|
|
107
|
-
return /* @__PURE__ */ jsx("div", {
|
|
108
|
-
"data-slot": "dialog-header",
|
|
109
|
-
...props
|
|
110
|
-
});
|
|
111
|
-
}
|
|
112
|
-
function DialogFooter(props) {
|
|
113
|
-
return /* @__PURE__ */ jsx("div", {
|
|
114
|
-
"data-slot": "dialog-footer",
|
|
115
|
-
...props
|
|
116
|
-
});
|
|
117
|
-
}
|
|
118
|
-
function DialogTitle(props) {
|
|
119
|
-
return /* @__PURE__ */ jsx(Dialog.Title, {
|
|
120
|
-
"data-slot": "dialog-title",
|
|
121
|
-
...props
|
|
122
|
-
});
|
|
123
|
-
}
|
|
124
|
-
function DialogDescription(props) {
|
|
125
|
-
return /* @__PURE__ */ jsx(Dialog.Description, {
|
|
126
|
-
"data-slot": "dialog-description",
|
|
127
|
-
...props
|
|
128
|
-
});
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
//#endregion
|
|
132
|
-
export { Dialog$1 as Dialog, DialogBackdrop, DialogClose, DialogDescription, DialogFooter, DialogHeader, DialogPopup, DialogPortal, DialogTitle, DialogTrigger, useDialog };
|