@12-apps/ui 6.93.0 → 6.93.2

package/dist/{chunk-P53ANKZV.js → chunk-F7LBTMCA.js}

@@ -1,10 +1,10 @@
 import {
   SectionNavSheet
-} from "./chunk-DTZOP4ZR.js";
+} from "./chunk-XCUHGPPZ.js";
 import {
   RaisedActionButton,
   raisedLift
-} from "./chunk-L4V7FZJI.js";
+} from "./chunk-UKUGSU3Y.js";
 import {
   Box,
   CONTROL_RESET,
@@ -15,7 +15,7 @@ import {
   destinationControl,
   focusRing,
   useMounted
-} from "./chunk-LDCZPZPD.js";
+} from "./chunk-24HHUCWB.js";
 import {
   barSlots,
   destinationState,
@@ -327,4 +327,4 @@ export {
   sectionNavSheetOffset,
   SectionNavBar
 };
-//# sourceMappingURL=chunk-P53ANKZV.js.map
+//# sourceMappingURL=chunk-F7LBTMCA.js.map

package/dist/{chunk-6HPVCDVU.js → chunk-FGZIEZEP.js}

@@ -8,39 +8,34 @@ import {
   coverageCellSx,
   coverageLabelSx,
   coverageSx,
-  footerCellSx,
-  footerNoteSx,
   handleSx,
   lineSx,
   nowSx,
   rowSx,
   trackSx,
-  trendSx,
   whoSx
-} from "./chunk-OJZLFFG4.js";
+} from "./chunk-5AZEDQXX.js";
 import {
-  useTextFits
-} from "./chunk-YMYJO2CZ.js";
+  useTextFit
+} from "./chunk-WG7CAT5D.js";
+import {
+  DAY_RULER_METRICS
+} from "./chunk-273OLFJD.js";
 import {
   formatHour,
   formatRange,
+  hitBoundsOf,
   percentOf,
   ticksOf
-} from "./chunk-LE5JYNR7.js";
-import {
-  DAY_RULER_METRICS
-} from "./chunk-7ZQ3KQ7J.js";
-import {
-  SR_ONLY_SX
-} from "./chunk-RYJ6XGFA.js";
+} from "./chunk-L5CAHQIN.js";
 import {
   ScheduleNameCell
-} from "./chunk-TZ44F6W7.js";
+} from "./chunk-CGS2LQE5.js";
 
 // src/components/data-display/DayRuler/DayRuler.parts.tsx
 import Box from "@mui/material/Box/index.js";
