@12-apps/ui 6.86.1 → 6.87.0

package/dist/charts.js

@@ -1,22 +1,14 @@
 import "./chunk-5KLSLD72.js";
 import {
   SpecChart
-} from "./chunk-TIM4PXWN.js";
+} from "./chunk-SB2SEGR6.js";
 import {
   Chart
-} from "./chunk-HI7JPDD6.js";
-import {
-  CHART_SEMANTIC_COLORS,
-  ChartSpecError,
-  parseChartSpec,
-  specToChartProps
-} from "./chunk-JVOEVTCZ.js";
-import {
-  getChartSpecRenderer,
-  getRegisteredChartSpecTypes,
-  registerChartSpecRenderer
-} from "./chunk-WKUA6P3W.js";
-import "./chunk-QADTI63U.js";
+} from "./chunk-AMLHEKSV.js";
+import "./chunk-6ATXOJVQ.js";
+import "./chunk-TZC6KIK2.js";
+import "./chunk-TCWISGSS.js";
+import "./chunk-SOHQPPYJ.js";
 import {
   ChartContainer,
   ChartLegend,
@@ -24,20 +16,28 @@ import {
   ChartTooltip,
   ChartTooltipContent
 } from "./chunk-RIRTW5EU.js";
+import {
+  CHART_SEMANTIC_COLORS,
+  ChartSpecError,
+  parseChartSpec,
+  specToChartProps
+} from "./chunk-HQCZT6TO.js";
 import {
   chartValueFormatter,
   formatChartValue
 } from "./chunk-6GPNZSAE.js";
-import "./chunk-TZC6KIK2.js";
-import "./chunk-TCWISGSS.js";
-import "./chunk-SOHQPPYJ.js";
+import {
+  getChartSpecRenderer,
+  getRegisteredChartSpecTypes,
+  registerChartSpecRenderer
+} from "./chunk-WKUA6P3W.js";
 import "./chunk-B7ZHEOQQ.js";
 import "./chunk-BRHRK7BK.js";
 import "./chunk-25MSGLNU.js";
 import "./chunk-GAXHYRX6.js";
 import "./chunk-NP6SHLQ3.js";
-import "./chunk-TZ23DNKY.js";
 import "./chunk-7ZPUN7TV.js";
+import "./chunk-TZ23DNKY.js";
 import "./chunk-PT6TCWIW.js";
 import "./chunk-RGVNXES5.js";
 import "./chunk-GDN2LUTZ.js";

package/dist/{chunk-DYRZRY2T.js → chunk-2CRNOJGL.js}

@@ -1,16 +1,16 @@
-import {
-  useSheetDrag,
-  useSheetOpen
-} from "./chunk-LYVTJLCF.js";
 import {
   SheetBody
-} from "./chunk-E5OBAS3U.js";
+} from "./chunk-ZLIES3XR.js";
 import {
   panelSx
 } from "./chunk-3ROCD7XF.js";
 import {
   SheetOverlay
-} from "./chunk-NASLJO2R.js";
+} from "./chunk-DRJGHTQU.js";
+import {
+  useSheetDrag,
+  useSheetOpen
+} from "./chunk-56JF5PZK.js";
 import {
   DEFAULT_DRAG_RESISTANCE,
   DEFAULT_VELOCITY_THRESHOLD,
@@ -143,4 +143,4 @@ var Sheet = (props) => {
 export {
   Sheet
 };
-//# sourceMappingURL=chunk-DYRZRY2T.js.map
+//# sourceMappingURL=chunk-2CRNOJGL.js.map

package/dist/{chunk-L5KPBMMF.js → chunk-2ENMRK3U.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-LL2BWQPM.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-57FIUJJJ.js";
 import {
   FIELD_BORDER_WIDTH
 } from "./chunk-O6MJWHU5.js";
@@ -308,4 +308,4 @@ export {
   TableDataRow,
   EnhancedTableBody
 };
-//# sourceMappingURL=chunk-L5KPBMMF.js.map
+//# sourceMappingURL=chunk-2ENMRK3U.js.map

package/dist/{chunk-FZEDQNUN.js → chunk-2KBATUOZ.js}

@@ -3,11 +3,11 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   createConfirmButton
-} from "./chunk-XQJPR57I.js";
+} from "./chunk-YKONJEI4.js";
 import {
   Dialog,
   DialogContent
-} from "./chunk-DAFFZED3.js";
+} from "./chunk-5YVMFK7Y.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -16,7 +16,7 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-HJJR2WGL.js";
+} from "./chunk-YOXYSAUI.js";
 import {
   Text
 } from "./chunk-AJBRO76D.js";
