@12-apps/ui 6.41.2 → 6.43.0

package/dist/chunk-OOB3YWPX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Lightbox/Lightbox.tsx"],"sourcesContent":["import Dialog from '@mui/material/Dialog/index.js';\nimport Fade from '@mui/material/Fade/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { makeTestId } from './Lightbox.constants';\nimport { resolveLightboxProps } from './Lightbox.helpers';\nimport { LightboxCopyProvider } from './lightbox-copy-context';\nimport type { LightboxProps, LightboxRef } from './Lightbox.types';\nimport { LightboxCurrentMedia } from './LightboxCurrentMedia';\nimport { LightboxOverlay } from './LightboxOverlay';\nimport { LightboxStage } from './LightboxStage';\nimport { LightboxThumbnails } from './LightboxThumbnails';\nimport { useLightbox } from './useLightbox';\nimport { scrim } from '../../../tokens/ink';\nimport { rem, sxRem } from '../../../tokens/relative';\n\nconst DIALOG_STATIC_PROPS = {\n  maxWidth: false,\n  fullScreen: true,\n  TransitionComponent: Fade,\n  TransitionProps: { timeout: 300 },\n  PaperProps: { sx: { background: (theme: Theme) => scrim(theme, 0.9), backdropFilter: (theme: Theme) => `blur(${rem(theme, 2)})` } },\n  // `aria-labelledby` is the one accessible name for the modal itself: MUI\n  // forwards it (with `aria-modal` and its own `role=\"dialog\"`) onto the\n  // Paper, the element that is actually the WAI-ARIA dialog. A plain\n  // `aria-label` alongside it would land on the OUTER root instead — a\n  // second, non-modal `role=\"dialog\"` this component sets of its own accord\n  // — duplicating (and, as a static English literal, contradicting) the name\n  // the Paper already carries.\n  'aria-labelledby': 'lightbox-title',\n  role: 'dialog',\n  'aria-modal': 'true',\n} as const;\n\nexport const Lightbox = React.forwardRef<LightboxRef, LightboxProps>((componentProps, ref) => {\n  const props = resolveLightboxProps(componentProps);\n  const { isOpen, items, loop, autoplay, showControls, showCaptions, thumbnails, zoomable } = props;\n  const { className, style, dataTestId } = props;\n\n  const testId = makeTestId(dataTestId);\n  const lightbox = useLightbox(props, ref);\n  const { currentIndex, currentItem, zoom } = lightbox;\n\n  return (\n    <LightboxCopyProvider copy={props.copy}>\n    <Dialog\n      open={isOpen}\n      onClose={lightbox.close}\n      {...DIALOG_STATIC_PROPS}\n      className={className}\n      style={style}\n      onTouchStart={lightbox.handleTouchStart}\n      onTouchEnd={lightbox.handleTouchEnd}\n      data-testid={dataTestId || 'lightbox'}\n    >\n      {/* Visually hidden title for screen readers */}\n      <Typography id=\"lightbox-title\" variant=\"h6\" sx={{ position: 'absolute', left: sxRem(-10000) }}>\n        {props.copy.dialogLabel} - {currentItem?.alt || props.copy.itemPosition(currentIndex + 1, items.length)}\n      </Typography>\n\n      <LightboxOverlay\n        testId={testId}\n        itemCount={items.length}\n        currentIndex={currentIndex}\n        showControls={showControls}\n        loop={loop}\n        autoplay={autoplay}\n        canZoom={lightbox.canZoom}\n        isAutoPlaying={lightbox.isAutoPlaying}\n        onClose={lightbox.close}\n        onPrev={lightbox.prev}\n        onNext={lightbox.next}\n        onZoomIn={zoom.zoomIn}\n        onZoomOut={zoom.zoomOut}\n        onResetZoom={zoom.resetZoom}\n        onToggleAutoplay={() => lightbox.setIsAutoPlaying((playing) => !playing)}\n      />\n\n      <LightboxStage\n        items={items}\n        currentItem={currentItem}\n        currentIndex={currentIndex}\n        isLoading={lightbox.isLoading}\n        showCaptions={showCaptions}\n        thumbnails={thumbnails}\n        testId={testId}\n        media={\n          <LightboxCurrentMedia\n            item={currentItem}\n            index={currentIndex}\n            total={items.length}\n            zoomable={zoomable}\n            zoom={zoom}\n            testId={testId}\n            onLoadingChange={lightbox.setIsLoading}\n            onWheel={lightbox.handleWheel}\n          />\n        }\n        thumbnailStrip={\n          thumbnails &&\n          items.length > 1 && (\n            <LightboxThumbnails\n              items={items}\n              currentIndex={currentIndex}\n              testId={testId}\n              onSelect={lightbox.goToIndex}\n            />\n          )\n        }\n      />\n    </Dialog>\n    </LightboxCopyProvider>\n  );\n});\n\nLightbox.displayName = 'Lightbox';\n\nexport default Lightbox;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,YAAY;AACnB,OAAO,UAAU;AACjB,OAAO,gBAAgB;AAEvB,OAAO,WAAW;AAsDZ,SAIA,KAJA;AAxCN,IAAM,sBAAsB;AAAA,EAC1B,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,qBAAqB;AAAA,EACrB,iBAAiB,EAAE,SAAS,IAAI;AAAA,EAChC,YAAY,EAAE,IAAI,EAAE,YAAY,CAAC,UAAiB,MAAM,OAAO,GAAG,GAAG,gBAAgB,CAAC,UAAiB,QAAQ,IAAI,OAAO,CAAC,CAAC,IAAI,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQlI,mBAAmB;AAAA,EACnB,MAAM;AAAA,EACN,cAAc;AAChB;AAEO,IAAM,WAAW,MAAM,WAAuC,CAAC,gBAAgB,QAAQ;AAC5F,QAAM,QAAQ,qBAAqB,cAAc;AACjD,QAAM,EAAE,QAAQ,OAAO,MAAM,UAAU,cAAc,cAAc,YAAY,SAAS,IAAI;AAC5F,QAAM,EAAE,WAAW,OAAO,WAAW,IAAI;AAEzC,QAAM,SAAS,WAAW,UAAU;AACpC,QAAM,WAAW,YAAY,OAAO,GAAG;AACvC,QAAM,EAAE,cAAc,aAAa,KAAK,IAAI;AAE5C,SACE,oBAAC,wBAAqB,MAAM,MAAM,MAClC;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,SAAS,SAAS;AAAA,MACjB,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,cAAc,SAAS;AAAA,MACvB,YAAY,SAAS;AAAA,MACrB,eAAa,cAAc;AAAA,MAG3B;AAAA,6BAAC,cAAW,IAAG,kBAAiB,SAAQ,MAAK,IAAI,EAAE,UAAU,YAAY,MAAM,MAAM,IAAM,EAAE,GAC1F;AAAA,gBAAM,KAAK;AAAA,UAAY;AAAA,UAAI,aAAa,OAAO,MAAM,KAAK,aAAa,eAAe,GAAG,MAAM,MAAM;AAAA,WACxG;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,WAAW,MAAM;AAAA,YACjB;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,SAAS,SAAS;AAAA,YAClB,eAAe,SAAS;AAAA,YACxB,SAAS,SAAS;AAAA,YAClB,QAAQ,SAAS;AAAA,YACjB,QAAQ,SAAS;AAAA,YACjB,UAAU,KAAK;AAAA,YACf,WAAW,KAAK;AAAA,YAChB,aAAa,KAAK;AAAA,YAClB,kBAAkB,MAAM,SAAS,iBAAiB,CAAC,YAAY,CAAC,OAAO;AAAA;AAAA,QACzE;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAW,SAAS;AAAA,YACpB;AAAA,YACA;AAAA,YACA;AAAA,YACA,OACE;AAAA,cAAC;AAAA;AAAA,gBACC,MAAM;AAAA,gBACN,OAAO;AAAA,gBACP,OAAO,MAAM;AAAA,gBACb;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,iBAAiB,SAAS;AAAA,gBAC1B,SAAS,SAAS;AAAA;AAAA,YACpB;AAAA,YAEF,gBACE,cACA,MAAM,SAAS,KACb;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,UAAU,SAAS;AAAA;AAAA,YACrB;AAAA;AAAA,QAGN;AAAA;AAAA;AAAA,EACF,GACA;AAEJ,CAAC;AAED,SAAS,cAAc;AAEvB,IAAO,mBAAQ;","names":[]}

