@12-apps/ui 6.21.0 → 6.23.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/Dialog/Dialog.styles.ts"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles/index.js';\nimport { alpha, keyframes } from '@mui/material/styles/index.js';\n\nimport type { DialogBorderRadius, DialogSize, DialogVariant } from './Dialog.base';\nimport {\n  DIALOG_BACKDROP,\n  DIALOG_BORDER_WIDTH,\n  DIALOG_GLASS,\n  DIALOG_GLOW,\n  DIALOG_GRADIENT,\n  DIALOG_MARGIN_UNITS,\n  DIALOG_MAX_WIDTH,\n  DIALOG_PULSE,\n  DIALOG_RADIUS_UNITS,\n  DIALOG_WIDTH_PERCENT,\n} from './Dialog.metrics';\nimport { shadowCss } from '../../../tokens/shadow';\nimport { dynamicViewportHeight } from '../../../utils/viewport';\n\n/**\n * Paper/backdrop styling for the Dialog component (FUT-181 gate cleanup):\n * pure helpers so `Dialog.tsx` stays within the size/complexity budget.\n *\n * Every number comes from `Dialog.metrics.ts`, which the native renderer reads\n * too — so a paper cannot be 800px wide on one side and 780 on the other.\n */\n\n// Define pulse animation\nconst pulseAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 1;\n  }\n  70% {\n    box-shadow: 0 0 0 ${DIALOG_PULSE.spread}px currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\n/** Style toggles that shape the dialog paper (extracted so each fn stays small). */\ninterface VariantStyleOptions {\n  variant: DialogVariant;\n  size: DialogSize;\n  borderRadius: DialogBorderRadius;\n  glass: boolean;\n  gradient: boolean;\n  glow: boolean;\n  pulse: boolean;\n}\n\nfunction borderRadiusOf(theme: Theme, borderRadius: VariantStyleOptions['borderRadius']) {\n  const units = DIALOG_RADIUS_UNITS[borderRadius] ?? DIALOG_RADIUS_UNITS.lg;\n  // `none` is a bare 0 rather than `spacing(0)`, as this has always written it.\n  return units === 0 ? 0 : theme.spacing(units);\n}\n\nfunction maxWidthOf(size: VariantStyleOptions['size']): number {\n  return DIALOG_MAX_WIDTH[size] ?? DIALOG_MAX_WIDTH.md;\n}\n\nfunction baseStylesOf(theme: Theme, opts: VariantStyleOptions) {\n  return {\n    borderRadius: borderRadiusOf(theme, opts.borderRadius),\n    maxWidth: maxWidthOf(opts.size),\n    width: `${DIALOG_WIDTH_PERCENT}vw`,\n    margin: theme.spacing(DIALOG_MARGIN_UNITS),\n    transition: theme.transitions.create(\n      ['box-shadow', 'background-color', 'backdrop-filter'],\n      { duration: theme.transitions.duration.standard },\n    ),\n  };\n}\n\nfunction glowStylesOf(theme: Theme, glow: boolean) {\n  return glow\n    ? {\n        boxShadow: shadowCss({\n          offsetX: 0,\n          offsetY: 0,\n          blurRadius: DIALOG_GLOW.blurRadius,\n          spreadDistance: 0,\n          color: alpha(theme.palette.primary.main, DIALOG_GLOW.alpha),\n        }),\n      }\n    : {};\n}\n\nfunction pulseStylesOf(theme: Theme, pulse: boolean) {\n  if (!pulse) return {};\n  return {\n    position: 'relative' as const,\n    '&::after': {\n      content: '\"\"',\n      position: 'absolute' as const,\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      borderRadius: 'inherit',\n      backgroundColor: theme.palette.primary.main,\n      opacity: DIALOG_PULSE.alpha,\n      animation: `${pulseAnimation} ${DIALOG_PULSE.durationMs / 1000}s infinite`,\n      pointerEvents: 'none' as const,\n      zIndex: DIALOG_PULSE.zIndex,\n    },\n  };\n}\n\n/** The default variant's paper: optional gradient/glass over the base styles. */\nfunction defaultVariantStyles(theme: Theme, opts: VariantStyleOptions) {\n  const gradientStyles = opts.gradient\n    ? {\n        background: `linear-gradient(${DIALOG_GRADIENT.angleDeg}deg, ${alpha(theme.palette.primary.main, DIALOG_GRADIENT.stopAlpha)}, ${alpha(theme.palette.secondary.main, DIALOG_GRADIENT.stopAlpha)})`,\n        backdropFilter: `blur(${DIALOG_GRADIENT.blurPx}px)`,\n      }\n    : {};\n  return {\n    ...gradientStyles,\n    backgroundColor: opts.glass\n      ? alpha(theme.palette.background.paper, DIALOG_GLASS.backgroundAlpha)\n      : theme.palette.background.paper,\n    backdropFilter: opts.glass ? `blur(${DIALOG_GLASS.blurPx}px)` : 'none',\n    border: opts.glass\n      ? `${DIALOG_BORDER_WIDTH}px solid ${alpha(theme.palette.primary.main, DIALOG_GLASS.borderAlpha)}`\n      : 'none',\n  };\n}\n\nexport function variantStylesOf(theme: Theme, opts: VariantStyleOptions): SxProps<Theme> {\n  const decorations = {\n    ...glowStylesOf(theme, opts.glow),\n    ...pulseStylesOf(theme, opts.pulse),\n  };\n  switch (opts.variant) {\n    case 'glass':\n      return {\n        ...baseStylesOf(theme, opts),\n        ...decorations,\n        backgroundColor: alpha(theme.palette.background.paper, DIALOG_GLASS.backgroundAlpha),\n        backdropFilter: `blur(${DIALOG_GLASS.blurPx}px)`,\n        border: `${DIALOG_BORDER_WIDTH}px solid ${alpha(theme.palette.primary.main, DIALOG_GLASS.borderAlpha)}`,\n        boxShadow: shadowCss({\n          offsetX: 0,\n          offsetY: DIALOG_GLASS.shadow.offsetY,\n          blurRadius: DIALOG_GLASS.shadow.blurRadius,\n          spreadDistance: 0,\n          color: alpha(theme.palette.common.black, DIALOG_GLASS.shadow.alpha),\n        }),\n      };\n    case 'fullscreen':\n      return {\n        borderRadius: 0,\n        margin: 0,\n        width: '100vw',\n        // `100dvh`, not `100vh` — see `dynamicViewportHeight`.\n        ...dynamicViewportHeight('height'),\n        maxWidth: 'none',\n        maxHeight: 'none',\n        ...decorations,\n      };\n    case 'drawer': {\n      const radius = borderRadiusOf(theme, opts.borderRadius);\n      return {\n        borderRadius: `${radius}px 0 0 ${radius}px`,\n        margin: 0,\n        width: maxWidthOf(opts.size),\n        ...dynamicViewportHeight('height'),\n        maxHeight: 'none',\n        position: 'absolute' as const,\n        right: 0,\n        ...decorations,\n      };\n    }\n    default:\n      return {\n        ...baseStylesOf(theme, opts),\n        ...decorations,\n        ...defaultVariantStyles(theme, opts),\n      };\n  }\n}\n\nexport function backdropSxOf(theme: Theme, glass: boolean) {\n  return {\n    backgroundColor: alpha(\n      theme.palette.common.black,\n      glass ? DIALOG_BACKDROP.alpha.glass : DIALOG_BACKDROP.alpha.plain,\n    ),\n    backdropFilter: glass ? `blur(${DIALOG_BACKDROP.blurPx}px)` : 'none',\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-77F36LQQ.js → chunk-5OIH36KX.js}

