laif-ds 0.1.30 → 0.1.31

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/dropdown-menu.js

@@ -0,0 +1,131 @@
+"use client";
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import * as s from "react";
+import { Root as w, Trigger as x, Portal as N, Content as l, Item as m, Label as c, Separator as p, SubTrigger as f, SubContent as u, CheckboxItem as g, ItemIndicator as b, RadioItem as h } from "../../node_modules/@radix-ui/react-dropdown-menu/dist/index.js";
+import { cn as r } from "../../lib/utils.js";
+import y from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
+import v from "../../node_modules/lucide-react/dist/esm/icons/check.js";
+import R from "../../node_modules/lucide-react/dist/esm/icons/circle.js";
+const B = w, E = x, I = s.forwardRef(({ className: e, inset: t, children: o, ...n }, d) => /* @__PURE__ */ i(
+  f,
+  {
+    ref: d,
+    className: r(
+      "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      t && "pl-8",
+      e
+    ),
+    ...n,
+    children: [
+      o,
+      /* @__PURE__ */ a(y, { className: "ml-auto" })
+    ]
+  }
+));
+I.displayName = f.displayName;
+const C = s.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
+  u,
+  {
+    ref: o,
+    className: r(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
+      e
+    ),
+    ...t
+  }
+));
+C.displayName = u.displayName;
+const D = s.forwardRef(({ className: e, sideOffset: t = 4, ...o }, n) => /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a(
+  l,
+  {
+    ref: n,
+    sideOffset: t,
+    className: r(
+      "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
+      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
+      e
+    ),
+    ...o
+  }
+) }));
+D.displayName = l.displayName;
+const M = s.forwardRef(({ className: e, inset: t, ...o }, n) => /* @__PURE__ */ a(
+  m,
+  {
+    ref: n,
+    className: r(
+      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
+      t && "pl-8",
+      e
+    ),
+    ...o
+  }
+));
+M.displayName = m.displayName;
+const S = s.forwardRef(({ className: e, children: t, checked: o, ...n }, d) => /* @__PURE__ */ i(
+  g,
+  {
+    ref: d,
+    className: r(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    checked: o,
+    ...n,
+    children: [
+      /* @__PURE__ */ a("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a(b, { children: /* @__PURE__ */ a(v, { className: "h-4 w-4" }) }) }),
+      t
+    ]
+  }
+));
+S.displayName = g.displayName;
+const z = s.forwardRef(({ className: e, children: t, ...o }, n) => /* @__PURE__ */ i(
+  h,
+  {
+    ref: n,
+    className: r(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    ...o,
+    children: [
+      /* @__PURE__ */ a("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a(b, { children: /* @__PURE__ */ a(R, { className: "h-2 w-2 fill-current" }) }) }),
+      t
+    ]
+  }
+));
+z.displayName = h.displayName;
+const k = s.forwardRef(({ className: e, inset: t, ...o }, n) => /* @__PURE__ */ a(
+  c,
+  {
+    ref: n,
+    className: r(
+      "px-2 py-1.5 text-sm font-semibold",
+      t && "pl-8",
+      e
+    ),
+    ...o
+  }
+));
+k.displayName = c.displayName;
+const T = s.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
+  p,
+  {
+    ref: o,
+    className: r("-mx-1 my-1 h-px bg-muted", e),
+    ...t
+  }
+));
+T.displayName = p.displayName;
+export {
+  B as DropdownMenu,
+  S as DropdownMenuCheckboxItem,
+  D as DropdownMenuContent,
+  M as DropdownMenuItem,
+  k as DropdownMenuLabel,
+  z as DropdownMenuRadioItem,
+  T as DropdownMenuSeparator,
+  C as DropdownMenuSubContent,
+  I as DropdownMenuSubTrigger,
+  E as DropdownMenuTrigger
+};

package/dist/components/ui/table.js

@@ -3,18 +3,11 @@ import { jsx as a } from "react/jsx-runtime";
 import { cn as o } from "../../lib/utils.js";
 function n({ className: t, ...e }) {
   return /* @__PURE__ */ a(
-    "div",
+    "table",
     {
       "data-slot": "table-container",
-      className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ a(
-        "table",
-        {
-          "data-slot": "table",
-          className: o("w-full caption-bottom text-sm", t),
-          ...e
-        }
-      )
+      className: o("w-full caption-bottom text-sm relative w-full overflow-x-auto ", t),
+      ...e
     }
   );
 }

package/dist/index.d.ts

@@ -15,6 +15,7 @@ import { default as default_2 } from 'embla-carousel-react';
 import { default as default_3 } from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { Drawer as Drawer_2 } from 'vaul';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { FieldError } from 'react-hook-form';
 import { FieldPath } from 'react-hook-form';
 import { FieldValues } from 'react-hook-form';
@@ -564,7 +565,7 @@ declare interface CrossTableData {
     data: (CrossTableCell | null)[][];
 }
 
-export declare function DataCrossTable({ crossTableData, filterable, loading, emptyComponent, className, notFoundMessage, cornerHeaderFrom, cornerHeaderTo, maxHeaderLength, minWidthCell, initialFreezeColumn, initialFreezeRow, }: DataCrossTableProps): JSX.Element;
+export declare function DataCrossTable({ crossTableData, filterable, loading, emptyComponent, className, notFoundMessage, cornerHeaderFrom, cornerHeaderTo, maxHeaderLength, minWidthCell, }: DataCrossTableProps): JSX.Element;
 
 export declare interface DataCrossTableProps {
     crossTableData: CrossTableData;
@@ -577,8 +578,6 @@ export declare interface DataCrossTableProps {
     cornerHeaderTo?: string;
     maxHeaderLength?: number;
     minWidthCell?: number;
-    initialFreezeColumn?: boolean;
-    initialFreezeRow?: boolean;
     showFreezeControls?: boolean;
 }
 
@@ -658,6 +657,22 @@ export declare function DrawerTitle({ className, ...props }: React_2.ComponentPr
 
 export declare function DrawerTrigger({ ...props }: React_2.ComponentProps<typeof Drawer_2.Trigger>): JSX.Element;
 
+export declare const DropdownMenu: React_2.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+
+export declare const DropdownMenuContent: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DropdownMenuItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DropdownMenuLabel: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DropdownMenuSeparator: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DropdownMenuTrigger: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
+
 export declare const FilePreview: default_3.ForwardRefExoticComponent<FilePreviewProps & default_3.RefAttributes<HTMLDivElement>>;
 
 declare interface FilePreviewProps {