@slotted/react 0.0.0-stage → 0.1.0-beta.1

package/dist/listbox-4WvqR0JF.js

@@ -0,0 +1,615 @@
+import { n as e, t } from "./icon-T9Yt4tnm.js";
+import { b as n, f as r } from "./field-BJh5HI7w.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 };

package/dist/listbox.js

@@ -0,0 +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-4WvqR0JF.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 };