admin-ui-starter-kit 0.1.3 → 0.4.2

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

@@ -1,24 +1,25 @@
 import { useStrings as e } from "../../../lib/strings.js";
-import { o as t } from "../../../_shared/ui-provider-4qKSKMPd.js";
+import { o as t } from "../../../_shared/ui-provider-C8Ot88lS.js";
 import { cn as n } from "../../../lib/utils.js";
-import { t as r } from "../../../_shared/text-DIxMTECE.js";
-import { a as i } from "../../../_shared/typography-a3hydyvI.js";
-import { t as a } from "../../../_shared/badge-BVCh_hfL.js";
-import { t as o } from "../../../_shared/button-ChCkwoOD.js";
-import { i as s, s as c } from "../../../_shared/command-jKbwFRtS.js";
-import { a as l, i as u, n as d, r as f, t as p } from "../../../_shared/command-BbiijN61.js";
-import { t as m } from "../../../_shared/date-picker-B8O_qbik.js";
-import { n as h, s as g, t as _ } from "../../../_shared/popover-CgRGcFk9.js";
-import { t as v } from "../../../_shared/input-DQahu2sm.js";
-import { t as y } from "../../../_shared/popover-menu-BHdHLEVL.js";
-import b, { Component as x, createContext as S, useCallback as C, useContext as w, useEffect as T, useId as E, useMemo as D, useRef as O, useState as k } from "react";
-import { format as A, isValid as j, parse as M } from "date-fns";
-import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
-import { AlertCircle as I, ArrowLeft as L, CalendarIcon as R, Check as ee, ChevronDown as z, ChevronsUpDown as B, Filter as V, Loader2 as H, Plus as te, X as U } from "lucide-react";
+import { n as r } from "../../../_shared/heading-HeP06nXG.js";
+import { a as i } from "../../../_shared/typography-CdxyWB1T.js";
+import { t as a } from "../../../_shared/badge-yGlx9trX.js";
+import { t as o } from "../../../_shared/button-SuocMQFT.js";
+import { t as s } from "../../../_shared/input-C7t-RHYq.js";
+import { t as c } from "../../../_shared/date-picker-TMcjGO26.js";
+import { n as l, r as u, s as d, t as f } from "../../../_shared/popover-L37RqoRO.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 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";
 //#region src/components/features/filters/filters.strings.ts
 var ne = {
 	loading: "Loading",
 	loadingOptions: "Loading {filterLabel} options...",
+	addFilter: "Add filter",
 	clear: "Clear",
 	confirm: "Confirm",
 	clearFilters: "Clear filters",
@@ -94,7 +95,7 @@ var ne = {
 		invalidFormat: "Invalid format"
 	}
 };
