@krosoft/react 0.0.182 → 0.0.183

package/dist/{AppActions-DEkRxBia.js → AppActions-DtdwQdm-.js}

@@ -1,5 +1,5 @@
 import { jsxs as n, jsx as l } from "react/jsx-runtime";
-import { ay as u, aM as t, aA as c, aH as g, aC as d } from "./toggle-group-D6c-gM1D.js";
+import { ay as u, aM as t, aA as c, aH as g, aC as d } from "./toggle-group-D2Li0iBJ.js";
 import "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";
 import { B as p } from "./tooltip-DVeqVwqV.js";

package/dist/{AppSubTitle-ChCtQ7Sv.js → AppSubTitle-Co9HDBO4.js}

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { useTranslation as l } from "react-i18next";
-import { A as m } from "./AppActions-DEkRxBia.js";
+import { A as m } from "./AppActions-DtdwQdm-.js";
 function f({ titleKey: s, actions: t, className: o }) {
   const { t: r } = l();
   return /* @__PURE__ */ i("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between gap-4", children: [

package/dist/AppVerticalTabs-B3_nbdLm.js

@@ -0,0 +1,99 @@
+import { jsxs as r, jsx as s } from "react/jsx-runtime";
+import { J as b, N as w, K as S, bN as T, bP as C, bQ as A, bO as P, bA as k } from "./toggle-group-D2Li0iBJ.js";
+import { A as j } from "./AppActions-DtdwQdm-.js";
+import { A as z } from "./AppTitle-D15YXeMx.js";
+import { useRef as V, useEffect as K } from "react";
+import { useTranslation as g } from "react-i18next";
+import { useSearchParams as y } from "react-router-dom";
+import { c as R } from "./tailwind.helper-B6yFEsav.js";
+import { S as q, h as I, i as L, a as H, c as U } from "./select-BpjFWqAY.js";
+import { ConstructionIcon as v } from "lucide-react";
+function D({ titleKey: n, descriptionKey: l, actions: t = [], className: c }) {
+  return /* @__PURE__ */ r("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between", children: [
+    /* @__PURE__ */ s(z, { titleKey: n, descriptionKey: l, isSubTitle: !0 }),
+    /* @__PURE__ */ s(j, { actions: t, className: c })
+  ] });
+}
+function X({ titleKey: n, descriptionKey: l, actions: t = [], className: c, children: o, isSubTitle: p }) {
+  return /* @__PURE__ */ r(b, { children: [
+    /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s(D, { titleKey: n, descriptionKey: l, actions: t, className: c }) }),
+    /* @__PURE__ */ s(S, { className: "space-y-4", children: o })
+  ] });
+}
+function Y({ tabs: n, itemId: l, item: t, fit: c }) {
+  var d, a;
+  const { t: o } = g(), [p, i] = y(), h = p.get("tab"), f = ((d = n.find((e) => e.value === h)) == null ? void 0 : d.value) ?? ((a = n[0]) == null ? void 0 : a.value), x = (e) => {
+    const u = new URLSearchParams();
+    u.set("tab", e), i(u);
+  }, m = V(null);
+  return K(() => {
+    var u, N;
+    const e = (u = m.current) == null ? void 0 : u.querySelector('[data-state="active"]');
+    (N = e == null ? void 0 : e.scrollIntoView) == null || N.call(e, { behavior: "smooth", block: "nearest", inline: "nearest" });
+  }, [f]), /* @__PURE__ */ r(T, { value: f, onValueChange: x, children: [
+    /* @__PURE__ */ s(C, { ref: m, className: R("w-full justify-start", c && "sm:w-fit"), children: n.map((e) => /* @__PURE__ */ r(A, { value: e.value, className: "gap-2", disabled: e.disabled, children: [
+      e.icon ? /* @__PURE__ */ s("span", { className: "hidden sm:inline", children: /* @__PURE__ */ s(e.icon, { className: "size-4" }) }) : null,
+      /* @__PURE__ */ s("span", { className: "text-xs sm:text-sm", children: o(e.titleKey) ?? "" }),
+      e.count ? /* @__PURE__ */ r("span", { className: "text-gray-500 text-xs", children: [
+        "(",
+        e.count(t),
+        ")"
+      ] }) : null
+    ] }, e.value)) }),
+    n.map((e) => /* @__PURE__ */ s(P, { value: e.value, className: "mt-4", children: e.component ? e.component(l) : null }, e.value))
+  ] });
+}
+const Z = ({ tabs: n, item: l }) => {
+  var m, d;
+  const { t } = g(), [c, o] = y(), p = c.get("tab"), i = ((m = n.find((a) => a.value === p)) == null ? void 0 : m.value) ?? ((d = n[0]) == null ? void 0 : d.value), h = (a) => {
+    const e = new URLSearchParams();
+    e.set("tab", a), o(e);
+  }, f = () => {
+    const a = n.find((e) => e.value === i);
+    return a ? a.component ? a.component() : x() : null;
+  }, x = () => /* @__PURE__ */ s("div", { className: "p-4 lg:p-6", children: /* @__PURE__ */ s("div", { className: "flex items-center justify-center h-64 text-gray-500", children: /* @__PURE__ */ r("div", { className: "text-center", children: [
+    /* @__PURE__ */ s(v, { className: "h-12 w-12 mx-auto mb-4 text-amber-500" }),
+    /* @__PURE__ */ s("p", { className: "text-lg font-medium", children: "Section en cours de développement" }),
+    /* @__PURE__ */ s("p", { className: "text-sm text-gray-400", children: "Cette fonctionnalité sera bientôt disponible" })
+  ] }) }) });
+  return /* @__PURE__ */ r("div", { className: "flex flex-col md:flex-row h-full min-w-0  ", children: [
+    /* @__PURE__ */ s("div", { className: "w-64 lg:w-80 flex-shrink-0 hidden md:block border-r border-gray-200 dark:border-gray-700 pr-4", children: /* @__PURE__ */ s(k, { className: "h-full", children: /* @__PURE__ */ s("div", { className: "space-y-1", children: n.map((a, e) => /* @__PURE__ */ r(
+      "div",
+      {
+        className: `px-2 py-2 rounded-control text-sm transition-colors flex items-center gap-2 ${a.disabled ? "text-gray-400 cursor-not-allowed opacity-50" : i === a.value ? "crm-color-styled font-medium cursor-pointer" : "text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700 cursor-pointer"}`,
+        onClick: () => !a.disabled && h(a.value),
+        children: [
+          a.icon && /* @__PURE__ */ s(a.icon, { className: "size-4" }),
+          /* @__PURE__ */ s("span", { className: "flex-1", children: t(a.titleKey) }),
+          a.count && /* @__PURE__ */ r("span", { className: "text-xs text-gray-500", children: [
+            "(",
+            a.count(l),
+            ")"
+          ] }),
+          !a.component && /* @__PURE__ */ s(v, { className: "size-4 text-amber-500" })
+        ]
+      },
+      e
+    )) }) }) }),
+    /* @__PURE__ */ s("div", { className: "md:hidden w-full border-b pb-4 mb-4", children: /* @__PURE__ */ r(q, { value: i, onValueChange: h, children: [
+      /* @__PURE__ */ s(I, { className: "w-full", children: /* @__PURE__ */ s(L, { placeholder: "Sélectionner une section" }) }),
+      /* @__PURE__ */ s(H, { children: n.map((a, e) => /* @__PURE__ */ s(U, { value: a.value, disabled: a.disabled, children: /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+        a.icon && /* @__PURE__ */ s(a.icon, { className: "size-4" }),
+        /* @__PURE__ */ s("span", { children: t(a.titleKey) }),
+        a.count && /* @__PURE__ */ r("span", { className: "text-xs text-gray-500", children: [
+          "(",
+          a.count(l),
+          ")"
+        ] }),
+        !a.component && /* @__PURE__ */ s(v, { className: "size-4 text-amber-500" })
+      ] }) }, e)) })
+    ] }) }),
+    /* @__PURE__ */ s("div", { className: "flex-1 md:px-4 min-w-0 overflow-auto", children: f() })
+  ] });
+};
+export {
+  X as A,
+  D as a,
+  Y as b,
+  Z as c
+};

