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

package/dist/chart.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./chart-BNzfIfQe.js";
+import { a as e, i as t, n, r, t as i } from "./chart-Gb_P3Kdq.js";
 export { n as Chart, t as ChartDefaultsProvider, r as ChartTooltipContent, i as preloadChartEngine, e as useChartDefaults };

package/dist/{column-manager-CNZ7Xk5_.js → column-manager-B7_a_jDK.js}

@@ -1,7 +1,7 @@
 import { n as e, t } from "./icon-T9Yt4tnm.js";
 import { _ as n, c as r, n as i, t as a } from "./menu-parts-BQej6eU9.js";
 import { r as o } from "./i18n-DpW8lqJ1.js";
-import { d as s, o as c, u as l } from "./drawer-Ci3wuCVa.js";
+import { d as s, o as c, u as l } from "./drawer-Dtospdqk.js";
 import { n as u } from "./icon-button-TnvMhK4o.js";
 import { t as d } from "./checkbox-CwUOc-3u.js";
 import { t as f } from "./text-field-BktZbmzD.js";

package/dist/column-manager.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./column-manager-CNZ7Xk5_.js";
+import { a as e, i as t, n, r, t as i } from "./column-manager-B7_a_jDK.js";
 export { i as ColumnManager, t as ColumnManagerProvider, n as ColumnManagerRoot, r as ColumnManagerTrigger, e as useColumnManagerDefaults };

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

@@ -11,10 +11,10 @@ import { createPortalRoot as S, setPortalContainer as C } from "@slotted/core/po
 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 } from "@slotted/core/collection";
-import { matchRanges as O } from "@slotted/core/highlight";
+import { createFilter as te, moveIndex as D, revealWithin as O } from "@slotted/core/collection";
+import { matchRanges as k } from "@slotted/core/highlight";
 //#region src/combobox/combobox-defaults.tsx
