@slotted/react 0.1.0-beta.8 → 0.1.0-beta.9

package/dist/listbox-D0MJcAMm.js

@@ -1,615 +0,0 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { b as n, f as r } from "./field-BxQFpOXS.js";
-import { createControllable as i } from "@slotted/core/state";
-import { createContext as a, useCallback as o, useContext as s, useEffect as c, useId as l, useImperativeHandle as u, useMemo as d, useRef as f, useState as p } from "react";
-import { Fragment as ee, jsx as m, jsxs as te } from "react/jsx-runtime";
-import { createTypeahead as ne, isPrintable as re } from "@slotted/core/typeahead";
-import { createCollection as ie, createRowMetrics as ae, moveIndex as h, nextSelection as oe, offsetForIndex as se, shouldLoadMore as ce, virtualWindow as le } from "@slotted/core/collection";
-//#region src/listbox/listbox-context.ts
-var ue = a(void 0);
-function g() {
-	let e = s(ue);
-	if (e === void 0) throw Error("This part must be rendered inside a Listbox.");
-	return e;
-}
-//#endregion
-//#region src/listbox/listbox-defaults.tsx
-var _ = a({
-	columns: 1,
-	disallowEmptySelection: !1,
-	disallowSelectAll: !1,
-	focusMode: "auto",
-	indicator: "check",
-	loadMoreThreshold: 0,
-	loop: !1,
-	navigateDisabled: !1,
-	orientation: "vertical",
-	overscan: 4,
-	pageSize: 10,
-	rows: 7,
-	selectOnFocus: !1,
-	selectionBehavior: "toggle",
-	selectionMode: "single",
-	size: "md",
-	typeahead: !0,
-	typeaheadTimeout: 500,
-	variant: "framed"
-});
-function v() {
-	return s(_);
-}
-function de({ children: e, ...t }) {
-	let n = v();
-	return /* @__PURE__ */ m(_.Provider, {
-		value: {
-			columns: t.columns ?? n.columns,
-			disallowEmptySelection: t.disallowEmptySelection ?? n.disallowEmptySelection,
-			disallowSelectAll: t.disallowSelectAll ?? n.disallowSelectAll,
-			focusMode: t.focusMode ?? n.focusMode,
-			indicator: t.indicator ?? n.indicator,
-			loadMoreThreshold: t.loadMoreThreshold ?? n.loadMoreThreshold,
-			loop: t.loop ?? n.loop,
-			navigateDisabled: t.navigateDisabled ?? n.navigateDisabled,
-			orientation: t.orientation ?? n.orientation,
-			overscan: t.overscan ?? n.overscan,
-			pageSize: t.pageSize ?? n.pageSize,
-			rows: t.rows ?? n.rows,
-			selectOnFocus: t.selectOnFocus ?? n.selectOnFocus,
-			selectionBehavior: t.selectionBehavior ?? n.selectionBehavior,
-			selectionMode: t.selectionMode ?? n.selectionMode,
-			size: t.size ?? n.size,
-			typeahead: t.typeahead ?? n.typeahead,
-			typeaheadTimeout: t.typeaheadTimeout ?? n.typeaheadTimeout,
-			variant: t.variant ?? n.variant
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/listbox/listbox-parts.tsx
-var fe = "[data-part='option']";
-function pe({ children: e, disabled: t, onClick: n, onPointerDown: r, pinned: i, render: a, textValue: o, value: s, ...c }) {
-	let l = g(), u = l.isSelected(s), d = l.isActive(s), f = t === !0 || l.disabled === !0, p = {
-		...c,
-		"aria-disabled": f ? !0 : void 0,
-		"aria-posinset": l.posInSet(s),
-		"aria-selected": l.selectionMode === "none" ? void 0 : u,
-		"aria-setsize": l.setSize,
-		tabIndex: l.optionTabIndex(s),
-		children: e,
-		...d ? { "data-current": "" } : {},
-		...f ? { "data-disabled": "" } : {},
-		"data-key": s,
-		"data-part": "option",
-		...i === !0 ? { "data-pinned": "" } : {},
-		...u ? { "data-selected": "" } : {},
-		...o === void 0 ? {} : { "data-text-value": o },
-		id: l.optionId(s),
-		onClick: (e) => {
-			n?.(e), !e.defaultPrevented && l.press(s, e);
-		},
-		onPointerDown: (e) => {
-			r?.(e), !e.defaultPrevented && e.preventDefault();
-		},
-		role: "option"
-	};
-	return a === void 0 ? /* @__PURE__ */ m("div", { ...p }) : a(p);
-}
-function me({ children: e, label: t, labelProps: n, render: r, ...i }) {
-	let a = `${l()}label`, o = {
-		...i,
-		"aria-labelledby": a,
-		children: /* @__PURE__ */ te(ee, { children: [/* @__PURE__ */ m("div", {
-			"data-part": "group-label",
-			id: a,
-			...n,
-			children: t
-		}), e] }),
-		"data-part": "group",
-		role: "group"
-	};
-	return r === void 0 ? /* @__PURE__ */ m("div", { ...o }) : r(o);
-}
-function he({ children: e, render: t, ...n }) {
-	let r = {
-		...n,
-		children: e,
-		"data-part": "empty"
-	};
-	return t === void 0 ? /* @__PURE__ */ m("div", { ...r }) : t(r);
-}
-function ge({ children: e, render: t, ...n }) {
-	let r = {
-		...n,
-		"aria-disabled": !0,
-		children: e,
-		"data-part": "loader",
-		role: "option"
-	};
-	return t === void 0 ? /* @__PURE__ */ m("div", { ...r }) : t(r);
-}
-function y({ children: n, ...r }) {
-	return g().indicator === "none" ? null : /* @__PURE__ */ m("span", {
-		"aria-hidden": "true",
-		"data-part": "indicator",
-		...r,
-		children: n ?? /* @__PURE__ */ m(t, { children: /* @__PURE__ */ m(e, { name: "check" }) })
-	});
-}
-function _e({ children: e, ...t }) {
-	return /* @__PURE__ */ m("span", {
-		"aria-hidden": "true",
-		"data-part": "icon",
-		...t,
-		children: e
-	});
-}
-function b({ children: e, ...t }) {
-	return /* @__PURE__ */ m("span", {
-		"data-part": "label",
-		...t,
-		children: e
-	});
-}
-function x({ children: e, ...t }) {
-	return /* @__PURE__ */ m("span", {
-		"data-part": "description",
-		...t,
-		children: e
-	});
-}
-function ve({ children: e, ...t }) {
-	return /* @__PURE__ */ m("span", {
-		"data-part": "meta",
-		...t,
-		children: e
-	});
-}
-//#endregion
-//#region src/listbox/listbox.tsx
-var ye = {
-	keys: [],
-	labels: [],
-	disabled: []
-};
-function be(e) {
-	return e == null ? [] : typeof e == "string" ? [e] : e;
-}
-function xe(e, t) {
-	return e.length === t.length && e.every((e, n) => e === t[n]);
-}
-function S(e) {
-	return `${fe}[data-key="${CSS.escape(e)}"]`;
-}
-function C({ activeKey: e, children: t, columns: a, defaultActiveKey: s, defaultValue: g, disabled: _, disallowEmptySelection: de, disallowSelectAll: me, emptyContent: y, focusMode: _e, getKey: b, getLabel: x, handleRef: ve, hasMore: C, indicator: Se, invalid: Ce, isItemDisabled: w, itemSize: T, items: E, loaderContent: we, loadMoreThreshold: Te, loading: D, loop: Ee, name: De, navigateDisabled: Oe, onActiveKeyChange: ke, onBlur: Ae, onFocus: je, onKeyDown: Me, onLoadMore: Ne, onValueChange: Pe, orientation: Fe, overscan: Ie, pageSize: Le, readOnly: Re, ref: O, render: ze, renderOption: Be, required: Ve, rows: He, sections: k, sectionSize: Ue, selectOnFocus: We, selectionBehavior: Ge, selectionMode: Ke, size: qe, style: Je, totalCount: A, typeahead: Ye, typeaheadTimeout: Xe, value: Ze, variant: Qe, virtual: $e, ...et }) {
-	let j = v(), M = n(), tt = r(), N = f(null), P = f(void 0), F = f(null), nt = l(), I = {
-		columns: Math.max(Math.floor(a ?? j.columns), 1),
-		disallowEmptySelection: de ?? j.disallowEmptySelection,
-		disallowSelectAll: me ?? j.disallowSelectAll,
-		indicator: Se ?? j.indicator,
-		loadMoreThreshold: Te ?? j.loadMoreThreshold,
-		loop: Ee ?? j.loop,
-		navigateDisabled: Oe ?? j.navigateDisabled,
-		orientation: Fe ?? j.orientation,
-		overscan: Ie ?? j.overscan,
-		pageSize: Le ?? j.pageSize,
-		rows: He ?? j.rows,
-		selectOnFocus: We ?? j.selectOnFocus,
-		selectionBehavior: Ge ?? j.selectionBehavior,
-		selectionMode: Ke ?? j.selectionMode,
-		size: qe ?? M?.size ?? j.size,
-		typeahead: Ye ?? j.typeahead,
-		typeaheadTimeout: Xe ?? j.typeaheadTimeout,
-		variant: Qe ?? j.variant
-	}, L = _ ?? M?.disabled ?? tt.disabled, R = Re ?? M?.readOnly ?? tt.readOnly, rt = Ce ?? M?.invalid, it = Ve ?? M?.required, at = M?.registerControl;
-	c(() => at?.(), [at]);
-	let z = $e === !0 && (T ?? 0) > 0, ot = _e ?? j.focusMode, B = ot === "auto" ? z ? "activedescendant" : "roving" : ot, V = d(() => {
-		if (E !== void 0 || k !== void 0) return ie({
-			...E === void 0 ? {} : { items: E },
-			...k === void 0 ? {} : { sections: k },
-			getKey: b === void 0 ? (e, t) => String(t) : (e) => b(e),
-			...x === void 0 ? {} : { getLabel: x },
-			...w === void 0 ? {} : { isDisabled: w },
-			...A === void 0 ? {} : { totalCount: A }
-		});
-	}, [
-		E,
-		k,
-		b,
-		x,
-		w,
-		A
-	]), H = o(() => {
-		if (V !== void 0) return {
-			keys: V.keys,
-			labels: V.labels,
-			disabled: V.options.map((e) => e.disabled)
-		};
-		let e = N.current;
-		if (e === null) return ye;
-		let t = [...e.querySelectorAll(fe)];
-		return {
-			keys: t.map((e) => e.dataset.key ?? ""),
-			labels: t.map((e) => e.dataset.textValue ?? e.textContent?.trim() ?? ""),
-			disabled: t.map((e) => e.getAttribute("aria-disabled") === "true")
-		};
-	}, [V]), [st, ct] = p(() => be(g)), lt = Ze !== void 0, U = lt ? be(Ze) : st, [ut, dt] = p(s ?? null), W = e !== void 0, G = W ? e ?? null : ut, K = o((e) => I.selectionMode === "multiple" ? e : e[0] ?? null, [I.selectionMode]), ft = o((e, t, n) => {
-		let r = !1, a = i({
-			...lt ? { controlled: U } : {},
-			initial: U,
-			equals: xe,
-			onRequest: (e) => {
-				let t = {
-					value: K(e.value),
-					previous: K(e.previous),
-					reason: e.reason,
-					source: e.source,
-					get cancelled() {
-						return e.cancelled;
-					},
-					cancel: () => e.cancel()
-				};
-				Pe?.(t.value, t), r = e.cancelled;
-			}
-		}).request(e, t, n);
-		r || a && ct(e);
-	}, [
-		lt,
-		Pe,
-		K,
-		U
-	]), q = o((t, n, r) => {
-		let a = !1, o = i({
-			...W ? { controlled: e ?? null } : {},
-			initial: G,
-			onRequest: (e) => {
-				ke?.(e.value, e), a = e.cancelled;
-			}
-		}).request(t, n, r);
-		a || o && dt(t);
-	}, [
-		G,
-		W,
-		e,
-		ke
-	]), [pt, mt] = p(0), [ht, gt] = p(0), J = d(() => {
-		if (!z || V === void 0 || k === void 0) return;
-		let e = T ?? 0, t = Ue ?? e;
-		return ae(V.rows.map((n) => n.kind === "option" ? e : t));
-	}, [
-		V,
-		T,
-		k,
-		Ue,
-		z
-	]);
-	c(() => {
-		if (!z) return;
-		let e = N.current;
-		if (e === null) return;
-		let t = () => {
-			mt(e.clientHeight), gt(e.scrollTop);
-		};
-		t();
-		let n = typeof ResizeObserver > "u" ? void 0 : new ResizeObserver(t);
-		n?.observe(e);
-		let r = e.ownerDocument.defaultView;
-		return n === void 0 && r?.addEventListener("resize", t), e.addEventListener("scroll", t, { passive: !0 }), () => {
-			n?.disconnect(), n === void 0 && r?.removeEventListener("resize", t), e.removeEventListener("scroll", t);
-		};
-	}, [z]);
-	let _t = G === null ? -1 : V?.optionFor(G)?.row ?? -1, vt = P.current === void 0 ? -1 : V?.optionFor(P.current)?.row ?? -1, Y = d(() => le({
-		itemCount: V?.rows.length ?? 0,
-		...J === void 0 ? { itemSize: T ?? 0 } : { metrics: J },
-		overscan: I.overscan,
-		scrollOffset: ht,
-		viewportSize: pt,
-		pinned: [_t, vt]
-	}), [
-		_t,
-		vt,
-		V,
-		T,
-		I.overscan,
-		J,
-		ht,
-		pt
-	]), yt = o((e) => J?.offsetOf(e) ?? e * (T ?? 0), [T, J]), X = o((e, t) => {
-		let n = N.current;
-		if (!(n === null || e < 0)) {
-			if (!z) {
-				let r = H().keys[e];
-				if (r === void 0) return;
-				n.querySelector(S(r))?.scrollIntoView?.({ block: t === "nearest" ? "nearest" : "center" });
-				return;
-			}
-			n.scrollTop = se({
-				index: V?.options[e]?.row ?? e,
-				itemCount: V?.rows.length ?? 0,
-				...J === void 0 ? { itemSize: T ?? 0 } : { metrics: J },
-				scrollOffset: n.scrollTop,
-				viewportSize: n.clientHeight,
-				align: t
-			});
-		}
-	}, [
-		V,
-		T,
-		J,
-		H,
-		z
-	]), Z = o((e, t, n) => {
-		let r = n[e];
-		r !== void 0 && (q(r, "keyboard", t), X(e, "nearest"), B === "roving" && N.current?.querySelector(S(r))?.focus());
-	}, [
-		B,
-		q,
-		X
-	]), Q = o((e, t, n, r, i = I.selectionBehavior) => {
-		if (I.selectionMode === "none" || R === !0) return;
-		let a = H(), o = oe({
-			action: e,
-			behavior: i,
-			mode: I.selectionMode,
-			selected: U,
-			keys: a.keys,
-			...t === void 0 ? {} : { key: t },
-			...P.current === void 0 ? {} : { anchor: P.current },
-			disabled: (e) => a.disabled[a.keys.indexOf(e)] === !0,
-			disallowEmpty: I.disallowEmptySelection,
-			disallowSelectAll: I.disallowSelectAll
-		});
-		P.current = o.anchor, o.changed && ft(o.selected, n, r);
-	}, [
-		R,
-		ft,
-		I.disallowEmptySelection,
-		I.disallowSelectAll,
-		I.selectionBehavior,
-		I.selectionMode,
-		U,
-		H
-	]), bt = (e) => {
-		if (Me?.(e), e.defaultPrevented || L === !0) return;
-		let t = H();
-		if (t.keys.length === 0) return;
-		let n = t.keys.map((e, n) => I.navigateDisabled || t.disabled[n] !== !0), r = G === null ? -1 : t.keys.indexOf(G), i = e.ctrlKey || e.metaKey, a = N.current, o = a !== null && a.ownerDocument.defaultView?.getComputedStyle(a).direction === "rtl", s = (a, o) => {
-			let s = h({
-				enabled: n,
-				from: r,
-				intent: a,
-				loop: I.loop,
-				...o === void 0 ? {} : { page: o }
-			});
-			if (s === -1 || s === r) return;
-			e.preventDefault(), Z(s, e, t.keys);
-			let c = t.keys[s];
-			c !== void 0 && t.disabled[s] !== !0 && (e.shiftKey && I.selectionMode === "multiple" ? Q("toggle", c, "keyboard", e, "toggle") : !i && I.selectOnFocus && Q("replace", c, "keyboard", e));
-		}, c = (a) => {
-			let o = h({
-				enabled: n,
-				from: r,
-				intent: a
-			});
-			if (o === -1) return;
-			e.preventDefault();
-			let s = t.keys[o];
-			Z(o, e, t.keys), i && e.shiftKey && s !== void 0 ? Q("range", s, "keyboard", e, "toggle") : !i && I.selectOnFocus && s !== void 0 && Q("replace", s, "keyboard", e);
-		}, l = o ? "ArrowLeft" : "ArrowRight", u = o ? "ArrowRight" : "ArrowLeft", d = I.orientation === "horizontal", f = I.columns > 1;
-		if (e.key === "ArrowDown" && !d) return f ? s("pageDown", I.columns) : s("next");
-		if (e.key === "ArrowUp" && !d) return f ? s("pageUp", I.columns) : s("previous");
-		if (e.key === l && (d || f)) return s("next");
-		if (e.key === u && (d || f)) return s("previous");
-		if (e.key === "Home") return c("first");
-		if (e.key === "End") return c("last");
-		if (e.key === "PageDown") return s("pageDown", I.pageSize);
-		if (e.key === "PageUp") return s("pageUp", I.pageSize);
-		let p = (F.current?.query.length ?? 0) > 0;
-		if (e.key === " " && !p || e.key === "Enter") {
-			if (G === null) return;
-			e.preventDefault(), e.shiftKey && I.selectionMode === "multiple" ? Q("range", G, "keyboard", e, "toggle") : Q("toggle", G, "keyboard", e, i ? "toggle" : void 0);
-			return;
-		}
-		if (i && (e.key === "a" || e.key === "A")) {
-			e.preventDefault(), Q("all", void 0, "select", e);
-			return;
-		}
-		if (I.typeahead && !i && re(e.key, p)) {
-			F.current ??= ne({ timeout: I.typeaheadTimeout });
-			let n = F.current.match(e.key, t.labels, r);
-			if (n === -1) return;
-			if (e.preventDefault(), Z(n, e, t.keys), I.selectOnFocus) {
-				let r = t.keys[n];
-				r !== void 0 && Q("replace", r, "keyboard", e);
-			}
-		}
-	};
-	c(() => () => F.current?.destroy(), []);
-	let xt = (e) => {
-		if (je?.(e), e.defaultPrevented || L === !0 || e.target !== N.current || G !== null) return;
-		let t = H(), n = t.keys.map((e, n) => I.navigateDisabled || t.disabled[n] !== !0), r = U.length > 0 ? t.keys.indexOf(U[0]) : -1, i = r !== -1 && n[r] === !0 ? r : h({
-			enabled: n,
-			from: -1,
-			intent: "first"
-		});
-		i !== -1 && Z(i, e, t.keys);
-	}, St = (e) => {
-		Ae?.(e);
-		let t = e.relatedTarget;
-		(t === null || N.current?.contains(t) !== !0) && F.current?.reset();
-	}, Ct = V?.options.length ?? 0;
-	c(() => {
-		Ne !== void 0 && V !== void 0 && ce({
-			endIndex: z ? Y.endIndex : V.rows.length,
-			loadedCount: V.rows.length,
-			threshold: I.loadMoreThreshold,
-			hasMore: C === !0,
-			loading: D === !0
-		}) && Ne();
-	}, [
-		V,
-		C,
-		Ct,
-		D,
-		Ne,
-		I.loadMoreThreshold,
-		Y.endIndex,
-		z
-	]), u(ve, () => ({
-		focus: () => {
-			let e = N.current;
-			if (e !== null) {
-				if (B === "activedescendant" || G === null) {
-					e.focus();
-					return;
-				}
-				e.querySelector(S(G))?.focus();
-			}
-		},
-		getActiveKey: () => G,
-		getElement: () => N.current,
-		scrollToKey: (e, t = "nearest") => {
-			let n = H().keys.indexOf(e);
-			n !== -1 && X(n, t);
-		}
-	}), [
-		G,
-		B,
-		X,
-		H
-	]);
-	let wt = {
-		disabled: L,
-		readOnly: R,
-		indicator: I.indicator,
-		selectionMode: I.selectionMode,
-		isSelected: (e) => U.includes(e),
-		isActive: (e) => e === G,
-		optionId: (e) => `${nt}${e}`,
-		optionTabIndex: (e) => B === "roving" ? e === G ? 0 : -1 : void 0,
-		press: (e, t) => {
-			if (L === !0) return;
-			let n = H(), r = n.keys.indexOf(e), i = r !== -1 && n.disabled[r] === !0;
-			B === "roving" ? N.current?.querySelector(S(e))?.focus() : N.current?.focus(), (!i || I.navigateDisabled) && (q(e, "pointer", t), !i && (t.shiftKey ? Q("range", e, "pointer", t) : t.ctrlKey || t.metaKey ? Q("toggle", e, "pointer", t, "toggle") : Q("toggle", e, "pointer", t)));
-		},
-		setSize: V?.setSize,
-		posInSet: (e) => {
-			let t = V?.posInSet(e);
-			return t === void 0 || t === -1 ? void 0 : t;
-		}
-	}, $ = (e, t) => {
-		let n = V?.options[e];
-		return n === void 0 ? null : /* @__PURE__ */ m(pe, {
-			value: n.key,
-			textValue: n.label,
-			...n.disabled ? { disabled: !0 } : {},
-			...t ? {
-				pinned: !0,
-				style: { insetBlockStart: `${yt(n.row)}px` }
-			} : {},
-			children: Be?.(n.item)
-		}, n.key);
-	}, Tt = (e, t, n) => /* @__PURE__ */ m("div", {
-		"aria-label": t,
-		"data-part": "group",
-		role: "group",
-		children: n
-	}, `group-${e}`), Et = () => {
-		if (V === void 0) return t;
-		if (!z) return k === void 0 ? V.options.map((e) => $(e.index, !1)) : V.sections.map((e) => Tt(e.key, e.label, [/* @__PURE__ */ m("div", {
-			"data-part": "group-label",
-			children: e.label
-		}, "label"), ...V.options.filter((t) => t.section === e.key).map((e) => $(e.index, !1))]));
-		let e = [], n = null, r = () => {
-			n !== null && (e.push(Tt(`${n.key}-${Y.startIndex}`, n.label, n.content)), n = null);
-		};
-		for (let t of V.rows.slice(Y.startIndex, Y.endIndex)) {
-			if (t.kind === "section-label") {
-				r(), n = {
-					key: t.section.key,
-					label: t.section.label,
-					content: []
-				}, n.content.push(/* @__PURE__ */ m("div", {
-					"data-part": "group-label",
-					children: t.section.label
-				}, "label"));
-				continue;
-			}
-			let i = t.option;
-			if (i.section === void 0) {
-				r(), e.push($(i.index, !1));
-				continue;
-			}
-			(n === null || n.key !== i.section) && (r(), n = {
-				key: i.section,
-				label: V.sections.find((e) => e.key === i.section)?.label,
-				content: []
-			}), n.content.push($(i.index, !1));
-		}
-		r();
-		let i = [...Y.pinnedBefore, ...Y.pinnedAfter].map((e) => V.rows[e]).filter((e) => e !== void 0 && e.kind === "option").map((e) => $(e.option.index, !0));
-		return /* @__PURE__ */ te("div", {
-			"data-part": "canvas",
-			role: "presentation",
-			style: {
-				"--_canvas-size": `${Y.totalSize}px`,
-				"--_canvas-offset": `${Y.startOffset}px`
-			},
-			children: [i, e]
-		});
-	}, Dt = V !== void 0 && V.options.length === 0, Ot = {
-		...et,
-		"aria-activedescendant": B === "activedescendant" && G !== null ? `${nt}${G}` : void 0,
-		"aria-busy": D === !0 || void 0,
-		"aria-describedby": M?.describedBy,
-		"aria-disabled": L === !0 || void 0,
-		"aria-invalid": rt === !0 || void 0,
-		"aria-multiselectable": I.selectionMode === "multiple" || void 0,
-		"aria-orientation": I.orientation === "horizontal" ? "horizontal" : void 0,
-		"aria-readonly": R === !0 || void 0,
-		"aria-required": it === !0 || void 0,
-		children: /* @__PURE__ */ te(ee, { children: [
-			Dt && y !== void 0 ? /* @__PURE__ */ m(he, { children: y }) : Et(),
-			C === !0 && we !== void 0 ? /* @__PURE__ */ m(ge, { children: we }) : null,
-			De === void 0 ? null : U.map((e) => /* @__PURE__ */ m("input", {
-				name: De,
-				type: "hidden",
-				value: e
-			}, e))
-		] }),
-		...L === !0 ? { "data-disabled": "" } : {},
-		"data-focus-mode": B,
-		"data-indicator": I.indicator,
-		...rt === !0 ? { "data-invalid": "" } : {},
-		...I.columns > 1 ? { "data-layout": "grid" } : {},
-		...D === !0 ? { "data-loading": "" } : {},
-		"data-orientation": I.orientation,
-		"data-part": "root",
-		...R === !0 ? { "data-readonly": "" } : {},
-		...it === !0 ? { "data-required": "" } : {},
-		"data-size": I.size,
-		"data-ui": "listbox",
-		"data-variant": I.variant,
-		onBlur: St,
-		onFocus: xt,
-		onKeyDown: bt,
-		role: "listbox",
-		style: {
-			...Je,
-			"--slotted-listbox-rows": I.rows,
-			"--slotted-listbox-columns": I.columns
-		},
-		tabIndex: B === "activedescendant" || G === null ? 0 : -1
-	};
-	return /* @__PURE__ */ m(ue.Provider, {
-		value: wt,
-		children: ze === void 0 ? /* @__PURE__ */ m("div", {
-			...Ot,
-			ref: (e) => {
-				N.current = e, typeof O == "function" ? O(e) : O != null && (O.current = e);
-			}
-		}) : ze(Ot)
-	});
-}
-//#endregion
-export { _e as a, ge as c, de as d, v as f, me as i, ve as l, x as n, y as o, g as p, he as r, b as s, C as t, pe as u };