@slotted/react 0.1.0-beta.10 → 0.1.0-beta.11

package/dist/{multi-select-YaxhhH9y.js → multi-select-BvlJIEtz.js}

@@ -1,28 +1,29 @@
-import { n as e, t } from "./icon-DjqSEQ-o.js";
-import { n, r } from "./i18n-DpW8lqJ1.js";
+import { n as e, r as t } from "./i18n-D7xXDd8-.js";
+import { n, t as r } from "./icon-DjqSEQ-o.js";
 /* empty css                 */
+import { t as i } from "./spinner-ring-DyfaYloA.js";
 /* empty css                  */
-import { b as i } from "./field-CzSGs7wo.js";
+import { b as a } from "./field-tnEZiRLg.js";
 /* empty css             */
-import { t as a } from "./highlight-9lRPIZ9O.js";
-import { keyedProps as o, selectorKeyProps as s, withSelectorKey as c } from "@slotted/core/selector-key";
-import { createArrowNavigation as l, createRemovalFocus as u } from "@slotted/core/focus";
-import { createControllable as d } from "@slotted/core/state";
-import { createContext as f, useCallback as p, useContext as m, useEffect as h, useId as g, useImperativeHandle as _, useLayoutEffect as v, useMemo as y, useRef as b, useState as x } from "react";
-import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
-import { createCollapse as T } from "@slotted/core/overflow";
-import { createPresence as ee } from "@slotted/core/presence";
-import { createPortalRoot as E, setPortalContainer as D } from "@slotted/core/portal";
-import { createDismissableLayer as te, pressOrigin as O } from "@slotted/core/dismissable-layer";
-import { createPositioner as ne } from "@slotted/core/positioner";
-import { createPortal as re } from "react-dom";
-import { multiSelectMessages as ie } from "@slotted/core/i18n";
-import { createWidthGate as k } from "@slotted/core/measure";
-import { getLiveAnnouncer as ae } from "@slotted/core/live-announcer";
-import { createFilter as A, moveIndex as j, revealWithin as M } from "@slotted/core/collection";
-import { matchRanges as N } from "@slotted/core/highlight";
+import { t as o } from "./highlight-9lRPIZ9O.js";
+import { keyedProps as s, selectorKeyProps as c, withSelectorKey as l } from "@slotted/core/selector-key";
+import { createArrowNavigation as u, createRemovalFocus as d } from "@slotted/core/focus";
+import { createControllable as f } from "@slotted/core/state";
+import { createContext as p, useCallback as m, useContext as h, useEffect as g, useId as _, useImperativeHandle as v, useLayoutEffect as y, useMemo as b, useRef as x, useState as S } from "react";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { createCollapse as E } from "@slotted/core/overflow";
+import { createPresence as D } from "@slotted/core/presence";
+import { multiSelectMessages as O } from "@slotted/core/i18n";
+import { createPortalRoot as ee, setPortalContainer as k } from "@slotted/core/portal";
+import { createDismissableLayer as A, pressOrigin as j } from "@slotted/core/dismissable-layer";
+import { createPositioner as te } from "@slotted/core/positioner";
+import { createPortal as ne } from "react-dom";
+import { createWidthGate as re } from "@slotted/core/measure";
+import { getLiveAnnouncer as M } from "@slotted/core/live-announcer";
+import { createFilter as ie, moveIndex as N, revealWithin as ae } from "@slotted/core/collection";
+import { matchRanges as P } from "@slotted/core/highlight";
 //#region src/multi-select/multi-select-defaults.tsx
