@comfyorg/design-system 1.0.1 → 1.2.0

package/dist/shared/MultiSelectContent-c1D5avjh.js

@@ -0,0 +1,162 @@
+import { t as cn } from "./src-CnJ6AzLP.js";
+import { t as Button_default } from "./Button-CilmsOkY.js";
+import { a as selectItemVariants, i as selectEmptyMessageClass, s as stopEscapeToDocument, t as selectContentClass } from "./select.variants-BPn5Z7N1.js";
+import { useSelectSearch } from "../select/useSelectSearch.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, normalizeStyle, openBlock, renderList, toDisplayString, unref, useModel, withCtx, withModifiers } from "vue";
+import { ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxPortal, ComboboxViewport, FocusScope, injectComboboxRootContext } from "reka-ui";
+//#region src/components/multi-select/MultiSelectContent.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "px-2 pt-2 pb-0"
+};
+var _hoisted_2 = { class: "flex items-center gap-2 rounded-lg border px-3 py-1.5 text-sm" };
+var _hoisted_3 = {
+	key: 0,
+	class: "px-1 text-sm text-muted-foreground"
+};
+var _hoisted_4 = { class: "flex size-4 shrink-0 items-center justify-center rounded-sm transition-all duration-200 group-data-[state=checked]:bg-primary group-data-[state=unchecked]:bg-secondary [&>span]:flex" };
+var _hoisted_5 = {
+	key: 0,
+	class: "px-1 text-sm text-muted-foreground"
+};
+//#endregion
+//#region src/components/multi-select/MultiSelectContent.vue
+var MultiSelectContent_default = /* @__PURE__ */ defineComponent({
+	__name: "MultiSelectContent",
+	props: /*@__PURE__*/ mergeModels({
+		searchLabel: {},
+		emptyText: {},
+		clearAllLabel: {},
+		formatSelectedCount: { type: Function },
+		options: {},
+		showSearchBox: { type: Boolean },
+		showClearButton: { type: Boolean },
+		actionsPlacement: {},
+		searchPlaceholder: {},
+		listMaxHeight: {},
+		popoverStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		contentStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	}, {
+		"modelValue": { required: true },
+		"modelModifiers": {},
+		"searchQuery": { required: true },
+		"searchQueryModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["escape"], ["update:modelValue", "update:searchQuery"]),
+	setup(__props, { emit: __emit }) {
+		const { open } = injectComboboxRootContext();
+		const emit = __emit;
+		const selectedItems = useModel(__props, "modelValue");
+		const searchQuery = useModel(__props, "searchQuery");
+		const hasActions = computed(() => Boolean(__props.formatSelectedCount) || __props.showClearButton);
+		const actionsClass = computed(() => cn("flex shrink-0 items-center justify-between", __props.actionsPlacement === "header" ? "mt-2 border-b px-2 pb-4" : "-mx-2 mt-2 border-t px-4 pt-3 pb-1"));
+		const searchResults = useSelectSearch(searchQuery, () => __props.options);
+		const filteredOptions = computed(() => {
+			if (!searchQuery.value.trim()) return __props.options;
+			return [...selectedItems.value.filter((item) => !searchResults.value.some(({ value }) => value === item.value)), ...searchResults.value];
+		});
+		function onKeydown(event) {
+			if (event.key !== "Escape") return;
+			stopEscapeToDocument(event);
+			emit("escape");
+		}
+		function preventFocusDismiss(event) {
+			event.preventDefault();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ComboboxPortal), { key: Number(unref(open)) }, {
+				default: withCtx(() => [createVNode(unref(ComboboxContent), {
+					position: "popper",
+					"side-offset": 8,
+					align: "start",
+					style: normalizeStyle([__props.popoverStyle, __props.contentStyle]),
+					class: normalizeClass(unref(cn)(unref(selectContentClass), "flex flex-col")),
+					onKeydown,
+					onFocusOutside: preventFocusDismiss
+				}, {
+					default: withCtx(() => [createVNode(unref(FocusScope), {
+						class: "contents",
+						onMountAutoFocus: _cache[3] || (_cache[3] = withModifiers(() => {}, ["prevent"]))
+					}, {
+						default: withCtx(() => [
+							__props.showSearchBox ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [_cache[4] || (_cache[4] = 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),
+								placeholder: __props.searchPlaceholder,
+								"aria-label": __props.searchLabel,
+								class: "w-full border-none bg-transparent outline-none"
+							}, null, 8, [
+								"modelValue",
+								"placeholder",
+								"aria-label"
+							])])])) : createCommentVNode("", true),
+							hasActions.value && __props.actionsPlacement === "header" ? (openBlock(), createElementBlock("div", {
+								key: 1,
+								class: normalizeClass(actionsClass.value)
+							}, [__props.formatSelectedCount ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.formatSelectedCount(selectedItems.value.length)), 1)) : createCommentVNode("", true), __props.showClearButton ? (openBlock(), createBlock(unref(Button_default), {
+								key: 1,
+								variant: "textonly",
+								size: "md",
+								onClick: _cache[1] || (_cache[1] = withModifiers(($event) => selectedItems.value = [], ["stop"]))
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(__props.clearAllLabel), 1)]),
+								_: 1
+							})) : createCommentVNode("", true)], 2)) : createCommentVNode("", true),
+							createVNode(unref(ComboboxViewport), {
+								class: normalizeClass(unref(cn)("flex flex-col gap-0 p-0 text-sm", "scrollbar-custom overflow-y-auto", "min-w-(--reka-combobox-trigger-width)")),
+								style: normalizeStyle({ maxHeight: `min(${__props.listMaxHeight}, 50vh)` })
+							}, {
+								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(filteredOptions.value, (opt) => {
+									return openBlock(), createBlock(unref(ComboboxItem), {
+										key: opt.value,
+										value: opt,
+										class: normalizeClass(unref(cn)("group", unref(selectItemVariants)({ layout: "multi" })))
+									}, {
+										default: withCtx(() => [createElementVNode("div", _hoisted_4, [createVNode(unref(ComboboxItemIndicator), null, {
+											default: withCtx(() => [..._cache[5] || (_cache[5] = [createElementVNode("i", { class: "icon-[lucide--check] text-xs font-bold text-foreground" }, null, -1)])]),
+											_: 1
+										})]), createElementVNode("span", null, toDisplayString(opt.name), 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, ["class", "style"]),
+							hasActions.value && __props.actionsPlacement === "footer" ? (openBlock(), createElementBlock("div", {
+								key: 2,
+								class: normalizeClass(actionsClass.value)
+							}, [__props.formatSelectedCount ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.formatSelectedCount(selectedItems.value.length)), 1)) : createCommentVNode("", true), __props.showClearButton ? (openBlock(), createBlock(unref(Button_default), {
+								key: 1,
+								variant: "textonly",
+								size: "md",
+								onClick: _cache[2] || (_cache[2] = withModifiers(($event) => selectedItems.value = [], ["stop"]))
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(__props.clearAllLabel), 1)]),
+								_: 1
+							})) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)
+						]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["style", "class"])]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { MultiSelectContent_default as t };

package/dist/shared/MultiSelectTrigger-lmuXqETa.js

@@ -0,0 +1,52 @@
+import { t as cn } from "./src-CnJ6AzLP.js";
+import { n as selectCountBadgeClass, o as selectTriggerVariants, r as selectDropdownClass } from "./select.variants-BPn5Z7N1.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { ComboboxAnchor, ComboboxTrigger } from "reka-ui";
+//#region src/components/multi-select/MultiSelectTrigger.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex flex-1 items-center overflow-hidden py-2 pl-2 whitespace-nowrap" };
+var _hoisted_2 = { class: "truncate text-sm" };
+//#endregion
+//#region src/components/multi-select/MultiSelectTrigger.vue
+var MultiSelectTrigger_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "MultiSelectTrigger",
+	props: {
+		class: { type: [
+			Array,
+			Object,
+			String,
+			Number,
+			null,
+			Boolean
+		] },
+		label: {},
+		accessibleLabel: {},
+		selectedItems: {},
+		size: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ComboboxAnchor), { "as-child": "" }, {
+				default: withCtx(() => [createVNode(unref(ComboboxTrigger), mergeProps(_ctx.$attrs, {
+					"aria-label": __props.accessibleLabel,
+					class: unref(cn)(unref(selectTriggerVariants)({
+						size: __props.size,
+						border: __props.selectedItems.length ? "active" : "none"
+					}), __props.class)
+				}), {
+					default: withCtx(() => [createElementVNode("div", _hoisted_1, [__props.selectedItems.length === 0 ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: normalizeClass(__props.size === "md" ? "text-xs" : "text-sm")
+					}, toDisplayString(__props.label), 3)) : renderSlot(_ctx.$slots, "default", { selected: __props.selectedItems }, () => [createElementVNode("span", _hoisted_2, toDisplayString(__props.selectedItems.map(({ name }) => name).join(", ")), 1)], void 0, 1), __props.selectedItems.length ? (openBlock(), createElementBlock("span", {
+						key: 2,
+						class: normalizeClass(unref(cn)("pointer-events-none absolute -top-1.5 -right-1.5 z-10", unref(selectCountBadgeClass)))
+					}, toDisplayString(__props.selectedItems.length), 3)) : createCommentVNode("", true)]), createElementVNode("div", { class: normalizeClass(unref(selectDropdownClass)) }, [..._cache[0] || (_cache[0] = [createElementVNode("i", { class: "icon-[lucide--chevron-down] text-muted-foreground" }, null, -1)])], 2)]),
+					_: 3
+				}, 16, ["aria-label", "class"])]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+export { MultiSelectTrigger_default as t };

package/dist/shared/OverlayIcon-DntJI-mm.js

@@ -0,0 +1,45 @@
+import { t as cn } from "./src-CnJ6AzLP.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, unref } from "vue";
+//#region src/components/common/OverlayIcon.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "relative inline-flex items-center justify-center" };
+//#endregion
+//#region src/components/common/OverlayIcon.vue
+var OverlayIcon_default = /* @__PURE__ */ defineComponent({
+	__name: "OverlayIcon",
+	props: {
+		mainIcon: {},
+		subIcon: {},
+		positionX: { default: "right" },
+		positionY: { default: "bottom" },
+		offsetX: { default: 0 },
+		offsetY: { default: 0 },
+		subIconScale: { default: .6 }
+	},
+	setup(__props) {
+		const textShadow = [
+			`-1px -1px 0 rgba(0, 0, 0, 0.7)`,
+			`1px -1px 0 rgba(0, 0, 0, 0.7)`,
+			`-1px 1px 0 rgba(0, 0, 0, 0.7)`,
+			`1px 1px 0 rgba(0, 0, 0, 0.7)`,
+			`-1px 0 0 rgba(0, 0, 0, 0.7)`,
+			`1px 0 0 rgba(0, 0, 0, 0.7)`,
+			`0 -1px 0 rgba(0, 0, 0, 0.7)`,
+			`0 1px 0 rgba(0, 0, 0, 0.7)`
+		].join(", ");
+		const subIconStyle = computed(() => ({
+			scale: __props.subIconScale,
+			transformOrigin: `${__props.positionX} ${__props.positionY}`,
+			textShadow,
+			...__props.offsetX !== 0 && { [__props.positionX === "left" ? "left" : "right"]: `${__props.offsetX}px` },
+			...__props.offsetY !== 0 && { [__props.positionY === "top" ? "top" : "bottom"]: `${__props.offsetY}px` }
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", _hoisted_1, [createElementVNode("i", { class: normalizeClass(__props.mainIcon) }, null, 2), createElementVNode("i", {
+				class: normalizeClass(unref(cn)(__props.subIcon, "pointer-events-none absolute leading-none", __props.positionX === "left" ? "left-0" : "right-0", __props.positionY === "top" ? "top-0" : "bottom-0")),
+				style: normalizeStyle(subIconStyle.value)
+			}, null, 6)]);
+		};
+	}
+});
+//#endregion
+export { OverlayIcon_default as t };

package/dist/shared/SearchableSingleSelect-Dnti1kqJ.js

@@ -0,0 +1,184 @@
+import { t as cn } from "./src-CnJ6AzLP.js";
+import { a as selectItemVariants, i as selectEmptyMessageClass, o as selectTriggerVariants, r as selectDropdownClass, s as stopEscapeToDocument, t as selectContentClass } from "./select.variants-BPn5Z7N1.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";
+//#region 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" };
+//#endregion
+//#region 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"
+			]);
+		};
+	}
+});
+//#endregion
+export { SearchableSingleSelect_default as t };

