@krosoft/react 0.0.176 → 0.0.178

package/README.md

@@ -4,6 +4,26 @@
 
 Krosoft shared React package.
 
+## Preset Tailwind
+
+Le preset partagé apporte le `darkMode`, le `container`, les couleurs shadcn (`--primary`, `--background`, `--border`, `--sidebar-*`…), les couleurs krosoft (`--k-success`, `--k-topbar-*`…), les radius, les keyframes accordéon et le plugin `tailwindcss-animate`. Un projet consommateur qui déclarait tout ça dans son propre `tailwind.config` peut supprimer ces lignes et ne garder que ce qui lui est propre.
+
+```ts
+import krosoftPreset, { krosoftContent } from "@krosoft/react/tailwind";
+
+export default {
+  presets: [krosoftPreset],
+  content: [...krosoftContent, "./src/**/*.{ts,tsx}"],
+  theme: {
+    extend: {
+      // uniquement les tokens propres au projet
+    },
+  },
+} satisfies Config;
+```
+
+> **`krosoftContent` n'est pas optionnel.** Tailwind n'additionne pas les `content` : celui du projet écrase purement et simplement celui de ses presets. Le preset ne peut donc pas déclarer les fichiers à scanner pour lui — sans le spread, aucune classe des composants du package n'est générée (`rounded-control`, `bg-topbar`, `animate-in`…) et ils s'affichent sans style.
+
 ## 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.

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

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

