admin-ui-starter-kit 0.5.0 → 0.6.2

package/dist/components/features/filters/index.js

@@ -1,22 +1,21 @@
 import { useStrings as e } from "../../../lib/strings.js";
-import { o as t } from "../../../_shared/ui-provider-C8Ot88lS.js";
+import { a as t } from "../../../_shared/ui-provider-Dj6OSOZi.js";
 import { cn as n } from "../../../lib/utils.js";
-import { t as r } from "../../../_shared/button-BGKY8UY0.js";
-import { n as i } from "../../../_shared/heading-HeP06nXG.js";
-import { a } from "../../../_shared/typography-CdxyWB1T.js";
-import { t as o } from "../../../_shared/badge-A8wQRShC.js";
-import { t as s } from "../../../_shared/input-C7t-RHYq.js";
-import { t as c } from "../../../_shared/date-picker-Dl91BM3D.js";
-import { n as l, r as u, s as d, t as f } from "../../../_shared/popover-L37RqoRO.js";
+import { t as r } from "../../../_shared/button-DHksjMvc.js";
+import { a as i, s as a } from "../../../_shared/typography-DE0NGEIE.js";
+import { t as o } from "../../../_shared/badge-a2Z3K5aQ.js";
+import { t as s } from "../../../_shared/input-CfnHBT--.js";
+import { t as c } from "../../../_shared/date-picker-DFkLiveH.js";
+import { n as l, r as u, s as d, t as f } from "../../../_shared/popover-xVENY0Ax.js";
 import { i as p, s as m } from "../../../_shared/command-CAI-BCSR.js";
-import { a as h, i as g, n as _, r as v, t as y } from "../../../_shared/command-DwRnPIGs.js";
-import { t as b } from "../../../_shared/popover-menu-bKQatoYF.js";
+import { a as h, i as g, n as _, r as v, t as y } from "../../../_shared/command-ByedBajF.js";
+import { t as b } from "../../../_shared/popover-menu-qxBZlTck.js";
 import x, { Component as S, createContext as C, useCallback as w, useContext as T, useEffect as E, useId as D, useMemo as O, useRef as k, useState as A } from "react";
 import { format as j, isValid as M, parse as N } from "date-fns";
 import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
-import { AlertCircle as L, ArrowLeft as R, CalendarIcon as z, Check as ee, ChevronDown as B, ChevronsUpDown as V, Filter as H, Loader2 as U, Plus as te, X as W } from "lucide-react";
+import { AlertCircle as L, ArrowLeft as R, CalendarIcon as z, Check as ee, ChevronDown as B, ChevronsUpDown as te, Filter as V, Loader2 as H, Plus as ne, X as U } from "lucide-react";
 //#region src/components/features/filters/filters.strings.ts