@@ -6,10 +6,10 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-BNNSO4MC.js";
+} from "./chunk-YTOYMJPM.js";
 import {
   Text
-} from "./chunk-26Z7QWID.js";
+} from "./chunk-343TTIHD.js";
 
 // src/components/data-display/DataViews/data-views-empty.tsx
 import FilterAltOffRoundedIcon from "@mui/icons-material/FilterAltOffRounded";
@@ -77,4 +77,4 @@ function DataViewsEmpty({
 export {
   DataViewsEmpty
 };
-//# sourceMappingURL=chunk-77F36LQQ.js.map
+//# sourceMappingURL=chunk-5OIH36KX.js.map

package/dist/chunk-5V4UPOWK.js

@@ -0,0 +1,36 @@
+// src/components/data-display/FleetMap/FleetMap.helpers.ts
+function freshnessOf(staleSeconds, laggingAfterSeconds, staleAfterSeconds) {
+  if (staleSeconds >= staleAfterSeconds) return "stale";
+  if (staleSeconds >= laggingAfterSeconds) return "lagging";
+  return "live";
+}
+function mapCentre(units, selectedId) {
+  if (units.length === 0) return null;
+  const selected = selectedId ? units.find((unit) => unit.id === selectedId) : void 0;
+  if (selected) return { lat: selected.latitude, lng: selected.longitude };
+  const sum = units.reduce(
+    (acc, unit) => ({ lat: acc.lat + unit.latitude, lng: acc.lng + unit.longitude }),
+    { lat: 0, lng: 0 }
+  );
+  return { lat: sum.lat / units.length, lng: sum.lng / units.length };
+}
+function rosterOrder(units) {
+  return [...units].sort(
+    (a, b) => a.staleSeconds - b.staleSeconds || a.label.localeCompare(b.label)
+  );
+}
+function nextSelection(units, currentId, step) {
+  if (units.length === 0) return null;
+  const index = units.findIndex((unit) => unit.id === currentId);
+  if (index === -1) return (step === 1 ? units[0] : units[units.length - 1])?.id ?? null;
+  const next = (index + step + units.length) % units.length;
+  return units[next]?.id ?? null;
+}
+
+export {
+  freshnessOf,
+  mapCentre,
+  rosterOrder,
+  nextSelection
+};
+//# sourceMappingURL=chunk-5V4UPOWK.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/FleetMap/FleetMap.helpers.ts"],"sourcesContent":["import type { FleetFreshness, FleetUnit } from './FleetMap.types';\n\n/**\n * How current a fix is, on the two thresholds the caller supplied.\n *\n * Inclusive at both boundaries in the direction that reads better on a screen:\n * a unit exactly at the lagging threshold is already lagging. A boundary has to\n * fall somewhere, and the conservative side is the one that does not tell a\n * dispatcher somebody is live when they are on the edge of not being.\n */\nexport function freshnessOf(\n  staleSeconds: number,\n  laggingAfterSeconds: number,\n  staleAfterSeconds: number,\n): FleetFreshness {\n  if (staleSeconds >= staleAfterSeconds) return 'stale';\n  if (staleSeconds >= laggingAfterSeconds) return 'lagging';\n  return 'live';\n}\n\n/** A latitude/longitude pair, as the map wants its centre. */\nexport interface LatLng {\n  lat: number;\n  lng: number;\n}\n\n/**\n * Where the map should point.\n *\n * The selected unit when there is one — a dispatcher who clicked a name is\n * asking to look at them. Otherwise the fleet's own centroid, which keeps\n * everybody in frame without the caller having to compute a bounding box.\n *\n * `null` for an empty fleet rather than a coordinate: (0, 0) is a real place in\n * the Atlantic, and a map that quietly sails there is worse than one that says\n * it has nothing to show.\n */\nexport function mapCentre(\n  units: readonly FleetUnit[],\n  selectedId?: string | null,\n): LatLng | null {\n  if (units.length === 0) return null;\n  const selected = selectedId ? units.find((unit) => unit.id === selectedId) : undefined;\n  if (selected) return { lat: selected.latitude, lng: selected.longitude };\n  const sum = units.reduce(\n    (acc, unit) => ({ lat: acc.lat + unit.latitude, lng: acc.lng + unit.longitude }),\n    { lat: 0, lng: 0 },\n  );\n  return { lat: sum.lat / units.length, lng: sum.lng / units.length };\n}\n\n/**\n * The roster's order: freshest first, then alphabetically.\n *\n * Not the caller's order, deliberately. The one question this panel answers is\n * *who is moving right now*, and a list sorted by anything else buries the\n * answer under whoever happens to sort first. Ties break on the label so the\n * list does not reshuffle between polls when two units share a staleness.\n */\nexport function rosterOrder(units: readonly FleetUnit[]): FleetUnit[] {\n  return [...units].sort(\n    (a, b) => a.staleSeconds - b.staleSeconds || a.label.localeCompare(b.label),\n  );\n}\n\n/**\n * Move the selection by one row, wrapping at both ends.\n *\n * Wrapping rather than stopping: this is a short list a dispatcher arrows\n * through repeatedly, and a selection that sticks at the last row makes the\n * keyboard path feel broken next to the mouse one.\n */\nexport function nextSelection(\n  units: readonly FleetUnit[],\n  currentId: string | null | undefined,\n  step: 1 | -1,\n): string | null {\n  if (units.length === 0) return null;\n  const index = units.findIndex((unit) => unit.id === currentId);\n  // Nothing selected: Down opens at the top and Up opens at the bottom, which\n  // is what every listbox in the house does.\n  if (index === -1) return (step === 1 ? units[0] : units[units.length - 1])?.id ?? null;\n  const next = (index + step + units.length) % units.length;\n  return units[next]?.id ?? null;\n}\n"],"mappings":";AAUO,SAAS,YACd,cACA,qBACA,mBACgB;AAChB,MAAI,gBAAgB,kBAAmB,QAAO;AAC9C,MAAI,gBAAgB,oBAAqB,QAAO;AAChD,SAAO;AACT;AAmBO,SAAS,UACd,OACA,YACe;AACf,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,QAAM,WAAW,aAAa,MAAM,KAAK,CAAC,SAAS,KAAK,OAAO,UAAU,IAAI;AAC7E,MAAI,SAAU,QAAO,EAAE,KAAK,SAAS,UAAU,KAAK,SAAS,UAAU;AACvE,QAAM,MAAM,MAAM;AAAA,IAChB,CAAC,KAAK,UAAU,EAAE,KAAK,IAAI,MAAM,KAAK,UAAU,KAAK,IAAI,MAAM,KAAK,UAAU;AAAA,IAC9E,EAAE,KAAK,GAAG,KAAK,EAAE;AAAA,EACnB;AACA,SAAO,EAAE,KAAK,IAAI,MAAM,MAAM,QAAQ,KAAK,IAAI,MAAM,MAAM,OAAO;AACpE;AAUO,SAAS,YAAY,OAA0C;AACpE,SAAO,CAAC,GAAG,KAAK,EAAE;AAAA,IAChB,CAAC,GAAG,MAAM,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,cAAc,EAAE,KAAK;AAAA,EAC5E;AACF;AASO,SAAS,cACd,OACA,WACA,MACe;AACf,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,QAAM,QAAQ,MAAM,UAAU,CAAC,SAAS,KAAK,OAAO,SAAS;AAG7D,MAAI,UAAU,GAAI,SAAQ,SAAS,IAAI,MAAM,CAAC,IAAI,MAAM,MAAM,SAAS,CAAC,IAAI,MAAM;AAClF,QAAM,QAAQ,QAAQ,OAAO,MAAM,UAAU,MAAM;AACnD,SAAO,MAAM,IAAI,GAAG,MAAM;AAC5B;","names":[]}

package/dist/{chunk-GDEXYUPF.js → chunk-67L7HMEP.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-KLREH4X6.js";
 import {
   resolveTestId
-} from "./chunk-6F5IKY32.js";
+} from "./chunk-TYJR4GOF.js";
 
 // src/icons/Icon.tsx
 import SvgIcon from "@mui/material/SvgIcon/index.js";
@@ -46,4 +46,4 @@ Icon.displayName = "Icon";
 export {
   Icon
 };
-//# sourceMappingURL=chunk-GDEXYUPF.js.map
+//# sourceMappingURL=chunk-67L7HMEP.js.map

package/dist/{chunk-ZFPJBKVZ.js → chunk-6JGPPTLX.js}

@@ -3,11 +3,11 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   createConfirmButton
-} from "./chunk-VWGR5XUP.js";
+} from "./chunk-NWNSUHEB.js";
 import {
   Dialog,
   DialogContent
-} from "./chunk-S5LE2ARG.js";
+} from "./chunk-YANLN6HP.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -16,10 +16,10 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-BNNSO4MC.js";
+} from "./chunk-YTOYMJPM.js";
 import {
   Text
-} from "./chunk-26Z7QWID.js";
+} from "./chunk-343TTIHD.js";
 
 // src/components/data-display/DataViews/ManageViewsDialog.tsx
 import { useMemo } from "react";
