@krosoft/react 0.0.81 → 0.0.83

package/dist/AppTitle-BOhhDNS5.js

@@ -0,0 +1,76 @@
+import { jsxs as n, jsx as l } from "react/jsx-runtime";
+import "./popover-DVVl_ccN.js";
+import { B as u } from "./floating-ui.react-dom-BIcsGc3t.js";
+import "./card-7XPLAra3.js";
+import { c as d } from "./index-gWiv5-6R.js";
+import "./select-CtU681LB.js";
+import { D as c, a as b, E as h, b as f, c as x, d as p } from "./dropdown-menu-D6j1GdTA.js";
+import { u as v } from "./useMobile-DN1_OMDB.js";
+import { useTranslation as N } from "react-i18next";
+function B({ actions: m, className: o }) {
+  const { t: i } = N(), t = v();
+  return !m || m.length === 0 ? null : t ? /* @__PURE__ */ n(c, { children: [
+    /* @__PURE__ */ l(b, { asChild: !0, children: /* @__PURE__ */ l(u, { variant: "outline", size: "icon", children: /* @__PURE__ */ l(h, { className: "size-4" }) }) }),
+    /* @__PURE__ */ l(f, { align: "end", className: "min-w-48", children: m.map((r, e) => r ? r.children && r.children.length > 0 ? /* @__PURE__ */ n("div", { children: [
+      e > 0 && /* @__PURE__ */ l(x, {}),
+      r.children.map((s, a) => s ? /* @__PURE__ */ n(
+        p,
+        {
+          onClick: () => void s.onClick(),
+          disabled: s.disabled,
+          className: d("gap-2", s.className),
+          children: [
+            s.icon && /* @__PURE__ */ l(s.icon, { className: "size-4" }),
+            s.labelKey && i(s.labelKey)
+          ]
+        },
+        a
+      ) : null)
+    ] }, e) : /* @__PURE__ */ n(p, { onClick: () => void r.onClick(), disabled: r.disabled, className: d("gap-2", r.className), children: [
+      r.icon && /* @__PURE__ */ l(r.icon, { className: "size-4" }),
+      r.labelKey && i(r.labelKey)
+    ] }, e) : null) })
+  ] }) : ((r) => /* @__PURE__ */ l("div", { className: d("flex gap-2", o), children: r.map((e, s) => e ? e.children && e.children.length > 0 ? /* @__PURE__ */ n(c, { children: [
+    /* @__PURE__ */ l(b, { asChild: !0, children: /* @__PURE__ */ n(u, { variant: e.variant, disabled: e.disabled, className: d("gap-2", e.className), children: [
+      e.icon && /* @__PURE__ */ l(e.icon, { className: "size-4" }),
+      e.labelKey && i(e.labelKey)
+    ] }) }),
+    /* @__PURE__ */ l(f, { align: "end", children: e.children.map((a, g) => a ? /* @__PURE__ */ n(
+      p,
+      {
+        onClick: () => void a.onClick(),
+        disabled: a.disabled,
+        className: d("gap-2", a.className),
+        children: [
+          a.icon && /* @__PURE__ */ l(a.icon, { className: "size-4" }),
+          a.labelKey && i(a.labelKey)
+        ]
+      },
+      g
+    ) : null) })
+  ] }, s) : /* @__PURE__ */ n(
+    u,
+    {
+      variant: e.variant,
+      onClick: () => void e.onClick(),
+      disabled: e.disabled,
+      className: d("gap-2", e.className),
+      children: [
+        e.icon && /* @__PURE__ */ l(e.icon, { className: "size-4" }),
+        e.labelKey && i(e.labelKey)
+      ]
+    },
+    s
+  ) : null) }))(m);
+}
+function E({ titleKey: m, descriptionKey: o, isSubTitle: i }) {
+  const { t } = N();
+  return /* @__PURE__ */ n("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ l("h1", { className: i ? "text-xl md:text-2xl font-semibold" : "text-xl md:text-3xl font-bold", children: t(m) ?? "" }),
+    o ? /* @__PURE__ */ l("p", { className: d("text-muted-foreground", i && "text-sm"), children: t(o) }) : null
+  ] });
+}
+export {
+  B as A,
+  E as a
+};

