@krosoft/react 0.0.293 → 0.0.294

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

@@ -1,70 +1,69 @@
 import { t as e } from "../../../tailwind.helper-CJaRYBmL.js";
 import { t } from "../../../i18n-d2p0RJo9.js";
-import { At as n, Pn as r, bn as i } from "../../../ui-D8Pg34YW.js";
-import { a, s as o } from "../../../tooltip-BmZ9Bfou.js";
-import { a as s, g as c, h as l, l as u, m as d, o as f, p, r as m, t as h, u as g } from "../../../sheet-DQTOen4V.js";
-import { i as _, l as v, n as y, t as b, u as x } from "../../../select-DmLScQKX.js";
-import { t as S } from "../../../MultiSelect-O4JP5fRO.js";
-import { i as C, n as w, r as T, t as E } from "../../../SearchInput-BSIjKB_9.js";
-import { useEffect as D, useMemo as O, useState as k } from "react";
-import { jsx as A, jsxs as j } from "react/jsx-runtime";
-import { getLocale as M } from "@krosoft/core/helpers";
-import { ChevronDown as N, Filter as P, Search as F, XIcon as I } from "lucide-react";
+import { At as n, Pn as r } from "../../../ui-D8Pg34YW.js";
+import { s as i } from "../../../tooltip-BmZ9Bfou.js";
+import { a, g as o, l as s, o as c, r as l, t as u, u as d } from "../../../sheet-DQTOen4V.js";
+import { t as f } from "../../../MultiSelect-CZ4hye2w.js";
+import { i as p, n as m, r as h, t as g } from "../../../SearchInput-nr0CrMLK.js";
+import { useEffect as _, useMemo as v, useState as y } from "react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { getLocale as S } from "@krosoft/core/helpers";
+import { Filter as C, XIcon as w } from "lucide-react";
 //#region src/components/core/filters/ActiveFilters.tsx
