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

package/dist/multi-select.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "./multi-select-CfzsvAeI.js";
+import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "./multi-select-B-tuIwAu.js";
 export { i as MULTI_SELECT_FALLBACK, c as MultiSelect, r as MultiSelectContent, e as MultiSelectControl, u as MultiSelectDefaultsProvider, l as MultiSelectGroup, a as MultiSelectItem, s as MultiSelectSeparator, o as NARROW_WIDTH, t as useMultiSelect, n as useMultiSelectDefaults };

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

@@ -14,60 +14,10 @@ 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 } from "@slotted/core/collection";
-import { matchRanges as j } from "@slotted/core/highlight";
-//#region src/select/select-collection.ts
-var M = "[data-part='item']";
-function N(e) {
-	return e === null ? [] : [...e.querySelectorAll(M)];
-}
-var P = (e) => e.dataset.value ?? "", F = (e) => e.dataset.disabled === void 0, I = (e) => e.dataset.textValue ?? e.querySelector("[data-part='label']")?.textContent?.trim() ?? e.textContent?.trim() ?? "";
-function L(e) {
-	let t = N(e).filter(F);
-	return {
-		elements: t,
-		labels: t.map(I)
-	};
-}
-function R(e, t, n, r) {
-	let i = N(e);
-	if (i.length === 0) return null;
-	let a = A({
-		enabled: i.map(F),
-		from: t === null ? -1 : i.findIndex((e) => P(e) === t),
-		intent: n,
-		loop: r
-	});
-	return a === -1 ? null : P(i[a]);
-}
-function ne(e, t, n, r) {
-	if (n === "none") return null;
-	if (n === "selected") {
-		let n = N(e).find((e) => t.includes(P(e)) && F(e));
-		return n === void 0 ? R(e, null, "first", r) : P(n);
-	}
-	return R(e, null, n, r);
-}
-function re(e, t) {
-	if (e === null || t === null) return;
-	let n = N(e).find((e) => P(e) === t);
-	n !== void 0 && ie(n, e);
-}
-function ie(e, t) {
-	let n = t;
-	for (let r = e.parentElement; r !== null && r !== t; r = r.parentElement) {
-		let e = getComputedStyle(r).overflowY;
-		if (e === "auto" || e === "scroll") {
-			n = r;
-			break;
-		}
-	}
-	let r = e.getBoundingClientRect(), i = n.getBoundingClientRect().top + n.clientTop, a = i + n.clientHeight;
-	r.top < i ? n.scrollTop -= i - r.top : r.bottom > a && (n.scrollTop += Math.min(r.bottom - a, r.top - i));
-}
-//#endregion
+import { createFilter as k, 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 z = {
+var N = {
 	align: "start",
 	alignOffset: 0,
 	clearable: !1,
@@ -98,12 +48,12 @@ var z = {
 	typeaheadTimeout: 500,
 	variant: "outline",
 	width: "content"
-}, B = u(z);
-function V() {
-	return f(B);
+}, P = u(N);
+function F() {
+	return f(P);
 }
-function ae({ children: e, container: t, ...n }) {
-	let r = V();
+function I({ children: e, container: t, ...n }) {
+	let r = F();
 	p(() => {
 		if (t !== void 0) return C(t), () => C(null);
 	}, [t]);
@@ -139,37 +89,37 @@ function ae({ children: e, container: t, ...n }) {
 		variant: n.variant ?? r.variant,
 		width: n.width ?? r.width
 	};
-	return /* @__PURE__ */ b(B.Provider, {
+	return /* @__PURE__ */ b(P.Provider, {
 		value: i,
 		children: e
 	});
 }
 //#endregion
 //#region src/select/select.tsx
-var H = u(void 0);
-function U() {
-	let e = f(H);
+var L = u(void 0);
+function R() {
+	let e = f(L);
 	if (e === void 0) throw Error("SelectTrigger, SelectContent and every option have to be inside a Select.");
 	return e;
 }
-function oe(e) {
+function ne(e) {
 	return e == null ? [] : typeof e == "string" ? [e] : e;
 }
-function se(e, t) {
+function re(e, t) {
 	return t ? e : e[0] ?? null;
 }
-var ce = (e) => "options" in e;
-function le(e) {
-	return e === void 0 ? [] : e.flatMap((e) => ce(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 W({ 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: j, items: M, loading: N, locale: P, loop: F, messages: I, mount: L, multiple: R, name: ne, onHighlightedValueChange: re, onOpenChange: z, onSearchValueChange: B, onValueChange: ae, open: U, portal: ce, readOnly: W, 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 = V(), J = a(), Ce = i(O, I), we = r(), Te = P ?? we, Y = m(), Ee = `${Y}listbox`, De = `${Y}list`, Oe = `${Y}search`, ke = J?.ids.control ?? `${Y}trigger`, [Ae, je] = v(h), [Me] = v(() => oe(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 = R ?? q.multiple, Ge = te ?? J?.disabled ?? q.disabled, Ke = W ?? J?.readOnly ?? q.readOnly, qe = (U ?? Ae) && !Ge, Je = be === void 0 ? Ne : oe(be), Ye = D === void 0 ? Fe : D, Xe = de ?? q.search, Z = Xe ? K === void 0 ? Le : K : "", Ze = _(qe);
+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);
 	let Qe = _("selected"), $e = _(/* @__PURE__ */ new Map()), [et, tt] = v(0), nt = g(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of le(M)) e.set(t.value, t.label);
+		for (let t of ae(N)) e.set(t.value, t.label);
 		return e;
-	}, [M]), rt = d((e, t) => {
+	}, [N]), rt = d((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), [
 		Z,
@@ -181,10 +131,10 @@ function W({ align: e, alignOffset: t, children: n, clearable: o, closeOnEscape:
 		currentQuery: Z,
 		currentSelection: Je,
 		highlightedValue: D,
-		onHighlightedValueChange: re,
-		onOpenChange: z,
-		onSearchValueChange: B,
-		onValueChange: ae,
+		onHighlightedValueChange: B,
+		onOpenChange: V,
+		onSearchValueChange: H,
+		onValueChange: ce,
 		open: U,
 		resolvedMultiple: We,
 		resolvedSearch: Xe,
@@ -219,10 +169,10 @@ function W({ align: e, alignOffset: t, children: n, clearable: o, closeOnEscape:
 		let r = Q.current;
 		e.length === r.currentSelection.length && e.every((e, t) => e === r.currentSelection[t]) || l({
 			controlled: r.value,
-			initial: se(r.currentSelection, r.resolvedMultiple),
+			initial: re(r.currentSelection, r.resolvedMultiple),
 			equals: () => !1,
 			onRequest: (e) => r.onValueChange?.(e.value, e)
-		}).request(se(e, r.resolvedMultiple), t, n) && Pe(e);
+		}).request(re(e, r.resolvedMultiple), t, n) && Pe(e);
 	}, []), ft = d((e, t, n) => {
 		let r = Q.current;
 		if (!r.resolvedMultiple) {
@@ -242,7 +192,7 @@ function W({ 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 && ie(t, X);
+			t != null && X !== null && j(t, X);
 		}
 	}), [X, ut]);
 	let ht = {
@@ -264,19 +214,19 @@ function W({ align: e, alignOffset: t, children: n, clearable: o, closeOnEscape:
 		hideWhenDetached: E ?? q.hideWhenDetached,
 		highlighted: Ye,
 		highlightMatch: A ?? q.highlightMatch,
-		invalid: j ?? J?.invalid ?? q.invalid,
+		invalid: M ?? J?.invalid ?? q.invalid,
 		labelFor: it,
 		listId: De,
-		loading: N ?? q.loading,
+		loading: P ?? q.loading,
 		locale: Te,
-		loop: F ?? q.loop,
+		loop: R ?? q.loop,
 		matches: ot,
-		mount: L ?? q.mount,
+		mount: z ?? q.mount,
 		multiple: We,
-		name: ne,
+		name: se,
 		open: qe,
 		optionId: st,
-		portal: ce ?? q.portal,
+		portal: W ?? q.portal,
 		query: Z,
 		readOnly: Ke,
 		registerLabel: rt,
@@ -308,14 +258,51 @@ function W({ align: e, alignOffset: t, children: n, clearable: o, closeOnEscape:
 		variant: xe ?? q.variant,
 		width: Se ?? q.width
 	};
-	return /* @__PURE__ */ b(H.Provider, {
+	return /* @__PURE__ */ b(L.Provider, {
 		value: ht,
 		children: n
 	});
 }
 //#endregion
+//#region src/select/select-collection.ts
+var oe = e(), se = "[data-part='item']";
+function B(e) {
+	return e === null ? [] : [...e.querySelectorAll(se)];
+}
+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) {
+	let t = B(e).filter(H);
+	return {
+		elements: t,
+		labels: t.map(ce)
+	};
+}
+function W(e, t, n, r) {
+	let i = B(e);
+	if (i.length === 0) return null;
+	let a = A({
+		enabled: i.map(H),
+		from: t === null ? -1 : i.findIndex((e) => V(e) === t),
+		intent: n,
+		loop: r
+	});
+	return a === -1 ? null : V(i[a]);
+}
+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 W(e, null, n, r);
+}
+function ue(e, t) {
+	if (e === null || t === null) return;
+	let n = B(e).find((e) => V(e) === t);
+	n !== void 0 && j(n, e);
+}
+//#endregion
 //#region src/select/select-parts.tsx
-var ue = e();
 function G(e, t) {
 	return (n) => {
 		e?.(n), n.defaultPrevented || t(n);
@@ -334,7 +321,7 @@ function fe(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 = U(), l = a(), u = l?.registerControl;
+	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(() => {
@@ -349,8 +336,8 @@ function pe({ children: e, ref: r, render: i, ...s }) {
 		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 } = L(c.contentNode), r = C.current.match(e, n, -1);
-		r !== -1 && c.setHighlighted(P(t[r]), "keyboard");
+		let { elements: t, labels: n } = U(c.contentNode), r = C.current.match(e, n, -1);
+		r !== -1 && c.setHighlighted(V(t[r]), "keyboard");
 	}, [
 		c,
 		c.contentNode,
@@ -359,7 +346,7 @@ function pe({ children: e, ref: r, render: i, ...s }) {
 	let w = (e, t) => {
 		c.entry.current = e, c.setOpen(!0, "keyboard", t);
 	}, T = (e, t) => {
-		let n = R(c.contentNode, c.highlighted, e, c.loop);
+		let n = W(c.contentNode, c.highlighted, e, c.loop);
 		n !== null && c.setHighlighted(n, "keyboard", t);
 	}, O = (e, t) => {
 		if (c.highlighted === null) {
@@ -432,8 +419,8 @@ function pe({ children: e, ref: r, render: i, ...s }) {
 		}
 		if (!c.typeahead || C.current === null || e.ctrlKey || e.metaKey || t || !D(e.key, C.current.query.length > 0)) return;
 		e.preventDefault();
-		let { elements: n, labels: r } = L(c.contentNode), i = n.findIndex((e) => P(e) === c.highlighted), a = C.current.match(e.key, r, i);
-		a !== -1 && c.setHighlighted(P(n[a]), "keyboard");
+		let { elements: n, labels: r } = U(c.contentNode), i = n.findIndex((e) => V(e) === c.highlighted), a = C.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)) {
 			e.currentTarget.focus({ preventScroll: !0 });
@@ -444,7 +431,7 @@ function pe({ children: e, ref: r, render: i, ...s }) {
 		c.clear("clear", e.nativeEvent), f?.focus({ preventScroll: !0 });
 	}, M = d((e) => {
 		m(e), fe(e, r);
-	}, [r]), N = [s["aria-describedby"], l?.describedBy].filter(Boolean).join(" "), F = c.clearable && c.selection.length > 0 && !c.disabled && !c.readOnly, I = {
+	}, [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",
@@ -458,7 +445,7 @@ function pe({ children: e, ref: r, render: i, ...s }) {
 		...c.required ? { "data-required": "" } : {},
 		...c.loading ? { "data-loading": "" } : {},
 		...g ? { "data-narrow": "" } : {}
-	}, ne = c.multiple && c.selection.length > 0 ? /* @__PURE__ */ b(o, {
+	}, I = c.multiple && c.selection.length > 0 ? /* @__PURE__ */ b(o, {
 		disabled: c.disabled || c.readOnly,
 		frame: ee,
 		labelFor: c.labelFor,
@@ -468,7 +455,7 @@ function pe({ children: e, ref: r, render: i, ...s }) {
 		},
 		removeLabel: (e) => c.t("remove", { label: e }),
 		values: c.selection
-	}) : null, re = /* @__PURE__ */ x(y, { children: [
+	}) : null, L = /* @__PURE__ */ x(y, { children: [
 		/* @__PURE__ */ b("button", {
 			...s,
 			"aria-activedescendant": c.open && !c.search && c.highlighted !== null ? c.optionId(c.highlighted) : void 0,
@@ -490,8 +477,8 @@ function pe({ children: e, ref: r, render: i, ...s }) {
 			type: "button",
 			children: e
 		}),
-		ne,
-		F ? /* @__PURE__ */ b("button", {
+		I,
+		P ? /* @__PURE__ */ b("button", {
 			"aria-label": c.t("clear"),
 			"data-part": "clear",
 			onClick: j,
@@ -509,16 +496,16 @@ function pe({ children: e, ref: r, render: i, ...s }) {
 		/* @__PURE__ */ b(me, {})
 	] });
 	return i === void 0 ? /* @__PURE__ */ b("div", {
-		...I,
+		...F,
 		ref: h,
-		children: re
+		children: L
 	}) : i({
-		...I,
-		children: re
+		...F,
+		children: L
 	});
 }
 function me() {
-	let e = U(), [t, n] = v(null), { restore: r } = e;
+	let e = R(), [t, n] = v(null), { restore: r } = e;
 	return p(() => {
 		let e = t?.form;
 		if (e == null) return;
@@ -557,7 +544,7 @@ function me() {
 	});
 }
 function he({ children: e, placeholder: t, ...n }) {
-	let r = U(), 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 = (() => {
+	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 = (() => {
 		if (e !== void 0) return e(r.selection, a);
 		if (r.selection.length === 0) return t;
 		let n = i[0] ?? r.selection[0];
@@ -575,8 +562,8 @@ function he({ children: e, placeholder: t, ...n }) {
 	});
 }
 function ge({ icon: e, ref: r, render: i, ...a }) {
-	let o = U(), s = (e, t) => {
-		let n = R(o.contentNode, o.highlighted, e, o.loop);
+	let o = R(), 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) {
@@ -643,7 +630,7 @@ 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 = U(), [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);
+	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,
@@ -669,20 +656,20 @@ function _e({ children: e, empty: t, ref: n, render: r, searchProps: i, status:
 		s.portal,
 		s.triggerNode
 	]);
-	let { align: M, alignOffset: P, collisionPadding: F, flip: I, hideWhenDetached: L, shift: ie, side: z, sideOffset: B, strategy: V, width: ae } = s;
+	let { align: M, alignOffset: N, collisionPadding: P, flip: F, hideWhenDetached: I, shift: L, side: ne, sideOffset: re, strategy: ie, width: ae } = s;
 	p(() => {
 		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: P,
-			boundaryPadding: F,
-			flip: I,
-			hideWhenDetached: L,
+			alignOffset: N,
+			boundaryPadding: P,
+			flip: F,
+			hideWhenDetached: I,
 			matchWidth: ae === "anchor",
-			shift: ie,
-			side: z,
-			sideOffset: B,
-			strategy: V
+			shift: L,
+			side: ne,
+			sideOffset: re,
+			strategy: ie
 		});
 		return n.update().then(() => {
 			e && E(!0);
@@ -691,16 +678,16 @@ function _e({ children: e, empty: t, ref: n, render: r, searchProps: i, status:
 		};
 	}, [
 		M,
+		N,
 		P,
 		F,
 		I,
-		L,
 		c,
 		s.triggerNode,
+		L,
+		ne,
+		re,
 		ie,
-		z,
-		B,
-		V,
 		ae
 	]), p(() => {
 		if (c === null || !s.open) return;
@@ -730,29 +717,29 @@ function _e({ children: e, empty: t, ref: n, render: r, searchProps: i, status:
 	]), h(() => {
 		let e = A.current;
 		if (!e.open || u === null || e.entry.current === "none") return;
-		let t = ne(u, e.selection, e.entry.current, e.loop);
+		let t = le(u, e.selection, e.entry.current, e.loop);
 		t !== null && e.setHighlighted(t, "keyboard");
 	}, [s.open, u]), h(() => {
-		let e = N(u).length;
+		let e = B(u).length;
 		O((t) => t === e ? t : e);
 	}), p(() => {
-		re(u, s.highlighted);
+		ue(u, s.highlighted);
 	}, [
 		C,
 		s.highlighted,
 		u
 	]);
-	let H = s.searchNode;
+	let z = s.searchNode;
 	p(() => {
-		s.open && s.search && H !== null && H.focus({ preventScroll: !0 });
+		s.open && s.search && z !== null && z.focus({ preventScroll: !0 });
 	}, [
-		H,
+		z,
 		s.open,
 		s.search
 	]);
-	let oe = _(s.query);
+	let se = _(s.query);
 	if (p(() => {
-		s.open && s.search && u !== null && oe.current !== s.query && (oe.current = s.query, A.current.setHighlighted(R(u, null, "first", !1), "keyboard"));
+		s.open && s.search && u !== null && se.current !== s.query && (se.current = s.query, A.current.setHighlighted(W(u, null, "first", !1), "keyboard"));
 	}, [
 		D,
 		s.open,
@@ -760,7 +747,7 @@ function _e({ children: e, empty: t, ref: n, render: r, searchProps: i, status:
 		s.search,
 		u
 	]), !j) return null;
-	let se = {
+	let V = {
 		"data-align": M,
 		...s.open ? {} : { inert: !0 },
 		...s.open && C ? { "data-open": "" } : {},
@@ -768,7 +755,7 @@ function _e({ children: e, empty: t, ref: n, render: r, searchProps: i, status:
 		"data-size": s.size,
 		"data-ui": "select",
 		"data-width": s.width
-	}, ce = a === void 0 ? s.loading ? s.t("loading") : !s.search || D === 0 ? null : s.t("count", { count: D }) : a, le = s.multiple && s.selection.length > 0 ? /* @__PURE__ */ b("div", {
+	}, 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", {
 		"aria-hidden": "true",
 		"data-part": "chosen",
 		children: s.selection.map((e) => /* @__PURE__ */ b("span", {
@@ -784,8 +771,8 @@ function _e({ children: e, empty: t, ref: n, render: r, searchProps: i, status:
 				})
 			})
 		}, String(e)))
-	}) : null, W = /* @__PURE__ */ x(y, { children: [
-		le,
+	}) : null, U = /* @__PURE__ */ x(y, { children: [
+		ce,
 		e,
 		s.loading ? /* @__PURE__ */ b("div", {
 			"aria-hidden": "true",
@@ -810,13 +797,13 @@ function _e({ children: e, empty: t, ref: n, render: r, searchProps: i, status:
 			"data-part": "status",
 			...s.loading ? { "data-loading": "" } : {},
 			role: "status",
-			children: ce
+			children: H
 		}) : null
 	] }), G = {
 		"aria-busy": s.loading ? !0 : void 0,
 		"aria-multiselectable": s.multiple ? !0 : void 0
 	}, de = /* @__PURE__ */ b("div", {
-		...se,
+		...V,
 		ref: (e) => {
 			l(e), fe(e, n);
 		},
@@ -836,19 +823,19 @@ function _e({ children: e, empty: t, ref: n, render: r, searchProps: i, status:
 				"data-part": "list",
 				id: s.listId,
 				role: "listbox",
-				children: W
-			})] }) : W
+				children: U
+			})] }) : U
 		})
 	}), K = r === void 0 ? de : r({
-		...se,
+		...V,
 		children: e
 	});
-	return f === null ? K : (0, ue.createPortal)(K, f);
+	return f === null ? K : (0, oe.createPortal)(K, f);
 }
 //#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 = U(), [m, ee] = v(null), h = _(null);
+	let f = R(), [m, ee] = v(null), h = _(null);
 	p(() => {
 		if (m === null) return;
 		let e = l ?? m.querySelector("[data-part='label']")?.textContent?.trim() ?? "";
@@ -861,7 +848,7 @@ function ve({ children: e, description: r, disabled: i = !1, icon: a, position:
 	]);
 	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 = j(y, f.query, { locale: f.locale });
+		let t = M(y, f.query, { locale: f.locale });
 		return t.length === 0 ? e : /* @__PURE__ */ b(s, {
 			ranges: t,
 			text: y
@@ -929,7 +916,7 @@ function ve({ children: e, description: r, disabled: i = !1, icon: a, position:
 	});
 }
 function ye({ children: e, label: t, ...n }) {
-	let r = `${m()}group`, { query: i } = U(), [a, o] = v(null), [s, c] = v(!1);
+	let r = `${m()}group`, { query: i } = R(), [a, o] = v(null), [s, c] = v(!1);
 	return p(() => {
 		a !== null && c(a.querySelector("[data-part='item']") === null);
 	}, [a, i]), /* @__PURE__ */ x("div", {
@@ -954,4 +941,4 @@ function be(e) {
 	});
 }
 //#endregion
-export { ge as a, W as c, ae as d, V as f, _e as i, U as l, ve as n, pe as o, be as r, he as s, ye as t, z as u };
+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 };

package/dist/select.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "./select-UTwKjheK.js";
+import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "./select-hRFp8nCj.js";
 export { d as SELECT_FALLBACK, t as Select, i as SelectContent, n as SelectDefaultsProvider, u as SelectGroup, o as SelectItem, e as SelectSearch, c as SelectSeparator, s as SelectTrigger, l as SelectValue, a as useSelect, r as useSelectDefaults };