@comfyorg/design-system 1.0.1 → 1.2.0

package/dist/menu/menuStyles.js

@@ -0,0 +1,7 @@
+//#region src/components/menu/menuStyles.ts
+var menuContentClass = "z-overlay min-w-48 overflow-y-auto rounded-lg border bg-background p-1 text-foreground shadow-lg outline-none";
+var 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";
+var menuButtonClass = `${menuItemClass} w-full justify-start border-0 bg-transparent text-left hover:bg-accent focus-visible:bg-accent disabled:pointer-events-none disabled:opacity-50`;
+var selectedMenuButtonClass = "bg-muted hover:bg-muted focus-visible:bg-muted";
+//#endregion
+export { menuButtonClass, menuContentClass, menuItemClass, selectedMenuButtonClass };

package/dist/menu/mouseDownUtil.d.ts

@@ -0,0 +1,3 @@
+export declare const whileMouseDown: (elementOrEvent: HTMLElement | Event, callback: (iteration: number) => void, interval?: number) => {
+    dispose: () => void;
+};

package/dist/menu/types.d.ts

@@ -0,0 +1,69 @@
+import { OverlayIconProps } from '@comfyorg/design-system/common/OverlayIcon';
+export interface MenuItemCommandEvent {
+    originalEvent: Event;
+    item: MenuItem;
+}
+interface MenuItemMetadata {
+    label?: string | (() => string);
+    description?: string | (() => string);
+    icon?: string;
+    disabled?: boolean | (() => boolean);
+    visible?: boolean | (() => boolean);
+    key?: string;
+    class?: string | (() => string);
+    tooltip?: string;
+    shortcut?: string | (() => string | undefined);
+    badge?: string;
+    overlayIcon?: OverlayIconProps;
+    trailingIcon?: string;
+    presentation?: 'switch';
+}
+export interface MenuItemSeparator extends MenuItemMetadata {
+    separator: true;
+    command?: never;
+    items?: never;
+    checked?: never;
+    radioGroup?: never;
+}
+export interface MenuItemSubmenu extends MenuItemMetadata {
+    separator?: false;
+    items: MenuItem[];
+    command?: never;
+    checked?: never;
+    radioGroup?: never;
+}
+export interface MenuItemRadioGroup extends MenuItemMetadata {
+    separator?: false;
+    items?: never;
+    command?: never;
+    checked?: never;
+    radioGroup: {
+        value: string | (() => string);
+        options: {
+            value: string;
+            label: string;
+            icon?: string;
+            command: () => unknown;
+        }[];
+    };
+}
+export interface MenuItemAction extends MenuItemMetadata {
+    separator?: false;
+    items?: never;
+    radioGroup?: never;
+    command?: (event: MenuItemCommandEvent) => unknown;
+    checked?: boolean | (() => boolean);
+    pressAndHoldInterval?: number;
+    variant?: 'destructive';
+    /** Keeps a disabled item in keyboard focus order, marked `aria-disabled`, so its tooltip stays reachable. */
+    focusableWhenDisabled?: boolean;
+}
+export interface MenuRadioOption<T extends string = string> {
+    label: string;
+    value: T;
+    command?: () => unknown;
+    icon?: string;
+    tooltip?: string;
+}
+export type MenuItem = MenuItemSeparator | MenuItemSubmenu | MenuItemRadioGroup | MenuItemAction;
+export {};

package/dist/menu/usePointMenu.d.ts

@@ -0,0 +1,19 @@
+/**
+ * State for a non-modal menu opened from code at the event's pointer or element.
+ * Bind `menuProps` to a `Menu`; any outside press closes it, even one stopped before reaching the document.
+ */
+export declare function usePointMenu(onShow?: (event: Event) => void): {
+    open: import('vue').Ref<boolean, boolean>;
+    menuProps: import('vue').ComputedRef<{
+        open: boolean;
+        'onUpdate:open': (value: boolean) => void;
+        reference: {
+            getBoundingClientRect: () => DOMRect;
+        } | undefined;
+        modal: boolean;
+        onFocusOutside: (event: Event) => void;
+    }>;
+    show: (event: Event) => void;
+    hide: () => void;
+    toggle: (event: Event) => void;
+};