package/dist/{chunk-TZASFX6G.js → chunk-P53KRCKW.js}

@@ -1,11 +1,11 @@
-import {
-  useLightboxCopy
-} from "./chunk-TEQYTEM2.js";
 import {
   OVERLAY_Z_INDEX,
   navButtonSx,
   overlayButtonSx
 } from "./chunk-3KA6MYIR.js";
+import {
+  useLightboxCopy
+} from "./chunk-TEQYTEM2.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -156,4 +156,4 @@ export {
   LightboxZoomControls,
   LightboxAutoplayButton
 };
-//# sourceMappingURL=chunk-TZASFX6G.js.map
+//# sourceMappingURL=chunk-P53KRCKW.js.map

package/dist/{chunk-NOLSQK4J.js → chunk-PGV2FLE3.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-MKLIMY3D.js";
+} from "./chunk-YZHX2HTC.js";
 import {
   fieldHeight
 } from "./chunk-M47ZOUGF.js";
@@ -199,4 +199,4 @@ export {
   fieldClearing,
   MoreGroup
 };
-//# sourceMappingURL=chunk-NOLSQK4J.js.map
+//# sourceMappingURL=chunk-PGV2FLE3.js.map

package/dist/{chunk-C2TERIB4.js → chunk-QSNLIWEB.js}

@@ -1,6 +1,6 @@
 import {
   uiThemeFromMui
-} from "./chunk-ZH2SZ6B3.js";
+} from "./chunk-652PYSML.js";
 
 // src/provider/use-ui-theme.ts
 import { useTheme } from "@mui/material/styles/index.js";
@@ -13,4 +13,4 @@ function useUiTheme() {
 export {
   useUiTheme
 };
-//# sourceMappingURL=chunk-C2TERIB4.js.map
+//# sourceMappingURL=chunk-QSNLIWEB.js.map

package/dist/{chunk-2DWBJJK6.js → chunk-RBGUS7WO.js}

@@ -1,6 +1,6 @@
 import {
   LightboxMedia
-} from "./chunk-ASCUWG55.js";
+} from "./chunk-IOCY5G43.js";
 
 // src/components/data-display/Lightbox/LightboxCurrentMedia.tsx
 import { jsx } from "react/jsx-runtime";
@@ -37,4 +37,4 @@ var LightboxCurrentMedia = ({
 export {
   LightboxCurrentMedia
 };
-//# sourceMappingURL=chunk-2DWBJJK6.js.map
+//# sourceMappingURL=chunk-RBGUS7WO.js.map

package/dist/{chunk-XZY7O7JJ.js → chunk-RHKT2XW2.js}

@@ -19,7 +19,7 @@ import {
 } from "./chunk-K6LNHHSH.js";
 import {
   Text
-} from "./chunk-MKLIMY3D.js";
+} from "./chunk-YZHX2HTC.js";
 
 // src/components/data-display/DataViews/ManageViewsDialog.tsx
 import { useMemo } from "react";
@@ -128,4 +128,4 @@ function ManageViewsDialog({
 export {
   ManageViewsDialog
 };
-//# sourceMappingURL=chunk-XZY7O7JJ.js.map
+//# sourceMappingURL=chunk-RHKT2XW2.js.map

package/dist/{chunk-4SHMSLFA.js → chunk-RRG75JJS.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-MKLIMY3D.js";
+} from "./chunk-YZHX2HTC.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -184,4 +184,4 @@ function MoveButton({
 export {
   ColumnsTab
 };
-//# sourceMappingURL=chunk-4SHMSLFA.js.map
+//# sourceMappingURL=chunk-RRG75JJS.js.map

package/dist/{chunk-6MD5QXXJ.js → chunk-RWRPF24F.js}

@@ -1,16 +1,16 @@
 import {
   ColumnsTab
-} from "./chunk-4SHMSLFA.js";
+} from "./chunk-RRG75JJS.js";
 import {
   DisplayTab,
   SortTab
-} from "./chunk-VPAOVEI2.js";
+} from "./chunk-SJGYMI6Y.js";
 import {
   ViewActions,
   ViewFooter,
   ViewHeader,
   ViewsList
-} from "./chunk-YPIVLPXF.js";
+} from "./chunk-33NBMNTB.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -265,4 +265,4 @@ function DataViewsDisplayPanel({
 export {
   DataViewsDisplayPanel
 };
-//# sourceMappingURL=chunk-6MD5QXXJ.js.map
+//# sourceMappingURL=chunk-RWRPF24F.js.map

package/dist/{chunk-VPAOVEI2.js → chunk-SJGYMI6Y.js}

@@ -8,7 +8,7 @@ import {
 } from "./chunk-YLGY3D52.js";
 import {
   useDataViewsLayout
-} from "./chunk-XZJM6EPC.js";
+} from "./chunk-HUAQQ5ZL.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -17,7 +17,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-MKLIMY3D.js";
+} from "./chunk-YZHX2HTC.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -246,4 +246,4 @@ export {
   SortTab,
   DisplayTab
 };
-//# sourceMappingURL=chunk-VPAOVEI2.js.map
+//# sourceMappingURL=chunk-SJGYMI6Y.js.map

package/dist/chunk-SV4FYSDL.js

@@ -0,0 +1,92 @@
+import {
+  thumbnailStripSx
+} from "./chunk-3KA6MYIR.js";
+import {
+  useLightboxCopy
+} from "./chunk-TEQYTEM2.js";
+import {
+  onMedia,
+  sheen
+} from "./chunk-FQ6UW7IY.js";
+import {
+  rem,
+  sxRem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/data-display/Lightbox/LightboxThumbnails.tsx
+import PlayIcon from "@mui/icons-material/PlayArrow";
+import Box from "@mui/material/Box/index.js";
+import { jsx } from "react/jsx-runtime";
+var THUMB = { widthPx: 60, heightPx: 40 };
+var frame = (theme, color) => `${rem(theme, 2)} solid ${color}`;
+var VideoThumbnail = () => /* @__PURE__ */ jsx(
+  Box,
+  {
+    sx: {
+      width: "100%",
+      height: "100%",
+      background: (theme) => sheen(theme, 0.1),
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    children: /* @__PURE__ */ jsx(PlayIcon, { sx: { color: onMedia, fontSize: sxRem(16) } })
+  }
+);
+var LightboxThumbnails = ({
+  items,
+  currentIndex,
+  testId,
+  onSelect
+}) => {
+  const copy = useLightboxCopy();
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      sx: {
+        ...thumbnailStripSx,
+        position: "absolute",
+        bottom: sxRem(16),
+        left: "50%",
+        transform: "translateX(-50%)",
+        display: "flex",
+        gap: 1,
+        maxWidth: "90vw",
+        overflowX: "auto",
+        padding: 1
+      },
+      "data-testid": testId("thumbnails"),
+      children: items.map((item, index) => /* @__PURE__ */ jsx(
+        Box,
+        {
+          onClick: () => onSelect(index),
+          sx: {
+            width: sxRem(THUMB.widthPx),
+            height: sxRem(THUMB.heightPx),
+            cursor: "pointer",
+            border: (theme) => frame(theme, currentIndex === index ? onMedia(theme) : "transparent"),
+            borderRadius: 0.5,
+            overflow: "hidden",
+            flexShrink: 0,
+            "&:hover": { border: (theme) => frame(theme, sheen(theme, 0.7)) }
+          },
+          "data-testid": testId(`thumbnail-${index}`),
+          children: item.type === "video" ? /* @__PURE__ */ jsx(VideoThumbnail, {}) : /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: item.src,
+              alt: item.alt || copy.thumbnailFallback(index + 1),
+              style: { width: "100%", height: "100%", objectFit: "cover" }
+            }
+          )
+        },
+        `${item.src}-${index}`
+      ))
+    }
+  );
+};
+
+export {
+  LightboxThumbnails
+};
+//# sourceMappingURL=chunk-SV4FYSDL.js.map

