@12-apps/ui 6.86.1 → 6.87.0

package/dist/{chunk-GOQOVKUZ.js → chunk-I6CP3ZTP.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   MultiSelectDropdown
-} from "./chunk-LLPPIO3K.js";
+} from "./chunk-Y4ZWPOUV.js";
 import {
   CategorySelect
-} from "./chunk-L7HNQRFS.js";
+} from "./chunk-TSID4257.js";
 
 // src/components/data-display/DataViews/data-views-category-pill.tsx
 import { jsx } from "react/jsx-runtime";
@@ -79,4 +79,4 @@ export {
   emitPillDiff,
   PillControl
 };
-//# sourceMappingURL=chunk-GOQOVKUZ.js.map
+//# sourceMappingURL=chunk-I6CP3ZTP.js.map

package/dist/chunk-I7CVC2DW.js

@@ -0,0 +1,229 @@
+import {
+  daysBetween,
+  isOpen
+} from "./chunk-MQVYJVKV.js";
+import {
+  ScheduleNameCell
+} from "./chunk-AC7K7IJE.js";
+import {
+  blockSx,
+  blockedLabelSx,
+  breakSx,
+  cellSx,
+  ghostSx,
+  gripSx,
+  groupTitleSx,
+  headerCellSx,
+  headerRowSx,
+  headerSublabelSx,
+  nameCellSx,
+  personRowSx,
+  plusButtonSx,
+  skeletonCellSx,
+  totalCellSx,
+  totalHeaderSx
+} from "./chunk-YSUJCKEE.js";
+import {
+  SCHEDULE_GRID_METRICS
+} from "./chunk-3R6BR22L.js";
+
+// src/components/data-display/ScheduleGrid/ScheduleGrid.parts.tsx
+import AddIcon from "@mui/icons-material/Add";
+import Box from "@mui/material/Box/index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function ghostFor(props) {
+  const { drag, row, day, cell, createPreview } = props;
+  if (!drag || drag.mode === "move" || drag.rowId !== row.id || !isOpen(cell)) return null;
+  if (!daysBetween(drag.anchor, drag.day).includes(day)) return null;
+  if (drag.mode === "copy") return day === drag.anchor ? null : drag.preview;
+  return createPreview?.(row.id) ?? "";
+}
+function shortcutsOf(movable, copyable) {
+  const keys = [movable ? "Alt+ArrowLeft Alt+ArrowRight" : "", copyable ? "Shift+ArrowLeft Shift+ArrowRight" : ""];
+  return keys.filter(Boolean).join(" ") || void 0;
+}
+var titleOf = (block) => block.title ?? [block.label, block.note].filter(Boolean).join(" \xB7 ");
+function Grip({ side, onPointerDown, testId }) {
+  return /* @__PURE__ */ jsx(Box, { component: "span", "aria-hidden": true, sx: gripSx(side), onPointerDown, "data-sg-grip": "", "data-testid": testId });
+}
+function BreakBand({ span, testId }) {
+  const start = Math.min(1, Math.max(0, span.start));
+  const end = Math.min(1, Math.max(0, span.end));
+  if (!(end > start)) return null;
+  return /* @__PURE__ */ jsx(Box, { component: "span", "aria-hidden": true, sx: breakSx({ start, end }), "data-sg-break": "", "data-testid": testId });
+}
+function BlockButton({ block, row, day, can, dragApi, onBlockClick, testId }) {
+  const movable = can.move && Boolean(block.movable);
+  const copyable = can.copy && Boolean(block.copyable);
+  const startCopy = (event) => dragApi.startCopy(event, block.id, row.id, day, block.label);
+  const startMove = (event) => dragApi.startMove(event, block.id, row.id, day);
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      component: "button",
+      type: "button",
+      sx: blockSx(block.tone, { selected: Boolean(block.selected), movable }),
+      title: titleOf(block),
+      "aria-keyshortcuts": shortcutsOf(movable, copyable),
+      "aria-current": block.selected ? "true" : void 0,
+      "data-sg-focus": "",
+      "data-sg-row": row.id,
+      "data-sg-day": day,
+      "data-sg-block": block.id,
+      "data-tone": block.tone,
+      "data-testid": `${testId}-block-${block.id}`,
+      onPointerDown: movable ? startMove : void 0,
+      onClick: () => {
+        if (!dragApi.takeClick()) onBlockClick?.(block.id);
+      },
+      children: [
+        block.breakSpan ? /* @__PURE__ */ jsx(BreakBand, { span: block.breakSpan, testId: `${testId}-break-${block.id}` }) : null,
+        copyable ? /* @__PURE__ */ jsx(Grip, { side: "l", onPointerDown: startCopy, testId: `${testId}-grip-l-${block.id}` }) : null,
+        /* @__PURE__ */ jsx("span", { "data-sg-line": "label", children: block.label }),
+        block.note ? /* @__PURE__ */ jsx("span", { "data-sg-line": "note", children: block.note }) : null,
+        copyable ? /* @__PURE__ */ jsx(Grip, { side: "r", onPointerDown: startCopy, testId: `${testId}-grip-r-${block.id}` }) : null
+      ]
+    }
+  );
+}
+function PlusButton({ props, ghost }) {
+  const { row, day, column, dragApi, onCreate, labels } = props;
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      component: "button",
+      type: "button",
+      sx: plusButtonSx,
+      "aria-label": labels.createCell(row.label, column.label),
+      "data-ghost": ghost === null ? void 0 : "",
+      "data-sg-focus": "",
+      "data-sg-row": row.id,
+      "data-sg-day": day,
+      onPointerDown: (event) => dragApi.startCreate(event, row.id, day),
+      onClick: () => {
+        if (!dragApi.takeClick()) onCreate?.(row.id, [day]);
+      },
+      children: ghost === null ? /* @__PURE__ */ jsx(AddIcon, { "aria-hidden": true }) : /* @__PURE__ */ jsx(Ghost, { text: ghost })
+    }
+  );
+}
+function Ghost({ text }) {
+  return /* @__PURE__ */ jsx(Box, { component: "span", sx: ghostSx, "aria-hidden": true, children: text });
+}
+function CellFill({ props, ghost }) {
+  const { cell, can } = props;
+  if (can.create && isOpen(cell)) return /* @__PURE__ */ jsx(PlusButton, { props, ghost });
+  if (ghost !== null) return /* @__PURE__ */ jsx(Ghost, { text: ghost });
+  if (!cell.blocked || cell.blocks.length > 0 || !cell.blockedLabel) return null;
+  return /* @__PURE__ */ jsx(Box, { component: "span", sx: blockedLabelSx, "aria-hidden": true, title: cell.blockedLabel, children: cell.blockedLabel });
+}
+function GridCell(props) {
+  const { row, day, column, cell, drag, can, labels, testId } = props;
+  const ghost = ghostFor(props);
+  const blocked = Boolean(cell.blocked);
+  const look = {
+    today: Boolean(column.today),
+    blocked,
+    target: ghost !== null,
+    over: drag?.mode === "move" && drag.moved && drag.rowId === row.id && drag.day === day,
+    interactive: can.create && isOpen(cell)
+  };
+  const closedName = blocked && cell.blocks.length === 0 ? cell.blockedLabel ?? labels.blockedCell(row.label, column.label) : void 0;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      role: "cell",
+      sx: cellSx(look),
+      "data-sg-cell": "",
+      "data-sg-row": row.id,
+      "data-sg-day": day,
+      "data-testid": `${testId}-cell-${row.id}-${day}`,
+      "aria-label": closedName,
+      children: [
+        cell.blocks.map((block) => /* @__PURE__ */ jsx(
+          BlockButton,
+          {
+            block,
+            row,
+            day,
+            can,
+            dragApi: props.dragApi,
+            onBlockClick: props.onBlockClick,
+            testId
+          },
+          block.id
+        )),
+        /* @__PURE__ */ jsx(CellFill, { props, ghost })
+      ]
+    }
+  );
+}
+function NameCell({ row }) {
+  const sizes = { name: SCHEDULE_GRID_METRICS.rowName, meta: SCHEDULE_GRID_METRICS.rowMeta, chipsTop: 0.5 };
+  return /* @__PURE__ */ jsx(ScheduleNameCell, { row, role: "rowheader", sx: nameCellSx, sizes });
+}
+function keepDatesWhole(label) {
+  return label.replace(/ (?=\d)/g, "\xA0");
+}
+function GridHeader({ columns, totalLabel, rowSx, testId }) {
+  return /* @__PURE__ */ jsxs(Box, { role: "row", sx: [rowSx, headerRowSx], "data-testid": `${testId}-header`, children: [
+    /* @__PURE__ */ jsx("span", { role: "cell", "data-sg-corner": "" }),
+    columns.map((column, day) => /* @__PURE__ */ jsxs(Box, { role: "columnheader", sx: headerCellSx(Boolean(column.today)), children: [
+      /* @__PURE__ */ jsx("span", { "data-sg-col": "full", title: column.label, children: keepDatesWhole(column.label) }),
+      column.sublabel ? /* @__PURE__ */ jsx(Box, { component: "span", sx: headerSublabelSx, "data-sg-col": "sub", children: column.sublabel }) : null
+    ] }, `${day}-${column.label}`)),
+    totalLabel !== void 0 ? /* @__PURE__ */ jsx(Box, { role: "columnheader", sx: totalHeaderSx, children: totalLabel }) : null
+  ] });
+}
+function SkeletonRows({ grid, rowSx, testId }) {
+  return /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: SCHEDULE_GRID_METRICS.skeletonRows }, (_, index) => /* @__PURE__ */ jsxs(Box, { sx: [rowSx, personRowSx], "aria-hidden": true, "data-testid": `${testId}-loading`, children: [
+    /* @__PURE__ */ jsx(Box, { sx: skeletonCellSx }),
+    grid.columns.map((column, day) => /* @__PURE__ */ jsx(Box, { sx: skeletonCellSx }, `${day}-${column.label}`))
+  ] }, index)) });
+}
+function PersonRow({ row, body }) {
+  const { grid, rowSx, hasTotal, can, dragApi, labels, testId } = body;
+  return /* @__PURE__ */ jsxs(Box, { role: "row", sx: [rowSx, personRowSx], "data-testid": `${testId}-row-${row.id}`, children: [
+    /* @__PURE__ */ jsx(NameCell, { row }),
+    grid.columns.map((column, day) => /* @__PURE__ */ jsx(
+      GridCell,
+      {
+        row,
+        day,
+        column,
+        cell: grid.cell(row.id, day),
+        drag: dragApi.drag,
+        dragApi,
+        can,
+        createPreview: grid.createPreview,
+        onCreate: grid.onCreate,
+        onBlockClick: grid.onBlockClick,
+        labels,
+        testId
+      },
+      `${day}-${column.label}`
+    )),
+    hasTotal ? /* @__PURE__ */ jsx(Box, { role: "cell", sx: totalCellSx, children: row.total }) : null
+  ] });
+}
+function MessageRow({ children, testId }) {
+  if (children === null || children === void 0 || children === false) return null;
+  return /* @__PURE__ */ jsx(Box, { role: "row", "data-testid": `${testId}-message`, children: /* @__PURE__ */ jsx(Box, { role: "cell", children }) });
+}
+function GridBody(body) {
+  const { grid, rows } = body;
+  if (grid.error) return /* @__PURE__ */ jsx(MessageRow, { testId: body.testId, children: grid.error });
+  if (grid.loading) return /* @__PURE__ */ jsx(SkeletonRows, { grid, rowSx: body.rowSx, testId: body.testId });
+  if (rows.length === 0) return /* @__PURE__ */ jsx(MessageRow, { testId: body.testId, children: grid.empty });
+  return /* @__PURE__ */ jsx(Fragment, { children: grid.groups.map((group, index) => /* @__PURE__ */ jsxs(Box, { role: "rowgroup", "aria-label": group.title, children: [
+    group.title ? /* @__PURE__ */ jsx(Box, { component: "p", sx: groupTitleSx, "aria-hidden": true, "data-sg-group-title": "", children: group.title }) : null,
+    group.rows.map((row) => /* @__PURE__ */ jsx(PersonRow, { row, body }, row.id))
+  ] }, `${index}-${group.title ?? ""}`)) });
+}
+
+export {
+  GridCell,
+  GridHeader,
+  GridBody
+};
+//# sourceMappingURL=chunk-I7CVC2DW.js.map

