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

package/dist/shared/SearchableSingleSelect-DQauLQWW.js

@@ -0,0 +1,182 @@
+import { t as cn } from "./src-DTwuqov4.js";
+import { a as selectItemVariants, i as selectEmptyMessageClass, o as selectTriggerVariants, r as selectDropdownClass, s as stopEscapeToDocument, t as selectContentClass } from "./select.variants-cRXaATWS.js";
+import { useSelectSearch } from "../select/useSelectSearch.js";
+import { useAttrsClass } from "../composables/useAttrsClass.js";
+import { usePopoverSizing } from "../composables/usePopoverSizing.js";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useModel, useTemplateRef, watch, withCtx, withModifiers } from "vue";
+import { ComboboxAnchor, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxPortal, ComboboxRoot, ComboboxTrigger, ComboboxViewport, FocusScope } from "reka-ui";
+import { unrefElement } from "@vueuse/core";
+// src/components/single-select/SearchableSingleSelect.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "icon-[lucide--loader-circle] animate-spin text-muted-foreground"
+};
+var _hoisted_2 = { class: "truncate" };
+var _hoisted_3 = { class: "px-2 pt-2" };
+var _hoisted_4 = { class: "flex items-center gap-2 rounded-lg border px-3 py-1.5" };
+var _hoisted_5 = { class: "truncate" };
+// src/components/single-select/SearchableSingleSelect.vue
+var SearchableSingleSelect_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "SearchableSingleSelect",
+	props: /*@__PURE__*/ mergeModels({
+		label: {},
+		accessibleLabel: {},
+		searchLabel: {},
+		emptyText: {},
+		options: { default: () => [] },
+		size: { default: "lg" },
+		invalid: {
+			type: Boolean,
+			default: false
+		},
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		searchPlaceholder: {},
+		listMaxHeight: { default: "28rem" },
+		popoverMinWidth: {},
+		popoverMaxWidth: {},
+		contentStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	}, {
+		"modelValue": { required: true },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const { attrsClass, attrsWithoutClass } = useAttrsClass();
+		const selectedItem = useModel(__props, "modelValue");
+		const triggerRef = useTemplateRef("trigger");
+		const isOpen = ref(false);
+		const searchQuery = ref("");
+		const filteredOptions = useSelectSearch(searchQuery, () => __props.options);
+		const selectedOption = computed({
+			get: () => __props.options.find(({ value }) => value === selectedItem.value),
+			set: (option) => {
+				selectedItem.value = option?.value;
+			}
+		});
+		watch(isOpen, (open) => {
+			if (!open) searchQuery.value = "";
+		});
+		function onContentKeydown(event) {
+			if (event.key === "Tab") {
+				unrefElement(triggerRef)?.focus();
+				isOpen.value = false;
+				return;
+			}
+			if (event.key === "Escape") {
+				stopEscapeToDocument(event);
+				isOpen.value = false;
+			}
+		}
+		const optionStyle = usePopoverSizing({
+			minWidth: __props.popoverMinWidth,
+			maxWidth: __props.popoverMaxWidth
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ComboboxRoot), {
+				modelValue: selectedOption.value,
+				"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => selectedOption.value = $event),
+				open: isOpen.value,
+				"onUpdate:open": _cache[4] || (_cache[4] = ($event) => isOpen.value = $event),
+				by: "value",
+				disabled: __props.disabled,
+				"ignore-filter": ""
+			}, {
+				default: withCtx(() => [createVNode(unref(ComboboxAnchor), { "as-child": "" }, {
+					default: withCtx(() => [createVNode(unref(ComboboxTrigger), mergeProps({ ref: "trigger" }, unref(attrsWithoutClass), {
+						tabindex: "0",
+						"aria-label": __props.accessibleLabel,
+						"aria-busy": __props.loading || void 0,
+						"aria-invalid": __props.invalid || void 0,
+						class: unref(cn)(unref(selectTriggerVariants)({
+							size: __props.size,
+							border: __props.invalid ? "invalid" : "none"
+						}), unref(attrsClass))
+					}), {
+						default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(cn)("flex flex-1 items-center gap-2 overflow-hidden py-2 pl-2", __props.size === "md" ? "text-xs" : "text-sm")) }, [__props.loading ? (openBlock(), createElementBlock("i", _hoisted_1)) : renderSlot(_ctx.$slots, "icon", {}, void 0, void 0, 1), createElementVNode("span", _hoisted_2, toDisplayString(selectedOption.value?.name ?? __props.label), 1)], 2), createElementVNode("div", { class: normalizeClass(unref(selectDropdownClass)) }, [..._cache[5] || (_cache[5] = [createElementVNode("i", { class: "icon-[lucide--chevron-down] text-muted-foreground" }, null, -1)])], 2)]),
+						_: 3
+					}, 16, [
+						"aria-label",
+						"aria-busy",
+						"aria-invalid",
+						"class"
+					])]),
+					_: 3
+				}), (openBlock(), createBlock(unref(ComboboxPortal), { key: Number(isOpen.value) }, {
+					default: withCtx(() => [createVNode(unref(ComboboxContent), {
+						position: "popper",
+						"side-offset": 8,
+						align: "start",
+						style: normalizeStyle([unref(optionStyle), __props.contentStyle]),
+						class: normalizeClass(unref(cn)(unref(selectContentClass), "min-w-(--reka-combobox-trigger-width)")),
+						onKeydown: onContentKeydown
+					}, {
+						default: withCtx(() => [createVNode(unref(FocusScope), {
+							class: "contents",
+							onMountAutoFocus: _cache[1] || (_cache[1] = withModifiers(() => {}, ["prevent"])),
+							onUnmountAutoFocus: _cache[2] || (_cache[2] = withModifiers(() => {}, ["prevent"]))
+						}, {
+							default: withCtx(() => [createElementVNode("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [_cache[6] || (_cache[6] = createElementVNode("i", { class: "icon-[lucide--search] text-muted-foreground" }, null, -1)), createVNode(unref(ComboboxInput), {
+								modelValue: searchQuery.value,
+								"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
+								"aria-label": __props.searchLabel,
+								placeholder: __props.searchPlaceholder,
+								class: "w-full border-none bg-transparent text-sm outline-none"
+							}, null, 8, [
+								"modelValue",
+								"aria-label",
+								"placeholder"
+							])])]), createVNode(unref(ComboboxViewport), {
+								style: normalizeStyle({ maxHeight: `min(${__props.listMaxHeight}, 50vh)` }),
+								class: "scrollbar-custom w-full"
+							}, {
+								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(filteredOptions), (opt) => {
+									return openBlock(), createBlock(unref(ComboboxItem), {
+										key: opt.value,
+										value: opt,
+										class: normalizeClass(unref(selectItemVariants)({ layout: "single" }))
+									}, {
+										default: withCtx(() => [createElementVNode("span", _hoisted_5, toDisplayString(opt.name), 1), createVNode(unref(ComboboxItemIndicator), { class: "flex shrink-0 items-center justify-center" }, {
+											default: withCtx(() => [..._cache[7] || (_cache[7] = [createElementVNode("i", {
+												class: "icon-[lucide--check] text-foreground",
+												"aria-hidden": "true"
+											}, null, -1)])]),
+											_: 1
+										})]),
+										_: 2
+									}, 1032, ["value", "class"]);
+								}), 128)), createVNode(unref(ComboboxEmpty), { class: normalizeClass(unref(selectEmptyMessageClass)) }, {
+									default: withCtx(() => [createTextVNode(toDisplayString(__props.emptyText), 1)]),
+									_: 1
+								}, 8, ["class"])]),
+								_: 1
+							}, 8, ["style"])]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, ["style", "class"])]),
+					_: 1
+				}))]),
+				_: 3
+			}, 8, [
+				"modelValue",
+				"open",
+				"disabled"
+			]);
+		};
+	}
+});
+export { SearchableSingleSelect_default as t };

