@astryxdesign/core 0.7.4 → 0.7.5-canary.0418c47

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

@@ -1 +1 @@
-{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../src/Table/TableCell.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAQ5C,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAgBjD,gDAAgD;AAChD,MAAM,WAAW,cAAe,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IACrE,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;IACtC,0FAA0F;IAC1F,KAAK,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,CAAC;IAChD,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACvC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,mBAAmB,CAAC;CAC1C;AAsHD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,MAAM,EACN,GAAG,EACH,SAAS,EAAE,iBAAiB,EAC5B,KAAK,EAAE,aAAa,EACpB,kBAAkB,EAClB,GAAG,KAAK,EACT,EAAE,cAAc,+BAwDhB;yBAhEe,SAAS"}
+{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../src/Table/TableCell.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAQ5C,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAgBjD,gDAAgD;AAChD,MAAM,WAAW,cAAe,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IACrE,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;IACtC,0FAA0F;IAC1F,KAAK,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,CAAC;IAChD,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACvC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,mBAAmB,CAAC;CAC1C;AA4HD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,MAAM,EACN,GAAG,EACH,SAAS,EAAE,iBAAiB,EAC5B,KAAK,EAAE,aAAa,EACpB,kBAAkB,EAClB,GAAG,KAAK,EACT,EAAE,cAAc,+BAwDhB;yBAhEe,SAAS"}

package/dist/Table/TableCell.js

@@ -113,6 +113,7 @@ const contextMenuCellStyles = {
 };
 const dividerRowStyles = {
   cell: {
+    "--_table-row-divider-width": "x6ivs5n x1gxz47l",
     kt9PQ7: "x92x3c3 x1wp2rvj",
     kfdmCh: "x1q0q8m5",
     kL6WhQ: "xw8gpjh",

package/dist/Table/TableContext.d.ts

@@ -1,4 +1,4 @@
-import type { TableVerticalAlign } from './types';
+import type { TableVerticalAlign } from './types.js';
 export interface TableContextValue {
     density: 'compact' | 'balanced' | 'spacious';
     dividers: 'rows' | 'columns' | 'grid' | 'none';

package/dist/Table/TableFooter.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 import type { ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
+import type { BaseProps } from '../BaseProps.js';
 export interface TableFooterProps extends BaseProps<HTMLTableSectionElement> {
     ref?: React.Ref<HTMLTableSectionElement>;
     children: ReactNode;

package/dist/Table/TableHeader.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 import type { ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
+import type { BaseProps } from '../BaseProps.js';
 export interface TableHeaderProps extends BaseProps<HTMLTableSectionElement> {
     ref?: React.Ref<HTMLTableSectionElement>;
     children: ReactNode;

package/dist/Table/TableHeaderCell.d.ts

@@ -10,9 +10,9 @@
  * - /packages/cli/assets/templates/blocks/components/Table/ (showcase blocks)
  */
 import type { ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
-import type { StyleXStyles } from '../theme/types';
-import type { TableContextActions } from './types';
+import type { BaseProps } from '../BaseProps.js';
+import type { StyleXStyles } from '../theme/types.js';
+import type { TableContextActions } from './types.js';
 /** Props for TableHeaderCell — `<th>` wrapper with context-aware styling */
 export interface TableHeaderCellProps extends BaseProps<HTMLTableCellElement> {
     /** Ref forwarded to the root element */

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

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderCell.d.ts","sourceRoot":"","sources":["../../src/Table/TableHeaderCell.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAS5C,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAOjD,4EAA4E;AAC5E,MAAM,WAAW,oBAAqB,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IAC3E,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;IACtC,oDAAoD;IACpD,KAAK,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,CAAC;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACvC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,mBAAmB,CAAC;CAC1C;AAkDD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,MAAM,EACN,GAAG,EACH,SAAS,EAAE,iBAAiB,EAC5B,KAAK,EAAE,aAAa,EACpB,kBAAkB,EAClB,GAAG,KAAK,EACT,EAAE,oBAAoB,+BAsCtB;yBA9Ce,eAAe"}
+{"version":3,"file":"TableHeaderCell.d.ts","sourceRoot":"","sources":["../../src/Table/TableHeaderCell.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAS5C,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAOjD,4EAA4E;AAC5E,MAAM,WAAW,oBAAqB,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IAC3E,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;IACtC,oDAAoD;IACpD,KAAK,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,CAAC;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACvC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,mBAAmB,CAAC;CAC1C;AAoDD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,MAAM,EACN,GAAG,EACH,SAAS,EAAE,iBAAiB,EAC5B,KAAK,EAAE,aAAa,EACpB,kBAAkB,EAClB,GAAG,KAAK,EACT,EAAE,oBAAoB,+BAsCtB;yBA9Ce,eAAe"}

package/dist/Table/TableHeaderCell.js

@@ -57,6 +57,7 @@ const headerStyles = {
 };
 const headerDividerStyles = {
   cell: {
+    "--_table-row-divider-width": "x6ivs5n",
     kt9PQ7: "x92x3c3",
     kfdmCh: "x1q0q8m5",
     kL6WhQ: "xw8gpjh",

package/dist/Table/TableRow.d.ts

@@ -11,8 +11,8 @@
  * - /packages/cli/assets/templates/blocks/components/Table/ (showcase blocks)
  */
 import { type ReactNode } from 'react';
-import type { BaseProps } from '../BaseProps';
-import type { StyleXStyles } from '../theme/types';
+import type { BaseProps } from '../BaseProps.js';
+import type { StyleXStyles } from '../theme/types.js';
 /** Props for TableRow — thin `<tr>` wrapper */
 export interface TableRowProps extends BaseProps<HTMLTableRowElement> {
     /** Ref forwarded to the root element */

package/dist/Table/TableSelectionToolbar.d.ts

@@ -5,8 +5,8 @@
  * @position Product-composed selection UI; never injected by the Table plugin
  */
 import type { ReactNode } from 'react';
-import type { ToolbarProps } from '../Toolbar';
-import type { TableSelectionState } from './plugins/selection/useTableSelectionState';
+import type { ToolbarProps } from '../Toolbar/index.js';
+import type { TableSelectionState } from './plugins/selection/useTableSelectionState.js';
 export interface TableSelectionToolbarProps extends Omit<ToolbarProps, 'endContent' | 'label'> {
     /** Shared state returned by useTableSelectionState. */
     selection: TableSelectionState;

package/dist/Table/columnUtils.d.ts

@@ -9,7 +9,7 @@
  * - /packages/core/src/Table/index.ts (exports if functions change)
  */
 import type { CSSProperties, ReactNode } from 'react';
-import type { TableColumn, ProportionalWidth, PixelWidth } from './types';
+import type { TableColumn, ProportionalWidth, PixelWidth } from './types.js';
 /** Default minimum width (in px) for explicit proportional columns. */
 export declare const DEFAULT_MIN_COLUMN_WIDTH = 120;
 /**

package/dist/Table/index.d.ts

@@ -6,8 +6,8 @@
  *
  * SYNC: When modified, update this header and /packages/core/src/Table/Table.doc.mjs
  */
-import type { IconName } from '../Icon';
-import type { TableRowStatusColor } from './plugins/rowStatus/useTableRowStatus';
+import type { IconName } from '../Icon/index.js';
+import type { TableRowStatusColor } from './plugins/rowStatus/useTableRowStatus.js';
 /** Stable custom row-status marker contract. */
 export interface TableRowStatus {
     color: TableRowStatusColor | (string & {});
@@ -21,56 +21,56 @@ export interface TableSemanticRowStatus {
     icon?: never;
     label: string;
 }
-export { Table } from './Table';
-export { TableRow } from './TableRow';
-export { TableCell } from './TableCell';
-export { TableHeaderCell } from './TableHeaderCell';
-export { TableHeader } from './TableHeader';
-export { TableBody } from './TableBody';
-export { TableFooter } from './TableFooter';
-export { TableContext } from './TableContext';
-export { TableSelectionToolbar } from './TableSelectionToolbar';
-export { useTableSelection } from './plugins/selection';
-export { useTableSelectionState } from './plugins/selection';
-export { useTableSortable } from './plugins/sortable';
-export { useTableSortableState } from './plugins/sortable';
-export { useTablePagination, paginateData } from './plugins/pagination';
-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 { useTableRowIndex } from './plugins/rowIndex';
-export { useTableRowStatus } from './plugins/rowStatus';
-export { useTableRowExpansion } from './plugins/rowExpansion';
-export { useTableTreeData, useTableTreeState } from './plugins/tree';
-export { resolveContextActions } from './tableContextMenu';
-export { useTableFiltering, useTableFilterState, toSearchFilters, } from './plugins/filtering';
-export { useBaseTablePlugins } from './useBaseTablePlugins';
-export { proportional, pixel, generateColumns, resolveColumnWidths, DEFAULT_MIN_COLUMN_WIDTH, } from './columnUtils';
-export type { TableColumn, TableColumnAlign, TableVerticalAlign, ColumnWidth, ProportionalWidth, PixelWidth, TablePlugin, TableContextAction, TableContextActions, TableRenderProps, HeaderRowRenderProps, HeaderCellRenderProps, BodyRowRenderProps, BodyCellRenderProps, ScrollWrapperRenderProps, BaseTableProps, } from './types';
-export type { TableProps, TableDensity, TableDividers, TableTextOverflow, } from './Table';
-export type { TableRowProps } from './TableRow';
-export type { TableCellProps } from './TableCell';
-export type { TableHeaderCellProps } from './TableHeaderCell';
-export type { TableHeaderProps } from './TableHeader';
-export type { TableBodyProps } from './TableBody';
-export type { TableFooterProps } from './TableFooter';
-export type { TableContextValue } from './TableContext';
-export type { TableSelectionToolbarProps } from './TableSelectionToolbar';
-export type { UseTableSelectionConfig } from './plugins/selection';
-export type { TableSelectionState, UseTableSelectionStateConfig, UseTableSelectionStateResult, } from './plugins/selection';
-export type { UseTableSortableConfig, UseTableSortableStateConfig, UseTableSortableStateResult, TableSortComparator, TableSortDirection, TableSortEntry, TableSortState, } from './plugins/sortable';
-export type { TableSortableColumnConfig } from './types';
-export type { UseTablePaginationConfig } from './plugins/pagination';
-export type { UseTableColumnSettingsConfig, ColumnSettingsOption, } from './plugins/columnSettings';
-export type { UseTableColumnSettingsStateConfig, UseTableColumnSettingsStateReturn, } from './plugins/columnSettings';
-export type { UseTableColumnResizeConfig } from './plugins/columnResize';
-export type { UseTableStickyColumnsConfig } from './plugins/stickyColumns';
-export type { UseTableRowExpansionConfig } from './plugins/rowExpansion';
-export type { UseTableRowIndexConfig } from './plugins/rowIndex';
-export type { UseTableGroupedRowsConfig, UseTableGroupedRowsResult, } from './plugins/groupedRows';
-export type { UseTableRowStatusConfig } from './plugins/rowStatus';
-export type { TableTreeRowMeta, UseTableTreeDataConfig, UseTableTreeStateConfig, UseTableTreeStateResult, } from './plugins/tree';
-export type { UseTableFilteringConfig, TableFilterState, TableFilterVariant, TableFilterValue, TableFilterFieldRef, } from './plugins/filtering';
+export { Table } from './Table.js';
+export { TableRow } from './TableRow.js';
+export { TableCell } from './TableCell.js';
+export { TableHeaderCell } from './TableHeaderCell.js';
+export { TableHeader } from './TableHeader.js';
+export { TableBody } from './TableBody.js';
+export { TableFooter } from './TableFooter.js';
+export { TableContext } from './TableContext.js';
+export { TableSelectionToolbar } from './TableSelectionToolbar.js';
+export { useTableSelection } from './plugins/selection/index.js';
+export { useTableSelectionState } from './plugins/selection/index.js';
+export { useTableSortable } from './plugins/sortable/index.js';
+export { useTableSortableState } from './plugins/sortable/index.js';
+export { useTablePagination, paginateData } from './plugins/pagination/index.js';
+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 { useTableRowIndex } from './plugins/rowIndex/index.js';
+export { useTableRowStatus } from './plugins/rowStatus/index.js';
+export { useTableRowExpansion } from './plugins/rowExpansion/index.js';
+export { useTableTreeData, useTableTreeState } from './plugins/tree/index.js';
+export { resolveContextActions } from './tableContextMenu.js';
+export { useTableFiltering, useTableFilterState, toSearchFilters, } from './plugins/filtering/index.js';
+export { useBaseTablePlugins } from './useBaseTablePlugins.js';
+export { proportional, pixel, generateColumns, resolveColumnWidths, DEFAULT_MIN_COLUMN_WIDTH, } from './columnUtils.js';
+export type { TableColumn, TableColumnAlign, TableVerticalAlign, ColumnWidth, ProportionalWidth, PixelWidth, TablePlugin, TableContextAction, TableContextActions, TableRenderProps, HeaderRowRenderProps, HeaderCellRenderProps, BodyRowRenderProps, BodyCellRenderProps, ScrollWrapperRenderProps, BaseTableProps, } from './types.js';
+export type { TableProps, TableDensity, TableDividers, TableTextOverflow, } from './Table.js';
+export type { TableRowProps } from './TableRow.js';
+export type { TableCellProps } from './TableCell.js';
+export type { TableHeaderCellProps } from './TableHeaderCell.js';
+export type { TableHeaderProps } from './TableHeader.js';
+export type { TableBodyProps } from './TableBody.js';
+export type { TableFooterProps } from './TableFooter.js';
+export type { TableContextValue } from './TableContext.js';
+export type { TableSelectionToolbarProps } from './TableSelectionToolbar.js';
+export type { UseTableSelectionConfig } from './plugins/selection/index.js';
+export type { TableSelectionState, UseTableSelectionStateConfig, UseTableSelectionStateResult, } from './plugins/selection/index.js';
+export type { UseTableSortableConfig, UseTableSortableStateConfig, UseTableSortableStateResult, TableSortComparator, TableSortDirection, TableSortEntry, TableSortState, } from './plugins/sortable/index.js';
+export type { TableSortableColumnConfig } from './types.js';
+export type { UseTablePaginationConfig } from './plugins/pagination/index.js';
+export type { UseTableColumnSettingsConfig, ColumnSettingsOption, } from './plugins/columnSettings/index.js';
+export type { UseTableColumnSettingsStateConfig, UseTableColumnSettingsStateReturn, } from './plugins/columnSettings/index.js';
+export type { UseTableColumnResizeConfig } from './plugins/columnResize/index.js';
+export type { UseTableStickyColumnsConfig } from './plugins/stickyColumns/index.js';
+export type { UseTableRowExpansionConfig } from './plugins/rowExpansion/index.js';
+export type { UseTableRowIndexConfig } from './plugins/rowIndex/index.js';
+export type { UseTableGroupedRowsConfig, UseTableGroupedRowsResult, } from './plugins/groupedRows/index.js';
+export type { UseTableRowStatusConfig } from './plugins/rowStatus/index.js';
+export type { TableTreeRowMeta, UseTableTreeDataConfig, UseTableTreeStateConfig, UseTableTreeStateResult, } from './plugins/tree/index.js';
+export type { UseTableFilteringConfig, TableFilterState, TableFilterVariant, TableFilterValue, TableFilterFieldRef, } from './plugins/filtering/index.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Table/plugins/columnResize/index.d.ts

@@ -1,3 +1,3 @@
-export { useTableColumnResize } from './useTableColumnResize';
-export type { UseTableColumnResizeConfig } from './useTableColumnResize';
+export { useTableColumnResize } from './useTableColumnResize.js';
+export type { UseTableColumnResizeConfig } from './useTableColumnResize.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,4 +1,4 @@
-import type { TablePlugin, TableColumn } from '../../types';
+import type { TablePlugin, TableColumn } from '../../types.js';
 export interface UseTableColumnResizeConfig {
     /**
      * Column width overrides from resize operations.

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,EAGX,WAAW,EAGZ,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;AAkrBD,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACpE,MAAM,EAAE,0BAA0B,GACjC,WAAW,CAAC,CAAC,CAAC,CA6RhB"}
+{"version":3,"file":"useTableColumnResize.d.ts","sourceRoot":"","sources":["../../../../src/Table/plugins/columnResize/useTableColumnResize.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EACV,WAAW,EAGX,WAAW,EAGZ,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;AAkrBD,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACpE,MAAM,EAAE,0BAA0B,GACjC,WAAW,CAAC,CAAC,CAAC,CA4ShB"}

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

@@ -506,6 +506,10 @@ export function useTableColumnResize(config) {
   configRef.current = config;
   const dragStateRef = useRef(null);
   const isDraggingRef = useRef(false);
+  // The scroll container's merged ref, kept while the inner ref is the same,
+  // so React does not detach and re-attach it (and every plugin's listeners
+  // on it) on every render.
+  const mergedScrollWrapperRef = useRef(null);
   const tableRef = useRef(null);
   const globalMinWidth = config.minWidth;
   const maxWidth = config.maxWidth ?? Infinity;
@@ -652,8 +656,9 @@ export function useTableColumnResize(config) {
     transformScrollWrapper(props) {
       // Compose with any ref a prior plugin (e.g. sticky columns,
       // virtualization) already set on the scroll container.
-      const existingRef = props.htmlProps.ref;
-      const mergedRef = node => {
+      const existingRef = props.htmlProps.ref ?? null;
+      const cached = mergedScrollWrapperRef.current;
+      const mergedRef = cached != null && cached.inner === existingRef ? cached.merged : node => {
         attachScrollGate(node);
         if (typeof existingRef === 'function') {
           existingRef(node);
@@ -661,6 +666,10 @@ export function useTableColumnResize(config) {
           existingRef.current = node;
         }
       };
+      mergedScrollWrapperRef.current = {
+        inner: existingRef,
+        merged: mergedRef
+      };
       return {
         ...props,
         htmlProps: {

package/dist/Table/plugins/columnSettings/index.d.ts

@@ -1,5 +1,5 @@
-export { useTableColumnSettings } from './useTableColumnSettings';
-export type { UseTableColumnSettingsConfig, ColumnSettingsOption, } from './useTableColumnSettings';
-export { useTableColumnSettingsState } from './useTableColumnSettingsState';
-export type { UseTableColumnSettingsStateConfig, UseTableColumnSettingsStateReturn, } from './useTableColumnSettingsState';
+export { useTableColumnSettings } from './useTableColumnSettings.js';
+export type { UseTableColumnSettingsConfig, ColumnSettingsOption, } from './useTableColumnSettings.js';
+export { useTableColumnSettingsState } from './useTableColumnSettingsState.js';
+export type { UseTableColumnSettingsStateConfig, UseTableColumnSettingsStateReturn, } from './useTableColumnSettingsState.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Table/plugins/columnSettings/useTableColumnSettings.d.ts

@@ -1,5 +1,5 @@
-import type { TablePlugin } from '../../types';
-import type { UseTableColumnSettingsStateConfig } from './useTableColumnSettingsState';
+import type { TablePlugin } from '../../types.js';
+import type { UseTableColumnSettingsStateConfig } from './useTableColumnSettingsState.js';
 /**
  * Definition of a column for the column settings UI.
  * Separate from TableColumn because the settings UI needs metadata

package/dist/Table/plugins/columnSettings/useTableColumnSettingsState.d.ts

@@ -1,4 +1,4 @@
-import type { ColumnSettingsOption } from './useTableColumnSettings';
+import type { ColumnSettingsOption } from './useTableColumnSettings.js';
 /**
  * Configuration for useTableColumnSettingsState.
  *

package/dist/Table/plugins/filtering/index.d.ts

@@ -1,5 +1,5 @@
-export { useTableFiltering, toSearchFilters } from './useTableFiltering';
-export { useTableFilterState } from './useTableFilterState';
-export type { UseTableFilterStateResult } from './useTableFilterState';
-export type { UseTableFilteringConfig, TableFilterState, TableFilterVariant, TableFilterValue, TableFilterFieldRef, } from './useTableFiltering';
+export { useTableFiltering, toSearchFilters } from './useTableFiltering.js';
+export { useTableFilterState } from './useTableFilterState.js';
+export type { UseTableFilterStateResult } from './useTableFilterState.js';
+export type { UseTableFilteringConfig, TableFilterState, TableFilterVariant, TableFilterValue, TableFilterFieldRef, } from './useTableFiltering.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Table/plugins/filtering/useTableFilterState.d.ts

@@ -1,4 +1,4 @@
-import type { TableFilterState, TableFilterValue } from './useTableFiltering';
+import type { TableFilterState, TableFilterValue } from './useTableFiltering.js';
 export interface UseTableFilterStateResult {
     /** Current filter state — pass to useTableFiltering. */
     filters: TableFilterState;

package/dist/Table/plugins/filtering/useTableFiltering.d.ts

@@ -1,5 +1,5 @@
-import type { TablePlugin } from '../../types';
-import type { PowerSearchConfig, PowerSearchFilter } from '../../../PowerSearch/types';
+import type { TablePlugin } from '../../types.js';
+import type { PowerSearchConfig, PowerSearchFilter } from '../../../PowerSearch/types.js';
 /** Union of all filter value types (text=string, number=number, enum/list=string[]) */
 export type TableFilterValue = string | number | string[];
 /**

package/dist/Table/plugins/groupedRows/index.d.ts

@@ -1,3 +1,3 @@
-export { useTableGroupedRows } from './useTableGroupedRows';
-export type { UseTableGroupedRowsConfig, UseTableGroupedRowsResult, } from './useTableGroupedRows';
+export { useTableGroupedRows } from './useTableGroupedRows.js';
+export type { UseTableGroupedRowsConfig, UseTableGroupedRowsResult, } from './useTableGroupedRows.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Table/plugins/groupedRows/useTableGroupedRows.d.ts

@@ -8,7 +8,7 @@
  * - /packages/core/src/Table/index.ts (exports)
  */
 import { type ReactNode } from 'react';
-import type { TablePlugin } from '../../types';
+import type { TablePlugin } from '../../types.js';
 /** Configuration for {@link useTableGroupedRows}. */
 export interface UseTableGroupedRowsConfig<T extends Record<string, unknown>> {
     /** The flat data to group. */

package/dist/Table/plugins/pagination/index.d.ts

@@ -1,4 +1,4 @@
-export { useTablePagination } from './useTablePagination';
-export type { UseTablePaginationConfig } from './useTablePagination';
-export { paginateData } from './paginateData';
+export { useTablePagination } from './useTablePagination.js';
+export type { UseTablePaginationConfig } from './useTablePagination.js';
+export { paginateData } from './paginateData.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Table/plugins/pagination/useTablePagination.d.ts

@@ -1,4 +1,4 @@
-import type { TablePlugin } from '../../types';
+import type { TablePlugin } from '../../types.js';
 /**
  * Configuration for useTablePagination.
  *

package/dist/Table/plugins/rowExpansion/index.d.ts

@@ -1,3 +1,3 @@
-export { useTableRowExpansion } from './useTableRowExpansion';
-export type { UseTableRowExpansionConfig } from './useTableRowExpansion';
+export { useTableRowExpansion } from './useTableRowExpansion.js';
+export type { UseTableRowExpansionConfig } from './useTableRowExpansion.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Table/plugins/rowExpansion/useTableRowExpansion.d.ts

@@ -14,7 +14,7 @@
  * - /packages/core/src/Table/useTableRowExpansion.doc.mjs
  */
 import { type ReactNode } from 'react';
-import type { TablePlugin } from '../../types';
+import type { TablePlugin } from '../../types.js';
 /**
  * Configuration for useTableRowExpansion (detail-panel mode).
  *

package/dist/Table/plugins/rowExpansion/useTableRowExpansion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTableRowExpansion.d.ts","sourceRoot":"","sources":["../../../../src/Table/plugins/rowExpansion/useTableRowExpansion.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAkB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAqBtD,OAAO,KAAK,EACV,WAAW,EAKZ,MAAM,aAAa,CAAC;AAMrB;;;;;;GAMG;AACH,MAAM,WAAW,0BAA0B,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3E,0CAA0C;IAC1C,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,2DAA2D;IAC3D,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,kDAAkD;IAClD,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC/B;;;OAGG;IACH,cAAc,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACvC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IAC3C;;;;;;;;;;;;;;;;;;;OAmBG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC;IACvC;;;;;;;;;OASG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAsQD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACpE,MAAM,EAAE,0BAA0B,CAAC,CAAC,CAAC,GACpC,WAAW,CAAC,CAAC,CAAC,CAgOhB"}
+{"version":3,"file":"useTableRowExpansion.d.ts","sourceRoot":"","sources":["../../../../src/Table/plugins/rowExpansion/useTableRowExpansion.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAIL,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAuBf,OAAO,KAAK,EACV,WAAW,EAKZ,MAAM,aAAa,CAAC;AAMrB;;;;;;GAMG;AACH,MAAM,WAAW,0BAA0B,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3E,0CAA0C;IAC1C,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,2DAA2D;IAC3D,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,kDAAkD;IAClD,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC/B;;;OAGG;IACH,cAAc,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACvC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IAC3C;;;;;;;;;;;;;;;;;;;OAmBG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC;IACvC;;;;;;;;;OASG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAoWD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACpE,MAAM,EAAE,0BAA0B,CAAC,CAAC,CAAC,GACpC,WAAW,CAAC,CAAC,CAAC,CA6OhB"}

package/dist/Table/plugins/rowExpansion/useTableRowExpansion.js

@@ -17,12 +17,14 @@
  * - /packages/core/src/Table/index.ts (exports)
  * - /packages/core/src/Table/useTableRowExpansion.doc.mjs
  */
-import { useMemo, useRef } from 'react';
+import { useLayoutEffect, useMemo, useRef } from 'react';
 import * as stylex from '@stylexjs/stylex';
 import "../../../theme/tokens.stylex.js";
 import { spacingVars, colorVars, radiusVars, borderVars, durationVars, easeVars } from "../../../theme/tokens.stylex.js";
 import "../../table.stylex.js";
 import { tableRowMarker } from "../../table.stylex.js";
+import { panelDividerFor } from "../../rowDivider.js";
+import { useTheme, useThemeName } from "../../../theme/useTheme.js";
 import { Icon } from "../../../Icon/index.js";
 import { VisuallyHidden } from "../../../VisuallyHidden/index.js";
 import { resolveContextActions } from "../../tableContextMenu.js";
@@ -131,9 +133,9 @@ const dividerStyles = {
     $$css: true
   },
   panelCell: {
-    kt9PQ7: "x92x3c3 x1wp2rvj",
-    kfdmCh: "x1q0q8m5",
-    kL6WhQ: "xw8gpjh",
+    kt9PQ7: "xkm11vt x1wp2rvj",
+    kfdmCh: "xytfs1h",
+    kL6WhQ: "x1gu98mf",
     $$css: true
   }
 };
@@ -233,6 +235,69 @@ function ExpansionChevron({
     })
   });
 }
+const PANEL_DIVIDER_PROPERTIES = ['--_table-panel-divider-width', '--_table-panel-divider-style', '--_table-panel-divider-color'];
+
+/**
+ * Carries the row's divider onto a panel cell where an override makes it
+ * differ from what the panel paints on its own (the divider tokens, in CSS),
+ * and carries nothing otherwise, so a later token or theme change reaches
+ * the panel the way it reaches the row.
+ */
+function carryPanelDivider(cell) {
+  const row = cell.parentElement?.previousElementSibling;
+  const edge = row == null ? null : panelDividerFor(row);
+  if (edge == null) {
+    return;
+  }
+  // What the panel paints with nothing carried.
+  const carried = PANEL_DIVIDER_PROPERTIES.map(name => cell.style.getPropertyValue(name));
+  if (carried.some(value => value !== '')) {
+    for (const name of PANEL_DIVIDER_PROPERTIES) {
+      cell.style.removeProperty(name);
+    }
+  }
+  const own = getComputedStyle(cell);
+  const isOverride = edge.color !== own.borderBottomColor || edge.style !== own.borderBottomStyle || edge.width !== 'initial' && edge.width !== own.borderBottomWidth;
+  if (!isOverride) {
+    return;
+  }
+  const next = [edge.width, edge.style, edge.color];
+  PANEL_DIVIDER_PROPERTIES.forEach((name, index) => {
+    cell.style.setProperty(name, next[index]);
+  });
+}
+
+/**
+ * One per table: when the colour mode or the theme changes (a Theme's, or
+ * the operating system's mode under `system`) the open panels' carried
+ * dividers are read again. The panels register their cells with the hook.
+ */
+function PanelDividerModeWatch({
+  cellsRef
+}) {
+  const {
+    mode
+  } = useTheme();
+  const themeName = useThemeName();
+  const lastRef = useRef({
+    mode,
+    themeName
+  });
+  useLayoutEffect(() => {
+    const last = lastRef.current;
+    if (last.mode === mode && last.themeName === themeName) {
+      return;
+    }
+    lastRef.current = {
+      mode,
+      themeName
+    };
+    for (const cell of cellsRef.current) {
+      carryPanelDivider(cell);
+    }
+  }, [mode, themeName, cellsRef]);
+  return null;
+}
 
 /**
  * The detail panel's cell. A component rather than a bare `<td>` so it can
@@ -243,11 +308,34 @@ function ExpansionChevron({
  */
 function ExpansionPanelCell({
   colSpan,
+  cellsRef,
   children
 }) {
   const ctx = useTableContext();
   const hasRowDividers = ctx?.dividers === 'rows' || ctx?.dividers === 'grid';
+  const cellRef = useRef(null);
+  // The panel carries its row's divider (a theme's `table-cell` border or an
+  // app's own never reach this cell, which is not one of the row's cells).
+  // Read after each commit, and on a colour-mode change by the table's one
+  // PanelDividerModeWatch.
+  useLayoutEffect(() => {
+    if (hasRowDividers && cellRef.current != null) {
+      carryPanelDivider(cellRef.current);
+    }
+  });
+  useLayoutEffect(() => {
+    const cell = cellRef.current;
+    if (cell == null || !hasRowDividers) {
+      return;
+    }
+    const cells = cellsRef.current;
+    cells.add(cell);
+    return () => {
+      cells.delete(cell);
+    };
+  }, [cellsRef, hasRowDividers]);
   return /*#__PURE__*/_jsx("td", {
+    ref: cellRef,
     colSpan: colSpan,
     ...stylex.props(expansionStyles.expandedCell, panelIndentStyles[ctx?.density ?? 'balanced'], hasRowDividers && dividerStyles.panelCell),
     children: children
@@ -300,6 +388,8 @@ export function useTableRowExpansion(config) {
   // Final rendered column count, captured in transformColumns (pipeline step
   // 1) and read in transformBodyRow for the detail panel's colSpan.
   const columnCountRef = useRef(1);
+  // The open panels' cells, for the table's one colour-mode watch.
+  const panelCellsRef = useRef(new Set());
   const expansionColumn = useMemo(() => ({
     key: EXPANSION_COLUMN_KEY,
     // A `<th>` with no discernible text is announced as an unlabelled
@@ -322,6 +412,14 @@ export function useTableRowExpansion(config) {
     }
   }), [expandedKeys, onToggle, getRowKey, getIsItemExpandable, t]);
   return useMemo(() => ({
+    // One colour-mode watch per table for the open panels' dividers.
+    transformTableContext(children) {
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: [children, /*#__PURE__*/_jsx(PanelDividerModeWatch, {
+          cellsRef: panelCellsRef
+        })]
+      });
+    },
     transformColumns(columns) {
       const withExpansion = [expansionColumn, ...columns];
       columnCountRef.current = withExpansion.length;
@@ -431,6 +529,7 @@ export function useTableRowExpansion(config) {
         tableRowMarker, panelVariant === 'muted' && expansionStyles.expandedRow),
         children: /*#__PURE__*/_jsx(ExpansionPanelCell, {
           colSpan: columnCountRef.current,
+          cellsRef: panelCellsRef,
           children: renderExpanded(item)
         })
       }, `${key}-expanded`);

package/dist/Table/plugins/rowIndex/index.d.ts

@@ -1,3 +1,3 @@
-export { useTableRowIndex } from './useTableRowIndex';
-export type { UseTableRowIndexConfig } from './useTableRowIndex';
+export { useTableRowIndex } from './useTableRowIndex.js';
+export type { UseTableRowIndexConfig } from './useTableRowIndex.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Table/plugins/rowIndex/useTableRowIndex.d.ts

@@ -8,7 +8,7 @@
  * - /packages/core/src/Table/index.ts (exports)
  */
 import { type ReactNode } from 'react';
-import type { TablePlugin } from '../../types';
+import type { TablePlugin } from '../../types.js';
 /**
  * Configuration for {@link useTableRowIndex}.
  *

package/dist/Table/plugins/rowStatus/index.d.ts

@@ -1,3 +1,3 @@
-export { useTableRowStatus } from './useTableRowStatus';
-export type { UseTableRowStatusConfig } from './useTableRowStatus';
+export { useTableRowStatus } from './useTableRowStatus.js';
+export type { UseTableRowStatusConfig } from './useTableRowStatus.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Table/plugins/rowStatus/useTableRowStatus.d.ts

@@ -1,5 +1,5 @@
-import type { TableRowStatus, TableSemanticRowStatus } from '../../index';
-import type { TablePlugin } from '../../types';
+import type { TableRowStatus, TableSemanticRowStatus } from '../../index.js';
+import type { TablePlugin } from '../../types.js';
 /**
  * Named colors supported by the custom row-status marker. These resolve to the
  * design system's icon color tokens; raw CSS colors remain an escape hatch.

package/dist/Table/plugins/selection/index.d.ts

@@ -1,5 +1,5 @@
-export { useTableSelection } from './useTableSelection';
-export type { UseTableSelectionConfig } from './useTableSelection';
-export { useTableSelectionState } from './useTableSelectionState';
-export type { TableSelectionState, UseTableSelectionStateConfig, UseTableSelectionStateResult, } from './useTableSelectionState';
+export { useTableSelection } from './useTableSelection.js';
+export type { UseTableSelectionConfig } from './useTableSelection.js';
+export { useTableSelectionState } from './useTableSelectionState.js';
+export type { TableSelectionState, UseTableSelectionStateConfig, UseTableSelectionStateResult, } from './useTableSelectionState.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Table/plugins/selection/useTableSelection.d.ts

@@ -1,4 +1,4 @@
-import type { TablePlugin } from '../../types';
+import type { TablePlugin } from '../../types.js';
 export interface UseTableSelectionConfig<T extends Record<string, unknown>> {
     /** Is this item currently selected? */
     getIsItemSelected: (item: T) => boolean;