@mks2508/mks-ui 0.2.0 → 0.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/react-ui/components/MorphingPopover/MorphingPopover.types.d.ts.map +1 -0
- package/dist/react-ui/components/MorphingPopover/index.d.ts +46 -0
- package/dist/react-ui/components/MorphingPopover/index.d.ts.map +1 -0
- package/dist/react-ui/components/MorphingPopover/index.js +119 -0
- package/dist/react-ui/components/MorphingPopover/morphing-popover.module.js +5 -0
- package/dist/react-ui/components/index.d.ts.map +1 -0
- package/dist/react-ui/hooks/Animation/UseAutoHeight.d.ts +30 -0
- package/dist/react-ui/hooks/Animation/UseAutoHeight.d.ts.map +1 -0
- package/dist/react-ui/hooks/Animation/UseAutoHeight.js +80 -0
- package/dist/react-ui/hooks/DOM/UseIsInView.d.ts +32 -0
- package/dist/react-ui/hooks/DOM/UseIsInView.d.ts.map +1 -0
- package/dist/react-ui/hooks/DOM/UseIsInView.js +33 -0
- package/dist/react-ui/hooks/Formatting/UseListFormat.d.ts +49 -0
- package/dist/react-ui/hooks/Formatting/UseListFormat.d.ts.map +1 -0
- package/dist/react-ui/hooks/Formatting/UseListFormat.js +105 -0
- package/dist/react-ui/hooks/State/UseControlledState.d.ts.map +1 -0
- package/dist/react-ui/hooks/State/UseControlledState.js +34 -0
- package/dist/react-ui/hooks/State/UseDataState.d.ts +21 -0
- package/dist/react-ui/hooks/State/UseDataState.d.ts.map +1 -0
- package/dist/react-ui/hooks/State/UseDataState.js +63 -0
- package/dist/react-ui/hooks/index.d.ts +16 -0
- package/dist/react-ui/hooks/index.d.ts.map +1 -0
- package/dist/react-ui/hooks/index.js +5 -0
- package/dist/react-ui/icons/index.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/activity.d.ts +11 -0
- package/dist/react-ui/icons/lucide-animated/activity.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/activity.js +75 -0
- package/dist/react-ui/icons/lucide-animated/arrow-down-to-line.d.ts +23 -0
- package/dist/react-ui/icons/lucide-animated/arrow-down-to-line.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/arrow-down-to-line.js +45 -0
- package/dist/react-ui/icons/lucide-animated/arrow-up.d.ts +23 -0
- package/dist/react-ui/icons/lucide-animated/arrow-up.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/arrow-up.js +41 -0
- package/dist/react-ui/icons/lucide-animated/bell-electric.d.ts +11 -0
- package/dist/react-ui/icons/lucide-animated/bell-electric.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/bell-electric.js +202 -0
- package/dist/react-ui/icons/lucide-animated/bell.d.ts +11 -0
- package/dist/react-ui/icons/lucide-animated/bell.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/bell.js +65 -0
- package/dist/react-ui/icons/lucide-animated/bot.d.ts +11 -0
- package/dist/react-ui/icons/lucide-animated/bot.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/bot.js +118 -0
- package/dist/react-ui/icons/lucide-animated/box.d.ts +11 -0
- package/dist/react-ui/icons/lucide-animated/box.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/box.js +86 -0
- package/dist/react-ui/icons/lucide-animated/check.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/check.js +23 -0
- package/dist/react-ui/icons/lucide-animated/circle-check.d.ts +11 -0
- package/dist/react-ui/icons/lucide-animated/circle-check.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/circle-check.js +76 -0
- package/dist/react-ui/icons/lucide-animated/delete.d.ts +11 -0
- package/dist/react-ui/icons/lucide-animated/delete.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/delete.js +110 -0
- package/dist/react-ui/icons/lucide-animated/download.d.ts +11 -0
- package/dist/react-ui/icons/lucide-animated/download.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/download.js +70 -0
- package/dist/react-ui/icons/lucide-animated/edit-2.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/edit-2.js +23 -0
- package/dist/react-ui/icons/lucide-animated/globe.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/globe.js +31 -0
- package/dist/react-ui/icons/lucide-animated/home.d.ts +11 -0
- package/dist/react-ui/icons/lucide-animated/home.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/home.js +68 -0
- package/dist/react-ui/icons/lucide-animated/index.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/layers.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/layers.js +27 -0
- package/dist/react-ui/icons/lucide-animated/layout-panel-top.d.ts +11 -0
- package/dist/react-ui/icons/lucide-animated/layout-panel-top.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/layout-panel-top.js +130 -0
- package/dist/react-ui/icons/lucide-animated/list.d.ts +23 -0
- package/dist/react-ui/icons/lucide-animated/list.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/list.js +78 -0
- package/dist/react-ui/icons/lucide-animated/package.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/package.js +28 -0
- package/dist/react-ui/icons/lucide-animated/palette.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/palette.js +49 -0
- package/dist/react-ui/icons/lucide-animated/plus.d.ts +11 -0
- package/dist/react-ui/icons/lucide-animated/plus.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/plus.js +59 -0
- package/dist/react-ui/icons/lucide-animated/refresh-cw.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/refresh-cw.js +28 -0
- package/dist/react-ui/icons/lucide-animated/rocket.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/rocket.js +28 -0
- package/dist/react-ui/icons/lucide-animated/save.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/save.js +27 -0
- package/dist/react-ui/icons/lucide-animated/search.d.ts +11 -0
- package/dist/react-ui/icons/lucide-animated/search.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/search.js +78 -0
- package/dist/react-ui/icons/lucide-animated/settings.d.ts +11 -0
- package/dist/react-ui/icons/lucide-animated/settings.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/settings.js +63 -0
- package/dist/react-ui/icons/lucide-animated/terminal.d.ts +24 -0
- package/dist/react-ui/icons/lucide-animated/terminal.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/terminal.js +36 -0
- package/dist/react-ui/icons/lucide-animated/trash-2.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/trash-2.js +39 -0
- package/dist/react-ui/icons/lucide-animated/trending-down.d.ts +11 -0
- package/dist/react-ui/icons/lucide-animated/trending-down.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/trending-down.js +123 -0
- package/dist/react-ui/icons/lucide-animated/trending-up.d.ts +11 -0
- package/dist/react-ui/icons/lucide-animated/trending-up.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/trending-up.js +123 -0
- package/dist/react-ui/icons/lucide-animated/type.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/type.js +37 -0
- package/dist/react-ui/icons/lucide-animated/upload.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/upload.js +32 -0
- package/dist/react-ui/icons/lucide-animated/x.d.ts +11 -0
- package/dist/react-ui/icons/lucide-animated/x.d.ts.map +1 -0
- package/dist/react-ui/icons/lucide-animated/x.js +68 -0
- package/dist/react-ui/index.d.ts.map +1 -0
- package/dist/react-ui/index.js +108 -0
- package/dist/react-ui/lib/get-strict-context.d.ts +30 -0
- package/dist/react-ui/lib/get-strict-context.d.ts.map +1 -0
- package/dist/react-ui/lib/get-strict-context.js +40 -0
- package/dist/react-ui/lib/index.d.ts.map +1 -0
- package/dist/react-ui/lib/utils.d.ts.map +1 -0
- package/dist/react-ui/lib/utils.js +27 -0
- package/dist/react-ui/primitives/AutoHeight/index.d.ts +31 -0
- package/dist/react-ui/primitives/AutoHeight/index.d.ts.map +1 -0
- package/dist/react-ui/primitives/AutoHeight/index.js +52 -0
- package/dist/react-ui/primitives/CountingNumber/index.d.ts +44 -0
- package/dist/react-ui/primitives/CountingNumber/index.d.ts.map +1 -0
- package/dist/react-ui/primitives/CountingNumber/index.js +97 -0
- package/dist/react-ui/primitives/Highlight/Highlight.types.d.ts.map +1 -0
- package/dist/react-ui/primitives/Highlight/index.d.ts +48 -0
- package/dist/react-ui/primitives/Highlight/index.d.ts.map +1 -0
- package/dist/react-ui/primitives/Highlight/index.js +396 -0
- package/dist/react-ui/primitives/Slot/index.d.ts +53 -0
- package/dist/react-ui/primitives/Slot/index.d.ts.map +1 -0
- package/dist/react-ui/primitives/Slot/index.js +65 -0
- package/dist/react-ui/primitives/index.d.ts +13 -0
- package/dist/react-ui/primitives/index.d.ts.map +1 -0
- package/dist/react-ui/primitives/index.js +22 -0
- package/dist/react-ui/primitives/waapi/Morph/Morph.types.d.ts +76 -0
- package/dist/react-ui/primitives/waapi/Morph/Morph.types.d.ts.map +1 -0
- package/dist/react-ui/primitives/waapi/Morph/MorphContext.d.ts +11 -0
- package/dist/react-ui/primitives/waapi/Morph/MorphContext.d.ts.map +1 -0
- package/dist/react-ui/primitives/waapi/Morph/MorphContext.js +19 -0
- package/dist/react-ui/primitives/waapi/Morph/index.d.ts +23 -0
- package/dist/react-ui/primitives/waapi/Morph/index.d.ts.map +1 -0
- package/dist/react-ui/primitives/waapi/Morph/index.js +45 -0
- package/dist/react-ui/primitives/waapi/Morph/techniques/index.d.ts +12 -0
- package/dist/react-ui/primitives/waapi/Morph/techniques/index.d.ts.map +1 -0
- package/dist/react-ui/primitives/waapi/Morph/techniques/useCSSGridMorph.d.ts +38 -0
- package/dist/react-ui/primitives/waapi/Morph/techniques/useCSSGridMorph.d.ts.map +1 -0
- package/dist/react-ui/primitives/waapi/Morph/techniques/useCSSGridMorph.js +78 -0
- package/dist/react-ui/primitives/waapi/Morph/techniques/useFLIPClipPath.d.ts +23 -0
- package/dist/react-ui/primitives/waapi/Morph/techniques/useFLIPClipPath.d.ts.map +1 -0
- package/dist/react-ui/primitives/waapi/Morph/techniques/useFLIPClipPath.js +140 -0
- package/dist/react-ui/primitives/waapi/Morph/techniques/useViewTransitions.d.ts +28 -0
- package/dist/react-ui/primitives/waapi/Morph/techniques/useViewTransitions.d.ts.map +1 -0
- package/dist/react-ui/primitives/waapi/Morph/techniques/useViewTransitions.js +77 -0
- package/dist/react-ui/primitives/waapi/Morph/useMorph.d.ts +27 -0
- package/dist/react-ui/primitives/waapi/Morph/useMorph.d.ts.map +1 -0
- package/dist/react-ui/primitives/waapi/Morph/useMorph.js +86 -0
- package/dist/react-ui/primitives/waapi/Reorder/Reorder.types.d.ts +168 -0
- package/dist/react-ui/primitives/waapi/Reorder/Reorder.types.d.ts.map +1 -0
- package/dist/react-ui/primitives/waapi/Reorder/index.d.ts +25 -0
- package/dist/react-ui/primitives/waapi/Reorder/index.d.ts.map +1 -0
- package/dist/react-ui/primitives/waapi/Reorder/index.js +186 -0
- package/dist/react-ui/primitives/waapi/Reorder/useReorder.d.ts +26 -0
- package/dist/react-ui/primitives/waapi/Reorder/useReorder.d.ts.map +1 -0
- package/dist/react-ui/primitives/waapi/Reorder/useReorder.js +48 -0
- package/dist/react-ui/primitives/waapi/Reorder/useReorderPresence.d.ts +33 -0
- package/dist/react-ui/primitives/waapi/Reorder/useReorderPresence.d.ts.map +1 -0
- package/dist/react-ui/primitives/waapi/Reorder/useReorderPresence.js +137 -0
- package/dist/react-ui/primitives/waapi/Reorder/utils/separatorCoordination.d.ts +47 -0
- package/dist/react-ui/primitives/waapi/Reorder/utils/separatorCoordination.d.ts.map +1 -0
- package/dist/react-ui/primitives/waapi/Reorder/utils/separatorCoordination.js +72 -0
- package/dist/react-ui/primitives/waapi/SlidingNumber/SlidingNumber.styles.d.ts +10 -0
- package/dist/react-ui/primitives/waapi/SlidingNumber/SlidingNumber.styles.d.ts.map +1 -0
- package/dist/react-ui/primitives/waapi/SlidingNumber/SlidingNumber.types.d.ts +74 -0
- package/dist/react-ui/primitives/waapi/SlidingNumber/SlidingNumber.types.d.ts.map +1 -0
- package/dist/react-ui/primitives/waapi/SlidingNumber/index.d.ts +33 -0
- package/dist/react-ui/primitives/waapi/SlidingNumber/index.d.ts.map +1 -0
- package/dist/react-ui/primitives/waapi/SlidingNumber/index.js +354 -0
- package/dist/react-ui/primitives/waapi/SlidingText/SlidingText.styles.d.ts +25 -0
- package/dist/react-ui/primitives/waapi/SlidingText/SlidingText.styles.d.ts.map +1 -0
- package/dist/react-ui/primitives/waapi/SlidingText/SlidingText.types.d.ts +57 -0
- package/dist/react-ui/primitives/waapi/SlidingText/SlidingText.types.d.ts.map +1 -0
- package/dist/react-ui/primitives/waapi/SlidingText/index.d.ts +26 -0
- package/dist/react-ui/primitives/waapi/SlidingText/index.d.ts.map +1 -0
- package/dist/react-ui/primitives/waapi/SlidingText/index.js +105 -0
- package/dist/react-ui/primitives/waapi/core/animationConstants.d.ts +156 -0
- package/dist/react-ui/primitives/waapi/core/animationConstants.d.ts.map +1 -0
- package/dist/react-ui/primitives/waapi/core/animationConstants.js +180 -0
- package/dist/react-ui/primitives/waapi/core/index.d.ts +16 -0
- package/dist/react-ui/primitives/waapi/core/index.d.ts.map +1 -0
- package/dist/react-ui/primitives/waapi/core/index.js +5 -0
- package/dist/react-ui/primitives/waapi/core/types.d.ts +143 -0
- package/dist/react-ui/primitives/waapi/core/types.d.ts.map +1 -0
- package/dist/react-ui/primitives/waapi/core/useAnimationOrchestrator.d.ts +32 -0
- package/dist/react-ui/primitives/waapi/core/useAnimationOrchestrator.d.ts.map +1 -0
- package/dist/react-ui/primitives/waapi/core/useAnimationOrchestrator.js +322 -0
- package/dist/react-ui/primitives/waapi/core/useElementRegistry.d.ts +21 -0
- package/dist/react-ui/primitives/waapi/core/useElementRegistry.d.ts.map +1 -0
- package/dist/react-ui/primitives/waapi/core/useElementRegistry.js +65 -0
- package/dist/react-ui/primitives/waapi/core/useFLIPAnimation.d.ts +20 -0
- package/dist/react-ui/primitives/waapi/core/useFLIPAnimation.d.ts.map +1 -0
- package/dist/react-ui/primitives/waapi/core/useFLIPAnimation.js +99 -0
- package/dist/react-ui/primitives/waapi/core/usePositionCapture.d.ts +24 -0
- package/dist/react-ui/primitives/waapi/core/usePositionCapture.d.ts.map +1 -0
- package/dist/react-ui/primitives/waapi/core/usePositionCapture.js +75 -0
- package/dist/react-ui/primitives/waapi/index.d.ts +33 -0
- package/dist/react-ui/primitives/waapi/index.d.ts.map +1 -0
- package/dist/react-ui/primitives/waapi/index.js +18 -0
- package/dist/react-ui/ui/Accordion/Accordion.styles.d.ts.map +1 -0
- package/dist/react-ui/ui/Accordion/Accordion.styles.js +54 -0
- package/dist/react-ui/ui/Accordion/Accordion.types.d.ts.map +1 -0
- package/dist/react-ui/ui/Accordion/index.d.ts.map +1 -0
- package/dist/react-ui/ui/Accordion/index.js +266 -0
- package/dist/react-ui/ui/AlertDialog/AlertDialog.styles.d.ts.map +1 -0
- package/dist/react-ui/ui/AlertDialog/AlertDialog.styles.js +29 -0
- package/dist/react-ui/ui/AlertDialog/AlertDialog.types.d.ts.map +1 -0
- package/dist/react-ui/ui/AlertDialog/index.d.ts.map +1 -0
- package/dist/react-ui/ui/AlertDialog/index.js +319 -0
- package/dist/react-ui/ui/Badge/Badge.styles.d.ts.map +1 -0
- package/dist/react-ui/ui/Badge/Badge.styles.js +30 -0
- package/dist/react-ui/ui/Badge/Badge.types.d.ts.map +1 -0
- package/dist/react-ui/ui/Badge/index.d.ts.map +1 -0
- package/dist/react-ui/ui/Badge/index.js +34 -0
- package/dist/react-ui/ui/Button/Button.styles.d.ts.map +1 -0
- package/dist/react-ui/ui/Button/Button.styles.js +40 -0
- package/dist/react-ui/ui/Button/Button.types.d.ts.map +1 -0
- package/dist/react-ui/ui/Button/index.d.ts.map +1 -0
- package/dist/react-ui/ui/Button/index.js +103 -0
- package/dist/react-ui/ui/Card/Card.styles.d.ts.map +1 -0
- package/dist/react-ui/ui/Card/Card.styles.js +24 -0
- package/dist/react-ui/ui/Card/Card.types.d.ts.map +1 -0
- package/dist/react-ui/ui/Card/index.d.ts.map +1 -0
- package/dist/react-ui/ui/Card/index.js +82 -0
- package/dist/react-ui/ui/Checkbox/Checkbox.styles.d.ts.map +1 -0
- package/dist/react-ui/ui/Checkbox/Checkbox.styles.js +34 -0
- package/dist/react-ui/ui/Checkbox/Checkbox.types.d.ts.map +1 -0
- package/dist/react-ui/ui/Checkbox/index.d.ts.map +1 -0
- package/dist/react-ui/ui/Checkbox/index.js +158 -0
- package/dist/react-ui/ui/Combobox/Combobox.styles.d.ts.map +1 -0
- package/dist/react-ui/ui/Combobox/Combobox.styles.js +17 -0
- package/dist/react-ui/ui/Combobox/Combobox.types.d.ts.map +1 -0
- package/dist/react-ui/ui/Combobox/index.d.ts +60 -0
- package/dist/react-ui/ui/Combobox/index.d.ts.map +1 -0
- package/dist/react-ui/ui/Combobox/index.js +216 -0
- package/dist/react-ui/ui/CornerBracket/CornerBracket.styles.d.ts.map +1 -0
- package/dist/react-ui/ui/CornerBracket/CornerBracket.styles.js +30 -0
- package/dist/react-ui/ui/CornerBracket/CornerBracket.types.d.ts.map +1 -0
- package/dist/react-ui/ui/CornerBracket/index.d.ts.map +1 -0
- package/dist/react-ui/ui/CornerBracket/index.js +42 -0
- package/dist/react-ui/ui/DataCard/DataCard.styles.d.ts +35 -0
- package/dist/react-ui/ui/DataCard/DataCard.styles.d.ts.map +1 -0
- package/dist/react-ui/ui/DataCard/DataCard.styles.js +114 -0
- package/dist/react-ui/ui/DataCard/DataCard.types.d.ts +135 -0
- package/dist/react-ui/ui/DataCard/DataCard.types.d.ts.map +1 -0
- package/dist/react-ui/ui/DataCard/index.d.ts +129 -0
- package/dist/react-ui/ui/DataCard/index.d.ts.map +1 -0
- package/dist/react-ui/ui/DataCard/index.js +276 -0
- package/dist/react-ui/ui/Dialog/Dialog.styles.d.ts.map +1 -0
- package/dist/react-ui/ui/Dialog/Dialog.styles.js +29 -0
- package/dist/react-ui/ui/Dialog/Dialog.types.d.ts +221 -0
- package/dist/react-ui/ui/Dialog/Dialog.types.d.ts.map +1 -0
- package/dist/react-ui/ui/Dialog/index.d.ts.map +1 -0
- package/dist/react-ui/ui/Dialog/index.js +265 -0
- package/dist/react-ui/ui/DropdownMenu/DropdownMenu.styles.d.ts.map +1 -0
- package/dist/react-ui/ui/DropdownMenu/DropdownMenu.styles.js +16 -0
- package/dist/react-ui/ui/DropdownMenu/DropdownMenu.types.d.ts.map +1 -0
- package/dist/react-ui/ui/DropdownMenu/index.d.ts +50 -0
- package/dist/react-ui/ui/DropdownMenu/index.d.ts.map +1 -0
- package/dist/react-ui/ui/DropdownMenu/index.js +181 -0
- package/dist/react-ui/ui/Field/Field.styles.d.ts.map +1 -0
- package/dist/react-ui/ui/Field/Field.styles.js +27 -0
- package/dist/react-ui/ui/Field/Field.types.d.ts.map +1 -0
- package/dist/react-ui/ui/Field/index.d.ts.map +1 -0
- package/dist/react-ui/ui/Field/index.js +145 -0
- package/dist/react-ui/ui/Input/Input.styles.d.ts.map +1 -0
- package/dist/react-ui/ui/Input/Input.styles.js +5 -0
- package/dist/react-ui/ui/Input/Input.types.d.ts.map +1 -0
- package/dist/react-ui/ui/Input/index.d.ts.map +1 -0
- package/dist/react-ui/ui/Input/index.js +29 -0
- package/dist/react-ui/ui/InputGroup/InputGroup.styles.d.ts.map +1 -0
- package/dist/react-ui/ui/InputGroup/InputGroup.styles.js +34 -0
- package/dist/react-ui/ui/InputGroup/InputGroup.types.d.ts.map +1 -0
- package/dist/react-ui/ui/InputGroup/index.d.ts.map +1 -0
- package/dist/react-ui/ui/InputGroup/index.js +81 -0
- package/dist/react-ui/ui/Label/Label.styles.d.ts.map +1 -0
- package/dist/react-ui/ui/Label/Label.styles.js +5 -0
- package/dist/react-ui/ui/Label/Label.types.d.ts.map +1 -0
- package/dist/react-ui/ui/Label/index.d.ts.map +1 -0
- package/dist/react-ui/ui/Label/index.js +24 -0
- package/dist/react-ui/ui/Menu/Menu.styles.d.ts.map +1 -0
- package/dist/react-ui/ui/Menu/Menu.styles.js +32 -0
- package/dist/react-ui/ui/Menu/Menu.types.d.ts +328 -0
- package/dist/react-ui/ui/Menu/Menu.types.d.ts.map +1 -0
- package/dist/react-ui/ui/Menu/index.d.ts.map +1 -0
- package/dist/react-ui/ui/Menu/index.js +636 -0
- package/dist/react-ui/ui/Popover/Popover.styles.d.ts.map +1 -0
- package/dist/react-ui/ui/Popover/Popover.styles.js +26 -0
- package/dist/react-ui/ui/Popover/Popover.types.d.ts +204 -0
- package/dist/react-ui/ui/Popover/Popover.types.d.ts.map +1 -0
- package/dist/react-ui/ui/Popover/index.d.ts.map +1 -0
- package/dist/react-ui/ui/Popover/index.js +237 -0
- package/dist/react-ui/ui/Progress/Progress.styles.d.ts.map +1 -0
- package/dist/react-ui/ui/Progress/Progress.styles.js +30 -0
- package/dist/react-ui/ui/Progress/Progress.types.d.ts +148 -0
- package/dist/react-ui/ui/Progress/Progress.types.d.ts.map +1 -0
- package/dist/react-ui/ui/Progress/index.d.ts.map +1 -0
- package/dist/react-ui/ui/Progress/index.js +170 -0
- package/dist/react-ui/ui/Select/Select.styles.d.ts.map +1 -0
- package/dist/react-ui/ui/Select/Select.styles.js +15 -0
- package/dist/react-ui/ui/Select/Select.types.d.ts.map +1 -0
- package/dist/react-ui/ui/Select/index.d.ts +38 -0
- package/dist/react-ui/ui/Select/index.d.ts.map +1 -0
- package/dist/react-ui/ui/Select/index.js +136 -0
- package/dist/react-ui/ui/Separator/Separator.styles.d.ts.map +1 -0
- package/dist/react-ui/ui/Separator/Separator.styles.js +5 -0
- package/dist/react-ui/ui/Separator/Separator.types.d.ts.map +1 -0
- package/dist/react-ui/ui/Separator/index.d.ts.map +1 -0
- package/dist/react-ui/ui/Separator/index.js +29 -0
- package/dist/react-ui/ui/Switch/Switch.styles.d.ts.map +1 -0
- package/dist/react-ui/ui/Switch/Switch.styles.js +41 -0
- package/dist/react-ui/ui/Switch/Switch.types.d.ts.map +1 -0
- package/dist/react-ui/ui/Switch/index.d.ts.map +1 -0
- package/dist/react-ui/ui/Switch/index.js +199 -0
- package/dist/react-ui/ui/Tabs/Tabs.styles.d.ts.map +1 -0
- package/dist/react-ui/ui/Tabs/Tabs.styles.js +26 -0
- package/dist/react-ui/ui/Tabs/Tabs.types.d.ts +201 -0
- package/dist/react-ui/ui/Tabs/Tabs.types.d.ts.map +1 -0
- package/dist/react-ui/ui/Tabs/index.d.ts.map +1 -0
- package/dist/react-ui/ui/Tabs/index.js +308 -0
- package/dist/react-ui/ui/TextFlow/TextFlow.styles.d.ts +16 -0
- package/dist/react-ui/ui/TextFlow/TextFlow.styles.d.ts.map +1 -0
- package/dist/react-ui/ui/TextFlow/TextFlow.types.d.ts +101 -0
- package/dist/react-ui/ui/TextFlow/TextFlow.types.d.ts.map +1 -0
- package/dist/react-ui/ui/TextFlow/index.d.ts +26 -0
- package/dist/react-ui/ui/TextFlow/index.d.ts.map +1 -0
- package/dist/react-ui/ui/TextFlow/index.js +187 -0
- package/dist/react-ui/ui/Textarea/Textarea.styles.d.ts.map +1 -0
- package/dist/react-ui/ui/Textarea/Textarea.styles.js +5 -0
- package/dist/react-ui/ui/Textarea/Textarea.types.d.ts.map +1 -0
- package/dist/react-ui/ui/Textarea/index.d.ts.map +1 -0
- package/dist/react-ui/ui/Textarea/index.js +24 -0
- package/dist/react-ui/ui/Tooltip/Tooltip.styles.d.ts.map +1 -0
- package/dist/react-ui/ui/Tooltip/Tooltip.styles.js +26 -0
- package/dist/react-ui/ui/Tooltip/Tooltip.types.d.ts +203 -0
- package/dist/react-ui/ui/Tooltip/Tooltip.types.d.ts.map +1 -0
- package/dist/react-ui/ui/Tooltip/index.d.ts.map +1 -0
- package/dist/react-ui/ui/Tooltip/index.js +219 -0
- package/dist/react-ui/ui/index.d.ts +32 -0
- package/dist/react-ui/ui/index.d.ts.map +1 -0
- package/dist/react-ui/ui/index.js +39 -0
- package/package.json +14 -10
- package/src/react-ui/components/MorphingPopover/index.tsx +186 -0
- package/src/react-ui/hooks/Formatting/UseListFormat.ts +134 -0
- package/src/react-ui/hooks/index.ts +20 -0
- package/src/react-ui/icons/lucide-animated/activity.tsx +109 -0
- package/src/react-ui/icons/lucide-animated/bell-electric.tsx +124 -0
- package/src/react-ui/icons/lucide-animated/bell.tsx +93 -0
- package/src/react-ui/icons/lucide-animated/bot.tsx +122 -0
- package/src/react-ui/icons/lucide-animated/box.tsx +117 -0
- package/src/react-ui/icons/lucide-animated/circle-check.tsx +107 -0
- package/src/react-ui/icons/lucide-animated/delete.tsx +133 -0
- package/src/react-ui/icons/lucide-animated/download.tsx +99 -0
- package/src/react-ui/icons/lucide-animated/home.tsx +103 -0
- package/src/react-ui/icons/lucide-animated/layout-panel-top.tsx +143 -0
- package/src/react-ui/icons/lucide-animated/plus.tsx +92 -0
- package/src/react-ui/icons/lucide-animated/search.tsx +94 -0
- package/src/react-ui/icons/lucide-animated/settings.tsx +92 -0
- package/src/react-ui/icons/lucide-animated/trending-down.tsx +151 -0
- package/src/react-ui/icons/lucide-animated/trending-up.tsx +150 -0
- package/src/react-ui/icons/lucide-animated/x.tsx +102 -0
- package/src/react-ui/primitives/AutoHeight/index.tsx +74 -0
- package/src/react-ui/primitives/CountingNumber/index.tsx +147 -0
- package/src/react-ui/primitives/Highlight/index.tsx +577 -0
- package/src/react-ui/primitives/Slot/index.tsx +128 -0
- package/src/react-ui/primitives/index.ts +16 -0
- package/src/react-ui/primitives/waapi/Morph/Morph.types.ts +106 -0
- package/src/react-ui/primitives/waapi/Morph/MorphContext.tsx +21 -0
- package/src/react-ui/primitives/waapi/Morph/index.tsx +56 -0
- package/src/react-ui/primitives/waapi/Morph/techniques/index.ts +12 -0
- package/src/react-ui/primitives/waapi/Morph/techniques/useCSSGridMorph.ts +88 -0
- package/src/react-ui/primitives/waapi/Morph/techniques/useFLIPClipPath.ts +175 -0
- package/src/react-ui/primitives/waapi/Morph/techniques/useViewTransitions.ts +86 -0
- package/src/react-ui/primitives/waapi/Morph/useMorph.ts +100 -0
- package/src/react-ui/primitives/waapi/Reorder/Reorder.types.ts +177 -0
- package/src/react-ui/primitives/waapi/Reorder/index.tsx +260 -0
- package/src/react-ui/primitives/waapi/Reorder/useReorder.ts +46 -0
- package/src/react-ui/primitives/waapi/Reorder/useReorderPresence.ts +208 -0
- package/src/react-ui/primitives/waapi/Reorder/utils/separatorCoordination.ts +104 -0
- package/src/react-ui/primitives/waapi/SlidingNumber/SlidingNumber.styles.ts +14 -0
- package/src/react-ui/primitives/waapi/SlidingNumber/SlidingNumber.types.ts +84 -0
- package/src/react-ui/primitives/waapi/SlidingNumber/index.tsx +474 -0
- package/src/react-ui/primitives/waapi/SlidingText/SlidingText.styles.ts +32 -0
- package/src/react-ui/primitives/waapi/SlidingText/SlidingText.types.ts +69 -0
- package/src/react-ui/primitives/waapi/SlidingText/index.tsx +140 -0
- package/src/react-ui/primitives/waapi/core/animationConstants.ts +215 -0
- package/src/react-ui/primitives/waapi/core/index.ts +53 -0
- package/src/react-ui/primitives/waapi/core/types.ts +200 -0
- package/src/react-ui/primitives/waapi/core/useAnimationOrchestrator.ts +429 -0
- package/src/react-ui/primitives/waapi/core/useElementRegistry.ts +80 -0
- package/src/react-ui/primitives/waapi/core/useFLIPAnimation.ts +137 -0
- package/src/react-ui/primitives/waapi/core/usePositionCapture.ts +105 -0
- package/src/react-ui/primitives/waapi/index.ts +116 -0
- package/src/react-ui/styles/animations.css +369 -0
- package/src/react-ui/ui/Accordion/index.tsx +362 -0
- package/src/react-ui/ui/AlertDialog/index.tsx +540 -0
- package/src/react-ui/ui/Badge/index.tsx +34 -0
- package/src/react-ui/ui/Button/index.tsx +155 -0
- package/src/react-ui/ui/Card/index.tsx +130 -0
- package/src/react-ui/ui/Checkbox/index.tsx +233 -0
- package/src/react-ui/ui/Combobox/index.tsx +331 -0
- package/src/react-ui/ui/CornerBracket/index.tsx +49 -0
- package/src/react-ui/ui/DataCard/DataCard.styles.ts +150 -0
- package/src/react-ui/ui/DataCard/DataCard.types.ts +146 -0
- package/src/react-ui/ui/DataCard/index.tsx +406 -0
- package/src/react-ui/ui/Dialog/index.tsx +452 -0
- package/src/react-ui/ui/DropdownMenu/index.tsx +300 -0
- package/src/react-ui/ui/Field/index.tsx +254 -0
- package/src/react-ui/ui/Input/index.tsx +32 -0
- package/src/react-ui/ui/InputGroup/index.tsx +147 -0
- package/src/react-ui/ui/Label/index.tsx +27 -0
- package/src/react-ui/ui/Menu/Menu.types.ts +425 -0
- package/src/react-ui/ui/Menu/index.tsx +900 -0
- package/src/react-ui/ui/Popover/index.tsx +422 -0
- package/src/react-ui/ui/Progress/Progress.types.ts +162 -0
- package/src/react-ui/ui/Progress/index.tsx +254 -0
- package/src/react-ui/ui/Select/index.tsx +225 -0
- package/src/react-ui/ui/Separator/index.tsx +37 -0
- package/src/react-ui/ui/Switch/index.tsx +253 -0
- package/src/react-ui/ui/Tabs/Tabs.types.ts +250 -0
- package/src/react-ui/ui/Tabs/index.tsx +421 -0
- package/src/react-ui/ui/TextFlow/TextFlow.styles.ts +36 -0
- package/src/react-ui/ui/TextFlow/TextFlow.types.ts +118 -0
- package/src/react-ui/ui/TextFlow/index.tsx +276 -0
- package/src/react-ui/ui/Textarea/index.tsx +27 -0
- package/src/react-ui/ui/Tooltip/index.tsx +394 -0
- package/src/react-ui/ui/index.ts +37 -0
- package/dist/react/components/MorphingPopover/MorphingPopover.types.d.ts.map +0 -1
- package/dist/react/components/MorphingPopover/index.d.ts +0 -46
- package/dist/react/components/MorphingPopover/index.d.ts.map +0 -1
- package/dist/react/components/MorphingPopover/index.js +0 -119
- package/dist/react/components/MorphingPopover/morphing-popover.module.js +0 -5
- package/dist/react/components/index.d.ts.map +0 -1
- package/dist/react/hooks/Animation/UseAutoHeight.d.ts +0 -30
- package/dist/react/hooks/Animation/UseAutoHeight.d.ts.map +0 -1
- package/dist/react/hooks/Animation/UseAutoHeight.js +0 -80
- package/dist/react/hooks/DOM/UseIsInView.d.ts +0 -32
- package/dist/react/hooks/DOM/UseIsInView.d.ts.map +0 -1
- package/dist/react/hooks/DOM/UseIsInView.js +0 -33
- package/dist/react/hooks/State/UseControlledState.d.ts.map +0 -1
- package/dist/react/hooks/State/UseControlledState.js +0 -34
- package/dist/react/hooks/State/UseDataState.d.ts +0 -21
- package/dist/react/hooks/State/UseDataState.d.ts.map +0 -1
- package/dist/react/hooks/State/UseDataState.js +0 -63
- package/dist/react/hooks/index.d.ts +0 -14
- package/dist/react/hooks/index.d.ts.map +0 -1
- package/dist/react/hooks/index.js +0 -4
- package/dist/react/icons/index.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/activity.d.ts +0 -11
- package/dist/react/icons/lucide-animated/activity.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/activity.js +0 -75
- package/dist/react/icons/lucide-animated/arrow-down-to-line.d.ts +0 -23
- package/dist/react/icons/lucide-animated/arrow-down-to-line.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/arrow-down-to-line.js +0 -45
- package/dist/react/icons/lucide-animated/arrow-up.d.ts +0 -23
- package/dist/react/icons/lucide-animated/arrow-up.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/arrow-up.js +0 -41
- package/dist/react/icons/lucide-animated/bell-electric.d.ts +0 -11
- package/dist/react/icons/lucide-animated/bell-electric.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/bell-electric.js +0 -202
- package/dist/react/icons/lucide-animated/bell.d.ts +0 -11
- package/dist/react/icons/lucide-animated/bell.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/bell.js +0 -65
- package/dist/react/icons/lucide-animated/bot.d.ts +0 -11
- package/dist/react/icons/lucide-animated/bot.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/bot.js +0 -118
- package/dist/react/icons/lucide-animated/box.d.ts +0 -11
- package/dist/react/icons/lucide-animated/box.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/box.js +0 -86
- package/dist/react/icons/lucide-animated/check.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/check.js +0 -23
- package/dist/react/icons/lucide-animated/circle-check.d.ts +0 -11
- package/dist/react/icons/lucide-animated/circle-check.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/circle-check.js +0 -76
- package/dist/react/icons/lucide-animated/delete.d.ts +0 -11
- package/dist/react/icons/lucide-animated/delete.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/delete.js +0 -110
- package/dist/react/icons/lucide-animated/download.d.ts +0 -11
- package/dist/react/icons/lucide-animated/download.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/download.js +0 -70
- package/dist/react/icons/lucide-animated/edit-2.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/edit-2.js +0 -23
- package/dist/react/icons/lucide-animated/globe.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/globe.js +0 -31
- package/dist/react/icons/lucide-animated/home.d.ts +0 -11
- package/dist/react/icons/lucide-animated/home.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/home.js +0 -68
- package/dist/react/icons/lucide-animated/index.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/layers.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/layers.js +0 -27
- package/dist/react/icons/lucide-animated/layout-panel-top.d.ts +0 -11
- package/dist/react/icons/lucide-animated/layout-panel-top.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/layout-panel-top.js +0 -130
- package/dist/react/icons/lucide-animated/list.d.ts +0 -23
- package/dist/react/icons/lucide-animated/list.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/list.js +0 -78
- package/dist/react/icons/lucide-animated/package.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/package.js +0 -28
- package/dist/react/icons/lucide-animated/palette.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/palette.js +0 -49
- package/dist/react/icons/lucide-animated/plus.d.ts +0 -11
- package/dist/react/icons/lucide-animated/plus.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/plus.js +0 -59
- package/dist/react/icons/lucide-animated/refresh-cw.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/refresh-cw.js +0 -28
- package/dist/react/icons/lucide-animated/rocket.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/rocket.js +0 -28
- package/dist/react/icons/lucide-animated/save.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/save.js +0 -27
- package/dist/react/icons/lucide-animated/search.d.ts +0 -11
- package/dist/react/icons/lucide-animated/search.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/search.js +0 -78
- package/dist/react/icons/lucide-animated/settings.d.ts +0 -11
- package/dist/react/icons/lucide-animated/settings.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/settings.js +0 -63
- package/dist/react/icons/lucide-animated/terminal.d.ts +0 -24
- package/dist/react/icons/lucide-animated/terminal.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/terminal.js +0 -36
- package/dist/react/icons/lucide-animated/trash-2.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/trash-2.js +0 -39
- package/dist/react/icons/lucide-animated/trending-down.d.ts +0 -11
- package/dist/react/icons/lucide-animated/trending-down.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/trending-down.js +0 -123
- package/dist/react/icons/lucide-animated/trending-up.d.ts +0 -11
- package/dist/react/icons/lucide-animated/trending-up.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/trending-up.js +0 -123
- package/dist/react/icons/lucide-animated/type.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/type.js +0 -37
- package/dist/react/icons/lucide-animated/upload.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/upload.js +0 -32
- package/dist/react/icons/lucide-animated/x.d.ts +0 -11
- package/dist/react/icons/lucide-animated/x.d.ts.map +0 -1
- package/dist/react/icons/lucide-animated/x.js +0 -68
- package/dist/react/index.d.ts.map +0 -1
- package/dist/react/lib/get-strict-context.d.ts +0 -30
- package/dist/react/lib/get-strict-context.d.ts.map +0 -1
- package/dist/react/lib/get-strict-context.js +0 -40
- package/dist/react/lib/index.d.ts.map +0 -1
- package/dist/react/lib/utils.d.ts.map +0 -1
- package/dist/react/lib/utils.js +0 -27
- package/dist/react/primitives/AutoHeight/index.d.ts +0 -31
- package/dist/react/primitives/AutoHeight/index.d.ts.map +0 -1
- package/dist/react/primitives/AutoHeight/index.js +0 -52
- package/dist/react/primitives/CountingNumber/index.d.ts +0 -44
- package/dist/react/primitives/CountingNumber/index.d.ts.map +0 -1
- package/dist/react/primitives/CountingNumber/index.js +0 -97
- package/dist/react/primitives/Highlight/Highlight.types.d.ts.map +0 -1
- package/dist/react/primitives/Highlight/index.d.ts +0 -48
- package/dist/react/primitives/Highlight/index.d.ts.map +0 -1
- package/dist/react/primitives/Highlight/index.js +0 -396
- package/dist/react/primitives/Slot/index.d.ts +0 -53
- package/dist/react/primitives/Slot/index.d.ts.map +0 -1
- package/dist/react/primitives/Slot/index.js +0 -65
- package/dist/react/primitives/index.d.ts +0 -12
- package/dist/react/primitives/index.d.ts.map +0 -1
- package/dist/react/primitives/index.js +0 -4
- package/dist/react/ui/Accordion/Accordion.styles.d.ts.map +0 -1
- package/dist/react/ui/Accordion/Accordion.styles.js +0 -54
- package/dist/react/ui/Accordion/Accordion.types.d.ts.map +0 -1
- package/dist/react/ui/Accordion/index.d.ts.map +0 -1
- package/dist/react/ui/Accordion/index.js +0 -266
- package/dist/react/ui/AlertDialog/AlertDialog.styles.d.ts.map +0 -1
- package/dist/react/ui/AlertDialog/AlertDialog.styles.js +0 -29
- package/dist/react/ui/AlertDialog/AlertDialog.types.d.ts.map +0 -1
- package/dist/react/ui/AlertDialog/index.d.ts.map +0 -1
- package/dist/react/ui/AlertDialog/index.js +0 -319
- package/dist/react/ui/Badge/Badge.styles.d.ts.map +0 -1
- package/dist/react/ui/Badge/Badge.styles.js +0 -30
- package/dist/react/ui/Badge/Badge.types.d.ts.map +0 -1
- package/dist/react/ui/Badge/index.d.ts.map +0 -1
- package/dist/react/ui/Badge/index.js +0 -34
- package/dist/react/ui/Button/Button.styles.d.ts.map +0 -1
- package/dist/react/ui/Button/Button.styles.js +0 -40
- package/dist/react/ui/Button/Button.types.d.ts.map +0 -1
- package/dist/react/ui/Button/index.d.ts.map +0 -1
- package/dist/react/ui/Button/index.js +0 -103
- package/dist/react/ui/Card/Card.styles.d.ts.map +0 -1
- package/dist/react/ui/Card/Card.styles.js +0 -24
- package/dist/react/ui/Card/Card.types.d.ts.map +0 -1
- package/dist/react/ui/Card/index.d.ts.map +0 -1
- package/dist/react/ui/Card/index.js +0 -82
- package/dist/react/ui/Checkbox/Checkbox.styles.d.ts.map +0 -1
- package/dist/react/ui/Checkbox/Checkbox.styles.js +0 -34
- package/dist/react/ui/Checkbox/Checkbox.types.d.ts.map +0 -1
- package/dist/react/ui/Checkbox/index.d.ts.map +0 -1
- package/dist/react/ui/Checkbox/index.js +0 -158
- package/dist/react/ui/Combobox/Combobox.styles.d.ts.map +0 -1
- package/dist/react/ui/Combobox/Combobox.styles.js +0 -17
- package/dist/react/ui/Combobox/Combobox.types.d.ts.map +0 -1
- package/dist/react/ui/Combobox/index.d.ts +0 -60
- package/dist/react/ui/Combobox/index.d.ts.map +0 -1
- package/dist/react/ui/Combobox/index.js +0 -216
- package/dist/react/ui/CornerBracket/CornerBracket.styles.d.ts.map +0 -1
- package/dist/react/ui/CornerBracket/CornerBracket.styles.js +0 -30
- package/dist/react/ui/CornerBracket/CornerBracket.types.d.ts.map +0 -1
- package/dist/react/ui/CornerBracket/index.d.ts.map +0 -1
- package/dist/react/ui/CornerBracket/index.js +0 -42
- package/dist/react/ui/Dialog/Dialog.styles.d.ts.map +0 -1
- package/dist/react/ui/Dialog/Dialog.styles.js +0 -29
- package/dist/react/ui/Dialog/Dialog.types.d.ts +0 -221
- package/dist/react/ui/Dialog/Dialog.types.d.ts.map +0 -1
- package/dist/react/ui/Dialog/index.d.ts.map +0 -1
- package/dist/react/ui/Dialog/index.js +0 -265
- package/dist/react/ui/DropdownMenu/DropdownMenu.styles.d.ts.map +0 -1
- package/dist/react/ui/DropdownMenu/DropdownMenu.styles.js +0 -16
- package/dist/react/ui/DropdownMenu/DropdownMenu.types.d.ts.map +0 -1
- package/dist/react/ui/DropdownMenu/index.d.ts +0 -50
- package/dist/react/ui/DropdownMenu/index.d.ts.map +0 -1
- package/dist/react/ui/DropdownMenu/index.js +0 -181
- package/dist/react/ui/Field/Field.styles.d.ts.map +0 -1
- package/dist/react/ui/Field/Field.styles.js +0 -27
- package/dist/react/ui/Field/Field.types.d.ts.map +0 -1
- package/dist/react/ui/Field/index.d.ts.map +0 -1
- package/dist/react/ui/Field/index.js +0 -145
- package/dist/react/ui/Input/Input.styles.d.ts.map +0 -1
- package/dist/react/ui/Input/Input.styles.js +0 -5
- package/dist/react/ui/Input/Input.types.d.ts.map +0 -1
- package/dist/react/ui/Input/index.d.ts.map +0 -1
- package/dist/react/ui/Input/index.js +0 -29
- package/dist/react/ui/InputGroup/InputGroup.styles.d.ts.map +0 -1
- package/dist/react/ui/InputGroup/InputGroup.styles.js +0 -34
- package/dist/react/ui/InputGroup/InputGroup.types.d.ts.map +0 -1
- package/dist/react/ui/InputGroup/index.d.ts.map +0 -1
- package/dist/react/ui/InputGroup/index.js +0 -81
- package/dist/react/ui/Label/Label.styles.d.ts.map +0 -1
- package/dist/react/ui/Label/Label.styles.js +0 -5
- package/dist/react/ui/Label/Label.types.d.ts.map +0 -1
- package/dist/react/ui/Label/index.d.ts.map +0 -1
- package/dist/react/ui/Label/index.js +0 -24
- package/dist/react/ui/Menu/Menu.styles.d.ts.map +0 -1
- package/dist/react/ui/Menu/Menu.styles.js +0 -32
- package/dist/react/ui/Menu/Menu.types.d.ts +0 -328
- package/dist/react/ui/Menu/Menu.types.d.ts.map +0 -1
- package/dist/react/ui/Menu/index.d.ts.map +0 -1
- package/dist/react/ui/Menu/index.js +0 -636
- package/dist/react/ui/Popover/Popover.styles.d.ts.map +0 -1
- package/dist/react/ui/Popover/Popover.styles.js +0 -26
- package/dist/react/ui/Popover/Popover.types.d.ts +0 -204
- package/dist/react/ui/Popover/Popover.types.d.ts.map +0 -1
- package/dist/react/ui/Popover/index.d.ts.map +0 -1
- package/dist/react/ui/Popover/index.js +0 -237
- package/dist/react/ui/Progress/Progress.styles.d.ts.map +0 -1
- package/dist/react/ui/Progress/Progress.styles.js +0 -30
- package/dist/react/ui/Progress/Progress.types.d.ts +0 -148
- package/dist/react/ui/Progress/Progress.types.d.ts.map +0 -1
- package/dist/react/ui/Progress/index.d.ts.map +0 -1
- package/dist/react/ui/Progress/index.js +0 -170
- package/dist/react/ui/Select/Select.styles.d.ts.map +0 -1
- package/dist/react/ui/Select/Select.styles.js +0 -15
- package/dist/react/ui/Select/Select.types.d.ts.map +0 -1
- package/dist/react/ui/Select/index.d.ts +0 -38
- package/dist/react/ui/Select/index.d.ts.map +0 -1
- package/dist/react/ui/Select/index.js +0 -136
- package/dist/react/ui/Separator/Separator.styles.d.ts.map +0 -1
- package/dist/react/ui/Separator/Separator.styles.js +0 -5
- package/dist/react/ui/Separator/Separator.types.d.ts.map +0 -1
- package/dist/react/ui/Separator/index.d.ts.map +0 -1
- package/dist/react/ui/Separator/index.js +0 -29
- package/dist/react/ui/Switch/Switch.styles.d.ts.map +0 -1
- package/dist/react/ui/Switch/Switch.styles.js +0 -41
- package/dist/react/ui/Switch/Switch.types.d.ts.map +0 -1
- package/dist/react/ui/Switch/index.d.ts.map +0 -1
- package/dist/react/ui/Switch/index.js +0 -199
- package/dist/react/ui/Tabs/Tabs.styles.d.ts.map +0 -1
- package/dist/react/ui/Tabs/Tabs.styles.js +0 -26
- package/dist/react/ui/Tabs/Tabs.types.d.ts +0 -201
- package/dist/react/ui/Tabs/Tabs.types.d.ts.map +0 -1
- package/dist/react/ui/Tabs/index.d.ts.map +0 -1
- package/dist/react/ui/Tabs/index.js +0 -308
- package/dist/react/ui/Textarea/Textarea.styles.d.ts.map +0 -1
- package/dist/react/ui/Textarea/Textarea.styles.js +0 -5
- package/dist/react/ui/Textarea/Textarea.types.d.ts.map +0 -1
- package/dist/react/ui/Textarea/index.d.ts.map +0 -1
- package/dist/react/ui/Textarea/index.js +0 -24
- package/dist/react/ui/Tooltip/Tooltip.styles.d.ts.map +0 -1
- package/dist/react/ui/Tooltip/Tooltip.styles.js +0 -26
- package/dist/react/ui/Tooltip/Tooltip.types.d.ts +0 -203
- package/dist/react/ui/Tooltip/Tooltip.types.d.ts.map +0 -1
- package/dist/react/ui/Tooltip/index.d.ts.map +0 -1
- package/dist/react/ui/Tooltip/index.js +0 -219
- package/dist/react/ui/index.d.ts +0 -31
- package/dist/react/ui/index.d.ts.map +0 -1
- package/dist/react/ui/index.js +0 -37
- package/dist/react.js +0 -88
- package/src/react/components/MorphingPopover/index.tsx +0 -186
- package/src/react/hooks/index.ts +0 -17
- package/src/react/icons/lucide-animated/activity.tsx +0 -109
- package/src/react/icons/lucide-animated/bell-electric.tsx +0 -124
- package/src/react/icons/lucide-animated/bell.tsx +0 -93
- package/src/react/icons/lucide-animated/bot.tsx +0 -122
- package/src/react/icons/lucide-animated/box.tsx +0 -117
- package/src/react/icons/lucide-animated/circle-check.tsx +0 -107
- package/src/react/icons/lucide-animated/delete.tsx +0 -133
- package/src/react/icons/lucide-animated/download.tsx +0 -99
- package/src/react/icons/lucide-animated/home.tsx +0 -103
- package/src/react/icons/lucide-animated/layout-panel-top.tsx +0 -143
- package/src/react/icons/lucide-animated/plus.tsx +0 -92
- package/src/react/icons/lucide-animated/search.tsx +0 -94
- package/src/react/icons/lucide-animated/settings.tsx +0 -92
- package/src/react/icons/lucide-animated/trending-down.tsx +0 -151
- package/src/react/icons/lucide-animated/trending-up.tsx +0 -150
- package/src/react/icons/lucide-animated/x.tsx +0 -102
- package/src/react/primitives/AutoHeight/index.tsx +0 -74
- package/src/react/primitives/CountingNumber/index.tsx +0 -147
- package/src/react/primitives/Highlight/index.tsx +0 -577
- package/src/react/primitives/Slot/index.tsx +0 -128
- package/src/react/primitives/index.ts +0 -13
- package/src/react/ui/Accordion/index.tsx +0 -362
- package/src/react/ui/AlertDialog/index.tsx +0 -540
- package/src/react/ui/Badge/index.tsx +0 -34
- package/src/react/ui/Button/index.tsx +0 -155
- package/src/react/ui/Card/index.tsx +0 -130
- package/src/react/ui/Checkbox/index.tsx +0 -233
- package/src/react/ui/Combobox/index.tsx +0 -331
- package/src/react/ui/CornerBracket/index.tsx +0 -49
- package/src/react/ui/Dialog/index.tsx +0 -452
- package/src/react/ui/DropdownMenu/index.tsx +0 -300
- package/src/react/ui/Field/index.tsx +0 -254
- package/src/react/ui/Input/index.tsx +0 -32
- package/src/react/ui/InputGroup/index.tsx +0 -147
- package/src/react/ui/Label/index.tsx +0 -27
- package/src/react/ui/Menu/Menu.types.ts +0 -425
- package/src/react/ui/Menu/index.tsx +0 -900
- package/src/react/ui/Popover/index.tsx +0 -422
- package/src/react/ui/Progress/Progress.types.ts +0 -162
- package/src/react/ui/Progress/index.tsx +0 -254
- package/src/react/ui/Select/index.tsx +0 -225
- package/src/react/ui/Separator/index.tsx +0 -37
- package/src/react/ui/Switch/index.tsx +0 -253
- package/src/react/ui/Tabs/Tabs.types.ts +0 -250
- package/src/react/ui/Tabs/index.tsx +0 -421
- package/src/react/ui/Textarea/index.tsx +0 -27
- package/src/react/ui/Tooltip/index.tsx +0 -394
- package/src/react/ui/index.ts +0 -34
- /package/dist/{react → react-ui}/components/MorphingPopover/MorphingPopover.types.d.ts +0 -0
- /package/dist/{react/components/MorphingPopover/morphing-popover.module-BkcZcmVy.css → react-ui/components/MorphingPopover/morphing-popover.module-BycNI8nU.css} +0 -0
- /package/dist/{react → react-ui}/components/index.d.ts +0 -0
- /package/dist/{react → react-ui}/components/index.js +0 -0
- /package/dist/{react → react-ui}/hooks/State/UseControlledState.d.ts +0 -0
- /package/dist/{react → react-ui}/icons/index.d.ts +0 -0
- /package/dist/{react → react-ui}/icons/index.js +0 -0
- /package/dist/{react → react-ui}/icons/lucide-animated/check.d.ts +0 -0
- /package/dist/{react → react-ui}/icons/lucide-animated/edit-2.d.ts +0 -0
- /package/dist/{react → react-ui}/icons/lucide-animated/globe.d.ts +0 -0
- /package/dist/{react → react-ui}/icons/lucide-animated/index.d.ts +0 -0
- /package/dist/{react → react-ui}/icons/lucide-animated/index.js +0 -0
- /package/dist/{react → react-ui}/icons/lucide-animated/layers.d.ts +0 -0
- /package/dist/{react → react-ui}/icons/lucide-animated/package.d.ts +0 -0
- /package/dist/{react → react-ui}/icons/lucide-animated/palette.d.ts +0 -0
- /package/dist/{react → react-ui}/icons/lucide-animated/refresh-cw.d.ts +0 -0
- /package/dist/{react → react-ui}/icons/lucide-animated/rocket.d.ts +0 -0
- /package/dist/{react → react-ui}/icons/lucide-animated/save.d.ts +0 -0
- /package/dist/{react → react-ui}/icons/lucide-animated/trash-2.d.ts +0 -0
- /package/dist/{react → react-ui}/icons/lucide-animated/type.d.ts +0 -0
- /package/dist/{react → react-ui}/icons/lucide-animated/upload.d.ts +0 -0
- /package/dist/{react → react-ui}/index.d.ts +0 -0
- /package/dist/{react → react-ui}/lib/index.d.ts +0 -0
- /package/dist/{react → react-ui}/lib/index.js +0 -0
- /package/dist/{react → react-ui}/lib/utils.d.ts +0 -0
- /package/dist/{react → react-ui}/primitives/Highlight/Highlight.types.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Accordion/Accordion.styles.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Accordion/Accordion.types.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Accordion/index.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/AlertDialog/AlertDialog.styles.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/AlertDialog/AlertDialog.types.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/AlertDialog/index.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Badge/Badge.styles.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Badge/Badge.types.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Badge/index.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Button/Button.styles.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Button/Button.types.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Button/index.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Card/Card.styles.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Card/Card.types.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Card/index.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Checkbox/Checkbox.styles.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Checkbox/Checkbox.types.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Checkbox/index.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Combobox/Combobox.styles.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Combobox/Combobox.types.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/CornerBracket/CornerBracket.styles.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/CornerBracket/CornerBracket.types.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/CornerBracket/index.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Dialog/Dialog.styles.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Dialog/index.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/DropdownMenu/DropdownMenu.styles.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/DropdownMenu/DropdownMenu.types.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Field/Field.styles.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Field/Field.types.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Field/index.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Input/Input.styles.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Input/Input.types.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Input/index.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/InputGroup/InputGroup.styles.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/InputGroup/InputGroup.types.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/InputGroup/index.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Label/Label.styles.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Label/Label.types.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Label/index.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Menu/Menu.styles.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Menu/index.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Popover/Popover.styles.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Popover/index.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Progress/Progress.styles.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Progress/index.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Select/Select.styles.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Select/Select.types.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Separator/Separator.styles.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Separator/Separator.types.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Separator/index.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Switch/Switch.styles.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Switch/Switch.types.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Switch/index.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Tabs/Tabs.styles.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Tabs/index.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Textarea/Textarea.styles.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Textarea/Textarea.types.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Textarea/index.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Tooltip/Tooltip.styles.d.ts +0 -0
- /package/dist/{react → react-ui}/ui/Tooltip/index.d.ts +0 -0
- /package/src/{react → react-ui}/components/MorphingPopover/MorphingPopover.types.ts +0 -0
- /package/src/{react → react-ui}/components/MorphingPopover/morphing-popover.module.css +0 -0
- /package/src/{react → react-ui}/components/index.ts +0 -0
- /package/src/{react → react-ui}/hooks/Animation/UseAutoHeight.tsx +0 -0
- /package/src/{react → react-ui}/hooks/DOM/UseIsInView.tsx +0 -0
- /package/src/{react → react-ui}/hooks/State/UseControlledState.tsx +0 -0
- /package/src/{react → react-ui}/hooks/State/UseDataState.tsx +0 -0
- /package/src/{react → react-ui}/icons/index.ts +0 -0
- /package/src/{react → react-ui}/icons/lucide-animated/arrow-down-to-line.tsx +0 -0
- /package/src/{react → react-ui}/icons/lucide-animated/arrow-up.tsx +0 -0
- /package/src/{react → react-ui}/icons/lucide-animated/check.tsx +0 -0
- /package/src/{react → react-ui}/icons/lucide-animated/edit-2.tsx +0 -0
- /package/src/{react → react-ui}/icons/lucide-animated/globe.tsx +0 -0
- /package/src/{react → react-ui}/icons/lucide-animated/index.ts +0 -0
- /package/src/{react → react-ui}/icons/lucide-animated/layers.tsx +0 -0
- /package/src/{react → react-ui}/icons/lucide-animated/list.tsx +0 -0
- /package/src/{react → react-ui}/icons/lucide-animated/package.tsx +0 -0
- /package/src/{react → react-ui}/icons/lucide-animated/palette.tsx +0 -0
- /package/src/{react → react-ui}/icons/lucide-animated/refresh-cw.tsx +0 -0
- /package/src/{react → react-ui}/icons/lucide-animated/rocket.tsx +0 -0
- /package/src/{react → react-ui}/icons/lucide-animated/save.tsx +0 -0
- /package/src/{react → react-ui}/icons/lucide-animated/terminal.tsx +0 -0
- /package/src/{react → react-ui}/icons/lucide-animated/trash-2.tsx +0 -0
- /package/src/{react → react-ui}/icons/lucide-animated/type.tsx +0 -0
- /package/src/{react → react-ui}/icons/lucide-animated/upload.tsx +0 -0
- /package/src/{react → react-ui}/index.ts +0 -0
- /package/src/{react → react-ui}/lib/get-strict-context.tsx +0 -0
- /package/src/{react → react-ui}/lib/index.ts +0 -0
- /package/src/{react → react-ui}/lib/utils.ts +0 -0
- /package/src/{react → react-ui}/primitives/Highlight/Highlight.types.ts +0 -0
- /package/src/{react → react-ui}/ui/Accordion/Accordion.styles.ts +0 -0
- /package/src/{react → react-ui}/ui/Accordion/Accordion.types.ts +0 -0
- /package/src/{react → react-ui}/ui/AlertDialog/AlertDialog.styles.ts +0 -0
- /package/src/{react → react-ui}/ui/AlertDialog/AlertDialog.types.ts +0 -0
- /package/src/{react → react-ui}/ui/Badge/Badge.styles.ts +0 -0
- /package/src/{react → react-ui}/ui/Badge/Badge.types.ts +0 -0
- /package/src/{react → react-ui}/ui/Button/Button.styles.ts +0 -0
- /package/src/{react → react-ui}/ui/Button/Button.types.ts +0 -0
- /package/src/{react → react-ui}/ui/Card/Card.styles.ts +0 -0
- /package/src/{react → react-ui}/ui/Card/Card.types.ts +0 -0
- /package/src/{react → react-ui}/ui/Checkbox/Checkbox.styles.ts +0 -0
- /package/src/{react → react-ui}/ui/Checkbox/Checkbox.types.ts +0 -0
- /package/src/{react → react-ui}/ui/Combobox/Combobox.styles.ts +0 -0
- /package/src/{react → react-ui}/ui/Combobox/Combobox.types.ts +0 -0
- /package/src/{react → react-ui}/ui/CornerBracket/CornerBracket.styles.ts +0 -0
- /package/src/{react → react-ui}/ui/CornerBracket/CornerBracket.types.ts +0 -0
- /package/src/{react → react-ui}/ui/Dialog/Dialog.styles.ts +0 -0
- /package/src/{react → react-ui}/ui/Dialog/Dialog.types.ts +0 -0
- /package/src/{react → react-ui}/ui/DropdownMenu/DropdownMenu.styles.ts +0 -0
- /package/src/{react → react-ui}/ui/DropdownMenu/DropdownMenu.types.ts +0 -0
- /package/src/{react → react-ui}/ui/Field/Field.styles.ts +0 -0
- /package/src/{react → react-ui}/ui/Field/Field.types.ts +0 -0
- /package/src/{react → react-ui}/ui/Input/Input.styles.ts +0 -0
- /package/src/{react → react-ui}/ui/Input/Input.types.ts +0 -0
- /package/src/{react → react-ui}/ui/InputGroup/InputGroup.styles.ts +0 -0
- /package/src/{react → react-ui}/ui/InputGroup/InputGroup.types.ts +0 -0
- /package/src/{react → react-ui}/ui/Label/Label.styles.ts +0 -0
- /package/src/{react → react-ui}/ui/Label/Label.types.ts +0 -0
- /package/src/{react → react-ui}/ui/Menu/Menu.styles.ts +0 -0
- /package/src/{react → react-ui}/ui/Popover/Popover.styles.ts +0 -0
- /package/src/{react → react-ui}/ui/Popover/Popover.types.ts +0 -0
- /package/src/{react → react-ui}/ui/Progress/Progress.styles.ts +0 -0
- /package/src/{react → react-ui}/ui/Select/Select.styles.ts +0 -0
- /package/src/{react → react-ui}/ui/Select/Select.types.ts +0 -0
- /package/src/{react → react-ui}/ui/Separator/Separator.styles.ts +0 -0
- /package/src/{react → react-ui}/ui/Separator/Separator.types.ts +0 -0
- /package/src/{react → react-ui}/ui/Switch/Switch.styles.ts +0 -0
- /package/src/{react → react-ui}/ui/Switch/Switch.types.ts +0 -0
- /package/src/{react → react-ui}/ui/Tabs/Tabs.styles.ts +0 -0
- /package/src/{react → react-ui}/ui/Textarea/Textarea.styles.ts +0 -0
- /package/src/{react → react-ui}/ui/Textarea/Textarea.types.ts +0 -0
- /package/src/{react → react-ui}/ui/Tooltip/Tooltip.styles.ts +0 -0
- /package/src/{react → react-ui}/ui/Tooltip/Tooltip.types.ts +0 -0
|
@@ -1,308 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import { cn } from "../../lib/utils.js";
|
|
4
|
-
import { Highlight, HighlightItem } from "../../primitives/Highlight/index.js";
|
|
5
|
-
import { AutoHeight } from "../../primitives/AutoHeight/index.js";
|
|
6
|
-
import { getStrictContext } from "../../lib/get-strict-context.js";
|
|
7
|
-
import { useControlledState } from "../../hooks/State/UseControlledState.js";
|
|
8
|
-
import { tabsStyles } from "./Tabs.styles.js";
|
|
9
|
-
import * as React from "../../../react";
|
|
10
|
-
import { AnimatePresence, motion } from "motion/react";
|
|
11
|
-
import { jsx } from "react/jsx-runtime";
|
|
12
|
-
import { Tabs } from "@base-ui/react/tabs";
|
|
13
|
-
|
|
14
|
-
//#region src/react/ui/Tabs/index.tsx
|
|
15
|
-
/**
|
|
16
|
-
* Tabs component -- animated tab navigation built on base-ui Tabs
|
|
17
|
-
* with motion transitions, highlight tracking, auto-height panels,
|
|
18
|
-
* and the v0.2.0 slot system.
|
|
19
|
-
*
|
|
20
|
-
* Provides sub-components for the tab list, individual tabs, panels,
|
|
21
|
-
* animated highlight indicators, and a panels container with two modes:
|
|
22
|
-
* auto-height (ResizeObserver) and layout (Motion layout animation).
|
|
23
|
-
*
|
|
24
|
-
* @module @mks2508/mks-ui/react/ui/Tabs
|
|
25
|
-
*
|
|
26
|
-
* @example
|
|
27
|
-
* ```tsx
|
|
28
|
-
* <Tabs defaultValue="general" slots={{ list: 'flex gap-1 border-b' }}>
|
|
29
|
-
* <TabsList>
|
|
30
|
-
* <TabsHighlight className="rounded-md bg-white/10">
|
|
31
|
-
* <TabsHighlightItem value="general">
|
|
32
|
-
* <TabsTab value="general">General</TabsTab>
|
|
33
|
-
* </TabsHighlightItem>
|
|
34
|
-
* <TabsHighlightItem value="advanced">
|
|
35
|
-
* <TabsTab value="advanced">Advanced</TabsTab>
|
|
36
|
-
* </TabsHighlightItem>
|
|
37
|
-
* </TabsHighlight>
|
|
38
|
-
* </TabsList>
|
|
39
|
-
* <TabsPanels>
|
|
40
|
-
* <TabsPanel value="general">General content</TabsPanel>
|
|
41
|
-
* <TabsPanel value="advanced">Advanced content</TabsPanel>
|
|
42
|
-
* </TabsPanels>
|
|
43
|
-
* </Tabs>
|
|
44
|
-
* ```
|
|
45
|
-
*/
|
|
46
|
-
const [TabsProvider, useTabs] = getStrictContext("TabsContext");
|
|
47
|
-
/**
|
|
48
|
-
* Root Tabs component -- provides active tab value context and
|
|
49
|
-
* controlled/uncontrolled state management.
|
|
50
|
-
*
|
|
51
|
-
* @param value - Controlled active tab value
|
|
52
|
-
* @param defaultValue - Uncontrolled initial active tab value
|
|
53
|
-
* @param onValueChange - Callback when active tab changes
|
|
54
|
-
* @param slots - Partial class overrides per slot
|
|
55
|
-
* @param config - Tabs behavior / animation configuration
|
|
56
|
-
*
|
|
57
|
-
* @example
|
|
58
|
-
* ```tsx
|
|
59
|
-
* <Tabs defaultValue="general" slots={{ root: 'w-full' }}>
|
|
60
|
-
* <TabsList>...</TabsList>
|
|
61
|
-
* <TabsPanels>...</TabsPanels>
|
|
62
|
-
* </Tabs>
|
|
63
|
-
* ```
|
|
64
|
-
*/
|
|
65
|
-
function Tabs$1({ slots, config, className, ...props }) {
|
|
66
|
-
const [value, setValue] = useControlledState({
|
|
67
|
-
value: props.value,
|
|
68
|
-
defaultValue: props.defaultValue,
|
|
69
|
-
onChange: props.onValueChange
|
|
70
|
-
});
|
|
71
|
-
return /* @__PURE__ */ jsx(TabsProvider, {
|
|
72
|
-
value: {
|
|
73
|
-
value,
|
|
74
|
-
setValue
|
|
75
|
-
},
|
|
76
|
-
children: /* @__PURE__ */ jsx(Tabs.Root, {
|
|
77
|
-
"data-slot": "tabs",
|
|
78
|
-
className: cn(tabsStyles.root, slots?.root, className),
|
|
79
|
-
...props,
|
|
80
|
-
onValueChange: setValue
|
|
81
|
-
})
|
|
82
|
-
});
|
|
83
|
-
}
|
|
84
|
-
/**
|
|
85
|
-
* TabsHighlight -- animated background indicator that follows the active tab.
|
|
86
|
-
* Wraps the Highlight primitive with tab-specific defaults (spring transition,
|
|
87
|
-
* no click activation since tabs manage their own active state).
|
|
88
|
-
*
|
|
89
|
-
* @param transition - Motion transition config (default: spring 200/25)
|
|
90
|
-
* @param slots - Partial class overrides per slot
|
|
91
|
-
* @param className - Additional class names
|
|
92
|
-
*
|
|
93
|
-
* @example
|
|
94
|
-
* ```tsx
|
|
95
|
-
* <TabsHighlight className="rounded-md bg-white/10">
|
|
96
|
-
* <TabsHighlightItem value="tab1">
|
|
97
|
-
* <TabsTab value="tab1">Tab 1</TabsTab>
|
|
98
|
-
* </TabsHighlightItem>
|
|
99
|
-
* </TabsHighlight>
|
|
100
|
-
* ```
|
|
101
|
-
*/
|
|
102
|
-
function TabsHighlight({ transition = {
|
|
103
|
-
type: "spring",
|
|
104
|
-
stiffness: 200,
|
|
105
|
-
damping: 25
|
|
106
|
-
}, slots, className, ...props }) {
|
|
107
|
-
const { value } = useTabs();
|
|
108
|
-
return /* @__PURE__ */ jsx(Highlight, {
|
|
109
|
-
"data-slot": "tabs-highlight",
|
|
110
|
-
controlledItems: true,
|
|
111
|
-
value,
|
|
112
|
-
transition,
|
|
113
|
-
click: false,
|
|
114
|
-
className: cn(tabsStyles.highlight, slots?.highlight, className),
|
|
115
|
-
...props
|
|
116
|
-
});
|
|
117
|
-
}
|
|
118
|
-
/**
|
|
119
|
-
* TabsList -- the container holding tab trigger buttons.
|
|
120
|
-
* Renders a base-ui Tabs.List with the `list` slot classes.
|
|
121
|
-
*
|
|
122
|
-
* @param slots - Partial class overrides per slot
|
|
123
|
-
* @param className - Additional class names
|
|
124
|
-
*
|
|
125
|
-
* @example
|
|
126
|
-
* ```tsx
|
|
127
|
-
* <TabsList className="flex gap-1 border-b border-white/10 pb-1">
|
|
128
|
-
* <TabsTab value="general">General</TabsTab>
|
|
129
|
-
* <TabsTab value="advanced">Advanced</TabsTab>
|
|
130
|
-
* </TabsList>
|
|
131
|
-
* ```
|
|
132
|
-
*/
|
|
133
|
-
function TabsList({ slots, className, ...props }) {
|
|
134
|
-
return /* @__PURE__ */ jsx(Tabs.List, {
|
|
135
|
-
"data-slot": "tabs-list",
|
|
136
|
-
className: cn(tabsStyles.list, slots?.list, className),
|
|
137
|
-
...props
|
|
138
|
-
});
|
|
139
|
-
}
|
|
140
|
-
/**
|
|
141
|
-
* TabsHighlightItem -- wraps a TabsTab for highlight position tracking.
|
|
142
|
-
* Must be placed inside a TabsHighlight context. The `value` prop should
|
|
143
|
-
* match the corresponding TabsTab value.
|
|
144
|
-
*
|
|
145
|
-
* @param value - Tab value this highlight item corresponds to
|
|
146
|
-
* @param slots - Partial class overrides per slot
|
|
147
|
-
*
|
|
148
|
-
* @example
|
|
149
|
-
* ```tsx
|
|
150
|
-
* <TabsHighlightItem value="general">
|
|
151
|
-
* <TabsTab value="general">General</TabsTab>
|
|
152
|
-
* </TabsHighlightItem>
|
|
153
|
-
* ```
|
|
154
|
-
*/
|
|
155
|
-
function TabsHighlightItem({ slots, ...props }) {
|
|
156
|
-
return /* @__PURE__ */ jsx(HighlightItem, {
|
|
157
|
-
"data-slot": "tabs-highlight-item",
|
|
158
|
-
...props
|
|
159
|
-
});
|
|
160
|
-
}
|
|
161
|
-
/**
|
|
162
|
-
* TabsTab -- a single tab trigger button that activates its panel.
|
|
163
|
-
* Renders a base-ui Tabs.Tab with the `tab` slot classes.
|
|
164
|
-
*
|
|
165
|
-
* @param value - The value this tab represents
|
|
166
|
-
* @param slots - Partial class overrides per slot
|
|
167
|
-
* @param className - Additional class names
|
|
168
|
-
*
|
|
169
|
-
* @example
|
|
170
|
-
* ```tsx
|
|
171
|
-
* <TabsTab value="general" className="px-3 py-1.5 text-sm font-medium">
|
|
172
|
-
* General
|
|
173
|
-
* </TabsTab>
|
|
174
|
-
* ```
|
|
175
|
-
*/
|
|
176
|
-
function TabsTab({ slots, className, ...props }) {
|
|
177
|
-
return /* @__PURE__ */ jsx(Tabs.Tab, {
|
|
178
|
-
"data-slot": "tabs-tab",
|
|
179
|
-
className: cn(tabsStyles.tab, slots?.tab, className),
|
|
180
|
-
...props
|
|
181
|
-
});
|
|
182
|
-
}
|
|
183
|
-
/**
|
|
184
|
-
* TabsPanel -- an animated content panel associated with a tab.
|
|
185
|
-
* Uses Motion for blur + opacity enter/exit transitions wrapped in
|
|
186
|
-
* AnimatePresence for smooth unmount animations.
|
|
187
|
-
*
|
|
188
|
-
* @param value - The tab value this panel corresponds to
|
|
189
|
-
* @param keepMounted - Keep the panel in DOM when inactive
|
|
190
|
-
* @param transition - Motion transition config (default: 0.5s easeInOut)
|
|
191
|
-
* @param slots - Partial class overrides per slot
|
|
192
|
-
* @param className - Additional class names
|
|
193
|
-
*
|
|
194
|
-
* @example
|
|
195
|
-
* ```tsx
|
|
196
|
-
* <TabsPanel value="general" className="p-4">
|
|
197
|
-
* <h2>General Settings</h2>
|
|
198
|
-
* <p>Configure your preferences here.</p>
|
|
199
|
-
* </TabsPanel>
|
|
200
|
-
* ```
|
|
201
|
-
*/
|
|
202
|
-
function TabsPanel({ value, keepMounted, transition = {
|
|
203
|
-
duration: .5,
|
|
204
|
-
ease: "easeInOut"
|
|
205
|
-
}, slots, className, ...props }) {
|
|
206
|
-
return /* @__PURE__ */ jsx(AnimatePresence, {
|
|
207
|
-
mode: "wait",
|
|
208
|
-
children: /* @__PURE__ */ jsx(Tabs.Panel, {
|
|
209
|
-
render: /* @__PURE__ */ jsx(motion.div, {
|
|
210
|
-
"data-slot": "tabs-panel",
|
|
211
|
-
layout: true,
|
|
212
|
-
layoutDependency: value,
|
|
213
|
-
initial: {
|
|
214
|
-
opacity: 0,
|
|
215
|
-
filter: "blur(4px)"
|
|
216
|
-
},
|
|
217
|
-
animate: {
|
|
218
|
-
opacity: 1,
|
|
219
|
-
filter: "blur(0px)"
|
|
220
|
-
},
|
|
221
|
-
exit: {
|
|
222
|
-
opacity: 0,
|
|
223
|
-
filter: "blur(4px)"
|
|
224
|
-
},
|
|
225
|
-
transition,
|
|
226
|
-
className: cn(tabsStyles.panel, slots?.panel, className),
|
|
227
|
-
...props
|
|
228
|
-
}),
|
|
229
|
-
keepMounted,
|
|
230
|
-
value
|
|
231
|
-
})
|
|
232
|
-
});
|
|
233
|
-
}
|
|
234
|
-
/** Default spring transition for the panels container. */
|
|
235
|
-
const defaultPanelsTransition = {
|
|
236
|
-
type: "spring",
|
|
237
|
-
stiffness: 200,
|
|
238
|
-
damping: 30
|
|
239
|
-
};
|
|
240
|
-
/**
|
|
241
|
-
* Type guard to distinguish auto-height mode from layout mode.
|
|
242
|
-
*
|
|
243
|
-
* @param props - TabsPanels props union
|
|
244
|
-
* @returns True if auto-height mode (default)
|
|
245
|
-
*/
|
|
246
|
-
function isAutoMode(props) {
|
|
247
|
-
return !props.mode || props.mode === "auto-height";
|
|
248
|
-
}
|
|
249
|
-
/**
|
|
250
|
-
* TabsPanels -- container for tab panels with animated height transitions.
|
|
251
|
-
* Supports two modes:
|
|
252
|
-
*
|
|
253
|
-
* - **auto-height** (default): Uses ResizeObserver to animate container
|
|
254
|
-
* height when panels have different content sizes.
|
|
255
|
-
* - **layout**: Uses Motion layout animation for size transitions,
|
|
256
|
-
* with overflow hidden.
|
|
257
|
-
*
|
|
258
|
-
* @param mode - Animation mode: 'auto-height' (default) or 'layout'
|
|
259
|
-
* @param transition - Motion transition config
|
|
260
|
-
* @param slots - Partial class overrides per slot
|
|
261
|
-
* @param className - Additional class names
|
|
262
|
-
*
|
|
263
|
-
* @example
|
|
264
|
-
* ```tsx
|
|
265
|
-
* // Auto-height mode (default)
|
|
266
|
-
* <TabsPanels>
|
|
267
|
-
* <TabsPanel value="short">Short content</TabsPanel>
|
|
268
|
-
* <TabsPanel value="long">Much longer content with many paragraphs...</TabsPanel>
|
|
269
|
-
* </TabsPanels>
|
|
270
|
-
*
|
|
271
|
-
* // Layout mode
|
|
272
|
-
* <TabsPanels mode="layout" className="rounded-lg">
|
|
273
|
-
* <TabsPanel value="a">Content A</TabsPanel>
|
|
274
|
-
* <TabsPanel value="b">Content B</TabsPanel>
|
|
275
|
-
* </TabsPanels>
|
|
276
|
-
* ```
|
|
277
|
-
*/
|
|
278
|
-
function TabsPanels(props) {
|
|
279
|
-
const { value } = useTabs();
|
|
280
|
-
if (isAutoMode(props)) {
|
|
281
|
-
const { children, transition = defaultPanelsTransition, slots, className, mode: _mode, ...autoProps } = props;
|
|
282
|
-
return /* @__PURE__ */ jsx(AutoHeight, {
|
|
283
|
-
"data-slot": "tabs-panels",
|
|
284
|
-
deps: [value],
|
|
285
|
-
transition,
|
|
286
|
-
className: cn(tabsStyles.panels, slots?.panels, className),
|
|
287
|
-
...autoProps,
|
|
288
|
-
children: /* @__PURE__ */ jsx(React.Fragment, { children }, value)
|
|
289
|
-
});
|
|
290
|
-
}
|
|
291
|
-
const { children, style, transition = defaultPanelsTransition, slots, className, mode: _mode, ...layoutProps } = props;
|
|
292
|
-
return /* @__PURE__ */ jsx(motion.div, {
|
|
293
|
-
"data-slot": "tabs-panels",
|
|
294
|
-
layout: "size",
|
|
295
|
-
layoutDependency: value,
|
|
296
|
-
transition: { layout: transition },
|
|
297
|
-
style: {
|
|
298
|
-
overflow: "hidden",
|
|
299
|
-
...style
|
|
300
|
-
},
|
|
301
|
-
className: cn(tabsStyles.panels, slots?.panels, className),
|
|
302
|
-
...layoutProps,
|
|
303
|
-
children: /* @__PURE__ */ jsx(React.Fragment, { children }, value)
|
|
304
|
-
});
|
|
305
|
-
}
|
|
306
|
-
|
|
307
|
-
//#endregion
|
|
308
|
-
export { Tabs$1 as Tabs, TabsHighlight, TabsHighlightItem, TabsList, TabsPanel, TabsPanels, TabsTab };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.styles.d.ts","sourceRoot":"","sources":["../../../../src/react/ui/Textarea/Textarea.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,KAAK,YAAY,GAAG,MAAM,CAAC;AAE3B,QAAA,MAAM,cAAc,EAAE,UAAU,CAAC,YAAY,CAE5C,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,YAAY,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
//#region src/react/ui/Textarea/Textarea.styles.ts
|
|
2
|
-
const textareaStyles = { root: "border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 rounded-lg border bg-transparent px-2.5 py-2 text-base transition-colors focus-visible:ring-3 aria-invalid:ring-3 md:text-sm placeholder:text-muted-foreground flex field-sizing-content min-h-16 w-full outline-none disabled:cursor-not-allowed disabled:opacity-50" };
|
|
3
|
-
|
|
4
|
-
//#endregion
|
|
5
|
-
export { textareaStyles };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.types.d.ts","sourceRoot":"","sources":["../../../../src/react/ui/Textarea/Textarea.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,wCAAwC;AACxC,UAAU,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC;IAC/D,KAAK,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;CACrC;AAED,YAAY,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react/ui/Textarea/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD;;;;;;;GAOG;AACH,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAQ/D;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { cn } from "../../lib/utils.js";
|
|
2
|
-
import { textareaStyles } from "./Textarea.styles.js";
|
|
3
|
-
import "../../../react";
|
|
4
|
-
import { jsx } from "react/jsx-runtime";
|
|
5
|
-
|
|
6
|
-
//#region src/react/ui/Textarea/index.tsx
|
|
7
|
-
/**
|
|
8
|
-
* Textarea — styled multi-line text input.
|
|
9
|
-
*
|
|
10
|
-
* @example
|
|
11
|
-
* ```tsx
|
|
12
|
-
* <Textarea placeholder="Enter description..." />
|
|
13
|
-
* ```
|
|
14
|
-
*/
|
|
15
|
-
function Textarea({ className, slots, ...props }) {
|
|
16
|
-
return /* @__PURE__ */ jsx("textarea", {
|
|
17
|
-
"data-slot": "textarea",
|
|
18
|
-
className: cn(textareaStyles.root, slots?.root, className),
|
|
19
|
-
...props
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
//#endregion
|
|
24
|
-
export { Textarea };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.styles.d.ts","sourceRoot":"","sources":["../../../../src/react/ui/Tooltip/Tooltip.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,aAAa,EAAE,UAAU,CAAC,WAAW,CAmBjD,CAAC"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
//#region src/react/ui/Tooltip/Tooltip.styles.ts
|
|
2
|
-
/**
|
|
3
|
-
* Default Tailwind classes for each Tooltip visual region.
|
|
4
|
-
* Consumers override via the `slots` prop; the merge order is:
|
|
5
|
-
* `base -> slots -> className`.
|
|
6
|
-
*
|
|
7
|
-
* @example
|
|
8
|
-
* ```typescript
|
|
9
|
-
* import { tooltipStyles } from './Tooltip.styles';
|
|
10
|
-
* // tooltipStyles.popup => 'z-50 overflow-hidden rounded-md ...'
|
|
11
|
-
* ```
|
|
12
|
-
*/
|
|
13
|
-
const tooltipStyles = {
|
|
14
|
-
root: "",
|
|
15
|
-
popup: [
|
|
16
|
-
"z-50 overflow-hidden rounded-md",
|
|
17
|
-
"border border-border bg-popover px-3 py-1.5",
|
|
18
|
-
"text-sm text-popover-foreground shadow-md"
|
|
19
|
-
].join(" "),
|
|
20
|
-
trigger: "",
|
|
21
|
-
positioner: "",
|
|
22
|
-
arrow: "fill-popover"
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
//#endregion
|
|
26
|
-
export { tooltipStyles };
|
|
@@ -1,203 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Type definitions for the Tooltip component.
|
|
3
|
-
*
|
|
4
|
-
* Provides all prop interfaces, slot types, context types, and configuration
|
|
5
|
-
* for the animated tooltip system built on Base UI and Motion.
|
|
6
|
-
*
|
|
7
|
-
* @module @mks2508/mks-ui/react/ui/Tooltip/Tooltip.types
|
|
8
|
-
*/
|
|
9
|
-
import type * as React from '../../../react';
|
|
10
|
-
import type { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
|
|
11
|
-
import type { HTMLMotionProps, MotionValue, SpringOptions } from 'motion/react';
|
|
12
|
-
import type { SlotOverrides, IBaseConfig } from '../../../core/types';
|
|
13
|
-
/**
|
|
14
|
-
* Visual regions available for class-name overrides via the `slots` prop.
|
|
15
|
-
*
|
|
16
|
-
* @example
|
|
17
|
-
* ```tsx
|
|
18
|
-
* <TooltipPopup slots={{ popup: 'bg-primary text-primary-foreground' }} />
|
|
19
|
-
* ```
|
|
20
|
-
*/
|
|
21
|
-
export type TooltipSlot = 'root' | 'popup' | 'trigger' | 'positioner' | 'arrow';
|
|
22
|
-
/**
|
|
23
|
-
* Extended configuration for the Tooltip component.
|
|
24
|
-
* Inherits base animation settings and adds tooltip-specific cursor-following options.
|
|
25
|
-
*
|
|
26
|
-
* @example
|
|
27
|
-
* ```typescript
|
|
28
|
-
* const config: ITooltipConfig = {
|
|
29
|
-
* followCursor: 'x',
|
|
30
|
-
* followCursorSpringOptions: { stiffness: 200, damping: 17 },
|
|
31
|
-
* animation: { duration: 0.15 },
|
|
32
|
-
* };
|
|
33
|
-
* ```
|
|
34
|
-
*/
|
|
35
|
-
export interface ITooltipConfig extends IBaseConfig {
|
|
36
|
-
/**
|
|
37
|
-
* Whether the tooltip follows the cursor position.
|
|
38
|
-
* - `true` — follows on both axes
|
|
39
|
-
* - `'x'` — follows only horizontal movement
|
|
40
|
-
* - `'y'` — follows only vertical movement
|
|
41
|
-
* - `false` — static positioning (default)
|
|
42
|
-
*
|
|
43
|
-
* @defaultValue false
|
|
44
|
-
*/
|
|
45
|
-
followCursor?: boolean | 'x' | 'y';
|
|
46
|
-
/**
|
|
47
|
-
* Spring physics options for the cursor-following animation.
|
|
48
|
-
* Only used when `followCursor` is enabled.
|
|
49
|
-
*
|
|
50
|
-
* @defaultValue `{ stiffness: 200, damping: 17 }`
|
|
51
|
-
*/
|
|
52
|
-
followCursorSpringOptions?: SpringOptions;
|
|
53
|
-
}
|
|
54
|
-
/**
|
|
55
|
-
* Internal context type shared between Tooltip sub-components.
|
|
56
|
-
* Tracks open state, cursor position motion values, and follow-cursor settings.
|
|
57
|
-
*
|
|
58
|
-
* @example
|
|
59
|
-
* ```tsx
|
|
60
|
-
* const { isOpen, x, y, followCursor } = useTooltip();
|
|
61
|
-
* ```
|
|
62
|
-
*/
|
|
63
|
-
export type TooltipContextType = {
|
|
64
|
-
/** Whether the tooltip is currently open. */
|
|
65
|
-
isOpen: boolean;
|
|
66
|
-
/** Callback to change the open state. */
|
|
67
|
-
setIsOpen: ITooltipProps['onOpenChange'];
|
|
68
|
-
/** Motion value tracking horizontal cursor offset. */
|
|
69
|
-
x: MotionValue<number>;
|
|
70
|
-
/** Motion value tracking vertical cursor offset. */
|
|
71
|
-
y: MotionValue<number>;
|
|
72
|
-
/** Current follow-cursor mode. */
|
|
73
|
-
followCursor?: boolean | 'x' | 'y';
|
|
74
|
-
/** Spring physics options for cursor-following. */
|
|
75
|
-
followCursorSpringOptions?: SpringOptions;
|
|
76
|
-
};
|
|
77
|
-
/**
|
|
78
|
-
* Props for the root `Tooltip` component.
|
|
79
|
-
* Wraps Base UI Tooltip.Root with controlled-state support, context provider,
|
|
80
|
-
* and cursor-following motion values.
|
|
81
|
-
*
|
|
82
|
-
* @example
|
|
83
|
-
* ```tsx
|
|
84
|
-
* <Tooltip followCursor="x">
|
|
85
|
-
* <TooltipTrigger>Hover me</TooltipTrigger>
|
|
86
|
-
* <TooltipPortal>
|
|
87
|
-
* <TooltipPositioner>
|
|
88
|
-
* <TooltipPopup>Tooltip content</TooltipPopup>
|
|
89
|
-
* </TooltipPositioner>
|
|
90
|
-
* </TooltipPortal>
|
|
91
|
-
* </Tooltip>
|
|
92
|
-
* ```
|
|
93
|
-
*/
|
|
94
|
-
export interface ITooltipProps extends React.ComponentProps<typeof TooltipPrimitive.Root> {
|
|
95
|
-
/**
|
|
96
|
-
* Whether the tooltip follows the cursor position.
|
|
97
|
-
* @defaultValue false
|
|
98
|
-
*/
|
|
99
|
-
followCursor?: boolean | 'x' | 'y';
|
|
100
|
-
/**
|
|
101
|
-
* Spring physics options for the cursor-following animation.
|
|
102
|
-
* @defaultValue `{ stiffness: 200, damping: 17 }`
|
|
103
|
-
*/
|
|
104
|
-
followCursorSpringOptions?: SpringOptions;
|
|
105
|
-
/** Style slot overrides. */
|
|
106
|
-
slots?: SlotOverrides<TooltipSlot>;
|
|
107
|
-
/** Component configuration. */
|
|
108
|
-
config?: ITooltipConfig;
|
|
109
|
-
}
|
|
110
|
-
/**
|
|
111
|
-
* Props for the `TooltipProvider` component.
|
|
112
|
-
* Wraps Base UI Tooltip.Provider to set shared defaults for a group of tooltips.
|
|
113
|
-
*
|
|
114
|
-
* @example
|
|
115
|
-
* ```tsx
|
|
116
|
-
* <TooltipProvider delay={200}>
|
|
117
|
-
* <Tooltip>...</Tooltip>
|
|
118
|
-
* <Tooltip>...</Tooltip>
|
|
119
|
-
* </TooltipProvider>
|
|
120
|
-
* ```
|
|
121
|
-
*/
|
|
122
|
-
export interface ITooltipProviderProps extends React.ComponentProps<typeof TooltipPrimitive.Provider> {
|
|
123
|
-
/** Style slot overrides. */
|
|
124
|
-
slots?: SlotOverrides<TooltipSlot>;
|
|
125
|
-
}
|
|
126
|
-
/**
|
|
127
|
-
* Props for the `TooltipTrigger` component.
|
|
128
|
-
* Renders the element that shows the tooltip on hover/focus.
|
|
129
|
-
*
|
|
130
|
-
* @example
|
|
131
|
-
* ```tsx
|
|
132
|
-
* <TooltipTrigger>
|
|
133
|
-
* <Button>Hover me</Button>
|
|
134
|
-
* </TooltipTrigger>
|
|
135
|
-
* ```
|
|
136
|
-
*/
|
|
137
|
-
export interface ITooltipTriggerProps extends React.ComponentProps<typeof TooltipPrimitive.Trigger> {
|
|
138
|
-
/** Style slot overrides. */
|
|
139
|
-
slots?: SlotOverrides<TooltipSlot>;
|
|
140
|
-
}
|
|
141
|
-
/**
|
|
142
|
-
* Props for the `TooltipPortal` component.
|
|
143
|
-
* Renders children into a React portal with AnimatePresence for exit animations.
|
|
144
|
-
* The `keepMounted` prop is handled internally and cannot be overridden.
|
|
145
|
-
*
|
|
146
|
-
* @example
|
|
147
|
-
* ```tsx
|
|
148
|
-
* <TooltipPortal>
|
|
149
|
-
* <TooltipPositioner>
|
|
150
|
-
* <TooltipPopup>...</TooltipPopup>
|
|
151
|
-
* </TooltipPositioner>
|
|
152
|
-
* </TooltipPortal>
|
|
153
|
-
* ```
|
|
154
|
-
*/
|
|
155
|
-
export interface ITooltipPortalProps extends Omit<React.ComponentProps<typeof TooltipPrimitive.Portal>, 'keepMounted'> {
|
|
156
|
-
/** Style slot overrides. */
|
|
157
|
-
slots?: SlotOverrides<TooltipSlot>;
|
|
158
|
-
}
|
|
159
|
-
/**
|
|
160
|
-
* Props for the `TooltipPositioner` component.
|
|
161
|
-
* Handles automatic positioning relative to the trigger.
|
|
162
|
-
*
|
|
163
|
-
* @example
|
|
164
|
-
* ```tsx
|
|
165
|
-
* <TooltipPositioner sideOffset={4}>
|
|
166
|
-
* <TooltipPopup>Content</TooltipPopup>
|
|
167
|
-
* </TooltipPositioner>
|
|
168
|
-
* ```
|
|
169
|
-
*/
|
|
170
|
-
export interface ITooltipPositionerProps extends React.ComponentProps<typeof TooltipPrimitive.Positioner> {
|
|
171
|
-
/** Style slot overrides. */
|
|
172
|
-
slots?: SlotOverrides<TooltipSlot>;
|
|
173
|
-
}
|
|
174
|
-
/**
|
|
175
|
-
* Props for the `TooltipPopup` component.
|
|
176
|
-
* The main content container with scale entrance animation.
|
|
177
|
-
* Supports cursor-following via spring-animated motion values.
|
|
178
|
-
*
|
|
179
|
-
* @example
|
|
180
|
-
* ```tsx
|
|
181
|
-
* <TooltipPopup className="px-3 py-1.5 text-sm">
|
|
182
|
-
* Helpful information
|
|
183
|
-
* </TooltipPopup>
|
|
184
|
-
* ```
|
|
185
|
-
*/
|
|
186
|
-
export interface ITooltipPopupProps extends Omit<Omit<React.ComponentProps<typeof TooltipPrimitive.Popup>, 'render'>, keyof HTMLMotionProps<'div'>>, HTMLMotionProps<'div'> {
|
|
187
|
-
/** Style slot overrides. */
|
|
188
|
-
slots?: SlotOverrides<TooltipSlot>;
|
|
189
|
-
}
|
|
190
|
-
/**
|
|
191
|
-
* Props for the `TooltipArrow` component.
|
|
192
|
-
* Renders a directional arrow pointing toward the trigger.
|
|
193
|
-
*
|
|
194
|
-
* @example
|
|
195
|
-
* ```tsx
|
|
196
|
-
* <TooltipArrow className="fill-primary" />
|
|
197
|
-
* ```
|
|
198
|
-
*/
|
|
199
|
-
export interface ITooltipArrowProps extends React.ComponentProps<typeof TooltipPrimitive.Arrow> {
|
|
200
|
-
/** Style slot overrides. */
|
|
201
|
-
slots?: SlotOverrides<TooltipSlot>;
|
|
202
|
-
}
|
|
203
|
-
//# sourceMappingURL=Tooltip.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../../../../src/react/ui/Tooltip/Tooltip.types.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAEhF,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAM/D;;;;;;;GAOG;AACH,MAAM,MAAM,WAAW,GACnB,MAAM,GACN,OAAO,GACP,SAAS,GACT,YAAY,GACZ,OAAO,CAAC;AAMZ;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,GAAG,GAAG,GAAG,CAAC;IAEnC;;;;;OAKG;IACH,yBAAyB,CAAC,EAAE,aAAa,CAAC;CAC3C;AAMD;;;;;;;;GAQG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,6CAA6C;IAC7C,MAAM,EAAE,OAAO,CAAC;IAChB,yCAAyC;IACzC,SAAS,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IACzC,sDAAsD;IACtD,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACvB,oDAAoD;IACpD,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACvB,kCAAkC;IAClC,YAAY,CAAC,EAAE,OAAO,GAAG,GAAG,GAAG,GAAG,CAAC;IACnC,mDAAmD;IACnD,yBAAyB,CAAC,EAAE,aAAa,CAAC;CAC3C,CAAC;AAMF;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC;IAC1D;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,GAAG,GAAG,GAAG,CAAC;IAEnC;;;OAGG;IACH,yBAAyB,CAAC,EAAE,aAAa,CAAC;IAE1C,4BAA4B;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IAEnC,+BAA+B;IAC/B,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAED;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC;IAC9D,4BAA4B;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACpC;AAED;;;;;;;;;;GAUG;AACH,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC;IAC7D,4BAA4B;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACpC;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,mBACf,SAAQ,IAAI,CACV,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,EACpD,aAAa,CACd;IACD,4BAA4B;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACpC;AAED;;;;;;;;;;GAUG;AACH,MAAM,WAAW,uBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,UAAU,CAAC;IAChE,4BAA4B;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACpC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,kBACf,SAAQ,IAAI,CACR,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,EACnE,MAAM,eAAe,CAAC,KAAK,CAAC,CAC7B,EACD,eAAe,CAAC,KAAK,CAAC;IACxB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACpC;AAED;;;;;;;;GAQG;AACH,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC;IAC3D,4BAA4B;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACpC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react/ui/Tooltip/index.tsx"],"names":[],"mappings":"AA6DA,OAAO,KAAK,EACV,kBAAkB,EAClB,aAAa,EACb,qBAAqB,EACrB,oBAAoB,EACpB,mBAAmB,EACnB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAMzB,QAAA,MAA6B,UAAU,0BACiB,CAAC;AAMzD;;;;;;;;;;;;;GAaG;AACH,iBAAS,eAAe,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAI1E;AAMD;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,OAAO,CAAC,EACf,YAAoB,EACpB,yBAA2D,EAC3D,KAAK,EACL,MAAM,EAAE,OAAO,EACf,GAAG,KAAK,EACT,EAAE,aAAa,2CA2Bf;AAMD;;;;;;;;;;;;GAYG;AACH,iBAAS,cAAc,CAAC,EACtB,WAAW,EACX,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,2CA+BtB;AAMD;;;;;;;;;;;;;;GAcG;AACH,iBAAS,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CActE;AAMD;;;;;;;;;;;GAWG;AACH,iBAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAQzB;AAMD;;;;;;;;;;;;;GAaG;AACH,iBAAS,YAAY,CAAC,EACpB,UAA4D,EAC5D,KAAK,EACL,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAgCpB;AAMD;;;;;;;;;GASG;AACH,iBAAS,YAAY,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAQvE;AAMD,OAAO,EACL,eAAe,EACf,OAAO,EACP,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,UAAU,GACX,CAAC;AAGF,YAAY,EACV,qBAAqB,EACrB,aAAa,EACb,oBAAoB,EACpB,mBAAmB,EACnB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,WAAW,EACX,cAAc,GACf,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}
|