@krosoft/react 0.0.217 → 0.0.219

package/dist/GenericForm-DJR7PD-i.js

@@ -1,341 +0,0 @@
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { I as W } from "./ImageInput-DYe2XPNZ.js";
-import { A as T } from "./AppSubTitle-H8ElNObI.js";
-import { M as q } from "./MultiSelect-Cj8vgAXJ.js";
-import { ai as D, al as J, am as L, an as Q, aj as j, ao as X, bm as Y, E as $ } from "./toggle-group-DLLrEwv2.js";
-import "./alert-B9F1N9Qk.js";
-import "@radix-ui/react-aspect-ratio";
-import { B as A } from "./tooltip-DVeqVwqV.js";
-import { C as F, d as ee, a as te } from "./chart-DntJZGxB.js";
-import "@radix-ui/react-collapsible";
-import { I as k } from "./sheet-BQmtrGf2.js";
-import "lucide-react";
-import "react-resizable-panels";
-import { c as i } from "./tailwind.helper-B6yFEsav.js";
-import { S as re, h as ae, i as se, a as ne, c as le } from "./select-BpjFWqAY.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 C } from "react";
-import { useForm as ue } from "react-hook-form";
-import { useTranslation as ie } from "react-i18next";
-import { z as b } from "zod";
-const Be = ({
-  schema: h,
-  isLoading: S,
-  error: N,
-  onSubmit: M,
-  onCancel: f,
-  initialData: y,
-  disabled: x = !1,
-  renderActions: P = !0,
-  onRegisterSubmit: K,
-  defaultCols: z = 4
-}) => {
-  const { t: u } = ie(), { toast: E } = ce(), [g, w] = C(!1), [me, I] = C({});
-  if (!h) return null;
-  const B = (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";
-    }
-  }, O = (() => {
-    const e = {};
-    return h.sections.forEach((t) => {
-      t.fields.forEach((r) => {
-        if (r.rules)
-          e[r.key] = r.rules(b);
-        else
-          switch (r.type) {
-            case "checkbox":
-              e[r.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[r.key] = b.string().nullable().optional();
-              break;
-          }
-      });
-    }), b.object(e);
-  })(), d = ue({
-    resolver: oe(O),
-    defaultValues: y || Object.fromEntries(h.sections.flatMap((e) => e.fields.map((t) => [t.key, t.defaultValue ?? null])))
-  });
-  C(() => {
-    K && K(() => void d.handleSubmit(V)());
-  }), C(() => {
-    if (y) {
-      const e = {};
-      h.sections.forEach((t) => {
-        t.fields.forEach((r) => {
-          r.type === "image" && y[r.key] && (e[r.key] = y[r.key]);
-        });
-      }), I(e);
-    }
-  });
-  const V = async (e) => {
-    if (g) return;
-    if (Object.keys(d.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(M(e));
-    } catch (r) {
-      console.error("Error during form submission:", r), E({
-        title: "Erreur",
-        description: "Une erreur est survenue lors de l'enregistrement",
-        variant: "destructive"
-      });
-    } finally {
-      w(!1);
-    }
-  }, R = (e, t) => {
-    t && I((r) => ({ ...r, [e]: t }));
-  }, Z = (e) => {
-    if (!e) return !1;
-    const t = (r) => {
-      if (!r || !r._def) return !1;
-      const s = r._def;
-      return s.typeName === "ZodNullable" ? !0 : s.innerType ? t(s.innerType) : s.type ? t(s.type) : !1;
-    };
-    try {
-      const r = e(b);
-      return t(r);
-    } 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 r = !!d.formState.errors[e.key], s = x;
-    switch (e.type) {
-      case "text":
-      case "color":
-        return /* @__PURE__ */ a(
-          k,
-          {
-            type: e.type,
-            ...t,
-            placeholder: e.placeholderKey ? u(e.placeholderKey) : "",
-            className: i(r && "border-destructive"),
-            disabled: s,
-            value: t.value ?? ""
-          }
-        );
-      case "image": {
-        const n = e, c = n.value !== void 0 ? n.value : t.value;
-        return /* @__PURE__ */ a(
-          W,
-          {
-            value: c ?? "",
-            onChange: (l) => {
-              if (n.onChange && n.onChange(l), t.onChange(l), l) {
-                const p = new FileReader();
-                p.onloadend = () => {
-                  R(e.key, p.result);
-                }, p.readAsDataURL(l);
-              }
-            },
-            accept: n.accept,
-            maxSizeMB: n.maxSizeMB,
-            hint: n.hint,
-            disabled: s,
-            className: i(r && "border-destructive")
-          }
-        );
-      }
-      case "date":
-        return /* @__PURE__ */ a(
-          k,
-          {
-            type: "date",
-            ...t,
-            className: i(r && "border-destructive"),
-            disabled: s,
-            value: t.value ?? ""
-          }
-        );
-      case "time":
-        return /* @__PURE__ */ a(
-          k,
-          {
-            type: "time",
-            ...t,
-            className: i(r && "border-destructive"),
-            disabled: s,
-            value: t.value ?? ""
-          }
-        );
-      case "checkbox":
-        return /* @__PURE__ */ o("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ a(
-            $,
-            {
-              id: e.key,
-              checked: t.value === !0,
-              onCheckedChange: (n) => {
-                t.onChange(n);
-              },
-              disabled: s,
-              className: i(r && "border-destructive")
-            }
-          ),
-          /* @__PURE__ */ a("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__ */ a(
-          Y,
-          {
-            ...t,
-            placeholder: e.placeholderKey ? u(e.placeholderKey) : "",
-            className: i(r && "border-destructive", "min-h-[100px]"),
-            disabled: s,
-            value: t.value ?? ""
-          }
-        );
-      case "number": {
-        const n = e;
-        return /* @__PURE__ */ a(
-          k,
-          {
-            type: "number",
-            ...t,
-            step: n.step,
-            min: n.min,
-            placeholder: e.placeholderKey ? u(e.placeholderKey) : "",
-            className: i(r && "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((m) => m.value === l);
-        return /* @__PURE__ */ o(re, { value: l, onValueChange: t.onChange, disabled: s, children: [
-          /* @__PURE__ */ a(j, { children: /* @__PURE__ */ a(
-            ae,
-            {
-              className: i(r && "border-destructive"),
-              onClear: c && l ? (m) => {
-                m.preventDefault(), m.stopPropagation(), t.onChange(null);
-              } : void 0,
-              children: /* @__PURE__ */ a(se, { placeholder: e.placeholderKey ? u(e.placeholderKey) : "", children: v ? /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
-                v.color && /* @__PURE__ */ a("div", { className: "w-4 h-4 rounded-full", style: { backgroundColor: v.color } }),
-                v.label
-              ] }) : void 0 })
-            }
-          ) }),
-          /* @__PURE__ */ a(ne, { children: p.map((m, H) => /* @__PURE__ */ a(le, { value: m.value, children: /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
-            m.color && /* @__PURE__ */ a("div", { className: "w-4 h-4 rounded-full", style: { backgroundColor: m.color } }),
-            m.label
-          ] }) }, H)) })
-        ] });
-      }
-      case "multiSelect": {
-        const n = e, c = t.value ?? [];
-        return /* @__PURE__ */ a(
-          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(d.getValues(), e);
-      default:
-        return null;
-    }
-  }, U = (e, t) => {
-    const r = /* @__PURE__ */ a("div", { className: i("grid grid-cols-4 gap-4"), children: e.fields.map((s) => /* @__PURE__ */ a(
-      J,
-      {
-        control: d.control,
-        name: s.key,
-        render: ({ field: n }) => {
-          var c;
-          return /* @__PURE__ */ o(L, { className: i(B(((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__ */ a("span", { className: "text-destructive ml-1", children: "*" })
-            ] }),
-            /* @__PURE__ */ a(j, { children: G(s, n) }),
-            /* @__PURE__ */ a(X, {})
-          ] });
-        }
-      },
-      s.key
-    )) });
-    return h.useCards === !1 ? /* @__PURE__ */ o("div", { className: "space-y-4 mb-6", children: [
-      e.titleKey && /* @__PURE__ */ a(T, { titleKey: e.titleKey }),
-      r
-    ] }, t) : /* @__PURE__ */ o(F, { className: "mb-6", children: [
-      e.titleKey && /* @__PURE__ */ a(ee, { children: /* @__PURE__ */ a(T, { titleKey: e.titleKey }) }),
-      /* @__PURE__ */ a(te, { children: r })
-    ] }, t);
-  };
-  return /* @__PURE__ */ a(D, { ...d, children: /* @__PURE__ */ o(
-    "form",
-    {
-      onSubmit: (e) => {
-        d.handleSubmit(V)(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)),
-          N && /* @__PURE__ */ a("div", { className: "text-sm font-medium text-destructive", children: N.message })
-        ] }),
-        !x && P && /* @__PURE__ */ o("div", { className: "flex justify-end gap-3 mt-6 border-t pt-4", children: [
-          f && /* @__PURE__ */ a(A, { type: "button", variant: "outline", onClick: f, disabled: g || S, children: u("Annuler", "Annuler") }),
-          /* @__PURE__ */ a(A, { variant: "default", type: "submit", disabled: g || (S ?? !1) || d.formState.isSubmitting, children: g || S ? u("Enregistrement...", "Enregistrement...") : u("Enregistrer", "Enregistrer") })
-        ] })
-      ]
-    }
-  ) });
-};
-export {
-  Be as G
-};

