@12-apps/ui 6.93.0 → 6.93.1

package/dist/_internal/components/navigation/SectionNav/SectionNav.js

@@ -1,22 +1,22 @@
 import {
   SectionNav
-} from "../../../../chunk-FAUNQ3FS.js";
-import "../../../../chunk-AMIUZRDQ.js";
-import "../../../../chunk-MM3QESLI.js";
-import "../../../../chunk-P53ANKZV.js";
-import "../../../../chunk-DTZOP4ZR.js";
-import "../../../../chunk-L4V7FZJI.js";
-import "../../../../chunk-LDCZPZPD.js";
+} from "../../../../chunk-2M3W6ACW.js";
+import "../../../../chunk-SNWCT6JN.js";
+import "../../../../chunk-ILJ3FXIC.js";
+import "../../../../chunk-F7LBTMCA.js";
+import "../../../../chunk-XCUHGPPZ.js";
+import "../../../../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/_internal/components/navigation/SectionNav/SectionNav.parts.js

@@ -9,15 +9,15 @@ import {
   destinationControl,
   focusRing,
   useMounted
-} from "../../../../chunk-LDCZPZPD.js";
+} from "../../../../chunk-24HHUCWB.js";
 import "../../../../chunk-YCCWJ5XQ.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-TYJR4GOF.js";

package/dist/_internal/components/navigation/SectionNav/SectionNav.primary.js

@@ -3,16 +3,16 @@ import {
   RAISED_LIFT_COMPACT,
   RaisedActionButton,
   raisedLift
-} from "../../../../chunk-L4V7FZJI.js";
-import "../../../../chunk-LDCZPZPD.js";
+} from "../../../../chunk-UKUGSU3Y.js";
+import "../../../../chunk-24HHUCWB.js";
 import "../../../../chunk-YCCWJ5XQ.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-TYJR4GOF.js";

package/dist/_internal/components/navigation/SectionNav/SectionNav.rail.js

@@ -1,16 +1,16 @@
 import {
   SectionNavRail
-} from "../../../../chunk-AMIUZRDQ.js";
-import "../../../../chunk-MM3QESLI.js";
-import "../../../../chunk-LDCZPZPD.js";
+} from "../../../../chunk-SNWCT6JN.js";
+import "../../../../chunk-ILJ3FXIC.js";
+import "../../../../chunk-24HHUCWB.js";
 import "../../../../chunk-YCCWJ5XQ.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-TYJR4GOF.js";

package/dist/_internal/components/navigation/SectionNav/SectionNav.railCreate.js

@@ -1,15 +1,15 @@
 import {
   RailCreateMenu
-} from "../../../../chunk-MM3QESLI.js";
-import "../../../../chunk-LDCZPZPD.js";
+} from "../../../../chunk-ILJ3FXIC.js";
+import "../../../../chunk-24HHUCWB.js";
 import "../../../../chunk-YCCWJ5XQ.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-TYJR4GOF.js";

package/dist/_internal/components/navigation/SectionNav/SectionNav.sheet.js

@@ -1,17 +1,17 @@
 import {
   SectionNavSheet
-} from "../../../../chunk-DTZOP4ZR.js";
-import "../../../../chunk-LDCZPZPD.js";
+} from "../../../../chunk-XCUHGPPZ.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/_internal/components/navigation/index.js

