@orvui/vue 0.0.0-stage → 0.1.1

package/dist/SearchOption-y97v-iri.js

@@ -0,0 +1,403 @@
+import { i as e, s as t, t as n } from "./composables-BJ1sih_H.js";
+import { n as r } from "./state-DWNDjqAL.js";
+import { o as i, r as a } from "./ease-rIvCM4O3.js";
+import { t as o } from "./utils-DIrLOK2M.js";
+import { Teleport as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, inject as g, mergeProps as _, nextTick as v, normalizeClass as y, onBeforeUnmount as b, onMounted as x, onUpdated as S, openBlock as C, ref as w, renderSlot as T, shallowRef as E, toDisplayString as D, unref as O, useId as k, vShow as A, watch as j, withCtx as M, withDirectives as N, withModifiers as P } from "vue";
+import { motion as F } from "motion-v";
+import { Check as I } from "lucide-vue-next";
+// src/motion/_combobox/controller.ts
+var L = Symbol("orvui-combobox"), R = Symbol("orvui-multi-select"), z = Symbol("orvui-combobox-group"), B = Symbol("orvui-multi-select-group");
+function V(e = !1, t = "Component") {
+	let n = g(e ? R : L);
+	if (!n) throw Error(`${t} must be used inside ${e ? "MultiSelect" : "Combobox"}`);
+	return n;
+}
+function H(e = "Component") {
+	return V(!0, e);
+}
+function U(...e) {
+	return (t) => {
+		e.forEach((e) => {
+			typeof e == "function" ? e(t) : e && (e.value = t);
+		});
+	};
+}
+function W(e) {
+	return e.toLocaleLowerCase().trim();
+}
+function G(e, t) {
+	let n = 0;
+	for (let r of t) {
+		let t = e.indexOf(r, n);
+		if (t < 0) return !1;
+		n = t + 1;
+	}
+	return !0;
+}
+function K(e, t) {
+	return e ? e.value === t.value && e.label === t.label && e.id === t.id && e.element === t.element && e.disabled === t.disabled && e.groupId === t.groupId && e.keywords.length === t.keywords.length && e.keywords.every((e, n) => e === t.keywords[n]) : !1;
+}
+function q(n, i, a = !1) {
+	let o = r(n, i, "modelValue", n.defaultValue ?? (a ? [] : void 0)), s = r(n, i, "open", n.defaultOpen ?? !1), l = r(n, i, "query", n.defaultQuery ?? ""), u = k(), d = `${u}-trigger`, f = `${u}-input`, p = `${u}-list`, m = `${u}-active`, h = w(null), g = w(null), _ = w(null), y = E(/* @__PURE__ */ new Map()), S = e(s, _), C = t(), T = c(() => !!n.disabled), D = w(s.value), O = w(l.value), A = w(null), M = c(() => s.value ? l.value : O.value), N = !1;
+	function P(e) {
+		let t = y.value.get(e);
+		if (!t) return !0;
+		let r = W(M.value);
+		return n.filter ? n.filter(e, r, [t.label, ...t.keywords]) : G(W([
+			e,
+			t.label,
+			...t.keywords
+		].join(" ")), r);
+	}
+	let F = c(() => [...y.value.values()].filter((e) => P(e.value))), I = c(() => F.value.filter((e) => !e.disabled)), L = c(() => {
+		if (!D.value) return null;
+		let e = A.value;
+		if (e?.query === M.value && I.value.some((t) => t.value === e.key)) return e.key;
+		let t = a ? o.value?.[0] : o.value;
+		return I.value.find((e) => e.value === t)?.value ?? I.value[0]?.value ?? null;
+	}), R = c(() => L.value === null ? void 0 : y.value.get(L.value)?.id);
+	function z(e) {
+		K(y.value.get(e.value), e) || (y.value = new Map([...y.value, [e.value, e]]));
+	}
+	function B(e) {
+		if (!y.value.has(e)) return;
+		let t = new Map(y.value);
+		t.delete(e), y.value = t;
+	}
+	function V() {
+		v(() => {
+			N || h.value?.focus({ preventScroll: !0 });
+		});
+	}
+	function H(e, t = !1) {
+		e && T.value || (e ? (D.value = !0, s.value = !0, V()) : (O.value = l.value, s.value = !1, l.value = "", t && V()));
+	}
+	function U(e) {
+		A.value = e === null ? null : {
+			key: e,
+			query: M.value
+		};
+	}
+	function q(e) {
+		if (!s.value) return;
+		let t = I.value;
+		if (!t.length) {
+			A.value = null;
+			return;
+		}
+		let n = t.findIndex((e) => e.value === L.value);
+		U(t[e === "first" ? 0 : e === "last" ? t.length - 1 : (n + e + t.length) % t.length].value);
+	}
+	function J(e) {
+		T.value || (o.value = (o.value ?? []).filter((t) => t !== e));
+	}
+	function Y(e) {
+		if (T.value || y.value.get(e)?.disabled) return;
+		if (!a) {
+			o.value = e, H(!1, !0);
+			return;
+		}
+		let t = o.value ?? [];
+		o.value = t.includes(e) ? t.filter((t) => t !== e) : [...t, e], l.value = "", V();
+	}
+	function X(e) {
+		if (!(e.defaultPrevented || T.value)) {
+			if (e.key === "Escape") S.claimEscape(e) && H(!1, !0);
+			else switch (e.key) {
+				case "ArrowUp":
+				case "ArrowDown":
+					e.preventDefault(), s.value ? q(e.key === "ArrowDown" ? 1 : -1) : H(!0);
+					break;
+				case "Home":
+				case "End":
+					if (!s.value) break;
+					e.preventDefault(), q(e.key === "Home" ? "first" : "last");
+					break;
+				case "Enter":
+					e.preventDefault(), s.value ? L.value !== null && Y(L.value) : H(!0);
+					break;
+				case "Backspace": {
+					let t = o.value;
+					a && !l.value && t?.length && (e.preventDefault(), J(t[t.length - 1]));
+					break;
+				}
+			}
+		}
+	}
+	function Z(e) {
+		if (!s.value || S.containsHigher(e.target)) return;
+		let t = e.target;
+		t && !g.value?.contains(t) && !_.value?.contains(t) && H(!1);
+	}
+	function Q(e) {
+		S.claimEscape(e) && H(!1, !0);
+	}
+	function $(e) {
+		l.value = e, v(() => {
+			if (N || !h.value) return;
+			let e = o.value;
+			h.value.value = a || s.value ? l.value : e === void 0 ? "" : y.value.get(e)?.label ?? e;
+		});
+	}
+	return j([M, I], () => {
+		A.value && (A.value.query !== M.value || !I.value.some((e) => e.value === A.value.key)) && (A.value = null);
+	}, { flush: "sync" }), j(s, (e) => {
+		e ? (D.value = !0, V()) : (O.value = l.value, l.value = "");
+	}, { flush: "sync" }), j(l, (e) => {
+		s.value && (O.value = e);
+	}, { flush: "sync" }), j(R, () => void v(() => {
+		if (N || !s.value || L.value === null) return;
+		let e = y.value.get(L.value)?.element, t = _.value?.querySelector("[role=listbox]");
+		if (!e || !t) return;
+		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = n.top < r.top ? n.top - r.top : n.bottom > r.bottom ? n.bottom - r.bottom : 0;
+		t.scrollTop += i;
+	}), { flush: "post" }), x(() => {
+		document.addEventListener("pointerdown", Z), document.addEventListener("focusin", Z), document.addEventListener("keydown", Q);
+	}), b(() => {
+		N = !0, document.removeEventListener("pointerdown", Z), document.removeEventListener("focusin", Z), document.removeEventListener("keydown", Q);
+	}), {
+		value: o,
+		values: c(() => o.value ?? []),
+		open: s,
+		query: l,
+		disabled: T,
+		reduce: C,
+		triggerId: d,
+		inputId: f,
+		listId: p,
+		activeLayoutId: m,
+		inputRef: h,
+		triggerRef: g,
+		contentRef: _,
+		items: y,
+		activeValue: L,
+		activeItemId: R,
+		visibleCount: c(() => F.value.length),
+		isVisible: P,
+		hasVisibleItems: (e) => F.value.some((t) => t.groupId === e),
+		labelFor: (e) => e === void 0 ? void 0 : y.value.get(e)?.label ?? e,
+		registerItem: z,
+		unregisterItem: B,
+		setOpen: H,
+		setQuery: $,
+		setActiveValue: U,
+		moveActive: q,
+		select: Y,
+		remove: J,
+		focusInput: V,
+		keydown: X
+	};
+}
+// src/motion/_combobox/SearchSurface.vue
+var J = /* @__PURE__ */ h({
+	inheritAttrs: !1,
+	__name: "SearchSurface",
+	props: {
+		context: {},
+		side: { default: "bottom" },
+		align: { default: "start" },
+		sideOffset: { default: 6 },
+		avoidCollisions: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(e) {
+		let t = e, r = w(!1), i = w(!1), a = w(null), d = w(null), p, h = 0, g = 0, y = !1;
+		function S() {
+			let e = t.context.triggerRef.value, n = a.value;
+			if (y || !e || !n) return;
+			let r = e.getBoundingClientRect(), i = n.getBoundingClientRect();
+			d.value = {
+				trigger: {
+					left: r.left,
+					top: r.top,
+					bottom: r.bottom,
+					width: r.width
+				},
+				content: {
+					width: i.width,
+					height: i.height
+				},
+				viewport: {
+					width: window.innerWidth,
+					height: window.innerHeight
+				}
+			};
+		}
+		function E() {
+			cancelAnimationFrame(h), h = requestAnimationFrame(S);
+		}
+		let D = c(() => {
+			let e = d.value;
+			if (!e || !t.avoidCollisions || !t.context.open.value) return t.side;
+			let n = {
+				top: e.trigger.top,
+				bottom: e.viewport.height - e.trigger.bottom
+			}, r = t.side === "top" ? "bottom" : "top";
+			return n[t.side] < e.content.height + t.sideOffset && n[r] > n[t.side] ? r : t.side;
+		}), k = c(() => {
+			let e = d.value;
+			if (!e) return { visibility: "hidden" };
+			let n = t.align === "end" ? 1 : t.align === "center" ? .5 : 0, r = e.trigger.left + n * (e.trigger.width - e.content.width);
+			return {
+				left: `${Math.min(Math.max(r, 8), Math.max(8, e.viewport.width - e.content.width - 8))}px`,
+				top: D.value === "bottom" ? `${e.trigger.bottom}px` : void 0,
+				bottom: D.value === "top" ? `${e.viewport.height - e.trigger.top}px` : void 0,
+				minWidth: `${e.trigger.width}px`,
+				width: `${e.trigger.width}px`,
+				pointerEvents: t.context.open.value ? "auto" : "none",
+				transformOrigin: D.value === "bottom" ? "top" : "bottom",
+				visibility: "visible",
+				"--combobox-trigger-width": `${e.trigger.width}px`
+			};
+		}), A = c(() => t.context.reduce.value || !i.value ? { duration: 0 } : {
+			type: "spring",
+			duration: .5,
+			bounce: .22
+		});
+		function N() {
+			p?.disconnect(), p && (t.context.triggerRef.value && p.observe(t.context.triggerRef.value), a.value && p.observe(a.value));
+		}
+		return j(() => [
+			t.context.open.value,
+			t.context.query.value,
+			t.side,
+			t.align,
+			t.sideOffset,
+			t.avoidCollisions
+		], () => void v(S), { flush: "post" }), j(() => [t.context.triggerRef.value, a.value], () => {
+			N(), S();
+		}, { flush: "post" }), x(async () => {
+			r.value = !0, await v(), !y && (typeof ResizeObserver < "u" && (p = new ResizeObserver(E)), N(), S(), window.addEventListener("resize", E), document.addEventListener("scroll", E, !0), g = requestAnimationFrame(() => {
+				i.value = !0;
+			}));
+		}), b(() => {
+			y = !0, p?.disconnect(), cancelAnimationFrame(h), cancelAnimationFrame(g), window.removeEventListener("resize", E), document.removeEventListener("scroll", E, !0), t.context.contentRef.value = null;
+		}), (t, i) => r.value ? (C(), l(s, {
+			key: 0,
+			to: "body"
+		}, [m(O(F).div, _(t.$attrs, {
+			ref: (t) => e.context.contentRef.value = O(n)(t),
+			"data-side": D.value,
+			"aria-hidden": !e.context.open.value,
+			inert: !e.context.open.value,
+			initial: !1,
+			animate: {
+				height: e.context.open.value ? d.value?.content.height ?? 0 : 0,
+				opacity: +!!e.context.open.value,
+				y: e.context.open.value ? D.value === "bottom" ? e.sideOffset : -e.sideOffset : 0
+			},
+			transition: A.value,
+			style: k.value,
+			class: O(o)("fixed z-[9999] overflow-hidden rounded-xl border border-border bg-background text-popover-foreground outline-none will-change-[height,transform]", t.$attrs.class)
+		}), {
+			default: M(() => [f("div", {
+				ref_key: "measure",
+				ref: a
+			}, [m(O(F).div, {
+				initial: !1,
+				animate: { opacity: +!!e.context.open.value },
+				transition: A.value
+			}, {
+				default: M(() => [T(t.$slots, "default")]),
+				_: 3
+			}, 8, ["animate", "transition"])], 512)]),
+			_: 3
+		}, 16, [
+			"data-side",
+			"aria-hidden",
+			"inert",
+			"animate",
+			"transition",
+			"style",
+			"class"
+		])])) : u("", !0);
+	}
+}), Y = [
+	"id",
+	"aria-selected",
+	"disabled",
+	"data-combobox-item",
+	"data-multi-select-item",
+	"data-active",
+	"data-selected"
+], X = { class: "min-w-0 flex-1" }, Z = /* @__PURE__ */ h({
+	__name: "SearchOption",
+	props: {
+		multiple: { type: Boolean },
+		value: {},
+		textValue: {},
+		label: {},
+		keywords: { default: () => [] },
+		disabled: { type: Boolean }
+	},
+	emits: ["select"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, s = V(n.multiple, n.multiple ? "MultiSelectItem" : "ComboboxItem"), h = g(n.multiple ? B : z, void 0), _ = w(null), v = k(), E, j = c(() => n.multiple ? s.values.value.includes(n.value) : s.value.value === n.value), L = c(() => !!n.disabled || s.disabled.value);
+		function R() {
+			E !== void 0 && E !== n.value && s.unregisterItem(E), s.registerItem({
+				value: n.value,
+				label: n.textValue ?? n.label ?? _.value?.textContent?.trim() ?? n.value,
+				keywords: [...n.keywords],
+				disabled: L.value,
+				groupId: h,
+				id: v,
+				element: _.value
+			}), E = n.value;
+		}
+		x(R), S(R), b(() => {
+			E !== void 0 && s.unregisterItem(E);
+		});
+		function H() {
+			L.value || (r("select", n.value), s.select(n.value));
+		}
+		let U = c(() => s.activeValue.value === n.value), W = c(() => ({
+			opacity: +!!j.value,
+			scale: j.value ? 1 : .82
+		}));
+		return (t, n) => N((C(), d("button", {
+			ref_key: "element",
+			ref: _,
+			id: O(v),
+			type: "button",
+			role: "option",
+			"aria-selected": j.value,
+			disabled: L.value,
+			tabindex: -1,
+			"data-combobox-item": e.multiple ? void 0 : "",
+			"data-multi-select-item": e.multiple ? "" : void 0,
+			"data-active": U.value || void 0,
+			"data-selected": j.value || void 0,
+			onPointermove: n[0] ||= (t) => !L.value && O(s).setActiveValue(e.value),
+			onPointerdown: n[1] ||= P(() => {}, ["prevent"]),
+			onClick: H,
+			class: y(O(o)("relative flex w-full items-center gap-2 rounded-lg px-2 py-2 text-left text-sm outline-none transition-colors duration-150", U.value ? "text-foreground" : "text-muted-foreground", "disabled:pointer-events-none disabled:opacity-45"))
+		}, [
+			U.value ? (C(), l(O(F).span, {
+				key: 0,
+				"aria-hidden": "true",
+				"layout-id": O(s).activeLayoutId,
+				class: "absolute inset-0 -z-10 rounded-lg bg-muted",
+				transition: O(s).reduce.value ? { duration: 0 } : O(i)
+			}, null, 8, ["layout-id", "transition"])) : u("", !0),
+			f("span", X, [T(t.$slots, "default", {}, () => [p(D(e.textValue ?? e.label ?? e.value), 1)])]),
+			m(O(F).span, {
+				"aria-hidden": "true",
+				initial: !1,
+				animate: W.value,
+				transition: O(s).reduce.value ? { duration: 0 } : {
+					duration: .14,
+					ease: O(a)
+				},
+				class: "grid size-5 shrink-0 place-items-center text-foreground"
+			}, {
+				default: M(() => [m(O(I), { class: "size-4" })]),
+				_: 1
+			}, 8, ["animate", "transition"])
+		], 42, Y)), [[A, O(s).isVisible(e.value)]]);
+	}
+});
+export { R as a, U as c, z as i, H as l, J as n, B as o, L as r, q as s, Z as t, V as u };
+
+//# sourceMappingURL=SearchOption-y97v-iri.js.map

package/dist/SearchOption-y97v-iri.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchOption-y97v-iri.js","names":["$attrs","_openBlock","_createBlock","_Teleport","_createVNode","_unref","_mergeProps","_withCtx","_createElementVNode","_renderSlot","_createCommentVNode","_sfc_main","_withDirectives","_openBlock","_createElementBlock","_unref","_withModifiers","_normalizeClass","_createBlock","_createCommentVNode","_createElementVNode","_renderSlot","_createTextVNode","_toDisplayString","_createVNode","_withCtx","_vShow","_sfc_main","useFloatingLayer","useReducedMotion","resolveElement","useMotionState","SPRING_LAYOUT","EASE_OUT","cn","ComboboxContext","MultiSelectContext","ComboboxGroupContext","MultiSelectGroupContext","useSearchContext","controller","inject","multiple","name","useMultiSelectContext","mergeRefs","destinations","destination","element","folded","text","subsequence","cursor","letter","query","index","sameItem","first","second","word","createSearchController","value","props","emit","open","id","useId","triggerId","inputId","listId","activeLayoutId","inputRef","ref","triggerRef","contentRef","items","shallowRef","layer","reduce","disabled","computed","visited","exitQuery","visibleQuery","disposed","isVisible","option","key","search","visible","available","activeValue","choice","selected","activeItemId","registerItem","unregisterItem","remaining","focusInput","setOpen","requested","restoreFocus","setActiveValue","moveActive","choices","direction","remove","select","entry","keydown","event","outside","target","escape","setQuery","nextTick","watch","opened","row","viewport","itemBounds","viewBounds","adjustment","onMounted","onBeforeUnmount","groupId","SearchSurface_default","defineComponent","__props","portalReady","animationReady","measure","metrics","observer","measurementFrame","activationFrame","measureNow","trigger","content","anchorBounds","contentBounds","scheduleMeasurement","actualSide","box","other","style","alignment","desired","transition","observeElements","openBlock","createBlock","Teleport","createVNode","unref","motion","mergeProps","_ctx","withCtx","createElementVNode","renderSlot","createCommentVNode","_hoisted_1","_hoisted_2","SearchOption_default","__emit","state","registered","synchronize","onUpdated","choose","active","feedback","withDirectives","createElementBlock","_cache","withModifiers","normalizeClass","createTextVNode","toDisplayString","Check","vShow"],"sources":["../src/motion/_combobox/controller.ts","../src/motion/_combobox/SearchSurface.vue","../src/motion/_combobox/SearchSurface.vue","../src/motion/combobox/src/SearchOption.vue","../src/motion/combobox/src/SearchOption.vue"],"sourcesContent":["import {\n  computed, inject, nextTick, onBeforeUnmount, onMounted, ref, shallowRef,\n  useId, watch, type InjectionKey, type Ref,\n} from \"vue\";\nimport { useMotionState } from \"../state\";\nimport { useFloatingLayer, useReducedMotion } from \"../../lib/composables\";\n\nexport interface SearchItem {\n  value: string;\n  label: string;\n  keywords: string[];\n  disabled: boolean;\n  groupId?: string;\n  id: string;\n  element: HTMLElement | null;\n}\nexport type SearchController = ReturnType<typeof createSearchController>;\nexport const ComboboxContext: InjectionKey<SearchController> = Symbol(\"orvui-combobox\");\nexport const MultiSelectContext: InjectionKey<SearchController> = Symbol(\"orvui-multi-select\");\nexport const ComboboxGroupContext: InjectionKey<string> = Symbol(\"orvui-combobox-group\");\nexport const MultiSelectGroupContext: InjectionKey<string> = Symbol(\"orvui-multi-select-group\");\n\nexport function useSearchContext(multiple = false, name = \"Component\") {\n  const controller = inject(multiple ? MultiSelectContext : ComboboxContext);\n  if (!controller) throw new Error(`${name} must be used inside ${multiple ? \"MultiSelect\" : \"Combobox\"}`);\n  return controller;\n}\nexport function useMultiSelectContext(name = \"Component\") {\n  return useSearchContext(true, name);\n}\nexport function mergeRefs<T>(...destinations: (Ref<T | null> | ((value: T | null) => void) | undefined)[]) {\n  return (element: T | null) => {\n    destinations.forEach(destination => {\n      if (typeof destination === \"function\") destination(element);\n      else if (destination) destination.value = element;\n    });\n  };\n}\n\nfunction folded(text: string) { return text.toLocaleLowerCase().trim(); }\nfunction subsequence(text: string, query: string) {\n  let cursor = 0;\n  for (const letter of query) {\n    const index = text.indexOf(letter, cursor);\n    if (index < 0) return false;\n    cursor = index + 1;\n  }\n  return true;\n}\nfunction sameItem(first: SearchItem | undefined, second: SearchItem) {\n  if (!first) return false;\n  return first.value === second.value && first.label === second.label\n    && first.id === second.id && first.element === second.element\n    && first.disabled === second.disabled && first.groupId === second.groupId\n    && first.keywords.length === second.keywords.length\n    && first.keywords.every((word, index) => word === second.keywords[index]);\n}\n\nexport function createSearchController(props: Record<string, any>, emit: (...args: any[]) => void, multiple = false) {\n  const value = useMotionState<string | string[] | undefined>(props, emit, \"modelValue\", props.defaultValue ?? (multiple ? [] : undefined));\n  const open = useMotionState<boolean>(props, emit, \"open\", props.defaultOpen ?? false);\n  const query = useMotionState<string>(props, emit, \"query\", props.defaultQuery ?? \"\");\n  const id = useId();\n  const triggerId = `${id}-trigger`, inputId = `${id}-input`, listId = `${id}-list`, activeLayoutId = `${id}-active`;\n  const inputRef = ref<HTMLInputElement | null>(null);\n  const triggerRef = ref<HTMLElement | null>(null);\n  const contentRef = ref<HTMLElement | null>(null);\n  const items = shallowRef(new Map<string, SearchItem>());\n  const layer = useFloatingLayer(open, contentRef);\n  const reduce = useReducedMotion();\n  const disabled = computed(() => !!props.disabled);\n  const visited = ref(open.value);\n  const exitQuery = ref(query.value);\n  const cursor = ref<{ key: string; query: string } | null>(null);\n  const visibleQuery = computed(() => open.value ? query.value : exitQuery.value);\n  let disposed = false;\n\n  function isVisible(key: string): boolean {\n    const option = items.value.get(key);\n    if (!option) return true;\n    const search = folded(visibleQuery.value);\n    if (props.filter) return props.filter(key, search, [option.label, ...option.keywords]);\n    return subsequence(folded([key, option.label, ...option.keywords].join(\" \")), search);\n  }\n  const visible = computed(() => [...items.value.values()].filter(option => isVisible(option.value)));\n  const available = computed(() => visible.value.filter(option => !option.disabled));\n  const activeValue = computed(() => {\n    if (!visited.value) return null;\n    const choice = cursor.value;\n    if (choice?.query === visibleQuery.value && available.value.some(option => option.value === choice.key)) return choice.key;\n    const selected = multiple ? (value.value as string[] | undefined)?.[0] : value.value;\n    return available.value.find(option => option.value === selected)?.value ?? available.value[0]?.value ?? null;\n  });\n  const activeItemId = computed(() => activeValue.value === null ? undefined : items.value.get(activeValue.value)?.id);\n  function registerItem(option: SearchItem) {\n    if (sameItem(items.value.get(option.value), option)) return;\n    items.value = new Map([...items.value, [option.value, option]]);\n  }\n  function unregisterItem(key: string) {\n    if (!items.value.has(key)) return;\n    const remaining = new Map(items.value);\n    remaining.delete(key);\n    items.value = remaining;\n  }\n  function focusInput() {\n    void nextTick(() => { if (!disposed) inputRef.value?.focus({ preventScroll: true }); });\n  }\n  function setOpen(requested: boolean, restoreFocus = false) {\n    if (requested && disabled.value) return;\n    if (requested) {\n      visited.value = true;\n      open.value = true;\n      focusInput();\n      return;\n    }\n    exitQuery.value = query.value;\n    open.value = false;\n    query.value = \"\";\n    if (restoreFocus) focusInput();\n  }\n  function setActiveValue(key: string | null) {\n    cursor.value = key === null ? null : { key, query: visibleQuery.value };\n  }\n  function moveActive(direction: 1 | -1 | \"first\" | \"last\") {\n    if (!open.value) return;\n    const choices = available.value;\n    if (!choices.length) { cursor.value = null; return; }\n    const index = choices.findIndex(option => option.value === activeValue.value);\n    const destination = direction === \"first\" ? 0 : direction === \"last\" ? choices.length - 1 : (index + direction + choices.length) % choices.length;\n    setActiveValue(choices[destination]!.value);\n  }\n  function remove(key: string) {\n    if (!disabled.value) value.value = ((value.value ?? []) as string[]).filter(selected => selected !== key);\n  }\n  function select(key: string) {\n    if (disabled.value || items.value.get(key)?.disabled) return;\n    if (!multiple) {\n      value.value = key;\n      setOpen(false, true);\n      return;\n    }\n    const selected = (value.value ?? []) as string[];\n    value.value = selected.includes(key) ? selected.filter(entry => entry !== key) : [...selected, key];\n    query.value = \"\";\n    focusInput();\n  }\n  function keydown(event: KeyboardEvent) {\n    if (event.defaultPrevented || disabled.value) return;\n    if (event.key === \"Escape\") {\n      if (layer.claimEscape(event)) setOpen(false, true);\n      return;\n    }\n    switch (event.key) {\n      case \"ArrowUp\": case \"ArrowDown\":\n        event.preventDefault();\n        if (open.value) moveActive(event.key === \"ArrowDown\" ? 1 : -1);\n        else setOpen(true);\n        break;\n      case \"Home\": case \"End\":\n        if (!open.value) break;\n        event.preventDefault();\n        moveActive(event.key === \"Home\" ? \"first\" : \"last\");\n        break;\n      case \"Enter\":\n        event.preventDefault();\n        if (!open.value) setOpen(true);\n        else if (activeValue.value !== null) select(activeValue.value);\n        break;\n      case \"Backspace\": {\n        const selected = value.value as string[] | undefined;\n        if (multiple && !query.value && selected?.length) {\n          event.preventDefault();\n          remove(selected[selected.length - 1]!);\n        }\n        break;\n      }\n    }\n  }\n  function outside(event: Event) {\n    if (!open.value || layer.containsHigher(event.target)) return;\n    const target = event.target as Node | null;\n    if (target && !triggerRef.value?.contains(target) && !contentRef.value?.contains(target)) setOpen(false);\n  }\n  function escape(event: KeyboardEvent) {\n    if (layer.claimEscape(event)) setOpen(false, true);\n  }\n  function setQuery(requested: string) {\n    query.value = requested;\n    void nextTick(() => {\n      if (disposed || !inputRef.value) return;\n      const key = value.value as string | undefined;\n      inputRef.value.value = multiple || open.value ? query.value : key === undefined ? \"\" : (items.value.get(key)?.label ?? key);\n    });\n  }\n  watch([visibleQuery, available], () => {\n    if (cursor.value && (cursor.value.query !== visibleQuery.value || !available.value.some(option => option.value === cursor.value!.key))) cursor.value = null;\n  }, { flush: \"sync\" });\n  watch(open, opened => {\n    if (opened) { visited.value = true; focusInput(); }\n    else { exitQuery.value = query.value; query.value = \"\"; }\n  }, { flush: \"sync\" });\n  watch(query, search => { if (open.value) exitQuery.value = search; }, { flush: \"sync\" });\n  watch(activeItemId, () => void nextTick(() => {\n    if (disposed || !open.value || activeValue.value === null) return;\n    const row = items.value.get(activeValue.value)?.element;\n    const viewport = contentRef.value?.querySelector<HTMLElement>(\"[role=listbox]\");\n    if (!row || !viewport) return;\n    const itemBounds = row.getBoundingClientRect(), viewBounds = viewport.getBoundingClientRect();\n    const adjustment = itemBounds.top < viewBounds.top ? itemBounds.top - viewBounds.top : itemBounds.bottom > viewBounds.bottom ? itemBounds.bottom - viewBounds.bottom : 0;\n    viewport.scrollTop += adjustment;\n  }), { flush: \"post\" });\n  onMounted(() => {\n    document.addEventListener(\"pointerdown\", outside);\n    document.addEventListener(\"focusin\", outside);\n    document.addEventListener(\"keydown\", escape);\n  });\n  onBeforeUnmount(() => {\n    disposed = true;\n    document.removeEventListener(\"pointerdown\", outside);\n    document.removeEventListener(\"focusin\", outside);\n    document.removeEventListener(\"keydown\", escape);\n  });\n  return {\n    value, values: computed(() => (value.value ?? []) as string[]), open, query,\n    disabled, reduce, triggerId, inputId, listId, activeLayoutId, inputRef, triggerRef,\n    contentRef, items, activeValue, activeItemId, visibleCount: computed(() => visible.value.length),\n    isVisible, hasVisibleItems: (groupId: string) => visible.value.some(option => option.groupId === groupId),\n    labelFor: (key?: string) => key === undefined ? undefined : (items.value.get(key)?.label ?? key),\n    registerItem, unregisterItem, setOpen, setQuery, setActiveValue, moveActive, select, remove, focusInput, keydown,\n  };\n}\n","<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../lib/utils\";\nimport { resolveElement } from \"../../lib/composables\";\nimport type { SearchController } from \"./controller\";\n\nconst props = withDefaults(defineProps<{\n  context: SearchController;\n  side?: \"top\" | \"bottom\";\n  align?: \"start\" | \"center\" | \"end\";\n  sideOffset?: number;\n  avoidCollisions?: boolean;\n}>(), { side: \"bottom\", align: \"start\", sideOffset: 6, avoidCollisions: true });\nconst portalReady = ref(false), animationReady = ref(false);\nconst measure = ref<HTMLElement | null>(null);\nconst metrics = ref<{\n  trigger: { left: number; top: number; bottom: number; width: number };\n  content: { width: number; height: number };\n  viewport: { width: number; height: number };\n} | null>(null);\nlet observer: ResizeObserver | undefined;\nlet measurementFrame = 0, activationFrame = 0;\nlet disposed = false;\nfunction measureNow() {\n  const trigger = props.context.triggerRef.value;\n  const content = measure.value;\n  if (disposed || !trigger || !content) return;\n  const anchorBounds = trigger.getBoundingClientRect(), contentBounds = content.getBoundingClientRect();\n  metrics.value = {\n    trigger: { left: anchorBounds.left, top: anchorBounds.top, bottom: anchorBounds.bottom, width: anchorBounds.width },\n    content: { width: contentBounds.width, height: contentBounds.height },\n    viewport: { width: window.innerWidth, height: window.innerHeight },\n  };\n}\nfunction scheduleMeasurement() {\n  cancelAnimationFrame(measurementFrame);\n  measurementFrame = requestAnimationFrame(measureNow);\n}\nconst actualSide = computed(() => {\n  const box = metrics.value;\n  if (!box || !props.avoidCollisions || !props.context.open.value) return props.side;\n  const available = { top: box.trigger.top, bottom: box.viewport.height - box.trigger.bottom };\n  const other = props.side === \"top\" ? \"bottom\" : \"top\";\n  return available[props.side] < box.content.height + props.sideOffset && available[other] > available[props.side] ? other : props.side;\n});\nconst style = computed(() => {\n  const box = metrics.value;\n  if (!box) return { visibility: \"hidden\" as const };\n  const alignment = props.align === \"end\" ? 1 : props.align === \"center\" ? 0.5 : 0;\n  const desired = box.trigger.left + alignment * (box.trigger.width - box.content.width);\n  const left = Math.min(Math.max(desired, 8), Math.max(8, box.viewport.width - box.content.width - 8));\n  return {\n    left: `${left}px`,\n    top: actualSide.value === \"bottom\" ? `${box.trigger.bottom}px` : undefined,\n    bottom: actualSide.value === \"top\" ? `${box.viewport.height - box.trigger.top}px` : undefined,\n    minWidth: `${box.trigger.width}px`, width: `${box.trigger.width}px`,\n    pointerEvents: props.context.open.value ? \"auto\" as const : \"none\" as const,\n    transformOrigin: actualSide.value === \"bottom\" ? \"top\" : \"bottom\",\n    visibility: \"visible\" as const,\n    \"--combobox-trigger-width\": `${box.trigger.width}px`,\n  };\n});\nconst transition = computed(() => props.context.reduce.value || !animationReady.value\n  ? { duration: 0 } : { type: \"spring\" as const, duration: 0.5, bounce: 0.22 });\nfunction observeElements() {\n  observer?.disconnect();\n  if (!observer) return;\n  if (props.context.triggerRef.value) observer.observe(props.context.triggerRef.value);\n  if (measure.value) observer.observe(measure.value);\n}\nwatch(() => [props.context.open.value, props.context.query.value, props.side, props.align, props.sideOffset, props.avoidCollisions],\n  () => void nextTick(measureNow), { flush: \"post\" });\nwatch(() => [props.context.triggerRef.value, measure.value], () => {\n  observeElements();\n  measureNow();\n}, { flush: \"post\" });\nonMounted(async () => {\n  portalReady.value = true;\n  await nextTick();\n  if (disposed) return;\n  if (typeof ResizeObserver !== \"undefined\") observer = new ResizeObserver(scheduleMeasurement);\n  observeElements();\n  measureNow();\n  window.addEventListener(\"resize\", scheduleMeasurement);\n  document.addEventListener(\"scroll\", scheduleMeasurement, true);\n  activationFrame = requestAnimationFrame(() => { animationReady.value = true; });\n});\nonBeforeUnmount(() => {\n  disposed = true;\n  observer?.disconnect();\n  cancelAnimationFrame(measurementFrame);\n  cancelAnimationFrame(activationFrame);\n  window.removeEventListener(\"resize\", scheduleMeasurement);\n  document.removeEventListener(\"scroll\", scheduleMeasurement, true);\n  props.context.contentRef.value = null;\n});\n</script>\n\n<template>\n  <Teleport v-if=\"portalReady\" to=\"body\">\n    <motion.div v-bind=\"$attrs\"\n      :ref=\"element => context.contentRef.value = resolveElement<HTMLElement>(element)\"\n      :data-side=\"actualSide\" :aria-hidden=\"!context.open.value\" :inert=\"!context.open.value\"\n      :initial=\"false\"\n      :animate=\"{\n        height: context.open.value ? (metrics?.content.height ?? 0) : 0,\n        opacity: context.open.value ? 1 : 0,\n        y: context.open.value ? (actualSide === 'bottom' ? sideOffset : -sideOffset) : 0,\n      }\"\n      :transition=\"transition\" :style=\"style\"\n      :class=\"cn('fixed z-[9999] overflow-hidden rounded-xl border border-border bg-background text-popover-foreground outline-none will-change-[height,transform]', $attrs.class as string)\"\n    >\n      <div ref=\"measure\">\n        <motion.div :initial=\"false\" :animate=\"{ opacity: context.open.value ? 1 : 0 }\" :transition=\"transition\"><slot /></motion.div>\n      </div>\n    </motion.div>\n  </Teleport>\n</template>\n","<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../lib/utils\";\nimport { resolveElement } from \"../../lib/composables\";\nimport type { SearchController } from \"./controller\";\n\nconst props = withDefaults(defineProps<{\n  context: SearchController;\n  side?: \"top\" | \"bottom\";\n  align?: \"start\" | \"center\" | \"end\";\n  sideOffset?: number;\n  avoidCollisions?: boolean;\n}>(), { side: \"bottom\", align: \"start\", sideOffset: 6, avoidCollisions: true });\nconst portalReady = ref(false), animationReady = ref(false);\nconst measure = ref<HTMLElement | null>(null);\nconst metrics = ref<{\n  trigger: { left: number; top: number; bottom: number; width: number };\n  content: { width: number; height: number };\n  viewport: { width: number; height: number };\n} | null>(null);\nlet observer: ResizeObserver | undefined;\nlet measurementFrame = 0, activationFrame = 0;\nlet disposed = false;\nfunction measureNow() {\n  const trigger = props.context.triggerRef.value;\n  const content = measure.value;\n  if (disposed || !trigger || !content) return;\n  const anchorBounds = trigger.getBoundingClientRect(), contentBounds = content.getBoundingClientRect();\n  metrics.value = {\n    trigger: { left: anchorBounds.left, top: anchorBounds.top, bottom: anchorBounds.bottom, width: anchorBounds.width },\n    content: { width: contentBounds.width, height: contentBounds.height },\n    viewport: { width: window.innerWidth, height: window.innerHeight },\n  };\n}\nfunction scheduleMeasurement() {\n  cancelAnimationFrame(measurementFrame);\n  measurementFrame = requestAnimationFrame(measureNow);\n}\nconst actualSide = computed(() => {\n  const box = metrics.value;\n  if (!box || !props.avoidCollisions || !props.context.open.value) return props.side;\n  const available = { top: box.trigger.top, bottom: box.viewport.height - box.trigger.bottom };\n  const other = props.side === \"top\" ? \"bottom\" : \"top\";\n  return available[props.side] < box.content.height + props.sideOffset && available[other] > available[props.side] ? other : props.side;\n});\nconst style = computed(() => {\n  const box = metrics.value;\n  if (!box) return { visibility: \"hidden\" as const };\n  const alignment = props.align === \"end\" ? 1 : props.align === \"center\" ? 0.5 : 0;\n  const desired = box.trigger.left + alignment * (box.trigger.width - box.content.width);\n  const left = Math.min(Math.max(desired, 8), Math.max(8, box.viewport.width - box.content.width - 8));\n  return {\n    left: `${left}px`,\n    top: actualSide.value === \"bottom\" ? `${box.trigger.bottom}px` : undefined,\n    bottom: actualSide.value === \"top\" ? `${box.viewport.height - box.trigger.top}px` : undefined,\n    minWidth: `${box.trigger.width}px`, width: `${box.trigger.width}px`,\n    pointerEvents: props.context.open.value ? \"auto\" as const : \"none\" as const,\n    transformOrigin: actualSide.value === \"bottom\" ? \"top\" : \"bottom\",\n    visibility: \"visible\" as const,\n    \"--combobox-trigger-width\": `${box.trigger.width}px`,\n  };\n});\nconst transition = computed(() => props.context.reduce.value || !animationReady.value\n  ? { duration: 0 } : { type: \"spring\" as const, duration: 0.5, bounce: 0.22 });\nfunction observeElements() {\n  observer?.disconnect();\n  if (!observer) return;\n  if (props.context.triggerRef.value) observer.observe(props.context.triggerRef.value);\n  if (measure.value) observer.observe(measure.value);\n}\nwatch(() => [props.context.open.value, props.context.query.value, props.side, props.align, props.sideOffset, props.avoidCollisions],\n  () => void nextTick(measureNow), { flush: \"post\" });\nwatch(() => [props.context.triggerRef.value, measure.value], () => {\n  observeElements();\n  measureNow();\n}, { flush: \"post\" });\nonMounted(async () => {\n  portalReady.value = true;\n  await nextTick();\n  if (disposed) return;\n  if (typeof ResizeObserver !== \"undefined\") observer = new ResizeObserver(scheduleMeasurement);\n  observeElements();\n  measureNow();\n  window.addEventListener(\"resize\", scheduleMeasurement);\n  document.addEventListener(\"scroll\", scheduleMeasurement, true);\n  activationFrame = requestAnimationFrame(() => { animationReady.value = true; });\n});\nonBeforeUnmount(() => {\n  disposed = true;\n  observer?.disconnect();\n  cancelAnimationFrame(measurementFrame);\n  cancelAnimationFrame(activationFrame);\n  window.removeEventListener(\"resize\", scheduleMeasurement);\n  document.removeEventListener(\"scroll\", scheduleMeasurement, true);\n  props.context.contentRef.value = null;\n});\n</script>\n\n<template>\n  <Teleport v-if=\"portalReady\" to=\"body\">\n    <motion.div v-bind=\"$attrs\"\n      :ref=\"element => context.contentRef.value = resolveElement<HTMLElement>(element)\"\n      :data-side=\"actualSide\" :aria-hidden=\"!context.open.value\" :inert=\"!context.open.value\"\n      :initial=\"false\"\n      :animate=\"{\n        height: context.open.value ? (metrics?.content.height ?? 0) : 0,\n        opacity: context.open.value ? 1 : 0,\n        y: context.open.value ? (actualSide === 'bottom' ? sideOffset : -sideOffset) : 0,\n      }\"\n      :transition=\"transition\" :style=\"style\"\n      :class=\"cn('fixed z-[9999] overflow-hidden rounded-xl border border-border bg-background text-popover-foreground outline-none will-change-[height,transform]', $attrs.class as string)\"\n    >\n      <div ref=\"measure\">\n        <motion.div :initial=\"false\" :animate=\"{ opacity: context.open.value ? 1 : 0 }\" :transition=\"transition\"><slot /></motion.div>\n      </div>\n    </motion.div>\n  </Teleport>\n</template>\n","<script setup lang=\"ts\">\nimport {\n  computed,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  onUpdated,\n  ref,\n  useId,\n} from \"vue\";\nimport { motion } from \"motion-v\";\nimport { Check } from \"lucide-vue-next\";\nimport { EASE_OUT, SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport {\n  ComboboxGroupContext,\n  MultiSelectGroupContext,\n  useSearchContext,\n} from \"../../_combobox/controller\";\nconst props = withDefaults(\n  defineProps<{\n    multiple: boolean;\n    value: string;\n    textValue?: string;\n    label?: string;\n    keywords?: string[];\n    disabled?: boolean;\n  }>(),\n  { keywords: () => [] },\n);\nconst emit = defineEmits<{ select: [value: string] }>();\nconst state = useSearchContext(\n  props.multiple,\n  props.multiple ? \"MultiSelectItem\" : \"ComboboxItem\",\n);\nconst groupId = inject(\n  props.multiple ? MultiSelectGroupContext : ComboboxGroupContext,\n  undefined,\n);\nconst element = ref<HTMLButtonElement | null>(null);\nconst id = useId();\nlet registered: string | undefined;\nconst selected = computed(() =>\n  props.multiple\n    ? state.values.value.includes(props.value)\n    : state.value.value === props.value,\n);\nconst disabled = computed(() => !!props.disabled || state.disabled.value);\nfunction synchronize() {\n  if (registered !== undefined && registered !== props.value)\n    state.unregisterItem(registered);\n  state.registerItem({\n    value: props.value,\n    label:\n      props.textValue ??\n      props.label ??\n      element.value?.textContent?.trim() ??\n      props.value,\n    keywords: [...props.keywords],\n    disabled: disabled.value,\n    groupId,\n    id,\n    element: element.value,\n  });\n  registered = props.value;\n}\nonMounted(synchronize);\nonUpdated(synchronize);\nonBeforeUnmount(() => {\n  if (registered !== undefined) state.unregisterItem(registered);\n});\nfunction choose() {\n  if (!disabled.value) {\n    emit(\"select\", props.value);\n    state.select(props.value);\n  }\n}\nconst active = computed(() => state.activeValue.value === props.value);\nconst feedback = computed(() => ({\n  opacity: selected.value ? 1 : 0,\n  scale: selected.value ? 1 : 0.82,\n}));\n</script>\n<template>\n  <button\n    v-show=\"state.isVisible(value)\"\n    ref=\"element\"\n    :id=\"id\"\n    type=\"button\"\n    role=\"option\"\n    :aria-selected=\"selected\"\n    :disabled=\"disabled\"\n    :tabindex=\"-1\"\n    :data-combobox-item=\"multiple ? undefined : ''\"\n    :data-multi-select-item=\"multiple ? '' : undefined\"\n    :data-active=\"active || undefined\"\n    :data-selected=\"selected || undefined\"\n    @pointermove=\"!disabled && state.setActiveValue(value)\"\n    @pointerdown.prevent\n    @click=\"choose\"\n    :class=\"\n      cn(\n        'relative flex w-full items-center gap-2 rounded-lg px-2 py-2 text-left text-sm outline-none transition-colors duration-150',\n        active ? 'text-foreground' : 'text-muted-foreground',\n        'disabled:pointer-events-none disabled:opacity-45',\n      )\n    \"\n  >\n    <motion.span\n      v-if=\"active\"\n      aria-hidden=\"true\"\n      :layout-id=\"state.activeLayoutId\"\n      class=\"absolute inset-0 -z-10 rounded-lg bg-muted\"\n      :transition=\"state.reduce.value ? { duration: 0 } : SPRING_LAYOUT\"\n    />\n    <span class=\"min-w-0 flex-1\"\n      ><slot>{{ textValue ?? label ?? value }}</slot></span\n    >\n    <motion.span\n      aria-hidden=\"true\"\n      :initial=\"false\"\n      :animate=\"feedback\"\n      :transition=\"\n        state.reduce.value\n          ? { duration: 0 }\n          : { duration: 0.14, ease: EASE_OUT }\n      \"\n      class=\"grid size-5 shrink-0 place-items-center text-foreground\"\n      ><Check class=\"size-4\"\n    /></motion.span>\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport {\n  computed,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  onUpdated,\n  ref,\n  useId,\n} from \"vue\";\nimport { motion } from \"motion-v\";\nimport { Check } from \"lucide-vue-next\";\nimport { EASE_OUT, SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport {\n  ComboboxGroupContext,\n  MultiSelectGroupContext,\n  useSearchContext,\n} from \"../../_combobox/controller\";\nconst props = withDefaults(\n  defineProps<{\n    multiple: boolean;\n    value: string;\n    textValue?: string;\n    label?: string;\n    keywords?: string[];\n    disabled?: boolean;\n  }>(),\n  { keywords: () => [] },\n);\nconst emit = defineEmits<{ select: [value: string] }>();\nconst state = useSearchContext(\n  props.multiple,\n  props.multiple ? \"MultiSelectItem\" : \"ComboboxItem\",\n);\nconst groupId = inject(\n  props.multiple ? MultiSelectGroupContext : ComboboxGroupContext,\n  undefined,\n);\nconst element = ref<HTMLButtonElement | null>(null);\nconst id = useId();\nlet registered: string | undefined;\nconst selected = computed(() =>\n  props.multiple\n    ? state.values.value.includes(props.value)\n    : state.value.value === props.value,\n);\nconst disabled = computed(() => !!props.disabled || state.disabled.value);\nfunction synchronize() {\n  if (registered !== undefined && registered !== props.value)\n    state.unregisterItem(registered);\n  state.registerItem({\n    value: props.value,\n    label:\n      props.textValue ??\n      props.label ??\n      element.value?.textContent?.trim() ??\n      props.value,\n    keywords: [...props.keywords],\n    disabled: disabled.value,\n    groupId,\n    id,\n    element: element.value,\n  });\n  registered = props.value;\n}\nonMounted(synchronize);\nonUpdated(synchronize);\nonBeforeUnmount(() => {\n  if (registered !== undefined) state.unregisterItem(registered);\n});\nfunction choose() {\n  if (!disabled.value) {\n    emit(\"select\", props.value);\n    state.select(props.value);\n  }\n}\nconst active = computed(() => state.activeValue.value === props.value);\nconst feedback = computed(() => ({\n  opacity: selected.value ? 1 : 0,\n  scale: selected.value ? 1 : 0.82,\n}));\n</script>\n<template>\n  <button\n    v-show=\"state.isVisible(value)\"\n    ref=\"element\"\n    :id=\"id\"\n    type=\"button\"\n    role=\"option\"\n    :aria-selected=\"selected\"\n    :disabled=\"disabled\"\n    :tabindex=\"-1\"\n    :data-combobox-item=\"multiple ? undefined : ''\"\n    :data-multi-select-item=\"multiple ? '' : undefined\"\n    :data-active=\"active || undefined\"\n    :data-selected=\"selected || undefined\"\n    @pointermove=\"!disabled && state.setActiveValue(value)\"\n    @pointerdown.prevent\n    @click=\"choose\"\n    :class=\"\n      cn(\n        'relative flex w-full items-center gap-2 rounded-lg px-2 py-2 text-left text-sm outline-none transition-colors duration-150',\n        active ? 'text-foreground' : 'text-muted-foreground',\n        'disabled:pointer-events-none disabled:opacity-45',\n      )\n    \"\n  >\n    <motion.span\n      v-if=\"active\"\n      aria-hidden=\"true\"\n      :layout-id=\"state.activeLayoutId\"\n      class=\"absolute inset-0 -z-10 rounded-lg bg-muted\"\n      :transition=\"state.reduce.value ? { duration: 0 } : SPRING_LAYOUT\"\n    />\n    <span class=\"min-w-0 flex-1\"\n      ><slot>{{ textValue ?? label ?? value }}</slot></span\n    >\n    <motion.span\n      aria-hidden=\"true\"\n      :initial=\"false\"\n      :animate=\"feedback\"\n      :transition=\"\n        state.reduce.value\n          ? { duration: 0 }\n          : { duration: 0.14, ease: EASE_OUT }\n      \"\n      class=\"grid size-5 shrink-0 place-items-center text-foreground\"\n      ><Check class=\"size-4\"\n    /></motion.span>\n  </button>\n</template>\n"],"mappings":"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"}

package/dist/_plugin-vue_export-helper-Djzt4Yr7.js

@@ -0,0 +1,7 @@
+// \0plugin-vue:export-helper
+var e = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+};
+export { e as t };