@12-apps/ui 6.93.0 → 6.93.1

package/dist/navigation/SectionNav.js

@@ -1,27 +1,27 @@
 import "../chunk-R26KYJHK.js";
 import {
   SectionNav
-} from "../chunk-FAUNQ3FS.js";
-import "../chunk-AMIUZRDQ.js";
-import "../chunk-MM3QESLI.js";
+} from "../chunk-2M3W6ACW.js";
+import "../chunk-SNWCT6JN.js";
+import "../chunk-ILJ3FXIC.js";
 import {
   sectionNavBarInset
-} from "../chunk-P53ANKZV.js";
-import "../chunk-DTZOP4ZR.js";
+} from "../chunk-F7LBTMCA.js";
+import "../chunk-XCUHGPPZ.js";
 import {
   RaisedActionButton
-} from "../chunk-L4V7FZJI.js";
-import "../chunk-LDCZPZPD.js";
+} from "../chunk-UKUGSU3Y.js";
+import "../chunk-24HHUCWB.js";
 import "../chunk-YCCWJ5XQ.js";
 import "../chunk-TMSWLFL4.js";
 import "../chunk-UYKIUUWP.js";
 import "../chunk-PUFA7FQ7.js";
 import "../chunk-5AK2EZG5.js";
-import "../chunk-6DO672AG.js";
+import "../chunk-N5PVD4J5.js";
+import "../chunk-6C5D6O3D.js";
 import "../chunk-ZNCYCE7L.js";
 import "../chunk-2L3VRVRE.js";
 import "../chunk-BJE3XHD4.js";
-import "../chunk-6C5D6O3D.js";
 import "../chunk-3UIDKLML.js";
 import "../chunk-PYC4CWCQ.js";
 import "../chunk-XOXXG7Q5.js";

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