@@ -12,17 +12,17 @@ import "../../../chunk-3AIRFAI3.js";
 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-R445KMGG.js";
 import {
@@ -97,11 +97,11 @@ import "../../../chunk-GYXUCS37.js";
 import "../../../chunk-LV7LSPBF.js";
 import "../../../chunk-LL2BWQPM.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-YOXYSAUI.js";

package/dist/_internal/user-avatar/user-avatar.js

@@ -2,14 +2,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/dist/charts.js

@@ -1,10 +1,21 @@
 import "./chunk-5KLSLD72.js";
 import {
   SpecChart
-} from "./chunk-R52N5UCS.js";
+} from "./chunk-SB2SEGR6.js";
 import {
   Chart
-} from "./chunk-5357QUVE.js";
+} from "./chunk-AMLHEKSV.js";
+import "./chunk-6ATXOJVQ.js";
+import "./chunk-TZC6KIK2.js";
+import "./chunk-TCWISGSS.js";
+import "./chunk-SOHQPPYJ.js";
+import {
+  ChartContainer,
+  ChartLegend,
+  ChartLegendContent,
+  ChartTooltip,
+  ChartTooltipContent
+} from "./chunk-RIRTW5EU.js";
 import {
   CHART_SEMANTIC_COLORS,
   ChartSpecError,
@@ -20,17 +31,6 @@ import {
   getRegisteredChartSpecTypes,
   registerChartSpecRenderer
 } from "./chunk-WKUA6P3W.js";
-import "./chunk-CZVAVX5L.js";
-import "./chunk-JG733RMP.js";
-import "./chunk-SOHQPPYJ.js";
-import {
-  ChartContainer,
-  ChartLegend,
-  ChartLegendContent,
-  ChartTooltip,
-  ChartTooltipContent
-} from "./chunk-RIRTW5EU.js";
-import "./chunk-TCWISGSS.js";
 import "./chunk-B7ZHEOQQ.js";
 import "./chunk-BRHRK7BK.js";
 import "./chunk-25MSGLNU.js";

package/dist/{chunk-LDCZPZPD.js → chunk-24HHUCWB.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-PUFA7FQ7.js";
 import {
   Badge
-} from "./chunk-6DO672AG.js";
+} from "./chunk-N5PVD4J5.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -115,4 +115,4 @@ export {
   VISUALLY_HIDDEN,
   useMounted
 };
-//# sourceMappingURL=chunk-LDCZPZPD.js.map
+//# sourceMappingURL=chunk-24HHUCWB.js.map

package/dist/{chunk-7ZQ3KQ7J.js → chunk-273OLFJD.js}

@@ -1,13 +1,17 @@
 // src/components/data-display/DayRuler/DayRuler.metrics.ts
 var 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). */
   sideColumn: 220,
   gap: 16,
+  /** Between the name (with its meta and chips) and the row's actions under it, on a computer. */
+  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.
    */
   compactBelow: 800,
   /**
@@ -18,6 +22,12 @@ var DAY_RULER_METRICS = {
   phoneBelow: 600,
   rowPaddingY: 8,
   track: { height: 40, compactHeight: 30, radius: 8, 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.
+   */
   block: { top: 4, height: 24, compactTop: 3, compactHeight: 20, radius: 6, paddingX: 6, font: 12, hitArea: 40 },
   /** The end handles' hit area. */
   handle: 10,