-import { useRef } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, isValidElement, useRef } from "react";
+import { Fragment as Fragment2, jsx, jsxs } from "react/jsx-runtime";
 var spanOf = (start, end, scale) => {
   const at = percentOf(start, scale.from, scale.to);
   return { at, share: Math.max(0, percentOf(end, scale.from, scale.to) - at) };
@@ -70,24 +65,31 @@ function BreakBand({ block, at, testId }) {
   if (!gap) return null;
   return /* @__PURE__ */ jsx(Box, { component: "span", "aria-hidden": true, sx: breakSx(gap), "data-dr-break": "", "data-testid": testId });
 }
-function RulerBlock({ row, block, span, at, text, ctx, testId }) {
+function fallbackFit(block, scale) {
+  return (block.end - block.start) / (scale.to - scale.from) >= DAY_RULER_METRICS.narrowShare ? "full" : "short";
+}
+function fitProps(fit, text) {
+  return fit === "full" ? {} : { "aria-label": text, "data-fit": fit };
+}
+function RulerBlock({ row, block, span, at, hit, text, ctx, testId }) {
   const { can, dragApi, scale } = ctx;
   const movable = can.move && Boolean(block.movable);
   const resizable = can.resize && Boolean(block.resizable);
   const ref = useRef(null);
-  const fits = useTextFits(ref, text, (block.end - block.start) / (scale.to - scale.from) >= DAY_RULER_METRICS.narrowShare);
+  const short = block.shortLabel ?? text;
+  const fit = useTextFit(ref, text, short, fallbackFit(block, scale));
   const press = (mode) => (event) => dragApi.startBlock(event, row.id, block, mode);
   return /* @__PURE__ */ jsxs(
     Box,
     {
       component: "button",
       type: "button",
-      sx: blockSx(block.tone, span, { selected: Boolean(block.selected), movable }),
+      sx: blockSx(block.tone, span, { selected: Boolean(block.selected), movable, hit }),
       title: block.title ?? block.label,
+      ...fitProps(fit, text),
       "aria-keyshortcuts": shortcutsOf(movable, resizable),
       "aria-current": block.selected ? "true" : void 0,
       ref,
-      "data-narrow": fits ? void 0 : "",
       "data-tone": block.tone,
       "data-testid": testId,
       onPointerDown: movable ? press("move") : void 0,
@@ -99,7 +101,7 @@ function RulerBlock({ row, block, span, at, text, ctx, testId }) {
         /* @__PURE__ */ jsx(BreakBand, { block, at, testId: `${ctx.testId}-break-${block.id}` }),
         resizable ? /* @__PURE__ */ jsx(Handle, { side: "l", onPointerDown: press("start"), testId: `${ctx.testId}-handle-l-${block.id}` }) : null,
         /* @__PURE__ */ jsx("span", { "data-dr-text": "full", title: text, children: text }),
-        /* @__PURE__ */ jsx("span", { "data-dr-text": "short", title: text, children: block.shortLabel ?? text }),
+        /* @__PURE__ */ jsx("span", { "data-dr-text": "short", title: text, children: short }),
         resizable ? /* @__PURE__ */ jsx(Handle, { side: "r", onPointerDown: press("end"), testId: `${ctx.testId}-handle-r-${block.id}` }) : null
       ]
     }
@@ -107,37 +109,46 @@ function RulerBlock({ row, block, span, at, text, ctx, testId }) {
 }
 function Blocks({ row, ctx }) {
   const mine = ctx.drag && ctx.drag.rowId === row.id ? ctx.drag : null;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    row.blocks.map((block) => {
-      const live = mine?.blockId === block.id ? mine : null;
-      const start = live ? live.start : block.start;
-      const end = live ? live.end : block.end;
-      return /* @__PURE__ */ jsx(
-        RulerBlock,
-        {
-          row,
-          block,
-          span: spanOf(start, end, ctx.scale),
-          at: { start, end },
-          text: live?.moved ? formatRange(start, end) : block.label,
-          ctx,
-          testId: `${ctx.testId}-block-${block.id}`
-        },
-        block.id
-      );
-    }),
-    mine && mine.mode === "create" ? /* @__PURE__ */ jsx(CreatePreview, { row, drag: mine, ctx }) : null
+  const drawn = row.blocks.map((block) => {
+    const live = mine?.blockId === block.id ? mine : null;
+    const start = live ? live.start : block.start;
+    const end = live ? live.end : block.end;
+    return { block, live, start, end, span: spanOf(start, end, ctx.scale) };
+  });
+  const preview = mine && mine.mode === "create" ? previewSpan(mine, ctx.scale) : null;
+  const hits = hitBoundsOf([...drawn.map((d) => d.span), ...preview ? [preview] : []]);
+  return /* @__PURE__ */ jsxs(Fragment2, { children: [
+    drawn.map(({ block, live, start, end, span }, index) => /* @__PURE__ */ jsx(
+      RulerBlock,
+      {
+        row,
+        block,
+        span,
+        at: { start, end },
+        hit: hits[index],
+        text: live?.moved ? formatRange(start, end) : block.label,
+        ctx,
+        testId: `${ctx.testId}-block-${block.id}`
+      },
+      block.id
+    )),
+    mine && preview ? /* @__PURE__ */ jsx(CreatePreview, { row, drag: mine, span: preview, hit: hits[drawn.length], ctx }) : null
   ] });
 }
-function CreatePreview({ row, drag, ctx }) {
+function previewSpan(drag, scale) {
+  return spanOf(drag.start, Math.max(drag.end, drag.start + scale.snap), scale);
+}
+function CreatePreview(props) {
+  const { row, drag, span, hit, ctx } = props;
   const range = formatRange(drag.start, drag.end);
   return /* @__PURE__ */ jsx(
     RulerBlock,
     {
       row,
       block: { id: "\0new", start: drag.start, end: drag.end, label: range, tone: "plan" },
-      span: spanOf(drag.start, Math.max(drag.end, drag.start + ctx.scale.snap), ctx.scale),
+      span,
       at: { start: drag.start, end: drag.end },
+      hit,
       text: range,
       ctx,
       testId: `${ctx.testId}-preview`
@@ -147,7 +158,7 @@ function CreatePreview({ row, drag, ctx }) {
 function Actual({ row, ctx }) {
   const { actual } = row;
   if (!actual) return null;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Fragment2, { children: [
     /* @__PURE__ */ jsx(Box, { sx: actualSx(spanOf(actual.start, actual.end, ctx.scale)), "data-testid": `${ctx.testId}-actual-${row.id}` }),
     row.actualLabel ? /* @__PURE__ */ jsx(Box, { component: "span", sx: actualLabelSx(percentOf(actual.start, ctx.scale.from, ctx.scale.to)), children: row.actualLabel }) : null
   ] });
@@ -172,17 +183,24 @@ function Track({ row, ctx }) {
       },
       children: [
         /* @__PURE__ */ jsx(Actual, { row, ctx }),
-        /* @__PURE__ */ jsx(Blocks, { row, ctx }),
-        showNow ? /* @__PURE__ */ jsx(Box, { sx: nowSx(percentOf(now, scale.from, scale.to)), "data-testid": `${ctx.testId}-now` }) : null
+        showNow ? /* @__PURE__ */ jsx(Box, { sx: nowSx(percentOf(now, scale.from, scale.to)), "data-testid": `${ctx.testId}-now` }) : null,
+        /* @__PURE__ */ jsx(Blocks, { row, ctx })
       ]
     }
   );
 }
+function hasContent(node) {
+  if (node === null || node === void 0 || typeof node === "boolean" || node === "") return false;
+  if (Array.isArray(node)) return node.some((child) => hasContent(child));
+  if (isValidElement(node) && node.type === Fragment) return hasContent(node.props.children);
+  return true;
+}
 function RulerRow({ row, ctx }) {
+  const hasActions = hasContent(row.actions);
   return /* @__PURE__ */ jsxs(Box, { sx: rowSx, "data-testid": `${ctx.testId}-row-${row.id}`, role: "listitem", children: [
     /* @__PURE__ */ jsx(ScheduleNameCell, { row, sx: whoSx, sizes: { name: DAY_RULER_METRICS.name, meta: DAY_RULER_METRICS.meta, chipsTop: 0.75 } }),
     /* @__PURE__ */ jsx(Track, { row, ctx }),
-    /* @__PURE__ */ jsx(Box, { sx: actionsSx, children: row.actions })
+    hasActions ? /* @__PURE__ */ jsx(Box, { sx: actionsSx, "data-testid": `${ctx.testId}-actions-${row.id}`, children: row.actions }) : null
   ] });
 }
 function Coverage(props) {
@@ -193,82 +211,21 @@ function Coverage(props) {
     /* @__PURE__ */ jsx(Box, { sx: coverageSx(hours), children: Array.from({ length: hours }, (_, index) => {
       const count = coverage[index] ?? 0;
       return /* @__PURE__ */ jsx(Box, { component: "span", sx: coverageCellSx(count), title: `${formatHour(scale.from + index)} \xB7 ${count}`, children: count > 0 ? count : "" }, index);
-    }) }),
-    /* @__PURE__ */ jsx("span", {})
+    }) })
   ] });
 }
