npm - @krosoft/react - Versions diffs - 0.0.170 → 0.0.171 - Mend

@krosoft/react 0.0.170 → 0.0.171

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (49) hide show

package/README.md CHANGED Viewed

@@ -4,4 +4,30 @@
 Krosoft shared React package.
+## Radius des composants
+La forme des composants est pilotée par des variables CSS, pas par des classes `rounded-*` codées en dur : un input, un bouton et une pastille de filtre posés côte à côte ont toujours la même forme.
+Choisir un preset sur `<html>` :
+```html
+<html lang="fr" data-radius="round"></html>
+```
+| Preset            | Contrôles<br><small>boutons, inputs, selects, pastilles, badges</small> | Conteneurs<br><small>cards, dialogs, popovers, menus</small> |
+| ----------------- | ----------------------------------------------------------------------- | ------------------------------------------------------------ |
+| `square`          | `0`                                                                     | `0`                                                          |
+| `soft` _(défaut)_ | `0.5rem`                                                                | `0.75rem`                                                    |
+| `round`           | capsule                                                                 | `1.25rem`                                                    |
+Pour des valeurs sur mesure, aucun preset n'est nécessaire — il suffit de redéfinir les variables :
+```css
+:root {
+  --radius-control: 4px; /* contrôles */
+  --radius-surface: 16px; /* conteneurs */
+  --radius: 4px; /* éléments imbriqués : items de menu, checkbox */
+}
+```
+Story `Démos/Radius` pour comparer les presets, sélecteur **Radius** dans la barre d'outils Storybook pour les appliquer à n'importe quelle story.

package/dist/{AppActions-DCYt9I0e.js → AppActions-CwPaiNx1.js} RENAMED Viewed

@@ -1,14 +1,14 @@
 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-DY9wl0HW.js";
-import "./alert-B78CiTYe.js";
+import { ay as u, aM as t, aA as c, aH as g, aC as d } from "./toggle-group-DC5hqQ4H.js";
+import "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";
-import { B as p } from "./tooltip-BWyFpIxo.js";
+import { B as p } from "./tooltip-OY3E8Lo0.js";
 import "@radix-ui/react-collapsible";
-import "./sheet-Gop1cIaU.js";
+import "./sheet-DOncI9p6.js";
 import { MoreVerticalIcon as C } from "lucide-react";
 import "react-resizable-panels";
 import { c as i } from "./tailwind.helper-B6yFEsav.js";
-import "./select-MWzbMBAS.js";
+import "./select-BwcXfUqZ.js";
 import "next-themes";
 import "sonner";
 import "react";

package/dist/{AppSubTitle-DhioA5bv.js → AppSubTitle-6JLlE8Vf.js} RENAMED Viewed

@@ -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-DCYt9I0e.js";
+import { A as m } from "./AppActions-CwPaiNx1.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-DujFNh9f.js → AppVerticalTabs-BkZkxL_K.js} RENAMED Viewed

@@ -1,11 +1,11 @@
 import { jsxs as n, jsx as a } from "react/jsx-runtime";
-import { J as N, N as g, K as v, bN as y, bP as T, bQ as b, bO as w, bA as S } from "./toggle-group-DY9wl0HW.js";
-import { A as C } from "./AppActions-DCYt9I0e.js";
+import { J as N, N as g, K as v, bN as y, bP as T, bQ as b, bO as w, bA as S } from "./toggle-group-DC5hqQ4H.js";
+import { A as C } from "./AppActions-CwPaiNx1.js";
 import { A } from "./AppTitle-uboDuil4.js";
 import { useTranslation as x } from "react-i18next";
 import { useSearchParams as f } from "react-router-dom";
 import { c as P } from "./tailwind.helper-B6yFEsav.js";
