themelia-react-ui 1.0.1 → 1.0.2

package/dist/{filters-BhsUtsxW.js → filters-D6FF8L6s.js}

@@ -1,28 +1,32 @@
 "use client";
-import { useStrings as e } from "./lib/strings.js";
-import { t } from "./utils-C2EKeIw3.js";
-import { n } from "./buttons-Co6GavvM.js";
-import { a as r, n as i, r as a } from "./typography-Cv8MT-82.js";
-import { r as o, t as s } from "./structure-MvKVq-oL.js";
-import { n as c, t as l } from "./feedback-DWUkgEjR.js";
-import { _ as u, g as d, m as f } from "./primitives-DKPOGVpj.js";
-import { t as p } from "./number-BNT_BIzJ.js";
-import { n as m, t as h } from "./date-BFNMnrS5.js";
-import { t as g } from "./badge-BZXZT9wd.js";
-import { a as _, i as v, n as y, o as b, r as x, s as S, t as C } from "./command-C0xe7u9B.js";
-import { t as w } from "./input-WwYQZJzG.js";
-import { t as T } from "./date-picker-CA6ogMQB.js";
-import { a as E, c as D, i as O, o as k, r as A, t as j } from "./popover-CoLDEg19.js";
-import { i as M, r as N, t as P } from "./tabs-B5cNMWiP.js";
-import { t as F } from "./popover-menu-GLIQTJTx.js";
-import { t as I } from "./use-debounced-callback-Cx1h-hdv.js";
-import { t as L } from "./use-debounce-DZ_1ZBPa.js";
-import R, { Component as ee, createContext as te, useCallback as z, useContext as ne, useEffect as B, useId as re, useMemo as V, useRef as H, useState as U } from "react";
-import { Fragment as W, jsx as G, jsxs as K } from "react/jsx-runtime";
-import { CalendarIcon as ie, Check as ae, ChevronDown as oe, ChevronLeft as se, ChevronsUpDown as ce, Filter as le, Loader2 as ue, Plus as de, X as q } from "lucide-react";
-import { format as fe, isValid as J, parse as pe } from "date-fns";
+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-BvH9PSmq.js";
+import { a as i, n as a, r as o } from "./typography-BxQgiZyw.js";
+import { t as s } from "./button-BZDasD04.js";
+import { r as c, t as l } from "./structure-CRdqVawd.js";
+import { n as u, t as d } from "./feedback-CJkUAapr.js";
+import { _ as f, g as p, m } from "./primitives-C7ff0QaI.js";
+import { t as h } from "./number-DasMFWEG.js";
+import { n as g, t as _ } from "./date-DOKhJPu7.js";
+import { t as v } from "./badge-CzId1Wlm.js";
+import { t as y } from "./field-affordance-recipes-uKY4MsZ_.js";
+import { a as b, i as x, n as S, o as C, r as w, s as T, t as E } from "./command-BnmSchli.js";
+import { d as D, p as O, u as k } from "./form-sizing-QP8aIRaW.js";
+import { t as A } from "./input-SX9V0AL3.js";
+import { t as j } from "./date-picker-DzP5HQq7.js";
+import { a as M, c as N, i as P, o as F, r as I, t as ee } from "./popover-CghIYdQf.js";
+import { i as te, r as L, t as ne } from "./tabs-BNgu7g0u.js";
+import { t as R } from "./popover-menu-B4PoWhRl.js";
+import { t as z } from "./use-debounced-callback-Cx1h-hdv.js";
+import { n as re, r as ie, t as ae } from "./control-group-recipes-DBXmfh2E.js";
+import { t as oe } from "./use-debounce-DZ_1ZBPa.js";
+import B, { Component as se, createContext as ce, useCallback as V, useContext as le, useEffect as H, useId as ue, useMemo as U, useRef as W, useState as G } from "react";
+import { Fragment as de, jsx as K, jsxs as q } from "react/jsx-runtime";
+import { CalendarIcon as fe, Check as pe, ChevronDown as me, ChevronLeft as J, ChevronsUpDown as he, Filter as ge, Loader2 as _e, Plus as ve, X as ye } from "lucide-react";
+import { format as be, isValid as xe, parse as Se } from "date-fns";
 //#region src/components/features/filters/filters.strings.ts
