@12-apps/ui 6.86.1 → 6.87.0

package/dist/chunk-UIHPFELH.js

@@ -0,0 +1,228 @@
+import {
+  SequenceOverviewBody
+} from "./chunk-6D5AMANO.js";
+import {
+  SequenceDoneBody,
+  SequenceIntroBody,
+  SequenceStepBody
+} from "./chunk-BQBEN44R.js";
+import {
+  SequenceHeader
+} from "./chunk-JO6D7YGN.js";
+import {
+  chromeSx,
+  columnSx,
+  paperSx,
+  scrollBodySx
+} from "./chunk-2ORD2FMN.js";
+import {
+  SEQUENCE_METRICS
+} from "./chunk-ALDS5ISD.js";
+import {
+  useSequenceRun
+} from "./chunk-QMRR35W2.js";
+import {
+  canReturn,
+  currentOf,
+  jumpTargetOf,
+  positionOf,
+  progressOf,
+  summaryOf
+} from "./chunk-KZ5F52D6.js";
+import {
+  Dialog
+} from "./chunk-5YVMFK7Y.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 { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function headerLabelOf(props, run, current) {
+  const { labels } = props;
+  if (props.intro) return labels.introStep;
+  if (!current) return labels.doneStep;
+  return labels.step(positionOf(run), summaryOf(run).total, current);
+}
+function backOf(props, state) {
+  const { intro, labels, canGoBack = true } = props;
+  if (intro || !canGoBack || !canReturn(state.run)) return void 0;
+  return { label: labels.back, accessible: labels.backAccessible, onClick: state.back, disabled: state.busy };
+}
+function useOverview(props, state, current, open) {
+  const [shown, setShown] = useState(false);
+  const [wasOpen, setWasOpen] = useState(open);
+  const titleRef = useRef(null);
+  if (wasOpen !== open) {
+    setWasOpen(open);
+    if (shown) setShown(false);
+  }
+  const { overview } = props;
+  const total = summaryOf(state.run).total;
+  const available = Boolean(overview && current && total > 1);
+  const hide = () => setShown(false);
+  return {
+    shown: shown && available,
+    button: available && overview ? { label: overview.label(total), onClick: () => setShown(true), disabled: state.busy } : void 0,
+    canPick: (category) => jumpTargetOf(state.run, category.keys) !== void 0,
+    pick: (category) => {
+      const target = jumpTargetOf(state.run, category.keys);
+      if (target === void 0) return;
+      state.jumpTo(target);
+      setShown(false);
+      category.onPick?.();
+    },
+    hide,
+    titleRef
+  };
+}
+function stepApiOf(state, titleProps) {
+  return { resolve: state.resolve, skip: state.skip, back: state.back, jumpTo: state.jumpTo, busy: state.busy, titleProps };
+}
+function headerOf(inputs) {
+  const { props, state, current, overview, titleId } = inputs;
+  const run = state.run;
+  const base = { label: headerLabelOf(props, run, current), progress: props.intro ? 0 : progressOf(run) };
+  if (overview.shown && props.overview) {
+    return { ...base, title: { id: titleId, text: props.overview.title, ref: overview.titleRef } };
+  }
+  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) {
+    return /* @__PURE__ */ jsx(SequenceIntroBody, { intro: props.intro, titleId, testId, screenKey: "intro" });
+  }
+  const stepBody = current && step ? /* @__PURE__ */ jsx(
+    SequenceStepBody,
+    {
+      step,
+      skip: { label: props.labels.skip, onClick: state.skip },
+      busy: state.busy,
+      error: state.error,
+      touch,
+      testId,
+      screenKey: `step:${current.key}`,
+      titleRef: stepTitleRef,
+      hidden: overview.shown
+    },
+    `step:${current.key}`
+  ) : null;
+  if (overview.shown && props.overview) {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        SequenceOverviewBody,
+        {
+          categories: props.overview.categories,
+          canPick: overview.canPick,
+          onPick: overview.pick,
+          pickLabel: props.overview.pickLabel,
+          continueLabel: props.overview.continueLabel,
+          onContinue: overview.hide,
+          titleRef: overview.titleRef,
+          touch,
+          testId
+        },
+        "overview"
+      ),
+      stepBody
+    ] });
+  }
+  if (stepBody) return /* @__PURE__ */ jsx(Fragment, { children: stepBody });
+  const summary = summaryOf(state.run);
+  return /* @__PURE__ */ jsx(
+    SequenceDoneBody,
+    {
+      done: typeof props.done === "function" ? props.done(summary) : props.done,
+      titleId,
+      error: state.error,
+      touch,
+      onConfirm: close,
+      testId,
+      screenKey: "done"
+    }
+  );
+}
+function SequenceResolver(props) {
+  const { open, onClose, intro, labels } = props;
+  const testId = props.dataTestId ?? "sequence-resolver";
+  const theme = useTheme();
+  const touch = useMediaQuery(theme.breakpoints.down(SEQUENCE_METRICS.sheetBreakpoint));
+  const titleId = `${useId()}-title`;
+  const stepTitleRef = useRef(null);
+  const titleRef = useCallback((node) => {
+    stepTitleRef.current = node;
+  }, []);
+  const stepAllowsBack = useRef(true);
+  const state = useSequenceRun({
+    open,
+    active: open && !intro,
+    queue: props.queue,
+    initialKey: props.initialKey,
+    onBack: props.onBack,
+    failed: labels.failed,
+    stepAllowsBack: () => stepAllowsBack.current
+  });
+  const { run } = state;
+  const current = intro ? void 0 : currentOf(run);
+  const close = () => onClose(summaryOf(run));
+  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;
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      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
+          }
+        ) })
+      ] })
+    }
+  );
+}
+
+export {
+  SequenceResolver
+};
+//# sourceMappingURL=chunk-UIHPFELH.js.map

