@12-apps/ui 6.17.1 → 6.19.0

package/dist/{chunk-SRMWCN5D.js → chunk-LDE4ELB5.js}

@@ -1,16 +1,16 @@
-import {
-  DataViewsGrid
-} from "./chunk-WME2F2YY.js";
 import {
   DeleteViewDialog
-} from "./chunk-HEDOL2RV.js";
+} from "./chunk-72UYVJBQ.js";
+import {
+  DataViewsGrid
+} from "./chunk-OR7UH2ZQ.js";
 import {
   viewStateKey
 } from "./chunk-ZOLAYP2D.js";
 import {
   ViewDialogs,
   ViewMutationErrorAlert
-} from "./chunk-3LO5JWTC.js";
+} from "./chunk-E5ZHW4I5.js";
 import {
   useSavedViewsController
 } from "./chunk-HR7YTBR7.js";
@@ -178,4 +178,4 @@ function renderViewDialogs(ctl, fields, columns, views, testIdPrefix, onSaved) {
 export {
   DataViewsTableBase
 };
-//# sourceMappingURL=chunk-SRMWCN5D.js.map
+//# sourceMappingURL=chunk-LDE4ELB5.js.map

package/dist/{chunk-FF55LRSV.js → chunk-LIOVN5IM.js}

@@ -1,6 +1,6 @@
 import {
   GridToolbar
-} from "./chunk-45OIUWGO.js";
+} from "./chunk-CRNQVWIT.js";
 
 // src/components/data-display/DataViews/data-views-shell-toolbar.tsx
 import { jsx } from "react/jsx-runtime";