-import { S as k, h as j, i as z, a as K, c as V } from "./select-MWzbMBAS.js";
+import { S as k, h as j, i as z, a as K, c as V } from "./select-BwcXfUqZ.js";
 import { ConstructionIcon as p } from "lucide-react";
 function L({ titleKey: s, descriptionKey: l, actions: c = [], className: t }) {
   return /* @__PURE__ */ n("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between", children: [
@@ -55,7 +55,7 @@ const E = ({ tabs: s, item: l }) => {
     /* @__PURE__ */ a("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__ */ a(S, { className: "h-full", children: /* @__PURE__ */ a("div", { className: "space-y-1", children: s.map((e, r) => /* @__PURE__ */ n(
       "div",
       {
-        className: `px-2 py-2 rounded-2xl text-sm transition-colors flex items-center gap-2 ${e.disabled ? "text-gray-400 cursor-not-allowed opacity-50" : i === e.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"}`,
+        className: `px-2 py-2 rounded-control text-sm transition-colors flex items-center gap-2 ${e.disabled ? "text-gray-400 cursor-not-allowed opacity-50" : i === e.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: () => !e.disabled && d(e.value),
         children: [
           e.icon && /* @__PURE__ */ a(e.icon, { className: "size-4" }),

package/dist/{ConfirmationDialog-CCZPbD4x.js → ConfirmationDialog-t5QtNOQO.js} RENAMED Viewed

@@ -1,28 +1,28 @@
 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-DY9wl0HW.js";
-import { A as Z, a as _ } from "./alert-B78CiTYe.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-DC5hqQ4H.js";
+import { A as Z, a as _ } from "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";
-import { B as v } from "./tooltip-BWyFpIxo.js";
+import { B as v } from "./tooltip-OY3E8Lo0.js";
 import "@radix-ui/react-collapsible";
-import "./sheet-Gop1cIaU.js";
+import "./sheet-DOncI9p6.js";
 import { AlertCircleIcon as L, X as S, Save as T, Pen as I } from "lucide-react";
 import "react-resizable-panels";
 import "clsx";
 import "tailwind-merge";
-import "./select-MWzbMBAS.js";
+import "./select-BwcXfUqZ.js";
 import "next-themes";
 import "sonner";
 import { useState as w, useEffect as ee } from "react";
 import { useTranslation as O } from "react-i18next";
-import { G as le } from "./GenericForm-EohJXOt8.js";
-import { E as ie } from "./ErrorAlert-DH1onuyt.js";
+import { G as le } from "./GenericForm-DXclmweK.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: [
     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-lg shrink-0", children: [
+    /* @__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: [
-        f !== void 0 ? /* @__PURE__ */ e("div", { className: "p-2 bg-white/20 rounded-lg", children: /* @__PURE__ */ e(f, { className: "size-4 text-white" }) }) : null,
+        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
@@ -32,7 +32,7 @@ function re({ open: t, onOpenChange: c, config: l, isLoading: u, error: s, child
       /* @__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-lg 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: [
+    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: [
       a.icon !== void 0 ? /* @__PURE__ */ e(a.icon, { className: "size-4" }) : null,
       i(a.label)
     ] }, y)) }) }) : null

package/dist/{DataTable-28eGRJvy.js → DataTable-C1l3CLr1.js} RENAMED Viewed

@@ -1,16 +1,16 @@
 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-DY9wl0HW.js";
-import "./alert-B78CiTYe.js";
+import { ay as B, aM as L, aA as V, aC as de, $ as O, az as ce } from "./toggle-group-DC5hqQ4H.js";
+import "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";
-import { B as v } from "./tooltip-BWyFpIxo.js";
+import { B as y } from "./tooltip-OY3E8Lo0.js";
 import "@radix-ui/react-collapsible";
-import "./sheet-Gop1cIaU.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 ye, SettingsIcon as ve } from "lucide-react";
+import "./sheet-DOncI9p6.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";
 import "react-resizable-panels";
 import "clsx";
 import "tailwind-merge";
-import { S as be, h as Ne, i as ke, a as Se, c as we } from "./select-MWzbMBAS.js";
+import { S as be, h as Ne, i as ke, a as Se, c as we } from "./select-BwcXfUqZ.js";
 import "next-themes";
 import "sonner";
 import "react";
@@ -25,7 +25,7 @@ function ze({ actions: n, row: t }) {
       var o;
       const m = r.icon;
       return /* @__PURE__ */ i(
-        v,
+        y,
         {
           variant: r.variant ?? "ghost",
           size: "sm",
@@ -43,7 +43,7 @@ function ze({ actions: n, row: t }) {
       );
     }),
     g.length > 0 && /* @__PURE__ */ i(B, { children: [
-      /* @__PURE__ */ e(L, { asChild: !0, children: /* @__PURE__ */ e(v, { 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(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,
         {
@@ -87,7 +87,7 @@ function De({
   selectedRows: o,
   toggleRowSelection: x,
   visibleColumnsArray: l,
-  columnWidths: y,
+  columnWidths: v,
   hasActions: C,
   actions: b,
   columns: z,
@@ -140,7 +140,7 @@ function De({
               "td",
               {
                 className: `px-2 py-2 relative ${k && !N ? "border-r border-gray-100 dark:border-gray-800" : ""} ${h.className ?? ""}`,
-                style: S ? { width: y[h.key] } : { minWidth: y[h.key] },
+                style: S ? { width: v[h.key] } : { minWidth: v[h.key] },
                 children: /* @__PURE__ */ e("div", { className: "w-full h-full", children: D(u, h.key) })
               },
               h.key
@@ -164,7 +164,7 @@ function De({
   }) });
 }
 function Ie({ selectedRows: n, setSelectedRows: t, bulkActions: a }) {
-  return /* @__PURE__ */ i("div", { className: "bg-muted/60 dark:bg-gray-900/60 border border-border px-3 py-1.5 flex items-center justify-between rounded-lg", children: [
+  return /* @__PURE__ */ i("div", { className: "bg-muted/60 dark:bg-gray-900/60 border border-border px-3 py-1.5 flex items-center justify-between rounded-surface", children: [
     /* @__PURE__ */ i("div", { className: "flex items-center gap-4", children: [
       /* @__PURE__ */ i("span", { className: "text-sm font-medium text-primary ml-1", children: [
         n.length,
@@ -173,7 +173,7 @@ function Ie({ selectedRows: n, setSelectedRows: t, bulkActions: a }) {
       /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: a.map((d, g) => {
         const r = d.icon;
         return /* @__PURE__ */ i(
-          v,
+          y,
           {
             variant: "outline",
             size: "sm",
@@ -193,7 +193,7 @@ function Ie({ selectedRows: n, setSelectedRows: t, bulkActions: a }) {
       }) })
     ] }),
     /* @__PURE__ */ e(
-      v,
+      y,
       {
         variant: "ghost",
         size: "sm",
@@ -218,7 +218,7 @@ function je({
   sortColumn: o,
   sortDirection: x,
   handleSort: l,
-  handleDragStart: y,
+  handleDragStart: v,
   handleDragOver: C,
   handleDrop: b,
   handleMouseDown: z,
@@ -245,7 +245,7 @@ function je({
           l(s.key);
         },
         onDragStart: (f) => {
-          I ? y(f, s.key) : f.preventDefault();
+          I ? v(f, s.key) : f.preventDefault();
         },
         onDragOver: (f) => {
           C(f, s.key);
@@ -317,11 +317,11 @@ function Me({
     ] }),
     /* @__PURE__ */ e("div", { className: "flex items-center justify-center gap-1", children: o > 1 && /* @__PURE__ */ i(ne, { children: [
       /* @__PURE__ */ e(
-        v,
+        y,
         {
           variant: "ghost",
           size: "icon",
-          className: "h-8 w-8 rounded-full",
+          className: "h-8 w-8 rounded-control",
           onClick: () => {
             c((l) => Math.max(1, l - 1));
           },
@@ -331,12 +331,12 @@ function Me({
         }
       ),
       x.map(
-        (l, y) => l === w ? /* @__PURE__ */ e("span", { className: "flex h-8 w-8 items-center justify-center text-sm text-muted-foreground", children: w }, `dots-${String(y)}`) : /* @__PURE__ */ e(
-          v,
+        (l, v) => l === w ? /* @__PURE__ */ e("span", { className: "flex h-8 w-8 items-center justify-center text-sm text-muted-foreground", children: w }, `dots-${String(v)}`) : /* @__PURE__ */ e(
+          y,
           {
             variant: l === r ? "default" : "ghost",
             size: "icon",
-            className: "h-8 w-8 rounded-full text-sm",
+            className: "h-8 w-8 rounded-control text-sm",
             onClick: () => {
               c(l);
             },
@@ -347,17 +347,17 @@ function Me({
         )
       ),
       /* @__PURE__ */ e(
-        v,
+        y,
         {
           variant: "ghost",
           size: "icon",
-          className: "h-8 w-8 rounded-full",
+          className: "h-8 w-8 rounded-control",
           onClick: () => {
             c((l) => Math.min(o, l + 1));
           },
           disabled: r === o,
           "aria-label": "Page suivante",
-          children: /* @__PURE__ */ e(ye, { className: "size-4" })
+          children: /* @__PURE__ */ e(ve, { className: "size-4" })
         }
       )
     ] }) }),
@@ -381,7 +381,7 @@ function Me({
 }
 function Te({ columns: n, visibleColumns: t, toggleColumnVisibility: a }) {
   return /* @__PURE__ */ i(B, { children: [
-    /* @__PURE__ */ e(L, { asChild: !0, children: /* @__PURE__ */ e(v, { 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(ve, { className: "size-3.5 text-gray-600 dark:text-gray-300" }) }) }),
+    /* @__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(
       ce,
       {
@@ -407,7 +407,7 @@ function Qe({
   columnVisibility: o = !1,
   isLoading: x = !1,
   error: l = null,
-  bordered: y = !1,
+  bordered: v = !1,
   noDataMessage: C = "Aucun résultat",
   defaultPageSize: b = Ce,
   pageSizeOptions: z = H,
@@ -465,72 +465,78 @@ function Qe({
     sortDirection: s,
     onSortChange: N
   });
-  return /* @__PURE__ */ i("div", { className: "space-y-4", children: [
-    f.length > 0 && r !== void 0 && r.length > 0 && /* @__PURE__ */ e(Ie, { selectedRows: f, setSelectedRows: U, bulkActions: r }),
-    /* @__PURE__ */ i("div", { className: "w-full bg-card dark:bg-gray-950 rounded-md border border-gray-200 dark:border-gray-800 overflow-hidden", children: [
-      /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ i("table", { ref: E, className: "w-full", children: [
-        /* @__PURE__ */ e(
-          je,
-          {
-            hasBulkActions: $,
-            selectedRows: f,
-            totalItems: n.length,
-            toggleSelectAll: te,
-            visibleColumnsArray: W,
-            draggableColumns: c,
-            resizableColumns: m,
-            columnWidths: M,
-            sortColumn: I,
-            sortDirection: A,
-            handleSort: Q,
-            handleDragStart: Y,
-            handleDragOver: Z,
-            handleDrop: K,
-            handleMouseDown: X,
-            hasActions: T,
-            bordered: y,
-            settingsNode: o ? /* @__PURE__ */ e(Te, { columns: t, visibleColumns: F, toggleColumnVisibility: ee }) : void 0
-          }
-        ),
+  return (
+    // Le tableau suit le preset de l'application — square reste square — mais
+    // bascule sur les valeurs plafonnées : ni ses contrôles ni son cadre ne
+    // prennent la forme capsule. Le scope couvre le cadre, les actions
+    // groupées et la pagination. Les fallbacks correspondent au preset "soft".
+    /* @__PURE__ */ i("div", { className: "space-y-4 [--radius-control:var(--radius-control-dense,0.5rem)] [--radius-surface:var(--radius-surface-dense,0.75rem)]", children: [
+      f.length > 0 && r !== void 0 && r.length > 0 && /* @__PURE__ */ e(Ie, { selectedRows: f, setSelectedRows: U, bulkActions: r }),
+      /* @__PURE__ */ i("div", { className: "w-full bg-card dark:bg-gray-950 rounded-surface border border-gray-200 dark:border-gray-800 overflow-hidden", children: [
+        /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ i("table", { ref: E, className: "w-full", children: [
+          /* @__PURE__ */ e(
+            je,
+            {
+              hasBulkActions: $,
+              selectedRows: f,
+              totalItems: n.length,
+              toggleSelectAll: te,
+              visibleColumnsArray: W,
+              draggableColumns: c,
+              resizableColumns: m,
+              columnWidths: M,
+              sortColumn: I,
+              sortDirection: A,
+              handleSort: Q,
+              handleDragStart: Y,
+              handleDragOver: Z,
+              handleDrop: K,
+              handleMouseDown: X,
+              hasActions: T,
+              bordered: v,
+              settingsNode: o ? /* @__PURE__ */ e(Te, { columns: t, visibleColumns: F, toggleColumnVisibility: ee }) : void 0
+            }
+          ),
+          /* @__PURE__ */ e(
+            De,
+            {
+              bordered: v,
+              isLoading: x,
+              error: l,
+              colSpanCount: J,
+              noDataMessage: C,
+              paginatedData: P,
+              getRowId: a,
+              onRowClick: d,
+              hasBulkActions: $,
+              selectedRows: f,
+              toggleRowSelection: re,
+              visibleColumnsArray: W,
+              columnWidths: M,
+              hasActions: T || o,
+              actions: g,
+              columns: t,
+              resizableColumns: m
+            }
+          )
+        ] }) }),
         /* @__PURE__ */ e(
-          De,
+          Me,
           {
-            bordered: y,
-            isLoading: x,
-            error: l,
-            colSpanCount: J,
-            noDataMessage: C,
-            paginatedData: P,
-            getRowId: a,
-            onRowClick: d,
-            hasBulkActions: $,
-            selectedRows: f,
-            toggleRowSelection: re,
-            visibleColumnsArray: W,
-            columnWidths: M,
-            hasActions: T || o,
-            actions: g,
-            columns: t,
-            resizableColumns: m
+            totalItems: k ?? n.length,
+            startIndex: _,
+            endIndex: q,
+            pageSize: ae,
+            setPageSize: se,
+            currentPage: G,
+            setCurrentPage: ie,
+            pageSizeOptions: z,
+            totalPages: R
           }
         )
-      ] }) }),
-      /* @__PURE__ */ e(
-        Me,
-        {
-          totalItems: k ?? n.length,
-          startIndex: _,
-          endIndex: q,
-          pageSize: ae,
-          setPageSize: se,
-          currentPage: G,
-          setCurrentPage: ie,
-          pageSizeOptions: z,
-          totalPages: R
-        }
-      )
+      ] })
     ] })
-  ] });
+  );
 }
 export {
   Qe as D,

package/dist/{ErrorAlert-DH1onuyt.js → ErrorAlert-SrIcU1mM.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as s } from "react/jsx-runtime";
-import { A as n, a as t } from "./alert-B78CiTYe.js";
+import { A as n, a as t } from "./alert-B9F1N9Qk.js";
 import { AlertTriangle as a } from "lucide-react";
 const o = ({ error: e }) => e ? /* @__PURE__ */ r(n, { variant: "destructive", children: [
   /* @__PURE__ */ s(a, { className: "size-4" }),

package/dist/{ErrorState-vU8d4CwD.js → ErrorState-CmaxuJyW.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
-const s = ({ message: e }) => /* @__PURE__ */ t("div", { className: "p-6 border border-destructive bg-destructive/10 text-destructive rounded-md animate-fade-in", children: [
+const d = ({ message: e }) => /* @__PURE__ */ t("div", { className: "p-6 border border-destructive bg-destructive/10 text-destructive rounded-surface animate-fade-in", children: [
   /* @__PURE__ */ r("p", { className: "font-semibold mb-2", children: "Une erreur est survenue." }),
   e !== void 0 && e !== "" ? /* @__PURE__ */ r("p", { className: "text-sm opacity-80", children: e }) : null
 ] });
 export {
-  s as E
+  d as E
 };

package/dist/{GenericForm-EohJXOt8.js → GenericForm-DXclmweK.js} RENAMED Viewed

@@ -1,17 +1,17 @@
 import { jsx as r, jsxs as o } from "react/jsx-runtime";
-import { I as J } from "./ImageInput-Bbxr8vpu.js";
-import { A as V } from "./AppSubTitle-DhioA5bv.js";
-import { M as Q } from "./MultiSelect-B72dsN-1.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-DY9wl0HW.js";
-import "./alert-B78CiTYe.js";
+import { I as J } from "./ImageInput-BqoCekqh.js";
+import { A as V } from "./AppSubTitle-6JLlE8Vf.js";
+import { M as Q } from "./MultiSelect-BFdaRnIO.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-DC5hqQ4H.js";
+import "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";
-import { B as M } from "./tooltip-BWyFpIxo.js";
+import { B as M } from "./tooltip-OY3E8Lo0.js";
 import "@radix-ui/react-collapsible";
-import { I as k } from "./sheet-Gop1cIaU.js";
+import { I as k } from "./sheet-DOncI9p6.js";
 import "lucide-react";
 import "react-resizable-panels";
 import { c as i } from "./tailwind.helper-B6yFEsav.js";
-import { S as ae, h as re, i as se, a as ne, c as le } from "./select-MWzbMBAS.js";
+import { S as ae, h as re, i as se, a as ne, c as le } from "./select-BwcXfUqZ.js";
 import "next-themes";
 import "sonner";
 import { u as ce } from "./useToast-BFTk4lWz.js";

package/dist/{ImageInput-Bbxr8vpu.js → ImageInput-BqoCekqh.js} RENAMED Viewed

@@ -1,40 +1,40 @@
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import "./toggle-group-DY9wl0HW.js";
-import "./alert-B78CiTYe.js";
+import "./toggle-group-DC5hqQ4H.js";
+import "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";
-import { B as x } from "./tooltip-BWyFpIxo.js";
+import { B as x } from "./tooltip-OY3E8Lo0.js";
 import "@radix-ui/react-collapsible";
-import "./sheet-Gop1cIaU.js";
+import "./sheet-DOncI9p6.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-MWzbMBAS.js";
+import "./select-BwcXfUqZ.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: l, accept: n = "image/jpeg,image/png,image/webp", maxSizeMB: s = 2, disabled: a = !1, className: p = "", hint: c = "JPG, PNG, WEBP" }, f) => {
-    const { showError: m } = j(), r = y(null), h = (g) => {
+  ({ 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 = g.target.files) == null ? void 0 : d[0];
+      const t = (d = b.target.files) == null ? void 0 : d[0];
       if (!t) return;
-      if (!n.split(",").map((b) => b.trim()).includes(t.type)) {
-        m("Erreur", `Seuls les fichiers ${c} sont acceptés`), r.current && (r.current.value = "");
+      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;
       }
-      l(t), r.current && (r.current.value = "");
+      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-lg overflow-hidden border-2 border-border", children: [
+    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" }),
-      !a && /* @__PURE__ */ e(x, { type: "button", variant: "destructive", size: "sm", className: "absolute top-1 right-1 h-6 w-6 p-0", onClick: () => {
-        l(null);
+      !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" }) })
-    ] }) : a ? /* @__PURE__ */ o("div", { className: u("flex flex-col items-center justify-center w-full h-32", "border-2 border-dashed border-border rounded-lg", "bg-muted/30"), children: [
+    ] }) : 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(
@@ -42,19 +42,19 @@ const R = I(
       {
         className: u(
           "flex flex-col items-center justify-center w-full h-32",
-          "border-2 border-dashed border-border rounded-lg",
+          "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: [
-            c,
+            l,
             " (max ",
             s,
             "MB)"
           ] }),
-          /* @__PURE__ */ e("input", { ref: r, type: "file", className: "hidden", accept: n, onChange: h })
+          /* @__PURE__ */ e("input", { ref: r, type: "file", className: "hidden", accept: a, onChange: h })
         ]
       }
     ) });

package/dist/KpiCardsLayout-BhEoJhJ9.js ADDED Viewed

@@ -0,0 +1,49 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import "./toggle-group-DC5hqQ4H.js";
+import "./alert-B9F1N9Qk.js";
+import "@radix-ui/react-aspect-ratio";
+import { B as c } from "./tooltip-OY3E8Lo0.js";
+import "@radix-ui/react-collapsible";
+import "./sheet-DOncI9p6.js";
+import { ArrowLeftIcon as l } from "lucide-react";
+import "react-resizable-panels";
+import "clsx";
+import "tailwind-merge";
+import "./select-BwcXfUqZ.js";
+import "next-themes";
+import "sonner";
+import "react";
+import { A as f } from "./AppActions-CwPaiNx1.js";
+import { A as u } from "./AppTitle-uboDuil4.js";
+import { u as d } from "./useDocumentTitle-WNwdPz-I.js";
+import { useTranslation as x } from "react-i18next";
+import "@krosoft/core/helpers";
+import { b as g, a as h } from "./SkeletonCards-DemfjUfD.js";
+import { E as A } from "./ErrorState-CmaxuJyW.js";
+function M({
+  icon: t,
+  titleKey: e,
+  descriptionKey: i,
+  actions: a,
+  onBack: s,
+  renderPreActions: m,
+  className: p
+}) {
+  const { t: n } = x();
+  return d(n(e)), /* @__PURE__ */ o("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between gap-4", children: [
+    /* @__PURE__ */ o("div", { className: "flex items-center gap-4", children: [
+      s && /* @__PURE__ */ r(c, { variant: "ghost", size: "icon", onClick: s, children: /* @__PURE__ */ r(l, { className: "h-4 w-4" }) }),
+      t && /* @__PURE__ */ r("div", { className: "size-12 bg-blue-100 rounded-control flex items-center justify-center", children: /* @__PURE__ */ r(t, { className: "h-6 w-6 text-blue-600" }) }),
+      /* @__PURE__ */ r(u, { titleKey: e, descriptionKey: i })
+    ] }),
+    /* @__PURE__ */ o("div", { className: "flex items-center gap-4", children: [
+      m && m(),
+      /* @__PURE__ */ r(f, { actions: a, className: p })
+    ] })
+  ] });
+}
+const O = ({ stats: t, isLoading: e, error: i }) => e ? /* @__PURE__ */ r(g, { count: 4 }) : i ? /* @__PURE__ */ r(A, { message: i.message }) : /* @__PURE__ */ r(h, { stats: t });
+export {
+  M as A,
+  O as K
+};