@krosoft/react 0.0.330 → 0.0.332

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

@@ -1,71 +1,71 @@
 import { t as e } from "../../../tailwind.helper-CJaRYBmL.js";
-import { t } from "../../../i18n-BuQgyJAA.js";
-import { At as n, Jt as r, Kt as i, Pn as a, Xt as o, Zt as s, en as c, qt as l, tn as u } from "../../../ui-yvfaMQwo.js";
-import { c as d } from "../../../tooltip-_geGvbS7.js";
-import { a as f, g as p, l as m, o as h, r as g, t as _, u as v } from "../../../sheet-BtfL6yxE.js";
-import { t as y } from "../../../useMobile-pTQ8lWvt.js";
-import { t as b } from "../../../MultiSelect-DQX1rk-t.js";
-import { i as x, n as S, r as C, t as w } from "../../../SearchInput-BFh0o1RM.js";
-import "../../../ui-pTlOByAk.js";
-import { useEffect as T, useMemo as E, useState as D } from "react";
-import { jsx as O, jsxs as k } from "react/jsx-runtime";
-import { getLocale as A } from "@krosoft/core/helpers";
-import { Filter as j, FilterIcon as M, FilterXIcon as N, XIcon as P } from "lucide-react";
+import { t } from "../../../i18n-3KRQA34v.js";
+import { At as n, Jt as r, Kt as i, Pn as a, Xt as o, Zt as s, en as c, n as l, qt as u, t as d, tn as f } from "../../../ui-DerGE_cz.js";
+import { a as p, c as m } from "../../../tooltip-_geGvbS7.js";
+import { a as h, g, h as _, l as v, m as y, o as b, p as x, r as S, t as C, u as w } from "../../../sheet-0NJBIygH.js";
+import { t as T } from "../../../useMobile-pTQ8lWvt.js";
+import { t as E } from "../../../MultiSelect-CmIK-KEB.js";
+import { i as D, n as O, r as k, t as A } from "../../../SearchInput-Bqn-zWhm.js";
+import "../../../ui-Cb1DWMv_.js";
+import { useEffect as j, useMemo as M, useRef as N, useState as P } from "react";
+import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
+import { getLocale as R } from "@krosoft/core/helpers";
+import { ChevronDownIcon as z, Filter as B, FilterIcon as V, FilterXIcon as H, PlusIcon as U, XIcon as W } from "lucide-react";
 //#region src/components/core/filters/ActiveFilters.tsx