@@ -64,4 +64,4 @@ function ShellToolbar({
 export {
   ShellToolbar
 };
-//# sourceMappingURL=chunk-FF55LRSV.js.map
+//# sourceMappingURL=chunk-LIOVN5IM.js.map

package/dist/{chunk-NBNLGTRB.js → chunk-LLABVZM3.js}

@@ -1,3 +1,14 @@
+import {
+  CONTAINER_COMPACT_PADDING_UNITS,
+  CONTAINER_PADDED_VERTICAL_UNITS,
+  containerPaddingUnits,
+  resolveContainerMaxWidth
+} from "./chunk-JZT5XP23.js";
+import {
+  resolveTestId,
+  withoutTestIdProps
+} from "./chunk-QLWBQQW7.js";
+
 // src/components/layout/Container/Container.tsx
 import MuiContainer from "@mui/material/Container/index.js";
 import { useTheme } from "@mui/material/styles/index.js";
@@ -8,31 +19,12 @@ var Container = ({
   variant = "default",
   padding = "md",
   responsive = true,
-  dataTestId,
   sx,
-  ...props
+  ...others
 }) => {
   const theme = useTheme();
-  const getPadding = () => {
-    const paddingMap = {
-      none: 0,
-      xs: theme.spacing(1),
-      sm: theme.spacing(2),
-      md: theme.spacing(3),
-      lg: theme.spacing(4),
-      xl: theme.spacing(6)
-    };
-    return paddingMap[padding] || theme.spacing(3);
-  };
-  const getMaxWidth = () => {
-    if (variant === "fluid") return false;
-    if (variant === "centered") return "md";
-    if (typeof maxWidth === "string" && ["xs", "sm", "md", "lg", "xl"].includes(maxWidth)) {
-      return maxWidth;
-    }
-    if (maxWidth === false) return false;
-    return "lg";
-  };
+  const testId = resolveTestId(others, "container");
+  const props = withoutTestIdProps(others);
   const containerStyles = {
     ...variant === "centered" && {
       display: "flex",
@@ -42,13 +34,13 @@ var Container = ({
       minHeight: "100vh"
     },
     ...variant === "padded" && {
-      paddingTop: theme.spacing(8),
-      paddingBottom: theme.spacing(8)
+      paddingTop: theme.spacing(CONTAINER_PADDED_VERTICAL_UNITS),
+      paddingBottom: theme.spacing(CONTAINER_PADDED_VERTICAL_UNITS)
     },
-    padding: getPadding(),
+    padding: theme.spacing(containerPaddingUnits(padding, false)),
     ...responsive && {
       [theme.breakpoints.down("sm")]: {
-        padding: theme.spacing(2)
+        padding: theme.spacing(CONTAINER_COMPACT_PADDING_UNITS)
       }
     },
     ...sx || {}
@@ -56,9 +48,9 @@ var Container = ({
   return /* @__PURE__ */ jsx(
     MuiContainer,
     {
-      maxWidth: getMaxWidth(),
+      maxWidth: resolveContainerMaxWidth(variant, maxWidth),
       sx: containerStyles,
-      "data-testid": dataTestId || "container",
+      "data-testid": testId,
       ...props,
       children
     }
@@ -68,4 +60,4 @@ var Container = ({
 export {
   Container
 };
-//# sourceMappingURL=chunk-NBNLGTRB.js.map
+//# sourceMappingURL=chunk-LLABVZM3.js.map

package/dist/chunk-LLABVZM3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Container/Container.tsx"],"sourcesContent":["import MuiContainer from '@mui/material/Container/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport type { SxProps, Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport {\n  CONTAINER_COMPACT_PADDING_UNITS,\n  CONTAINER_PADDED_VERTICAL_UNITS,\n  containerPaddingUnits,\n  resolveContainerMaxWidth,\n} from './Container.metrics';\nimport type { ContainerProps } from './Container.types';\nimport { resolveTestId, withoutTestIdProps } from '../../../platform/test-id';\n\nexport const Container: React.FC<ContainerProps> = ({\n  children,\n  maxWidth = 'lg',\n  variant = 'default',\n  padding = 'md',\n  responsive = true,\n  sx,\n  ...others\n}) => {\n  const theme = useTheme();\n  // `testID` and `dataTestId` are the shared contract's spellings; the DOM\n  // wants `data-testid`, and must not see the other two as attributes.\n  const testId = resolveTestId(others, 'container');\n  const props = withoutTestIdProps(others);\n\n  // From the shared metrics, not tables of our own: the native `Container`\n  // reads the same units and the same max-width rule, so the two renderers\n  // cannot disagree on an inset or a column width.\n  const containerStyles: SxProps<Theme> = {\n    ...(variant === 'centered' && {\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      justifyContent: 'center',\n      minHeight: '100vh',\n    }),\n    ...(variant === 'padded' && {\n      paddingTop: theme.spacing(CONTAINER_PADDED_VERTICAL_UNITS),\n      paddingBottom: theme.spacing(CONTAINER_PADDED_VERTICAL_UNITS),\n    }),\n    padding: theme.spacing(containerPaddingUnits(padding, false)),\n    ...(responsive && {\n      [theme.breakpoints.down('sm')]: {\n        padding: theme.spacing(CONTAINER_COMPACT_PADDING_UNITS),\n      },\n    }),\n    ...(sx || {}),\n  };\n\n  return (\n    <MuiContainer\n      maxWidth={resolveContainerMaxWidth(variant, maxWidth)}\n      sx={containerStyles}\n      data-testid={testId}\n      {...props}\n    >\n      {children}\n    </MuiContainer>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAAA,OAAO,kBAAkB;AACzB,SAAS,gBAAgB;AAqDrB;AAxCG,IAAM,YAAsC,CAAC;AAAA,EAClD;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU;AAAA,EACV,aAAa;AAAA,EACb;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,QAAQ,SAAS;AAGvB,QAAM,SAAS,cAAc,QAAQ,WAAW;AAChD,QAAM,QAAQ,mBAAmB,MAAM;AAKvC,QAAM,kBAAkC;AAAA,IACtC,GAAI,YAAY,cAAc;AAAA,MAC5B,SAAS;AAAA,MACT,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,WAAW;AAAA,IACb;AAAA,IACA,GAAI,YAAY,YAAY;AAAA,MAC1B,YAAY,MAAM,QAAQ,+BAA+B;AAAA,MACzD,eAAe,MAAM,QAAQ,+BAA+B;AAAA,IAC9D;AAAA,IACA,SAAS,MAAM,QAAQ,sBAAsB,SAAS,KAAK,CAAC;AAAA,IAC5D,GAAI,cAAc;AAAA,MAChB,CAAC,MAAM,YAAY,KAAK,IAAI,CAAC,GAAG;AAAA,QAC9B,SAAS,MAAM,QAAQ,+BAA+B;AAAA,MACxD;AAAA,IACF;AAAA,IACA,GAAI,MAAM,CAAC;AAAA,EACb;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,yBAAyB,SAAS,QAAQ;AAAA,MACpD,IAAI;AAAA,MACJ,eAAa;AAAA,MACZ,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/{chunk-KXNWDXR7.js → chunk-M2K7BPHX.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-POUWN4PX.js";
 import {
   muiColor
-} from "./chunk-I6PZVHIT.js";
+} from "./chunk-7ZPUN7TV.js";
 
 // src/components/data-display/Sheet/Sheet.body.tsx
 import Box from "@mui/material/Box/index.js";
@@ -86,4 +86,4 @@ var SheetBody = (props) => {
 export {
   SheetBody
 };
-//# sourceMappingURL=chunk-KXNWDXR7.js.map
+//# sourceMappingURL=chunk-M2K7BPHX.js.map

package/dist/{chunk-VVXRIPV5.js → chunk-MCRIT46W.js}

@@ -1,16 +1,16 @@
+import {
+  useSheetDrag,
+  useSheetOpen
+} from "./chunk-OLZTGVBT.js";
 import {
   SheetBody
-} from "./chunk-KXNWDXR7.js";
+} from "./chunk-M2K7BPHX.js";
 import {
   panelSx
-} from "./chunk-X4X4CVWJ.js";
+} from "./chunk-6JZE4IIN.js";
 import {
   SheetOverlay
 } from "./chunk-POUWN4PX.js";
-import {
-  useSheetDrag,
-  useSheetOpen
-} from "./chunk-REMK55JI.js";
 import {
   DEFAULT_DRAG_RESISTANCE,
   DEFAULT_VELOCITY_THRESHOLD,
@@ -124,4 +124,4 @@ var Sheet = (props) => {
 export {
   Sheet
 };
-//# sourceMappingURL=chunk-VVXRIPV5.js.map
+//# sourceMappingURL=chunk-MCRIT46W.js.map

package/dist/{chunk-WLDK74RR.js → chunk-MSUSZLRE.js}

@@ -1,7 +1,7 @@
 import {
   commandPaperStyles,
   commandSizeStyles
-} from "./chunk-RIAIJTEW.js";
+} from "./chunk-DOMEYGTN.js";
 import {
   CommandEmpty,
   CommandLoading
@@ -302,4 +302,4 @@ export {
   CommandList,
   CommandGroup
 };
-//# sourceMappingURL=chunk-WLDK74RR.js.map
+//# sourceMappingURL=chunk-MSUSZLRE.js.map

package/dist/chunk-MWFSIB6K.js

@@ -0,0 +1,47 @@
+// src/components/data-display/EmptyState/EmptyState.helpers.ts
+var makeTestId = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : `empty-state-${suffix}`;
+var actionsOf = (props, refreshLabel, createLabel) => {
+  const { primaryAction, secondaryAction, onCreate, onRefresh } = props;
+  const specs = [];
+  if (primaryAction) {
+    specs.push({
+      key: "primary-action",
+      variant: "contained",
+      onClick: primaryAction.onClick,
+      label: primaryAction.label
+    });
+  }
+  if (onCreate) {
+    specs.push({
+      key: "create-button",
+      variant: "contained",
+      onClick: onCreate,
+      label: createLabel,
+      icon: "Add"
+    });
+  }
+  if (secondaryAction) {
+    specs.push({
+      key: "secondary-action",
+      variant: "outlined",
+      onClick: secondaryAction.onClick,
+      label: secondaryAction.label
+    });
+  }
+  if (onRefresh) {
+    specs.push({
+      key: "refresh-button",
+      variant: "outlined",
+      onClick: onRefresh,
+      label: refreshLabel,
+      icon: "Refresh"
+    });
+  }
+  return specs;
+};
+
+export {
+  makeTestId,
+  actionsOf
+};
+//# sourceMappingURL=chunk-MWFSIB6K.js.map

package/dist/chunk-MWFSIB6K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/EmptyState/EmptyState.helpers.ts"],"sourcesContent":["import type { EmptyStateBaseProps } from './EmptyState.base';\n\nexport const makeTestId =\n  (dataTestId?: string) =>\n  (suffix: string): string =>\n    dataTestId ? `${dataTestId}-${suffix}` : `empty-state-${suffix}`;\n\n/** The glyph an action carries, by the shared icon set's name; each renderer draws it its own way. */\nexport type ActionIconName = 'Add' | 'Refresh';\n\nexport interface ActionSpec {\n  key: 'primary-action' | 'create-button' | 'secondary-action' | 'refresh-button';\n  variant: 'contained' | 'outlined';\n  onClick: () => void;\n  label: string;\n  icon?: ActionIconName;\n}\n\n// The four buttons are one button with different props. Listing them keeps their\n// order — primary, create, secondary, refresh — visible in one place, and both\n// renderers read this one list.\nexport const actionsOf = (\n  props: EmptyStateBaseProps,\n  refreshLabel: string,\n  createLabel: string,\n): ActionSpec[] => {\n  const { primaryAction, secondaryAction, onCreate, onRefresh } = props;\n  const specs: ActionSpec[] = [];\n\n  if (primaryAction) {\n    specs.push({\n      key: 'primary-action',\n      variant: 'contained',\n      onClick: primaryAction.onClick,\n      label: primaryAction.label,\n    });\n  }\n  if (onCreate) {\n    specs.push({\n      key: 'create-button',\n      variant: 'contained',\n      onClick: onCreate,\n      label: createLabel,\n      icon: 'Add',\n    });\n  }\n  if (secondaryAction) {\n    specs.push({\n      key: 'secondary-action',\n      variant: 'outlined',\n      onClick: secondaryAction.onClick,\n      label: secondaryAction.label,\n    });\n  }\n  if (onRefresh) {\n    specs.push({\n      key: 'refresh-button',\n      variant: 'outlined',\n      onClick: onRefresh,\n      label: refreshLabel,\n      icon: 'Refresh',\n    });\n  }\n\n  return specs;\n};\n"],"mappings":";AAEO,IAAM,aACX,CAAC,eACD,CAAC,WACC,aAAa,GAAG,UAAU,IAAI,MAAM,KAAK,eAAe,MAAM;AAgB3D,IAAM,YAAY,CACvB,OACA,cACA,gBACiB;AACjB,QAAM,EAAE,eAAe,iBAAiB,UAAU,UAAU,IAAI;AAChE,QAAM,QAAsB,CAAC;AAE7B,MAAI,eAAe;AACjB,UAAM,KAAK;AAAA,MACT,KAAK;AAAA,MACL,SAAS;AAAA,MACT,SAAS,cAAc;AAAA,MACvB,OAAO,cAAc;AAAA,IACvB,CAAC;AAAA,EACH;AACA,MAAI,UAAU;AACZ,UAAM,KAAK;AAAA,MACT,KAAK;AAAA,MACL,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,IACR,CAAC;AAAA,EACH;AACA,MAAI,iBAAiB;AACnB,UAAM,KAAK;AAAA,MACT,KAAK;AAAA,MACL,SAAS;AAAA,MACT,SAAS,gBAAgB;AAAA,MACzB,OAAO,gBAAgB;AAAA,IACzB,CAAC;AAAA,EACH;AACA,MAAI,WAAW;AACb,UAAM,KAAK;AAAA,MACT,KAAK;AAAA,MACL,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,IACR,CAAC;AAAA,EACH;AAEA,SAAO;AACT;","names":[]}

package/dist/chunk-N3QUEBNS.js

@@ -0,0 +1,32 @@
+// src/components/data-display/Alert/Alert.helpers.ts
+var ALERT_DEFAULTS = {
+  variant: "info",
+  glow: false,
+  pulse: false,
+  showIcon: true,
+  closable: false,
+  animate: true,
+  role: "alert",
+  "aria-atomic": "true"
+};
+var definedProps = (props) => Object.fromEntries(
+  Object.entries(props).filter(([, value]) => value !== void 0)
+);
+var resolveAlertProps = (props) => ({ ...ALERT_DEFAULTS, ...definedProps(props) });
+var defaultAriaLive = (variant) => variant === "danger" ? "assertive" : "polite";
+var testIdFor = (base, suffix) => base ? `${base}-${suffix}` : `alert-${suffix}`;
+var VARIANT_ICON = {
+  info: "Info",
+  success: "CheckCircle",
+  warning: "Warning",
+  danger: "Error"
+};
+
+export {
+  ALERT_DEFAULTS,
+  resolveAlertProps,
+  defaultAriaLive,
+  testIdFor,
+  VARIANT_ICON
+};
+//# sourceMappingURL=chunk-N3QUEBNS.js.map

package/dist/chunk-N3QUEBNS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Alert/Alert.helpers.ts"],"sourcesContent":["import type { AlertBaseFields, AlertVariant } from './Alert.base';\nimport type { IconName } from '../../../icons/Icon.types';\n\ntype AlertDefaultedKeys = 'variant' | 'glow' | 'pulse' | 'showIcon' | 'animate' | 'role' | 'aria-atomic';\n\nexport const ALERT_DEFAULTS: Required<Pick<AlertBaseFields, AlertDefaultedKeys>> & { closable: false } = {\n  variant: 'info',\n  glow: false,\n  pulse: false,\n  showIcon: true,\n  closable: false,\n  animate: true,\n  role: 'alert',\n  'aria-atomic': 'true',\n};\n\n/**\n * Generic over the renderer's own props: the web and the native `Alert` pass\n * different extras through, and both come back out untouched.\n */\nexport type ResolvedAlertProps<P extends AlertBaseFields> = P &\n  Required<Pick<AlertBaseFields, AlertDefaultedKeys>>;\n\n// Strips explicitly-undefined props before the merge so `prop={undefined}` still\n// falls back to the default, the way a destructuring default would.\nconst definedProps = <P extends AlertBaseFields>(props: P): Partial<P> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<P>;\n\n// Through `unknown`: `closable: false` in the defaults belongs to the dismiss\n// union rather than to `AlertBaseFields`, so TypeScript cannot see the merge as\n// comparable to `P` although every field of `P` survives it untouched.\nexport const resolveAlertProps = <P extends AlertBaseFields>(props: P): ResolvedAlertProps<P> =>\n  ({ ...ALERT_DEFAULTS, ...definedProps(props) }) as unknown as ResolvedAlertProps<P>;\n\n/** `danger` announces itself; everything else waits its turn. */\nexport const defaultAriaLive = (variant: AlertVariant): 'polite' | 'assertive' =>\n  variant === 'danger' ? 'assertive' : 'polite';\n\nexport const testIdFor = (base: string | undefined, suffix: string): string =>\n  base ? `${base}-${suffix}` : `alert-${suffix}`;\n\n/**\n * The glyph each semantic variant carries, by the shared icon set's name.\n * `glass` and `gradient` carry none of their own: the web renders an empty\n * icon slot for them unless the caller passes an `icon`, and so does native.\n */\nexport const VARIANT_ICON: Partial<Record<AlertVariant, IconName>> = {\n  info: 'Info',\n  success: 'CheckCircle',\n  warning: 'Warning',\n  danger: 'Error',\n};\n"],"mappings":";AAKO,IAAM,iBAA4F;AAAA,EACvG,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,MAAM;AAAA,EACN,eAAe;AACjB;AAWA,IAAM,eAAe,CAA4B,UAC/C,OAAO;AAAA,EACL,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AACjE;AAKK,IAAM,oBAAoB,CAA4B,WAC1D,EAAE,GAAG,gBAAgB,GAAG,aAAa,KAAK,EAAE;AAGxC,IAAM,kBAAkB,CAAC,YAC9B,YAAY,WAAW,cAAc;AAEhC,IAAM,YAAY,CAAC,MAA0B,WAClD,OAAO,GAAG,IAAI,IAAI,MAAM,KAAK,SAAS,MAAM;AAOvC,IAAM,eAAwD;AAAA,EACnE,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;","names":[]}

package/dist/chunk-N7MJ6CNC.js

@@ -0,0 +1,30 @@
+// src/components/layout/Spacer/Spacer.metrics.ts
+var SPACER_SIZE_UNITS = {
+  xs: 0.5,
+  sm: 1,
+  md: 2,
+  lg: 3,
+  xl: 4
+};
+var SPACER_DEFAULT_SIZE = "md";
+var SPACER_DEFAULT_DIRECTION = "both";
+var SPACER_FLEX_GROW = 1;
+var SPACER_FLEX_SHRINK = 0;
+function spacerDimensions(geometry, spacing) {
+  const { size = SPACER_DEFAULT_SIZE, direction = SPACER_DEFAULT_DIRECTION, width, height } = geometry;
+  const step = spacing(SPACER_SIZE_UNITS[size] ?? SPACER_SIZE_UNITS[SPACER_DEFAULT_SIZE]);
+  return {
+    width: direction === "vertical" ? width : width ?? step,
+    height: direction === "horizontal" ? height : height ?? step
+  };
+}
+
+export {
+  SPACER_SIZE_UNITS,
+  SPACER_DEFAULT_SIZE,
+  SPACER_DEFAULT_DIRECTION,
+  SPACER_FLEX_GROW,
+  SPACER_FLEX_SHRINK,
+  spacerDimensions
+};
+//# sourceMappingURL=chunk-N7MJ6CNC.js.map

package/dist/chunk-N7MJ6CNC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Spacer/Spacer.metrics.ts"],"sourcesContent":["import type { SpacerDirection, SpacerSize } from './Spacer.base';\n\n/**\n * THE NUMBERS BOTH `Spacer` RENDERERS DRAW WITH.\n *\n * `Spacer.tsx` used to hold the size steps as a `switch` over\n * `theme.spacing(…)` calls, and `Spacer.native.tsx` would have held them again\n * as a second table. Now there is one, in SPACING UNITS, and each renderer\n * multiplies it out through its own `theme.spacing` — `'16px'` on the web,\n * `16` on native — so an `md` spacer is 16 wide on both sides by construction.\n */\nexport const SPACER_SIZE_UNITS: Record<SpacerSize, number> = {\n  xs: 0.5,\n  sm: 1,\n  md: 2,\n  lg: 3,\n  xl: 4,\n};\n\nexport const SPACER_DEFAULT_SIZE: SpacerSize = 'md';\nexport const SPACER_DEFAULT_DIRECTION: SpacerDirection = 'both';\n\n/** `flex` grows the spacer by one share of the free space; every spacer refuses to shrink. */\nexport const SPACER_FLEX_GROW = 1;\nexport const SPACER_FLEX_SHRINK = 0;\n\n/** The geometry props, with the dimension type left to the renderer. */\nexport interface SpacerGeometry<Dimension> {\n  size?: SpacerSize;\n  direction?: SpacerDirection;\n  width?: Dimension;\n  height?: Dimension;\n}\n\n/**\n * The width and height a spacer occupies, on either renderer.\n *\n * An explicit `width`/`height` wins on its axis whatever `direction` says; the\n * step fills only the axes `direction` names. `spacing` is the renderer's own\n * `theme.spacing`, so the same units come out as `'16px'` on the web and `16`\n * on native — the one resolver is what keeps the two from disagreeing.\n */\nexport function spacerDimensions<Dimension, Spacing>(\n  geometry: SpacerGeometry<Dimension>,\n  spacing: (units: number) => Spacing,\n): { width: Dimension | Spacing | undefined; height: Dimension | Spacing | undefined } {\n  const { size = SPACER_DEFAULT_SIZE, direction = SPACER_DEFAULT_DIRECTION, width, height } = geometry;\n  // A size outside the vocabulary (a story control, an untyped caller) draws `md`,\n  // exactly as the old `switch` did in its `default` arm.\n  const step = spacing(SPACER_SIZE_UNITS[size] ?? SPACER_SIZE_UNITS[SPACER_DEFAULT_SIZE]);\n  return {\n    width: direction === 'vertical' ? width : (width ?? step),\n    height: direction === 'horizontal' ? height : (height ?? step),\n  };\n}\n"],"mappings":";AAWO,IAAM,oBAAgD;AAAA,EAC3D,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,IAAM,sBAAkC;AACxC,IAAM,2BAA4C;AAGlD,IAAM,mBAAmB;AACzB,IAAM,qBAAqB;AAkB3B,SAAS,iBACd,UACA,SACqF;AACrF,QAAM,EAAE,OAAO,qBAAqB,YAAY,0BAA0B,OAAO,OAAO,IAAI;AAG5F,QAAM,OAAO,QAAQ,kBAAkB,IAAI,KAAK,kBAAkB,mBAAmB,CAAC;AACtF,SAAO;AAAA,IACL,OAAO,cAAc,aAAa,QAAS,SAAS;AAAA,IACpD,QAAQ,cAAc,eAAe,SAAU,UAAU;AAAA,EAC3D;AACF;","names":[]}

package/dist/{chunk-MD6T7MDT.js → chunk-NECUCG2S.js}

@@ -4,35 +4,35 @@ import {
 } from "./chunk-CLNTJM3F.js";
 import {
   DataViewsEmpty
-} from "./chunk-4Y65Q3CR.js";
+} from "./chunk-ISSJNFJV.js";
 import {
   InlineFilterControls
-} from "./chunk-CBPQJAHX.js";
+} from "./chunk-C6XESZ3R.js";
 import {
   GridHeaderRow
-} from "./chunk-A4YWFX5C.js";
+} from "./chunk-ENNW5SKT.js";
 import {
   GridMain
-} from "./chunk-ELYLG4F7.js";
+} from "./chunk-AP4FLCLA.js";
 import {
   DataViewsPagination
-} from "./chunk-VR5HDUBK.js";
+} from "./chunk-HP2ODXNA.js";
 import {
   toOverflowFields,
   useFilterOverflow
 } from "./chunk-TQ6FPOPD.js";
+import {
+  resolveSelectionExtra
+} from "./chunk-KX75HM5U.js";
 import {
   ScopeTabsSlot
 } from "./chunk-Y5UCOBQN.js";
 import {
   ShellToolbar
-} from "./chunk-FF55LRSV.js";
-import {
-  resolveSelectionExtra
-} from "./chunk-KX75HM5U.js";
+} from "./chunk-LIOVN5IM.js";
 import {
   togglePillValues
-} from "./chunk-COSJTD6Z.js";
+} from "./chunk-YLDS5FOQ.js";
 import {
   DataViewsLayoutProvider,
   useDataViewsLayout
@@ -237,4 +237,4 @@ function GridShell(props) {
 export {
   GridShell
 };
-//# sourceMappingURL=chunk-MD6T7MDT.js.map
+//# sourceMappingURL=chunk-NECUCG2S.js.map

package/dist/{chunk-A3KY6NUA.js → chunk-NFHS77NE.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   Button
-} from "./chunk-IAQFQNBL.js";
+} from "./chunk-SL4NFGOL.js";
 
 // src/components/form/total-form/SubmitButton.tsx
 import { jsx } from "react/jsx-runtime";
@@ -29,4 +29,4 @@ function SubmitButton({
 export {
   SubmitButton
 };
-//# sourceMappingURL=chunk-A3KY6NUA.js.map
+//# sourceMappingURL=chunk-NFHS77NE.js.map

package/dist/{chunk-E67PUPFJ.js → chunk-NQC6H7GY.js}

@@ -1,3 +1,20 @@
+import {
+  ERROR_ICON_BOX,
+  ERROR_ICON_BOX_OPACITY,
+  ERROR_ICON_SIZE,
+  ERROR_MESSAGE_LINE_HEIGHT,
+  ERROR_MESSAGE_MAX_WIDTH,
+  ERROR_STATE_GAP_UNITS,
+  ERROR_STATE_MIN_HEIGHT,
+  ERROR_STATE_PADDING_UNITS,
+  ERROR_TEXT_GAP_UNITS,
+  RETRY_MARGIN_TOP_UNITS,
+  RETRY_MIN_WIDTH
+} from "./chunk-TLGGVE56.js";
+import {
+  resolveTestId
+} from "./chunk-QLWBQQW7.js";
+
 // src/components/data-display/ErrorState/ErrorState.tsx
 import ErrorOutlineIcon from "@mui/icons-material/ErrorOutline";
 import RefreshIcon from "@mui/icons-material/Refresh";
@@ -23,19 +40,19 @@ var ErrorIcon = ({ severity, icon, testId }) => {
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
-        width: 80,
-        height: 80,
+        width: ERROR_ICON_BOX,
+        height: ERROR_ICON_BOX,
         borderRadius: "50%",
         backgroundColor: color.light,
-        opacity: 0.9
+        opacity: ERROR_ICON_BOX_OPACITY
       },
-      children: icon || /* @__PURE__ */ jsx(Fallback, { sx: { fontSize: 48, color: color.main } })
+      children: icon || /* @__PURE__ */ jsx(Fallback, { sx: { fontSize: ERROR_ICON_SIZE, color: color.main } })
     }
   );
 };
 var ErrorText = ({ title, message, titleId, testId }) => {
   const theme = useTheme();
-  return /* @__PURE__ */ jsxs(Stack, { spacing: 1, alignItems: "center", children: [
+  return /* @__PURE__ */ jsxs(Stack, { spacing: ERROR_TEXT_GAP_UNITS, alignItems: "center", children: [
     title && /* @__PURE__ */ jsx(
       Typography,
       {
@@ -58,69 +75,68 @@ var ErrorText = ({ title, message, titleId, testId }) => {
         color: "text.secondary",
         "data-testid": testId("message"),
         sx: {
-          maxWidth: 400,
-          lineHeight: 1.6
+          maxWidth: ERROR_MESSAGE_MAX_WIDTH,
+          lineHeight: ERROR_MESSAGE_LINE_HEIGHT
         },
         children: message
       }
     )
   ] });
 };
-var ErrorState = React.memo(
-  ({
+var ErrorState = React.memo((props) => {
+  const {
     message,
     title,
     onRetry,
     retryLabel = "Retry",
     severity = "error",
     icon,
-    className,
-    dataTestId
-  }) => {
-    const theme = useTheme();
-    const titleId = React.useId();
-    const testId = makeTestId(dataTestId);
-    return /* @__PURE__ */ jsxs(
-      Box,
-      {
-        role: "alert",
-        "aria-labelledby": title ? titleId : void 0,
-        "aria-describedby": `${titleId}-message`,
-        className,
-        "data-testid": dataTestId || "error-state",
-        sx: {
-          display: "flex",
-          flexDirection: "column",
-          alignItems: "center",
-          justifyContent: "center",
-          textAlign: "center",
-          padding: theme.spacing(6),
-          minHeight: 200,
-          gap: theme.spacing(2)
-        },
-        children: [
-          /* @__PURE__ */ jsx(ErrorIcon, { severity, icon, testId: testId("icon") }),
-          /* @__PURE__ */ jsx(ErrorText, { title, message, titleId, testId }),
-          onRetry && /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "outlined",
-              color: severity,
-              onClick: onRetry,
-              startIcon: /* @__PURE__ */ jsx(RefreshIcon, {}),
-              "data-testid": testId("retry-button"),
-              sx: {
-                mt: theme.spacing(1),
-                minWidth: 120
-              },
-              children: retryLabel
-            }
-          )
-        ]
-      }
-    );
-  }
-);
+    className
+  } = props;
+  const theme = useTheme();
+  const titleId = React.useId();
+  const dataTestId = resolveTestId(props);
+  const testId = makeTestId(dataTestId);
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      role: "alert",
+      "aria-labelledby": title ? titleId : void 0,
+      "aria-describedby": `${titleId}-message`,
+      className,
+      "data-testid": dataTestId || "error-state",
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        textAlign: "center",
+        padding: theme.spacing(ERROR_STATE_PADDING_UNITS),
+        minHeight: ERROR_STATE_MIN_HEIGHT,
+        gap: theme.spacing(ERROR_STATE_GAP_UNITS)
+      },
+      children: [
+        /* @__PURE__ */ jsx(ErrorIcon, { severity, icon, testId: testId("icon") }),
+        /* @__PURE__ */ jsx(ErrorText, { title, message, titleId, testId }),
+        onRetry && /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outlined",
+            color: severity,
+            onClick: onRetry,
+            startIcon: /* @__PURE__ */ jsx(RefreshIcon, {}),
+            "data-testid": testId("retry-button"),
+            sx: {
+              mt: theme.spacing(RETRY_MARGIN_TOP_UNITS),
+              minWidth: RETRY_MIN_WIDTH
+            },
+            children: retryLabel
+          }
+        )
+      ]
+    }
+  );
+});
 ErrorState.displayName = "ErrorState";
 var ErrorState_default = ErrorState;
 
@@ -128,4 +144,4 @@ export {
   ErrorState,
   ErrorState_default
 };
-//# sourceMappingURL=chunk-E67PUPFJ.js.map
+//# sourceMappingURL=chunk-NQC6H7GY.js.map

package/dist/chunk-NQC6H7GY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/ErrorState/ErrorState.tsx"],"sourcesContent":["import ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';\nimport RefreshIcon from '@mui/icons-material/Refresh';\nimport WarningAmberIcon from '@mui/icons-material/WarningAmber';\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport Stack from '@mui/material/Stack/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport {\n  ERROR_ICON_BOX,\n  ERROR_ICON_BOX_OPACITY,\n  ERROR_ICON_SIZE,\n  ERROR_MESSAGE_LINE_HEIGHT,\n  ERROR_MESSAGE_MAX_WIDTH,\n  ERROR_STATE_GAP_UNITS,\n  ERROR_STATE_MIN_HEIGHT,\n  ERROR_STATE_PADDING_UNITS,\n  ERROR_TEXT_GAP_UNITS,\n  RETRY_MARGIN_TOP_UNITS,\n  RETRY_MIN_WIDTH,\n} from './ErrorState.metrics';\nimport type { ErrorStateProps, ErrorStateSeverity } from './ErrorState.types';\nimport { resolveTestId } from '../../../platform/test-id';\n\nconst makeTestId =\n  (dataTestId?: string) =>\n  (suffix: string): string =>\n    dataTestId ? `${dataTestId}-${suffix}` : `error-state-${suffix}`;\n\nconst paletteFor = (theme: Theme, severity: ErrorStateSeverity) =>\n  severity === 'error' ? theme.palette.error : theme.palette.warning;\n\nconst ErrorIcon: React.FC<{\n  severity: ErrorStateSeverity;\n  icon?: React.ReactNode;\n  testId: string;\n}> = ({ severity, icon, testId }) => {\n  const theme = useTheme();\n  const color = paletteFor(theme, severity);\n  const Fallback = severity === 'error' ? ErrorOutlineIcon : WarningAmberIcon;\n\n  return (\n    <Box\n      data-testid={testId}\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: ERROR_ICON_BOX,\n        height: ERROR_ICON_BOX,\n        borderRadius: '50%',\n        backgroundColor: color.light,\n        opacity: ERROR_ICON_BOX_OPACITY,\n      }}\n    >\n      {icon || <Fallback sx={{ fontSize: ERROR_ICON_SIZE, color: color.main }} />}\n    </Box>\n  );\n};\n\nconst ErrorText: React.FC<{\n  title?: string;\n  message: string;\n  titleId: string;\n  testId: (suffix: string) => string;\n}> = ({ title, message, titleId, testId }) => {\n  const theme = useTheme();\n\n  return (\n    <Stack spacing={ERROR_TEXT_GAP_UNITS} alignItems=\"center\">\n      {title && (\n        <Typography\n          id={titleId}\n          variant=\"h6\"\n          component=\"h3\"\n          data-testid={testId('title')}\n          sx={{\n            fontWeight: theme.typography.fontWeightMedium,\n            color: theme.palette.text.primary,\n          }}\n        >\n          {title}\n        </Typography>\n      )}\n\n      <Typography\n        id={`${titleId}-message`}\n        variant=\"body2\"\n        color=\"text.secondary\"\n        data-testid={testId('message')}\n        sx={{\n          maxWidth: ERROR_MESSAGE_MAX_WIDTH,\n          lineHeight: ERROR_MESSAGE_LINE_HEIGHT,\n        }}\n      >\n        {message}\n      </Typography>\n    </Stack>\n  );\n};\n\nexport const ErrorState: React.FC<ErrorStateProps> = React.memo((props) => {\n  const {\n    message,\n    title,\n    onRetry,\n    retryLabel = 'Retry',\n    severity = 'error',\n    icon,\n    className,\n  } = props;\n  const theme = useTheme();\n  const titleId = React.useId();\n  // `dataTestId` is the documented spelling; `testID`, the shared contract's\n  // other one, resolves to the same id.\n  const dataTestId = resolveTestId(props);\n  const testId = makeTestId(dataTestId);\n\n  return (\n    <Box\n      role=\"alert\"\n      aria-labelledby={title ? titleId : undefined}\n      aria-describedby={`${titleId}-message`}\n      className={className}\n      data-testid={dataTestId || 'error-state'}\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'center',\n        textAlign: 'center',\n        padding: theme.spacing(ERROR_STATE_PADDING_UNITS),\n        minHeight: ERROR_STATE_MIN_HEIGHT,\n        gap: theme.spacing(ERROR_STATE_GAP_UNITS),\n      }}\n    >\n      <ErrorIcon severity={severity} icon={icon} testId={testId('icon')} />\n\n      <ErrorText title={title} message={message} titleId={titleId} testId={testId} />\n\n      {onRetry && (\n        <Button\n          variant=\"outlined\"\n          color={severity}\n          onClick={onRetry}\n          startIcon={<RefreshIcon />}\n          data-testid={testId('retry-button')}\n          sx={{\n            mt: theme.spacing(RETRY_MARGIN_TOP_UNITS),\n            minWidth: RETRY_MIN_WIDTH,\n          }}\n        >\n          {retryLabel}\n        </Button>\n      )}\n    </Box>\n  );\n});\n\nErrorState.displayName = 'ErrorState';\n\nexport default ErrorState;\n"],"mappings":"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","names":[]}