@12-apps/ui 6.21.0 → 6.22.0

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-I7HYGIEJ.js → chunk-7BYFC2MR.js}

@@ -1,3 +1,8 @@
+import {
+  AVATAR_DEFAULTS,
+  contentTypeOf,
+  pickAvatarContent
+} from "./chunk-3ZVUNSFF.js";
 import {
   AvatarView
 } from "./chunk-4SQFO4GW.js";
@@ -7,11 +12,6 @@ import {
   GROUP_MAX,
   GROUP_OVERLAP
 } from "./chunk-FAITHWIO.js";
-import {
-  AVATAR_DEFAULTS,
-  contentTypeOf,
-  pickAvatarContent
-} from "./chunk-3ZVUNSFF.js";
 
 // src/components/data-display/Avatar/Avatar.tsx
 import BrokenImage from "@mui/icons-material/BrokenImage";
@@ -172,4 +172,4 @@ export {
   Avatar,
   AvatarGroup
 };
-//# sourceMappingURL=chunk-I7HYGIEJ.js.map
+//# sourceMappingURL=chunk-7BYFC2MR.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-OH3YGJT5.js → chunk-7TZ6OC5T.js}

@@ -1,6 +1,6 @@
 import {
   renderChartByType
-} from "./chunk-KT6HWAEN.js";
+} from "./chunk-DVUPIVI2.js";
 import {
   ChartContainer
 } from "./chunk-M5T3COS2.js";
@@ -104,4 +104,4 @@ var Chart = (props) => {
 export {
   Chart
 };
-//# sourceMappingURL=chunk-OH3YGJT5.js.map
+//# sourceMappingURL=chunk-7TZ6OC5T.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-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-G2IPK2XE.js → chunk-AGSBIUPV.js}

@@ -1,24 +1,24 @@
-import {
-  CategoryMultiFoot,
-  CategorySingleFoot
-} from "./chunk-AJ6XEO4E.js";
-import {
-  CategoryQuickActions
-} from "./chunk-ZUIJ3N7N.js";
 import {
   CategoryPanelList
-} from "./chunk-BQQONDW5.js";
+} from "./chunk-OVLNF4AZ.js";
 import {
   CategoryPanelHead,
   CategoryPinnedTray
 } from "./chunk-4TXIZ5WI.js";
 import {
-  removeChip
-} from "./chunk-LR6MSKTT.js";
+  CategoryMultiFoot,
+  CategorySingleFoot
+} from "./chunk-AJ6XEO4E.js";
 import {
   panelSx,
   sheetSx
 } from "./chunk-TFO6GBW7.js";
+import {
+  CategoryQuickActions
+} from "./chunk-ZUIJ3N7N.js";
+import {
+  removeChip
+} from "./chunk-LR6MSKTT.js";
 
 // src/components/form/CategorySelect/CategoryPanel.tsx
 import Box from "@mui/material/Box/index.js";
@@ -155,4 +155,4 @@ function PanelFooter({
 export {
   CategoryPanel
 };
-//# sourceMappingURL=chunk-G2IPK2XE.js.map
+//# sourceMappingURL=chunk-AGSBIUPV.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-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

package/dist/{chunk-PXH24VIP.js → chunk-B6IURHSZ.js}

@@ -1,12 +1,12 @@
 import {
   PaletteResults
 } from "./chunk-SQSFMZTF.js";
-import {
-  useCommandPalette
-} from "./chunk-SUZXPDUQ.js";
 import {
   ShortcutChip
 } from "./chunk-5EIW2FZY.js";
+import {
+  useCommandPalette
+} from "./chunk-SUZXPDUQ.js";
 
 // src/components/navigation/CommandPalette/CommandPalette.tsx
 import CloseIcon from "@mui/icons-material/Close";
@@ -212,4 +212,4 @@ export {
   CommandPalette,
   CommandPalette_default
 };
-//# sourceMappingURL=chunk-PXH24VIP.js.map
+//# sourceMappingURL=chunk-B6IURHSZ.js.map