@12-apps/ui 6.86.2 → 6.88.0

package/dist/chunk-4HK4FVMV.js

@@ -0,0 +1,106 @@
+import {
+  softSignal,
+  surfaces
+} from "./chunk-TZ23DNKY.js";
+import {
+  fieldEdge
+} from "./chunk-7ZADLRLP.js";
+import {
+  absoluteInk
+} from "./chunk-XJAD6E3V.js";
+import {
+  blend,
+  darken,
+  decomposeColor,
+  getContrastRatio,
+  getLuminance,
+  lighten
+} from "./chunk-F5H2ZXST.js";
+
+// src/components/data-display/ScheduleGrid/schedule-tones.ts
+var TONE_TEXT_CONTRAST = 4.5;
+function flatten(ground, overlay) {
+  const { values, type } = decomposeColor(overlay);
+  const opacity = type.endsWith("a") ? values[3] ?? 1 : 1;
+  return blend(ground, overlay, opacity);
+}
+function cellGround(theme) {
+  return flatten(theme.palette.background.default, theme.palette.action.hover);
+}
+function readableInk(ground, candidates) {
+  let best = candidates[0] ?? "";
+  let bestRatio = -1;
+  for (const ink of candidates) {
+    const ratio = getContrastRatio(flatten(ground, ink), ground);
+    if (ratio >= TONE_TEXT_CONTRAST) return ink;
+    if (ratio > bestRatio) [best, bestRatio] = [ink, ratio];
+  }
+  return best;
+}
+function deepening(color, ground) {
+  const toward = getLuminance(ground) > LUMINANCE_MIDPOINT ? darken : lighten;
+  return Array.from({ length: 11 }, (_, step) => step === 0 ? color : toward(color, step / 10));
+}
+var LUMINANCE_MIDPOINT = 0.179;
+function signalInk(theme, signal, ground) {
+  const step = theme.palette.mode === "dark" ? theme.palette[signal].light : theme.palette[signal].dark;
+  return readableInk(ground, deepening(step, ground));
+}
+function inkOnFill(theme, fill, incumbent) {
+  const { black, white } = absoluteInk(theme);
+  return readableInk(fill, [incumbent, theme.palette.text.primary, black, white]);
+}
+function blockToneStyles(theme, tone, dashedPlan = false) {
+  const hairline = "1px solid";
+  switch (tone) {
+    case "late":
+      return {
+        backgroundColor: theme.palette.warning.main,
+        color: inkOnFill(theme, theme.palette.warning.main, theme.palette.warning.contrastText),
+        border: `${hairline} ${theme.palette.warning.main}`
+      };
+    case "away":
+    case "uncovered":
+      return {
+        backgroundColor: "transparent",
+        color: signalInk(theme, "warning", cellGround(theme)),
+        border: `1px dashed ${theme.palette.warning.main}`
+      };
+    case "onduty":
+      return {
+        backgroundColor: softSignal(theme, "success"),
+        color: theme.palette.text.primary,
+        border: `${hairline} ${theme.palette.success.main}`
+      };
+    case "plan":
+    default:
+      return dashedPlan ? {
+        backgroundColor: theme.palette.action.hover,
+        color: theme.palette.text.primary,
+        border: `1px dashed ${theme.palette.text.secondary}`
+      } : {
+        backgroundColor: surfaces(theme).raised,
+        color: theme.palette.text.primary,
+        border: `${hairline} ${fieldEdge(theme, surfaces(theme).raised)}`
+      };
+  }
+}
+function breakHatch(theme, stripe, period) {
+  const ink = theme.palette.action.disabled;
+  const ground = theme.palette.background.default;
+  return `repeating-linear-gradient(135deg, ${ink} 0, ${ink} ${stripe}, ${ground} ${stripe}, ${ground} ${period}), ${ground}`;
+}
+function actualBarColor(theme) {
+  return theme.palette.success.main;
+}
+
+export {
+  TONE_TEXT_CONTRAST,
+  cellGround,
+  readableInk,
+  signalInk,
+  blockToneStyles,
+  breakHatch,
+  actualBarColor
+};
+//# sourceMappingURL=chunk-4HK4FVMV.js.map