package/dist/chunk-I7CVC2DW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/ScheduleGrid/ScheduleGrid.parts.tsx"],"sourcesContent":["import AddIcon from '@mui/icons-material/Add';\nimport Box from '@mui/material/Box/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\nimport type * as React from 'react';\n\nimport type { ScheduleGridLabels } from '../../../copy/labels';\nimport { daysBetween, isOpen } from './schedule-grid-model';\nimport { SCHEDULE_GRID_METRICS } from './ScheduleGrid.metrics';\nimport {\n  blockedLabelSx,\n  blockSx,\n  breakSx,\n  cellSx,\n  ghostSx,\n  gripSx,\n  groupTitleSx,\n  headerCellSx,\n  headerSublabelSx,\n  headerRowSx,\n  nameCellSx,\n  personRowSx,\n  plusButtonSx,\n  skeletonCellSx,\n  totalCellSx,\n  totalHeaderSx,\n} from './ScheduleGrid.styles';\nimport type {\n  ScheduleGridBlock,\n  ScheduleGridCell,\n  ScheduleGridColumn,\n  ScheduleGridProps,\n  ScheduleGridRow,\n} from './ScheduleGrid.types';\nimport { ScheduleNameCell } from './ScheduleNameCell';\nimport type { GridDrag, GridDragApi } from './useGridDrag';\n\n/** What the grid lets a cell do, resolved once per render. */\nexport interface CellAbilities {\n  create: boolean;\n  copy: boolean;\n  move: boolean;\n}\n\n/** A row's shared columns, as an `sx` part. */\ntype RowSx = (theme: Theme) => CSSObject;\n\ninterface CellProps {\n  row: ScheduleGridRow;\n  day: number;\n  column: ScheduleGridColumn;\n  cell: ScheduleGridCell;\n  drag: GridDrag | null;\n  dragApi: GridDragApi;\n  can: CellAbilities;\n  createPreview?: (rowId: string) => string;\n  onCreate?: (rowId: string, days: number[]) => void;\n  onBlockClick?: (blockId: string) => void;\n  labels: ScheduleGridLabels;\n  testId: string;\n}\n\n/** The ghost text this cell shows during a create or copy, or `null` when the gesture does not land here. */\nfunction ghostFor(props: CellProps): string | null {\n  const { drag, row, day, cell, createPreview } = props;\n  if (!drag || drag.mode === 'move' || drag.rowId !== row.id || !isOpen(cell)) return null;\n  if (!daysBetween(drag.anchor, drag.day).includes(day)) return null;\n  if (drag.mode === 'copy') return day === drag.anchor ? null : drag.preview;\n  return createPreview?.(row.id) ?? '';\n}\n\n/** The keys a block answers to, for `aria-keyshortcuts`. */\nfunction shortcutsOf(movable: boolean, copyable: boolean): string | undefined {\n  const keys = [movable ? 'Alt+ArrowLeft Alt+ArrowRight' : '', copyable ? 'Shift+ArrowLeft Shift+ArrowRight' : ''];\n  return keys.filter(Boolean).join(' ') || undefined;\n}\n\nconst titleOf = (block: ScheduleGridBlock): string => block.title ?? [block.label, block.note].filter(Boolean).join(' · ');\n\ninterface BlockProps {\n  block: ScheduleGridBlock;\n  row: ScheduleGridRow;\n  day: number;\n  can: CellAbilities;\n  dragApi: GridDragApi;\n  onBlockClick?: (blockId: string) => void;\n  testId: string;\n}\n\nfunction Grip({ side, onPointerDown, testId }: { side: 'l' | 'r'; onPointerDown: (event: React.PointerEvent) => void; testId: string }) {\n  return <Box component=\"span\" aria-hidden sx={gripSx(side)} onPointerDown={onPointerDown} data-sg-grip=\"\" data-testid={testId} />;\n}\n\n/** The block's break, kept inside it whatever the host sent. */\nfunction BreakBand({ span, testId }: { span: { start: number; end: number }; testId: string }): React.JSX.Element | null {\n  const start = Math.min(1, Math.max(0, span.start));\n  const end = Math.min(1, Math.max(0, span.end));\n  if (!(end > start)) return null;\n  return <Box component=\"span\" aria-hidden sx={breakSx({ start, end })} data-sg-break=\"\" data-testid={testId} />;\n}\n\nfunction BlockButton({ block, row, day, can, dragApi, onBlockClick, testId }: BlockProps): React.JSX.Element {\n  const movable = can.move && Boolean(block.movable);\n  const copyable = can.copy && Boolean(block.copyable);\n  const startCopy = (event: React.PointerEvent): void => dragApi.startCopy(event, block.id, row.id, day, block.label);\n  const startMove = (event: React.PointerEvent): void => dragApi.startMove(event, block.id, row.id, day);\n  return (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      sx={blockSx(block.tone, { selected: Boolean(block.selected), movable })}\n      title={titleOf(block)}\n      aria-keyshortcuts={shortcutsOf(movable, copyable)}\n      aria-current={block.selected ? 'true' : undefined}\n      data-sg-focus=\"\"\n      data-sg-row={row.id}\n      data-sg-day={day}\n      data-sg-block={block.id}\n      data-tone={block.tone}\n      data-testid={`${testId}-block-${block.id}`}\n      onPointerDown={movable ? startMove : undefined}\n      onClick={() => {\n        if (!dragApi.takeClick()) onBlockClick?.(block.id);\n      }}\n    >\n      {block.breakSpan ? <BreakBand span={block.breakSpan} testId={`${testId}-break-${block.id}`} /> : null}\n      {copyable ? <Grip side=\"l\" onPointerDown={startCopy} testId={`${testId}-grip-l-${block.id}`} /> : null}\n      <span data-sg-line=\"label\">{block.label}</span>\n      {block.note ? <span data-sg-line=\"note\">{block.note}</span> : null}\n      {copyable ? <Grip side=\"r\" onPointerDown={startCopy} testId={`${testId}-grip-r-${block.id}`} /> : null}\n    </Box>\n  );\n}\n\n/**\n * The empty cell's \"+\". It stays mounted while a drag shows the ghost in it, so\n * a press and release in place is still its click.\n */\nfunction PlusButton({ props, ghost }: { props: CellProps; ghost: string | null }): React.JSX.Element {\n  const { row, day, column, dragApi, onCreate, labels } = props;\n  return (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      sx={plusButtonSx}\n      aria-label={labels.createCell(row.label, column.label)}\n      data-ghost={ghost === null ? undefined : ''}\n      data-sg-focus=\"\"\n      data-sg-row={row.id}\n      data-sg-day={day}\n      onPointerDown={(event: React.PointerEvent) => dragApi.startCreate(event, row.id, day)}\n      onClick={() => {\n        if (!dragApi.takeClick()) onCreate?.(row.id, [day]);\n      }}\n    >\n      {ghost === null ? <AddIcon aria-hidden /> : <Ghost text={ghost} />}\n    </Box>\n  );\n}\n\nfunction Ghost({ text }: { text: string }): React.JSX.Element {\n  return (\n    <Box component=\"span\" sx={ghostSx} aria-hidden>\n      {text}\n    </Box>\n  );\n}\n\n/** What fills a cell after its blocks: the \"+\" (or the ghost in it), a lone ghost, or a closed day's label. */\nfunction CellFill({ props, ghost }: { props: CellProps; ghost: string | null }): React.JSX.Element | null {\n  const { cell, can } = props;\n  if (can.create && isOpen(cell)) return <PlusButton props={props} ghost={ghost} />;\n  if (ghost !== null) return <Ghost text={ghost} />;\n  if (!cell.blocked || cell.blocks.length > 0 || !cell.blockedLabel) return null;\n  return (\n    <Box component=\"span\" sx={blockedLabelSx} aria-hidden title={cell.blockedLabel}>\n      {cell.blockedLabel}\n    </Box>\n  );\n}\n\n/** One day of one row: its blocks, a \"+\" when it is empty, the hatch when it is closed. */\nexport function GridCell(props: CellProps): React.JSX.Element {\n  const { row, day, column, cell, drag, can, labels, testId } = props;\n  const ghost = ghostFor(props);\n  const blocked = Boolean(cell.blocked);\n  const look = {\n    today: Boolean(column.today),\n    blocked,\n    target: ghost !== null,\n    over: drag?.mode === 'move' && drag.moved && drag.rowId === row.id && drag.day === day,\n    interactive: can.create && isOpen(cell),\n  };\n  const closedName = blocked && cell.blocks.length === 0 ? (cell.blockedLabel ?? labels.blockedCell(row.label, column.label)) : undefined;\n  return (\n    <Box\n      role=\"cell\"\n      sx={cellSx(look)}\n      data-sg-cell=\"\"\n      data-sg-row={row.id}\n      data-sg-day={day}\n      data-testid={`${testId}-cell-${row.id}-${day}`}\n      aria-label={closedName}\n    >\n      {cell.blocks.map((block) => (\n        <BlockButton\n          key={block.id}\n          block={block}\n          row={row}\n          day={day}\n          can={can}\n          dragApi={props.dragApi}\n          onBlockClick={props.onBlockClick}\n          testId={testId}\n        />\n      ))}\n      <CellFill props={props} ghost={ghost} />\n    </Box>\n  );\n}\n\n/** The first column: the person, as both views draw it. */\nfunction NameCell({ row }: { row: ScheduleGridRow }): React.JSX.Element {\n  const sizes = { name: SCHEDULE_GRID_METRICS.rowName, meta: SCHEDULE_GRID_METRICS.rowMeta, chipsTop: 0.5 };\n  return <ScheduleNameCell row={row} role=\"rowheader\" sx={nameCellSx} sizes={sizes} />;\n}\n\ninterface HeaderProps {\n  columns: readonly ScheduleGridColumn[];\n  /** Present when the grid has a last column. */\n  totalLabel?: string;\n  rowSx: RowSx;\n  testId: string;\n}\n\n/** The days, their counts and the total column's header — pinned while the grid scrolls. */\n\n/** A label wraps between words, never inside \"Seg 19/10\": the space before a number holds. */\nfunction keepDatesWhole(label: string): string {\n  return label.replace(/ (?=\\d)/g, '\\u00a0');\n}\n\nexport function GridHeader({ columns, totalLabel, rowSx, testId }: HeaderProps): React.JSX.Element {\n  return (\n    <Box role=\"row\" sx={[rowSx, headerRowSx]} data-testid={`${testId}-header`}>\n      {/* Above the names: a cell of the header row, with nothing to head. */}\n      <span role=\"cell\" data-sg-corner=\"\" />\n      {columns.map((column, day) => (\n        <Box role=\"columnheader\" key={`${day}-${column.label}`} sx={headerCellSx(Boolean(column.today))}>\n          <span data-sg-col=\"full\" title={column.label}>\n            {keepDatesWhole(column.label)}\n          </span>\n          {column.sublabel ? (\n            <Box component=\"span\" sx={headerSublabelSx} data-sg-col=\"sub\">\n              {column.sublabel}\n            </Box>\n          ) : null}\n        </Box>\n      ))}\n      {totalLabel !== undefined ? (\n        <Box role=\"columnheader\" sx={totalHeaderSx}>\n          {totalLabel}\n        </Box>\n      ) : null}\n    </Box>\n  );\n}\n\ninterface BodyProps {\n  grid: ScheduleGridProps;\n  rows: readonly ScheduleGridRow[];\n  rowSx: RowSx;\n  hasTotal: boolean;\n  can: CellAbilities;\n  dragApi: GridDragApi;\n  labels: ScheduleGridLabels;\n  testId: string;\n}\n\nfunction SkeletonRows({ grid, rowSx, testId }: Pick<BodyProps, 'grid' | 'rowSx' | 'testId'>): React.JSX.Element {\n  return (\n    <>\n      {Array.from({ length: SCHEDULE_GRID_METRICS.skeletonRows }, (_, index) => (\n        <Box key={index} sx={[rowSx, personRowSx]} aria-hidden data-testid={`${testId}-loading`}>\n          <Box sx={skeletonCellSx} />\n          {grid.columns.map((column, day) => (\n            <Box key={`${day}-${column.label}`} sx={skeletonCellSx} />\n          ))}\n        </Box>\n      ))}\n    </>\n  );\n}\n\nfunction PersonRow({ row, body }: { row: ScheduleGridRow; body: BodyProps }): React.JSX.Element {\n  const { grid, rowSx, hasTotal, can, dragApi, labels, testId } = body;\n  return (\n    <Box role=\"row\" sx={[rowSx, personRowSx]} data-testid={`${testId}-row-${row.id}`}>\n      <NameCell row={row} />\n      {grid.columns.map((column, day) => (\n        <GridCell\n          key={`${day}-${column.label}`}\n          row={row}\n          day={day}\n          column={column}\n          cell={grid.cell(row.id, day)}\n          drag={dragApi.drag}\n          dragApi={dragApi}\n          can={can}\n          createPreview={grid.createPreview}\n          onCreate={grid.onCreate}\n          onBlockClick={grid.onBlockClick}\n          labels={labels}\n          testId={testId}\n        />\n      ))}\n      {hasTotal ? (\n        <Box role=\"cell\" sx={totalCellSx}>\n          {row.total}\n        </Box>\n      ) : null}\n    </Box>\n  );\n}\n\n/** The host's error or empty node, as the table's one full-width row (a table holds rows only). */\nfunction MessageRow({ children, testId }: { children: React.ReactNode; testId: string }): React.JSX.Element | null {\n  if (children === null || children === undefined || children === false) return null;\n  return (\n    <Box role=\"row\" data-testid={`${testId}-message`}>\n      <Box role=\"cell\">{children}</Box>\n    </Box>\n  );\n}\n\n/** The groups and their rows — or the skeleton, the host's error, or the host's empty state. */\nexport function GridBody(body: BodyProps): React.JSX.Element | null {\n  const { grid, rows } = body;\n  if (grid.error) return <MessageRow testId={body.testId}>{grid.error}</MessageRow>;\n  if (grid.loading) return <SkeletonRows grid={grid} rowSx={body.rowSx} testId={body.testId} />;\n  if (rows.length === 0) return <MessageRow testId={body.testId}>{grid.empty}</MessageRow>;\n  return (\n    <>\n      {grid.groups.map((group, index) => (\n        <Box role=\"rowgroup\" key={`${index}-${group.title ?? ''}`} aria-label={group.title}>\n          {group.title ? (\n            <Box component=\"p\" sx={groupTitleSx} aria-hidden data-sg-group-title=\"\">\n              {group.title}\n            </Box>\n          ) : null}\n          {group.rows.map((row) => (\n            <PersonRow key={row.id} row={row} body={body} />\n          ))}\n        </Box>\n      ))}\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-OKRITX4S.js → chunk-ICHM2LQA.js}

@@ -1,21 +1,21 @@
+import {
+  MapLayers
+} from "./chunk-IQ5MBELJ.js";
 import {
   MapCoordinates,
   MapMarkers
-} from "./chunk-CJUK32UH.js";
-import {
-  MapLayers
-} from "./chunk-EXVCVXFX.js";
+} from "./chunk-OZYUE2BI.js";
 import {
   glassStyles,
   resolveMapCopy,
   resolveMapPreviewProps
 } from "./chunk-CSGBHYW6.js";
