@12-apps/ui 6.93.0 → 6.93.2

package/dist/types/components/data-display/DayRuler/DayRuler.styles.d.ts

@@ -1,12 +1,11 @@
 import { type SxProps, type Theme } from '@mui/material/styles/index.js';
 import type { ScheduleBlockTone } from '../ScheduleGrid/ScheduleGrid.types';
-/** The container narrow rows answer to (container queries, never media queries). */
+/** The ruler's root: the named container every layout query reads. */
+export declare const rootSx: SxProps<Theme>;
 /**
- * `--dr-actions`: the actions column, 220px when any row has actions and
- * nothing when none does (no empty column at the end of every row).
+ * Name · track: the coverage row and the axis row share these columns with
+ * every row on a computer, so the hours line up down the whole ruler.
  */
-export declare function rootSx(hasActions: boolean): SxProps<Theme>;
-/** Name · track · actions, the coverage row and the axis row share these columns on a computer. */
 export declare const lineSx: SxProps<Theme>;
 export declare const coverageLabelSx: SxProps<Theme>;
 export declare function coverageSx(hours: number): SxProps<Theme>;
@@ -19,8 +18,10 @@ export declare function coverageCellSx(count: number): SxProps<Theme>;
 export declare const axisSx: SxProps<Theme>;
 export declare const groupTitleSx: SxProps<Theme>;
 /**
- * One person's row. A computer: name · track · actions on one line. A narrow
- * ruler (a phone): name and actions on top, the track under them, full width.
+ * One person's row. A computer: name (its actions under it) · track, the
+ * track the same width on every row whether or not the row has actions. A
+ * narrow ruler (a phone): name and actions on top, the track under them, full
+ * width.
  */
 export declare const rowSx: SxProps<Theme>;
 export declare const whoSx: SxProps<Theme>;
@@ -37,30 +38,26 @@ export interface Span {
     at: number;
     share: number;
 }
+/** How far a bar's hit band may reach, in % of the track: the midpoints to its neighbours, or the track's ends. */
+export interface HitBounds {
+    lo: number;
+    hi: number;
+}
 export declare function blockSx(tone: ScheduleBlockTone, span: Span, opts: {
     selected: boolean;
     movable: boolean;
+    hit: HitBounds;
 }): SxProps<Theme>;
 export declare function handleSx(side: 'l' | 'r'): SxProps<Theme>;
 export declare function actualSx(span: Span): SxProps<Theme>;
 export declare function actualLabelSx(left: number): SxProps<Theme>;
+/**
+ * "Agora": drawn UNDER the blocks (before them in the track), so it never
+ * crosses a block's label — "07:30–1|3:00" at 1280 (FUT-3831). It still shows
+ * above and below each bar, where it overhangs the track, and through a
+ * block's fill where that fill is not opaque — never through its text.
+ */
 export declare function nowSx(left: number): SxProps<Theme>;
 export declare const skeletonTrackSx: SxProps<Theme>;
 export declare const skeletonNameSx: SxProps<Theme>;
-/**
- * A marked footer's words (FUT-3882): the warning ink deepened until it reads
- * at 4.5:1 on the page — `warning.main` is 3.1:1 on white. The outline keeps
- * `warning.main`: a non-text mark needs 3:1.
- */
-export declare function footerInk(theme: Theme, marked: boolean, plain: string): string;
-/** A group's count line (FUT-3882): plain counts on the hours' columns, a marked hour outlined in the warning ink. */
-export declare function footerCellSx(marked: boolean): SxProps<Theme>;
-/**
- * A footer line's sentence; when the host marks it ("Faltam 2, 20h–22h"), in
- * the readable warning ink with a warning bar before it — a shape, so colour
- * is never the only signal.
- */
-export declare function footerNoteSx(marked: boolean): SxProps<Theme>;
-/** A group's trend line: as tall as the coverage row, drawn in the primary colour. */
-export declare const trendSx: SxProps<Theme>;
 //# sourceMappingURL=DayRuler.styles.d.ts.map

