silver-ui 0.4.0 → 0.5.0

package/dist/{chunk-H2CZ6IE5.cjs → chunk-YDNEAHVK.cjs}

@@ -1,259 +1,33 @@
 'use strict';
 
-var chunkIA5GII7N_cjs = require('./chunk-IA5GII7N.cjs');
-var chunk3ZV3EGGK_cjs = require('./chunk-3ZV3EGGK.cjs');
-var chunkTPB53MHV_cjs = require('./chunk-TPB53MHV.cjs');
-var chunkC732WXKS_cjs = require('./chunk-C732WXKS.cjs');
-var chunkQVNDZZS6_cjs = require('./chunk-QVNDZZS6.cjs');
-var chunkFDZQPWFZ_cjs = require('./chunk-FDZQPWFZ.cjs');
-var chunk2A3V6OR7_cjs = require('./chunk-2A3V6OR7.cjs');
-var chunkSCGXGVNN_cjs = require('./chunk-SCGXGVNN.cjs');
-var chunkKXIILLQD_cjs = require('./chunk-KXIILLQD.cjs');
-var chunkVHKA25IV_cjs = require('./chunk-VHKA25IV.cjs');
-var chunkCK3UJQRI_cjs = require('./chunk-CK3UJQRI.cjs');
-var chunkBLRWA445_cjs = require('./chunk-BLRWA445.cjs');
-var chunkG2WW52GO_cjs = require('./chunk-G2WW52GO.cjs');
+var chunkVV72PGKH_cjs = require('./chunk-VV72PGKH.cjs');
+var chunkXPGIWOJO_cjs = require('./chunk-XPGIWOJO.cjs');
+var chunkIGJEZLHP_cjs = require('./chunk-IGJEZLHP.cjs');
+var chunkRRXOSNCX_cjs = require('./chunk-RRXOSNCX.cjs');
+var chunkESRDHDYN_cjs = require('./chunk-ESRDHDYN.cjs');
+var chunkX4I5YARV_cjs = require('./chunk-X4I5YARV.cjs');
+var chunkIX26TMZD_cjs = require('./chunk-IX26TMZD.cjs');
+var chunkBSPWX2OZ_cjs = require('./chunk-BSPWX2OZ.cjs');
+var chunkTKTCN4JE_cjs = require('./chunk-TKTCN4JE.cjs');
+var chunkV4ZH2H2P_cjs = require('./chunk-V4ZH2H2P.cjs');
+var chunkJK4YAQ2N_cjs = require('./chunk-JK4YAQ2N.cjs');
 var chunkR37R7DEV_cjs = require('./chunk-R37R7DEV.cjs');
-var chunkQOKEU3DC_cjs = require('./chunk-QOKEU3DC.cjs');
-var chunkM26XECB2_cjs = require('./chunk-M26XECB2.cjs');
+var chunkGY2ZZR4Z_cjs = require('./chunk-GY2ZZR4Z.cjs');
+var chunkL5JS6P62_cjs = require('./chunk-L5JS6P62.cjs');
+var chunk5XMWGK3O_cjs = require('./chunk-5XMWGK3O.cjs');
+var chunk3Z5PF75J_cjs = require('./chunk-3Z5PF75J.cjs');
+var chunkQ4HAXT5C_cjs = require('./chunk-Q4HAXT5C.cjs');
 var chunk6SHL7FYO_cjs = require('./chunk-6SHL7FYO.cjs');
 var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
-var chunk4TIAKZ4Q_cjs = require('./chunk-4TIAKZ4Q.cjs');
+var chunkJ4PIYOWT_cjs = require('./chunk-J4PIYOWT.cjs');
+var chunkZ6RT3WPE_cjs = require('./chunk-Z6RT3WPE.cjs');
 var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
+var polyfill = require('@js-temporal/polyfill');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
-var polyfill = require('@js-temporal/polyfill');
 var lucideReact = require('lucide-react');
 
