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

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

@@ -1,20 +1,20 @@
-import { t as e } from "./react-dom-DzrKNxo6.js";
-import { n as t, t as n } from "./icon-T9Yt4tnm.js";
-import { n as r, r as i } from "./i18n-DpW8lqJ1.js";
-import { b as a } from "./field-BJh5HI7w.js";
-import { t as o } from "./select-tags-CQMcHIQN.js";
-import { t as s } from "./highlight-0Qw23QPp.js";
-import { tabbables as c } from "@slotted/core/focus";
-import { createControllable as l } from "@slotted/core/state";
-import { createContext as u, useCallback as d, useContext as f, useEffect as p, useId as m, useImperativeHandle as ee, useLayoutEffect as h, useMemo as g, useRef as _, useState as v } from "react";
+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 { t as a } from "./select-tags-CQMcHIQN.js";
+import { t as o } from "./highlight-0Qw23QPp.js";
+import { tabbables as s } from "@slotted/core/focus";
+import { createControllable as c } from "@slotted/core/state";
+import { createContext as l, useCallback as u, useContext as d, useEffect as f, useId as p, useImperativeHandle as m, useLayoutEffect as h, useMemo as g, useRef as _, useState as v } from "react";
 import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
-import { createPresence as te } from "@slotted/core/presence";
-import { createPortalRoot as S, setPortalContainer as C } from "@slotted/core/portal";
+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 { selectMessages as O } from "@slotted/core/i18n";
-import { createFilter as k, moveIndex as A, revealWithin as j } from "@slotted/core/collection";
+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";
 //#region src/select/select-defaults.tsx
 var N = {
@@ -48,13 +48,13 @@ var N = {
 	typeaheadTimeout: 500,
 	variant: "outline",
 	width: "content"
-}, P = u(N);
+}, P = l(N);
 function F() {
-	return f(P);
+	return d(P);
 }
 function I({ children: e, container: t, ...n }) {
 	let r = F();
-	p(() => {
+	f(() => {
 		if (t !== void 0) return C(t), () => C(null);
 	}, [t]);
 	let i = {
@@ -96,9 +96,9 @@ function I({ children: e, container: t, ...n }) {
 }
 //#endregion
 //#region src/select/select.tsx
-var L = u(void 0);
+var L = l(void 0);
 function R() {
-	let e = f(L);
+	let e = d(L);
 	if (e === void 0) throw Error("SelectTrigger, SelectContent and every option have to be inside a Select.");
 	return e;
 }
@@ -112,68 +112,68 @@ var ie = (e) => "options" in e;
 function ae(e) {
 	return e === void 0 ? [] : e.flatMap((e) => ie(e) ? e.options : [e]);
 }
-function z({ align: e, alignOffset: t, children: n, clearable: o, closeOnEscape: s, closeOnOutsidePress: c, closeOnSelect: u, collisionPadding: f, defaultHighlightedValue: p = null, defaultOpen: h = !1, defaultSearchValue: y = "", defaultValue: x, disabled: te, filter: S, flip: C, form: w, fullWidth: T, hideWhenDetached: E, highlightedValue: D, highlightMatch: A, invalid: M, items: N, loading: P, locale: I, loop: R, messages: ie, mount: z, multiple: oe, name: se, onHighlightedValueChange: B, onOpenChange: V, onSearchValueChange: H, onValueChange: ce, open: U, portal: W, readOnly: le, ref: ue, required: G, 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 = F(), J = a(), Ce = i(O, ie), we = r(), Te = I ?? we, Y = m(), Ee = `${Y}listbox`, De = `${Y}list`, Oe = `${Y}search`, ke = J?.ids.control ?? `${Y}trigger`, [Ae, je] = v(h), [Me] = v(() => ne(x)), [Ne, Pe] = v(Me), [Fe, Ie] = v(p), [Le, Re] = v(y), [ze, Be] = v(null), [X, Ve] = v(null), [He, Ue] = v(null), We = oe ?? q.multiple, Ge = te ?? J?.disabled ?? q.disabled, Ke = le ?? J?.readOnly ?? q.readOnly, qe = (U ?? Ae) && !Ge, Je = be === void 0 ? Ne : ne(be), Ye = D === void 0 ? Fe : D, Xe = de ?? q.search, Z = Xe ? K === void 0 ? Le : K : "", Ze = _(qe);
-	qe && (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: 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);
 	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);
 		return e;
-	}, [N]), rt = d((e, t) => {
+	}, [N]), rt = u((e, t) => {
 		$e.current.get(e) !== t && ($e.current.set(e, t), tt((e) => e + 1));
-	}, []), it = d((e) => nt.get(e) ?? $e.current.get(e), [nt, et]), at = g(() => k({ locale: Te }), [Te]), ot = d((e) => Z === "" || S === null ? !0 : S === void 0 ? at.contains(e, Z) : S(e, Z), [
+	}, []), 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), [
 		Z,
 		at,
-		S
-	]), st = d((e) => `${Y}option-${encodeURIComponent(e)}`, [Y]), ct = {
+		C
+	]), st = u((e) => `${J}option-${encodeURIComponent(e)}`, [J]), ct = {
 		currentHighlighted: Ye,
-		currentOpen: qe,
+		currentOpen: X,
 		currentQuery: Z,
 		currentSelection: Je,
-		highlightedValue: D,
-		onHighlightedValueChange: B,
-		onOpenChange: V,
-		onSearchValueChange: H,
+		highlightedValue: O,
+		onHighlightedValueChange: V,
+		onOpenChange: H,
+		onSearchValueChange: se,
 		onValueChange: ce,
 		open: U,
-		resolvedMultiple: We,
+		resolvedMultiple: Ge,
 		resolvedSearch: Xe,
-		searchNode: He,
-		searchValue: K,
-		triggerNode: ze,
-		value: be
+		searchNode: Ue,
+		searchValue: G,
+		triggerNode: Be,
+		value: xe
 	}, Q = _(ct);
 	Q.current = ct;