@@ -128,4 +128,4 @@ function ManageViewsDialog({
 export {
   ManageViewsDialog
 };
-//# sourceMappingURL=chunk-FZEDQNUN.js.map
+//# sourceMappingURL=chunk-2KBATUOZ.js.map

package/dist/{chunk-33AVAYCR.js → chunk-2L6TANRY.js}

@@ -1,12 +1,12 @@
+import {
+  useAddressAutocomplete
+} from "./chunk-FKUVFPQZ.js";
 import {
   AddressFallbackField
 } from "./chunk-IU2WSJ4F.js";
 import {
   AddressAutocompleteField
-} from "./chunk-56GWNA5V.js";
-import {
-  useAddressAutocomplete
-} from "./chunk-FKUVFPQZ.js";
+} from "./chunk-X6D5JEUV.js";
 import {
   resolveAddressProps
 } from "./chunk-NNKIM73H.js";
@@ -36,4 +36,4 @@ export {
   AddressAutocomplete,
   AddressAutocomplete_default
 };
-//# sourceMappingURL=chunk-33AVAYCR.js.map
+//# sourceMappingURL=chunk-2L6TANRY.js.map

package/dist/{chunk-ENJOBJPK.js → chunk-2MT6VSS2.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-HJJR2WGL.js";
+} from "./chunk-YOXYSAUI.js";
 import {
   Text
 } from "./chunk-AJBRO76D.js";
@@ -297,4 +297,4 @@ export {
   ViewHeader,
   ViewFooter
 };
-//# sourceMappingURL=chunk-ENJOBJPK.js.map
+//# sourceMappingURL=chunk-2MT6VSS2.js.map

package/dist/{chunk-VKTF3GAP.js → chunk-2MYSXWZQ.js}

@@ -1,3 +1,11 @@
+import {
+  bounceAnimation,
+  glowAnimation,
+  pulseAnimation,
+  rippleAnimation,
+  shimmerAnimation,
+  spinAnimation
+} from "./chunk-RIEV4VXF.js";
 import {
   DISABLED,
   IOS_BASE_OFFSET,
@@ -25,14 +33,6 @@ import {
   showsTrackLabels,
   trackColor
 } from "./chunk-DCK5ZEIU.js";
-import {
-  bounceAnimation,
-  glowAnimation,
-  pulseAnimation,
-  rippleAnimation,
-  shimmerAnimation,
-  spinAnimation
-} from "./chunk-RIEV4VXF.js";
 import {
   inkOver
 } from "./chunk-44BD7SFH.js";
@@ -291,4 +291,4 @@ export {
   onTrackInk,
   switchSx
 };
-//# sourceMappingURL=chunk-VKTF3GAP.js.map
+//# sourceMappingURL=chunk-2MYSXWZQ.js.map

package/dist/{chunk-CHP3QIS3.js → chunk-2ORD2FMN.js}

@@ -1,6 +1,6 @@
 import {
   SEQUENCE_METRICS
-} from "./chunk-HHPFWEJY.js";
+} from "./chunk-ALDS5ISD.js";
 import {
   softSignal
 } from "./chunk-TZ23DNKY.js";
@@ -188,6 +188,36 @@ var doneTitleSx = {
   fontWeight: 500,
   outline: "none"
 };
+var overviewTitleSx = {
+  fontSize: sxRem(SEQUENCE_METRICS.overviewTitle),
+  fontWeight: 500,
+  lineHeight: 1.3,
+  outline: "none",
+  minWidth: 0
+};
+var overviewRowSx = (theme) => ({
+  display: "flex",
+  flexWrap: "wrap",
+  alignItems: "center",
+  columnGap: 1.5,
+  rowGap: 1,
+  py: 1.5,
+  borderBottom: "1px solid",
+  borderColor: "divider",
+  "& > :not(button)": { flex: `1 1 ${rem(theme, SEQUENCE_METRICS.overviewTextMin)}`, minWidth: 0 },
+  "& > button": { flex: "none" }
+});
+var overviewFooterSx = {
+  display: "flex",
+  justifyContent: "flex-start",
+  pt: 2,
+  mt: 2,
+  borderTop: "1px solid",
+  borderColor: "divider"
+};
+function stepScreenSx(hidden) {
+  return hidden ? { display: "none" } : { display: "contents", "& > *": { flexShrink: 0 } };
+}
 
 export {
   columnSx,
@@ -213,6 +243,10 @@ export {
   tertiarySx,
   doneSx,
   doneIconSx,
-  doneTitleSx
+  doneTitleSx,
+  overviewTitleSx,
+  overviewRowSx,
+  overviewFooterSx,
+  stepScreenSx
 };
-//# sourceMappingURL=chunk-CHP3QIS3.js.map
+//# sourceMappingURL=chunk-2ORD2FMN.js.map

package/dist/{chunk-CHP3QIS3.js.map → chunk-2ORD2FMN.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/feedback/SequenceResolver/SequenceResolver.styles.ts"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles/index.js';\n\nimport { rem, sxRem } from '../../../tokens/relative';\nimport { softSignal } from '../../../tokens/surfaces';\nimport { SEQUENCE_METRICS } from './SequenceResolver.metrics';\n\n/**\n * The paper's column: chrome (handle, header, progress) on top, the screen's\n * body below — one gap, as the prototype draws it. The body is the ONLY scroll\n * region, so Back, the step label, close and the progress never scroll away\n * with a long step. A title focused by script (`tabIndex={-1}`, the host's\n * included) is not a control and draws no focus ring.\n */\nexport const columnSx: SxProps<Theme> = {\n  display: 'flex',\n  flexDirection: 'column',\n  flex: '1 1 auto',\n  minHeight: 0,\n  gap: 2.25,\n  '& [tabindex=\"-1\"]:focus': { outline: 0 },\n};\n\n/** The chrome above the body: never shrinks, never scrolls. */\nexport const chromeSx: SxProps<Theme> = { display: 'flex', flexDirection: 'column', gap: 2.25, flex: 'none' };\n\n/** The screen's body: takes what the paper has left and scrolls inside it. */\nexport const scrollBodySx: SxProps<Theme> = {\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2.25,\n  flex: '1 1 auto',\n  minHeight: 0,\n  overflowY: 'auto',\n  overscrollBehavior: 'contain',\n  // The body's children keep their own height and the BODY scrolls: a\n  // shrinking child (the intro's clipped list, a host's step) would\n  // otherwise be crushed instead (320×568, 700×420).\n  '& > *': { flexShrink: 0 },\n  // Room inside the scroll edge for focus rings and the primary's shadow,\n  // which an `overflow` box would otherwise clip; the negative margin keeps\n  // the content where the prototype puts it.\n  px: 0.5,\n  mx: -0.5,\n  pb: 0.5,\n};\n\n/**\n * The paper stops scrolling itself and lets its one child (the Dialog's padded\n * body box around `columnSx`) shrink, so the height cap reaches the body.\n * Below the sheet breakpoint the paper is also capped at 95% of the viewport.\n */\nexport function paperSx(touch: boolean): SxProps<Theme> {\n  const share = SEQUENCE_METRICS.sheetMaxHeightPercent;\n  const column = {\n    overflowY: 'hidden',\n    '& > *': { display: 'flex', flexDirection: 'column', flex: '1 1 auto', minHeight: 0 },\n  } as const;\n  if (!touch) return column;\n  return {\n    ...column,\n    maxHeight: `${share}vh`,\n    '@supports (height: 100dvh)': { maxHeight: `${share}dvh` },\n  };\n}\n\n/** The end screen's button: a step down from the sentence, at the touch-target height on a phone. */\nexport function doneConfirmSx(): SxProps<Theme> {\n  return { mt: 1, minHeight: sxRem(SEQUENCE_METRICS.touchTarget) };\n}\n\n/** \"All in sequence\": the prototype's 48px, and taller when a long label wraps. */\nexport const startAllSx: SxProps<Theme> = { height: 'auto', minHeight: sxRem(SEQUENCE_METRICS.startAllHeight) };\n\n/** A button at the touch-target height below the sheet breakpoint; its own size above it. */\nexport function actionSx(touch: boolean): SxProps<Theme> {\n  // On a phone the footer's actions share the row while both labels fit on\n  // one line each; one that does not takes a full row instead of wrapping\n  // word by word, and a label wider than the row itself wraps inside it\n  // rather than pushing the sheet sideways.\n  return touch\n    ? { minHeight: sxRem(SEQUENCE_METRICS.touchTarget), flex: '1 1 max-content', minWidth: 0, maxWidth: '100%' }\n    : {};\n}\n\nexport const handleSx: SxProps<Theme> = {\n  alignSelf: 'center',\n  width: sxRem(SEQUENCE_METRICS.handle.width),\n  height: sxRem(SEQUENCE_METRICS.handle.height),\n  borderRadius: sxRem(SEQUENCE_METRICS.handle.height / 2),\n  bgcolor: 'divider',\n  flex: 'none',\n};\n\nexport const headerSx: SxProps<Theme> = {\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: 1.5,\n};\n\n/** Back and the label; on a narrow sheet the label takes its own row rather than squeeze. */\nexport const headerStartSx: SxProps<Theme> = {\n  display: 'inline-flex',\n  flexWrap: 'wrap',\n  alignItems: 'center',\n  columnGap: 0.75,\n  minWidth: 0,\n};\n\nexport const stepLabelSx: SxProps<Theme> = {\n  fontSize: sxRem(SEQUENCE_METRICS.stepLabel),\n  fontWeight: 500,\n  color: 'text.secondary',\n  minWidth: 0,\n};\n\nexport function closeButtonSx(touch: boolean): SxProps<Theme> {\n  const size = touch ? SEQUENCE_METRICS.closeSize.touch : SEQUENCE_METRICS.closeSize.pointer;\n  return { width: sxRem(size), height: sxRem(size), color: 'text.secondary', flex: 'none' };\n}\n\nexport function backButtonSx(touch: boolean): SxProps<Theme> {\n  return touch ? { flex: 'none', minHeight: sxRem(SEQUENCE_METRICS.touchTarget) } : { flex: 'none' };\n}\n\nexport const titleSx: SxProps<Theme> = {\n  fontSize: sxRem(SEQUENCE_METRICS.title),\n  fontWeight: 500,\n  lineHeight: 1.25,\n  outline: 'none',\n};\n\nexport const introListSx: SxProps<Theme> = {\n  display: 'flex',\n  flexDirection: 'column',\n  border: '1px solid',\n  borderColor: 'divider',\n  borderRadius: sxRem(SEQUENCE_METRICS.listRadius),\n  overflow: 'hidden',\n  m: 0,\n  p: 0,\n  listStyle: 'none',\n};\n\nexport function categoryRowSx(last: boolean): SxProps<Theme> {\n  return {\n  display: 'flex',\n  alignItems: 'center',\n  gap: 1.5,\n  width: '100%',\n  minHeight: sxRem(SEQUENCE_METRICS.categoryMinHeight),\n  px: 1.75,\n  py: 1.25,\n  textAlign: 'left',\n  justifyContent: 'flex-start',\n  borderBottom: last ? 0 : '1px solid',\n  borderColor: 'divider',\n  '&:hover': { bgcolor: 'action.hover' },\n  '&.Mui-focusVisible': { bgcolor: 'action.focus' },\n  };\n}\n\nexport const countBadgeSx: SxProps<Theme> = (theme: Theme) => ({\n  flex: 'none',\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  boxSizing: 'border-box',\n  minWidth: rem(theme, SEQUENCE_METRICS.countBadge),\n  height: rem(theme, SEQUENCE_METRICS.countBadge),\n  px: 0.75,\n  borderRadius: rem(theme, SEQUENCE_METRICS.countBadge / 2),\n  bgcolor: softSignal(theme, 'error'),\n  // The signal's deep step on its soft ground; the light step on a dark one.\n  color: theme.palette.mode === 'dark' ? 'error.light' : 'error.dark',\n  fontWeight: 500,\n});\n\nexport const categoryTextSx: SxProps<Theme> = {\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 0.25,\n  flex: '1 1 auto',\n  minWidth: 0,\n};\n\nexport const categoryDescriptionSx: SxProps<Theme> = {\n  fontSize: sxRem(SEQUENCE_METRICS.categoryDescription),\n  color: 'text.secondary',\n};\n\n/**\n * The step's footer, as the prototype draws each kind:\n * - phone: the actions share the row (a label that does not fit takes a full\n *   row), no hairline;\n * - pointer, `'split'`: two equal full-width columns, no hairline (limits, a purchase);\n * - pointer, `'end'`: auto-width actions, right-aligned, over a hairline (restock).\n */\nexport function footerSx(touch: boolean, layout: 'end' | 'split'): SxProps<Theme> {\n  if (touch) return { display: 'flex', flexWrap: 'wrap', gap: 1.25 };\n  if (layout === 'split') {\n    return { display: 'grid', gridAutoFlow: 'column', gridAutoColumns: 'minmax(0, 1fr)', gap: 1.25 };\n  }\n  return {\n    display: 'flex',\n    flexWrap: 'wrap',\n    justifyContent: 'flex-end',\n    alignItems: 'center',\n    gap: 1.25,\n    pt: 1.5,\n    borderTop: '1px solid',\n    borderColor: 'divider',\n  };\n}\n\nexport function tertiarySx(touch: boolean): SxProps<Theme> {\n  return touch ? { alignSelf: 'flex-start', minHeight: sxRem(SEQUENCE_METRICS.touchTarget) } : { alignSelf: 'flex-start' };\n}\n\nexport const doneSx: SxProps<Theme> = {\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  gap: 1.25,\n  py: 1.5,\n  textAlign: 'center',\n};\n\nexport const doneIconSx: SxProps<Theme> = {\n  fontSize: sxRem(SEQUENCE_METRICS.doneIcon),\n  color: 'success.main',\n};\n\nexport const doneTitleSx: SxProps<Theme> = {\n  fontSize: sxRem(SEQUENCE_METRICS.doneTitle),\n  fontWeight: 500,\n  outline: 'none',\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/components/feedback/SequenceResolver/SequenceResolver.styles.ts"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles/index.js';\n\nimport { rem, sxRem } from '../../../tokens/relative';\nimport { softSignal } from '../../../tokens/surfaces';\nimport { SEQUENCE_METRICS } from './SequenceResolver.metrics';\n\n/**\n * The paper's column: chrome (handle, header, progress) on top, the screen's\n * body below — one gap, as the prototype draws it. The body is the ONLY scroll\n * region, so Back, the step label, close and the progress never scroll away\n * with a long step. A title focused by script (`tabIndex={-1}`, the host's\n * included) is not a control and draws no focus ring.\n */\nexport const columnSx: SxProps<Theme> = {\n  display: 'flex',\n  flexDirection: 'column',\n  flex: '1 1 auto',\n  minHeight: 0,\n  gap: 2.25,\n  '& [tabindex=\"-1\"]:focus': { outline: 0 },\n};\n\n/** The chrome above the body: never shrinks, never scrolls. */\nexport const chromeSx: SxProps<Theme> = { display: 'flex', flexDirection: 'column', gap: 2.25, flex: 'none' };\n\n/** The screen's body: takes what the paper has left and scrolls inside it. */\nexport const scrollBodySx: SxProps<Theme> = {\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2.25,\n  flex: '1 1 auto',\n  minHeight: 0,\n  overflowY: 'auto',\n  overscrollBehavior: 'contain',\n  // The body's children keep their own height and the BODY scrolls: a\n  // shrinking child (the intro's clipped list, a host's step) would\n  // otherwise be crushed instead (320×568, 700×420).\n  '& > *': { flexShrink: 0 },\n  // Room inside the scroll edge for focus rings and the primary's shadow,\n  // which an `overflow` box would otherwise clip; the negative margin keeps\n  // the content where the prototype puts it.\n  px: 0.5,\n  mx: -0.5,\n  pb: 0.5,\n};\n\n/**\n * The paper stops scrolling itself and lets its one child (the Dialog's padded\n * body box around `columnSx`) shrink, so the height cap reaches the body.\n * Below the sheet breakpoint the paper is also capped at 95% of the viewport.\n */\nexport function paperSx(touch: boolean): SxProps<Theme> {\n  const share = SEQUENCE_METRICS.sheetMaxHeightPercent;\n  const column = {\n    overflowY: 'hidden',\n    '& > *': { display: 'flex', flexDirection: 'column', flex: '1 1 auto', minHeight: 0 },\n  } as const;\n  if (!touch) return column;\n  return {\n    ...column,\n    maxHeight: `${share}vh`,\n    '@supports (height: 100dvh)': { maxHeight: `${share}dvh` },\n  };\n}\n\n/** The end screen's button: a step down from the sentence, at the touch-target height on a phone. */\nexport function doneConfirmSx(): SxProps<Theme> {\n  return { mt: 1, minHeight: sxRem(SEQUENCE_METRICS.touchTarget) };\n}\n\n/** \"All in sequence\": the prototype's 48px, and taller when a long label wraps. */\nexport const startAllSx: SxProps<Theme> = { height: 'auto', minHeight: sxRem(SEQUENCE_METRICS.startAllHeight) };\n\n/** A button at the touch-target height below the sheet breakpoint; its own size above it. */\nexport function actionSx(touch: boolean): SxProps<Theme> {\n  // On a phone the footer's actions share the row while both labels fit on\n  // one line each; one that does not takes a full row instead of wrapping\n  // word by word, and a label wider than the row itself wraps inside it\n  // rather than pushing the sheet sideways.\n  return touch\n    ? { minHeight: sxRem(SEQUENCE_METRICS.touchTarget), flex: '1 1 max-content', minWidth: 0, maxWidth: '100%' }\n    : {};\n}\n\nexport const handleSx: SxProps<Theme> = {\n  alignSelf: 'center',\n  width: sxRem(SEQUENCE_METRICS.handle.width),\n  height: sxRem(SEQUENCE_METRICS.handle.height),\n  borderRadius: sxRem(SEQUENCE_METRICS.handle.height / 2),\n  bgcolor: 'divider',\n  flex: 'none',\n};\n\nexport const headerSx: SxProps<Theme> = {\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: 1.5,\n};\n\n/** Back and the label; on a narrow sheet the label takes its own row rather than squeeze. */\nexport const headerStartSx: SxProps<Theme> = {\n  display: 'inline-flex',\n  flexWrap: 'wrap',\n  alignItems: 'center',\n  columnGap: 0.75,\n  minWidth: 0,\n};\n\nexport const stepLabelSx: SxProps<Theme> = {\n  fontSize: sxRem(SEQUENCE_METRICS.stepLabel),\n  fontWeight: 500,\n  color: 'text.secondary',\n  minWidth: 0,\n};\n\nexport function closeButtonSx(touch: boolean): SxProps<Theme> {\n  const size = touch ? SEQUENCE_METRICS.closeSize.touch : SEQUENCE_METRICS.closeSize.pointer;\n  return { width: sxRem(size), height: sxRem(size), color: 'text.secondary', flex: 'none' };\n}\n\nexport function backButtonSx(touch: boolean): SxProps<Theme> {\n  return touch ? { flex: 'none', minHeight: sxRem(SEQUENCE_METRICS.touchTarget) } : { flex: 'none' };\n}\n\nexport const titleSx: SxProps<Theme> = {\n  fontSize: sxRem(SEQUENCE_METRICS.title),\n  fontWeight: 500,\n  lineHeight: 1.25,\n  outline: 'none',\n};\n\nexport const introListSx: SxProps<Theme> = {\n  display: 'flex',\n  flexDirection: 'column',\n  border: '1px solid',\n  borderColor: 'divider',\n  borderRadius: sxRem(SEQUENCE_METRICS.listRadius),\n  overflow: 'hidden',\n  m: 0,\n  p: 0,\n  listStyle: 'none',\n};\n\nexport function categoryRowSx(last: boolean): SxProps<Theme> {\n  return {\n  display: 'flex',\n  alignItems: 'center',\n  gap: 1.5,\n  width: '100%',\n  minHeight: sxRem(SEQUENCE_METRICS.categoryMinHeight),\n  px: 1.75,\n  py: 1.25,\n  textAlign: 'left',\n  justifyContent: 'flex-start',\n  borderBottom: last ? 0 : '1px solid',\n  borderColor: 'divider',\n  '&:hover': { bgcolor: 'action.hover' },\n  '&.Mui-focusVisible': { bgcolor: 'action.focus' },\n  };\n}\n\nexport const countBadgeSx: SxProps<Theme> = (theme: Theme) => ({\n  flex: 'none',\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  boxSizing: 'border-box',\n  minWidth: rem(theme, SEQUENCE_METRICS.countBadge),\n  height: rem(theme, SEQUENCE_METRICS.countBadge),\n  px: 0.75,\n  borderRadius: rem(theme, SEQUENCE_METRICS.countBadge / 2),\n  bgcolor: softSignal(theme, 'error'),\n  // The signal's deep step on its soft ground; the light step on a dark one.\n  color: theme.palette.mode === 'dark' ? 'error.light' : 'error.dark',\n  fontWeight: 500,\n});\n\nexport const categoryTextSx: SxProps<Theme> = {\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 0.25,\n  flex: '1 1 auto',\n  minWidth: 0,\n};\n\nexport const categoryDescriptionSx: SxProps<Theme> = {\n  fontSize: sxRem(SEQUENCE_METRICS.categoryDescription),\n  color: 'text.secondary',\n};\n\n/**\n * The step's footer, as the prototype draws each kind:\n * - phone: the actions share the row (a label that does not fit takes a full\n *   row), no hairline;\n * - pointer, `'split'`: two equal full-width columns, no hairline (limits, a purchase);\n * - pointer, `'end'`: auto-width actions, right-aligned, over a hairline (restock).\n */\nexport function footerSx(touch: boolean, layout: 'end' | 'split'): SxProps<Theme> {\n  if (touch) return { display: 'flex', flexWrap: 'wrap', gap: 1.25 };\n  if (layout === 'split') {\n    return { display: 'grid', gridAutoFlow: 'column', gridAutoColumns: 'minmax(0, 1fr)', gap: 1.25 };\n  }\n  return {\n    display: 'flex',\n    flexWrap: 'wrap',\n    justifyContent: 'flex-end',\n    alignItems: 'center',\n    gap: 1.25,\n    pt: 1.5,\n    borderTop: '1px solid',\n    borderColor: 'divider',\n  };\n}\n\nexport function tertiarySx(touch: boolean): SxProps<Theme> {\n  return touch ? { alignSelf: 'flex-start', minHeight: sxRem(SEQUENCE_METRICS.touchTarget) } : { alignSelf: 'flex-start' };\n}\n\nexport const doneSx: SxProps<Theme> = {\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  gap: 1.25,\n  py: 1.5,\n  textAlign: 'center',\n};\n\nexport const doneIconSx: SxProps<Theme> = {\n  fontSize: sxRem(SEQUENCE_METRICS.doneIcon),\n  color: 'success.main',\n};\n\nexport const doneTitleSx: SxProps<Theme> = {\n  fontSize: sxRem(SEQUENCE_METRICS.doneTitle),\n  fontWeight: 500,\n  outline: 'none',\n};\n\n/** The overview's title, in the header row where a step shows its label. */\nexport const overviewTitleSx: SxProps<Theme> = {\n  fontSize: sxRem(SEQUENCE_METRICS.overviewTitle),\n  fontWeight: 500,\n  lineHeight: 1.3,\n  outline: 'none',\n  minWidth: 0,\n};\n\n/**\n * One kind: its words take the width and its pick keeps its size on the right,\n * a hairline under it. Where the words would have less than `overviewTextMin`\n * beside the pick (a 320px phone), the pick drops under them, still at its\n * content width, instead of the label breaking word by word.\n */\nexport const overviewRowSx: SxProps<Theme> = (theme: Theme) => ({\n  display: 'flex',\n  flexWrap: 'wrap',\n  alignItems: 'center',\n  columnGap: 1.5,\n  rowGap: 1,\n  py: 1.5,\n  borderBottom: '1px solid',\n  borderColor: 'divider',\n  '& > :not(button)': { flex: `1 1 ${rem(theme, SEQUENCE_METRICS.overviewTextMin)}`, minWidth: 0 },\n  '& > button': { flex: 'none' },\n});\n\n/** \"Continue in sequence\": start-aligned under a hairline, as the prototype draws it. */\nexport const overviewFooterSx: SxProps<Theme> = {\n  display: 'flex',\n  justifyContent: 'flex-start',\n  pt: 2,\n  mt: 2,\n  borderTop: '1px solid',\n  borderColor: 'divider',\n};\n\n/**\n * The step's own wrapper: no box of its own while it shows (its parts stay the\n * body's flex items, keeping the body's gap and their height), nothing at all\n * while the overview covers it.\n */\nexport function stepScreenSx(hidden: boolean): SxProps<Theme> {\n  return hidden ? { display: 'none' } : { display: 'contents', '& > *': { flexShrink: 0 } };\n}\n"],"mappings":";;;;;;;;;;;;AAaO,IAAM,WAA2B;AAAA,EACtC,SAAS;AAAA,EACT,eAAe;AAAA,EACf,MAAM;AAAA,EACN,WAAW;AAAA,EACX,KAAK;AAAA,EACL,2BAA2B,EAAE,SAAS,EAAE;AAC1C;AAGO,IAAM,WAA2B,EAAE,SAAS,QAAQ,eAAe,UAAU,KAAK,MAAM,MAAM,OAAO;AAGrG,IAAM,eAA+B;AAAA,EAC1C,SAAS;AAAA,EACT,eAAe;AAAA,EACf,KAAK;AAAA,EACL,MAAM;AAAA,EACN,WAAW;AAAA,EACX,WAAW;AAAA,EACX,oBAAoB;AAAA;AAAA;AAAA;AAAA,EAIpB,SAAS,EAAE,YAAY,EAAE;AAAA;AAAA;AAAA;AAAA,EAIzB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAOO,SAAS,QAAQ,OAAgC;AACtD,QAAM,QAAQ,iBAAiB;AAC/B,QAAM,SAAS;AAAA,IACb,WAAW;AAAA,IACX,SAAS,EAAE,SAAS,QAAQ,eAAe,UAAU,MAAM,YAAY,WAAW,EAAE;AAAA,EACtF;AACA,MAAI,CAAC,MAAO,QAAO;AACnB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,WAAW,GAAG,KAAK;AAAA,IACnB,8BAA8B,EAAE,WAAW,GAAG,KAAK,MAAM;AAAA,EAC3D;AACF;AAGO,SAAS,gBAAgC;AAC9C,SAAO,EAAE,IAAI,GAAG,WAAW,MAAM,iBAAiB,WAAW,EAAE;AACjE;AAGO,IAAM,aAA6B,EAAE,QAAQ,QAAQ,WAAW,MAAM,iBAAiB,cAAc,EAAE;AAGvG,SAAS,SAAS,OAAgC;AAKvD,SAAO,QACH,EAAE,WAAW,MAAM,iBAAiB,WAAW,GAAG,MAAM,mBAAmB,UAAU,GAAG,UAAU,OAAO,IACzG,CAAC;AACP;AAEO,IAAM,WAA2B;AAAA,EACtC,WAAW;AAAA,EACX,OAAO,MAAM,iBAAiB,OAAO,KAAK;AAAA,EAC1C,QAAQ,MAAM,iBAAiB,OAAO,MAAM;AAAA,EAC5C,cAAc,MAAM,iBAAiB,OAAO,SAAS,CAAC;AAAA,EACtD,SAAS;AAAA,EACT,MAAM;AACR;AAEO,IAAM,WAA2B;AAAA,EACtC,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,KAAK;AACP;AAGO,IAAM,gBAAgC;AAAA,EAC3C,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,UAAU;AACZ;AAEO,IAAM,cAA8B;AAAA,EACzC,UAAU,MAAM,iBAAiB,SAAS;AAAA,EAC1C,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,UAAU;AACZ;AAEO,SAAS,cAAc,OAAgC;AAC5D,QAAM,OAAO,QAAQ,iBAAiB,UAAU,QAAQ,iBAAiB,UAAU;AACnF,SAAO,EAAE,OAAO,MAAM,IAAI,GAAG,QAAQ,MAAM,IAAI,GAAG,OAAO,kBAAkB,MAAM,OAAO;AAC1F;AAEO,SAAS,aAAa,OAAgC;AAC3D,SAAO,QAAQ,EAAE,MAAM,QAAQ,WAAW,MAAM,iBAAiB,WAAW,EAAE,IAAI,EAAE,MAAM,OAAO;AACnG;AAEO,IAAM,UAA0B;AAAA,EACrC,UAAU,MAAM,iBAAiB,KAAK;AAAA,EACtC,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AACX;AAEO,IAAM,cAA8B;AAAA,EACzC,SAAS;AAAA,EACT,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,cAAc,MAAM,iBAAiB,UAAU;AAAA,EAC/C,UAAU;AAAA,EACV,GAAG;AAAA,EACH,GAAG;AAAA,EACH,WAAW;AACb;AAEO,SAAS,cAAc,MAA+B;AAC3D,SAAO;AAAA,IACP,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,OAAO;AAAA,IACP,WAAW,MAAM,iBAAiB,iBAAiB;AAAA,IACnD,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,cAAc,OAAO,IAAI;AAAA,IACzB,aAAa;AAAA,IACb,WAAW,EAAE,SAAS,eAAe;AAAA,IACrC,sBAAsB,EAAE,SAAS,eAAe;AAAA,EAChD;AACF;AAEO,IAAM,eAA+B,CAAC,WAAkB;AAAA,EAC7D,MAAM;AAAA,EACN,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,UAAU,IAAI,OAAO,iBAAiB,UAAU;AAAA,EAChD,QAAQ,IAAI,OAAO,iBAAiB,UAAU;AAAA,EAC9C,IAAI;AAAA,EACJ,cAAc,IAAI,OAAO,iBAAiB,aAAa,CAAC;AAAA,EACxD,SAAS,WAAW,OAAO,OAAO;AAAA;AAAA,EAElC,OAAO,MAAM,QAAQ,SAAS,SAAS,gBAAgB;AAAA,EACvD,YAAY;AACd;AAEO,IAAM,iBAAiC;AAAA,EAC5C,SAAS;AAAA,EACT,eAAe;AAAA,EACf,KAAK;AAAA,EACL,MAAM;AAAA,EACN,UAAU;AACZ;AAEO,IAAM,wBAAwC;AAAA,EACnD,UAAU,MAAM,iBAAiB,mBAAmB;AAAA,EACpD,OAAO;AACT;AASO,SAAS,SAAS,OAAgB,QAAyC;AAChF,MAAI,MAAO,QAAO,EAAE,SAAS,QAAQ,UAAU,QAAQ,KAAK,KAAK;AACjE,MAAI,WAAW,SAAS;AACtB,WAAO,EAAE,SAAS,QAAQ,cAAc,UAAU,iBAAiB,kBAAkB,KAAK,KAAK;AAAA,EACjG;AACA,SAAO;AAAA,IACL,SAAS;AAAA,IACT,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,IAAI;AAAA,IACJ,WAAW;AAAA,IACX,aAAa;AAAA,EACf;AACF;AAEO,SAAS,WAAW,OAAgC;AACzD,SAAO,QAAQ,EAAE,WAAW,cAAc,WAAW,MAAM,iBAAiB,WAAW,EAAE,IAAI,EAAE,WAAW,aAAa;AACzH;AAEO,IAAM,SAAyB;AAAA,EACpC,SAAS;AAAA,EACT,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,WAAW;AACb;AAEO,IAAM,aAA6B;AAAA,EACxC,UAAU,MAAM,iBAAiB,QAAQ;AAAA,EACzC,OAAO;AACT;AAEO,IAAM,cAA8B;AAAA,EACzC,UAAU,MAAM,iBAAiB,SAAS;AAAA,EAC1C,YAAY;AAAA,EACZ,SAAS;AACX;AAGO,IAAM,kBAAkC;AAAA,EAC7C,UAAU,MAAM,iBAAiB,aAAa;AAAA,EAC9C,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,UAAU;AACZ;AAQO,IAAM,gBAAgC,CAAC,WAAkB;AAAA,EAC9D,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,IAAI;AAAA,EACJ,cAAc;AAAA,EACd,aAAa;AAAA,EACb,oBAAoB,EAAE,MAAM,OAAO,IAAI,OAAO,iBAAiB,eAAe,CAAC,IAAI,UAAU,EAAE;AAAA,EAC/F,cAAc,EAAE,MAAM,OAAO;AAC/B;AAGO,IAAM,mBAAmC;AAAA,EAC9C,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,WAAW;AAAA,EACX,aAAa;AACf;AAOO,SAAS,aAAa,QAAiC;AAC5D,SAAO,SAAS,EAAE,SAAS,OAAO,IAAI,EAAE,SAAS,YAAY,SAAS,EAAE,YAAY,EAAE,EAAE;AAC1F;","names":[]}

package/dist/{chunk-7QKFMMWK.js → chunk-2Q2DUGH7.js}

@@ -3,7 +3,7 @@ import {
   DefaultError,
   DefaultLoader,
   containerStyles
-} from "./chunk-PEVBSNCD.js";
+} from "./chunk-MLAIXRVL.js";
 import {
   useLoadMore,
   useSentinel
@@ -89,4 +89,4 @@ var InfiniteScroll = ({
 export {
   InfiniteScroll
 };
-//# sourceMappingURL=chunk-7QKFMMWK.js.map
+//# sourceMappingURL=chunk-2Q2DUGH7.js.map

package/dist/chunk-2SRWPNQ7.js

@@ -0,0 +1,60 @@
+import {
+  SEQUENCE_METRICS
+} from "./chunk-ALDS5ISD.js";
+import {
+  rem,
+  sxRem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/feedback/SequenceResolver/SequenceResolver.header.styles.ts
+var seeAllFrameSx = { containerType: "inline-size", minWidth: 0 };
+function narrow(theme) {
+  return `@container (max-width: ${rem(theme, SEQUENCE_METRICS.narrowChrome)})`;
+}
+var seeAllGridSx = (theme) => ({
+  display: "grid",
+  gridTemplateColumns: "auto minmax(0, max-content) minmax(0, 1fr) auto auto",
+  gridTemplateAreas: '"back label . see close" "bar bar bar bar bar"',
+  alignItems: "center",
+  rowGap: 2.25,
+  "& > [data-sr-back]": { gridArea: "back", mr: 0.75 },
+  "& > [data-sr-label]": {
+    gridArea: "label",
+    fontSize: sxRem(SEQUENCE_METRICS.stepLabel),
+    fontWeight: 500,
+    color: "text.secondary",
+    minWidth: 0,
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
+  },
+  "& > [data-sr-see]": { gridArea: "see", ml: 1.5 },
+  "& > [data-sr-close]": { gridArea: "close", ml: 1.5 },
+  "& > [data-sr-bar]": { gridArea: "bar", minWidth: 0 },
+  [narrow(theme)]: {
+    gridTemplateAreas: '"back . . see close" "bar bar bar bar bar" "label label label label label"',
+    // Its own line under the full-width bar, whole: a long one wraps rather than being cut.
+    "& > [data-sr-label]": { mt: -1.25, overflow: "visible", whiteSpace: "normal" },
+    // Parent class + attribute: over the Button's own size rules (MUI's 64px minimum width).
+    "& > [data-sr-back]": {
+      mr: 0,
+      width: rem(theme, SEQUENCE_METRICS.touchTarget),
+      minWidth: rem(theme, SEQUENCE_METRICS.touchTarget),
+      height: rem(theme, SEQUENCE_METRICS.touchTarget),
+      px: 0,
+      "& [data-back-word]": { display: "none" },
+      "& .MuiButton-startIcon": { m: 0 }
+    }
+  }
+});
+function seeAllButtonSx(touch) {
+  const base = { flex: "none", whiteSpace: "nowrap" };
+  return touch ? { ...base, minHeight: sxRem(SEQUENCE_METRICS.touchTarget) } : base;
+}
+
+export {
+  seeAllFrameSx,
+  seeAllGridSx,
+  seeAllButtonSx
+};
+//# sourceMappingURL=chunk-2SRWPNQ7.js.map

package/dist/chunk-2SRWPNQ7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/SequenceResolver/SequenceResolver.header.styles.ts"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles/index.js';\n\nimport { rem, sxRem } from '../../../tokens/relative';\nimport { SEQUENCE_METRICS as M } from './SequenceResolver.metrics';\n\n/**\n * THE HEADER OF A RUN WITH \"VER TODOS (N)\" (FUT-3825). A resolver without an\n * overview keeps the header it always had (`SequenceResolver.styles.ts`).\n *\n * Back · the step label · \"Ver todos (N)\" · close on ONE line, the progress\n * bar under them at full width, nothing cut. On a narrow chrome (a phone\n * under 375px) Back is its chevron alone, a 44px target, and the step label\n * takes its own line under the bar. On a wider one only a long host label is\n * cut, with an ellipsis.\n */\n\n/** The container the narrow layout answers to (container queries, never media queries). */\nexport const seeAllFrameSx: SxProps<Theme> = { containerType: 'inline-size', minWidth: 0 };\n\nfunction narrow(theme: Theme): string {\n  return `@container (max-width: ${rem(theme, M.narrowChrome)})`;\n}\n\nexport const seeAllGridSx: SxProps<Theme> = (theme: Theme) => ({\n  display: 'grid',\n  gridTemplateColumns: 'auto minmax(0, max-content) minmax(0, 1fr) auto auto',\n  gridTemplateAreas: '\"back label . see close\" \"bar bar bar bar bar\"',\n  alignItems: 'center',\n  rowGap: 2.25,\n  '& > [data-sr-back]': { gridArea: 'back', mr: 0.75 },\n  '& > [data-sr-label]': {\n    gridArea: 'label',\n    fontSize: sxRem(M.stepLabel),\n    fontWeight: 500,\n    color: 'text.secondary',\n    minWidth: 0,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  },\n  '& > [data-sr-see]': { gridArea: 'see', ml: 1.5 },\n  '& > [data-sr-close]': { gridArea: 'close', ml: 1.5 },\n  '& > [data-sr-bar]': { gridArea: 'bar', minWidth: 0 },\n  [narrow(theme)]: {\n    gridTemplateAreas: '\"back . . see close\" \"bar bar bar bar bar\" \"label label label label label\"',\n    // Its own line under the full-width bar, whole: a long one wraps rather than being cut.\n    '& > [data-sr-label]': { mt: -1.25, overflow: 'visible', whiteSpace: 'normal' },\n    // Parent class + attribute: over the Button's own size rules (MUI's 64px minimum width).\n    '& > [data-sr-back]': {\n      mr: 0,\n      width: rem(theme, M.touchTarget),\n      minWidth: rem(theme, M.touchTarget),\n      height: rem(theme, M.touchTarget),\n      px: 0,\n      '& [data-back-word]': { display: 'none' },\n      '& .MuiButton-startIcon': { m: 0 },\n    },\n  },\n});\n\n/** \"Ver todos (N)\": a text button on the header's line, always whole. */\nexport function seeAllButtonSx(touch: boolean): SxProps<Theme> {\n  const base = { flex: 'none', whiteSpace: 'nowrap' } as const;\n  return touch ? { ...base, minHeight: sxRem(M.touchTarget) } : base;\n}\n"],"mappings":";;;;;;;;;AAiBO,IAAM,gBAAgC,EAAE,eAAe,eAAe,UAAU,EAAE;AAEzF,SAAS,OAAO,OAAsB;AACpC,SAAO,0BAA0B,IAAI,OAAO,iBAAE,YAAY,CAAC;AAC7D;AAEO,IAAM,eAA+B,CAAC,WAAkB;AAAA,EAC7D,SAAS;AAAA,EACT,qBAAqB;AAAA,EACrB,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,sBAAsB,EAAE,UAAU,QAAQ,IAAI,KAAK;AAAA,EACnD,uBAAuB;AAAA,IACrB,UAAU;AAAA,IACV,UAAU,MAAM,iBAAE,SAAS;AAAA,IAC3B,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,UAAU;AAAA,IACV,UAAU;AAAA,IACV,cAAc;AAAA,IACd,YAAY;AAAA,EACd;AAAA,EACA,qBAAqB,EAAE,UAAU,OAAO,IAAI,IAAI;AAAA,EAChD,uBAAuB,EAAE,UAAU,SAAS,IAAI,IAAI;AAAA,EACpD,qBAAqB,EAAE,UAAU,OAAO,UAAU,EAAE;AAAA,EACpD,CAAC,OAAO,KAAK,CAAC,GAAG;AAAA,IACf,mBAAmB;AAAA;AAAA,IAEnB,uBAAuB,EAAE,IAAI,OAAO,UAAU,WAAW,YAAY,SAAS;AAAA;AAAA,IAE9E,sBAAsB;AAAA,MACpB,IAAI;AAAA,MACJ,OAAO,IAAI,OAAO,iBAAE,WAAW;AAAA,MAC/B,UAAU,IAAI,OAAO,iBAAE,WAAW;AAAA,MAClC,QAAQ,IAAI,OAAO,iBAAE,WAAW;AAAA,MAChC,IAAI;AAAA,MACJ,sBAAsB,EAAE,SAAS,OAAO;AAAA,MACxC,0BAA0B,EAAE,GAAG,EAAE;AAAA,IACnC;AAAA,EACF;AACF;AAGO,SAAS,eAAe,OAAgC;AAC7D,QAAM,OAAO,EAAE,MAAM,QAAQ,YAAY,SAAS;AAClD,SAAO,QAAQ,EAAE,GAAG,MAAM,WAAW,MAAM,iBAAE,WAAW,EAAE,IAAI;AAChE;","names":[]}

package/dist/{chunk-VQ6V5TO7.js → chunk-2UNZG4JK.js}

@@ -5,13 +5,13 @@ import {
 } from "./chunk-JBYFBPI6.js";
 import {
   renderMenuItem
-} from "./chunk-5U7LBO2V.js";
+} from "./chunk-MUHRPJQT.js";
 import {
   slideIn
 } from "./chunk-3AIRFAI3.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-57FIUJJJ.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -134,4 +134,4 @@ var NavigationStandardBody = ({
 export {
   NavigationStandardBody
 };
-//# sourceMappingURL=chunk-VQ6V5TO7.js.map
+//# sourceMappingURL=chunk-2UNZG4JK.js.map

package/dist/chunk-35HMJQLO.js

@@ -0,0 +1,26 @@
+// src/components/data-display/ScheduleGrid/useAnnouncer.ts
+import { useCallback, useEffect, useRef, useState } from "react";
+function useAnnouncer() {
+  const [text, setText] = useState("");
+  const frame = useRef(null);
+  useEffect(
+    () => () => {
+      if (frame.current !== null) cancelAnimationFrame(frame.current);
+    },
+    []
+  );
+  const say = useCallback((next) => {
+    if (frame.current !== null) cancelAnimationFrame(frame.current);
+    setText("");
+    frame.current = requestAnimationFrame(() => {
+      frame.current = null;
+      setText(next);
+    });
+  }, []);
+  return { text, say };
+}
+
+export {
+  useAnnouncer
+};
+//# sourceMappingURL=chunk-35HMJQLO.js.map

package/dist/chunk-35HMJQLO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/ScheduleGrid/useAnnouncer.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\n/**\n * The live region's sentence, for the week grid and the day ruler (FUT-3825).\n *\n * The region stays mounted: a screen reader watches the node it found, and a\n * region swapped for a new one per sentence is announced unreliably or not at\n * all. Each sentence clears the region first and is written on the next frame,\n * so the same sentence twice (\"refused\", \"refused\") is a change both times.\n */\nexport function useAnnouncer(): { text: string; say: (text: string) => void } {\n  const [text, setText] = useState('');\n  const frame = useRef<number | null>(null);\n\n  useEffect(\n    () => () => {\n      if (frame.current !== null) cancelAnimationFrame(frame.current);\n    },\n    [],\n  );\n\n  const say = useCallback((next: string): void => {\n    if (frame.current !== null) cancelAnimationFrame(frame.current);\n    setText('');\n    frame.current = requestAnimationFrame(() => {\n      frame.current = null;\n      setText(next);\n    });\n  }, []);\n\n  return { text, say };\n}\n"],"mappings":";AAAA,SAAS,aAAa,WAAW,QAAQ,gBAAgB;AAUlD,SAAS,eAA8D;AAC5E,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAE;AACnC,QAAM,QAAQ,OAAsB,IAAI;AAExC;AAAA,IACE,MAAM,MAAM;AACV,UAAI,MAAM,YAAY,KAAM,sBAAqB,MAAM,OAAO;AAAA,IAChE;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,MAAM,YAAY,CAAC,SAAuB;AAC9C,QAAI,MAAM,YAAY,KAAM,sBAAqB,MAAM,OAAO;AAC9D,YAAQ,EAAE;AACV,UAAM,UAAU,sBAAsB,MAAM;AAC1C,YAAM,UAAU;AAChB,cAAQ,IAAI;AAAA,IACd,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,SAAO,EAAE,MAAM,IAAI;AACrB;","names":[]}

package/dist/{chunk-Q7XLTN2D.js → chunk-3B4NXP4N.js}

@@ -1,12 +1,12 @@
 import {
   Sheet
-} from "./chunk-DYRZRY2T.js";
+} from "./chunk-2CRNOJGL.js";
 import {
   Dialog
-} from "./chunk-DAFFZED3.js";
+} from "./chunk-5YVMFK7Y.js";
 import {
   Button
-} from "./chunk-HJJR2WGL.js";
+} from "./chunk-YOXYSAUI.js";
 import {
   accentFor
 } from "./chunk-B7ZHEOQQ.js";