-function trendPoints(values, hours) {
-  const present = values.slice(0, hours).filter((value) => value !== null);
-  const max = Math.max(0, ...present);
-  return values.slice(0, hours).flatMap((value, index) => {
-    if (value === null) return [];
-    const x = (index + 0.5) * 100 / hours;
-    const y = max > 0 ? 38 - value / max * 34 : 38;
-    return [`${x.toFixed(2)},${y.toFixed(2)}`];
-  }).join(" ");
-}
-var hourWords = (hour, text) => text ? `${formatHour(hour)} \xB7 ${text}` : formatHour(hour);
-function markedWords(cell, hour, marked) {
-  return cell.title ?? `${hourWords(hour, cell.text)} \xB7 ${marked}`;
-}
-function FooterCells({ cells, ctx }) {
-  return /* @__PURE__ */ jsx(Box, { sx: coverageSx(ctx.hours), children: Array.from({ length: ctx.hours }, (_, index) => {
-    const cell = cells[index] ?? { text: "" };
-    const hour = ctx.from + index;
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        component: "span",
-        sx: footerCellSx(Boolean(cell.marked)),
-        title: cell.marked ? markedWords(cell, hour, ctx.marked) : cell.title ?? hourWords(hour, cell.text),
-        "data-marked": cell.marked ? "" : void 0,
-        children: cell.marked ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: cell.text }),
-          /* @__PURE__ */ jsx(Box, { component: "span", sx: SR_ONLY_SX, children: markedWords(cell, hour, ctx.marked) })
-        ] }) : cell.text
-      },
-      index
-    );
-  }) });
-}
-function trendWords(values, ctx) {
-  return values.slice(0, ctx.hours).flatMap((value, index) => value === null ? [] : [`${formatHour(ctx.from + index)} ${Math.round(value * 10) / 10}`]).join(" \xB7 ");
-}
-function FooterFigures({ row, ctx }) {
-  if (row.trend) {
-    return /* @__PURE__ */ jsxs(Box, { component: "span", sx: { display: "block", minWidth: 0 }, children: [
-      /* @__PURE__ */ jsx(Box, { component: "svg", viewBox: "0 0 100 40", preserveAspectRatio: "none", sx: trendSx, "aria-hidden": true, children: /* @__PURE__ */ jsx("polyline", { fill: "none", stroke: "currentColor", strokeWidth: 1.5, vectorEffect: "non-scaling-stroke", points: trendPoints(row.trend, ctx.hours) }) }),
-      /* @__PURE__ */ jsx(Box, { component: "span", sx: SR_ONLY_SX, children: trendWords(row.trend, ctx) })
-    ] });
-  }
-  if (row.note !== void 0) {
-    return /* @__PURE__ */ jsx(Box, { component: "span", sx: footerNoteSx(Boolean(row.marked)), "data-marked": row.marked ? "" : void 0, children: row.note });
-  }
-  return /* @__PURE__ */ jsx(FooterCells, { cells: row.cells ?? [], ctx });
-}
-function GroupFooter(props) {
-  const { rows, scale, testId } = props;
-  const ctx = { hours: scale.to - scale.from, from: scale.from, marked: props.marked };
-  return /* @__PURE__ */ jsx(Fragment, { children: rows.map((row) => /* @__PURE__ */ jsxs(Box, { sx: lineSx, "data-testid": `${testId}-footer-${row.id}`, children: [
-    /* @__PURE__ */ jsx(Box, { component: "span", sx: coverageLabelSx, children: row.label }),
-    /* @__PURE__ */ jsx(FooterFigures, { row, ctx }),
-    /* @__PURE__ */ jsx("span", {})
-  ] }, row.id)) });
-}
 function Axis({ scale, testId }) {
   return /* @__PURE__ */ jsxs(Box, { sx: lineSx, "data-testid": `${testId}-axis`, "aria-hidden": true, children: [
     /* @__PURE__ */ jsx("span", {}),
-    /* @__PURE__ */ jsx(Box, { sx: axisSx, children: ticksOf(scale.from, scale.to, scale.tickHours).map((h) => /* @__PURE__ */ jsx("span", { style: { left: `${percentOf(h, scale.from, scale.to)}%` }, children: formatHour(h) }, h)) }),
-    /* @__PURE__ */ jsx("span", {})
+    /* @__PURE__ */ jsx(Box, { sx: axisSx, children: ticksOf(scale.from, scale.to, scale.tickHours).map((h) => /* @__PURE__ */ jsx("span", { style: { left: `${percentOf(h, scale.from, scale.to)}%` }, children: formatHour(h) }, h)) })
   ] });
 }
 
 export {
   spanOf,
+  hasContent,
   RulerRow,
   Coverage,
-  trendPoints,
-  GroupFooter,
   Axis
 };
-//# sourceMappingURL=chunk-6HPVCDVU.js.map
+//# sourceMappingURL=chunk-FGZIEZEP.js.map