@@ -34,7 +44,7 @@ var DAY_RULER_METRICS = {
   ringOffset: 1,
   /** The loading row's name bar. */
   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. */
   narrowShare: 0.3,
   /** The shortest block a resize leaves, in hours. */
   minHours: 0.5,
@@ -46,4 +56,4 @@ var DAY_RULER_METRICS = {
 export {
   DAY_RULER_METRICS
 };
-//# sourceMappingURL=chunk-7ZQ3KQ7J.js.map
+//# sourceMappingURL=chunk-273OLFJD.js.map

package/dist/chunk-273OLFJD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DayRuler/DayRuler.metrics.ts"],"sourcesContent":["/**\n * THE DAY RULER'S NUMBERS — the approved prototype's (FUT-3823, frames d02 at\n * 1280 and the phone rows), in px. The web reads them through `rem`/`sxRem`.\n */\nexport const DAY_RULER_METRICS = {\n  /** The name column on a computer; a row's actions sit in it, under the name (FUT-3831). */\n  sideColumn: 220,\n  gap: 16,\n  /** Between the name (with its meta and chips) and the row's actions under it, on a computer. */\n  actionsTop: 8,\n  /**\n   * Below this container width a row stacks: name and actions on top, the\n   * track under them. Measured when the actions had a 220px column of their\n   * own (two 220px side columns, their gaps and a track of at least 320px,\n   * where the hour labels every 4 hours do not collide: 792, rounded up); kept\n   * when they moved under the name (FUT-3831) so the bound every host was\n   * checked at did not move.\n   */\n  compactBelow: 800,\n  /**\n   * Below this container width the pane is phone-sized: no coverage row and\n   * no hour axis. Between it and `compactBelow` the rows stack and the two\n   * lines are drawn across the full width, like the tracks.\n   */\n  phoneBelow: 600,\n  rowPaddingY: 8,\n  track: { height: 40, compactHeight: 30, radius: 8, compactRadius: 6 },\n  /**\n   * `hitArea`: on a narrow ruler the invisible hit band round a bar is this\n   * tall and at least this wide, centred on the bar and cut at the midpoint to\n   * a neighbour (FUT-3831). `font` is the floor: a text that does not fit at\n   * it is not drawn, never drawn smaller.\n   */\n  block: { top: 4, height: 24, compactTop: 3, compactHeight: 20, radius: 6, paddingX: 6, font: 12, hitArea: 40 },\n  /** The end handles' hit area. */\n  handle: 10,\n  actual: { top: 31, height: 6, compactTop: 24, compactHeight: 4, radius: 3 },\n  actualLabel: { top: 8, offset: 6, font: 12 },\n  now: { width: 2, overhang: 2 },\n  coverage: { height: 26, gap: 2, radius: 4, font: 12 },\n  axis: { height: 18, font: 12 },\n  name: 15,\n  meta: 13,\n  groupTitle: 12,\n  ring: 2,\n  /** How far a block's focus ring stands off it. */\n  ringOffset: 1,\n  /** The loading row's name bar. */\n  skeletonNameRadius: 4,\n  /** Where a block's text cannot be measured, one shorter than this share of the ruler says only its start. */\n  narrowShare: 0.3,\n  /** The shortest block a resize leaves, in hours. */\n  minHours: 0.5,\n  skeletonRows: 4,\n  /** The hatch of a break inside a block: stripe width. */\n  breakStripe: { ink: 2, gap: 3 },\n} as const;\n"],"mappings":";AAIO,IAAM,oBAAoB;AAAA;AAAA,EAE/B,YAAY;AAAA,EACZ,KAAK;AAAA;AAAA,EAEL,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASZ,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMd,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,OAAO,EAAE,QAAQ,IAAI,eAAe,IAAI,QAAQ,GAAG,eAAe,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOpE,OAAO,EAAE,KAAK,GAAG,QAAQ,IAAI,YAAY,GAAG,eAAe,IAAI,QAAQ,GAAG,UAAU,GAAG,MAAM,IAAI,SAAS,GAAG;AAAA;AAAA,EAE7G,QAAQ;AAAA,EACR,QAAQ,EAAE,KAAK,IAAI,QAAQ,GAAG,YAAY,IAAI,eAAe,GAAG,QAAQ,EAAE;AAAA,EAC1E,aAAa,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG;AAAA,EAC3C,KAAK,EAAE,OAAO,GAAG,UAAU,EAAE;AAAA,EAC7B,UAAU,EAAE,QAAQ,IAAI,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG;AAAA,EACpD,MAAM,EAAE,QAAQ,IAAI,MAAM,GAAG;AAAA,EAC7B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,MAAM;AAAA;AAAA,EAEN,YAAY;AAAA;AAAA,EAEZ,oBAAoB;AAAA;AAAA,EAEpB,aAAa;AAAA;AAAA,EAEb,UAAU;AAAA,EACV,cAAc;AAAA;AAAA,EAEd,aAAa,EAAE,KAAK,GAAG,KAAK,EAAE;AAChC;","names":[]}

package/dist/{chunk-FAUNQ3FS.js → chunk-2M3W6ACW.js}

@@ -1,9 +1,9 @@
 import {
   SectionNavRail
-} from "./chunk-AMIUZRDQ.js";
+} from "./chunk-SNWCT6JN.js";
 import {
   SectionNavBar
-} from "./chunk-P53ANKZV.js";
+} from "./chunk-F7LBTMCA.js";
 
 // src/components/navigation/SectionNav/SectionNav.tsx
 import { jsx } from "react/jsx-runtime";