package/dist/types/components/data-display/DayRuler/DayRuler.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DayRuler.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DayRuler/DayRuler.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAKhG,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAG5E,oFAAoF;AACpF;;;GAGG;AACH,wBAAgB,MAAM,CAAC,UAAU,EAAE,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,CAQ1D;AAYD,mGAAmG;AACnG,eAAO,MAAM,MAAM,EAAE,OAAO,CAAC,KAAK,CAYhC,CAAC;AAEH,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,KAAK,CAAwD,CAAC;AAEpG,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAOxD;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAGtD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAoB5D;AAED,eAAO,MAAM,MAAM,EAAE,OAAO,CAAC,KAAK,CAOhC,CAAC;AAEH,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,KAAK,CASvC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,OAAO,CAAC,KAAK,CAc/B,CAAC;AAEH,eAAO,MAAM,KAAK,EAAE,OAAO,CAAC,KAAK,CAAoC,CAAC;AAEtE,eAAO,MAAM,SAAS,EAAE,OAAO,CAAC,KAAK,CAQpC,CAAC;AAEF,6GAA6G;AAC7G,wBAAgB,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,CAclD;AAUD,wBAAgB,OAAO,CAAC,IAAI,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,OAAO,CAAA;CAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAkBxG;AAED,qEAAqE;AACrE,MAAM,WAAW,IAAI;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,OAAO,CAAC,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE;IAAE,QAAQ,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CA4C1H;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,OAAO,CAAC,KAAK,CAAC,CASxD;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,CAYnD;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAW1D;AAED,wBAAgB,KAAK,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAUlD;AAED,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,KAAK,CAKzC,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,KAAK,CAMxC,CAAC;AAEH;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAE9E;AAED,sHAAsH;AACtH,wBAAgB,YAAY,CAAC,MAAM,EAAE,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,CAc5D;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,CAO5D;AAED,sFAAsF;AACtF,eAAO,MAAM,OAAO,EAAE,OAAO,CAAC,KAAK,CAMjC,CAAC"}
+{"version":3,"file":"DayRuler.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DayRuler/DayRuler.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAKhG,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAM5E,sEAAsE;AACtE,eAAO,MAAM,MAAM,EAAE,OAAO,CAAC,KAAK,CAMjC,CAAC;AAYF;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,OAAO,CAAC,KAAK,CAYhC,CAAC;AAEH,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,KAAK,CAAwD,CAAC;AAEpG,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAOxD;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAGtD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAoB5D;AAED,eAAO,MAAM,MAAM,EAAE,OAAO,CAAC,KAAK,CAOhC,CAAC;AAEH,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,KAAK,CASvC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,KAAK,EAAE,OAAO,CAAC,KAAK,CAgB/B,CAAC;AAEH,eAAO,MAAM,KAAK,EAAE,OAAO,CAAC,KAAK,CAAoC,CAAC;AAEtE,eAAO,MAAM,SAAS,EAAE,OAAO,CAAC,KAAK,CAUnC,CAAC;AAEH,6GAA6G;AAC7G,wBAAgB,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,CAclD;AAUD,wBAAgB,OAAO,CAAC,IAAI,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,OAAO,CAAA;CAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAkBxG;AAED,qEAAqE;AACrE,MAAM,WAAW,IAAI;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,mHAAmH;AACnH,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ;AAqBD,wBAAgB,OAAO,CACrB,IAAI,EAAE,iBAAiB,EACvB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE;IAAE,QAAQ,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,GAAG,EAAE,SAAS,CAAA;CAAE,GAC5D,OAAO,CAAC,KAAK,CAAC,CAsDhB;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,OAAO,CAAC,KAAK,CAAC,CAaxD;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,CAYnD;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAW1D;AAED;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAUlD;AAED,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,KAAK,CAKzC,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,KAAK,CAMxC,CAAC"}

package/dist/types/components/data-display/DayRuler/DayRuler.types.d.ts

@@ -11,9 +11,14 @@ export interface DayRulerBlock {
     id: string;
     start: RulerHour;
     end: RulerHour;
-    /** What the block says ("↻ 20:39–00:00", "Ausente"). One line, cut with an ellipsis. */
+    /**
+     * What the block says ("↻ 20:39–00:00", "Ausente"). One line, drawn whole or
+     * not at all: a bar too short for it says `shortLabel`, and one too short
+     * even for that says nothing — never a cut text (FUT-3831). Either way it
+     * stays the block's tooltip (unless `title`) and its accessible name.
+     */
     label: string;
-    /** What a NARROW block says on a narrow ruler (a phone) instead of a cut label — its start ("20:39"). */
+    /** What a block too short for its `label` says instead, at any width — its start ("20:39"). */
     shortLabel?: string;
     tone: ScheduleBlockTone;
     /** Its middle can be dragged along the row (and Alt+←/→ moves it). */
@@ -51,7 +56,12 @@ export interface DayRulerRow {
     nameAdornment?: React.ReactNode;
     /** Under the meta: the host's chips (praça, "Em pausa desde …"). One line; a chip that does not fit shrinks, its label cut. */
     chips?: React.ReactNode;
-    /** The row's own buttons ("Encerrar turno", "Iniciar agora"), at the end of the row. */
+    /**
+     * The row's own buttons ("Encerrar turno", "Iniciar agora"): under the name
+     * on a computer, beside it when the row stacks. They take no column of their
+     * own, so every track keeps the same width and the hours stay aligned
+     * (FUT-3831).
+     */
     actions?: React.ReactNode;
     blocks: readonly DayRulerBlock[];
     actual?: DayRulerActual;

package/dist/types/components/data-display/DayRuler/DayRuler.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DayRuler.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DayRuler/DayRuler.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"DayRuler.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DayRuler/DayRuler.types.ts"],"names":[],"mappings":"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"}