package/dist/chunk-FGZIEZEP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DayRuler/DayRuler.parts.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport type * as React from 'react';\nimport { Fragment, isValidElement, useRef } from 'react';\n\nimport { ScheduleNameCell } from '../ScheduleGrid/ScheduleNameCell';\nimport type { RulerAbilities, RulerScale } from './DayRuler.keyboard';\nimport { DAY_RULER_METRICS as M } from './DayRuler.metrics';\nimport { useTextFit } from './useTextFits';\nimport { formatHour, formatRange, hitBoundsOf, percentOf, ticksOf, type BlockTextFit } from './day-ruler-model';\nimport {\n  actionsSx,\n  actualLabelSx,\n  actualSx,\n  axisSx,\n  blockSx,\n  breakSx,\n  coverageCellSx,\n  coverageLabelSx,\n  coverageSx,\n  handleSx,\n  lineSx,\n  nowSx,\n  rowSx,\n  trackSx,\n  whoSx,\n  type HitBounds,\n  type Span,\n} from './DayRuler.styles';\nimport type { DayRulerBlock, DayRulerRow, RulerHour } from './DayRuler.types';\nimport type { RulerDrag, RulerDragApi } from './useRulerDrag';\n\nexport const spanOf = (start: RulerHour, end: RulerHour, scale: RulerScale): Span => {\n  const at = percentOf(start, scale.from, scale.to);\n  return { at, share: Math.max(0, percentOf(end, scale.from, scale.to) - at) };\n};\n\n/** What every row of one ruler shares. */\nexport interface RowContext {\n  scale: RulerScale;\n  now?: RulerHour;\n  can: RulerAbilities;\n  drag: RulerDrag | null;\n  dragApi: RulerDragApi;\n  onBlockClick?: (blockId: string) => void;\n  onKeyCreate: (row: DayRulerRow) => void;\n  onBlockKey: (event: React.KeyboardEvent, block: DayRulerBlock) => void;\n  createLabel: (row: string) => string;\n  testId: string;\n}\n\n/** The keys a block answers to, for `aria-keyshortcuts`. */\nfunction shortcutsOf(movable: boolean, resizable: boolean): string | undefined {\n  const keys = [\n    movable ? 'Alt+ArrowLeft Alt+ArrowRight' : '',\n    resizable ? 'Shift+ArrowLeft Shift+ArrowRight Shift+Alt+ArrowLeft Shift+Alt+ArrowRight' : '',\n  ];\n  return keys.filter(Boolean).join(' ') || undefined;\n}\n\nfunction Handle({ side, onPointerDown, testId }: { side: 'l' | 'r'; onPointerDown: (event: React.PointerEvent<HTMLElement>) => void; testId: string }) {\n  return <Box component=\"span\" aria-hidden sx={handleSx(side)} data-testid={testId} onPointerDown={onPointerDown} />;\n}\n\ninterface BlockProps {\n  row: DayRulerRow;\n  block: DayRulerBlock;\n  /** Where it is drawn: its own hours, or where a drag has it now. */\n  span: Span;\n  /** The hours it is drawn at (its own, or a drag's). */\n  at: { start: RulerHour; end: RulerHour };\n  /** How far its hit band may reach on a narrow ruler, in % of the track (the midpoints to its neighbours). */\n  hit: HitBounds;\n  text: string;\n  ctx: RowContext;\n  testId: string;\n}\n\n/**\n * The block's break, where it falls inside the block as drawn: it moves with a\n * dragged block (same offset from its start) and is cut to the block's ends.\n */\nfunction breakShare(block: DayRulerBlock, start: RulerHour, end: RulerHour): Span | null {\n  const span = block.breakSpan;\n  const length = end - start;\n  if (!span || !(length > 0)) return null;\n  const shift = Math.abs(length - (block.end - block.start)) < 1e-6 ? start - block.start : 0;\n  const a = Math.max(start, span.start + shift);\n  const b = Math.min(end, span.end + shift);\n  if (!(b > a)) return null;\n  return { at: ((a - start) / length) * 100, share: ((b - a) / length) * 100 };\n}\n\n/** The block's break as a hatched band, when it falls inside the block as drawn. */\nfunction BreakBand({ block, at, testId }: { block: DayRulerBlock; at: BlockProps['at']; testId: string }): React.JSX.Element | null {\n  const gap = breakShare(block, at.start, at.end);\n  if (!gap) return null;\n  return <Box component=\"span\" aria-hidden sx={breakSx(gap)} data-dr-break=\"\" data-testid={testId} />;\n}\n\n/** Where nothing can be measured, a block shorter than the prototype's 30% of the ruler says its start. */\nfunction fallbackFit(block: DayRulerBlock, scale: RulerScale): BlockTextFit {\n  return (block.end - block.start) / (scale.to - scale.from) >= M.narrowShare ? 'full' : 'short';\n}\n\n/**\n * What the bar's fit puts on it: `data-fit` for the styles, and — while the bar\n * shows less than its full text — that full text as its name, so the name still\n * says all of it.\n */\nfunction fitProps(fit: BlockTextFit, text: string): { 'aria-label'?: string; 'data-fit'?: BlockTextFit } {\n  return fit === 'full' ? {} : { 'aria-label': text, 'data-fit': fit };\n}\n\nfunction RulerBlock({ row, block, span, at, hit, text, ctx, testId }: BlockProps): React.JSX.Element {\n  const { can, dragApi, scale } = ctx;\n  const movable = can.move && Boolean(block.movable);\n  const resizable = can.resize && Boolean(block.resizable);\n  const ref = useRef<HTMLButtonElement | null>(null);\n  const short = block.shortLabel ?? text;\n  const fit = useTextFit(ref, text, short, fallbackFit(block, scale));\n  const press = (mode: 'move' | 'start' | 'end') => (event: React.PointerEvent<HTMLElement>) =>\n    dragApi.startBlock(event, row.id, block, mode);\n  return (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      sx={blockSx(block.tone, span, { selected: Boolean(block.selected), movable, hit })}\n      title={block.title ?? block.label}\n      {...fitProps(fit, text)}\n      aria-keyshortcuts={shortcutsOf(movable, resizable)}\n      aria-current={block.selected ? 'true' : undefined}\n      ref={ref}\n      data-tone={block.tone}\n      data-testid={testId}\n      onPointerDown={movable ? press('move') : undefined}\n      onClick={() => {\n        if (!dragApi.takeClick()) ctx.onBlockClick?.(block.id);\n      }}\n      onKeyDown={(event: React.KeyboardEvent) => ctx.onBlockKey(event, block)}\n    >\n      <BreakBand block={block} at={at} testId={`${ctx.testId}-break-${block.id}`} />\n      {resizable ? <Handle side=\"l\" onPointerDown={press('start')} testId={`${ctx.testId}-handle-l-${block.id}`} /> : null}\n      <span data-dr-text=\"full\" title={text}>\n        {text}\n      </span>\n      <span data-dr-text=\"short\" title={text}>\n        {short}\n      </span>\n      {resizable ? <Handle side=\"r\" onPointerDown={press('end')} testId={`${ctx.testId}-handle-r-${block.id}`} /> : null}\n    </Box>\n  );\n}\n\n/** A row's blocks, each where a drag has it now (with its live hours) or where it is. */\nfunction Blocks({ row, ctx }: { row: DayRulerRow; ctx: RowContext }): React.JSX.Element {\n  const mine = ctx.drag && ctx.drag.rowId === row.id ? ctx.drag : null;\n  const drawn = row.blocks.map((block) => {\n    const live = mine?.blockId === block.id ? mine : null;\n    const start = live ? live.start : block.start;\n    const end = live ? live.end : block.end;\n    return { block, live, start, end, span: spanOf(start, end, ctx.scale) };\n  });\n  const preview = mine && mine.mode === 'create' ? previewSpan(mine, ctx.scale) : null;\n  // Every bar drawn on the row, the create's preview included, bounds its neighbours' hit bands.\n  const hits = hitBoundsOf([...drawn.map((d) => d.span), ...(preview ? [preview] : [])]);\n  return (\n    <>\n      {drawn.map(({ block, live, start, end, span }, index) => (\n        <RulerBlock\n          key={block.id}\n          row={row}\n          block={block}\n          span={span}\n          at={{ start, end }}\n          hit={hits[index]!}\n          text={live?.moved ? formatRange(start, end) : block.label}\n          ctx={ctx}\n          testId={`${ctx.testId}-block-${block.id}`}\n        />\n      ))}\n      {mine && preview ? <CreatePreview row={row} drag={mine} span={preview} hit={hits[drawn.length]!} ctx={ctx} /> : null}\n    </>\n  );\n}\n\n/** Where a create drag's preview is drawn: at least one snap long. */\nfunction previewSpan(drag: RulerDrag, scale: RulerScale): Span {\n  return spanOf(drag.start, Math.max(drag.end, drag.start + scale.snap), scale);\n}\n\n/** The block a create drag is drawing, with its live hours. */\nfunction CreatePreview(props: { row: DayRulerRow; drag: RulerDrag; span: Span; hit: HitBounds; ctx: RowContext }): React.JSX.Element {\n  const { row, drag, span, hit, ctx } = props;\n  const range = formatRange(drag.start, drag.end);\n  return (\n    <RulerBlock\n      row={row}\n      block={{ id: '\\u0000new', start: drag.start, end: drag.end, label: range, tone: 'plan' }}\n      span={span}\n      at={{ start: drag.start, end: drag.end }}\n      hit={hit}\n      text={range}\n      ctx={ctx}\n      testId={`${ctx.testId}-preview`}\n    />\n  );\n}\n\n/** The real shift under the blocks, and its label at its start. */\nfunction Actual({ row, ctx }: { row: DayRulerRow; ctx: RowContext }): React.JSX.Element | null {\n  const { actual } = row;\n  if (!actual) return null;\n  return (\n    <>\n      <Box sx={actualSx(spanOf(actual.start, actual.end, ctx.scale))} data-testid={`${ctx.testId}-actual-${row.id}`} />\n      {row.actualLabel ? (\n        <Box component=\"span\" sx={actualLabelSx(percentOf(actual.start, ctx.scale.from, ctx.scale.to))}>\n          {row.actualLabel}\n        </Box>\n      ) : null}\n    </>\n  );\n}\n\n/** A row's track: the actual bar, the now line under its blocks (or the one being dragged, live). */\nfunction Track({ row, ctx }: { row: DayRulerRow; ctx: RowContext }): React.JSX.Element {\n  const { scale, now, can, dragApi } = ctx;\n  const showNow = now !== undefined && now >= scale.from && now <= scale.to;\n  return (\n    <Box\n      sx={trackSx({ hours: scale.to - scale.from, tickHours: scale.tickHours, interactive: can.create })}\n      data-dr-track=\"\"\n      data-testid={`${ctx.testId}-track-${row.id}`}\n      role={can.create ? 'group' : undefined}\n      tabIndex={can.create ? 0 : undefined}\n      aria-label={can.create ? ctx.createLabel(row.label) : undefined}\n      onPointerDown={can.create ? (event: React.PointerEvent<HTMLElement>) => dragApi.startCreate(event, row.id) : undefined}\n      onKeyDown={(event: React.KeyboardEvent) => {\n        if (!can.create || event.target !== event.currentTarget || (event.key !== 'Enter' && event.key !== ' ')) return;\n        event.preventDefault();\n        ctx.onKeyCreate(row);\n      }}\n    >\n      <Actual row={row} ctx={ctx} />\n      {/* Before the blocks, so it paints under them and never through a label. */}\n      {showNow ? <Box sx={nowSx(percentOf(now, scale.from, scale.to))} data-testid={`${ctx.testId}-now`} /> : null}\n      <Blocks row={row} ctx={ctx} />\n    </Box>\n  );\n}\n\n/**\n * Whether a node draws anything: nothing, a boolean, an empty string, an empty\n * array and an empty fragment do not — the actions slot (and its 8px above)\n * is rendered only for content.\n */\nexport function hasContent(node: React.ReactNode): boolean {\n  if (node === null || node === undefined || typeof node === 'boolean' || node === '') return false;\n  if (Array.isArray(node)) return node.some((child) => hasContent(child as React.ReactNode));\n  if (isValidElement<{ children?: React.ReactNode }>(node) && node.type === Fragment) return hasContent(node.props.children);\n  return true;\n}\n\n/**\n * One person: name, meta and chips, the row's actions under them · the track.\n * The actions live in the name's column, never a column of their own: a\n * column reserved for one row's \"Iniciar agora\" left every other row a blank\n * band, and a per-row one would have cut the hours out of line (FUT-3831).\n */\nexport function RulerRow({ row, ctx }: { row: DayRulerRow; ctx: RowContext }): React.JSX.Element {\n  const hasActions = hasContent(row.actions);\n  return (\n    <Box sx={rowSx} data-testid={`${ctx.testId}-row-${row.id}`} role=\"listitem\">\n      <ScheduleNameCell row={row} sx={whoSx} sizes={{ name: M.name, meta: M.meta, chipsTop: 0.75 }} />\n      <Track row={row} ctx={ctx} />\n      {hasActions ? (\n        <Box sx={actionsSx} data-testid={`${ctx.testId}-actions-${row.id}`}>\n          {row.actions}\n        </Box>\n      ) : null}\n    </Box>\n  );\n}\n\n/** \"Na escala, por hora\": a count per hour above the axis. */\nexport function Coverage(props: { coverage: readonly number[]; label?: string; scale: RulerScale; testId: string }): React.JSX.Element {\n  const { coverage, label, scale, testId } = props;\n  const hours = scale.to - scale.from;\n  return (\n    <Box sx={lineSx} data-testid={`${testId}-coverage`}>\n      <Box component=\"span\" sx={coverageLabelSx}>\n        {label}\n      </Box>\n      <Box sx={coverageSx(hours)}>\n        {Array.from({ length: hours }, (_, index) => {\n          const count = coverage[index] ?? 0;\n          return (\n            <Box key={index} component=\"span\" sx={coverageCellSx(count)} title={`${formatHour(scale.from + index)} · ${count}`}>\n              {count > 0 ? count : ''}\n            </Box>\n          );\n        })}\n      </Box>\n    </Box>\n  );\n}\n\n/** The hour labels under the coverage row. */\nexport function Axis({ scale, testId }: { scale: RulerScale; testId: string }): React.JSX.Element {\n  return (\n    <Box sx={lineSx} data-testid={`${testId}-axis`} aria-hidden>\n      <span />\n      <Box sx={axisSx}>\n        {ticksOf(scale.from, scale.to, scale.tickHours).map((h) => (\n          <span key={h} style={{ left: `${percentOf(h, scale.from, scale.to)}%` }}>\n            {formatHour(h)}\n          </span>\n        ))}\n      </Box>\n    </Box>\n  );\n}\n"],"mappings":"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","names":["Fragment"]}