package/dist/{ConfirmationDialog-BPXA2g3g.js → ConfirmationDialog-3rO4sYM8.js}

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as r, Fragment as M } from "react/jsx-runtime";
-import { D as q, b as B, P as R, e as W, h as X, c as $, m as J, p as Q, s as F, t as U, q as j, r as V, o as Y } from "./toggle-group-D6c-gM1D.js";
+import { D as q, b as B, P as R, e as W, h as X, c as $, m as J, p as Q, s as F, t as U, q as j, r as V, o as Y } from "./toggle-group-D2Li0iBJ.js";
 import { A as Z, a as _ } from "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";
 import { B as v } from "./tooltip-DVeqVwqV.js";
@@ -14,7 +14,7 @@ import "next-themes";
 import "sonner";
 import { useState as y, useEffect as ee } from "react";
 import { useTranslation as O } from "react-i18next";
-import { G as le } from "./GenericForm-B39toMkE.js";
+import { G as le } from "./GenericForm-ClzOIaJc.js";
 import { E as ie } from "./ErrorAlert-SrIcU1mM.js";
 function re({ open: t, onOpenChange: c, config: l, isLoading: u, error: s, children: p }) {
   const { t: i } = O(), { title: b, description: d, icon: f, maxWidth: g = "sm:max-w-xl", actions: n } = l;

package/dist/{DataTable-ny08K506.js → DataTable-Ckbr166c.js}

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as e, Fragment as ne } from "react/jsx-runtime";
 import { u as le } from "./useDataTable-CxcA5S-s.js";