package/dist/chunk-4HK4FVMV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/ScheduleGrid/schedule-tones.ts"],"sourcesContent":["import type { Theme } from '@mui/material/styles/index.js';\nimport type { CSSObject } from '@mui/material/styles/index.js';\n\nimport { blend, darken, decomposeColor, getContrastRatio, getLuminance, lighten } from '../../../tokens/color';\nimport { fieldEdge } from '../../../tokens/field-edge';\nimport { absoluteInk } from '../../../tokens/ink';\nimport { softSignal, surfaces } from '../../../tokens/surfaces';\nimport type { ScheduleBlockTone } from './ScheduleGrid.types';\n\n/** WCAG AA for a block's text (12px, not large): every tone's ink clears it on its ground. */\nexport const TONE_TEXT_CONTRAST = 4.5;\n\n/** A translucent colour as it shows over an opaque `ground`. */\nfunction flatten(ground: string, overlay: string): string {\n  const { values, type } = decomposeColor(overlay);\n  const opacity = type.endsWith('a') ? (values[3] ?? 1) : 1;\n  return blend(ground, overlay, opacity);\n}\n\n/** The ground a block with no fill of its own sits on: a cell (or a track) over the page. */\nexport function cellGround(theme: Theme): string {\n  return flatten(theme.palette.background.default, theme.palette.action.hover);\n}\n\n/** The first ink that reads at {@link TONE_TEXT_CONTRAST} on `ground`; none does, the one that reads best. */\nexport function readableInk(ground: string, candidates: readonly string[]): string {\n  let best = candidates[0] ?? '';\n  let bestRatio = -1;\n  for (const ink of candidates) {\n    const ratio = getContrastRatio(flatten(ground, ink), ground);\n    if (ratio >= TONE_TEXT_CONTRAST) return ink;\n    if (ratio > bestRatio) [best, bestRatio] = [ink, ratio];\n  }\n  return best;\n}\n\n/** `color`, then ten steps of it towards whichever end reads on `ground` — the hue kept as long as it can be. */\nfunction deepening(color: string, ground: string): string[] {\n  const toward = getLuminance(ground) > LUMINANCE_MIDPOINT ? darken : lighten;\n  return Array.from({ length: 11 }, (_, step) => (step === 0 ? color : toward(color, step / 10)));\n}\n\n/** Where black and white read equally well on a ground (WCAG luminance). */\nconst LUMINANCE_MIDPOINT = 0.179;\n\n/**\n * The signal's readable ink on a ground that is not its own colour: its deep\n * step on a light ground, its light step on a dark one, deepened further until\n * it reads at 4.5:1 (MUI's `warning.dark` is 3.6:1 on a light cell).\n */\nexport function signalInk(theme: Theme, signal: 'warning' | 'success', ground: string): string {\n  const step = theme.palette.mode === 'dark' ? theme.palette[signal].light : theme.palette[signal].dark;\n  return readableInk(ground, deepening(step, ground));\n}\n\n/**\n * The ink on a solid signal fill: the palette's own `contrastText` when it\n * reads (a host's brand decision), else the page's own text, else black or\n * white — MUI's default `warning` has white at 3.1:1 on its orange; the\n * prototype writes it in the dark ink.\n */\nfunction inkOnFill(theme: Theme, fill: string, incumbent: string): string {\n  const { black, white } = absoluteInk(theme);\n  return readableInk(fill, [incumbent, theme.palette.text.primary, black, white]);\n}\n\n/**\n * How a block of each tone is drawn — in the week grid and on the day ruler\n * alike, so one tone reads the same in both views. `dashedPlan` is the ruler's\n * escala block (a dashed outline over a faint ground); the grid's plan block is\n * a raised chip. Never colour alone: every tone also carries its note text.\n */\nexport function blockToneStyles(theme: Theme, tone: ScheduleBlockTone, dashedPlan = false): CSSObject {\n  const hairline = '1px solid';\n  switch (tone) {\n    case 'late':\n      return {\n        backgroundColor: theme.palette.warning.main,\n        color: inkOnFill(theme, theme.palette.warning.main, theme.palette.warning.contrastText),\n        border: `${hairline} ${theme.palette.warning.main}`,\n      };\n    case 'away':\n    case 'uncovered':\n      return {\n        backgroundColor: 'transparent',\n        color: signalInk(theme, 'warning', cellGround(theme)),\n        border: `1px dashed ${theme.palette.warning.main}`,\n      };\n    case 'onduty':\n      return {\n        backgroundColor: softSignal(theme, 'success'),\n        color: theme.palette.text.primary,\n        border: `${hairline} ${theme.palette.success.main}`,\n      };\n    case 'plan':\n    default:\n      return dashedPlan\n        ? {\n            backgroundColor: theme.palette.action.hover,\n            color: theme.palette.text.primary,\n            border: `1px dashed ${theme.palette.text.secondary}`,\n          }\n        : {\n            backgroundColor: surfaces(theme).raised,\n            color: theme.palette.text.primary,\n            border: `${hairline} ${fieldEdge(theme, surfaces(theme).raised)}`,\n          };\n  }\n}\n\n/**\n * A break inside a block (a meal break): the page's own ground with diagonal\n * stripes of the disabled action colour, opaque, so the block reads as CUT there in any\n * tone, light or dark. `stripe` / `period` are CSS lengths (a stripe and the\n * stripe plus its gap).\n */\nexport function breakHatch(theme: Theme, stripe: string, period: string): string {\n  const ink = theme.palette.action.disabled;\n  const ground = theme.palette.background.default;\n  return `repeating-linear-gradient(135deg, ${ink} 0, ${ink} ${stripe}, ${ground} ${stripe}, ${ground} ${period}), ${ground}`;\n}\n\n/** The thin bar under a ruler row that says the shift is really running. */\nexport function actualBarColor(theme: Theme): string {\n  return theme.palette.success.main;\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-PGHSNG33.js → chunk-4PZZJ2AE.js}

@@ -1,15 +1,15 @@
-import {
-  useRichTextEditor
-} from "./chunk-C347NNZJ.js";
 import {
   RichTextEditorToolbar
 } from "./chunk-C465AAD5.js";
+import {
+  useRichTextEditor
+} from "./chunk-B7ZAEZJW.js";
 import {
   resolveLabels
 } from "./chunk-LL2BWQPM.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-57FIUJJJ.js";
 import {
   fieldRadiusPx
 } from "./chunk-GDN2LUTZ.js";
@@ -184,4 +184,4 @@ export {
   RichTextEditor,
   RichTextEditor_default
 };
-//# sourceMappingURL=chunk-PGHSNG33.js.map
+//# sourceMappingURL=chunk-4PZZJ2AE.js.map

package/dist/{chunk-TRAMTVIO.js → chunk-4QTPERAY.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-JBYFBPI6.js";
 import {
   renderMenuItem
-} from "./chunk-5U7LBO2V.js";
+} from "./chunk-MUHRPJQT.js";
 import {
   slideIn
 } from "./chunk-3AIRFAI3.js";
