themelia-react-ui 1.0.1 → 1.0.2

package/dist/{combobox-xv3yJbzl.js → combobox-hozNwUcc.js}

@@ -1,24 +1,24 @@
 "use client";
-import { _ as e, s as t } from "./ui-provider-CftIB6TY.js";
+import { _ as e, s as t } from "./ui-provider-DRPn3qNl.js";
 import { useStrings as n } from "./lib/strings.js";
-import { t as r } from "./utils-C2EKeIw3.js";
-import { n as i } from "./buttons-Co6GavvM.js";
-import { a, r as o } from "./typography-Cv8MT-82.js";
-import { t as s } from "./structure-MvKVq-oL.js";
-import { t as c } from "./feedback-DWUkgEjR.js";
-import { t as l } from "./field-affordance-recipes-IjzPrCTw.js";
-import { S as u, b as d, d as f, g as p, h as m, l as h, m as g, n as _, o as v, p as y, r as b, u as x, x as S, y as C } from "./combobox-DEbdr-3u.js";
-import { c as w, l as T } from "./form-sizing-BWs70_a2.js";
-import { t as E } from "./input-WwYQZJzG.js";
-import { t as D } from "./scroll-area-BheMQ270.js";
+import { t as r } from "./utils-BvH9PSmq.js";
+import { a as i, r as a } from "./typography-BxQgiZyw.js";
+import { t as o } from "./button-BZDasD04.js";
+import { t as s } from "./structure-CRdqVawd.js";
+import { t as c } from "./feedback-CJkUAapr.js";
+import { t as l } from "./field-affordance-recipes-uKY4MsZ_.js";
+import { S as u, b as d, d as f, g as p, h as m, l as h, m as g, n as _, o as v, p as y, r as b, u as x, x as S, y as C } from "./combobox-BFnbJJp3.js";
+import { c as w, l as T } from "./form-sizing-QP8aIRaW.js";
+import { t as E } from "./input-SX9V0AL3.js";
+import { t as D } from "./scroll-area-D-pIhEKl.js";
 import { t as O } from "./use-debounced-callback-Cx1h-hdv.js";
 import * as k from "react";
 import { useCallback as A, useEffect as j, useMemo as M, useRef as N, useState as P } from "react";
-import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
-import { ChevronDownIcon as R, Loader2 as z, PlusIcon as B, XIcon as ee } from "lucide-react";
-import { Combobox as V } from "@base-ui/react/combobox";
+import { Fragment as ee, jsx as F, jsxs as I } from "react/jsx-runtime";
+import { ChevronDownIcon as L, Loader2 as R, PlusIcon as z, XIcon as te } from "lucide-react";
+import { Combobox as B } from "@base-ui/react/combobox";
 //#region src/components/features/combobox/combobox.strings.ts