-import { ay as B, aM as L, aA as V, aC as de, $ as O, az as ce } from "./toggle-group-D6c-gM1D.js";
+import { ay as B, aM as L, aA as V, aC as de, $ as O, az as ce } from "./toggle-group-D2Li0iBJ.js";
 import "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";
 import { B as y } from "./tooltip-DVeqVwqV.js";

package/dist/{GenericForm-B39toMkE.js → GenericForm-ClzOIaJc.js}

@@ -1,8 +1,8 @@
 import { jsx as r, jsxs as o } from "react/jsx-runtime";
-import { I as J } from "./ImageInput-BoYUZx9H.js";
-import { A as V } from "./AppSubTitle-ChCtQ7Sv.js";
-import { M as Q } from "./MultiSelect-CqcbwKYV.js";
-import { aN as W, aQ as $, aR as q, aS as D, aO as A, aT as L, J as X, N as Y, K as F, bR as ee, $ as te } from "./toggle-group-D6c-gM1D.js";
+import { I as J } from "./ImageInput-BPV_4oDI.js";
+import { A as V } from "./AppSubTitle-Co9HDBO4.js";
+import { M as Q } from "./MultiSelect-ovXnKCuU.js";
+import { aN as W, aQ as $, aR as q, aS as D, aO as A, aT as L, J as X, N as Y, K as F, bR as ee, $ as te } from "./toggle-group-D2Li0iBJ.js";
 import "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";
 import { B as M } from "./tooltip-DVeqVwqV.js";

package/dist/{ImageInput-BoYUZx9H.js → ImageInput-BPV_4oDI.js}

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import "./toggle-group-D6c-gM1D.js";
+import "./toggle-group-D2Li0iBJ.js";
 import "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";
 import { B as x } from "./tooltip-DVeqVwqV.js";

package/dist/{KpiCardsLayout-mQ7AcbqA.js → KpiCardsLayout-D67cLG3R.js}

@@ -1,5 +1,5 @@
 import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import "./toggle-group-D6c-gM1D.js";
+import "./toggle-group-D2Li0iBJ.js";
 import "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";
 import { B as c } from "./tooltip-DVeqVwqV.js";
@@ -13,12 +13,12 @@ import "./select-BpjFWqAY.js";
 import "next-themes";
 import "sonner";
 import "react";
