@gearbox-protocol/permissionless-ui 1.7.3 → 1.7.5

package/dist/cjs/components/table/editable-grid-table.cjs

@@ -0,0 +1,122 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const components_auth_signinRequired = require('../auth/signin-required.cjs');
+require('connectkit');
+require('viem/siwe');
+require('../buttons/back-button/back-button.cjs');
+const components_buttons_button_button = require('../buttons/button/button.cjs');
+require('../buttons/copy-button/copy-button.cjs');
+require('../buttons/external-button/external-button.cjs');
+require('../buttons/filter-button/filter-button.cjs');
+require('../buttons/navigation-button/navigation-button.cjs');
+require('react');
+require('clsx');
+require('tailwind-merge');
+require('sonner');
+require('@gearbox-protocol/sdk');
+const components_buttons_tabButton_tabButton = require('../buttons/tab-button/tab-button.cjs');
+const components_tokenIcon_tokenIcon = require('../token-icon/token-icon.cjs');
+const components_table_gridTable = require('./grid-table.cjs');
+const components_table_updatedValue = require('./updated-value.cjs');
+
+function GridTableCellAsset({
+  assetAddress,
+  symbol,
+  iconSymbol,
+  comment,
+  explorerUrl,
+  span = 1
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(components_table_gridTable.GridTableCell, { span, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(components_tokenIcon_tokenIcon.TokenIcon, { symbol: iconSymbol ?? symbol, size: 24 }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium", children: symbol }),
+      comment && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-md text-muted-foreground", children: [
+        "(",
+        comment,
+        ")"
+      ] }),
+      explorerUrl && /* @__PURE__ */ jsxRuntime.jsx(
+        components_buttons_button_button.Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          className: "text-muted-foreground hover:text-foreground p-0 h-auto",
+          onClick: () => window.open(`${explorerUrl}/address/${assetAddress}`, "_blank"),
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "h-3 w-3" })
+        }
+      )
+    ] })
+  ] }) });
+}
+function GridTableCellUpdatable({
+  oldValue,
+  newValue,
+  onEdit,
+  isEditable = true,
+  className,
+  align = "right",
+  customButton,
+  postfix,
+  disabled,
+  nowrap,
+  span = 1
+}) {
+  const alignmentClass = {
+    left: "justify-start",
+    right: "justify-end",
+    center: "justify-center"
+  }[align];
+  return /* @__PURE__ */ jsxRuntime.jsx(components_table_gridTable.GridTableCell, { span, className, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex ${alignmentClass} w-full text-${align}`, children: /* @__PURE__ */ jsxRuntime.jsx(
+    components_table_updatedValue.UpdatedValue,
+    {
+      oldValue,
+      newValue,
+      onEdit,
+      isEditable,
+      customButton,
+      postfix,
+      disabled,
+      nowrap
+    }
+  ) }) });
+}
+function GridTableEditable({
+  title,
+  onNew,
+  newButtonText = "New",
+  buttonLoadingText = "Adding...",
+  isLoading,
+  actions,
+  children,
+  disabled = false,
+  skipSignIn = true,
+  cols = 12
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold", children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx(components_auth_signinRequired.SignInRequired, { skipSignIn, variant: "pink", size: "sm", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        onNew && /* @__PURE__ */ jsxRuntime.jsx(components_buttons_tabButton_tabButton.TabButton, { onClick: onNew, disabled: isLoading || disabled, children: isLoading ? buttonLoadingText : newButtonText }),
+        actions?.map((action, index) => /* @__PURE__ */ jsxRuntime.jsx(
+          components_buttons_tabButton_tabButton.TabButton,
+          {
+            onClick: action.onClick,
+            disabled: action.isLoading || disabled,
+            children: action.isLoading ? action.loadingText || "Loading..." : action.text
+          },
+          index
+        ))
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border", children: /* @__PURE__ */ jsxRuntime.jsx(components_table_gridTable.GridTable, { cols, children }) })
+  ] });
+}
+
+exports.GridTableCellAsset = GridTableCellAsset;
+exports.GridTableCellUpdatable = GridTableCellUpdatable;
+exports.GridTableEditable = GridTableEditable;

package/dist/cjs/components/table/editable-table.cjs

@@ -0,0 +1,109 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const components_auth_signinRequired = require('../auth/signin-required.cjs');
+require('connectkit');
+require('viem/siwe');
+require('../buttons/back-button/back-button.cjs');
+require('../buttons/button/button.cjs');
+require('../buttons/copy-button/copy-button.cjs');
+const components_buttons_externalButton_externalButton = require('../buttons/external-button/external-button.cjs');
+require('../buttons/filter-button/filter-button.cjs');
+require('../buttons/navigation-button/navigation-button.cjs');
+require('react');
+require('clsx');
+require('tailwind-merge');
+require('sonner');
+require('@gearbox-protocol/sdk');
+const components_buttons_tabButton_tabButton = require('../buttons/tab-button/tab-button.cjs');
+const components_tokenIcon_tokenIcon = require('../token-icon/token-icon.cjs');
+const components_table_table = require('./table.cjs');
+const components_table_updatedValue = require('./updated-value.cjs');
+
+function TableCellAsset({
+  assetAddress,
+  symbol,
+  iconSymbol,
+  comment,
+  explorerUrl
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(components_table_table.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(components_tokenIcon_tokenIcon.TokenIcon, { symbol: iconSymbol ?? symbol, size: 24 }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium", children: symbol }),
+      comment && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-md text-muted-foreground", children: [
+        "(",
+        comment,
+        ")"
+      ] }),
+      explorerUrl && /* @__PURE__ */ jsxRuntime.jsx(components_buttons_externalButton_externalButton.ExternalButton, { url: `${explorerUrl}/address/${assetAddress}` })
+    ] })
+  ] }) });
+}
+function TableCellUpdatable({
+  oldValue,
+  newValue,
+  onEdit,
+  isEditable = true,
+  className,
+  align = "right",
+  customButton,
+  postfix,
+  disabled,
+  nowrap
+}) {
+  const alignmentClass = {
+    left: "justify-start",
+    right: "justify-end",
+    center: "justify-center"
+  }[align];
+  return /* @__PURE__ */ jsxRuntime.jsx(components_table_table.TableCell, { className, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex ${alignmentClass} w-full text-${align}`, children: /* @__PURE__ */ jsxRuntime.jsx(
+    components_table_updatedValue.UpdatedValue,
+    {
+      oldValue,
+      newValue,
+      onEdit,
+      isEditable,
+      customButton,
+      postfix,
+      disabled,
+      nowrap
+    }
+  ) }) });
+}
+function TableEditable({
+  title,
+  onNew,
+  newButtonText = "New",
+  buttonLoadingText = "Adding...",
+  isLoading,
+  actions,
+  children,
+  disabled = false,
+  skipSignIn = true
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold", children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx(components_auth_signinRequired.SignInRequired, { skipSignIn, variant: "pink", size: "sm", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        onNew && /* @__PURE__ */ jsxRuntime.jsx(components_buttons_tabButton_tabButton.TabButton, { onClick: onNew, disabled: isLoading || disabled, children: isLoading ? buttonLoadingText : newButtonText }),
+        actions?.map((action, index) => /* @__PURE__ */ jsxRuntime.jsx(
+          components_buttons_tabButton_tabButton.TabButton,
+          {
+            onClick: action.onClick,
+            disabled: action.isLoading || disabled,
+            children: action.isLoading ? action.loadingText || "Loading..." : action.text
+          },
+          index
+        ))
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(components_table_table.Table, { children })
+  ] });
+}
+
+exports.TableCellAsset = TableCellAsset;
+exports.TableCellUpdatable = TableCellUpdatable;
+exports.TableEditable = TableEditable;