package/dist/types/components/data-display/DayRuler/day-ruler-model.d.ts

@@ -23,4 +23,31 @@ export declare function resized(start: RulerHour, end: RulerHour, side: 'start'
 export declare function createdSpan(a: RulerHour, b: RulerHour, minHours: number, createHours: number, to: RulerHour): [RulerHour, RulerHour];
 /** The axis labels: every `step` hours from `from` to `to`, both ends included. */
 export declare function ticksOf(from: RulerHour, to: RulerHour, step: number): RulerHour[];
+/** A bar along the track: where it starts and how long it is, both in % of the track. */
+export interface TrackSpan {
+    at: number;
+    share: number;
+}
+/**
+ * How far each bar's hit band may reach, in % of the track (FUT-3831): from
+ * `lo` to `hi`, never past the track's ends and never past the MIDPOINT of
+ * the gap to the bar beside it, so a band widened round a short bar cannot
+ * take a tap meant for its neighbour. Two bars that touch or overlap give each
+ * other nothing: the band stays on the bar's own edge on that side.
+ *
+ * The band itself is drawn in CSS — at least the hit area wide, centred on the
+ * bar, then cut to `lo…hi` — because the bar's width in px is the layout's.
+ */
+export declare function hitBoundsOf(spans: readonly TrackSpan[]): {
+    lo: number;
+    hi: number;
+}[];
+/** What a block can say in its bar: its full text, its start, or nothing. */
+export type BlockTextFit = 'full' | 'short' | 'none';
+/**
+ * Which of a block's texts fits the room it leaves inside the bar, by pixels
+ * (FUT-3831): the full one, else the short one, else NOTHING — a cut "12:"
+ * says less than an empty bar whose title and accessible name carry the text.
+ */
+export declare function textFitOf(fullWidth: number, shortWidth: number, room: number): BlockTextFit;
 //# sourceMappingURL=day-ruler-model.d.ts.map

package/dist/types/components/data-display/DayRuler/day-ruler-model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"day-ruler-model.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DayRuler/day-ruler-model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD;;;;GAIG;AAEH,yDAAyD;AACzD,wBAAgB,MAAM,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,CAE5D;AAED,wBAAgB,KAAK,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,GAAG,SAAS,CAE7E;AAED,yGAAyG;AACzG,wBAAgB,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,CAGtH;AAED,iEAAiE;AACjE,wBAAgB,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,GAAG,MAAM,CAE9E;AAED,2CAA2C;AAC3C,wBAAgB,UAAU,CAAC,CAAC,EAAE,SAAS,GAAG,MAAM,CAK/C;AAED,qBAAqB;AACrB,wBAAgB,WAAW,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,GAAG,MAAM,CAEpE;AAED,4EAA4E;AAC5E,wBAAgB,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CAI7H;AAED,mGAAmG;AACnG,wBAAgB,OAAO,CACrB,KAAK,EAAE,SAAS,EAChB,GAAG,EAAE,SAAS,EACd,IAAI,EAAE,OAAO,GAAG,KAAK,EACrB,CAAC,EAAE,SAAS,EACZ,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,SAAS,EACf,EAAE,EAAE,SAAS,GACZ,CAAC,SAAS,EAAE,SAAS,CAAC,CAGxB;AAED,+FAA+F;AAC/F,wBAAgB,WAAW,CACzB,CAAC,EAAE,SAAS,EACZ,CAAC,EAAE,SAAS,EACZ,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,EACnB,EAAE,EAAE,SAAS,GACZ,CAAC,SAAS,EAAE,SAAS,CAAC,CAKxB;AAED,mFAAmF;AACnF,wBAAgB,OAAO,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,CAKjF"}
+{"version":3,"file":"day-ruler-model.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DayRuler/day-ruler-model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD;;;;GAIG;AAEH,yDAAyD;AACzD,wBAAgB,MAAM,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,CAE5D;AAED,wBAAgB,KAAK,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,GAAG,SAAS,CAE7E;AAED,yGAAyG;AACzG,wBAAgB,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,CAGtH;AAED,iEAAiE;AACjE,wBAAgB,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,GAAG,MAAM,CAE9E;AAED,2CAA2C;AAC3C,wBAAgB,UAAU,CAAC,CAAC,EAAE,SAAS,GAAG,MAAM,CAK/C;AAED,qBAAqB;AACrB,wBAAgB,WAAW,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,GAAG,MAAM,CAEpE;AAED,4EAA4E;AAC5E,wBAAgB,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CAI7H;AAED,mGAAmG;AACnG,wBAAgB,OAAO,CACrB,KAAK,EAAE,SAAS,EAChB,GAAG,EAAE,SAAS,EACd,IAAI,EAAE,OAAO,GAAG,KAAK,EACrB,CAAC,EAAE,SAAS,EACZ,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,SAAS,EACf,EAAE,EAAE,SAAS,GACZ,CAAC,SAAS,EAAE,SAAS,CAAC,CAGxB;AAED,+FAA+F;AAC/F,wBAAgB,WAAW,CACzB,CAAC,EAAE,SAAS,EACZ,CAAC,EAAE,SAAS,EACZ,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,EACnB,EAAE,EAAE,SAAS,GACZ,CAAC,SAAS,EAAE,SAAS,CAAC,CAKxB;AAED,mFAAmF;AACnF,wBAAgB,OAAO,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,CAKjF;AAED,yFAAyF;AACzF,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,SAAS,SAAS,EAAE,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,CAYrF;AAED,6EAA6E;AAC7E,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAErD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,YAAY,CAK3F"}