-var ne = {
+var re = {
 	loading: "Loading",
 	loadingOptions: "Loading {filterLabel} options...",
 	addFilter: "Add filter",
@@ -95,20 +94,20 @@ var ne = {
 		invalidFormat: "Invalid format"
 	}
 };
-function G(e, t) {
+function W(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 re(e, t, n) {
+function ie(e, t, n) {
 	let r = t.split("."), i = e;
 	for (let e of r) {
 		if (typeof i != "object" || !i) return t;
 		i = i[e];
 	}
-	return typeof i == "string" ? n ? G(i, n) : i : t;
+	return typeof i == "string" ? n ? W(i, n) : i : t;
 }
 //#endregion
 //#region src/components/features/filters/filters.types.ts
-var K = {
+var G = "h-control", K = {
 	SELECT: "select",
 	MULTI_SELECT: "multi_select",
 	ASYNC_SELECT: "async_select",
@@ -135,7 +134,7 @@ var K = {
 };
 //#endregion
 //#region src/components/features/filters/operator-options.ts
-function ie(e) {
+function ae(e) {
 	return [
 		{
 			label: e.contains,
@@ -151,7 +150,7 @@ function ie(e) {
 		}
 	];
 }
-function ae(e) {
+function oe(e) {
 	return [{
 		label: e.is,
 		value: q.EQUALS
@@ -160,7 +159,7 @@ function ae(e) {
 		value: q.NOT
 	}];
 }
-function oe(e) {
+function se(e) {
 	return [
 		{
 			label: e.equals,
@@ -176,7 +175,7 @@ function oe(e) {
 		}
 	];
 }
-function se(e) {
+function ce(e) {
 	return [
 		{
 			label: e.before,
@@ -192,15 +191,15 @@ function se(e) {
 		}
 	];
 }
-function ce(e) {
+function le(e) {
 	return [{
 		label: e.equals,
 		value: q.EQUALS
 	}];
 }
-function le(e, t) {
+function ue(e, t) {
 	switch (e) {
-		case K.SEARCH: return ie(t);
+		case K.SEARCH: return ae(t);
 		case K.TAGS: return [
 			{
 				label: t.has,
@@ -216,10 +215,10 @@ function le(e, t) {
 			}
 		];
 		case K.SELECT:
-		case K.ASYNC_SELECT: return ae(t);
-		case K.RANGE: return oe(t);
-		case K.DATE: return se(t);
-		default: return ie(t);
+		case K.ASYNC_SELECT: return oe(t);
+		case K.RANGE: return se(t);
+		case K.DATE: return ce(t);
+		default: return ae(t);
 	}
 }
 function J(e) {
@@ -235,7 +234,7 @@ function J(e) {
 }
 //#endregion
 //#region src/components/features/filters/utils/filter-utils.ts
-function ue(e, t, n) {
+function de(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") {
@@ -251,11 +250,11 @@ function ue(e, t, n) {
 }
 //#endregion
 //#region src/components/features/filters/filter-context.tsx
-var de = C(void 0), Y = /* @__PURE__ */ new Map();
-function fe({ children: t, filters: n, activeFilters: r, onFilterChange: i, isNavigating: a = !1, strings: o, locale: s, onError: c }) {
+var fe = C(void 0), Y = /* @__PURE__ */ new Map();
+function pe({ children: t, filters: n, activeFilters: r, onFilterChange: i, isNavigating: a = !1, strings: o, locale: s, onError: c }) {
 	let l = k(n), u = k(r), d = k(i), f = k(c);
 	f.current = c;
-	let [, p] = A(0), m = s || "en", h = e(ne, o);
+	let [, p] = A(0), m = s || "en", h = e(re, o);
 	E(() => {
 		l.current = n;
 	}, [n]), E(() => {
@@ -301,7 +300,7 @@ function fe({ children: t, filters: n, activeFilters: r, onFilterChange: i, isNa
 		r.find((t) => t.key === e) && v(e, { operator: t });
 	}, [r, v]), M = w((e, t) => {
 		let n = l.current.find((t) => t.key === e);
-		return n ? ue(n, t, (e) => re(h, e)) : !1;
+		return n ? de(n, t, (e) => ie(h, e)) : !1;
 	}, [h]), N = w((e) => l.current.filter((t) => t.dependencies?.some((t) => t.key === e)), []), P = w(async (e) => {
 		let t = l.current.find((t) => t.key === e);
 		if (!t) return [];
@@ -327,7 +326,9 @@ function fe({ children: t, filters: n, activeFilters: r, onFilterChange: i, isNa
 		let r = !1;
 		for (let e of t) n.has(e.value) || (r = !0), n.set(e.value, e);
 		r && p((e) => e + 1);
-	}, []), L = w((e, t) => Y.get(e)?.get(t)?.label, []);
+	}, []), L = w((e, t) => Y.get(e)?.get(t)?.label, []), R = w((e, t) => {
+		f.current?.(e, t);
+	}, []);
 	E(() => {
 		let e = new AbortController();
 		for (let t of n) {
@@ -349,7 +350,7 @@ function fe({ children: t, filters: n, activeFilters: r, onFilterChange: i, isNa
 		}
 		return () => e.abort();
 	}, []);
-	let R = O(() => ({
+	let z = O(() => ({
 		activeFilters: r,
 		filters: n,
 		addFilter: g,
@@ -370,7 +371,8 @@ function fe({ children: t, filters: n, activeFilters: r, onFilterChange: i, isNa
 		locale: m,
 		strings: h,
 		cacheAsyncOptions: I,
-		getAsyncOptionLabel: L
+		getAsyncOptionLabel: L,
+		reportError: R
 	}), [
 		r,
 		n,
@@ -392,21 +394,22 @@ function fe({ children: t, filters: n, activeFilters: r, onFilterChange: i, isNa
 		m,
 		h,
 		I,
-		L
+		L,
+		R
 	]);
-	return /* @__PURE__ */ F(de.Provider, {
-		value: R,
+	return /* @__PURE__ */ F(fe.Provider, {
+		value: z,
 		children: t
 	});
 }
 function X() {
-	let e = T(de);
+	let e = T(fe);
 	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 pe(e = {}) {
+function me(e = {}) {
 	let { dynamicFilterOptions: t } = e, { filters: n, isFilterActive: r } = X(), i = O(() => t ? n.map((e) => {
 		let n = t[e.key];
 		return Array.isArray(n) ? {
@@ -429,7 +432,7 @@ function pe(e = {}) {
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-operator-select.tsx
-function me({ operator: e, operators: t, onOperatorChange: a, segmentResetClass: o }) {
+function he({ operator: e, operators: t, onOperatorChange: i, segmentResetClass: o }) {
 	let [s, c] = A(!1), { strings: l } = X(), u = t.find((t) => t.value === e)?.label || e;
 	return /* @__PURE__ */ F(b, {
 		open: s,
@@ -438,14 +441,14 @@ function me({ operator: e, operators: t, onOperatorChange: a, segmentResetClass:
 		trigger: /* @__PURE__ */ F(r, {
 			variant: "secondary",
 			buttonStyle: "ghost",
-			className: n(o, "text-muted-foreground hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground h-full px-3 text-xs"),
+			className: n(o, "h-full px-control text-xs 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: u
 		}),
-		header: /* @__PURE__ */ F(i, {
+		header: /* @__PURE__ */ F(a, {
 			tag: "span",
 			size: "xs",
 			weight: "semibold",
@@ -458,24 +461,24 @@ function me({ operator: e, operators: t, onOperatorChange: a, segmentResetClass:
 			selected: t.value === e
 		})),
 		onSelect: (e) => {
-			a(e.value), c(!1);
+			i(e.value), c(!1);
 		}
 	});
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-value-display.tsx
-function he({ filter: e, value: t }) {
+function ge({ filter: e, value: t }) {
 	let { strings: n } = X();
-	return t.length === 0 && e.type !== K.DATE ? /* @__PURE__ */ F(i, {
+	return t.length === 0 && e.type !== K.DATE ? /* @__PURE__ */ F(a, {
 		tag: "span",
 		size: "xs",
 		type: "secondary",
 		children: n.nothingSelected
-	}) : e.type === K.ASYNC_SELECT && !e.options?.length ? /* @__PURE__ */ F(i, {
+	}) : e.type === K.ASYNC_SELECT && !e.options?.length ? /* @__PURE__ */ F(a, {
 		tag: "span",
 		size: "xs",
 		weight: "semibold",
-		children: _e(e, t, n)
+		children: ve(e, t, n)
 	}) : e.options && e.type !== K.DATE ? /* @__PURE__ */ I("div", {
 		className: "flex items-center gap-1",
 		children: [/* @__PURE__ */ I("div", {
@@ -488,41 +491,41 @@ function he({ filter: e, value: t }) {
 					children: r.icon
 				}, t) : null;
 			}), t.length > 2 && /* @__PURE__ */ I("div", {
-				className: "bg-muted border-background relative -ml-1.5 flex h-4 w-4 items-center justify-center rounded-full border text-xxs font-medium",
+				className: "bg-muted border-background relative -ml-space-sm flex size-icon items-center justify-center rounded-full border text-xxs font-medium",
 				children: ["+", t.length - 2]
 			})]
-		}), /* @__PURE__ */ F(i, {
+		}), /* @__PURE__ */ F(a, {
 			tag: "span",
 			size: "xs",
 			weight: "semibold",
-			children: ve(e, t, n)
+			children: ye(e, t, n)
 		})]
 	}) : e.type === K.DATE ? /* @__PURE__ */ I("div", {
 		className: "flex items-center gap-1",
-		children: [/* @__PURE__ */ F(z, { className: "text-muted-foreground h-3.5 w-3.5" }), /* @__PURE__ */ F(i, {
+		children: [/* @__PURE__ */ F(z, { className: "text-muted-foreground size-icon-sm" }), /* @__PURE__ */ F(a, {
 			tag: "span",
 			size: "xs",
 			weight: "semibold",
-			children: ge(e, t, n)
+			children: _e(e, t, n)
 		})]
-	}) : /* @__PURE__ */ F(i, {
+	}) : /* @__PURE__ */ F(a, {
 		tag: "span",
 		size: "xs",
 		weight: "semibold",
-		children: ve(e, t, n)
+		children: ye(e, t, n)
 	});
 }
-function ge(e, t, n) {
+function _e(e, t, n) {
 	return e.operator === "between" && t.length === 2 ? `${Z(t[0], e.dateFormat?.display)} - ${Z(t[1], e.dateFormat?.display)}` : t.length === 1 ? Z(t[0], e.dateFormat?.display) : t.length === 2 ? `${Z(t[0], e.dateFormat?.display)} - ${Z(t[1], e.dateFormat?.display)}` : e.datePickerConfig?.noDatePlaceholder || n.calendar.notDateSelected;
 }
-function _e(e, t, n) {
-	return t.length === 0 ? "" : G(n.selected, {
+function ve(e, t, n) {
+	return t.length === 0 ? "" : W(n.selected, {
 		count: t.length,
 		filterLabel: (t.length > 1 ? e.pluralLabel : e.label) ?? e.label
 	});
 }
-function ve(e, t, n) {
-	return t.length > 1 ? G(n.selected, {
+function ye(e, t, n) {
+	return t.length > 1 ? W(n.selected, {
 		count: t.length,
 		filterLabel: e.pluralLabel ?? e.label
 	}) : t.map((t) => e.options?.find((e) => e.value === t)?.label || t).join(", ");
@@ -537,7 +540,7 @@ function Z(e, t) {
 }
 //#endregion
 //#region src/components/features/filters/partials/active-filter-item.tsx
-function ye({ filter: e, value: t, isActive: a, operators: o, operator: s, onOperatorChange: c, onFilterClear: l, onFilterClick: u }) {
+function be({ filter: e, value: t, isActive: i, operators: o, operator: s, onOperatorChange: c, onFilterClear: l, onFilterClick: u }) {
 	let { strings: d } = X(), f = (e) => {
 		(e.currentTarget === e.target || e.target.tagName !== "BUTTON") && u();
 	}, p = "!border-0 !rounded-none !shadow-none focus-visible:!ring-0 focus-visible:!border-transparent", m = () => /* @__PURE__ */ F("div", {
@@ -547,30 +550,31 @@ function ye({ filter: e, value: t, isActive: a, operators: o, operator: s, onOpe
 	return /* @__PURE__ */ I("div", {
 		role: "group",
 		"aria-label": e.label,
-		className: n("border-input bg-background flex h-9 items-center overflow-hidden rounded-md border", e.displayConfig?.className, a && "active"),
+		className: n(`border-input bg-background flex ${G} items-center overflow-hidden rounded-md border`, e.displayConfig?.className, i && "active"),
 		children: [
 			/* @__PURE__ */ I(r, {
 				type: "button",
 				variant: "secondary",
 				buttonStyle: "ghost",
-				className: n(p, "flex h-full items-center px-3 hover:bg-accent hover:text-accent-foreground"),
+				className: n(p, "flex h-full items-center gap-space-sm px-control hover:bg-accent hover:text-accent-foreground"),
 				onClick: f,
 				children: [
 					!!e.icon && /* @__PURE__ */ F("span", {
-						className: "text-muted-foreground mr-1",
+						className: "text-muted-foreground",
 						children: e.icon
 					}),
-					/* @__PURE__ */ F(i, {
+					/* @__PURE__ */ F(a, {
 						tag: "span",
 						size: "xs",
 						weight: "semibold",
+						className: "text-xs",
 						children: e.label
 					}),
-					/* @__PURE__ */ F(B, { className: "ml-1 h-4 w-4" })
+					/* @__PURE__ */ F(B, { className: "size-icon-sm" })
 				]
 			}),
 			/* @__PURE__ */ F(m, {}),
-			/* @__PURE__ */ F(me, {
+			/* @__PURE__ */ F(he, {
 				operator: s,
 				operators: o,
 				onOperatorChange: c,
@@ -578,31 +582,34 @@ function ye({ filter: e, value: t, isActive: a, operators: o, operator: s, onOpe
 			}),
 			/* @__PURE__ */ F(m, {}),
 			/* @__PURE__ */ F("div", {
-				className: "pointer-events-none flex flex-1 items-center px-2",
-				children: /* @__PURE__ */ F(he, {
+				className: "pointer-events-none flex flex-1 items-center px-control-sm",
+				children: /* @__PURE__ */ F(ge, {
 					filter: e,
 					value: t
 				})
 			}),
-			/* @__PURE__ */ F(m, {}),
-			/* @__PURE__ */ I(r, {
+			!!i && /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(m, {}), /* @__PURE__ */ I(r, {
+				type: "button",
 				variant: "secondary",
 				buttonStyle: "ghost",
-				className: n(p, "h-full w-8 px-0 rounded-r-md"),
+				className: n(p, "flex h-full shrink-0 items-center justify-center rounded-r-md px-space-sm text-muted-foreground hover:bg-accent hover:text-foreground"),
 				onClick: (e) => {
 					e.stopPropagation(), e.preventDefault(), l();
 				},
-				children: [/* @__PURE__ */ F(W, { className: "h-4 w-4" }), /* @__PURE__ */ F("span", {
+				children: [/* @__PURE__ */ F(U, {
+					"aria-hidden": "true",
+					className: "size-icon"
+				}), /* @__PURE__ */ F("span", {
 					className: "sr-only",
 					children: d.clear
 				})]
-			})
+			})] })
 		]
 	});
 }
 //#endregion
 //#region src/hooks/use-debounce.ts
-function be(e, t = 500) {
+function xe(e, t = 500) {
 	let [n, r] = A(e);
 	return E(() => {
 		let n = setTimeout(() => {
@@ -615,19 +622,19 @@ function be(e, t = 500) {
 }
 //#endregion
 //#region src/components/features/filters/hooks/use-async-options.ts
-var xe = /* @__PURE__ */ new Map();
-function Se(e, t) {
-	let n = xe.get(e);
+var Se = /* @__PURE__ */ new Map();
+function Ce(e, t) {
+	let n = Se.get(e);
 	if (n) {
 		if (Date.now() - n.timestamp > t) {
-			xe.delete(e);
+			Se.delete(e);
 			return;
 		}
 		return n;
 	}
 }
-function Ce(e, n, r) {
-	let { asyncConfig: i, fetchOptions: a } = e, { debounceMs: o, defaultPageSize: s } = t(), c = (be(n, i?.debounceMs ?? e.delay ?? o ?? 300) ?? "").trim(), l = i?.limit ?? s ?? 10, u = i?.minQueryLength ?? 0, d = i?.preload ?? !0, f = i?.staleTime ?? 6e4, p = i?.gcTime ?? 3e5, m = c.length === 0 && d, h = c.length >= u, g = r && (m || c.length > 0 && h), _ = r && !m && c.length > 0 && c.length < u, v = O(() => i?.queryKey ? JSON.stringify(i.queryKey({
+function we(e, n, r) {
+	let { asyncConfig: i, fetchOptions: a } = e, { debounceMs: o, defaultPageSize: s } = t(), c = (xe(n, i?.debounceMs ?? e.delay ?? o ?? 300) ?? "").trim(), l = i?.limit ?? s ?? 10, u = i?.minQueryLength ?? 0, d = i?.preload ?? !0, f = i?.staleTime ?? 6e4, p = i?.gcTime ?? 3e5, m = c.length === 0 && d, h = c.length >= u, g = r && (m || c.length > 0 && h), _ = r && !m && c.length > 0 && c.length < u, v = O(() => i?.queryKey ? JSON.stringify(i.queryKey({
 		query: c,
 		limit: l
 	})) : JSON.stringify([
@@ -650,14 +657,14 @@ function Ce(e, n, r) {
 		c,
 		l
 	]), [b, x] = A(() => ({
-		data: Se(v, p)?.data ?? [],
+		data: Ce(v, p)?.data ?? [],
 		loading: !1,
 		fetching: !1,
 		error: !1
 	})), [S, C] = A(0), T = w(() => C((e) => e + 1), []);
 	return E(() => {
 		if (!g) return;
-		let e = Se(v, p), t = e !== void 0 && Date.now() - e.timestamp < f, n = new AbortController();
+		let e = Ce(v, p), t = e !== void 0 && Date.now() - e.timestamp < f, n = new AbortController();
 		if (t && S === 0) return x({
 			data: e.data,
 			loading: !1,
@@ -672,7 +679,7 @@ function Ce(e, n, r) {
 		}));
 		let r = !1;
 		return y(n.signal).then((e) => {
-			r || (xe.set(v, {
+			r || (Se.set(v, {
 				timestamp: Date.now(),
 				data: e
 			}), x({
@@ -710,10 +717,10 @@ function Ce(e, n, r) {
 }
 //#endregion
 //#region src/components/features/filters/partials/async-filter-content.tsx
-function we({ filter: e, value: t, onFilterChange: n, onBackToFilterList: a, onClose: o, isFromMainFilterButton: s = !1 }) {
+function Te({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onClose: o, isFromMainFilterButton: s = !1 }) {
 	let { strings: c, cacheAsyncOptions: l, getAsyncOptionLabel: u } = X(), [d, f] = A(""), [m, b] = A(t ?? []), x = k(t);
 	t !== x.current && (x.current = t, b(t ?? []));
-	let { options: S, isLoading: C, isFetching: w, isError: T, refetch: D, isBelowMinQuery: j, minQueryLength: M } = Ce(e, d, !0);
+	let { options: S, isLoading: C, isFetching: w, isError: T, refetch: D, isBelowMinQuery: j, minQueryLength: M } = we(e, d, !0);
 	E(() => {
 		S.length > 0 && l(e.key, S);
 	}, [
@@ -721,7 +728,7 @@ function we({ filter: e, value: t, onFilterChange: n, onBackToFilterList: a, onC
 		e.key,
 		S
 	]);
-	let N = e.multiple !== !1, z = e.maxSelected, B = !!s, V = O(() => {
+	let N = e.multiple !== !1, z = e.maxSelected, B = !!s, te = O(() => {
 		let t = new Set(m), n = new Set(S.map((e) => e.value)), r = [];
 		for (let t of m) if (!n.has(t)) {
 			let n = u(e.key, t);
@@ -738,18 +745,18 @@ function we({ filter: e, value: t, onFilterChange: n, onBackToFilterList: a, onC
 		e.key,
 		e.icon,
 		u
-	]), H = (t) => {
+	]), V = (t) => {
 		if (N) if (m.includes(t)) b(m.filter((e) => e !== t));
 		else {
 			if (z && m.length >= z) return;
 			b([...m, t]);
 		}
 		else b([t]), e.closeOnSelect === !0 && (n([t]), o());
-	}, te = () => {
+	}, ne = () => {
 		n(m), o();
-	}, W = O(() => C || w ? /* @__PURE__ */ I("div", {
+	}, U = O(() => C || w ? /* @__PURE__ */ I("div", {
 		className: "flex items-center justify-center gap-2 py-4",
-		children: [/* @__PURE__ */ F(U, { className: "text-muted-foreground size-4 animate-spin" }), /* @__PURE__ */ F(i, {
+		children: [/* @__PURE__ */ F(H, { className: "text-muted-foreground size-4 animate-spin" }), /* @__PURE__ */ F(a, {
 			tag: "span",
 			size: "xs",
 			type: "secondary",
@@ -759,7 +766,7 @@ function we({ filter: e, value: t, onFilterChange: n, onBackToFilterList: a, onC
 		className: "flex flex-col items-center gap-2 py-4",
 		children: [/* @__PURE__ */ I("div", {
 			className: "flex items-center gap-1.5",
-			children: [/* @__PURE__ */ F(L, { className: "text-destructive size-4" }), /* @__PURE__ */ F(i, {
+			children: [/* @__PURE__ */ F(L, { className: "text-destructive size-4" }), /* @__PURE__ */ F(a, {
 				tag: "span",
 				size: "xs",
 				type: "secondary",
@@ -768,7 +775,7 @@ function we({ filter: e, value: t, onFilterChange: n, onBackToFilterList: a, onC
 		}), /* @__PURE__ */ F(r, {
 			variant: "secondary",
 			buttonStyle: "outline",
-			size: "xs",
+			size: "small",
 			onClick: (e) => {
 				e.stopPropagation(), D();
 			},
@@ -776,11 +783,11 @@ function we({ filter: e, value: t, onFilterChange: n, onBackToFilterList: a, onC
 		})]
 	}) : j ? /* @__PURE__ */ F("div", {
 		className: "text-muted-foreground flex items-center justify-center py-4",
-		children: /* @__PURE__ */ F(i, {
+		children: /* @__PURE__ */ F(a, {
 			tag: "span",
 			size: "xs",
 			type: "secondary",
-			children: G(c.minQueryHint, { min: M })
+			children: W(c.minQueryHint, { min: M })
 		})
 	}) : c.noOptionsFound, [
 		C,
@@ -797,18 +804,19 @@ function we({ filter: e, value: t, onFilterChange: n, onBackToFilterList: a, onC
 			children: [!!B && /* @__PURE__ */ F(r, {
 				variant: "secondary",
 				buttonStyle: "ghost",
-				className: "mr-2 h-8 w-8 p-0",
-				onClick: a,
+				size: "icon-small",
+				className: "mr-control-gap-small p-0",
+				onClick: i,
 				"aria-label": c.backToFilters,
-				children: /* @__PURE__ */ F(R, { className: "h-4 w-4" })
+				children: /* @__PURE__ */ F(R, { className: "size-icon-sm" })
 			}), /* @__PURE__ */ I("div", {
 				className: "flex flex-col",
-				children: [/* @__PURE__ */ F(i, {
+				children: [/* @__PURE__ */ F(a, {
 					tag: "span",
 					size: "xs",
 					weight: "semibold",
 					children: e.label
-				}), /* @__PURE__ */ F(i, {
+				}), /* @__PURE__ */ F(a, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
@@ -819,42 +827,42 @@ function we({ filter: e, value: t, onFilterChange: n, onBackToFilterList: a, onC
 		/* @__PURE__ */ I(y, {
 			shouldFilter: !1,
 			children: [/* @__PURE__ */ F(p, {
-				placeholder: G(c.searchPlaceholder, { filterLabel: e.label.toLowerCase() }),
+				placeholder: W(c.searchPlaceholder, { filterLabel: e.label.toLowerCase() }),
 				value: d,
 				onValueChange: f
-			}), /* @__PURE__ */ F(h, { children: V.length === 0 ? /* @__PURE__ */ F(_, { children: W }) : /* @__PURE__ */ I(v, { children: [!!(w && !C) && /* @__PURE__ */ I("div", {
+			}), /* @__PURE__ */ F(h, { children: te.length === 0 ? /* @__PURE__ */ F(_, { children: U }) : /* @__PURE__ */ I(v, { children: [!!(w && !C) && /* @__PURE__ */ I("div", {
 				className: "flex items-center gap-1.5 px-2 py-1",
-				children: [/* @__PURE__ */ F(U, { className: "text-muted-foreground size-3 animate-spin" }), /* @__PURE__ */ F(i, {
+				children: [/* @__PURE__ */ F(H, { className: "text-muted-foreground size-3 animate-spin" }), /* @__PURE__ */ F(a, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
 					children: c.searching
 				})]
-			}), V.map((e) => /* @__PURE__ */ I(g, {
-				onSelect: () => H(e.value),
+			}), te.map((e) => /* @__PURE__ */ I(g, {
+				onSelect: () => V(e.value),
 				disabled: e.disabled || !!z && m.length >= z && !m.includes(e.value),
 				className: "flex items-center gap-2",
 				children: [
 					e.icon,
-					/* @__PURE__ */ F(i, {
+					/* @__PURE__ */ F(a, {
 						tag: "span",
 						size: "xs",
 						children: e.label
 					}),
 					m.includes(e.value) && /* @__PURE__ */ F("span", {
 						className: "ml-auto",
-						children: /* @__PURE__ */ F(ee, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ F(ee, { className: "size-icon-sm" })
 					})
 				]
 			}, e.value))] }) })]
 		}),
 		/* @__PURE__ */ I("div", {
 			className: "flex justify-between border-t p-2",
-			children: [/* @__PURE__ */ F(i, {
+			children: [/* @__PURE__ */ F(a, {
 				tag: "span",
 				size: "xs",
 				type: "secondary",
-				children: G(c.selected, {
+				children: W(c.selected, {
 					count: m.length,
 					filterLabel: (m.length > 1 ? e.pluralLabel : e.label) ?? e.label
 				})
@@ -863,8 +871,8 @@ function we({ filter: e, value: t, onFilterChange: n, onBackToFilterList: a, onC
 				children: /* @__PURE__ */ F(r, {
 					variant: "secondary",
 					buttonStyle: "outline",
-					size: "xs",
-					onClick: te,
+					size: "small",
+					onClick: ne,
 					children: c.confirm
 				})
 			})]
@@ -873,8 +881,8 @@ function we({ filter: e, value: t, onFilterChange: n, onBackToFilterList: a, onC
 }
 //#endregion
 //#region src/components/features/filters/facets/date-facet.tsx
-var Te = [];
-function Ee({ filter: e, value: t, onChange: r, className: i }) {
+var Ee = [];
+function De({ filter: e, value: t, onChange: r, className: i }) {
 	let { strings: a } = X(), 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", l = e.dateFormat?.display ?? "PPP", u = o ? e.datePickerConfig?.noRangePlaceholder ?? e.placeholder ?? a.calendar.notDateRangeSelected : e.datePickerConfig?.noDatePlaceholder ?? e.placeholder ?? a.calendar.notDateSelected, d = !!e.datePickerConfig?.showConfirmButton, f = e.datePickerConfig?.autoApply ?? !d, p = e.datePickerConfig?.showShortcuts ?? !0, m = o && (t.start || t.end) ? {
 		from: t.start,
 		to: t.end
@@ -897,7 +905,7 @@ function Ee({ filter: e, value: t, onChange: r, className: i }) {
 		},
 		withConfirm: d,
 		closeOnSelect: f,
-		presets: p ? void 0 : Te,
+		presets: p ? void 0 : Ee,
 		...g
 	}) : /* @__PURE__ */ F(c, {
 		mode: "single",
@@ -914,7 +922,7 @@ function Ee({ filter: e, value: t, onChange: r, className: i }) {
 }
 //#endregion
 //#region src/components/features/filters/partials/date-filter-content.tsx
-function De({ filter: e, value: t, onFilterChange: n, onBackToFilterList: a, isFromMainFilterButton: o = !1 }) {
+function Oe({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, isFromMainFilterButton: o = !1 }) {
 	let { strings: s } = X(), c = (t) => {
 		if (!t) return;
 		if (e.dateFormat?.param) {
@@ -940,12 +948,12 @@ function De({ filter: e, value: t, onFilterChange: n, onBackToFilterList: a, isF
 				type: "button",
 				variant: "secondary",
 				buttonStyle: "ghost",
-				size: "icon-xs",
-				onClick: a,
+				size: "icon-small",
+				onClick: i,
 				className: "inline-flex size-6 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground",
 				"aria-label": s.backToFilters,
 				children: /* @__PURE__ */ F(R, { className: "size-3.5" })
-			}), /* @__PURE__ */ F(i, {
+			}), /* @__PURE__ */ F(a, {
 				tag: "span",
 				weight: "semibold",
 				className: "truncate",
@@ -953,7 +961,7 @@ function De({ filter: e, value: t, onFilterChange: n, onBackToFilterList: a, isF
 			})]
 		}), /* @__PURE__ */ F("div", {
 			className: "p-2",
-			children: /* @__PURE__ */ F(Ee, {
+			children: /* @__PURE__ */ F(De, {
 				filter: e,
 				value: m,
 				onChange: f
@@ -963,7 +971,7 @@ function De({ filter: e, value: t, onFilterChange: n, onBackToFilterList: a, isF
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-error-boundary.tsx
-var Oe = class extends S {
+var ke = class extends S {
 	state = {
 		hasError: !1,
 		error: null
@@ -995,7 +1003,7 @@ var Oe = class extends S {
 				children: [
 					/* @__PURE__ */ I("div", {
 						className: "mb-1 flex items-center justify-between",
-						children: [/* @__PURE__ */ F(i, {
+						children: [/* @__PURE__ */ F(a, {
 							tag: "span",
 							weight: "semibold",
 							children: n.title
@@ -1003,18 +1011,18 @@ var Oe = class extends S {
 							type: "button",
 							variant: "error",
 							buttonStyle: "ghost",
-							size: "icon-xs",
+							size: "icon-small",
 							onClick: this.handleReset,
-							className: "size-6 rounded-full p-0",
+							className: "rounded-full p-0",
 							"aria-label": n.reset,
-							children: /* @__PURE__ */ F(W, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ F(U, { className: "size-icon-sm" })
 						})]
 					}),
-					/* @__PURE__ */ F(i, {
+					/* @__PURE__ */ F(a, {
 						size: "xs",
 						children: n.getDescription(t)
 					}),
-					/* @__PURE__ */ F(i, {
+					/* @__PURE__ */ F(a, {
 						size: "xs",
 						type: "error",
 						className: "mt-1 font-mono",
@@ -1030,17 +1038,17 @@ function Q(e) {
 	let { strings: t } = X(), n = O(() => ({
 		title: t.error.title,
 		reset: t.clear,
-		getDescription: (e) => e ? G(t.error.descriptionWithKey, { filterKey: e }) : t.error.generic,
+		getDescription: (e) => e ? W(t.error.descriptionWithKey, { filterKey: e }) : t.error.generic,
 		unknownError: t.error.unknown
 	}), [t]);
-	return /* @__PURE__ */ F(Oe, {
+	return /* @__PURE__ */ F(ke, {
 		...e,
 		labels: n
 	});
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-list-item.tsx
-function ke({ filter: e, onSelect: t }) {
+function Ae({ filter: e, onSelect: t }) {
 	let { strings: n } = X(), r = e.type === K.DATE ? e.operator === "between" ? n?.selectDateRange : n?.selectDate : e.options ? `${e.options.length} ${n?.options ?? ""}`.trim() : null;
 	return /* @__PURE__ */ I(g, {
 		onSelect: t,
@@ -1050,12 +1058,12 @@ function ke({ filter: e, onSelect: t }) {
 			children: e.icon
 		}), /* @__PURE__ */ I("div", {
 			className: "flex min-w-0 flex-col leading-tight",
-			children: [/* @__PURE__ */ F(i, {
+			children: [/* @__PURE__ */ F(a, {
 				tag: "span",
 				weight: "semibold",
 				className: "truncate",
 				children: e.label
-			}), !!r && /* @__PURE__ */ F(i, {
+			}), !!r && /* @__PURE__ */ F(a, {
 				tag: "span",
 				size: "xs",
 				type: "secondary",
@@ -1067,7 +1075,7 @@ function ke({ filter: e, onSelect: t }) {
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-list-content.tsx
-function Ae({ availableFilters: e, activeFilters: t, onFilterSelect: n }) {
+function je({ availableFilters: e, activeFilters: t, onFilterSelect: n }) {
 	let { strings: r } = X(), i = (e) => {
 		n(e);
 	}, a = "[&_[cmdk-group-heading]]:px-3 [&_[cmdk-group-heading]]:pb-1 [&_[cmdk-group-heading]]:pt-2 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:uppercase [&_[cmdk-group-heading]]:tracking-wider [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:font-medium";
@@ -1089,7 +1097,7 @@ function Ae({ availableFilters: e, activeFilters: t, onFilterSelect: n }) {
 				e.length > 0 && /* @__PURE__ */ F(v, {
 					heading: r.availableFilters,
 					className: `p-0 ${a}`,
-					children: e.map((e) => /* @__PURE__ */ F(ke, {
+					children: e.map((e) => /* @__PURE__ */ F(Ae, {
 						filter: e,
 						onSelect: () => i(e)
 					}, e.key))
@@ -1097,7 +1105,7 @@ function Ae({ availableFilters: e, activeFilters: t, onFilterSelect: n }) {
 				t.length > 0 && /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(m, { className: "my-1" }), /* @__PURE__ */ F(v, {
 					heading: r.activeFilters,
 					className: `p-0 ${a}`,
-					children: t.map((e) => /* @__PURE__ */ F(ke, {
+					children: t.map((e) => /* @__PURE__ */ F(Ae, {
 						filter: e,
 						onSelect: () => i(e)
 					}, e.key))
@@ -1108,33 +1116,38 @@ function Ae({ availableFilters: e, activeFilters: t, onFilterSelect: n }) {
 }
 //#endregion
 //#region src/components/features/filters/partials/regular-filter-content.tsx
-function je({ filter: e, value: t, onFilterChange: n, onBackToFilterList: a, onClose: o, isFromMainFilterButton: s = !1 }) {
-	let { strings: c } = X(), l = e.multiple === !0 || e.type === K.MULTI_SELECT, u = !!s, [d, f] = A(t || []);
+function Me({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onClose: o, isFromMainFilterButton: s = !1 }) {
+	let { strings: c, reportError: l } = X(), u = e.multiple === !0 || e.type === K.MULTI_SELECT, d = !!s, [f, m] = A(t || []);
 	E(() => {
-		f(t || []);
+		m(t || []);
 	}, [t]);
-	let m = (t) => {
-		l ? f(d.includes(t) ? d.filter((e) => e !== t) : [...d, t]) : (f([t]), e.closeOnSelect === !0 && (n([t]), o()));
-	}, b = () => {
+	let b = (t) => {
+		u ? m(f.includes(t) ? f.filter((e) => e !== t) : [...f, t]) : (m([t]), e.closeOnSelect === !0 && (n([t]), o()));
+	}, x = () => {
 		try {
-			n(d), o();
-		} catch {}
-	}, x = JSON.stringify(d.slice().sort()) !== JSON.stringify((t ?? []).slice().sort());
+			n(f), o();
+		} catch (t) {
+			l(t, {
+				phase: "apply",
+				filterKey: e.key
+			});
+		}
+	}, S = JSON.stringify(f.slice().sort()) !== JSON.stringify((t ?? []).slice().sort());
 	return /* @__PURE__ */ I("div", {
 		className: "flex flex-col",
 		children: [
 			/* @__PURE__ */ I("div", {
 				className: "flex items-center gap-2 border-b border-border/60 px-3 py-2.5",
-				children: [!!u && /* @__PURE__ */ F(r, {
+				children: [!!d && /* @__PURE__ */ F(r, {
 					type: "button",
 					variant: "secondary",
 					buttonStyle: "ghost",
-					size: "icon-xs",
-					onClick: a,
+					size: "icon-small",
+					onClick: i,
 					className: "inline-flex size-6 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground",
 					"aria-label": c.backToFilters,
 					children: /* @__PURE__ */ F(R, { className: "size-3.5" })
-				}), /* @__PURE__ */ F(i, {
+				}), /* @__PURE__ */ F(a, {
 					tag: "span",
 					size: "xs",
 					weight: "semibold",
@@ -1148,11 +1161,11 @@ function je({ filter: e, value: t, onFilterChange: n, onBackToFilterList: a, onC
 					className: "border-b border-border/50 px-3 py-2.5",
 					children: /* @__PURE__ */ F(p, {
 						className: "text-xs",
-						placeholder: G(c.searchPlaceholder, { filterLabel: e.label.toLowerCase() })
+						placeholder: W(c.searchPlaceholder, { filterLabel: e.label.toLowerCase() })
 					})
 				}), /* @__PURE__ */ I(h, {
 					className: "max-h-64 px-3 py-2",
-					children: [/* @__PURE__ */ F(_, { children: /* @__PURE__ */ F(i, {
+					children: [/* @__PURE__ */ F(_, { children: /* @__PURE__ */ F(a, {
 						size: "xs",
 						type: "secondary",
 						align: "center",
@@ -1161,9 +1174,9 @@ function je({ filter: e, value: t, onFilterChange: n, onBackToFilterList: a, onC
 					}) }), /* @__PURE__ */ F(v, {
 						className: "p-0 [&_[cmdk-group]]:p-0",
 						children: e.options?.map((e) => {
-							let t = d.includes(e.value);
+							let t = f.includes(e.value);
 							return /* @__PURE__ */ I(g, {
-								onSelect: () => m(e.value),
+								onSelect: () => b(e.value),
 								"data-checked": t || void 0,
 								disabled: e.disabled,
 								className: "flex items-start gap-2.5 rounded-md px-2 py-2 data-[checked=true]:**:[svg]:text-primary",
@@ -1172,13 +1185,13 @@ function je({ filter: e, value: t, onFilterChange: n, onBackToFilterList: a, onC
 									children: e.icon
 								}), /* @__PURE__ */ I("div", {
 									className: "flex min-w-0 flex-1 flex-col leading-tight",
-									children: [/* @__PURE__ */ F(i, {
+									children: [/* @__PURE__ */ F(a, {
 										tag: "span",
 										size: "xs",
 										weight: t ? "medium" : "regular",
 										className: "truncate",
 										children: e.label
-									}), !!e.description && /* @__PURE__ */ F(i, {
+									}), !!e.description && /* @__PURE__ */ F(a, {
 										tag: "span",
 										size: "xxs",
 										type: "secondary",
@@ -1191,21 +1204,21 @@ function je({ filter: e, value: t, onFilterChange: n, onBackToFilterList: a, onC
 					})]
 				})]
 			}),
-			!!x && /* @__PURE__ */ I("div", {
+			!!S && /* @__PURE__ */ I("div", {
 				className: "flex items-center justify-between gap-2 border-t border-border/60 px-2.5 py-1.5",
-				children: [/* @__PURE__ */ F(i, {
+				children: [/* @__PURE__ */ F(a, {
 					tag: "span",
 					size: "xxs",
 					type: "secondary",
 					className: "tabular-nums",
-					children: G(c.selected, {
-						count: d.length,
-						filterLabel: (d.length > 1 ? e.pluralLabel : e.label) ?? e.label
+					children: W(c.selected, {
+						count: f.length,
+						filterLabel: (f.length > 1 ? e.pluralLabel : e.label) ?? e.label
 					})
 				}), /* @__PURE__ */ F(r, {
 					variant: "primary",
-					size: "xs",
-					onClick: b,
+					size: "small",
+					onClick: x,
 					children: c.confirm
 				})]
 			})
@@ -1214,25 +1227,25 @@ function je({ filter: e, value: t, onFilterChange: n, onBackToFilterList: a, onC
 }
 //#endregion
 //#region src/components/features/filters/facets/tags-facet.tsx
-function Me({ filter: e, value: t, onChange: a, className: c }) {
+function Ne({ filter: e, value: t, onChange: i, className: c }) {
 	let { strings: l } = X(), [u, d] = A(""), f = w(() => {
 		let e = u.trim();
-		!e || t.includes(e) || (a([...t, e]), d(""));
+		!e || t.includes(e) || (i([...t, e]), d(""));
 	}, [
 		u,
 		t,
-		a
+		i
 	]), p = w((e) => {
-		a(t.filter((t) => t !== e));
-	}, [t, a]), m = (e) => {
+		i(t.filter((t) => t !== e));
+	}, [t, i]), m = (e) => {
 		e.key === "Enter" && (e.preventDefault(), f());
 	}, h = w(() => {
-		a([]), d("");
-	}, [a]), g = t.length > 0, _ = t.length === 1 ? l.tag : l.tags, v = g ? /* @__PURE__ */ I("div", {
+		i([]), d("");
+	}, [i]), g = t.length > 0, _ = t.length === 1 ? l.tag : l.tags, v = g ? /* @__PURE__ */ I("div", {
 		className: "space-y-2",
 		children: [/* @__PURE__ */ I("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ I(i, {
+			children: [/* @__PURE__ */ I(a, {
 				tag: "span",
 				size: "xs",
 				type: "secondary",
@@ -1245,8 +1258,8 @@ function Me({ filter: e, value: t, onChange: a, className: c }) {
 				onClick: h,
 				variant: "secondary",
 				buttonStyle: "ghost",
-				size: "xs",
-				className: "h-auto px-1 py-0 text-xs text-muted-foreground hover:text-foreground",
+				size: "small",
+				className: "h-auto px-space-sm py-0 text-xs text-muted-foreground hover:text-foreground",
 				type: "button",
 				"aria-label": l.clearAll,
 				children: l.clearAll
@@ -1255,8 +1268,8 @@ function Me({ filter: e, value: t, onChange: a, className: c }) {
 			className: "flex flex-wrap gap-2",
 			children: t.map((e) => /* @__PURE__ */ I(o, {
 				variant: "secondary",
-				className: "flex items-center gap-1 py-1 pl-2 pr-1",
-				children: [/* @__PURE__ */ F(i, {
+				className: "flex items-center gap-space-sm py-space-2xs pl-space-md pr-space-sm",
+				children: [/* @__PURE__ */ F(a, {
 					tag: "span",
 					size: "xs",
 					children: e
@@ -1264,11 +1277,11 @@ function Me({ filter: e, value: t, onChange: a, className: c }) {
 					onClick: () => p(e),
 					variant: "secondary",
 					buttonStyle: "ghost",
-					size: "icon-xs",
-					className: "ml-1 size-4 rounded-full p-0 hover:bg-muted-foreground/20",
+					size: "icon-small",
+					className: "ml-space-sm size-icon rounded-full p-0 hover:bg-muted-foreground/20",
 					type: "button",
 					"aria-label": `${l.removeTag} ${e}`,
-					children: /* @__PURE__ */ F(W, { className: "h-3 w-3" })
+					children: /* @__PURE__ */ F(U, { className: "size-icon-sm" })
 				})]
 			}, e))
 		})]
@@ -1285,15 +1298,15 @@ function Me({ filter: e, value: t, onChange: a, className: c }) {
 					onChange: (e) => d(e.target.value),
 					onKeyDown: m,
 					placeholder: e.placeholder ?? l.enterTag,
-					className: "h-9"
+					className: G
 				})
 			}), /* @__PURE__ */ I(r, {
 				onClick: f,
 				disabled: !u.trim(),
 				size: "default",
-				className: "h-9 px-4",
+				className: G,
 				type: "button",
-				children: [/* @__PURE__ */ F(te, { className: "h-4 w-4" }), /* @__PURE__ */ F("span", {
+				children: [/* @__PURE__ */ F(ne, { className: "size-icon" }), /* @__PURE__ */ F("span", {
 					className: "sr-only",
 					children: l.addTag
 				})]
@@ -1301,35 +1314,40 @@ function Me({ filter: e, value: t, onChange: a, className: c }) {
 		}), v]
 	});
 }
-var Ne = x.memo(Me);
-Ne.displayName = "TagsFacet";
+var Pe = x.memo(Ne);
+Pe.displayName = "TagsFacet";
 //#endregion
 //#region src/components/features/filters/partials/tags-filter-content.tsx
-function Pe({ filter: e, value: t, onFilterChange: n, onBackToFilterList: a, onClose: o, isFromMainFilterButton: s = !1 }) {
-	let { strings: c } = X(), [l, u] = A(t || []), d = !!s, f = l.length === 1 ? c.tag : c.tags;
+function Fe({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onClose: o, isFromMainFilterButton: s = !1 }) {
+	let { strings: c, reportError: l } = X(), [u, d] = A(t || []), f = !!s, p = u.length === 1 ? c.tag : c.tags;
 	E(() => {
-		u(t || []);
+		d(t || []);
 	}, [t]);
-	let p = () => {
+	let m = () => {
 		try {
-			n(l), o();
-		} catch {}
-	}, m = JSON.stringify(l.slice().sort()) !== JSON.stringify((t ?? []).slice().sort());
+			n(u), o();
+		} catch (t) {
+			l(t, {
+				phase: "apply",
+				filterKey: e.key
+			});
+		}
+	}, h = JSON.stringify(u.slice().sort()) !== JSON.stringify((t ?? []).slice().sort());
 	return /* @__PURE__ */ I("div", {
 		className: "flex flex-col",
 		children: [
 			/* @__PURE__ */ I("div", {
 				className: "flex items-center gap-2 border-b border-border/60 px-3 py-2.5",
-				children: [!!d && /* @__PURE__ */ F(r, {
+				children: [!!f && /* @__PURE__ */ F(r, {
 					type: "button",
 					variant: "secondary",
 					buttonStyle: "ghost",
-					size: "icon-xs",
-					onClick: a,
+					size: "icon-small",
+					onClick: i,
 					className: "inline-flex size-6 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground",
 					"aria-label": c.backToFilters,
 					children: /* @__PURE__ */ F(R, { className: "size-3.5" })
-				}), /* @__PURE__ */ F(i, {
+				}), /* @__PURE__ */ F(a, {
 					tag: "span",
 					weight: "semibold",
 					className: "truncate",
@@ -1338,28 +1356,28 @@ function Pe({ filter: e, value: t, onFilterChange: n, onBackToFilterList: a, onC
 			}),
 			/* @__PURE__ */ F("div", {
 				className: "p-2",
-				children: /* @__PURE__ */ F(Ne, {
+				children: /* @__PURE__ */ F(Pe, {
 					filter: e,
-					value: l,
-					onChange: u
+					value: u,
+					onChange: d
 				})
 			}),
-			!!m && /* @__PURE__ */ I("div", {
+			!!h && /* @__PURE__ */ I("div", {
 				className: "flex items-center justify-between gap-2 border-t border-border/60 px-2.5 py-1.5",
-				children: [/* @__PURE__ */ I(i, {
+				children: [/* @__PURE__ */ I(a, {
 					tag: "span",
 					size: "xxs",
 					type: "secondary",
 					className: "tabular-nums",
 					children: [
-						l.length,
+						u.length,
 						" ",
-						f
+						p
 					]
 				}), /* @__PURE__ */ F(r, {
 					variant: "primary",
-					size: "xs",
-					onClick: p,
+					size: "small",
+					onClick: m,
 					children: c.confirm
 				})]
 			})
@@ -1368,41 +1386,41 @@ function Pe({ filter: e, value: t, onFilterChange: n, onBackToFilterList: a, onC
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-popover-content.tsx
-function Fe({ activeFilterInPopover: e, availableFilters: t, activeFilters: n, getFilterValue: r, setFilterValue: i, onFilterSelect: a, onBackToFilterList: o, onClose: s, isFromMainFilterButton: c = !1 }) {
-	let l = e?.type === K.DATE || e?.type === K.TAGS ? "w-auto min-w-[320px] p-0 overflow-hidden rounded-lg shadow-lg" : e?.type === K.ASYNC_SELECT ? "w-72 p-0 overflow-hidden rounded-lg shadow-lg" : "w-64 p-0 overflow-hidden rounded-lg shadow-lg", u = (e, t) => {
+function Ie({ activeFilterInPopover: e, availableFilters: t, activeFilters: n, getFilterValue: r, setFilterValue: i, onFilterSelect: a, onBackToFilterList: o, onClose: s, isFromMainFilterButton: c = !1 }) {
+	let l = e?.type === K.DATE || e?.type === K.TAGS ? "w-auto min-w-80 overflow-hidden rounded-lg p-0 shadow-lg" : e?.type === K.ASYNC_SELECT ? "w-72 p-0 overflow-hidden rounded-lg shadow-lg" : "w-64 p-0 overflow-hidden rounded-lg shadow-lg", u = (e, t) => {
 		i(e, t);
 	};
 	return /* @__PURE__ */ F(f, {
 		className: l,
 		align: "start",
-		children: e ? e.type === K.DATE ? /* @__PURE__ */ F(De, {
+		children: e ? e.type === K.DATE ? /* @__PURE__ */ F(Oe, {
 			filter: e,
 			value: r(e.key),
 			onFilterChange: (t) => u(e.key, t),
 			onBackToFilterList: o,
 			isFromMainFilterButton: c
-		}) : e.type === K.TAGS ? /* @__PURE__ */ F(Pe, {
+		}) : e.type === K.TAGS ? /* @__PURE__ */ F(Fe, {
 			filter: e,
 			value: r(e.key),
 			onFilterChange: (t) => u(e.key, t),
 			onBackToFilterList: o,
 			onClose: s,
 			isFromMainFilterButton: c
-		}) : e.type === K.ASYNC_SELECT ? /* @__PURE__ */ F(we, {
+		}) : e.type === K.ASYNC_SELECT ? /* @__PURE__ */ F(Te, {
 			filter: e,
 			value: r(e.key),
 			onFilterChange: (t) => u(e.key, t),
 			onBackToFilterList: o,
 			onClose: s,
 			isFromMainFilterButton: c
-		}) : /* @__PURE__ */ F(je, {
+		}) : /* @__PURE__ */ F(Me, {
 			filter: e,
 			value: r(e.key),
 			onFilterChange: (t) => u(e.key, t),
 			onBackToFilterList: o,
 			onClose: s,
 			isFromMainFilterButton: c
-		}) : /* @__PURE__ */ F(Ae, {
+		}) : /* @__PURE__ */ F(je, {
 			availableFilters: t,
 			activeFilters: n,
 			onFilterSelect: a
@@ -1420,7 +1438,7 @@ function $({ filter: e, value: t, isActive: n, operator: r, operators: i, onOper
 			onOpenChange: (e) => {
 				e && m.current || g(e);
 			},
-			children: [/* @__PURE__ */ F(u, { children: /* @__PURE__ */ F(ye, {
+			children: [/* @__PURE__ */ F(u, { children: /* @__PURE__ */ F(be, {
 				filter: e,
 				value: t,
 				isActive: n,
@@ -1437,7 +1455,7 @@ function $({ filter: e, value: t, isActive: n, operator: r, operators: i, onOper
 				onFilterClick: () => {
 					m.current || g(!0);
 				}
-			}) }), /* @__PURE__ */ F(Fe, {
+			}) }), /* @__PURE__ */ F(Ie, {
 				activeFilterInPopover: e,
 				availableFilters: c,
 				activeFilters: d,
@@ -1454,7 +1472,7 @@ function $({ filter: e, value: t, isActive: n, operator: r, operators: i, onOper
 $.displayName = "FilterPill";
 //#endregion
 //#region src/components/features/filters/partials/filters-button.tsx
-function Ie({ availableFilters: e, activeFilters: t, activeFilterInPopover: n, getFilterValue: i, setFilterValue: a, setActiveFilterInPopover: o }) {
+function Le({ availableFilters: e, activeFilters: t, activeFilterInPopover: n, getFilterValue: i, setFilterValue: a, setActiveFilterInPopover: o }) {
 	let [s, c] = A(!1), { strings: u } = X();
 	return E(() => {
 		s || o(null);
@@ -1468,10 +1486,10 @@ function Ie({ availableFilters: e, activeFilters: t, activeFilterInPopover: n, g
 				buttonStyle: "outline",
 				size: "default",
 				"aria-label": u.addFilter,
-				className: "flex h-9 items-center gap-1.5",
-				children: /* @__PURE__ */ F(H, { className: "h-4 w-4" })
+				className: `flex ${G} items-center gap-space-sm`,
+				children: /* @__PURE__ */ F(V, { className: "size-icon-sm" })
 			})
-		}), /* @__PURE__ */ F(Fe, {
+		}), /* @__PURE__ */ F(Ie, {
 			activeFilterInPopover: n,
 			availableFilters: e,
 			activeFilters: t,
@@ -1492,7 +1510,7 @@ function Ie({ availableFilters: e, activeFilters: t, activeFilterInPopover: n, g
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-tabs.tsx
-function Le({ tabs: e }) {
+function Re({ tabs: e }) {
 	let { activeFilters: t, filters: i, replaceFilters: a } = X(), o = O(() => t.filter((e) => i.find((t) => t.key === e.key)?.type !== K.SEARCH), [t, i]), s = O(() => t.filter((e) => i.find((t) => t.key === e.key)?.type === K.SEARCH), [t, i]), c = O(() => {
 		for (let t of e) {
 			if (t.presets.length === 0) {
@@ -1528,7 +1546,7 @@ function Le({ tabs: e }) {
 		a
 	]);
 	return e.length === 0 ? null : /* @__PURE__ */ F("div", {
-		className: "flex flex-wrap gap-1.5",
+		className: "flex flex-wrap gap-space-md",
 		role: "tablist",
 		children: e.map((e) => {
 			let t = c === e.id;
@@ -1536,13 +1554,13 @@ function Le({ tabs: e }) {
 				type: "button",
 				variant: "secondary",
 				buttonStyle: "ghost",
-				size: "xs",
+				size: "small",
 				role: "tab",
 				"aria-selected": t,
 				onClick: () => l(e),
 				className: n("rounded-md px-2.5 py-1 text-xs font-semibold transition-colors", t ? "bg-foreground text-background" : "bg-muted/60 text-muted-foreground hover:bg-muted hover:text-foreground"),
 				children: [e.label, e.count !== void 0 && /* @__PURE__ */ F("span", {
-					className: n("ml-1 tabular-nums", t ? "text-background/70" : "text-muted-foreground/70"),
+					className: n("ml-space-sm tabular-nums", t ? "text-background/70" : "text-muted-foreground/70"),
 					children: e.count
 				})]
 			}, e.id);
@@ -1551,7 +1569,7 @@ function Le({ tabs: e }) {
 }
 //#endregion
 //#region src/components/features/filters/facets/search-facet.tsx
-function Re({ filter: e, value: t, onChange: i, className: a }) {
+function ze({ filter: e, value: t, onChange: i, className: a }) {
 	let { strings: o, isNavigating: c } = X(), [l, u] = A(t[0] || ""), d = k(l);
 	d.current = l;
 	let f = k(!1), p = k(null), m = k(t[0] || null), h = k(!1);
@@ -1592,7 +1610,7 @@ function Re({ filter: e, value: t, onChange: i, className: a }) {
 				},
 				placeholder: e.placeholder ?? (() => {
 					let t = e.label.trim().toLowerCase();
-					return !t || t === "search" ? G(o.searchPlaceholder, { filterLabel: "" }).replace(/\s+([….?!])/g, "$1").replace(/\s{2,}/g, " ").trim() : G(o.searchPlaceholder, { filterLabel: t });
+					return !t || t === "search" ? W(o.searchPlaceholder, { filterLabel: "" }).replace(/\s+([….?!])/g, "$1").replace(/\s{2,}/g, " ").trim() : W(o.searchPlaceholder, { filterLabel: t });
 				})(),
 				className: "w-full pr-9"
 			}),
@@ -1600,33 +1618,33 @@ function Re({ filter: e, value: t, onChange: i, className: a }) {
 				type: "button",
 				variant: "secondary",
 				buttonStyle: "ghost",
-				size: "icon-sm",
+				size: "icon-small",
 				onClick: () => {
 					h.current = !0, u(""), g("");
 				},
-				className: "absolute right-1 top-1/2 size-7 -translate-y-1/2",
+				className: "absolute right-control-gap-small top-1/2 -translate-y-1/2",
 				"aria-label": o.clearSearch,
-				children: /* @__PURE__ */ F(W, { className: "h-3.5 w-3.5" })
+				children: /* @__PURE__ */ F(U, { className: "size-icon-sm" })
 			}),
 			!!c && /* @__PURE__ */ F("span", {
-				className: "text-muted-foreground absolute right-2 top-1/2 -translate-y-1/2",
-				children: /* @__PURE__ */ F(U, { className: "h-4 w-4 animate-spin" })
+				className: "text-muted-foreground absolute right-control-px top-1/2 -translate-y-1/2",
+				children: /* @__PURE__ */ F(H, { className: "size-icon animate-spin" })
 			})
 		]
 	});
 }
-var ze = x.memo(Re);
-ze.displayName = "SearchFacet";
+var Be = x.memo(ze);
+Be.displayName = "SearchFacet";
 //#endregion
 //#region src/components/features/filters/partials/search-filters-list.tsx
-function Be({ filters: e, getFilterValue: t, setFilterValue: r, className: a }) {
+function Ve({ filters: e, getFilterValue: t, setFilterValue: r, className: i }) {
 	return /* @__PURE__ */ F(P, { children: e.map((e) => /* @__PURE__ */ I("div", {
-		className: n("space-y-2", e.displayConfig.className, a),
-		children: [/* @__PURE__ */ F(ze, {
+		className: n("space-y-space-lg", e.displayConfig.className, i),
+		children: [/* @__PURE__ */ F(Be, {
 			filter: e,
 			value: t(e.key),
 			onChange: (t) => r(e.key, t)
-		}), !!e.description && /* @__PURE__ */ F(i, {
+		}), !!e.description && /* @__PURE__ */ F(a, {
 			size: "xs",
 			type: "secondary",
 			children: e.description
@@ -1635,21 +1653,28 @@ function Be({ filters: e, getFilterValue: t, setFilterValue: r, className: a })
 }
 //#endregion
 //#region src/components/features/filters/filter-layout.tsx
-function Ve({ className: e, dynamicFilterOptions: t = {}, loadingFilters: i = {}, variant: a = "default", showClearFilters: o = !1, tabs: s }) {
-	let { getFilterValue: c, setFilterValue: l, isFilterActive: u, clearFilters: d, getFilterOperator: f, setFilterOperator: p, isNavigating: m, strings: h } = X(), { processedFilters: g, searchFilters: _, alwaysVisibleFilters: v, activeRegularFilters: y, popoverFilters: b, hasActive: x } = pe({ dynamicFilterOptions: t }), [S, C] = A(null);
+var He = {
+	compact: "space-y-space-lg",
+	default: "space-y-space-xl"
+}, Ue = {
+	compact: "gap-space-lg",
+	default: "gap-space-xl"
+};
+function We({ className: e, dynamicFilterOptions: t = {}, loadingFilters: i = {}, variant: a = "default", showClearFilters: o = !1, tabs: s }) {
+	let { getFilterValue: c, setFilterValue: l, isFilterActive: u, clearFilters: d, getFilterOperator: f, setFilterOperator: p, isNavigating: m, strings: h } = X(), { processedFilters: g, searchFilters: _, alwaysVisibleFilters: v, activeRegularFilters: y, popoverFilters: b, hasActive: x } = me({ dynamicFilterOptions: t }), [S, C] = A(null);
 	function w(e) {
-		return e.operators && e.operators.length > 0 ? e.operators : le(e.type, h.operators);
+		return e.operators && e.operators.length > 0 ? e.operators : ue(e.type, h.operators);
 	}
 	function T(e, t) {
 		p(e, t);
 	}
 	return /* @__PURE__ */ I("div", {
-		className: n("filter-layout--component", a === "compact" ? "space-y-2" : "space-y-4", e),
-		children: [!!s && s.length > 0 && /* @__PURE__ */ F(Le, { tabs: s }), /* @__PURE__ */ I("div", {
-			className: n("flex flex-wrap items-center", a === "compact" ? "gap-1" : "gap-2"),
+		className: n("filter-layout--component", He[a], e),
+		children: [!!s && s.length > 0 && /* @__PURE__ */ F(Re, { tabs: s }), /* @__PURE__ */ I("div", {
+			className: n("flex flex-wrap items-center", Ue[a]),
 			children: [/* @__PURE__ */ F(Q, {
 				filterKey: "search-filters",
-				children: /* @__PURE__ */ F(Be, {
+				children: /* @__PURE__ */ F(Ve, {
 					filters: _,
 					getFilterValue: c,
 					setFilterValue: l
@@ -1661,7 +1686,7 @@ function Ve({ className: e, dynamicFilterOptions: t = {}, loadingFilters: i = {}
 						let t = g.find((t) => t.key === e)?.label || e;
 						return /* @__PURE__ */ I("div", {
 							className: "text-muted-foreground bg-muted/50 flex items-center rounded-md px-2 py-1 text-xs",
-							children: [/* @__PURE__ */ F("div", { className: "border-muted-foreground/30 border-t-primary mr-1 size-3 animate-spin rounded-full border-2" }), G(h.loadingOptions, { filterLabel: t })]
+							children: [/* @__PURE__ */ F("div", { className: "border-muted-foreground/30 border-t-primary mr-1 size-3 animate-spin rounded-full border-2" }), W(h.loadingOptions, { filterLabel: t })]
 						}, `loading-${e}`);
 					}),
 					v.map((e) => /* @__PURE__ */ F($, {
@@ -1690,7 +1715,7 @@ function Ve({ className: e, dynamicFilterOptions: t = {}, loadingFilters: i = {}
 					}, e.key)),
 					b.length > 0 && /* @__PURE__ */ F(Q, {
 						filterKey: "filters-button",
-						children: /* @__PURE__ */ F(Ie, {
+						children: /* @__PURE__ */ F(Le, {
 							availableFilters: b,
 							activeFilters: y,
 							activeFilterInPopover: S,
@@ -1714,8 +1739,8 @@ function Ve({ className: e, dynamicFilterOptions: t = {}, loadingFilters: i = {}
 }
 //#endregion
 //#region src/components/features/filters/filter-query.ts
-var He = "__op", Ue = ["page"], We = new Set(Object.values(q));
-function Ge(e) {
+var Ge = "__op", Ke = ["page"], qe = new Set(Object.values(q));
+function Je(e) {
 	let t = {};
 	if (!e) return t;
 	if (e instanceof URLSearchParams) return e.forEach((e, n) => {
@@ -1727,79 +1752,79 @@ function Ge(e) {
 	}
 	return t;
 }
-function Ke(e) {
+function Ye(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 qe(e, t, n) {
+function Xe(e, t, n) {
 	let r = e[t] ?? [];
 	return n === "comma" ? r.flatMap((e) => e.split(",")) : r;
 }
-function Je(e, t) {
+function Ze(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 Ye(e, t) {
+function Qe(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 Xe(e) {
+function $e(e) {
 	return e.operator ?? e.operators?.[0]?.value ?? J(e.type);
 }
-function Ze(e, t, n) {
+function et(e, t, n) {
 	let [r] = t[`${e.key}${n}`] ?? [];
-	return r && We.has(r) ? r : Xe(e);
+	return r && qe.has(r) ? r : $e(e);
 }
-function Qe(e, t, n) {
+function tt(e, t, n) {
 	return e === "always" ? !0 : e === "never" ? !1 : t !== n;
 }
-function $e(e) {
+function nt(e) {
 	return e.type === K.MULTI_SELECT || e.type === K.TAGS || e.multiple === !0;
 }
-function et(e, t, n = {}) {
-	let r = n.operatorSuffix ?? He, i = n.arrayFormat ?? "repeat", a = Ge(t);
+function rt(e, t, n = {}) {
+	let r = n.operatorSuffix ?? Ge, i = n.arrayFormat ?? "repeat", a = Je(t);
 	return e.flatMap((e) => {
-		let t = Je(e, qe(a, e.key, i));
+		let t = Ze(e, Xe(a, e.key, i));
 		return t.length === 0 ? [] : [{
 			id: e.key,
 			key: e.key,
-			operator: Ze(e, a, r),
-			value: $e(e) ? t : [t[0]]
+			operator: et(e, a, r),
+			value: nt(e) ? t : [t[0]]
 		}];
 	});
 }
-function tt(e, t, n, r = {}) {
-	let i = r.operatorSuffix ?? He, a = r.arrayFormat ?? "repeat", o = r.preserveUnrelated ?? !0, s = r.includeOperators ?? "changed", c = r.resetPageKeys ?? Ue, l = o ? Ge(n) : {}, u = new Map(e.map((e) => [e.key, e]));
+function it(e, t, n, r = {}) {
+	let i = r.operatorSuffix ?? Ge, a = r.arrayFormat ?? "repeat", o = r.preserveUnrelated ?? !0, s = r.includeOperators ?? "changed", c = r.resetPageKeys ?? Ke, l = o ? Je(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 = Ye(t, e.value);
+		let n = Qe(t, e.value);
 		if (n.length === 0) continue;
 		l[e.key] = a === "comma" ? [n.join(",")] : n;
-		let r = Xe(t);
-		Qe(s, e.operator, r) && (l[`${e.key}${i}`] = [e.operator]);
+		let r = $e(t);
+		tt(s, e.operator, r) && (l[`${e.key}${i}`] = [e.operator]);
 	}
-	return Ke(l);
+	return Ye(l);
 }
-function nt(e, t, n = {}) {
-	let r = n.preserveUnrelated ?? !0, i = n.resetPageKeys ?? Ue, a = r ? Ge(e) : {}, o = Ge(t);
+function at(e, t, n = {}) {
+	let r = n.preserveUnrelated ?? !0, i = n.resetPageKeys ?? Ke, a = r ? Je(e) : {}, o = Je(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 Ke(a);
+	return Ye(a);
 }
 //#endregion
 //#region src/components/features/filters/facets/select-facet.tsx
-function rt({ filter: e, value: t, onChange: a, className: o }) {
+function ot({ filter: e, value: t, onChange: i, className: o }) {
 	let { strings: s } = X(), [c, l] = A(!1), [u, d] = A(""), [f, p] = A(e.options), [m, h] = A(!1), g = k(void 0), _ = t.length > 0, v = (n) => {
-		e.multiple ? t.includes(n) ? a(t.filter((e) => e !== n)) : a([...t, n]) : (a([n]), e.closeOnSelect !== !1 && l(!1));
+		e.multiple ? t.includes(n) ? i(t.filter((e) => e !== n)) : i([...t, n]) : (i([n]), e.closeOnSelect !== !1 && l(!1));
 	}, y = (t) => (f || e.options)?.find((e) => e.value === t)?.label ?? t, x = e.fetchOptions, S = e.delay;
 	E(() => {
 		if (!c || !x) return;
@@ -1832,7 +1857,7 @@ function rt({ filter: e, value: t, onChange: a, className: o }) {
 		f,
 		e.options,
 		t
-	]), w = G(s.searchPlaceholder, { filterLabel: e.label.toLowerCase() }), T = m ? G(s.loadingOptions, { filterLabel: e.label }) : s.noOptionsFound;
+	]), w = W(s.searchPlaceholder, { filterLabel: e.label.toLowerCase() }), T = m ? W(s.loadingOptions, { filterLabel: e.label }) : s.noOptionsFound;
 	return /* @__PURE__ */ F("div", {
 		className: n("select-facet--component", "relative", o),
 		children: /* @__PURE__ */ F(b, {
@@ -1853,26 +1878,26 @@ function rt({ filter: e, value: t, onChange: a, className: o }) {
 				role: "combobox",
 				"aria-expanded": c,
 				className: "w-full justify-between",
-				children: [_ ? t.length === 1 ? /* @__PURE__ */ F(i, {
+				children: [_ ? t.length === 1 ? /* @__PURE__ */ F(a, {
 					tag: "span",
 					size: "xs",
 					weight: "semibold",
 					className: "truncate",
 					children: y(t[0])
-				}) : /* @__PURE__ */ F(i, {
+				}) : /* @__PURE__ */ F(a, {
 					tag: "span",
 					size: "xs",
 					weight: "semibold",
-					children: G(s.selected, {
+					children: W(s.selected, {
 						count: t.length,
 						filterLabel: (t.length > 1 ? e.pluralLabel : e.label) ?? e.label
 					})
-				}) : /* @__PURE__ */ F(i, {
+				}) : /* @__PURE__ */ F(a, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
 					children: e.placeholder ?? s.select
-				}), /* @__PURE__ */ F(V, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })]
+				}), /* @__PURE__ */ F(te, { className: "ml-control-gap-small size-icon-sm shrink-0 opacity-50" })]
 			}),
 			items: C,
 			onSelect: (e) => v(e.value)
@@ -1881,8 +1906,8 @@ function rt({ filter: e, value: t, onChange: a, className: o }) {
 }
 //#endregion
 //#region src/components/features/filters/facets/async-select-facet.tsx
-function it({ filter: e, value: t, onChange: a, className: o }) {
-	let { strings: s, cacheAsyncOptions: c, getAsyncOptionLabel: u } = X(), [m, b] = A(!1), [x, S] = A(""), C = k(/* @__PURE__ */ new Map()), { options: w, isLoading: T, isFetching: D, isError: j, refetch: M, isBelowMinQuery: N, minQueryLength: P } = Ce(e, x, m);
+function st({ filter: e, value: t, onChange: i, className: o }) {
+	let { strings: s, cacheAsyncOptions: c, getAsyncOptionLabel: u } = X(), [m, b] = A(!1), [x, S] = A(""), C = k(/* @__PURE__ */ new Map()), { options: w, isLoading: T, isFetching: D, isError: j, refetch: M, isBelowMinQuery: N, minQueryLength: P } = we(e, x, m);
 	E(() => {
 		if (w.length !== 0) {
 			for (let e of w) C.current.set(e.value, e);
@@ -1893,7 +1918,7 @@ function it({ filter: e, value: t, onChange: a, className: o }) {
 		e.key,
 		w
 	]);
-	let R = e.multiple !== !1, z = e.maxSelected, B = O(() => e.options ?? [], [e.options]), H = O(() => {
+	let R = e.multiple !== !1, z = e.maxSelected, B = O(() => e.options ?? [], [e.options]), V = O(() => {
 		let n = new Set(t), r = new Set([...B, ...w].map((e) => e.value)), i = [];
 		for (let n of t) if (!r.has(n)) {
 			let t = C.current.get(n);
@@ -1924,23 +1949,23 @@ function it({ filter: e, value: t, onChange: a, className: o }) {
 		e.key,
 		e.icon,
 		u
-	]), te = (n) => {
-		if (R) if (t.includes(n)) a(t.filter((e) => e !== n));
+	]), ne = (n) => {
+		if (R) if (t.includes(n)) i(t.filter((e) => e !== n));
 		else {
 			if (z && t.length >= z) return;
-			a([...t, n]);
+			i([...t, n]);
 		}
-		else a([n]), e.closeOnSelect !== !1 && b(!1);
-	}, W = (e) => {
+		else i([n]), e.closeOnSelect !== !1 && b(!1);
+	}, U = (e) => {
 		let t = w.find((t) => t.value === e);
 		if (t) return t.label;
 		let n = B.find((t) => t.value === e);
 		if (n) return n.label;
 		let r = C.current.get(e);
 		return r ? r.label : e;
-	}, ne = t.length > 0, re = O(() => T || D ? /* @__PURE__ */ I("div", {
+	}, re = t.length > 0, ie = O(() => T || D ? /* @__PURE__ */ I("div", {
 		className: n("async-select-facet--component", "flex items-center justify-center gap-2 py-4"),
-		children: [/* @__PURE__ */ F(U, { className: "text-muted-foreground size-4 animate-spin" }), /* @__PURE__ */ F(i, {
+		children: [/* @__PURE__ */ F(H, { className: "text-muted-foreground size-4 animate-spin" }), /* @__PURE__ */ F(a, {
 			tag: "span",
 			size: "xs",
 			type: "secondary",
@@ -1950,7 +1975,7 @@ function it({ filter: e, value: t, onChange: a, className: o }) {
 		className: "flex flex-col items-center gap-2 py-4",
 		children: [/* @__PURE__ */ I("div", {
 			className: "flex items-center gap-1.5",
-			children: [/* @__PURE__ */ F(L, { className: "text-destructive size-4" }), /* @__PURE__ */ F(i, {
+			children: [/* @__PURE__ */ F(L, { className: "text-destructive size-4" }), /* @__PURE__ */ F(a, {
 				tag: "span",
 				size: "xs",
 				type: "secondary",
@@ -1959,7 +1984,7 @@ function it({ filter: e, value: t, onChange: a, className: o }) {
 		}), /* @__PURE__ */ F(r, {
 			variant: "secondary",
 			buttonStyle: "outline",
-			size: "xs",
+			size: "small",
 			onClick: (e) => {
 				e.stopPropagation(), M();
 			},
@@ -1967,13 +1992,13 @@ function it({ filter: e, value: t, onChange: a, className: o }) {
 		})]
 	}) : N ? /* @__PURE__ */ F("div", {
 		className: "text-muted-foreground flex items-center justify-center py-4",
-		children: /* @__PURE__ */ F(i, {
+		children: /* @__PURE__ */ F(a, {
 			tag: "span",
 			size: "xs",
 			type: "secondary",
-			children: G(s.minQueryHint, { min: P })
+			children: W(s.minQueryHint, { min: P })
 		})
-	}) : /* @__PURE__ */ F(i, {
+	}) : /* @__PURE__ */ F(a, {
 		tag: "span",
 		size: "xs",
 		type: "secondary",
@@ -2001,53 +2026,53 @@ function it({ filter: e, value: t, onChange: a, className: o }) {
 				role: "combobox",
 				"aria-expanded": m,
 				className: "w-full justify-between",
-				children: [ne ? t.length === 1 ? /* @__PURE__ */ F(i, {
+				children: [re ? t.length === 1 ? /* @__PURE__ */ F(a, {
 					tag: "span",
 					size: "xs",
 					weight: "semibold",
 					className: "truncate",
-					children: W(t[0])
-				}) : /* @__PURE__ */ F(i, {
+					children: U(t[0])
+				}) : /* @__PURE__ */ F(a, {
 					tag: "span",
 					size: "xs",
 					weight: "semibold",
-					children: G(s.selected, {
+					children: W(s.selected, {
 						count: t.length,
 						filterLabel: (t.length > 1 ? e.pluralLabel : e.label) ?? e.label
 					})
-				}) : /* @__PURE__ */ F(i, {
+				}) : /* @__PURE__ */ F(a, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
 					children: e.placeholder ?? s.select
-				}), /* @__PURE__ */ F(V, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })]
+				}), /* @__PURE__ */ F(te, { className: "ml-control-gap-small size-icon-sm shrink-0 opacity-50" })]
 			}) }), /* @__PURE__ */ F(f, {
-				className: "w-full min-w-[280px] p-0",
+				className: "w-full min-w-70 p-0",
 				children: /* @__PURE__ */ I(y, {
 					shouldFilter: !1,
 					children: [/* @__PURE__ */ F(p, {
-						placeholder: G(s.searchPlaceholder, { filterLabel: e.label }),
+						placeholder: W(s.searchPlaceholder, { filterLabel: e.label }),
 						value: x,
 						onValueChange: S
-					}), /* @__PURE__ */ F(h, { children: H.length === 0 ? /* @__PURE__ */ F(_, { children: re }) : /* @__PURE__ */ I(v, { children: [!!(D && !T) && /* @__PURE__ */ I("div", {
+					}), /* @__PURE__ */ F(h, { children: V.length === 0 ? /* @__PURE__ */ F(_, { children: ie }) : /* @__PURE__ */ I(v, { children: [!!(D && !T) && /* @__PURE__ */ I("div", {
 						className: "flex items-center gap-1.5 px-2 py-1",
-						children: [/* @__PURE__ */ F(U, { className: "text-muted-foreground size-3 animate-spin" }), /* @__PURE__ */ F(i, {
+						children: [/* @__PURE__ */ F(H, { className: "text-muted-foreground size-3 animate-spin" }), /* @__PURE__ */ F(a, {
 							tag: "span",
 							size: "xs",
 							type: "secondary",
 							children: s.searching
 						})]
-					}), H.map((e) => /* @__PURE__ */ I(g, {
+					}), V.map((e) => /* @__PURE__ */ I(g, {
 						value: e.value,
-						onSelect: () => te(e.value),
+						onSelect: () => ne(e.value),
 						disabled: e.disabled || !!z && t.length >= z && !t.includes(e.value),
 						children: [
-							/* @__PURE__ */ F(ee, { className: n("mr-2 h-4 w-4", t.includes(e.value) ? "opacity-100" : "opacity-0") }),
+							/* @__PURE__ */ F(ee, { className: n("mr-control-gap size-icon-sm", t.includes(e.value) ? "opacity-100" : "opacity-0") }),
 							!!e.icon && /* @__PURE__ */ F("span", {
 								className: "mr-1.5",
 								children: e.icon
 							}),
-							/* @__PURE__ */ F(i, {
+							/* @__PURE__ */ F(a, {
 								tag: "span",
 								size: "xs",
 								children: e.label
@@ -2061,7 +2086,7 @@ function it({ filter: e, value: t, onChange: a, className: o }) {
 }
 //#endregion
 //#region src/components/features/filters/facets/range-facet.tsx
-function at({ filter: e, value: t, onChange: r, className: i }) {
+function ct({ filter: e, value: t, onChange: r, className: a }) {
 	let { strings: o } = X(), [c, l] = A(t.min?.toString() ?? ""), [u, d] = A(t.max?.toString() ?? ""), f = D(), p = k(r);
 	p.current = r;
 	let m = k(t);
@@ -2079,12 +2104,12 @@ function at({ filter: e, value: t, onChange: r, className: i }) {
 		u,
 		e.delay
 	]), /* @__PURE__ */ F("div", {
-		className: n("range-facet--component", "space-y-2", i),
+		className: n("range-facet--component", "space-y-2", a),
 		children: /* @__PURE__ */ I("div", {
 			className: "grid grid-cols-2 gap-2",
 			children: [/* @__PURE__ */ I("div", {
 				className: "space-y-1",
-				children: [/* @__PURE__ */ F(a, {
+				children: [/* @__PURE__ */ F(i, {
 					htmlFor: `${f}-min`,
 					children: o.min
 				}), /* @__PURE__ */ F(s, {
@@ -2100,7 +2125,7 @@ function at({ filter: e, value: t, onChange: r, className: i }) {
 				})]
 			}), /* @__PURE__ */ I("div", {
 				className: "space-y-1",
-				children: [/* @__PURE__ */ F(a, {
+				children: [/* @__PURE__ */ F(i, {
 					htmlFor: `${f}-max`,
 					children: o.max
 				}), /* @__PURE__ */ F(s, {
@@ -2120,17 +2145,17 @@ function at({ filter: e, value: t, onChange: r, className: i }) {
 }
 //#endregion
 //#region src/components/features/filters/validators.ts
-function ot(e) {
+function lt(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 st(e, t) {
+function ut(e, t) {
 	return (n) => e(n) ? !0 : t;
 }
 //#endregion
-export { ye as ActiveFilterItem, it as AsyncSelectFacet, Ee as DateFacet, Q as FilterErrorBoundary, Ve as FilterLayout, q as FilterOperatorEnum, me as FilterOperatorSelect, $ as FilterPill, Fe as FilterPopoverContent, fe as FilterProvider, Le as FilterTabs, K as FilterType, he as FilterValueDisplay, Ie as FiltersButton, at as RangeFacet, ze as SearchFacet, Be as SearchFiltersList, rt as SelectFacet, Ne as TagsFacet, ne as defaultFilterStrings, ce as getBooleanOperators, se as getDateOperators, J as getDefaultOperatorForType, re as getFilterString, oe as getNumberOperators, le as getOperatorsForType, ae as getSelectOperators, ie as getTextOperators, G as interpolateFilterString, nt as mergeFilterQuery, et as parseFiltersFromQuery, st as predicateValidator, tt as serializeFiltersToQuery, Ce as useAsyncOptions, pe as useFilterGroups, X as useFilters, ot as zodValidator };
+export { be as ActiveFilterItem, st as AsyncSelectFacet, De as DateFacet, Q as FilterErrorBoundary, We as FilterLayout, q as FilterOperatorEnum, he as FilterOperatorSelect, $ as FilterPill, Ie as FilterPopoverContent, pe as FilterProvider, Re as FilterTabs, K as FilterType, ge as FilterValueDisplay, Le as FiltersButton, ct as RangeFacet, Be as SearchFacet, Ve as SearchFiltersList, ot as SelectFacet, Pe as TagsFacet, re as defaultFilterStrings, le as getBooleanOperators, ce as getDateOperators, J as getDefaultOperatorForType, ie as getFilterString, se as getNumberOperators, ue as getOperatorsForType, oe as getSelectOperators, ae as getTextOperators, W as interpolateFilterString, at as mergeFilterQuery, rt as parseFiltersFromQuery, ut as predicateValidator, it as serializeFiltersToQuery, we as useAsyncOptions, me as useFilterGroups, X as useFilters, lt as zodValidator };
 
 //# sourceMappingURL=index.js.map