@@ -128,4 +128,4 @@ function ManageViewsDialog({
 export {
   ManageViewsDialog
 };
-//# sourceMappingURL=chunk-ZFPJBKVZ.js.map
+//# sourceMappingURL=chunk-6JGPPTLX.js.map

package/dist/chunk-6Q6T3FW5.js

@@ -0,0 +1,92 @@
+// src/components/layout/Card/Card.metrics.ts
+var CARD_RADIUS_UNITS = {
+  none: 0,
+  sm: 0.5,
+  md: 1,
+  lg: 2,
+  xl: 3
+};
+var CARD_RADIUS_FULL = "50%";
+var CARD_BORDER_WIDTH = 1;
+var CARD_PAPER_SHADOW = [
+  { offsetX: 0, offsetY: 2, blurRadius: 1, spreadDistance: -1, color: "rgba(0, 0, 0, 0.2)" },
+  { offsetX: 0, offsetY: 1, blurRadius: 1, spreadDistance: 0, color: "rgba(0, 0, 0, 0.14)" },
+  { offsetX: 0, offsetY: 1, blurRadius: 3, spreadDistance: 0, color: "rgba(0, 0, 0, 0.12)" }
+];
+var CARD_ELEVATION = { rest: 4, lifted: 8 };
+var CARD_GLASS = {
+  backgroundAlpha: { rest: 0.1, lifted: 0.15 },
+  borderAlpha: { rest: 0.2, lifted: 0.3 },
+  blurPx: 20,
+  shadow: { offsetY: 8, blurRadius: 32, alpha: 0.1 }
+};
+var CARD_GRADIENT = {
+  angleDeg: 135,
+  shadow: { offsetY: 4, blurRadius: 20, alpha: 0.3 }
+};
+var CARD_NEUMORPHIC = {
+  spread: { rest: 8, lifted: 12 },
+  blurFactor: 2,
+  alpha: {
+    dark: { near: 0.3, far: 0.1 },
+    light: { near: { rest: 0.2, lifted: 0.3 }, far: { rest: 0.8, lifted: 0.9 } }
+  }
+};
+function neumorphicShadows(lifted, near, far) {
+  const spread = lifted ? CARD_NEUMORPHIC.spread.lifted : CARD_NEUMORPHIC.spread.rest;
+  const blurRadius = spread * CARD_NEUMORPHIC.blurFactor;
+  return [
+    { offsetX: spread, offsetY: spread, blurRadius, spreadDistance: 0, color: near },
+    { offsetX: -spread, offsetY: -spread, blurRadius, spreadDistance: 0, color: far }
+  ];
+}
+var CARD_SECTION_BACKGROUND = {
+  dark: { rest: "rgba(0, 0, 0, 0.2)", lifted: "rgba(0, 0, 0, 0.25)" },
+  light: { rest: "rgba(0, 0, 0, 0.02)", lifted: "rgba(0, 0, 0, 0.04)" }
+};
+var CARD_GLOW = {
+  rest: { blurRadius: 20, alpha: 0.3 },
+  lifted: { blurRadius: 30, alpha: 0.4 }
+};
+var CARD_PULSE = {
+  alpha: 0.3,
+  durationMs: 2e3,
+  spread: 15,
+  /** The fraction of the cycle the ring is still visible for. */
+  fadeAt: 0.7,
+  zIndex: -1
+};
+var CARD_INTERACTIVE_LIFT = 2;
+var CARD_LOADING = { opacity: 0.6, spinnerZIndex: 10, spinnerSize: 40 };
+var CARD_CONTENT_PADDING_UNITS = { normal: 2, dense: 1 };
+var CARD_HEADER = {
+  padding: 16,
+  avatarGap: 16,
+  action: { marginTop: -4, marginRight: -8, marginBottom: -4 }
+};
+var CARD_HEADER_CHILDREN_PADDING_UNITS = 2;
+var CARD_ACTIONS = { padding: 8, gap: 8 };
+var CARD_MEDIA_HEIGHT = 200;
+
+export {
+  CARD_RADIUS_UNITS,
+  CARD_RADIUS_FULL,
+  CARD_BORDER_WIDTH,
+  CARD_PAPER_SHADOW,
+  CARD_ELEVATION,
+  CARD_GLASS,
+  CARD_GRADIENT,
+  CARD_NEUMORPHIC,
+  neumorphicShadows,
+  CARD_SECTION_BACKGROUND,
+  CARD_GLOW,
+  CARD_PULSE,
+  CARD_INTERACTIVE_LIFT,
+  CARD_LOADING,
+  CARD_CONTENT_PADDING_UNITS,
+  CARD_HEADER,
+  CARD_HEADER_CHILDREN_PADDING_UNITS,
+  CARD_ACTIONS,
+  CARD_MEDIA_HEIGHT
+};
+//# sourceMappingURL=chunk-6Q6T3FW5.js.map

package/dist/chunk-6Q6T3FW5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Card/Card.metrics.ts"],"sourcesContent":["import type { CardBorderRadius } from './Card.base';\nimport type { UiShadow } from '../../../tokens/shadow';\n\n/**\n * THE NUMBERS BOTH `Card` RENDERERS DRAW WITH.\n *\n * `Card.styles.ts` (web, emotion over MUI) and `Card.native.tsx` /\n * `Card.look.native.ts` (React Native) read this one table. The web turns the\n * radii into `theme.spacing()` and the shadows into CSS strings (`shadowCss`\n * in `src/tokens/shadow.ts` writes exactly the text it always has); native\n * hands the same shadow objects to `boxShadow` and the same numbers to a\n * `StyleSheet`.\n *\n * Nothing here imports a renderer, a theme or a colour: a shadow's COLOUR is\n * the caller's, because the two sides reach for the same arithmetic through\n * different doors (`alpha` from `@mui/material/styles` on the web, from\n * `src/tokens/color` natively — a port of it, asserted equal).\n */\n\n/* ── The envelope ─────────────────────────────────────────────────────────── */\n\n/**\n * `theme.spacing(n)` per named radius. `none` is written as a bare `0` by the\n * web rather than `spacing(0)`, so it is spelled that way on both sides.\n */\nexport const CARD_RADIUS_UNITS: Record<Exclude<CardBorderRadius, 'full'>, number> = {\n  none: 0,\n  sm: 0.5,\n  md: 1,\n  lg: 2,\n  xl: 3,\n};\n\n/** `full` is a percentage of the box, not a length. */\nexport const CARD_RADIUS_FULL = '50%';\n\n/** The hairline `outlined` and `glass` draw. */\nexport const CARD_BORDER_WIDTH = 1;\n\n/* ── Shadows ──────────────────────────────────────────────────────────────── */\n\n/** A card's shadows are `UiShadow`s; `src/tokens/shadow.ts` says why they have a shape. */\nexport type CardShadow = UiShadow;\n\n/**\n * MUI's `theme.shadows[1]` — the elevation a `Paper` paints and therefore the\n * shadow every `elevated` card on the web already has.\n *\n * It is restated here rather than derived because the web never names it: it\n * arrives through `MuiCard` -> `MuiPaper`, and React Native has no Paper to\n * inherit it from. (`variant=\"elevated\"`'s own `elevation: 4` is not a CSS\n * property and paints nothing — see {@link CARD_ELEVATION}.)\n */\nexport const CARD_PAPER_SHADOW: readonly UiShadow[] = [\n  { offsetX: 0, offsetY: 2, blurRadius: 1, spreadDistance: -1, color: 'rgba(0, 0, 0, 0.2)' },\n  { offsetX: 0, offsetY: 1, blurRadius: 1, spreadDistance: 0, color: 'rgba(0, 0, 0, 0.14)' },\n  { offsetX: 0, offsetY: 1, blurRadius: 3, spreadDistance: 0, color: 'rgba(0, 0, 0, 0.12)' },\n];\n\n/**\n * What `elevated` declares at rest and on hover.\n *\n * `elevation` is not a CSS property, so on the web these paint NOTHING and an\n * elevated card shows `MuiPaper`'s own elevation-1 shadow. Kept because they\n * are what the source says, and mirrored natively by leaving\n * {@link CARD_PAPER_SHADOW} in place for both states.\n */\nexport const CARD_ELEVATION = { rest: 4, lifted: 8 } as const;\n\n/* ── Variant surfaces ─────────────────────────────────────────────────────── */\n\n/** `glass`: a 0.1 wash of the paper behind a 20px blur, inside a primary hairline. */\nexport const CARD_GLASS = {\n  backgroundAlpha: { rest: 0.1, lifted: 0.15 },\n  borderAlpha: { rest: 0.2, lifted: 0.3 },\n  blurPx: 20,\n  shadow: { offsetY: 8, blurRadius: 32, alpha: 0.1 },\n} as const;\n\n/** `gradient`: primary into secondary at 135°, over a hue-tinted drop shadow. */\nexport const CARD_GRADIENT = {\n  angleDeg: 135,\n  shadow: { offsetY: 4, blurRadius: 20, alpha: 0.3 },\n} as const;\n\n/** `neumorphic`: two opposed shadows, blurred twice their offset. */\nexport const CARD_NEUMORPHIC = {\n  spread: { rest: 8, lifted: 12 },\n  blurFactor: 2,\n  alpha: {\n    dark: { near: 0.3, far: 0.1 },\n    light: { near: { rest: 0.2, lifted: 0.3 }, far: { rest: 0.8, lifted: 0.9 } },\n  },\n} as const;\n\n/**\n * The offset pair `neumorphic` paints, given the two colours the mode picked:\n * `near` down-right, `far` up-left, both blurred twice the offset.\n */\nexport function neumorphicShadows(lifted: boolean, near: string, far: string): UiShadow[] {\n  const spread = lifted ? CARD_NEUMORPHIC.spread.lifted : CARD_NEUMORPHIC.spread.rest;\n  const blurRadius = spread * CARD_NEUMORPHIC.blurFactor;\n  return [\n    { offsetX: spread, offsetY: spread, blurRadius, spreadDistance: 0, color: near },\n    { offsetX: -spread, offsetY: -spread, blurRadius, spreadDistance: 0, color: far },\n  ];\n}\n\n/**\n * `section`: a flat ink wash rather than a palette slot, so a section reads as\n * a recess in whatever surface it sits on.\n */\nexport const CARD_SECTION_BACKGROUND = {\n  dark: { rest: 'rgba(0, 0, 0, 0.2)', lifted: 'rgba(0, 0, 0, 0.25)' },\n  light: { rest: 'rgba(0, 0, 0, 0.02)', lifted: 'rgba(0, 0, 0, 0.04)' },\n} as const;\n\n/* ── Decorations ──────────────────────────────────────────────────────────── */\n\n/** `glow`: a haloed primary shadow that widens under the pointer. */\nexport const CARD_GLOW = {\n  rest: { blurRadius: 20, alpha: 0.3 },\n  lifted: { blurRadius: 30, alpha: 0.4 },\n} as const;\n\n/**\n * `pulse`: a ring of the primary hue that grows 15px out of the card's edge and\n * fades, every two seconds. The web draws it as an `::after` box-shadow spread\n * behind the paper (`z-index: -1`).\n */\nexport const CARD_PULSE = {\n  alpha: 0.3,\n  durationMs: 2000,\n  spread: 15,\n  /** The fraction of the cycle the ring is still visible for. */\n  fadeAt: 0.7,\n  zIndex: -1,\n} as const;\n\n/** `interactive`: the card rises 2px under the pointer and settles while pressed. */\nexport const CARD_INTERACTIVE_LIFT = 2;\n\n/** `loading`: the card dims, stops taking pointers and centres a spinner over itself. */\nexport const CARD_LOADING = { opacity: 0.6, spinnerZIndex: 10, spinnerSize: 40 } as const;\n\n/* ── The slots ────────────────────────────────────────────────────────────── */\n\n/** `CardContent`: `theme.spacing(2)`, halved by `dense`. */\nexport const CARD_CONTENT_PADDING_UNITS = { normal: 2, dense: 1 } as const;\n\n/**\n * `CardHeader`, in MUI's own px: 16 all round, the avatar 16 from the content,\n * the action pulled back out of the padding on three sides.\n */\nexport const CARD_HEADER = {\n  padding: 16,\n  avatarGap: 16,\n  action: { marginTop: -4, marginRight: -8, marginBottom: -4 },\n} as const;\n\n/** A `CardHeader` given raw `children` is a plain `theme.spacing(2)` box instead. */\nexport const CARD_HEADER_CHILDREN_PADDING_UNITS = 2;\n\n/**\n * `CardActions`, in MUI's own px: 8 all round, and 8 between the actions unless\n * `disableSpacing` turns the run off.\n */\nexport const CARD_ACTIONS = { padding: 8, gap: 8 } as const;\n\n/** `CardMedia`'s default height. */\nexport const CARD_MEDIA_HEIGHT = 200;\n"],"mappings":";AAyBO,IAAM,oBAAuE;AAAA,EAClF,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,IAAM,mBAAmB;AAGzB,IAAM,oBAAoB;AAgB1B,IAAM,oBAAyC;AAAA,EACpD,EAAE,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,gBAAgB,IAAI,OAAO,qBAAqB;AAAA,EACzF,EAAE,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,gBAAgB,GAAG,OAAO,sBAAsB;AAAA,EACzF,EAAE,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,gBAAgB,GAAG,OAAO,sBAAsB;AAC3F;AAUO,IAAM,iBAAiB,EAAE,MAAM,GAAG,QAAQ,EAAE;AAK5C,IAAM,aAAa;AAAA,EACxB,iBAAiB,EAAE,MAAM,KAAK,QAAQ,KAAK;AAAA,EAC3C,aAAa,EAAE,MAAM,KAAK,QAAQ,IAAI;AAAA,EACtC,QAAQ;AAAA,EACR,QAAQ,EAAE,SAAS,GAAG,YAAY,IAAI,OAAO,IAAI;AACnD;AAGO,IAAM,gBAAgB;AAAA,EAC3B,UAAU;AAAA,EACV,QAAQ,EAAE,SAAS,GAAG,YAAY,IAAI,OAAO,IAAI;AACnD;AAGO,IAAM,kBAAkB;AAAA,EAC7B,QAAQ,EAAE,MAAM,GAAG,QAAQ,GAAG;AAAA,EAC9B,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,MAAM,EAAE,MAAM,KAAK,KAAK,IAAI;AAAA,IAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,KAAK,QAAQ,IAAI,GAAG,KAAK,EAAE,MAAM,KAAK,QAAQ,IAAI,EAAE;AAAA,EAC7E;AACF;AAMO,SAAS,kBAAkB,QAAiB,MAAc,KAAyB;AACxF,QAAM,SAAS,SAAS,gBAAgB,OAAO,SAAS,gBAAgB,OAAO;AAC/E,QAAM,aAAa,SAAS,gBAAgB;AAC5C,SAAO;AAAA,IACL,EAAE,SAAS,QAAQ,SAAS,QAAQ,YAAY,gBAAgB,GAAG,OAAO,KAAK;AAAA,IAC/E,EAAE,SAAS,CAAC,QAAQ,SAAS,CAAC,QAAQ,YAAY,gBAAgB,GAAG,OAAO,IAAI;AAAA,EAClF;AACF;AAMO,IAAM,0BAA0B;AAAA,EACrC,MAAM,EAAE,MAAM,sBAAsB,QAAQ,sBAAsB;AAAA,EAClE,OAAO,EAAE,MAAM,uBAAuB,QAAQ,sBAAsB;AACtE;AAKO,IAAM,YAAY;AAAA,EACvB,MAAM,EAAE,YAAY,IAAI,OAAO,IAAI;AAAA,EACnC,QAAQ,EAAE,YAAY,IAAI,OAAO,IAAI;AACvC;AAOO,IAAM,aAAa;AAAA,EACxB,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,QAAQ;AAAA;AAAA,EAER,QAAQ;AAAA,EACR,QAAQ;AACV;AAGO,IAAM,wBAAwB;AAG9B,IAAM,eAAe,EAAE,SAAS,KAAK,eAAe,IAAI,aAAa,GAAG;AAKxE,IAAM,6BAA6B,EAAE,QAAQ,GAAG,OAAO,EAAE;AAMzD,IAAM,cAAc;AAAA,EACzB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ,EAAE,WAAW,IAAI,aAAa,IAAI,cAAc,GAAG;AAC7D;AAGO,IAAM,qCAAqC;AAM3C,IAAM,eAAe,EAAE,SAAS,GAAG,KAAK,EAAE;AAG1C,IAAM,oBAAoB;","names":[]}

package/dist/chunk-73BEVJCS.js

@@ -0,0 +1,28 @@
+// src/tokens/shadow.ts
+var len = (value) => value === 0 ? "0" : `${value}px`;
+var shadowCss = (shadow) => [
+  len(shadow.offsetX),
+  len(shadow.offsetY),
+  len(shadow.blurRadius),
+  ...shadow.spreadDistance === 0 ? [] : [len(shadow.spreadDistance)],
+  shadow.color
+].join(" ");
+var shadowListCss = (shadows) => shadows.map(shadowCss).join(", ");
+var BLACK = "#000";
+var WHITE = "#fff";
+var halo = (blurRadius, color) => [
+  { offsetX: 0, offsetY: 0, blurRadius, spreadDistance: 0, color }
+];
+var drop = (offsetY, blurRadius, color) => [
+  { offsetX: 0, offsetY, blurRadius, spreadDistance: 0, color }
+];
+
+export {
+  shadowCss,
+  shadowListCss,
+  BLACK,
+  WHITE,
+  halo,
+  drop
+};
+//# sourceMappingURL=chunk-73BEVJCS.js.map

package/dist/chunk-73BEVJCS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tokens/shadow.ts"],"sourcesContent":["/**\n * ONE SHADOW, IN THE SHAPE BOTH RENDERERS READ.\n *\n * A drop shadow is one of the few decorations the two sides express in the same\n * numbers and different syntax: CSS wants `0 8px 32px rgba(…)`, React Native\n * wants `{ offsetX, offsetY, blurRadius, spreadDistance, color }` (its\n * `BoxShadowValue`, which `boxShadow` takes an array of). So the numbers live in\n * a component's `*.metrics.ts` as this object, native passes it straight\n * through, and the web renders it with {@link shadowCss}.\n *\n * {@link shadowCss} reproduces the text the web components already wrote by\n * hand: a bare `0` for a zero length, and no spread at all when the spread is\n * zero. That is what makes moving a shadow into a metrics table a refactor\n * rather than a restyle.\n */\nexport interface UiShadow {\n  offsetX: number;\n  offsetY: number;\n  blurRadius: number;\n  spreadDistance: number;\n  color: string;\n}\n\n/** A length the way the web writes it: a bare `0`, otherwise px. */\nconst len = (value: number): string => (value === 0 ? '0' : `${value}px`);\n\n/** One shadow as CSS. A zero spread is omitted, as the web has always written it. */\nexport const shadowCss = (shadow: UiShadow): string =>\n  [\n    len(shadow.offsetX),\n    len(shadow.offsetY),\n    len(shadow.blurRadius),\n    ...(shadow.spreadDistance === 0 ? [] : [len(shadow.spreadDistance)]),\n    shadow.color,\n  ].join(' ');\n\n/** Several shadows as one CSS declaration. */\nexport const shadowListCss = (shadows: readonly UiShadow[]): string =>\n  shadows.map(shadowCss).join(', ');\n\n/**\n * MUI's `palette.common`, which `UiTheme` has no slot for.\n *\n * Here rather than beside each caller because the neumorphic, glass and scrim\n * arithmetic in more than one component mixes from exactly these two, and a\n * per-component copy is a per-component chance to write `#000000`.\n */\nexport const BLACK = '#000';\nexport const WHITE = '#fff';\n\n/** A shadow with no offset — a halo all round, which is how `glow` reads. */\nexport const halo = (blurRadius: number, color: string): UiShadow[] => [\n  { offsetX: 0, offsetY: 0, blurRadius, spreadDistance: 0, color },\n];\n\n/** A dropped shadow straight down, which is how a lifted surface sits. */\nexport const drop = (offsetY: number, blurRadius: number, color: string): UiShadow[] => [\n  { offsetX: 0, offsetY, blurRadius, spreadDistance: 0, color },\n];\n"],"mappings":";AAwBA,IAAM,MAAM,CAAC,UAA2B,UAAU,IAAI,MAAM,GAAG,KAAK;AAG7D,IAAM,YAAY,CAAC,WACxB;AAAA,EACE,IAAI,OAAO,OAAO;AAAA,EAClB,IAAI,OAAO,OAAO;AAAA,EAClB,IAAI,OAAO,UAAU;AAAA,EACrB,GAAI,OAAO,mBAAmB,IAAI,CAAC,IAAI,CAAC,IAAI,OAAO,cAAc,CAAC;AAAA,EAClE,OAAO;AACT,EAAE,KAAK,GAAG;AAGL,IAAM,gBAAgB,CAAC,YAC5B,QAAQ,IAAI,SAAS,EAAE,KAAK,IAAI;AAS3B,IAAM,QAAQ;AACd,IAAM,QAAQ;AAGd,IAAM,OAAO,CAAC,YAAoB,UAA8B;AAAA,EACrE,EAAE,SAAS,GAAG,SAAS,GAAG,YAAY,gBAAgB,GAAG,MAAM;AACjE;AAGO,IAAM,OAAO,CAAC,SAAiB,YAAoB,UAA8B;AAAA,EACtF,EAAE,SAAS,GAAG,SAAS,YAAY,gBAAgB,GAAG,MAAM;AAC9D;","names":[]}

package/dist/{chunk-VIK3HAUQ.js → chunk-73NJCGQG.js}

@@ -1,6 +1,6 @@
 import {
   usePhoneInput
-} from "./chunk-BGYLL467.js";
+} from "./chunk-TXHJX2NG.js";
 import {
   countries
 } from "./chunk-3JDP5OUR.js";
@@ -334,4 +334,4 @@ export {
   PhoneInput,
   PhoneInput_default
 };
-//# sourceMappingURL=chunk-VIK3HAUQ.js.map
+//# sourceMappingURL=chunk-73NJCGQG.js.map

package/dist/{chunk-D4T646G4.js → chunk-7NSX7A5H.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-26Z7QWID.js";
+} from "./chunk-343TTIHD.js";
 
 // src/components/data-display/DataViews/data-views-display-tabs.tsx
 import ArrowDownwardRoundedIcon from "@mui/icons-material/ArrowDownwardRounded";
@@ -243,4 +243,4 @@ export {
   SortTab,
   DisplayTab
 };
-//# sourceMappingURL=chunk-D4T646G4.js.map
+//# sourceMappingURL=chunk-7NSX7A5H.js.map

package/dist/{chunk-QS7ZGRNS.js → chunk-7VN7LFBA.js}

@@ -1,17 +1,17 @@
+import {
+  resolveSkeletonProps,
+  skeletonInstanceTestId
+} from "./chunk-7WDPC46N.js";
 import {
   defaultDimensions,
   muiAnimationFor,
   muiVariantFor,
   skeletonStyles
 } from "./chunk-ZOW2CCMO.js";
-import {
-  resolveSkeletonProps,
-  skeletonInstanceTestId
-} from "./chunk-7WDPC46N.js";
 import {
   resolveTestId,
   withoutTestIdProps
-} from "./chunk-6F5IKY32.js";
+} from "./chunk-TYJR4GOF.js";
 
 // src/components/layout/Skeleton/Skeleton.tsx
 import Box from "@mui/material/Box/index.js";