-	let lt = d((e, t, n) => {
+	let lt = u((e, t, n) => {
 		let r = Q.current;
-		e !== r.currentQuery && l({
+		e !== r.currentQuery && c({
 			controlled: r.searchValue,
 			initial: r.currentQuery,
 			onRequest: (e) => r.onSearchValueChange?.(e.value, e)
-		}).request(e, t, n) && Re(e);
-	}, []), ut = d((e, t, n) => {
+		}).request(e, t, n) && ze(e);
+	}, []), ut = u((e, t, n) => {
 		let r = Q.current;
-		e !== r.currentOpen && l({
+		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)));
-	}, [lt]), dt = d((e, t, n) => {
+		}).request(e, t, n) && (Me(e), e || (Le(null), Qe.current = "selected", lt("", "clear", n)));
+	}, [lt]), dt = u((e, t, n) => {
 		let r = Q.current;
-		e !== r.currentHighlighted && l({
+		e !== r.currentHighlighted && c({
 			controlled: r.highlightedValue,
 			initial: r.currentHighlighted,
 			onRequest: (e) => r.onHighlightedValueChange?.(e.value, e)
-		}).request(e, t, n) && Ie(e);
-	}, []), $ = d((e, t, n) => {
+		}).request(e, t, n) && Le(e);
+	}, []), $ = u((e, t, n) => {
 		let r = Q.current;
-		e.length === r.currentSelection.length && e.every((e, t) => e === r.currentSelection[t]) || l({
+		e.length === r.currentSelection.length && e.every((e, t) => e === r.currentSelection[t]) || c({
 			controlled: r.value,
 			initial: re(r.currentSelection, r.resolvedMultiple),
 			equals: () => !1,
 			onRequest: (e) => r.onValueChange?.(e.value, e)
-		}).request(re(e, r.resolvedMultiple), t, n) && Pe(e);
-	}, []), ft = d((e, t, n) => {
+		}).request(re(e, r.resolvedMultiple), t, n) && Fe(e);
+	}, []), ft = u((e, t, n) => {
 		let r = Q.current;
 		if (!r.resolvedMultiple) {
 			$([e], t, n);
@@ -181,8 +181,8 @@ function z({ align: e, alignOffset: t, children: n, clearable: o, closeOnEscape:
 		}
 		let i = r.currentSelection.includes(e);
 		$(i ? r.currentSelection.filter((t) => t !== e) : [...r.currentSelection, e], t, n);
-	}, [$]), pt = d((e, t) => $([], e, t), [$]), mt = d((e) => $(Me, "programmatic", e), [$, Me]);
-	ee(ue, () => ({
+	}, [$]), pt = u((e, t) => $([], e, t), [$]), mt = u((e) => $(Ne, "programmatic", e), [$, Ne]);
+	m(W, () => ({
 		close: () => ut(!1, "programmatic"),
 		focus: () => Q.current.triggerNode?.focus({ preventScroll: !0 }),
 		focusSearch: () => {
@@ -191,93 +191,93 @@ function z({ align: e, alignOffset: t, children: n, 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 && j(t, X);
+			let t = Y?.querySelector(`[data-part='item'][data-value="${CSS.escape(e)}"]`);
+			t != null && Y !== null && j(t, Y);
 		}
-	}), [X, ut]);
+	}), [Y, ut]);
 	let ht = {
-		align: e ?? q.align,
-		alignOffset: t ?? q.alignOffset,
+		align: e ?? K.align,
+		alignOffset: t ?? K.alignOffset,
 		clear: pt,
-		clearable: o ?? q.clearable,
-		closeOnEscape: s ?? q.closeOnEscape,
-		closeOnOutsidePress: c ?? q.closeOnOutsidePress,
-		closeOnSelect: u ?? q.closeOnSelect,
-		collisionPadding: f ?? q.collisionPadding,
-		contentId: Ee,
-		contentNode: X,
-		disabled: Ge,
+		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,
 		entry: Qe,
-		flip: C ?? q.flip,
-		form: w,
-		fullWidth: T ?? q.fullWidth,
-		hideWhenDetached: E ?? q.hideWhenDetached,
+		flip: w ?? K.flip,
+		form: T,
+		fullWidth: E ?? K.fullWidth,
+		hideWhenDetached: D ?? K.hideWhenDetached,
 		highlighted: Ye,
-		highlightMatch: A ?? q.highlightMatch,
-		invalid: M ?? J?.invalid ?? q.invalid,
+		highlightMatch: A ?? K.highlightMatch,
+		invalid: M ?? q?.invalid ?? K.invalid,
 		labelFor: it,
-		listId: De,
-		loading: P ?? q.loading,
-		locale: Te,
-		loop: R ?? q.loop,
+		listId: Oe,
+		loading: P ?? K.loading,
+		locale: Ee,
+		loop: R ?? K.loop,
 		matches: ot,
-		mount: z ?? q.mount,
-		multiple: We,
-		name: se,
-		open: qe,
+		mount: oe ?? K.mount,
+		multiple: Ge,
+		name: B,
+		open: X,
 		optionId: st,
-		portal: W ?? q.portal,
+		portal: le ?? K.portal,
 		query: Z,
-		readOnly: Ke,
+		readOnly: qe,
 		registerLabel: rt,
-		required: G ?? J?.required ?? q.required,
+		required: de ?? q?.required ?? K.required,
 		restore: mt,
 		search: Xe,
-		searchId: Oe,
-		searchNode: He,
+		searchId: ke,
+		searchNode: Ue,
 		seen: Ze.current,
 		selection: Je,
-		setContentNode: Ve,
+		setContentNode: He,
 		setHighlighted: dt,
 		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,
+		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,
 		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: ve,
+		triggerId: Ae,
+		triggerNode: Be,
+		typeahead: Xe ? !1 : ye ?? K.typeahead,
+		typeaheadTimeout: be ?? K.typeaheadTimeout,
+		variant: Se ?? K.variant,
+		width: Ce ?? K.width
 	};
 	return /* @__PURE__ */ b(L.Provider, {
 		value: ht,
-		children: n
+		children: a
 	});
 }
 //#endregion
 //#region src/select/select-collection.ts
-var oe = e(), se = "[data-part='item']";
+var z = "[data-part='item']";
 function B(e) {
-	return e === null ? [] : [...e.querySelectorAll(se)];
+	return e === null ? [] : [...e.querySelectorAll(z)];
 }
-var V = (e) => e.dataset.value ?? "", H = (e) => e.dataset.disabled === void 0, ce = (e) => e.dataset.textValue ?? e.querySelector("[data-part='label']")?.textContent?.trim() ?? e.textContent?.trim() ?? "";
-function U(e) {
+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);
 	return {
 		elements: t,
-		labels: t.map(ce)
+		labels: t.map(se)
 	};
 }