package/dist/types/components/data-display/DayRuler/useTextFits.d.ts

@@ -1,14 +1,16 @@
 import type * as React from 'react';
+import { type BlockTextFit } from './day-ruler-model';
 /**
- * Whether a block's full text fits it, by pixels (FUT-3825): the full text's
- * own width against the room the block leaves it, re-read whenever the block
- * is resized. A wide block on a narrow ruler keeps "18:00–23:00"; only one too
- * short for it says its start.
+ * Which of a block's texts fits it, by pixels (FUT-3825, FUT-3831): the full
+ * text's and the short text's own widths against the room the block leaves
+ * them. A wide block keeps "18:00–23:00"; one too short for it says its start
+ * ("18:00"); one too short even for that says nothing — never a cut "18:".
  *
- * The full text is measured with its span shown for the measurement alone
- * (synchronously, so nothing is painted), even while the short text stands in
- * for it. Where nothing can be measured (no `ResizeObserver`) it answers
- * `fallback`.
+ * Measured at once (synchronously, so nothing is painted), then again on the
+ * next frame whenever the block is resized, and once more when the page's
+ * fonts have loaded: a webfont arriving late changes every text's width, and
+ * a fit read in the fallback font would leave a label cut. Where nothing can
+ * be measured (no `ResizeObserver`) it answers `fallback`.
  */
-export declare function useTextFits(block: React.RefObject<HTMLElement | null>, text: string, fallback: boolean): boolean;
+export declare function useTextFit(block: React.RefObject<HTMLElement | null>, text: string, short: string, fallback: BlockTextFit): BlockTextFit;
 //# sourceMappingURL=useTextFits.d.ts.map

package/dist/types/components/data-display/DayRuler/useTextFits.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTextFits.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DayRuler/useTextFits.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,OAAO,CA0BhH"}
+{"version":3,"file":"useTextFits.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DayRuler/useTextFits.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,OAAO,EAAa,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAoCjE;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,GAAG,YAAY,CAgCxI"}

package/dist/types/components/data-display/ErrorState/ErrorState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorState.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/ErrorState/ErrorState.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,OAAO,KAAK,EAAE,eAAe,EAAsB,MAAM,oBAAoB,CAAC;AAkF9E,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwD/C,CAAC;AAIH,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ErrorState.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/ErrorState/ErrorState.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,OAAO,KAAK,EAAE,eAAe,EAAsB,MAAM,oBAAoB,CAAC;AAkF9E,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyD/C,CAAC;AAIH,eAAe,UAAU,CAAC"}

package/dist/types/components/data-display/ErrorState/ErrorState.metrics.d.ts

@@ -22,6 +22,11 @@ export declare const ERROR_MESSAGE_LINE_HEIGHT = 1.6;
 /** The retry button: 8px below the text, no narrower than 120px. */
 export declare const RETRY_MARGIN_TOP_UNITS = 1;
 export declare const RETRY_MIN_WIDTH = 120;