package/dist/cjs/components/table/grid-error-line.cjs

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const reactIntl = require('react-intl');
+const components_buttons_button_button = require('../buttons/button/button.cjs');
+const components_layout_col_col = require('../layout/col/col.cjs');
+const components_vspace_vspace = require('../vspace/vspace.cjs');
+const components_table_gridTable = require('./grid-table.cjs');
+
+function GridErrorLine({
+  err,
+  btnTitle,
+  onClick,
+  last = true,
+  height = "75px"
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: "grid w-full items-center gap-2 px-4",
+      style: { height, gridColumn: "1 / -1" },
+      "data-last": last,
+      children: /* @__PURE__ */ jsxRuntime.jsx(components_table_gridTable.GridTableCell, { span: 12, className: "text-center", children: /* @__PURE__ */ jsxRuntime.jsxs(components_layout_col_col.Col, { span: 12, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(components_layout_col_col.Col, { span: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
+          reactIntl.FormattedMessage,
+          {
+            id: err?.message,
+            defaultMessage: err?.message || "Unknown Error"
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(components_vspace_vspace.VSpace, { height: 16 }),
+        /* @__PURE__ */ jsxRuntime.jsx(components_layout_col_col.Col, { span: 12, children: /* @__PURE__ */ jsxRuntime.jsx(components_buttons_button_button.Button, { variant: "outline", size: "sm", onClick, children: btnTitle }) })
+      ] }) })
+    }
+  );
+}
+
+exports.GridErrorLine = GridErrorLine;

package/dist/cjs/components/table/grid-loading-line.cjs

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const components_skeleton_skeleton = require('../skeleton/skeleton.cjs');
+require('react');
+const utils_cn = require('../../utils/cn.cjs');
+require('sonner');
+require('@gearbox-protocol/sdk');
+
+function GridLoadingLine({
+  height = "70px",
+  columns = 6,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: utils_cn.cn("contents", className),
+      style: { minHeight: height },
+      ...props,
+      children: Array.from({ length: columns }, (_, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "border-b border-border p-4 flex items-center",
+          style: { minHeight: height },
+          children: /* @__PURE__ */ jsxRuntime.jsx(components_skeleton_skeleton.Skeleton, { width: "full", height: "md" })
+        },
+        `${index}-${columns}`
+      ))
+    }
+  );
+}
+
+exports.GridLoadingLine = GridLoadingLine;