package/dist/ImageInput-DYe2XPNZ.js

@@ -1,67 +0,0 @@
-import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import "./toggle-group-DLLrEwv2.js";
-import "./alert-B9F1N9Qk.js";
-import "@radix-ui/react-aspect-ratio";
-import { B as x } from "./tooltip-DVeqVwqV.js";
-import "./chart-DntJZGxB.js";
-import "@radix-ui/react-collapsible";
-import "./sheet-BQmtrGf2.js";
-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-BpjFWqAY.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: n, accept: a = "image/jpeg,image/png,image/webp", maxSizeMB: s = 2, disabled: c = !1, className: p = "", hint: l = "JPG, PNG, WEBP" }, f) => {
-    const { showError: m } = j(), r = y(null), h = (b) => {
-      var d;
-      const t = (d = b.target.files) == null ? void 0 : d[0];
-      if (!t) return;
-      if (!a.split(",").map((g) => g.trim()).includes(t.type)) {
-        m("Erreur", `Seuls les fichiers ${l} sont acceptés`), r.current && (r.current.value = "");
-        return;
-      }
-      if (t.size > s * 1024 * 1024) {
-        m("Erreur", `Le fichier ne doit pas dépasser ${s}MB`), r.current && (r.current.value = "");
-        return;
-      }
-      n(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-surface overflow-hidden border-2 border-border", children: [
-      /* @__PURE__ */ e("img", { src: i, alt: "Preview", className: "w-full h-full object-cover" }),
-      !c && /* @__PURE__ */ e(x, { type: "button", variant: "destructive", size: "sm", className: "absolute top-1 right-1 h-6 w-6 p-0", onClick: () => {
-        n(null);
-      }, children: /* @__PURE__ */ e(N, { className: "h-4 w-4" }) })
-    ] }) : c ? /* @__PURE__ */ o("div", { className: u("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(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-surface",
-          "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: [
-            l,
-            " (max ",
-            s,
-            "MB)"
-          ] }),
-          /* @__PURE__ */ e("input", { ref: r, type: "file", className: "hidden", accept: a, onChange: h })
-        ]
-      }
-    ) });
-  }
-);
-R.displayName = "ImageInput";
-export {
-  R as I
-};