+/**
+ * The web retry is never shorter than the 40px tap floor. MUI's medium outlined
+ * button is 37px tall on its own (FUT-1310), so the floor is stated, not inherited.
+ */
+export declare const RETRY_MIN_HEIGHT = 40;
 /**
  * The web retry IS MUI's medium outlined `Button`: 5px 15px inside its 1px
  * border, 14px type, the theme's radius, a 20px start icon. The native side

package/dist/types/components/data-display/ErrorState/ErrorState.metrics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorState.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/ErrorState/ErrorState.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAErE;;;;;;GAMG;AAEH,8GAA8G;AAC9G,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAC3C,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAC1C,eAAO,MAAM,qBAAqB,IAAI,CAAC;AAEvC,qFAAqF;AACrF,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAC1C,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,wFAAwF;AACxF,eAAO,MAAM,oBAAoB,IAAI,CAAC;AACtC,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAC3C,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAE7C,oEAAoE;AACpE,eAAO,MAAM,sBAAsB,IAAI,CAAC;AACxC,eAAO,MAAM,eAAe,MAAM,CAAC;AACnC;;;;GAIG;AACH,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,yEAAyE;AACzE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,kBAAkB,GAAG,cAAc,CAE9F"}
+{"version":3,"file":"ErrorState.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/ErrorState/ErrorState.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAErE;;;;;;GAMG;AAEH,8GAA8G;AAC9G,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAC3C,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAC1C,eAAO,MAAM,qBAAqB,IAAI,CAAC;AAEvC,qFAAqF;AACrF,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAC1C,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,wFAAwF;AACxF,eAAO,MAAM,oBAAoB,IAAI,CAAC;AACtC,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAC3C,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAE7C,oEAAoE;AACpE,eAAO,MAAM,sBAAsB,IAAI,CAAC;AACxC,eAAO,MAAM,eAAe,MAAM,CAAC;AACnC;;;GAGG;AACH,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC;;;;GAIG;AACH,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,yEAAyE;AACzE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,kBAAkB,GAAG,cAAc,CAE9F"}

package/dist/types/components/data-display/ScheduleGrid/schedule-tones.d.ts

@@ -20,6 +20,14 @@ export declare function signalInk(theme: Theme, signal: 'warning' | 'success', g
  * a raised chip. Never colour alone: every tone also carries its note text.
  */
 export declare function blockToneStyles(theme: Theme, tone: ScheduleBlockTone, dashedPlan?: boolean): CSSObject;
+/**
+ * An OPAQUE ground for a ruler block's label where the block's own fill is
+ * not opaque (the dashed plan's faint wash, the away / uncovered outline): the
+ * fill flattened over the cell's ground, so the label reads the same and
+ * whatever the track draws under the block — the "agora" line — never shows
+ * through the text (FUT-3831). An opaque fill needs none: `undefined`.
+ */
+export declare function dashedLabelGround(theme: Theme, tone: ScheduleBlockTone): string | undefined;
 /**
  * A break inside a block (a meal break): the page's own ground with diagonal
  * stripes of the disabled action colour, opaque, so the block reads as CUT there in any

package/dist/types/components/data-display/ScheduleGrid/schedule-tones.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schedule-tones.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/ScheduleGrid/schedule-tones.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAM/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,8FAA8F;AAC9F,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAStC,6FAA6F;AAC7F,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAE/C;AAED,8GAA8G;AAC9G,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,MAAM,EAAE,GAAG,MAAM,CASjF;AAWD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAG7F;AAaD;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,iBAAiB,EAAE,UAAU,UAAQ,GAAG,SAAS,CAoCpG;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAI/E;AAED,4EAA4E;AAC5E,wBAAgB,cAAc,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAEnD"}
+{"version":3,"file":"schedule-tones.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/ScheduleGrid/schedule-tones.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAM/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,8FAA8F;AAC9F,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAStC,6FAA6F;AAC7F,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAE/C;AAED,8GAA8G;AAC9G,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,MAAM,EAAE,GAAG,MAAM,CASjF;AAWD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAG7F;AAaD;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,iBAAiB,EAAE,UAAU,UAAQ,GAAG,SAAS,CAoCpG;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,iBAAiB,GAAG,MAAM,GAAG,SAAS,CAI3F;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAI/E;AAED,4EAA4E;AAC5E,wBAAgB,cAAc,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAEnD"}

package/dist/types-native/components/data-display/ErrorState/ErrorState.metrics.d.ts

@@ -22,6 +22,11 @@ export declare const ERROR_MESSAGE_LINE_HEIGHT = 1.6;
 /** The retry button: 8px below the text, no narrower than 120px. */
 export declare const RETRY_MARGIN_TOP_UNITS = 1;
 export declare const RETRY_MIN_WIDTH = 120;