-function TableBody({
-  children,
-  className,
-  "data-testid": dataTestId,
-  ref,
-  style
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "tbody",
-    {
-      className,
-      "data-testid": dataTestId,
-      ref,
-      style,
-      children
-    }
-  );
-}
-TableBody.displayName = "TableBody";
-var TableContext = react.createContext(null);
-TableContext.displayName = "TableContext";
-function useTableContext() {
-  return react.use(TableContext);
-}
-var styles = {
-  base: chunkRU6JG3FS_cjs.css({
-    maxWidth: 0
-  }),
-  density: {
-    balanced: chunkRU6JG3FS_cjs.css({ fontSize: "md", px: "3", py: "2" }),
-    compact: chunkRU6JG3FS_cjs.css({ fontSize: "md", px: "2", py: "1" }),
-    spacious: chunkRU6JG3FS_cjs.css({ fontSize: "md", px: "4", py: "3" })
-  },
-  dividerColumns: chunkRU6JG3FS_cjs.css({
-    borderInlineEndWidth: "default",
-    borderInlineEndStyle: "solid",
-    borderInlineEndColor: "border",
-    _last: {
-      borderInlineEndWidth: 0
-    }
-  }),
-  dividerRows: chunkRU6JG3FS_cjs.css({
-    borderBottomWidth: "default",
-    borderBottomStyle: "solid",
-    borderBottomColor: "border",
-    "tbody > tr:last-child > &": {
-      borderBottomWidth: 0
-    }
-  }),
-  truncate: chunkRU6JG3FS_cjs.css({
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap"
-  }),
-  verticalAlign: {
-    bottom: chunkRU6JG3FS_cjs.css({ verticalAlign: "bottom" }),
-    middle: chunkRU6JG3FS_cjs.css({ verticalAlign: "middle" }),
-    top: chunkRU6JG3FS_cjs.css({ verticalAlign: "top" })
-  },
-  wrap: chunkRU6JG3FS_cjs.css({
-    overflow: "hidden",
-    overflowWrap: "break-word",
-    whiteSpace: "normal",
-    wordBreak: "break-word"
-  })
-};
-function TableCell({
-  children,
-  className,
-  colSpan,
-  "data-testid": dataTestId,
-  headers,
-  ref,
-  rowSpan,
-  style
-}) {
-  const context = useTableContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "td",
-    {
-      className: chunkSPDVNY2Z_cjs.cx(
-        "silver-table-cell",
-        styles.base,
-        context == null ? void 0 : styles.density[context.density],
-        context == null ? void 0 : styles.verticalAlign[context.verticalAlign],
-        context?.textOverflow === "truncate" ? styles.truncate : styles.wrap,
-        context?.dividers === "rows" || context?.dividers === "grid" ? styles.dividerRows : void 0,
-        context?.dividers === "columns" || context?.dividers === "grid" ? styles.dividerColumns : void 0,
-        className
-      ),
-      colSpan,
-      "data-testid": dataTestId,
-      headers,
-      ref,
-      rowSpan,
-      style,
-      children
-    }
-  );
-}
-TableCell.displayName = "TableCell";
-function TableHeader({
-  children,
-  className,
-  "data-testid": dataTestId,
-  ref,
-  style
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "thead",
-    {
-      className,
-      "data-testid": dataTestId,
-      ref,
-      style,
-      children
-    }
-  );
-}
-TableHeader.displayName = "TableHeader";
-var styles2 = {
-  base: chunkRU6JG3FS_cjs.css({
-    color: "fg.muted",
-    fontWeight: "semibold",
-    maxWidth: 0,
-    overflow: "hidden",
-    textAlign: "start",
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap"
-  }),
-  density: {
-    balanced: chunkRU6JG3FS_cjs.css({ fontSize: "md", px: "3", py: "2" }),
-    compact: chunkRU6JG3FS_cjs.css({ fontSize: "md", px: "2", py: "1" }),
-    spacious: chunkRU6JG3FS_cjs.css({ fontSize: "md", px: "4", py: "3" })
-  },
-  dividerBottom: chunkRU6JG3FS_cjs.css({
-    borderBottomWidth: "default",
-    borderBottomStyle: "solid",
-    borderBottomColor: "border"
-  }),
-  dividerColumns: chunkRU6JG3FS_cjs.css({
-    borderInlineEndWidth: "default",
-    borderInlineEndStyle: "solid",
-    borderInlineEndColor: "border",
-    _last: {
-      borderInlineEndWidth: 0
-    }
-  })
-};
-function TableHeaderCell({
-  children,
-  className,
-  "data-testid": dataTestId,
-  ref,
-  scope = "col",
-  style
-}) {
-  const context = useTableContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "th",
-    {
-      className: chunkSPDVNY2Z_cjs.cx(
-        "silver-table-header-cell",
-        styles2.base,
-        styles2.dividerBottom,
-        context == null ? void 0 : styles2.density[context.density],
-        context?.dividers === "columns" || context?.dividers === "grid" ? styles2.dividerColumns : void 0,
-        className
-      ),
-      "data-testid": dataTestId,
-      ref,
-      scope,
-      style,
-      children
-    }
-  );
-}
-TableHeaderCell.displayName = "TableHeaderCell";
-var styles3 = {
-  base: chunkRU6JG3FS_cjs.css({
-    transitionDuration: "fast",
-    transitionProperty: "background-color",
-    transitionTimingFunction: "default"
-  }),
-  hover: chunkRU6JG3FS_cjs.css({
-    _hover: {
-      "@media (hover: hover)": {
-        bg: "bg.subtle"
-      }
-    }
-  }),
-  striped: chunkRU6JG3FS_cjs.css({
-    _even: {
-      bg: "bg.subtle"
-    }
-  }),
-  stripedHover: chunkRU6JG3FS_cjs.css({
-    _even: {
-      bg: "bg.subtle"
-    },
-    _hover: {
-      "@media (hover: hover)": {
-        bg: "bg.hover"
-      }
-    }
-  })
-};
-function TableRow({
-  children,
-  className,
-  "data-testid": dataTestId,
-  ref,
-  style
-}) {
-  const context = useTableContext();
-  const rowClassName = context == null ? void 0 : context.isStriped && context.hasHover ? styles3.stripedHover : context.isStriped ? styles3.striped : context.hasHover ? styles3.hover : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "tr",
-    {
-      className: chunkSPDVNY2Z_cjs.cx("silver-table-row", styles3.base, rowClassName, className),
-      "data-testid": dataTestId,
-      ref,
-      style,
-      children
-    }
-  );
-}
-TableRow.displayName = "TableRow";
 var DEFAULT_MIN_COLUMN_WIDTH = 120;
 function proportional(value = 1, options) {
   return {
@@ -315,6 +89,7 @@ function resolveColumnWidths(columns) {
 function capitalize(value) {
   return value.length === 0 ? value : value.charAt(0).toUpperCase() + value.slice(1);
 }
+var warnedUnsupportedCellKeys = /* @__PURE__ */ new Set();
 function defaultCellRenderer(item, key) {
   const value = item[key];
   if (value == null) {
@@ -326,6 +101,13 @@ function defaultCellRenderer(item, key) {
   if (typeof value === "bigint" || typeof value === "boolean" || typeof value === "number" || typeof value === "string") {
     return String(value);
   }
+  if (process.env.NODE_ENV !== "production" && !warnedUnsupportedCellKeys.has(key)) {
+    warnedUnsupportedCellKeys.add(key);
+    const typeName = typeof value === "object" ? Object.prototype.toString.call(value).slice(8, -1) : typeof value;
+    console.warn(
+      `[Table] Column "${key}" has a value of unsupported type ${typeName} and rendered as an empty cell. Provide a \`renderCell\` for this column.`
+    );
+  }
   return "";
 }
 function estimateContentLength(value) {
@@ -368,38 +150,396 @@ function generateColumns(data) {
     };
   });
 }
-var styles4 = {
-  headerLabelRow: chunkRU6JG3FS_cjs.css({
-    display: "inline-flex",
-    alignItems: "center",
-    gap: "1",
-    minW: 0
-  }),
-  table: chunkRU6JG3FS_cjs.css({
-    w: "full",
-    borderCollapse: "collapse",
-    borderSpacing: 0,
-    tableLayout: "fixed"
-  }),
-  tableAutoLayout: chunkRU6JG3FS_cjs.css({
-    tableLayout: "auto"
-  })
-};
-var EMPTY_PLUGINS = [];
-function areArraysShallowEqual(previous, next) {
-  if (previous === next) {
+
+// src/components/Table/Table.recipe.ts
+var tableRecipe = chunkZ6RT3WPE_cjs.sva({
+  slots: ["wrapper", "table", "headerLabelRow", "row", "cell", "headerCell"],
+  base: {
+    wrapper: {
+      overflowX: "auto",
+      WebkitOverflowScrolling: "touch"
+    },
+    table: {
+      color: "fg",
+      fontFamily: "body",
+      w: "full",
+      borderCollapse: "collapse",
+      borderSpacing: 0,
+      tableLayout: "fixed"
+    },
+    headerLabelRow: {
+      display: "inline-flex",
+      alignItems: "center",
+      gap: "1",
+      minW: 0
+    },
+    row: {
+      transitionDuration: "fast",
+      transitionProperty: "background-color",
+      transitionTimingFunction: "default"
+    },
+    cell: {
+      maxWidth: 0
+    },
+    headerCell: {
+      color: "fg.muted",
+      fontWeight: "semibold",
+      maxWidth: 0,
+      overflow: "hidden",
+      textAlign: "start",
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap",
+      borderBottomWidth: "default",
+      borderBottomStyle: "solid",
+      borderBottomColor: "border"
+    }
+  },
+  variants: {
+    density: {
+      balanced: {
+        cell: { fontSize: "md", px: "3", py: "2" },
+        headerCell: { fontSize: "md", px: "3", py: "2" }
+      },
+      compact: {
+        cell: { fontSize: "md", px: "2", py: "1" },
+        headerCell: { fontSize: "md", px: "2", py: "1" }
+      },
+      spacious: {
+        cell: { fontSize: "md", px: "4", py: "3" },
+        headerCell: { fontSize: "md", px: "4", py: "3" }
+      }
+    },
+    dividers: {
+      none: {},
+      rows: {
+        cell: {
+          borderBottomWidth: "default",
+          borderBottomStyle: "solid",
+          borderBottomColor: "border",
+          "tbody > tr:last-child > &": {
+            borderBottomWidth: 0
+          }
+        }
+      },
+      columns: {
+        cell: {
+          borderInlineEndWidth: "default",
+          borderInlineEndStyle: "solid",
+          borderInlineEndColor: "border",
+          _last: {
+            borderInlineEndWidth: 0
+          }
+        },
+        headerCell: {
+          borderInlineEndWidth: "default",
+          borderInlineEndStyle: "solid",
+          borderInlineEndColor: "border",
+          _last: {
+            borderInlineEndWidth: 0
+          }
+        }
+      },
+      grid: {
+        cell: {
+          borderBottomWidth: "default",
+          borderBottomStyle: "solid",
+          borderBottomColor: "border",
+          "tbody > tr:last-child > &": {
+            borderBottomWidth: 0
+          },
+          borderInlineEndWidth: "default",
+          borderInlineEndStyle: "solid",
+          borderInlineEndColor: "border",
+          _last: {
+            borderInlineEndWidth: 0
+          }
+        },
+        headerCell: {
+          borderInlineEndWidth: "default",
+          borderInlineEndStyle: "solid",
+          borderInlineEndColor: "border",
+          _last: {
+            borderInlineEndWidth: 0
+          }
+        }
+      }
+    },
+    verticalAlign: {
+      middle: { cell: { verticalAlign: "middle" } },
+      top: { cell: { verticalAlign: "top" } },
+      bottom: { cell: { verticalAlign: "bottom" } }
+    },
+    textOverflow: {
+      truncate: {
+        cell: {
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          whiteSpace: "nowrap"
+        }
+      },
+      wrap: {
+        cell: {
+          overflow: "hidden",
+          overflowWrap: "break-word",
+          whiteSpace: "normal",
+          wordBreak: "break-word"
+        }
+      }
+    },
+    // Row background variants. Striping and hover combine, so the combined
+    // presentation lives in compoundVariants below.
+    isStriped: {
+      true: {},
+      false: {}
+    },
+    hasHover: {
+      true: {},
+      false: {}
+    },
+    // Auto layout when the table renders consumer-provided children; the
+    // default fixed layout lives in the base `table` slot.
+    isAutoLayout: {
+      true: { table: { tableLayout: "auto" } },
+      false: {}
+    }
+  },
+  compoundVariants: [
+    {
+      isStriped: false,
+      hasHover: true,
+      css: {
+        row: {
+          _hover: {
+            "@media (hover: hover)": {
+              bg: "bg.subtle"
+            }
+          }
+        }
+      }
+    },
+    {
+      isStriped: true,
+      hasHover: false,
+      css: {
+        row: {
+          _even: {
+            bg: "bg.subtle"
+          }
+        }
+      }
+    },
+    {
+      isStriped: true,
+      hasHover: true,
+      css: {
+        row: {
+          _even: {
+            bg: "bg.subtle"
+          },
+          _hover: {
+            "@media (hover: hover)": {
+              bg: "bg.hover"
+            }
+          }
+        }
+      }
+    }
+  ],
+  defaultVariants: {
+    density: "balanced",
+    dividers: "rows",
+    verticalAlign: "middle",
+    textOverflow: "wrap",
+    isStriped: false,
+    hasHover: false,
+    isAutoLayout: false
+  }
+});
+function TableBody({
+  children,
+  className,
+  "data-testid": dataTestId,
+  ref,
+  style
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "tbody",
+    {
+      className,
+      "data-testid": dataTestId,
+      ref,
+      style,
+      children
+    }
+  );
+}
+TableBody.displayName = "TableBody";
+var TableContext = react.createContext(null);
+TableContext.displayName = "TableContext";
+function useTableContext() {
+  return react.use(TableContext);
+}
+function TableCell({
+  children,
+  className,
+  colSpan,
+  "data-testid": dataTestId,
+  headers,
+  ref,
+  rowSpan,
+  style
+}) {
+  const context = useTableContext();
+  const classes = tableRecipe({
+    density: context?.density,
+    dividers: context?.dividers,
+    textOverflow: context?.textOverflow,
+    verticalAlign: context?.verticalAlign
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "td",
+    {
+      className: chunkSPDVNY2Z_cjs.cx(classes.cell, className),
+      colSpan,
+      "data-part": "cell",
+      "data-testid": dataTestId,
+      headers,
+      ref,
+      rowSpan,
+      style,
+      children
+    }
+  );
+}
+TableCell.displayName = "TableCell";
+function TableHeader({
+  children,
+  className,
+  "data-testid": dataTestId,
+  ref,
+  style
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "thead",
+    {
+      className,
+      "data-testid": dataTestId,
+      ref,
+      style,
+      children
+    }
+  );
+}
+TableHeader.displayName = "TableHeader";
+function TableHeaderCell({
+  children,
+  className,
+  "data-testid": dataTestId,
+  ref,
+  scope = "col",
+  style
+}) {
+  const context = useTableContext();
+  const classes = tableRecipe({
+    density: context?.density,
+    dividers: context?.dividers
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "th",
+    {
+      className: chunkSPDVNY2Z_cjs.cx(classes.headerCell, className),
+      "data-part": "header-cell",
+      "data-testid": dataTestId,
+      ref,
+      scope,
+      style,
+      children
+    }
+  );
+}
+TableHeaderCell.displayName = "TableHeaderCell";
+function TableRow({
+  children,
+  className,
+  "data-testid": dataTestId,
+  ref,
+  style
+}) {
+  const context = useTableContext();
+  const classes = tableRecipe({
+    isStriped: context?.isStriped,
+    hasHover: context?.hasHover
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "tr",
+    {
+      className: chunkSPDVNY2Z_cjs.cx(classes.row, className),
+      "data-part": "row",
+      "data-testid": dataTestId,
+      ref,
+      style,
+      children
+    }
+  );
+}
+TableRow.displayName = "TableRow";
+var CANONICAL_PLUGIN_ORDER = [
+  "columnSettings",
+  "sort",
+  "selection",
+  "filtering",
+  "columnResize",
+  "pagination"
+];
+var CANONICAL_PLUGIN_KEYS = new Set(CANONICAL_PLUGIN_ORDER);
+function orderNamedPlugins(userPlugins) {
+  const entries = Object.entries(userPlugins);
+  const pluginsByName = new Map(entries);
+  const orderedPlugins = CANONICAL_PLUGIN_ORDER.filter(
+    (key) => pluginsByName.has(key)
+  ).map((key) => pluginsByName.get(key));
+  const customPlugins = entries.filter(([key]) => !CANONICAL_PLUGIN_KEYS.has(key)).map(([, plugin]) => plugin);
+  return [...orderedPlugins, ...customPlugins];
+}
+function useBaseTablePlugins(userPlugins) {
+  return react.useMemo(
+    () => Array.isArray(userPlugins) ? userPlugins : orderNamedPlugins(userPlugins ?? {}),
+    [userPlugins]
+  );
+}
+
+// src/internal/shallowEqual.ts
+function shallowEqual(a, b) {
+  if (Object.is(a, b)) {
     return true;
   }
-  if (previous.length !== next.length) {
+  if (typeof a !== "object" || a === null || typeof b !== "object" || b === null) {
+    return false;
+  }
+  const aKeys = Object.keys(a);
+  const bKeys = Object.keys(b);
+  if (aKeys.length !== bKeys.length) {
     return false;
   }
-  for (let index = 0; index < previous.length; index++) {
-    if (previous[index] !== next[index]) {
+  const aRecord = a;
+  const bRecord = b;
+  for (const key of aKeys) {
+    if (!Object.prototype.hasOwnProperty.call(b, key) || !Object.is(aRecord[key], bRecord[key])) {
       return false;
     }
   }
   return true;
 }
+
+// src/internal/useShallowEqualMemo.ts
+var useShallowEqualMemo = (value) => {
+  const ref = react.useRef(value);
+  if (!shallowEqual(ref.current, value)) {
+    ref.current = value;
+  }
+  return ref.current;
+};
+var useShallowEqualMemo_default = useShallowEqualMemo;
 function applyPlugins(plugins, getter, initial, ...args) {
   return plugins.reduce((accumulator, plugin, index) => {
     const transform = getter(plugin);
@@ -409,6 +549,9 @@ function applyPlugins(plugins, getter, initial, ...args) {
     try {
       return transform(accumulator, ...args);
     } catch (error) {
+      if (process.env.NODE_ENV !== "production") {
+        throw error;
+      }
       console.error(`[Table] Plugin at index ${index} threw:`, error);
       return accumulator;
     }
@@ -438,7 +581,7 @@ function DataRowInner({
     );
     const isDefaultRenderer = column.renderCell == null;
     const rawContent = isDefaultRenderer ? defaultCellRenderer(item, column.key) : column.renderCell?.(item) ?? null;
-    const content = isDefaultRenderer && textOverflow === "truncate" && typeof rawContent === "string" && rawContent.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(chunkM26XECB2_cjs.Text, { maxLines: 1, type: "body", children: rawContent }) : rawContent;
+    const content = isDefaultRenderer && textOverflow === "truncate" && typeof rawContent === "string" && rawContent.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(chunk3Z5PF75J_cjs.Text, { maxLines: 1, type: "body", children: rawContent }) : rawContent;
     return /* @__PURE__ */ jsxRuntime.jsx(
       CellComponent,
       {
@@ -482,22 +625,38 @@ function areRowPropsEqual(previous, next) {
   );
 }
 var MemoizedDataRow = react.memo(DataRowInner, areRowPropsEqual);
-function BaseTableInner({
+function TableInner({
   children,
   className,
   columns: columnsProp,
   data,
   "data-testid": dataTestId,
+  density = "balanced",
+  dividers = "rows",
   emptyState,
+  hasHover = false,
   idKey,
-  plugins: pluginsProp,
+  isStriped = false,
+  plugins: userPlugins,
   ref,
-  scrollWrapper: ScrollWrapper,
   style,
   tableProps,
-  textOverflow = "wrap"
+  textOverflow = "wrap",
+  verticalAlign = "middle"
 }) {
-  const plugins = pluginsProp ?? EMPTY_PLUGINS;
+  const plugins = useBaseTablePlugins(userPlugins);
+  const contextValue = react.useMemo(
+    () => ({
+      density,
+      dividers,
+      hasHover,
+      isStriped,
+      textOverflow,
+      verticalAlign
+    }),
+    [density, dividers, hasHover, isStriped, textOverflow, verticalAlign]
+  );
+  const classes = tableRecipe({ isAutoLayout: chunkQAO6QMNQ_cjs.isReactNode(children) });
   const RowComponent = TableRow;
   const CellComponent = TableCell;
   const HeaderCellComponent = TableHeaderCell;
@@ -507,15 +666,7 @@ function BaseTableInner({
     (plugin) => plugin.transformColumns,
     baseColumns
   );
-  const columnsRef = react.useRef(transformedColumns);
-  const areColumnsStable = areArraysShallowEqual(
-    columnsRef.current,
-    transformedColumns
-  );
-  if (!areColumnsStable) {
-    columnsRef.current = transformedColumns;
-  }
-  const columns = columnsRef.current;
+  const columns = useShallowEqualMemo_default(transformedColumns);
   const widths = resolveColumnWidths(columns);
   const tableRenderProps = applyPlugins(
     plugins,
@@ -549,7 +700,7 @@ function BaseTableInner({
     const resolvedContent = headerCellProps.content ?? headerContent;
     const title = typeof resolvedContent === "string" && resolvedContent.length > 0 ? resolvedContent : void 0;
     const renderedContent = typeof resolvedContent === "string" || typeof resolvedContent === "number" ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunkM26XECB2_cjs.Text,
+      chunk3Z5PF75J_cjs.Text,
       {
         color: "secondary",
         maxLines: 1,
@@ -572,10 +723,17 @@ function BaseTableInner({
         title,
         children: hasSlots ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           headerCellProps.before,
-          !chunkQAO6QMNQ_cjs.isReactNode(headerCellProps.after) ? renderedContent : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles4.headerLabelRow, children: [
-            renderedContent,
-            headerCellProps.after
-          ] }),
+          !chunkQAO6QMNQ_cjs.isReactNode(headerCellProps.after) ? renderedContent : /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: classes.headerLabelRow,
+              "data-part": "header-label-row",
+              children: [
+                renderedContent,
+                headerCellProps.after
+              ]
+            }
+          ),
           headerCellProps.overlay,
           headerCellProps.below
         ] }) : renderedContent
@@ -598,18 +756,17 @@ function BaseTableInner({
   };
   const hasData = data != null && data.length > 0;
   const hasColumns = columns.length > 0;
-  let tableElement = /* @__PURE__ */ jsxRuntime.jsx(
+  let tableElement = /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.wrapper, "data-part": "wrapper", children: /* @__PURE__ */ jsxRuntime.jsx(
     "table",
     {
       ...tableRenderProps.htmlProps,
       className: chunkSPDVNY2Z_cjs.cx(
-        "silver-base-table",
-        styles4.table,
-        chunkQAO6QMNQ_cjs.isReactNode(children) ? styles4.tableAutoLayout : void 0,
+        classes.table,
         tableRenderProps.htmlProps.className,
         tableRenderProps.className,
         className
       ),
+      "data-part": "table",
       "data-testid": dataTestId,
       ref,
       style: tableStyle,
@@ -641,127 +798,24 @@ function BaseTableInner({
             },
             rowKey
           );
-        }) : data != null && emptyState !== false && /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: Math.max(columns.length, 1), children: emptyState ?? /* @__PURE__ */ jsxRuntime.jsx(chunk2A3V6OR7_cjs.EmptyState, { isCompact: true, title: "No data" }) }) }) })
+        }) : data != null && (emptyState === void 0 || chunkQAO6QMNQ_cjs.isReactNode(emptyState)) && /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: Math.max(columns.length, 1), children: emptyState ?? /* @__PURE__ */ jsxRuntime.jsx(chunkIX26TMZD_cjs.EmptyState, { isCompact: true, title: "No data" }) }) }) })
       ] })
     }
-  );
-  if (ScrollWrapper != null) {
-    tableElement = /* @__PURE__ */ jsxRuntime.jsx(ScrollWrapper, { children: tableElement });
-  }
+  ) });
   for (let index = plugins.length - 1; index >= 0; index--) {
     const plugin = plugins[index];
     if (plugin.transformTableContext != null) {
       try {
         tableElement = plugin.transformTableContext(tableElement);
       } catch (error) {
+        if (process.env.NODE_ENV !== "production") {
+          throw error;
+        }
         console.error("[Table] Plugin threw in transformTableContext:", error);
       }
     }
   }