@@ -166,4 +166,4 @@ AppHeaderDetails.displayName = "AppHeaderDetails";
 export {
   AppHeaderDetails
 };
-//# sourceMappingURL=chunk-Q7XLTN2D.js.map
+//# sourceMappingURL=chunk-3B4NXP4N.js.map

package/dist/{chunk-UT545JBQ.js → chunk-3EIRRLCQ.js}

@@ -18,7 +18,7 @@ import {
 } from "./chunk-YEKPQAOW.js";
 import {
   Button
-} from "./chunk-HJJR2WGL.js";
+} from "./chunk-YOXYSAUI.js";
 import {
   BUTTON_SIZES
 } from "./chunk-G2FUZALJ.js";
@@ -139,4 +139,4 @@ export {
   PendingSpinner,
   LearnMore
 };
-//# sourceMappingURL=chunk-UT545JBQ.js.map
+//# sourceMappingURL=chunk-3EIRRLCQ.js.map

package/dist/{chunk-MSJP2AEN.js → chunk-3EKY63LD.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-NPPO7G2B.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-57FIUJJJ.js";
 import {
   rem,
   sxRem
@@ -227,4 +227,4 @@ export {
   toast,
   Toaster
 };
-//# sourceMappingURL=chunk-MSJP2AEN.js.map
+//# sourceMappingURL=chunk-3EKY63LD.js.map

package/dist/{chunk-B32554CQ.js → chunk-3KMP2F4R.js}

@@ -1,22 +1,22 @@
+import {
+  GridMain
+} from "./chunk-HWJ3FLZY.js";
+import {
+  FilterDialog,
+  GridFilterPanel
+} from "./chunk-LR56OANO.js";
 import {
   ShellEmpty
-} from "./chunk-NTRWUDP6.js";
+} from "./chunk-MKVDHR3B.js";
 import {
   InlineFilterControls
-} from "./chunk-52RHAAIH.js";
+} from "./chunk-WLC56R2I.js";
 import {
   GridHeaderRow
 } from "./chunk-X3AFXHY5.js";
