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

package/dist/{multi-select-B-tuIwAu.js → multi-select-DQ5ds0fX.js}

@@ -1,27 +1,27 @@
-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 { n as e, t } from "./icon-T9Yt4tnm.js";
+import { n, r } from "./i18n-DpW8lqJ1.js";
 /* empty css                 */
 /* empty css                  */
-import { b as a } from "./field-BJh5HI7w.js";
+import { b as i } from "./field-NJaCxl2h.js";
 /* empty css             */
-import { t as o } from "./highlight-0Qw23QPp.js";
-import { createArrowNavigation as s, createRemovalFocus 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 h, useLayoutEffect as g, useMemo as _, useRef as v, useState as y } from "react";
-import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
-import { createCollapse as C } from "@slotted/core/overflow";
-import { createPresence as w } from "@slotted/core/presence";
-import { createPortalRoot as T, setPortalContainer as E } from "@slotted/core/portal";
-import { createDismissableLayer as D, pressOrigin as O } from "@slotted/core/dismissable-layer";
-import { createPositioner as k } from "@slotted/core/positioner";
-import { multiSelectMessages as A } from "@slotted/core/i18n";
-import { createWidthGate as j } from "@slotted/core/measure";
-import { getLiveAnnouncer as M } from "@slotted/core/live-announcer";
-import { createFilter as ee, moveIndex as N, revealWithin as P } from "@slotted/core/collection";
-import { matchRanges as F } from "@slotted/core/highlight";
+import { t as a } from "./highlight-0Qw23QPp.js";
+import { createArrowNavigation as o, createRemovalFocus 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 { createCollapse as S } from "@slotted/core/overflow";
+import { createPresence as C } from "@slotted/core/presence";
+import { createPortalRoot as w, setPortalContainer as T } from "@slotted/core/portal";
+import { createDismissableLayer as ee, pressOrigin as E } from "@slotted/core/dismissable-layer";
+import { createPositioner as D } from "@slotted/core/positioner";
+import { createPortal as O } from "react-dom";
+import { multiSelectMessages as k } from "@slotted/core/i18n";
+import { createWidthGate as A } from "@slotted/core/measure";
+import { getLiveAnnouncer as te } from "@slotted/core/live-announcer";
+import { createFilter as j, moveIndex as M, revealWithin as N } from "@slotted/core/collection";
+import { matchRanges as P } from "@slotted/core/highlight";
 //#region src/multi-select/multi-select-defaults.tsx
-var I = {
+var F = {
 	addOnPaste: !0,
 	align: "start",
 	alignOffset: 0,
@@ -59,14 +59,14 @@ var I = {
 	strategy: "absolute",
 	variant: "outline",
 	width: "content"
-}, L = u(I);
-function R() {
-	return f(L);
+}, I = l(F);
+function L() {
+	return d(I);
 }
-function z({ children: e, container: t, ...n }) {
-	let r = R();
-	p(() => {
-		if (t !== void 0) return E(t), () => E(null);
+function R({ children: e, container: t, ...n }) {
+	let r = L();
+	f(() => {
+		if (t !== void 0) return T(t), () => T(null);
 	}, [t]);
 	let i = {
 		addOnPaste: n.addOnPaste ?? r.addOnPaste,
@@ -107,40 +107,40 @@ function z({ children: e, container: t, ...n }) {
 		variant: n.variant ?? r.variant,
 		width: n.width ?? r.width
 	};
-	return /* @__PURE__ */ x(L.Provider, {
+	return /* @__PURE__ */ b(I.Provider, {
 		value: i,
 		children: e
 	});
 }
 //#endregion
 //#region src/multi-select/multi-select.tsx
-var B = u(void 0);
-function V() {
-	let e = f(B);
+var z = l(void 0);
+function B() {
+	let e = d(z);
 	if (e === void 0) throw Error("MultiSelectControl, MultiSelectContent and every option have to be inside a MultiSelect.");
 	return e;
 }
-var H = (e) => "options" in e;
-function U(e) {
-	return e === void 0 ? [] : e.flatMap((e) => H(e) ? e.options : [e]);
+var V = (e) => "options" in e;
+function H(e) {
+	return e === void 0 ? [] : e.flatMap((e) => V(e) ? e.options : [e]);
 }
-var te = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]);
-function W({ children: e, defaultHighlightedValue: t = null, defaultInputValue: n = "", defaultOpen: o = !1, defaultValue: s = [], filter: c, form: u, highlightedValue: f, inputValue: p, items: g, locale: b, messages: S, name: C, onHighlightedValueChange: w, onInputValueChange: T, onLoadMore: E, onOpenChange: D, onValueChange: O, onValueRefuse: k, open: j, ref: N, total: F, validateValue: I, value: L, ...z }) {
-	let V = R(), H = a(), W = i(A, S), ne = r(), G = b ?? ne, K = m(), q = `${K}listbox`, re = `${K}input`, [ie, ae] = y(o), [oe, se] = y(s), [J] = y(s), [ce, le] = y(n), [ue, de] = y(t), [Y, fe] = y(null), [X, pe] = y(null), [me, he] = y(null), [ge, _e] = y(!1), ve = z.disabled ?? H?.disabled ?? V.disabled, ye = z.readOnly ?? H?.readOnly ?? V.readOnly, Z = z.max ?? V.max, be = z.allowDuplicates ?? V.allowDuplicates, xe = (j ?? ie) && !ve, Se = L ?? oe, Ce = p ?? ce, we = f === void 0 ? ue : f, Te = v(xe);
+var ne = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]);
+function U({ children: e, defaultHighlightedValue: t = null, defaultInputValue: a = "", defaultOpen: o = !1, defaultValue: s = [], filter: l, form: d, highlightedValue: f, inputValue: h, items: y, locale: x, messages: S, name: C, onHighlightedValueChange: w, onInputValueChange: T, onLoadMore: ee, onOpenChange: E, onValueChange: D, onValueRefuse: O, open: A, ref: M, total: P, validateValue: F, value: I, ...R }) {
+	let B = L(), V = i(), U = r(k, S), re = n(), W = x ?? re, G = p(), ie = `${G}listbox`, ae = `${G}input`, [K, oe] = v(o), [se, q] = v(s), [J] = v(s), [ce, le] = v(a), [ue, Y] = v(t), [X, de] = v(null), [Z, fe] = v(null), [pe, me] = v(null), [he, ge] = v(!1), _e = R.disabled ?? V?.disabled ?? B.disabled, ve = R.readOnly ?? V?.readOnly ?? B.readOnly, ye = R.max ?? B.max, be = R.allowDuplicates ?? B.allowDuplicates, xe = (A ?? K) && !_e, Se = I ?? se, Ce = h ?? ce, we = f === void 0 ? ue : f, Te = _(xe);
 	xe && (Te.current = !0);
-	let Ee = v("none"), De = v(/* @__PURE__ */ new Map()), [Oe, ke] = y(0), Ae = _(() => {
+	let Ee = _("none"), De = _(/* @__PURE__ */ new Map()), [Oe, ke] = v(0), Ae = g(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of U(g)) e.set(t.value, t.label);
+		for (let t of H(y)) e.set(t.value, t.label);
 		return e;
-	}, [g]), je = d((e, t) => {
+	}, [y]), je = u((e, t) => {
 		De.current.get(e) !== t && (De.current.set(e, t), ke((e) => e + 1));
-	}, []), Me = d((e) => Ae.get(e) ?? De.current.get(e), [Ae, Oe]), Ne = d((e) => `${K}option-${encodeURIComponent(e)}`, [K]), Pe = Ce, Fe = _(() => ee({ locale: G }), [G]), Ie = d((e) => Pe === "" || c === null ? !0 : c === void 0 ? Fe.contains(e, Pe) : c(e, Pe), [
+	}, []), Me = u((e) => Ae.get(e) ?? De.current.get(e), [Ae, Oe]), Ne = u((e) => `${G}option-${encodeURIComponent(e)}`, [G]), Pe = Ce, Fe = g(() => j({ locale: W }), [W]), Ie = u((e) => Pe === "" || l === null ? !0 : l === void 0 ? Fe.contains(e, Pe) : l(e, Pe), [
 		Fe,
-		c,
+		l,
 		Pe
-	]), Le = d((e) => {
-		e !== "" && M(Y?.ownerDocument).announce(e, { repeat: !0 });
-	}, [Y]), Q = v({
+	]), Le = u((e) => {
+		e !== "" && te(X?.ownerDocument).announce(e, { repeat: !0 });
+	}, [X]), Q = _({
 		allowDuplicates: be,
 		announcer: Le,
 		collator: Fe,
@@ -149,19 +149,19 @@ function W({ children: e, defaultHighlightedValue: t = null, defaultInputValue:
 		currentOpen: xe,
 		currentValue: Se,
 		highlightedValue: f,
-		inputNode: Y,
-		inputValue: p,
+		inputNode: X,
+		inputValue: h,
 		labelFor: Me,
-		max: Z,
+		max: ye,
 		onHighlightedValueChange: w,
 		onInputValueChange: T,
-		onOpenChange: D,
-		onValueChange: O,
-		onValueRefuse: k,
-		open: j,
-		t: W,
-		validateValue: I,
-		value: L
+		onOpenChange: E,
+		onValueChange: D,
+		onValueRefuse: O,
+		open: A,
+		t: U,
+		validateValue: F,
+		value: I
 	});
 	Q.current = {
 		allowDuplicates: be,
@@ -172,49 +172,49 @@ function W({ children: e, defaultHighlightedValue: t = null, defaultInputValue:
 		currentOpen: xe,
 		currentValue: Se,
 		highlightedValue: f,
-		inputNode: Y,
-		inputValue: p,
+		inputNode: X,
+		inputValue: h,
 		labelFor: Me,
-		max: Z,
+		max: ye,
 		onHighlightedValueChange: w,
 		onInputValueChange: T,
-		onOpenChange: D,
-		onValueChange: O,
-		onValueRefuse: k,
-		open: j,
-		t: W,
-		validateValue: I,
-		value: L
+		onOpenChange: E,
+		onValueChange: D,
+		onValueRefuse: O,
+		open: A,
+		t: U,
+		validateValue: F,
+		value: I
 	};
-	let Re = d((e, t, n) => {
+	let Re = 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) && (ae(e), e || (de(null), Ee.current = "none"));
-	}, []), ze = d((e, t, n) => {
+		}).request(e, t, n) && (oe(e), e || (Y(null), Ee.current = "none"));
+	}, []), ze = 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) && de(e);
-	}, []), Be = d((e, t, n) => {
+		}).request(e, t, n) && Y(e);
+	}, []), Be = u((e, t, n) => {
 		let r = Q.current;
-		e !== r.currentInput && l({
+		e !== r.currentInput && c({
 			controlled: r.inputValue,
 			initial: r.currentInput,
 			onRequest: (e) => r.onInputValueChange?.(e.value, e)
 		}).request(e, t, n) && le(e);
-	}, []), $ = d((e, t, n) => {
+	}, []), $ = u((e, t, n) => {
 		let r = Q.current;
-		return te(e, r.currentValue) || !l({
+		return ne(e, r.currentValue) || !c({
 			controlled: r.value,
 			initial: r.currentValue,
 			onRequest: (e) => r.onValueChange?.(e.value, e)
-		}).request(e, t, n) ? !1 : (se(e), !0);
-	}, []), Ve = d((e, t) => {
+		}).request(e, t, n) ? !1 : (q(e), !0);
+	}, []), Ve = u((e, t) => {
 		let n = Q.current, r = [...t], i = {
 			duplicate: [],
 			limit: [],
@@ -246,7 +246,7 @@ function W({ children: e, defaultHighlightedValue: t = null, defaultInputValue:
 			next: r,
 			refused: i
 		};
-	}, []), He = d((e, t, n) => {
+	}, []), He = u((e, t, n) => {
 		let r = Q.current;
 		for (let t of [
 			"duplicate",
@@ -256,18 +256,18 @@ function W({ children: e, defaultHighlightedValue: t = null, defaultInputValue:
 			cause: t,
 			source: n
 		});
-		t !== null && he(t), e.limit.length > 0 && r.max !== null && r.announcer(r.t("counter", {
+		t !== null && me(t), e.limit.length > 0 && r.max !== null && r.announcer(r.t("counter", {
 			count: r.max,
 			max: r.max
 		}));
-	}, []), Ue = d((e, t, n) => {
+	}, []), Ue = u((e, t, n) => {
 		let r = Q.current, { existing: i, next: a, refused: o } = Ve(e, r.currentValue);
 		a.length > r.currentValue.length && $(a, t, n), He(o, i, n);
 	}, [
 		$,
 		Ve,
 		He
-	]), We = d((e, t, n) => {
+	]), We = u((e, t, n) => {
 		let r = Q.current, i = r.currentValue.indexOf(e);
 		if (i === -1 || t.trim() === "" || t === e) return;
 		let a = r.currentValue.filter((t) => t !== e), { existing: o, next: s, refused: c } = Ve([t], a);
@@ -280,24 +280,24 @@ function W({ children: e, defaultHighlightedValue: t = null, defaultInputValue:
 		$,
 		Ve,
 		He
-	]), Ge = d((e, t) => {
+	]), Ge = u((e, t) => {
 		let n = Q.current, r = n.currentValue.filter((t) => t !== e);
 		r.length !== n.currentValue.length && $(r, "remove", t) && n.announcer(`${n.labelFor(e) ?? e}, ${r.length}`);
-	}, [$]), Ke = d((e, t, n) => {
+	}, [$]), Ke = u((e, t, n) => {
 		if (Q.current.currentValue.includes(e)) {
 			Ge(e, n);
 			return;
 		}
 		Ue([e], t, n);
-	}, [Ue, Ge]), qe = d((e) => {
+	}, [Ue, Ge]), qe = u((e) => {
 		$([], "clear", e), Be("", "clear", e);
-	}, [$, Be]), Je = d((e) => {
+	}, [$, Be]), Je = u((e) => {
 		$(J, "programmatic", e), Be("", "programmatic", e);
 	}, [
 		$,
 		J,
 		Be
-	]), Ye = d((e, t, n) => {
+	]), Ye = u((e, t, n) => {
 		let r = Q.current, i = r.currentValue;
 		if (e < 0 || e >= i.length) return;
 		let a = Math.min(Math.max(t, 0), i.length - 1);
@@ -305,215 +305,215 @@ function W({ children: e, defaultHighlightedValue: t = null, defaultInputValue:
 		let o = [...i], [s] = o.splice(e, 1);
 		o.splice(a, 0, s), $(o, "keyboard", n) && r.announcer(`${r.labelFor(s) ?? s}, ${a + 1}, ${o.length}`);
 	}, [$]);
-	h(N, () => ({
+	m(M, () => ({
 		close: () => Re(!1, "programmatic"),
 		focus: () => Q.current.inputNode?.focus({ preventScroll: !0 }),
 		open: () => Re(!0, "programmatic"),
 		scrollToKey: (e) => {
-			let t = X?.querySelector(`[data-part='item'][data-value="${CSS.escape(e)}"]`);
-			t != null && X !== null && P(t, X);
+			let t = Z?.querySelector(`[data-part='item'][data-value="${CSS.escape(e)}"]`);
+			t != null && Z !== null && N(t, Z);
 		},
 		setValue: (e, t = "programmatic") => $([...e], t)
 	}), [
 		$,
-		X,
+		Z,
 		Re
 	]);
 	let Xe = {
-		addOnPaste: z.addOnPaste ?? V.addOnPaste,
+		addOnPaste: R.addOnPaste ?? B.addOnPaste,
 		admit: Ue,
-		align: z.align ?? V.align,
-		alignOffset: z.alignOffset ?? V.alignOffset,
+		align: R.align ?? B.align,
+		alignOffset: R.alignOffset ?? B.alignOffset,
 		announce: Le,
-		chosenOptions: z.chosenOptions ?? V.chosenOptions,
+		chosenOptions: R.chosenOptions ?? B.chosenOptions,
 		clear: qe,
-		clearable: z.clearable ?? V.clearable,
-		closeOnEscape: z.closeOnEscape ?? V.closeOnEscape,
-		closeOnOutsidePress: z.closeOnOutsidePress ?? V.closeOnOutsidePress,
-		closeOnSelect: z.closeOnSelect ?? V.closeOnSelect,
-		collisionPadding: z.collisionPadding ?? V.collisionPadding,
-		commitOnBlur: z.commitOnBlur ?? V.commitOnBlur,
-		contentId: q,
-		contentNode: X,
-		creatable: z.creatable ?? V.creatable,
-		delimiters: z.delimiters ?? V.delimiters,
-		disabled: ve,
-		duplicate: me,
-		editable: z.editable ?? V.editable,
+		clearable: R.clearable ?? B.clearable,
+		closeOnEscape: R.closeOnEscape ?? B.closeOnEscape,
+		closeOnOutsidePress: R.closeOnOutsidePress ?? B.closeOnOutsidePress,
+		closeOnSelect: R.closeOnSelect ?? B.closeOnSelect,
+		collisionPadding: R.collisionPadding ?? B.collisionPadding,
+		commitOnBlur: R.commitOnBlur ?? B.commitOnBlur,
+		contentId: ie,
+		contentNode: Z,
+		creatable: R.creatable ?? B.creatable,
+		delimiters: R.delimiters ?? B.delimiters,
+		disabled: _e,
+		duplicate: pe,
+		editable: R.editable ?? B.editable,
 		entry: Ee,
-		flip: z.flip ?? V.flip,
-		form: u,
-		full: Z !== null && Se.length >= Z,
-		fullWidth: z.fullWidth ?? V.fullWidth,
-		hideWhenDetached: z.hideWhenDetached ?? V.hideWhenDetached,
+		flip: R.flip ?? B.flip,
+		form: d,
+		full: ye !== null && Se.length >= ye,
+		fullWidth: R.fullWidth ?? B.fullWidth,
+		hideWhenDetached: R.hideWhenDetached ?? B.hideWhenDetached,
 		highlighted: we,
-		highlightMatch: z.highlightMatch ?? V.highlightMatch,
-		inputId: re,
-		inputNode: Y,
+		highlightMatch: R.highlightMatch ?? B.highlightMatch,
+		inputId: ae,
+		inputNode: X,
 		inputValue: Ce,
-		invalid: z.invalid ?? H?.invalid ?? V.invalid,
+		invalid: R.invalid ?? V?.invalid ?? B.invalid,
 		labelFor: Me,
-		loading: z.loading ?? V.loading,
-		locale: G,
-		loop: z.loop ?? V.loop,
+		loading: R.loading ?? B.loading,
+		locale: W,
+		loop: R.loop ?? B.loop,
 		matches: Ie,
-		max: Z,
-		mount: z.mount ?? V.mount,
+		max: ye,
+		mount: R.mount ?? B.mount,
 		move: Ye,
 		name: C,
-		narrow: ge,
-		onLoadMore: E,
+		narrow: he,
+		onLoadMore: ee,
 		open: xe,
-		openOn: z.openOn ?? V.openOn,
+		openOn: R.openOn ?? B.openOn,
 		optionId: Ne,
-		overflow: z.overflow ?? V.overflow,
-		portal: z.portal ?? V.portal,
+		overflow: R.overflow ?? B.overflow,
+		portal: R.portal ?? B.portal,
 		query: Pe,
-		readOnly: ye,
+		readOnly: ve,
 		registerLabel: je,
 		remove: Ge,
 		replace: We,
 		restore: Je,
-		reorderable: z.reorderable ?? V.reorderable,
-		required: z.required ?? H?.required ?? V.required,
+		reorderable: R.reorderable ?? B.reorderable,
+		required: R.required ?? V?.required ?? B.required,
 		seen: Te.current,
-		setContentNode: pe,
-		setDuplicate: he,
+		setContentNode: fe,
+		setDuplicate: me,
 		setHighlighted: ze,
-		setInputNode: fe,
+		setInputNode: de,
 		setInputValue: Be,
-		setNarrow: _e,
+		setNarrow: ge,
 		setOpen: Re,
-		shift: z.shift ?? V.shift,
-		side: z.side ?? V.side,
-		sideOffset: z.sideOffset ?? V.sideOffset,
-		size: z.size ?? H?.size ?? V.size,
-		strategy: z.strategy ?? V.strategy,
+		shift: R.shift ?? B.shift,
+		side: R.side ?? B.side,
+		sideOffset: R.sideOffset ?? B.sideOffset,
+		size: R.size ?? V?.size ?? B.size,
+		strategy: R.strategy ?? B.strategy,
 		toggle: Ke,
-		t: W,
-		total: F,
+		t: U,
+		total: P,
 		value: Se,
-		variant: z.variant ?? V.variant,
-		width: z.width ?? V.width
+		variant: R.variant ?? B.variant,
+		width: R.width ?? B.width
 	};
-	return /* @__PURE__ */ x(B.Provider, {
+	return /* @__PURE__ */ b(z.Provider, {
 		value: Xe,
 		children: e
 	});
 }
 //#endregion
 //#region src/multi-select/multi-select-collection.ts
-var ne = e(), G = "[data-part='item']";
-function K(e) {
-	return e === null ? [] : [...e.querySelectorAll(G)];
+var re = "[data-part='item']";
+function W(e) {
+	return e === null ? [] : [...e.querySelectorAll(re)];
 }
-var q = (e) => e.dataset.value ?? "", re = (e) => e.dataset.disabled === void 0 && e.getAttribute("aria-disabled") !== "true";
-function ie(e, t) {
+var G = (e) => e.dataset.value ?? "", ie = (e) => e.dataset.disabled === void 0 && e.getAttribute("aria-disabled") !== "true";
+function ae(e, t) {
 	return e !== null && e.querySelector(`[data-part='item'][data-value="${CSS.escape(t)}"]`)?.hasAttribute("data-create") === !0;
 }
-function ae(e, t, n, r) {
-	let i = K(e);
+function K(e, t, n, r) {
+	let i = W(e);
 	if (i.length === 0) return null;
-	let a = N({
-		enabled: i.map(re),
-		from: t === null ? -1 : i.findIndex((e) => q(e) === t),
+	let a = M({
+		enabled: i.map(ie),
+		from: t === null ? -1 : i.findIndex((e) => G(e) === t),
 		intent: n,
 		loop: r
 	});
-	return a === -1 ? null : q(i[a]);
+	return a === -1 ? null : G(i[a]);
 }
 function oe(e, t, n) {
-	return t === "none" ? null : ae(e, null, t, n);
+	return t === "none" ? null : K(e, null, t, n);
 }
 function se(e, t) {
 	if (e === null || t === null) return;
-	let n = K(e).find((e) => q(e) === t);
-	n !== void 0 && P(n, e);
+	let n = W(e).find((e) => G(e) === t);
+	n !== void 0 && N(n, e);
 }
-var J = "[data-part='chips'] > [role='gridcell']:not([data-part='field'])";
+var q = "[data-part='chips'] > [role='gridcell']:not([data-part='field'])";
 //#endregion
 //#region src/multi-select/multi-select-chips.tsx
-function ce(e, t) {
+function J(e, t) {
 	return e || t;
 }
-function le({ count: e, index: r, label: i, value: a }) {
-	let o = V(), [s, c] = y(null), l = v(null), u = ce(o.readOnly, o.disabled);
-	p(() => {
+function ce({ count: n, index: r, label: i, value: a }) {
+	let o = B(), [s, c] = v(null), l = _(null), u = J(o.readOnly, o.disabled);
+	f(() => {
 		o.duplicate === a && (l.current?.focus({ preventScroll: !0 }), o.setDuplicate(null));
 	}, [o, a]);
 	let d = (e, t) => {
 		c(null), l.current?.focus({ preventScroll: !0 }), o.replace(a, e, t);
-	}, f = (t) => {
-		if (!t.defaultPrevented) {
-			switch (t.key) {
+	}, p = (e) => {
+		if (!e.defaultPrevented) {
+			switch (e.key) {
 				case "Delete":
 				case "Backspace":
 					if (u) return;
-					t.preventDefault(), o.remove(a, t.nativeEvent);
+					e.preventDefault(), o.remove(a, e.nativeEvent);
 					return;
 				case "Enter":
 					if (u || !o.editable) return;
-					t.preventDefault(), c(i);
+					e.preventDefault(), c(i);
 					return;
 				case "Escape":
-					t.preventDefault(), o.inputNode?.focus({ preventScroll: !0 });
+					e.preventDefault(), o.inputNode?.focus({ preventScroll: !0 });
 					return;
 			}
-			if (o.reorderable && t.altKey && !u) {
-				let n = l.current?.ownerDocument.defaultView?.getComputedStyle(l.current).direction === "rtl", i = n ? "ArrowLeft" : "ArrowRight", a = n ? "ArrowRight" : "ArrowLeft";
-				if (t.key === i) {
-					t.preventDefault(), o.move(r, r + 1, t.nativeEvent);
+			if (o.reorderable && e.altKey && !u) {
+				let t = l.current?.ownerDocument.defaultView?.getComputedStyle(l.current).direction === "rtl", i = t ? "ArrowLeft" : "ArrowRight", a = t ? "ArrowRight" : "ArrowLeft";
+				if (e.key === i) {
+					e.preventDefault(), o.move(r, r + 1, e.nativeEvent);
 					return;
 				}
-				if (t.key === a) {
-					t.preventDefault(), o.move(r, r - 1, t.nativeEvent);
+				if (e.key === a) {
+					e.preventDefault(), o.move(r, r - 1, e.nativeEvent);
 					return;
 				}
-				if (t.key === "Home") {
-					t.preventDefault(), o.move(r, 0, t.nativeEvent);
+				if (e.key === "Home") {
+					e.preventDefault(), o.move(r, 0, e.nativeEvent);
 					return;
 				}
-				if (t.key === "End") {
-					t.preventDefault(), o.move(r, e - 1, t.nativeEvent);
+				if (e.key === "End") {
+					e.preventDefault(), o.move(r, n - 1, e.nativeEvent);
 					return;
 				}
 			}
-			t.key.length === 1 && !t.ctrlKey && !t.metaKey && !t.altKey && o.inputNode?.focus({ preventScroll: !0 });
+			e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && o.inputNode?.focus({ preventScroll: !0 });
 		}
 	}, m = (e) => {
 		e.stopPropagation(), o.remove(a, e.nativeEvent);
 	};
-	return s === null ? /* @__PURE__ */ S("span", {
+	return s === null ? /* @__PURE__ */ x("span", {
 		"aria-label": o.reorderable ? o.t("reorder", {
 			label: i,
 			position: r + 1,
-			count: e
+			count: n
 		}) : void 0,
 		"data-part": "root",
 		"data-size": "sm",
 		"data-ui": "tag",
 		"data-value": a,
 		"data-variant": "soft",
-		onKeyDown: f,
+		onKeyDown: p,
 		ref: l,
 		role: "gridcell",
 		tabIndex: -1,
 		...u ? { "data-disabled": "" } : {},
-		children: [/* @__PURE__ */ x("span", {
+		children: [/* @__PURE__ */ b("span", {
 			"data-part": "body",
-			children: /* @__PURE__ */ x("span", {
+			children: /* @__PURE__ */ b("span", {
 				"data-part": "label",
 				children: i
 			})
-		}), u ? null : /* @__PURE__ */ x("button", {
+		}), u ? null : /* @__PURE__ */ b("button", {
 			"aria-label": o.t("remove", { label: i }),
 			"data-part": "remove",
 			onClick: m,
 			tabIndex: -1,
 			type: "button",
-			children: /* @__PURE__ */ x(n, { children: /* @__PURE__ */ x(t, { name: "x" }) })
+			children: /* @__PURE__ */ b(t, { children: /* @__PURE__ */ b(e, { name: "x" }) })
 		})]
-	}) : /* @__PURE__ */ x("span", {
+	}) : /* @__PURE__ */ b("span", {
 		"data-part": "root",
 		"data-size": "sm",
 		"data-ui": "tag",
@@ -521,9 +521,9 @@ function le({ count: e, index: r, label: i, value: a }) {
 		"data-variant": "soft",
 		ref: l,
 		role: "gridcell",
-		children: /* @__PURE__ */ x("span", {
+		children: /* @__PURE__ */ b("span", {
 			"data-part": "body",
-			children: /* @__PURE__ */ x("input", {
+			children: /* @__PURE__ */ b("input", {
 				"aria-label": i,
 				autoFocus: !0,
 				onBlur: (e) => d(e.currentTarget.value, e.nativeEvent),
@@ -538,13 +538,13 @@ function le({ count: e, index: r, label: i, value: a }) {
 		})
 	});
 }
-function ue({ children: e }) {
-	let t = V(), n = v(null), r = v(null), i = v(null), [a, o] = y(0), l = t.overflow === "collapse";
-	return p(() => {
+function le({ children: e }) {
+	let t = B(), n = _(null), r = _(null), i = _(null), [a, c] = v(0), l = t.overflow === "collapse";
+	return f(() => {
 		let e = n.current;
 		if (e === null) return;
-		let t = s(e, {
-			itemSelector: `${J}, [data-part='field'] > [data-part='input']`,
+		let t = o(e, {
+			itemSelector: `${q}, [data-part='field'] > [data-part='input']`,
 			loop: !1,
 			ownedKeys: (e) => e instanceof HTMLInputElement && e.value !== "" ? [
 				"ArrowLeft",
@@ -554,43 +554,43 @@ function ue({ children: e }) {
 			] : []
 		});
 		return () => t.destroy();
-	}, []), p(() => {
+	}, []), f(() => {
 		let e = n.current;
 		if (e === null) return;
-		let r = c(e, {
+		let r = s(e, {
 			fallback: () => t.inputNode,
-			itemSelector: J
+			itemSelector: q
 		});
 		return () => r.destroy();
-	}, [t.inputNode]), p(() => {
+	}, [t.inputNode]), f(() => {
 		let e = n.current;
 		if (e === null || !l) {
-			o(0);
+			c(0);
 			return;
 		}
-		let t = C(e, {
+		let t = S(e, {
 			collapsible: () => !0,
-			onChange: (e) => o(e.length),
+			onChange: (e) => c(e.length),
 			trigger: () => r.current,
-			units: () => [...e.querySelectorAll(J)].filter((e) => !e.hasAttribute("data-count"))
+			units: () => [...e.querySelectorAll(q)].filter((e) => !e.hasAttribute("data-count"))
 		});
 		return i.current = t, () => {
-			t.destroy(), i.current = null, o(0);
+			t.destroy(), i.current = null, c(0);
 		};
-	}, [l]), g(() => {
+	}, [l]), h(() => {
 		i.current?.refresh();
-	}, [t.value]), /* @__PURE__ */ S("div", {
+	}, [t.value]), /* @__PURE__ */ x("div", {
 		"data-part": "chips",
 		ref: n,
 		role: "row",
 		children: [
-			t.value.map((e, n) => /* @__PURE__ */ x(le, {
+			t.value.map((e, n) => /* @__PURE__ */ b(ce, {
 				count: t.value.length,
 				index: n,
 				label: t.labelFor(e) ?? e,
 				value: e
 			}, e)),
-			l ? /* @__PURE__ */ x("span", {
+			l ? /* @__PURE__ */ b("span", {
 				"data-count": "",
 				"data-part": "root",
 				"data-size": "sm",
@@ -601,9 +601,9 @@ function ue({ children: e }) {
 				ref: r,
 				role: "gridcell",
 				tabIndex: -1,
-				children: /* @__PURE__ */ x("span", {
+				children: /* @__PURE__ */ b("span", {
 					"data-part": "body",
-					children: /* @__PURE__ */ x("span", {
+					children: /* @__PURE__ */ b("span", {
 						"data-part": "label",
 						children: `+${Math.max(a, 1)}`
 					})
@@ -615,32 +615,32 @@ function ue({ children: e }) {
 }
 //#endregion
 //#region src/multi-select/multi-select-parts.tsx
-var de = 120;
+var ue = 120;
 function Y(e, t) {
 	return (n) => {
 		e?.(n), n.defaultPrevented || t(n);
 	};
 }
-function fe(e, ...t) {
+function X(e, ...t) {
 	for (let n of t) typeof n == "function" ? n(e) : n != null && (n.current = e);
 }
-function X({ ref: e, render: r, ...i }) {
-	let o = V(), s = a(), [c, l] = y(null), u = v(null);
-	p(() => {
+function de({ ref: n, render: r, ...a }) {
+	let o = B(), s = i(), [c, l] = v(null), d = _(null);
+	f(() => {
 		o.setInputNode(c);
 	}, [o, c]);
-	let f = o.setNarrow;
-	p(() => {
-		let e = u.current;
+	let p = o.setNarrow;
+	f(() => {
+		let e = d.current;
 		if (e === null) return;
-		let t = j(e, {
+		let t = A(e, {
 			at: 120,
-			onChange: f
+			onChange: p
 		});
 		return () => t.destroy();
-	}, [f]);
+	}, [p]);
 	let { form: m, restore: h } = o;
-	p(() => {
+	f(() => {
 		if (c === null) return;
 		let e = m === void 0 ? c.form : c.ownerDocument.getElementById(m);
 		if (!(e instanceof HTMLFormElement)) return;
@@ -656,9 +656,9 @@ function X({ ref: e, render: r, ...i }) {
 			o.entry.current = e === "previous" || e === "pageUp" ? "last" : "first";
 			return;
 		}
-		let n = ae(o.contentNode, o.highlighted, e, o.loop);
+		let n = K(o.contentNode, o.highlighted, e, o.loop);
 		n !== null && o.setHighlighted(n, "keyboard", t);
-	}, _ = (e) => {
+	}, S = (e) => {
 		let t = o.delimiters;
 		if (t.length === 0) return [e];
 		let n = RegExp(`[${t.map((e) => e.replace(/[.*+?^${}()|[\]\\-]/g, "\\$&")).join("")}]`);
@@ -666,13 +666,13 @@ function X({ ref: e, render: r, ...i }) {
 	}, C = (e) => {
 		if (!o.creatable) return !1;
 		let t = o.inputValue;
-		return t.trim() !== "" && (o.admit(_(t), "submit", e), o.setInputValue("", "submit", e), !0);
+		return t.trim() !== "" && (o.admit(S(t), "submit", e), o.setInputValue("", "submit", e), !0);
 	}, w = (e) => {
 		let t = o.highlighted;
-		return t === null ? !1 : ie(o.contentNode, t) ? (C(e), !0) : (o.toggle(t, "select", e), o.setInputValue("", "select", e), o.closeOnSelect && o.setOpen(!1, "select", e), !0);
+		return t === null ? !1 : ae(o.contentNode, t) ? (C(e), !0) : (o.toggle(t, "select", e), o.setInputValue("", "select", e), o.closeOnSelect && o.setOpen(!1, "select", e), !0);
 	}, T = (e, t) => {
 		o.entry.current = e, o.setOpen(!0, "keyboard", t);
-	}, E = (e) => {
+	}, ee = (e) => {
 		if (o.disabled) return;
 		let t = e.altKey;
 		if (o.delimiters.includes(e.key) && !t) {
@@ -713,7 +713,7 @@ function X({ ref: e, render: r, ...i }) {
 				return;
 			case "Backspace": {
 				if (o.inputValue !== "" || e.currentTarget.selectionStart !== 0 || o.readOnly || o.value.length === 0) return;
-				let t = u.current?.querySelectorAll("[data-part='chips'] > [role='gridcell']:not([data-part='field'])"), n = t === void 0 ? void 0 : t[t.length - 1];
+				let t = d.current?.querySelectorAll("[data-part='chips'] > [role='gridcell']:not([data-part='field'])"), n = t === void 0 ? void 0 : t[t.length - 1];
 				if (n === void 0) return;
 				e.preventDefault(), n.focus({ preventScroll: !0 });
 				return;
@@ -725,30 +725,30 @@ function X({ ref: e, render: r, ...i }) {
 	}, D = (e) => {
 		let t = e.currentTarget.value;
 		o.setInputValue(t, "keyboard", e.nativeEvent), o.openOn !== "manual" && !o.open && !o.readOnly && t !== "" && (o.entry.current = "none", o.setOpen(!0, "keyboard", e.nativeEvent));
-	}, k = () => {
+	}, O = () => {
 		o.openOn !== "focus" || o.open || o.disabled || o.readOnly || (o.entry.current = "none", o.setOpen(!0, "keyboard"));
-	}, A = (e) => {
+	}, k = (e) => {
 		o.openOn === "manual" || o.open || o.disabled || o.readOnly || (o.entry.current = "none", o.setOpen(!0, "pointer", e.nativeEvent));
-	}, M = (e) => {
+	}, te = (e) => {
 		if (!o.addOnPaste || !o.creatable || o.readOnly) return;
-		let t = e.clipboardData.getData("text"), n = _(t).filter((e) => e.trim() !== "");
+		let t = e.clipboardData.getData("text"), n = S(t).filter((e) => e.trim() !== "");
 		n.length < 2 || (e.preventDefault(), o.admit(n, "submit", e.nativeEvent), o.setInputValue("", "submit", e.nativeEvent));
-	}, ee = (e) => {
+	}, j = (e) => {
 		let t = e.relatedTarget;
-		if (t instanceof Node && o.contentNode?.contains(t) === !0 || t instanceof Node && u.current?.contains(t) === !0) return;
-		let n = O(c?.ownerDocument);
+		if (t instanceof Node && o.contentNode?.contains(t) === !0 || t instanceof Node && d.current?.contains(t) === !0) return;
+		let n = E(c?.ownerDocument);
 		n instanceof Node && o.contentNode?.contains(n) === !0 || (o.commitOnBlur && C(e), o.open && o.setOpen(!1, "blur"));
-	}, N = (e) => {
+	}, M = (e) => {
 		o.clear(e.nativeEvent), c?.focus({ preventScroll: !0 });
-	}, P = (e) => {
+	}, N = (e) => {
 		o.disabled || o.readOnly || (o.entry.current = "none", o.setOpen(!o.open, "pointer", e.nativeEvent), c?.focus({ preventScroll: !0 }));
-	}, F = d((t) => {
-		l(t), fe(t, e);
-	}, [e]), I = [i["aria-describedby"], s?.describedBy].filter(Boolean).join(" "), L = o.clearable && (o.value.length > 0 || o.inputValue !== "") && !o.disabled && !o.readOnly, R = o.max === null ? o.narrow && o.value.length > 0 ? o.t("chosen", { count: o.value.length }) : null : o.t("counter", {
+	}, P = u((e) => {
+		l(e), X(e, n);
+	}, [n]), F = [a["aria-describedby"], s?.describedBy].filter(Boolean).join(" "), I = o.clearable && (o.value.length > 0 || o.inputValue !== "") && !o.disabled && !o.readOnly, L = o.max === null ? o.narrow && o.value.length > 0 ? o.t("chosen", { count: o.value.length }) : null : o.t("counter", {
 		count: o.value.length,
 		max: o.max
-	}), z = {
-		ref: u,
+	}), R = {
+		ref: d,
 		"data-overflow": o.overflow,
 		"data-part": "root",
 		"data-size": o.size,
@@ -763,40 +763,40 @@ function X({ ref: e, render: r, ...i }) {
 		...o.loading ? { "data-loading": "" } : {},
 		...o.full ? { "data-complete": "" } : {},
 		...o.narrow ? { "data-narrow": "" } : {}
-	}, B = o.t("chosen", { count: o.value.length }), H = `${i.id ?? s?.ids.control ?? o.inputId}-chosen`, U = i["aria-labelledby"] ?? s?.ids.label, te = i["aria-label"] === void 0 ? U === void 0 ? { "aria-label": B } : { "aria-labelledby": `${U} ${H}` } : { "aria-label": `${i["aria-label"]}, ${B}` }, W = /* @__PURE__ */ S(b, { children: [
-		/* @__PURE__ */ x("span", {
+	}, z = o.t("chosen", { count: o.value.length }), V = `${a.id ?? s?.ids.control ?? o.inputId}-chosen`, H = a["aria-labelledby"] ?? s?.ids.label, ne = a["aria-label"] === void 0 ? H === void 0 ? { "aria-label": z } : { "aria-labelledby": `${H} ${V}` } : { "aria-label": `${a["aria-label"]}, ${z}` }, U = /* @__PURE__ */ x(y, { children: [
+		/* @__PURE__ */ b("span", {
 			hidden: !0,
-			id: H,
-			children: B
+			id: V,
+			children: z
 		}),
-		/* @__PURE__ */ x("div", {
-			...te,
+		/* @__PURE__ */ b("div", {
+			...ne,
 			"data-part": "control",
 			role: "grid",
-			children: /* @__PURE__ */ x(ue, { children: /* @__PURE__ */ x("span", {
+			children: /* @__PURE__ */ b(le, { children: /* @__PURE__ */ b("span", {
 				"data-part": "field",
 				role: "gridcell",
-				children: /* @__PURE__ */ x("input", {
-					...i,
+				children: /* @__PURE__ */ b("input", {
+					...a,
 					"aria-activedescendant": o.open && o.highlighted !== null ? o.optionId(o.highlighted) : void 0,
 					"aria-autocomplete": "list",
 					"aria-controls": o.open ? o.contentId : void 0,
-					"aria-describedby": I === "" ? void 0 : I,
+					"aria-describedby": F === "" ? void 0 : F,
 					"aria-expanded": o.open,
 					"aria-invalid": o.invalid ? !0 : void 0,
 					"aria-readonly": o.readOnly ? !0 : void 0,
 					"data-part": "input",
 					disabled: o.disabled,
-					id: i.id ?? s?.ids.control ?? o.inputId,
-					onBlur: Y(i.onBlur, ee),
-					onChange: Y(i.onChange, D),
-					onClick: Y(i.onClick, A),
-					onFocus: Y(i.onFocus, k),
-					onKeyDown: Y(i.onKeyDown, E),
-					onPaste: Y(i.onPaste, M),
-					placeholder: o.value.length === 0 ? i.placeholder : void 0,
+					id: a.id ?? s?.ids.control ?? o.inputId,
+					onBlur: Y(a.onBlur, j),
+					onChange: Y(a.onChange, D),
+					onClick: Y(a.onClick, k),
+					onFocus: Y(a.onFocus, O),
+					onKeyDown: Y(a.onKeyDown, ee),
+					onPaste: Y(a.onPaste, te),
+					placeholder: o.value.length === 0 ? a.placeholder : void 0,
 					readOnly: o.readOnly,
-					ref: F,
+					ref: P,
 					required: o.required && o.value.length === 0,
 					role: "combobox",
 					type: "text",
@@ -804,35 +804,35 @@ function X({ ref: e, render: r, ...i }) {
 				})
 			}) })
 		}),
-		R === null ? null : /* @__PURE__ */ x("span", {
+		L === null ? null : /* @__PURE__ */ b("span", {
 			"aria-hidden": "true",
 			"data-part": "counter",
-			children: R
+			children: L
 		}),
-		L ? /* @__PURE__ */ x("button", {
+		I ? /* @__PURE__ */ b("button", {
 			"aria-label": o.t("clear"),
 			"data-part": "clear",
-			onClick: N,
+			onClick: M,
 			type: "button",
-			children: /* @__PURE__ */ x(n, { children: /* @__PURE__ */ x(t, { name: "x" }) })
+			children: /* @__PURE__ */ b(t, { children: /* @__PURE__ */ b(e, { name: "x" }) })
 		}) : null,
-		o.loading ? /* @__PURE__ */ x("span", {
+		o.loading ? /* @__PURE__ */ b("span", {
 			"aria-hidden": "true",
 			"data-part": "busy",
 			"data-ui": "spinner"
-		}) : /* @__PURE__ */ x("button", {
+		}) : /* @__PURE__ */ b("button", {
 			"aria-label": o.t("trigger"),
 			"data-part": "trigger",
 			disabled: o.disabled,
-			onClick: P,
+			onClick: N,
 			tabIndex: -1,
 			type: "button",
-			children: /* @__PURE__ */ x("span", {
+			children: /* @__PURE__ */ b("span", {
 				"data-part": "arrow",
-				children: /* @__PURE__ */ x(n, { children: /* @__PURE__ */ x(t, { name: "chevron-down" }) })
+				children: /* @__PURE__ */ b(t, { children: /* @__PURE__ */ b(e, { name: "chevron-down" }) })
 			})
 		}),
-		o.name === void 0 ? null : o.value.map((e) => /* @__PURE__ */ x("input", {
+		o.name === void 0 ? null : o.value.map((e) => /* @__PURE__ */ b("input", {
 			"aria-hidden": "true",
 			form: o.form,
 			name: o.name,
@@ -853,60 +853,60 @@ function X({ ref: e, render: r, ...i }) {
 			value: e
 		}, e))
 	] });
-	return r === void 0 ? /* @__PURE__ */ x("div", {
-		...z,
-		children: W
+	return r === void 0 ? /* @__PURE__ */ b("div", {
+		...R,
+		children: U
 	}) : r({
-		...z,
-		children: W
+		...R,
+		children: U
 	});
 }
-function pe({ children: e, chosen: r = !0, empty: i, ref: a, render: o, status: s, ...c }) {
-	let l = V(), [u, d] = y(null), [f, m] = y(null), [h, _] = y(null), [b, C] = y("unmounted"), [E, O] = y(!1), [A, j] = y(0), M = v(null), ee = v(null), N = v(l);
-	N.current = l, p(() => {
-		let e = w({
+function Z({ children: n, chosen: r = !0, empty: i, ref: a, render: o, status: s, ...c }) {
+	let l = B(), [u, d] = v(null), [p, m] = v(null), [g, y] = v(null), [S, T] = v("unmounted"), [E, k] = v(!1), [A, te] = v(0), j = _(null), M = _(null), N = _(l);
+	N.current = l, f(() => {
+		let e = C({
 			present: N.current.open,
-			onStatusChange: C
+			onStatusChange: T
 		});
-		return M.current = e, C(e.status), () => {
-			e.destroy(), M.current = null;
+		return j.current = e, T(e.status), () => {
+			e.destroy(), j.current = null;
 		};
-	}, []), p(() => M.current?.sync(l.open), [l.open]), p(() => M.current?.setNode(u), [u]), p(() => l.setContentNode(f), [l, f]);
-	let P = l.mount === "eager" || l.mount === "lazy" && l.seen || b !== "unmounted";
-	p(() => {
+	}, []), f(() => j.current?.sync(l.open), [l.open]), f(() => j.current?.setNode(u), [u]), f(() => l.setContentNode(p), [l, p]);
+	let P = l.mount === "eager" || l.mount === "lazy" && l.seen || S !== "unmounted";
+	f(() => {
 		if (!P) {
-			_(null);
+			y(null);
 			return;
 		}
-		let e = T({
+		let e = w({
 			origin: l.inputNode,
 			disabled: !l.portal
 		});
-		return _(e.container), () => e.release();
+		return y(e.container), () => e.release();
 	}, [
 		l.inputNode,
 		l.portal,
 		P
 	]);
-	let { align: F, alignOffset: I, collisionPadding: L, flip: R, hideWhenDetached: z, shift: B, side: H, sideOffset: U, strategy: te, width: W } = l;
-	if (p(() => {
+	let { align: F, alignOffset: I, collisionPadding: L, flip: R, hideWhenDetached: z, shift: V, side: H, sideOffset: ne, strategy: U, width: re } = l;
+	if (f(() => {
 		if (u === null || l.inputNode === null) return;
-		let e = !0, t = l.inputNode.closest("[data-part='root']") ?? l.inputNode, n = k(t, u, {
+		let e = !0, t = l.inputNode.closest("[data-part='root']") ?? l.inputNode, n = D(t, u, {
 			align: F,
 			alignOffset: I,
 			boundaryPadding: L,
 			flip: R,
 			hideWhenDetached: z,
-			matchWidth: W === "anchor",
-			shift: B,
+			matchWidth: re === "anchor",
+			shift: V,
 			side: H,
-			sideOffset: U,
-			strategy: te
+			sideOffset: ne,
+			strategy: U
 		});
 		return n.update().then(() => {
-			e && O(!0);
+			e && k(!0);
 		}), () => {
-			e = !1, n.destroy(), O(!1);
+			e = !1, n.destroy(), k(!1);
 		};
 	}, [
 		F,
@@ -916,14 +916,14 @@ function pe({ children: e, chosen: r = !0, empty: i, ref: a, render: o, status:
 		z,
 		u,
 		l.inputNode,
-		B,
+		V,
 		H,
+		ne,
 		U,
-		te,
-		W
-	]), p(() => {
+		re
+	]), f(() => {
 		if (u === null || !l.open) return;
-		let e = [l.inputNode?.closest("[data-part='root']") ?? null].filter((e) => e !== null), t = D(u, {
+		let e = [l.inputNode?.closest("[data-part='root']") ?? null].filter((e) => e !== null), t = ee(u, {
 			branches: e,
 			escape: l.closeOnEscape,
 			focusOutside: !1,
@@ -941,31 +941,31 @@ function pe({ children: e, chosen: r = !0, empty: i, ref: a, render: o, status:
 		l.inputNode,
 		l.open,
 		u
-	]), g(() => {
-		let e = K(f).filter((e) => e.dataset.create === void 0).length;
-		j((t) => t === e ? t : e);
-	}), g(() => {
+	]), h(() => {
+		let e = W(p).filter((e) => e.dataset.create === void 0).length;
+		te((t) => t === e ? t : e);
+	}), h(() => {
 		let e = N.current;
-		if (e.open && f !== null) {
+		if (e.open && p !== null) {
 			if (e.entry.current !== "none") {
-				let t = oe(f, e.entry.current, e.loop);
+				let t = oe(p, e.entry.current, e.loop);
 				e.entry.current = "none", t !== null && e.setHighlighted(t, "keyboard");
 				return;
 			}
-			e.highlighted !== null && (K(f).some((t) => q(t) === e.highlighted) || e.setHighlighted(null, "keyboard"));
+			e.highlighted !== null && (W(p).some((t) => G(t) === e.highlighted) || e.setHighlighted(null, "keyboard"));
 		}
 	}, [
 		l.open,
 		A,
-		f
-	]), p(() => {
-		se(f, l.highlighted);
+		p
+	]), f(() => {
+		se(p, l.highlighted);
 	}, [
 		l.highlighted,
 		E,
-		f
-	]), p(() => {
-		let e = ee.current, t = f, n = l.onLoadMore;
+		p
+	]), f(() => {
+		let e = M.current, t = p, n = l.onLoadMore;
 		if (e === null || t === null || n === void 0 || typeof IntersectionObserver != "function") return;
 		let r = new IntersectionObserver((e) => {
 			e.some((e) => e.isIntersecting) && n();
@@ -974,9 +974,9 @@ function pe({ children: e, chosen: r = !0, empty: i, ref: a, render: o, status:
 	}, [
 		l.onLoadMore,
 		A,
-		f
+		p
 	]), !P) return null;
-	let G = {
+	let ie = {
 		"data-align": F,
 		...l.open ? {} : { inert: !0 },
 		...l.open && E ? { "data-open": "" } : {},
@@ -984,12 +984,12 @@ function pe({ children: e, chosen: r = !0, empty: i, ref: a, render: o, status:
 		"data-size": l.size,
 		"data-ui": "multi-select",
 		"data-width": l.width
-	}, re = s === void 0 ? l.loading ? l.t("loading") : A === 0 ? null : l.t("count", { count: A }) : s, ie = !l.loading && A === 0 && l.creatable && !l.full && l.query.trim() !== "", ae = /* @__PURE__ */ x("div", {
-		...G,
+	}, ae = s === void 0 ? l.loading ? l.t("loading") : A === 0 ? null : l.t("count", { count: A }) : s, K = !l.loading && A === 0 && l.creatable && !l.full && l.query.trim() !== "", q = /* @__PURE__ */ b("div", {
+		...ie,
 		ref: (e) => {
-			d(e), fe(e, a);
+			d(e), X(e, a);
 		},
-		children: /* @__PURE__ */ S("div", {
+		children: /* @__PURE__ */ x("div", {
 			...c,
 			"aria-busy": l.loading ? !0 : void 0,
 			"aria-multiselectable": "true",
@@ -999,25 +999,25 @@ function pe({ children: e, chosen: r = !0, empty: i, ref: a, render: o, status:
 			ref: m,
 			role: "listbox",
 			children: [
-				r && l.value.length > 0 ? /* @__PURE__ */ x("div", {
+				r && l.value.length > 0 ? /* @__PURE__ */ b("div", {
 					"data-part": "chosen",
-					children: l.value.map((e) => /* @__PURE__ */ x("span", {
+					children: l.value.map((e) => /* @__PURE__ */ b("span", {
 						"data-part": "root",
 						"data-size": "sm",
 						"data-ui": "tag",
 						"data-variant": "soft",
-						children: /* @__PURE__ */ x("span", {
+						children: /* @__PURE__ */ b("span", {
 							"data-part": "body",
-							children: /* @__PURE__ */ x("span", {
+							children: /* @__PURE__ */ b("span", {
 								"data-part": "label",
 								children: l.labelFor(e) ?? e
 							})
 						})
 					}, e))
 				}) : null,
-				e,
-				/* @__PURE__ */ x("div", { ref: ee }),
-				ie ? /* @__PURE__ */ S("div", {
+				n,
+				/* @__PURE__ */ b("div", { ref: M }),
+				K ? /* @__PURE__ */ x("div", {
 					"data-create": "",
 					"data-part": "item",
 					"data-value": l.query,
@@ -1033,156 +1033,156 @@ function pe({ children: e, chosen: r = !0, empty: i, ref: a, render: o, status:
 					"aria-selected": !1,
 					...l.highlighted === l.query ? { "data-current": "" } : {},
 					children: [
-						/* @__PURE__ */ x("span", { "data-part": "icon" }),
-						/* @__PURE__ */ x("span", {
+						/* @__PURE__ */ b("span", { "data-part": "icon" }),
+						/* @__PURE__ */ b("span", {
 							"data-part": "label",
 							children: l.t("create", { query: l.query })
 						}),
-						/* @__PURE__ */ x("span", {
+						/* @__PURE__ */ b("span", {
 							"data-part": "indicator",
-							children: /* @__PURE__ */ x(n, { children: /* @__PURE__ */ x(t, { name: "plus" }) })
+							children: /* @__PURE__ */ b(t, { children: /* @__PURE__ */ b(e, { name: "plus" }) })
 						})
 					]
 				}) : null,
-				!l.loading && A === 0 && !ie ? /* @__PURE__ */ x("div", {
+				!l.loading && A === 0 && !K ? /* @__PURE__ */ b("div", {
 					"data-part": "empty",
 					children: i ?? l.t("empty")
 				}) : null,
-				l.loading ? /* @__PURE__ */ x("div", {
+				l.loading ? /* @__PURE__ */ b("div", {
 					"aria-hidden": "true",
 					"data-part": "placeholder",
 					children: [
 						0,
 						1,
 						2
-					].map((e) => /* @__PURE__ */ x("div", { children: /* @__PURE__ */ x("span", {
+					].map((e) => /* @__PURE__ */ b("div", { children: /* @__PURE__ */ b("span", {
 						"data-part": "root",
 						"data-shape": "text",
 						"data-ui": "skeleton",
 						"data-loading": ""
 					}) }, e))
 				}) : null,
-				/* @__PURE__ */ x("div", {
+				/* @__PURE__ */ b("div", {
 					"aria-live": "polite",
 					"data-part": "status",
 					...l.loading ? { "data-loading": "" } : {},
 					role: "status",
-					children: re
+					children: ae
 				})
 			]
 		})
-	}), J = o === void 0 ? ae : o({
-		...G,
-		children: e
+	}), J = o === void 0 ? q : o({
+		...ie,
+		children: n
 	});
-	return h === null ? J : (0, ne.createPortal)(J, h);
+	return g === null ? J : O(J, g);
 }
 //#endregion
 //#region src/multi-select/multi-select-items.tsx
-function me({ children: e, description: r, disabled: i = !1, icon: a, position: s, ref: c, textValue: l, value: u, ...d }) {
-	let f = V(), [m, h] = y(null), g = v(null), b = l ?? (typeof e == "string" ? e : void 0);
-	p(() => {
+function fe({ children: n, description: r, disabled: i = !1, icon: o, position: s, ref: c, textValue: l, value: u, ...d }) {
+	let p = B(), [m, h] = v(null), y = _(null), S = l ?? (typeof n == "string" ? n : void 0);
+	f(() => {
 		if (m === null) return;
-		let e = b ?? m.querySelector("[data-part='label']")?.textContent?.trim() ?? "";
-		e !== "" && e !== g.current && (g.current = e, f.registerLabel(u, e));
+		let e = S ?? m.querySelector("[data-part='label']")?.textContent?.trim() ?? "";
+		e !== "" && e !== y.current && (y.current = e, p.registerLabel(u, e));
 	}, [
-		f,
+		p,
 		m,
-		b,
+		S,
 		u
 	]);
-	let C = _(() => {
-		if (!f.highlightMatch || f.query === "" || b === void 0) return e;
-		let t = F(b, f.query, { locale: f.locale });
-		return t.length === 0 ? e : /* @__PURE__ */ x(o, {
-			ranges: t,
-			text: b
+	let C = g(() => {
+		if (!p.highlightMatch || p.query === "" || S === void 0) return n;
+		let e = P(S, p.query, { locale: p.locale });
+		return e.length === 0 ? n : /* @__PURE__ */ b(a, {
+			ranges: e,
+			text: S
 		});
 	}, [
-		e,
-		f.highlightMatch,
-		f.locale,
-		f.query,
-		b
+		n,
+		p.highlightMatch,
+		p.locale,
+		p.query,
+		S
 	]);
-	if (b !== void 0 && !f.matches(b)) return null;
-	let w = f.value.includes(u);
-	if (w && f.chosenOptions === "hide") return null;
-	let T = f.highlighted === u, E = f.full && !w, D = i || E, O = (e) => {
-		D || f.setHighlighted(u, "pointer", e.nativeEvent);
-	}, k = (e) => {
+	if (S !== void 0 && !p.matches(S)) return null;
+	let w = p.value.includes(u);
+	if (w && p.chosenOptions === "hide") return null;
+	let T = p.highlighted === u, ee = p.full && !w, E = i || ee, D = (e) => {
+		E || p.setHighlighted(u, "pointer", e.nativeEvent);
+	}, O = (e) => {
 		d.onPointerDown?.(e), !e.defaultPrevented && e.preventDefault();
-	}, A = (e) => {
-		D || (f.toggle(u, "select", e.nativeEvent), f.setInputValue("", "select", e.nativeEvent), f.closeOnSelect && f.setOpen(!1, "select", e.nativeEvent), f.inputNode?.focus({ preventScroll: !0 }));
+	}, k = (e) => {
+		E || (p.toggle(u, "select", e.nativeEvent), p.setInputValue("", "select", e.nativeEvent), p.closeOnSelect && p.setOpen(!1, "select", e.nativeEvent), p.inputNode?.focus({ preventScroll: !0 }));
 	};
-	return /* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ x("div", {
 		...d,
-		"aria-disabled": D ? !0 : void 0,
+		"aria-disabled": E ? !0 : void 0,
 		"aria-posinset": s,
 		"aria-selected": w,
-		"aria-setsize": s === void 0 ? void 0 : f.total,
+		"aria-setsize": s === void 0 ? void 0 : p.total,
 		"data-part": "item",
 		"data-value": u,
-		...b === void 0 ? {} : { "data-text-value": b },
+		...S === void 0 ? {} : { "data-text-value": S },
 		...i ? { "data-disabled": "" } : {},
 		...w ? { "data-selected": "" } : {},
 		...T ? { "data-current": "" } : {},
-		id: d.id ?? f.optionId(u),
-		onClick: A,
-		onPointerDown: k,
-		onPointerEnter: O,
+		id: d.id ?? p.optionId(u),
+		onClick: k,
+		onPointerDown: O,
+		onPointerEnter: D,
 		ref: (e) => {
 			h(e), typeof c == "function" ? c(e) : c != null && (c.current = e);
 		},
 		role: "option",
 		children: [
-			a === void 0 ? null : /* @__PURE__ */ x("span", {
+			o === void 0 ? null : /* @__PURE__ */ b("span", {
 				"data-part": "icon",
-				children: a
+				children: o
 			}),
-			/* @__PURE__ */ x("span", {
+			/* @__PURE__ */ b("span", {
 				"data-part": "label",
 				children: C
 			}),
-			r === void 0 ? null : /* @__PURE__ */ x("span", {
+			r === void 0 ? null : /* @__PURE__ */ b("span", {
 				"data-part": "description",
 				children: r
 			}),
-			/* @__PURE__ */ x("span", {
+			/* @__PURE__ */ b("span", {
 				"data-part": "indicator",
-				children: /* @__PURE__ */ x(n, { children: /* @__PURE__ */ x(t, { name: "check" }) })
+				children: /* @__PURE__ */ b(t, { children: /* @__PURE__ */ b(e, { name: "check" }) })
 			})
 		]
 	});
 }
-function he({ children: e, label: t, ...n }) {
-	let r = `${m()}group`, { query: i, value: a } = V(), [o, s] = y(null), [c, l] = y(!1);
-	return p(() => {
+function pe({ children: e, label: t, ...n }) {
+	let r = `${p()}group`, { query: i, value: a } = B(), [o, s] = v(null), [c, l] = v(!1);
+	return f(() => {
 		o !== null && l(o.querySelector("[data-part='item']") === null);
 	}, [
 		o,
 		i,
 		a
-	]), /* @__PURE__ */ S("div", {
+	]), /* @__PURE__ */ x("div", {
 		...n,
 		"aria-labelledby": r,
 		"data-part": "group",
 		hidden: c,
 		ref: s,
 		role: "group",
-		children: [/* @__PURE__ */ x("div", {
+		children: [/* @__PURE__ */ b("div", {
 			"data-part": "group-label",
 			id: r,
 			children: t
 		}), e]
 	});
 }
-function ge(e) {
-	return /* @__PURE__ */ x("div", {
+function me(e) {
+	return /* @__PURE__ */ b("div", {
 		"data-part": "separator",
 		ref: e.ref,
 		role: "separator"
 	});
 }
 //#endregion
-export { X as a, V as c, R as d, pe as i, I as l, me as n, de as o, ge as r, W as s, he as t, z as u };
+export { de as a, B as c, L as d, Z as i, F as l, fe as n, ue as o, me as r, U as s, pe as t, R as u };