@@ -1 +1 @@
-{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAsN5D,eAAO,MAAM,WAAW,sGA8EvB,CAAC"}
+{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAmP5D,eAAO,MAAM,WAAW,sGA8EvB,CAAC"}

package/dist/types/components/data-display/AlertDialog/AlertDialog.parts.d.ts

@@ -1,5 +1,16 @@
+import type { Theme } from '@mui/material/styles/index.js';
 import React from 'react';
 import type { AlertDialogProps } from './AlertDialog.types';
+/** The query container the dialog's narrow layout reads: its `.MuiDialog-container`. */
+export declare 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 declare const ALERT_DIALOG_NARROW_BELOW = 480;
+/** `@container` for a dialog given less than {@link ALERT_DIALOG_NARROW_BELOW}. Never a media query. */
+export declare function narrowDialog(theme: Theme): string;
 /**
  * Action row: the optional cancel button and the (variant-coloured) confirm,
  * with the emphasised one LAST — the primary slot, on the right or, once the

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

@@ -1 +1 @@
-{"version":3,"file":"AlertDialog.parts.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/AlertDialog/AlertDialog.parts.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAwF5D;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,UAA+C,EAC/C,WAAiD,EACjD,UAAiB,EACjB,OAAe,EACf,eAAuB,EACvB,YAAY,EACZ,QAAQ,EAAE,KAAK,EACf,QAAQ,EACR,SAAS,EACT,UAAU,GACX,EAAE,IAAI,CACL,gBAAgB,EACd,SAAS,GACT,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,SAAS,GACT,iBAAiB,GACjB,cAAc,GACd,UAAU,CACb,GAAG;IACF,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,YAAY,CAiDrB"}
+{"version":3,"file":"AlertDialog.parts.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/AlertDialog/AlertDialog.parts.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,wFAAwF;AACxF,eAAO,MAAM,sBAAsB,iBAAiB,CAAC;AAErD;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAE7C,wGAAwG;AACxG,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAEjD;AAoGD;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,UAA+C,EAC/C,WAAiD,EACjD,UAAiB,EACjB,OAAe,EACf,eAAuB,EACvB,YAAY,EACZ,QAAQ,EAAE,KAAK,EACf,QAAQ,EACR,SAAS,EACT,UAAU,GACX,EAAE,IAAI,CACL,gBAAgB,EACd,SAAS,GACT,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,SAAS,GACT,iBAAiB,GACjB,cAAc,GACd,UAAU,CACb,GAAG;IACF,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,YAAY,CAiDrB"}

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

@@ -1 +1 @@
-{"version":3,"file":"DayRuler.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DayRuler/DayRuler.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAE,aAAa,EAAe,MAAM,kBAAkB,CAAC;AAwEnE;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA4ChE"}
+{"version":3,"file":"DayRuler.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DayRuler/DayRuler.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EAAE,aAAa,EAAe,MAAM,kBAAkB,CAAC;AAwEnE;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA4ChE"}

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

@@ -0,0 +1,16 @@
+import type * as React from 'react';
+import type { RulerScale } from './DayRuler.keyboard';
+import type { DayRulerFooterRow } from './DayRuler.types';
+/** 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). */
+export declare function trendPoints(values: readonly (number | null)[], hours: number): string;
+/**
+ * A group's lines under its rows (FUT-3882): counts per hour, a trend, or a
+ * sentence, on the tracks' columns. `marked` is `labels.footerMarked`.
+ */
+export declare function GroupFooter(props: {
+    rows: readonly DayRulerFooterRow[];
+    scale: RulerScale;
+    testId: string;
+    marked: string;
+}): React.JSX.Element;
+//# sourceMappingURL=DayRuler.footer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DayRuler.footer.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DayRuler/DayRuler.footer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGtD,OAAO,KAAK,EAAsB,iBAAiB,EAAa,MAAM,kBAAkB,CAAC;AAGzF,+IAA+I;AAC/I,wBAAgB,WAAW,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAYrF;AAgFD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAAC,KAAK,EAAE,UAAU,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAe/I"}

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

@@ -0,0 +1,18 @@
+import type { SxProps, Theme } from '@mui/material/styles/index.js';
+/**
+ * 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.footer.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DayRuler.footer.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DayRuler/DayRuler.footer.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAMpE;;;;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"}

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

@@ -3,14 +3,18 @@
  * 1280 and the phone rows), in px. The web reads them through `rem`/`sxRem`.
  */
 export declare const DAY_RULER_METRICS: {
-    /** The name and the actions columns on a computer. */
+    /** The name column on a computer; a row's actions sit in it, under the name (FUT-3831). */
     readonly sideColumn: 220;
     readonly gap: 16;
+    /** Between the name (with its meta and chips) and the row's actions under it, on a computer. */
+    readonly actionsTop: 8;
     /**
      * Below this container width a row stacks: name and actions on top, the
-     * track under them. Two 220px side columns, their gaps and a track of at
-     * least 320px (where the hour labels every 4 hours do not collide): 792,
-     * rounded up.
+     * track under them. Measured when the actions had a 220px column of their
+     * own (two 220px side columns, their gaps and a track of at least 320px,
+     * where the hour labels every 4 hours do not collide: 792, rounded up); kept
+     * when they moved under the name (FUT-3831) so the bound every host was
+     * checked at did not move.
      */
     readonly compactBelow: 800;
     /**
@@ -26,6 +30,12 @@ export declare const DAY_RULER_METRICS: {
         readonly radius: 8;
         readonly compactRadius: 6;
     };
+    /**
+     * `hitArea`: on a narrow ruler the invisible hit band round a bar is this
+     * tall and at least this wide, centred on the bar and cut at the midpoint to
+     * a neighbour (FUT-3831). `font` is the floor: a text that does not fit at
+     * it is not drawn, never drawn smaller.
+     */
     readonly block: {
         readonly top: 4;
         readonly height: 24;
@@ -72,7 +82,7 @@ export declare const DAY_RULER_METRICS: {
     readonly ringOffset: 1;
     /** The loading row's name bar. */
     readonly skeletonNameRadius: 4;
-    /** Where a block's text cannot be measured, one shorter than this share of the ruler says only its start on a narrow ruler. */
+    /** Where a block's text cannot be measured, one shorter than this share of the ruler says only its start. */
     readonly narrowShare: 0.3;
     /** The shortest block a resize leaves, in hours. */
     readonly minHours: 0.5;

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

@@ -1 +1 @@
-{"version":3,"file":"DayRuler.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DayRuler/DayRuler.metrics.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,iBAAiB;IAC5B,sDAAsD;;;IAGtD;;;;;OAKG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;IAKH,iCAAiC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAWjC,kDAAkD;;IAElD,kCAAkC;;IAElC,+HAA+H;;IAE/H,oDAAoD;;;IAGpD,yDAAyD;;;;;CAEjD,CAAC"}
+{"version":3,"file":"DayRuler.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DayRuler/DayRuler.metrics.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,iBAAiB;IAC5B,2FAA2F;;;IAG3F,gGAAgG;;IAEhG;;;;;;;OAOG;;IAEH;;;;OAIG;;;;;;;;;IAIH;;;;;OAKG;;;;;;;;;;;IAEH,iCAAiC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAWjC,kDAAkD;;IAElD,kCAAkC;;IAElC,6GAA6G;;IAE7G,oDAAoD;;;IAGpD,yDAAyD;;;;;CAEjD,CAAC"}

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

@@ -1,7 +1,7 @@
 import type * as React from 'react';
 import type { RulerAbilities, RulerScale } from './DayRuler.keyboard';
 import { type Span } from './DayRuler.styles';
-import type { DayRulerBlock, DayRulerFooterRow, DayRulerRow, RulerHour } from './DayRuler.types';
+import type { DayRulerBlock, DayRulerRow, RulerHour } from './DayRuler.types';
 import type { RulerDrag, RulerDragApi } from './useRulerDrag';
 export declare const spanOf: (start: RulerHour, end: RulerHour, scale: RulerScale) => Span;
 /** What every row of one ruler shares. */
@@ -17,7 +17,18 @@ export interface RowContext {
     createLabel: (row: string) => string;
     testId: string;
 }
-/** One person: name, meta and chips · the track · the row's actions. */
+/**
+ * Whether a node draws anything: nothing, a boolean, an empty string, an empty
+ * array and an empty fragment do not — the actions slot (and its 8px above)
+ * is rendered only for content.
+ */
+export declare function hasContent(node: React.ReactNode): boolean;
+/**
+ * One person: name, meta and chips, the row's actions under them · the track.
+ * The actions live in the name's column, never a column of their own: a
+ * column reserved for one row's "Iniciar agora" left every other row a blank
+ * band, and a per-row one would have cut the hours out of line (FUT-3831).
+ */
 export declare function RulerRow({ row, ctx }: {
     row: DayRulerRow;
     ctx: RowContext;
@@ -29,18 +40,6 @@ export declare function Coverage(props: {
     scale: RulerScale;
     testId: string;
 }): React.JSX.Element;
-/** 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). */
-export declare function trendPoints(values: readonly (number | null)[], hours: number): string;
-/**
- * A group's lines under its rows (FUT-3882): counts per hour, a trend, or a
- * sentence, on the tracks' columns. `marked` is `labels.footerMarked`.
- */
-export declare function GroupFooter(props: {
-    rows: readonly DayRulerFooterRow[];
-    scale: RulerScale;
-    testId: string;
-    marked: string;
-}): React.JSX.Element;
 /** The hour labels under the coverage row. */
 export declare function Axis({ scale, testId }: {
     scale: RulerScale;

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

@@ -1 +1 @@
-{"version":3,"file":"DayRuler.parts.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DayRuler/DayRuler.parts.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAKtE,OAAO,EAmBL,KAAK,IAAI,EACV,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,aAAa,EAAsB,iBAAiB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACrH,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9D,eAAO,MAAM,MAAM,GAAI,OAAO,SAAS,EAAE,KAAK,SAAS,EAAE,OAAO,UAAU,KAAG,IAG5E,CAAC;AAEF,0CAA0C;AAC1C,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,UAAU,CAAC;IAClB,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,GAAG,EAAE,cAAc,CAAC;IACpB,IAAI,EAAE,SAAS,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,YAAY,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,WAAW,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACvE,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACrC,MAAM,EAAE,MAAM,CAAC;CAChB;AA8KD,wEAAwE;AACxE,wBAAgB,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE;IAAE,GAAG,EAAE,WAAW,CAAC;IAAC,GAAG,EAAE,UAAU,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAQ/F;AAED,8DAA8D;AAC9D,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,UAAU,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqBrI;AAED,+IAA+I;AAC/I,wBAAgB,WAAW,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAYrF;AAgFD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAAC,KAAK,EAAE,UAAU,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgB/I;AAED,8CAA8C;AAC9C,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;IAAE,KAAK,EAAE,UAAU,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAchG"}
+{"version":3,"file":"DayRuler.parts.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DayRuler/DayRuler.parts.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAItE,OAAO,EAiBL,KAAK,IAAI,EACV,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC9E,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9D,eAAO,MAAM,MAAM,GAAI,OAAO,SAAS,EAAE,KAAK,SAAS,EAAE,OAAO,UAAU,KAAG,IAG5E,CAAC;AAEF,0CAA0C;AAC1C,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,UAAU,CAAC;IAClB,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,GAAG,EAAE,cAAc,CAAC;IACpB,IAAI,EAAE,SAAS,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,YAAY,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,WAAW,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACvE,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACrC,MAAM,EAAE,MAAM,CAAC;CAChB;AA2MD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,GAAG,OAAO,CAKzD;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE;IAAE,GAAG,EAAE,WAAW,CAAC;IAAC,GAAG,EAAE,UAAU,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAa/F;AAED,8DAA8D;AAC9D,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,UAAU,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAoBrI;AAED,8CAA8C;AAC9C,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;IAAE,KAAK,EAAE,UAAU,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAahG"}

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/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/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.1",
   "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' =>