@astryxdesign/core 0.1.4 → 0.1.5-canary.76e6697

package/dist/Table/BaseTable.js

@@ -28,7 +28,7 @@ import { mergeProps } from "../utils/index.js";
 import { EmptyState } from "../EmptyState/index.js";
 import { Text } from "../Text/index.js";
 import { themeProps } from "../utils/themeProps.js";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 const styles = {
   table: {
     kzqmXN: "xh8yej3",
@@ -129,36 +129,36 @@ function TableRowInner({
     // content renders as-is — the cell's CSS handles wrapping.
     let content;
     if (isDefaultRenderer && textOverflow === 'truncate' && typeof rawContent === 'string' && rawContent.length > 0) {
-      content = /*#__PURE__*/_jsx(Text, {
+      content = /*#__PURE__*/_jsxDEV(Text, {
         type: "body",
         maxLines: 1,
         children: rawContent
-      });
+      }, void 0, false);
     } else {
       content = rawContent;
     }
-    return /*#__PURE__*/_jsx(CellComponent, {
+    return /*#__PURE__*/_jsxDEV(CellComponent, {
       ...cellRenderProps.htmlProps,
       contextMenuActions: cellRenderProps.contextMenuActions,
       xstyle: cellRenderProps.styles,
       children: content
-    }, col.key);
+    }, col.key, false);
   });
 
   // Apply plugin transforms for row (with pre-rendered children)
   const rowRenderProps = applyPlugins(plugins, p => p.transformBodyRow, {
     htmlProps: {},
     styles: [],
-    children: /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxDEV(_Fragment, {
       children: cells
-    })
+    }, void 0, false)
   }, item, rowIndex);
-  const row = /*#__PURE__*/_jsx(RowComponent, {
+  const row = /*#__PURE__*/_jsxDEV(RowComponent, {
     ref: rowRenderProps.ref,
     ...rowRenderProps.htmlProps,
     xstyle: rowRenderProps.styles,
     children: rowRenderProps.children
-  }, rowKey);
+  }, rowKey, false);
   return row;
 }
 
@@ -199,10 +199,17 @@ function areRowPropsEqual(prevProps, nextProps) {
     return true;
   }
 
-  // Different object reference - compare values
+  // Different object reference - compare values. This is intentionally a
+  // one-level shallow compare: nested fields rely on reference identity.
   const prevItem = prevProps.item;
   const nextItem = nextProps.item;
   const keys = Object.keys(nextItem);