-  return tableElement;
-}
-var BaseTable = BaseTableInner;
-BaseTable.displayName = "BaseTable";
-var CANONICAL_PLUGIN_ORDER = [
-  "columnSettings",
-  "sort",
-  "selection",
-  "filtering",
-  "columnResize",
-  "pagination"
-];
-var CANONICAL_PLUGIN_KEYS = new Set(CANONICAL_PLUGIN_ORDER);
-function orderNamedPlugins(userPlugins) {
-  const entries = Object.entries(userPlugins);
-  const pluginsByName = new Map(entries);
-  const orderedPlugins = CANONICAL_PLUGIN_ORDER.filter(
-    (key) => pluginsByName.has(key)
-  ).map((key) => pluginsByName.get(key));
-  const customPlugins = entries.filter(([key]) => !CANONICAL_PLUGIN_KEYS.has(key)).map(([, plugin]) => plugin);
-  return [...orderedPlugins, ...customPlugins];
-}
-function useBaseTablePlugins(basePlugins, userPlugins) {
-  return react.useMemo(() => {
-    const plugins = Array.isArray(userPlugins) ? userPlugins : orderNamedPlugins(userPlugins ?? {});
-    return [...basePlugins, ...plugins];
-  }, [basePlugins, userPlugins]);
-}
-var styles5 = {
-  scrollWrapper: chunkRU6JG3FS_cjs.css({
-    overflowX: "auto",
-    WebkitOverflowScrolling: "touch"
-  }),
-  table: chunkRU6JG3FS_cjs.css({
-    color: "fg",
-    fontFamily: "body"
-  })
-};
-function TableScrollWrapper({
-  children
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles5.scrollWrapper, children });
-}
-function buildTableStylePlugin() {
-  return {
-    transformTable(props) {
-      return {
-        ...props,
-        className: chunkSPDVNY2Z_cjs.cx(props.className, styles5.table, "silver-table")
-      };
-    }
-  };
-}
-function TableInner({
-  children,
-  className,
-  columns,
-  data,
-  "data-testid": dataTestId,
-  density = "balanced",
-  dividers = "rows",
-  emptyState,
-  hasHover = false,
-  idKey,
-  isStriped = false,
-  plugins: userPlugins,
-  ref,
-  style,
-  tableProps,
-  textOverflow = "wrap",
-  verticalAlign = "middle"
-}) {
-  const tablePlugin = react.useMemo(() => buildTableStylePlugin(), []);
-  const basePlugins = react.useMemo(() => [tablePlugin], [tablePlugin]);
-  const plugins = useBaseTablePlugins(basePlugins, userPlugins);
-  const contextValue = react.useMemo(
-    () => ({
-      density,
-      dividers,
-      hasHover,
-      isStriped,
-      textOverflow,
-      verticalAlign
-    }),
-    [density, dividers, hasHover, isStriped, textOverflow, verticalAlign]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(TableContext, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
-    BaseTable,
-    {
-      className,
-      columns,
-      data,
-      "data-testid": dataTestId,
-      emptyState,
-      idKey,
-      plugins,
-      ref,
-      scrollWrapper: TableScrollWrapper,
-      style,
-      tableProps,
-      textOverflow,
-      children
-    }
-  ) });
+  return /* @__PURE__ */ jsxRuntime.jsx(TableContext, { value: contextValue, children: tableElement });
 }
 var Table = TableInner;
 Table.displayName = "Table";