package/dist/{MetricCard-4VI9Ki0g.js → MetricCard-bpuqueI5.js}

@@ -2,7 +2,7 @@ import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { formatNumber as h } from "@krosoft/core/helpers";
 import { useTranslation as b } from "react-i18next";
 import { c as d } from "./index-gWiv5-6R.js";
-import "./popover-UjRQmYGN.js";
+import "./popover-DVVl_ccN.js";
 import "./floating-ui.react-dom-BIcsGc3t.js";
 import { C as x, d as N, e as g, a as f } from "./card-7XPLAra3.js";
 import "./select-CtU681LB.js";

package/dist/{SearchInput-Cf5NHhnz.js → SearchInput-Dh-92XhU.js}

@@ -1,7 +1,7 @@
 import { jsxs as d, jsx as n } from "react/jsx-runtime";
 import * as L from "react";
-import { useState as P, useRef as j, useEffect as T, useMemo as z } from "react";
-import { u as D, v as C, w as k, x as q, y as S, C as R, P as X, e as _, X as E, d as V, c as O, I } from "./popover-UjRQmYGN.js";
+import { useState as P, useRef as j, useEffect as T, useMemo as W } from "react";
+import { w as D, x as C, y as k, z as q, B as z, C as R, P as X, e as _, X as E, d as V, c as O, I } from "./popover-DVVl_ccN.js";
 import { B as b, C as A } from "./floating-ui.react-dom-BIcsGc3t.js";
 import "./card-7XPLAra3.js";
 import { c as y } from "./index-gWiv5-6R.js";
@@ -349,7 +349,7 @@ const $ = [
     parsePatterns: Me,
     defaultParseWidth: "any"
   })
-}, W = {
+}, S = {
   code: "fr",
   formatDistance: K,
   formatLong: ee,
@@ -390,7 +390,7 @@ const $ = [
         ),
         children: [
           /* @__PURE__ */ n(H, { className: "mr-2 h-4 w-4 shrink-0" }),
-          e !== void 0 ? S(e, "dd/MM/yyyy", { locale: W }) : /* @__PURE__ */ n("span", { children: s })
+          e !== void 0 ? z(e, "dd/MM/yyyy", { locale: S }) : /* @__PURE__ */ n("span", { children: s })
         ]
       }
     ),
