laif-ds 0.1.29 → 0.1.31

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

@@ -1,87 +1,89 @@
 "use client";
-import { jsx as r, jsxs as l, Fragment as A } from "react/jsx-runtime";
+import { jsx as r, jsxs as l, Fragment as R } from "react/jsx-runtime";
 import * as a from "react";
-import { useEffect as B } from "react";
-import { cn as h } from "../../lib/utils.js";
-import { Label as D } from "./label.js";
-import { Badge as F } from "./badge.js";
-import { Button as b } from "./button.js";
-import { Command as P, CommandInput as G, CommandList as V, CommandEmpty as X, CommandGroup as q, CommandItem as H } from "./command.js";
-import I from "../../node_modules/lucide-react/dist/esm/icons/x.js";
-import J from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
-import y from "../../node_modules/lucide-react/dist/esm/icons/check.js";
-const K = a.createContext({ size: "default" });
-function te({
-  options: d,
+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 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";
+import J from "../../node_modules/lucide-react/dist/esm/icons/x.js";
+import K from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
+import Q from "../../node_modules/lucide-react/dist/esm/icons/check.js";
+const T = a.createContext({ size: "default" });
+function ne({
+  options: o,
   value: t,
-  onChange: o,
+  onChange: i,
   placeholder: C = "Seleziona...",
   disabled: k = !1,
-  size: c = "default",
+  size: d = "default",
   label: g,
-  labelClassName: L,
-  emptyMessage: M = "Nessun risultato trovato",
-  className: j,
+  labelClassName: y,
+  emptyMessage: L = "Nessun risultato trovato",
+  className: M,
   filterPlaceholder: z = "Cerca...",
   cancelLabel: E = "Cancella selezione",
   cancelButtonLabel: O = "Cancella",
   maxSelectedItems: s
 }) {
-  const f = a.useId(), [i, w] = a.useState(!1), [m, x] = a.useState(""), p = a.useRef(null);
-  B(() => {
+  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) && i && w(!1);
+      h.current && !h.current.contains(n.target) && c && b(!1);
     };
     return document.addEventListener("mousedown", e), () => {
       document.removeEventListener("mousedown", e);
     };
-  }, [i]);
-  const R = a.useCallback((e) => {
+  }, [c]);
+  const S = a.useCallback((e) => {
     if (t.includes(e))
-      o(t.filter((n) => n !== e));
+      i(t.filter((n) => n !== e));
     else {
       if (s && t.length >= s)
         return;
-      o([...t, e]);
+      i([...t, e]);
     }
-  }, [t, o, s]), v = a.useCallback(() => {
-    o([]), x("");
-  }, [o]), u = a.useMemo(() => d.filter((e) => t.includes(e.value)), [d, t]), S = a.useMemo(() => m ? d.filter(
+  }, [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())
-  ) : d, [d, m]), N = a.useMemo(() => s ? t.length >= s : !1, [t, s]);
-  return /* @__PURE__ */ r(K.Provider, { value: { size: c, id: f }, children: /* @__PURE__ */ l("div", { className: "space-y-1.5", children: [
+  ) : 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(
-      D,
+      B,
       {
         htmlFor: f,
-        className: L,
+        className: y,
         children: g
       }
     ),
-    /* @__PURE__ */ l("div", { ref: p, className: "relative w-full", "data-slot": "multiple-select-dropdown", children: [
+    /* @__PURE__ */ l("div", { ref: h, className: "relative w-full", "data-slot": "app-multiple-select-dropdown", children: [
       /* @__PURE__ */ l(
-        b,
+        p,
         {
           id: f,
           type: "button",
           variant: "outline",
           role: "combobox",
-          "aria-expanded": i,
+          "aria-expanded": c,
           disabled: k,
-          className: h(
+          className: N(
             "relative w-full justify-between font-normal border",
             "flex items-center whitespace-nowrap rounded-md border border-d-input bg-transparent shadow-sm ring-offset-background focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
             "aria-invalid:ring-d-destructive/20 dark:aria-invalid:ring-d-destructive/40 aria-invalid:border-d-destructive",
-            c === "default" && "h-9 px-3 py-2 text-sm",
-            c === "sm" && "h-8 px-2 py-1 text-xs",
-            c === "lg" && "h-10 px-4 py-2 text-lg",
-            j
+            d === "default" && "h-9 px-3 py-2 text-sm",
+            d === "sm" && "h-8 px-2 py-1 text-xs",
+            d === "lg" && "h-10 px-4 py-2 text-lg",
+            M
           ),
-          onClick: () => w(!i),
+          onClick: () => b(!c),
           children: [
-            /* @__PURE__ */ r("div", { className: "flex items-center gap-2 w-full overflow-hidden", children: u.length > 0 ? /* @__PURE__ */ l(A, { children: [
+            /* @__PURE__ */ r("div", { className: "flex items-center gap-2 w-full overflow-hidden", children: u.length > 0 ? /* @__PURE__ */ l(R, { children: [
               /* @__PURE__ */ l(
-                F,
+                D,
                 {
                   variant: "secondary",
                   className: "flex items-center gap-1",
@@ -92,68 +94,74 @@ function te({
                 }
               ),
               /* @__PURE__ */ l(
-                b,
+                p,
                 {
                   variant: "ghost",
                   size: "sm",
                   className: "h-5 w-5 p-0 hover:bg-d-secondary/20 rounded-full",
                   onClick: (e) => {
-                    e.stopPropagation(), v();
+                    e.stopPropagation(), w();
                   },
                   children: [
-                    /* @__PURE__ */ r(I, { className: "h-3 w-3" }),
+                    /* @__PURE__ */ r(J, { className: "h-3 w-3" }),
                     /* @__PURE__ */ r("span", { className: "sr-only", children: E })
                   ]
                 }
               )
             ] }) : /* @__PURE__ */ r("span", { className: "text-d-muted-foreground", children: C }) }),
-            /* @__PURE__ */ r(J, { className: "h-4 w-4 opacity-50 shrink-0 ml-1" })
+            /* @__PURE__ */ r(K, { className: "h-4 w-4 opacity-50 shrink-0 ml-1" })
           ]
         }
       ),
-      i && /* @__PURE__ */ r("div", { className: "absolute z-50 w-full mt-1", children: /* @__PURE__ */ l(P, { className: "w-full border rounded-md shadow-md bg-d-popover", children: [
-        /* @__PURE__ */ l("div", { className: "flex items-center border-b px-3", children: [
+      c && /* @__PURE__ */ r("div", { className: "absolute z-50 w-full mt-1", children: /* @__PURE__ */ l(F, { className: "w-full rounded-md shadow-md bg-d-popover", children: [
+        /* @__PURE__ */ l("div", { className: "flex items-center px-3 border-b", children: [
           /* @__PURE__ */ r(
-            G,
+            H,
             {
+              iconLeft: "Search",
               placeholder: z,
               value: m,
-              onValueChange: x,
-              className: "flex h-9 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-d-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 border-0"
+              onChange: (e) => v(e.target.value),
+              className: "w-full !border-0 !border-none !outline-none focus-visible:ring-0 shadow-none"
             }
           ),
           u.length > 0 && /* @__PURE__ */ r(
-            b,
+            p,
             {
               variant: "ghost",
               size: "sm",
               className: "h-6 px-2 text-xs",
-              onClick: v,
+              onClick: w,
               children: O
             }
           )
         ] }),
-        /* @__PURE__ */ l(V, { className: "w-full", children: [
-          /* @__PURE__ */ r(X, { children: M }),
-          /* @__PURE__ */ r(q, { children: S.map((e) => {
+        /* @__PURE__ */ l(P, { className: "w-full max-h-60 overflow-auto", children: [
+          /* @__PURE__ */ r(G, { children: L }),
+          /* @__PURE__ */ r(X, { children: j.map((e) => {
             const n = t.includes(e.value);
             return /* @__PURE__ */ l(
-              H,
+              q,
               {
                 value: e.value,
-                disabled: e.disabled || !n && N,
-                onSelect: () => R(e.value),
-                className: h(
+                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 && N) && "cursor-not-allowed opacity-50"
+                  (e.disabled || !n && x) && "cursor-not-allowed opacity-50"
                 ),
                 children: [
-                  /* @__PURE__ */ r("div", { className: h(
-                    "flex h-4 w-4 items-center justify-center rounded-sm border border-d-primary",
-                    n ? "bg-d-primary text-d-primary-foreground" : ""
-                  ), children: n && /* @__PURE__ */ r(y, { className: "h-3 w-3" }) }),
-                  /* @__PURE__ */ r("span", { children: e.label }),
-                  n && /* @__PURE__ */ r("span", { className: "ml-auto flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ r(y, { className: "h-4 w-4" }) })
+                  /* @__PURE__ */ r(
+                    I,
+                    {
+                      checked: n,
+                      className: "flex-shrink-0 mr-2",
+                      onCheckedChange: () => {
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ r("span", { className: "truncate flex-1", children: e.label }),
+                  n && /* @__PURE__ */ r(Q, { className: "h-4 w-4 flex-shrink-0 ml-auto text-d-primary" })
                 ]
               },
               e.value
@@ -165,5 +173,5 @@ function te({
   ] }) });
 }
 export {
-  te as AppMultipleSelectDropdown
+  ne as AppMultipleSelectDropdown
 };

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

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