@12-apps/ui 6.92.2 → 6.93.1

package/dist/chunk-WG7CAT5D.js

@@ -0,0 +1,65 @@
+import {
+  textFitOf
+} from "./chunk-L5CAHQIN.js";
+
+// src/components/data-display/DayRuler/useTextFits.ts
+import { useLayoutEffect, useState } from "react";
+function textWidth(span) {
+  if (!span) return Number.POSITIVE_INFINITY;
+  const range = span.ownerDocument.createRange();
+  range.selectNodeContents(span);
+  return range.getBoundingClientRect().width;
+}
+function measureFit(el) {
+  const full = el.querySelector('[data-dr-text="full"]');
+  if (!full) return null;
+  const short = el.querySelector('[data-dr-text="short"]');
+  const spans = [full, short].filter((span) => span !== null);
+  const shown = spans.map((span) => span.style.display);
+  for (const span of spans) span.style.display = "inline";
+  const fullWidth = textWidth(full);
+  const shortWidth = textWidth(short);
+  const style = getComputedStyle(el);
+  const outer = el.clientWidth;
+  const room = outer - Number.parseFloat(style.paddingLeft) - Number.parseFloat(style.paddingRight);
+  spans.forEach((span, index) => {
+    span.style.display = shown[index] ?? "";
+  });
+  if (room > 0) return textFitOf(fullWidth, shortWidth, room);
+  return outer > 0 ? "none" : null;
+}
+function useTextFit(block, text, short, fallback) {
+  const [fit, setFit] = useState(fallback);
+  useLayoutEffect(() => {
+    const el = block.current;
+    if (!el || typeof ResizeObserver === "undefined") return void 0;
+    let live = true;
+    let frame = 0;
+    const measure = () => {
+      frame = 0;
+      if (!live) return;
+      const next = measureFit(el);
+      if (next) setFit(next);
+    };
+    const schedule = () => {
+      if (frame || !live) return;
+      frame = typeof requestAnimationFrame === "function" ? requestAnimationFrame(measure) : 0;
+      if (!frame) measure();
+    };
+    measure();
+    const observer = new ResizeObserver(schedule);
+    observer.observe(el);
+    el.ownerDocument.fonts?.ready.then(schedule, () => void 0);
+    return () => {
+      live = false;
+      observer.disconnect();
+      if (frame && typeof cancelAnimationFrame === "function") cancelAnimationFrame(frame);
+    };
+  }, [block, text, short]);
+  return fit;
+}
+
+export {
+  useTextFit
+};
+//# sourceMappingURL=chunk-WG7CAT5D.js.map

