@12-apps/ui 6.39.1 → 6.39.3

package/dist/_internal/components/data-display/LazyImage/LazyImage.js

@@ -1,6 +1,6 @@
 import {
   LazyImage
-} from "../../../../chunk-FF2D7V7T.js";
+} from "../../../../chunk-SDK5LPPC.js";
 import "../../../../chunk-HCT5ELST.js";
 import "../../../../chunk-724ZONOL.js";
 import "../../../../chunk-BEGTLELZ.js";

package/dist/_internal/components/data-display/Table/Table.helpers.js

@@ -1,12 +1,19 @@
 import {
   TABLE_DEFAULTS,
   definedProps,
-  tableRowHeight
-} from "../../../../chunk-JWZJSXI5.js";
+  scrollerStyle,
+  tableDomProps,
+  tableRowHeight,
+  virtualHeight
+} from "../../../../chunk-XS3REOPN.js";
+import "../../../../chunk-YKCAJ2TN.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   TABLE_DEFAULTS,
   definedProps,
-  tableRowHeight
+  scrollerStyle,
+  tableDomProps,
+  tableRowHeight,
+  virtualHeight
 };
 //# sourceMappingURL=Table.helpers.js.map

package/dist/_internal/components/data-display/Table/Table.hooks.js

@@ -1,7 +1,7 @@
 import {
   useTableSelection,
   useVirtualScrolling
-} from "../../../../chunk-YZVR5ROE.js";
+} from "../../../../chunk-5HQNHZ6Z.js";
 import "../../../../chunk-YKCAJ2TN.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {

package/dist/_internal/components/data-display/Table/Table.js

@@ -1,11 +1,11 @@
 import {
   Table
-} from "../../../../chunk-3YOXVNO4.js";
+} from "../../../../chunk-BOGTTXPA.js";
 import "../../../../chunk-POV2KL2P.js";
+import "../../../../chunk-5HQNHZ6Z.js";
 import "../../../../chunk-XIXR2L3L.js";
-import "../../../../chunk-5LWB4BYX.js";
-import "../../../../chunk-YZVR5ROE.js";
-import "../../../../chunk-JWZJSXI5.js";
+import "../../../../chunk-RGT6DM5W.js";
+import "../../../../chunk-XS3REOPN.js";
 import "../../../../chunk-YKCAJ2TN.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {

package/dist/_internal/components/data-display/Table/TableParts.hooks.js

@@ -1,8 +1,7 @@
 import {
   useTableRowRenderer
-} from "../../../../chunk-5LWB4BYX.js";
-import "../../../../chunk-YZVR5ROE.js";
-import "../../../../chunk-JWZJSXI5.js";
+} from "../../../../chunk-RGT6DM5W.js";
+import "../../../../chunk-XS3REOPN.js";
 import "../../../../chunk-YKCAJ2TN.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {

package/dist/_internal/components/data-display/Table/TableParts.js

@@ -2,9 +2,8 @@ import {
   EnhancedTableBody,
   EnhancedTableHeader,
   TableDataRow
-} from "../../../../chunk-5LWB4BYX.js";
-import "../../../../chunk-YZVR5ROE.js";
-import "../../../../chunk-JWZJSXI5.js";
+} from "../../../../chunk-RGT6DM5W.js";
+import "../../../../chunk-XS3REOPN.js";
 import "../../../../chunk-YKCAJ2TN.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {

package/dist/_internal/components/data-display/index.js

@@ -31,12 +31,12 @@ import "../../../chunk-IM4DMKH4.js";
 import "../../../chunk-WG2WFANT.js";
 import {
   Table
-} from "../../../chunk-3YOXVNO4.js";
+} from "../../../chunk-BOGTTXPA.js";
 import "../../../chunk-POV2KL2P.js";
+import "../../../chunk-5HQNHZ6Z.js";
 import "../../../chunk-XIXR2L3L.js";
-import "../../../chunk-5LWB4BYX.js";
-import "../../../chunk-YZVR5ROE.js";
-import "../../../chunk-JWZJSXI5.js";
+import "../../../chunk-RGT6DM5W.js";
+import "../../../chunk-XS3REOPN.js";
 import "../../../chunk-JBE3LH4C.js";
 import {
   Timeline
@@ -91,7 +91,7 @@ import "../../../chunk-S5UY5U73.js";
 import "../../../chunk-5ZFO7ROE.js";
 import {
   LazyImage
-} from "../../../chunk-FF2D7V7T.js";
+} from "../../../chunk-SDK5LPPC.js";
 import "../../../chunk-HCT5ELST.js";
 import "../../../chunk-724ZONOL.js";
 import "../../../chunk-UM35GGCS.js";

package/dist/_internal/components/index.js

@@ -13,10 +13,10 @@ import "../../chunk-SS4MHTGU.js";
 import "../../chunk-IO36MEBD.js";
 import {
   WorkflowStep
-} from "../../chunk-SNURSSTN.js";
-import "../../chunk-BVLMKSHX.js";
-import "../../chunk-MC4KYGSX.js";
-import "../../chunk-V5KKBMAT.js";
+} from "../../chunk-VLOUXTEM.js";
+import "../../chunk-WDVNRW3Q.js";
+import "../../chunk-GFQ4U6WZ.js";
+import "../../chunk-VXQOSADY.js";
 import "../../chunk-H2PTB6FD.js";
 import {
   AnimatedIcon
@@ -417,12 +417,12 @@ import "../../chunk-IM4DMKH4.js";
 import "../../chunk-WG2WFANT.js";
 import {
   Table
-} from "../../chunk-3YOXVNO4.js";
+} from "../../chunk-BOGTTXPA.js";
 import "../../chunk-POV2KL2P.js";