-var H = {
+var V = {
 	placeholder: "Search...",
 	clear: "Clear selection",
 	toggle: "Open options",
@@ -30,21 +30,21 @@ var H = {
 	loadingMore: "Loading...",
 	apply: "Apply",
 	cancel: "Cancel"
-}, U = Symbol("combobox-create-option");
-function W(e) {
-	return typeof e == "object" && !!e && U in e;
+}, H = Symbol("combobox-create-option");
+function U(e) {
+	return typeof e == "object" && !!e && H in e;
 }
-function G(e) {
-	if (!W(e)) throw Error("Item is not a create option");
-	return e[U];
+function W(e) {
+	if (!U(e)) throw Error("Item is not a create option");
+	return e[H];
 }
-function te(e) {
-	return { [U]: e };
+function ne(e) {
+	return { [H]: e };
 }
 //#endregion
 //#region src/components/features/combobox/components/loading-more.tsx
-function K({ loading: e, text: t, className: n }) {
-	return e ? /* @__PURE__ */ L(s, {
+function re({ loading: e, text: t, className: n }) {
+	return e ? /* @__PURE__ */ I(s, {
 		direction: "horizontal",
 		gap: "sm",
 		justify: "center",
@@ -52,10 +52,10 @@ function K({ loading: e, text: t, className: n }) {
 		className: r("loading-more--component", "px-control py-space-xs text-xs text-muted-foreground", n),
 		role: "status",
 		"aria-live": "polite",
-		children: [/* @__PURE__ */ I(z, {
+		children: [/* @__PURE__ */ F(R, {
 			className: "size-icon-sm animate-spin",
 			"aria-hidden": "true"
-		}), /* @__PURE__ */ I(a, {
+		}), /* @__PURE__ */ F(i, {
 			tag: "span",
 			size: "xs",
 			type: "secondary",
@@ -64,11 +64,11 @@ function K({ loading: e, text: t, className: n }) {
 		})]
 	}) : null;
 }
-K.displayName = "LoadingMore";
+re.displayName = "LoadingMore";
 //#endregion
 //#region src/components/features/combobox/components/status-content.tsx
-function q({ children: e }) {
-	return /* @__PURE__ */ I(a, {
+function G({ children: e }) {
+	return /* @__PURE__ */ F(i, {
 		tag: "span",
 		size: "inherit",
 		type: "secondary",
@@ -76,41 +76,41 @@ function q({ children: e }) {
 		children: e
 	});
 }
-function J({ loading: e, searchValue: t, minSearchLength: n, itemCount: r, strings: i }) {
+function K({ loading: e, searchValue: t, minSearchLength: n, itemCount: r, strings: i }) {
 	let a = t.trim();
-	if (e) return /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(z, { className: "size-icon-sm animate-spin" }), /* @__PURE__ */ I(q, { children: i.searching })] });
-	if (a === "") return i.typeToSearch.includes("{min}") ? /* @__PURE__ */ I(q, { children: i.typeToSearch.replace("{min}", String(n)) }) : /* @__PURE__ */ I(q, { children: i.typeToSearch });
+	if (e) return /* @__PURE__ */ I(ee, { children: [/* @__PURE__ */ F(R, { className: "size-icon-sm animate-spin" }), /* @__PURE__ */ F(G, { children: i.searching })] });
+	if (a === "") return i.typeToSearch.includes("{min}") ? /* @__PURE__ */ F(G, { children: i.typeToSearch.replace("{min}", String(n)) }) : /* @__PURE__ */ F(G, { children: i.typeToSearch });
 	if (a.length < n) {
 		let e = n - a.length;
-		return i.typeMore.includes("{remaining}") || i.typeMore.includes("{s}") ? /* @__PURE__ */ I(q, { children: i.typeMore.replace("{remaining}", String(e)).replace("{s}", e === 1 ? "" : "s") }) : /* @__PURE__ */ I(q, { children: i.typeMore });
+		return i.typeMore.includes("{remaining}") || i.typeMore.includes("{s}") ? /* @__PURE__ */ F(G, { children: i.typeMore.replace("{remaining}", String(e)).replace("{s}", e === 1 ? "" : "s") }) : /* @__PURE__ */ F(G, { children: i.typeMore });
 	}
 	return null;
 }
-J.displayName = "StatusContent";
+K.displayName = "StatusContent";
 //#endregion
 //#region src/components/features/combobox/components/combobox-dropdown.tsx
-var ne = {
+var ie = {
 	sm: "sm",
 	md: "md",
 	lg: "lg"
-}, Y = {
+}, q = {
 	sm: "flex min-h-control-sm items-center justify-center px-row-x py-row-y text-center text-pxs leading-tight text-muted-foreground",
 	md: "flex min-h-control items-center justify-center px-row-x py-row-y text-center text-sm leading-tight text-muted-foreground",
 	lg: "flex min-h-control-lg items-center justify-center px-row-x py-row-y-lg text-center text-sm leading-tight text-muted-foreground"
 };
-function re({ loading: e, showStatus: t, showEmpty: n, searchValue: c, minSearchLength: l, items: f, groupedItems: h, createOptionItem: v, renderItemContent: x, getItemReactKey: w, getItemDisabled: T, renderGroupLabel: E, loadingMore: O, strings: k, size: A = "md", portalContainer: j, listRef: M, anchor: N, applyFooter: P }) {
-	let R = j == null ? void 0 : "z-[100]", z = ne[A];
+function ae({ loading: e, showStatus: t, showEmpty: n, searchValue: c, minSearchLength: l, items: f, groupedItems: h, createOptionItem: v, renderItemContent: x, getItemReactKey: w, getItemDisabled: T, renderGroupLabel: E, loadingMore: O, strings: k, size: A = "md", portalContainer: j, listRef: M, anchor: N, applyFooter: P }) {
+	let L = j == null ? void 0 : "z-[100]", R = ie[A];
 	if (!(t || n || f.length > 0 || O || P)) return null;
-	let B = /* @__PURE__ */ I(S, {
+	let z = /* @__PURE__ */ F(S, {
 		anchor: N,
-		className: R,
-		children: /* @__PURE__ */ L(b, {
+		className: L,
+		children: /* @__PURE__ */ I(b, {
 			"aria-busy": e || void 0,
 			className: r("combobox-dropdown--popup"),
 			children: [
-				!!t && /* @__PURE__ */ I(u, {
+				!!t && /* @__PURE__ */ F(u, {
 					className: "gap-space-sm px-control py-space-xs text-xs text-muted-foreground",
-					children: /* @__PURE__ */ I(J, {
+					children: /* @__PURE__ */ F(K, {
 						loading: e,
 						searchValue: c,
 						minSearchLength: l,
@@ -118,9 +118,9 @@ function re({ loading: e, showStatus: t, showEmpty: n, searchValue: c, minSearch
 						strings: k
 					})
 				}),
-				!!n && /* @__PURE__ */ I(g, {
-					className: Y[A],
-					children: /* @__PURE__ */ I(a, {
+				!!n && /* @__PURE__ */ F(g, {
+					className: q[A],
+					children: /* @__PURE__ */ F(i, {
 						tag: "span",
 						size: "inherit",
 						type: "secondary",
@@ -128,46 +128,46 @@ function re({ loading: e, showStatus: t, showEmpty: n, searchValue: c, minSearch
 						children: k.noResults
 					})
 				}),
-				/* @__PURE__ */ I(D, {
+				/* @__PURE__ */ F(D, {
 					viewportRef: M,
 					className: "max-h-[min(20rem,var(--available-height))]",
-					children: /* @__PURE__ */ I(C, {
+					children: /* @__PURE__ */ F(C, {
 						className: "combobox-dropdown--list max-h-none overflow-visible",
-						children: h ? /* @__PURE__ */ L(F, { children: [Array.from(h.entries()).map(([e, t]) => {
+						children: h ? /* @__PURE__ */ I(ee, { children: [Array.from(h.entries()).map(([e, t]) => {
 							let n = typeof E == "function" ? E(e) : e;
-							return /* @__PURE__ */ L(m, {
+							return /* @__PURE__ */ I(m, {
 								className: "combobox-dropdown--group p-0",
 								items: t,
-								children: [/* @__PURE__ */ I(p, { children: typeof n == "string" || typeof n == "number" || typeof n == "bigint" ? /* @__PURE__ */ I(o, { children: n }) : n }), /* @__PURE__ */ I(y, { children: (e) => /* @__PURE__ */ I(_, {
+								children: [/* @__PURE__ */ F(p, { children: typeof n == "string" || typeof n == "number" || typeof n == "bigint" ? /* @__PURE__ */ F(a, { children: n }) : n }), /* @__PURE__ */ F(y, { children: (e) => /* @__PURE__ */ F(_, {
 									value: e,
-									size: z,
+									size: R,
 									disabled: T?.(e),
 									children: x(e)
 								}, w(e)) })]
 							}, e);
-						}), v != null && /* @__PURE__ */ I(_, {
+						}), v != null && /* @__PURE__ */ F(_, {
 							value: v,
-							size: z,
+							size: R,
 							children: x(v)
-						}, w(v))] }) : /* @__PURE__ */ I(y, { children: (e) => /* @__PURE__ */ I(_, {
+						}, w(v))] }) : /* @__PURE__ */ F(y, { children: (e) => /* @__PURE__ */ F(_, {
 							value: e,
-							size: z,
+							size: R,
 							disabled: T?.(e),
 							children: x(e)
 						}, w(e)) })
 					})
 				}),
-				/* @__PURE__ */ I(K, {
+				/* @__PURE__ */ F(re, {
 					loading: !!O,
 					text: k.loadingMore
 				}),
-				!!P && /* @__PURE__ */ L(s, {
+				!!P && /* @__PURE__ */ I(s, {
 					direction: "horizontal",
 					gap: "md",
 					justify: "end",
 					wrap: !1,
 					className: "border-t border-border/60 px-control py-space-xs",
-					children: [/* @__PURE__ */ I(i, {
+					children: [/* @__PURE__ */ F(o, {
 						type: "button",
 						tone: "secondary",
 						buttonStyle: "ghost",
@@ -175,7 +175,7 @@ function re({ loading: e, showStatus: t, showEmpty: n, searchValue: c, minSearch
 							e.preventDefault(), e.stopPropagation(), P.onCancel();
 						},
 						children: P.cancelLabel
-					}), /* @__PURE__ */ I(i, {
+					}), /* @__PURE__ */ F(o, {
 						type: "button",
 						tone: "primary",
 						onClick: (e) => {
@@ -187,63 +187,58 @@ function re({ loading: e, showStatus: t, showEmpty: n, searchValue: c, minSearch
 			]
 		})
 	});
-	return j ? /* @__PURE__ */ I(d, {
+	return j ? /* @__PURE__ */ F(d, {
 		container: j,
-		children: B
-	}) : /* @__PURE__ */ I(d, { children: B });
+		children: z
+	}) : /* @__PURE__ */ F(d, { children: z });
 }
-re.displayName = "ComboboxDropdown";
+ae.displayName = "ComboboxDropdown";
 //#endregion
 //#region src/components/features/combobox/components/error-message.tsx
-var ie = {
-	sm: "mt-space-sm",
-	md: "mt-space-md",
-	lg: "mt-space-lg"
-};
-function ae({ error: e, size: t, className: n }) {
-	return e ? /* @__PURE__ */ I(a, {
+function oe({ error: e, size: t, className: n }) {
+	return e ? /* @__PURE__ */ F(i, {
 		tag: "p",
 		size: "xs",
 		type: "error",
-		className: r("error-message--component", ie[t], n),
+		className: r("error-message--component", n),
 		role: "alert",
 		"aria-live": "polite",
 		children: e
 	}) : null;
 }
-ae.displayName = "ErrorMessage";
+oe.displayName = "ErrorMessage";
 //#endregion
 //#region src/components/features/combobox/components/highlighted-text.tsx
-function oe(e) {
+function J(e) {
 	return e.replace(/[$()*+.?[\\\]^{|}]/g, "\\$&");
 }
-function se({ text: e, highlight: t, highlightClassName: n = "rounded-radius-sm bg-warning/20 px-0.5 text-warning-accent dark:bg-warning/25" }) {
-	if (!t.trim()) return /* @__PURE__ */ I(a, {
+function Y({ text: e, highlight: t, highlightClassName: n = "rounded-radius-sm bg-warning/20 px-space-2xs text-warning-accent dark:bg-warning/25" }) {
+	if (!t.trim()) return /* @__PURE__ */ F(i, {
 		tag: "span",
 		size: "inherit",
 		lineHeight: "tight",
 		className: "text-inherit",
 		children: e
 	});
-	let r = RegExp(`(${oe(t)})`, "gi"), i = e.split(r), o = 0;
-	return /* @__PURE__ */ I(a, {
+	let r = RegExp(`(${J(t)})`, "gi"), a = e.split(r), o = 0;
+	return /* @__PURE__ */ F(i, {
 		tag: "span",
 		size: "inherit",
 		lineHeight: "tight",
 		className: "text-inherit",
-		children: i.map((e, t) => {
+		children: a.map((e, t) => {
 			let r = t % 2 == 1, i = String(o);
-			return o += e.length, r ? /* @__PURE__ */ I("mark", {
+			return o += e.length, r ? /* @__PURE__ */ F("mark", {
 				className: n,
 				children: e
-			}, i) : /* @__PURE__ */ I(k.Fragment, { children: e }, i);
+			}, i) : /* @__PURE__ */ F(k.Fragment, { children: e }, i);
 		})
 	});
 }
-se.displayName = "HighlightedText";
+Y.displayName = "HighlightedText";
 //#endregion
 //#region src/components/features/combobox/hooks/use-debounced-search.ts
-function X({ searchValue: e, onSearch: t, debounceMs: n = 300, minSearchLength: r = 3 }) {
+function se({ searchValue: e, onSearch: t, debounceMs: n = 300, minSearchLength: r = 3 }) {
 	let i = O((e) => {
 		t?.(e);
 	}, n);
@@ -271,7 +266,7 @@ function ce({ items: e, getItemGroup: t }) {
 }
 //#endregion
 //#region src/components/features/combobox/hooks/use-load-more.ts
-function le({ hasMore: e, onLoadMore: t, loadingMore: n }) {
+function X({ hasMore: e, onLoadMore: t, loadingMore: n }) {
 	let r = N(!1), i = N(null), a = O(() => {
 		r.current = !0, t?.(), i.current && clearTimeout(i.current), i.current = setTimeout(() => {
 			r.current = !1, i.current = null;
@@ -292,22 +287,22 @@ function le({ hasMore: e, onLoadMore: t, loadingMore: n }) {
 }
 //#endregion
 //#region src/components/features/combobox/hooks/use-combobox-core.tsx
-function ue(e) {
-	return n(H, e);
+function le(e) {
+	return n(V, e);
 }
-function de(e, t, n) {
+function ue(e, t, n) {
 	let r = t.toLowerCase();
 	return e.some((e) => n(e).toLowerCase() === r);
 }
-function fe({ items: e, searchValue: t, getItemLabel: n, getItemKey: i, loading: o = !1, showListContent: s = !0, minSearchLength: c = 3, strings: l, renderItem: u, onSearch: d, debounceMs: f = 300, creatable: p, onCreate: m, getItemGroup: h, hasMore: g, onLoadMore: _, loadingMore: v, highlightMatch: y, ensuredItems: b = [] }) {
-	let x = ue(l), S = i ?? n, C = N(null), w = t.trim(), T = s && (o || w.length < c);
-	X({
+function de({ items: e, searchValue: t, getItemLabel: n, getItemKey: a, loading: o = !1, showListContent: s = !0, minSearchLength: c = 3, strings: l, renderItem: u, onSearch: d, debounceMs: f = 300, creatable: p, onCreate: m, getItemGroup: h, hasMore: g, onLoadMore: _, loadingMore: v, highlightMatch: y, ensuredItems: b = [] }) {
+	let x = le(l), S = a ?? n, C = N(null), w = t.trim(), T = s && (o || w.length < c);
+	se({
 		searchValue: t,
 		onSearch: d,
 		debounceMs: f,
 		minSearchLength: c
 	});
-	let { handleScroll: E } = le({
+	let { handleScroll: E } = X({
 		hasMore: s && !T ? g : !1,
 		onLoadMore: _,
 		loadingMore: v
@@ -339,7 +334,7 @@ function fe({ items: e, searchValue: t, getItemLabel: n, getItemKey: i, loading:
 	]), O = ce({
 		items: D,
 		getItemGroup: h
-	}), k = M(() => !s || T || !p || !m || w.length < c ? !1 : !de(D, w, n), [
+	}), k = M(() => !s || T || !p || !m || w.length < c ? !1 : !ue(D, w, n), [
 		p,
 		m,
 		w,
@@ -348,7 +343,7 @@ function fe({ items: e, searchValue: t, getItemLabel: n, getItemKey: i, loading:
 		n,
 		s,
 		T
-	]), P = M(() => k ? te(w) : null, [k, w]);
+	]), P = M(() => k ? ne(w) : null, [k, w]);
 	return {
 		strings: x,
 		getKey: S,
@@ -362,27 +357,27 @@ function fe({ items: e, searchValue: t, getItemLabel: n, getItemKey: i, loading:
 		showEmpty: s && !o && w.length >= c && e.length === 0 && !k,
 		showCreateOption: k,
 		renderItemContent: A((e) => {
-			if (W(e)) {
-				let t = G(e);
-				return /* @__PURE__ */ L("span", {
+			if (U(e)) {
+				let t = W(e);
+				return /* @__PURE__ */ I("span", {
 					className: r("combobox-core--component", "flex items-center gap-space-sm"),
-					children: [/* @__PURE__ */ I(B, { className: "size-icon-sm" }), x.createNew.includes("{value}") ? /* @__PURE__ */ I(a, {
+					children: [/* @__PURE__ */ F(z, { className: "size-icon-sm" }), x.createNew.includes("{value}") ? /* @__PURE__ */ F(i, {
 						tag: "span",
 						size: "inherit",
 						weight: "medium",
 						lineHeight: "tight",
 						className: "text-inherit",
 						children: x.createNew.replace("{value}", t)
-					}) : /* @__PURE__ */ L("span", {
+					}) : /* @__PURE__ */ I("span", {
 						className: "inline-flex items-center gap-space-sm",
-						children: [/* @__PURE__ */ I(a, {
+						children: [/* @__PURE__ */ F(i, {
 							tag: "span",
 							size: "inherit",
 							weight: "medium",
 							lineHeight: "tight",
 							className: "text-inherit",
 							children: x.createNew
-						}), /* @__PURE__ */ I(a, {
+						}), /* @__PURE__ */ F(i, {
 							tag: "span",
 							size: "inherit",
 							weight: "medium",
@@ -395,10 +390,10 @@ function fe({ items: e, searchValue: t, getItemLabel: n, getItemKey: i, loading:
 			}
 			if (u) return u(e);
 			let t = n(e);
-			return y && w ? /* @__PURE__ */ I(se, {
+			return y && w ? /* @__PURE__ */ F(Y, {
 				text: t,
 				highlight: w
-			}) : /* @__PURE__ */ I(a, {
+			}) : /* @__PURE__ */ F(i, {
 				tag: "span",
 				size: "inherit",
 				weight: "medium",
@@ -413,45 +408,45 @@ function fe({ items: e, searchValue: t, getItemLabel: n, getItemKey: i, loading:
 			y,
 			w
 		]),
-		itemToStringLabel: A((e) => W(e) ? G(e) : n(e), [n]),
-		getItemReactKey: A((e) => W(e) ? `__create__:${G(e)}` : String(S(e)), [S]),
+		itemToStringLabel: A((e) => U(e) ? W(e) : n(e), [n]),
+		getItemReactKey: A((e) => U(e) ? `__create__:${W(e)}` : String(S(e)), [S]),
 		handleScroll: E
 	};
 }
 //#endregion
 //#region src/components/features/combobox/combobox.tsx
-function pe(t, n) {
+function fe(t, n) {
 	return e(t, n, "md");
 }
-var me = {
+var pe = {
 	sm: "pe-control-actions-sm",
 	md: "pe-control-actions",
 	lg: "pe-control-actions"
-}, he = {
+}, me = {
 	sm: "sm",
 	md: "md",
 	lg: "lg"
 };
-function ge(e) {
+function he(e) {
 	return e;
 }
-function _e({ placeholder: e, clearLabel: t, toggleLabel: n, size: a, error: o, required: s, disabled: c, clearable: u = !0, className: d, onBlur: f }) {
-	return /* @__PURE__ */ L("div", {
+function ge({ placeholder: e, clearLabel: t, toggleLabel: n, size: i, error: a, required: s, disabled: c, clearable: u = !0, className: d, onBlur: f }) {
+	return /* @__PURE__ */ I("div", {
 		className: "relative",
-		children: [/* @__PURE__ */ I(V.Input, {
-			render: /* @__PURE__ */ I(E, {
-				size: a,
-				invalid: o,
-				className: r(u ? me[a] : l.togglePadding, d)
+		children: [/* @__PURE__ */ F(B.Input, {
+			render: /* @__PURE__ */ F(E, {
+				size: i,
+				invalid: a,
+				className: r(u ? pe[i] : l.togglePadding, d)
 			}),
 			placeholder: e,
-			"aria-invalid": o || void 0,
+			"aria-invalid": a || void 0,
 			"aria-required": s,
 			disabled: c,
 			onBlur: f
-		}), /* @__PURE__ */ L("div", {
+		}), /* @__PURE__ */ I("div", {
 			className: "absolute inset-y-0 end-space-xs flex items-center gap-space-xs text-muted-foreground",
-			children: [u ? /* @__PURE__ */ I(V.Clear, { render: /* @__PURE__ */ I(i, {
+			children: [u ? /* @__PURE__ */ F(B.Clear, { render: /* @__PURE__ */ F(o, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
@@ -459,11 +454,11 @@ function _e({ placeholder: e, clearLabel: t, toggleLabel: n, size: a, error: o,
 				iconOnly: !0,
 				className: r(l.target, l.focus, l.clear),
 				"aria-label": t,
-				children: /* @__PURE__ */ I(ee, {
+				children: /* @__PURE__ */ F(te, {
 					className: l.icon,
 					"aria-hidden": "true"
 				})
-			}) }) : null, /* @__PURE__ */ I(V.Trigger, { render: /* @__PURE__ */ I(i, {
+			}) }) : null, /* @__PURE__ */ F(B.Trigger, { render: /* @__PURE__ */ F(o, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
@@ -471,7 +466,7 @@ function _e({ placeholder: e, clearLabel: t, toggleLabel: n, size: a, error: o,
 				iconOnly: !0,
 				className: r(l.target, l.focus, l.toggle),
 				"aria-label": n,
-				children: /* @__PURE__ */ I(R, {
+				children: /* @__PURE__ */ F(L, {
 					className: l.icon,
 					"aria-hidden": "true"
 				})
@@ -479,50 +474,51 @@ function _e({ placeholder: e, clearLabel: t, toggleLabel: n, size: a, error: o,
 		})]
 	});
 }
-function Z({ items: e, selectedValue: n, onSelectedValueChange: r, clearSearchOnClose: i = !0, searchValue: a, onSearchValueChange: o, getItemLabel: s, getItemKey: c, loading: l = !1, showListContent: u = !0, minSearchLength: d = 3, strings: f, disabled: p = !1, className: m, clearable: h = !0, renderItem: g, portalContainer: _, name: y, invalid: b, error: x, required: S, onBlur: C, onSearch: w, debounceMs: T, creatable: E, onCreate: D, getItemGroup: O, renderGroupLabel: k, hasMore: j, onLoadMore: M, loadingMore: N, getItemDisabled: F, highlightMatch: R, size: z, open: B, onOpenChange: ee }) {
-	let { defaultScale: V } = t(), H = pe(z, V), U = ge(H), te = b || !!x, K = fe({
+function _e({ items: e, selectedValue: n, onSelectedValueChange: r, clearSearchOnClose: i = !0, searchValue: a, onSearchValueChange: o, getItemLabel: c, getItemKey: l, loading: u = !1, showListContent: d = !0, minSearchLength: f = 3, strings: p, disabled: m = !1, className: h, clearable: g = !0, renderItem: _, portalContainer: y, name: b, invalid: x, error: S, required: C, onBlur: w, onSearch: T, debounceMs: E, creatable: D, onCreate: O, getItemGroup: k, renderGroupLabel: j, hasMore: M, onLoadMore: N, loadingMore: ee, getItemDisabled: L, highlightMatch: R, size: z, open: te, onOpenChange: B }) {
+	let { defaultScale: V } = t(), H = fe(z, V), ne = he(H), re = x || !!S, G = de({
 		items: e,
 		searchValue: a,
 		onSearchValueChange: o,
-		getItemLabel: s,
-		getItemKey: c,
-		loading: l,
-		showListContent: u,
-		minSearchLength: d,
-		strings: f,
-		renderItem: g,
-		onSearch: w,
-		debounceMs: T,
-		creatable: E,
-		onCreate: D,
-		getItemGroup: O,
-		hasMore: j,
-		onLoadMore: M,
-		loadingMore: N,
+		getItemLabel: c,
+		getItemKey: l,
+		loading: u,
+		showListContent: d,
+		minSearchLength: f,
+		strings: p,
+		renderItem: _,
+		onSearch: T,
+		debounceMs: E,
+		creatable: D,
+		onCreate: O,
+		getItemGroup: k,
+		hasMore: M,
+		onLoadMore: N,
+		loadingMore: ee,
 		highlightMatch: R,
 		size: H,
 		ensuredItems: n ? [n] : []
-	}), [q, J] = P(!1), ne = A((e) => {
-		J(e), !e && i && o(""), ee?.(e);
+	}), [K, ie] = P(!1), q = A((e) => {
+		ie(e), !e && i && o(""), B?.(e);
 	}, [
 		i,
-		ee,
+		B,
 		o
-	]), Y = q ? a : n ? K.itemToStringLabel(n) : "", ie = A((e) => {
-		if (e && W(e)) {
-			let t = G(e);
-			D?.(t);
+	]), J = K ? a : n ? G.itemToStringLabel(n) : "", Y = A((e) => {
+		if (e && U(e)) {
+			let t = W(e);
+			O?.(t);
 			return;
 		}
 		r(e);
-	}, [r, D]);
-	return /* @__PURE__ */ L("div", {
+	}, [r, O]);
+	return /* @__PURE__ */ I(s, {
+		gap: "dense",
 		className: "combobox--component",
-		children: [/* @__PURE__ */ L(v, {
-			items: K.allItems,
+		children: [/* @__PURE__ */ I(v, {
+			items: G.allItems,
 			value: n,
-			onValueChange: ie,
-			inputValue: Y,
+			onValueChange: Y,
+			inputValue: J,
 			onInputValueChange: (e, { reason: t }) => {
 				if (t === "item-press") {
 					o("");
@@ -530,260 +526,261 @@ function Z({ items: e, selectedValue: n, onSelectedValueChange: r, clearSearchOn
 				}
 				o(e);
 			},
-			itemToStringLabel: K.itemToStringLabel,
-			disabled: p,
+			itemToStringLabel: G.itemToStringLabel,
+			disabled: m,
 			filter: null,
-			name: y,
-			required: S,
-			open: B,
-			onOpenChange: ne,
-			children: [/* @__PURE__ */ I(_e, {
-				placeholder: K.strings.placeholder,
-				clearLabel: K.strings.clear,
-				toggleLabel: K.strings.toggle,
-				className: m,
-				size: U,
-				error: te,
-				required: S,
-				disabled: p,
-				clearable: h,
-				onBlur: C
-			}), /* @__PURE__ */ I(re, {
-				loading: l,
-				showStatus: K.showStatus,
-				showEmpty: K.showEmpty,
+			name: b,
+			required: C,
+			open: te,
+			onOpenChange: q,
+			children: [/* @__PURE__ */ F(ge, {
+				placeholder: G.strings.placeholder,
+				clearLabel: G.strings.clear,
+				toggleLabel: G.strings.toggle,
+				className: h,
+				size: ne,
+				error: re,
+				required: C,
+				disabled: m,
+				clearable: g,
+				onBlur: w
+			}), /* @__PURE__ */ F(ae, {
+				loading: u,
+				showStatus: G.showStatus,
+				showEmpty: G.showEmpty,
 				searchValue: a,
-				minSearchLength: d,
-				items: K.allItems,
-				groupedItems: K.groupedItems,
-				createOptionItem: K.createOptionItem,
-				renderItemContent: K.renderItemContent,
-				getItemReactKey: K.getItemReactKey,
-				getItemDisabled: F,
-				renderGroupLabel: k,
-				loadingMore: u && !K.showStatus ? N : !1,
-				strings: K.strings,
+				minSearchLength: f,
+				items: G.allItems,
+				groupedItems: G.groupedItems,
+				createOptionItem: G.createOptionItem,
+				renderItemContent: G.renderItemContent,
+				getItemReactKey: G.getItemReactKey,
+				getItemDisabled: L,
+				renderGroupLabel: j,
+				loadingMore: d && !G.showStatus ? ee : !1,
+				strings: G.strings,
 				size: H,
-				portalContainer: _,
-				listRef: K.listRef
+				portalContainer: y,
+				listRef: G.listRef
 			})]
-		}), /* @__PURE__ */ I(ae, {
-			error: x,
+		}), /* @__PURE__ */ F(oe, {
+			error: S,
 			size: H
 		})]
 	});
 }
-function ve({ items: e, selectedValues: n, onSelectedValuesChange: i, searchValue: o, onSearchValueChange: s, getItemLabel: c, getItemKey: l, loading: u = !1, showListContent: d = !0, minSearchLength: p = 3, strings: m, disabled: g = !1, className: _, renderItem: y, portalContainer: b, name: S, invalid: C, error: E, required: D, onBlur: O, onSearch: k, debounceMs: M, creatable: F, onCreate: R, getItemGroup: z, renderGroupLabel: B, hasMore: ee, onLoadMore: V, loadingMore: H, getItemDisabled: U, highlightMatch: te, size: K, open: q, onOpenChange: J, closeOnSelect: ne = !1, applyButton: Y = !1, onApply: ie, onCancel: oe }) {
-	let { defaultScale: se } = t(), X = pe(K, se), ce = ge(X), le = he[X], ue = C || !!E, de = N(null), me = l ?? c, [_e, Z] = P(n), [ve, ye] = P(!1), be = q !== void 0, xe = be ? q : ve;
+function ve({ items: e, selectedValues: n, onSelectedValuesChange: a, searchValue: o, onSearchValueChange: c, getItemLabel: l, getItemKey: u, loading: d = !1, showListContent: p = !0, minSearchLength: m = 3, strings: g, disabled: _ = !1, className: y, renderItem: b, portalContainer: S, name: C, invalid: E, error: D, required: O, onBlur: k, onSearch: M, debounceMs: ee, creatable: L, onCreate: R, getItemGroup: z, renderGroupLabel: te, hasMore: B, onLoadMore: V, loadingMore: H, getItemDisabled: ne, highlightMatch: re, size: G, open: K, onOpenChange: ie, closeOnSelect: q = !1, applyButton: J = !1, onApply: Y, onCancel: se }) {
+	let { defaultScale: ce } = t(), X = fe(G, ce), le = he(X), ue = me[X], pe = E || !!D, ge = N(null), _e = u ?? l, [ve, Z] = P(n), [ye, be] = P(!1), xe = K !== void 0, Se = xe ? K : ye;
 	j(() => {
-		Y && Z(n);
-	}, [Y, n]);
+		J && Z(n);
+	}, [J, n]);
 	let Q = A((e) => {
-		be || ye(e), J?.(e);
-	}, [be, J]), $ = fe({
+		xe || be(e), ie?.(e);
+	}, [xe, ie]), $ = de({
 		items: e,
 		searchValue: o,
-		onSearchValueChange: s,
-		getItemLabel: c,
-		getItemKey: l,
-		loading: u,
-		showListContent: d,
-		minSearchLength: p,
-		strings: m,
-		renderItem: y,
-		onSearch: k,
-		debounceMs: M,
-		creatable: F,
+		onSearchValueChange: c,
+		getItemLabel: l,
+		getItemKey: u,
+		loading: d,
+		showListContent: p,
+		minSearchLength: m,
+		strings: g,
+		renderItem: b,
+		onSearch: M,
+		debounceMs: ee,
+		creatable: L,
 		onCreate: R,
 		getItemGroup: z,
-		hasMore: ee,
+		hasMore: B,
 		onLoadMore: V,
 		loadingMore: H,
-		highlightMatch: te,
+		highlightMatch: re,
 		size: X,
 		ensuredItems: n
-	}), Se = A((e) => {
+	}), Ce = A((e) => {
 		let t = [], n = null;
-		for (let r of e) W(r) ? n = G(r) : t.push(r);
+		for (let r of e) U(r) ? n = W(r) : t.push(r);
 		n && R?.(n);
 		let r = t.length !== e.length || !n ? t : null;
-		r && (Y ? Z(r) : i(r)), ne && Q(!1);
+		r && (J ? Z(r) : a(r)), q && Q(!1);
 	}, [
-		i,
+		a,
 		R,
-		Y,
-		ne,
+		J,
+		q,
 		Q
-	]), Ce = A(() => {
-		Y && i(_e), ie?.(), Q(!1);
+	]), we = A(() => {
+		J && a(ve), Y?.(), Q(!1);
 	}, [
+		J,
+		ve,
 		Y,
-		_e,
-		ie,
-		i,
+		a,
 		Q
-	]), we = A(() => {
-		Y && Z(n), oe?.(), Q(!1);
+	]), Te = A(() => {
+		J && Z(n), se?.(), Q(!1);
 	}, [
-		Y,
+		J,
 		n,
-		oe,
+		se,
 		Q
-	]), Te = Y ? _e : n, Ee = Te.length > 0 ? void 0 : $.strings.placeholder;
-	return /* @__PURE__ */ L("div", {
+	]), Ee = J ? ve : n, De = Ee.length > 0 ? void 0 : $.strings.placeholder;
+	return /* @__PURE__ */ I(s, {
+		gap: "dense",
 		className: "combobox--component",
-		children: [/* @__PURE__ */ L(v, {
+		children: [/* @__PURE__ */ I(v, {
 			items: $.allItems,
 			multiple: !0,
-			value: Te,
-			onValueChange: Se,
+			value: Ee,
+			onValueChange: Ce,
 			inputValue: o,
 			onInputValueChange: (e, { reason: t }) => {
 				if (t === "item-press") {
-					s("");
+					c("");
 					return;
 				}
-				s(e);
+				c(e);
 			},
 			itemToStringLabel: $.itemToStringLabel,
-			disabled: g,
+			disabled: _,
 			filter: null,
-			name: S,
-			required: D,
-			open: xe,
+			name: C,
+			required: O,
+			open: Se,
 			onOpenChange: (e) => {
-				!e && Y && Z(n), Q(e);
+				!e && J && Z(n), Q(e);
 			},
-			children: [/* @__PURE__ */ L(x, {
-				ref: de,
-				className: r(w[ce], T[ce], ce === "sm" ? "text-pxs" : "text-sm", "bg-transparent !shadow-none", _),
-				size: le,
-				error: ue,
-				children: [Te.map((e) => /* @__PURE__ */ I(h, { children: /* @__PURE__ */ I(a, {
+			children: [/* @__PURE__ */ I(x, {
+				ref: ge,
+				className: r(w[le], T[le], le === "sm" ? "text-pxs" : "text-sm", "bg-transparent !shadow-none", y),
+				size: ue,
+				error: pe,
+				children: [Ee.map((e) => /* @__PURE__ */ F(h, { children: /* @__PURE__ */ F(i, {
 					tag: "span",
 					size: "inherit",
 					weight: "medium",
 					lineHeight: "tight",
 					className: "combobox--chip-label text-inherit",
-					children: c(e)
-				}) }, me(e))), /* @__PURE__ */ I(f, {
-					placeholder: Ee,
-					"aria-invalid": ue || void 0,
-					"aria-required": D,
-					onBlur: O
+					children: l(e)
+				}) }, _e(e))), /* @__PURE__ */ F(f, {
+					placeholder: De,
+					"aria-invalid": pe || void 0,
+					"aria-required": O,
+					onBlur: k
 				})]
-			}), /* @__PURE__ */ I(re, {
-				loading: u,
+			}), /* @__PURE__ */ F(ae, {
+				loading: d,
 				showStatus: $.showStatus,
 				showEmpty: $.showEmpty,
 				searchValue: o,
-				minSearchLength: p,
+				minSearchLength: m,
 				items: $.allItems,
 				groupedItems: $.groupedItems,
 				createOptionItem: $.createOptionItem,
 				renderItemContent: $.renderItemContent,
 				getItemReactKey: $.getItemReactKey,
-				getItemDisabled: U,
-				renderGroupLabel: B,
-				loadingMore: d && !$.showStatus ? H : !1,
+				getItemDisabled: ne,
+				renderGroupLabel: te,
+				loadingMore: p && !$.showStatus ? H : !1,
 				strings: $.strings,
 				size: X,
-				portalContainer: b,
+				portalContainer: S,
 				listRef: $.listRef,
-				anchor: de,
-				applyFooter: d && Y ? {
+				anchor: ge,
+				applyFooter: p && J ? {
 					applyLabel: $.strings.apply,
 					cancelLabel: $.strings.cancel,
-					onApply: Ce,
-					onCancel: we
+					onApply: we,
+					onCancel: Te
 				} : void 0
 			})]
-		}), /* @__PURE__ */ I(ae, {
-			error: E,
+		}), /* @__PURE__ */ F(oe, {
+			error: D,
 			size: X
 		})]
 	});
 }
-Z.displayName = "Combobox", ve.displayName = "MultiCombobox";
+_e.displayName = "Combobox", ve.displayName = "MultiCombobox";
 //#endregion
 //#region src/components/features/combobox/async-resource-combobox.tsx
-var ye = {
-	...H,
+var Z = {
+	...V,
 	error: "Unable to load options.",
 	retry: "Retry"
 };
-function be(e) {
+function ye(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-function xe({ fetcher: e, value: t, defaultValue: i = null, onValueChange: o, onAfterFetch: l, onError: u, getKey: d, getLabel: f, getDescription: p, getMeta: m, renderOption: h, limit: g = 10, debounceMs: _ = 300, preload: v = !0, minSearchLength: y = 0, errorMessage: b, renderError: x, strings: S, disabled: C, size: w = "md", ...T }) {
-	let E = n(ye, S), D = t !== void 0, [k, F] = P(i), R = D ? t : k, [z, B] = P(""), [ee, V] = P([]), [H, U] = P(!1), [W, G] = P(null), [te, K] = P(0), q = N(0), J = z.trim(), ne = A((e) => {
-		D || F(e), o?.(e);
-	}, [D, o]), Y = O((t, n) => {
-		U(!0), G(null), e(n).then((e) => {
-			n.signal?.aborted || q.current !== t || (V(e), l?.(e, n));
+function be({ fetcher: e, value: t, defaultValue: a = null, onValueChange: o, onAfterFetch: l, onError: u, getKey: d, getLabel: f, getDescription: p, getMeta: m, renderOption: h, limit: g = 10, debounceMs: _ = 300, preload: v = !0, minSearchLength: y = 0, errorMessage: b, renderError: x, strings: S, disabled: C, size: w, ...T }) {
+	let E = n(Z, S), D = t !== void 0, [k, ee] = P(a), L = D ? t : k, [R, z] = P(""), [te, B] = P([]), [V, H] = P(!1), [U, W] = P(null), [ne, re] = P(0), G = N(0), K = R.trim(), ie = A((e) => {
+		D || ee(e), o?.(e);
+	}, [D, o]), q = O((t, n) => {
+		H(!0), W(null), e(n).then((e) => {
+			n.signal?.aborted || G.current !== t || (B(e), l?.(e, n));
 		}).catch((e) => {
-			n.signal?.aborted || q.current !== t || (V([]), G({
+			n.signal?.aborted || G.current !== t || (B([]), W({
 				error: e,
 				query: n.query
 			}), u?.(e, n));
 		}).finally(() => {
-			!n.signal?.aborted && q.current === t && U(!1);
+			!n.signal?.aborted && G.current === t && H(!1);
 		});
 	}, _);
 	j(() => {
 		if (C) return;
-		if (!(J.length > 0 ? J.length >= y : v)) {
-			V([]), U(!1), G(null);
+		if (!(K.length > 0 ? K.length >= y : v)) {
+			B([]), H(!1), W(null);
 			return;
 		}
-		let e = q.current + 1;
-		q.current = e;
+		let e = G.current + 1;
+		G.current = e;
 		let t = new AbortController();
-		return Y(e, {
-			query: J,
+		return q(e, {
+			query: K,
 			limit: g,
 			signal: t.signal
 		}), () => {
-			Y.cancel(), t.abort();
+			q.cancel(), t.abort();
 		};
 	}, [
 		C,
 		g,
 		y,
 		v,
-		te,
-		Y,
-		J
+		ne,
+		q,
+		K
 	]);
-	let re = A(() => {
-		W && (B(W.query), K((e) => e + 1));
-	}, [W]), ie = A((e) => {
+	let ae = A(() => {
+		U && (z(U.query), re((e) => e + 1));
+	}, [U]), oe = A((e) => {
 		if (h) return h(e, {
-			query: J,
-			isSelected: R ? d(R) === d(e) : !1
+			query: K,
+			isSelected: L ? d(L) === d(e) : !1
 		});
 		let t = p?.(e), n = m?.(e);
-		return /* @__PURE__ */ L(s, {
-			render: /* @__PURE__ */ I("span", {}),
+		return /* @__PURE__ */ I(s, {
+			render: /* @__PURE__ */ F("span", {}),
 			direction: "horizontal",
 			gap: "md",
 			wrap: !1,
 			className: "async-resource-combobox--option leading-tight",
-			children: [/* @__PURE__ */ I(a, {
+			children: [/* @__PURE__ */ F(i, {
 				tag: "span",
 				size: w === "sm" ? "pxs" : void 0,
 				weight: "medium",
 				className: "min-w-0 shrink truncate",
 				children: f(e)
-			}), (!!t || !!n) && /* @__PURE__ */ L("span", {
+			}), (!!t || !!n) && /* @__PURE__ */ I("span", {
 				className: "inline-flex min-w-0 flex-1 items-center gap-space-sm overflow-hidden text-muted-foreground",
-				children: [!!t && (be(t) ? /* @__PURE__ */ I(a, {
+				children: [!!t && (ye(t) ? /* @__PURE__ */ F(i, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
 					className: "min-w-0 truncate",
 					children: t
-				}) : t), !!n && (be(n) ? /* @__PURE__ */ I(a, {
+				}) : t), !!n && (ye(n) ? /* @__PURE__ */ F(i, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
@@ -798,53 +795,53 @@ function xe({ fetcher: e, value: t, defaultValue: i = null, onValueChange: o, on
 		f,
 		m,
 		h,
-		R,
+		L,
 		w,
-		J
-	]), ae = M(() => {
-		if (W) return b ?? E.error;
+		K
+	]), J = M(() => {
+		if (U) return b ?? E.error;
 	}, [
 		b,
-		W,
+		U,
 		E.error
-	]), oe = W !== null, se = W ? x?.({
-		error: W.error,
-		query: W.query,
-		retry: re
-	}) ?? /* @__PURE__ */ I(c, {
+	]), Y = U !== null, se = U ? x?.({
+		error: U.error,
+		query: U.query,
+		retry: ae
+	}) ?? /* @__PURE__ */ F(c, {
 		variant: "inline",
-		title: ae,
-		onRetry: re,
+		title: J,
+		onRetry: ae,
 		retryLabel: E.retry,
 		className: "async-resource-combobox--error mt-space-sm"
 	}) : null;
-	return /* @__PURE__ */ L("div", {
+	return /* @__PURE__ */ I("div", {
 		"data-component": "async-resource-combobox",
 		"data-slot": "async-resource-combobox",
 		className: r("async-resource-combobox--component", T.className),
-		children: [/* @__PURE__ */ I(Z, {
+		children: [/* @__PURE__ */ F(_e, {
 			...T,
 			className: void 0,
 			disabled: C,
 			size: w,
-			items: ee,
-			selectedValue: R ?? null,
-			onSelectedValueChange: ne,
+			items: te,
+			selectedValue: L ?? null,
+			onSelectedValueChange: ie,
 			clearSearchOnClose: !1,
-			searchValue: z,
-			onSearchValueChange: B,
+			searchValue: R,
+			onSearchValueChange: z,
 			getItemLabel: f,
 			getItemKey: d,
-			loading: !oe && H,
-			showListContent: !oe,
+			loading: !Y && V,
+			showListContent: !Y,
 			minSearchLength: y,
 			strings: E,
-			renderItem: ie
+			renderItem: oe
 		}), se]
 	});
 }
-xe.displayName = "AsyncResourceCombobox";
+be.displayName = "AsyncResourceCombobox";
 //#endregion
-export { fe as a, ve as i, ye as n, H as o, Z as r, xe as t };
+export { de as a, ve as i, Z as n, V as o, _e as r, be as t };
 
-//# sourceMappingURL=combobox-xv3yJbzl.js.map
+//# sourceMappingURL=combobox-hozNwUcc.js.map