package/dist/chunk-WG7CAT5D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DayRuler/useTextFits.ts"],"sourcesContent":["import type * as React from 'react';\nimport { useLayoutEffect, useState } from 'react';\n\nimport { textFitOf, type BlockTextFit } from './day-ruler-model';\n\n/** A text span's own width (its laid-out text, whatever the span's own box). */\nfunction textWidth(span: HTMLElement | null): number {\n  if (!span) return Number.POSITIVE_INFINITY;\n  const range = span.ownerDocument.createRange();\n  range.selectNodeContents(span);\n  return range.getBoundingClientRect().width;\n}\n\n/**\n * The block's fit, measured in ONE layout: every write first (both texts\n * shown for the measurement alone), then every read, then the writes undone —\n * so a ruler of many blocks forces one layout per block, not one per text.\n * `null` when there is nothing to measure yet.\n */\nfunction measureFit(el: HTMLElement): BlockTextFit | null {\n  const full = el.querySelector<HTMLElement>('[data-dr-text=\"full\"]');\n  if (!full) return null;\n  const short = el.querySelector<HTMLElement>('[data-dr-text=\"short\"]');\n  const spans = [full, short].filter((span): span is HTMLElement => span !== null);\n  const shown = spans.map((span) => span.style.display);\n  for (const span of spans) span.style.display = 'inline';\n  const fullWidth = textWidth(full);\n  const shortWidth = textWidth(short);\n  const style = getComputedStyle(el);\n  const outer = el.clientWidth;\n  const room = outer - Number.parseFloat(style.paddingLeft) - Number.parseFloat(style.paddingRight);\n  spans.forEach((span, index) => {\n    span.style.display = shown[index] ?? '';\n  });\n  if (room > 0) return textFitOf(fullWidth, shortWidth, room);\n  // A bar with no room at all (narrower than its own padding) says nothing.\n  return outer > 0 ? 'none' : null;\n}\n\n/**\n * Which of a block's texts fits it, by pixels (FUT-3825, FUT-3831): the full\n * text's and the short text's own widths against the room the block leaves\n * them. A wide block keeps \"18:00–23:00\"; one too short for it says its start\n * (\"18:00\"); one too short even for that says nothing — never a cut \"18:\".\n *\n * Measured at once (synchronously, so nothing is painted), then again on the\n * next frame whenever the block is resized, and once more when the page's\n * fonts have loaded: a webfont arriving late changes every text's width, and\n * a fit read in the fallback font would leave a label cut. Where nothing can\n * be measured (no `ResizeObserver`) it answers `fallback`.\n */\nexport function useTextFit(block: React.RefObject<HTMLElement | null>, text: string, short: string, fallback: BlockTextFit): BlockTextFit {\n  const [fit, setFit] = useState<BlockTextFit>(fallback);\n\n  useLayoutEffect(() => {\n    const el = block.current;\n    if (!el || typeof ResizeObserver === 'undefined') return undefined;\n    let live = true;\n    let frame = 0;\n    const measure = (): void => {\n      frame = 0;\n      if (!live) return;\n      const next = measureFit(el);\n      if (next) setFit(next);\n    };\n    // Resizes and the fonts come in bursts: one measurement per frame.\n    const schedule = (): void => {\n      if (frame || !live) return;\n      frame = typeof requestAnimationFrame === 'function' ? requestAnimationFrame(measure) : 0;\n      if (!frame) measure();\n    };\n    measure();\n    const observer = new ResizeObserver(schedule);\n    observer.observe(el);\n    el.ownerDocument.fonts?.ready.then(schedule, () => undefined);\n    return () => {\n      live = false;\n      observer.disconnect();\n      if (frame && typeof cancelAnimationFrame === 'function') cancelAnimationFrame(frame);\n    };\n  }, [block, text, short]);\n\n  return fit;\n}\n"],"mappings":";;;;;AACA,SAAS,iBAAiB,gBAAgB;AAK1C,SAAS,UAAU,MAAkC;AACnD,MAAI,CAAC,KAAM,QAAO,OAAO;AACzB,QAAM,QAAQ,KAAK,cAAc,YAAY;AAC7C,QAAM,mBAAmB,IAAI;AAC7B,SAAO,MAAM,sBAAsB,EAAE;AACvC;AAQA,SAAS,WAAW,IAAsC;AACxD,QAAM,OAAO,GAAG,cAA2B,uBAAuB;AAClE,MAAI,CAAC,KAAM,QAAO;AAClB,QAAM,QAAQ,GAAG,cAA2B,wBAAwB;AACpE,QAAM,QAAQ,CAAC,MAAM,KAAK,EAAE,OAAO,CAAC,SAA8B,SAAS,IAAI;AAC/E,QAAM,QAAQ,MAAM,IAAI,CAAC,SAAS,KAAK,MAAM,OAAO;AACpD,aAAW,QAAQ,MAAO,MAAK,MAAM,UAAU;AAC/C,QAAM,YAAY,UAAU,IAAI;AAChC,QAAM,aAAa,UAAU,KAAK;AAClC,QAAM,QAAQ,iBAAiB,EAAE;AACjC,QAAM,QAAQ,GAAG;AACjB,QAAM,OAAO,QAAQ,OAAO,WAAW,MAAM,WAAW,IAAI,OAAO,WAAW,MAAM,YAAY;AAChG,QAAM,QAAQ,CAAC,MAAM,UAAU;AAC7B,SAAK,MAAM,UAAU,MAAM,KAAK,KAAK;AAAA,EACvC,CAAC;AACD,MAAI,OAAO,EAAG,QAAO,UAAU,WAAW,YAAY,IAAI;AAE1D,SAAO,QAAQ,IAAI,SAAS;AAC9B;AAcO,SAAS,WAAW,OAA4C,MAAc,OAAe,UAAsC;AACxI,QAAM,CAAC,KAAK,MAAM,IAAI,SAAuB,QAAQ;AAErD,kBAAgB,MAAM;AACpB,UAAM,KAAK,MAAM;AACjB,QAAI,CAAC,MAAM,OAAO,mBAAmB,YAAa,QAAO;AACzD,QAAI,OAAO;AACX,QAAI,QAAQ;AACZ,UAAM,UAAU,MAAY;AAC1B,cAAQ;AACR,UAAI,CAAC,KAAM;AACX,YAAM,OAAO,WAAW,EAAE;AAC1B,UAAI,KAAM,QAAO,IAAI;AAAA,IACvB;AAEA,UAAM,WAAW,MAAY;AAC3B,UAAI,SAAS,CAAC,KAAM;AACpB,cAAQ,OAAO,0BAA0B,aAAa,sBAAsB,OAAO,IAAI;AACvF,UAAI,CAAC,MAAO,SAAQ;AAAA,IACtB;AACA,YAAQ;AACR,UAAM,WAAW,IAAI,eAAe,QAAQ;AAC5C,aAAS,QAAQ,EAAE;AACnB,OAAG,cAAc,OAAO,MAAM,KAAK,UAAU,MAAM,MAAS;AAC5D,WAAO,MAAM;AACX,aAAO;AACP,eAAS,WAAW;AACpB,UAAI,SAAS,OAAO,yBAAyB,WAAY,sBAAqB,KAAK;AAAA,IACrF;AAAA,EACF,GAAG,CAAC,OAAO,MAAM,KAAK,CAAC;AAEvB,SAAO;AACT;","names":[]}

package/dist/chunk-WSSD7H5E.js

@@ -0,0 +1,52 @@
+import {
+  DAY_RULER_METRICS
+} from "./chunk-273OLFJD.js";
+import {
+  signalInk
+} from "./chunk-3UAHDLKH.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/data-display/DayRuler/DayRuler.footer.styles.ts
+function footerInk(theme, marked, plain) {
+  return marked ? signalInk(theme, "warning", theme.palette.background.default) : plain;
+}
+function footerCellSx(marked) {
+  return (theme) => ({
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    fontSize: rem(theme, DAY_RULER_METRICS.coverage.font),
+    borderRadius: rem(theme, DAY_RULER_METRICS.coverage.radius),
+    color: footerInk(theme, marked, theme.palette.text.primary),
+    fontWeight: marked ? 500 : 400,
+    // The hairline is always there, transparent when unmarked, so a mark never shifts a count.
+    border: `1px solid ${marked ? theme.palette.warning.main : "transparent"}`,
+    minWidth: 0,
+    overflow: "hidden"
+  });
+}
+function footerNoteSx(marked) {
+  return (theme) => ({
+    fontSize: rem(theme, DAY_RULER_METRICS.meta),
+    color: footerInk(theme, marked, theme.palette.text.secondary),
+    fontWeight: marked ? 500 : 400,
+    ...marked ? { borderLeft: `${rem(theme, 3)} solid ${theme.palette.warning.main}`, paddingLeft: rem(theme, 6) } : {}
+  });
+}
+var trendSx = (theme) => ({
+  display: "block",
+  width: "100%",
+  height: rem(theme, DAY_RULER_METRICS.coverage.height + DAY_RULER_METRICS.coverage.height / 2),
+  color: theme.palette.primary.main,
+  overflow: "visible"
+});
+
+export {
+  footerInk,
+  footerCellSx,
+  footerNoteSx,
+  trendSx
+};
+//# sourceMappingURL=chunk-WSSD7H5E.js.map

package/dist/chunk-WSSD7H5E.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DayRuler/DayRuler.footer.styles.ts"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles/index.js';\n\nimport { rem } from '../../../tokens/relative';\nimport { signalInk } from '../ScheduleGrid/schedule-tones';\nimport { DAY_RULER_METRICS as M } from './DayRuler.metrics';\n\n/**\n * A marked footer's words (FUT-3882): the warning ink deepened until it reads\n * at 4.5:1 on the page — `warning.main` is 3.1:1 on white. The outline keeps\n * `warning.main`: a non-text mark needs 3:1.\n */\nexport function footerInk(theme: Theme, marked: boolean, plain: string): string {\n  return marked ? signalInk(theme, 'warning', theme.palette.background.default) : plain;\n}\n\n/** A group's count line (FUT-3882): plain counts on the hours' columns, a marked hour outlined in the warning ink. */\nexport function footerCellSx(marked: boolean): SxProps<Theme> {\n  return (theme: Theme) => ({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    fontSize: rem(theme, M.coverage.font),\n    borderRadius: rem(theme, M.coverage.radius),\n    color: footerInk(theme, marked, theme.palette.text.primary),\n    fontWeight: marked ? 500 : 400,\n    // The hairline is always there, transparent when unmarked, so a mark never shifts a count.\n    border: `1px solid ${marked ? theme.palette.warning.main : 'transparent'}`,\n    minWidth: 0,\n    overflow: 'hidden',\n  });\n}\n\n/**\n * A footer line's sentence; when the host marks it (\"Faltam 2, 20h–22h\"), in\n * the readable warning ink with a warning bar before it — a shape, so colour\n * is never the only signal.\n */\nexport function footerNoteSx(marked: boolean): SxProps<Theme> {\n  return (theme: Theme) => ({\n    fontSize: rem(theme, M.meta),\n    color: footerInk(theme, marked, theme.palette.text.secondary),\n    fontWeight: marked ? 500 : 400,\n    ...(marked ? { borderLeft: `${rem(theme, 3)} solid ${theme.palette.warning.main}`, paddingLeft: rem(theme, 6) } : {}),\n  });\n}\n\n/** A group's trend line: as tall as the coverage row, drawn in the primary colour. */\nexport const trendSx: SxProps<Theme> = (theme: Theme) => ({\n  display: 'block',\n  width: '100%',\n  height: rem(theme, M.coverage.height + M.coverage.height / 2),\n  color: theme.palette.primary.main,\n  overflow: 'visible',\n});\n"],"mappings":";;;;;;;;;;;AAWO,SAAS,UAAU,OAAc,QAAiB,OAAuB;AAC9E,SAAO,SAAS,UAAU,OAAO,WAAW,MAAM,QAAQ,WAAW,OAAO,IAAI;AAClF;AAGO,SAAS,aAAa,QAAiC;AAC5D,SAAO,CAAC,WAAkB;AAAA,IACxB,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,UAAU,IAAI,OAAO,kBAAE,SAAS,IAAI;AAAA,IACpC,cAAc,IAAI,OAAO,kBAAE,SAAS,MAAM;AAAA,IAC1C,OAAO,UAAU,OAAO,QAAQ,MAAM,QAAQ,KAAK,OAAO;AAAA,IAC1D,YAAY,SAAS,MAAM;AAAA;AAAA,IAE3B,QAAQ,aAAa,SAAS,MAAM,QAAQ,QAAQ,OAAO,aAAa;AAAA,IACxE,UAAU;AAAA,IACV,UAAU;AAAA,EACZ;AACF;AAOO,SAAS,aAAa,QAAiC;AAC5D,SAAO,CAAC,WAAkB;AAAA,IACxB,UAAU,IAAI,OAAO,kBAAE,IAAI;AAAA,IAC3B,OAAO,UAAU,OAAO,QAAQ,MAAM,QAAQ,KAAK,SAAS;AAAA,IAC5D,YAAY,SAAS,MAAM;AAAA,IAC3B,GAAI,SAAS,EAAE,YAAY,GAAG,IAAI,OAAO,CAAC,CAAC,UAAU,MAAM,QAAQ,QAAQ,IAAI,IAAI,aAAa,IAAI,OAAO,CAAC,EAAE,IAAI,CAAC;AAAA,EACrH;AACF;AAGO,IAAM,UAA0B,CAAC,WAAkB;AAAA,EACxD,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ,IAAI,OAAO,kBAAE,SAAS,SAAS,kBAAE,SAAS,SAAS,CAAC;AAAA,EAC5D,OAAO,MAAM,QAAQ,QAAQ;AAAA,EAC7B,UAAU;AACZ;","names":[]}