package/dist/chunk-UIHPFELH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/SequenceResolver/SequenceResolver.tsx"],"sourcesContent":["'use client';\n\nimport Box from '@mui/material/Box/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport useMediaQuery from '@mui/material/useMediaQuery/index.js';\nimport React, { useCallback, useId, useRef, useState } from 'react';\n\nimport { Dialog } from '../Dialog';\nimport { canReturn, currentOf, jumpTargetOf, positionOf, progressOf, summaryOf, type RunState } from './sequence-model';\nimport {\n  SequenceDoneBody,\n  SequenceIntroBody,\n  SequenceStepBody,\n} from './SequenceResolver.parts';\nimport { SequenceHeader } from './SequenceResolver.header';\nimport { SequenceOverviewBody } from './SequenceResolver.overview';\nimport { SEQUENCE_METRICS } from './SequenceResolver.metrics';\nimport { chromeSx, columnSx, paperSx, scrollBodySx } from './SequenceResolver.styles';\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\n/**\n * Esc closes. `persistent` turns MUI's own Esc off together with the veil's\n * click (the prototype's veil does nothing), so Esc is put back here; a popup\n * inside a step that handles its own Esc stops it before it gets here.\n */\nfunction escapeCloses(close: () => void) {\n  return (event: React.KeyboardEvent): void => {\n    if (event.key !== 'Escape' || event.defaultPrevented) return;\n    event.stopPropagation();\n    close();\n  };\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  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 * 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).\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, onClose, 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 { run } = state;\n  const current = intro ? undefined : currentOf(run);\n  const close = (): void => onClose(summaryOf(run));\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\n  return (\n    <Dialog\n      open={open}\n      onClose={close}\n      persistent\n      variant={touch ? 'bottom-sheet' : 'default'}\n      size=\"sm\"\n      aria-labelledby={titleId}\n      onKeyDown={escapeCloses(close)}\n      slotProps={{ paper: { sx: paperSx(touch) } }}\n      dataTestId={testId}\n    >\n      <Box sx={columnSx}>\n        <Box sx={chromeSx}>\n          <SequenceHeader\n            touch={touch}\n            {...headerOf({ props, state, current, overview, titleId })}\n            closeLabel={labels.close}\n            onClose={close}\n            progressLabel={labels.progress}\n            testId={testId}\n          />\n        </Box>\n        <Box sx={scrollBodySx} data-testid={`${testId}-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        </Box>\n      </Box>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-WTOA52EQ.js → chunk-UKNMPGEM.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-HJJR2WGL.js";
+} from "./chunk-YOXYSAUI.js";
 import {
   rem,
   sxRem
@@ -161,4 +161,4 @@ export {
   togglePillValues,
   cardGridTracks
 };
-//# sourceMappingURL=chunk-WTOA52EQ.js.map
+//# sourceMappingURL=chunk-UKNMPGEM.js.map

package/dist/{chunk-UXOFA3ZP.js → chunk-UNCDOLF5.js}

@@ -1,19 +1,19 @@
+import {
+  activeItemLabel,
+  filterGroups
+} from "./chunk-BXC6GRLE.js";
 import {
   SettingsPanel
-} from "./chunk-W5WYTVLS.js";
+} from "./chunk-LY5I3ZSV.js";
 import {
   SettingsRail
 } from "./chunk-ZX3QMCYO.js";