-var me = {
+var Ce = {
 	loading: "Loading",
 	loadingOptions: "Loading {filterLabel} options...",
 	addFilter: "Add filter",
@@ -104,7 +108,7 @@ var me = {
 function Y(e, t) {
 	return e.replace(/{(\w+)}/g, (e, n) => String(t[n] ?? e)).replace(/:(\w+)/g, (e, n) => t[n] === void 0 ? e : String(t[n]));
 }
-function he(e, t, n) {
+function we(e, t, n) {
 	let r = t.split("."), i = e;
 	for (let e of r) {
 		if (typeof i != "object" || !i) return t;
@@ -114,7 +118,7 @@ function he(e, t, n) {
 }
 //#endregion
 //#region src/components/features/filters/filters.types.ts
-var ge = "h-control", X = {
+var X = {
 	SELECT: "select",
 	MULTI_SELECT: "multi_select",
 	ASYNC_SELECT: "async_select",
@@ -139,12 +143,12 @@ var ge = "h-control", X = {
 	HAS_ANY: "has_any",
 	HAS_ALL: "has_all"
 };
-function _e(e) {
+function Te(e) {
 	return e;
 }
 //#endregion
 //#region src/components/features/filters/operator-options.ts
-function ve(e) {
+function Ee(e) {
 	return [
 		{
 			label: e.contains,
@@ -160,7 +164,7 @@ function ve(e) {
 		}
 	];
 }
-function ye(e) {
+function De(e) {
 	return [{
 		label: e.is,
 		value: Z.EQUALS
@@ -169,7 +173,7 @@ function ye(e) {
 		value: Z.NOT
 	}];
 }
-function be(e) {
+function Oe(e) {
 	return [
 		{
 			label: e.equals,
@@ -185,7 +189,7 @@ function be(e) {
 		}
 	];
 }
-function xe(e) {
+function ke(e) {
 	return [
 		{
 			label: e.before,
@@ -201,15 +205,15 @@ function xe(e) {
 		}
 	];
 }
-function Se(e) {
+function Ae(e) {
 	return [{
 		label: e.equals,
 		value: Z.EQUALS
 	}];
 }
-function Ce(e, t) {
+function je(e, t) {
 	switch (e) {
-		case X.SEARCH: return ve(t);
+		case X.SEARCH: return Ee(t);
 		case X.TAGS: return [
 			{
 				label: t.has,
@@ -225,13 +229,13 @@ function Ce(e, t) {
 			}
 		];
 		case X.SELECT:
-		case X.ASYNC_SELECT: return ye(t);
-		case X.RANGE: return be(t);
-		case X.DATE: return xe(t);
-		default: return ve(t);
+		case X.ASYNC_SELECT: return De(t);
+		case X.RANGE: return Oe(t);
+		case X.DATE: return ke(t);
+		default: return Ee(t);
 	}
 }
-function we(e) {
+function Me(e) {
 	switch (e) {
 		case X.SEARCH: return Z.CONTAINS;
 		case X.TAGS: return Z.HAS;
@@ -244,7 +248,7 @@ function we(e) {
 }
 //#endregion
 //#region src/components/features/filters/utils/filter-utils.ts
-function Te(e, t, n) {
+function Ne(e, t, n) {
 	if (e.type === "date" && Array.isArray(t) && t.every((e) => typeof e == "string")) return !0;
 	if (e.validation?.required && (!t || Array.isArray(t) && t.length === 0)) return n("validation.required");
 	if (typeof t == "number") {
@@ -260,51 +264,51 @@ function Te(e, t, n) {
 }
 //#endregion
 //#region src/components/features/filters/filter-context.tsx
-var Ee = te(void 0);
-function De({ children: t, filters: n, activeFilters: r, onFilterChange: i, navigating: a = !1, strings: o, onError: s }) {
-	let c = H(n), l = H(i), u = H(s);
+var Pe = ce(void 0);
+function Fe({ children: e, filters: t, activeFilters: r, onFilterChange: i, navigating: a = !1, strings: o, onError: s }) {
+	let c = W(t), l = W(i), u = W(s);
 	u.current = s;
-	let [d, f] = U(0), p = H(/* @__PURE__ */ new Map()), m = V(() => {
+	let [d, f] = G(0), p = W(/* @__PURE__ */ new Map()), m = U(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of n) {
-			if (t.type !== X.ASYNC_SELECT) continue;
-			let n = t.asyncConfig?.fetcher, r = t.asyncConfig?.mapToOption, i = t.asyncConfig?.limit ?? 10, a = p.current.get(t.key), o = a && a.fetcher === n && a.mapToOption === r;
-			e.set(t.key, o && a.limit === i ? a : {
-				fetcher: n,
+		for (let n of t) {
+			if (n.type !== X.ASYNC_SELECT) continue;
+			let t = n.asyncConfig?.fetcher, r = n.asyncConfig?.mapToOption, i = n.asyncConfig?.limit ?? 10, a = p.current.get(n.key), o = a && a.fetcher === t && a.mapToOption === r;
+			e.set(n.key, o && a.limit === i ? a : {
+				fetcher: t,
 				mapToOption: r,
 				limit: i,
 				options: o ? a.options : /* @__PURE__ */ new Map()
 			});
 		}
 		return e.size === p.current.size && [...e].every(([e, t]) => p.current.get(e) === t) ? p.current : (p.current = e, e);
-	}, [n]), h = JSON.stringify(r.filter((e) => m.has(e.key)).map(({ key: e, value: t }) => [e, t])), g = e(me, o);
-	B(() => {
-		c.current = n;
-	}, [n]), B(() => {
+	}, [t]), h = JSON.stringify(r.filter((e) => m.has(e.key)).map(({ key: e, value: t }) => [e, t])), g = n(Ce, o);
+	H(() => {
+		c.current = t;
+	}, [t]), H(() => {
 		l.current = i;
 	}, [i]);
-	let _ = z((e) => {
+	let _ = V((e) => {
 		let t = [...r, e];
 		l.current(t);
-	}, [r]), v = z((e) => {
+	}, [r]), v = V((e) => {
 		let t = r.filter((t) => t.id !== e && t.key !== e);
 		l.current(t);
-	}, [r]), y = z((e, t) => {
+	}, [r]), y = V((e, t) => {
 		let n = r.map((n) => n.id === e || n.key === e ? {
 			...n,
 			...t
 		} : n);
 		l.current(n);
-	}, [r]), b = z(() => {
+	}, [r]), b = V(() => {
 		l.current([]);
-	}, []), x = z((e) => {
+	}, []), x = V((e) => {
 		l.current(e);
-	}, []), S = z((e) => c.current.find((t) => t.key === e), []), C = z((e) => r.find((t) => t.key === e)?.value || [], [r]), w = z((e, t) => {
+	}, []), S = V((e) => c.current.find((t) => t.key === e), []), C = V((e) => r.find((t) => t.key === e)?.value || [], [r]), w = V((e, t) => {
 		let n = r.find((t) => t.key === e);
 		if (t.length === 0) n && v(e);
 		else if (n) y(e, { value: t });
 		else {
-			let n = c.current.find((t) => t.key === e), r = n?.operator ?? n?.operators?.[0]?.value ?? (n ? we(n.type) : "equals");
+			let n = c.current.find((t) => t.key === e), r = n?.operator ?? n?.operators?.[0]?.value ?? (n ? Me(n.type) : "equals");
 			_({
 				id: e,
 				key: e,
@@ -317,21 +321,21 @@ function De({ children: t, filters: n, activeFilters: r, onFilterChange: i, navi
 		_,
 		v,
 		y
-	]), T = z((e) => r.some((t) => t.key === e && t.value.length > 0), [r]), E = z((e) => r.find((t) => t.key === e)?.operator || "equals", [r]), D = z((e, t) => {
+	]), T = V((e) => r.some((t) => t.key === e && t.value.length > 0), [r]), E = V((e) => r.find((t) => t.key === e)?.operator || "equals", [r]), D = V((e, t) => {
 		r.find((t) => t.key === e) && y(e, { operator: t });
-	}, [r, y]), O = z((e, t) => {
+	}, [r, y]), O = V((e, t) => {
 		let n = c.current.find((t) => t.key === e);
-		return n ? Te(n, t, (e) => he(g, e)) : !1;
-	}, [g]), k = z((e) => c.current.filter((t) => t.dependencies?.some((t) => t.key === e)), []), A = z((e, t) => {
+		return n ? Ne(n, t, (e) => we(g, e)) : !1;
+	}, [g]), k = V((e) => c.current.filter((t) => t.dependencies?.some((t) => t.key === e)), []), A = V((e, t) => {
 		let n = m.get(e)?.options;
 		if (!n) return;
 		let r = !1;
 		for (let e of t) n.get(e.value)?.label !== e.label && (r = !0), n.set(e.value, e);
 		r && f((e) => e + 1);
-	}, [m]), j = z((e, t) => m.get(e)?.options.get(t)?.label, [m, d]), M = z((e, t) => {
+	}, [m]), j = V((e, t) => m.get(e)?.options.get(t)?.label, [m, d]), M = V((e, t) => {
 		u.current?.(e, t);
 	}, []);
-	B(() => {
+	H(() => {
 		let e = new AbortController(), t = (t, n) => {
 			e.signal.aborted || t && t.name === "AbortError" || u.current?.(t, {
 				phase: "fetch-options",
@@ -356,9 +360,9 @@ function De({ children: t, filters: n, activeFilters: r, onFilterChange: i, navi
 		m,
 		A
 	]);
-	let N = V(() => ({
+	let N = U(() => ({
 		activeFilters: r,
-		filters: n,
+		filters: t,
 		addFilter: _,
 		removeFilter: v,
 		updateFilter: y,
@@ -379,7 +383,7 @@ function De({ children: t, filters: n, activeFilters: r, onFilterChange: i, navi
 		reportError: M
 	}), [
 		r,
-		n,
+		t,
 		_,
 		v,
 		y,
@@ -399,27 +403,27 @@ function De({ children: t, filters: n, activeFilters: r, onFilterChange: i, navi
 		j,
 		M
 	]);
-	return /* @__PURE__ */ G(Ee.Provider, {
+	return /* @__PURE__ */ K(Pe.Provider, {
 		value: N,
-		children: t
+		children: e
 	});
 }
 function Q() {
-	let e = ne(Ee);
+	let e = le(Pe);
 	if (!e) throw Error("useFilters must be used within a FilterProvider");
 	return e;
 }
 //#endregion
 //#region src/components/features/filters/hooks/use-filter-groups.ts
-function Oe(e = {}) {
-	let { dynamicFilterOptions: t } = e, { filters: n, isFilterActive: r } = Q(), i = V(() => t ? n.map((e) => {
+function Ie(e = {}) {
+	let { dynamicFilterOptions: t } = e, { filters: n, isFilterActive: r } = Q(), i = U(() => t ? n.map((e) => {
 		let n = t[e.key];
 		return Array.isArray(n) ? {
 			...e,
 			options: n
 		} : e;
 	}) : n, [n, t]);
-	return V(() => {
+	return U(() => {
 		let e = i.filter((e) => e.type === X.SEARCH), t = i.filter((e) => !e.displayConfig?.hidden && e.displayConfig?.display !== "hidden"), n = i.filter((e) => e.type !== X.SEARCH && !e.displayConfig?.hidden && e.displayConfig?.display !== "hidden" && r(e.key)), a = t.filter((e) => e.type !== X.SEARCH && !r(e.key) && e.displayConfig?.display === "always"), o = t.filter((e) => e.type !== X.SEARCH && !r(e.key) && e.displayConfig?.display !== "always"), s = n.map((e) => e.key);
 		return {
 			processedFilters: i,
@@ -434,233 +438,233 @@ function Oe(e = {}) {
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-operator-select.tsx
-function ke({ operator: e, operators: i, onOperatorChange: o, segmentResetClass: s }) {
-	let [c, l] = U(!1), { strings: u } = Q(), d = i.find((t) => t.value === e)?.label || e;
-	return /* @__PURE__ */ G(F, {
+function Le({ operator: e, operators: t, onOperatorChange: n, segmentResetClass: a }) {
+	let [c, l] = G(!1), { strings: u } = Q(), d = t.find((t) => t.value === e)?.label || e;
+	return /* @__PURE__ */ K(R, {
 		open: c,
 		onOpenChange: l,
 		search: !1,
 		contentLabel: u.operator,
-		trigger: /* @__PURE__ */ G(n, {
+		trigger: /* @__PURE__ */ K(s, {
 			tone: "secondary",
 			buttonStyle: "ghost",
-			className: t("filter-operator-select--component", s, "h-full px-control text-muted-foreground hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground"),
+			className: r("filter-operator-select--component", a, "h-full px-control text-muted-foreground hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground"),
 			onClick: (e) => {
 				e.stopPropagation();
 			},
 			type: "button",
-			children: /* @__PURE__ */ G(r, {
+			children: /* @__PURE__ */ K(i, {
 				tag: "span",
 				type: "secondary",
 				children: d
 			})
 		}),
-		header: /* @__PURE__ */ G(a, {
+		header: /* @__PURE__ */ K(o, {
 			tag: "span",
 			children: u.operator
 		}),
 		contentClassName: "w-48",
-		items: i.map((t) => ({
+		items: t.map((t) => ({
 			value: t.value,
 			label: t.label,
 			selected: t.value === e
 		})),
 		onSelect: (e) => {
-			o(e.value), l(!1);
+			n(e.value), l(!1);
 		}
 	});
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-value-display.tsx
-function Ae({ filter: e, value: t }) {
+function Re({ filter: e, value: t }) {
 	let { strings: n } = Q();
-	return t.length === 0 && e.type !== X.DATE ? /* @__PURE__ */ G(r, {
+	return t.length === 0 && e.type !== X.DATE ? /* @__PURE__ */ K(i, {
 		tag: "span",
 		type: "secondary",
 		className: "filter-value-display--component leading-none",
 		children: n.nothingSelected
-	}) : e.type === X.ASYNC_SELECT && !e.options?.length ? /* @__PURE__ */ G(r, {
+	}) : e.type === X.ASYNC_SELECT && !e.options?.length ? /* @__PURE__ */ K(i, {
 		tag: "span",
 		weight: "semibold",
 		className: "filter-value-display--component leading-none",
-		children: Me(e, t, n)
-	}) : e.options && e.type !== X.DATE ? /* @__PURE__ */ K(s, {
+		children: Be(e, t, n)
+	}) : e.options && e.type !== X.DATE ? /* @__PURE__ */ q(l, {
 		direction: "horizontal",
 		gap: "xs",
 		wrap: !1,
 		className: "filter-value-display--component",
-		children: [/* @__PURE__ */ K("div", {
+		children: [/* @__PURE__ */ q("div", {
 			className: "relative flex",
 			children: [t.slice(0, 2).map((t, n) => {
 				let r = e.options?.find((e) => e.value === t);
-				return r?.icon ? /* @__PURE__ */ G("div", {
+				return r?.icon ? /* @__PURE__ */ K("div", {
 					className: `${n > 0 ? "-ml-space-sm" : ""} border-background bg-background relative rounded-full border`,
 					style: { zIndex: 10 - n },
 					children: r.icon
 				}, t) : null;
-			}), t.length > 2 && /* @__PURE__ */ G("div", {
+			}), t.length > 2 && /* @__PURE__ */ K("div", {
 				className: "bg-muted border-background relative -ml-space-sm flex size-icon items-center justify-center rounded-full border",
-				children: /* @__PURE__ */ K(r, {
+				children: /* @__PURE__ */ q(i, {
 					tag: "span",
 					size: "xs",
 					weight: "medium",
-					children: ["+", /* @__PURE__ */ G(p, {
+					children: ["+", /* @__PURE__ */ K(h, {
 						value: t.length - 2,
 						size: "inherit",
 						align: "center"
 					})]
 				})
 			})]
-		}), /* @__PURE__ */ G(r, {
+		}), /* @__PURE__ */ K(i, {
 			tag: "span",
 			weight: "semibold",
 			className: "truncate leading-none",
-			children: Ne(e, t, n)
+			children: Ve(e, t, n)
 		})]
-	}) : e.type === X.DATE ? /* @__PURE__ */ K(s, {
+	}) : e.type === X.DATE ? /* @__PURE__ */ q(l, {
 		direction: "horizontal",
 		gap: "xs",
 		wrap: !1,
 		className: "filter-value-display--component",
-		children: [/* @__PURE__ */ G(ie, { className: "text-muted-foreground size-icon-sm" }), je(e, t, n)]
-	}) : /* @__PURE__ */ G(r, {
+		children: [/* @__PURE__ */ K(fe, { className: "text-muted-foreground size-icon-sm" }), ze(e, t, n)]
+	}) : /* @__PURE__ */ K(i, {
 		tag: "span",
 		weight: "semibold",
 		className: "filter-value-display--component truncate leading-none",
-		children: Ne(e, t, n)
+		children: Ve(e, t, n)
 	});
 }
-function je(e, t, n) {
-	return e.operator === "between" && t.length === 2 ? Ie(t[0], t[1], e.dateFormat?.display) : t.length === 1 ? Fe(t[0], e.dateFormat?.display) : t.length === 2 ? Ie(t[0], t[1], e.dateFormat?.display) : /* @__PURE__ */ G(u, {
+function ze(e, t, n) {
+	return e.operator === "between" && t.length === 2 ? We(t[0], t[1], e.dateFormat?.display) : t.length === 1 ? Ue(t[0], e.dateFormat?.display) : t.length === 2 ? We(t[0], t[1], e.dateFormat?.display) : /* @__PURE__ */ K(f, {
 		weight: "semibold",
 		className: "truncate leading-none",
 		children: e.datePickerConfig?.noDatePlaceholder || n.calendar.notDateSelected
 	});
 }
-function Me(e, t, n) {
+function Be(e, t, n) {
 	return t.length === 0 ? "" : Y(n.selected, {
 		count: t.length,
 		filterLabel: (t.length > 1 ? e.pluralLabel : e.label) ?? e.label
 	});
 }
-function Ne(e, t, n) {
+function Ve(e, t, n) {
 	return t.length > 1 ? Y(n.selected, {
 		count: t.length,
 		filterLabel: e.pluralLabel ?? e.label
 	}) : t.map((t) => e.options?.find((e) => e.value === t)?.label || t).join(", ");
 }
-function Pe(e) {
+function He(e) {
 	let t = new Date(e);
 	return !Number.isNaN(t.getTime());
 }
-function Fe(e, t) {
-	return Pe(e) ? /* @__PURE__ */ G(h, {
+function Ue(e, t) {
+	return He(e) ? /* @__PURE__ */ K(_, {
 		value: e,
 		format: t,
 		weight: "semibold",
 		className: "truncate leading-none"
-	}) : /* @__PURE__ */ G(u, {
+	}) : /* @__PURE__ */ K(f, {
 		weight: "semibold",
 		className: "truncate leading-none",
 		children: e
 	});
 }
-function Ie(e, t, n) {
-	return Pe(e) && Pe(t) ? /* @__PURE__ */ G(m, {
+function We(e, t, n) {
+	return He(e) && He(t) ? /* @__PURE__ */ K(g, {
 		from: e,
 		to: t,
 		format: n,
 		weight: "semibold",
 		className: "truncate leading-none"
-	}) : /* @__PURE__ */ K("span", {
+	}) : /* @__PURE__ */ q("span", {
 		className: "inline-flex min-w-0 items-center gap-space-xs truncate leading-none",
 		children: [
-			Fe(e, n),
-			/* @__PURE__ */ G(u, {
+			Ue(e, n),
+			/* @__PURE__ */ K(f, {
 				weight: "semibold",
 				children: "–"
 			}),
-			Fe(t, n)
+			Ue(t, n)
 		]
 	});
 }
 //#endregion
 //#region src/components/features/filters/partials/active-filter-item.tsx
-function Le({ filter: e, value: i, active: a, popoverOpen: o, triggerRef: s, operators: c, operator: l, onOperatorChange: u, onFilterClear: d, onFilterClick: f }) {
-	let { strings: p } = Q(), m = R.useId(), h = R.useId(), g = "!border-0 !rounded-none !shadow-none focus-visible:!ring-0 focus-visible:!border-transparent", _ = () => /* @__PURE__ */ G("div", {
+function Ge({ filter: n, value: a, active: o, popoverOpen: c, triggerRef: l, operators: u, operator: d, onOperatorChange: f, onFilterClear: p, onFilterClick: m }) {
+	let { defaultScale: h } = t(), g = e(void 0, h), { strings: _ } = Q(), v = B.useId(), y = B.useId(), b = `${ie.joinedItem} !border-0 !rounded-none !shadow-none focus-visible:!ring-0 focus-visible:!border-transparent`, x = () => /* @__PURE__ */ K("div", {
 		"aria-hidden": !0,
 		className: "w-px self-stretch bg-border"
 	});
-	return /* @__PURE__ */ K("div", {
+	return /* @__PURE__ */ q("div", {
 		role: "group",
-		"aria-label": e.label,
-		"data-active": a || void 0,
-		className: t("active-filter-item--component", `border-input bg-background flex ${ge} items-center overflow-hidden rounded-radius border`, e.displayConfig?.className),
+		"aria-label": n.label,
+		"data-active": o || void 0,
+		className: r("active-filter-item--component", ie.joinedFrame, ae[g], "bg-background", n.displayConfig?.className),
 		children: [
-			/* @__PURE__ */ K(n, {
+			/* @__PURE__ */ q(s, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
-				className: t(g, "flex h-full items-center gap-space-sm px-control hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground"),
-				ref: s,
+				className: r(b, "flex h-full items-center gap-space-sm px-control hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground"),
+				ref: l,
 				"aria-haspopup": "dialog",
-				"aria-expanded": o,
-				onClick: f,
+				"aria-expanded": c,
+				onClick: m,
 				children: [
-					!!e.icon && /* @__PURE__ */ G("span", {
+					!!n.icon && /* @__PURE__ */ K("span", {
 						className: "flex items-center text-muted-foreground",
-						children: e.icon
+						children: n.icon
 					}),
-					/* @__PURE__ */ G(r, {
-						id: m,
+					/* @__PURE__ */ K(i, {
+						id: v,
 						tag: "span",
 						weight: "semibold",
-						children: e.label
+						children: n.label
 					}),
-					/* @__PURE__ */ G(oe, { className: "size-icon-sm" })
+					/* @__PURE__ */ K(me, { className: "size-icon-sm" })
 				]
 			}),
-			/* @__PURE__ */ G(_, {}),
-			/* @__PURE__ */ G(ke, {
-				operator: l,
-				operators: c,
-				onOperatorChange: u,
-				segmentResetClass: g
+			/* @__PURE__ */ K(x, {}),
+			/* @__PURE__ */ K(Le, {
+				operator: d,
+				operators: u,
+				onOperatorChange: f,
+				segmentResetClass: b
 			}),
-			/* @__PURE__ */ G(_, {}),
-			/* @__PURE__ */ G(n, {
+			/* @__PURE__ */ K(x, {}),
+			/* @__PURE__ */ K(s, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
-				"aria-labelledby": `${m} ${h}`,
+				"aria-labelledby": `${v} ${y}`,
 				"aria-haspopup": "dialog",
-				"aria-expanded": o,
-				onClick: f,
-				className: t(g, "flex h-full min-w-0 flex-1 items-center justify-start px-control hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground"),
-				children: /* @__PURE__ */ G("span", {
-					id: h,
+				"aria-expanded": c,
+				onClick: m,
+				className: r(b, "flex h-full min-w-0 flex-1 items-center justify-start px-control hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground"),
+				children: /* @__PURE__ */ K("span", {
+					id: y,
 					className: "min-w-0",
-					children: /* @__PURE__ */ G(Ae, {
-						filter: e,
-						value: i
+					children: /* @__PURE__ */ K(Re, {
+						filter: n,
+						value: a
 					})
 				})
 			}),
-			!!a && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(_, {}), /* @__PURE__ */ K(n, {
+			!!o && /* @__PURE__ */ q(de, { children: [/* @__PURE__ */ K(x, {}), /* @__PURE__ */ q(s, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
-				className: t(g, "flex h-full shrink-0 items-center justify-center px-space-sm text-muted-foreground hover:bg-accent hover:text-foreground"),
+				className: r(b, "flex h-full shrink-0 items-center justify-center px-space-sm text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:bg-accent focus-visible:text-accent-foreground"),
 				onClick: (e) => {
-					e.stopPropagation(), e.preventDefault(), d();
+					e.stopPropagation(), e.preventDefault(), p();
 				},
-				children: [/* @__PURE__ */ G(q, {
+				children: [/* @__PURE__ */ K(ye, {
 					"aria-hidden": "true",
 					className: "size-icon"
-				}), /* @__PURE__ */ G(r, {
+				}), /* @__PURE__ */ K(i, {
 					tag: "span",
 					className: "sr-only",
-					children: p.clear
+					children: _.clear
 				})]
 			})] })
 		]
@@ -668,18 +672,18 @@ function Le({ filter: e, value: i, active: a, popoverOpen: o, triggerRef: s, ope
 }
 //#endregion
 //#region src/components/features/filters/hooks/use-async-options.ts
-function Re(e, t, n) {
+function Ke(e, t, n) {
 	for (let [t, r] of e) Date.now() - r.timestamp > n && e.delete(t);
 	return e.get(t);
 }
-function ze(e, t, n, r = {}) {
-	let { asyncConfig: i } = e, a = i?.fetcher, o = i?.mapToOption, s = V(() => /* @__PURE__ */ new Map(), [
+function qe(e, t, n, r = {}) {
+	let { asyncConfig: i } = e, a = i?.fetcher, o = i?.mapToOption, s = U(() => /* @__PURE__ */ new Map(), [
 		e.key,
 		a,
 		o
-	]), c = H(r.onError);
+	]), c = W(r.onError);
 	c.current = r.onError;
-	let l = i?.debounceMs ?? e.delay ?? 300, u = (L(t, l) ?? "").trim(), d = i?.limit ?? 10, f = i?.minQueryLength ?? 0, p = i?.preload ?? !0, m = i?.staleTime ?? 6e4, h = i?.gcTime ?? 3e5, g = u.length === 0 && p, _ = u.length >= f, v = !!i?.fetcher && n && (g || u.length > 0 && _), y = n && !g && u.length > 0 && u.length < f, b = V(() => i?.queryKey ? JSON.stringify(i.queryKey({
+	let l = i?.debounceMs ?? e.delay ?? 300, u = (oe(t, l) ?? "").trim(), d = i?.limit ?? 10, f = i?.minQueryLength ?? 0, p = i?.preload ?? !0, m = i?.staleTime ?? 6e4, h = i?.gcTime ?? 3e5, g = u.length === 0 && p, _ = u.length >= f, v = !!i?.fetcher && n && (g || u.length > 0 && _), y = n && !g && u.length > 0 && u.length < f, b = U(() => i?.queryKey ? JSON.stringify(i.queryKey({
 		query: u,
 		limit: d
 	})) : JSON.stringify([
@@ -692,7 +696,7 @@ function ze(e, t, n, r = {}) {
 		e.key,
 		u,
 		d
-	]), x = z(async (e) => a && o ? (await a({
+	]), x = V(async (e) => a && o ? (await a({
 		query: u,
 		limit: d,
 		signal: e
@@ -701,8 +705,8 @@ function ze(e, t, n, r = {}) {
 		o,
 		u,
 		d
-	]), [S, C] = U(() => {
-		let e = Re(s, b, h);
+	]), [S, C] = G(() => {
+		let e = Ke(s, b, h);
 		return {
 			cache: s,
 			data: e?.data ?? [],
@@ -710,11 +714,11 @@ function ze(e, t, n, r = {}) {
 			fetching: !1,
 			error: !1
 		};
-	}), [w, T] = U(0), E = z(() => T((e) => e + 1), []), D = H(0);
-	return B(() => {
+	}), [w, T] = G(0), E = V(() => T((e) => e + 1), []), D = W(0);
+	return H(() => {
 		let t = D.current !== w;
 		if (D.current = w, !v) return;
-		let n = Re(s, b, h), r = n !== void 0 && Date.now() - n.timestamp < m, i = new AbortController();
+		let n = Ke(s, b, h), r = n !== void 0 && Date.now() - n.timestamp < m, i = new AbortController();
 		if (r && !t) return C({
 			cache: s,
 			data: n.data,
@@ -776,23 +780,23 @@ function ze(e, t, n, r = {}) {
 }
 //#endregion
 //#region src/components/features/filters/partials/async-filter-content.tsx
-function Be({ filter: e, value: t, onFilterChange: i, onBackToFilterList: a, onClose: o, triggerSource: u = "chip" }) {
-	let { strings: d, cacheAsyncOptions: f, getAsyncOptionLabel: p, reportError: m } = Q(), [h, g] = U(""), [S, w] = U(t ?? []), T = H(t);
-	if (t !== T.current) {
-		let e = T.current ?? [], n = t ?? [];
-		T.current = t, (n.length !== e.length || n.some((t, n) => t !== e[n])) && w(n);
+function Je({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onClose: a, triggerSource: o = "chip" }) {
+	let { strings: c, cacheAsyncOptions: f, getAsyncOptionLabel: p, reportError: m } = Q(), [h, g] = G(""), [_, v] = G(t ?? []), y = W(t);
+	if (t !== y.current) {
+		let e = y.current ?? [], n = t ?? [];
+		y.current = t, (n.length !== e.length || n.some((t, n) => t !== e[n])) && v(n);
 	}
-	let { options: E, isLoading: D, isFetching: k, isError: j, refetch: M, isBelowMinQuery: N, minQueryLength: P } = ze(e, h, !0, { onError: m });
-	B(() => {
-		E.length > 0 && f(e.key, E);
+	let { options: T, isLoading: D, isFetching: O, isError: k, refetch: A, isBelowMinQuery: j, minQueryLength: M } = qe(e, h, !0, { onError: m });
+	H(() => {
+		T.length > 0 && f(e.key, T);
 	}, [
 		f,
 		e.key,
-		E
+		T
 	]);
-	let F = e.multiple !== !1, I = e.maxSelected, L = u === "toolbar", R = S.length !== t.length || S.some((e) => !t.includes(e)), ee = V(() => {
-		let t = new Set(S), n = new Set(E.map((e) => e.value)), r = [];
-		for (let t of S) if (!n.has(t)) {
+	let N = e.multiple !== !1, F = e.maxSelected, ee = o === "toolbar", te = _.length !== t.length || _.some((e) => !t.includes(e)), L = U(() => {
+		let t = new Set(_), n = new Set(T.map((e) => e.value)), r = [];
+		for (let t of _) if (!n.has(t)) {
 			let n = p(e.key, t);
 			n && r.push({
 				value: t,
@@ -800,156 +804,156 @@ function Be({ filter: e, value: t, onFilterChange: i, onBackToFilterList: a, onC
 				icon: e.icon
 			});
 		}
-		return [...r, ...E].sort((e, n) => +!t.has(e.value) - !t.has(n.value));
+		return [...r, ...T].sort((e, n) => +!t.has(e.value) - !t.has(n.value));
 	}, [
-		E,
-		S,
+		T,
+		_,
 		e.key,
 		e.icon,
 		p
-	]), te = (t) => {
-		if (F) {
-			if (S.includes(t)) w(S.filter((e) => e !== t));
+	]), ne = (t) => {
+		if (N) {
+			if (_.includes(t)) v(_.filter((e) => e !== t));
 			else {
-				if (I && S.length >= I) return;
-				w([...S, t]);
+				if (F && _.length >= F) return;
+				v([..._, t]);
 			}
-		} else w([t]), e.closeOnSelect === !0 && (i([t]), o());
-	}, z = () => {
-		i(S), o();
-	}, ne = V(() => D || k ? /* @__PURE__ */ G(c, { label: d.searching }) : j ? /* @__PURE__ */ G(l, {
+		} else v([t]), e.closeOnSelect === !0 && (n([t]), a());
+	}, R = () => {
+		n(_), a();
+	}, z = U(() => D || O ? /* @__PURE__ */ K(u, { label: c.searching }) : k ? /* @__PURE__ */ K(d, {
 		variant: "inline",
-		title: d.fetchError,
-		action: /* @__PURE__ */ G(n, {
+		title: c.fetchError,
+		action: /* @__PURE__ */ K(s, {
 			tone: "secondary",
 			buttonStyle: "outline",
 			size: "sm",
 			onClick: (e) => {
-				e.stopPropagation(), M();
+				e.stopPropagation(), A();
 			},
-			children: d.retryFetch
+			children: c.retryFetch
 		})
-	}) : N ? /* @__PURE__ */ G("div", {
+	}) : j ? /* @__PURE__ */ K("div", {
 		className: "text-muted-foreground flex items-center justify-center py-space-xl",
-		children: /* @__PURE__ */ G(r, {
+		children: /* @__PURE__ */ K(i, {
 			tag: "span",
 			size: "xs",
 			type: "secondary",
-			children: Y(d.minQueryHint, { min: P })
+			children: Y(c.minQueryHint, { min: M })
 		})
-	}) : d.noOptionsFound, [
+	}) : c.noOptionsFound, [
 		D,
+		O,
 		k,
 		j,
-		N,
-		P,
-		d,
-		M
+		M,
+		c,
+		A
 	]);
-	return /* @__PURE__ */ K(W, { children: [
-		/* @__PURE__ */ K(O, {
-			start: L ? /* @__PURE__ */ G(n, {
+	return /* @__PURE__ */ q(de, { children: [
+		/* @__PURE__ */ q(P, {
+			start: ee ? /* @__PURE__ */ K(s, {
 				tone: "secondary",
 				buttonStyle: "ghost",
 				size: "sm",
 				iconOnly: !0,
 				className: "shrink-0",
-				onClick: a,
-				"aria-label": d.backToFilters,
-				children: /* @__PURE__ */ G(se, {
+				onClick: r,
+				"aria-label": c.backToFilters,
+				children: /* @__PURE__ */ K(J, {
 					"aria-hidden": "true",
 					className: "size-icon-sm rtl:rotate-180"
 				})
 			}) : void 0,
-			children: [/* @__PURE__ */ G(r, {
+			children: [/* @__PURE__ */ K(i, {
 				tag: "span",
 				weight: "semibold",
 				children: e.label
-			}), /* @__PURE__ */ G(r, {
+			}), /* @__PURE__ */ K(i, {
 				tag: "span",
 				size: "xs",
 				type: "secondary",
-				children: d.selectValues
+				children: c.selectValues
 			})]
 		}),
-		/* @__PURE__ */ K(C, {
+		/* @__PURE__ */ q(E, {
 			shouldFilter: !1,
 			inset: "flush",
 			className: "rounded-none",
-			children: [/* @__PURE__ */ G(v, {
-				placeholder: Y(d.searchPlaceholder, { filterLabel: e.label.toLowerCase() }),
+			children: [/* @__PURE__ */ K(x, {
+				placeholder: Y(c.searchPlaceholder, { filterLabel: e.label.toLowerCase() }),
 				value: h,
 				onValueChange: g
-			}), /* @__PURE__ */ G(b, { children: ee.length === 0 ? /* @__PURE__ */ G(y, { children: ne }) : /* @__PURE__ */ K(x, { children: [!(!k || D) && /* @__PURE__ */ K(s, {
+			}), /* @__PURE__ */ K(C, { children: L.length === 0 ? /* @__PURE__ */ K(S, { children: z }) : /* @__PURE__ */ q(w, { children: [!(!O || D) && /* @__PURE__ */ q(l, {
 				direction: "horizontal",
 				gap: "sm",
 				wrap: !1,
 				className: "px-control-sm py-space-xs",
-				children: [/* @__PURE__ */ G(ue, { className: "text-muted-foreground size-icon-sm animate-spin" }), /* @__PURE__ */ G(r, {
+				children: [/* @__PURE__ */ K(_e, { className: "text-muted-foreground size-icon-sm animate-spin" }), /* @__PURE__ */ K(i, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
-					children: d.searching
+					children: c.searching
 				})]
-			}), ee.map((e) => /* @__PURE__ */ K(_, {
-				onSelect: () => te(e.value),
-				"data-checked": S.includes(e.value) || void 0,
-				disabled: e.disabled || !!I && S.length >= I && !S.includes(e.value),
+			}), L.map((e) => /* @__PURE__ */ q(b, {
+				onSelect: () => ne(e.value),
+				"data-checked": _.includes(e.value) || void 0,
+				disabled: e.disabled || !!F && _.length >= F && !_.includes(e.value),
 				className: "flex items-center gap-space-sm",
-				children: [e.icon, /* @__PURE__ */ G(r, {
+				children: [e.icon, /* @__PURE__ */ K(i, {
 					tag: "span",
 					lineHeight: "tight",
 					children: e.label
 				})]
 			}, e.value))] }) })]
 		}),
-		R && /* @__PURE__ */ G(A, {
-			caption: Y(d.selected, {
-				count: S.length,
-				filterLabel: (S.length > 1 ? e.pluralLabel : e.label) ?? e.label
+		te && /* @__PURE__ */ K(I, {
+			caption: Y(c.selected, {
+				count: _.length,
+				filterLabel: (_.length > 1 ? e.pluralLabel : e.label) ?? e.label
 			}),
-			children: /* @__PURE__ */ G(n, {
+			children: /* @__PURE__ */ K(s, {
 				tone: "primary",
 				size: "sm",
-				onClick: z,
-				children: d.confirm
+				onClick: R,
+				children: c.confirm
 			})
 		})
 	] });
 }
 //#endregion
 //#region src/components/features/filters/facets/date-facet.tsx
-var Ve = [];
-function He({ filter: e, value: n, onValueChange: r, className: i }) {
-	let { strings: a } = Q(), o = e.operators?.some((e) => e.value === "between") || e.operator === "between" || e.key.toLowerCase().includes("range") || e.key.toLowerCase().includes("between"), s = e.dateFormat?.param ?? "yyyy-MM-dd", c = e.dateFormat?.display ?? "PPP", l = o ? e.datePickerConfig?.noRangePlaceholder ?? e.placeholder ?? a.calendar.notDateRangeSelected : e.datePickerConfig?.noDatePlaceholder ?? e.placeholder ?? a.calendar.notDateSelected, u = !!e.datePickerConfig?.showConfirmButton, d = e.datePickerConfig?.autoApply ?? !u, f = e.datePickerConfig?.showShortcuts ?? !0, p = o && (n.start || n.end) ? {
-		from: n.start,
-		to: n.end
-	} : void 0, m = !o && n.start && J(n.start) ? n.start : void 0, h = {
+var Ye = [];
+function Xe({ filter: e, value: t, onValueChange: n, className: i }) {
+	let { strings: a } = Q(), o = e.operators?.some((e) => e.value === "between") || e.operator === "between" || e.key.toLowerCase().includes("range") || e.key.toLowerCase().includes("between"), s = e.dateFormat?.param ?? "yyyy-MM-dd", c = e.dateFormat?.display ?? "PPP", l = o ? e.datePickerConfig?.noRangePlaceholder ?? e.placeholder ?? a.calendar.notDateRangeSelected : e.datePickerConfig?.noDatePlaceholder ?? e.placeholder ?? a.calendar.notDateSelected, u = !!e.datePickerConfig?.showConfirmButton, d = e.datePickerConfig?.autoApply ?? !u, f = e.datePickerConfig?.showShortcuts ?? !0, p = o && (t.start || t.end) ? {
+		from: t.start,
+		to: t.end
+	} : void 0, m = !o && t.start && xe(t.start) ? t.start : void 0, h = {
 		format: s,
 		readableFormat: c,
 		placeholder: l,
 		disablePortal: !0,
 		numberOfMonths: 1,
-		className: t("date-facet--component", "w-full", i)
+		className: r("date-facet--component", "w-full", i)
 	};
-	return o ? /* @__PURE__ */ G(T, {
+	return o ? /* @__PURE__ */ K(j, {
 		mode: "range",
 		value: p,
 		onValueChange: (e) => {
-			r({
+			n({
 				start: e.range?.from ?? void 0,
 				end: e.range?.to ?? void 0
 			});
 		},
 		withConfirm: u,
 		closeOnSelect: d,
-		presets: f ? void 0 : Ve,
+		presets: f ? void 0 : Ye,
 		...h
-	}) : /* @__PURE__ */ G(T, {
+	}) : /* @__PURE__ */ K(j, {
 		mode: "single",
 		value: m,
 		onValueChange: (e) => {
-			r({
+			n({
 				start: e.date ?? void 0,
 				end: void 0
 			});
@@ -960,45 +964,45 @@ function He({ filter: e, value: n, onValueChange: r, className: i }) {
 }
 //#endregion
 //#region src/components/features/filters/partials/date-filter-content.tsx
-function Ue({ filter: e, value: t, onFilterChange: r, onBackToFilterList: i, triggerSource: a = "chip" }) {
-	let { strings: o } = Q(), s = (t) => {
+function Ze({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, triggerSource: i = "chip" }) {
+	let { strings: a } = Q(), o = (t) => {
 		if (!t) return;
 		if (e.dateFormat?.param) {
-			let n = pe(t, e.dateFormat.param, /* @__PURE__ */ new Date());
-			return J(n) ? n : void 0;
+			let n = Se(t, e.dateFormat.param, /* @__PURE__ */ new Date());
+			return xe(n) ? n : void 0;
 		}
 		let n = new Date(t);
-		return J(n) ? n : void 0;
-	}, c = s(t[0]), l = s(t[1]), u = (t) => {
-		if (t && J(t)) return fe(t, e.dateFormat?.param ?? "yyyy-MM-dd");
+		return xe(n) ? n : void 0;
+	}, c = o(t[0]), l = o(t[1]), u = (t) => {
+		if (t && xe(t)) return be(t, e.dateFormat?.param ?? "yyyy-MM-dd");
 	}, d = ({ start: e, end: t }) => {
-		let n = [], i = u(e), a = u(t);
-		i && n.push(i), a && n.push(a), r(n);
-	}, f = a === "toolbar", p = {
+		let r = [], i = u(e), a = u(t);
+		i && r.push(i), a && r.push(a), n(r);
+	}, f = i === "toolbar", p = {
 		start: c,
 		end: l
 	};
-	return /* @__PURE__ */ K("div", {
+	return /* @__PURE__ */ q("div", {
 		className: "flex flex-col",
-		children: [/* @__PURE__ */ G(O, {
-			start: f ? /* @__PURE__ */ G(n, {
+		children: [/* @__PURE__ */ K(P, {
+			start: f ? /* @__PURE__ */ K(s, {
 				type: "button",
 				tone: "secondary",
 				buttonStyle: "ghost",
 				size: "sm",
 				iconOnly: !0,
-				onClick: i,
+				onClick: r,
 				className: "shrink-0",
-				"aria-label": o.backToFilters,
-				children: /* @__PURE__ */ G(se, {
+				"aria-label": a.backToFilters,
+				children: /* @__PURE__ */ K(J, {
 					"aria-hidden": "true",
 					className: "size-icon-sm rtl:rotate-180"
 				})
 			}) : void 0,
-			children: /* @__PURE__ */ G(E, { children: e.label })
-		}), /* @__PURE__ */ G("div", {
+			children: /* @__PURE__ */ K(M, { children: e.label })
+		}), /* @__PURE__ */ K("div", {
 			className: "p-surface",
-			children: /* @__PURE__ */ G(He, {
+			children: /* @__PURE__ */ K(Xe, {
 				filter: e,
 				value: p,
 				onValueChange: d
@@ -1008,7 +1012,7 @@ function Ue({ filter: e, value: t, onFilterChange: r, onBackToFilterList: i, tri
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-error-boundary.tsx
-var We = class extends ee {
+var Qe = class extends se {
 	state = {
 		hasError: !1,
 		error: null
@@ -1033,54 +1037,53 @@ var We = class extends ee {
 	};
 	render() {
 		if (this.state.hasError) {
-			let { fallback: e, filterKey: t, labels: i } = this.props;
-			return e ? /* @__PURE__ */ G("div", {
+			let { fallback: e, filterKey: t, labels: n } = this.props;
+			return e ? /* @__PURE__ */ K("div", {
 				className: "filter-error-boundary--component contents",
 				children: e
-			}) : /* @__PURE__ */ K("div", {
-				className: "filter-error-boundary--component rounded-radius-md border border-destructive/30 bg-destructive/10 p-surface-xs text-destructive",
+			}) : /* @__PURE__ */ q("div", {
+				className: "filter-error-boundary--component rounded-radius border border-destructive/30 bg-destructive/10 p-surface-xs text-destructive",
 				children: [
-					/* @__PURE__ */ K("div", {
+					/* @__PURE__ */ q("div", {
 						className: "mb-space-xs flex items-center justify-between",
-						children: [/* @__PURE__ */ G(r, {
+						children: [/* @__PURE__ */ K(i, {
 							tag: "span",
 							weight: "semibold",
-							children: i.title
-						}), /* @__PURE__ */ G(n, {
+							children: n.title
+						}), /* @__PURE__ */ K(s, {
 							type: "button",
 							tone: "destructive",
 							buttonStyle: "ghost",
 							size: "sm",
 							iconOnly: !0,
 							onClick: this.handleReset,
-							className: "rounded-full p-0",
-							"aria-label": i.reset,
-							children: /* @__PURE__ */ G(q, { className: "size-icon-sm" })
+							"aria-label": n.reset,
+							children: /* @__PURE__ */ K(ye, { className: "size-icon-sm" })
 						})]
 					}),
-					/* @__PURE__ */ G(r, { children: i.getDescription(t) }),
-					/* @__PURE__ */ G(f, {
+					/* @__PURE__ */ K(i, { children: n.getDescription(t) }),
+					/* @__PURE__ */ K(m, {
 						size: "xs",
 						className: "mt-space-xs text-destructive",
-						children: this.state.error?.message || i.unknownError
+						children: this.state.error?.message || n.unknownError
 					})
 				]
 			});
 		}
-		return /* @__PURE__ */ G("div", {
+		return /* @__PURE__ */ K("div", {
 			className: "filter-error-boundary--component contents",
 			children: this.props.children
 		});
 	}
 };
 function $(e) {
-	let { strings: t, reportError: n } = Q(), r = V(() => ({
+	let { strings: t, reportError: n } = Q(), r = U(() => ({
 		title: t.error.title,
 		reset: t.clear,
 		getDescription: (e) => e ? Y(t.error.descriptionWithKey, { filterKey: e }) : t.error.generic,
 		unknownError: t.error.unknown
 	}), [t]);
-	return /* @__PURE__ */ G(We, {
+	return /* @__PURE__ */ K(Qe, {
 		...e,
 		labels: r,
 		onError: n
@@ -1088,53 +1091,53 @@ function $(e) {
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-list-item.tsx
-function Ge({ filter: e, onSelect: t }) {
-	let { strings: n } = Q(), i = e.type === X.DATE ? e.operator === "between" ? n?.selectDateRange : n?.selectDate : e.options ? `${e.options.length} ${n?.options ?? ""}`.trim() : null;
-	return /* @__PURE__ */ K(_, {
+function $e({ filter: e, onSelect: t }) {
+	let { strings: n } = Q(), r = e.type === X.DATE ? e.operator === "between" ? n?.selectDateRange : n?.selectDate : e.options ? `${e.options.length} ${n?.options ?? ""}`.trim() : null;
+	return /* @__PURE__ */ q(b, {
 		onSelect: t,
-		children: [!!e.icon && /* @__PURE__ */ G("span", {
+		children: [!!e.icon && /* @__PURE__ */ K("span", {
 			className: "shrink-0 text-muted-foreground [&_svg]:size-icon",
 			children: e.icon
-		}), /* @__PURE__ */ K("div", {
+		}), /* @__PURE__ */ q("div", {
 			className: "flex min-w-0 flex-col gap-dense leading-tight",
-			children: [/* @__PURE__ */ G(r, {
+			children: [/* @__PURE__ */ K(i, {
 				tag: "span",
 				lineHeight: "tight",
 				weight: "medium",
 				className: "truncate",
 				children: e.label
-			}), !!i && /* @__PURE__ */ G(r, {
+			}), !!r && /* @__PURE__ */ K(i, {
 				tag: "span",
 				lineHeight: "tight",
 				size: "xs",
 				type: "secondary",
 				className: "truncate",
-				children: i
+				children: r
 			})]
 		})]
 	}, e.key);
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-list-content.tsx
-function Ke({ availableFilters: e, activeFilters: t, onFilterSelect: n }) {
+function et({ availableFilters: e, activeFilters: t, onFilterSelect: n }) {
 	let { strings: r } = Q(), i = (e) => {
 		n(e);
 	};
-	return /* @__PURE__ */ K(C, {
+	return /* @__PURE__ */ q(E, {
 		inset: "compact",
 		className: "rounded-none",
-		children: [/* @__PURE__ */ G(v, { placeholder: r.searchFilters }), /* @__PURE__ */ K(b, { children: [
-			/* @__PURE__ */ G(y, { children: r.noFiltersAvailable }),
-			e.length > 0 && /* @__PURE__ */ G(x, {
+		children: [/* @__PURE__ */ K(x, { placeholder: r.searchFilters }), /* @__PURE__ */ q(C, { children: [
+			/* @__PURE__ */ K(S, { children: r.noFiltersAvailable }),
+			e.length > 0 && /* @__PURE__ */ K(w, {
 				heading: r.availableFilters,
-				children: e.map((e) => /* @__PURE__ */ G(Ge, {
+				children: e.map((e) => /* @__PURE__ */ K($e, {
 					filter: e,
 					onSelect: () => i(e)
 				}, e.key))
 			}),
-			t.length > 0 && /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G(S, {}), /* @__PURE__ */ G(x, {
+			t.length > 0 && /* @__PURE__ */ q(de, { children: [/* @__PURE__ */ K(T, {}), /* @__PURE__ */ K(w, {
 				heading: r.activeFilters,
-				children: t.map((e) => /* @__PURE__ */ G(Ge, {
+				children: t.map((e) => /* @__PURE__ */ K($e, {
 					filter: e,
 					onSelect: () => i(e)
 				}, e.key))
@@ -1144,84 +1147,85 @@ function Ke({ availableFilters: e, activeFilters: t, onFilterSelect: n }) {
 }
 //#endregion
 //#region src/components/features/filters/partials/regular-filter-content.tsx
-function qe({ filter: e, value: t, onFilterChange: i, onBackToFilterList: a, onClose: o, triggerSource: s = "chip" }) {
-	let { strings: c, reportError: l } = Q(), u = e.multiple === !0 || e.type === X.MULTI_SELECT, d = s === "toolbar", [f, p] = U(t || []);
-	B(() => {
-		p(t || []);
+function tt({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onClose: a, triggerSource: o = "chip" }) {
+	let { strings: c, reportError: u } = Q(), d = e.multiple === !0 || e.type === X.MULTI_SELECT, f = o === "toolbar", [p, m] = G(t || []);
+	H(() => {
+		m(t || []);
 	}, [t]);
-	let m = (t) => {
-		if (u) {
-			let e = f.includes(t) ? f.filter((e) => e !== t) : [...f, t];
-			p(e);
-		} else p([t]), e.closeOnSelect === !0 && (i([t]), o());
-	}, h = () => {
+	let h = (t) => {
+		if (d) {
+			let e = p.includes(t) ? p.filter((e) => e !== t) : [...p, t];
+			m(e);
+		} else m([t]), e.closeOnSelect === !0 && (n([t]), a());
+	}, g = () => {
 		try {
-			i(f), o();
+			n(p), a();
 		} catch (t) {
-			l(t, {
+			u(t, {
 				phase: "apply",
 				filterKey: e.key
 			});
 		}
-	}, g = JSON.stringify(f.slice().sort()) !== JSON.stringify((t ?? []).slice().sort());
-	return /* @__PURE__ */ K("div", {
+	}, _ = JSON.stringify(p.slice().sort()) !== JSON.stringify((t ?? []).slice().sort());
+	return /* @__PURE__ */ q("div", {
 		className: "flex flex-col",
 		children: [
-			/* @__PURE__ */ G(O, {
-				start: d ? /* @__PURE__ */ G(n, {
+			/* @__PURE__ */ K(P, {
+				start: f ? /* @__PURE__ */ K(s, {
 					type: "button",
 					tone: "secondary",
 					buttonStyle: "ghost",
 					size: "sm",
 					iconOnly: !0,
-					onClick: a,
+					onClick: r,
 					className: "shrink-0",
 					"aria-label": c.backToFilters,
-					children: /* @__PURE__ */ G(se, {
+					children: /* @__PURE__ */ K(J, {
 						"aria-hidden": "true",
 						className: "size-icon-sm rtl:rotate-180"
 					})
 				}) : void 0,
-				children: /* @__PURE__ */ G(r, {
+				children: /* @__PURE__ */ K(i, {
 					tag: "span",
 					weight: "semibold",
 					children: e.label
 				})
 			}),
-			/* @__PURE__ */ K(C, {
+			/* @__PURE__ */ q(E, {
 				inset: "flush",
 				className: "rounded-none",
-				children: [/* @__PURE__ */ G(v, { placeholder: Y(c.searchPlaceholder, { filterLabel: e.label.toLowerCase() }) }), /* @__PURE__ */ K(b, {
+				children: [/* @__PURE__ */ K(x, { placeholder: Y(c.searchPlaceholder, { filterLabel: e.label.toLowerCase() }) }), /* @__PURE__ */ q(C, {
 					className: "max-h-64",
-					children: [/* @__PURE__ */ G(y, { children: /* @__PURE__ */ G(r, {
+					children: [/* @__PURE__ */ K(S, { children: /* @__PURE__ */ K(i, {
 						type: "secondary",
 						align: "center",
 						className: "py-space-xl",
 						children: c.noOptionsFound
-					}) }), /* @__PURE__ */ G(x, { children: e.options?.map((e) => {
-						let t = f.includes(e.value);
-						return /* @__PURE__ */ K(_, {
-							onSelect: () => m(e.value),
+					}) }), /* @__PURE__ */ K(w, { children: e.options?.map((e) => {
+						let t = p.includes(e.value);
+						return /* @__PURE__ */ q(b, {
+							onSelect: () => h(e.value),
 							"data-checked": t || void 0,
 							disabled: e.disabled,
 							className: "data-[checked=true]:**:[svg]:text-primary-accent",
-							children: [!!e.icon && /* @__PURE__ */ G("span", {
+							children: [!!e.icon && /* @__PURE__ */ K("span", {
 								className: "shrink-0 text-muted-foreground [&_svg]:size-icon",
 								children: e.icon
-							}), /* @__PURE__ */ K("div", {
+							}), /* @__PURE__ */ q(l, {
+								gap: "dense",
 								className: "flex min-w-0 flex-1 flex-col leading-tight",
-								children: [/* @__PURE__ */ G(r, {
+								children: [/* @__PURE__ */ K(i, {
 									tag: "span",
 									lineHeight: "tight",
 									weight: t ? "medium" : "regular",
 									className: "truncate",
 									children: e.label
-								}), !!e.description && /* @__PURE__ */ G(r, {
+								}), !!e.description && /* @__PURE__ */ K(i, {
 									tag: "span",
 									size: "xs",
 									lineHeight: "tight",
 									type: "secondary",
-									className: "truncate mt-space-2xs",
+									className: "truncate",
 									children: e.description
 								})]
 							})]
@@ -1229,15 +1233,15 @@ function qe({ filter: e, value: t, onFilterChange: i, onBackToFilterList: a, onC
 					}) })]
 				})]
 			}),
-			!!g && /* @__PURE__ */ G(A, {
+			!!_ && /* @__PURE__ */ K(I, {
 				caption: Y(c.selected, {
-					count: f.length,
-					filterLabel: (f.length > 1 ? e.pluralLabel : e.label) ?? e.label
+					count: p.length,
+					filterLabel: (p.length > 1 ? e.pluralLabel : e.label) ?? e.label
 				}),
-				children: /* @__PURE__ */ G(n, {
+				children: /* @__PURE__ */ K(s, {
 					tone: "primary",
 					size: "sm",
-					onClick: h,
+					onClick: g,
 					children: c.confirm
 				})
 			})
@@ -1246,116 +1250,115 @@ function qe({ filter: e, value: t, onFilterChange: i, onBackToFilterList: a, onC
 }
 //#endregion
 //#region src/components/features/filters/facets/tags-facet.tsx
-function Je({ filter: e, value: i, onValueChange: a, className: o }) {
-	let { strings: c } = Q(), [l, u] = U(""), d = z(() => {
-		let e = l.trim();
-		e && !i.includes(e) && (a([...i, e]), u(""));
+function nt({ filter: e, value: n, onValueChange: a, className: o }) {
+	let { defaultScale: c } = t(), u = O(void 0, c), { strings: d } = Q(), [f, p] = G(""), m = V(() => {
+		let e = f.trim();
+		e && !n.includes(e) && (a([...n, e]), p(""));
 	}, [
-		l,
-		i,
+		f,
+		n,
 		a
-	]), f = z((e) => {
-		a(i.filter((t) => t !== e));
-	}, [i, a]), p = (e) => {
-		e.key === "Enter" && (e.preventDefault(), d());
-	}, m = z(() => {
-		a([]), u("");
-	}, [a]), h = i.length > 0, _ = i.length === 1 ? c.tag : c.tags, v = h ? /* @__PURE__ */ K(s, {
+	]), h = V((e) => {
+		a(n.filter((t) => t !== e));
+	}, [n, a]), g = (e) => {
+		e.key === "Enter" && (e.preventDefault(), m());
+	}, _ = V(() => {
+		a([]), p("");
+	}, [a]), b = n.length > 0, x = n.length === 1 ? d.tag : d.tags, S = b ? /* @__PURE__ */ q(l, {
 		gap: "md",
 		className: "tags-facet--summary",
-		children: [/* @__PURE__ */ K(s, {
+		children: [/* @__PURE__ */ q(l, {
 			direction: "horizontal",
 			gap: "sm",
 			justify: "between",
 			wrap: !1,
-			children: [/* @__PURE__ */ K(r, {
+			children: [/* @__PURE__ */ q(i, {
 				tag: "span",
 				size: "xs",
 				type: "secondary",
 				children: [
-					i.length,
+					n.length,
 					" ",
-					_
+					x
 				]
-			}), /* @__PURE__ */ G(n, {
-				onClick: m,
+			}), /* @__PURE__ */ K(s, {
+				onClick: _,
 				tone: "secondary",
 				buttonStyle: "ghost",
 				size: "sm",
-				className: "h-auto px-space-sm py-0 text-muted-foreground hover:text-foreground",
+				className: "text-muted-foreground hover:text-foreground",
 				type: "button",
-				"aria-label": c.clearAll,
-				children: c.clearAll
+				"aria-label": d.clearAll,
+				children: d.clearAll
 			})]
-		}), /* @__PURE__ */ G(s, {
+		}), /* @__PURE__ */ K(l, {
 			direction: "horizontal",
 			gap: "md",
-			children: i.map((e) => /* @__PURE__ */ K(g, {
+			children: n.map((e) => /* @__PURE__ */ q(v, {
 				tone: "secondary",
 				className: "flex items-center gap-space-sm py-space-2xs pl-space-md pr-space-sm",
-				children: [/* @__PURE__ */ G(r, {
+				children: [/* @__PURE__ */ K(i, {
 					tag: "span",
 					size: "xs",
 					children: e
-				}), /* @__PURE__ */ G(n, {
-					onClick: () => f(e),
-					tone: "secondary",
-					buttonStyle: "ghost",
-					size: "sm",
-					iconOnly: !0,
-					className: "ml-space-sm size-icon rounded-full p-0 hover:bg-muted-foreground/20",
+				}), /* @__PURE__ */ K("button", {
+					onClick: () => h(e),
+					className: r(y.target, y.focus, y.toggle),
 					type: "button",
-					"aria-label": `${c.removeTag} ${e}`,
-					children: /* @__PURE__ */ G(q, { className: "size-icon-sm" })
+					"aria-label": `${d.removeTag} ${e}`,
+					children: /* @__PURE__ */ K(ye, {
+						className: y.icon,
+						"aria-hidden": "true"
+					})
 				})]
 			}, e))
 		})]
 	}) : null;
-	return /* @__PURE__ */ K(s, {
+	return /* @__PURE__ */ q(l, {
 		gap: "lg",
-		className: t("tags-facet--component", o),
-		children: [/* @__PURE__ */ K(s, {
+		className: r("tags-facet--component", o),
+		children: [/* @__PURE__ */ q(l, {
 			direction: "horizontal",
 			gap: "md",
 			wrap: !1,
-			children: [/* @__PURE__ */ G("div", {
+			children: [/* @__PURE__ */ K("div", {
 				className: "relative flex-1",
-				children: /* @__PURE__ */ G(w, {
+				children: /* @__PURE__ */ K(A, {
 					type: "text",
-					value: l,
-					onChange: (e) => u(e.target.value),
-					onKeyDown: p,
-					placeholder: e.placeholder ?? c.enterTag,
-					className: ge
+					value: f,
+					onChange: (e) => p(e.target.value),
+					onKeyDown: g,
+					placeholder: e.placeholder ?? d.enterTag
 				})
-			}), /* @__PURE__ */ K(n, {
-				onClick: d,
-				disabled: !l.trim(),
-				size: "md",
-				className: ge,
+			}), /* @__PURE__ */ q(s, {
+				onClick: m,
+				disabled: !f.trim(),
+				size: u,
+				iconOnly: !0,
+				className: r(k[u], re[u]),
 				type: "button",
-				children: [/* @__PURE__ */ G(de, { className: "size-icon" }), /* @__PURE__ */ G(r, {
+				children: [/* @__PURE__ */ K(ve, { className: "size-icon" }), /* @__PURE__ */ K(i, {
 					tag: "span",
 					size: "pxs",
 					className: "sr-only",
-					children: c.addTag
+					children: d.addTag
 				})]
 			})]
-		}), v]
+		}), S]
 	});
 }
-var Ye = R.memo(Je);
-Ye.displayName = "TagsFacet";
+var rt = B.memo(nt);
+rt.displayName = "TagsFacet";
 //#endregion
 //#region src/components/features/filters/partials/tags-filter-content.tsx
-function Xe({ filter: e, value: t, onFilterChange: r, onBackToFilterList: i, onClose: a, triggerSource: o = "chip" }) {
-	let { strings: s, reportError: c } = Q(), [l, u] = U(t || []), f = o === "toolbar", p = l.length === 1 ? s.tag : s.tags;
-	B(() => {
+function it({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onClose: i, triggerSource: a = "chip" }) {
+	let { strings: o, reportError: c } = Q(), [l, u] = G(t || []), d = a === "toolbar", f = l.length === 1 ? o.tag : o.tags;
+	H(() => {
 		u(t || []);
 	}, [t]);
 	let m = () => {
 		try {
-			r(l), a();
+			n(l), i();
 		} catch (t) {
 			c(t, {
 				phase: "apply",
@@ -1363,49 +1366,49 @@ function Xe({ filter: e, value: t, onFilterChange: r, onBackToFilterList: i, onC
 			});
 		}
 	}, h = JSON.stringify(l.slice().sort()) !== JSON.stringify((t ?? []).slice().sort());
-	return /* @__PURE__ */ K("div", {
+	return /* @__PURE__ */ q("div", {
 		className: "flex flex-col",
 		children: [
-			/* @__PURE__ */ G(O, {
-				start: f ? /* @__PURE__ */ G(n, {
+			/* @__PURE__ */ K(P, {
+				start: d ? /* @__PURE__ */ K(s, {
 					type: "button",
 					tone: "secondary",
 					buttonStyle: "ghost",
 					size: "sm",
 					iconOnly: !0,
-					onClick: i,
+					onClick: r,
 					className: "shrink-0",
-					"aria-label": s.backToFilters,
-					children: /* @__PURE__ */ G(se, {
+					"aria-label": o.backToFilters,
+					children: /* @__PURE__ */ K(J, {
 						"aria-hidden": "true",
 						className: "size-icon-sm rtl:rotate-180"
 					})
 				}) : void 0,
-				children: /* @__PURE__ */ G(E, { children: e.label })
+				children: /* @__PURE__ */ K(M, { children: e.label })
 			}),
-			/* @__PURE__ */ G("div", {
+			/* @__PURE__ */ K("div", {
 				className: "p-surface",
-				children: /* @__PURE__ */ G(Ye, {
+				children: /* @__PURE__ */ K(rt, {
 					filter: e,
 					value: l,
 					onValueChange: u
 				})
 			}),
-			!!h && /* @__PURE__ */ G(A, {
-				caption: /* @__PURE__ */ K(d, {
+			!!h && /* @__PURE__ */ K(I, {
+				caption: /* @__PURE__ */ q(p, {
 					size: "xs",
 					className: "tabular-nums",
 					children: [
 						l.length,
 						" ",
-						p
+						f
 					]
 				}),
-				children: /* @__PURE__ */ G(n, {
+				children: /* @__PURE__ */ K(s, {
 					tone: "primary",
 					size: "sm",
 					onClick: m,
-					children: s.confirm
+					children: o.confirm
 				})
 			})
 		]
@@ -1413,71 +1416,71 @@ function Xe({ filter: e, value: t, onFilterChange: r, onBackToFilterList: i, onC
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-popover-content.tsx
-function Ze({ activeFilterInPopover: e, availableFilters: n, activeFilters: r, getFilterValue: i, setFilterValue: a, onFilterSelect: o, onBackToFilterList: s, onClose: c, triggerSource: l = "chip", finalFocus: u }) {
+function at({ activeFilterInPopover: e, availableFilters: t, activeFilters: n, getFilterValue: i, setFilterValue: a, onFilterSelect: o, onBackToFilterList: s, onClose: c, triggerSource: l = "chip", finalFocus: u }) {
 	let { strings: d } = Q(), f = e?.type === X.DATE || e?.type === X.TAGS ? "w-auto min-w-80 gap-0 overflow-hidden" : e?.type === X.ASYNC_SELECT ? "w-72 gap-0 overflow-hidden" : "w-64 gap-0 overflow-hidden", p = (e, t) => {
 		a(e, t);
 	};
-	return /* @__PURE__ */ G(j, {
+	return /* @__PURE__ */ K(ee, {
 		finalFocus: u,
 		type: e?.type === X.DATE || e?.type === X.TAGS ? "display" : "menu",
 		"aria-label": e?.label ?? d.addFilter,
 		inset: "flush",
-		className: t("filter-popover-content--component", f),
+		className: r("filter-popover-content--component", f),
 		align: "start",
-		children: e ? e.type === X.DATE ? /* @__PURE__ */ G(Ue, {
+		children: e ? e.type === X.DATE ? /* @__PURE__ */ K(Ze, {
 			filter: e,
 			value: i(e.key),
 			onFilterChange: (t) => p(e.key, t),
 			onBackToFilterList: s,
 			triggerSource: l
-		}) : e.type === X.TAGS ? /* @__PURE__ */ G(Xe, {
+		}) : e.type === X.TAGS ? /* @__PURE__ */ K(it, {
 			filter: e,
 			value: i(e.key),
 			onFilterChange: (t) => p(e.key, t),
 			onBackToFilterList: s,
 			onClose: c,
 			triggerSource: l
-		}) : e.type === X.ASYNC_SELECT ? /* @__PURE__ */ G(Be, {
+		}) : e.type === X.ASYNC_SELECT ? /* @__PURE__ */ K(Je, {
 			filter: e,
 			value: i(e.key),
 			onFilterChange: (t) => p(e.key, t),
 			onBackToFilterList: s,
 			onClose: c,
 			triggerSource: l
-		}) : /* @__PURE__ */ G(qe, {
+		}) : /* @__PURE__ */ K(tt, {
 			filter: e,
 			value: i(e.key),
 			onFilterChange: (t) => p(e.key, t),
 			onBackToFilterList: s,
 			onClose: c,
 			triggerSource: l
-		}) : /* @__PURE__ */ G(Ke, {
-			availableFilters: n,
-			activeFilters: r,
+		}) : /* @__PURE__ */ K(et, {
+			availableFilters: t,
+			activeFilters: n,
 			onFilterSelect: o
 		})
 	});
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-pill.tsx
-function Qe({ filter: e, value: t, active: n, operator: r, operators: i, onOperatorChange: a, onValueChange: o, onClear: s, availableFilters: c, activeFilters: l, operatorChangeRef: u }) {
-	let d = H(!1), f = u ?? d, [p, m] = U(!1), h = H(null), g = H(null);
-	return /* @__PURE__ */ G($, {
+function ot({ filter: e, value: t, active: n, operator: r, operators: i, onOperatorChange: a, onValueChange: o, onClear: s, availableFilters: c, activeFilters: l, operatorChangeRef: u }) {
+	let d = W(!1), f = u ?? d, [p, m] = G(!1), h = W(null), g = W(null);
+	return /* @__PURE__ */ K($, {
 		filterKey: e.key,
-		children: /* @__PURE__ */ K(k, {
+		children: /* @__PURE__ */ q(F, {
 			open: p,
 			onOpenChange: (e) => {
 				e && f.current || m(e);
 			},
-			children: [/* @__PURE__ */ K("div", {
+			children: [/* @__PURE__ */ q("div", {
 				className: "filter-pill--component filter-pill--anchor relative",
-				children: [/* @__PURE__ */ G(D, {
-					render: /* @__PURE__ */ G("span", {}),
+				children: [/* @__PURE__ */ K(N, {
+					render: /* @__PURE__ */ K("span", {}),
 					nativeButton: !1,
 					tabIndex: -1,
 					"aria-hidden": "true",
 					className: "pointer-events-none absolute inset-0"
-				}), /* @__PURE__ */ G(Le, {
+				}), /* @__PURE__ */ K(Ge, {
 					filter: e,
 					popoverOpen: p,
 					triggerRef: h,
@@ -1497,7 +1500,7 @@ function Qe({ filter: e, value: t, active: n, operator: r, operators: i, onOpera
 						f.current || (g.current = e?.currentTarget ?? h.current, m(!0));
 					}
 				})]
-			}), /* @__PURE__ */ G(Ze, {
+			}), /* @__PURE__ */ K(at, {
 				finalFocus: g,
 				activeFilterInPopover: e,
 				availableFilters: c,
@@ -1512,42 +1515,42 @@ function Qe({ filter: e, value: t, active: n, operator: r, operators: i, onOpera
 		})
 	});
 }
-Qe.displayName = "FilterPill";
+ot.displayName = "FilterPill";
 //#endregion
 //#region src/components/features/filters/partials/filters-button.tsx
-function $e({ triggerRef: e, availableFilters: t, activeFilters: r, activeFilterInPopover: i, getFilterValue: a, setFilterValue: o, setActiveFilterInPopover: s }) {
-	let [c, l] = U(!1), { strings: u } = Q();
-	return B(() => {
-		c || s(null);
-	}, [c, s]), /* @__PURE__ */ K(k, {
-		open: c,
-		onOpenChange: l,
-		children: [/* @__PURE__ */ G(D, {
+function st({ triggerRef: e, availableFilters: n, activeFilters: i, activeFilterInPopover: a, getFilterValue: o, setFilterValue: c, setActiveFilterInPopover: l }) {
+	let { defaultScale: u } = t(), d = O(void 0, u), [f, p] = G(!1), { strings: m } = Q();
+	return H(() => {
+		f || l(null);
+	}, [f, l]), /* @__PURE__ */ q(F, {
+		open: f,
+		onOpenChange: p,
+		children: [/* @__PURE__ */ K(N, {
 			asChild: !0,
-			children: /* @__PURE__ */ G(n, {
+			children: /* @__PURE__ */ K(s, {
 				ref: e,
 				tone: "secondary",
 				buttonStyle: "outline",
-				size: "md",
+				size: d,
 				iconOnly: !0,
-				"aria-label": u.addFilter,
-				className: "filters-button--component shrink-0",
-				children: /* @__PURE__ */ G(le, { className: "size-icon-sm" })
+				"aria-label": m.addFilter,
+				className: r("filters-button--component shrink-0", k[d], re[d]),
+				children: /* @__PURE__ */ K(ge, { className: "size-icon-sm" })
 			})
-		}), /* @__PURE__ */ G(Ze, {
-			activeFilterInPopover: i,
-			availableFilters: t,
-			activeFilters: r,
-			getFilterValue: a,
-			setFilterValue: o,
+		}), /* @__PURE__ */ K(at, {
+			activeFilterInPopover: a,
+			availableFilters: n,
+			activeFilters: i,
+			getFilterValue: o,
+			setFilterValue: c,
 			onFilterSelect: (e) => {
-				s(e);
+				l(e);
 			},
 			onBackToFilterList: () => {
-				s(null);
+				l(null);
 			},
 			onClose: () => {
-				s(null), l(!1);
+				l(null), p(!1);
 			},
 			triggerSource: "toolbar"
 		})]
@@ -1555,8 +1558,8 @@ function $e({ triggerRef: e, availableFilters: t, activeFilters: r, activeFilter
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-tabs.tsx
-function et({ tabs: e }) {
-	let { activeFilters: n, filters: i, replaceFilters: a } = Q(), o = V(() => n.filter((e) => i.find((t) => t.key === e.key)?.type !== X.SEARCH), [n, i]), s = V(() => n.filter((e) => i.find((t) => t.key === e.key)?.type === X.SEARCH), [n, i]), c = V(() => {
+function ct({ tabs: e }) {
+	let { activeFilters: t, filters: n, replaceFilters: a } = Q(), o = U(() => t.filter((e) => n.find((t) => t.key === e.key)?.type !== X.SEARCH), [t, n]), s = U(() => t.filter((e) => n.find((t) => t.key === e.key)?.type === X.SEARCH), [t, n]), c = U(() => {
 		for (let t of e) {
 			if (t.presets.length === 0) {
 				if (o.length === 0) return t.id;
@@ -1570,58 +1573,58 @@ function et({ tabs: e }) {
 			})) return t.id;
 		}
 		return null;
-	}, [e, o]), l = z((e) => {
+	}, [e, o]), l = V((e) => {
 		if (e.presets.length === 0) {
 			a([...s]);
 			return;
 		}
 		let t = e.presets.map((e) => {
-			let t = i.find((t) => t.key === e.key), n = e.operator ?? t?.operator ?? (t ? we(t.type) : "equals");
+			let t = n.find((t) => t.key === e.key), r = e.operator ?? t?.operator ?? (t ? Me(t.type) : "equals");
 			return {
 				id: e.key,
 				key: e.key,
 				value: e.value,
-				operator: n
+				operator: r
 			};
 		});
 		a([...s, ...t]);
 	}, [
-		i,
+		n,
 		s,
 		a
 	]);
-	return e.length === 0 ? null : /* @__PURE__ */ G(P, {
+	return e.length === 0 ? null : /* @__PURE__ */ K(ne, {
 		value: c,
 		onValueChange: (t) => {
 			let n = e.find((e) => e.id === t);
 			n && l(n);
 		},
 		className: "filter-tabs--component",
-		children: /* @__PURE__ */ G(N, {
+		children: /* @__PURE__ */ K(L, {
 			role: "group",
 			"aria-orientation": void 0,
 			activateOnFocus: !0,
 			className: "h-auto! flex-wrap justify-start gap-space-md bg-transparent p-0",
 			children: e.map((e) => {
-				let n = c === e.id;
-				return /* @__PURE__ */ K(M, {
+				let t = c === e.id;
+				return /* @__PURE__ */ q(te, {
 					value: e.id,
 					role: "button",
 					"aria-selected": void 0,
 					"aria-controls": void 0,
-					"aria-pressed": n,
-					className: t("h-action-sm flex-none rounded-radius-md px-control-sm py-0 transition-colors after:hidden data-active:bg-foreground data-active:text-background data-active:hover:bg-foreground data-active:hover:text-background", n ? "bg-foreground text-background" : "bg-muted text-muted-foreground hover:bg-accent hover:text-accent-foreground"),
-					children: [/* @__PURE__ */ G(r, {
+					"aria-pressed": t,
+					className: r("h-action-sm flex-none gap-space-sm rounded-inner px-control-sm py-0 transition-colors after:hidden data-active:bg-foreground data-active:text-background data-active:hover:bg-foreground data-active:hover:text-background", t ? "bg-foreground text-background" : "bg-muted text-muted-foreground hover:bg-accent hover:text-accent-foreground"),
+					children: [/* @__PURE__ */ K(i, {
 						tag: "span",
 						weight: "semibold",
 						className: "text-inherit",
 						children: e.label
-					}), e.count !== void 0 && /* @__PURE__ */ G(r, {
+					}), e.count !== void 0 && /* @__PURE__ */ K(i, {
 						tag: "span",
 						size: "xs",
 						weight: "semibold",
 						numeric: !0,
-						className: t("ml-space-sm text-inherit", n ? "text-background" : "text-muted-foreground"),
+						className: r("text-inherit", t ? "text-background" : "text-muted-foreground"),
 						children: e.count
 					})]
 				}, e.id);
@@ -1631,83 +1634,75 @@ function et({ tabs: e }) {
 }
 //#endregion
 //#region src/components/features/filters/facets/search-facet.tsx
-function tt({ filter: e, value: r, onValueChange: i, className: a }) {
-	let { strings: o, isNavigating: s } = Q(), [c, l] = U(r[0] || ""), u = H(c);
-	u.current = c;
-	let d = H(r[0] || null), f = H(!1);
-	B(() => {
-		if (f.current || s) return;
-		let e = u.current;
-		if (!r.length || r[0] === "") {
-			e !== "" && (l(""), d.current = "");
+var lt = B.forwardRef(function(e, t) {
+	return /* @__PURE__ */ K(_e, {
+		...e,
+		ref: t,
+		className: r("animate-spin", e.className)
+	});
+});
+function ut({ filter: e, value: t, onValueChange: n, className: i }) {
+	let { strings: a, isNavigating: o } = Q(), [s, c] = G(t[0] || ""), l = W(s);
+	H(() => {
+		l.current = s;
+	}, [s]);
+	let u = W(t[0] || null), d = W(!1);
+	H(() => {
+		if (d.current || o) return;
+		let e = l.current;
+		if (!t.length || t[0] === "") {
+			e !== "" && (c(""), u.current = "");
 			return;
 		}
-		r[0] !== void 0 && r[0] !== e && r[0] !== d.current && (l(r[0]), d.current = r[0]);
-	}, [r, s]);
-	let p = I((e) => {
-		d.current = e, f.current = !1, i([e]);
-	}, e.delay ?? 300), m = (e) => {
-		d.current !== e && p(e);
+		t[0] !== void 0 && t[0] !== e && t[0] !== u.current && (c(t[0]), u.current = t[0]);
+	}, [t, o]);
+	let f = z((e) => {
+		u.current = e, d.current = !1, n([e]);
+	}, e.delay ?? 300), p = (e) => {
+		u.current !== e && f(e);
 	};
 	return /* @__PURE__ */ K("div", {
-		className: t("search-facet--component", "search-facet relative w-full min-w-0 rounded-radius bg-background", a),
-		children: [
-			/* @__PURE__ */ G(w, {
-				type: "text",
-				"aria-label": e.label,
-				value: c,
-				onChange: (e) => {
-					f.current = !0;
-					let t = e.target.value;
-					l(t), m(t);
-				},
-				onFocus: () => {
-					f.current = !0;
-				},
-				onBlur: () => {
-					setTimeout(() => {
-						f.current = !1;
-					}, 100);
-				},
-				placeholder: e.placeholder ?? (() => {
-					let t = e.label.trim().toLowerCase();
-					return !t || t === "search" ? Y(o.searchPlaceholder, { filterLabel: "" }).replace(/\s+([….?!])/g, "$1").replace(/\s{2,}/g, " ").trim() : Y(o.searchPlaceholder, { filterLabel: t });
-				})(),
-				className: "w-full pr-9"
-			}),
-			c.trim() !== "" && !s && /* @__PURE__ */ G(n, {
-				type: "button",
-				tone: "secondary",
-				buttonStyle: "ghost",
-				size: "sm",
-				iconOnly: !0,
-				onClick: () => {
-					f.current = !0, l(""), m("");
-				},
-				className: "absolute right-control-gap-small top-1/2 -translate-y-1/2",
-				"aria-label": o.clearSearch,
-				children: /* @__PURE__ */ G(q, { className: "size-icon-sm" })
-			}),
-			!!s && /* @__PURE__ */ G("span", {
-				className: "text-muted-foreground absolute right-control-px top-1/2 -translate-y-1/2",
-				children: /* @__PURE__ */ G(ue, { className: "size-icon animate-spin" })
-			})
-		]
+		className: r("search-facet--component", "search-facet relative w-full min-w-0 rounded-inner bg-background", i),
+		children: /* @__PURE__ */ K(A, {
+			type: "text",
+			"aria-label": e.label,
+			value: s,
+			onChange: (e) => {
+				d.current = !0;
+				let t = e.target.value;
+				c(t), p(t);
+			},
+			onFocus: () => {
+				d.current = !0;
+			},
+			onBlur: () => {
+				setTimeout(() => {
+					d.current = !1;
+				}, 100);
+			},
+			placeholder: e.placeholder ?? (() => {
+				let t = e.label.trim().toLowerCase();
+				return !t || t === "search" ? Y(a.searchPlaceholder, { filterLabel: "" }).replace(/\s+([….?!])/g, "$1").replace(/\s{2,}/g, " ").trim() : Y(a.searchPlaceholder, { filterLabel: t });
+			})(),
+			clearable: s.trim() !== "" && !o,
+			endIcon: o ? lt : void 0,
+			strings: { clear: a.clearSearch }
+		})
 	});
 }
-var nt = R.memo(tt);
-nt.displayName = "SearchFacet";
+var dt = B.memo(ut);
+dt.displayName = "SearchFacet";
 //#endregion
 //#region src/components/features/filters/partials/search-filters-list.tsx
-function rt({ filters: e, getFilterValue: n, setFilterValue: i, className: a }) {
-	return /* @__PURE__ */ G(W, { children: e.map((e) => /* @__PURE__ */ K(s, {
+function ft({ filters: e, getFilterValue: t, setFilterValue: n, className: a }) {
+	return /* @__PURE__ */ K(de, { children: e.map((e) => /* @__PURE__ */ q(l, {
 		gap: "lg",
-		className: t("search-filters-list--component", "w-full min-w-0 sm:w-64 sm:flex-none", e.displayConfig.className, a),
-		children: [/* @__PURE__ */ G(nt, {
+		className: r("search-filters-list--component", "w-full min-w-0 sm:w-64 sm:flex-none", e.displayConfig.className, a),
+		children: [/* @__PURE__ */ K(dt, {
 			filter: e,
-			value: n(e.key),
-			onValueChange: (t) => i(e.key, t)
-		}), !!e.description && /* @__PURE__ */ G(r, {
+			value: t(e.key),
+			onValueChange: (t) => n(e.key, t)
+		}), !!e.description && /* @__PURE__ */ K(i, {
 			size: "xs",
 			type: "secondary",
 			children: e.description
@@ -1716,65 +1711,66 @@ function rt({ filters: e, getFilterValue: n, setFilterValue: i, className: a })
 }
 //#endregion
 //#region src/components/features/filters/filter-layout.tsx
-var it = {
+var pt = {
 	compact: "lg",
 	default: "xl"
-}, at = {
+}, mt = {
 	compact: "sm",
 	default: "md"
 };
-function ot({ className: e, dynamicFilterOptions: i = {}, loadingFilters: a = {}, variant: o = "default", showClearFilters: c = !1, tabs: l }) {
-	let { getFilterValue: u, setFilterValue: d, isFilterActive: f, clearFilters: p, getFilterOperator: m, setFilterOperator: h, isNavigating: g, strings: _ } = Q(), { processedFilters: v, searchFilters: y, alwaysVisibleFilters: b, activeRegularFilters: x, popoverFilters: S, hasActive: C } = Oe({ dynamicFilterOptions: i }), [w, T] = U(null), E = v.find((e) => e.key === w) ?? null, D = z((e) => {
+function ht({ className: e, dynamicFilterOptions: t = {}, loadingFilters: n = {}, variant: a = "default", showClearFilters: o = !1, tabs: c }) {
+	let { getFilterValue: u, setFilterValue: d, isFilterActive: f, clearFilters: p, getFilterOperator: m, setFilterOperator: h, isNavigating: g, strings: _ } = Q(), { processedFilters: v, searchFilters: y, alwaysVisibleFilters: b, activeRegularFilters: x, popoverFilters: S, hasActive: C } = Ie({ dynamicFilterOptions: t }), [w, T] = G(null), E = v.find((e) => e.key === w) ?? null, D = V((e) => {
 		T(e?.key ?? null);
 	}, []);
-	B(() => {
+	H(() => {
 		w !== null && E === null && T(null);
 	}, [w, E]);
-	let O = H(null), k = H(null);
+	let O = W(null), k = W(null);
 	function A(e, t) {
 		t.length === 0 && e.displayConfig?.display !== "always" && (k.current = e.key), d(e.key, t);
 	}
-	B(() => {
+	H(() => {
 		let e = k.current;
 		e !== null && !f(e) && (O.current?.focus(), k.current = null);
 	}, [f]);
 	function j(e) {
-		return e.operators && e.operators.length > 0 ? e.operators : Ce(e.type, _.operators);
+		return e.operators && e.operators.length > 0 ? e.operators : je(e.type, _.operators);
 	}
 	function M(e, t) {
 		h(e, t);
 	}
-	return /* @__PURE__ */ K(s, {
-		gap: it[o],
-		className: t("filter-layout--component", e),
-		children: [!!l && l.length > 0 && /* @__PURE__ */ G(et, { tabs: l }), /* @__PURE__ */ K(s, {
+	return /* @__PURE__ */ q(l, {
+		gap: pt[a],
+		className: r("filter-layout--component", e),
+		children: [!!c && c.length > 0 && /* @__PURE__ */ K(ct, { tabs: c }), /* @__PURE__ */ q(l, {
 			direction: "horizontal",
-			gap: at[o],
-			children: [/* @__PURE__ */ G($, {
+			align: "center",
+			gap: mt[a],
+			children: [/* @__PURE__ */ K($, {
 				filterKey: "search-filters",
-				children: /* @__PURE__ */ G(rt, {
+				children: /* @__PURE__ */ K(ft, {
 					filters: y,
 					getFilterValue: u,
 					setFilterValue: d
 				})
-			}), /* @__PURE__ */ K("div", {
-				className: t("contents", g && "pointer-events-none opacity-60"),
+			}), /* @__PURE__ */ q("div", {
+				className: r("contents", g && "pointer-events-none opacity-60"),
 				children: [
-					Object.entries(a).filter(([, e]) => e).map(([e]) => {
+					Object.entries(n).filter(([, e]) => e).map(([e]) => {
 						let t = v.find((t) => t.key === e)?.label || e;
-						return /* @__PURE__ */ K(s, {
+						return /* @__PURE__ */ q(l, {
 							direction: "horizontal",
 							gap: "sm",
 							wrap: !1,
-							className: "rounded-radius-md bg-muted/50 px-control-sm py-space-xs",
-							children: [/* @__PURE__ */ G("div", { className: "border-muted-foreground/30 border-t-primary size-icon-sm animate-spin rounded-full border-2" }), /* @__PURE__ */ G(r, {
+							className: "rounded-radius bg-muted/50 px-control-sm py-space-xs",
+							children: [/* @__PURE__ */ K("div", { className: "border-muted-foreground/30 border-t-primary size-icon-sm animate-spin rounded-full border-2" }), /* @__PURE__ */ K(i, {
 								tag: "span",
 								type: "secondary",
 								children: Y(_.loadingOptions, { filterLabel: t })
 							})]
 						}, `loading-${e}`);
 					}),
-					[...b, ...x].map((e) => /* @__PURE__ */ G(Qe, {
+					[...b, ...x].map((e) => /* @__PURE__ */ K(ot, {
 						filter: e,
 						value: u(e.key) ?? [],
 						active: f(e.key),
@@ -1786,9 +1782,9 @@ function ot({ className: e, dynamicFilterOptions: i = {}, loadingFilters: a = {}
 						availableFilters: S,
 						activeFilters: [...x, ...b]
 					}, e.key)),
-					S.length > 0 && /* @__PURE__ */ G($, {
+					S.length > 0 && /* @__PURE__ */ K($, {
 						filterKey: "filters-button",
-						children: /* @__PURE__ */ G($e, {
+						children: /* @__PURE__ */ K(st, {
 							triggerRef: O,
 							availableFilters: S,
 							activeFilters: x,
@@ -1798,10 +1794,9 @@ function ot({ className: e, dynamicFilterOptions: i = {}, loadingFilters: a = {}
 							setActiveFilterInPopover: D
 						})
 					}),
-					!!c && C && /* @__PURE__ */ G(n, {
+					!!o && C && /* @__PURE__ */ K(s, {
 						tone: "secondary",
 						buttonStyle: "ghost",
-						size: "md",
 						onClick: p,
 						className: "text-muted-foreground ml-auto",
 						children: _.clearFilters
@@ -1813,8 +1808,8 @@ function ot({ className: e, dynamicFilterOptions: i = {}, loadingFilters: a = {}
 }
 //#endregion
 //#region src/components/features/filters/filter-query.ts
-var st = "__op", ct = ["page"], lt = new Set(Object.values(Z));
-function ut(e) {
+var gt = "__op", _t = ["page"], vt = new Set(Object.values(Z));
+function yt(e) {
 	let t = {};
 	if (!e) return t;
 	if (e instanceof URLSearchParams) return e.forEach((e, n) => {
@@ -1826,297 +1821,297 @@ function ut(e) {
 	}
 	return t;
 }
-function dt(e) {
+function bt(e) {
 	let t = {};
 	for (let [n, r] of Object.entries(e)) r.length !== 0 && (t[n] = r.length === 1 ? r[0] : r);
 	return t;
 }
-function ft(e, t, n) {
+function xt(e, t, n) {
 	let r = e[t] ?? [];
 	return n === "comma" ? r.flatMap((e) => e.split(",")) : r;
 }
-function pt(e, t) {
+function St(e, t) {
 	return t.map((e) => e.trim()).filter((e) => e.length > 0).map((t) => {
 		if (!e.parse) return t;
 		let n = e.parse(t);
 		return n == null ? "" : String(n);
 	}).filter((e) => e.length > 0);
 }
-function mt(e, t) {
+function Ct(e, t) {
 	return t.map((t) => {
 		let n = e.transform ? e.transform(t) : t, r = e.format ? e.format(n) : n;
 		return r == null ? "" : String(r);
 	}).filter((e) => e.length > 0);
 }
-function ht(e) {
-	return e.operator ?? e.operators?.[0]?.value ?? we(e.type);
+function wt(e) {
+	return e.operator ?? e.operators?.[0]?.value ?? Me(e.type);
 }
-function gt(e, t, n) {
+function Tt(e, t, n) {
 	let [r] = t[`${e.key}${n}`] ?? [];
-	return r && lt.has(r) ? r : ht(e);
+	return r && vt.has(r) ? r : wt(e);
 }
-function _t(e, t, n) {
+function Et(e, t, n) {
 	return e === "always" || e !== "never" && t !== n;
 }
-function vt(e) {
+function Dt(e) {
 	return e.type === X.MULTI_SELECT || e.type === X.TAGS || e.multiple === !0;
 }
-function yt(e, t, n = {}) {
-	let r = n.operatorSuffix ?? st, i = n.arrayFormat ?? "repeat", a = ut(t);
+function Ot(e, t, n = {}) {
+	let r = n.operatorSuffix ?? gt, i = n.arrayFormat ?? "repeat", a = yt(t);
 	return e.flatMap((e) => {
-		let t = pt(e, ft(a, e.key, i));
+		let t = St(e, xt(a, e.key, i));
 		return t.length === 0 ? [] : [{
 			id: e.key,
 			key: e.key,
-			operator: gt(e, a, r),
-			value: vt(e) ? t : [t[0]]
+			operator: Tt(e, a, r),
+			value: Dt(e) ? t : [t[0]]
 		}];
 	});
 }
-function bt(e, t, n, r = {}) {
-	let i = r.operatorSuffix ?? st, a = r.arrayFormat ?? "repeat", o = r.preserveUnrelated ?? !0, s = r.includeOperators ?? "changed", c = r.resetPageKeys ?? ct, l = o ? ut(n) : {}, u = new Map(e.map((e) => [e.key, e]));
+function kt(e, t, n, r = {}) {
+	let i = r.operatorSuffix ?? gt, a = r.arrayFormat ?? "repeat", o = r.preserveUnrelated ?? !0, s = r.includeOperators ?? "changed", c = r.resetPageKeys ?? _t, l = o ? yt(n) : {}, u = new Map(e.map((e) => [e.key, e]));
 	for (let t of e) delete l[t.key], delete l[`${t.key}${i}`];
 	for (let e of c) delete l[e];
 	for (let e of t) {
 		let t = u.get(e.key);
 		if (!t) continue;
-		let n = mt(t, e.value);
+		let n = Ct(t, e.value);
 		if (n.length === 0) continue;
 		l[e.key] = a === "comma" ? [n.join(",")] : n;
-		let r = ht(t);
-		_t(s, e.operator, r) && (l[`${e.key}${i}`] = [e.operator]);
+		let r = wt(t);
+		Et(s, e.operator, r) && (l[`${e.key}${i}`] = [e.operator]);
 	}
-	return dt(l);
+	return bt(l);
 }
-function xt(e, t, n = {}) {
-	let r = n.preserveUnrelated ?? !0, i = n.resetPageKeys ?? ct, a = r ? ut(e) : {}, o = ut(t);
+function At(e, t, n = {}) {
+	let r = n.preserveUnrelated ?? !0, i = n.resetPageKeys ?? _t, a = r ? yt(e) : {}, o = yt(t);
 	for (let e of i) delete a[e];
 	for (let [e, t] of Object.entries(o)) t.length === 0 ? delete a[e] : a[e] = t;
-	return dt(a);
+	return bt(a);
 }
 //#endregion
 //#region src/components/features/filters/facets/select-facet.tsx
-function St({ filter: e, value: i, onValueChange: a, className: o }) {
-	let { strings: s } = Q(), [c, l] = U(!1), [u, d] = U(""), f = i.length > 0, p = e.options, m = (t) => {
-		e.multiple ? i.includes(t) ? a(i.filter((e) => e !== t)) : a([...i, t]) : (a([t]), e.closeOnSelect !== !1 && l(!1));
-	}, h = (e) => p?.find((t) => t.value === e)?.label ?? e, g = V(() => (p ?? []).map((e) => ({
+function jt({ filter: e, value: n, onValueChange: a, className: o }) {
+	let { defaultScale: c } = t(), l = O(void 0, c), { strings: u } = Q(), [d, f] = G(!1), [p, m] = G(""), h = n.length > 0, g = e.options, _ = (t) => {
+		e.multiple ? n.includes(t) ? a(n.filter((e) => e !== t)) : a([...n, t]) : (a([t]), e.closeOnSelect !== !1 && f(!1));
+	}, v = (e) => g?.find((t) => t.value === e)?.label ?? e, y = U(() => (g ?? []).map((e) => ({
 		value: e.value,
 		label: e.label,
 		description: e.description,
 		icon: e.icon,
-		selected: i.includes(e.value),
+		selected: n.includes(e.value),
 		disabled: e.disabled
-	})), [p, i]), _ = Y(s.searchPlaceholder, { filterLabel: e.label.toLowerCase() });
-	return /* @__PURE__ */ G("div", {
-		className: t("select-facet--component", "relative", o),
-		children: /* @__PURE__ */ G(F, {
-			open: c,
-			onOpenChange: l,
+	})), [g, n]), b = Y(u.searchPlaceholder, { filterLabel: e.label.toLowerCase() });
+	return /* @__PURE__ */ K("div", {
+		className: r("select-facet--component", "relative", o),
+		children: /* @__PURE__ */ K(R, {
+			open: d,
+			onOpenChange: f,
 			search: !0,
-			searchValue: u,
-			onSearchChange: d,
+			searchValue: p,
+			onSearchChange: m,
 			strings: {
-				searchPlaceholder: _,
-				empty: s.noOptionsFound
+				searchPlaceholder: b,
+				empty: u.noOptionsFound
 			},
 			contentClassName: "w-(--anchor-width) min-w-56",
-			trigger: /* @__PURE__ */ K(n, {
+			trigger: /* @__PURE__ */ q(s, {
 				tone: "secondary",
 				buttonStyle: "outline",
-				size: "md",
+				size: l,
 				role: "combobox",
-				"aria-expanded": c,
-				className: "w-full justify-between",
-				children: [f ? i.length === 1 ? /* @__PURE__ */ G(r, {
+				"aria-expanded": d,
+				className: D(l),
+				children: [h ? n.length === 1 ? /* @__PURE__ */ K(i, {
 					tag: "span",
 					weight: "semibold",
 					className: "truncate",
-					children: h(i[0])
-				}) : /* @__PURE__ */ G(r, {
+					children: v(n[0])
+				}) : /* @__PURE__ */ K(i, {
 					tag: "span",
 					weight: "semibold",
-					children: Y(s.selected, {
-						count: i.length,
-						filterLabel: (i.length > 1 ? e.pluralLabel : e.label) ?? e.label
+					children: Y(u.selected, {
+						count: n.length,
+						filterLabel: (n.length > 1 ? e.pluralLabel : e.label) ?? e.label
 					})
-				}) : /* @__PURE__ */ G(r, {
+				}) : /* @__PURE__ */ K(i, {
 					tag: "span",
 					type: "secondary",
-					children: e.placeholder ?? s.select
-				}), /* @__PURE__ */ G(ce, { className: "ml-control-gap-small size-icon-sm shrink-0 opacity-50" })]
+					children: e.placeholder ?? u.select
+				}), /* @__PURE__ */ K(he, { className: "ml-control-gap-small size-icon-sm shrink-0 opacity-50" })]
 			}),
-			items: g,
-			onSelect: (e) => m(e.value)
+			items: y,
+			onSelect: (e) => _(e.value)
 		})
 	});
 }
 //#endregion
 //#region src/components/features/filters/facets/async-select-facet.tsx
-function Ct({ filter: e, value: i, onValueChange: a, className: o }) {
-	let { strings: u, cacheAsyncOptions: d, getAsyncOptionLabel: f, reportError: p } = Q(), [m, h] = U(!1), [g, S] = U(""), w = V(() => /* @__PURE__ */ new Map(), [
+function Mt({ filter: e, value: n, onValueChange: a, className: o }) {
+	let { defaultScale: c } = t(), f = O(void 0, c), { strings: p, cacheAsyncOptions: m, getAsyncOptionLabel: h, reportError: g } = Q(), [_, v] = G(!1), [y, T] = G(""), k = U(() => /* @__PURE__ */ new Map(), [
 		e.key,
 		e.asyncConfig?.fetcher,
 		e.asyncConfig?.mapToOption
-	]), { options: T, isLoading: E, isFetching: O, isError: A, refetch: M, isBelowMinQuery: N, minQueryLength: P } = ze(e, g, m, { onError: p });
-	B(() => {
-		if (T.length !== 0) {
-			for (let e of T) w.set(e.value, e);
-			d(e.key, T);
+	]), { options: A, isLoading: j, isFetching: M, isError: P, refetch: I, isBelowMinQuery: te, minQueryLength: L } = qe(e, y, _, { onError: g });
+	H(() => {
+		if (A.length !== 0) {
+			for (let e of A) k.set(e.value, e);
+			m(e.key, A);
 		}
 	}, [
-		d,
+		m,
 		e.key,
-		w,
-		T
+		k,
+		A
 	]);
-	let F = e.multiple !== !1, I = e.maxSelected, L = V(() => e.options ?? [], [e.options]), R = V(() => {
-		let t = new Set(i), n = new Set([...L, ...T].map((e) => e.value)), r = [];
-		for (let t of i) if (!n.has(t)) {
-			let n = w.get(t);
-			if (n) r.push(n);
+	let ne = e.multiple !== !1, R = e.maxSelected, z = U(() => e.options ?? [], [e.options]), re = U(() => {
+		let t = new Set(n), r = new Set([...z, ...A].map((e) => e.value)), i = [];
+		for (let t of n) if (!r.has(t)) {
+			let n = k.get(t);
+			if (n) i.push(n);
 			else {
-				let n = L.find((e) => e.value === t);
+				let n = z.find((e) => e.value === t);
 				if (n) {
-					r.push(n);
+					i.push(n);
 					continue;
 				}
-				let i = f(e.key, t);
-				i && r.push({
+				let r = h(e.key, t);
+				r && i.push({
 					value: t,
-					label: i,
+					label: r,
 					icon: e.icon
 				});
 			}
 		}
 		return [
-			...r,
-			...L,
-			...T
+			...i,
+			...z,
+			...A
 		].sort((e, n) => +!t.has(e.value) - !t.has(n.value));
 	}, [
-		L,
-		T,
-		i,
+		z,
+		A,
+		n,
 		e.key,
 		e.icon,
-		w,
-		f
-	]), ee = (t) => {
-		if (F) {
-			if (i.includes(t)) a(i.filter((e) => e !== t));
+		k,
+		h
+	]), ie = (t) => {
+		if (ne) {
+			if (n.includes(t)) a(n.filter((e) => e !== t));
 			else {
-				if (I && i.length >= I) return;
-				a([...i, t]);
+				if (R && n.length >= R) return;
+				a([...n, t]);
 			}
-		} else a([t]), e.closeOnSelect !== !1 && h(!1);
-	}, te = (t) => {
-		let n = T.find((e) => e.value === t);
+		} else a([t]), e.closeOnSelect !== !1 && v(!1);
+	}, ae = (t) => {
+		let n = A.find((e) => e.value === t);
 		if (n) return n.label;
-		let r = L.find((e) => e.value === t);
+		let r = z.find((e) => e.value === t);
 		if (r) return r.label;
-		let i = w.get(t);
-		return i ? i.label : f(e.key, t) ?? t;
-	}, z = i.length > 0, ne = V(() => E || O ? /* @__PURE__ */ G(c, {
+		let i = k.get(t);
+		return i ? i.label : h(e.key, t) ?? t;
+	}, oe = n.length > 0, B = U(() => j || M ? /* @__PURE__ */ K(u, {
 		className: "async-select-facet--component",
-		label: u.searching
-	}) : A ? /* @__PURE__ */ G(l, {
+		label: p.searching
+	}) : P ? /* @__PURE__ */ K(d, {
 		variant: "inline",
-		title: u.fetchError,
-		action: /* @__PURE__ */ G(n, {
+		title: p.fetchError,
+		action: /* @__PURE__ */ K(s, {
 			tone: "secondary",
 			buttonStyle: "outline",
 			size: "sm",
 			onClick: (e) => {
-				e.stopPropagation(), M();
+				e.stopPropagation(), I();
 			},
-			children: u.retryFetch
+			children: p.retryFetch
 		})
-	}) : N ? /* @__PURE__ */ G("div", {
+	}) : te ? /* @__PURE__ */ K("div", {
 		className: "text-muted-foreground flex items-center justify-center py-space-xl",
-		children: /* @__PURE__ */ G(r, {
+		children: /* @__PURE__ */ K(i, {
 			tag: "span",
 			size: "xs",
 			type: "secondary",
-			children: Y(u.minQueryHint, { min: P })
+			children: Y(p.minQueryHint, { min: L })
 		})
-	}) : /* @__PURE__ */ G(r, {
+	}) : /* @__PURE__ */ K(i, {
 		tag: "span",
 		type: "secondary",
-		children: u.noOptionsFound
+		children: p.noOptionsFound
 	}), [
-		E,
-		O,
-		A,
-		N,
+		j,
+		M,
 		P,
-		u,
-		M
+		te,
+		L,
+		p,
+		I
 	]);
-	return /* @__PURE__ */ G("div", {
-		className: t("async-select-facet--component relative", o),
-		children: /* @__PURE__ */ K(k, {
-			open: m,
+	return /* @__PURE__ */ K("div", {
+		className: r("async-select-facet--component relative", o),
+		children: /* @__PURE__ */ q(F, {
+			open: _,
 			onOpenChange: (e) => {
-				h(e), e || S("");
+				v(e), e || T("");
 			},
-			children: [/* @__PURE__ */ G(D, { render: /* @__PURE__ */ K(n, {
+			children: [/* @__PURE__ */ K(N, { render: /* @__PURE__ */ q(s, {
 				tone: "secondary",
 				buttonStyle: "outline",
-				size: "md",
+				size: f,
 				role: "combobox",
-				"aria-expanded": m,
-				className: "w-full justify-between",
-				children: [z ? i.length === 1 ? /* @__PURE__ */ G(r, {
+				"aria-expanded": _,
+				className: D(f),
+				children: [oe ? n.length === 1 ? /* @__PURE__ */ K(i, {
 					tag: "span",
 					weight: "semibold",
 					className: "truncate",
-					children: te(i[0])
-				}) : /* @__PURE__ */ G(r, {
+					children: ae(n[0])
+				}) : /* @__PURE__ */ K(i, {
 					tag: "span",
 					weight: "semibold",
-					children: Y(u.selected, {
-						count: i.length,
-						filterLabel: (i.length > 1 ? e.pluralLabel : e.label) ?? e.label
+					children: Y(p.selected, {
+						count: n.length,
+						filterLabel: (n.length > 1 ? e.pluralLabel : e.label) ?? e.label
 					})
-				}) : /* @__PURE__ */ G(r, {
+				}) : /* @__PURE__ */ K(i, {
 					tag: "span",
 					type: "secondary",
-					children: e.placeholder ?? u.select
-				}), /* @__PURE__ */ G(ce, { className: "ml-control-gap-small size-icon-sm shrink-0 opacity-50" })]
-			}) }), /* @__PURE__ */ G(j, {
+					children: e.placeholder ?? p.select
+				}), /* @__PURE__ */ K(he, { className: "ml-control-gap-small size-icon-sm shrink-0 opacity-50" })]
+			}) }), /* @__PURE__ */ K(ee, {
 				type: "menu",
 				inset: "flush",
 				className: "w-full min-w-70 gap-0",
-				children: /* @__PURE__ */ K(C, {
+				children: /* @__PURE__ */ q(E, {
 					shouldFilter: !1,
 					inset: "flush",
 					className: "rounded-none",
-					children: [/* @__PURE__ */ G(v, {
-						placeholder: Y(u.searchPlaceholder, { filterLabel: e.label }),
-						value: g,
-						onValueChange: S
-					}), /* @__PURE__ */ G(b, { children: R.length === 0 ? /* @__PURE__ */ G(y, { children: ne }) : /* @__PURE__ */ K(x, { children: [!(!O || E) && /* @__PURE__ */ K(s, {
+					children: [/* @__PURE__ */ K(x, {
+						placeholder: Y(p.searchPlaceholder, { filterLabel: e.label }),
+						value: y,
+						onValueChange: T
+					}), /* @__PURE__ */ K(C, { children: re.length === 0 ? /* @__PURE__ */ K(S, { children: B }) : /* @__PURE__ */ q(w, { children: [!(!M || j) && /* @__PURE__ */ q(l, {
 						direction: "horizontal",
 						gap: "sm",
 						wrap: !1,
 						className: "px-control-sm py-space-xs",
-						children: [/* @__PURE__ */ G(ue, { className: "text-muted-foreground size-icon-sm animate-spin" }), /* @__PURE__ */ G(r, {
+						children: [/* @__PURE__ */ K(_e, { className: "text-muted-foreground size-icon-sm animate-spin" }), /* @__PURE__ */ K(i, {
 							tag: "span",
 							size: "xs",
 							type: "secondary",
-							children: u.searching
+							children: p.searching
 						})]
-					}), R.map((e) => /* @__PURE__ */ K(_, {
+					}), re.map((e) => /* @__PURE__ */ q(b, {
 						value: e.value,
-						onSelect: () => ee(e.value),
-						disabled: e.disabled || !!I && i.length >= I && !i.includes(e.value),
+						onSelect: () => ie(e.value),
+						disabled: e.disabled || !!R && n.length >= R && !n.includes(e.value),
 						children: [
-							/* @__PURE__ */ G(ae, { className: t("mr-control-gap size-icon-sm", i.includes(e.value) ? "opacity-100" : "opacity-0") }),
-							!!e.icon && /* @__PURE__ */ G("span", {
+							/* @__PURE__ */ K(pe, { className: r("mr-control-gap size-icon-sm", n.includes(e.value) ? "opacity-100" : "opacity-0") }),
+							!!e.icon && /* @__PURE__ */ K("span", {
 								className: "mr-1.5",
 								children: e.icon
 							}),
-							/* @__PURE__ */ G(r, {
+							/* @__PURE__ */ K(i, {
 								tag: "span",
 								children: e.label
 							})
@@ -2129,48 +2124,48 @@ function Ct({ filter: e, value: i, onValueChange: a, className: o }) {
 }
 //#endregion
 //#region src/components/features/filters/facets/range-facet.tsx
-function wt({ filter: e, value: n, onValueChange: r, className: a }) {
-	let { strings: c } = Q(), [l, u] = U(n.min?.toString() ?? ""), [d, f] = U(n.max?.toString() ?? ""), p = re(), m = I((e) => {
-		(e.min !== n.min || e.max !== n.max) && r(e);
+function Nt({ filter: e, value: t, onValueChange: n, className: i }) {
+	let { strings: o } = Q(), [s, u] = G(t.min?.toString() ?? ""), [d, f] = G(t.max?.toString() ?? ""), p = ue(), m = z((e) => {
+		(e.min !== t.min || e.max !== t.max) && n(e);
 	}, e.delay ?? 300);
-	return B(() => (m({
-		min: l ? Number(l) : void 0,
+	return H(() => (m({
+		min: s ? Number(s) : void 0,
 		max: d ? Number(d) : void 0
 	}), m.cancel), [
-		l,
+		s,
 		d,
 		m
-	]), /* @__PURE__ */ G(s, {
+	]), /* @__PURE__ */ K(l, {
 		gap: "md",
-		className: t("range-facet--component", a),
-		children: /* @__PURE__ */ K(o, {
+		className: r("range-facet--component", i),
+		children: /* @__PURE__ */ q(c, {
 			columns: {
 				base: 1,
 				sm: 2
 			},
 			gap: "md",
-			children: [/* @__PURE__ */ K(s, {
+			children: [/* @__PURE__ */ q(l, {
 				gap: "xs",
-				children: [/* @__PURE__ */ G(i, {
+				children: [/* @__PURE__ */ K(a, {
 					htmlFor: `${p}-min`,
-					children: c.min
-				}), /* @__PURE__ */ G(w, {
+					children: o.min
+				}), /* @__PURE__ */ K(A, {
 					id: `${p}-min`,
 					type: "text",
-					value: l,
+					value: s,
 					onChange: (e) => {
 						let t = e.target.value;
 						(t === "" || /^\d*\.?\d*$/.test(t)) && u(t);
 					},
-					placeholder: c.min,
+					placeholder: o.min,
 					className: "w-full"
 				})]
-			}), /* @__PURE__ */ K(s, {
+			}), /* @__PURE__ */ q(l, {
 				gap: "xs",
-				children: [/* @__PURE__ */ G(i, {
+				children: [/* @__PURE__ */ K(a, {
 					htmlFor: `${p}-max`,
-					children: c.max
-				}), /* @__PURE__ */ G(w, {
+					children: o.max
+				}), /* @__PURE__ */ K(A, {
 					id: `${p}-max`,
 					type: "text",
 					value: d,
@@ -2178,7 +2173,7 @@ function wt({ filter: e, value: n, onValueChange: r, className: a }) {
 						let t = e.target.value;
 						(t === "" || /^\d*\.?\d*$/.test(t)) && f(t);
 					},
-					placeholder: c.max,
+					placeholder: o.max,
 					className: "w-full"
 				})]
 			})]
@@ -2187,17 +2182,17 @@ function wt({ filter: e, value: n, onValueChange: r, className: a }) {
 }
 //#endregion
 //#region src/components/features/filters/validators.ts
-function Tt(e) {
+function Pt(e) {
 	return (t) => {
 		if (t == null || typeof t == "string" && t.length === 0) return !0;
 		let n = e.safeParse(t);
 		return n.success ? !0 : n.error?.issues?.[0]?.message ?? n.error?.message ?? !1;
 	};
 }
-function Et(e, t) {
+function Ft(e, t) {
 	return (n) => e(n) ? !0 : t;
 }
 //#endregion
-export { Ce as A, Oe as C, xe as D, Se as E, _e as F, me as I, he as L, ve as M, Z as N, we as O, X as P, Y as R, ke as S, Q as T, $ as _, St as a, Le as b, bt as c, nt as d, et as f, Ye as g, Ze as h, Ct as i, ye as j, be as k, ot as l, Qe as m, Tt as n, xt as o, $e as p, wt as r, yt as s, Et as t, rt as u, He as v, De as w, Ae as x, ze as y };
+export { je as A, Ie as C, ke as D, Ae as E, Te as F, Ce as I, we as L, Ee as M, Z as N, Me as O, X as P, Y as R, Le as S, Q as T, $ as _, jt as a, Ge as b, kt as c, dt as d, ct as f, rt as g, at as h, Mt as i, De as j, Oe as k, ht as l, ot as m, Pt as n, At as o, st as p, Nt as r, Ot as s, Ft as t, ft as u, Xe as v, Fe as w, Re as x, qe as y };
 
-//# sourceMappingURL=filters-BhsUtsxW.js.map
+//# sourceMappingURL=filters-D6FF8L6s.js.map