admin-ui-starter-kit 0.6.7 → 0.6.9

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

@@ -1,15 +1,15 @@
 import { useStrings as e } from "../../../lib/strings.js";
-import { a as t } from "../../../_shared/ui-provider-Dj6OSOZi.js";
+import { a as t } from "../../../_shared/ui-provider-Dz2qXgZQ.js";
 import { cn as n } from "../../../lib/utils.js";
-import { t as r } from "../../../_shared/button-vv59_uS_.js";
-import { a as i, s as a } from "../../../_shared/typography-DXvCmE8w.js";
-import { t as o } from "../../../_shared/badge-B4oBB5BJ.js";
-import { t as s } from "../../../_shared/input-Cin0qpjj.js";
-import { t as c } from "../../../_shared/date-picker-Bf-nnyi-.js";
+import { t as r } from "../../../_shared/button-Be2ayMxF.js";
+import { a as i, s as a } from "../../../_shared/typography-5bLhAYaK.js";
+import { t as o } from "../../../_shared/badge-r8ae66Vd.js";
+import { t as s } from "../../../_shared/input-CzJzVyQ0.js";
+import { t as c } from "../../../_shared/date-picker-DbYBek-b.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-B5BpMgBT.js";
-import { t as b } from "../../../_shared/popover-menu-CAjhhTfX.js";
+import { a as h, i as g, n as _, r as v, t as y } from "../../../_shared/command-IP2wy_HN.js";
+import { t as b } from "../../../_shared/popover-menu-f2O6R_27.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";
@@ -53,8 +53,8 @@ var re = {
 	enterTags: "Enter tags",
 	searchFilters: "Search filters...",
 	noFiltersAvailable: "No filters available",
-	availableFilters: "Available Filters",
-	activeFilters: "Active Filters",
+	availableFilters: "Available filters",
+	activeFilters: "Active filters",
 	clearSearch: "Clear search",
 	backToFilters: "Back to filters",
 	select: "Select",
@@ -107,7 +107,7 @@ function ie(e, t, n) {
 }
 //#endregion
 //#region src/components/features/filters/filters.types.ts
-var G = "h-control", K = {
+var ae = "h-control", G = {
 	SELECT: "select",
 	MULTI_SELECT: "multi_select",
 	ASYNC_SELECT: "async_select",
@@ -115,7 +115,7 @@ var G = "h-control", K = {
 	RANGE: "range",
 	DATE: "date",
 	TAGS: "tags"
-}, q = {
+}, K = {
 	EQUALS: "equals",
 	CONTAINS: "contains",
 	IN: "in",
@@ -134,107 +134,107 @@ var G = "h-control", K = {
 };
 //#endregion
 //#region src/components/features/filters/operator-options.ts
-function ae(e) {
+function oe(e) {
 	return [
 		{
 			label: e.contains,
-			value: q.CONTAINS
+			value: K.CONTAINS
 		},
 		{
 			label: e.equals,
-			value: q.EQUALS
+			value: K.EQUALS
 		},
 		{
 			label: e.notContains,
-			value: q.NOT
+			value: K.NOT
 		}
 	];
 }
-function oe(e) {
+function se(e) {
 	return [{
 		label: e.is,
-		value: q.EQUALS
+		value: K.EQUALS
 	}, {
 		label: e.isNot,
-		value: q.NOT
+		value: K.NOT
 	}];
 }
-function se(e) {
+function ce(e) {
 	return [
 		{
 			label: e.equals,
-			value: q.EQUALS
+			value: K.EQUALS
 		},
 		{
 			label: e.greaterThan,
-			value: q.GT
+			value: K.GT
 		},
 		{
 			label: e.lessThan,
-			value: q.LT
+			value: K.LT
 		}
 	];
 }
-function ce(e) {
+function le(e) {
 	return [
 		{
 			label: e.before,
-			value: q.BEFORE
+			value: K.BEFORE
 		},
 		{
 			label: e.after,
-			value: q.AFTER
+			value: K.AFTER
 		},
 		{
 			label: e.between,
-			value: q.BETWEEN
+			value: K.BETWEEN
 		}
 	];
 }
-function le(e) {
+function ue(e) {
 	return [{
 		label: e.equals,
-		value: q.EQUALS
+		value: K.EQUALS
 	}];
 }
-function ue(e, t) {
+function de(e, t) {
 	switch (e) {
-		case K.SEARCH: return ae(t);
-		case K.TAGS: return [
+		case G.SEARCH: return oe(t);
+		case G.TAGS: return [
 			{
 				label: t.has,
-				value: q.HAS
+				value: K.HAS
 			},
 			{
 				label: t.hasAny,
-				value: q.HAS_ANY
+				value: K.HAS_ANY
 			},
 			{
 				label: t.hasAll,
-				value: q.HAS_ALL
+				value: K.HAS_ALL
 			}
 		];
-		case K.SELECT:
-		case K.ASYNC_SELECT: return oe(t);
-		case K.RANGE: return se(t);
-		case K.DATE: return ce(t);
-		default: return ae(t);
+		case G.SELECT:
+		case G.ASYNC_SELECT: return se(t);
+		case G.RANGE: return ce(t);
+		case G.DATE: return le(t);
+		default: return oe(t);
 	}
 }
-function J(e) {
+function q(e) {
 	switch (e) {
-		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;
+		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;
 	}
 }
 //#endregion
 //#region src/components/features/filters/utils/filter-utils.ts
-function de(e, t, n) {
+function fe(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,8 +250,8 @@ function de(e, t, n) {
 }
 //#endregion
 //#region src/components/features/filters/filter-context.tsx
-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 }) {
+var pe = C(void 0), J = /* @__PURE__ */ new Map();
+function me({ 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(re, o);
@@ -288,7 +288,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 ? J(n.type) : "equals")
+				operator: n?.operator ?? n?.operators?.[0]?.value ?? (n ? q(n.type) : "equals")
 			});
 		}
 	}, [
@@ -300,7 +300,7 @@ function pe({ 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 ? de(n, t, (e) => ie(h, e)) : !1;
+		return n ? fe(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 [];
@@ -321,20 +321,20 @@ function pe({ children: t, filters: n, activeFilters: r, onFilterChange: i, isNa
 		}
 		return t.options || [];
 	}, []), I = w((e, t) => {
-		let n = Y.get(e);
-		n || (n = /* @__PURE__ */ new Map(), Y.set(e, n));
+		let n = J.get(e);
+		n || (n = /* @__PURE__ */ new Map(), J.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 = w((e, t) => Y.get(e)?.get(t)?.label, []), R = w((e, t) => {
+	}, []), L = w((e, t) => J.get(e)?.get(t)?.label, []), R = w((e, t) => {
 		f.current?.(e, t);
 	}, []);
 	E(() => {
 		let e = new AbortController();
 		for (let t of n) {
-			if (t.type !== K.ASYNC_SELECT) continue;
+			if (t.type !== G.ASYNC_SELECT) continue;
 			let n = r.find((e) => e.key === t.key);
-			if (!n || n.value.length === 0 || n.value.every((e) => Y.get(t.key)?.has(e))) continue;
+			if (!n || n.value.length === 0 || n.value.every((e) => J.get(t.key)?.has(e))) continue;
 			let { asyncConfig: i, fetchOptions: a } = t;
 			i?.fetcher && i.mapToOption ? i.fetcher({
 				query: "",
@@ -397,20 +397,20 @@ function pe({ children: t, filters: n, activeFilters: r, onFilterChange: i, isNa
 		L,
 		R
 	]);
-	return /* @__PURE__ */ F(fe.Provider, {
+	return /* @__PURE__ */ F(pe.Provider, {
 		value: z,
 		children: t
 	});
 }
-function X() {
-	let e = T(fe);
+function Y() {
+	let e = T(pe);
 	if (!e) throw Error("useFilters must be used within a FilterProvider");
 	return e;
 }
 //#endregion
 //#region src/components/features/filters/hooks/use-filter-groups.ts
-function me(e = {}) {
-	let { dynamicFilterOptions: t } = e, { filters: n, isFilterActive: r } = X(), i = O(() => t ? n.map((e) => {
+function he(e = {}) {
+	let { dynamicFilterOptions: t } = e, { filters: n, isFilterActive: r } = Y(), i = O(() => t ? n.map((e) => {
 		let n = t[e.key];
 		return Array.isArray(n) ? {
 			...e,
@@ -418,7 +418,7 @@ function me(e = {}) {
 		} : e;
 	}) : n, [n, t]);
 	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);
+		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 {
 			processedFilters: i,
 			searchFilters: e,
@@ -432,8 +432,8 @@ function me(e = {}) {
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-operator-select.tsx
-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;
+function ge({ operator: e, operators: t, onOperatorChange: i, segmentResetClass: o }) {
+	let [s, c] = A(!1), { strings: l } = Y(), u = t.find((t) => t.value === e)?.label || e;
 	return /* @__PURE__ */ F(b, {
 		open: s,
 		onOpenChange: c,
@@ -467,19 +467,19 @@ 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 } = X();
-	return t.length === 0 && e.type !== K.DATE ? /* @__PURE__ */ F(a, {
+function _e({ filter: e, value: t }) {
+	let { strings: n } = Y();
+	return t.length === 0 && e.type !== G.DATE ? /* @__PURE__ */ F(a, {
 		tag: "span",
 		size: "xs",
 		type: "secondary",
 		children: n.nothingSelected
-	}) : e.type === K.ASYNC_SELECT && !e.options?.length ? /* @__PURE__ */ F(a, {
+	}) : e.type === G.ASYNC_SELECT && !e.options?.length ? /* @__PURE__ */ F(a, {
 		tag: "span",
 		size: "xs",
 		weight: "semibold",
-		children: ve(e, t, n)
-	}) : e.options && e.type !== K.DATE ? /* @__PURE__ */ I("div", {
+		children: ye(e, t, n)
+	}) : e.options && e.type !== G.DATE ? /* @__PURE__ */ I("div", {
 		className: "flex items-center gap-1",
 		children: [/* @__PURE__ */ I("div", {
 			className: "relative flex",
@@ -498,39 +498,39 @@ function ge({ filter: e, value: t }) {
 			tag: "span",
 			size: "xs",
 			weight: "semibold",
-			children: ye(e, t, n)
+			children: be(e, t, n)
 		})]
-	}) : e.type === K.DATE ? /* @__PURE__ */ I("div", {
+	}) : e.type === G.DATE ? /* @__PURE__ */ I("div", {
 		className: "flex items-center gap-1",
 		children: [/* @__PURE__ */ F(z, { className: "text-muted-foreground size-icon-sm" }), /* @__PURE__ */ F(a, {
 			tag: "span",
 			size: "xs",
 			weight: "semibold",
-			children: _e(e, t, n)
+			children: ve(e, t, n)
 		})]
 	}) : /* @__PURE__ */ F(a, {
 		tag: "span",
 		size: "xs",
 		weight: "semibold",
-		children: ye(e, t, n)
+		children: be(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 ve(e, t, n) {
+	return e.operator === "between" && t.length === 2 ? `${X(t[0], e.dateFormat?.display)} - ${X(t[1], e.dateFormat?.display)}` : t.length === 1 ? X(t[0], e.dateFormat?.display) : t.length === 2 ? `${X(t[0], e.dateFormat?.display)} - ${X(t[1], e.dateFormat?.display)}` : e.datePickerConfig?.noDatePlaceholder || n.calendar.notDateSelected;
+}
+function ye(e, t, n) {
 	return t.length === 0 ? "" : W(n.selected, {
 		count: t.length,
 		filterLabel: (t.length > 1 ? e.pluralLabel : e.label) ?? e.label
 	});
 }
-function ye(e, t, n) {
+function be(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(", ");
 }
-function Z(e, t) {
+function X(e, t) {
 	let n = new Date(e);
 	if (Number.isNaN(n.getTime())) return e;
 	if (t) try {
@@ -540,8 +540,8 @@ function Z(e, t) {
 }
 //#endregion
 //#region src/components/features/filters/partials/active-filter-item.tsx
-function be({ filter: e, value: t, isActive: i, operators: o, operator: s, onOperatorChange: c, onFilterClear: l, onFilterClick: u }) {
-	let { strings: d } = X(), f = (e) => {
+function xe({ filter: e, value: t, isActive: i, operators: o, operator: s, onOperatorChange: c, onFilterClear: l, onFilterClick: u }) {
+	let { strings: d } = Y(), 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", {
 		"aria-hidden": !0,
@@ -550,7 +550,7 @@ function be({ filter: e, value: t, isActive: i, operators: o, operator: s, onOpe
 	return /* @__PURE__ */ I("div", {
 		role: "group",
 		"aria-label": e.label,
-		className: n(`border-input bg-background flex ${G} items-center overflow-hidden rounded-md border`, e.displayConfig?.className, i && "active"),
+		className: n(`border-input bg-background flex ${ae} items-center overflow-hidden rounded-md border`, e.displayConfig?.className, i && "active"),
 		children: [
 			/* @__PURE__ */ I(r, {
 				type: "button",
@@ -574,7 +574,7 @@ function be({ filter: e, value: t, isActive: i, operators: o, operator: s, onOpe
 				]
 			}),
 			/* @__PURE__ */ F(m, {}),
-			/* @__PURE__ */ F(he, {
+			/* @__PURE__ */ F(ge, {
 				operator: s,
 				operators: o,
 				onOperatorChange: c,
@@ -583,7 +583,7 @@ function be({ filter: e, value: t, isActive: i, operators: o, operator: s, onOpe
 			/* @__PURE__ */ F(m, {}),
 			/* @__PURE__ */ F("div", {
 				className: "pointer-events-none flex flex-1 items-center px-control-sm",
-				children: /* @__PURE__ */ F(ge, {
+				children: /* @__PURE__ */ F(_e, {
 					filter: e,
 					value: t
 				})
@@ -609,7 +609,7 @@ function be({ filter: e, value: t, isActive: i, operators: o, operator: s, onOpe
 }
 //#endregion
 //#region src/hooks/use-debounce.ts
-function xe(e, t = 500) {
+function Se(e, t = 500) {
 	let [n, r] = A(e);
 	return E(() => {
 		let n = setTimeout(() => {
@@ -622,19 +622,19 @@ function xe(e, t = 500) {
 }
 //#endregion
 //#region src/components/features/filters/hooks/use-async-options.ts
-var Se = /* @__PURE__ */ new Map();
-function Ce(e, t) {
-	let n = Se.get(e);
+var Ce = /* @__PURE__ */ new Map();
+function we(e, t) {
+	let n = Ce.get(e);
 	if (n) {
 		if (Date.now() - n.timestamp > t) {
-			Se.delete(e);
+			Ce.delete(e);
 			return;
 		}
 		return n;
 	}
 }
-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({
+function Te(e, n, r) {
+	let { asyncConfig: i, fetchOptions: a } = e, { debounceMs: o, defaultPageSize: s } = t(), c = (Se(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([
@@ -657,14 +657,14 @@ function we(e, n, r) {
 		c,
 		l
 	]), [b, x] = A(() => ({
-		data: Ce(v, p)?.data ?? [],
+		data: we(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 = Ce(v, p), t = e !== void 0 && Date.now() - e.timestamp < f, n = new AbortController();
+		let e = we(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,
@@ -679,7 +679,7 @@ function we(e, n, r) {
 		}));
 		let r = !1;
 		return y(n.signal).then((e) => {
-			r || (Se.set(v, {
+			r || (Ce.set(v, {
 				timestamp: Date.now(),
 				data: e
 			}), x({
@@ -717,10 +717,10 @@ function we(e, n, r) {
 }
 //#endregion
 //#region src/components/features/filters/partials/async-filter-content.tsx
-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);
+function Ee({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onClose: o, isFromMainFilterButton: s = !1 }) {
+	let { strings: c, cacheAsyncOptions: l, getAsyncOptionLabel: u } = Y(), [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 } = we(e, d, !0);
+	let { options: S, isLoading: C, isFetching: w, isError: T, refetch: D, isBelowMinQuery: j, minQueryLength: M } = Te(e, d, !0);
 	E(() => {
 		S.length > 0 && l(e.key, S);
 	}, [
@@ -800,12 +800,12 @@ function Te({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onC
 	]);
 	return /* @__PURE__ */ I(P, { children: [
 		/* @__PURE__ */ I("div", {
-			className: "flex items-center border-b p-2",
+			className: "flex items-center gap-2 border-b border-border/60 px-3 py-2.5",
 			children: [!!B && /* @__PURE__ */ F(r, {
 				variant: "secondary",
 				buttonStyle: "ghost",
 				size: "icon-small",
-				className: "mr-control-gap-small p-0",
+				className: "shrink-0 text-muted-foreground hover:bg-muted hover:text-foreground",
 				onClick: i,
 				"aria-label": c.backToFilters,
 				children: /* @__PURE__ */ F(R, { className: "size-icon-sm" })
@@ -881,9 +881,9 @@ function Te({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onC
 }
 //#endregion
 //#region src/components/features/filters/facets/date-facet.tsx
-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) ? {
+var De = [];
+function Oe({ filter: e, value: t, onChange: r, className: i }) {
+	let { strings: a } = Y(), 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 && M(t.start) ? t.start : void 0, g = {
@@ -905,7 +905,7 @@ function De({ filter: e, value: t, onChange: r, className: i }) {
 		},
 		withConfirm: d,
 		closeOnSelect: f,
-		presets: p ? void 0 : Ee,
+		presets: p ? void 0 : De,
 		...g
 	}) : /* @__PURE__ */ F(c, {
 		mode: "single",
@@ -922,8 +922,8 @@ function De({ filter: e, value: t, onChange: r, className: i }) {
 }
 //#endregion
 //#region src/components/features/filters/partials/date-filter-content.tsx
-function Oe({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, isFromMainFilterButton: o = !1 }) {
-	let { strings: s } = X(), c = (t) => {
+function ke({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, isFromMainFilterButton: o = !1 }) {
+	let { strings: s } = Y(), c = (t) => {
 		if (!t) return;
 		if (e.dateFormat?.param) {
 			let n = N(t, e.dateFormat.param, /* @__PURE__ */ new Date());
@@ -950,9 +950,9 @@ function Oe({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, isF
 				buttonStyle: "ghost",
 				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",
+				className: "shrink-0 text-muted-foreground hover:bg-muted hover:text-foreground",
 				"aria-label": s.backToFilters,
-				children: /* @__PURE__ */ F(R, { className: "size-3.5" })
+				children: /* @__PURE__ */ F(R, { className: "size-icon-sm" })
 			}), /* @__PURE__ */ F(a, {
 				tag: "span",
 				weight: "semibold",
@@ -961,7 +961,7 @@ function Oe({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, isF
 			})]
 		}), /* @__PURE__ */ F("div", {
 			className: "p-2",
-			children: /* @__PURE__ */ F(De, {
+			children: /* @__PURE__ */ F(Oe, {
 				filter: e,
 				value: m,
 				onChange: f
@@ -971,7 +971,7 @@ function Oe({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, isF
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-error-boundary.tsx
-var ke = class extends S {
+var Ae = class extends S {
 	state = {
 		hasError: !1,
 		error: null
@@ -1034,25 +1034,25 @@ var ke = class extends S {
 		return this.props.children;
 	}
 };
-function Q(e) {
-	let { strings: t } = X(), n = O(() => ({
+function Z(e) {
+	let { strings: t } = Y(), n = O(() => ({
 		title: t.error.title,
 		reset: t.clear,
 		getDescription: (e) => e ? W(t.error.descriptionWithKey, { filterKey: e }) : t.error.generic,
 		unknownError: t.error.unknown
 	}), [t]);
-	return /* @__PURE__ */ F(ke, {
+	return /* @__PURE__ */ F(Ae, {
 		...e,
 		labels: n
 	});
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-list-item.tsx
-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;
+function je({ filter: e, onSelect: t }) {
+	let { strings: n } = Y(), r = e.type === G.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",
+		className: "mx-2 flex items-center gap-3 rounded-md px-2 py-2",
 		children: [!!e.icon && /* @__PURE__ */ F("span", {
 			className: "shrink-0 text-muted-foreground",
 			children: e.icon
@@ -1075,10 +1075,10 @@ function Ae({ filter: e, onSelect: t }) {
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-list-content.tsx
-function je({ availableFilters: e, activeFilters: t, onFilterSelect: n }) {
-	let { strings: r } = X(), i = (e) => {
+function Me({ availableFilters: e, activeFilters: t, onFilterSelect: n }) {
+	let { strings: r } = Y(), 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";
+	}, a = "[&_[cmdk-group-heading]]:px-3 [&_[cmdk-group-heading]]:pb-1 [&_[cmdk-group-heading]]:pt-2 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:text-muted-foreground/70 [&_[cmdk-group-heading]]:font-medium";
 	return /* @__PURE__ */ I(y, {
 		className: "rounded-none p-0",
 		children: [/* @__PURE__ */ F("div", {
@@ -1097,7 +1097,7 @@ function je({ 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(Ae, {
+					children: e.map((e) => /* @__PURE__ */ F(je, {
 						filter: e,
 						onSelect: () => i(e)
 					}, e.key))
@@ -1105,7 +1105,7 @@ function je({ 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(Ae, {
+					children: t.map((e) => /* @__PURE__ */ F(je, {
 						filter: e,
 						onSelect: () => i(e)
 					}, e.key))
@@ -1116,8 +1116,8 @@ function je({ availableFilters: e, activeFilters: t, onFilterSelect: n }) {
 }
 //#endregion
 //#region src/components/features/filters/partials/regular-filter-content.tsx
-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 || []);
+function Ne({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onClose: o, isFromMainFilterButton: s = !1 }) {
+	let { strings: c, reportError: l } = Y(), u = e.multiple === !0 || e.type === G.MULTI_SELECT, d = !!s, [f, m] = A(t || []);
 	E(() => {
 		m(t || []);
 	}, [t]);
@@ -1144,9 +1144,9 @@ function Me({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onC
 					buttonStyle: "ghost",
 					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",
+					className: "shrink-0 text-muted-foreground hover:bg-muted hover:text-foreground",
 					"aria-label": c.backToFilters,
-					children: /* @__PURE__ */ F(R, { className: "size-3.5" })
+					children: /* @__PURE__ */ F(R, { className: "size-icon-sm" })
 				}), /* @__PURE__ */ F(a, {
 					tag: "span",
 					size: "xs",
@@ -1227,8 +1227,8 @@ function Me({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onC
 }
 //#endregion
 //#region src/components/features/filters/facets/tags-facet.tsx
-function Ne({ filter: e, value: t, onChange: i, className: c }) {
-	let { strings: l } = X(), [u, d] = A(""), f = w(() => {
+function Pe({ filter: e, value: t, onChange: i, className: c }) {
+	let { strings: l } = Y(), [u, d] = A(""), f = w(() => {
 		let e = u.trim();
 		!e || t.includes(e) || (i([...t, e]), d(""));
 	}, [
@@ -1298,13 +1298,13 @@ function Ne({ filter: e, value: t, onChange: i, className: c }) {
 					onChange: (e) => d(e.target.value),
 					onKeyDown: m,
 					placeholder: e.placeholder ?? l.enterTag,
-					className: G
+					className: ae
 				})
 			}), /* @__PURE__ */ I(r, {
 				onClick: f,
 				disabled: !u.trim(),
 				size: "default",
-				className: G,
+				className: ae,
 				type: "button",
 				children: [/* @__PURE__ */ F(ne, { className: "size-icon" }), /* @__PURE__ */ F("span", {
 					className: "sr-only",
@@ -1314,12 +1314,12 @@ function Ne({ filter: e, value: t, onChange: i, className: c }) {
 		}), v]
 	});
 }
-var Pe = x.memo(Ne);
-Pe.displayName = "TagsFacet";
+var Fe = x.memo(Pe);
+Fe.displayName = "TagsFacet";
 //#endregion
 //#region src/components/features/filters/partials/tags-filter-content.tsx
-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;
+function Ie({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onClose: o, isFromMainFilterButton: s = !1 }) {
+	let { strings: c, reportError: l } = Y(), [u, d] = A(t || []), f = !!s, p = u.length === 1 ? c.tag : c.tags;
 	E(() => {
 		d(t || []);
 	}, [t]);
@@ -1344,9 +1344,9 @@ function Fe({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onC
 					buttonStyle: "ghost",
 					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",
+					className: "shrink-0 text-muted-foreground hover:bg-muted hover:text-foreground",
 					"aria-label": c.backToFilters,
-					children: /* @__PURE__ */ F(R, { className: "size-3.5" })
+					children: /* @__PURE__ */ F(R, { className: "size-icon-sm" })
 				}), /* @__PURE__ */ F(a, {
 					tag: "span",
 					weight: "semibold",
@@ -1356,7 +1356,7 @@ function Fe({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onC
 			}),
 			/* @__PURE__ */ F("div", {
 				className: "p-2",
-				children: /* @__PURE__ */ F(Pe, {
+				children: /* @__PURE__ */ F(Fe, {
 					filter: e,
 					value: u,
 					onChange: d
@@ -1386,41 +1386,41 @@ function Fe({ filter: e, value: t, onFilterChange: n, onBackToFilterList: i, onC
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-popover-content.tsx
-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) => {
+function Le({ 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-80 overflow-hidden rounded-lg p-0 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) => {
 		i(e, t);
 	};
 	return /* @__PURE__ */ F(f, {
 		className: l,
 		align: "start",
-		children: e ? e.type === K.DATE ? /* @__PURE__ */ F(Oe, {
+		children: e ? e.type === G.DATE ? /* @__PURE__ */ F(ke, {
 			filter: e,
 			value: r(e.key),
 			onFilterChange: (t) => u(e.key, t),
 			onBackToFilterList: o,
 			isFromMainFilterButton: c
-		}) : e.type === K.TAGS ? /* @__PURE__ */ F(Fe, {
+		}) : e.type === G.TAGS ? /* @__PURE__ */ F(Ie, {
 			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(Te, {
+		}) : e.type === G.ASYNC_SELECT ? /* @__PURE__ */ F(Ee, {
 			filter: e,
 			value: r(e.key),
 			onFilterChange: (t) => u(e.key, t),
 			onBackToFilterList: o,
 			onClose: s,
 			isFromMainFilterButton: c
-		}) : /* @__PURE__ */ F(Me, {
+		}) : /* @__PURE__ */ F(Ne, {
 			filter: e,
 			value: r(e.key),
 			onFilterChange: (t) => u(e.key, t),
 			onBackToFilterList: o,
 			onClose: s,
 			isFromMainFilterButton: c
-		}) : /* @__PURE__ */ F(je, {
+		}) : /* @__PURE__ */ F(Me, {
 			availableFilters: t,
 			activeFilters: n,
 			onFilterSelect: a
@@ -1429,16 +1429,16 @@ function Ie({ activeFilterInPopover: e, availableFilters: t, activeFilters: n, g
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-pill.tsx
-function $({ filter: e, value: t, isActive: n, operator: r, operators: i, onOperatorChange: a, onValueChange: o, onClear: s, availableFilters: c, activeFilters: d, operatorChangeRef: f }) {
+function Q({ 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, {
+	return /* @__PURE__ */ F(Z, {
 		filterKey: e.key,
 		children: /* @__PURE__ */ I(l, {
 			open: h,
 			onOpenChange: (e) => {
 				e && m.current || g(e);
 			},
-			children: [/* @__PURE__ */ F(u, { children: /* @__PURE__ */ F(be, {
+			children: [/* @__PURE__ */ F(u, { children: /* @__PURE__ */ F(xe, {
 				filter: e,
 				value: t,
 				isActive: n,
@@ -1455,7 +1455,7 @@ function $({ filter: e, value: t, isActive: n, operator: r, operators: i, onOper
 				onFilterClick: () => {
 					m.current || g(!0);
 				}
-			}) }), /* @__PURE__ */ F(Ie, {
+			}) }), /* @__PURE__ */ F(Le, {
 				activeFilterInPopover: e,
 				availableFilters: c,
 				activeFilters: d,
@@ -1469,11 +1469,11 @@ function $({ filter: e, value: t, isActive: n, operator: r, operators: i, onOper
 		})
 	});
 }
-$.displayName = "FilterPill";
+Q.displayName = "FilterPill";
 //#endregion
 //#region src/components/features/filters/partials/filters-button.tsx
-function Le({ availableFilters: e, activeFilters: t, activeFilterInPopover: n, getFilterValue: i, setFilterValue: a, setActiveFilterInPopover: o }) {
-	let [s, c] = A(!1), { strings: u } = X();
+function Re({ availableFilters: e, activeFilters: t, activeFilterInPopover: n, getFilterValue: i, setFilterValue: a, setActiveFilterInPopover: o }) {
+	let [s, c] = A(!1), { strings: u } = Y();
 	return E(() => {
 		s || o(null);
 	}, [s, o]), /* @__PURE__ */ I(l, {
@@ -1484,12 +1484,12 @@ function Le({ availableFilters: e, activeFilters: t, activeFilterInPopover: n, g
 			children: /* @__PURE__ */ F(r, {
 				variant: "secondary",
 				buttonStyle: "outline",
-				size: "default",
+				size: "icon",
 				"aria-label": u.addFilter,
-				className: `flex ${G} items-center gap-space-sm`,
+				className: "shrink-0",
 				children: /* @__PURE__ */ F(V, { className: "size-icon-sm" })
 			})
-		}), /* @__PURE__ */ F(Ie, {
+		}), /* @__PURE__ */ F(Le, {
 			activeFilterInPopover: n,
 			availableFilters: e,
 			activeFilters: t,
@@ -1510,8 +1510,8 @@ function Le({ availableFilters: e, activeFilters: t, activeFilterInPopover: n, g
 }
 //#endregion
 //#region src/components/features/filters/partials/filter-tabs.tsx
-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(() => {
+function ze({ tabs: e }) {
+	let { activeFilters: t, filters: i, replaceFilters: a } = Y(), o = O(() => t.filter((e) => i.find((t) => t.key === e.key)?.type !== G.SEARCH), [t, i]), s = O(() => t.filter((e) => i.find((t) => t.key === e.key)?.type === G.SEARCH), [t, i]), c = O(() => {
 		for (let t of e) {
 			if (t.presets.length === 0) {
 				if (o.length === 0) return t.id;
@@ -1531,7 +1531,7 @@ function Re({ tabs: e }) {
 			return;
 		}
 		let t = e.presets.map((e) => {
-			let t = i.find((t) => t.key === e.key), n = e.operator ?? t?.operator ?? (t ? J(t.type) : "equals");
+			let t = i.find((t) => t.key === e.key), n = e.operator ?? t?.operator ?? (t ? q(t.type) : "equals");
 			return {
 				id: e.key,
 				key: e.key,
@@ -1569,8 +1569,8 @@ function Re({ tabs: e }) {
 }
 //#endregion
 //#region src/components/features/filters/facets/search-facet.tsx
-function ze({ filter: e, value: t, onChange: i, className: a }) {
-	let { strings: o, isNavigating: c } = X(), [l, u] = A(t[0] || ""), d = k(l);
+function Be({ filter: e, value: t, onChange: i, className: a }) {
+	let { strings: o, isNavigating: c } = Y(), [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, () => {
@@ -1590,7 +1590,7 @@ function ze({ filter: e, value: t, onChange: i, className: a }) {
 		}, e.delay ?? 500));
 	}, [i, e.delay]);
 	return /* @__PURE__ */ I("div", {
-		className: n("search-facet--component", "search-facet relative w-full min-w-0 bg-background sm:min-w-80", a),
+		className: n("search-facet--component", "search-facet relative w-full min-w-0 rounded-radius bg-background sm:min-w-80", a),
 		children: [
 			/* @__PURE__ */ F(s, {
 				type: "text",
@@ -1633,14 +1633,14 @@ function ze({ filter: e, value: t, onChange: i, className: a }) {
 		]
 	});
 }
-var Be = x.memo(ze);
-Be.displayName = "SearchFacet";
+var Ve = x.memo(Be);
+Ve.displayName = "SearchFacet";
 //#endregion
 //#region src/components/features/filters/partials/search-filters-list.tsx
-function Ve({ filters: e, getFilterValue: t, setFilterValue: r, className: i }) {
+function He({ filters: e, getFilterValue: t, setFilterValue: r, className: i }) {
 	return /* @__PURE__ */ F(P, { children: e.map((e) => /* @__PURE__ */ I("div", {
 		className: n("space-y-space-lg", e.displayConfig.className, i),
-		children: [/* @__PURE__ */ F(Be, {
+		children: [/* @__PURE__ */ F(Ve, {
 			filter: e,
 			value: t(e.key),
 			onChange: (t) => r(e.key, t)
@@ -1653,28 +1653,28 @@ function Ve({ filters: e, getFilterValue: t, setFilterValue: r, className: i })
 }
 //#endregion
 //#region src/components/features/filters/filter-layout.tsx
-var He = {
+var Ue = {
 	compact: "space-y-space-lg",
 	default: "space-y-space-xl"
-}, Ue = {
+}, We = {
 	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 Ge({ 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 } = Y(), { processedFilters: g, searchFilters: _, alwaysVisibleFilters: v, activeRegularFilters: y, popoverFilters: b, hasActive: x } = he({ dynamicFilterOptions: t }), [S, C] = A(null);
 	function w(e) {
-		return e.operators && e.operators.length > 0 ? e.operators : ue(e.type, h.operators);
+		return e.operators && e.operators.length > 0 ? e.operators : de(e.type, h.operators);
 	}
 	function T(e, t) {
 		p(e, t);
 	}
 	return /* @__PURE__ */ I("div", {
-		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, {
+		className: n("filter-layout--component", Ue[a], e),
+		children: [!!s && s.length > 0 && /* @__PURE__ */ F(ze, { tabs: s }), /* @__PURE__ */ I("div", {
+			className: n("flex flex-wrap items-center", We[a]),
+			children: [/* @__PURE__ */ F(Z, {
 				filterKey: "search-filters",
-				children: /* @__PURE__ */ F(Ve, {
+				children: /* @__PURE__ */ F(He, {
 					filters: _,
 					getFilterValue: c,
 					setFilterValue: l
@@ -1689,7 +1689,7 @@ function We({ className: e, dynamicFilterOptions: t = {}, loadingFilters: i = {}
 							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($, {
+					v.map((e) => /* @__PURE__ */ F(Q, {
 						filter: e,
 						value: c(e.key) ?? [],
 						isActive: !1,
@@ -1701,7 +1701,7 @@ function We({ className: e, dynamicFilterOptions: t = {}, loadingFilters: i = {}
 						availableFilters: b,
 						activeFilters: [...y, ...v]
 					}, e.key)),
-					y.map((e) => /* @__PURE__ */ F($, {
+					y.map((e) => /* @__PURE__ */ F(Q, {
 						filter: e,
 						value: c(e.key) ?? [],
 						isActive: u(e.key),
@@ -1713,9 +1713,9 @@ function We({ className: e, dynamicFilterOptions: t = {}, loadingFilters: i = {}
 						availableFilters: b,
 						activeFilters: y
 					}, e.key)),
-					b.length > 0 && /* @__PURE__ */ F(Q, {
+					b.length > 0 && /* @__PURE__ */ F(Z, {
 						filterKey: "filters-button",
-						children: /* @__PURE__ */ F(Le, {
+						children: /* @__PURE__ */ F(Re, {
 							availableFilters: b,
 							activeFilters: y,
 							activeFilterInPopover: S,
@@ -1739,8 +1739,8 @@ function We({ className: e, dynamicFilterOptions: t = {}, loadingFilters: i = {}
 }
 //#endregion
 //#region src/components/features/filters/filter-query.ts
-var Ge = "__op", Ke = ["page"], qe = new Set(Object.values(q));
-function Je(e) {
+var Ke = "__op", qe = ["page"], Je = new Set(Object.values(K));
+function $(e) {
 	let t = {};
 	if (!e) return t;
 	if (e instanceof URLSearchParams) return e.forEach((e, n) => {
@@ -1775,20 +1775,20 @@ function Qe(e, t) {
 	}).filter((e) => e.length > 0);
 }
 function $e(e) {
-	return e.operator ?? e.operators?.[0]?.value ?? J(e.type);
+	return e.operator ?? e.operators?.[0]?.value ?? q(e.type);
 }
 function et(e, t, n) {
 	let [r] = t[`${e.key}${n}`] ?? [];
-	return r && qe.has(r) ? r : $e(e);
+	return r && Je.has(r) ? r : $e(e);
 }
 function tt(e, t, n) {
 	return e === "always" ? !0 : e === "never" ? !1 : t !== n;
 }
 function nt(e) {
-	return e.type === K.MULTI_SELECT || e.type === K.TAGS || e.multiple === !0;
+	return e.type === G.MULTI_SELECT || e.type === G.TAGS || e.multiple === !0;
 }
 function rt(e, t, n = {}) {
-	let r = n.operatorSuffix ?? Ge, i = n.arrayFormat ?? "repeat", a = Je(t);
+	let r = n.operatorSuffix ?? Ke, i = n.arrayFormat ?? "repeat", a = $(t);
 	return e.flatMap((e) => {
 		let t = Ze(e, Xe(a, e.key, i));
 		return t.length === 0 ? [] : [{
@@ -1800,7 +1800,7 @@ function rt(e, t, n = {}) {
 	});
 }
 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]));
+	let i = r.operatorSuffix ?? Ke, a = r.arrayFormat ?? "repeat", o = r.preserveUnrelated ?? !0, s = r.includeOperators ?? "changed", c = r.resetPageKeys ?? qe, l = o ? $(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) {
@@ -1815,7 +1815,7 @@ function it(e, t, n, r = {}) {
 	return Ye(l);
 }
 function at(e, t, n = {}) {
-	let r = n.preserveUnrelated ?? !0, i = n.resetPageKeys ?? Ke, a = r ? Je(e) : {}, o = Je(t);
+	let r = n.preserveUnrelated ?? !0, i = n.resetPageKeys ?? qe, a = r ? $(e) : {}, o = $(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 Ye(a);
@@ -1823,7 +1823,7 @@ function at(e, t, n = {}) {
 //#endregion
 //#region src/components/features/filters/facets/select-facet.tsx
 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) => {
+	let { strings: s } = Y(), [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));
 	}, y = (t) => (f || e.options)?.find((e) => e.value === t)?.label ?? t, x = e.fetchOptions, S = e.delay;
 	E(() => {
@@ -1907,7 +1907,7 @@ function ot({ filter: e, value: t, onChange: i, className: o }) {
 //#endregion
 //#region src/components/features/filters/facets/async-select-facet.tsx
 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);
+	let { strings: s, cacheAsyncOptions: c, getAsyncOptionLabel: u } = Y(), [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 } = Te(e, x, m);
 	E(() => {
 		if (w.length !== 0) {
 			for (let e of w) C.current.set(e.value, e);
@@ -2087,7 +2087,7 @@ function st({ filter: e, value: t, onChange: i, className: o }) {
 //#endregion
 //#region src/components/features/filters/facets/range-facet.tsx
 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);
+	let { strings: o } = Y(), [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(() => {
@@ -2156,6 +2156,6 @@ function ut(e, t) {
 	return (n) => e(n) ? !0 : t;
 }
 //#endregion
-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 };
+export { xe as ActiveFilterItem, st as AsyncSelectFacet, Oe as DateFacet, Z as FilterErrorBoundary, Ge as FilterLayout, K as FilterOperatorEnum, ge as FilterOperatorSelect, Q as FilterPill, Le as FilterPopoverContent, me as FilterProvider, ze as FilterTabs, G as FilterType, _e as FilterValueDisplay, Re as FiltersButton, ct as RangeFacet, Ve as SearchFacet, He as SearchFiltersList, ot as SelectFacet, Fe as TagsFacet, re as defaultFilterStrings, ue as getBooleanOperators, le as getDateOperators, q as getDefaultOperatorForType, ie as getFilterString, ce as getNumberOperators, de as getOperatorsForType, se as getSelectOperators, oe as getTextOperators, W as interpolateFilterString, at as mergeFilterQuery, rt as parseFiltersFromQuery, ut as predicateValidator, it as serializeFiltersToQuery, Te as useAsyncOptions, he as useFilterGroups, Y as useFilters, lt as zodValidator };
 
 //# sourceMappingURL=index.js.map