-var k = {
+var A = {
 	align: "start",
 	alignOffset: 0,
 	allowsCustomValue: !1,
@@ -45,12 +45,12 @@ var k = {
 	strategy: "absolute",
 	variant: "outline",
 	width: "content"
-}, A = c(k);
-function j() {
-	return u(A);
+}, j = c(A);
+function M() {
+	return u(j);
 }
 function ne({ children: e, container: t, ...n }) {
-	let r = j();
+	let r = M();
 	d(() => {
 		if (t !== void 0) return C(t), () => C(null);
 	}, [t]);
@@ -86,7 +86,7 @@ function ne({ children: e, container: t, ...n }) {
 		variant: n.variant ?? r.variant,
 		width: n.width ?? r.width
 	};
-	return /* @__PURE__ */ y(A.Provider, {
+	return /* @__PURE__ */ y(j.Provider, {
 		value: i,
 		children: e
 	});
@@ -94,119 +94,119 @@ function ne({ children: e, container: t, ...n }) {
 //#endregion
 //#region src/combobox/combobox.tsx
 var re = c(void 0);
-function M() {
+function N() {
 	let e = u(re);
 	if (e === void 0) throw Error("ComboboxInput, ComboboxContent and every option have to be inside a Combobox.");
 	return e;
 }
-var N = (e) => "options" in e;
+var P = (e) => "options" in e;
 function ie(e) {
-	return e === void 0 ? [] : e.flatMap((e) => N(e) ? e.options : [e]);
+	return e === void 0 ? [] : e.flatMap((e) => P(e) ? e.options : [e]);
 }
-function ae({ 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: O, flip: k, form: A, fullWidth: ne, hideWhenDetached: M, highlightedValue: N, highlightMatch: ae, inputValue: P, invalid: oe, items: F, loading: I, locale: L, loop: R, messages: z, mount: se, name: ce, onHighlightedValueChange: le, onInputValueChange: ue, onInputReset: B, onLoadMore: de, onOpenChange: V, onValueChange: fe, open: H, openOn: pe, portal: me, readOnly: he, ref: ge, required: _e, shift: ve, side: ye, sideOffset: be, size: xe, strategy: Se, total: Ce, value: we, variant: Te, width: Ee }) {
-	let U = j(), W = a(), De = i(E, z), Oe = r(), ke = L ?? Oe, Ae = f(), je = `${Ae}listbox`, Me = `${Ae}input`, [Ne, Pe] = _(T), [Fe, Ie] = _(ee), [Le, Re] = _(w), [ze, Be] = _(C), [Ve, He] = _(null), [Ue, We] = _(null), Ge = D ?? W?.disabled ?? U.disabled, Ke = he ?? W?.readOnly ?? U.readOnly, G = (H ?? Ne) && !Ge, K = we === void 0 ? Fe : we, q = P ?? Le, qe = N === void 0 ? ze : N, Je = g(G);
-	G && (Je.current = !0);
+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);
+	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 e = /* @__PURE__ */ new Map();
-		for (let t of ie(F)) e.set(t.value, t.label);
+		for (let t of ie(I)) e.set(t.value, t.label);
 		return e;
-	}, [F]), rt = l((e, t) => {
+	}, [I]), rt = l((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) => `${Ae}option-${encodeURIComponent(e)}`, [Ae]), J = q === (K === null ? void 0 : it(K)) ? "" : q, Y = h(() => te({ locale: ke }), [ke]), ot = l((e) => J === "" || O === null ? !0 : O === void 0 ? Y.contains(e, J) : O(e, J), [
-		Y,
-		O,
-		J
-	]), X = g({
+	}, []), 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), [
+		X,
+		k,
+		Y
+	]), Z = g({
 		currentHighlighted: qe,
-		currentInput: q,
-		currentOpen: G,
-		currentValue: K,
-		highlightedValue: N,
-		inputNode: Ve,
-		inputValue: P,
+		currentInput: J,
+		currentOpen: K,
+		currentValue: q,
+		highlightedValue: P,
+		inputNode: He,
+		inputValue: ae,
 		onHighlightedValueChange: le,
 		onInputValueChange: ue,
 		onCreate: S,
-		onOpenChange: V,
-		onValueChange: fe,
+		onOpenChange: fe,
+		onValueChange: pe,
 		open: H,
-		value: we
+		value: Te
 	});
-	X.current = {
+	Z.current = {
 		currentHighlighted: qe,
-		currentInput: q,
-		currentOpen: G,
-		currentValue: K,
-		highlightedValue: N,
-		inputNode: Ve,
-		inputValue: P,
+		currentInput: J,
+		currentOpen: K,
+		currentValue: q,
+		highlightedValue: P,
+		inputNode: He,
+		inputValue: ae,
 		onHighlightedValueChange: le,
 		onInputValueChange: ue,
 		onCreate: S,
-		onOpenChange: V,
-		onValueChange: fe,
+		onOpenChange: fe,
+		onValueChange: pe,
 		open: H,
-		value: we
+		value: Te
 	};
-	let Z = l((e, t, n) => {
-		let r = X.current;
+	let st = l((e, t, n) => {
+		let r = Z.current;
 		e !== r.currentOpen && s({
 			controlled: r.open,
 			initial: r.currentOpen,
 			onRequest: (e) => r.onOpenChange?.(e.value, e)
-		}).request(e, t, n) && (Pe(e), e || (Be(null), Ye.current = "none"));
-	}, []), st = l((e, t, n) => {
-		let r = X.current;
+		}).request(e, t, n) && (Fe(e), e || (Ve(null), Ye.current = "none"));
+	}, []), ct = l((e, t, n) => {
+		let r = Z.current;
 		e !== r.currentHighlighted && s({
 			controlled: r.highlightedValue,
 			initial: r.currentHighlighted,
 			onRequest: (e) => r.onHighlightedValueChange?.(e.value, e)
-		}).request(e, t, n) && Be(e);
-	}, []), ct = l((e) => {
+		}).request(e, t, n) && Ve(e);
+	}, []), lt = l((e) => {
 		if (e !== "") {
-			for (let [t, n] of nt) if (Y.equals(n, e)) return t;
-			for (let [t, n] of $e.current) if (Y.equals(n, e)) return t;
+			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;
 		}
 	}, [
 		nt,
-		Y,
+		X,
 		et
 	]), Q = l((e, t, n) => {
-		let r = X.current;
+		let r = Z.current;
 		Ze(null), e !== r.currentInput && s({
 			controlled: r.inputValue,
 			initial: r.currentInput,
 			onRequest: (e) => r.onInputValueChange?.(e.value, e)
-		}).request(e, t, n) && Re(e);
+		}).request(e, t, n) && ze(e);
 	}, []), $ = l((e, t, n) => {
-		let r = X.current;
+		let r = Z.current;
 		e !== r.currentValue && s({
 			controlled: r.value,
 			initial: r.currentValue,
 			onRequest: (e) => r.onValueChange?.(e.value, e)
-		}).request(e, t, n) && Ie(e);
-	}, []), lt = g({
+		}).request(e, t, n) && Le(e);
+	}, []), ut = g({
 		allowsCustomValue: !1,
-		currentInput: q,
-		currentValue: K,
+		currentInput: J,
+		currentValue: q,
 		labelFor: it,
-		onInputReset: B,
+		onInputReset: V,
 		select: $,
 		setInputValue: Q,
-		valueForLabel: ct
+		valueForLabel: lt
 	});