-function W(e, t) {
+function G(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) {
@@ -103,11 +104,11 @@ function re(e, t, n) {
 		if (typeof i != "object" || !i) return t;
 		i = i[e];
 	}
-	return typeof i == "string" ? n ? W(i, n) : i : t;
+	return typeof i == "string" ? n ? G(i, n) : i : t;
 }
 //#endregion
 //#region src/components/features/filters/filters.types.ts
-var G = {
+var K = {
 	SELECT: "select",
 	MULTI_SELECT: "multi_select",
 	ASYNC_SELECT: "async_select",
@@ -115,7 +116,7 @@ var G = {
 	RANGE: "range",
 	DATE: "date",
 	TAGS: "tags"
-}, K = {
+}, q = {
 	EQUALS: "equals",
 	CONTAINS: "contains",
 	IN: "in",
@@ -134,107 +135,107 @@ var G = {
 };
 //#endregion
 //#region src/components/features/filters/operator-options.ts
-function ie(e) {
+function J(e) {
 	return [
 		{
 			label: e.contains,
-			value: K.CONTAINS
+			value: q.CONTAINS
 		},
 		{
 			label: e.equals,
-			value: K.EQUALS
+			value: q.EQUALS
 		},
 		{
 			label: e.notContains,
-			value: K.NOT
+			value: q.NOT
 		}
 	];
 }
-function ae(e) {
+function ie(e) {
 	return [{
 		label: e.is,
-		value: K.EQUALS
+		value: q.EQUALS
 	}, {
 		label: e.isNot,
-		value: K.NOT
+		value: q.NOT
 	}];
 }
-function oe(e) {
+function ae(e) {
 	return [
 		{
 			label: e.equals,
-			value: K.EQUALS
+			value: q.EQUALS
 		},
 		{
 			label: e.greaterThan,
-			value: K.GT
+			value: q.GT
 		},
 		{
 			label: e.lessThan,
-			value: K.LT
+			value: q.LT
 		}
 	];
 }
-function se(e) {
+function oe(e) {
 	return [
 		{
 			label: e.before,
-			value: K.BEFORE
+			value: q.BEFORE
 		},
 		{
 			label: e.after,
-			value: K.AFTER
+			value: q.AFTER
 		},
 		{
 			label: e.between,
-			value: K.BETWEEN
+			value: q.BETWEEN
 		}
 	];
 }
-function ce(e) {
+function se(e) {
 	return [{
 		label: e.equals,
-		value: K.EQUALS
+		value: q.EQUALS
 	}];
 }
-function le(e, t) {
+function ce(e, t) {
 	switch (e) {
-		case G.SEARCH: return ie(t);
-		case G.TAGS: return [
+		case K.SEARCH: return J(t);
+		case K.TAGS: return [
 			{
 				label: t.has,
-				value: K.HAS
+				value: q.HAS
 			},
 			{
 				label: t.hasAny,
-				value: K.HAS_ANY
+				value: q.HAS_ANY
 			},
 			{
 				label: t.hasAll,
-				value: K.HAS_ALL
+				value: q.HAS_ALL
 			}
 		];
-		case G.SELECT:
-		case G.ASYNC_SELECT: return ae(t);
-		case G.RANGE: return oe(t);
-		case G.DATE: return se(t);
-		default: return ie(t);
+		case K.SELECT:
+		case K.ASYNC_SELECT: return ie(t);
+		case K.RANGE: return ae(t);
+		case K.DATE: return oe(t);
+		default: return J(t);
 	}
 }
-function ue(e) {
+function le(e) {
 	switch (e) {
-		case G.SEARCH: return K.CONTAINS;
-		case G.TAGS: return K.HAS;
-		case G.SELECT:
-		case G.ASYNC_SELECT: return K.EQUALS;
-		case G.RANGE: return K.EQUALS;
-		case G.DATE: return K.BEFORE;
-		default: return K.EQUALS;
+		case K.SEARCH: return q.CONTAINS;
+		case K.TAGS: return q.HAS;
+		case K.SELECT:
+		case K.ASYNC_SELECT: return q.EQUALS;
+		case K.RANGE: return q.EQUALS;
+		case K.DATE: return q.BEFORE;
+		default: return q.EQUALS;
 	}
 }
 //#endregion
 //#region src/components/features/filters/utils/filter-utils.ts
-function de(e, t, n) {
+function ue(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") {
@@ -250,35 +251,35 @@ function de(e, t, n) {
 }
 //#endregion
 //#region src/components/features/filters/filter-context.tsx
-var fe = S(void 0), q = /* @__PURE__ */ new Map();
-function pe({ children: t, filters: n, activeFilters: r, onFilterChange: i, isNavigating: a = !1, strings: o, locale: s, onError: c }) {
-	let l = O(n), u = O(r), d = O(i), f = O(c);
+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 }) {
+	let l = k(n), u = k(r), d = k(i), f = k(c);
 	f.current = c;
-	let [, p] = k(0), m = s || "en", h = e(ne, o);
-	T(() => {
+	let [, p] = A(0), m = s || "en", h = e(ne, o);
+	E(() => {
 		l.current = n;
-	}, [n]), T(() => {
+	}, [n]), E(() => {
 		u.current = r;
-	}, [r]), T(() => {
+	}, [r]), E(() => {
 		d.current = i;
 	}, [i]);
-	let g = C((e) => {
+	let g = w((e) => {
 		let t = [...r, e];
 		d.current(t);
-	}, [r]), _ = C((e) => {
+	}, [r]), _ = w((e) => {
 		let t = r.filter((t) => t.id !== e && t.key !== e);
 		d.current(t);
-	}, [r]), v = C((e, t) => {
+	}, [r]), v = w((e, t) => {
 		let n = r.map((n) => n.id === e || n.key === e ? {
 			...n,
 			...t
 		} : n);
 		d.current(n);
-	}, [r]), y = C(() => {
+	}, [r]), y = w(() => {
 		d.current([]);
-	}, []), b = C((e) => {
+	}, []), b = w((e) => {
 		d.current(e);
-	}, []), x = C((e) => l.current.find((t) => t.key === e), []), S = C((e) => r.find((t) => t.key === e)?.value || [], [r]), w = C((e, t) => {
+	}, []), x = w((e) => l.current.find((t) => t.key === e), []), S = w((e) => r.find((t) => t.key === e)?.value || [], [r]), C = w((e, t) => {
 		let n = r.find((t) => t.key === e);
 		if (t.length === 0) n && _(e);
 		else if (n) v(e, { value: t });
@@ -288,7 +289,7 @@ function pe({ children: t, filters: n, activeFilters: r, onFilterChange: i, isNa
 				id: e,
 				key: e,
 				value: t,
-				operator: n?.operator ?? n?.operators?.[0]?.value ?? (n ? ue(n.type) : "equals")
+				operator: n?.operator ?? n?.operators?.[0]?.value ?? (n ? le(n.type) : "equals")
 			});
 		}
 	}, [
@@ -296,12 +297,12 @@ function pe({ children: t, filters: n, activeFilters: r, onFilterChange: i, isNa
 		g,
 		_,
 		v
-	]), E = C((e) => r.some((t) => t.key === e && t.value.length > 0), [r]), A = C((e) => r.find((t) => t.key === e)?.operator || "equals", [r]), j = C((e, t) => {
+	]), T = w((e) => r.some((t) => t.key === e && t.value.length > 0), [r]), D = w((e) => r.find((t) => t.key === e)?.operator || "equals", [r]), j = w((e, t) => {
 		r.find((t) => t.key === e) && v(e, { operator: t });
-	}, [r, v]), M = C((e, t) => {
+	}, [r, v]), M = w((e, t) => {
 		let n = l.current.find((t) => t.key === e);
-		return n ? de(n, t, (e) => re(h, e)) : !1;
-	}, [h]), N = C((e) => l.current.filter((t) => t.dependencies?.some((t) => t.key === e)), []), F = C(async (e) => {
+		return n ? ue(n, t, (e) => re(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 [];
 		if (t.fetchOptions) {
@@ -320,19 +321,19 @@ function pe({ children: t, filters: n, activeFilters: r, onFilterChange: i, isNa
 			}
 		}
 		return t.options || [];
-	}, []), I = C((e, t) => {
-		let n = q.get(e);
-		n || (n = /* @__PURE__ */ new Map(), q.set(e, n));
+	}, []), I = w((e, t) => {
+		let n = Y.get(e);
+		n || (n = /* @__PURE__ */ new Map(), Y.set(e, n));
 		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 = C((e, t) => q.get(e)?.get(t)?.label, []);
-	T(() => {
+	}, []), L = w((e, t) => Y.get(e)?.get(t)?.label, []);
+	E(() => {
 		let e = new AbortController();
 		for (let t of n) {
-			if (t.type !== G.ASYNC_SELECT) continue;
+			if (t.type !== K.ASYNC_SELECT) continue;
 			let n = r.find((e) => e.key === t.key);
-			if (!n || n.value.length === 0 || n.value.every((e) => q.get(t.key)?.has(e))) continue;
+			if (!n || n.value.length === 0 || n.value.every((e) => Y.get(t.key)?.has(e))) continue;
 			let { asyncConfig: i, fetchOptions: a } = t;
 			i?.fetcher && i.mapToOption ? i.fetcher({
 				query: "",
@@ -348,7 +349,7 @@ function pe({ children: t, filters: n, activeFilters: r, onFilterChange: i, isNa
 		}
 		return () => e.abort();
 	}, []);
-	let R = D(() => ({
+	let R = O(() => ({
 		activeFilters: r,
 		filters: n,
 		addFilter: g,
@@ -358,13 +359,13 @@ function pe({ children: t, filters: n, activeFilters: r, onFilterChange: i, isNa
 		replaceFilters: b,
 		getFilterByKey: x,
 		getFilterValue: S,
-		setFilterValue: w,
-		isFilterActive: E,
-		getFilterOperator: A,
+		setFilterValue: C,
+		isFilterActive: T,
+		getFilterOperator: D,
 		setFilterOperator: j,
 		validateFilter: M,
 		getDependentFilters: N,
-		getFilterOptions: F,
+		getFilterOptions: P,
 		isNavigating: a,
 		locale: m,
 		strings: h,
@@ -380,41 +381,41 @@ function pe({ children: t, filters: n, activeFilters: r, onFilterChange: i, isNa
 		b,
 		x,
 		S,
-		w,
-		E,
-		A,
+		C,
+		T,
+		D,
 		j,
 		M,
 		N,
-		F,
+		P,
 		a,
 		m,
 		h,
 		I,
 		L
 	]);
-	return /* @__PURE__ */ P(fe.Provider, {
+	return /* @__PURE__ */ F(de.Provider, {
 		value: R,
 		children: t
 	});
 }
-function J() {
-	let e = w(fe);
+function X() {
+	let e = T(de);
 	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 me(e = {}) {
-	let { dynamicFilterOptions: t } = e, { filters: n, isFilterActive: r } = J(), i = D(() => t ? n.map((e) => {
+function pe(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) ? {
 			...e,
 			options: n
 		} : e;
 	}) : n, [n, t]);
-	return D(() => {
-		let e = i.filter((e) => e.type === G.SEARCH), t = i.filter((e) => e.type !== G.SEARCH && r(e.key)), n = i.filter((e) => e.type !== G.SEARCH && !r(e.key) && e.displayConfig?.display === "always"), a = i.filter((e) => e.type !== G.SEARCH && !r(e.key) && e.displayConfig?.display !== "always"), o = t.map((e) => e.key);
+	return O(() => {
+		let e = i.filter((e) => e.type === K.SEARCH), t = i.filter((e) => e.type !== K.SEARCH && r(e.key)), n = i.filter((e) => e.type !== K.SEARCH && !r(e.key) && e.displayConfig?.display === "always"), a = i.filter((e) => e.type !== K.SEARCH && !r(e.key) && e.displayConfig?.display !== "always"), o = t.map((e) => e.key);
 		return {
 			processedFilters: i,
 			searchFilters: e,
@@ -428,13 +429,13 @@ function me(e = {}) {
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-operator-select.tsx
-function he({ operator: e, operators: t, onOperatorChange: i, segmentResetClass: a }) {
-	let [s, c] = k(!1), { strings: l } = J(), u = t.find((t) => t.value === e)?.label || e;
-	return /* @__PURE__ */ P(y, {
+function me({ operator: e, operators: t, onOperatorChange: i, segmentResetClass: a }) {
+	let [s, c] = A(!1), { strings: l } = X(), u = t.find((t) => t.value === e)?.label || e;
+	return /* @__PURE__ */ F(b, {
 		open: s,
 		onOpenChange: c,
 		search: !1,
-		trigger: /* @__PURE__ */ P(o, {
+		trigger: /* @__PURE__ */ F(o, {
 			variant: "secondary",
 			buttonStyle: "ghost",
 			className: n(a, "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"),
@@ -444,7 +445,7 @@ function he({ operator: e, operators: t, onOperatorChange: i, segmentResetClass:
 			type: "button",
 			children: u
 		}),
-		header: /* @__PURE__ */ P(r, {
+		header: /* @__PURE__ */ F(r, {
 			tag: "span",
 			size: "xs",
 			weight: "semibold",
@@ -463,135 +464,135 @@ function he({ operator: e, operators: t, onOperatorChange: i, segmentResetClass:
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-value-display.tsx
-function ge({ filter: e, value: t }) {
-	let { strings: n } = J();
-	return t.length === 0 && e.type !== G.DATE ? /* @__PURE__ */ P(r, {
+function he({ filter: e, value: t }) {
+	let { strings: n } = X();
+	return t.length === 0 && e.type !== K.DATE ? /* @__PURE__ */ F(r, {
 		tag: "span",
 		size: "xs",
 		type: "secondary",
 		children: n.nothingSelected
-	}) : e.type === G.ASYNC_SELECT && !e.options?.length ? /* @__PURE__ */ P(r, {
+	}) : e.type === K.ASYNC_SELECT && !e.options?.length ? /* @__PURE__ */ F(r, {
 		tag: "span",
 		size: "xs",
 		weight: "semibold",
-		children: ve(e, t, n)
-	}) : e.options && e.type !== G.DATE ? /* @__PURE__ */ F("div", {
+		children: _e(e, t, n)
+	}) : e.options && e.type !== K.DATE ? /* @__PURE__ */ I("div", {
 		className: "flex items-center gap-1",
-		children: [/* @__PURE__ */ F("div", {
+		children: [/* @__PURE__ */ I("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__ */ P("div", {
+				return r?.icon ? /* @__PURE__ */ F("div", {
 					className: `${n > 0 ? "-ml-1.5" : ""} border-background bg-background relative rounded-full border`,
 					style: { zIndex: 10 - n },
 					children: r.icon
 				}, t) : null;
-			}), t.length > 2 && /* @__PURE__ */ F("div", {
+			}), 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",
 				children: ["+", t.length - 2]
 			})]
-		}), /* @__PURE__ */ P(r, {
+		}), /* @__PURE__ */ F(r, {
 			tag: "span",
 			size: "xs",
 			weight: "semibold",
-			children: ye(e, t, n)
+			children: ve(e, t, n)
 		})]
-	}) : e.type === G.DATE ? /* @__PURE__ */ F("div", {
+	}) : e.type === K.DATE ? /* @__PURE__ */ I("div", {
 		className: "flex items-center gap-1",
-		children: [/* @__PURE__ */ P(R, { className: "text-muted-foreground h-3.5 w-3.5" }), /* @__PURE__ */ P(r, {
+		children: [/* @__PURE__ */ F(z, { className: "text-muted-foreground h-3.5 w-3.5" }), /* @__PURE__ */ F(r, {
 			tag: "span",
 			size: "xs",
 			weight: "semibold",
-			children: _e(e, t, n)
+			children: ge(e, t, n)
 		})]
-	}) : /* @__PURE__ */ P(r, {
+	}) : /* @__PURE__ */ F(r, {
 		tag: "span",
 		size: "xs",
 		weight: "semibold",
-		children: ye(e, t, n)
+		children: ve(e, t, n)
 	});
 }
-function _e(e, t, n) {
-	return e.operator === "between" && t.length === 2 ? `${Y(t[0], e.dateFormat?.display)} - ${Y(t[1], e.dateFormat?.display)}` : t.length === 1 ? Y(t[0], e.dateFormat?.display) : t.length === 2 ? `${Y(t[0], e.dateFormat?.display)} - ${Y(t[1], e.dateFormat?.display)}` : e.datePickerConfig?.noDatePlaceholder || n.calendar.notDateSelected;
+function ge(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 ve(e, t, n) {
-	return t.length === 0 ? "" : W(n.selected, {
+function _e(e, t, n) {
+	return t.length === 0 ? "" : G(n.selected, {
 		count: t.length,
 		filterLabel: (t.length > 1 ? e.pluralLabel : e.label) ?? e.label
 	});
 }
-function ye(e, t, n) {
-	return t.length > 1 ? W(n.selected, {
+function ve(e, t, n) {
+	return t.length > 1 ? G(n.selected, {
 		count: t.length,
 		filterLabel: e.pluralLabel ?? e.label
 	}) : t.map((t) => e.options?.find((e) => e.value === t)?.label || t).join(", ");
 }
-function Y(e, t) {
+function Z(e, t) {
 	let n = new Date(e);
 	if (Number.isNaN(n.getTime())) return e;
 	if (t) try {
-		return A(n, t);
+		return j(n, t);
 	} catch {}
 	return n.toLocaleDateString();
 }
 //#endregion
 //#region src/components/features/filters/partials/active-filter-item.tsx
-function be({ filter: e, value: t, isActive: i, operators: a, operator: s, onOperatorChange: c, onFilterClear: l, onFilterClick: u }) {
-	let { strings: d } = J(), f = (e) => {
+function ye({ filter: e, value: t, isActive: i, operators: a, 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__ */ P("div", {
+	}, p = "!border-0 !rounded-none !shadow-none focus-visible:!ring-0 focus-visible:!border-transparent", m = () => /* @__PURE__ */ F("div", {
 		"aria-hidden": !0,
 		className: "w-px self-stretch bg-border"
 	});
-	return /* @__PURE__ */ F("div", {
+	return /* @__PURE__ */ I("div", {
 		role: "group",
 		"aria-label": e.label,
-		className: n("border-input bg-background flex h-8 items-center overflow-hidden rounded-md border", e.displayConfig?.className, i && "active"),
+		className: n("border-input bg-background flex h-9 items-center overflow-hidden rounded-md border", e.displayConfig?.className, i && "active"),
 		children: [
-			/* @__PURE__ */ F(o, {
+			/* @__PURE__ */ I(o, {
 				type: "button",
 				variant: "secondary",
 				buttonStyle: "ghost",
 				className: n(p, "flex h-full items-center px-3 hover:bg-accent hover:text-accent-foreground"),
 				onClick: f,
 				children: [
-					!!e.icon && /* @__PURE__ */ P("span", {
+					!!e.icon && /* @__PURE__ */ F("span", {
 						className: "text-muted-foreground mr-1",
 						children: e.icon
 					}),
-					/* @__PURE__ */ P(r, {
+					/* @__PURE__ */ F(r, {
 						tag: "span",
 						size: "xs",
 						weight: "semibold",
 						children: e.label
 					}),
-					/* @__PURE__ */ P(z, { className: "ml-1 h-4 w-4" })
+					/* @__PURE__ */ F(B, { className: "ml-1 h-4 w-4" })
 				]
 			}),
-			/* @__PURE__ */ P(m, {}),
-			/* @__PURE__ */ P(he, {
+			/* @__PURE__ */ F(m, {}),
+			/* @__PURE__ */ F(me, {
 				operator: s,
 				operators: a,
 				onOperatorChange: c,
 				segmentResetClass: p
 			}),
-			/* @__PURE__ */ P(m, {}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ F(m, {}),
+			/* @__PURE__ */ F("div", {
 				className: "pointer-events-none flex flex-1 items-center px-2",
-				children: /* @__PURE__ */ P(ge, {
+				children: /* @__PURE__ */ F(he, {
 					filter: e,
 					value: t
 				})
 			}),
-			/* @__PURE__ */ P(m, {}),
-			/* @__PURE__ */ F(o, {
+			/* @__PURE__ */ F(m, {}),
+			/* @__PURE__ */ I(o, {
 				variant: "secondary",
 				buttonStyle: "ghost",
 				className: n(p, "h-full w-8 px-0 rounded-r-md"),
 				onClick: (e) => {
 					e.stopPropagation(), e.preventDefault(), l();
 				},
-				children: [/* @__PURE__ */ P(U, { className: "h-4 w-4" }), /* @__PURE__ */ P("span", {
+				children: [/* @__PURE__ */ F(W, { className: "h-4 w-4" }), /* @__PURE__ */ F("span", {
 					className: "sr-only",
 					children: d.clear
 				})]
@@ -601,9 +602,9 @@ function be({ filter: e, value: t, isActive: i, operators: a, operator: s, onOpe
 }
 //#endregion
 //#region src/hooks/use-debounce.ts
-function xe(e, t = 500) {
-	let [n, r] = k(e);
-	return T(() => {
+function be(e, t = 500) {
+	let [n, r] = A(e);
+	return E(() => {
 		let n = setTimeout(() => {
 			r(e);
 		}, t);
@@ -614,9 +615,19 @@ function xe(e, t = 500) {
 }
 //#endregion
 //#region src/components/features/filters/hooks/use-async-options.ts
-var Se = /* @__PURE__ */ new Map();
+var xe = /* @__PURE__ */ new Map();
+function Se(e, t) {
+	let n = xe.get(e);
+	if (n) {
+		if (Date.now() - n.timestamp > t) {
+			xe.delete(e);
+			return;
+		}
+		return n;
+	}
+}
 function Ce(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 = c.length === 0 && d, m = c.length >= u, h = r && (p || c.length > 0 && m), g = r && !p && c.length > 0 && c.length < u, _ = D(() => i?.queryKey ? JSON.stringify(i.queryKey({
+	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({
 		query: c,
 		limit: l
 	})) : JSON.stringify([
@@ -629,7 +640,7 @@ function Ce(e, n, r) {
 		e.key,
 		c,
 		l
-	]), v = C(async (e) => i?.fetcher && i.mapToOption ? (await i.fetcher({
+	]), y = w(async (e) => i?.fetcher && i.mapToOption ? (await i.fetcher({
 		query: c,
 		limit: l,
 		signal: e
@@ -638,40 +649,40 @@ function Ce(e, n, r) {
 		a,
 		c,
 		l
-	]), [y, b] = k(() => ({
-		data: Se.get(_)?.data ?? [],
+	]), [b, x] = A(() => ({
+		data: Se(v, p)?.data ?? [],
 		loading: !1,
 		fetching: !1,
 		error: !1
-	})), [x, S] = k(0), w = C(() => S((e) => e + 1), []);
-	return T(() => {
-		if (!h) return;
-		let e = Se.get(_), t = e !== void 0 && Date.now() - e.timestamp < f, n = new AbortController();
-		if (t && x === 0) return b({
+	})), [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();
+		if (t && S === 0) return x({
 			data: e.data,
 			loading: !1,
 			fetching: !1,
 			error: !1
 		}), () => n.abort();
-		b((t) => ({
+		x((t) => ({
 			data: e?.data ?? t.data,
 			loading: e === void 0,
 			fetching: !0,
 			error: !1
 		}));
 		let r = !1;
-		return v(n.signal).then((e) => {
-			r || (Se.set(_, {
+		return y(n.signal).then((e) => {
+			r || (xe.set(v, {
 				timestamp: Date.now(),
 				data: e
-			}), b({
+			}), x({
 				data: e,
 				loading: !1,
 				fetching: !1,
 				error: !1
 			}));
 		}).catch((e) => {
-			r || n.signal.aborted || e && e.name === "AbortError" || b((e) => ({
+			r || n.signal.aborted || e && e.name === "AbortError" || x((e) => ({
 				data: e.data,
 				loading: !1,
 				fetching: !1,
@@ -681,32 +692,39 @@ function Ce(e, n, r) {
 			r = !0, n.abort();
 		};
 	}, [
-		_,
 		v,
-		h,
+		y,
+		g,
 		f,
-		x
+		p,
+		S
 	]), {
-		options: h ? y.data : [],
-		isLoading: h && y.loading,
-		isFetching: h && y.fetching,
-		isError: h && y.error,
-		refetch: w,
-		isBelowMinQuery: g,
+		options: g ? b.data : [],
+		isLoading: g && b.loading,
+		isFetching: g && b.fetching,
+		isError: g && b.error,
+		refetch: T,
+		isBelowMinQuery: _,
 		minQueryLength: u
 	};
 }
 //#endregion
 //#region src/components/features/filters/partials/async-filter-content.tsx
-function we({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onClose: a, isFromMainFilterButton: c = !1 }) {
-	let { strings: m, cacheAsyncOptions: h, getAsyncOptionLabel: g } = J(), [_, v] = k(""), [y, b] = k(t ?? []), x = O(t);
+function we({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onClose: a, 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: E, isBelowMinQuery: A, minQueryLength: j } = Ce(e, _, !0);
-	S.length > 0 && h(e.key, S);
-	let M = e.multiple !== !1, R = e.maxSelected, z = !!c, B = D(() => {
-		let t = new Set(y), n = new Set(S.map((e) => e.value)), r = [];
-		for (let t of y) if (!n.has(t)) {
-			let n = g(e.key, t);
+	let { options: S, isLoading: C, isFetching: w, isError: T, refetch: D, isBelowMinQuery: j, minQueryLength: M } = Ce(e, d, !0);
+	E(() => {
+		S.length > 0 && l(e.key, S);
+	}, [
+		l,
+		e.key,
+		S
+	]);
+	let N = e.multiple !== !1, z = e.maxSelected, B = !!s, V = 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);
 			n && r.push({
 				value: t,
 				label: n,
@@ -716,138 +734,138 @@ function we({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onC
 		return [...r, ...S].sort((e, n) => !t.has(e.value) - +!t.has(n.value));
 	}, [
 		S,
-		y,
+		m,
 		e.key,
 		e.icon,
-		g
-	]), V = (t) => {
-		if (M) if (y.includes(t)) b(y.filter((e) => e !== t));
+		u
+	]), H = (t) => {
+		if (N) if (m.includes(t)) b(m.filter((e) => e !== t));
 		else {
-			if (R && y.length >= R) return;
-			b([...y, t]);
+			if (z && m.length >= z) return;
+			b([...m, t]);
 		}
 		else b([t]), e.closeOnSelect === !0 && (n([t]), a());
 	}, te = () => {
-		n(y), a();
-	}, U = D(() => C || w ? /* @__PURE__ */ F("div", {
+		n(m), a();
+	}, W = O(() => C || w ? /* @__PURE__ */ I("div", {
 		className: "flex items-center justify-center gap-2 py-4",
-		children: [/* @__PURE__ */ P(H, { className: "text-muted-foreground size-4 animate-spin" }), /* @__PURE__ */ P(r, {
+		children: [/* @__PURE__ */ F(U, { className: "text-muted-foreground size-4 animate-spin" }), /* @__PURE__ */ F(r, {
 			tag: "span",
 			size: "xs",
 			type: "secondary",
-			children: m.searching
+			children: c.searching
 		})]
-	}) : T ? /* @__PURE__ */ F("div", {
+	}) : T ? /* @__PURE__ */ I("div", {
 		className: "flex flex-col items-center gap-2 py-4",
-		children: [/* @__PURE__ */ F("div", {
+		children: [/* @__PURE__ */ I("div", {
 			className: "flex items-center gap-1.5",
-			children: [/* @__PURE__ */ P(I, { className: "text-destructive size-4" }), /* @__PURE__ */ P(r, {
+			children: [/* @__PURE__ */ F(L, { className: "text-destructive size-4" }), /* @__PURE__ */ F(r, {
 				tag: "span",
 				size: "xs",
 				type: "secondary",
-				children: m.fetchError
+				children: c.fetchError
 			})]
-		}), /* @__PURE__ */ P(o, {
+		}), /* @__PURE__ */ F(o, {
 			variant: "secondary",
 			buttonStyle: "outline",
 			size: "xs",
 			onClick: (e) => {
-				e.stopPropagation(), E();
+				e.stopPropagation(), D();
 			},
-			children: m.retryFetch
+			children: c.retryFetch
 		})]
-	}) : A ? /* @__PURE__ */ P("div", {
+	}) : j ? /* @__PURE__ */ F("div", {
 		className: "text-muted-foreground flex items-center justify-center py-4",
-		children: /* @__PURE__ */ P(r, {
+		children: /* @__PURE__ */ F(r, {
 			tag: "span",
 			size: "xs",
 			type: "secondary",
-			children: W(m.minQueryHint, { min: j })
+			children: G(c.minQueryHint, { min: M })
 		})
-	}) : m.noOptionsFound, [
+	}) : c.noOptionsFound, [
 		C,
 		w,
 		T,
-		A,
 		j,
-		m,
-		E
+		M,
+		c,
+		D
 	]);
-	return /* @__PURE__ */ F(N, { children: [
-		/* @__PURE__ */ F("div", {
+	return /* @__PURE__ */ I(P, { children: [
+		/* @__PURE__ */ I("div", {
 			className: "flex items-center border-b p-2",
-			children: [!!z && /* @__PURE__ */ P(o, {
+			children: [!!B && /* @__PURE__ */ F(o, {
 				variant: "secondary",
 				buttonStyle: "ghost",
 				className: "mr-2 h-8 w-8 p-0",
 				onClick: i,
-				"aria-label": m.backToFilters,
-				children: /* @__PURE__ */ P(L, { className: "h-4 w-4" })
-			}), /* @__PURE__ */ F("div", {
+				"aria-label": c.backToFilters,
+				children: /* @__PURE__ */ F(R, { className: "h-4 w-4" })
+			}), /* @__PURE__ */ I("div", {
 				className: "flex flex-col",
-				children: [/* @__PURE__ */ P(r, {
+				children: [/* @__PURE__ */ F(r, {
 					tag: "span",
 					size: "xs",
 					weight: "semibold",
 					children: e.label
-				}), /* @__PURE__ */ P(r, {
+				}), /* @__PURE__ */ F(r, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
-					children: m.selectValues
+					children: c.selectValues
 				})]
 			})]
 		}),
-		/* @__PURE__ */ F(p, {
+		/* @__PURE__ */ I(y, {
 			shouldFilter: !1,
-			children: [/* @__PURE__ */ P(s, {
-				placeholder: W(m.searchPlaceholder, { filterLabel: e.label.toLowerCase() }),
-				value: _,
-				onValueChange: v
-			}), /* @__PURE__ */ P(l, { children: B.length === 0 ? /* @__PURE__ */ P(d, { children: U }) : /* @__PURE__ */ F(f, { children: [!!(w && !C) && /* @__PURE__ */ F("div", {
+			children: [/* @__PURE__ */ F(p, {
+				placeholder: G(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", {
 				className: "flex items-center gap-1.5 px-2 py-1",
-				children: [/* @__PURE__ */ P(H, { className: "text-muted-foreground size-3 animate-spin" }), /* @__PURE__ */ P(r, {
+				children: [/* @__PURE__ */ F(U, { className: "text-muted-foreground size-3 animate-spin" }), /* @__PURE__ */ F(r, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
-					children: m.searching
+					children: c.searching
 				})]
-			}), B.map((e) => /* @__PURE__ */ F(u, {
-				onSelect: () => V(e.value),
-				disabled: e.disabled || !!R && y.length >= R && !y.includes(e.value),
+			}), V.map((e) => /* @__PURE__ */ I(g, {
+				onSelect: () => H(e.value),
+				disabled: e.disabled || !!z && m.length >= z && !m.includes(e.value),
 				className: "flex items-center gap-2",
 				children: [
 					e.icon,
-					/* @__PURE__ */ P(r, {
+					/* @__PURE__ */ F(r, {
 						tag: "span",
 						size: "xs",
 						children: e.label
 					}),
-					y.includes(e.value) && /* @__PURE__ */ P("span", {
+					m.includes(e.value) && /* @__PURE__ */ F("span", {
 						className: "ml-auto",
-						children: /* @__PURE__ */ P(ee, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ F(ee, { className: "h-4 w-4" })
 					})
 				]
 			}, e.value))] }) })]
 		}),
-		/* @__PURE__ */ F("div", {
+		/* @__PURE__ */ I("div", {
 			className: "flex justify-between border-t p-2",
-			children: [/* @__PURE__ */ P(r, {
+			children: [/* @__PURE__ */ F(r, {
 				tag: "span",
 				size: "xs",
 				type: "secondary",
-				children: W(m.selected, {
-					count: y.length,
-					filterLabel: (y.length > 1 ? e.pluralLabel : e.label) ?? e.label
+				children: G(c.selected, {
+					count: m.length,
+					filterLabel: (m.length > 1 ? e.pluralLabel : e.label) ?? e.label
 				})
-			}), /* @__PURE__ */ P("div", {
+			}), /* @__PURE__ */ F("div", {
 				className: "flex gap-2",
-				children: /* @__PURE__ */ P(o, {
+				children: /* @__PURE__ */ F(o, {
 					variant: "secondary",
 					buttonStyle: "outline",
 					size: "xs",
 					onClick: te,
-					children: m.confirm
+					children: c.confirm
 				})
 			})]
 		})
@@ -857,31 +875,31 @@ function we({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onC
 //#region src/components/features/filters/facets/date-facet.tsx
 var Te = [];
 function Ee({ filter: e, value: t, onChange: r, className: i }) {
-	let { strings: a } = J(), 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) ? {
+	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
-	} : void 0, h = !o && t.start && j(t.start) ? t.start : void 0, g = {
+	} : void 0, h = !o && t.start && M(t.start) ? t.start : void 0, g = {
 		format: s,
-		readableFormat: c,
-		placeholder: l,
+		readableFormat: l,
+		placeholder: u,
 		disablePortal: !0,
 		numberOfMonths: 1,
 		className: n("date-facet--component", "w-full", i)
 	};
-	return o ? /* @__PURE__ */ P(m, {
+	return o ? /* @__PURE__ */ F(c, {
 		mode: "range",
-		value: p,
+		value: m,
 		onChange: (e) => {
 			r({
 				start: e.range?.from ?? void 0,
 				end: e.range?.to ?? void 0
 			});
 		},
-		withConfirm: u,
-		closeOnSelect: d,
-		presets: f ? void 0 : Te,
+		withConfirm: d,
+		closeOnSelect: f,
+		presets: p ? void 0 : Te,
 		...g
-	}) : /* @__PURE__ */ P(m, {
+	}) : /* @__PURE__ */ F(c, {
 		mode: "single",
 		value: h,
 		onChange: (e) => {
@@ -890,23 +908,23 @@ function Ee({ filter: e, value: t, onChange: r, className: i }) {
 				end: void 0
 			});
 		},
-		closeOnSelect: d,
+		closeOnSelect: f,
 		...g
 	});
 }
 //#endregion
 //#region src/components/features/filters/partials/date-filter-content.tsx
 function De({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, isFromMainFilterButton: a = !1 }) {
-	let { strings: s } = J(), c = (t) => {
+	let { strings: s } = X(), c = (t) => {
 		if (!t) return;
 		if (e.dateFormat?.param) {
-			let n = M(t, e.dateFormat.param, /* @__PURE__ */ new Date());
-			return j(n) ? n : void 0;
+			let n = N(t, e.dateFormat.param, /* @__PURE__ */ new Date());
+			return M(n) ? n : void 0;
 		}
 		let n = new Date(t);
-		return j(n) ? n : void 0;
+		return M(n) ? n : void 0;
 	}, l = c(t[0]), u = c(t[1]), d = (t) => {
-		if (!(!t || !j(t))) return A(t, e.dateFormat?.param ?? "yyyy-MM-dd");
+		if (!(!t || !M(t))) return j(t, e.dateFormat?.param ?? "yyyy-MM-dd");
 	}, f = ({ start: e, end: t }) => {
 		let r = [], i = d(e), a = d(t);
 		i && r.push(i), a && r.push(a), n(r);
@@ -914,11 +932,11 @@ function De({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, isF
 		start: l,
 		end: u
 	};
-	return /* @__PURE__ */ F("div", {
+	return /* @__PURE__ */ I("div", {
 		className: "flex flex-col",
-		children: [/* @__PURE__ */ F("div", {
+		children: [/* @__PURE__ */ I("div", {
 			className: "flex items-center gap-2 border-b border-border/60 px-3 py-2.5",
-			children: [!!p && /* @__PURE__ */ P(o, {
+			children: [!!p && /* @__PURE__ */ F(o, {
 				type: "button",
 				variant: "secondary",
 				buttonStyle: "ghost",
@@ -926,16 +944,16 @@ function De({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, isF
 				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__ */ P(L, { className: "size-3.5" })
-			}), /* @__PURE__ */ P(r, {
+				children: /* @__PURE__ */ F(R, { className: "size-3.5" })
+			}), /* @__PURE__ */ F(r, {
 				tag: "span",
 				weight: "semibold",
 				className: "truncate",
 				children: e.label
 			})]
-		}), /* @__PURE__ */ P("div", {
+		}), /* @__PURE__ */ F("div", {
 			className: "p-2",
-			children: /* @__PURE__ */ P(Ee, {
+			children: /* @__PURE__ */ F(Ee, {
 				filter: e,
 				value: m,
 				onChange: f
@@ -945,7 +963,7 @@ function De({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, isF
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-error-boundary.tsx
-var Oe = class extends x {
+var Oe = class extends S {
 	state = {
 		hasError: !1,
 		error: null
@@ -972,16 +990,16 @@ var Oe = class extends x {
 	render() {
 		if (this.state.hasError) {
 			let { fallback: e, filterKey: t, labels: n } = this.props;
-			return e || /* @__PURE__ */ F("div", {
+			return e || /* @__PURE__ */ I("div", {
 				className: "rounded-md border border-destructive/30 bg-destructive/10 p-3 text-xs text-destructive",
 				children: [
-					/* @__PURE__ */ F("div", {
+					/* @__PURE__ */ I("div", {
 						className: "mb-1 flex items-center justify-between",
-						children: [/* @__PURE__ */ P(r, {
+						children: [/* @__PURE__ */ F(r, {
 							tag: "span",
 							weight: "semibold",
 							children: n.title
-						}), /* @__PURE__ */ P(o, {
+						}), /* @__PURE__ */ F(o, {
 							type: "button",
 							variant: "error",
 							buttonStyle: "ghost",
@@ -989,14 +1007,14 @@ var Oe = class extends x {
 							onClick: this.handleReset,
 							className: "size-6 rounded-full p-0",
 							"aria-label": n.reset,
-							children: /* @__PURE__ */ P(U, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ F(W, { className: "h-4 w-4" })
 						})]
 					}),
-					/* @__PURE__ */ P(r, {
+					/* @__PURE__ */ F(r, {
 						size: "xs",
 						children: n.getDescription(t)
 					}),
-					/* @__PURE__ */ P(r, {
+					/* @__PURE__ */ F(r, {
 						size: "xs",
 						type: "error",
 						className: "mt-1 font-mono",
@@ -1008,14 +1026,14 @@ var Oe = class extends x {
 		return this.props.children;
 	}
 };
-function X(e) {
-	let { strings: t } = J(), n = D(() => ({
+function Q(e) {
+	let { strings: t } = X(), n = O(() => ({
 		title: t.error.title,
 		reset: t.clear,
-		getDescription: (e) => e ? W(t.error.descriptionWithKey, { filterKey: e }) : t.error.generic,
+		getDescription: (e) => e ? G(t.error.descriptionWithKey, { filterKey: e }) : t.error.generic,
 		unknownError: t.error.unknown
 	}), [t]);
-	return /* @__PURE__ */ P(Oe, {
+	return /* @__PURE__ */ F(Oe, {
 		...e,
 		labels: n
 	});
@@ -1023,21 +1041,21 @@ function X(e) {
 //#endregion
 //#region src/components/features/filters/partials/filter-list-item.tsx
 function ke({ filter: e, onSelect: t }) {
-	let { strings: n } = J(), i = e.type === G.DATE ? e.operator === "between" ? n?.selectDateRange : n?.selectDate : e.options ? `${e.options.length} ${n?.options ?? ""}`.trim() : null;
-	return /* @__PURE__ */ F(u, {
+	let { strings: n } = X(), i = 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,
 		className: "flex items-center gap-3 rounded-none px-3 py-2",
-		children: [!!e.icon && /* @__PURE__ */ P("span", {
+		children: [!!e.icon && /* @__PURE__ */ F("span", {
 			className: "shrink-0 text-muted-foreground",
 			children: e.icon
-		}), /* @__PURE__ */ F("div", {
+		}), /* @__PURE__ */ I("div", {
 			className: "flex min-w-0 flex-col leading-tight",
-			children: [/* @__PURE__ */ P(r, {
+			children: [/* @__PURE__ */ F(r, {
 				tag: "span",
 				weight: "semibold",
 				className: "truncate",
 				children: e.label
-			}), !!i && /* @__PURE__ */ P(r, {
+			}), !!i && /* @__PURE__ */ F(r, {
 				tag: "span",
 				size: "xs",
 				type: "secondary",
@@ -1050,36 +1068,36 @@ 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 }) {
-	let { strings: r } = J(), i = (e) => {
+	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";
-	return /* @__PURE__ */ F(p, {
+	return /* @__PURE__ */ I(y, {
 		className: "rounded-none p-0",
-		children: [/* @__PURE__ */ P("div", {
+		children: [/* @__PURE__ */ F("div", {
 			className: "border-b border-border/50 px-3 py-2",
-			children: /* @__PURE__ */ P(s, {
+			children: /* @__PURE__ */ F(p, {
 				className: "text-xs",
 				placeholder: r.searchFilters
 			})
-		}), /* @__PURE__ */ F(l, {
+		}), /* @__PURE__ */ I(h, {
 			className: "max-h-72 py-1",
 			children: [
-				/* @__PURE__ */ P(d, {
+				/* @__PURE__ */ F(_, {
 					className: "px-3 py-4 text-center text-xs text-muted-foreground",
 					children: r.noFiltersAvailable
 				}),
-				e.length > 0 && /* @__PURE__ */ P(f, {
+				e.length > 0 && /* @__PURE__ */ F(v, {
 					heading: r.availableFilters,
 					className: `p-0 ${a}`,
-					children: e.map((e) => /* @__PURE__ */ P(ke, {
+					children: e.map((e) => /* @__PURE__ */ F(ke, {
 						filter: e,
 						onSelect: () => i(e)
 					}, e.key))
 				}),
-				t.length > 0 && /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(c, { className: "my-1" }), /* @__PURE__ */ P(f, {
+				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__ */ P(ke, {
+					children: t.map((e) => /* @__PURE__ */ F(ke, {
 						filter: e,
 						onSelect: () => i(e)
 					}, e.key))
@@ -1090,33 +1108,33 @@ 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: i, onClose: a, isFromMainFilterButton: c = !1 }) {
-	let { strings: m } = J(), h = e.multiple === !0 || e.type === G.MULTI_SELECT, g = !!c, [_, v] = k(t || []);
-	T(() => {
-		v(t || []);
+function je({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onClose: a, isFromMainFilterButton: s = !1 }) {
+	let { strings: c } = X(), l = e.multiple === !0 || e.type === K.MULTI_SELECT, u = !!s, [d, f] = A(t || []);
+	E(() => {
+		f(t || []);
 	}, [t]);
-	let y = (t) => {
-		h ? v(_.includes(t) ? _.filter((e) => e !== t) : [..._, t]) : (v([t]), e.closeOnSelect === !0 && (n([t]), a()));
+	let m = (t) => {
+		l ? f(d.includes(t) ? d.filter((e) => e !== t) : [...d, t]) : (f([t]), e.closeOnSelect === !0 && (n([t]), a()));
 	}, b = () => {
 		try {
-			n(_), a();
+			n(d), a();
 		} catch {}
-	}, x = JSON.stringify(_.slice().sort()) !== JSON.stringify((t ?? []).slice().sort());
-	return /* @__PURE__ */ F("div", {
+	}, x = JSON.stringify(d.slice().sort()) !== JSON.stringify((t ?? []).slice().sort());
+	return /* @__PURE__ */ I("div", {
 		className: "flex flex-col",
 		children: [
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ I("div", {
 				className: "flex items-center gap-2 border-b border-border/60 px-3 py-2.5",
-				children: [!!g && /* @__PURE__ */ P(o, {
+				children: [!!u && /* @__PURE__ */ F(o, {
 					type: "button",
 					variant: "secondary",
 					buttonStyle: "ghost",
 					size: "icon-xs",
 					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": m.backToFilters,
-					children: /* @__PURE__ */ P(L, { className: "size-3.5" })
-				}), /* @__PURE__ */ P(r, {
+					"aria-label": c.backToFilters,
+					children: /* @__PURE__ */ F(R, { className: "size-3.5" })
+				}), /* @__PURE__ */ F(r, {
 					tag: "span",
 					size: "xs",
 					weight: "semibold",
@@ -1124,43 +1142,43 @@ function je({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onC
 					children: e.label
 				})]
 			}),
-			/* @__PURE__ */ F(p, {
+			/* @__PURE__ */ I(y, {
 				className: "rounded-none p-0",
-				children: [/* @__PURE__ */ P("div", {
+				children: [/* @__PURE__ */ F("div", {
 					className: "border-b border-border/50 px-3 py-2.5",
-					children: /* @__PURE__ */ P(s, {
+					children: /* @__PURE__ */ F(p, {
 						className: "text-xs",
-						placeholder: W(m.searchPlaceholder, { filterLabel: e.label.toLowerCase() })
+						placeholder: G(c.searchPlaceholder, { filterLabel: e.label.toLowerCase() })
 					})
-				}), /* @__PURE__ */ F(l, {
+				}), /* @__PURE__ */ I(h, {
 					className: "max-h-64 px-3 py-2",
-					children: [/* @__PURE__ */ P(d, { children: /* @__PURE__ */ P(r, {
+					children: [/* @__PURE__ */ F(_, { children: /* @__PURE__ */ F(r, {
 						size: "xs",
 						type: "secondary",
 						align: "center",
 						className: "py-4",
-						children: m.noOptionsFound
-					}) }), /* @__PURE__ */ P(f, {
+						children: c.noOptionsFound
+					}) }), /* @__PURE__ */ F(v, {
 						className: "p-0 [&_[cmdk-group]]:p-0",
 						children: e.options?.map((e) => {
-							let t = _.includes(e.value);
-							return /* @__PURE__ */ F(u, {
-								onSelect: () => y(e.value),
+							let t = d.includes(e.value);
+							return /* @__PURE__ */ I(g, {
+								onSelect: () => m(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",
-								children: [!!e.icon && /* @__PURE__ */ P("span", {
+								children: [!!e.icon && /* @__PURE__ */ F("span", {
 									className: "mt-0.5 shrink-0 text-muted-foreground",
 									children: e.icon
-								}), /* @__PURE__ */ F("div", {
+								}), /* @__PURE__ */ I("div", {
 									className: "flex min-w-0 flex-1 flex-col leading-tight",
-									children: [/* @__PURE__ */ P(r, {
+									children: [/* @__PURE__ */ F(r, {
 										tag: "span",
 										size: "xs",
 										weight: t ? "medium" : "regular",
 										className: "truncate",
 										children: e.label
-									}), !!e.description && /* @__PURE__ */ P(r, {
+									}), !!e.description && /* @__PURE__ */ F(r, {
 										tag: "span",
 										size: "xxs",
 										type: "secondary",
@@ -1173,22 +1191,22 @@ function je({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onC
 					})]
 				})]
 			}),
-			!!x && /* @__PURE__ */ F("div", {
+			!!x && /* @__PURE__ */ I("div", {
 				className: "flex items-center justify-between gap-2 border-t border-border/60 px-2.5 py-1.5",
-				children: [/* @__PURE__ */ P(r, {
+				children: [/* @__PURE__ */ F(r, {
 					tag: "span",
 					size: "xxs",
 					type: "secondary",
 					className: "tabular-nums",
-					children: W(m.selected, {
-						count: _.length,
-						filterLabel: (_.length > 1 ? e.pluralLabel : e.label) ?? e.label
+					children: G(c.selected, {
+						count: d.length,
+						filterLabel: (d.length > 1 ? e.pluralLabel : e.label) ?? e.label
 					})
-				}), /* @__PURE__ */ P(o, {
+				}), /* @__PURE__ */ F(o, {
 					variant: "primary",
 					size: "xs",
 					onClick: b,
-					children: m.confirm
+					children: c.confirm
 				})]
 			})
 		]
@@ -1196,99 +1214,100 @@ function je({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onC
 }
 //#endregion
 //#region src/components/features/filters/facets/tags-facet.tsx
-function Me({ filter: e, value: t, onChange: i, className: s }) {
-	let { strings: c } = J(), [l, u] = k(""), d = C(() => {
-		let e = l.trim();
-		!e || t.includes(e) || (i([...t, e]), u(""));
+function Me({ 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) || (i([...t, e]), d(""));
 	}, [
-		l,
+		u,
 		t,
 		i
-	]), f = C((e) => {
+	]), p = w((e) => {
 		i(t.filter((t) => t !== e));
-	}, [t, i]), p = (e) => {
-		e.key === "Enter" && (e.preventDefault(), d());
-	}, m = C(() => {
-		i([]), u("");
-	}, [i]), h = t.length > 0, g = t.length === 1 ? c.tag : c.tags, _ = h ? /* @__PURE__ */ F("div", {
+	}, [t, i]), m = (e) => {
+		e.key === "Enter" && (e.preventDefault(), f());
+	}, h = w(() => {
+		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__ */ F("div", {
+		children: [/* @__PURE__ */ I("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ F(r, {
+			children: [/* @__PURE__ */ I(r, {
 				tag: "span",
 				size: "xs",
 				type: "secondary",
 				children: [
 					t.length,
 					" ",
-					g
+					_
 				]
-			}), /* @__PURE__ */ P(o, {
-				onClick: m,
+			}), /* @__PURE__ */ F(o, {
+				onClick: h,
 				variant: "secondary",
 				buttonStyle: "ghost",
 				size: "xs",
 				className: "h-auto px-1 py-0 text-xs text-muted-foreground hover:text-foreground",
 				type: "button",
-				"aria-label": c.clearAll,
-				children: c.clearAll
+				"aria-label": l.clearAll,
+				children: l.clearAll
 			})]
-		}), /* @__PURE__ */ P("div", {
+		}), /* @__PURE__ */ F("div", {
 			className: "flex flex-wrap gap-2",
-			children: t.map((e) => /* @__PURE__ */ F(a, {
+			children: t.map((e) => /* @__PURE__ */ I(a, {
 				variant: "secondary",
 				className: "flex items-center gap-1 py-1 pl-2 pr-1",
-				children: [/* @__PURE__ */ P(r, {
+				children: [/* @__PURE__ */ F(r, {
 					tag: "span",
 					size: "xs",
 					children: e
-				}), /* @__PURE__ */ P(o, {
-					onClick: () => f(e),
+				}), /* @__PURE__ */ F(o, {
+					onClick: () => p(e),
 					variant: "secondary",
 					buttonStyle: "ghost",
 					size: "icon-xs",
 					className: "ml-1 size-4 rounded-full p-0 hover:bg-muted-foreground/20",
 					type: "button",
-					"aria-label": `${c.removeTag} ${e}`,
-					children: /* @__PURE__ */ P(U, { className: "h-3 w-3" })
+					"aria-label": `${l.removeTag} ${e}`,
+					children: /* @__PURE__ */ F(W, { className: "h-3 w-3" })
 				})]
 			}, e))
 		})]
 	}) : null;
-	return /* @__PURE__ */ F("div", {
-		className: n("tags-facet--component", "space-y-3", s),
-		children: [/* @__PURE__ */ F("div", {
+	return /* @__PURE__ */ I("div", {
+		className: n("tags-facet--component", "space-y-3", c),
+		children: [/* @__PURE__ */ I("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ P("div", {
+			children: [/* @__PURE__ */ F("div", {
 				className: "relative flex-1",
-				children: /* @__PURE__ */ P(v, {
+				children: /* @__PURE__ */ F(s, {
 					type: "text",
-					value: l,
-					onChange: (e) => u(e.target.value),
-					onKeyDown: p,
-					placeholder: e.placeholder ?? c.enterTag,
-					className: "h-10"
+					value: u,
+					onChange: (e) => d(e.target.value),
+					onKeyDown: m,
+					placeholder: e.placeholder ?? l.enterTag,
+					className: "h-9"
 				})
-			}), /* @__PURE__ */ F(o, {
-				onClick: d,
-				disabled: !l.trim(),
-				className: "h-10 px-4",
+			}), /* @__PURE__ */ I(o, {
+				onClick: f,
+				disabled: !u.trim(),
+				size: "default",
+				className: "h-9 px-4",
 				type: "button",
-				children: [/* @__PURE__ */ P(te, { className: "h-4 w-4" }), /* @__PURE__ */ P("span", {
+				children: [/* @__PURE__ */ F(te, { className: "h-4 w-4" }), /* @__PURE__ */ F("span", {
 					className: "sr-only",
-					children: c.addTag
+					children: l.addTag
 				})]
 			})]
-		}), _]
+		}), v]
 	});
 }
-var Z = b.memo(Me);
-Z.displayName = "TagsFacet";
+var Ne = x.memo(Me);
+Ne.displayName = "TagsFacet";
 //#endregion
 //#region src/components/features/filters/partials/tags-filter-content.tsx
-function Ne({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onClose: a, isFromMainFilterButton: s = !1 }) {
-	let { strings: c } = J(), [l, u] = k(t || []), d = !!s, f = l.length === 1 ? c.tag : c.tags;
-	T(() => {
+function Pe({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onClose: a, isFromMainFilterButton: s = !1 }) {
+	let { strings: c } = X(), [l, u] = A(t || []), d = !!s, f = l.length === 1 ? c.tag : c.tags;
+	E(() => {
 		u(t || []);
 	}, [t]);
 	let p = () => {
@@ -1296,12 +1315,12 @@ function Ne({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onC
 			n(l), a();
 		} catch {}
 	}, m = JSON.stringify(l.slice().sort()) !== JSON.stringify((t ?? []).slice().sort());
-	return /* @__PURE__ */ F("div", {
+	return /* @__PURE__ */ I("div", {
 		className: "flex flex-col",
 		children: [
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ I("div", {
 				className: "flex items-center gap-2 border-b border-border/60 px-3 py-2.5",
-				children: [!!d && /* @__PURE__ */ P(o, {
+				children: [!!d && /* @__PURE__ */ F(o, {
 					type: "button",
 					variant: "secondary",
 					buttonStyle: "ghost",
@@ -1309,25 +1328,25 @@ function Ne({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onC
 					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__ */ P(L, { className: "size-3.5" })
-				}), /* @__PURE__ */ P(r, {
+					children: /* @__PURE__ */ F(R, { className: "size-3.5" })
+				}), /* @__PURE__ */ F(r, {
 					tag: "span",
 					weight: "semibold",
 					className: "truncate",
 					children: e.label
 				})]
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ F("div", {
 				className: "p-2",
-				children: /* @__PURE__ */ P(Z, {
+				children: /* @__PURE__ */ F(Ne, {
 					filter: e,
 					value: l,
 					onChange: u
 				})
 			}),
-			!!m && /* @__PURE__ */ F("div", {
+			!!m && /* @__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(r, {
+				children: [/* @__PURE__ */ I(r, {
 					tag: "span",
 					size: "xxs",
 					type: "secondary",
@@ -1337,7 +1356,7 @@ function Ne({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onC
 						" ",
 						f
 					]
-				}), /* @__PURE__ */ P(o, {
+				}), /* @__PURE__ */ F(o, {
 					variant: "primary",
 					size: "xs",
 					onClick: p,
@@ -1349,41 +1368,41 @@ function Ne({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onC
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-popover-content.tsx
-function Pe({ activeFilterInPopover: e, availableFilters: t, activeFilters: n, getFilterValue: r, setFilterValue: i, onFilterSelect: a, onBackToFilterList: o, onClose: s, isFromMainFilterButton: c = !1 }) {
-	let l = e?.type === G.DATE || e?.type === G.TAGS ? "w-auto min-w-[320px] p-0 overflow-hidden rounded-lg shadow-lg" : e?.type === G.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 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) => {
 		i(e, t);
 	};
-	return /* @__PURE__ */ P(_, {
+	return /* @__PURE__ */ F(f, {
 		className: l,
 		align: "start",
-		children: e ? e.type === G.DATE ? /* @__PURE__ */ P(De, {
+		children: e ? e.type === K.DATE ? /* @__PURE__ */ F(De, {
 			filter: e,
 			value: r(e.key),
 			onFilterChange: (t) => u(e.key, t),
 			onBackToFilterList: o,
 			isFromMainFilterButton: c
-		}) : e.type === G.TAGS ? /* @__PURE__ */ P(Ne, {
+		}) : e.type === K.TAGS ? /* @__PURE__ */ F(Pe, {
 			filter: e,
 			value: r(e.key),
 			onFilterChange: (t) => u(e.key, t),
 			onBackToFilterList: o,
 			onClose: s,
 			isFromMainFilterButton: c
-		}) : e.type === G.ASYNC_SELECT ? /* @__PURE__ */ P(we, {
+		}) : e.type === K.ASYNC_SELECT ? /* @__PURE__ */ F(we, {
 			filter: e,
 			value: r(e.key),
 			onFilterChange: (t) => u(e.key, t),
 			onBackToFilterList: o,
 			onClose: s,
 			isFromMainFilterButton: c
-		}) : /* @__PURE__ */ P(je, {
+		}) : /* @__PURE__ */ F(je, {
 			filter: e,
 			value: r(e.key),
 			onFilterChange: (t) => u(e.key, t),
 			onBackToFilterList: o,
 			onClose: s,
 			isFromMainFilterButton: c
-		}) : /* @__PURE__ */ P(Ae, {
+		}) : /* @__PURE__ */ F(Ae, {
 			availableFilters: t,
 			activeFilters: n,
 			onFilterSelect: a
@@ -1392,65 +1411,67 @@ function Pe({ activeFilterInPopover: e, availableFilters: t, activeFilters: n, g
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-pill.tsx
-function Q({ filter: e, value: t, isActive: n, operator: r, operators: i, onOperatorChange: a, onValueChange: o, onClear: s, availableFilters: c, activeFilters: l, operatorChangeRef: u }) {
-	let d = O(!1), f = u ?? d, [p, m] = k(!1);
-	return /* @__PURE__ */ P(X, {
+function $({ filter: e, value: t, isActive: n, operator: r, operators: i, onOperatorChange: a, onValueChange: o, onClear: s, availableFilters: c, activeFilters: d, operatorChangeRef: f }) {
+	let p = k(!1), m = f ?? p, [h, g] = A(!1);
+	return /* @__PURE__ */ F(Q, {
 		filterKey: e.key,
-		children: /* @__PURE__ */ F(h, {
-			open: p,
+		children: /* @__PURE__ */ I(l, {
+			open: h,
 			onOpenChange: (e) => {
-				e && f.current || m(e);
+				e && m.current || g(e);
 			},
-			children: [/* @__PURE__ */ P(g, {
-				nativeButton: !1,
-				render: /* @__PURE__ */ P("div", { children: /* @__PURE__ */ P(be, {
-					filter: e,
-					value: t,
-					isActive: n,
-					operators: i,
-					operator: r,
-					onOperatorChange: (e) => {
-						f.current = !0, a(e), m(!1), setTimeout(() => {
-							f.current = !1;
-						}, 100);
-					},
-					onFilterClear: () => {
-						m(!1), s();
-					},
-					onFilterClick: () => {
-						f.current || m(!0);
-					}
-				}) })
-			}), /* @__PURE__ */ P(Pe, {
+			children: [/* @__PURE__ */ F(u, { children: /* @__PURE__ */ F(ye, {
+				filter: e,
+				value: t,
+				isActive: n,
+				operators: i,
+				operator: r,
+				onOperatorChange: (e) => {
+					m.current = !0, a(e), g(!1), setTimeout(() => {
+						m.current = !1;
+					}, 100);
+				},
+				onFilterClear: () => {
+					g(!1), s();
+				},
+				onFilterClick: () => {
+					m.current || g(!0);
+				}
+			}) }), /* @__PURE__ */ F(Fe, {
 				activeFilterInPopover: e,
 				availableFilters: c,
-				activeFilters: l,
+				activeFilters: d,
 				getFilterValue: () => t,
 				setFilterValue: (e, t) => o(t),
 				onFilterSelect: () => {},
 				onBackToFilterList: () => {},
-				onClose: () => m(!1),
+				onClose: () => g(!1),
 				isFromMainFilterButton: !1
 			})]
 		})
 	});
 }
-Q.displayName = "FilterPill";
+$.displayName = "FilterPill";
 //#endregion
 //#region src/components/features/filters/partials/filters-button.tsx
-function Fe({ availableFilters: e, activeFilters: t, activeFilterInPopover: n, getFilterValue: r, setFilterValue: i, setActiveFilterInPopover: a }) {
-	let [s, c] = k(!1);
-	return T(() => {
+function Ie({ availableFilters: e, activeFilters: t, activeFilterInPopover: n, getFilterValue: r, setFilterValue: i, setActiveFilterInPopover: a }) {
+	let [s, c] = A(!1), { strings: u } = X();
+	return E(() => {
 		s || a(null);
-	}, [s, a]), /* @__PURE__ */ F(h, {
+	}, [s, a]), /* @__PURE__ */ I(l, {
 		open: s,
 		onOpenChange: c,
-		children: [/* @__PURE__ */ P(g, { render: /* @__PURE__ */ P(o, {
-			variant: "secondary",
-			buttonStyle: "outline",
-			className: "flex h-8 items-center gap-1.5",
-			children: /* @__PURE__ */ P(V, { className: "h-4 w-4" })
-		}) }), /* @__PURE__ */ P(Pe, {
+		children: [/* @__PURE__ */ F(d, {
+			asChild: !0,
+			children: /* @__PURE__ */ F(o, {
+				variant: "secondary",
+				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" })
+			})
+		}), /* @__PURE__ */ F(Fe, {
 			activeFilterInPopover: n,
 			availableFilters: e,
 			activeFilters: t,
@@ -1471,8 +1492,8 @@ function Fe({ availableFilters: e, activeFilters: t, activeFilterInPopover: n, g
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-tabs.tsx
-function Ie({ tabs: e }) {
-	let { activeFilters: t, filters: r, replaceFilters: i } = J(), a = D(() => t.filter((e) => r.find((t) => t.key === e.key)?.type !== G.SEARCH), [t, r]), s = D(() => t.filter((e) => r.find((t) => t.key === e.key)?.type === G.SEARCH), [t, r]), c = D(() => {
+function Le({ tabs: e }) {
+	let { activeFilters: t, filters: r, replaceFilters: i } = X(), a = O(() => t.filter((e) => r.find((t) => t.key === e.key)?.type !== K.SEARCH), [t, r]), s = O(() => t.filter((e) => r.find((t) => t.key === e.key)?.type === K.SEARCH), [t, r]), c = O(() => {
 		for (let t of e) {
 			if (t.presets.length === 0) {
 				if (a.length === 0) return t.id;
@@ -1486,13 +1507,13 @@ function Ie({ tabs: e }) {
 			})) return t.id;
 		}
 		return null;
-	}, [e, a]), l = C((e) => {
+	}, [e, a]), l = w((e) => {
 		if (e.presets.length === 0) {
 			i([...s]);
 			return;
 		}
 		let t = e.presets.map((e) => {
-			let t = r.find((t) => t.key === e.key), n = e.operator ?? t?.operator ?? (t ? ue(t.type) : "equals");
+			let t = r.find((t) => t.key === e.key), n = e.operator ?? t?.operator ?? (t ? le(t.type) : "equals");
 			return {
 				id: e.key,
 				key: e.key,
@@ -1506,12 +1527,12 @@ function Ie({ tabs: e }) {
 		s,
 		i
 	]);
-	return e.length === 0 ? null : /* @__PURE__ */ P("div", {
+	return e.length === 0 ? null : /* @__PURE__ */ F("div", {
 		className: "flex flex-wrap gap-1.5",
 		role: "tablist",
 		children: e.map((e) => {
 			let t = c === e.id;
-			return /* @__PURE__ */ F(o, {
+			return /* @__PURE__ */ I(o, {
 				type: "button",
 				variant: "secondary",
 				buttonStyle: "ghost",
@@ -1520,7 +1541,7 @@ function Ie({ tabs: e }) {
 				"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__ */ P("span", {
+				children: [e.label, e.count !== void 0 && /* @__PURE__ */ F("span", {
 					className: n("ml-1 tabular-nums", t ? "text-background/70" : "text-muted-foreground/70"),
 					children: e.count
 				})]
@@ -1530,82 +1551,82 @@ function Ie({ tabs: e }) {
 }
 //#endregion
 //#region src/components/features/filters/facets/search-facet.tsx
-function Le({ filter: e, value: t, onChange: r, className: i }) {
-	let { strings: a, isNavigating: s } = J(), [c, l] = k(t[0] || ""), u = O(c);
-	u.current = c;
-	let d = O(!1), f = O(null), p = O(t[0] || null), m = O(!1);
-	T(() => (d.current = !0, () => {
-		d.current = !1, f.current && clearTimeout(f.current);
-	}), []), T(() => {
-		if (m.current || s) return;
-		let e = u.current;
+function Re({ filter: e, value: t, onChange: r, className: i }) {
+	let { strings: a, 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);
+	E(() => (f.current = !0, () => {
+		f.current = !1, p.current && clearTimeout(p.current);
+	}), []), E(() => {
+		if (h.current || c) return;
+		let e = d.current;
 		if (!t.length || t[0] === "") {
-			e !== "" && (l(""), p.current = "");
+			e !== "" && (u(""), m.current = "");
 			return;
 		}
-		t[0] !== void 0 && t[0] !== e && t[0] !== p.current && (l(t[0]), p.current = t[0]);
-	}, [t, s]);
-	let h = C((t) => {
-		p.current !== t && (f.current &&= (clearTimeout(f.current), null), f.current = setTimeout(() => {
-			d.current && (p.current = t, m.current = !1, r([t]));
+		t[0] !== void 0 && t[0] !== e && t[0] !== m.current && (u(t[0]), m.current = t[0]);
+	}, [t, c]);
+	let g = w((t) => {
+		m.current !== t && (p.current &&= (clearTimeout(p.current), null), p.current = setTimeout(() => {
+			f.current && (m.current = t, h.current = !1, r([t]));
 		}, e.delay ?? 500));
 	}, [r, e.delay]);
-	return /* @__PURE__ */ F("div", {
-		className: n("search-facet--component", "search-facet bg-background relative min-w-80", i),
+	return /* @__PURE__ */ I("div", {
+		className: n("search-facet--component", "search-facet relative w-full min-w-0 bg-background sm:min-w-80", i),
 		children: [
-			/* @__PURE__ */ P(v, {
+			/* @__PURE__ */ F(s, {
 				type: "text",
-				value: c,
+				value: l,
 				onChange: (e) => {
-					m.current = !0;
+					h.current = !0;
 					let t = e.target.value;
-					l(t), h(t);
+					u(t), g(t);
 				},
 				onFocus: () => {
-					m.current = !0;
+					h.current = !0;
 				},
 				onBlur: () => {
 					setTimeout(() => {
-						m.current = !1;
+						h.current = !1;
 					}, 100);
 				},
 				placeholder: e.placeholder ?? (() => {
 					let t = e.label.trim().toLowerCase();
-					return !t || t === "search" ? W(a.searchPlaceholder, { filterLabel: "" }).replace(/\s+([….?!])/g, "$1").replace(/\s{2,}/g, " ").trim() : W(a.searchPlaceholder, { filterLabel: t });
+					return !t || t === "search" ? G(a.searchPlaceholder, { filterLabel: "" }).replace(/\s+([….?!])/g, "$1").replace(/\s{2,}/g, " ").trim() : G(a.searchPlaceholder, { filterLabel: t });
 				})(),
-				className: "w-full px-3 py-1 pr-9 placeholder:leading-1 text-xs md:text-xs placeholder:text-xs h-8"
+				className: "w-full pr-9"
 			}),
-			c.trim() !== "" && !s && /* @__PURE__ */ P(o, {
+			l.trim() !== "" && !c && /* @__PURE__ */ F(o, {
 				type: "button",
 				variant: "secondary",
 				buttonStyle: "ghost",
-				size: "icon",
+				size: "icon-sm",
 				onClick: () => {
-					m.current = !0, l(""), h("");
+					h.current = !0, u(""), g("");
 				},
-				className: "absolute right-1 top-1/2 h-6 w-6 -translate-y-1/2",
+				className: "absolute right-1 top-1/2 size-7 -translate-y-1/2",
 				"aria-label": a.clearSearch,
-				children: /* @__PURE__ */ P(U, { className: "h-3.5 w-3.5" })
+				children: /* @__PURE__ */ F(W, { className: "h-3.5 w-3.5" })
 			}),
-			!!s && /* @__PURE__ */ P("span", {
+			!!c && /* @__PURE__ */ F("span", {
 				className: "text-muted-foreground absolute right-2 top-1/2 -translate-y-1/2",
-				children: /* @__PURE__ */ P(H, { className: "h-4 w-4 animate-spin" })
+				children: /* @__PURE__ */ F(U, { className: "h-4 w-4 animate-spin" })
 			})
 		]
 	});
 }
-var $ = b.memo(Le);
-$.displayName = "SearchFacet";
+var ze = x.memo(Re);
+ze.displayName = "SearchFacet";
 //#endregion
 //#region src/components/features/filters/partials/search-filters-list.tsx
-function Re({ filters: e, getFilterValue: t, setFilterValue: i, className: a }) {
-	return /* @__PURE__ */ P(N, { children: e.map((e) => /* @__PURE__ */ F("div", {
+function Be({ filters: e, getFilterValue: t, setFilterValue: i, className: a }) {
+	return /* @__PURE__ */ F(P, { children: e.map((e) => /* @__PURE__ */ I("div", {
 		className: n("space-y-2", e.displayConfig.className, a),
-		children: [/* @__PURE__ */ P($, {
+		children: [/* @__PURE__ */ F(ze, {
 			filter: e,
 			value: t(e.key),
 			onChange: (t) => i(e.key, t)
-		}), !!e.description && /* @__PURE__ */ P(r, {
+		}), !!e.description && /* @__PURE__ */ F(r, {
 			size: "xs",
 			type: "secondary",
 			children: e.description
@@ -1614,36 +1635,36 @@ function Re({ filters: e, getFilterValue: t, setFilterValue: i, className: a })
 }
 //#endregion
 //#region src/components/features/filters/filter-layout.tsx
-function ze({ className: e, dynamicFilterOptions: t = {}, loadingFilters: r = {}, variant: i = "default", showClearFilters: a = !1, tabs: s }) {
-	let { getFilterValue: c, setFilterValue: l, isFilterActive: u, clearFilters: d, getFilterOperator: f, setFilterOperator: p, isNavigating: m, strings: h } = J(), { processedFilters: g, searchFilters: _, alwaysVisibleFilters: v, activeRegularFilters: y, popoverFilters: b, hasActive: x } = me({ dynamicFilterOptions: t }), [S, C] = k(null);
+function Ve({ className: e, dynamicFilterOptions: t = {}, loadingFilters: r = {}, variant: i = "default", showClearFilters: a = !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);
 	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 : ce(e.type, h.operators);
 	}
 	function T(e, t) {
 		p(e, t);
 	}
-	return /* @__PURE__ */ F("div", {
+	return /* @__PURE__ */ I("div", {
 		className: n("filter-layout--component", i === "compact" ? "space-y-2" : "space-y-4", e),
-		children: [!!s && s.length > 0 && /* @__PURE__ */ P(Ie, { tabs: s }), /* @__PURE__ */ F("div", {
+		children: [!!s && s.length > 0 && /* @__PURE__ */ F(Le, { tabs: s }), /* @__PURE__ */ I("div", {
 			className: n("flex flex-wrap items-center", i === "compact" ? "gap-1" : "gap-2"),
-			children: [/* @__PURE__ */ P(X, {
+			children: [/* @__PURE__ */ F(Q, {
 				filterKey: "search-filters",
-				children: /* @__PURE__ */ P(Re, {
+				children: /* @__PURE__ */ F(Be, {
 					filters: _,
 					getFilterValue: c,
 					setFilterValue: l
 				})
-			}), /* @__PURE__ */ F("div", {
+			}), /* @__PURE__ */ I("div", {
 				className: n("contents", m && "pointer-events-none opacity-60"),
 				children: [
 					Object.entries(r).filter(([, e]) => e).map(([e]) => {
 						let t = g.find((t) => t.key === e)?.label || e;
-						return /* @__PURE__ */ F("div", {
+						return /* @__PURE__ */ I("div", {
 							className: "text-muted-foreground bg-muted/50 flex items-center rounded-md px-2 py-1 text-xs",
-							children: [/* @__PURE__ */ P("div", { className: "border-muted-foreground/30 border-t-primary mr-1 size-3 animate-spin rounded-full border-2" }), W(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" }), G(h.loadingOptions, { filterLabel: t })]
 						}, `loading-${e}`);
 					}),
-					v.map((e) => /* @__PURE__ */ P(Q, {
+					v.map((e) => /* @__PURE__ */ F($, {
 						filter: e,
 						value: c(e.key) ?? [],
 						isActive: !1,
@@ -1655,7 +1676,7 @@ function ze({ className: e, dynamicFilterOptions: t = {}, loadingFilters: r = {}
 						availableFilters: b,
 						activeFilters: [...y, ...v]
 					}, e.key)),
-					y.map((e) => /* @__PURE__ */ P(Q, {
+					y.map((e) => /* @__PURE__ */ F($, {
 						filter: e,
 						value: c(e.key) ?? [],
 						isActive: u(e.key),
@@ -1667,9 +1688,9 @@ function ze({ className: e, dynamicFilterOptions: t = {}, loadingFilters: r = {}
 						availableFilters: b,
 						activeFilters: y
 					}, e.key)),
-					b.length > 0 && /* @__PURE__ */ P(X, {
+					b.length > 0 && /* @__PURE__ */ F(Q, {
 						filterKey: "filters-button",
-						children: /* @__PURE__ */ P(Fe, {
+						children: /* @__PURE__ */ F(Ie, {
 							availableFilters: b,
 							activeFilters: y,
 							activeFilterInPopover: S,
@@ -1678,9 +1699,10 @@ function ze({ className: e, dynamicFilterOptions: t = {}, loadingFilters: r = {}
 							setActiveFilterInPopover: C
 						})
 					}),
-					!!a && x && /* @__PURE__ */ P(o, {
+					!!a && x && /* @__PURE__ */ F(o, {
 						variant: "secondary",
 						buttonStyle: "ghost",
+						size: "default",
 						onClick: d,
 						className: "text-muted-foreground ml-auto",
 						children: h.clearFilters
@@ -1692,11 +1714,11 @@ function ze({ className: e, dynamicFilterOptions: t = {}, loadingFilters: r = {}
 }
 //#endregion
 //#region src/components/features/filters/facets/select-facet.tsx
-function Be({ filter: e, value: t, onChange: i, className: a }) {
-	let { strings: s } = J(), [c, l] = k(!1), [u, d] = k(""), [f, p] = k(e.options), [m, h] = k(!1), g = O(void 0), _ = t.length > 0, v = (n) => {
+function He({ filter: e, value: t, onChange: i, className: a }) {
+	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) ? i(t.filter((e) => e !== n)) : i([...t, n]) : (i([n]), e.closeOnSelect !== !1 && l(!1));
-	}, b = (t) => (f || e.options)?.find((e) => e.value === t)?.label ?? t, x = e.fetchOptions, S = e.delay;
-	T(() => {
+	}, y = (t) => (f || e.options)?.find((e) => e.value === t)?.label ?? t, x = e.fetchOptions, S = e.delay;
+	E(() => {
 		if (!c || !x) return;
 		g.current && window.clearTimeout(g.current);
 		let e = typeof S == "number" ? S : 300;
@@ -1716,7 +1738,7 @@ function Be({ filter: e, value: t, onChange: i, className: a }) {
 		x,
 		S
 	]);
-	let C = D(() => (f || e.options || []).map((e) => ({
+	let C = O(() => (f || e.options || []).map((e) => ({
 		value: e.value,
 		label: e.label,
 		description: e.description,
@@ -1727,10 +1749,10 @@ function Be({ filter: e, value: t, onChange: i, className: a }) {
 		f,
 		e.options,
 		t
-	]), w = W(s.searchPlaceholder, { filterLabel: e.label.toLowerCase() }), E = m ? W(s.loadingOptions, { filterLabel: e.label }) : s.noOptionsFound;
-	return /* @__PURE__ */ P("div", {
+	]), w = G(s.searchPlaceholder, { filterLabel: e.label.toLowerCase() }), T = m ? G(s.loadingOptions, { filterLabel: e.label }) : s.noOptionsFound;
+	return /* @__PURE__ */ F("div", {
 		className: n("select-facet--component", "relative", a),
-		children: /* @__PURE__ */ P(y, {
+		children: /* @__PURE__ */ F(b, {
 			open: c,
 			onOpenChange: l,
 			search: !0,
@@ -1738,35 +1760,36 @@ function Be({ filter: e, value: t, onChange: i, className: a }) {
 			onSearchChange: d,
 			strings: {
 				searchPlaceholder: w,
-				empty: E
+				empty: T
 			},
 			contentClassName: "w-(--radix-popover-trigger-width) min-w-56",
-			trigger: /* @__PURE__ */ F(o, {
+			trigger: /* @__PURE__ */ I(o, {
 				variant: "secondary",
 				buttonStyle: "outline",
+				size: "default",
 				role: "combobox",
 				"aria-expanded": c,
 				className: "w-full justify-between",
-				children: [_ ? t.length === 1 ? /* @__PURE__ */ P(r, {
+				children: [_ ? t.length === 1 ? /* @__PURE__ */ F(r, {
 					tag: "span",
 					size: "xs",
 					weight: "semibold",
 					className: "truncate",
-					children: b(t[0])
-				}) : /* @__PURE__ */ P(r, {
+					children: y(t[0])
+				}) : /* @__PURE__ */ F(r, {
 					tag: "span",
 					size: "xs",
 					weight: "semibold",
-					children: W(s.selected, {
+					children: G(s.selected, {
 						count: t.length,
 						filterLabel: (t.length > 1 ? e.pluralLabel : e.label) ?? e.label
 					})
-				}) : /* @__PURE__ */ P(r, {
+				}) : /* @__PURE__ */ F(r, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
 					children: e.placeholder ?? s.select
-				}), /* @__PURE__ */ P(B, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })]
+				}), /* @__PURE__ */ F(V, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })]
 			}),
 			items: C,
 			onSelect: (e) => v(e.value)
@@ -1775,24 +1798,30 @@ function Be({ filter: e, value: t, onChange: i, className: a }) {
 }
 //#endregion
 //#region src/components/features/filters/facets/async-select-facet.tsx
-function Ve({ filter: e, value: t, onChange: i, className: a }) {
-	let { strings: c, cacheAsyncOptions: m, getAsyncOptionLabel: v } = J(), [y, b] = k(!1), [x, S] = k(""), C = O(/* @__PURE__ */ new Map()), { options: w, isLoading: T, isFetching: E, isError: A, refetch: j, isBelowMinQuery: M, minQueryLength: N } = Ce(e, x, y);
-	if (w.length > 0) {
-		for (let e of w) C.current.set(e.value, e);
-		m(e.key, w);
-	}
-	let L = e.multiple !== !1, R = e.maxSelected, z = D(() => e.options ?? [], [e.options]), V = D(() => {
-		let n = new Set(t), r = new Set([...z, ...w].map((e) => e.value)), i = [];
+function Ue({ filter: e, value: t, onChange: i, className: a }) {
+	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);
+	E(() => {
+		if (w.length !== 0) {
+			for (let e of w) C.current.set(e.value, e);
+			c(e.key, w);
+		}
+	}, [
+		c,
+		e.key,
+		w
+	]);
+	let R = e.multiple !== !1, z = e.maxSelected, B = O(() => e.options ?? [], [e.options]), H = 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);
 			if (t) i.push(t);
 			else {
-				let t = z.find((e) => e.value === n);
+				let t = B.find((e) => e.value === n);
 				if (t) {
 					i.push(t);
 					continue;
 				}
-				let r = v(e.key, n);
+				let r = u(e.key, n);
 				r && i.push({
 					value: n,
 					label: r,
@@ -1802,139 +1831,140 @@ function Ve({ filter: e, value: t, onChange: i, className: a }) {
 		}
 		return [
 			...i,
-			...z,
+			...B,
 			...w
 		].sort((e, t) => !n.has(e.value) - +!n.has(t.value));
 	}, [
-		z,
+		B,
 		w,
 		t,
 		e.key,
 		e.icon,
-		v
+		u
 	]), te = (n) => {
-		if (L) if (t.includes(n)) i(t.filter((e) => e !== n));
+		if (R) if (t.includes(n)) i(t.filter((e) => e !== n));
 		else {
-			if (R && t.length >= R) return;
+			if (z && t.length >= z) return;
 			i([...t, n]);
 		}
 		else i([n]), e.closeOnSelect !== !1 && b(!1);
-	}, U = (e) => {
+	}, W = (e) => {
 		let t = w.find((t) => t.value === e);
 		if (t) return t.label;
-		let n = z.find((t) => t.value === e);
+		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 = D(() => T || E ? /* @__PURE__ */ F("div", {
+	}, ne = t.length > 0, re = O(() => T || D ? /* @__PURE__ */ I("div", {
 		className: n("async-select-facet--component", "flex items-center justify-center gap-2 py-4"),
-		children: [/* @__PURE__ */ P(H, { className: "text-muted-foreground size-4 animate-spin" }), /* @__PURE__ */ P(r, {
+		children: [/* @__PURE__ */ F(U, { className: "text-muted-foreground size-4 animate-spin" }), /* @__PURE__ */ F(r, {
 			tag: "span",
 			size: "xs",
 			type: "secondary",
-			children: c.searching
+			children: s.searching
 		})]
-	}) : A ? /* @__PURE__ */ F("div", {
+	}) : j ? /* @__PURE__ */ I("div", {
 		className: "flex flex-col items-center gap-2 py-4",
-		children: [/* @__PURE__ */ F("div", {
+		children: [/* @__PURE__ */ I("div", {
 			className: "flex items-center gap-1.5",
-			children: [/* @__PURE__ */ P(I, { className: "text-destructive size-4" }), /* @__PURE__ */ P(r, {
+			children: [/* @__PURE__ */ F(L, { className: "text-destructive size-4" }), /* @__PURE__ */ F(r, {
 				tag: "span",
 				size: "xs",
 				type: "secondary",
-				children: c.fetchError
+				children: s.fetchError
 			})]
-		}), /* @__PURE__ */ P(o, {
+		}), /* @__PURE__ */ F(o, {
 			variant: "secondary",
 			buttonStyle: "outline",
 			size: "xs",
 			onClick: (e) => {
-				e.stopPropagation(), j();
+				e.stopPropagation(), M();
 			},
-			children: c.retryFetch
+			children: s.retryFetch
 		})]
-	}) : M ? /* @__PURE__ */ P("div", {
+	}) : N ? /* @__PURE__ */ F("div", {
 		className: "text-muted-foreground flex items-center justify-center py-4",
-		children: /* @__PURE__ */ P(r, {
+		children: /* @__PURE__ */ F(r, {
 			tag: "span",
 			size: "xs",
 			type: "secondary",
-			children: W(c.minQueryHint, { min: N })
+			children: G(s.minQueryHint, { min: P })
 		})
-	}) : /* @__PURE__ */ P(r, {
+	}) : /* @__PURE__ */ F(r, {
 		tag: "span",
 		size: "xs",
 		type: "secondary",
-		children: c.noOptionsFound
+		children: s.noOptionsFound
 	}), [
 		T,
-		E,
-		A,
-		M,
+		D,
+		j,
 		N,
-		c,
-		j
+		P,
+		s,
+		M
 	]);
-	return /* @__PURE__ */ P("div", {
+	return /* @__PURE__ */ F("div", {
 		className: n("relative", a),
-		children: /* @__PURE__ */ F(h, {
-			open: y,
+		children: /* @__PURE__ */ I(l, {
+			open: m,
 			onOpenChange: (e) => {
 				b(e), e || S("");
 			},
-			children: [/* @__PURE__ */ P(g, { render: /* @__PURE__ */ F(o, {
+			children: [/* @__PURE__ */ F(d, { render: /* @__PURE__ */ I(o, {
 				variant: "secondary",
 				buttonStyle: "outline",
+				size: "default",
 				role: "combobox",
-				"aria-expanded": y,
+				"aria-expanded": m,
 				className: "w-full justify-between",
-				children: [ne ? t.length === 1 ? /* @__PURE__ */ P(r, {
+				children: [ne ? t.length === 1 ? /* @__PURE__ */ F(r, {
 					tag: "span",
 					size: "xs",
 					weight: "semibold",
 					className: "truncate",
-					children: U(t[0])
-				}) : /* @__PURE__ */ P(r, {
+					children: W(t[0])
+				}) : /* @__PURE__ */ F(r, {
 					tag: "span",
 					size: "xs",
 					weight: "semibold",
-					children: W(c.selected, {
+					children: G(s.selected, {
 						count: t.length,
 						filterLabel: (t.length > 1 ? e.pluralLabel : e.label) ?? e.label
 					})
-				}) : /* @__PURE__ */ P(r, {
+				}) : /* @__PURE__ */ F(r, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
-					children: e.placeholder ?? c.select
-				}), /* @__PURE__ */ P(B, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })]
-			}) }), /* @__PURE__ */ P(_, {
+					children: e.placeholder ?? s.select
+				}), /* @__PURE__ */ F(V, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })]
+			}) }), /* @__PURE__ */ F(f, {
 				className: "w-full min-w-[280px] p-0",
-				children: /* @__PURE__ */ F(p, {
+				children: /* @__PURE__ */ I(y, {
 					shouldFilter: !1,
-					children: [/* @__PURE__ */ P(s, {
-						placeholder: W(c.searchPlaceholder, { filterLabel: e.label }),
+					children: [/* @__PURE__ */ F(p, {
+						placeholder: G(s.searchPlaceholder, { filterLabel: e.label }),
 						value: x,
 						onValueChange: S
-					}), /* @__PURE__ */ P(l, { children: V.length === 0 ? /* @__PURE__ */ P(d, { children: re }) : /* @__PURE__ */ F(f, { children: [!!(E && !T) && /* @__PURE__ */ F("div", {
+					}), /* @__PURE__ */ F(h, { children: H.length === 0 ? /* @__PURE__ */ F(_, { children: re }) : /* @__PURE__ */ I(v, { children: [!!(D && !T) && /* @__PURE__ */ I("div", {
 						className: "flex items-center gap-1.5 px-2 py-1",
-						children: [/* @__PURE__ */ P(H, { className: "text-muted-foreground size-3 animate-spin" }), /* @__PURE__ */ P(r, {
+						children: [/* @__PURE__ */ F(U, { className: "text-muted-foreground size-3 animate-spin" }), /* @__PURE__ */ F(r, {
 							tag: "span",
 							size: "xs",
 							type: "secondary",
-							children: c.searching
+							children: s.searching
 						})]
-					}), V.map((e) => /* @__PURE__ */ F(u, {
+					}), H.map((e) => /* @__PURE__ */ I(g, {
 						value: e.value,
 						onSelect: () => te(e.value),
-						disabled: e.disabled || !!R && t.length >= R && !t.includes(e.value),
+						disabled: e.disabled || !!z && t.length >= z && !t.includes(e.value),
 						children: [
-							/* @__PURE__ */ P(ee, { className: n("mr-2 h-4 w-4", t.includes(e.value) ? "opacity-100" : "opacity-0") }),
-							!!e.icon && /* @__PURE__ */ P("span", {
+							/* @__PURE__ */ F(ee, { className: n("mr-2 h-4 w-4", t.includes(e.value) ? "opacity-100" : "opacity-0") }),
+							!!e.icon && /* @__PURE__ */ F("span", {
 								className: "mr-1.5",
 								children: e.icon
 							}),
-							/* @__PURE__ */ P(r, {
+							/* @__PURE__ */ F(r, {
 								tag: "span",
 								size: "xs",
 								children: e.label
@@ -1948,55 +1978,55 @@ function Ve({ filter: e, value: t, onChange: i, className: a }) {
 }
 //#endregion
 //#region src/components/features/filters/facets/range-facet.tsx
-function He({ filter: e, value: t, onChange: r, className: a }) {
-	let { strings: o } = J(), [s, c] = k(t.min?.toString() ?? ""), [l, u] = k(t.max?.toString() ?? ""), d = E(), f = O(r);
-	f.current = r;
-	let p = O(t);
-	return p.current = t, T(() => {
+function We({ 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);
+	return m.current = t, E(() => {
 		let t = setTimeout(() => {
-			let e = p.current, t = {
-				min: s ? Number(s) : void 0,
-				max: l ? Number(l) : void 0
+			let e = m.current, t = {
+				min: c ? Number(c) : void 0,
+				max: u ? Number(u) : void 0
 			};
-			(t.min !== e.min || t.max !== e.max) && f.current(t);
+			(t.min !== e.min || t.max !== e.max) && p.current(t);
 		}, e.delay ?? 500);
 		return () => clearTimeout(t);
 	}, [
-		s,
-		l,
+		c,
+		u,
 		e.delay
-	]), /* @__PURE__ */ P("div", {
+	]), /* @__PURE__ */ F("div", {
 		className: n("range-facet--component", "space-y-2", a),
-		children: /* @__PURE__ */ F("div", {
+		children: /* @__PURE__ */ I("div", {
 			className: "grid grid-cols-2 gap-2",
-			children: [/* @__PURE__ */ F("div", {
+			children: [/* @__PURE__ */ I("div", {
 				className: "space-y-1",
-				children: [/* @__PURE__ */ P(i, {
-					htmlFor: `${d}-min`,
+				children: [/* @__PURE__ */ F(i, {
+					htmlFor: `${f}-min`,
 					children: o.min
-				}), /* @__PURE__ */ P(v, {
-					id: `${d}-min`,
+				}), /* @__PURE__ */ F(s, {
+					id: `${f}-min`,
 					type: "text",
-					value: s,
+					value: c,
 					onChange: (e) => {
 						let t = e.target.value;
-						(t === "" || /^\d*\.?\d*$/.test(t)) && c(t);
+						(t === "" || /^\d*\.?\d*$/.test(t)) && l(t);
 					},
 					placeholder: o.min,
 					className: "w-full"
 				})]
-			}), /* @__PURE__ */ F("div", {
+			}), /* @__PURE__ */ I("div", {
 				className: "space-y-1",
-				children: [/* @__PURE__ */ P(i, {
-					htmlFor: `${d}-max`,
+				children: [/* @__PURE__ */ F(i, {
+					htmlFor: `${f}-max`,
 					children: o.max
-				}), /* @__PURE__ */ P(v, {
-					id: `${d}-max`,
+				}), /* @__PURE__ */ F(s, {
+					id: `${f}-max`,
 					type: "text",
-					value: l,
+					value: u,
 					onChange: (e) => {
 						let t = e.target.value;
-						(t === "" || /^\d*\.?\d*$/.test(t)) && u(t);
+						(t === "" || /^\d*\.?\d*$/.test(t)) && d(t);
 					},
 					placeholder: o.max,
 					className: "w-full"
@@ -2007,17 +2037,17 @@ function He({ filter: e, value: t, onChange: r, className: a }) {
 }
 //#endregion
 //#region src/components/features/filters/validators.ts
-function Ue(e) {
+function Ge(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 We(e, t) {
+function Ke(e, t) {
 	return (n) => e(n) ? !0 : t;
 }
 //#endregion
-export { be as ActiveFilterItem, Ve as AsyncSelectFacet, Ee as DateFacet, X as FilterErrorBoundary, ze as FilterLayout, K as FilterOperatorEnum, he as FilterOperatorSelect, Q as FilterPill, Pe as FilterPopoverContent, pe as FilterProvider, Ie as FilterTabs, G as FilterType, ge as FilterValueDisplay, Fe as FiltersButton, He as RangeFacet, $ as SearchFacet, Re as SearchFiltersList, Be as SelectFacet, Z as TagsFacet, ne as defaultFilterStrings, ce as getBooleanOperators, se as getDateOperators, ue as getDefaultOperatorForType, re as getFilterString, oe as getNumberOperators, le as getOperatorsForType, ae as getSelectOperators, ie as getTextOperators, W as interpolateFilterString, We as predicateValidator, Ce as useAsyncOptions, me as useFilterGroups, J as useFilters, Ue as zodValidator };
+export { ye as ActiveFilterItem, Ue 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, We as RangeFacet, ze as SearchFacet, Be as SearchFiltersList, He as SelectFacet, Ne as TagsFacet, ne as defaultFilterStrings, se as getBooleanOperators, oe as getDateOperators, le as getDefaultOperatorForType, re as getFilterString, ae as getNumberOperators, ce as getOperatorsForType, ie as getSelectOperators, J as getTextOperators, G as interpolateFilterString, Ke as predicateValidator, Ce as useAsyncOptions, pe as useFilterGroups, X as useFilters, Ge as zodValidator };
 
 //# sourceMappingURL=index.js.map