-import {
-  activeItemLabel,
-  filterGroups
-} from "./chunk-BXC6GRLE.js";
 import {
   atLeastRail
 } from "./chunk-NK4T624E.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-57FIUJJJ.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -151,4 +151,4 @@ SettingsLayout.displayName = "SettingsLayout";
 export {
   SettingsLayout
 };
-//# sourceMappingURL=chunk-UXOFA3ZP.js.map
+//# sourceMappingURL=chunk-UNCDOLF5.js.map

package/dist/{chunk-UYKIUUWP.js → chunk-V2QTL6VI.js}

@@ -1,6 +1,6 @@
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-57FIUJJJ.js";
 import {
   shadowInk
 } from "./chunk-XJAD6E3V.js";
@@ -170,4 +170,4 @@ export {
   DrawerHeader,
   DrawerContent
 };
-//# sourceMappingURL=chunk-UYKIUUWP.js.map
+//# sourceMappingURL=chunk-V2QTL6VI.js.map

package/dist/{chunk-6GICMRDX.js → chunk-VMTOLAZ5.js}

@@ -1,6 +1,9 @@
+import {
+  CategoryQuickActions
+} from "./chunk-PGGYZU7Q.js";
 import {
   CategoryPanelList
-} from "./chunk-6OISIUZM.js";
+} from "./chunk-5F7HYYGM.js";
 import {
   CategoryPanelHead,
   CategoryPinnedTray
@@ -9,9 +12,6 @@ import {
   CategoryMultiFoot,
   CategorySingleFoot
 } from "./chunk-WDSJ6SVY.js";
-import {
-  CategoryQuickActions
-} from "./chunk-PGGYZU7Q.js";
 import {
   panelSx,
   sheetSx
@@ -156,4 +156,4 @@ function PanelFooter({
 export {
   CategoryPanel
 };
-//# sourceMappingURL=chunk-6GICMRDX.js.map
+//# sourceMappingURL=chunk-VMTOLAZ5.js.map

package/dist/{chunk-4QGMUHAU.js → chunk-VQ7YNAK2.js}

@@ -3,7 +3,7 @@ import {
   toggleList,
   wrapSelection,
   wrapSelectionWithLink
-} from "./chunk-ZANWHTXH.js";
+} from "./chunk-CVB26LLB.js";
 
 // src/components/form/RichTextEditor/RichTextEditor.format.ts
 var WRAP_TAGS = {
@@ -50,4 +50,4 @@ var applyFormatToRange = ({
 export {
   applyFormatToRange
 };
-//# sourceMappingURL=chunk-4QGMUHAU.js.map
+//# sourceMappingURL=chunk-VQ7YNAK2.js.map

package/dist/{chunk-P772HCHI.js → chunk-W676GY42.js}

@@ -1,11 +1,11 @@
-import {
-  useLightboxCopy
-} from "./chunk-TEQYTEM2.js";
 import {
   OVERLAY_Z_INDEX,
   navButtonSx,
   overlayButtonSx
 } from "./chunk-VQU3CBAL.js";
+import {
+  useLightboxCopy
+} from "./chunk-TEQYTEM2.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -156,4 +156,4 @@ export {
   LightboxZoomControls,
   LightboxAutoplayButton
 };
-//# sourceMappingURL=chunk-P772HCHI.js.map
+//# sourceMappingURL=chunk-W676GY42.js.map

package/dist/chunk-WCETCAZO.js

@@ -0,0 +1,140 @@
+import {
+  focusables,
+  handleGridKey
+} from "./chunk-QQFFE3CQ.js";
+import {
+  GridBody,
+  GridHeader
+} from "./chunk-I7CVC2DW.js";
+import {
+  useSidewaysScroll
+} from "./chunk-GONPUJIE.js";
+import {
+  useGridDrag
+} from "./chunk-B3SL5FP2.js";
+import {
+  SR_ONLY_SX,
+  frameSx,
+  headerSx,
+  rootSx,
+  rowGridSx,
+  scrollSx
+} from "./chunk-YSUJCKEE.js";
+import {
+  useAnnouncer
+} from "./chunk-35HMJQLO.js";
+import {
+  resolveLabels
+} from "./chunk-LL2BWQPM.js";
+import {
+  EN_US_UI_LABELS
+} from "./chunk-57FIUJJJ.js";
+
+// src/components/data-display/ScheduleGrid/ScheduleGrid.tsx
+import Box from "@mui/material/Box/index.js";
+import { useEffect, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function plusOf(target) {
+  if (!(target instanceof HTMLElement)) return null;
+  const plus = target.closest("button[data-sg-focus]");
+  return plus && plus.dataset.sgBlock === void 0 && plus.dataset.sgRow !== void 0 ? plus : null;
+}
+function useFollowFocus(rootRef) {
+  const pending = useRef(null);
+  useEffect(() => {
+    const follow = pending.current;
+    if (!follow || !rootRef.current) return;
+    const block = focusables(rootRef.current).find(
+      (el) => Number(el.dataset.sgDay) !== follow.day || el.dataset.sgBlock === void 0 ? false : follow.kind === "move" ? el.dataset.sgBlock === follow.id : el.dataset.sgRow === follow.row
+    );
+    if (!block) return;
+    block.focus(follow.kind === "create" && follow.pointer ? { preventScroll: true } : void 0);
+    pending.current = null;
+  });
+  return {
+    follow: (id, day) => {
+      pending.current = { kind: "move", id, day };
+    },
+    /** A key that presses an empty day's "+" (its click creates there). */
+    followCreate: (event) => {
+      const plus = plusOf(event.target);
+      if (event.key !== "Enter" && event.key !== " " || !plus?.dataset.sgRow) return;
+      pending.current = { kind: "create", row: plus.dataset.sgRow, day: Number(plus.dataset.sgDay), pointer: false };
+    },
+    /** A pointer click on an empty day's "+" (a key's click, `detail` 0, is the key's). */
+    followClickCreate: (event) => {
+      const plus = plusOf(event.target);
+      if (event.detail === 0 || !plus?.dataset.sgRow) return;
+      pending.current = { kind: "create", row: plus.dataset.sgRow, day: Number(plus.dataset.sgDay), pointer: true };
+    },
+    forget: () => {
+      pending.current = null;
+    }
+  };
+}
+function abilitiesOf(props) {
+  const open = !props.readOnly && !props.loading;
+  return { create: open && Boolean(props.onCreate), copy: open && Boolean(props.onCopy), move: open && Boolean(props.onMove) };
+}
+function ScheduleGrid(props) {
+  const { columns, groups, cell, onCreate, onCopy, onMove } = props;
+  const testId = props.dataTestId ?? "schedule-grid";
+  const labels = resolveLabels(EN_US_UI_LABELS.scheduleGrid, props.labels);
+  const rootRef = useRef(null);
+  const { text: announcement, say } = useAnnouncer();
+  const focus = useFollowFocus(rootRef);
+  const dragApi = useGridDrag(rootRef, { cell, onCreate, onCopy, onMove });
+  const can = abilitiesOf(props);
+  const rows = groups.flatMap((group) => group.rows);
+  const hasTotal = props.totalLabel !== void 0 || rows.some((row) => row.total !== void 0);
+  const rowSx = rowGridSx(columns.length, hasTotal);
+  const headRef = useRef(null);
+  const bodyRef = useRef(null);
+  const sideways = useSidewaysScroll(headRef, bodyRef);
+  const onKeyDown = (event) => {
+    sideways.release();
+    focus.forget();
+    if (!rootRef.current) return;
+    if (can.create) focus.followCreate(event);
+    handleGridKey(event, { root: rootRef.current, rows, columns, cell, can, onCopy, onMove, labels, say, follow: focus.follow });
+  };
+  return /* @__PURE__ */ jsxs(Box, { sx: rootSx, "data-testid": testId, children: [
+    /* @__PURE__ */ jsxs(
+      Box,
+      {
+        ref: rootRef,
+        role: "table",
+        "aria-label": props["aria-label"],
+        "aria-busy": props.loading || void 0,
+        "aria-description": props.loading ? labels.loading : void 0,
+        sx: frameSx(columns.length, hasTotal),
+        onKeyDown,
+        onPointerDownCapture: focus.forget,
+        onClickCapture: can.create ? focus.followClickCreate : void 0,
+        children: [
+          /* @__PURE__ */ jsx(Box, { ref: headRef, role: "none", sx: headerSx(props.stickyTop ?? 0), "data-sg-head": "", "data-testid": `${testId}-head`, onWheel: sideways.forwardWheel, children: /* @__PURE__ */ jsx(GridHeader, { columns, totalLabel: hasTotal ? props.totalLabel ?? "" : void 0, rowSx, testId }) }),
+          /* @__PURE__ */ jsx(
+            Box,
+            {
+              ref: bodyRef,
+              role: "none",
+              sx: scrollSx,
+              "data-sg-scroll": "",
+              "data-testid": `${testId}-scroll`,
+              onScroll: sideways.follow,
+              onFocus: sideways.bringOut,
+              onPointerDownCapture: sideways.press,
+              children: /* @__PURE__ */ jsx(GridBody, { grid: props, rows, rowSx, hasTotal, can, dragApi, labels, testId })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Box, { sx: SR_ONLY_SX, "aria-live": "polite", role: "status", "data-testid": `${testId}-live`, children: announcement })
+  ] });
+}
+
+export {
+  ScheduleGrid
+};
+//# sourceMappingURL=chunk-WCETCAZO.js.map

package/dist/chunk-WCETCAZO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/ScheduleGrid/ScheduleGrid.tsx"],"sourcesContent":["'use client';\n\nimport Box from '@mui/material/Box/index.js';\nimport React, { useEffect, useRef } from 'react';\n\nimport { EN_US_UI_LABELS } from '../../../en-US.labels';\nimport { resolveLabels } from '../../../utils/resolve-labels';\nimport { focusables, handleGridKey } from './ScheduleGrid.keyboard';\nimport { GridBody, GridHeader, type CellAbilities } from './ScheduleGrid.parts';\nimport { frameSx, headerSx, rootSx, rowGridSx, scrollSx, SR_ONLY_SX } from './ScheduleGrid.styles';\nimport type { ScheduleGridProps } from './ScheduleGrid.types';\nimport { useAnnouncer } from './useAnnouncer';\nimport { useGridDrag } from './useGridDrag';\nimport { useSidewaysScroll } from './useSidewaysScroll';\n\n/**\n * After a keyboard move the host re-renders the block in its new cell (a new\n * element): focus follows it there. After a create on an empty day's \"+\" (Enter,\n * Space or a click) the \"+\" gives way to the host's new block: focus moves to\n * it, so the arrows go on from there — after a click without scrolling. A host\n * that refused keeps focus where it was; the next key or pointer press forgets\n * the wait.\n */\ntype FollowTarget = { kind: 'move'; id: string; day: number } | { kind: 'create'; row: string; day: number; pointer: boolean };\n\n/** The empty day's \"+\" an event landed on, if any. */\nfunction plusOf(target: EventTarget): HTMLElement | null {\n  if (!(target instanceof HTMLElement)) return null;\n  const plus = target.closest<HTMLElement>('button[data-sg-focus]');\n  return plus && plus.dataset.sgBlock === undefined && plus.dataset.sgRow !== undefined ? plus : null;\n}\n\nfunction useFollowFocus(rootRef: React.RefObject<HTMLElement | null>) {\n  const pending = useRef<FollowTarget | null>(null);\n  useEffect(() => {\n    const follow = pending.current;\n    if (!follow || !rootRef.current) return;\n    const block = focusables(rootRef.current).find((el) =>\n      Number(el.dataset.sgDay) !== follow.day || el.dataset.sgBlock === undefined\n        ? false\n        : follow.kind === 'move'\n          ? el.dataset.sgBlock === follow.id\n          : el.dataset.sgRow === follow.row,\n    );\n    if (!block) return;\n    // After a click the cell stays where the pointer left it: no scroll at all (FUT-3825 R1).\n    block.focus(follow.kind === 'create' && follow.pointer ? { preventScroll: true } : undefined);\n    pending.current = null;\n  });\n  return {\n    follow: (id: string, day: number): void => {\n      pending.current = { kind: 'move', id, day };\n    },\n    /** A key that presses an empty day's \"+\" (its click creates there). */\n    followCreate: (event: React.KeyboardEvent): void => {\n      const plus = plusOf(event.target);\n      if ((event.key !== 'Enter' && event.key !== ' ') || !plus?.dataset.sgRow) return;\n      pending.current = { kind: 'create', row: plus.dataset.sgRow, day: Number(plus.dataset.sgDay), pointer: false };\n    },\n    /** A pointer click on an empty day's \"+\" (a key's click, `detail` 0, is the key's). */\n    followClickCreate: (event: React.MouseEvent): void => {\n      const plus = plusOf(event.target);\n      if (event.detail === 0 || !plus?.dataset.sgRow) return;\n      pending.current = { kind: 'create', row: plus.dataset.sgRow, day: Number(plus.dataset.sgDay), pointer: true };\n    },\n    forget: (): void => {\n      pending.current = null;\n    },\n  };\n}\n\nfunction abilitiesOf(props: ScheduleGridProps): CellAbilities {\n  const open = !props.readOnly && !props.loading;\n  return { create: open && Boolean(props.onCreate), copy: open && Boolean(props.onCopy), move: open && Boolean(props.onMove) };\n}\n\n/**\n * People (or resources) as rows, days as columns, and blocks with a start and\n * an end in the cells — the week grid of a staff schedule (FUT-3825).\n *\n * Click an empty cell to create on that day; drag across empty cells of a row\n * to create on each; drag a block's edge grip along its row to copy it; drag\n * its middle to move it to another day or row; click it to open it. Touch\n * scrolls and never drags. Every gesture has a keyboard twin.\n *\n * The grid reports gestures; the hours, limits and refusals are the host's.\n */\nexport function ScheduleGrid(props: ScheduleGridProps): React.JSX.Element {\n  const { columns, groups, cell, onCreate, onCopy, onMove } = props;\n  const testId = props.dataTestId ?? 'schedule-grid';\n  const labels = resolveLabels(EN_US_UI_LABELS.scheduleGrid, props.labels);\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const { text: announcement, say } = useAnnouncer();\n  const focus = useFollowFocus(rootRef);\n  const dragApi = useGridDrag(rootRef, { cell, onCreate, onCopy, onMove });\n  const can = abilitiesOf(props);\n  const rows = groups.flatMap((group) => group.rows);\n  const hasTotal = props.totalLabel !== undefined || rows.some((row) => row.total !== undefined);\n  const rowSx = rowGridSx(columns.length, hasTotal);\n\n  const headRef = useRef<HTMLDivElement | null>(null);\n  const bodyRef = useRef<HTMLDivElement | null>(null);\n  const sideways = useSidewaysScroll(headRef, bodyRef);\n\n  const onKeyDown = (event: React.KeyboardEvent): void => {\n    sideways.release();\n    focus.forget();\n    if (!rootRef.current) return;\n    if (can.create) focus.followCreate(event);\n    handleGridKey(event, { root: rootRef.current, rows, columns, cell, can, onCopy, onMove, labels, say, follow: focus.follow });\n  };\n\n  return (\n    <Box sx={rootSx} data-testid={testId}>\n      <Box\n        ref={rootRef}\n        role=\"table\"\n        aria-label={props['aria-label']}\n        aria-busy={props.loading || undefined}\n        aria-description={props.loading ? labels.loading : undefined}\n        sx={frameSx(columns.length, hasTotal)}\n        onKeyDown={onKeyDown}\n        onPointerDownCapture={focus.forget}\n        onClickCapture={can.create ? focus.followClickCreate : undefined}\n      >\n        {/* The header row sits outside the sideways scroller, so it sticks to the page; it follows the days sideways. */}\n        <Box ref={headRef} role=\"none\" sx={headerSx(props.stickyTop ?? 0)} data-sg-head=\"\" data-testid={`${testId}-head`} onWheel={sideways.forwardWheel}>\n          <GridHeader columns={columns} totalLabel={hasTotal ? (props.totalLabel ?? '') : undefined} rowSx={rowSx} testId={testId} />\n        </Box>\n        <Box ref={bodyRef} role=\"none\" sx={scrollSx} data-sg-scroll=\"\" data-testid={`${testId}-scroll`} onScroll={sideways.follow}\n          onFocus={sideways.bringOut}\n          onPointerDownCapture={sideways.press}\n        >\n          <GridBody grid={props} rows={rows} rowSx={rowSx} hasTotal={hasTotal} can={can} dragApi={dragApi} labels={labels} testId={testId} />\n        </Box>\n      </Box>\n      <Box sx={SR_ONLY_SX} aria-live=\"polite\" role=\"status\" data-testid={`${testId}-live`}>\n        {announcement}\n      </Box>\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-B32XH7NK.js → chunk-WHOD6LVN.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   Toast
-} from "./chunk-T77OVQEO.js";
+} from "./chunk-LZKS3NER.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-57FIUJJJ.js";
 
 // src/components/form/total-form/FormErrorSnackbar.tsx
 import { jsx } from "react/jsx-runtime";
@@ -30,4 +30,4 @@ function FormErrorSnackbar({
 export {
   FormErrorSnackbar
 };
-//# sourceMappingURL=chunk-B32XH7NK.js.map
+//# sourceMappingURL=chunk-WHOD6LVN.js.map

package/dist/{chunk-52RHAAIH.js → chunk-WLC56R2I.js}

@@ -4,19 +4,19 @@ import {
 } from "./chunk-QLJU7UUI.js";
 import {
   MoreFilters
-} from "./chunk-OQN2FHEL.js";
+} from "./chunk-Y6IIWGZB.js";
 import {
   PillControl
-} from "./chunk-GOQOVKUZ.js";
-import {
-  isQuickActive
-} from "./chunk-KYUEO2IO.js";
+} from "./chunk-I6CP3ZTP.js";
 import {
   RangePill
-} from "./chunk-CARUHKZW.js";
+} from "./chunk-B7GGLFJB.js";
 import {
   QuickChip
 } from "./chunk-AT6UKTH4.js";
+import {
+  isQuickActive
+} from "./chunk-KYUEO2IO.js";
 import {
   CollapsedSearch,
   InlineKeyword
@@ -248,4 +248,4 @@ function FilterSlots({
 export {
   InlineFilterControls
 };
-//# sourceMappingURL=chunk-52RHAAIH.js.map
+//# sourceMappingURL=chunk-WLC56R2I.js.map

package/dist/{chunk-T2G4LDU5.js → chunk-WLLUARTC.js}

@@ -3,7 +3,7 @@ import {
   LightboxCloseButton,
   LightboxNavButtons,
   LightboxZoomControls
-} from "./chunk-P772HCHI.js";
+} from "./chunk-W676GY42.js";
 
 // src/components/data-display/Lightbox/LightboxOverlay.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -60,4 +60,4 @@ var LightboxOverlay = ({
 export {
   LightboxOverlay
 };
-//# sourceMappingURL=chunk-T2G4LDU5.js.map
+//# sourceMappingURL=chunk-WLLUARTC.js.map

package/dist/{chunk-X4J576GR.js → chunk-WTACWJSF.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-GWFAINQ7.js";
 import {
   PT_BR_UI_LABELS
-} from "./chunk-TJUWSQYQ.js";
+} from "./chunk-PSIUFPXA.js";
 import {
   accentFor
 } from "./chunk-B7ZHEOQQ.js";
@@ -261,4 +261,4 @@ export {
   AppHeaderStatus,
   AppHeaderIdentity
 };
-//# sourceMappingURL=chunk-X4J576GR.js.map
+//# sourceMappingURL=chunk-WTACWJSF.js.map

package/dist/{chunk-5S5K73I6.js → chunk-WUBMJSBR.js}

@@ -1,6 +1,6 @@
 import {
   statusMessage
-} from "./chunk-5CP5Z3YU.js";
+} from "./chunk-TYGVNTUP.js";
 import {
   DayBoundInput
 } from "./chunk-72HOUWAW.js";
@@ -64,4 +64,4 @@ function DateRangeFields({
 export {
   DateRangeFields
 };
-//# sourceMappingURL=chunk-5S5K73I6.js.map
+//# sourceMappingURL=chunk-WUBMJSBR.js.map

package/dist/{chunk-MK6UXAWY.js → chunk-X2GWR75Q.js}

@@ -1,6 +1,6 @@
 import {
   partTestId
-} from "./chunk-UT545JBQ.js";
+} from "./chunk-3EIRRLCQ.js";
 import {
   SETTING_CARD
 } from "./chunk-BFRVMCQM.js";
@@ -92,4 +92,4 @@ export {
   SummaryInfo,
   useSummaryInfo
 };
-//# sourceMappingURL=chunk-MK6UXAWY.js.map
+//# sourceMappingURL=chunk-X2GWR75Q.js.map