@krosoft/react 0.0.181 → 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-9CKgZoNY.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";
@@ -12,30 +12,30 @@ import "tailwind-merge";
 import "./select-BpjFWqAY.js";
 import "next-themes";
 import "sonner";
-import { useState as w, useEffect as ee } from "react";
+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: m, icon: f, maxWidth: g = "sm:max-w-xl", actions: n } = l;
-  return /* @__PURE__ */ e(q, { open: t, onOpenChange: c, children: /* @__PURE__ */ r(B, { className: `${g} max-h-[90vh] border-0 shadow-2xl p-0 flex flex-col overflow-hidden`, children: [
+  const { t: i } = O(), { title: b, description: d, icon: f, maxWidth: g = "sm:max-w-xl", actions: n } = l;
+  return /* @__PURE__ */ e(q, { open: t, onOpenChange: c, children: /* @__PURE__ */ r(B, { className: `${g} max-h-[100dvh] sm:max-h-[90vh] border-0 shadow-2xl p-0 flex flex-col overflow-hidden`, children: [
     u === !0 ? /* @__PURE__ */ e("div", { className: "absolute top-0 left-0 right-0 z-10", children: /* @__PURE__ */ e(R, { indeterminate: !0, className: "h-1 rounded-none" }) }) : null,
-    /* @__PURE__ */ r(W, { className: "bg-gradient-to-r from-slate-900 to-purple-700 p-6 rounded-t-surface shrink-0", children: [
-      /* @__PURE__ */ r(X, { className: "text-2xl font-bold flex items-center gap-2 text-white", children: [
+    /* @__PURE__ */ r(W, { className: "bg-gradient-to-r from-slate-900 to-purple-700 p-4 sm:p-6 sm:rounded-t-surface shrink-0", children: [
+      /* @__PURE__ */ r(X, { className: "text-xl sm:text-2xl font-bold flex items-center gap-2 text-white", children: [
         f !== void 0 ? /* @__PURE__ */ e("div", { className: "p-2 bg-white/20 rounded-control", children: /* @__PURE__ */ e(f, { className: "size-4 text-white" }) }) : null,
         i(b)
       ] }),
-      m !== void 0 && m !== "" ? /* @__PURE__ */ e($, { className: "text-indigo-100 text-base", children: i(m) }) : null
+      d !== void 0 && d !== "" ? /* @__PURE__ */ e($, { className: "text-indigo-100 text-base", children: i(d) }) : null
     ] }),
     s != null ? /* @__PURE__ */ e("div", { className: "px-6  ", children: /* @__PURE__ */ r(Z, { variant: "destructive", className: "max-w-full", children: [
       /* @__PURE__ */ e(L, { className: "size-4" }),
       /* @__PURE__ */ e(_, { className: "break-words overflow-wrap-anywhere max-w-full", children: s.message })
     ] }) }) : null,
-    /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto px-6 py-4", children: p }),
-    n !== void 0 && n.length > 0 ? /* @__PURE__ */ e("div", { className: "rounded-b-surface border-t border-gray-200 dark:border-gray-700 shrink-0 p-6 light:bg-gradient-to-r light:from-gray-50 light:to-gray-100 dark:bg-gray-950", children: /* @__PURE__ */ e("div", { className: "flex justify-end gap-3", children: n.map((a, y) => /* @__PURE__ */ r(v, { variant: a.variant ?? "default", onClick: a.onClick, disabled: a.disabled === !0 || u === !0, children: [
+    /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto px-4 sm:px-6 py-4", children: p }),
+    n !== void 0 && n.length > 0 ? /* @__PURE__ */ e("div", { className: "sm:rounded-b-surface border-t border-gray-200 dark:border-gray-700 shrink-0 p-4 sm:p-6 light:bg-gradient-to-r light:from-gray-50 light:to-gray-100 dark:bg-gray-950", children: /* @__PURE__ */ e("div", { className: "flex justify-end gap-3", children: n.map((a, k) => /* @__PURE__ */ r(v, { variant: a.variant ?? "default", onClick: a.onClick, disabled: a.disabled === !0 || u === !0, children: [
       a.icon !== void 0 ? /* @__PURE__ */ e(a.icon, { className: "size-4" }) : null,
       i(a.label)
-    ] }, y)) }) }) : null
+    ] }, k)) }) }) : null
   ] }) });
 }
 function De({
@@ -47,29 +47,29 @@ function De({
   schema: p,
   onSave: i,
   customFooter: b,
-  defaultEditing: m = !1,
+  defaultEditing: d = !1,
   footerActions: f = !0,
   saveLabel: g = "Sauvegarder",
   cancelLabel: n = "Annuler",
   hideSaveIcon: a = !1,
-  maxWidth: y = "sm:max-w-4xl",
+  maxWidth: k = "sm:max-w-4xl",
   isLoading: h = !1
 }) {
-  const [N, x] = w(m), [o, A] = w(!1), [C, P] = w(null);
+  const [x, N] = y(d), [o, A] = y(!1), [C, P] = y(null);
   if (ee(() => {
-    t && x(m);
-  }, [t, m]), l == null) return null;
+    t && N(d);
+  }, [t, d]), l == null) return null;
   const z = () => {
-    N ? i !== void 0 && C && C() : x(!0);
-  }, k = () => {
-    x(!1);
+    x ? i !== void 0 && C && C() : N(!0);
+  }, w = () => {
+    N(!1);
   }, E = () => {
     i !== void 0 && C && C();
-  }, G = async (d) => {
+  }, G = async (m) => {
     if (i) {
       A(!0);
       try {
-        await i(d), x(!1);
+        await i(m), N(!1);
       } catch (K) {
         console.error(K);
       } finally {
@@ -77,9 +77,9 @@ function De({
       }
     }
   }, D = [];
-  i !== void 0 && (N ? (n !== "" && D.push({
+  i !== void 0 && (x ? (n !== "" && D.push({
     label: n,
-    onClick: k,
+    onClick: w,
     variant: "outline",
     disabled: o || h,
     icon: S
@@ -97,39 +97,39 @@ function De({
   }));
   const H = {
     title: u(l),
-    maxWidth: y,
+    maxWidth: k,
     actions: f ? D : []
   };
   return /* @__PURE__ */ e(
     re,
     {
       open: t,
-      onOpenChange: (d) => {
-        c(d), d || k();
+      onOpenChange: (m) => {
+        c(m), m || w();
       },
       config: H,
       isLoading: o || h,
-      children: /* @__PURE__ */ r("div", { className: "py-4", children: [
+      children: /* @__PURE__ */ r("div", { children: [
         s !== void 0 ? /* @__PURE__ */ e("div", { className: "mb-4", children: s(l) }) : null,
         /* @__PURE__ */ e(
           le,
           {
             schema: p,
             initialData: l,
-            disabled: !N,
-            onSubmit: (d) => {
-              G(d);
+            disabled: !x,
+            onSubmit: (m) => {
+              G(m);
             },
             renderActions: !1,
-            onRegisterSubmit: (d) => {
-              P(() => d);
+            onRegisterSubmit: (m) => {
+              P(() => m);
             },
             isLoading: o || h
           }
         ),
         b !== void 0 ? b(l) : null,
-        i !== void 0 && !f ? /* @__PURE__ */ e("div", { className: "flex justify-end gap-2 border-t pt-4 mt-6", children: N ? /* @__PURE__ */ r(M, { children: [
-          n !== "" ? /* @__PURE__ */ r(v, { onClick: k, variant: "outline", size: "sm", disabled: o || h, children: [
+        i !== void 0 && !f ? /* @__PURE__ */ e("div", { className: "flex justify-end gap-2 border-t pt-4 mt-6", children: x ? /* @__PURE__ */ r(M, { children: [
+          n !== "" ? /* @__PURE__ */ r(v, { onClick: w, variant: "outline", size: "sm", disabled: o || h, children: [
             /* @__PURE__ */ e(S, { className: "size-4 mr-2" }),
             n
           ] }) : null,
@@ -145,7 +145,7 @@ function De({
     }
   );
 }
-function ye({ isLoading: t, error: c, config: l, destructive: u = !1 }) {
+function ke({ isLoading: t, error: c, config: l, destructive: u = !1 }) {
   const { t: s } = O();
   if (!l) return null;
   const p = (i) => {
@@ -180,6 +180,6 @@ function ye({ isLoading: t, error: c, config: l, destructive: u = !1 }) {
 }
 export {
   re as A,
-  ye as C,
+  ke as C,
   De as F
 };

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,