@astryxdesign/core 0.1.4-canary.ff77e1c → 0.1.4

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 { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-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__*/_jsxDEV(Text, {
+      content = /*#__PURE__*/_jsx(Text, {
         type: "body",
         maxLines: 1,
         children: rawContent
-      }, void 0, false);
+      });
     } else {
       content = rawContent;
     }
-    return /*#__PURE__*/_jsxDEV(CellComponent, {
+    return /*#__PURE__*/_jsx(CellComponent, {
       ...cellRenderProps.htmlProps,
       contextMenuActions: cellRenderProps.contextMenuActions,
       xstyle: cellRenderProps.styles,
       children: content
-    }, col.key, false);
+    }, col.key);
   });
 
   // Apply plugin transforms for row (with pre-rendered children)
   const rowRenderProps = applyPlugins(plugins, p => p.transformBodyRow, {
     htmlProps: {},
     styles: [],
-    children: /*#__PURE__*/_jsxDEV(_Fragment, {
+    children: /*#__PURE__*/_jsx(_Fragment, {
       children: cells
-    }, void 0, false)
+    })
   }, item, rowIndex);
-  const row = /*#__PURE__*/_jsxDEV(RowComponent, {
+  const row = /*#__PURE__*/_jsx(RowComponent, {
     ref: rowRenderProps.ref,
     ...rowRenderProps.htmlProps,
     xstyle: rowRenderProps.styles,
     children: rowRenderProps.children
-  }, rowKey, false);
+  }, rowKey);
   return row;
 }
 
@@ -199,17 +199,10 @@ function areRowPropsEqual(prevProps, nextProps) {
     return true;
   }
 
-  // Different object reference - compare values. This is intentionally a
-  // one-level shallow compare: nested fields rely on reference identity.
+  // Different object reference - compare values
   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;