+
+  // A key deleted from nextItem would never be visited by the loop below,
+  // and the row would keep rendering the removed field's stale value.
+  if (Object.keys(prevItem).length !== keys.length) {
+    return false;
+  }
   for (const key of keys) {
     if (prevItem[key] !== nextItem[key]) {
       return false;
@@ -273,9 +280,13 @@ function BaseTableInner({
   const headerCells = resolvedColumns.map((col, columnIndex) => {
     const headerContent = col.header ?? col.key;
 
-    // Build initial htmlProps with column alignment if specified
+    // Build initial htmlProps with column alignment if specified.
+    // `scope: 'col'` is the default so every column header associates its
+    // data cells with the correct column for screen readers; a plugin's
+    // transformHeaderCell can override it via htmlProps.scope.
     const initialHeaderHtmlProps = {
-      'data-column-key': col.key
+      'data-column-key': col.key,
+      scope: 'col'
     };
     if (col.align) {
       initialHeaderHtmlProps.style = {
@@ -316,30 +327,30 @@ function BaseTableInner({
       below
     } = cellRenderProps;
     const hasSlots = before != null || after != null || overlay != null || below != null;
-    const headerInner = hasSlots ? /*#__PURE__*/_jsxs(_Fragment, {
-      children: [before, after != null ? /*#__PURE__*/_jsxs("div", {
+    const headerInner = hasSlots ? /*#__PURE__*/_jsxDEV(_Fragment, {
+      children: [before, after != null ? /*#__PURE__*/_jsxDEV("div", {
         ...{
           className: "x3nfvp2 x6s0dn4 xzye2dw xeuugli"
         },
         children: [resolvedContent, after]
-      }) : resolvedContent, overlay, below]
-    }) : resolvedContent;
-    return /*#__PURE__*/_jsx(HeaderCellComponent, {
+      }, void 0, true) : resolvedContent, overlay, below]
+    }, void 0, true) : resolvedContent;
+    return /*#__PURE__*/_jsxDEV(HeaderCellComponent, {
       ...mergedHtmlProps,
       ...headerTitleProp,
       contextMenuActions: cellRenderProps.contextMenuActions,
       xstyle: cellRenderProps.styles,
       children: headerInner
-    }, col.key);
+    }, col.key, false);
   });
 
   // --- Plugin pipeline: header row ---
   const headerRowRenderProps = applyPlugins(plugins, p => p.transformHeaderRow, {
     htmlProps: {},
     styles: [],
-    children: /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxDEV(_Fragment, {
       children: headerCells
-    })
+    }, void 0, false)
   });
 
   // --- Render ---
@@ -349,23 +360,23 @@ function BaseTableInner({
     ...tableRenderProps.htmlProps.style,
     minWidth: resolvedWidths.tableMinWidth > 0 ? `${resolvedWidths.tableMinWidth}px` : undefined
   };
-  let tableElement = /*#__PURE__*/_jsx("table", {
+  let tableElement = /*#__PURE__*/_jsxDEV("table", {
     ref: ref,
     ...tableRenderProps.htmlProps,
     ...mergeProps(themeProps('base-table'), stylex.props(...tableRenderProps.styles), tableRenderProps.htmlProps.className),
     style: tableStyle,
-    children: children ? children : /*#__PURE__*/_jsxs(_Fragment, {
-      children: [hasColumns && /*#__PURE__*/_jsx(TableHeader, {
-        children: /*#__PURE__*/_jsx(RowComponent, {
+    children: children ? children : /*#__PURE__*/_jsxDEV(_Fragment, {
+      children: [hasColumns && /*#__PURE__*/_jsxDEV(TableHeader, {
+        children: /*#__PURE__*/_jsxDEV(RowComponent, {
           ...headerRowRenderProps.htmlProps,
           isHeaderRow: true,
           xstyle: headerRowRenderProps.styles,
           children: headerRowRenderProps.children
-        })
-      }), /*#__PURE__*/_jsx(TableBody, {
+        }, void 0, false)
+      }, void 0, false), /*#__PURE__*/_jsxDEV(TableBody, {
         children: hasData ? data.map((item, rowIndex) => {
           const rowKey = idKey == null ? rowIndex : typeof idKey === 'function' ? idKey(item) : String(item[idKey]);
-          return /*#__PURE__*/_jsx(MemoizedTableRow, {
+          return /*#__PURE__*/_jsxDEV(MemoizedTableRow, {
             item: item,
             rowIndex: rowIndex,
             rowKey: rowKey,
@@ -374,19 +385,19 @@ function BaseTableInner({
             textOverflow: textOverflow,
             RowComponent: RowComponent,
             CellComponent: CellComponent
-          }, rowKey);
-        }) : data != null && emptyState !== false && /*#__PURE__*/_jsx("tr", {
-          children: /*#__PURE__*/_jsx("td", {
+          }, rowKey, false);
+        }) : data != null && emptyState !== false && /*#__PURE__*/_jsxDEV("tr", {
+          children: /*#__PURE__*/_jsxDEV("td", {
             colSpan: resolvedColumns.length,
-            children: emptyState ?? /*#__PURE__*/_jsx(EmptyState, {
+            children: emptyState ?? /*#__PURE__*/_jsxDEV(EmptyState, {
               title: "No data",
               isCompact: true
-            })
-          })
-        })
-      })]
-    })
-  });
+            }, void 0, false)
+          }, void 0, false)
+        }, void 0, false)
+      }, void 0, false)]
+    }, void 0, true)
+  }, void 0, false);
 
   // Wrap the <table> in a scroll container so it scrolls horizontally
   // when columns exceed the container width. This wrapper sits between
@@ -401,13 +412,13 @@ function BaseTableInner({
       htmlProps: {},
       styles: []
     });
-    tableElement = /*#__PURE__*/_jsx(ScrollWrapper, {
+    tableElement = /*#__PURE__*/_jsxDEV(ScrollWrapper, {
       htmlProps: scrollWrapperRenderProps.htmlProps,
       styles: scrollWrapperRenderProps.styles,
       beforeTable: scrollWrapperRenderProps.beforeTable,
       afterTable: scrollWrapperRenderProps.afterTable,
       children: tableElement
-    });
+    }, void 0, false);
   }
 
   // Apply transformTableContext from each plugin.

package/dist/Table/Table.js

@@ -41,7 +41,7 @@ import { themeProps } from "../utils/themeProps.js";
  *
  * @template T - The row data type
  */
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 // =============================================================================
 // StyleX Styles (table-level only; cell/row/header styles owned by components)
 // =============================================================================
@@ -79,7 +79,7 @@ function TableScrollWrapper({
     ref,
     ...restHtmlProps
   } = htmlProps ?? {};
-  return /*#__PURE__*/_jsxs("div", {
+  return /*#__PURE__*/_jsxDEV("div", {
     ref: ref
     // Keyboard-focusable so keyboard users can scroll a horizontally
     // overflowing table. Uses role="group" (not "region") so multiple
@@ -93,7 +93,7 @@ function TableScrollWrapper({
     ...restHtmlProps,
     ...mergeProps(themeProps('table-scroll-wrapper'), stylex.props(scrollWrapperStyles.base, scrollWrapperStyles.containerBleed, ...(pluginStyles ?? []))),
     children: [beforeTable, children, afterTable]
-  });
+  }, void 0, true);
 }
 
 // =============================================================================
@@ -148,9 +148,9 @@ function TableInner({
     verticalAlign,
     textOverflow
   }), [density, dividers, isStriped, hasHover, verticalAlign, textOverflow]);
-  return /*#__PURE__*/_jsx(TableContext, {
+  return /*#__PURE__*/_jsxDEV(TableContext, {
     value: contextValue,
-    children: /*#__PURE__*/_jsx(BaseTable, {
+    children: /*#__PURE__*/_jsxDEV(BaseTable, {
       ref: ref,
       data: data,
       columns: columns,
@@ -158,8 +158,8 @@ function TableInner({
       textOverflow: textOverflow,
       scrollWrapper: TableScrollWrapper,
       ...rest
-    })
-  });
+    }, void 0, false)
+  }, void 0, false);
 }
 
 /**

package/dist/Table/TableBody.d.ts

@@ -5,7 +5,7 @@ export interface TableBodyProps extends BaseProps<HTMLTableSectionElement> {
     ref?: React.Ref<HTMLTableSectionElement>;
     children: ReactNode;
 }
-export declare function TableBody({ ref, children, xstyle }: TableBodyProps): React.JSX.Element;
+export declare function TableBody({ ref, children, xstyle, className, style, ...rest }: TableBodyProps): React.JSX.Element;
 export declare namespace TableBody {
     var displayName: string;
 }

package/dist/Table/TableBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../src/Table/TableBody.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAErC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAI5C,MAAM,WAAW,cAAe,SAAQ,SAAS,CAAC,uBAAuB,CAAC;IACxE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;IACzC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,SAAS,CAAC,EAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAC,EAAE,cAAc,qBAQhE;yBARe,SAAS"}
+{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../src/Table/TableBody.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAErC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAI5C,MAAM,WAAW,cAAe,SAAQ,SAAS,CAAC,uBAAuB,CAAC;IACxE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;IACzC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,SAAS,CAAC,EACxB,GAAG,EACH,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,cAAc,qBAchB;yBArBe,SAAS"}

package/dist/Table/TableBody.js

@@ -5,16 +5,20 @@
 import * as stylex from '@stylexjs/stylex';
 import { mergeProps } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 export function TableBody({
   ref,
   children,
-  xstyle
+  xstyle,
+  className,
+  style,
+  ...rest
 }) {
-  return /*#__PURE__*/_jsx("tbody", {
+  return /*#__PURE__*/_jsxDEV("tbody", {
     ref: ref,
-    ...mergeProps(themeProps('table-body'), stylex.props(xstyle)),
+    ...mergeProps(themeProps('table-body'), stylex.props(xstyle), className, style),
+    ...rest,
     children: children
-  });
+  }, void 0, false);
 }
 TableBody.displayName = 'TableBody';

package/dist/Table/TableCell.js

@@ -24,7 +24,7 @@ import { mergeProps } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
 
 /** Props for TableCell — thin `<td>` wrapper */
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 const densityStyles = {
   compact: {
     k8WAf4: "xu0wf1k",
@@ -179,11 +179,11 @@ export function TableCell({
   // right-click anywhere in the cell (including the padding ring) opens it.
   const triggerXstyle = hasContextMenu && ctx ? [triggerFillStyles.fill, densityPaddingStyles[ctx.density]] : hasContextMenu ? triggerFillStyles.fill : undefined;
   const content = wrapInTableContextMenu(children, contextMenuActions, triggerXstyle);
-  return /*#__PURE__*/_jsx("td", {
+  return /*#__PURE__*/_jsxDEV("td", {
     ref: ref,
     ...props,
     ...mergeProps(themeProps('table-cell'), stylex.props(...mergeXStyle(cellStyles, xstyle)), incomingClassName, incomingStyle),
     children: content
-  });
+  }, void 0, false);
 }
 TableCell.displayName = 'TableCell';

package/dist/Table/TableFooter.d.ts

@@ -5,7 +5,7 @@ export interface TableFooterProps extends BaseProps<HTMLTableSectionElement> {
     ref?: React.Ref<HTMLTableSectionElement>;
     children: ReactNode;
 }
-export declare function TableFooter({ ref, children, xstyle }: TableFooterProps): React.JSX.Element;
+export declare function TableFooter({ ref, children, xstyle, className, style, ...rest }: TableFooterProps): React.JSX.Element;
 export declare namespace TableFooter {
     var displayName: string;
 }

package/dist/Table/TableFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableFooter.d.ts","sourceRoot":"","sources":["../../src/Table/TableFooter.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAErC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAI5C,MAAM,WAAW,gBAAiB,SAAQ,SAAS,CAAC,uBAAuB,CAAC;IAC1E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;IACzC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,EAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAC,EAAE,gBAAgB,qBAQpE;yBARe,WAAW"}
+{"version":3,"file":"TableFooter.d.ts","sourceRoot":"","sources":["../../src/Table/TableFooter.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAErC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAI5C,MAAM,WAAW,gBAAiB,SAAQ,SAAS,CAAC,uBAAuB,CAAC;IAC1E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;IACzC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,gBAAgB,qBAclB;yBArBe,WAAW"}

package/dist/Table/TableFooter.js

@@ -5,16 +5,20 @@
 import * as stylex from '@stylexjs/stylex';
 import { mergeProps } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 export function TableFooter({
   ref,
   children,
-  xstyle
+  xstyle,
+  className,
+  style,
+  ...rest
 }) {
-  return /*#__PURE__*/_jsx("tfoot", {
+  return /*#__PURE__*/_jsxDEV("tfoot", {
     ref: ref,
-    ...mergeProps(themeProps('table-footer'), stylex.props(xstyle)),
+    ...mergeProps(themeProps('table-footer'), stylex.props(xstyle), className, style),
+    ...rest,
     children: children
-  });
+  }, void 0, false);
 }
 TableFooter.displayName = 'TableFooter';

package/dist/Table/TableHeader.d.ts

@@ -5,7 +5,7 @@ export interface TableHeaderProps extends BaseProps<HTMLTableSectionElement> {
     ref?: React.Ref<HTMLTableSectionElement>;
     children: ReactNode;
 }
-export declare function TableHeader({ ref, children, xstyle }: TableHeaderProps): React.JSX.Element;
+export declare function TableHeader({ ref, children, xstyle, className, style, ...rest }: TableHeaderProps): React.JSX.Element;
 export declare namespace TableHeader {
     var displayName: string;
 }

package/dist/Table/TableHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../src/Table/TableHeader.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAErC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAI5C,MAAM,WAAW,gBAAiB,SAAQ,SAAS,CAAC,uBAAuB,CAAC;IAC1E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;IACzC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,EAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAC,EAAE,gBAAgB,qBAQpE;yBARe,WAAW"}
+{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../src/Table/TableHeader.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAErC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAI5C,MAAM,WAAW,gBAAiB,SAAQ,SAAS,CAAC,uBAAuB,CAAC;IAC1E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;IACzC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,gBAAgB,qBAclB;yBArBe,WAAW"}

package/dist/Table/TableHeader.js

@@ -5,16 +5,20 @@
 import * as stylex from '@stylexjs/stylex';
 import { mergeProps } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 export function TableHeader({
   ref,
   children,
-  xstyle
+  xstyle,
+  className,
+  style,
+  ...rest
 }) {
-  return /*#__PURE__*/_jsx("thead", {
+  return /*#__PURE__*/_jsxDEV("thead", {
     ref: ref,
-    ...mergeProps(themeProps('table-header'), stylex.props(xstyle)),
+    ...mergeProps(themeProps('table-header'), stylex.props(xstyle), className, style),
+    ...rest,
     children: children
-  });
+  }, void 0, false);
 }
 TableHeader.displayName = 'TableHeader';

package/dist/Table/TableHeaderCell.js

@@ -23,7 +23,7 @@ import { mergeProps } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
 
 /** Props for TableHeaderCell — `<th>` wrapper with context-aware styling */
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 const densityStyles = {
   compact: {
     k8WAf4: "xu0wf1k",
@@ -117,11 +117,11 @@ export function TableHeaderCell({
   // The cell owns the context-menu wrapper so it controls how the menu
   // interacts with its padding / content. No-op when no actions.
   const content = wrapInTableContextMenu(children, contextMenuActions);
-  return /*#__PURE__*/_jsx("th", {
+  return /*#__PURE__*/_jsxDEV("th", {
     ref: ref,
     ...props,
     ...mergeProps(themeProps('table-header-cell'), stylex.props(...mergeXStyle(cellStyles, xstyle)), incomingClassName, incomingStyle),
     children: content
-  });
+  }, void 0, false);
 }
 TableHeaderCell.displayName = 'TableHeaderCell';

package/dist/Table/TableRow.js

@@ -23,7 +23,7 @@ import { mergeProps } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
 
 /** Props for TableRow — thin `<tr>` wrapper */
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 const stripedRowStyles = {
   row: {
     kWkggS: "x1dnou9g",
@@ -77,12 +77,12 @@ export function TableRow({
 }) {
   const ctx = use(TableContext);
   if (!ctx) {
-    return /*#__PURE__*/_jsx("tr", {
+    return /*#__PURE__*/_jsxDEV("tr", {
       ref: ref,
       ...props,
       ...mergeProps(themeProps('table-row'), stylex.props(tableRowMarker, xstyle)),
       children: children
-    });
+    }, void 0, false);
   }
   const rowStyles = [];
 
@@ -105,11 +105,11 @@ export function TableRow({
   if (xstyle) {
     rowStyles.push(...xstyle);
   }
-  return /*#__PURE__*/_jsx("tr", {
+  return /*#__PURE__*/_jsxDEV("tr", {
     ref: ref,
     ...props,
     ...mergeProps(themeProps('table-row'), stylex.props(tableRowMarker, ...rowStyles)),
     children: children
-  });
+  }, void 0, false);
 }
 TableRow.displayName = 'TableRow';

package/dist/Table/index.d.ts

@@ -23,6 +23,7 @@ export { useTableColumnSettings } from './plugins/columnSettings';
 export { useTableColumnSettingsState } from './plugins/columnSettings';
 export { useTableColumnResize } from './plugins/columnResize';
 export { useTableStickyColumns } from './plugins/stickyColumns';
+export { useTableGroupedRows } from './plugins/groupedRows';
 export { useTableRowExpansion, useTableRowExpansionState, } from './plugins/rowExpansion';
 export { resolveContextActions } from './tableContextMenu';
 export { useTableFiltering, useTableFilterState, toSearchFilters, } from './plugins/filtering';
@@ -47,5 +48,6 @@ export type { UseTableColumnSettingsStateConfig, UseTableColumnSettingsStateRetu
 export type { UseTableColumnResizeConfig } from './plugins/columnResize';
 export type { UseTableStickyColumnsConfig } from './plugins/stickyColumns';
 export type { UseTableRowExpansionConfig } from './plugins/rowExpansion';
+export type { UseTableGroupedRowsConfig, UseTableGroupedRowsResult, } from './plugins/groupedRows';
 export type { UseTableFilteringConfig, TableFilterState, TableFilterVariant, TableFilterValue, TableFilterFieldRef, } from './plugins/filtering';
 //# sourceMappingURL=index.d.ts.map

package/dist/Table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Table/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Table/index.ts"],"names":[],"mappings":"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"}

package/dist/Table/index.js

@@ -26,6 +26,7 @@ export { useTableColumnSettings } from "./plugins/columnSettings/index.js";
 export { useTableColumnSettingsState } from "./plugins/columnSettings/index.js";
 export { useTableColumnResize } from "./plugins/columnResize/index.js";
 export { useTableStickyColumns } from "./plugins/stickyColumns/index.js";
+export { useTableGroupedRows } from "./plugins/groupedRows/index.js";
 export { useTableRowExpansion, useTableRowExpansionState } from "./plugins/rowExpansion/index.js";
 export { resolveContextActions } from "./tableContextMenu.js";
 export { useTableFiltering, useTableFilterState, toSearchFilters } from "./plugins/filtering/index.js";

package/dist/Table/plugins/columnResize/useTableColumnResize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTableColumnResize.d.ts","sourceRoot":"","sources":["../../../../src/Table/plugins/columnResize/useTableColumnResize.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EACV,WAAW,EAEX,WAAW,EAEZ,MAAM,aAAa,CAAC;AAWrB,MAAM,WAAW,0BAA0B;IACzC;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEtC;;;OAGG;IACH;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAE9D;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC;CAClD;AAmmBD,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACpE,MAAM,EAAE,0BAA0B,GACjC,WAAW,CAAC,CAAC,CAAC,CAuKhB"}
+{"version":3,"file":"useTableColumnResize.d.ts","sourceRoot":"","sources":["../../../../src/Table/plugins/columnResize/useTableColumnResize.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EACV,WAAW,EAEX,WAAW,EAEZ,MAAM,aAAa,CAAC;AAWrB,MAAM,WAAW,0BAA0B;IACzC;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEtC;;;OAGG;IACH;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAE9D;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC;CAClD;AAqmBD,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACpE,MAAM,EAAE,0BAA0B,GACjC,WAAW,CAAC,CAAC,CAAC,CAuKhB"}

package/dist/Table/plugins/columnResize/useTableColumnResize.js

@@ -22,7 +22,7 @@ import { observeResize, unobserveResize } from "../../../utils/sharedResizeObser
 // =============================================================================
 // Config Type
 // =============================================================================
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 // =============================================================================
 // Constants
 // =============================================================================
@@ -445,10 +445,13 @@ function ResizeHandle({
     }
   }, [currentWidth, getRTLMultiplier, minWidth, maxWidth, buildSnapshotAndResize, tableRef]);
   const ariaLabel = typeof columnHeader === 'string' ? `Resize column ${columnHeader}` : `Resize column ${columnKey}`;
-  return /*#__PURE__*/_jsx("div", {
+  return /*#__PURE__*/_jsxDEV("div", {
     role: "separator",
-    "aria-orientation": "vertical",
-    "aria-valuenow": currentWidth ?? undefined,
+    "aria-orientation": "vertical"
+    // A focusable role="separator" requires a numeric aria-valuenow, so fall
+    // back to the column's minWidth before the width has been measured.
+    ,
+    "aria-valuenow": currentWidth ?? minWidth,
     "aria-valuemin": minWidth,
     "aria-valuemax": maxWidth === Infinity ? undefined : maxWidth,
     "aria-label": ariaLabel,
@@ -458,7 +461,7 @@ function ResizeHandle({
     ...{
       className: "x10l6tqk xtijo5x x13vifvy x1w0ack5 x1xc55vz x7eptgl x1vjfegm x5ve5x3 x87ps6o x1qfzo5y x1m3wso9 x11woleg xhj50sb x1s928wv x1j6awrg x1unh1gc x1m1drc7 x1xrz1ek xi8c0p9 x1i3206j xvtkv6q"
     }
-  });
+  }, void 0, false);
 }
 
 // =============================================================================
@@ -518,13 +521,13 @@ export function useTableColumnResize(config) {
   }, []);
   return useMemo(() => ({
     transformTableContext(children) {
-      return /*#__PURE__*/_jsx("div", {
+      return /*#__PURE__*/_jsxDEV("div", {
         ref: measureRef,
         style: {
           display: 'contents'
         },
         children: children
-      });
+      }, void 0, false);
     },
     transformHeaderCell(props, column) {
       // Skip columns that opt out of resizing
@@ -571,7 +574,7 @@ export function useTableColumnResize(config) {
         ...existingStyle,
         ...widthStyle
       } : widthStyle : existingStyle;
-      const handle = /*#__PURE__*/_jsx(ResizeHandle, {
+      const handle = /*#__PURE__*/_jsxDEV(ResizeHandle, {
         columnKey: column.key,
         columnHeader: column.header ?? column.key,
         currentWidth: overrideWidth,
@@ -582,16 +585,16 @@ export function useTableColumnResize(config) {
         dragStateRef: dragStateRef,
         isDraggingRef: isDraggingRef,
         tableRef: tableRef
-      }, `resize-${column.key}`);
+      }, `resize-${column.key}`, false);
       return {
         ...props,
         htmlProps: {
           ...props.htmlProps,
           style: mergedStyle
         },
-        overlay: /*#__PURE__*/_jsxs(_Fragment, {
+        overlay: /*#__PURE__*/_jsxDEV(_Fragment, {
           children: [props.overlay, handle]
-        }),
+        }, void 0, true),
         styles: [...props.styles, headerCellRelative.base]
       };
     }