package/dist/{chunk-DTZOP4ZR.js → chunk-XCUHGPPZ.js}

@@ -4,7 +4,7 @@ import {
   CountedIcon,
   controlProps,
   focusRing
-} from "./chunk-LDCZPZPD.js";
+} from "./chunk-24HHUCWB.js";
 import {
   Drawer,
   DrawerContent,
@@ -175,4 +175,4 @@ function SectionNavSheet({
 export {
   SectionNavSheet
 };
-//# sourceMappingURL=chunk-DTZOP4ZR.js.map
+//# sourceMappingURL=chunk-XCUHGPPZ.js.map

package/dist/{chunk-DBPFKGXX.js → chunk-Y7BOP7VZ.js}

@@ -1,9 +1,9 @@
 import {
   useCardActions
-} from "./chunk-FQNDJITD.js";
+} from "./chunk-RCTHCXS6.js";
 import {
   ConfirmActionDialog
-} from "./chunk-7W5X3KQ2.js";
+} from "./chunk-SW7JCF4Z.js";
 import {
   useConfirmAction
 } from "./chunk-EMYESBIT.js";
@@ -50,4 +50,4 @@ function useRemoveConfirm({
 export {
   useRemoveConfirm
 };
-//# sourceMappingURL=chunk-DBPFKGXX.js.map
+//# sourceMappingURL=chunk-Y7BOP7VZ.js.map

package/dist/{chunk-BOADHYTA.js → chunk-YNZUYZ2O.js}

@@ -8,7 +8,7 @@ import {
 } from "./chunk-L7BRU4UF.js";
 import {
   Alert
-} from "./chunk-PEAUGQKU.js";
+} from "./chunk-NQCTANF3.js";
 import {
   Button
 } from "./chunk-YOXYSAUI.js";
@@ -106,4 +106,4 @@ NotificationStatusNotice.displayName = "NotificationStatusNotice";
 export {
   NotificationStatusNotice
 };
-//# sourceMappingURL=chunk-BOADHYTA.js.map
+//# sourceMappingURL=chunk-YNZUYZ2O.js.map

package/dist/{chunk-XRV4QFEQ.js → chunk-ZBUMGMWP.js}

@@ -1,20 +1,14 @@
 import {
   SequenceOverviewBody
-} from "./chunk-YE7M7URT.js";
+} from "./chunk-6D5AMANO.js";
 import {
   SequenceDoneBody,
   SequenceIntroBody,
   SequenceStepBody
-} from "./chunk-OCT5VCLP.js";
+} from "./chunk-BQBEN44R.js";
 import {
-  SequenceHeader
-} from "./chunk-JO6D7YGN.js";
-import {
-  chromeSx,
-  columnSx,
-  paperSx,
-  scrollBodySx
-} from "./chunk-2ORD2FMN.js";
+  ResolverFrame
+} from "./chunk-CPQJFHNZ.js";
 import {
   SEQUENCE_METRICS
 } from "./chunk-ALDS5ISD.js";