package/dist/shared/Select-DtVgv7Po.js

@@ -0,0 +1,31 @@
+import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { SelectRoot, useForwardPropsEmits } from "reka-ui";
+// src/components/select/Select.vue
+var Select_default = /* @__PURE__ */ defineComponent({
+	__name: "Select",
+	props: {
+		open: { type: Boolean },
+		defaultOpen: { type: Boolean },
+		defaultValue: {},
+		modelValue: {},
+		nullableValue: {},
+		by: { type: [String, Function] },
+		dir: {},
+		multiple: { type: Boolean },
+		autocomplete: {},
+		disabled: { type: Boolean },
+		name: {},
+		required: { type: Boolean }
+	},
+	emits: ["update:modelValue", "update:open"],
+	setup(__props, { emit: __emit }) {
+		const forwarded = useForwardPropsEmits(__props, __emit);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(SelectRoot), normalizeProps(guardReactiveProps(unref(forwarded))), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+export { Select_default as t };

package/dist/shared/SelectContent-Ba1mCDWM.js

@@ -0,0 +1,89 @@
+import { t as cn } from "./src-DTwuqov4.js";
+import { t as SelectScrollDownButton_default } from "./SelectScrollDownButton-DYmxtida.js";
+import { t as SelectScrollUpButton_default } from "./SelectScrollUpButton-DiyvSb9O.js";
+import { computed, createBlock, createPropsRestProxy, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { SelectContent, SelectPortal, SelectViewport, useForwardPropsEmits } from "reka-ui";
+// src/components/select/SelectContent.vue
+var SelectContent_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "SelectContent",
+	props: {
+		forceMount: { type: Boolean },
+		position: { default: "popper" },
+		bodyLock: { type: Boolean },
+		loop: { type: Boolean },
+		memoDependencies: {},
+		side: {},
+		sideOffset: {},
+		sideFlip: { type: Boolean },
+		align: {},
+		alignOffset: {},
+		alignFlip: { type: Boolean },
+		avoidCollisions: { type: Boolean },
+		collisionBoundary: {},
+		collisionPadding: {},
+		arrowPadding: {},
+		hideShiftedArrow: { type: Boolean },
+		sticky: {},
+		hideWhenDetached: { type: Boolean },
+		positionStrategy: {},
+		updatePositionStrategy: {},
+		disableUpdateOnLayoutShift: { type: Boolean },
+		prioritizePosition: { type: Boolean },
+		reference: {},
+		dir: {},
+		asChild: { type: Boolean },
+		as: {},
+		disableOutsidePointerEvents: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		disablePortal: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: [
+		"closeAutoFocus",
+		"escapeKeyDown",
+		"pointerDownOutside"
+	],
+	setup(__props, { emit: __emit }) {
+		const restProps = createPropsRestProxy(__props, [
+			"position",
+			"disablePortal",
+			"class"
+		]);
+		const emits = __emit;
+		const delegatedProps = computed(() => ({
+			position: __props.position,
+			...restProps
+		}));
+		const forwarded = useForwardPropsEmits(delegatedProps, emits);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(SelectPortal), { disabled: __props.disablePortal }, {
+				default: withCtx(() => [createVNode(unref(SelectContent), mergeProps({
+					...unref(forwarded),
+					..._ctx.$attrs
+				}, { class: unref(cn)("relative z-overlay max-h-96 min-w-32 overflow-hidden", "mt-2 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 data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", __props.position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", __props.class) }), {
+					default: withCtx(() => [
+						renderSlot(_ctx.$slots, "prepend"),
+						createVNode(SelectScrollUpButton_default),
+						createVNode(unref(SelectViewport), { class: normalizeClass(unref(cn)("flex scrollbar-custom flex-col gap-0", __props.position === "popper" && "h-(--reka-select-trigger-height) w-full min-w-(--reka-select-trigger-width)")) }, {
+							default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+							_: 3
+						}, 8, ["class"]),
+						createVNode(SelectScrollDownButton_default)
+					]),
+					_: 3
+				}, 16, ["class"])]),
+				_: 3
+			}, 8, ["disabled"]);
+		};
+	}
+});
+export { SelectContent_default as t };

package/dist/shared/SelectItem-DaOr3TFS.js

@@ -0,0 +1,55 @@
+import { t as cn } from "./src-DTwuqov4.js";
+import { createBlock, createElementVNode, createPropsRestProxy, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { SelectItem, SelectItemIndicator, SelectItemText } from "reka-ui";
+// src/components/select/SelectItem.vue
+var SelectItem_default = /* @__PURE__ */ defineComponent({
+	__name: "SelectItem",
+	props: {
+		value: {},
+		disabled: { type: Boolean },
+		textValue: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		textClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		reserveIndicator: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const restProps = createPropsRestProxy(__props, [
+			"class",
+			"textClass",
+			"reserveIndicator"
+		]);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(SelectItem), mergeProps(restProps, { class: unref(cn)("relative flex w-full cursor-pointer items-center justify-between select-none", "gap-3 rounded-sm px-2 py-3 text-sm outline-none", "hover:bg-accent", "focus:bg-accent", "data-[state=checked]:bg-muted", "data-[state=checked]:hover:bg-muted", "data-disabled:pointer-events-none data-disabled:opacity-50", __props.class) }), {
+				default: withCtx(() => [createVNode(unref(SelectItemText), { class: normalizeClass(unref(cn)("truncate", __props.textClass)) }, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 8, ["class"]), createElementVNode("span", { class: normalizeClass(unref(cn)("flex shrink-0 items-center justify-center", __props.reserveIndicator ? "w-4" : "empty:hidden")) }, [createVNode(unref(SelectItemIndicator), { class: "flex items-center justify-center" }, {
+					default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("i", {
+						class: "icon-[lucide--check] text-foreground",
+						"aria-hidden": "true"
+					}, null, -1)])]),
+					_: 1
+				})], 2)]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+export { SelectItem_default as t };

package/dist/shared/SelectScrollDownButton-DYmxtida.js

@@ -0,0 +1,28 @@
+import { t as cn } from "./src-DTwuqov4.js";
+import { createBlock, createElementVNode, createPropsRestProxy, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { SelectScrollDownButton } from "reka-ui";
+// src/components/select/SelectScrollDownButton.vue
+var SelectScrollDownButton_default = /* @__PURE__ */ defineComponent({
+	__name: "SelectScrollDownButton",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(__props) {
+		const restProps = createPropsRestProxy(__props, ["class"]);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(SelectScrollDownButton), mergeProps(restProps, { class: unref(cn)("flex cursor-default items-center justify-center py-1 text-muted-foreground", __props.class) }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createElementVNode("i", { class: "icon-[lucide--chevron-down]" }, null, -1))])]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+export { SelectScrollDownButton_default as t };

package/dist/shared/SelectScrollUpButton-DiyvSb9O.js

@@ -0,0 +1,28 @@
+import { t as cn } from "./src-DTwuqov4.js";
+import { createBlock, createElementVNode, createPropsRestProxy, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { SelectScrollUpButton } from "reka-ui";
+// src/components/select/SelectScrollUpButton.vue
+var SelectScrollUpButton_default = /* @__PURE__ */ defineComponent({
+	__name: "SelectScrollUpButton",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(__props) {
+		const restProps = createPropsRestProxy(__props, ["class"]);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(SelectScrollUpButton), mergeProps(restProps, { class: unref(cn)("flex cursor-default items-center justify-center py-1 text-muted-foreground", __props.class) }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createElementVNode("i", { class: "icon-[lucide--chevron-up]" }, null, -1))])]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+export { SelectScrollUpButton_default as t };

package/dist/shared/SelectTrigger-BBicbVsI.js

@@ -0,0 +1,45 @@
+import { t as cn } from "./src-DTwuqov4.js";
+import { createBlock, createElementVNode, createPropsRestProxy, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { SelectIcon, SelectTrigger } from "reka-ui";
+// src/components/select/SelectTrigger.vue
+var SelectTrigger_default = /* @__PURE__ */ defineComponent({
+	__name: "SelectTrigger",
+	props: {
+		disabled: { type: Boolean },
+		reference: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		size: { default: "lg" },
+		invalid: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const restProps = createPropsRestProxy(__props, [
+			"class",
+			"size",
+			"invalid"
+		]);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(SelectTrigger), mergeProps(restProps, {
+				"aria-invalid": __props.invalid || void 0,
+				class: unref(cn)("flex w-full cursor-pointer items-center justify-between select-none", __props.size === "md" ? "h-8 px-3 py-1 text-xs" : "h-10 px-4 py-2 text-sm", "rounded-lg", "bg-secondary text-foreground", "transition-all duration-200 ease-in-out", "hover:bg-accent", "border-[2.5px] border-solid", __props.invalid ? "border-destructive" : "border-transparent focus:border-border", "focus:outline-none", "data-placeholder:text-muted-foreground", "disabled:cursor-not-allowed disabled:opacity-30 disabled:hover:bg-secondary", "[&>span]:truncate", __props.class)
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default"), createVNode(unref(SelectIcon), { "as-child": "" }, {
+					default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("i", { class: "icon-[lucide--chevron-down] text-muted-foreground" }, null, -1)])]),
+					_: 1
+				})]),
+				_: 3
+			}, 16, ["aria-invalid", "class"]);
+		};
+	}
+});
+export { SelectTrigger_default as t };