package/dist/menu/usePointMenu.js

@@ -0,0 +1,56 @@
+import { getMenuAnchorPosition } from "./menuAnchor.js";
+import { computed, ref, shallowRef } from "vue";
+import { useEventListener } from "@vueuse/core";
+//#region src/components/menu/usePointMenu.ts
+/**
+* State for a non-modal menu opened from code at the event's pointer or element.
+* Bind `menuProps` to a `Menu`; any outside press closes it, even one stopped before reaching the document.
+*/
+function usePointMenu(onShow) {
+	const open = ref(false);
+	const reference = shallowRef();
+	let shownFrom = null;
+	let dismissingPress = null;
+	function show(event) {
+		dismissingPress = null;
+		shownFrom = event.currentTarget;
+		onShow?.(event);
+		const { x, y } = getMenuAnchorPosition(event);
+		reference.value = { getBoundingClientRect: () => new DOMRect(x, y, 1, 1) };
+		open.value = true;
+	}
+	function hide() {
+		dismissingPress = null;
+		open.value = false;
+	}
+	function toggle(event) {
+		const control = event.currentTarget;
+		const pressDismissedMenu = event instanceof MouseEvent && event.detail > 0 && control instanceof Node && control === shownFrom && dismissingPress !== null && control.contains(dismissingPress);
+		if (open.value || pressDismissedMenu) hide();
+		else show(event);
+	}
+	useEventListener(document, "pointerdown", ({ target }) => {
+		dismissingPress = null;
+		if (!open.value) return;
+		if (target instanceof Element && target.closest("[role=\"menu\"]")) return;
+		dismissingPress = target instanceof Node ? target : null;
+		open.value = false;
+	}, { capture: true });
+	return {
+		open,
+		menuProps: computed(() => ({
+			open: open.value,
+			"onUpdate:open": (value) => {
+				open.value = value;
+			},
+			reference: reference.value,
+			modal: false,
+			onFocusOutside: (event) => event.preventDefault()
+		})),
+		show,
+		hide,
+		toggle
+	};
+}
+//#endregion
+export { usePointMenu };

package/dist/message/Message.vue.d.ts

