@gearbox-protocol/permissionless-ui 1.2.33 → 1.3.0

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
+});

package/dist/cjs/components/table/table-loader.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 __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_exports = {};
+__export(table_loader_exports, {
+  TableLoader: () => TableLoader
+});
+module.exports = __toCommonJS(table_loader_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_grid_loading_line = require('./grid-loading-line.js');
+var import_grid_table = require('./grid-table.js');
+function TableLoader({
+  height = "70px",
+  columns = 6,
+  rows = 5,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_grid_table.GridTableBody, { className, ...props, children: Array.from({ length: rows }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_grid_loading_line.GridLoadingLine,
+    {
+      height,
+      columns
+    },
+    `${index}-${rows}`
+  )) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TableLoader
+});

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

@@ -0,0 +1,93 @@
+"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 table_sm_exports = {};
+__export(table_sm_exports, {
+  TableCellSm: () => TableCellSm,
+  TableLineSm: () => TableLineSm
+});
+module.exports = __toCommonJS(table_sm_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_utils = __toESM(require('../../utils/index.js'));
+function TableCellSm({
+  title,
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_utils.default)("flex flex-col gap-1", className), ...props, children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs text-muted-foreground font-medium", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm", children })
+  ] });
+}
+function TableLineSm({
+  title,
+  columnsXs = 1,
+  columnsSm,
+  columnsMd,
+  columns,
+  className,
+  children,
+  ...props
+}) {
+  const colsXs = columnsXs;
+  const colsSm = columnsSm ?? colsXs;
+  const colsMd = columnsMd ?? colsSm;
+  const colsLg = columns ?? colsMd;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_utils.default)(
+        "flex flex-col gap-3 p-4 border-b border-border",
+        className
+      ),
+      ...props,
+      children: [
+        title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "font-medium mb-2", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            className: "grid gap-4 table-sm-grid",
+            style: {
+              "--grid-cols-xs": colsXs,
+              "--grid-cols-sm": colsSm,
+              "--grid-cols-md": colsMd,
+              "--grid-cols-lg": colsLg
+            },
+            children
+          }
+        )
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TableCellSm,
+  TableLineSm
+});