laif-ds 0.1.30 → 0.1.32

package/dist/components/ui/app-multiple-select-dropdown.js

@@ -5,7 +5,7 @@ import { useEffect as A } from "react";
 import { cn as N } from "../../lib/utils.js";
 import { Label as B } from "./label.js";
 import { Badge as D } from "./badge.js";
-import { Button as h } from "./button.js";
+import { Button as p } from "./button.js";
 import { Command as F, CommandList as P, CommandEmpty as G, CommandGroup as X, CommandItem as q } from "./command.js";
 import { Input as H } from "./input.js";
 import { Checkbox as I } from "./checkbox.js";
@@ -29,10 +29,10 @@ function ne({
   cancelButtonLabel: O = "Cancella",
   maxSelectedItems: s
 }) {
-  const f = a.useId(), [c, b] = a.useState(!1), [m, v] = a.useState(""), p = a.useRef(null);
+  const f = a.useId(), [c, b] = a.useState(!1), [m, v] = a.useState(""), h = a.useRef(null);
   A(() => {
     const e = (n) => {
-      p.current && !p.current.contains(n.target) && c && b(!1);
+      h.current && !h.current.contains(n.target) && c && b(!1);
     };
     return document.addEventListener("mousedown", e), () => {
       document.removeEventListener("mousedown", e);
@@ -46,11 +46,11 @@ function ne({
         return;
       i([...t, e]);
     }
-  }, [t, i, s]), x = a.useCallback(() => {
+  }, [t, i, s]), w = a.useCallback(() => {
     i([]), v("");
   }, [i]), u = a.useMemo(() => o.filter((e) => t.includes(e.value)), [o, t]), j = a.useMemo(() => m ? o.filter(
     (e) => e.label.toLowerCase().includes(m.toLowerCase())
-  ) : o, [o, m]), w = a.useMemo(() => s ? t.length >= s : !1, [t, s]);
+  ) : o, [o, m]), x = a.useMemo(() => s ? t.length >= s : !1, [t, s]);
   return /* @__PURE__ */ r(T.Provider, { value: { size: d, id: f }, children: /* @__PURE__ */ l("div", { className: "space-y-1.5", children: [
     g && /* @__PURE__ */ r(
       B,
@@ -60,9 +60,9 @@ function ne({
         children: g
       }
     ),
-    /* @__PURE__ */ l("div", { ref: p, className: "relative w-full", "data-slot": "app-multiple-select-dropdown", children: [
+    /* @__PURE__ */ l("div", { ref: h, className: "relative w-full", "data-slot": "app-multiple-select-dropdown", children: [
       /* @__PURE__ */ l(
-        h,
+        p,
         {
           id: f,
           type: "button",
@@ -94,13 +94,13 @@ function ne({
                 }
               ),
               /* @__PURE__ */ l(
-                h,
+                p,
                 {
                   variant: "ghost",
                   size: "sm",
                   className: "h-5 w-5 p-0 hover:bg-d-secondary/20 rounded-full",
                   onClick: (e) => {
-                    e.stopPropagation(), x();
+                    e.stopPropagation(), w();
                   },
                   children: [
                     /* @__PURE__ */ r(J, { className: "h-3 w-3" }),
@@ -122,16 +122,16 @@ function ne({
               placeholder: z,
               value: m,
               onChange: (e) => v(e.target.value),
-              className: "w-full !border-0 !border-none !outline-none focus-visible:ring-0"
+              className: "w-full !border-0 !border-none !outline-none focus-visible:ring-0 shadow-none"
             }
           ),
           u.length > 0 && /* @__PURE__ */ r(
-            h,
+            p,
             {
               variant: "ghost",
               size: "sm",
               className: "h-6 px-2 text-xs",
-              onClick: x,
+              onClick: w,
               children: O
             }
           )
@@ -144,11 +144,11 @@ function ne({
               q,
               {
                 value: e.value,
-                disabled: e.disabled || !n && w,
+                disabled: e.disabled || !n && x,
                 onSelect: () => S(e.value),
                 className: N(
                   "flex items-center gap-2 px-2 py-1.5 aria-selected:bg-d-accent aria-selected:text-d-accent-foreground cursor-pointer",
-                  (e.disabled || !n && w) && "cursor-not-allowed opacity-50"
+                  (e.disabled || !n && x) && "cursor-not-allowed opacity-50"
                 ),
                 children: [
                   /* @__PURE__ */ r(

package/dist/components/ui/data-cross-table.js

@@ -1,97 +1,95 @@
 "use client";
-import { jsxs as y, jsx as o } from "react/jsx-runtime";
-import { useState as T, useMemo as N } from "react";
-import { useReactTable as J, flexRender as D } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
-import { TableSkeleton as K } from "./table-skeleton.js";
-import { Button as M } from "./button.js";
-import { TooltipProvider as Q, Tooltip as X, TooltipTrigger as Y, TooltipContent as Z } from "./tooltip.js";
-import { TableRow as R, TableCell as L, Table as _, TableHeader as W, TableHead as H, TableBody as z } from "./table.js";
-import { getSortedRowModel as F, getCoreRowModel as ee } from "../../node_modules/@tanstack/table-core/build/lib/index.js";
-function x({ text: u, maxLength: c, className: g = "" }) {
-  return !u || u.length <= c ? /* @__PURE__ */ o("div", { className: g, children: u }) : /* @__PURE__ */ o(Q, { children: /* @__PURE__ */ y(X, { children: [
-    /* @__PURE__ */ o(Y, { asChild: !0, children: /* @__PURE__ */ y("div", { className: `truncate ${g} cursor-pointer`, children: [
-      u.substring(0, c),
+import { jsxs as b, jsx as o } from "react/jsx-runtime";
+import { useState as C, useMemo as S } from "react";
+import { useReactTable as P, flexRender as V } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
+import { TableSkeleton as U } from "./table-skeleton.js";
+import { Button as j } from "./button.js";
+import { TooltipProvider as q, Tooltip as G, TooltipTrigger as J, TooltipContent as K } from "./tooltip.js";
+import { TableRow as T, TableCell as A, Table as Q, TableHeader as X, TableHead as Y, TableBody as Z } from "./table.js";
+import { getSortedRowModel as _, getCoreRowModel as W } from "../../node_modules/@tanstack/table-core/build/lib/index.js";
+function v({ text: c, maxLength: a, className: h = "" }) {
+  return !c || c.length <= a ? /* @__PURE__ */ o("div", { className: h, children: c }) : /* @__PURE__ */ o(q, { children: /* @__PURE__ */ b(G, { children: [
+    /* @__PURE__ */ o(J, { asChild: !0, children: /* @__PURE__ */ b("div", { className: `truncate ${h} cursor-pointer`, children: [
+      c.substring(0, a),
       "..."
     ] }) }),
-    /* @__PURE__ */ o(Z, { children: /* @__PURE__ */ o("p", { children: u }) })
+    /* @__PURE__ */ o(K, { children: /* @__PURE__ */ o("p", { children: c }) })
   ] }) });
 }
 function ie({
-  crossTableData: u,
-  filterable: c = !1,
-  loading: g = !1,
-  emptyComponent: $,
-  className: k,
-  notFoundMessage: I = "Nessun risultato trovato.",
-  cornerHeaderFrom: w = "Da",
-  cornerHeaderTo: S = "A",
-  maxHeaderLength: v = 15,
-  minWidthCell: V = 160,
-  initialFreezeColumn: i = !0,
-  initialFreezeRow: b = !1
+  crossTableData: c,
+  filterable: a = !1,
+  loading: h = !1,
+  emptyComponent: D,
+  className: N,
+  notFoundMessage: M = "Nessun risultato trovato.",
+  cornerHeaderFrom: x = "Da",
+  cornerHeaderTo: w = "A",
+  maxHeaderLength: g = 15,
+  minWidthCell: R = 160
 }) {
-  const [B, E] = T([]), { headerTop: f, headerLeft: h, data: p } = u, [m, O] = T(null), [C, j] = T(!0), P = (n) => n && typeof n == "object" && "value" in n ? n.value : n, d = N(() => {
-    if (!m) return f;
-    const n = h.indexOf(m);
-    if (n === -1) return f;
-    const r = f.map((e, t) => {
-      var a;
-      const s = ((a = p[n]) == null ? void 0 : a[t]) ?? null, l = P(s);
+  const [L, $] = C([]), { headerTop: d, headerLeft: m, data: f } = c, [p, I] = C(null), [y, k] = C(!0), B = (n) => n && typeof n == "object" && "value" in n ? n.value : n, u = S(() => {
+    if (!p) return d;
+    const n = m.indexOf(p);
+    if (n === -1) return d;
+    const r = d.map((e, t) => {
+      var i;
+      const s = ((i = f[n]) == null ? void 0 : i[t]) ?? null, l = B(s);
       return { header: e, value: l };
     });
     return r.sort((e, t) => {
       if (typeof e.value == "number" && typeof t.value == "number")
-        return C ? e.value - t.value : t.value - e.value;
+        return y ? e.value - t.value : t.value - e.value;
       const s = String(e.value ?? ""), l = String(t.value ?? "");
-      return C ? s.localeCompare(l) : l.localeCompare(s);
+      return y ? s.localeCompare(l) : l.localeCompare(s);
     }), r.map((e) => e.header);
-  }, [f, h, p, m, C]), U = N(() => {
+  }, [d, m, f, p, y]), F = S(() => {
     const n = [
       {
         id: "cross-header",
-        header: () => /* @__PURE__ */ y("div", { className: "relative", children: [
-          /* @__PURE__ */ o("div", { className: "absolute top-0 left-2 text-xs", children: w }),
-          /* @__PURE__ */ o("div", { className: "absolute bottom-0 right-2 text-xs", children: S })
+        header: () => /* @__PURE__ */ b("div", { className: "relative", children: [
+          /* @__PURE__ */ o("div", { className: "absolute top-0 left-2 text-xs", children: x }),
+          /* @__PURE__ */ o("div", { className: "absolute bottom-0 right-2 text-xs", children: w })
         ] }),
         accessorFn: (r) => r.item,
         cell: (r) => {
           const e = r.getValue();
-          if (!c)
-            return /* @__PURE__ */ o(x, { text: e, maxLength: v, className: "text-left" });
-          const t = m === e;
+          if (!a)
+            return /* @__PURE__ */ o(v, { text: e, maxLength: g, className: "text-left" });
+          const t = p === e;
           return /* @__PURE__ */ o(
-            M,
+            j,
             {
               variant: "ghost",
               size: "sm",
               iconLeft: "ArrowLeftRight",
               className: "text-right",
               onClick: () => {
-                c && (t ? j((s) => !s) : (O(e), j(!0)));
+                a && (t ? k((s) => !s) : (I(e), k(!0)));
               },
-              children: /* @__PURE__ */ o(x, { text: e, maxLength: v })
+              children: /* @__PURE__ */ o(v, { text: e, maxLength: g })
             }
           );
         }
       }
     ];
-    return d.forEach((r) => {
+    return u.forEach((r) => {
       n.push({
         id: r,
         accessorFn: (e) => e[r],
-        header: ({ column: e }) => c ? /* @__PURE__ */ o(
-          M,
+        header: ({ column: e }) => a ? /* @__PURE__ */ o(
+          j,
           {
             variant: "ghost",
             size: "sm",
             iconLeft: "ArrowUpDown",
-            onClick: c ? () => e.toggleSorting(e.getIsSorted() === "asc") : void 0,
-            children: /* @__PURE__ */ o(x, { text: r, maxLength: v })
+            onClick: a ? () => e.toggleSorting(e.getIsSorted() === "asc") : void 0,
+            children: /* @__PURE__ */ o(v, { text: r, maxLength: g })
           }
-        ) : /* @__PURE__ */ o(x, { text: r, maxLength: v, className: "font-medium" }),
+        ) : /* @__PURE__ */ o(v, { text: r, maxLength: g, className: "font-medium" }),
         sortingFn: (e, t, s) => {
-          let l = e.getValue(s), a = t.getValue(s);
-          return l == null && a == null ? 0 : l == null ? 1 : a == null ? -1 : (l && typeof l == "object" && "value" in l && (l = l.value), a && typeof a == "object" && "value" in a && (a = a.value), typeof l == "number" && typeof a == "number" ? l - a : String(l).localeCompare(String(a)));
+          let l = e.getValue(s), i = t.getValue(s);
+          return l == null && i == null ? 0 : l == null ? 1 : i == null ? -1 : (l && typeof l == "object" && "value" in l && (l = l.value), i && typeof i == "object" && "value" in i && (i = i.value), typeof l == "number" && typeof i == "number" ? l - i : String(l).localeCompare(String(i)));
         },
         //NOTE Cell is responsible for rendering the cell of his column
         cell: (e) => {
@@ -100,79 +98,86 @@ function ie({
         }
       });
     }), n;
-  }, [d, w, S, m, c]), q = N(() => h.map((n, r) => {
+  }, [u, x, w, p, a]), E = S(() => m.map((n, r) => {
     const e = { item: n };
-    return d.forEach((t) => {
+    return u.forEach((t) => {
       var l;
-      const s = f.indexOf(t);
-      e[t] = s !== -1 ? ((l = p[r]) == null ? void 0 : l[s]) ?? null : null;
+      const s = d.indexOf(t);
+      e[t] = s !== -1 ? ((l = f[r]) == null ? void 0 : l[s]) ?? null : null;
     }), e;
-  }), [h, d, p, f]), A = J({
-    data: q,
-    columns: U,
-    state: { sorting: B },
-    onSortingChange: E,
-    getCoreRowModel: ee(),
-    getSortedRowModel: F()
+  }), [m, u, f, d]), z = P({
+    data: E,
+    columns: F,
+    state: { sorting: L },
+    onSortingChange: $,
+    getCoreRowModel: W(),
+    getSortedRowModel: _()
   });
-  if (!p || p.length === 0)
-    return /* @__PURE__ */ o(R, { children: /* @__PURE__ */ o(L, { colSpan: d.length + 1, children: $ || I }) });
-  if (g)
+  if (!f || f.length === 0)
+    return /* @__PURE__ */ o(T, { children: /* @__PURE__ */ o(A, { colSpan: u.length + 1, children: D || M }) });
+  if (h)
     return /* @__PURE__ */ o(
-      K,
+      U,
       {
-        headerRow: d,
-        rowCount: h.length || 5,
-        columnCount: d.length || 5,
-        className: k,
-        cornerHeaderFrom: w,
-        cornerHeaderTo: S
+        headerRow: u,
+        rowCount: m.length || 5,
+        columnCount: u.length || 5,
+        className: N,
+        cornerHeaderFrom: x,
+        cornerHeaderTo: w
       }
     );
-  const G = (n) => {
-    const r = n.column.id === "cross-header", e = r && b, t = ["bg-d-secondary"];
-    r && i || t.push("border-r"), r && i && t.push("sticky left-0"), b && t.push("sticky top-0 z-20"), e ? t.push("z-40") : r && i && t.push("z-30");
+  const O = (n) => {
+    const r = n.column.id === "cross-header", e = r, t = ["bg-d-secondary"];
+    r || t.push("border-r"), r && t.push("sticky left-0"), t.push("sticky top-0 z-20"), e ? t.push("z-40") : r && t.push("z-30");
     let s = "none";
-    return r && i ? b ? s = "inset -1px 0 0 0 var(--d-border), 0 1px 0 0 var(--d-border)" : s = "inset -1px 0 0 0 var(--d-border)" : b && (s = "0 1px 0 0 var(--d-border)"), {
+    return r && (s = "inset -1px 0 0 0 var(--d-border), 0 1px 0 0 var(--d-border)"), {
       className: t.join(" "),
-      style: { boxShadow: s, width: `${V}px` }
+      style: { boxShadow: s, width: `${R}px` }
     };
   };
-  return /* @__PURE__ */ o("div", { className: `w-[900px] ${k || ""}`, children: /* @__PURE__ */ o("div", { className: "rounded-md border overflow-auto max-h-[600px]", children: /* @__PURE__ */ y(_, { className: "w-full table-fixed relative border-collapse", children: [
-    /* @__PURE__ */ o(W, { children: A.getHeaderGroups().map((n) => /* @__PURE__ */ o(
-      R,
+  return /* @__PURE__ */ o("div", { className: `w-[900px] ${N || ""}`, children: /* @__PURE__ */ o("div", { className: "rounded-md border overflow-auto max-h-[600px]", children: /* @__PURE__ */ b(Q, { className: "w-full table-fixed relative border-collapse", children: [
+    /* @__PURE__ */ o(
+      X,
       {
-        className: i ? "sticky top-0 z-20 bg-d-secondary" : "",
-        children: n.headers.map((r) => {
-          const e = G(r);
-          return /* @__PURE__ */ o(
-            H,
-            {
-              className: e.className,
-              style: e.style,
-              children: r.isPlaceholder ? null : D(
-                r.column.columnDef.header,
-                r.getContext()
-              )
-            },
-            r.id
-          );
-        })
-      },
-      n.id
-    )) }),
-    /* @__PURE__ */ o(z, { children: A.getRowModel().rows.map((n) => /* @__PURE__ */ o(R, { children: n.getVisibleCells().map((r, e) => {
-      const t = e === 0, s = r.getValue(), l = t && i ? "var(--d-secondary)" : (s == null ? void 0 : s.color) || "transparent";
+        className: "sticky top-0 z-20 bg-d-secondary",
+        style: { boxShadow: "0 1px 0 0 var(--d-border)" },
+        children: z.getHeaderGroups().map((n) => /* @__PURE__ */ o(
+          T,
+          {
+            className: "sticky top-0 z-20 bg-d-secondary",
+            children: n.headers.map((r) => {
+              const e = O(r);
+              return /* @__PURE__ */ o(
+                Y,
+                {
+                  className: e.className,
+                  style: e.style,
+                  children: r.isPlaceholder ? null : V(
+                    r.column.columnDef.header,
+                    r.getContext()
+                  )
+                },
+                r.id
+              );
+            })
+          },
+          n.id
+        ))
+      }
+    ),
+    /* @__PURE__ */ o(Z, { children: z.getRowModel().rows.map((n) => /* @__PURE__ */ o(T, { children: n.getVisibleCells().map((r, e) => {
+      const t = e === 0, s = r.getValue(), l = t ? "var(--d-secondary)" : (s == null ? void 0 : s.color) || "transparent";
       return /* @__PURE__ */ o(
-        L,
+        A,
         {
-          className: `text-center ${t && i ? "sticky left-0 z-10" : "border-r"}`,
+          className: `text-center ${t ? "sticky left-0 z-10" : "border-r"}`,
           style: {
-            boxShadow: t && i ? "inset -1px 0 0 0 var(--d-border)" : "none",
+            boxShadow: t ? "inset -1px 0 0 0 var(--d-border)" : "none",
             backgroundColor: l,
-            width: `${V}px`
+            width: `${R}px`
           },
-          children: D(
+          children: V(
             r.column.columnDef.cell,
             r.getContext()
           )

package/dist/components/ui/data-table.js

@@ -2,32 +2,33 @@
 import { jsx as l, jsxs as d } from "react/jsx-runtime";
 import { useReactTable as _, flexRender as b } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
 import j, { useState as i, useEffect as B } from "react";
-import { Checkbox as w } from "./checkbox.js";
-import { Input as L } from "./input.js";
-import { ScrollArea as E, ScrollBar as p } from "./scroll-area.js";
-import { Table as G, TableHeader as W, TableRow as r, TableHead as q, TableBody as J, TableCell as m } from "./table.js";
-import { Skeleton as K } from "./skeleton.js";
-import { getFilteredRowModel as O, getSortedRowModel as Q, getPaginationRowModel as U, getCoreRowModel as X } from "../../node_modules/@tanstack/table-core/build/lib/index.js";
-function re({
-  columns: a,
+import { cn as L } from "../../lib/utils.js";
+import { Checkbox as p } from "./checkbox.js";
+import { Input as E } from "./input.js";
+import { ScrollArea as G, ScrollBar as w } from "./scroll-area.js";
+import { Table as W, TableHeader as q, TableRow as r, TableHead as J, TableBody as K, TableCell as m } from "./table.js";
+import { Skeleton as O } from "./skeleton.js";
+import { getFilteredRowModel as Q, getSortedRowModel as U, getPaginationRowModel as X, getCoreRowModel as Y } from "../../node_modules/@tanstack/table-core/build/lib/index.js";
+function se({
+  columns: n,
   data: g,
   loading: C = !1,
   emptyComponent: R,
   className: k,
-  rowSelection: N = {},
+  rowSelection: x = {},
   onRowSelectionChange: u,
-  checkable: n = !1,
+  checkable: a = !1,
   onCheckedRowsChange: c,
-  notFoundMessage: x = "Nessun risultato trovato.",
+  notFoundMessage: y = "Nessun risultato trovato.",
   clientFilter: s = null,
-  clientFilterPlaceholder: y = "Cerca..."
+  clientFilterPlaceholder: M = "Cerca..."
 }) {
   var h, S;
-  const [M, v] = i([]), [T, $] = i([]), [z, D] = i({}), [F, V] = i({}), f = u ? N : F, A = u || V, H = j.useMemo(() => n ? [
+  const [N, v] = i([]), [T, z] = i([]), [D, F] = i({}), [V, $] = i({}), f = u ? x : V, A = u || $, H = j.useMemo(() => a ? [
     {
       id: "select",
       header: ({ table: t }) => /* @__PURE__ */ l("div", { className: "text-center", children: /* @__PURE__ */ l(
-        w,
+        p,
         {
           checked: t.getIsAllPageRowsSelected(),
           onCheckedChange: (e) => t.toggleAllPageRowsSelected(!!e),
@@ -35,7 +36,7 @@ function re({
         }
       ) }),
       cell: ({ row: t }) => /* @__PURE__ */ l("div", { className: "text-center", children: /* @__PURE__ */ l(
-        w,
+        p,
         {
           checked: t.getIsSelected(),
           onCheckedChange: (e) => t.toggleSelected(!!e),
@@ -45,36 +46,36 @@ function re({
       enableSorting: !1,
       enableHiding: !1
     },
-    ...a
-  ] : a, [a, n]), o = _({
+    ...n
+  ] : n, [n, a]), o = _({
     data: g,
     columns: H,
-    getCoreRowModel: X(),
-    getPaginationRowModel: U(),
+    getCoreRowModel: Y(),
+    getPaginationRowModel: X(),
     onSortingChange: v,
-    getSortedRowModel: Q(),
-    onColumnFiltersChange: $,
-    getFilteredRowModel: O(),
-    onColumnVisibilityChange: D,
+    getSortedRowModel: U(),
+    onColumnFiltersChange: z,
+    getFilteredRowModel: Q(),
+    onColumnVisibilityChange: F,
     onRowSelectionChange: A,
     state: {
-      sorting: M,
+      sorting: N,
       columnFilters: T,
-      columnVisibility: z,
+      columnVisibility: D,
       rowSelection: f
     }
   });
   return B(() => {
-    if (c && n) {
+    if (c && a) {
       const t = o.getFilteredSelectedRowModel().rows.map((e) => e.original);
       c(t);
     }
-  }, [o, c, n, f]), /* @__PURE__ */ d("div", { className: `w-full ${k}`, children: [
+  }, [o, c, a, f]), /* @__PURE__ */ d("div", { className: L("w-full h-full", k), children: [
     s && /* @__PURE__ */ l("div", { className: "flex items-center py-4", children: /* @__PURE__ */ l(
-      L,
+      E,
       {
         iconLeft: "Search",
-        placeholder: y ?? "Cerca...",
+        placeholder: M ?? "Cerca...",
         value: (h = o.getColumn(s)) == null ? void 0 : h.getFilterValue(),
         onChange: (t) => {
           var e;
@@ -83,12 +84,12 @@ function re({
         className: "max-w-sm"
       }
     ) }),
-    /* @__PURE__ */ l("div", { className: "rounded-md border", children: /* @__PURE__ */ d(E, { className: "h-full w-full", children: [
-      /* @__PURE__ */ l(p, { orientation: "horizontal" }),
-      /* @__PURE__ */ l(p, { orientation: "vertical" }),
-      /* @__PURE__ */ d(G, { children: [
-        /* @__PURE__ */ l(W, { children: o.getHeaderGroups().map((t) => /* @__PURE__ */ l(r, { children: t.headers.map((e) => /* @__PURE__ */ l(
-          q,
+    /* @__PURE__ */ d(G, { className: "h-full w-full rounded-md border", children: [
+      /* @__PURE__ */ l(w, { orientation: "horizontal" }),
+      /* @__PURE__ */ l(w, { orientation: "vertical" }),
+      /* @__PURE__ */ d(W, { children: [
+        /* @__PURE__ */ l(q, { children: o.getHeaderGroups().map((t) => /* @__PURE__ */ l(r, { children: t.headers.map((e) => /* @__PURE__ */ l(
+          J,
           {
             className: `${e.column.columnDef.sticky ? "sticky left-0 z-10 bg-d-background" : ""}`,
             children: e.isPlaceholder ? null : b(
@@ -98,11 +99,11 @@ function re({
           },
           e.id
         )) }, t.id)) }),
-        /* @__PURE__ */ l(J, { children: C ? Array.from({ length: g.length || 8 }).map((t, e) => /* @__PURE__ */ l(r, { children: o.getHeaderGroups()[0].headers.map((P, I) => /* @__PURE__ */ l(
+        /* @__PURE__ */ l(K, { children: C ? Array.from({ length: g.length || 8 }).map((t, e) => /* @__PURE__ */ l(r, { children: o.getHeaderGroups()[0].headers.map((P, I) => /* @__PURE__ */ l(
           m,
           {
             className: `w-full ${P.column.columnDef.sticky ? "sticky left-0 z-10 bg-d-background" : ""}`,
-            children: /* @__PURE__ */ l(K, { className: "h-6 w-full" })
+            children: /* @__PURE__ */ l(O, { className: "h-6 w-full" })
           },
           `skeleton-cell-${e}-${I}`
         )) }, `skeleton-row-${e}`)) : (S = o.getRowModel().rows) != null && S.length ? o.getRowModel().rows.map((t) => /* @__PURE__ */ l(
@@ -125,15 +126,15 @@ function re({
         )) : /* @__PURE__ */ l(r, { children: /* @__PURE__ */ l(
           m,
           {
-            colSpan: a.length,
+            colSpan: n.length,
             className: "h-24 text-center",
-            children: R || x
+            children: R || y
           }
         ) }) })
       ] })
-    ] }) })
+    ] })
   ] });
 }
 export {
-  re as DataTable
+  se as DataTable
 };