@12-apps/ui 6.93.0 → 6.93.2

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":"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","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

package/dist/{chunk-OJZLFFG4.js → chunk-5AZEDQXX.js}

@@ -1,12 +1,12 @@
 import {
   DAY_RULER_METRICS
-} from "./chunk-7ZQ3KQ7J.js";
+} from "./chunk-273OLFJD.js";
 import {
   actualBarColor,
   blockToneStyles,
   breakHatch,
-  signalInk
-} from "./chunk-4HK4FVMV.js";
+  dashedLabelGround
+} from "./chunk-3UAHDLKH.js";
 import {
   FIELD_BORDER_WIDTH
 } from "./chunk-O6MJWHU5.js";
@@ -17,24 +17,23 @@ import {
 
 // src/components/data-display/DayRuler/DayRuler.styles.ts
 import { alpha } from "@mui/material/styles/index.js";
-function rootSx(hasActions) {
-  return (theme) => ({
-    containerType: "inline-size",
-    minWidth: 0,
-    width: "100%",
-    userSelect: "none",
-    "--dr-actions": hasActions ? rem(theme, DAY_RULER_METRICS.sideColumn) : "0%"
-  });
-}
+var CONTAINER = "day-ruler";
+var rootSx = {
+  containerType: "inline-size",
+  containerName: CONTAINER,
+  minWidth: 0,
+  width: "100%",
+  userSelect: "none"
+};
 function compact(theme) {
-  return `@container (width < ${rem(theme, DAY_RULER_METRICS.compactBelow)})`;
+  return `@container ${CONTAINER} (width < ${rem(theme, DAY_RULER_METRICS.compactBelow)})`;
 }
 function phone(theme) {
-  return `@container (width < ${rem(theme, DAY_RULER_METRICS.phoneBelow)})`;
+  return `@container ${CONTAINER} (width < ${rem(theme, DAY_RULER_METRICS.phoneBelow)})`;
 }
 var lineSx = (theme) => ({
   display: "grid",
-  gridTemplateColumns: `${rem(theme, DAY_RULER_METRICS.sideColumn)} minmax(0, 1fr) var(--dr-actions)`,
+  gridTemplateColumns: `${rem(theme, DAY_RULER_METRICS.sideColumn)} minmax(0, 1fr)`,
   columnGap: rem(theme, DAY_RULER_METRICS.gap),
   alignItems: "center",
   // Stacked: across the full width, like the tracks; the label above the counts.
@@ -99,29 +98,33 @@ var groupTitleSx = {
 };
 var rowSx = (theme) => ({
   display: "grid",
-  gridTemplateColumns: `${rem(theme, DAY_RULER_METRICS.sideColumn)} minmax(0, 1fr) var(--dr-actions)`,
-  gridTemplateAreas: '"who track actions"',
+  gridTemplateColumns: `${rem(theme, DAY_RULER_METRICS.sideColumn)} minmax(0, 1fr)`,
+  gridTemplateRows: "auto auto",
+  gridTemplateAreas: '"who track" "actions track"',
   columnGap: rem(theme, DAY_RULER_METRICS.gap),
   alignItems: "center",
   py: rem(theme, DAY_RULER_METRICS.rowPaddingY),
   borderBottom: `1px solid ${theme.palette.divider}`,
   [compact(theme)]: {
     gridTemplateColumns: "minmax(0, 1fr) auto",
+    gridTemplateRows: "none",
     gridTemplateAreas: '"who actions" "track track"',
     rowGap: theme.spacing(1),
     py: theme.spacing(1.5)
   }
 });
 var whoSx = { gridArea: "who", minWidth: 0 };
-var actionsSx = {
+var actionsSx = (theme) => ({
   gridArea: "actions",
   display: "flex",
   gap: 1,
   alignItems: "center",
-  justifyContent: "flex-end",
+  justifyContent: "flex-start",
   flexWrap: "wrap",
-  minWidth: 0
-};
+  minWidth: 0,
+  pt: rem(theme, DAY_RULER_METRICS.actionsTop),
+  [compact(theme)]: { justifyContent: "flex-end", pt: 0 }
+});
 function breakSx(span) {
   return (theme) => ({
     position: "absolute",
@@ -162,6 +165,15 @@ function trackSx(opts) {
     }
   });
 }
+function hitBand(theme, span, bounds) {
+  const border = `${FIELD_BORDER_WIDTH}px`;
+  const half = `max(calc(50% + ${border}), ${rem(theme, DAY_RULER_METRICS.block.hitArea / 2)})`;
+  if (!(span.share > 0)) return { left: `calc(50% - ${half})`, width: `calc(2 * ${half})` };
+  const rel = (pct) => `calc(${(pct - span.at) / span.share} * (100% + 2 * ${border}) - ${border})`;
+  const left = `max(${rel(bounds.lo)}, calc(50% - ${half}))`;
+  const right = `min(${rel(bounds.hi)}, calc(50% + ${half}))`;
+  return { left, width: `calc(${right} - ${left})` };
+}
 function blockSx(tone, span, opts) {
   return (theme) => ({
     ...blockToneStyles(theme, tone, true),
@@ -185,25 +197,35 @@ function blockSx(tone, span, opts) {
     cursor: opts.movable ? "grab" : "pointer",
     boxShadow: opts.selected ? `0 0 0 ${rem(theme, DAY_RULER_METRICS.ring)} ${theme.palette.primary.main}` : "none",
     "&:focus-visible": { outline: `${rem(theme, DAY_RULER_METRICS.ring)} solid ${theme.palette.primary.main}`, outlineOffset: rem(theme, DAY_RULER_METRICS.ringOffset) },
-    "& [data-dr-text]": { position: "relative", overflow: "hidden", textOverflow: "ellipsis", minWidth: 0 },
+    // The label sits above the "agora" line (drawn under the blocks): on a fill
+    // that is not opaque it takes an opaque ground, so the line never cuts it.
+    "& [data-dr-text]": {
+      position: "relative",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      minWidth: 0,
+      backgroundColor: dashedLabelGround(theme, tone)
+    },
     '& [data-dr-text="short"]': { display: "none" },
+    // By pixels, at every width: the full text, else the start, else nothing — never a cut text.
+    '&[data-fit="short"] [data-dr-text="full"]': { display: "none" },
+    '&[data-fit="short"] [data-dr-text="short"]': { display: "inline" },
+    '&[data-fit="none"] [data-dr-text]': { display: "none" },
     [compact(theme)]: {
       top: rem(theme, DAY_RULER_METRICS.block.compactTop),
       height: rem(theme, DAY_RULER_METRICS.block.compactHeight),
-      // A 40px hit area around the 20px bar, the look unchanged: the text cuts
-      // itself (its spans ellipsize), so the block need not clip.
+      // A 40px × 40px-or-wider hit area round the 20px bar, the look
+      // unchanged: the text never overflows (it fits or it is not shown), so
+      // the block need not clip.
       overflow: "visible",
       "&::after": {
         content: '""',
         position: "absolute",
-        left: 0,
-        right: 0,
         top: "50%",
         height: rem(theme, DAY_RULER_METRICS.block.hitArea),
-        transform: "translateY(-50%)"
-      },
-      '&[data-narrow] [data-dr-text="full"]': { display: "none" },
-      '&[data-narrow] [data-dr-text="short"]': { display: "inline" }
+        transform: "translateY(-50%)",
+        ...hitBand(theme, span, opts.hit)
+      }
     }
   });
 }
@@ -214,7 +236,11 @@ function handleSx(side) {
     bottom: 0,
     [side === "l" ? "left" : "right"]: 0,
     width: rem(theme, DAY_RULER_METRICS.handle),
-    cursor: "ew-resize"
+    cursor: "ew-resize",
+    // Above the block's hit band (its `::after`, painted last): on a narrow
+    // ruler the band covers the whole bar, and a press on an end must still
+    // resize rather than move (FUT-3831).
+    zIndex: 1
   });
 }
 function actualSx(span) {
@@ -266,39 +292,6 @@ var skeletonNameSx = (theme) => ({
   borderRadius: rem(theme, DAY_RULER_METRICS.skeletonNameRadius),
   backgroundColor: theme.palette.action.hover
 });
-function footerInk(theme, marked, plain) {
-  return marked ? signalInk(theme, "warning", theme.palette.background.default) : plain;
-}
-function footerCellSx(marked) {
-  return (theme) => ({
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    fontSize: rem(theme, DAY_RULER_METRICS.coverage.font),
-    borderRadius: rem(theme, DAY_RULER_METRICS.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"
-  });
-}
-function footerNoteSx(marked) {
-  return (theme) => ({
-    fontSize: rem(theme, DAY_RULER_METRICS.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) } : {}
-  });
-}
-var trendSx = (theme) => ({
-  display: "block",
-  width: "100%",
-  height: rem(theme, DAY_RULER_METRICS.coverage.height + DAY_RULER_METRICS.coverage.height / 2),
-  color: theme.palette.primary.main,
-  overflow: "visible"
-});
 
 export {
   rootSx,
@@ -320,10 +313,6 @@ export {
   actualLabelSx,
   nowSx,
   skeletonTrackSx,
-  skeletonNameSx,
-  footerInk,
-  footerCellSx,
-  footerNoteSx,
-  trendSx
+  skeletonNameSx
 };
-//# sourceMappingURL=chunk-OJZLFFG4.js.map
+//# sourceMappingURL=chunk-5AZEDQXX.js.map

package/dist/chunk-5AZEDQXX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DayRuler/DayRuler.styles.ts"],"sourcesContent":["import { alpha, type CSSObject, type SxProps, type Theme } from '@mui/material/styles/index.js';\n\nimport { FIELD_BORDER_WIDTH } from '../../../tokens/field-height.core';\nimport { rem, sxRem } from '../../../tokens/relative';\nimport { actualBarColor, blockToneStyles, breakHatch, dashedLabelGround } from '../ScheduleGrid/schedule-tones';\nimport type { ScheduleBlockTone } from '../ScheduleGrid/ScheduleGrid.types';\nimport { DAY_RULER_METRICS as M } from './DayRuler.metrics';\n\n/** The container the ruler's layout answers to — named, so no other container between the root and a row can stand in for it. */\nconst CONTAINER = 'day-ruler';\n\n/** The ruler's root: the named container every layout query reads. */\nexport const rootSx: SxProps<Theme> = {\n  containerType: 'inline-size',\n  containerName: CONTAINER,\n  minWidth: 0,\n  width: '100%',\n  userSelect: 'none',\n};\n\n/** `@container` below which a row stacks (the coverage and axis rows go full width). Bounds are \"from px up\". */\nfunction compact(theme: Theme): string {\n  return `@container ${CONTAINER} (width < ${rem(theme, M.compactBelow)})`;\n}\n\n/** `@container` below which the pane is phone-sized: no coverage row, no axis. Bounds are \"from px up\". */\nfunction phone(theme: Theme): string {\n  return `@container ${CONTAINER} (width < ${rem(theme, M.phoneBelow)})`;\n}\n\n/**\n * Name · track: the coverage row and the axis row share these columns with\n * every row on a computer, so the hours line up down the whole ruler.\n */\nexport const lineSx: SxProps<Theme> = (theme: Theme) => ({\n  display: 'grid',\n  gridTemplateColumns: `${rem(theme, M.sideColumn)} minmax(0, 1fr)`,\n  columnGap: rem(theme, M.gap),\n  alignItems: 'center',\n  // Stacked: across the full width, like the tracks; the label above the counts.\n  [compact(theme)]: {\n    gridTemplateColumns: 'minmax(0, 1fr)',\n    rowGap: rem(theme, M.coverage.gap),\n    '& > span:empty': { display: 'none' },\n  },\n  [phone(theme)]: { display: 'none' },\n});\n\nexport const coverageLabelSx: SxProps<Theme> = { fontSize: sxRem(M.meta), color: 'text.secondary' };\n\nexport function coverageSx(hours: number): SxProps<Theme> {\n  return (theme: Theme) => ({\n    display: 'grid',\n    gridTemplateColumns: `repeat(${hours}, minmax(0, 1fr))`,\n    gap: rem(theme, M.coverage.gap),\n    height: rem(theme, M.coverage.height),\n  });\n}\n\n/**\n * How strongly a staffed hour is filled: the prototype's tonal success step, deeper with each\n * person on the escala (0.18 + 0.09 per person, at most 0.85). An empty hour has none.\n */\nexport function coverageStrength(count: number): number {\n  if (count <= 0) return 0;\n  return Math.min(0.85, 0.18 + count * 0.09);\n}\n\nexport function coverageCellSx(count: number): SxProps<Theme> {\n  return (theme: Theme) => {\n    const strength = coverageStrength(count);\n    return {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      fontSize: rem(theme, M.coverage.font),\n      borderRadius: rem(theme, M.coverage.radius),\n      color: theme.palette.text.primary,\n      // A tonal fill, as the prototype's coverage line draws it — never an outline (FUT-3831). It is\n      // the success colour over the page, so a staffed hour is LIGHTER than an empty one in dark mode\n      // and plainly green in light, where the soft-signal blend read as the empty grey. The hairline\n      // stays transparent so a count never shifts its cell.\n      backgroundColor: strength > 0 ? alpha(theme.palette.success.main, strength) : theme.palette.action.hover,\n      border: '1px solid transparent',\n      minWidth: 0,\n      overflow: 'hidden',\n    };\n  };\n}\n\nexport const axisSx: SxProps<Theme> = (theme: Theme) => ({\n  position: 'relative',\n  height: rem(theme, M.axis.height),\n  fontSize: rem(theme, M.axis.font),\n  color: theme.palette.text.secondary,\n  mt: 0.5,\n  '& > span': { position: 'absolute', transform: 'translateX(-50%)', whiteSpace: 'nowrap' },\n});\n\nexport const groupTitleSx: SxProps<Theme> = {\n  fontSize: sxRem(M.groupTitle),\n  letterSpacing: '0.05em',\n  textTransform: 'uppercase',\n  color: 'text.secondary',\n  fontWeight: 500,\n  pt: 1.5,\n  pb: 0.5,\n  m: 0,\n};\n\n/**\n * One person's row. A computer: name (its actions under it) · track, the\n * track the same width on every row whether or not the row has actions. A\n * narrow ruler (a phone): name and actions on top, the track under them, full\n * width.\n */\nexport const rowSx: SxProps<Theme> = (theme: Theme) => ({\n  display: 'grid',\n  gridTemplateColumns: `${rem(theme, M.sideColumn)} minmax(0, 1fr)`,\n  gridTemplateRows: 'auto auto',\n  gridTemplateAreas: '\"who track\" \"actions track\"',\n  columnGap: rem(theme, M.gap),\n  alignItems: 'center',\n  py: rem(theme, M.rowPaddingY),\n  borderBottom: `1px solid ${theme.palette.divider}`,\n  [compact(theme)]: {\n    gridTemplateColumns: 'minmax(0, 1fr) auto',\n    gridTemplateRows: 'none',\n    gridTemplateAreas: '\"who actions\" \"track track\"',\n    rowGap: theme.spacing(1),\n    py: theme.spacing(1.5),\n  },\n});\n\nexport const whoSx: SxProps<Theme> = { gridArea: 'who', minWidth: 0 };\n\nexport const actionsSx: SxProps<Theme> = (theme: Theme) => ({\n  gridArea: 'actions',\n  display: 'flex',\n  gap: 1,\n  alignItems: 'center',\n  justifyContent: 'flex-start',\n  flexWrap: 'wrap',\n  minWidth: 0,\n  pt: rem(theme, M.actionsTop),\n  [compact(theme)]: { justifyContent: 'flex-end', pt: 0 },\n});\n\n/** A break inside a block: a hatched band across its height, under its text. `span` is in % of the block. */\nexport function breakSx(span: Span): SxProps<Theme> {\n  return (theme: Theme) => ({\n    position: 'absolute',\n    top: 0,\n    bottom: 0,\n    left: `${span.at}%`,\n    width: `${span.share}%`,\n    background: breakHatch(theme, rem(theme, M.breakStripe.ink), rem(theme, M.breakStripe.ink + M.breakStripe.gap)),\n    pointerEvents: 'none',\n    // Where the band meets an end of the block it takes the block's rounding:\n    // on a phone the block does not clip (its hit area reaches past it).\n    ...(span.at <= 0.01 ? { borderTopLeftRadius: 'inherit', borderBottomLeftRadius: 'inherit' } : {}),\n    ...(span.at + span.share >= 99.99 ? { borderTopRightRadius: 'inherit', borderBottomRightRadius: 'inherit' } : {}),\n  });\n}\n\n/** The hour lines: one every `every` hours of a `hours`-long ruler. */\nfunction hourLines(theme: Theme, hours: number, every: number): string {\n  const line = theme.palette.divider;\n  const step = `${(100 * every) / hours}%`;\n  const hairline = `${FIELD_BORDER_WIDTH}px`;\n  return `repeating-linear-gradient(to right, ${line} 0, ${line} ${hairline}, transparent ${hairline}, transparent ${step})`;\n}\n\nexport function trackSx(opts: { hours: number; tickHours: number; interactive: boolean }): SxProps<Theme> {\n  return (theme: Theme) => ({\n    gridArea: 'track',\n    position: 'relative',\n    height: rem(theme, M.track.height),\n    borderRadius: rem(theme, M.track.radius),\n    backgroundColor: theme.palette.action.hover,\n    backgroundImage: hourLines(theme, opts.hours, 1),\n    cursor: opts.interactive ? 'crosshair' : 'default',\n    touchAction: 'auto',\n    outline: 'none',\n    '&:focus-visible': { boxShadow: `0 0 0 ${rem(theme, M.ring)} ${theme.palette.primary.main}` },\n    [compact(theme)]: {\n      height: rem(theme, M.track.compactHeight),\n      borderRadius: rem(theme, M.track.compactRadius),\n      backgroundImage: hourLines(theme, opts.hours, opts.tickHours),\n    },\n  });\n}\n\n/** Where a bar starts and how long it is, both in % of the track. */\nexport interface Span {\n  at: number;\n  share: number;\n}\n\n/** How far a bar's hit band may reach, in % of the track: the midpoints to its neighbours, or the track's ends. */\nexport interface HitBounds {\n  lo: number;\n  hi: number;\n}\n\n/**\n * The hit band round a bar on a narrow ruler (FUT-3831): `hitArea` tall and\n * at least `hitArea` wide, centred on the bar, then cut to `bounds` so it never\n * reaches past the midpoint to a neighbour. Positioned in % of the bar's\n * PADDING box (the pseudo-element's containing block, the bar less its\n * border), so a point at `k` bar-widths from the bar's outer left edge is\n * `k × (100% + 2 border) − border`; the px floor is the layout's to resolve.\n */\nfunction hitBand(theme: Theme, span: Span, bounds: HitBounds): CSSObject {\n  // Every tone's border is the 1px hairline (`blockToneStyles`), the field border's width.\n  const border = `${FIELD_BORDER_WIDTH}px`;\n  const half = `max(calc(50% + ${border}), ${rem(theme, M.block.hitArea / 2)})`;\n  if (!(span.share > 0)) return { left: `calc(50% - ${half})`, width: `calc(2 * ${half})` };\n  const rel = (pct: number): string => `calc(${(pct - span.at) / span.share} * (100% + 2 * ${border}) - ${border})`;\n  const left = `max(${rel(bounds.lo)}, calc(50% - ${half}))`;\n  const right = `min(${rel(bounds.hi)}, calc(50% + ${half}))`;\n  return { left, width: `calc(${right} - ${left})` };\n}\n\nexport function blockSx(\n  tone: ScheduleBlockTone,\n  span: Span,\n  opts: { selected: boolean; movable: boolean; hit: HitBounds },\n): SxProps<Theme> {\n  return (theme: Theme): CSSObject => ({\n    ...blockToneStyles(theme, tone, true),\n    position: 'absolute',\n    left: `${span.at}%`,\n    width: `${span.share}%`,\n    top: rem(theme, M.block.top),\n    height: rem(theme, M.block.height),\n    boxSizing: 'border-box',\n    borderRadius: rem(theme, M.block.radius),\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: `0 ${rem(theme, M.block.paddingX)}`,\n    margin: 0,\n    font: 'inherit',\n    fontSize: rem(theme, M.block.font),\n    fontWeight: 500,\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    cursor: opts.movable ? 'grab' : 'pointer',\n    boxShadow: opts.selected ? `0 0 0 ${rem(theme, M.ring)} ${theme.palette.primary.main}` : 'none',\n    '&:focus-visible': { outline: `${rem(theme, M.ring)} solid ${theme.palette.primary.main}`, outlineOffset: rem(theme, M.ringOffset) },\n    // The label sits above the \"agora\" line (drawn under the blocks): on a fill\n    // that is not opaque it takes an opaque ground, so the line never cuts it.\n    '& [data-dr-text]': {\n      position: 'relative',\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      minWidth: 0,\n      backgroundColor: dashedLabelGround(theme, tone),\n    },\n    '& [data-dr-text=\"short\"]': { display: 'none' },\n    // By pixels, at every width: the full text, else the start, else nothing — never a cut text.\n    '&[data-fit=\"short\"] [data-dr-text=\"full\"]': { display: 'none' },\n    '&[data-fit=\"short\"] [data-dr-text=\"short\"]': { display: 'inline' },\n    '&[data-fit=\"none\"] [data-dr-text]': { display: 'none' },\n    [compact(theme)]: {\n      top: rem(theme, M.block.compactTop),\n      height: rem(theme, M.block.compactHeight),\n      // A 40px × 40px-or-wider hit area round the 20px bar, the look\n      // unchanged: the text never overflows (it fits or it is not shown), so\n      // the block need not clip.\n      overflow: 'visible',\n      '&::after': {\n        content: '\"\"',\n        position: 'absolute',\n        top: '50%',\n        height: rem(theme, M.block.hitArea),\n        transform: 'translateY(-50%)',\n        ...hitBand(theme, span, opts.hit),\n      },\n    },\n  });\n}\n\nexport function handleSx(side: 'l' | 'r'): SxProps<Theme> {\n  return (theme: Theme) => ({\n    position: 'absolute',\n    top: 0,\n    bottom: 0,\n    [side === 'l' ? 'left' : 'right']: 0,\n    width: rem(theme, M.handle),\n    cursor: 'ew-resize',\n    // Above the block's hit band (its `::after`, painted last): on a narrow\n    // ruler the band covers the whole bar, and a press on an end must still\n    // resize rather than move (FUT-3831).\n    zIndex: 1,\n  });\n}\n\nexport function actualSx(span: Span): SxProps<Theme> {\n  return (theme: Theme) => ({\n    position: 'absolute',\n    left: `${span.at}%`,\n    width: `${span.share}%`,\n    top: rem(theme, M.actual.top),\n    height: rem(theme, M.actual.height),\n    borderRadius: rem(theme, M.actual.radius),\n    backgroundColor: actualBarColor(theme),\n    pointerEvents: 'none',\n    [compact(theme)]: { top: rem(theme, M.actual.compactTop), height: rem(theme, M.actual.compactHeight) },\n  });\n}\n\nexport function actualLabelSx(left: number): SxProps<Theme> {\n  return (theme: Theme) => ({\n    position: 'absolute',\n    left: `calc(${left}% + ${rem(theme, M.actualLabel.offset)})`,\n    top: rem(theme, M.actualLabel.top),\n    fontSize: rem(theme, M.actualLabel.font),\n    color: theme.palette.text.secondary,\n    whiteSpace: 'nowrap',\n    pointerEvents: 'none',\n    [compact(theme)]: { display: 'none' },\n  });\n}\n\n/**\n * \"Agora\": drawn UNDER the blocks (before them in the track), so it never\n * crosses a block's label — \"07:30–1|3:00\" at 1280 (FUT-3831). It still shows\n * above and below each bar, where it overhangs the track, and through a\n * block's fill where that fill is not opaque — never through its text.\n */\nexport function nowSx(left: number): SxProps<Theme> {\n  return (theme: Theme) => ({\n    position: 'absolute',\n    left: `${left}%`,\n    top: rem(theme, -M.now.overhang),\n    bottom: rem(theme, -M.now.overhang),\n    width: rem(theme, M.now.width),\n    backgroundColor: theme.palette.primary.main,\n    pointerEvents: 'none',\n  });\n}\n\nexport const skeletonTrackSx: SxProps<Theme> = (theme: Theme) => ({\n  gridArea: 'track',\n  height: rem(theme, M.track.height),\n  borderRadius: rem(theme, M.track.radius),\n  backgroundColor: theme.palette.action.hover,\n});\n\nexport const skeletonNameSx: SxProps<Theme> = (theme: Theme) => ({\n  gridArea: 'who',\n  height: rem(theme, M.name),\n  width: '60%',\n  borderRadius: rem(theme, M.skeletonNameRadius),\n  backgroundColor: theme.palette.action.hover,\n});\n"],"mappings":"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","names":[]}

package/dist/{chunk-CZVAVX5L.js → chunk-6ATXOJVQ.js}

@@ -1,6 +1,6 @@
 import {
   buildChartContext
-} from "./chunk-JG733RMP.js";
+} from "./chunk-TZC6KIK2.js";
 import {
   ChartLegendContent,
   ChartTooltipContent
@@ -318,4 +318,4 @@ function renderChartByType(props, theme) {
 export {
   renderChartByType
 };
-//# sourceMappingURL=chunk-CZVAVX5L.js.map
+//# sourceMappingURL=chunk-6ATXOJVQ.js.map

package/dist/{chunk-E2UOEI7N.js → chunk-6LGKJVOA.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-DQ22UKMZ.js";
 import {
   Avatar
-} from "./chunk-JIEVKHOH.js";
+} from "./chunk-4J62V5OE.js";
 import {
   Card
 } from "./chunk-4XBAEKQQ.js";
@@ -80,4 +80,4 @@ export {
   UserAvatar,
   UserMenu
 };
-//# sourceMappingURL=chunk-E2UOEI7N.js.map
+//# sourceMappingURL=chunk-6LGKJVOA.js.map

package/dist/{chunk-XBWW3QSI.js → chunk-7WE432RQ.js}

@@ -5,6 +5,10 @@ import {
 import {
   filterRows
 } from "./chunk-YGQX7BNI.js";
+import {
+  serverDerived,
+  useServerQuery
+} from "./chunk-IMLIIW77.js";
 import {
   useSelection
 } from "./chunk-LLZWB32X.js";
@@ -16,20 +20,16 @@ import {
   computeActiveFilterCount,
   defaultSortFields
 } from "./chunk-UKNMPGEM.js";
-import {
-  serverDerived,
-  useServerQuery
-} from "./chunk-IMLIIW77.js";
-import {
-  useClearFilters,
-  useStateWriters
-} from "./chunk-OOLES6RR.js";
 import {
   emptyViewState
 } from "./chunk-HLYYB4O5.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
+import {
+  useClearFilters,
+  useStateWriters
+} from "./chunk-OOLES6RR.js";
 
 // src/components/data-display/DataViews/use-data-views-state.ts
 import { useEffect, useMemo, useRef, useState } from "react";
@@ -178,4 +178,4 @@ function useDataViewsState({
 export {
   useDataViewsState
 };
-//# sourceMappingURL=chunk-XBWW3QSI.js.map
+//# sourceMappingURL=chunk-7WE432RQ.js.map

package/dist/{chunk-5357QUVE.js → chunk-AMLHEKSV.js}

@@ -1,14 +1,14 @@
 import {
   renderChartByType
-} from "./chunk-CZVAVX5L.js";
-import {
-  ChartContainer
-} from "./chunk-RIRTW5EU.js";
+} from "./chunk-6ATXOJVQ.js";
 import {
   getSizeStyles,
   getVariantStyles,
   plotHeightPx
 } from "./chunk-TCWISGSS.js";
+import {
+  ChartContainer
+} from "./chunk-RIRTW5EU.js";
 import {
   muiColor
 } from "./chunk-7ZPUN7TV.js";
@@ -111,4 +111,4 @@ var Chart = (props) => {
 export {
   Chart
 };
-//# sourceMappingURL=chunk-5357QUVE.js.map
+//# sourceMappingURL=chunk-AMLHEKSV.js.map

package/dist/{chunk-HSVSU7I2.js → chunk-ASEHJIIV.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-YNVTUQ5B.js";
 import {
   DataViewsGrid
-} from "./chunk-MFX4ASX5.js";
+} from "./chunk-HWZETMO4.js";
 import {
   viewStateKey
 } from "./chunk-ZOLAYP2D.js";
@@ -14,7 +14,7 @@ import {
 import {
   ViewDialogs,
   ViewMutationErrorAlert
-} from "./chunk-WJMSND5Q.js";
+} from "./chunk-GXGHEOWC.js";
 import {
   useSavedViewsController
 } from "./chunk-B2JSUFDX.js";
@@ -166,4 +166,4 @@ function renderViewDialogs(ctl, fields, columns, views, testIdPrefix, onSaved) {
 export {
   DataViewsTableBase
 };
-//# sourceMappingURL=chunk-HSVSU7I2.js.map
+//# sourceMappingURL=chunk-ASEHJIIV.js.map

package/dist/{chunk-FYUNROLW.js → chunk-BZYLTGOE.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-AJ6KFHEE.js";
 import {
   PanelRangeField
-} from "./chunk-3WYEENUH.js";
+} from "./chunk-FPNVOB52.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -157,4 +157,4 @@ export {
   GridFilterPanel,
   FilterDialog
 };
-//# sourceMappingURL=chunk-FYUNROLW.js.map
+//# sourceMappingURL=chunk-BZYLTGOE.js.map

package/dist/{chunk-TZ44F6W7.js → chunk-CGS2LQE5.js}

@@ -4,7 +4,7 @@ import {
   nameButtonSx,
   nameLineSx,
   nameTextSx
-} from "./chunk-A5OERY43.js";
+} from "./chunk-GARM5SX6.js";
 
 // src/components/data-display/ScheduleGrid/ScheduleNameCell.tsx
 import Box from "@mui/material/Box/index.js";
@@ -25,4 +25,4 @@ function ScheduleNameCell({ row, sx, role, sizes }) {
 export {
   ScheduleNameCell
 };
-//# sourceMappingURL=chunk-TZ44F6W7.js.map
+//# sourceMappingURL=chunk-CGS2LQE5.js.map

package/dist/{chunk-KPUUHAK6.js → chunk-CWXX5JR3.js}

@@ -1,32 +1,34 @@
 import {
   handleBlockKey,
   keyCreateSpan
-} from "./chunk-4QGKR65P.js";
+} from "./chunk-U4Z6GZDW.js";
+import {
+  GroupFooter
+} from "./chunk-MPVH2GM5.js";
 import {
   Axis,
   Coverage,
-  GroupFooter,
   RulerRow
-} from "./chunk-6HPVCDVU.js";
+} from "./chunk-FGZIEZEP.js";
 import {
   groupTitleSx,
   rootSx,
   rowSx,
   skeletonNameSx,
   skeletonTrackSx
-} from "./chunk-OJZLFFG4.js";
+} from "./chunk-5AZEDQXX.js";
 import {
   EN_US_DAY_RULER_LABELS
 } from "./chunk-F2ZUUEXC.js";
 import {
   useRulerDrag
-} from "./chunk-MAYAJXO6.js";
+} from "./chunk-KXDLLS62.js";
 import {
   DAY_RULER_METRICS
-} from "./chunk-7ZQ3KQ7J.js";
+} from "./chunk-273OLFJD.js";
 import {
   SR_ONLY_SX
-} from "./chunk-RYJ6XGFA.js";
+} from "./chunk-SJAOQGQI.js";
 import {
   useAnnouncer
 } from "./chunk-35HMJQLO.js";
@@ -106,7 +108,7 @@ function DayRuler(props) {
   return /* @__PURE__ */ jsxs(
     Box,
     {
-      sx: rootSx(props.rows.some((row) => row.actions !== void 0 && row.actions !== null)),
+      sx: rootSx,
       "data-testid": testId,
       role: "region",
       "aria-label": props["aria-label"],
@@ -125,4 +127,4 @@ function DayRuler(props) {
 export {
   DayRuler
 };
-//# sourceMappingURL=chunk-KPUUHAK6.js.map
+//# sourceMappingURL=chunk-CWXX5JR3.js.map

package/dist/chunk-CWXX5JR3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DayRuler/DayRuler.tsx"],"sourcesContent":["'use client';\n\nimport Box from '@mui/material/Box/index.js';\nimport type React from 'react';\n\nimport { resolveLabels } from '../../../utils/resolve-labels';\nimport { SR_ONLY_SX } from '../ScheduleGrid/ScheduleGrid.styles';\nimport { useAnnouncer } from '../ScheduleGrid/useAnnouncer';\nimport { handleBlockKey, keyCreateSpan, type RulerAbilities, type RulerScale } from './DayRuler.keyboard';\nimport { EN_US_DAY_RULER_LABELS } from './DayRuler.en-US';\nimport { DAY_RULER_METRICS as M } from './DayRuler.metrics';\nimport { GroupFooter } from './DayRuler.footer';\nimport { Axis, Coverage, RulerRow, type RowContext } from './DayRuler.parts';\nimport { groupTitleSx, rootSx, rowSx, skeletonNameSx, skeletonTrackSx } from './DayRuler.styles';\nimport type { DayRulerProps, DayRulerRow } from './DayRuler.types';\nimport { useRulerDrag } from './useRulerDrag';\n\n/** The rows, grouped under a heading each time `row.group` changes. */\nfunction grouped(rows: readonly DayRulerRow[]): { title?: string; rows: DayRulerRow[] }[] {\n  const out: { title?: string; rows: DayRulerRow[] }[] = [];\n  for (const row of rows) {\n    const last = out[out.length - 1];\n    if (last && last.title === row.group) last.rows.push(row);\n    else out.push({ title: row.group, rows: [row] });\n  }\n  return out;\n}\n\nfunction scaleOf(props: DayRulerProps): RulerScale {\n  return {\n    from: props.from ?? 6,\n    to: props.to ?? 26,\n    snap: (props.snapMinutes ?? 15) / 60,\n    createHours: props.createHours ?? 4,\n    tickHours: props.tickHours ?? 4,\n  };\n}\n\nfunction abilitiesOf(props: DayRulerProps): RulerAbilities {\n  const open = !props.readOnly && !props.loading;\n  return { create: open && Boolean(props.onCreate), move: open && Boolean(props.onMove), resize: open && Boolean(props.onResize) };\n}\n\n/** A group's lines under its rows, when the host gives any (`groupFooter`). */\nfunction FooterOf({ props, group, ctx }: { props: DayRulerProps; group: string | undefined; ctx: RowContext }): React.JSX.Element | null {\n  const rows = props.groupFooter?.(group);\n  if (!rows || rows.length === 0) return null;\n  const marked = props.labels?.footerMarked ?? EN_US_DAY_RULER_LABELS.footerMarked;\n  return <GroupFooter rows={rows} scale={ctx.scale} testId={ctx.testId} marked={marked} />;\n}\n\n/** The groups and their rows — or the skeleton, the host's error, or the host's empty state. */\nfunction RulerBody({ props, ctx }: { props: DayRulerProps; ctx: RowContext }): React.JSX.Element {\n  if (props.error) return <>{props.error}</>;\n  if (props.loading) {\n    return (\n      <>\n        {Array.from({ length: M.skeletonRows }, (_, index) => (\n          <Box key={index} sx={rowSx} aria-hidden data-testid={`${ctx.testId}-loading`}>\n            <Box sx={skeletonNameSx} />\n            <Box sx={skeletonTrackSx} />\n          </Box>\n        ))}\n      </>\n    );\n  }\n  if (props.rows.length === 0) return <>{props.empty ?? null}</>;\n  return (\n    <>\n      {grouped(props.rows).map((group, index) => (\n        <Box key={`${index}-${group.title ?? ''}`} role=\"list\" aria-label={group.title}>\n          {group.title ? (\n            <Box component=\"p\" sx={groupTitleSx} aria-hidden>\n              {group.title}\n            </Box>\n          ) : null}\n          {group.rows.map((row) => (\n            <RulerRow key={row.id} row={row} ctx={ctx} />\n          ))}\n          <FooterOf props={props} group={group.title} ctx={ctx} />\n        </Box>\n      ))}\n    </>\n  );\n}\n\n/**\n * One day as an hour ruler per row — who is on the escala when, and who is\n * really on shift (FUT-3825). Drag on an empty stretch to create (a click\n * alone is `createHours`), drag a block to move it, drag its ends to change\n * them; every hour snaps to `snapMinutes`. On a narrow ruler (a phone) each row\n * stacks and the blocks are tap-only: touch scrolls and never drags.\n *\n * The ruler reports gestures; hours, limits and refusals are the host's.\n */\nexport function DayRuler(props: DayRulerProps): React.JSX.Element {\n  const { now, onCreate, onMove, onResize } = props;\n  const testId = props.dataTestId ?? 'day-ruler';\n  const labels = resolveLabels(EN_US_DAY_RULER_LABELS, props.labels);\n  const scale = scaleOf(props);\n  const can = abilitiesOf(props);\n  const dragApi = useRulerDrag(scale, { onCreate, onMove, onResize });\n  const { text: announcement, say } = useAnnouncer();\n\n  const ctx: RowContext = {\n    scale,\n    now,\n    can,\n    drag: dragApi.drag,\n    dragApi,\n    onBlockClick: props.onBlockClick,\n    onKeyCreate: (row) => {\n      const [start, end] = keyCreateSpan(scale, now, props.createStart?.(row.id));\n      onCreate?.(row.id, start, end);\n    },\n    onBlockKey: (event, block) => handleBlockKey(event, block, { scale, can, onMove, onResize, labels, say }),\n    createLabel: labels.createTrack,\n    testId,\n  };\n\n  return (\n    <Box\n      sx={rootSx}\n      data-testid={testId}\n      role=\"region\"\n      aria-label={props['aria-label']}\n      aria-busy={props.loading || undefined}\n      aria-description={props.loading ? labels.loading : undefined}\n    >\n      {props.coverage && props.coverage.length > 0 ? (\n        <Coverage coverage={props.coverage} label={props.coverageLabel} scale={scale} testId={testId} />\n      ) : null}\n      <Axis scale={scale} testId={testId} />\n      <RulerBody props={props} ctx={ctx} />\n      <Box sx={SR_ONLY_SX} aria-live=\"polite\" role=\"status\" data-testid={`${testId}-live`}>\n        {announcement}\n      </Box>\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-6HXNFNOB.js → chunk-EE6DJPB7.js}

@@ -1,10 +1,10 @@
-import {
-  ColumnsTab
-} from "./chunk-WSAUWJFO.js";
 import {
   DisplayTab,
   SortTab
 } from "./chunk-YEGZIYVM.js";
+import {
+  ColumnsTab
+} from "./chunk-WSAUWJFO.js";
 import {
   ViewActions,
   ViewFooter,
@@ -265,4 +265,4 @@ function DataViewsDisplayPanel({
 export {
   DataViewsDisplayPanel
 };
-//# sourceMappingURL=chunk-6HXNFNOB.js.map
+//# sourceMappingURL=chunk-EE6DJPB7.js.map

package/dist/{chunk-OM6ZT64U.js → chunk-F2UP5ZF4.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-T7OIVPCO.js";
 import {
   MoreFilters
-} from "./chunk-F5H3WDG7.js";
+} from "./chunk-4E2RQOSQ.js";
 import {
   PillControl
 } from "./chunk-AJ6KFHEE.js";
@@ -17,7 +17,7 @@ import {
 } from "./chunk-KYUEO2IO.js";
 import {
   RangePill
-} from "./chunk-3WYEENUH.js";
+} from "./chunk-FPNVOB52.js";
 import {
   CollapsedSearch,
   InlineKeyword
@@ -251,4 +251,4 @@ function FilterSlots({
 export {
   InlineFilterControls
 };
-//# sourceMappingURL=chunk-OM6ZT64U.js.map
+//# sourceMappingURL=chunk-F2UP5ZF4.js.map