@12-apps/ui 6.86.2 → 6.88.0

package/dist/{chunk-DVX4HDNP.js → chunk-7IBFGOLF.js}

@@ -1,9 +1,9 @@
 import {
   useCardActions
-} from "./chunk-PJNIJIE6.js";
+} from "./chunk-RCTHCXS6.js";
 import {
   ConfirmActionDialog
-} from "./chunk-7W5X3KQ2.js";
+} from "./chunk-6BQ3YKLD.js";
 import {
   useConfirmAction
 } from "./chunk-EMYESBIT.js";
@@ -50,4 +50,4 @@ function useRemoveConfirm({
 export {
   useRemoveConfirm
 };
-//# sourceMappingURL=chunk-DVX4HDNP.js.map
+//# sourceMappingURL=chunk-7IBFGOLF.js.map

package/dist/chunk-7RXL4ONS.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-7RXL4ONS.js.map

package/dist/chunk-7RXL4ONS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/{chunk-EOQ6EKTS.js → chunk-7XSCEHGA.js}

@@ -1,3 +1,9 @@
+import {
+  pulseAnimation,
+  rotateAnimation,
+  scaleInAnimation,
+  shimmerAnimation
+} from "./chunk-MTEQEPNY.js";
 import {
   ACTIVE_SCALE,
   AVATAR_SIZES,
@@ -17,12 +23,6 @@ import {
   SPINNER,
   STATUS_DOT
 } from "./chunk-6ZZGK5DT.js";
-import {
-  pulseAnimation,
-  rotateAnimation,
-  scaleInAnimation,
-  shimmerAnimation
-} from "./chunk-MTEQEPNY.js";
 import {
   absoluteInk,
   controlNeutral,
@@ -277,4 +277,4 @@ function AvatarView(props) {
 export {
   AvatarView
 };
-//# sourceMappingURL=chunk-EOQ6EKTS.js.map
+//# sourceMappingURL=chunk-7XSCEHGA.js.map

package/dist/{chunk-QCYQL3ST.js → chunk-7XUQJJPK.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-JZITCQKJ.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-57FIUJJJ.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -175,4 +175,4 @@ Breadcrumbs.displayName = "Breadcrumbs";
 export {
   Breadcrumbs
 };
-//# sourceMappingURL=chunk-QCYQL3ST.js.map
+//# sourceMappingURL=chunk-7XUQJJPK.js.map

package/dist/chunk-7ZQ3KQ7J.js

@@ -0,0 +1,49 @@
+// src/components/data-display/DayRuler/DayRuler.metrics.ts
+var DAY_RULER_METRICS = {
+  /** The name and the actions columns on a computer. */
+  sideColumn: 220,
+  gap: 16,
+  /**
+   * Below this container width a row stacks: name and actions on top, the
+   * track under them. Two 220px side columns, their gaps and a track of at
+   * least 320px (where the hour labels every 4 hours do not collide): 792,
+   * rounded up.
+   */
+  compactBelow: 800,
+  /**
+   * Below this container width the pane is phone-sized: no coverage row and
+   * no hour axis. Between it and `compactBelow` the rows stack and the two
+   * lines are drawn across the full width, like the tracks.
+   */
+  phoneBelow: 600,
+  rowPaddingY: 8,
+  track: { height: 40, compactHeight: 30, radius: 8, compactRadius: 6 },
+  block: { top: 4, height: 24, compactTop: 3, compactHeight: 20, radius: 6, paddingX: 6, font: 12, hitArea: 40 },
+  /** The end handles' hit area. */
+  handle: 10,
+  actual: { top: 31, height: 6, compactTop: 24, compactHeight: 4, radius: 3 },
+  actualLabel: { top: 8, offset: 6, font: 12 },
+  now: { width: 2, overhang: 2 },
+  coverage: { height: 26, gap: 2, radius: 4, font: 12 },
+  axis: { height: 18, font: 12 },
+  name: 15,
+  meta: 13,
+  groupTitle: 12,
+  ring: 2,
+  /** How far a block's focus ring stands off it. */
+  ringOffset: 1,
+  /** The loading row's name bar. */
+  skeletonNameRadius: 4,
+  /** Where a block's text cannot be measured, one shorter than this share of the ruler says only its start on a narrow ruler. */
+  narrowShare: 0.3,
+  /** The shortest block a resize leaves, in hours. */
+  minHours: 0.5,
+  skeletonRows: 4,
+  /** The hatch of a break inside a block: stripe width. */
+  breakStripe: { ink: 2, gap: 3 }
+};
+
+export {
+  DAY_RULER_METRICS
+};
+//# sourceMappingURL=chunk-7ZQ3KQ7J.js.map

package/dist/chunk-7ZQ3KQ7J.js.map

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

package/dist/{chunk-7VUXSNVZ.js → chunk-A4B27HYU.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-XPMGFAJ3.js";
 import {
   Skeleton
-} from "./chunk-3DPPDGOF.js";
+} from "./chunk-62SXUU5U.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -220,4 +220,4 @@ function FleetRoster({
 export {
   FleetRoster
 };
-//# sourceMappingURL=chunk-7VUXSNVZ.js.map
+//# sourceMappingURL=chunk-A4B27HYU.js.map

package/dist/chunk-AC7K7IJE.js

@@ -0,0 +1,28 @@
+import {
+  chipsSx,
+  metaSx,
+  nameButtonSx,
+  nameLineSx,
+  nameTextSx
+} from "./chunk-6HZYRKOB.js";
+
+// src/components/data-display/ScheduleGrid/ScheduleNameCell.tsx
+import Box from "@mui/material/Box/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ScheduleNameCell({ row, sx, role, sizes }) {
+  const name = /* @__PURE__ */ jsx(Box, { component: "span", sx: nameTextSx(sizes.name), title: row.label, children: row.label });
+  const named = row.onLabelClick ? /* @__PURE__ */ jsx(Box, { component: "button", type: "button", sx: nameButtonSx, onClick: row.onLabelClick, "aria-label": row.labelAccessible, children: name }) : name;
+  return /* @__PURE__ */ jsxs(Box, { role, sx, children: [
+    row.nameAdornment ? /* @__PURE__ */ jsxs(Box, { sx: nameLineSx, children: [
+      named,
+      /* @__PURE__ */ jsx(Box, { component: "span", "data-schedule-adornment": "", children: row.nameAdornment })
+    ] }) : named,
+    row.meta ? /* @__PURE__ */ jsx(Box, { component: "span", sx: metaSx(row.metaTone ?? "default", sizes.meta), title: row.meta, children: row.meta }) : null,
+    row.chips ? /* @__PURE__ */ jsx(Box, { sx: chipsSx(sizes.chipsTop), children: row.chips }) : null
+  ] });
+}
+
+export {
+  ScheduleNameCell
+};
+//# sourceMappingURL=chunk-AC7K7IJE.js.map

package/dist/chunk-AC7K7IJE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/ScheduleGrid/ScheduleNameCell.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport type { SxProps, Theme } from '@mui/material/styles/index.js';\nimport type * as React from 'react';\n\nimport { chipsSx, metaSx, nameButtonSx, nameLineSx, nameTextSx } from './schedule-name.styles';\n\n/** What a row says about its person, in both views. */\nexport interface ScheduleNameRow {\n  label: string;\n  meta?: string;\n  metaTone?: 'default' | 'warning';\n  onLabelClick?: () => void;\n  labelAccessible?: string;\n  nameAdornment?: React.ReactNode;\n  chips?: React.ReactNode;\n}\n\ninterface ScheduleNameCellProps {\n  row: ScheduleNameRow;\n  /** The cell's own box (where it sits in its view's row). */\n  sx: SxProps<Theme>;\n  /** `rowheader` in the week grid's table; none on the ruler. */\n  role?: string;\n  /** The view's type sizes (px) and the space above the chips (spacing units). */\n  sizes: { name: number; meta: number; chipsTop: number };\n}\n\n/**\n * The first column of a schedule row (FUT-3825): the name (a button when the\n * host acts on it), its adornment, its meta line and its chips — one part for\n * the week grid and the day ruler, so a person reads the same in both.\n */\nexport function ScheduleNameCell({ row, sx, role, sizes }: ScheduleNameCellProps): React.JSX.Element {\n  const name = (\n    <Box component=\"span\" sx={nameTextSx(sizes.name)} title={row.label}>\n      {row.label}\n    </Box>\n  );\n  const named = row.onLabelClick ? (\n    <Box component=\"button\" type=\"button\" sx={nameButtonSx} onClick={row.onLabelClick} aria-label={row.labelAccessible}>\n      {name}\n    </Box>\n  ) : (\n    name\n  );\n  return (\n    <Box role={role} sx={sx}>\n      {row.nameAdornment ? (\n        <Box sx={nameLineSx}>\n          {named}\n          <Box component=\"span\" data-schedule-adornment=\"\">\n            {row.nameAdornment}\n          </Box>\n        </Box>\n      ) : (\n        named\n      )}\n      {row.meta ? (\n        <Box component=\"span\" sx={metaSx(row.metaTone ?? 'default', sizes.meta)} title={row.meta}>\n          {row.meta}\n        </Box>\n      ) : null}\n      {row.chips ? <Box sx={chipsSx(sizes.chipsTop)}>{row.chips}</Box> : null}\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;AAAA,OAAO,SAAS;AAkCZ,cAcI,YAdJ;AAFG,SAAS,iBAAiB,EAAE,KAAK,IAAI,MAAM,MAAM,GAA6C;AACnG,QAAM,OACJ,oBAAC,OAAI,WAAU,QAAO,IAAI,WAAW,MAAM,IAAI,GAAG,OAAO,IAAI,OAC1D,cAAI,OACP;AAEF,QAAM,QAAQ,IAAI,eAChB,oBAAC,OAAI,WAAU,UAAS,MAAK,UAAS,IAAI,cAAc,SAAS,IAAI,cAAc,cAAY,IAAI,iBAChG,gBACH,IAEA;AAEF,SACE,qBAAC,OAAI,MAAY,IACd;AAAA,QAAI,gBACH,qBAAC,OAAI,IAAI,YACN;AAAA;AAAA,MACD,oBAAC,OAAI,WAAU,QAAO,2BAAwB,IAC3C,cAAI,eACP;AAAA,OACF,IAEA;AAAA,IAED,IAAI,OACH,oBAAC,OAAI,WAAU,QAAO,IAAI,OAAO,IAAI,YAAY,WAAW,MAAM,IAAI,GAAG,OAAO,IAAI,MACjF,cAAI,MACP,IACE;AAAA,IACH,IAAI,QAAQ,oBAAC,OAAI,IAAI,QAAQ,MAAM,QAAQ,GAAI,cAAI,OAAM,IAAS;AAAA,KACrE;AAEJ;","names":[]}

package/dist/{chunk-42D7KBDH.js → chunk-AD6GRJFV.js}

@@ -1,9 +1,9 @@
 import {
   Stepper
-} from "./chunk-EWFBDAB7.js";
+} from "./chunk-TOLCZ4XT.js";
 import {
   EmptyState
-} from "./chunk-42TOCPXB.js";
+} from "./chunk-I5SIHPOG.js";
 
 // src/components/data-display/SectionOnboarding/SectionOnboarding.tsx
 import CheckCircle from "@mui/icons-material/CheckCircle";
@@ -193,4 +193,4 @@ export {
   SectionOnboarding,
   SectionOnboarding_default
 };
-//# sourceMappingURL=chunk-42D7KBDH.js.map
+//# sourceMappingURL=chunk-AD6GRJFV.js.map

package/dist/{chunk-CAOL4AIB.js → chunk-AEAVVKGY.js}

@@ -3,7 +3,7 @@ import {
   StepContentComponent,
   StepIndicatorComponent,
   StepItemRow
-} from "./chunk-IMYKJTVX.js";
+} from "./chunk-KLLHCPA2.js";
 
 // src/components/utility/WorkflowStep/WorkflowStepRow.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -81,4 +81,4 @@ var StepRow = ({
 export {
   StepRow
 };
-//# sourceMappingURL=chunk-CAOL4AIB.js.map
+//# sourceMappingURL=chunk-AEAVVKGY.js.map

package/dist/{chunk-HHPFWEJY.js → chunk-ALDS5ISD.js}

@@ -19,10 +19,22 @@ var SEQUENCE_METRICS = {
   countBadge: 32,
   listRadius: 12,
   doneIcon: 44,
-  doneTitle: 20
+  doneTitle: 20,
+  /** The overview's title in the header row. */
+  overviewTitle: 18,
+  /** The least an overview row's words get beside its "Resolver"; under that, the button drops below them. */
+  overviewTextMin: 192,
+  /**
+   * With "Ver todos", the chrome's width below which the header is narrow:
+   * Back is its chevron alone and the step label takes its own line under
+   * the bar. A resolver without an overview never changes its header. A 360px
+   * phone's sheet leaves the chrome 280px, a 390px one 310px — where Back's
+   * word, the label, "Ver todos (N)" and close all fit whole (about 294px).
+   */
+  narrowChrome: 300
 };
 
 export {
   SEQUENCE_METRICS
 };
-//# sourceMappingURL=chunk-HHPFWEJY.js.map
+//# sourceMappingURL=chunk-ALDS5ISD.js.map

package/dist/chunk-ALDS5ISD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/SequenceResolver/SequenceResolver.metrics.ts"],"sourcesContent":["/**\n * THE RESOLVER'S NUMBERS — the approved prototype's, in px. The web reads\n * them through `rem`/`sxRem` so a density mode scales them (FUT-3671).\n */\nexport const SEQUENCE_METRICS = {\n  /** Below this width the dialog is the inset bottom sheet, and targets are 44px+. */\n  sheetBreakpoint: 'sm',\n  /** The sheet never grows past this share of the viewport; the paper scrolls inside it. */\n  sheetMaxHeightPercent: 95,\n  /** The smallest a control may be below the sheet breakpoint, and the end screen's button everywhere. */\n  touchTarget: 44,\n  /** The intro's \"all in sequence\" button, at least. */\n  startAllHeight: 48,\n  /** Header icon button: 40px on a pointer, 44px on a phone. */\n  closeSize: { pointer: 40, touch: 44 },\n  /** The drag handle — decoration only, the sheet does not drag. */\n  handle: { width: 40, height: 4 },\n  title: 22,\n  stepLabel: 13,\n  categoryDescription: 13,\n  categoryMinHeight: 56,\n  countBadge: 32,\n  listRadius: 12,\n  doneIcon: 44,\n  doneTitle: 20,\n  /** The overview's title in the header row. */\n  overviewTitle: 18,\n  /** The least an overview row's words get beside its \"Resolver\"; under that, the button drops below them. */\n  overviewTextMin: 192,\n  /**\n   * With \"Ver todos\", the chrome's width below which the header is narrow:\n   * Back is its chevron alone and the step label takes its own line under\n   * the bar. A resolver without an overview never changes its header. A 360px\n   * phone's sheet leaves the chrome 280px, a 390px one 310px — where Back's\n   * word, the label, \"Ver todos (N)\" and close all fit whole (about 294px).\n   */\n  narrowChrome: 300,\n} as const;\n"],"mappings":";AAIO,IAAM,mBAAmB;AAAA;AAAA,EAE9B,iBAAiB;AAAA;AAAA,EAEjB,uBAAuB;AAAA;AAAA,EAEvB,aAAa;AAAA;AAAA,EAEb,gBAAgB;AAAA;AAAA,EAEhB,WAAW,EAAE,SAAS,IAAI,OAAO,GAAG;AAAA;AAAA,EAEpC,QAAQ,EAAE,OAAO,IAAI,QAAQ,EAAE;AAAA,EAC/B,OAAO;AAAA,EACP,WAAW;AAAA,EACX,qBAAqB;AAAA,EACrB,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,WAAW;AAAA;AAAA,EAEX,eAAe;AAAA;AAAA,EAEf,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQjB,cAAc;AAChB;","names":[]}

package/dist/{chunk-M3XJVD5G.js → chunk-AMLHEKSV.js}

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

package/dist/{chunk-E5QOT7KK.js → chunk-AN37BIIO.js}

@@ -1,3 +1,10 @@
+import {
+  tableStyles
+} from "./chunk-BVHIKXCN.js";
+import {
+  useTableSelection,
+  useVirtualScrolling
+} from "./chunk-RZSMRBOX.js";
 import {
   EmptyRow,
   NoDataPlaceholder
@@ -5,7 +12,7 @@ import {
 import {
   EnhancedTableBody,
   EnhancedTableHeader
-} from "./chunk-L5KPBMMF.js";
+} from "./chunk-2ENMRK3U.js";
 import {
   TABLE_DEFAULTS,
   containerStyle,
@@ -17,13 +24,6 @@ import {
   tableRowHeight,
   virtualHeight
 } from "./chunk-Y3DV7LGC.js";
-import {
-  tableStyles
-} from "./chunk-BVHIKXCN.js";
-import {
-  useTableSelection,
-  useVirtualScrolling
-} from "./chunk-RZSMRBOX.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -310,4 +310,4 @@ Table.displayName = "Table";
 export {
   Table
 };
-//# sourceMappingURL=chunk-E5QOT7KK.js.map
+//# sourceMappingURL=chunk-AN37BIIO.js.map

package/dist/chunk-ARPOWDEO.js

@@ -0,0 +1,249 @@
+import {
+  daysBetween,
+  isOpen
+} from "./chunk-E6UMTR2G.js";
+import {
+  ScheduleNameCell
+} from "./chunk-AC7K7IJE.js";
+import {
+  SR_ONLY_SX,
+  blockSx,
+  blockedLabelSx,
+  breakSx,
+  cellSx,
+  ghostSx,
+  gripSx,
+  groupTitleSx,
+  headerCellSx,
+  headerRowSx,
+  headerSublabelSx,
+  nameCellSx,
+  personRowSx,
+  plusButtonSx,
+  skeletonCellSx,
+  totalCellSx,
+  totalHeaderSx
+} from "./chunk-WMTW4JXT.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 ClosedWords({ cell }) {
+  if (!cell.closed || cell.blocked || !cell.closedLabel) return null;
+  return /* @__PURE__ */ jsx(Box, { component: "span", sx: SR_ONLY_SX, children: cell.closedLabel });
+}
+function lookOf(props, ghost) {
+  const { row, day, column, cell, drag, can } = props;
+  return {
+    today: Boolean(column.today),
+    blocked: Boolean(cell.blocked),
+    closed: Boolean(cell.closed),
+    target: ghost !== null,
+    over: drag?.mode === "move" && drag.moved && drag.rowId === row.id && drag.day === day,
+    interactive: can.create && isOpen(cell)
+  };
+}
+function GridCell(props) {
+  const { row, day, column, cell, can, labels, testId } = props;
+  const ghost = ghostFor(props);
+  const look = lookOf(props, ghost);
+  const blocked = look.blocked;
+  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 }),
+        /* @__PURE__ */ jsx(ClosedWords, { cell })
+      ]
+    }
+  );
+}
+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), Boolean(column.past)),
+        "data-sg-past": column.past ? "" : void 0,
+        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-ARPOWDEO.js.map

