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

package/dist/{combobox-C66dNlMR.js → combobox-BVMI9lg8.js}

@@ -1,20 +1,20 @@
-import { t as e } from "./react-dom-DzrKNxo6.js";
-import { n as t, t as n } from "./icon-T9Yt4tnm.js";
-import { n as r, r as i } from "./i18n-DpW8lqJ1.js";
-import { b as a } from "./field-BJh5HI7w.js";
-import { t as o } from "./highlight-0Qw23QPp.js";
-import { createControllable as s } from "@slotted/core/state";
-import { createContext as c, useCallback as l, useContext as u, useEffect as d, useId as f, useImperativeHandle as p, useLayoutEffect as m, useMemo as h, useRef as g, useState as _ } from "react";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { createPresence as x } from "@slotted/core/presence";
-import { createPortalRoot as S, setPortalContainer as C } from "@slotted/core/portal";
-import { createDismissableLayer as w, pressOrigin as T } from "@slotted/core/dismissable-layer";
-import { createPositioner as ee } from "@slotted/core/positioner";
-import { comboboxMessages as E } from "@slotted/core/i18n";
-import { createFilter as te, moveIndex as D, revealWithin as O } from "@slotted/core/collection";
-import { matchRanges as k } from "@slotted/core/highlight";
+import { n as e, t } from "./icon-T9Yt4tnm.js";
+import { n, r } from "./i18n-DpW8lqJ1.js";
+import { b as i } from "./field-NJaCxl2h.js";
+import { t as a } from "./highlight-0Qw23QPp.js";
+import { createControllable as o } from "@slotted/core/state";
+import { createContext as s, useCallback as c, useContext as l, useEffect as u, useId as d, useImperativeHandle as f, useLayoutEffect as p, useMemo as m, useRef as h, useState as g } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { createPresence as ee } from "@slotted/core/presence";
+import { createPortalRoot as b, setPortalContainer as x } from "@slotted/core/portal";
+import { createDismissableLayer as S, pressOrigin as C } from "@slotted/core/dismissable-layer";
+import { createPositioner as te } from "@slotted/core/positioner";
+import { createPortal as ne } from "react-dom";
+import { comboboxMessages as w } from "@slotted/core/i18n";
+import { createFilter as T, moveIndex as E, revealWithin as D } from "@slotted/core/collection";
+import { matchRanges as O } from "@slotted/core/highlight";
 //#region src/combobox/combobox-defaults.tsx