package/dist/cjs/components/table/grid-table-loader.cjs

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const utils_cn = require('../../utils/cn.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const GridTableLoader = React__namespace.forwardRef(
+  ({ className, colSpan, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: utils_cn.cn(
+        "flex items-center justify-center py-8",
+        colSpan ? `col-span-${colSpan}` : "col-span-full",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-3 text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-5 w-5 animate-spin rounded-full border-2 border-current border-t-transparent" }) })
+    }
+  )
+);
+GridTableLoader.displayName = "GridTableLoader";
+
+exports.GridTableLoader = GridTableLoader;

package/dist/cjs/components/table/grid-table.cjs

@@ -0,0 +1,182 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const classVarianceAuthority = require('class-variance-authority');
+const React = require('react');
+const components_layout_col_col = require('../layout/col/col.cjs');
+const components_layout_grid_grid = require('../layout/grid/grid.cjs');
+const utils_cn = require('../../utils/cn.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const gridTableVariants = classVarianceAuthority.cva("w-full", {
+  variants: {
+    size: {
+      sm: "text-xs",
+      default: "text-sm",
+      lg: "text-base"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+});
+const GridTable = React__namespace.forwardRef(
+  ({ className, size, cols = 12, gap = 0, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+    components_layout_grid_grid.Grid,
+    {
+      ref,
+      cols,
+      gap,
+      className: utils_cn.cn(gridTableVariants({ size, className })),
+      ...props
+    }
+  ) })
+);
+GridTable.displayName = "GridTable";
+const GridTableHeader = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    className: utils_cn.cn("contents [&>*]:border-b [&>*]:border-border", className),
+    ...props
+  }
+));
+GridTableHeader.displayName = "GridTableHeader";
+const GridTableBody = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    className: utils_cn.cn("contents [&>*:last-child>*]:border-0", className),
+    ...props
+  }
+));
+GridTableBody.displayName = "GridTableBody";
+const GridTableFooter = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    className: utils_cn.cn(
+      "contents [&>*]:border-t [&>*]:bg-muted/50 [&>*]:font-medium",
+      className
+    ),
+    ...props
+  }
+));
+GridTableFooter.displayName = "GridTableFooter";
+const GridTableRow = React__namespace.forwardRef(
+  ({ className, cols, gap = 0, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    components_layout_grid_grid.Grid,
+    {
+      ref,
+      cols,
+      gap,
+      className: utils_cn.cn(
+        "contents md:[&>*]:border-b [&>*]:border-border [&>*]:transition-colors hover:[&>*]:bg-muted/50 data-[state=selected]:[&>*]:bg-muted",
+        className
+      ),
+      ...props
+    }
+  )
+);
+GridTableRow.displayName = "GridTableRow";
+const gridTableHeadVariants = classVarianceAuthority.cva(
+  "flex items-center justify-startborder-b text-left align-middle font-medium text-muted-foreground !bg-transparent",
+  {
+    variants: {
+      size: {
+        sm: "min-h-8 px-1 py-2 text-xs",
+        default: "min-h-10 px-2 py-2.5",
+        lg: "min-h-12 px-4 py-3"
+      },
+      justify: {
+        start: "justify-start",
+        center: "justify-center",
+        end: "justify-end"
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      justify: "start"
+    }
+  }
+);
+const GridTableHead = React__namespace.forwardRef(
+  ({ className, size, span = 1, justify = "start", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    components_layout_col_col.Col,
+    {
+      ref,
+      span,
+      className: utils_cn.cn(gridTableHeadVariants({ size, justify, className })),
+      ...props
+    }
+  )
+);
+GridTableHead.displayName = "GridTableHead";
+const gridTableCellVariants = classVarianceAuthority.cva("align-middle", {
+  variants: {
+    size: {
+      sm: "p-2",
+      default: "p-4",
+      lg: "p-6"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+});
+const GridTableCell = React__namespace.forwardRef(
+  ({ className, size, span = 1, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    components_layout_col_col.Col,
+    {
+      ref,
+      span,
+      className: utils_cn.cn(gridTableCellVariants({ size, className })),
+      ...props
+    }
+  )
+);
+GridTableCell.displayName = "GridTableCell";
+const GridTableCaption = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    className: utils_cn.cn(
+      "col-span-full mt-4 text-sm text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+GridTableCaption.displayName = "GridTableCaption";
+
+exports.GridTable = GridTable;
+exports.GridTableBody = GridTableBody;
+exports.GridTableCaption = GridTableCaption;
+exports.GridTableCell = GridTableCell;
+exports.GridTableFooter = GridTableFooter;
+exports.GridTableHead = GridTableHead;
+exports.GridTableHeader = GridTableHeader;
+exports.GridTableRow = GridTableRow;
+exports.gridTableCellVariants = gridTableCellVariants;
+exports.gridTableHeadVariants = gridTableHeadVariants;
+exports.gridTableVariants = gridTableVariants;

package/dist/cjs/components/table/index.cjs

@@ -0,0 +1,59 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const components_table_editButton = require('./edit-button.cjs');
+const components_table_editableGridTable = require('./editable-grid-table.cjs');
+const components_table_editableTable = require('./editable-table.cjs');
+const components_table_gridErrorLine = require('./grid-error-line.cjs');
+const components_table_gridLoadingLine = require('./grid-loading-line.cjs');
+const components_table_gridTable = require('./grid-table.cjs');
+const components_table_gridTableLoader = require('./grid-table-loader.cjs');
+const components_table_sortableHeadCell = require('./sortable-head-cell.cjs');
+const components_table_table = require('./table.cjs');
+const components_table_tableLoader = require('./table-loader.cjs');
+const components_table_tableLoaderGuard = require('./table-loader-guard.cjs');
+const components_table_tableSm = require('./table-sm.cjs');
+const components_table_updatedValue = require('./updated-value.cjs');
+
+
+
+exports.EditButton = components_table_editButton.EditButton;
+exports.GridTableCellAsset = components_table_editableGridTable.GridTableCellAsset;
+exports.GridTableCellUpdatable = components_table_editableGridTable.GridTableCellUpdatable;
+exports.GridTableEditable = components_table_editableGridTable.GridTableEditable;
+exports.TableCellAsset = components_table_editableTable.TableCellAsset;
+exports.TableCellUpdatable = components_table_editableTable.TableCellUpdatable;
+exports.TableEditable = components_table_editableTable.TableEditable;
+exports.GridErrorLine = components_table_gridErrorLine.GridErrorLine;
+exports.GridLoadingLine = components_table_gridLoadingLine.GridLoadingLine;
+exports.GridTable = components_table_gridTable.GridTable;
+exports.GridTableBody = components_table_gridTable.GridTableBody;
+exports.GridTableCaption = components_table_gridTable.GridTableCaption;
+exports.GridTableCell = components_table_gridTable.GridTableCell;
+exports.GridTableFooter = components_table_gridTable.GridTableFooter;
+exports.GridTableHead = components_table_gridTable.GridTableHead;
+exports.GridTableHeader = components_table_gridTable.GridTableHeader;
+exports.GridTableRow = components_table_gridTable.GridTableRow;
+exports.gridTableCellVariants = components_table_gridTable.gridTableCellVariants;
+exports.gridTableHeadVariants = components_table_gridTable.gridTableHeadVariants;
+exports.gridTableVariants = components_table_gridTable.gridTableVariants;
+exports.GridTableLoader = components_table_gridTableLoader.GridTableLoader;
+exports.SortableHeadCell = components_table_sortableHeadCell.SortableHeadCell;
+exports.SortingTableHead = components_table_table.SortingTableHead;
+exports.Table = components_table_table.Table;
+exports.TableBody = components_table_table.TableBody;
+exports.TableCaption = components_table_table.TableCaption;
+exports.TableCell = components_table_table.TableCell;
+exports.TableFooter = components_table_table.TableFooter;
+exports.TableHead = components_table_table.TableHead;
+exports.TableHeader = components_table_table.TableHeader;
+exports.TableRow = components_table_table.TableRow;
+exports.tableCellVariants = components_table_table.tableCellVariants;
+exports.tableHeadVariants = components_table_table.tableHeadVariants;
+exports.tableVariants = components_table_table.tableVariants;
+exports.TableLoader = components_table_tableLoader.TableLoader;
+exports.TableLoaderGuard = components_table_tableLoaderGuard.TableLoaderGuard;
+exports.TableCellSm = components_table_tableSm.TableCellSm;
+exports.TableLineSm = components_table_tableSm.TableLineSm;
+exports.UpdatedValue = components_table_updatedValue.UpdatedValue;

package/dist/cjs/components/table/sortable-head-cell.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+
+function SortableHeadCell({
+  title,
+  sortType,
+  onSort,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: onSort,
+      className: `flex items-center justify-end gap-1 hover:text-foreground transition-colors cursor-pointer ${className || ""}`,
+      children: [
+        title,
+        sortType === "asc" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "h-3.5 w-3.5" }) : sortType === "desc" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpDown, { className: "h-3.5 w-3.5 opacity-50" })
+      ]
+    }
+  );
+}
+
+exports.SortableHeadCell = SortableHeadCell;

package/dist/cjs/components/table/table-loader-guard.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const components_guard_guard = require('../guard/guard.cjs');
+const components_table_tableLoader = require('./table-loader.cjs');
+
+function TableLoaderGuard({
+  showGuard,
+  children,
+  height = "70px",
+  columns = 6,
+  rows = 5,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components_guard_guard.Guard,
+    {
+      showGuard,
+      guard: showGuard && /* @__PURE__ */ jsxRuntime.jsx(
+        components_table_tableLoader.TableLoader,
+        {
+          height,
+          columns,
+          rows,
+          ...props
+        }
+      ),
+      children
+    }
+  );
+}
+
+exports.TableLoaderGuard = TableLoaderGuard;