@@ -409,7 +409,7 @@ const $ = [
     c(e), l(!1);
   }, x = () => {
     c(void 0);
-  }, w = (h) => h != null && h.from ? !h.to || h.from.getTime() === h.to.getTime() ? S(h.from, "dd MMM yyyy", { locale: W }) : `${S(h.from, "dd MMM yyyy", { locale: W })} - ${S(h.to, "dd MMM yyyy", { locale: W })}` : s;
+  }, w = (h) => h != null && h.from ? !h.to || h.from.getTime() === h.to.getTime() ? z(h.from, "dd MMM yyyy", { locale: S }) : `${z(h.from, "dd MMM yyyy", { locale: S })} - ${z(h.to, "dd MMM yyyy", { locale: S })}` : s;
   return /* @__PURE__ */ n("div", { className: y("grid gap-2", r), children: /* @__PURE__ */ d(X, { open: i, onOpenChange: l, children: [
     /* @__PURE__ */ n(_, { asChild: !0, children: /* @__PURE__ */ d(b, { id: "date", variant: "outline", className: y("w-[300px] justify-start text-left font-normal", !(e != null && e.from) && "text-muted-foreground"), children: [
       /* @__PURE__ */ n(H, { className: "mr-2 size-4" }),
@@ -459,7 +459,7 @@ const $ = [
   searchable: m = !1,
   searchPlaceholder: c = "Rechercher..."
 }) => {
-  const [u, f] = P(""), [p, x] = P(!1), w = j(null), h = j(null), g = z(() => u === "" ? e : e.filter((a) => a.label.toLowerCase().includes(u.toLowerCase())), [e, u]), o = z(() => g.length === 0 ? !1 : g.every((a) => t.includes(a.value)), [g, t]);
+  const [u, f] = P(""), [p, x] = P(!1), w = j(null), h = j(null), g = W(() => u === "" ? e : e.filter((a) => a.label.toLowerCase().includes(u.toLowerCase())), [e, u]), o = W(() => g.length === 0 ? !1 : g.every((a) => t.includes(a.value)), [g, t]);
   T(() => {
     p && m && requestAnimationFrame(() => {
       var a;
@@ -576,7 +576,7 @@ const $ = [
   placeholder: r = "Sélectionner...",
   searchPlaceholder: i = "Rechercher..."
 }) => {
-  const [l, m] = P(""), [c, u] = P(!1), f = j(null), p = j(null), x = z(() => l === "" ? e : e.filter((o) => o.label.toLowerCase().includes(l.toLowerCase())), [e, l]), w = z(() => {
+  const [l, m] = P(""), [c, u] = P(!1), f = j(null), p = j(null), x = W(() => l === "" ? e : e.filter((o) => o.label.toLowerCase().includes(l.toLowerCase())), [e, l]), w = W(() => {
     var o;
     if (!(t === void 0 || t === ""))
       return ((o = e.find((M) => M.value === t)) == null ? void 0 : o.label) ?? t;

package/dist/{TableFilter-DgChe4aX.js → TableFilter-BoNsBNbv.js}

@@ -1,7 +1,7 @@
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import { useState as k, useEffect as M, useMemo as A } from "react";
-import { M as O, a as $, D as j, b as I, c as _, S as z } from "./SearchInput-Cf5NHhnz.js";
-import { X as C, I as P, S as R, n as B, g as Q, j as V, m as H, L as X, i as G, P as J, e as K, d as U, c as E } from "./popover-UjRQmYGN.js";
+import { M as O, a as $, D as j, b as I, c as _, S as z } from "./SearchInput-Dh-92XhU.js";
+import { X as C, I as P, S as R, n as B, g as Q, j as V, m as H, L as X, i as G, P as J, e as K, d as U, c as E } from "./popover-DVVl_ccN.js";
 import { B as w, C as W } from "./floating-ui.react-dom-BIcsGc3t.js";
 import "./card-7XPLAra3.js";
 import { S as Y, h as Z, i as q, a as ee, c as re } from "./select-CtU681LB.js";

package/dist/TableSettings-D2qjh0E9.js

@@ -0,0 +1,394 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { c as j, u as A, v as L } from "./popover-DVVl_ccN.js";
+import { B as x } from "./floating-ui.react-dom-BIcsGc3t.js";
+import "./card-7XPLAra3.js";
+import "./select-CtU681LB.js";
+import { D as M, a as D, E as B, b as _, d as I, e as V } from "./dropdown-menu-D6j1GdTA.js";
+import { L as q } from "./loader-circle-BhJXKs31.js";
+import { c as f } 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 E = [
+  ["path", { d: "M12 5v14", key: "s699le" }],
+  ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
+], H = f("arrow-down", E);
+/**
+ * @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 U = [
+  ["path", { d: "m21 16-4 4-4-4", key: "f6ql7i" }],
+  ["path", { d: "M17 20V4", key: "1ejh1v" }],
+  ["path", { d: "m3 8 4-4 4 4", key: "11wl7u" }],
+  ["path", { d: "M7 4v16", key: "1glfcx" }]
+], G = f("arrow-up-down", U);
+/**
+ * @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 O = [
+  ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
+  ["path", { d: "M12 19V5", key: "x0mq9r" }]
+], F = f("arrow-up", O);
+/**
+ * @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 J = [
+  ["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }],
+  ["circle", { cx: "9", cy: "5", r: "1", key: "hp0tcf" }],
+  ["circle", { cx: "9", cy: "19", r: "1", key: "fkjjf6" }],
+  ["circle", { cx: "15", cy: "12", r: "1", key: "1tmaij" }],
+  ["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
+  ["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
+], Q = f("grip-vertical", J);
+/**
+ * @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 W = [
+  [
+    "path",
+    {
+      d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915",
+      key: "1i5ecw"
+    }
+  ],
+  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
+], X = f("settings", W);
+function Y({ actions: c, row: n }) {
+  return /* @__PURE__ */ t(M, { children: [
+    /* @__PURE__ */ e(D, { asChild: !0, children: /* @__PURE__ */ e(x, { variant: "ghost", size: "icon", className: "h-8 w-8 text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ e(B, { className: "size-4" }) }) }),
+    /* @__PURE__ */ e(
+      _,
+      {
+        align: "end",
+        onClick: (s) => {
+          s.stopPropagation();
+        },
+        children: c.map((s, a) => {
+          const o = s.icon;
+          return /* @__PURE__ */ t(
+            I,
+            {
+              onClick: () => {
+                s.onClick(n);
+              },
+              className: s.className,
+              children: [
+                o !== void 0 && /* @__PURE__ */ e("span", { className: "mr-2 size-4 flex items-center justify-center", children: /* @__PURE__ */ e(o, { className: "size-4" }) }),
+                s.label
+              ]
+            },
+            a
+          );
+        })
+      }
+    )
+  ] });
+}
+function se({
+  isLoading: c,
+  colSpanCount: n,
+  noDataMessage: s,
+  paginatedData: a,
+  getRowId: o,
+  onRowClick: l,
+  hasBulkActions: u,
+  selectedRows: v,
+  toggleRowSelection: g,
+  visibleColumnsArray: i,
+  columnWidths: k,
+  hasActions: N,
+  actions: b,
+  columns: w
+}) {
+  const C = (h, m) => {
+    const d = w.find((r) => r.key === m);
+    if ((d == null ? void 0 : d.renderCell) !== void 0)
+      return d.renderCell(h);
+    const y = h[m];
+    return /* @__PURE__ */ e("span", { className: "text-sm truncate", children: y != null ? String(y) : "-" });
+  };
+  return c ? /* @__PURE__ */ e("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-800", children: /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: n, className: "py-8 text-center", children: /* @__PURE__ */ t("div", { className: "flex flex-col items-center justify-center gap-2 text-muted-foreground", children: [
+    /* @__PURE__ */ e(q, { className: "h-6 w-6 animate-spin text-primary" }),
+    /* @__PURE__ */ e("span", { className: "text-sm", children: "Chargement..." })
+  ] }) }) }) }) : a.length === 0 ? /* @__PURE__ */ e("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-800", children: /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: n, className: "py-8 text-center text-sm text-muted-foreground", children: s }) }) }) : /* @__PURE__ */ e("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-800", children: a.map((h) => {
+    const m = o(h);
+    return /* @__PURE__ */ t(
+      "tr",
+      {
+        className: `group hover:bg-muted/50 dark:hover:bg-gray-900/50 transition-colors ${l !== void 0 ? "cursor-pointer" : ""}`,
+        onClick: () => l == null ? void 0 : l(h),
+        children: [
+          u ? /* @__PURE__ */ e(
+            "td",
+            {
+              className: "px-4 py-2 w-12",
+              onClick: (d) => {
+                d.stopPropagation();
+              },
+              children: /* @__PURE__ */ e(
+                j,
+                {
+                  checked: v.includes(m),
+                  onCheckedChange: () => {
+                    g(m);
+                  }
+                }
+              )
+            }
+          ) : null,
+          i.map((d, y) => {
+            const r = y === i.length - 1;
+            return /* @__PURE__ */ e(
+              "td",
+              {
+                className: `px-2 py-2 border-r border-gray-100 dark:border-gray-800 relative ${r ? "border-r-0" : ""}`,
+                style: { width: k[d.key] },
+                children: /* @__PURE__ */ e("div", { className: "w-full h-full", children: C(h, d.key) })
+              },
+              d.key
+            );
+          }),
+          N && b !== void 0 && b.length > 0 ? /* @__PURE__ */ e(
+            "td",
+            {
+              className: "px-2 py-2 w-12 text-end",
+              onClick: (d) => {
+                d.stopPropagation();
+              },
+              children: /* @__PURE__ */ e(Y, { actions: b, row: h })
+            }
+          ) : null
+        ]
+      },
+      m
+    );
+  }) });
+}
+function ne({ selectedRows: c, setSelectedRows: n, bulkActions: s }) {
+  return /* @__PURE__ */ t("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: [
+    /* @__PURE__ */ t("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ t("span", { className: "text-sm font-medium text-primary ml-1", children: [
+        c.length,
+        " sélectionné(s)"
+      ] }),
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: s.map((a, o) => {
+        const l = a.icon;
+        return /* @__PURE__ */ t(
+          x,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => {
+              a.onClick(c, () => {
+                n([]);
+              });
+            },
+            className: `h-7 bg-background shadow-sm text-xs px-2.5 ${a.variant === "destructive" ? "text-destructive border-destructive/30 hover:bg-destructive/10 hover:text-destructive" : "text-foreground"}`,
+            children: [
+              l !== void 0 && /* @__PURE__ */ e("span", { className: "mr-1.5 flex items-center justify-center", children: /* @__PURE__ */ e(l, { className: "h-3.5 w-3.5" }) }),
+              a.label
+            ]
+          },
+          o
+        );
+      }) })
+    ] }),
+    /* @__PURE__ */ e(
+      x,
+      {
+        variant: "ghost",
+        size: "sm",
+        onClick: () => {
+          n([]);
+        },
+        className: "text-xs text-muted-foreground hover:text-foreground h-7 px-2",
+        children: "Désélectionner"
+      }
+    )
+  ] });
+}
+function ie({
+  hasBulkActions: c,
+  selectedRows: n,
+  totalItems: s,
+  toggleSelectAll: a,
+  visibleColumnsArray: o,
+  draggableColumns: l,
+  resizableColumns: u,
+  columnWidths: v,
+  sortColumn: g,
+  sortDirection: i,
+  handleSort: k,
+  handleDragStart: N,
+  handleDragOver: b,
+  handleDrop: w,
+  handleMouseDown: C,
+  hasActions: h,
+  settingsNode: m
+}) {
+  const d = (r) => r.sortable !== !0 ? null : g === r.key ? i === "asc" ? /* @__PURE__ */ e(F, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ e(H, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ e(G, { className: "size-3.5 text-muted-foreground/50 group-hover:text-muted-foreground transition-colors" }), y = (r, S) => {
+    const z = S !== !1, $ = r.sortable === !0, T = g === r.key;
+    return /* @__PURE__ */ t(
+      "th",
+      {
+        className: [
+          "px-2 py-2 text-left text-sm font-medium text-gray-900 dark:text-gray-100 relative group border-r border-gray-200 dark:border-gray-800",
+          $ ? "cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-800 select-none" : "",
+          T ? "bg-gray-100/80 dark:bg-gray-800/80" : ""
+        ].filter(Boolean).join(" "),
+        style: { width: v[r.key] },
+        draggable: z,
+        onClick: () => {
+          k(r.key);
+        },
+        onDragStart: (p) => {
+          z ? N(p, r.key) : p.preventDefault();
+        },
+        onDragOver: (p) => {
+          b(p, r.key);
+        },
+        onDrop: (p) => {
+          w(p, r.key);
+        },
+        children: [
+          /* @__PURE__ */ t("div", { className: "flex items-center justify-between pr-2", children: [
+            /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: [
+              z ? /* @__PURE__ */ e(Q, { className: "size-4 text-gray-400 cursor-grab dark:text-gray-300 shrink-0" }) : null,
+              /* @__PURE__ */ e("span", { className: "truncate", children: r.label })
+            ] }),
+            /* @__PURE__ */ e("div", { className: "ml-1 shrink-0", children: d(r) })
+          ] }),
+          u ? /* @__PURE__ */ e(
+            "div",
+            {
+              className: "absolute right-0 top-0 bottom-0 w-2 cursor-col-resize hover:bg-blue-500 opacity-0 group-hover:opacity-50 transition-opacity",
+              onMouseDown: (p) => {
+                C(p, r.key);
+              }
+            }
+          ) : null
+        ]
+      },
+      r.key
+    );
+  };
+  return /* @__PURE__ */ e("thead", { className: "bg-muted/50 dark:bg-gray-900/50 border-b border-gray-200 dark:border-gray-800", children: /* @__PURE__ */ t("tr", { children: [
+    c ? /* @__PURE__ */ e("th", { className: "px-4 py-2 w-12 flex-shrink-0 text-left", children: /* @__PURE__ */ e(
+      j,
+      {
+        checked: n.length === s && s > 0 ? !0 : n.length > 0 ? "indeterminate" : !1,
+        onCheckedChange: a
+      }
+    ) }) : null,
+    o.map((r) => y(r, l)),
+    h || m !== void 0 ? /* @__PURE__ */ e("th", { className: "w-12 px-2 py-2 text-center align-middle", children: m }) : null
+  ] }) });
+}
+function de({
+  totalItems: c,
+  startIndex: n,
+  endIndex: s,
+  pageSize: a,
+  setPageSize: o,
+  currentPage: l,
+  setCurrentPage: u,
+  pageSizeOptions: v,
+  totalPages: g
+}) {
+  return /* @__PURE__ */ t("div", { className: "px-4 py-2 border-t border-border flex items-center justify-between bg-card flex-wrap gap-2", children: [
+    /* @__PURE__ */ t("div", { className: "text-sm text-muted-foreground", children: [
+      c === 0 ? "0" : `${String(n + 1)} - ${String(s)}`,
+      " sur ",
+      c
+    ] }),
+    /* @__PURE__ */ t("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: "Lignes par page :" }),
+        /* @__PURE__ */ e(
+          "select",
+          {
+            value: a,
+            onChange: (i) => {
+              o(Number(i.target.value)), u(1);
+            },
+            className: "border border-input bg-background rounded px-2 py-1 text-sm text-foreground",
+            children: v.map((i) => /* @__PURE__ */ e("option", { value: i, children: i }, i))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ e(
+          x,
+          {
+            variant: "outline",
+            size: "sm",
+            className: "h-8 w-8 p-0",
+            onClick: () => {
+              u((i) => Math.max(1, i - 1));
+            },
+            disabled: l === 1,
+            children: /* @__PURE__ */ e(A, { className: "size-4" })
+          }
+        ),
+        /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: [
+          "Page ",
+          l,
+          " sur ",
+          g
+        ] }),
+        /* @__PURE__ */ e(
+          x,
+          {
+            variant: "outline",
+            size: "sm",
+            className: "h-8 w-8 p-0",
+            onClick: () => {
+              u((i) => Math.min(g, i + 1));
+            },
+            disabled: l === g,
+            children: /* @__PURE__ */ e(L, { className: "size-4" })
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function ce({ columns: c, visibleColumns: n, toggleColumnVisibility: s }) {
+  return /* @__PURE__ */ t(M, { children: [
+    /* @__PURE__ */ e(D, { asChild: !0, children: /* @__PURE__ */ e(x, { variant: "outline", size: "sm", className: "size-8 p-0 bg-white hover:bg-gray-100 dark:bg-gray-900 shadow-sm border-gray-200 dark:border-gray-800", children: /* @__PURE__ */ e(X, { className: "size-4 text-gray-600 dark:text-gray-300" }) }) }),
+    /* @__PURE__ */ e(_, { align: "end", className: "w-56", children: c.map((a) => /* @__PURE__ */ e(
+      V,
+      {
+        checked: n.has(a.key),
+        onCheckedChange: () => {
+          s(a.key);
+        },
+        children: a.label
+      },
+      a.key
+    )) })
+  ] });
+}
+export {
+  Y as T,
+  se as a,
+  ne as b,
+  ie as c,
+  de as d,
+  ce as e
+};

package/dist/{ThemeSelector-MqD5QvHl.js → ThemeSelector-BCU1tFyR.js}

@@ -2,7 +2,7 @@ import { jsx as a, jsxs as s } from "react/jsx-runtime";
 import { B as m } from "./floating-ui.react-dom-BIcsGc3t.js";
 import { S as h, h as u, i as g, a as f, c as v } from "./select-CtU681LB.js";
 import { T as b, a as N, b as S, c as x } from "./tooltip-DzQngJZK.js";
-import { u as C } from "./useTheme-DsHPKCDp.js";
+import { a as C } from "./useTheme-CvNYmhjo.js";
 function j({ themeOptions: c, variant: i = "select" }) {
   const { theme: t, handleThemeChange: n, currentThemeOption: e, nextThemeOption: r, cycleTheme: o } = C(c);
   if (i === "mini") {

package/dist/components/core/cards/index.js

@@ -1,4 +1,4 @@
-import { K as s, a as d, M as i } from "../../../MetricCard-4VI9Ki0g.js";
+import { K as s, a as d, M as i } from "../../../MetricCard-bpuqueI5.js";
 export {
   s as KpiCard,
   d as KpiCards,

package/dist/components/core/filters/index.js

@@ -1,4 +1,4 @@
-import { A as l, a as r, S as i, T as s } from "../../../TableFilter-DgChe4aX.js";
+import { A as l, a as r, S as i, T as s } from "../../../TableFilter-BoNsBNbv.js";
 export {
   l as ActiveFilters,
   r as AdvancedFilters,

package/dist/components/core/index.d.ts

@@ -1,5 +1,6 @@
 export * from "./cards";
 export * from "./inputs";
+export * from "./layouts";
 export * from "./states";
 export * from "./table";
 export * from "./filters";

package/dist/components/core/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}

package/dist/components/core/index.js

@@ -1,36 +1,39 @@
-import { K as s, a as o, M as l } from "../../MetricCard-4VI9Ki0g.js";
-import { D as S, a as c, M as b, S as p, b as T } from "../../SearchInput-Cf5NHhnz.js";
-import { C as n, a as m, E as f, L as x } from "../../LoadingState-DQjGcT2l.js";
+import { K as s, a as o, M as i } from "../../MetricCard-bpuqueI5.js";
+import { D as p, a as c, M as S, S as T, b } from "../../SearchInput-Dh-92XhU.js";
+import { A as n, a as m } from "../../AppTitle-BOhhDNS5.js";
+import { C as f, a as x, E as C, L as k } from "../../LoadingState-DQjGcT2l.js";
 import "react/jsx-runtime";
 import "react";
-import { T as k, a as A, b as g, c as h, d as F, e as M } from "../../TableSettings-Bhqq1v8E.js";
-import { A as u, a as D, S as K, T as v } from "../../TableFilter-DgChe4aX.js";
-import { S as E, T as L } from "../../Topbar-DifQ00kV.js";
-import { T as H } from "../../ThemeSelector-MqD5QvHl.js";
+import { T as h, a as F, b as M, c as P, d as u, e as D } from "../../TableSettings-D2qjh0E9.js";
+import { A as v, a as B, S as E, T as L } from "../../TableFilter-BoNsBNbv.js";
+import { S as H, T as I } from "../../Topbar-DifQ00kV.js";
+import { T as j } from "../../ThemeSelector-BCU1tFyR.js";
 export {
-  u as ActiveFilters,
-  D as AdvancedFilters,
-  n as CardSkeleton,
-  m as CardsSkeleton,
-  S as DatePicker,
+  v as ActiveFilters,
+  B as AdvancedFilters,
+  n as AppActions,
+  m as AppTitle,
+  f as CardSkeleton,
+  x as CardsSkeleton,
+  p as DatePicker,
   c as DateRangePicker,
-  f as ErrorState,
+  C as ErrorState,
   s as KpiCard,
   o as KpiCards,
-  x as LoadingState,
-  l as MetricCard,
-  b as MultiSelect,
-  p as SearchInput,
-  K as SearchableFilterPill,
-  T as SearchableSelect,
-  E as Sidebar,
-  k as TableActions,
-  A as TableBody,
-  g as TableBulkActions,
-  v as TableFilter,
-  h as TableHeader,
-  F as TablePagination,
-  M as TableSettings,
-  H as ThemeSelector,
-  L as Topbar
+  k as LoadingState,
+  i as MetricCard,
+  S as MultiSelect,
+  T as SearchInput,
+  E as SearchableFilterPill,
+  b as SearchableSelect,
+  H as Sidebar,
+  h as TableActions,
+  F as TableBody,
+  M as TableBulkActions,
+  L as TableFilter,
+  P as TableHeader,
+  u as TablePagination,
+  D as TableSettings,
+  j as ThemeSelector,
+  I as Topbar
 };

package/dist/components/core/inputs/index.js

@@ -1,4 +1,4 @@
-import { D as t, a as c, M as r, S as s, b as S } from "../../../SearchInput-Cf5NHhnz.js";
+import { D as t, a as c, M as r, S as s, b as S } from "../../../SearchInput-Dh-92XhU.js";
 export {
   t as DatePicker,
   c as DateRangePicker,