@12-apps/ui 6.39.8 → 6.39.10

package/src/components/data-display/Table/TableParts.tsx

@@ -7,6 +7,7 @@ import TableSortLabel from '@mui/material/TableSortLabel/index.js';
 import { useTheme, type Theme } from '@mui/material/styles/index.js';
 import React, { useCallback } from 'react';
 
+import { FIELD_BORDER_WIDTH } from '../../../tokens/field-height.core';
 import { rem } from '../../../tokens/relative';
 
 import { tableRowHeight } from './Table.helpers';
@@ -125,14 +126,62 @@ export const EnhancedTableHeader: React.FC<TableHeaderProps> = React.memo(({
 
 EnhancedTableHeader.displayName = 'EnhancedTableHeader';
 
+/** How a virtual cell's wrapper places its content along the row, per `align`. */
+const JUSTIFY: Record<NonNullable<ColumnConfig['align']>, React.CSSProperties['justifyContent']> = {
+  left: 'flex-start',
+  center: 'center',
+  right: 'flex-end',
+};
+
+/**
+ * A virtual cell's content (FUT-2668). The cell has no vertical padding, and
+ * this fills its content box — the pitch less the cell's bottom rule, the one
+ * hairline every variant draws — so the cell's border box is exactly the pitch
+ * whatever it holds. Centred vertically, placed by the column's `align`, and
+ * clipped rather than allowed to grow the row.
+ */
+const VirtualCellContent: React.FC<{
+  rowHeight: number;
+  align: NonNullable<ColumnConfig['align']>;
+  children: React.ReactNode;
+}> = ({ rowHeight, align, children }) => {
+  const theme = useTheme();
+  return (
+    <div
+      style={{
+        height: `calc(${rem(theme, rowHeight)} - ${FIELD_BORDER_WIDTH}px)`,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: JUSTIFY[align],
+        overflow: 'hidden',
+      }}
+    >
+      {children}
+    </div>
+  );
+};
+
+/** What one cell shows: the caller's `renderCell`, else the column's `render`, else the value. */
+const cellContent = (
+  column: ColumnConfig,
+  rowData: Record<string, unknown>,
+  index: number,
+  renderCell: TableBodyProps['renderCell'],
+): React.ReactNode => {
+  const value = rowData[column.key];
+  if (renderCell) return renderCell(value, column, rowData, index);
+  return column.render ? column.render(value, rowData) : (value as React.ReactNode);
+};
+
 // One data row. Split out of the memoised renderTableRow callback so the
 // callback stays a short dispatch and the row markup is readable on its own.
+// A virtualised row stays in the table's flow at `rowHeight`, and each of its
+// cells holds its content in a `VirtualCellContent` (FUT-2668); a plain row is
+// drawn as MUI draws it.
 export const TableDataRow: React.FC<{
   rowData: Record<string, unknown>;
   rowKey: string | number;
   index: number;
-  /** Where a virtualised row sits, in design px — drawn through `rem`, like its height. */
-  offsetY: number;
   columns: ColumnConfig[];
   selected: boolean;
   selectable?: boolean;
@@ -142,13 +191,13 @@ export const TableDataRow: React.FC<{
   onRowFocus?: TableBodyProps['onRowFocus'];
   onRowBlur?: TableBodyProps['onRowBlur'];
   onSelect: (event: React.MouseEvent | React.ChangeEvent, rowKey: string | number) => void;
-  virtualScrolling?: boolean;
+  /** Whether the row is one of a virtual window's. */
+  virtualised: boolean;
   renderCell?: TableBodyProps['renderCell'];
 }> = ({
   rowData,
   rowKey,
   index,
-  offsetY,
   columns,
   selected,
   selectable,
@@ -157,9 +206,19 @@ export const TableDataRow: React.FC<{
   onRowFocus,
   onRowBlur,
   onSelect,
-  virtualScrolling,
+  virtualised,
   renderCell }) => {
   const theme = useTheme();
+  const pitch = tableRowHeight(rowHeight);
+  const fit = (align: NonNullable<ColumnConfig['align']>, content: React.ReactNode) =>
+    virtualised ? (
+      <VirtualCellContent rowHeight={pitch} align={align}>
+        {content}
+      </VirtualCellContent>
+    ) : (
+      content
+    );
+
   return (
       <TableRow
         key={String(rowKey)}
@@ -168,62 +227,62 @@ export const TableDataRow: React.FC<{
         onClick={(event: React.MouseEvent<globalThis.HTMLTableRowElement>) => onRowClick?.(event, rowData)}
         onFocus={(event: React.FocusEvent<globalThis.HTMLTableRowElement>) => onRowFocus?.(event, rowData)}
         onBlur={(event: React.FocusEvent<globalThis.HTMLTableRowElement>) => onRowBlur?.(event, rowData)}
-        style={virtualScrolling ? { 
-          transform: `translateY(${rem(theme, offsetY)})`,
-          position: 'absolute',
-          top: 0,
-          left: 0,
-          right: 0,
-          height: rem(theme, tableRowHeight(rowHeight)) } : undefined}
+        style={virtualised ? { height: rem(theme, pitch) } : undefined}
       >
         {selectable && (
           <TableCell padding="checkbox">
-            <Checkbox
-              checked={selected}
-              onChange={(event) => onSelect(event, rowKey)}
-              onClick={(event) => event.stopPropagation()}
-              inputProps={{ 'aria-label': `select row ${index + 1}` }}
-            />
+            {fit(
+              'left',
+              <Checkbox
+                checked={selected}
+                onChange={(event) => onSelect(event, rowKey)}
+                onClick={(event) => event.stopPropagation()}
+                inputProps={{ 'aria-label': `select row ${index + 1}` }}
+              />,
+            )}
           </TableCell>
         )}
-        {columns.map((column) => {
-          const value = rowData[column.key];
-          return (
-            <TableCell key={column.key} align={column.align || 'left'}>
-              {renderCell 
-                ? renderCell(value, column, rowData, index)
-                : column.render 
-                ? column.render(value, rowData) 
-                : (value as React.ReactNode)
-              }
-            </TableCell>
-          );
-        })}
+        {columns.map((column) => (
+          <TableCell key={column.key} align={column.align || 'left'}>
+            {fit(column.align || 'left', cellContent(column, rowData, index, renderCell))}
+          </TableCell>
+        ))}
       </TableRow>
   );
 };
 
-// Only the rows in view are rendered, positioned by absolute offset inside a
-// body sized to the full data set. `rowHeight` and every offset are design px,
+/**
+ * A stand-in for the rows outside the window, `heightPx` design px tall. A bare
+ * `<tr>` and `<td>` with no padding or border: none of MUI's row or cell
+ * classes, so hover, striping and cell padding never reach it. Not rendered at
+ * all when there is nothing to stand in for.
+ */
+const SpacerRow: React.FC<{ heightPx: number; colSpan: number }> = ({ heightPx, colSpan }) => {
+  const theme = useTheme();
+  if (heightPx <= 0) return null;
+  return (
+    <tr aria-hidden="true" style={{ height: rem(theme, heightPx) }}>
+      <td colSpan={colSpan} style={{ padding: 0, border: 0 }} />
+    </tr>
+  );
+};
+
+// Only the rows in view are rendered, in the table's own flow between two
+// spacer rows standing in for the rest (FUT-2668) — an absolutely positioned
+// `<tr>` is blockified and leaves the column grid. Every height is design px,
 // drawn through `rem`. The `<tbody>` sits directly in the `<table>`; the one
 // scroll container wraps the whole table, header included (FUT-2658).
 const VirtualisedBody: React.FC<{
   visibleItems: VirtualWindow;
-  rowHeight: number;
-  renderTableRow: (
-    rowData: Record<string, unknown>,
-    index: number,
-    offsetY?: number,
-  ) => React.ReactNode;
-}> = ({ visibleItems, rowHeight, renderTableRow }) => (
-  <TableBody
-    style={{
-      height: visibleItems.totalHeight,
-      position: 'relative' }}
-  >
-    {visibleItems.items.map((rowData, index) => 
-      renderTableRow(rowData, visibleItems.startIndex + index, visibleItems.offsetY + index * rowHeight)
+  colSpan: number;
+  renderTableRow: (rowData: Record<string, unknown>, index: number) => React.ReactNode;
+}> = ({ visibleItems, colSpan, renderTableRow }) => (
+  <TableBody>
+    <SpacerRow heightPx={visibleItems.offsetY} colSpan={colSpan} />
+    {visibleItems.items.map((rowData, index) =>
+      renderTableRow(rowData, visibleItems.startIndex + index)
     )}
+    <SpacerRow heightPx={visibleItems.trailingPx} colSpan={colSpan} />
   </TableBody>
 );
 
@@ -242,13 +301,17 @@ export const EnhancedTableBody: React.FC<TableBodyProps> = React.memo((props) =>
   const { data, virtualWindow } = props;
   // The row renderer takes the body's own props; its `rowHeight` stays the
   // caller's design px, and the row resolves the default where it draws it.
-  const renderTableRow = useTableRowRenderer({ ...props, selectedRows: props.selectedRows ?? [] });
+  const renderTableRow = useTableRowRenderer({
+    ...props,
+    selectedRows: props.selectedRows ?? [],
+    virtualised: Boolean(virtualWindow),
+  });
 
   if (virtualWindow) {
     return (
       <VirtualisedBody
         visibleItems={virtualWindow}
-        rowHeight={tableRowHeight(props.rowHeight)}
+        colSpan={props.columns.length + (props.selectable ? 1 : 0)}
         renderTableRow={renderTableRow}
       />
     );

package/src/components/layout/SettingsLayout/SettingsLayout.md

@@ -22,7 +22,9 @@ it themes automatically in light/dark.
 - **Responsive** — below `railBreakpoint` the rail either stacks above the panel
   (`switcher`) or hands the width to a list→detail drilldown (`drilldown`)
 - **Situation markers** per item — host-resolved, with the meaning in text
-- **Section chip strip** on narrow widths, scrolling itself to the open section
+- **Section chip strip** on narrow widths, scrolling itself to the open section —
+  and again when a chip or the strip resizes after mount (a status marker that
+  resolves late, a web font), until the visitor scrolls the strip themselves
 - **Agnostic** — no app-specific content; drive it with any `groups` data
 
 ## The two narrow-width shapes

package/src/components/layout/SettingsLayout/SettingsSectionChips.scroll.ts

@@ -0,0 +1,180 @@
+/**
+ * Telling the strip's own scrolls from the visitor's (FUT-2606).
+ *
+ * Split from `SettingsSectionChips.tsx` so the chips stay a component file and
+ * the rule for "who moved the strip" can be read in one place.
+ */
+
+/**
+ * How near to where the strip aimed itself it has to come to rest for the scroll
+ * to count as the strip's own. A smooth scroll lands on a device pixel, and the
+ * target it was given is fractional.
+ */
+const LANDED_SLACK = 1;
+
+/**
+ * Where `scrollend` is missing: how long the strip has to go without a `scroll`
+ * before it counts as settled. Generous on purpose — a busy main thread can go
+ * several frames between ticks of a smooth scroll, and judging one mid-flight
+ * would read the strip's own animation as the visitor's. Too long only delays a
+ * re-centre; too short can latch the strip for good.
+ */
+const QUIET_BEFORE_SETTLED_MS = 250;
+
+interface VisitorScrollWatch {
+  /** True once the visitor has moved the strip themselves. */
+  hasScrolled: () => boolean;
+  /**
+   * True while a scroll the visitor MAY be making has not come to rest yet. The
+   * strip must not scroll itself under it: that would yank a drag in progress.
+   */
+  isUndecided: () => boolean;
+  /** Where the strip last aimed itself, in its own pixels; `NaN` before it has. */
+  aimedAt: () => number;
+  /**
+   * The strip is about to scroll itself to `left`. Records the aim and NOTHING
+   * else: it used to disarm too, and a re-centre landing between a visitor's key
+   * press (or wheel, or pan) and the first tick of the scroll it causes wiped
+   * the arming — their scroll went unclaimed, read as the strip's own. Left
+   * armed, the worst a stale arming does is put the strip's OWN next scroll
+   * under judgement, which rests on its aim, is not latched, and disarms.
+   */
+  beforeOwnScroll: (left: number) => void;
+  /** Called once an undecided scroll has come to rest and been judged. */
+  onSettled: (listener: () => void) => void;
+  detach: () => void;
+}
+
+type Listeners = Array<[string, (event: Event) => void]>;
+
+/** A wheel's sideways travel: `deltaX`, or `deltaY` with Shift held, as browsers read it. */
+function horizontalDelta(event: Event): number {
+  if (!(event instanceof WheelEvent)) return 0;
+  return event.deltaX !== 0 ? event.deltaX : event.shiftKey ? event.deltaY : 0;
+}
+
+interface WatchState {
+  pointer: boolean;
+  touch: boolean;
+  nudged: boolean;
+  undecided: boolean;
+  scrolled: boolean;
+  aimed: number;
+  quiet: ReturnType<typeof setTimeout> | undefined;
+  settled: () => void;
+}
+
+/** Whether the strip came to rest where it last aimed itself — clamped as the browser would. */
+function restsOnAim(strip: HTMLElement, aimed: number): boolean {
+  const reachable = Math.min(aimed, strip.scrollWidth - strip.clientWidth);
+  // Written so that `NaN` — the strip never aimed — reads as "not on aim".
+  return Math.abs(strip.scrollLeft - reachable) <= LANDED_SLACK;
+}
+
+/**
+ * Tell a scroll the VISITOR made from every other one.
+ *
+ * The `scroll` event cannot say: the strip's own `scrollTo` fires it, and so does
+ * the browser clamping a strip whose content shrank. So a scroll is only a
+ * CANDIDATE when it arrives during something only a visitor does:
+ *
+ * - a finger held on the strip (`touchstart` until `touchend`) — a drag;
+ * - a pointer held on it (`pointerdown` until `pointerup`);
+ * - a key press, a SIDEWAYS wheel, or the browser taking a pointer over to pan
+ *   it (`pointercancel`), each armed until the next scroll under judgement has
+ *   been judged — whoever's it turns out to be.
+ *
+ * and the verdict waits until the strip comes to REST (`scrollend`, or a quiet
+ * spell where the browser has no `scrollend`): it is the visitor's only if the
+ * strip rests somewhere other than where it last aimed itself.
+ *
+ * Judged at rest rather than per `scroll` because the strip's own smooth scroll
+ * fires `scroll` for a third of a second, and a visitor who presses Tab or puts
+ * a finger on a chip to scroll the PAGE in that window is not scrolling the
+ * strip. Every tick of that animation used to count as theirs, the strip stopped
+ * re-centring for good, and the open chip could be left clipped (FUT-2606
+ * again, by another door). A visitor who really drags or wheels the strip
+ * mid-animation cancels it, so the strip rests where THEY left it — and that
+ * still counts. The one loss: a visitor who happens to leave it within a pixel
+ * of the strip's own aim is not told apart from it, and the strip there is
+ * already where it would have put itself.
+ *
+ * A tap is a pointer held with no scroll under it, so it never counts. A
+ * vertical wheel scrolls the PAGE — the strip is `overflowY: hidden` — and is
+ * not armed at all.
+ */
+export function watchVisitorScroll(strip: HTMLElement): VisitorScrollWatch {
+  const view = strip.ownerDocument.defaultView;
+  const hasScrollEnd = 'onscrollend' in strip;
+  const state: WatchState = {
+    pointer: false,
+    touch: false,
+    nudged: false,
+    undecided: false,
+    scrolled: false,
+    aimed: Number.NaN,
+    quiet: undefined,
+    settled: () => undefined,
+  };
+  const set =
+    (key: 'pointer' | 'touch' | 'nudged', value: boolean) =>
+    (): void => {
+      state[key] = value;
+    };
+  const settle = (): void => {
+    // Only a scroll that was UNDER JUDGEMENT disarms. Chromium can end the
+    // strip's own smooth scroll with a `scrollend` when another scroll cuts it
+    // off, fired BEFORE that scroll's first `scroll` (seen with an instant one);
+    // disarming there would hand the visitor's scroll to nobody.
+    if (!state.undecided) return;
+    state.undecided = false;
+    state.nudged = false;
+    if (!restsOnAim(strip, state.aimed)) state.scrolled = true;
+    state.settled();
+  };
+  const onWheel = (event: Event): void => {
+    if (horizontalDelta(event) !== 0) state.nudged = true;
+  };
+  const onScroll = (): void => {
+    if (state.pointer || state.touch || state.nudged) state.undecided = true;
+    if (!state.undecided || hasScrollEnd) return;
+    // Every tick while undecided, armed or not: a quiet spell that began while
+    // the strip was still moving would judge it mid-flight, away from its aim.
+    clearTimeout(state.quiet);
+    state.quiet = setTimeout(settle, QUIET_BEFORE_SETTLED_MS);
+  };
+  const onStrip: Listeners = [
+    ['pointerdown', set('pointer', true)],
+    ['touchstart', set('touch', true)],
+    ['pointercancel', set('nudged', true)],
+    ['keydown', set('nudged', true)],
+    ['wheel', onWheel],
+    ['scroll', onScroll],
+    ['scrollend', settle],
+  ];
+  // A gesture can END off the strip, so its end is heard on the window.
+  const onView: Listeners = [
+    ['pointerup', set('pointer', false)],
+    ['pointercancel', set('pointer', false)],
+    ['touchend', set('touch', false)],
+    ['touchcancel', set('touch', false)],
+  ];
+  for (const [type, listener] of onStrip) strip.addEventListener(type, listener, { passive: true });
+  for (const [type, listener] of onView) view?.addEventListener(type, listener, { passive: true });
+  return {
+    hasScrolled: () => state.scrolled,
+    isUndecided: () => state.undecided,
+    aimedAt: () => state.aimed,
+    beforeOwnScroll: (left) => {
+      state.aimed = left;
+    },
+    onSettled: (listener) => {
+      state.settled = listener;
+    },
+    detach: () => {
+      clearTimeout(state.quiet);
+      for (const [type, listener] of onStrip) strip.removeEventListener(type, listener);
+      for (const [type, listener] of onView) view?.removeEventListener(type, listener);
+    },
+  };
+}

package/src/components/layout/SettingsLayout/SettingsSectionChips.tsx

@@ -4,6 +4,7 @@ import Box from '@mui/material/Box/index.js';
 import { alpha, useTheme, type Theme } from '@mui/material/styles/index.js';
 import React, { useEffect, useRef, type RefObject } from 'react';
 
+import { watchVisitorScroll } from './SettingsSectionChips.scroll';
 import { SettingsStatusMarker } from './SettingsStatusMarker';
 import { TOUCH_TARGET } from './SettingsLayout.styles';
 import { rem, sxRem } from '../../../tokens/relative';
@@ -37,7 +38,38 @@ function prefersReducedMotion(): boolean {
 }
 
 /**
- * Keep the open section's chip in view, however the visitor got here.
+ * Where the strip has to scroll for `chip`'s centre to sit on its own, clamped
+ * to what the strip can scroll.
+ *
+ * Measured from the two boxes rather than from `chip.offsetLeft`. `offsetLeft`
+ * counts from the nearest POSITIONED ancestor, and the strip is not one — nor
+ * are the panel and layout around it — so it counted from whatever box the host
+ * happened to position, and every target overshot by the strip's offset inside
+ * it. The clamp hid that for the last chip; a middle one was simply off-centre.
+ * The boxes are both in viewport coordinates, so their difference is the strip's
+ * own, whatever the host wraps it in.
+ */
+function centredScrollLeft(strip: HTMLElement, chip: HTMLElement): number {
+  const chipBox = chip.getBoundingClientRect();
+  const visibleStart = strip.getBoundingClientRect().left + strip.clientLeft;
+  const chipCentre = chipBox.left - visibleStart + strip.scrollLeft + chipBox.width / 2;
+  const target = chipCentre - strip.clientWidth / 2;
+  return Math.max(0, Math.min(target, strip.scrollWidth - strip.clientWidth));
+}
+
+/** The chip for `id`, walked rather than selected. */
+function findChip(strip: HTMLElement, id: string): HTMLElement | undefined {
+  // An id is host data, and a section id carrying a quote would turn a selector
+  // string into a thrown SyntaxError — which here would take the whole strip
+  // down to centre one chip.
+  return Array.from(strip.children).find(
+    (node): node is HTMLElement => node instanceof HTMLElement && node.dataset.chipId === id,
+  );
+}
+
+/**
+ * Keep the open section's chip in view, however the visitor got here — and
+ * however the strip's content settles after it mounted.
  *
  * Keyed on `activeItemId` in an effect rather than done in a click handler:
  * arriving by the desktop rail, by a card, by a pasted link and by the browser's
@@ -46,9 +78,22 @@ function prefersReducedMotion(): boolean {
  * the active chip off the right edge on any list longer than a screen — the
  * visitor is told where they are by an element they cannot see.
  *
+ * Centring ONCE is not enough (FUT-2606). A host can widen a chip after mount
+ * with the ids unchanged — a status marker whose read resolves late, a web font
+ * arriving — and a strip that fitted at mount then overflows with its last chip
+ * clipped, because the one centring saw nothing to scroll. So the strip and
+ * every chip are watched with a `ResizeObserver`, and a resize re-aims at the
+ * active chip when its target has moved.
+ *
+ * Never against the visitor, though: once they have scrolled the strip
+ * themselves, it is theirs until the open section changes
+ * ({@link watchVisitorScroll}, which also says why the strip's OWN smooth scroll
+ * never counts as theirs). A strip that yanks back mid-drag because a
+ * marker loaded is worse than one that does not centre.
+ *
  * `itemsKey` rather than `items`: a host almost always rebuilds that array per
  * render (`groups.flatMap(...)`), and depending on it would re-run this on every
- * render and yank the strip back mid-drag.
+ * render and reset the visitor's latch with it.
  *
  * The key joins on NUL — as the ESCAPE `'\u0000'`, which it must stay. A
  * literal NUL byte works identically at runtime and makes git classify this file
@@ -63,25 +108,38 @@ function useCentreActiveChip(
 ): void {
   useEffect(() => {
     const strip = stripRef.current;
-    if (!strip || !activeItemId) return;
-    // Walked rather than selected: an id is host data, and a section id carrying
-    // a quote would turn a selector string into a thrown SyntaxError — which
-    // here would take the whole strip down to centre one chip.
-    const chip = Array.from(strip.children).find(
-      (node): node is HTMLElement =>
-        node instanceof HTMLElement && node.dataset.chipId === activeItemId,
-    );
-    if (!chip) return;
+    if (!strip || !activeItemId) return undefined;
     // Feature-checked, not assumed. `Element.scrollTo` is absent in jsdom and in
     // a few embedded webviews, and an unguarded call there THROWS out of an
     // effect — which React escalates to the nearest error boundary. The whole
     // settings area would go down to centre one chip, and the host's own tests
     // could not render the shell at all. Same reasoning as walking the children
     // instead of building a selector: nothing in here is worth a crash.
-    if (typeof strip.scrollTo !== 'function') return;
-    const target = chip.offsetLeft + chip.offsetWidth / 2 - strip.clientWidth / 2;
-    const left = Math.max(0, Math.min(target, strip.scrollWidth - strip.clientWidth));
-    strip.scrollTo({ left, behavior: prefersReducedMotion() ? 'auto' : 'smooth' });
+    if (typeof strip.scrollTo !== 'function') return undefined;
+    const visitor = watchVisitorScroll(strip);
+    const centre = (): void => {
+      const chip = findChip(strip, activeItemId);
+      // Not while a scroll that may be the visitor's is still moving: a resize
+      // mid-drag must not yank the strip. It is re-tried once that scroll rests.
+      if (!chip || visitor.hasScrolled() || visitor.isUndecided()) return;
+      const left = centredScrollLeft(strip, chip);
+      // Only when the target MOVED: a resize that leaves it where it was must not
+      // restart a smooth scroll that is already on its way there. The aim is a
+      // runtime-computed scroll offset, like the exempt `left` below — not a size.
+      if (Math.abs(left - visitor.aimedAt()) < 0.5) return;
+      visitor.beforeOwnScroll(left);
+      strip.scrollTo({ left, behavior: prefersReducedMotion() ? 'auto' : 'smooth' });
+    };
+    visitor.onSettled(centre);
+    centre();
+    // Also feature-checked: without it the strip still centres once, as before.
+    const resizes = typeof ResizeObserver === 'function' ? new ResizeObserver(centre) : undefined;
+    resizes?.observe(strip);
+    for (const child of Array.from(strip.children)) resizes?.observe(child);
+    return () => {
+      resizes?.disconnect();
+      visitor.detach();
+    };
   }, [stripRef, activeItemId, itemsKey]);
 }
 

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

@@ -1 +0,0 @@
-{"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-BOGTTXPA.js.map

@@ -1 +0,0 @@
-{"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":[]}

package/dist/chunk-POV2KL2P.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Table/Table.styles.ts"],"sourcesContent":["import { alpha, keyframes } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport type { TableDensity, TableStripeColor } from './Table.types';\nimport { rem, rems } from '../../../tokens/relative';\n\nconst pulseAnimation = (theme: Theme) => keyframes`\n  0% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 1;\n  }\n  70% {\n    box-shadow: 0 0 0 ${rem(theme, 10)} currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\n// Density configurations. The row height stays design px (`…Px`) and goes\n// through `rem` where the cell is drawn.\nconst getDensityConfig = (theme: Theme, density: TableDensity = 'normal') => {\n  const configs = {\n    compact: {\n      rowHeightPx: 36,\n      cellPadding: rems(theme, 6, 12),\n      fontSize: rem(theme, 13),\n      headerPadding: rems(theme, 8, 12) },\n    normal: {\n      rowHeightPx: 52,\n      cellPadding: rems(theme, 12, 16),\n      fontSize: rem(theme, 14),\n      headerPadding: rems(theme, 16, 16) },\n    comfortable: {\n      rowHeightPx: 68,\n      cellPadding: rems(theme, 18, 24),\n      fontSize: rem(theme, 14),\n      headerPadding: rems(theme, 20, 24) } };\n  return configs[density];\n};\n\nconst getStripeColorFromTheme = (theme: { palette: { primary: { main: string }; secondary: { main: string }; info: { main: string }; success: { main: string }; warning: { main: string }; error: { main: string }; action: { hover: string } } }, stripeColor: TableStripeColor = 'neutral') => {\n  const colorMap: Record<TableStripeColor, string> = {\n    primary: theme.palette.primary.main,\n    secondary: theme.palette.secondary.main,\n    info: theme.palette.info.main,\n    success: theme.palette.success.main,\n    warning: theme.palette.warning.main,\n    danger: theme.palette.error.main,\n    neutral: theme.palette.action.hover };\n  return colorMap[stripeColor];\n};\n\n/**\n * The zebra stripe for one body row.\n *\n * `neutral` — the default — resolves to `palette.action.hover`, which ALREADY\n * carries its subtlety in its own alpha (`rgba(0,0,0,0.04)` in the light\n * theme). MUI's `alpha()` REPLACES that channel rather than multiplying it, so\n * re-alpha-ing it at 0.5 amplified the tint 12.5× into `rgba(0,0,0,0.5)` —\n * solid #808080 on a white card, which reads as a selected or errored row\n * rather than as a stripe (FUT-755). It is used as-is instead.\n *\n * The named colours are opaque `*.main` values with no alpha of their own, so\n * they still need one.\n */\nconst stripeRowColor = (\n  theme: Parameters<typeof getStripeColorFromTheme>[0],\n  stripeColor: TableStripeColor = 'neutral',\n): string => {\n  const color = getStripeColorFromTheme(theme, stripeColor);\n  return stripeColor === 'neutral' ? color : alpha(color, 0.15);\n};\n\n// One variant applies at a time, so a lookup replaces the mutually exclusive\n// spreads.\nconst TABLE_VARIANTS: Record<string, (args: VariantArgs) => CSSObject> = {\n  default: ({ theme }) => ({\n      backgroundColor: theme.palette.background.paper,\n      '& .MuiTableHead-root': {\n        backgroundColor: alpha(theme.palette.primary.main, 0.1) } }),\n  striped: ({ theme, stripeColor }) => ({\n      backgroundColor: theme.palette.background.paper,\n      '& .MuiTableBody-root .MuiTableRow-root:nth-of-type(even)': {\n        backgroundColor: stripeRowColor(theme, stripeColor) } }),\n  glass: ({ theme }) => ({\n      backgroundColor: alpha(theme.palette.background.paper, 0.1),\n      backdropFilter: `blur(${rem(theme, 20)})`,\n      border: `1px solid ${alpha(theme.palette.divider, 0.2)}` }),\n  minimal: ({ theme }) => ({\n      backgroundColor: 'transparent',\n      '& .MuiTableCell-root': {\n        borderBottom: `1px solid ${alpha(theme.palette.divider, 0.1)}` } }),\n  gradient: ({ theme }) => ({\n      background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.05)}, ${alpha(theme.palette.secondary.main, 0.05)})`,\n      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n      '& .MuiTableHead-root': {\n        background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.15)}, ${alpha(theme.palette.secondary.main, 0.15)})` },\n      '& .MuiTableCell-root': {\n        borderBottom: `1px solid ${alpha(theme.palette.divider, 0.15)}` } }) };\n\ntype VariantArgs = {\n  theme: Theme;\n  densityConfig: ReturnType<typeof getDensityConfig>;\n  stripeColor?: TableStripeColor;\n};\n\nconst tableVariantStyles = (args: VariantArgs, customVariant?: string): CSSObject =>\n  customVariant ? (TABLE_VARIANTS[customVariant]?.(args) ?? {}) : {};\n\n// Sticky headers and row hover are independent of the variant.\nconst stickyHeaderStyles = (\n  theme: Theme,\n  densityConfig: ReturnType<typeof getDensityConfig>,\n): CSSObject => ({\n      '& .MuiTableHead-root': {\n        position: 'sticky',\n        top: 0,\n        zIndex: 100,\n        backgroundColor: theme.palette.background.paper,\n        '& .MuiTableCell-root': {\n          borderBottom: `${rem(theme, 2)} solid ${theme.palette.divider}`,\n          fontWeight: 600,\n          padding: densityConfig.headerPadding } } });\n\nconst hoverableRowStyles = (theme: Theme): CSSObject => ({\n      '& .MuiTableBody-root .MuiTableRow-root:hover': {\n        backgroundColor: alpha(theme.palette.primary.main, 0.08),\n        cursor: 'pointer',\n        transition: 'background-color 0.15s ease-in-out' } });\n\n// glow and pulse combine into three distinct looks, spelled out rather than\n// layered — the glow-only shadow differs from the one used when both are on.\nconst emphasisStyles = (theme: Theme, glow?: boolean, pulse?: boolean): CSSObject => {\n  if (glow && pulse) return ({\n      position: 'relative',\n      boxShadow: `${rems(theme, 0, 0, 20, 5)} ${alpha(theme.palette.primary.main, 0.3)} !important`,\n      filter: 'brightness(1.05)',\n      '&::after': {\n        content: '\"\"',\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        borderRadius: 'inherit',\n        backgroundColor: theme.palette.primary.main,\n        opacity: 0.1,\n        animation: `${pulseAnimation(theme)} 2s infinite`,\n        pointerEvents: 'none',\n        zIndex: -1 } });\n  if (glow) return ({\n      boxShadow: `${rems(theme, 0, 0, 20, 5)} ${alpha(theme.palette.primary.main, 0.3)} !important`,\n      filter: 'brightness(1.05)' });\n  if (pulse) return ({\n      position: 'relative',\n      '&::after': {\n        content: '\"\"',\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        borderRadius: 'inherit',\n        backgroundColor: theme.palette.primary.main,\n        opacity: 0.1,\n        animation: `${pulseAnimation(theme)} 2s infinite`,\n        pointerEvents: 'none',\n        zIndex: -1 } });\n\n  return {};\n};\n\n// The table's own styling, lifted out so the styled() callback just forwards\n// its props.\nexport const tableStyles = ({\n  theme,\n  customVariant,\n  glow,\n  pulse,\n  hoverable,\n  density,\n  stickyHeader,\n  stripeColor = 'neutral' }: {\n  theme: Theme;\n  customVariant?: string;\n  glow?: boolean;\n  pulse?: boolean;\n  hoverable?: boolean;\n  density?: TableDensity;\n  stickyHeader?: boolean;\n  stripeColor?: TableStripeColor;\n}): CSSObject => {\n  const densityConfig = getDensityConfig(theme, density);\n  \n  return {\n    borderRadius: theme.spacing(1),\n    overflow: 'hidden',\n    transition: 'all 0.3s ease',\n    position: 'relative',\n\n    // Density styles\n    '& .MuiTableCell-root': {\n      padding: densityConfig.cellPadding,\n      fontSize: densityConfig.fontSize,\n      height: rem(theme, densityConfig.rowHeightPx) },\n\n    // Sticky header\n    ...tableVariantStyles({ theme, densityConfig, stripeColor }, customVariant),\n    ...(stickyHeader ? stickyHeaderStyles(theme, densityConfig) : {}),\n    ...(hoverable ? hoverableRowStyles(theme) : {}),\n    ...emphasisStyles(theme, glow, pulse),\n\n\n    // Variant styles\n\n\n\n\n\n\n\n\n\n\n    // Hoverable rows\n\n\n    // Selection styles\n    '& .MuiTableRow-root.selected': {\n      backgroundColor: alpha(theme.palette.primary.main, 0.12),\n      '&:hover': {\n        backgroundColor: alpha(theme.palette.primary.main, 0.16) } },\n\n    // Glow effect\n\n\n    // Pulse animation\n\n\n    // Both glow and pulse\n\n  };\n}\n"],"mappings":"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","names":[]}