-var A = {
+var k = {
 	align: "start",
 	alignOffset: 0,
 	allowsCustomValue: !1,
@@ -45,14 +45,14 @@ var A = {
 	strategy: "absolute",
 	variant: "outline",
 	width: "content"
-}, j = c(A);
-function M() {
-	return u(j);
+}, A = s(k);
+function j() {
+	return l(A);
 }
-function ne({ children: e, container: t, ...n }) {
-	let r = M();
-	d(() => {
-		if (t !== void 0) return C(t), () => C(null);
+function re({ children: e, container: t, ...n }) {
+	let r = j();
+	u(() => {
+		if (t !== void 0) return x(t), () => x(null);
 	}, [t]);
 	let i = {
 		align: n.align ?? r.align,
@@ -86,47 +86,47 @@ function ne({ children: e, container: t, ...n }) {
 		variant: n.variant ?? r.variant,
 		width: n.width ?? r.width
 	};
-	return /* @__PURE__ */ y(j.Provider, {
+	return /* @__PURE__ */ v(A.Provider, {
 		value: i,
 		children: e
 	});
 }
 //#endregion
 //#region src/combobox/combobox.tsx
-var re = c(void 0);
-function N() {
-	let e = u(re);
+var ie = s(void 0);
+function M() {
+	let e = l(ie);
 	if (e === void 0) throw Error("ComboboxInput, ComboboxContent and every option have to be inside a Combobox.");
 	return e;
 }
-var P = (e) => "options" in e;
-function ie(e) {
-	return e === void 0 ? [] : e.flatMap((e) => P(e) ? e.options : [e]);
+var N = (e) => "options" in e;
+function ae(e) {
+	return e === void 0 ? [] : e.flatMap((e) => N(e) ? e.options : [e]);
 }
-function F({ align: e, alignOffset: t, allowsCustomValue: n, autocomplete: o, autoHighlight: c, children: u, clearable: d, closeOnEscape: m, closeOnOutsidePress: v, closeOnSelect: b, collisionPadding: x, onCreate: S, defaultHighlightedValue: C = null, defaultInputValue: w = "", defaultOpen: T = !1, defaultValue: ee = null, disabled: D, filter: k, flip: A, form: j, fullWidth: ne, hideWhenDetached: N, highlightedValue: P, highlightMatch: F, inputValue: ae, invalid: oe, items: I, loading: L, locale: R, loop: z, messages: B, mount: se, name: ce, onHighlightedValueChange: le, onInputValueChange: ue, onInputReset: V, onLoadMore: de, onOpenChange: fe, onValueChange: pe, open: H, openOn: me, portal: he, readOnly: ge, ref: _e, required: ve, shift: ye, side: be, sideOffset: xe, size: Se, strategy: Ce, total: we, value: Te, variant: Ee, width: De }) {
-	let U = M(), W = a(), Oe = i(E, B), ke = r(), Ae = R ?? ke, je = f(), Me = `${je}listbox`, Ne = `${je}input`, [Pe, Fe] = _(T), [Ie, Le] = _(ee), [Re, ze] = _(w), [Be, Ve] = _(C), [He, Ue] = _(null), [G, We] = _(null), Ge = D ?? W?.disabled ?? U.disabled, Ke = ge ?? W?.readOnly ?? U.readOnly, K = (H ?? Pe) && !Ge, q = Te === void 0 ? Ie : Te, J = ae ?? Re, qe = P === void 0 ? Be : P, Je = g(K);
+function oe({ align: e, alignOffset: t, allowsCustomValue: a, autocomplete: s, autoHighlight: l, children: u, clearable: p, closeOnEscape: _, closeOnOutsidePress: y, closeOnSelect: ee, collisionPadding: b, onCreate: x, defaultHighlightedValue: S = null, defaultInputValue: C = "", defaultOpen: te = !1, defaultValue: ne = null, disabled: E, filter: O, flip: k, form: A, fullWidth: re, hideWhenDetached: M, highlightedValue: N, highlightMatch: oe, inputValue: P, invalid: F, items: I, loading: L, locale: R, loop: z, messages: se, mount: ce, name: le, onHighlightedValueChange: ue, onInputValueChange: B, onInputReset: de, onLoadMore: V, onOpenChange: fe, onValueChange: pe, open: H, openOn: me, portal: he, readOnly: ge, ref: _e, required: ve, shift: ye, side: be, sideOffset: xe, size: Se, strategy: Ce, total: we, value: Te, variant: Ee, width: De }) {
+	let U = j(), W = i(), Oe = r(w, se), ke = n(), Ae = R ?? ke, je = d(), Me = `${je}listbox`, Ne = `${je}input`, [Pe, Fe] = g(te), [Ie, Le] = g(ne), [Re, ze] = g(C), [Be, Ve] = g(S), [He, Ue] = g(null), [G, We] = g(null), Ge = E ?? W?.disabled ?? U.disabled, Ke = ge ?? W?.readOnly ?? U.readOnly, K = (H ?? Pe) && !Ge, q = Te === void 0 ? Ie : Te, J = P ?? Re, qe = N === void 0 ? Be : N, Je = h(K);
 	K && (Je.current = !0);
-	let Ye = g("none"), [Xe, Ze] = _(null), Qe = g(!1), $e = g(/* @__PURE__ */ new Map()), [et, tt] = _(0), nt = h(() => {
+	let Ye = h("none"), [Xe, Ze] = g(null), Qe = h(!1), $e = h(/* @__PURE__ */ new Map()), [et, tt] = g(0), nt = m(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of ie(I)) e.set(t.value, t.label);
+		for (let t of ae(I)) e.set(t.value, t.label);
 		return e;
-	}, [I]), rt = l((e, t) => {
+	}, [I]), rt = c((e, t) => {
 		$e.current.get(e) !== t && ($e.current.set(e, t), tt((e) => e + 1));
-	}, []), it = l((e) => nt.get(e) ?? $e.current.get(e), [nt, et]), at = l((e) => `${je}option-${encodeURIComponent(e)}`, [je]), Y = J === (q === null ? void 0 : it(q)) ? "" : J, X = h(() => te({ locale: Ae }), [Ae]), ot = l((e) => Y === "" || k === null ? !0 : k === void 0 ? X.contains(e, Y) : k(e, Y), [
+	}, []), it = c((e) => nt.get(e) ?? $e.current.get(e), [nt, et]), at = c((e) => `${je}option-${encodeURIComponent(e)}`, [je]), Y = J === (q === null ? void 0 : it(q)) ? "" : J, X = m(() => T({ locale: Ae }), [Ae]), ot = c((e) => Y === "" || O === null ? !0 : O === void 0 ? X.contains(e, Y) : O(e, Y), [
 		X,
-		k,
+		O,
 		Y
-	]), Z = g({
+	]), Z = h({
 		currentHighlighted: qe,
 		currentInput: J,
 		currentOpen: K,
 		currentValue: q,
-		highlightedValue: P,
+		highlightedValue: N,
 		inputNode: He,
-		inputValue: ae,
-		onHighlightedValueChange: le,
-		onInputValueChange: ue,
-		onCreate: S,
+		inputValue: P,
+		onHighlightedValueChange: ue,
+		onInputValueChange: B,
+		onCreate: x,
 		onOpenChange: fe,
 		onValueChange: pe,
 		open: H,
@@ -137,32 +137,32 @@ function F({ align: e, alignOffset: t, allowsCustomValue: n, autocomplete: o, au
 		currentInput: J,
 		currentOpen: K,
 		currentValue: q,
-		highlightedValue: P,
+		highlightedValue: N,
 		inputNode: He,
-		inputValue: ae,
-		onHighlightedValueChange: le,
-		onInputValueChange: ue,
-		onCreate: S,
+		inputValue: P,
+		onHighlightedValueChange: ue,
+		onInputValueChange: B,
+		onCreate: x,
 		onOpenChange: fe,
 		onValueChange: pe,
 		open: H,
 		value: Te
 	};
-	let st = l((e, t, n) => {
+	let st = c((e, t, n) => {
 		let r = Z.current;
-		e !== r.currentOpen && s({
+		e !== r.currentOpen && o({
 			controlled: r.open,
 			initial: r.currentOpen,
 			onRequest: (e) => r.onOpenChange?.(e.value, e)
 		}).request(e, t, n) && (Fe(e), e || (Ve(null), Ye.current = "none"));
-	}, []), ct = l((e, t, n) => {
+	}, []), ct = c((e, t, n) => {
 		let r = Z.current;
-		e !== r.currentHighlighted && s({
+		e !== r.currentHighlighted && o({
 			controlled: r.highlightedValue,
 			initial: r.currentHighlighted,
 			onRequest: (e) => r.onHighlightedValueChange?.(e.value, e)
 		}).request(e, t, n) && Ve(e);
-	}, []), lt = l((e) => {
+	}, []), lt = c((e) => {
 		if (e !== "") {
 			for (let [t, n] of nt) if (X.equals(n, e)) return t;
 			for (let [t, n] of $e.current) if (X.equals(n, e)) return t;
@@ -171,41 +171,41 @@ function F({ align: e, alignOffset: t, allowsCustomValue: n, autocomplete: o, au
 		nt,
 		X,
 		et
-	]), Q = l((e, t, n) => {
+	]), Q = c((e, t, n) => {
 		let r = Z.current;
-		Ze(null), e !== r.currentInput && s({
+		Ze(null), e !== r.currentInput && o({
 			controlled: r.inputValue,
 			initial: r.currentInput,
 			onRequest: (e) => r.onInputValueChange?.(e.value, e)
 		}).request(e, t, n) && ze(e);
-	}, []), $ = l((e, t, n) => {
+	}, []), $ = c((e, t, n) => {
 		let r = Z.current;
-		e !== r.currentValue && s({
+		e !== r.currentValue && o({
 			controlled: r.value,
 			initial: r.currentValue,
 			onRequest: (e) => r.onValueChange?.(e.value, e)
 		}).request(e, t, n) && Le(e);
-	}, []), ut = g({
+	}, []), ut = h({
 		allowsCustomValue: !1,
 		currentInput: J,
 		currentValue: q,
 		labelFor: it,
-		onInputReset: V,
+		onInputReset: de,
 		select: $,
 		setInputValue: Q,
 		valueForLabel: lt
 	});
 	ut.current = {
-		allowsCustomValue: n ?? U.allowsCustomValue,
+		allowsCustomValue: a ?? U.allowsCustomValue,
 		currentInput: J,
 		currentValue: q,
 		labelFor: it,
-		onInputReset: V,
+		onInputReset: de,
 		select: $,
 		setInputValue: Q,
 		valueForLabel: lt
 	};
-	let dt = l((e) => {
+	let dt = c((e) => {
 		let t = ut.current, n = t.currentInput, r = t.valueForLabel(n);
 		if (r !== void 0) {
 			r !== t.currentValue && t.select(r, "blur", e), t.setInputValue(t.labelFor(r) ?? n, "blur", e);
@@ -224,60 +224,60 @@ function F({ align: e, alignOffset: t, allowsCustomValue: n, autocomplete: o, au
 			reason: "blur",
 			source: e
 		});
-	}, []), ft = l((e, t, n) => {
+	}, []), ft = c((e, t, n) => {
 		Z.current.onCreate?.(e, {
 			reason: t,
 			source: n
 		});
-	}, []), pt = l((e, t) => {
+	}, []), pt = c((e, t) => {
 		$(null, e, t), Q("", e === "clear" ? "clear" : "programmatic", t);
 	}, [$, Q]);
-	p(_e, () => ({
+	f(_e, () => ({
 		close: () => st(!1, "programmatic"),
 		focus: () => Z.current.inputNode?.focus({ preventScroll: !0 }),
 		open: () => st(!0, "programmatic"),
 		scrollToKey: (e) => {
 			let t = G?.querySelector(`[data-part='item'][data-value="${CSS.escape(e)}"]`);
-			t != null && G !== null && O(t, G);
+			t != null && G !== null && D(t, G);
 		}
 	}), [G, st]);
 	let mt = {
 		align: e ?? U.align,
 		alignOffset: t ?? U.alignOffset,
-		allowsCustomValue: n ?? U.allowsCustomValue,
-		autocomplete: o ?? U.autocomplete,
-		autoHighlight: c ?? U.autoHighlight,
+		allowsCustomValue: a ?? U.allowsCustomValue,
+		autocomplete: s ?? U.autocomplete,
+		autoHighlight: l ?? U.autoHighlight,
 		clear: pt,
-		clearable: d ?? U.clearable,
-		closeOnEscape: m ?? U.closeOnEscape,
-		closeOnOutsidePress: v ?? U.closeOnOutsidePress,
-		closeOnSelect: b ?? U.closeOnSelect,
-		collisionPadding: x ?? U.collisionPadding,
+		clearable: p ?? U.clearable,
+		closeOnEscape: _ ?? U.closeOnEscape,
+		closeOnOutsidePress: y ?? U.closeOnOutsidePress,
+		closeOnSelect: ee ?? U.closeOnSelect,
+		collisionPadding: b ?? U.collisionPadding,
 		completion: Xe,
 		contentId: Me,
 		contentNode: G,
-		canCreate: S !== void 0,
+		canCreate: x !== void 0,
 		create: ft,
 		disabled: Ge,
 		entry: Ye,
-		flip: A ?? U.flip,
-		form: j,
-		fullWidth: ne ?? U.fullWidth,
-		hideWhenDetached: N ?? U.hideWhenDetached,
+		flip: k ?? U.flip,
+		form: A,
+		fullWidth: re ?? U.fullWidth,
+		hideWhenDetached: M ?? U.hideWhenDetached,
 		highlighted: qe,
-		highlightMatch: F ?? U.highlightMatch,
+		highlightMatch: oe ?? U.highlightMatch,
 		inputId: Ne,
 		inputNode: He,
 		inputValue: J,
-		invalid: oe ?? W?.invalid ?? U.invalid,
+		invalid: F ?? W?.invalid ?? U.invalid,
 		labelFor: it,
 		loading: L ?? U.loading,
 		locale: Ae,
 		loop: z ?? U.loop,
 		matches: ot,
-		mount: se ?? U.mount,
-		name: ce,
-		onLoadMore: de,
+		mount: ce ?? U.mount,
+		name: le,
+		onLoadMore: V,
 		open: K,
 		openOn: me ?? U.openOn,
 		optionId: at,
@@ -307,54 +307,54 @@ function F({ align: e, alignOffset: t, allowsCustomValue: n, autocomplete: o, au
 		wantsCompletion: Qe,
 		width: De ?? U.width
 	};
-	return /* @__PURE__ */ y(re.Provider, {
+	return /* @__PURE__ */ v(ie.Provider, {
 		value: mt,
 		children: u
 	});
 }
 //#endregion
 //#region src/combobox/combobox-collection.ts
-var ae = e(), oe = "[data-part='item']";
-function I(e) {
-	return e === null ? [] : [...e.querySelectorAll(oe)];
+var P = "[data-part='item']";
+function F(e) {
+	return e === null ? [] : [...e.querySelectorAll(P)];
 }
-var L = (e) => e.dataset.value ?? "", R = (e) => e.dataset.disabled === void 0, z = (e) => e.dataset.textValue ?? e.querySelector("[data-part='label']")?.textContent?.trim() ?? e.textContent?.trim() ?? "";
-function B(e, t, n, r) {
-	let i = I(e);
+var I = (e) => e.dataset.value ?? "", L = (e) => e.dataset.disabled === void 0, R = (e) => e.dataset.textValue ?? e.querySelector("[data-part='label']")?.textContent?.trim() ?? e.textContent?.trim() ?? "";
+function z(e, t, n, r) {
+	let i = F(e);
 	if (i.length === 0) return null;
-	let a = D({
-		enabled: i.map(R),
-		from: t === null ? -1 : i.findIndex((e) => L(e) === t),
+	let a = E({
+		enabled: i.map(L),
+		from: t === null ? -1 : i.findIndex((e) => I(e) === t),
 		intent: n,
 		loop: r
 	});
-	return a === -1 ? null : L(i[a]);
+	return a === -1 ? null : I(i[a]);
 }
 function se(e, t, n, r) {
 	if (n === "none") return null;
 	if (n === "selected") {
 		if (t === null) return null;
-		let n = I(e).find((e) => L(e) === t && R(e));
-		return n === void 0 ? null : L(n);
+		let n = F(e).find((e) => I(e) === t && L(e));
+		return n === void 0 ? null : I(n);
 	}
-	return B(e, null, n, r);
+	return z(e, null, n, r);
 }
 function ce(e) {
-	let t = I(e).find(R);
-	return t === void 0 ? null : z(t);
+	let t = F(e).find(L);
+	return t === void 0 ? null : R(t);
 }
 function le(e, t) {
-	let n = I(e).find((e) => z(e) === t);
-	return n === void 0 ? null : L(n);
+	let n = F(e).find((e) => R(e) === t);
+	return n === void 0 ? null : I(n);
 }
 function ue(e, t) {
 	if (e === null || t === null) return;
-	let n = I(e).find((e) => L(e) === t);
-	n !== void 0 && O(n, e);
+	let n = F(e).find((e) => I(e) === t);
+	n !== void 0 && D(n, e);
 }
 //#endregion
 //#region src/combobox/combobox-parts.tsx
-function V(e, t) {
+function B(e, t) {
 	return (n) => {
 		e?.(n), n.defaultPrevented || t(n);
 	};
@@ -362,21 +362,21 @@ function V(e, t) {
 function de(e, ...t) {
 	for (let n of t) typeof n == "function" ? n(e) : n != null && (n.current = e);
 }
-function fe({ ref: e, render: r, ...i }) {
-	let o = N(), s = a(), [c, u] = _(null);
-	d(() => {
-		o.setInputNode(c);
-	}, [o, c]), m(() => {
-		o.completion !== null && c !== null && c.setSelectionRange(o.inputValue.length, o.completion.length);
+function V({ ref: n, render: r, ...a }) {
+	let o = M(), s = i(), [l, d] = g(null);
+	u(() => {
+		o.setInputNode(l);
+	}, [o, l]), p(() => {
+		o.completion !== null && l !== null && l.setSelectionRange(o.inputValue.length, o.completion.length);
 	}, [
 		o.completion,
 		o.inputValue,
-		c
+		l
 	]);
 	let f = (e, t) => {
-		let n = B(o.contentNode, o.highlighted, e, o.loop);
+		let n = z(o.contentNode, o.highlighted, e, o.loop);
 		n !== null && o.setHighlighted(n, "keyboard", t);
-	}, p = (e) => {
+	}, m = (e) => {
 		if (o.highlighted === null && o.completion !== null) {
 			let t = le(o.contentNode, o.completion);
 			if (t !== null) {
@@ -385,7 +385,7 @@ function fe({ ref: e, render: r, ...i }) {
 			}
 		}
 		let t = o.highlighted;
-		if (t !== null && pe(o.contentNode, t)) {
+		if (t !== null && fe(o.contentNode, t)) {
 			o.create(t, "keyboard", e), o.setOpen(!1, "select", e);
 			return;
 		}
@@ -396,7 +396,7 @@ function fe({ ref: e, render: r, ...i }) {
 		o.select(t, "keyboard", e), o.setInputValue(o.labelFor(t) ?? t, "select", e), o.closeOnSelect && o.setOpen(!1, "select", e);
 	}, h = (e, t) => {
 		o.entry.current = e, o.setOpen(!0, "keyboard", t);
-	}, g = (e) => {
+	}, ee = (e) => {
 		if (o.disabled) return;
 		let t = e.altKey;
 		switch (e.key) {
@@ -418,7 +418,7 @@ function fe({ ref: e, render: r, ...i }) {
 				return;
 			case "Enter":
 				if (!o.open && !o.allowsCustomValue) return;
-				e.preventDefault(), p(e.nativeEvent);
+				e.preventDefault(), m(e.nativeEvent);
 				return;
 			case "Escape":
 				if (o.open) {
@@ -429,28 +429,28 @@ function fe({ ref: e, render: r, ...i }) {
 				e.preventDefault(), o.inputValue === (o.labelFor(o.value) ?? "") ? o.clear("keyboard", e.nativeEvent) : o.setInputValue(o.labelFor(o.value) ?? "", "keyboard", e.nativeEvent);
 				return;
 			case "Tab":
-				o.completion === null ? o.open && o.setOpen(!1, "dismiss", e.nativeEvent) : p(e.nativeEvent);
+				o.completion === null ? o.open && o.setOpen(!1, "dismiss", e.nativeEvent) : m(e.nativeEvent);
 				return;
 		}
-	}, x = (e) => {
+	}, b = (e) => {
 		let t = e.currentTarget.value;
 		o.setInputValue(t, "keyboard", e.nativeEvent), o.wantsCompletion.current = o.autocomplete === "both" && t.length > o.inputValue.length, o.openOn === "input" && !o.open && !o.readOnly && (o.entry.current = o.autoHighlight ? "first" : "none", o.setOpen(!0, "keyboard", e.nativeEvent));
-	}, S = () => {
+	}, x = () => {
 		o.openOn !== "focus" || o.readOnly || o.open || (o.entry.current = "selected", o.setOpen(!0, "keyboard"));
-	}, C = (e) => {
+	}, S = (e) => {
 		o.openOn === "manual" || o.open || o.disabled || o.readOnly || (o.entry.current = "selected", o.setOpen(!0, "pointer", e.nativeEvent));
-	}, w = (e) => {
+	}, te = (e) => {
 		let t = e.relatedTarget;
 		if (t instanceof Node && o.contentNode?.contains(t) === !0) return;
-		let n = T(c?.ownerDocument);
+		let n = C(l?.ownerDocument);
 		n instanceof Node && o.contentNode?.contains(n) === !0 || (o.settleInput(e), o.open && o.setOpen(!1, "blur"));
-	}, ee = (e) => {
-		o.clear("clear", e.nativeEvent), c?.focus({ preventScroll: !0 });
-	}, E = (e) => {
-		o.disabled || o.readOnly || (o.entry.current = "selected", o.setOpen(!o.open, "pointer", e.nativeEvent), c?.focus({ preventScroll: !0 }));
-	}, te = l((t) => {
-		u(t), de(t, e);
-	}, [e]), D = [i["aria-describedby"], s?.describedBy].filter(Boolean).join(" "), O = o.clearable && o.inputValue !== "" && !o.disabled && !o.readOnly, k = {
+	}, ne = (e) => {
+		o.clear("clear", e.nativeEvent), l?.focus({ preventScroll: !0 });
+	}, w = (e) => {
+		o.disabled || o.readOnly || (o.entry.current = "selected", o.setOpen(!o.open, "pointer", e.nativeEvent), l?.focus({ preventScroll: !0 }));
+	}, T = c((e) => {
+		d(e), de(e, n);
+	}, [n]), E = [a["aria-describedby"], s?.describedBy].filter(Boolean).join(" "), D = o.clearable && o.inputValue !== "" && !o.disabled && !o.readOnly, O = {
 		"data-part": "root",
 		"data-size": o.size,
 		"data-ui": "combobox",
@@ -462,55 +462,55 @@ function fe({ ref: e, render: r, ...i }) {
 		...o.invalid ? { "data-invalid": "" } : {},
 		...o.required ? { "data-required": "" } : {},
 		...o.loading ? { "data-loading": "" } : {}
-	}, A = /* @__PURE__ */ b(v, { children: [
-		/* @__PURE__ */ y("input", {
-			...i,
+	}, k = /* @__PURE__ */ y(_, { children: [
+		/* @__PURE__ */ v("input", {
+			...a,
 			"aria-activedescendant": o.open && o.highlighted !== null ? o.optionId(o.highlighted) : void 0,
 			"aria-autocomplete": o.autocomplete,
 			"aria-controls": o.open ? o.contentId : void 0,
-			"aria-describedby": D === "" ? void 0 : D,
+			"aria-describedby": E === "" ? void 0 : E,
 			"aria-expanded": o.open,
 			"aria-invalid": o.invalid ? !0 : void 0,
 			"aria-readonly": o.readOnly ? !0 : void 0,
 			"data-part": "input",
 			disabled: o.disabled,
-			id: i.id ?? s?.ids.control ?? o.inputId,
-			onBlur: V(i.onBlur, w),
-			onChange: V(i.onChange, x),
-			onClick: V(i.onClick, C),
-			onFocus: V(i.onFocus, S),
-			onKeyDown: V(i.onKeyDown, g),
+			id: a.id ?? s?.ids.control ?? o.inputId,
+			onBlur: B(a.onBlur, te),
+			onChange: B(a.onChange, b),
+			onClick: B(a.onClick, S),
+			onFocus: B(a.onFocus, x),
+			onKeyDown: B(a.onKeyDown, ee),
 			readOnly: o.readOnly,
-			ref: te,
+			ref: T,
 			required: o.required,
 			role: "combobox",
 			type: "text",
 			value: o.completion ?? o.inputValue
 		}),
-		O ? /* @__PURE__ */ y("button", {
+		D ? /* @__PURE__ */ v("button", {
 			"aria-label": o.t("clear"),
 			"data-part": "clear",
-			onClick: ee,
+			onClick: ne,
 			type: "button",
-			children: /* @__PURE__ */ y(n, { children: /* @__PURE__ */ y(t, { name: "x" }) })
+			children: /* @__PURE__ */ v(t, { children: /* @__PURE__ */ v(e, { name: "x" }) })
 		}) : null,
-		/* @__PURE__ */ y("button", {
+		/* @__PURE__ */ v("button", {
 			"aria-label": o.t("trigger"),
 			"data-part": "trigger",
 			disabled: o.disabled,
-			onClick: E,
+			onClick: w,
 			tabIndex: -1,
 			type: "button",
-			children: o.loading ? /* @__PURE__ */ y("span", {
+			children: o.loading ? /* @__PURE__ */ v("span", {
 				"aria-hidden": "true",
 				"data-part": "busy",
 				"data-ui": "spinner"
-			}) : /* @__PURE__ */ y("span", {
+			}) : /* @__PURE__ */ v("span", {
 				"data-part": "arrow",
-				children: /* @__PURE__ */ y(n, { children: /* @__PURE__ */ y(t, { name: "chevron-down" }) })
+				children: /* @__PURE__ */ v(t, { children: /* @__PURE__ */ v(e, { name: "chevron-down" }) })
 			})
 		}),
-		o.name === void 0 ? null : /* @__PURE__ */ y("input", {
+		o.name === void 0 ? null : /* @__PURE__ */ v("input", {
 			"aria-hidden": "true",
 			form: o.form,
 			name: o.name,
@@ -532,80 +532,80 @@ function fe({ ref: e, render: r, ...i }) {
 			value: o.value ?? ""
 		})
 	] });
-	return r === void 0 ? /* @__PURE__ */ y("div", {
-		...k,
-		children: A
+	return r === void 0 ? /* @__PURE__ */ v("div", {
+		...O,
+		children: k
 	}) : r({
-		...k,
-		children: A
+		...O,
+		children: k
 	});
 }
-function pe(e, t) {
+function fe(e, t) {
 	return e !== null && e.querySelector(`[data-part='item'][data-value="${CSS.escape(t)}"]`)?.hasAttribute("data-create") === !0;
 }
-function H({ children: e, empty: t, ref: n, render: r, status: i, ...a }) {
-	let o = N(), [s, c] = _(null), [l, u] = _(null), [f, p] = _(null), [h, v] = _("unmounted"), [C, T] = _(!1), [E, te] = _(0), D = g(null), O = g(null), k = g(o);
-	k.current = o, d(() => {
-		let e = x({
+function pe({ children: e, empty: t, ref: n, render: r, status: i, ...a }) {
+	let o = M(), [s, c] = g(null), [l, d] = g(null), [f, m] = g(null), [_, x] = g("unmounted"), [C, w] = g(!1), [T, E] = g(0), D = h(null), O = h(null), k = h(o);
+	k.current = o, u(() => {
+		let e = ee({
 			present: k.current.open,
-			onStatusChange: v
+			onStatusChange: x
 		});
-		return D.current = e, v(e.status), () => {
+		return D.current = e, x(e.status), () => {
 			e.destroy(), D.current = null;
 		};
-	}, []), d(() => D.current?.sync(o.open), [o.open]), d(() => D.current?.setNode(s), [s]), d(() => o.setContentNode(l), [o, l]);
-	let A = o.mount === "eager" || o.mount === "lazy" && o.seen || h !== "unmounted";
-	d(() => {
+	}, []), u(() => D.current?.sync(o.open), [o.open]), u(() => D.current?.setNode(s), [s]), u(() => o.setContentNode(l), [o, l]);
+	let A = o.mount === "eager" || o.mount === "lazy" && o.seen || _ !== "unmounted";
+	u(() => {
 		if (!A) {
-			p(null);
+			m(null);
 			return;
 		}
-		let e = S({
+		let e = b({
 			origin: o.inputNode,
 			disabled: !o.portal
 		});
-		return p(e.container), () => e.release();
+		return m(e.container), () => e.release();
 	}, [
 		o.inputNode,
 		o.portal,
 		A
 	]);
-	let { align: j, alignOffset: M, collisionPadding: ne, flip: re, hideWhenDetached: P, shift: ie, side: F, sideOffset: oe, strategy: R, width: z } = o;
-	if (d(() => {
+	let { align: j, alignOffset: re, collisionPadding: ie, flip: N, hideWhenDetached: ae, shift: oe, side: P, sideOffset: L, strategy: R, width: z } = o;
+	if (u(() => {
 		if (s === null || o.inputNode === null) return;
-		let e = !0, t = o.inputNode.closest("[data-part='root']") ?? o.inputNode, n = ee(t, s, {
+		let e = !0, t = o.inputNode.closest("[data-part='root']") ?? o.inputNode, n = te(t, s, {
 			align: j,
-			alignOffset: M,
-			boundaryPadding: ne,
-			flip: re,
-			hideWhenDetached: P,
+			alignOffset: re,
+			boundaryPadding: ie,
+			flip: N,
+			hideWhenDetached: ae,
 			matchWidth: z === "anchor",
-			shift: ie,
-			side: F,
-			sideOffset: oe,
+			shift: oe,
+			side: P,
+			sideOffset: L,
 			strategy: R
 		});
 		return n.update().then(() => {
-			e && T(!0);
+			e && w(!0);
 		}), () => {
-			e = !1, n.destroy(), T(!1);
+			e = !1, n.destroy(), w(!1);
 		};
 	}, [
 		j,
-		M,
-		ne,
-		o.inputNode,
 		re,
-		P,
-		s,
 		ie,
-		F,
+		o.inputNode,
+		N,
+		ae,
+		s,
 		oe,
+		P,
+		L,
 		R,
 		z
-	]), d(() => {
+	]), u(() => {
 		if (s === null || !o.open) return;
-		let e = [o.inputNode?.closest("[data-part='root']") ?? null].filter((e) => e !== null), t = w(s, {
+		let e = [o.inputNode?.closest("[data-part='root']") ?? null].filter((e) => e !== null), t = S(s, {
 			branches: e,
 			escape: o.closeOnEscape,
 			focusOutside: !1,
@@ -623,10 +623,10 @@ function H({ children: e, empty: t, ref: n, render: r, status: i, ...a }) {
 		o.inputNode,
 		o.open,
 		s
-	]), m(() => {
-		let e = I(l).filter((e) => e.dataset.create === void 0).length;
-		te((t) => t === e ? t : e);
-	}), m(() => {
+	]), p(() => {
+		let e = F(l).filter((e) => e.dataset.create === void 0).length;
+		E((t) => t === e ? t : e);
+	}), p(() => {
 		let e = k.current;
 		if (e.open && l !== null) {
 			if (e.entry.current !== "none") {
@@ -634,30 +634,30 @@ function H({ children: e, empty: t, ref: n, render: r, status: i, ...a }) {
 				t !== null && e.setHighlighted(t, "keyboard");
 				return;
 			}
-			e.highlighted !== null && (I(l).some((t) => L(t) === e.highlighted) || e.setHighlighted(null, "keyboard"));
+			e.highlighted !== null && (F(l).some((t) => I(t) === e.highlighted) || e.setHighlighted(null, "keyboard"));
 		}
 	}, [
 		o.open,
 		o.query,
-		E,
+		T,
 		l
-	]), d(() => {
+	]), u(() => {
 		ue(l, o.highlighted);
 	}, [
 		o.highlighted,
 		C,
 		l
-	]), m(() => {
+	]), p(() => {
 		let e = k.current;
 		if (!e.wantsCompletion.current || l === null) return;
 		e.wantsCompletion.current = !1;
-		let t = me(l, e.inputValue);
+		let t = H(l, e.inputValue);
 		t !== null && t !== e.inputValue && e.setCompletion(t);
 	}, [
 		o.inputValue,
-		E,
+		T,
 		l
-	]), d(() => {
+	]), u(() => {
 		let e = O.current, t = l, n = o.onLoadMore;
 		if (e === null || t === null || n === void 0 || typeof IntersectionObserver != "function") return;
 		let r = new IntersectionObserver((e) => {
@@ -666,10 +666,10 @@ function H({ children: e, empty: t, ref: n, render: r, status: i, ...a }) {
 		return r.observe(e), () => r.disconnect();
 	}, [
 		o.onLoadMore,
-		E,
+		T,
 		l
 	]), !A) return null;
-	let B = {
+	let ce = {
 		"data-align": j,
 		...o.open ? {} : { inert: !0 },
 		...o.open && C ? { "data-open": "" } : {},
@@ -677,24 +677,24 @@ function H({ children: e, empty: t, ref: n, render: r, status: i, ...a }) {
 		"data-size": o.size,
 		"data-ui": "combobox",
 		"data-width": o.width
-	}, ce = i === void 0 ? o.loading ? o.t("loading") : E === 0 ? null : o.t("count", { count: E }) : i, le = /* @__PURE__ */ y("div", {
-		...B,
+	}, le = i === void 0 ? o.loading ? o.t("loading") : T === 0 ? null : o.t("count", { count: T }) : i, B = /* @__PURE__ */ v("div", {
+		...ce,
 		ref: (e) => {
 			c(e), de(e, n);
 		},
-		children: /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ y("div", {
 			...a,
 			"aria-busy": o.loading ? !0 : void 0,
 			"aria-label": a["aria-label"] ?? void 0,
 			"data-loading": o.loading ? "" : void 0,
 			"data-part": "content",
 			id: o.contentId,
-			ref: u,
+			ref: d,
 			role: "listbox",
 			children: [
 				e,
-				/* @__PURE__ */ y("div", { ref: O }),
-				!o.loading && E === 0 && o.canCreate && o.query !== "" ? /* @__PURE__ */ y("div", {
+				/* @__PURE__ */ v("div", { ref: O }),
+				!o.loading && T === 0 && o.canCreate && o.query !== "" ? /* @__PURE__ */ v("div", {
 					"data-create": "",
 					"data-part": "item",
 					"data-value": o.query,
@@ -708,149 +708,149 @@ function H({ children: e, empty: t, ref: n, render: r, status: i, ...a }) {
 					onPointerEnter: (e) => o.setHighlighted(o.query, "pointer", e.nativeEvent),
 					role: "option",
 					...o.highlighted === o.query ? { "data-current": "" } : {},
-					children: /* @__PURE__ */ y("span", {
+					children: /* @__PURE__ */ v("span", {
 						"data-part": "label",
 						children: o.t("create", { query: o.query })
 					})
 				}) : null,
-				!o.loading && E === 0 && !(o.canCreate && o.query !== "") ? /* @__PURE__ */ y("div", {
+				!o.loading && T === 0 && !(o.canCreate && o.query !== "") ? /* @__PURE__ */ v("div", {
 					"data-part": "empty",
 					children: t ?? o.t("empty")
 				}) : null,
-				o.loading ? /* @__PURE__ */ y("div", {
+				o.loading ? /* @__PURE__ */ v("div", {
 					"aria-hidden": "true",
 					"data-part": "placeholder",
 					children: [
 						0,
 						1,
 						2
-					].map((e) => /* @__PURE__ */ y("div", { children: /* @__PURE__ */ y("span", {
+					].map((e) => /* @__PURE__ */ v("div", { children: /* @__PURE__ */ v("span", {
 						"data-part": "root",
 						"data-shape": "text",
 						"data-ui": "skeleton",
 						"data-loading": ""
 					}) }, e))
 				}) : null,
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ v("div", {
 					"aria-live": "polite",
 					"data-part": "status",
 					...o.loading ? { "data-loading": "" } : {},
 					role: "status",
-					children: ce
+					children: le
 				})
 			]
 		})
-	}), V = r === void 0 ? le : r({
-		...B,
+	}), V = r === void 0 ? B : r({
+		...ce,
 		children: e
 	});
-	return f === null ? V : (0, ae.createPortal)(V, f);
+	return f === null ? V : ne(V, f);
 }
-function me(e, t) {
+function H(e, t) {
 	if (t === "") return null;
 	let n = ce(e);
 	return n === null ? null : n.toLowerCase().startsWith(t.toLowerCase()) ? n : null;
 }
 //#endregion
 //#region src/combobox/combobox-items.tsx
-function he({ children: e, description: r, disabled: i = !1, icon: a, position: s, ref: c, textValue: l, value: u, ...f }) {
-	let p = N(), [m, v] = _(null), x = g(null), S = l ?? (typeof e == "string" ? e : void 0);
-	d(() => {
-		if (m === null) return;
-		let e = S ?? m.querySelector("[data-part='label']")?.textContent?.trim() ?? "";
-		e !== "" && e !== x.current && (x.current = e, p.registerLabel(u, e));
+function me({ children: n, description: r, disabled: i = !1, icon: o, position: s, ref: c, textValue: l, value: d, ...f }) {
+	let p = M(), [_, ee] = g(null), b = h(null), x = l ?? (typeof n == "string" ? n : void 0);
+	u(() => {
+		if (_ === null) return;
+		let e = x ?? _.querySelector("[data-part='label']")?.textContent?.trim() ?? "";
+		e !== "" && e !== b.current && (b.current = e, p.registerLabel(d, e));
 	}, [
 		p,
-		m,
-		S,
-		u
+		_,
+		x,
+		d
 	]);
-	let C = h(() => {
-		if (!p.highlightMatch || p.query === "" || S === void 0) return e;
-		let t = k(S, p.query, { locale: p.locale });
-		return t.length === 0 ? e : /* @__PURE__ */ y(o, {
-			ranges: t,
-			text: S
+	let S = m(() => {
+		if (!p.highlightMatch || p.query === "" || x === void 0) return n;
+		let e = O(x, p.query, { locale: p.locale });
+		return e.length === 0 ? n : /* @__PURE__ */ v(a, {
+			ranges: e,
+			text: x
 		});
 	}, [
-		e,
+		n,
 		p.highlightMatch,
 		p.locale,
 		p.query,
-		S
+		x
 	]);
-	if (S !== void 0 && !p.matches(S)) return null;
-	let w = p.value === u, T = p.highlighted === u, ee = (e) => {
-		i || p.setHighlighted(u, "pointer", e.nativeEvent);
-	}, E = (e) => {
+	if (x !== void 0 && !p.matches(x)) return null;
+	let C = p.value === d, te = p.highlighted === d, ne = (e) => {
+		i || p.setHighlighted(d, "pointer", e.nativeEvent);
+	}, w = (e) => {
 		f.onPointerDown?.(e), !e.defaultPrevented && e.preventDefault();
-	}, te = (e) => {
-		i || (p.select(u, "pointer", e.nativeEvent), p.setInputValue(p.labelFor(u) ?? S ?? u, "select", e.nativeEvent), p.closeOnSelect && p.setOpen(!1, "select", e.nativeEvent), p.inputNode?.focus({ preventScroll: !0 }));
+	}, T = (e) => {
+		i || (p.select(d, "pointer", e.nativeEvent), p.setInputValue(p.labelFor(d) ?? x ?? d, "select", e.nativeEvent), p.closeOnSelect && p.setOpen(!1, "select", e.nativeEvent), p.inputNode?.focus({ preventScroll: !0 }));
 	};
-	return /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ y("div", {
 		...f,
 		"aria-disabled": i ? !0 : void 0,
 		"aria-posinset": s,
-		"aria-selected": w,
+		"aria-selected": C,
 		"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,
+		...x === void 0 ? {} : { "data-text-value": x },
 		...i ? { "data-disabled": "" } : {},
-		...w ? { "data-selected": "" } : {},
-		...T ? { "data-current": "" } : {},
-		id: f.id ?? p.optionId(u),
-		onClick: te,
-		onPointerDown: E,
-		onPointerEnter: ee,
+		...C ? { "data-selected": "" } : {},
+		...te ? { "data-current": "" } : {},
+		id: f.id ?? p.optionId(d),
+		onClick: T,
+		onPointerDown: w,
+		onPointerEnter: ne,
 		ref: (e) => {
-			v(e), typeof c == "function" ? c(e) : c != null && (c.current = e);
+			ee(e), typeof c == "function" ? c(e) : c != null && (c.current = e);
 		},
 		role: "option",
 		children: [
-			a === void 0 ? null : /* @__PURE__ */ y("span", {
+			o === void 0 ? null : /* @__PURE__ */ v("span", {
 				"data-part": "icon",
-				children: a
+				children: o
 			}),
-			/* @__PURE__ */ y("span", {
+			/* @__PURE__ */ v("span", {
 				"data-part": "label",
-				children: C
+				children: S
 			}),
-			r === void 0 ? null : /* @__PURE__ */ y("span", {
+			r === void 0 ? null : /* @__PURE__ */ v("span", {
 				"data-part": "description",
 				children: r
 			}),
-			/* @__PURE__ */ y("span", {
+			/* @__PURE__ */ v("span", {
 				"data-part": "indicator",
-				children: /* @__PURE__ */ y(n, { children: /* @__PURE__ */ y(t, { name: "check" }) })
+				children: /* @__PURE__ */ v(t, { children: /* @__PURE__ */ v(e, { name: "check" }) })
 			})
 		]
 	});
 }
-function ge({ children: e, label: t, ...n }) {
-	let r = `${f()}group`, { query: i } = N(), [a, o] = _(null), [s, c] = _(!1);
-	return d(() => {
+function he({ children: e, label: t, ...n }) {
+	let r = `${d()}group`, { query: i } = M(), [a, o] = g(null), [s, c] = g(!1);
+	return u(() => {
 		a !== null && c(a.querySelector("[data-part='item']") === null);
-	}, [a, i]), /* @__PURE__ */ b("div", {
+	}, [a, i]), /* @__PURE__ */ y("div", {
 		...n,
 		"aria-labelledby": r,
 		"data-part": "group",
 		hidden: s,
 		ref: o,
 		role: "group",
-		children: [/* @__PURE__ */ y("div", {
+		children: [/* @__PURE__ */ v("div", {
 			"data-part": "group-label",
 			id: r,
 			children: t
 		}), e]
 	});
 }
-function _e(e) {
-	return /* @__PURE__ */ y("div", {
+function ge(e) {
+	return /* @__PURE__ */ v("div", {
 		"data-part": "separator",
 		ref: e.ref,
 		role: "separator"
 	});
 }
 //#endregion
-export { fe as a, A as c, H as i, ne as l, he as n, F as o, _e as r, N as s, ge as t, M as u };
+export { V as a, k as c, pe as i, re as l, me as n, oe as o, ge as r, M as s, he as t, j as u };