@@ -29,15 +23,11 @@ import {
   progressOf,
   summaryOf
 } from "./chunk-KZ5F52D6.js";
-import {
-  Dialog
-} from "./chunk-DAFFZED3.js";
 
 // src/components/feedback/SequenceResolver/SequenceResolver.tsx
-import Box from "@mui/material/Box/index.js";
 import { useTheme } from "@mui/material/styles/index.js";
 import useMediaQuery from "@mui/material/useMediaQuery/index.js";
-import { useCallback, useId, useRef, useState } from "react";
+import { useCallback, useEffect, useId, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function headerLabelOf(props, run, current) {
   const { labels } = props;
@@ -89,13 +79,6 @@ function headerOf(inputs) {
   }
   return { ...base, back: backOf(props, state), seeAll: overview.button };
 }
-function escapeCloses(close) {
-  return (event) => {
-    if (event.key !== "Escape" || event.defaultPrevented) return;
-    event.stopPropagation();
-    close();
-  };
-}
 function SequenceBody(body) {
   const { props, state, current, step, overview, titleId, stepTitleRef, touch, testId, close } = body;
   if (props.intro) {
@@ -137,6 +120,7 @@ function SequenceBody(body) {
     ] });
   }
   if (stepBody) return /* @__PURE__ */ jsx(Fragment, { children: stepBody });
+  if (props.done === null) return /* @__PURE__ */ jsx(Fragment, {});
   const summary = summaryOf(state.run);
   return /* @__PURE__ */ jsx(
     SequenceDoneBody,
@@ -151,8 +135,51 @@ function SequenceBody(body) {
     }
   );
 }
+function useCloseAtEnd(ended, close) {
+  const closeRef = useRef(close);
+  const fired = useRef(false);
+  useEffect(() => {
+    closeRef.current = close;
+  });
+  useEffect(() => {
+    if (!ended) {
+      fired.current = false;
+      return;
+    }
+    if (fired.current) return;
+    fired.current = true;
+    closeRef.current();
+  }, [ended]);
+  return ended;
+}
+function useExitScreen(live, input) {
+  const { open, hasStep, closesAtEnd } = input;
+  const last = useRef(null);
+  const wasOpen = useRef(open);
+  if (open && !wasOpen.current) last.current = null;
+  wasOpen.current = open;
+  if (!closesAtEnd) return live;
+  if (open && hasStep) {
+    last.current = live;
+    return live;
+  }
+  const kept = last.current;
+  if (!kept) return live;
+  const { header } = kept;
+  if (!("back" in header) || !header.back) return kept;
+  return { ...kept, header: { ...header, back: { ...header.back, onClick: () => void 0 } } };
+}
+function useRunEnding(props, state) {
+  const { open, onClose, intro } = props;
+  const { run } = state;
+  const current = intro ? void 0 : currentOf(run);
+  const close = () => onClose(summaryOf(run));
+  const closesAtEnd = props.done === null && !intro;
+  const ended = useCloseAtEnd(open && closesAtEnd && !current, close);
+  return { current, close, ended, exiting: ended || !open && closesAtEnd };
+}
 function SequenceResolver(props) {
-  const { open, onClose, intro, labels } = props;
+  const { open, intro, labels } = props;
   const testId = props.dataTestId ?? "sequence-resolver";
   const theme = useTheme();
   const touch = useMediaQuery(theme.breakpoints.down(SEQUENCE_METRICS.sheetBreakpoint));
@@ -171,53 +198,44 @@ function SequenceResolver(props) {
     failed: labels.failed,
     stepAllowsBack: () => stepAllowsBack.current
   });
-  const { run } = state;
-  const current = intro ? void 0 : currentOf(run);
-  const close = () => onClose(summaryOf(run));
+  const ending = useRunEnding(props, state);
+  const { current, close } = ending;
   const overview = useOverview(props, state, current, open);
   const titleProps = { id: overview.shown ? `${titleId}-kept` : titleId, tabIndex: -1, ref: titleRef };
   const step = current ? props.renderStep(current, stepApiOf(state, titleProps)) : void 0;
   stepAllowsBack.current = step?.canGoBack !== false;