package/dist/shared/Select-CP3OZjtL.js

@@ -0,0 +1,33 @@
+import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { SelectRoot, useForwardPropsEmits } from "reka-ui";
+//#endregion
+//#region 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);
+		};
+	}
+});
+//#endregion
+export { Select_default as t };

package/dist/shared/SelectContent-C8aNlcFf.js

@@ -0,0 +1,91 @@
+import { t as cn } from "./src-CnJ6AzLP.js";
+import { t as SelectScrollDownButton_default } from "./SelectScrollDownButton-Dvig5MVc.js";
+import { t as SelectScrollUpButton_default } from "./SelectScrollUpButton-lv-npT6v.js";
+import { computed, createBlock, createPropsRestProxy, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { SelectContent, SelectPortal, SelectViewport, useForwardPropsEmits } from "reka-ui";
+//#endregion
+//#region 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"]);
+		};
+	}
+});
+//#endregion
+export { SelectContent_default as t };

package/dist/shared/SelectItem-tU4CIa5J.js

@@ -0,0 +1,42 @@
+import { t as cn } from "./src-CnJ6AzLP.js";
+import { createBlock, createElementVNode, createPropsRestProxy, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { SelectItem, SelectItemIndicator, SelectItemText } from "reka-ui";
+//#endregion
+//#region 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
+		] }
+	},
+	setup(__props) {
+		const restProps = createPropsRestProxy(__props, ["class"]);
+		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: "truncate" }, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}), createVNode(unref(SelectItemIndicator), { class: "flex shrink-0 items-center justify-center" }, {
+					default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("i", {
+						class: "icon-[lucide--check] text-foreground",
+						"aria-hidden": "true"
+					}, null, -1)])]),
+					_: 1
+				})]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+export { SelectItem_default as t };

package/dist/shared/SelectScrollDownButton-Dvig5MVc.js

@@ -0,0 +1,30 @@
+import { t as cn } from "./src-CnJ6AzLP.js";
+import { createBlock, createElementVNode, createPropsRestProxy, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { SelectScrollDownButton } from "reka-ui";
+//#endregion
+//#region 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"]);
+		};
+	}
+});
+//#endregion
+export { SelectScrollDownButton_default as t };

package/dist/shared/SelectScrollUpButton-lv-npT6v.js

@@ -0,0 +1,30 @@
+import { t as cn } from "./src-CnJ6AzLP.js";
+import { createBlock, createElementVNode, createPropsRestProxy, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { SelectScrollUpButton } from "reka-ui";
+//#endregion
+//#region 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"]);
+		};
+	}
+});
+//#endregion
+export { SelectScrollUpButton_default as t };