package/dist/{AppSubTitle-6JLlE8Vf.js → AppSubTitle-ChCtQ7Sv.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-CwPaiNx1.js";
+import { A as m } from "./AppActions-DEkRxBia.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-BkZkxL_K.js → AppVerticalTabs-BSU6M8OU.js}

@@ -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-DC5hqQ4H.js";
-import { A as C } from "./AppActions-CwPaiNx1.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-D6c-gM1D.js";
+import { A as C } from "./AppActions-DEkRxBia.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-BwcXfUqZ.js";
+import { S as k, h as j, i as z, a as K, c as V } from "./select-BpjFWqAY.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: [

package/dist/{ConfirmationDialog-t5QtNOQO.js → ConfirmationDialog-Ht4e-1Lg.js}

@@ -1,20 +1,20 @@
 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-DC5hqQ4H.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-D6c-gM1D.js";
 import { A as Z, a as _ } from "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";
-import { B as v } from "./tooltip-OY3E8Lo0.js";
+import { B as v } from "./tooltip-DVeqVwqV.js";
 import "@radix-ui/react-collapsible";
-import "./sheet-DOncI9p6.js";
+import "./sheet-B_uq6-K_.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-BwcXfUqZ.js";
+import "./select-BpjFWqAY.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-DXclmweK.js";
+import { G as le } from "./GenericForm-COQEdT9e.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;

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

@@ -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-DC5hqQ4H.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 "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";
-import { B as y } from "./tooltip-OY3E8Lo0.js";
+import { B as y } from "./tooltip-DVeqVwqV.js";
 import "@radix-ui/react-collapsible";
-import "./sheet-DOncI9p6.js";
+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";
 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-BwcXfUqZ.js";
+import { S as be, h as Ne, i as ke, a as Se, c as we } from "./select-BpjFWqAY.js";
 import "next-themes";
 import "sonner";
 import "react";

package/dist/{GenericForm-DXclmweK.js → GenericForm-COQEdT9e.js}

@@ -1,17 +1,17 @@
 import { jsx as r, jsxs as o } from "react/jsx-runtime";
-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 { I as J } from "./ImageInput-BoYUZx9H.js";
+import { A as V } from "./AppSubTitle-ChCtQ7Sv.js";
+import { M as Q } from "./MultiSelect-DF7-91OW.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 "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";
-import { B as M } from "./tooltip-OY3E8Lo0.js";
+import { B as M } from "./tooltip-DVeqVwqV.js";
 import "@radix-ui/react-collapsible";
-import { I as k } from "./sheet-DOncI9p6.js";
+import { I as k } from "./sheet-B_uq6-K_.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-BwcXfUqZ.js";
+import { S as ae, h as re, i as se, a as ne, c as le } from "./select-BpjFWqAY.js";
 import "next-themes";
 import "sonner";
 import { u as ce } from "./useToast-BFTk4lWz.js";

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

@@ -1,14 +1,14 @@
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import "./toggle-group-DC5hqQ4H.js";
+import "./toggle-group-D6c-gM1D.js";
 import "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";
-import { B as x } from "./tooltip-OY3E8Lo0.js";
+import { B as x } from "./tooltip-DVeqVwqV.js";
 import "@radix-ui/react-collapsible";
-import "./sheet-DOncI9p6.js";
+import "./sheet-B_uq6-K_.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-BwcXfUqZ.js";
+import "./select-BpjFWqAY.js";
 import "next-themes";
 import "sonner";
 import { forwardRef as I, useRef as y } from "react";

package/dist/{KpiCardsLayout-BhEoJhJ9.js → KpiCardsLayout-C4Ds3BEl.js}

@@ -1,24 +1,24 @@
 import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import "./toggle-group-DC5hqQ4H.js";
+import "./toggle-group-D6c-gM1D.js";
 import "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";
-import { B as c } from "./tooltip-OY3E8Lo0.js";
+import { B as c } from "./tooltip-DVeqVwqV.js";
 import "@radix-ui/react-collapsible";
-import "./sheet-DOncI9p6.js";
+import "./sheet-B_uq6-K_.js";
 import { ArrowLeftIcon as l } from "lucide-react";
 import "react-resizable-panels";
 import "clsx";
 import "tailwind-merge";
-import "./select-BwcXfUqZ.js";
+import "./select-BpjFWqAY.js";
 import "next-themes";
 import "sonner";
 import "react";
-import { A as f } from "./AppActions-CwPaiNx1.js";
+import { A as f } from "./AppActions-DEkRxBia.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 { b as g, a as h } from "./SkeletonCards-BvJYF_LK.js";
 import { E as A } from "./ErrorState-CmaxuJyW.js";
 function M({
   icon: t,

package/dist/{MetricCard-C7kgpgRl.js → MetricCard-CvQFjIOb.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-DC5hqQ4H.js";
+import { J as l, N as h, O as m, K as g } from "./toggle-group-D6c-gM1D.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-BFdaRnIO.js → MultiSelect-DF7-91OW.js}

@@ -1,45 +1,45 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
 import { useState as k, useRef as w, useMemo as N, useEffect as y } from "react";
-import { $ as C } from "./toggle-group-DC5hqQ4H.js";
+import { $ as C } from "./toggle-group-D6c-gM1D.js";
 import "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";
-import "./tooltip-OY3E8Lo0.js";
+import { f as L } from "./tooltip-DVeqVwqV.js";
 import "@radix-ui/react-collapsible";
-import "./sheet-DOncI9p6.js";
-import { XIcon as L, ChevronDownIcon as R, SearchIcon as T } from "lucide-react";
+import "./sheet-B_uq6-K_.js";
+import { XIcon as R, ChevronDownIcon as j, SearchIcon as D } from "lucide-react";
 import "react-resizable-panels";
 import { c as z } from "./tailwind.helper-B6yFEsav.js";
-import "./select-BwcXfUqZ.js";
+import "./select-BpjFWqAY.js";
 import "next-themes";
 import "sonner";
-const J = ({
+const K = ({
   options: i,
   selected: n,
-  onToggle: h,
+  onToggle: g,
   onClear: d,
   onSelectAll: u,
   placeholder: E = "Sélectionner...",
   searchable: m = !1,
-  searchPlaceholder: j = "Rechercher...",
+  searchPlaceholder: T = "Rechercher...",
   disabled: f = !1
 }) => {
-  const [c, p] = k(""), [a, b] = k(!1), g = w(null), x = w(null), o = N(() => c === "" ? i : i.filter((e) => e.label.toLowerCase().includes(c.toLowerCase())), [i, c]), v = N(() => o.length === 0 ? !1 : o.every((e) => n.includes(e.value)), [o, n]);
+  const [c, h] = k(""), [a, b] = k(!1), p = w(null), v = w(null), o = N(() => c === "" ? i : i.filter((e) => e.label.toLowerCase().includes(c.toLowerCase())), [i, c]), x = N(() => o.length === 0 ? !1 : o.every((e) => n.includes(e.value)), [o, n]);
   y(() => {
     a && m && requestAnimationFrame(() => {
       var e;
-      (e = x.current) == null || e.focus();
+      (e = v.current) == null || e.focus();
     });
   }, [a, m]), y(() => {
     if (!a) return;
     const e = (t) => {
-      g.current !== null && !g.current.contains(t.target) && (b(!1), p(""));
+      p.current !== null && !p.current.contains(t.target) && (b(!1), h(""));
     };
     return document.addEventListener("mousedown", e), () => {
       document.removeEventListener("mousedown", e);
     };
   }, [a]);
   const I = () => {
-    if (v) {
+    if (x) {
       const e = o.map((s) => s.value), t = n.filter((s) => !e.includes(s));
       u !== void 0 ? u(t) : d();
     } else {
@@ -47,24 +47,20 @@ const J = ({
       o.forEach((t) => {
         e.includes(t.value) || e.push(t.value);
       }), u !== void 0 ? u(e) : o.forEach((t) => {
-        n.includes(t.value) || h(t.value);
+        n.includes(t.value) || g(t.value);
       });
     }
   };
-  return /* @__PURE__ */ l("div", { ref: g, className: "relative w-full", children: [
+  return /* @__PURE__ */ l("div", { ref: p, className: "relative w-full", children: [
     /* @__PURE__ */ l(
       "button",
       {
         type: "button",
         disabled: f,
         onClick: () => {
-          f || b((e) => (e && p(""), !e));
+          f || b((e) => (e && h(""), !e));
         },
-        className: z(
-          "flex h-10 w-full items-center justify-between rounded-control border border-input bg-background px-3 py-2 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-          a && "ring-2 ring-ring ring-offset-2",
-          n.length === 0 && "text-muted-foreground"
-        ),
+        className: z(L, "w-full", a && "ring-2 ring-ring ring-offset-2", n.length === 0 && "text-muted-foreground"),
         children: [
           /* @__PURE__ */ r("span", { className: "truncate", children: n.length === 0 ? E : n.map((e) => {
             var t;
@@ -83,33 +79,33 @@ const J = ({
                   e.preventDefault(), e.stopPropagation(), d();
                 },
                 className: "text-muted-foreground hover:text-foreground",
-                children: /* @__PURE__ */ r(L, { className: "size-4" })
+                children: /* @__PURE__ */ r(R, { className: "size-4" })
               }
             ),
-            /* @__PURE__ */ r(R, { className: z("size-4 opacity-50 shrink-0 transition-transform", a && "rotate-180") })
+            /* @__PURE__ */ r(j, { className: z("size-4 opacity-50 shrink-0 transition-transform", a && "rotate-180") })
           ] })
         ]
       }
     ),
     a ? /* @__PURE__ */ l("div", { className: "absolute left-0 right-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: [
       m ? /* @__PURE__ */ r("div", { className: "border-b border-border p-2", children: /* @__PURE__ */ l("div", { className: "relative", children: [
-        /* @__PURE__ */ r(T, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
+        /* @__PURE__ */ r(D, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
         /* @__PURE__ */ r(
           "input",
           {
-            ref: x,
+            ref: v,
             className: "w-full rounded-control bg-muted/50 py-1.5 pl-7 pr-2 text-sm text-foreground placeholder:text-muted-foreground outline-none focus:ring-1 focus:ring-ring",
-            placeholder: j,
+            placeholder: T,
             value: c,
             onChange: (e) => {
-              p(e.target.value);
+              h(e.target.value);
             }
           }
         )
       ] }) }) : null,
       /* @__PURE__ */ l("div", { className: "flex flex-col gap-0.5 max-h-56 overflow-y-auto p-1.5 scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-muted-foreground/20 scrollbar-track-transparent [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-muted-foreground/20 [&::-webkit-scrollbar-track]:bg-transparent", children: [
         o.length > 0 && /* @__PURE__ */ l("label", { className: "flex items-center gap-2.5 rounded-md px-2 py-2 text-sm hover:bg-muted cursor-pointer transition-colors", children: [
-          /* @__PURE__ */ r(C, { checked: v, onCheckedChange: I }),
+          /* @__PURE__ */ r(C, { checked: x, onCheckedChange: I }),
           "Tout sélectionner"
         ] }),
         o.length === 0 && /* @__PURE__ */ r("p", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: "Aucun résultat" }),
@@ -119,7 +115,7 @@ const J = ({
             {
               checked: n.includes(e.value),
               onCheckedChange: () => {
-                h(e.value);
+                g(e.value);
               }
             }
           ),
@@ -140,5 +136,5 @@ const J = ({
   ] });
 };
 export {
-  J as M
+  K as M
 };

package/dist/{SearchInput-Dg5Aw2lv.js → SearchInput-ClZbbRWg.js}

@@ -1,35 +1,35 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import * as w from "react";
 import { useState as k, useRef as C, useEffect as z, useMemo as S } from "react";
-import { I, bv as O, bx as T, bw as j } from "./toggle-group-DC5hqQ4H.js";
+import { I, bv as L, bx as O, bw as j } from "./toggle-group-D6c-gM1D.js";
 import "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";
-import { B as g } from "./tooltip-OY3E8Lo0.js";
+import { B as g, f as A } from "./tooltip-DVeqVwqV.js";
 import "@radix-ui/react-collapsible";
-import { I as A } from "./sheet-DOncI9p6.js";
-import { CalendarIcon as D, XIcon as M, ChevronDownIcon as q, SearchIcon as E, CheckIcon as B } from "lucide-react";
+import { I as q } from "./sheet-B_uq6-K_.js";
+import { CalendarIcon as D, XIcon as M, ChevronDownIcon as B, SearchIcon as E, CheckIcon as $ } from "lucide-react";
 import "react-resizable-panels";
-import { c as m } from "./tailwind.helper-B6yFEsav.js";
-import "./select-BwcXfUqZ.js";
+import { c as f } from "./tailwind.helper-B6yFEsav.js";
+import "./select-BpjFWqAY.js";
 import "next-themes";
 import "sonner";
 import { format as v } from "date-fns";
 import { fr as N } from "date-fns/locale";
-const oe = ({ date: r, onDateChange: o, placeholder: p }) => {
-  const [u, f] = k(!1), c = C(null);
+const ne = ({ date: r, onDateChange: o, placeholder: p }) => {
+  const [u, m] = k(!1), c = C(null);
   z(() => {
     if (!u) return;
     const l = (n) => {
-      c.current !== null && !c.current.contains(n.target) && f(!1);
+      c.current !== null && !c.current.contains(n.target) && m(!1);
     };
     return document.addEventListener("mousedown", l), () => {
       document.removeEventListener("mousedown", l);
     };
   }, [u]);
   const d = () => {
-    f((l) => !l);
+    m((l) => !l);
   }, a = (l) => {
-    o(l), f(!1);
+    o(l), m(!1);
   };
   return /* @__PURE__ */ s("div", { ref: c, className: "relative w-full", children: [
     /* @__PURE__ */ s(
@@ -38,7 +38,7 @@ const oe = ({ date: r, onDateChange: o, placeholder: p }) => {
         variant: "outline",
         type: "button",
         onClick: d,
-        className: m(
+        className: f(
           "w-full justify-start text-left font-normal focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
           u && "ring-2 ring-ring ring-offset-2",
           r === void 0 && "text-muted-foreground"
@@ -51,11 +51,11 @@ const oe = ({ date: r, onDateChange: o, placeholder: p }) => {
     ),
     u ? /* @__PURE__ */ t("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__ */ t(I, { mode: "single", selected: r, onSelect: a }) }) : null
   ] });
-}, ne = ({ value: r, onChange: o, placeholder: p = "Selectionner une periode", className: u }) => {
-  const [f, c] = w.useState(!1), [d, a] = w.useState(r);
+}, se = ({ value: r, onChange: o, placeholder: p = "Selectionner une periode", className: u }) => {
+  const [m, c] = w.useState(!1), [d, a] = w.useState(r);
   w.useEffect(() => {
-    f && a(r);
-  }, [f, r]);
+    m && a(r);
+  }, [m, r]);
   const l = (i) => {
     i.stopPropagation(), o(void 0), c(!1);
   }, n = () => {
@@ -65,8 +65,8 @@ const oe = ({ date: r, onDateChange: o, placeholder: p }) => {
   }, y = () => {
     a(void 0);
   }, x = (i) => i != null && i.from ? !i.to || i.from.getTime() === i.to.getTime() ? v(i.from, "dd MMM yyyy", { locale: N }) : `${v(i.from, "dd MMM yyyy", { locale: N })} - ${v(i.to, "dd MMM yyyy", { locale: N })}` : p;
-  return /* @__PURE__ */ t("div", { className: m("grid gap-2", u), children: /* @__PURE__ */ s(O, { open: f, onOpenChange: c, children: [
-    /* @__PURE__ */ t(T, { asChild: !0, children: /* @__PURE__ */ s(g, { id: "date", variant: "outline", className: m("w-[300px] justify-start text-left font-normal", !(r != null && r.from) && "text-muted-foreground"), children: [
+  return /* @__PURE__ */ t("div", { className: f("grid gap-2", u), children: /* @__PURE__ */ s(L, { open: m, onOpenChange: c, children: [
+    /* @__PURE__ */ t(O, { asChild: !0, children: /* @__PURE__ */ s(g, { id: "date", variant: "outline", className: f("w-[300px] justify-start text-left font-normal", !(r != null && r.from) && "text-muted-foreground"), children: [
       /* @__PURE__ */ t(D, { className: "mr-2 size-4" }),
       x(r),
       (r == null ? void 0 : r.from) && /* @__PURE__ */ t(
@@ -104,12 +104,12 @@ const oe = ({ date: r, onDateChange: o, placeholder: p }) => {
       ] })
     ] })
   ] }) });
-}, se = ({
+}, le = ({
   options: r = [],
   value: o,
   onChange: p,
   onClear: u,
-  placeholder: f = "Sélectionner...",
+  placeholder: m = "Sélectionner...",
   searchPlaceholder: c = "Rechercher...",
   disabled: d = !1
 }) => {
@@ -124,8 +124,8 @@ const oe = ({ date: r, onDateChange: o, placeholder: p }) => {
     });
   }, [n]), z(() => {
     if (!n) return;
-    const e = (L) => {
-      y.current !== null && !y.current.contains(L.target) && (b(!1), l(""));
+    const e = (T) => {
+      y.current !== null && !y.current.contains(T.target) && (b(!1), l(""));
     };
     return document.addEventListener("mousedown", e), () => {
       document.removeEventListener("mousedown", e);
@@ -143,15 +143,16 @@ const oe = ({ date: r, onDateChange: o, placeholder: p }) => {
           d || b((e) => (e && l(""), !e));
         },
         disabled: d,
-        className: m(
-          "flex h-10 w-full items-center justify-between rounded-control border border-input bg-background px-3 py-2 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+        className: f(
+          A,
+          "w-full",
           n && "ring-2 ring-ring ring-offset-2",
           (o === void 0 || o === "") && "text-muted-foreground"
         ),
         children: [
           /* @__PURE__ */ s("span", { className: "flex items-center gap-2 truncate", children: [
             (h == null ? void 0 : h.color) && /* @__PURE__ */ t("span", { className: "size-2.5 shrink-0 rounded-full", style: { backgroundColor: h.color } }),
-            /* @__PURE__ */ t("span", { className: "truncate", children: P ?? f })
+            /* @__PURE__ */ t("span", { className: "truncate", children: P ?? m })
           ] }),
           /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
             u && o !== void 0 && o !== "" && !d && /* @__PURE__ */ t(
@@ -169,7 +170,7 @@ const oe = ({ date: r, onDateChange: o, placeholder: p }) => {
                 children: /* @__PURE__ */ t(M, { className: "size-4" })
               }
             ),
-            /* @__PURE__ */ t(q, { className: m("size-4 opacity-50 shrink-0 transition-transform", n && "rotate-180") })
+            /* @__PURE__ */ t(B, { className: f("size-4 opacity-50 shrink-0 transition-transform", n && "rotate-180") })
           ] })
         ]
       }
@@ -199,12 +200,12 @@ const oe = ({ date: r, onDateChange: o, placeholder: p }) => {
             onClick: () => {
               R(e.value);
             },
-            className: m(
+            className: f(
               "flex items-center gap-2.5 rounded-md px-2 py-2 text-sm hover:bg-muted cursor-pointer transition-colors text-left w-full",
               o === e.value && "bg-muted font-medium"
             ),
             children: [
-              /* @__PURE__ */ t(B, { className: m("size-3.5 shrink-0", o === e.value ? "opacity-100" : "opacity-0") }),
+              /* @__PURE__ */ t($, { className: f("size-3.5 shrink-0", o === e.value ? "opacity-100" : "opacity-0") }),
               e.color && /* @__PURE__ */ t("span", { className: "size-2.5 shrink-0 rounded-full", style: { backgroundColor: e.color } }),
               e.label
             ]
@@ -214,22 +215,22 @@ const oe = ({ date: r, onDateChange: o, placeholder: p }) => {
       ] })
     ] }) : null
   ] });
-}, le = ({
+}, ae = ({
   searchQuery: r,
   search: o,
   placeholder: p = "Rechercher...",
   onSearch: u,
-  onSubmit: f,
+  onSubmit: m,
   onClear: c,
   className: d
 }) => {
   const a = r ?? o ?? "", l = () => {
     u(""), c !== void 0 && c();
   };
-  return /* @__PURE__ */ s("div", { className: m("relative h-fit w-full md:w-64", d), children: [
+  return /* @__PURE__ */ s("div", { className: f("relative h-fit w-full md:w-64", d), children: [
     /* @__PURE__ */ t(E, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground w-4 h-4" }),
     /* @__PURE__ */ t(
-      A,
+      q,
       {
         placeholder: p,
         value: a,
@@ -238,7 +239,7 @@ const oe = ({ date: r, onDateChange: o, placeholder: p }) => {
         },
         className: "pl-8",
         onKeyDown: (n) => {
-          n.key === "Enter" && f !== void 0 && (n.preventDefault(), f());
+          n.key === "Enter" && m !== void 0 && (n.preventDefault(), m());
         }
       }
     ),
@@ -246,8 +247,8 @@ const oe = ({ date: r, onDateChange: o, placeholder: p }) => {
   ] });
 };
 export {
-  oe as D,
-  le as S,
-  ne as a,
-  se as b
+  ne as D,
+  ae as S,
+  se as a,
+  le as b
 };

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

@@ -2,15 +2,15 @@ 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-DC5hqQ4H.js";
+import { J as c, N as p, O as v, K as N } from "./toggle-group-D6c-gM1D.js";
 import "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";
-import "./tooltip-OY3E8Lo0.js";
+import "./tooltip-DVeqVwqV.js";
 import "@radix-ui/react-collapsible";
-import "./sheet-DOncI9p6.js";
+import "./sheet-B_uq6-K_.js";
 import "lucide-react";
 import "react-resizable-panels";
-import "./select-BwcXfUqZ.js";
+import "./select-BpjFWqAY.js";
 import { S as n } from "./skeleton-BX4RcsiK.js";
 import "next-themes";
 import "sonner";