@12-apps/ui 6.93.0 → 6.93.1

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-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

package/dist/{chunk-XFZDO2KB.js → chunk-UIIHUWOV.js}

@@ -1,19 +1,19 @@
+import {
+  GridMain
+} from "./chunk-ZM6FJCWS.js";
 import {
   FilterDialog,
   GridFilterPanel
-} from "./chunk-FYUNROLW.js";
+} from "./chunk-BZYLTGOE.js";
 import {
   ShellEmpty
 } from "./chunk-MKVDHR3B.js";
 import {
   InlineFilterControls
-} from "./chunk-OM6ZT64U.js";
+} from "./chunk-F2UP5ZF4.js";
 import {
   GridHeaderRow
 } from "./chunk-X3AFXHY5.js";
-import {
-  GridMain
-} from "./chunk-XNAI7QGU.js";
 import {
   DataViewsPagination
 } from "./chunk-XZFTRGRW.js";
@@ -24,27 +24,27 @@ import {
   toOverflowFields,
   toggleQuick
 } from "./chunk-KYUEO2IO.js";
+import {
+  ShellToolbar
+} from "./chunk-SI5SKX52.js";
 import {
   allOnPageSelected,
   resolveSelectionExtra
 } from "./chunk-5YDS6HO3.js";
 import {
   ScopeTabsSlot
-} from "./chunk-K6VEN5VN.js";
-import {
-  ShellToolbar
-} from "./chunk-Z2WZDVGG.js";
+} from "./chunk-K3PMMW23.js";
 import {
   SHELL_PROPS,
   useStickyBarTop
 } from "./chunk-4IE66GY2.js";
+import {
+  togglePillValues
+} from "./chunk-UKNMPGEM.js";
 import {
   DataViewsLayoutProvider,
   useDataViewsLayout
 } from "./chunk-5CAWRMDX.js";
-import {
-  togglePillValues
-} from "./chunk-UKNMPGEM.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -252,4 +252,4 @@ function GridShell(props) {
 export {
   GridShell
 };
-//# sourceMappingURL=chunk-XFZDO2KB.js.map
+//# sourceMappingURL=chunk-UIIHUWOV.js.map

package/dist/{chunk-L4V7FZJI.js → chunk-UKUGSU3Y.js}

@@ -3,7 +3,7 @@ import {
   CONTROL_RESET,
   NOT_LIVE,
   SlotIcon
-} from "./chunk-LDCZPZPD.js";
+} from "./chunk-24HHUCWB.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -129,4 +129,4 @@ export {
   RAISED_LIFT_COMPACT,
   raisedLift
 };
-//# sourceMappingURL=chunk-L4V7FZJI.js.map
+//# sourceMappingURL=chunk-UKUGSU3Y.js.map

package/dist/{chunk-VJIJCLUX.js → chunk-UOKXYV3U.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-KYUEO2IO.js";
 import {
   RangeBounds
-} from "./chunk-FC7UCFFA.js";
+} from "./chunk-ZPWPA6FR.js";
 import {
   isRangeSet
 } from "./chunk-GCZJH4XL.js";
@@ -278,4 +278,4 @@ export {
   clearTargetSx,
   MoreGroup
 };
-//# sourceMappingURL=chunk-VJIJCLUX.js.map
+//# sourceMappingURL=chunk-UOKXYV3U.js.map

package/dist/{chunk-K7IDOTSU.js → chunk-VNMD6BA4.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   createConfirmButton
-} from "./chunk-T5RFH2T5.js";
+} from "./chunk-KOGJBAFI.js";
 import {
   Dialog,
   DialogContent
@@ -128,4 +128,4 @@ function ManageViewsDialog({
 export {
   ManageViewsDialog
 };
-//# sourceMappingURL=chunk-K7IDOTSU.js.map
+//# sourceMappingURL=chunk-VNMD6BA4.js.map