@@ -786,7 +840,7 @@ function TableFooter({
 TableFooter.displayName = "TableFooter";
 var KEYBOARD_STEP = 10;
 var KEYBOARD_LARGE_STEP = 50;
-var styles6 = {
+var styles = {
   handle: chunkRU6JG3FS_cjs.css({
     position: "absolute",
     insetInlineEnd: 0,
@@ -1103,7 +1157,7 @@ function ResizeHandle({
       "aria-valuemax": Number.isFinite(maxWidth) ? maxWidth : void 0,
       "aria-valuemin": minWidth,
       "aria-valuenow": currentWidth,
-      className: styles6.handle,
+      className: styles.handle,
       "data-column-key": columnKey,
       onKeyDown: handleKeyDown,
       onPointerDown: handlePointerDown,
@@ -1155,7 +1209,7 @@ function useTableColumnResize(config) {
         );
         return {
           ...props,
-          className: styles6.headerCell,
+          className: styles.headerCell,
           htmlProps: {
             ...props.htmlProps,
             style: widthStyle == null ? props.htmlProps.style : { ...props.htmlProps.style, ...widthStyle }
@@ -1264,7 +1318,7 @@ function useTableColumnSettingsState(config) {
 }
 var FilterStoreContext = react.createContext(null);
 FilterStoreContext.displayName = "TableFilterStoreContext";
-var styles7 = {
+var styles2 = {
   afterPopover: chunkRU6JG3FS_cjs.css({
     display: "inline-flex",
     alignItems: "center",
@@ -1319,7 +1373,7 @@ function tableValueToFilterValue(value, operatorValue, timezoneID) {
     case "date_absolute":
       return value instanceof polyfill.Temporal.PlainDate ? {
         type: "date_absolute",
-        unixSeconds: chunkCK3UJQRI_cjs.plainDateToUnixSeconds(value, timezoneID)
+        unixSeconds: chunkJK4YAQ2N_cjs.plainDateToUnixSeconds(value, timezoneID)
       } : void 0;
     case "enum":
       return typeof value === "string" ? { type: "enum", value } : void 0;
@@ -1393,7 +1447,7 @@ function TextFilterControl({
   const store = useFilterStore();
   const value = store.getConfig().filters[columnKey];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkFDZQPWFZ_cjs.TextInput,
+    chunkX4I5YARV_cjs.TextInput,
     {
       hasClear,
       isLabelHidden: true,
@@ -1429,7 +1483,7 @@ function NumberFilterControl({
   };
   if (hasClear === false) {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkC732WXKS_cjs.NumberInput,
+      chunkRRXOSNCX_cjs.NumberInput,
       {
         ...sharedProps,
         onChange: (nextValue) => {
@@ -1439,7 +1493,7 @@ function NumberFilterControl({
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkC732WXKS_cjs.NumberInput,
+    chunkRRXOSNCX_cjs.NumberInput,
     {
       ...sharedProps,
       hasClear: true,
@@ -1459,7 +1513,7 @@ function SelectFilterControl({
   const store = useFilterStore();
   const value = store.getConfig().filters[columnKey];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk3ZV3EGGK_cjs.Select,
+    chunkXPGIWOJO_cjs.Select,
     {
       hasClear,
       isLabelHidden: true,
@@ -1488,7 +1542,7 @@ function MultiSelectFilterControl({
   const store = useFilterStore();
   const value = store.getConfig().filters[columnKey];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkTPB53MHV_cjs.MultiSelect,
+    chunkIGJEZLHP_cjs.MultiSelect,
     {
       hasClear,
       hasSearch: false,
@@ -1518,7 +1572,7 @@ function DateFilterControl({
   const store = useFilterStore();
   const value = store.getConfig().filters[columnKey];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkVHKA25IV_cjs.DateInput,
+    chunkV4ZH2H2P_cjs.DateInput,
     {
       hasClear,
       isLabelHidden: true,
@@ -1528,7 +1582,7 @@ function DateFilterControl({
       },
       placeholder: `Filter ${header}`,
       size,
-      value: value instanceof polyfill.Temporal.PlainDate ? value : void 0
+      value: value instanceof polyfill.Temporal.PlainDate ? value : null
     }
   );
 }
@@ -1541,7 +1595,7 @@ function TimeFilterControl({
   const store = useFilterStore();
   const value = store.getConfig().filters[columnKey];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkKXIILLQD_cjs.TimeInput,
+    chunkTKTCN4JE_cjs.TimeInput,
     {
       hasClear,
       isLabelHidden: true,
@@ -1551,7 +1605,7 @@ function TimeFilterControl({
       },
       placeholder: `Filter ${header}`,
       size,
-      value: value instanceof polyfill.Temporal.PlainTime ? value : void 0
+      value: value instanceof polyfill.Temporal.PlainTime ? value : null
     }
   );
 }
@@ -1565,11 +1619,11 @@ function ListFilterControl({
   const store = useFilterStore();
   const value = store.getConfig().filters[columnKey];
   const items = Array.isArray(value) ? value.map((id) => ({ id, label: id })) : [];
-  const source = operatorValue.searchSource ?? chunkBLRWA445_cjs.createStaticSearchSource(items, {
+  const source = operatorValue.searchSource ?? chunkGY2ZZR4Z_cjs.createStaticSearchSource(items, {
     getKeywords: (item) => [item.id]
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkIA5GII7N_cjs.TagsInput,
+    chunkVV72PGKH_cjs.TagsInput,
     {
       hasClear,
       hasCreate: operatorValue.isArbitraryStringAllowed ?? true,
@@ -1728,9 +1782,9 @@ function PopoverFilterTrigger({
     [column.key, draft, store]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkG2WW52GO_cjs.Popover,
+    chunkL5JS6P62_cjs.Popover,
     {
-      content: /* @__PURE__ */ jsxRuntime.jsx(FilterStoreContext, { value: draftStore, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles7.popoverContent, children: [
+      content: /* @__PURE__ */ jsxRuntime.jsx(FilterStoreContext, { value: draftStore, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles2.popoverContent, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           FilterControl,
           {
@@ -1740,9 +1794,9 @@ function PopoverFilterTrigger({
             size: "sm"
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles7.popoverActions, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles2.popoverActions, children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkQOKEU3DC_cjs.Button,
+            chunk5XMWGK3O_cjs.Button,
             {
               label: "Reset",
               onClick: handleReset,
@@ -1750,9 +1804,9 @@ function PopoverFilterTrigger({
               variant: "ghost"
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles7.popoverActionsSpacer }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.popoverActionsSpacer }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkQOKEU3DC_cjs.Button,
+            chunk5XMWGK3O_cjs.Button,
             {
               label: "Apply",
               onClick: handleApply,
@@ -1768,7 +1822,7 @@ function PopoverFilterTrigger({
       padding: 3,
       placement: "below",
       children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkQOKEU3DC_cjs.Button,
+        chunk5XMWGK3O_cjs.Button,
         {
           icon: lucideReact.Filter,
           isIconOnly: true,
@@ -1822,7 +1876,7 @@ function useTableFiltering(config) {
         if (variant === "popover") {
           return {
             ...props,
-            after: /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles7.afterPopover, children: /* @__PURE__ */ jsxRuntime.jsx(
+            after: /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.afterPopover, children: /* @__PURE__ */ jsxRuntime.jsx(
               PopoverFilterTrigger,
               {
                 column,
@@ -1835,7 +1889,7 @@ function useTableFiltering(config) {
           ...props,
           below: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             props.below,
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles7.inlineWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.inlineWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(
               FilterControl,
               {
                 column,
@@ -1879,7 +1933,7 @@ function paginateData(data, { page, pageSize }) {
   const start = (safePage - 1) * safePageSize;
   return data.slice(start, start + safePageSize);
 }
-var styles8 = {
+var styles3 = {
   align: {
     center: chunkRU6JG3FS_cjs.css({ justifyContent: "center" }),
     end: chunkRU6JG3FS_cjs.css({ justifyContent: "flex-end" }),
@@ -1939,8 +1993,8 @@ function useTablePagination({
         const makePagination = (side) => /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: `${styles8.root} ${styles8.align[current.align]} ${side === "above" ? styles8.above : styles8.below}`,
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkQVNDZZS6_cjs.Pagination, { ...current.paginationProps })
+            className: `${styles3.root} ${styles3.align[current.align]} ${side === "above" ? styles3.above : styles3.below}`,
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunkESRDHDYN_cjs.Pagination, { ...current.paginationProps })
           }
         );
         return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -1953,7 +2007,16 @@ function useTablePagination({
     [align, computedTotalPages, hasMore, paginationProps, position]
   );
 }
-var styles9 = {
+var UNSET = /* @__PURE__ */ Symbol("useConstant.unset");
+var useConstant = (init) => {
+  const ref = react.useRef(UNSET);
+  if (ref.current === UNSET) {
+    ref.current = init();
+  }
+  return ref.current;
+};
+var useConstant_default = useConstant;
+var styles4 = {
   center: chunkRU6JG3FS_cjs.css({
     display: "flex",
     alignItems: "center",
@@ -1982,7 +2045,7 @@ function createSelectionStore(configRef) {
   };
 }
 function applyRowSelectionStyle(element, isSelected) {
-  element.classList.toggle(styles9.selectedRow, isSelected);
+  element.classList.toggle(styles4.selectedRow, isSelected);
   if (isSelected) {
     element.setAttribute("aria-selected", "true");
   } else {
@@ -2023,7 +2086,7 @@ function SelectAllCheckboxInner({
   const state = react.useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
   const isAllSelected = state === SELECT_ALL;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkSCGXGVNN_cjs.CheckboxInput,
+    chunkBSPWX2OZ_cjs.CheckboxInput,
     {
       isLabelHidden: true,
       label: "Select all rows",
@@ -2062,7 +2125,7 @@ function SelectionCellContentInner({
     return null;
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkSCGXGVNN_cjs.CheckboxInput,
+    chunkBSPWX2OZ_cjs.CheckboxInput,
     {
       isDisabled: !isEnabled,
       isLabelHidden: true,
@@ -2076,19 +2139,16 @@ function SelectionCellContentInner({
   );
 }
 function useTableSelection(config) {
-  const configRef = react.useRef(config);
-  configRef.current = config;
-  const storeRef = react.useRef(null);
-  storeRef.current ?? (storeRef.current = createSelectionStore(configRef));
-  const store = storeRef.current;
+  const configRef = chunkQ4HAXT5C_cjs.useLatest_default(config);
+  const store = useConstant_default(() => createSelectionStore(configRef));
   react.useEffect(() => {
     store.notify();
-  });
+  }, [config, store]);
   const selectionColumn = react.useMemo(
     () => ({
-      header: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles9.center, children: /* @__PURE__ */ jsxRuntime.jsx(SelectAllCheckbox, {}) }),
+      header: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles4.center, children: /* @__PURE__ */ jsxRuntime.jsx(SelectAllCheckbox, {}) }),
       key: SELECTION_COLUMN_KEY,
-      renderCell: (item) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles9.center, children: /* @__PURE__ */ jsxRuntime.jsx(SelectionCellContent, { item }) }),
+      renderCell: (item) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles4.center, children: /* @__PURE__ */ jsxRuntime.jsx(SelectionCellContent, { item }) }),
       resizable: false,
       width: pixel(36)
     }),
@@ -2229,7 +2289,7 @@ function useTableSelectionState({
   );
   return { selectionConfig };
 }
-var styles10 = {
+var styles5 = {
   button: chunkRU6JG3FS_cjs.css({
     display: "flex",
     alignItems: "center",
@@ -2347,21 +2407,21 @@ function SortHeaderButton({
     "button",
     {
       "aria-label": ariaLabel,
-      className: styles10.button,
+      className: styles5.button,
       onClick: handleClick,
       type: "button",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles10.label, children }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles5.label, children }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
-            className: `${styles10.icon} ${direction == null ? styles10.iconInactive : styles10.iconActive}`,
+            className: `${styles5.icon} ${direction == null ? styles5.iconInactive : styles5.iconActive}`,
             "data-table-sort-icon-state": direction == null ? "inactive" : "active",
             "data-testid": `table-sort-icon-${sortKey}`,
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { icon: SortIcon, size: "sm" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunkJ4PIYOWT_cjs.Icon, { icon: SortIcon, size: "sm" })
           }
         ),
-        rank == null ? null : /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: styles10.rank, children: rank })
+        rank == null ? null : /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: styles5.rank, children: rank })
       ]
     }
   );
@@ -2474,7 +2534,6 @@ function useTableSortableState({
   return { applySort, sort, sortConfig, sortedData };
 }
 
-exports.BaseTable = BaseTable;
 exports.DEFAULT_MIN_COLUMN_WIDTH = DEFAULT_MIN_COLUMN_WIDTH;
 exports.Table = Table;
 exports.TableBody = TableBody;
@@ -2491,7 +2550,6 @@ exports.pixel = pixel;
 exports.proportional = proportional;
 exports.resolveColumnWidths = resolveColumnWidths;
 exports.toSearchFilters = toSearchFilters;
-exports.useBaseTablePlugins = useBaseTablePlugins;
 exports.useTableColumnResize = useTableColumnResize;
 exports.useTableColumnSettings = useTableColumnSettings;
 exports.useTableColumnSettingsState = useTableColumnSettingsState;
@@ -2502,5 +2560,5 @@ exports.useTableSelection = useTableSelection;
 exports.useTableSelectionState = useTableSelectionState;
 exports.useTableSortable = useTableSortable;
 exports.useTableSortableState = useTableSortableState;
-//# sourceMappingURL=chunk-H2CZ6IE5.cjs.map
-//# sourceMappingURL=chunk-H2CZ6IE5.cjs.map
+//# sourceMappingURL=chunk-YDNEAHVK.cjs.map
+//# sourceMappingURL=chunk-YDNEAHVK.cjs.map