-var L = (e, t, n, r = {}) => {
-	if (t instanceof Date) return t.toLocaleDateString(M());
+var T = (e, t, n, r = {}) => {
+	if (t instanceof Date) return t.toLocaleDateString(S());
 	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 R({ filters: e, onRemoveFilter: n, onClearAll: i, filterLabelKeys: a = {}, optionLabels: o = {} }) {
+function E({ filters: e, onRemoveFilter: n, onClearAll: i, filterLabelKeys: a = {}, 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__ */ j("div", {
+	return c.length === 0 ? null : /* @__PURE__ */ x("div", {
 		className: "flex flex-wrap items-center gap-2 mb-4",
 		children: [
-			/* @__PURE__ */ A("span", {
+			/* @__PURE__ */ b("span", {
 				className: "text-sm text-muted-foreground font-medium",
 				children: s("filters.active")
 			}),
 			c.flatMap(([e, t]) => {
 				let i = a[e], c = i === void 0 ? e : s(i);
 				if (Array.isArray(t)) return t.map((t) => {
-					let i = L(e, t, s, o);
-					return /* @__PURE__ */ j(r, {
+					let i = T(e, t, s, o);
+					return /* @__PURE__ */ x(r, {
 						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,
 							": ",
 							i,
-							/* @__PURE__ */ A("button", {
+							/* @__PURE__ */ b("button", {
 								onClick: () => {
 									n(e, t);
 								},
 								className: "ml-1 hover:bg-primary/20 rounded-full p-0.5",
-								children: /* @__PURE__ */ A(I, { className: "size-4" })
+								children: /* @__PURE__ */ b(w, { className: "size-4" })
 							})
 						]
 					}, `${e}_${String(t)}`);
 				});
-				let l = L(e, t, s, o);
-				return /* @__PURE__ */ j(r, {
+				let l = T(e, t, s, o);
+				return /* @__PURE__ */ x(r, {
 					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__ */ A("button", {
+						/* @__PURE__ */ b("button", {
 							onClick: () => {
 								n(e);
 							},
 							className: "ml-1 hover:bg-primary/20 rounded-full p-0.5",
-							children: /* @__PURE__ */ A(I, { className: "size-4" })
+							children: /* @__PURE__ */ b(w, { className: "size-4" })
 						})
 					]
 				}, e);
 			}),
-			c.length > 0 && /* @__PURE__ */ A("button", {
+			c.length > 0 && /* @__PURE__ */ b("button", {
 				onClick: i,
 				className: "text-xs text-destructive hover:text-destructive/80 transition-colors font-medium ml-auto",
 				children: s("filters.clearAll")
@@ -74,153 +73,144 @@ function R({ filters: e, onRemoveFilter: n, onClearAll: i, filterLabelKeys: a =
 }
 //#endregion
 //#region src/components/core/filters/FilterField.tsx
-var z = ({ field: n, value: r, onChange: i, onToggleMultiSelect: a }) => {
-	let { t: o } = t();
-	switch (n.type) {
-		case "text": return /* @__PURE__ */ A(c, {
-			placeholder: n.placeholder,
-			value: r ?? "",
+var D = ({ field: e, value: n, onChange: r, onToggleMultiSelect: i }) => {
+	let { t: a } = t();
+	switch (e.type) {
+		case "text": return /* @__PURE__ */ b(o, {
+			placeholder: e.placeholder,
+			value: n ?? "",
 			onChange: (e) => {
-				i(e.target.value);
+				r(e.target.value);
 			}
 		});
-		case "number": return /* @__PURE__ */ A(c, {
+		case "number": return /* @__PURE__ */ b(o, {
 			type: "number",
-			placeholder: n.placeholder,
-			value: r ?? "",
+			placeholder: e.placeholder,
+			value: n ?? "",
 			onChange: (e) => {
-				i(e.target.value);
+				r(e.target.value);
 			},
-			min: n.min,
-			max: n.max
+			min: e.min,
+			max: e.max
 		});
-		case "select": return n.searchable === !0 ? /* @__PURE__ */ A(w, {
-			options: n.options ?? [],
-			value: r,
-			onChange: i,
-			placeholder: n.placeholder,
-			searchPlaceholder: n.searchPlaceholder
-		}) : /* @__PURE__ */ j(b, {
-			value: r ?? "",
-			onValueChange: i,
-			children: [/* @__PURE__ */ A(v, {
-				className: e((r === void 0 || r === "") && "text-muted-foreground"),
-				children: /* @__PURE__ */ A(x, { placeholder: n.placeholder })
-			}), /* @__PURE__ */ A(y, { children: n.options?.map((e) => /* @__PURE__ */ A(_, {
-				value: e.value,
-				children: e.label
-			}, e.value)) })]
+		case "select": return /* @__PURE__ */ b(m, {
+			options: e.options ?? [],
+			value: n,
+			onChange: r,
+			searchable: e.searchable === !0,
+			placeholder: e.placeholder,
+			searchPlaceholder: e.searchPlaceholder
 		});
-		case "date": return /* @__PURE__ */ A(C, {
-			date: r,
-			onDateChange: i,
-			placeholder: n.placeholder ?? o("date.pickDate")
+		case "date": return /* @__PURE__ */ b(p, {
+			date: n,
+			onDateChange: r,
+			placeholder: e.placeholder ?? a("date.pickDate")
 		});
-		case "date-range": return /* @__PURE__ */ A(T, {
-			value: r,
-			onChange: i,
-			placeholder: n.placeholder
+		case "date-range": return /* @__PURE__ */ b(h, {
+			value: n,
+			onChange: r,
+			placeholder: e.placeholder
 		});
-		case "multi-select": return /* @__PURE__ */ A(S, {
-			options: n.options ?? [],
-			selected: r ?? [],
-			onToggle: a,
+		case "multi-select": return /* @__PURE__ */ b(f, {
+			options: e.options ?? [],
+			selected: n ?? [],
+			onToggle: i,
 			onClear: () => {
-				i([]);
+				r([]);
 			},
-			onSelectAll: i,
-			placeholder: n.placeholder,
-			searchable: n.searchable,
-			searchPlaceholder: n.searchPlaceholder
+			onSelectAll: r,
+			placeholder: e.placeholder,
+			searchable: e.searchable,
+			searchPlaceholder: e.searchPlaceholder
 		});
 		default: return null;
 	}
-}, B = (e) => !(e == null || e === "" || Array.isArray(e) && e.length === 0);
-function V({ sections: e, filters: r, onFiltersChange: i, buttonText: a, sheetTitle: c }) {
-	let { t: l } = t(), [d, p] = k(!1), [_, v] = k(r);
-	D(() => {
-		v(r);
-	}, [r, d]);
-	let y = (e, t) => {
-		v((n) => ({
+}, O = (e) => !(e == null || e === "" || Array.isArray(e) && e.length === 0);
+function k({ sections: e, filters: r, onFiltersChange: o, buttonText: f, sheetTitle: p }) {
+	let { t: m } = t(), [h, g] = y(!1), [S, w] = y(r);
+	_(() => {
+		w(r);
+	}, [r, h]);
+	let T = (e, t) => {
+		w((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, b = (e, t) => {
-		let n = _[e], r = Array.isArray(n) ? n : [], i = r.includes(t) ? r.filter((e) => e !== t) : [...r, t];
-		y(e, i);
-	}, x = () => {
-		i(_), p(!1);
-	}, S = () => {
-		v({}), i({}), p(!1);
-	}, C = O(() => {
+	}, E = (e, t) => {
+		let n = S[e], r = Array.isArray(n) ? n : [], i = r.includes(t) ? r.filter((e) => e !== t) : [...r, t];
+		T(e, i);
+	}, k = () => {
+		o(S), g(!1);
+	}, A = () => {
+		w({}), o({}), g(!1);
+	}, j = v(() => {
 		let t = new Set(e.flatMap((e) => e.filters.map((e) => e.key)));
-		return Object.entries(r).filter(([e, n]) => t.has(e) && B(n)).length;
+		return Object.entries(r).filter(([e, n]) => t.has(e) && O(n)).length;
 	}, [e, r]);
-	return /* @__PURE__ */ j(h, {
-		open: d,
-		onOpenChange: p,
-		children: [/* @__PURE__ */ A(g, {
+	return /* @__PURE__ */ x(u, {
+		open: h,
+		onOpenChange: g,
+		children: [/* @__PURE__ */ b(d, {
 			asChild: !0,
-			children: /* @__PURE__ */ j(o, {
+			children: /* @__PURE__ */ x(i, {
 				variant: "outline",
 				className: "gap-2",
 				children: [
-					/* @__PURE__ */ A(P, { className: "size-4 shrink-0" }),
-					a ?? l("filters.more"),
-					C > 0 && /* @__PURE__ */ A("span", {
+					/* @__PURE__ */ b(C, { className: "size-4 shrink-0" }),
+					f ?? m("filters.more"),
+					j > 0 && /* @__PURE__ */ b("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: j
 					})
 				]
 			})
-		}), /* @__PURE__ */ j(m, {
+		}), /* @__PURE__ */ x(l, {
 			side: "right",
 			className: "w-[400px] sm:w-[500px] flex flex-col p-0",
 			children: [
-				/* @__PURE__ */ A(f, {
+				/* @__PURE__ */ b(c, {
 					className: "p-6 pb-0",
-					children: /* @__PURE__ */ A(u, { children: c ?? l("filters.advanced") })
+					children: /* @__PURE__ */ b(s, { children: p ?? m("filters.advanced") })
 				}),
-				/* @__PURE__ */ A("div", {
+				/* @__PURE__ */ b("div", {
 					className: "flex-1 overflow-y-auto p-6 pt-6",
-					children: /* @__PURE__ */ A("div", {
+					children: /* @__PURE__ */ b("div", {
 						className: "space-y-6",
-						children: e.map((e, t) => /* @__PURE__ */ j("div", {
+						children: e.map((e, t) => /* @__PURE__ */ x("div", {
 							className: "space-y-4",
-							children: [/* @__PURE__ */ A("h3", {
+							children: [/* @__PURE__ */ b("h3", {
 								className: "font-semibold text-sm text-foreground border-b pb-2",
-								children: l(e.titleKey)
-							}), e.filters.map((e) => /* @__PURE__ */ j("div", {
+								children: m(e.titleKey)
+							}), e.filters.map((e) => /* @__PURE__ */ x("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ A(n, {
+								children: [/* @__PURE__ */ b(n, {
 									htmlFor: e.key,
-									children: l(e.labelKey)
-								}), /* @__PURE__ */ A(z, {
+									children: m(e.labelKey)
+								}), /* @__PURE__ */ b(D, {
 									field: e,
-									value: _[e.key],
+									value: S[e.key],
 									onChange: (t) => {
-										y(e.key, t);
+										T(e.key, t);
 									},
 									onToggleMultiSelect: (t) => {
-										b(e.key, t);
+										E(e.key, t);
 									}
 								})]
 							}, e.key))]
 						}, t))
 					})
 				}),
-				/* @__PURE__ */ j(s, {
+				/* @__PURE__ */ x(a, {
 					className: "gap-2 p-6 border-t bg-background",
-					children: [/* @__PURE__ */ A(o, {
+					children: [/* @__PURE__ */ b(i, {
 						variant: "outline",
 						className: "flex-1",
-						onClick: S,
-						children: l("filters.clear")
-					}), /* @__PURE__ */ A(o, {
+						onClick: A,
+						children: m("filters.clear")
+					}), /* @__PURE__ */ b(i, {
 						className: "flex-1",
-						onClick: x,
-						children: l("filters.apply")
+						onClick: k,
+						children: m("filters.apply")
 					})]
 				})
 			]
@@ -229,28 +219,28 @@ function V({ sections: e, filters: r, onFiltersChange: i, buttonText: a, sheetTi
 }
 //#endregion
 //#region src/components/core/filters/FilterPillsGroup.tsx
-var H = {
+var A = {
 	solid: "border-foreground bg-foreground text-background",
 	outline: "border-primary bg-primary/10 text-primary font-medium"
 };
-function U(t, n, r) {
-	return r === void 0 ? t ? H[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 j(t, n, r) {
+	return r === void 0 ? t ? A[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 W({ options: t, values: n, onToggle: r, variant: i = "solid" }) {
-	return /* @__PURE__ */ A("div", {
+function M({ options: t, values: n, onToggle: r, variant: i = "solid" }) {
+	return /* @__PURE__ */ b("div", {
 		className: "flex flex-wrap gap-1.5",
 		children: t.map(({ value: t, label: a, count: o, icon: s, className: c }) => {
-			let l = U(n.includes(t), i, c);
-			return /* @__PURE__ */ j("button", {
+			let l = j(n.includes(t), i, c);
+			return /* @__PURE__ */ x("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__ */ A(s, { className: "size-3 shrink-0" }),
+					s && /* @__PURE__ */ b(s, { className: "size-3 shrink-0" }),
 					a,
 					" ",
-					o !== void 0 && /* @__PURE__ */ j("span", {
+					o !== void 0 && /* @__PURE__ */ x("span", {
 						className: "opacity-60",
 						children: [
 							"(",
@@ -265,8 +255,8 @@ function W({ options: t, values: n, onToggle: r, variant: i = "solid" }) {
 }
 //#endregion
 //#region src/components/core/filters/FilterPills.tsx
-function G({ options: e, value: t, onChange: n, variant: r = "solid" }) {
-	return /* @__PURE__ */ A(W, {
+function N({ options: e, value: t, onChange: n, variant: r = "solid" }) {
+	return /* @__PURE__ */ b(M, {
 		options: e,
 		values: [t],
 		onToggle: n,
@@ -274,128 +264,20 @@ function G({ options: e, value: t, onChange: n, variant: r = "solid" }) {
 	});
 }
 //#endregion
-//#region src/components/core/filters/SearchableFilterPill.tsx
-function K({ labelKey: n, options: r, selected: o, onToggle: s, onClear: c, onSelectAll: u, searchable: f = !1, searchPlaceholder: m, className: h = "w-full md:w-[180px]" }) {
-	let { t: g } = t(), [_, v] = k(""), y = o.length > 0, b = O(() => _ === "" ? r : r.filter((e) => e.label.toLowerCase().includes(_.toLowerCase())), [r, _]), x = O(() => b.length !== 0 && b.every((e) => o.includes(e.value)), [b, o]);
-	return /* @__PURE__ */ j(p, {
-		onOpenChange: () => {
-			v("");
-		},
-		children: [/* @__PURE__ */ A(l, {
-			asChild: !0,
-			children: /* @__PURE__ */ j("button", {
-				className: e(a, "inline-flex items-center justify-between gap-1.5 whitespace-nowrap transition-colors", y ? "border-primary bg-primary/10 text-primary font-medium" : "hover:bg-muted", h),
-				children: [/* @__PURE__ */ A("span", {
-					className: "truncate",
-					children: g(n)
-				}), /* @__PURE__ */ j("div", {
-					className: "flex shrink-0 items-center gap-1.5",
-					children: [o.length > 0 && /* @__PURE__ */ A("span", {
-						className: "flex h-4 min-w-[16px] items-center justify-center rounded-full bg-primary px-1 text-[10px] font-bold text-primary-foreground",
-						children: o.length
-					}), /* @__PURE__ */ A(N, { className: "size-3.5 opacity-60" })]
-				})]
-			})
-		}), /* @__PURE__ */ j(d, {
-			className: "w-72 max-w-[var(--radix-popover-content-available-width)] p-0",
-			align: "start",
-			children: [
-				f ? /* @__PURE__ */ A("div", {
-					className: "border-b border-border p-2",
-					children: /* @__PURE__ */ j("div", {
-						className: "relative",
-						children: [/* @__PURE__ */ A(F, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ A("input", {
-							className: "w-full rounded-control bg-muted/50 py-1.5 pl-7 pr-2 text-sm text-foreground placeholder:text-muted-foreground outline-none focus:ring-1 focus:ring-ring",
-							placeholder: m ?? g("search.placeholder"),
-							value: _,
-							onChange: (e) => {
-								v(e.target.value);
-							},
-							autoFocus: !0
-						})]
-					})
-				}) : null,
-				/* @__PURE__ */ j("div", {
-					className: "flex flex-col gap-0.5 max-h-56 overflow-y-auto overflow-x-hidden p-1.5",
-					children: [b.length === 0 && /* @__PURE__ */ A("p", {
-						className: "px-2 py-3 text-center text-xs text-muted-foreground",
-						children: g("states.noResult")
-					}), b.map((e) => /* @__PURE__ */ j("label", {
-						className: "flex min-w-0 items-center gap-2.5 rounded-md px-2 py-2 text-sm hover:bg-muted cursor-pointer transition-colors",
-						children: [
-							/* @__PURE__ */ A("span", {
-								className: "shrink-0",
-								children: /* @__PURE__ */ A(i, {
-									checked: o.includes(e.value),
-									onCheckedChange: () => {
-										s(e.value);
-									}
-								})
-							}),
-							e.color && /* @__PURE__ */ A("span", {
-								className: "size-2.5 shrink-0 rounded-full",
-								style: { backgroundColor: e.color }
-							}),
-							/* @__PURE__ */ A("span", {
-								className: "min-w-0 flex-1 truncate",
-								title: e.label,
-								children: e.label
-							})
-						]
-					}, e.value))]
-				}),
-				b.length > 0 && /* @__PURE__ */ A("div", {
-					className: "border-t border-border p-1.5",
-					children: x ? /* @__PURE__ */ A("button", {
-						onClick: () => {
-							c === void 0 ? o.forEach((e) => {
-								s(e);
-							}) : c();
-						},
-						className: "w-full rounded-md px-2 py-1.5 text-xs text-muted-foreground hover:text-foreground hover:bg-muted transition-colors text-center",
-						children: g("filters.deselectAll")
-					}) : /* @__PURE__ */ A("button", {
-						type: "button",
-						onClick: () => {
-							if (x) {
-								if (u !== void 0) {
-									let e = b.map((e) => e.value);
-									u(o.filter((t) => !e.includes(t)));
-								} else c === void 0 ? o.forEach((e) => {
-									s(e);
-								}) : c();
-							} else if (u !== void 0) {
-								let e = [...o];
-								b.forEach((t) => {
-									e.includes(t.value) || e.push(t.value);
-								}), u(e);
-							} else b.forEach((e) => {
-								o.includes(e.value) || s(e.value);
-							});
-						},
-						className: "w-full rounded-md px-2 py-1.5 text-xs text-muted-foreground hover:text-foreground hover:bg-muted transition-colors text-center",
-						children: g("filters.selectAll")
-					})
-				})
-			]
-		})]
-	});
-}
-//#endregion
 //#region src/components/core/filters/TableFilter.tsx
-function q({ searchQuery: e, onSearchChange: n, searchPlaceholder: r, filters: i, onFiltersChange: a, sections: o, advancedButtonText: s, sheetTitle: c }) {
+function P({ 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);
 	}, d = (e) => {
 		let t = { ...i };
 		delete t[e], a(t);
-	}, f = () => {
+	}, p = () => {
 		a({});
-	}, p = (e, t) => {
+	}, m = (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 = O(() => {
+	}, h = v(() => {
 		let e = [];
 		return o.forEach((t) => {
 			t.filters.forEach((t) => {
@@ -408,14 +290,14 @@ function q({ searchQuery: e, onSearchChange: n, searchPlaceholder: r, filters: i
 				});
 			});
 		}), e;
-	}, [o]), h = O(() => {
+	}, [o]), _ = v(() => {
 		let e = {};
 		return o.forEach((t) => {
 			t.filters.forEach((t) => {
 				e[t.key] = t.badgeLabelKey ?? t.labelKey;
 			});
 		}), e;
-	}, [o]), g = O(() => {
+	}, [o]), y = v(() => {
 		let e = {};
 		return o.forEach((t) => {
 			t.filters.forEach((t) => {
@@ -425,20 +307,21 @@ function q({ searchQuery: e, onSearchChange: n, searchPlaceholder: r, filters: i
 			});
 		}), e;
 	}, [o]);
-	return /* @__PURE__ */ j("div", {
+	return /* @__PURE__ */ x("div", {
 		className: "space-y-4 w-full",
-		children: [/* @__PURE__ */ j("div", {
+		children: [/* @__PURE__ */ x("div", {
 			className: "flex flex-wrap items-center gap-2 justify-between",
-			children: [/* @__PURE__ */ j("div", {
+			children: [/* @__PURE__ */ x("div", {
 				className: "flex flex-wrap items-center gap-2",
-				children: [n === void 0 ? null : /* @__PURE__ */ A(E, {
+				children: [n === void 0 ? null : /* @__PURE__ */ b(g, {
 					searchQuery: e,
 					onSearch: n,
 					onClear: () => {
 						n("");
 					},
 					placeholder: r ?? l("search.placeholder")
-				}), m.map((e) => /* @__PURE__ */ A(K, {
+				}), h.map((e) => /* @__PURE__ */ b(f, {
+					variant: "pill",
 					labelKey: e.labelKey,
 					options: e.options,
 					selected: Array.isArray(i[e.key]) ? i[e.key] : [],
@@ -457,21 +340,21 @@ function q({ searchQuery: e, onSearchChange: n, searchPlaceholder: r, filters: i
 					searchable: e.searchable,
 					searchPlaceholder: e.searchPlaceholder
 				}, e.key))]
-			}), o.length > 0 && /* @__PURE__ */ A(V, {
+			}), o.length > 0 && /* @__PURE__ */ b(k, {
 				sections: o,
 				filters: i,
 				onFiltersChange: a,
 				buttonText: s,
 				sheetTitle: c
 			})]
-		}), /* @__PURE__ */ A(R, {
+		}), /* @__PURE__ */ b(E, {
 			filters: i,
-			onRemoveFilter: p,
-			onClearAll: f,
-			filterLabelKeys: h,
-			optionLabels: g
+			onRemoveFilter: m,
+			onClearAll: p,
+			filterLabelKeys: _,
+			optionLabels: y
 		})]
 	});
 }
 //#endregion
-export { R as ActiveFilters, V as AdvancedFilters, z as FilterField, G as FilterPills, W as FilterPillsGroup, K as SearchableFilterPill, q as TableFilter };
+export { E as ActiveFilters, k as AdvancedFilters, D as FilterField, N as FilterPills, M as FilterPillsGroup, P as TableFilter };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../../GenericForm-BdKwapAz.js";
+import { t as e } from "../../../GenericForm-D7ni-5-4.js";
 export { e as GenericForm };

package/dist/components/core/index.js

@@ -2,23 +2,23 @@ import { a as e, i as t, n, o as r, r as i, t as a } from "../../cards-BBgGXmYa.
 import { I as o } from "../../ui-D8Pg34YW.js";
 import { A as s, D as c, E as l, F as u, M as d, N as f, O as p, P as m, j as h, k as g } from "../../sheet-DQTOen4V.js";
 import { a as _, c as v, i as y, n as b, o as x, r as S, s as C, t as w } from "../../charts-C7MWuqi9.js";
-import { n as T, r as E, t as D } from "../../dialogs-BxyPBIc6.js";
+import { n as T, r as E, t as D } from "../../dialogs-BjqvZvax.js";
 import { t as O } from "../../ImageInput-BPNEywyf.js";
 import { t as k } from "../../AppActions-CpbkO_3O.js";
 import { t as A } from "../../AppSubTitle-BOVTZlUB.js";
-import { t as j } from "../../MultiSelect-O4JP5fRO.js";
-import { t as M } from "../../GenericForm-BdKwapAz.js";
+import { t as j } from "../../MultiSelect-CZ4hye2w.js";
+import { t as M } from "../../GenericForm-D7ni-5-4.js";
 import { t as N } from "../../ErrorAlert-L2s8Dd1_.js";
-import { i as P, n as F, r as I, t as L } from "../../SearchInput-BSIjKB_9.js";
-import { ActiveFilters as R, AdvancedFilters as z, FilterField as B, FilterPills as V, FilterPillsGroup as H, SearchableFilterPill as U, TableFilter as W } from "./filters/index.js";
+import { i as P, n as F, r as I, t as L } from "../../SearchInput-nr0CrMLK.js";
+import { ActiveFilters as R, AdvancedFilters as z, FilterField as B, FilterPills as V, FilterPillsGroup as H, TableFilter as U } from "./filters/index.js";
 import "./forms/index.js";
-import { t as G } from "../../inputs-CUNf48Vk.js";
-import { t as K } from "../../language-DOGOdjzx.js";
-import { t as q } from "../../AppTitle-BZ5jQWbs.js";
-import { n as J, t as Y } from "../../states-BQK9jqS4.js";
-import { AppPageHeader as X, KpiCardsLayout as Z } from "./layouts/index.js";
-import { a as Q, i as $, n as ee, o as te, r as ne, t as re } from "../../navbar-CCHGdEzE.js";
-import { DataTable as ie, JsonTableOutput as ae, TableActions as oe, TableBody as se, TableBulkActions as ce, TableHeader as le, TablePagination as ue, TableSettings as de } from "./table/index.js";
-import { AppTabContainer as fe, AppTabHeader as pe, AppTabs as me, AppVerticalTabs as he } from "./tabs/index.js";
-import { t as ge } from "../../theme-q2uzluEd.js";
-export { R as ActiveFilters, z as AdvancedFilters, k as AppActions, E as AppDialog, X as AppPageHeader, A as AppSubTitle, fe as AppTabContainer, pe as AppTabHeader, me as AppTabs, q as AppTitle, he as AppVerticalTabs, v as BarChartHorizontal, C as BarChartVertical, _ as CHART_COLORS, y as ChartCard, S as CircularGauge, D as ConfirmationDialog, r as DashboardCard, ie as DataTable, P as DatePicker, I as DateRangePicker, l as Dialog, c as DialogClose, p as DialogContent, g as DialogDescription, s as DialogFooter, h as DialogHeader, d as DialogOverlay, f as DialogPortal, m as DialogTitle, u as DialogTrigger, N as ErrorAlert, J as ErrorState, B as FilterField, V as FilterPills, H as FilterPillsGroup, T as FormDialog, M as GenericForm, te as GlobalSearch, O as ImageInput, ae as JsonTableOutput, e as KpiCard, t as KpiCards, Z as KpiCardsLayout, K as LanguageSelector, b as LineChart, Y as LoadingState, i as MetricCard, j as MultiSelect, Q as NotificationsBell, w as PieChart, o as Progress, G as RatingInput, L as SearchInput, U as SearchableFilterPill, F as SearchableSelect, ne as Sidebar, ee as SidebarHeader, $ as SidebarNavItem, n as SkeletonCard, a as SkeletonCards, oe as TableActions, se as TableBody, ce as TableBulkActions, W as TableFilter, le as TableHeader, ue as TablePagination, de as TableSettings, ge as ThemeSelector, re as Topbar, x as getChartColor };
+import { t as W } from "../../inputs-BMCt-VqZ.js";
+import { t as G } from "../../language-DOGOdjzx.js";
+import { t as K } from "../../AppTitle-BZ5jQWbs.js";
+import { n as q, t as J } from "../../states-BQK9jqS4.js";
+import { AppPageHeader as Y, KpiCardsLayout as X } from "./layouts/index.js";
+import { a as Z, i as Q, n as $, o as ee, r as te, t as ne } from "../../navbar-CCHGdEzE.js";
+import { DataTable as re, JsonTableOutput as ie, TableActions as ae, TableBody as oe, TableBulkActions as se, TableHeader as ce, TablePagination as le, TableSettings as ue } from "./table/index.js";
+import { AppTabContainer as de, AppTabHeader as fe, AppTabs as pe, AppVerticalTabs as me } from "./tabs/index.js";
+import { t as he } from "../../theme-q2uzluEd.js";
+export { R as ActiveFilters, z as AdvancedFilters, k as AppActions, E as AppDialog, Y as AppPageHeader, A as AppSubTitle, de as AppTabContainer, fe as AppTabHeader, pe as AppTabs, K as AppTitle, me as AppVerticalTabs, v as BarChartHorizontal, C as BarChartVertical, _ as CHART_COLORS, y as ChartCard, S as CircularGauge, D as ConfirmationDialog, r as DashboardCard, re as DataTable, P as DatePicker, I as DateRangePicker, l as Dialog, c as DialogClose, p as DialogContent, g as DialogDescription, s as DialogFooter, h as DialogHeader, d as DialogOverlay, f as DialogPortal, m as DialogTitle, u as DialogTrigger, N as ErrorAlert, q as ErrorState, B as FilterField, V as FilterPills, H as FilterPillsGroup, T as FormDialog, M as GenericForm, ee as GlobalSearch, O as ImageInput, ie as JsonTableOutput, e as KpiCard, t as KpiCards, X as KpiCardsLayout, G as LanguageSelector, b as LineChart, J as LoadingState, i as MetricCard, j as MultiSelect, Z as NotificationsBell, w as PieChart, o as Progress, W as RatingInput, L as SearchInput, te as Sidebar, $ as SidebarHeader, Q as SidebarNavItem, F as SingleSelect, n as SkeletonCard, a as SkeletonCards, ae as TableActions, oe as TableBody, se as TableBulkActions, U as TableFilter, ce as TableHeader, le as TablePagination, ue as TableSettings, he as ThemeSelector, ne as Topbar, x as getChartColor };