-import { A as f } from "./AppActions-DEkRxBia.js";
+import { A as f } from "./AppActions-DtdwQdm-.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-BvJYF_LK.js";
+import { b as h, a as x } from "./SkeletonCards-D0V2nuDg.js";
 import { E as A } from "./ErrorState-CmaxuJyW.js";
 function M({
   icon: t,

package/dist/{MetricCard-CvQFjIOb.js → MetricCard-BAa26w6e.js}

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { J as l, N as h, O as m, K as g } from "./toggle-group-D6c-gM1D.js";
+import { J as l, N as h, O as m, K as g } from "./toggle-group-D2Li0iBJ.js";
 import { c as b } from "./tailwind.helper-B6yFEsav.js";
 import { useTranslation as p } from "react-i18next";
 const k = ({ titleKey: t, icon: s, className: n, children: a }) => {

package/dist/{MultiSelect-CqcbwKYV.js → MultiSelect-ovXnKCuU.js}

@@ -1,6 +1,6 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
 import { useState as L, useRef as z, useMemo as v, useEffect as E } from "react";
-import { $ as T } from "./toggle-group-D6c-gM1D.js";
+import { $ as T } from "./toggle-group-D2Li0iBJ.js";
 import "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";
 import { f as M } from "./tooltip-DVeqVwqV.js";

package/dist/SearchInput-B08-Mcsx.js

@@ -0,0 +1,250 @@
+import { jsxs as a, 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 { I as L, bv as R, bx as j, bw as T, a0 as X, a4 as F, a6 as H, a2 as J, a3 as Q, a5 as E } from "./toggle-group-D2Li0iBJ.js";
+import "./alert-B9F1N9Qk.js";
+import "@radix-ui/react-aspect-ratio";
+import { B as y, f as U } from "./tooltip-DVeqVwqV.js";
+import "@radix-ui/react-collapsible";
+import { I as W } from "./sheet-B_uq6-K_.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 b } from "date-fns";
+import { fr as C } from "date-fns/locale";
+const Ne = ({ date: r, onDateChange: o, placeholder: h }) => {
+  const [c, n] = z(!1), s = q(null);
+  G(() => {
+    if (!c) return;
+    const i = (f) => {
+      s.current !== null && !s.current.contains(f.target) && n(!1);
+    };
+    return document.addEventListener("mousedown", i), () => {
+      document.removeEventListener("mousedown", i);
+    };
+  }, [c]);
+  const d = () => {
+    n((i) => !i);
+  }, m = (i) => {
+    o(i), n(!1);
+  };
+  return /* @__PURE__ */ a("div", { ref: s, className: "relative w-full", children: [
+    /* @__PURE__ */ a(
+      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 ? b(r, "dd/MM/yyyy", { locale: C }) : /* @__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 [n, s] = S.useState(!1), [d, m] = S.useState(r);
+  S.useEffect(() => {
+    n && m(r);
+  }, [n, r]);
+  const i = (l) => {
+    l.stopPropagation(), o(void 0), s(!1);
+  }, f = () => {
+    o(d), s(!1);
+  }, x = () => {
+    m(r), s(!1);
+  }, w = () => {
+    m(void 0);
+  }, p = (l) => l != null && l.from ? !l.to || l.from.getTime() === l.to.getTime() ? b(l.from, "dd MMM yyyy", { locale: C }) : `${b(l.from, "dd MMM yyyy", { locale: C })} - ${b(l.to, "dd MMM yyyy", { locale: C })}` : h;
+  return /* @__PURE__ */ e("div", { className: g("grid gap-2", c), children: /* @__PURE__ */ a(R, { open: n, onOpenChange: s, children: [
+    /* @__PURE__ */ e(j, { asChild: !0, children: /* @__PURE__ */ a(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__ */ a(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__ */ a("div", { className: "flex items-center justify-between border-t border-border px-3 py-2", children: [
+        /* @__PURE__ */ e(y, { variant: "ghost", size: "sm", onClick: w, children: "Effacer" }),
+        /* @__PURE__ */ a("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" })
+        ] })
+      ] })
+    ] })
+  ] }) });
+}, Ce = ({
+  options: r = [],
+  value: o,
+  onChange: h,
+  onClear: c,
+  onCreate: n,
+  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: w
+}) => {
+  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, N = I.trim(), D = n !== void 0 && N !== "" && !r.some((t) => t.label.toLowerCase() === N.toLowerCase()), k = (t) => {
+    l(t), t || P("");
+  }, O = (t) => {
+    h(t), k(!1);
+  }, V = () => {
+    n == null || n(N), k(!1);
+  };
+  return /* @__PURE__ */ a(R, { open: p, onOpenChange: k, modal: x, children: [
+    /* @__PURE__ */ e(j, { asChild: !0, children: /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        role: "combobox",
+        "aria-expanded": p,
+        disabled: f,
+        className: g(
+          U,
+          "w-full",
+          "data-[state=open]:ring-2 data-[state=open]:ring-ring data-[state=open]:ring-offset-2",
+          !v && "text-muted-foreground",
+          w
+        ),
+        children: [
+          /* @__PURE__ */ a("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__ */ a("span", { className: "ml-1 truncate text-muted-foreground", children: [
+              "(",
+              u.description,
+              ")"
+            ] })
+          ] }),
+          /* @__PURE__ */ a("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__ */ a(
+      X,
+      {
+        filter: (t, $, B) => (B ?? []).join(" ").toLowerCase().includes($.trim().toLowerCase()) ? 1 : 0,
+        children: [
+          /* @__PURE__ */ e(F, { placeholder: d, value: I, onValueChange: P }),
+          /* @__PURE__ */ a(H, { children: [
+            !D && /* @__PURE__ */ e(J, { children: m }),
+            /* @__PURE__ */ a(Q, { children: [
+              r.map((t) => /* @__PURE__ */ a(
+                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__ */ a("span", { className: "ml-1 truncate text-muted-foreground", children: [
+                      "(",
+                      t.description,
+                      ")"
+                    ] })
+                  ]
+                },
+                t.value
+              )),
+              D && /* @__PURE__ */ a(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(N) })
+              ] })
+            ] })
+          ] })
+        ]
+      }
+    ) })
+  ] });
+}, xe = ({
+  searchQuery: r,
+  search: o,
+  placeholder: h = "Rechercher...",
+  onSearch: c,
+  onSubmit: n,
+  onClear: s,
+  className: d
+}) => {
+  const m = r ?? o ?? "", i = () => {
+    c(""), s !== void 0 && s();
+  };
+  return /* @__PURE__ */ a("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" && n !== void 0 && (f.preventDefault(), n());
+        }
+      }
+    ),
+    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,
+  xe as S,
+  be as a,
+  Ce as b
+};

