@slotted/react 0.1.0-beta.3 → 0.1.0-beta.5

package/dist/{select-DOFqPy26.js → select-BUylPwpb.js}

@@ -1,6 +1,6 @@
 import { n as e, t } from "./icon-T9Yt4tnm.js";
 import { n, r } from "./i18n-DpW8lqJ1.js";
-import { b as i } from "./field-NJaCxl2h.js";
+import { b as i } from "./field-BxQFpOXS.js";
 import { t as a } from "./select-tags-CQMcHIQN.js";
 import { t as o } from "./highlight-0Qw23QPp.js";
 import { tabbables as s } from "@slotted/core/focus";
@@ -11,13 +11,13 @@ import { createPresence as S } from "@slotted/core/presence";
 import { createPortalRoot as ee, setPortalContainer as C } from "@slotted/core/portal";
 import { createDismissableLayer as w } from "@slotted/core/dismissable-layer";
 import { createPositioner as T } from "@slotted/core/positioner";
-import { createTypeahead as E, isPrintable as D } from "@slotted/core/typeahead";
-import { createPortal as O } from "react-dom";
-import { selectMessages as k } from "@slotted/core/i18n";
-import { createFilter as te, moveIndex as A, revealWithin as j } from "@slotted/core/collection";
-import { matchRanges as M } from "@slotted/core/highlight";
+import { createTypeahead as te, isPrintable as E } from "@slotted/core/typeahead";
+import { createPortal as D } from "react-dom";
+import { selectMessages as O } from "@slotted/core/i18n";
+import { createFilter as k, moveIndex as ne, revealWithin as A } from "@slotted/core/collection";
+import { matchRanges as j } from "@slotted/core/highlight";
 //#region src/select/select-defaults.tsx