@@ -77,4 +77,4 @@ Skeleton.displayName = "Skeleton";
 export {
   Skeleton
 };
-//# sourceMappingURL=chunk-QS7ZGRNS.js.map
+//# sourceMappingURL=chunk-7VN7LFBA.js.map

package/dist/{chunk-3UOHKHOT.js → chunk-ACFGEZ4Q.js}

@@ -1,9 +1,9 @@
 import {
   GridShell
-} from "./chunk-XLJJ2ZAP.js";
+} from "./chunk-L4U23SBX.js";
 import {
   useDataViewsState
-} from "./chunk-OCXCH2ZW.js";
+} from "./chunk-OIKQO73C.js";
 
 // src/components/data-display/DataViews/DataViewsGrid.tsx
 import { useEffect, useRef } from "react";
@@ -27,4 +27,4 @@ function DataViewsGrid(props) {
 export {
   DataViewsGrid
 };
-//# sourceMappingURL=chunk-3UOHKHOT.js.map
+//# sourceMappingURL=chunk-ACFGEZ4Q.js.map

package/dist/{chunk-GBNOYRLP.js → chunk-AEGXHZQT.js}

@@ -1,3 +1,9 @@
+import {
+  badgeContentOf,
+  definedAria,
+  formatCount,
+  resolveBadgeProps
+} from "./chunk-6C5D6O3D.js";
 import {
   buildBadgeContent
 } from "./chunk-OLVZ6TOV.js";
@@ -5,19 +11,13 @@ import {
   badgeStyles,
   getAnchorOrigin
 } from "./chunk-EZSEAYYT.js";
-import {
-  badgeContentOf,
-  definedAria,
-  formatCount,
-  resolveBadgeProps
-} from "./chunk-6C5D6O3D.js";
 import {
   CLOSE_DELAY_MS,
   MOUNT_ANIMATION_MS
 } from "./chunk-KVEHH4SA.js";
 import {
   resolveTestId
-} from "./chunk-6F5IKY32.js";
+} from "./chunk-TYJR4GOF.js";
 
 // src/components/data-display/Badge/Badge.tsx
 import MuiBadge from "@mui/material/Badge/index.js";
