@phtngyn/cms 0.2.0-beta.8 → 0.3.0

package/studio/chunks/SelectMenu-DSweWGMz.js

@@ -0,0 +1,2109 @@
+import { $ as e, A as t, B as n, C as r, Dt as i, E as a, F as o, G as s, H as c, Lt as l, O as u, Ot as d, U as f, V as ee, b as te, c as p, d as m, h as ne, k as h, m as g, nn as _, o as re, p as ie, q as ae, s as oe, t as se, tn as v, tt as y, u as ce, y as le } from "./Button-BT3ztSPx.js";
+import { I as b, J as x, P as S, X as C, Y as ue, q as w } from "./studioContext-I8HozGU1.js";
+import { b as T } from "./useApi-CUWMwLLw-B3Q3g2nf.js";
+import { $r as de, $t as E, A as D, B as O, Ci as k, Cr as A, E as j, K as M, M as N, N as P, Nn as fe, Or as F, Pn as I, Qt as pe, V as L, Yr as me, _i as he, aa as R, en as ge, fa as z, fr as _e, gi as B, gn as V, hr as ve, ii as H, ir as ye, jr as be, k as U, lt as xe, mn as Se, mr as Ce, o as W, pi as we, pt as G, ra as K, un as q, zn as Te } from "./runtime-core.esm-bundler-DKFA9Rep.js";
+import { C as Ee, E as De, M as Oe, N as ke, O as Ae, P as je, R as Me, i as Ne, k as Pe, n as Fe } from "./overlay-DnqFLZTc.js";
+import { s as Ie } from "./utils-mdScC0v0.js";
+import { n as Le, t as Re } from "./useFilter-DzyiTR7f.js";
+import { a as ze, c as Be, d as Ve, i as He, l as Ue, n as We, r as J, s as Ge, t as Ke, u as qe } from "./virtualizer-D1S0bZ4t.js";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.6.0-rc.10_typescript-native-bridge@6.0.3-bridge.18.tsgo.7.0.2_/node_modules/reka-ui/dist/Combobox/useComboboxContentPositioning.js
+function Y(e) {
+	let t = H("inline"), n = H(!1), r = H(), i = j(() => t.value === "popper" && !n.value), a;
+	Ve({
+		suppressHighlightScroll: i,
+		onHighlightScrollRequest(e) {
+			a = e;
+		}
+	});
+	function o(e, i) {
+		(r.value !== e || t.value !== i) && (n.value = !1, a = void 0), r.value = e, t.value = i;
+	}
+	function s(i) {
+		if (r.value !== i || t.value !== "popper" || n.value) return;
+		n.value = !0;
+		let o = a;
+		a = void 0, e.value && o?.();
+	}
+	function c(e) {
+		r.value === e && (r.value = void 0, t.value = "inline", n.value = !1, a = void 0);
+	}
+	return {
+		onContentPositionChange: o,
+		onContentPlaced: s,
+		onContentUnmount: c
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.6.0-rc.10_typescript-native-bridge@6.0.3-bridge.18.tsgo.7.0.2_/node_modules/reka-ui/dist/Combobox/ComboboxRoot.js
+var [X, Je] = /*#__PURE__*/ o("ComboboxRoot"), Ye = /* @__PURE__ */ M({
+	__name: "ComboboxRoot",
+	props: {
+		open: {
+			type: Boolean,
+			required: !1,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			required: !1
+		},
+		resetSearchTermOnBlur: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		resetSearchTermOnSelect: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		openOnFocus: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		openOnClick: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		ignoreFilter: {
+			type: Boolean,
+			required: !1
+		},
+		resetModelValueOnClear: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		modelValue: {
+			type: null,
+			required: !1
+		},
+		defaultValue: {
+			type: null,
+			required: !1
+		},
+		multiple: {
+			type: Boolean,
+			required: !1
+		},
+		dir: {
+			type: String,
+			required: !1
+		},
+		disabled: {
+			type: Boolean,
+			required: !1
+		},
+		highlightOnHover: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		by: {
+			type: [String, Function],
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		},
+		name: {
+			type: String,
+			required: !1
+		},
+		required: {
+			type: Boolean,
+			required: !1
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"highlight",
+		"update:open"
+	],
+	setup(e, { expose: t, emit: n }) {
+		let r = e, a = n, { primitiveElement: o, currentElement: s } = Ae(), { multiple: c, disabled: l, ignoreFilter: u, resetSearchTermOnSelect: f, openOnFocus: ee, openOnClick: te, dir: p, resetModelValueOnClear: m, highlightOnHover: ne } = he(r), h = ke(p), g = i(r, "modelValue", a, {
+			defaultValue: r.defaultValue ?? (c.value ? [] : void 0),
+			passive: r.modelValue === void 0,
+			deep: !0
+		}), _ = i(r, "open", a, {
+			defaultValue: r.defaultOpen,
+			passive: r.open === void 0
+		});
+		async function re(e) {
+			_.value = e, C.value = "", e ? (await ge(), o.value?.highlightSelected(), ae.value = !0, se.value?.focus()) : (ae.value = !1, setTimeout(() => {
+				!e && r.resetSearchTermOnBlur && ie.trigger();
+			}, 1));
+		}
+		let ie = d(), ae = H(!1), oe = H(!1), se = H(), v = H(), y = j(() => o.value?.highlightedElement ?? void 0), ce = Y(_), le = H(/* @__PURE__ */ new Map()), b = H(/* @__PURE__ */ new Map()), { contains: S } = Le({ sensitivity: "base" }), C = H(""), ue = j((e) => {
+			if (!C.value || r.ignoreFilter || oe.value) return {
+				count: le.value.size,
+				items: e?.items ?? /* @__PURE__ */ new Map(),
+				groups: e?.groups ?? new Set(b.value.keys())
+			};
+			let t = 0, n = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set();
+			for (let [e, r] of le.value) {
+				let i = S(r, C.value);
+				n.set(e, +!!i), i && t++;
+			}
+			for (let [e, t] of b.value) for (let r of t) if (n.get(r) > 0) {
+				i.add(e);
+				break;
+			}
+			return {
+				count: t,
+				items: n,
+				groups: i
+			};
+		}), w = xe();
+		return q(() => {
+			w?.exposed && (w.exposed.highlightItem = o.value?.highlightItem, w.exposed.highlightFirstItem = o.value?.highlightFirstItem, w.exposed.highlightSelected = o.value?.highlightSelected);
+		}), t({
+			filtered: ue,
+			highlightedElement: y,
+			highlightItem: o.value?.highlightItem,
+			highlightFirstItem: o.value?.highlightFirstItem,
+			highlightSelected: o.value?.highlightSelected
+		}), Je({
+			modelValue: g,
+			multiple: c,
+			disabled: l,
+			open: _,
+			onOpenChange: re,
+			...ce,
+			contentId: "",
+			isUserInputted: ae,
+			isVirtual: oe,
+			inputElement: se,
+			highlightedElement: y,
+			onInputElementChange: (e) => se.value = e,
+			triggerElement: v,
+			onTriggerElementChange: (e) => v.value = e,
+			parentElement: s,
+			resetSearchTermOnSelect: f,
+			onResetSearchTerm: ie.on,
+			allItems: le,
+			allGroups: b,
+			filterSearch: C,
+			filterState: ue,
+			ignoreFilter: u,
+			openOnFocus: ee,
+			openOnClick: te,
+			resetModelValueOnClear: m
+		}), (e, t) => (V(), D(k(x), null, {
+			default: F(() => [L(k(Ue), E({
+				ref_key: "primitiveElement",
+				ref: o
+			}, e.$attrs, {
+				modelValue: k(g),
+				"onUpdate:modelValue": t[0] ||= (e) => me(g) ? g.value = e : null,
+				style: { pointerEvents: k(_) ? "auto" : void 0 },
+				as: e.as,
+				"as-child": e.asChild,
+				dir: k(h),
+				multiple: k(c),
+				name: e.name,
+				required: e.required,
+				disabled: k(l),
+				"highlight-on-hover": k(ne),
+				by: r.by,
+				onHighlight: t[1] ||= (e) => a("highlight", e)
+			}), {
+				default: F(() => [I(e.$slots, "default", {
+					open: k(_),
+					modelValue: k(g)
+				})]),
+				_: 3
+			}, 16, [
+				"modelValue",
+				"style",
+				"as",
+				"as-child",
+				"dir",
+				"multiple",
+				"name",
+				"required",
+				"disabled",
+				"highlight-on-hover",
+				"by"
+			])]),
+			_: 3
+		}));
+	}
+}), Xe = /* @__PURE__ */ M({
+	__name: "ComboboxAnchor",
+	props: {
+		reference: {
+			type: null,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		}
+	},
+	setup(e) {
+		let { forwardRef: n } = t();
+		return (e, t) => (V(), D(k(w), {
+			"as-child": "",
+			reference: e.reference
+		}, {
+			default: F(() => [L(k(a), E({
+				ref: k(n),
+				"as-child": e.asChild,
+				as: e.as
+			}, e.$attrs), {
+				default: F(() => [I(e.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child", "as"])]),
+			_: 3
+		}, 8, ["reference"]));
+	}
+}), [Z, Ze] = /*#__PURE__*/ o("ComboboxContent"), Qe = /* @__PURE__ */ M({
+	__name: "ComboboxContentImpl",
+	props: {
+		position: {
+			type: String,
+			required: !1,
+			default: "inline"
+		},
+		bodyLock: {
+			type: Boolean,
+			required: !1
+		},
+		hideWhenEmpty: {
+			type: Boolean,
+			required: !1
+		},
+		memoDependencies: {
+			type: Array,
+			required: !1
+		},
+		side: {
+			type: null,
+			required: !1
+		},
+		sideOffset: {
+			type: Number,
+			required: !1
+		},
+		sideFlip: {
+			type: Boolean,
+			required: !1
+		},
+		align: {
+			type: null,
+			required: !1
+		},
+		alignOffset: {
+			type: Number,
+			required: !1
+		},
+		alignFlip: {
+			type: Boolean,
+			required: !1
+		},
+		avoidCollisions: {
+			type: Boolean,
+			required: !1
+		},
+		collisionBoundary: {
+			type: null,
+			required: !1
+		},
+		collisionPadding: {
+			type: [Number, Object],
+			required: !1
+		},
+		arrowPadding: {
+			type: Number,
+			required: !1
+		},
+		hideShiftedArrow: {
+			type: Boolean,
+			required: !1
+		},
+		sticky: {
+			type: String,
+			required: !1
+		},
+		hideWhenDetached: {
+			type: Boolean,
+			required: !1
+		},
+		positionStrategy: {
+			type: String,
+			required: !1
+		},
+		updatePositionStrategy: {
+			type: String,
+			required: !1
+		},
+		disableUpdateOnLayoutShift: {
+			type: Boolean,
+			required: !1
+		},
+		prioritizePosition: {
+			type: Boolean,
+			required: !1
+		},
+		reference: {
+			type: null,
+			required: !1
+		},
+		dir: {
+			type: String,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		},
+		disableOutsidePointerEvents: {
+			type: Boolean,
+			required: !1
+		}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside"
+	],
+	setup(e, { emit: n }) {
+		let r = e, i = n, { position: o } = he(r), s = X(), c = Symbol("ComboboxContent");
+		A(o, (e) => s.onContentPositionChange(c, e), { immediate: !0 });
+		let l = j(() => s.ignoreFilter.value ? s.allItems.value.size === 0 : s.filterState.value.count === 0), { forwardRef: u, currentElement: d } = t();
+		je(r.bodyLock), C(), Oe(s.parentElement);
+		let f = j(() => r.position === "popper" ? r : {}), ee = h(f.value), te = {
+			boxSizing: "border-box",
+			"--reka-combobox-content-transform-origin": "var(--reka-popper-transform-origin)",
+			"--reka-combobox-content-available-width": "var(--reka-popper-available-width)",
+			"--reka-combobox-content-available-height": "var(--reka-popper-available-height)",
+			"--reka-combobox-trigger-width": "var(--reka-popper-anchor-width)",
+			"--reka-combobox-trigger-height": "var(--reka-popper-anchor-height)"
+		};
+		Ze({ position: o });
+		let p = H(!1);
+		q(() => {
+			s.inputElement.value && (p.value = d.value.contains(s.inputElement.value), p.value && s.inputElement.value.focus());
+		}), Se(() => {
+			s.onContentUnmount(c);
+			let e = Me();
+			p.value && (!e || e === document.body) && s.triggerElement.value?.focus();
+		});
+		function m(e) {
+			if (s.parentElement.value?.contains(e)) return !0;
+			let t = (e instanceof Element ? e.closest("label") : null)?.control;
+			return !!t && !!s.parentElement.value?.contains(t);
+		}
+		let ne = { placed: () => s.onContentPlaced(c) };
+		return (e, t) => (V(), D(k(Be), { "as-child": "" }, {
+			default: F(() => [L(k(Ee), {
+				"as-child": "",
+				onMountAutoFocus: t[5] ||= _(() => {}, ["prevent"]),
+				onUnmountAutoFocus: t[6] ||= _(() => {}, ["prevent"])
+			}, {
+				default: F(() => [L(k(De), {
+					"as-child": "",
+					"disable-outside-pointer-events": e.disableOutsidePointerEvents,
+					onDismiss: t[0] ||= (e) => k(s).onOpenChange(!1),
+					onFocusOutside: t[1] ||= (e) => {
+						m(e.target) && e.preventDefault(), i("focusOutside", e);
+					},
+					onInteractOutside: t[2] ||= (e) => i("interactOutside", e),
+					onEscapeKeyDown: t[3] ||= (e) => i("escapeKeyDown", e),
+					onPointerDownOutside: t[4] ||= (e) => {
+						m(e.target) && e.preventDefault(), i("pointerDownOutside", e);
+					}
+				}, {
+					default: F(() => [(V(), D(Te(k(o) === "popper" ? k(b) : k(a)), E({
+						...e.$attrs,
+						...k(ee)
+					}, {
+						id: k(s).contentId,
+						ref: k(u),
+						"memo-dependencies": k(o) === "popper" ? [k(s).filterSearch.value, k(s).filterState.value] : void 0,
+						"data-state": k(s).open.value ? "open" : "closed",
+						"data-empty": l.value ? "" : void 0,
+						style: {
+							display: r.hideWhenEmpty && l.value ? "none" : "flex",
+							flexDirection: "column",
+							outline: "none",
+							...k(o) === "popper" ? te : {}
+						}
+					}, ye(k(o) === "popper" ? ne : {})), {
+						default: F(() => [I(e.$slots, "default")]),
+						_: 3
+					}, 16, [
+						"id",
+						"memo-dependencies",
+						"data-state",
+						"data-empty",
+						"style"
+					]))]),
+					_: 3
+				}, 8, ["disable-outside-pointer-events"])]),
+				_: 3
+			})]),
+			_: 3
+		}));
+	}
+}), $e = /* @__PURE__ */ M({
+	__name: "ComboboxArrow",
+	props: {
+		width: {
+			type: Number,
+			required: !1,
+			default: 10
+		},
+		height: {
+			type: Number,
+			required: !1,
+			default: 5
+		},
+		rounded: {
+			type: Boolean,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "svg"
+		}
+	},
+	setup(e) {
+		let n = e, r = X(), i = Z();
+		return t(), (e, t) => k(r).open.value && k(i).position.value === "popper" ? (V(), D(k(S), R(E({ key: 0 }, n)), {
+			default: F(() => [I(e.$slots, "default")]),
+			_: 3
+		}, 16)) : N("v-if", !0);
+	}
+}), et = /* @__PURE__ */ M({
+	__name: "ComboboxCancel",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "button"
+		}
+	},
+	setup(e) {
+		let n = e;
+		t();
+		let r = X();
+		function i() {
+			r.filterSearch.value = "", r.inputElement.value && (r.inputElement.value.value = "", r.inputElement.value.focus()), r.resetModelValueOnClear?.value && (r.modelValue.value = r.multiple.value ? [] : null);
+		}
+		return (e, t) => (V(), D(k(a), E({ type: e.as === "button" ? "button" : void 0 }, n, {
+			tabindex: "-1",
+			onClick: i
+		}), {
+			default: F(() => [I(e.$slots, "default")]),
+			_: 3
+		}, 16, ["type"]));
+	}
+}), tt = /* @__PURE__ */ M({
+	__name: "ComboboxContent",
+	props: {
+		forceMount: {
+			type: Boolean,
+			required: !1
+		},
+		position: {
+			type: String,
+			required: !1
+		},
+		bodyLock: {
+			type: Boolean,
+			required: !1
+		},
+		hideWhenEmpty: {
+			type: Boolean,
+			required: !1
+		},
+		memoDependencies: {
+			type: Array,
+			required: !1
+		},
+		side: {
+			type: null,
+			required: !1
+		},
+		sideOffset: {
+			type: Number,
+			required: !1
+		},
+		sideFlip: {
+			type: Boolean,
+			required: !1
+		},
+		align: {
+			type: null,
+			required: !1
+		},
+		alignOffset: {
+			type: Number,
+			required: !1
+		},
+		alignFlip: {
+			type: Boolean,
+			required: !1
+		},
+		avoidCollisions: {
+			type: Boolean,
+			required: !1
+		},
+		collisionBoundary: {
+			type: null,
+			required: !1
+		},
+		collisionPadding: {
+			type: [Number, Object],
+			required: !1
+		},
+		arrowPadding: {
+			type: Number,
+			required: !1
+		},
+		hideShiftedArrow: {
+			type: Boolean,
+			required: !1
+		},
+		sticky: {
+			type: String,
+			required: !1
+		},
+		hideWhenDetached: {
+			type: Boolean,
+			required: !1
+		},
+		positionStrategy: {
+			type: String,
+			required: !1
+		},
+		updatePositionStrategy: {
+			type: String,
+			required: !1
+		},
+		disableUpdateOnLayoutShift: {
+			type: Boolean,
+			required: !1
+		},
+		prioritizePosition: {
+			type: Boolean,
+			required: !1
+		},
+		reference: {
+			type: null,
+			required: !1
+		},
+		dir: {
+			type: String,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		},
+		disableOutsidePointerEvents: {
+			type: Boolean,
+			required: !1
+		}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside"
+	],
+	setup(e, { emit: n }) {
+		let r = ue(e, n), { forwardRef: i } = t(), a = X();
+		return a.contentId ||= u(void 0, "reka-combobox-content"), (e, t) => (V(), D(k(Pe), { present: e.forceMount || k(a).open.value }, {
+			default: F(() => [L(Qe, E({
+				...k(r),
+				...e.$attrs
+			}, { ref: k(i) }), {
+				default: F(() => [I(e.$slots, "default")]),
+				_: 3
+			}, 16)]),
+			_: 3
+		}, 8, ["present"]));
+	}
+}), nt = /* @__PURE__ */ M({
+	__name: "ComboboxEmpty",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		}
+	},
+	setup(e) {
+		let t = e, n = X(), r = j(() => n.ignoreFilter.value ? n.allItems.value.size === 0 : n.filterState.value.count === 0);
+		return (e, n) => r.value ? (V(), D(k(a), R(E({ key: 0 }, t)), {
+			default: F(() => [I(e.$slots, "default", {}, () => [n[0] ||= O("No options")])]),
+			_: 3
+		}, 16)) : N("v-if", !0);
+	}
+}), [rt, it] = /*#__PURE__*/ o("ComboboxGroup"), at = /* @__PURE__ */ M({
+	__name: "ComboboxGroup",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		}
+	},
+	setup(e) {
+		let t = e, n = u(void 0, "reka-combobox-group"), r = X(), i = j(() => r.ignoreFilter.value ? !0 : !r.filterSearch.value || r.filterState.value.groups.has(n)), a = it({
+			id: n,
+			labelId: ""
+		});
+		return q(() => {
+			r.allGroups.value.has(n) || r.allGroups.value.set(n, /* @__PURE__ */ new Set());
+		}), Se(() => {
+			r.allGroups.value.delete(n);
+		}), (e, r) => (V(), D(k(ze), E({
+			id: k(n),
+			"aria-labelledby": k(a).labelId
+		}, t, { hidden: !i.value || void 0 }), {
+			default: F(() => [I(e.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"id",
+			"aria-labelledby",
+			"hidden"
+		]));
+	}
+}), ot = /* @__PURE__ */ M({
+	__name: "ComboboxInput",
+	props: {
+		displayValue: {
+			type: Function,
+			required: !1
+		},
+		modelValue: {
+			type: String,
+			required: !1
+		},
+		autoFocus: {
+			type: Boolean,
+			required: !1
+		},
+		disabled: {
+			type: Boolean,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "input"
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, a = X(), o = qe(), { primitiveElement: s, currentElement: c } = Ae(), l = i(n, "modelValue", r, { passive: n.modelValue === void 0 });
+		q(() => {
+			c.value && a.onInputElementChange(c.value);
+		});
+		let { isComposing: u, shouldDeferInput: d, handleCompositionStart: f, handleCompositionUpdate: ee, handleCompositionEnd: te } = Ie((e) => {
+			let t = e.target;
+			t && m(t.value);
+		});
+		function p(e) {
+			u.value || (e.preventDefault(), a.open.value || a.onOpenChange(!0));
+		}
+		function m(e) {
+			a.open.value ? a.filterSearch.value = e : (a.onOpenChange(!0), ge(() => {
+				e && (a.filterSearch.value = e, o.highlightFirstItem());
+			}));
+		}
+		function ne(e) {
+			d.value || m(e.target.value);
+		}
+		function h() {
+			a.openOnFocus.value && !a.open.value && a.onOpenChange(!0);
+		}
+		function g(e) {
+			if (!a.open.value) return;
+			let t = e.relatedTarget;
+			if (!t) return;
+			let n = a.parentElement.value?.contains(t), r = document.getElementById(a.contentId)?.contains(t);
+			!n && !r && requestAnimationFrame(() => {
+				if (!a.open.value) return;
+				let e = document.activeElement;
+				!a.parentElement.value?.contains(e) && !document.getElementById(a.contentId)?.contains(e) && a.onOpenChange(!1);
+			});
+		}
+		function _() {
+			a.openOnClick.value && !a.open.value && a.onOpenChange(!0);
+		}
+		function re() {
+			let e = a.modelValue.value;
+			n.displayValue ? l.value = n.displayValue(e) : !a.multiple.value && e && !Array.isArray(e) ? typeof e == "object" ? l.value = "" : l.value = e.toString() : l.value = "", ge(() => {
+				l.value = l.value;
+			});
+		}
+		return a.onResetSearchTerm(() => {
+			re();
+		}), A(a.modelValue, async () => {
+			!a.isUserInputted.value && a.resetSearchTermOnSelect.value && re();
+		}, {
+			immediate: !0,
+			deep: !0
+		}), A(a.filterState, (e, t) => {
+			!a.isVirtual.value && t.count === 0 && o.highlightFirstItem();
+		}), (e, t) => (V(), D(k(Ge), {
+			ref_key: "primitiveElement",
+			ref: s,
+			modelValue: k(l),
+			"onUpdate:modelValue": t[0] ||= (e) => me(l) ? l.value = e : null,
+			as: e.as,
+			"as-child": e.asChild,
+			"auto-focus": e.autoFocus,
+			disabled: e.disabled,
+			"aria-expanded": k(a).open.value,
+			"aria-controls": k(a).contentId,
+			"aria-autocomplete": "list",
+			role: "combobox",
+			autocomplete: "off",
+			onClick: _,
+			onInput: ne,
+			onKeydown: v(p, ["down", "up"]),
+			onFocus: h,
+			onBlur: g,
+			onCompositionstart: k(f),
+			onCompositionupdate: k(ee),
+			onCompositionend: k(te)
+		}, {
+			default: F(() => [I(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"modelValue",
+			"as",
+			"as-child",
+			"auto-focus",
+			"disabled",
+			"aria-expanded",
+			"aria-controls",
+			"onCompositionstart",
+			"onCompositionupdate",
+			"onCompositionend"
+		]));
+	}
+}), st = /* @__PURE__ */ M({
+	__name: "ComboboxItem",
+	props: {
+		textValue: {
+			type: String,
+			required: !1
+		},
+		value: {
+			type: null,
+			required: !0
+		},
+		disabled: {
+			type: Boolean,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		}
+	},
+	emits: ["select"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = u(void 0, "reka-combobox-item"), a = X(), o = rt(null), { primitiveElement: s, currentElement: c } = Ae();
+		if (n.value === "") throw Error("A <ComboboxItem /> must have a value prop that is not an empty string. This is because the Combobox value can be set to an empty string to clear the selection and show the placeholder.");
+		let l = j(() => {
+			if (a.isVirtual.value || a.ignoreFilter.value || !a.filterSearch.value) return !0;
+			{
+				let e = a.filterState.value.items.get(i);
+				return e === void 0 || e > 0;
+			}
+		});
+		return q(() => {
+			a.allItems.value.set(i, n.textValue || c.value.textContent || c.value.innerText);
+			let e = o?.id;
+			e && (a.allGroups.value.has(e) ? a.allGroups.value.get(e)?.add(i) : a.allGroups.value.set(e, /* @__PURE__ */ new Set([i])));
+		}), Se(() => {
+			a.allItems.value.delete(i);
+		}), (e, t) => l.value ? be([
+			l.value,
+			k(a).filterSearch.value,
+			k(a).disabled.value,
+			e.disabled,
+			n.value,
+			n.as,
+			n.asChild,
+			...Object.values(e.$attrs)
+		], () => (V(), D(k(He), E({ key: 0 }, n, {
+			id: k(i),
+			ref_key: "primitiveElement",
+			ref: s,
+			disabled: k(a).disabled.value || e.disabled,
+			onSelect: t[0] ||= (t) => {
+				r("select", t), !t.defaultPrevented && (!k(a).multiple.value && !e.disabled && !k(a).disabled.value ? (t.preventDefault(), k(a).onOpenChange(!1), k(a).modelValue.value = n.value) : k(a).multiple.value && k(a).inputElement.value?.focus());
+			}
+		}), {
+			default: F(() => [I(e.$slots, "default", {}, () => [O(z(e.value), 1)])]),
+			_: 3
+		}, 16, ["id", "disabled"])), t, 1) : N("v-if", !0);
+	}
+}), ct = /* @__PURE__ */ M({
+	__name: "ComboboxItemIndicator",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "span"
+		}
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (V(), D(k(J), R(G(t)), {
+			default: F(() => [I(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), lt = /* @__PURE__ */ M({
+	__name: "ComboboxLabel",
+	props: {
+		for: {
+			type: String,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "div"
+		}
+	},
+	setup(e) {
+		let n = e;
+		t();
+		let r = rt({
+			id: "",
+			labelId: ""
+		});
+		return r.labelId ||= u(void 0, "reka-combobox-group-label"), (e, t) => (V(), D(k(a), E(n, { id: k(r).labelId }), {
+			default: F(() => [I(e.$slots, "default")]),
+			_: 3
+		}, 16, ["id"]));
+	}
+}), ut = /* @__PURE__ */ M({
+	__name: "ComboboxPortal",
+	props: {
+		to: {
+			type: null,
+			required: !1
+		},
+		disabled: {
+			type: Boolean,
+			required: !1
+		},
+		defer: {
+			type: Boolean,
+			required: !1
+		},
+		forceMount: {
+			type: Boolean,
+			required: !1
+		}
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (V(), D(k(r), R(G(t)), {
+			default: F(() => [I(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), dt = /* @__PURE__ */ M({
+	__name: "ComboboxSeparator",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		}
+	},
+	setup(e) {
+		let n = e;
+		return t(), (e, t) => (V(), D(k(a), E(n, { "aria-hidden": "true" }), {
+			default: F(() => [I(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), ft = /* @__PURE__ */ M({
+	__name: "ComboboxTrigger",
+	props: {
+		disabled: {
+			type: Boolean,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "button"
+		}
+	},
+	setup(e) {
+		let n = e, { forwardRef: r, currentElement: i } = t(), o = X(), s = j(() => n.disabled || o.disabled.value || !1);
+		return q(() => {
+			i.value && o.onTriggerElementChange(i.value);
+		}), (e, t) => (V(), D(k(a), E(n, {
+			ref: k(r),
+			type: e.as === "button" ? "button" : void 0,
+			tabindex: "-1",
+			"aria-label": "Show popup",
+			"aria-haspopup": "listbox",
+			"aria-expanded": k(o).open.value,
+			"aria-controls": k(o).contentId,
+			"data-state": k(o).open.value ? "open" : "closed",
+			disabled: s.value,
+			"data-disabled": s.value ? "" : void 0,
+			"aria-disabled": s.value ?? void 0,
+			onClick: t[0] ||= (e) => k(o).onOpenChange(!k(o).open.value)
+		}), {
+			default: F(() => [I(e.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"type",
+			"aria-expanded",
+			"aria-controls",
+			"data-state",
+			"disabled",
+			"data-disabled",
+			"aria-disabled"
+		]));
+	}
+}), pt = /* @__PURE__ */ M({
+	__name: "ComboboxVirtualizer",
+	props: {
+		options: {
+			type: Array,
+			required: !0
+		},
+		overscan: {
+			type: Number,
+			required: !1
+		},
+		estimateSize: {
+			type: [Number, Function],
+			required: !1
+		},
+		textContent: {
+			type: Function,
+			required: !1
+		}
+	},
+	setup(e) {
+		let t = e, n = X();
+		return n.isVirtual.value = !0, (e, n) => (V(), D(We, R(G(t)), {
+			default: F((t) => [I(e.$slots, "default", R(G(t)))]),
+			_: 3
+		}, 16));
+	}
+}), mt = {
+	slots: {
+		base: ["relative group rounded-md inline-flex items-center disabled:cursor-not-allowed disabled:opacity-75", "transition-colors"],
+		leading: "absolute inset-y-0 start-0 flex items-center",
+		leadingIcon: "shrink-0 text-dimmed",
+		leadingAvatar: "shrink-0",
+		leadingAvatarSize: "",
+		trailing: "absolute inset-y-0 end-0 flex items-center",
+		trailingIcon: "shrink-0 text-dimmed",
+		value: "truncate pointer-events-none",
+		placeholder: "truncate text-dimmed",
+		arrow: "fill-bg stroke-default",
+		content: ["max-h-[min(15rem,var(--reka-select-content-available-height,15rem))] w-(--reka-select-trigger-width) bg-default shadow-lg rounded-md ring ring-default overflow-hidden origin-(--reka-select-content-transform-origin) pointer-events-auto data-[state=closed]:pointer-events-none! flex flex-col", "max-h-[min(15rem,var(--reka-combobox-content-available-height,15rem))] origin-(--reka-combobox-content-transform-origin) w-(--reka-combobox-trigger-width)"],
+		viewport: "relative scroll-py-1 overflow-y-auto flex-1",
+		group: "p-1 isolate",
+		empty: "text-center text-muted",
+		label: "font-semibold text-highlighted",
+		separator: "-mx-1 my-1 h-px bg-border",
+		item: ["group relative w-full flex items-start select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75 text-default data-highlighted:not-data-disabled:text-highlighted data-highlighted:not-data-disabled:before:bg-elevated/50", "transition-colors before:transition-colors"],
+		itemLeadingIcon: ["shrink-0 text-dimmed group-data-highlighted:not-group-data-disabled:text-default", "transition-colors"],
+		itemLeadingAvatar: "shrink-0",
+		itemLeadingAvatarSize: "",
+		itemLeadingChip: "shrink-0",
+		itemLeadingChipSize: "",
+		itemTrailing: "ms-auto inline-flex gap-1.5 items-center",
+		itemTrailingIcon: "shrink-0",
+		itemWrapper: "flex-1 flex flex-col min-w-0",
+		itemLabel: "truncate",
+		itemDescription: "truncate text-muted",
+		input: "border-b border-default",
+		focusScope: "flex flex-col min-h-0",
+		trailingClear: "p-0"
+	},
+	variants: {
+		fieldGroup: {
+			horizontal: "not-only:first:rounded-e-none not-only:last:rounded-s-none not-last:not-first:rounded-none focus-visible:z-[1]",
+			vertical: "not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none focus-visible:z-[1]"
+		},
+		size: {
+			xs: {
+				base: "px-2 py-1 text-sm/4 gap-1",
+				leading: "ps-2",
+				trailing: "pe-2",
+				leadingIcon: "size-4",
+				leadingAvatarSize: "3xs",
+				trailingIcon: "size-4",
+				label: "p-1 text-[10px]/3 gap-1",
+				item: "p-1 text-xs gap-1",
+				itemLeadingIcon: "size-4",
+				itemLeadingAvatarSize: "3xs",
+				itemLeadingChip: "size-4",
+				itemLeadingChipSize: "sm",
+				itemTrailingIcon: "size-4",
+				empty: "p-2 text-xs"
+			},
+			sm: {
+				base: "px-2.5 py-1.5 text-sm/4 gap-1.5",
+				leading: "ps-2.5",
+				trailing: "pe-2.5",
+				leadingIcon: "size-4",
+				leadingAvatarSize: "3xs",
+				trailingIcon: "size-4",
+				label: "p-1.5 text-[10px]/3 gap-1.5",
+				item: "p-1.5 text-xs gap-1.5",
+				itemLeadingIcon: "size-4",
+				itemLeadingAvatarSize: "3xs",
+				itemLeadingChip: "size-4",
+				itemLeadingChipSize: "sm",
+				itemTrailingIcon: "size-4",
+				empty: "p-2.5 text-xs"
+			},
+			md: {
+				base: "px-2.5 py-1.5 text-base/5 gap-1.5",
+				leading: "ps-2.5",
+				trailing: "pe-2.5",
+				leadingIcon: "size-5",
+				leadingAvatarSize: "2xs",
+				trailingIcon: "size-5",
+				label: "p-1.5 text-xs gap-1.5",
+				item: "p-1.5 text-sm gap-1.5",
+				itemLeadingIcon: "size-5",
+				itemLeadingAvatarSize: "2xs",
+				itemLeadingChip: "size-5",
+				itemLeadingChipSize: "md",
+				itemTrailingIcon: "size-5",
+				empty: "p-2.5 text-sm"
+			},
+			lg: {
+				base: "px-3 py-2 text-base/5 gap-2",
+				leading: "ps-3",
+				trailing: "pe-3",
+				leadingIcon: "size-5",
+				leadingAvatarSize: "2xs",
+				trailingIcon: "size-5",
+				label: "p-2 text-xs gap-2",
+				item: "p-2 text-sm gap-2",
+				itemLeadingIcon: "size-5",
+				itemLeadingAvatarSize: "2xs",
+				itemLeadingChip: "size-5",
+				itemLeadingChipSize: "md",
+				itemTrailingIcon: "size-5",
+				empty: "p-3 text-sm"
+			},
+			xl: {
+				base: "px-3 py-2 text-base gap-2",
+				leading: "ps-3",
+				trailing: "pe-3",
+				leadingIcon: "size-6",
+				leadingAvatarSize: "xs",
+				trailingIcon: "size-6",
+				label: "p-2 text-sm gap-2",
+				item: "p-2 text-base gap-2",
+				itemLeadingIcon: "size-6",
+				itemLeadingAvatarSize: "xs",
+				itemLeadingChip: "size-6",
+				itemLeadingChipSize: "lg",
+				itemTrailingIcon: "size-6",
+				empty: "p-3 text-base"
+			}
+		},
+		variant: {
+			outline: "text-highlighted bg-default ring ring-inset ring-accented hover:bg-elevated disabled:bg-default",
+			soft: "text-highlighted bg-elevated/50 hover:bg-elevated focus:bg-elevated disabled:bg-elevated/50",
+			subtle: "text-highlighted bg-elevated ring ring-inset ring-accented hover:bg-accented/75 disabled:bg-elevated",
+			ghost: "text-highlighted bg-transparent hover:bg-elevated focus:bg-elevated disabled:bg-transparent dark:disabled:bg-transparent",
+			none: "text-highlighted bg-transparent focus:outline-none"
+		},
+		color: {
+			primary: "",
+			secondary: "",
+			success: "",
+			info: "",
+			warning: "",
+			error: "",
+			neutral: ""
+		},
+		leading: { true: "" },
+		trailing: { true: "" },
+		loading: { true: "" },
+		highlight: { true: "" },
+		fixed: { false: "" },
+		type: { file: "file:me-1.5 file:font-medium file:text-muted file:outline-none" },
+		position: {
+			popper: { content: "data-[state=open]:animate-[scale-in_100ms_var(--ease-out)] data-[state=closed]:animate-[scale-out_100ms_var(--ease-out)]" },
+			"item-aligned": { content: "" }
+		},
+		multiple: { true: "" },
+		virtualize: {
+			true: { viewport: "p-1 isolate" },
+			false: { viewport: "divide-y divide-default" }
+		}
+	},
+	compoundVariants: [
+		{
+			color: "primary",
+			variant: ["outline", "subtle"],
+			class: "outline-primary/25 focus-visible:outline-3 focus-visible:ring-primary"
+		},
+		{
+			color: "secondary",
+			variant: ["outline", "subtle"],
+			class: "outline-secondary/25 focus-visible:outline-3 focus-visible:ring-secondary"
+		},
+		{
+			color: "success",
+			variant: ["outline", "subtle"],
+			class: "outline-success/25 focus-visible:outline-3 focus-visible:ring-success"
+		},
+		{
+			color: "info",
+			variant: ["outline", "subtle"],
+			class: "outline-info/25 focus-visible:outline-3 focus-visible:ring-info"
+		},
+		{
+			color: "warning",
+			variant: ["outline", "subtle"],
+			class: "outline-warning/25 focus-visible:outline-3 focus-visible:ring-warning"
+		},
+		{
+			color: "error",
+			variant: ["outline", "subtle"],
+			class: "outline-error/25 focus-visible:outline-3 focus-visible:ring-error"
+		},
+		{
+			color: "primary",
+			variant: ["soft", "ghost"],
+			class: "outline-primary/25 focus-visible:outline-3"
+		},
+		{
+			color: "secondary",
+			variant: ["soft", "ghost"],
+			class: "outline-secondary/25 focus-visible:outline-3"
+		},
+		{
+			color: "success",
+			variant: ["soft", "ghost"],
+			class: "outline-success/25 focus-visible:outline-3"
+		},
+		{
+			color: "info",
+			variant: ["soft", "ghost"],
+			class: "outline-info/25 focus-visible:outline-3"
+		},
+		{
+			color: "warning",
+			variant: ["soft", "ghost"],
+			class: "outline-warning/25 focus-visible:outline-3"
+		},
+		{
+			color: "error",
+			variant: ["soft", "ghost"],
+			class: "outline-error/25 focus-visible:outline-3"
+		},
+		{
+			color: "primary",
+			highlight: !0,
+			class: "ring ring-inset ring-primary"
+		},
+		{
+			color: "secondary",
+			highlight: !0,
+			class: "ring ring-inset ring-secondary"
+		},
+		{
+			color: "success",
+			highlight: !0,
+			class: "ring ring-inset ring-success"
+		},
+		{
+			color: "info",
+			highlight: !0,
+			class: "ring ring-inset ring-info"
+		},
+		{
+			color: "warning",
+			highlight: !0,
+			class: "ring ring-inset ring-warning"
+		},
+		{
+			color: "error",
+			highlight: !0,
+			class: "ring ring-inset ring-error"
+		},
+		{
+			color: "neutral",
+			variant: ["outline", "subtle"],
+			class: "outline-inverted/25 focus-visible:outline-3 focus-visible:ring-inverted"
+		},
+		{
+			color: "neutral",
+			variant: ["soft", "ghost"],
+			class: "outline-inverted/25 focus-visible:outline-3"
+		},
+		{
+			color: "neutral",
+			highlight: !0,
+			class: "ring ring-inset ring-inverted"
+		},
+		{
+			leading: !0,
+			size: "xs",
+			class: "ps-7"
+		},
+		{
+			leading: !0,
+			size: "sm",
+			class: "ps-8"
+		},
+		{
+			leading: !0,
+			size: "md",
+			class: "ps-9"
+		},
+		{
+			leading: !0,
+			size: "lg",
+			class: "ps-10"
+		},
+		{
+			leading: !0,
+			size: "xl",
+			class: "ps-11"
+		},
+		{
+			trailing: !0,
+			size: "xs",
+			class: "pe-7"
+		},
+		{
+			trailing: !0,
+			size: "sm",
+			class: "pe-8"
+		},
+		{
+			trailing: !0,
+			size: "md",
+			class: "pe-9"
+		},
+		{
+			trailing: !0,
+			size: "lg",
+			class: "pe-10"
+		},
+		{
+			trailing: !0,
+			size: "xl",
+			class: "pe-11"
+		},
+		{
+			loading: !0,
+			leading: !0,
+			class: { leadingIcon: "animate-spin" }
+		},
+		{
+			loading: !0,
+			leading: !1,
+			trailing: !0,
+			class: { trailingIcon: "animate-spin" }
+		},
+		{
+			fixed: !1,
+			size: "xs",
+			class: "md:text-xs"
+		},
+		{
+			fixed: !1,
+			size: "sm",
+			class: "md:text-xs"
+		},
+		{
+			fixed: !1,
+			size: "md",
+			class: "md:text-sm"
+		},
+		{
+			fixed: !1,
+			size: "lg",
+			class: "md:text-sm"
+		}
+	],
+	defaultVariants: {
+		size: "md",
+		color: "primary",
+		variant: "outline",
+		position: "popper"
+	}
+}, Q = /*@__PURE__*/ Object.assign({ inheritAttrs: !1 }, {
+	__name: "SelectMenu",
+	props: /*@__PURE__*/ pe({
+		id: {
+			type: String,
+			required: !1
+		},
+		placeholder: {
+			type: String,
+			required: !1
+		},
+		searchInput: {
+			type: [Boolean, Object],
+			required: !1,
+			default: !0
+		},
+		color: {
+			type: null,
+			required: !1
+		},
+		variant: {
+			type: null,
+			required: !1
+		},
+		size: {
+			type: null,
+			required: !1
+		},
+		required: {
+			type: Boolean,
+			required: !1
+		},
+		trailingIcon: {
+			type: null,
+			required: !1
+		},
+		selectedIcon: {
+			type: null,
+			required: !1
+		},
+		clear: {
+			type: [Boolean, Object],
+			required: !1
+		},
+		clearIcon: {
+			type: null,
+			required: !1
+		},
+		content: {
+			type: Object,
+			required: !1
+		},
+		arrow: {
+			type: [Boolean, Object],
+			required: !1
+		},
+		portal: {
+			type: [Boolean, String],
+			required: !1,
+			skipCheck: !0,
+			default: !0
+		},
+		virtualize: {
+			type: [Boolean, Object],
+			required: !1,
+			default: !1
+		},
+		valueKey: {
+			type: null,
+			required: !1
+		},
+		labelKey: {
+			type: null,
+			required: !1,
+			default: "label"
+		},
+		descriptionKey: {
+			type: null,
+			required: !1,
+			default: "description"
+		},
+		items: {
+			type: null,
+			required: !1
+		},
+		defaultValue: {
+			type: null,
+			required: !1
+		},
+		modelValue: {
+			type: null,
+			required: !1
+		},
+		modelModifiers: {
+			type: null,
+			required: !1
+		},
+		multiple: {
+			type: Boolean,
+			required: !1
+		},
+		highlight: {
+			type: Boolean,
+			required: !1
+		},
+		fixed: {
+			type: Boolean,
+			required: !1
+		},
+		createItem: {
+			type: [
+				Boolean,
+				String,
+				Object
+			],
+			required: !1
+		},
+		filterFields: {
+			type: Array,
+			required: !1
+		},
+		ignoreFilter: {
+			type: Boolean,
+			required: !1
+		},
+		autofocus: {
+			type: Boolean,
+			required: !1
+		},
+		autofocusDelay: {
+			type: Number,
+			required: !1,
+			default: 0
+		},
+		class: {
+			type: null,
+			required: !1
+		},
+		ui: {
+			type: Object,
+			required: !1
+		},
+		open: {
+			type: Boolean,
+			required: !1
+		},
+		defaultOpen: {
+			type: Boolean,
+			required: !1
+		},
+		disabled: {
+			type: Boolean,
+			required: !1
+		},
+		name: {
+			type: String,
+			required: !1
+		},
+		resetSearchTermOnBlur: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		resetSearchTermOnSelect: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		resetModelValueOnClear: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		highlightOnHover: {
+			type: Boolean,
+			required: !1
+		},
+		by: {
+			type: [String, Function],
+			required: !1
+		},
+		icon: {
+			type: null,
+			required: !1
+		},
+		avatar: {
+			type: Object,
+			required: !1
+		},
+		leading: {
+			type: Boolean,
+			required: !1
+		},
+		leadingIcon: {
+			type: null,
+			required: !1
+		},
+		trailing: {
+			type: Boolean,
+			required: !1
+		},
+		loading: {
+			type: Boolean,
+			required: !1
+		},
+		loadingIcon: {
+			type: null,
+			required: !1
+		}
+	}, {
+		searchTerm: {
+			type: String,
+			default: ""
+		},
+		searchTermModifiers: {}
+	}),
+	emits: /*@__PURE__*/ pe([
+		"change",
+		"blur",
+		"focus",
+		"create",
+		"clear",
+		"highlight",
+		"update:modelValue",
+		"update:open"
+	], ["update:searchTerm"]),
+	setup(t, { expose: r, emit: i, attrs: a }) {
+		let o = t, u = i, d = Ce(), h = te("selectMenu", o), b = _e(t, "searchTerm", {
+			type: String,
+			default: ""
+		}), { t: x } = n(), S = e(), { filterGroups: C } = Re(), ue = ne(l(h, "modelValue", "defaultValue", "open", "defaultOpen", "required", "multiple", "resetSearchTermOnBlur", "resetSearchTermOnSelect", "resetModelValueOnClear", "highlightOnHover", "by"), u), w = Ne(B(() => h.portal)), M = B(() => T(h.content, {
+			side: "bottom",
+			sideOffset: 8,
+			collisionPadding: 8,
+			position: "popper"
+		})), pe = B(() => T(h.arrow, { rounded: !0 })), me = j(() => typeof h.clear == "object" ? h.clear : {}), he = B(() => h.virtualize ? T(typeof h.virtualize == "boolean" ? {} : h.virtualize, { estimateSize: Ke(Q.value, J.value ?? "md", h.descriptionKey, !!d["item-description"]) }) : !1), ye = B(() => T(h.searchInput, {
+			placeholder: x("selectMenu.search"),
+			variant: "none",
+			fixed: h.fixed
+		})), { emitFormBlur: be, emitFormFocus: xe, emitFormInput: Se, emitFormChange: Te, size: De, color: Oe, id: ke, name: Ae, highlight: je, disabled: Me, ariaAttrs: Pe } = re(o), { orientation: Ie, size: Le } = ie(o), { isLeading: ze, isTrailing: Be, leadingIconName: Ve, trailingIconName: He } = ce(j(() => ({
+			icon: h.icon,
+			leading: h.leading,
+			leadingIcon: h.leadingIcon,
+			trailing: h.trailing,
+			trailingIcon: h.trailingIcon ?? S.ui.icons.chevronDown,
+			loading: h.loading,
+			loadingIcon: h.loadingIcon
+		}))), Ue = j(() => Oe.value ?? h.color), We = j(() => je.value ?? h.highlight), J = j(() => Le.value ?? De.value ?? h.size), Ge = j(() => Me.value ?? h.disabled), [qe, Y] = y(), [X, Je] = y({ props: {
+			item: {
+				type: [
+					Object,
+					String,
+					Number,
+					Boolean
+				],
+				required: !0
+			},
+			index: {
+				type: Number,
+				required: !1
+			}
+		} }), Z = j(() => le({
+			extend: mt,
+			...S.ui?.selectMenu || {}
+		})({
+			color: Ue.value,
+			variant: h.variant,
+			size: J.value,
+			loading: h.loading,
+			highlight: We.value,
+			fixed: h.fixed,
+			leading: ze.value || !!h.avatar || !!d.leading,
+			trailing: Be.value || !!d.trailing,
+			fieldGroup: Ie.value,
+			virtualize: !!h.virtualize,
+			multiple: h.multiple
+		}));
+		function Ze(e) {
+			if (h.multiple && Array.isArray(e)) {
+				let t = e.map((e) => f(rt.value, e, {
+					labelKey: h.labelKey,
+					valueKey: h.valueKey,
+					by: h.by
+				})).filter((e) => e != null && e !== "");
+				return t.length > 0 ? t.join(", ") : void 0;
+			}
+			return f(rt.value, e, {
+				labelKey: h.labelKey,
+				valueKey: h.valueKey,
+				by: h.by
+			});
+		}
+		let Qe = j(() => h.items?.length ? s(h.items) ? h.items : [h.items] : []), rt = j(() => Qe.value.flatMap((e) => e)), it = j(() => {
+			if (h.ignoreFilter || !b.value) return Qe.value;
+			let e = Array.isArray(h.filterFields) ? h.filterFields : [h.labelKey];
+			return C(Qe.value, b.value, {
+				fields: e,
+				isStructural: (e) => $(e) && !!e.type && ["label", "separator"].includes(e.type)
+			});
+		}), Q = j(() => it.value.flatMap((e) => e)), ht = j(() => {
+			if (!h.createItem || !b.value) return !1;
+			let e = h.valueKey ? { [h.valueKey]: b.value } : b.value;
+			return typeof h.createItem == "object" && h.createItem.when === "always" || h.createItem === "always" ? !Q.value.find((t) => ee(t, e, h.by ?? h.valueKey)) : !Q.value.length;
+		}), gt = j(() => typeof h.createItem == "object" ? h.createItem.position : "bottom"), _t = ve("triggerRef");
+		function vt() {
+			h.autofocus && _t.value?.$el?.focus({ focusVisible: !0 });
+		}
+		let yt;
+		q(() => {
+			yt = setTimeout(() => {
+				vt();
+			}, h.autofocusDelay);
+		}), de(() => clearTimeout(yt));
+		function bt(e) {
+			if (we(h.modelValue) === e) return;
+			h.modelModifiers?.trim && (typeof e == "string" || e == null) && (e = e?.trim() ?? null), h.modelModifiers?.number && (e = ae(e)), h.modelModifiers?.nullable && (e ??= null), h.modelModifiers?.optional && !h.modelModifiers?.nullable && e !== null && (e ??= void 0);
+			let t = new Event("change", { target: { value: e } });
+			u("change", t), Te(), Se(), h.resetSearchTermOnSelect && (b.value = "");
+		}
+		let xt = H(!1), St;
+		de(() => clearTimeout(St));
+		function Ct(e) {
+			if (xt.value = e, e) {
+				let e = new FocusEvent("focus");
+				u("focus", e), xe(), clearTimeout(St);
+			} else {
+				let e = new FocusEvent("blur");
+				u("blur", e), be(), h.resetSearchTermOnBlur && (St = setTimeout(() => {
+					b.value = "";
+				}, 100));
+			}
+		}
+		function wt(e) {
+			if (xt.value) return;
+			let t = e.currentTarget;
+			e.preventDefault(), t.click();
+		}
+		function Tt(e) {
+			e.preventDefault(), e.stopPropagation(), u("create", b.value);
+		}
+		function Et(e, t) {
+			if ($(t)) {
+				if (t.disabled) {
+					e.preventDefault();
+					return;
+				}
+				t.onSelect?.(e);
+			}
+		}
+		function $(e) {
+			return typeof e == "object" && !!e;
+		}
+		function Dt(e) {
+			return h.multiple && Array.isArray(e) ? e.length === 0 : e == null || e === "";
+		}
+		function Ot() {
+			Ge.value || u("clear");
+		}
+		function kt(e) {
+			ye.value.autofocus === !1 && e.preventDefault();
+		}
+		function At(e) {
+			let t = document.activeElement;
+			t && t !== document.body && !e.target.contains(t) && e.preventDefault();
+		}
+		let jt = ve("viewportRef"), Mt = ve("comboboxRootRef");
+		return A(() => h.items, async () => {
+			xt.value && h.createItem && (await ge(), Mt.value?.highlightFirstItem?.());
+		}, { flush: "post" }), r({
+			triggerRef: B(() => _t.value?.$el),
+			viewportRef: B(() => jt.value)
+		}), (e, t) => (V(), P(W, null, [
+			L(k(qe), null, {
+				default: F(() => [L(k(st), {
+					"data-slot": "item",
+					class: K(Z.value.item({ class: k(h).ui?.item })),
+					value: b.value,
+					onSelect: Tt
+				}, {
+					default: F(() => [U("span", {
+						"data-slot": "itemLabel",
+						class: K(Z.value.itemLabel({ class: k(h).ui?.itemLabel }))
+					}, [I(e.$slots, "create-item-label", { item: b.value }, () => [O(z(k(x)("selectMenu.create", { label: b.value })), 1)])], 2)]),
+					_: 3
+				}, 8, ["class", "value"])]),
+				_: 3
+			}),
+			L(k(X), null, {
+				default: F(({ item: t, index: n }) => [$(t) && t.type === "label" ? (V(), D(k(lt), {
+					key: 0,
+					"data-slot": "label",
+					class: K(Z.value.label({ class: [
+						k(h).ui?.label,
+						t.ui?.label,
+						t.class
+					] }))
+				}, {
+					default: F(() => [O(z(k(c)(t, k(h).labelKey)), 1)]),
+					_: 2
+				}, 1032, ["class"])) : $(t) && t.type === "separator" ? (V(), D(k(dt), {
+					key: 1,
+					"data-slot": "separator",
+					class: K(Z.value.separator({ class: [
+						k(h).ui?.separator,
+						t.ui?.separator,
+						t.class
+					] }))
+				}, null, 8, ["class"])) : (V(), D(k(st), {
+					key: 2,
+					"data-slot": "item",
+					class: K(Z.value.item({ class: [
+						k(h).ui?.item,
+						$(t) && t.ui?.item,
+						$(t) && t.class
+					] })),
+					disabled: $(t) && t.disabled,
+					value: k(h).valueKey && $(t) ? k(c)(t, k(h).valueKey) : t,
+					onSelect: (e) => Et(e, t)
+				}, {
+					default: F(() => [I(e.$slots, "item", {
+						item: t,
+						index: n,
+						ui: Z.value
+					}, () => [
+						I(e.$slots, "item-leading", {
+							item: t,
+							index: n,
+							ui: Z.value
+						}, () => [$(t) && t.icon ? (V(), D(g, {
+							key: 0,
+							name: t.icon,
+							"data-slot": "itemLeadingIcon",
+							class: K(Z.value.itemLeadingIcon({ class: [k(h).ui?.itemLeadingIcon, t.ui?.itemLeadingIcon] }))
+						}, null, 8, ["name", "class"])) : $(t) && t.avatar ? (V(), D(oe, E({
+							key: 1,
+							size: t.ui?.itemLeadingAvatarSize || k(h).ui?.itemLeadingAvatarSize || Z.value.itemLeadingAvatarSize()
+						}, t.avatar, {
+							"data-slot": "itemLeadingAvatar",
+							class: Z.value.itemLeadingAvatar({ class: [k(h).ui?.itemLeadingAvatar, t.ui?.itemLeadingAvatar] })
+						}), null, 16, ["size", "class"])) : $(t) && t.chip ? (V(), D(p, E({
+							key: 2,
+							size: t.ui?.itemLeadingChipSize || k(h).ui?.itemLeadingChipSize || Z.value.itemLeadingChipSize(),
+							inset: "",
+							standalone: ""
+						}, t.chip, {
+							"data-slot": "itemLeadingChip",
+							class: Z.value.itemLeadingChip({ class: [k(h).ui?.itemLeadingChip, t.ui?.itemLeadingChip] })
+						}), null, 16, ["size", "class"])) : N("", !0)]),
+						U("span", {
+							"data-slot": "itemWrapper",
+							class: K(Z.value.itemWrapper({ class: [k(h).ui?.itemWrapper, $(t) && t.ui?.itemWrapper] }))
+						}, [U("span", {
+							"data-slot": "itemLabel",
+							class: K(Z.value.itemLabel({ class: [k(h).ui?.itemLabel, $(t) && t.ui?.itemLabel] }))
+						}, [I(e.$slots, "item-label", {
+							item: t,
+							index: n
+						}, () => [O(z($(t) ? k(c)(t, k(h).labelKey) : t), 1)])], 2), $(t) && (k(c)(t, k(h).descriptionKey) || d["item-description"]) ? (V(), P("span", {
+							key: 0,
+							"data-slot": "itemDescription",
+							class: K(Z.value.itemDescription({ class: [k(h).ui?.itemDescription, $(t) && t.ui?.itemDescription] }))
+						}, [I(e.$slots, "item-description", {
+							item: t,
+							index: n
+						}, () => [O(z(k(c)(t, k(h).descriptionKey)), 1)])], 2)) : N("", !0)], 2),
+						U("span", {
+							"data-slot": "itemTrailing",
+							class: K(Z.value.itemTrailing({ class: [k(h).ui?.itemTrailing, $(t) && t.ui?.itemTrailing] }))
+						}, [I(e.$slots, "item-trailing", {
+							item: t,
+							index: n,
+							ui: Z.value
+						}), L(k(ct), { "as-child": "" }, {
+							default: F(() => [L(g, {
+								name: k(h).selectedIcon || k(S).ui.icons.check,
+								"data-slot": "itemTrailingIcon",
+								class: K(Z.value.itemTrailingIcon({ class: [k(h).ui?.itemTrailingIcon, $(t) && t.ui?.itemTrailingIcon] }))
+							}, null, 8, ["name", "class"])]),
+							_: 2
+						}, 1024)], 2)
+					])]),
+					_: 2
+				}, 1032, [
+					"class",
+					"disabled",
+					"value",
+					"onSelect"
+				]))]),
+				_: 3
+			}),
+			L(k(Ye), E({
+				ref_key: "comboboxRootRef",
+				ref: Mt
+			}, k(ue), {
+				"ignore-filter": "",
+				"as-child": "",
+				name: k(Ae),
+				disabled: Ge.value,
+				"onUpdate:modelValue": bt,
+				"onUpdate:open": Ct
+			}), {
+				default: F(({ modelValue: n, open: r }) => [L(k(Xe), { "as-child": "" }, {
+					default: F(() => [L(k(ft), E({
+						id: k(ke),
+						ref_key: "triggerRef",
+						ref: _t,
+						"data-slot": "base",
+						class: Z.value.base({ class: [k(h).ui?.base, k(h).class] }),
+						tabindex: "0"
+					}, {
+						"aria-label": void 0,
+						...a,
+						...k(Pe)
+					}, { onKeydown: [v(wt, ["down"]), v(wt, ["up"])] }), {
+						default: F(() => [
+							k(ze) || k(h).avatar || d.leading ? (V(), P("span", {
+								key: 0,
+								"data-slot": "leading",
+								class: K(Z.value.leading({ class: k(h).ui?.leading }))
+							}, [I(e.$slots, "leading", {
+								modelValue: n,
+								open: r,
+								ui: Z.value
+							}, () => [k(ze) && k(Ve) ? (V(), D(g, {
+								key: 0,
+								name: k(Ve),
+								"data-slot": "leadingIcon",
+								class: K(Z.value.leadingIcon({ class: k(h).ui?.leadingIcon }))
+							}, null, 8, ["name", "class"])) : k(h).avatar ? (V(), D(oe, E({
+								key: 1,
+								size: k(h).ui?.itemLeadingAvatarSize || Z.value.itemLeadingAvatarSize()
+							}, k(h).avatar, {
+								"data-slot": "itemLeadingAvatar",
+								class: Z.value.itemLeadingAvatar({ class: k(h).ui?.itemLeadingAvatar })
+							}), null, 16, ["size", "class"])) : N("", !0)])], 2)) : N("", !0),
+							I(e.$slots, "default", {
+								modelValue: n,
+								open: r,
+								ui: Z.value
+							}, () => [(V(!0), P(W, null, fe([Ze(n)], (e) => (V(), P(W, { key: e }, [e == null ? (V(), P("span", {
+								key: 1,
+								"data-slot": "placeholder",
+								class: K(Z.value.placeholder({ class: k(h).ui?.placeholder }))
+							}, z(k(h).placeholder ?? "\xA0"), 3)) : (V(), P("span", {
+								key: 0,
+								"data-slot": "value",
+								class: K(Z.value.value({ class: k(h).ui?.value }))
+							}, z(e), 3))], 64))), 128))]),
+							k(Be) || d.trailing || k(h).clear ? (V(), P("span", {
+								key: 1,
+								"data-slot": "trailing",
+								class: K(Z.value.trailing({ class: k(h).ui?.trailing }))
+							}, [I(e.$slots, "trailing", {
+								modelValue: n,
+								open: r,
+								ui: Z.value
+							}, () => [k(h).clear && !Ge.value && !Dt(n) ? (V(), D(k(et), {
+								key: 0,
+								"as-child": ""
+							}, {
+								default: F(() => [L(se, E({
+									as: "span",
+									icon: k(h).clearIcon || k(S).ui.icons.close,
+									size: J.value,
+									variant: "link",
+									color: "neutral",
+									tabindex: "-1"
+								}, me.value, {
+									"data-slot": "trailingClear",
+									class: Z.value.trailingClear({ class: k(h).ui?.trailingClear }),
+									onClick: _(Ot, ["stop"])
+								}), null, 16, [
+									"icon",
+									"size",
+									"class"
+								])]),
+								_: 1
+							})) : k(He) ? (V(), D(g, {
+								key: 1,
+								name: k(He),
+								"data-slot": "trailingIcon",
+								class: K(Z.value.trailingIcon({ class: k(h).ui?.trailingIcon }))
+							}, null, 8, ["name", "class"])) : N("", !0)])], 2)) : N("", !0)
+						]),
+						_: 2
+					}, 1040, ["id", "class"])]),
+					_: 2
+				}, 1024), L(k(ut), R(G(k(w))), {
+					default: F(() => [L(k(m), null, {
+						default: F(() => [L(k(tt), E({
+							"data-slot": "content",
+							class: Z.value.content({ class: k(h).ui?.content })
+						}, M.value), {
+							default: F(() => [L(k(Ee), {
+								loop: "",
+								"data-slot": "focusScope",
+								class: K(Z.value.focusScope({ class: k(h).ui?.focusScope })),
+								onMountAutoFocus: kt,
+								onUnmountAutoFocus: At
+							}, {
+								default: F(() => [
+									I(e.$slots, "content-top"),
+									k(h).searchInput ? (V(), D(k(ot), {
+										key: 0,
+										modelValue: b.value,
+										"onUpdate:modelValue": t[1] ||= (e) => b.value = e,
+										"display-value": () => b.value,
+										"as-child": ""
+									}, {
+										default: F(() => [L(Fe, E({
+											autofocus: "",
+											autocomplete: "off",
+											size: J.value
+										}, ye.value, {
+											"model-modifiers": { trim: k(h).modelModifiers?.trim },
+											"data-slot": "input",
+											class: Z.value.input({ class: k(h).ui?.input }),
+											onChange: t[0] ||= _(() => {}, ["stop"])
+										}), null, 16, [
+											"size",
+											"model-modifiers",
+											"class"
+										])]),
+										_: 1
+									}, 8, ["modelValue", "display-value"])) : N("", !0),
+									L(k(nt), {
+										"data-slot": "empty",
+										class: K(Z.value.empty({ class: k(h).ui?.empty }))
+									}, {
+										default: F(() => [I(e.$slots, "empty", { searchTerm: b.value }, () => [O(z(b.value ? k(x)("selectMenu.noMatch", { searchTerm: b.value }) : k(x)("selectMenu.noData")), 1)])]),
+										_: 3
+									}, 8, ["class"]),
+									U("div", {
+										ref_key: "viewportRef",
+										ref: jt,
+										role: "presentation",
+										"data-slot": "viewport",
+										class: K(Z.value.viewport({ class: k(h).ui?.viewport }))
+									}, [k(h).virtualize ? (V(), P(W, { key: 0 }, [
+										ht.value && gt.value === "top" ? (V(), D(k(Y), { key: 0 })) : N("", !0),
+										L(k(pt), E({
+											options: Q.value,
+											"text-content": (e) => $(e) ? k(c)(e, k(h).labelKey) : String(e)
+										}, he.value), {
+											default: F(({ option: e, virtualItem: t }) => [L(k(Je), {
+												item: e,
+												index: t.index
+											}, null, 8, ["item", "index"])]),
+											_: 1
+										}, 16, ["options", "text-content"]),
+										ht.value && gt.value === "bottom" ? (V(), D(k(Y), { key: 1 })) : N("", !0)
+									], 64)) : (V(), P(W, { key: 1 }, [
+										ht.value && gt.value === "top" ? (V(), D(k(at), {
+											key: 0,
+											"data-slot": "group",
+											class: K(Z.value.group({ class: k(h).ui?.group }))
+										}, {
+											default: F(() => [L(k(Y))]),
+											_: 1
+										}, 8, ["class"])) : N("", !0),
+										(V(!0), P(W, null, fe(it.value, (e, t) => (V(), D(k(at), {
+											key: `group-${t}`,
+											"data-slot": "group",
+											class: K(Z.value.group({ class: k(h).ui?.group }))
+										}, {
+											default: F(() => [(V(!0), P(W, null, fe(e, (e, n) => (V(), D(k(Je), {
+												key: `group-${t}-${n}`,
+												item: e,
+												index: n
+											}, null, 8, ["item", "index"]))), 128))]),
+											_: 2
+										}, 1032, ["class"]))), 128)),
+										ht.value && gt.value === "bottom" ? (V(), D(k(at), {
+											key: 1,
+											"data-slot": "group",
+											class: K(Z.value.group({ class: k(h).ui?.group }))
+										}, {
+											default: F(() => [L(k(Y))]),
+											_: 1
+										}, 8, ["class"])) : N("", !0)
+									], 64))], 2),
+									I(e.$slots, "content-bottom")
+								]),
+								_: 3
+							}, 8, ["class"]), k(h).arrow ? (V(), D(k($e), E({ key: 0 }, pe.value, {
+								"data-slot": "arrow",
+								class: Z.value.arrow({ class: k(h).ui?.arrow })
+							}), null, 16, ["class"])) : N("", !0)]),
+							_: 3
+						}, 16, ["class"])]),
+						_: 3
+					})]),
+					_: 3
+				}, 16)]),
+				_: 3
+			}, 16, ["name", "disabled"])
+		], 64));
+	}
+});
+//#endregion
+export { Q as t };