package/dist/{chunk-IWSTMVCA.js → chunk-FKS2PNJF.js}

@@ -1,12 +1,10 @@
+import {
+  useDisclosure
+} from "./chunk-2JCRNWHE.js";
 import {
   StandaloneContainer,
   useRowLayout
 } from "./chunk-E6K2UZGR.js";
-import {
-  DiscloseSlot,
-  DragSlot,
-  SelectSlot
-} from "./chunk-QO7UJXXO.js";
 import {
   actionProps,
   metaShape,
@@ -20,8 +18,10 @@ import {
   ListCardTail
 } from "./chunk-CSJ7WNXU.js";
 import {
-  useDisclosure
-} from "./chunk-2JCRNWHE.js";
+  DiscloseSlot,
+  DragSlot,
+  SelectSlot
+} from "./chunk-QO7UJXXO.js";
 import {
   DropIndicator
 } from "./chunk-K4EKTMTC.js";
@@ -185,4 +185,4 @@ function BaseListCard(props) {
 export {
   BaseListCard
 };
-//# sourceMappingURL=chunk-IWSTMVCA.js.map
+//# sourceMappingURL=chunk-FKS2PNJF.js.map

package/dist/{chunk-3WYEENUH.js → chunk-FPNVOB52.js}

@@ -1,21 +1,21 @@
-import {
-  RangeSummary
-} from "./chunk-WLDP7C4K.js";
 import {
   RangeBounds
-} from "./chunk-FC7UCFFA.js";
+} from "./chunk-ZPWPA6FR.js";
 import {
   RangePresets
 } from "./chunk-LZNUBQ5I.js";
 import {
-  presetsFor
-} from "./chunk-CBOB5AV6.js";
+  RangeSummary
+} from "./chunk-WLDP7C4K.js";
 import {
   isRangeInverted,
   isRangeSet,
   numericRange,
   rangeChipLabel
 } from "./chunk-GCZJH4XL.js";