+  const screen = useExitScreen(
+    {
+      header: headerOf({ props, state, current, overview, titleId }),
+      body: /* @__PURE__ */ jsx(
+        SequenceBody,
+        {
+          props,
+          state,
+          current,
+          step,
+          overview,
+          titleId,
+          stepTitleRef,
+          touch,
+          testId,
+          close
+        }
+      )
+    },
+    { open, hasStep: current !== void 0 && step !== void 0, closesAtEnd: props.done === null && !intro }
+  );
   return /* @__PURE__ */ jsx(
-    Dialog,
+    ResolverFrame,
     {
-      open,
-      onClose: close,
-      persistent: true,
-      variant: touch ? "bottom-sheet" : "default",
-      size: "sm",
-      "aria-labelledby": titleId,
-      onKeyDown: escapeCloses(close),
-      slotProps: { paper: { sx: paperSx(touch) } },
-      dataTestId: testId,
-      children: /* @__PURE__ */ jsxs(Box, { sx: columnSx, children: [
-        /* @__PURE__ */ jsx(Box, { sx: chromeSx, children: /* @__PURE__ */ jsx(
-          SequenceHeader,
-          {
-            touch,
-            ...headerOf({ props, state, current, overview, titleId }),
-            closeLabel: labels.close,
-            onClose: close,
-            progressLabel: labels.progress,
-            testId
-          }
-        ) }),
-        /* @__PURE__ */ jsx(Box, { sx: scrollBodySx, "data-testid": `${testId}-body`, children: /* @__PURE__ */ jsx(
-          SequenceBody,
-          {
-            props,
-            state,
-            current,
-            step,
-            overview,
-            titleId,
-            stepTitleRef,
-            touch,
-            testId,
-            close
-          }
-        ) })
-      ] })
+      shown: open && !ending.ended,
+      exiting: ending.exiting,
+      touch,
+      titleId,
+      testId,
+      labels,
+      screen,
+      close
     }
   );
 }
