@slotted/react 0.1.0-beta.7 → 0.1.0-beta.9

package/dist/{multi-select-B8z6ApgW.js → multi-select-BwBY-V0x.js}

@@ -1,27 +1,28 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
+import { n as e, t } from "./icon-DMdotKfc.js";
 import { n, r } from "./i18n-DpW8lqJ1.js";
 /* empty css                 */
 /* empty css                  */
-import { b as i } from "./field-BxQFpOXS.js";
+import { b as i } from "./field-DKA-qsCV.js";
 /* empty css             */
-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 te } from "@slotted/core/positioner";
-import { createPortal as ne } from "react-dom";
-import { multiSelectMessages as D } from "@slotted/core/i18n";
-import { createWidthGate as O } from "@slotted/core/measure";
-import { getLiveAnnouncer as k } from "@slotted/core/live-announcer";
-import { createFilter as re, moveIndex as A, revealWithin as j } from "@slotted/core/collection";
-import { matchRanges as M } from "@slotted/core/highlight";
+import { t as a } from "./highlight-CIcfSNwz.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";
 //#region src/multi-select/multi-select-defaults.tsx
-var N = {
+var P = {
 	addOnPaste: !0,
 	align: "start",
 	alignOffset: 0,
@@ -59,14 +60,14 @@ var N = {
 	strategy: "absolute",
 	variant: "outline",
 	width: "content"
-}, P = l(N);
-function F() {
-	return d(P);
+}, F = f(P);
+function I() {
+	return m(F);
 }
-function I({ children: e, container: t, ...n }) {
-	let r = F();
-	f(() => {
-		if (t !== void 0) return T(t), () => T(null);
+function L({ children: e, container: t, ...n }) {
+	let r = I();
+	h(() => {
+		if (t !== void 0) return D(t), () => D(null);
 	}, [t]);
 	let i = {
 		addOnPaste: n.addOnPaste ?? r.addOnPaste,
@@ -107,40 +108,40 @@ function I({ children: e, container: t, ...n }) {
 		variant: n.variant ?? r.variant,
 		width: n.width ?? r.width
 	};
-	return /* @__PURE__ */ b(P.Provider, {
+	return /* @__PURE__ */ C(F.Provider, {
 		value: i,
 		children: e
 	});
 }
 //#endregion
 //#region src/multi-select/multi-select.tsx
-var L = l(void 0);
-function R() {
-	let e = d(L);
+var R = f(void 0);
+function z() {
+	let e = m(R);
 	if (e === void 0) throw Error("MultiSelectControl, MultiSelectContent and every option have to be inside a MultiSelect.");
 	return e;
 }
-var z = (e) => "options" in e;
-function B(e) {
-	return e === void 0 ? [] : e.flatMap((e) => z(e) ? e.options : [e]);
+var B = (e) => "options" in e;
+function oe(e) {
+	return e === void 0 ? [] : e.flatMap((e) => B(e) ? e.options : [e]);
 }
-var ie = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]);
-function V({ 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: te, onValueRefuse: ne, open: O, ref: A, total: M, validateValue: N, value: P, ...I }) {
-	let R = F(), z = i(), V = r(D, S), ae = n(), H = x ?? ae, U = p(), oe = `${U}listbox`, se = `${U}input`, [W, ce] = v(o), [le, G] = v(s), [K] = v(s), [ue, de] = v(a), [fe, q] = v(t), [J, pe] = v(null), [Y, me] = v(null), [he, ge] = v(null), [_e, ve] = v(!1), ye = I.disabled ?? z?.disabled ?? R.disabled, be = I.readOnly ?? z?.readOnly ?? R.readOnly, X = I.max ?? R.max, xe = I.allowDuplicates ?? R.allowDuplicates, Z = (O ?? W) && !ye, Se = P ?? le, Ce = h ?? ue, we = f === void 0 ? fe : f, Te = _(Z);
+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 = _("none"), De = _(/* @__PURE__ */ new Map()), [Oe, ke] = v(0), Ae = g(() => {
+	let Ee = b("none"), De = b(/* @__PURE__ */ new Map()), [Oe, ke] = x(0), Ae = y(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of B(y)) e.set(t.value, t.label);
+		for (let t of oe(m)) e.set(t.value, t.label);
 		return e;
-	}, [y]), je = u((e, t) => {
+	}, [m]), je = p((e, t) => {
 		De.current.get(e) !== t && (De.current.set(e, t), ke((e) => e + 1));
-	}, []), Me = u((e) => Ae.get(e) ?? De.current.get(e), [Ae, Oe]), Ne = u((e) => `${U}option-${encodeURIComponent(e)}`, [U]), Pe = Ce, Fe = g(() => re({ locale: H }), [H]), Ie = u((e) => Pe === "" || l === null ? !0 : l === void 0 ? Fe.contains(e, Pe) : l(e, Pe), [
+	}, []), 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), [
 		Fe,
-		l,
+		c,
 		Pe
-	]), Le = u((e) => {
-		e !== "" && k(J?.ownerDocument).announce(e, { repeat: !0 });
-	}, [J]), Q = _({
+	]), Le = p((e) => {
+		e !== "" && ae(J?.ownerDocument).announce(e, { repeat: !0 });
+	}, [J]), Q = b({
 		allowDuplicates: xe,
 		announcer: Le,
 		collator: Fe,
@@ -148,20 +149,20 @@ function V({ children: e, defaultHighlightedValue: t = null, defaultInputValue:
 		currentInput: Ce,
 		currentOpen: Z,
 		currentValue: Se,
-		highlightedValue: f,
+		highlightedValue: u,
 		inputNode: J,
-		inputValue: h,
+		inputValue: f,
 		labelFor: Me,
 		max: X,
 		onHighlightedValueChange: w,
 		onInputValueChange: T,
 		onOpenChange: E,
-		onValueChange: te,
-		onValueRefuse: ne,
+		onValueChange: D,
+		onValueRefuse: te,
 		open: O,
-		t: V,
-		validateValue: N,
-		value: P
+		t: L,
+		validateValue: k,
+		value: j
 	});
 	Q.current = {
 		allowDuplicates: xe,
@@ -171,50 +172,50 @@ function V({ children: e, defaultHighlightedValue: t = null, defaultInputValue:
 		currentInput: Ce,
 		currentOpen: Z,
 		currentValue: Se,
-		highlightedValue: f,
+		highlightedValue: u,
 		inputNode: J,
-		inputValue: h,
+		inputValue: f,
 		labelFor: Me,
 		max: X,
 		onHighlightedValueChange: w,
 		onInputValueChange: T,
 		onOpenChange: E,
-		onValueChange: te,
-		onValueRefuse: ne,
+		onValueChange: D,
+		onValueRefuse: te,
 		open: O,
-		t: V,
-		validateValue: N,
-		value: P
+		t: L,
+		validateValue: k,
+		value: j
 	};
-	let Re = u((e, t, n) => {
+	let Re = p((e, t, n) => {
 		let r = Q.current;
-		e !== r.currentOpen && c({
+		e !== r.currentOpen && d({
 			controlled: r.open,
 			initial: r.currentOpen,
 			onRequest: (e) => r.onOpenChange?.(e.value, e)
-		}).request(e, t, n) && (ce(e), e || (q(null), Ee.current = "none"));
-	}, []), ze = u((e, t, n) => {
+		}).request(e, t, n) && (ce(e), e || (fe(null), Ee.current = "none"));
+	}, []), ze = p((e, t, n) => {
 		let r = Q.current;
-		e !== r.currentHighlighted && c({
+		e !== r.currentHighlighted && d({
 			controlled: r.highlightedValue,
 			initial: r.currentHighlighted,
 			onRequest: (e) => r.onHighlightedValueChange?.(e.value, e)
-		}).request(e, t, n) && q(e);
-	}, []), Be = u((e, t, n) => {
+		}).request(e, t, n) && fe(e);
+	}, []), Be = p((e, t, n) => {
 		let r = Q.current;
-		e !== r.currentInput && c({
+		e !== r.currentInput && d({
 			controlled: r.inputValue,
 			initial: r.currentInput,
 			onRequest: (e) => r.onInputValueChange?.(e.value, e)
-		}).request(e, t, n) && de(e);
-	}, []), $ = u((e, t, n) => {
+		}).request(e, t, n) && q(e);
+	}, []), $ = p((e, t, n) => {
 		let r = Q.current;
-		return ie(e, r.currentValue) || !c({
+		return V(e, r.currentValue) || !d({
 			controlled: r.value,
 			initial: r.currentValue,
 			onRequest: (e) => r.onValueChange?.(e.value, e)
-		}).request(e, t, n) ? !1 : (G(e), !0);
-	}, []), Ve = u((e, t) => {
+		}).request(e, t, n) ? !1 : (K(e), !0);
+	}, []), Ve = p((e, t) => {
 		let n = Q.current, r = [...t], i = {
 			duplicate: [],
 			limit: [],
@@ -246,7 +247,7 @@ function V({ children: e, defaultHighlightedValue: t = null, defaultInputValue:
 			next: r,
 			refused: i
 		};
-	}, []), He = u((e, t, n) => {
+	}, []), He = p((e, t, n) => {
 		let r = Q.current;
 		for (let t of [
 			"duplicate",
@@ -260,14 +261,14 @@ function V({ children: e, defaultHighlightedValue: t = null, defaultInputValue:
 			count: r.max,
 			max: r.max
 		}));
-	}, []), Ue = u((e, t, n) => {
+	}, []), Ue = p((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 = u((e, t, n) => {
+	]), We = p((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 +281,24 @@ function V({ children: e, defaultHighlightedValue: t = null, defaultInputValue:
 		$,
 		Ve,
 		He
-	]), Ge = u((e, t) => {
+	]), Ge = p((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 = u((e, t, n) => {
+	}, [$]), Ke = p((e, t, n) => {
 		if (Q.current.currentValue.includes(e)) {
 			Ge(e, n);
 			return;
 		}
 		Ue([e], t, n);
-	}, [Ue, Ge]), qe = u((e) => {
+	}, [Ue, Ge]), qe = p((e) => {
 		$([], "clear", e), Be("", "clear", e);
-	}, [$, Be]), Je = u((e) => {
-		$(K, "programmatic", e), Be("", "programmatic", e);
+	}, [$, Be]), Je = p((e) => {
+		$(le, "programmatic", e), Be("", "programmatic", e);
 	}, [
 		$,
-		K,
+		le,
 		Be
-	]), Ye = u((e, t, n) => {
+	]), Ye = p((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,13 +306,13 @@ function V({ 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}`);
 	}, [$]);
-	m(A, () => ({
+	_(ne, () => ({
 		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 && j(t, Y);
+			t != null && Y !== null && M(t, Y);
 		},
 		setValue: (e, t = "programmatic") => $([...e], t)
 	}), [
@@ -320,62 +321,62 @@ function V({ children: e, defaultHighlightedValue: t = null, defaultInputValue:
 		Re
 	]);
 	let Xe = {
-		addOnPaste: I.addOnPaste ?? R.addOnPaste,
+		addOnPaste: N.addOnPaste ?? P.addOnPaste,
 		admit: Ue,
-		align: I.align ?? R.align,
-		alignOffset: I.alignOffset ?? R.alignOffset,
+		align: N.align ?? P.align,
+		alignOffset: N.alignOffset ?? P.alignOffset,
 		announce: Le,
-		chosenOptions: I.chosenOptions ?? R.chosenOptions,
+		chosenOptions: N.chosenOptions ?? P.chosenOptions,
 		clear: qe,
-		clearable: I.clearable ?? R.clearable,
-		closeOnEscape: I.closeOnEscape ?? R.closeOnEscape,
-		closeOnOutsidePress: I.closeOnOutsidePress ?? R.closeOnOutsidePress,
-		closeOnSelect: I.closeOnSelect ?? R.closeOnSelect,
-		collisionPadding: I.collisionPadding ?? R.collisionPadding,
-		commitOnBlur: I.commitOnBlur ?? R.commitOnBlur,
-		contentId: oe,
+		clearable: N.clearable ?? P.clearable,
+		closeOnEscape: N.closeOnEscape ?? P.closeOnEscape,
+		closeOnOutsidePress: N.closeOnOutsidePress ?? P.closeOnOutsidePress,
+		closeOnSelect: N.closeOnSelect ?? P.closeOnSelect,
+		collisionPadding: N.collisionPadding ?? P.collisionPadding,
+		commitOnBlur: N.commitOnBlur ?? P.commitOnBlur,
+		contentId: se,
 		contentNode: Y,
-		creatable: I.creatable ?? R.creatable,
-		delimiters: I.delimiters ?? R.delimiters,
+		creatable: N.creatable ?? P.creatable,
+		delimiters: N.delimiters ?? P.delimiters,
 		disabled: ye,
 		duplicate: he,
-		editable: I.editable ?? R.editable,
+		editable: N.editable ?? P.editable,
 		entry: Ee,
-		flip: I.flip ?? R.flip,
-		form: d,
+		flip: N.flip ?? P.flip,
+		form: l,
 		full: X !== null && Se.length >= X,
-		fullWidth: I.fullWidth ?? R.fullWidth,
-		hideWhenDetached: I.hideWhenDetached ?? R.hideWhenDetached,
+		fullWidth: N.fullWidth ?? P.fullWidth,
+		hideWhenDetached: N.hideWhenDetached ?? P.hideWhenDetached,
 		highlighted: we,
-		highlightMatch: I.highlightMatch ?? R.highlightMatch,
-		inputId: se,
+		highlightMatch: N.highlightMatch ?? P.highlightMatch,
+		inputId: U,
 		inputNode: J,
 		inputValue: Ce,
-		invalid: I.invalid ?? z?.invalid ?? R.invalid,
+		invalid: N.invalid ?? F?.invalid ?? P.invalid,
 		labelFor: Me,
-		loading: I.loading ?? R.loading,
-		locale: H,
-		loop: I.loop ?? R.loop,
+		loading: N.loading ?? P.loading,
+		locale: B,
+		loop: N.loop ?? P.loop,
 		matches: Ie,
 		max: X,
-		mount: I.mount ?? R.mount,
+		mount: N.mount ?? P.mount,
 		move: Ye,
-		name: C,
+		name: S,
 		narrow: _e,
 		onLoadMore: ee,
 		open: Z,
-		openOn: I.openOn ?? R.openOn,
+		openOn: N.openOn ?? P.openOn,
 		optionId: Ne,
-		overflow: I.overflow ?? R.overflow,
-		portal: I.portal ?? R.portal,
+		overflow: N.overflow ?? P.overflow,
+		portal: N.portal ?? P.portal,
 		query: Pe,
 		readOnly: be,
 		registerLabel: je,
 		remove: Ge,
 		replace: We,
 		restore: Je,
-		reorderable: I.reorderable ?? R.reorderable,
-		required: I.required ?? z?.required ?? R.required,
+		reorderable: N.reorderable ?? P.reorderable,
+		required: N.required ?? F?.required ?? P.required,
 		seen: Te.current,
 		setContentNode: me,
 		setDuplicate: ge,
@@ -384,66 +385,66 @@ function V({ children: e, defaultHighlightedValue: t = null, defaultInputValue:
 		setInputValue: Be,
 		setNarrow: ve,
 		setOpen: Re,
-		shift: I.shift ?? R.shift,
-		side: I.side ?? R.side,
-		sideOffset: I.sideOffset ?? R.sideOffset,
-		size: I.size ?? z?.size ?? R.size,
-		strategy: I.strategy ?? R.strategy,
+		shift: N.shift ?? P.shift,
+		side: N.side ?? P.side,
+		sideOffset: N.sideOffset ?? P.sideOffset,
+		size: N.size ?? F?.size ?? P.size,
+		strategy: N.strategy ?? P.strategy,
 		toggle: Ke,
-		t: V,
-		total: M,
+		t: L,
+		total: re,
 		value: Se,
-		variant: I.variant ?? R.variant,
-		width: I.width ?? R.width
+		variant: N.variant ?? P.variant,
+		width: N.width ?? P.width
 	};
-	return /* @__PURE__ */ b(L.Provider, {
+	return /* @__PURE__ */ C(R.Provider, {
 		value: Xe,
 		children: e
 	});
 }
 //#endregion
 //#region src/multi-select/multi-select-collection.ts
-var ae = "[data-part='item']";
-function H(e) {
-	return e === null ? [] : [...e.querySelectorAll(ae)];
+var se = "[data-part='item']";
+function U(e) {
+	return e === null ? [] : [...e.querySelectorAll(se)];
 }
-var U = (e) => e.dataset.value ?? "", oe = (e) => e.dataset.disabled === void 0 && e.getAttribute("aria-disabled") !== "true";
-function se(e, t) {
+var W = (e) => e.dataset.value ?? "", ce = (e) => e.dataset.disabled === void 0 && e.getAttribute("aria-disabled") !== "true";
+function G(e, t) {
 	return e !== null && e.querySelector(`[data-part='item'][data-value="${CSS.escape(t)}"]`)?.hasAttribute("data-create") === !0;
 }
-function W(e, t, n, r) {
-	let i = H(e);
+function K(e, t, n, r) {
+	let i = U(e);
 	if (i.length === 0) return null;
-	let a = A({
-		enabled: i.map(oe),
-		from: t === null ? -1 : i.findIndex((e) => U(e) === t),
+	let a = j({
+		enabled: i.map(ce),
+		from: t === null ? -1 : i.findIndex((e) => W(e) === t),
 		intent: n,
 		loop: r
 	});
-	return a === -1 ? null : U(i[a]);
+	return a === -1 ? null : W(i[a]);
 }
-function ce(e, t, n) {
-	return t === "none" ? null : W(e, null, t, n);
+function le(e, t, n) {
+	return t === "none" ? null : K(e, null, t, n);
 }
-function le(e, t) {
+function ue(e, t) {
 	if (e === null || t === null) return;
-	let n = H(e).find((e) => U(e) === t);
-	n !== void 0 && j(n, e);
+	let n = U(e).find((e) => W(e) === t);
+	n !== void 0 && M(n, e);
 }
-var G = "[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 K(e, t) {
+function de(e, t) {
 	return e || t;
 }
-function ue({ count: n, index: r, label: i, value: a }) {
-	let o = R(), [s, c] = v(null), l = _(null), u = K(o.readOnly, o.disabled);
-	f(() => {
+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(() => {
 		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);
-	}, p = (e) => {
+	}, f = (e) => {
 		if (!e.defaultPrevented) {
 			switch (e.key) {
 				case "Delete":
@@ -480,50 +481,58 @@ function ue({ count: n, index: r, label: i, value: a }) {
 			}
 			e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && o.inputNode?.focus({ preventScroll: !0 });
 		}
-	}, m = (e) => {
+	}, p = (e) => {
 		e.stopPropagation(), o.remove(a, e.nativeEvent);
 	};
-	return s === null ? /* @__PURE__ */ x("span", {
+	return s === null ? /* @__PURE__ */ w("span", {
 		"aria-label": o.reorderable ? o.t("reorder", {
 			label: i,
 			position: r + 1,
 			count: n
 		}) : void 0,
 		"data-part": "root",
+		"data-part-root": "",
 		"data-size": "sm",
 		"data-ui": "tag",
+		"data-ui-tag": "",
 		"data-value": a,
 		"data-variant": "soft",
-		onKeyDown: p,
+		onKeyDown: f,
 		ref: l,
 		role: "gridcell",
 		tabIndex: -1,
 		...u ? { "data-disabled": "" } : {},
-		children: [/* @__PURE__ */ b("span", {
+		children: [/* @__PURE__ */ C("span", {
 			"data-part": "body",
-			children: /* @__PURE__ */ b("span", {
+			"data-part-body": "",
+			children: /* @__PURE__ */ C("span", {
 				"data-part": "label",
+				"data-part-label": "",
 				children: i
 			})
-		}), u ? null : /* @__PURE__ */ b("button", {
+		}), u ? null : /* @__PURE__ */ C("button", {
 			"aria-label": o.t("remove", { label: i }),
 			"data-part": "remove",
-			onClick: m,
+			"data-part-remove": "",
+			onClick: p,
 			tabIndex: -1,
 			type: "button",
-			children: /* @__PURE__ */ b(t, { children: /* @__PURE__ */ b(e, { name: "x" }) })
+			children: /* @__PURE__ */ C(t, { children: /* @__PURE__ */ C(e, { name: "x" }) })
 		})]
-	}) : /* @__PURE__ */ b("span", {
+	}) : /* @__PURE__ */ C("span", {
 		"data-part": "root",
+		"data-part-root": "",
 		"data-size": "sm",
 		"data-ui": "tag",
+		"data-ui-tag": "",
 		"data-value": a,
 		"data-variant": "soft",
 		ref: l,
 		role: "gridcell",
-		children: /* @__PURE__ */ b("span", {
+		children: /* @__PURE__ */ C("span", {
 			"data-part": "body",
-			children: /* @__PURE__ */ b("input", {
+			"data-part-body": "",
+			children: /* @__PURE__ */ C("input", {
 				"aria-label": i,
 				autoFocus: !0,
 				onBlur: (e) => d(e.currentTarget.value, e.nativeEvent),
@@ -538,13 +547,13 @@ function ue({ count: n, index: r, label: i, value: a }) {
 		})
 	});
 }
-function de({ children: e }) {
-	let t = R(), n = _(null), r = _(null), i = _(null), [a, c] = v(0), l = t.overflow === "collapse";
-	return f(() => {
+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(() => {
 		let e = n.current;
 		if (e === null) return;
-		let t = o(e, {
-			itemSelector: `${G}, [data-part='field'] > [data-part='input']`,
+		let t = l(e, {
+			itemSelector: `${q}, [data-part='field'] > [data-part='input']`,
 			loop: !1,
 			ownedKeys: (e) => e instanceof HTMLInputElement && e.value !== "" ? [
 				"ArrowLeft",
@@ -554,57 +563,62 @@ function de({ children: e }) {
 			] : []
 		});
 		return () => t.destroy();
-	}, []), f(() => {
+	}, []), h(() => {
 		let e = n.current;
 		if (e === null) return;
-		let r = s(e, {
+		let r = u(e, {
 			fallback: () => t.inputNode,
-			itemSelector: G
+			itemSelector: q
 		});
 		return () => r.destroy();
-	}, [t.inputNode]), f(() => {
+	}, [t.inputNode]), h(() => {
 		let e = n.current;
-		if (e === null || !l) {
-			c(0);
+		if (e === null || !s) {
+			o(0);
 			return;
 		}
-		let t = S(e, {
+		let t = T(e, {
 			collapsible: () => !0,
-			onChange: (e) => c(e.length),
+			onChange: (e) => o(e.length),
 			trigger: () => r.current,
-			units: () => [...e.querySelectorAll(G)].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, c(0);
+			t.destroy(), i.current = null, o(0);
 		};
-	}, [l]), h(() => {
+	}, [s]), v(() => {
 		i.current?.refresh();
-	}, [t.value]), /* @__PURE__ */ x("div", {
+	}, [t.value]), /* @__PURE__ */ w("div", {
 		"data-part": "chips",
+		"data-part-chips": "",
 		ref: n,
 		role: "row",
 		children: [
-			t.value.map((e, n) => /* @__PURE__ */ b(ue, {
+			t.value.map((e, n) => /* @__PURE__ */ C(fe, {
 				count: t.value.length,
 				index: n,
 				label: t.labelFor(e) ?? e,
 				value: e
 			}, e)),
-			l ? /* @__PURE__ */ b("span", {
+			s ? /* @__PURE__ */ C("span", {
 				"data-count": "",
 				"data-part": "root",
+				"data-part-root": "",
 				"data-size": "sm",
 				"data-ui": "tag",
+				"data-ui-tag": "",
 				"data-variant": "outline",
 				hidden: !0,
 				onClick: (e) => t.setOpen(!0, "pointer", e.nativeEvent),
 				ref: r,
 				role: "gridcell",
 				tabIndex: -1,
-				children: /* @__PURE__ */ b("span", {
+				children: /* @__PURE__ */ C("span", {
 					"data-part": "body",
-					children: /* @__PURE__ */ b("span", {
+					"data-part-body": "",
+					children: /* @__PURE__ */ C("span", {
 						"data-part": "label",
+						"data-part-label": "",
 						children: `+${Math.max(a, 1)}`
 					})
 				})
@@ -615,93 +629,93 @@ function de({ children: e }) {
 }
 //#endregion
 //#region src/multi-select/multi-select-parts.tsx
-var fe = 120;
-function q(e, t) {
+var pe = 120;
+function Y(e, t) {
 	return (n) => {
 		e?.(n), n.defaultPrevented || t(n);
 	};
 }
-function J(e, ...t) {
+function me(e, ...t) {
 	for (let n of t) typeof n == "function" ? n(e) : n != null && (n.current = e);
 }
-function pe({ ref: n, render: r, ...a }) {
-	let o = R(), s = i(), [c, l] = v(null), d = _(null);
-	f(() => {
-		o.setInputNode(c);
-	}, [o, c]);
-	let p = o.setNarrow;
-	f(() => {
-		let e = d.current;
+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;
 		if (e === null) return;
-		let t = O(e, {
+		let t = k(e, {
 			at: 120,
-			onChange: p
+			onChange: m
 		});
 		return () => t.destroy();
-	}, [p]);
-	let { form: m, restore: h } = o;
-	f(() => {
-		if (c === null) return;
-		let e = m === void 0 ? c.form : c.ownerDocument.getElementById(m);
+	}, [m]);
+	let { form: g, restore: _ } = o;
+	h(() => {
+		if (u === null) return;
+		let e = g === void 0 ? u.form : u.ownerDocument.getElementById(g);
 		if (!(e instanceof HTMLFormElement)) return;
-		let t = (e) => h(e);
+		let t = (e) => _(e);
 		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
 	}, [
-		m,
-		c,
-		h
+		g,
+		u,
+		_
 	]);
-	let g = (e, t) => {
+	let v = (e, t) => {
 		if (o.contentNode === null) {
 			o.entry.current = e === "previous" || e === "pageUp" ? "last" : "first";
 			return;
 		}
-		let n = W(o.contentNode, o.highlighted, e, o.loop);
+		let n = K(o.contentNode, o.highlighted, e, o.loop);
 		n !== null && o.setHighlighted(n, "keyboard", t);
-	}, S = (e) => {
+	}, y = (e) => {
 		let t = o.delimiters;
 		if (t.length === 0) return [e];
 		let n = RegExp(`[${t.map((e) => e.replace(/[.*+?^${}()|[\]\\-]/g, "\\$&")).join("")}]`);
 		return e.split(n);
-	}, C = (e) => {
+	}, T = (e) => {
 		if (!o.creatable) return !1;
 		let t = o.inputValue;
-		return t.trim() !== "" && (o.admit(S(t), "submit", e), o.setInputValue("", "submit", e), !0);
-	}, w = (e) => {
+		return t.trim() !== "" && (o.admit(y(t), "submit", e), o.setInputValue("", "submit", e), !0);
+	}, ee = (e) => {
 		let t = o.highlighted;
-		return t === null ? !1 : se(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) => {
+		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);
-	}, ee = (e) => {
+	}, D = (e) => {
 		if (o.disabled) return;
 		let t = e.altKey;
 		if (o.delimiters.includes(e.key) && !t) {
-			e.preventDefault(), C(e.nativeEvent);
+			e.preventDefault(), T(e.nativeEvent);
 			return;
 		}
 		switch (e.key) {
 			case "ArrowDown":
 				if (o.readOnly) return;
-				e.preventDefault(), o.open ? t || g("next", e.nativeEvent) : T(t ? "none" : "first", e.nativeEvent);
+				e.preventDefault(), o.open ? t || v("next", e.nativeEvent) : E(t ? "none" : "first", e.nativeEvent);
 				return;
 			case "ArrowUp":
 				if (o.readOnly) return;
-				e.preventDefault(), t ? o.setOpen(!1, "keyboard", e.nativeEvent) : o.open ? g("previous", e.nativeEvent) : T("last", e.nativeEvent);
+				e.preventDefault(), t ? o.setOpen(!1, "keyboard", e.nativeEvent) : o.open ? v("previous", e.nativeEvent) : E("last", e.nativeEvent);
 				return;
 			case "PageDown":
 				if (!o.open) return;
-				e.preventDefault(), g("pageDown", e.nativeEvent);
+				e.preventDefault(), v("pageDown", e.nativeEvent);
 				return;
 			case "PageUp":
 				if (!o.open) return;
-				e.preventDefault(), g("pageUp", e.nativeEvent);
+				e.preventDefault(), v("pageUp", e.nativeEvent);
 				return;
 			case "Enter":
-				if (w(e.nativeEvent)) {
+				if (ee(e.nativeEvent)) {
 					e.preventDefault();
 					return;
 				}
-				C(e.nativeEvent) && e.preventDefault();
+				T(e.nativeEvent) && e.preventDefault();
 				return;
 			case "Escape":
 				if (o.open) {
@@ -713,7 +727,7 @@ function pe({ ref: n, render: r, ...a }) {
 				return;
 			case "Backspace": {
 				if (o.inputValue !== "" || e.currentTarget.selectionStart !== 0 || o.readOnly || o.value.length === 0) return;
-				let t = d.current?.querySelectorAll("[data-part='chips'] > [role='gridcell']:not([data-part='field'])"), n = t === void 0 ? void 0 : t[t.length - 1];
+				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 (n === void 0) return;
 				e.preventDefault(), n.focus({ preventScroll: !0 });
 				return;
@@ -727,32 +741,34 @@ function pe({ ref: n, render: r, ...a }) {
 		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"));
-	}, D = (e) => {
+	}, re = (e) => {
 		o.openOn === "manual" || o.open || o.disabled || o.readOnly || (o.entry.current = "none", o.setOpen(!0, "pointer", e.nativeEvent));
-	}, k = (e) => {
+	}, ie = (e) => {
 		if (!o.addOnPaste || !o.creatable || o.readOnly) return;
-		let t = e.clipboardData.getData("text"), n = S(t).filter((e) => e.trim() !== "");
+		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));
-	}, re = (e) => {
+	}, ae = (e) => {
 		let t = e.relatedTarget;
-		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"));
+		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), c?.focus({ preventScroll: !0 });
+		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), c?.focus({ preventScroll: !0 }));
-	}, M = u((e) => {
-		l(e), J(e, n);
-	}, [n]), N = [a["aria-describedby"], s?.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", {
+		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: d,
+		ref: f,
 		"data-overflow": o.overflow,
 		"data-part": "root",
+		...s("part", "root"),
 		"data-size": o.size,
 		"data-ui": "multi-select",
+		...s("ui", "multi-select"),
 		"data-variant": o.variant,
 		...o.fullWidth ? { "data-full-width": "" } : {},
 		...o.open ? { "data-open": "" } : {},
@@ -763,21 +779,21 @@ function pe({ ref: n, render: r, ...a }) {
 		...o.loading ? { "data-loading": "" } : {},
 		...o.full ? { "data-complete": "" } : {},
 		...o.narrow ? { "data-narrow": "" } : {}
-	}, L = o.t("chosen", { count: o.value.length }), z = `${a.id ?? s?.ids.control ?? o.inputId}-chosen`, B = a["aria-labelledby"] ?? s?.ids.label, ie = a["aria-label"] === void 0 ? B === void 0 ? { "aria-label": L } : { "aria-labelledby": `${B} ${z}` } : { "aria-label": `${a["aria-label"]}, ${L}` }, V = /* @__PURE__ */ x(y, { children: [
-		/* @__PURE__ */ b("span", {
+	}, 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", {
 			hidden: !0,
-			id: z,
+			id: R,
 			children: L
 		}),
-		/* @__PURE__ */ b("div", {
-			...ie,
-			"data-part": "control",
+		/* @__PURE__ */ C("div", {
+			...c(oe, "part", "control"),
 			role: "grid",
-			children: /* @__PURE__ */ b(de, { children: /* @__PURE__ */ b("span", {
+			children: /* @__PURE__ */ C(J, { children: /* @__PURE__ */ C("span", {
 				"data-part": "field",
+				"data-part-field": "",
 				role: "gridcell",
-				children: /* @__PURE__ */ b("input", {
-					...a,
+				children: /* @__PURE__ */ C("input", {
+					...c(a, "part", "input"),
 					"aria-activedescendant": o.open && o.highlighted !== null ? o.optionId(o.highlighted) : void 0,
 					"aria-autocomplete": "list",
 					"aria-controls": o.open ? o.contentId : void 0,
@@ -785,15 +801,14 @@ function pe({ ref: n, render: r, ...a }) {
 					"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: a.id ?? s?.ids.control ?? o.inputId,
-					onBlur: q(a.onBlur, re),
-					onChange: q(a.onChange, te),
-					onClick: q(a.onClick, D),
-					onFocus: q(a.onFocus, ne),
-					onKeyDown: q(a.onKeyDown, ee),
-					onPaste: q(a.onPaste, k),
+					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,
@@ -804,35 +819,41 @@ function pe({ ref: n, render: r, ...a }) {
 				})
 			}) })
 		}),
-		F === null ? null : /* @__PURE__ */ b("span", {
+		F === null ? null : /* @__PURE__ */ C("span", {
 			"aria-hidden": "true",
 			"data-part": "counter",
+			"data-part-counter": "",
 			children: F
 		}),
-		P ? /* @__PURE__ */ b("button", {
+		P ? /* @__PURE__ */ C("button", {
 			"aria-label": o.t("clear"),
 			"data-part": "clear",
+			"data-part-clear": "",
 			onClick: A,
 			type: "button",
-			children: /* @__PURE__ */ b(t, { children: /* @__PURE__ */ b(e, { name: "x" }) })
+			children: /* @__PURE__ */ C(t, { children: /* @__PURE__ */ C(e, { name: "x" }) })
 		}) : null,
-		o.loading ? /* @__PURE__ */ b("span", {
+		o.loading ? /* @__PURE__ */ C("span", {
 			"aria-hidden": "true",
 			"data-part": "busy",
-			"data-ui": "spinner"
-		}) : /* @__PURE__ */ b("button", {
+			"data-part-busy": "",
+			"data-ui": "spinner",
+			"data-ui-spinner": ""
+		}) : /* @__PURE__ */ C("button", {
 			"aria-label": o.t("trigger"),
 			"data-part": "trigger",
+			"data-part-trigger": "",
 			disabled: o.disabled,
 			onClick: j,
 			tabIndex: -1,
 			type: "button",
-			children: /* @__PURE__ */ b("span", {
+			children: /* @__PURE__ */ C("span", {
 				"data-part": "arrow",
-				children: /* @__PURE__ */ b(t, { children: /* @__PURE__ */ b(e, { name: "chevron-down" }) })
+				"data-part-arrow": "",
+				children: /* @__PURE__ */ C(t, { children: /* @__PURE__ */ C(e, { name: "chevron-down" }) })
 			})
 		}),
-		o.name === void 0 ? null : o.value.map((e) => /* @__PURE__ */ b("input", {
+		o.name === void 0 ? null : o.value.map((e) => /* @__PURE__ */ C("input", {
 			"aria-hidden": "true",
 			form: o.form,
 			name: o.name,
@@ -853,7 +874,7 @@ function pe({ ref: n, render: r, ...a }) {
 			value: e
 		}, e))
 	] });
-	return r === void 0 ? /* @__PURE__ */ b("div", {
+	return r === void 0 ? /* @__PURE__ */ C("div", {
 		...I,
 		children: V
 	}) : r({
@@ -861,104 +882,104 @@ function pe({ ref: n, render: r, ...a }) {
 		children: V
 	});
 }
-function Y({ children: n, chosen: r = !0, empty: i, ref: a, render: o, status: s, ...c }) {
-	let l = R(), [d, p] = v(null), [m, g] = v(null), [y, S] = v(null), [T, E] = v("unmounted"), [D, O] = v(!1), [k, re] = v(0), A = _(null), j = _(null), M = _(l);
-	M.current = l, f(() => {
-		let e = C({
+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: E
+			onStatusChange: D
 		});
-		return A.current = e, E(e.status), () => {
+		return A.current = e, D(e.status), () => {
 			e.destroy(), A.current = null;
 		};
-	}, []), f(() => A.current?.sync(l.open), [l.open]), f(() => A.current?.setNode(d), [d]), f(() => l.setContentNode(m), [l, m]);
-	let N = l.mount === "eager" || l.mount === "lazy" && l.seen || l.open || T !== "unmounted";
-	f(() => {
-		let e = l.inputNode;
-		if (e === null || D) return;
-		let t = () => O(!0);
+	}, []), 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(() => {
+		let e = d.inputNode;
+		if (e === null || O) return;
+		let t = () => ie(!0);
 		return e.addEventListener("focusin", t), e.addEventListener("pointerdown", t), () => {
 			e.removeEventListener("focusin", t), e.removeEventListener("pointerdown", t);
 		};
-	}, [l.inputNode, D]);
-	let P = N || D;
-	h(() => {
+	}, [d.inputNode, O]);
+	let P = N || O;
+	v(() => {
 		if (!P) {
 			S(null);
 			return;
 		}
-		let e = w({
-			origin: l.inputNode,
-			disabled: !l.portal
+		let e = E({
+			origin: d.inputNode,
+			disabled: !d.portal
 		});
 		return S(e.container), () => e.release();
 	}, [
-		l.inputNode,
-		l.portal,
+		d.inputNode,
+		d.portal,
 		P
 	]);
-	let { align: F, alignOffset: I, collisionPadding: L, flip: z, hideWhenDetached: B, shift: ie, side: V, sideOffset: ae, strategy: oe, width: se } = l, W = _(null), G = _(0), K = u((e, t) => {
+	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) => {
 		e.update().then(() => {
-			if (W.current !== e || !M.current.open) return;
+			if (G.current !== e || !M.current.open) return;
 			t.setAttribute("data-open", "");
 			let n = t.ownerDocument.defaultView;
-			n !== null && G.current === 0 && (G.current = n.requestAnimationFrame(() => {
-				G.current = 0, le(M.current.contentNode, M.current.highlighted);
+			n !== null && K.current === 0 && (K.current = n.requestAnimationFrame(() => {
+				K.current = 0, ue(M.current.contentNode, M.current.highlighted);
 			}));
 		});
 	}, []);
-	if (h(() => {
-		if (d === null || l.inputNode === null) return;
-		let e = l.inputNode.closest("[data-part='root']") ?? l.inputNode, t = te(e, d, {
+	if (v(() => {
+		if (f === null || d.inputNode === null) return;
+		let e = d.inputNode.closest("[data-part='root']") ?? d.inputNode, t = ne(e, f, {
 			align: F,
 			alignOffset: I,
 			boundaryPadding: L,
-			flip: z,
+			flip: R,
 			hideWhenDetached: B,
-			matchWidth: se === "anchor",
-			shift: ie,
+			matchWidth: ce === "anchor",
+			shift: oe,
 			side: V,
-			sideOffset: ae,
-			strategy: oe
+			sideOffset: H,
+			strategy: se
 		});
-		return W.current = t, M.current.open && K(t, d), () => {
-			t.destroy(), W.current = null, d.removeAttribute("data-open");
+		return G.current = t, M.current.open && q(t, f), () => {
+			t.destroy(), G.current = null, f.removeAttribute("data-open");
 		};
 	}, [
 		F,
 		I,
 		L,
-		z,
+		R,
 		B,
-		d,
-		l.inputNode,
-		ie,
-		V,
-		ae,
+		f,
+		d.inputNode,
 		oe,
+		V,
+		H,
 		se,
-		K
-	]), h(() => {
-		let e = W.current;
-		if (e !== null && d !== null) {
-			if (l.open) {
-				K(e, d);
+		ce,
+		q
+	]), v(() => {
+		let e = G.current;
+		if (e !== null && f !== null) {
+			if (d.open) {
+				q(e, f);
 				return;
 			}
-			d.removeAttribute("data-open"), G.current !== 0 && (d.ownerDocument.defaultView?.cancelAnimationFrame(G.current), G.current = 0);
+			f.removeAttribute("data-open"), K.current !== 0 && (f.ownerDocument.defaultView?.cancelAnimationFrame(K.current), K.current = 0);
 		}
 	}, [
-		d,
-		K,
-		l.open
-	]), f(() => {
-		if (d === null || !l.open) return;
-		let e = [l.inputNode?.closest("[data-part='root']") ?? null].filter((e) => e !== null), t = ee(d, {
+		f,
+		q,
+		d.open
+	]), h(() => {
+		if (f === null || !d.open) return;
+		let e = [d.inputNode?.closest("[data-part='root']") ?? null].filter((e) => e !== null), t = te(f, {
 			branches: e,
-			escape: l.closeOnEscape,
+			escape: d.closeOnEscape,
 			focusOutside: !1,
 			modal: !1,
-			outsidePress: l.closeOnOutsidePress,
+			outsidePress: d.closeOnOutsidePress,
 			scrollLock: !1,
 			onDismiss: (e) => {
 				M.current.setOpen(!1, e.reason === "escape" ? "escape" : "outsidePress", e.source);
@@ -966,252 +987,271 @@ function Y({ children: n, chosen: r = !0, empty: i, ref: a, render: o, status: s
 		});
 		return () => t.destroy();
 	}, [
-		l.closeOnEscape,
-		l.closeOnOutsidePress,
-		l.inputNode,
-		l.open,
-		d
-	]), h(() => {
-		let e = H(m).filter((e) => e.dataset.create === void 0).length;
-		re((t) => t === e ? t : e);
-	}), h(() => {
+		d.closeOnEscape,
+		d.closeOnOutsidePress,
+		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 && m !== null) {
+		if (e.open && g !== null) {
 			if (e.entry.current !== "none") {
-				let t = ce(m, e.entry.current, e.loop);
+				let t = le(g, e.entry.current, e.loop);
 				e.entry.current = "none", t !== null && e.setHighlighted(t, "keyboard");
 				return;
 			}
-			e.highlighted !== null && (H(m).some((t) => U(t) === e.highlighted) || e.setHighlighted(null, "keyboard"));
+			e.highlighted !== null && (U(g).some((t) => W(t) === e.highlighted) || e.setHighlighted(null, "keyboard"));
 		}
 	}, [
-		l.open,
+		d.open,
 		k,
-		m
-	]), f(() => {
-		d?.hasAttribute("data-open") === !0 && le(m, l.highlighted);
+		g
+	]), h(() => {
+		f?.hasAttribute("data-open") === !0 && ue(g, d.highlighted);
 	}, [
-		d,
-		l.highlighted,
-		m
-	]), f(() => {
-		let e = j.current, t = m, n = l.onLoadMore;
+		f,
+		d.highlighted,
+		g
+	]), h(() => {
+		let e = j.current, t = g, 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();
 		}, { root: t });
 		return r.observe(e), () => r.disconnect();
 	}, [
-		l.onLoadMore,
+		d.onLoadMore,
 		k,
-		m
+		g
 	]), !N) return null;
-	let ue = {
+	let de = o({
 		"data-align": F,
-		...l.open ? {} : { inert: !0 },
+		...d.open ? {} : { inert: !0 },
 		"data-part": "positioner",
-		"data-size": l.size,
+		"data-size": d.size,
 		"data-ui": "multi-select",
-		"data-width": l.width
-	}, de = s === void 0 ? l.loading ? l.t("loading") : k === 0 ? null : l.t("count", { count: k }) : s, fe = !l.loading && k === 0 && l.creatable && !l.full && l.query.trim() !== "", q = /* @__PURE__ */ b("div", {
-		...ue,
+		"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,
 		ref: (e) => {
-			p(e), J(e, a);
+			m(e), me(e, a);
 		},
-		children: /* @__PURE__ */ x("div", {
-			...c,
-			"aria-busy": l.loading ? !0 : void 0,
+		children: /* @__PURE__ */ w("div", {
+			...c(u, "part", "content"),
+			"aria-busy": d.loading ? !0 : void 0,
 			"aria-multiselectable": "true",
-			"data-loading": l.loading ? "" : void 0,
-			"data-part": "content",
-			id: l.contentId,
-			ref: g,
+			"data-loading": d.loading ? "" : void 0,
+			id: d.contentId,
+			ref: _,
 			role: "listbox",
 			children: [
-				r && l.value.length > 0 ? /* @__PURE__ */ b("div", {
+				r && d.value.length > 0 ? /* @__PURE__ */ C("div", {
 					"data-part": "chosen",
-					children: l.value.map((e) => /* @__PURE__ */ b("span", {
+					"data-part-chosen": "",
+					children: d.value.map((e) => /* @__PURE__ */ C("span", {
 						"data-part": "root",
+						"data-part-root": "",
 						"data-size": "sm",
 						"data-ui": "tag",
+						"data-ui-tag": "",
 						"data-variant": "soft",
-						children: /* @__PURE__ */ b("span", {
+						children: /* @__PURE__ */ C("span", {
 							"data-part": "body",
-							children: /* @__PURE__ */ b("span", {
+							"data-part-body": "",
+							children: /* @__PURE__ */ C("span", {
 								"data-part": "label",
-								children: l.labelFor(e) ?? e
+								"data-part-label": "",
+								children: d.labelFor(e) ?? e
 							})
 						})
 					}, e))
 				}) : null,
 				n,
-				/* @__PURE__ */ b("div", { ref: j }),
-				fe ? /* @__PURE__ */ x("div", {
+				/* @__PURE__ */ C("div", { ref: j }),
+				J ? /* @__PURE__ */ w("div", {
 					"data-create": "",
 					"data-part": "item",
-					"data-value": l.query,
-					id: l.optionId(l.query),
+					"data-part-item": "",
+					"data-value": d.query,
+					id: d.optionId(d.query),
 					onClick: (e) => {
-						l.admit([l.query], "submit", e.nativeEvent), l.setInputValue("", "submit", e.nativeEvent), l.inputNode?.focus({ preventScroll: !0 });
+						d.admit([d.query], "submit", e.nativeEvent), d.setInputValue("", "submit", e.nativeEvent), d.inputNode?.focus({ preventScroll: !0 });
 					},
 					onPointerDown: (e) => {
 						e.defaultPrevented || e.preventDefault();
 					},
-					onPointerEnter: (e) => l.setHighlighted(l.query, "pointer", e.nativeEvent),
+					onPointerEnter: (e) => d.setHighlighted(d.query, "pointer", e.nativeEvent),
 					role: "option",
 					"aria-selected": !1,
-					...l.highlighted === l.query ? { "data-current": "" } : {},
+					...d.highlighted === d.query ? { "data-current": "" } : {},
 					children: [
-						/* @__PURE__ */ b("span", { "data-part": "icon" }),
-						/* @__PURE__ */ b("span", {
+						/* @__PURE__ */ C("span", {
+							"data-part": "icon",
+							"data-part-icon": ""
+						}),
+						/* @__PURE__ */ C("span", {
 							"data-part": "label",
-							children: l.t("create", { query: l.query })
+							"data-part-label": "",
+							children: d.t("create", { query: d.query })
 						}),
-						/* @__PURE__ */ b("span", {
+						/* @__PURE__ */ C("span", {
 							"data-part": "indicator",
-							children: /* @__PURE__ */ b(t, { children: /* @__PURE__ */ b(e, { name: "plus" }) })
+							"data-part-indicator": "",
+							children: /* @__PURE__ */ C(t, { children: /* @__PURE__ */ C(e, { name: "plus" }) })
 						})
 					]
 				}) : null,
-				!l.loading && k === 0 && !fe ? /* @__PURE__ */ b("div", {
+				!d.loading && k === 0 && !J ? /* @__PURE__ */ C("div", {
 					"data-part": "empty",
-					children: i ?? l.t("empty")
+					"data-part-empty": "",
+					children: i ?? d.t("empty")
 				}) : null,
-				l.loading ? /* @__PURE__ */ b("div", {
+				d.loading ? /* @__PURE__ */ C("div", {
 					"aria-hidden": "true",
 					"data-part": "placeholder",
+					"data-part-placeholder": "",
 					children: [
 						0,
 						1,
 						2
-					].map((e) => /* @__PURE__ */ b("div", { children: /* @__PURE__ */ b("span", {
+					].map((e) => /* @__PURE__ */ C("div", { children: /* @__PURE__ */ C("span", {
 						"data-part": "root",
+						"data-part-root": "",
 						"data-shape": "text",
 						"data-ui": "skeleton",
+						"data-ui-skeleton": "",
 						"data-loading": ""
 					}) }, e))
 				}) : null,
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ C("div", {
 					"aria-live": "polite",
 					"data-part": "status",
-					...l.loading ? { "data-loading": "" } : {},
+					"data-part-status": "",
+					...d.loading ? { "data-loading": "" } : {},
 					role: "status",
-					children: de
+					children: fe
 				})
 			]
 		})
-	}), pe = o === void 0 ? q : o({
-		...ue,
+	}), Y = s === void 0 ? pe : s({
+		...de,
 		children: n
 	});
-	return y === null ? pe : ne(pe, y);
+	return y === null ? Y : re(Y, y);
 }
 //#endregion
 //#region src/multi-select/multi-select-items.tsx
-function me({ children: n, description: r, disabled: i = !1, icon: o, position: s, ref: c, textValue: l, value: u, ...d }) {
-	let p = R(), [m, h] = v(null), y = _(null), S = l ?? (typeof n == "string" ? n : void 0);
-	f(() => {
+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(() => {
 		if (m === null) return;
-		let e = S ?? m.querySelector("[data-part='label']")?.textContent?.trim() ?? "";
-		e !== "" && e !== y.current && (y.current = e, p.registerLabel(u, e));
+		let e = v ?? m.querySelector("[data-part='label']")?.textContent?.trim() ?? "";
+		e !== "" && e !== _.current && (_.current = e, p.registerLabel(d, e));
 	}, [
 		p,
 		m,
-		S,
-		u
+		v,
+		d
 	]);
-	let C = g(() => {
-		if (!p.highlightMatch || p.query === "" || S === void 0) return n;
-		let e = M(S, p.query, { locale: p.locale });
-		return e.length === 0 ? n : /* @__PURE__ */ b(a, {
+	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,
-			text: S
+			text: v
 		});
 	}, [
 		n,
 		p.highlightMatch,
 		p.locale,
 		p.query,
-		S
+		v
 	]);
-	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, te = (e) => {
-		E || p.setHighlighted(u, "pointer", e.nativeEvent);
+	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) => {
+		f.onPointerDown?.(e), !e.defaultPrevented && e.preventDefault();
 	}, ne = (e) => {
-		d.onPointerDown?.(e), !e.defaultPrevented && e.preventDefault();
-	}, D = (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 }));
+		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 }));
 	};
-	return /* @__PURE__ */ x("div", {
-		...d,
-		"aria-disabled": E ? !0 : void 0,
+	return /* @__PURE__ */ w("div", {
+		...c(f, "part", "item"),
+		"aria-disabled": D ? !0 : void 0,
 		"aria-posinset": s,
-		"aria-selected": w,
+		"aria-selected": T,
 		"aria-setsize": s === void 0 ? void 0 : p.total,
-		"data-part": "item",
-		"data-value": u,
-		...S === void 0 ? {} : { "data-text-value": S },
+		"data-value": d,
+		...v === void 0 ? {} : { "data-text-value": v },
 		...i ? { "data-disabled": "" } : {},
-		...w ? { "data-selected": "" } : {},
-		...T ? { "data-current": "" } : {},
-		id: d.id ?? p.optionId(u),
-		onClick: D,
-		onPointerDown: ne,
+		...T ? { "data-selected": "" } : {},
+		...ee ? { "data-current": "" } : {},
+		id: f.id ?? p.optionId(d),
+		onClick: ne,
+		onPointerDown: O,
 		onPointerEnter: te,
 		ref: (e) => {
-			h(e), typeof c == "function" ? c(e) : c != null && (c.current = e);
+			g(e), typeof l == "function" ? l(e) : l != null && (l.current = e);
 		},
 		role: "option",
 		children: [
-			o === void 0 ? null : /* @__PURE__ */ b("span", {
+			o === void 0 ? null : /* @__PURE__ */ C("span", {
 				"data-part": "icon",
+				"data-part-icon": "",
 				children: o
 			}),
-			/* @__PURE__ */ b("span", {
+			/* @__PURE__ */ C("span", {
 				"data-part": "label",
-				children: C
+				"data-part-label": "",
+				children: S
 			}),
-			r === void 0 ? null : /* @__PURE__ */ b("span", {
+			r === void 0 ? null : /* @__PURE__ */ C("span", {
 				"data-part": "description",
+				"data-part-description": "",
 				children: r
 			}),
-			/* @__PURE__ */ b("span", {
+			/* @__PURE__ */ C("span", {
 				"data-part": "indicator",
-				children: /* @__PURE__ */ b(t, { children: /* @__PURE__ */ b(e, { name: "check" }) })
+				"data-part-indicator": "",
+				children: /* @__PURE__ */ C(t, { children: /* @__PURE__ */ C(e, { name: "check" }) })
 			})
 		]
 	});
 }
-function he({ children: e, label: t, ...n }) {
-	let r = `${p()}group`, { query: i, value: a } = R(), [o, s] = v(null), [c, l] = v(!1);
-	return f(() => {
-		o !== null && l(o.querySelector("[data-part='item']") === null);
+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(() => {
+		o !== null && u(o.querySelector("[data-part='item']") === null);
 	}, [
 		o,
 		i,
 		a
-	]), /* @__PURE__ */ x("div", {
-		...n,
+	]), /* @__PURE__ */ w("div", {
+		...c(n, "part", "group"),
 		"aria-labelledby": r,
-		"data-part": "group",
-		hidden: c,
+		hidden: l,
 		ref: s,
 		role: "group",
-		children: [/* @__PURE__ */ b("div", {
+		children: [/* @__PURE__ */ C("div", {
 			"data-part": "group-label",
+			"data-part-group-label": "",
 			id: r,
 			children: t
 		}), e]
 	});
 }
-function ge(e) {
-	return /* @__PURE__ */ b("div", {
+function ye(e) {
+	return /* @__PURE__ */ C("div", {
 		"data-part": "separator",
+		"data-part-separator": "",
 		ref: e.ref,
 		role: "separator"
 	});
 }
 //#endregion
-export { pe as a, R as c, F as d, Y as i, N as l, me as n, fe as o, ge as r, V as s, he as t, I as u };
+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 };