+import {
+  presetsFor
+} from "./chunk-CBOB5AV6.js";
 import {
   useStillAnchor
 } from "./chunk-7CUZTWKW.js";
@@ -240,4 +240,4 @@ export {
   RangePill,
   PanelRangeField
 };
-//# sourceMappingURL=chunk-3WYEENUH.js.map
+//# sourceMappingURL=chunk-FPNVOB52.js.map

package/dist/{chunk-E73C73UD.js → chunk-FYSS2PYA.js}

@@ -24,10 +24,10 @@ import {
   skeletonCellSx,
   totalCellSx,
   totalHeaderSx
-} from "./chunk-RYJ6XGFA.js";
+} from "./chunk-SJAOQGQI.js";
 import {
   ScheduleNameCell
-} from "./chunk-TZ44F6W7.js";
+} from "./chunk-CGS2LQE5.js";
 import {
   SCHEDULE_GRID_METRICS
 } from "./chunk-3R6BR22L.js";
@@ -254,4 +254,4 @@ export {
   GridHeader,
   GridBody
 };
-//# sourceMappingURL=chunk-E73C73UD.js.map
+//# sourceMappingURL=chunk-FYSS2PYA.js.map

package/dist/{chunk-N557OEZR.js → chunk-G6NMSBSQ.js}

@@ -1,6 +1,6 @@
 import {
   ConfirmActionDialog
-} from "./chunk-7W5X3KQ2.js";
+} from "./chunk-SW7JCF4Z.js";
 import {
   useConfirmAction
 } from "./chunk-EMYESBIT.js";
