@krosoft/react 0.0.218 → 0.0.220

package/dist/{sheet-BQmtrGf2.js → sheet-CDqLa-FP.js}

@@ -1,12 +1,13 @@
 import { jsx as o, jsxs as i } from "react/jsx-runtime";
+import { u as b } from "./useKrosoftTranslation-DdcylBY2.js";
 import { c as d } from "./tailwind.helper-B6yFEsav.js";
 import { Command as r } from "cmdk";
-import { X as c, SearchIcon as N } from "lucide-react";
+import { X as p, SearchIcon as w } from "lucide-react";
 import * as n from "react";
 import * as s from "@radix-ui/react-dialog";
-import { e as b } from "./tooltip-DVeqVwqV.js";
-import { cva as w } from "class-variance-authority";
-const v = s.Root, M = s.Trigger, k = s.Portal, Q = s.Close, p = n.forwardRef(
+import { e as v } from "./tooltip-DVeqVwqV.js";
+import { cva as k } from "class-variance-authority";
+const C = s.Root, W = s.Trigger, D = s.Portal, Y = s.Close, f = n.forwardRef(
   ({ className: e, ...a }, t) => /* @__PURE__ */ o(
     s.Overlay,
     {
@@ -19,24 +20,24 @@ const v = s.Root, M = s.Trigger, k = s.Portal, Q = s.Close, p = n.forwardRef(
     }
   )
 );
-p.displayName = s.Overlay.displayName;
-const C = "w-full max-w-none h-[100dvh] max-h-[100dvh] content-start rounded-none sm:h-auto sm:max-h-[95vh] sm:max-w-lg sm:rounded-surface", f = n.forwardRef(
-  ({ className: e, children: a, ...t }, l) => /* @__PURE__ */ i(k, { children: [
-    /* @__PURE__ */ o(p, {}),
+f.displayName = s.Overlay.displayName;
+const _ = "w-full max-w-none h-[100dvh] max-h-[100dvh] content-start rounded-none sm:h-auto sm:max-h-[95vh] sm:max-w-lg sm:rounded-surface", u = n.forwardRef(
+  ({ className: e, children: a, ...t }, l) => /* @__PURE__ */ i(D, { children: [
+    /* @__PURE__ */ o(f, {}),
     /* @__PURE__ */ i(
       s.Content,
       {
         ref: l,
         className: d(
           "fixed left-[50%] top-[50%] z-[70] grid overflow-y-auto translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
-          C,
+          _,
           e
         ),
         ...t,
         children: [
           a,
           /* @__PURE__ */ i(s.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity data-[state=open]:bg-accent data-[state=open]:text-muted-foreground hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", children: [
-            /* @__PURE__ */ o(c, { className: "size-4" }),
+            /* @__PURE__ */ o(p, { className: "size-4" }),
             /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
           ] })
         ]
@@ -44,18 +45,18 @@ const C = "w-full max-w-none h-[100dvh] max-h-[100dvh] content-start rounded-non
     )
   ] })
 );
-f.displayName = s.Content.displayName;
-const D = ({ className: e, ...a }) => /* @__PURE__ */ o("div", { className: d("flex flex-col space-y-1.5 text-center sm:text-left", e), ...a });
-D.displayName = "DialogHeader";
-const _ = ({ className: e, ...a }) => /* @__PURE__ */ o("div", { className: d("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", e), ...a });
-_.displayName = "DialogFooter";
-const u = n.forwardRef(
+u.displayName = s.Content.displayName;
+const S = ({ className: e, ...a }) => /* @__PURE__ */ o("div", { className: d("flex flex-col space-y-1.5 text-center sm:text-left", e), ...a });
+S.displayName = "DialogHeader";
+const R = ({ className: e, ...a }) => /* @__PURE__ */ o("div", { className: d("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", e), ...a });
+R.displayName = "DialogFooter";
+const g = n.forwardRef(
   ({ className: e, ...a }, t) => /* @__PURE__ */ o(s.Title, { ref: t, className: d("text-lg font-semibold leading-none tracking-tight", e), ...a })
 );
-u.displayName = s.Title.displayName;
-const g = n.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(s.Description, { ref: t, className: d("text-sm text-muted-foreground", e), ...a }));
-g.displayName = s.Description.displayName;
-const x = n.forwardRef(
+g.displayName = s.Title.displayName;
+const x = n.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(s.Description, { ref: t, className: d("text-sm text-muted-foreground", e), ...a }));
+x.displayName = s.Description.displayName;
+const h = n.forwardRef(
   ({ className: e, ...a }, t) => /* @__PURE__ */ o(
     r,
     {
@@ -65,32 +66,28 @@ const x = n.forwardRef(
     }
   )
 );
-x.displayName = r.displayName;
-const U = ({
-  title: e = "Palette de commandes",
-  description: a = "Rechercher une commande à exécuter.",
-  shouldFilter: t,
-  className: l,
-  children: m,
-  ...y
-}) => /* @__PURE__ */ o(v, { ...y, children: /* @__PURE__ */ i(f, { className: "flex flex-col overflow-hidden p-0 shadow-lg", children: [
-  /* @__PURE__ */ o(u, { className: "sr-only", children: e }),
-  /* @__PURE__ */ o(g, { className: "sr-only", children: a }),
-  /* @__PURE__ */ o(
-    x,
-    {
-      shouldFilter: t,
-      className: d(
-        "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3",
-        "[&_[cmdk-list]]:max-h-none [&_[cmdk-list]]:min-h-0 [&_[cmdk-list]]:flex-1 sm:[&_[cmdk-list]]:max-h-[300px] sm:[&_[cmdk-list]]:flex-none",
-        l
-      ),
-      children: m
-    }
-  )
-] }) }), R = n.forwardRef(
+h.displayName = r.displayName;
+const Z = ({ title: e, description: a, shouldFilter: t, className: l, children: m, ...N }) => {
+  const { t: c } = b();
+  return /* @__PURE__ */ o(C, { ...N, children: /* @__PURE__ */ i(u, { className: "flex flex-col overflow-hidden p-0 shadow-lg", children: [
+    /* @__PURE__ */ o(g, { className: "sr-only", children: e ?? c("search.commandTitle") }),
+    /* @__PURE__ */ o(x, { className: "sr-only", children: a ?? c("search.commandDescription") }),
+    /* @__PURE__ */ o(
+      h,
+      {
+        shouldFilter: t,
+        className: d(
+          "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3",
+          "[&_[cmdk-list]]:max-h-none [&_[cmdk-list]]:min-h-0 [&_[cmdk-list]]:flex-1 sm:[&_[cmdk-list]]:max-h-[300px] sm:[&_[cmdk-list]]:flex-none",
+          l
+        ),
+        children: m
+      }
+    )
+  ] }) });
+}, z = n.forwardRef(
   ({ className: e, ...a }, t) => /* @__PURE__ */ i("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-    /* @__PURE__ */ o(N, { className: "mr-2 size-4 shrink-0 opacity-50" }),
+    /* @__PURE__ */ o(w, { className: "mr-2 size-4 shrink-0 opacity-50" }),
     /* @__PURE__ */ o(
       r.Input,
       {
@@ -104,16 +101,16 @@ const U = ({
     )
   ] })
 );
-R.displayName = r.Input.displayName;
-const S = n.forwardRef(
+z.displayName = r.Input.displayName;
+const T = n.forwardRef(
   ({ className: e, ...a }, t) => /* @__PURE__ */ o(r.List, { ref: t, className: d("max-h-[300px] overflow-y-auto overflow-x-hidden", e), ...a })
 );
-S.displayName = r.List.displayName;
-const z = n.forwardRef(
+T.displayName = r.List.displayName;
+const I = n.forwardRef(
   (e, a) => /* @__PURE__ */ o(r.Empty, { ref: a, className: "py-6 text-center text-sm", ...e })
 );
-z.displayName = r.Empty.displayName;
-const I = n.forwardRef(
+I.displayName = r.Empty.displayName;
+const O = n.forwardRef(
   ({ className: e, ...a }, t) => /* @__PURE__ */ o(
     r.Group,
     {
@@ -126,10 +123,10 @@ const I = n.forwardRef(
     }
   )
 );
-I.displayName = r.Group.displayName;
-const T = n.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(r.Separator, { ref: t, className: d("-mx-1 h-px bg-border", e), ...a }));
-T.displayName = r.Separator.displayName;
-const O = n.forwardRef(
+O.displayName = r.Group.displayName;
+const j = n.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(r.Separator, { ref: t, className: d("-mx-1 h-px bg-border", e), ...a }));
+j.displayName = r.Separator.displayName;
+const P = n.forwardRef(
   ({ className: e, ...a }, t) => /* @__PURE__ */ o(
     r.Item,
     {
@@ -142,15 +139,15 @@ const O = n.forwardRef(
     }
   )
 );
-O.displayName = r.Item.displayName;
-const P = ({ className: e, ...a }) => /* @__PURE__ */ o("span", { className: d("ml-auto text-xs tracking-widest text-muted-foreground", e), ...a });
-P.displayName = "CommandShortcut";
-const j = n.forwardRef(({ className: e, type: a, ...t }, l) => /* @__PURE__ */ o(
+P.displayName = r.Item.displayName;
+const F = ({ className: e, ...a }) => /* @__PURE__ */ o("span", { className: d("ml-auto text-xs tracking-widest text-muted-foreground", e), ...a });
+F.displayName = "CommandShortcut";
+const H = n.forwardRef(({ className: e, type: a, ...t }, l) => /* @__PURE__ */ o(
   "input",
   {
     type: a,
     className: d(
-      b,
+      v,
       // text-base sur mobile : évite le zoom automatique d'iOS à la prise de focus.
       "flex w-full text-base file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 md:text-sm",
       e
@@ -159,8 +156,8 @@ const j = n.forwardRef(({ className: e, type: a, ...t }, l) => /* @__PURE__ */ o
     ...t
   }
 ));
-j.displayName = "Input";
-const W = s.Root, Y = s.Trigger, Z = s.Close, F = s.Portal, h = n.forwardRef(
+H.displayName = "Input";
+const ee = s.Root, ae = s.Trigger, te = s.Close, E = s.Portal, y = n.forwardRef(
   ({ className: e, ...a }, t) => /* @__PURE__ */ o(
     s.Overlay,
     {
@@ -173,8 +170,8 @@ const W = s.Root, Y = s.Trigger, Z = s.Close, F = s.Portal, h = n.forwardRef(
     }
   )
 );
-h.displayName = s.Overlay.displayName;
-const H = w(
+y.displayName = s.Overlay.displayName;
+const G = k(
   "fixed z-[70] gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
   {
     variants: {
@@ -189,58 +186,58 @@ const H = w(
       side: "right"
     }
   }
-), E = n.forwardRef(
-  ({ side: e = "right", className: a, children: t, ...l }, m) => /* @__PURE__ */ i(F, { children: [
-    /* @__PURE__ */ o(h, {}),
-    /* @__PURE__ */ i(s.Content, { ref: m, className: d(H({ side: e }), a), ...l, children: [
+), L = n.forwardRef(
+  ({ side: e = "right", className: a, children: t, ...l }, m) => /* @__PURE__ */ i(E, { children: [
+    /* @__PURE__ */ o(y, {}),
+    /* @__PURE__ */ i(s.Content, { ref: m, className: d(G({ side: e }), a), ...l, children: [
       t,
       /* @__PURE__ */ i(s.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity data-[state=open]:bg-secondary hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", children: [
-        /* @__PURE__ */ o(c, { className: "size-4" }),
+        /* @__PURE__ */ o(p, { className: "size-4" }),
         /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
       ] })
     ] })
   ] })
 );
-E.displayName = s.Content.displayName;
-const G = ({ className: e, ...a }) => /* @__PURE__ */ o("div", { className: d("flex flex-col space-y-2 text-center sm:text-left", e), ...a });
-G.displayName = "SheetHeader";
-const L = ({ className: e, ...a }) => /* @__PURE__ */ o("div", { className: d("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", e), ...a });
-L.displayName = "SheetFooter";
-const V = n.forwardRef(
+L.displayName = s.Content.displayName;
+const V = ({ className: e, ...a }) => /* @__PURE__ */ o("div", { className: d("flex flex-col space-y-2 text-center sm:text-left", e), ...a });
+V.displayName = "SheetHeader";
+const q = ({ className: e, ...a }) => /* @__PURE__ */ o("div", { className: d("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", e), ...a });
+q.displayName = "SheetFooter";
+const B = n.forwardRef(
   ({ className: e, ...a }, t) => /* @__PURE__ */ o(s.Title, { ref: t, className: d("text-lg font-semibold text-foreground", e), ...a })
 );
-V.displayName = s.Title.displayName;
-const q = n.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(s.Description, { ref: t, className: d("text-sm text-muted-foreground", e), ...a }));
-q.displayName = s.Description.displayName;
+B.displayName = s.Title.displayName;
+const K = n.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(s.Description, { ref: t, className: d("text-sm text-muted-foreground", e), ...a }));
+K.displayName = s.Description.displayName;
 export {
-  x as C,
-  v as D,
-  j as I,
-  W as S,
-  Q as a,
-  f as b,
-  g as c,
-  _ as d,
-  D as e,
-  p as f,
-  k as g,
-  u as h,
-  M as i,
-  U as j,
-  z as k,
-  I as l,
-  R as m,
-  O as n,
-  S as o,
-  T as p,
-  P as q,
-  Z as r,
-  E as s,
-  q as t,
-  L as u,
-  G as v,
-  h as w,
-  F as x,
-  V as y,
-  Y as z
+  h as C,
+  C as D,
+  H as I,
+  ee as S,
+  Y as a,
+  u as b,
+  x as c,
+  R as d,
+  S as e,
+  f,
+  D as g,
+  g as h,
+  W as i,
+  Z as j,
+  I as k,
+  O as l,
+  z as m,
+  P as n,
+  T as o,
+  j as p,
+  F as q,
+  te as r,
+  L as s,
+  K as t,
+  q as u,
+  V as v,
+  y as w,
+  E as x,
+  B as y,
+  ae as z
 };

package/dist/useKrosoftTranslation-DdcylBY2.js

@@ -0,0 +1,43 @@
+import { useTranslation as c } from "react-i18next";
+const l = { cancel: "Cancel", save: "Save", saving: "Saving...", edit: "Edit", delete: "Delete" }, d = { loading: "Loading...", error: "Something went wrong.", errorPrefix: "Error:", errorTitle: "Error", noResult: "No result", noResultDot: "No result.", noData: "No data available", underConstruction: "Section under development", comingSoon: "This feature will be available soon" }, u = { trigger: "Search", placeholder: "Search...", globalTitle: "Global search", globalDescription: "Search for a page or a record across the application.", commandTitle: "Command palette", commandDescription: "Search for a command to run.", loading: "Searching..." }, p = { placeholder: "Select...", create: "Create “{{search}}”", section: "Select a section", theme: "Select a theme" }, g = { pickDate: "Select a date", pickPeriod: "Select a period", clearPeriod: "Clear the selected period" }, m = { advanced: "Advanced filters", more: "More filters", yes: "Yes", no: "No" }, h = { validationTitle: "Validation error", validationMessage: "Please check the form fields", submitError: "Something went wrong while saving" }, f = { empty: "No image", upload: "Click to upload", invalidType: "Only {{types}} files are accepted", tooLarge: "The file must not exceed {{size}}MB" }, v = { previousPage: "Previous page", nextPage: "Next page" }, S = { menu: "Navigation menu", description: "Main navigation of the application" }, b = { updatedTitle: "Theme updated", updatedMessage: "The theme has been changed to {{theme}}." }, T = {
+  actions: l,
+  states: d,
+  search: u,
+  select: p,
+  date: g,
+  filters: m,
+  form: h,
+  image: f,
+  table: v,
+  sidebar: S,
+  theme: b
+}, P = { cancel: "Annuler", save: "Enregistrer", saving: "Enregistrement...", edit: "Modifier", delete: "Supprimer" }, R = { loading: "Chargement...", error: "Une erreur est survenue.", errorPrefix: "Erreur :", errorTitle: "Erreur", noResult: "Aucun résultat", noResultDot: "Aucun résultat.", noData: "Aucune donnée disponible", underConstruction: "Section en cours de développement", comingSoon: "Cette fonctionnalité sera bientôt disponible" }, E = { trigger: "Rechercher", placeholder: "Rechercher...", globalTitle: "Recherche globale", globalDescription: "Rechercher une page ou une donnée dans l'application.", commandTitle: "Palette de commandes", commandDescription: "Rechercher une commande à exécuter.", loading: "Recherche..." }, C = { placeholder: "Sélectionner...", create: "Créer « {{search}} »", section: "Sélectionner une section", theme: "Sélectionner un thème" }, y = { pickDate: "Sélectionner une date", pickPeriod: "Sélectionner une période", clearPeriod: "Effacer la période sélectionnée" }, D = { advanced: "Filtres avancés", more: "Plus de filtres", yes: "Oui", no: "Non" }, M = { validationTitle: "Erreur de validation", validationMessage: "Veuillez vérifier les champs du formulaire", submitError: "Une erreur est survenue lors de l'enregistrement" }, $ = { empty: "Aucune image", upload: "Cliquer pour uploader", invalidType: "Seuls les fichiers {{types}} sont acceptés", tooLarge: "Le fichier ne doit pas dépasser {{size}}MB" }, N = { previousPage: "Page précédente", nextPage: "Page suivante" }, A = { menu: "Menu de navigation", description: "Navigation principale de l'application" }, k = { updatedTitle: "Thème mis à jour", updatedMessage: "Le thème a été changé vers {{theme}}." }, s = {
+  actions: P,
+  states: R,
+  search: E,
+  select: C,
+  date: y,
+  filters: D,
+  form: M,
+  image: $,
+  table: N,
+  sidebar: A,
+  theme: k
+}, n = "krosoft", w = { fr: s, en: T }, K = (e, { overwrite: t = !1 } = {}) => {
+  typeof e.addResourceBundle == "function" && Object.entries(w).forEach(([r, o]) => {
+    var a;
+    (a = e.addResourceBundle) == null || a.call(e, r, n, o, !0, t);
+  });
+}, x = (e) => {
+  const t = e.split(".").reduce((r, o) => typeof r == "object" && r !== null ? r[o] : void 0, s);
+  return typeof t == "string" ? t : void 0;
+}, L = (e, t) => t === void 0 ? e : e.replace(/\{\{(\w+)\}\}/g, (r, o) => o in t ? String(t[o]) : r), j = () => {
+  const { t: e, i18n: t, ready: r } = c(n, { useSuspense: !1 });
+  return { t: (a, i) => r && t.hasResourceBundle(t.language, n) ? e(a, i ?? {}) : L(x(a) ?? a, i) };
+};
+export {
+  n as K,
+  w as k,
+  K as r,
+  j as u
+};

package/dist/usePage-Bhb81ffo.js

@@ -0,0 +1,82 @@
+import { u } from "./useKrosoftTranslation-DdcylBY2.js";
+import { TrashIcon as l } from "lucide-react";
+import * as c from "react";
+import { useState as m, useContext as f } from "react";
+import { P as d } from "./sidebar.context-D5nywlmP.js";
+const g = (e) => {
+  const [o, t] = m(null), r = (n, s) => {
+    var a;
+    (a = e == null ? void 0 : e.onReset) == null || a.call(e), t({ id: n, name: s });
+  }, i = () => {
+    t(null);
+  };
+  return {
+    id: (o == null ? void 0 : o.id) ?? null,
+    name: (o == null ? void 0 : o.name) ?? null,
+    isOpen: !!o,
+    openDialog: r,
+    onClose: i
+  };
+}, C = ({
+  titleKey: e,
+  descriptionKey: o,
+  confirmKey: t = "Confirmer",
+  onConfirm: r,
+  onReset: i
+}) => {
+  const n = g({ onReset: i }), s = async () => {
+    if (n.id)
+      try {
+        await r(n.id), n.onClose();
+      } catch (a) {
+        console.error("Error confirming action:", a);
+      }
+  };
+  return {
+    isOpen: n.isOpen,
+    itemName: n.name,
+    title: e,
+    description: o,
+    confirmKey: t,
+    openDialog: n.openDialog,
+    onClose: n.onClose,
+    onConfirm: s
+  };
+}, P = ({ titleKey: e, descriptionKey: o, confirmKey: t, onConfirm: r, onReset: i }) => {
+  const { t: n } = u();
+  return {
+    ...C({
+      titleKey: e,
+      descriptionKey: o,
+      confirmKey: t ?? n("actions.delete"),
+      onConfirm: r,
+      onReset: i
+    }),
+    loadingKey: "Suppression...",
+    icon: l,
+    titleClassName: "flex items-center gap-2 text-destructive",
+    headerClassName: "bg-gradient-to-r from-slate-900 to-purple-700 rounded-t-surface shrink-0"
+  };
+}, w = (e, o = 250) => {
+  const [t, r] = c.useState(e);
+  return c.useEffect(() => {
+    const i = setTimeout(() => {
+      r(e);
+    }, o);
+    return () => {
+      clearTimeout(i);
+    };
+  }, [e, o]), t;
+}, S = () => {
+  const e = f(d);
+  if (e === void 0)
+    throw new Error("usePage must be used within an PageProvider");
+  return e;
+};
+export {
+  C as a,
+  w as b,
+  g as c,
+  S as d,
+  P as u
+};

package/dist/useTheme-Cmw14Zxi.js

@@ -0,0 +1,25 @@
+import { u as f } from "./useKrosoftTranslation-DdcylBY2.js";
+import { useTheme as T } from "next-themes";
+import { u as p } from "./useNotifications-zbUhCvF_.js";
+function I(s) {
+  const { t: a } = f(), { showSuccess: u } = p(), { theme: t, setTheme: i } = T(), r = (e) => {
+    i(e);
+    const c = s.find((m) => m.value === e);
+    u(a("theme.updatedTitle"), a("theme.updatedMessage", { theme: (c == null ? void 0 : c.label) ?? e }));
+  }, n = s.filter((e) => !e.hideInMini), l = s.find((e) => e.value === t), h = n.findIndex((e) => e.value === t), o = n.length > 0 ? n[(h + 1) % n.length] : void 0, d = (t == null ? void 0 : t.startsWith("dark")) ?? !1;
+  return {
+    theme: t,
+    setTheme: i,
+    handleThemeChange: r,
+    themeOptions: s,
+    currentThemeOption: l,
+    nextThemeOption: o,
+    isDark: d,
+    cycleTheme: () => {
+      o && r(o.value);
+    }
+  };
+}
+export {
+  I as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krosoft/react",
-  "version": "0.0.218",
+  "version": "0.0.220",
   "description": "Krosoft shared React package",
   "type": "module",
   "scripts": {

package/dist/AppVerticalTabs-aJmAVu6F.js

@@ -1,100 +0,0 @@
-import { jsxs as r, jsx as s } from "react/jsx-runtime";
-import { C as b, d as w, a as S } from "./chart-DntJZGxB.js";
-import { A as C } from "./AppActions-BCXERyyB.js";
-import { A as T } from "./AppTitle-D15YXeMx.js";
-import { bi as A, bk as P, bl as k, bj as j, b5 as z } from "./toggle-group-DLLrEwv2.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 q } from "./tailwind.helper-B6yFEsav.js";
-import { S as I, h as K, 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(T, { titleKey: n, descriptionKey: l, isSubTitle: !0 }),
-    /* @__PURE__ */ s(C, { actions: t, className: c })
-  ] });
-}
-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(S, { className: "space-y-4", children: o })
-  ] });
-}
-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 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(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: [
-        "(",
-        e.count(t),
-        ")"
-      ] }) : 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 _ = ({ 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(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"}`,
-        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(I, { value: i, onValueChange: h, children: [
-      /* @__PURE__ */ s(K, { 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 {
-  Y as A,
-  D as a,
-  Z as b,
-  _ as c
-};