@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,10 @@
|
|
|
1
|
+
import type { PopoverProps } from "./types";
|
|
2
|
+
export declare function Popover({ children, open: controlledOpen, defaultOpen, onOpenChange, disabled, side, align, offset, placement: explicitPlacement, modal, isDismissable, isKeyboardDismissDisabled, variant, size, className, }: PopoverProps): import("react").JSX.Element;
|
|
3
|
+
export declare namespace Popover {
|
|
4
|
+
var displayName: string;
|
|
5
|
+
var Trigger: import("react").ForwardRefExoticComponent<import("./types").PopoverTriggerProps & import("react").RefAttributes<HTMLElement>>;
|
|
6
|
+
var Content: import("react").ForwardRefExoticComponent<import("./types").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
7
|
+
var Dialog: import("react").ForwardRefExoticComponent<import("./types").PopoverDialogProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
|
+
var Heading: import("react").ForwardRefExoticComponent<Omit<import("../heading").HeadingProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=Popover.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/Popover.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,QAAgB,EAChB,IAAe,EACf,KAAgB,EAChB,MAAU,EACV,SAAS,EAAE,iBAAiB,EAC5B,KAAa,EACb,aAAoB,EACpB,yBAAiC,EACjC,OAAmB,EACnB,IAAa,EACb,SAAS,GACV,EAAE,YAAY,+BAgHd;yBAhIe,OAAO"}
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useState, useId, Children, isValidElement, } from "react";
|
|
4
|
+
import { useFloating, autoUpdate, offset as offsetMiddleware, flip, shift, useClick, useDismiss, useRole, useInteractions, } from "@floating-ui/react";
|
|
5
|
+
import { PopoverContext } from "./PopoverContext";
|
|
6
|
+
import { PopoverTrigger } from "./PopoverTrigger";
|
|
7
|
+
import { PopoverContent } from "./PopoverContent";
|
|
8
|
+
import { PopoverDialog } from "./PopoverDialog";
|
|
9
|
+
import { Heading } from "../heading/Heading";
|
|
10
|
+
import { all, cond } from "../../utils/condition";
|
|
11
|
+
export function Popover({ children, open: controlledOpen, defaultOpen = false, onOpenChange, disabled = false, side = "bottom", align = "center", offset = 8, placement: explicitPlacement, modal = false, isDismissable = true, isKeyboardDismissDisabled = false, variant = "surface", size = "auto", className, }) {
|
|
12
|
+
const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));
|
|
13
|
+
const isControlled = controlledOpen !== undefined;
|
|
14
|
+
const isOpen = cond(isControlled, Boolean(controlledOpen), uncontrolledOpen);
|
|
15
|
+
const placement = cond(Boolean(explicitPlacement), explicitPlacement, cond(align === "center", side, `${side}-${align}`));
|
|
16
|
+
const rawId = useId();
|
|
17
|
+
const dialogId = `popover-dialog-${rawId}`;
|
|
18
|
+
const handleOpenChange = (nextOpen) => {
|
|
19
|
+
if (!isControlled) {
|
|
20
|
+
setUncontrolledOpen(nextOpen);
|
|
21
|
+
}
|
|
22
|
+
onOpenChange?.(nextOpen);
|
|
23
|
+
};
|
|
24
|
+
const { floatingStyles, context, refs: { setReference, setFloating }, } = useFloating({
|
|
25
|
+
open: all(!disabled, isOpen),
|
|
26
|
+
onOpenChange: handleOpenChange,
|
|
27
|
+
placement,
|
|
28
|
+
whileElementsMounted: autoUpdate,
|
|
29
|
+
middleware: [
|
|
30
|
+
offsetMiddleware(offset),
|
|
31
|
+
flip({ fallbackAxisSideDirection: "start", padding: 8 }),
|
|
32
|
+
shift({ padding: 8 }),
|
|
33
|
+
],
|
|
34
|
+
});
|
|
35
|
+
const click = useClick(context, {
|
|
36
|
+
enabled: !disabled,
|
|
37
|
+
});
|
|
38
|
+
const dismiss = useDismiss(context, {
|
|
39
|
+
enabled: !disabled,
|
|
40
|
+
outsidePress: isDismissable,
|
|
41
|
+
escapeKey: !isKeyboardDismissDisabled,
|
|
42
|
+
});
|
|
43
|
+
const role = useRole(context, {
|
|
44
|
+
role: "dialog",
|
|
45
|
+
});
|
|
46
|
+
const { getReferenceProps, getFloatingProps } = useInteractions([
|
|
47
|
+
click,
|
|
48
|
+
dismiss,
|
|
49
|
+
role,
|
|
50
|
+
]);
|
|
51
|
+
const contextValue = {
|
|
52
|
+
open: isOpen,
|
|
53
|
+
setOpen: handleOpenChange,
|
|
54
|
+
floatingStyles,
|
|
55
|
+
context,
|
|
56
|
+
setReference,
|
|
57
|
+
setFloating,
|
|
58
|
+
getReferenceProps,
|
|
59
|
+
getFloatingProps,
|
|
60
|
+
disabled,
|
|
61
|
+
variant,
|
|
62
|
+
size,
|
|
63
|
+
side,
|
|
64
|
+
align,
|
|
65
|
+
offset,
|
|
66
|
+
modal,
|
|
67
|
+
dialogId,
|
|
68
|
+
};
|
|
69
|
+
let hasExplicitTrigger = false;
|
|
70
|
+
let standaloneContentNode = null;
|
|
71
|
+
const triggerNodes = [];
|
|
72
|
+
Children.forEach(children, (child) => {
|
|
73
|
+
if (isValidElement(child)) {
|
|
74
|
+
const element = child;
|
|
75
|
+
const displayName = element.type?.displayName;
|
|
76
|
+
if (cond(element.type === PopoverTrigger, true, displayName === "Popover.Trigger")) {
|
|
77
|
+
hasExplicitTrigger = true;
|
|
78
|
+
}
|
|
79
|
+
else if (cond(element.type === PopoverContent, true, displayName === "Popover.Content")) {
|
|
80
|
+
standaloneContentNode = child;
|
|
81
|
+
}
|
|
82
|
+
else {
|
|
83
|
+
triggerNodes.push(child);
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
else if (child !== null && child !== undefined) {
|
|
87
|
+
triggerNodes.push(child);
|
|
88
|
+
}
|
|
89
|
+
});
|
|
90
|
+
if (all(!hasExplicitTrigger, Boolean(standaloneContentNode))) {
|
|
91
|
+
const triggerContent = cond(triggerNodes.length === 1, triggerNodes[0], triggerNodes);
|
|
92
|
+
return (_jsxs(PopoverContext.Provider, { value: contextValue, children: [_jsx(PopoverTrigger, { className: className, children: triggerContent }), standaloneContentNode] }));
|
|
93
|
+
}
|
|
94
|
+
return (_jsx(PopoverContext.Provider, { value: contextValue, children: children }));
|
|
95
|
+
}
|
|
96
|
+
Popover.displayName = "Popover";
|
|
97
|
+
Popover.Trigger = PopoverTrigger;
|
|
98
|
+
Popover.Content = PopoverContent;
|
|
99
|
+
Popover.Dialog = PopoverDialog;
|
|
100
|
+
Popover.Heading = Heading;
|
|
101
|
+
//# sourceMappingURL=Popover.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/components/popover/Popover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PopoverContent.d.ts","sourceRoot":"","sources":["../../../src/components/popover/PopoverContent.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAM,cAAc,gHA8D1B,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
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 { usePopoverContext } from "./PopoverContext";
|
|
6
|
+
import { cn } from "../../utils/cn";
|
|
7
|
+
import { all } from "../../utils/condition";
|
|
8
|
+
export const PopoverContent = forwardRef(function PopoverContent({ children, className, style, ...props }, ref) {
|
|
9
|
+
const { context, setFloating, floatingStyles, getFloatingProps, disabled, modal, } = usePopoverContext();
|
|
10
|
+
const { isMounted, styles: transitionStyles } = useTransitionStyles(context, {
|
|
11
|
+
duration: {
|
|
12
|
+
open: 160,
|
|
13
|
+
close: 100,
|
|
14
|
+
},
|
|
15
|
+
common: {
|
|
16
|
+
transitionTimingFunction: "cubic-bezier(0.2, 0, 0, 1)",
|
|
17
|
+
},
|
|
18
|
+
initial: {
|
|
19
|
+
opacity: 0,
|
|
20
|
+
transform: "scale(0.96)",
|
|
21
|
+
},
|
|
22
|
+
open: {
|
|
23
|
+
opacity: 1,
|
|
24
|
+
transform: "scale(1)",
|
|
25
|
+
},
|
|
26
|
+
close: {
|
|
27
|
+
opacity: 0,
|
|
28
|
+
transform: "scale(0.96)",
|
|
29
|
+
},
|
|
30
|
+
});
|
|
31
|
+
const mergedRef = useMergeRefs([setFloating, ref]);
|
|
32
|
+
if (!all(isMounted, !disabled)) {
|
|
33
|
+
return null;
|
|
34
|
+
}
|
|
35
|
+
return (_jsx(FloatingPortal, { children: _jsx(FloatingFocusManager, { context: context, modal: modal, returnFocus: true, children: _jsx("div", { ref: mergedRef, style: floatingStyles, ...getFloatingProps(props), className: "z-50 outline-none", children: _jsx("div", { style: {
|
|
36
|
+
...transitionStyles,
|
|
37
|
+
...style,
|
|
38
|
+
}, className: cn("transform-gpu origin-center", className), children: children }) }) }) }));
|
|
39
|
+
});
|
|
40
|
+
PopoverContent.displayName = "Popover.Content";
|
|
41
|
+
//# sourceMappingURL=PopoverContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PopoverContent.js","sourceRoot":"","sources":["../../../src/components/popover/PopoverContent.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,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAG5C,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,SAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACnE,MAAM,EACJ,OAAO,EACP,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,QAAQ,EACR,KAAK,GACN,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,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,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,OAAO,CACL,KAAC,cAAc,cACb,KAAC,oBAAoB,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,YACrE,cACE,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,cAAc,KACjB,gBAAgB,CAAC,KAAgC,CAAC,EACtD,SAAS,EAAC,mBAAmB,YAE7B,cACE,KAAK,EAAE;wBACL,GAAG,gBAAgB;wBACnB,GAAG,KAAK;qBACT,EACD,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,YAEtD,QAAQ,GACL,GACF,GACe,GACR,CAClB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { type CSSProperties } from "react";
|
|
2
|
+
import type { FloatingContext, ReferenceType } from "@floating-ui/react";
|
|
3
|
+
import type { PopoverVariant, PopoverSize, PopoverSide, PopoverAlign } from "./types";
|
|
4
|
+
export interface PopoverContextValue {
|
|
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: PopoverVariant;
|
|
15
|
+
size: PopoverSize;
|
|
16
|
+
side: PopoverSide;
|
|
17
|
+
align: PopoverAlign;
|
|
18
|
+
offset: number;
|
|
19
|
+
modal: boolean;
|
|
20
|
+
dialogId: string;
|
|
21
|
+
}
|
|
22
|
+
export declare const PopoverContext: import("react").Context<PopoverContextValue | null>;
|
|
23
|
+
export declare const usePopoverContext: () => PopoverContextValue;
|
|
24
|
+
//# sourceMappingURL=PopoverContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PopoverContext.d.ts","sourceRoot":"","sources":["../../../src/components/popover/PopoverContext.ts"],"names":[],"mappings":"AAEA,OAAO,EAA6B,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACzE,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEtF,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;IACf,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB;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 PopoverContext = createContext(null);
|
|
4
|
+
export const usePopoverContext = () => {
|
|
5
|
+
const context = useContext(PopoverContext);
|
|
6
|
+
if (!context) {
|
|
7
|
+
throw new Error("Popover compound components must be rendered within a Popover component");
|
|
8
|
+
}
|
|
9
|
+
return context;
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=PopoverContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PopoverContext.js","sourceRoot":"","sources":["../../../src/components/popover/PopoverContext.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAsB,MAAM,OAAO,CAAC;AAuBtE,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,7 @@
|
|
|
1
|
+
import type { PopoverDialogProps } from "./types";
|
|
2
|
+
export declare const variants: (props?: ({
|
|
3
|
+
variant?: "primary" | "surface" | "inverted" | null | undefined;
|
|
4
|
+
size?: "sm" | "md" | "lg" | "auto" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
+
export declare const PopoverDialog: import("react").ForwardRefExoticComponent<PopoverDialogProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
7
|
+
//# sourceMappingURL=PopoverDialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PopoverDialog.d.ts","sourceRoot":"","sources":["../../../src/components/popover/PopoverDialog.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,eAAO,MAAM,QAAQ;;;8EAqBpB,CAAC;AAEF,eAAO,MAAM,aAAa,+GAmCzB,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
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 { usePopoverContext } from "./PopoverContext";
|
|
6
|
+
import { cn } from "../../utils/cn";
|
|
7
|
+
import { cond } from "../../utils/condition";
|
|
8
|
+
export const variants = cva("relative flex flex-col rounded-2xl p-surface-sm outline-none pointer-events-auto transform-gpu overflow-hidden text-sm", {
|
|
9
|
+
variants: {
|
|
10
|
+
variant: {
|
|
11
|
+
surface: "bg-surface text-foreground border border-border shadow-xl",
|
|
12
|
+
primary: "bg-primary text-primary-foreground border border-primary-border shadow-xl",
|
|
13
|
+
inverted: "bg-foreground text-background border border-foreground/10 shadow-xl [&_h1]:text-background",
|
|
14
|
+
},
|
|
15
|
+
size: {
|
|
16
|
+
sm: "w-64",
|
|
17
|
+
md: "w-80",
|
|
18
|
+
lg: "w-96",
|
|
19
|
+
auto: "w-auto",
|
|
20
|
+
},
|
|
21
|
+
},
|
|
22
|
+
defaultVariants: {
|
|
23
|
+
variant: "surface",
|
|
24
|
+
size: "auto",
|
|
25
|
+
},
|
|
26
|
+
});
|
|
27
|
+
export const PopoverDialog = forwardRef(function PopoverDialog({ children, variant, size, className, ...props }, ref) {
|
|
28
|
+
const { dialogId, modal, variant: contextVariant, size: contextSize, } = usePopoverContext();
|
|
29
|
+
const activeVariant = cond(Boolean(variant), variant, contextVariant);
|
|
30
|
+
const activeSize = cond(Boolean(size), size, contextSize);
|
|
31
|
+
return (_jsx("div", { ref: ref, id: dialogId, role: "dialog", tabIndex: -1, "aria-modal": cond(modal, "true", "false"), className: cn(variants({
|
|
32
|
+
variant: activeVariant,
|
|
33
|
+
size: activeSize,
|
|
34
|
+
}), className), ...props, children: children }));
|
|
35
|
+
});
|
|
36
|
+
PopoverDialog.displayName = "Popover.Dialog";
|
|
37
|
+
//# sourceMappingURL=PopoverDialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PopoverDialog.js","sourceRoot":"","sources":["../../../src/components/popover/PopoverDialog.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,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,QAAQ,GAAG,GAAG,CACzB,wHAAwH,EACxH;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,2DAA2D;YACpE,OAAO,EAAE,2EAA2E;YACpF,QAAQ,EAAE,4FAA4F;SACvG;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,IAAI,EAAE,QAAQ;SACf;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,MAAM;KACb;CACF,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,SAAS,aAAa,CACpB,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAChD,GAAG;IAEH,MAAM,EACJ,QAAQ,EACR,KAAK,EACL,OAAO,EAAE,cAAc,EACvB,IAAI,EAAE,WAAW,GAClB,GAAG,iBAAiB,EAAE,CAAC;IAExB,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,cACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,QAAQ,EACZ,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,gBACA,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EACxC,SAAS,EAAE,EAAE,CACX,QAAQ,CAAC;YACP,OAAO,EAAE,aAAa;YACtB,IAAI,EAAE,UAAU;SACjB,CAAC,EACF,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PopoverTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/popover/PopoverTrigger.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAM,cAAc,6GAgD1B,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef, cloneElement, isValidElement, Children, } from "react";
|
|
4
|
+
import { useMergeRefs } from "@floating-ui/react";
|
|
5
|
+
import { usePopoverContext } from "./PopoverContext";
|
|
6
|
+
import { cn } from "../../utils/cn";
|
|
7
|
+
import { all, cond } from "../../utils/condition";
|
|
8
|
+
export const PopoverTrigger = forwardRef(function PopoverTrigger({ children, asChild = false, className, ...props }, ref) {
|
|
9
|
+
const { setReference, getReferenceProps, open, dialogId } = usePopoverContext();
|
|
10
|
+
const ariaProps = {
|
|
11
|
+
"aria-haspopup": "dialog",
|
|
12
|
+
"aria-expanded": open,
|
|
13
|
+
"aria-controls": cond(open, dialogId, undefined),
|
|
14
|
+
"data-state": cond(open, "open", "closed"),
|
|
15
|
+
};
|
|
16
|
+
const childList = Children.toArray(children);
|
|
17
|
+
const hasSingleElement = all(childList.length === 1, isValidElement(childList[0]));
|
|
18
|
+
const shouldClone = cond(asChild, true, cond(isValidElement(children), true, hasSingleElement));
|
|
19
|
+
if (shouldClone) {
|
|
20
|
+
const child = (cond(isValidElement(children), children, childList[0]));
|
|
21
|
+
const childRef = child.props?.ref;
|
|
22
|
+
const mergedRef = useMergeRefs([setReference, ref, childRef]);
|
|
23
|
+
const referenceProps = getReferenceProps({
|
|
24
|
+
...ariaProps,
|
|
25
|
+
...child.props,
|
|
26
|
+
...props,
|
|
27
|
+
className: cn(child.props.className, className),
|
|
28
|
+
});
|
|
29
|
+
return cloneElement(child, {
|
|
30
|
+
...referenceProps,
|
|
31
|
+
ref: mergedRef,
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
const mergedRef = useMergeRefs([setReference, ref]);
|
|
35
|
+
return (_jsx("button", { ref: mergedRef, type: "button", ...getReferenceProps({
|
|
36
|
+
...ariaProps,
|
|
37
|
+
...props,
|
|
38
|
+
}), className: cn("inline-flex items-center justify-center", className), children: children }));
|
|
39
|
+
});
|
|
40
|
+
PopoverTrigger.displayName = "Popover.Trigger";
|
|
41
|
+
//# sourceMappingURL=PopoverTrigger.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PopoverTrigger.js","sourceRoot":"","sources":["../../../src/components/popover/PopoverTrigger.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,UAAU,EACV,YAAY,EACZ,cAAc,EACd,QAAQ,GAET,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,GAAG,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAGlD,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,SAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC7E,MAAM,EAAE,YAAY,EAAE,iBAAiB,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAEhF,MAAM,SAAS,GAAG;QAChB,eAAe,EAAE,QAAiB;QAClC,eAAe,EAAE,IAAI;QACrB,eAAe,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,CAAC;QAChD,YAAY,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC;KAC3C,CAAC;IAEF,MAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC7C,MAAM,gBAAgB,GAAG,GAAG,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACnF,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEhG,IAAI,WAAW,EAAE,CAAC;QAChB,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAA0C,CAAC;QAChH,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,SAAS;YACZ,GAAG,KAAK,CAAC,KAAK;YACd,GAAG,KAAK;YACR,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,iBACE,GAAG,EAAE,SAAyC,EAC9C,IAAI,EAAC,QAAQ,KACT,iBAAiB,CAAC;YACpB,GAAG,SAAS;YACZ,GAAG,KAAK;SACT,CAAC,EACF,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,YAElE,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { Popover } from "./Popover";
|
|
2
|
+
export { PopoverTrigger } from "./PopoverTrigger";
|
|
3
|
+
export { PopoverContent } from "./PopoverContent";
|
|
4
|
+
export { PopoverDialog, variants as popoverDialogVariants } from "./PopoverDialog";
|
|
5
|
+
export { PopoverContext, usePopoverContext } from "./PopoverContext";
|
|
6
|
+
export type * from "./types";
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/popover/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,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,QAAQ,IAAI,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACnF,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrE,mBAAmB,SAAS,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { Popover } from "./Popover";
|
|
2
|
+
export { PopoverTrigger } from "./PopoverTrigger";
|
|
3
|
+
export { PopoverContent } from "./PopoverContent";
|
|
4
|
+
export { PopoverDialog, variants as popoverDialogVariants } from "./PopoverDialog";
|
|
5
|
+
export { PopoverContext, usePopoverContext } from "./PopoverContext";
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/popover/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,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,QAAQ,IAAI,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACnF,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import type { ReactNode, HTMLAttributes, ButtonHTMLAttributes, CSSProperties } from "react";
|
|
2
|
+
import type { Placement } from "@floating-ui/react";
|
|
3
|
+
export type PopoverSide = "top" | "right" | "bottom" | "left";
|
|
4
|
+
export type PopoverAlign = "start" | "center" | "end";
|
|
5
|
+
export type PopoverVariant = "surface" | "primary" | "inverted";
|
|
6
|
+
export type PopoverSize = "sm" | "md" | "lg" | "auto";
|
|
7
|
+
export interface PopoverProps {
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
open?: boolean;
|
|
10
|
+
defaultOpen?: boolean;
|
|
11
|
+
onOpenChange?: (open: boolean) => void;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
side?: PopoverSide;
|
|
14
|
+
align?: PopoverAlign;
|
|
15
|
+
offset?: number;
|
|
16
|
+
placement?: Placement;
|
|
17
|
+
modal?: boolean;
|
|
18
|
+
isDismissable?: boolean;
|
|
19
|
+
isKeyboardDismissDisabled?: boolean;
|
|
20
|
+
variant?: PopoverVariant;
|
|
21
|
+
size?: PopoverSize;
|
|
22
|
+
className?: string;
|
|
23
|
+
}
|
|
24
|
+
export interface PopoverTriggerProps extends ButtonHTMLAttributes<HTMLElement> {
|
|
25
|
+
children?: ReactNode;
|
|
26
|
+
asChild?: boolean;
|
|
27
|
+
className?: string;
|
|
28
|
+
}
|
|
29
|
+
export interface PopoverContentProps extends HTMLAttributes<HTMLDivElement> {
|
|
30
|
+
children?: ReactNode;
|
|
31
|
+
className?: string;
|
|
32
|
+
style?: CSSProperties;
|
|
33
|
+
}
|
|
34
|
+
export interface PopoverDialogProps extends HTMLAttributes<HTMLDivElement> {
|
|
35
|
+
children?: ReactNode;
|
|
36
|
+
variant?: PopoverVariant;
|
|
37
|
+
size?: PopoverSize;
|
|
38
|
+
className?: string;
|
|
39
|
+
style?: CSSProperties;
|
|
40
|
+
}
|
|
41
|
+
export type { Placement };
|
|
42
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/popover/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC5F,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,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAChE,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEtD,MAAM,WAAW,YAAY;IAC3B,QAAQ,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,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,mBAAoB,SAAQ,oBAAoB,CAAC,WAAW,CAAC;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,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,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,YAAY,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/popover/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Searchbar.d.ts","sourceRoot":"","sources":["../../../src/components/searchbar/Searchbar.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,eAAO,MAAM,SAAS,0HA8CrB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef, } from "react";
|
|
4
|
+
import { Input } from "../input/Input";
|
|
5
|
+
import { Spinner } from "../spinner/Spinner";
|
|
6
|
+
import { cond } from "../../utils/condition";
|
|
7
|
+
export const Searchbar = forwardRef(function Searchbar({ size = "md", variant = "outlined", radius, loading = false, leading, trailing, onSearch, onKeyDown, className, ...props }, ref) {
|
|
8
|
+
const handleKeyDown = (event) => {
|
|
9
|
+
onKeyDown?.(event);
|
|
10
|
+
if (event.key === "Enter" && !event.defaultPrevented) {
|
|
11
|
+
onSearch?.(event.currentTarget.value);
|
|
12
|
+
}
|
|
13
|
+
};
|
|
14
|
+
const _leading = cond(loading, _jsx(Spinner, { size: "sm", "aria-hidden": "true" }), leading);
|
|
15
|
+
return (_jsx(Input, { ref: ref, type: "search", role: "searchbox", "aria-busy": cond(loading, true, undefined), size: size, variant: variant, radius: radius, leading: _leading, trailing: trailing, onKeyDown: handleKeyDown, className: className, ...props }));
|
|
16
|
+
});
|
|
17
|
+
Searchbar.displayName = "Searchbar";
|
|
18
|
+
//# sourceMappingURL=Searchbar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Searchbar.js","sourceRoot":"","sources":["../../../src/components/searchbar/Searchbar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,UAAU,GAEX,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAG7C,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,SAAS,SAAS,CAChB,EACE,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,UAAU,EACpB,MAAM,EACN,OAAO,GAAG,KAAK,EACf,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,aAAa,GAAG,CAAC,KAAsC,EAAE,EAAE;QAC/D,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;QACnB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;YACrD,QAAQ,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACxC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,IAAI,CACnB,OAAO,EACP,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,iBAAa,MAAM,GAAG,EACxC,OAAO,CACR,CAAC;IAEF,OAAO,CACL,KAAC,KAAK,IACJ,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,WAAW,eACL,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,SAAS,CAAC,EACzC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,SAAS,KAChB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/searchbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EACV,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,eAAe,GAChB,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/searchbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import type { Ref } from "react";
|
|
2
|
+
import type { InputProps, InputRadius, InputSize, InputVariant } from "../input/types";
|
|
3
|
+
export type SearchbarSize = InputSize;
|
|
4
|
+
export type SearchbarVariant = InputVariant;
|
|
5
|
+
export type SearchbarRadius = InputRadius;
|
|
6
|
+
export interface SearchbarProps extends Omit<InputProps, "size" | "variant" | "radius"> {
|
|
7
|
+
/**
|
|
8
|
+
* Ref forwarded to the underlying native input element.
|
|
9
|
+
*/
|
|
10
|
+
ref?: Ref<HTMLInputElement>;
|
|
11
|
+
/**
|
|
12
|
+
* Standard control scale size.
|
|
13
|
+
* @default "md"
|
|
14
|
+
*/
|
|
15
|
+
size?: SearchbarSize;
|
|
16
|
+
/**
|
|
17
|
+
* Structural surface treatment.
|
|
18
|
+
* @default "outlined"
|
|
19
|
+
*/
|
|
20
|
+
variant?: SearchbarVariant;
|
|
21
|
+
/**
|
|
22
|
+
* Border radius curvature for the container frame.
|
|
23
|
+
*/
|
|
24
|
+
radius?: SearchbarRadius;
|
|
25
|
+
/**
|
|
26
|
+
* Whether an asynchronous search operation is in progress.
|
|
27
|
+
* When true, sets aria-busy attribute on the searchbox container.
|
|
28
|
+
* @default false
|
|
29
|
+
*/
|
|
30
|
+
loading?: boolean;
|
|
31
|
+
/**
|
|
32
|
+
* Callback fired when user submits a query via Enter key press.
|
|
33
|
+
*/
|
|
34
|
+
onSearch?: (value: string) => void;
|
|
35
|
+
}
|
|
36
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/searchbar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EACV,UAAU,EACV,WAAW,EACX,SAAS,EACT,YAAY,EACb,MAAM,gBAAgB,CAAC;AAExB,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC;AACtC,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC;AAC5C,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC;AAE1C,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IACvD;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAE5B;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB;;;OAGG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAE3B;;OAEG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;IAEzB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/searchbar/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { SelectTrigger } from "./SelectTrigger";
|
|
2
|
+
import { SelectValue } from "./SelectValue";
|
|
3
|
+
import { SelectContent } from "./SelectContent";
|
|
4
|
+
import { SelectList } from "./SelectList";
|
|
5
|
+
import { SelectItem } from "./SelectItem";
|
|
6
|
+
import { SelectGroup } from "./SelectGroup";
|
|
7
|
+
import { Label } from "../label/Label";
|
|
8
|
+
import { Description } from "../description/Description";
|
|
9
|
+
import type { SelectProps } from "./types";
|
|
10
|
+
export interface SelectComponent extends React.FC<SelectProps> {
|
|
11
|
+
Trigger: typeof SelectTrigger;
|
|
12
|
+
Value: typeof SelectValue;
|
|
13
|
+
Content: typeof SelectContent;
|
|
14
|
+
List: typeof SelectList;
|
|
15
|
+
Item: typeof SelectItem;
|
|
16
|
+
Group: typeof SelectGroup;
|
|
17
|
+
Label: typeof Label;
|
|
18
|
+
Description: typeof Description;
|
|
19
|
+
}
|
|
20
|
+
export declare const Select: SelectComponent;
|
|
21
|
+
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/select/Select.tsx"],"names":[],"mappings":"AA4BA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAGzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC;IAC5D,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,WAAW,EAAE,OAAO,WAAW,CAAC;CACjC;AAED,eAAO,MAAM,MAAM,EAAE,eA4SpB,CAAC"}
|