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

package/dist/listbox-CjCzb8wA.js

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

package/dist/listbox.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, p as c, r as l, s as u, t as d, u as f } from "./listbox-D0MJcAMm.js";
+import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, p as c, r as l, s as u, t as d, u as f } from "./listbox-CjCzb8wA.js";
 export { d as Listbox, n as ListboxDefaultsProvider, o as ListboxDescription, l as ListboxEmpty, i as ListboxGroup, e as ListboxIcon, s as ListboxIndicator, u as ListboxLabel, t as ListboxLoader, a as ListboxMeta, f as ListboxOption, c as useListbox, r as useListboxDefaults };