package/dist/chunk-SV4FYSDL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Lightbox/LightboxThumbnails.tsx"],"sourcesContent":["import PlayIcon from '@mui/icons-material/PlayArrow';\nimport Box from '@mui/material/Box/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { thumbnailStripSx } from './Lightbox.constants';\nimport { useLightboxCopy } from './lightbox-copy-context';\nimport type { LightboxItem } from './Lightbox.types';\nimport { onMedia, sheen } from '../../../tokens/ink';\nimport { rem, sxRem } from '../../../tokens/relative';\n\n/** One filmstrip frame, in design px. */\nconst THUMB = { widthPx: 60, heightPx: 40 } as const;\n\nconst frame = (theme: Theme, color: string): string => `${rem(theme, 2)} solid ${color}`;\n\nconst VideoThumbnail: FC = () => (\n  <Box\n    sx={{\n      width: '100%',\n      height: '100%',\n      background: (theme: Theme) => sheen(theme, 0.1),\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n    }}\n  >\n    <PlayIcon sx={{ color: onMedia, fontSize: sxRem(16) }} />\n  </Box>\n);\n\nexport interface LightboxThumbnailsProps {\n  items: LightboxItem[];\n  currentIndex: number;\n  testId: (suffix: string) => string;\n  onSelect: (index: number) => void;\n}\n\nexport const LightboxThumbnails: FC<LightboxThumbnailsProps> = ({\n  items,\n  currentIndex,\n  testId,\n  onSelect,\n}) => {\n  const copy = useLightboxCopy();\n  return (\n  <Box\n    sx={{\n      ...thumbnailStripSx,\n      position: 'absolute',\n      bottom: sxRem(16),\n      left: '50%',\n      transform: 'translateX(-50%)',\n      display: 'flex',\n      gap: 1,\n      maxWidth: '90vw',\n      overflowX: 'auto',\n      padding: 1,\n    }}\n    data-testid={testId('thumbnails')}\n  >\n    {items.map((item, index) => (\n      <Box\n        key={`${item.src}-${index}`}\n        onClick={() => onSelect(index)}\n        sx={{\n          width: sxRem(THUMB.widthPx),\n          height: sxRem(THUMB.heightPx),\n          cursor: 'pointer',\n          border: (theme: Theme) => frame(theme, currentIndex === index ? onMedia(theme) : 'transparent'),\n          borderRadius: 0.5,\n          overflow: 'hidden',\n          flexShrink: 0,\n          '&:hover': { border: (theme: Theme) => frame(theme, sheen(theme, 0.7)) },\n        }}\n        data-testid={testId(`thumbnail-${index}`)}\n      >\n        {item.type === 'video' ? (\n          <VideoThumbnail />\n        ) : (\n          <img\n            src={item.src}\n            alt={item.alt || copy.thumbnailFallback(index + 1)}\n            style={{ width: '100%', height: '100%', objectFit: 'cover' }}\n          />\n        )}\n      </Box>\n    ))}\n  </Box>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,cAAc;AACrB,OAAO,SAAS;AA2BZ;AAfJ,IAAM,QAAQ,EAAE,SAAS,IAAI,UAAU,GAAG;AAE1C,IAAM,QAAQ,CAAC,OAAc,UAA0B,GAAG,IAAI,OAAO,CAAC,CAAC,UAAU,KAAK;AAEtF,IAAM,iBAAqB,MACzB;AAAA,EAAC;AAAA;AAAA,IACC,IAAI;AAAA,MACF,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,YAAY,CAAC,UAAiB,MAAM,OAAO,GAAG;AAAA,MAC9C,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,IAClB;AAAA,IAEA,8BAAC,YAAS,IAAI,EAAE,OAAO,SAAS,UAAU,MAAM,EAAE,EAAE,GAAG;AAAA;AACzD;AAUK,IAAM,qBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,OAAO,gBAAgB;AAC7B,SACA;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,QACF,GAAG;AAAA,QACH,UAAU;AAAA,QACV,QAAQ,MAAM,EAAE;AAAA,QAChB,MAAM;AAAA,QACN,WAAW;AAAA,QACX,SAAS;AAAA,QACT,KAAK;AAAA,QACL,UAAU;AAAA,QACV,WAAW;AAAA,QACX,SAAS;AAAA,MACX;AAAA,MACA,eAAa,OAAO,YAAY;AAAA,MAE/B,gBAAM,IAAI,CAAC,MAAM,UAChB;AAAA,QAAC;AAAA;AAAA,UAEC,SAAS,MAAM,SAAS,KAAK;AAAA,UAC7B,IAAI;AAAA,YACF,OAAO,MAAM,MAAM,OAAO;AAAA,YAC1B,QAAQ,MAAM,MAAM,QAAQ;AAAA,YAC5B,QAAQ;AAAA,YACR,QAAQ,CAAC,UAAiB,MAAM,OAAO,iBAAiB,QAAQ,QAAQ,KAAK,IAAI,aAAa;AAAA,YAC9F,cAAc;AAAA,YACd,UAAU;AAAA,YACV,YAAY;AAAA,YACZ,WAAW,EAAE,QAAQ,CAAC,UAAiB,MAAM,OAAO,MAAM,OAAO,GAAG,CAAC,EAAE;AAAA,UACzE;AAAA,UACA,eAAa,OAAO,aAAa,KAAK,EAAE;AAAA,UAEvC,eAAK,SAAS,UACb,oBAAC,kBAAe,IAEhB;AAAA,YAAC;AAAA;AAAA,cACC,KAAK,KAAK;AAAA,cACV,KAAK,KAAK,OAAO,KAAK,kBAAkB,QAAQ,CAAC;AAAA,cACjD,OAAO,EAAE,OAAO,QAAQ,QAAQ,QAAQ,WAAW,QAAQ;AAAA;AAAA,UAC7D;AAAA;AAAA,QArBG,GAAG,KAAK,GAAG,IAAI,KAAK;AAAA,MAuB3B,CACD;AAAA;AAAA,EACH;AAEF;","names":[]}

package/dist/{chunk-EQXIW5MQ.js → chunk-TCMH3FXD.js}