@@ -55,4 +55,4 @@ function SectionNav({
 export {
   SectionNav
 };
-//# sourceMappingURL=chunk-FAUNQ3FS.js.map
+//# sourceMappingURL=chunk-2M3W6ACW.js.map

package/dist/{chunk-ALOEOGQV.js → chunk-3TZUZXY5.js}

@@ -1,6 +1,6 @@
 import {
   ConfirmActionDialog
-} from "./chunk-7W5X3KQ2.js";
+} from "./chunk-SW7JCF4Z.js";
 import {
   useConfirmAction
 } from "./chunk-EMYESBIT.js";
@@ -40,4 +40,4 @@ function withConfirmation(Wrapped, defaults) {
 export {
   withConfirmation
 };
-//# sourceMappingURL=chunk-ALOEOGQV.js.map
+//# sourceMappingURL=chunk-3TZUZXY5.js.map

package/dist/{chunk-4HK4FVMV.js → chunk-3UAHDLKH.js}

@@ -85,6 +85,11 @@ function blockToneStyles(theme, tone, dashedPlan = false) {
       };
   }
 }
+function dashedLabelGround(theme, tone) {
+  if (tone === "away" || tone === "uncovered") return cellGround(theme);
+  if (tone === "plan") return flatten(cellGround(theme), theme.palette.action.hover);
+  return void 0;
+}
 function breakHatch(theme, stripe, period) {
   const ink = theme.palette.action.disabled;
   const ground = theme.palette.background.default;
@@ -100,7 +105,8 @@ export {
   readableInk,
   signalInk,
   blockToneStyles,
+  dashedLabelGround,
   breakHatch,
   actualBarColor
 };
-//# sourceMappingURL=chunk-4HK4FVMV.js.map
+//# sourceMappingURL=chunk-3UAHDLKH.js.map

package/dist/{chunk-4HK4FVMV.js.map → chunk-3UAHDLKH.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/data-display/ScheduleGrid/schedule-tones.ts"],"sourcesContent":["import type { Theme } from '@mui/material/styles/index.js';\nimport type { CSSObject } from '@mui/material/styles/index.js';\n\nimport { blend, darken, decomposeColor, getContrastRatio, getLuminance, lighten } from '../../../tokens/color';\nimport { fieldEdge } from '../../../tokens/field-edge';\nimport { absoluteInk } from '../../../tokens/ink';\nimport { softSignal, surfaces } from '../../../tokens/surfaces';\nimport type { ScheduleBlockTone } from './ScheduleGrid.types';\n\n/** WCAG AA for a block's text (12px, not large): every tone's ink clears it on its ground. */\nexport const TONE_TEXT_CONTRAST = 4.5;\n\n/** A translucent colour as it shows over an opaque `ground`. */\nfunction flatten(ground: string, overlay: string): string {\n  const { values, type } = decomposeColor(overlay);\n  const opacity = type.endsWith('a') ? (values[3] ?? 1) : 1;\n  return blend(ground, overlay, opacity);\n}\n\n/** The ground a block with no fill of its own sits on: a cell (or a track) over the page. */\nexport function cellGround(theme: Theme): string {\n  return flatten(theme.palette.background.default, theme.palette.action.hover);\n}\n\n/** The first ink that reads at {@link TONE_TEXT_CONTRAST} on `ground`; none does, the one that reads best. */\nexport function readableInk(ground: string, candidates: readonly string[]): string {\n  let best = candidates[0] ?? '';\n  let bestRatio = -1;\n  for (const ink of candidates) {\n    const ratio = getContrastRatio(flatten(ground, ink), ground);\n    if (ratio >= TONE_TEXT_CONTRAST) return ink;\n    if (ratio > bestRatio) [best, bestRatio] = [ink, ratio];\n  }\n  return best;\n}\n\n/** `color`, then ten steps of it towards whichever end reads on `ground` — the hue kept as long as it can be. */\nfunction deepening(color: string, ground: string): string[] {\n  const toward = getLuminance(ground) > LUMINANCE_MIDPOINT ? darken : lighten;\n  return Array.from({ length: 11 }, (_, step) => (step === 0 ? color : toward(color, step / 10)));\n}\n\n/** Where black and white read equally well on a ground (WCAG luminance). */\nconst LUMINANCE_MIDPOINT = 0.179;\n\n/**\n * The signal's readable ink on a ground that is not its own colour: its deep\n * step on a light ground, its light step on a dark one, deepened further until\n * it reads at 4.5:1 (MUI's `warning.dark` is 3.6:1 on a light cell).\n */\nexport function signalInk(theme: Theme, signal: 'warning' | 'success', ground: string): string {\n  const step = theme.palette.mode === 'dark' ? theme.palette[signal].light : theme.palette[signal].dark;\n  return readableInk(ground, deepening(step, ground));\n}\n\n/**\n * The ink on a solid signal fill: the palette's own `contrastText` when it\n * reads (a host's brand decision), else the page's own text, else black or\n * white — MUI's default `warning` has white at 3.1:1 on its orange; the\n * prototype writes it in the dark ink.\n */\nfunction inkOnFill(theme: Theme, fill: string, incumbent: string): string {\n  const { black, white } = absoluteInk(theme);\n  return readableInk(fill, [incumbent, theme.palette.text.primary, black, white]);\n}\n\n/**\n * How a block of each tone is drawn — in the week grid and on the day ruler\n * alike, so one tone reads the same in both views. `dashedPlan` is the ruler's\n * escala block (a dashed outline over a faint ground); the grid's plan block is\n * a raised chip. Never colour alone: every tone also carries its note text.\n */\nexport function blockToneStyles(theme: Theme, tone: ScheduleBlockTone, dashedPlan = false): CSSObject {\n  const hairline = '1px solid';\n  switch (tone) {\n    case 'late':\n      return {\n        backgroundColor: theme.palette.warning.main,\n        color: inkOnFill(theme, theme.palette.warning.main, theme.palette.warning.contrastText),\n        border: `${hairline} ${theme.palette.warning.main}`,\n      };\n    case 'away':\n    case 'uncovered':\n      return {\n        backgroundColor: 'transparent',\n        color: signalInk(theme, 'warning', cellGround(theme)),\n        border: `1px dashed ${theme.palette.warning.main}`,\n      };\n    case 'onduty':\n      return {\n        backgroundColor: softSignal(theme, 'success'),\n        color: theme.palette.text.primary,\n        border: `${hairline} ${theme.palette.success.main}`,\n      };\n    case 'plan':\n    default:\n      return dashedPlan\n        ? {\n            backgroundColor: theme.palette.action.hover,\n            color: theme.palette.text.primary,\n            border: `1px dashed ${theme.palette.text.secondary}`,\n          }\n        : {\n            backgroundColor: surfaces(theme).raised,\n            color: theme.palette.text.primary,\n            border: `${hairline} ${fieldEdge(theme, surfaces(theme).raised)}`,\n          };\n  }\n}\n\n/**\n * A break inside a block (a meal break): the page's own ground with diagonal\n * stripes of the disabled action colour, opaque, so the block reads as CUT there in any\n * tone, light or dark. `stripe` / `period` are CSS lengths (a stripe and the\n * stripe plus its gap).\n */\nexport function breakHatch(theme: Theme, stripe: string, period: string): string {\n  const ink = theme.palette.action.disabled;\n  const ground = theme.palette.background.default;\n  return `repeating-linear-gradient(135deg, ${ink} 0, ${ink} ${stripe}, ${ground} ${stripe}, ${ground} ${period}), ${ground}`;\n}\n\n/** The thin bar under a ruler row that says the shift is really running. */\nexport function actualBarColor(theme: Theme): string {\n  return theme.palette.success.main;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/components/data-display/ScheduleGrid/schedule-tones.ts"],"sourcesContent":["import type { Theme } from '@mui/material/styles/index.js';\nimport type { CSSObject } from '@mui/material/styles/index.js';\n\nimport { blend, darken, decomposeColor, getContrastRatio, getLuminance, lighten } from '../../../tokens/color';\nimport { fieldEdge } from '../../../tokens/field-edge';\nimport { absoluteInk } from '../../../tokens/ink';\nimport { softSignal, surfaces } from '../../../tokens/surfaces';\nimport type { ScheduleBlockTone } from './ScheduleGrid.types';\n\n/** WCAG AA for a block's text (12px, not large): every tone's ink clears it on its ground. */\nexport const TONE_TEXT_CONTRAST = 4.5;\n\n/** A translucent colour as it shows over an opaque `ground`. */\nfunction flatten(ground: string, overlay: string): string {\n  const { values, type } = decomposeColor(overlay);\n  const opacity = type.endsWith('a') ? (values[3] ?? 1) : 1;\n  return blend(ground, overlay, opacity);\n}\n\n/** The ground a block with no fill of its own sits on: a cell (or a track) over the page. */\nexport function cellGround(theme: Theme): string {\n  return flatten(theme.palette.background.default, theme.palette.action.hover);\n}\n\n/** The first ink that reads at {@link TONE_TEXT_CONTRAST} on `ground`; none does, the one that reads best. */\nexport function readableInk(ground: string, candidates: readonly string[]): string {\n  let best = candidates[0] ?? '';\n  let bestRatio = -1;\n  for (const ink of candidates) {\n    const ratio = getContrastRatio(flatten(ground, ink), ground);\n    if (ratio >= TONE_TEXT_CONTRAST) return ink;\n    if (ratio > bestRatio) [best, bestRatio] = [ink, ratio];\n  }\n  return best;\n}\n\n/** `color`, then ten steps of it towards whichever end reads on `ground` — the hue kept as long as it can be. */\nfunction deepening(color: string, ground: string): string[] {\n  const toward = getLuminance(ground) > LUMINANCE_MIDPOINT ? darken : lighten;\n  return Array.from({ length: 11 }, (_, step) => (step === 0 ? color : toward(color, step / 10)));\n}\n\n/** Where black and white read equally well on a ground (WCAG luminance). */\nconst LUMINANCE_MIDPOINT = 0.179;\n\n/**\n * The signal's readable ink on a ground that is not its own colour: its deep\n * step on a light ground, its light step on a dark one, deepened further until\n * it reads at 4.5:1 (MUI's `warning.dark` is 3.6:1 on a light cell).\n */\nexport function signalInk(theme: Theme, signal: 'warning' | 'success', ground: string): string {\n  const step = theme.palette.mode === 'dark' ? theme.palette[signal].light : theme.palette[signal].dark;\n  return readableInk(ground, deepening(step, ground));\n}\n\n/**\n * The ink on a solid signal fill: the palette's own `contrastText` when it\n * reads (a host's brand decision), else the page's own text, else black or\n * white — MUI's default `warning` has white at 3.1:1 on its orange; the\n * prototype writes it in the dark ink.\n */\nfunction inkOnFill(theme: Theme, fill: string, incumbent: string): string {\n  const { black, white } = absoluteInk(theme);\n  return readableInk(fill, [incumbent, theme.palette.text.primary, black, white]);\n}\n\n/**\n * How a block of each tone is drawn — in the week grid and on the day ruler\n * alike, so one tone reads the same in both views. `dashedPlan` is the ruler's\n * escala block (a dashed outline over a faint ground); the grid's plan block is\n * a raised chip. Never colour alone: every tone also carries its note text.\n */\nexport function blockToneStyles(theme: Theme, tone: ScheduleBlockTone, dashedPlan = false): CSSObject {\n  const hairline = '1px solid';\n  switch (tone) {\n    case 'late':\n      return {\n        backgroundColor: theme.palette.warning.main,\n        color: inkOnFill(theme, theme.palette.warning.main, theme.palette.warning.contrastText),\n        border: `${hairline} ${theme.palette.warning.main}`,\n      };\n    case 'away':\n    case 'uncovered':\n      return {\n        backgroundColor: 'transparent',\n        color: signalInk(theme, 'warning', cellGround(theme)),\n        border: `1px dashed ${theme.palette.warning.main}`,\n      };\n    case 'onduty':\n      return {\n        backgroundColor: softSignal(theme, 'success'),\n        color: theme.palette.text.primary,\n        border: `${hairline} ${theme.palette.success.main}`,\n      };\n    case 'plan':\n    default:\n      return dashedPlan\n        ? {\n            backgroundColor: theme.palette.action.hover,\n            color: theme.palette.text.primary,\n            border: `1px dashed ${theme.palette.text.secondary}`,\n          }\n        : {\n            backgroundColor: surfaces(theme).raised,\n            color: theme.palette.text.primary,\n            border: `${hairline} ${fieldEdge(theme, surfaces(theme).raised)}`,\n          };\n  }\n}\n\n/**\n * An OPAQUE ground for a ruler block's label where the block's own fill is\n * not opaque (the dashed plan's faint wash, the away / uncovered outline): the\n * fill flattened over the cell's ground, so the label reads the same and\n * whatever the track draws under the block — the \"agora\" line — never shows\n * through the text (FUT-3831). An opaque fill needs none: `undefined`.\n */\nexport function dashedLabelGround(theme: Theme, tone: ScheduleBlockTone): string | undefined {\n  if (tone === 'away' || tone === 'uncovered') return cellGround(theme);\n  if (tone === 'plan') return flatten(cellGround(theme), theme.palette.action.hover);\n  return undefined;\n}\n\n/**\n * A break inside a block (a meal break): the page's own ground with diagonal\n * stripes of the disabled action colour, opaque, so the block reads as CUT there in any\n * tone, light or dark. `stripe` / `period` are CSS lengths (a stripe and the\n * stripe plus its gap).\n */\nexport function breakHatch(theme: Theme, stripe: string, period: string): string {\n  const ink = theme.palette.action.disabled;\n  const ground = theme.palette.background.default;\n  return `repeating-linear-gradient(135deg, ${ink} 0, ${ink} ${stripe}, ${ground} ${stripe}, ${ground} ${period}), ${ground}`;\n}\n\n/** The thin bar under a ruler row that says the shift is really running. */\nexport function actualBarColor(theme: Theme): string {\n  return theme.palette.success.main;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAUO,IAAM,qBAAqB;AAGlC,SAAS,QAAQ,QAAgB,SAAyB;AACxD,QAAM,EAAE,QAAQ,KAAK,IAAI,eAAe,OAAO;AAC/C,QAAM,UAAU,KAAK,SAAS,GAAG,IAAK,OAAO,CAAC,KAAK,IAAK;AACxD,SAAO,MAAM,QAAQ,SAAS,OAAO;AACvC;AAGO,SAAS,WAAW,OAAsB;AAC/C,SAAO,QAAQ,MAAM,QAAQ,WAAW,SAAS,MAAM,QAAQ,OAAO,KAAK;AAC7E;AAGO,SAAS,YAAY,QAAgB,YAAuC;AACjF,MAAI,OAAO,WAAW,CAAC,KAAK;AAC5B,MAAI,YAAY;AAChB,aAAW,OAAO,YAAY;AAC5B,UAAM,QAAQ,iBAAiB,QAAQ,QAAQ,GAAG,GAAG,MAAM;AAC3D,QAAI,SAAS,mBAAoB,QAAO;AACxC,QAAI,QAAQ,UAAW,EAAC,MAAM,SAAS,IAAI,CAAC,KAAK,KAAK;AAAA,EACxD;AACA,SAAO;AACT;AAGA,SAAS,UAAU,OAAe,QAA0B;AAC1D,QAAM,SAAS,aAAa,MAAM,IAAI,qBAAqB,SAAS;AACpE,SAAO,MAAM,KAAK,EAAE,QAAQ,GAAG,GAAG,CAAC,GAAG,SAAU,SAAS,IAAI,QAAQ,OAAO,OAAO,OAAO,EAAE,CAAE;AAChG;AAGA,IAAM,qBAAqB;AAOpB,SAAS,UAAU,OAAc,QAA+B,QAAwB;AAC7F,QAAM,OAAO,MAAM,QAAQ,SAAS,SAAS,MAAM,QAAQ,MAAM,EAAE,QAAQ,MAAM,QAAQ,MAAM,EAAE;AACjG,SAAO,YAAY,QAAQ,UAAU,MAAM,MAAM,CAAC;AACpD;AAQA,SAAS,UAAU,OAAc,MAAc,WAA2B;AACxE,QAAM,EAAE,OAAO,MAAM,IAAI,YAAY,KAAK;AAC1C,SAAO,YAAY,MAAM,CAAC,WAAW,MAAM,QAAQ,KAAK,SAAS,OAAO,KAAK,CAAC;AAChF;AAQO,SAAS,gBAAgB,OAAc,MAAyB,aAAa,OAAkB;AACpG,QAAM,WAAW;AACjB,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB,MAAM,QAAQ,QAAQ;AAAA,QACvC,OAAO,UAAU,OAAO,MAAM,QAAQ,QAAQ,MAAM,MAAM,QAAQ,QAAQ,YAAY;AAAA,QACtF,QAAQ,GAAG,QAAQ,IAAI,MAAM,QAAQ,QAAQ,IAAI;AAAA,MACnD;AAAA,IACF,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,OAAO,UAAU,OAAO,WAAW,WAAW,KAAK,CAAC;AAAA,QACpD,QAAQ,cAAc,MAAM,QAAQ,QAAQ,IAAI;AAAA,MAClD;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB,WAAW,OAAO,SAAS;AAAA,QAC5C,OAAO,MAAM,QAAQ,KAAK;AAAA,QAC1B,QAAQ,GAAG,QAAQ,IAAI,MAAM,QAAQ,QAAQ,IAAI;AAAA,MACnD;AAAA,IACF,KAAK;AAAA,IACL;AACE,aAAO,aACH;AAAA,QACE,iBAAiB,MAAM,QAAQ,OAAO;AAAA,QACtC,OAAO,MAAM,QAAQ,KAAK;AAAA,QAC1B,QAAQ,cAAc,MAAM,QAAQ,KAAK,SAAS;AAAA,MACpD,IACA;AAAA,QACE,iBAAiB,SAAS,KAAK,EAAE;AAAA,QACjC,OAAO,MAAM,QAAQ,KAAK;AAAA,QAC1B,QAAQ,GAAG,QAAQ,IAAI,UAAU,OAAO,SAAS,KAAK,EAAE,MAAM,CAAC;AAAA,MACjE;AAAA,EACR;AACF;AASO,SAAS,kBAAkB,OAAc,MAA6C;AAC3F,MAAI,SAAS,UAAU,SAAS,YAAa,QAAO,WAAW,KAAK;AACpE,MAAI,SAAS,OAAQ,QAAO,QAAQ,WAAW,KAAK,GAAG,MAAM,QAAQ,OAAO,KAAK;AACjF,SAAO;AACT;AAQO,SAAS,WAAW,OAAc,QAAgB,QAAwB;AAC/E,QAAM,MAAM,MAAM,QAAQ,OAAO;AACjC,QAAM,SAAS,MAAM,QAAQ,WAAW;AACxC,SAAO,qCAAqC,GAAG,OAAO,GAAG,IAAI,MAAM,KAAK,MAAM,IAAI,MAAM,KAAK,MAAM,IAAI,MAAM,MAAM,MAAM;AAC3H;AAGO,SAAS,eAAe,OAAsB;AACnD,SAAO,MAAM,QAAQ,QAAQ;AAC/B;","names":[]}

package/dist/{chunk-F5H3WDG7.js → chunk-4E2RQOSQ.js}

@@ -3,7 +3,7 @@ import {
   MoreGroup,
   MoreQuick,
   fieldClearing
-} from "./chunk-VJIJCLUX.js";
+} from "./chunk-UOKXYV3U.js";
 import {
   useStillAnchor
 } from "./chunk-7CUZTWKW.js";
@@ -223,4 +223,4 @@ function MoreFilters({
 export {
   MoreFilters
 };
-//# sourceMappingURL=chunk-F5H3WDG7.js.map
+//# sourceMappingURL=chunk-4E2RQOSQ.js.map

package/dist/{chunk-JIEVKHOH.js → chunk-4J62V5OE.js}

@@ -1,3 +1,8 @@
+import {
+  AVATAR_DEFAULTS,
+  contentTypeOf,
+  pickAvatarContent
+} from "./chunk-3ZVUNSFF.js";
 import {
   AvatarView
 } from "./chunk-7XSCEHGA.js";
@@ -7,11 +12,6 @@ import {
   GROUP_MAX,
   GROUP_OVERLAP
 } from "./chunk-6ZZGK5DT.js";
-import {
-  AVATAR_DEFAULTS,
-  contentTypeOf,
-  pickAvatarContent
-} from "./chunk-3ZVUNSFF.js";
 import {
   EN_US_UI_LABELS
 } from "./chunk-XOXXG7Q5.js";
@@ -178,4 +178,4 @@ export {
   Avatar,
   AvatarGroup
 };
-//# sourceMappingURL=chunk-JIEVKHOH.js.map
+//# sourceMappingURL=chunk-4J62V5OE.js.map