@phtngyn/cms 0.2.0-beta.7 → 0.3.0

package/studio/chunks/virtualizer-D1S0bZ4t.js

@@ -0,0 +1,781 @@
+import { A as e, Dt as t, E as n, F as r, H as i, Mt as a, O as o, Ot as s, Q as c, Rt as l, nn as u, tn as d, xt as f } from "./Button-BT3ztSPx.js";
+import { $t as p, A as m, Ci as h, Cr as g, E as _, Er as v, K as y, M as b, N as x, Nn as S, Or as C, Pn as w, T, V as E, _i as ee, en as D, gn as O, ii as k, jr as A, mn as j, mr as te, o as M, oa as N, un as P, zn as F } from "./runtime-core.esm-bundler-DKFA9Rep.js";
+import { t as I } from "./arrays-CUJkmV4I.js";
+import { A as ne, L, N as re, O as ie, R, j as ae, o as z } from "./overlay-DnqFLZTc.js";
+import { a as oe, r as B, s as V } from "./utils-mdScC0v0.js";
+import { t as se } from "./useFormControl-CL7sSCUo.js";
+import { t as ce } from "./VisuallyHiddenInput-Cu8hQLRf.js";
+import { t as H } from "./esm-D6DqSiL1.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/useKbd.js
+function le() {
+	return {
+		ALT: "Alt",
+		ARROW_DOWN: "ArrowDown",
+		ARROW_LEFT: "ArrowLeft",
+		ARROW_RIGHT: "ArrowRight",
+		ARROW_UP: "ArrowUp",
+		BACKSPACE: "Backspace",
+		CAPS_LOCK: "CapsLock",
+		CONTROL: "Control",
+		DELETE: "Delete",
+		END: "End",
+		ENTER: "Enter",
+		ESCAPE: "Escape",
+		F1: "F1",
+		F10: "F10",
+		F11: "F11",
+		F12: "F12",
+		F2: "F2",
+		F3: "F3",
+		F4: "F4",
+		F5: "F5",
+		F6: "F6",
+		F7: "F7",
+		F8: "F8",
+		F9: "F9",
+		HOME: "Home",
+		META: "Meta",
+		PAGE_DOWN: "PageDown",
+		PAGE_UP: "PageUp",
+		SHIFT: "Shift",
+		SPACE: " ",
+		TAB: "Tab",
+		CTRL: "Control",
+		ASTERISK: "*",
+		SPACE_CODE: "Space"
+	};
+}
+//#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/Listbox/utils.js
+function U(e) {
+	return e?.querySelector("[data-state=checked]");
+}
+function W(e, t, n) {
+	return e === void 0 ? !1 : Array.isArray(e) ? e.some((e) => G(e, t, n)) : G(e, t, n);
+}
+function G(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] : c(e, t);
+}
+//#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/Listbox/ListboxRoot.js
+var [K, ue] = /*#__PURE__*/ r("ListboxRoot"), [de, fe] = /*#__PURE__*/ r("ListboxHighlightScroll"), q = /* @__PURE__ */ y({
+	__name: "ListboxRoot",
+	props: {
+		modelValue: {
+			type: null,
+			required: !1
+		},
+		defaultValue: {
+			type: null,
+			required: !1
+		},
+		multiple: {
+			type: Boolean,
+			required: !1
+		},
+		orientation: {
+			type: String,
+			required: !1,
+			default: "vertical"
+		},
+		dir: {
+			type: String,
+			required: !1
+		},
+		disabled: {
+			type: Boolean,
+			required: !1
+		},
+		selectionBehavior: {
+			type: String,
+			required: !1,
+			default: "toggle"
+		},
+		highlightOnHover: {
+			type: Boolean,
+			required: !1
+		},
+		by: {
+			type: [String, Function],
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		},
+		name: {
+			type: String,
+			required: !1
+		},
+		required: {
+			type: Boolean,
+			required: !1
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"highlight",
+		"entryFocus",
+		"leave"
+	],
+	setup(e, { expose: r, emit: i }) {
+		let o = e, c = i, { multiple: l, highlightOnHover: u, orientation: d, disabled: f, selectionBehavior: p, dir: _ } = ee(o), { getItems: v, getItem: y } = z({ isProvider: !0 }), { handleTypeaheadSearch: x } = ae(), { primitiveElement: S, currentElement: T } = ie(), E = le(), A = re(_), j = de(null);
+		fe({
+			suppressHighlightScroll: k(!1),
+			onHighlightScrollRequest: () => {}
+		});
+		let te = se(T), M = k(), N = k(!1), P = k(!0), F = t(o, "modelValue", c, {
+			defaultValue: o.defaultValue ?? (l.value ? [] : void 0),
+			passive: o.modelValue === void 0,
+			deep: !0
+		});
+		function ne(e) {
+			if (N.value = !0, o.multiple) {
+				let t = Array.isArray(F.value) ? [...F.value] : [], n = t.findIndex((t) => G(t, e, o.by));
+				o.selectionBehavior === "toggle" ? (n === -1 ? t.push(e) : t.splice(n, 1), F.value = t) : (F.value = [e], M.value = e);
+			} else o.selectionBehavior === "toggle" && G(F.value, e, o.by) ? F.value = void 0 : F.value = e;
+			setTimeout(() => {
+				N.value = !1;
+			}, 1);
+		}
+		let L = k(null), R = k(null), B = k(!1), V = k(!1), H = s(), U = s(), W = s();
+		function K() {
+			return v().map((e) => e.ref).filter((e) => e.dataset.disabled !== "");
+		}
+		function q(e, t = !0, n) {
+			if (!e) return;
+			L.value = e;
+			let r = j?.suppressHighlightScroll.value ?? !1;
+			(n ?? P.value) && (r ? L.value.focus({ preventScroll: !0 }) : L.value.focus()), r ? j?.onHighlightScrollRequest(t ? () => {
+				let e = L.value;
+				e?.isConnected && e.scrollIntoView({ block: "nearest" });
+			} : void 0) : t && L.value.scrollIntoView({ block: "nearest" });
+			let i = y(e);
+			c("highlight", i);
+		}
+		function pe(e) {
+			if (B.value) W.trigger(e);
+			else {
+				let t = v().find((t) => G(t.value, e, o.by));
+				t && (L.value = t.ref, q(t.ref));
+			}
+		}
+		function me(e) {
+			if (L.value && L.value.isConnected) {
+				if (e.ctrlKey || e.metaKey || e.altKey) return;
+				e.preventDefault(), e.stopPropagation(), V.value || L.value.click();
+			}
+		}
+		function he(e) {
+			if (P.value) {
+				if (N.value = !0, B.value) U.trigger(e);
+				else {
+					let t = e.altKey || e.ctrlKey || e.metaKey;
+					if (t && e.key === "a" && l.value) {
+						let t = v(), n = t.map((e) => e.value);
+						F.value = [...n], e.preventDefault();
+						let r = t.at(-1);
+						r && q(r.ref);
+					} else if (!t) {
+						let t = x(e.key, v());
+						t && q(t);
+					}
+				}
+				setTimeout(() => {
+					N.value = !1;
+				}, 1);
+			}
+		}
+		function ge() {
+			V.value = !0;
+		}
+		function _e() {
+			D(() => {
+				V.value = !1;
+			});
+		}
+		function J() {
+			D(() => {
+				Z(new KeyboardEvent("keydown", { key: "PageUp" }));
+			});
+		}
+		function Y(e) {
+			let t = L.value;
+			t?.isConnected && (R.value = t), L.value = null, c("leave", e);
+		}
+		function X(e) {
+			let t = new CustomEvent("listbox.entryFocus", {
+				bubbles: !1,
+				cancelable: !0
+			});
+			if (e.currentTarget?.dispatchEvent(t), c("entryFocus", t), !t.defaultPrevented) {
+				if (R.value) q(R.value);
+				else {
+					let e = K()?.[0];
+					q(e);
+				}
+			}
+		}
+		function Z(e) {
+			let t = oe(e, d.value, A.value);
+			if (!t) return;
+			let n = K();
+			if (L.value) {
+				if (t === "last") n.reverse();
+				else if (t === "prev" || t === "next") {
+					t === "prev" && n.reverse();
+					let e = n.indexOf(L.value);
+					n = n.slice(e + 1);
+				}
+				ve(e, n[0]);
+			}
+			if (n.length) {
+				let e = !L.value && t === "prev" ? n.length - 1 : 0;
+				q(n[e]);
+			}
+			if (B.value) return U.trigger(e);
+		}
+		function ve(e, t) {
+			if (!B.value && o.selectionBehavior === "replace" && l.value && Array.isArray(F.value) && (!e.altKey && !e.ctrlKey && !e.metaKey || e.shiftKey) && e.shiftKey) {
+				let n = v().filter((e) => e.ref.dataset.disabled !== ""), r = n.find((e) => e.ref === t)?.value;
+				if (e.key === E.END ? r = n.at(-1)?.value : e.key === E.HOME && (r = n[0]?.value), !r || !M.value) return;
+				let i = I(n.map((e) => e.value), M.value, r);
+				F.value = i;
+			}
+		}
+		async function Q(e, t = !0) {
+			if (a) {
+				if (await D(), B.value) H.trigger({
+					event: e,
+					scroll: t
+				});
+				else {
+					let e = K(), n = e.find((e) => e.dataset.state === "checked"), r = t ? void 0 : !1;
+					n ? q(n, t, r) : e.length && q(e[0], t, r);
+				}
+			}
+		}
+		let $ = !1;
+		return g(F, () => {
+			if (!N.value) {
+				let e = $;
+				$ = !0, D(() => {
+					Q(void 0, e);
+				});
+			}
+		}, {
+			immediate: !0,
+			deep: !0
+		}), r({
+			highlightedElement: L,
+			highlightItem: pe,
+			highlightFirstItem: J,
+			highlightSelected: Q,
+			getItems: v
+		}), ue({
+			modelValue: F,
+			onValueChange: ne,
+			multiple: l,
+			orientation: d,
+			dir: A,
+			disabled: f,
+			highlightOnHover: u,
+			highlightedElement: L,
+			isVirtual: B,
+			virtualFocusHook: H,
+			virtualKeydownHook: U,
+			virtualHighlightHook: W,
+			by: o.by,
+			firstValue: M,
+			selectionBehavior: p,
+			focusable: P,
+			onLeave: Y,
+			onEnter: X,
+			changeHighlight: q,
+			onKeydownEnter: me,
+			onKeydownNavigation: Z,
+			onKeydownTypeAhead: he,
+			onCompositionStart: ge,
+			onCompositionEnd: _e,
+			highlightFirstItem: J
+		}), (e, t) => (O(), m(h(n), {
+			ref_key: "primitiveElement",
+			ref: S,
+			as: e.as,
+			"as-child": e.asChild,
+			dir: h(A),
+			"data-disabled": h(f) ? "" : void 0,
+			onPointerleave: Y,
+			onFocusout: t[0] ||= async (e) => {
+				let t = e.relatedTarget || e.target;
+				await D(), L.value && h(T) && !h(T).contains(t) && Y(e);
+			}
+		}, {
+			default: C(() => [w(e.$slots, "default", { modelValue: h(F) }), h(te) && e.name ? (O(), m(h(ce), {
+				key: 0,
+				name: e.name,
+				value: h(F),
+				disabled: h(f),
+				required: e.required
+			}, null, 8, [
+				"name",
+				"value",
+				"disabled",
+				"required"
+			])) : b("v-if", !0)]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"dir",
+			"data-disabled"
+		]));
+	}
+}), pe = /* @__PURE__ */ y({
+	__name: "ListboxContent",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		}
+	},
+	setup(e) {
+		let { CollectionSlot: t } = z(), r = K(), i = l(!1, 10);
+		return (e, a) => (O(), m(h(t), null, {
+			default: C(() => [E(h(n), {
+				role: "listbox",
+				as: e.as,
+				"as-child": e.asChild,
+				tabindex: h(r).focusable.value ? h(r).highlightedElement.value ? "-1" : "0" : "-1",
+				"aria-orientation": h(r).orientation.value,
+				"aria-multiselectable": !!h(r).multiple.value,
+				"data-orientation": h(r).orientation.value,
+				onMousedown: a[0] ||= u((e) => i.value = !0, ["left"]),
+				onFocus: a[1] ||= (e) => {
+					h(i) || h(r).onEnter(e);
+				},
+				onKeydown: [
+					a[2] ||= d((e) => {
+						(h(r).orientation.value !== "vertical" || e.key !== "ArrowLeft" && e.key !== "ArrowRight") && (h(r).orientation.value !== "horizontal" || e.key !== "ArrowUp" && e.key !== "ArrowDown") && (e.preventDefault(), h(r).focusable.value && h(r).onKeydownNavigation(e));
+					}, [
+						"down",
+						"up",
+						"left",
+						"right",
+						"home",
+						"end"
+					]),
+					d(h(r).onKeydownEnter, ["enter"]),
+					h(r).onKeydownTypeAhead
+				]
+			}, {
+				default: C(() => [w(e.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"as",
+				"as-child",
+				"tabindex",
+				"aria-orientation",
+				"aria-multiselectable",
+				"data-orientation",
+				"onKeydown"
+			])]),
+			_: 3
+		}));
+	}
+}), me = /* @__PURE__ */ y({
+	__name: "ListboxFilter",
+	props: {
+		modelValue: {
+			type: String,
+			required: !1
+		},
+		autoFocus: {
+			type: Boolean,
+			required: !1
+		},
+		disabled: {
+			type: Boolean,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "input"
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: r }) {
+		let i = e, a = t(i, "modelValue", r, {
+			defaultValue: "",
+			passive: i.modelValue === void 0
+		}), o = K(), { primitiveElement: s, currentElement: c } = ie(), l = _(() => i.disabled || o.disabled.value || !1), u = k();
+		v(() => u.value = o.highlightedElement.value?.id), P(() => {
+			o.focusable.value = !1, setTimeout(() => {
+				i.autoFocus && c.value?.focus();
+			}, 1);
+		}), j(() => {
+			o.focusable.value = !0;
+		});
+		let { isComposing: f, shouldDeferInput: p, handleCompositionStart: g, handleCompositionUpdate: y, handleCompositionEnd: b } = V((e) => {
+			a.value = e.target.value, o.onCompositionEnd(), o.highlightFirstItem();
+		});
+		function x() {
+			o.onCompositionStart(), g();
+		}
+		function S(e) {
+			p.value || (a.value = e.target.value, o.highlightFirstItem());
+		}
+		function T(e) {
+			f.value || (e.preventDefault(), o.onKeydownNavigation(e));
+		}
+		function E(e) {
+			f.value || o.onKeydownEnter(e);
+		}
+		return (e, t) => (O(), m(h(n), {
+			ref_key: "primitiveElement",
+			ref: s,
+			as: e.as,
+			"as-child": e.asChild,
+			value: h(a),
+			disabled: l.value ? "" : void 0,
+			"data-disabled": l.value ? "" : void 0,
+			"aria-disabled": l.value ?? void 0,
+			"aria-activedescendant": u.value,
+			type: "text",
+			onKeydown: [d(T, [
+				"down",
+				"up",
+				"home",
+				"end"
+			]), d(E, ["enter"])],
+			onInput: S,
+			onCompositionstart: x,
+			onCompositionupdate: h(y),
+			onCompositionend: h(b)
+		}, {
+			default: C(() => [w(e.$slots, "default", { modelValue: h(a) })]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"value",
+			"disabled",
+			"data-disabled",
+			"aria-disabled",
+			"aria-activedescendant",
+			"onCompositionupdate",
+			"onCompositionend"
+		]));
+	}
+}), [he, ge] = /*#__PURE__*/ r("ListboxGroup"), _e = /* @__PURE__ */ y({
+	__name: "ListboxGroup",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		}
+	},
+	setup(e) {
+		let t = e, r = o(void 0, "reka-listbox-group");
+		return ge({ id: r }), (e, i) => (O(), m(h(n), p({ role: "group" }, t, { "aria-labelledby": h(r) }), {
+			default: C(() => [w(e.$slots, "default")]),
+			_: 3
+		}, 16, ["aria-labelledby"]));
+	}
+}), J = "listbox.select", [Y, X] = /*#__PURE__*/ r("ListboxItem"), Z = /* @__PURE__ */ y({
+	__name: "ListboxItem",
+	props: {
+		value: {
+			type: null,
+			required: !0
+		},
+		disabled: {
+			type: Boolean,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "div"
+		}
+	},
+	emits: ["select"],
+	setup(t, { emit: r }) {
+		let i = t, a = r, s = o(void 0, "reka-listbox-item"), { CollectionItem: c } = z(), { forwardRef: l, currentElement: f } = e(), g = K(), v = _(() => f.value != null && f.value === g.highlightedElement.value), y = _(() => W(g.modelValue.value, i.value, g.by)), b = _(() => g.disabled.value || i.disabled);
+		async function x(e) {
+			a("select", e), !e?.defaultPrevented && !b.value && e && (g.onValueChange(i.value), g.changeHighlight(f.value));
+		}
+		function S(e) {
+			let t = {
+				originalEvent: e,
+				value: i.value
+			};
+			L(J, x, t);
+		}
+		return X({ isSelected: y }), (e, t) => (O(), m(h(c), { value: e.value }, {
+			default: C(() => [A([
+				v.value,
+				y.value,
+				b.value,
+				h(g).focusable.value,
+				...Object.entries(e.$attrs).flat()
+			], () => E(h(n), p({ id: h(s) }, e.$attrs, {
+				ref: h(l),
+				role: "option",
+				tabindex: h(g).focusable.value ? v.value ? "0" : "-1" : -1,
+				"aria-selected": y.value,
+				as: e.as,
+				"as-child": e.asChild,
+				disabled: b.value ? "" : void 0,
+				"data-disabled": b.value ? "" : void 0,
+				"data-highlighted": v.value ? "" : void 0,
+				"data-state": y.value ? "checked" : "unchecked",
+				onClick: S,
+				onKeydown: d(u(S, ["prevent"]), ["space"]),
+				onPointermove: t[0] ||= () => {
+					h(g).highlightedElement.value !== h(f) && h(g).highlightOnHover.value && h(g).changeHighlight(h(f), !1, !1);
+				}
+			}), {
+				default: C(() => [w(e.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"id",
+				"tabindex",
+				"aria-selected",
+				"as",
+				"as-child",
+				"disabled",
+				"data-disabled",
+				"data-highlighted",
+				"data-state",
+				"onKeydown"
+			]), t, 1)]),
+			_: 3
+		}, 8, ["value"]));
+	}
+}), ve = /* @__PURE__ */ y({
+	__name: "ListboxItemIndicator",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "span"
+		}
+	},
+	setup(t) {
+		let r = t;
+		e();
+		let i = Y();
+		return (e, t) => h(i).isSelected.value ? (O(), m(h(n), p({
+			key: 0,
+			"aria-hidden": "true"
+		}, r), {
+			default: C(() => [w(e.$slots, "default")]),
+			_: 3
+		}, 16)) : b("v-if", !0);
+	}
+}), Q = /* @__PURE__ */ y({
+	__name: "ListboxVirtualizer",
+	props: {
+		options: {
+			type: Array,
+			required: !0
+		},
+		overscan: {
+			type: Number,
+			required: !1
+		},
+		estimateSize: {
+			type: [Number, Function],
+			required: !1
+		},
+		textContent: {
+			type: Function,
+			required: !1
+		}
+	},
+	setup(e) {
+		let t = e, n = te(), r = K(), i = f(), { getItems: a } = z();
+		r.isVirtual.value = !0;
+		let o = _(() => {
+			let e = i.value;
+			if (e) {
+				let t = window.getComputedStyle(e);
+				return {
+					start: Number.parseFloat(t.paddingBlockStart || t.paddingTop),
+					end: Number.parseFloat(t.paddingBlockEnd || t.paddingBottom)
+				};
+			}
+			return {
+				start: 0,
+				end: 0
+			};
+		}), s = H({
+			get scrollPaddingStart() {
+				return o.value.start;
+			},
+			get scrollPaddingEnd() {
+				return o.value.end;
+			},
+			get count() {
+				return t.options.length;
+			},
+			get horizontal() {
+				return r.orientation.value === "horizontal";
+			},
+			estimateSize(e) {
+				return typeof t.estimateSize == "function" ? t.estimateSize(e) : t.estimateSize ?? 28;
+			},
+			getScrollElement() {
+				return i.value;
+			},
+			overscan: t.overscan ?? 12
+		}), c = _(() => s.value.getVirtualItems().map((e) => {
+			let r = n.default({
+				option: t.options[e.index],
+				virtualizer: s.value,
+				virtualItem: e
+			})[0], i = r.type === M && Array.isArray(r.children) ? r.children.find((e) => typeof e.type != "symbol") : r;
+			return {
+				item: e,
+				is: T(i, {
+					key: `${e.key}`,
+					"data-index": e.index,
+					"aria-setsize": t.options.length,
+					"aria-posinset": e.index + 1,
+					style: {
+						position: "absolute",
+						top: 0,
+						left: 0,
+						transform: `translateY(${e.start}px)`,
+						overflowAnchor: "none"
+					}
+				})
+			};
+		}));
+		r.virtualFocusHook.on(({ event: e, scroll: n }) => {
+			let o = t.options.findIndex((e) => Array.isArray(r.modelValue.value) ? G(e, r.modelValue.value[0], r.by) : G(e, r.modelValue.value, r.by));
+			o === -1 ? n ? r.highlightFirstItem() : requestAnimationFrame(() => {
+				let e = a().find((e) => e.ref.dataset.disabled !== "")?.ref;
+				e && r.changeHighlight(e, !1, !1);
+			}) : (e?.preventDefault(), s.value.scrollToIndex(o, { align: "start" }), requestAnimationFrame(() => {
+				let t = U(i.value);
+				if (t) {
+					let i = e ? !0 : n ? void 0 : !1;
+					r.changeHighlight(t, n, i);
+				}
+			}));
+		}), r.virtualHighlightHook.on((e) => {
+			let n = t.options.findIndex((t) => G(t, e, r.by));
+			s.value.scrollToIndex(n, { align: "start" }), requestAnimationFrame(() => {
+				let e = U(i.value);
+				e && r.changeHighlight(e);
+			});
+		});
+		let u = l("", 1e3), d = _(() => {
+			let e = (e) => t.textContent ? t.textContent(e) : e?.toString().toLowerCase();
+			return t.options.map((t, n) => ({
+				index: n,
+				textContent: e(t)
+			}));
+		});
+		function p(e, n) {
+			if (!r.firstValue?.value || !r.multiple.value || !Array.isArray(r.modelValue.value)) return;
+			let i = a().filter((e) => e.ref.dataset.disabled !== "").find((e) => e.ref === r.highlightedElement.value)?.value;
+			if (!i) return;
+			let o = null;
+			switch (n) {
+				case "prev":
+				case "next":
+					o = I(t.options, r.firstValue.value, i);
+					break;
+				case "first":
+					o = I(t.options, r.firstValue.value, t.options?.[0]);
+					break;
+				case "last": o = I(t.options, r.firstValue.value, t.options.at(-1));
+			}
+			r.modelValue.value = o;
+		}
+		return r.virtualKeydownHook.on((e) => {
+			let n = e.altKey || e.ctrlKey || e.metaKey;
+			if (e.key === "Tab" && !n) return;
+			let o = B[e.key];
+			if (n && e.key === "a" && r.multiple.value ? (e.preventDefault(), r.modelValue.value = [...t.options], o = "last") : e.shiftKey && o && p(e, o), ["first", "last"].includes(o)) {
+				e.preventDefault();
+				let n = o === "first" ? 0 : t.options.length - 1;
+				s.value.scrollToIndex(n), requestAnimationFrame(() => {
+					let e = a(), t = o === "first" ? e[0] : e.at(-1);
+					t && r.changeHighlight(t.ref);
+				});
+			} else if (!o && !n) {
+				u.value += e.key;
+				let t = Number(R()?.getAttribute("data-index")), n = d.value[t].textContent, a = d.value.map((e) => e.textContent ?? ""), o = ne(a, u.value, n), c = d.value.find((e) => e.textContent === o);
+				c && (s.value.scrollToIndex(c.index, { align: "start" }), requestAnimationFrame(() => {
+					let e = i.value.querySelector(`[data-index="${c.index}"]`);
+					e instanceof HTMLElement && r.changeHighlight(e);
+				}));
+			}
+		}), (e, t) => (O(), x("div", {
+			"data-reka-virtualizer": "",
+			style: N({
+				position: "relative",
+				width: "100%",
+				height: `${h(s).getTotalSize()}px`
+			})
+		}, [(O(!0), x(M, null, S(c.value, ({ is: e, item: t }) => (O(), m(F(e), { key: t.index }))), 128))], 4));
+	}
+});
+//#endregion
+//#region ../../node_modules/.pnpm/@nuxt+ui@4.11.3_cb98d253b9bf6e94cc4ec1fe3cbbcc2e/node_modules/@nuxt/ui/dist/runtime/utils/virtualizer.js
+function $(e, t) {
+	if (typeof e != "object" || !e) return !1;
+	let n = i(e, t);
+	return n != null && n !== "";
+}
+function ye(e, t) {
+	let n = t ? {
+		xs: 44,
+		sm: 48,
+		md: 52,
+		lg: 56,
+		xl: 60
+	} : {
+		xs: 24,
+		sm: 28,
+		md: 32,
+		lg: 36,
+		xl: 40
+	};
+	return n[e] ?? n.md;
+}
+function be(e, t, n, r) {
+	let i = ye(t, !0), a = ye(t, !1);
+	return r ? () => i : n ? (t) => $(e[t], n) ? i : a : () => a;
+}
+//#endregion
+export { _e as a, pe as c, fe as d, le as f, Z as i, q as l, Q as n, he as o, ve as r, me as s, be as t, K as u };