@gearbox-protocol/permissionless-ui 1.2.33 → 1.4.0

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

@@ -0,0 +1,131 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var editable_grid_table_exports = {};
+__export(editable_grid_table_exports, {
+  GridTableCellAsset: () => GridTableCellAsset,
+  GridTableCellUpdatable: () => GridTableCellUpdatable,
+  GridTableEditable: () => GridTableEditable
+});
+module.exports = __toCommonJS(editable_grid_table_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var import_auth = require('../auth/index.js');
+var import_buttons = require('../buttons/index.js');
+var import_token_icon = require('../token-icon.js');
+var import_grid_table = require('./grid-table.js');
+var import_updated_value = require('./updated-value.js');
+function GridTableCellAsset({
+  assetAddress,
+  symbol,
+  iconSymbol,
+  comment,
+  explorerUrl,
+  span = 1
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_grid_table.GridTableCell, { span, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_token_icon.TokenIcon, { symbol: iconSymbol ?? symbol, size: 24 }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "font-medium", children: symbol }),
+      comment && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-md text-muted-foreground", children: [
+        "(",
+        comment,
+        ")"
+      ] }),
+      explorerUrl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_buttons.Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          className: "text-muted-foreground hover:text-white p-0 h-auto",
+          onClick: () => window.open(`${explorerUrl}/address/${assetAddress}`, "_blank"),
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.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__ */ (0, import_jsx_runtime.jsx)(import_grid_table.GridTableCell, { span, className, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `flex ${alignmentClass} w-full text-${align}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_updated_value.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__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex justify-between items-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-2xl font-bold", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_auth.SignInRequired, { skipSignIn, variant: "pink", size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
+        onNew && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_buttons.TabButton, { onClick: onNew, disabled: isLoading || disabled, children: isLoading ? buttonLoadingText : newButtonText }),
+        actions?.map((action, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_buttons.TabButton,
+          {
+            onClick: action.onClick,
+            disabled: action.isLoading || disabled,
+            children: action.isLoading ? action.loadingText || "Loading..." : action.text
+          },
+          index
+        ))
+      ] }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rounded-lg border", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_grid_table.GridTable, { cols, children }) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GridTableCellAsset,
+  GridTableCellUpdatable,
+  GridTableEditable
+});

package/dist/cjs/components/{editable-table → table}/editable-table.js

@@ -26,8 +26,8 @@ module.exports = __toCommonJS(editable_table_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_auth = require('../auth/index.js');
 var import_buttons = require('../buttons/index.js');
-var import_table = require('../table.js');
 var import_token_icon = require('../token-icon.js');
+var import_table = require('./table.js');
 var import_updated_value = require('./updated-value.js');
 function TableCellAsset({
   assetAddress,

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

@@ -0,0 +1,60 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var grid_error_line_exports = {};
+__export(grid_error_line_exports, {
+  GridErrorLine: () => GridErrorLine
+});
+module.exports = __toCommonJS(grid_error_line_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_intl = require("react-intl");
+var import_button = require('../buttons/button.js');
+var import_col = require('../layout/col.js');
+var import_vspace = require('../vspace.js');
+var import_grid_table = require('./grid-table.js');
+function GridErrorLine({
+  err,
+  btnTitle,
+  onClick,
+  last = true,
+  height = "75px"
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: "grid w-full items-center gap-2 px-4",
+      style: { height, gridColumn: "1 / -1" },
+      "data-last": last,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_grid_table.GridTableCell, { span: 12, className: "text-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_col.Col, { span: 12, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_col.Col, { span: 12, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_react_intl.FormattedMessage,
+          {
+            id: err?.message,
+            defaultMessage: err?.message || "Unknown Error"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_vspace.VSpace, { height: 16 }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_col.Col, { span: 12, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "outline", size: "sm", onClick, children: btnTitle }) })
+      ] }) })
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GridErrorLine
+});

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

@@ -0,0 +1,64 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var grid_loading_line_exports = {};
+__export(grid_loading_line_exports, {
+  GridLoadingLine: () => GridLoadingLine
+});
+module.exports = __toCommonJS(grid_loading_line_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_utils = __toESM(require('../../utils/index.js'));
+var import_skeleton = require('../skeleton.js');
+function GridLoadingLine({
+  height = "70px",
+  columns = 6,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: (0, import_utils.default)("contents", className),
+      style: { minHeight: height },
+      ...props,
+      children: Array.from({ length: columns }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: "border-b border-border p-4 flex items-center",
+          style: { minHeight: height },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { width: "full", height: "md" })
+        },
+        `${index}-${columns}`
+      ))
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GridLoadingLine
+});

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

@@ -0,0 +1,56 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var grid_table_loader_exports = {};
+__export(grid_table_loader_exports, {
+  GridTableLoader: () => GridTableLoader
+});
+module.exports = __toCommonJS(grid_table_loader_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"));
+var import_cn = require('../../utils/cn.js');
+const GridTableLoader = React.forwardRef(
+  ({ className, colSpan, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      ref,
+      className: (0, import_cn.cn)(
+        "flex items-center justify-center py-8",
+        colSpan ? `col-span-${colSpan}` : "col-span-full",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex items-center gap-3 text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-5 w-5 animate-spin rounded-full border-2 border-current border-t-transparent" }) })
+    }
+  )
+);
+GridTableLoader.displayName = "GridTableLoader";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GridTableLoader
+});

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

@@ -0,0 +1,203 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var grid_table_exports = {};
+__export(grid_table_exports, {
+  GridTable: () => GridTable,
+  GridTableBody: () => GridTableBody,
+  GridTableCaption: () => GridTableCaption,
+  GridTableCell: () => GridTableCell,
+  GridTableFooter: () => GridTableFooter,
+  GridTableHead: () => GridTableHead,
+  GridTableHeader: () => GridTableHeader,
+  GridTableRow: () => GridTableRow,
+  gridTableCellVariants: () => gridTableCellVariants,
+  gridTableHeadVariants: () => gridTableHeadVariants,
+  gridTableVariants: () => gridTableVariants
+});
+module.exports = __toCommonJS(grid_table_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_class_variance_authority = require("class-variance-authority");
+var React = __toESM(require("react"));
+var import_cn = require('../../utils/cn.js');
+var import_col = require('../layout/col.js');
+var import_grid = require('../layout/grid.js');
+const gridTableVariants = (0, import_class_variance_authority.cva)("w-full", {
+  variants: {
+    size: {
+      sm: "text-xs",
+      default: "text-sm",
+      lg: "text-base"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+});
+const GridTable = React.forwardRef(
+  ({ className, size, cols = 12, gap = 0, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_grid.Grid,
+    {
+      ref,
+      cols,
+      gap,
+      className: (0, import_cn.cn)(gridTableVariants({ size, className })),
+      ...props
+    }
+  ) })
+);
+GridTable.displayName = "GridTable";
+const GridTableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "div",
+  {
+    ref,
+    className: (0, import_cn.cn)("contents [&>*]:border-b [&>*]:border-border", className),
+    ...props
+  }
+));
+GridTableHeader.displayName = "GridTableHeader";
+const GridTableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "div",
+  {
+    ref,
+    className: (0, import_cn.cn)("contents [&>*:last-child>*]:border-0", className),
+    ...props
+  }
+));
+GridTableBody.displayName = "GridTableBody";
+const GridTableFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "div",
+  {
+    ref,
+    className: (0, import_cn.cn)(
+      "contents [&>*]:border-t [&>*]:bg-muted/50 [&>*]:font-medium",
+      className
+    ),
+    ...props
+  }
+));
+GridTableFooter.displayName = "GridTableFooter";
+const GridTableRow = React.forwardRef(
+  ({ className, cols, gap = 0, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_grid.Grid,
+    {
+      ref,
+      cols,
+      gap,
+      className: (0, import_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 = (0, import_class_variance_authority.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.forwardRef(
+  ({ className, size, span = 1, justify = "start", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_col.Col,
+    {
+      ref,
+      span,
+      className: (0, import_cn.cn)(gridTableHeadVariants({ size, justify, className })),
+      ...props
+    }
+  )
+);
+GridTableHead.displayName = "GridTableHead";
+const gridTableCellVariants = (0, import_class_variance_authority.cva)("align-middle", {
+  variants: {
+    size: {
+      sm: "p-2",
+      default: "p-4",
+      lg: "p-6"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+});
+const GridTableCell = React.forwardRef(
+  ({ className, size, span = 1, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_col.Col,
+    {
+      ref,
+      span,
+      className: (0, import_cn.cn)(gridTableCellVariants({ size, className })),
+      ...props
+    }
+  )
+);
+GridTableCell.displayName = "GridTableCell";
+const GridTableCaption = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "div",
+  {
+    ref,
+    className: (0, import_cn.cn)(
+      "col-span-full mt-4 text-sm text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+GridTableCaption.displayName = "GridTableCaption";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GridTable,
+  GridTableBody,
+  GridTableCaption,
+  GridTableCell,
+  GridTableFooter,
+  GridTableHead,
+  GridTableHeader,
+  GridTableRow,
+  gridTableCellVariants,
+  gridTableHeadVariants,
+  gridTableVariants
+});

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

@@ -0,0 +1,46 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var table_exports = {};
+module.exports = __toCommonJS(table_exports);
+__reExport(table_exports, require('./edit-button.js'), module.exports);
+__reExport(table_exports, require('./editable-grid-table.js'), module.exports);
+__reExport(table_exports, require('./editable-table.js'), module.exports);
+__reExport(table_exports, require('./grid-error-line.js'), module.exports);
+__reExport(table_exports, require('./grid-loading-line.js'), module.exports);
+__reExport(table_exports, require('./grid-table.js'), module.exports);
+__reExport(table_exports, require('./grid-table-loader.js'), module.exports);
+__reExport(table_exports, require('./sortable-head-cell.js'), module.exports);
+__reExport(table_exports, require('./table.js'), module.exports);
+__reExport(table_exports, require('./table-loader.js'), module.exports);
+__reExport(table_exports, require('./table-loader-guard.js'), module.exports);
+__reExport(table_exports, require('./table-sm.js'), module.exports);
+__reExport(table_exports, require('./updated-value.js'), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require('./edit-button.js'),
+  ...require('./editable-grid-table.js'),
+  ...require('./editable-table.js'),
+  ...require('./grid-error-line.js'),
+  ...require('./grid-loading-line.js'),
+  ...require('./grid-table.js'),
+  ...require('./grid-table-loader.js'),
+  ...require('./sortable-head-cell.js'),
+  ...require('./table.js'),
+  ...require('./table-loader.js'),
+  ...require('./table-loader-guard.js'),
+  ...require('./table-sm.js'),
+  ...require('./updated-value.js')
+});

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

@@ -0,0 +1,48 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var sortable_head_cell_exports = {};
+__export(sortable_head_cell_exports, {
+  SortableHeadCell: () => SortableHeadCell
+});
+module.exports = __toCommonJS(sortable_head_cell_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+function SortableHeadCell({
+  title,
+  sortType,
+  onSort,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowUp, { className: "h-3.5 w-3.5" }) : sortType === "desc" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowDown, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowUpDown, { className: "h-3.5 w-3.5 opacity-50" })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SortableHeadCell
+});

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

@@ -0,0 +1,55 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var table_loader_guard_exports = {};
+__export(table_loader_guard_exports, {
+  TableLoaderGuard: () => TableLoaderGuard
+});
+module.exports = __toCommonJS(table_loader_guard_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_guard = require('../guard.js');
+var import_table_loader = require('./table-loader.js');
+function TableLoaderGuard({
+  showGuard,
+  children,
+  height = "70px",
+  columns = 6,
+  rows = 5,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_guard.Guard,
+    {
+      showGuard,
+      guard: showGuard && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_table_loader.TableLoader,
+        {
+          height,
+          columns,
+          rows,
+          ...props
+        }
+      ),
+      children
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TableLoaderGuard
+});