@comfyorg/design-system 1.1.0 → 1.3.0-alpha.0

package/dist/shared/TooltipContent-0GR7hBNu.js

@@ -0,0 +1,89 @@
+import { t as cn } from "./src-DTwuqov4.js";
+import { computed, createBlock, createCommentVNode, createElementVNode, createPropsRestProxy, createVNode, defineComponent, mergeProps, onUpdated, openBlock, ref, renderSlot, unref, useTemplateRef, watch, withCtx } from "vue";
+import { TooltipArrow, TooltipContent, TooltipPortal, injectTooltipRootContext, useForwardPropsEmits } from "reka-ui";
+// src/components/tooltip/TooltipContent.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "pointer-events-none" };
+var _hoisted_2 = {
+	ref: "text",
+	"data-testid": "tooltip-text"
+};
+// src/components/tooltip/TooltipContent.vue
+var TooltipContent_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "TooltipContent",
+	props: {
+		forceMount: { type: Boolean },
+		ariaLabel: {},
+		asChild: { type: Boolean },
+		as: {},
+		side: {},
+		sideOffset: { default: 4 },
+		align: {},
+		alignOffset: {},
+		avoidCollisions: { type: Boolean },
+		collisionBoundary: {},
+		collisionPadding: { default: 8 },
+		arrowPadding: {},
+		sticky: {},
+		hideWhenDetached: { type: Boolean },
+		positionStrategy: {},
+		updatePositionStrategy: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["escapeKeyDown", "pointerDownOutside"],
+	setup(__props, { emit: __emit }) {
+		const restProps = createPropsRestProxy(__props, [
+			"class",
+			"sideOffset",
+			"collisionPadding"
+		]);
+		const emits = __emit;
+		const rootContext = injectTooltipRootContext();
+		const textElement = useTemplateRef("text");
+		const repeatsTriggerName = ref(false);
+		function normalizedText(text) {
+			return text?.replace(/\s+/g, " ").trim() ?? "";
+		}
+		function syncRepeatsTriggerName() {
+			const trigger = rootContext.trigger.value;
+			const text = normalizedText(textElement.value?.textContent);
+			repeatsTriggerName.value = !!trigger && text !== "" && normalizedText(trigger.getAttribute("aria-label") ?? trigger.textContent) === text;
+		}
+		watch(textElement, syncRepeatsTriggerName, { flush: "post" });
+		onUpdated(syncRepeatsTriggerName);
+		const forwarded = useForwardPropsEmits(computed(() => ({
+			sideOffset: __props.sideOffset,
+			collisionPadding: __props.collisionPadding,
+			...restProps
+		})), emits);
+		return (_ctx, _cache) => {
+			return unref(rootContext).open.value ? (openBlock(), createBlock(unref(TooltipPortal), { key: 0 }, {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(unref(TooltipContent), mergeProps({
+					...unref(forwarded),
+					..._ctx.$attrs
+				}, {
+					"aria-label": restProps.ariaLabel ?? (repeatsTriggerName.value ? " " : void 0),
+					"data-slot": "tooltip-content",
+					"data-testid": "tooltip-content",
+					class: unref(cn)("z-overlay max-w-96 rounded-md border bg-background px-3 py-2 text-xs/tight whitespace-pre-line text-foreground shadow-md", __props.class),
+					onEscapeKeyDown: _cache[0] || (_cache[0] = ($event) => unref(rootContext).onClose())
+				}), {
+					default: withCtx(() => [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")], 512), createVNode(unref(TooltipArrow), {
+						width: 10,
+						height: 5,
+						class: "-mt-px fill-background stroke-border"
+					})]),
+					_: 3
+				}, 16, ["aria-label", "class"])])]),
+				_: 3
+			})) : createCommentVNode("", true);
+		};
+	}
+});
+export { TooltipContent_default as t };

package/dist/shared/TooltipTrigger-64EIE5f2.js

