@krosoft/react 0.0.119 → 0.0.120

package/dist/TableFilter-CLjQU36k.js

@@ -0,0 +1,413 @@
+import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import { useState as w, useEffect as D, useMemo as N } from "react";
+import { a as M, D as $, b as O, S as _ } from "./SearchInput-DJ_F3emq.js";
+import { aW as k, bD as I, bM as j, bF as z, bI as R, bL as B, a$ as Q, bH as V, bv as H, bx as W, bw as X, ce as G, _ as C } from "./toggle-group-wIgXZYDq.js";
+import "./alert-B34E_4uH.js";
+import { B as P } from "./badge-CfWlt79h.js";
+import { B as F, C as J } from "./tooltip-YhBPXbcJ.js";
+import { X as E, S as K, h as U, i as Y, a as Z, c as q } from "./select-DlQvLtI3.js";
+import "next-themes";
+import { c as ee } from "./tailwind.helper-gWiv5-6R.js";
+import { M as re } from "./MultiSelect-BoisW4Kn.js";
+import { c as te } from "./createLucideIcon-MP_wDWjs.js";
+/**
+ * @license lucide-react v1.17.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const le = [
+  [
+    "path",
+    {
+      d: "M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z",
+      key: "sc7q7i"
+    }
+  ]
+], ae = te("funnel", le), L = (c, l, s = {}) => {
+  if (l instanceof Date)
+    return l.toLocaleDateString("fr-FR");
+  const i = String(l), d = s[`${c}_${i}`];
+  return d !== void 0 ? d : c.includes("ok") || l === "true" || l === "false" ? l === "true" ? "Oui" : "Non" : i;
+};
+function se({ filters: c, onRemoveFilter: l, onClearAll: s, filterLabels: i = {}, optionLabels: d = {} }) {
+  const n = Object.entries(c).filter(([h, m]) => !(m == null || m === "" || Array.isArray(m) && m.length === 0));
+  return n.length === 0 ? null : /* @__PURE__ */ u("div", { className: "flex flex-wrap items-center gap-2 mb-4", children: [
+    /* @__PURE__ */ r("span", { className: "text-sm text-gray-600 font-medium", children: "Filtres actifs :" }),
+    n.flatMap(([h, m]) => {
+      const b = i[h] ?? h;
+      if (Array.isArray(m))
+        return m.map((v) => {
+          const p = L(h, v, d);
+          return /* @__PURE__ */ u(
+            P,
+            {
+              variant: "secondary",
+              className: "flex items-center gap-1 px-3 py-1 bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100",
+              children: [
+                b,
+                ": ",
+                p,
+                /* @__PURE__ */ r(
+                  "button",
+                  {
+                    onClick: () => {
+                      l(h, v);
+                    },
+                    className: "ml-1 hover:bg-blue-200 rounded-full p-0.5",
+                    children: /* @__PURE__ */ r(E, { className: "size-4" })
+                  }
+                )
+              ]
+            },
+            `${h}_${String(v)}`
+          );
+        });
+      const x = L(h, m, d);
+      return /* @__PURE__ */ u(P, { variant: "secondary", className: "flex items-center gap-1 px-3 py-1 bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100", children: [
+        b,
+        ": ",
+        x,
+        /* @__PURE__ */ r(
+          "button",
+          {
+            onClick: () => {
+              l(h);
+            },
+            className: "ml-1 hover:bg-blue-200 rounded-full p-0.5",
+            children: /* @__PURE__ */ r(E, { className: "size-4" })
+          }
+        )
+      ] }, h);
+    }),
+    n.length > 0 && /* @__PURE__ */ r("button", { onClick: s, className: "text-xs text-red-500 hover:text-red-600 transition-colors font-medium ml-2", children: "Effacer tout" })
+  ] });
+}
+const ce = ({
+  field: c,
+  value: l,
+  onChange: s,
+  onToggleMultiSelect: i
+}) => {
+  var d;
+  switch (c.type) {
+    case "text":
+      return /* @__PURE__ */ r(
+        k,
+        {
+          placeholder: c.placeholder,
+          value: l ?? "",
+          onChange: (n) => {
+            s(n.target.value);
+          }
+        }
+      );
+    case "number":
+      return /* @__PURE__ */ r(
+        k,
+        {
+          type: "number",
+          placeholder: c.placeholder,
+          value: l ?? "",
+          onChange: (n) => {
+            s(n.target.value);
+          },
+          min: c.min,
+          max: c.max
+        }
+      );
+    case "select":
+      return c.searchable === !0 ? /* @__PURE__ */ r(
+        O,
+        {
+          options: c.options ?? [],
+          value: l,
+          onChange: s,
+          placeholder: c.placeholder,
+          searchPlaceholder: c.searchPlaceholder
+        }
+      ) : /* @__PURE__ */ u(K, { value: l ?? "", onValueChange: s, children: [
+        /* @__PURE__ */ r(U, { className: ee((l === void 0 || l === "") && "text-muted-foreground"), children: /* @__PURE__ */ r(Y, { placeholder: c.placeholder }) }),
+        /* @__PURE__ */ r(Z, { children: (d = c.options) == null ? void 0 : d.map((n) => /* @__PURE__ */ r(q, { value: n.value, children: n.label }, n.value)) })
+      ] });
+    case "date":
+      return /* @__PURE__ */ r($, { date: l, onDateChange: s, placeholder: c.placeholder ?? "Sélectionner une date" });
+    case "date-range":
+      return /* @__PURE__ */ r(M, { value: l, onChange: s, placeholder: c.placeholder });
+    case "multi-select":
+      return /* @__PURE__ */ r(
+        re,
+        {
+          options: c.options ?? [],
+          selected: l ?? [],
+          onToggle: i,
+          onClear: () => {
+            s([]);
+          },
+          onSelectAll: s,
+          placeholder: c.placeholder,
+          searchable: c.searchable,
+          searchPlaceholder: c.searchPlaceholder
+        }
+      );
+    default:
+      return null;
+  }
+};
+function ne({
+  sections: c,
+  filters: l,
+  onFiltersChange: s,
+  buttonText: i = "Plus de filtres",
+  sheetTitle: d = "Filtres avancés"
+}) {
+  const [n, h] = w(!1), [m, b] = w(l);
+  D(() => {
+    b(l);
+  }, [l, n]);
+  const x = (f, t) => {
+    b((e) => ({ ...e, [f]: t }));
+  }, v = (f, t) => {
+    const e = m[f], a = Array.isArray(e) ? e : [], o = a.includes(t) ? a.filter((g) => g !== t) : [...a, t];
+    x(f, o);
+  }, p = () => {
+    s(m), h(!1);
+  }, y = () => {
+    b({}), s({}), h(!1);
+  };
+  return /* @__PURE__ */ u(I, { open: n, onOpenChange: h, children: [
+    /* @__PURE__ */ r(j, { asChild: !0, children: /* @__PURE__ */ u(F, { variant: "outline", className: "gap-2", children: [
+      /* @__PURE__ */ r(ae, { className: "size-4 shrink-0" }),
+      i
+    ] }) }),
+    /* @__PURE__ */ u(z, { side: "right", className: "w-[400px] sm:w-[500px] flex flex-col p-0", children: [
+      /* @__PURE__ */ r(R, { className: "p-6 pb-0", children: /* @__PURE__ */ r(B, { children: d }) }),
+      /* @__PURE__ */ r("div", { className: "flex-1 overflow-y-auto p-6 pt-6", children: /* @__PURE__ */ r("div", { className: "space-y-6", children: c.map((f, t) => /* @__PURE__ */ u("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ r("h3", { className: "font-semibold text-sm text-gray-900 dark:text-gray-100 border-b pb-2", children: f.title }),
+        f.filters.map((e) => /* @__PURE__ */ u("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ r(Q, { htmlFor: e.key, children: e.label }),
+          /* @__PURE__ */ r(
+            ce,
+            {
+              field: e,
+              value: m[e.key],
+              onChange: (a) => {
+                x(e.key, a);
+              },
+              onToggleMultiSelect: (a) => {
+                v(e.key, a);
+              }
+            }
+          )
+        ] }, e.key))
+      ] }, t)) }) }),
+      /* @__PURE__ */ u(V, { className: "gap-2 p-6 border-t bg-white dark:bg-gray-950", children: [
+        /* @__PURE__ */ r(F, { variant: "outline", className: "flex-1", onClick: y, children: "Effacer les filtres" }),
+        /* @__PURE__ */ r(F, { className: "flex-1 bg-orange-500 hover:bg-orange-600 text-white", onClick: p, children: "Rechercher" })
+      ] })
+    ] })
+  ] });
+}
+function oe({
+  label: c,
+  options: l,
+  selected: s,
+  onToggle: i,
+  onClear: d,
+  onSelectAll: n,
+  searchable: h = !1,
+  searchPlaceholder: m = "Rechercher..."
+}) {
+  const [b, x] = w(""), v = s.length > 0, p = N(() => b === "" ? l : l.filter((t) => t.label.toLowerCase().includes(b.toLowerCase())), [l, b]), y = N(() => p.length === 0 ? !1 : p.every((t) => s.includes(t.value)), [p, s]), f = () => {
+    if (y)
+      if (n !== void 0) {
+        const t = p.map((a) => a.value), e = s.filter((a) => !t.includes(a));
+        n(e);
+      } else d !== void 0 ? d() : s.forEach((t) => {
+        i(t);
+      });
+    else if (n !== void 0) {
+      const t = [...s];
+      p.forEach((e) => {
+        t.includes(e.value) || t.push(e.value);
+      }), n(t);
+    } else
+      p.forEach((t) => {
+        s.includes(t.value) || i(t.value);
+      });
+  };
+  return /* @__PURE__ */ u(
+    H,
+    {
+      onOpenChange: () => {
+        x("");
+      },
+      children: [
+        /* @__PURE__ */ r(W, { asChild: !0, children: /* @__PURE__ */ u(
+          "button",
+          {
+            className: `inline-flex items-center gap-1.5 rounded-full border px-3 py-1.5 text-sm transition-colors whitespace-nowrap ${v ? "border-primary bg-primary/10 text-primary font-medium" : "border-border bg-card text-card-foreground hover:bg-muted"}`,
+            children: [
+              c,
+              s.length > 0 && /* @__PURE__ */ r("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: s.length }),
+              /* @__PURE__ */ r(J, { className: "size-3.5 opacity-60" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ u(X, { className: "w-56 p-0", align: "start", children: [
+          h ? /* @__PURE__ */ r("div", { className: "border-b border-border p-2", children: /* @__PURE__ */ u("div", { className: "relative", children: [
+            /* @__PURE__ */ r(G, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
+            /* @__PURE__ */ r(
+              "input",
+              {
+                className: "w-full rounded-md 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,
+                value: b,
+                onChange: (t) => {
+                  x(t.target.value);
+                },
+                autoFocus: !0
+              }
+            )
+          ] }) }) : null,
+          /* @__PURE__ */ u("div", { className: "flex flex-col gap-0.5 max-h-56 overflow-y-auto p-1.5", children: [
+            p.length > 0 && /* @__PURE__ */ u("label", { className: "flex items-center gap-2.5 rounded-md px-2 py-2 text-sm hover:bg-muted cursor-pointer transition-colors", children: [
+              /* @__PURE__ */ r(C, { checked: y, onCheckedChange: f }),
+              "Tout sélectionner"
+            ] }),
+            p.length === 0 && /* @__PURE__ */ r("p", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: "Aucun résultat" }),
+            p.map((t) => /* @__PURE__ */ u("label", { className: "flex items-center gap-2.5 rounded-md px-2 py-2 text-sm hover:bg-muted cursor-pointer transition-colors", children: [
+              /* @__PURE__ */ r(
+                C,
+                {
+                  checked: s.includes(t.value),
+                  onCheckedChange: () => {
+                    i(t.value);
+                  }
+                }
+              ),
+              t.label
+            ] }, t.value))
+          ] }),
+          s.length > 0 && /* @__PURE__ */ r("div", { className: "border-t border-border p-1.5", children: /* @__PURE__ */ r(
+            "button",
+            {
+              onClick: () => {
+                d !== void 0 ? d() : s.forEach((t) => {
+                  i(t);
+                });
+              },
+              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: "Tout désélectionner"
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}
+function Ne({
+  searchQuery: c,
+  onSearchChange: l,
+  searchPlaceholder: s = "Rechercher...",
+  filters: i,
+  onFiltersChange: d,
+  sections: n,
+  advancedButtonText: h = "Filtres",
+  sheetTitle: m = "Filtres avancés"
+}) {
+  const b = (e, a) => {
+    const o = i[e], g = Array.isArray(o) ? o : [], A = g.includes(a) ? g.filter((T) => T !== a) : [...g, a], S = { ...i };
+    A.length === 0 ? delete S[e] : S[e] = A, d(S);
+  }, x = (e) => {
+    const a = { ...i };
+    delete a[e], d(a);
+  }, v = () => {
+    d({});
+  }, p = (e, a) => {
+    const o = { ...i }, g = o[e];
+    Array.isArray(g) && a !== void 0 ? (o[e] = g.filter((A) => A !== a), Array.isArray(o[e]) && o[e].length === 0 && delete o[e]) : delete o[e], d(o);
+  }, y = N(() => {
+    const e = [];
+    return n.forEach((a) => {
+      a.filters.forEach((o) => {
+        o.isQuickFilter === !0 && e.push({
+          key: o.key,
+          label: o.label,
+          options: o.options ?? [],
+          searchable: o.searchable,
+          searchPlaceholder: o.searchPlaceholder
+        });
+      });
+    }), e;
+  }, [n]), f = N(() => {
+    const e = {};
+    return n.forEach((a) => {
+      a.filters.forEach((o) => {
+        e[o.key] = o.badgeLabel ?? o.label;
+      });
+    }), e;
+  }, [n]), t = N(() => {
+    const e = {};
+    return n.forEach((a) => {
+      a.filters.forEach((o) => {
+        o.options !== void 0 && o.options.forEach((g) => {
+          e[`${o.key}_${g.value}`] = g.label;
+        });
+      });
+    }), e;
+  }, [n]);
+  return /* @__PURE__ */ u("div", { className: "space-y-4 w-full", children: [
+    /* @__PURE__ */ r("div", { className: "flex flex-wrap items-center gap-3 justify-between", children: /* @__PURE__ */ u("div", { className: "flex flex-wrap items-center gap-3", children: [
+      l !== void 0 ? /* @__PURE__ */ r(
+        _,
+        {
+          searchQuery: c,
+          onSearch: l,
+          onClear: () => {
+            l("");
+          },
+          placeholder: s
+        }
+      ) : null,
+      y.map((e) => /* @__PURE__ */ r(
+        oe,
+        {
+          label: e.label,
+          options: e.options,
+          selected: Array.isArray(i[e.key]) ? i[e.key] : [],
+          onToggle: (a) => {
+            b(e.key, a);
+          },
+          onClear: () => {
+            x(e.key);
+          },
+          onSelectAll: (a) => {
+            d({ ...i, [e.key]: a });
+          },
+          searchable: e.searchable,
+          searchPlaceholder: e.searchPlaceholder
+        },
+        e.key
+      )),
+      n.length > 0 && /* @__PURE__ */ r(ne, { sections: n, filters: i, onFiltersChange: d, buttonText: h, sheetTitle: m })
+    ] }) }),
+    /* @__PURE__ */ r(
+      se,
+      {
+        filters: i,
+        onRemoveFilter: p,
+        onClearAll: v,
+        filterLabels: f,
+        optionLabels: t
+      }
+    )
+  ] });
+}
+export {
+  se as A,
+  ce as F,
+  oe as S,
+  Ne as T,
+  ne as a
+};

package/dist/components/core/filters/AdvancedFilters.d.ts

@@ -1,11 +1,11 @@
 import React from "react";
 import { FilterSection } from "@/types/FilterSection";
-export interface AdvancedFiltersProps {
-    sections: FilterSection[];
-    filters: Record<string, unknown>;
-    onFiltersChange: (filters: Record<string, unknown>) => void;
+export interface AdvancedFiltersProps<T extends Record<string, unknown> = Record<string, unknown>> {
+    sections: FilterSection<T>[];
+    filters: T;
+    onFiltersChange: (filters: T) => void;
     buttonText?: string;
     sheetTitle?: string;
 }
-export declare function AdvancedFilters({ sections, filters, onFiltersChange, buttonText, sheetTitle, }: AdvancedFiltersProps): React.ReactElement;
+export declare function AdvancedFilters<T extends Record<string, unknown> = Record<string, unknown>>({ sections, filters, onFiltersChange, buttonText, sheetTitle, }: AdvancedFiltersProps<T>): React.ReactElement;
 //# sourceMappingURL=AdvancedFilters.d.ts.map

package/dist/components/core/filters/AdvancedFilters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdvancedFilters.d.ts","sourceRoot":"","sources":["../../../../src/components/core/filters/AdvancedFilters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGtD,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,OAAO,EACP,eAAe,EACf,UAA8B,EAC9B,UAA8B,GAC/B,EAAE,oBAAoB,GAAG,KAAK,CAAC,YAAY,CAiF3C"}
+{"version":3,"file":"AdvancedFilters.d.ts","sourceRoot":"","sources":["../../../../src/components/core/filters/AdvancedFilters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGtD,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC/F,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7B,OAAO,EAAE,CAAC,CAAC;IACX,eAAe,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,IAAI,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC3F,QAAQ,EACR,OAAO,EACP,eAAe,EACf,UAA8B,EAC9B,UAA8B,GAC/B,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,CAiF9C"}

package/dist/components/core/filters/FilterField.d.ts

@@ -1,11 +1,11 @@
 import React from "react";
-import type { FilterFieldConfig } from "./TableFilter";
-interface FilterFieldProps {
-    field: FilterFieldConfig;
+import { FilterFieldConfig } from "@/types/FilterFieldConfig";
+interface FilterFieldProps<T extends Record<string, unknown>> {
+    field: FilterFieldConfig<T>;
     value: unknown;
     onChange: (value: unknown) => void;
     onToggleMultiSelect: (value: string) => void;
 }
-export declare const FilterField: ({ field, value, onChange, onToggleMultiSelect }: FilterFieldProps) => React.ReactElement | null;
+export declare const FilterField: <T extends Record<string, unknown>>({ field, value, onChange, onToggleMultiSelect, }: FilterFieldProps<T>) => React.ReactElement | null;
 export {};
 //# sourceMappingURL=FilterField.d.ts.map

package/dist/components/core/filters/FilterField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterField.d.ts","sourceRoot":"","sources":["../../../../src/components/core/filters/FilterField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGvD,UAAU,gBAAgB;IACxB,KAAK,EAAE,iBAAiB,CAAC;IACzB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,WAAW,GAAI,iDAAiD,gBAAgB,KAAG,KAAK,CAAC,YAAY,GAAG,IA+EpH,CAAC"}
+{"version":3,"file":"FilterField.d.ts","sourceRoot":"","sources":["../../../../src/components/core/filters/FilterField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAE9D,UAAU,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC1D,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAC5B,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,kDAK5D,gBAAgB,CAAC,CAAC,CAAC,KAAG,KAAK,CAAC,YAAY,GAAG,IA+E7C,CAAC"}

package/dist/components/core/filters/TableFilter.d.ts

@@ -1,17 +1,14 @@
+import type { FilterSection } from "@/types/FilterSection";
 import React from "react";
-import { FilterSection } from "@/types/FilterSection";
-import { FilterFieldConfig } from "@/types/FilterFieldConfig";
-interface TableFilterProps {
+export interface TableFilterProps<T extends Record<string, unknown> = Record<string, unknown>> {
     searchQuery?: string;
     onSearchChange?: (query: string) => void;
     searchPlaceholder?: string;
-    filters: Record<string, unknown>;
-    onFiltersChange: (filters: Record<string, unknown>) => void;
-    filterLabels?: Record<string, string>;
-    sections: FilterSection[];
+    filters: T;
+    onFiltersChange: (filters: T) => void;
+    sections: FilterSection<T>[];
     advancedButtonText?: string;
     sheetTitle?: string;
 }
-export declare function TableFilter({ searchQuery, onSearchChange, searchPlaceholder, filters, onFiltersChange, filterLabels, sections, advancedButtonText, sheetTitle, }: TableFilterProps): React.ReactElement;
-export type { FilterFieldConfig, FilterSection };
+export declare function TableFilter<T extends Record<string, unknown> = Record<string, unknown>>({ searchQuery, onSearchChange, searchPlaceholder, filters, onFiltersChange, sections, advancedButtonText, sheetTitle, }: TableFilterProps<T>): React.ReactElement;
 //# sourceMappingURL=TableFilter.d.ts.map

package/dist/components/core/filters/TableFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/core/filters/TableFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAE9D,UAAU,gBAAgB;IAExB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAG3B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAC5D,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAGtC,QAAQ,EAAE,aAAa,EAAE,CAAC;IAG1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,EAC1B,WAAW,EACX,cAAc,EACd,iBAAmC,EACnC,OAAO,EACP,eAAe,EACf,YAAiB,EACjB,QAAQ,EACR,kBAA8B,EAC9B,UAA8B,GAC/B,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAkJvC;AACD,YAAY,EAAE,iBAAiB,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"TableFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/core/filters/TableFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,KAAkB,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAE3F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAG3B,OAAO,EAAE,CAAC,CAAC;IACX,eAAe,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,IAAI,CAAC;IAGtC,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAG7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EACvF,WAAW,EACX,cAAc,EACd,iBAAmC,EACnC,OAAO,EACP,eAAe,EACf,QAAQ,EACR,kBAA8B,EAC9B,UAA8B,GAC/B,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,CAkJ1C"}

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

@@ -1,4 +1,4 @@
-import { A as l, a as i, F as r, S as s, T as t } from "../../../TableFilter-DqDmlzhk.js";
+import { A as l, a as i, F as r, S as s, T as t } from "../../../TableFilter-CLjQU36k.js";
 export {
   l as ActiveFilters,
   i as AdvancedFilters,

package/dist/components/core/index.js

@@ -2,7 +2,7 @@ import { D as r, M as o } from "../../MetricCard-C-ewNR_i.js";
 import { K as t, a as i, S as l, b as p } from "../../SkeletonCards-C5lXTSrB.js";
 import { A as b, C as f, F as g } from "../../ConfirmationDialog-CkMyyh_3.js";
 import { D as T, a as n, b as c, c as d, d as x, e as A, f as S, g as C, h as F, i as P, P as h } from "../../toggle-group-wIgXZYDq.js";
-import { A as k, a as I, F as K, S as v, T as E } from "../../TableFilter-DqDmlzhk.js";
+import { A as k, a as I, F as K, S as v, T as E } from "../../TableFilter-CLjQU36k.js";
 import { G as y } from "../../GenericForm-CmwqEXiQ.js";
 import { I as L } from "../../ImageInput-C8HcxE8t.js";
 import { D as G, a as N, S as O, b as R } from "../../SearchInput-DJ_F3emq.js";

package/dist/components/index.js

@@ -2,7 +2,7 @@ import { D as o, M as s } from "../MetricCard-C-ewNR_i.js";
 import { K as t, a as n, S as i, b as l } from "../SkeletonCards-C5lXTSrB.js";
 import { A as p, C as u, F as g } from "../ConfirmationDialog-CkMyyh_3.js";
 import { A as d, j as m, k as c, l as T, m as S, n as D, o as M, p as x, q as A, r as I, s as P, t as h, u as w, v, w as f, x as F, B as L, y as B, z as G, C as R, E as k, F as H, G as N, H as y, I as E, J as O, K as V, L as K, M as z, N as U, O as j, Q as q, R as J, S as Q, T as W, U as X, V as Y, W as Z, X as _, Y as $, Z as aa, _ as ea, $ as oa, a0 as sa, a1 as ra, a2 as ta, a3 as na, a4 as ia, a5 as la, a6 as ba, a7 as pa, a8 as ua, a9 as ga, aa as Ca, ab as da, ac as ma, ad as ca, ae as Ta, af as Sa, ag as Da, ah as Ma, ai as xa, aj as Aa, ak as Ia, al as Pa, am as ha, D as wa, a as va, b as fa, c as Fa, d as La, e as Ba, f as Ga, g as Ra, h as ka, i as Ha, an as Na, ao as ya, ap as Ea, aq as Oa, ar as Va, as as Ka, at as za, au as Ua, av as ja, aw as qa, ax as Ja, ay as Qa, az as Wa, aA as Xa, aB as Ya, aC as Za, aD as _a, aE as $a, aF as ae, aG as ee, aH as oe, aI as se, aJ as re, aK as te, aL as ne, aM as ie, aN as le, aO as be, aP as pe, aQ as ue, aR as ge, aS as Ce, aT as de, aU as me, aV as ce, aW as Te, aX as Se, aY as De, aZ as Me, a_ as xe, a$ as Ae, b0 as Ie, b1 as Pe, b2 as he, b3 as we, b4 as ve, b5 as fe, b6 as Fe, b7 as Le, b8 as Be, b9 as Ge, ba as Re, bb as ke, bc as He, bd as Ne, be as ye, bf as Ee, bg as Oe, bh as Ve, bi as Ke, bj as ze, bk as Ue, bl as je, bm as qe, bn as Je, bo as Qe, bp as We, bq as Xe, br as Ye, bs as Ze, bt as _e, bu as $e, bv as ao, bw as eo, bx as oo, P as so, by as ro, bz as to, bA as no, bB as io, bC as lo, bD as bo, bE as po, bF as uo, bG as go, bH as Co, bI as mo, bJ as co, bK as To, bL as So, bM as Do, bN as Mo, bO as xo, bP as Ao, bQ as Io, bR as Po, bS as ho, bT as wo, bU as vo, bV as fo, bW as Fo, bX as Lo, bY as Bo, bZ as Go, b_ as Ro, b$ as ko, c0 as Ho, c1 as No, c2 as yo, c3 as Eo, c4 as Oo, c5 as Vo, c6 as Ko, c7 as zo, c8 as Uo, c9 as jo, ca as qo, cb as Jo, cc as Qo, cd as Wo } from "../toggle-group-wIgXZYDq.js";
-import { A as Yo, a as Zo, F as _o, S as $o, T as as } from "../TableFilter-DqDmlzhk.js";
+import { A as Yo, a as Zo, F as _o, S as $o, T as as } from "../TableFilter-CLjQU36k.js";
 import { G as os } from "../GenericForm-CmwqEXiQ.js";
 import { I as rs } from "../ImageInput-C8HcxE8t.js";
 import { D as ns, a as is, S as ls, b as bs } from "../SearchInput-DJ_F3emq.js";

package/dist/types/FilterFieldConfig.d.ts

@@ -1,7 +1,8 @@
 import type { SelectOption } from "@krosoft/core/types";
-export interface FilterFieldConfig {
-    key: string;
+export interface FilterFieldConfig<T extends Record<string, unknown> = Record<string, unknown>> {
+    key: Extract<keyof T, string>;
     label: string;
+    badgeLabel?: string;
     type: "text" | "select" | "date" | "date-range" | "number" | "multi-select";
     placeholder?: string;
     options?: SelectOption[];

package/dist/types/FilterFieldConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterFieldConfig.d.ts","sourceRoot":"","sources":["../../src/types/FilterFieldConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,YAAY,GAAG,QAAQ,GAAG,cAAc,CAAC;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B"}
+{"version":3,"file":"FilterFieldConfig.d.ts","sourceRoot":"","sources":["../../src/types/FilterFieldConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC5F,GAAG,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,YAAY,GAAG,QAAQ,GAAG,cAAc,CAAC;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B"}

package/dist/types/FilterSection.d.ts

@@ -1,6 +1,6 @@
 import { FilterFieldConfig } from "./FilterFieldConfig";
-export interface FilterSection {
+export interface FilterSection<T extends Record<string, unknown> = Record<string, unknown>> {
     title: string;
-    filters: FilterFieldConfig[];
+    filters: FilterFieldConfig<T>[];
 }
 //# sourceMappingURL=FilterSection.d.ts.map

package/dist/types/FilterSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterSection.d.ts","sourceRoot":"","sources":["../../src/types/FilterSection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,iBAAiB,EAAE,CAAC;CAC9B"}
+{"version":3,"file":"FilterSection.d.ts","sourceRoot":"","sources":["../../src/types/FilterSection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACxF,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;CACjC"}

package/dist/types/index.d.ts

@@ -5,9 +5,9 @@ export * from "./ColumnDef";
 export * from "./ConfirmDialogConfig";
 export * from "./FilterFieldConfig";
 export * from "./FilterSection";
+export * from "./forms";
 export * from "./RowAction";
 export * from "./TabConfig";
 export * from "./UseDataTableProps";
 export * from "./UseDataTableResult";
-export * from "./forms";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krosoft/react",
-  "version": "0.0.119",
+  "version": "0.0.120",
   "description": "Krosoft shared React package",
   "type": "module",
   "scripts": {

package/dist/TableFilter-DqDmlzhk.js

@@ -1,409 +0,0 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { useState as k, useEffect as M, useMemo as A } from "react";
-import { a as $, D as O, b as _, S as I } from "./SearchInput-DJ_F3emq.js";
-import { aW as C, bD as j, bM as z, bF as R, bI as B, bL as Q, a$ as V, bH as H, bv as W, bx as X, bw as G, ce as J, _ as P } from "./toggle-group-wIgXZYDq.js";
-import "./alert-B34E_4uH.js";
-import { B as w, C as K } from "./tooltip-YhBPXbcJ.js";
-import { X as E, S as U, h as Y, i as Z, a as q, c as ee } from "./select-DlQvLtI3.js";
-import "next-themes";
-import { B as L } from "./badge-CfWlt79h.js";
-import { c as re } from "./tailwind.helper-gWiv5-6R.js";
-import { M as te } from "./MultiSelect-BoisW4Kn.js";
-import { c as le } from "./createLucideIcon-MP_wDWjs.js";
-/**
- * @license lucide-react v1.17.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ae = [
-  [
-    "path",
-    {
-      d: "M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z",
-      key: "sc7q7i"
-    }
-  ]
-], se = le("funnel", ae), T = (s, l, a = {}) => {
-  if (l instanceof Date)
-    return l.toLocaleDateString("fr-FR");
-  const o = String(l), i = a[`${s}_${o}`];
-  return i !== void 0 ? i : s.includes("ok") || l === "true" || l === "false" ? l === "true" ? "Oui" : "Non" : o;
-};
-function ce({ filters: s, onRemoveFilter: l, onClearAll: a, filterLabels: o = {}, optionLabels: i = {} }) {
-  const d = Object.entries(s).filter(([n, p]) => !(p == null || p === "" || Array.isArray(p) && p.length === 0));
-  return d.length === 0 ? null : /* @__PURE__ */ m("div", { className: "flex flex-wrap items-center gap-2 mb-4", children: [
-    /* @__PURE__ */ r("span", { className: "text-sm text-gray-600 font-medium", children: "Filtres actifs :" }),
-    d.flatMap(([n, p]) => {
-      const f = o[n] ?? n;
-      if (Array.isArray(p))
-        return p.map((v) => {
-          const b = T(n, v, i);
-          return /* @__PURE__ */ m(
-            L,
-            {
-              variant: "secondary",
-              className: "flex items-center gap-1 px-3 py-1 bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100",
-              children: [
-                f,
-                ": ",
-                b,
-                /* @__PURE__ */ r(
-                  "button",
-                  {
-                    onClick: () => {
-                      l(n, v);
-                    },
-                    className: "ml-1 hover:bg-blue-200 rounded-full p-0.5",
-                    children: /* @__PURE__ */ r(E, { className: "size-4" })
-                  }
-                )
-              ]
-            },
-            `${n}_${String(v)}`
-          );
-        });
-      const x = T(n, p, i);
-      return /* @__PURE__ */ m(L, { variant: "secondary", className: "flex items-center gap-1 px-3 py-1 bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100", children: [
-        f,
-        ": ",
-        x,
-        /* @__PURE__ */ r(
-          "button",
-          {
-            onClick: () => {
-              l(n);
-            },
-            className: "ml-1 hover:bg-blue-200 rounded-full p-0.5",
-            children: /* @__PURE__ */ r(E, { className: "size-4" })
-          }
-        )
-      ] }, n);
-    }),
-    d.length > 0 && /* @__PURE__ */ r("button", { onClick: a, className: "text-xs text-red-500 hover:text-red-600 transition-colors font-medium ml-2", children: "Effacer tout" })
-  ] });
-}
-const ne = ({ field: s, value: l, onChange: a, onToggleMultiSelect: o }) => {
-  var i;
-  switch (s.type) {
-    case "text":
-      return /* @__PURE__ */ r(
-        C,
-        {
-          placeholder: s.placeholder,
-          value: l ?? "",
-          onChange: (d) => {
-            a(d.target.value);
-          }
-        }
-      );
-    case "number":
-      return /* @__PURE__ */ r(
-        C,
-        {
-          type: "number",
-          placeholder: s.placeholder,
-          value: l ?? "",
-          onChange: (d) => {
-            a(d.target.value);
-          },
-          min: s.min,
-          max: s.max
-        }
-      );
-    case "select":
-      return s.searchable === !0 ? /* @__PURE__ */ r(
-        _,
-        {
-          options: s.options ?? [],
-          value: l,
-          onChange: a,
-          placeholder: s.placeholder,
-          searchPlaceholder: s.searchPlaceholder
-        }
-      ) : /* @__PURE__ */ m(U, { value: l ?? "", onValueChange: a, children: [
-        /* @__PURE__ */ r(Y, { className: re((l === void 0 || l === "") && "text-muted-foreground"), children: /* @__PURE__ */ r(Z, { placeholder: s.placeholder }) }),
-        /* @__PURE__ */ r(q, { children: (i = s.options) == null ? void 0 : i.map((d) => /* @__PURE__ */ r(ee, { value: d.value, children: d.label }, d.value)) })
-      ] });
-    case "date":
-      return /* @__PURE__ */ r(O, { date: l, onDateChange: a, placeholder: s.placeholder ?? "Sélectionner une date" });
-    case "date-range":
-      return /* @__PURE__ */ r($, { value: l, onChange: a, placeholder: s.placeholder });
-    case "multi-select":
-      return /* @__PURE__ */ r(
-        te,
-        {
-          options: s.options ?? [],
-          selected: l ?? [],
-          onToggle: o,
-          onClear: () => {
-            a([]);
-          },
-          onSelectAll: a,
-          placeholder: s.placeholder,
-          searchable: s.searchable,
-          searchPlaceholder: s.searchPlaceholder
-        }
-      );
-    default:
-      return null;
-  }
-};
-function oe({
-  sections: s,
-  filters: l,
-  onFiltersChange: a,
-  buttonText: o = "Plus de filtres",
-  sheetTitle: i = "Filtres avancés"
-}) {
-  const [d, n] = k(!1), [p, f] = k(l);
-  M(() => {
-    f(l);
-  }, [l, d]);
-  const x = (g, t) => {
-    f((h) => ({ ...h, [g]: t }));
-  }, v = (g, t) => {
-    const h = p[g], e = Array.isArray(h) ? h : [], u = e.includes(t) ? e.filter((c) => c !== t) : [...e, t];
-    x(g, u);
-  }, b = () => {
-    a(p), n(!1);
-  }, N = () => {
-    f({}), a({}), n(!1);
-  };
-  return /* @__PURE__ */ m(j, { open: d, onOpenChange: n, children: [
-    /* @__PURE__ */ r(z, { asChild: !0, children: /* @__PURE__ */ m(w, { variant: "outline", className: "gap-2", children: [
-      /* @__PURE__ */ r(se, { className: "size-4 shrink-0" }),
-      o
-    ] }) }),
-    /* @__PURE__ */ m(R, { side: "right", className: "w-[400px] sm:w-[500px] flex flex-col p-0", children: [
-      /* @__PURE__ */ r(B, { className: "p-6 pb-0", children: /* @__PURE__ */ r(Q, { children: i }) }),
-      /* @__PURE__ */ r("div", { className: "flex-1 overflow-y-auto p-6 pt-6", children: /* @__PURE__ */ r("div", { className: "space-y-6", children: s.map((g, t) => /* @__PURE__ */ m("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ r("h3", { className: "font-semibold text-sm text-gray-900 dark:text-gray-100 border-b pb-2", children: g.title }),
-        g.filters.map((h) => /* @__PURE__ */ m("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ r(V, { htmlFor: h.key, children: h.label }),
-          /* @__PURE__ */ r(
-            ne,
-            {
-              field: h,
-              value: p[h.key],
-              onChange: (e) => {
-                x(h.key, e);
-              },
-              onToggleMultiSelect: (e) => {
-                v(h.key, e);
-              }
-            }
-          )
-        ] }, h.key))
-      ] }, t)) }) }),
-      /* @__PURE__ */ m(H, { className: "gap-2 p-6 border-t bg-white dark:bg-gray-950", children: [
-        /* @__PURE__ */ r(w, { variant: "outline", className: "flex-1", onClick: N, children: "Effacer les filtres" }),
-        /* @__PURE__ */ r(w, { className: "flex-1 bg-orange-500 hover:bg-orange-600 text-white", onClick: b, children: "Rechercher" })
-      ] })
-    ] })
-  ] });
-}
-function ie({
-  label: s,
-  options: l,
-  selected: a,
-  onToggle: o,
-  onClear: i,
-  onSelectAll: d,
-  searchable: n = !1,
-  searchPlaceholder: p = "Rechercher..."
-}) {
-  const [f, x] = k(""), v = a.length > 0, b = A(() => f === "" ? l : l.filter((t) => t.label.toLowerCase().includes(f.toLowerCase())), [l, f]), N = A(() => b.length === 0 ? !1 : b.every((t) => a.includes(t.value)), [b, a]), g = () => {
-    if (N)
-      if (d !== void 0) {
-        const t = b.map((e) => e.value), h = a.filter((e) => !t.includes(e));
-        d(h);
-      } else i !== void 0 ? i() : a.forEach((t) => {
-        o(t);
-      });
-    else if (d !== void 0) {
-      const t = [...a];
-      b.forEach((h) => {
-        t.includes(h.value) || t.push(h.value);
-      }), d(t);
-    } else
-      b.forEach((t) => {
-        a.includes(t.value) || o(t.value);
-      });
-  };
-  return /* @__PURE__ */ m(
-    W,
-    {
-      onOpenChange: () => {
-        x("");
-      },
-      children: [
-        /* @__PURE__ */ r(X, { asChild: !0, children: /* @__PURE__ */ m(
-          "button",
-          {
-            className: `inline-flex items-center gap-1.5 rounded-full border px-3 py-1.5 text-sm transition-colors whitespace-nowrap ${v ? "border-primary bg-primary/10 text-primary font-medium" : "border-border bg-card text-card-foreground hover:bg-muted"}`,
-            children: [
-              s,
-              a.length > 0 && /* @__PURE__ */ r("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: a.length }),
-              /* @__PURE__ */ r(K, { className: "size-3.5 opacity-60" })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ m(G, { className: "w-56 p-0", align: "start", children: [
-          n ? /* @__PURE__ */ r("div", { className: "border-b border-border p-2", children: /* @__PURE__ */ m("div", { className: "relative", children: [
-            /* @__PURE__ */ r(J, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
-            /* @__PURE__ */ r(
-              "input",
-              {
-                className: "w-full rounded-md 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: p,
-                value: f,
-                onChange: (t) => {
-                  x(t.target.value);
-                },
-                autoFocus: !0
-              }
-            )
-          ] }) }) : null,
-          /* @__PURE__ */ m("div", { className: "flex flex-col gap-0.5 max-h-56 overflow-y-auto p-1.5", children: [
-            b.length > 0 && /* @__PURE__ */ m("label", { className: "flex items-center gap-2.5 rounded-md px-2 py-2 text-sm hover:bg-muted cursor-pointer transition-colors", children: [
-              /* @__PURE__ */ r(P, { checked: N, onCheckedChange: g }),
-              "Tout sélectionner"
-            ] }),
-            b.length === 0 && /* @__PURE__ */ r("p", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: "Aucun résultat" }),
-            b.map((t) => /* @__PURE__ */ m("label", { className: "flex items-center gap-2.5 rounded-md px-2 py-2 text-sm hover:bg-muted cursor-pointer transition-colors", children: [
-              /* @__PURE__ */ r(
-                P,
-                {
-                  checked: a.includes(t.value),
-                  onCheckedChange: () => {
-                    o(t.value);
-                  }
-                }
-              ),
-              t.label
-            ] }, t.value))
-          ] }),
-          a.length > 0 && /* @__PURE__ */ r("div", { className: "border-t border-border p-1.5", children: /* @__PURE__ */ r(
-            "button",
-            {
-              onClick: () => {
-                i !== void 0 ? i() : a.forEach((t) => {
-                  o(t);
-                });
-              },
-              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: "Tout désélectionner"
-            }
-          ) })
-        ] })
-      ]
-    }
-  );
-}
-function Ae({
-  searchQuery: s,
-  onSearchChange: l,
-  searchPlaceholder: a = "Rechercher...",
-  filters: o,
-  onFiltersChange: i,
-  filterLabels: d = {},
-  sections: n,
-  advancedButtonText: p = "Filtres",
-  sheetTitle: f = "Filtres avancés"
-}) {
-  const x = (e, u) => {
-    const c = o[e], y = Array.isArray(c) ? c : [], S = y.includes(u) ? y.filter((D) => D !== u) : [...y, u], F = { ...o };
-    S.length === 0 ? delete F[e] : F[e] = S, i(F);
-  }, v = (e) => {
-    const u = { ...o };
-    delete u[e], i(u);
-  }, b = () => {
-    i({});
-  }, N = (e, u) => {
-    const c = { ...o }, y = c[e];
-    Array.isArray(y) && u !== void 0 ? (c[e] = y.filter((S) => S !== u), Array.isArray(c[e]) && c[e].length === 0 && delete c[e]) : delete c[e], i(c);
-  }, g = A(() => {
-    const e = [];
-    return n.forEach((u) => {
-      u.filters.forEach((c) => {
-        c.isQuickFilter === !0 && e.push({
-          key: c.key,
-          label: c.label,
-          options: c.options ?? [],
-          searchable: c.searchable,
-          searchPlaceholder: c.searchPlaceholder
-        });
-      });
-    }), e;
-  }, [n]), t = A(() => {
-    const e = { ...d };
-    return n.forEach((u) => {
-      u.filters.forEach((c) => {
-        e[c.key] = c.label;
-      });
-    }), e;
-  }, [n, d]), h = A(() => {
-    const e = {};
-    return n.forEach((u) => {
-      u.filters.forEach((c) => {
-        c.options !== void 0 && c.options.forEach((y) => {
-          e[`${c.key}_${y.value}`] = y.label;
-        });
-      });
-    }), e;
-  }, [n]);
-  return /* @__PURE__ */ m("div", { className: "space-y-4 w-full", children: [
-    /* @__PURE__ */ r("div", { className: "flex flex-wrap items-center gap-3 justify-between", children: /* @__PURE__ */ m("div", { className: "flex flex-wrap items-center gap-3", children: [
-      l !== void 0 ? /* @__PURE__ */ r(
-        I,
-        {
-          searchQuery: s,
-          onSearch: l,
-          onClear: () => {
-            l("");
-          },
-          placeholder: a
-        }
-      ) : null,
-      g.map((e) => /* @__PURE__ */ r(
-        ie,
-        {
-          label: e.label,
-          options: e.options,
-          selected: Array.isArray(o[e.key]) ? o[e.key] : [],
-          onToggle: (u) => {
-            x(e.key, u);
-          },
-          onClear: () => {
-            v(e.key);
-          },
-          onSelectAll: (u) => {
-            i({ ...o, [e.key]: u });
-          },
-          searchable: e.searchable,
-          searchPlaceholder: e.searchPlaceholder
-        },
-        e.key
-      )),
-      n.length > 0 && /* @__PURE__ */ r(oe, { sections: n, filters: o, onFiltersChange: i, buttonText: p, sheetTitle: f })
-    ] }) }),
-    /* @__PURE__ */ r(
-      ce,
-      {
-        filters: o,
-        onRemoveFilter: N,
-        onClearAll: b,
-        filterLabels: t,
-        optionLabels: h
-      }
-    )
-  ] });
-}
-export {
-  ce as A,
-  ne as F,
-  ie as S,
-  Ae as T,
-  oe as a
-};