+import "../../chunk-5HQNHZ6Z.js";
 import "../../chunk-XIXR2L3L.js";
-import "../../chunk-5LWB4BYX.js";
-import "../../chunk-YZVR5ROE.js";
-import "../../chunk-JWZJSXI5.js";
+import "../../chunk-RGT6DM5W.js";
+import "../../chunk-XS3REOPN.js";
 import "../../chunk-JBE3LH4C.js";
 import {
   Timeline
@@ -477,7 +477,7 @@ import "../../chunk-S5UY5U73.js";
 import "../../chunk-5ZFO7ROE.js";
 import {
   LazyImage
-} from "../../chunk-FF2D7V7T.js";
+} from "../../chunk-SDK5LPPC.js";
 import "../../chunk-HCT5ELST.js";
 import "../../chunk-724ZONOL.js";
 import "../../chunk-UM35GGCS.js";
@@ -767,8 +767,8 @@ import "../../chunk-LKMMJKXU.js";
 import "../../chunk-CMMPGAMJ.js";
 import {
   Separator
-} from "../../chunk-IG23YZZR.js";
-import "../../chunk-D46SLMCX.js";
+} from "../../chunk-XSSCSRUX.js";
+import "../../chunk-SYNB3IIB.js";
 import {
   Avatar,
   AvatarGroup

package/dist/_internal/components/layout/Separator/Separator.js

@@ -1,7 +1,7 @@
 import {
   Separator
-} from "../../../../chunk-IG23YZZR.js";
-import "../../../../chunk-D46SLMCX.js";
+} from "../../../../chunk-XSSCSRUX.js";
+import "../../../../chunk-SYNB3IIB.js";
 import "../../../../chunk-PZBK3F52.js";
 import "../../../../chunk-YKCAJ2TN.js";
 import "../../../../chunk-PZ5AY32C.js";

package/dist/_internal/components/layout/Separator/Separator.styles.js

@@ -1,12 +1,14 @@
 import {
+  labelledSeparatorLayout,
   separatorBlockMargin,
   separatorMargin,
   separatorStyles
-} from "../../../../chunk-D46SLMCX.js";
+} from "../../../../chunk-SYNB3IIB.js";
 import "../../../../chunk-PZBK3F52.js";
 import "../../../../chunk-YKCAJ2TN.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
+  labelledSeparatorLayout,
   separatorBlockMargin,
   separatorMargin,
   separatorStyles

package/dist/_internal/components/layout/index.js

@@ -103,8 +103,8 @@ import "../../../chunk-7WDPC46N.js";
 import "../../../chunk-CMMPGAMJ.js";
 import {
   Separator
-} from "../../../chunk-IG23YZZR.js";
-import "../../../chunk-D46SLMCX.js";
+} from "../../../chunk-XSSCSRUX.js";
+import "../../../chunk-SYNB3IIB.js";
 import "../../../chunk-2GSIEDGN.js";
 import {
   Card,

package/dist/_internal/components/utility/WorkflowStep/WorkflowStep.helpers.js

@@ -4,10 +4,24 @@ import {
   stepColors,
   stepPalette,
   withDerivedStatus
-} from "../../../../chunk-V5KKBMAT.js";
+} from "../../../../chunk-VXQOSADY.js";
+import "../../../../chunk-TCAQOUIB.js";
+import "../../../../chunk-7ZPUN7TV.js";
+import "../../../../chunk-PT6TCWIW.js";
+import "../../../../chunk-CGO452DC.js";
+import "../../../../chunk-GDN2LUTZ.js";
+import "../../../../chunk-7FDU3FIN.js";
+import "../../../../chunk-EPEJMTCQ.js";
+import "../../../../chunk-PE4ZW3IA.js";
+import "../../../../chunk-2BYKTBDL.js";
+import "../../../../chunk-AG66JBNH.js";
+import "../../../../chunk-FZXKH2ZT.js";
+import "../../../../chunk-PZBK3F52.js";
+import "../../../../chunk-26X4CZVR.js";
 import "../../../../chunk-FQ6UW7IY.js";
 import "../../../../chunk-6JAIFIPW.js";
 import "../../../../chunk-N3GAFIXG.js";
+import "../../../../chunk-YKCAJ2TN.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   indicatorSizeFor,

package/dist/_internal/components/utility/WorkflowStep/WorkflowStep.js

@@ -1,10 +1,23 @@
 import {
   WorkflowStep,
   WorkflowStep_default
-} from "../../../../chunk-SNURSSTN.js";
-import "../../../../chunk-BVLMKSHX.js";
-import "../../../../chunk-MC4KYGSX.js";
-import "../../../../chunk-V5KKBMAT.js";
+} from "../../../../chunk-VLOUXTEM.js";
+import "../../../../chunk-WDVNRW3Q.js";
+import "../../../../chunk-GFQ4U6WZ.js";
+import "../../../../chunk-VXQOSADY.js";
+import "../../../../chunk-TCAQOUIB.js";
+import "../../../../chunk-7ZPUN7TV.js";
+import "../../../../chunk-PT6TCWIW.js";
+import "../../../../chunk-CGO452DC.js";
+import "../../../../chunk-GDN2LUTZ.js";
+import "../../../../chunk-7FDU3FIN.js";
+import "../../../../chunk-EPEJMTCQ.js";
+import "../../../../chunk-PE4ZW3IA.js";
+import "../../../../chunk-2BYKTBDL.js";
+import "../../../../chunk-AG66JBNH.js";
+import "../../../../chunk-FZXKH2ZT.js";
+import "../../../../chunk-PZBK3F52.js";
+import "../../../../chunk-26X4CZVR.js";
 import "../../../../chunk-FQ6UW7IY.js";
 import "../../../../chunk-6JAIFIPW.js";
 import "../../../../chunk-N3GAFIXG.js";