package/dist/{SkeletonCards-BvJYF_LK.js → SkeletonCards-D0V2nuDg.js}

@@ -2,7 +2,7 @@ import { jsxs as s, jsx as e, Fragment as o } from "react/jsx-runtime";
 import { formatNumber as g } from "@krosoft/core/helpers";
 import { useTranslation as b } from "react-i18next";
 import { c as m } from "./tailwind.helper-B6yFEsav.js";
-import { J as c, N as p, O as v, K as N } from "./toggle-group-D6c-gM1D.js";
+import { J as c, N as p, O as v, K as N } from "./toggle-group-D2Li0iBJ.js";
 import "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";
 import "./tooltip-DVeqVwqV.js";

package/dist/{TableFilter-CWDy_RHA.js → TableFilter-Z0T30AzZ.js}

@@ -1,7 +1,7 @@
 import { jsxs as u, jsx as r } from "react/jsx-runtime";
 import { useState as F, useEffect as O, useMemo as A } from "react";
-import { a as $, D as j, b as M, S as I } from "./SearchInput-ClZbbRWg.js";
-import { B as k, a$ as z, bv as B, bx as R, bw as Q, $ as C } from "./toggle-group-D6c-gM1D.js";
+import { a as $, D as j, b as M, S as I } from "./SearchInput-B08-Mcsx.js";
+import { B as k, a$ as z, bv as B, bx as R, bw as Q, $ as C } from "./toggle-group-D2Li0iBJ.js";
 import "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";
 import { B as w, e as V } from "./tooltip-DVeqVwqV.js";
@@ -15,7 +15,7 @@ import { S as Z, h as q, i as ee, a as re, c as te } from "./select-BpjFWqAY.js"
 import "next-themes";
 import "sonner";
 import { c as T } from "./tailwind.helper-B6yFEsav.js";
