@krosoft/react 0.0.123 → 0.0.125

package/dist/ErrorAlert-DH1onuyt.js

@@ -0,0 +1,17 @@
+import { jsxs as r, jsx as s } from "react/jsx-runtime";
+import { A as n, a as t } from "./alert-B78CiTYe.js";
+import { AlertTriangle as a } from "lucide-react";
+const o = ({ error: e }) => e ? /* @__PURE__ */ r(n, { variant: "destructive", children: [
+  /* @__PURE__ */ s(a, { className: "size-4" }),
+  /* @__PURE__ */ r(t, { children: [
+    /* @__PURE__ */ r("div", { className: "flex items-center space-x-2", children: [
+      /* @__PURE__ */ s("span", { className: "font-semibold", children: "Erreur :" }),
+      /* @__PURE__ */ s("span", { children: e.code }),
+      /* @__PURE__ */ s("span", { children: e.message })
+    ] }),
+    e.errors && e.errors.length > 0 && /* @__PURE__ */ s("ul", { className: "mt-2 list-disc list-inside", children: e.errors.map((i, l) => /* @__PURE__ */ s("li", { children: i }, l)) })
+  ] })
+] }) : null;
+export {
+  o as E
+};

package/dist/GenericForm-QoeireeW.js

@@ -0,0 +1,339 @@
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import { I as J } from "./ImageInput-DLTYJMwr.js";
+import { A as V } from "./AppSubTitle-lg3d5NWc.js";
+import { M as Q } from "./MultiSelect-CX051kfk.js";
+import { aN as W, aQ as X, aR as $, aS as q, aO as A, aT as D, J as L, N as Y, K as F, aX as k, c0 as ee, $ as te } from "./toggle-group-CSdAiS44.js";
+import "./alert-B78CiTYe.js";
+import "@radix-ui/react-aspect-ratio";
+import { B as M } from "./tooltip-BWyFpIxo.js";
+import "@radix-ui/react-collapsible";
+import "lucide-react";
+import "react-resizable-panels";
+import { c as i } from "./tailwind.helper-B6yFEsav.js";
+import { S as ae, h as re, i as se, a as ne, c as le } from "./select-MWzbMBAS.js";
+import "next-themes";
+import "sonner";
+import { u as ce } from "./useToast-BFTk4lWz.js";
+import { zodResolver as oe } from "@hookform/resolvers/zod";
+import { useState as N } from "react";
+import { useForm as ue } from "react-hook-form";
+import { useTranslation as ie } from "react-i18next";
+import { z as b } from "zod";
+const je = ({
+  schema: h,
+  isLoading: S,
+  error: C,
+  onSubmit: P,
+  onCancel: x,
+  initialData: y,
+  disabled: f = !1,
+  renderActions: j = !0,
+  onRegisterSubmit: K,
+  defaultCols: z = 4
+}) => {
+  const { t: u } = ie(), { toast: E } = ce(), [g, w] = N(!1), [de, I] = N({});
+  if (!h) return null;
+  const O = (e) => {
+    switch (e) {
+      case 1:
+        return "md:col-span-1 col-span-4";
+      case 2:
+        return "md:col-span-2 col-span-4";
+      case 3:
+        return "md:col-span-3 col-span-4";
+      case 4:
+      default:
+        return "md:col-span-4 col-span-4";
+    }
+  }, R = (() => {
+    const e = {};
+    return h.sections.forEach((t) => {
+      t.fields.forEach((a) => {
+        if (a.rules)
+          e[a.key] = a.rules(b);
+        else
+          switch (a.type) {
+            case "checkbox":
+              e[a.key] = b.boolean().nullable().optional();
+              break;
+            case "html":
+              break;
+            case "text":
+            case "textarea":
+            case "number":
+            case "date":
+            case "time":
+            case "select":
+            case "multiSelect":
+            case "color":
+            case "image":
+              e[a.key] = b.string().nullable().optional();
+              break;
+          }
+      });
+    }), b.object(e);
+  })(), m = ue({
+    resolver: oe(R),
+    defaultValues: y || Object.fromEntries(h.sections.flatMap((e) => e.fields.map((t) => [t.key, t.defaultValue ?? null])))
+  });
+  N(() => {
+    K && K(() => void m.handleSubmit(T)());
+  }), N(() => {
+    if (y) {
+      const e = {};
+      h.sections.forEach((t) => {
+        t.fields.forEach((a) => {
+          a.type === "image" && y[a.key] && (e[a.key] = y[a.key]);
+        });
+      }), I(e);
+    }
+  });
+  const T = async (e) => {
+    if (g) return;
+    if (Object.keys(m.formState.errors).length > 0) {
+      E({
+        title: "Erreur de validation",
+        description: "Veuillez vérifier les champs du formulaire",
+        variant: "destructive"
+      });
+      return;
+    }
+    w(!0);
+    try {
+      await Promise.resolve(P(e));
+    } catch (a) {
+      console.error("Error during form submission:", a), E({
+        title: "Erreur",
+        description: "Une erreur est survenue lors de l'enregistrement",
+        variant: "destructive"
+      });
+    } finally {
+      w(!1);
+    }
+  }, B = (e, t) => {
+    t && I((a) => ({ ...a, [e]: t }));
+  }, Z = (e) => {
+    if (!e) return !1;
+    const t = (a) => {
+      if (!a || !a._def) return !1;
+      const s = a._def;
+      return s.typeName === "ZodNullable" ? !0 : s.innerType ? t(s.innerType) : s.type ? t(s.type) : !1;
+    };
+    try {
+      const a = e(b);
+      return t(a);
+    } catch {
+      return !1;
+    }
+  }, _ = (e) => {
+    var s;
+    if (!e) return !1;
+    const t = e(b);
+    return t.safeParse(void 0).success ? !1 : ((s = t._def.checks) == null ? void 0 : s.some((n) => n.kind === "min")) ?? !1;
+  }, G = (e, t) => {
+    const a = !!m.formState.errors[e.key], s = f;
+    switch (e.type) {
+      case "text":
+      case "color":
+        return /* @__PURE__ */ r(
+          k,
+          {
+            type: e.type,
+            ...t,
+            placeholder: e.placeholderKey ? u(e.placeholderKey) : "",
+            className: i(a && "border-destructive"),
+            disabled: s,
+            value: t.value ?? ""
+          }
+        );
+      case "image": {
+        const n = e, c = n.value !== void 0 ? n.value : t.value;
+        return /* @__PURE__ */ r(
+          J,
+          {
+            value: c ?? "",
+            onChange: (l) => {
+              if (n.onChange && n.onChange(l), t.onChange(l), l) {
+                const p = new FileReader();
+                p.onloadend = () => {
+                  B(e.key, p.result);
+                }, p.readAsDataURL(l);
+              }
+            },
+            accept: n.accept,
+            maxSizeMB: n.maxSizeMB,
+            hint: n.hint,
+            disabled: s,
+            className: i(a && "border-destructive")
+          }
+        );
+      }
+      case "date":
+        return /* @__PURE__ */ r(
+          k,
+          {
+            type: "date",
+            ...t,
+            className: i(a && "border-destructive"),
+            disabled: s,
+            value: t.value ?? ""
+          }
+        );
+      case "time":
+        return /* @__PURE__ */ r(
+          k,
+          {
+            type: "time",
+            ...t,
+            className: i(a && "border-destructive"),
+            disabled: s,
+            value: t.value ?? ""
+          }
+        );
+      case "checkbox":
+        return /* @__PURE__ */ o("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ r(
+            te,
+            {
+              id: e.key,
+              checked: t.value === !0,
+              onCheckedChange: (n) => {
+                t.onChange(n);
+              },
+              disabled: s,
+              className: i(a && "border-destructive")
+            }
+          ),
+          /* @__PURE__ */ r("label", { htmlFor: e.key, className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: u(e.labelKey) })
+        ] }, e.key);
+      case "textarea":
+        return /* @__PURE__ */ r(
+          ee,
+          {
+            ...t,
+            placeholder: e.placeholderKey ? u(e.placeholderKey) : "",
+            className: i(a && "border-destructive", "min-h-[100px]"),
+            disabled: s,
+            value: t.value ?? ""
+          }
+        );
+      case "number": {
+        const n = e;
+        return /* @__PURE__ */ r(
+          k,
+          {
+            type: "number",
+            ...t,
+            step: n.step,
+            min: n.min,
+            placeholder: e.placeholderKey ? u(e.placeholderKey) : "",
+            className: i(a && "border-destructive"),
+            disabled: s,
+            value: t.value ?? "",
+            onChange: (c) => {
+              const l = c.target.value === "" ? "" : Number(c.target.value);
+              t.onChange(l);
+            }
+          }
+        );
+      }
+      case "select": {
+        const n = e, c = Z(e.rules), l = t.value === null || t.value === void 0 ? "" : t.value, p = n.options, v = p.find((d) => d.value === l);
+        return /* @__PURE__ */ o(ae, { value: l, onValueChange: t.onChange, disabled: s, children: [
+          /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(
+            re,
+            {
+              className: i(a && "border-destructive"),
+              onClear: c && l ? (d) => {
+                d.preventDefault(), d.stopPropagation(), t.onChange(null);
+              } : void 0,
+              children: /* @__PURE__ */ r(se, { placeholder: e.placeholderKey ? u(e.placeholderKey) : "", children: v ? /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
+                v.color && /* @__PURE__ */ r("div", { className: "w-4 h-4 rounded-full", style: { backgroundColor: v.color } }),
+                v.label
+              ] }) : void 0 })
+            }
+          ) }),
+          /* @__PURE__ */ r(ne, { children: p.map((d, H) => /* @__PURE__ */ r(le, { value: d.value, children: /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
+            d.color && /* @__PURE__ */ r("div", { className: "w-4 h-4 rounded-full", style: { backgroundColor: d.color } }),
+            d.label
+          ] }) }, H)) })
+        ] });
+      }
+      case "multiSelect": {
+        const n = e, c = t.value ?? [];
+        return /* @__PURE__ */ r(
+          Q,
+          {
+            options: n.options,
+            selected: c,
+            onToggle: (l) => {
+              const p = c.includes(l) ? c.filter((v) => v !== l) : [...c, l];
+              t.onChange(p);
+            },
+            onClear: () => {
+              t.onChange([]);
+            },
+            onSelectAll: (l) => {
+              t.onChange(l);
+            },
+            placeholder: e.placeholderKey ? u(e.placeholderKey) : "",
+            disabled: s
+          }
+        );
+      }
+      case "html":
+        return e.render(m.getValues(), e);
+      default:
+        return null;
+    }
+  }, U = (e, t) => {
+    const a = /* @__PURE__ */ r("div", { className: i("grid grid-cols-4 gap-4"), children: e.fields.map((s) => /* @__PURE__ */ r(
+      X,
+      {
+        control: m.control,
+        name: s.key,
+        render: ({ field: n }) => {
+          var c;
+          return /* @__PURE__ */ o($, { className: i(O(((c = s.layout) == null ? void 0 : c.cols) ?? z)), children: [
+            s.type !== "checkbox" && s.type !== "html" && /* @__PURE__ */ o(q, { children: [
+              u(s.labelKey),
+              _(s.rules) && /* @__PURE__ */ r("span", { className: "text-destructive ml-1", children: "*" })
+            ] }),
+            /* @__PURE__ */ r(A, { children: G(s, n) }),
+            /* @__PURE__ */ r(D, {})
+          ] });
+        }
+      },
+      s.key
+    )) });
+    return h.useCards === !1 ? /* @__PURE__ */ o("div", { className: "space-y-4 mb-6", children: [
+      e.titleKey && /* @__PURE__ */ r(V, { titleKey: e.titleKey }),
+      a
+    ] }, t) : /* @__PURE__ */ o(L, { className: "mb-6", children: [
+      e.titleKey && /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r(V, { titleKey: e.titleKey }) }),
+      /* @__PURE__ */ r(F, { children: a })
+    ] }, t);
+  };
+  return /* @__PURE__ */ r(W, { ...m, children: /* @__PURE__ */ o(
+    "form",
+    {
+      onSubmit: (e) => {
+        m.handleSubmit(T)(e);
+      },
+      className: "space-y-4 px-0 w-full",
+      children: [
+        /* @__PURE__ */ o("div", { className: "space-y-4", children: [
+          h.sections.map((e, t) => U(e, t)),
+          C && /* @__PURE__ */ r("div", { className: "text-sm font-medium text-destructive", children: C.message })
+        ] }),
+        !f && j && /* @__PURE__ */ o("div", { className: "flex justify-end gap-3 mt-6 border-t pt-4", children: [
+          x && /* @__PURE__ */ r(M, { type: "button", variant: "outline", onClick: x, disabled: g || S, children: u("Annuler", "Annuler") }),
+          /* @__PURE__ */ r(M, { variant: "default", type: "submit", disabled: g || (S ?? !1) || m.formState.isSubmitting, children: g || S ? u("Enregistrement...", "Enregistrement...") : u("Enregistrer", "Enregistrer") })
+        ] })
+      ]
+    }
+  ) });
+};
+export {
+  je as G
+};