-var F = (e, t, n, r = {}) => {
-	if (t instanceof Date) return t.toLocaleDateString(A());
+var G = (e, t, n, r = {}) => {
+	if (t instanceof Date) return t.toLocaleDateString(R());
 	let i = String(t), a = r[`${e}_${i}`];
 	return a === void 0 ? e.includes("ok") || t === "true" || t === "false" ? n(t === "true" ? "filters.yes" : "filters.no") : i : a;
 };
-function I({ filters: e, onRemoveFilter: n, onClearAll: r, filterLabelKeys: i = {}, optionLabels: o = {} }) {
+function K({ filters: e, onRemoveFilter: n, onClearAll: r, filterLabelKeys: i = {}, optionLabels: o = {} }) {
 	let { t: s } = t(), c = Object.entries(e).filter(([e, t]) => !(t == null || t === "" || Array.isArray(t) && t.length === 0));
-	return c.length === 0 ? null : /* @__PURE__ */ k("div", {
+	return c.length === 0 ? null : /* @__PURE__ */ L("div", {
 		className: "flex flex-wrap items-center gap-2 mb-4",
 		children: [
-			/* @__PURE__ */ O("span", {
+			/* @__PURE__ */ I("span", {
 				className: "text-sm text-muted-foreground font-medium",
 				children: s("filters.active")
 			}),
 			c.flatMap(([e, t]) => {
 				let r = i[e], c = r === void 0 ? e : s(r);
 				if (Array.isArray(t)) return t.map((t) => {
-					let r = F(e, t, s, o);
-					return /* @__PURE__ */ k(a, {
+					let r = G(e, t, s, o);
+					return /* @__PURE__ */ L(a, {
 						variant: "secondary",
 						className: "flex items-center gap-1 px-3 py-1 bg-primary/10 text-primary border border-primary/20 hover:bg-primary/20",
 						children: [
 							c,
 							": ",
 							r,
-							/* @__PURE__ */ O("button", {
+							/* @__PURE__ */ I("button", {
 								onClick: () => {
 									n(e, t);
 								},
 								className: "ml-1 hover:bg-primary/20 rounded-full p-0.5",
-								children: /* @__PURE__ */ O(P, { className: "size-4" })
+								children: /* @__PURE__ */ I(W, { className: "size-4" })
 							})
 						]
 					}, `${e}_${String(t)}`);
 				});
-				let l = F(e, t, s, o);
-				return /* @__PURE__ */ k(a, {
+				let l = G(e, t, s, o);
+				return /* @__PURE__ */ L(a, {
 					variant: "secondary",
 					className: "flex items-center gap-1 px-3 py-1 bg-primary/10 text-primary border border-primary/20 hover:bg-primary/20",
 					children: [
 						c,
 						": ",
 						l,
-						/* @__PURE__ */ O("button", {
+						/* @__PURE__ */ I("button", {
 							onClick: () => {
 								n(e);
 							},
 							className: "ml-1 hover:bg-primary/20 rounded-full p-0.5",
-							children: /* @__PURE__ */ O(P, { className: "size-4" })
+							children: /* @__PURE__ */ I(W, { className: "size-4" })
 						})
 					]
 				}, e);
 			}),
-			c.length > 0 && /* @__PURE__ */ O("button", {
+			c.length > 0 && /* @__PURE__ */ I("button", {
 				onClick: r,
 				className: "text-xs text-destructive hover:text-destructive/80 transition-colors font-medium ml-auto",
 				children: s("filters.clearAll")
@@ -75,17 +75,17 @@ function I({ filters: e, onRemoveFilter: n, onClearAll: r, filterLabelKeys: i =
 }
 //#endregion
 //#region src/components/core/filters/FilterField.tsx
-var L = ({ field: e, value: n, onChange: r, onToggleMultiSelect: i }) => {
+var q = ({ field: e, value: n, onChange: r, onToggleMultiSelect: i }) => {
 	let { t: a } = t();
 	switch (e.type) {
-		case "text": return /* @__PURE__ */ O(p, {
+		case "text": return /* @__PURE__ */ I(g, {
 			placeholder: e.placeholder,
 			value: n ?? "",
 			onChange: (e) => {
 				r(e.target.value);
 			}
 		});
-		case "number": return /* @__PURE__ */ O(p, {
+		case "number": return /* @__PURE__ */ I(g, {
 			type: "number",
 			placeholder: e.placeholder,
 			value: n ?? "",
@@ -95,7 +95,7 @@ var L = ({ field: e, value: n, onChange: r, onToggleMultiSelect: i }) => {
 			min: e.min,
 			max: e.max
 		});
-		case "select": return /* @__PURE__ */ O(S, {
+		case "select": return /* @__PURE__ */ I(O, {
 			options: e.options ?? [],
 			value: n,
 			onChange: r,
@@ -103,17 +103,17 @@ var L = ({ field: e, value: n, onChange: r, onToggleMultiSelect: i }) => {
 			placeholder: e.placeholder,
 			searchPlaceholder: e.searchPlaceholder
 		});
-		case "date": return /* @__PURE__ */ O(x, {
+		case "date": return /* @__PURE__ */ I(D, {
 			date: n,
 			onDateChange: r,
 			placeholder: e.placeholder ?? a("date.pickDate")
 		});
-		case "date-range": return /* @__PURE__ */ O(C, {
+		case "date-range": return /* @__PURE__ */ I(k, {
 			value: n,
 			onChange: r,
 			placeholder: e.placeholder
 		});
-		case "multi-select": return /* @__PURE__ */ O(b, {
+		case "multi-select": return /* @__PURE__ */ I(E, {
 			options: e.options ?? [],
 			selected: n ?? [],
 			onToggle: i,
@@ -127,91 +127,91 @@ var L = ({ field: e, value: n, onChange: r, onToggleMultiSelect: i }) => {
 		});
 		default: return null;
 	}
-}, R = (e) => !(e == null || e === "" || Array.isArray(e) && e.length === 0);
-function z({ sections: e, filters: r, onFiltersChange: i, buttonText: a, sheetTitle: o }) {
-	let { t: s } = t(), [c, l] = D(!1), [u, p] = D(r);
-	T(() => {
-		p(r);
+}, J = (e) => !(e == null || e === "" || Array.isArray(e) && e.length === 0);
+function Y({ sections: e, filters: r, onFiltersChange: i, buttonText: a, sheetTitle: o }) {
+	let { t: s } = t(), [c, l] = P(!1), [u, d] = P(r);
+	j(() => {
+		d(r);
 	}, [r, c]);
-	let y = (e, t) => {
-		p((n) => ({
+	let f = (e, t) => {
+		d((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, b = (e, t) => {
+	}, p = (e, t) => {
 		let n = u[e], r = Array.isArray(n) ? n : [], i = r.includes(t) ? r.filter((e) => e !== t) : [...r, t];
-		y(e, i);
-	}, x = () => {
+		f(e, i);
+	}, g = () => {
 		i(u), l(!1);
-	}, S = () => {
-		p({}), i({}), l(!1);
-	}, C = E(() => {
+	}, _ = () => {
+		d({}), i({}), l(!1);
+	}, y = M(() => {
 		let t = new Set(e.flatMap((e) => e.filters.map((e) => e.key)));
-		return Object.entries(r).filter(([e, n]) => t.has(e) && R(n)).length;
+		return Object.entries(r).filter(([e, n]) => t.has(e) && J(n)).length;
 	}, [e, r]);
-	return /* @__PURE__ */ k(_, {
+	return /* @__PURE__ */ L(C, {
 		open: c,
 		onOpenChange: l,
-		children: [/* @__PURE__ */ O(v, {
+		children: [/* @__PURE__ */ I(w, {
 			asChild: !0,
-			children: /* @__PURE__ */ k(d, {
+			children: /* @__PURE__ */ L(m, {
 				variant: "outline",
 				className: "gap-2",
 				children: [
-					/* @__PURE__ */ O(j, { className: "size-4 shrink-0" }),
+					/* @__PURE__ */ I(B, { className: "size-4 shrink-0" }),
 					a ?? s("filters.more"),
-					C > 0 && /* @__PURE__ */ O("span", {
+					y > 0 && /* @__PURE__ */ I("span", {
 						className: "ml-1 flex h-5 min-w-5 items-center justify-center rounded-full bg-primary px-1.5 text-xs font-semibold text-primary-foreground",
-						children: C
+						children: y
 					})
 				]
 			})
-		}), /* @__PURE__ */ k(g, {
+		}), /* @__PURE__ */ L(S, {
 			side: "right",
 			className: "w-[400px] sm:w-[500px] flex flex-col p-0",
 			children: [
-				/* @__PURE__ */ O(h, {
+				/* @__PURE__ */ I(b, {
 					className: "p-6 pb-0",
-					children: /* @__PURE__ */ O(m, { children: o ?? s("filters.advanced") })
+					children: /* @__PURE__ */ I(v, { children: o ?? s("filters.advanced") })
 				}),
-				/* @__PURE__ */ O("div", {
+				/* @__PURE__ */ I("div", {
 					className: "flex-1 overflow-y-auto p-6 pt-6",
-					children: /* @__PURE__ */ O("div", {
+					children: /* @__PURE__ */ I("div", {
 						className: "space-y-6",
-						children: e.map((e, t) => /* @__PURE__ */ k("div", {
+						children: e.map((e, t) => /* @__PURE__ */ L("div", {
 							className: "space-y-4",
-							children: [/* @__PURE__ */ O("h3", {
+							children: [/* @__PURE__ */ I("h3", {
 								className: "font-semibold text-sm text-foreground border-b pb-2",
 								children: s(e.titleKey)
-							}), e.filters.map((e) => /* @__PURE__ */ k("div", {
+							}), e.filters.map((e) => /* @__PURE__ */ L("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ O(n, {
+								children: [/* @__PURE__ */ I(n, {
 									htmlFor: e.key,
 									children: s(e.labelKey)
-								}), /* @__PURE__ */ O(L, {
+								}), /* @__PURE__ */ I(q, {
 									field: e,
 									value: u[e.key],
 									onChange: (t) => {
-										y(e.key, t);
+										f(e.key, t);
 									},
 									onToggleMultiSelect: (t) => {
-										b(e.key, t);
+										p(e.key, t);
 									}
 								})]
 							}, e.key))]
 						}, t))
 					})
 				}),
-				/* @__PURE__ */ k(f, {
+				/* @__PURE__ */ L(h, {
 					className: "gap-2 p-6 border-t bg-background",
-					children: [/* @__PURE__ */ O(d, {
+					children: [/* @__PURE__ */ I(m, {
 						variant: "outline",
 						className: "flex-1",
-						onClick: S,
+						onClick: _,
 						children: s("filters.clear")
-					}), /* @__PURE__ */ O(d, {
+					}), /* @__PURE__ */ I(m, {
 						className: "flex-1",
-						onClick: x,
+						onClick: g,
 						children: s("filters.apply")
 					})]
 				})
@@ -221,28 +221,28 @@ function z({ sections: e, filters: r, onFiltersChange: i, buttonText: a, sheetTi
 }
 //#endregion
 //#region src/components/core/filters/FilterPillsGroup.tsx
-var B = {
+var X = {
 	solid: "border-foreground bg-foreground text-background",
 	outline: "border-primary bg-primary/10 text-primary font-medium"
 };
-function V(t, n, r) {
-	return r === void 0 ? t ? B[n] : "border-border bg-background text-muted-foreground hover:text-foreground hover:border-foreground/40" : e(r, t ? "font-semibold" : "opacity-60 hover:opacity-100");
+function ee(t, n, r) {
+	return r === void 0 ? t ? X[n] : "border-border bg-background text-muted-foreground hover:text-foreground hover:border-foreground/40" : e(r, t ? "font-semibold" : "opacity-60 hover:opacity-100");
 }
-function H({ options: t, values: n, onToggle: r, variant: i = "solid" }) {
-	return /* @__PURE__ */ O("div", {
+function Z({ options: t, values: n, onToggle: r, variant: i = "solid" }) {
+	return /* @__PURE__ */ I("div", {
 		className: "flex flex-wrap gap-1.5",
 		children: t.map(({ value: t, label: a, count: o, icon: s, className: c }) => {
-			let l = V(n.includes(t), i, c);
-			return /* @__PURE__ */ k("button", {
+			let l = ee(n.includes(t), i, c);
+			return /* @__PURE__ */ L("button", {
 				onClick: () => {
 					r(t);
 				},
 				className: e("inline-flex items-center gap-1 text-xs px-2.5 py-1 rounded-control border transition-colors", l),
 				children: [
-					s && /* @__PURE__ */ O(s, { className: "size-3 shrink-0" }),
+					s && /* @__PURE__ */ I(s, { className: "size-3 shrink-0" }),
 					a,
 					" ",
-					o !== void 0 && /* @__PURE__ */ k("span", {
+					o !== void 0 && /* @__PURE__ */ L("span", {
 						className: "opacity-60",
 						children: [
 							"(",
@@ -257,8 +257,8 @@ function H({ options: t, values: n, onToggle: r, variant: i = "solid" }) {
 }
 //#endregion
 //#region src/components/core/filters/FilterPills.tsx
-function U({ options: e, value: t, onChange: n, variant: r = "solid" }) {
-	return /* @__PURE__ */ O(H, {
+function te({ options: e, value: t, onChange: n, variant: r = "solid" }) {
+	return /* @__PURE__ */ I(Z, {
 		options: e,
 		values: [t],
 		onToggle: n,
@@ -267,48 +267,48 @@ function U({ options: e, value: t, onChange: n, variant: r = "solid" }) {
 }
 //#endregion
 //#region src/components/core/filters/FiltersMobileDrawer.tsx
-function W({ children: e, activeFiltersCount: n = 0, onReset: a, onApply: f }) {
-	let { t: p } = t(), [m, h] = D(!1);
-	return /* @__PURE__ */ k(i, {
-		open: m,
+function Q({ children: e, activeFiltersCount: n = 0, onReset: a, onApply: l }) {
+	let { t: d } = t(), [p, h] = P(!1);
+	return /* @__PURE__ */ L(i, {
+		open: p,
 		onOpenChange: h,
-		children: [/* @__PURE__ */ O(u, {
+		children: [/* @__PURE__ */ I(f, {
 			asChild: !0,
-			children: /* @__PURE__ */ k(d, {
+			children: /* @__PURE__ */ L(m, {
 				variant: "outline",
 				className: "relative",
 				children: [
-					/* @__PURE__ */ O(M, { className: "h-4 w-4 mr-2" }),
-					p("filters.filter"),
-					n > 0 && /* @__PURE__ */ O("span", {
+					/* @__PURE__ */ I(V, { className: "h-4 w-4 mr-2" }),
+					d("filters.filter"),
+					n > 0 && /* @__PURE__ */ I("span", {
 						className: "absolute -top-2 -right-2 flex h-5 w-5 items-center justify-center rounded-full bg-primary text-xs text-primary-foreground",
 						children: n
 					})
 				]
 			})
-		}), /* @__PURE__ */ k(r, { children: [
-			/* @__PURE__ */ O(s, { children: /* @__PURE__ */ O(c, { children: p("filters.title") }) }),
-			/* @__PURE__ */ O("div", {
+		}), /* @__PURE__ */ L(r, { children: [
+			/* @__PURE__ */ I(s, { children: /* @__PURE__ */ I(c, { children: d("filters.title") }) }),
+			/* @__PURE__ */ I("div", {
 				className: "flex flex-col gap-4 px-4 pb-4",
 				children: e
 			}),
-			/* @__PURE__ */ k(o, {
+			/* @__PURE__ */ L(o, {
 				className: "flex-row gap-2",
-				children: [/* @__PURE__ */ k(d, {
+				children: [/* @__PURE__ */ L(m, {
 					variant: "outline",
 					onClick: () => {
 						a?.(), h(!1);
 					},
 					className: "flex-1",
-					children: [/* @__PURE__ */ O(N, { className: "h-4 w-4 mr-2" }), p("filters.reset")]
-				}), /* @__PURE__ */ O(l, {
+					children: [/* @__PURE__ */ I(H, { className: "h-4 w-4 mr-2" }), d("filters.reset")]
+				}), /* @__PURE__ */ I(u, {
 					asChild: !0,
-					children: /* @__PURE__ */ O(d, {
+					children: /* @__PURE__ */ I(m, {
 						onClick: () => {
-							f?.(), h(!1);
+							l?.(), h(!1);
 						},
 						className: "flex-1",
-						children: p("actions.apply")
+						children: d("actions.apply")
 					})
 				})]
 			})
@@ -317,41 +317,41 @@ function W({ children: e, activeFiltersCount: n = 0, onReset: a, onApply: f }) {
 }
 //#endregion
 //#region src/components/core/filters/FiltersContainer.tsx
-function G({ children: e, search: n, searchPlaceholder: r, activeFiltersCount: i = 0, onReset: a, onSearch: o }) {
+function ne({ children: e, search: n, searchPlaceholder: r, activeFiltersCount: i = 0, onReset: a, onSearch: o }) {
 	let { t: s } = t();
-	return y() ? /* @__PURE__ */ k("div", {
+	return T() ? /* @__PURE__ */ L("div", {
 		className: "flex items-center gap-2",
-		children: [o !== void 0 && /* @__PURE__ */ O("div", {
+		children: [o !== void 0 && /* @__PURE__ */ I("div", {
 			className: "flex-1",
-			children: /* @__PURE__ */ O(w, {
+			children: /* @__PURE__ */ I(A, {
 				search: n ?? "",
 				onSearch: o,
 				placeholder: r
 			})
-		}), /* @__PURE__ */ O(W, {
+		}), /* @__PURE__ */ I(Q, {
 			activeFiltersCount: i,
 			onReset: a,
 			children: e
 		})]
-	}) : /* @__PURE__ */ k("div", {
+	}) : /* @__PURE__ */ L("div", {
 		className: "flex justify-between",
-		children: [/* @__PURE__ */ k("div", {
+		children: [/* @__PURE__ */ L("div", {
 			className: "flex flex-wrap gap-2",
-			children: [o !== void 0 && /* @__PURE__ */ O(w, {
+			children: [o !== void 0 && /* @__PURE__ */ I(A, {
 				search: n ?? "",
 				onSearch: o,
 				placeholder: r
 			}), e]
-		}), a && /* @__PURE__ */ O("div", {
+		}), a && /* @__PURE__ */ I("div", {
 			className: "flex flex-wrap gap-4",
-			children: /* @__PURE__ */ k(d, {
+			children: /* @__PURE__ */ L(m, {
 				variant: "outline",
 				onClick: a,
 				className: "relative",
 				children: [
-					/* @__PURE__ */ O(N, {}),
+					/* @__PURE__ */ I(H, {}),
 					s("filters.reset"),
-					i > 0 && /* @__PURE__ */ O("span", {
+					i > 0 && /* @__PURE__ */ I("span", {
 						className: "absolute -top-2 -right-2 flex h-5 w-5 items-center justify-center rounded-full bg-primary text-xs text-primary-foreground",
 						children: i
 					})
@@ -362,7 +362,7 @@ function G({ children: e, search: n, searchPlaceholder: r, activeFiltersCount: i
 }
 //#endregion
 //#region src/components/core/filters/TableFilter.tsx
-function K({ searchQuery: e, onSearchChange: n, searchPlaceholder: r, filters: i, onFiltersChange: a, sections: o, advancedButtonText: s, sheetTitle: c }) {
+function re({ searchQuery: e, onSearchChange: n, searchPlaceholder: r, filters: i, onFiltersChange: a, sections: o, advancedButtonText: s, sheetTitle: c }) {
 	let { t: l } = t(), u = (e, t) => {
 		let n = i[e], r = Array.isArray(n) ? n : [], o = r.includes(t) ? r.filter((e) => e !== t) : [...r, t], s = { ...i };
 		o.length === 0 ? delete s[e] : s[e] = o, a(s);
@@ -374,7 +374,7 @@ function K({ searchQuery: e, onSearchChange: n, searchPlaceholder: r, filters: i
 	}, p = (e, t) => {
 		let n = { ...i }, r = n[e];
 		Array.isArray(r) ? t === void 0 ? delete n[e] : (n[e] = r.filter((e) => e !== t), Array.isArray(n[e]) && n[e].length === 0 && delete n[e]) : delete n[e], a(n);
-	}, m = E(() => {
+	}, m = M(() => {
 		let e = [];
 		return o.forEach((t) => {
 			t.filters.forEach((t) => {
@@ -387,14 +387,14 @@ function K({ searchQuery: e, onSearchChange: n, searchPlaceholder: r, filters: i
 				});
 			});
 		}), e;
-	}, [o]), h = E(() => {
+	}, [o]), h = M(() => {
 		let e = {};
 		return o.forEach((t) => {
 			t.filters.forEach((t) => {
 				e[t.key] = t.badgeLabelKey ?? t.labelKey;
 			});
 		}), e;
-	}, [o]), g = E(() => {
+	}, [o]), g = M(() => {
 		let e = {};
 		return o.forEach((t) => {
 			t.filters.forEach((t) => {
@@ -404,20 +404,20 @@ function K({ searchQuery: e, onSearchChange: n, searchPlaceholder: r, filters: i
 			});
 		}), e;
 	}, [o]);
-	return /* @__PURE__ */ k("div", {
+	return /* @__PURE__ */ L("div", {
 		className: "space-y-4 w-full",
-		children: [/* @__PURE__ */ k("div", {
+		children: [/* @__PURE__ */ L("div", {
 			className: "flex flex-wrap items-center gap-2 justify-between",
-			children: [/* @__PURE__ */ k("div", {
+			children: [/* @__PURE__ */ L("div", {
 				className: "flex flex-wrap items-center gap-2",
-				children: [n === void 0 ? null : /* @__PURE__ */ O(w, {
+				children: [n === void 0 ? null : /* @__PURE__ */ I(A, {
 					searchQuery: e,
 					onSearch: n,
 					onClear: () => {
 						n("");
 					},
 					placeholder: r ?? l("search.placeholder")
-				}), m.map((e) => /* @__PURE__ */ O(b, {
+				}), m.map((e) => /* @__PURE__ */ I(E, {
 					variant: "pill",
 					labelKey: e.labelKey,
 					options: e.options,
@@ -437,14 +437,14 @@ function K({ searchQuery: e, onSearchChange: n, searchPlaceholder: r, filters: i
 					searchable: e.searchable,
 					searchPlaceholder: e.searchPlaceholder
 				}, e.key))]
-			}), o.length > 0 && /* @__PURE__ */ O(z, {
+			}), o.length > 0 && /* @__PURE__ */ I(Y, {
 				sections: o,
 				filters: i,
 				onFiltersChange: a,
 				buttonText: s,
 				sheetTitle: c
 			})]
-		}), /* @__PURE__ */ O(I, {
+		}), /* @__PURE__ */ I(K, {
 			filters: i,
 			onRemoveFilter: p,
 			onClearAll: f,
@@ -454,4 +454,195 @@ function K({ searchQuery: e, onSearchChange: n, searchPlaceholder: r, filters: i
 	});
 }
 //#endregion
-export { I as ActiveFilters, z as AdvancedFilters, L as FilterField, U as FilterPills, H as FilterPillsGroup, G as FiltersContainer, W as FiltersMobileDrawer, K as TableFilter };
+//#region src/components/core/filters/ConditionFilter.tsx
+var ie = (e) => e?.requiresValue !== !1;
+function $({ fields: r, operators: i, value: a, onChange: o, labelKey: s, icon: c, disabled: u = !1, className: f }) {
+	let { t: h } = t(), [v, b] = P(!1), [S, C] = P({ value: "" }), w = a === void 0 ? void 0 : r.find((e) => e.value === a.field), T = a === void 0 ? void 0 : i.find((e) => e.value === a.operator), E = a !== void 0, D = i.find((e) => e.value === S.operator), k = ie(D), A = D?.numeric === !0, j = S.value.trim(), M = k && A && j !== "" && Number.isNaN(Number(j)), N = S.field !== void 0 && D !== void 0 && (!k || j !== "") && !M, R = (e) => {
+		e && C(a === void 0 ? { value: "" } : { ...a }), b(e);
+	}, B = () => {
+		N && S.field !== void 0 && D !== void 0 && (o({
+			field: S.field,
+			operator: D.value,
+			value: k ? j : ""
+		}), b(!1));
+	}, V = () => {
+		o(void 0), b(!1);
+	}, H = h(s === void 0 ? "filters.condition.label" : s);
+	return /* @__PURE__ */ L(x, {
+		open: v,
+		onOpenChange: R,
+		children: [/* @__PURE__ */ I(_, {
+			asChild: !0,
+			children: /* @__PURE__ */ L("button", {
+				type: "button",
+				disabled: u,
+				className: e(p, "inline-flex items-center justify-between gap-1.5 whitespace-nowrap transition-colors", E ? "border-primary bg-primary/10 text-primary" : "hover:bg-muted", !E && "w-full md:w-[200px]", f),
+				children: [/* @__PURE__ */ L("span", {
+					className: "flex min-w-0 items-center gap-1.5",
+					children: [c !== void 0 && /* @__PURE__ */ I(c, { className: "size-3.5 shrink-0 opacity-70" }), /* @__PURE__ */ I("span", {
+						className: "truncate",
+						children: a === void 0 ? H : /* @__PURE__ */ L(F, { children: [
+							H,
+							" :",
+							" ",
+							/* @__PURE__ */ I("span", {
+								className: "font-semibold",
+								children: w?.label ?? a.field
+							}),
+							" ",
+							T?.label ?? a.operator,
+							a.value !== "" && /* @__PURE__ */ L("span", {
+								className: "font-semibold",
+								children: [" ", a.value]
+							})
+						] })
+					})]
+				}), /* @__PURE__ */ L("span", {
+					className: "flex shrink-0 items-center gap-1",
+					children: [E && !u && /* @__PURE__ */ I("span", {
+						role: "button",
+						tabIndex: -1,
+						"aria-label": h("filters.condition.clear"),
+						onClick: (e) => {
+							e.stopPropagation();
+						},
+						onPointerDown: (e) => {
+							e.preventDefault(), e.stopPropagation(), o(void 0);
+						},
+						className: "opacity-70 hover:opacity-100",
+						children: /* @__PURE__ */ I(W, { className: "size-3.5" })
+					}), /* @__PURE__ */ I(z, { className: e("size-3.5 opacity-60 transition-transform", v && "rotate-180") })]
+				})]
+			})
+		}), /* @__PURE__ */ L(y, {
+			align: "start",
+			className: "w-80 space-y-4",
+			children: [
+				/* @__PURE__ */ L("div", {
+					className: "space-y-1.5",
+					children: [/* @__PURE__ */ I(n, { children: h("filters.condition.field") }), /* @__PURE__ */ I(O, {
+						options: r,
+						value: S.field,
+						onChange: (e) => {
+							C((t) => ({
+								...t,
+								field: e
+							}));
+						},
+						placeholder: h("filters.condition.selectField")
+					})]
+				}),
+				/* @__PURE__ */ L("div", {
+					className: "space-y-1.5",
+					children: [/* @__PURE__ */ I(n, { children: h("filters.condition.operator") }), /* @__PURE__ */ I(d, {
+						type: "single",
+						variant: "outline",
+						size: "sm",
+						className: "flex-wrap justify-start",
+						value: S.operator ?? "",
+						onValueChange: (e) => {
+							C((t) => {
+								let n = i.find((t) => t.value === e)?.numeric !== !0 || !Number.isNaN(Number(t.value.trim()));
+								return {
+									...t,
+									operator: e === "" ? void 0 : e,
+									value: n ? t.value : ""
+								};
+							});
+						},
+						children: i.map((e) => /* @__PURE__ */ I(l, {
+							value: e.value,
+							title: e.title,
+							"aria-label": e.title ?? e.label,
+							className: "min-w-9 px-2",
+							children: e.label
+						}, e.value))
+					})]
+				}),
+				k && /* @__PURE__ */ L("div", {
+					className: "space-y-1.5",
+					children: [
+						/* @__PURE__ */ I(n, {
+							htmlFor: "condition-filter-value",
+							children: h("filters.condition.value")
+						}),
+						/* @__PURE__ */ I(g, {
+							id: "condition-filter-value",
+							value: S.value,
+							type: A ? "number" : "text",
+							step: "any",
+							onChange: (e) => {
+								C((t) => ({
+									...t,
+									value: e.target.value
+								}));
+							},
+							onKeyDown: (e) => {
+								e.key === "Enter" && (e.preventDefault(), B());
+							}
+						}),
+						"          "
+					]
+				}),
+				/* @__PURE__ */ L("div", {
+					className: "flex justify-end gap-2",
+					children: [E && /* @__PURE__ */ I(m, {
+						variant: "ghost",
+						size: "sm",
+						onClick: V,
+						children: h("filters.condition.clear")
+					}), /* @__PURE__ */ I(m, {
+						size: "sm",
+						onClick: B,
+						disabled: !N,
+						children: h("filters.condition.apply")
+					})]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/components/core/filters/ConditionFilterGroup.tsx
+var ae = (e, t) => e.field === t.field && e.operator === t.operator && e.value === t.value;
+function oe({ fields: t, operators: n, values: r, onChange: i, labelKey: a, max: o = 5, disabled: s = !1, className: c }) {
+	let l = N(!1), u = (e) => {
+		e === void 0 || r.some((t) => ae(t, e)) || i([...r, e]);
+	}, d = (e, t) => {
+		if (t === void 0) {
+			l.current = !0, i(r.filter((t, n) => n !== e));
+			return;
+		}
+		i(r.map((n, r) => r === e ? t : n));
+	}, f = r.length === 0, p = () => {
+		l.current = !1;
+	};
+	return /* @__PURE__ */ L("div", {
+		className: e("flex flex-wrap items-center gap-2", c),
+		onPointerDownCapture: p,
+		onKeyDownCapture: p,
+		onClickCapture: (e) => {
+			l.current && (l.current = !1, e.preventDefault(), e.stopPropagation());
+		},
+		children: [r.map((e, r) => /* @__PURE__ */ I($, {
+			fields: t,
+			operators: n,
+			value: e,
+			onChange: (e) => {
+				d(r, e);
+			},
+			labelKey: a,
+			disabled: s
+		}, r)), r.length < o && /* @__PURE__ */ I($, {
+			fields: t,
+			operators: n,
+			value: void 0,
+			onChange: u,
+			labelKey: f ? a : "filters.condition.add",
+			icon: f ? void 0 : U,
+			disabled: s
+		})]
+	});
+}
+//#endregion
+export { K as ActiveFilters, Y as AdvancedFilters, $ as ConditionFilter, oe as ConditionFilterGroup, q as FilterField, te as FilterPills, Z as FilterPillsGroup, ne as FiltersContainer, Q as FiltersMobileDrawer, re as TableFilter };