@krosoft/react 0.0.218 → 0.0.220

package/dist/GenericForm-q9dvYl_h.js

@@ -0,0 +1,342 @@
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { u as q } from "./useKrosoftTranslation-DdcylBY2.js";
+import { I as D } from "./ImageInput-BYXz8wM1.js";
+import { A as V } from "./AppSubTitle-BMQMoehZ.js";
+import { M as J } from "./MultiSelect-Dkz1dgXo.js";
+import { ai as L, al as Q, am as X, an as Y, aj as j, ao as $, bm as F, E as ee } from "./toggle-group-DLLrEwv2.js";
+import "./alert-B9F1N9Qk.js";
+import "@radix-ui/react-aspect-ratio";
+import { B as P } from "./tooltip-DVeqVwqV.js";
+import { C as te, d as ae, a as re } from "./chart-DntJZGxB.js";
+import "@radix-ui/react-collapsible";
+import { I as C } from "./sheet-CDqLa-FP.js";
+import "lucide-react";
+import "react-resizable-panels";
+import { c as i } from "./tailwind.helper-B6yFEsav.js";
+import { S as se, h as ne, i as le, a as oe, c as ce } from "./select-BpjFWqAY.js";
+import "next-themes";
+import "sonner";
+import { u as ie } from "./useToast-BFTk4lWz.js";
+import { zodResolver as ue } from "@hookform/resolvers/zod";
+import { useState as f } from "react";
+import { useForm as me } from "react-hook-form";
+import { useTranslation as de } from "react-i18next";
+import { z as y } from "zod";
+const Ze = ({
+  schema: v,
+  isLoading: S,
+  error: N,
+  onSubmit: z,
+  onCancel: x,
+  initialData: g,
+  disabled: K = !1,
+  renderActions: A = !0,
+  onRegisterSubmit: w,
+  defaultCols: B = 4
+}) => {
+  const { t: p } = de(), { t: h } = q(), { toast: E } = ie(), [k, T] = f(!1), [pe, I] = f({});
+  if (!v) 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 v.sections.forEach((t) => {
+      t.fields.forEach((a) => {
+        if (a.rules)
+          e[a.key] = a.rules(y);
+        else
+          switch (a.type) {
+            case "checkbox":
+              e[a.key] = y.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] = y.string().nullable().optional();
+              break;
+          }
+      });
+    }), y.object(e);
+  })(), m = me({
+    resolver: ue(R),
+    defaultValues: g || Object.fromEntries(v.sections.flatMap((e) => e.fields.map((t) => [t.key, t.defaultValue ?? null])))
+  });
+  f(() => {
+    w && w(() => void m.handleSubmit(M)());
+  }), f(() => {
+    if (g) {
+      const e = {};
+      v.sections.forEach((t) => {
+        t.fields.forEach((a) => {
+          a.type === "image" && g[a.key] && (e[a.key] = g[a.key]);
+        });
+      }), I(e);
+    }
+  });
+  const M = async (e) => {
+    if (k) return;
+    if (Object.keys(m.formState.errors).length > 0) {
+      E({
+        title: h("form.validationTitle"),
+        description: h("form.validationMessage"),
+        variant: "destructive"
+      });
+      return;
+    }
+    T(!0);
+    try {
+      await Promise.resolve(z(e));
+    } catch (a) {
+      console.error("Error during form submission:", a), E({
+        title: h("states.errorTitle"),
+        description: h("form.submitError"),
+        variant: "destructive"
+      });
+    } finally {
+      T(!1);
+    }
+  }, Z = (e, t) => {
+    t && I((a) => ({ ...a, [e]: t }));
+  }, _ = (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(y);
+      return t(a);
+    } catch {
+      return !1;
+    }
+  }, G = (e) => {
+    var s;
+    if (!e) return !1;
+    const t = e(y);
+    return t.safeParse(void 0).success ? !1 : ((s = t._def.checks) == null ? void 0 : s.some((n) => n.kind === "min")) ?? !1;
+  }, H = (e, t) => {
+    const a = !!m.formState.errors[e.key], s = K;
+    switch (e.type) {
+      case "text":
+      case "color":
+        return /* @__PURE__ */ r(
+          C,
+          {
+            type: e.type,
+            ...t,
+            placeholder: e.placeholderKey ? p(e.placeholderKey) : "",
+            className: i(a && "border-destructive"),
+            disabled: s,
+            value: t.value ?? ""
+          }
+        );
+      case "image": {
+        const n = e, o = n.value !== void 0 ? n.value : t.value;
+        return /* @__PURE__ */ r(
+          D,
+          {
+            value: o ?? "",
+            onChange: (l) => {
+              if (n.onChange && n.onChange(l), t.onChange(l), l) {
+                const d = new FileReader();
+                d.onloadend = () => {
+                  Z(e.key, d.result);
+                }, d.readAsDataURL(l);
+              }
+            },
+            accept: n.accept,
+            maxSizeMB: n.maxSizeMB,
+            hint: n.hint,
+            disabled: s,
+            className: i(a && "border-destructive")
+          }
+        );
+      }
+      case "date":
+        return /* @__PURE__ */ r(
+          C,
+          {
+            type: "date",
+            ...t,
+            className: i(a && "border-destructive"),
+            disabled: s,
+            value: t.value ?? ""
+          }
+        );
+      case "time":
+        return /* @__PURE__ */ r(
+          C,
+          {
+            type: "time",
+            ...t,
+            className: i(a && "border-destructive"),
+            disabled: s,
+            value: t.value ?? ""
+          }
+        );
+      case "checkbox":
+        return /* @__PURE__ */ c("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ r(
+            ee,
+            {
+              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: p(e.labelKey) })
+        ] }, e.key);
+      case "textarea":
+        return /* @__PURE__ */ r(
+          F,
+          {
+            ...t,
+            placeholder: e.placeholderKey ? p(e.placeholderKey) : "",
+            className: i(a && "border-destructive", "min-h-[100px]"),
+            disabled: s,
+            value: t.value ?? ""
+          }
+        );
+      case "number": {
+        const n = e;
+        return /* @__PURE__ */ r(
+          C,
+          {
+            type: "number",
+            ...t,
+            step: n.step,
+            min: n.min,
+            placeholder: e.placeholderKey ? p(e.placeholderKey) : "",
+            className: i(a && "border-destructive"),
+            disabled: s,
+            value: t.value ?? "",
+            onChange: (o) => {
+              const l = o.target.value === "" ? "" : Number(o.target.value);
+              t.onChange(l);
+            }
+          }
+        );
+      }
+      case "select": {
+        const n = e, o = _(e.rules), l = t.value === null || t.value === void 0 ? "" : t.value, d = n.options, b = d.find((u) => u.value === l);
+        return /* @__PURE__ */ c(se, { value: l, onValueChange: t.onChange, disabled: s, children: [
+          /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(
+            ne,
+            {
+              className: i(a && "border-destructive"),
+              onClear: o && l ? (u) => {
+                u.preventDefault(), u.stopPropagation(), t.onChange(null);
+              } : void 0,
+              children: /* @__PURE__ */ r(le, { placeholder: e.placeholderKey ? p(e.placeholderKey) : "", children: b ? /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+                b.color && /* @__PURE__ */ r("div", { className: "w-4 h-4 rounded-full", style: { backgroundColor: b.color } }),
+                b.label
+              ] }) : void 0 })
+            }
+          ) }),
+          /* @__PURE__ */ r(oe, { children: d.map((u, W) => /* @__PURE__ */ r(ce, { value: u.value, children: /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+            u.color && /* @__PURE__ */ r("div", { className: "w-4 h-4 rounded-full", style: { backgroundColor: u.color } }),
+            u.label
+          ] }) }, W)) })
+        ] });
+      }
+      case "multiSelect": {
+        const n = e, o = t.value ?? [];
+        return /* @__PURE__ */ r(
+          J,
+          {
+            options: n.options,
+            selected: o,
+            onToggle: (l) => {
+              const d = o.includes(l) ? o.filter((b) => b !== l) : [...o, l];
+              t.onChange(d);
+            },
+            onClear: () => {
+              t.onChange([]);
+            },
+            onSelectAll: (l) => {
+              t.onChange(l);
+            },
+            placeholder: e.placeholderKey ? p(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(
+      Q,
+      {
+        control: m.control,
+        name: s.key,
+        render: ({ field: n }) => {
+          var o;
+          return /* @__PURE__ */ c(X, { className: i(O(((o = s.layout) == null ? void 0 : o.cols) ?? B)), children: [
+            s.type !== "checkbox" && s.type !== "html" && /* @__PURE__ */ c(Y, { children: [
+              p(s.labelKey),
+              G(s.rules) && /* @__PURE__ */ r("span", { className: "text-destructive ml-1", children: "*" })
+            ] }),
+            /* @__PURE__ */ r(j, { children: H(s, n) }),
+            /* @__PURE__ */ r($, {})
+          ] });
+        }
+      },
+      s.key
+    )) });
+    return v.useCards === !1 ? /* @__PURE__ */ c("div", { className: "space-y-4 mb-6", children: [
+      e.titleKey && /* @__PURE__ */ r(V, { titleKey: e.titleKey }),
+      a
+    ] }, t) : /* @__PURE__ */ c(te, { className: "mb-6", children: [
+      e.titleKey && /* @__PURE__ */ r(ae, { children: /* @__PURE__ */ r(V, { titleKey: e.titleKey }) }),
+      /* @__PURE__ */ r(re, { children: a })
+    ] }, t);
+  };
+  return /* @__PURE__ */ r(L, { ...m, children: /* @__PURE__ */ c(
+    "form",
+    {
+      onSubmit: (e) => {
+        m.handleSubmit(M)(e);
+      },
+      className: "space-y-4 px-0 w-full",
+      children: [
+        /* @__PURE__ */ c("div", { className: "space-y-4", children: [
+          v.sections.map((e, t) => U(e, t)),
+          N && /* @__PURE__ */ r("div", { className: "text-sm font-medium text-destructive", children: N.message })
+        ] }),
+        !K && A && /* @__PURE__ */ c("div", { className: "flex justify-end gap-3 mt-6 border-t pt-4", children: [
+          x && /* @__PURE__ */ r(P, { type: "button", variant: "outline", onClick: x, disabled: k || S, children: h("actions.cancel") }),
+          /* @__PURE__ */ r(P, { variant: "default", type: "submit", disabled: k || (S ?? !1) || m.formState.isSubmitting, children: h(k || S ? "actions.saving" : "actions.save") })
+        ] })
+      ]
+    }
+  ) });
+};
+export {
+  Ze as G
+};