package/dist/SearchInput-oeq0NBIc.js

@@ -1,251 +0,0 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import * as S from "react";
-import { useState as z, useRef as q, useEffect as G, useMemo as K } from "react";
-import { C as L, b0 as R, b2 as j, b1 as T } from "./toggle-group-DLLrEwv2.js";
-import "./alert-B9F1N9Qk.js";
-import "@radix-ui/react-aspect-ratio";
-import { B as y, f as X } from "./tooltip-DVeqVwqV.js";
-import "./chart-DntJZGxB.js";
-import "@radix-ui/react-collapsible";
-import { C as F, m as H, o as J, k as Q, l as U, n as E, I as W } from "./sheet-BQmtrGf2.js";
-import { CalendarIcon as _, XIcon as M, ChevronDownIcon as Y, CheckIcon as Z, PlusIcon as ee, SearchIcon as te } from "lucide-react";
-import "react-resizable-panels";
-import { c as g } from "./tailwind.helper-B6yFEsav.js";
-import "./select-BpjFWqAY.js";
-import "next-themes";
-import "sonner";
-import { format as N } from "date-fns";
-import { fr as b } from "date-fns/locale";
-const Ne = ({ date: r, onDateChange: o, placeholder: h }) => {
-  const [c, a] = z(!1), s = q(null);
-  G(() => {
-    if (!c) return;
-    const i = (f) => {
-      s.current !== null && !s.current.contains(f.target) && a(!1);
-    };
-    return document.addEventListener("mousedown", i), () => {
-      document.removeEventListener("mousedown", i);
-    };
-  }, [c]);
-  const d = () => {
-    a((i) => !i);
-  }, m = (i) => {
-    o(i), a(!1);
-  };
-  return /* @__PURE__ */ n("div", { ref: s, className: "relative w-full", children: [
-    /* @__PURE__ */ n(
-      y,
-      {
-        variant: "outline",
-        type: "button",
-        onClick: d,
-        className: g(
-          "w-full justify-start text-left font-normal focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-          c && "ring-2 ring-ring ring-offset-2",
-          r === void 0 && "text-muted-foreground"
-        ),
-        children: [
-          /* @__PURE__ */ e(_, { className: "mr-2 size-4 shrink-0" }),
-          r !== void 0 ? N(r, "dd/MM/yyyy", { locale: b }) : /* @__PURE__ */ e("span", { children: h })
-        ]
-      }
-    ),
-    c ? /* @__PURE__ */ e("div", { className: "absolute left-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: /* @__PURE__ */ e(L, { mode: "single", selected: r, onSelect: m }) }) : null
-  ] });
-}, be = ({ value: r, onChange: o, placeholder: h = "Selectionner une periode", className: c }) => {
-  const [a, s] = S.useState(!1), [d, m] = S.useState(r);
-  S.useEffect(() => {
-    a && m(r);
-  }, [a, r]);
-  const i = (l) => {
-    l.stopPropagation(), o(void 0), s(!1);
-  }, f = () => {
-    o(d), s(!1);
-  }, x = () => {
-    m(r), s(!1);
-  }, k = () => {
-    m(void 0);
-  }, p = (l) => l != null && l.from ? !l.to || l.from.getTime() === l.to.getTime() ? N(l.from, "dd MMM yyyy", { locale: b }) : `${N(l.from, "dd MMM yyyy", { locale: b })} - ${N(l.to, "dd MMM yyyy", { locale: b })}` : h;
-  return /* @__PURE__ */ e("div", { className: g("grid gap-2", c), children: /* @__PURE__ */ n(R, { open: a, onOpenChange: s, children: [
-    /* @__PURE__ */ e(j, { asChild: !0, children: /* @__PURE__ */ n(y, { id: "date", variant: "outline", className: g("w-[300px] justify-start text-left font-normal", !(r != null && r.from) && "text-muted-foreground"), children: [
-      /* @__PURE__ */ e(_, { className: "mr-2 size-4" }),
-      p(r),
-      (r == null ? void 0 : r.from) && /* @__PURE__ */ e(
-        y,
-        {
-          type: "button",
-          variant: "ghost",
-          size: "icon",
-          "aria-label": "Effacer la periode selectionnee",
-          className: "ml-auto h-5 w-5 opacity-50 hover:opacity-100",
-          onClick: i,
-          children: /* @__PURE__ */ e(M, { className: "size-4" })
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ n(T, { className: "w-auto p-0", align: "start", side: "bottom", sideOffset: 4, children: [
-      /* @__PURE__ */ e(
-        L,
-        {
-          mode: "range",
-          defaultMonth: d == null ? void 0 : d.from,
-          selected: d,
-          onSelect: m,
-          numberOfMonths: 2,
-          weekStartsOn: 1,
-          className: "pointer-events-auto p-3"
-        }
-      ),
-      /* @__PURE__ */ n("div", { className: "flex items-center justify-between border-t border-border px-3 py-2", children: [
-        /* @__PURE__ */ e(y, { variant: "ghost", size: "sm", onClick: k, children: "Effacer" }),
-        /* @__PURE__ */ n("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ e(y, { variant: "ghost", size: "sm", onClick: x, children: "Annuler" }),
-          /* @__PURE__ */ e(y, { size: "sm", onClick: f, children: "Appliquer" })
-        ] })
-      ] })
-    ] })
-  ] }) });
-}, xe = ({
-  options: r = [],
-  value: o,
-  onChange: h,
-  onClear: c,
-  onCreate: a,
-  placeholder: s = "Sélectionner...",
-  searchPlaceholder: d = "Rechercher...",
-  emptyLabel: m = "Aucun résultat",
-  createLabel: i = (p) => `Créer « ${p} »`,
-  disabled: f = !1,
-  modal: x = !0,
-  className: k
-}) => {
-  const [p, l] = z(!1), [I, P] = z(""), v = o !== void 0 && o !== "", u = K(() => v ? r.find((t) => t.value === o) : void 0, [v, r, o]), A = v ? (u == null ? void 0 : u.label) ?? o : void 0, C = I.trim(), D = a !== void 0 && C !== "" && !r.some((t) => t.label.toLowerCase() === C.toLowerCase()), w = (t) => {
-    l(t), t || P("");
-  }, O = (t) => {
-    h(t), w(!1);
-  }, V = () => {
-    a == null || a(C), w(!1);
-  };
-  return /* @__PURE__ */ n(R, { open: p, onOpenChange: w, modal: x, children: [
-    /* @__PURE__ */ e(j, { asChild: !0, children: /* @__PURE__ */ n(
-      "button",
-      {
-        type: "button",
-        role: "combobox",
-        "aria-expanded": p,
-        disabled: f,
-        className: g(
-          X,
-          "w-full",
-          "data-[state=open]:ring-2 data-[state=open]:ring-ring data-[state=open]:ring-offset-2",
-          !v && "text-muted-foreground",
-          k
-        ),
-        children: [
-          /* @__PURE__ */ n("span", { className: "flex items-center truncate", children: [
-            (u == null ? void 0 : u.color) && /* @__PURE__ */ e("span", { className: "mr-2 size-2.5 shrink-0 rounded-full", style: { backgroundColor: u.color } }),
-            /* @__PURE__ */ e("span", { className: "truncate", children: A ?? s }),
-            (u == null ? void 0 : u.description) !== void 0 && /* @__PURE__ */ n("span", { className: "ml-1 truncate text-muted-foreground", children: [
-              "(",
-              u.description,
-              ")"
-            ] })
-          ] }),
-          /* @__PURE__ */ n("div", { className: "flex items-center gap-1", children: [
-            c && v && !f && /* @__PURE__ */ e(
-              "span",
-              {
-                role: "button",
-                tabIndex: -1,
-                onClick: (t) => {
-                  t.stopPropagation();
-                },
-                onPointerDown: (t) => {
-                  t.preventDefault(), t.stopPropagation(), c();
-                },
-                className: "text-muted-foreground hover:text-foreground",
-                children: /* @__PURE__ */ e(M, { className: "size-4" })
-              }
-            ),
-            /* @__PURE__ */ e(Y, { className: g("size-4 shrink-0 opacity-50 transition-transform", p && "rotate-180") })
-          ] })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ e(T, { className: "w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: /* @__PURE__ */ n(
-      F,
-      {
-        filter: (t, $, B) => (B ?? []).join(" ").toLowerCase().includes($.trim().toLowerCase()) ? 1 : 0,
-        children: [
-          /* @__PURE__ */ e(H, { placeholder: d, value: I, onValueChange: P }),
-          /* @__PURE__ */ n(J, { children: [
-            !D && /* @__PURE__ */ e(Q, { children: m }),
-            /* @__PURE__ */ n(U, { children: [
-              r.map((t) => /* @__PURE__ */ n(
-                E,
-                {
-                  value: t.value,
-                  keywords: [t.label, t.description ?? ""],
-                  onSelect: () => {
-                    O(t.value);
-                  },
-                  children: [
-                    /* @__PURE__ */ e(Z, { className: g("mr-2 size-4 shrink-0", o === t.value ? "opacity-100" : "opacity-0") }),
-                    t.color !== void 0 && /* @__PURE__ */ e("span", { className: "mr-2 size-2.5 shrink-0 rounded-full", style: { backgroundColor: t.color } }),
-                    /* @__PURE__ */ e("span", { className: "truncate", children: t.label }),
-                    t.description !== void 0 && /* @__PURE__ */ n("span", { className: "ml-1 truncate text-muted-foreground", children: [
-                      "(",
-                      t.description,
-                      ")"
-                    ] })
-                  ]
-                },
-                t.value
-              )),
-              D && /* @__PURE__ */ n(E, { forceMount: !0, value: "__create__", onSelect: V, children: [
-                /* @__PURE__ */ e(ee, { className: "mr-2 size-4 shrink-0" }),
-                /* @__PURE__ */ e("span", { className: "truncate", children: i(C) })
-              ] })
-            ] })
-          ] })
-        ]
-      }
-    ) })
-  ] });
-}, ke = ({
-  searchQuery: r,
-  search: o,
-  placeholder: h = "Rechercher...",
-  onSearch: c,
-  onSubmit: a,
-  onClear: s,
-  className: d
-}) => {
-  const m = r ?? o ?? "", i = () => {
-    c(""), s !== void 0 && s();
-  };
-  return /* @__PURE__ */ n("div", { className: g("relative h-fit w-full md:w-64", d), children: [
-    /* @__PURE__ */ e(te, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground w-4 h-4" }),
-    /* @__PURE__ */ e(
-      W,
-      {
-        placeholder: h,
-        value: m,
-        onChange: (f) => {
-          c(f.target.value);
-        },
-        className: "pl-8",
-        onKeyDown: (f) => {
-          f.key === "Enter" && a !== void 0 && (f.preventDefault(), a());
-        }
-      }
-    ),
-    m !== "" ? /* @__PURE__ */ e("button", { onClick: i, className: "absolute right-3 top-1/2 -translate-y-1/2 text-gray-500 hover:text-gray-700", type: "button", children: /* @__PURE__ */ e(M, { className: "size-4" }) }) : null
-  ] });
-};
-export {
-  Ne as D,
-  ke as S,
-  be as a,
-  xe as b
-};