package/dist/shared/SelectValue-BjaQc-WU.js

@@ -0,0 +1,21 @@
+import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { SelectValue } from "reka-ui";
+// src/components/select/SelectValue.vue
+var SelectValue_default = /* @__PURE__ */ defineComponent({
+	__name: "SelectValue",
+	props: {
+		placeholder: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(SelectValue), normalizeProps(guardReactiveProps(props)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+export { SelectValue_default as t };

package/dist/shared/Switch-qavkHWMz.js

@@ -0,0 +1,61 @@
+import { t as cn } from "./src-DTwuqov4.js";
+import { createBlock, createElementVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, unref, useModel, withCtx } from "vue";
+import { SwitchRoot, SwitchThumb } from "reka-ui";
+// src/components/switch/Switch.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "pointer-events-none inline-flex h-5 w-9 items-center rounded-full border border-transparent bg-border px-0.5 transition-colors group-data-[state=checked]:bg-primary" };
+// src/components/switch/Switch.vue
+var Switch_default = /* @__PURE__ */ defineComponent({
+	__name: "Switch",
+	props: /*@__PURE__*/ mergeModels({
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: ""
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		readonly: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"modelValue": {
+			type: Boolean,
+			default: false
+		},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const modelValue = useModel(__props, "modelValue");
+		function updateModelValue(value) {
+			if (__props.readonly) return;
+			modelValue.value = value;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(SwitchRoot), {
+				"model-value": modelValue.value,
+				disabled: __props.disabled,
+				"aria-readonly": __props.readonly || void 0,
+				class: normalizeClass(unref(cn)("group inline-flex h-6 w-10 shrink-0 cursor-pointer touch-manipulation items-center justify-center rounded-full border-0 bg-transparent p-0 transition-shadow outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-readonly:cursor-default", __props.class)),
+				"onUpdate:modelValue": updateModelValue
+			}, {
+				default: withCtx(() => [createElementVNode("span", _hoisted_1, [createVNode(unref(SwitchThumb), { class: "pointer-events-none block size-4 rounded-full bg-background shadow-sm transition-transform data-[state=checked]:translate-x-3.5 data-[state=unchecked]:translate-x-0" })])]),
+				_: 1
+			}, 8, [
+				"model-value",
+				"disabled",
+				"aria-readonly",
+				"class"
+			]);
+		};
+	}
+});
+export { Switch_default as t };

package/dist/shared/TableHead-DpsXVMzk.js

@@ -0,0 +1,22 @@
+import { t as cn } from "./src-DTwuqov4.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+// src/components/table/TableHead.vue
+var TableHead_default = /* @__PURE__ */ defineComponent({
+	__name: "TableHead",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("th", {
+				scope: "col",
+				class: normalizeClass(unref(cn)("h-10 px-2 text-left align-middle font-normal whitespace-nowrap text-muted-foreground", __props.class))
+			}, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+export { TableHead_default as t };

package/dist/shared/TagRemoveButton-D919R-To.js

@@ -0,0 +1,36 @@
+import { t as Button_default } from "./Button-Dj_H5v3V.js";
+import { t as cn } from "./src-DTwuqov4.js";
+import { t as tagRemoveButtonVariants } from "./tag.variants-BEXRRbPc.js";
+import { createBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+// src/components/chip/TagRemoveButton.vue
+var TagRemoveButton_default = /* @__PURE__ */ defineComponent({
+	__name: "TagRemoveButton",
+	props: {
+		tooltip: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Button_default), {
+				tooltip: __props.tooltip,
+				type: "button",
+				variant: "textonly",
+				size: "icon-sm",
+				class: normalizeClass(unref(cn)(unref(tagRemoveButtonVariants)(), "opacity-60", __props.class))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createElementVNode("i", {
+					class: "icon-[lucide--x]",
+					"aria-hidden": "true"
+				}, null, -1))])]),
+				_: 3
+			}, 8, ["tooltip", "class"]);
+		};
+	}
+});
+export { TagRemoveButton_default as t };

