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

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

@@ -18,49 +18,10 @@ import { createPositioner as k } from "@slotted/core/positioner";
 import { multiSelectMessages as A } from "@slotted/core/i18n";
 import { createWidthGate as j } from "@slotted/core/measure";
 import { getLiveAnnouncer as M } from "@slotted/core/live-announcer";
-import { createFilter as ee, moveIndex as N } from "@slotted/core/collection";
-import { matchRanges as P } from "@slotted/core/highlight";
-//#region src/multi-select/multi-select-collection.ts
-var F = "[data-part='item']";
-function I(e) {
-	return e === null ? [] : [...e.querySelectorAll(F)];
-}
-var L = (e) => e.dataset.value ?? "", R = (e) => e.dataset.disabled === void 0 && e.getAttribute("aria-disabled") !== "true";
-function z(e, t) {
-	return e !== null && e.querySelector(`[data-part='item'][data-value="${CSS.escape(t)}"]`)?.hasAttribute("data-create") === !0;
-}
-function B(e, t, n, r) {
-	let i = I(e);
-	if (i.length === 0) return null;
-	let a = N({
-		enabled: i.map(R),
-		from: t === null ? -1 : i.findIndex((e) => L(e) === t),
-		intent: n,
-		loop: r
-	});
-	return a === -1 ? null : L(i[a]);
-}
-function te(e, t, n) {
-	return t === "none" ? null : B(e, null, t, n);
-}
-function V(e, t) {
-	if (e === null || t === null) return;
-	let n = I(e).find((e) => L(e) === t);
-	n !== void 0 && ne(n, e);
-}
-function ne(e, t) {
-	let n = t;
-	for (let r = e.parentElement; r !== null && r !== t; r = r.parentElement) {
-		let e = getComputedStyle(r).overflowY;
-		if (e === "auto" || e === "scroll") {
-			n = r;
-			break;
-		}
-	}
-	let r = e.getBoundingClientRect(), i = n.getBoundingClientRect().top + n.clientTop, a = i + n.clientHeight;
-	r.top < i ? n.scrollTop -= i - r.top : r.bottom > a && (n.scrollTop += Math.min(r.bottom - a, r.top - i));
-}
-var H = "[data-part='chips'] > [role='gridcell']:not([data-part='field'])", U = {
+import { createFilter as ee, moveIndex as N, revealWithin as P } from "@slotted/core/collection";
+import { matchRanges as F } from "@slotted/core/highlight";
+//#region src/multi-select/multi-select-defaults.tsx
+var I = {
 	addOnPaste: !0,
 	align: "start",
 	alignOffset: 0,
@@ -98,12 +59,12 @@ var H = "[data-part='chips'] > [role='gridcell']:not([data-part='field'])", U =
 	strategy: "absolute",
 	variant: "outline",
 	width: "content"
-}, W = u(U);
-function G() {
-	return f(W);
+}, L = u(I);
+function R() {
+	return f(L);
 }
-function re({ children: e, container: t, ...n }) {
-	let r = G();
+function z({ children: e, container: t, ...n }) {
+	let r = R();
 	p(() => {
 		if (t !== void 0) return E(t), () => E(null);
 	}, [t]);
@@ -146,84 +107,84 @@ function re({ children: e, container: t, ...n }) {
 		variant: n.variant ?? r.variant,
 		width: n.width ?? r.width
 	};
-	return /* @__PURE__ */ x(W.Provider, {
+	return /* @__PURE__ */ x(L.Provider, {
 		value: i,
 		children: e
 	});
 }
 //#endregion
 //#region src/multi-select/multi-select.tsx
-var ie = u(void 0);
-function K() {
-	let e = f(ie);
+var B = u(void 0);
+function V() {
+	let e = f(B);
 	if (e === void 0) throw Error("MultiSelectControl, MultiSelectContent and every option have to be inside a MultiSelect.");
 	return e;
 }
-var ae = (e) => "options" in e;
-function oe(e) {
-	return e === void 0 ? [] : e.flatMap((e) => ae(e) ? e.options : [e]);
+var H = (e) => "options" in e;
+function U(e) {
+	return e === void 0 ? [] : e.flatMap((e) => H(e) ? e.options : [e]);
 }
-var se = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]);
-function ce({ children: e, defaultHighlightedValue: t = null, defaultInputValue: n = "", defaultOpen: o = !1, defaultValue: s = [], filter: c, form: u, highlightedValue: f, inputValue: p, items: g, locale: b, messages: S, name: C, onHighlightedValueChange: w, onInputValueChange: T, onLoadMore: E, onOpenChange: D, onValueChange: O, onValueRefuse: k, open: j, ref: N, total: P, validateValue: F, value: I, ...L }) {
-	let R = G(), z = a(), B = i(A, S), te = r(), V = b ?? te, H = m(), U = `${H}listbox`, W = `${H}input`, [re, K] = y(o), [ae, ce] = y(s), [le] = y(s), [ue, de] = y(n), [fe, pe] = y(t), [q, me] = y(null), [J, he] = y(null), [ge, _e] = y(null), [ve, ye] = y(!1), be = L.disabled ?? z?.disabled ?? R.disabled, xe = L.readOnly ?? z?.readOnly ?? R.readOnly, Y = L.max ?? R.max, Se = L.allowDuplicates ?? R.allowDuplicates, X = (j ?? re) && !be, Ce = I ?? ae, we = p ?? ue, Te = f === void 0 ? fe : f, Ee = v(X);
-	X && (Ee.current = !0);
-	let De = v("none"), Oe = v(/* @__PURE__ */ new Map()), [ke, Ae] = y(0), je = _(() => {
+var te = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]);
+function W({ children: e, defaultHighlightedValue: t = null, defaultInputValue: n = "", defaultOpen: o = !1, defaultValue: s = [], filter: c, form: u, highlightedValue: f, inputValue: p, items: g, locale: b, messages: S, name: C, onHighlightedValueChange: w, onInputValueChange: T, onLoadMore: E, onOpenChange: D, onValueChange: O, onValueRefuse: k, open: j, ref: N, total: F, validateValue: I, value: L, ...z }) {
+	let V = R(), H = a(), W = i(A, S), ne = r(), G = b ?? ne, K = m(), q = `${K}listbox`, re = `${K}input`, [ie, ae] = y(o), [oe, se] = y(s), [J] = y(s), [ce, le] = y(n), [ue, de] = y(t), [Y, fe] = y(null), [X, pe] = y(null), [me, he] = y(null), [ge, _e] = y(!1), ve = z.disabled ?? H?.disabled ?? V.disabled, ye = z.readOnly ?? H?.readOnly ?? V.readOnly, Z = z.max ?? V.max, be = z.allowDuplicates ?? V.allowDuplicates, xe = (j ?? ie) && !ve, Se = L ?? oe, Ce = p ?? ce, we = f === void 0 ? ue : f, Te = v(xe);
+	xe && (Te.current = !0);
+	let Ee = v("none"), De = v(/* @__PURE__ */ new Map()), [Oe, ke] = y(0), Ae = _(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of oe(g)) e.set(t.value, t.label);
+		for (let t of U(g)) e.set(t.value, t.label);
 		return e;
-	}, [g]), Me = d((e, t) => {
-		Oe.current.get(e) !== t && (Oe.current.set(e, t), Ae((e) => e + 1));
-	}, []), Ne = d((e) => je.get(e) ?? Oe.current.get(e), [je, ke]), Pe = d((e) => `${H}option-${encodeURIComponent(e)}`, [H]), Z = we, Fe = _(() => ee({ locale: V }), [V]), Ie = d((e) => Z === "" || c === null ? !0 : c === void 0 ? Fe.contains(e, Z) : c(e, Z), [
+	}, [g]), je = d((e, t) => {
+		De.current.get(e) !== t && (De.current.set(e, t), ke((e) => e + 1));
+	}, []), Me = d((e) => Ae.get(e) ?? De.current.get(e), [Ae, Oe]), Ne = d((e) => `${K}option-${encodeURIComponent(e)}`, [K]), Pe = Ce, Fe = _(() => ee({ locale: G }), [G]), Ie = d((e) => Pe === "" || c === null ? !0 : c === void 0 ? Fe.contains(e, Pe) : c(e, Pe), [
 		Fe,
 		c,
-		Z
+		Pe
 	]), Le = d((e) => {
-		e !== "" && M(q?.ownerDocument).announce(e, { repeat: !0 });
-	}, [q]), Q = v({
-		allowDuplicates: Se,
+		e !== "" && M(Y?.ownerDocument).announce(e, { repeat: !0 });
+	}, [Y]), Q = v({
+		allowDuplicates: be,
 		announcer: Le,
 		collator: Fe,
-		currentHighlighted: Te,
-		currentInput: we,
-		currentOpen: X,
-		currentValue: Ce,
+		currentHighlighted: we,
+		currentInput: Ce,
+		currentOpen: xe,
+		currentValue: Se,
 		highlightedValue: f,
-		inputNode: q,
+		inputNode: Y,
 		inputValue: p,
-		labelFor: Ne,
-		max: Y,
+		labelFor: Me,
+		max: Z,
 		onHighlightedValueChange: w,
 		onInputValueChange: T,
 		onOpenChange: D,
 		onValueChange: O,
 		onValueRefuse: k,
 		open: j,
-		t: B,
-		validateValue: F,
-		value: I
+		t: W,
+		validateValue: I,
+		value: L
 	});
 	Q.current = {
-		allowDuplicates: Se,
+		allowDuplicates: be,
 		announcer: Le,
 		collator: Fe,
-		currentHighlighted: Te,
-		currentInput: we,
-		currentOpen: X,
-		currentValue: Ce,
+		currentHighlighted: we,
+		currentInput: Ce,
+		currentOpen: xe,
+		currentValue: Se,
 		highlightedValue: f,
-		inputNode: q,
+		inputNode: Y,
 		inputValue: p,
-		labelFor: Ne,
-		max: Y,
+		labelFor: Me,
+		max: Z,
 		onHighlightedValueChange: w,
 		onInputValueChange: T,
 		onOpenChange: D,
 		onValueChange: O,
 		onValueRefuse: k,
 		open: j,
-		t: B,
-		validateValue: F,
-		value: I
+		t: W,
+		validateValue: I,
+		value: L
 	};
 	let Re = d((e, t, n) => {
 		let r = Q.current;
@@ -231,28 +192,28 @@ function ce({ children: e, defaultHighlightedValue: t = null, defaultInputValue:
 			controlled: r.open,
 			initial: r.currentOpen,
 			onRequest: (e) => r.onOpenChange?.(e.value, e)
-		}).request(e, t, n) && (K(e), e || (pe(null), De.current = "none"));
+		}).request(e, t, n) && (ae(e), e || (de(null), Ee.current = "none"));
 	}, []), ze = d((e, t, n) => {
 		let r = Q.current;
 		e !== r.currentHighlighted && l({
 			controlled: r.highlightedValue,
 			initial: r.currentHighlighted,
 			onRequest: (e) => r.onHighlightedValueChange?.(e.value, e)
-		}).request(e, t, n) && pe(e);
+		}).request(e, t, n) && de(e);
 	}, []), Be = d((e, t, n) => {
 		let r = Q.current;
 		e !== r.currentInput && l({
 			controlled: r.inputValue,
 			initial: r.currentInput,
 			onRequest: (e) => r.onInputValueChange?.(e.value, e)
-		}).request(e, t, n) && de(e);
+		}).request(e, t, n) && le(e);
 	}, []), $ = d((e, t, n) => {
 		let r = Q.current;
-		return se(e, r.currentValue) || !l({
+		return te(e, r.currentValue) || !l({
 			controlled: r.value,
 			initial: r.currentValue,
 			onRequest: (e) => r.onValueChange?.(e.value, e)
-		}).request(e, t, n) ? !1 : (ce(e), !0);
+		}).request(e, t, n) ? !1 : (se(e), !0);
 	}, []), Ve = d((e, t) => {
 		let n = Q.current, r = [...t], i = {
 			duplicate: [],
@@ -295,7 +256,7 @@ function ce({ children: e, defaultHighlightedValue: t = null, defaultInputValue:
 			cause: t,
 			source: n
 		});
-		t !== null && _e(t), e.limit.length > 0 && r.max !== null && r.announcer(r.t("counter", {
+		t !== null && he(t), e.limit.length > 0 && r.max !== null && r.announcer(r.t("counter", {
 			count: r.max,
 			max: r.max
 		}));
@@ -331,10 +292,10 @@ function ce({ children: e, defaultHighlightedValue: t = null, defaultInputValue:
 	}, [Ue, Ge]), qe = d((e) => {
 		$([], "clear", e), Be("", "clear", e);
 	}, [$, Be]), Je = d((e) => {
-		$(le, "programmatic", e), Be("", "programmatic", e);
+		$(J, "programmatic", e), Be("", "programmatic", e);
 	}, [
 		$,
-		le,
+		J,
 		Be
 	]), Ye = d((e, t, n) => {
 		let r = Q.current, i = r.currentValue;
@@ -349,105 +310,134 @@ function ce({ children: e, defaultHighlightedValue: t = null, defaultInputValue:
 		focus: () => Q.current.inputNode?.focus({ preventScroll: !0 }),
 		open: () => Re(!0, "programmatic"),
 		scrollToKey: (e) => {
-			let t = J?.querySelector(`[data-part='item'][data-value="${CSS.escape(e)}"]`);
-			t != null && J !== null && ne(t, J);
+			let t = X?.querySelector(`[data-part='item'][data-value="${CSS.escape(e)}"]`);
+			t != null && X !== null && P(t, X);
 		},
 		setValue: (e, t = "programmatic") => $([...e], t)
 	}), [
 		$,
-		J,
+		X,
 		Re
 	]);
 	let Xe = {
-		addOnPaste: L.addOnPaste ?? R.addOnPaste,
+		addOnPaste: z.addOnPaste ?? V.addOnPaste,
 		admit: Ue,
-		align: L.align ?? R.align,
-		alignOffset: L.alignOffset ?? R.alignOffset,
+		align: z.align ?? V.align,
+		alignOffset: z.alignOffset ?? V.alignOffset,
 		announce: Le,
-		chosenOptions: L.chosenOptions ?? R.chosenOptions,
+		chosenOptions: z.chosenOptions ?? V.chosenOptions,
 		clear: qe,
-		clearable: L.clearable ?? R.clearable,
-		closeOnEscape: L.closeOnEscape ?? R.closeOnEscape,
-		closeOnOutsidePress: L.closeOnOutsidePress ?? R.closeOnOutsidePress,
-		closeOnSelect: L.closeOnSelect ?? R.closeOnSelect,
-		collisionPadding: L.collisionPadding ?? R.collisionPadding,
-		commitOnBlur: L.commitOnBlur ?? R.commitOnBlur,
-		contentId: U,
-		contentNode: J,
-		creatable: L.creatable ?? R.creatable,
-		delimiters: L.delimiters ?? R.delimiters,
-		disabled: be,
-		duplicate: ge,
-		editable: L.editable ?? R.editable,
-		entry: De,
-		flip: L.flip ?? R.flip,
+		clearable: z.clearable ?? V.clearable,
+		closeOnEscape: z.closeOnEscape ?? V.closeOnEscape,
+		closeOnOutsidePress: z.closeOnOutsidePress ?? V.closeOnOutsidePress,
+		closeOnSelect: z.closeOnSelect ?? V.closeOnSelect,
+		collisionPadding: z.collisionPadding ?? V.collisionPadding,
+		commitOnBlur: z.commitOnBlur ?? V.commitOnBlur,
+		contentId: q,
+		contentNode: X,
+		creatable: z.creatable ?? V.creatable,
+		delimiters: z.delimiters ?? V.delimiters,
+		disabled: ve,
+		duplicate: me,
+		editable: z.editable ?? V.editable,
+		entry: Ee,
+		flip: z.flip ?? V.flip,
 		form: u,
-		full: Y !== null && Ce.length >= Y,
-		fullWidth: L.fullWidth ?? R.fullWidth,
-		hideWhenDetached: L.hideWhenDetached ?? R.hideWhenDetached,
-		highlighted: Te,
-		highlightMatch: L.highlightMatch ?? R.highlightMatch,
-		inputId: W,
-		inputNode: q,
-		inputValue: we,
-		invalid: L.invalid ?? z?.invalid ?? R.invalid,
-		labelFor: Ne,
-		loading: L.loading ?? R.loading,
-		locale: V,
-		loop: L.loop ?? R.loop,
+		full: Z !== null && Se.length >= Z,
+		fullWidth: z.fullWidth ?? V.fullWidth,
+		hideWhenDetached: z.hideWhenDetached ?? V.hideWhenDetached,
+		highlighted: we,
+		highlightMatch: z.highlightMatch ?? V.highlightMatch,
+		inputId: re,
+		inputNode: Y,
+		inputValue: Ce,
+		invalid: z.invalid ?? H?.invalid ?? V.invalid,
+		labelFor: Me,
+		loading: z.loading ?? V.loading,
+		locale: G,
+		loop: z.loop ?? V.loop,
 		matches: Ie,
-		max: Y,
-		mount: L.mount ?? R.mount,
+		max: Z,
+		mount: z.mount ?? V.mount,
 		move: Ye,
 		name: C,
-		narrow: ve,
+		narrow: ge,
 		onLoadMore: E,
-		open: X,
-		openOn: L.openOn ?? R.openOn,
-		optionId: Pe,
-		overflow: L.overflow ?? R.overflow,
-		portal: L.portal ?? R.portal,
-		query: Z,
-		readOnly: xe,
-		registerLabel: Me,
+		open: xe,
+		openOn: z.openOn ?? V.openOn,
+		optionId: Ne,
+		overflow: z.overflow ?? V.overflow,
+		portal: z.portal ?? V.portal,
+		query: Pe,
+		readOnly: ye,
+		registerLabel: je,
 		remove: Ge,
 		replace: We,
 		restore: Je,
-		reorderable: L.reorderable ?? R.reorderable,
-		required: L.required ?? z?.required ?? R.required,
-		seen: Ee.current,
-		setContentNode: he,
-		setDuplicate: _e,
+		reorderable: z.reorderable ?? V.reorderable,
+		required: z.required ?? H?.required ?? V.required,
+		seen: Te.current,
+		setContentNode: pe,
+		setDuplicate: he,
 		setHighlighted: ze,
-		setInputNode: me,
+		setInputNode: fe,
 		setInputValue: Be,
-		setNarrow: ye,
+		setNarrow: _e,
 		setOpen: Re,
-		shift: L.shift ?? R.shift,
-		side: L.side ?? R.side,
-		sideOffset: L.sideOffset ?? R.sideOffset,
-		size: L.size ?? z?.size ?? R.size,
-		strategy: L.strategy ?? R.strategy,
+		shift: z.shift ?? V.shift,
+		side: z.side ?? V.side,
+		sideOffset: z.sideOffset ?? V.sideOffset,
+		size: z.size ?? H?.size ?? V.size,
+		strategy: z.strategy ?? V.strategy,
 		toggle: Ke,
-		t: B,
-		total: P,
-		value: Ce,
-		variant: L.variant ?? R.variant,
-		width: L.width ?? R.width
+		t: W,
+		total: F,
+		value: Se,
+		variant: z.variant ?? V.variant,
+		width: z.width ?? V.width
 	};
-	return /* @__PURE__ */ x(ie.Provider, {
+	return /* @__PURE__ */ x(B.Provider, {
 		value: Xe,
 		children: e
 	});
 }
 //#endregion
+//#region src/multi-select/multi-select-collection.ts
+var ne = e(), G = "[data-part='item']";
+function K(e) {
+	return e === null ? [] : [...e.querySelectorAll(G)];
+}
+var q = (e) => e.dataset.value ?? "", re = (e) => e.dataset.disabled === void 0 && e.getAttribute("aria-disabled") !== "true";
+function ie(e, t) {
+	return e !== null && e.querySelector(`[data-part='item'][data-value="${CSS.escape(t)}"]`)?.hasAttribute("data-create") === !0;
+}
+function ae(e, t, n, r) {
+	let i = K(e);
+	if (i.length === 0) return null;
+	let a = N({
+		enabled: i.map(re),
+		from: t === null ? -1 : i.findIndex((e) => q(e) === t),
+		intent: n,
+		loop: r
+	});
+	return a === -1 ? null : q(i[a]);
+}
+function oe(e, t, n) {
+	return t === "none" ? null : ae(e, null, t, n);
+}
+function se(e, t) {
+	if (e === null || t === null) return;
+	let n = K(e).find((e) => q(e) === t);
+	n !== void 0 && P(n, e);
+}
+var J = "[data-part='chips'] > [role='gridcell']:not([data-part='field'])";
+//#endregion
 //#region src/multi-select/multi-select-chips.tsx
-var le = e();
-function ue(e, t) {
+function ce(e, t) {
 	return e || t;
 }
-function de({ count: e, index: r, label: i, value: a }) {
-	let o = K(), [s, c] = y(null), l = v(null), u = ue(o.readOnly, o.disabled);
+function le({ count: e, index: r, label: i, value: a }) {
+	let o = V(), [s, c] = y(null), l = v(null), u = ce(o.readOnly, o.disabled);
 	p(() => {
 		o.duplicate === a && (l.current?.focus({ preventScroll: !0 }), o.setDuplicate(null));
 	}, [o, a]);
@@ -548,13 +538,13 @@ function de({ count: e, index: r, label: i, value: a }) {
 		})
 	});
 }
-function fe({ children: e }) {
-	let t = K(), n = v(null), r = v(null), i = v(null), [a, o] = y(0), l = t.overflow === "collapse";
+function ue({ children: e }) {
+	let t = V(), n = v(null), r = v(null), i = v(null), [a, o] = y(0), l = t.overflow === "collapse";
 	return p(() => {
 		let e = n.current;
 		if (e === null) return;
 		let t = s(e, {
-			itemSelector: `${H}, [data-part='field'] > [data-part='input']`,
+			itemSelector: `${J}, [data-part='field'] > [data-part='input']`,
 			loop: !1,
 			ownedKeys: (e) => e instanceof HTMLInputElement && e.value !== "" ? [
 				"ArrowLeft",
@@ -569,7 +559,7 @@ function fe({ children: e }) {
 		if (e === null) return;
 		let r = c(e, {
 			fallback: () => t.inputNode,
-			itemSelector: H
+			itemSelector: J
 		});
 		return () => r.destroy();
 	}, [t.inputNode]), p(() => {
@@ -582,7 +572,7 @@ function fe({ children: e }) {
 			collapsible: () => !0,
 			onChange: (e) => o(e.length),
 			trigger: () => r.current,
-			units: () => [...e.querySelectorAll(H)].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);
@@ -594,7 +584,7 @@ function fe({ children: e }) {
 		ref: n,
 		role: "row",
 		children: [
-			t.value.map((e, n) => /* @__PURE__ */ x(de, {
+			t.value.map((e, n) => /* @__PURE__ */ x(le, {
 				count: t.value.length,
 				index: n,
 				label: t.labelFor(e) ?? e,
@@ -625,17 +615,17 @@ function fe({ children: e }) {
 }
 //#endregion
 //#region src/multi-select/multi-select-parts.tsx
-var pe = 120;
-function q(e, t) {
+var de = 120;
+function Y(e, t) {
 	return (n) => {
 		e?.(n), n.defaultPrevented || t(n);
 	};
 }
-function me(e, ...t) {
+function fe(e, ...t) {
 	for (let n of t) typeof n == "function" ? n(e) : n != null && (n.current = e);
 }
-function J({ ref: e, render: r, ...i }) {
-	let o = K(), s = a(), [c, l] = y(null), u = v(null);
+function X({ ref: e, render: r, ...i }) {
+	let o = V(), s = a(), [c, l] = y(null), u = v(null);
 	p(() => {
 		o.setInputNode(c);
 	}, [o, c]);
@@ -666,7 +656,7 @@ function J({ ref: e, render: r, ...i }) {
 			o.entry.current = e === "previous" || e === "pageUp" ? "last" : "first";
 			return;
 		}
-		let n = B(o.contentNode, o.highlighted, e, o.loop);
+		let n = ae(o.contentNode, o.highlighted, e, o.loop);
 		n !== null && o.setHighlighted(n, "keyboard", t);
 	}, _ = (e) => {
 		let t = o.delimiters;
@@ -679,7 +669,7 @@ function J({ ref: e, render: r, ...i }) {
 		return t.trim() !== "" && (o.admit(_(t), "submit", e), o.setInputValue("", "submit", e), !0);
 	}, w = (e) => {
 		let t = o.highlighted;
-		return t === null ? !1 : z(o.contentNode, t) ? (C(e), !0) : (o.toggle(t, "select", e), o.setInputValue("", "select", e), o.closeOnSelect && o.setOpen(!1, "select", e), !0);
+		return t === null ? !1 : ie(o.contentNode, t) ? (C(e), !0) : (o.toggle(t, "select", e), o.setInputValue("", "select", e), o.closeOnSelect && o.setOpen(!1, "select", e), !0);
 	}, T = (e, t) => {
 		o.entry.current = e, o.setOpen(!0, "keyboard", t);
 	}, E = (e) => {
@@ -753,11 +743,11 @@ function J({ ref: e, render: r, ...i }) {
 	}, P = (e) => {
 		o.disabled || o.readOnly || (o.entry.current = "none", o.setOpen(!o.open, "pointer", e.nativeEvent), c?.focus({ preventScroll: !0 }));
 	}, F = d((t) => {
-		l(t), me(t, e);
+		l(t), fe(t, e);
 	}, [e]), I = [i["aria-describedby"], s?.describedBy].filter(Boolean).join(" "), L = o.clearable && (o.value.length > 0 || o.inputValue !== "") && !o.disabled && !o.readOnly, R = o.max === null ? o.narrow && o.value.length > 0 ? o.t("chosen", { count: o.value.length }) : null : o.t("counter", {
 		count: o.value.length,
 		max: o.max
-	}), te = {
+	}), z = {
 		ref: u,
 		"data-overflow": o.overflow,
 		"data-part": "root",
@@ -773,12 +763,17 @@ function J({ ref: e, render: r, ...i }) {
 		...o.loading ? { "data-loading": "" } : {},
 		...o.full ? { "data-complete": "" } : {},
 		...o.narrow ? { "data-narrow": "" } : {}
-	}, V = /* @__PURE__ */ S(b, { children: [
+	}, B = o.t("chosen", { count: o.value.length }), H = `${i.id ?? s?.ids.control ?? o.inputId}-chosen`, U = i["aria-labelledby"] ?? s?.ids.label, te = i["aria-label"] === void 0 ? U === void 0 ? { "aria-label": B } : { "aria-labelledby": `${U} ${H}` } : { "aria-label": `${i["aria-label"]}, ${B}` }, W = /* @__PURE__ */ S(b, { children: [
+		/* @__PURE__ */ x("span", {
+			hidden: !0,
+			id: H,
+			children: B
+		}),
 		/* @__PURE__ */ x("div", {
-			"aria-label": o.t("chosen", { count: o.value.length }),
+			...te,
 			"data-part": "control",
 			role: "grid",
-			children: /* @__PURE__ */ x(fe, { children: /* @__PURE__ */ x("span", {
+			children: /* @__PURE__ */ x(ue, { children: /* @__PURE__ */ x("span", {
 				"data-part": "field",
 				role: "gridcell",
 				children: /* @__PURE__ */ x("input", {
@@ -793,12 +788,12 @@ function J({ ref: e, render: r, ...i }) {
 					"data-part": "input",
 					disabled: o.disabled,
 					id: i.id ?? s?.ids.control ?? o.inputId,
-					onBlur: q(i.onBlur, ee),
-					onChange: q(i.onChange, D),
-					onClick: q(i.onClick, A),
-					onFocus: q(i.onFocus, k),
-					onKeyDown: q(i.onKeyDown, E),
-					onPaste: q(i.onPaste, M),
+					onBlur: Y(i.onBlur, ee),
+					onChange: Y(i.onChange, D),
+					onClick: Y(i.onClick, A),
+					onFocus: Y(i.onFocus, k),
+					onKeyDown: Y(i.onKeyDown, E),
+					onPaste: Y(i.onPaste, M),
 					placeholder: o.value.length === 0 ? i.placeholder : void 0,
 					readOnly: o.readOnly,
 					ref: F,
@@ -859,15 +854,15 @@ function J({ ref: e, render: r, ...i }) {
 		}, e))
 	] });
 	return r === void 0 ? /* @__PURE__ */ x("div", {
-		...te,
-		children: V
+		...z,
+		children: W
 	}) : r({
-		...te,
-		children: V
+		...z,
+		children: W
 	});
 }
-function he({ children: e, chosen: r = !0, empty: i, ref: a, render: o, status: s, ...c }) {
-	let l = K(), [u, d] = y(null), [f, m] = y(null), [h, _] = y(null), [b, C] = y("unmounted"), [E, O] = y(!1), [A, j] = y(0), M = v(null), ee = v(null), N = v(l);
+function pe({ children: e, chosen: r = !0, empty: i, ref: a, render: o, status: s, ...c }) {
+	let l = V(), [u, d] = y(null), [f, m] = y(null), [h, _] = y(null), [b, C] = y("unmounted"), [E, O] = y(!1), [A, j] = y(0), M = v(null), ee = v(null), N = v(l);
 	N.current = l, p(() => {
 		let e = w({
 			present: N.current.open,
@@ -893,20 +888,20 @@ function he({ children: e, chosen: r = !0, empty: i, ref: a, render: o, status:
 		l.portal,
 		P
 	]);
-	let { align: F, alignOffset: R, collisionPadding: z, flip: B, hideWhenDetached: ne, shift: H, side: U, sideOffset: W, strategy: G, width: re } = l;
+	let { align: F, alignOffset: I, collisionPadding: L, flip: R, hideWhenDetached: z, shift: B, side: H, sideOffset: U, strategy: te, width: W } = l;
 	if (p(() => {
 		if (u === null || l.inputNode === null) return;
 		let e = !0, t = l.inputNode.closest("[data-part='root']") ?? l.inputNode, n = k(t, u, {
 			align: F,
-			alignOffset: R,
-			boundaryPadding: z,
-			flip: B,
-			hideWhenDetached: ne,
-			matchWidth: re === "anchor",
-			shift: H,
-			side: U,
-			sideOffset: W,
-			strategy: G
+			alignOffset: I,
+			boundaryPadding: L,
+			flip: R,
+			hideWhenDetached: z,
+			matchWidth: W === "anchor",
+			shift: B,
+			side: H,
+			sideOffset: U,
+			strategy: te
 		});
 		return n.update().then(() => {
 			e && O(!0);
@@ -915,17 +910,17 @@ function he({ children: e, chosen: r = !0, empty: i, ref: a, render: o, status:
 		};
 	}, [
 		F,
+		I,
+		L,
 		R,
 		z,
-		B,
-		ne,
 		u,
 		l.inputNode,
+		B,
 		H,
 		U,
-		W,
-		G,
-		re
+		te,
+		W
 	]), p(() => {
 		if (u === null || !l.open) return;
 		let e = [l.inputNode?.closest("[data-part='root']") ?? null].filter((e) => e !== null), t = D(u, {
@@ -947,24 +942,24 @@ function he({ children: e, chosen: r = !0, empty: i, ref: a, render: o, status:
 		l.open,
 		u
 	]), g(() => {
-		let e = I(f).filter((e) => e.dataset.create === void 0).length;
+		let e = K(f).filter((e) => e.dataset.create === void 0).length;
 		j((t) => t === e ? t : e);
 	}), g(() => {
 		let e = N.current;
 		if (e.open && f !== null) {
 			if (e.entry.current !== "none") {
-				let t = te(f, e.entry.current, e.loop);
+				let t = oe(f, e.entry.current, e.loop);
 				e.entry.current = "none", t !== null && e.setHighlighted(t, "keyboard");
 				return;
 			}
-			e.highlighted !== null && (I(f).some((t) => L(t) === e.highlighted) || e.setHighlighted(null, "keyboard"));
+			e.highlighted !== null && (K(f).some((t) => q(t) === e.highlighted) || e.setHighlighted(null, "keyboard"));
 		}
 	}, [
 		l.open,
 		A,
 		f
 	]), p(() => {
-		V(f, l.highlighted);
+		se(f, l.highlighted);
 	}, [
 		l.highlighted,
 		E,
@@ -981,7 +976,7 @@ function he({ children: e, chosen: r = !0, empty: i, ref: a, render: o, status:
 		A,
 		f
 	]), !P) return null;
-	let ie = {
+	let G = {
 		"data-align": F,
 		...l.open ? {} : { inert: !0 },
 		...l.open && E ? { "data-open": "" } : {},
@@ -989,10 +984,10 @@ function he({ children: e, chosen: r = !0, empty: i, ref: a, render: o, status:
 		"data-size": l.size,
 		"data-ui": "multi-select",
 		"data-width": l.width
-	}, ae = s === void 0 ? l.loading ? l.t("loading") : A === 0 ? null : l.t("count", { count: A }) : s, oe = !l.loading && A === 0 && l.creatable && !l.full && l.query.trim() !== "", se = /* @__PURE__ */ x("div", {
-		...ie,
+	}, re = s === void 0 ? l.loading ? l.t("loading") : A === 0 ? null : l.t("count", { count: A }) : s, ie = !l.loading && A === 0 && l.creatable && !l.full && l.query.trim() !== "", ae = /* @__PURE__ */ x("div", {
+		...G,
 		ref: (e) => {
-			d(e), me(e, a);
+			d(e), fe(e, a);
 		},
 		children: /* @__PURE__ */ S("div", {
 			...c,
@@ -1022,7 +1017,7 @@ function he({ children: e, chosen: r = !0, empty: i, ref: a, render: o, status:
 				}) : null,
 				e,
 				/* @__PURE__ */ x("div", { ref: ee }),
-				oe ? /* @__PURE__ */ S("div", {
+				ie ? /* @__PURE__ */ S("div", {
 					"data-create": "",
 					"data-part": "item",
 					"data-value": l.query,
@@ -1049,7 +1044,7 @@ function he({ children: e, chosen: r = !0, empty: i, ref: a, render: o, status:
 						})
 					]
 				}) : null,
-				!l.loading && A === 0 && !oe ? /* @__PURE__ */ x("div", {
+				!l.loading && A === 0 && !ie ? /* @__PURE__ */ x("div", {
 					"data-part": "empty",
 					children: i ?? l.t("empty")
 				}) : null,
@@ -1072,20 +1067,20 @@ function he({ children: e, chosen: r = !0, empty: i, ref: a, render: o, status:
 					"data-part": "status",
 					...l.loading ? { "data-loading": "" } : {},
 					role: "status",
-					children: ae
+					children: re
 				})
 			]
 		})
-	}), ce = o === void 0 ? se : o({
-		...ie,
+	}), J = o === void 0 ? ae : o({
+		...G,
 		children: e
 	});
-	return h === null ? ce : (0, le.createPortal)(ce, h);
+	return h === null ? J : (0, ne.createPortal)(J, h);
 }
 //#endregion
 //#region src/multi-select/multi-select-items.tsx
-function ge({ children: e, description: r, disabled: i = !1, icon: a, position: s, ref: c, textValue: l, value: u, ...d }) {
-	let f = K(), [m, h] = y(null), g = v(null), b = l ?? (typeof e == "string" ? e : void 0);
+function me({ children: e, description: r, disabled: i = !1, icon: a, position: s, ref: c, textValue: l, value: u, ...d }) {
+	let f = V(), [m, h] = y(null), g = v(null), b = l ?? (typeof e == "string" ? e : void 0);
 	p(() => {
 		if (m === null) return;
 		let e = b ?? m.querySelector("[data-part='label']")?.textContent?.trim() ?? "";
@@ -1098,7 +1093,7 @@ function ge({ children: e, description: r, disabled: i = !1, icon: a, position:
 	]);
 	let C = _(() => {
 		if (!f.highlightMatch || f.query === "" || b === void 0) return e;
-		let t = P(b, f.query, { locale: f.locale });
+		let t = F(b, f.query, { locale: f.locale });
 		return t.length === 0 ? e : /* @__PURE__ */ x(o, {
 			ranges: t,
 			text: b
@@ -1160,8 +1155,8 @@ function ge({ children: e, description: r, disabled: i = !1, icon: a, position:
 		]
 	});
 }
-function _e({ children: e, label: t, ...n }) {
-	let r = `${m()}group`, { query: i, value: a } = K(), [o, s] = y(null), [c, l] = y(!1);
+function he({ children: e, label: t, ...n }) {
+	let r = `${m()}group`, { query: i, value: a } = V(), [o, s] = y(null), [c, l] = y(!1);
 	return p(() => {
 		o !== null && l(o.querySelector("[data-part='item']") === null);
 	}, [
@@ -1182,7 +1177,7 @@ function _e({ children: e, label: t, ...n }) {
 		}), e]
 	});
 }
-function ve(e) {
+function ge(e) {
 	return /* @__PURE__ */ x("div", {
 		"data-part": "separator",
 		ref: e.ref,
@@ -1190,4 +1185,4 @@ function ve(e) {
 	});
 }
 //#endregion
-export { J as a, K as c, G as d, he as i, U as l, ge as n, pe as o, ve as r, ce as s, _e as t, re as u };
+export { X as a, V as c, R as d, pe as i, I as l, me as n, de as o, ge as r, W as s, he as t, z as u };