package/dist/_internal/components/utility/WorkflowStep/WorkflowStep.parts.js

@@ -3,8 +3,21 @@ import {
   StepContentComponent,
   StepIndicatorComponent,
   StepItemRow
-} from "../../../../chunk-MC4KYGSX.js";
-import "../../../../chunk-V5KKBMAT.js";
+} from "../../../../chunk-GFQ4U6WZ.js";
+import "../../../../chunk-VXQOSADY.js";
+import "../../../../chunk-TCAQOUIB.js";
+import "../../../../chunk-7ZPUN7TV.js";
+import "../../../../chunk-PT6TCWIW.js";
+import "../../../../chunk-CGO452DC.js";
+import "../../../../chunk-GDN2LUTZ.js";
+import "../../../../chunk-7FDU3FIN.js";
+import "../../../../chunk-EPEJMTCQ.js";
+import "../../../../chunk-PE4ZW3IA.js";
+import "../../../../chunk-2BYKTBDL.js";
+import "../../../../chunk-AG66JBNH.js";
+import "../../../../chunk-FZXKH2ZT.js";
+import "../../../../chunk-PZBK3F52.js";
+import "../../../../chunk-26X4CZVR.js";
 import "../../../../chunk-FQ6UW7IY.js";
 import "../../../../chunk-6JAIFIPW.js";
 import "../../../../chunk-N3GAFIXG.js";

package/dist/_internal/components/utility/WorkflowStep/WorkflowStepRow.js

@@ -1,8 +1,21 @@
 import {
   StepRow
-} from "../../../../chunk-BVLMKSHX.js";
-import "../../../../chunk-MC4KYGSX.js";
-import "../../../../chunk-V5KKBMAT.js";
+} from "../../../../chunk-WDVNRW3Q.js";
+import "../../../../chunk-GFQ4U6WZ.js";
+import "../../../../chunk-VXQOSADY.js";
+import "../../../../chunk-TCAQOUIB.js";
+import "../../../../chunk-7ZPUN7TV.js";
+import "../../../../chunk-PT6TCWIW.js";
+import "../../../../chunk-CGO452DC.js";
+import "../../../../chunk-GDN2LUTZ.js";
+import "../../../../chunk-7FDU3FIN.js";
+import "../../../../chunk-EPEJMTCQ.js";
+import "../../../../chunk-PE4ZW3IA.js";
+import "../../../../chunk-2BYKTBDL.js";
+import "../../../../chunk-AG66JBNH.js";
+import "../../../../chunk-FZXKH2ZT.js";
+import "../../../../chunk-PZBK3F52.js";
+import "../../../../chunk-26X4CZVR.js";
 import "../../../../chunk-FQ6UW7IY.js";
 import "../../../../chunk-6JAIFIPW.js";
 import "../../../../chunk-N3GAFIXG.js";

package/dist/_internal/components/utility/index.js

@@ -2,10 +2,10 @@ import "../../../chunk-SS4MHTGU.js";
 import "../../../chunk-IO36MEBD.js";
 import {
   WorkflowStep
-} from "../../../chunk-SNURSSTN.js";
-import "../../../chunk-BVLMKSHX.js";
-import "../../../chunk-MC4KYGSX.js";
-import "../../../chunk-V5KKBMAT.js";
+} from "../../../chunk-VLOUXTEM.js";
+import "../../../chunk-WDVNRW3Q.js";
+import "../../../chunk-GFQ4U6WZ.js";
+import "../../../chunk-VXQOSADY.js";
 import "../../../chunk-H2PTB6FD.js";
 import {
   AnimatedIcon
@@ -59,6 +59,19 @@ import {
   useMeasuredWidth
 } from "../../../chunk-Y4KKS6WL.js";
 import "../../../chunk-HPK33ACY.js";
+import "../../../chunk-TCAQOUIB.js";
+import "../../../chunk-7ZPUN7TV.js";
+import "../../../chunk-PT6TCWIW.js";
+import "../../../chunk-CGO452DC.js";
+import "../../../chunk-GDN2LUTZ.js";
+import "../../../chunk-7FDU3FIN.js";
+import "../../../chunk-EPEJMTCQ.js";
+import "../../../chunk-PE4ZW3IA.js";
+import "../../../chunk-2BYKTBDL.js";
+import "../../../chunk-AG66JBNH.js";
+import "../../../chunk-FZXKH2ZT.js";
+import "../../../chunk-PZBK3F52.js";
+import "../../../chunk-26X4CZVR.js";
 import "../../../chunk-FQ6UW7IY.js";
 import "../../../chunk-6JAIFIPW.js";
 import "../../../chunk-N3GAFIXG.js";

package/dist/_internal/social-login-button/social-login-button.js

@@ -5,15 +5,15 @@ import {
   GoogleIcon,
   SocialLoginButton,
   SocialLoginContainer
-} from "../../chunk-3FNXOCBD.js";
+} from "../../chunk-5CQ5HYJW.js";
 import "../../chunk-INGPH3YQ.js";
 import "../../chunk-6GP2DOOO.js";
 import "../../chunk-IJFAF3A7.js";
 import "../../chunk-5JSRM7WC.js";
 import "../../chunk-LKMMJKXU.js";
 import "../../chunk-CMMPGAMJ.js";
-import "../../chunk-IG23YZZR.js";
-import "../../chunk-D46SLMCX.js";
+import "../../chunk-XSSCSRUX.js";
+import "../../chunk-SYNB3IIB.js";
 import "../../chunk-VUHLNYAE.js";
 import "../../chunk-2GSIEDGN.js";
 import "../../chunk-WN5PNP6F.js";