@@ -1,6 +1,6 @@
 import {
   DENSITY_ROW_PADDING
-} from "./chunk-XZJM6EPC.js";
+} from "./chunk-HUAQQ5ZL.js";
 import {
   CellConfigProvider,
   cellTracks
@@ -129,4 +129,4 @@ export {
   cellRailCount,
   ListCardGroup
 };
-//# sourceMappingURL=chunk-EQXIW5MQ.js.map
+//# sourceMappingURL=chunk-TCMH3FXD.js.map

package/dist/{chunk-STTULW2K.js → chunk-TE3XYCX7.js}

@@ -5,7 +5,7 @@ import {
   getColorFromTheme,
   getSizeStyles,
   pulseAnimation
-} from "./chunk-6REPQ352.js";
+} from "./chunk-WL7IG7TT.js";
 import {
   progressLabelText,
   resolveProgressProps
@@ -243,4 +243,4 @@ Progress.displayName = "Progress";
 export {
   Progress
 };
-//# sourceMappingURL=chunk-STTULW2K.js.map
+//# sourceMappingURL=chunk-TE3XYCX7.js.map

package/dist/{chunk-TJ3334AJ.js → chunk-TMW7RBW7.js}

@@ -1,7 +1,7 @@
 import {
   MoreGroup,
   fieldClearing
-} from "./chunk-NOLSQK4J.js";
+} from "./chunk-PGV2FLE3.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -13,7 +13,7 @@ import {
 } from "./chunk-K6LNHHSH.js";
 import {
   Text
-} from "./chunk-MKLIMY3D.js";
+} from "./chunk-YZHX2HTC.js";
 import {
   rem,
   sxRem
@@ -184,4 +184,4 @@ function MoreFilters({
 export {
   MoreFilters
 };
-//# sourceMappingURL=chunk-TJ3334AJ.js.map
+//# sourceMappingURL=chunk-TMW7RBW7.js.map

package/dist/{chunk-DGMDQHMI.js → chunk-U6DOF5CR.js}

@@ -1,6 +1,9 @@
 import {
   processRows
 } from "./chunk-G3E66C6J.js";
+import {
+  useDensity
+} from "./chunk-DJKVSUXH.js";
 import {
   rem,
   remPx
@@ -19,6 +22,11 @@ function densityHeight(base, density) {
   if (density === "spacious") return base * 1.2;
   return base;
 }
+function mapThemeToGridDensity(level) {
+  if (level === "compact") return "compact";
+  if (level === "comfortable") return "spacious";
+  return "comfortable";
+}
 function useProcessedRows(props, columnMap, sortBy, filters) {
   const { rows, filtering = {}, sorting = {}, pagination, virtualizeRows = true } = props;
   const pageIndex = pagination?.pageIndex ?? 0;
@@ -156,10 +164,12 @@ function useSortAndFilter(props) {
 function useDataGridModel(props) {
   const { columns } = props;
   const theme = useTheme();
+  const themeDensity = useDensity();
   const containerRef = useRef(null);
   const [editingCell, setEditingCell] = useState(null);
   const { sortBy, filters, setInternalSortBy } = useSortAndFilter(props);
-  const designRowHeight = densityHeight(props.rowHeight ?? 52, props.density);
+  const density = props.density ?? mapThemeToGridDensity(themeDensity.level ?? "normal");
+  const designRowHeight = densityHeight(props.rowHeight ?? 52, density);
   const rowPitch = remPx(theme, designRowHeight);
   const columnMap = useMemo(
     () => new Map(columns.map((column) => [column.id, column])),
@@ -172,6 +182,7 @@ function useDataGridModel(props) {
   const onSort = useSortHandler(props, sortBy, filters, setInternalSortBy);
   return {
     containerRef,
+    density,
     rowHeight: rem(theme, designRowHeight),
     rowPitch,
     visibleColumns,
@@ -189,6 +200,7 @@ function useDataGridModel(props) {
 }
 
 export {
+  mapThemeToGridDensity,
   useDataGridModel
 };
-//# sourceMappingURL=chunk-DGMDQHMI.js.map
+//# sourceMappingURL=chunk-U6DOF5CR.js.map

package/dist/chunk-U6DOF5CR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataGrid/DataGrid.model.ts"],"sourcesContent":["/**\n * The DataGrid's STATE, in one hook.\n *\n * The component used to hold all of it inline, which made its body 700 lines\n * long and put the row pipeline, the virtualization window and the JSX in one\n * scope where any of them could reach any other. Split out, each piece is a\n * hook with named inputs and the render is left with nothing to do but render.\n *\n * Controlled/uncontrolled is resolved in ONE place per feature: a caller that\n * passes `sorting.sortBy` owns the sort, and a caller that does not gets the\n * internal state — the component never holds a second, divergent copy.\n */\nimport { useTheme } from '@mui/material/styles/index.js';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type React from 'react';\n\nimport { rem, remPx } from '../../../tokens/relative';\nimport { useDensity, type DensityLevel } from '../../../tokens/density';\n\nimport { processRows } from './DataGrid.rows';\nimport type {\n  DataGridProps,\n  GridColumn,\n  GridDensity,\n  GridFilter,\n  GridSort,\n  SortDirection,\n} from './DataGrid.types';\n\nconst DEFAULT_PAGE_SIZE = 50;\n/** Rows rendered on either side of the window, so a fast scroll stays filled. */\nconst OVERSCAN_COUNT = 20;\n/** Below this many rows, virtualization costs more than it saves. */\nconst VIRTUALIZATION_THRESHOLD = 100;\n/** The initial (and reset) window size, before a scroll has measured anything. */\nconst INITIAL_WINDOW = 50;\n/** Re-window only past this much drift, so a scroll is not one setState per pixel. */\nconst WINDOW_DRIFT = 5;\n\n/** Which id is being edited, or `null`. */\nexport interface EditingCell {\n  rowId: string | number;\n  colId: string;\n}\n\n/** The visible slice of a virtualized body. */\nexport interface VisibleRange {\n  start: number;\n  end: number;\n}\n\n/** Everything the render needs, and nothing it has to derive. */\nexport interface DataGridModel<T extends Record<string, unknown>> {\n  containerRef: React.RefObject<HTMLDivElement | null>;\n  /**\n   * The density this render actually used: `props.density`, else the\n   * theme-driven default (FUT-2769, {@link mapThemeToGridDensity}). The same\n   * value `rowHeight` was scaled by — read it here rather than re-deriving it,\n   * so the reported default and the geometry can never disagree.\n   */\n  density: GridDensity;\n  /** A row's height as CSS: the design height, density applied, through `rem`. */\n  rowHeight: string;\n  /**\n   * The same height in px (`remPx`) — what the window divides `scrollTop` by.\n   * One design number drawn two ways, so the rows and the window never disagree.\n   */\n  rowPitch: number;\n  visibleColumns: GridColumn<T>[];\n  processedRows: T[];\n  visibleRows: T[];\n  visibleRange: VisibleRange;\n  virtualized: boolean;\n  sortBy: readonly GridSort[];\n  selectedRowIds: Array<string | number>;\n  selectedRowIdsSet: ReadonlySet<string | number>;\n  expandedRowIdsSet: ReadonlySet<string | number>;\n  editingCell: EditingCell | null;\n  setEditingCell: (cell: EditingCell | null) => void;\n  setSelectedRowIds: (ids: Array<string | number>) => void;\n  onSort: (columnId: string) => void;\n  onToggleRow: (rowId: string | number, isSelected: boolean) => void;\n  onToggleExpansion: (rowId: string | number) => void;\n  onScroll: (event: React.UIEvent<HTMLDivElement>) => void;\n}\n\n/** The row height a density implies, in design px. */\nfunction densityHeight(base: number, density: DataGridProps['density']): number {\n  if (density === 'compact') return Math.max(base * 0.8, 32);\n  if (density === 'spacious') return base * 1.2;\n  return base;\n}\n\n/**\n * The theme's density level, aliased to `GridDensity` (FUT-2769 — umbrella\n * Decision 7, non-breaking): `GridDensity`'s three names are not the theme's\n * three names, so this is an alias table rather than a verbatim read.\n * `'normal'` (the theme's own default, and what a theme with no density at\n * all resolves to) maps to `'comfortable'` — today's literal default,\n * unchanged — so the mapping is a no-op exactly when nothing about density\n * has been said.\n */\nexport function mapThemeToGridDensity(level: DensityLevel): GridDensity {\n  if (level === 'compact') return 'compact';\n  if (level === 'comfortable') return 'spacious';\n  return 'comfortable';\n}\n\n/** The rows this render should show, with every client-mode step resolved. */\nfunction useProcessedRows<T extends Record<string, unknown>>(\n  props: DataGridProps<T>,\n  columnMap: ReadonlyMap<string, GridColumn<T>>,\n  sortBy: readonly GridSort[],\n  filters: readonly GridFilter[],\n): T[] {\n  const { rows, filtering = {}, sorting = {}, pagination, virtualizeRows = true } = props;\n  const pageIndex = pagination?.pageIndex ?? 0;\n  const pageSize = pagination?.pageSize ?? DEFAULT_PAGE_SIZE;\n  return useMemo(\n    () =>\n      processRows({\n        rows,\n        columnMap,\n        filters,\n        sortBy,\n        needsFiltering: filtering.mode === 'client' && filters.length > 0,\n        needsSorting: sorting.mode === 'client' && sortBy.length > 0,\n        // Virtualization already slices; doing both would page a page.\n        needsPagination: pagination?.mode === 'client' && !virtualizeRows,\n        pageIndex,\n        pageSize,\n      }),\n    [\n      rows,\n      columnMap,\n      filters,\n      sortBy,\n      filtering.mode,\n      sorting.mode,\n      pagination?.mode,\n      virtualizeRows,\n      pageIndex,\n      pageSize,\n    ],\n  );\n}\n\n/**\n * The virtualization window and the scroll handler that moves it. `rowPitch` is\n * px, like the `scrollTop` and `clientHeight` it is divided into.\n *\n * Throttled through `requestAnimationFrame`, and only committed once the window\n * has drifted meaningfully — a `setState` per scroll event re-renders every\n * visible row for a movement the eye cannot see.\n */\nfunction useRowWindow(\n  rowCount: number,\n  rowPitch: number,\n  enabled: boolean,\n): { range: VisibleRange; onScroll: (event: React.UIEvent<HTMLDivElement>) => void } {\n  const [range, setRange] = useState<VisibleRange>({ start: 0, end: INITIAL_WINDOW });\n  const rafRef = useRef<number | null>(null);\n\n  useEffect(() => {\n    if (rowCount < range.end) setRange({ start: 0, end: Math.min(INITIAL_WINDOW, rowCount) });\n  }, [rowCount, range.end]);\n\n  useEffect(\n    () => () => {\n      if (rafRef.current !== null) window.cancelAnimationFrame(rafRef.current);\n    },\n    [],\n  );\n\n  const onScroll = useCallback(\n    (event: React.UIEvent<HTMLDivElement>) => {\n      if (!enabled) return;\n      const { scrollTop, clientHeight } = event.currentTarget;\n      if (rafRef.current !== null) window.cancelAnimationFrame(rafRef.current);\n      rafRef.current = window.requestAnimationFrame(() => {\n        const first = Math.floor(scrollTop / rowPitch);\n        const visible = Math.ceil(clientHeight / rowPitch);\n        const start = Math.max(0, first - OVERSCAN_COUNT);\n        const end = Math.min(first + visible + OVERSCAN_COUNT, rowCount);\n        setRange((current) =>\n          Math.abs(start - current.start) > WINDOW_DRIFT ||\n          Math.abs(end - current.end) > WINDOW_DRIFT\n            ? { start, end }\n            : current,\n        );\n        rafRef.current = null;\n      });\n    },\n    [enabled, rowPitch, rowCount],\n  );\n\n  return { range, onScroll };\n}\n\n/** The next `sortBy` for a header press: asc → desc → unsorted. */\nfunction nextSortBy(current: readonly GridSort[], columnId: string): GridSort[] {\n  const existing = current.find((sort) => sort.id === columnId);\n  let dir: SortDirection = 'asc';\n  if (existing?.dir === 'asc') dir = 'desc';\n  else if (existing?.dir === 'desc') dir = null;\n  return dir ? [{ id: columnId, dir }] : current.filter((sort) => sort.id !== columnId);\n}\n\n/** Selection + expansion, each resolved once against its controlled prop. */\nfunction useRowFlags<T extends Record<string, unknown>>(\n  props: DataGridProps<T>,\n): Pick<\n  DataGridModel<T>,\n  | 'selectedRowIds'\n  | 'selectedRowIdsSet'\n  | 'expandedRowIdsSet'\n  | 'setSelectedRowIds'\n  | 'onToggleRow'\n  | 'onToggleExpansion'\n> {\n  const { selection = { mode: 'none' }, expansion } = props;\n  const [internalSelected, setInternalSelected] = useState(selection.defaultSelectedRowIds ?? []);\n  const [internalExpanded, setInternalExpanded] = useState(expansion?.defaultExpandedRowIds ?? []);\n  const selectedRowIds = selection.selectedRowIds ?? internalSelected;\n  const expandedRowIds = expansion?.expandedRowIds ?? internalExpanded;\n\n  const commitSelected = useCallback(\n    (ids: Array<string | number>) => {\n      if (selection.onChangeSelected) selection.onChangeSelected(ids);\n      else setInternalSelected(ids);\n    },\n    [selection],\n  );\n\n  return {\n    selectedRowIds,\n    selectedRowIdsSet: useMemo(() => new Set(selectedRowIds), [selectedRowIds]),\n    expandedRowIdsSet: useMemo(() => new Set(expandedRowIds), [expandedRowIds]),\n    setSelectedRowIds: commitSelected,\n    onToggleRow: (rowId, isSelected) => {\n      if (selection.mode === 'single') commitSelected(isSelected ? [rowId] : []);\n      else if (selection.mode === 'multi') {\n        commitSelected(\n          isSelected\n            ? [...selectedRowIds, rowId]\n            : selectedRowIds.filter((id) => id !== rowId),\n        );\n      }\n    },\n    onToggleExpansion: (rowId) => {\n      if (!expansion) return;\n      const next = expandedRowIds.includes(rowId)\n        ? expandedRowIds.filter((id) => id !== rowId)\n        : [...expandedRowIds, rowId];\n      if (expansion.onChangeExpanded) expansion.onChangeExpanded(next);\n      else setInternalExpanded(next);\n    },\n  };\n}\n\n/**\n * A header press, routed to whoever owns the sort: the server (which must\n * re-query — sorting the current page locally would reorder one page of a\n * dataset and call it sorted), the caller's `onChangeSortBy`, or internal state.\n */\nfunction useSortHandler<T extends Record<string, unknown>>(\n  props: DataGridProps<T>,\n  sortBy: readonly GridSort[],\n  filters: readonly GridFilter[],\n  setInternalSortBy: (next: GridSort[]) => void,\n): (columnId: string) => void {\n  const { sorting = {}, pagination, onRequestData } = props;\n  return useCallback(\n    (columnId: string) => {\n      const next = nextSortBy(sortBy, columnId);\n      if (sorting.mode === 'server' && onRequestData) {\n        onRequestData({\n          pageIndex: pagination?.pageIndex ?? 0,\n          pageSize: pagination?.pageSize ?? DEFAULT_PAGE_SIZE,\n          sortBy: next,\n          filters: [...filters],\n        });\n        return;\n      }\n      if (sorting.onChangeSortBy) sorting.onChangeSortBy(next);\n      else setInternalSortBy(next);\n    },\n    [sortBy, sorting, onRequestData, pagination, filters, setInternalSortBy],\n  );\n}\n\n/**\n * Sort and filter, each resolved ONCE against its controlled prop: a caller\n * that passes `sorting.sortBy` owns the sort, and one that does not gets the\n * internal state. The grid never holds a second, divergent copy.\n */\nfunction useSortAndFilter<T extends Record<string, unknown>>(\n  props: DataGridProps<T>,\n): {\n  sortBy: readonly GridSort[];\n  filters: readonly GridFilter[];\n  setInternalSortBy: (next: GridSort[]) => void;\n} {\n  const { sorting = {}, filtering = {} } = props;\n  const [internalSortBy, setInternalSortBy] = useState<GridSort[]>(sorting.defaultSortBy ?? []);\n  const [internalFilters] = useState<GridFilter[]>(filtering.defaultFilters ?? []);\n  return {\n    sortBy: sorting.sortBy ?? internalSortBy,\n    filters: filtering.filters ?? internalFilters,\n    setInternalSortBy,\n  };\n}\n\nexport function useDataGridModel<T extends Record<string, unknown>>(\n  props: DataGridProps<T>,\n): DataGridModel<T> {\n  const { columns } = props;\n  const theme = useTheme();\n  const themeDensity = useDensity();\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [editingCell, setEditingCell] = useState<EditingCell | null>(null);\n  const { sortBy, filters, setInternalSortBy } = useSortAndFilter(props);\n  // An explicit `density` prop wins; otherwise the theme's own level, aliased\n  // to this grid's three names (FUT-2769).\n  const density = props.density ?? mapThemeToGridDensity(themeDensity.level ?? 'normal');\n  // 52 design px unless the caller says; the density scales it, then the type scale does.\n  const designRowHeight = densityHeight(props.rowHeight ?? 52, density);\n  const rowPitch = remPx(theme, designRowHeight);\n  const columnMap = useMemo(\n    () => new Map(columns.map((column) => [column.id, column])),\n    [columns],\n  );\n  const visibleColumns = useMemo(() => columns.filter((column) => !column.hidden), [columns]);\n  const processedRows = useProcessedRows(props, columnMap, sortBy, filters);\n  const virtualized =\n    (props.virtualizeRows ?? true) && processedRows.length > VIRTUALIZATION_THRESHOLD;\n  const { range, onScroll } = useRowWindow(processedRows.length, rowPitch, virtualized);\n  const onSort = useSortHandler(props, sortBy, filters, setInternalSortBy);\n\n  return {\n    containerRef,\n    density,\n    rowHeight: rem(theme, designRowHeight),\n    rowPitch,\n    visibleColumns,\n    processedRows,\n    visibleRows: virtualized ? processedRows.slice(range.start, range.end) : processedRows,\n    visibleRange: range,\n    virtualized,\n    sortBy,\n    editingCell,\n    setEditingCell,\n    onSort,\n    onScroll,\n    ...useRowFlags(props),\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-ASHXIAJO.js → chunk-UGH2DDST.js}

@@ -3,7 +3,10 @@ var EN_US_TUTORIAL_COPY = {
   skip: "Skip",
   previous: "Back",
   next: "Next",
-  restart: "Start over"
+  restart: "Start over",
+  complete: "Complete",
+  finish: "Finish",
+  requiresAction: "Complete the required action first"
 };
 var EN_US_CHROME_COPY = {
   dismissToast: "Dismiss",
@@ -85,4 +88,4 @@ export {
   EN_US_CHROME_COPY,
   EN_US_NOTIFICATION_UNBLOCK_COPY
 };
-//# sourceMappingURL=chunk-ASHXIAJO.js.map
+//# sourceMappingURL=chunk-UGH2DDST.js.map

package/dist/chunk-UGH2DDST.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/en-US.feedback.ts"],"sourcesContent":["/**\n * The en-US pack for the feedback family. Split the same way\n * `pt-BR.feedback.ts` is — see `en-US.ts` for why.\n */\nimport type {\n  ChromeCopy,\n  NotificationUnblockCopy,\n  TutorialCopy,\n} from './copy';\n\nexport const EN_US_TUTORIAL_COPY: TutorialCopy = {\n  skip: \"Skip\",\n  previous: \"Back\",\n  next: \"Next\",\n  restart: \"Start over\",\n  complete: \"Complete\",\n  finish: \"Finish\",\n  requiresAction: \"Complete the required action first\",\n};\n\nexport const EN_US_CHROME_COPY: ChromeCopy = {\n  dismissToast: \"Dismiss\",\n  goBack: \"Back\",\n  closePanel: \"Close\",\n  closeTab: \"Close tab\",\n  scrollRegion: \"Scrollable content\",\n  scrollToTop: \"Back to top\",\n  share: \"Share\",\n};\n\nconst EN_US_CHROMIUM_DESKTOP = [\n  \"Click the icon to the left of the site's address.\",\n  \"Open \\\"Site settings\\\".\",\n  \"Under \\\"Notifications\\\", choose \\\"Allow\\\".\",\n  \"Come back to this page and reload it.\",\n] as const;\n\nconst EN_US_CHROMIUM_ANDROID = [\n  \"Tap the icon to the left of the site's address.\",\n  \"Tap \\\"Permissions\\\".\",\n  \"Tap \\\"Notifications\\\" and choose \\\"Allow\\\".\",\n  \"Come back to this page and reload it.\",\n] as const;\n\nexport const EN_US_NOTIFICATION_UNBLOCK_COPY: NotificationUnblockCopy = {\n  ios: [\n    \"Open the iPhone's Settings.\",\n    \"Tap \\\"Notifications\\\".\",\n    \"Find this app in the list and turn on \\\"Allow Notifications\\\".\",\n  ],\n  chrome: { desktop: EN_US_CHROMIUM_DESKTOP, android: EN_US_CHROMIUM_ANDROID },\n  edge: {\n    desktop: [\n      \"Click the lock to the left of the site's address.\",\n      \"Open \\\"Permissions for this site\\\".\",\n      \"Under \\\"Notifications\\\", choose \\\"Allow\\\".\",\n      \"Come back to this page and reload it.\",\n    ],\n    android: EN_US_CHROMIUM_ANDROID,\n  },\n  firefox: {\n    desktop: [\n      \"Click the permissions icon to the left of the site's address.\",\n      \"Next to \\\"Send notifications\\\", click the X to clear the block.\",\n      \"Reload the page and turn notifications on again.\",\n    ],\n    android: [\n      \"Open the browser menu and tap \\\"Settings\\\".\",\n      \"Tap \\\"Site permissions\\\", then \\\"Notifications\\\".\",\n      \"Find this site and choose \\\"Allow\\\".\",\n      \"Come back to this page and reload it.\",\n    ],\n  },\n  opera: { desktop: EN_US_CHROMIUM_DESKTOP, android: EN_US_CHROMIUM_ANDROID },\n  safari: {\n    desktop: [\n      \"In the Safari menu, open \\\"Settings\\\".\",\n      \"Go to the \\\"Websites\\\" tab and pick \\\"Notifications\\\" in the sidebar.\",\n      \"Find this site and choose \\\"Allow\\\".\",\n      \"Come back to this page and reload it.\",\n    ],\n  },\n  samsung: {\n    android: [\n      \"Open the browser menu and tap \\\"Settings\\\".\",\n      \"Tap \\\"Sites and downloads\\\", then \\\"Notifications\\\".\",\n      \"Find this site and allow notifications.\",\n      \"Come back to this page and reload it.\",\n    ],\n  },\n  other: [\n    \"Open the browser's settings.\",\n    \"Look for site permissions, then \\\"Notifications\\\".\",\n    \"Allow notifications for this site.\",\n    \"Come back to this page and reload it.\",\n  ],\n};\n"],"mappings":";AAUO,IAAM,sBAAoC;AAAA,EAC/C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AAAA,EACT,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,gBAAgB;AAClB;AAEO,IAAM,oBAAgC;AAAA,EAC3C,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,cAAc;AAAA,EACd,aAAa;AAAA,EACb,OAAO;AACT;AAEA,IAAM,yBAAyB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,IAAM,yBAAyB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,kCAA2D;AAAA,EACtE,KAAK;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,QAAQ,EAAE,SAAS,wBAAwB,SAAS,uBAAuB;AAAA,EAC3E,MAAM;AAAA,IACJ,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EACA,OAAO,EAAE,SAAS,wBAAwB,SAAS,uBAAuB;AAAA,EAC1E,QAAQ;AAAA,IACN,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EACA,SAAS;AAAA,IACP,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/{chunk-LODMNSLR.js → chunk-UP7SSTCZ.js}

@@ -1,31 +1,31 @@
 import {
   DataViewsBoard
-} from "./chunk-4XHVGUOM.js";
+} from "./chunk-J2SFOLGZ.js";
 import {
   toGridExpansion
 } from "./chunk-O5UGAL2V.js";
 import {
   SelectAllStrip
-} from "./chunk-H72YKEGD.js";
+} from "./chunk-AOKLEE64.js";
 import {
   cardGridTracks
 } from "./chunk-NQ7NMCRI.js";
 import {
   ListCardGroup
-} from "./chunk-EQXIW5MQ.js";
+} from "./chunk-TCMH3FXD.js";
 import {
   DENSITY_BOARD_SCALE,
   DENSITY_ROW_PADDING,
   cardScaleForZoom,
   cardTargetWidthFor,
   useDataViewsLayout
-} from "./chunk-XZJM6EPC.js";
+} from "./chunk-HUAQQ5ZL.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
 import {
   DataGrid
-} from "./chunk-ZEYUSS3W.js";
+} from "./chunk-Z6LTEJ7F.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -79,7 +79,8 @@ function GridBody({
           expansion: toGridExpansion(rowDetail, copy),
           "data-testid": dataTestId,
           emptyState,
-          emptyText: copy.grid.emptyFilteredTitle
+          emptyText: copy.grid.emptyFilteredTitle,
+          copy: copy.grid
         }
       )
     }
@@ -273,4 +274,4 @@ function GridMain(props) {
 export {
   GridMain
 };
-//# sourceMappingURL=chunk-LODMNSLR.js.map
+//# sourceMappingURL=chunk-UP7SSTCZ.js.map

package/dist/chunk-UP7SSTCZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-grid-bodies.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\n\nimport { DataGrid, type GridColumn, type GridSort } from \"../DataGrid\";\nimport { Box } from \"../../../mui/Box\";\n\nimport {\n  cardTargetWidthFor,\n  cardScaleForZoom,\n  DENSITY_BOARD_SCALE,\n  DENSITY_ROW_PADDING,\n  useDataViewsLayout,\n  type DataViewsDensity,\n} from \"./data-views-layout-context\";\nimport { cardGridTracks } from \"./data-views-grid-helpers\";\nimport { DataViewsBoard, type BoardConfig } from \"./DataViewsBoard\";\nimport { SelectAllStrip } from \"./data-views-select-all-strip\";\nimport { ListCardGroup, type ListGroupConfig } from \"./list-card-rails\";\nimport type { DataViewCardSelection } from \"./data-views-types\";\nimport { toGridExpansion, type DataViewRowDetail } from \"./data-views-row-detail\";\nimport type { DataViewsController } from \"./use-data-views-state\";\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { sxRem } from \"../../../tokens/relative\";\n\n/* ── Body (grid) ─────────────────────────────────────────────────────────── */\n\ninterface GridBodyProps<T extends Record<string, unknown>> {\n  rows: T[];\n  columns: GridColumn<T>[];\n  getRowId: (row: T) => string | number;\n  selectedIds: Array<string | number>;\n  onChangeSelected: (ids: Array<string | number>) => void;\n  sortBy: GridSort[];\n  onChangeSortBy: (next: GridSort[]) => void;\n  /** \"server\" defers ordering to the backend (rows render as-is); \"client\" sorts in-grid. */\n  sortMode: \"client\" | \"server\";\n  /** Vertical cell padding, from the density preference. */\n  rowPadding: number;\n  rowDetail?: DataViewRowDetail<T>;\n  dataTestId?: string;\n  emptyState?: React.ReactNode;\n}\n\n/** The dense DataGrid with multi-select, wrapped in the scrollable table region. */\nfunction GridBody<T extends Record<string, unknown>>({\n  rows,\n  columns,\n  getRowId,\n  selectedIds,\n  onChangeSelected,\n  sortBy,\n  onChangeSortBy,\n  sortMode,\n  rowPadding,\n  rowDetail,\n  dataTestId,\n  emptyState,\n}: GridBodyProps<T>): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Box\n      sx={{\n        width: \"100%\",\n        overflowX: \"auto\",\n        mt: 1.5,\n        // Tabwoah-style dense rows: MUI's default TableCell padding keeps rows\n        // tall regardless of rowHeight, so the DENSITY preference is applied\n        // here rather than through `rowHeight`, which it would fight.\n        \"& .MuiTableCell-root\": { py: rowPadding, fontSize: sxRem(13) },\n        \"& .MuiTableCell-head\": { py: 0.5, fontSize: sxRem(12) },\n      }}\n    >\n      <DataGrid<T>\n        rows={rows}\n        columns={columns}\n        getRowId={(row) => getRowId(row)}\n        virtualizeRows={false}\n        density=\"compact\"\n        rowHeight={36}\n        headerHeight={36}\n        selection={{ mode: \"multi\", selectedRowIds: selectedIds, onChangeSelected }}\n        sorting={{ mode: sortMode, sortBy, onChangeSortBy }}\n        expansion={toGridExpansion(rowDetail, copy)}\n        data-testid={dataTestId}\n        emptyState={emptyState}\n        emptyText={copy.grid.emptyFilteredTitle}\n        copy={copy.grid}\n      />\n    </Box>\n  );\n}\n\n/* ── Body (cards) ────────────────────────────────────────────────────────── */\n\ninterface CardBodyProps<T extends Record<string, unknown>> {\n  rows: T[];\n  renderCard: (row: T, selection: DataViewCardSelection) => React.ReactNode;\n  getRowId: (row: T) => string | number;\n  selectedIds: Set<string | number>;\n  onToggleId: (id: string | number) => void;\n  /** The width each card asks for; `auto-fill` turns it into a column count. */\n  targetCardWidth: number;\n  /** Content scale (padding + type) handed to each card, from the zoom slider. */\n  cardScale: number;\n  dataTestId?: string;\n  emptyState?: React.ReactNode;\n}\n\n/**\n * The \"Grade\" layout: the filtered/sorted rows rendered as an auto-filling grid\n * of entity-supplied cards. Reuses `rows` (= `c.matched`), so search/filter/sort\n * apply; the column width comes from the zoom slider, and each card is handed its\n * selection state so it can drive its own checkbox (BaseCard) — the same\n * selection model as the table.\n */\nfunction CardBody<T extends Record<string, unknown>>({\n  rows,\n  renderCard,\n  getRowId,\n  selectedIds,\n  onToggleId,\n  targetCardWidth,\n  cardScale,\n  dataTestId,\n  emptyState,\n}: CardBodyProps<T>): React.JSX.Element {\n  if (rows.length === 0) {\n    return <Box sx={{ mt: 1.5 }}>{emptyState}</Box>;\n  }\n  return (\n    <Box\n      sx={{\n        mt: 1.5,\n        display: \"grid\",\n        // Fixed inter-card gap — deliberately NOT scaled by the zoom slider, so\n        // only the cards grow while the space between them stays constant.\n        gap: 1.5,\n        ...cardGridTracks(targetCardWidth),\n      }}\n      data-testid={dataTestId ? `${dataTestId}-cards` : \"data-views-cards\"}\n    >\n      {rows.map((row) => {\n        const id = getRowId(row);\n        return (\n          <Box key={id}>\n            {renderCard(row, {\n              selected: selectedIds.has(id),\n              onToggleSelect: () => onToggleId(id),\n              scale: cardScale,\n            })}\n          </Box>\n        );\n      })}\n    </Box>\n  );\n}\n\n/* ── Body (list) ─────────────────────────────────────────────────────────── */\n\ninterface ListBodyProps<T extends Record<string, unknown>> {\n  rows: T[];\n  renderListRow: (row: T, selection: DataViewCardSelection) => React.ReactNode;\n  getRowId: (row: T) => string | number;\n  selectedIds: Set<string | number>;\n  onToggleId: (id: string | number) => void;\n  /** Gap between rows, from the density preference. */\n  rowGap: number;\n  /** The list's shared column config. See {@link ListGroupConfig}. */\n  group?: ListGroupConfig<T>;\n  /** The density every row answers, handed to the group when there is one. */\n  density: DataViewsDensity;\n  dataTestId?: string;\n  emptyState?: React.ReactNode;\n}\n\n/**\n * The \"Lista\" layout: one FULL-WIDTH row per record, rendered by the entity — a\n * marker, a title, a subtitle and a value on the right is the shape it was\n * designed for (FUT-733).\n *\n * It sits between the table and the cards rather than replacing either: the\n * table is for comparing many columns, the cards are for browsing, and the list\n * is for scanning a queue on a narrow screen. Selection is the SAME model as\n * both — each row receives its selection state, so it can drive its own\n * checkbox and the bulk menu behaves identically in every layout.\n *\n * `scale` is handed over as 1 rather than the zoom multiplier, and the zoom\n * slider is hidden in this layout: a full-width row has no card size to\n * multiply. See {@link DataViewsZoomSlider}.\n */\nfunction ListBody<T extends Record<string, unknown>>({\n  rows,\n  renderListRow,\n  getRowId,\n  selectedIds,\n  onToggleId,\n  rowGap,\n  group,\n  density,\n  dataTestId,\n  emptyState,\n}: ListBodyProps<T>): React.JSX.Element {\n  if (rows.length === 0) {\n    return <Box sx={{ mt: 1.5 }}>{emptyState}</Box>;\n  }\n  const testId = dataTestId ? `${dataTestId}-list` : \"data-views-list\";\n  const selectionFor = (id: string | number): DataViewCardSelection => ({\n    selected: selectedIds.has(id),\n    onToggleSelect: () => onToggleId(id),\n    scale: 1,\n  });\n\n  if (group) {\n    return (\n      <Box sx={{ mt: 1.5 }}>\n        <ListCardGroup\n          cells={group.cells}\n          metaColumns={group.metaColumns}\n          rails={group.rails}\n          reserveGutters={group.reserveGutters}\n          density={density}\n          gap={rowGap}\n          dataTestId={testId}\n        >\n          {rows.map((row) => {\n            const id = getRowId(row);\n            // A FRAGMENT, NOT A BOX. The row is subgrid over the group's tracks\n            // (`gridColumn: span railCount`), which only resolves while the card\n            // is a DIRECT child of the group's grid. One wrapper element and the\n            // span is measured against a grid that isn't there, so every rail\n            // collapses — the exact failure the group exists to prevent.\n            return (\n              <React.Fragment key={id}>\n                {renderListRow(row, selectionFor(id))}\n              </React.Fragment>\n            );\n          })}\n        </ListCardGroup>\n      </Box>\n    );\n  }\n\n  return (\n    <Box\n      sx={{ mt: 1.5, display: \"flex\", flexDirection: \"column\", gap: rowGap }}\n      data-testid={testId}\n    >\n      {rows.map((row) => {\n        const id = getRowId(row);\n        return <Box key={id}>{renderListRow(row, selectionFor(id))}</Box>;\n      })}\n    </Box>\n  );\n}\n\n/* ── Body selector (board vs list vs cards vs table, from context) ───────── */\n\ninterface GridMainProps<T extends Record<string, unknown>> {\n  c: DataViewsController<T>;\n  getRowId: (row: T) => string | number;\n  renderCard?: (row: T, selection: DataViewCardSelection) => React.ReactNode;\n  /** Opt-in \"Lista\" layout — one full-width row per record. */\n  renderListRow?: (row: T, selection: DataViewCardSelection) => React.ReactNode;\n  /** The Lista's shared columns. Omitted, each row resolves its own tracks. */\n  listGroup?: ListGroupConfig<T>;\n  /** Opt-in \"Quadro\" (board) layout — needs `renderCard`, since it reuses the card. */\n  board?: BoardConfig<T>;\n  /** Opt-in expandable rows — the TABLE only; the headerless layouts ignore it. */\n  rowDetail?: DataViewRowDetail<T>;\n  dataTestId?: string;\n  emptyState?: React.ReactNode;\n  testIdPrefix: string;\n}\n\n/**\n * The headerless layouts, each preceded by its own select-all.\n *\n * The strip is rendered HERE rather than inside each body so all three agree on\n * where it sits and what it says — and so the table, which already has one in\n * its `<thead>`, never gets a second.\n */\nfunction Headerless<T extends Record<string, unknown>>({\n  c,\n  getRowId,\n  testIdPrefix,\n  children,\n}: {\n  c: DataViewsController<T>;\n  getRowId: (row: T) => string | number;\n  testIdPrefix: string;\n  children: React.ReactNode;\n}): React.JSX.Element {\n  return (\n    <>\n      <SelectAllStrip\n        rows={c.matched}\n        getRowId={getRowId}\n        selectedIds={c.selectedIds}\n        onChange={(next) => c.setSelectedIds(next)}\n        testIdPrefix={testIdPrefix}\n      />\n      {children}\n    </>\n  );\n}\n\n/**\n * The body for one of the three HEADERLESS layouts, or `null` for the table.\n *\n * Split out from {@link GridMain} so the select-all strip is wrapped around the\n * result exactly once instead of being repeated identically in every branch —\n * which is also what keeps either function inside the line budget.\n */\nfunction headerlessBody<T extends Record<string, unknown>>(\n  { c, getRowId, renderCard, renderListRow, listGroup, board, dataTestId, emptyState }: GridMainProps<T>,\n  { layout, zoom, density }: ReturnType<typeof useDataViewsLayout>,\n): React.ReactNode | null {\n  if (layout === \"list\" && renderListRow) {\n    return (\n      <ListBody\n        rows={c.matched}\n        renderListRow={renderListRow}\n        getRowId={getRowId}\n        selectedIds={c.selectedIds}\n        onToggleId={c.toggleId}\n        rowGap={DENSITY_ROW_PADDING[density]}\n        group={listGroup}\n        density={density}\n        dataTestId={dataTestId}\n        emptyState={emptyState}\n      />\n    );\n  }\n  if (layout === \"board\" && board && renderCard) {\n    return (\n      <DataViewsBoard\n        rows={c.matched}\n        board={board}\n        getRowId={getRowId}\n        renderCard={renderCard}\n        selectedIds={c.selectedIds}\n        onToggleId={c.toggleId}\n        // DENSITY, not zoom: the board's own knob in the Exibição tab is how\n        // wide its columns are, and it is the only sizing control the board\n        // has since the zoom slider was removed.\n        cardScale={DENSITY_BOARD_SCALE[density]}\n        dataTestId={dataTestId}\n      />\n    );\n  }\n  if (layout === \"cards\" && renderCard) {\n    return (\n      <CardBody\n        rows={c.matched}\n        renderCard={renderCard}\n        getRowId={getRowId}\n        selectedIds={c.selectedIds}\n        onToggleId={c.toggleId}\n        targetCardWidth={cardTargetWidthFor(zoom, density)}\n        cardScale={cardScaleForZoom(zoom)}\n        dataTestId={dataTestId}\n        emptyState={emptyState}\n      />\n    );\n  }\n  return null;\n}\n\n/** Picks the body from the layout context: board, list, cards, or the dense grid. */\nexport function GridMain<T extends Record<string, unknown>>(props: GridMainProps<T>): React.JSX.Element {\n  const { c, getRowId, dataTestId, emptyState, testIdPrefix } = props;\n  const layoutState = useDataViewsLayout();\n  const body = headerlessBody(props, layoutState);\n  if (body) {\n    return (\n      <Headerless c={c} getRowId={getRowId} testIdPrefix={testIdPrefix}>\n        {body}\n      </Headerless>\n    );\n  }\n  return (\n    <GridBody\n      rows={c.matched}\n      columns={c.gridColumns}\n      getRowId={getRowId}\n      selectedIds={[...c.selectedIds]}\n      onChangeSelected={(ids) => c.setSelectedIds(new Set(ids))}\n      sortBy={c.state.sortBy}\n      onChangeSortBy={(next: GridSort[]) => c.patch({ sortBy: next })}\n      sortMode={c.serverMode ? \"server\" : \"client\"}\n      rowPadding={DENSITY_ROW_PADDING[layoutState.density]}\n      rowDetail={props.rowDetail}\n      dataTestId={dataTestId}\n      emptyState={emptyState}\n    />\n  );\n}\n\n"],"mappings":"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","names":["default"]}

package/dist/{chunk-WFAJTO2B.js → chunk-UVFZQCC7.js}

@@ -179,6 +179,7 @@ var StackedView = ({
   phases,
   percentages,
   data,
+  copy,
   animated,
   showLabels,
   showTooltips
@@ -205,10 +206,7 @@ var StackedView = ({
     }) }),
     /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", justifyContent: "space-between", mt: 1 }, children: [
       /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: "0ms" }),
-      /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "text.secondary", fontWeight: "bold", children: [
-        "Total: ",
-        formatTime(data.total)
-      ] })
+      /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", fontWeight: "bold", children: copy.total(formatTime(data.total)) })
     ] })
   ] });
 };
@@ -267,6 +265,7 @@ var HorizontalView = ({
   phases,
   percentages,
   data,
+  copy,
   animated
 }) => {
   const theme = useTheme();
@@ -287,10 +286,7 @@ var HorizontalView = ({
       },
       phase.key
     )),
-    /* @__PURE__ */ jsx(Box, { sx: { mt: 2, pt: 2, borderTop: `1px solid ${alpha(theme.palette.divider, 0.2)}` }, children: /* @__PURE__ */ jsxs(Typography, { variant: "body2", fontWeight: "bold", color: "primary", children: [
-      "Total Time: ",
-      formatTime(data.total)
-    ] }) })
+    /* @__PURE__ */ jsx(Box, { sx: { mt: 2, pt: 2, borderTop: `1px solid ${alpha(theme.palette.divider, 0.2)}` }, children: /* @__PURE__ */ jsx(Typography, { variant: "body2", fontWeight: "bold", color: "primary", children: copy.totalTime(formatTime(data.total)) }) })
   ] });
 };
 
@@ -301,4 +297,4 @@ export {
   StackedView,
   HorizontalView
 };
-//# sourceMappingURL=chunk-WFAJTO2B.js.map
+//# sourceMappingURL=chunk-UVFZQCC7.js.map