package/dist/ImageInput-DLTYJMwr.js

@@ -0,0 +1,65 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import "./toggle-group-CSdAiS44.js";
+import "./alert-B78CiTYe.js";
+import "@radix-ui/react-aspect-ratio";
+import { B as x } from "./tooltip-BWyFpIxo.js";
+import "@radix-ui/react-collapsible";
+import { XIcon as N, ImageIcon as v, UploadIcon as w } from "lucide-react";
+import "react-resizable-panels";
+import { c as u } from "./tailwind.helper-B6yFEsav.js";
+import "./select-MWzbMBAS.js";
+import "next-themes";
+import "sonner";
+import { forwardRef as I, useRef as y } from "react";
+import { u as j } from "./useNotifications-zbUhCvF_.js";
+const R = I(
+  ({ value: i, onChange: l, accept: n = "image/jpeg,image/png,image/webp", maxSizeMB: s = 2, disabled: a = !1, className: p = "", hint: c = "JPG, PNG, WEBP" }, f) => {
+    const { showError: d } = j(), r = y(null), h = (g) => {
+      var m;
+      const t = (m = g.target.files) == null ? void 0 : m[0];
+      if (!t) return;
+      if (!n.split(",").map((b) => b.trim()).includes(t.type)) {
+        d("Erreur", `Seuls les fichiers ${c} sont acceptés`), r.current && (r.current.value = "");
+        return;
+      }
+      if (t.size > s * 1024 * 1024) {
+        d("Erreur", `Le fichier ne doit pas dépasser ${s}MB`), r.current && (r.current.value = "");
+        return;
+      }
+      l(t), r.current && (r.current.value = "");
+    };
+    return /* @__PURE__ */ e("div", { ref: f, className: p, children: i ? /* @__PURE__ */ o("div", { className: "relative w-32 h-32 rounded-lg overflow-hidden border-2 border-border", children: [
+      /* @__PURE__ */ e("img", { src: i, alt: "Preview", className: "w-full h-full object-cover" }),
+      !a && /* @__PURE__ */ e(x, { type: "button", variant: "destructive", size: "sm", className: "absolute top-1 right-1 h-6 w-6 p-0", onClick: () => {
+        l(null);
+      }, children: /* @__PURE__ */ e(N, { className: "h-4 w-4" }) })
+    ] }) : a ? /* @__PURE__ */ o("div", { className: u("flex flex-col items-center justify-center w-full h-32", "border-2 border-dashed border-border rounded-lg", "bg-muted/30"), children: [
+      /* @__PURE__ */ e(v, { className: "h-8 w-8 text-muted-foreground/50 mb-2" }),
+      /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground/50", children: "Aucune image" })
+    ] }) : /* @__PURE__ */ o(
+      "label",
+      {
+        className: u(
+          "flex flex-col items-center justify-center w-full h-32",
+          "border-2 border-dashed border-border rounded-lg",
+          "cursor-pointer hover:bg-muted/50 transition-colors"
+        ),
+        children: [
+          /* @__PURE__ */ e(w, { className: "h-8 w-8 text-muted-foreground mb-2" }),
+          /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: "Cliquer pour uploader" }),
+          /* @__PURE__ */ o("span", { className: "text-xs text-muted-foreground mt-1", children: [
+            c,
+            " (max ",
+            s,
+            "MB)"
+          ] }),
+          /* @__PURE__ */ e("input", { ref: r, type: "file", className: "hidden", accept: n, onChange: h })
+        ]
+      }
+    ) });
+  }
+);
+R.displayName = "ImageInput";
+export {
+  R as I
+};