package/dist/{chunk-3FNXOCBD.js → chunk-5CQ5HYJW.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-IJFAF3A7.js";
 import {
   Separator
-} from "./chunk-IG23YZZR.js";
+} from "./chunk-XSSCSRUX.js";
 import {
   Card,
   CardContent
@@ -217,4 +217,4 @@ export {
   SocialLoginButton,
   SocialLoginContainer
 };
-//# sourceMappingURL=chunk-3FNXOCBD.js.map
+//# sourceMappingURL=chunk-5CQ5HYJW.js.map

package/dist/{chunk-YZVR5ROE.js → chunk-5HQNHZ6Z.js}

@@ -7,15 +7,16 @@ import {
 import { useTheme } from "@mui/material/styles/index.js";
 import useMediaQuery from "@mui/material/useMediaQuery/index.js";
 import { useCallback, useEffect, useMemo, useState } from "react";
-var useVirtualScrolling = (data, rowHeight, containerHeight, overscan = 5) => {
+var useVirtualScrolling = (data, rowHeight, containerHeight, overscan = 5, headerRef) => {
   const theme = useTheme();
-  const [scrollTop, setScrollTop] = useState(0);
+  const [scroll, setScroll] = useState({ scrollTop: 0, headerPx: 0 });
   const visibleItems = useMemo(() => {
     const pitch = remPx(theme, rowHeight);
-    const startIndex = Math.floor(scrollTop / pitch);
+    const bodyScrollTop = Math.max(0, scroll.scrollTop - scroll.headerPx);
+    const startIndex = Math.floor(bodyScrollTop / pitch);
     const endIndex = Math.min(
       data.length,
-      Math.ceil((scrollTop + remPx(theme, containerHeight)) / pitch)
+      Math.ceil((bodyScrollTop + remPx(theme, containerHeight)) / pitch)
     );
     const start = Math.max(0, startIndex - overscan);
     const end = Math.min(data.length, endIndex + overscan);
@@ -23,15 +24,16 @@ var useVirtualScrolling = (data, rowHeight, containerHeight, overscan = 5) => {
       startIndex: start,
       endIndex: end,
       items: data.slice(start, end),
-      /** Every row at the scaled pitch, as CSS. */
       totalHeight: rem(theme, data.length * rowHeight),
-      /** Where the first mounted row sits, in design px. */
       offsetY: start * rowHeight
     };
-  }, [data, rowHeight, containerHeight, scrollTop, overscan, theme]);
+  }, [data, rowHeight, containerHeight, scroll, overscan, theme]);
   const handleScroll = useCallback((e) => {
-    setScrollTop(e.currentTarget.scrollTop);
-  }, []);
+    setScroll({
+      scrollTop: e.currentTarget.scrollTop,
+      headerPx: headerRef?.current?.offsetHeight ?? 0
+    });
+  }, [headerRef]);
   return { visibleItems, handleScroll };
 };
 var useResponsive = (columns, columnPriorities) => {
@@ -117,4 +119,4 @@ export {
   useVirtualScrolling,
   useTableSelection
 };
-//# sourceMappingURL=chunk-YZVR5ROE.js.map
+//# sourceMappingURL=chunk-5HQNHZ6Z.js.map

package/dist/chunk-5HQNHZ6Z.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Table/Table.hooks.ts"],"sourcesContent":["import { useTheme } from '@mui/material/styles/index.js';\nimport useMediaQuery from '@mui/material/useMediaQuery/index.js';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { rem, remPx } from '../../../tokens/relative';\n\nimport type { ColumnConfig, TableProps, VirtualWindow } from './Table.types';\n\n/**\n * The virtual window. `rowHeight` and `containerHeight` are design px: the\n * window is computed in the px `scrollTop` is measured in (`remPx`), and what it\n * hands back to draw with stays in design px (`offsetY`) or is CSS already\n * (`totalHeight`), so the rows and the window share one pitch at any type scale.\n *\n * The scroller holds the header as well as the body, so the `<tbody>` starts\n * the header's height into it. `handleScroll` measures that height from\n * `headerRef` in the same live px as `scrollTop`, and the window subtracts it\n * before dividing by the pitch (FUT-2658).\n */\nexport const useVirtualScrolling = (\n  data: Record<string, unknown>[],\n  rowHeight: number,\n  containerHeight: number,\n  overscan: number = 5,\n  headerRef?: React.RefObject<HTMLElement | null>,\n) => {\n  const theme = useTheme();\n  // Both live px, as the browser measures them.\n  const [scroll, setScroll] = useState({ scrollTop: 0, headerPx: 0 });\n  \n  const visibleItems = useMemo((): VirtualWindow => {\n    const pitch = remPx(theme, rowHeight);\n    const bodyScrollTop = Math.max(0, scroll.scrollTop - scroll.headerPx);\n    const startIndex = Math.floor(bodyScrollTop / pitch);\n    const endIndex = Math.min(\n      data.length,\n      Math.ceil((bodyScrollTop + remPx(theme, containerHeight)) / pitch)\n    );\n    \n    const start = Math.max(0, startIndex - overscan);\n    const end = Math.min(data.length, endIndex + overscan);\n    \n    return {\n      startIndex: start,\n      endIndex: end,\n      items: data.slice(start, end),\n      totalHeight: rem(theme, data.length * rowHeight),\n      offsetY: start * rowHeight,\n    };\n  }, [data, rowHeight, containerHeight, scroll, overscan, theme]);\n\n  const handleScroll = useCallback((e: React.UIEvent<HTMLDivElement>) => {\n    setScroll({\n      scrollTop: e.currentTarget.scrollTop,\n      headerPx: headerRef?.current?.offsetHeight ?? 0,\n    });\n  }, [headerRef]);\n\n  return { visibleItems, handleScroll };\n};\n\n// Responsive Hook\n\nconst useResponsive = (\n  columns: ColumnConfig[],\n  columnPriorities?: number[]\n) => {\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down('md'));\n  const isTablet = useMediaQuery(theme.breakpoints.down('lg'));\n  \n  const [hiddenColumns, setHiddenColumns] = useState<number[]>([]);\n  const [columnMenuAnchor, setColumnMenuAnchor] = useState<null | HTMLElement>(null);\n\n  useEffect(() => {\n    if (!columnPriorities) return;\n    \n    let columnsToHide: number[] = [];\n    \n    if (isMobile) {\n      // Hide lowest priority columns on mobile\n      columnsToHide = columnPriorities\n        .map((priority, index) => ({ priority, index }))\n        .sort((a, b) => b.priority - a.priority)\n        .slice(0, Math.floor(columns.length / 2))\n        .map(item => item.index);\n    } else if (isTablet) {\n      // Hide some columns on tablet\n      columnsToHide = columnPriorities\n        .map((priority, index) => ({ priority, index }))\n        .sort((a, b) => b.priority - a.priority)\n        .slice(0, Math.floor(columns.length / 3))\n        .map(item => item.index);\n    }\n    \n    setHiddenColumns(columnsToHide);\n  }, [isMobile, isTablet, columnPriorities, columns.length]);\n\n  const visibleColumns = columns.filter((_, index) => !hiddenColumns.includes(index));\n\n  return {\n    visibleColumns,\n    hiddenColumns,\n    isMobile,\n    columnMenuAnchor,\n    setColumnMenuAnchor,\n    setHiddenColumns,\n  };\n};\n\n// Enhanced Table Header Component\n// Visible/hidden column split for responsive mode, plus row selection.\nexport const useTableSelection = ({\n  columns,\n  data,\n  responsive,\n  columnPriorities,\n  selectedRows,\n  rowKeyExtractor,\n  onSelectionChange,\n}: {\n  columns?: ColumnConfig[];\n  data: TableProps['data'];\n  responsive?: boolean;\n  columnPriorities?: number[];\n  selectedRows: (string | number)[];\n  rowKeyExtractor?: (row: Record<string, unknown>, index: number) => string | number;\n  onSelectionChange?: TableProps['onSelectionChange'];\n}) => {\n    \n  // Use responsive hook if responsive mode is enabled\n  const {\n    visibleColumns,\n    hiddenColumns,\n    isMobile,\n    columnMenuAnchor,\n    setColumnMenuAnchor,\n    setHiddenColumns,\n  } = useResponsive(\n    columns || [],\n    responsive ? columnPriorities : undefined\n  );\n\n  // Handle selection changes\n  const handleSelectionChange = useCallback((rowKey: string | number, selected: boolean) => {\n    if (!onSelectionChange) return;\n    \n    let newSelection: (string | number)[];\n    if (selected) {\n      newSelection = [...selectedRows, rowKey];\n    } else {\n      newSelection = selectedRows.filter(key => key !== rowKey);\n    }\n    onSelectionChange(newSelection);\n  }, [selectedRows, onSelectionChange]);\n\n  const handleSelectAll = useCallback((selected: boolean) => {\n    if (!onSelectionChange || !data) return;\n    \n    if (selected) {\n      const allKeys = data.map((rowData, index) => \n        rowKeyExtractor ? rowKeyExtractor(rowData, index) : (rowData.id as string | number) || index\n      );\n      onSelectionChange(allKeys);\n    } else {\n      onSelectionChange([]);\n    }\n  }, [data, onSelectionChange, rowKeyExtractor]);\n\n  // Loading state\n\n  return {\n    visibleColumns,\n    hiddenColumns,\n    isMobile,\n    columnMenuAnchor,\n    setColumnMenuAnchor,\n    setHiddenColumns,\n    handleSelectionChange,\n    handleSelectAll,\n  };\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-3YOXVNO4.js → chunk-BOGTTXPA.js}

@@ -1,6 +1,10 @@
 import {
   tableStyles
 } from "./chunk-POV2KL2P.js";
+import {
+  useTableSelection,
+  useVirtualScrolling
+} from "./chunk-5HQNHZ6Z.js";
 import {
   EmptyRow,
   NoDataPlaceholder
@@ -8,14 +12,15 @@ import {
 import {
   EnhancedTableBody,
   EnhancedTableHeader
-} from "./chunk-5LWB4BYX.js";
-import {
-  useTableSelection
-} from "./chunk-YZVR5ROE.js";
+} from "./chunk-RGT6DM5W.js";
 import {
   TABLE_DEFAULTS,
-  definedProps
-} from "./chunk-JWZJSXI5.js";
+  definedProps,
+  scrollerStyle,
+  tableDomProps,
+  tableRowHeight,
+  virtualHeight
+} from "./chunk-XS3REOPN.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -37,18 +42,6 @@ import TableRow from "@mui/material/TableRow/index.js";
 import { styled, useTheme } from "@mui/material/styles/index.js";
 import React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var scrollHeight = (theme, containerHeight) => {
-  const box = containerHeight || 400;
-  return typeof box === "number" ? rem(theme, box) : box;
-};
-var StyledTableContainer = styled(TableContainer, {
-  shouldForwardProp: (prop) => !["virtualScrolling", "containerHeight"].includes(prop)
-})(({ theme, virtualScrolling, containerHeight }) => ({
-  ...virtualScrolling && {
-    height: scrollHeight(theme, containerHeight),
-    overflow: "auto"
-  }
-}));
 var StyledTable = styled(MuiTable, {
   shouldForwardProp: (prop) => !["customVariant", "glow", "pulse", "hoverable", "density", "stickyHeader", "stripeColor"].includes(prop)
 })(({ theme, customVariant, glow, pulse, hoverable, density, stickyHeader, stripeColor = "neutral" }) => {
@@ -75,7 +68,7 @@ var TableShell = ({
   header,
   rest,
   children
-}) => /* @__PURE__ */ jsx(StyledTableContainer, { children: /* @__PURE__ */ jsxs(
+}) => /* @__PURE__ */ jsx(TableContainer, { children: /* @__PURE__ */ jsxs(
   StyledTable,
   {
     ref: innerRef,
@@ -122,14 +115,24 @@ var showsColumnToggle = (resolved, selection) => Boolean(
   resolved.responsive && selection.isMobile && resolved.showColumnToggle && selection.hiddenColumns.length > 0
 );
 var AdvancedTable = ({ resolved: p, selection, innerRef, rest }) => {
+  const theme = useTheme();
   const finalColumns = columnsFor(p, selection);
   const showToggle = showsColumnToggle(p, selection);
+  const headRef = React.useRef(null);
+  const windowHeight = virtualHeight(p);
+  const { visibleItems, handleScroll } = useVirtualScrolling(
+    p.data ?? [],
+    tableRowHeight(p.rowHeight) || 40,
+    windowHeight ?? 400,
+    p.overscan,
+    headRef
+  );
   return /* @__PURE__ */ jsxs(Box, { position: "relative", children: [
     /* @__PURE__ */ jsx(
-      StyledTableContainer,
+      TableContainer,
       {
-        virtualScrolling: p.virtualScrolling,
-        containerHeight: p.containerHeight,
+        style: scrollerStyle(theme, p),
+        onScroll: windowHeight ? handleScroll : void 0,
         children: /* @__PURE__ */ jsxs(
           StyledTable,
           {
@@ -155,7 +158,8 @@ var AdvancedTable = ({ resolved: p, selection, innerRef, rest }) => {
                   selectedRows: p.selectedRows,
                   onSelectAll: selection.handleSelectAll,
                   density: p.density,
-                  stickyHeader: p.stickyHeader
+                  stickyHeader: p.stickyHeader,
+                  headRef
                 }
               ),
               /* @__PURE__ */ jsx(
@@ -175,9 +179,8 @@ var AdvancedTable = ({ resolved: p, selection, innerRef, rest }) => {
                   renderRow: p.renderRow,
                   renderCell: p.renderCell,
                   virtualScrolling: p.virtualScrolling,
-                  containerHeight: typeof p.containerHeight === "number" ? p.containerHeight : void 0,
-                  rowHeight: p.rowHeight,
-                  overscan: p.overscan
+                  virtualWindow: windowHeight ? visibleItems : void 0,
+                  rowHeight: p.rowHeight
                 }
               )
             ]
@@ -242,8 +245,7 @@ var Table = React.forwardRef(
       loadingComponent,
       emptyStateComponent,
       emptyText,
-      children,
-      ...props
+      children
     } = resolved;
     const selection = useTableSelection({
       columns,
@@ -254,7 +256,7 @@ var Table = React.forwardRef(
       rowKeyExtractor: resolved.rowKeyExtractor,
       onSelectionChange: resolved.onSelectionChange
     });
-    const rest = props;
+    const rest = tableDomProps(tableProps);
     const renderer = { resolved, selection, innerRef: ref, rest };
     const finalColumns = responsive ? selection.visibleColumns : columns;
     const shell = buildShell({ ...renderer, finalColumns });
@@ -295,4 +297,4 @@ Table.displayName = "Table";
 export {
   Table
 };
-//# sourceMappingURL=chunk-3YOXVNO4.js.map
+//# sourceMappingURL=chunk-BOGTTXPA.js.map

package/dist/chunk-BOGTTXPA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Table/Table.tsx"],"sourcesContent":["import MoreVertIcon from '@mui/icons-material/MoreVert';\nimport Box from '@mui/material/Box/index.js';\nimport FormControlLabel from '@mui/material/FormControlLabel/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Menu from '@mui/material/Menu/index.js';\nimport MenuItem from '@mui/material/MenuItem/index.js';\nimport Skeleton from '@mui/material/Skeleton/index.js';\nimport Switch from '@mui/material/Switch/index.js';\nimport MuiTable from '@mui/material/Table/index.js';\nimport TableBody from '@mui/material/TableBody/index.js';\nimport TableCell from '@mui/material/TableCell/index.js';\nimport TableContainer from '@mui/material/TableContainer/index.js';\nimport TableRow from '@mui/material/TableRow/index.js';\nimport { styled, useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport type {\n  ColumnConfig,\n  TableDensity,\n  TableProps,\n  TableStripeColor} from './Table.types';\nimport {\n  TABLE_DEFAULTS,\n  definedProps,\n  scrollerStyle,\n  tableDomProps,\n  tableRowHeight,\n  virtualHeight,\n} from './Table.helpers';\nimport { useTableSelection, useVirtualScrolling } from './Table.hooks';\nimport { EnhancedTableBody, EnhancedTableHeader } from './TableParts';\nimport { EmptyRow, NoDataPlaceholder } from './TableStates';\nimport {\n  tableStyles } from './Table.styles';\nimport { rem } from '../../../tokens/relative';\n\n// Helper function to get stripe color from theme\nconst StyledTable = styled(MuiTable, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'glow', 'pulse', 'hoverable', 'density', 'stickyHeader', 'stripeColor'].includes(prop as string) })<{\n  customVariant?: string;\n  glow?: boolean;\n  pulse?: boolean;\n  hoverable?: boolean;\n  density?: TableDensity;\n  stickyHeader?: boolean;\n  stripeColor?: TableStripeColor;\n}>(({ theme, customVariant, glow, pulse, hoverable, density, stickyHeader, stripeColor = 'neutral' }) => {\n  return tableStyles({\n    theme,\n    customVariant,\n    glow,\n    pulse,\n    hoverable,\n    density,\n    stickyHeader,\n    stripeColor });\n});\n\n// Virtual Scrolling Hook\nconst TableShell: React.FC<{\n  innerRef: React.Ref<globalThis.HTMLTableElement>;\n  variant?: string;\n  stripeColor?: TableStripeColor;\n  glow?: boolean;\n  pulse?: boolean;\n  hoverable?: boolean;\n  density?: TableDensity;\n  stickyHeader?: boolean;\n  header: React.ReactNode;\n  rest: Record<string, unknown>;\n  children: React.ReactNode;\n}> = ({\n  innerRef,\n  variant,\n  stripeColor,\n  glow,\n  pulse,\n  hoverable,\n  density,\n  stickyHeader,\n  header,\n  rest,\n  children }) => (\n  <TableContainer>\n    <StyledTable\n      ref={innerRef}\n      customVariant={variant}\n      stripeColor={stripeColor}\n      glow={glow}\n      pulse={pulse}\n      hoverable={hoverable}\n      density={density}\n      stickyHeader={stickyHeader}\n      {...rest}\n    >\n      {header}\n      {children}\n    </StyledTable>\n  </TableContainer>\n);\n\nconst SKELETON_ROW_COUNT = 5;\n\nconst LoadingSkeletonRows: React.FC<{ columns?: ColumnConfig[] }> = ({ columns }) => {\n  const theme = useTheme();\n  return (\n    <>\n      {Array.from({ length: SKELETON_ROW_COUNT }, (_, index) => (\n        <TableRow key={index}>\n          {columns?.map((column) => (\n            <TableCell key={column.key}>\n              <Skeleton height={rem(theme, 20)} />\n            </TableCell>\n          ))}\n        </TableRow>\n      ))}\n    </>\n  );\n};\n\nexport type TableShellProps = Omit<React.ComponentProps<typeof TableShell>, 'children'>;\n\ntype Selection = ReturnType<typeof useTableSelection>;\n\ninterface RendererProps {\n  resolved: TableProps;\n  selection: Selection;\n  innerRef: React.Ref<globalThis.HTMLTableElement>;\n  rest: Record<string, unknown>;\n}\n\n// The column-visibility control, shown only when responsive mode has actually\n// hidden something on a narrow viewport.\nconst ColumnToggleMenu: React.FC<{\n  columns: ColumnConfig[];\n  hiddenColumns: number[];\n  anchor: HTMLElement | null;\n  setAnchor: (element: HTMLElement | null) => void;\n  setHiddenColumns: (next: number[]) => void;\n}> = ({ columns, hiddenColumns, anchor, setAnchor, setHiddenColumns }) => (\n  <Box position=\"absolute\" top={8} right={8}>\n    <IconButton onClick={(event) => setAnchor(event.currentTarget)} size=\"small\">\n      <MoreVertIcon />\n    </IconButton>\n    <Menu anchorEl={anchor} open={Boolean(anchor)} onClose={() => setAnchor(null)}>\n      {columns.map((column, index) => (\n        <MenuItem key={column.key}>\n          <FormControlLabel\n            control={\n              <Switch\n                checked={!hiddenColumns.includes(index)}\n                onChange={(event) =>\n                  setHiddenColumns(\n                    event.target.checked\n                      ? hiddenColumns.filter((i: number) => i !== index)\n                      : [...hiddenColumns, index],\n                  )\n                }\n                size=\"small\"\n              />\n            }\n            label={column.label}\n          />\n        </MenuItem>\n      ))}\n    </Menu>\n  </Box>\n);\n\n// The populated table. Local because StyledTable cannot cross a module\n// boundary (TS2742).\nconst columnsFor = (resolved: TableProps, selection: Selection): ColumnConfig[] =>\n  (resolved.responsive ? selection.visibleColumns : resolved.columns) ?? [];\n\n// The toggle only earns its place when responsive mode has actually hidden\n// something on a narrow viewport.\nconst showsColumnToggle = (resolved: TableProps, selection: Selection): boolean =>\n  Boolean(\n    resolved.responsive &&\n      selection.isMobile &&\n      resolved.showColumnToggle &&\n      selection.hiddenColumns.length > 0,\n  );\n\n// The virtual window lives here, with the one scroller whose offset drives it;\n// the header's ref lets it subtract the height the `<thead>` pushes the body down.\nconst AdvancedTable: React.FC<RendererProps> = ({ resolved: p, selection, innerRef, rest }) => {\n  const theme = useTheme();\n  const finalColumns = columnsFor(p, selection);\n  const showToggle = showsColumnToggle(p, selection);\n  const headRef = React.useRef<globalThis.HTMLTableSectionElement>(null);\n  const windowHeight = virtualHeight(p);\n  const { visibleItems, handleScroll } = useVirtualScrolling(\n    p.data ?? [],\n    tableRowHeight(p.rowHeight) || 40,\n    windowHeight ?? 400,\n    p.overscan,\n    headRef,\n  );\n\n  return (\n    <Box position=\"relative\">\n      <TableContainer\n        style={scrollerStyle(theme, p)}\n        onScroll={windowHeight ? handleScroll : undefined}\n      >\n        <StyledTable\n          ref={innerRef}\n          customVariant={p.variant}\n          stripeColor={p.stripeColor}\n          glow={p.glow}\n          pulse={p.pulse}\n          hoverable={p.hoverable}\n          density={p.density}\n          stickyHeader={p.stickyHeader}\n          {...rest}\n        >\n          <EnhancedTableHeader\n            columns={finalColumns}\n            data={p.data ?? []}\n            sortable={p.sortable}\n            sortConfig={p.sortConfig}\n            onSortChange={p.onSortChange}\n            selectable={p.selectable}\n            selectedRows={p.selectedRows}\n            onSelectAll={selection.handleSelectAll}\n            density={p.density}\n            stickyHeader={p.stickyHeader}\n            headRef={headRef}\n          />\n          <EnhancedTableBody\n            data={p.data ?? []}\n            columns={finalColumns}\n            selectedRows={p.selectedRows}\n            onRowClick={p.onRowClick}\n            onRowFocus={p.onRowFocus}\n            onRowBlur={p.onRowBlur}\n            onSelectionChange={selection.handleSelectionChange}\n            rowKeyExtractor={p.rowKeyExtractor}\n            density={p.density}\n            selectable={p.selectable}\n            hoverable={p.hoverable}\n            renderRow={p.renderRow}\n            renderCell={p.renderCell}\n            virtualScrolling={p.virtualScrolling}\n            virtualWindow={windowHeight ? visibleItems : undefined}\n            rowHeight={p.rowHeight}\n          />\n        </StyledTable>\n      </TableContainer>\n\n      {showToggle && (\n        <ColumnToggleMenu\n          columns={p.columns ?? []}\n          hiddenColumns={selection.hiddenColumns}\n          anchor={selection.columnMenuAnchor}\n          setAnchor={selection.setColumnMenuAnchor}\n          setHiddenColumns={selection.setHiddenColumns}\n        />\n      )}\n    </Box>\n  );\n};\n\n// The loading and empty states render the same shell as the populated table, so\n// they share TableShell rather than repeating it three times.\nconst buildShell = ({\n  resolved,\n  selection,\n  innerRef,\n  rest,\n  finalColumns }: RendererProps & { finalColumns?: ColumnConfig[] }) => ({\n  innerRef,\n  variant: resolved.variant,\n  stripeColor: resolved.stripeColor,\n  glow: resolved.glow,\n  pulse: resolved.pulse,\n  hoverable: resolved.hoverable,\n  density: resolved.density,\n  stickyHeader: resolved.stickyHeader,\n  header: resolved.columns ? (\n    <EnhancedTableHeader\n      columns={finalColumns ?? []}\n      data={[]}\n      sortable={resolved.sortable}\n      sortConfig={resolved.sortConfig}\n      onSortChange={resolved.onSortChange}\n      selectable={resolved.selectable}\n      selectedRows={resolved.selectedRows}\n      onSelectAll={selection.handleSelectAll}\n      density={resolved.density}\n      stickyHeader={resolved.stickyHeader}\n    />\n  ) : null,\n  rest: rest as Record<string, unknown> });\n\nconst TableLoadingState: React.FC<{\n  shell: TableShellProps;\n  loadingComponent?: React.ReactNode;\n  columns?: ColumnConfig[];\n}> = ({ shell, loadingComponent, columns }) => (\n  <TableShell {...shell}>\n    <TableBody data-testid=\"table-loading\">\n      {loadingComponent || <LoadingSkeletonRows columns={columns} />}\n    </TableBody>\n  </TableShell>\n);\n\nconst TableEmptyState: React.FC<{\n  shell: TableShellProps;\n  emptyStateComponent?: React.ReactNode;\n  emptyText: string;\n  colSpan: number;\n}> = ({ shell, emptyStateComponent, emptyText, colSpan }) => (\n  <TableShell {...shell}>\n    <EmptyRow colSpan={colSpan}>\n      {emptyStateComponent || <NoDataPlaceholder emptyText={emptyText} />}\n    </EmptyRow>\n  </TableShell>\n);\n\nexport const Table = React.forwardRef<globalThis.HTMLTableElement, TableProps>(\n  (tableProps, ref) => {\n    const resolved = { ...TABLE_DEFAULTS, ...definedProps(tableProps) } as TableProps;\n    const {\n      columns,\n      data,\n      responsive,\n      loading,\n      loadingComponent,\n      emptyStateComponent,\n      emptyText,\n      children,\n    } = resolved;\n\n    const selection = useTableSelection({\n      columns,\n      data,\n      responsive,\n      columnPriorities: resolved.columnPriorities,\n      selectedRows: resolved.selectedRows ?? [],\n      rowKeyExtractor: resolved.rowKeyExtractor,\n      onSelectionChange: resolved.onSelectionChange });\n\n    // Only MUI's and the DOM's own props reach the `<table>` (FUT-2658).\n    const rest = tableDomProps(tableProps);\n    const renderer: RendererProps = { resolved, selection, innerRef: ref, rest };\n    const finalColumns = responsive ? selection.visibleColumns : columns;\n    const shell = buildShell({ ...renderer, finalColumns });\n\n    if (loading) {\n      return (\n        <TableLoadingState shell={shell} loadingComponent={loadingComponent} columns={columns} />\n      );\n    }\n\n    if (data && data.length === 0) {\n      return (\n        <TableEmptyState\n          shell={shell}\n          emptyStateComponent={emptyStateComponent}\n          emptyText={emptyText}\n          colSpan={finalColumns?.length || 1}\n        />\n      );\n    }\n\n    if (columns && data) return <AdvancedTable {...renderer} />;\n\n    // Basic table (backward compatibility)\n    return (\n      <StyledTable\n        ref={ref}\n        customVariant={resolved.variant}\n        stripeColor={resolved.stripeColor}\n        glow={resolved.glow}\n        pulse={resolved.pulse}\n        hoverable={resolved.hoverable}\n        density={resolved.density}\n        stickyHeader={resolved.stickyHeader}\n        {...rest}\n      >\n        {children}\n      </StyledTable>\n    );\n  },\n);\n\nTable.displayName = 'Table';"],"mappings":"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","names":[]}