@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,11 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { createContext, useContext } from "react";
|
|
3
|
+
export const CheckboxContext = createContext(null);
|
|
4
|
+
export function useCheckboxContext() {
|
|
5
|
+
const context = useContext(CheckboxContext);
|
|
6
|
+
if (!context) {
|
|
7
|
+
throw new Error("Checkbox compound components must be rendered within a <Checkbox> component.");
|
|
8
|
+
}
|
|
9
|
+
return context;
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=CheckboxContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckboxContext.js","sourceRoot":"","sources":["../../../src/components/checkbox/CheckboxContext.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAoB,MAAM,OAAO,CAAC;AAmBpE,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAA8B,IAAI,CAAC,CAAC;AAEhF,MAAM,UAAU,kBAAkB;IAChC,MAAM,OAAO,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAC5C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,8EAA8E,CAC/E,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { CheckboxControlProps } from "./types";
|
|
2
|
+
export declare const variants: (props?: ({
|
|
3
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
4
|
+
radius?: "sm" | "md" | "lg" | "none" | "full" | null | undefined;
|
|
5
|
+
state?: "checked" | "indeterminate" | "unchecked" | null | undefined;
|
|
6
|
+
invalid?: boolean | null | undefined;
|
|
7
|
+
disabled?: boolean | null | undefined;
|
|
8
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
9
|
+
export declare const CheckboxControl: import("react").ForwardRefExoticComponent<CheckboxControlProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
10
|
+
//# sourceMappingURL=CheckboxControl.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckboxControl.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/CheckboxControl.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,eAAO,MAAM,QAAQ;;;;;;8EAkDpB,CAAC;AAEF,eAAO,MAAM,eAAe,kHA4D3B,CAAC"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef } from "react";
|
|
4
|
+
import { cva } from "class-variance-authority";
|
|
5
|
+
import { cn } from "../../utils/cn";
|
|
6
|
+
import { cond } from "../../utils/condition";
|
|
7
|
+
import { useCheckboxContext } from "./CheckboxContext";
|
|
8
|
+
import { CheckboxIndicator } from "./CheckboxIndicator";
|
|
9
|
+
export const variants = cva("relative inline-flex items-center justify-center shrink-0 border select-none transition duration-[var(--motion-duration-normal)] ease-[var(--motion-easing)] active:scale-[var(--motion-press-scale)] peer-active:scale-[var(--motion-press-scale)] group-active:scale-[var(--motion-press-scale)] focus-ring", {
|
|
10
|
+
variants: {
|
|
11
|
+
size: {
|
|
12
|
+
sm: "w-4 h-4",
|
|
13
|
+
md: "w-5 h-5",
|
|
14
|
+
lg: "w-6 h-6",
|
|
15
|
+
},
|
|
16
|
+
radius: {
|
|
17
|
+
none: "rounded-none",
|
|
18
|
+
sm: "rounded-sm",
|
|
19
|
+
md: "rounded-md",
|
|
20
|
+
lg: "rounded-lg",
|
|
21
|
+
full: "rounded-full",
|
|
22
|
+
},
|
|
23
|
+
state: {
|
|
24
|
+
unchecked: "border-border text-transparent",
|
|
25
|
+
checked: "bg-primary border-primary text-primary-foreground",
|
|
26
|
+
indeterminate: "bg-primary border-primary text-primary-foreground",
|
|
27
|
+
},
|
|
28
|
+
invalid: {
|
|
29
|
+
true: "border-destructive",
|
|
30
|
+
false: "",
|
|
31
|
+
},
|
|
32
|
+
disabled: {
|
|
33
|
+
true: "opacity-50 cursor-not-allowed pointer-events-none active:scale-100 peer-active:scale-100 group-active:scale-100",
|
|
34
|
+
false: "cursor-pointer",
|
|
35
|
+
},
|
|
36
|
+
},
|
|
37
|
+
compoundVariants: [
|
|
38
|
+
{
|
|
39
|
+
invalid: true,
|
|
40
|
+
state: "checked",
|
|
41
|
+
className: "bg-destructive border-destructive text-destructive-foreground",
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
invalid: true,
|
|
45
|
+
state: "indeterminate",
|
|
46
|
+
className: "bg-destructive border-destructive text-destructive-foreground",
|
|
47
|
+
},
|
|
48
|
+
],
|
|
49
|
+
defaultVariants: {
|
|
50
|
+
size: "md",
|
|
51
|
+
radius: "md",
|
|
52
|
+
state: "unchecked",
|
|
53
|
+
invalid: false,
|
|
54
|
+
disabled: false,
|
|
55
|
+
},
|
|
56
|
+
});
|
|
57
|
+
export const CheckboxControl = forwardRef(function CheckboxControl({ className, children, ...props }, ref) {
|
|
58
|
+
const { inputId, isChecked, isIndeterminate, currentState, disabled, invalid, size, radius, inputRef, inputProps, handleChange, } = useCheckboxContext();
|
|
59
|
+
return (_jsxs("span", { ref: ref, className: cn("relative shrink-0 inline-flex", className), ...props, children: [_jsx("input", { ref: inputRef, id: inputId, type: "checkbox", checked: isChecked, disabled: disabled, "aria-invalid": invalid, "aria-checked": cond(isIndeterminate, "mixed", isChecked), onChange: handleChange, className: cn("peer absolute inset-0 w-full h-full opacity-0 z-10 m-0 p-0 rounded-[inherit]", cond(disabled, "cursor-not-allowed", "cursor-pointer")), ...inputProps }), _jsx("span", { "aria-hidden": "true", className: cn(variants({
|
|
60
|
+
size,
|
|
61
|
+
radius,
|
|
62
|
+
state: currentState,
|
|
63
|
+
invalid,
|
|
64
|
+
disabled,
|
|
65
|
+
}), cond(invalid, "peer-focus-visible:ring-2 peer-focus-visible:ring-destructive/50", "peer-focus-visible:ring-2 peer-focus-visible:ring-primary/50")), children: cond(Boolean(children), children, _jsx(CheckboxIndicator, {})) })] }));
|
|
66
|
+
});
|
|
67
|
+
CheckboxControl.displayName = "Checkbox.Control";
|
|
68
|
+
//# sourceMappingURL=CheckboxControl.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckboxControl.js","sourceRoot":"","sources":["../../../src/components/checkbox/CheckboxControl.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,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,+SAA+S,EAC/S;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;SACd;QACD,MAAM,EAAE;YACN,IAAI,EAAE,cAAc;YACpB,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;YAChB,IAAI,EAAE,cAAc;SACrB;QACD,KAAK,EAAE;YACL,SAAS,EAAE,gCAAgC;YAC3C,OAAO,EAAE,mDAAmD;YAC5D,aAAa,EAAE,mDAAmD;SACnE;QACD,OAAO,EAAE;YACP,IAAI,EAAE,oBAAoB;YAC1B,KAAK,EAAE,EAAE;SACV;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,iHAAiH;YACvH,KAAK,EAAE,gBAAgB;SACxB;KACF;IACD,gBAAgB,EAAE;QAChB;YACE,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,SAAS;YAChB,SAAS,EAAE,+DAA+D;SAC3E;QACD;YACE,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,eAAe;YACtB,SAAS,EAAE,+DAA+D;SAC3E;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,KAAK;QACd,QAAQ,EAAE,KAAK;KAChB;CACF,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CACvC,SAAS,eAAe,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC7D,MAAM,EACJ,OAAO,EACP,SAAS,EACT,eAAe,EACf,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,UAAU,EACV,YAAY,GACb,GAAG,kBAAkB,EAAE,CAAC;IAEzB,OAAO,CACL,gBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,KACrD,KAAK,aAET,gBACE,GAAG,EAAE,QAAQ,EACb,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,QAAQ,kBACJ,OAAO,kBACP,IAAI,CAAC,eAAe,EAAE,OAAO,EAAE,SAAS,CAAC,EACvD,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,EAAE,CACX,8EAA8E,EAC9E,IAAI,CAAC,QAAQ,EAAE,oBAAoB,EAAE,gBAAgB,CAAC,CACvD,KACG,UAAU,GACd,EAEF,8BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,QAAQ,CAAC;oBACP,IAAI;oBACJ,MAAM;oBACN,KAAK,EAAE,YAAY;oBACnB,OAAO;oBACP,QAAQ;iBACT,CAAC,EACF,IAAI,CACF,OAAO,EACP,kEAAkE,EAClE,8DAA8D,CAC/D,CACF,YAEA,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAC,iBAAiB,KAAG,CAAC,GACpD,IACF,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,kBAAkB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckboxIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/CheckboxIndicator.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,eAAO,MAAM,iBAAiB,oHAmE7B,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef } from "react";
|
|
4
|
+
import { cn } from "../../utils/cn";
|
|
5
|
+
import { all, cond } from "../../utils/condition";
|
|
6
|
+
import { useCheckboxContext } from "./CheckboxContext";
|
|
7
|
+
export const CheckboxIndicator = forwardRef(function CheckboxIndicator({ className, children, ...props }, ref) {
|
|
8
|
+
const { isChecked, isIndeterminate } = useCheckboxContext();
|
|
9
|
+
return (_jsx("span", { ref: ref, "aria-hidden": "true", className: cn("absolute inset-0 flex items-center justify-center pointer-events-none", className), ...props, children: cond(Boolean(children), children, _jsxs(_Fragment, { children: [_jsx("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", className: cn("absolute inset-0 m-auto w-full h-full p-0.5 transition-all duration-[var(--motion-duration-normal)] ease-[var(--motion-easing)]", cond(all(isChecked, !isIndeterminate), "opacity-100 scale-100", "opacity-0 scale-75 pointer-events-none")), children: _jsx("path", { d: "M3.5 8.5L6.5 11.5L12.5 4.5", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }) }), _jsx("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", className: cn("absolute inset-0 m-auto w-full h-full p-0.5 transition-all duration-[var(--motion-duration-normal)] ease-[var(--motion-easing)]", cond(isIndeterminate, "opacity-100 scale-100", "opacity-0 scale-75 pointer-events-none")), children: _jsx("path", { d: "M3.5 8H12.5", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round" }) })] })) }));
|
|
10
|
+
});
|
|
11
|
+
CheckboxIndicator.displayName = "Checkbox.Indicator";
|
|
12
|
+
//# sourceMappingURL=CheckboxIndicator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckboxIndicator.js","sourceRoot":"","sources":["../../../src/components/checkbox/CheckboxIndicator.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAGvD,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CACzC,SAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC/D,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAE5D,OAAO,CACL,eACE,GAAG,EAAE,GAAG,iBACI,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,uEAAuE,EACvE,SAAS,CACV,KACG,KAAK,YAER,IAAI,CACH,OAAO,CAAC,QAAQ,CAAC,EACjB,QAAQ,EACR,8BAEE,cACE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,iBACC,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,iIAAiI,EACjI,IAAI,CACF,GAAG,CAAC,SAAS,EAAE,CAAC,eAAe,CAAC,EAChC,uBAAuB,EACvB,wCAAwC,CACzC,CACF,YAED,eACE,CAAC,EAAC,4BAA4B,EAC9B,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,EAGN,cACE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,iBACC,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,iIAAiI,EACjI,IAAI,CACF,eAAe,EACf,uBAAuB,EACvB,wCAAwC,CACzC,CACF,YAED,eACE,CAAC,EAAC,aAAa,EACf,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,GACrB,GACE,IACL,CACJ,GACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,iBAAiB,CAAC,WAAW,GAAG,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export * from "./types";
|
|
2
|
+
export * from "./Checkbox";
|
|
3
|
+
export { CheckboxControl, variants as checkboxVariants } from "./CheckboxControl";
|
|
4
|
+
export * from "./CheckboxIndicator";
|
|
5
|
+
export * from "./CheckboxContent";
|
|
6
|
+
export * from "./CheckboxContext";
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,eAAe,EAAE,QAAQ,IAAI,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAClF,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export * from "./types";
|
|
2
|
+
export * from "./Checkbox";
|
|
3
|
+
export { CheckboxControl, variants as checkboxVariants } from "./CheckboxControl";
|
|
4
|
+
export * from "./CheckboxIndicator";
|
|
5
|
+
export * from "./CheckboxContent";
|
|
6
|
+
export * from "./CheckboxContext";
|
|
7
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,eAAe,EAAE,QAAQ,IAAI,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAClF,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import type { HTMLAttributes, InputHTMLAttributes, ReactNode, Ref } from "react";
|
|
2
|
+
import type { Radius, Size } from "../../types";
|
|
3
|
+
export type CheckboxSize = Size;
|
|
4
|
+
export type CheckboxRadius = Radius;
|
|
5
|
+
export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "checked"> {
|
|
6
|
+
/**
|
|
7
|
+
* Ref forwarded to the underlying native input element.
|
|
8
|
+
*/
|
|
9
|
+
ref?: Ref<HTMLInputElement>;
|
|
10
|
+
/**
|
|
11
|
+
* Standard control scale size.
|
|
12
|
+
* - `sm`: 16px × 16px
|
|
13
|
+
* - `md`: 20px × 20px
|
|
14
|
+
* - `lg`: 24px × 24px
|
|
15
|
+
* @default "md"
|
|
16
|
+
*/
|
|
17
|
+
size?: CheckboxSize;
|
|
18
|
+
/**
|
|
19
|
+
* Corner radius curvature.
|
|
20
|
+
* - `none`: Sharp square corners (`rounded-none`).
|
|
21
|
+
* - `sm`: Small rounded corners (`rounded-sm`).
|
|
22
|
+
* - `md`: Medium rounded corners (`rounded-md`).
|
|
23
|
+
* - `lg`: Large rounded corners (`rounded-lg`).
|
|
24
|
+
* - `full`: Circular checkbox (`rounded-full`).
|
|
25
|
+
* @default "md"
|
|
26
|
+
*/
|
|
27
|
+
radius?: CheckboxRadius;
|
|
28
|
+
/**
|
|
29
|
+
* Controlled checked state.
|
|
30
|
+
* Can be a boolean or `"indeterminate"` for mixed parent selections.
|
|
31
|
+
*/
|
|
32
|
+
checked?: boolean | "indeterminate";
|
|
33
|
+
/**
|
|
34
|
+
* Default checked state for uncontrolled mode.
|
|
35
|
+
* @default false
|
|
36
|
+
*/
|
|
37
|
+
defaultChecked?: boolean;
|
|
38
|
+
/**
|
|
39
|
+
* Whether the checkbox is in an indeterminate state.
|
|
40
|
+
* @default false
|
|
41
|
+
*/
|
|
42
|
+
indeterminate?: boolean;
|
|
43
|
+
/**
|
|
44
|
+
* Whether the checkbox is in an invalid / validation error state.
|
|
45
|
+
* @default false
|
|
46
|
+
*/
|
|
47
|
+
invalid?: boolean;
|
|
48
|
+
/**
|
|
49
|
+
* Optional textual label rendered alongside the checkbox control.
|
|
50
|
+
*/
|
|
51
|
+
label?: ReactNode;
|
|
52
|
+
/**
|
|
53
|
+
* Optional secondary description rendered beneath the label.
|
|
54
|
+
*/
|
|
55
|
+
description?: ReactNode;
|
|
56
|
+
/**
|
|
57
|
+
* Callback invoked when the checked state toggles.
|
|
58
|
+
*/
|
|
59
|
+
onChange?: (checked: boolean) => void;
|
|
60
|
+
/**
|
|
61
|
+
* Compound subcomponents or custom child layout.
|
|
62
|
+
*/
|
|
63
|
+
children?: ReactNode;
|
|
64
|
+
}
|
|
65
|
+
export interface CheckboxControlProps extends HTMLAttributes<HTMLSpanElement> {
|
|
66
|
+
/**
|
|
67
|
+
* Optional content inside the control container, such as Checkbox.Indicator.
|
|
68
|
+
*/
|
|
69
|
+
children?: ReactNode;
|
|
70
|
+
}
|
|
71
|
+
export interface CheckboxIndicatorProps extends HTMLAttributes<HTMLSpanElement> {
|
|
72
|
+
/**
|
|
73
|
+
* Optional custom glyph or icon replacing the standard checkmark and horizontal bar.
|
|
74
|
+
*/
|
|
75
|
+
children?: ReactNode;
|
|
76
|
+
}
|
|
77
|
+
export interface CheckboxContentProps extends HTMLAttributes<HTMLSpanElement> {
|
|
78
|
+
/**
|
|
79
|
+
* Textual label and description content.
|
|
80
|
+
*/
|
|
81
|
+
children?: ReactNode;
|
|
82
|
+
}
|
|
83
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC;AAChC,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC;AAEpC,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAAC;IACpF;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAE5B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;IAExB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC;IAEpC;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,eAAe,CAAC;IAC3E;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,eAAe,CAAC;IAC7E;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,eAAe,CAAC;IAC3E;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/checkbox/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { DescriptionProps } from "./types";
|
|
2
|
+
export declare const variants: (props?: ({
|
|
3
|
+
variant?: "surface" | "muted" | null | undefined;
|
|
4
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
5
|
+
disabled?: boolean | null | undefined;
|
|
6
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
|
+
export declare const Description: import("react").ForwardRefExoticComponent<Omit<DescriptionProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
|
|
8
|
+
//# sourceMappingURL=Description.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Description.d.ts","sourceRoot":"","sources":["../../../src/components/description/Description.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,QAAQ;;;;8EAqBnB,CAAC;AAEH,eAAO,MAAM,WAAW,uHAiBvB,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import { cva } from "class-variance-authority";
|
|
4
|
+
import { cn } from "../../utils/cn";
|
|
5
|
+
export const variants = cva("leading-relaxed", {
|
|
6
|
+
variants: {
|
|
7
|
+
variant: {
|
|
8
|
+
muted: "text-muted",
|
|
9
|
+
surface: "text-foreground",
|
|
10
|
+
},
|
|
11
|
+
size: {
|
|
12
|
+
sm: "text-xs leading-normal",
|
|
13
|
+
md: "text-sm leading-normal",
|
|
14
|
+
lg: "text-base leading-relaxed",
|
|
15
|
+
},
|
|
16
|
+
disabled: {
|
|
17
|
+
true: "text-muted",
|
|
18
|
+
false: "",
|
|
19
|
+
},
|
|
20
|
+
},
|
|
21
|
+
defaultVariants: {
|
|
22
|
+
variant: "muted",
|
|
23
|
+
size: "md",
|
|
24
|
+
disabled: false,
|
|
25
|
+
},
|
|
26
|
+
});
|
|
27
|
+
export const Description = forwardRef(function Description({ as: Component = "p", variant, size, disabled = false, className, children, ...props }, ref) {
|
|
28
|
+
return (_jsx(Component, { ref: ref, "data-slot": "description", "aria-disabled": disabled || undefined, className: cn(variants({ variant, size, disabled }), className), ...props, children: children }));
|
|
29
|
+
});
|
|
30
|
+
Description.displayName = "Description";
|
|
31
|
+
//# sourceMappingURL=Description.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Description.js","sourceRoot":"","sources":["../../../src/components/description/Description.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAGpC,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAC,iBAAiB,EAAE;IAC7C,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,KAAK,EAAE,YAAY;YACnB,OAAO,EAAE,iBAAiB;SAC3B;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,wBAAwB;YAC5B,EAAE,EAAE,wBAAwB;YAC5B,EAAE,EAAE,2BAA2B;SAChC;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,OAAO;QAChB,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAClB,EAAE,EAAE,EAAE,SAAS,GAAG,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EACvF,GAAG;IAEH,OAAO,CACL,KAAC,SAAS,IACR,GAAG,EAAE,GAAG,eACE,aAAa,mBACR,QAAQ,IAAI,SAAS,EACpC,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,CAAC,KAC3D,KAAK,YAER,QAAQ,GACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/description/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,IAAI,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAC7E,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/description/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,IAAI,mBAAmB,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import type { ElementType, HTMLAttributes, ReactNode, Ref } from "react";
|
|
2
|
+
import type { Size } from "../../types";
|
|
3
|
+
export type DescriptionVariant = "muted" | "surface";
|
|
4
|
+
export type DescriptionSize = Size;
|
|
5
|
+
export interface DescriptionProps extends HTMLAttributes<HTMLElement> {
|
|
6
|
+
/**
|
|
7
|
+
* Ref forwarded to the underlying element.
|
|
8
|
+
*/
|
|
9
|
+
ref?: Ref<HTMLElement>;
|
|
10
|
+
/**
|
|
11
|
+
* The polymorphic element type to render.
|
|
12
|
+
* @default "p"
|
|
13
|
+
*/
|
|
14
|
+
as?: ElementType;
|
|
15
|
+
/**
|
|
16
|
+
* Visual intent variant.
|
|
17
|
+
* - `muted`: Subdued neutral tone (`text-muted`).
|
|
18
|
+
* - `surface`: Primary neutral foreground tone (`text-foreground`).
|
|
19
|
+
* @default "muted"
|
|
20
|
+
*/
|
|
21
|
+
variant?: DescriptionVariant;
|
|
22
|
+
/**
|
|
23
|
+
* Typographic scale size.
|
|
24
|
+
* - `sm`: 0.75rem (12px), compact captions and control helpers
|
|
25
|
+
* - `md`: 0.875rem (14px), standard secondary copy
|
|
26
|
+
* - `lg`: 1.0rem (16px), regular body description
|
|
27
|
+
* @default "sm"
|
|
28
|
+
*/
|
|
29
|
+
size?: DescriptionSize;
|
|
30
|
+
/**
|
|
31
|
+
* Whether the associated control is disabled.
|
|
32
|
+
* @default false
|
|
33
|
+
*/
|
|
34
|
+
disabled?: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* Description content.
|
|
37
|
+
*/
|
|
38
|
+
children?: ReactNode;
|
|
39
|
+
}
|
|
40
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/description/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,SAAS,CAAC;AACrD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC;AAEnC,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACnE;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IAEvB;;;OAGG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAE7B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/description/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { type FC } from "react";
|
|
2
|
+
import { DropdownTrigger } from "./DropdownTrigger";
|
|
3
|
+
import { DropdownContent } from "./DropdownContent";
|
|
4
|
+
import { DropdownList } from "./DropdownList";
|
|
5
|
+
import { DropdownItem } from "./DropdownItem";
|
|
6
|
+
import { DropdownGroup } from "./DropdownGroup";
|
|
7
|
+
import { DropdownShortcut } from "./DropdownShortcut";
|
|
8
|
+
import { Label } from "../label/Label";
|
|
9
|
+
import type { DropdownProps } from "./types";
|
|
10
|
+
export interface DropdownComponent extends FC<DropdownProps> {
|
|
11
|
+
Trigger: typeof DropdownTrigger;
|
|
12
|
+
Content: typeof DropdownContent;
|
|
13
|
+
List: typeof DropdownList;
|
|
14
|
+
Item: typeof DropdownItem;
|
|
15
|
+
Group: typeof DropdownGroup;
|
|
16
|
+
Label: typeof Label;
|
|
17
|
+
Shortcut: typeof DropdownShortcut;
|
|
18
|
+
}
|
|
19
|
+
export declare const Dropdown: DropdownComponent;
|
|
20
|
+
//# sourceMappingURL=Dropdown.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,EAAE,EACR,MAAM,OAAO,CAAC;AAef,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAGvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,WAAW,iBAAkB,SAAQ,EAAE,CAAC,aAAa,CAAC;IAC1D,OAAO,EAAE,OAAO,eAAe,CAAC;IAChC,OAAO,EAAE,OAAO,eAAe,CAAC;IAChC,IAAI,EAAE,OAAO,YAAY,CAAC;IAC1B,IAAI,EAAE,OAAO,YAAY,CAAC;IAC1B,KAAK,EAAE,OAAO,aAAa,CAAC;IAC5B,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,QAAQ,EAAE,OAAO,gBAAgB,CAAC;CACnC;AAED,eAAO,MAAM,QAAQ,EAAE,iBA0GtB,CAAC"}
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useState, useId, useRef, } from "react";
|
|
4
|
+
import { useFloating, autoUpdate, offset as offsetMiddleware, flip, shift, useClick, useDismiss, useRole, useListNavigation, useTypeahead, useInteractions, } from "@floating-ui/react";
|
|
5
|
+
import { DropdownContext } from "./DropdownContext";
|
|
6
|
+
import { DropdownTrigger } from "./DropdownTrigger";
|
|
7
|
+
import { DropdownContent } from "./DropdownContent";
|
|
8
|
+
import { DropdownList } from "./DropdownList";
|
|
9
|
+
import { DropdownItem } from "./DropdownItem";
|
|
10
|
+
import { DropdownGroup } from "./DropdownGroup";
|
|
11
|
+
import { DropdownShortcut } from "./DropdownShortcut";
|
|
12
|
+
import { Label } from "../label/Label";
|
|
13
|
+
import { all, cond } from "../../utils/condition";
|
|
14
|
+
import { cn } from "../../utils/cn";
|
|
15
|
+
export const Dropdown = function Dropdown({ children, open: controlledOpen, defaultOpen = false, onOpenChange, placement = "bottom-start", offset = 8, size = "md", radius = "lg", disabled = false, id, className, }) {
|
|
16
|
+
const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));
|
|
17
|
+
const isControlled = controlledOpen !== undefined;
|
|
18
|
+
const isOpen = cond(isControlled, Boolean(controlledOpen), uncontrolledOpen);
|
|
19
|
+
const rawId = useId();
|
|
20
|
+
const triggerId = id || `dropdown-trigger-${rawId}`;
|
|
21
|
+
const menuId = `dropdown-menu-${rawId}`;
|
|
22
|
+
const [highlightedIndex, setHighlightedIndex] = useState(null);
|
|
23
|
+
const elementsRef = useRef([]);
|
|
24
|
+
const labelsRef = useRef([]);
|
|
25
|
+
const handleOpenChange = (nextOpen) => {
|
|
26
|
+
if (disabled)
|
|
27
|
+
return;
|
|
28
|
+
if (!isControlled) {
|
|
29
|
+
setUncontrolledOpen(nextOpen);
|
|
30
|
+
}
|
|
31
|
+
onOpenChange?.(nextOpen);
|
|
32
|
+
};
|
|
33
|
+
const { floatingStyles, context, refs: { setReference, setFloating }, } = useFloating({
|
|
34
|
+
open: all(!disabled, isOpen),
|
|
35
|
+
onOpenChange: handleOpenChange,
|
|
36
|
+
placement,
|
|
37
|
+
whileElementsMounted: autoUpdate,
|
|
38
|
+
middleware: [
|
|
39
|
+
offsetMiddleware(offset),
|
|
40
|
+
flip({ fallbackAxisSideDirection: "start", padding: 8 }),
|
|
41
|
+
shift({ padding: 8 }),
|
|
42
|
+
],
|
|
43
|
+
});
|
|
44
|
+
const click = useClick(context, {
|
|
45
|
+
enabled: !disabled,
|
|
46
|
+
});
|
|
47
|
+
const dismiss = useDismiss(context);
|
|
48
|
+
const role = useRole(context, {
|
|
49
|
+
role: "menu",
|
|
50
|
+
});
|
|
51
|
+
const listNavigation = useListNavigation(context, {
|
|
52
|
+
listRef: elementsRef,
|
|
53
|
+
activeIndex: highlightedIndex,
|
|
54
|
+
onNavigate: setHighlightedIndex,
|
|
55
|
+
loop: true,
|
|
56
|
+
});
|
|
57
|
+
const typeahead = useTypeahead(context, {
|
|
58
|
+
listRef: labelsRef,
|
|
59
|
+
activeIndex: highlightedIndex,
|
|
60
|
+
onMatch: setHighlightedIndex,
|
|
61
|
+
});
|
|
62
|
+
const { getReferenceProps, getFloatingProps, getItemProps } = useInteractions([
|
|
63
|
+
click,
|
|
64
|
+
dismiss,
|
|
65
|
+
role,
|
|
66
|
+
listNavigation,
|
|
67
|
+
typeahead,
|
|
68
|
+
]);
|
|
69
|
+
const contextValue = {
|
|
70
|
+
open: isOpen,
|
|
71
|
+
setOpen: handleOpenChange,
|
|
72
|
+
disabled,
|
|
73
|
+
size,
|
|
74
|
+
radius,
|
|
75
|
+
triggerId,
|
|
76
|
+
menuId,
|
|
77
|
+
floatingStyles,
|
|
78
|
+
context,
|
|
79
|
+
setReference,
|
|
80
|
+
setFloating,
|
|
81
|
+
getReferenceProps,
|
|
82
|
+
getFloatingProps,
|
|
83
|
+
getItemProps,
|
|
84
|
+
highlightedIndex,
|
|
85
|
+
setHighlightedIndex,
|
|
86
|
+
elementsRef,
|
|
87
|
+
labelsRef,
|
|
88
|
+
};
|
|
89
|
+
return (_jsx(DropdownContext.Provider, { value: contextValue, children: _jsx("div", { className: cn("relative inline-block", className), children: children }) }));
|
|
90
|
+
};
|
|
91
|
+
Dropdown.displayName = "Dropdown";
|
|
92
|
+
Dropdown.Trigger = DropdownTrigger;
|
|
93
|
+
Dropdown.Content = DropdownContent;
|
|
94
|
+
Dropdown.List = DropdownList;
|
|
95
|
+
Dropdown.Item = DropdownItem;
|
|
96
|
+
Dropdown.Group = DropdownGroup;
|
|
97
|
+
Dropdown.Label = Label;
|
|
98
|
+
Dropdown.Shortcut = DropdownShortcut;
|
|
99
|
+
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/components/dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownContent.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/DropdownContent.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAUpD,eAAO,MAAM,eAAe,8HA8E3B,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef } from "react";
|
|
4
|
+
import { FloatingPortal, FloatingFocusManager, useTransitionStyles, useMergeRefs, } from "@floating-ui/react";
|
|
5
|
+
import { useDropdownContext } from "./DropdownContext";
|
|
6
|
+
import { cn } from "../../utils/cn";
|
|
7
|
+
import { all, cond, match } from "../../utils/condition";
|
|
8
|
+
const radiusClasses = {
|
|
9
|
+
none: "rounded-none",
|
|
10
|
+
sm: "rounded-lg",
|
|
11
|
+
md: "rounded-xl",
|
|
12
|
+
lg: "rounded-2xl",
|
|
13
|
+
full: "rounded-3xl",
|
|
14
|
+
};
|
|
15
|
+
export const DropdownContent = forwardRef(function DropdownContent({ children, className, style, ...props }, ref) {
|
|
16
|
+
const { context, setFloating, floatingStyles, getFloatingProps, disabled, open, radius, } = useDropdownContext();
|
|
17
|
+
const { isMounted, styles: transitionStyles } = useTransitionStyles(context, {
|
|
18
|
+
duration: {
|
|
19
|
+
open: 160,
|
|
20
|
+
close: 100,
|
|
21
|
+
},
|
|
22
|
+
common: {
|
|
23
|
+
transitionTimingFunction: "cubic-bezier(0.2, 0, 0, 1)",
|
|
24
|
+
},
|
|
25
|
+
initial: {
|
|
26
|
+
opacity: 0,
|
|
27
|
+
transform: "scale(0.96)",
|
|
28
|
+
},
|
|
29
|
+
open: {
|
|
30
|
+
opacity: 1,
|
|
31
|
+
transform: "scale(1)",
|
|
32
|
+
},
|
|
33
|
+
close: {
|
|
34
|
+
opacity: 0,
|
|
35
|
+
transform: "scale(0.96)",
|
|
36
|
+
},
|
|
37
|
+
});
|
|
38
|
+
const mergedRef = useMergeRefs([setFloating, ref]);
|
|
39
|
+
if (!all(isMounted, !disabled)) {
|
|
40
|
+
return null;
|
|
41
|
+
}
|
|
42
|
+
return (_jsx(FloatingPortal, { children: _jsx(FloatingFocusManager, { context: context, modal: false, returnFocus: true, initialFocus: -1, children: _jsx("div", { ref: mergedRef, tabIndex: -1, style: floatingStyles, ...getFloatingProps(props), className: "z-50 outline-none", children: _jsx("div", { style: {
|
|
43
|
+
...transitionStyles,
|
|
44
|
+
...style,
|
|
45
|
+
}, "data-state": cond(open, "open", "closed"), className: cn("transform-gpu overflow-hidden bg-surface border-[0.5px] border-border shadow-lg p-1 min-w-48 focus:outline-none", cond(context.placement.startsWith("top"), "origin-bottom", "origin-top"), match(radius, radiusClasses, "rounded-2xl"), className), children: children }) }) }) }));
|
|
46
|
+
});
|
|
47
|
+
DropdownContent.displayName = "Dropdown.Content";
|
|
48
|
+
//# sourceMappingURL=DropdownContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownContent.js","sourceRoot":"","sources":["../../../src/components/dropdown/DropdownContent.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,YAAY,GACb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAGzD,MAAM,aAAa,GAA2B;IAC5C,IAAI,EAAE,cAAc;IACpB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,aAAa;IACjB,IAAI,EAAE,aAAa;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CACvC,SAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACpE,MAAM,EACJ,OAAO,EACP,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,QAAQ,EACR,IAAI,EACJ,MAAM,GACP,GAAG,kBAAkB,EAAE,CAAC;IAEzB,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,mBAAmB,CACjE,OAAO,EACP;QACE,QAAQ,EAAE;YACR,IAAI,EAAE,GAAG;YACT,KAAK,EAAE,GAAG;SACX;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,CACF,CAAC;IAEF,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,OAAO,CACL,KAAC,cAAc,cACb,KAAC,oBAAoB,IACnB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,EACjB,YAAY,EAAE,CAAC,CAAC,YAEhB,cACE,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,CAAC,CAAC,EACZ,KAAK,EAAE,cAAc,KACjB,gBAAgB,CAAC,KAAgC,CAAC,EACtD,SAAS,EAAC,mBAAmB,YAE7B,cACE,KAAK,EAAE;wBACL,GAAG,gBAAgB;wBACnB,GAAG,KAAK;qBACT,gBACW,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EACxC,SAAS,EAAE,EAAE,CACX,iHAAiH,EACjH,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,eAAe,EAAE,YAAY,CAAC,EACxE,KAAK,CAAC,MAAM,EAAE,aAAa,EAAE,aAAa,CAAC,EAC3C,SAAS,CACV,YAEA,QAAQ,GACL,GACF,GACe,GACR,CAClB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { type CSSProperties, type RefObject } from "react";
|
|
2
|
+
import type { FloatingContext, ReferenceType } from "@floating-ui/react";
|
|
3
|
+
import type { DropdownRadius, DropdownSize } from "./types";
|
|
4
|
+
export interface DropdownContextValue {
|
|
5
|
+
open: boolean;
|
|
6
|
+
setOpen: (open: boolean) => void;
|
|
7
|
+
disabled: boolean;
|
|
8
|
+
size: DropdownSize;
|
|
9
|
+
radius: DropdownRadius;
|
|
10
|
+
triggerId: string;
|
|
11
|
+
menuId: string;
|
|
12
|
+
floatingStyles: CSSProperties;
|
|
13
|
+
context: FloatingContext;
|
|
14
|
+
setReference: (node: ReferenceType | null) => void;
|
|
15
|
+
setFloating: (node: HTMLElement | null) => void;
|
|
16
|
+
getReferenceProps: (userProps?: Record<string, unknown>) => Record<string, unknown>;
|
|
17
|
+
getFloatingProps: (userProps?: Record<string, unknown>) => Record<string, unknown>;
|
|
18
|
+
getItemProps: (userProps?: Record<string, unknown>) => Record<string, unknown>;
|
|
19
|
+
highlightedIndex: number | null;
|
|
20
|
+
setHighlightedIndex: (index: number | null) => void;
|
|
21
|
+
elementsRef: RefObject<Array<HTMLElement | null>>;
|
|
22
|
+
labelsRef: RefObject<Array<string | null>>;
|
|
23
|
+
}
|
|
24
|
+
export declare const DropdownContext: import("react").Context<DropdownContextValue | null>;
|
|
25
|
+
export declare function useDropdownContext(): DropdownContextValue;
|
|
26
|
+
//# sourceMappingURL=DropdownContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownContext.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/DropdownContext.ts"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACzE,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5D,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,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,CACjB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAChC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,gBAAgB,EAAE,CAChB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAChC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,YAAY,EAAE,CACZ,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAChC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACpD,WAAW,EAAE,SAAS,CAAC,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC;IAClD,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;CAC5C;AAED,eAAO,MAAM,eAAe,sDAAmD,CAAC;AAEhF,wBAAgB,kBAAkB,IAAI,oBAAoB,CAQzD"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { createContext, useContext, } from "react";
|
|
3
|
+
export const DropdownContext = createContext(null);
|
|
4
|
+
export function useDropdownContext() {
|
|
5
|
+
const context = useContext(DropdownContext);
|
|
6
|
+
if (!context) {
|
|
7
|
+
throw new Error("Dropdown compound components must be rendered within a <Dropdown> provider.");
|
|
8
|
+
}
|
|
9
|
+
return context;
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=DropdownContext.js.map
|