package/dist/KpiCardsLayout-C3LmSeL1.js

@@ -0,0 +1,22 @@
+import { jsx as r } from "react/jsx-runtime";
+import "./toggle-group-CSdAiS44.js";
+import "clsx";
+import "tailwind-merge";
+import "react-i18next";
+import "@krosoft/core/helpers";
+import "./alert-B78CiTYe.js";
+import "@radix-ui/react-aspect-ratio";
+import "./tooltip-BWyFpIxo.js";
+import "@radix-ui/react-collapsible";
+import "lucide-react";
+import "react-resizable-panels";
+import "./select-MWzbMBAS.js";
+import "next-themes";
+import "sonner";
+import "react";
+import { b as i, a as p } from "./SkeletonCards-BIEnyOuZ.js";
+import { E as s } from "./ErrorState-vU8d4CwD.js";
+const L = ({ stats: o, isLoading: m, error: t }) => m ? /* @__PURE__ */ r(i, { count: 4 }) : t ? /* @__PURE__ */ r(s, { message: t.message }) : /* @__PURE__ */ r(p, { stats: o });
+export {
+  L as K
+};

package/dist/{LoadingState-PhGi7HXH.js → LoadingState-BN0YaPSs.js}

@@ -1,9 +1,9 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { L as r } from "./loader-circle-CKy7u7JW.js";
-const o = ({ message: e }) => /* @__PURE__ */ i("div", { className: "flex flex-col items-center justify-center p-12 text-muted-foreground animate-fade-in", children: [
+import { Loader2Icon as r } from "lucide-react";
+const a = ({ message: e }) => /* @__PURE__ */ i("div", { className: "flex flex-col items-center justify-center p-12 text-muted-foreground animate-fade-in", children: [
   /* @__PURE__ */ t(r, { className: "size-8 animate-spin mb-4 text-primary" }),
   e !== void 0 && e !== "" ? /* @__PURE__ */ t("p", { className: "font-semibold text-sm", children: e }) : null
 ] });
 export {
-  o as L
+  a as L
 };

package/dist/{MetricCard-C-ewNR_i.js → MetricCard-CPw-fiNS.js}

@@ -1,8 +1,8 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { I as l, M as h, N as m, J as g } from "./toggle-group-wIgXZYDq.js";
-import { c as b } from "./tailwind.helper-gWiv5-6R.js";
+import { J as l, N as h, O as m, K as g } from "./toggle-group-CSdAiS44.js";
+import { c as b } from "./tailwind.helper-B6yFEsav.js";
 import { useTranslation as p } from "react-i18next";
-const M = ({ titleKey: t, icon: s, className: n, children: a }) => {
+const k = ({ titleKey: t, icon: s, className: n, children: a }) => {
   const { t: i } = p();
   return /* @__PURE__ */ r(l, { className: b("bg-gray-50 dark:bg-gray-950", n), children: [
     /* @__PURE__ */ e(h, { children: /* @__PURE__ */ r(m, { className: "flex items-center gap-2", children: [
@@ -26,7 +26,7 @@ const M = ({ titleKey: t, icon: s, className: n, children: a }) => {
   sm: "size-4",
   md: "size-5",
   lg: "size-6"
-}, v = (t) => t === "up" ? "↑" : t === "down" ? "↓" : "", C = (t) => t === "up" ? "text-green-600" : t === "down" ? "text-red-600" : "text-muted-foreground", k = ({ title: t, value: s, unit: n, subtitle: a, icon: i, iconSize: x = "md", trend: o, trendValue: d, color: u = "blue", children: c }) => {
+}, v = (t) => t === "up" ? "↑" : t === "down" ? "↓" : "", C = (t) => t === "up" ? "text-green-600" : t === "down" ? "text-red-600" : "text-muted-foreground", D = ({ title: t, value: s, unit: n, subtitle: a, icon: i, iconSize: x = "md", trend: o, trendValue: d, color: u = "blue", children: c }) => {
   const f = i;
   return /* @__PURE__ */ e(l, { className: "relative overflow-hidden bg-card border shadow-lg hover:shadow-xl transition-all duration-300", children: /* @__PURE__ */ r(g, { className: "pt-6", children: [
     /* @__PURE__ */ r("div", { className: "flex items-start justify-between", children: [
@@ -48,6 +48,6 @@ const M = ({ titleKey: t, icon: s, className: n, children: a }) => {
   ] }) });
 };
 export {
-  M as D,
-  k as M
+  k as D,
+  D as M
 };

package/dist/{MultiSelect-BoisW4Kn.js → MultiSelect-CX051kfk.js}

@@ -1,40 +1,45 @@
 import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import { useState as w, useRef as k, useMemo as N, useEffect as y } from "react";
-import { ce as R, _ as C } from "./toggle-group-wIgXZYDq.js";
-import "./alert-B34E_4uH.js";
-import { c as E } from "./tailwind.helper-gWiv5-6R.js";
-import { C as T } from "./tooltip-YhBPXbcJ.js";
-import { X as D } from "./select-DlQvLtI3.js";
+import { $ as C } from "./toggle-group-CSdAiS44.js";
+import "./alert-B78CiTYe.js";
+import "@radix-ui/react-aspect-ratio";
+import "./tooltip-BWyFpIxo.js";
+import "@radix-ui/react-collapsible";
+import { XIcon as L, ChevronDownIcon as R, SearchIcon as T } from "lucide-react";
+import "react-resizable-panels";
+import { c as E } from "./tailwind.helper-B6yFEsav.js";
+import "./select-MWzbMBAS.js";
 import "next-themes";
-const V = ({
-  options: i,
+import "sonner";
+const H = ({
+  options: s,
   selected: n,
   onToggle: h,
   onClear: d,
   onSelectAll: u,
   placeholder: j = "Sélectionner...",
-  searchable: f = !1,
+  searchable: m = !1,
   searchPlaceholder: z = "Rechercher...",
-  disabled: m = !1
+  disabled: f = !1
 }) => {
-  const [c, g] = w(""), [a, b] = w(!1), p = k(null), x = k(null), o = N(() => c === "" ? i : i.filter((e) => e.label.toLowerCase().includes(c.toLowerCase())), [i, c]), v = N(() => o.length === 0 ? !1 : o.every((e) => n.includes(e.value)), [o, n]);
+  const [c, p] = w(""), [a, b] = w(!1), g = k(null), x = k(null), o = N(() => c === "" ? s : s.filter((e) => e.label.toLowerCase().includes(c.toLowerCase())), [s, c]), v = N(() => o.length === 0 ? !1 : o.every((e) => n.includes(e.value)), [o, n]);
   y(() => {
-    a && f && requestAnimationFrame(() => {
+    a && m && requestAnimationFrame(() => {
       var e;
       (e = x.current) == null || e.focus();
     });
-  }, [a, f]), y(() => {
+  }, [a, m]), y(() => {
     if (!a) return;
     const e = (r) => {
-      p.current !== null && !p.current.contains(r.target) && (b(!1), g(""));
+      g.current !== null && !g.current.contains(r.target) && (b(!1), p(""));
     };
     return document.addEventListener("mousedown", e), () => {
       document.removeEventListener("mousedown", e);
     };
   }, [a]);
-  const L = () => {
+  const I = () => {
     if (v) {
-      const e = o.map((s) => s.value), r = n.filter((s) => !e.includes(s));
+      const e = o.map((i) => i.value), r = n.filter((i) => !e.includes(i));
       u !== void 0 ? u(r) : d();
     } else {
       const e = [...n];
@@ -45,14 +50,14 @@ const V = ({
       });
     }
   };
-  return /* @__PURE__ */ l("div", { ref: p, className: "relative w-full", children: [
+  return /* @__PURE__ */ l("div", { ref: g, className: "relative w-full", children: [
     /* @__PURE__ */ l(
       "button",
       {
         type: "button",
-        disabled: m,
+        disabled: f,
         onClick: () => {
-          m || b((e) => (e && g(""), !e));
+          f || b((e) => (e && p(""), !e));
         },
         className: E(
           "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
@@ -62,10 +67,10 @@ const V = ({
         children: [
           /* @__PURE__ */ t("span", { className: "truncate", children: n.length === 0 ? j : n.map((e) => {
             var r;
-            return ((r = i.find((s) => s.value === e)) == null ? void 0 : r.label) ?? e;
+            return ((r = s.find((i) => i.value === e)) == null ? void 0 : r.label) ?? e;
           }).join(", ") }),
           /* @__PURE__ */ l("div", { className: "flex shrink-0 items-center gap-1", children: [
-            n.length > 0 && !m && /* @__PURE__ */ t(
+            n.length > 0 && !f && /* @__PURE__ */ t(
               "span",
               {
                 role: "button",
@@ -77,17 +82,17 @@ const V = ({
                   e.preventDefault(), e.stopPropagation(), d();
                 },
                 className: "text-muted-foreground hover:text-foreground",
-                children: /* @__PURE__ */ t(D, { className: "size-4" })
+                children: /* @__PURE__ */ t(L, { className: "size-4" })
               }
             ),
-            /* @__PURE__ */ t(T, { className: E("size-4 opacity-50 shrink-0 transition-transform", a && "rotate-180") })
+            /* @__PURE__ */ t(R, { className: E("size-4 opacity-50 shrink-0 transition-transform", a && "rotate-180") })
           ] })
         ]
       }
     ),
     a ? /* @__PURE__ */ l("div", { className: "absolute left-0 right-0 top-[calc(100%+4px)] z-[100] rounded-md border bg-popover text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 slide-in-from-top-2", children: [
-      f ? /* @__PURE__ */ t("div", { className: "border-b border-border p-2", children: /* @__PURE__ */ l("div", { className: "relative", children: [
-        /* @__PURE__ */ t(R, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
+      m ? /* @__PURE__ */ t("div", { className: "border-b border-border p-2", children: /* @__PURE__ */ l("div", { className: "relative", children: [
+        /* @__PURE__ */ t(T, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
         /* @__PURE__ */ t(
           "input",
           {
@@ -96,14 +101,14 @@ const V = ({
             placeholder: z,
             value: c,
             onChange: (e) => {
-              g(e.target.value);
+              p(e.target.value);
             }
           }
         )
       ] }) }) : null,
       /* @__PURE__ */ l("div", { className: "flex flex-col gap-0.5 max-h-56 overflow-y-auto p-1.5 scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-muted-foreground/20 scrollbar-track-transparent [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-muted-foreground/20 [&::-webkit-scrollbar-track]:bg-transparent", children: [
         o.length > 0 && /* @__PURE__ */ l("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__ */ t(C, { checked: v, onCheckedChange: L }),
+          /* @__PURE__ */ t(C, { checked: v, onCheckedChange: I }),
           "Tout sélectionner"
         ] }),
         o.length === 0 && /* @__PURE__ */ t("p", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: "Aucun résultat" }),
@@ -133,5 +138,5 @@ const V = ({
   ] });
 };
 export {
-  V as M
+  H as M
 };