-function W(e, t, n, r) {
+function U(e, t, n, r) {
 	let i = B(e);
 	if (i.length === 0) return null;
 	let a = A({
@@ -292,9 +292,9 @@ function le(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 ? W(e, null, "first", r) : V(n);
+		return n === void 0 ? U(e, null, "first", r) : V(n);
 	}
-	return W(e, null, n, r);
+	return U(e, null, n, r);
 }
 function ue(e, t) {
 	if (e === null || t === null) return;
@@ -303,134 +303,134 @@ function ue(e, t) {
 }
 //#endregion
 //#region src/select/select-parts.tsx
-function G(e, t) {
+function W(e, t) {
 	return (n) => {
 		e?.(n), n.defaultPrevented || t(n);
 	};
 }
 function de(e, t, n) {
 	if (e === null) return;
-	let r = c(document.body).filter((e) => t === null || !t.contains(e)), i = r.indexOf(e);
+	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 K(e, t, n) {
+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 fe(e, ...t) {
+function G(e, ...t) {
 	for (let n of t) typeof n == "function" ? n(e) : n != null && (n.current = e);
 }
-function pe({ children: e, ref: r, render: i, ...s }) {
-	let c = R(), l = a(), u = l?.registerControl;
-	p(() => u?.(), [u]);
-	let [f, m] = v(null), [ee, h] = v(null), [g, te] = v(!1), S = _(null), C = _(null);
-	p(() => {
-		c.setTriggerNode(f);
-	}, [f, c]), p(() => {
+function pe({ children: n, ref: r, render: o, ...s }) {
+	let c = R(), 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 });
-		return C.current = e, () => {
-			e.destroy(), C.current = null;
+		return w.current = e, () => {
+			e.destroy(), w.current = null;
 		};
-	}, [c.typeahead, c.typeaheadTimeout]), p(() => {
+	}, [c.typeahead, c.typeaheadTimeout]), f(() => {
 		if (!c.open || c.contentNode === null) return;
-		let e = S.current;
-		if (S.current = null, e === null || C.current === null) return;
-		let { elements: t, labels: n } = U(c.contentNode), r = C.current.match(e, n, -1);
+		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");
 	}, [
 		c,
 		c.contentNode,
 		c.open
 	]);
-	let w = (e, t) => {
+	let T = (e, t) => {
 		c.entry.current = e, c.setOpen(!0, "keyboard", t);
-	}, T = (e, t) => {
-		let n = W(c.contentNode, c.highlighted, e, c.loop);
-		n !== null && c.setHighlighted(n, "keyboard", t);
 	}, O = (e, t) => {
+		let n = U(c.contentNode, c.highlighted, e, c.loop);
+		n !== null && c.setHighlighted(n, "keyboard", t);
+	}, k = (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);
-	}, k = (e) => {
+	}, te = (e) => {
 		if (c.disabled || c.readOnly) return;
 		let t = e.altKey;
 		if (!c.open) {
 			switch (e.key) {
 				case "ArrowDown":
-					e.preventDefault(), w(t ? "none" : "selected", e.nativeEvent);
+					e.preventDefault(), T(t ? "none" : "selected", e.nativeEvent);
 					return;
 				case "ArrowUp":
-					e.preventDefault(), w("last", e.nativeEvent);
+					e.preventDefault(), T("last", e.nativeEvent);
 					return;
 				case "Enter":
 				case " ":
-					e.preventDefault(), w("selected", e.nativeEvent);
+					e.preventDefault(), T("selected", e.nativeEvent);
 					return;
 				case "Home":
-					e.preventDefault(), w("first", e.nativeEvent);
+					e.preventDefault(), T("first", e.nativeEvent);
 					return;
 				case "End":
-					e.preventDefault(), w("last", e.nativeEvent);
+					e.preventDefault(), T("last", e.nativeEvent);
 					return;
 			}
 			if (!e.ctrlKey && !e.metaKey && !t && D(e.key)) {
 				if (c.search) {
-					e.preventDefault(), c.setQuery(e.key, "keyboard", e.nativeEvent), w("first", e.nativeEvent);
+					e.preventDefault(), c.setQuery(e.key, "keyboard", e.nativeEvent), T("first", e.nativeEvent);
 					return;
 				}
-				c.typeahead && (e.preventDefault(), S.current = e.key, w("none", e.nativeEvent));
+				c.typeahead && (e.preventDefault(), C.current = e.key, T("none", e.nativeEvent));
 			}
 			return;
 		}
 		switch (e.key) {
 			case "ArrowDown":
-				e.preventDefault(), T("next", e.nativeEvent);
+				e.preventDefault(), O("next", e.nativeEvent);
 				return;
 			case "ArrowUp":
-				e.preventDefault(), t ? O(e.nativeEvent, !0) : T("previous", e.nativeEvent);
+				e.preventDefault(), t ? k(e.nativeEvent, !0) : O("previous", e.nativeEvent);
 				return;
 			case "Home":
-				e.preventDefault(), T("first", e.nativeEvent);
+				e.preventDefault(), O("first", e.nativeEvent);
 				return;
 			case "End":
-				e.preventDefault(), T("last", e.nativeEvent);
+				e.preventDefault(), O("last", e.nativeEvent);
 				return;
 			case "PageDown":
-				e.preventDefault(), T("pageDown", e.nativeEvent);
+				e.preventDefault(), O("pageDown", e.nativeEvent);
 				return;
 			case "PageUp":
-				e.preventDefault(), T("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 || C.current === null || e.ctrlKey || e.metaKey || t || !D(e.key, C.current.query.length > 0)) return;
+		if (!c.typeahead || w.current === null || e.ctrlKey || e.metaKey || t || !D(e.key, w.current.query.length > 0)) return;
 		e.preventDefault();
-		let { elements: n, labels: r } = U(c.contentNode), i = n.findIndex((e) => V(e) === c.highlighted), a = C.current.match(e.key, r, i);
+		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 && !K(e.currentTarget, e.clientX, e.clientY)) {
+		if (e.detail > 0 && !fe(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) => {
-		c.clear("clear", e.nativeEvent), f?.focus({ preventScroll: !0 });
-	}, M = d((e) => {
-		m(e), fe(e, r);
+		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 = {
 		"data-part": "root",
 		"data-size": c.size,
@@ -444,14 +444,14 @@ function pe({ children: e, ref: r, render: i, ...s }) {
 		...c.invalid ? { "data-invalid": "" } : {},
 		...c.required ? { "data-required": "" } : {},
 		...c.loading ? { "data-loading": "" } : {},
-		...g ? { "data-narrow": "" } : {}
-	}, I = c.multiple && c.selection.length > 0 ? /* @__PURE__ */ b(o, {
+		...S ? { "data-narrow": "" } : {}
+	}, I = c.multiple && c.selection.length > 0 ? /* @__PURE__ */ b(a, {
 		disabled: c.disabled || c.readOnly,
-		frame: ee,
+		frame: h,
 		labelFor: c.labelFor,
-		onNarrow: te,
+		onNarrow: ee,
 		onRemove: (e, t) => {
-			c.toggle(e, "select", t.nativeEvent), f?.focus({ preventScroll: !0 });
+			c.toggle(e, "select", t.nativeEvent), p?.focus({ preventScroll: !0 });
 		},
 		removeLabel: (e) => c.t("remove", { label: e }),
 		values: c.selection
@@ -470,12 +470,12 @@ function pe({ children: e, ref: r, render: i, ...s }) {
 			"data-part": "trigger",
 			disabled: c.disabled,
 			id: c.triggerId,
-			onClick: G(s.onClick, A),
-			onKeyDown: G(s.onKeyDown, k),
+			onClick: W(s.onClick, A),
+			onKeyDown: W(s.onKeyDown, te),
 			ref: M,
 			role: "combobox",
 			type: "button",
-			children: e
+			children: n
 		}),
 		I,
 		P ? /* @__PURE__ */ b("button", {
@@ -483,7 +483,7 @@ function pe({ children: e, ref: r, render: i, ...s }) {
 			"data-part": "clear",
 			onClick: j,
 			type: "button",
-			children: /* @__PURE__ */ b(n, { children: /* @__PURE__ */ b(t, { name: "x" }) })
+			children: /* @__PURE__ */ b(t, { children: /* @__PURE__ */ b(e, { name: "x" }) })
 		}) : null,
 		c.loading ? /* @__PURE__ */ b("span", {
 			"aria-hidden": "true",
@@ -491,22 +491,22 @@ function pe({ children: e, ref: r, render: i, ...s }) {
 			"data-ui": "spinner"
 		}) : /* @__PURE__ */ b("span", {
 			"data-part": "arrow",
-			children: /* @__PURE__ */ b(n, { children: /* @__PURE__ */ b(t, { name: "chevron-down" }) })
+			children: /* @__PURE__ */ b(t, { children: /* @__PURE__ */ b(e, { name: "chevron-down" }) })
 		}),
 		/* @__PURE__ */ b(me, {})
 	] });
-	return i === void 0 ? /* @__PURE__ */ b("div", {
+	return o === void 0 ? /* @__PURE__ */ b("div", {
 		...F,
-		ref: h,
+		ref: g,
 		children: L
-	}) : i({
+	}) : o({
 		...F,
 		children: L
 	});
 }
 function me() {
 	let e = R(), [t, n] = v(null), { restore: r } = e;
-	return p(() => {
+	return f(() => {
 		let e = t?.form;
 		if (e == null) return;
 		let n = (e) => r(e);
@@ -561,9 +561,9 @@ function he({ children: e, placeholder: t, ...n }) {
 		children: s
 	});
 }
-function ge({ icon: e, ref: r, render: i, ...a }) {
+function ge({ icon: n, ref: r, render: i, ...a }) {
 	let o = R(), s = (e, t) => {
-		let n = W(o.contentNode, o.highlighted, e, o.loop);
+		let n = U(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) {
@@ -596,10 +596,10 @@ function ge({ icon: e, ref: r, render: i, ...a }) {
 				e.preventDefault(), c(e.nativeEvent, !0), de(o.triggerNode, e.currentTarget.closest("[data-part='positioner']"), e.shiftKey);
 				return;
 		}
-	}, u = { "data-part": "search" }, d = /* @__PURE__ */ x(y, { children: [e === null ? null : e ?? /* @__PURE__ */ b("span", {
+	}, u = { "data-part": "search" }, d = /* @__PURE__ */ x(y, { children: [n === null ? null : n ?? /* @__PURE__ */ b("span", {
 		"aria-hidden": "true",
 		"data-part": "search-icon",
-		children: /* @__PURE__ */ b(n, { children: /* @__PURE__ */ b(t, { name: "search" }) })
+		children: /* @__PURE__ */ b(t, { children: /* @__PURE__ */ b(e, { name: "search" }) })
 	}), /* @__PURE__ */ b("input", {
 		...a,
 		"aria-activedescendant": o.highlighted === null ? void 0 : o.optionId(o.highlighted),
@@ -610,11 +610,11 @@ function ge({ icon: e, ref: r, render: i, ...a }) {
 		autoComplete: "off",
 		"data-part": "search-input",
 		id: a.id ?? o.searchId,
-		onChange: G(a.onChange, (e) => o.setQuery(e.target.value, "keyboard", e.nativeEvent)),
-		onKeyDown: G(a.onKeyDown, l),
+		onChange: W(a.onChange, (e) => o.setQuery(e.target.value, "keyboard", e.nativeEvent)),
+		onKeyDown: W(a.onKeyDown, l),
 		placeholder: a.placeholder ?? o.t("searchPlaceholder"),
 		ref: (e) => {
-			o.setSearchNode(e), fe(e, r);
+			o.setSearchNode(e), G(e, r);
 		},
 		role: "combobox",
 		spellCheck: !1,
@@ -630,66 +630,66 @@ function ge({ icon: e, ref: r, render: i, ...a }) {
 	});
 }
 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), [f, m] = v(null), [ee, g] = v("unmounted"), [C, E] = v(!1), [D, O] = v(0), k = _(null), A = _(s);
-	A.current = s, p(() => {
-		let e = te({
-			present: A.current.open,
-			onStatusChange: g
+	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(() => {
+		let e = S({
+			present: j.current.open,
+			onStatusChange: C
 		});
-		return k.current = e, g(e.status), () => {
-			e.destroy(), k.current = null;
+		return A.current = e, C(e.status), () => {
+			e.destroy(), A.current = null;
 		};
-	}, []), p(() => k.current?.sync(s.open), [s.open]), p(() => k.current?.setNode(c), [c]), p(() => s.setContentNode(u), [s, u]);
-	let j = s.mount === "eager" || s.mount === "lazy" && s.seen || ee !== "unmounted";
-	p(() => {
-		if (!j) {
+	}, []), 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(() => {
+		if (!M) {
 			m(null);
 			return;
 		}
-		let e = S({
+		let e = ee({
 			origin: s.triggerNode,
 			disabled: !s.portal
 		});
 		return m(e.container), () => e.release();
 	}, [
-		j,
+		M,
 		s.portal,
 		s.triggerNode
 	]);
-	let { align: M, alignOffset: N, collisionPadding: P, flip: F, hideWhenDetached: I, shift: L, side: ne, sideOffset: re, strategy: ie, width: ae } = s;
-	p(() => {
+	let { align: N, alignOffset: P, collisionPadding: F, flip: I, hideWhenDetached: L, shift: ne, side: re, sideOffset: ie, strategy: ae, width: oe } = 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: M,
-			alignOffset: N,
-			boundaryPadding: P,
-			flip: F,
-			hideWhenDetached: I,
-			matchWidth: ae === "anchor",
-			shift: L,
-			side: ne,
-			sideOffset: re,
-			strategy: ie
+			align: N,
+			alignOffset: P,
+			boundaryPadding: F,
+			flip: I,
+			hideWhenDetached: L,
+			matchWidth: oe === "anchor",
+			shift: ne,
+			side: re,
+			sideOffset: ie,
+			strategy: ae
 		});
 		return n.update().then(() => {
-			e && E(!0);
+			e && D(!0);
 		}), () => {
-			e = !1, n.destroy(), E(!1);
+			e = !1, n.destroy(), D(!1);
 		};
 	}, [
-		M,
 		N,
 		P,
 		F,
 		I,
+		L,
 		c,
 		s.triggerNode,
-		L,
 		ne,
 		re,
 		ie,
-		ae
-	]), p(() => {
+		ae,
+		oe
+	]), f(() => {
 		if (c === null || !s.open) return;
 		let e = [s.triggerNode].filter((e) => e !== null), t = w(c, {
 			branches: e,
@@ -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 = A.current;
+				let t = j.current;
 				if (e.reason === "escape" && t.search && t.query !== "") {
 					t.setQuery("", "clear", e.source);
 					return;
@@ -715,47 +715,47 @@ function _e({ children: e, empty: t, ref: n, render: r, searchProps: i, status:
 		s.open,
 		s.triggerNode
 	]), h(() => {
-		let e = A.current;
+		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);
 		t !== null && e.setHighlighted(t, "keyboard");
 	}, [s.open, u]), h(() => {
 		let e = B(u).length;
-		O((t) => t === e ? t : e);
-	}), p(() => {
+		te((t) => t === e ? t : e);
+	}), f(() => {
 		ue(u, s.highlighted);
 	}, [
-		C,
+		E,
 		s.highlighted,
 		u
 	]);
 	let z = s.searchNode;
-	p(() => {
+	f(() => {
 		s.open && s.search && z !== null && z.focus({ preventScroll: !0 });
 	}, [
 		z,
 		s.open,
 		s.search
 	]);
-	let se = _(s.query);
-	if (p(() => {
-		s.open && s.search && u !== null && se.current !== s.query && (se.current = s.query, A.current.setHighlighted(W(u, null, "first", !1), "keyboard"));
+	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"));
 	}, [
-		D,
+		k,
 		s.open,
 		s.query,
 		s.search,
 		u
-	]), !j) return null;
-	let V = {
-		"data-align": M,
+	]), !M) return null;
+	let H = {
+		"data-align": N,
 		...s.open ? {} : { inert: !0 },
-		...s.open && C ? { "data-open": "" } : {},
+		...s.open && E ? { "data-open": "" } : {},
 		"data-part": "positioner",
 		"data-size": s.size,
 		"data-ui": "select",
 		"data-width": s.width
-	}, H = a === void 0 ? s.loading ? s.t("loading") : !s.search || D === 0 ? null : s.t("count", { count: D }) : a, ce = s.multiple && s.selection.length > 0 ? /* @__PURE__ */ b("div", {
+	}, 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", {
 		"aria-hidden": "true",
 		"data-part": "chosen",
 		children: s.selection.map((e) => /* @__PURE__ */ b("span", {
@@ -771,7 +771,7 @@ function _e({ children: e, empty: t, ref: n, render: r, searchProps: i, status:
 				})
 			})
 		}, String(e)))
-	}) : null, U = /* @__PURE__ */ x(y, { children: [
+	}) : null, W = /* @__PURE__ */ x(y, { children: [
 		ce,
 		e,
 		s.loading ? /* @__PURE__ */ b("div", {
@@ -788,7 +788,7 @@ function _e({ children: e, empty: t, ref: n, render: r, searchProps: i, status:
 				"data-loading": ""
 			}) }, e))
 		}) : null,
-		!s.loading && D === 0 ? /* @__PURE__ */ b("div", {
+		!s.loading && k === 0 ? /* @__PURE__ */ b("div", {
 			"data-part": "empty",
 			children: t ?? s.t("empty")
 		}) : null,
@@ -797,19 +797,19 @@ function _e({ children: e, empty: t, ref: n, render: r, searchProps: i, status:
 			"data-part": "status",
 			...s.loading ? { "data-loading": "" } : {},
 			role: "status",
-			children: H
+			children: se
 		}) : null
-	] }), G = {
+	] }), de = {
 		"aria-busy": s.loading ? !0 : void 0,
 		"aria-multiselectable": s.multiple ? !0 : void 0
-	}, de = /* @__PURE__ */ b("div", {
-		...V,
+	}, fe = /* @__PURE__ */ b("div", {
+		...H,
 		ref: (e) => {
-			l(e), fe(e, n);
+			l(e), G(e, n);
 		},
 		children: /* @__PURE__ */ b("div", {
 			...o,
-			...s.search ? {} : G,
+			...s.search ? {} : de,
 			"aria-labelledby": o["aria-label"] === void 0 ? s.triggerId : void 0,
 			"data-loading": s.loading ? "" : void 0,
 			"data-part": "content",
@@ -818,81 +818,81 @@ function _e({ children: e, empty: t, ref: n, render: r, searchProps: i, status:
 			ref: d,
 			role: s.search ? "dialog" : "listbox",
 			children: s.search ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(ge, { ...i }), /* @__PURE__ */ b("div", {
-				...G,
+				...de,
 				"aria-labelledby": s.triggerId,
 				"data-part": "list",
 				id: s.listId,
 				role: "listbox",
-				children: U
-			})] }) : U
+				children: W
+			})] }) : W
 		})
-	}), K = r === void 0 ? de : r({
-		...V,
+	}), pe = r === void 0 ? fe : r({
+		...H,
 		children: e
 	});
-	return f === null ? K : (0, oe.createPortal)(K, f);
+	return p === null ? pe : O(pe, p);
 }
 //#endregion
 //#region src/select/select-items.tsx
-function ve({ children: e, description: r, disabled: i = !1, icon: a, position: o, ref: c, textValue: l, value: u, ...d }) {
-	let f = R(), [m, ee] = v(null), h = _(null);
-	p(() => {
+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);
+	f(() => {
 		if (m === null) return;
 		let e = l ?? m.querySelector("[data-part='label']")?.textContent?.trim() ?? "";
-		e !== "" && e !== h.current && (h.current = e, f.registerLabel(u, e));
+		e !== "" && e !== y.current && (y.current = e, p.registerLabel(u, e));
 	}, [
 		m,
-		f,
+		p,
 		l,
 		u
 	]);
-	let y = l ?? (typeof e == "string" ? e : void 0), te = g(() => {
-		if (!f.search || !f.highlightMatch || f.query === "" || y === void 0) return e;
-		let t = M(y, f.query, { locale: f.locale });
-		return t.length === 0 ? e : /* @__PURE__ */ b(s, {
-			ranges: t,
-			text: y
+	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 });
+		return e.length === 0 ? n : /* @__PURE__ */ b(o, {
+			ranges: e,
+			text: S
 		});
 	}, [
-		e,
-		f.highlightMatch,
-		f.locale,
-		f.query,
-		f.search,
-		y
+		n,
+		p.highlightMatch,
+		p.locale,
+		p.query,
+		p.search,
+		S
 	]);
-	if (y !== void 0 && !f.matches(y)) return null;
-	let S = f.selection.includes(u), C = f.highlighted === u, w = (e) => {
-		i || f.setHighlighted(u, "pointer", e.nativeEvent);
-	}, T = (e) => {
-		d.onPointerDown?.(e), !e.defaultPrevented && e.preventDefault();
+	if (S !== void 0 && !p.matches(S)) return null;
+	let C = p.selection.includes(u), w = p.highlighted === u, T = (e) => {
+		i || p.setHighlighted(u, "pointer", e.nativeEvent);
 	}, E = (e) => {
+		d.onPointerDown?.(e), !e.defaultPrevented && e.preventDefault();
+	}, D = (e) => {
 		if (!i) {
-			if (f.toggle(u, "pointer", e.nativeEvent), f.closeOnSelect && !f.multiple) {
-				f.setOpen(!1, "select", e.nativeEvent);
+			if (p.toggle(u, "pointer", e.nativeEvent), p.closeOnSelect && !p.multiple) {
+				p.setOpen(!1, "select", e.nativeEvent);
 				return;
 			}
-			f.setQuery("", "select", e.nativeEvent), f.searchNode?.focus({ preventScroll: !0 });
+			p.setQuery("", "select", e.nativeEvent), p.searchNode?.focus({ preventScroll: !0 });
 		}
 	};
 	return /* @__PURE__ */ x("div", {
 		...d,
 		"aria-disabled": i ? !0 : void 0,
-		"aria-posinset": o,
-		"aria-setsize": o === void 0 ? void 0 : f.total,
-		"aria-selected": S,
+		"aria-posinset": s,
+		"aria-setsize": s === void 0 ? void 0 : p.total,
+		"aria-selected": C,
 		"data-part": "item",
 		"data-value": u,
-		id: d.id ?? f.optionId(u),
-		...y === void 0 ? {} : { "data-text-value": y },
+		id: d.id ?? p.optionId(u),
+		...S === void 0 ? {} : { "data-text-value": S },
 		...i ? { "data-disabled": "" } : {},
-		...S ? { "data-selected": "" } : {},
-		...C ? { "data-current": "" } : {},
-		onClick: E,
-		onPointerDown: T,
-		onPointerEnter: w,
+		...C ? { "data-selected": "" } : {},
+		...w ? { "data-current": "" } : {},
+		onClick: D,
+		onPointerDown: E,
+		onPointerEnter: T,
 		ref: (e) => {
-			ee(e), typeof c == "function" ? c(e) : c != null && (c.current = e);
+			h(e), typeof c == "function" ? c(e) : c != null && (c.current = e);
 		},
 		role: "option",
 		children: [
@@ -902,7 +902,7 @@ function ve({ children: e, description: r, disabled: i = !1, icon: a, position:
 			}),
 			/* @__PURE__ */ b("span", {
 				"data-part": "label",
-				children: te
+				children: ee
 			}),
 			r === void 0 ? null : /* @__PURE__ */ b("span", {
 				"data-part": "description",
@@ -910,14 +910,14 @@ function ve({ children: e, description: r, disabled: i = !1, icon: a, position:
 			}),
 			/* @__PURE__ */ b("span", {
 				"data-part": "indicator",
-				children: /* @__PURE__ */ b(n, { children: /* @__PURE__ */ b(t, { name: "check" }) })
+				children: /* @__PURE__ */ b(t, { children: /* @__PURE__ */ b(e, { name: "check" }) })
 			})
 		]
 	});
 }
 function ye({ children: e, label: t, ...n }) {
-	let r = `${m()}group`, { query: i } = R(), [a, o] = v(null), [s, c] = v(!1);
-	return p(() => {
+	let r = `${p()}group`, { query: i } = R(), [a, o] = v(null), [s, c] = v(!1);
+	return f(() => {
 		a !== null && c(a.querySelector("[data-part='item']") === null);
 	}, [a, i]), /* @__PURE__ */ x("div", {
 		...n,
@@ -941,4 +941,4 @@ function be(e) {
 	});
 }
 //#endregion
-export { ge as a, z 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 { 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 };