@krosoft/react 0.0.331 → 0.0.333

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

@@ -1,71 +1,71 @@
 import { t as e } from "../../../tailwind.helper-CJaRYBmL.js";
-import { t } from "../../../i18n-CmJWr9V5.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-CB_byKCw.js";
+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-0N3ZYjHb.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-C7d047Y9.js";
-import { i as D, n as O, r as k, t as A } from "../../../SearchInput-7uYKK54l.js";
-import "../../../ui-DOXKkmS3.js";
-import { useEffect as j, useMemo as M, useState as N } from "react";
-import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
-import { getLocale as L } from "@krosoft/core/helpers";
-import { ChevronDownIcon as R, Filter as z, FilterIcon as B, FilterXIcon as V, XIcon as H } from "lucide-react";
+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 U = (e, t, n, r = {}) => {
-	if (t instanceof Date) return t.toLocaleDateString(L());
+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 W({ 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__ */ I("div", {
+	return c.length === 0 ? null : /* @__PURE__ */ L("div", {
 		className: "flex flex-wrap items-center gap-2 mb-4",
 		children: [
-			/* @__PURE__ */ F("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 = U(e, t, s, o);
-					return /* @__PURE__ */ I(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__ */ F("button", {
+							/* @__PURE__ */ I("button", {
 								onClick: () => {
 									n(e, t);
 								},
 								className: "ml-1 hover:bg-primary/20 rounded-full p-0.5",
-								children: /* @__PURE__ */ F(H, { className: "size-4" })
+								children: /* @__PURE__ */ I(W, { className: "size-4" })
 							})
 						]
 					}, `${e}_${String(t)}`);
 				});
-				let l = U(e, t, s, o);
-				return /* @__PURE__ */ I(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__ */ F("button", {
+						/* @__PURE__ */ I("button", {
 							onClick: () => {
 								n(e);
 							},
 							className: "ml-1 hover:bg-primary/20 rounded-full p-0.5",
-							children: /* @__PURE__ */ F(H, { className: "size-4" })
+							children: /* @__PURE__ */ I(W, { className: "size-4" })
 						})
 					]
 				}, e);
 			}),
-			c.length > 0 && /* @__PURE__ */ F("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 W({ filters: e, onRemoveFilter: n, onClearAll: r, filterLabelKeys: i =
 }
 //#endregion
 //#region src/components/core/filters/FilterField.tsx
-var G = ({ 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__ */ F(g, {
+		case "text": return /* @__PURE__ */ I(g, {
 			placeholder: e.placeholder,
 			value: n ?? "",
 			onChange: (e) => {
 				r(e.target.value);
 			}
 		});
-		case "number": return /* @__PURE__ */ F(g, {
+		case "number": return /* @__PURE__ */ I(g, {
 			type: "number",
 			placeholder: e.placeholder,
 			value: n ?? "",
@@ -95,7 +95,7 @@ var G = ({ field: e, value: n, onChange: r, onToggleMultiSelect: i }) => {
 			min: e.min,
 			max: e.max
 		});
-		case "select": return /* @__PURE__ */ F(O, {
+		case "select": return /* @__PURE__ */ I(O, {
 			options: e.options ?? [],
 			value: n,
 			onChange: r,
@@ -103,17 +103,17 @@ var G = ({ field: e, value: n, onChange: r, onToggleMultiSelect: i }) => {
 			placeholder: e.placeholder,
 			searchPlaceholder: e.searchPlaceholder
 		});
-		case "date": return /* @__PURE__ */ F(D, {
+		case "date": return /* @__PURE__ */ I(D, {
 			date: n,
 			onDateChange: r,
 			placeholder: e.placeholder ?? a("date.pickDate")
 		});
-		case "date-range": return /* @__PURE__ */ F(k, {
+		case "date-range": return /* @__PURE__ */ I(k, {
 			value: n,
 			onChange: r,
 			placeholder: e.placeholder
 		});
-		case "multi-select": return /* @__PURE__ */ F(E, {
+		case "multi-select": return /* @__PURE__ */ I(E, {
 			options: e.options ?? [],
 			selected: n ?? [],
 			onToggle: i,
@@ -127,9 +127,9 @@ var G = ({ field: e, value: n, onChange: r, onToggleMultiSelect: i }) => {
 		});
 		default: return null;
 	}
-}, K = (e) => !(e == null || e === "" || Array.isArray(e) && e.length === 0);
-function q({ sections: e, filters: r, onFiltersChange: i, buttonText: a, sheetTitle: o }) {
-	let { t: s } = t(), [c, l] = N(!1), [u, d] = N(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]);
@@ -147,48 +147,48 @@ function q({ sections: e, filters: r, onFiltersChange: i, buttonText: a, sheetTi
 		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) && K(n)).length;
+		return Object.entries(r).filter(([e, n]) => t.has(e) && J(n)).length;
 	}, [e, r]);
-	return /* @__PURE__ */ I(C, {
+	return /* @__PURE__ */ L(C, {
 		open: c,
 		onOpenChange: l,
-		children: [/* @__PURE__ */ F(w, {
+		children: [/* @__PURE__ */ I(w, {
 			asChild: !0,
-			children: /* @__PURE__ */ I(m, {
+			children: /* @__PURE__ */ L(m, {
 				variant: "outline",
 				className: "gap-2",
 				children: [
-					/* @__PURE__ */ F(z, { className: "size-4 shrink-0" }),
+					/* @__PURE__ */ I(B, { className: "size-4 shrink-0" }),
 					a ?? s("filters.more"),
-					y > 0 && /* @__PURE__ */ F("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: y
 					})
 				]
 			})
-		}), /* @__PURE__ */ I(S, {
+		}), /* @__PURE__ */ L(S, {
 			side: "right",
 			className: "w-[400px] sm:w-[500px] flex flex-col p-0",
 			children: [
-				/* @__PURE__ */ F(b, {
+				/* @__PURE__ */ I(b, {
 					className: "p-6 pb-0",
-					children: /* @__PURE__ */ F(v, { children: o ?? s("filters.advanced") })
+					children: /* @__PURE__ */ I(v, { children: o ?? s("filters.advanced") })
 				}),
-				/* @__PURE__ */ F("div", {
+				/* @__PURE__ */ I("div", {
 					className: "flex-1 overflow-y-auto p-6 pt-6",
-					children: /* @__PURE__ */ F("div", {
+					children: /* @__PURE__ */ I("div", {
 						className: "space-y-6",
-						children: e.map((e, t) => /* @__PURE__ */ I("div", {
+						children: e.map((e, t) => /* @__PURE__ */ L("div", {
 							className: "space-y-4",
-							children: [/* @__PURE__ */ F("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__ */ I("div", {
+							}), e.filters.map((e) => /* @__PURE__ */ L("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ F(n, {
+								children: [/* @__PURE__ */ I(n, {
 									htmlFor: e.key,
 									children: s(e.labelKey)
-								}), /* @__PURE__ */ F(G, {
+								}), /* @__PURE__ */ I(q, {
 									field: e,
 									value: u[e.key],
 									onChange: (t) => {
@@ -202,14 +202,14 @@ function q({ sections: e, filters: r, onFiltersChange: i, buttonText: a, sheetTi
 						}, t))
 					})
 				}),
-				/* @__PURE__ */ I(h, {
+				/* @__PURE__ */ L(h, {
 					className: "gap-2 p-6 border-t bg-background",
-					children: [/* @__PURE__ */ F(m, {
+					children: [/* @__PURE__ */ I(m, {
 						variant: "outline",
 						className: "flex-1",
 						onClick: _,
 						children: s("filters.clear")
-					}), /* @__PURE__ */ F(m, {
+					}), /* @__PURE__ */ I(m, {
 						className: "flex-1",
 						onClick: g,
 						children: s("filters.apply")
@@ -221,28 +221,28 @@ function q({ sections: e, filters: r, onFiltersChange: i, buttonText: a, sheetTi
 }
 //#endregion
 //#region src/components/core/filters/FilterPillsGroup.tsx
-var J = {
+var X = {
 	solid: "border-foreground bg-foreground text-background",
 	outline: "border-primary bg-primary/10 text-primary font-medium"
 };
-function Y(t, n, r) {
-	return r === void 0 ? t ? J[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 X({ options: t, values: n, onToggle: r, variant: i = "solid" }) {
-	return /* @__PURE__ */ F("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 = Y(n.includes(t), i, c);
-			return /* @__PURE__ */ I("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__ */ F(s, { className: "size-3 shrink-0" }),
+					s && /* @__PURE__ */ I(s, { className: "size-3 shrink-0" }),
 					a,
 					" ",
-					o !== void 0 && /* @__PURE__ */ I("span", {
+					o !== void 0 && /* @__PURE__ */ L("span", {
 						className: "opacity-60",
 						children: [
 							"(",
@@ -257,8 +257,8 @@ function X({ options: t, values: n, onToggle: r, variant: i = "solid" }) {
 }
 //#endregion
 //#region src/components/core/filters/FilterPills.tsx
-function Z({ options: e, value: t, onChange: n, variant: r = "solid" }) {
-	return /* @__PURE__ */ F(X, {
+function te({ options: e, value: t, onChange: n, variant: r = "solid" }) {
+	return /* @__PURE__ */ I(Z, {
 		options: e,
 		values: [t],
 		onToggle: n,
@@ -268,42 +268,42 @@ function Z({ options: e, value: t, onChange: n, variant: r = "solid" }) {
 //#endregion
 //#region src/components/core/filters/FiltersMobileDrawer.tsx
 function Q({ children: e, activeFiltersCount: n = 0, onReset: a, onApply: l }) {
-	let { t: d } = t(), [p, h] = N(!1);
-	return /* @__PURE__ */ I(i, {
+	let { t: d } = t(), [p, h] = P(!1);
+	return /* @__PURE__ */ L(i, {
 		open: p,
 		onOpenChange: h,
-		children: [/* @__PURE__ */ F(f, {
+		children: [/* @__PURE__ */ I(f, {
 			asChild: !0,
-			children: /* @__PURE__ */ I(m, {
+			children: /* @__PURE__ */ L(m, {
 				variant: "outline",
 				className: "relative",
 				children: [
-					/* @__PURE__ */ F(B, { className: "h-4 w-4 mr-2" }),
+					/* @__PURE__ */ I(V, { className: "h-4 w-4 mr-2" }),
 					d("filters.filter"),
-					n > 0 && /* @__PURE__ */ F("span", {
+					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__ */ I(r, { children: [
-			/* @__PURE__ */ F(s, { children: /* @__PURE__ */ F(c, { children: d("filters.title") }) }),
-			/* @__PURE__ */ F("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__ */ I(o, {
+			/* @__PURE__ */ L(o, {
 				className: "flex-row gap-2",
-				children: [/* @__PURE__ */ I(m, {
+				children: [/* @__PURE__ */ L(m, {
 					variant: "outline",
 					onClick: () => {
 						a?.(), h(!1);
 					},
 					className: "flex-1",
-					children: [/* @__PURE__ */ F(V, { className: "h-4 w-4 mr-2" }), d("filters.reset")]
-				}), /* @__PURE__ */ F(u, {
+					children: [/* @__PURE__ */ I(H, { className: "h-4 w-4 mr-2" }), d("filters.reset")]
+				}), /* @__PURE__ */ I(u, {
 					asChild: !0,
-					children: /* @__PURE__ */ F(m, {
+					children: /* @__PURE__ */ I(m, {
 						onClick: () => {
 							l?.(), h(!1);
 						},
@@ -317,41 +317,41 @@ function Q({ children: e, activeFiltersCount: n = 0, onReset: a, onApply: l }) {
 }
 //#endregion
 //#region src/components/core/filters/FiltersContainer.tsx
-function $({ 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 T() ? /* @__PURE__ */ I("div", {
+	return T() ? /* @__PURE__ */ L("div", {
 		className: "flex items-center gap-2",
-		children: [o !== void 0 && /* @__PURE__ */ F("div", {
+		children: [o !== void 0 && /* @__PURE__ */ I("div", {
 			className: "flex-1",
-			children: /* @__PURE__ */ F(A, {
+			children: /* @__PURE__ */ I(A, {
 				search: n ?? "",
 				onSearch: o,
 				placeholder: r
 			})
-		}), /* @__PURE__ */ F(Q, {
+		}), /* @__PURE__ */ I(Q, {
 			activeFiltersCount: i,
 			onReset: a,
 			children: e
 		})]
-	}) : /* @__PURE__ */ I("div", {
+	}) : /* @__PURE__ */ L("div", {
 		className: "flex justify-between",
-		children: [/* @__PURE__ */ I("div", {
+		children: [/* @__PURE__ */ L("div", {
 			className: "flex flex-wrap gap-2",
-			children: [o !== void 0 && /* @__PURE__ */ F(A, {
+			children: [o !== void 0 && /* @__PURE__ */ I(A, {
 				search: n ?? "",
 				onSearch: o,
 				placeholder: r
 			}), e]
-		}), a && /* @__PURE__ */ F("div", {
+		}), a && /* @__PURE__ */ I("div", {
 			className: "flex flex-wrap gap-4",
-			children: /* @__PURE__ */ I(m, {
+			children: /* @__PURE__ */ L(m, {
 				variant: "outline",
 				onClick: a,
 				className: "relative",
 				children: [
-					/* @__PURE__ */ F(V, {}),
+					/* @__PURE__ */ I(H, {}),
 					s("filters.reset"),
-					i > 0 && /* @__PURE__ */ F("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 $({ children: e, search: n, searchPlaceholder: r, activeFiltersCount: i
 }
 //#endregion
 //#region src/components/core/filters/TableFilter.tsx
-function ee({ 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);
@@ -404,20 +404,20 @@ function ee({ searchQuery: e, onSearchChange: n, searchPlaceholder: r, filters:
 			});
 		}), e;
 	}, [o]);
-	return /* @__PURE__ */ I("div", {
+	return /* @__PURE__ */ L("div", {
 		className: "space-y-4 w-full",
-		children: [/* @__PURE__ */ I("div", {
+		children: [/* @__PURE__ */ L("div", {
 			className: "flex flex-wrap items-center gap-2 justify-between",
-			children: [/* @__PURE__ */ I("div", {
+			children: [/* @__PURE__ */ L("div", {
 				className: "flex flex-wrap items-center gap-2",
-				children: [n === void 0 ? null : /* @__PURE__ */ F(A, {
+				children: [n === void 0 ? null : /* @__PURE__ */ I(A, {
 					searchQuery: e,
 					onSearch: n,
 					onClear: () => {
 						n("");
 					},
 					placeholder: r ?? l("search.placeholder")
-				}), m.map((e) => /* @__PURE__ */ F(E, {
+				}), m.map((e) => /* @__PURE__ */ I(E, {
 					variant: "pill",
 					labelKey: e.labelKey,
 					options: e.options,
@@ -437,14 +437,14 @@ function ee({ searchQuery: e, onSearchChange: n, searchPlaceholder: r, filters:
 					searchable: e.searchable,
 					searchPlaceholder: e.searchPlaceholder
 				}, e.key))]
-			}), o.length > 0 && /* @__PURE__ */ F(q, {
+			}), o.length > 0 && /* @__PURE__ */ I(Y, {
 				sections: o,
 				filters: i,
 				onFiltersChange: a,
 				buttonText: s,
 				sheetTitle: c
 			})]
-		}), /* @__PURE__ */ F(W, {
+		}), /* @__PURE__ */ I(K, {
 			filters: i,
 			onRemoveFilter: p,
 			onClearAll: f,
@@ -455,51 +455,51 @@ function ee({ searchQuery: e, onSearchChange: n, searchPlaceholder: r, filters:
 }
 //#endregion
 //#region src/components/core/filters/ConditionFilter.tsx
-var te = (e) => e?.requiresValue !== !1;
-function ne({ fields: r, operators: i, value: a, onChange: o, labelKey: s, icon: c, disabled: u = !1, className: f }) {
-	let { t: h } = t(), [v, b] = N(!1), [S, C] = N({ 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 = te(D), A = D?.numeric === !0, j = S.value.trim(), M = k && A && j !== "" && Number.isNaN(Number(j)), L = S.field !== void 0 && D !== void 0 && (!k || j !== "") && !M, z = (e) => {
+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 = () => {
-		L && S.field !== void 0 && D !== void 0 && (o({
+		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);
-	}, U = h(s === void 0 ? "filters.condition.label" : s);
-	return /* @__PURE__ */ I(x, {
+	}, H = h(s === void 0 ? "filters.condition.label" : s);
+	return /* @__PURE__ */ L(x, {
 		open: v,
-		onOpenChange: z,
-		children: [/* @__PURE__ */ F(_, {
+		onOpenChange: R,
+		children: [/* @__PURE__ */ I(_, {
 			asChild: !0,
-			children: /* @__PURE__ */ I("button", {
+			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__ */ I("span", {
+				children: [/* @__PURE__ */ L("span", {
 					className: "flex min-w-0 items-center gap-1.5",
-					children: [c !== void 0 && /* @__PURE__ */ F(c, { className: "size-3.5 shrink-0 opacity-70" }), /* @__PURE__ */ F("span", {
+					children: [c !== void 0 && /* @__PURE__ */ I(c, { className: "size-3.5 shrink-0 opacity-70" }), /* @__PURE__ */ I("span", {
 						className: "truncate",
-						children: a === void 0 ? U : /* @__PURE__ */ I(P, { children: [
-							U,
+						children: a === void 0 ? H : /* @__PURE__ */ L(F, { children: [
+							H,
 							" :",
 							" ",
-							/* @__PURE__ */ F("span", {
+							/* @__PURE__ */ I("span", {
 								className: "font-semibold",
 								children: w?.label ?? a.field
 							}),
 							" ",
 							T?.label ?? a.operator,
-							a.value !== "" && /* @__PURE__ */ I("span", {
+							a.value !== "" && /* @__PURE__ */ L("span", {
 								className: "font-semibold",
 								children: [" ", a.value]
 							})
 						] })
 					})]
-				}), /* @__PURE__ */ I("span", {
+				}), /* @__PURE__ */ L("span", {
 					className: "flex shrink-0 items-center gap-1",
-					children: [E && !u && /* @__PURE__ */ F("span", {
+					children: [E && !u && /* @__PURE__ */ I("span", {
 						role: "button",
 						tabIndex: -1,
 						"aria-label": h("filters.condition.clear"),
@@ -510,17 +510,17 @@ function ne({ fields: r, operators: i, value: a, onChange: o, labelKey: s, icon:
 							e.preventDefault(), e.stopPropagation(), o(void 0);
 						},
 						className: "opacity-70 hover:opacity-100",
-						children: /* @__PURE__ */ F(H, { className: "size-3.5" })
-					}), /* @__PURE__ */ F(R, { className: e("size-3.5 opacity-60 transition-transform", v && "rotate-180") })]
+						children: /* @__PURE__ */ I(W, { className: "size-3.5" })
+					}), /* @__PURE__ */ I(z, { className: e("size-3.5 opacity-60 transition-transform", v && "rotate-180") })]
 				})]
 			})
-		}), /* @__PURE__ */ I(y, {
+		}), /* @__PURE__ */ L(y, {
 			align: "start",
 			className: "w-80 space-y-4",
 			children: [
-				/* @__PURE__ */ I("div", {
+				/* @__PURE__ */ L("div", {
 					className: "space-y-1.5",
-					children: [/* @__PURE__ */ F(n, { children: h("filters.condition.field") }), /* @__PURE__ */ F(O, {
+					children: [/* @__PURE__ */ I(n, { children: h("filters.condition.field") }), /* @__PURE__ */ I(O, {
 						options: r,
 						value: S.field,
 						onChange: (e) => {
@@ -532,9 +532,9 @@ function ne({ fields: r, operators: i, value: a, onChange: o, labelKey: s, icon:
 						placeholder: h("filters.condition.selectField")
 					})]
 				}),
-				/* @__PURE__ */ I("div", {
+				/* @__PURE__ */ L("div", {
 					className: "space-y-1.5",
-					children: [/* @__PURE__ */ F(n, { children: h("filters.condition.operator") }), /* @__PURE__ */ F(d, {
+					children: [/* @__PURE__ */ I(n, { children: h("filters.condition.operator") }), /* @__PURE__ */ I(d, {
 						type: "single",
 						variant: "outline",
 						size: "sm",
@@ -550,7 +550,7 @@ function ne({ fields: r, operators: i, value: a, onChange: o, labelKey: s, icon:
 								};
 							});
 						},
-						children: i.map((e) => /* @__PURE__ */ F(l, {
+						children: i.map((e) => /* @__PURE__ */ I(l, {
 							value: e.value,
 							title: e.title,
 							"aria-label": e.title ?? e.label,
@@ -559,14 +559,14 @@ function ne({ fields: r, operators: i, value: a, onChange: o, labelKey: s, icon:
 						}, e.value))
 					})]
 				}),
-				k && /* @__PURE__ */ I("div", {
+				k && /* @__PURE__ */ L("div", {
 					className: "space-y-1.5",
 					children: [
-						/* @__PURE__ */ F(n, {
+						/* @__PURE__ */ I(n, {
 							htmlFor: "condition-filter-value",
 							children: h("filters.condition.value")
 						}),
-						/* @__PURE__ */ F(g, {
+						/* @__PURE__ */ I(g, {
 							id: "condition-filter-value",
 							value: S.value,
 							type: A ? "number" : "text",
@@ -584,17 +584,17 @@ function ne({ fields: r, operators: i, value: a, onChange: o, labelKey: s, icon:
 						"          "
 					]
 				}),
-				/* @__PURE__ */ I("div", {
+				/* @__PURE__ */ L("div", {
 					className: "flex justify-end gap-2",
-					children: [E && /* @__PURE__ */ F(m, {
+					children: [E && /* @__PURE__ */ I(m, {
 						variant: "ghost",
 						size: "sm",
 						onClick: V,
 						children: h("filters.condition.clear")
-					}), /* @__PURE__ */ F(m, {
+					}), /* @__PURE__ */ I(m, {
 						size: "sm",
 						onClick: B,
-						disabled: !L,
+						disabled: !N,
 						children: h("filters.condition.apply")
 					})]
 				})
@@ -603,4 +603,46 @@ function ne({ fields: r, operators: i, value: a, onChange: o, labelKey: s, icon:
 	});
 }
 //#endregion
-export { W as ActiveFilters, q as AdvancedFilters, ne as ConditionFilter, G as FilterField, Z as FilterPills, X as FilterPillsGroup, $ as FiltersContainer, Q as FiltersMobileDrawer, ee as TableFilter };
+//#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 };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../../GenericForm-DI6udL1l.js";
+import { t as e } from "../../../GenericForm-CTYXe8AF.js";
 export { e as GenericForm };