-import {
-  StaticMapView
-} from "./chunk-UAOE3ZPC.js";
 import {
   useMapPreview
 } from "./chunk-QSRZOXQI.js";
+import {
+  StaticMapView
+} from "./chunk-UAOE3ZPC.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -113,4 +113,4 @@ export {
   MapPreview,
   MapPreview_default
 };
-//# sourceMappingURL=chunk-OKRITX4S.js.map
+//# sourceMappingURL=chunk-ICHM2LQA.js.map

package/dist/{chunk-4LUWZ6UE.js → chunk-IMMPY4Q7.js}

@@ -1,9 +1,9 @@
 import {
   SaveViewModal
-} from "./chunk-WMAS6DZR.js";
+} from "./chunk-YAQE7QVC.js";
 import {
   ManageViewsDialog
-} from "./chunk-FZEDQNUN.js";
+} from "./chunk-2KBATUOZ.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk-4SQ2WCZA.js";
 import {
   Alert
-} from "./chunk-QVDEGBME.js";
+} from "./chunk-NQCTANF3.js";
 
 // src/components/data-display/DataViews/data-views-table-parts.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -121,4 +121,4 @@ export {
   ViewsMenuSlot,
   ViewDialogs
 };
-//# sourceMappingURL=chunk-4LUWZ6UE.js.map
+//# sourceMappingURL=chunk-IMMPY4Q7.js.map