@@ -0,0 +1,63 @@
+import { t as tooltipOpenOnClickKey } from "./tooltipContext-arEyjGQC.js";
+import { createBlock, defineComponent, inject, mergeProps, onBeforeUnmount, openBlock, ref, renderSlot, unref, watch, withCtx } from "vue";
+import { TooltipTrigger, injectTooltipProviderContext, injectTooltipRootContext, useForwardProps } from "reka-ui";
+// src/components/tooltip/TooltipTrigger.vue
+var TooltipTrigger_default = /* @__PURE__ */ defineComponent({
+	__name: "TooltipTrigger",
+	props: {
+		reference: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const forwarded = useForwardProps(__props);
+		const rootContext = injectTooltipRootContext();
+		const providerContext = injectTooltipProviderContext();
+		const openOnClick = inject(tooltipOpenOnClickKey, () => false);
+		const hovered = ref(false);
+		let buttonsHeld = false;
+		watch(rootContext.disabled, (disabled) => {
+			if (disabled) rootContext.onClose();
+		});
+		watch(rootContext.open, (open) => {
+			if (open && buttonsHeld) rootContext.onClose();
+		});
+		watch(() => hovered.value || rootContext.open.value, (active, _, onCleanup) => {
+			if (!active) return;
+			const close = () => rootContext.onClose();
+			window.addEventListener("wheel", close, {
+				capture: true,
+				passive: true
+			});
+			onCleanup(() => window.removeEventListener("wheel", close, { capture: true }));
+		});
+		onBeforeUnmount(() => {
+			if (rootContext.open.value) providerContext.onClose();
+		});
+		function trackButtons(event) {
+			buttonsHeld = event.buttons !== 0;
+		}
+		function openOnMouseEnter(event) {
+			hovered.value = true;
+			trackButtons(event);
+			if (buttonsHeld || rootContext.disabled.value) return;
+			rootContext.onTriggerEnter();
+		}
+		function openOnClickIfEnabled() {
+			if (openOnClick() && !rootContext.disabled.value) rootContext.onOpen();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(TooltipTrigger), mergeProps(unref(forwarded), {
+				onPointerenter: openOnMouseEnter,
+				onPointerleave: _cache[0] || (_cache[0] = ($event) => hovered.value = false),
+				onPointermove: trackButtons,
+				onPointerup: trackButtons,
+				onClick: openOnClickIfEnabled
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+export { TooltipTrigger_default as t };

package/dist/shared/TransitionCollapse-VfBzyj5a.js

@@ -0,0 +1,108 @@
+import { Transition, computed, createBlock, defineComponent, onMounted, openBlock, ref, renderSlot, withCtx } from "vue";
+// src/components/transition/TransitionCollapse.vue?vue&type=script&setup=true&lang.ts
+var closed = "0px";
+// src/components/transition/TransitionCollapse.vue
+var TransitionCollapse_default = /* @__PURE__ */ defineComponent({
+	__name: "TransitionCollapse",
+	props: {
+		duration: { default: 150 },
+		easingEnter: { default: "ease-in-out" },
+		easingLeave: { default: "ease-in-out" },
+		opacityClosed: { default: 0 },
+		opacityOpened: { default: 1 },
+		disable: { type: Boolean }
+	},
+	setup(__props) {
+		const isMounted = ref(false);
+		onMounted(() => isMounted.value = true);
+		const animationDuration = computed(() => isMounted.value && !__props.disable ? __props.duration : 0);
+		function getElementStyle(element) {
+			return {
+				height: element.style.height,
+				width: element.style.width,
+				position: element.style.position,
+				visibility: element.style.visibility,
+				overflow: element.style.overflow,
+				paddingTop: element.style.paddingTop,
+				paddingBottom: element.style.paddingBottom,
+				borderTopWidth: element.style.borderTopWidth,
+				borderBottomWidth: element.style.borderBottomWidth,
+				marginTop: element.style.marginTop,
+				marginBottom: element.style.marginBottom
+			};
+		}
+		function prepareElement(element, initialStyle) {
+			const { width } = getComputedStyle(element);
+			element.style.width = width;
+			element.style.position = "absolute";
+			element.style.visibility = "hidden";
+			element.style.height = "";
+			const { height } = getComputedStyle(element);
+			element.style.width = initialStyle.width;
+			element.style.position = initialStyle.position;
+			element.style.visibility = initialStyle.visibility;
+			element.style.height = closed;
+			element.style.overflow = "hidden";
+			return initialStyle.height && initialStyle.height !== closed ? initialStyle.height : height;
+		}
+		function animateTransition(element, initialStyle, done, keyframes, options) {
+			const animation = element.animate(keyframes, options);
+			element.style.height = initialStyle.height;
+			animation.onfinish = () => {
+				element.style.overflow = initialStyle.overflow;
+				done();
+			};
+		}
+		function getEnterKeyframes(height, initialStyle) {
+			return [{
+				height: closed,
+				opacity: __props.opacityClosed,
+				paddingTop: closed,
+				paddingBottom: closed,
+				borderTopWidth: closed,
+				borderBottomWidth: closed,
+				marginTop: closed,
+				marginBottom: closed
+			}, {
+				height,
+				opacity: __props.opacityOpened,
+				paddingTop: initialStyle.paddingTop,
+				paddingBottom: initialStyle.paddingBottom,
+				borderTopWidth: initialStyle.borderTopWidth,
+				borderBottomWidth: initialStyle.borderBottomWidth,
+				marginTop: initialStyle.marginTop,
+				marginBottom: initialStyle.marginBottom
+			}];
+		}
+		function enterTransition(element, done) {
+			const HTMLElement = element;
+			const initialStyle = getElementStyle(HTMLElement);
+			animateTransition(HTMLElement, initialStyle, done, getEnterKeyframes(prepareElement(HTMLElement, initialStyle), initialStyle), {
+				duration: animationDuration.value,
+				easing: __props.easingEnter
+			});
+		}
+		function leaveTransition(element, done) {
+			const HTMLElement = element;
+			const initialStyle = getElementStyle(HTMLElement);
+			const { height } = getComputedStyle(HTMLElement);
+			HTMLElement.style.height = height;
+			HTMLElement.style.overflow = "hidden";
+			animateTransition(HTMLElement, initialStyle, done, getEnterKeyframes(height, initialStyle).reverse(), {
+				duration: animationDuration.value,
+				easing: __props.easingLeave
+			});
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Transition, {
+				css: false,
+				onEnter: enterTransition,
+				onLeave: leaveTransition
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			});
+		};
+	}
+});
+export { TransitionCollapse_default as t };

package/dist/shared/_plugin-vue_export-helper-DjkACiAr.js

@@ -0,0 +1,7 @@
+// \0plugin-vue:export-helper
+var _plugin_vue_export_helper_default = (sfc, props) => {
+	const target = sfc.__vccOpts || sfc;
+	for (const [key, val] of props) target[key] = val;
+	return target;
+};
+export { _plugin_vue_export_helper_default as t };

package/dist/shared/searchInput.variants-BdYHNjce.js

@@ -0,0 +1,46 @@
+import { cva } from "cva";
+// src/components/search-input/searchInput.variants.ts
+var searchInputVariants = cva({
+	base: "relative flex w-full cursor-text items-center rounded-lg bg-secondary text-foreground focus-within:ring-1 focus-within:ring-ring",
+	variants: {
+		size: {
+			sm: "h-6 p-1",
+			md: "h-8 px-2 py-1.5",
+			lg: "h-10 p-2",
+			xl: "h-12 p-2"
+		},
+		invalid: { true: "ring-1 ring-destructive" }
+	},
+	defaultVariants: { size: "md" }
+});
+var searchInputSizeConfig = {
+	sm: {
+		icon: "size-3",
+		iconPos: "left-2",
+		inputPl: "pl-6",
+		inputText: "text-xs",
+		clearPos: "left-1"
+	},
+	md: {
+		icon: "size-4",
+		iconPos: "left-3",
+		inputPl: "pl-7",
+		inputText: "text-xs",
+		clearPos: "left-2.5"
+	},
+	lg: {
+		icon: "size-4",
+		iconPos: "left-2.5",
+		inputPl: "pl-8",
+		inputText: "text-xs",
+		clearPos: "left-2.5"
+	},
+	xl: {
+		icon: "size-4",
+		iconPos: "left-2.5",
+		inputPl: "pl-8",
+		inputText: "text-xs",
+		clearPos: "left-2"
+	}
+};
+export { searchInputVariants as n, searchInputSizeConfig as t };

package/dist/shared/select.variants-cRXaATWS.js

@@ -0,0 +1,39 @@
+import { cva } from "cva";
+// src/select.variants.ts
+var selectTriggerVariants = cva({
+	base: "relative inline-flex cursor-pointer items-center rounded-lg border-[2.5px] border-solid bg-secondary text-foreground transition-all duration-200 ease-in-out outline-none select-none hover:bg-accent disabled:cursor-default disabled:opacity-30 disabled:hover:bg-secondary",
+	variants: {
+		size: {
+			md: "h-8",
+			lg: "h-10"
+		},
+		border: {
+			none: "border-transparent focus-visible:border-border data-[state=open]:border-border",
+			active: "border-foreground",
+			invalid: "border-destructive"
+		}
+	},
+	defaultVariants: {
+		size: "lg",
+		border: "none"
+	}
+});
+var selectItemVariants = cva({
+	base: "flex cursor-pointer items-center px-2 outline-none hover:bg-accent",
+	variants: { layout: {
+		multi: "h-10 shrink-0 gap-2 rounded-lg data-highlighted:bg-muted data-highlighted:hover:bg-muted",
+		single: "relative w-full justify-between gap-3 rounded-sm py-3 text-sm select-none focus:bg-accent data-[state=checked]:bg-muted data-[state=checked]:hover:bg-muted"
+	} },
+	defaultVariants: { layout: "multi" }
+});
+var selectContentClass = "z-overlay overflow-hidden rounded-lg p-2 bg-background text-foreground border border-solid shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2";
+var selectDropdownClass = "flex shrink-0 cursor-pointer items-center justify-center pl-3 [&_i]:size-5";
+var selectEmptyMessageClass = "px-3 pb-4 text-sm text-muted-foreground";
+var selectCountBadgeClass = "flex size-3.5 items-center justify-center rounded-full bg-foreground text-[9px] font-semibold text-background";
+function stopEscapeToDocument(event) {
+	if (event.key === "Escape") {
+		event.stopPropagation();
+		event.stopImmediatePropagation();
+	}
+}
+export { selectItemVariants as a, selectEmptyMessageClass as i, selectCountBadgeClass as n, selectTriggerVariants as o, selectDropdownClass as r, stopEscapeToDocument as s, selectContentClass as t };

package/dist/shared/src-DTwuqov4.js

@@ -0,0 +1,11 @@
+import { clsx } from "clsx";
+import { extendTailwindMerge } from "tailwind-merge";
+// ../tailwind-utils/src/index.ts
+var twMerge = extendTailwindMerge({ extend: { classGroups: {
+	"font-size": ["text-xxs", "text-xxxs"],
+	"max-h": [{ "max-h": ["none"] }]
+} } });
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+export { cn as t };

package/dist/shared/tabKeys-CP6c3wTY.js

@@ -0,0 +1,3 @@
+// src/components/tab/tabKeys.ts
+var TAB_LIST_INJECTION_KEY = Symbol("TabListContext");
+export { TAB_LIST_INJECTION_KEY as t };

package/dist/shared/tabs.variants-Cgk7bRhG.js

@@ -0,0 +1,22 @@
+import { cva } from "cva";
+// src/components/tabs/tabs.variants.ts
+var tabsListVariants = cva({
+	base: "inline-flex items-center gap-2",
+	variants: { variant: {
+		default: "",
+		bordered: "gap-1 border-b",
+		panel: "border-b border-solid bg-transparent py-2",
+		flush: "gap-0"
+	} },
+	defaultVariants: { variant: "default" }
+});
+var tabsTriggerVariants = cva({
+	base: "inline-flex h-8 shrink-0 cursor-pointer items-center justify-center gap-2 rounded-lg border-none bg-transparent px-2.5 text-sm whitespace-nowrap text-muted-foreground transition-all duration-200 outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-secondary data-[state=active]:text-foreground data-[state=inactive]:hover:bg-secondary/50",
+	variants: { variant: {
+		default: "",
+		panel: "m-1 mx-2 p-3",
+		flush: "h-auto rounded-none px-4 py-2 font-medium data-[state=active]:bg-transparent"
+	} },
+	defaultVariants: { variant: "default" }
+});
+export { tabsTriggerVariants as n, tabsListVariants as t };

package/dist/shared/tag.variants-BEXRRbPc.js

@@ -0,0 +1,33 @@
+import { cva } from "cva";
+// src/tag.variants.ts
+var tagVariants = cva({
+	base: "inline-flex h-6 max-w-full shrink-0 items-center justify-center gap-1 text-xs ring-offset-background backdrop-blur-sm data-[selected=true]:ring-2 data-[selected=true]:ring-foreground data-[selected=true]:ring-offset-1 data-[state=active]:ring-2 data-[state=active]:ring-foreground data-[state=active]:ring-offset-1 [&.ProseMirror-selectednode]:ring-2 [&.ProseMirror-selectednode]:ring-foreground [&.ProseMirror-selectednode]:ring-offset-1",
+	variants: {
+		shape: {
+			square: "rounded-sm bg-muted",
+			rounded: "rounded-full bg-secondary",
+			overlay: "rounded-sm bg-zinc-500/40 text-white/90"
+		},
+		state: {
+			default: "text-foreground",
+			unselected: "text-muted-foreground opacity-70",
+			selected: "text-foreground"
+		},
+		removable: {
+			true: "py-1 pr-1 pl-2",
+			false: "px-2 py-1"
+		},
+		interactive: {
+			true: "cursor-pointer transition-colors focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-1 hover:bg-accent focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:outline-none aria-disabled:cursor-not-allowed aria-disabled:opacity-50",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		shape: "square",
+		state: "default",
+		removable: false,
+		interactive: false
+	}
+});
+var tagRemoveButtonVariants = cva({ base: "w-4 overflow-hidden transition-[opacity,width] duration-150 hover:bg-transparent hover:opacity-100 data-disabled:pointer-events-none data-disabled:w-0 data-disabled:opacity-0" });
+export { tagVariants as n, tagRemoveButtonVariants as t };

package/dist/shared/tagsInputContext-C-X1-iNf.js

@@ -0,0 +1,4 @@
+// src/components/tags-input/tagsInputContext.ts
+var tagsInputFocusKey = Symbol("tagsInputFocus");
+var tagsInputIsEditingKey = Symbol("tagsInputIsEditing");
+export { tagsInputIsEditingKey as n, tagsInputFocusKey as t };

package/dist/shared/toggleGroup.variants-BuwGELw0.js

@@ -0,0 +1,38 @@
+import { cva } from "cva";
+// src/components/toggle-group/toggleGroup.variants.ts
+var toggleGroupVariantKey = Symbol("toggleGroupVariant");
+var toggleGroupVariants = cva({
+	base: "flex items-center justify-center gap-1",
+	variants: { variant: {
+		default: "bg-transparent",
+		outline: "bg-transparent"
+	} },
+	defaultVariants: { variant: "default" }
+});
+var toggleGroupItemVariants = cva({
+	base: [
+		"inline-flex items-center justify-center rounded-sm",
+		"cursor-pointer appearance-none border-none",
+		"text-center font-normal",
+		"transition-all duration-150 ease-in-out",
+		"focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-none",
+		"disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+		"data-[state=on]:bg-secondary data-[state=on]:text-foreground"
+	],
+	variants: {
+		variant: {
+			default: "bg-transparent text-muted-foreground hover:bg-secondary/50",
+			outline: "border bg-transparent text-muted-foreground hover:bg-secondary"
+		},
+		size: {
+			default: "h-7 px-3 text-sm",
+			sm: "h-6 px-5 py-[5px] text-xs",
+			lg: "h-9 px-4 text-sm"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+export { toggleGroupVariantKey as n, toggleGroupVariants as r, toggleGroupItemVariants as t };

package/dist/shared/tooltipContext-arEyjGQC.js

@@ -0,0 +1,3 @@
+// src/components/tooltip/tooltipContext.ts
+var tooltipOpenOnClickKey = Symbol("tooltipOpenOnClick");
+export { tooltipOpenOnClickKey as t };

package/dist/single-select/SearchableSingleSelect.vue.d.ts

@@ -0,0 +1,39 @@
+import { StyleValue } from 'vue';
+import { SelectOption } from '@comfyorg/design-system/lib/select/types';
+type __VLS_Props = {
+    label?: string;
+    accessibleLabel: string;
+    searchLabel: string;
+    emptyText: string;
+    options?: SelectOption<string | number>[];
+    size?: 'lg' | 'md';
+    invalid?: boolean;
+    loading?: boolean;
+    disabled?: boolean;
+    searchPlaceholder?: string;
+    listMaxHeight?: string;
+    popoverMinWidth?: string;
+    popoverMaxWidth?: string;
+    contentStyle?: StyleValue;
+};
+type __VLS_ModelProps = {
+    modelValue: string | number | undefined;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_22: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_22) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | undefined) => 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/single-select/SearchableSingleSelect.vue.js

@@ -0,0 +1 @@
+export { t as default } from "../shared/SearchableSingleSelect-DQauLQWW.js";

package/dist/single-select/SingleSelect.vue.d.ts

@@ -0,0 +1,38 @@
+type __VLS_ModelProps = {
+    modelValue: string | number | undefined;
+};
+declare var __VLS_9: {}, __VLS_24: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_9) => any;
+} & {
+    icon?: (props: typeof __VLS_24) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<(import('./types').SingleSelectBaseProps & {
+    searchable?: false;
+    searchLabel?: string;
+    emptyText?: string;
+} & __VLS_ModelProps) | (import('./types').SingleSelectBaseProps & {
+    searchable: boolean;
+    searchLabel: string;
+    emptyText: string;
+} & __VLS_ModelProps), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<(import('./types').SingleSelectBaseProps & {
+    searchable?: false;
+    searchLabel?: string;
+    emptyText?: string;
+} & __VLS_ModelProps) | (import('./types').SingleSelectBaseProps & {
+    searchable: boolean;
+    searchLabel: string;
+    emptyText: string;
+} & __VLS_ModelProps)> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | undefined) => 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;
+    };
+};