-var P = {
+var F = {
 	addOnPaste: !0,
 	align: "start",
 	alignOffset: 0,
@@ -60,14 +61,14 @@ var P = {
 	strategy: "absolute",
 	variant: "outline",
 	width: "content"
-}, F = f(P);
-function I() {
-	return m(F);
+}, I = p(F);
+function L() {
+	return h(I);
 }
-function L({ children: e, container: t, ...n }) {
-	let r = I();
-	h(() => {
-		if (t !== void 0) return D(t), () => D(null);
+function R({ children: e, container: t, ...n }) {
+	let r = L();
+	g(() => {
+		if (t !== void 0) return k(t), () => k(null);
 	}, [t]);
 	let i = {
 		addOnPaste: n.addOnPaste ?? r.addOnPaste,
@@ -108,114 +109,114 @@ function L({ children: e, container: t, ...n }) {
 		variant: n.variant ?? r.variant,
 		width: n.width ?? r.width
 	};
-	return /* @__PURE__ */ C(F.Provider, {
+	return /* @__PURE__ */ w(I.Provider, {
 		value: i,
 		children: e
 	});
 }
 //#endregion
 //#region src/multi-select/multi-select.tsx
-var R = f(void 0);
-function z() {
-	let e = m(R);
+var z = p(void 0);
+function B() {
+	let e = h(z);
 	if (e === void 0) throw Error("MultiSelectControl, MultiSelectContent and every option have to be inside a MultiSelect.");
 	return e;
 }
-var B = (e) => "options" in e;
+var V = (e) => "options" in e;
 function oe(e) {
-	return e === void 0 ? [] : e.flatMap((e) => B(e) ? e.options : [e]);
+	return e === void 0 ? [] : e.flatMap((e) => V(e) ? e.options : [e]);
 }
-var V = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]);
-function H({ children: e, defaultHighlightedValue: t = null, defaultInputValue: a = "", defaultOpen: o = !1, defaultValue: s = [], filter: c, form: l, highlightedValue: u, inputValue: f, items: m, locale: h, messages: v, name: S, onHighlightedValueChange: w, onInputValueChange: T, onLoadMore: ee, onOpenChange: E, onValueChange: D, onValueRefuse: te, open: O, ref: ne, total: re, validateValue: k, value: j, ...N }) {
-	let P = I(), F = i(), L = r(ie, v), z = n(), B = h ?? z, H = g(), se = `${H}listbox`, U = `${H}input`, [W, ce] = x(o), [G, K] = x(s), [le] = x(s), [ue, q] = x(a), [de, fe] = x(t), [J, pe] = x(null), [Y, me] = x(null), [he, ge] = x(null), [_e, ve] = x(!1), ye = N.disabled ?? F?.disabled ?? P.disabled, be = N.readOnly ?? F?.readOnly ?? P.readOnly, X = N.max ?? P.max, xe = N.allowDuplicates ?? P.allowDuplicates, Z = (O ?? W) && !ye, Se = j ?? G, Ce = f ?? ue, we = u === void 0 ? de : u, Te = b(Z);
-	Z && (Te.current = !0);
-	let Ee = b("none"), De = b(/* @__PURE__ */ new Map()), [Oe, ke] = x(0), Ae = y(() => {
+var H = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]);
+function se({ children: n, defaultHighlightedValue: r = null, defaultInputValue: i = "", defaultOpen: o = !1, defaultValue: s = [], filter: c, form: l, highlightedValue: u, inputValue: d, items: p, locale: h, messages: g, name: y, onHighlightedValueChange: C, onInputValueChange: T, onLoadMore: E, onOpenChange: D, onValueChange: ee, onValueRefuse: k, open: A, ref: j, total: te, validateValue: ne, value: re, ...N }) {
+	let P = L(), F = a(), I = t(O, g), R = e(), B = h ?? R, V = _(), se = `${V}listbox`, ce = `${V}input`, [U, W] = S(o), [G, K] = S(s), [q] = S(s), [le, ue] = S(i), [J, de] = S(r), [Y, fe] = S(null), [X, Z] = S(null), [pe, me] = S(null), [he, ge] = S(!1), _e = N.disabled ?? F?.disabled ?? P.disabled, ve = N.readOnly ?? F?.readOnly ?? P.readOnly, ye = N.max ?? P.max, be = N.allowDuplicates ?? P.allowDuplicates, xe = (A ?? U) && !_e, Se = re ?? G, Ce = d ?? le, we = u === void 0 ? J : u, Te = x(xe);
+	xe && (Te.current = !0);
+	let Ee = x("none"), De = x(/* @__PURE__ */ new Map()), [Oe, ke] = S(0), Ae = b(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of oe(m)) e.set(t.value, t.label);
+		for (let t of oe(p)) e.set(t.value, t.label);
 		return e;
-	}, [m]), je = p((e, t) => {
+	}, [p]), je = m((e, t) => {
 		De.current.get(e) !== t && (De.current.set(e, t), ke((e) => e + 1));
-	}, []), Me = p((e) => Ae.get(e) ?? De.current.get(e), [Ae, Oe]), Ne = p((e) => `${H}option-${encodeURIComponent(e)}`, [H]), Pe = Ce, Fe = y(() => A({ locale: B }), [B]), Ie = p((e) => Pe === "" || c === null ? !0 : c === void 0 ? Fe.contains(e, Pe) : c(e, Pe), [
+	}, []), Me = m((e) => Ae.get(e) ?? De.current.get(e), [Ae, Oe]), Ne = m((e) => `${V}option-${encodeURIComponent(e)}`, [V]), Pe = Ce, Fe = b(() => ie({ locale: B }), [B]), Ie = m((e) => Pe === "" || c === null ? !0 : c === void 0 ? Fe.contains(e, Pe) : c(e, Pe), [
 		Fe,
 		c,
 		Pe
-	]), Le = p((e) => {
-		e !== "" && ae(J?.ownerDocument).announce(e, { repeat: !0 });
-	}, [J]), Q = b({
-		allowDuplicates: xe,
+	]), Le = m((e) => {
+		e !== "" && M(Y?.ownerDocument).announce(e, { repeat: !0 });
+	}, [Y]), Q = x({
+		allowDuplicates: be,
 		announcer: Le,
 		collator: Fe,
 		currentHighlighted: we,
 		currentInput: Ce,
-		currentOpen: Z,
+		currentOpen: xe,
 		currentValue: Se,
 		highlightedValue: u,
-		inputNode: J,
-		inputValue: f,
+		inputNode: Y,
+		inputValue: d,
 		labelFor: Me,
-		max: X,
-		onHighlightedValueChange: w,
+		max: ye,
+		onHighlightedValueChange: C,
 		onInputValueChange: T,
-		onOpenChange: E,
-		onValueChange: D,
-		onValueRefuse: te,
-		open: O,
-		t: L,
-		validateValue: k,
-		value: j
+		onOpenChange: D,
+		onValueChange: ee,
+		onValueRefuse: k,
+		open: A,
+		t: I,
+		validateValue: ne,
+		value: re
 	});
 	Q.current = {
-		allowDuplicates: xe,
+		allowDuplicates: be,
 		announcer: Le,
 		collator: Fe,
 		currentHighlighted: we,
 		currentInput: Ce,
-		currentOpen: Z,
+		currentOpen: xe,
 		currentValue: Se,
 		highlightedValue: u,
-		inputNode: J,
-		inputValue: f,
+		inputNode: Y,
+		inputValue: d,
 		labelFor: Me,
-		max: X,
-		onHighlightedValueChange: w,
+		max: ye,
+		onHighlightedValueChange: C,
 		onInputValueChange: T,
-		onOpenChange: E,
-		onValueChange: D,
-		onValueRefuse: te,
-		open: O,
-		t: L,
-		validateValue: k,
-		value: j
+		onOpenChange: D,
+		onValueChange: ee,
+		onValueRefuse: k,
+		open: A,
+		t: I,
+		validateValue: ne,
+		value: re
 	};
-	let Re = p((e, t, n) => {
+	let Re = m((e, t, n) => {
 		let r = Q.current;
-		e !== r.currentOpen && d({
+		e !== r.currentOpen && f({
 			controlled: r.open,
 			initial: r.currentOpen,
 			onRequest: (e) => r.onOpenChange?.(e.value, e)
-		}).request(e, t, n) && (ce(e), e || (fe(null), Ee.current = "none"));
-	}, []), ze = p((e, t, n) => {
+		}).request(e, t, n) && (W(e), e || (de(null), Ee.current = "none"));
+	}, []), ze = m((e, t, n) => {
 		let r = Q.current;
-		e !== r.currentHighlighted && d({
+		e !== r.currentHighlighted && f({
 			controlled: r.highlightedValue,
 			initial: r.currentHighlighted,
 			onRequest: (e) => r.onHighlightedValueChange?.(e.value, e)
-		}).request(e, t, n) && fe(e);
-	}, []), Be = p((e, t, n) => {
+		}).request(e, t, n) && de(e);
+	}, []), Be = m((e, t, n) => {
 		let r = Q.current;
-		e !== r.currentInput && d({
+		e !== r.currentInput && f({
 			controlled: r.inputValue,
 			initial: r.currentInput,
 			onRequest: (e) => r.onInputValueChange?.(e.value, e)
-		}).request(e, t, n) && q(e);
-	}, []), $ = p((e, t, n) => {
+		}).request(e, t, n) && ue(e);
+	}, []), $ = m((e, t, n) => {
 		let r = Q.current;
-		return V(e, r.currentValue) || !d({
+		return H(e, r.currentValue) || !f({
 			controlled: r.value,
 			initial: r.currentValue,
 			onRequest: (e) => r.onValueChange?.(e.value, e)
 		}).request(e, t, n) ? !1 : (K(e), !0);
-	}, []), Ve = p((e, t) => {
+	}, []), Ve = m((e, t) => {
 		let n = Q.current, r = [...t], i = {
 			duplicate: [],
 			limit: [],
@@ -247,7 +248,7 @@ function H({ children: e, defaultHighlightedValue: t = null, defaultInputValue:
 			next: r,
 			refused: i
 		};
-	}, []), He = p((e, t, n) => {
+	}, []), He = m((e, t, n) => {
 		let r = Q.current;
 		for (let t of [
 			"duplicate",
@@ -257,18 +258,18 @@ function H({ children: e, defaultHighlightedValue: t = null, defaultInputValue:
 			cause: t,
 			source: n
 		});
-		t !== null && ge(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 = p((e, t, n) => {
+	}, []), Ue = m((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 = p((e, t, n) => {
+	]), We = m((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);
@@ -281,24 +282,24 @@ function H({ children: e, defaultHighlightedValue: t = null, defaultInputValue:
 		$,
 		Ve,
 		He
-	]), Ge = p((e, t) => {
+	]), Ge = m((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 = p((e, t, n) => {
+	}, [$]), Ke = m((e, t, n) => {
 		if (Q.current.currentValue.includes(e)) {
 			Ge(e, n);
 			return;
 		}
 		Ue([e], t, n);
-	}, [Ue, Ge]), qe = p((e) => {
+	}, [Ue, Ge]), qe = m((e) => {
 		$([], "clear", e), Be("", "clear", e);
-	}, [$, Be]), Je = p((e) => {
-		$(le, "programmatic", e), Be("", "programmatic", e);
+	}, [$, Be]), Je = m((e) => {
+		$(q, "programmatic", e), Be("", "programmatic", e);
 	}, [
 		$,
-		le,
+		q,
 		Be
-	]), Ye = p((e, t, n) => {
+	]), Ye = m((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);
@@ -306,18 +307,18 @@ function H({ 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}`);
 	}, [$]);
-	_(ne, () => ({
+	v(j, () => ({
 		close: () => Re(!1, "programmatic"),
 		focus: () => Q.current.inputNode?.focus({ preventScroll: !0 }),
 		open: () => Re(!0, "programmatic"),
 		scrollToKey: (e) => {
-			let t = Y?.querySelector(`[data-part='item'][data-value="${CSS.escape(e)}"]`);
-			t != null && Y !== null && M(t, Y);
+			let t = X?.querySelector(`[data-part='item'][data-value="${CSS.escape(e)}"]`);
+			t != null && X !== null && ae(t, X);
 		},
 		setValue: (e, t = "programmatic") => $([...e], t)
 	}), [
 		$,
-		Y,
+		X,
 		Re
 	]);
 	let Xe = {
@@ -335,22 +336,22 @@ function H({ children: e, defaultHighlightedValue: t = null, defaultInputValue:
 		collisionPadding: N.collisionPadding ?? P.collisionPadding,
 		commitOnBlur: N.commitOnBlur ?? P.commitOnBlur,
 		contentId: se,
-		contentNode: Y,
+		contentNode: X,
 		creatable: N.creatable ?? P.creatable,
 		delimiters: N.delimiters ?? P.delimiters,
-		disabled: ye,
-		duplicate: he,
+		disabled: _e,
+		duplicate: pe,
 		editable: N.editable ?? P.editable,
 		entry: Ee,
 		flip: N.flip ?? P.flip,
 		form: l,
-		full: X !== null && Se.length >= X,
+		full: ye !== null && Se.length >= ye,
 		fullWidth: N.fullWidth ?? P.fullWidth,
 		hideWhenDetached: N.hideWhenDetached ?? P.hideWhenDetached,
 		highlighted: we,
 		highlightMatch: N.highlightMatch ?? P.highlightMatch,
-		inputId: U,
-		inputNode: J,
+		inputId: ce,
+		inputNode: Y,
 		inputValue: Ce,
 		invalid: N.invalid ?? F?.invalid ?? P.invalid,
 		labelFor: Me,
@@ -358,19 +359,19 @@ function H({ children: e, defaultHighlightedValue: t = null, defaultInputValue:
 		locale: B,
 		loop: N.loop ?? P.loop,
 		matches: Ie,
-		max: X,
+		max: ye,
 		mount: N.mount ?? P.mount,
 		move: Ye,
-		name: S,
-		narrow: _e,
-		onLoadMore: ee,
-		open: Z,
+		name: y,
+		narrow: he,
+		onLoadMore: E,
+		open: xe,
 		openOn: N.openOn ?? P.openOn,
 		optionId: Ne,
 		overflow: N.overflow ?? P.overflow,
 		portal: N.portal ?? P.portal,
 		query: Pe,
-		readOnly: be,
+		readOnly: ve,
 		registerLabel: je,
 		remove: Ge,
 		replace: We,
@@ -378,12 +379,12 @@ function H({ children: e, defaultHighlightedValue: t = null, defaultInputValue:
 		reorderable: N.reorderable ?? P.reorderable,
 		required: N.required ?? F?.required ?? P.required,
 		seen: Te.current,
-		setContentNode: me,
-		setDuplicate: ge,
+		setContentNode: Z,
+		setDuplicate: me,
 		setHighlighted: ze,
-		setInputNode: pe,
+		setInputNode: fe,
 		setInputValue: Be,
-		setNarrow: ve,
+		setNarrow: ge,
 		setOpen: Re,
 		shift: N.shift ?? P.shift,
 		side: N.side ?? P.side,
@@ -391,32 +392,32 @@ function H({ children: e, defaultHighlightedValue: t = null, defaultInputValue:
 		size: N.size ?? F?.size ?? P.size,
 		strategy: N.strategy ?? P.strategy,
 		toggle: Ke,
-		t: L,
-		total: re,
+		t: I,
+		total: te,
 		value: Se,
 		variant: N.variant ?? P.variant,
 		width: N.width ?? P.width
 	};
-	return /* @__PURE__ */ C(R.Provider, {
+	return /* @__PURE__ */ w(z.Provider, {
 		value: Xe,
-		children: e
+		children: n
 	});
 }
 //#endregion
 //#region src/multi-select/multi-select-collection.ts
-var se = "[data-part='item']";
+var ce = "[data-part='item']";
 function U(e) {
-	return e === null ? [] : [...e.querySelectorAll(se)];
+	return e === null ? [] : [...e.querySelectorAll(ce)];
 }
-var W = (e) => e.dataset.value ?? "", ce = (e) => e.dataset.disabled === void 0 && e.getAttribute("aria-disabled") !== "true";
-function G(e, t) {
+var W = (e) => e.dataset.value ?? "", G = (e) => e.dataset.disabled === void 0 && e.getAttribute("aria-disabled") !== "true";
+function K(e, t) {
 	return e !== null && e.querySelector(`[data-part='item'][data-value="${CSS.escape(t)}"]`)?.hasAttribute("data-create") === !0;
 }
-function K(e, t, n, r) {
+function q(e, t, n, r) {
 	let i = U(e);
 	if (i.length === 0) return null;
-	let a = j({
-		enabled: i.map(ce),
+	let a = N({
+		enabled: i.map(G),
 		from: t === null ? -1 : i.findIndex((e) => W(e) === t),
 		intent: n,
 		loop: r
@@ -424,71 +425,71 @@ function K(e, t, n, r) {
 	return a === -1 ? null : W(i[a]);
 }
 function le(e, t, n) {
-	return t === "none" ? null : K(e, null, t, n);
+	return t === "none" ? null : q(e, null, t, n);
 }
 function ue(e, t) {
 	if (e === null || t === null) return;
 	let n = U(e).find((e) => W(e) === t);
-	n !== void 0 && M(n, e);
+	n !== void 0 && ae(n, e);
 }
-var q = "[data-part='chips'] > [role='gridcell']:not([data-part='field'])";
+var J = "[data-part='chips'] > [role='gridcell']:not([data-part='field'])";
 //#endregion
 //#region src/multi-select/multi-select-chips.tsx
 function de(e, t) {
 	return e || t;
 }
-function fe({ count: n, index: r, label: i, value: a }) {
-	let o = z(), [s, c] = x(null), l = b(null), u = de(o.readOnly, o.disabled);
-	h(() => {
+function Y({ count: e, index: t, label: i, value: a }) {
+	let o = B(), [s, c] = S(null), l = x(null), u = de(o.readOnly, o.disabled);
+	g(() => {
 		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 = (e) => {
-		if (!e.defaultPrevented) {
-			switch (e.key) {
+	}, f = (n) => {
+		if (!n.defaultPrevented) {
+			switch (n.key) {
 				case "Delete":
 				case "Backspace":
 					if (u) return;
-					e.preventDefault(), o.remove(a, e.nativeEvent);
+					n.preventDefault(), o.remove(a, n.nativeEvent);
 					return;
 				case "Enter":
 					if (u || !o.editable) return;
-					e.preventDefault(), c(i);
+					n.preventDefault(), c(i);
 					return;
 				case "Escape":
-					e.preventDefault(), o.inputNode?.focus({ preventScroll: !0 });
+					n.preventDefault(), o.inputNode?.focus({ preventScroll: !0 });
 					return;
 			}
-			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);
+			if (o.reorderable && n.altKey && !u) {
+				let r = l.current?.ownerDocument.defaultView?.getComputedStyle(l.current).direction === "rtl", i = r ? "ArrowLeft" : "ArrowRight", a = r ? "ArrowRight" : "ArrowLeft";
+				if (n.key === i) {
+					n.preventDefault(), o.move(t, t + 1, n.nativeEvent);
 					return;
 				}
-				if (e.key === a) {
-					e.preventDefault(), o.move(r, r - 1, e.nativeEvent);
+				if (n.key === a) {
+					n.preventDefault(), o.move(t, t - 1, n.nativeEvent);
 					return;
 				}
-				if (e.key === "Home") {
-					e.preventDefault(), o.move(r, 0, e.nativeEvent);
+				if (n.key === "Home") {
+					n.preventDefault(), o.move(t, 0, n.nativeEvent);
 					return;
 				}
-				if (e.key === "End") {
-					e.preventDefault(), o.move(r, n - 1, e.nativeEvent);
+				if (n.key === "End") {
+					n.preventDefault(), o.move(t, e - 1, n.nativeEvent);
 					return;
 				}
 			}
-			e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && o.inputNode?.focus({ preventScroll: !0 });
+			n.key.length === 1 && !n.ctrlKey && !n.metaKey && !n.altKey && o.inputNode?.focus({ preventScroll: !0 });
 		}
 	}, p = (e) => {
 		e.stopPropagation(), o.remove(a, e.nativeEvent);
 	};
-	return s === null ? /* @__PURE__ */ w("span", {
+	return s === null ? /* @__PURE__ */ T("span", {
 		"aria-label": o.reorderable ? o.t("reorder", {
 			label: i,
-			position: r + 1,
-			count: n
+			position: t + 1,
+			count: e
 		}) : void 0,
 		"data-part": "root",
 		"data-part-root": "",
@@ -502,24 +503,24 @@ function fe({ count: n, index: r, label: i, value: a }) {
 		role: "gridcell",
 		tabIndex: -1,
 		...u ? { "data-disabled": "" } : {},
-		children: [/* @__PURE__ */ C("span", {
+		children: [/* @__PURE__ */ w("span", {
 			"data-part": "body",
 			"data-part-body": "",
-			children: /* @__PURE__ */ C("span", {
+			children: /* @__PURE__ */ w("span", {
 				"data-part": "label",
 				"data-part-label": "",
 				children: i
 			})
-		}), u ? null : /* @__PURE__ */ C("button", {
+		}), u ? null : /* @__PURE__ */ w("button", {
 			"aria-label": o.t("remove", { label: i }),
 			"data-part": "remove",
 			"data-part-remove": "",
 			onClick: p,
 			tabIndex: -1,
 			type: "button",
-			children: /* @__PURE__ */ C(t, { children: /* @__PURE__ */ C(e, { name: "x" }) })
+			children: /* @__PURE__ */ w(r, { children: /* @__PURE__ */ w(n, { name: "x" }) })
 		})]
-	}) : /* @__PURE__ */ C("span", {
+	}) : /* @__PURE__ */ w("span", {
 		"data-part": "root",
 		"data-part-root": "",
 		"data-size": "sm",
@@ -529,10 +530,10 @@ function fe({ count: n, index: r, label: i, value: a }) {
 		"data-variant": "soft",
 		ref: l,
 		role: "gridcell",
-		children: /* @__PURE__ */ C("span", {
+		children: /* @__PURE__ */ w("span", {
 			"data-part": "body",
 			"data-part-body": "",
-			children: /* @__PURE__ */ C("input", {
+			children: /* @__PURE__ */ w("input", {
 				"aria-label": i,
 				autoFocus: !0,
 				onBlur: (e) => d(e.currentTarget.value, e.nativeEvent),
@@ -547,13 +548,13 @@ function fe({ count: n, index: r, label: i, value: a }) {
 		})
 	});
 }
-function J({ children: e }) {
-	let t = z(), n = b(null), r = b(null), i = b(null), [a, o] = x(0), s = t.overflow === "collapse";
-	return h(() => {
+function fe({ children: e }) {
+	let t = B(), n = x(null), r = x(null), i = x(null), [a, o] = S(0), s = t.overflow === "collapse";
+	return g(() => {
 		let e = n.current;
 		if (e === null) return;
-		let t = l(e, {
-			itemSelector: `${q}, [data-part='field'] > [data-part='input']`,
+		let t = u(e, {
+			itemSelector: `${J}, [data-part='field'] > [data-part='input']`,
 			loop: !1,
 			ownedKeys: (e) => e instanceof HTMLInputElement && e.value !== "" ? [
 				"ArrowLeft",
@@ -563,44 +564,44 @@ function J({ children: e }) {
 			] : []
 		});
 		return () => t.destroy();
-	}, []), h(() => {
+	}, []), g(() => {
 		let e = n.current;
 		if (e === null) return;
-		let r = u(e, {
+		let r = d(e, {
 			fallback: () => t.inputNode,
-			itemSelector: q
+			itemSelector: J
 		});
 		return () => r.destroy();
-	}, [t.inputNode]), h(() => {
+	}, [t.inputNode]), g(() => {
 		let e = n.current;
 		if (e === null || !s) {
 			o(0);
 			return;
 		}
-		let t = T(e, {
+		let t = E(e, {
 			collapsible: () => !0,
 			onChange: (e) => o(e.length),
 			trigger: () => r.current,
-			units: () => [...e.querySelectorAll(q)].filter((e) => !e.hasAttribute("data-count"))
+			units: () => [...e.querySelectorAll(J)].filter((e) => !e.hasAttribute("data-count"))
 		});
 		return i.current = t, () => {
 			t.destroy(), i.current = null, o(0);
 		};
-	}, [s]), v(() => {
+	}, [s]), y(() => {
 		i.current?.refresh();
-	}, [t.value]), /* @__PURE__ */ w("div", {
+	}, [t.value]), /* @__PURE__ */ T("div", {
 		"data-part": "chips",
 		"data-part-chips": "",
 		ref: n,
 		role: "row",
 		children: [
-			t.value.map((e, n) => /* @__PURE__ */ C(fe, {
+			t.value.map((e, n) => /* @__PURE__ */ w(Y, {
 				count: t.value.length,
 				index: n,
 				label: t.labelFor(e) ?? e,
 				value: e
 			}, e)),
-			s ? /* @__PURE__ */ C("span", {
+			s ? /* @__PURE__ */ w("span", {
 				"data-count": "",
 				"data-part": "root",
 				"data-part-root": "",
@@ -613,10 +614,10 @@ function J({ children: e }) {
 				ref: r,
 				role: "gridcell",
 				tabIndex: -1,
-				children: /* @__PURE__ */ C("span", {
+				children: /* @__PURE__ */ w("span", {
 					"data-part": "body",
 					"data-part-body": "",
-					children: /* @__PURE__ */ C("span", {
+					children: /* @__PURE__ */ w("span", {
 						"data-part": "label",
 						"data-part-label": "",
 						children: `+${Math.max(a, 1)}`
@@ -629,234 +630,235 @@ function J({ children: e }) {
 }
 //#endregion
 //#region src/multi-select/multi-select-parts.tsx
-var pe = 120;
-function Y(e, t) {
+var X = 120;
+function Z(e, t) {
 	return (n) => {
 		e?.(n), n.defaultPrevented || t(n);
 	};
 }
-function me(e, ...t) {
+function pe(e, ...t) {
 	for (let n of t) typeof n == "function" ? n(e) : n != null && (n.current = e);
 }
-function he({ ref: n, render: r, ...a }) {
-	let o = z(), l = i(), [u, d] = x(null), f = b(null);
-	h(() => {
-		o.setInputNode(u);
-	}, [o, u]);
-	let m = o.setNarrow;
-	h(() => {
-		let e = f.current;
+function me({ ref: e, render: t, ...o }) {
+	let s = B(), u = a(), [d, f] = S(null), p = x(null);
+	g(() => {
+		s.setInputNode(d);
+	}, [s, d]);
+	let h = s.setNarrow;
+	g(() => {
+		let e = p.current;
 		if (e === null) return;
-		let t = k(e, {
+		let t = re(e, {
 			at: 120,
-			onChange: m
+			onChange: h
 		});
 		return () => t.destroy();
-	}, [m]);
-	let { form: g, restore: _ } = o;
-	h(() => {
-		if (u === null) return;
-		let e = g === void 0 ? u.form : u.ownerDocument.getElementById(g);
+	}, [h]);
+	let { form: _, restore: v } = s;
+	g(() => {
+		if (d === null) return;
+		let e = _ === void 0 ? d.form : d.ownerDocument.getElementById(_);
 		if (!(e instanceof HTMLFormElement)) return;
-		let t = (e) => _(e);
+		let t = (e) => v(e);
 		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
 	}, [
-		g,
-		u,
-		_
+		_,
+		d,
+		v
 	]);
-	let v = (e, t) => {
-		if (o.contentNode === null) {
-			o.entry.current = e === "previous" || e === "pageUp" ? "last" : "first";
+	let y = (e, t) => {
+		if (s.contentNode === null) {
+			s.entry.current = e === "previous" || e === "pageUp" ? "last" : "first";
 			return;
 		}
-		let n = K(o.contentNode, o.highlighted, e, o.loop);
-		n !== null && o.setHighlighted(n, "keyboard", t);
-	}, y = (e) => {
-		let t = o.delimiters;
+		let n = q(s.contentNode, s.highlighted, e, s.loop);
+		n !== null && s.setHighlighted(n, "keyboard", t);
+	}, b = (e) => {
+		let t = s.delimiters;
 		if (t.length === 0) return [e];
 		let n = RegExp(`[${t.map((e) => e.replace(/[.*+?^${}()|[\]\\-]/g, "\\$&")).join("")}]`);
 		return e.split(n);
-	}, T = (e) => {
-		if (!o.creatable) return !1;
-		let t = o.inputValue;
-		return t.trim() !== "" && (o.admit(y(t), "submit", e), o.setInputValue("", "submit", e), !0);
-	}, ee = (e) => {
-		let t = o.highlighted;
-		return t === null ? !1 : G(o.contentNode, t) ? (T(e), !0) : (o.toggle(t, "select", e), o.setInputValue("", "select", e), o.closeOnSelect && o.setOpen(!1, "select", e), !0);
-	}, E = (e, t) => {
-		o.entry.current = e, o.setOpen(!0, "keyboard", t);
+	}, E = (e) => {
+		if (!s.creatable) return !1;
+		let t = s.inputValue;
+		return t.trim() !== "" && (s.admit(b(t), "submit", e), s.setInputValue("", "submit", e), !0);
 	}, D = (e) => {
-		if (o.disabled) return;
+		let t = s.highlighted;
+		return t === null ? !1 : K(s.contentNode, t) ? (E(e), !0) : (s.toggle(t, "select", e), s.setInputValue("", "select", e), s.closeOnSelect && s.setOpen(!1, "select", e), !0);
+	}, O = (e, t) => {
+		s.entry.current = e, s.setOpen(!0, "keyboard", t);
+	}, ee = (e) => {
+		if (s.disabled) return;
 		let t = e.altKey;
-		if (o.delimiters.includes(e.key) && !t) {
-			e.preventDefault(), T(e.nativeEvent);
+		if (s.delimiters.includes(e.key) && !t) {
+			e.preventDefault(), E(e.nativeEvent);
 			return;
 		}
 		switch (e.key) {
 			case "ArrowDown":
-				if (o.readOnly) return;
-				e.preventDefault(), o.open ? t || v("next", e.nativeEvent) : E(t ? "none" : "first", e.nativeEvent);
+				if (s.readOnly) return;
+				e.preventDefault(), s.open ? t || y("next", e.nativeEvent) : O(t ? "none" : "first", e.nativeEvent);
 				return;
 			case "ArrowUp":
-				if (o.readOnly) return;
-				e.preventDefault(), t ? o.setOpen(!1, "keyboard", e.nativeEvent) : o.open ? v("previous", e.nativeEvent) : E("last", e.nativeEvent);
+				if (s.readOnly) return;
+				e.preventDefault(), t ? s.setOpen(!1, "keyboard", e.nativeEvent) : s.open ? y("previous", e.nativeEvent) : O("last", e.nativeEvent);
 				return;
 			case "PageDown":
-				if (!o.open) return;
-				e.preventDefault(), v("pageDown", e.nativeEvent);
+				if (!s.open) return;
+				e.preventDefault(), y("pageDown", e.nativeEvent);
 				return;
 			case "PageUp":
-				if (!o.open) return;
-				e.preventDefault(), v("pageUp", e.nativeEvent);
+				if (!s.open) return;
+				e.preventDefault(), y("pageUp", e.nativeEvent);
 				return;
 			case "Enter":
-				if (ee(e.nativeEvent)) {
+				if (D(e.nativeEvent)) {
 					e.preventDefault();
 					return;
 				}
-				T(e.nativeEvent) && e.preventDefault();
+				E(e.nativeEvent) && e.preventDefault();
 				return;
 			case "Escape":
-				if (o.open) {
-					e.preventDefault(), o.setOpen(!1, "escape", e.nativeEvent);
+				if (s.open) {
+					e.preventDefault(), s.setOpen(!1, "escape", e.nativeEvent);
 					return;
 				}
-				if (o.inputValue === "") return;
-				e.preventDefault(), o.setInputValue("", "clear", e.nativeEvent);
+				if (s.inputValue === "") return;
+				e.preventDefault(), s.setInputValue("", "clear", e.nativeEvent);
 				return;
 			case "Backspace": {
-				if (o.inputValue !== "" || e.currentTarget.selectionStart !== 0 || o.readOnly || o.value.length === 0) return;
-				let t = f.current?.querySelectorAll("[data-part='chips'] > [role='gridcell']:not([data-part='field'])"), n = t === void 0 ? void 0 : t[t.length - 1];
+				if (s.inputValue !== "" || e.currentTarget.selectionStart !== 0 || s.readOnly || s.value.length === 0) return;
+				let t = p.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;
 			}
 			case "Tab":
-				o.open && o.setOpen(!1, "dismiss", e.nativeEvent);
+				s.open && s.setOpen(!1, "dismiss", e.nativeEvent);
 				return;
 		}
-	}, te = (e) => {
+	}, k = (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));
-	}, ne = () => {
-		o.openOn !== "focus" || o.open || o.disabled || o.readOnly || (o.entry.current = "none", o.setOpen(!0, "keyboard"));
-	}, re = (e) => {
-		o.openOn === "manual" || o.open || o.disabled || o.readOnly || (o.entry.current = "none", o.setOpen(!0, "pointer", e.nativeEvent));
-	}, ie = (e) => {
-		if (!o.addOnPaste || !o.creatable || o.readOnly) return;
-		let t = e.clipboardData.getData("text"), n = y(t).filter((e) => e.trim() !== "");
-		n.length < 2 || (e.preventDefault(), o.admit(n, "submit", e.nativeEvent), o.setInputValue("", "submit", e.nativeEvent));
-	}, ae = (e) => {
+		s.setInputValue(t, "keyboard", e.nativeEvent), s.openOn !== "manual" && !s.open && !s.readOnly && t !== "" && (s.entry.current = "none", s.setOpen(!0, "keyboard", e.nativeEvent));
+	}, A = () => {
+		s.openOn !== "focus" || s.open || s.disabled || s.readOnly || (s.entry.current = "none", s.setOpen(!0, "keyboard"));
+	}, te = (e) => {
+		s.openOn === "manual" || s.open || s.disabled || s.readOnly || (s.entry.current = "none", s.setOpen(!0, "pointer", e.nativeEvent));
+	}, ne = (e) => {
+		if (!s.addOnPaste || !s.creatable || s.readOnly) return;
+		let t = e.clipboardData.getData("text"), n = b(t).filter((e) => e.trim() !== "");
+		n.length < 2 || (e.preventDefault(), s.admit(n, "submit", e.nativeEvent), s.setInputValue("", "submit", e.nativeEvent));
+	}, M = (e) => {
 		let t = e.relatedTarget;
-		if (t instanceof Node && o.contentNode?.contains(t) === !0 || t instanceof Node && f.current?.contains(t) === !0) return;
-		let n = O(u?.ownerDocument);
-		n instanceof Node && o.contentNode?.contains(n) === !0 || (o.commitOnBlur && T(e), o.open && o.setOpen(!1, "blur"));
-	}, A = (e) => {
-		o.clear(e.nativeEvent), u?.focus({ preventScroll: !0 });
-	}, j = (e) => {
-		o.disabled || o.readOnly || (o.entry.current = "none", o.setOpen(!o.open, "pointer", e.nativeEvent), u?.focus({ preventScroll: !0 }));
-	}, M = p((e) => {
-		d(e), me(e, n);
-	}, [n]), N = [a["aria-describedby"], l?.describedBy].filter(Boolean).join(" "), P = o.clearable && (o.value.length > 0 || o.inputValue !== "") && !o.disabled && !o.readOnly, F = 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
-	}), I = {
-		ref: f,
-		"data-overflow": o.overflow,
+		if (t instanceof Node && s.contentNode?.contains(t) === !0 || t instanceof Node && p.current?.contains(t) === !0) return;
+		let n = j(d?.ownerDocument);
+		n instanceof Node && s.contentNode?.contains(n) === !0 || (s.commitOnBlur && E(e), s.open && s.setOpen(!1, "blur"));
+	}, ie = (e) => {
+		s.clear(e.nativeEvent), d?.focus({ preventScroll: !0 });
+	}, N = (e) => {
+		s.disabled || s.readOnly || (s.entry.current = "none", s.setOpen(!s.open, "pointer", e.nativeEvent), d?.focus({ preventScroll: !0 }));
+	}, ae = m((t) => {
+		f(t), pe(t, e);
+	}, [e]), P = [o["aria-describedby"], u?.describedBy].filter(Boolean).join(" "), F = s.clearable && (s.value.length > 0 || s.inputValue !== "") && !s.disabled && !s.readOnly, I = s.max === null ? s.narrow && s.value.length > 0 ? s.t("chosen", { count: s.value.length }) : null : s.t("counter", {
+		count: s.value.length,
+		max: s.max
+	}), L = {
+		ref: p,
+		"data-overflow": s.overflow,
 		"data-part": "root",
-		...s("part", "root"),
-		"data-size": o.size,
+		...c("part", "root"),
+		"data-size": s.size,
 		"data-ui": "multi-select",
-		...s("ui", "multi-select"),
-		"data-variant": o.variant,
-		...o.fullWidth ? { "data-full-width": "" } : {},
-		...o.open ? { "data-open": "" } : {},
-		...o.disabled ? { "data-disabled": "" } : {},
-		...o.readOnly ? { "data-readonly": "" } : {},
-		...o.invalid ? { "data-invalid": "" } : {},
-		...o.required ? { "data-required": "" } : {},
-		...o.loading ? { "data-loading": "" } : {},
-		...o.full ? { "data-complete": "" } : {},
-		...o.narrow ? { "data-narrow": "" } : {}
-	}, L = o.t("chosen", { count: o.value.length }), R = `${a.id ?? l?.ids.control ?? o.inputId}-chosen`, B = a["aria-labelledby"] ?? l?.ids.label, oe = a["aria-label"] === void 0 ? B === void 0 ? { "aria-label": L } : { "aria-labelledby": `${B} ${R}` } : { "aria-label": `${a["aria-label"]}, ${L}` }, V = /* @__PURE__ */ w(S, { children: [
-		/* @__PURE__ */ C("span", {
+		...c("ui", "multi-select"),
+		"data-variant": s.variant,
+		...s.fullWidth ? { "data-full-width": "" } : {},
+		...s.open ? { "data-open": "" } : {},
+		...s.disabled ? { "data-disabled": "" } : {},
+		...s.readOnly ? { "data-readonly": "" } : {},
+		...s.invalid ? { "data-invalid": "" } : {},
+		...s.required ? { "data-required": "" } : {},
+		...s.loading ? { "data-loading": "" } : {},
+		...s.full ? { "data-complete": "" } : {},
+		...s.narrow ? { "data-narrow": "" } : {}
+	}, R = s.t("chosen", { count: s.value.length }), z = `${o.id ?? u?.ids.control ?? s.inputId}-chosen`, V = o["aria-labelledby"] ?? u?.ids.label, oe = o["aria-label"] === void 0 ? V === void 0 ? { "aria-label": R } : { "aria-labelledby": `${V} ${z}` } : { "aria-label": `${o["aria-label"]}, ${R}` }, H = /* @__PURE__ */ T(C, { children: [
+		/* @__PURE__ */ w("span", {
 			hidden: !0,
-			id: R,
-			children: L
+			id: z,
+			children: R
 		}),
-		/* @__PURE__ */ C("div", {
-			...c(oe, "part", "control"),
+		/* @__PURE__ */ w("div", {
+			...l(oe, "part", "control"),
 			role: "grid",
-			children: /* @__PURE__ */ C(J, { children: /* @__PURE__ */ C("span", {
+			children: /* @__PURE__ */ w(fe, { children: /* @__PURE__ */ w("span", {
 				"data-part": "field",
 				"data-part-field": "",
 				role: "gridcell",
-				children: /* @__PURE__ */ C("input", {
-					...c(a, "part", "input"),
-					"aria-activedescendant": o.open && o.highlighted !== null ? o.optionId(o.highlighted) : void 0,
+				children: /* @__PURE__ */ w("input", {
+					...l(o, "part", "input"),
+					"aria-activedescendant": s.open && s.highlighted !== null ? s.optionId(s.highlighted) : void 0,
 					"aria-autocomplete": "list",
-					"aria-controls": o.open ? o.contentId : void 0,
-					"aria-describedby": N === "" ? void 0 : N,
-					"aria-expanded": o.open,
-					"aria-invalid": o.invalid ? !0 : void 0,
-					"aria-readonly": o.readOnly ? !0 : void 0,
-					disabled: o.disabled,
-					id: a.id ?? l?.ids.control ?? o.inputId,
-					onBlur: Y(a.onBlur, ae),
-					onChange: Y(a.onChange, te),
-					onClick: Y(a.onClick, re),
-					onFocus: Y(a.onFocus, ne),
-					onKeyDown: Y(a.onKeyDown, D),
-					onPaste: Y(a.onPaste, ie),
-					placeholder: o.value.length === 0 ? a.placeholder : void 0,
-					readOnly: o.readOnly,
-					ref: M,
-					required: o.required && o.value.length === 0,
+					"aria-controls": s.open ? s.contentId : void 0,
+					"aria-describedby": P === "" ? void 0 : P,
+					"aria-expanded": s.open,
+					"aria-invalid": s.invalid ? !0 : void 0,
+					"aria-readonly": s.readOnly ? !0 : void 0,
+					disabled: s.disabled,
+					id: o.id ?? u?.ids.control ?? s.inputId,
+					onBlur: Z(o.onBlur, M),
+					onChange: Z(o.onChange, k),
+					onClick: Z(o.onClick, te),
+					onFocus: Z(o.onFocus, A),
+					onKeyDown: Z(o.onKeyDown, ee),
+					onPaste: Z(o.onPaste, ne),
+					placeholder: s.value.length === 0 ? o.placeholder : void 0,
+					readOnly: s.readOnly,
+					ref: ae,
+					required: s.required && s.value.length === 0,
 					role: "combobox",
 					type: "text",
-					value: o.inputValue
+					value: s.inputValue
 				})
 			}) })
 		}),
-		F === null ? null : /* @__PURE__ */ C("span", {
+		I === null ? null : /* @__PURE__ */ w("span", {
 			"aria-hidden": "true",
 			"data-part": "counter",
 			"data-part-counter": "",
-			children: F
+			children: I
 		}),
-		P ? /* @__PURE__ */ C("button", {
-			"aria-label": o.t("clear"),
+		F ? /* @__PURE__ */ w("button", {
+			"aria-label": s.t("clear"),
 			"data-part": "clear",
 			"data-part-clear": "",
-			onClick: A,
+			onClick: ie,
 			type: "button",
-			children: /* @__PURE__ */ C(t, { children: /* @__PURE__ */ C(e, { name: "x" }) })
+			children: /* @__PURE__ */ w(r, { children: /* @__PURE__ */ w(n, { name: "x" }) })
 		}) : null,
-		o.loading ? /* @__PURE__ */ C("span", {
+		s.loading ? /* @__PURE__ */ w("span", {
 			"aria-hidden": "true",
 			"data-part": "busy",
 			"data-part-busy": "",
 			"data-ui": "spinner",
-			"data-ui-spinner": ""
-		}) : /* @__PURE__ */ C("button", {
-			"aria-label": o.t("trigger"),
+			"data-ui-spinner": "",
+			children: i
+		}) : /* @__PURE__ */ w("button", {
+			"aria-label": s.t("trigger"),
 			"data-part": "trigger",
 			"data-part-trigger": "",
-			disabled: o.disabled,
-			onClick: j,
+			disabled: s.disabled,
+			onClick: N,
 			tabIndex: -1,
 			type: "button",
-			children: /* @__PURE__ */ C("span", {
+			children: /* @__PURE__ */ w("span", {
 				"data-part": "arrow",
 				"data-part-arrow": "",
-				children: /* @__PURE__ */ C(t, { children: /* @__PURE__ */ C(e, { name: "chevron-down" }) })
+				children: /* @__PURE__ */ w(r, { children: /* @__PURE__ */ w(n, { name: "chevron-down" }) })
 			})
 		}),
-		o.name === void 0 ? null : o.value.map((e) => /* @__PURE__ */ C("input", {
+		s.name === void 0 ? null : s.value.map((e) => /* @__PURE__ */ w("input", {
 			"aria-hidden": "true",
-			form: o.form,
-			name: o.name,
+			form: s.form,
+			name: s.name,
 			readOnly: !0,
 			style: {
 				border: 0,
@@ -874,75 +876,75 @@ function he({ ref: n, render: r, ...a }) {
 			value: e
 		}, e))
 	] });
-	return r === void 0 ? /* @__PURE__ */ C("div", {
-		...I,
-		children: V
-	}) : r({
-		...I,
-		children: V
+	return t === void 0 ? /* @__PURE__ */ w("div", {
+		...L,
+		children: H
+	}) : t({
+		...L,
+		children: H
 	});
 }
-function ge({ children: n, chosen: r = !0, empty: i, ref: a, render: s, status: l, ...u }) {
-	let d = z(), [f, m] = x(null), [g, _] = x(null), [y, S] = x(null), [T, D] = x("unmounted"), [O, ie] = x(!1), [k, ae] = x(0), A = b(null), j = b(null), M = b(d);
-	M.current = d, h(() => {
-		let e = ee({
-			present: M.current.open,
-			onStatusChange: D
+function he({ children: e, chosen: t = !0, empty: i, ref: a, render: o, status: c, ...u }) {
+	let d = B(), [f, p] = S(null), [h, _] = S(null), [v, b] = S(null), [C, E] = S("unmounted"), [O, k] = S(!1), [j, re] = S(0), M = x(null), ie = x(null), N = x(d);
+	N.current = d, g(() => {
+		let e = D({
+			present: N.current.open,
+			onStatusChange: E
 		});
-		return A.current = e, D(e.status), () => {
-			e.destroy(), A.current = null;
+		return M.current = e, E(e.status), () => {
+			e.destroy(), M.current = null;
 		};
-	}, []), h(() => A.current?.sync(d.open), [d.open]), h(() => A.current?.setNode(f), [f]), h(() => d.setContentNode(g), [d, g]);
-	let N = d.mount === "eager" || d.mount === "lazy" && d.seen || d.open || T !== "unmounted";
-	h(() => {
+	}, []), g(() => M.current?.sync(d.open), [d.open]), g(() => M.current?.setNode(f), [f]), g(() => d.setContentNode(h), [d, h]);
+	let ae = d.mount === "eager" || d.mount === "lazy" && d.seen || d.open || C !== "unmounted";
+	g(() => {
 		let e = d.inputNode;
 		if (e === null || O) return;
-		let t = () => ie(!0);
+		let t = () => k(!0);
 		return e.addEventListener("focusin", t), e.addEventListener("pointerdown", t), () => {
 			e.removeEventListener("focusin", t), e.removeEventListener("pointerdown", t);
 		};
 	}, [d.inputNode, O]);
-	let P = N || O;
-	v(() => {
+	let P = ae || O;
+	y(() => {
 		if (!P) {
-			S(null);
+			b(null);
 			return;
 		}
-		let e = E({
+		let e = ee({
 			origin: d.inputNode,
 			disabled: !d.portal
 		});
-		return S(e.container), () => e.release();
+		return b(e.container), () => e.release();
 	}, [
 		d.inputNode,
 		d.portal,
 		P
 	]);
-	let { align: F, alignOffset: I, collisionPadding: L, flip: R, hideWhenDetached: B, shift: oe, side: V, sideOffset: H, strategy: se, width: ce } = d, G = b(null), K = b(0), q = p((e, t) => {
+	let { align: F, alignOffset: I, collisionPadding: L, flip: R, hideWhenDetached: z, shift: V, side: oe, sideOffset: H, strategy: se, width: ce } = d, G = x(null), K = x(0), q = m((e, t) => {
 		e.update().then(() => {
-			if (G.current !== e || !M.current.open) return;
+			if (G.current !== e || !N.current.open) return;
 			t.setAttribute("data-open", "");
 			let n = t.ownerDocument.defaultView;
 			n !== null && K.current === 0 && (K.current = n.requestAnimationFrame(() => {
-				K.current = 0, ue(M.current.contentNode, M.current.highlighted);
+				K.current = 0, ue(N.current.contentNode, N.current.highlighted);
 			}));
 		});
 	}, []);
-	if (v(() => {
+	if (y(() => {
 		if (f === null || d.inputNode === null) return;
-		let e = d.inputNode.closest("[data-part='root']") ?? d.inputNode, t = ne(e, f, {
+		let e = d.inputNode.closest("[data-part='root']") ?? d.inputNode, t = te(e, f, {
 			align: F,
 			alignOffset: I,
 			boundaryPadding: L,
 			flip: R,
-			hideWhenDetached: B,
+			hideWhenDetached: z,
 			matchWidth: ce === "anchor",
-			shift: oe,
-			side: V,
+			shift: V,
+			side: oe,
 			sideOffset: H,
 			strategy: se
 		});
-		return G.current = t, M.current.open && q(t, f), () => {
+		return G.current = t, N.current.open && q(t, f), () => {
 			t.destroy(), G.current = null, f.removeAttribute("data-open");
 		};
 	}, [
@@ -950,16 +952,16 @@ function ge({ children: n, chosen: r = !0, empty: i, ref: a, render: s, status:
 		I,
 		L,
 		R,
-		B,
+		z,
 		f,
 		d.inputNode,
-		oe,
 		V,
+		oe,
 		H,
 		se,
 		ce,
 		q
-	]), v(() => {
+	]), y(() => {
 		let e = G.current;
 		if (e !== null && f !== null) {
 			if (d.open) {
@@ -972,9 +974,9 @@ function ge({ children: n, chosen: r = !0, empty: i, ref: a, render: s, status:
 		f,
 		q,
 		d.open
-	]), h(() => {
+	]), g(() => {
 		if (f === null || !d.open) return;
-		let e = [d.inputNode?.closest("[data-part='root']") ?? null].filter((e) => e !== null), t = te(f, {
+		let e = [d.inputNode?.closest("[data-part='root']") ?? null].filter((e) => e !== null), t = A(f, {
 			branches: e,
 			escape: d.closeOnEscape,
 			focusOutside: !1,
@@ -982,7 +984,7 @@ function ge({ children: n, chosen: r = !0, empty: i, ref: a, render: s, status:
 			outsidePress: d.closeOnOutsidePress,
 			scrollLock: !1,
 			onDismiss: (e) => {
-				M.current.setOpen(!1, e.reason === "escape" ? "escape" : "outsidePress", e.source);
+				N.current.setOpen(!1, e.reason === "escape" ? "escape" : "outsidePress", e.source);
 			}
 		});
 		return () => t.destroy();
@@ -992,31 +994,31 @@ function ge({ children: n, chosen: r = !0, empty: i, ref: a, render: s, status:
 		d.inputNode,
 		d.open,
 		f
-	]), v(() => {
-		let e = U(g).filter((e) => e.dataset.create === void 0).length;
-		ae((t) => t === e ? t : e);
-	}), v(() => {
-		let e = M.current;
-		if (e.open && g !== null) {
+	]), y(() => {
+		let e = U(h).filter((e) => e.dataset.create === void 0).length;
+		re((t) => t === e ? t : e);
+	}), y(() => {
+		let e = N.current;
+		if (e.open && h !== null) {
 			if (e.entry.current !== "none") {
-				let t = le(g, e.entry.current, e.loop);
+				let t = le(h, e.entry.current, e.loop);
 				e.entry.current = "none", t !== null && e.setHighlighted(t, "keyboard");
 				return;
 			}
-			e.highlighted !== null && (U(g).some((t) => W(t) === e.highlighted) || e.setHighlighted(null, "keyboard"));
+			e.highlighted !== null && (U(h).some((t) => W(t) === e.highlighted) || e.setHighlighted(null, "keyboard"));
 		}
 	}, [
 		d.open,
-		k,
-		g
-	]), h(() => {
-		f?.hasAttribute("data-open") === !0 && ue(g, d.highlighted);
+		j,
+		h
+	]), g(() => {
+		f?.hasAttribute("data-open") === !0 && ue(h, d.highlighted);
 	}, [
 		f,
 		d.highlighted,
-		g
-	]), h(() => {
-		let e = j.current, t = g, n = d.onLoadMore;
+		h
+	]), g(() => {
+		let e = ie.current, t = h, n = d.onLoadMore;
 		if (e === null || t === null || n === void 0 || typeof IntersectionObserver != "function") return;
 		let r = new IntersectionObserver((e) => {
 			e.some((e) => e.isIntersecting) && n();
@@ -1024,23 +1026,23 @@ function ge({ children: n, chosen: r = !0, empty: i, ref: a, render: s, status:
 		return r.observe(e), () => r.disconnect();
 	}, [
 		d.onLoadMore,
-		k,
-		g
-	]), !N) return null;
-	let de = o({
+		j,
+		h
+	]), !ae) return null;
+	let J = s({
 		"data-align": F,
 		...d.open ? {} : { inert: !0 },
 		"data-part": "positioner",
 		"data-size": d.size,
 		"data-ui": "multi-select",
 		"data-width": d.width
-	}), fe = l === void 0 ? d.loading ? d.t("loading") : k === 0 ? null : d.t("count", { count: k }) : l, J = !d.loading && k === 0 && d.creatable && !d.full && d.query.trim() !== "", pe = /* @__PURE__ */ C("div", {
-		...de,
+	}), de = c === void 0 ? d.loading ? d.t("loading") : j === 0 ? null : d.t("count", { count: j }) : c, Y = !d.loading && j === 0 && d.creatable && !d.full && d.query.trim() !== "", fe = /* @__PURE__ */ w("div", {
+		...J,
 		ref: (e) => {
-			m(e), me(e, a);
+			p(e), pe(e, a);
 		},
-		children: /* @__PURE__ */ w("div", {
-			...c(u, "part", "content"),
+		children: /* @__PURE__ */ T("div", {
+			...l(u, "part", "content"),
 			"aria-busy": d.loading ? !0 : void 0,
 			"aria-multiselectable": "true",
 			"data-loading": d.loading ? "" : void 0,
@@ -1048,20 +1050,20 @@ function ge({ children: n, chosen: r = !0, empty: i, ref: a, render: s, status:
 			ref: _,
 			role: "listbox",
 			children: [
-				r && d.value.length > 0 ? /* @__PURE__ */ C("div", {
+				t && d.value.length > 0 ? /* @__PURE__ */ w("div", {
 					"data-part": "chosen",
 					"data-part-chosen": "",
-					children: d.value.map((e) => /* @__PURE__ */ C("span", {
+					children: d.value.map((e) => /* @__PURE__ */ w("span", {
 						"data-part": "root",
 						"data-part-root": "",
 						"data-size": "sm",
 						"data-ui": "tag",
 						"data-ui-tag": "",
 						"data-variant": "soft",
-						children: /* @__PURE__ */ C("span", {
+						children: /* @__PURE__ */ w("span", {
 							"data-part": "body",
 							"data-part-body": "",
-							children: /* @__PURE__ */ C("span", {
+							children: /* @__PURE__ */ w("span", {
 								"data-part": "label",
 								"data-part-label": "",
 								children: d.labelFor(e) ?? e
@@ -1069,9 +1071,9 @@ function ge({ children: n, chosen: r = !0, empty: i, ref: a, render: s, status:
 						})
 					}, e))
 				}) : null,
-				n,
-				/* @__PURE__ */ C("div", { ref: j }),
-				J ? /* @__PURE__ */ w("div", {
+				e,
+				/* @__PURE__ */ w("div", { ref: ie }),
+				Y ? /* @__PURE__ */ T("div", {
 					"data-create": "",
 					"data-part": "item",
 					"data-part-item": "",
@@ -1088,28 +1090,28 @@ function ge({ children: n, chosen: r = !0, empty: i, ref: a, render: s, status:
 					"aria-selected": !1,
 					...d.highlighted === d.query ? { "data-current": "" } : {},
 					children: [
-						/* @__PURE__ */ C("span", {
+						/* @__PURE__ */ w("span", {
 							"data-part": "icon",
 							"data-part-icon": ""
 						}),
-						/* @__PURE__ */ C("span", {
+						/* @__PURE__ */ w("span", {
 							"data-part": "label",
 							"data-part-label": "",
 							children: d.t("create", { query: d.query })
 						}),
-						/* @__PURE__ */ C("span", {
+						/* @__PURE__ */ w("span", {
 							"data-part": "indicator",
 							"data-part-indicator": "",
-							children: /* @__PURE__ */ C(t, { children: /* @__PURE__ */ C(e, { name: "plus" }) })
+							children: /* @__PURE__ */ w(r, { children: /* @__PURE__ */ w(n, { name: "plus" }) })
 						})
 					]
 				}) : null,
-				!d.loading && k === 0 && !J ? /* @__PURE__ */ C("div", {
+				!d.loading && j === 0 && !Y ? /* @__PURE__ */ w("div", {
 					"data-part": "empty",
 					"data-part-empty": "",
 					children: i ?? d.t("empty")
 				}) : null,
-				d.loading ? /* @__PURE__ */ C("div", {
+				d.loading ? /* @__PURE__ */ w("div", {
 					"aria-hidden": "true",
 					"data-part": "placeholder",
 					"data-part-placeholder": "",
@@ -1117,7 +1119,7 @@ function ge({ children: n, chosen: r = !0, empty: i, ref: a, render: s, status:
 						0,
 						1,
 						2
-					].map((e) => /* @__PURE__ */ C("div", { children: /* @__PURE__ */ C("span", {
+					].map((e) => /* @__PURE__ */ w("div", { children: /* @__PURE__ */ w("span", {
 						"data-part": "root",
 						"data-part-root": "",
 						"data-shape": "text",
@@ -1126,27 +1128,27 @@ function ge({ children: n, chosen: r = !0, empty: i, ref: a, render: s, status:
 						"data-loading": ""
 					}) }, e))
 				}) : null,
-				/* @__PURE__ */ C("div", {
+				/* @__PURE__ */ w("div", {
 					"aria-live": "polite",
 					"data-part": "status",
 					"data-part-status": "",
 					...d.loading ? { "data-loading": "" } : {},
 					role: "status",
-					children: fe
+					children: de
 				})
 			]
 		})
-	}), Y = s === void 0 ? pe : s({
-		...de,
-		children: n
+	}), X = o === void 0 ? fe : o({
+		...J,
+		children: e
 	});
-	return y === null ? Y : re(Y, y);
+	return v === null ? X : ne(X, v);
 }
 //#endregion
 //#region src/multi-select/multi-select-items.tsx
-function _e({ children: n, description: r, disabled: i = !1, icon: o, position: s, ref: l, textValue: u, value: d, ...f }) {
-	let p = z(), [m, g] = x(null), _ = b(null), v = u ?? (typeof n == "string" ? n : void 0);
-	h(() => {
+function ge({ children: e, description: t, disabled: i = !1, icon: a, position: s, ref: c, textValue: u, value: d, ...f }) {
+	let p = B(), [m, h] = S(null), _ = x(null), v = u ?? (typeof e == "string" ? e : void 0);
+	g(() => {
 		if (m === null) return;
 		let e = v ?? m.querySelector("[data-part='label']")?.textContent?.trim() ?? "";
 		e !== "" && e !== _.current && (_.current = e, p.registerLabel(d, e));
@@ -1156,88 +1158,88 @@ function _e({ children: n, description: r, disabled: i = !1, icon: o, position:
 		v,
 		d
 	]);
-	let S = y(() => {
-		if (!p.highlightMatch || p.query === "" || v === void 0) return n;
-		let e = N(v, p.query, { locale: p.locale });
-		return e.length === 0 ? n : /* @__PURE__ */ C(a, {
-			ranges: e,
+	let y = b(() => {
+		if (!p.highlightMatch || p.query === "" || v === void 0) return e;
+		let t = P(v, p.query, { locale: p.locale });
+		return t.length === 0 ? e : /* @__PURE__ */ w(o, {
+			ranges: t,
 			text: v
 		});
 	}, [
-		n,
+		e,
 		p.highlightMatch,
 		p.locale,
 		p.query,
 		v
 	]);
 	if (v !== void 0 && !p.matches(v)) return null;
-	let T = p.value.includes(d);
-	if (T && p.chosenOptions === "hide") return null;
-	let ee = p.highlighted === d, E = p.full && !T, D = i || E, te = (e) => {
-		D || p.setHighlighted(d, "pointer", e.nativeEvent);
-	}, O = (e) => {
+	let C = p.value.includes(d);
+	if (C && p.chosenOptions === "hide") return null;
+	let E = p.highlighted === d, D = p.full && !C, O = i || D, ee = (e) => {
+		O || p.setHighlighted(d, "pointer", e.nativeEvent);
+	}, k = (e) => {
 		f.onPointerDown?.(e), !e.defaultPrevented && e.preventDefault();
-	}, ne = (e) => {
-		D || (p.toggle(d, "select", e.nativeEvent), p.setInputValue("", "select", e.nativeEvent), p.closeOnSelect && p.setOpen(!1, "select", e.nativeEvent), p.inputNode?.focus({ preventScroll: !0 }));
+	}, A = (e) => {
+		O || (p.toggle(d, "select", e.nativeEvent), p.setInputValue("", "select", e.nativeEvent), p.closeOnSelect && p.setOpen(!1, "select", e.nativeEvent), p.inputNode?.focus({ preventScroll: !0 }));
 	};
-	return /* @__PURE__ */ w("div", {
-		...c(f, "part", "item"),
-		"aria-disabled": D ? !0 : void 0,
+	return /* @__PURE__ */ T("div", {
+		...l(f, "part", "item"),
+		"aria-disabled": O ? !0 : void 0,
 		"aria-posinset": s,
-		"aria-selected": T,
+		"aria-selected": C,
 		"aria-setsize": s === void 0 ? void 0 : p.total,
 		"data-value": d,
 		...v === void 0 ? {} : { "data-text-value": v },
 		...i ? { "data-disabled": "" } : {},
-		...T ? { "data-selected": "" } : {},
-		...ee ? { "data-current": "" } : {},
+		...C ? { "data-selected": "" } : {},
+		...E ? { "data-current": "" } : {},
 		id: f.id ?? p.optionId(d),
-		onClick: ne,
-		onPointerDown: O,
-		onPointerEnter: te,
+		onClick: A,
+		onPointerDown: k,
+		onPointerEnter: ee,
 		ref: (e) => {
-			g(e), typeof l == "function" ? l(e) : l != null && (l.current = e);
+			h(e), typeof c == "function" ? c(e) : c != null && (c.current = e);
 		},
 		role: "option",
 		children: [
-			o === void 0 ? null : /* @__PURE__ */ C("span", {
+			a === void 0 ? null : /* @__PURE__ */ w("span", {
 				"data-part": "icon",
 				"data-part-icon": "",
-				children: o
+				children: a
 			}),
-			/* @__PURE__ */ C("span", {
+			/* @__PURE__ */ w("span", {
 				"data-part": "label",
 				"data-part-label": "",
-				children: S
+				children: y
 			}),
-			r === void 0 ? null : /* @__PURE__ */ C("span", {
+			t === void 0 ? null : /* @__PURE__ */ w("span", {
 				"data-part": "description",
 				"data-part-description": "",
-				children: r
+				children: t
 			}),
-			/* @__PURE__ */ C("span", {
+			/* @__PURE__ */ w("span", {
 				"data-part": "indicator",
 				"data-part-indicator": "",
-				children: /* @__PURE__ */ C(t, { children: /* @__PURE__ */ C(e, { name: "check" }) })
+				children: /* @__PURE__ */ w(r, { children: /* @__PURE__ */ w(n, { name: "check" }) })
 			})
 		]
 	});
 }
-function ve({ children: e, label: t, ...n }) {
-	let r = `${g()}group`, { query: i, value: a } = z(), [o, s] = x(null), [l, u] = x(!1);
-	return h(() => {
+function _e({ children: e, label: t, ...n }) {
+	let r = `${_()}group`, { query: i, value: a } = B(), [o, s] = S(null), [c, u] = S(!1);
+	return g(() => {
 		o !== null && u(o.querySelector("[data-part='item']") === null);
 	}, [
 		o,
 		i,
 		a
-	]), /* @__PURE__ */ w("div", {
-		...c(n, "part", "group"),
+	]), /* @__PURE__ */ T("div", {
+		...l(n, "part", "group"),
 		"aria-labelledby": r,
-		hidden: l,
+		hidden: c,
 		ref: s,
 		role: "group",
-		children: [/* @__PURE__ */ C("div", {
+		children: [/* @__PURE__ */ w("div", {
 			"data-part": "group-label",
 			"data-part-group-label": "",
 			id: r,
@@ -1245,8 +1247,8 @@ function ve({ children: e, label: t, ...n }) {
 		}), e]
 	});
 }
-function ye(e) {
-	return /* @__PURE__ */ C("div", {
+function ve(e) {
+	return /* @__PURE__ */ w("div", {
 		"data-part": "separator",
 		"data-part-separator": "",
 		ref: e.ref,
@@ -1254,4 +1256,4 @@ function ye(e) {
 	});
 }
 //#endregion
-export { he as a, z as c, I as d, ge as i, P as l, _e as n, pe as o, ye as r, H as s, ve as t, L as u };
+export { me as a, B as c, L as d, he as i, F as l, ge as n, X as o, ve as r, se as s, _e as t, R as u };