@@ -280,13 +273,9 @@ function BaseTableInner({
   const headerCells = resolvedColumns.map((col, columnIndex) => {
     const headerContent = col.header ?? col.key;
 
-    // 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.
+    // Build initial htmlProps with column alignment if specified
     const initialHeaderHtmlProps = {
-      'data-column-key': col.key,
-      scope: 'col'
+      'data-column-key': col.key
     };
     if (col.align) {
       initialHeaderHtmlProps.style = {
@@ -327,30 +316,30 @@ function BaseTableInner({
       below
     } = cellRenderProps;
     const hasSlots = before != null || after != null || overlay != null || below != null;
-    const headerInner = hasSlots ? /*#__PURE__*/_jsxDEV(_Fragment, {
-      children: [before, after != null ? /*#__PURE__*/_jsxDEV("div", {
+    const headerInner = hasSlots ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [before, after != null ? /*#__PURE__*/_jsxs("div", {
         ...{
           className: "x3nfvp2 x6s0dn4 xzye2dw xeuugli"
         },
         children: [resolvedContent, after]
-      }, void 0, true) : resolvedContent, overlay, below]
-    }, void 0, true) : resolvedContent;
-    return /*#__PURE__*/_jsxDEV(HeaderCellComponent, {
+      }) : resolvedContent, overlay, below]
+    }) : resolvedContent;
+    return /*#__PURE__*/_jsx(HeaderCellComponent, {
       ...mergedHtmlProps,
       ...headerTitleProp,
       contextMenuActions: cellRenderProps.contextMenuActions,
       xstyle: cellRenderProps.styles,
       children: headerInner
-    }, col.key, false);
+    }, col.key);
   });
 
   // --- Plugin pipeline: header row ---
   const headerRowRenderProps = applyPlugins(plugins, p => p.transformHeaderRow, {
     htmlProps: {},
     styles: [],
-    children: /*#__PURE__*/_jsxDEV(_Fragment, {
+    children: /*#__PURE__*/_jsx(_Fragment, {
       children: headerCells
-    }, void 0, false)
+    })
   });
 
   // --- Render ---
@@ -360,23 +349,23 @@ function BaseTableInner({
     ...tableRenderProps.htmlProps.style,
     minWidth: resolvedWidths.tableMinWidth > 0 ? `${resolvedWidths.tableMinWidth}px` : undefined
   };
-  let tableElement = /*#__PURE__*/_jsxDEV("table", {
+  let tableElement = /*#__PURE__*/_jsx("table", {
     ref: ref,
     ...tableRenderProps.htmlProps,
     ...mergeProps(themeProps('base-table'), stylex.props(...tableRenderProps.styles), tableRenderProps.htmlProps.className),
     style: tableStyle,
-    children: children ? children : /*#__PURE__*/_jsxDEV(_Fragment, {
-      children: [hasColumns && /*#__PURE__*/_jsxDEV(TableHeader, {
-        children: /*#__PURE__*/_jsxDEV(RowComponent, {
+    children: children ? children : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [hasColumns && /*#__PURE__*/_jsx(TableHeader, {
+        children: /*#__PURE__*/_jsx(RowComponent, {
           ...headerRowRenderProps.htmlProps,
           isHeaderRow: true,
           xstyle: headerRowRenderProps.styles,
           children: headerRowRenderProps.children
-        }, void 0, false)
-      }, void 0, false), /*#__PURE__*/_jsxDEV(TableBody, {
+        })
+      }), /*#__PURE__*/_jsx(TableBody, {
         children: hasData ? data.map((item, rowIndex) => {
           const rowKey = idKey == null ? rowIndex : typeof idKey === 'function' ? idKey(item) : String(item[idKey]);
-          return /*#__PURE__*/_jsxDEV(MemoizedTableRow, {
+          return /*#__PURE__*/_jsx(MemoizedTableRow, {
             item: item,
             rowIndex: rowIndex,
             rowKey: rowKey,
@@ -385,19 +374,19 @@ function BaseTableInner({
             textOverflow: textOverflow,
             RowComponent: RowComponent,
             CellComponent: CellComponent
-          }, rowKey, false);
-        }) : data != null && emptyState !== false && /*#__PURE__*/_jsxDEV("tr", {
-          children: /*#__PURE__*/_jsxDEV("td", {
+          }, rowKey);
+        }) : data != null && emptyState !== false && /*#__PURE__*/_jsx("tr", {
+          children: /*#__PURE__*/_jsx("td", {
             colSpan: resolvedColumns.length,
-            children: emptyState ?? /*#__PURE__*/_jsxDEV(EmptyState, {
+            children: emptyState ?? /*#__PURE__*/_jsx(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
@@ -412,13 +401,13 @@ function BaseTableInner({
       htmlProps: {},
       styles: []
     });
-    tableElement = /*#__PURE__*/_jsxDEV(ScrollWrapper, {
+    tableElement = /*#__PURE__*/_jsx(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 { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 // =============================================================================
 // StyleX Styles (table-level only; cell/row/header styles owned by components)
 // =============================================================================
@@ -79,7 +79,7 @@ function TableScrollWrapper({
     ref,
     ...restHtmlProps
   } = htmlProps ?? {};
-  return /*#__PURE__*/_jsxDEV("div", {
+  return /*#__PURE__*/_jsxs("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__*/_jsxDEV(TableContext, {
+  return /*#__PURE__*/_jsx(TableContext, {
     value: contextValue,
-    children: /*#__PURE__*/_jsxDEV(BaseTable, {
+    children: /*#__PURE__*/_jsx(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, className, style, ...rest }: TableBodyProps): React.JSX.Element;
+export declare function TableBody({ ref, children, xstyle }: 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,EACxB,GAAG,EACH,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,cAAc,qBAchB;yBArBe,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,EAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAC,EAAE,cAAc,qBAQhE;yBARe,SAAS"}

package/dist/Table/TableBody.js

@@ -5,20 +5,16 @@
 import * as stylex from '@stylexjs/stylex';
 import { mergeProps } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 export function TableBody({
   ref,
   children,
-  xstyle,
-  className,
-  style,
-  ...rest
+  xstyle
 }) {
-  return /*#__PURE__*/_jsxDEV("tbody", {
+  return /*#__PURE__*/_jsx("tbody", {
     ref: ref,
-    ...mergeProps(themeProps('table-body'), stylex.props(xstyle), className, style),
-    ...rest,
+    ...mergeProps(themeProps('table-body'), stylex.props(xstyle)),
     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 { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-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__*/_jsxDEV("td", {
+  return /*#__PURE__*/_jsx("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, className, style, ...rest }: TableFooterProps): React.JSX.Element;
+export declare function TableFooter({ ref, children, xstyle }: 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,EAC1B,GAAG,EACH,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,gBAAgB,qBAclB;yBArBe,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,EAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAC,EAAE,gBAAgB,qBAQpE;yBARe,WAAW"}

package/dist/Table/TableFooter.js

@@ -5,20 +5,16 @@
 import * as stylex from '@stylexjs/stylex';
 import { mergeProps } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 export function TableFooter({
   ref,
   children,
-  xstyle,
-  className,
-  style,
-  ...rest
+  xstyle
 }) {
-  return /*#__PURE__*/_jsxDEV("tfoot", {
+  return /*#__PURE__*/_jsx("tfoot", {
     ref: ref,
-    ...mergeProps(themeProps('table-footer'), stylex.props(xstyle), className, style),
-    ...rest,
+    ...mergeProps(themeProps('table-footer'), stylex.props(xstyle)),
     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, className, style, ...rest }: TableHeaderProps): React.JSX.Element;
+export declare function TableHeader({ ref, children, xstyle }: 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,EAC1B,GAAG,EACH,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,gBAAgB,qBAclB;yBArBe,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,EAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAC,EAAE,gBAAgB,qBAQpE;yBARe,WAAW"}

package/dist/Table/TableHeader.js

@@ -5,20 +5,16 @@
 import * as stylex from '@stylexjs/stylex';
 import { mergeProps } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 export function TableHeader({
   ref,
   children,
-  xstyle,
-  className,
-  style,
-  ...rest
+  xstyle
 }) {
-  return /*#__PURE__*/_jsxDEV("thead", {
+  return /*#__PURE__*/_jsx("thead", {
     ref: ref,
-    ...mergeProps(themeProps('table-header'), stylex.props(xstyle), className, style),
-    ...rest,
+    ...mergeProps(themeProps('table-header'), stylex.props(xstyle)),
     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 { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-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__*/_jsxDEV("th", {
+  return /*#__PURE__*/_jsx("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 { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 const stripedRowStyles = {
   row: {
     kWkggS: "x1dnou9g",
@@ -77,12 +77,12 @@ export function TableRow({
 }) {
   const ctx = use(TableContext);
   if (!ctx) {
-    return /*#__PURE__*/_jsxDEV("tr", {
+    return /*#__PURE__*/_jsx("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__*/_jsxDEV("tr", {
+  return /*#__PURE__*/_jsx("tr", {
     ref: ref,
     ...props,
     ...mergeProps(themeProps('table-row'), stylex.props(tableRowMarker, ...rowStyles)),
     children: children
-  }, void 0, false);
+  });
 }
 TableRow.displayName = 'TableRow';

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;AAqmBD,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;AAmmBD,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 { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 // =============================================================================
 // Constants
 // =============================================================================
@@ -445,13 +445,10 @@ function ResizeHandle({
     }
   }, [currentWidth, getRTLMultiplier, minWidth, maxWidth, buildSnapshotAndResize, tableRef]);
   const ariaLabel = typeof columnHeader === 'string' ? `Resize column ${columnHeader}` : `Resize column ${columnKey}`;
-  return /*#__PURE__*/_jsxDEV("div", {
+  return /*#__PURE__*/_jsx("div", {
     role: "separator",
-    "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-orientation": "vertical",
+    "aria-valuenow": currentWidth ?? undefined,
     "aria-valuemin": minWidth,
     "aria-valuemax": maxWidth === Infinity ? undefined : maxWidth,
     "aria-label": ariaLabel,
@@ -461,7 +458,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);
+  });
 }
 
 // =============================================================================
@@ -521,13 +518,13 @@ export function useTableColumnResize(config) {
   }, []);
   return useMemo(() => ({
     transformTableContext(children) {
-      return /*#__PURE__*/_jsxDEV("div", {
+      return /*#__PURE__*/_jsx("div", {
         ref: measureRef,
         style: {
           display: 'contents'
         },
         children: children
-      }, void 0, false);
+      });
     },
     transformHeaderCell(props, column) {
       // Skip columns that opt out of resizing
@@ -574,7 +571,7 @@ export function useTableColumnResize(config) {
         ...existingStyle,
         ...widthStyle
       } : widthStyle : existingStyle;
-      const handle = /*#__PURE__*/_jsxDEV(ResizeHandle, {
+      const handle = /*#__PURE__*/_jsx(ResizeHandle, {
         columnKey: column.key,
         columnHeader: column.header ?? column.key,
         currentWidth: overrideWidth,
@@ -585,16 +582,16 @@ export function useTableColumnResize(config) {
         dragStateRef: dragStateRef,
         isDraggingRef: isDraggingRef,
         tableRef: tableRef
-      }, `resize-${column.key}`, false);
+      }, `resize-${column.key}`);
       return {
         ...props,
         htmlProps: {
           ...props.htmlProps,
           style: mergedStyle
         },
-        overlay: /*#__PURE__*/_jsxDEV(_Fragment, {
+        overlay: /*#__PURE__*/_jsxs(_Fragment, {
           children: [props.overlay, handle]
-        }, void 0, true),
+        }),
         styles: [...props.styles, headerCellRelative.base]
       };
     }