@krosoft/react 0.0.183 → 0.0.184

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

@@ -1,11 +1,12 @@
 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-D2Li0iBJ.js";
+import { am as u, aA as t, ao as c, av as g, aq as d } from "./toggle-group-D6aFQQcf.js";
 import "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";
 import { B as p } from "./tooltip-DVeqVwqV.js";
+import "./chart-DntJZGxB.js";
 import "@radix-ui/react-collapsible";
 import "./sheet-B_uq6-K_.js";
-import { MoreVerticalIcon as C } from "lucide-react";
+import { MoreVerticalIcon as v } from "lucide-react";
 import "react-resizable-panels";
 import { c as i } from "./tailwind.helper-B6yFEsav.js";
 import "./select-BpjFWqAY.js";
@@ -13,11 +14,11 @@ import "next-themes";
 import "sonner";
 import "react";
 import { useTranslation as h } from "react-i18next";
-import { u as v } from "./useMobile-DN1_OMDB.js";
-function E({ actions: o, className: b }) {
-  const { t: m } = h(), N = v();
+import { u as C } from "./useMobile-DN1_OMDB.js";
+function G({ actions: o, className: b }) {
+  const { t: m } = h(), N = C();
   return !o || o.length === 0 ? null : N ? /* @__PURE__ */ n(u, { children: [
-    /* @__PURE__ */ l(t, { asChild: !0, children: /* @__PURE__ */ l(p, { variant: "outline", size: "icon", children: /* @__PURE__ */ l(C, { className: "size-4" }) }) }),
+    /* @__PURE__ */ l(t, { asChild: !0, children: /* @__PURE__ */ l(p, { variant: "outline", size: "icon", children: /* @__PURE__ */ l(v, { className: "size-4" }) }) }),
     /* @__PURE__ */ l(c, { align: "end", className: "min-w-48", children: o.map((r, e) => r ? r.children && r.children.length > 0 ? /* @__PURE__ */ n("div", { children: [
       e > 0 && /* @__PURE__ */ l(g, {}),
       r.children.map((s, a) => s ? /* @__PURE__ */ n(
@@ -71,5 +72,5 @@ function E({ actions: o, className: b }) {
   ) : null) }))(o);
 }
 export {
-  E as A
+  G as A
 };

package/dist/{AppSubTitle-Co9HDBO4.js → AppSubTitle-CZN_tmfv.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-DtdwQdm-.js";
+import { A as m } from "./AppActions-DZ7wVdmt.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 → AppVerticalTabs-C1SsBNAH.js}

@@ -1,37 +1,38 @@
 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 { C as b, d as w, a as S } from "./chart-DntJZGxB.js";
+import { A as C } from "./AppActions-DZ7wVdmt.js";
+import { A as T } from "./AppTitle-D15YXeMx.js";
+import { bB as A, bD as P, bE as k, bC as j, bo as z } from "./toggle-group-D6aFQQcf.js";
+import { useRef as V, useEffect as R } 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 { c as q } from "./tailwind.helper-B6yFEsav.js";
+import { S as I, h as K, i as L, a as D, c as E } from "./select-BpjFWqAY.js";
 import { ConstructionIcon as v } from "lucide-react";
-function D({ titleKey: n, descriptionKey: l, actions: t = [], className: c }) {
+function H({ 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 })
+    /* @__PURE__ */ s(T, { titleKey: n, descriptionKey: l, isSubTitle: !0 }),
+    /* @__PURE__ */ s(C, { actions: t, className: c })
   ] });
 }
-function X({ titleKey: n, descriptionKey: l, actions: t = [], className: c, children: o, isSubTitle: p }) {
+function Y({ 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(w, { children: /* @__PURE__ */ s(H, { 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 }) {
+function Z({ 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(() => {
+  return R(() => {
     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: [
+  }, [f]), /* @__PURE__ */ r(A, { value: f, onValueChange: x, children: [
+    /* @__PURE__ */ s(P, { ref: m, className: q("w-full justify-start", c && "sm:w-fit"), children: n.map((e) => /* @__PURE__ */ r(k, { 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: [
@@ -40,10 +41,10 @@ function Y({ tabs: n, itemId: l, item: t, fit: c }) {
         ")"
       ] }) : null
     ] }, e.value)) }),
-    n.map((e) => /* @__PURE__ */ s(P, { value: e.value, className: "mt-4", children: e.component ? e.component(l) : null }, e.value))
+    n.map((e) => /* @__PURE__ */ s(j, { value: e.value, className: "mt-4", children: e.component ? e.component(l) : null }, e.value))
   ] });
 }
-const Z = ({ tabs: n, item: l }) => {
+const _ = ({ 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();
@@ -57,7 +58,7 @@ const Z = ({ tabs: n, item: l }) => {
     /* @__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(
+    /* @__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(z, { 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"}`,
@@ -75,9 +76,9 @@ const Z = ({ tabs: n, item: l }) => {
       },
       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: [
+    /* @__PURE__ */ s("div", { className: "md:hidden w-full border-b pb-4 mb-4", children: /* @__PURE__ */ r(I, { value: i, onValueChange: h, children: [
+      /* @__PURE__ */ s(K, { className: "w-full", children: /* @__PURE__ */ s(L, { placeholder: "Sélectionner une section" }) }),
+      /* @__PURE__ */ s(D, { children: n.map((a, e) => /* @__PURE__ */ s(E, { 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: [
@@ -92,8 +93,8 @@ const Z = ({ tabs: n, item: l }) => {
   ] });
 };
 export {
-  X as A,
-  D as a,
-  Y as b,
-  Z as c
+  Y as A,
+  H as a,
+  Z as b,
+  _ as c
 };

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

@@ -1,8 +1,9 @@
 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-D2Li0iBJ.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-D6aFQQcf.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";
+import "./chart-DntJZGxB.js";
 import "@radix-ui/react-collapsible";
 import "./sheet-B_uq6-K_.js";
 import { AlertCircleIcon as L, X as S, Save as T, Pen as I } from "lucide-react";
@@ -14,7 +15,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-ClzOIaJc.js";
+import { G as le } from "./GenericForm-DtY0moOD.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;
@@ -38,7 +39,7 @@ function re({ open: t, onOpenChange: c, config: l, isLoading: u, error: s, child
     ] }, k)) }) }) : null
   ] }) });
 }
-function De({
+function ke({
   open: t,
   onOpenChange: c,
   data: l,
@@ -145,7 +146,7 @@ function De({
     }
   );
 }
-function ke({ isLoading: t, error: c, config: l, destructive: u = !1 }) {
+function we({ isLoading: t, error: c, config: l, destructive: u = !1 }) {
   const { t: s } = O();
   if (!l) return null;
   const p = (i) => {
@@ -180,6 +181,6 @@ function ke({ isLoading: t, error: c, config: l, destructive: u = !1 }) {
 }
 export {
   re as A,
-  ke as C,
-  De as F
+  we as C,
+  ke as F
 };

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

@@ -1,9 +1,10 @@
 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-D2Li0iBJ.js";
+import { am as B, aA as L, ao as O, aq as de, O as V, an as ce } from "./toggle-group-D6aFQQcf.js";
 import "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";
 import { B as y } from "./tooltip-DVeqVwqV.js";
+import "./chart-DntJZGxB.js";
 import "@radix-ui/react-collapsible";
 import "./sheet-B_uq6-K_.js";
 import { MoreVerticalIcon as oe, Loader2Icon as he, AlertTriangleIcon as me, GripVerticalIcon as ge, ArrowUpIcon as ue, ArrowDownIcon as fe, ArrowUpDownIcon as pe, ChevronLeftIcon as xe, ChevronRightIcon as ve, SettingsIcon as ye } from "lucide-react";
@@ -45,7 +46,7 @@ function ze({ actions: n, row: t }) {
     g.length > 0 && /* @__PURE__ */ i(B, { children: [
       /* @__PURE__ */ e(L, { asChild: !0, children: /* @__PURE__ */ e(y, { variant: "ghost", size: "icon", className: "h-7 w-7 text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ e(oe, { className: "size-3.5" }) }) }),
       /* @__PURE__ */ e(
-        V,
+        O,
         {
           align: "end",
           onClick: (r) => {
@@ -124,7 +125,7 @@ function De({
                 h.stopPropagation();
               },
               children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ e(
-                O,
+                V,
                 {
                   checked: o.includes(p),
                   onCheckedChange: () => {
@@ -276,7 +277,7 @@ function je({
     );
   };
   return /* @__PURE__ */ e("thead", { className: "bg-muted/50 dark:bg-gray-900/50 border-b border-gray-200 dark:border-gray-800", children: /* @__PURE__ */ i("tr", { children: [
-    n ? /* @__PURE__ */ e("th", { className: "p-1 flex-shrink-0 text-center align-middle", style: { width: "32px", minWidth: "32px", maxWidth: "32px" }, children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ e(O, { checked: u, onCheckedChange: d }) }) }) : null,
+    n ? /* @__PURE__ */ e("th", { className: "p-1 flex-shrink-0 text-center align-middle", style: { width: "32px", minWidth: "32px", maxWidth: "32px" }, children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ e(V, { checked: u, onCheckedChange: d }) }) }) : null,
     g.map((s) => h(s, r)),
     k || S !== void 0 ? /* @__PURE__ */ e("th", { className: "p-1 text-center align-middle", style: { minWidth: "32px" }, children: S }) : null
   ] }) });
@@ -297,7 +298,7 @@ function Ae(n, t, a = 1) {
   }
   return [1, w, ...j(g, r), w, t];
 }
-function Me({
+function Te({
   totalItems: n,
   startIndex: t,
   endIndex: a,
@@ -379,10 +380,10 @@ function Me({
     ) })
   ] });
 }
-function Te({ columns: n, visibleColumns: t, toggleColumnVisibility: a }) {
+function Me({ columns: n, visibleColumns: t, toggleColumnVisibility: a }) {
   return /* @__PURE__ */ i(B, { children: [
     /* @__PURE__ */ e(L, { asChild: !0, children: /* @__PURE__ */ e(y, { variant: "outline", size: "sm", className: "size-7 p-0 bg-white hover:bg-gray-100 dark:bg-gray-900 shadow-sm border-gray-200 dark:border-gray-800", children: /* @__PURE__ */ e(ye, { className: "size-3.5 text-gray-600 dark:text-gray-300" }) }) }),
-    /* @__PURE__ */ e(V, { align: "end", className: "w-56", children: n.map((d) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e(O, { align: "end", className: "w-56", children: n.map((d) => /* @__PURE__ */ e(
       ce,
       {
         checked: t.has(d.key),
@@ -395,7 +396,7 @@ function Te({ columns: n, visibleColumns: t, toggleColumnVisibility: a }) {
     )) })
   ] });
 }
-function Qe({
+function Xe({
   data: n,
   columns: t,
   getRowId: a,
@@ -425,14 +426,14 @@ function Qe({
     sortDirection: A,
     selectedRows: f,
     setSelectedRows: U,
-    visibleColumns: F,
-    columnWidths: M,
-    safeCurrentPage: G,
-    totalPages: R,
-    startIndex: _,
-    endIndex: q,
+    visibleColumns: q,
+    columnWidths: T,
+    safeCurrentPage: F,
+    totalPages: G,
+    startIndex: R,
+    endIndex: _,
     tableRef: E,
-    hasActions: T,
+    hasActions: M,
     hasBulkActions: $,
     visibleColumnsArray: W,
     colSpanCount: J,
@@ -484,7 +485,7 @@ function Qe({
               visibleColumnsArray: W,
               draggableColumns: c,
               resizableColumns: m,
-              columnWidths: M,
+              columnWidths: T,
               sortColumn: I,
               sortDirection: A,
               handleSort: Q,
@@ -492,9 +493,9 @@ function Qe({
               handleDragOver: Z,
               handleDrop: K,
               handleMouseDown: X,
-              hasActions: T,
+              hasActions: M,
               bordered: v,
-              settingsNode: o ? /* @__PURE__ */ e(Te, { columns: t, visibleColumns: F, toggleColumnVisibility: ee }) : void 0
+              settingsNode: o ? /* @__PURE__ */ e(Me, { columns: t, visibleColumns: q, toggleColumnVisibility: ee }) : void 0
             }
           ),
           /* @__PURE__ */ e(
@@ -512,8 +513,8 @@ function Qe({
               selectedRows: f,
               toggleRowSelection: re,
               visibleColumnsArray: W,
-              columnWidths: M,
-              hasActions: T || o,
+              columnWidths: T,
+              hasActions: M || o,
               actions: g,
               columns: t,
               resizableColumns: m
@@ -521,17 +522,17 @@ function Qe({
           )
         ] }) }),
         /* @__PURE__ */ e(
-          Me,
+          Te,
           {
             totalItems: k ?? n.length,
-            startIndex: _,
-            endIndex: q,
+            startIndex: R,
+            endIndex: _,
             pageSize: ae,
             setPageSize: se,
-            currentPage: G,
+            currentPage: F,
             setCurrentPage: ie,
             pageSizeOptions: z,
-            totalPages: R
+            totalPages: G
           }
         )
       ] })
@@ -539,11 +540,11 @@ function Qe({
   );
 }
 export {
-  Qe as D,
+  Xe as D,
   ze as T,
   De as a,
   Ie as b,
   je as c,
-  Me as d,
-  Te as e
+  Te as d,
+  Me as e
 };