@krosoft/react 0.0.72 → 0.0.74

package/dist/KpiCards-Bp6EAsf7.js

@@ -0,0 +1,40 @@
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { c as p, g as f, h as u, d as C } from "./calendar-cHag6u-j.js";
+import "./index-BQOmHRsD.js";
+import { c as a } from "./index-gWiv5-6R.js";
+import "./select-Dv9bdUCB.js";
+import N from "react";
+import { formatNumber as x } from "@krosoft/core/helpers";
+import { useTranslation as h } from "react-i18next";
+const g = ({ titleKey: i, value: e, valueClassName: l, icon: m, iconClassName: c, description: t, descriptionClassName: n, onClick: o }) => {
+  const { t: d } = h();
+  return /* @__PURE__ */ s(p, { className: a(o ? "hover:border-primary cursor-pointer" : ""), onClick: o, children: [
+    /* @__PURE__ */ s(f, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+      /* @__PURE__ */ r(u, { className: "text-sm font-medium", children: d(i) }),
+      N.createElement(m, {
+        className: a("size-6 text-muted-foreground", c)
+      })
+    ] }),
+    /* @__PURE__ */ s(C, { children: [
+      /* @__PURE__ */ r("div", { className: a("text-2xl font-bold", l), children: x(e) }),
+      /* @__PURE__ */ r("p", { className: a("text-xs text-muted-foreground", n), children: t })
+    ] })
+  ] });
+}, k = ({ stats: i }) => /* @__PURE__ */ r("div", { className: "grid gap-6 md:grid-cols-2 lg:grid-cols-4", children: i.map((e) => /* @__PURE__ */ r(
+  g,
+  {
+    titleKey: e.titleKey,
+    value: e.value,
+    valueClassName: e.valueClassName,
+    icon: e.icon,
+    iconClassName: e.iconClassName,
+    description: e.description,
+    descriptionClassName: e.descriptionClassName,
+    onClick: e.onClick
+  },
+  e.titleKey
+)) });
+export {
+  g as K,
+  k as a
+};

package/dist/ThemeSelector-DQmkKmzE.js

@@ -0,0 +1,49 @@
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+import { B as m } from "./index-BQOmHRsD.js";
+import { S as h, f as u, g, a as f, c as v } from "./select-Dv9bdUCB.js";
+import { T as b, a as N, b as S, c as x } from "./tooltip-Dep8OR3c.js";
+import { u as C } from "./useTheme-D__o7mLN.js";
+function j({ themeOptions: c, variant: t = "select" }) {
+  const { theme: n, handleThemeChange: o, currentThemeOption: e, nextThemeOption: r, cycleTheme: i } = C(c);
+  if (t === "mini") {
+    const l = e == null ? void 0 : e.icon;
+    return /* @__PURE__ */ a(b, { children: /* @__PURE__ */ s(N, { children: [
+      /* @__PURE__ */ a(S, { asChild: !0, children: /* @__PURE__ */ s(
+        m,
+        {
+          variant: "ghost",
+          size: "icon",
+          onClick: i,
+          className: "text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+          children: [
+            l && /* @__PURE__ */ a(l, { className: "h-4 w-4" }),
+            /* @__PURE__ */ s("span", { className: "sr-only", children: [
+              "Thème actuel : ",
+              e == null ? void 0 : e.label
+            ] })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ s(x, { side: "bottom", align: "center", children: [
+        "Passer en ",
+        r == null ? void 0 : r.label
+      ] })
+    ] }) });
+  }
+  return /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ s(h, { value: n, onValueChange: o, children: [
+      /* @__PURE__ */ a(u, { className: "w-full", children: /* @__PURE__ */ a(g, { placeholder: "Sélectionner un thème" }) }),
+      /* @__PURE__ */ a(f, { children: c.map((l) => {
+        const d = l.icon;
+        return /* @__PURE__ */ a(v, { value: l.value, children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ a(d, { className: "h-4 w-4" }),
+          l.label
+        ] }) }, l.value);
+      }) })
+    ] }),
+    (e == null ? void 0 : e.message) && /* @__PURE__ */ a("p", { className: "text-sm text-muted-foreground", children: e.message })
+  ] });
+}
+export {
+  j as T
+};

