@comfyorg/design-system 1.1.0 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +89 -10
- package/dist/badge/Badge.vue.d.ts +49 -0
- package/dist/badge/Badge.vue.js +2 -0
- package/dist/badge/CreditBadge.vue.d.ts +7 -0
- package/dist/badge/CreditBadge.vue.js +35 -0
- package/dist/badge/badge.variants.d.ts +12 -0
- package/dist/button/Button.vue.d.ts +31 -0
- package/dist/button/Button.vue.js +2 -0
- package/dist/button-group/ButtonGroup.vue.d.ts +18 -0
- package/dist/button-group/ButtonGroup.vue.js +37 -0
- package/dist/button-group/IconGroup.vue.d.ts +16 -0
- package/dist/button-group/IconGroup.vue.js +15 -0
- package/dist/card/Card.vue.d.ts +19 -0
- package/dist/card/Card.vue.js +2 -0
- package/dist/card/CardFooter.vue.d.ts +17 -0
- package/dist/card/CardFooter.vue.js +2 -0
- package/dist/card/CardHeader.vue.d.ts +17 -0
- package/dist/card/CardHeader.vue.js +2 -0
- package/dist/card/CoachmarkCard.vue.d.ts +24 -0
- package/dist/card/CoachmarkCard.vue.js +57 -0
- package/dist/card/card.variants.d.ts +11 -0
- package/dist/chart/Chart.vue.d.ts +12 -0
- package/dist/chart/Chart.vue.js +180 -0
- package/dist/chart/useChart.d.ts +4 -0
- package/dist/checkbox/Checkbox.vue.d.ts +25 -0
- package/dist/checkbox/Checkbox.vue.js +49 -0
- package/dist/chip/TagRemoveButton.vue.d.ts +18 -0
- package/dist/chip/TagRemoveButton.vue.js +2 -0
- package/dist/common/CanvasBanner.vue.d.ts +23 -0
- package/dist/common/CanvasBanner.vue.js +23 -0
- package/dist/common/ContentDivider.vue.d.ts +7 -0
- package/dist/common/ContentDivider.vue.js +22 -0
- package/dist/common/CustomFormValue.vue.d.ts +6 -0
- package/dist/common/CustomFormValue.vue.js +28 -0
- package/dist/common/DotSpinner.vue.d.ts +7 -0
- package/dist/common/DotSpinner.vue.js +34 -0
- package/dist/common/EditableText.vue.d.ts +16 -0
- package/dist/common/EditableText.vue.js +73 -0
- package/dist/common/LoadingOverlay.vue.d.ts +18 -0
- package/dist/common/LoadingOverlay.vue.js +41 -0
- package/dist/common/MarkdownText.vue.d.ts +6 -0
- package/dist/common/MarkdownText.vue.js +93 -0
- package/dist/common/MarqueeLine.vue.d.ts +13 -0
- package/dist/common/MarqueeLine.vue.js +12 -0
- package/dist/common/OverlayIcon.vue.d.ts +13 -0
- package/dist/common/OverlayIcon.vue.js +2 -0
- package/dist/common/SanitizedHtml.vue.d.ts +8 -0
- package/dist/common/SanitizedHtml.vue.js +60 -0
- package/dist/common/TextDivider.vue.d.ts +8 -0
- package/dist/common/TextDivider.vue.js +36 -0
- package/dist/common/TextTicker.vue.d.ts +17 -0
- package/dist/common/TextTicker.vue.js +53 -0
- package/dist/common/TextTickerMultiLine.vue.d.ts +6 -0
- package/dist/common/TextTickerMultiLine.vue.js +54 -0
- package/dist/common/VerticalDivider.vue.d.ts +3 -0
- package/dist/common/VerticalDivider.vue.js +15 -0
- package/dist/common/VideoCompareSlider.vue.d.ts +24 -0
- package/dist/common/VideoCompareSlider.vue.js +141 -0
- package/dist/common/ViewportWidgetShell.vue.d.ts +27 -0
- package/dist/common/ViewportWidgetShell.vue.js +58 -0
- package/dist/common/VirtualGrid.vue.d.ts +38 -0
- package/dist/common/VirtualGrid.vue.js +107 -0
- package/dist/common/textTickerUtils.d.ts +1 -0
- package/dist/components.css +44 -0
- package/dist/composables/useAttrsClass.d.ts +12 -0
- package/dist/composables/useAttrsClass.js +18 -0
- package/dist/composables/usePopoverSizing.d.ts +12 -0
- package/dist/composables/usePopoverSizing.js +18 -0
- package/dist/confirm/ConfirmBody.vue.d.ts +8 -0
- package/dist/confirm/ConfirmBody.vue.js +27 -0
- package/dist/confirm/ConfirmHeader.vue.d.ts +7 -0
- package/dist/confirm/ConfirmHeader.vue.js +27 -0
- package/dist/content-card/CardBottom.vue.d.ts +16 -0
- package/dist/content-card/CardBottom.vue.js +19 -0
- package/dist/content-card/CardContainer.vue.d.ts +26 -0
- package/dist/content-card/CardContainer.vue.js +61 -0
- package/dist/content-card/CardTop.vue.d.ts +36 -0
- package/dist/content-card/CardTop.vue.js +72 -0
- package/dist/dialog/Dialog.vue.d.ts +21 -0
- package/dist/dialog/Dialog.vue.js +25 -0
- package/dist/dialog/DialogClose.vue.d.ts +13 -0
- package/dist/dialog/DialogClose.vue.js +24 -0
- package/dist/dialog/DialogContent.vue.d.ts +36 -0
- package/dist/dialog/DialogContent.vue.js +73 -0
- package/dist/dialog/DialogDescription.vue.d.ts +18 -0
- package/dist/dialog/DialogDescription.vue.js +33 -0
- package/dist/dialog/DialogFooter.vue.d.ts +17 -0
- package/dist/dialog/DialogFooter.vue.js +24 -0
- package/dist/dialog/DialogHeader.vue.d.ts +17 -0
- package/dist/dialog/DialogHeader.vue.js +24 -0
- package/dist/dialog/DialogMaximize.vue.d.ts +10 -0
- package/dist/dialog/DialogMaximize.vue.js +27 -0
- package/dist/dialog/DialogOverlay.vue.d.ts +8 -0
- package/dist/dialog/DialogOverlay.vue.js +35 -0
- package/dist/dialog/DialogPanel.vue.d.ts +18 -0
- package/dist/dialog/DialogPanel.vue.js +55 -0
- package/dist/dialog/DialogPortal.vue.d.ts +14 -0
- package/dist/dialog/DialogPortal.vue.js +38 -0
- package/dist/dialog/DialogTitle.vue.d.ts +18 -0
- package/dist/dialog/DialogTitle.vue.js +2 -0
- package/dist/dialog/dialog.variants.d.ts +16 -0
- package/dist/dialog/dialog.variants.js +39 -0
- package/dist/dialog/types.d.ts +6 -0
- package/dist/dialog/types.js +0 -0
- package/dist/field/Field.vue.d.ts +19 -0
- package/dist/field/Field.vue.js +42 -0
- package/dist/field/FieldDescription.vue.d.ts +17 -0
- package/dist/field/FieldDescription.vue.js +24 -0
- package/dist/field/FieldError.vue.d.ts +21 -0
- package/dist/field/FieldError.vue.js +39 -0
- package/dist/field/FieldGroup.vue.d.ts +17 -0
- package/dist/field/FieldGroup.vue.js +24 -0
- package/dist/field/FieldLabel.vue.d.ts +17 -0
- package/dist/field/FieldLabel.vue.js +28 -0
- package/dist/field/ModelInfoField.vue.d.ts +18 -0
- package/dist/field/ModelInfoField.vue.js +18 -0
- package/dist/field/field.variants.d.ts +11 -0
- package/dist/hover-card/HoverCard.vue.d.ts +18 -0
- package/dist/hover-card/HoverCard.vue.js +26 -0
- package/dist/hover-card/HoverCardContent.vue.d.ts +18 -0
- package/dist/hover-card/HoverCardContent.vue.js +68 -0
- package/dist/hover-card/HoverCardTrigger.vue.d.ts +14 -0
- package/dist/hover-card/HoverCardTrigger.vue.js +23 -0
- package/dist/icon/ComfyLogo.vue.d.ts +9 -0
- package/dist/icon/ComfyLogo.vue.js +33 -0
- package/dist/icon/PuzzleIcon.vue.d.ts +8 -0
- package/dist/icon/PuzzleIcon.vue.js +40 -0
- package/dist/icon/TinyChevronIcon.vue.d.ts +6 -0
- package/dist/icon/TinyChevronIcon.vue.js +31 -0
- package/dist/icon/VerifiedIcon.vue.d.ts +8 -0
- package/dist/icon/VerifiedIcon.vue.js +32 -0
- package/dist/input/Input.vue.d.ts +21 -0
- package/dist/input/Input.vue.js +2 -0
- package/dist/input/PasswordInput.vue.d.ts +18 -0
- package/dist/input/PasswordInput.vue.js +68 -0
- package/dist/input-group/InputGroup.vue.d.ts +17 -0
- package/dist/input-group/InputGroup.vue.js +2 -0
- package/dist/input-group/InputGroupAddon.vue.d.ts +19 -0
- package/dist/input-group/InputGroupAddon.vue.js +2 -0
- package/dist/input-group/InputGroupButton.vue.d.ts +21 -0
- package/dist/input-group/InputGroupButton.vue.js +2 -0
- package/dist/input-group/InputGroupInput.vue.d.ts +15 -0
- package/dist/input-group/InputGroupInput.vue.js +2 -0
- package/dist/input-group/inputGroup.variants.d.ts +21 -0
- package/dist/input-group/inputGroup.variants.js +22 -0
- package/dist/knob/Knob.vue.d.ts +19 -0
- package/dist/knob/Knob.vue.js +124 -0
- package/dist/label/Label.vue.d.ts +18 -0
- package/dist/label/Label.vue.js +2 -0
- package/dist/media/AudioPreview.vue.d.ts +6 -0
- package/dist/media/AudioPreview.vue.js +28 -0
- package/dist/media/MediaTitle.vue.d.ts +6 -0
- package/dist/media/MediaTitle.vue.js +19 -0
- package/dist/media/VideoPlayOverlay.vue.d.ts +8 -0
- package/dist/media/VideoPlayOverlay.vue.js +28 -0
- package/dist/media/VideoPreview.vue.d.ts +7 -0
- package/dist/media/VideoPreview.vue.js +32 -0
- package/dist/media/ZoomPane.vue.d.ts +17 -0
- package/dist/media/ZoomPane.vue.js +62 -0
- package/dist/menu/ContextMenu.vue.d.ts +31 -0
- package/dist/menu/ContextMenu.vue.js +52 -0
- package/dist/menu/ContextMenuContent.vue.d.ts +32 -0
- package/dist/menu/ContextMenuContent.vue.js +2 -0
- package/dist/menu/Menu.vue.d.ts +41 -0
- package/dist/menu/Menu.vue.js +79 -0
- package/dist/menu/MenuAction.vue.d.ts +26 -0
- package/dist/menu/MenuAction.vue.js +2 -0
- package/dist/menu/MenuContent.vue.d.ts +35 -0
- package/dist/menu/MenuContent.vue.js +2 -0
- package/dist/menu/MenuItem.vue.d.ts +22 -0
- package/dist/menu/MenuItem.vue.js +35 -0
- package/dist/menu/MenuItemContent.vue.d.ts +8 -0
- package/dist/menu/MenuItemContent.vue.js +2 -0
- package/dist/menu/MenuItems.vue.d.ts +32 -0
- package/dist/menu/MenuItems.vue.js +2 -0
- package/dist/menu/MenuRadioGroup.vue.d.ts +26 -0
- package/dist/menu/MenuRadioGroup.vue.js +2 -0
- package/dist/menu/MenuRadioItem.vue.d.ts +22 -0
- package/dist/menu/MenuRadioItem.vue.js +2 -0
- package/dist/menu/MenuSeparator.vue.d.ts +8 -0
- package/dist/menu/MenuSeparator.vue.js +2 -0
- package/dist/menu/MenuSub.vue.d.ts +20 -0
- package/dist/menu/MenuSub.vue.js +2 -0
- package/dist/menu/MenuSubContent.vue.d.ts +36 -0
- package/dist/menu/MenuSubContent.vue.js +2 -0
- package/dist/menu/MenuSubTrigger.vue.d.ts +18 -0
- package/dist/menu/MenuSubTrigger.vue.js +2 -0
- package/dist/menu/MenuSubmenu.vue.d.ts +21 -0
- package/dist/menu/MenuSubmenu.vue.js +2 -0
- package/dist/menu/menuAnchor.d.ts +4 -0
- package/dist/menu/menuAnchor.js +15 -0
- package/dist/menu/menuStyles.d.ts +4 -0
- package/dist/menu/menuStyles.js +7 -0
- package/dist/menu/mouseDownUtil.d.ts +3 -0
- package/dist/menu/types.d.ts +69 -0
- package/dist/menu/types.js +0 -0
- package/dist/menu/usePointMenu.d.ts +19 -0
- package/dist/menu/usePointMenu.js +56 -0
- package/dist/message/Message.vue.d.ts +50 -0
- package/dist/message/Message.vue.js +75 -0
- package/dist/message/message.variants.d.ts +11 -0
- package/dist/message/message.variants.js +15 -0
- package/dist/multi-select/MultiSelect.vue.d.ts +170 -0
- package/dist/multi-select/MultiSelect.vue.js +137 -0
- package/dist/multi-select/MultiSelectContent.vue.d.ts +32 -0
- package/dist/multi-select/MultiSelectContent.vue.js +2 -0
- package/dist/multi-select/MultiSelectTrigger.vue.d.ts +24 -0
- package/dist/multi-select/MultiSelectTrigger.vue.js +2 -0
- package/dist/multi-select/types.d.ts +35 -0
- package/dist/multi-select/types.js +0 -0
- package/dist/navigation/NavTitle.vue.d.ts +12 -0
- package/dist/navigation/NavTitle.vue.js +42 -0
- package/dist/navigation/SidebarTopArea.vue.d.ts +15 -0
- package/dist/navigation/SidebarTopArea.vue.js +16 -0
- package/dist/number-field/NumberField.vue.d.ts +26 -0
- package/dist/number-field/NumberField.vue.js +75 -0
- package/dist/number-field/NumberFieldDecrement.vue.d.ts +18 -0
- package/dist/number-field/NumberFieldDecrement.vue.js +35 -0
- package/dist/number-field/NumberFieldIncrement.vue.d.ts +18 -0
- package/dist/number-field/NumberFieldIncrement.vue.js +35 -0
- package/dist/number-field/NumberFieldInput.vue.d.ts +7 -0
- package/dist/number-field/NumberFieldInput.vue.js +25 -0
- package/dist/number-field/PropertyNumberField.vue.d.ts +14 -0
- package/dist/number-field/PropertyNumberField.vue.js +56 -0
- package/dist/pagination/Pagination.vue.d.ts +22 -0
- package/dist/pagination/Pagination.vue.js +140 -0
- package/dist/popover/PopoverContent.vue.d.ts +33 -0
- package/dist/popover/PopoverContent.vue.js +91 -0
- package/dist/popover/usePopoverViewportDismiss.d.ts +2 -0
- package/dist/popover/usePopoverViewportDismiss.js +13 -0
- package/dist/radio-group/RadioGroup.vue.d.ts +22 -0
- package/dist/radio-group/RadioGroup.vue.js +45 -0
- package/dist/radio-group/RadioGroupItem.vue.d.ts +22 -0
- package/dist/radio-group/RadioGroupItem.vue.js +42 -0
- package/dist/search-input/AsyncSearchInput.vue.d.ts +27 -0
- package/dist/search-input/AsyncSearchInput.vue.js +104 -0
- package/dist/search-input/SearchAutocomplete.vue.d.ts +53 -0
- package/dist/search-input/SearchAutocomplete.vue.js +234 -0
- package/dist/search-input/SearchInput.vue.d.ts +46 -0
- package/dist/search-input/SearchInput.vue.js +127 -0
- package/dist/search-input/searchInput.variants.d.ts +45 -0
- package/dist/select/DropdownControl.vue.d.ts +16 -0
- package/dist/select/DropdownControl.vue.js +48 -0
- package/dist/select/Select.vue.d.ts +21 -0
- package/dist/select/Select.vue.js +2 -0
- package/dist/select/SelectContent.vue.d.ts +29 -0
- package/dist/select/SelectContent.vue.js +2 -0
- package/dist/select/SelectItem.vue.d.ts +18 -0
- package/dist/select/SelectItem.vue.js +2 -0
- package/dist/select/SelectScrollDownButton.vue.d.ts +18 -0
- package/dist/select/SelectScrollDownButton.vue.js +2 -0
- package/dist/select/SelectScrollUpButton.vue.d.ts +18 -0
- package/dist/select/SelectScrollUpButton.vue.js +2 -0
- package/dist/select/SelectTrigger.vue.d.ts +22 -0
- package/dist/select/SelectTrigger.vue.js +2 -0
- package/dist/select/SelectValue.vue.d.ts +14 -0
- package/dist/select/SelectValue.vue.js +2 -0
- package/dist/select/types.d.ts +4 -0
- package/dist/select/types.js +0 -0
- package/dist/select/useSelectSearch.d.ts +3 -0
- package/dist/select/useSelectSearch.js +15 -0
- package/dist/shared/Badge-D3uWa3yk.js +92 -0
- package/dist/shared/Button-CilmsOkY.js +141 -0
- package/dist/shared/Card-l7baUdn0.js +34 -0
- package/dist/shared/CardFooter-BM6EmVi7.js +21 -0
- package/dist/shared/CardHeader-B5To28Jp.js +21 -0
- package/dist/shared/ContextMenuContent-CNQHJQ81.js +64 -0
- package/dist/shared/DialogTitle-CfkkTGuU.js +43 -0
- package/dist/shared/Input-39RLwDr2.js +38 -0
- package/dist/shared/InputGroup-kjQKkhyB.js +25 -0
- package/dist/shared/InputGroupAddon-DLDRT0CQ.js +38 -0
- package/dist/shared/InputGroupButton-BoEp2apg.js +41 -0
- package/dist/shared/InputGroupInput-E2MlEVUU.js +32 -0
- package/dist/shared/Label-Cx_lFofI.js +36 -0
- package/dist/shared/MenuAction-BdghJ23k.js +124 -0
- package/dist/shared/MenuContent-ChqlM3xA.js +80 -0
- package/dist/shared/MenuItemContent--dPNoBmU.js +69 -0
- package/dist/shared/MenuItems-BJKetPV-.js +69 -0
- package/dist/shared/MenuRadioGroup-Bpjt9sHI.js +65 -0
- package/dist/shared/MenuRadioItem-h7hh_RGU.js +36 -0
- package/dist/shared/MenuSeparator-Dm6CkPqB.js +28 -0
- package/dist/shared/MenuSub-Dbnj2w-X.js +23 -0
- package/dist/shared/MenuSubContent-M-g3fllh.js +69 -0
- package/dist/shared/MenuSubTrigger-D6-3s2NL.js +35 -0
- package/dist/shared/MenuSubmenu-QHWMyfKF.js +43 -0
- package/dist/shared/MultiSelectContent-c1D5avjh.js +162 -0
- package/dist/shared/MultiSelectTrigger-lmuXqETa.js +52 -0
- package/dist/shared/OverlayIcon-DntJI-mm.js +45 -0
- package/dist/shared/SearchableSingleSelect-Dnti1kqJ.js +184 -0
- package/dist/shared/Select-CP3OZjtL.js +33 -0
- package/dist/shared/SelectContent-C8aNlcFf.js +91 -0
- package/dist/shared/SelectItem-tU4CIa5J.js +42 -0
- package/dist/shared/SelectScrollDownButton-Dvig5MVc.js +30 -0
- package/dist/shared/SelectScrollUpButton-lv-npT6v.js +30 -0
- package/dist/shared/SelectTrigger-CCDiZW91.js +47 -0
- package/dist/shared/SelectValue-DFZFSiQp.js +23 -0
- package/dist/shared/Switch-DsCzHpDU.js +63 -0
- package/dist/shared/TableHead-OxGist4m.js +24 -0
- package/dist/shared/TagRemoveButton-BiCdscIC.js +38 -0
- package/dist/shared/TextTooltip-ClHQl84h.js +29 -0
- package/dist/shared/Tooltip-DbXyHv20.js +34 -0
- package/dist/shared/TooltipContent-Bju-U7gc.js +91 -0
- package/dist/shared/TooltipTrigger-CVwISmWo.js +65 -0
- package/dist/shared/_plugin-vue_export-helper-BOaGB7Aw.js +8 -0
- package/dist/shared/searchInput.variants-NOge_52E.js +47 -0
- package/dist/shared/select.variants-BPn5Z7N1.js +40 -0
- package/dist/shared/src-CnJ6AzLP.js +12 -0
- package/dist/shared/tabKeys-BISOrxWu.js +4 -0
- package/dist/shared/tabs.variants-XUREdHry.js +23 -0
- package/dist/shared/tag.variants-CCqCn8Jc.js +34 -0
- package/dist/shared/tagsInputContext-QXu7RrG5.js +5 -0
- package/dist/shared/toggleGroup.variants-CvjZDHMw.js +39 -0
- package/dist/shared/tooltipContext-BL5JtM0i.js +4 -0
- package/dist/single-select/SearchableSingleSelect.vue.d.ts +39 -0
- package/dist/single-select/SearchableSingleSelect.vue.js +2 -0
- package/dist/single-select/SingleSelect.vue.d.ts +38 -0
- package/dist/single-select/SingleSelect.vue.js +187 -0
- package/dist/single-select/types.d.ts +25 -0
- package/dist/single-select/types.js +0 -0
- package/dist/skeleton/Skeleton.vue.d.ts +7 -0
- package/dist/skeleton/Skeleton.vue.js +24 -0
- package/dist/slider/Slider.vue.d.ts +16 -0
- package/dist/slider/Slider.vue.js +88 -0
- package/dist/spinner/Spinner.vue.d.ts +7 -0
- package/dist/spinner/Spinner.vue.js +41 -0
- package/dist/splitter/SplitterGroup.vue.d.ts +23 -0
- package/dist/splitter/SplitterGroup.vue.js +40 -0
- package/dist/splitter/SplitterPanel.vue.d.ts +26 -0
- package/dist/splitter/SplitterPanel.vue.js +45 -0
- package/dist/splitter/SplitterResizeHandle.vue.d.ts +22 -0
- package/dist/splitter/SplitterResizeHandle.vue.js +37 -0
- package/dist/switch/Switch.vue.d.ts +17 -0
- package/dist/switch/Switch.vue.js +2 -0
- package/dist/tab/Tab.vue.d.ts +24 -0
- package/dist/tab/Tab.vue.js +76 -0
- package/dist/tab/TabList.vue.d.ts +26 -0
- package/dist/tab/TabList.vue.js +31 -0
- package/dist/tab/TabPanel.vue.d.ts +23 -0
- package/dist/tab/TabPanel.vue.js +28 -0
- package/dist/tab/tab.variants.d.ts +9 -0
- package/dist/tab/tabKeys.d.ts +7 -0
- package/dist/table/Table.vue.d.ts +17 -0
- package/dist/table/Table.vue.js +23 -0
- package/dist/table/TableBody.vue.d.ts +17 -0
- package/dist/table/TableBody.vue.js +21 -0
- package/dist/table/TableCell.vue.d.ts +17 -0
- package/dist/table/TableCell.vue.js +21 -0
- package/dist/table/TableHead.vue.d.ts +17 -0
- package/dist/table/TableHead.vue.js +2 -0
- package/dist/table/TableHeader.vue.d.ts +17 -0
- package/dist/table/TableHeader.vue.js +21 -0
- package/dist/table/TableRow.vue.d.ts +17 -0
- package/dist/table/TableRow.vue.js +21 -0
- package/dist/table/TableSortHead.vue.d.ts +26 -0
- package/dist/table/TableSortHead.vue.js +47 -0
- package/dist/table/tableUtils.d.ts +3 -0
- package/dist/table/tableUtils.js +19 -0
- package/dist/tabs/Tabs.vue.d.ts +22 -0
- package/dist/tabs/Tabs.vue.js +43 -0
- package/dist/tabs/TabsContent.vue.d.ts +18 -0
- package/dist/tabs/TabsContent.vue.js +37 -0
- package/dist/tabs/TabsList.vue.d.ts +20 -0
- package/dist/tabs/TabsList.vue.js +38 -0
- package/dist/tabs/TabsTrigger.vue.d.ts +20 -0
- package/dist/tabs/TabsTrigger.vue.js +39 -0
- package/dist/tabs/tabs.variants.d.ts +21 -0
- package/dist/tags-input/TagsInput.vue.d.ts +32 -0
- package/dist/tags-input/TagsInput.vue.js +98 -0
- package/dist/tags-input/TagsInputInput.vue.d.ts +9 -0
- package/dist/tags-input/TagsInputInput.vue.js +56 -0
- package/dist/tags-input/TagsInputItem.vue.d.ts +18 -0
- package/dist/tags-input/TagsInputItem.vue.js +34 -0
- package/dist/tags-input/TagsInputItemDelete.vue.d.ts +18 -0
- package/dist/tags-input/TagsInputItemDelete.vue.js +35 -0
- package/dist/tags-input/TagsInputItemText.vue.d.ts +8 -0
- package/dist/tags-input/TagsInputItemText.vue.js +28 -0
- package/dist/tags-input/tagsInputContext.d.ts +4 -0
- package/dist/textarea/Textarea.vue.d.ts +17 -0
- package/dist/textarea/Textarea.vue.js +33 -0
- package/dist/toast/ToastClose.vue.d.ts +8 -0
- package/dist/toast/ToastClose.vue.js +42 -0
- package/dist/toast/ToastDescription.vue.d.ts +18 -0
- package/dist/toast/ToastDescription.vue.js +31 -0
- package/dist/toast/ToastDock.vue.d.ts +13 -0
- package/dist/toast/ToastDock.vue.js +29 -0
- package/dist/toast/ToastPanel.vue.d.ts +30 -0
- package/dist/toast/ToastPanel.vue.js +47 -0
- package/dist/toast/ToastRoot.vue.d.ts +100 -0
- package/dist/toast/ToastRoot.vue.js +55 -0
- package/dist/toast/ToastTitle.vue.d.ts +18 -0
- package/dist/toast/ToastTitle.vue.js +31 -0
- package/dist/toast/ToastViewport.vue.d.ts +9 -0
- package/dist/toast/ToastViewport.vue.js +33 -0
- package/dist/toggle-group/ToggleGroup.vue.d.ts +25 -0
- package/dist/toggle-group/ToggleGroup.vue.js +61 -0
- package/dist/toggle-group/ToggleGroupItem.vue.d.ts +21 -0
- package/dist/toggle-group/ToggleGroupItem.vue.js +45 -0
- package/dist/toggle-group/toggleGroup.variants.d.ts +24 -0
- package/dist/tooltip/TextTooltip.vue.d.ts +20 -0
- package/dist/tooltip/TextTooltip.vue.js +2 -0
- package/dist/tooltip/Tooltip.vue.d.ts +23 -0
- package/dist/tooltip/Tooltip.vue.js +2 -0
- package/dist/tooltip/TooltipContent.vue.d.ts +24 -0
- package/dist/tooltip/TooltipContent.vue.js +2 -0
- package/dist/tooltip/TooltipProvider.vue.d.ts +15 -0
- package/dist/tooltip/TooltipProvider.vue.js +39 -0
- package/dist/tooltip/TooltipTrigger.vue.d.ts +14 -0
- package/dist/tooltip/TooltipTrigger.vue.js +2 -0
- package/dist/tooltip/tooltipConfig.d.ts +5 -0
- package/dist/tooltip/tooltipConfig.js +8 -0
- package/dist/tooltip/tooltipContext.d.ts +2 -0
- package/dist/transition/TransitionCollapse.vue.d.ts +21 -0
- package/dist/transition/TransitionCollapse.vue.js +110 -0
- package/dist/tree/Tree.vue.d.ts +32 -0
- package/dist/tree/Tree.vue.js +55 -0
- package/dist/tree/TreeItem.vue.d.ts +29 -0
- package/dist/tree/TreeItem.vue.js +82 -0
- package/dist/tree/treeStyles.d.ts +4 -0
- package/dist/tree/treeStyles.js +7 -0
- package/dist-types/button.variants.d.ts +16 -0
- package/dist-types/select.variants.d.ts +24 -0
- package/dist-types/tag.variants.d.ts +21 -0
- package/dist-types/workspaceAvatar.d.ts +5 -0
- package/package.json +165 -7
- package/src/button.variants.ts +84 -0
- package/src/css/_deprecated-aliases.css +12 -0
- package/src/css/_legacy-palette.css +33 -0
- package/src/css/_legacy-ui.css +418 -0
- package/src/css/_markdown.css +227 -0
- package/src/css/_mask-editor.css +180 -0
- package/src/css/_palette.css +40 -4
- package/src/css/base.css +0 -6
- package/src/css/iconSizing.test.ts +80 -0
- package/src/css/iconifyDynamicPlugin.ts +15 -6
- package/src/css/icons.test.ts +17 -0
- package/src/css/lucideStrokePlugin.js +5 -6
- package/src/css/style.css +108 -1698
- package/src/icons/README.md +33 -26
- package/src/icons/astroid-filled.svg +3 -0
- package/src/icons/claude.svg +1 -1
- package/src/select.variants.ts +53 -0
- package/src/tag.variants.ts +38 -0
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { t as cn } from "../shared/src-CnJ6AzLP.js";
|
|
2
|
+
import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
3
|
+
import { TabsRoot, useForwardPropsEmits } from "reka-ui";
|
|
4
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
5
|
+
//#endregion
|
|
6
|
+
//#region src/components/tabs/Tabs.vue
|
|
7
|
+
var Tabs_default = /* @__PURE__ */ defineComponent({
|
|
8
|
+
__name: "Tabs",
|
|
9
|
+
props: {
|
|
10
|
+
defaultValue: {},
|
|
11
|
+
orientation: {},
|
|
12
|
+
dir: {},
|
|
13
|
+
activationMode: {},
|
|
14
|
+
modelValue: {},
|
|
15
|
+
unmountOnHide: { type: Boolean },
|
|
16
|
+
asChild: { type: Boolean },
|
|
17
|
+
as: {},
|
|
18
|
+
class: { type: [
|
|
19
|
+
Boolean,
|
|
20
|
+
null,
|
|
21
|
+
String,
|
|
22
|
+
Object,
|
|
23
|
+
Array
|
|
24
|
+
] }
|
|
25
|
+
},
|
|
26
|
+
emits: ["update:modelValue"],
|
|
27
|
+
setup(__props, { emit: __emit }) {
|
|
28
|
+
const props = __props;
|
|
29
|
+
const emits = __emit;
|
|
30
|
+
const forwarded = useForwardPropsEmits(reactiveOmit(props, "class"), emits);
|
|
31
|
+
return (_ctx, _cache) => {
|
|
32
|
+
return openBlock(), createBlock(unref(TabsRoot), mergeProps(unref(forwarded), {
|
|
33
|
+
"data-slot": "tabs",
|
|
34
|
+
class: unref(cn)("flex flex-col gap-2", props.class)
|
|
35
|
+
}), {
|
|
36
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
37
|
+
_: 3
|
|
38
|
+
}, 16, ["class"]);
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
//#endregion
|
|
43
|
+
export { Tabs_default as default };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { TabsContentProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = TabsContentProps & {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
};
|
|
6
|
+
declare var __VLS_8: {};
|
|
7
|
+
type __VLS_Slots = {} & {
|
|
8
|
+
default?: (props: typeof __VLS_8) => any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
11
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
12
|
+
declare const _default: typeof __VLS_export;
|
|
13
|
+
export default _default;
|
|
14
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
15
|
+
new (): {
|
|
16
|
+
$slots: S;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { t as cn } from "../shared/src-CnJ6AzLP.js";
|
|
2
|
+
import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
3
|
+
import { TabsContent, useForwardProps } from "reka-ui";
|
|
4
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
5
|
+
//#endregion
|
|
6
|
+
//#region src/components/tabs/TabsContent.vue
|
|
7
|
+
var TabsContent_default = /* @__PURE__ */ defineComponent({
|
|
8
|
+
__name: "TabsContent",
|
|
9
|
+
props: {
|
|
10
|
+
value: {},
|
|
11
|
+
forceMount: { type: Boolean },
|
|
12
|
+
asChild: { type: Boolean },
|
|
13
|
+
as: {},
|
|
14
|
+
class: { type: [
|
|
15
|
+
Boolean,
|
|
16
|
+
null,
|
|
17
|
+
String,
|
|
18
|
+
Object,
|
|
19
|
+
Array
|
|
20
|
+
] }
|
|
21
|
+
},
|
|
22
|
+
setup(__props) {
|
|
23
|
+
const props = __props;
|
|
24
|
+
const forwarded = useForwardProps(reactiveOmit(props, "class"));
|
|
25
|
+
return (_ctx, _cache) => {
|
|
26
|
+
return openBlock(), createBlock(unref(TabsContent), mergeProps(unref(forwarded), {
|
|
27
|
+
"data-slot": "tabs-content",
|
|
28
|
+
class: unref(cn)("flex-1 outline-none", props.class)
|
|
29
|
+
}), {
|
|
30
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
31
|
+
_: 3
|
|
32
|
+
}, 16, ["class"]);
|
|
33
|
+
};
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
//#endregion
|
|
37
|
+
export { TabsContent_default as default };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { TabsListProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
import { TabsListVariants } from './tabs.variants';
|
|
4
|
+
type __VLS_Props = TabsListProps & {
|
|
5
|
+
class?: HTMLAttributes['class'];
|
|
6
|
+
variant?: TabsListVariants['variant'];
|
|
7
|
+
};
|
|
8
|
+
declare var __VLS_8: {};
|
|
9
|
+
type __VLS_Slots = {} & {
|
|
10
|
+
default?: (props: typeof __VLS_8) => any;
|
|
11
|
+
};
|
|
12
|
+
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
13
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
14
|
+
declare const _default: typeof __VLS_export;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
17
|
+
new (): {
|
|
18
|
+
$slots: S;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { t as cn } from "../shared/src-CnJ6AzLP.js";
|
|
2
|
+
import { t as tabsListVariants } from "../shared/tabs.variants-XUREdHry.js";
|
|
3
|
+
import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
4
|
+
import { TabsList, useForwardProps } from "reka-ui";
|
|
5
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
6
|
+
//#endregion
|
|
7
|
+
//#region src/components/tabs/TabsList.vue
|
|
8
|
+
var TabsList_default = /* @__PURE__ */ defineComponent({
|
|
9
|
+
__name: "TabsList",
|
|
10
|
+
props: {
|
|
11
|
+
loop: { type: Boolean },
|
|
12
|
+
asChild: { type: Boolean },
|
|
13
|
+
as: {},
|
|
14
|
+
class: { type: [
|
|
15
|
+
Boolean,
|
|
16
|
+
null,
|
|
17
|
+
String,
|
|
18
|
+
Object,
|
|
19
|
+
Array
|
|
20
|
+
] },
|
|
21
|
+
variant: {}
|
|
22
|
+
},
|
|
23
|
+
setup(__props) {
|
|
24
|
+
const props = __props;
|
|
25
|
+
const forwarded = useForwardProps(reactiveOmit(props, "class", "variant"));
|
|
26
|
+
return (_ctx, _cache) => {
|
|
27
|
+
return openBlock(), createBlock(unref(TabsList), mergeProps(unref(forwarded), {
|
|
28
|
+
"data-slot": "tabs-list",
|
|
29
|
+
class: unref(cn)(unref(tabsListVariants)({ variant: props.variant }), props.class)
|
|
30
|
+
}), {
|
|
31
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
32
|
+
_: 3
|
|
33
|
+
}, 16, ["class"]);
|
|
34
|
+
};
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
//#endregion
|
|
38
|
+
export { TabsList_default as default };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { TabsTriggerProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
import { TabsTriggerVariants } from './tabs.variants';
|
|
4
|
+
type __VLS_Props = TabsTriggerProps & {
|
|
5
|
+
class?: HTMLAttributes['class'];
|
|
6
|
+
variant?: TabsTriggerVariants['variant'];
|
|
7
|
+
};
|
|
8
|
+
declare var __VLS_8: {};
|
|
9
|
+
type __VLS_Slots = {} & {
|
|
10
|
+
default?: (props: typeof __VLS_8) => any;
|
|
11
|
+
};
|
|
12
|
+
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
13
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
14
|
+
declare const _default: typeof __VLS_export;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
17
|
+
new (): {
|
|
18
|
+
$slots: S;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { t as cn } from "../shared/src-CnJ6AzLP.js";
|
|
2
|
+
import { n as tabsTriggerVariants } from "../shared/tabs.variants-XUREdHry.js";
|
|
3
|
+
import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
4
|
+
import { TabsTrigger, useForwardProps } from "reka-ui";
|
|
5
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
6
|
+
//#endregion
|
|
7
|
+
//#region src/components/tabs/TabsTrigger.vue
|
|
8
|
+
var TabsTrigger_default = /* @__PURE__ */ defineComponent({
|
|
9
|
+
__name: "TabsTrigger",
|
|
10
|
+
props: {
|
|
11
|
+
value: {},
|
|
12
|
+
disabled: { type: Boolean },
|
|
13
|
+
asChild: { type: Boolean },
|
|
14
|
+
as: {},
|
|
15
|
+
class: { type: [
|
|
16
|
+
Boolean,
|
|
17
|
+
null,
|
|
18
|
+
String,
|
|
19
|
+
Object,
|
|
20
|
+
Array
|
|
21
|
+
] },
|
|
22
|
+
variant: {}
|
|
23
|
+
},
|
|
24
|
+
setup(__props) {
|
|
25
|
+
const props = __props;
|
|
26
|
+
const forwarded = useForwardProps(reactiveOmit(props, "class", "variant"));
|
|
27
|
+
return (_ctx, _cache) => {
|
|
28
|
+
return openBlock(), createBlock(unref(TabsTrigger), mergeProps(unref(forwarded), {
|
|
29
|
+
"data-slot": "tabs-trigger",
|
|
30
|
+
class: unref(cn)(unref(tabsTriggerVariants)({ variant: props.variant }), props.class)
|
|
31
|
+
}), {
|
|
32
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
33
|
+
_: 3
|
|
34
|
+
}, 16, ["class"]);
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
//#endregion
|
|
39
|
+
export { TabsTrigger_default as default };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { VariantProps } from 'cva';
|
|
2
|
+
export declare const tabsListVariants: (props?: ({
|
|
3
|
+
variant?: "default" | "bordered" | "panel" | "flush" | undefined;
|
|
4
|
+
} & ({
|
|
5
|
+
class?: import('cva').ClassValue;
|
|
6
|
+
className?: never;
|
|
7
|
+
} | {
|
|
8
|
+
class?: never;
|
|
9
|
+
className?: import('cva').ClassValue;
|
|
10
|
+
})) | undefined) => string;
|
|
11
|
+
export declare const tabsTriggerVariants: (props?: ({
|
|
12
|
+
variant?: "default" | "panel" | "flush" | undefined;
|
|
13
|
+
} & ({
|
|
14
|
+
class?: import('cva').ClassValue;
|
|
15
|
+
className?: never;
|
|
16
|
+
} | {
|
|
17
|
+
class?: never;
|
|
18
|
+
className?: import('cva').ClassValue;
|
|
19
|
+
})) | undefined) => string;
|
|
20
|
+
export type TabsListVariants = VariantProps<typeof tabsListVariants>;
|
|
21
|
+
export type TabsTriggerVariants = VariantProps<typeof tabsTriggerVariants>;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { AcceptableInputValue, TagsInputRootProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
declare const __VLS_export: <T extends AcceptableInputValue = string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
4
|
+
props: import('vue').PublicProps & __VLS_PrettifyLocal<(TagsInputRootProps<T> & {
|
|
5
|
+
class?: HTMLAttributes["class"];
|
|
6
|
+
alwaysEditing?: boolean;
|
|
7
|
+
}) & {
|
|
8
|
+
onInvalid?: ((payload: T) => any) | undefined;
|
|
9
|
+
"onUpdate:modelValue"?: ((payload: T[]) => any) | undefined;
|
|
10
|
+
onAddTag?: ((payload: T) => any) | undefined;
|
|
11
|
+
onRemoveTag?: ((payload: T) => any) | undefined;
|
|
12
|
+
}> & (typeof globalThis extends {
|
|
13
|
+
__VLS_PROPS_FALLBACK: infer P;
|
|
14
|
+
} ? P : {});
|
|
15
|
+
expose: (exposed: {}) => void;
|
|
16
|
+
attrs: any;
|
|
17
|
+
slots: {
|
|
18
|
+
default?: (props: {
|
|
19
|
+
isEmpty: boolean;
|
|
20
|
+
}) => any;
|
|
21
|
+
};
|
|
22
|
+
emit: ((evt: "invalid", payload: T) => void) & ((evt: "update:modelValue", payload: T[]) => void) & ((evt: "addTag", payload: T) => void) & ((evt: "removeTag", payload: T) => void);
|
|
23
|
+
}>) => import('vue').VNode & {
|
|
24
|
+
__ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
|
|
25
|
+
};
|
|
26
|
+
declare const _default: typeof __VLS_export;
|
|
27
|
+
export default _default;
|
|
28
|
+
type __VLS_PrettifyLocal<T> = (T extends any ? {
|
|
29
|
+
[K in keyof T]: T[K];
|
|
30
|
+
} : {
|
|
31
|
+
[K in keyof T as K]: T[K];
|
|
32
|
+
}) & {};
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import { t as cn } from "../shared/src-CnJ6AzLP.js";
|
|
2
|
+
import { n as tagsInputIsEditingKey, t as tagsInputFocusKey } from "../shared/tagsInputContext-QXu7RrG5.js";
|
|
3
|
+
import { computed, createBlock, createCommentVNode, createElementBlock, createPropsRestProxy, defineComponent, mergeProps, nextTick, openBlock, provide, ref, renderSlot, unref, withCtx } from "vue";
|
|
4
|
+
import { TagsInputRoot, useForwardPropsEmits } from "reka-ui";
|
|
5
|
+
import { onClickOutside, useCurrentElement } from "@vueuse/core";
|
|
6
|
+
//#region src/components/tags-input/TagsInput.vue?vue&type=script&setup=true&lang.ts
|
|
7
|
+
var _hoisted_1 = {
|
|
8
|
+
key: 0,
|
|
9
|
+
"aria-hidden": "true",
|
|
10
|
+
class: "absolute right-2 bottom-2 icon-[lucide--square-pen] text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100"
|
|
11
|
+
};
|
|
12
|
+
//#endregion
|
|
13
|
+
//#region src/components/tags-input/TagsInput.vue
|
|
14
|
+
var TagsInput_default = /* @__PURE__ */ defineComponent({
|
|
15
|
+
__name: "TagsInput",
|
|
16
|
+
props: {
|
|
17
|
+
modelValue: {},
|
|
18
|
+
defaultValue: {},
|
|
19
|
+
addOnPaste: { type: Boolean },
|
|
20
|
+
addOnTab: { type: Boolean },
|
|
21
|
+
addOnBlur: { type: Boolean },
|
|
22
|
+
duplicate: { type: Boolean },
|
|
23
|
+
disabled: {
|
|
24
|
+
type: Boolean,
|
|
25
|
+
default: false
|
|
26
|
+
},
|
|
27
|
+
delimiter: {},
|
|
28
|
+
dir: {},
|
|
29
|
+
max: {},
|
|
30
|
+
id: {},
|
|
31
|
+
convertValue: { type: Function },
|
|
32
|
+
displayValue: { type: Function },
|
|
33
|
+
asChild: { type: Boolean },
|
|
34
|
+
as: {},
|
|
35
|
+
name: {},
|
|
36
|
+
required: { type: Boolean },
|
|
37
|
+
class: { type: [
|
|
38
|
+
Boolean,
|
|
39
|
+
null,
|
|
40
|
+
String,
|
|
41
|
+
Object,
|
|
42
|
+
Array
|
|
43
|
+
] },
|
|
44
|
+
alwaysEditing: {
|
|
45
|
+
type: Boolean,
|
|
46
|
+
default: false
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
emits: [
|
|
50
|
+
"update:modelValue",
|
|
51
|
+
"invalid",
|
|
52
|
+
"addTag",
|
|
53
|
+
"removeTag"
|
|
54
|
+
],
|
|
55
|
+
setup(__props, { emit: __emit }) {
|
|
56
|
+
const restProps = createPropsRestProxy(__props, [
|
|
57
|
+
"disabled",
|
|
58
|
+
"alwaysEditing",
|
|
59
|
+
"class"
|
|
60
|
+
]);
|
|
61
|
+
const emits = __emit;
|
|
62
|
+
const isEditing = ref(false);
|
|
63
|
+
const rootEl = useCurrentElement();
|
|
64
|
+
const focusInput = ref();
|
|
65
|
+
provide(tagsInputFocusKey, (callback) => {
|
|
66
|
+
focusInput.value = callback;
|
|
67
|
+
});
|
|
68
|
+
const isEditingEnabled = computed(() => __props.alwaysEditing || isEditing.value);
|
|
69
|
+
provide(tagsInputIsEditingKey, isEditingEnabled);
|
|
70
|
+
const internalDisabled = computed(() => __props.disabled || !isEditingEnabled.value);
|
|
71
|
+
const delegatedProps = computed(() => ({
|
|
72
|
+
...restProps,
|
|
73
|
+
disabled: internalDisabled.value
|
|
74
|
+
}));
|
|
75
|
+
const forwarded = useForwardPropsEmits(delegatedProps, emits);
|
|
76
|
+
async function enableEditing() {
|
|
77
|
+
if (!__props.disabled && !__props.alwaysEditing && !isEditing.value) {
|
|
78
|
+
isEditing.value = true;
|
|
79
|
+
await nextTick();
|
|
80
|
+
focusInput.value?.();
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
onClickOutside(rootEl, () => {
|
|
84
|
+
if (!__props.alwaysEditing) isEditing.value = false;
|
|
85
|
+
});
|
|
86
|
+
return (_ctx, _cache) => {
|
|
87
|
+
return openBlock(), createBlock(unref(TagsInputRoot), mergeProps(unref(forwarded), {
|
|
88
|
+
class: unref(cn)("group relative flex flex-wrap items-center gap-2 rounded-lg bg-transparent p-2 text-xs text-foreground", !internalDisabled.value && "focus-within:bg-muted hover:bg-muted", !__props.disabled && !isEditingEnabled.value && "cursor-pointer", __props.class),
|
|
89
|
+
onClick: enableEditing
|
|
90
|
+
}), {
|
|
91
|
+
default: withCtx(({ modelValue }) => [renderSlot(_ctx.$slots, "default", { isEmpty: modelValue.length === 0 }), !__props.disabled && !isEditingEnabled.value ? (openBlock(), createElementBlock("i", _hoisted_1)) : createCommentVNode("", true)]),
|
|
92
|
+
_: 3
|
|
93
|
+
}, 16, ["class"]);
|
|
94
|
+
};
|
|
95
|
+
}
|
|
96
|
+
});
|
|
97
|
+
//#endregion
|
|
98
|
+
export { TagsInput_default as default };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { TagsInputInputProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = TagsInputInputProps & {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
isEmpty?: boolean;
|
|
6
|
+
};
|
|
7
|
+
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
8
|
+
declare const _default: typeof __VLS_export;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { t as cn } from "../shared/src-CnJ6AzLP.js";
|
|
2
|
+
import { n as tagsInputIsEditingKey, t as tagsInputFocusKey } from "../shared/tagsInputContext-QXu7RrG5.js";
|
|
3
|
+
import { computed, createBlock, createCommentVNode, createPropsRestProxy, defineComponent, inject, mergeProps, onMounted, onUnmounted, openBlock, ref, unref, withKeys, withModifiers } from "vue";
|
|
4
|
+
import { TagsInputInput, useForwardExpose, useForwardProps } from "reka-ui";
|
|
5
|
+
//#endregion
|
|
6
|
+
//#region src/components/tags-input/TagsInputInput.vue
|
|
7
|
+
var TagsInputInput_default = /* @__PURE__ */ defineComponent({
|
|
8
|
+
__name: "TagsInputInput",
|
|
9
|
+
props: {
|
|
10
|
+
placeholder: {},
|
|
11
|
+
autoFocus: { type: Boolean },
|
|
12
|
+
maxLength: {},
|
|
13
|
+
asChild: { type: Boolean },
|
|
14
|
+
as: {},
|
|
15
|
+
class: { type: [
|
|
16
|
+
Boolean,
|
|
17
|
+
null,
|
|
18
|
+
String,
|
|
19
|
+
Object,
|
|
20
|
+
Array
|
|
21
|
+
] },
|
|
22
|
+
isEmpty: {
|
|
23
|
+
type: Boolean,
|
|
24
|
+
default: false
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
setup(__props) {
|
|
28
|
+
const restProps = createPropsRestProxy(__props, ["isEmpty", "class"]);
|
|
29
|
+
const forwardedProps = useForwardProps(restProps);
|
|
30
|
+
const isEditing = inject(tagsInputIsEditingKey, ref(true));
|
|
31
|
+
const showInput = computed(() => isEditing.value || __props.isEmpty);
|
|
32
|
+
const { forwardRef, currentElement } = useForwardExpose();
|
|
33
|
+
const registerFocus = inject(tagsInputFocusKey, void 0);
|
|
34
|
+
function handleEscape() {
|
|
35
|
+
currentElement.value?.blur();
|
|
36
|
+
isEditing.value = false;
|
|
37
|
+
}
|
|
38
|
+
onMounted(() => {
|
|
39
|
+
registerFocus?.(() => currentElement.value?.focus());
|
|
40
|
+
});
|
|
41
|
+
onUnmounted(() => {
|
|
42
|
+
registerFocus?.(void 0);
|
|
43
|
+
});
|
|
44
|
+
return (_ctx, _cache) => {
|
|
45
|
+
return showInput.value ? (openBlock(), createBlock(unref(TagsInputInput), mergeProps({
|
|
46
|
+
key: 0,
|
|
47
|
+
ref: unref(forwardRef)
|
|
48
|
+
}, unref(forwardedProps), {
|
|
49
|
+
class: unref(cn)("min-h-6 flex-1 appearance-none border-none bg-transparent text-xs text-muted-foreground placeholder:text-muted-foreground focus:outline-none", !unref(isEditing) && "pointer-events-none", __props.class),
|
|
50
|
+
onKeydown: withKeys(withModifiers(handleEscape, ["stop"]), ["escape"])
|
|
51
|
+
}), null, 16, ["class", "onKeydown"])) : createCommentVNode("", true);
|
|
52
|
+
};
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
//#endregion
|
|
56
|
+
export { TagsInputInput_default as default };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { TagsInputItemProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = TagsInputItemProps & {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
};
|
|
6
|
+
declare var __VLS_8: {};
|
|
7
|
+
type __VLS_Slots = {} & {
|
|
8
|
+
default?: (props: typeof __VLS_8) => any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
11
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
12
|
+
declare const _default: typeof __VLS_export;
|
|
13
|
+
export default _default;
|
|
14
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
15
|
+
new (): {
|
|
16
|
+
$slots: S;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { t as cn } from "../shared/src-CnJ6AzLP.js";
|
|
2
|
+
import { n as tagVariants } from "../shared/tag.variants-CCqCn8Jc.js";
|
|
3
|
+
import { createBlock, createPropsRestProxy, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
4
|
+
import { TagsInputItem, useForwardProps } from "reka-ui";
|
|
5
|
+
//#endregion
|
|
6
|
+
//#region src/components/tags-input/TagsInputItem.vue
|
|
7
|
+
var TagsInputItem_default = /* @__PURE__ */ defineComponent({
|
|
8
|
+
__name: "TagsInputItem",
|
|
9
|
+
props: {
|
|
10
|
+
value: {},
|
|
11
|
+
disabled: { type: Boolean },
|
|
12
|
+
asChild: { type: Boolean },
|
|
13
|
+
as: {},
|
|
14
|
+
class: { type: [
|
|
15
|
+
Boolean,
|
|
16
|
+
null,
|
|
17
|
+
String,
|
|
18
|
+
Object,
|
|
19
|
+
Array
|
|
20
|
+
] }
|
|
21
|
+
},
|
|
22
|
+
setup(__props) {
|
|
23
|
+
const restProps = createPropsRestProxy(__props, ["class"]);
|
|
24
|
+
const forwardedProps = useForwardProps(restProps);
|
|
25
|
+
return (_ctx, _cache) => {
|
|
26
|
+
return openBlock(), createBlock(unref(TagsInputItem), mergeProps(unref(forwardedProps), { class: unref(cn)(unref(tagVariants)({ removable: true }), __props.class) }), {
|
|
27
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
28
|
+
_: 3
|
|
29
|
+
}, 16, ["class"]);
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
});
|
|
33
|
+
//#endregion
|
|
34
|
+
export { TagsInputItem_default as default };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { TagsInputItemDeleteProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = TagsInputItemDeleteProps & {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
};
|
|
6
|
+
declare var __VLS_8: {};
|
|
7
|
+
type __VLS_Slots = {} & {
|
|
8
|
+
default?: (props: typeof __VLS_8) => any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
11
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
12
|
+
declare const _default: typeof __VLS_export;
|
|
13
|
+
export default _default;
|
|
14
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
15
|
+
new (): {
|
|
16
|
+
$slots: S;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { t as TagRemoveButton_default } from "../shared/TagRemoveButton-BiCdscIC.js";
|
|
2
|
+
import { createBlock, createElementVNode, createPropsRestProxy, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
3
|
+
import { TagsInputItemDelete, useForwardProps } from "reka-ui";
|
|
4
|
+
//#endregion
|
|
5
|
+
//#region src/components/tags-input/TagsInputItemDelete.vue
|
|
6
|
+
var TagsInputItemDelete_default = /* @__PURE__ */ defineComponent({
|
|
7
|
+
__name: "TagsInputItemDelete",
|
|
8
|
+
props: {
|
|
9
|
+
asChild: { type: Boolean },
|
|
10
|
+
as: {},
|
|
11
|
+
class: { type: [
|
|
12
|
+
Boolean,
|
|
13
|
+
null,
|
|
14
|
+
String,
|
|
15
|
+
Object,
|
|
16
|
+
Array
|
|
17
|
+
] }
|
|
18
|
+
},
|
|
19
|
+
setup(__props) {
|
|
20
|
+
const restProps = createPropsRestProxy(__props, ["class"]);
|
|
21
|
+
const forwardedProps = useForwardProps(restProps);
|
|
22
|
+
return (_ctx, _cache) => {
|
|
23
|
+
return openBlock(), createBlock(unref(TagsInputItemDelete), mergeProps(unref(forwardedProps), {
|
|
24
|
+
as: unref(TagRemoveButton_default),
|
|
25
|
+
"aria-labelledby": void 0,
|
|
26
|
+
class: __props.class
|
|
27
|
+
}), {
|
|
28
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createElementVNode("i", { class: "icon-[lucide--x]" }, null, -1))])]),
|
|
29
|
+
_: 3
|
|
30
|
+
}, 16, ["as", "class"]);
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
//#endregion
|
|
35
|
+
export { TagsInputItemDelete_default as default };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { TagsInputItemTextProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = TagsInputItemTextProps & {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
7
|
+
declare const _default: typeof __VLS_export;
|
|
8
|
+
export default _default;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { t as cn } from "../shared/src-CnJ6AzLP.js";
|
|
2
|
+
import { createBlock, createPropsRestProxy, defineComponent, mergeProps, openBlock, unref } from "vue";
|
|
3
|
+
import { TagsInputItemText, useForwardProps } from "reka-ui";
|
|
4
|
+
//#endregion
|
|
5
|
+
//#region src/components/tags-input/TagsInputItemText.vue
|
|
6
|
+
var TagsInputItemText_default = /* @__PURE__ */ defineComponent({
|
|
7
|
+
__name: "TagsInputItemText",
|
|
8
|
+
props: {
|
|
9
|
+
asChild: { type: Boolean },
|
|
10
|
+
as: {},
|
|
11
|
+
class: { type: [
|
|
12
|
+
Boolean,
|
|
13
|
+
null,
|
|
14
|
+
String,
|
|
15
|
+
Object,
|
|
16
|
+
Array
|
|
17
|
+
] }
|
|
18
|
+
},
|
|
19
|
+
setup(__props) {
|
|
20
|
+
const restProps = createPropsRestProxy(__props, ["class"]);
|
|
21
|
+
const forwardedProps = useForwardProps(restProps);
|
|
22
|
+
return (_ctx, _cache) => {
|
|
23
|
+
return openBlock(), createBlock(unref(TagsInputItemText), mergeProps(unref(forwardedProps), { class: unref(cn)("min-w-0 truncate bg-transparent text-xs", __props.class) }), null, 16, ["class"]);
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
//#endregion
|
|
28
|
+
export { TagsInputItemText_default as default };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
class?: HTMLAttributes['class'];
|
|
4
|
+
};
|
|
5
|
+
type __VLS_ModelProps = {
|
|
6
|
+
modelValue?: string | number;
|
|
7
|
+
};
|
|
8
|
+
type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
|
|
9
|
+
declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
10
|
+
focus: () => void | undefined;
|
|
11
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
12
|
+
"update:modelValue": (value: string | number | undefined) => any;
|
|
13
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
14
|
+
"onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
|
|
15
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
|
+
declare const _default: typeof __VLS_export;
|
|
17
|
+
export default _default;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { t as cn } from "../shared/src-CnJ6AzLP.js";
|
|
2
|
+
import { createElementBlock, defineComponent, mergeModels, normalizeClass, openBlock, unref, useModel, useTemplateRef, vModelText, withDirectives } from "vue";
|
|
3
|
+
//#endregion
|
|
4
|
+
//#region src/components/textarea/Textarea.vue
|
|
5
|
+
var Textarea_default = /* @__PURE__ */ defineComponent({
|
|
6
|
+
__name: "Textarea",
|
|
7
|
+
props: /*@__PURE__*/ mergeModels({ class: { type: [
|
|
8
|
+
Boolean,
|
|
9
|
+
null,
|
|
10
|
+
String,
|
|
11
|
+
Object,
|
|
12
|
+
Array
|
|
13
|
+
] } }, {
|
|
14
|
+
"modelValue": {},
|
|
15
|
+
"modelModifiers": {}
|
|
16
|
+
}),
|
|
17
|
+
emits: ["update:modelValue"],
|
|
18
|
+
setup(__props, { expose: __expose }) {
|
|
19
|
+
const modelValue = useModel(__props, "modelValue");
|
|
20
|
+
const textareaEl = useTemplateRef("textareaEl");
|
|
21
|
+
__expose({ focus: () => textareaEl.value?.focus() });
|
|
22
|
+
return (_ctx, _cache) => {
|
|
23
|
+
return withDirectives((openBlock(), createElementBlock("textarea", {
|
|
24
|
+
ref_key: "textareaEl",
|
|
25
|
+
ref: textareaEl,
|
|
26
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
|
|
27
|
+
class: normalizeClass(unref(cn)("flex min-h-16 w-full scrollbar-gutter-stable rounded-lg border-none bg-secondary px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 aria-invalid:ring-1 aria-invalid:ring-destructive", __props.class))
|
|
28
|
+
}, null, 2)), [[vModelText, modelValue.value]]);
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
//#endregion
|
|
33
|
+
export { Textarea_default as default };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ToastCloseProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = ToastCloseProps & {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
7
|
+
declare const _default: typeof __VLS_export;
|
|
8
|
+
export default _default;
|