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

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

@@ -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 ne, moveIndex as k, 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,59 +89,59 @@ 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 re(e) {
 	return e == null ? [] : typeof e == "string" ? [e] : e;
 }
-function re(e, t) {
+function ie(e, t) {
 	return t ? e : e[0] ?? null;
 }
-var ie = (e) => "options" in e;
-function ae(e) {
-	return e === void 0 ? [] : e.flatMap((e) => ie(e) ? e.options : [e]);
+var ae = (e) => "options" in e;
+function oe(e) {
+	return e === void 0 ? [] : e.flatMap((e) => ae(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 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);
+	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 oe(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(() => ne({ locale: Te }), [Te]), 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) => `${Y}option-${encodeURIComponent(e)}`, [Y]), 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: ze,
+		value: be
 	}, Q = _(ct);
 	Q.current = ct;
 	let lt = u((e, t, n) => {
@@ -150,29 +150,29 @@ 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) && Re(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) && (je(e), e || (Ie(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) && Ie(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: re(r.currentSelection, r.resolvedMultiple),
+			initial: ie(r.currentSelection, r.resolvedMultiple),
 			equals: () => !1,
 			onRequest: (e) => r.onValueChange?.(e.value, e)
-		}).request(re(e, r.resolvedMultiple), t, n) && Fe(e);
+		}).request(ie(e, r.resolvedMultiple), t, n) && Pe(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) => $(Me, "programmatic", e), [$, Me]);
+	m(G, () => ({
 		close: () => ut(!1, "programmatic"),
 		focus: () => Q.current.triggerNode?.focus({ preventScroll: !0 }),
 		focusSearch: () => {
@@ -191,144 +191,144 @@ 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 = X?.querySelector(`[data-part='item'][data-value="${CSS.escape(e)}"]`);
+			t != null && X !== null && A(t, X);
 		}
-	}), [Y, ut]);
+	}), [X, ut]);
 	let ht = {
-		align: e ?? K.align,
-		alignOffset: t ?? K.alignOffset,
+		align: e ?? q.align,
+		alignOffset: t ?? q.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 ?? q.clearable,
+		closeOnEscape: s ?? q.closeOnEscape,
+		closeOnOutsidePress: l ?? q.closeOnOutsidePress,
+		closeOnSelect: d ?? q.closeOnSelect,
+		collisionPadding: f ?? q.collisionPadding,
+		contentId: Ee,
+		contentNode: X,
+		disabled: Ge,
 		entry: Qe,
-		flip: w ?? K.flip,
+		flip: w ?? q.flip,
 		form: T,
-		fullWidth: E ?? K.fullWidth,
-		hideWhenDetached: D ?? K.hideWhenDetached,
+		fullWidth: te ?? q.fullWidth,
+		hideWhenDetached: E ?? q.hideWhenDetached,
 		highlighted: Ye,
-		highlightMatch: A ?? K.highlightMatch,
-		invalid: M ?? q?.invalid ?? K.invalid,
+		highlightMatch: k ?? q.highlightMatch,
+		invalid: j ?? J?.invalid ?? q.invalid,
 		labelFor: it,
-		listId: Oe,
-		loading: P ?? K.loading,
-		locale: Ee,
-		loop: R ?? K.loop,
+		listId: De,
+		loading: N ?? q.loading,
+		locale: Te,
+		loop: L ?? q.loop,
 		matches: ot,
-		mount: oe ?? K.mount,
-		multiple: Ge,
-		name: B,
-		open: X,
+		mount: se ?? q.mount,
+		multiple: We,
+		name: z,
+		open: qe,
 		optionId: st,
-		portal: le ?? K.portal,
+		portal: ce ?? q.portal,
 		query: Z,
-		readOnly: qe,
+		readOnly: Ke,
 		registerLabel: rt,
-		required: de ?? q?.required ?? K.required,
+		required: ue ?? J?.required ?? q.required,
 		restore: mt,
 		search: Xe,
-		searchId: ke,
-		searchNode: Ue,
+		searchId: Oe,
+		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: 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,
 		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: _e,
+		triggerId: ke,
+		triggerNode: ze,
+		typeahead: Xe ? !1 : ve ?? q.typeahead,
+		typeaheadTimeout: ye ?? q.typeaheadTimeout,
+		variant: xe ?? q.variant,
+		width: Se ?? q.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 R = "[data-part='item']";
+function z(e) {
+	return e === null ? [] : [...e.querySelectorAll(R)];
 }
-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 = k({
+		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) {
+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 G(e, ...t) {
+function K(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 fe({ 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);
 	f(() => {
 		c.setTriggerNode(p);
 	}, [p, c]), f(() => {
 		if (!c.typeahead) return;
-		let e = E({ timeout: c.typeaheadTimeout });
+		let e = te({ timeout: c.typeaheadTimeout });
 		return w.current = e, () => {
 			e.destroy(), w.current = null;
 		};
@@ -336,8 +336,8 @@ function pe({ children: n, ref: r, render: o, ...s }) {
 		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 { elements: t, labels: n } = U(c.contentNode), r = w.current.match(e, n, -1);
+		r !== -1 && c.setHighlighted(B(t[r]), "keyboard");
 	}, [
 		c,
 		c.contentNode,
@@ -345,16 +345,16 @@ function pe({ children: n, ref: r, render: o, ...s }) {
 	]);
 	let T = (e, t) => {
 		c.entry.current = e, c.setOpen(!0, "keyboard", t);
-	}, O = (e, t) => {
-		let n = U(c.contentNode, c.highlighted, e, c.loop);
+	}, D = (e, t) => {
+		let n = W(c.contentNode, c.highlighted, e, c.loop);
 		n !== null && c.setHighlighted(n, "keyboard", t);
-	}, k = (e, t) => {
+	}, O = (e, t) => {
 		if (c.highlighted === null) {
 			t && c.setOpen(!1, "select", e);
 			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) {
@@ -376,7 +376,7 @@ function pe({ children: n, ref: r, render: o, ...s }) {
 					e.preventDefault(), T("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);
 					return;
@@ -387,51 +387,51 @@ function pe({ children: n, ref: r, render: o, ...s }) {
 		}
 		switch (e.key) {
 			case "ArrowDown":
-				e.preventDefault(), O("next", e.nativeEvent);
+				e.preventDefault(), D("next", e.nativeEvent);
 				return;
 			case "ArrowUp":
-				e.preventDefault(), t ? k(e.nativeEvent, !0) : O("previous", e.nativeEvent);
+				e.preventDefault(), t ? O(e.nativeEvent, !0) : D("previous", e.nativeEvent);
 				return;
 			case "Home":
-				e.preventDefault(), O("first", e.nativeEvent);
+				e.preventDefault(), D("first", e.nativeEvent);
 				return;
 			case "End":
-				e.preventDefault(), O("last", e.nativeEvent);
+				e.preventDefault(), D("last", e.nativeEvent);
 				return;
 			case "PageDown":
-				e.preventDefault(), O("pageDown", e.nativeEvent);
+				e.preventDefault(), D("pageDown", e.nativeEvent);
 				return;
 			case "PageUp":
-				e.preventDefault(), O("pageUp", e.nativeEvent);
+				e.preventDefault(), D("pageUp", e.nativeEvent);
 				return;
 			case "Enter":
-				e.preventDefault(), k(e.nativeEvent, c.closeOnSelect);
+				e.preventDefault(), O(e.nativeEvent, c.closeOnSelect);
 				return;
 			case " ":
-				e.preventDefault(), k(e.nativeEvent, !c.multiple && c.closeOnSelect);
+				e.preventDefault(), O(e.nativeEvent, !c.multiple && c.closeOnSelect);
 				return;
 			case "Escape":
 				e.preventDefault(), c.setOpen(!1, "escape", e.nativeEvent);
 				return;
 			case "Tab":
-				k(e.nativeEvent, !0);
+				O(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 || w.current === null || e.ctrlKey || e.metaKey || t || !E(e.key, w.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");
-	}, A = (e) => {
-		if (e.detail > 0 && !fe(e.currentTarget, e.clientX, e.clientY)) {
+		let { elements: n, labels: r } = U(c.contentNode), i = n.findIndex((e) => B(e) === c.highlighted), a = w.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)) {
 			e.currentTarget.focus({ preventScroll: !0 });
 			return;
 		}
 		c.disabled || c.readOnly || (c.entry.current = "selected", c.setOpen(!c.open, "pointer", e.nativeEvent));
-	}, j = (e) => {
+	}, A = (e) => {
 		c.clear("clear", e.nativeEvent), p?.focus({ preventScroll: !0 });
-	}, M = u((e) => {
-		m(e), G(e, r);
-	}, [r]), N = [s["aria-describedby"], l?.describedBy].filter(Boolean).join(" "), P = c.clearable && c.selection.length > 0 && !c.disabled && !c.readOnly, F = {
+	}, 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 = {
 		"data-part": "root",
 		"data-size": c.size,
 		"data-ui": "select",
@@ -445,7 +445,7 @@ function pe({ children: n, ref: r, render: o, ...s }) {
 		...c.required ? { "data-required": "" } : {},
 		...c.loading ? { "data-loading": "" } : {},
 		...S ? { "data-narrow": "" } : {}
-	}, I = c.multiple && c.selection.length > 0 ? /* @__PURE__ */ b(a, {
+	}, F = c.multiple && c.selection.length > 0 ? /* @__PURE__ */ b(a, {
 		disabled: c.disabled || c.readOnly,
 		frame: h,
 		labelFor: c.labelFor,
@@ -455,12 +455,12 @@ function pe({ children: n, ref: r, render: o, ...s }) {
 		},
 		removeLabel: (e) => c.t("remove", { label: e }),
 		values: c.selection
-	}) : null, L = /* @__PURE__ */ x(y, { children: [
+	}) : null, I = /* @__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": N === "" ? void 0 : N,
+			"aria-describedby": M === "" ? void 0 : M,
 			"aria-expanded": c.open,
 			"aria-haspopup": c.search ? "dialog" : "listbox",
 			"aria-invalid": c.invalid ? !0 : void 0,
@@ -470,18 +470,18 @@ 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),
-			ref: M,
+			onClick: G(s.onClick, k),
+			onKeyDown: G(s.onKeyDown, ne),
+			ref: j,
 			role: "combobox",
 			type: "button",
 			children: n
 		}),
-		I,
-		P ? /* @__PURE__ */ b("button", {
+		F,
+		N ? /* @__PURE__ */ b("button", {
 			"aria-label": c.t("clear"),
 			"data-part": "clear",
-			onClick: j,
+			onClick: A,
 			type: "button",
 			children: /* @__PURE__ */ b(t, { children: /* @__PURE__ */ b(e, { name: "x" }) })
 		}) : null,
@@ -493,19 +493,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(pe, {})
 	] });
 	return o === void 0 ? /* @__PURE__ */ b("div", {
-		...F,
+		...P,
 		ref: g,
-		children: L
+		children: I
 	}) : o({
-		...F,
-		children: L
+		...P,
+		children: I
 	});
 }
-function me() {
-	let e = R(), [t, n] = v(null), { restore: r } = e;
+function pe() {
+	let e = L(), [t, n] = v(null), { restore: r } = e;
 	return f(() => {
 		let e = t?.form;
 		if (e == null) return;
@@ -543,8 +543,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 me({ 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 +561,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 he({ 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 +593,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 +610,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), K(e, r);
 		},
 		role: "combobox",
 		spellCheck: !1,
@@ -629,20 +629,20 @@ 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);
-	j.current = s, f(() => {
+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(() => {
 		let e = S({
-			present: j.current.open,
+			present: A.current.open,
 			onStatusChange: C
 		});
-		return A.current = e, C(e.status), () => {
-			e.destroy(), A.current = null;
+		return k.current = e, C(e.status), () => {
+			e.destroy(), k.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(() => 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(() => {
-		if (!M) {
+		if (!j) {
 			m(null);
 			return;
 		}
@@ -652,43 +652,43 @@ function _e({ children: e, empty: t, ref: n, render: r, searchProps: i, status:
 		});
 		return m(e.container), () => e.release();
 	}, [
-		M,
+		j,
 		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;
+	let { align: M, alignOffset: N, collisionPadding: P, flip: F, hideWhenDetached: I, shift: re, side: ie, sideOffset: ae, strategy: oe, width: se } = s;
 	f(() => {
 		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
+			align: M,
+			alignOffset: N,
+			boundaryPadding: P,
+			flip: F,
+			hideWhenDetached: I,
+			matchWidth: se === "anchor",
+			shift: re,
+			side: ie,
+			sideOffset: ae,
+			strategy: oe
 		});
 		return n.update().then(() => {
-			e && D(!0);
+			e && E(!0);
 		}), () => {
-			e = !1, n.destroy(), D(!1);
+			e = !1, n.destroy(), E(!1);
 		};
 	}, [
+		M,
 		N,
 		P,
 		F,
 		I,
-		L,
 		c,
 		s.triggerNode,
-		ne,
 		re,
 		ie,
 		ae,
-		oe
+		oe,
+		se
 	]), f(() => {
 		if (c === null || !s.open) return;
 		let e = [s.triggerNode].filter((e) => e !== null), t = w(c, {
@@ -699,7 +699,7 @@ function _e({ children: e, empty: t, ref: n, render: r, searchProps: i, status:
 			outsidePress: s.closeOnOutsidePress,
 			scrollLock: !1,
 			onDismiss: (e) => {
-				let t = j.current;
+				let t = A.current;
 				if (e.reason === "escape" && t.search && t.query !== "") {
 					t.setQuery("", "clear", e.source);
 					return;
@@ -715,47 +715,60 @@ function _e({ children: e, empty: t, ref: n, render: r, searchProps: i, status:
 		s.open,
 		s.triggerNode
 	]), h(() => {
-		let e = j.current;
+		let e = A.current;
 		if (!e.open || u === null || e.entry.current === "none") return;
-		let t = le(u, e.selection, e.entry.current, e.loop);
+		let t = ce(u, 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);
+		let e = z(u).length;
+		ne((t) => t === e ? t : e);
 	}), f(() => {
-		ue(u, s.highlighted);
+		le(u, s.highlighted);
 	}, [
-		E,
+		te,
 		s.highlighted,
 		u
 	]);
-	let z = s.searchNode;
+	let R = s.searchNode;
 	f(() => {
-		s.open && s.search && z !== null && z.focus({ preventScroll: !0 });
+		s.open && s.search && R !== null && R.focus({ preventScroll: !0 });
 	}, [
-		z,
+		R,
 		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 B = _(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"));
 	}, [
-		k,
+		O,
 		s.open,
 		s.query,
 		s.search,
 		u
-	]), !M) return null;
-	let H = {
-		"data-align": N,
+	]);
+	let V = s.selection.filter((e) => s.labelFor(e) === void 0).join("\0"), [H, U] = v(null), G = _(null);
+	if (f(() => {
+		if (H !== null) {
+			U(null);
+			return;
+		}
+		j || V === "" || G.current === V || (G.current = V, U((s.triggerNode?.ownerDocument ?? document).createDocumentFragment()));
+	}, [
+		H,
+		j,
+		s.triggerNode,
+		V
+	]), !j) return H === null ? null : D(e, H);
+	let ue = {
+		"data-align": M,
 		...s.open ? {} : { inert: !0 },
-		...s.open && E ? { "data-open": "" } : {},
+		...s.open && te ? { "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", {
+	}, 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", {
 		"aria-hidden": "true",
 		"data-part": "chosen",
 		children: s.selection.map((e) => /* @__PURE__ */ b("span", {
@@ -771,8 +784,8 @@ function _e({ children: e, empty: t, ref: n, render: r, searchProps: i, status:
 				})
 			})
 		}, String(e)))
-	}) : null, W = /* @__PURE__ */ x(y, { children: [
-		ce,
+	}) : null, pe = /* @__PURE__ */ x(y, { children: [
+		fe,
 		e,
 		s.loading ? /* @__PURE__ */ b("div", {
 			"aria-hidden": "true",
@@ -788,7 +801,7 @@ function _e({ children: e, empty: t, ref: n, render: r, searchProps: i, status:
 				"data-loading": ""
 			}) }, e))
 		}) : null,
-		!s.loading && k === 0 ? /* @__PURE__ */ b("div", {
+		!s.loading && O === 0 ? /* @__PURE__ */ b("div", {
 			"data-part": "empty",
 			children: t ?? s.t("empty")
 		}) : null,
@@ -797,19 +810,19 @@ 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: de
 		}) : null
-	] }), de = {
+	] }), me = {
 		"aria-busy": s.loading ? !0 : void 0,
 		"aria-multiselectable": s.multiple ? !0 : void 0
-	}, fe = /* @__PURE__ */ b("div", {
-		...H,
+	}, ge = /* @__PURE__ */ b("div", {
+		...ue,
 		ref: (e) => {
-			l(e), G(e, n);
+			l(e), K(e, n);
 		},
 		children: /* @__PURE__ */ b("div", {
 			...o,
-			...s.search ? {} : de,
+			...s.search ? {} : me,
 			"aria-labelledby": o["aria-label"] === void 0 ? s.triggerId : void 0,
 			"data-loading": s.loading ? "" : void 0,
 			"data-part": "content",
@@ -817,41 +830,41 @@ function _e({ children: e, empty: t, ref: n, render: r, searchProps: i, status:
 			id: s.contentId,
 			ref: d,
 			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(he, { ...i }), /* @__PURE__ */ b("div", {
+				...me,
 				"aria-labelledby": s.triggerId,
 				"data-part": "list",
 				id: s.listId,
 				role: "listbox",
-				children: W
-			})] }) : W
+				children: pe
+			})] }) : pe
 		})
-	}), pe = r === void 0 ? fe : r({
-		...H,
+	}), _e = r === void 0 ? ge : r({
+		...ue,
 		children: e
 	});
-	return p === null ? pe : O(pe, p);
+	return p === null ? _e : D(_e, p);
 }
 //#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 _e({ 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 +872,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 +893,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 +915,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 +928,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 ve({ 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 +946,7 @@ function ye({ children: e, label: t, ...n }) {
 		}), e]
 	});
 }
-function be(e) {
+function ye(e) {
 	return /* @__PURE__ */ b("div", {
 		"data-part": "separator",
 		ref: e.ref,
@@ -941,4 +954,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 { 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 };