@12-apps/ui 6.93.0 → 6.93.2

package/dist/{chunk-COK65GX2.js → chunk-KURE5R7Z.js}

@@ -11,6 +11,11 @@ import CircularProgress from "@mui/material/CircularProgress/index.js";
 import DialogActions from "@mui/material/DialogActions/index.js";
 import { styled, useTheme } from "@mui/material/styles/index.js";
 import { jsx } from "react/jsx-runtime";
+var ALERT_DIALOG_CONTAINER = "alert-dialog";
+var ALERT_DIALOG_NARROW_BELOW = 480;
+function narrowDialog(theme) {
+  return `@container ${ALERT_DIALOG_CONTAINER} (width < ${rem(theme, ALERT_DIALOG_NARROW_BELOW)})`;
+}
 var StyledDialogActions = styled(DialogActions, {
   shouldForwardProp: (prop) => prop !== "fill"
 })(({ theme, fill }) => ({
@@ -21,7 +26,9 @@ var StyledDialogActions = styled(DialogActions, {
   // A 40px tap target, the floor the kit's own Button keeps (FUT-3269): MUI's
   // medium button is 37px, short of it on a phone.
   "& > .MuiButton-root": { minHeight: rem(theme, 40) },
-  ...fill && { "& > .MuiButton-root": { flexGrow: 1, minHeight: rem(theme, 40) } }
+  ...fill && { "& > .MuiButton-root": { flexGrow: 1, minHeight: rem(theme, 40) } },
+  // A PAIR only: a lone button (`showCancel={false}`) keeps its own width.
+  [narrowDialog(theme)]: { "& > .MuiButton-root:not(:only-child)": { flexGrow: 1 } }
 }));
 var confirmButtonColor = (variant) => variant === "destructive" ? "error" : "primary";
 var buttonLooks = (emphasis, variant) => emphasis === "cancel" ? {
@@ -97,6 +104,9 @@ function AlertDialogFooter({
 }
 
 export {
+  ALERT_DIALOG_CONTAINER,
+  ALERT_DIALOG_NARROW_BELOW,
+  narrowDialog,
   AlertDialogFooter
 };
-//# sourceMappingURL=chunk-COK65GX2.js.map
+//# sourceMappingURL=chunk-KURE5R7Z.js.map

package/dist/chunk-KURE5R7Z.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/AlertDialog/AlertDialog.parts.tsx"],"sourcesContent":["/**\n * The AlertDialog's action row, kept apart from the dialog shell so each stays\n * inside the complexity budget: which button is filled, where each one sits,\n * and how the row wraps.\n */\nimport type { ButtonProps } from '@mui/material/Button/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport DialogActions from '@mui/material/DialogActions/index.js';\nimport { styled, useTheme } from '@mui/material/styles/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { rem } from '../../../tokens/relative';\nimport { EN_US_UI_LABELS } from '../../../en-US.labels';\n\nimport type { AlertDialogProps } from './AlertDialog.types';\n\n/** The query container the dialog's narrow layout reads: its `.MuiDialog-container`. */\nexport const ALERT_DIALOG_CONTAINER = 'alert-dialog';\n\n/**\n * Below this width of the space the dialog is given, it lays out for a phone:\n * the icon above the title, the buttons each across the row. 480px covers\n * every phone (320–430) and leaves a tablet's dialog as it was.\n */\nexport const ALERT_DIALOG_NARROW_BELOW = 480;\n\n/** `@container` for a dialog given less than {@link ALERT_DIALOG_NARROW_BELOW}. Never a media query. */\nexport function narrowDialog(theme: Theme): string {\n  return `@container ${ALERT_DIALOG_CONTAINER} (width < ${rem(theme, ALERT_DIALOG_NARROW_BELOW)})`;\n}\n\n/**\n * The action row WRAPS WHOLE BUTTONS; it never breaks a label inside one. A pair\n * that did not fit side by side used to squeeze the longer label onto two\n * lines, so one button stood twice as tall as its neighbour. Now the row breaks\n * instead. `wrap-reverse` puts the LAST button — the primary, whichever\n * `emphasis` picks — on top when it stacks, the same slot it holds on the right\n * when the row fits. A pair that fits is laid out exactly as before: natural\n * widths, pushed to the right.\n *\n * `fill` — set only by `emphasis=\"cancel\"` — lets the buttons grow to share the\n * row, and so to take the full width of their line once it stacks. It is not\n * the default because growing also stretches a pair that fits, which would\n * redraw every existing dialog's footer.\n *\n * Narrow (a dialog given less than {@link ALERT_DIALOG_NARROW_BELOW}, a\n * phone) a PAIR of buttons always grows (a lone one keeps its width), so a pair that stacks is two buttons each\n * across the row rather than two ragged widths pushed to the right\n * (FUT-3831). The stacked ORDER is the library's rule, the platforms' too\n * (Material's stacked dialog actions, Apple's stacked alert buttons): the\n * primary on top and the dismissive one at the bottom, the slot a thumb\n * reaches first — so on a destructive question the safe tap is the near one,\n * and Cancel is still FIRST in the DOM, the tab order. See\n * `components-guidelines.md`, \"Stacked buttons\".\n *\n * Rendered with `disableSpacing`: MUI's own spacing is a left margin on every\n * button after the first, which would indent a button that wrapped onto a line\n * of its own. The gaps below replace it, at the same 16px across.\n */\nconst StyledDialogActions = styled(DialogActions, {\n  shouldForwardProp: (prop) => prop !== 'fill',\n})<{ fill: boolean }>(({ theme, fill }) => ({\n  padding: theme.spacing(2, 3, 3, 3),\n  flexWrap: 'wrap-reverse',\n  columnGap: theme.spacing(2),\n  rowGap: theme.spacing(1),\n  // A 40px tap target, the floor the kit's own Button keeps (FUT-3269): MUI's\n  // medium button is 37px, short of it on a phone.\n  '& > .MuiButton-root': { minHeight: rem(theme, 40) },\n  ...(fill && { '& > .MuiButton-root': { flexGrow: 1, minHeight: rem(theme, 40) } }),\n  // A PAIR only: a lone button (`showCancel={false}`) keeps its own width.\n  [narrowDialog(theme)]: { '& > .MuiButton-root:not(:only-child)': { flexGrow: 1 } },\n}));\n\nconst confirmButtonColor = (variant: AlertDialogProps['variant']): 'error' | 'primary' =>\n  variant === 'destructive' ? 'error' : 'primary';\n\ninterface ButtonLook {\n  variant: ButtonProps['variant'];\n  color: ButtonProps['color'];\n}\n\n/**\n * How each button is drawn, by `emphasis`: the emphasised one is filled, the\n * other a NEUTRAL outline. Primary / neutral both ways round — a confirm that\n * steps down drops the variant's colour too, so the one filled button is the\n * only coloured thing in the row and the eye has a single place to land.\n */\nconst buttonLooks = (\n  emphasis: AlertDialogProps['emphasis'],\n  variant: AlertDialogProps['variant'],\n): { cancel: ButtonLook; confirm: ButtonLook } =>\n  emphasis === 'cancel'\n    ? {\n        cancel: { variant: 'contained', color: 'primary' },\n        confirm: { variant: 'outlined', color: 'inherit' },\n      }\n    : {\n        cancel: { variant: 'outlined', color: 'inherit' },\n        confirm: { variant: 'contained', color: confirmButtonColor(variant) },\n      };\n\n/**\n * The emphasis that applies: `cancel` only while the cancel is shown. A hidden\n * cancel with the confirm stepped down would leave a dialog with no primary.\n */\nconst effectiveEmphasis = (\n  emphasis: AlertDialogProps['emphasis'],\n  showCancel: boolean,\n): NonNullable<AlertDialogProps['emphasis']> =>\n  emphasis === 'cancel' && showCancel ? 'cancel' : 'confirm';\n\n/**\n * Whether the cancel owns focus on open: what `initialFocus` says, and when it\n * says nothing, the emphasised button — so Enter on a steered question keeps\n * the work instead of completing the loss.\n */\nconst focusesCancel = (\n  initialFocus: AlertDialogProps['initialFocus'],\n  emphasis: NonNullable<AlertDialogProps['emphasis']>,\n): boolean => (initialFocus ?? emphasis) === 'cancel';\n\n/** The two buttons in slot order: the emphasised one LAST, the primary slot. */\nconst inSlotOrder = (\n  emphasis: AlertDialogProps['emphasis'],\n  cancel: React.ReactNode,\n  confirm: React.ReactNode,\n): React.ReactNode[] => (emphasis === 'cancel' ? [confirm, cancel] : [cancel, confirm]);\n\n/**\n * Action row: the optional cancel button and the (variant-coloured) confirm,\n * with the emphasised one LAST — the primary slot, on the right or, once the\n * row stacks, on top. DOM order is the tab order, so it follows the same rule.\n */\nexport function AlertDialogFooter({\n  variant,\n  cancelText = EN_US_UI_LABELS.alertDialog.cancel,\n  confirmText = EN_US_UI_LABELS.alertDialog.confirm,\n  showCancel = true,\n  loading = false,\n  confirmDisabled = false,\n  initialFocus,\n  emphasis: asked,\n  onCancel,\n  onConfirm,\n  dataTestId,\n}: Pick<\n  AlertDialogProps,\n  | 'variant'\n  | 'cancelText'\n  | 'confirmText'\n  | 'showCancel'\n  | 'loading'\n  | 'confirmDisabled'\n  | 'initialFocus'\n  | 'emphasis'\n> & {\n  onCancel: () => void;\n  onConfirm: () => void;\n  dataTestId: string;\n}): React.ReactElement {\n  const theme = useTheme();\n  const emphasis = effectiveEmphasis(asked, showCancel);\n  const look = buttonLooks(emphasis, variant);\n  const cancelFocused = focusesCancel(initialFocus, emphasis);\n  const cancel = showCancel && (\n    <Button\n      key=\"cancel\"\n      onClick={onCancel}\n      variant={look.cancel.variant}\n      color={look.cancel.color}\n      disabled={loading}\n      autoFocus={cancelFocused}\n      data-testid={`${dataTestId}-cancel-button`}\n    >\n      {cancelText}\n    </Button>\n  );\n  const confirm = (\n    <Button\n      key=\"confirm\"\n      onClick={onConfirm}\n      variant={look.confirm.variant}\n      color={look.confirm.color}\n      disabled={confirmDisabled || loading}\n      startIcon={\n        loading ? (\n          <CircularProgress\n            size={rem(theme, 16)}\n            color=\"inherit\"\n            data-testid={`${dataTestId}-loading-spinner`}\n          />\n        ) : undefined\n      }\n      autoFocus={!cancelFocused}\n      data-testid={`${dataTestId}-confirm-button`}\n    >\n      {confirmText}\n    </Button>\n  );\n  return (\n    <StyledDialogActions\n      disableSpacing\n      fill={emphasis === 'cancel'}\n      data-testid={`${dataTestId}-actions`}\n    >\n      {inSlotOrder(emphasis, cancel, confirm)}\n    </StyledDialogActions>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-MAYAJXO6.js → chunk-KXDLLS62.js}

@@ -1,12 +1,12 @@
+import {
+  DAY_RULER_METRICS
+} from "./chunk-273OLFJD.js";
 import {
   createdSpan,
   hourAt,
   moved,
   resized
-} from "./chunk-LE5JYNR7.js";
-import {
-  DAY_RULER_METRICS
-} from "./chunk-7ZQ3KQ7J.js";
+} from "./chunk-L5CAHQIN.js";
 import {
   useDragWindow,
   useTrailingClick
@@ -101,4 +101,4 @@ function useRulerDrag(scale, handlers) {
 export {
   useRulerDrag
 };
-//# sourceMappingURL=chunk-MAYAJXO6.js.map
+//# sourceMappingURL=chunk-KXDLLS62.js.map

package/dist/{chunk-LE5JYNR7.js → chunk-L5CAHQIN.js}

@@ -42,6 +42,25 @@ function ticksOf(from, to, step) {
   for (let h = from; h <= to + 1e-9; h += step) out.push(h);
   return out;
 }
+function hitBoundsOf(spans) {
+  const order = spans.map((_, index) => index).sort((a, b) => spans[a].at - spans[b].at);
+  const out = spans.map(() => ({ lo: 0, hi: 100 }));
+  for (let k = 1; k < order.length; k += 1) {
+    const left = spans[order[k - 1]];
+    const right = spans[order[k]];
+    const leftEnd = left.at + left.share;
+    const mid = leftEnd <= right.at ? (leftEnd + right.at) / 2 : null;
+    out[order[k - 1]].hi = Math.min(out[order[k - 1]].hi, mid ?? leftEnd);
+    out[order[k]].lo = Math.max(out[order[k]].lo, mid ?? right.at);
+  }
+  return out;
+}
+function textFitOf(fullWidth, shortWidth, room) {
+  const slack = 0.5;
+  if (fullWidth <= room + slack) return "full";
+  if (shortWidth <= room + slack) return "short";
+  return "none";
+}
 
 export {
   snapTo,
@@ -53,6 +72,8 @@ export {
   moved,
   resized,
   createdSpan,
-  ticksOf
+  ticksOf,
+  hitBoundsOf,
+  textFitOf
 };
-//# sourceMappingURL=chunk-LE5JYNR7.js.map
+//# sourceMappingURL=chunk-L5CAHQIN.js.map

package/dist/chunk-L5CAHQIN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DayRuler/day-ruler-model.ts"],"sourcesContent":["import type { RulerHour } from './DayRuler.types';\n\n/**\n * THE RULER'S ARITHMETIC, as pure functions (FUT-3825): snapping, clamping,\n * positions and the HH:MM the ruler writes. Hours are from the day's\n * midnight; past 24 is the next morning.\n */\n\n/** `h` on the `snap`-hour grid (0.25 for 15 minutes). */\nexport function snapTo(h: RulerHour, snap: number): RulerHour {\n  return snap > 0 ? Math.round(h / snap) * snap : h;\n}\n\nexport function clamp(h: RulerHour, from: RulerHour, to: RulerHour): RulerHour {\n  return Math.min(to, Math.max(from, h));\n}\n\n/** The hour under `x` on a track whose box starts at `left` and is `width` wide, snapped and clamped. */\nexport function hourAt(x: number, left: number, width: number, from: RulerHour, to: RulerHour, snap: number): RulerHour {\n  const share = width > 0 ? (x - left) / width : 0;\n  return clamp(snapTo(from + share * (to - from), snap), from, to);\n}\n\n/** Where `h` sits along the ruler, 0..100 (%), clamped to it. */\nexport function percentOf(h: RulerHour, from: RulerHour, to: RulerHour): number {\n  return ((clamp(h, from, to) - from) / (to - from)) * 100;\n}\n\n/** \"20:45\"; 26 → \"02:00\", 24 → \"00:00\". */\nexport function formatHour(h: RulerHour): string {\n  const minutes = Math.round(h * 60);\n  const hh = Math.floor(minutes / 60) % 24;\n  const mm = minutes % 60;\n  return `${String(hh).padStart(2, '0')}:${String(mm).padStart(2, '0')}`;\n}\n\n/** \"20:45–00:45\". */\nexport function formatRange(start: RulerHour, end: RulerHour): string {\n  return `${formatHour(start)}–${formatHour(end)}`;\n}\n\n/** A block slid by `delta`, keeping its length and staying on the ruler. */\nexport function moved(start: RulerHour, end: RulerHour, delta: number, from: RulerHour, to: RulerHour): [RulerHour, RulerHour] {\n  const length = end - start;\n  const next = clamp(start + delta, from, to - length);\n  return [next, next + length];\n}\n\n/** A block whose `side` was dragged to `h`, never shorter than `minHours`, never off the ruler. */\nexport function resized(\n  start: RulerHour,\n  end: RulerHour,\n  side: 'start' | 'end',\n  h: RulerHour,\n  minHours: number,\n  from: RulerHour,\n  to: RulerHour,\n): [RulerHour, RulerHour] {\n  if (side === 'start') return [clamp(Math.min(h, end - minHours), from, to), end];\n  return [start, clamp(Math.max(h, start + minHours), from, to)];\n}\n\n/** A click alone (shorter than `minHours`) becomes `createHours` from where it was pressed. */\nexport function createdSpan(\n  a: RulerHour,\n  b: RulerHour,\n  minHours: number,\n  createHours: number,\n  to: RulerHour,\n): [RulerHour, RulerHour] {\n  const start = Math.min(a, b);\n  const end = Math.max(a, b);\n  if (end - start >= minHours) return [start, end];\n  return [start, Math.min(to, start + createHours)];\n}\n\n/** The axis labels: every `step` hours from `from` to `to`, both ends included. */\nexport function ticksOf(from: RulerHour, to: RulerHour, step: number): RulerHour[] {\n  const out: RulerHour[] = [];\n  if (step <= 0) return [from, to];\n  for (let h = from; h <= to + 1e-9; h += step) out.push(h);\n  return out;\n}\n\n/** A bar along the track: where it starts and how long it is, both in % of the track. */\nexport interface TrackSpan {\n  at: number;\n  share: number;\n}\n\n/**\n * How far each bar's hit band may reach, in % of the track (FUT-3831): from\n * `lo` to `hi`, never past the track's ends and never past the MIDPOINT of\n * the gap to the bar beside it, so a band widened round a short bar cannot\n * take a tap meant for its neighbour. Two bars that touch or overlap give each\n * other nothing: the band stays on the bar's own edge on that side.\n *\n * The band itself is drawn in CSS — at least the hit area wide, centred on the\n * bar, then cut to `lo…hi` — because the bar's width in px is the layout's.\n */\nexport function hitBoundsOf(spans: readonly TrackSpan[]): { lo: number; hi: number }[] {\n  const order = spans.map((_, index) => index).sort((a, b) => spans[a]!.at - spans[b]!.at);\n  const out = spans.map(() => ({ lo: 0, hi: 100 }));\n  for (let k = 1; k < order.length; k += 1) {\n    const left = spans[order[k - 1]!]!;\n    const right = spans[order[k]!]!;\n    const leftEnd = left.at + left.share;\n    const mid = leftEnd <= right.at ? (leftEnd + right.at) / 2 : null;\n    out[order[k - 1]!]!.hi = Math.min(out[order[k - 1]!]!.hi, mid ?? leftEnd);\n    out[order[k]!]!.lo = Math.max(out[order[k]!]!.lo, mid ?? right.at);\n  }\n  return out;\n}\n\n/** What a block can say in its bar: its full text, its start, or nothing. */\nexport type BlockTextFit = 'full' | 'short' | 'none';\n\n/**\n * Which of a block's texts fits the room it leaves inside the bar, by pixels\n * (FUT-3831): the full one, else the short one, else NOTHING — a cut \"12:\"\n * says less than an empty bar whose title and accessible name carry the text.\n */\nexport function textFitOf(fullWidth: number, shortWidth: number, room: number): BlockTextFit {\n  const slack = 0.5;\n  if (fullWidth <= room + slack) return 'full';\n  if (shortWidth <= room + slack) return 'short';\n  return 'none';\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-DBI6AMNY.js → chunk-LKWXU6NH.js}

@@ -1,9 +1,9 @@
+import {
+  DataViewsDisplayPanel
+} from "./chunk-EE6DJPB7.js";
 import {
   DataViewsExportMenu
 } from "./chunk-4NG3LTRX.js";
-import {
-  DataViewsDisplayPanel
-} from "./chunk-6HXNFNOB.js";
 import {
   STICKY_BAR_ATTR
 } from "./chunk-4IE66GY2.js";
@@ -143,4 +143,4 @@ function GridToolbar(props) {
 export {
   GridToolbar
 };
-//# sourceMappingURL=chunk-DBI6AMNY.js.map
+//# sourceMappingURL=chunk-LKWXU6NH.js.map

package/dist/chunk-MPVH2GM5.js

@@ -0,0 +1,83 @@
+import {
+  footerCellSx,
+  footerNoteSx,
+  trendSx
+} from "./chunk-WSSD7H5E.js";
+import {
+  coverageLabelSx,
+  coverageSx,
+  lineSx
+} from "./chunk-5AZEDQXX.js";
+import {
+  formatHour
+} from "./chunk-L5CAHQIN.js";
+import {
+  SR_ONLY_SX
+} from "./chunk-SJAOQGQI.js";
+
+// src/components/data-display/DayRuler/DayRuler.footer.tsx
+import Box from "@mui/material/Box/index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function trendPoints(values, hours) {
+  const present = values.slice(0, hours).filter((value) => value !== null);
+  const max = Math.max(0, ...present);
+  return values.slice(0, hours).flatMap((value, index) => {
+    if (value === null) return [];
+    const x = (index + 0.5) * 100 / hours;
+    const y = max > 0 ? 38 - value / max * 34 : 38;
+    return [`${x.toFixed(2)},${y.toFixed(2)}`];
+  }).join(" ");
+}
+var hourWords = (hour, text) => text ? `${formatHour(hour)} \xB7 ${text}` : formatHour(hour);
+function markedWords(cell, hour, marked) {
+  return cell.title ?? `${hourWords(hour, cell.text)} \xB7 ${marked}`;
+}
+function FooterCells({ cells, ctx }) {
+  return /* @__PURE__ */ jsx(Box, { sx: coverageSx(ctx.hours), children: Array.from({ length: ctx.hours }, (_, index) => {
+    const cell = cells[index] ?? { text: "" };
+    const hour = ctx.from + index;
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        component: "span",
+        sx: footerCellSx(Boolean(cell.marked)),
+        title: cell.marked ? markedWords(cell, hour, ctx.marked) : cell.title ?? hourWords(hour, cell.text),
+        "data-marked": cell.marked ? "" : void 0,
+        children: cell.marked ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: cell.text }),
+          /* @__PURE__ */ jsx(Box, { component: "span", sx: SR_ONLY_SX, children: markedWords(cell, hour, ctx.marked) })
+        ] }) : cell.text
+      },
+      index
+    );
+  }) });
+}
+function trendWords(values, ctx) {
+  return values.slice(0, ctx.hours).flatMap((value, index) => value === null ? [] : [`${formatHour(ctx.from + index)} ${Math.round(value * 10) / 10}`]).join(" \xB7 ");
+}
+function FooterFigures({ row, ctx }) {
+  if (row.trend) {
+    return /* @__PURE__ */ jsxs(Box, { component: "span", sx: { display: "block", minWidth: 0 }, children: [
+      /* @__PURE__ */ jsx(Box, { component: "svg", viewBox: "0 0 100 40", preserveAspectRatio: "none", sx: trendSx, "aria-hidden": true, children: /* @__PURE__ */ jsx("polyline", { fill: "none", stroke: "currentColor", strokeWidth: 1.5, vectorEffect: "non-scaling-stroke", points: trendPoints(row.trend, ctx.hours) }) }),
+      /* @__PURE__ */ jsx(Box, { component: "span", sx: SR_ONLY_SX, children: trendWords(row.trend, ctx) })
+    ] });
+  }
+  if (row.note !== void 0) {
+    return /* @__PURE__ */ jsx(Box, { component: "span", sx: footerNoteSx(Boolean(row.marked)), "data-marked": row.marked ? "" : void 0, children: row.note });
+  }
+  return /* @__PURE__ */ jsx(FooterCells, { cells: row.cells ?? [], ctx });
+}
+function GroupFooter(props) {
+  const { rows, scale, testId } = props;
+  const ctx = { hours: scale.to - scale.from, from: scale.from, marked: props.marked };
+  return /* @__PURE__ */ jsx(Fragment, { children: rows.map((row) => /* @__PURE__ */ jsxs(Box, { sx: lineSx, "data-testid": `${testId}-footer-${row.id}`, children: [
+    /* @__PURE__ */ jsx(Box, { component: "span", sx: coverageLabelSx, children: row.label }),
+    /* @__PURE__ */ jsx(FooterFigures, { row, ctx })
+  ] }, row.id)) });
+}
+
+export {
+  trendPoints,
+  GroupFooter
+};
+//# sourceMappingURL=chunk-MPVH2GM5.js.map

package/dist/chunk-MPVH2GM5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DayRuler/DayRuler.footer.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport type * as React from 'react';\n\nimport { SR_ONLY_SX } from '../ScheduleGrid/ScheduleGrid.styles';\nimport type { RulerScale } from './DayRuler.keyboard';\nimport { coverageLabelSx, coverageSx, lineSx } from './DayRuler.styles';\nimport { footerCellSx, footerNoteSx, trendSx } from './DayRuler.footer.styles';\nimport type { DayRulerFooterCell, DayRulerFooterRow, RulerHour } from './DayRuler.types';\nimport { formatHour } from './day-ruler-model';\n\n/** The points of a trend over the hours' centres, in a 100 × 40 box: the highest value near the top, `null` breaks nothing (it is skipped). */\nexport function trendPoints(values: readonly (number | null)[], hours: number): string {\n  const present = values.slice(0, hours).filter((value): value is number => value !== null);\n  const max = Math.max(0, ...present);\n  return values\n    .slice(0, hours)\n    .flatMap((value, index) => {\n      if (value === null) return [];\n      const x = ((index + 0.5) * 100) / hours;\n      const y = max > 0 ? 38 - (value / max) * 34 : 38;\n      return [`${x.toFixed(2)},${y.toFixed(2)}`];\n    })\n    .join(' ');\n}\n\n/** One hour's default words: \"20:00 · 4\"; just the hour when it says nothing. */\nconst hourWords = (hour: RulerHour, text: string): string => (text ? `${formatHour(hour)} · ${text}` : formatHour(hour));\n\n/** What a reader hears for a marked hour: the host's `title`, else the hour, its count and that it is short. */\nfunction markedWords(cell: DayRulerFooterCell, hour: RulerHour, marked: string): string {\n  return cell.title ?? `${hourWords(hour, cell.text)} · ${marked}`;\n}\n\ninterface FooterContext {\n  hours: number;\n  from: RulerHour;\n  /** `labels.footerMarked`. */\n  marked: string;\n}\n\nfunction FooterCells({ cells, ctx }: { cells: readonly DayRulerFooterCell[]; ctx: FooterContext }): React.JSX.Element {\n  return (\n    <Box sx={coverageSx(ctx.hours)}>\n      {Array.from({ length: ctx.hours }, (_, index) => {\n        const cell = cells[index] ?? { text: '' };\n        const hour = ctx.from + index;\n        return (\n          <Box\n            key={index}\n            component=\"span\"\n            sx={footerCellSx(Boolean(cell.marked))}\n            title={cell.marked ? markedWords(cell, hour, ctx.marked) : (cell.title ?? hourWords(hour, cell.text))}\n            data-marked={cell.marked ? '' : undefined}\n          >\n            {/* A marked hour is said in words too, not only by its outline and a tooltip touch never shows. */}\n            {cell.marked ? (\n              <>\n                <span aria-hidden>{cell.text}</span>\n                <Box component=\"span\" sx={SR_ONLY_SX}>\n                  {markedWords(cell, hour, ctx.marked)}\n                </Box>\n              </>\n            ) : (\n              cell.text\n            )}\n          </Box>\n        );\n      })}\n    </Box>\n  );\n}\n\n/** A trend's figures in words, for the reader the drawn line does not reach: \"11:00 4 · 12:00 6\". */\nfunction trendWords(values: readonly (number | null)[], ctx: FooterContext): string {\n  return values\n    .slice(0, ctx.hours)\n    .flatMap((value, index) => (value === null ? [] : [`${formatHour(ctx.from + index)} ${Math.round(value * 10) / 10}`]))\n    .join(' · ');\n}\n\nfunction FooterFigures({ row, ctx }: { row: DayRulerFooterRow; ctx: FooterContext }): React.JSX.Element {\n  if (row.trend) {\n    return (\n      <Box component=\"span\" sx={{ display: 'block', minWidth: 0 }}>\n        <Box component=\"svg\" viewBox=\"0 0 100 40\" preserveAspectRatio=\"none\" sx={trendSx} aria-hidden>\n          <polyline fill=\"none\" stroke=\"currentColor\" strokeWidth={1.5} vectorEffect=\"non-scaling-stroke\" points={trendPoints(row.trend, ctx.hours)} />\n        </Box>\n        <Box component=\"span\" sx={SR_ONLY_SX}>\n          {trendWords(row.trend, ctx)}\n        </Box>\n      </Box>\n    );\n  }\n  if (row.note !== undefined) {\n    return (\n      <Box component=\"span\" sx={footerNoteSx(Boolean(row.marked))} data-marked={row.marked ? '' : undefined}>\n        {row.note}\n      </Box>\n    );\n  }\n  return <FooterCells cells={row.cells ?? []} ctx={ctx} />;\n}\n\n/**\n * A group's lines under its rows (FUT-3882): counts per hour, a trend, or a\n * sentence, on the tracks' columns. `marked` is `labels.footerMarked`.\n */\nexport function GroupFooter(props: { rows: readonly DayRulerFooterRow[]; scale: RulerScale; testId: string; marked: string }): React.JSX.Element {\n  const { rows, scale, testId } = props;\n  const ctx: FooterContext = { hours: scale.to - scale.from, from: scale.from, marked: props.marked };\n  return (\n    <>\n      {rows.map((row) => (\n        <Box key={row.id} sx={lineSx} data-testid={`${testId}-footer-${row.id}`}>\n          <Box component=\"span\" sx={coverageLabelSx}>\n            {row.label}\n          </Box>\n          <FooterFigures row={row} ctx={ctx} />\n        </Box>\n      ))}\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-6DO672AG.js → chunk-N5PVD4J5.js}

@@ -1,3 +1,9 @@
+import {
+  badgeContentOf,
+  definedAria,
+  formatCount,
+  resolveBadgeProps
+} from "./chunk-6C5D6O3D.js";
 import {
   buildBadgeContent
 } from "./chunk-ZNCYCE7L.js";
@@ -5,12 +11,6 @@ import {
   badgeStyles,
   getAnchorOrigin
 } from "./chunk-2L3VRVRE.js";
-import {
-  badgeContentOf,
-  definedAria,
-  formatCount,
-  resolveBadgeProps
-} from "./chunk-6C5D6O3D.js";
 import {
   CLOSE_DELAY_MS,
   MOUNT_ANIMATION_MS
@@ -180,4 +180,4 @@ Badge.displayName = "Badge";
 export {
   Badge
 };
-//# sourceMappingURL=chunk-6DO672AG.js.map
+//# sourceMappingURL=chunk-N5PVD4J5.js.map

package/dist/{chunk-ZYZPSBNQ.js → chunk-OGSTMHT6.js}

@@ -1,6 +1,8 @@
 import {
-  AlertDialogFooter
-} from "./chunk-COK65GX2.js";
+  ALERT_DIALOG_CONTAINER,
+  AlertDialogFooter,
+  narrowDialog
+} from "./chunk-KURE5R7Z.js";
 import {
   EN_US_UI_LABELS
 } from "./chunk-XOXXG7Q5.js";
@@ -39,9 +41,12 @@ var pulseAnimation = (theme) => keyframes`
     opacity: 0;
   }
 `;
+var QUERY_CONTAINER = {
+  "& .MuiDialog-container": { containerType: "inline-size", containerName: ALERT_DIALOG_CONTAINER }
+};
 var StyledDialog = styled(Dialog, {
   shouldForwardProp: (prop) => !["customVariant", "glow", "pulse"].includes(prop)
-})(({ theme, customVariant, glow, pulse }) => ({
+})(QUERY_CONTAINER, ({ theme, customVariant, glow, pulse }) => ({
   "& .MuiDialog-paper": {
     borderRadius: theme.spacing(2),
     transition: "all 0.3s ease",
@@ -115,7 +120,9 @@ var StyledDialog = styled(Dialog, {
     }
   }
 }));
-var StyledDialogTitle = styled(DialogTitle)(({ theme }) => ({
+var StyledDialogTitle = styled(DialogTitle, {
+  shouldForwardProp: (prop) => prop !== "withIcon"
+})(({ theme, withIcon }) => ({
   display: "flex",
   alignItems: "center",
   gap: theme.spacing(1.5),
@@ -124,6 +131,14 @@ var StyledDialogTitle = styled(DialogTitle)(({ theme }) => ({
   "& .MuiTypography-root": {
     fontWeight: 600,
     fontSize: rem(theme, 20)
+  },
+  ...withIcon && {
+    [narrowDialog(theme)]: {
+      flexDirection: "column",
+      alignItems: "flex-start",
+      paddingRight: theme.spacing(3),
+      "& > [data-alert-icon]": { display: "flex", minHeight: rem(theme, 24) }
+    }
   }
 }));
 var StyledDialogContent = styled(DialogContent)(({ theme }) => ({
@@ -162,8 +177,8 @@ function AlertDialogHeader({
   dataTestId
 }) {
   if (!title) return null;
-  return /* @__PURE__ */ jsxs(StyledDialogTitle, { id: titleId(dataTestId), "data-testid": `${dataTestId}-title`, children: [
-    icon !== null && /* @__PURE__ */ jsx("span", { "data-testid": `${dataTestId}-icon`, children: variantIcon(variant, icon) }),
+  return /* @__PURE__ */ jsxs(StyledDialogTitle, { id: titleId(dataTestId), "data-testid": `${dataTestId}-title`, withIcon: icon !== null, children: [
+    icon !== null && /* @__PURE__ */ jsx("span", { "data-testid": `${dataTestId}-icon`, "data-alert-icon": "", children: variantIcon(variant, icon) }),
     /* @__PURE__ */ jsx(Typography, { variant: "h6", component: "span", children: title })
   ] });
 }
@@ -254,4 +269,4 @@ AlertDialog.displayName = "AlertDialog";
 export {
   AlertDialog
 };
-//# sourceMappingURL=chunk-ZYZPSBNQ.js.map
+//# sourceMappingURL=chunk-OGSTMHT6.js.map

package/dist/chunk-OGSTMHT6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/AlertDialog/AlertDialog.tsx"],"sourcesContent":["import Close from '@mui/icons-material/Close';\nimport Error from '@mui/icons-material/Error';\nimport Info from '@mui/icons-material/Info';\nimport Dialog from '@mui/material/Dialog/index.js';\nimport DialogContent from '@mui/material/DialogContent/index.js';\nimport DialogContentText from '@mui/material/DialogContentText/index.js';\nimport DialogTitle from '@mui/material/DialogTitle/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, keyframes, styled } from '@mui/material/styles/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { EN_US_UI_LABELS } from '../../../en-US.labels';\nimport { neutralTones } from '../../../tokens/ink';\n\nimport { ALERT_DIALOG_CONTAINER, AlertDialogFooter, narrowDialog } from './AlertDialog.parts';\nimport type { AlertDialogProps } from './AlertDialog.types';\nimport { rem, rems } from '../../../tokens/relative';\n\n// Define pulse animation\nconst pulseAnimation = (theme: Theme) => keyframes`\n  0% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 1;\n  }\n  70% {\n    box-shadow: 0 0 0 ${rem(theme, 15)} currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\n/**\n * The container the narrow layout answers to: the space the dialog is given\n * (the viewport, or the element a host portals it into), read with a\n * container query — never a media query (FUT-3831).\n */\nconst QUERY_CONTAINER = {\n  '& .MuiDialog-container': { containerType: 'inline-size', containerName: ALERT_DIALOG_CONTAINER },\n} as const;\n\nconst StyledDialog = styled(Dialog, {\n  shouldForwardProp: (prop) => \n    !['customVariant', 'glow', 'pulse'].includes(prop as string),\n})<{ \n  customVariant?: string; \n  glow?: boolean; \n  pulse?: boolean; \n}>(QUERY_CONTAINER, ({ theme, customVariant, glow, pulse }) => ({\n  '& .MuiDialog-paper': {\n    borderRadius: theme.spacing(2),\n    transition: 'all 0.3s ease',\n    position: 'relative',\n    overflow: 'hidden',\n\n    // Variant styles\n    ...(customVariant === 'default' && {\n      backgroundColor: theme.palette.background.paper,\n      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n    }),\n\n    // The error tint is LAYERED over the paper, not used as the background\n    // itself: `alpha(error, 0.05)` alone leaves the panel 95% transparent, so\n    // the page behind it showed straight through the question and its buttons.\n    // A confirm nobody can read is the one dialog that must never be hard to\n    // read. Same tint, opaque base.\n    ...(customVariant === 'destructive' && {\n      backgroundColor: theme.palette.background.paper,\n      backgroundImage: `linear-gradient(${alpha(theme.palette.error.main, 0.05)}, ${alpha(\n        theme.palette.error.main,\n        0.05,\n      )})`,\n      border: `1px solid ${alpha(theme.palette.error.main, 0.2)}`,\n    }),\n\n    ...(customVariant === 'glass' && {\n      backgroundColor: alpha(theme.palette.background.paper, 0.1),\n      backdropFilter: `blur(${rem(theme, 20)})`,\n      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n    }),\n\n    // Glow effect\n    ...(glow && !pulse && {\n      boxShadow: `0 0 ${rems(theme, 30, 10)} ${alpha(theme.palette.primary.main, 0.3)} !important`,\n      filter: 'brightness(1.05)',\n    }),\n\n    // Pulse animation\n    ...(pulse && !glow && {\n      position: 'relative',\n      '&::after': {\n        content: '\"\"',\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        borderRadius: 'inherit',\n        backgroundColor: theme.palette.primary.main,\n        opacity: 0.1,\n        animation: `${pulseAnimation(theme)} 2s infinite`,\n        pointerEvents: 'none',\n        zIndex: -1,\n      },\n    }),\n\n    // Both glow and pulse\n    ...(glow && pulse && {\n      position: 'relative',\n      boxShadow: `0 0 ${rems(theme, 30, 10)} ${alpha(theme.palette.primary.main, 0.3)} !important`,\n      filter: 'brightness(1.05)',\n      '&::after': {\n        content: '\"\"',\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        borderRadius: 'inherit',\n        backgroundColor: theme.palette.primary.main,\n        opacity: 0.1,\n        animation: `${pulseAnimation(theme)} 2s infinite`,\n        pointerEvents: 'none',\n        zIndex: -1,\n      },\n    }),\n  },\n}));\n\n/**\n * The title row. Wide: the icon beside the title, which keeps clear of the\n * close button. Narrow (a dialog given less than `narrowBelow`, a phone): the\n * icon ABOVE the title, beside the close button, so the question takes the\n * paper's whole width — at 320 the icon column and the close button had left\n * it about two words a line (FUT-3831). Without an icon the title keeps the\n * close button's clearance at every width.\n */\nconst StyledDialogTitle = styled(DialogTitle, {\n  shouldForwardProp: (prop) => prop !== 'withIcon',\n})<{ withIcon: boolean }>(({ theme, withIcon }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1.5),\n  paddingRight: theme.spacing(6), // Space for close button\n  '& .MuiTypography-root': {\n    fontWeight: 600,\n    fontSize: rem(theme, 20),\n  },\n  ...(withIcon && {\n    [narrowDialog(theme)]: {\n      flexDirection: 'column',\n      alignItems: 'flex-start',\n      paddingRight: theme.spacing(3),\n      '& > [data-alert-icon]': { display: 'flex', minHeight: rem(theme, 24) },\n    },\n  }),\n}));\n\nconst StyledDialogContent = styled(DialogContent)(({ theme }) => ({\n  paddingTop: theme.spacing(1),\n  paddingBottom: theme.spacing(2),\n}));\n\nconst CloseButton = styled(IconButton)(({ theme }) => ({\n  position: 'absolute',\n  right: theme.spacing(1),\n  top: theme.spacing(1),\n  // 40px, not the small IconButton's 34: the floor a phone's tap needs (FUT-3269).\n  width: rem(theme, 40),\n  height: rem(theme, 40),\n  color: neutralTones(theme).muted,\n}));\n\n/**\n * Per-variant lookups, hoisted out of the render function. They depend on\n * nothing but their arguments, so keeping them at module scope means they are\n * not rebuilt on every render — and it keeps the component's own branch count\n * inside the repo's complexity budget.\n */\nconst variantIcon = (\n  variant: AlertDialogProps['variant'],\n  icon: AlertDialogProps['icon'],\n): React.ReactNode => {\n  if (icon) return icon;\n  return variant === 'destructive' ? <Error color=\"error\" /> : <Info color=\"primary\" />;\n};\n\n/**\n * Ids for the two elements that give the dialog its accessible name and\n * description. Derived from the test id so they are stable and unique per\n * dialog without a generated id that would change on every render.\n */\nconst titleId = (dataTestId: string): string => `${dataTestId}-title`;\nconst descriptionId = (dataTestId: string): string => `${dataTestId}-description`;\n\n/**\n * `alertdialog`, not `dialog`.\n *\n * This component interrupts what the operator was doing and will not go away\n * until they answer — which is exactly the distinction the two roles draw, and\n * it is what makes a screen reader announce the message itself on open rather\n * than just the dialog's name. MUI hardcodes `role=\"dialog\"` on the paper, so\n * it has to be overridden through the paper slot.\n */\nconst ALERT_ROLE = 'alertdialog';\n\n/**\n * The paper slot's a11y props: the role, plus the name and description wired to\n * the elements that actually carry them, so the announcement is the QUESTION\n * rather than the word \"dialog\".\n *\n * Both references are conditional — pointing `aria-labelledby` at an element\n * that was never rendered leaves a dangling id, which screen readers treat as\n * no name at all, i.e. worse than omitting it.\n */\nfunction ariaSlotProps(\n  dataTestId: string,\n  title: AlertDialogProps['title'],\n  description: AlertDialogProps['description'],\n): { paper: Record<string, string> } {\n  return {\n    paper: {\n      role: ALERT_ROLE,\n      ...(title ? { 'aria-labelledby': titleId(dataTestId) } : {}),\n      ...(description ? { 'aria-describedby': descriptionId(dataTestId) } : {}),\n    },\n  };\n}\n\n/** Title row: the variant icon (unless explicitly suppressed with `null`) + the title. */\nfunction AlertDialogHeader({\n  title,\n  icon,\n  variant,\n  dataTestId,\n}: {\n  title: AlertDialogProps['title'];\n  icon: AlertDialogProps['icon'];\n  variant: AlertDialogProps['variant'];\n  dataTestId: string;\n}): React.ReactElement | null {\n  if (!title) return null;\n  return (\n    <StyledDialogTitle id={titleId(dataTestId)} data-testid={`${dataTestId}-title`} withIcon={icon !== null}>\n      {icon !== null && (\n        <span data-testid={`${dataTestId}-icon`} data-alert-icon=\"\">\n          {variantIcon(variant, icon)}\n        </span>\n      )}\n      <Typography variant=\"h6\" component=\"span\">\n        {title}\n      </Typography>\n    </StyledDialogTitle>\n  );\n}\n\nexport const AlertDialog = React.forwardRef<HTMLDivElement, AlertDialogProps>(\n  ({\n    variant = 'default',\n    glow = false,\n    pulse = false,\n    title,\n    description,\n    icon,\n    cancelText,\n    confirmText,\n    closeLabel = EN_US_UI_LABELS.common.close,\n    onCancel,\n    onConfirm,\n    showCancel,\n    loading,\n    confirmDisabled,\n    initialFocus,\n    emphasis,\n    children,\n    onClose,\n    'data-testid': dataTestId = 'alert-dialog',\n    ...props\n  }, ref) => {\n    const handleCancel = () => {\n      onCancel?.();\n      onClose?.({}, 'backdropClick');\n    };\n\n    return (\n      <StyledDialog\n        ref={ref}\n        customVariant={variant}\n        glow={glow}\n        pulse={pulse}\n        onClose={onClose}\n        data-testid={dataTestId}\n        slotProps={ariaSlotProps(dataTestId, title, description)}\n        {...props}\n      >\n        <CloseButton\n          aria-label={closeLabel}\n          onClick={handleCancel}\n          size=\"small\"\n          data-testid={`${dataTestId}-close-button`}\n        >\n          <Close />\n        </CloseButton>\n\n        <AlertDialogHeader title={title} icon={icon} variant={variant} dataTestId={dataTestId} />\n\n        <StyledDialogContent data-testid={`${dataTestId}-content`}>\n          {description && (\n            <DialogContentText\n              id={descriptionId(dataTestId)}\n              data-testid={`${dataTestId}-description`}\n            >\n              {description}\n            </DialogContentText>\n          )}\n          {children}\n        </StyledDialogContent>\n\n        <AlertDialogFooter\n          variant={variant}\n          cancelText={cancelText}\n          confirmText={confirmText}\n          showCancel={showCancel}\n          loading={loading}\n          confirmDisabled={confirmDisabled}\n          initialFocus={initialFocus}\n          emphasis={emphasis}\n          onCancel={handleCancel}\n          onConfirm={() => onConfirm?.()}\n          dataTestId={dataTestId}\n        />\n      </StyledDialog>\n    );\n  }\n);\n\nAlertDialog.displayName = 'AlertDialog';"],"mappings":"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","names":[]}

package/dist/{chunk-TLGGVE56.js → chunk-OTVOQHZB.js}

@@ -10,6 +10,7 @@ var ERROR_MESSAGE_MAX_WIDTH = 400;
 var ERROR_MESSAGE_LINE_HEIGHT = 1.6;
 var RETRY_MARGIN_TOP_UNITS = 1;
 var RETRY_MIN_WIDTH = 120;
+var RETRY_MIN_HEIGHT = 40;
 var RETRY_BUTTON = {
   paddingVertical: 5,
   paddingHorizontal: 15,
@@ -31,7 +32,8 @@ export {
   ERROR_MESSAGE_LINE_HEIGHT,
   RETRY_MARGIN_TOP_UNITS,
   RETRY_MIN_WIDTH,
+  RETRY_MIN_HEIGHT,
   RETRY_BUTTON,
   errorStatePalette
 };
-//# sourceMappingURL=chunk-TLGGVE56.js.map
+//# sourceMappingURL=chunk-OTVOQHZB.js.map

package/dist/{chunk-TLGGVE56.js.map → chunk-OTVOQHZB.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/data-display/ErrorState/ErrorState.metrics.ts"],"sourcesContent":["import type { ErrorStateSeverity } from './ErrorState.base';\nimport type { UiPaletteColor, UiTheme } from '../../../tokens/theme';\n\n/**\n * THE NUMBERS BOTH `ErrorState` RENDERERS DRAW WITH.\n *\n * `ErrorState.tsx` (MUI) and `ErrorState.native.tsx` (React Native) read this\n * one table. Spacing is in SPACING UNITS where the web writes\n * `theme.spacing(n)`; everything else is px or a ratio.\n */\n\n/** The region: a centred column, `theme.spacing(6)` of padding, at least 200px tall, its parts 16px apart. */\nexport const ERROR_STATE_PADDING_UNITS = 6;\nexport const ERROR_STATE_MIN_HEIGHT = 200;\nexport const ERROR_STATE_GAP_UNITS = 2;\n\n/** The glyph sits in an 80px disc of the severity's `light` shade at 0.9 opacity. */\nexport const ERROR_ICON_BOX = 80;\nexport const ERROR_ICON_BOX_OPACITY = 0.9;\nexport const ERROR_ICON_SIZE = 48;\n\n/** Title and message are 8px apart; the message wraps at 400px on a 1.6 line height. */\nexport const ERROR_TEXT_GAP_UNITS = 1;\nexport const ERROR_MESSAGE_MAX_WIDTH = 400;\nexport const ERROR_MESSAGE_LINE_HEIGHT = 1.6;\n\n/** The retry button: 8px below the text, no narrower than 120px. */\nexport const RETRY_MARGIN_TOP_UNITS = 1;\nexport const RETRY_MIN_WIDTH = 120;\n/**\n * The web retry IS MUI's medium outlined `Button`: 5px 15px inside its 1px\n * border, 14px type, the theme's radius, a 20px start icon. The native side\n * sizes the house `Button` to these.\n */\nexport const RETRY_BUTTON = {\n  paddingVertical: 5,\n  paddingHorizontal: 15,\n  iconSize: 20,\n} as const;\n\n/** `error` is MUI's name for the `danger` slot; `warning` is its own. */\nexport function errorStatePalette(theme: UiTheme, severity: ErrorStateSeverity): UiPaletteColor {\n  return severity === 'error' ? theme.palette.danger : theme.palette.warning;\n}\n"],"mappings":";AAYO,IAAM,4BAA4B;AAClC,IAAM,yBAAyB;AAC/B,IAAM,wBAAwB;AAG9B,IAAM,iBAAiB;AACvB,IAAM,yBAAyB;AAC/B,IAAM,kBAAkB;AAGxB,IAAM,uBAAuB;AAC7B,IAAM,0BAA0B;AAChC,IAAM,4BAA4B;AAGlC,IAAM,yBAAyB;AAC/B,IAAM,kBAAkB;AAMxB,IAAM,eAAe;AAAA,EAC1B,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,UAAU;AACZ;AAGO,SAAS,kBAAkB,OAAgB,UAA8C;AAC9F,SAAO,aAAa,UAAU,MAAM,QAAQ,SAAS,MAAM,QAAQ;AACrE;","names":[]}
+{"version":3,"sources":["../src/components/data-display/ErrorState/ErrorState.metrics.ts"],"sourcesContent":["import type { ErrorStateSeverity } from './ErrorState.base';\nimport type { UiPaletteColor, UiTheme } from '../../../tokens/theme';\n\n/**\n * THE NUMBERS BOTH `ErrorState` RENDERERS DRAW WITH.\n *\n * `ErrorState.tsx` (MUI) and `ErrorState.native.tsx` (React Native) read this\n * one table. Spacing is in SPACING UNITS where the web writes\n * `theme.spacing(n)`; everything else is px or a ratio.\n */\n\n/** The region: a centred column, `theme.spacing(6)` of padding, at least 200px tall, its parts 16px apart. */\nexport const ERROR_STATE_PADDING_UNITS = 6;\nexport const ERROR_STATE_MIN_HEIGHT = 200;\nexport const ERROR_STATE_GAP_UNITS = 2;\n\n/** The glyph sits in an 80px disc of the severity's `light` shade at 0.9 opacity. */\nexport const ERROR_ICON_BOX = 80;\nexport const ERROR_ICON_BOX_OPACITY = 0.9;\nexport const ERROR_ICON_SIZE = 48;\n\n/** Title and message are 8px apart; the message wraps at 400px on a 1.6 line height. */\nexport const ERROR_TEXT_GAP_UNITS = 1;\nexport const ERROR_MESSAGE_MAX_WIDTH = 400;\nexport const ERROR_MESSAGE_LINE_HEIGHT = 1.6;\n\n/** The retry button: 8px below the text, no narrower than 120px. */\nexport const RETRY_MARGIN_TOP_UNITS = 1;\nexport const RETRY_MIN_WIDTH = 120;\n/**\n * The web retry is never shorter than the 40px tap floor. MUI's medium outlined\n * button is 37px tall on its own (FUT-1310), so the floor is stated, not inherited.\n */\nexport const RETRY_MIN_HEIGHT = 40;\n/**\n * The web retry IS MUI's medium outlined `Button`: 5px 15px inside its 1px\n * border, 14px type, the theme's radius, a 20px start icon. The native side\n * sizes the house `Button` to these.\n */\nexport const RETRY_BUTTON = {\n  paddingVertical: 5,\n  paddingHorizontal: 15,\n  iconSize: 20,\n} as const;\n\n/** `error` is MUI's name for the `danger` slot; `warning` is its own. */\nexport function errorStatePalette(theme: UiTheme, severity: ErrorStateSeverity): UiPaletteColor {\n  return severity === 'error' ? theme.palette.danger : theme.palette.warning;\n}\n"],"mappings":";AAYO,IAAM,4BAA4B;AAClC,IAAM,yBAAyB;AAC/B,IAAM,wBAAwB;AAG9B,IAAM,iBAAiB;AACvB,IAAM,yBAAyB;AAC/B,IAAM,kBAAkB;AAGxB,IAAM,uBAAuB;AAC7B,IAAM,0BAA0B;AAChC,IAAM,4BAA4B;AAGlC,IAAM,yBAAyB;AAC/B,IAAM,kBAAkB;AAKxB,IAAM,mBAAmB;AAMzB,IAAM,eAAe;AAAA,EAC1B,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,UAAU;AACZ;AAGO,SAAS,kBAAkB,OAAgB,UAA8C;AAC9F,SAAO,aAAa,UAAU,MAAM,QAAQ,SAAS,MAAM,QAAQ;AACrE;","names":[]}

package/dist/{chunk-7F6D73NL.js → chunk-RLTGD5WJ.js}

@@ -1,6 +1,6 @@
 import {
   ErrorState
-} from "./chunk-HBH7V3IP.js";
+} from "./chunk-I6IFUFLW.js";
 import {
   LoadingState
 } from "./chunk-3Z6JX7UN.js";
@@ -65,4 +65,4 @@ export {
   AsyncStateContainer,
   AsyncStateContainer_default
 };
-//# sourceMappingURL=chunk-7F6D73NL.js.map
+//# sourceMappingURL=chunk-RLTGD5WJ.js.map

package/dist/{chunk-R52N5UCS.js → chunk-SB2SEGR6.js}

@@ -1,6 +1,6 @@
 import {
   Chart
-} from "./chunk-5357QUVE.js";
+} from "./chunk-AMLHEKSV.js";
 import {
   CHART_SEMANTIC_COLORS,
   specToChartProps
@@ -46,4 +46,4 @@ var SpecChart = ({
 export {
   SpecChart
 };
-//# sourceMappingURL=chunk-R52N5UCS.js.map
+//# sourceMappingURL=chunk-SB2SEGR6.js.map

package/dist/{chunk-Z2WZDVGG.js → chunk-SI5SKX52.js}

@@ -1,6 +1,6 @@
 import {
   GridToolbar
-} from "./chunk-DBI6AMNY.js";
+} from "./chunk-LKWXU6NH.js";
 
 // src/components/data-display/DataViews/data-views-shell-toolbar.tsx
 import { jsx } from "react/jsx-runtime";
@@ -68,4 +68,4 @@ function ShellToolbar({
 export {
   ShellToolbar
 };
-//# sourceMappingURL=chunk-Z2WZDVGG.js.map
+//# sourceMappingURL=chunk-SI5SKX52.js.map

package/dist/{chunk-RYJ6XGFA.js → chunk-SJAOQGQI.js}

@@ -1,7 +1,7 @@
 import {
   blockToneStyles,
   breakHatch
-} from "./chunk-4HK4FVMV.js";
+} from "./chunk-3UAHDLKH.js";
 import {
   SCHEDULE_GRID_METRICS
 } from "./chunk-3R6BR22L.js";
@@ -346,4 +346,4 @@ export {
   skeletonCellSx,
   SR_ONLY_SX
 };
-//# sourceMappingURL=chunk-RYJ6XGFA.js.map
+//# sourceMappingURL=chunk-SJAOQGQI.js.map

package/dist/{chunk-D7R6SRJB.js → chunk-SKQPUAMK.js}

@@ -1,7 +1,7 @@
 import {
   GridBody,
   GridHeader
-} from "./chunk-E73C73UD.js";
+} from "./chunk-FYSS2PYA.js";
 import {
   focusables,
   handleGridKey
@@ -25,7 +25,7 @@ import {
   rootSx,
   rowGridSx,
   scrollSx
-} from "./chunk-RYJ6XGFA.js";
+} from "./chunk-SJAOQGQI.js";
 import {
   useAnnouncer
 } from "./chunk-35HMJQLO.js";
@@ -144,4 +144,4 @@ function ScheduleGrid(props) {
 export {
   ScheduleGrid
 };
-//# sourceMappingURL=chunk-D7R6SRJB.js.map
+//# sourceMappingURL=chunk-SKQPUAMK.js.map

package/dist/{chunk-AMIUZRDQ.js → chunk-SNWCT6JN.js}

@@ -1,6 +1,6 @@
 import {
   RailCreateMenu
-} from "./chunk-MM3QESLI.js";
+} from "./chunk-ILJ3FXIC.js";
 import {
   Box,
   CONTROL_RESET,
@@ -11,7 +11,7 @@ import {
   controlProps,
   destinationControl,
   focusRing
-} from "./chunk-LDCZPZPD.js";
+} from "./chunk-24HHUCWB.js";
 import {
   destinationState,
   isMenu
@@ -295,4 +295,4 @@ function SectionNavRail({
 export {
   SectionNavRail
 };
-//# sourceMappingURL=chunk-AMIUZRDQ.js.map
+//# sourceMappingURL=chunk-SNWCT6JN.js.map

package/dist/{chunk-7W5X3KQ2.js → chunk-SW7JCF4Z.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-LZRVUOMU.js";
 import {
   AlertDialog
-} from "./chunk-ZYZPSBNQ.js";
+} from "./chunk-OGSTMHT6.js";
 
 // src/components/feedback/ConfirmAction/ConfirmAction.parts.tsx
 import Alert from "@mui/material/Alert/index.js";
@@ -114,4 +114,4 @@ export {
   typedMatches,
   ConfirmActionDialog
 };
-//# sourceMappingURL=chunk-7W5X3KQ2.js.map
+//# sourceMappingURL=chunk-SW7JCF4Z.js.map

package/dist/{chunk-BNBWUXT3.js → chunk-TE6HAWDM.js}

@@ -1,6 +1,6 @@
 import {
   ConfirmActionDialog
-} from "./chunk-7W5X3KQ2.js";
+} from "./chunk-SW7JCF4Z.js";
 import {
   useConfirmAction
 } from "./chunk-EMYESBIT.js";
@@ -23,4 +23,4 @@ ConfirmAction.displayName = "ConfirmAction";
 export {
   ConfirmAction
 };
-//# sourceMappingURL=chunk-BNBWUXT3.js.map
+//# sourceMappingURL=chunk-TE6HAWDM.js.map

package/dist/{chunk-JG733RMP.js → chunk-TZC6KIK2.js}

@@ -1,13 +1,13 @@
-import {
-  resolveAxisConfig,
-  resolveBarGeometry
-} from "./chunk-SOHQPPYJ.js";
 import {
   getAxisStyles,
   getDefaultColors,
   getSizeStyles,
   resolveSeries
 } from "./chunk-TCWISGSS.js";
+import {
+  resolveAxisConfig,
+  resolveBarGeometry
+} from "./chunk-SOHQPPYJ.js";
 import {
   remPx
 } from "./chunk-YKCAJ2TN.js";
@@ -73,4 +73,4 @@ function marginPx(theme, margin) {
 export {
   buildChartContext
 };
-//# sourceMappingURL=chunk-JG733RMP.js.map
+//# sourceMappingURL=chunk-TZC6KIK2.js.map

package/dist/{chunk-4QGKR65P.js → chunk-U4Z6GZDW.js}

@@ -1,13 +1,13 @@
+import {
+  DAY_RULER_METRICS
+} from "./chunk-273OLFJD.js";
 import {
   clamp,
   formatRange,
   moved,
   resized,
   snapTo
-} from "./chunk-LE5JYNR7.js";
-import {
-  DAY_RULER_METRICS
-} from "./chunk-7ZQ3KQ7J.js";
+} from "./chunk-L5CAHQIN.js";
 
 // src/components/data-display/DayRuler/DayRuler.keyboard.ts
 function gestureOf(event, block, can) {
@@ -59,4 +59,4 @@ export {
   handleBlockKey,
   keyCreateSpan
 };
-//# sourceMappingURL=chunk-4QGKR65P.js.map
+//# sourceMappingURL=chunk-U4Z6GZDW.js.map