@@ -225,4 +243,4 @@ function SequenceResolver(props) {
 export {
   SequenceResolver
 };
-//# sourceMappingURL=chunk-XRV4QFEQ.js.map
+//# sourceMappingURL=chunk-ZBUMGMWP.js.map

package/dist/chunk-ZBUMGMWP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/SequenceResolver/SequenceResolver.tsx"],"sourcesContent":["'use client';\n\nimport { useTheme } from '@mui/material/styles/index.js';\nimport useMediaQuery from '@mui/material/useMediaQuery/index.js';\nimport React, { useCallback, useEffect, useId, useRef, useState } from 'react';\n\nimport { canReturn, currentOf, jumpTargetOf, positionOf, progressOf, summaryOf, type RunState } from './sequence-model';\nimport {\n  SequenceDoneBody,\n  SequenceIntroBody,\n  SequenceStepBody,\n} from './SequenceResolver.parts';\nimport { SequenceOverviewBody } from './SequenceResolver.overview';\nimport { ResolverFrame } from './SequenceResolver.frame';\nimport { SEQUENCE_METRICS } from './SequenceResolver.metrics';\nimport type {\n  SequenceItem,\n  SequenceOverviewCategory,\n  SequenceResolverProps,\n  SequenceStep,\n  SequenceStepApi,\n} from './SequenceResolver.types';\nimport { useSequenceRun, type SequenceRun } from './useSequenceRun';\n\n/** What the header's label says on the screen showing. */\nfunction headerLabelOf<I extends SequenceItem, R>(\n  props: SequenceResolverProps<I, R>,\n  run: RunState<I, R>,\n  current: I | undefined,\n): string {\n  const { labels } = props;\n  if (props.intro) return labels.introStep;\n  if (!current) return labels.doneStep;\n  return labels.step(positionOf(run), summaryOf(run).total, current);\n}\n\n/** The header's back button, once a previous step exists and the host allows it. */\nfunction backOf<I extends SequenceItem, R>(props: SequenceResolverProps<I, R>, state: SequenceRun<I, R>) {\n  const { intro, labels, canGoBack = true } = props;\n  if (intro || !canGoBack || !canReturn(state.run)) return undefined;\n  return { label: labels.back, accessible: labels.backAccessible, onClick: state.back, disabled: state.busy };\n}\n\ninterface OverviewState {\n  /** The overview is on screen instead of the step. */\n  shown: boolean;\n  /** The header's \"Ver todos (N)\", while there is a step and more than one problem. */\n  button?: { label: string; onClick: () => void; disabled: boolean };\n  canPick: (category: SequenceOverviewCategory) => boolean;\n  pick: (category: SequenceOverviewCategory) => void;\n  hide: () => void;\n  /** The overview's title (in the header row): focus goes to it when it opens. */\n  titleRef: React.RefObject<HTMLHeadingElement | null>;\n}\n\n/**\n * \"Ver todos\" inside the run: whether it shows, its header button, and its\n * picks. Opening it changes nothing in the run; a pick jumps; \"continue\"\n * returns to the step it left. Every opening of the resolver starts closed.\n */\nfunction useOverview<I extends SequenceItem, R>(\n  props: SequenceResolverProps<I, R>,\n  state: SequenceRun<I, R>,\n  current: I | undefined,\n  open: boolean,\n): OverviewState {\n  const [shown, setShown] = useState(false);\n  const [wasOpen, setWasOpen] = useState(open);\n  const titleRef = useRef<HTMLHeadingElement | null>(null);\n  if (wasOpen !== open) {\n    setWasOpen(open);\n    if (shown) setShown(false);\n  }\n  const { overview } = props;\n  const total = summaryOf(state.run).total;\n  const available = Boolean(overview && current && total > 1);\n  const hide = (): void => setShown(false);\n  return {\n    shown: shown && available,\n    button:\n      available && overview\n        ? { label: overview.label(total), onClick: () => setShown(true), disabled: state.busy }\n        : undefined,\n    canPick: (category) => jumpTargetOf(state.run, category.keys) !== undefined,\n    pick: (category) => {\n      const target = jumpTargetOf(state.run, category.keys);\n      if (target === undefined) return;\n      state.jumpTo(target);\n      setShown(false);\n      category.onPick?.();\n    },\n    hide,\n    titleRef,\n  };\n}\n\n/** What the host's `renderStep` gets: the run's verbs, `busy`, and the props for its title. */\nfunction stepApiOf<I extends SequenceItem, R>(\n  state: SequenceRun<I, R>,\n  titleProps: SequenceStepApi<R>['titleProps'],\n): SequenceStepApi<R> {\n  return { resolve: state.resolve, skip: state.skip, back: state.back, jumpTo: state.jumpTo, busy: state.busy, titleProps };\n}\n\ninterface HeaderInputs<I extends SequenceItem, R> {\n  props: SequenceResolverProps<I, R>;\n  state: SequenceRun<I, R>;\n  current: I | undefined;\n  overview: OverviewState;\n  titleId: string;\n}\n\n/** The header's back, \"Ver todos\" and label — or, over the overview, its title and close alone. */\nfunction headerOf<I extends SequenceItem, R>(inputs: HeaderInputs<I, R>) {\n  const { props, state, current, overview, titleId } = inputs;\n  const run = state.run;\n  const base = { label: headerLabelOf(props, run, current), progress: props.intro ? 0 : progressOf(run) };\n  if (overview.shown && props.overview) {\n    return { ...base, title: { id: titleId, text: props.overview.title, ref: overview.titleRef } };\n  }\n  return { ...base, back: backOf(props, state), seeAll: overview.button };\n}\n\ninterface BodyProps<I extends SequenceItem, R> {\n  props: SequenceResolverProps<I, R>;\n  state: SequenceRun<I, R>;\n  current: I | undefined;\n  /** The step on screen, rendered once by the resolver (it also reads `canGoBack` from it). */\n  step: SequenceStep | undefined;\n  overview: OverviewState;\n  titleId: string;\n  stepTitleRef: React.RefObject<HTMLElement | null>;\n  touch: boolean;\n  testId: string;\n  close: () => void;\n}\n\n/** The intro, the step on screen, or the end screen. */\nfunction SequenceBody<I extends SequenceItem, R>(body: BodyProps<I, R>): React.JSX.Element {\n  const { props, state, current, step, overview, titleId, stepTitleRef, touch, testId, close } = body;\n  if (props.intro) {\n    return <SequenceIntroBody intro={props.intro} titleId={titleId} testId={testId} screenKey=\"intro\" />;\n  }\n  const stepBody =\n    current && step ? (\n      <SequenceStepBody\n        key={`step:${current.key}`}\n        step={step}\n        skip={{ label: props.labels.skip, onClick: state.skip }}\n        busy={state.busy}\n        error={state.error}\n        touch={touch}\n        testId={testId}\n        screenKey={`step:${current.key}`}\n        titleRef={stepTitleRef}\n        hidden={overview.shown}\n      />\n    ) : null;\n  if (overview.shown && props.overview) {\n    // The step stays mounted under the overview, so a half-filled answer survives \"continue\".\n    return (\n      <>\n        <SequenceOverviewBody\n          key=\"overview\"\n          categories={props.overview.categories}\n          canPick={overview.canPick}\n          onPick={overview.pick}\n          pickLabel={props.overview.pickLabel}\n          continueLabel={props.overview.continueLabel}\n          onContinue={overview.hide}\n          titleRef={overview.titleRef}\n          touch={touch}\n          testId={testId}\n        />\n        {stepBody}\n      </>\n    );\n  }\n  if (stepBody) return <>{stepBody}</>;\n  // `done: null`: no end screen — the resolver is closing over its last step (see `useExitScreen`).\n  if (props.done === null) return <></>;\n  const summary = summaryOf(state.run);\n  return (\n    <SequenceDoneBody\n      done={typeof props.done === 'function' ? props.done(summary) : props.done}\n      titleId={titleId}\n      error={state.error}\n      touch={touch}\n      onConfirm={close}\n      testId={testId}\n      screenKey=\"done\"\n    />\n  );\n}\n\n/**\n * With `done: null`, the run's end closes the resolver: `onClose(summary)`\n * once, when the queue runs out while it is open and past the intro. Returns\n * whether the run has ended that way, so the dialog starts closing in the same\n * render (and keeps its last screen for the exit, see `useExitScreen`).\n *\n * `fired` makes it once per ending: StrictMode replays a mount's effects, and\n * a resolver mounted open over an empty queue would otherwise close twice. It\n * resets when the run is live again (a reopening, a queue that grew back).\n */\nfunction useCloseAtEnd(ended: boolean, close: () => void): boolean {\n  const closeRef = useRef(close);\n  const fired = useRef(false);\n  useEffect(() => {\n    closeRef.current = close;\n  });\n  useEffect(() => {\n    if (!ended) {\n      fired.current = false;\n      return;\n    }\n    if (fired.current) return;\n    fired.current = true;\n    closeRef.current();\n  }, [ended]);\n  return ended;\n}\n\nexport interface Screen {\n  header: ReturnType<typeof headerOf>;\n  body: React.JSX.Element;\n}\n\n/**\n * What the dialog shows. While a step is on screen, that screen — and it is\n * kept: when the run ends with `done: null` the dialog closes in that same\n * render, and its exit transition (a fade, the sheet sliding down) plays over\n * the LAST step as it was — its label, Back, progress and body — rather than\n * an empty, collapsed \"done\" paper — also once the host turns `open` off from\n * `onClose`. Back is inert during the exit.\n */\nfunction useExitScreen(live: Screen, input: { open: boolean; hasStep: boolean; closesAtEnd: boolean }): Screen {\n  const { open, hasStep, closesAtEnd } = input;\n  const last = useRef<Screen | null>(null);\n  const wasOpen = useRef(open);\n  // A new opening is a new run: the last one's screen is not kept into it.\n  if (open && !wasOpen.current) last.current = null;\n  wasOpen.current = open;\n  if (!closesAtEnd) return live;\n  if (open && hasStep) {\n    last.current = live;\n    return live;\n  }\n  // Ended (or closed by the host after `onClose`): the exit plays over the last step.\n  const kept = last.current;\n  if (!kept) return live;\n  const { header } = kept;\n  if (!('back' in header) || !header.back) return kept;\n  return { ...kept, header: { ...header, back: { ...header.back, onClick: () => undefined } } };\n}\n\ninterface RunEnding<I extends SequenceItem> {\n  current: I | undefined;\n  close: () => void;\n  /** The run ended with `done: null`: the dialog is closing. */\n  ended: boolean;\n  /** The kept last step is playing its exit. */\n  exiting: boolean;\n}\n\nfunction useRunEnding<I extends SequenceItem, R>(\n  props: SequenceResolverProps<I, R>,\n  state: SequenceRun<I, R>,\n): RunEnding<I> {\n  const { open, onClose, intro } = props;\n  const { run } = state;\n  const current = intro ? undefined : currentOf(run);\n  const close = (): void => onClose(summaryOf(run));\n  const closesAtEnd = props.done === null && !intro;\n  const ended = useCloseAtEnd(open && closesAtEnd && !current, close);\n  return { current, close, ended, exiting: ended || (!open && closesAtEnd) };\n}\n\n/**\n * Resolve a queue of problems one at a time, in ONE dialog whose body is\n * replaced step by step: a header with \"‹ Back\", the step's label and close,\n * a progress bar, the host's step, and an end screen (FUT-3671) — or none,\n * with `done: null`: the run's end closes it (FUT-3833).\n *\n * A centred `Dialog` from the `sm` breakpoint up; the `Dialog` inset\n * bottom-sheet variant below it, never taller than 95% of the viewport. Either\n * way the paper scrolls inside the viewport, so a long step is never cut off.\n *\n * The component owns the run — which step is on screen, what was answered or\n * skipped, where Back returns to — and nothing about the domain: every step\n * body, every word and every server call is the host's.\n */\nexport function SequenceResolver<I extends SequenceItem, R = unknown>(\n  props: SequenceResolverProps<I, R>,\n): React.JSX.Element {\n  const { open, intro, labels } = props;\n  const testId = props.dataTestId ?? 'sequence-resolver';\n  const theme = useTheme();\n  const touch = useMediaQuery(theme.breakpoints.down(SEQUENCE_METRICS.sheetBreakpoint));\n  const titleId = `${useId()}-title`;\n  const stepTitleRef = useRef<HTMLElement | null>(null);\n  const titleRef = useCallback((node: HTMLElement | null) => {\n    stepTitleRef.current = node;\n  }, []);\n\n  // Read when an answer is recorded: the step on screen's own `canGoBack`.\n  const stepAllowsBack = useRef(true);\n  const state = useSequenceRun<I, R>({\n    open,\n    active: open && !intro,\n    queue: props.queue,\n    initialKey: props.initialKey,\n    onBack: props.onBack,\n    failed: labels.failed,\n    stepAllowsBack: () => stepAllowsBack.current,\n  });\n  const ending = useRunEnding(props, state);\n  const { current, close } = ending;\n  const overview = useOverview(props, state, current, open);\n  // Under the overview the step is kept but hidden, and the overview's title names the dialog.\n  const titleProps = { id: overview.shown ? `${titleId}-kept` : titleId, tabIndex: -1, ref: titleRef } as const;\n  const step = current ? props.renderStep(current, stepApiOf(state, titleProps)) : undefined;\n  stepAllowsBack.current = step?.canGoBack !== false;\n  const screen = useExitScreen(\n    {\n      header: headerOf({ props, state, current, overview, titleId }),\n      body: (\n        <SequenceBody\n          props={props}\n          state={state}\n          current={current}\n          step={step}\n          overview={overview}\n          titleId={titleId}\n          stepTitleRef={stepTitleRef}\n          touch={touch}\n          testId={testId}\n          close={close}\n        />\n      ),\n    },\n    { open, hasStep: current !== undefined && step !== undefined, closesAtEnd: props.done === null && !intro },\n  );\n\n  return (\n    <ResolverFrame\n      shown={open && !ending.ended}\n      exiting={ending.exiting}\n      touch={touch}\n      titleId={titleId}\n      testId={testId}\n      labels={labels}\n      screen={screen}\n      close={close}\n    />\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-XNAI7QGU.js → chunk-ZM6FJCWS.js}

@@ -4,12 +4,12 @@ import {
 import {
   CardBody
 } from "./chunk-4ZQQUICR.js";
-import {
-  SelectAllStrip
-} from "./chunk-OY437NRJ.js";
 import {
   toGridExpansion
 } from "./chunk-O5UGAL2V.js";
+import {
+  SelectAllStrip
+} from "./chunk-OY437NRJ.js";
 import {
   useStickyTableHead
 } from "./chunk-4IE66GY2.js";
@@ -250,4 +250,4 @@ function GridMain(props) {
 export {
   GridMain
 };
-//# sourceMappingURL=chunk-XNAI7QGU.js.map
+//# sourceMappingURL=chunk-ZM6FJCWS.js.map

package/dist/{chunk-FC7UCFFA.js → chunk-ZPWPA6FR.js}

@@ -1,9 +1,14 @@
+import {
+  NumberBoundInput
+} from "./chunk-2FKWKLSC.js";
 import {
   RangePresets
 } from "./chunk-LZNUBQ5I.js";
 import {
-  NumberBoundInput
-} from "./chunk-2FKWKLSC.js";
+  isRangeInverted,
+  isRangeSet,
+  rangeChipLabel
+} from "./chunk-GCZJH4XL.js";
 import {
   useOutsideResetKey
 } from "./chunk-YOPMXGHY.js";
@@ -13,11 +18,6 @@ import {
 import {
   DayRangeCalendar
 } from "./chunk-HRES2S3Q.js";
-import {
-  isRangeInverted,
-  isRangeSet,
-  rangeChipLabel
-} from "./chunk-GCZJH4XL.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -189,4 +189,4 @@ function RangeBounds({
 export {
   RangeBounds
 };
-//# sourceMappingURL=chunk-FC7UCFFA.js.map
+//# sourceMappingURL=chunk-ZPWPA6FR.js.map

package/dist/data-display/Alert.js

@@ -1,10 +1,10 @@
 import "../chunk-NUGT7LMR.js";
 import {
   Alert
-} from "../chunk-PEAUGQKU.js";
+} from "../chunk-NQCTANF3.js";
+import "../chunk-L5RS6QAT.js";
 import "../chunk-QXUXO22M.js";
 import "../chunk-7HZ36QDH.js";
-import "../chunk-L5RS6QAT.js";
 import "../chunk-L7VH6IMR.js";
 import "../chunk-5ZY3IIIG.js";
 import "../chunk-TYJR4GOF.js";

package/dist/data-display/AlertDialog.js

@@ -1,8 +1,8 @@
 import "../chunk-2IBFEHIX.js";
 import {
   AlertDialog
-} from "../chunk-ZYZPSBNQ.js";
-import "../chunk-COK65GX2.js";
+} from "../chunk-OGSTMHT6.js";
+import "../chunk-KURE5R7Z.js";
 import "../chunk-XOXXG7Q5.js";
 import "../chunk-XJAD6E3V.js";
 import "../chunk-F5H2ZXST.js";

package/dist/data-display/Avatar.js

@@ -2,11 +2,11 @@ import "../chunk-UDQSIRAP.js";
 import {
   Avatar,
   AvatarGroup
-} from "../chunk-4QR7LM5F.js";
-import "../chunk-EOQ6EKTS.js";
-import "../chunk-6ZZGK5DT.js";
+} from "../chunk-4J62V5OE.js";
 import "../chunk-3ZVUNSFF.js";
+import "../chunk-7XSCEHGA.js";
 import "../chunk-MTEQEPNY.js";
+import "../chunk-6ZZGK5DT.js";
 import "../chunk-XOXXG7Q5.js";
 import "../chunk-XJAD6E3V.js";
 import "../chunk-F5H2ZXST.js";

package/dist/data-display/Badge.js

@@ -1,11 +1,11 @@
 import "../chunk-5AK2EZG5.js";
 import {
   Badge
-} from "../chunk-6DO672AG.js";
+} from "../chunk-N5PVD4J5.js";
+import "../chunk-6C5D6O3D.js";
 import "../chunk-ZNCYCE7L.js";
 import "../chunk-2L3VRVRE.js";
 import "../chunk-BJE3XHD4.js";
-import "../chunk-6C5D6O3D.js";
 import "../chunk-3UIDKLML.js";
 import "../chunk-PYC4CWCQ.js";
 import "../chunk-TYJR4GOF.js";

package/dist/data-display/CardKit.js

@@ -1,3 +1,9 @@
+import {
+  useRowConfirm
+} from "../chunk-G6NMSBSQ.js";
+import {
+  useRemoveConfirm
+} from "../chunk-Y7BOP7VZ.js";
 import {
   rowActionsToMenuItems
 } from "../chunk-ZBXG6RVJ.js";
@@ -8,38 +14,32 @@ import {
   Ledger,
   TagList
 } from "../chunk-JOKWTRWL.js";
-import {
-  CardKebab
-} from "../chunk-R2ODLE6G.js";
-import {
-  useRowConfirm
-} from "../chunk-N557OEZR.js";
-import {
-  useRemoveConfirm
-} from "../chunk-DBPFKGXX.js";
 import {
   CardActionsProvider,
   useCardActions
-} from "../chunk-FQNDJITD.js";
+} from "../chunk-RCTHCXS6.js";
+import {
+  CardKebab
+} from "../chunk-R2ODLE6G.js";
 import "../chunk-WVML3ENZ.js";
 import "../chunk-AY5GKCH7.js";
 import "../chunk-XCBQXSTR.js";
