@phtngyn/cms 0.2.0-beta.8 → 0.3.0

package/studio/chunks/Select-B50WZMW-.js

@@ -0,0 +1,2145 @@
+import { $ as e, A as t, C as n, Dt as r, E as i, F as a, G as o, H as s, Lt as c, N as l, O as u, Q as d, U as f, at as p, b as m, c as h, d as g, h as _, k as v, m as y, nn as b, o as x, p as ee, q as te, s as ne, u as re, wt as S, y as ie } from "./Button-BT3ztSPx.js";
+import { I as C, J as ae, P as w, X as oe, Y as se, q as ce } from "./studioContext-I8HozGU1.js";
+import { b as le } from "./useApi-CUWMwLLw-B3Q3g2nf.js";
+import { $r as ue, $t as T, A as E, B as D, Ci as O, Cr as k, E as A, K as j, M, N, Nn as de, Or as P, Pn as F, V as I, _i as fe, aa as pe, en as L, fa as R, gi as z, gn as B, hr as me, ii as V, k as he, m as ge, mn as _e, mr as ve, o as H, oa as ye, pt as be, ra as U, un as W, wr as xe, zn as Se } from "./runtime-core.esm-bundler-DKFA9Rep.js";
+import { C as Ce, E as we, I as Te, L as Ee, M as De, N as Oe, P as ke, R as Ae, _ as je, a as G, i as Me, j as Ne, k as Pe, o as K } from "./overlay-DnqFLZTc.js";
+import { t as q } from "./useFormControl-CL7sSCUo.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/shared/clamp.js
+function Fe(e, t = -Infinity, n = Infinity) {
+	return Math.min(n, Math.max(t, e));
+}
+function J(e, t) {
+	let n = e, r = t.toString(), i = r.indexOf("."), a = i >= 0 ? r.length - i : 0;
+	if (a > 0) {
+		let e = 10 ** a;
+		n = Math.round(n * e) / e;
+	}
+	return n;
+}
+function Ie(e, t, n, r) {
+	t = Number(t), n = Number(n);
+	let i = (e - (Number.isNaN(t) ? 0 : t)) % r, a = J(Math.abs(i) * 2 >= r ? e + Math.sign(i) * (r - Math.abs(i)) : e - i, r);
+	return Number.isNaN(t) ? !Number.isNaN(n) && a > n && (a = Math.floor(J(n / r, r)) * r) : a < t ? a = t : !Number.isNaN(n) && a > n && (a = t + Math.floor(J((n - t) / r, r)) * r), a = J(a, r), a;
+}
+//#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/shared/useNonce.js
+function Le(e) {
+	let t = l({ nonce: V() });
+	return A(() => e?.value || t.nonce?.value);
+}
+//#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/Select/utils.js
+var Y = [
+	" ",
+	"Enter",
+	"ArrowUp",
+	"ArrowDown"
+], Re = [" ", "Enter"];
+function X(e, t, n) {
+	return e === void 0 ? !1 : Array.isArray(e) ? e.some((e) => Z(e, t, n)) : Z(e, t, n);
+}
+function Z(e, t, n) {
+	return e === void 0 || t === void 0 ? !1 : typeof e == "string" ? e === t : typeof n == "function" ? n(e, t) : typeof n == "string" ? e?.[n] === t?.[n] : d(e, t);
+}
+function ze(e) {
+	return e == null || e === "" || Array.isArray(e) && e.length === 0;
+}
+//#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/Select/SelectRoot.js
+var Be = ["value"], [Q, Ve] = /*#__PURE__*/ a("SelectRoot"), He = /* @__PURE__ */ j({
+	inheritAttrs: !1,
+	__name: "SelectRoot",
+	props: {
+		open: {
+			type: Boolean,
+			required: !1,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			required: !1
+		},
+		defaultValue: {
+			type: null,
+			required: !1
+		},
+		modelValue: {
+			type: null,
+			required: !1,
+			default: void 0
+		},
+		nullableValue: {
+			type: String,
+			required: !1,
+			default: ""
+		},
+		by: {
+			type: [String, Function],
+			required: !1
+		},
+		dir: {
+			type: String,
+			required: !1
+		},
+		multiple: {
+			type: Boolean,
+			required: !1
+		},
+		autocomplete: {
+			type: String,
+			required: !1
+		},
+		disabled: {
+			type: Boolean,
+			required: !1
+		},
+		name: {
+			type: String,
+			required: !1
+		},
+		required: {
+			type: Boolean,
+			required: !1
+		}
+	},
+	emits: ["update:modelValue", "update:open"],
+	setup(e, { emit: t }) {
+		let n = e, i = t, { required: a, disabled: o, multiple: s, dir: c } = fe(n), l = r(n, "modelValue", i, {
+			defaultValue: n.defaultValue ?? (s.value ? [] : void 0),
+			passive: n.modelValue === void 0,
+			deep: !0
+		}), u = r(n, "open", i, {
+			defaultValue: n.defaultOpen,
+			passive: n.open === void 0
+		}), d = V(), f = V(), p = V({
+			x: 0,
+			y: 0
+		}), m = A(() => s.value && Array.isArray(l.value) ? l.value?.length === 0 : Te(l.value));
+		K({ isProvider: !0 });
+		let h = Oe(c), g = q(d), _ = V(/* @__PURE__ */ new Set()), v = A(() => Array.from(_.value).map((e) => e.value).join(";"));
+		function y(e) {
+			if (s.value) {
+				let t = Array.isArray(l.value) ? [...l.value] : [], r = t.findIndex((t) => Z(t, e, n.by));
+				r === -1 ? t.push(e) : t.splice(r, 1), l.value = [...t];
+			} else l.value = e;
+		}
+		function b(e) {
+			return Array.from(_.value).find((t) => X(e, t.value, n.by));
+		}
+		return Ve({
+			triggerElement: d,
+			onTriggerChange: (e) => {
+				d.value = e;
+			},
+			valueElement: f,
+			onValueElementChange: (e) => {
+				f.value = e;
+			},
+			contentId: "",
+			modelValue: l,
+			onValueChange: y,
+			by: n.by,
+			open: u,
+			multiple: s,
+			required: a,
+			onOpenChange: (e) => {
+				u.value = e;
+			},
+			dir: h,
+			triggerPointerDownPosRef: p,
+			disabled: o,
+			isEmptyModelValue: m,
+			optionsSet: _,
+			onOptionAdd: (e) => {
+				let t = b(e.value);
+				t && _.value.delete(t), _.value.add(e);
+			},
+			onOptionRemove: (e) => {
+				let t = b(e.value);
+				t && _.value.delete(t);
+			}
+		}), (e, t) => (B(), E(O(ae), null, {
+			default: P(() => [F(e.$slots, "default", {
+				modelValue: O(l),
+				open: O(u)
+			}), O(g) && e.name ? (B(), E(Ue, {
+				key: v.value,
+				"aria-hidden": "true",
+				tabindex: "-1",
+				multiple: O(s),
+				required: O(a),
+				name: e.name,
+				autocomplete: e.autocomplete,
+				disabled: O(o),
+				value: O(l)
+			}, {
+				default: P(() => [O(Te)(O(l)) ? (B(), N("option", {
+					key: 0,
+					value: e.nullableValue
+				}, null, 8, Be)) : M("v-if", !0), (B(!0), N(H, null, de(Array.from(_.value), (e) => (B(), N("option", T({ key: e.value ?? "" }, { ref_for: !0 }, e), null, 16))), 128))]),
+				_: 1
+			}, 8, [
+				"multiple",
+				"required",
+				"name",
+				"autocomplete",
+				"disabled",
+				"value"
+			])) : M("v-if", !0)]),
+			_: 3
+		}));
+	}
+}), Ue = /* @__PURE__ */ j({
+	__name: "BubbleSelect",
+	props: {
+		autocomplete: {
+			type: String,
+			required: !1
+		},
+		autofocus: {
+			type: Boolean,
+			required: !1
+		},
+		disabled: {
+			type: Boolean,
+			required: !1
+		},
+		form: {
+			type: String,
+			required: !1
+		},
+		multiple: {
+			type: Boolean,
+			required: !1
+		},
+		name: {
+			type: String,
+			required: !1
+		},
+		required: {
+			type: Boolean,
+			required: !1
+		},
+		size: {
+			type: Number,
+			required: !1
+		},
+		value: {
+			type: null,
+			required: !1
+		}
+	},
+	setup(e) {
+		let t = e, n = V(), r = Q();
+		k(() => t.value, (e, t) => {
+			let r = window.HTMLSelectElement.prototype, i = Object.getOwnPropertyDescriptor(r, "value").set;
+			if (e !== t && i && n.value) {
+				let t = new Event("change", { bubbles: !0 });
+				i.call(n.value, e), n.value.dispatchEvent(t);
+			}
+		});
+		function i(e) {
+			r.onValueChange(e.target.value);
+		}
+		return (e, r) => (B(), E(O(G), { "as-child": "" }, {
+			default: P(() => [he("select", T({
+				ref_key: "selectElement",
+				ref: n
+			}, t, { onInput: i }), [F(e.$slots, "default")], 16)]),
+			_: 3
+		}));
+	}
+}), We = /* @__PURE__ */ j({
+	__name: "SelectPopperPosition",
+	props: {
+		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,
+			default: "start"
+		},
+		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,
+			default: 10
+		},
+		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
+		}
+	},
+	setup(e) {
+		let t = v(e);
+		return (e, n) => (B(), E(O(C), T(O(t), { style: {
+			boxSizing: "border-box",
+			"--reka-select-content-transform-origin": "var(--reka-popper-transform-origin)",
+			"--reka-select-content-available-width": "var(--reka-popper-available-width)",
+			"--reka-select-content-available-height": "var(--reka-popper-available-height)",
+			"--reka-select-trigger-width": "var(--reka-popper-anchor-width)",
+			"--reka-select-trigger-height": "var(--reka-popper-anchor-height)"
+		} }), {
+			default: P(() => [F(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), Ge = {
+	onViewportChange: () => {},
+	itemTextRefCallback: () => {},
+	itemRefCallback: () => {}
+}, [$, Ke] = /*#__PURE__*/ a("SelectContent"), qe = /* @__PURE__ */ j({
+	__name: "SelectContentImpl",
+	props: {
+		position: {
+			type: String,
+			required: !1,
+			default: "item-aligned"
+		},
+		bodyLock: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		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,
+			default: "start"
+		},
+		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,
+			default: !0
+		}
+	},
+	emits: [
+		"closeAutoFocus",
+		"escapeKeyDown",
+		"pointerDownOutside"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = Q();
+		oe(), ke(n.bodyLock);
+		let { CollectionSlot: a, getItems: o } = K(), s = V();
+		De(s);
+		let { search: c, handleTypeaheadSearch: l } = Ne(), u = V(), d = V(), f = V(), m = V(!1), h = V(!1), g = V(!1);
+		function _() {
+			d.value && s.value && je([d.value, s.value]);
+		}
+		k(m, () => {
+			_();
+		});
+		let { onOpenChange: y, triggerPointerDownPosRef: x } = i;
+		xe((e) => {
+			if (!s.value) return;
+			let t = {
+				x: 0,
+				y: 0
+			}, n = (e) => {
+				t = {
+					x: Math.abs(Math.round(e.pageX) - (x.value?.x ?? 0)),
+					y: Math.abs(Math.round(e.pageY) - (x.value?.y ?? 0))
+				};
+			}, r = (e) => {
+				e.pointerType !== "touch" && (t.x <= 10 && t.y <= 10 ? e.preventDefault() : s.value?.contains(e.target) || y(!1), document.removeEventListener("pointermove", n), x.value = null);
+			};
+			x.value !== null && (document.addEventListener("pointermove", n), document.addEventListener("pointerup", r, {
+				capture: !0,
+				once: !0
+			})), e(() => {
+				document.removeEventListener("pointermove", n), document.removeEventListener("pointerup", r, { capture: !0 });
+			});
+		});
+		function ee(e) {
+			let t = e.ctrlKey || e.altKey || e.metaKey;
+			if (e.key === "Tab" && e.preventDefault(), e.code === "Space") {
+				if (c.value === "") return;
+				e.preventDefault();
+			}
+			if (!t && e.key.length === 1 && l(e.key, o()), [
+				"ArrowUp",
+				"ArrowDown",
+				"Home",
+				"End"
+			].includes(e.key)) {
+				let t = [...o().map((e) => e.ref)];
+				if (["ArrowUp", "End"].includes(e.key) && (t = t.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(e.key)) {
+					let n = e.target, r = t.indexOf(n);
+					t = t.slice(r + 1);
+				}
+				setTimeout(() => je(t)), e.preventDefault();
+			}
+		}
+		let te = A(() => n.position === "popper" ? n : {}), ne = v(te.value);
+		return Ke({
+			content: s,
+			viewport: u,
+			onViewportChange: (e) => {
+				u.value = e;
+			},
+			itemRefCallback: (e, t, n) => {
+				let r = !h.value && !n, a = X(i.modelValue.value, t, i.by);
+				if (i.multiple.value) {
+					if (g.value) return;
+					(a || r) && (d.value = e, a && (g.value = !0));
+				} else (a || r) && (d.value = e);
+				r && (h.value = !0);
+			},
+			selectedItem: d,
+			selectedItemText: f,
+			onItemLeave: () => {
+				s.value?.focus();
+			},
+			itemTextRefCallback: (e, t, n) => {
+				let r = !h.value && !n;
+				(X(i.modelValue.value, t, i.by) || r) && (f.value = e);
+			},
+			focusSelectedItem: _,
+			position: n.position,
+			isPositioned: m,
+			searchRef: c
+		}), (e, t) => (B(), E(O(a), null, {
+			default: P(() => [I(O(Ce), {
+				"as-child": "",
+				onMountAutoFocus: t[6] ||= b(() => {}, ["prevent"]),
+				onUnmountAutoFocus: t[7] ||= (e) => {
+					r("closeAutoFocus", e), !e.defaultPrevented && (O(i).triggerElement.value?.focus({ preventScroll: !0 }), e.preventDefault());
+				}
+			}, {
+				default: P(() => [I(O(we), {
+					"as-child": "",
+					"disable-outside-pointer-events": e.disableOutsidePointerEvents,
+					onFocusOutside: t[2] ||= b(() => {}, ["prevent"]),
+					onDismiss: t[3] ||= (e) => O(i).onOpenChange(!1),
+					onEscapeKeyDown: t[4] ||= (e) => r("escapeKeyDown", e),
+					onPointerDownOutside: t[5] ||= (e) => r("pointerDownOutside", e)
+				}, {
+					default: P(() => [(B(), E(Se(e.position === "popper" ? We : Xe), T({
+						...e.$attrs,
+						...O(ne)
+					}, {
+						id: O(i).contentId,
+						ref: (e) => {
+							if (!e) return;
+							let t = O(p)(e);
+							t?.hasAttribute("data-reka-popper-content-wrapper") ? s.value = t.firstElementChild : s.value = t;
+						},
+						role: "listbox",
+						"data-state": O(i).open.value ? "open" : "closed",
+						dir: O(i).dir.value,
+						style: {
+							display: "flex",
+							flexDirection: "column",
+							outline: "none"
+						},
+						onContextmenu: t[0] ||= b(() => {}, ["prevent"]),
+						onPlaced: t[1] ||= (e) => m.value = !0,
+						onKeydown: ee
+					}), {
+						default: P(() => [F(e.$slots, "default")]),
+						_: 3
+					}, 16, [
+						"id",
+						"data-state",
+						"dir",
+						"onKeydown"
+					]))]),
+					_: 3
+				}, 8, ["disable-outside-pointer-events"])]),
+				_: 3
+			})]),
+			_: 3
+		}));
+	}
+}), [Je, Ye] = /*#__PURE__*/ a("SelectItemAlignedPosition"), Xe = /* @__PURE__ */ j({
+	inheritAttrs: !1,
+	__name: "SelectItemAlignedPosition",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		}
+	},
+	emits: ["placed"],
+	setup(e, { emit: n }) {
+		let r = e, a = n, { getItems: o } = K(), s = Q(), c = $(), l = V(!1), u = V(!0), d = V(), { forwardRef: f, currentElement: p } = t(), { viewport: m, selectedItem: h, selectedItemText: g, focusSelectedItem: _ } = c;
+		function v() {
+			if (s.triggerElement.value && s.valueElement.value && d.value && p.value && m?.value && h?.value && g?.value) {
+				let e = s.triggerElement.value.getBoundingClientRect(), t = p.value.getBoundingClientRect(), n = s.valueElement.value.getBoundingClientRect(), r = g.value.getBoundingClientRect();
+				if (s.dir.value !== "rtl") {
+					let i = r.left - t.left, a = n.left - i, o = e.left - a, s = e.width + o, c = Math.max(s, t.width), l = window.innerWidth - 10, u = Fe(a, 10, Math.max(10, l - c));
+					d.value.style.minWidth = `${s}px`, d.value.style.left = `${u}px`;
+				} else {
+					let i = t.right - r.right, a = window.innerWidth - n.right - i, o = window.innerWidth - e.right - a, s = e.width + o, c = Math.max(s, t.width), l = window.innerWidth - 10, u = Fe(a, 10, Math.max(10, l - c));
+					d.value.style.minWidth = `${s}px`, d.value.style.right = `${u}px`;
+				}
+				let i = o().map((e) => e.ref), c = window.innerHeight - 20, u = m.value.scrollHeight, f = window.getComputedStyle(p.value), _ = Number.parseInt(f.borderTopWidth, 10), v = Number.parseInt(f.paddingTop, 10), y = Number.parseInt(f.borderBottomWidth, 10), b = Number.parseInt(f.paddingBottom, 10), x = _ + v + u + b + y, ee = Math.min(h.value.offsetHeight * 5, x), te = window.getComputedStyle(m.value), ne = Number.parseInt(te.paddingTop, 10), re = Number.parseInt(te.paddingBottom, 10), S = e.top + e.height / 2 - 10, ie = c - S, C = h.value.offsetHeight / 2, ae = h.value.offsetTop + C, w = _ + v + ae, oe = x - w;
+				if (w <= S) {
+					let e = h.value === i.at(-1);
+					d.value.style.bottom = "0px";
+					let t = p.value.clientHeight - m.value.offsetTop - m.value.offsetHeight, n = w + Math.max(ie, C + (e ? re : 0) + t + y);
+					d.value.style.height = `${n}px`;
+				} else {
+					let e = h.value === i[0];
+					d.value.style.top = "0px";
+					let t = Math.max(S, _ + m.value.offsetTop + (e ? ne : 0) + C) + oe;
+					d.value.style.height = `${t}px`, m.value.scrollTop = w - S + m.value.offsetTop;
+				}
+				d.value.style.margin = "10px 0", d.value.style.minHeight = `${ee}px`, d.value.style.maxHeight = `${c}px`, a("placed"), requestAnimationFrame(() => l.value = !0);
+			}
+		}
+		let y = V("");
+		W(async () => {
+			await L(), v(), p.value && (y.value = window.getComputedStyle(p.value).zIndex);
+		});
+		function b(e) {
+			e && u.value === !0 && (v(), _?.(), u.value = !1);
+		}
+		return S(s.triggerElement, () => {
+			v();
+		}), Ye({
+			contentWrapper: d,
+			shouldExpandOnScrollRef: l,
+			onScrollButtonChange: b
+		}), (e, t) => (B(), N("div", {
+			ref_key: "contentWrapperElement",
+			ref: d,
+			style: ye({
+				display: "flex",
+				flexDirection: "column",
+				position: "fixed",
+				zIndex: y.value
+			})
+		}, [I(O(i), T({
+			ref: O(f),
+			style: {
+				boxSizing: "border-box",
+				maxHeight: "100%"
+			}
+		}, {
+			...e.$attrs,
+			...r
+		}), {
+			default: P(() => [F(e.$slots, "default")]),
+			_: 3
+		}, 16)], 4));
+	}
+}), Ze = /* @__PURE__ */ j({
+	__name: "SelectArrow",
+	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 t = e, n = $(Ge);
+		return (e, r) => O(n).position === "popper" ? (B(), E(O(w), pe(T({ key: 0 }, t)), {
+			default: P(() => [F(e.$slots, "default")]),
+			_: 3
+		}, 16)) : M("v-if", !0);
+	}
+}), Qe = /* @__PURE__ */ j({
+	inheritAttrs: !1,
+	__name: "SelectProvider",
+	props: { context: {
+		type: Object,
+		required: !0
+	} },
+	setup(e) {
+		return Ve(e.context), Ke(Ge), (e, t) => F(e.$slots, "default");
+	}
+}), $e = { key: 1 }, et = /* @__PURE__ */ j({
+	inheritAttrs: !1,
+	__name: "SelectContent",
+	props: {
+		forceMount: {
+			type: Boolean,
+			required: !1
+		},
+		position: {
+			type: String,
+			required: !1
+		},
+		bodyLock: {
+			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: [
+		"closeAutoFocus",
+		"escapeKeyDown",
+		"pointerDownOutside"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = se(n, t), i = Q(), a = V();
+		W(() => {
+			a.value = new DocumentFragment();
+		});
+		let o = V(), s = A(() => n.forceMount || i.open.value), c = V(s.value), l;
+		function u() {
+			l &&= (clearTimeout(l), void 0);
+		}
+		return k(s, (e, t, n) => {
+			u(), l = setTimeout(() => {
+				c.value = s.value, l = void 0;
+			}), n(u);
+		}), _e(u), (e, t) => s.value || c.value || o.value?.present ? (B(), E(O(Pe), {
+			key: 0,
+			ref_key: "presenceRef",
+			ref: o,
+			present: s.value
+		}, {
+			default: P(() => [I(qe, pe(be({
+				...O(r),
+				...e.$attrs
+			})), {
+				default: P(() => [F(e.$slots, "default")]),
+				_: 3
+			}, 16)]),
+			_: 3
+		}, 8, ["present"])) : a.value ? (B(), N("div", $e, [(B(), E(ge, { to: a.value }, [I(Qe, { context: O(i) }, {
+			default: P(() => [F(e.$slots, "default")]),
+			_: 3
+		}, 8, ["context"])], 8, ["to"]))])) : M("v-if", !0);
+	}
+}), [tt, nt] = /*#__PURE__*/ a("SelectGroup"), rt = /* @__PURE__ */ j({
+	__name: "SelectGroup",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		}
+	},
+	setup(e) {
+		let t = e, n = u(void 0, "reka-select-group");
+		return nt({ id: n }), (e, r) => (B(), E(O(i), T({ role: "group" }, t, { "aria-labelledby": O(n) }), {
+			default: P(() => [F(e.$slots, "default")]),
+			_: 3
+		}, 16, ["aria-labelledby"]));
+	}
+}), [it, at] = /*#__PURE__*/ a("SelectItem"), ot = /* @__PURE__ */ j({
+	__name: "SelectItem",
+	props: {
+		value: {
+			type: null,
+			required: !0
+		},
+		disabled: {
+			type: Boolean,
+			required: !1
+		},
+		textValue: {
+			type: String,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		}
+	},
+	emits: ["select"],
+	setup(e, { emit: n }) {
+		let r = e, a = n, { disabled: o } = fe(r), s = Q(), c = $(), { forwardRef: l, currentElement: d } = t(), { CollectionItem: f } = K(), p = A(() => X(s.modelValue?.value, r.value, s.by)), m = V(!1), h = V(r.textValue ?? ""), g = u(void 0, "reka-select-item-text");
+		async function _(e) {
+			if (e.defaultPrevented) return;
+			let t = {
+				originalEvent: e,
+				value: r.value
+			};
+			Ee("select.select", v, t);
+		}
+		async function v(e) {
+			await L(), a("select", e), !e.defaultPrevented && (o.value || (s.onValueChange(r.value), s.multiple.value || s.onOpenChange(!1)));
+		}
+		async function y(e) {
+			await L(), !e.defaultPrevented && (o.value ? c.onItemLeave?.() : e.currentTarget?.focus({ preventScroll: !0 }));
+		}
+		async function x(e) {
+			await L(), !e.defaultPrevented && e.currentTarget === Ae() && c.onItemLeave?.();
+		}
+		async function ee(e) {
+			await L(), !e.defaultPrevented && (c.searchRef?.value === "" || e.key !== " ") && (Re.includes(e.key) && _(e), e.key === " " && e.preventDefault());
+		}
+		if (r.value === "") throw Error("A <SelectItem /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder.");
+		return W(() => {
+			d.value && c.itemRefCallback(d.value, r.value, r.disabled);
+		}), at({
+			value: r.value,
+			disabled: o,
+			textId: g,
+			isSelected: p,
+			onItemTextChange: (e) => {
+				h.value = ((h.value || e?.textContent) ?? "").trim();
+			}
+		}), (e, t) => (B(), E(O(f), { value: { textValue: h.value } }, {
+			default: P(() => [I(O(i), {
+				ref: O(l),
+				role: "option",
+				"aria-labelledby": O(g),
+				"data-highlighted": m.value ? "" : void 0,
+				"aria-selected": p.value,
+				"data-state": p.value ? "checked" : "unchecked",
+				"aria-disabled": O(o) || void 0,
+				"data-disabled": O(o) ? "" : void 0,
+				tabindex: O(o) ? void 0 : -1,
+				as: e.as,
+				"as-child": e.asChild,
+				onFocus: t[0] ||= (e) => m.value = !0,
+				onBlur: t[1] ||= (e) => m.value = !1,
+				onPointerup: _,
+				onPointerdown: t[2] ||= (e) => {
+					e.currentTarget.focus({ preventScroll: !0 });
+				},
+				onTouchend: t[3] ||= b(() => {}, ["prevent", "stop"]),
+				onPointermove: y,
+				onPointerleave: x,
+				onKeydown: ee
+			}, {
+				default: P(() => [F(e.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"aria-labelledby",
+				"data-highlighted",
+				"aria-selected",
+				"data-state",
+				"aria-disabled",
+				"data-disabled",
+				"tabindex",
+				"as",
+				"as-child"
+			])]),
+			_: 3
+		}, 8, ["value"]));
+	}
+}), st = /* @__PURE__ */ j({
+	__name: "SelectItemIndicator",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "span"
+		}
+	},
+	setup(e) {
+		let t = e, n = it();
+		return (e, r) => O(n).isSelected.value ? (B(), E(O(i), T({
+			key: 0,
+			"aria-hidden": "true"
+		}, t), {
+			default: P(() => [F(e.$slots, "default")]),
+			_: 3
+		}, 16)) : M("v-if", !0);
+	}
+}), ct = /* @__PURE__ */ j({
+	inheritAttrs: !1,
+	__name: "SelectItemText",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "span"
+		}
+	},
+	setup(e) {
+		let n = e, r = Q(), a = $(), o = it(), { forwardRef: s, currentElement: c } = t(), l = A(() => ({
+			value: o.value,
+			disabled: o.disabled.value,
+			textContent: c.value?.textContent ?? o.value?.toString() ?? ""
+		}));
+		return W(() => {
+			c.value && (o.onItemTextChange(c.value), a.itemTextRefCallback(c.value, o.value, o.disabled.value), r.onOptionAdd(l.value));
+		}), _e(() => {
+			r.onOptionRemove(l.value);
+		}), (e, t) => (B(), E(O(i), T({
+			id: O(o).textId,
+			ref: O(s)
+		}, {
+			...n,
+			...e.$attrs
+		}), {
+			default: P(() => [F(e.$slots, "default")]),
+			_: 3
+		}, 16, ["id"]));
+	}
+}), lt = /* @__PURE__ */ j({
+	__name: "SelectLabel",
+	props: {
+		for: {
+			type: String,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "div"
+		}
+	},
+	setup(e) {
+		let t = e, n = tt({ id: "" });
+		return (e, r) => (B(), E(O(i), T(t, { id: O(n).id }), {
+			default: P(() => [F(e.$slots, "default")]),
+			_: 3
+		}, 16, ["id"]));
+	}
+}), ut = /* @__PURE__ */ j({
+	__name: "SelectPortal",
+	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, r) => (B(), E(O(n), pe(be(t)), {
+			default: P(() => [F(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), dt = /* @__PURE__ */ j({
+	__name: "SelectSeparator",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		}
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (B(), E(O(i), T({ "aria-hidden": "true" }, t), {
+			default: P(() => [F(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), ft = /* @__PURE__ */ j({
+	__name: "SelectTrigger",
+	props: {
+		disabled: {
+			type: Boolean,
+			required: !1
+		},
+		reference: {
+			type: null,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "button"
+		}
+	},
+	setup(e) {
+		let n = e, r = Q(), { forwardRef: a, currentElement: o } = t(), s = A(() => r.disabled?.value || n.disabled);
+		r.contentId ||= u(void 0, "reka-select-content"), W(() => {
+			r.onTriggerChange(o.value);
+		});
+		let { getItems: c } = K(), { search: l, handleTypeaheadSearch: d, resetTypeahead: f } = Ne();
+		function p() {
+			s.value || (r.onOpenChange(!0), f());
+		}
+		function m(e) {
+			p(), r.triggerPointerDownPosRef.value = {
+				x: Math.round(e.pageX),
+				y: Math.round(e.pageY)
+			};
+		}
+		function h(e) {
+			return e.button === 0 && e.ctrlKey === !1;
+		}
+		let g = !1;
+		function _(e) {
+			if (e.pointerType === "touch") return e.preventDefault();
+			let t = e.target;
+			t.hasPointerCapture(e.pointerId) && t.releasePointerCapture(e.pointerId), h(e) && (m(e), g = !0);
+		}
+		function v(e) {
+			h(e) && e.preventDefault();
+		}
+		function y(e) {
+			g || e.currentTarget?.focus(), g = !1;
+		}
+		return (e, t) => (B(), E(O(ce), {
+			"as-child": "",
+			reference: e.reference
+		}, {
+			default: P(() => [I(O(i), {
+				ref: O(a),
+				role: "combobox",
+				type: e.as === "button" ? "button" : void 0,
+				"aria-controls": O(r).open.value ? O(r).contentId : void 0,
+				"aria-expanded": O(r).open.value || !1,
+				"aria-required": O(r).required?.value,
+				"aria-autocomplete": "none",
+				disabled: s.value,
+				dir: O(r)?.dir.value,
+				"data-state": O(r)?.open.value ? "open" : "closed",
+				"data-disabled": s.value ? "" : void 0,
+				"data-placeholder": O(ze)(O(r).modelValue?.value) ? "" : void 0,
+				"as-child": e.asChild,
+				as: e.as,
+				onClick: y,
+				onPointerdown: _,
+				onMousedown: v,
+				onPointerup: t[0] ||= b((e) => {
+					e.pointerType === "touch" && m(e);
+				}, ["prevent"]),
+				onKeydown: t[1] ||= (e) => {
+					let t = O(l) !== "";
+					(e.ctrlKey || e.altKey || e.metaKey || e.key.length !== 1 || !t || e.key !== " ") && (O(d)(e.key, O(c)()), O(Y).includes(e.key) && (p(), e.preventDefault()));
+				}
+			}, {
+				default: P(() => [F(e.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"type",
+				"aria-controls",
+				"aria-expanded",
+				"aria-required",
+				"disabled",
+				"dir",
+				"data-state",
+				"data-disabled",
+				"data-placeholder",
+				"as-child",
+				"as"
+			])]),
+			_: 3
+		}, 8, ["reference"]));
+	}
+}), pt = /* @__PURE__ */ j({
+	__name: "SelectValue",
+	props: {
+		placeholder: {
+			type: String,
+			required: !1,
+			default: ""
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "span"
+		}
+	},
+	setup(e) {
+		let n = e, { forwardRef: r, currentElement: a } = t(), o = Q();
+		W(() => {
+			o.valueElement = a;
+		});
+		let s = A(() => {
+			let e = [], t = Array.from(o.optionsSet.value), n = (e) => t.find((t) => X(e, t.value, o.by));
+			return e = Array.isArray(o.modelValue.value) ? o.modelValue.value.map((e) => n(e)?.textContent ?? "") : [n(o.modelValue.value)?.textContent ?? ""], e.filter(Boolean);
+		}), c = A(() => s.value.length ? s.value.join(", ") : n.placeholder);
+		return (e, t) => (B(), E(O(i), {
+			ref: O(r),
+			as: e.as,
+			"as-child": e.asChild,
+			style: { pointerEvents: "none" },
+			"data-placeholder": s.value.length ? void 0 : n.placeholder
+		}, {
+			default: P(() => [F(e.$slots, "default", {
+				selectedLabel: s.value,
+				modelValue: O(o).modelValue.value
+			}, () => [D(R(c.value), 1)])]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"data-placeholder"
+		]));
+	}
+}), mt = /* @__PURE__ */ j({
+	__name: "SelectViewport",
+	props: {
+		nonce: {
+			type: String,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		}
+	},
+	setup(e) {
+		let n = e, { nonce: r } = fe(n), a = Le(r), o = $(), s = o.position === "item-aligned" ? Je() : void 0, { forwardRef: c, currentElement: l } = t();
+		W(() => {
+			o?.onViewportChange(l.value);
+		});
+		let u = V(0);
+		function d(e) {
+			let t = e.currentTarget, { shouldExpandOnScrollRef: n, contentWrapper: r } = s ?? {};
+			if (n?.value && r?.value) {
+				let e = Math.abs(u.value - t.scrollTop);
+				if (e > 0) {
+					let n = window.innerHeight - 20, i = Number.parseFloat(r.value.style.minHeight), a = Number.parseFloat(r.value.style.height), o = Math.max(i, a);
+					if (o < n) {
+						let i = o + e, a = Math.min(n, i), s = i - a;
+						r.value.style.height = `${a}px`, r.value.style.bottom === "0px" && (t.scrollTop = s > 0 ? s : 0, r.value.style.justifyContent = "flex-end");
+					}
+				}
+			}
+			u.value = t.scrollTop;
+		}
+		return (e, t) => (B(), N(H, null, [I(O(i), T({
+			ref: O(c),
+			"data-reka-select-viewport": "",
+			role: "presentation"
+		}, {
+			...e.$attrs,
+			...n
+		}, {
+			style: {
+				position: "relative",
+				flex: 1,
+				overflow: "hidden auto"
+			},
+			onScroll: d
+		}), {
+			default: P(() => [F(e.$slots, "default")]),
+			_: 3
+		}, 16), I(O(i), {
+			as: "style",
+			nonce: O(a)
+		}, {
+			default: P(() => t[0] ||= [D(" /* Hide scrollbars cross-browser and enable momentum scroll for touch devices */ [data-reka-select-viewport] { scrollbar-width:none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } [data-reka-select-viewport]::-webkit-scrollbar { display: none; } ")]),
+			_: 1,
+			__: [0]
+		}, 8, ["nonce"])], 64));
+	}
+}), ht = {
+	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",
+		viewport: "relative divide-y divide-default 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"
+	},
+	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: "" }
+	},
+	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"
+	}
+}, gt = /*@__PURE__*/ Object.assign({ inheritAttrs: !1 }, {
+	__name: "Select",
+	props: {
+		id: {
+			type: String,
+			required: !1
+		},
+		placeholder: {
+			type: String,
+			required: !1
+		},
+		color: {
+			type: null,
+			required: !1
+		},
+		variant: {
+			type: null,
+			required: !1
+		},
+		size: {
+			type: null,
+			required: !1
+		},
+		trailingIcon: {
+			type: null,
+			required: !1
+		},
+		selectedIcon: {
+			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
+		},
+		valueKey: {
+			type: null,
+			required: !1,
+			default: "value"
+		},
+		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
+		},
+		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
+		},
+		nullableValue: {
+			type: String,
+			required: !1
+		},
+		autocomplete: {
+			type: String,
+			required: !1
+		},
+		disabled: {
+			type: Boolean,
+			required: !1
+		},
+		name: {
+			type: String,
+			required: !1
+		},
+		required: {
+			type: Boolean,
+			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
+		}
+	},
+	emits: [
+		"change",
+		"blur",
+		"focus",
+		"update:modelValue",
+		"update:open"
+	],
+	setup(t, { expose: n, emit: r, attrs: i }) {
+		let a = t, l = r, u = ve(), d = m("select", a), p = e(), v = _(c(d, "open", "defaultOpen", "disabled", "autocomplete", "required", "multiple", "nullableValue"), l), b = Me(z(() => d.portal)), S = A(() => d.content?.position ?? p.ui?.select?.defaultVariants?.position ?? ht.defaultVariants?.position), C = z(() => le(d.content, {
+			side: "bottom",
+			sideOffset: 8,
+			collisionPadding: 8,
+			position: S.value
+		})), ae = z(() => le(d.arrow, { rounded: !0 })), { emitFormChange: w, emitFormInput: oe, emitFormBlur: se, emitFormFocus: ce, size: k, color: j, id: fe, name: L, highlight: V, disabled: ge, ariaAttrs: _e } = x(a), { orientation: ye, size: xe } = ee(a), { isLeading: Ce, isTrailing: we, leadingIconName: Te, trailingIconName: Ee } = re(A(() => ({
+			icon: d.icon,
+			leading: d.leading,
+			leadingIcon: d.leadingIcon,
+			trailing: d.trailing,
+			trailingIcon: d.trailingIcon ?? p.ui.icons.chevronDown,
+			loading: d.loading,
+			loadingIcon: d.loadingIcon
+		}))), De = A(() => j.value ?? d.color), Oe = A(() => V.value ?? d.highlight), ke = A(() => xe.value ?? k.value ?? d.size), Ae = A(() => ge.value ?? d.disabled), je = A(() => S.value === "item-aligned"), G = A(() => ie({
+			extend: ht,
+			...p.ui?.select || {}
+		})({
+			color: De.value,
+			variant: d.variant,
+			size: ke.value,
+			loading: d.loading,
+			highlight: Oe.value,
+			fixed: d.fixed,
+			leading: Ce.value || !!d.avatar || !!u.leading,
+			trailing: we.value || !!u.trailing,
+			fieldGroup: ye.value,
+			position: S.value,
+			multiple: d.multiple
+		})), Ne = A(() => d.items?.length ? o(d.items) ? d.items : [d.items] : []), Pe = A(() => Ne.value.flatMap((e) => e));
+		function K(e) {
+			if (d.multiple && Array.isArray(e)) {
+				let t = e.map((e) => f(Pe.value, e, {
+					labelKey: d.labelKey,
+					valueKey: d.valueKey
+				})).filter((e) => e != null && e !== "");
+				return t.length > 0 ? t.join(", ") : void 0;
+			}
+			return f(Pe.value, e, {
+				labelKey: d.labelKey,
+				valueKey: d.valueKey
+			});
+		}
+		let q = me("triggerRef");
+		function Fe() {
+			d.autofocus && q.value?.$el?.focus({ focusVisible: !0 });
+		}
+		let J;
+		W(() => {
+			J = setTimeout(() => {
+				Fe();
+			}, d.autofocusDelay);
+		}), ue(() => clearTimeout(J));
+		function Ie(e) {
+			d.modelModifiers?.trim && (typeof e == "string" || e == null) && (e = e?.trim() ?? null), d.modelModifiers?.number && (e = te(e)), d.modelModifiers?.nullable && (e ??= null), d.modelModifiers?.optional && !d.modelModifiers?.nullable && e !== null && (e ??= void 0);
+			let t = new Event("change", { target: { value: e } });
+			l("change", t), w(), oe();
+		}
+		function Le(e) {
+			if (e) {
+				let e = new FocusEvent("focus");
+				l("focus", e), ce();
+			} else {
+				let e = new FocusEvent("blur");
+				l("blur", e), se();
+			}
+		}
+		function Y(e) {
+			return typeof e == "object" && !!e;
+		}
+		function Re(e) {
+			e || q.value?.$el?.dispatchEvent(new PointerEvent("pointerdown", {
+				bubbles: !0,
+				button: 0
+			}));
+		}
+		function X(e) {
+			let t = document.activeElement;
+			t && t !== document.body && !e.target.contains(t) && e.preventDefault();
+		}
+		let Z = me("viewportRef");
+		return n({
+			triggerRef: z(() => q.value?.$el),
+			viewportRef: z(() => {
+				let e = Z.value;
+				return e && typeof e == "object" && "$el" in e ? e.$el : e;
+			})
+		}), (e, n) => (B(), E(O(He), T({ name: O(L) }, O(v), {
+			autocomplete: O(d).autocomplete,
+			disabled: Ae.value,
+			"default-value": O(d).defaultValue,
+			"model-value": t.modelValue,
+			"onUpdate:modelValue": Ie,
+			"onUpdate:open": Le
+		}), {
+			default: P(({ modelValue: t, open: n }) => [I(O(ft), T({
+				id: O(fe),
+				ref_key: "triggerRef",
+				ref: q,
+				"data-slot": "base",
+				class: G.value.base({ class: [O(d).ui?.base, O(d).class] })
+			}, {
+				...i,
+				...O(_e)
+			}, { onClick: (e) => Re(n) }), {
+				default: P(() => [
+					O(Ce) || O(d).avatar || u.leading ? (B(), N("span", {
+						key: 0,
+						"data-slot": "leading",
+						class: U(G.value.leading({ class: O(d).ui?.leading }))
+					}, [F(e.$slots, "leading", {
+						modelValue: t,
+						open: n,
+						ui: G.value
+					}, () => [O(Ce) && O(Te) ? (B(), E(y, {
+						key: 0,
+						name: O(Te),
+						"data-slot": "leadingIcon",
+						class: U(G.value.leadingIcon({ class: O(d).ui?.leadingIcon }))
+					}, null, 8, ["name", "class"])) : O(d).avatar ? (B(), E(ne, T({
+						key: 1,
+						size: O(d).ui?.itemLeadingAvatarSize || G.value.itemLeadingAvatarSize()
+					}, O(d).avatar, {
+						"data-slot": "itemLeadingAvatar",
+						class: G.value.itemLeadingAvatar({ class: O(d).ui?.itemLeadingAvatar })
+					}), null, 16, ["size", "class"])) : M("", !0)])], 2)) : M("", !0),
+					(B(!0), N(H, null, de([K(t)], (r) => (B(), E(O(pt), {
+						key: r,
+						"data-slot": r == null ? "placeholder" : "value",
+						class: U(r == null ? G.value.placeholder({ class: O(d).ui?.placeholder }) : G.value.value({ class: O(d).ui?.value }))
+					}, {
+						default: P(() => [F(e.$slots, "default", {
+							modelValue: t,
+							open: n,
+							ui: G.value
+						}, () => [D(R(r ?? O(d).placeholder ?? "\xA0"), 1)])]),
+						_: 2
+					}, 1032, ["data-slot", "class"]))), 128)),
+					O(we) || u.trailing ? (B(), N("span", {
+						key: 1,
+						"data-slot": "trailing",
+						class: U(G.value.trailing({ class: O(d).ui?.trailing }))
+					}, [F(e.$slots, "trailing", {
+						modelValue: t,
+						open: n,
+						ui: G.value
+					}, () => [O(Ee) ? (B(), E(y, {
+						key: 0,
+						name: O(Ee),
+						"data-slot": "trailingIcon",
+						class: U(G.value.trailingIcon({ class: O(d).ui?.trailingIcon }))
+					}, null, 8, ["name", "class"])) : M("", !0)])], 2)) : M("", !0)
+				]),
+				_: 2
+			}, 1040, [
+				"id",
+				"class",
+				"onClick"
+			]), I(O(ut), pe(be(O(b))), {
+				default: P(() => [I(O(g), null, {
+					default: P(() => [I(O(et), T({
+						"data-slot": "content",
+						class: G.value.content({ class: O(d).ui?.content })
+					}, C.value, { onCloseAutoFocus: X }), {
+						default: P(() => [
+							F(e.$slots, "content-top"),
+							(B(), E(Se(je.value ? O(mt) : "div"), {
+								ref_key: "viewportRef",
+								ref: Z,
+								role: "presentation",
+								"data-slot": "viewport",
+								class: U(G.value.viewport({ class: O(d).ui?.viewport }))
+							}, {
+								default: P(() => [(B(!0), N(H, null, de(Ne.value, (t, n) => (B(), E(O(rt), {
+									key: `group-${n}`,
+									"data-slot": "group",
+									class: U(G.value.group({ class: O(d).ui?.group }))
+								}, {
+									default: P(() => [(B(!0), N(H, null, de(t, (t, r) => (B(), N(H, { key: `group-${n}-${r}` }, [Y(t) && t.type === "label" ? (B(), E(O(lt), {
+										key: 0,
+										"data-slot": "label",
+										class: U(G.value.label({ class: [
+											O(d).ui?.label,
+											t.ui?.label,
+											t.class
+										] }))
+									}, {
+										default: P(() => [D(R(O(s)(t, O(d).labelKey)), 1)]),
+										_: 2
+									}, 1032, ["class"])) : Y(t) && t.type === "separator" ? (B(), E(O(dt), {
+										key: 1,
+										"data-slot": "separator",
+										class: U(G.value.separator({ class: [
+											O(d).ui?.separator,
+											t.ui?.separator,
+											t.class
+										] }))
+									}, null, 8, ["class"])) : (B(), E(O(ot), {
+										key: 2,
+										"data-slot": "item",
+										class: U(G.value.item({ class: [
+											O(d).ui?.item,
+											Y(t) && t.ui?.item,
+											Y(t) && t.class
+										] })),
+										disabled: Y(t) && t.disabled,
+										value: Y(t) ? O(s)(t, O(d).valueKey) : t,
+										onSelect: (e) => Y(t) && t.onSelect?.(e)
+									}, {
+										default: P(() => [F(e.$slots, "item", {
+											item: t,
+											index: r,
+											ui: G.value
+										}, () => [
+											F(e.$slots, "item-leading", {
+												item: t,
+												index: r,
+												ui: G.value
+											}, () => [Y(t) && t.icon ? (B(), E(y, {
+												key: 0,
+												name: t.icon,
+												"data-slot": "itemLeadingIcon",
+												class: U(G.value.itemLeadingIcon({ class: [O(d).ui?.itemLeadingIcon, t.ui?.itemLeadingIcon] }))
+											}, null, 8, ["name", "class"])) : Y(t) && t.avatar ? (B(), E(ne, T({
+												key: 1,
+												size: t.ui?.itemLeadingAvatarSize || O(d).ui?.itemLeadingAvatarSize || G.value.itemLeadingAvatarSize()
+											}, { ref_for: !0 }, t.avatar, {
+												"data-slot": "itemLeadingAvatar",
+												class: G.value.itemLeadingAvatar({ class: [O(d).ui?.itemLeadingAvatar, t.ui?.itemLeadingAvatar] })
+											}), null, 16, ["size", "class"])) : Y(t) && t.chip ? (B(), E(h, T({
+												key: 2,
+												size: t.ui?.itemLeadingChipSize || O(d).ui?.itemLeadingChipSize || G.value.itemLeadingChipSize(),
+												inset: "",
+												standalone: ""
+											}, { ref_for: !0 }, t.chip, {
+												"data-slot": "itemLeadingChip",
+												class: G.value.itemLeadingChip({ class: [O(d).ui?.itemLeadingChip, t.ui?.itemLeadingChip] })
+											}), null, 16, ["size", "class"])) : M("", !0)]),
+											he("span", {
+												"data-slot": "itemWrapper",
+												class: U(G.value.itemWrapper({ class: [O(d).ui?.itemWrapper, Y(t) && t.ui?.itemWrapper] }))
+											}, [I(O(ct), {
+												"data-slot": "itemLabel",
+												class: U(G.value.itemLabel({ class: [O(d).ui?.itemLabel, Y(t) && t.ui?.itemLabel] }))
+											}, {
+												default: P(() => [F(e.$slots, "item-label", {
+													item: t,
+													index: r
+												}, () => [D(R(Y(t) ? O(s)(t, O(d).labelKey) : t), 1)])]),
+												_: 2
+											}, 1032, ["class"]), Y(t) && (O(s)(t, O(d).descriptionKey) || u["item-description"]) ? (B(), N("span", {
+												key: 0,
+												"data-slot": "itemDescription",
+												class: U(G.value.itemDescription({ class: [O(d).ui?.itemDescription, Y(t) && t.ui?.itemDescription] }))
+											}, [F(e.$slots, "item-description", {
+												item: t,
+												index: r
+											}, () => [D(R(O(s)(t, O(d).descriptionKey)), 1)])], 2)) : M("", !0)], 2),
+											he("span", {
+												"data-slot": "itemTrailing",
+												class: U(G.value.itemTrailing({ class: [O(d).ui?.itemTrailing, Y(t) && t.ui?.itemTrailing] }))
+											}, [F(e.$slots, "item-trailing", {
+												item: t,
+												index: r,
+												ui: G.value
+											}), I(O(st), { "as-child": "" }, {
+												default: P(() => [I(y, {
+													name: O(d).selectedIcon || O(p).ui.icons.check,
+													"data-slot": "itemTrailingIcon",
+													class: U(G.value.itemTrailingIcon({ class: [O(d).ui?.itemTrailingIcon, Y(t) && t.ui?.itemTrailingIcon] }))
+												}, null, 8, ["name", "class"])]),
+												_: 2
+											}, 1024)], 2)
+										])]),
+										_: 2
+									}, 1032, [
+										"class",
+										"disabled",
+										"value",
+										"onSelect"
+									]))], 64))), 128))]),
+									_: 2
+								}, 1032, ["class"]))), 128))]),
+								_: 3
+							}, 8, ["class"])),
+							F(e.$slots, "content-bottom"),
+							O(d).arrow ? (B(), E(O(Ze), T({ key: 0 }, ae.value, {
+								"data-slot": "arrow",
+								class: G.value.arrow({ class: O(d).ui?.arrow })
+							}), null, 16, ["class"])) : M("", !0)
+						]),
+						_: 3
+					}, 16, ["class"])]),
+					_: 3
+				})]),
+				_: 3
+			}, 16)]),
+			_: 3
+		}, 16, [
+			"name",
+			"autocomplete",
+			"disabled",
+			"default-value",
+			"model-value"
+		]));
+	}
+});
+//#endregion
+export { Fe as n, Ie as r, gt as t };