@homonoid/react 0.0.0-stage → 0.1.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/LICENSE +21 -0
- package/README.md +59 -2
- package/dist/components/button/Button.d.ts +10 -0
- package/dist/components/button/Button.d.ts.map +1 -0
- package/dist/components/button/Button.js +84 -0
- package/dist/components/button/Button.js.map +1 -0
- package/dist/components/button/index.d.ts +3 -0
- package/dist/components/button/index.d.ts.map +1 -0
- package/dist/components/button/index.js +2 -0
- package/dist/components/button/index.js.map +1 -0
- package/dist/components/button/types.d.ts +65 -0
- package/dist/components/button/types.d.ts.map +1 -0
- package/dist/components/button/types.js +2 -0
- package/dist/components/button/types.js.map +1 -0
- package/dist/components/card/Card.d.ts +9 -0
- package/dist/components/card/Card.d.ts.map +1 -0
- package/dist/components/card/Card.js +52 -0
- package/dist/components/card/Card.js.map +1 -0
- package/dist/components/card/index.d.ts +3 -0
- package/dist/components/card/index.d.ts.map +1 -0
- package/dist/components/card/index.js +2 -0
- package/dist/components/card/index.js.map +1 -0
- package/dist/components/card/types.d.ts +51 -0
- package/dist/components/card/types.d.ts.map +1 -0
- package/dist/components/card/types.js +2 -0
- package/dist/components/card/types.js.map +1 -0
- package/dist/components/checkbox/Checkbox.d.ts +15 -0
- package/dist/components/checkbox/Checkbox.d.ts.map +1 -0
- package/dist/components/checkbox/Checkbox.js +91 -0
- package/dist/components/checkbox/Checkbox.js.map +1 -0
- package/dist/components/checkbox/CheckboxContent.d.ts +4 -0
- package/dist/components/checkbox/CheckboxContent.d.ts.map +1 -0
- package/dist/components/checkbox/CheckboxContent.js +11 -0
- package/dist/components/checkbox/CheckboxContent.js.map +1 -0
- package/dist/components/checkbox/CheckboxContext.d.ts +20 -0
- package/dist/components/checkbox/CheckboxContext.d.ts.map +1 -0
- package/dist/components/checkbox/CheckboxContext.js +11 -0
- package/dist/components/checkbox/CheckboxContext.js.map +1 -0
- package/dist/components/checkbox/CheckboxControl.d.ts +10 -0
- package/dist/components/checkbox/CheckboxControl.d.ts.map +1 -0
- package/dist/components/checkbox/CheckboxControl.js +68 -0
- package/dist/components/checkbox/CheckboxControl.js.map +1 -0
- package/dist/components/checkbox/CheckboxIndicator.d.ts +3 -0
- package/dist/components/checkbox/CheckboxIndicator.d.ts.map +1 -0
- package/dist/components/checkbox/CheckboxIndicator.js +12 -0
- package/dist/components/checkbox/CheckboxIndicator.js.map +1 -0
- package/dist/components/checkbox/index.d.ts +7 -0
- package/dist/components/checkbox/index.d.ts.map +1 -0
- package/dist/components/checkbox/index.js +7 -0
- package/dist/components/checkbox/index.js.map +1 -0
- package/dist/components/checkbox/types.d.ts +83 -0
- package/dist/components/checkbox/types.d.ts.map +1 -0
- package/dist/components/checkbox/types.js +2 -0
- package/dist/components/checkbox/types.js.map +1 -0
- package/dist/components/description/Description.d.ts +8 -0
- package/dist/components/description/Description.d.ts.map +1 -0
- package/dist/components/description/Description.js +31 -0
- package/dist/components/description/Description.js.map +1 -0
- package/dist/components/description/index.d.ts +3 -0
- package/dist/components/description/index.d.ts.map +1 -0
- package/dist/components/description/index.js +2 -0
- package/dist/components/description/index.js.map +1 -0
- package/dist/components/description/types.d.ts +40 -0
- package/dist/components/description/types.d.ts.map +1 -0
- package/dist/components/description/types.js +2 -0
- package/dist/components/description/types.js.map +1 -0
- package/dist/components/dropdown/Dropdown.d.ts +20 -0
- package/dist/components/dropdown/Dropdown.d.ts.map +1 -0
- package/dist/components/dropdown/Dropdown.js +99 -0
- package/dist/components/dropdown/Dropdown.js.map +1 -0
- package/dist/components/dropdown/DropdownContent.d.ts +3 -0
- package/dist/components/dropdown/DropdownContent.d.ts.map +1 -0
- package/dist/components/dropdown/DropdownContent.js +48 -0
- package/dist/components/dropdown/DropdownContent.js.map +1 -0
- package/dist/components/dropdown/DropdownContext.d.ts +26 -0
- package/dist/components/dropdown/DropdownContext.d.ts.map +1 -0
- package/dist/components/dropdown/DropdownContext.js +11 -0
- package/dist/components/dropdown/DropdownContext.js.map +1 -0
- package/dist/components/dropdown/DropdownGroup.d.ts +3 -0
- package/dist/components/dropdown/DropdownGroup.d.ts.map +1 -0
- package/dist/components/dropdown/DropdownGroup.js +9 -0
- package/dist/components/dropdown/DropdownGroup.js.map +1 -0
- package/dist/components/dropdown/DropdownItem.d.ts +3 -0
- package/dist/components/dropdown/DropdownItem.d.ts.map +1 -0
- package/dist/components/dropdown/DropdownItem.js +27 -0
- package/dist/components/dropdown/DropdownItem.js.map +1 -0
- package/dist/components/dropdown/DropdownList.d.ts +3 -0
- package/dist/components/dropdown/DropdownList.d.ts.map +1 -0
- package/dist/components/dropdown/DropdownList.js +11 -0
- package/dist/components/dropdown/DropdownList.js.map +1 -0
- package/dist/components/dropdown/DropdownShortcut.d.ts +3 -0
- package/dist/components/dropdown/DropdownShortcut.d.ts.map +1 -0
- package/dist/components/dropdown/DropdownShortcut.js +10 -0
- package/dist/components/dropdown/DropdownShortcut.js.map +1 -0
- package/dist/components/dropdown/DropdownTrigger.d.ts +3 -0
- package/dist/components/dropdown/DropdownTrigger.d.ts.map +1 -0
- package/dist/components/dropdown/DropdownTrigger.js +61 -0
- package/dist/components/dropdown/DropdownTrigger.js.map +1 -0
- package/dist/components/dropdown/index.d.ts +10 -0
- package/dist/components/dropdown/index.d.ts.map +1 -0
- package/dist/components/dropdown/index.js +9 -0
- package/dist/components/dropdown/index.js.map +1 -0
- package/dist/components/dropdown/types.d.ts +165 -0
- package/dist/components/dropdown/types.d.ts.map +1 -0
- package/dist/components/dropdown/types.js +2 -0
- package/dist/components/dropdown/types.js.map +1 -0
- package/dist/components/heading/Heading.d.ts +6 -0
- package/dist/components/heading/Heading.d.ts.map +1 -0
- package/dist/components/heading/Heading.js +22 -0
- package/dist/components/heading/Heading.js.map +1 -0
- package/dist/components/heading/index.d.ts +3 -0
- package/dist/components/heading/index.d.ts.map +1 -0
- package/dist/components/heading/index.js +2 -0
- package/dist/components/heading/index.js.map +1 -0
- package/dist/components/heading/types.d.ts +28 -0
- package/dist/components/heading/types.d.ts.map +1 -0
- package/dist/components/heading/types.js +2 -0
- package/dist/components/heading/types.js.map +1 -0
- package/dist/components/input/Input.d.ts +10 -0
- package/dist/components/input/Input.d.ts.map +1 -0
- package/dist/components/input/Input.js +101 -0
- package/dist/components/input/Input.js.map +1 -0
- package/dist/components/input/index.d.ts +3 -0
- package/dist/components/input/index.d.ts.map +1 -0
- package/dist/components/input/index.js +2 -0
- package/dist/components/input/index.js.map +1 -0
- package/dist/components/input/types.d.ts +64 -0
- package/dist/components/input/types.d.ts.map +1 -0
- package/dist/components/input/types.js +2 -0
- package/dist/components/input/types.js.map +1 -0
- package/dist/components/kbd/Kbd.d.ts +15 -0
- package/dist/components/kbd/Kbd.d.ts.map +1 -0
- package/dist/components/kbd/Kbd.js +80 -0
- package/dist/components/kbd/Kbd.js.map +1 -0
- package/dist/components/kbd/KbdAbbr.d.ts +7 -0
- package/dist/components/kbd/KbdAbbr.d.ts.map +1 -0
- package/dist/components/kbd/KbdAbbr.js +39 -0
- package/dist/components/kbd/KbdAbbr.js.map +1 -0
- package/dist/components/kbd/KbdContent.d.ts +3 -0
- package/dist/components/kbd/KbdContent.d.ts.map +1 -0
- package/dist/components/kbd/KbdContent.js +8 -0
- package/dist/components/kbd/KbdContent.js.map +1 -0
- package/dist/components/kbd/index.d.ts +5 -0
- package/dist/components/kbd/index.d.ts.map +1 -0
- package/dist/components/kbd/index.js +4 -0
- package/dist/components/kbd/index.js.map +1 -0
- package/dist/components/kbd/types.d.ts +59 -0
- package/dist/components/kbd/types.d.ts.map +1 -0
- package/dist/components/kbd/types.js +2 -0
- package/dist/components/kbd/types.js.map +1 -0
- package/dist/components/label/Label.d.ts +7 -0
- package/dist/components/label/Label.d.ts.map +1 -0
- package/dist/components/label/Label.js +27 -0
- package/dist/components/label/Label.js.map +1 -0
- package/dist/components/label/index.d.ts +3 -0
- package/dist/components/label/index.d.ts.map +1 -0
- package/dist/components/label/index.js +2 -0
- package/dist/components/label/index.js.map +1 -0
- package/dist/components/label/types.d.ts +36 -0
- package/dist/components/label/types.d.ts.map +1 -0
- package/dist/components/label/types.js +2 -0
- package/dist/components/label/types.js.map +1 -0
- package/dist/components/modal/Modal.d.ts +14 -0
- package/dist/components/modal/Modal.d.ts.map +1 -0
- package/dist/components/modal/Modal.js +149 -0
- package/dist/components/modal/Modal.js.map +1 -0
- package/dist/components/modal/ModalBackdrop.d.ts +6 -0
- package/dist/components/modal/ModalBackdrop.d.ts.map +1 -0
- package/dist/components/modal/ModalBackdrop.js +50 -0
- package/dist/components/modal/ModalBackdrop.js.map +1 -0
- package/dist/components/modal/ModalBody.d.ts +3 -0
- package/dist/components/modal/ModalBody.d.ts.map +1 -0
- package/dist/components/modal/ModalBody.js +12 -0
- package/dist/components/modal/ModalBody.js.map +1 -0
- package/dist/components/modal/ModalContainer.d.ts +3 -0
- package/dist/components/modal/ModalContainer.d.ts.map +1 -0
- package/dist/components/modal/ModalContainer.js +17 -0
- package/dist/components/modal/ModalContainer.js.map +1 -0
- package/dist/components/modal/ModalContext.d.ts +4 -0
- package/dist/components/modal/ModalContext.d.ts.map +1 -0
- package/dist/components/modal/ModalContext.js +11 -0
- package/dist/components/modal/ModalContext.js.map +1 -0
- package/dist/components/modal/ModalDialog.d.ts +8 -0
- package/dist/components/modal/ModalDialog.d.ts.map +1 -0
- package/dist/components/modal/ModalDialog.js +56 -0
- package/dist/components/modal/ModalDialog.js.map +1 -0
- package/dist/components/modal/ModalFooter.d.ts +3 -0
- package/dist/components/modal/ModalFooter.d.ts.map +1 -0
- package/dist/components/modal/ModalFooter.js +9 -0
- package/dist/components/modal/ModalFooter.js.map +1 -0
- package/dist/components/modal/ModalHeader.d.ts +3 -0
- package/dist/components/modal/ModalHeader.d.ts.map +1 -0
- package/dist/components/modal/ModalHeader.js +9 -0
- package/dist/components/modal/ModalHeader.js.map +1 -0
- package/dist/components/modal/ModalTrigger.d.ts +3 -0
- package/dist/components/modal/ModalTrigger.d.ts.map +1 -0
- package/dist/components/modal/ModalTrigger.js +40 -0
- package/dist/components/modal/ModalTrigger.js.map +1 -0
- package/dist/components/modal/index.d.ts +11 -0
- package/dist/components/modal/index.d.ts.map +1 -0
- package/dist/components/modal/index.js +10 -0
- package/dist/components/modal/index.js.map +1 -0
- package/dist/components/modal/types.d.ts +75 -0
- package/dist/components/modal/types.d.ts.map +1 -0
- package/dist/components/modal/types.js +2 -0
- package/dist/components/modal/types.js.map +1 -0
- package/dist/components/popover/Popover.d.ts +10 -0
- package/dist/components/popover/Popover.d.ts.map +1 -0
- package/dist/components/popover/Popover.js +101 -0
- package/dist/components/popover/Popover.js.map +1 -0
- package/dist/components/popover/PopoverContent.d.ts +3 -0
- package/dist/components/popover/PopoverContent.d.ts.map +1 -0
- package/dist/components/popover/PopoverContent.js +41 -0
- package/dist/components/popover/PopoverContent.js.map +1 -0
- package/dist/components/popover/PopoverContext.d.ts +24 -0
- package/dist/components/popover/PopoverContext.d.ts.map +1 -0
- package/dist/components/popover/PopoverContext.js +11 -0
- package/dist/components/popover/PopoverContext.js.map +1 -0
- package/dist/components/popover/PopoverDialog.d.ts +7 -0
- package/dist/components/popover/PopoverDialog.d.ts.map +1 -0
- package/dist/components/popover/PopoverDialog.js +37 -0
- package/dist/components/popover/PopoverDialog.js.map +1 -0
- package/dist/components/popover/PopoverTrigger.d.ts +3 -0
- package/dist/components/popover/PopoverTrigger.d.ts.map +1 -0
- package/dist/components/popover/PopoverTrigger.js +41 -0
- package/dist/components/popover/PopoverTrigger.js.map +1 -0
- package/dist/components/popover/index.d.ts +7 -0
- package/dist/components/popover/index.d.ts.map +1 -0
- package/dist/components/popover/index.js +6 -0
- package/dist/components/popover/index.js.map +1 -0
- package/dist/components/popover/types.d.ts +42 -0
- package/dist/components/popover/types.d.ts.map +1 -0
- package/dist/components/popover/types.js +2 -0
- package/dist/components/popover/types.js.map +1 -0
- package/dist/components/searchbar/Searchbar.d.ts +3 -0
- package/dist/components/searchbar/Searchbar.d.ts.map +1 -0
- package/dist/components/searchbar/Searchbar.js +18 -0
- package/dist/components/searchbar/Searchbar.js.map +1 -0
- package/dist/components/searchbar/index.d.ts +3 -0
- package/dist/components/searchbar/index.d.ts.map +1 -0
- package/dist/components/searchbar/index.js +2 -0
- package/dist/components/searchbar/index.js.map +1 -0
- package/dist/components/searchbar/types.d.ts +36 -0
- package/dist/components/searchbar/types.d.ts.map +1 -0
- package/dist/components/searchbar/types.js +2 -0
- package/dist/components/searchbar/types.js.map +1 -0
- package/dist/components/select/Select.d.ts +21 -0
- package/dist/components/select/Select.d.ts.map +1 -0
- package/dist/components/select/Select.js +216 -0
- package/dist/components/select/Select.js.map +1 -0
- package/dist/components/select/SelectContent.d.ts +3 -0
- package/dist/components/select/SelectContent.d.ts.map +1 -0
- package/dist/components/select/SelectContent.js +48 -0
- package/dist/components/select/SelectContent.js.map +1 -0
- package/dist/components/select/SelectContext.d.ts +38 -0
- package/dist/components/select/SelectContext.d.ts.map +1 -0
- package/dist/components/select/SelectContext.js +11 -0
- package/dist/components/select/SelectContext.js.map +1 -0
- package/dist/components/select/SelectGroup.d.ts +3 -0
- package/dist/components/select/SelectGroup.d.ts.map +1 -0
- package/dist/components/select/SelectGroup.js +12 -0
- package/dist/components/select/SelectGroup.js.map +1 -0
- package/dist/components/select/SelectItem.d.ts +3 -0
- package/dist/components/select/SelectItem.d.ts.map +1 -0
- package/dist/components/select/SelectItem.js +32 -0
- package/dist/components/select/SelectItem.js.map +1 -0
- package/dist/components/select/SelectList.d.ts +3 -0
- package/dist/components/select/SelectList.d.ts.map +1 -0
- package/dist/components/select/SelectList.js +11 -0
- package/dist/components/select/SelectList.js.map +1 -0
- package/dist/components/select/SelectTrigger.d.ts +11 -0
- package/dist/components/select/SelectTrigger.d.ts.map +1 -0
- package/dist/components/select/SelectTrigger.js +116 -0
- package/dist/components/select/SelectTrigger.js.map +1 -0
- package/dist/components/select/SelectValue.d.ts +3 -0
- package/dist/components/select/SelectValue.d.ts.map +1 -0
- package/dist/components/select/SelectValue.js +14 -0
- package/dist/components/select/SelectValue.js.map +1 -0
- package/dist/components/select/index.d.ts +10 -0
- package/dist/components/select/index.d.ts.map +1 -0
- package/dist/components/select/index.js +9 -0
- package/dist/components/select/index.js.map +1 -0
- package/dist/components/select/types.d.ts +71 -0
- package/dist/components/select/types.d.ts.map +1 -0
- package/dist/components/select/types.js +2 -0
- package/dist/components/select/types.js.map +1 -0
- package/dist/components/separator/Separator.d.ts +6 -0
- package/dist/components/separator/Separator.d.ts.map +1 -0
- package/dist/components/separator/Separator.js +25 -0
- package/dist/components/separator/Separator.js.map +1 -0
- package/dist/components/separator/index.d.ts +3 -0
- package/dist/components/separator/index.d.ts.map +1 -0
- package/dist/components/separator/index.js +2 -0
- package/dist/components/separator/index.js.map +1 -0
- package/dist/components/separator/types.d.ts +21 -0
- package/dist/components/separator/types.d.ts.map +1 -0
- package/dist/components/separator/types.js +2 -0
- package/dist/components/separator/types.js.map +1 -0
- package/dist/components/spinner/Spinner.d.ts +7 -0
- package/dist/components/spinner/Spinner.d.ts.map +1 -0
- package/dist/components/spinner/Spinner.js +30 -0
- package/dist/components/spinner/Spinner.js.map +1 -0
- package/dist/components/spinner/index.d.ts +3 -0
- package/dist/components/spinner/index.d.ts.map +1 -0
- package/dist/components/spinner/index.js +2 -0
- package/dist/components/spinner/index.js.map +1 -0
- package/dist/components/spinner/types.d.ts +41 -0
- package/dist/components/spinner/types.d.ts.map +1 -0
- package/dist/components/spinner/types.js +2 -0
- package/dist/components/spinner/types.js.map +1 -0
- package/dist/components/switch/Switch.d.ts +15 -0
- package/dist/components/switch/Switch.d.ts.map +1 -0
- package/dist/components/switch/Switch.js +82 -0
- package/dist/components/switch/Switch.js.map +1 -0
- package/dist/components/switch/SwitchContent.d.ts +6 -0
- package/dist/components/switch/SwitchContent.d.ts.map +1 -0
- package/dist/components/switch/SwitchContent.js +24 -0
- package/dist/components/switch/SwitchContent.js.map +1 -0
- package/dist/components/switch/SwitchContext.d.ts +18 -0
- package/dist/components/switch/SwitchContext.d.ts.map +1 -0
- package/dist/components/switch/SwitchContext.js +11 -0
- package/dist/components/switch/SwitchContext.js.map +1 -0
- package/dist/components/switch/SwitchControl.d.ts +10 -0
- package/dist/components/switch/SwitchControl.d.ts.map +1 -0
- package/dist/components/switch/SwitchControl.js +61 -0
- package/dist/components/switch/SwitchControl.js.map +1 -0
- package/dist/components/switch/SwitchThumb.d.ts +7 -0
- package/dist/components/switch/SwitchThumb.d.ts.map +1 -0
- package/dist/components/switch/SwitchThumb.js +46 -0
- package/dist/components/switch/SwitchThumb.js.map +1 -0
- package/dist/components/switch/index.d.ts +7 -0
- package/dist/components/switch/index.d.ts.map +1 -0
- package/dist/components/switch/index.js +7 -0
- package/dist/components/switch/index.js.map +1 -0
- package/dist/components/switch/types.d.ts +77 -0
- package/dist/components/switch/types.d.ts.map +1 -0
- package/dist/components/switch/types.js +2 -0
- package/dist/components/switch/types.js.map +1 -0
- package/dist/components/tile/Tile.d.ts +24 -0
- package/dist/components/tile/Tile.d.ts.map +1 -0
- package/dist/components/tile/Tile.js +196 -0
- package/dist/components/tile/Tile.js.map +1 -0
- package/dist/components/tile/TileContent.d.ts +3 -0
- package/dist/components/tile/TileContent.d.ts.map +1 -0
- package/dist/components/tile/TileContent.js +8 -0
- package/dist/components/tile/TileContent.js.map +1 -0
- package/dist/components/tile/TileLeading.d.ts +3 -0
- package/dist/components/tile/TileLeading.d.ts.map +1 -0
- package/dist/components/tile/TileLeading.js +8 -0
- package/dist/components/tile/TileLeading.js.map +1 -0
- package/dist/components/tile/TileTrailing.d.ts +3 -0
- package/dist/components/tile/TileTrailing.d.ts.map +1 -0
- package/dist/components/tile/TileTrailing.js +8 -0
- package/dist/components/tile/TileTrailing.js.map +1 -0
- package/dist/components/tile/index.d.ts +6 -0
- package/dist/components/tile/index.d.ts.map +1 -0
- package/dist/components/tile/index.js +5 -0
- package/dist/components/tile/index.js.map +1 -0
- package/dist/components/tile/types.d.ts +96 -0
- package/dist/components/tile/types.d.ts.map +1 -0
- package/dist/components/tile/types.js +2 -0
- package/dist/components/tile/types.js.map +1 -0
- package/dist/components/tooltip/Tooltip.d.ts +8 -0
- package/dist/components/tooltip/Tooltip.d.ts.map +1 -0
- package/dist/components/tooltip/Tooltip.js +105 -0
- package/dist/components/tooltip/Tooltip.js.map +1 -0
- package/dist/components/tooltip/TooltipContent.d.ts +7 -0
- package/dist/components/tooltip/TooltipContent.d.ts.map +1 -0
- package/dist/components/tooltip/TooltipContent.js +61 -0
- package/dist/components/tooltip/TooltipContent.js.map +1 -0
- package/dist/components/tooltip/TooltipContext.d.ts +22 -0
- package/dist/components/tooltip/TooltipContext.d.ts.map +1 -0
- package/dist/components/tooltip/TooltipContext.js +11 -0
- package/dist/components/tooltip/TooltipContext.js.map +1 -0
- package/dist/components/tooltip/TooltipShortcut.d.ts +3 -0
- package/dist/components/tooltip/TooltipShortcut.d.ts.map +1 -0
- package/dist/components/tooltip/TooltipShortcut.js +10 -0
- package/dist/components/tooltip/TooltipShortcut.js.map +1 -0
- package/dist/components/tooltip/TooltipTrigger.d.ts +3 -0
- package/dist/components/tooltip/TooltipTrigger.d.ts.map +1 -0
- package/dist/components/tooltip/TooltipTrigger.js +27 -0
- package/dist/components/tooltip/TooltipTrigger.js.map +1 -0
- package/dist/components/tooltip/index.d.ts +7 -0
- package/dist/components/tooltip/index.d.ts.map +1 -0
- package/dist/components/tooltip/index.js +6 -0
- package/dist/components/tooltip/index.js.map +1 -0
- package/dist/components/tooltip/types.d.ts +43 -0
- package/dist/components/tooltip/types.d.ts.map +1 -0
- package/dist/components/tooltip/types.js +2 -0
- package/dist/components/tooltip/types.js.map +1 -0
- package/dist/index.d.ts +22 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +22 -0
- package/dist/index.js.map +1 -0
- package/dist/types/index.d.ts +36 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/index.js +2 -0
- package/dist/types/index.js.map +1 -0
- package/dist/utils/cn.d.ts +3 -0
- package/dist/utils/cn.d.ts.map +1 -0
- package/dist/utils/cn.js +19 -0
- package/dist/utils/cn.js.map +1 -0
- package/dist/utils/condition.d.ts +31 -0
- package/dist/utils/condition.d.ts.map +1 -0
- package/dist/utils/condition.js +37 -0
- package/dist/utils/condition.js.map +1 -0
- package/package.json +73 -3
- package/src/components/spinner/spinner.css +63 -0
- package/src/styles.css +1 -0
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
import type { ElementType, HTMLAttributes, ReactNode, Ref } from "react";
|
|
2
|
+
import type { Radius, Size } from "../../types";
|
|
3
|
+
export type TileVariant = "plain" | "contained" | "outlined";
|
|
4
|
+
export type TileColor = "surface" | "subtle" | "primary" | "destructive";
|
|
5
|
+
export type TileSize = Size;
|
|
6
|
+
export type TileRadius = Radius;
|
|
7
|
+
export interface TileProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
|
|
8
|
+
/**
|
|
9
|
+
* Ref forwarded to the root element.
|
|
10
|
+
*/
|
|
11
|
+
ref?: Ref<HTMLElement>;
|
|
12
|
+
/**
|
|
13
|
+
* Underlying HTML element tag or component to render.
|
|
14
|
+
* Defaults to button when interactive or div when static.
|
|
15
|
+
*/
|
|
16
|
+
as?: ElementType;
|
|
17
|
+
/**
|
|
18
|
+
* Optional destination link URL when rendered as a hyperlink or anchor.
|
|
19
|
+
*/
|
|
20
|
+
href?: string;
|
|
21
|
+
/**
|
|
22
|
+
* Structural surface treatment.
|
|
23
|
+
* plain provides a transparent background with subtle hover and active feedback.
|
|
24
|
+
* contained provides a solid surface fill.
|
|
25
|
+
* outlined frames the surface with a hairline border.
|
|
26
|
+
* @default "plain"
|
|
27
|
+
*/
|
|
28
|
+
variant?: TileVariant;
|
|
29
|
+
/**
|
|
30
|
+
* Semantic color palette intent.
|
|
31
|
+
* surface provides the standard neutral container palette.
|
|
32
|
+
* subtle provides a low contrast secondary tint.
|
|
33
|
+
* primary provides a brand accent tint.
|
|
34
|
+
* destructive provides an alert tint.
|
|
35
|
+
* @default "surface"
|
|
36
|
+
*/
|
|
37
|
+
color?: TileColor;
|
|
38
|
+
/**
|
|
39
|
+
* Standard control scale density.
|
|
40
|
+
* @default "md"
|
|
41
|
+
*/
|
|
42
|
+
size?: TileSize;
|
|
43
|
+
/**
|
|
44
|
+
* Corner radius curvature.
|
|
45
|
+
* @default "lg"
|
|
46
|
+
*/
|
|
47
|
+
radius?: TileRadius;
|
|
48
|
+
/**
|
|
49
|
+
* Whether the tile is interactive.
|
|
50
|
+
* Inferred from the presence of onClick, href, or interactive role when omitted.
|
|
51
|
+
*/
|
|
52
|
+
interactive?: boolean;
|
|
53
|
+
/**
|
|
54
|
+
* Whether the tile is currently selected or active.
|
|
55
|
+
* @default false
|
|
56
|
+
*/
|
|
57
|
+
selected?: boolean;
|
|
58
|
+
/**
|
|
59
|
+
* Whether the tile is disabled.
|
|
60
|
+
* @default false
|
|
61
|
+
*/
|
|
62
|
+
disabled?: boolean;
|
|
63
|
+
/**
|
|
64
|
+
* Optional leading slot element such as an icon, avatar, or indicator.
|
|
65
|
+
*/
|
|
66
|
+
leading?: ReactNode;
|
|
67
|
+
/**
|
|
68
|
+
* Optional primary headline copy or node.
|
|
69
|
+
*/
|
|
70
|
+
label?: ReactNode;
|
|
71
|
+
/**
|
|
72
|
+
* Optional alias for label.
|
|
73
|
+
*/
|
|
74
|
+
title?: ReactNode;
|
|
75
|
+
/**
|
|
76
|
+
* Optional supporting subtitle or description copy.
|
|
77
|
+
*/
|
|
78
|
+
description?: ReactNode;
|
|
79
|
+
/**
|
|
80
|
+
* Optional trailing slot element such as a chevron, switch, or badge.
|
|
81
|
+
*/
|
|
82
|
+
trailing?: ReactNode;
|
|
83
|
+
}
|
|
84
|
+
export interface TileLeadingProps extends HTMLAttributes<HTMLDivElement> {
|
|
85
|
+
ref?: Ref<HTMLDivElement>;
|
|
86
|
+
children?: ReactNode;
|
|
87
|
+
}
|
|
88
|
+
export interface TileContentProps extends HTMLAttributes<HTMLDivElement> {
|
|
89
|
+
ref?: Ref<HTMLDivElement>;
|
|
90
|
+
children?: ReactNode;
|
|
91
|
+
}
|
|
92
|
+
export interface TileTrailingProps extends HTMLAttributes<HTMLDivElement> {
|
|
93
|
+
ref?: Ref<HTMLDivElement>;
|
|
94
|
+
children?: ReactNode;
|
|
95
|
+
}
|
|
96
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/tile/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,WAAW,GAAG,UAAU,CAAC;AAC7D,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,aAAa,CAAC;AACzE,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC;AAC5B,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC;AAEhC,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC3E;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IAEvB;;;OAGG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/tile/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { TooltipProps } from "./types";
|
|
2
|
+
export declare function Tooltip({ children, content, open: controlledOpen, defaultOpen, onOpenChange, disabled, side, align, offset, delay, variant, size, className, }: TooltipProps): import("react").JSX.Element;
|
|
3
|
+
export declare namespace Tooltip {
|
|
4
|
+
var Trigger: import("react").ForwardRefExoticComponent<import("./types").TooltipTriggerProps & import("react").RefAttributes<HTMLElement>>;
|
|
5
|
+
var Content: import("react").ForwardRefExoticComponent<import("./types").TooltipContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
|
+
var Shortcut: import("react").ForwardRefExoticComponent<Omit<import("./types").TooltipShortcutProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
|
|
7
|
+
}
|
|
8
|
+
//# sourceMappingURL=Tooltip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,OAAO,EACP,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,QAAgB,EAChB,IAAY,EACZ,KAAgB,EAChB,MAAU,EACV,KAA+B,EAC/B,OAAoB,EACpB,IAAW,EACX,SAAS,GACV,EAAE,YAAY,+BAiId;yBA/Ie,OAAO"}
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useState, Children, isValidElement, } from "react";
|
|
4
|
+
import { useFloating, autoUpdate, offset as offsetMiddleware, flip, shift, useHover, useFocus, useDismiss, useRole, useInteractions, } from "@floating-ui/react";
|
|
5
|
+
import { TooltipContext } from "./TooltipContext";
|
|
6
|
+
import { TooltipTrigger } from "./TooltipTrigger";
|
|
7
|
+
import { TooltipContent } from "./TooltipContent";
|
|
8
|
+
import { TooltipShortcut } from "./TooltipShortcut";
|
|
9
|
+
import { all, cond } from "../../utils/condition";
|
|
10
|
+
export function Tooltip({ children, content, open: controlledOpen, defaultOpen = false, onOpenChange, disabled = false, side = "top", align = "center", offset = 6, delay = { open: 120, close: 0 }, variant = "inverted", size = "sm", className, }) {
|
|
11
|
+
const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));
|
|
12
|
+
const isControlled = controlledOpen !== undefined;
|
|
13
|
+
const isOpen = cond(isControlled, Boolean(controlledOpen), uncontrolledOpen);
|
|
14
|
+
const placement = cond(align === "center", side, `${side}-${align}`);
|
|
15
|
+
const resolvedDelay = cond(typeof delay === "number", { open: delay, close: 0 }, delay || { open: 120, close: 0 });
|
|
16
|
+
const { floatingStyles, context, refs: { setReference, setFloating }, } = useFloating({
|
|
17
|
+
open: all(!disabled, isOpen),
|
|
18
|
+
onOpenChange: (nextOpen) => {
|
|
19
|
+
if (!isControlled) {
|
|
20
|
+
setUncontrolledOpen(nextOpen);
|
|
21
|
+
}
|
|
22
|
+
onOpenChange?.(nextOpen);
|
|
23
|
+
},
|
|
24
|
+
placement,
|
|
25
|
+
whileElementsMounted: autoUpdate,
|
|
26
|
+
middleware: [
|
|
27
|
+
offsetMiddleware(offset),
|
|
28
|
+
flip({ fallbackAxisSideDirection: "start", padding: 8 }),
|
|
29
|
+
shift({ padding: 8 }),
|
|
30
|
+
],
|
|
31
|
+
});
|
|
32
|
+
const hover = useHover(context, {
|
|
33
|
+
enabled: !disabled,
|
|
34
|
+
move: false,
|
|
35
|
+
delay: resolvedDelay,
|
|
36
|
+
});
|
|
37
|
+
const focus = useFocus(context, {
|
|
38
|
+
enabled: !disabled,
|
|
39
|
+
});
|
|
40
|
+
const dismiss = useDismiss(context, {
|
|
41
|
+
referencePress: true,
|
|
42
|
+
});
|
|
43
|
+
const role = useRole(context, {
|
|
44
|
+
role: "tooltip",
|
|
45
|
+
});
|
|
46
|
+
const { getReferenceProps, getFloatingProps } = useInteractions([
|
|
47
|
+
hover,
|
|
48
|
+
focus,
|
|
49
|
+
dismiss,
|
|
50
|
+
role,
|
|
51
|
+
]);
|
|
52
|
+
const contextValue = {
|
|
53
|
+
open: isOpen,
|
|
54
|
+
setOpen: (nextOpen) => {
|
|
55
|
+
if (!isControlled) {
|
|
56
|
+
setUncontrolledOpen(nextOpen);
|
|
57
|
+
}
|
|
58
|
+
onOpenChange?.(nextOpen);
|
|
59
|
+
},
|
|
60
|
+
floatingStyles,
|
|
61
|
+
context,
|
|
62
|
+
setReference,
|
|
63
|
+
setFloating,
|
|
64
|
+
getReferenceProps,
|
|
65
|
+
getFloatingProps,
|
|
66
|
+
disabled,
|
|
67
|
+
variant,
|
|
68
|
+
size,
|
|
69
|
+
side,
|
|
70
|
+
align,
|
|
71
|
+
offset,
|
|
72
|
+
};
|
|
73
|
+
if (Boolean(content)) {
|
|
74
|
+
return (_jsxs(TooltipContext.Provider, { value: contextValue, children: [_jsx(TooltipTrigger, { className: className, children: children }), _jsx(TooltipContent, { children: content })] }));
|
|
75
|
+
}
|
|
76
|
+
let hasExplicitTrigger = false;
|
|
77
|
+
let standaloneContentNode = null;
|
|
78
|
+
const triggerNodes = [];
|
|
79
|
+
Children.forEach(children, (child) => {
|
|
80
|
+
if (isValidElement(child)) {
|
|
81
|
+
const element = child;
|
|
82
|
+
const displayName = element.type?.displayName;
|
|
83
|
+
if (cond(element.type === TooltipTrigger, true, displayName === "Tooltip.Trigger")) {
|
|
84
|
+
hasExplicitTrigger = true;
|
|
85
|
+
}
|
|
86
|
+
else if (cond(element.type === TooltipContent, true, displayName === "Tooltip.Content")) {
|
|
87
|
+
standaloneContentNode = child;
|
|
88
|
+
}
|
|
89
|
+
else {
|
|
90
|
+
triggerNodes.push(child);
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
else {
|
|
94
|
+
triggerNodes.push(child);
|
|
95
|
+
}
|
|
96
|
+
});
|
|
97
|
+
if (all(!hasExplicitTrigger, Boolean(standaloneContentNode))) {
|
|
98
|
+
return (_jsxs(TooltipContext.Provider, { value: contextValue, children: [_jsx(TooltipTrigger, { className: className, children: triggerNodes }), standaloneContentNode] }));
|
|
99
|
+
}
|
|
100
|
+
return (_jsx(TooltipContext.Provider, { value: contextValue, children: children }));
|
|
101
|
+
}
|
|
102
|
+
Tooltip.Trigger = TooltipTrigger;
|
|
103
|
+
Tooltip.Content = TooltipContent;
|
|
104
|
+
Tooltip.Shortcut = TooltipShortcut;
|
|
105
|
+
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { TooltipContentProps } from "./types";
|
|
2
|
+
export declare const variants: (props?: ({
|
|
3
|
+
variant?: "primary" | "surface" | "inverted" | null | undefined;
|
|
4
|
+
size?: "sm" | "md" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
+
export declare const TooltipContent: import("react").ForwardRefExoticComponent<TooltipContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
7
|
+
//# sourceMappingURL=TooltipContent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TooltipContent.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/TooltipContent.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAM,QAAQ;;;8EAmBpB,CAAC;AAEF,eAAO,MAAM,cAAc,gHAuE1B,CAAC"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef } from "react";
|
|
4
|
+
import { cva } from "class-variance-authority";
|
|
5
|
+
import { FloatingPortal, useTransitionStyles, useMergeRefs } from "@floating-ui/react";
|
|
6
|
+
import { useTooltipContext } from "./TooltipContext";
|
|
7
|
+
import { cn } from "../../utils/cn";
|
|
8
|
+
import { all, cond } from "../../utils/condition";
|
|
9
|
+
export const variants = cva("select-none whitespace-nowrap font-medium transform-gpu origin-center inline-flex items-center has-[[data-slot=shortcut]]:pr-1", {
|
|
10
|
+
variants: {
|
|
11
|
+
variant: {
|
|
12
|
+
inverted: "bg-foreground text-background border border-foreground/10",
|
|
13
|
+
surface: "bg-surface text-foreground border border-border",
|
|
14
|
+
primary: "bg-primary text-primary-foreground border border-primary-border",
|
|
15
|
+
},
|
|
16
|
+
size: {
|
|
17
|
+
sm: "px-2.5 py-1 text-xs rounded-full",
|
|
18
|
+
md: "px-3.5 py-1.5 text-sm rounded-lg",
|
|
19
|
+
},
|
|
20
|
+
},
|
|
21
|
+
defaultVariants: {
|
|
22
|
+
variant: "inverted",
|
|
23
|
+
size: "sm",
|
|
24
|
+
},
|
|
25
|
+
});
|
|
26
|
+
export const TooltipContent = forwardRef(function TooltipContent({ children, variant, size, className, ...props }, ref) {
|
|
27
|
+
const { context, setFloating, floatingStyles, getFloatingProps, disabled, variant: contextVariant, size: contextSize, } = useTooltipContext();
|
|
28
|
+
const { isMounted, styles: transitionStyles } = useTransitionStyles(context, {
|
|
29
|
+
duration: {
|
|
30
|
+
open: 140,
|
|
31
|
+
close: 80,
|
|
32
|
+
},
|
|
33
|
+
common: {
|
|
34
|
+
transitionTimingFunction: "cubic-bezier(0.2, 0, 0, 1)",
|
|
35
|
+
},
|
|
36
|
+
initial: {
|
|
37
|
+
opacity: 0,
|
|
38
|
+
transform: "scale(0.96)",
|
|
39
|
+
},
|
|
40
|
+
open: {
|
|
41
|
+
opacity: 1,
|
|
42
|
+
transform: "scale(1)",
|
|
43
|
+
},
|
|
44
|
+
close: {
|
|
45
|
+
opacity: 0,
|
|
46
|
+
transform: "scale(0.96)",
|
|
47
|
+
},
|
|
48
|
+
});
|
|
49
|
+
const mergedRef = useMergeRefs([setFloating, ref]);
|
|
50
|
+
if (!all(isMounted, !disabled)) {
|
|
51
|
+
return null;
|
|
52
|
+
}
|
|
53
|
+
const activeVariant = cond(Boolean(variant), variant, contextVariant);
|
|
54
|
+
const activeSize = cond(Boolean(size), size, contextSize);
|
|
55
|
+
return (_jsx(FloatingPortal, { children: _jsx("div", { ref: mergedRef, style: floatingStyles, ...getFloatingProps(props), className: "z-50 pointer-events-none", children: _jsx("div", { style: transitionStyles, className: cn(variants({
|
|
56
|
+
variant: activeVariant,
|
|
57
|
+
size: activeSize,
|
|
58
|
+
}), "pointer-events-none", className), children: children }) }) }));
|
|
59
|
+
});
|
|
60
|
+
TooltipContent.displayName = "Tooltip.Content";
|
|
61
|
+
//# sourceMappingURL=TooltipContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TooltipContent.js","sourceRoot":"","sources":["../../../src/components/tooltip/TooltipContent.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAGlD,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,gIAAgI,EAChI;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,QAAQ,EAAE,2DAA2D;YACrE,OAAO,EAAE,iDAAiD;YAC1D,OAAO,EAAE,iEAAiE;SAC3E;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,kCAAkC;YACtC,EAAE,EAAE,kCAAkC;SACvC;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,UAAU;QACnB,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,SAAS,cAAc,CACrB,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAChD,GAAG;IAEH,MAAM,EACJ,OAAO,EACP,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,QAAQ,EACR,OAAO,EAAE,cAAc,EACvB,IAAI,EAAE,WAAW,GAClB,GAAG,iBAAiB,EAAE,CAAC;IAExB,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,mBAAmB,CAAC,OAAO,EAAE;QAC3E,QAAQ,EAAE;YACR,IAAI,EAAE,GAAG;YACT,KAAK,EAAE,EAAE;SACV;QACD,MAAM,EAAE;YACN,wBAAwB,EAAE,4BAA4B;SACvD;QACD,OAAO,EAAE;YACP,OAAO,EAAE,CAAC;YACV,SAAS,EAAE,aAAa;SACzB;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,CAAC;YACV,SAAS,EAAE,UAAU;SACtB;QACD,KAAK,EAAE;YACL,OAAO,EAAE,CAAC;YACV,SAAS,EAAE,aAAa;SACzB;KACF,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,CAAC;IAEnD,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC/B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC;IACtE,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC;IAE1D,OAAO,CACL,KAAC,cAAc,cACb,cACE,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,cAAc,KACjB,gBAAgB,CAAC,KAAgC,CAAC,EACtD,SAAS,EAAC,0BAA0B,YAEpC,cACE,KAAK,EAAE,gBAAgB,EACvB,SAAS,EAAE,EAAE,CACX,QAAQ,CAAC;oBACP,OAAO,EAAE,aAAa;oBACtB,IAAI,EAAE,UAAU;iBACjB,CAAC,EACF,qBAAqB,EACrB,SAAS,CACV,YAEA,QAAQ,GACL,GACF,GACS,CAClB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { type CSSProperties } from "react";
|
|
2
|
+
import type { FloatingContext, ReferenceType } from "@floating-ui/react";
|
|
3
|
+
import type { TooltipVariant, TooltipSize, TooltipSide, TooltipAlign } from "./types";
|
|
4
|
+
export interface TooltipContextValue {
|
|
5
|
+
open: boolean;
|
|
6
|
+
setOpen: (open: boolean) => void;
|
|
7
|
+
floatingStyles: CSSProperties;
|
|
8
|
+
context: FloatingContext;
|
|
9
|
+
setReference: (node: ReferenceType | null) => void;
|
|
10
|
+
setFloating: (node: HTMLElement | null) => void;
|
|
11
|
+
getReferenceProps: (userProps?: Record<string, unknown>) => Record<string, unknown>;
|
|
12
|
+
getFloatingProps: (userProps?: Record<string, unknown>) => Record<string, unknown>;
|
|
13
|
+
disabled: boolean;
|
|
14
|
+
variant: TooltipVariant;
|
|
15
|
+
size: TooltipSize;
|
|
16
|
+
side: TooltipSide;
|
|
17
|
+
align: TooltipAlign;
|
|
18
|
+
offset: number;
|
|
19
|
+
}
|
|
20
|
+
export declare const TooltipContext: import("react").Context<TooltipContextValue | null>;
|
|
21
|
+
export declare const useTooltipContext: () => TooltipContextValue;
|
|
22
|
+
//# sourceMappingURL=TooltipContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TooltipContext.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/TooltipContext.ts"],"names":[],"mappings":"AAEA,OAAO,EAA6B,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EACV,eAAe,EACf,aAAa,EACd,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EACV,cAAc,EACd,WAAW,EACX,WAAW,EACX,YAAY,EACb,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,cAAc,EAAE,aAAa,CAAC;IAC9B,OAAO,EAAE,eAAe,CAAC;IACzB,YAAY,EAAE,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,iBAAiB,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpF,gBAAgB,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnF,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,cAAc,CAAC;IACxB,IAAI,EAAE,WAAW,CAAC;IAClB,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,YAAY,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,cAAc,qDAAkD,CAAC;AAE9E,eAAO,MAAM,iBAAiB,QAAO,mBAMpC,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { createContext, useContext } from "react";
|
|
3
|
+
export const TooltipContext = createContext(null);
|
|
4
|
+
export const useTooltipContext = () => {
|
|
5
|
+
const context = useContext(TooltipContext);
|
|
6
|
+
if (!context) {
|
|
7
|
+
throw new Error("Tooltip compound components must be rendered within a Tooltip component");
|
|
8
|
+
}
|
|
9
|
+
return context;
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=TooltipContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TooltipContext.js","sourceRoot":"","sources":["../../../src/components/tooltip/TooltipContext.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAsB,MAAM,OAAO,CAAC;AA6BtE,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAA6B,IAAI,CAAC,CAAC;AAE9E,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAwB,EAAE;IACzD,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAC3C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,yEAAyE,CAAC,CAAC;IAC7F,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TooltipShortcut.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/TooltipShortcut.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,eAAO,MAAM,eAAe,2HA6B3B,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef } from "react";
|
|
4
|
+
import { Kbd } from "../kbd/Kbd";
|
|
5
|
+
import { cn } from "../../utils/cn";
|
|
6
|
+
export const TooltipShortcut = forwardRef(function TooltipShortcut({ children, className, size = "sm", variant = "plain", radius = "md", ...props }, ref) {
|
|
7
|
+
return (_jsx(Kbd, { ref: ref, size: size, variant: variant, radius: radius, "data-slot": "shortcut", className: cn("ml-1.5 text-inherit rounded-inherit opacity-75 border border-current/20 bg-current/10 tracking-widest", className), ...props, children: children }));
|
|
8
|
+
});
|
|
9
|
+
TooltipShortcut.displayName = "Tooltip.Shortcut";
|
|
10
|
+
//# sourceMappingURL=TooltipShortcut.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TooltipShortcut.js","sourceRoot":"","sources":["../../../src/components/tooltip/TooltipShortcut.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAGpC,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CACvC,SAAS,eAAe,CACtB,EACE,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,OAAO,EACjB,MAAM,GAAG,IAAI,EACb,GAAG,KAAK,EACT,EACD,GAAG;IAEH,OAAO,CACL,KAAC,GAAG,IACF,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,eACJ,UAAU,EACpB,SAAS,EAAE,EAAE,CACX,uGAAuG,EACvG,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,kBAAkB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TooltipTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/TooltipTrigger.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAM,cAAc,6GA+B1B,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef, cloneElement, isValidElement, } from "react";
|
|
4
|
+
import { useMergeRefs } from "@floating-ui/react";
|
|
5
|
+
import { useTooltipContext } from "./TooltipContext";
|
|
6
|
+
import { cn } from "../../utils/cn";
|
|
7
|
+
import { cond } from "../../utils/condition";
|
|
8
|
+
export const TooltipTrigger = forwardRef(function TooltipTrigger({ children, asChild = false, className }, ref) {
|
|
9
|
+
const { setReference, getReferenceProps } = useTooltipContext();
|
|
10
|
+
if (cond(asChild, true, isValidElement(children))) {
|
|
11
|
+
const child = children;
|
|
12
|
+
const childRef = child.props?.ref;
|
|
13
|
+
const mergedRef = useMergeRefs([setReference, ref, childRef]);
|
|
14
|
+
const referenceProps = getReferenceProps({
|
|
15
|
+
...child.props,
|
|
16
|
+
className: cn(child.props.className, className),
|
|
17
|
+
});
|
|
18
|
+
return cloneElement(child, {
|
|
19
|
+
...referenceProps,
|
|
20
|
+
ref: mergedRef,
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
const mergedRef = useMergeRefs([setReference, ref]);
|
|
24
|
+
return (_jsx("span", { ref: mergedRef, ...getReferenceProps(), className: cn("inline-flex items-center", className), children: children }));
|
|
25
|
+
});
|
|
26
|
+
TooltipTrigger.displayName = "Tooltip.Trigger";
|
|
27
|
+
//# sourceMappingURL=TooltipTrigger.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TooltipTrigger.js","sourceRoot":"","sources":["../../../src/components/tooltip/TooltipTrigger.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,UAAU,EACV,YAAY,EACZ,cAAc,GAEf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAG7C,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,SAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,KAAK,EAAE,SAAS,EAAE,EAAE,GAAG;IACnE,MAAM,EAAE,YAAY,EAAE,iBAAiB,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAEhE,IAAI,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC;QAClD,MAAM,KAAK,GAAG,QAAiD,CAAC;QAChE,MAAM,QAAQ,GAAI,KAAK,CAAC,KAA0C,EAAE,GAAG,CAAC;QACxE,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,YAAY,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;QAC9D,MAAM,cAAc,GAAG,iBAAiB,CAAC;YACvC,GAAG,KAAK,CAAC,KAAK;YACd,SAAS,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,SAA+B,EAAE,SAAS,CAAC;SACtE,CAAC,CAAC;QAEH,OAAO,YAAY,CAAC,KAAK,EAAE;YACzB,GAAG,cAAc;YACjB,GAAG,EAAE,SAAS;SACf,CAAC,CAAC;IACL,CAAC;IAED,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC;IAEpD,OAAO,CACL,eACE,GAAG,EAAE,SAAS,KACV,iBAAiB,EAAE,EACvB,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,YAEnD,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { Tooltip } from "./Tooltip";
|
|
2
|
+
export { TooltipTrigger } from "./TooltipTrigger";
|
|
3
|
+
export { TooltipContent, variants as tooltipVariants } from "./TooltipContent";
|
|
4
|
+
export { TooltipShortcut } from "./TooltipShortcut";
|
|
5
|
+
export { useTooltipContext } from "./TooltipContext";
|
|
6
|
+
export type { TooltipProps, TooltipTriggerProps, TooltipContentProps, TooltipShortcutProps, TooltipSide, TooltipAlign, TooltipVariant, TooltipSize, Placement, } from "./types";
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,YAAY,EACV,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,WAAW,EACX,YAAY,EACZ,cAAc,EACd,WAAW,EACX,SAAS,GACV,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { Tooltip } from "./Tooltip";
|
|
2
|
+
export { TooltipTrigger } from "./TooltipTrigger";
|
|
3
|
+
export { TooltipContent, variants as tooltipVariants } from "./TooltipContent";
|
|
4
|
+
export { TooltipShortcut } from "./TooltipShortcut";
|
|
5
|
+
export { useTooltipContext } from "./TooltipContext";
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import type { ReactNode, HTMLAttributes } from "react";
|
|
2
|
+
import type { Placement } from "@floating-ui/react";
|
|
3
|
+
export type TooltipSide = "top" | "right" | "bottom" | "left";
|
|
4
|
+
export type TooltipAlign = "start" | "center" | "end";
|
|
5
|
+
export type TooltipVariant = "inverted" | "surface" | "primary";
|
|
6
|
+
export type TooltipSize = "sm" | "md";
|
|
7
|
+
export interface TooltipProps {
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
content?: ReactNode;
|
|
10
|
+
open?: boolean;
|
|
11
|
+
defaultOpen?: boolean;
|
|
12
|
+
onOpenChange?: (open: boolean) => void;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
side?: TooltipSide;
|
|
15
|
+
align?: TooltipAlign;
|
|
16
|
+
offset?: number;
|
|
17
|
+
delay?: number | {
|
|
18
|
+
open?: number;
|
|
19
|
+
close?: number;
|
|
20
|
+
};
|
|
21
|
+
variant?: TooltipVariant;
|
|
22
|
+
size?: TooltipSize;
|
|
23
|
+
className?: string;
|
|
24
|
+
}
|
|
25
|
+
export interface TooltipTriggerProps {
|
|
26
|
+
children: ReactNode;
|
|
27
|
+
asChild?: boolean;
|
|
28
|
+
className?: string;
|
|
29
|
+
}
|
|
30
|
+
export interface TooltipContentProps extends HTMLAttributes<HTMLDivElement> {
|
|
31
|
+
children?: ReactNode;
|
|
32
|
+
variant?: TooltipVariant;
|
|
33
|
+
size?: TooltipSize;
|
|
34
|
+
className?: string;
|
|
35
|
+
side?: TooltipSide;
|
|
36
|
+
align?: TooltipAlign;
|
|
37
|
+
offset?: number;
|
|
38
|
+
}
|
|
39
|
+
import type { KbdProps } from "../kbd/types";
|
|
40
|
+
export interface TooltipShortcutProps extends KbdProps {
|
|
41
|
+
}
|
|
42
|
+
export type { Placement };
|
|
43
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC9D,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;AAChE,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtC,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnD,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,WAAW,oBAAqB,SAAQ,QAAQ;CAAI;AAE1D,YAAY,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/tooltip/types.ts"],"names":[],"mappings":""}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export * from "./types/index";
|
|
2
|
+
export * from "./components/button/index";
|
|
3
|
+
export * from "./components/spinner/index";
|
|
4
|
+
export * from "./components/checkbox/index";
|
|
5
|
+
export * from "./components/input/index";
|
|
6
|
+
export * from "./components/label/index";
|
|
7
|
+
export * from "./components/card/index";
|
|
8
|
+
export * from "./components/description/index";
|
|
9
|
+
export * from "./components/tooltip/index";
|
|
10
|
+
export * from "./components/modal/index";
|
|
11
|
+
export * from "./components/popover/index";
|
|
12
|
+
export * from "./components/switch/index";
|
|
13
|
+
export * from "./components/heading/index";
|
|
14
|
+
export * from "./components/tile/index";
|
|
15
|
+
export * from "./components/select/index";
|
|
16
|
+
export * from "./components/dropdown/index";
|
|
17
|
+
export * from "./components/separator/index";
|
|
18
|
+
export * from "./components/searchbar/index";
|
|
19
|
+
export * from "./components/kbd/index";
|
|
20
|
+
export * from "./utils/cn";
|
|
21
|
+
export * from "./utils/condition";
|
|
22
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export * from "./types/index";
|
|
2
|
+
export * from "./components/button/index";
|
|
3
|
+
export * from "./components/spinner/index";
|
|
4
|
+
export * from "./components/checkbox/index";
|
|
5
|
+
export * from "./components/input/index";
|
|
6
|
+
export * from "./components/label/index";
|
|
7
|
+
export * from "./components/card/index";
|
|
8
|
+
export * from "./components/description/index";
|
|
9
|
+
export * from "./components/tooltip/index";
|
|
10
|
+
export * from "./components/modal/index";
|
|
11
|
+
export * from "./components/popover/index";
|
|
12
|
+
export * from "./components/switch/index";
|
|
13
|
+
export * from "./components/heading/index";
|
|
14
|
+
export * from "./components/tile/index";
|
|
15
|
+
export * from "./components/select/index";
|
|
16
|
+
export * from "./components/dropdown/index";
|
|
17
|
+
export * from "./components/separator/index";
|
|
18
|
+
export * from "./components/searchbar/index";
|
|
19
|
+
export * from "./components/kbd/index";
|
|
20
|
+
export * from "./utils/cn";
|
|
21
|
+
export * from "./utils/condition";
|
|
22
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Base variant scale.
|
|
3
|
+
* Aligns directly with `@homonoid/tokens` variant scale:
|
|
4
|
+
* - `contained`: Solid background fill.
|
|
5
|
+
* - `outlined`: Transparent background with border outline.
|
|
6
|
+
* - `plain`: Flat plain text/icon button (no background, no border).
|
|
7
|
+
*/
|
|
8
|
+
export type Variant = "contained" | "outlined" | "plain";
|
|
9
|
+
/**
|
|
10
|
+
* Base color scale.
|
|
11
|
+
* Aligns directly with `@homonoid/tokens` color scale:
|
|
12
|
+
* - `primary`: Chroma brand primary.
|
|
13
|
+
* - `subtle`: Chroma subtle.
|
|
14
|
+
* - `surface`: Chroma surface.
|
|
15
|
+
* - `destructive`: Chroma destructive.
|
|
16
|
+
*/
|
|
17
|
+
export type Color = "primary" | "subtle" | "surface" | "destructive";
|
|
18
|
+
/**
|
|
19
|
+
* Standard Homonoid spatial control scale.
|
|
20
|
+
* Aligns directly with `@homonoid/tokens` control scale:
|
|
21
|
+
* - `sm`: Small density / 32px frame (`--h-control-sm`)
|
|
22
|
+
* - `md`: Default density / 40px frame (`--h-control-md`)
|
|
23
|
+
* - `lg`: Prominent density / 48px frame (`--h-control-lg`)
|
|
24
|
+
*/
|
|
25
|
+
export type Size = "sm" | "md" | "lg";
|
|
26
|
+
/**
|
|
27
|
+
* Standard Homonoid corner radius scale.
|
|
28
|
+
* Aligns directly with `@homonoid/tokens` radius scale:
|
|
29
|
+
* - `none`: No rounding (`--h-radius-none`)
|
|
30
|
+
* - `sm`: Small rounding (`--h-radius-sm`)
|
|
31
|
+
* - `md`: Medium rounding (`--h-radius-md`)
|
|
32
|
+
* - `lg`: Large rounding (`--h-radius-lg`)
|
|
33
|
+
* - `full`: Full rounding (`--h-radius-full`)
|
|
34
|
+
*/
|
|
35
|
+
export type Radius = "none" | "sm" | "md" | "lg" | "full";
|
|
36
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AACA;;;;;;GAMG;AACH,MAAM,MAAM,OAAO,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;AAEzD;;;;;;;GAOG;AACH,MAAM,MAAM,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,aAAa,CAAC;AAErE;;;;;;GAMG;AACH,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtC;;;;;;;;GAQG;AACH,MAAM,MAAM,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAiB7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAElD"}
|