-import "../chunk-T5RFH2T5.js";
-import "../chunk-BNBWUXT3.js";
-import "../chunk-ALOEOGQV.js";
-import "../chunk-7W5X3KQ2.js";
+import "../chunk-KOGJBAFI.js";
+import "../chunk-3TZUZXY5.js";
+import "../chunk-TE6HAWDM.js";
+import "../chunk-SW7JCF4Z.js";
 import "../chunk-EMYESBIT.js";
 import "../chunk-LZRVUOMU.js";
 import "../chunk-EEB66IVH.js";
 import "../chunk-NUGT7LMR.js";
-import "../chunk-PEAUGQKU.js";
+import "../chunk-NQCTANF3.js";
+import "../chunk-L5RS6QAT.js";
 import "../chunk-QXUXO22M.js";
 import "../chunk-7HZ36QDH.js";
-import "../chunk-L5RS6QAT.js";
 import "../chunk-L7VH6IMR.js";
 import "../chunk-2IBFEHIX.js";
-import "../chunk-ZYZPSBNQ.js";
-import "../chunk-COK65GX2.js";
+import "../chunk-OGSTMHT6.js";
+import "../chunk-KURE5R7Z.js";
 import "../chunk-5ZY3IIIG.js";
 import "../chunk-6DPAWXZ3.js";
 import "../chunk-BA4RHQ3B.js";

package/dist/data-display/Carousel.js

@@ -1,16 +1,16 @@
 import "../chunk-62FET2BM.js";
 import {
   Carousel
-} from "../chunk-U2SAW6DH.js";
+} from "../chunk-GY53SDVL.js";
+import "../chunk-TB5CRHTF.js";
 import "../chunk-Z64TMGYT.js";
 import "../chunk-6FDLBWTE.js";
-import "../chunk-RUIV5TVA.js";
-import "../chunk-TB5CRHTF.js";
 import {
   CarouselArrows,
   CarouselIndicators,
   CarouselThumbnails
 } from "../chunk-M2M4IDFU.js";
+import "../chunk-RUIV5TVA.js";
 import "../chunk-ARGVUTTL.js";
 import "../chunk-PZS7N74L.js";
 import "../chunk-AA2X5GOT.js";