@@ -43,4 +43,4 @@ function useRowConfirm({
 export {
   useRowConfirm
 };
-//# sourceMappingURL=chunk-N557OEZR.js.map
+//# sourceMappingURL=chunk-G6NMSBSQ.js.map

package/dist/{chunk-A5OERY43.js → chunk-GARM5SX6.js}

@@ -1,6 +1,6 @@
 import {
   signalInk
-} from "./chunk-4HK4FVMV.js";
+} from "./chunk-3UAHDLKH.js";
 import {
   SCHEDULE_NAME_METRICS
 } from "./chunk-3R6BR22L.js";
@@ -91,4 +91,4 @@ export {
   nameLineSx,
   chipsSx
 };
-//# sourceMappingURL=chunk-A5OERY43.js.map
+//# sourceMappingURL=chunk-GARM5SX6.js.map

package/dist/{chunk-WJMSND5Q.js → chunk-GXGHEOWC.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-I4DG3PP4.js";
 import {
   ManageViewsDialog
-} from "./chunk-K7IDOTSU.js";
+} from "./chunk-VNMD6BA4.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -121,4 +121,4 @@ export {
   ViewsMenuSlot,
   ViewDialogs
 };
-//# sourceMappingURL=chunk-WJMSND5Q.js.map
+//# sourceMappingURL=chunk-GXGHEOWC.js.map

package/dist/{chunk-U2SAW6DH.js → chunk-GY53SDVL.js}

@@ -1,3 +1,6 @@
+import {
+  CarouselChrome
+} from "./chunk-TB5CRHTF.js";
 import {
   containerStyles,
   frameBox
@@ -8,9 +11,6 @@ import {
 import {
   useCarouselNavigation
 } from "./chunk-RUIV5TVA.js";
-import {
-  CarouselChrome
-} from "./chunk-TB5CRHTF.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -151,4 +151,4 @@ var Carousel = (props) => {
 export {
   Carousel
 };
-//# sourceMappingURL=chunk-U2SAW6DH.js.map
+//# sourceMappingURL=chunk-GY53SDVL.js.map

package/dist/{chunk-MFX4ASX5.js → chunk-HWZETMO4.js}

@@ -1,9 +1,9 @@
 import {
   GridShell
-} from "./chunk-XFZDO2KB.js";
+} from "./chunk-UIIHUWOV.js";
 import {
   useDataViewsState
-} from "./chunk-XBWW3QSI.js";
+} from "./chunk-7WE432RQ.js";
 
 // src/components/data-display/DataViews/DataViewsGrid.tsx
 import { useEffect, useRef } from "react";
@@ -27,4 +27,4 @@ function DataViewsGrid(props) {
 export {
   DataViewsGrid
 };
-//# sourceMappingURL=chunk-MFX4ASX5.js.map
+//# sourceMappingURL=chunk-HWZETMO4.js.map

package/dist/{chunk-HBH7V3IP.js → chunk-I6IFUFLW.js}

@@ -9,8 +9,9 @@ import {
   ERROR_STATE_PADDING_UNITS,
   ERROR_TEXT_GAP_UNITS,
   RETRY_MARGIN_TOP_UNITS,
+  RETRY_MIN_HEIGHT,
   RETRY_MIN_WIDTH
-} from "./chunk-TLGGVE56.js";
+} from "./chunk-OTVOQHZB.js";
 import {
   EN_US_UI_LABELS
 } from "./chunk-XOXXG7Q5.js";
