@12-apps/ui 6.86.1 → 6.87.0

package/dist/{chunk-QADTI63U.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-TZC6KIK2.js";
 import {
   uiInk
 } from "./chunk-XJAD6E3V.js";
@@ -318,4 +318,4 @@ function renderChartByType(props, theme) {
 export {
   renderChartByType
 };
-//# sourceMappingURL=chunk-QADTI63U.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

package/dist/{chunk-ABRVOPC2.js → chunk-7FFY4LJY.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   Button
-} from "./chunk-HJJR2WGL.js";
+} from "./chunk-YOXYSAUI.js";
 import {
   fieldHeight
 } from "./chunk-RGVNXES5.js";
@@ -34,4 +34,4 @@ function SubmitButton({
 export {
   SubmitButton
 };
-//# sourceMappingURL=chunk-ABRVOPC2.js.map
+//# sourceMappingURL=chunk-7FFY4LJY.js.map

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-EOIRU62W.js → chunk-AD6GRJFV.js}

@@ -1,9 +1,9 @@
 import {
   Stepper
-} from "./chunk-EWFBDAB7.js";
+} from "./chunk-TOLCZ4XT.js";
 import {
   EmptyState
-} from "./chunk-LXIPBHNJ.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-EOIRU62W.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-HI7JPDD6.js → chunk-AMLHEKSV.js}

@@ -1,14 +1,14 @@
 import {
   renderChartByType
-} from "./chunk-QADTI63U.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-HI7JPDD6.js.map
+//# sourceMappingURL=chunk-AMLHEKSV.js.map

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

@@ -1,11 +1,3 @@
-import {
-  EmptyRow,
-  NoDataPlaceholder
-} from "./chunk-XIXR2L3L.js";
-import {
-  EnhancedTableBody,
-  EnhancedTableHeader
-} from "./chunk-L5KPBMMF.js";
 import {
   tableStyles
 } from "./chunk-BVHIKXCN.js";
@@ -13,6 +5,14 @@ import {
   useTableSelection,
   useVirtualScrolling
 } from "./chunk-RZSMRBOX.js";
+import {
+  EmptyRow,
+  NoDataPlaceholder
+} from "./chunk-XIXR2L3L.js";
+import {
+  EnhancedTableBody,
+  EnhancedTableHeader
+} from "./chunk-2ENMRK3U.js";
 import {
   TABLE_DEFAULTS,
   containerStyle,
@@ -310,4 +310,4 @@ Table.displayName = "Table";
 export {
   Table
 };
-//# sourceMappingURL=chunk-UTUYXH72.js.map
+//# sourceMappingURL=chunk-AN37BIIO.js.map

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