@@ -0,0 +1,50 @@
+import { HTMLAttributes } from 'vue';
+import { MessageVariants } from './message.variants';
+type __VLS_ModelProps = {
+    'visible'?: boolean;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<({
+    severity?: MessageVariants["severity"];
+    class?: HTMLAttributes["class"];
+} & {
+    closable: true;
+    closeLabel: string;
+} & __VLS_ModelProps) | ({
+    severity?: MessageVariants["severity"];
+    class?: HTMLAttributes["class"];
+} & {
+    closable?: false;
+    closeLabel?: string;
+} & __VLS_ModelProps), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (event: MouseEvent) => any;
+    "update:visible": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<({
+    severity?: MessageVariants["severity"];
+    class?: HTMLAttributes["class"];
+} & {
+    closable: true;
+    closeLabel: string;
+} & __VLS_ModelProps) | ({
+    severity?: MessageVariants["severity"];
+    class?: HTMLAttributes["class"];
+} & {
+    closable?: false;
+    closeLabel?: string;
+} & __VLS_ModelProps)> & Readonly<{
+    onClose?: ((event: MouseEvent) => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/message/Message.vue.js

@@ -0,0 +1,75 @@
+import { t as cn } from "../shared/src-CnJ6AzLP.js";
+import { t as Button_default } from "../shared/Button-CilmsOkY.js";
+import { messageVariants } from "./message.variants.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeModels, normalizeClass, openBlock, renderSlot, unref, useModel, withCtx } from "vue";
+//#region src/components/message/Message.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "shrink-0",
+	"aria-hidden": "true"
+};
+var _hoisted_2 = { class: "min-w-0 flex-1" };
+//#endregion
+//#region src/components/message/Message.vue
+var Message_default = /* @__PURE__ */ defineComponent({
+	__name: "Message",
+	props: /*@__PURE__*/ mergeModels({
+		severity: {},
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: ""
+		},
+		closable: { type: Boolean },
+		closeLabel: {}
+	}, {
+		"visible": {
+			type: Boolean,
+			default: true
+		},
+		"visibleModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["close"], ["update:visible"]),
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const visible = useModel(__props, "visible");
+		function close(event) {
+			visible.value = false;
+			emit("close", event);
+		}
+		return (_ctx, _cache) => {
+			return visible.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				role: "alert",
+				"aria-live": "assertive",
+				"aria-atomic": "true",
+				class: normalizeClass(unref(cn)(unref(messageVariants)({ severity: __props.severity }), __props.class))
+			}, [
+				_ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_1, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")]),
+				__props.closable ? (openBlock(), createBlock(unref(Button_default), {
+					key: 1,
+					type: "button",
+					variant: "textonly",
+					size: "unset",
+					class: "size-6 shrink-0 p-0 text-current",
+					"aria-label": __props.closeLabel,
+					onClick: close
+				}, {
+					default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("i", {
+						class: "icon-[lucide--x]",
+						"aria-hidden": "true"
+					}, null, -1)])]),
+					_: 1
+				}, 8, ["aria-label"])) : createCommentVNode("", true)
+			], 2)) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { Message_default as default };

package/dist/message/message.variants.d.ts

@@ -0,0 +1,11 @@
+import { VariantProps } from 'cva';
+export declare const messageVariants: (props?: ({
+    severity?: "error" | "warning" | "info" | "success" | "secondary" | undefined;
+} & ({
+    class?: import('cva').ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: import('cva').ClassValue;
+})) | undefined) => string;
+export type MessageVariants = VariantProps<typeof messageVariants>;

package/dist/message/message.variants.js

@@ -0,0 +1,15 @@
+import { cva } from "cva";
+//#region src/components/message/message.variants.ts
+var messageVariants = cva({
+	base: "flex w-full items-start gap-2 rounded-lg border px-3 py-2.75 text-sm",
+	variants: { severity: {
+		error: "border-destructive/40 bg-destructive/10 text-foreground",
+		warning: "border-warning/50 bg-warning/15 text-foreground",
+		info: "border-primary/40 bg-primary/10 text-foreground",
+		success: "border-success/50 bg-success/15 text-foreground",
+		secondary: "border-border/50 bg-secondary text-foreground"
+	} },
+	defaultVariants: { severity: "info" }
+});
+//#endregion
+export { messageVariants };

package/dist/multi-select/MultiSelect.vue.d.ts