-import {
-  GridMain
-} from "./chunk-67ADHGA2.js";
-import {
-  FilterDialog,
-  GridFilterPanel
-} from "./chunk-OPY2AGAU.js";
 import {
   DataViewsPagination
-} from "./chunk-K6WY2CHG.js";
+} from "./chunk-XZFTRGRW.js";
 import {
   useFilterOverflow
 } from "./chunk-WWH674WU.js";
@@ -24,23 +24,23 @@ import {
   toOverflowFields,
   toggleQuick
 } from "./chunk-KYUEO2IO.js";
-import {
-  allOnPageSelected,
-  resolveSelectionExtra
-} from "./chunk-5YDS6HO3.js";
 import {
   ScopeTabsSlot
 } from "./chunk-K3PMMW23.js";
 import {
   ShellToolbar
-} from "./chunk-I2LMLQGQ.js";
+} from "./chunk-NQUYBJKJ.js";
 import {
   SHELL_PROPS,
   useStickyBarTop
 } from "./chunk-4IE66GY2.js";
+import {
+  allOnPageSelected,
+  resolveSelectionExtra
+} from "./chunk-5YDS6HO3.js";
 import {
   togglePillValues
-} from "./chunk-WTOA52EQ.js";
+} from "./chunk-UKNMPGEM.js";
 import {
   DataViewsLayoutProvider,
   useDataViewsLayout
@@ -50,7 +50,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   TableFilter
-} from "./chunk-FORQEHRQ.js";
+} from "./chunk-L5GZZUTY.js";
 import {
   default as default2
 } from "./chunk-WEBEOBN5.js";
@@ -252,4 +252,4 @@ function GridShell(props) {
 export {
   GridShell
 };
-//# sourceMappingURL=chunk-B32554CQ.js.map
+//# sourceMappingURL=chunk-3KMP2F4R.js.map