@slotted/react 0.1.0-beta.4 → 0.1.0-beta.6

package/dist/{select-M7Io4UL9.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";
@@ -14,7 +14,7 @@ import { createPositioner as T } from "@slotted/core/positioner";
 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 ne, moveIndex as k, revealWithin as A } from "@slotted/core/collection";
+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 M = {
@@ -102,30 +102,30 @@ function L() {
 	if (e === void 0) throw Error("SelectTrigger, SelectContent and every option have to be inside a Select.");
 	return e;
 }
-function re(e) {
+function R(e) {
 	return e == null ? [] : typeof e == "string" ? [e] : e;
 }
-function ie(e, t) {
+function re(e, t) {
 	return t ? e : e[0] ?? null;
 }
-var ae = (e) => "options" in e;
-function oe(e) {
-	return e === void 0 ? [] : e.flatMap((e) => ae(e) ? e.options : [e]);
+var ie = (e) => "options" in e;
+function ae(e) {
+	return e === void 0 ? [] : e.flatMap((e) => ie(e) ? e.options : [e]);
 }
-function se({ 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: k, invalid: j, items: M, loading: N, locale: F, loop: L, messages: ae, mount: se, multiple: R, 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: fe, side: pe, sideOffset: me, size: he, strategy: ge, total: _e, typeahead: ve, typeaheadTimeout: ye, value: be, variant: xe, width: Se }) {
-	let q = P(), J = i(), Ce = r(O, ae), we = n(), Te = F ?? we, Y = p(), Ee = `${Y}listbox`, De = `${Y}list`, Oe = `${Y}search`, ke = J?.ids.control ?? `${Y}trigger`, [Ae, je] = v(y), [Me] = v(() => re(S)), [Ne, Pe] = v(Me), [Fe, Ie] = v(h), [Le, Re] = v(x), [ze, Be] = v(null), [X, Ve] = v(null), [He, Ue] = v(null), We = R ?? q.multiple, Ge = ee ?? J?.disabled ?? q.disabled, Ke = le ?? J?.readOnly ?? q.readOnly, qe = (W ?? Ae) && !Ge, Je = be === void 0 ? Ne : re(be), Ye = D === void 0 ? Fe : D, Xe = de ?? q.search, Z = Xe ? K === void 0 ? Le : K : "", Ze = _(qe);
+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 oe(M)) e.set(t.value, t.label);
+		for (let t of ae(M)) e.set(t.value, t.label);
 		return e;
 	}, [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(() => ne({ locale: Te }), [Te]), 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) => `${Y}option-${encodeURIComponent(e)}`, [Y]), ct = {
+	]), st = u((e) => `${X}option-${encodeURIComponent(e)}`, [X]), ct = {
 		currentHighlighted: Ye,
 		currentOpen: qe,
 		currentQuery: Z,
@@ -140,8 +140,8 @@ function se({ align: e, alignOffset: t, children: a, clearable: o, closeOnEscape
 		resolvedSearch: Xe,
 		searchNode: He,
 		searchValue: K,
-		triggerNode: ze,
-		value: be
+		triggerNode: Re,
+		value: ye
 	}, Q = _(ct);
 	Q.current = ct;
 	let lt = u((e, t, n) => {
@@ -150,29 +150,29 @@ function se({ 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) && Re(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) && (je(e), e || (Ie(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) && Ie(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({
 			controlled: r.value,
-			initial: ie(r.currentSelection, r.resolvedMultiple),
+			initial: re(r.currentSelection, r.resolvedMultiple),
 			equals: () => !1,
 			onRequest: (e) => r.onValueChange?.(e.value, e)
-		}).request(ie(e, r.resolvedMultiple), t, n) && Pe(e);
+		}).request(re(e, r.resolvedMultiple), t, n) && Ne(e);
 	}, []), ft = u((e, t, n) => {
 		let r = Q.current;
 		if (!r.resolvedMultiple) {
@@ -181,7 +181,7 @@ function se({ 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) => $(Me, "programmatic", e), [$, Me]);
+	}, [$]), 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 }),
@@ -191,49 +191,49 @@ function se({ align: e, alignOffset: t, children: a, clearable: o, closeOnEscape
 		},
 		open: () => ut(!0, "programmatic"),
 		scrollToKey: (e) => {
-			let t = X?.querySelector(`[data-part='item'][data-value="${CSS.escape(e)}"]`);
-			t != null && X !== null && A(t, X);
+			let t = Be?.querySelector(`[data-part='item'][data-value="${CSS.escape(e)}"]`);
+			t != null && Be !== null && A(t, Be);
 		}
-	}), [X, ut]);
+	}), [Be, ut]);
 	let ht = {
-		align: e ?? q.align,
-		alignOffset: t ?? q.alignOffset,
+		align: e ?? J.align,
+		alignOffset: t ?? J.alignOffset,
 		clear: pt,
-		clearable: o ?? q.clearable,
-		closeOnEscape: s ?? q.closeOnEscape,
-		closeOnOutsidePress: l ?? q.closeOnOutsidePress,
-		closeOnSelect: d ?? q.closeOnSelect,
-		collisionPadding: f ?? q.collisionPadding,
-		contentId: Ee,
-		contentNode: X,
+		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 ?? q.flip,
+		flip: w ?? J.flip,
 		form: T,
-		fullWidth: te ?? q.fullWidth,
-		hideWhenDetached: E ?? q.hideWhenDetached,
+		fullWidth: te ?? J.fullWidth,
+		hideWhenDetached: E ?? J.hideWhenDetached,
 		highlighted: Ye,
-		highlightMatch: k ?? q.highlightMatch,
-		invalid: j ?? J?.invalid ?? q.invalid,
+		highlightMatch: ne ?? J.highlightMatch,
+		invalid: j ?? Y?.invalid ?? J.invalid,
 		labelFor: it,
-		listId: De,
-		loading: N ?? q.loading,
-		locale: Te,
-		loop: L ?? q.loop,
+		listId: Ee,
+		loading: N ?? J.loading,
+		locale: we,
+		loop: L ?? J.loop,
 		matches: ot,
-		mount: se ?? q.mount,
+		mount: oe ?? J.mount,
 		multiple: We,
 		name: z,
 		open: qe,
 		optionId: st,
-		portal: ce ?? q.portal,
+		portal: ce ?? J.portal,
 		query: Z,
 		readOnly: Ke,
 		registerLabel: rt,
-		required: ue ?? J?.required ?? q.required,
+		required: ue ?? Y?.required ?? J.required,
 		restore: mt,
 		search: Xe,
-		searchId: Oe,
+		searchId: De,
 		searchNode: He,
 		seen: Ze.current,
 		selection: Je,
@@ -242,21 +242,21 @@ function se({ align: e, alignOffset: t, children: a, clearable: o, closeOnEscape
 		setOpen: ut,
 		setQuery: lt,
 		setSearchNode: Ue,
-		setTriggerNode: Be,
-		shift: fe ?? q.shift,
-		side: pe ?? q.side,
-		sideOffset: me ?? q.sideOffset,
-		size: he ?? J?.size ?? q.size,
-		strategy: ge ?? q.strategy,
-		t: Ce,
+		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: _e,
-		triggerId: ke,
-		triggerNode: ze,
-		typeahead: Xe ? !1 : ve ?? q.typeahead,
-		typeaheadTimeout: ye ?? q.typeaheadTimeout,
-		variant: xe ?? q.variant,
-		width: Se ?? q.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(I.Provider, {
 		value: ht,
@@ -265,9 +265,9 @@ function se({ align: e, alignOffset: t, children: a, clearable: o, closeOnEscape
 }
 //#endregion
 //#region src/select/select-collection.ts
-var R = "[data-part='item']";
+var se = "[data-part='item']";
 function z(e) {
-	return e === null ? [] : [...e.querySelectorAll(R)];
+	return e === null ? [] : [...e.querySelectorAll(se)];
 }
 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) {
@@ -280,7 +280,7 @@ function U(e) {
 function W(e, t, n, r) {
 	let i = z(e);
 	if (i.length === 0) return null;
-	let a = k({
+	let a = ne({
 		enabled: i.map(V),
 		from: t === null ? -1 : i.findIndex((e) => B(e) === t),
 		intent: n,
@@ -313,42 +313,50 @@ function ue(e, t, n) {
 	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 de(e, t, n) {
-	let r = (e.parentElement ?? e).getBoundingClientRect();
-	return t >= r.left && t <= r.right && n >= r.top && n <= r.bottom;
-}
-function K(e, ...t) {
+function de(e, ...t) {
 	for (let n of t) typeof n == "function" ? n(e) : n != null && (n.current = e);
 }
-function fe({ children: n, ref: r, render: o, ...s }) {
+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 = te({ timeout: c.typeaheadTimeout });
-		return w.current = e, () => {
-			e.destroy(), w.current = null;
+		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 } = U(c.contentNode), r = w.current.match(e, n, -1);
+		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);
-	}, D = (e, t) => {
+	}, O = (e, t) => {
 		let n = W(c.contentNode, c.highlighted, e, c.loop);
 		n !== null && c.setHighlighted(n, "keyboard", t);
-	}, O = (e, t) => {
+	}, k = (e, t) => {
 		if (c.highlighted === null) {
 			t && c.setOpen(!1, "select", e);
 			return;
@@ -360,78 +368,79 @@ function fe({ children: n, ref: r, render: o, ...s }) {
 		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 && 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;
 		}
 		switch (e.key) {
 			case "ArrowDown":
-				e.preventDefault(), D("next", e.nativeEvent);
+				e.preventDefault(), O("next", e.nativeEvent);
 				return;
 			case "ArrowUp":
-				e.preventDefault(), t ? O(e.nativeEvent, !0) : D("previous", e.nativeEvent);
+				e.preventDefault(), t ? k(e.nativeEvent, !0) : O("previous", e.nativeEvent);
 				return;
 			case "Home":
-				e.preventDefault(), D("first", e.nativeEvent);
+				e.preventDefault(), O("first", e.nativeEvent);
 				return;
 			case "End":
-				e.preventDefault(), D("last", e.nativeEvent);
+				e.preventDefault(), O("last", e.nativeEvent);
 				return;
 			case "PageDown":
-				e.preventDefault(), D("pageDown", e.nativeEvent);
+				e.preventDefault(), O("pageDown", e.nativeEvent);
 				return;
 			case "PageUp":
-				e.preventDefault(), D("pageUp", e.nativeEvent);
+				e.preventDefault(), O("pageUp", e.nativeEvent);
 				return;
 			case "Enter":
-				e.preventDefault(), O(e.nativeEvent, c.closeOnSelect);
+				e.preventDefault(), k(e.nativeEvent, c.closeOnSelect);
 				return;
 			case " ":
-				e.preventDefault(), O(e.nativeEvent, !c.multiple && c.closeOnSelect);
+				e.preventDefault(), k(e.nativeEvent, !c.multiple && c.closeOnSelect);
 				return;
 			case "Escape":
 				e.preventDefault(), c.setOpen(!1, "escape", e.nativeEvent);
 				return;
 			case "Tab":
-				O(e.nativeEvent, !0);
+				k(e.nativeEvent, !0);
 				return;
 		}
-		if (!c.typeahead || w.current === null || e.ctrlKey || e.metaKey || t || !E(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 } = U(c.contentNode), i = n.findIndex((e) => B(e) === c.highlighted), a = w.current.match(e.key, r, i);
+		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");
-	}, k = (e) => {
-		if (e.detail > 0 && !de(e.currentTarget, e.clientX, e.clientY)) {
+	}, A = (e) => {
+		let t = S.current;
+		if (S.current = !1, e.detail > 0 && !t) {
 			e.currentTarget.focus({ preventScroll: !0 });
 			return;
 		}
 		c.disabled || c.readOnly || (c.entry.current = "selected", c.setOpen(!c.open, "pointer", e.nativeEvent));
-	}, A = (e) => {
+	}, j = (e) => {
 		c.clear("clear", e.nativeEvent), p?.focus({ preventScroll: !0 });
-	}, j = u((e) => {
-		m(e), K(e, r);
-	}, [r]), M = [s["aria-describedby"], l?.describedBy].filter(Boolean).join(" "), N = c.clearable && c.selection.length > 0 && !c.disabled && !c.readOnly, P = {
+	}, M = u((e) => {
+		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,
 		"data-ui": "select",
@@ -444,23 +453,23 @@ function fe({ children: n, ref: r, render: o, ...s }) {
 		...c.invalid ? { "data-invalid": "" } : {},
 		...c.required ? { "data-required": "" } : {},
 		...c.loading ? { "data-loading": "" } : {},
-		...S ? { "data-narrow": "" } : {}
-	}, F = c.multiple && c.selection.length > 0 ? /* @__PURE__ */ b(a, {
+		...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, I = /* @__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,
 			"aria-controls": c.open ? c.contentId : void 0,
-			"aria-describedby": M === "" ? void 0 : M,
+			"aria-describedby": N === "" ? void 0 : N,
 			"aria-expanded": c.open,
 			"aria-haspopup": c.search ? "dialog" : "listbox",
 			"aria-invalid": c.invalid ? !0 : void 0,
@@ -470,18 +479,18 @@ function fe({ children: n, ref: r, render: o, ...s }) {
 			"data-part": "trigger",
 			disabled: c.disabled,
 			id: c.triggerId,
-			onClick: G(s.onClick, k),
+			onClick: G(s.onClick, A),
 			onKeyDown: G(s.onKeyDown, ne),
-			ref: j,
+			ref: M,
 			role: "combobox",
 			type: "button",
 			children: n
 		}),
-		F,
-		N ? /* @__PURE__ */ b("button", {
+		I,
+		P ? /* @__PURE__ */ b("button", {
 			"aria-label": c.t("clear"),
 			"data-part": "clear",
-			onClick: A,
+			onClick: j,
 			type: "button",
 			children: /* @__PURE__ */ b(t, { children: /* @__PURE__ */ b(e, { name: "x" }) })
 		}) : null,
@@ -493,18 +502,18 @@ function fe({ children: n, ref: r, render: o, ...s }) {
 			"data-part": "arrow",
 			children: /* @__PURE__ */ b(t, { children: /* @__PURE__ */ b(e, { name: "chevron-down" }) })
 		}),
-		/* @__PURE__ */ b(pe, {})
+		/* @__PURE__ */ b(q, {})
 	] });
 	return o === void 0 ? /* @__PURE__ */ b("div", {
-		...P,
+		...F,
 		ref: g,
-		children: I
+		children: R
 	}) : o({
-		...P,
-		children: I
+		...F,
+		children: R
 	});
 }
-function pe() {
+function q() {
 	let e = L(), [t, n] = v(null), { restore: r } = e;
 	return f(() => {
 		let e = t?.form;
@@ -543,7 +552,7 @@ function pe() {
 		}, t))]
 	});
 }
-function me({ children: e, placeholder: t, ...n }) {
+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;
@@ -561,7 +570,7 @@ function me({ children: e, placeholder: t, ...n }) {
 		children: s
 	});
 }
-function he({ icon: n, ref: r, render: i, ...a }) {
+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);
@@ -614,7 +623,7 @@ function he({ icon: n, ref: r, render: i, ...a }) {
 		onKeyDown: G(a.onKeyDown, l),
 		placeholder: a.placeholder ?? o.t("searchPlaceholder"),
 		ref: (e) => {
-			o.setSearchNode(e), K(e, r);
+			o.setSearchNode(e), de(e, r);
 		},
 		role: "combobox",
 		spellCheck: !1,
@@ -629,66 +638,96 @@ function he({ icon: n, ref: r, render: i, ...a }) {
 		children: d
 	});
 }
-function ge({ children: e, empty: t, ref: n, render: r, searchProps: i, status: a, ...o }) {
-	let s = L(), [c, l] = v(null), [u, d] = v(null), [p, m] = v(null), [g, C] = v("unmounted"), [te, E] = v(!1), [O, ne] = v(0), k = _(null), A = _(s);
-	A.current = s, f(() => {
+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: A.current.open,
-			onStatusChange: C
+			present: j.current.open,
+			onStatusChange: te
 		});
-		return k.current = e, C(e.status), () => {
-			e.destroy(), k.current = null;
+		return A.current = e, te(e.status), () => {
+			e.destroy(), A.current = null;
 		};
-	}, []), f(() => k.current?.sync(s.open), [s.open]), f(() => k.current?.setNode(c), [c]), f(() => s.setContentNode(u), [s, u]);
-	let j = 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 (!j) {
-			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();
 	}, [
-		j,
+		N,
 		s.portal,
 		s.triggerNode
 	]);
-	let { align: M, alignOffset: N, collisionPadding: P, flip: F, hideWhenDetached: I, shift: re, side: ie, sideOffset: ae, strategy: oe, width: se } = 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: M,
-			alignOffset: N,
-			boundaryPadding: P,
-			flip: F,
-			hideWhenDetached: I,
-			matchWidth: se === "anchor",
-			shift: re,
-			side: ie,
-			sideOffset: ae,
-			strategy: oe
+		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 && E(!0);
-		}), () => {
-			e = !1, n.destroy(), E(!1);
+		return V.current = t, j.current.open && U(t, c), () => {
+			t.destroy(), V.current = null, c.removeAttribute("data-open");
 		};
 	}, [
-		M,
-		N,
 		P,
 		F,
 		I,
+		R,
+		re,
 		c,
 		s.triggerNode,
-		re,
 		ie,
 		ae,
 		oe,
-		se
+		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, {
@@ -699,7 +738,7 @@ function ge({ children: e, empty: t, ref: n, render: r, searchProps: i, status:
 			outsidePress: s.closeOnOutsidePress,
 			scrollLock: !1,
 			onDismiss: (e) => {
-				let t = A.current;
+				let t = j.current;
 				if (e.reason === "escape" && t.search && t.query !== "") {
 					t.setQuery("", "clear", e.source);
 					return;
@@ -715,60 +754,59 @@ function ge({ children: e, empty: t, ref: n, render: r, searchProps: i, status:
 		s.open,
 		s.triggerNode
 	]), h(() => {
-		let e = A.current;
-		if (!e.open || u === null || e.entry.current === "none") return;
-		let t = ce(u, e.selection, e.entry.current, e.loop);
+		let e = j.current;
+		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 = z(u).length;
+	}, [s.open, d]), h(() => {
+		let e = z(d).length;
 		ne((t) => t === e ? t : e);
 	}), f(() => {
-		le(u, s.highlighted);
+		c?.hasAttribute("data-open") === !0 && le(d, s.highlighted);
 	}, [
-		te,
+		c,
 		s.highlighted,
-		u
+		d
 	]);
-	let R = s.searchNode;
+	let G = s.searchNode;
 	f(() => {
-		s.open && s.search && R !== null && R.focus({ preventScroll: !0 });
+		s.open && s.search && G !== null && G.focus({ preventScroll: !0 });
 	}, [
-		R,
+		G,
 		s.open,
 		s.search
 	]);
-	let B = _(s.query);
+	let ue = _(s.query);
 	f(() => {
-		s.open && s.search && u !== null && B.current !== s.query && (B.current = s.query, A.current.setHighlighted(W(u, null, "first", !1), "keyboard"));
+		s.open && s.search && d !== null && ue.current !== s.query && (ue.current = s.query, j.current.setHighlighted(W(d, null, "first", !1), "keyboard"));
 	}, [
-		O,
+		k,
 		s.open,
 		s.query,
 		s.search,
-		u
+		d
 	]);
-	let V = s.selection.filter((e) => s.labelFor(e) === void 0).join("\0"), [H, U] = v(null), G = _(null);
+	let K = s.selection.filter((e) => s.labelFor(e) === void 0).join("\0"), [q, fe] = v(null), me = _(null);
 	if (f(() => {
-		if (H !== null) {
-			U(null);
+		if (q !== null) {
+			fe(null);
 			return;
 		}
-		j || V === "" || G.current === V || (G.current = V, U((s.triggerNode?.ownerDocument ?? document).createDocumentFragment()));
+		M || K === "" || me.current === K || (me.current = K, fe((s.triggerNode?.ownerDocument ?? document).createDocumentFragment()));
 	}, [
-		H,
-		j,
+		q,
+		M,
 		s.triggerNode,
-		V
-	]), !j) return H === null ? null : D(e, H);
-	let ue = {
-		"data-align": M,
+		K
+	]), !M) return q === null ? null : D(e, q);
+	let he = {
+		"data-align": P,
 		...s.open ? {} : { inert: !0 },
-		...s.open && te ? { "data-open": "" } : {},
 		"data-part": "positioner",
 		"data-size": s.size,
 		"data-ui": "select",
 		"data-width": s.width
-	}, de = a === void 0 ? s.loading ? s.t("loading") : !s.search || O === 0 ? null : s.t("count", { count: O }) : a, fe = 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", {
@@ -784,8 +822,8 @@ function ge({ children: e, empty: t, ref: n, render: r, searchProps: i, status:
 				})
 			})
 		}, String(e)))
-	}) : null, pe = /* @__PURE__ */ x(y, { children: [
-		fe,
+	}) : null, ve = /* @__PURE__ */ x(y, { children: [
+		_e,
 		e,
 		s.loading ? /* @__PURE__ */ b("div", {
 			"aria-hidden": "true",
@@ -801,7 +839,7 @@ function ge({ children: e, empty: t, ref: n, render: r, searchProps: i, status:
 				"data-loading": ""
 			}) }, e))
 		}) : null,
-		!s.loading && O === 0 ? /* @__PURE__ */ b("div", {
+		!s.loading && k === 0 ? /* @__PURE__ */ b("div", {
 			"data-part": "empty",
 			children: t ?? s.t("empty")
 		}) : null,
@@ -810,44 +848,44 @@ function ge({ children: e, empty: t, ref: n, render: r, searchProps: i, status:
 			"data-part": "status",
 			...s.loading ? { "data-loading": "" } : {},
 			role: "status",
-			children: de
+			children: ge
 		}) : null
-	] }), me = {
+	] }), ye = {
 		"aria-busy": s.loading ? !0 : void 0,
 		"aria-multiselectable": s.multiple ? !0 : void 0
-	}, ge = /* @__PURE__ */ b("div", {
-		...ue,
+	}, be = /* @__PURE__ */ b("div", {
+		...he,
 		ref: (e) => {
-			l(e), K(e, n);
+			l(e), de(e, n);
 		},
 		children: /* @__PURE__ */ b("div", {
 			...o,
-			...s.search ? {} : me,
+			...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(he, { ...i }), /* @__PURE__ */ b("div", {
-				...me,
+			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: pe
-			})] }) : pe
+				children: ve
+			})] }) : ve
 		})
-	}), _e = r === void 0 ? ge : r({
-		...ue,
+	}), xe = r === void 0 ? be : r({
+		...he,
 		children: e
 	});
-	return p === null ? _e : D(_e, p);
+	return m === null ? xe : D(xe, m);
 }
 //#endregion
 //#region src/select/select-items.tsx
-function _e({ children: n, description: r, disabled: i = !1, icon: a, position: s, ref: c, textValue: l, value: u, ...d }) {
+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.current === null) return;
@@ -928,7 +966,7 @@ function _e({ children: n, description: r, disabled: i = !1, icon: a, position:
 		]
 	});
 }
-function ve({ children: e, label: t, ...n }) {
+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);
@@ -946,7 +984,7 @@ function ve({ children: e, label: t, ...n }) {
 		}), e]
 	});
 }
-function ye(e) {
+function _e(e) {
 	return /* @__PURE__ */ b("div", {
 		"data-part": "separator",
 		ref: e.ref,
@@ -954,4 +992,4 @@ function ye(e) {
 	});
 }
 //#endregion
-export { he as a, se as c, F as d, P as f, ge as i, L as l, _e as n, fe as o, ye as r, me as s, ve as t, M 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 };