@@ -0,0 +1,170 @@
+import { SelectOption } from '@comfyorg/design-system/lib/select/types';
+type __VLS_ModelProps = {
+    modelValue: SelectOption[];
+    'searchQuery'?: string;
+};
+declare var __VLS_15: {
+    selected: SelectOption[];
+};
+type __VLS_Slots = {} & {
+    value?: (props: typeof __VLS_15) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<(import('./types').MultiSelectBaseProps & {
+    showSearchBox?: false;
+    searchLabel?: string;
+} & {
+    showClearButton?: false;
+    clearAllLabel?: string;
+} & {
+    showSelectedCount?: false;
+    formatSelectedCount?: (count: number) => string;
+} & __VLS_ModelProps) | (import('./types').MultiSelectBaseProps & {
+    showSearchBox?: false;
+    searchLabel?: string;
+} & {
+    showClearButton?: false;
+    clearAllLabel?: string;
+} & {
+    showSelectedCount: boolean;
+    formatSelectedCount: (count: number) => string;
+} & __VLS_ModelProps) | (import('./types').MultiSelectBaseProps & {
+    showSearchBox?: false;
+    searchLabel?: string;
+} & {
+    showClearButton: boolean;
+    clearAllLabel: string;
+} & {
+    showSelectedCount?: false;
+    formatSelectedCount?: (count: number) => string;
+} & __VLS_ModelProps) | (import('./types').MultiSelectBaseProps & {
+    showSearchBox?: false;
+    searchLabel?: string;
+} & {
+    showClearButton: boolean;
+    clearAllLabel: string;
+} & {
+    showSelectedCount: boolean;
+    formatSelectedCount: (count: number) => string;
+} & __VLS_ModelProps) | (import('./types').MultiSelectBaseProps & {
+    showSearchBox: boolean;
+    searchLabel: string;
+} & {
+    showClearButton?: false;
+    clearAllLabel?: string;
+} & {
+    showSelectedCount?: false;
+    formatSelectedCount?: (count: number) => string;
+} & __VLS_ModelProps) | (import('./types').MultiSelectBaseProps & {
+    showSearchBox: boolean;
+    searchLabel: string;
+} & {
+    showClearButton?: false;
+    clearAllLabel?: string;
+} & {
+    showSelectedCount: boolean;
+    formatSelectedCount: (count: number) => string;
+} & __VLS_ModelProps) | (import('./types').MultiSelectBaseProps & {
+    showSearchBox: boolean;
+    searchLabel: string;
+} & {
+    showClearButton: boolean;
+    clearAllLabel: string;
+} & {
+    showSelectedCount?: false;
+    formatSelectedCount?: (count: number) => string;
+} & __VLS_ModelProps) | (import('./types').MultiSelectBaseProps & {
+    showSearchBox: boolean;
+    searchLabel: string;
+} & {
+    showClearButton: boolean;
+    clearAllLabel: string;
+} & {
+    showSelectedCount: boolean;
+    formatSelectedCount: (count: number) => string;
+} & __VLS_ModelProps), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: SelectOption[]) => any;
+    "update:searchQuery": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<(import('./types').MultiSelectBaseProps & {
+    showSearchBox?: false;
+    searchLabel?: string;
+} & {
+    showClearButton?: false;
+    clearAllLabel?: string;
+} & {
+    showSelectedCount?: false;
+    formatSelectedCount?: (count: number) => string;
+} & __VLS_ModelProps) | (import('./types').MultiSelectBaseProps & {
+    showSearchBox?: false;
+    searchLabel?: string;
+} & {
+    showClearButton?: false;
+    clearAllLabel?: string;
+} & {
+    showSelectedCount: boolean;
+    formatSelectedCount: (count: number) => string;
+} & __VLS_ModelProps) | (import('./types').MultiSelectBaseProps & {
+    showSearchBox?: false;
+    searchLabel?: string;
+} & {
+    showClearButton: boolean;
+    clearAllLabel: string;
+} & {
+    showSelectedCount?: false;
+    formatSelectedCount?: (count: number) => string;
+} & __VLS_ModelProps) | (import('./types').MultiSelectBaseProps & {
+    showSearchBox?: false;
+    searchLabel?: string;
+} & {
+    showClearButton: boolean;
+    clearAllLabel: string;
+} & {
+    showSelectedCount: boolean;
+    formatSelectedCount: (count: number) => string;
+} & __VLS_ModelProps) | (import('./types').MultiSelectBaseProps & {
+    showSearchBox: boolean;
+    searchLabel: string;
+} & {
+    showClearButton?: false;
+    clearAllLabel?: string;
+} & {
+    showSelectedCount?: false;
+    formatSelectedCount?: (count: number) => string;
+} & __VLS_ModelProps) | (import('./types').MultiSelectBaseProps & {
+    showSearchBox: boolean;
+    searchLabel: string;
+} & {
+    showClearButton?: false;
+    clearAllLabel?: string;
+} & {
+    showSelectedCount: boolean;
+    formatSelectedCount: (count: number) => string;
+} & __VLS_ModelProps) | (import('./types').MultiSelectBaseProps & {
+    showSearchBox: boolean;
+    searchLabel: string;
+} & {
+    showClearButton: boolean;
+    clearAllLabel: string;
+} & {
+    showSelectedCount?: false;
+    formatSelectedCount?: (count: number) => string;
+} & __VLS_ModelProps) | (import('./types').MultiSelectBaseProps & {
+    showSearchBox: boolean;
+    searchLabel: string;
+} & {
+    showClearButton: boolean;
+    clearAllLabel: string;
+} & {
+    showSelectedCount: boolean;
+    formatSelectedCount: (count: number) => string;
+} & __VLS_ModelProps)> & Readonly<{
+    "onUpdate:modelValue"?: ((value: SelectOption[]) => any) | undefined;
+    "onUpdate:searchQuery"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/multi-select/MultiSelect.vue.js

@@ -0,0 +1,137 @@
+import { useAttrsClass } from "../composables/useAttrsClass.js";
+import { usePopoverSizing } from "../composables/usePopoverSizing.js";
+import { t as MultiSelectContent_default } from "../shared/MultiSelectContent-c1D5avjh.js";
+import { t as MultiSelectTrigger_default } from "../shared/MultiSelectTrigger-lmuXqETa.js";
+import { createBlock, createSlots, createVNode, defineComponent, mergeModels, mergeProps, openBlock, ref, renderSlot, unref, useModel, withCtx } from "vue";
+import { ComboboxRoot } from "reka-ui";
+//#endregion
+//#region src/components/multi-select/MultiSelect.vue
+var MultiSelect_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "MultiSelect",
+	props: /*@__PURE__*/ mergeModels({
+		accessibleLabel: {},
+		emptyText: {},
+		label: {},
+		options: { default: () => [] },
+		size: { default: "lg" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		actionsPlacement: { default: "header" },
+		searchPlaceholder: {},
+		listMaxHeight: { default: "28rem" },
+		popoverMinWidth: {},
+		popoverMaxWidth: {},
+		contentStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		showSearchBox: {
+			type: Boolean,
+			default: false
+		},
+		searchLabel: {},
+		showClearButton: {
+			type: Boolean,
+			default: false
+		},
+		clearAllLabel: {},
+		showSelectedCount: {
+			type: Boolean,
+			default: false
+		},
+		formatSelectedCount: { type: Function }
+	}, {
+		"modelValue": { required: true },
+		"modelModifiers": {},
+		"searchQuery": { default: "" },
+		"searchQueryModifiers": {}
+	}),
+	emits: ["update:modelValue", "update:searchQuery"],
+	setup(__props) {
+		const { attrsClass, attrsWithoutClass } = useAttrsClass();
+		const selectedItems = useModel(__props, "modelValue");
+		const searchQuery = useModel(__props, "searchQuery");
+		const isOpen = ref(false);
+		const popoverStyle = usePopoverSizing({
+			minWidth: __props.popoverMinWidth,
+			maxWidth: __props.popoverMaxWidth
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ComboboxRoot), {
+				modelValue: selectedItems.value,
+				"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => selectedItems.value = $event),
+				open: isOpen.value,
+				"onUpdate:open": _cache[4] || (_cache[4] = ($event) => isOpen.value = $event),
+				multiple: "",
+				by: "value",
+				disabled: __props.disabled,
+				"ignore-filter": "",
+				"reset-search-term-on-select": false
+			}, {
+				default: withCtx(() => [createVNode(MultiSelectTrigger_default, mergeProps(unref(attrsWithoutClass), {
+					class: unref(attrsClass),
+					label: __props.label,
+					"accessible-label": __props.accessibleLabel,
+					"selected-items": selectedItems.value,
+					size: __props.size
+				}), createSlots({ _: 2 }, [_ctx.$slots.value ? {
+					name: "default",
+					fn: withCtx(({ selected }) => [renderSlot(_ctx.$slots, "value", { selected })]),
+					key: "0"
+				} : void 0]), 1040, [
+					"class",
+					"label",
+					"accessible-label",
+					"selected-items",
+					"size"
+				]), createVNode(MultiSelectContent_default, {
+					modelValue: selectedItems.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedItems.value = $event),
+					"search-query": searchQuery.value,
+					"onUpdate:searchQuery": _cache[1] || (_cache[1] = ($event) => searchQuery.value = $event),
+					options: __props.options,
+					"show-search-box": __props.showSearchBox,
+					"show-clear-button": __props.showClearButton,
+					"actions-placement": __props.actionsPlacement,
+					"search-placeholder": __props.searchPlaceholder,
+					"search-label": __props.searchLabel,
+					"empty-text": __props.emptyText,
+					"clear-all-label": __props.clearAllLabel,
+					"format-selected-count": __props.showSelectedCount ? __props.formatSelectedCount : void 0,
+					"list-max-height": __props.listMaxHeight,
+					"popover-style": unref(popoverStyle),
+					"content-style": __props.contentStyle,
+					onEscape: _cache[2] || (_cache[2] = ($event) => isOpen.value = false)
+				}, null, 8, [
+					"modelValue",
+					"search-query",
+					"options",
+					"show-search-box",
+					"show-clear-button",
+					"actions-placement",
+					"search-placeholder",
+					"search-label",
+					"empty-text",
+					"clear-all-label",
+					"format-selected-count",
+					"list-max-height",
+					"popover-style",
+					"content-style"
+				])]),
+				_: 3
+			}, 8, [
+				"modelValue",
+				"open",
+				"disabled"
+			]);
+		};
+	}
+});
+//#endregion
+export { MultiSelect_default as default };