-	lt.current = {
+	ut.current = {
 		allowsCustomValue: n ?? U.allowsCustomValue,
-		currentInput: q,
-		currentValue: K,
+		currentInput: J,
+		currentValue: q,
 		labelFor: it,
-		onInputReset: B,
+		onInputReset: V,
 		select: $,
 		setInputValue: Q,
-		valueForLabel: ct
+		valueForLabel: lt
 	};
-	let ut = l((e) => {
-		let t = lt.current, n = t.currentInput, r = t.valueForLabel(n);
+	let dt = l((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);
 			return;
@@ -224,137 +224,137 @@ function ae({ align: e, alignOffset: t, allowsCustomValue: n, autocomplete: o, a
 			reason: "blur",
 			source: e
 		});
-	}, []), dt = l((e, t, n) => {
-		X.current.onCreate?.(e, {
+	}, []), ft = l((e, t, n) => {
+		Z.current.onCreate?.(e, {
 			reason: t,
 			source: n
 		});
-	}, []), ft = l((e, t) => {
+	}, []), pt = l((e, t) => {
 		$(null, e, t), Q("", e === "clear" ? "clear" : "programmatic", t);
 	}, [$, Q]);
-	p(ge, () => ({
-		close: () => Z(!1, "programmatic"),
-		focus: () => X.current.inputNode?.focus({ preventScroll: !0 }),
-		open: () => Z(!0, "programmatic"),
+	p(_e, () => ({
+		close: () => st(!1, "programmatic"),
+		focus: () => Z.current.inputNode?.focus({ preventScroll: !0 }),
+		open: () => st(!0, "programmatic"),
 		scrollToKey: (e) => {
-			let t = Ue?.querySelector(`[data-part='item'][data-value="${CSS.escape(e)}"]`);
-			typeof t?.scrollIntoView == "function" && t.scrollIntoView({ block: "nearest" });
+			let t = G?.querySelector(`[data-part='item'][data-value="${CSS.escape(e)}"]`);
+			t != null && G !== null && O(t, G);
 		}
-	}), [Ue, Z]);
-	let pt = {
+	}), [G, st]);
+	let mt = {
 		align: e ?? U.align,
 		alignOffset: t ?? U.alignOffset,
 		allowsCustomValue: n ?? U.allowsCustomValue,
 		autocomplete: o ?? U.autocomplete,
 		autoHighlight: c ?? U.autoHighlight,
-		clear: ft,
+		clear: pt,
 		clearable: d ?? U.clearable,
 		closeOnEscape: m ?? U.closeOnEscape,
 		closeOnOutsidePress: v ?? U.closeOnOutsidePress,
 		closeOnSelect: b ?? U.closeOnSelect,
 		collisionPadding: x ?? U.collisionPadding,
 		completion: Xe,
-		contentId: je,
-		contentNode: Ue,
+		contentId: Me,
+		contentNode: G,
 		canCreate: S !== void 0,
-		create: dt,
+		create: ft,
 		disabled: Ge,
 		entry: Ye,
-		flip: k ?? U.flip,
-		form: A,
+		flip: A ?? U.flip,
+		form: j,
 		fullWidth: ne ?? U.fullWidth,
-		hideWhenDetached: M ?? U.hideWhenDetached,
+		hideWhenDetached: N ?? U.hideWhenDetached,
 		highlighted: qe,
-		highlightMatch: ae ?? U.highlightMatch,
-		inputId: Me,
-		inputNode: Ve,
-		inputValue: q,
+		highlightMatch: F ?? U.highlightMatch,
+		inputId: Ne,
+		inputNode: He,
+		inputValue: J,
 		invalid: oe ?? W?.invalid ?? U.invalid,
 		labelFor: it,
-		loading: I ?? U.loading,
-		locale: ke,
-		loop: R ?? U.loop,
+		loading: L ?? U.loading,
+		locale: Ae,
+		loop: z ?? U.loop,
 		matches: ot,
 		mount: se ?? U.mount,
 		name: ce,
 		onLoadMore: de,
-		open: G,
-		openOn: pe ?? U.openOn,
+		open: K,
+		openOn: me ?? U.openOn,
 		optionId: at,
-		portal: me ?? U.portal,
-		query: J,
+		portal: he ?? U.portal,
+		query: Y,
 		readOnly: Ke,
 		registerLabel: rt,
-		required: _e ?? W?.required ?? U.required,
+		required: ve ?? W?.required ?? U.required,
 		seen: Je.current,
 		select: $,
 		setCompletion: Ze,
 		setContentNode: We,
-		setHighlighted: st,
-		setInputNode: He,
+		setHighlighted: ct,
+		setInputNode: Ue,
 		setInputValue: Q,
-		setOpen: Z,
-		settleInput: ut,
-		shift: ve ?? U.shift,
-		side: ye ?? U.side,
-		sideOffset: be ?? U.sideOffset,
-		size: xe ?? W?.size ?? U.size,
-		strategy: Se ?? U.strategy,
-		t: De,
-		total: Ce,
-		value: K,
-		variant: Te ?? U.variant,
+		setOpen: st,
+		settleInput: dt,
+		shift: ye ?? U.shift,
+		side: be ?? U.side,
+		sideOffset: xe ?? U.sideOffset,
+		size: Se ?? W?.size ?? U.size,
+		strategy: Ce ?? U.strategy,
+		t: Oe,
+		total: we,
+		value: q,
+		variant: Ee ?? U.variant,
 		wantsCompletion: Qe,
-		width: Ee ?? U.width
+		width: De ?? U.width
 	};
 	return /* @__PURE__ */ y(re.Provider, {
-		value: pt,
+		value: mt,
 		children: u
 	});
 }
 //#endregion
 //#region src/combobox/combobox-collection.ts
-var P = e(), oe = "[data-part='item']";
-function F(e) {
+var ae = e(), oe = "[data-part='item']";
+function I(e) {
 	return e === null ? [] : [...e.querySelectorAll(oe)];
 }
-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);
+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);
 	if (i.length === 0) return null;
 	let a = D({
-		enabled: i.map(L),
-		from: t === null ? -1 : i.findIndex((e) => I(e) === t),
+		enabled: i.map(R),
+		from: t === null ? -1 : i.findIndex((e) => L(e) === t),
 		intent: n,
 		loop: r
 	});
-	return a === -1 ? null : I(i[a]);
+	return a === -1 ? null : L(i[a]);
 }
 function se(e, t, n, r) {
 	if (n === "none") return null;
 	if (n === "selected") {
 		if (t === null) return null;
-		let n = F(e).find((e) => I(e) === t && L(e));
-		return n === void 0 ? null : I(n);
+		let n = I(e).find((e) => L(e) === t && R(e));
+		return n === void 0 ? null : L(n);
 	}
-	return z(e, null, n, r);
+	return B(e, null, n, r);
 }
 function ce(e) {
-	let t = F(e).find(L);
-	return t === void 0 ? null : R(t);
+	let t = I(e).find(R);
+	return t === void 0 ? null : z(t);
 }
 function le(e, t) {
-	let n = F(e).find((e) => R(e) === t);
-	return n === void 0 ? null : I(n);
+	let n = I(e).find((e) => z(e) === t);
+	return n === void 0 ? null : L(n);
 }
 function ue(e, t) {
 	if (e === null || t === null) return;
-	let n = F(e).find((e) => I(e) === t);
-	typeof n?.scrollIntoView == "function" && n.scrollIntoView({ block: "nearest" });
+	let n = I(e).find((e) => L(e) === t);
+	n !== void 0 && O(n, e);
 }
 //#endregion
 //#region src/combobox/combobox-parts.tsx
-function B(e, t) {
+function V(e, t) {
 	return (n) => {
 		e?.(n), n.defaultPrevented || t(n);
 	};
@@ -362,8 +362,8 @@ function B(e, t) {
 function de(e, ...t) {
 	for (let n of t) typeof n == "function" ? n(e) : n != null && (n.current = e);
 }
-function V({ ref: e, render: r, ...i }) {
-	let o = M(), s = a(), [c, u] = _(null);
+function fe({ ref: e, render: r, ...i }) {
+	let o = N(), s = a(), [c, u] = _(null);
 	d(() => {
 		o.setInputNode(c);
 	}, [o, c]), m(() => {
@@ -374,7 +374,7 @@ function V({ ref: e, render: r, ...i }) {
 		c
 	]);
 	let f = (e, t) => {
-		let n = z(o.contentNode, o.highlighted, e, o.loop);
+		let n = B(o.contentNode, o.highlighted, e, o.loop);
 		n !== null && o.setHighlighted(n, "keyboard", t);
 	}, p = (e) => {
 		if (o.highlighted === null && o.completion !== null) {
@@ -385,7 +385,7 @@ function V({ ref: e, render: r, ...i }) {
 			}
 		}
 		let t = o.highlighted;
-		if (t !== null && fe(o.contentNode, t)) {
+		if (t !== null && pe(o.contentNode, t)) {
 			o.create(t, "keyboard", e), o.setOpen(!1, "select", e);
 			return;
 		}
@@ -475,11 +475,11 @@ function V({ ref: e, render: r, ...i }) {
 			"data-part": "input",
 			disabled: o.disabled,
 			id: i.id ?? s?.ids.control ?? o.inputId,
-			onBlur: B(i.onBlur, w),
-			onChange: B(i.onChange, x),
-			onClick: B(i.onClick, C),
-			onFocus: B(i.onFocus, S),
-			onKeyDown: B(i.onKeyDown, g),
+			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),
 			readOnly: o.readOnly,
 			ref: te,
 			required: o.required,
@@ -540,11 +540,11 @@ function V({ ref: e, render: r, ...i }) {
 		children: A
 	});
 }
-function fe(e, t) {
+function pe(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 = M(), [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);
+	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({
 			present: k.current.open,
@@ -570,19 +570,19 @@ function H({ children: e, empty: t, ref: n, render: r, status: i, ...a }) {
 		o.portal,
 		A
 	]);
-	let { align: j, alignOffset: ne, collisionPadding: re, flip: N, hideWhenDetached: ie, shift: ae, side: oe, sideOffset: L, strategy: R, width: z } = o;
+	let { align: j, alignOffset: M, collisionPadding: ne, flip: re, hideWhenDetached: P, shift: ie, side: F, sideOffset: oe, strategy: R, width: z } = o;
 	if (d(() => {
 		if (s === null || o.inputNode === null) return;
 		let e = !0, t = o.inputNode.closest("[data-part='root']") ?? o.inputNode, n = ee(t, s, {
 			align: j,
-			alignOffset: ne,
-			boundaryPadding: re,
-			flip: N,
-			hideWhenDetached: ie,
+			alignOffset: M,
+			boundaryPadding: ne,
+			flip: re,
+			hideWhenDetached: P,
 			matchWidth: z === "anchor",
-			shift: ae,
-			side: oe,
-			sideOffset: L,
+			shift: ie,
+			side: F,
+			sideOffset: oe,
 			strategy: R
 		});
 		return n.update().then(() => {
@@ -592,15 +592,15 @@ function H({ children: e, empty: t, ref: n, render: r, status: i, ...a }) {
 		};
 	}, [
 		j,
+		M,
 		ne,
-		re,
 		o.inputNode,
-		N,
-		ie,
+		re,
+		P,
 		s,
-		ae,
+		ie,
+		F,
 		oe,
-		L,
 		R,
 		z
 	]), d(() => {
@@ -624,7 +624,7 @@ function H({ children: e, empty: t, ref: n, render: r, status: i, ...a }) {
 		o.open,
 		s
 	]), m(() => {
-		let e = F(l).filter((e) => e.dataset.create === void 0).length;
+		let e = I(l).filter((e) => e.dataset.create === void 0).length;
 		te((t) => t === e ? t : e);
 	}), m(() => {
 		let e = k.current;
@@ -634,7 +634,7 @@ function H({ children: e, empty: t, ref: n, render: r, status: i, ...a }) {
 				t !== null && e.setHighlighted(t, "keyboard");
 				return;
 			}
-			e.highlighted !== null && (F(l).some((t) => I(t) === e.highlighted) || e.setHighlighted(null, "keyboard"));
+			e.highlighted !== null && (I(l).some((t) => L(t) === e.highlighted) || e.setHighlighted(null, "keyboard"));
 		}
 	}, [
 		o.open,
@@ -643,11 +643,15 @@ function H({ children: e, empty: t, ref: n, render: r, status: i, ...a }) {
 		l
 	]), d(() => {
 		ue(l, o.highlighted);
-	}, [o.highlighted, l]), m(() => {
+	}, [
+		o.highlighted,
+		C,
+		l
+	]), m(() => {
 		let e = k.current;
 		if (!e.wantsCompletion.current || l === null) return;
 		e.wantsCompletion.current = !1;
-		let t = pe(l, e.inputValue);
+		let t = me(l, e.inputValue);
 		t !== null && t !== e.inputValue && e.setCompletion(t);
 	}, [
 		o.inputValue,
@@ -665,7 +669,7 @@ function H({ children: e, empty: t, ref: n, render: r, status: i, ...a }) {
 		E,
 		l
 	]), !A) return null;
-	let ce = {
+	let B = {
 		"data-align": j,
 		...o.open ? {} : { inert: !0 },
 		...o.open && C ? { "data-open": "" } : {},
@@ -673,8 +677,8 @@ function H({ children: e, empty: t, ref: n, render: r, status: i, ...a }) {
 		"data-size": o.size,
 		"data-ui": "combobox",
 		"data-width": o.width
-	}, le = i === void 0 ? o.loading ? o.t("loading") : E === 0 ? null : o.t("count", { count: E }) : i, B = /* @__PURE__ */ y("div", {
-		...ce,
+	}, ce = i === void 0 ? o.loading ? o.t("loading") : E === 0 ? null : o.t("count", { count: E }) : i, le = /* @__PURE__ */ y("div", {
+		...B,
 		ref: (e) => {
 			c(e), de(e, n);
 		},
@@ -732,25 +736,25 @@ function H({ children: e, empty: t, ref: n, render: r, status: i, ...a }) {
 					"data-part": "status",
 					...o.loading ? { "data-loading": "" } : {},
 					role: "status",
-					children: le
+					children: ce
 				})
 			]
 		})
-	}), V = r === void 0 ? B : r({
-		...ce,
+	}), V = r === void 0 ? le : r({
+		...B,
 		children: e
 	});
-	return f === null ? V : (0, P.createPortal)(V, f);
+	return f === null ? V : (0, ae.createPortal)(V, f);
 }
-function pe(e, t) {
+function me(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 me({ children: e, description: r, disabled: i = !1, icon: a, position: s, ref: c, textValue: l, value: u, ...f }) {
-	let p = M(), [m, v] = _(null), x = g(null), S = l ?? (typeof e == "string" ? e : void 0);
+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() ?? "";
@@ -763,7 +767,7 @@ function me({ children: e, description: r, disabled: i = !1, icon: a, position:
 	]);
 	let C = h(() => {
 		if (!p.highlightMatch || p.query === "" || S === void 0) return e;
-		let t = O(S, p.query, { locale: p.locale });
+		let t = k(S, p.query, { locale: p.locale });
 		return t.length === 0 ? e : /* @__PURE__ */ y(o, {
 			ranges: t,
 			text: S
@@ -823,8 +827,8 @@ function me({ children: e, description: r, disabled: i = !1, icon: a, position:
 		]
 	});
 }
-function he({ children: e, label: t, ...n }) {
-	let r = `${f()}group`, { query: i } = M(), [a, o] = _(null), [s, c] = _(!1);
+function ge({ children: e, label: t, ...n }) {
+	let r = `${f()}group`, { query: i } = N(), [a, o] = _(null), [s, c] = _(!1);
 	return d(() => {
 		a !== null && c(a.querySelector("[data-part='item']") === null);
 	}, [a, i]), /* @__PURE__ */ b("div", {
@@ -841,7 +845,7 @@ function he({ children: e, label: t, ...n }) {
 		}), e]
 	});
 }
-function ge(e) {
+function _e(e) {
 	return /* @__PURE__ */ y("div", {
 		"data-part": "separator",
 		ref: e.ref,
@@ -849,4 +853,4 @@ function ge(e) {
 	});
 }
 //#endregion
-export { V as a, k as c, H as i, ne as l, me as n, ae as o, ge as r, M as s, he as t, j as u };
+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 };