@@ -180,4 +180,4 @@ Badge.displayName = "Badge";
 export {
   Badge
 };
-//# sourceMappingURL=chunk-GBNOYRLP.js.map
+//# sourceMappingURL=chunk-AEGXHZQT.js.map

package/dist/{chunk-D2IASECY.js → chunk-AIRWM7KK.js}

@@ -1,9 +1,20 @@
 import {
   cardStyles
-} from "./chunk-VMF3UXM4.js";
+} from "./chunk-BEBLRL5D.js";
+import {
+  CARD_CONTENT_PADDING_UNITS,
+  CARD_HEADER_CHILDREN_PADDING_UNITS,
+  CARD_LOADING,
+  CARD_MEDIA_HEIGHT
+} from "./chunk-6Q6T3FW5.js";
 import {
   resolveCardProps
-} from "./chunk-RI5JZLZL.js";
+} from "./chunk-FKUYRQSP.js";
+import {
+  childTestId,
+  resolveTestId,
+  withoutTestIdProps
+} from "./chunk-TYJR4GOF.js";
 
 // src/components/layout/Card/Card.tsx
 import Box from "@mui/material/Box/index.js";
@@ -28,7 +39,6 @@ var Card = (rawProps) => {
     onFocus,
     onBlur,
     sx,
-    dataTestId,
     // These props are reserved for future implementation but need to be extracted
     // to prevent them from being passed to the underlying MuiCard
     expandable: _expandable,
@@ -41,22 +51,24 @@ var Card = (rawProps) => {
     ...restProps
   } = resolveCardProps(rawProps);
   const theme = useTheme();
+  const ownTestId = resolveTestId(restProps, "card");
+  const props = withoutTestIdProps(restProps);
   const idle = !loading;
   return /* @__PURE__ */ jsxs(
     MuiCard,
     {
-      "data-testid": dataTestId || "card",
+      "data-testid": ownTestId,
       onClick: idle ? onClick : void 0,
       onFocus: idle ? onFocus : void 0,
       onBlur: idle ? onBlur : void 0,
       sx: {
         ...cardStyles(theme, { variant, interactive, glow, pulse, borderRadius }),
         position: "relative",
-        opacity: loading ? 0.6 : 1,
+        opacity: loading ? CARD_LOADING.opacity : 1,
         pointerEvents: loading ? "none" : "auto",
         ...sx
       },
-      ...restProps,
+      ...props,
       children: [
         loading && /* @__PURE__ */ jsx(
           Box,
@@ -66,7 +78,7 @@ var Card = (rawProps) => {
               top: "50%",
               left: "50%",
               transform: "translate(-50%, -50%)",
-              zIndex: 10
+              zIndex: CARD_LOADING.spinnerZIndex
             },
             children: /* @__PURE__ */ jsx(CircularProgress, {})
           }
@@ -82,41 +94,42 @@ var CardHeader = ({
   action,
   avatar,
   children,
-  dataTestId,
-  ...props
+  ...others
 }) => {
+  const ownTestId = resolveTestId(others, "card-header");
+  const props = withoutTestIdProps(others);
   if (children) {
-    return /* @__PURE__ */ jsx(Box, { sx: { p: 2 }, "data-testid": dataTestId || "card-header", children });
+    return /* @__PURE__ */ jsx(Box, { sx: { p: CARD_HEADER_CHILDREN_PADDING_UNITS }, "data-testid": ownTestId, children });
   }
   return /* @__PURE__ */ jsx(
     MuiCardHeader,
     {
-      "data-testid": dataTestId || "card-header",
+      "data-testid": ownTestId,
       avatar,
       action,
       title,
       subheader: subtitle,
       titleTypographyProps: {
-        "data-testid": dataTestId ? `${dataTestId}-title` : "card-title"
+        "data-testid": childTestId(others, "title", "card")
       },
       subheaderTypographyProps: {
-        "data-testid": dataTestId ? `${dataTestId}-subtitle` : "card-subtitle"
+        "data-testid": childTestId(others, "subtitle", "card")
       },
       ...props
     }
   );
 };
-var CardContent = ({ children, dense = false, dataTestId, ...props }) => /* @__PURE__ */ jsx(
+var CardContent = ({ children, dense = false, ...others }) => /* @__PURE__ */ jsx(
   MuiCardContent,
   {
-    "data-testid": dataTestId || "card-content",
+    "data-testid": resolveTestId(others, "card-content"),
     sx: {
-      padding: dense ? 1 : 2,
+      padding: dense ? CARD_CONTENT_PADDING_UNITS.dense : CARD_CONTENT_PADDING_UNITS.normal,
       "&:last-child": {
-        paddingBottom: dense ? 1 : 2
+        paddingBottom: dense ? CARD_CONTENT_PADDING_UNITS.dense : CARD_CONTENT_PADDING_UNITS.normal
       }
     },
-    ...props,
+    ...withoutTestIdProps(others),
     children
   }
 );
@@ -124,8 +137,7 @@ var CardActions = ({
   children,
   disableSpacing = false,
   alignment = "left",
-  dataTestId,
-  ...props
+  ...others
 }) => {
   const getJustifyContent = () => {
     switch (alignment) {
@@ -142,12 +154,12 @@ var CardActions = ({
   return /* @__PURE__ */ jsx(
     MuiCardActions,
     {
-      "data-testid": dataTestId || "card-actions",
+      "data-testid": resolveTestId(others, "card-actions"),
       disableSpacing,
       sx: {
         justifyContent: getJustifyContent()
       },
-      ...props,
+      ...withoutTestIdProps(others),
       children
     }
   );
@@ -156,19 +168,18 @@ var CardMedia = ({
   component = "div",
   image,
   title,
-  height = 200,
+  height = CARD_MEDIA_HEIGHT,
   children,
-  dataTestId,
-  ...props
+  ...others
 }) => /* @__PURE__ */ jsx(
   MuiCardMedia,
   {
-    "data-testid": dataTestId || "card-media",
+    "data-testid": resolveTestId(others, "card-media"),
     component,
     height,
     image,
     title,
-    ...props,
+    ...withoutTestIdProps(others),
     children
   }
 );
@@ -180,4 +191,4 @@ export {
   CardActions,
   CardMedia
 };
-//# sourceMappingURL=chunk-D2IASECY.js.map
+//# sourceMappingURL=chunk-AIRWM7KK.js.map

package/dist/chunk-AIRWM7KK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Card/Card.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport MuiCard from '@mui/material/Card/index.js';\nimport MuiCardActions from '@mui/material/CardActions/index.js';\nimport MuiCardContent from '@mui/material/CardContent/index.js';\nimport MuiCardHeader from '@mui/material/CardHeader/index.js';\nimport MuiCardMedia from '@mui/material/CardMedia/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { resolveCardProps } from './Card.helpers';\nimport {\n  CARD_CONTENT_PADDING_UNITS,\n  CARD_HEADER_CHILDREN_PADDING_UNITS,\n  CARD_LOADING,\n  CARD_MEDIA_HEIGHT,\n} from './Card.metrics';\nimport { cardStyles } from './Card.styles';\nimport { childTestId, resolveTestId, withoutTestIdProps } from '../../../platform/test-id';\nimport type {\n  CardActionsProps,\n  CardContentProps,\n  CardHeaderProps,\n  CardMediaProps,\n  CardProps,\n} from './Card.types';\n\nexport const Card: React.FC<CardProps> = (rawProps) => {\n  const {\n    children,\n    variant,\n    interactive,\n    glow,\n    pulse,\n    borderRadius,\n    loading,\n    onClick,\n    onFocus,\n    onBlur,\n    sx,\n    // These props are reserved for future implementation but need to be extracted\n    // to prevent them from being passed to the underlying MuiCard\n    expandable: _expandable,\n    expanded: _expanded,\n    onExpandToggle: _onExpandToggle,\n    entranceAnimation: _entranceAnimation,\n    animationDelay: _animationDelay,\n    skeleton: _skeleton,\n    hoverScale: _hoverScale,\n    ...restProps\n  } = resolveCardProps(rawProps);\n\n  const theme = useTheme();\n  // Every spelling of the test id the shared contract allows, mapped to the one\n  // the DOM reads, and stripped from what is spread — `testID` is React\n  // Native's name for it and is not a DOM attribute. The native `Card` does the\n  // same in reverse.\n  const ownTestId = resolveTestId(restProps, 'card');\n  const props = withoutTestIdProps(restProps);\n\n  // A loading card is inert: no handlers fire and pointer events are off, so a\n  // half-rendered card cannot be clicked through.\n  const idle = !loading;\n\n  return (\n    <MuiCard\n      data-testid={ownTestId}\n      onClick={idle ? onClick : undefined}\n      onFocus={idle ? onFocus : undefined}\n      onBlur={idle ? onBlur : undefined}\n      sx={{\n        ...cardStyles(theme, { variant, interactive, glow, pulse, borderRadius }),\n        position: 'relative',\n        opacity: loading ? CARD_LOADING.opacity : 1,\n        pointerEvents: loading ? 'none' : 'auto',\n        ...sx,\n      }}\n      {...props}\n    >\n      {loading && (\n        <Box\n          sx={{\n            position: 'absolute',\n            top: '50%',\n            left: '50%',\n            transform: 'translate(-50%, -50%)',\n            zIndex: CARD_LOADING.spinnerZIndex,\n          }}\n        >\n          <CircularProgress />\n        </Box>\n      )}\n      {children}\n    </MuiCard>\n  );\n};\n\nexport const CardHeader: React.FC<CardHeaderProps> = ({\n  title,\n  subtitle,\n  action,\n  avatar,\n  children,\n  ...others\n}) => {\n  const ownTestId = resolveTestId(others, 'card-header');\n  const props = withoutTestIdProps(others);\n\n  if (children) {\n    return (\n      <Box sx={{ p: CARD_HEADER_CHILDREN_PADDING_UNITS }} data-testid={ownTestId}>\n        {children}\n      </Box>\n    );\n  }\n\n  return (\n    <MuiCardHeader\n      data-testid={ownTestId}\n      avatar={avatar}\n      action={action}\n      title={title}\n      subheader={subtitle}\n      titleTypographyProps={{\n        'data-testid': childTestId(others, 'title', 'card'),\n      } as Record<string, unknown>}\n      subheaderTypographyProps={{\n        'data-testid': childTestId(others, 'subtitle', 'card'),\n      } as Record<string, unknown>}\n      {...props}\n    />\n  );\n};\n\nexport const CardContent: React.FC<CardContentProps> = ({ children, dense = false, ...others }) => (\n    <MuiCardContent\n      data-testid={resolveTestId(others, 'card-content')}\n      sx={{\n        padding: dense ? CARD_CONTENT_PADDING_UNITS.dense : CARD_CONTENT_PADDING_UNITS.normal,\n        '&:last-child': {\n          paddingBottom: dense ? CARD_CONTENT_PADDING_UNITS.dense : CARD_CONTENT_PADDING_UNITS.normal,\n        },\n      }}\n      {...withoutTestIdProps(others)}\n    >\n      {children}\n    </MuiCardContent>\n  );\n\nexport const CardActions: React.FC<CardActionsProps> = ({\n  children,\n  disableSpacing = false,\n  alignment = 'left',\n  ...others\n}) => {\n  const getJustifyContent = () => {\n    switch (alignment) {\n      case 'center':\n        return 'center';\n      case 'right':\n        return 'flex-end';\n      case 'space-between':\n        return 'space-between';\n      default:\n        return 'flex-start';\n    }\n  };\n\n  return (\n    <MuiCardActions\n      data-testid={resolveTestId(others, 'card-actions')}\n      disableSpacing={disableSpacing}\n      sx={{\n        justifyContent: getJustifyContent(),\n      }}\n      {...withoutTestIdProps(others)}\n    >\n      {children}\n    </MuiCardActions>\n  );\n};\n\nexport const CardMedia: React.FC<CardMediaProps> = ({\n  component = 'div',\n  image,\n  title,\n  height = CARD_MEDIA_HEIGHT,\n  children,\n  ...others\n}) => (\n    <MuiCardMedia\n      data-testid={resolveTestId(others, 'card-media')}\n      component={component}\n      height={height}\n      image={image}\n      title={title}\n      {...withoutTestIdProps(others)}\n    >\n      {children}\n    </MuiCardMedia>\n  );\n"],"mappings":"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","names":[]}

package/dist/{chunk-BEH4DN63.js → chunk-AJGYHDA5.js}

@@ -1,9 +1,9 @@
-import {
-  SaveViewModal
-} from "./chunk-JIINGMEB.js";
 import {
   ManageViewsDialog
-} from "./chunk-ZFPJBKVZ.js";
+} from "./chunk-6JGPPTLX.js";
+import {
+  SaveViewModal
+} from "./chunk-CHPZTF34.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk-EFEZWG4C.js";
 import {
   Alert
-} from "./chunk-FB36IHCE.js";
+} from "./chunk-QFVFHIHE.js";
 
 // src/components/data-display/DataViews/data-views-table-parts.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -121,4 +121,4 @@ export {
   ViewsMenuSlot,
   ViewDialogs
 };
-//# sourceMappingURL=chunk-BEH4DN63.js.map
+//# sourceMappingURL=chunk-AJGYHDA5.js.map

package/dist/{chunk-65DLYC4S.js → chunk-AVGTTWTE.js}

@@ -1,12 +1,12 @@
-import {
-  useAutocomplete
-} from "./chunk-362OGE5J.js";
 import {
   AutocompleteInput,
   ChipList,
   DefaultSuggestion,
   SuggestionListBox
 } from "./chunk-6TSP45KC.js";
+import {
+  useAutocomplete
+} from "./chunk-362OGE5J.js";
 import {
   defaultGetKey,
   defaultGetLabel,
@@ -131,4 +131,4 @@ export {
   Autocomplete,
   Autocomplete_default
 };
-//# sourceMappingURL=chunk-65DLYC4S.js.map
+//# sourceMappingURL=chunk-AVGTTWTE.js.map