package/dist/multi-select/MultiSelectContent.vue.d.ts

@@ -0,0 +1,32 @@
+import { StyleValue } from 'vue';
+import { SelectOption } from '@comfyorg/design-system/lib/select/types';
+type __VLS_Props = {
+    searchLabel?: string;
+    emptyText: string;
+    clearAllLabel?: string;
+    formatSelectedCount?: (count: number) => string;
+    options: SelectOption[];
+    showSearchBox: boolean;
+    showClearButton: boolean;
+    actionsPlacement: 'header' | 'footer';
+    searchPlaceholder?: string;
+    listMaxHeight: string;
+    popoverStyle: StyleValue;
+    contentStyle?: StyleValue;
+};
+type __VLS_ModelProps = {
+    modelValue: SelectOption[];
+    'searchQuery': string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    escape: () => any;
+    "update:modelValue": (value: SelectOption[]) => any;
+    "update:searchQuery": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onEscape?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: SelectOption[]) => any) | undefined;
+    "onUpdate:searchQuery"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/multi-select/MultiSelectContent.vue.js

@@ -0,0 +1,2 @@
+import { t as MultiSelectContent_default } from "../shared/MultiSelectContent-c1D5avjh.js";
+export { MultiSelectContent_default as default };

package/dist/multi-select/MultiSelectTrigger.vue.d.ts

@@ -0,0 +1,24 @@
+import { ClassValue } from 'cva';
+import { SelectOption } from '@comfyorg/design-system/lib/select/types';
+type __VLS_Props = {
+    class?: ClassValue;
+    label?: string;
+    accessibleLabel: string;
+    selectedItems: SelectOption[];
+    size: 'lg' | 'md';
+};
+declare var __VLS_14: {
+    selected: SelectOption[];
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+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>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};