@gearbox-protocol/permissionless-ui 1.12.4 → 1.13.0

package/dist/esm/components/table/grid-table.js

@@ -1,10 +1,10 @@
-import { jsx as r } from "react/jsx-runtime";
-import { cva as m } from "class-variance-authority";
+import { jsx as s } from "react/jsx-runtime";
+import { cva as n } from "class-variance-authority";
 import * as d from "react";
-import { Col as n } from "../layout/col/col.js";
-import { Grid as f } from "../layout/grid/grid.js";
-import { cn as s } from "../../utils/cn.js";
-const b = m("w-full", {
+import { Col as f } from "../layout/col/col.js";
+import { Grid as c } from "../layout/grid/grid.js";
+import { cn as i } from "../../utils/cn.js";
+const T = n("w-full", {
   variants: {
     size: {
       sm: "text-xs",
@@ -15,66 +15,72 @@ const b = m("w-full", {
   defaultVariants: {
     size: "default"
   }
-}), c = d.forwardRef(
-  ({ className: e, size: a, cols: t = 12, gap: i = 0, ...l }, o) => /* @__PURE__ */ r("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ r(
-    f,
+}), g = d.forwardRef(
+  ({ className: e, size: t, cols: a = 12, gap: l = 0, ...r }, o) => /* @__PURE__ */ s("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ s(
+    c,
     {
       ref: o,
-      cols: t,
-      gap: i,
-      className: s(b({ size: a, className: e })),
-      ...l
+      cols: a,
+      gap: l,
+      className: i(T({ size: t, className: e })),
+      ...r
     }
   ) })
 );
-c.displayName = "GridTable";
-const p = d.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(
+g.displayName = "GridTable";
+const G = d.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
   "div",
   {
-    ref: t,
-    className: s("contents [&>*]:border-b [&>*]:border-border", e),
-    ...a
+    ref: a,
+    className: i("contents [&>*]:border-b [&>*]:border-border", e),
+    ...t
   }
 ));
-p.displayName = "GridTableHeader";
-const u = d.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(
+G.displayName = "GridTableHeader";
+const N = d.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
   "div",
   {
-    ref: t,
-    className: s("contents [&>*:last-child>*]:border-0", e),
-    ...a
+    ref: a,
+    className: i("contents [&>*:last-child>*]:border-0", e),
+    ...t
   }
 ));
-u.displayName = "GridTableBody";
-const y = d.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(
+N.displayName = "GridTableBody";
+const w = d.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
   "div",
   {
-    ref: t,
-    className: s(
+    ref: a,
+    className: i(
       "contents [&>*]:border-t [&>*]:bg-muted/50 [&>*]:font-medium",
       e
     ),
-    ...a
+    ...t
   }
 ));
-y.displayName = "GridTableFooter";
-const T = d.forwardRef(
-  ({ className: e, cols: a, gap: t = 0, ...i }, l) => /* @__PURE__ */ r(
-    f,
-    {
-      ref: l,
-      cols: a,
-      gap: t,
-      className: s(
-        "contents md:[&>*]:border-b [&>*]:border-border [&>*]:transition-colors hover:[&>*]:bg-muted/50 data-[state=selected]:[&>*]:bg-muted",
-        e
-      ),
-      ...i
-    }
-  )
+w.displayName = "GridTableFooter";
+const v = d.forwardRef(
+  ({ className: e, cols: t, gap: a = 0, last: l, height: r, hideValue: o, style: u, ...y }, x) => {
+    const m = typeof r == "number" ? `${r}px` : r;
+    return /* @__PURE__ */ s(
+      c,
+      {
+        ref: x,
+        cols: t,
+        gap: a,
+        className: i(
+          "contents md:[&>*]:border-b [&>*]:border-border [&>*]:transition-colors hover:[&>*]:bg-muted/50 data-[state=selected]:[&>*]:bg-muted",
+          l && "[&>*]:border-b-0",
+          o && "[&>*]:opacity-0",
+          e
+        ),
+        style: { ...u, ...m ? { height: m } : {} },
+        ...y
+      }
+    );
+  }
 );
-T.displayName = "GridTableRow";
-const G = m(
+v.displayName = "GridTableRow";
+const R = n(
   "flex items-center justify-startborder-b text-left align-middle font-medium text-muted-foreground !bg-transparent",
   {
     variants: {
@@ -94,63 +100,71 @@ const G = m(
       justify: "start"
     }
   }
-), N = d.forwardRef(
-  ({ className: e, size: a, span: t = 1, justify: i = "start", ...l }, o) => /* @__PURE__ */ r(
-    n,
+), b = d.forwardRef(
+  ({ className: e, size: t, span: a = 1, justify: l = "start", ...r }, o) => /* @__PURE__ */ s(
+    f,
     {
       ref: o,
-      span: t,
-      className: s(G({ size: a, justify: i, className: e })),
-      ...l
+      span: a,
+      className: i(R({ size: t, justify: l, className: e })),
+      ...r
     }
   )
 );
-N.displayName = "GridTableHead";
-const x = m("align-middle", {
+b.displayName = "GridTableHead";
+const h = n("align-middle", {
   variants: {
     size: {
       sm: "p-2",
       default: "p-4",
       lg: "p-6"
+    },
+    textAlign: {
+      left: "text-left",
+      center: "text-center",
+      right: "text-right"
     }
   },
   defaultVariants: {
     size: "default"
   }
-}), g = d.forwardRef(
-  ({ className: e, size: a, span: t = 1, ...i }, l) => /* @__PURE__ */ r(
-    n,
+}), p = d.forwardRef(
+  ({ className: e, size: t, span: a = 1, textAlign: l, ...r }, o) => /* @__PURE__ */ s(
+    f,
     {
-      ref: l,
-      span: t,
-      className: s(x({ size: a, className: e })),
-      ...i
+      ref: o,
+      span: a,
+      className: i(h({ size: t, textAlign: l, className: e })),
+      ...r
     }
   )
 );
-g.displayName = "GridTableCell";
-const w = d.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ r(
+p.displayName = "GridTableCell";
+const j = d.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
   "div",
   {
-    ref: t,
-    className: s(
+    ref: a,
+    className: i(
       "col-span-full mt-4 text-sm text-muted-foreground",
       e
     ),
-    ...a
+    ...t
   }
 ));
-w.displayName = "GridTableCaption";
+j.displayName = "GridTableCaption";
+const F = p, A = b;
 export {
-  c as GridTable,
-  u as GridTableBody,
-  w as GridTableCaption,
-  g as GridTableCell,
-  y as GridTableFooter,
-  N as GridTableHead,
-  p as GridTableHeader,
-  T as GridTableRow,
-  x as gridTableCellVariants,
-  G as gridTableHeadVariants,
-  b as gridTableVariants
+  g as GridTable,
+  N as GridTableBody,
+  j as GridTableCaption,
+  p as GridTableCell,
+  w as GridTableFooter,
+  b as GridTableHead,
+  G as GridTableHeader,
+  v as GridTableRow,
+  F as Td,
+  A as Th,
+  h as gridTableCellVariants,
+  R as gridTableHeadVariants,
+  T as gridTableVariants
 };

package/dist/esm/components/table/index.js

@@ -1,16 +1,16 @@
 import { EditButton as r } from "./edit-button.js";
-import { GridTableCellAsset as o, GridTableCellUpdatable as b, GridTableEditable as d } from "./editable-grid-table.js";
+import { GridTableCellAsset as o, GridTableCellUpdatable as d, GridTableEditable as b } from "./editable-grid-table.js";
 import { TableCellAsset as i, TableCellUpdatable as T, TableEditable as p } from "./editable-table.js";
 import { GridErrorLine as G } from "./grid-error-line.js";
 import { GridLoadingLine as f } from "./grid-loading-line.js";
-import { GridTable as C, GridTableBody as s, GridTableCaption as H, GridTableCell as L, GridTableFooter as V, GridTableHead as g, GridTableHeader as E, GridTableRow as S, gridTableCellVariants as u, gridTableHeadVariants as B, gridTableVariants as U } from "./grid-table.js";
-import { GridTableLoader as y } from "./grid-table-loader.js";
-import { SortableHeadCell as F } from "./sortable-head-cell.js";
-import { SortingTableHead as c, Table as h, TableBody as j, TableCaption as k, TableCell as q, TableFooter as v, TableHead as z, TableHeader as D, TableRow as I, tableCellVariants as J, tableHeadVariants as K, tableVariants as M } from "./table.js";
-import { TableLoader as O } from "./table-loader.js";
-import { TableLoaderGuard as Q } from "./table-loader-guard.js";
-import { TableCellSm as X, TableLineSm as Y } from "./table-sm.js";
-import { UpdatedValue as _ } from "./updated-value.js";
+import { GridTable as C, GridTableBody as s, GridTableCaption as H, GridTableCell as L, GridTableFooter as V, GridTableHead as g, GridTableHeader as E, GridTableRow as S, Td as u, Th as B, gridTableCellVariants as U, gridTableHeadVariants as w, gridTableVariants as y } from "./grid-table.js";
+import { GridTableLoader as F } from "./grid-table-loader.js";
+import { SortableHeadCell as h } from "./sortable-head-cell.js";
+import { SortingTableHead as j, Table as k, TableBody as q, TableCaption as v, TableCell as z, TableFooter as D, TableHead as I, TableHeader as J, TableRow as K, tableCellVariants as M, tableHeadVariants as N, tableVariants as O } from "./table.js";
+import { TableLoader as Q } from "./table-loader.js";
+import { TableLoaderGuard as X } from "./table-loader-guard.js";
+import { TableCellSm as Z, TableLineSm as _ } from "./table-sm.js";
+import { UpdatedValue as ee } from "./updated-value.js";
 export {
   r as EditButton,
   G as GridErrorLine,
@@ -20,35 +20,37 @@ export {
   H as GridTableCaption,
   L as GridTableCell,
   o as GridTableCellAsset,
-  b as GridTableCellUpdatable,
-  d as GridTableEditable,
+  d as GridTableCellUpdatable,
+  b as GridTableEditable,
   V as GridTableFooter,
   g as GridTableHead,
   E as GridTableHeader,
-  y as GridTableLoader,
+  F as GridTableLoader,
   S as GridTableRow,
-  F as SortableHeadCell,
-  c as SortingTableHead,
-  h as Table,
-  j as TableBody,
-  k as TableCaption,
-  q as TableCell,
+  h as SortableHeadCell,
+  j as SortingTableHead,
+  k as Table,
+  q as TableBody,
+  v as TableCaption,
+  z as TableCell,
   i as TableCellAsset,
-  X as TableCellSm,
+  Z as TableCellSm,
   T as TableCellUpdatable,
   p as TableEditable,
-  v as TableFooter,
-  z as TableHead,
-  D as TableHeader,
-  Y as TableLineSm,
-  O as TableLoader,
-  Q as TableLoaderGuard,
-  I as TableRow,
-  _ as UpdatedValue,
-  u as gridTableCellVariants,
-  B as gridTableHeadVariants,
-  U as gridTableVariants,
-  J as tableCellVariants,
-  K as tableHeadVariants,
-  M as tableVariants
+  D as TableFooter,
+  I as TableHead,
+  J as TableHeader,
+  _ as TableLineSm,
+  Q as TableLoader,
+  X as TableLoaderGuard,
+  K as TableRow,
+  u as Td,
+  B as Th,
+  ee as UpdatedValue,
+  U as gridTableCellVariants,
+  w as gridTableHeadVariants,
+  y as gridTableVariants,
+  M as tableCellVariants,
+  N as tableHeadVariants,
+  O as tableVariants
 };