+/**
+ * The web retry is never shorter than the 40px tap floor. MUI's medium outlined
+ * button is 37px tall on its own (FUT-1310), so the floor is stated, not inherited.
+ */
+export declare const RETRY_MIN_HEIGHT = 40;
 /**
  * The web retry IS MUI's medium outlined `Button`: 5px 15px inside its 1px
  * border, 14px type, the theme's radius, a 20px start icon. The native side

package/dist/types-native/components/data-display/ErrorState/ErrorState.metrics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorState.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/ErrorState/ErrorState.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAErE;;;;;;GAMG;AAEH,8GAA8G;AAC9G,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAC3C,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAC1C,eAAO,MAAM,qBAAqB,IAAI,CAAC;AAEvC,qFAAqF;AACrF,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAC1C,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,wFAAwF;AACxF,eAAO,MAAM,oBAAoB,IAAI,CAAC;AACtC,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAC3C,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAE7C,oEAAoE;AACpE,eAAO,MAAM,sBAAsB,IAAI,CAAC;AACxC,eAAO,MAAM,eAAe,MAAM,CAAC;AACnC;;;;GAIG;AACH,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,yEAAyE;AACzE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,kBAAkB,GAAG,cAAc,CAE9F"}
+{"version":3,"file":"ErrorState.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/ErrorState/ErrorState.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAErE;;;;;;GAMG;AAEH,8GAA8G;AAC9G,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAC3C,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAC1C,eAAO,MAAM,qBAAqB,IAAI,CAAC;AAEvC,qFAAqF;AACrF,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAC1C,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,wFAAwF;AACxF,eAAO,MAAM,oBAAoB,IAAI,CAAC;AACtC,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAC3C,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAE7C,oEAAoE;AACpE,eAAO,MAAM,sBAAsB,IAAI,CAAC;AACxC,eAAO,MAAM,eAAe,MAAM,CAAC;AACnC;;;GAGG;AACH,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC;;;;GAIG;AACH,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,yEAAyE;AACzE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,kBAAkB,GAAG,cAAc,CAE9F"}

package/dist/user-avatar.js

@@ -1,14 +1,14 @@
 import {
   UserAvatar,
   UserMenu
-} from "./chunk-E2UOEI7N.js";
+} from "./chunk-6LGKJVOA.js";
 import "./chunk-DQ22UKMZ.js";
 import "./chunk-UDQSIRAP.js";
-import "./chunk-JIEVKHOH.js";
+import "./chunk-4J62V5OE.js";
+import "./chunk-3ZVUNSFF.js";
 import "./chunk-7XSCEHGA.js";
 import "./chunk-MTEQEPNY.js";
 import "./chunk-6ZZGK5DT.js";
-import "./chunk-3ZVUNSFF.js";
 import "./chunk-VUHLNYAE.js";
 import "./chunk-2GSIEDGN.js";
 import "./chunk-4XBAEKQQ.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@12-apps/ui",
-  "version": "6.93.0",
+  "version": "6.93.2",
   "license": "MIT",
   "packageManager": "pnpm@10.34.5",
   "type": "module",

package/src/components/data-display/AlertDialog/AlertDialog.md

@@ -155,6 +155,30 @@ that fits keeps its natural widths, pushed to the right; a pair that does not
 stacks, with the primary on top. With `emphasis="cancel"` the two buttons also
 grow to share the row, so stacked they take its full width.
 
+**Stacked order** is the library's rule ([guidelines › Stacked
+buttons](../../../../components-guidelines.md#stacked-buttons)): the primary on
+top, the dismissive button at the bottom — so on a destructive question the
+verb sits above Cancel, and Cancel takes the bottom slot, the one a thumb
+reaches first. Cancel stays FIRST in the DOM, so it is also the first to tab
+to.
+
+### Narrow Layout (FUT-3831)
+
+A dialog given less than **480px** — read with a container query on its
+`.MuiDialog-container` (named `alert-dialog`), never a media query, so a dialog
+portalled into a narrow pane answers to the pane — lays out for a phone:
+
+- **The icon sits above the title**, beside the close button, and the title
+  takes the paper's whole width. At 320 the icon column and the close button's
+  clearance had left a long question about two words a line. A title with no
+  icon (`icon={null}`) keeps the close button's clearance.
+- **A pair of buttons always grows**: a pair that still fits shares the row in
+  two equal halves, and a pair that stacks is two buttons each across the row,
+  in the stacked order above — never two ragged widths pushed to the right. A
+  lone button (`showCancel={false}`) keeps its own width, pushed to the right.
+
+Over 480px nothing changes.
+
 ### Without Cancel Button
 
 ```tsx
@@ -306,7 +330,7 @@ The AlertDialog component includes `data-testid` attributes for reliable testing
 | `alert-dialog`                   | Dialog container  | Root Dialog element (can be customized via prop)  |
 | `{dataTestId}-close-button`      | Close button      | X button in top-right corner                      |
 | `{dataTestId}-title`             | Title section     | Dialog title container                            |
-| `{dataTestId}-icon`              | Icon wrapper      | Wrapper around icon element (when icon is shown)  |
+| `{dataTestId}-icon`              | Icon wrapper      | Wrapper around icon element (when icon is shown); carries `data-alert-icon` |
 | `{dataTestId}-content`           | Content section   | Dialog content container                          |
 | `{dataTestId}-description`       | Description text  | Main description text element                     |
 | `{dataTestId}-actions`           | Actions section   | Dialog actions footer container                   |

package/src/components/data-display/AlertDialog/AlertDialog.parts.tsx

@@ -8,6 +8,7 @@ import Button from '@mui/material/Button/index.js';
 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 type { Theme } from '@mui/material/styles/index.js';
 import React from 'react';
 
 import { rem } from '../../../tokens/relative';
@@ -15,6 +16,21 @@ import { EN_US_UI_LABELS } from '../../../en-US.labels';
 
 import type { AlertDialogProps } from './AlertDialog.types';
 
+/** The query container the dialog's narrow layout reads: its `.MuiDialog-container`. */
+export const ALERT_DIALOG_CONTAINER = 'alert-dialog';
+
+/**
+ * Below this width of the space the dialog is given, it lays out for a phone:
+ * the icon above the title, the buttons each across the row. 480px covers
+ * every phone (320–430) and leaves a tablet's dialog as it was.
+ */
+export const ALERT_DIALOG_NARROW_BELOW = 480;
+
+/** `@container` for a dialog given less than {@link ALERT_DIALOG_NARROW_BELOW}. Never a media query. */
+export function narrowDialog(theme: Theme): string {
+  return `@container ${ALERT_DIALOG_CONTAINER} (width < ${rem(theme, ALERT_DIALOG_NARROW_BELOW)})`;
+}
+
 /**
  * The action row WRAPS WHOLE BUTTONS; it never breaks a label inside one. A pair
  * that did not fit side by side used to squeeze the longer label onto two
@@ -29,6 +45,16 @@ import type { AlertDialogProps } from './AlertDialog.types';
  * the default because growing also stretches a pair that fits, which would
  * redraw every existing dialog's footer.
  *
+ * Narrow (a dialog given less than {@link ALERT_DIALOG_NARROW_BELOW}, a
+ * phone) a PAIR of buttons always grows (a lone one keeps its width), so a pair that stacks is two buttons each
+ * across the row rather than two ragged widths pushed to the right
+ * (FUT-3831). The stacked ORDER is the library's rule, the platforms' too
+ * (Material's stacked dialog actions, Apple's stacked alert buttons): the
+ * primary on top and the dismissive one at the bottom, the slot a thumb
+ * reaches first — so on a destructive question the safe tap is the near one,
+ * and Cancel is still FIRST in the DOM, the tab order. See
+ * `components-guidelines.md`, "Stacked buttons".
+ *
  * Rendered with `disableSpacing`: MUI's own spacing is a left margin on every
  * button after the first, which would indent a button that wrapped onto a line
  * of its own. The gaps below replace it, at the same 16px across.
@@ -44,6 +70,8 @@ const StyledDialogActions = styled(DialogActions, {
   // 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) } }),
+  // A PAIR only: a lone button (`showCancel={false}`) keeps its own width.
+  [narrowDialog(theme)]: { '& > .MuiButton-root:not(:only-child)': { flexGrow: 1 } },
 }));
 
 const confirmButtonColor = (variant: AlertDialogProps['variant']): 'error' | 'primary' =>

package/src/components/data-display/AlertDialog/AlertDialog.tsx

@@ -14,7 +14,7 @@ import React from 'react';
 import { EN_US_UI_LABELS } from '../../../en-US.labels';
 import { neutralTones } from '../../../tokens/ink';
 
-import { AlertDialogFooter } from './AlertDialog.parts';
+import { ALERT_DIALOG_CONTAINER, AlertDialogFooter, narrowDialog } from './AlertDialog.parts';
 import type { AlertDialogProps } from './AlertDialog.types';
 import { rem, rems } from '../../../tokens/relative';
 
@@ -34,6 +34,15 @@ const pulseAnimation = (theme: Theme) => keyframes`
   }
 `;
 
+/**
+ * The container the narrow layout answers to: the space the dialog is given
+ * (the viewport, or the element a host portals it into), read with a
+ * container query — never a media query (FUT-3831).
+ */
+const QUERY_CONTAINER = {
+  '& .MuiDialog-container': { containerType: 'inline-size', containerName: ALERT_DIALOG_CONTAINER },
+} as const;
+
 const StyledDialog = styled(Dialog, {
   shouldForwardProp: (prop) => 
     !['customVariant', 'glow', 'pulse'].includes(prop as string),
@@ -41,7 +50,7 @@ const StyledDialog = styled(Dialog, {
   customVariant?: string; 
   glow?: boolean; 
   pulse?: boolean; 
-}>(({ theme, customVariant, glow, pulse }) => ({
+}>(QUERY_CONTAINER, ({ theme, customVariant, glow, pulse }) => ({
   '& .MuiDialog-paper': {
     borderRadius: theme.spacing(2),
     transition: 'all 0.3s ease',
@@ -122,7 +131,17 @@ const StyledDialog = styled(Dialog, {
   },
 }));
 
-const StyledDialogTitle = styled(DialogTitle)(({ theme }) => ({
+/**
+ * The title row. Wide: the icon beside the title, which keeps clear of the
+ * close button. Narrow (a dialog given less than `narrowBelow`, a phone): the
+ * icon ABOVE the title, beside the close button, so the question takes the
+ * paper's whole width — at 320 the icon column and the close button had left
+ * it about two words a line (FUT-3831). Without an icon the title keeps the
+ * close button's clearance at every width.
+ */
+const StyledDialogTitle = styled(DialogTitle, {
+  shouldForwardProp: (prop) => prop !== 'withIcon',
+})<{ withIcon: boolean }>(({ theme, withIcon }) => ({
   display: 'flex',
   alignItems: 'center',
   gap: theme.spacing(1.5),
@@ -131,6 +150,14 @@ const StyledDialogTitle = styled(DialogTitle)(({ theme }) => ({
     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) },
+    },
+  }),
 }));
 
 const StyledDialogContent = styled(DialogContent)(({ theme }) => ({
@@ -218,9 +245,11 @@ function AlertDialogHeader({
 }): React.ReactElement | null {
   if (!title) return null;
   return (
-    <StyledDialogTitle id={titleId(dataTestId)} data-testid={`${dataTestId}-title`}>
+    <StyledDialogTitle id={titleId(dataTestId)} data-testid={`${dataTestId}-title`} withIcon={icon !== null}>
       {icon !== null && (
-        <span data-testid={`${dataTestId}-icon`}>{variantIcon(variant, icon)}</span>
+        <span data-testid={`${dataTestId}-icon`} data-alert-icon="">
+          {variantIcon(variant, icon)}
+        </span>
       )}
       <Typography variant="h6" component="span">
         {title}

package/src/components/data-display/DayRuler/DayRuler.footer.styles.ts

@@ -0,0 +1,54 @@
+import type { SxProps, Theme } from '@mui/material/styles/index.js';
+
+import { rem } from '../../../tokens/relative';
+import { signalInk } from '../ScheduleGrid/schedule-tones';
+import { DAY_RULER_METRICS as M } from './DayRuler.metrics';
+
+/**
+ * A marked footer's words (FUT-3882): the warning ink deepened until it reads
+ * at 4.5:1 on the page — `warning.main` is 3.1:1 on white. The outline keeps
+ * `warning.main`: a non-text mark needs 3:1.
+ */
+export function footerInk(theme: Theme, marked: boolean, plain: string): string {
+  return marked ? signalInk(theme, 'warning', theme.palette.background.default) : plain;
+}
+
+/** A group's count line (FUT-3882): plain counts on the hours' columns, a marked hour outlined in the warning ink. */
+export function footerCellSx(marked: boolean): SxProps<Theme> {
+  return (theme: Theme) => ({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    fontSize: rem(theme, M.coverage.font),
+    borderRadius: rem(theme, M.coverage.radius),
+    color: footerInk(theme, marked, theme.palette.text.primary),
+    fontWeight: marked ? 500 : 400,
+    // The hairline is always there, transparent when unmarked, so a mark never shifts a count.
+    border: `1px solid ${marked ? theme.palette.warning.main : 'transparent'}`,
+    minWidth: 0,
+    overflow: 'hidden',
+  });
+}
+
+/**
+ * A footer line's sentence; when the host marks it ("Faltam 2, 20h–22h"), in
+ * the readable warning ink with a warning bar before it — a shape, so colour
+ * is never the only signal.
+ */
+export function footerNoteSx(marked: boolean): SxProps<Theme> {
+  return (theme: Theme) => ({
+    fontSize: rem(theme, M.meta),
+    color: footerInk(theme, marked, theme.palette.text.secondary),
+    fontWeight: marked ? 500 : 400,
+    ...(marked ? { borderLeft: `${rem(theme, 3)} solid ${theme.palette.warning.main}`, paddingLeft: rem(theme, 6) } : {}),
+  });
+}
+
+/** A group's trend line: as tall as the coverage row, drawn in the primary colour. */
+export const trendSx: SxProps<Theme> = (theme: Theme) => ({
+  display: 'block',
+  width: '100%',
+  height: rem(theme, M.coverage.height + M.coverage.height / 2),
+  color: theme.palette.primary.main,
+  overflow: 'visible',
+});