package/dist/ImageInput-BYXz8wM1.js

@@ -0,0 +1,68 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { u as x } from "./useKrosoftTranslation-DdcylBY2.js";
+import "./toggle-group-DLLrEwv2.js";
+import "./alert-B9F1N9Qk.js";
+import "@radix-ui/react-aspect-ratio";
+import { B as N } from "./tooltip-DVeqVwqV.js";
+import "./chart-DntJZGxB.js";
+import "@radix-ui/react-collapsible";
+import "./sheet-CDqLa-FP.js";
+import { XIcon as w, ImageIcon as y, UploadIcon as I } from "lucide-react";
+import "react-resizable-panels";
+import { c as p } from "./tailwind.helper-B6yFEsav.js";
+import "./select-BpjFWqAY.js";
+import "next-themes";
+import "sonner";
+import { forwardRef as j, useRef as T } from "react";
+import { u as R } from "./useNotifications-zbUhCvF_.js";
+const P = j(
+  ({ value: a, onChange: n, accept: m = "image/jpeg,image/png,image/webp", maxSizeMB: i = 2, disabled: l = !1, className: f = "", hint: c = "JPG, PNG, WEBP" }, h) => {
+    const { t } = x(), { showError: d } = R(), r = T(null), g = (b) => {
+      var u;
+      const o = (u = b.target.files) == null ? void 0 : u[0];
+      if (!o) return;
+      if (!m.split(",").map((v) => v.trim()).includes(o.type)) {
+        d(t("states.errorTitle"), t("image.invalidType", { types: c })), r.current && (r.current.value = "");
+        return;
+      }
+      if (o.size > i * 1024 * 1024) {
+        d(t("states.errorTitle"), t("image.tooLarge", { size: i })), r.current && (r.current.value = "");
+        return;
+      }
+      n(o), r.current && (r.current.value = "");
+    };
+    return /* @__PURE__ */ e("div", { ref: h, className: f, children: a ? /* @__PURE__ */ s("div", { className: "relative w-32 h-32 rounded-surface overflow-hidden border-2 border-border", children: [
+      /* @__PURE__ */ e("img", { src: a, alt: "Preview", className: "w-full h-full object-cover" }),
+      !l && /* @__PURE__ */ e(N, { type: "button", variant: "destructive", size: "sm", className: "absolute top-1 right-1 h-6 w-6 p-0", onClick: () => {
+        n(null);
+      }, children: /* @__PURE__ */ e(w, { className: "h-4 w-4" }) })
+    ] }) : l ? /* @__PURE__ */ s("div", { className: p("flex flex-col items-center justify-center w-full h-32", "border-2 border-dashed border-border rounded-surface", "bg-muted/30"), children: [
+      /* @__PURE__ */ e(y, { className: "h-8 w-8 text-muted-foreground/50 mb-2" }),
+      /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground/50", children: t("image.empty") })
+    ] }) : /* @__PURE__ */ s(
+      "label",
+      {
+        className: p(
+          "flex flex-col items-center justify-center w-full h-32",
+          "border-2 border-dashed border-border rounded-surface",
+          "cursor-pointer hover:bg-muted/50 transition-colors"
+        ),
+        children: [
+          /* @__PURE__ */ e(I, { className: "h-8 w-8 text-muted-foreground mb-2" }),
+          /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: t("image.upload") }),
+          /* @__PURE__ */ s("span", { className: "text-xs text-muted-foreground mt-1", children: [
+            c,
+            " (max ",
+            i,
+            "MB)"
+          ] }),
+          /* @__PURE__ */ e("input", { ref: r, type: "file", className: "hidden", accept: m, onChange: g })
+        ]
+      }
+    ) });
+  }
+);
+P.displayName = "ImageInput";
+export {
+  P as I
+};