@@ -59,4 +59,4 @@ var NavigationMegaSection = ({
 export {
   NavigationMegaSection
 };
-//# sourceMappingURL=chunk-TRAMTVIO.js.map
+//# sourceMappingURL=chunk-4QTPERAY.js.map

package/dist/{chunk-W2RXXF7K.js → chunk-4XBAEKQQ.js}

@@ -1,9 +1,9 @@
-import {
-  cardStyles
-} from "./chunk-PLB6WWXW.js";
 import {
   resolveCardProps
 } from "./chunk-FKUYRQSP.js";
+import {
+  cardStyles
+} from "./chunk-PLB6WWXW.js";
 import {
   CARD_CONTENT_PADDING_UNITS,
   CARD_HEADER_CHILDREN_PADDING_UNITS,
@@ -191,4 +191,4 @@ export {
   CardActions,
   CardMedia
 };
-//# sourceMappingURL=chunk-W2RXXF7K.js.map
+//# sourceMappingURL=chunk-4XBAEKQQ.js.map

package/dist/{chunk-XCUHGPPZ.js → chunk-55PFFAAY.js}

@@ -9,7 +9,7 @@ import {
   Drawer,
   DrawerContent,
   DrawerHeader
-} from "./chunk-UYKIUUWP.js";
+} from "./chunk-V2QTL6VI.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -175,4 +175,4 @@ function SectionNavSheet({
 export {
   SectionNavSheet
 };
-//# sourceMappingURL=chunk-XCUHGPPZ.js.map
+//# sourceMappingURL=chunk-55PFFAAY.js.map

package/dist/{chunk-LYVTJLCF.js → chunk-56JF5PZK.js}

@@ -1,9 +1,9 @@
-import {
-  useDragGestures
-} from "./chunk-CRN4KKNI.js";
 import {
   SPRING_CONFIG
 } from "./chunk-IM4DMKH4.js";
+import {
+  useDragGestures
+} from "./chunk-CRN4KKNI.js";
 
 // src/components/data-display/Sheet/Sheet.hooks.ts
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
@@ -213,4 +213,4 @@ export {
   useSheetDrag,
   useSheetOpen
 };
-//# sourceMappingURL=chunk-LYVTJLCF.js.map
+//# sourceMappingURL=chunk-56JF5PZK.js.map

package/dist/{native/chunks/chunk-QHW7JEPZ.js → chunk-57FIUJJJ.js}

@@ -137,6 +137,23 @@ var EN_US_UI_LABELS = {
   dateRangePicker: {
     calendar: "Calendar"
   },
+  scheduleGrid: {
+    createCell: (row, column) => `Schedule ${row}, ${column}`,
+    blockedCell: (row, column) => `${row}, ${column}: closed`,
+    copied: (block, column) => `${block} copied to ${column}`,
+    moved: (block, row, column) => `${block} moved to ${row}, ${column}`,
+    refused: "Not there: that day is taken or closed",
+    notMovable: "This shift cannot be changed here",
+    loading: "Loading the schedule"
+  },
+  dayRuler: {
+    createTrack: (row) => `Schedule ${row}`,
+    moved: (block, range) => `${block} now ${range}`,
+    resized: (block, range) => `${block} now ${range}`,
+    refused: "It cannot go further",
+    notMovable: "This shift cannot be changed here",
+    loading: "Loading the day"
+  },
   calendar: {
     chooseMonth: (month) => `${month}, choose month`,
     chooseYear: (year) => `${year}, choose year`,
@@ -150,4 +167,4 @@ var EN_US_UI_LABELS = {
 export {
   EN_US_UI_LABELS
 };
-//# sourceMappingURL=chunk-QHW7JEPZ.js.map
+//# sourceMappingURL=chunk-57FIUJJJ.js.map

package/dist/chunk-57FIUJJJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/en-US.labels.ts"],"sourcesContent":["/**\n * The en-US labels pack — and, unlike the other en-US packs, the components'\n * own fallback: each `labels` prop is optional, and this is what a host that\n * passes nothing has always rendered, kept word for word (including the\n * lower-case `close`/`loading` names tests already query by).\n */\nimport type { UiLabels } from './copy/labels';\n\nexport const EN_US_UI_LABELS: UiLabels = {\n  common: {\n    loading: \"loading\",\n    close: \"close\",\n    delete: \"delete\",\n  },\n  stepper: {\n    step: (position, label) => `Step ${position}: ${label}`,\n    optional: \"optional\",\n    completed: \"completed\",\n    current: \"current\",\n  },\n  timeline: {\n    expandDetails: \"Expand item details\",\n    collapseDetails: \"Collapse item details\",\n    item: (title) => `Timeline item: ${title}`,\n  },\n  lazyImage: {\n    loadingAlt: (alt) => `${alt} (loading)`,\n    fallbackAlt: (alt) => `${alt} (fallback)`,\n  },\n  sonner: {\n    hiddenCount: (count) => `+${count} more`,\n  },\n  richTextEditor: {\n    placeholder: \"Start typing...\",\n    ariaLabel: \"Rich text editor\",\n    listItem: \"List item\",\n    bold: \"Bold\",\n    italic: \"Italic\",\n    underline: \"Underline\",\n    strikethrough: \"Strikethrough\",\n    numberedList: \"Numbered List\",\n    bulletedList: \"Bulleted List\",\n    insertLink: \"Insert Link\",\n    insertImage: \"Insert Image\",\n    codeBlock: \"Code Block\",\n    quote: \"Quote\",\n    linkPrompt: \"Enter URL:\",\n    imagePrompt: \"Enter image URL:\",\n  },\n  table: {\n    sortBy: (header) => `Sort by ${header}`,\n    selectRow: (rowNumber) => `select row ${rowNumber}`,\n    selectAllRows: \"select all\",\n  },\n  code: {\n    copy: \"Copy code\",\n    copied: \"Copied!\",\n  },\n  contentToolbar: {\n    gridView: \"Grid View\",\n    listView: \"List View\",\n    openFilters: \"Open filters\",\n    closeFilters: \"Close filters\",\n    filters: \"Filters\",\n    all: \"All\",\n    search: \"Search…\",\n    noResults: \"No results\",\n  },\n  dashboard: {\n    breadcrumb: \"breadcrumb\",\n    moreFilters: \"More filters\",\n  },\n  navigationMenu: {\n    collapse: \"Collapse\",\n    expand: \"Expand\",\n  },\n  workflowStep: {\n    step: (position, title) => `Step ${position}: ${title}`,\n    progress: (position, total) => `Step ${position} of ${total}`,\n  },\n  alertDialog: {\n    cancel: \"Cancel\",\n    confirm: \"Confirm\",\n  },\n  avatar: {\n    name: \"Avatar\",\n  },\n  emptyState: {\n    refresh: \"Refresh\",\n    create: \"Create New\",\n  },\n  errorState: {\n    retry: \"Retry\",\n  },\n  loadingState: {\n    skeleton: \"Loading content\",\n    spinner: \"Loading\",\n  },\n  stackedModal: {\n    loading: \"Loading...\",\n  },\n  command: {\n    placeholder: \"Type a command or search...\",\n    empty: \"No results found\",\n    loading: \"Loading...\",\n  },\n  formErrorSnackbar: {\n    message: \"Please fix the highlighted fields and try again.\",\n  },\n  columnsMenu: {\n    title: \"Columns\",\n    toggle: \"Toggle columns\",\n  },\n  drawer: {\n    close: \"Close drawer\",\n  },\n  settingsLayout: {\n    navigation: \"Settings\",\n    searchPlaceholder: \"Search settings\",\n    emptySearch: \"No settings match your search.\",\n    back: \"Back\",\n  },\n  tableFilter: {\n    filters: \"Filters\",\n    keywordPlaceholder: \"Press Enter to filter\",\n    keywordLabel: \"Filter by keyword\",\n  },\n  appHeader: {\n    disclose: (title) => `${title} details`,\n  },\n  breadcrumbs: {\n    navigation: \"breadcrumb navigation\",\n  },\n  animatedIcon: {\n    name: (variant) => `Animated ${variant} icon`,\n  },\n  infiniteScroll: {\n    loadFailed: \"An error occurred while loading more items\",\n  },\n  socialLogin: {\n    title: \"Sign in to continue\",\n    divider: \"or\",\n  },\n  dateRangePicker: {\n    calendar: \"Calendar\",\n  },\n  scheduleGrid: {\n    createCell: (row, column) => `Schedule ${row}, ${column}`,\n    blockedCell: (row, column) => `${row}, ${column}: closed`,\n    copied: (block, column) => `${block} copied to ${column}`,\n    moved: (block, row, column) => `${block} moved to ${row}, ${column}`,\n    refused: \"Not there: that day is taken or closed\",\n    notMovable: \"This shift cannot be changed here\",\n    loading: \"Loading the schedule\",\n  },\n  dayRuler: {\n    createTrack: (row) => `Schedule ${row}`,\n    moved: (block, range) => `${block} now ${range}`,\n    resized: (block, range) => `${block} now ${range}`,\n    refused: \"It cannot go further\",\n    notMovable: \"This shift cannot be changed here\",\n    loading: \"Loading the day\",\n  },\n  calendar: {\n    chooseMonth: (month) => `${month}, choose month`,\n    chooseYear: (year) => `${year}, choose year`,\n    previousMonth: \"Previous month\",\n    nextMonth: \"Next month\",\n    months: \"Months\",\n    years: \"Years\",\n  },\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-5C3JSXBK.js → chunk-5BVAUUWL.js}

@@ -1,10 +1,13 @@
+import {
+  CalendarSelectorsCaption
+} from "./chunk-J6LIZXSF.js";
 import {
   CalendarPickerGrid
 } from "./chunk-66TCKXOB.js";
 import {
   MONTH_SX,
   MonthDays
-} from "./chunk-4OUJ4ZMK.js";
+} from "./chunk-YDIC6LSP.js";
 import {
   MONTH_INDEXES,
   canShiftMonth,
@@ -12,9 +15,6 @@ import {
   isYearOutOfBounds,
   yearOptions
 } from "./chunk-WQEGPSGD.js";
-import {
-  CalendarSelectorsCaption
-} from "./chunk-J6LIZXSF.js";
 import {
   getMonthLabel
 } from "./chunk-QWOI5BZV.js";
@@ -115,4 +115,4 @@ var CalendarSelectorsMonth = ({
 export {
   CalendarSelectorsMonth
 };
-//# sourceMappingURL=chunk-5C3JSXBK.js.map
+//# sourceMappingURL=chunk-5BVAUUWL.js.map

package/dist/{chunk-6OISIUZM.js → chunk-5F7HYYGM.js}

@@ -1,7 +1,7 @@
 import {
   CategorySectionHeading,
   CategoryTreeRow
-} from "./chunk-SGFRSRAL.js";
+} from "./chunk-S5VIN3EB.js";
 import {
   emptySx,
   listSx,
@@ -144,4 +144,4 @@ function CategoryPanelList(props) {
 export {
   CategoryPanelList
 };
-//# sourceMappingURL=chunk-6OISIUZM.js.map
+//# sourceMappingURL=chunk-5F7HYYGM.js.map

package/dist/{chunk-JHW35C6W.js → chunk-5QUH53HV.js}

@@ -1,20 +1,20 @@
 import {
   FleetBody
-} from "./chunk-Q4QFYGPH.js";
-import {
-  useFleetMap
-} from "./chunk-ZCPSND5Y.js";
+} from "./chunk-B5SBDLRS.js";
 import {
   FLEET_DEFAULT_LAGGING_AFTER_SECONDS,
   FLEET_DEFAULT_STALE_AFTER_SECONDS,
   FLEET_PANEL
 } from "./chunk-BTQZ3EX3.js";
+import {
+  useFleetMap
+} from "./chunk-ZCPSND5Y.js";
 import {
   SR_ONLY_SX
 } from "./chunk-PUFA7FQ7.js";
 import {
   EmptyState
-} from "./chunk-42TOCPXB.js";
+} from "./chunk-I5SIHPOG.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -117,4 +117,4 @@ export {
   FleetMap,
   FleetMap_default
 };
-//# sourceMappingURL=chunk-JHW35C6W.js.map
+//# sourceMappingURL=chunk-5QUH53HV.js.map

package/dist/{chunk-DAFFZED3.js → chunk-5YVMFK7Y.js}

@@ -24,7 +24,7 @@ import {
 } from "./chunk-LV7LSPBF.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-57FIUJJJ.js";
 import {
   childTestId,
   resolveTestId,
@@ -309,4 +309,4 @@ export {
   DialogContent,
   DialogActions
 };
-//# sourceMappingURL=chunk-DAFFZED3.js.map
+//# sourceMappingURL=chunk-5YVMFK7Y.js.map

package/dist/{chunk-TI4FGQYV.js → chunk-62PTREG5.js}

@@ -1,6 +1,6 @@
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-57FIUJJJ.js";
 import {
   fieldHeight
 } from "./chunk-RGVNXES5.js";
@@ -113,4 +113,4 @@ function ViewSelector({
 export {
   ViewSelector
 };
-//# sourceMappingURL=chunk-TI4FGQYV.js.map
+//# sourceMappingURL=chunk-62PTREG5.js.map

package/dist/{chunk-3DPPDGOF.js → chunk-62SXUU5U.js}

@@ -1,7 +1,3 @@
-import {
-  resolveSkeletonProps,
-  skeletonInstanceTestId
-} from "./chunk-7WDPC46N.js";
 import {
   defaultDimensions,
   muiAnimationFor,
@@ -9,6 +5,10 @@ import {
   skeletonLength,
   skeletonSx
 } from "./chunk-QD4TM6UK.js";
+import {
+  resolveSkeletonProps,
+  skeletonInstanceTestId
+} from "./chunk-7WDPC46N.js";
 import {
   resolveTestId,
   withoutTestIdProps
@@ -78,4 +78,4 @@ Skeleton.displayName = "Skeleton";
 export {
   Skeleton
 };
-//# sourceMappingURL=chunk-3DPPDGOF.js.map
+//# sourceMappingURL=chunk-62SXUU5U.js.map

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

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

package/dist/{chunk-7W5X3KQ2.js → chunk-6BQ3YKLD.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-LZRVUOMU.js";
 import {
   AlertDialog
-} from "./chunk-ZYZPSBNQ.js";
+} from "./chunk-G3G5W4OF.js";
 
 // src/components/feedback/ConfirmAction/ConfirmAction.parts.tsx
 import Alert from "@mui/material/Alert/index.js";
@@ -114,4 +114,4 @@ export {
   typedMatches,
   ConfirmActionDialog
 };
-//# sourceMappingURL=chunk-7W5X3KQ2.js.map
+//# sourceMappingURL=chunk-6BQ3YKLD.js.map

package/dist/chunk-6D5AMANO.js

@@ -0,0 +1,50 @@
+import {
+  useFocusOnScreen
+} from "./chunk-BQBEN44R.js";
+import {
+  actionSx,
+  categoryDescriptionSx,
+  categoryTextSx,
+  overviewFooterSx,
+  overviewRowSx
+} from "./chunk-2ORD2FMN.js";
+import {
+  Button
+} from "./chunk-YOXYSAUI.js";
+
+// src/components/feedback/SequenceResolver/SequenceResolver.overview.tsx
+import Box from "@mui/material/Box/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+function SequenceOverviewBody(props) {
+  const { categories, canPick, onPick, pickLabel, continueLabel, onContinue, titleRef, touch, testId } = props;
+  useFocusOnScreen("overview", titleRef, titleRef);
+  return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column" }, "data-testid": `${testId}-overview`, children: [
+    /* @__PURE__ */ jsx(Box, { component: "ul", sx: { m: 0, p: 0, listStyle: "none" }, children: categories.map((category, index) => /* @__PURE__ */ jsxs(Box, { component: "li", sx: overviewRowSx, children: [
+      /* @__PURE__ */ jsxs(Box, { sx: categoryTextSx, children: [
+        /* @__PURE__ */ jsx(Typography, { component: "span", variant: "body2", sx: { fontWeight: 500 }, children: category.label }),
+        category.description ? /* @__PURE__ */ jsx(Typography, { component: "span", sx: categoryDescriptionSx, children: category.description }) : null
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          color: "primary",
+          size: "md",
+          onClick: () => onPick(category),
+          disabled: !canPick(category),
+          "aria-label": `${pickLabel}: ${category.label}`,
+          sx: actionSx(touch),
+          dataTestId: `${testId}-overview-pick-${index}`,
+          children: pickLabel
+        }
+      )
+    ] }, `${index}-${category.label}`)) }),
+    /* @__PURE__ */ jsx(Box, { sx: overviewFooterSx, children: /* @__PURE__ */ jsx(Button, { variant: "solid", color: "primary", size: "md", onClick: onContinue, sx: actionSx(touch), dataTestId: `${testId}-continue`, children: continueLabel }) })
+  ] });
+}
+
+export {
+  SequenceOverviewBody
+};
+//# sourceMappingURL=chunk-6D5AMANO.js.map

package/dist/chunk-6D5AMANO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/SequenceResolver/SequenceResolver.overview.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport type * as React from 'react';\n\nimport { Button } from '../../form/Button';\nimport { useFocusOnScreen } from './SequenceResolver.parts';\nimport {\n  actionSx,\n  categoryDescriptionSx,\n  categoryTextSx,\n  overviewFooterSx,\n  overviewRowSx,\n} from './SequenceResolver.styles';\nimport type { SequenceOverviewCategory } from './SequenceResolver.types';\n\ninterface OverviewProps {\n  categories: SequenceOverviewCategory[];\n  /** Per category: false when none of its problems is left unanswered. */\n  canPick: (category: SequenceOverviewCategory) => boolean;\n  onPick: (category: SequenceOverviewCategory) => void;\n  pickLabel: string;\n  continueLabel: string;\n  onContinue: () => void;\n  titleRef: React.RefObject<HTMLHeadingElement | null>;\n  touch: boolean;\n  testId: string;\n}\n\n/**\n * \"Ver todos\" inside the run: each kind (its label says how many, as the host writes it) and a pick that jumps\n * there, then \"continue in sequence\" back to the step it left. The title is\n * in the header row (it names the dialog); focus goes to it on open.\n */\nexport function SequenceOverviewBody(props: OverviewProps): React.JSX.Element {\n  const { categories, canPick, onPick, pickLabel, continueLabel, onContinue, titleRef, touch, testId } = props;\n  useFocusOnScreen('overview', titleRef, titleRef);\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column' }} data-testid={`${testId}-overview`}>\n      <Box component=\"ul\" sx={{ m: 0, p: 0, listStyle: 'none' }}>\n        {categories.map((category, index) => (\n          <Box component=\"li\" key={`${index}-${category.label}`} sx={overviewRowSx}>\n            <Box sx={categoryTextSx}>\n              <Typography component=\"span\" variant=\"body2\" sx={{ fontWeight: 500 }}>\n                {category.label}\n              </Typography>\n              {category.description ? (\n                <Typography component=\"span\" sx={categoryDescriptionSx}>\n                  {category.description}\n                </Typography>\n              ) : null}\n            </Box>\n            <Button\n              variant=\"outline\"\n              color=\"primary\"\n              size=\"md\"\n              onClick={() => onPick(category)}\n              disabled={!canPick(category)}\n              aria-label={`${pickLabel}: ${category.label}`}\n              sx={actionSx(touch)}\n              dataTestId={`${testId}-overview-pick-${index}`}\n            >\n              {pickLabel}\n            </Button>\n          </Box>\n        ))}\n      </Box>\n      <Box sx={overviewFooterSx}>\n        <Button variant=\"solid\" color=\"primary\" size=\"md\" onClick={onContinue} sx={actionSx(touch)} dataTestId={`${testId}-continue`}>\n          {continueLabel}\n        </Button>\n      </Box>\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,OAAO,gBAAgB;AAwCX,SACE,KADF;AARL,SAAS,qBAAqB,OAAyC;AAC5E,QAAM,EAAE,YAAY,SAAS,QAAQ,WAAW,eAAe,YAAY,UAAU,OAAO,OAAO,IAAI;AACvG,mBAAiB,YAAY,UAAU,QAAQ;AAC/C,SACE,qBAAC,OAAI,IAAI,EAAE,SAAS,QAAQ,eAAe,SAAS,GAAG,eAAa,GAAG,MAAM,aAC3E;AAAA,wBAAC,OAAI,WAAU,MAAK,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,WAAW,OAAO,GACrD,qBAAW,IAAI,CAAC,UAAU,UACzB,qBAAC,OAAI,WAAU,MAAwC,IAAI,eACzD;AAAA,2BAAC,OAAI,IAAI,gBACP;AAAA,4BAAC,cAAW,WAAU,QAAO,SAAQ,SAAQ,IAAI,EAAE,YAAY,IAAI,GAChE,mBAAS,OACZ;AAAA,QACC,SAAS,cACR,oBAAC,cAAW,WAAU,QAAO,IAAI,uBAC9B,mBAAS,aACZ,IACE;AAAA,SACN;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,OAAM;AAAA,UACN,MAAK;AAAA,UACL,SAAS,MAAM,OAAO,QAAQ;AAAA,UAC9B,UAAU,CAAC,QAAQ,QAAQ;AAAA,UAC3B,cAAY,GAAG,SAAS,KAAK,SAAS,KAAK;AAAA,UAC3C,IAAI,SAAS,KAAK;AAAA,UAClB,YAAY,GAAG,MAAM,kBAAkB,KAAK;AAAA,UAE3C;AAAA;AAAA,MACH;AAAA,SAtBuB,GAAG,KAAK,IAAI,SAAS,KAAK,EAuBnD,CACD,GACH;AAAA,IACA,oBAAC,OAAI,IAAI,kBACP,8BAAC,UAAO,SAAQ,SAAQ,OAAM,WAAU,MAAK,MAAK,SAAS,YAAY,IAAI,SAAS,KAAK,GAAG,YAAY,GAAG,MAAM,aAC9G,yBACH,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/{chunk-VPH3TENY.js → chunk-6DGNMASB.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-42VH7N5L.js";
 import {
   MenubarToolbar
-} from "./chunk-2VRJ577J.js";
+} from "./chunk-X3EB67O2.js";
 import {
   barStyles
 } from "./chunk-UCRGKQUW.js";
@@ -190,4 +190,4 @@ export {
   Menubar,
   MenubarGroup
 };
-//# sourceMappingURL=chunk-VPH3TENY.js.map
+//# sourceMappingURL=chunk-6DGNMASB.js.map

package/dist/chunk-6HZYRKOB.js

@@ -0,0 +1,94 @@
+import {
+  SCHEDULE_NAME_METRICS
+} from "./chunk-3R6BR22L.js";
+import {
+  signalInk
+} from "./chunk-4HK4FVMV.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/data-display/ScheduleGrid/schedule-name.styles.ts
+var nameButtonSx = (theme) => ({
+  // A block of its content's width: an inline-block button would sit on the
+  // line's baseline and its strut would push the meta 6px down.
+  display: "block",
+  width: "fit-content",
+  maxWidth: "100%",
+  font: "inherit",
+  background: "transparent",
+  border: 0,
+  color: "inherit",
+  p: 0,
+  textAlign: "left",
+  cursor: "pointer",
+  minHeight: rem(theme, SCHEDULE_NAME_METRICS.button.minHeight),
+  borderRadius: rem(theme, SCHEDULE_NAME_METRICS.button.radius),
+  position: "relative",
+  // A 40px hit area around the 24px name, the look unchanged (a phone's finger).
+  "&::after": {
+    content: '""',
+    position: "absolute",
+    left: 0,
+    right: 0,
+    top: "50%",
+    height: rem(theme, SCHEDULE_NAME_METRICS.button.hitArea),
+    transform: "translateY(-50%)"
+  },
+  "&:hover > span": { textDecoration: "underline" },
+  "&:focus-visible": {
+    outline: `${rem(theme, SCHEDULE_NAME_METRICS.ring)} solid ${theme.palette.primary.main}`,
+    outlineOffset: rem(theme, SCHEDULE_NAME_METRICS.button.ringOffset)
+  }
+});
+var twoLines = {
+  display: "-webkit-box",
+  WebkitBoxOrient: "vertical",
+  WebkitLineClamp: 2,
+  overflow: "hidden",
+  overflowWrap: "anywhere"
+};
+function nameTextSx(size) {
+  return (theme) => ({ ...twoLines, fontSize: rem(theme, size), fontWeight: 500 });
+}
+function metaSx(tone, size) {
+  return (theme) => ({
+    ...twoLines,
+    fontSize: rem(theme, size),
+    mt: 0.25,
+    color: tone === "warning" ? signalInk(theme, "warning", theme.palette.background.default) : theme.palette.text.secondary
+  });
+}
+var nameLineSx = {
+  display: "flex",
+  flexWrap: "wrap",
+  alignItems: "center",
+  columnGap: 0.75,
+  rowGap: 0.25,
+  minWidth: 0,
+  "& > :first-of-type": { minWidth: 0 },
+  "& > [data-schedule-adornment]": { flexShrink: 0, display: "inline-flex" }
+};
+function chipsSx(top) {
+  return {
+    display: "flex",
+    flexWrap: "nowrap",
+    gap: 0.75,
+    mt: top,
+    minWidth: 0,
+    overflow: "hidden",
+    // Over the name button's 40px hit area, which reaches into the space above them.
+    position: "relative",
+    zIndex: 1,
+    "& > *": { minWidth: 0, flexShrink: 1, maxWidth: "100%" }
+  };
+}
+
+export {
+  nameButtonSx,
+  nameTextSx,
+  metaSx,
+  nameLineSx,
+  chipsSx
+};
+//# sourceMappingURL=chunk-6HZYRKOB.js.map

package/dist/chunk-6HZYRKOB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/ScheduleGrid/schedule-name.styles.ts"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles/index.js';\n\nimport { rem } from '../../../tokens/relative';\nimport { SCHEDULE_NAME_METRICS as M } from './ScheduleGrid.metrics';\nimport { signalInk } from './schedule-tones';\n\n/**\n * THE PERSON'S NAME COLUMN, shared by the week grid and the day ruler\n * (FUT-3825): one look for the name, its adornment, its meta line and chips.\n * Each view passes its own type sizes; everything else is the same.\n */\n\n/** The name as a button: it reads as text, underlines under the pointer. */\nexport const nameButtonSx: SxProps<Theme> = (theme: Theme) => ({\n  // A block of its content's width: an inline-block button would sit on the\n  // line's baseline and its strut would push the meta 6px down.\n  display: 'block',\n  width: 'fit-content',\n  maxWidth: '100%',\n  font: 'inherit',\n  background: 'transparent',\n  border: 0,\n  color: 'inherit',\n  p: 0,\n  textAlign: 'left',\n  cursor: 'pointer',\n  minHeight: rem(theme, M.button.minHeight),\n  borderRadius: rem(theme, M.button.radius),\n  position: 'relative',\n  // A 40px hit area around the 24px name, the look unchanged (a phone's finger).\n  '&::after': {\n    content: '\"\"',\n    position: 'absolute',\n    left: 0,\n    right: 0,\n    top: '50%',\n    height: rem(theme, M.button.hitArea),\n    transform: 'translateY(-50%)',\n  },\n  '&:hover > span': { textDecoration: 'underline' },\n  '&:focus-visible': {\n    outline: `${rem(theme, M.ring)} solid ${theme.palette.primary.main}`,\n    outlineOffset: rem(theme, M.button.ringOffset),\n  },\n});\n\n/** At most two lines, the rest cut with an ellipsis (the whole text in `title`). */\nconst twoLines = {\n  display: '-webkit-box',\n  WebkitBoxOrient: 'vertical',\n  WebkitLineClamp: 2,\n  overflow: 'hidden',\n  overflowWrap: 'anywhere',\n} as const;\n\nexport function nameTextSx(size: number): SxProps<Theme> {\n  return (theme: Theme) => ({ ...twoLines, fontSize: rem(theme, size), fontWeight: 500 });\n}\n\n/** The line under the name; `warning` in the signal's ink, readable on the page. */\nexport function metaSx(tone: 'default' | 'warning', size: number): SxProps<Theme> {\n  return (theme: Theme) => ({\n    ...twoLines,\n    fontSize: rem(theme, size),\n    mt: 0.25,\n    color: tone === 'warning' ? signalInk(theme, 'warning', theme.palette.background.default) : theme.palette.text.secondary,\n  });\n}\n\n/** The name and its adornment: one line while both fit, the adornment under the name when not. */\nexport const nameLineSx: SxProps<Theme> = {\n  display: 'flex',\n  flexWrap: 'wrap',\n  alignItems: 'center',\n  columnGap: 0.75,\n  rowGap: 0.25,\n  minWidth: 0,\n  '& > :first-of-type': { minWidth: 0 },\n  '& > [data-schedule-adornment]': { flexShrink: 0, display: 'inline-flex' },\n};\n\n/** The host's chips under the meta: ONE line; a chip that does not fit shrinks and cuts its label. `top` in spacing units. */\nexport function chipsSx(top: number): SxProps<Theme> {\n  return {\n    display: 'flex',\n    flexWrap: 'nowrap',\n    gap: 0.75,\n    mt: top,\n    minWidth: 0,\n    overflow: 'hidden',\n    // Over the name button's 40px hit area, which reaches into the space above them.\n    position: 'relative',\n    zIndex: 1,\n    '& > *': { minWidth: 0, flexShrink: 1, maxWidth: '100%' },\n  };\n}\n"],"mappings":";;;;;;;;;;;AAaO,IAAM,eAA+B,CAAC,WAAkB;AAAA;AAAA;AAAA,EAG7D,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,GAAG;AAAA,EACH,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,WAAW,IAAI,OAAO,sBAAE,OAAO,SAAS;AAAA,EACxC,cAAc,IAAI,OAAO,sBAAE,OAAO,MAAM;AAAA,EACxC,UAAU;AAAA;AAAA,EAEV,YAAY;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,IACL,QAAQ,IAAI,OAAO,sBAAE,OAAO,OAAO;AAAA,IACnC,WAAW;AAAA,EACb;AAAA,EACA,kBAAkB,EAAE,gBAAgB,YAAY;AAAA,EAChD,mBAAmB;AAAA,IACjB,SAAS,GAAG,IAAI,OAAO,sBAAE,IAAI,CAAC,UAAU,MAAM,QAAQ,QAAQ,IAAI;AAAA,IAClE,eAAe,IAAI,OAAO,sBAAE,OAAO,UAAU;AAAA,EAC/C;AACF;AAGA,IAAM,WAAW;AAAA,EACf,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,cAAc;AAChB;AAEO,SAAS,WAAW,MAA8B;AACvD,SAAO,CAAC,WAAkB,EAAE,GAAG,UAAU,UAAU,IAAI,OAAO,IAAI,GAAG,YAAY,IAAI;AACvF;AAGO,SAAS,OAAO,MAA6B,MAA8B;AAChF,SAAO,CAAC,WAAkB;AAAA,IACxB,GAAG;AAAA,IACH,UAAU,IAAI,OAAO,IAAI;AAAA,IACzB,IAAI;AAAA,IACJ,OAAO,SAAS,YAAY,UAAU,OAAO,WAAW,MAAM,QAAQ,WAAW,OAAO,IAAI,MAAM,QAAQ,KAAK;AAAA,EACjH;AACF;AAGO,IAAM,aAA6B;AAAA,EACxC,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,sBAAsB,EAAE,UAAU,EAAE;AAAA,EACpC,iCAAiC,EAAE,YAAY,GAAG,SAAS,cAAc;AAC3E;AAGO,SAAS,QAAQ,KAA6B;AACnD,SAAO;AAAA,IACL,SAAS;AAAA,IACT,UAAU;AAAA,IACV,KAAK;AAAA,IACL,IAAI;AAAA,IACJ,UAAU;AAAA,IACV,UAAU;AAAA;AAAA,IAEV,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAS,EAAE,UAAU,GAAG,YAAY,GAAG,UAAU,OAAO;AAAA,EAC1D;AACF;","names":[]}

package/dist/{chunk-NOF2FF4K.js → chunk-7CPLKAL6.js}

@@ -1,10 +1,10 @@
-import {
-  paginationStyles
-} from "./chunk-BWMHGENX.js";
 import {
   ItemsPerPageSelect,
   PageInfo
 } from "./chunk-LYB6YYTG.js";
+import {
+  paginationStyles
+} from "./chunk-BWMHGENX.js";
 import {
   makeTestId,
   muiSizeFor,
@@ -194,4 +194,4 @@ Pagination.displayName = "Pagination";
 export {
   Pagination
 };
-//# sourceMappingURL=chunk-NOF2FF4K.js.map
+//# sourceMappingURL=chunk-7CPLKAL6.js.map