@krosoft/react 0.0.200 → 0.0.201

package/dist/usePage-BFE9lxI1.js

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

package/package.json

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

package/dist/Topbar-CFmKB_S2.js

@@ -1,217 +0,0 @@
-import { jsxs as n, jsx as e, Fragment as D } from "react/jsx-runtime";
-import * as K from "react";
-import { ChevronDownIcon as $, SearchIcon as L, MenuIcon as M } from "lucide-react";
-import { T as B, c as Q, a as R, b as q, B as F } from "./tooltip-DVeqVwqV.js";
-import { c as l } from "./tailwind.helper-B6yFEsav.js";
-import "./sidebar.context-D5nywlmP.js";
-import { u as W } from "./useSidebar-BJuALHqQ.js";
-import "react-i18next";
-import "next-themes";
-import { I as G, S as H, b as _, h as E, c as J } from "./sheet-B_uq6-K_.js";
-import { S as O } from "./skeleton-BX4RcsiK.js";
-const z = (a, d, m) => d === a ? !0 : a === "/" || !d.startsWith(`${a}/`) ? !1 : !m.some(
-  (i) => i !== a && i.startsWith(`${a}/`) && (d === i || d.startsWith(`${i}/`))
-), U = ({
-  path: a,
-  // eslint-disable-next-line @typescript-eslint/naming-convention
-  icon: d,
-  label: m,
-  badge: i,
-  subItems: r,
-  currentPath: o,
-  collapsed: c,
-  dense: p = !1,
-  onItemClick: v
-}) => {
-  const g = (r == null ? void 0 : r.map((t) => t.path)) ?? [], [x, N] = K.useState((r == null ? void 0 : r.some((t) => z(t.path, o, g))) ?? !1), u = a ? o === a || a !== "/" && o.startsWith(`${a}/`) : !1, y = r == null ? void 0 : r.some((t) => z(t.path, o, g)), b = /* @__PURE__ */ n(
-    "a",
-    {
-      href: a ?? "#",
-      onClick: (t) => {
-        t.ctrlKey || t.metaKey || t.button === 1 || (t.preventDefault(), r && r.length > 0 ? c || N(!x) : a && v(a));
-      },
-      className: l(
-        "flex items-center cursor-pointer transition-all duration-200 group rounded-control",
-        p ? "gap-2.5  mb-0.5" : "gap-3  mb-1",
-        c ? p ? "justify-center p-2 h-9 w-9 mx-auto" : "justify-center p-3 h-12 w-12 mx-auto" : p ? "px-3 py-1.5 h-9" : "px-4 py-3 h-12",
-        u || !c && y ? p ? "bg-sidebar-primary text-sidebar-primary-foreground" : "bg-sidebar-primary text-sidebar-primary-foreground shadow-lg" : "hover:bg-sidebar-accent text-sidebar-foreground hover:text-sidebar-accent-foreground"
-      ),
-      children: [
-        /* @__PURE__ */ e("div", { className: l("flex-shrink-0 transition-transform group-hover:scale-110", c ? "flex items-center justify-center" : ""), children: /* @__PURE__ */ e(d, { className: "size-4" }) }),
-        !c && /* @__PURE__ */ n(D, { children: [
-          /* @__PURE__ */ e("span", { className: l("flex-grow transition-opacity duration-150 font-medium", p ? "text-sm" : ""), children: m }),
-          i !== void 0 && /* @__PURE__ */ e("span", { className: "bg-red-500 text-white text-xs rounded-full py-1 min-w-[20px] text-center px-2 font-semibold", children: i }),
-          r && r.length > 0 && /* @__PURE__ */ e($, { className: l("size-4 transition-transform duration-200", x ? "rotate-180" : "") })
-        ] })
-      ]
-    }
-  );
-  return /* @__PURE__ */ n(D, { children: [
-    c ? /* @__PURE__ */ n(B, { children: [
-      /* @__PURE__ */ e(Q, { asChild: !0, children: b }),
-      /* @__PURE__ */ e(
-        R,
-        {
-          side: "right",
-          sideOffset: 6,
-          className: "rounded-surface z-[99999] flex gap-2 bg-sidebar text-sidebar-foreground border border-sidebar-border py-2 text-sm shadow-lg",
-          children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e("p", { className: "font-semibold", children: m }),
-            i !== void 0 && /* @__PURE__ */ n("span", { className: "ml-1 text-xs", children: [
-              "(",
-              i,
-              ")"
-            ] })
-          ] }) })
-        }
-      )
-    ] }) : b,
-    !c && r && r.length > 0 && x && /* @__PURE__ */ e(
-      "div",
-      {
-        className: l(
-          "flex flex-col ml-4 pl-4 border-l-2 border-sidebar-border/50 animate-in slide-in-from-top-2 fade-in duration-200",
-          p ? "gap-0.5 mb-0.5" : "gap-1 mb-2"
-        ),
-        children: r.map((t, C) => {
-          const s = z(t.path, o, g);
-          return /* @__PURE__ */ n(
-            "a",
-            {
-              href: t.path,
-              onClick: (f) => {
-                f.ctrlKey || f.metaKey || f.button === 1 || (f.preventDefault(), v(t.path));
-              },
-              className: l(
-                "flex items-center justify-between rounded-control text-sm transition-all duration-200",
-                p ? "px-3 py-1" : "px-4 py-2",
-                s ? "bg-sidebar-accent/50 text-sidebar-primary font-semibold" : "text-sidebar-muted hover:bg-sidebar-accent hover:text-sidebar-foreground"
-              ),
-              children: [
-                /* @__PURE__ */ e("span", { children: t.label }),
-                t.badge !== void 0 && /* @__PURE__ */ e("span", { className: "bg-sidebar-primary/20 text-sidebar-primary text-[10px] rounded-full py-0.5 px-2 font-semibold", children: t.badge })
-              ]
-            },
-            C
-          );
-        })
-      }
-    )
-  ] });
-}, ie = ({ groups: a, currentPath: d, onItemClick: m, slots: i, search: r, dense: o = !1, loading: c = !1 }) => {
-  const { enabled: p = !1, placeholder: v = "Rechercher..." } = r ?? {}, { header: g, footer: x } = i ?? {}, { collapsed: N, isMobile: u, setCollapsed: y } = W(), [S, j] = K.useState(""), h = u ? !1 : N, T = !N, A = (s) => {
-    m(s), u && y(!0);
-  }, b = S.trim().toLowerCase(), t = b === "" ? a : a.map((s) => ({
-    ...s,
-    items: s.items.filter(
-      (f) => {
-        var w;
-        return f.label.toLowerCase().includes(b) || (((w = f.subItems) == null ? void 0 : w.some((k) => k.label.toLowerCase().includes(b))) ?? !1);
-      }
-    )
-  })).filter((s) => s.items.length > 0), C = /* @__PURE__ */ n("div", { className: "flex flex-col h-full bg-sidebar text-sidebar-foreground", children: [
-    g,
-    p && !h && /* @__PURE__ */ e("div", { className: l("px-4", o ? "pt-2" : "pt-4"), children: /* @__PURE__ */ n("div", { className: "relative", children: [
-      /* @__PURE__ */ e(L, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-sidebar-muted" }),
-      /* @__PURE__ */ e(
-        G,
-        {
-          type: "search",
-          value: S,
-          onChange: (s) => {
-            j(s.target.value);
-          },
-          placeholder: v,
-          className: l(
-            "bg-sidebar-accent/40 border-sidebar-border pl-9 text-sidebar-foreground placeholder:text-sidebar-muted",
-            o ? "h-8 text-sm" : "h-9"
-          )
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ e("div", { className: l("flex-1 overflow-y-auto scrollbar-modern", h ? "px-0" : "px-2", o ? "py-2" : "py-4"), children: c ? Array.from({ length: 5 }).map((s, f) => /* @__PURE__ */ n("div", { className: l("flex items-center gap-3", o ? "mb-1 h-9" : "mb-2 h-12", h ? "justify-center px-3" : "px-4"), children: [
-      /* @__PURE__ */ e(O, { className: "size-5 flex-shrink-0 rounded-control" }),
-      !h && /* @__PURE__ */ e(O, { className: "h-4 flex-1" })
-    ] }, f)) : t.map((s, f) => /* @__PURE__ */ n("div", { className: o ? "mb-3" : "mb-6", children: [
-      !h && s.title !== void 0 && s.title !== "" && /* @__PURE__ */ e("h3", { className: l("px-4 text-xs uppercase tracking-wider font-semibold text-sidebar-muted", o ? "mb-1" : "mb-2"), children: s.title }),
-      /* @__PURE__ */ e("nav", { className: l("flex flex-col", o ? "gap-0.5" : "gap-1"), children: s.items.map((w, k) => /* @__PURE__ */ e(U, { ...w, currentPath: d, collapsed: h, dense: o, onItemClick: A }, k)) })
-    ] }, f)) }),
-    x && /* @__PURE__ */ e("div", { className: l("border-t border-sidebar-border", o ? "p-2" : "p-4", h ? "flex justify-center" : ""), children: x })
-  ] });
-  return u ? /* @__PURE__ */ e(
-    H,
-    {
-      open: T,
-      onOpenChange: (s) => {
-        y(!s);
-      },
-      children: /* @__PURE__ */ n(_, { side: "left", className: "w-[16rem] p-0 bg-sidebar border-r border-sidebar-border overflow-hidden [&>button]:text-sidebar-foreground", children: [
-        /* @__PURE__ */ e(E, { className: "sr-only", children: "Menu de navigation" }),
-        /* @__PURE__ */ e(J, { className: "sr-only", children: "Navigation principale de l'application" }),
-        C
-      ] })
-    }
-  ) : /* @__PURE__ */ e(q, { delayDuration: 0, children: /* @__PURE__ */ e(
-    "aside",
-    {
-      className: l(
-        "flex flex-col bg-sidebar h-screen border-r border-sidebar-border transition-all duration-300",
-        h ? "w-[--navbar-width-icon]" : "w-[--navbar-width]",
-        "flex"
-      ),
-      style: {
-        "--navbar-width": "16rem",
-        "--navbar-width-icon": "4rem"
-      },
-      children: C
-    }
-  ) });
-}, se = ({
-  name: a = "appname",
-  subName: d = "appsubname",
-  // eslint-disable-next-line @typescript-eslint/naming-convention
-  icon: m,
-  dense: i = !1
-}) => {
-  const { collapsed: r, isMobile: o } = W(), c = o ? !1 : r;
-  return /* @__PURE__ */ n("div", { className: l("flex items-center flex-shrink-0 gap-3 px-4", i ? "h-14" : "h-16 md:h-20", c ? "justify-center" : ""), children: [
-    m !== void 0 && /* @__PURE__ */ e("div", { className: "flex-shrink-0 text-sidebar-foreground", children: /* @__PURE__ */ e(m, { className: i ? "size-5" : "size-6" }) }),
-    !c && /* @__PURE__ */ n("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ e("h1", { className: l("font-bold text-sidebar-foreground leading-tight", i ? "text-base" : "text-lg"), children: a }),
-      /* @__PURE__ */ e("span", { className: l("text-sidebar-muted font-medium", i ? "text-[11px]" : "text-xs"), children: d })
-    ] })
-  ] });
-}, le = ({ collapsed: a, isMobile: d, onToggleSidebar: m, actionsNode: i, userMenuNode: r }) => /* @__PURE__ */ n(
-  "header",
-  {
-    className: l(
-      "fixed top-0 right-0 z-[60] h-16 md:h-20 bg-topbar text-topbar-foreground flex items-center justify-between px-4 transition-all duration-300",
-      d && "left-0",
-      !d && a && "left-[5rem]",
-      !d && !a && "left-[16rem]"
-    ),
-    tabIndex: -1,
-    children: [
-      /* @__PURE__ */ e("div", { className: "flex items-center min-w-0 flex-1", children: /* @__PURE__ */ e(
-        F,
-        {
-          variant: "ghost",
-          size: "icon",
-          onClick: m,
-          className: "text-topbar-foreground hover:bg-topbar-accent hover:text-topbar-accent-foreground",
-          children: /* @__PURE__ */ e(M, { className: "size-4" })
-        }
-      ) }),
-      /* @__PURE__ */ n("div", { className: "flex items-center gap-2 md:gap-4 flex-shrink-0", children: [
-        i,
-        r
-      ] })
-    ]
-  }
-);
-export {
-  ie as S,
-  le as T,
-  se as a,
-  U as b
-};

package/dist/sheet-B_uq6-K_.js

@@ -1,87 +0,0 @@
-import { jsx as o, jsxs as l } from "react/jsx-runtime";
-import { c as i } from "./tailwind.helper-B6yFEsav.js";
-import * as r from "react";
-import { e as f } from "./tooltip-DVeqVwqV.js";
-import * as a from "@radix-ui/react-dialog";
-import { cva as c } from "class-variance-authority";
-import { X as p } from "lucide-react";
-const u = r.forwardRef(({ className: e, type: t, ...s }, n) => /* @__PURE__ */ o(
-  "input",
-  {
-    type: t,
-    className: i(
-      f,
-      // 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
-    ),
-    ref: n,
-    ...s
-  }
-));
-u.displayName = "Input";
-const D = a.Root, j = a.Trigger, k = a.Close, g = a.Portal, d = r.forwardRef(
-  ({ className: e, ...t }, s) => /* @__PURE__ */ o(
-    a.Overlay,
-    {
-      className: i(
-        "fixed inset-0 z-[70] bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-        e
-      ),
-      ...t,
-      ref: s
-    }
-  )
-);
-d.displayName = a.Overlay.displayName;
-const h = c(
-  "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: {
-      side: {
-        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
-        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
-        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
-        right: "inset-y-0 right-0 h-full w-3/4  border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
-      }
-    },
-    defaultVariants: {
-      side: "right"
-    }
-  }
-), x = r.forwardRef(
-  ({ side: e = "right", className: t, children: s, ...n }, m) => /* @__PURE__ */ l(g, { children: [
-    /* @__PURE__ */ o(d, {}),
-    /* @__PURE__ */ l(a.Content, { ref: m, className: i(h({ side: e }), t), ...n, children: [
-      s,
-      /* @__PURE__ */ l(a.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(p, { className: "size-4" }),
-        /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
-      ] })
-    ] })
-  ] })
-);
-x.displayName = a.Content.displayName;
-const b = ({ className: e, ...t }) => /* @__PURE__ */ o("div", { className: i("flex flex-col space-y-2 text-center sm:text-left", e), ...t });
-b.displayName = "SheetHeader";
-const y = ({ className: e, ...t }) => /* @__PURE__ */ o("div", { className: i("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", e), ...t });
-y.displayName = "SheetFooter";
-const N = r.forwardRef(
-  ({ className: e, ...t }, s) => /* @__PURE__ */ o(a.Title, { ref: s, className: i("text-lg font-semibold text-foreground", e), ...t })
-);
-N.displayName = a.Title.displayName;
-const v = r.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(a.Description, { ref: s, className: i("text-sm text-muted-foreground", e), ...t }));
-v.displayName = a.Description.displayName;
-export {
-  u as I,
-  D as S,
-  k as a,
-  x as b,
-  v as c,
-  y as d,
-  b as e,
-  d as f,
-  g,
-  N as h,
-  j as i
-};

package/dist/usePage-u2gRhvQ0.js

@@ -1,72 +0,0 @@
-import { TrashIcon as l } from "lucide-react";
-import { useState as c, useContext as u } from "react";
-import { P as m } from "./sidebar.context-D5nywlmP.js";
-const g = (e) => {
-  const [n, t] = c(null), i = (o, s) => {
-    var a;
-    (a = e == null ? void 0 : e.onReset) == null || a.call(e), t({ id: o, name: s });
-  }, r = () => {
-    t(null);
-  };
-  return {
-    id: (n == null ? void 0 : n.id) ?? null,
-    name: (n == null ? void 0 : n.name) ?? null,
-    isOpen: !!n,
-    openDialog: i,
-    onClose: r
-  };
-}, f = ({
-  titleKey: e,
-  descriptionKey: n,
-  confirmKey: t = "Confirmer",
-  onConfirm: i,
-  onReset: r
-}) => {
-  const o = g({ onReset: r }), s = async () => {
-    if (o.id)
-      try {
-        await i(o.id), o.onClose();
-      } catch (a) {
-        console.error("Error confirming action:", a);
-      }
-  };
-  return {
-    isOpen: o.isOpen,
-    itemName: o.name,
-    title: e,
-    description: n,
-    confirmKey: t,
-    openDialog: o.openDialog,
-    onClose: o.onClose,
-    onConfirm: s
-  };
-}, h = ({
-  titleKey: e,
-  descriptionKey: n,
-  confirmKey: t = "Supprimer",
-  onConfirm: i,
-  onReset: r
-}) => ({
-  ...f({
-    titleKey: e,
-    descriptionKey: n,
-    confirmKey: t,
-    onConfirm: i,
-    onReset: r
-  }),
-  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"
-}), x = () => {
-  const e = u(m);
-  if (e === void 0)
-    throw new Error("usePage must be used within an PageProvider");
-  return e;
-};
-export {
-  f as a,
-  g as b,
-  x as c,
-  h as u
-};