@12-apps/ui 6.93.0 → 6.93.1

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-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

package/dist/{chunk-COK65GX2.js → chunk-KURE5R7Z.js}

@@ -11,6 +11,11 @@ import CircularProgress from "@mui/material/CircularProgress/index.js";
 import DialogActions from "@mui/material/DialogActions/index.js";
 import { styled, useTheme } from "@mui/material/styles/index.js";
 import { jsx } from "react/jsx-runtime";
+var ALERT_DIALOG_CONTAINER = "alert-dialog";
+var ALERT_DIALOG_NARROW_BELOW = 480;
+function narrowDialog(theme) {
+  return `@container ${ALERT_DIALOG_CONTAINER} (width < ${rem(theme, ALERT_DIALOG_NARROW_BELOW)})`;
+}
 var StyledDialogActions = styled(DialogActions, {
   shouldForwardProp: (prop) => prop !== "fill"
 })(({ theme, fill }) => ({
@@ -21,7 +26,9 @@ var StyledDialogActions = styled(DialogActions, {
   // A 40px tap target, the floor the kit's own Button keeps (FUT-3269): MUI's
   // medium button is 37px, short of it on a phone.
   "& > .MuiButton-root": { minHeight: rem(theme, 40) },
-  ...fill && { "& > .MuiButton-root": { flexGrow: 1, minHeight: rem(theme, 40) } }
+  ...fill && { "& > .MuiButton-root": { flexGrow: 1, minHeight: rem(theme, 40) } },
+  // A PAIR only: a lone button (`showCancel={false}`) keeps its own width.
+  [narrowDialog(theme)]: { "& > .MuiButton-root:not(:only-child)": { flexGrow: 1 } }
 }));
 var confirmButtonColor = (variant) => variant === "destructive" ? "error" : "primary";
 var buttonLooks = (emphasis, variant) => emphasis === "cancel" ? {
@@ -97,6 +104,9 @@ function AlertDialogFooter({
 }
 
 export {
+  ALERT_DIALOG_CONTAINER,
+  ALERT_DIALOG_NARROW_BELOW,
+  narrowDialog,
   AlertDialogFooter
 };
-//# sourceMappingURL=chunk-COK65GX2.js.map
+//# sourceMappingURL=chunk-KURE5R7Z.js.map

package/dist/chunk-KURE5R7Z.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/AlertDialog/AlertDialog.parts.tsx"],"sourcesContent":["/**\n * The AlertDialog's action row, kept apart from the dialog shell so each stays\n * inside the complexity budget: which button is filled, where each one sits,\n * and how the row wraps.\n */\nimport type { ButtonProps } from '@mui/material/Button/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport DialogActions from '@mui/material/DialogActions/index.js';\nimport { styled, useTheme } from '@mui/material/styles/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { rem } from '../../../tokens/relative';\nimport { EN_US_UI_LABELS } from '../../../en-US.labels';\n\nimport type { AlertDialogProps } from './AlertDialog.types';\n\n/** The query container the dialog's narrow layout reads: its `.MuiDialog-container`. */\nexport const ALERT_DIALOG_CONTAINER = 'alert-dialog';\n\n/**\n * Below this width of the space the dialog is given, it lays out for a phone:\n * the icon above the title, the buttons each across the row. 480px covers\n * every phone (320–430) and leaves a tablet's dialog as it was.\n */\nexport const ALERT_DIALOG_NARROW_BELOW = 480;\n\n/** `@container` for a dialog given less than {@link ALERT_DIALOG_NARROW_BELOW}. Never a media query. */\nexport function narrowDialog(theme: Theme): string {\n  return `@container ${ALERT_DIALOG_CONTAINER} (width < ${rem(theme, ALERT_DIALOG_NARROW_BELOW)})`;\n}\n\n/**\n * The action row WRAPS WHOLE BUTTONS; it never breaks a label inside one. A pair\n * that did not fit side by side used to squeeze the longer label onto two\n * lines, so one button stood twice as tall as its neighbour. Now the row breaks\n * instead. `wrap-reverse` puts the LAST button — the primary, whichever\n * `emphasis` picks — on top when it stacks, the same slot it holds on the right\n * when the row fits. A pair that fits is laid out exactly as before: natural\n * widths, pushed to the right.\n *\n * `fill` — set only by `emphasis=\"cancel\"` — lets the buttons grow to share the\n * row, and so to take the full width of their line once it stacks. It is not\n * the default because growing also stretches a pair that fits, which would\n * redraw every existing dialog's footer.\n *\n * Narrow (a dialog given less than {@link ALERT_DIALOG_NARROW_BELOW}, a\n * phone) a PAIR of buttons always grows (a lone one keeps its width), so a pair that stacks is two buttons each\n * across the row rather than two ragged widths pushed to the right\n * (FUT-3831). The stacked ORDER is the library's rule, the platforms' too\n * (Material's stacked dialog actions, Apple's stacked alert buttons): the\n * primary on top and the dismissive one at the bottom, the slot a thumb\n * reaches first — so on a destructive question the safe tap is the near one,\n * and Cancel is still FIRST in the DOM, the tab order. See\n * `components-guidelines.md`, \"Stacked buttons\".\n *\n * Rendered with `disableSpacing`: MUI's own spacing is a left margin on every\n * button after the first, which would indent a button that wrapped onto a line\n * of its own. The gaps below replace it, at the same 16px across.\n */\nconst StyledDialogActions = styled(DialogActions, {\n  shouldForwardProp: (prop) => prop !== 'fill',\n})<{ fill: boolean }>(({ theme, fill }) => ({\n  padding: theme.spacing(2, 3, 3, 3),\n  flexWrap: 'wrap-reverse',\n  columnGap: theme.spacing(2),\n  rowGap: theme.spacing(1),\n  // A 40px tap target, the floor the kit's own Button keeps (FUT-3269): MUI's\n  // medium button is 37px, short of it on a phone.\n  '& > .MuiButton-root': { minHeight: rem(theme, 40) },\n  ...(fill && { '& > .MuiButton-root': { flexGrow: 1, minHeight: rem(theme, 40) } }),\n  // A PAIR only: a lone button (`showCancel={false}`) keeps its own width.\n  [narrowDialog(theme)]: { '& > .MuiButton-root:not(:only-child)': { flexGrow: 1 } },\n}));\n\nconst confirmButtonColor = (variant: AlertDialogProps['variant']): 'error' | 'primary' =>\n  variant === 'destructive' ? 'error' : 'primary';\n\ninterface ButtonLook {\n  variant: ButtonProps['variant'];\n  color: ButtonProps['color'];\n}\n\n/**\n * How each button is drawn, by `emphasis`: the emphasised one is filled, the\n * other a NEUTRAL outline. Primary / neutral both ways round — a confirm that\n * steps down drops the variant's colour too, so the one filled button is the\n * only coloured thing in the row and the eye has a single place to land.\n */\nconst buttonLooks = (\n  emphasis: AlertDialogProps['emphasis'],\n  variant: AlertDialogProps['variant'],\n): { cancel: ButtonLook; confirm: ButtonLook } =>\n  emphasis === 'cancel'\n    ? {\n        cancel: { variant: 'contained', color: 'primary' },\n        confirm: { variant: 'outlined', color: 'inherit' },\n      }\n    : {\n        cancel: { variant: 'outlined', color: 'inherit' },\n        confirm: { variant: 'contained', color: confirmButtonColor(variant) },\n      };\n\n/**\n * The emphasis that applies: `cancel` only while the cancel is shown. A hidden\n * cancel with the confirm stepped down would leave a dialog with no primary.\n */\nconst effectiveEmphasis = (\n  emphasis: AlertDialogProps['emphasis'],\n  showCancel: boolean,\n): NonNullable<AlertDialogProps['emphasis']> =>\n  emphasis === 'cancel' && showCancel ? 'cancel' : 'confirm';\n\n/**\n * Whether the cancel owns focus on open: what `initialFocus` says, and when it\n * says nothing, the emphasised button — so Enter on a steered question keeps\n * the work instead of completing the loss.\n */\nconst focusesCancel = (\n  initialFocus: AlertDialogProps['initialFocus'],\n  emphasis: NonNullable<AlertDialogProps['emphasis']>,\n): boolean => (initialFocus ?? emphasis) === 'cancel';\n\n/** The two buttons in slot order: the emphasised one LAST, the primary slot. */\nconst inSlotOrder = (\n  emphasis: AlertDialogProps['emphasis'],\n  cancel: React.ReactNode,\n  confirm: React.ReactNode,\n): React.ReactNode[] => (emphasis === 'cancel' ? [confirm, cancel] : [cancel, confirm]);\n\n/**\n * Action row: the optional cancel button and the (variant-coloured) confirm,\n * with the emphasised one LAST — the primary slot, on the right or, once the\n * row stacks, on top. DOM order is the tab order, so it follows the same rule.\n */\nexport function AlertDialogFooter({\n  variant,\n  cancelText = EN_US_UI_LABELS.alertDialog.cancel,\n  confirmText = EN_US_UI_LABELS.alertDialog.confirm,\n  showCancel = true,\n  loading = false,\n  confirmDisabled = false,\n  initialFocus,\n  emphasis: asked,\n  onCancel,\n  onConfirm,\n  dataTestId,\n}: Pick<\n  AlertDialogProps,\n  | 'variant'\n  | 'cancelText'\n  | 'confirmText'\n  | 'showCancel'\n  | 'loading'\n  | 'confirmDisabled'\n  | 'initialFocus'\n  | 'emphasis'\n> & {\n  onCancel: () => void;\n  onConfirm: () => void;\n  dataTestId: string;\n}): React.ReactElement {\n  const theme = useTheme();\n  const emphasis = effectiveEmphasis(asked, showCancel);\n  const look = buttonLooks(emphasis, variant);\n  const cancelFocused = focusesCancel(initialFocus, emphasis);\n  const cancel = showCancel && (\n    <Button\n      key=\"cancel\"\n      onClick={onCancel}\n      variant={look.cancel.variant}\n      color={look.cancel.color}\n      disabled={loading}\n      autoFocus={cancelFocused}\n      data-testid={`${dataTestId}-cancel-button`}\n    >\n      {cancelText}\n    </Button>\n  );\n  const confirm = (\n    <Button\n      key=\"confirm\"\n      onClick={onConfirm}\n      variant={look.confirm.variant}\n      color={look.confirm.color}\n      disabled={confirmDisabled || loading}\n      startIcon={\n        loading ? (\n          <CircularProgress\n            size={rem(theme, 16)}\n            color=\"inherit\"\n            data-testid={`${dataTestId}-loading-spinner`}\n          />\n        ) : undefined\n      }\n      autoFocus={!cancelFocused}\n      data-testid={`${dataTestId}-confirm-button`}\n    >\n      {confirmText}\n    </Button>\n  );\n  return (\n    <StyledDialogActions\n      disableSpacing\n      fill={emphasis === 'cancel'}\n      data-testid={`${dataTestId}-actions`}\n    >\n      {inSlotOrder(emphasis, cancel, confirm)}\n    </StyledDialogActions>\n  );\n}\n"],"mappings":";;;;;;;;AAMA,OAAO,YAAY;AACnB,OAAO,sBAAsB;AAC7B,OAAO,mBAAmB;AAC1B,SAAS,QAAQ,gBAAgB;AA+J7B;AArJG,IAAM,yBAAyB;AAO/B,IAAM,4BAA4B;AAGlC,SAAS,aAAa,OAAsB;AACjD,SAAO,cAAc,sBAAsB,aAAa,IAAI,OAAO,yBAAyB,CAAC;AAC/F;AA8BA,IAAM,sBAAsB,OAAO,eAAe;AAAA,EAChD,mBAAmB,CAAC,SAAS,SAAS;AACxC,CAAC,EAAqB,CAAC,EAAE,OAAO,KAAK,OAAO;AAAA,EAC1C,SAAS,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC;AAAA,EACjC,UAAU;AAAA,EACV,WAAW,MAAM,QAAQ,CAAC;AAAA,EAC1B,QAAQ,MAAM,QAAQ,CAAC;AAAA;AAAA;AAAA,EAGvB,uBAAuB,EAAE,WAAW,IAAI,OAAO,EAAE,EAAE;AAAA,EACnD,GAAI,QAAQ,EAAE,uBAAuB,EAAE,UAAU,GAAG,WAAW,IAAI,OAAO,EAAE,EAAE,EAAE;AAAA;AAAA,EAEhF,CAAC,aAAa,KAAK,CAAC,GAAG,EAAE,wCAAwC,EAAE,UAAU,EAAE,EAAE;AACnF,EAAE;AAEF,IAAM,qBAAqB,CAAC,YAC1B,YAAY,gBAAgB,UAAU;AAaxC,IAAM,cAAc,CAClB,UACA,YAEA,aAAa,WACT;AAAA,EACE,QAAQ,EAAE,SAAS,aAAa,OAAO,UAAU;AAAA,EACjD,SAAS,EAAE,SAAS,YAAY,OAAO,UAAU;AACnD,IACA;AAAA,EACE,QAAQ,EAAE,SAAS,YAAY,OAAO,UAAU;AAAA,EAChD,SAAS,EAAE,SAAS,aAAa,OAAO,mBAAmB,OAAO,EAAE;AACtE;AAMN,IAAM,oBAAoB,CACxB,UACA,eAEA,aAAa,YAAY,aAAa,WAAW;AAOnD,IAAM,gBAAgB,CACpB,cACA,cACa,gBAAgB,cAAc;AAG7C,IAAM,cAAc,CAClB,UACA,QACA,YACuB,aAAa,WAAW,CAAC,SAAS,MAAM,IAAI,CAAC,QAAQ,OAAO;AAO9E,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA,aAAa,gBAAgB,YAAY;AAAA,EACzC,cAAc,gBAAgB,YAAY;AAAA,EAC1C,aAAa;AAAA,EACb,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AACF,GAcuB;AACrB,QAAM,QAAQ,SAAS;AACvB,QAAM,WAAW,kBAAkB,OAAO,UAAU;AACpD,QAAM,OAAO,YAAY,UAAU,OAAO;AAC1C,QAAM,gBAAgB,cAAc,cAAc,QAAQ;AAC1D,QAAM,SAAS,cACb;AAAA,IAAC;AAAA;AAAA,MAEC,SAAS;AAAA,MACT,SAAS,KAAK,OAAO;AAAA,MACrB,OAAO,KAAK,OAAO;AAAA,MACnB,UAAU;AAAA,MACV,WAAW;AAAA,MACX,eAAa,GAAG,UAAU;AAAA,MAEzB;AAAA;AAAA,IARG;AAAA,EASN;AAEF,QAAM,UACJ;AAAA,IAAC;AAAA;AAAA,MAEC,SAAS;AAAA,MACT,SAAS,KAAK,QAAQ;AAAA,MACtB,OAAO,KAAK,QAAQ;AAAA,MACpB,UAAU,mBAAmB;AAAA,MAC7B,WACE,UACE;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,IAAI,OAAO,EAAE;AAAA,UACnB,OAAM;AAAA,UACN,eAAa,GAAG,UAAU;AAAA;AAAA,MAC5B,IACE;AAAA,MAEN,WAAW,CAAC;AAAA,MACZ,eAAa,GAAG,UAAU;AAAA,MAEzB;AAAA;AAAA,IAjBG;AAAA,EAkBN;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAc;AAAA,MACd,MAAM,aAAa;AAAA,MACnB,eAAa,GAAG,UAAU;AAAA,MAEzB,sBAAY,UAAU,QAAQ,OAAO;AAAA;AAAA,EACxC;AAEJ;","names":[]}

package/dist/{chunk-MAYAJXO6.js → chunk-KXDLLS62.js}

@@ -1,12 +1,12 @@
+import {
+  DAY_RULER_METRICS
+} from "./chunk-273OLFJD.js";
 import {
   createdSpan,
   hourAt,
   moved,
   resized
-} from "./chunk-LE5JYNR7.js";
-import {
-  DAY_RULER_METRICS
-} from "./chunk-7ZQ3KQ7J.js";
+} from "./chunk-L5CAHQIN.js";
 import {
   useDragWindow,
   useTrailingClick
@@ -101,4 +101,4 @@ function useRulerDrag(scale, handlers) {
 export {
   useRulerDrag
 };
-//# sourceMappingURL=chunk-MAYAJXO6.js.map
+//# sourceMappingURL=chunk-KXDLLS62.js.map