@@ -135,7 +136,8 @@ var ErrorState = React.memo((props) => {
             "data-testid": testId("retry-button"),
             sx: {
               mt: theme.spacing(RETRY_MARGIN_TOP_UNITS),
-              minWidth: rem(theme, RETRY_MIN_WIDTH)
+              minWidth: rem(theme, RETRY_MIN_WIDTH),
+              minHeight: rem(theme, RETRY_MIN_HEIGHT)
             },
             children: retryLabel
           }
@@ -151,4 +153,4 @@ export {
   ErrorState,
   ErrorState_default
 };
-//# sourceMappingURL=chunk-HBH7V3IP.js.map
+//# sourceMappingURL=chunk-I6IFUFLW.js.map

package/dist/chunk-I6IFUFLW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/ErrorState/ErrorState.tsx"],"sourcesContent":["import ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';\nimport RefreshIcon from '@mui/icons-material/Refresh';\nimport WarningAmberIcon from '@mui/icons-material/WarningAmber';\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport Stack from '@mui/material/Stack/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport {\n  ERROR_ICON_BOX,\n  ERROR_ICON_BOX_OPACITY,\n  ERROR_ICON_SIZE,\n  ERROR_MESSAGE_LINE_HEIGHT,\n  ERROR_MESSAGE_MAX_WIDTH,\n  ERROR_STATE_GAP_UNITS,\n  ERROR_STATE_MIN_HEIGHT,\n  ERROR_STATE_PADDING_UNITS,\n  ERROR_TEXT_GAP_UNITS,\n  RETRY_MARGIN_TOP_UNITS,\n  RETRY_MIN_HEIGHT,\n  RETRY_MIN_WIDTH,\n} from './ErrorState.metrics';\nimport type { ErrorStateProps, ErrorStateSeverity } from './ErrorState.types';\nimport { resolveTestId } from '../../../platform/test-id';\nimport { rem, sxRem } from '../../../tokens/relative';\nimport { EN_US_UI_LABELS } from '../../../en-US.labels';\n\nconst makeTestId =\n  (dataTestId?: string) =>\n  (suffix: string): string =>\n    dataTestId ? `${dataTestId}-${suffix}` : `error-state-${suffix}`;\n\nconst paletteFor = (theme: Theme, severity: ErrorStateSeverity) =>\n  severity === 'error' ? theme.palette.error : theme.palette.warning;\n\nconst ErrorIcon: React.FC<{\n  severity: ErrorStateSeverity;\n  icon?: React.ReactNode;\n  testId: string;\n}> = ({ severity, icon, testId }) => {\n  const theme = useTheme();\n  const color = paletteFor(theme, severity);\n  const Fallback = severity === 'error' ? ErrorOutlineIcon : WarningAmberIcon;\n\n  return (\n    <Box\n      data-testid={testId}\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: rem(theme, ERROR_ICON_BOX),\n        height: rem(theme, ERROR_ICON_BOX),\n        borderRadius: '50%',\n        backgroundColor: color.light,\n        opacity: ERROR_ICON_BOX_OPACITY,\n      }}\n    >\n      {icon || <Fallback sx={{ fontSize: sxRem(ERROR_ICON_SIZE), color: color.main }} />}\n    </Box>\n  );\n};\n\nconst ErrorText: React.FC<{\n  title?: string;\n  message: string;\n  titleId: string;\n  testId: (suffix: string) => string;\n}> = ({ title, message, titleId, testId }) => {\n  const theme = useTheme();\n\n  return (\n    <Stack spacing={ERROR_TEXT_GAP_UNITS} alignItems=\"center\">\n      {title && (\n        <Typography\n          id={titleId}\n          variant=\"h6\"\n          component=\"h3\"\n          data-testid={testId('title')}\n          sx={{\n            fontWeight: theme.typography.fontWeightMedium,\n            color: theme.palette.text.primary,\n          }}\n        >\n          {title}\n        </Typography>\n      )}\n\n      <Typography\n        id={`${titleId}-message`}\n        variant=\"body2\"\n        color=\"text.secondary\"\n        data-testid={testId('message')}\n        sx={{\n          maxWidth: rem(theme, ERROR_MESSAGE_MAX_WIDTH),\n          lineHeight: ERROR_MESSAGE_LINE_HEIGHT,\n        }}\n      >\n        {message}\n      </Typography>\n    </Stack>\n  );\n};\n\nexport const ErrorState: React.FC<ErrorStateProps> = React.memo((props) => {\n  const {\n    message,\n    title,\n    onRetry,\n    retryLabel = EN_US_UI_LABELS.errorState.retry,\n    severity = 'error',\n    icon,\n    className,\n  } = props;\n  const theme = useTheme();\n  const titleId = React.useId();\n  // `dataTestId` is the documented spelling; `testID`, the shared contract's\n  // other one, resolves to the same id.\n  const dataTestId = resolveTestId(props);\n  const testId = makeTestId(dataTestId);\n\n  return (\n    <Box\n      role=\"alert\"\n      aria-labelledby={title ? titleId : undefined}\n      aria-describedby={`${titleId}-message`}\n      className={className}\n      data-testid={dataTestId || 'error-state'}\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'center',\n        textAlign: 'center',\n        padding: theme.spacing(ERROR_STATE_PADDING_UNITS),\n        minHeight: rem(theme, ERROR_STATE_MIN_HEIGHT),\n        gap: theme.spacing(ERROR_STATE_GAP_UNITS),\n      }}\n    >\n      <ErrorIcon severity={severity} icon={icon} testId={testId('icon')} />\n\n      <ErrorText title={title} message={message} titleId={titleId} testId={testId} />\n\n      {onRetry && (\n        <Button\n          variant=\"outlined\"\n          color={severity}\n          onClick={onRetry}\n          startIcon={<RefreshIcon />}\n          data-testid={testId('retry-button')}\n          sx={{\n            mt: theme.spacing(RETRY_MARGIN_TOP_UNITS),\n            minWidth: rem(theme, RETRY_MIN_WIDTH),\n            minHeight: rem(theme, RETRY_MIN_HEIGHT),\n          }}\n        >\n          {retryLabel}\n        </Button>\n      )}\n    </Box>\n  );\n});\n\nErrorState.displayName = 'ErrorState';\n\nexport default ErrorState;\n"],"mappings":"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","names":[]}

package/dist/{chunk-MM3QESLI.js → chunk-ILJ3FXIC.js}

@@ -1,6 +1,6 @@
 import {
   CountedIcon
-} from "./chunk-LDCZPZPD.js";
+} from "./chunk-24HHUCWB.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -133,4 +133,4 @@ function RailCreateMenu({
 export {
   RailCreateMenu
 };
-//# sourceMappingURL=chunk-MM3QESLI.js.map
+//# sourceMappingURL=chunk-ILJ3FXIC.js.map

package/dist/{chunk-K6VEN5VN.js → chunk-K3PMMW23.js}

@@ -1,9 +1,9 @@
-import {
-  useDataViewsLayout
-} from "./chunk-5CAWRMDX.js";
 import {
   DataViewsScopeTabs
 } from "./chunk-PL2AB5HJ.js";
+import {
+  useDataViewsLayout
+} from "./chunk-5CAWRMDX.js";
 
 // src/components/data-display/DataViews/data-views-scope-tabs.tsx
 import { jsx } from "react/jsx-runtime";
@@ -34,4 +34,4 @@ function ScopeTabsSlot({
 export {
   ScopeTabsSlot
 };
-//# sourceMappingURL=chunk-K6VEN5VN.js.map
+//# sourceMappingURL=chunk-K3PMMW23.js.map

package/dist/{chunk-T5RFH2T5.js → chunk-KOGJBAFI.js}

@@ -1,6 +1,6 @@
 import {
   withConfirmation
-} from "./chunk-ALOEOGQV.js";
+} from "./chunk-3TZUZXY5.js";
 import {
   Button
 } from "./chunk-YOXYSAUI.js";
@@ -18,4 +18,4 @@ function createConfirmButton(copy, errorText) {
 export {
   createConfirmButton
 };
-//# sourceMappingURL=chunk-T5RFH2T5.js.map
+//# sourceMappingURL=chunk-KOGJBAFI.js.map