package/dist/{chunk-FZUAB2KS.js → chunk-INFBO356.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-Z6MCTGIK.js";
 import {
   EN_US_COMMAND_PALETTE_COPY
-} from "./chunk-SSCEX5NY.js";
+} from "./chunk-656DBMWT.js";
 import {
   resolveLabels
 } from "./chunk-LL2BWQPM.js";
@@ -153,4 +153,4 @@ var PaletteResults = ({
 export {
   PaletteResults
 };
-//# sourceMappingURL=chunk-FZUAB2KS.js.map
+//# sourceMappingURL=chunk-INFBO356.js.map

package/dist/chunk-IP424VZD.js

@@ -0,0 +1,208 @@
+import {
+  actionsSx,
+  actualLabelSx,
+  actualSx,
+  axisSx,
+  blockSx,
+  breakSx,
+  coverageCellSx,
+  coverageLabelSx,
+  coverageSx,
+  handleSx,
+  lineSx,
+  nowSx,
+  rowSx,
+  trackSx,
+  whoSx
+} from "./chunk-EEK2NK4W.js";
+import {
+  formatHour,
+  formatRange,
+  percentOf,
+  ticksOf
+} from "./chunk-LE5JYNR7.js";
+import {
+  DAY_RULER_METRICS
+} from "./chunk-7ZQ3KQ7J.js";
+import {
+  useTextFits
+} from "./chunk-YMYJO2CZ.js";
+import {
+  ScheduleNameCell
+} from "./chunk-AC7K7IJE.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";
+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) };
+};
+function shortcutsOf(movable, resizable) {
+  const keys = [
+    movable ? "Alt+ArrowLeft Alt+ArrowRight" : "",
+    resizable ? "Shift+ArrowLeft Shift+ArrowRight Shift+Alt+ArrowLeft Shift+Alt+ArrowRight" : ""
+  ];
+  return keys.filter(Boolean).join(" ") || void 0;
+}
+function Handle({ side, onPointerDown, testId }) {
+  return /* @__PURE__ */ jsx(Box, { component: "span", "aria-hidden": true, sx: handleSx(side), "data-testid": testId, onPointerDown });
+}
+function breakShare(block, start, end) {
+  const span = block.breakSpan;
+  const length = end - start;
+  if (!span || !(length > 0)) return null;
+  const shift = Math.abs(length - (block.end - block.start)) < 1e-6 ? start - block.start : 0;
+  const a = Math.max(start, span.start + shift);
+  const b = Math.min(end, span.end + shift);
+  if (!(b > a)) return null;
+  return { at: (a - start) / length * 100, share: (b - a) / length * 100 };
+}
+function BreakBand({ block, at, testId }) {
+  const gap = breakShare(block, at.start, at.end);
+  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 }) {
+  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 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 }),
+      title: block.title ?? block.label,
+      "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,
+      onClick: () => {
+        if (!dragApi.takeClick()) ctx.onBlockClick?.(block.id);
+      },
+      onKeyDown: (event) => ctx.onBlockKey(event, block),
+      children: [
+        /* @__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 }),
+        resizable ? /* @__PURE__ */ jsx(Handle, { side: "r", onPointerDown: press("end"), testId: `${ctx.testId}-handle-r-${block.id}` }) : null
+      ]
+    }
+  );
+}
+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
+  ] });
+}
+function CreatePreview({ row, drag, ctx }) {
+  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),
+      at: { start: drag.start, end: drag.end },
+      text: range,
+      ctx,
+      testId: `${ctx.testId}-preview`
+    }
+  );
+}
+function Actual({ row, ctx }) {
+  const { actual } = row;
+  if (!actual) return null;
+  return /* @__PURE__ */ jsxs(Fragment, { 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
+  ] });
+}
+function Track({ row, ctx }) {
+  const { scale, now, can, dragApi } = ctx;
+  const showNow = now !== void 0 && now >= scale.from && now <= scale.to;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      sx: trackSx({ hours: scale.to - scale.from, tickHours: scale.tickHours, interactive: can.create }),
+      "data-dr-track": "",
+      "data-testid": `${ctx.testId}-track-${row.id}`,
+      role: can.create ? "group" : void 0,
+      tabIndex: can.create ? 0 : void 0,
+      "aria-label": can.create ? ctx.createLabel(row.label) : void 0,
+      onPointerDown: can.create ? (event) => dragApi.startCreate(event, row.id) : void 0,
+      onKeyDown: (event) => {
+        if (!can.create || event.target !== event.currentTarget || event.key !== "Enter" && event.key !== " ") return;
+        event.preventDefault();
+        ctx.onKeyCreate(row);
+      },
+      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
+      ]
+    }
+  );
+}
+function RulerRow({ row, ctx }) {
+  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 })
+  ] });
+}
+function Coverage(props) {
+  const { coverage, label, scale, testId } = props;
+  const hours = scale.to - scale.from;
+  return /* @__PURE__ */ jsxs(Box, { sx: lineSx, "data-testid": `${testId}-coverage`, children: [
+    /* @__PURE__ */ jsx(Box, { component: "span", sx: coverageLabelSx, children: label }),
+    /* @__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 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", {})
+  ] });
+}
+
+export {
+  spanOf,
+  RulerRow,
+  Coverage,
+  Axis
+};
+//# sourceMappingURL=chunk-IP424VZD.js.map

package/dist/chunk-IP424VZD.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 { 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 { useTextFits } from './useTextFits';\nimport { formatHour, formatRange, percentOf, ticksOf } 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 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  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\nfunction RulerBlock({ row, block, span, at, 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  // Short by pixels; where nothing can be measured, by the prototype's 30% rule.\n  const fits = useTextFits(ref, text, (block.end - block.start) / (scale.to - scale.from) >= M.narrowShare);\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 })}\n      title={block.title ?? block.label}\n      aria-keyshortcuts={shortcutsOf(movable, resizable)}\n      aria-current={block.selected ? 'true' : undefined}\n      ref={ref}\n      data-narrow={fits ? undefined : ''}\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        {block.shortLabel ?? text}\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  return (\n    <>\n      {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 (\n          <RulerBlock\n            key={block.id}\n            row={row}\n            block={block}\n            span={spanOf(start, end, ctx.scale)}\n            at={{ start, end }}\n            text={live?.moved ? formatRange(start, end) : block.label}\n            ctx={ctx}\n            testId={`${ctx.testId}-block-${block.id}`}\n          />\n        );\n      })}\n      {mine && mine.mode === 'create' ? <CreatePreview row={row} drag={mine} ctx={ctx} /> : null}\n    </>\n  );\n}\n\n/** The block a create drag is drawing, with its live hours. */\nfunction CreatePreview({ row, drag, ctx }: { row: DayRulerRow; drag: RulerDrag; ctx: RowContext }): React.JSX.Element {\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={spanOf(drag.start, Math.max(drag.end, drag.start + ctx.scale.snap), ctx.scale)}\n      at={{ start: drag.start, end: drag.end }}\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, its blocks (or the one being dragged, live) and the now line. */\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      <Blocks row={row} ctx={ctx} />\n      {showNow ? <Box sx={nowSx(percentOf(now, scale.from, scale.to))} data-testid={`${ctx.testId}-now`} /> : null}\n    </Box>\n  );\n}\n\n/** One person: name, meta and chips · the track · the row's actions. */\nexport function RulerRow({ row, ctx }: { row: DayRulerRow; ctx: RowContext }): React.JSX.Element {\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      <Box sx={actionsSx}>{row.actions}</Box>\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      <span />\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      <span />\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-EXVCVXFX.js → chunk-IQ5MBELJ.js}

@@ -1,16 +1,16 @@
+import {
+  MapControlBar
+} from "./chunk-6WHIJPEF.js";
+import {
+  MapSearchBar
+} from "./chunk-MIUPTZS6.js";
 import {
   HeatmapOverlay,
   RouteOverlay
 } from "./chunk-ZZ4MMUBY.js";
-import {
-  MapControlBar
-} from "./chunk-6WHIJPEF.js";
 import {
   resolveMapCopy
 } from "./chunk-CSGBHYW6.js";
-import {
-  MapSearchBar
-} from "./chunk-MIUPTZS6.js";
 import {
   HEATMAP_VIEWBOX
 } from "./chunk-H2J2MTRE.js";
@@ -59,4 +59,4 @@ var MapLayers = ({ settings, zoom, mapType, search, controls }) => {
 export {
   MapLayers
 };
-//# sourceMappingURL=chunk-EXVCVXFX.js.map
+//# sourceMappingURL=chunk-IQ5MBELJ.js.map