package/dist/shared/TextTooltip-BNlZI515.js

@@ -0,0 +1,27 @@
+import { t as Tooltip_default } from "./Tooltip-4rCebVao.js";
+import { t as TooltipContent_default } from "./TooltipContent-0GR7hBNu.js";
+import { t as TooltipTrigger_default } from "./TooltipTrigger-64EIE5f2.js";
+import { createBlock, createTextVNode, createVNode, defineComponent, openBlock, renderSlot, toDisplayString, withCtx } from "vue";
+// src/components/tooltip/TextTooltip.vue
+var TextTooltip_default = /* @__PURE__ */ defineComponent({
+	__name: "TextTooltip",
+	props: {
+		text: {},
+		side: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Tooltip_default, { disabled: !__props.text }, {
+				default: withCtx(() => [createVNode(TooltipTrigger_default, { "as-child": "" }, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}), createVNode(TooltipContent_default, { side: __props.side }, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "content", {}, () => [createTextVNode(toDisplayString(__props.text), 1)])]),
+					_: 3
+				}, 8, ["side"])]),
+				_: 3
+			}, 8, ["disabled"]);
+		};
+	}
+});
+export { TextTooltip_default as t };

package/dist/shared/Tooltip-4rCebVao.js

@@ -0,0 +1,32 @@
+import { t as tooltipOpenOnClickKey } from "./tooltipContext-arEyjGQC.js";
+import { createBlock, createPropsRestProxy, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, provide, renderSlot, unref, withCtx } from "vue";
+import { TooltipRoot, useForwardPropsEmits } from "reka-ui";
+// src/components/tooltip/Tooltip.vue
+var Tooltip_default = /* @__PURE__ */ defineComponent({
+	__name: "Tooltip",
+	props: {
+		defaultOpen: { type: Boolean },
+		open: { type: Boolean },
+		delayDuration: {},
+		disableClosingTrigger: { type: Boolean },
+		disabled: { type: Boolean },
+		ignoreNonKeyboardFocus: { type: Boolean },
+		openOnClick: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["update:open"],
+	setup(__props, { emit: __emit }) {
+		const props = createPropsRestProxy(__props, ["disableClosingTrigger", "openOnClick"]);
+		const forwarded = useForwardPropsEmits(props, __emit);
+		provide(tooltipOpenOnClickKey, () => __props.openOnClick);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(TooltipRoot), mergeProps(unref(forwarded), { "disable-closing-trigger": __props.openOnClick || __props.disableClosingTrigger || void 0 }), {
+				default: withCtx((slotProps) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))]),
+				_: 3
+			}, 16, ["disable-closing-trigger"]);
+		};
+	}
+});
+export { Tooltip_default as t };