-import { M as le } from "./MultiSelect-CqcbwKYV.js";
+import { M as le } from "./MultiSelect-ovXnKCuU.js";
 const L = (a, n, c = {}) => {
   if (n instanceof Date)
     return n.toLocaleDateString("fr-FR");

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

@@ -1,5 +1,5 @@
-import { D as s, M as d } from "../../../MetricCard-CvQFjIOb.js";
-import { K as o, a as C, S as t, b as p } from "../../../SkeletonCards-BvJYF_LK.js";
+import { D as s, M as d } from "../../../MetricCard-BAa26w6e.js";
+import { K as o, a as C, S as t, b as p } from "../../../SkeletonCards-D0V2nuDg.js";
 export {
   s as DashboardCard,
   o as KpiCard,

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

@@ -1,5 +1,5 @@
-import { A as i, C as s, F as g } from "../../../ConfirmationDialog-BPXA2g3g.js";
-import { D as r, a as D, b as e, c as t, d as n, e as p, f, g as m, h as C, i as F, P } from "../../../toggle-group-D6c-gM1D.js";
+import { A as i, C as s, F as g } from "../../../ConfirmationDialog-3rO4sYM8.js";
+import { D as r, a as D, b as e, c as t, d as n, e as p, f, g as m, h as C, i as F, P } from "../../../toggle-group-D2Li0iBJ.js";
 export {
   i as AppDialog,
   s as ConfirmationDialog,

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-CWDy_RHA.js";
+import { A as l, a as i, F as r, S as s, T as t } from "../../../TableFilter-Z0T30AzZ.js";
 export {
   l as ActiveFilters,
   i as AdvancedFilters,

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

@@ -1,4 +1,4 @@
-import { G as o } from "../../../GenericForm-B39toMkE.js";
+import { G as o } from "../../../GenericForm-ClzOIaJc.js";
 export {
   o as GenericForm
 };

package/dist/components/core/index.js

@@ -1,22 +1,22 @@
-import { D as r, M as o } from "../../MetricCard-CvQFjIOb.js";
-import { K as t, a as i, S as l, b as p } from "../../SkeletonCards-BvJYF_LK.js";
-import { A as m, C as d, F as g } from "../../ConfirmationDialog-BPXA2g3g.js";
-import { D as A, a as D, b as T, c as n, d as c, e as x, f as S, g as C, h as F, i as P, P as h } from "../../toggle-group-D6c-gM1D.js";
-import { A as k, a as H, F as I, S as K, T as v } from "../../TableFilter-CWDy_RHA.js";
-import { G as M } from "../../GenericForm-B39toMkE.js";
-import { I as L } from "../../ImageInput-BoYUZx9H.js";
-import { D as G, a as N, S as O, b as R } from "../../SearchInput-ClZbbRWg.js";
-import { M as j } from "../../MultiSelect-CqcbwKYV.js";
-import { A as w } from "../../AppActions-DEkRxBia.js";
-import { A as J, K as Q } from "../../KpiCardsLayout-mQ7AcbqA.js";
-import { A as W } from "../../AppSubTitle-ChCtQ7Sv.js";
+import { D as r, M as o } from "../../MetricCard-BAa26w6e.js";
+import { K as t, a as i, S as l, b as p } from "../../SkeletonCards-D0V2nuDg.js";
+import { A as m, C as d, F as g } from "../../ConfirmationDialog-3rO4sYM8.js";
+import { D as A, a as D, b as T, c as n, d as c, e as x, f as S, g as C, h as F, i as P, P as h } from "../../toggle-group-D2Li0iBJ.js";
+import { A as k, a as H, F as I, S as K, T as v } from "../../TableFilter-Z0T30AzZ.js";
+import { G as M } from "../../GenericForm-ClzOIaJc.js";
+import { I as L } from "../../ImageInput-BPV_4oDI.js";
+import { D as G, a as N, S as O, b as R } from "../../SearchInput-B08-Mcsx.js";
+import { M as j } from "../../MultiSelect-ovXnKCuU.js";
+import { A as w } from "../../AppActions-DtdwQdm-.js";
+import { A as J, K as Q } from "../../KpiCardsLayout-D67cLG3R.js";
+import { A as W } from "../../AppSubTitle-Co9HDBO4.js";
 import { A as Y } from "../../AppTitle-D15YXeMx.js";
 import { S as _, a as $, b as aa, T as ea } from "../../Topbar-CFmKB_S2.js";
 import { E as oa } from "../../ErrorAlert-SrIcU1mM.js";
 import { E as ta } from "../../ErrorState-CmaxuJyW.js";
 import { L as la } from "../../LoadingState-BN0YaPSs.js";
-import { D as ba, T as ma, a as da, b as ga, c as fa, d as Aa, e as Da } from "../../DataTable-ny08K506.js";
-import { A as na, a as ca, b as xa, c as Sa } from "../../AppVerticalTabs-D8fURUUN.js";
+import { D as ba, T as ma, a as da, b as ga, c as fa, d as Aa, e as Da } from "../../DataTable-Ckbr166c.js";
+import { A as na, a as ca, b as xa, c as Sa } from "../../AppVerticalTabs-B3_nbdLm.js";
 import { T as Fa } from "../../ThemeSelector-BFC37dSl.js";
 export {
   k as ActiveFilters,

package/dist/components/core/inputs/SearchableSelect.d.ts

@@ -1,14 +1,28 @@
 import React from "react";
 import type { SelectOption } from "@krosoft/core/types";
+export interface SearchableSelectOption extends SelectOption {
+    /** Texte secondaire affiché en gris à côté du libellé (ex. le groupe d'un tenant). Inclus dans la recherche. */
+    description?: string;
+}
 interface SearchableSelectProps {
-    options?: SelectOption[];
+    options?: SearchableSelectOption[];
     value: string | undefined;
     onChange: (value: string) => void;
     onClear?: () => void;
+    /** Fourni : propose de créer une option quand la saisie ne correspond à aucun libellé existant. */
+    onCreate?: (label: string) => void;
     placeholder?: string;
     searchPlaceholder?: string;
+    emptyLabel?: string;
+    createLabel?: (search: string) => string;
     disabled?: boolean;
+    /**
+     * Panneau rendu en modal (défaut, comme le `Select`). À laisser tel quel dans une boîte de
+     * dialogue : sans ça, le `Dialog` neutralise les clics sur le panneau porté dans le portail.
+     */
+    modal?: boolean;
+    className?: string;
 }
-export declare const SearchableSelect: ({ options, value, onChange, onClear, placeholder, searchPlaceholder, disabled, }: SearchableSelectProps) => React.ReactElement;
+export declare const SearchableSelect: ({ options, value, onChange, onClear, onCreate, placeholder, searchPlaceholder, emptyLabel, createLabel, disabled, modal, className, }: SearchableSelectProps) => React.ReactElement;
 export {};
 //# sourceMappingURL=SearchableSelect.d.ts.map

package/dist/components/core/inputs/SearchableSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchableSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/core/inputs/SearchableSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAIpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,UAAU,qBAAqB;IAC7B,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,GAAI,kFAQ9B,qBAAqB,KAAG,KAAK,CAAC,YAwIhC,CAAC"}
+{"version":3,"file":"SearchableSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/core/inputs/SearchableSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAejD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,WAAW,sBAAuB,SAAQ,YAAY;IAC1D,gHAAgH;IAChH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,qBAAqB;IAC7B,OAAO,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACnC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mGAAmG;IACnG,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,GAAI,uIAa9B,qBAAqB,KAAG,KAAK,CAAC,YAgHhC,CAAC"}

package/dist/components/core/inputs/index.d.ts

@@ -4,4 +4,5 @@ export { DatePicker } from "./DatePicker";
 export { DateRangePicker } from "./DateRangePicker";
 export { MultiSelect } from "./MultiSelect";
 export { SearchableSelect } from "./SearchableSelect";
+export type { SearchableSelectOption } from "./SearchableSelect";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/core/inputs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/core/inputs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/core/inputs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC"}

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

@@ -1,6 +1,6 @@
-import { I as r } from "../../../ImageInput-BoYUZx9H.js";
-import { D as c, a as o, S as s, b as p } from "../../../SearchInput-ClZbbRWg.js";
-import { M as l } from "../../../MultiSelect-CqcbwKYV.js";
+import { I as r } from "../../../ImageInput-BPV_4oDI.js";
+import { D as c, a as o, S as s, b as p } from "../../../SearchInput-B08-Mcsx.js";
+import { M as l } from "../../../MultiSelect-ovXnKCuU.js";
 export {
   c as DatePicker,
   o as DateRangePicker,

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

@@ -1,6 +1,6 @@
-import { A as r } from "../../../AppActions-DEkRxBia.js";
-import { A as e, K as A } from "../../../KpiCardsLayout-mQ7AcbqA.js";
-import { A as s } from "../../../AppSubTitle-ChCtQ7Sv.js";
+import { A as r } from "../../../AppActions-DtdwQdm-.js";
+import { A as e, K as A } from "../../../KpiCardsLayout-D67cLG3R.js";
+import { A as s } from "../../../AppSubTitle-Co9HDBO4.js";
 import { A as i } from "../../../AppTitle-D15YXeMx.js";
 export {
   r as AppActions,