package/dist/{KpiCardsLayout-XZTxB8FV.js → KpiCardsLayout-B-lMaUMA.js}

@@ -5,7 +5,7 @@ import "@radix-ui/react-aspect-ratio";
 import { B as c } from "./tooltip-DVeqVwqV.js";
 import "./chart-DntJZGxB.js";
 import "@radix-ui/react-collapsible";
-import "./sheet-BQmtrGf2.js";
+import "./sheet-CDqLa-FP.js";
 import { ArrowLeftIcon as l } from "lucide-react";
 import "react-resizable-panels";
 import "clsx";
@@ -14,13 +14,13 @@ import "./select-BpjFWqAY.js";
 import "next-themes";
 import "sonner";
 import "react";
-import { A as f } from "./AppActions-BCXERyyB.js";
+import { A as f } from "./AppActions-BFmagl91.js";
 import { A as d } from "./AppTitle-D15YXeMx.js";
 import { u } from "./useDocumentTitle-WNwdPz-I.js";
 import { useTranslation as g } from "react-i18next";
 import "@krosoft/core/helpers";
-import { b as h, a as x } from "./SkeletonCards-CYo_lvKx.js";
-import { E as A } from "./ErrorState-CmaxuJyW.js";
+import { b as h, a as x } from "./SkeletonCards-Bg2ygjwy.js";
+import { E as A } from "./ErrorState-DfJ009uc.js";
 function O({
   icon: t,
   titleKey: e,

package/dist/{MultiSelect-Cj8vgAXJ.js → MultiSelect-Dkz1dgXo.js}

@@ -1,77 +1,78 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { useState as E, useRef as L, useMemo as v, useEffect as z } from "react";
-import { E as T } from "./toggle-group-DLLrEwv2.js";
+import { u as O } from "./useKrosoftTranslation-DdcylBY2.js";
+import { useState as L, useRef as T, useMemo as x, useEffect as z } from "react";
+import { E as I } from "./toggle-group-DLLrEwv2.js";
 import "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";
-import { f as M } from "./tooltip-DVeqVwqV.js";
+import { f as P } from "./tooltip-DVeqVwqV.js";
 import "./chart-DntJZGxB.js";
 import "@radix-ui/react-collapsible";
-import "./sheet-BQmtrGf2.js";
-import { XIcon as O, ChevronDownIcon as P, SearchIcon as S } from "lucide-react";
+import "./sheet-CDqLa-FP.js";
+import { XIcon as q, ChevronDownIcon as S, SearchIcon as F } from "lucide-react";
 import "react-resizable-panels";
-import { c as I } from "./tailwind.helper-B6yFEsav.js";
+import { c as R } from "./tailwind.helper-B6yFEsav.js";
 import "./select-BpjFWqAY.js";
 import "next-themes";
 import "sonner";
-const $ = ({
-  options: s,
+const te = ({
+  options: a,
   selected: t,
-  onToggle: x,
+  onToggle: N,
   onClear: d,
   onSelectAll: u,
-  placeholder: R = "Sélectionner...",
+  placeholder: j,
   searchable: m = !1,
-  searchPlaceholder: j = "Rechercher...",
+  searchPlaceholder: D,
   disabled: f = !1,
-  maxCount: h
+  maxCount: p
 }) => {
-  const [c, p] = E(""), [a, N] = E(!1), g = L(null), k = L(null), o = v(() => c === "" ? s : s.filter((e) => e.label.toLowerCase().includes(c.toLowerCase())), [s, c]), w = v(() => o.length === 0 ? !1 : o.every((e) => t.includes(e.value)), [o, t]), b = v(() => t.map((e) => {
-    var n;
-    return ((n = s.find((i) => i.value === e)) == null ? void 0 : n.label) ?? e;
-  }), [s, t]), y = h !== void 0 && h > 0 ? b.slice(0, h) : b, C = b.length - y.length;
+  const { t: h } = O(), [c, g] = L(""), [s, k] = L(!1), b = T(null), w = T(null), n = x(() => c === "" ? a : a.filter((e) => e.label.toLowerCase().includes(c.toLowerCase())), [a, c]), y = x(() => n.length === 0 ? !1 : n.every((e) => t.includes(e.value)), [n, t]), v = x(() => t.map((e) => {
+    var o;
+    return ((o = a.find((i) => i.value === e)) == null ? void 0 : o.label) ?? e;
+  }), [a, t]), C = p !== void 0 && p > 0 ? v.slice(0, p) : v, E = v.length - C.length;
   z(() => {
-    a && m && requestAnimationFrame(() => {
+    s && m && requestAnimationFrame(() => {
       var e;
-      (e = k.current) == null || e.focus();
+      (e = w.current) == null || e.focus();
     });
-  }, [a, m]), z(() => {
-    if (!a) return;
-    const e = (n) => {
-      g.current !== null && !g.current.contains(n.target) && (N(!1), p(""));
+  }, [s, m]), z(() => {
+    if (!s) return;
+    const e = (o) => {
+      b.current !== null && !b.current.contains(o.target) && (k(!1), g(""));
     };
     return document.addEventListener("mousedown", e), () => {
       document.removeEventListener("mousedown", e);
     };
-  }, [a]);
-  const D = () => {
-    if (w) {
-      const e = o.map((i) => i.value), n = t.filter((i) => !e.includes(i));
-      u !== void 0 ? u(n) : d();
+  }, [s]);
+  const M = () => {
+    if (y) {
+      const e = n.map((i) => i.value), o = t.filter((i) => !e.includes(i));
+      u !== void 0 ? u(o) : d();
     } else {
       const e = [...t];
-      o.forEach((n) => {
-        e.includes(n.value) || e.push(n.value);
-      }), u !== void 0 ? u(e) : o.forEach((n) => {
-        t.includes(n.value) || x(n.value);
+      n.forEach((o) => {
+        e.includes(o.value) || e.push(o.value);
+      }), u !== void 0 ? u(e) : n.forEach((o) => {
+        t.includes(o.value) || N(o.value);
       });
     }
   };
-  return /* @__PURE__ */ l("div", { ref: g, className: "relative w-full", children: [
+  return /* @__PURE__ */ l("div", { ref: b, className: "relative w-full", children: [
     /* @__PURE__ */ l(
       "button",
       {
         type: "button",
         disabled: f,
         onClick: () => {
-          f || N((e) => (e && p(""), !e));
+          f || k((e) => (e && g(""), !e));
         },
-        className: I(M, "w-full", a && "ring-2 ring-ring ring-offset-2", t.length === 0 && "text-muted-foreground"),
+        className: R(P, "w-full", s && "ring-2 ring-ring ring-offset-2", t.length === 0 && "text-muted-foreground"),
         children: [
-          /* @__PURE__ */ r("span", { className: "truncate", children: t.length === 0 ? R : y.join(", ") }),
+          /* @__PURE__ */ r("span", { className: "truncate", children: t.length === 0 ? j ?? h("select.placeholder") : C.join(", ") }),
           /* @__PURE__ */ l("div", { className: "flex shrink-0 items-center gap-1", children: [
-            C > 0 && /* @__PURE__ */ l("span", { className: "rounded-control bg-muted px-1.5 py-0.5 text-xs font-medium text-foreground", children: [
+            E > 0 && /* @__PURE__ */ l("span", { className: "rounded-control bg-muted px-1.5 py-0.5 text-xs font-medium text-foreground", children: [
               "+",
-              C
+              E
             ] }),
             t.length > 0 && !f && /* @__PURE__ */ r(
               "span",
@@ -85,43 +86,43 @@ const $ = ({
                   e.preventDefault(), e.stopPropagation(), d();
                 },
                 className: "text-muted-foreground hover:text-foreground",
-                children: /* @__PURE__ */ r(O, { className: "size-4" })
+                children: /* @__PURE__ */ r(q, { className: "size-4" })
               }
             ),
-            /* @__PURE__ */ r(P, { className: I("size-4 opacity-50 shrink-0 transition-transform", a && "rotate-180") })
+            /* @__PURE__ */ r(S, { className: R("size-4 opacity-50 shrink-0 transition-transform", s && "rotate-180") })
           ] })
         ]
       }
     ),
-    a ? /* @__PURE__ */ l("div", { className: "absolute left-0 right-0 top-[calc(100%+4px)] z-[100] rounded-surface border bg-popover text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 slide-in-from-top-2", children: [
+    s ? /* @__PURE__ */ l("div", { className: "absolute left-0 right-0 top-[calc(100%+4px)] z-[100] rounded-surface border bg-popover text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 slide-in-from-top-2", children: [
       m ? /* @__PURE__ */ r("div", { className: "border-b border-border p-2", children: /* @__PURE__ */ l("div", { className: "relative", children: [
-        /* @__PURE__ */ r(S, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
+        /* @__PURE__ */ r(F, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
         /* @__PURE__ */ r(
           "input",
           {
-            ref: k,
+            ref: w,
             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: j,
+            placeholder: D ?? h("search.placeholder"),
             value: c,
             onChange: (e) => {
-              p(e.target.value);
+              g(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__ */ r(T, { checked: w, onCheckedChange: D }),
+        n.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__ */ r(I, { checked: y, onCheckedChange: M }),
           "Tout sélectionner"
         ] }),
-        o.length === 0 && /* @__PURE__ */ r("p", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: "Aucun résultat" }),
-        o.map((e) => /* @__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: [
+        n.length === 0 && /* @__PURE__ */ r("p", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: h("states.noResult") }),
+        n.map((e) => /* @__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__ */ r(
-            T,
+            I,
             {
               checked: t.includes(e.value),
               onCheckedChange: () => {
-                x(e.value);
+                N(e.value);
               }
             }
           ),
@@ -142,5 +143,5 @@ const $ = ({
   ] });
 };
 export {
-  $ as M
+  te as M
 };