package/dist/Topbar-CFALRIJn.js

@@ -0,0 +1,168 @@
+import { jsxs as i, jsx as e, Fragment as y } from "react/jsx-runtime";
+import { a as k, b as C, c as j, T } from "./tooltip-Dep8OR3c.js";
+import { c as l } from "./index-gWiv5-6R.js";
+import * as z from "react";
+import { C as S, B as D } from "./index-BQOmHRsD.js";
+import { c as W } from "./createLucideIcon-CRdjzt2A.js";
+/**
+ * @license lucide-react v1.16.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const $ = [
+  ["path", { d: "M4 5h16", key: "1tepv9" }],
+  ["path", { d: "M4 12h16", key: "1lakjw" }],
+  ["path", { d: "M4 19h16", key: "1djgab" }]
+], A = W("menu", $), O = ({
+  path: t,
+  // eslint-disable-next-line @typescript-eslint/naming-convention
+  icon: n,
+  label: h,
+  badge: d,
+  subItems: a,
+  currentPath: s,
+  collapsed: o,
+  onItemClick: m
+}) => {
+  const [f, x] = z.useState((a == null ? void 0 : a.some((r) => s === r.path || s.startsWith(`${r.path}/`))) || !1), p = t ? s === t || t !== "/" && s.startsWith(`${t}/`) : !1, b = a == null ? void 0 : a.some((r) => s === r.path || s.startsWith(`${r.path}/`)), g = /* @__PURE__ */ i(
+    "a",
+    {
+      href: t || "#",
+      onClick: (r) => {
+        r.preventDefault(), a && a.length > 0 ? o || x(!f) : t && m(t);
+      },
+      className: l(
+        "flex items-center gap-3 rounded-2xl cursor-pointer mb-2 transition-all duration-200 group",
+        o ? "justify-center p-3 h-12 w-12 mx-auto" : "px-4 py-3 h-12",
+        p || !o && b ? "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", o ? "flex items-center justify-center" : ""), children: /* @__PURE__ */ e(n, { className: "size-4" }) }),
+        !o && /* @__PURE__ */ i(y, { children: [
+          /* @__PURE__ */ e("span", { className: "flex-grow transition-opacity duration-150 font-medium", children: h }),
+          d !== 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: d }),
+          a && a.length > 0 && /* @__PURE__ */ e(S, { className: l("size-4 transition-transform duration-200", f ? "rotate-180" : "") })
+        ] })
+      ]
+    }
+  );
+  return /* @__PURE__ */ i(y, { children: [
+    o ? /* @__PURE__ */ i(k, { children: [
+      /* @__PURE__ */ e(C, { asChild: !0, children: g }),
+      /* @__PURE__ */ e(
+        j,
+        {
+          side: "right",
+          sideOffset: 6,
+          className: "rounded-xl 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__ */ i("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e("p", { className: "font-semibold", children: h }),
+            d !== void 0 && /* @__PURE__ */ i("span", { className: "ml-1 text-xs", children: [
+              "(",
+              d,
+              ")"
+            ] })
+          ] }) })
+        }
+      )
+    ] }) : g,
+    !o && a && a.length > 0 && f && /* @__PURE__ */ e("div", { className: "flex flex-col gap-1 mb-2 ml-4 pl-4 border-l-2 border-sidebar-border/50 animate-in slide-in-from-top-2 fade-in duration-200", children: a.map((r, v) => {
+      const u = s === r.path || r.path !== "/" && s.startsWith(`${r.path}/`);
+      return /* @__PURE__ */ i(
+        "a",
+        {
+          href: r.path,
+          onClick: (w) => {
+            w.preventDefault(), m(r.path);
+          },
+          className: l(
+            "flex items-center justify-between px-4 py-2 rounded-xl text-sm transition-all duration-200",
+            u ? "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: r.label }),
+            r.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: r.badge })
+          ]
+        },
+        v
+      );
+    }) })
+  ] });
+}, R = ({
+  groups: t,
+  collapsed: n,
+  mobileOpen: h,
+  isMobile: d,
+  onMobileClose: a,
+  onItemClick: s,
+  currentPath: o,
+  appName: m = "appname",
+  appSubName: f = "appsubname",
+  appIcon: x,
+  headerNode: p,
+  footerNode: b
+}) => {
+  const N = (c) => {
+    s(c), d && a();
+  };
+  return /* @__PURE__ */ e(T, { delayDuration: 0, children: /* @__PURE__ */ i(
+    "aside",
+    {
+      className: l(
+        "flex flex-col bg-sidebar h-screen transition-all duration-300",
+        n ? "w-[--navbar-width-icon]" : "w-[--navbar-width]",
+        d && !h ? "hidden" : "flex"
+      ),
+      style: {
+        "--navbar-width": "16rem",
+        "--navbar-width-icon": "5rem"
+      },
+      children: [
+        p || /* @__PURE__ */ i("div", { className: l("flex items-center h-16 md:h-20 flex-shrink-0 gap-3 px-4", n ? "justify-center" : ""), children: [
+          x !== void 0 && /* @__PURE__ */ e("div", { className: "flex-shrink-0 text-sidebar-foreground", children: /* @__PURE__ */ e(x, { className: "size-6" }) }),
+          !n && /* @__PURE__ */ i("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ e("h1", { className: "font-bold text-lg text-sidebar-foreground leading-tight", children: m }),
+            /* @__PURE__ */ e("span", { className: "text-xs text-sidebar-muted font-medium", children: f })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto py-4 px-2 scrollbar-modern", children: t.map((c, g) => /* @__PURE__ */ i("div", { className: "mb-6", children: [
+          !n && c.title !== void 0 && c.title !== "" && /* @__PURE__ */ e("h3", { className: "px-4 mb-2 text-xs uppercase tracking-wider font-semibold text-sidebar-muted", children: c.title }),
+          /* @__PURE__ */ e("nav", { className: "flex flex-col gap-1", children: c.items.map((r, v) => /* @__PURE__ */ e(O, { ...r, currentPath: o, collapsed: n, onItemClick: N }, v)) })
+        ] }, g)) }),
+        b && /* @__PURE__ */ e("div", { className: l("p-4 border-t border-sidebar-border", n ? "flex justify-center" : ""), children: b })
+      ]
+    }
+  ) });
+}, q = ({ collapsed: t, isMobile: n, onToggleSidebar: h, actionsNode: d, userMenuNode: a }) => /* @__PURE__ */ i(
+  "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",
+      n && "left-0",
+      !n && t && "left-[5rem]",
+      !n && !t && "left-[16rem]"
+    ),
+    tabIndex: -1,
+    children: [
+      /* @__PURE__ */ e("div", { className: "flex items-center min-w-0 flex-1", children: /* @__PURE__ */ e(
+        D,
+        {
+          variant: "ghost",
+          size: "icon",
+          onClick: h,
+          className: "text-topbar-foreground hover:bg-topbar-accent hover:text-topbar-accent-foreground",
+          children: /* @__PURE__ */ e(A, { className: "size-4" })
+        }
+      ) }),
+      /* @__PURE__ */ i("div", { className: "flex items-center gap-2 md:gap-4 flex-shrink-0", children: [
+        d,
+        a
+      ] })
+    ]
+  }
+);
+export {
+  R as S,
+  q as T
+};

package/dist/{badge-Cj2EQgcL.js → badge-C4pCH7IL.js}

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c as n } from "./index-BNCR478R.js";
+import { c as n } from "./index-BQOmHRsD.js";
 import { c as a } from "./index-gWiv5-6R.js";
 const s = n(
   "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",