package/dist/chunk-ARPOWDEO.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  SR_ONLY_SX,\n  totalCellSx,\n  totalHeaderSx,\n} from './ScheduleGrid.styles';\nimport type { CellLook } 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/** A gone day's words for a screen reader (\"Já passou\"): visually hidden, and only when the host gives them. */\nfunction ClosedWords({ cell }: { cell: ScheduleGridCell }): React.JSX.Element | null {\n  if (!cell.closed || cell.blocked || !cell.closedLabel) return null;\n  return (\n    <Box component=\"span\" sx={SR_ONLY_SX}>\n      {cell.closedLabel}\n    </Box>\n  );\n}\n\n/** How the cell is drawn right now. */\nfunction lookOf(props: CellProps, ghost: string | null): CellLook {\n  const { row, day, column, cell, drag, can } = props;\n  return {\n    today: Boolean(column.today),\n    blocked: Boolean(cell.blocked),\n    closed: Boolean(cell.closed),\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}\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, can, labels, testId } = props;\n  const ghost = ghostFor(props);\n  const look = lookOf(props, ghost);\n  const blocked = look.blocked;\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      <ClosedWords cell={cell} />\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\n          role=\"columnheader\"\n          key={`${day}-${column.label}`}\n          sx={headerCellSx(Boolean(column.today), Boolean(column.past))}\n          data-sg-past={column.past ? '' : undefined}\n        >\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-ABVIMFSD.js → chunk-AWUB3T7C.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-B5CUV4ZK.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-57FIUJJJ.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -97,4 +97,4 @@ export {
   AnimatedIcon,
   AnimatedIcon_default
 };
-//# sourceMappingURL=chunk-ABVIMFSD.js.map
+//# sourceMappingURL=chunk-AWUB3T7C.js.map

package/dist/{chunk-ALOEOGQV.js → chunk-AXGQB24R.js}

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