@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,31 @@
|
|
|
1
|
+
import { MenuItem } from './types';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
id?: string;
|
|
4
|
+
model: MenuItem[];
|
|
5
|
+
};
|
|
6
|
+
type __VLS_ModelProps = {
|
|
7
|
+
'open'?: boolean;
|
|
8
|
+
};
|
|
9
|
+
type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
|
|
10
|
+
declare var __VLS_16: {}, __VLS_33: {
|
|
11
|
+
item: MenuItem;
|
|
12
|
+
hasSubmenu: boolean;
|
|
13
|
+
};
|
|
14
|
+
type __VLS_Slots = {} & {
|
|
15
|
+
default?: (props: typeof __VLS_16) => any;
|
|
16
|
+
} & {
|
|
17
|
+
item?: (props: typeof __VLS_33) => any;
|
|
18
|
+
};
|
|
19
|
+
declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
20
|
+
"update:open": (value: boolean) => any;
|
|
21
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
22
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
23
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
24
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
25
|
+
declare const _default: typeof __VLS_export;
|
|
26
|
+
export default _default;
|
|
27
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
28
|
+
new (): {
|
|
29
|
+
$slots: S;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { t as ContextMenuContent_default } from "../shared/ContextMenuContent-CNQHJQ81.js";
|
|
2
|
+
import { t as MenuItems_default } from "../shared/MenuItems-BJKetPV-.js";
|
|
3
|
+
import { createBlock, createSlots, createVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useModel, withCtx } from "vue";
|
|
4
|
+
import { ContextMenuRoot, ContextMenuTrigger } from "reka-ui";
|
|
5
|
+
//#endregion
|
|
6
|
+
//#region src/components/menu/ContextMenu.vue
|
|
7
|
+
var ContextMenu_default = /* @__PURE__ */ defineComponent({
|
|
8
|
+
inheritAttrs: false,
|
|
9
|
+
__name: "ContextMenu",
|
|
10
|
+
props: /*@__PURE__*/ mergeModels({
|
|
11
|
+
id: {},
|
|
12
|
+
model: {}
|
|
13
|
+
}, {
|
|
14
|
+
"open": {
|
|
15
|
+
type: Boolean,
|
|
16
|
+
default: false
|
|
17
|
+
},
|
|
18
|
+
"openModifiers": {}
|
|
19
|
+
}),
|
|
20
|
+
emits: ["update:open"],
|
|
21
|
+
setup(__props) {
|
|
22
|
+
const open = useModel(__props, "open");
|
|
23
|
+
function setOpen(value) {
|
|
24
|
+
open.value = value && __props.model.some((item) => toValue(item.visible) !== false);
|
|
25
|
+
}
|
|
26
|
+
return (_ctx, _cache) => {
|
|
27
|
+
return openBlock(), createBlock(unref(ContextMenuRoot), {
|
|
28
|
+
open: open.value,
|
|
29
|
+
modal: false,
|
|
30
|
+
"onUpdate:open": setOpen
|
|
31
|
+
}, {
|
|
32
|
+
default: withCtx(() => [createVNode(unref(ContextMenuTrigger), { "as-child": "" }, {
|
|
33
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
34
|
+
_: 3
|
|
35
|
+
}), createVNode(ContextMenuContent_default, mergeProps({ id: __props.id }, _ctx.$attrs, { class: "max-h-(--reka-context-menu-content-available-height)" }), {
|
|
36
|
+
default: withCtx(() => [createVNode(MenuItems_default, {
|
|
37
|
+
items: __props.model,
|
|
38
|
+
onSelect: _cache[0] || (_cache[0] = ($event) => open.value = false)
|
|
39
|
+
}, createSlots({ _: 2 }, [_ctx.$slots.item ? {
|
|
40
|
+
name: "item",
|
|
41
|
+
fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "item", normalizeProps(guardReactiveProps(slotProps)))]),
|
|
42
|
+
key: "0"
|
|
43
|
+
} : void 0]), 1032, ["items"])]),
|
|
44
|
+
_: 3
|
|
45
|
+
}, 16, ["id"])]),
|
|
46
|
+
_: 3
|
|
47
|
+
}, 8, ["open"]);
|
|
48
|
+
};
|
|
49
|
+
}
|
|
50
|
+
});
|
|
51
|
+
//#endregion
|
|
52
|
+
export { ContextMenu_default as default };
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { ContextMenuContentProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = ContextMenuContentProps & {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
};
|
|
6
|
+
declare var __VLS_14: {};
|
|
7
|
+
type __VLS_Slots = {} & {
|
|
8
|
+
default?: (props: typeof __VLS_14) => any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
11
|
+
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
12
|
+
pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
|
|
13
|
+
focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
|
|
14
|
+
interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
|
|
15
|
+
closeAutoFocus: (event: Event) => any;
|
|
16
|
+
openAutoFocus: (event: Event) => any;
|
|
17
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
18
|
+
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
19
|
+
onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
|
|
20
|
+
onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
|
|
21
|
+
onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
|
|
22
|
+
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
23
|
+
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
24
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
25
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
26
|
+
declare const _default: typeof __VLS_export;
|
|
27
|
+
export default _default;
|
|
28
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
29
|
+
new (): {
|
|
30
|
+
$slots: S;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { DropdownMenuContentProps } from 'reka-ui';
|
|
2
|
+
import { MenuItem, MenuItemAction } from './types';
|
|
3
|
+
type MenuProps = {
|
|
4
|
+
items?: MenuItem[];
|
|
5
|
+
label?: string;
|
|
6
|
+
modal?: boolean;
|
|
7
|
+
to?: string | HTMLElement;
|
|
8
|
+
} & Pick<DropdownMenuContentProps, 'align' | 'collisionPadding' | 'side' | 'sideOffset'>;
|
|
9
|
+
type __VLS_Props = MenuProps;
|
|
10
|
+
type __VLS_ModelProps = {
|
|
11
|
+
'open'?: boolean;
|
|
12
|
+
};
|
|
13
|
+
type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
|
|
14
|
+
declare var __VLS_14: {
|
|
15
|
+
open: boolean;
|
|
16
|
+
}, __VLS_28: {}, __VLS_40: {
|
|
17
|
+
item: MenuItem;
|
|
18
|
+
hasSubmenu: boolean;
|
|
19
|
+
};
|
|
20
|
+
type __VLS_Slots = {} & {
|
|
21
|
+
trigger?: (props: typeof __VLS_14) => any;
|
|
22
|
+
} & {
|
|
23
|
+
default?: (props: typeof __VLS_28) => any;
|
|
24
|
+
} & {
|
|
25
|
+
item?: (props: typeof __VLS_40) => any;
|
|
26
|
+
};
|
|
27
|
+
declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
28
|
+
"update:open": (value: boolean) => any;
|
|
29
|
+
activate: (item: MenuItemAction) => any;
|
|
30
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
31
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
32
|
+
onActivate?: ((item: MenuItemAction) => any) | undefined;
|
|
33
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
34
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
35
|
+
declare const _default: typeof __VLS_export;
|
|
36
|
+
export default _default;
|
|
37
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
38
|
+
new (): {
|
|
39
|
+
$slots: S;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { t as MenuItems_default } from "../shared/MenuItems-BJKetPV-.js";
|
|
2
|
+
import { t as MenuContent_default } from "../shared/MenuContent-ChqlM3xA.js";
|
|
3
|
+
import { createBlock, createCommentVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, normalizeProps, openBlock, renderSlot, toDisplayString, unref, useModel, withCtx } from "vue";
|
|
4
|
+
import { DropdownMenuLabel, DropdownMenuRoot, DropdownMenuTrigger } from "reka-ui";
|
|
5
|
+
//#endregion
|
|
6
|
+
//#region src/components/menu/Menu.vue
|
|
7
|
+
var Menu_default = /* @__PURE__ */ defineComponent({
|
|
8
|
+
inheritAttrs: false,
|
|
9
|
+
__name: "Menu",
|
|
10
|
+
props: /*@__PURE__*/ mergeModels({
|
|
11
|
+
items: { default: () => [] },
|
|
12
|
+
label: {},
|
|
13
|
+
modal: {
|
|
14
|
+
type: Boolean,
|
|
15
|
+
default: true
|
|
16
|
+
},
|
|
17
|
+
to: {},
|
|
18
|
+
align: { default: "start" },
|
|
19
|
+
collisionPadding: {},
|
|
20
|
+
side: {},
|
|
21
|
+
sideOffset: { default: 2 }
|
|
22
|
+
}, {
|
|
23
|
+
"open": {
|
|
24
|
+
type: Boolean,
|
|
25
|
+
default: false
|
|
26
|
+
},
|
|
27
|
+
"openModifiers": {}
|
|
28
|
+
}),
|
|
29
|
+
emits: /*@__PURE__*/ mergeModels(["activate"], ["update:open"]),
|
|
30
|
+
setup(__props, { emit: __emit }) {
|
|
31
|
+
const open = useModel(__props, "open");
|
|
32
|
+
const emit = __emit;
|
|
33
|
+
return (_ctx, _cache) => {
|
|
34
|
+
return openBlock(), createBlock(unref(DropdownMenuRoot), {
|
|
35
|
+
open: open.value,
|
|
36
|
+
"onUpdate:open": _cache[2] || (_cache[2] = ($event) => open.value = $event),
|
|
37
|
+
modal: __props.modal
|
|
38
|
+
}, {
|
|
39
|
+
default: withCtx(() => [createVNode(unref(DropdownMenuTrigger), { "as-child": "" }, {
|
|
40
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "trigger", { open: open.value })]),
|
|
41
|
+
_: 3
|
|
42
|
+
}), createVNode(MenuContent_default, mergeProps({
|
|
43
|
+
to: __props.to,
|
|
44
|
+
align: __props.align,
|
|
45
|
+
"collision-padding": __props.collisionPadding,
|
|
46
|
+
side: __props.side,
|
|
47
|
+
"side-offset": __props.sideOffset
|
|
48
|
+
}, _ctx.$attrs, { class: _ctx.$attrs.class }), {
|
|
49
|
+
default: withCtx(() => [__props.label ? (openBlock(), createBlock(unref(DropdownMenuLabel), {
|
|
50
|
+
key: 0,
|
|
51
|
+
class: "px-3 py-1.5 text-xs font-semibold text-muted-foreground"
|
|
52
|
+
}, {
|
|
53
|
+
default: withCtx(() => [createTextVNode(toDisplayString(__props.label), 1)]),
|
|
54
|
+
_: 1
|
|
55
|
+
})) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default", {}, () => [createVNode(MenuItems_default, {
|
|
56
|
+
items: __props.items,
|
|
57
|
+
onSelect: _cache[0] || (_cache[0] = ($event) => open.value = false),
|
|
58
|
+
onActivate: _cache[1] || (_cache[1] = ($event) => emit("activate", $event))
|
|
59
|
+
}, createSlots({ _: 2 }, [_ctx.$slots.item ? {
|
|
60
|
+
name: "item",
|
|
61
|
+
fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "item", normalizeProps(guardReactiveProps(slotProps)))]),
|
|
62
|
+
key: "0"
|
|
63
|
+
} : void 0]), 1032, ["items"])])]),
|
|
64
|
+
_: 3
|
|
65
|
+
}, 16, [
|
|
66
|
+
"to",
|
|
67
|
+
"align",
|
|
68
|
+
"collision-padding",
|
|
69
|
+
"side",
|
|
70
|
+
"side-offset",
|
|
71
|
+
"class"
|
|
72
|
+
])]),
|
|
73
|
+
_: 3
|
|
74
|
+
}, 8, ["open", "modal"]);
|
|
75
|
+
};
|
|
76
|
+
}
|
|
77
|
+
});
|
|
78
|
+
//#endregion
|
|
79
|
+
export { Menu_default as default };
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { MenuItemAction } from './types';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
allowCommandless?: boolean;
|
|
4
|
+
item: MenuItemAction;
|
|
5
|
+
};
|
|
6
|
+
declare var __VLS_17: {}, __VLS_19: {};
|
|
7
|
+
type __VLS_Slots = {} & {
|
|
8
|
+
default?: (props: typeof __VLS_17) => any;
|
|
9
|
+
} & {
|
|
10
|
+
default?: (props: typeof __VLS_19) => any;
|
|
11
|
+
};
|
|
12
|
+
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
13
|
+
select: () => any;
|
|
14
|
+
activate: (item: MenuItemAction) => any;
|
|
15
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
16
|
+
onSelect?: (() => any) | undefined;
|
|
17
|
+
onActivate?: ((item: MenuItemAction) => any) | undefined;
|
|
18
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
19
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
20
|
+
declare const _default: typeof __VLS_export;
|
|
21
|
+
export default _default;
|
|
22
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
23
|
+
new (): {
|
|
24
|
+
$slots: S;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { DropdownMenuContentProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = DropdownMenuContentProps & {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
to?: string | HTMLElement;
|
|
6
|
+
width?: 'default' | 'trigger' | 'compact';
|
|
7
|
+
maxHeight?: 'available' | 'compact' | 'viewport';
|
|
8
|
+
};
|
|
9
|
+
declare var __VLS_14: {};
|
|
10
|
+
type __VLS_Slots = {} & {
|
|
11
|
+
default?: (props: typeof __VLS_14) => any;
|
|
12
|
+
};
|
|
13
|
+
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
14
|
+
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
15
|
+
pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
|
|
16
|
+
focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
|
|
17
|
+
interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
|
|
18
|
+
closeAutoFocus: (event: Event) => any;
|
|
19
|
+
openAutoFocus: (event: Event) => any;
|
|
20
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
21
|
+
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
22
|
+
onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
|
|
23
|
+
onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
|
|
24
|
+
onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
|
|
25
|
+
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
26
|
+
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
27
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
28
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
29
|
+
declare const _default: typeof __VLS_export;
|
|
30
|
+
export default _default;
|
|
31
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
32
|
+
new (): {
|
|
33
|
+
$slots: S;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { DropdownMenuItemProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = DropdownMenuItemProps & {
|
|
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, {
|
|
11
|
+
select: (event: Event) => any;
|
|
12
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
13
|
+
onSelect?: ((event: Event) => any) | undefined;
|
|
14
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
15
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
16
|
+
declare const _default: typeof __VLS_export;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { t as cn } from "../shared/src-CnJ6AzLP.js";
|
|
2
|
+
import { menuItemClass } from "./menuStyles.js";
|
|
3
|
+
import { createBlock, createPropsRestProxy, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
4
|
+
import { DropdownMenuItem, useForwardPropsEmits } from "reka-ui";
|
|
5
|
+
//#endregion
|
|
6
|
+
//#region src/components/menu/MenuItem.vue
|
|
7
|
+
var MenuItem_default = /* @__PURE__ */ defineComponent({
|
|
8
|
+
__name: "MenuItem",
|
|
9
|
+
props: {
|
|
10
|
+
disabled: { type: Boolean },
|
|
11
|
+
textValue: {},
|
|
12
|
+
asChild: { type: Boolean },
|
|
13
|
+
as: {},
|
|
14
|
+
class: { type: [
|
|
15
|
+
Boolean,
|
|
16
|
+
null,
|
|
17
|
+
String,
|
|
18
|
+
Object,
|
|
19
|
+
Array
|
|
20
|
+
] }
|
|
21
|
+
},
|
|
22
|
+
emits: ["select"],
|
|
23
|
+
setup(__props, { emit: __emit }) {
|
|
24
|
+
const restProps = createPropsRestProxy(__props, ["class"]);
|
|
25
|
+
const forwarded = useForwardPropsEmits(restProps, __emit);
|
|
26
|
+
return (_ctx, _cache) => {
|
|
27
|
+
return openBlock(), createBlock(unref(DropdownMenuItem), mergeProps(unref(forwarded), { class: unref(cn)(unref(menuItemClass), __props.class) }), {
|
|
28
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
29
|
+
_: 3
|
|
30
|
+
}, 16, ["class"]);
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
//#endregion
|
|
35
|
+
export { MenuItem_default as default };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { MenuItem } from './types';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
hasSubmenu: boolean;
|
|
4
|
+
item: MenuItem;
|
|
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,32 @@
|
|
|
1
|
+
import { Slot } from 'vue';
|
|
2
|
+
import { MenuItem, MenuItemAction } from './types';
|
|
3
|
+
type MenuItemSlotProps = {
|
|
4
|
+
item: MenuItem;
|
|
5
|
+
hasSubmenu: boolean;
|
|
6
|
+
};
|
|
7
|
+
type __VLS_Props = {
|
|
8
|
+
items: MenuItem[];
|
|
9
|
+
itemContent?: Slot<MenuItemSlotProps>;
|
|
10
|
+
};
|
|
11
|
+
declare var __VLS_12: {
|
|
12
|
+
item: MenuItem;
|
|
13
|
+
hasSubmenu: boolean;
|
|
14
|
+
};
|
|
15
|
+
type __VLS_Slots = {} & {
|
|
16
|
+
item?: (props: typeof __VLS_12) => any;
|
|
17
|
+
};
|
|
18
|
+
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
19
|
+
select: () => any;
|
|
20
|
+
activate: (item: MenuItemAction) => any;
|
|
21
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
22
|
+
onSelect?: (() => any) | undefined;
|
|
23
|
+
onActivate?: ((item: MenuItemAction) => any) | undefined;
|
|
24
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
25
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
26
|
+
declare const _default: typeof __VLS_export;
|
|
27
|
+
export default _default;
|
|
28
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
29
|
+
new (): {
|
|
30
|
+
$slots: S;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { MenuRadioOption } from './types';
|
|
2
|
+
declare const __VLS_export: <T extends 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<{
|
|
3
|
+
props: import('vue').PublicProps & __VLS_PrettifyLocal<({
|
|
4
|
+
options: MenuRadioOption<T>[];
|
|
5
|
+
} & {
|
|
6
|
+
modelValue: T;
|
|
7
|
+
}) & {
|
|
8
|
+
onSelect?: ((event: Event) => any) | undefined;
|
|
9
|
+
"onUpdate:modelValue"?: ((value: T) => any) | undefined;
|
|
10
|
+
}> & (typeof globalThis extends {
|
|
11
|
+
__VLS_PROPS_FALLBACK: infer P;
|
|
12
|
+
} ? P : {});
|
|
13
|
+
expose: (exposed: {}) => void;
|
|
14
|
+
attrs: any;
|
|
15
|
+
slots: {};
|
|
16
|
+
emit: ((evt: "select", event: Event) => void) & ((event: "update:modelValue", value: T) => void);
|
|
17
|
+
}>) => import('vue').VNode & {
|
|
18
|
+
__ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
|
|
19
|
+
};
|
|
20
|
+
declare const _default: typeof __VLS_export;
|
|
21
|
+
export default _default;
|
|
22
|
+
type __VLS_PrettifyLocal<T> = (T extends any ? {
|
|
23
|
+
[K in keyof T]: T[K];
|
|
24
|
+
} : {
|
|
25
|
+
[K in keyof T as K]: T[K];
|
|
26
|
+
}) & {};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { DropdownMenuRadioItemProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = DropdownMenuRadioItemProps & {
|
|
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, {
|
|
11
|
+
select: (event: Event) => any;
|
|
12
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
13
|
+
onSelect?: ((event: Event) => any) | undefined;
|
|
14
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
15
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
16
|
+
declare const _default: typeof __VLS_export;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { DropdownMenuSeparatorProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = DropdownMenuSeparatorProps & {
|
|
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,20 @@
|
|
|
1
|
+
import { DropdownMenuSubProps } from 'reka-ui';
|
|
2
|
+
declare var __VLS_8: {
|
|
3
|
+
open: boolean;
|
|
4
|
+
};
|
|
5
|
+
type __VLS_Slots = {} & {
|
|
6
|
+
default?: (props: typeof __VLS_8) => any;
|
|
7
|
+
};
|
|
8
|
+
declare const __VLS_base: import('vue').DefineComponent<DropdownMenuSubProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
9
|
+
"update:open": (payload: boolean) => any;
|
|
10
|
+
}, string, import('vue').PublicProps, Readonly<DropdownMenuSubProps> & Readonly<{
|
|
11
|
+
"onUpdate:open"?: ((payload: boolean) => any) | undefined;
|
|
12
|
+
}>, {}, {}, {}, {}, 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,36 @@
|
|
|
1
|
+
import { DropdownMenuSubContentProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = DropdownMenuSubContentProps & {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
width?: 'default' | 'compact';
|
|
6
|
+
maxHeight?: 'available' | 'compact';
|
|
7
|
+
};
|
|
8
|
+
declare var __VLS_10: {};
|
|
9
|
+
type __VLS_Slots = {} & {
|
|
10
|
+
default?: (props: typeof __VLS_10) => any;
|
|
11
|
+
};
|
|
12
|
+
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
13
|
+
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
14
|
+
pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
|
|
15
|
+
focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
|
|
16
|
+
interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
|
|
17
|
+
closeAutoFocus: (event: Event) => any;
|
|
18
|
+
openAutoFocus: (event: Event) => any;
|
|
19
|
+
entryFocus: (event: Event) => any;
|
|
20
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
21
|
+
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
22
|
+
onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
|
|
23
|
+
onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
|
|
24
|
+
onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
|
|
25
|
+
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
26
|
+
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
27
|
+
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
28
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
29
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
30
|
+
declare const _default: typeof __VLS_export;
|
|
31
|
+
export default _default;
|
|
32
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
33
|
+
new (): {
|
|
34
|
+
$slots: S;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { DropdownMenuSubTriggerProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = DropdownMenuSubTriggerProps & {
|
|
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,21 @@
|
|
|
1
|
+
import { MenuItemRadioGroup, MenuItemSubmenu } from './types';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
item: MenuItemSubmenu | MenuItemRadioGroup;
|
|
4
|
+
};
|
|
5
|
+
declare var __VLS_14: {}, __VLS_22: {
|
|
6
|
+
items: import('./types').MenuItem[];
|
|
7
|
+
};
|
|
8
|
+
type __VLS_Slots = {} & {
|
|
9
|
+
default?: (props: typeof __VLS_14) => any;
|
|
10
|
+
} & {
|
|
11
|
+
content?: (props: typeof __VLS_22) => any;
|
|
12
|
+
};
|
|
13
|
+
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>;
|
|
14
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
15
|
+
declare const _default: typeof __VLS_export;
|
|
16
|
+
export default _default;
|
|
17
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
18
|
+
new (): {
|
|
19
|
+
$slots: S;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
//#region src/components/menu/menuAnchor.ts
|
|
2
|
+
function getMenuAnchorPosition(event) {
|
|
3
|
+
if (event instanceof MouseEvent && !(event.type === "click" && event.detail === 0)) return {
|
|
4
|
+
x: event.clientX,
|
|
5
|
+
y: event.clientY
|
|
6
|
+
};
|
|
7
|
+
const target = event.currentTarget ?? event.target;
|
|
8
|
+
const rect = target instanceof Element ? target.getBoundingClientRect() : null;
|
|
9
|
+
return {
|
|
10
|
+
x: rect?.left ?? 0,
|
|
11
|
+
y: rect?.top ?? 0
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
//#endregion
|
|
15
|
+
export { getMenuAnchorPosition };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare const menuContentClass = "z-overlay min-w-48 overflow-y-auto rounded-lg border bg-background p-1 text-foreground shadow-lg outline-none";
|
|
2
|
+
export declare const menuItemClass = "flex min-h-8 cursor-default items-center gap-2 rounded-md px-3 py-1.5 text-sm outline-none data-disabled:opacity-50 data-highlighted:bg-accent";
|
|
3
|
+
export declare const menuButtonClass = "flex min-h-8 cursor-default items-center gap-2 rounded-md px-3 py-1.5 text-sm outline-none data-disabled:opacity-50 data-highlighted:bg-accent w-full justify-start border-0 bg-transparent text-left hover:bg-accent focus-visible:bg-accent disabled:pointer-events-none disabled:opacity-50";
|
|
4
|
+
export declare const selectedMenuButtonClass = "bg-muted hover:bg-muted focus-visible:bg-muted";
|