-var N = {
+var M = {
 	align: "start",
 	alignOffset: 0,
 	clearable: !1,
@@ -48,12 +48,12 @@ var N = {
 	typeaheadTimeout: 500,
 	variant: "outline",
 	width: "content"
-}, P = l(N);
-function F() {
-	return d(P);
+}, N = l(M);
+function P() {
+	return d(N);
 }
-function I({ children: e, container: t, ...n }) {
-	let r = F();
+function F({ children: e, container: t, ...n }) {
+	let r = P();
 	f(() => {
 		if (t !== void 0) return C(t), () => C(null);
 	}, [t]);
@@ -89,20 +89,20 @@ function I({ children: e, container: t, ...n }) {
 		variant: n.variant ?? r.variant,
 		width: n.width ?? r.width
 	};
-	return /* @__PURE__ */ b(P.Provider, {
+	return /* @__PURE__ */ b(N.Provider, {
 		value: i,
 		children: e
 	});
 }
 //#endregion
 //#region src/select/select.tsx
-var L = l(void 0);
-function R() {
-	let e = d(L);
+var I = l(void 0);
+function L() {
+	let e = d(I);
 	if (e === void 0) throw Error("SelectTrigger, SelectContent and every option have to be inside a Select.");
 	return e;
 }
-function ne(e) {
+function R(e) {
 	return e == null ? [] : typeof e == "string" ? [e] : e;
 }
 function re(e, t) {
@@ -112,36 +112,36 @@ var ie = (e) => "options" in e;
 function ae(e) {
 	return e === void 0 ? [] : e.flatMap((e) => ie(e) ? e.options : [e]);
 }
-function oe({ align: e, alignOffset: t, children: a, clearable: o, closeOnEscape: s, closeOnOutsidePress: l, closeOnSelect: d, collisionPadding: f, defaultHighlightedValue: h = null, defaultOpen: y = !1, defaultSearchValue: x = "", defaultValue: S, disabled: ee, filter: C, flip: w, form: T, fullWidth: E, hideWhenDetached: D, highlightedValue: O, highlightMatch: A, invalid: M, items: N, loading: P, locale: I, loop: R, messages: ie, mount: oe, multiple: z, name: B, onHighlightedValueChange: V, onOpenChange: H, onSearchValueChange: se, onValueChange: ce, open: U, portal: le, readOnly: ue, ref: W, required: de, search: fe, searchValue: G, shift: pe, side: me, sideOffset: he, size: ge, strategy: _e, total: ve, typeahead: ye, typeaheadTimeout: be, value: xe, variant: Se, width: Ce }) {
-	let K = F(), q = i(), we = r(k, ie), Te = n(), Ee = I ?? Te, J = p(), De = `${J}listbox`, Oe = `${J}list`, ke = `${J}search`, Ae = q?.ids.control ?? `${J}trigger`, [je, Me] = v(y), [Ne] = v(() => ne(S)), [Pe, Fe] = v(Ne), [Ie, Le] = v(h), [Re, ze] = v(x), [Be, Ve] = v(null), [Y, He] = v(null), [Ue, We] = v(null), Ge = z ?? K.multiple, Ke = ee ?? q?.disabled ?? K.disabled, qe = ue ?? q?.readOnly ?? K.readOnly, X = (U ?? je) && !Ke, Je = xe === void 0 ? Pe : ne(xe), Ye = O === void 0 ? Ie : O, Xe = fe ?? K.search, Z = Xe ? G === void 0 ? Re : G : "", Ze = _(X);
-	X && (Ze.current = !0);
+function oe({ align: e, alignOffset: t, children: a, clearable: o, closeOnEscape: s, closeOnOutsidePress: l, closeOnSelect: d, collisionPadding: f, defaultHighlightedValue: h = null, defaultOpen: y = !1, defaultSearchValue: x = "", defaultValue: S, disabled: ee, filter: C, flip: w, form: T, fullWidth: te, hideWhenDetached: E, highlightedValue: D, highlightMatch: ne, invalid: j, items: M, loading: N, locale: F, loop: L, messages: ie, mount: oe, multiple: se, name: z, onHighlightedValueChange: B, onOpenChange: V, onSearchValueChange: H, onValueChange: U, open: W, portal: ce, readOnly: le, ref: G, required: ue, search: de, searchValue: K, shift: q, side: fe, sideOffset: pe, size: me, strategy: he, total: ge, typeahead: _e, typeaheadTimeout: ve, value: ye, variant: be, width: xe }) {
+	let J = P(), Y = i(), Se = r(O, ie), Ce = n(), we = F ?? Ce, X = p(), Te = `${X}listbox`, Ee = `${X}list`, De = `${X}search`, Oe = Y?.ids.control ?? `${X}trigger`, [ke, Ae] = v(y), [je] = v(() => R(S)), [Me, Ne] = v(je), [Pe, Fe] = v(h), [Ie, Le] = v(x), [Re, ze] = v(null), [Be, Ve] = v(null), [He, Ue] = v(null), We = se ?? J.multiple, Ge = ee ?? Y?.disabled ?? J.disabled, Ke = le ?? Y?.readOnly ?? J.readOnly, qe = (W ?? ke) && !Ge, Je = ye === void 0 ? Me : R(ye), Ye = D === void 0 ? Pe : D, Xe = de ?? J.search, Z = Xe ? K === void 0 ? Ie : K : "", Ze = _(qe);
+	qe && (Ze.current = !0);
 	let Qe = _("selected"), $e = _(/* @__PURE__ */ new Map()), [et, tt] = v(0), nt = g(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of ae(N)) e.set(t.value, t.label);
+		for (let t of ae(M)) e.set(t.value, t.label);
 		return e;
-	}, [N]), rt = u((e, t) => {
+	}, [M]), rt = u((e, t) => {
 		$e.current.get(e) !== t && ($e.current.set(e, t), tt((e) => e + 1));
-	}, []), it = u((e) => nt.get(e) ?? $e.current.get(e), [nt, et]), at = g(() => te({ locale: Ee }), [Ee]), ot = u((e) => Z === "" || C === null ? !0 : C === void 0 ? at.contains(e, Z) : C(e, Z), [
+	}, []), it = u((e) => nt.get(e) ?? $e.current.get(e), [nt, et]), at = g(() => k({ locale: we }), [we]), ot = u((e) => Z === "" || C === null ? !0 : C === void 0 ? at.contains(e, Z) : C(e, Z), [
 		Z,
 		at,
 		C
-	]), st = u((e) => `${J}option-${encodeURIComponent(e)}`, [J]), ct = {
+	]), st = u((e) => `${X}option-${encodeURIComponent(e)}`, [X]), ct = {
 		currentHighlighted: Ye,
-		currentOpen: X,
+		currentOpen: qe,
 		currentQuery: Z,
 		currentSelection: Je,
-		highlightedValue: O,
-		onHighlightedValueChange: V,
-		onOpenChange: H,
-		onSearchValueChange: se,
-		onValueChange: ce,
-		open: U,
-		resolvedMultiple: Ge,
+		highlightedValue: D,
+		onHighlightedValueChange: B,
+		onOpenChange: V,
+		onSearchValueChange: H,
+		onValueChange: U,
+		open: W,
+		resolvedMultiple: We,
 		resolvedSearch: Xe,
-		searchNode: Ue,
-		searchValue: G,
-		triggerNode: Be,
-		value: xe
+		searchNode: He,
+		searchValue: K,
+		triggerNode: Re,
+		value: ye
 	}, Q = _(ct);
 	Q.current = ct;
 	let lt = u((e, t, n) => {
@@ -150,21 +150,21 @@ function oe({ align: e, alignOffset: t, children: a, clearable: o, closeOnEscape
 			controlled: r.searchValue,
 			initial: r.currentQuery,
 			onRequest: (e) => r.onSearchValueChange?.(e.value, e)
-		}).request(e, t, n) && ze(e);
+		}).request(e, t, n) && Le(e);
 	}, []), ut = u((e, t, n) => {
 		let r = Q.current;
 		e !== r.currentOpen && c({
 			controlled: r.open,
 			initial: r.currentOpen,
 			onRequest: (e) => r.onOpenChange?.(e.value, e)
-		}).request(e, t, n) && (Me(e), e || (Le(null), Qe.current = "selected", lt("", "clear", n)));
+		}).request(e, t, n) && (Ae(e), e || (Fe(null), Qe.current = "selected", lt("", "clear", n)));
 	}, [lt]), dt = u((e, t, n) => {
 		let r = Q.current;
 		e !== r.currentHighlighted && c({
 			controlled: r.highlightedValue,
 			initial: r.currentHighlighted,
 			onRequest: (e) => r.onHighlightedValueChange?.(e.value, e)
-		}).request(e, t, n) && Le(e);
+		}).request(e, t, n) && Fe(e);
 	}, []), $ = u((e, t, n) => {
 		let r = Q.current;
 		e.length === r.currentSelection.length && e.every((e, t) => e === r.currentSelection[t]) || c({
@@ -172,7 +172,7 @@ function oe({ align: e, alignOffset: t, children: a, clearable: o, closeOnEscape
 			initial: re(r.currentSelection, r.resolvedMultiple),
 			equals: () => !1,
 			onRequest: (e) => r.onValueChange?.(e.value, e)
-		}).request(re(e, r.resolvedMultiple), t, n) && Fe(e);
+		}).request(re(e, r.resolvedMultiple), t, n) && Ne(e);
 	}, []), ft = u((e, t, n) => {
 		let r = Q.current;
 		if (!r.resolvedMultiple) {
@@ -181,8 +181,8 @@ function oe({ align: e, alignOffset: t, children: a, clearable: o, closeOnEscape
 		}
 		let i = r.currentSelection.includes(e);
 		$(i ? r.currentSelection.filter((t) => t !== e) : [...r.currentSelection, e], t, n);
-	}, [$]), pt = u((e, t) => $([], e, t), [$]), mt = u((e) => $(Ne, "programmatic", e), [$, Ne]);
-	m(W, () => ({
+	}, [$]), pt = u((e, t) => $([], e, t), [$]), mt = u((e) => $(je, "programmatic", e), [$, je]);
+	m(G, () => ({
 		close: () => ut(!1, "programmatic"),
 		focus: () => Q.current.triggerNode?.focus({ preventScroll: !0 }),
 		focusSearch: () => {
@@ -191,162 +191,170 @@ function oe({ align: e, alignOffset: t, children: a, clearable: o, closeOnEscape
 		},
 		open: () => ut(!0, "programmatic"),
 		scrollToKey: (e) => {
-			let t = Y?.querySelector(`[data-part='item'][data-value="${CSS.escape(e)}"]`);
-			t != null && Y !== null && j(t, Y);
+			let t = Be?.querySelector(`[data-part='item'][data-value="${CSS.escape(e)}"]`);
+			t != null && Be !== null && A(t, Be);
 		}
-	}), [Y, ut]);
+	}), [Be, ut]);
 	let ht = {
-		align: e ?? K.align,
-		alignOffset: t ?? K.alignOffset,
+		align: e ?? J.align,
+		alignOffset: t ?? J.alignOffset,
 		clear: pt,
-		clearable: o ?? K.clearable,
-		closeOnEscape: s ?? K.closeOnEscape,
-		closeOnOutsidePress: l ?? K.closeOnOutsidePress,
-		closeOnSelect: d ?? K.closeOnSelect,
-		collisionPadding: f ?? K.collisionPadding,
-		contentId: De,
-		contentNode: Y,
-		disabled: Ke,
+		clearable: o ?? J.clearable,
+		closeOnEscape: s ?? J.closeOnEscape,
+		closeOnOutsidePress: l ?? J.closeOnOutsidePress,
+		closeOnSelect: d ?? J.closeOnSelect,
+		collisionPadding: f ?? J.collisionPadding,
+		contentId: Te,
+		contentNode: Be,
+		disabled: Ge,
 		entry: Qe,
-		flip: w ?? K.flip,
+		flip: w ?? J.flip,
 		form: T,
-		fullWidth: E ?? K.fullWidth,
-		hideWhenDetached: D ?? K.hideWhenDetached,
+		fullWidth: te ?? J.fullWidth,
+		hideWhenDetached: E ?? J.hideWhenDetached,
 		highlighted: Ye,
-		highlightMatch: A ?? K.highlightMatch,
-		invalid: M ?? q?.invalid ?? K.invalid,
+		highlightMatch: ne ?? J.highlightMatch,
+		invalid: j ?? Y?.invalid ?? J.invalid,
 		labelFor: it,
-		listId: Oe,
-		loading: P ?? K.loading,
-		locale: Ee,
-		loop: R ?? K.loop,
+		listId: Ee,
+		loading: N ?? J.loading,
+		locale: we,
+		loop: L ?? J.loop,
 		matches: ot,
-		mount: oe ?? K.mount,
-		multiple: Ge,
-		name: B,
-		open: X,
+		mount: oe ?? J.mount,
+		multiple: We,
+		name: z,
+		open: qe,
 		optionId: st,
-		portal: le ?? K.portal,
+		portal: ce ?? J.portal,
 		query: Z,
-		readOnly: qe,
+		readOnly: Ke,
 		registerLabel: rt,
-		required: de ?? q?.required ?? K.required,
+		required: ue ?? Y?.required ?? J.required,
 		restore: mt,
 		search: Xe,
-		searchId: ke,
-		searchNode: Ue,
+		searchId: De,
+		searchNode: He,
 		seen: Ze.current,
 		selection: Je,
-		setContentNode: He,
+		setContentNode: Ve,
 		setHighlighted: dt,
 		setOpen: ut,
 		setQuery: lt,
-		setSearchNode: We,
-		setTriggerNode: Ve,
-		shift: pe ?? K.shift,
-		side: me ?? K.side,
-		sideOffset: he ?? K.sideOffset,
-		size: ge ?? q?.size ?? K.size,
-		strategy: _e ?? K.strategy,
-		t: we,
+		setSearchNode: Ue,
+		setTriggerNode: ze,
+		shift: q ?? J.shift,
+		side: fe ?? J.side,
+		sideOffset: pe ?? J.sideOffset,
+		size: me ?? Y?.size ?? J.size,
+		strategy: he ?? J.strategy,
+		t: Se,
 		toggle: ft,
-		total: ve,
-		triggerId: Ae,
-		triggerNode: Be,
-		typeahead: Xe ? !1 : ye ?? K.typeahead,
-		typeaheadTimeout: be ?? K.typeaheadTimeout,
-		variant: Se ?? K.variant,
-		width: Ce ?? K.width
+		total: ge,
+		triggerId: Oe,
+		triggerNode: Re,
+		typeahead: Xe ? !1 : _e ?? J.typeahead,
+		typeaheadTimeout: ve ?? J.typeaheadTimeout,
+		variant: be ?? J.variant,
+		width: xe ?? J.width
 	};
-	return /* @__PURE__ */ b(L.Provider, {
+	return /* @__PURE__ */ b(I.Provider, {
 		value: ht,
 		children: a
 	});
 }
 //#endregion
 //#region src/select/select-collection.ts
-var z = "[data-part='item']";
-function B(e) {
-	return e === null ? [] : [...e.querySelectorAll(z)];
+var se = "[data-part='item']";
+function z(e) {
+	return e === null ? [] : [...e.querySelectorAll(se)];
 }
-var V = (e) => e.dataset.value ?? "", H = (e) => e.dataset.disabled === void 0, se = (e) => e.dataset.textValue ?? e.querySelector("[data-part='label']")?.textContent?.trim() ?? e.textContent?.trim() ?? "";
-function ce(e) {
-	let t = B(e).filter(H);
+var B = (e) => e.dataset.value ?? "", V = (e) => e.dataset.disabled === void 0, H = (e) => e.dataset.textValue ?? e.querySelector("[data-part='label']")?.textContent?.trim() ?? e.textContent?.trim() ?? "";
+function U(e) {
+	let t = z(e).filter(V);
 	return {
 		elements: t,
-		labels: t.map(se)
+		labels: t.map(H)
 	};
 }
-function U(e, t, n, r) {
-	let i = B(e);
+function W(e, t, n, r) {
+	let i = z(e);
 	if (i.length === 0) return null;
-	let a = A({
-		enabled: i.map(H),
-		from: t === null ? -1 : i.findIndex((e) => V(e) === t),
+	let a = ne({
+		enabled: i.map(V),
+		from: t === null ? -1 : i.findIndex((e) => B(e) === t),
 		intent: n,
 		loop: r
 	});
-	return a === -1 ? null : V(i[a]);
+	return a === -1 ? null : B(i[a]);
 }
-function le(e, t, n, r) {
+function ce(e, t, n, r) {
 	if (n === "none") return null;
 	if (n === "selected") {
-		let n = B(e).find((e) => t.includes(V(e)) && H(e));
-		return n === void 0 ? U(e, null, "first", r) : V(n);
+		let n = z(e).find((e) => t.includes(B(e)) && V(e));
+		return n === void 0 ? W(e, null, "first", r) : B(n);
 	}
-	return U(e, null, n, r);
+	return W(e, null, n, r);
 }
-function ue(e, t) {
+function le(e, t) {
 	if (e === null || t === null) return;
-	let n = B(e).find((e) => V(e) === t);
-	n !== void 0 && j(n, e);
+	let n = z(e).find((e) => B(e) === t);
+	n !== void 0 && A(n, e);
 }
 //#endregion
 //#region src/select/select-parts.tsx
-function W(e, t) {
+function G(e, t) {
 	return (n) => {
 		e?.(n), n.defaultPrevented || t(n);
 	};
 }
-function de(e, t, n) {
+function ue(e, t, n) {
 	if (e === null) return;
 	let r = s(document.body).filter((e) => t === null || !t.contains(e)), i = r.indexOf(e);
 	((i === -1 ? void 0 : r[i + (n ? -1 : 1)]) ?? e).focus({ preventScroll: !0 });
 }
-function fe(e, t, n) {
-	let r = (e.parentElement ?? e).getBoundingClientRect();
-	return t >= r.left && t <= r.right && n >= r.top && n <= r.bottom;
-}
-function G(e, ...t) {
+function de(e, ...t) {
 	for (let n of t) typeof n == "function" ? n(e) : n != null && (n.current = e);
 }
-function pe({ children: n, ref: r, render: o, ...s }) {
-	let c = R(), l = i(), d = l?.registerControl;
+function K({ children: n, ref: r, render: o, ...s }) {
+	let c = L(), l = i(), d = l?.registerControl;
 	f(() => d?.(), [d]);
-	let [p, m] = v(null), [h, g] = v(null), [S, ee] = v(!1), C = _(null), w = _(null);
+	let [p, m] = v(null), [h, g] = v(null), S = _(!1);
+	f(() => {
+		if (h === null) return;
+		let e = h.ownerDocument, t = () => {
+			S.current = !1;
+		}, n = () => {
+			S.current = !0;
+		};
+		return e.addEventListener("pointerdown", t, !0), h.addEventListener("pointerdown", n), () => {
+			e.removeEventListener("pointerdown", t, !0), h.removeEventListener("pointerdown", n);
+		};
+	}, [h]);
+	let [ee, C] = v(!1), w = _(null), T = _(null);
 	f(() => {
 		c.setTriggerNode(p);
 	}, [p, c]), f(() => {
 		if (!c.typeahead) return;
-		let e = E({ timeout: c.typeaheadTimeout });
-		return w.current = e, () => {
-			e.destroy(), w.current = null;
+		let e = te({ timeout: c.typeaheadTimeout });
+		return T.current = e, () => {
+			e.destroy(), T.current = null;
 		};
 	}, [c.typeahead, c.typeaheadTimeout]), f(() => {
 		if (!c.open || c.contentNode === null) return;
-		let e = C.current;
-		if (C.current = null, e === null || w.current === null) return;
-		let { elements: t, labels: n } = ce(c.contentNode), r = w.current.match(e, n, -1);
-		r !== -1 && c.setHighlighted(V(t[r]), "keyboard");
+		let e = w.current;
+		if (w.current = null, e === null || T.current === null) return;
+		let { elements: t, labels: n } = U(c.contentNode), r = T.current.match(e, n, -1);
+		r !== -1 && c.setHighlighted(B(t[r]), "keyboard");
 	}, [
 		c,
 		c.contentNode,
 		c.open
 	]);
-	let T = (e, t) => {
+	let D = (e, t) => {
 		c.entry.current = e, c.setOpen(!0, "keyboard", t);
 	}, O = (e, t) => {
-		let n = U(c.contentNode, c.highlighted, e, c.loop);
+		let n = W(c.contentNode, c.highlighted, e, c.loop);
 		n !== null && c.setHighlighted(n, "keyboard", t);
 	}, k = (e, t) => {
 		if (c.highlighted === null) {
@@ -354,34 +362,34 @@ function pe({ children: n, ref: r, render: o, ...s }) {
 			return;
 		}
 		c.toggle(c.highlighted, "keyboard", e), t && c.setOpen(!1, "select", e);
-	}, te = (e) => {
+	}, ne = (e) => {
 		if (c.disabled || c.readOnly) return;
 		let t = e.altKey;
 		if (!c.open) {
 			switch (e.key) {
 				case "ArrowDown":
-					e.preventDefault(), T(t ? "none" : "selected", e.nativeEvent);
+					e.preventDefault(), D(t ? "none" : "selected", e.nativeEvent);
 					return;
 				case "ArrowUp":
-					e.preventDefault(), T("last", e.nativeEvent);
+					e.preventDefault(), D("last", e.nativeEvent);
 					return;
 				case "Enter":
 				case " ":
-					e.preventDefault(), T("selected", e.nativeEvent);
+					e.preventDefault(), D("selected", e.nativeEvent);
 					return;
 				case "Home":
-					e.preventDefault(), T("first", e.nativeEvent);
+					e.preventDefault(), D("first", e.nativeEvent);
 					return;
 				case "End":
-					e.preventDefault(), T("last", e.nativeEvent);
+					e.preventDefault(), D("last", e.nativeEvent);
 					return;
 			}
-			if (!e.ctrlKey && !e.metaKey && !t && D(e.key)) {
+			if (!e.ctrlKey && !e.metaKey && !t && E(e.key)) {
 				if (c.search) {
-					e.preventDefault(), c.setQuery(e.key, "keyboard", e.nativeEvent), T("first", e.nativeEvent);
+					e.preventDefault(), c.setQuery(e.key, "keyboard", e.nativeEvent), D("first", e.nativeEvent);
 					return;
 				}
-				c.typeahead && (e.preventDefault(), C.current = e.key, T("none", e.nativeEvent));
+				c.typeahead && (e.preventDefault(), w.current = e.key, D("none", e.nativeEvent));
 			}
 			return;
 		}
@@ -417,12 +425,13 @@ function pe({ children: n, ref: r, render: o, ...s }) {
 				k(e.nativeEvent, !0);
 				return;
 		}
-		if (!c.typeahead || w.current === null || e.ctrlKey || e.metaKey || t || !D(e.key, w.current.query.length > 0)) return;
+		if (!c.typeahead || T.current === null || e.ctrlKey || e.metaKey || t || !E(e.key, T.current.query.length > 0)) return;
 		e.preventDefault();
-		let { elements: n, labels: r } = ce(c.contentNode), i = n.findIndex((e) => V(e) === c.highlighted), a = w.current.match(e.key, r, i);
-		a !== -1 && c.setHighlighted(V(n[a]), "keyboard");
+		let { elements: n, labels: r } = U(c.contentNode), i = n.findIndex((e) => B(e) === c.highlighted), a = T.current.match(e.key, r, i);
+		a !== -1 && c.setHighlighted(B(n[a]), "keyboard");
 	}, A = (e) => {
-		if (e.detail > 0 && !fe(e.currentTarget, e.clientX, e.clientY)) {
+		let t = S.current;
+		if (S.current = !1, e.detail > 0 && !t) {
 			e.currentTarget.focus({ preventScroll: !0 });
 			return;
 		}
@@ -430,7 +439,7 @@ function pe({ children: n, ref: r, render: o, ...s }) {
 	}, j = (e) => {
 		c.clear("clear", e.nativeEvent), p?.focus({ preventScroll: !0 });
 	}, M = u((e) => {
-		m(e), G(e, r);
+		m(e), de(e, r);
 	}, [r]), N = [s["aria-describedby"], l?.describedBy].filter(Boolean).join(" "), P = c.clearable && c.selection.length > 0 && !c.disabled && !c.readOnly, F = {
 		"data-part": "root",
 		"data-size": c.size,
@@ -444,18 +453,18 @@ function pe({ children: n, ref: r, render: o, ...s }) {
 		...c.invalid ? { "data-invalid": "" } : {},
 		...c.required ? { "data-required": "" } : {},
 		...c.loading ? { "data-loading": "" } : {},
-		...S ? { "data-narrow": "" } : {}
+		...ee ? { "data-narrow": "" } : {}
 	}, I = c.multiple && c.selection.length > 0 ? /* @__PURE__ */ b(a, {
 		disabled: c.disabled || c.readOnly,
 		frame: h,
 		labelFor: c.labelFor,
-		onNarrow: ee,
+		onNarrow: C,
 		onRemove: (e, t) => {
 			c.toggle(e, "select", t.nativeEvent), p?.focus({ preventScroll: !0 });
 		},
 		removeLabel: (e) => c.t("remove", { label: e }),
 		values: c.selection
-	}) : null, L = /* @__PURE__ */ x(y, { children: [
+	}) : null, R = /* @__PURE__ */ x(y, { children: [
 		/* @__PURE__ */ b("button", {
 			...s,
 			"aria-activedescendant": c.open && !c.search && c.highlighted !== null ? c.optionId(c.highlighted) : void 0,
@@ -470,8 +479,8 @@ function pe({ children: n, ref: r, render: o, ...s }) {
 			"data-part": "trigger",
 			disabled: c.disabled,
 			id: c.triggerId,
-			onClick: W(s.onClick, A),
-			onKeyDown: W(s.onKeyDown, te),
+			onClick: G(s.onClick, A),
+			onKeyDown: G(s.onKeyDown, ne),
 			ref: M,
 			role: "combobox",
 			type: "button",
@@ -493,19 +502,19 @@ function pe({ children: n, ref: r, render: o, ...s }) {
 			"data-part": "arrow",
 			children: /* @__PURE__ */ b(t, { children: /* @__PURE__ */ b(e, { name: "chevron-down" }) })
 		}),
-		/* @__PURE__ */ b(me, {})
+		/* @__PURE__ */ b(q, {})
 	] });
 	return o === void 0 ? /* @__PURE__ */ b("div", {
 		...F,
 		ref: g,
-		children: L
+		children: R
 	}) : o({
 		...F,
-		children: L
+		children: R
 	});
 }
-function me() {
-	let e = R(), [t, n] = v(null), { restore: r } = e;
+function q() {
+	let e = L(), [t, n] = v(null), { restore: r } = e;
 	return f(() => {
 		let e = t?.form;
 		if (e == null) return;
@@ -543,8 +552,8 @@ function me() {
 		}, t))]
 	});
 }
-function he({ children: e, placeholder: t, ...n }) {
-	let r = R(), i = r.selection.map((e) => r.labelFor(e)), a = i.filter((e) => e !== void 0), o = r.selection.length > 0 && a.length < r.selection.length, s = (() => {
+function fe({ children: e, placeholder: t, ...n }) {
+	let r = L(), i = r.selection.map((e) => r.labelFor(e)), a = i.filter((e) => e !== void 0), o = r.selection.length > 0 && a.length < r.selection.length, s = (() => {
 		if (e !== void 0) return e(r.selection, a);
 		if (r.selection.length === 0) return t;
 		let n = i[0] ?? r.selection[0];
@@ -561,9 +570,9 @@ function he({ children: e, placeholder: t, ...n }) {
 		children: s
 	});
 }
-function ge({ icon: n, ref: r, render: i, ...a }) {
-	let o = R(), s = (e, t) => {
-		let n = U(o.contentNode, o.highlighted, e, o.loop);
+function pe({ icon: n, ref: r, render: i, ...a }) {
+	let o = L(), s = (e, t) => {
+		let n = W(o.contentNode, o.highlighted, e, o.loop);
 		n !== null && o.setHighlighted(n, "keyboard", t);
 	}, c = (e, t) => {
 		if (o.highlighted !== null && o.toggle(o.highlighted, "keyboard", e), t) {
@@ -593,7 +602,7 @@ function ge({ icon: n, ref: r, render: i, ...a }) {
 				e.preventDefault(), o.query !== "" && o.setQuery("", "clear", e.nativeEvent);
 				return;
 			case "Tab":
-				e.preventDefault(), c(e.nativeEvent, !0), de(o.triggerNode, e.currentTarget.closest("[data-part='positioner']"), e.shiftKey);
+				e.preventDefault(), c(e.nativeEvent, !0), ue(o.triggerNode, e.currentTarget.closest("[data-part='positioner']"), e.shiftKey);
 				return;
 		}
 	}, u = { "data-part": "search" }, d = /* @__PURE__ */ x(y, { children: [n === null ? null : n ?? /* @__PURE__ */ b("span", {
@@ -610,11 +619,11 @@ function ge({ icon: n, ref: r, render: i, ...a }) {
 		autoComplete: "off",
 		"data-part": "search-input",
 		id: a.id ?? o.searchId,
-		onChange: W(a.onChange, (e) => o.setQuery(e.target.value, "keyboard", e.nativeEvent)),
-		onKeyDown: W(a.onKeyDown, l),
+		onChange: G(a.onChange, (e) => o.setQuery(e.target.value, "keyboard", e.nativeEvent)),
+		onKeyDown: G(a.onKeyDown, l),
 		placeholder: a.placeholder ?? o.t("searchPlaceholder"),
 		ref: (e) => {
-			o.setSearchNode(e), G(e, r);
+			o.setSearchNode(e), de(e, r);
 		},
 		role: "combobox",
 		spellCheck: !1,
@@ -629,66 +638,96 @@ function ge({ icon: n, ref: r, render: i, ...a }) {
 		children: d
 	});
 }
-function _e({ children: e, empty: t, ref: n, render: r, searchProps: i, status: a, ...o }) {
-	let s = R(), [c, l] = v(null), [u, d] = v(null), [p, m] = v(null), [g, C] = v("unmounted"), [E, D] = v(!1), [k, te] = v(0), A = _(null), j = _(s);
+function me({ children: e, empty: t, ref: n, render: r, searchProps: i, status: a, ...o }) {
+	let s = L(), [c, l] = v(null), [d, p] = v(null), [m, g] = v(null), [C, te] = v("unmounted"), [E, O] = v(!1), [k, ne] = v(0), A = _(null), j = _(s);
 	j.current = s, f(() => {
 		let e = S({
 			present: j.current.open,
-			onStatusChange: C
+			onStatusChange: te
 		});
-		return A.current = e, C(e.status), () => {
+		return A.current = e, te(e.status), () => {
 			e.destroy(), A.current = null;
 		};
-	}, []), f(() => A.current?.sync(s.open), [s.open]), f(() => A.current?.setNode(c), [c]), f(() => s.setContentNode(u), [s, u]);
-	let M = s.mount === "eager" || s.mount === "lazy" && s.seen || g !== "unmounted";
+	}, []), f(() => A.current?.sync(s.open), [s.open]), f(() => A.current?.setNode(c), [c]), f(() => s.setContentNode(d), [s, d]);
+	let M = s.mount === "eager" || s.mount === "lazy" && s.seen || s.open || C !== "unmounted";
 	f(() => {
-		if (!M) {
-			m(null);
+		let e = s.triggerNode;
+		if (e === null || E) return;
+		let t = () => O(!0);
+		return e.addEventListener("focusin", t), e.addEventListener("pointerdown", t), () => {
+			e.removeEventListener("focusin", t), e.removeEventListener("pointerdown", t);
+		};
+	}, [s.triggerNode, E]);
+	let N = M || E;
+	h(() => {
+		if (!N) {
+			g(null);
 			return;
 		}
 		let e = ee({
 			origin: s.triggerNode,
 			disabled: !s.portal
 		});
-		return m(e.container), () => e.release();
+		return g(e.container), () => e.release();
 	}, [
-		M,
+		N,
 		s.portal,
 		s.triggerNode
 	]);
-	let { align: N, alignOffset: P, collisionPadding: F, flip: I, hideWhenDetached: L, shift: ne, side: re, sideOffset: ie, strategy: ae, width: oe } = s;
-	f(() => {
+	let { align: P, alignOffset: F, collisionPadding: I, flip: R, hideWhenDetached: re, shift: ie, side: ae, sideOffset: oe, strategy: se, width: B } = s, V = _(null), H = _(0), U = u((e, t) => {
+		e.update().then(() => {
+			if (V.current !== e || !j.current.open) return;
+			t.setAttribute("data-open", "");
+			let n = t.ownerDocument.defaultView;
+			n !== null && H.current === 0 && (H.current = n.requestAnimationFrame(() => {
+				H.current = 0, le(j.current.contentNode, j.current.highlighted);
+			}));
+		});
+	}, []);
+	h(() => {
 		if (c === null || s.triggerNode === null) return;
-		let e = !0, t = s.triggerNode.closest("[data-part='root']") ?? s.triggerNode, n = T(t, c, {
-			align: N,
-			alignOffset: P,
-			boundaryPadding: F,
-			flip: I,
-			hideWhenDetached: L,
-			matchWidth: oe === "anchor",
-			shift: ne,
-			side: re,
-			sideOffset: ie,
-			strategy: ae
+		let e = s.triggerNode.closest("[data-part='root']") ?? s.triggerNode, t = T(e, c, {
+			align: P,
+			alignOffset: F,
+			boundaryPadding: I,
+			flip: R,
+			hideWhenDetached: re,
+			matchWidth: B === "anchor",
+			shift: ie,
+			side: ae,
+			sideOffset: oe,
+			strategy: se
 		});
-		return n.update().then(() => {
-			e && D(!0);
-		}), () => {
-			e = !1, n.destroy(), D(!1);
+		return V.current = t, j.current.open && U(t, c), () => {
+			t.destroy(), V.current = null, c.removeAttribute("data-open");
 		};
 	}, [
-		N,
 		P,
 		F,
 		I,
-		L,
+		R,
+		re,
 		c,
 		s.triggerNode,
-		ne,
-		re,
 		ie,
 		ae,
-		oe
+		oe,
+		se,
+		B,
+		U
+	]), h(() => {
+		let e = V.current;
+		if (e !== null && c !== null) {
+			if (s.open) {
+				U(e, c);
+				return;
+			}
+			c.removeAttribute("data-open"), H.current !== 0 && (c.ownerDocument.defaultView?.cancelAnimationFrame(H.current), H.current = 0);
+		}
+	}, [
+		c,
+		U,
+		s.open
 	]), f(() => {
 		if (c === null || !s.open) return;
 		let e = [s.triggerNode].filter((e) => e !== null), t = w(c, {
@@ -716,46 +755,58 @@ function _e({ children: e, empty: t, ref: n, render: r, searchProps: i, status:
 		s.triggerNode
 	]), h(() => {
 		let e = j.current;
-		if (!e.open || u === null || e.entry.current === "none") return;
-		let t = le(u, e.selection, e.entry.current, e.loop);
+		if (!e.open || d === null || e.entry.current === "none") return;
+		let t = ce(d, e.selection, e.entry.current, e.loop);
 		t !== null && e.setHighlighted(t, "keyboard");
-	}, [s.open, u]), h(() => {
-		let e = B(u).length;
-		te((t) => t === e ? t : e);
+	}, [s.open, d]), h(() => {
+		let e = z(d).length;
+		ne((t) => t === e ? t : e);
 	}), f(() => {
-		ue(u, s.highlighted);
+		c?.hasAttribute("data-open") === !0 && le(d, s.highlighted);
 	}, [
-		E,
+		c,
 		s.highlighted,
-		u
+		d
 	]);
-	let z = s.searchNode;
+	let G = s.searchNode;
 	f(() => {
-		s.open && s.search && z !== null && z.focus({ preventScroll: !0 });
+		s.open && s.search && G !== null && G.focus({ preventScroll: !0 });
 	}, [
-		z,
+		G,
 		s.open,
 		s.search
 	]);
-	let V = _(s.query);
-	if (f(() => {
-		s.open && s.search && u !== null && V.current !== s.query && (V.current = s.query, j.current.setHighlighted(U(u, null, "first", !1), "keyboard"));
+	let ue = _(s.query);
+	f(() => {
+		s.open && s.search && d !== null && ue.current !== s.query && (ue.current = s.query, j.current.setHighlighted(W(d, null, "first", !1), "keyboard"));
 	}, [
 		k,
 		s.open,
 		s.query,
 		s.search,
-		u
-	]), !M) return null;
-	let H = {
-		"data-align": N,
+		d
+	]);
+	let K = s.selection.filter((e) => s.labelFor(e) === void 0).join("\0"), [q, fe] = v(null), me = _(null);
+	if (f(() => {
+		if (q !== null) {
+			fe(null);
+			return;
+		}
+		M || K === "" || me.current === K || (me.current = K, fe((s.triggerNode?.ownerDocument ?? document).createDocumentFragment()));
+	}, [
+		q,
+		M,
+		s.triggerNode,
+		K
+	]), !M) return q === null ? null : D(e, q);
+	let he = {
+		"data-align": P,
 		...s.open ? {} : { inert: !0 },
-		...s.open && E ? { "data-open": "" } : {},
 		"data-part": "positioner",
 		"data-size": s.size,
 		"data-ui": "select",
 		"data-width": s.width
-	}, se = a === void 0 ? s.loading ? s.t("loading") : !s.search || k === 0 ? null : s.t("count", { count: k }) : a, ce = s.multiple && s.selection.length > 0 ? /* @__PURE__ */ b("div", {
+	}, ge = a === void 0 ? s.loading ? s.t("loading") : !s.search || k === 0 ? null : s.t("count", { count: k }) : a, _e = s.multiple && s.selection.length > 0 ? /* @__PURE__ */ b("div", {
 		"aria-hidden": "true",
 		"data-part": "chosen",
 		children: s.selection.map((e) => /* @__PURE__ */ b("span", {
@@ -771,8 +822,8 @@ function _e({ children: e, empty: t, ref: n, render: r, searchProps: i, status:
 				})
 			})
 		}, String(e)))
-	}) : null, W = /* @__PURE__ */ x(y, { children: [
-		ce,
+	}) : null, ve = /* @__PURE__ */ x(y, { children: [
+		_e,
 		e,
 		s.loading ? /* @__PURE__ */ b("div", {
 			"aria-hidden": "true",
@@ -797,61 +848,61 @@ function _e({ children: e, empty: t, ref: n, render: r, searchProps: i, status:
 			"data-part": "status",
 			...s.loading ? { "data-loading": "" } : {},
 			role: "status",
-			children: se
+			children: ge
 		}) : null
-	] }), de = {
+	] }), ye = {
 		"aria-busy": s.loading ? !0 : void 0,
 		"aria-multiselectable": s.multiple ? !0 : void 0
-	}, fe = /* @__PURE__ */ b("div", {
-		...H,
+	}, be = /* @__PURE__ */ b("div", {
+		...he,
 		ref: (e) => {
-			l(e), G(e, n);
+			l(e), de(e, n);
 		},
 		children: /* @__PURE__ */ b("div", {
 			...o,
-			...s.search ? {} : de,
+			...s.search ? {} : ye,
 			"aria-labelledby": o["aria-label"] === void 0 ? s.triggerId : void 0,
 			"data-loading": s.loading ? "" : void 0,
 			"data-part": "content",
 			...s.search ? { "data-search": "" } : {},
 			id: s.contentId,
-			ref: d,
+			ref: p,
 			role: s.search ? "dialog" : "listbox",
-			children: s.search ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(ge, { ...i }), /* @__PURE__ */ b("div", {
-				...de,
+			children: s.search ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(pe, { ...i }), /* @__PURE__ */ b("div", {
+				...ye,
 				"aria-labelledby": s.triggerId,
 				"data-part": "list",
 				id: s.listId,
 				role: "listbox",
-				children: W
-			})] }) : W
+				children: ve
+			})] }) : ve
 		})
-	}), pe = r === void 0 ? fe : r({
-		...H,
+	}), xe = r === void 0 ? be : r({
+		...he,
 		children: e
 	});
-	return p === null ? pe : O(pe, p);
+	return m === null ? xe : D(xe, m);
 }
 //#endregion
 //#region src/select/select-items.tsx
-function ve({ children: n, description: r, disabled: i = !1, icon: a, position: s, ref: c, textValue: l, value: u, ...d }) {
-	let p = R(), [m, h] = v(null), y = _(null);
+function he({ children: n, description: r, disabled: i = !1, icon: a, position: s, ref: c, textValue: l, value: u, ...d }) {
+	let p = L(), m = _(null), h = _(null);
 	f(() => {
-		if (m === null) return;
-		let e = l ?? m.querySelector("[data-part='label']")?.textContent?.trim() ?? "";
-		e !== "" && e !== y.current && (y.current = e, p.registerLabel(u, e));
+		if (m.current === null) return;
+		let e = l ?? m.current.querySelector("[data-part='label']")?.textContent?.trim() ?? "";
+		e !== "" && e !== h.current && (h.current = e, p.registerLabel(u, e));
 	}, [
-		m,
+		n,
 		p,
 		l,
 		u
 	]);
-	let S = l ?? (typeof n == "string" ? n : void 0), ee = g(() => {
-		if (!p.search || !p.highlightMatch || p.query === "" || S === void 0) return n;
-		let e = M(S, p.query, { locale: p.locale });
+	let v = l ?? (typeof n == "string" ? n : void 0), y = g(() => {
+		if (!p.search || !p.highlightMatch || p.query === "" || v === void 0) return n;
+		let e = j(v, p.query, { locale: p.locale });
 		return e.length === 0 ? n : /* @__PURE__ */ b(o, {
 			ranges: e,
-			text: S
+			text: v
 		});
 	}, [
 		n,
@@ -859,14 +910,14 @@ function ve({ children: n, description: r, disabled: i = !1, icon: a, position:
 		p.locale,
 		p.query,
 		p.search,
-		S
+		v
 	]);
-	if (S !== void 0 && !p.matches(S)) return null;
-	let C = p.selection.includes(u), w = p.highlighted === u, T = (e) => {
+	if (v !== void 0 && !p.matches(v)) return null;
+	let S = p.selection.includes(u), ee = p.highlighted === u, C = (e) => {
 		i || p.setHighlighted(u, "pointer", e.nativeEvent);
-	}, E = (e) => {
+	}, w = (e) => {
 		d.onPointerDown?.(e), !e.defaultPrevented && e.preventDefault();
-	}, D = (e) => {
+	}, T = (e) => {
 		if (!i) {
 			if (p.toggle(u, "pointer", e.nativeEvent), p.closeOnSelect && !p.multiple) {
 				p.setOpen(!1, "select", e.nativeEvent);
@@ -880,19 +931,19 @@ function ve({ children: n, description: r, disabled: i = !1, icon: a, position:
 		"aria-disabled": i ? !0 : void 0,
 		"aria-posinset": s,
 		"aria-setsize": s === void 0 ? void 0 : p.total,
-		"aria-selected": C,
+		"aria-selected": S,
 		"data-part": "item",
 		"data-value": u,
 		id: d.id ?? p.optionId(u),
-		...S === void 0 ? {} : { "data-text-value": S },
+		...v === void 0 ? {} : { "data-text-value": v },
 		...i ? { "data-disabled": "" } : {},
-		...C ? { "data-selected": "" } : {},
-		...w ? { "data-current": "" } : {},
-		onClick: D,
-		onPointerDown: E,
-		onPointerEnter: T,
+		...S ? { "data-selected": "" } : {},
+		...ee ? { "data-current": "" } : {},
+		onClick: T,
+		onPointerDown: w,
+		onPointerEnter: C,
 		ref: (e) => {
-			h(e), typeof c == "function" ? c(e) : c != null && (c.current = e);
+			m.current = e, typeof c == "function" ? c(e) : c != null && (c.current = e);
 		},
 		role: "option",
 		children: [
@@ -902,7 +953,7 @@ function ve({ children: n, description: r, disabled: i = !1, icon: a, position:
 			}),
 			/* @__PURE__ */ b("span", {
 				"data-part": "label",
-				children: ee
+				children: y
 			}),
 			r === void 0 ? null : /* @__PURE__ */ b("span", {
 				"data-part": "description",
@@ -915,8 +966,8 @@ function ve({ children: n, description: r, disabled: i = !1, icon: a, position:
 		]
 	});
 }
-function ye({ children: e, label: t, ...n }) {
-	let r = `${p()}group`, { query: i } = R(), [a, o] = v(null), [s, c] = v(!1);
+function ge({ children: e, label: t, ...n }) {
+	let r = `${p()}group`, { query: i } = L(), [a, o] = v(null), [s, c] = v(!1);
 	return f(() => {
 		a !== null && c(a.querySelector("[data-part='item']") === null);
 	}, [a, i]), /* @__PURE__ */ x("div", {
@@ -933,7 +984,7 @@ function ye({ children: e, label: t, ...n }) {
 		}), e]
 	});
 }
-function be(e) {
+function _e(e) {
 	return /* @__PURE__ */ b("div", {
 		"data-part": "separator",
 		ref: e.ref,
@@ -941,4 +992,4 @@ function be(e) {
 	});
 }
 //#endregion
-export { ge as a, oe as c, I as d, F as f, _e as i, R as l, ve as n, pe as o, be as r, he as s, ye as t, N as u };
+export { pe as a, oe as c, F as d, P as f, me as i, L as l, he as n, K as o, _e as r, fe as s, ge as t, M as u };