@12-apps/ui 6.86.2 → 6.87.0

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

@@ -3,11 +3,11 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   createConfirmButton
-} from "./chunk-T5RFH2T5.js";
+} from "./chunk-YKONJEI4.js";
 import {
   Dialog,
   DialogContent
-} from "./chunk-DAFFZED3.js";
+} from "./chunk-5YVMFK7Y.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -128,4 +128,4 @@ function ManageViewsDialog({
 export {
   ManageViewsDialog
 };
-//# sourceMappingURL=chunk-K7IDOTSU.js.map
+//# sourceMappingURL=chunk-2KBATUOZ.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":"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","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-5VKHJ7PI.js → chunk-3B4NXP4N.js}

@@ -1,9 +1,9 @@
 import {
   Sheet
-} from "./chunk-X4N6Q37Q.js";
+} from "./chunk-2CRNOJGL.js";
 import {
   Dialog
-} from "./chunk-DAFFZED3.js";
+} from "./chunk-5YVMFK7Y.js";
 import {
   Button
 } from "./chunk-YOXYSAUI.js";
@@ -166,4 +166,4 @@ AppHeaderDetails.displayName = "AppHeaderDetails";
 export {
   AppHeaderDetails
 };
-//# sourceMappingURL=chunk-5VKHJ7PI.js.map
+//# sourceMappingURL=chunk-3B4NXP4N.js.map

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

@@ -12,7 +12,7 @@ import {
 } from "./chunk-JYWF76Z5.js";
 import {
   Chip
-} from "./chunk-PGANINQD.js";
+} from "./chunk-NI67M453.js";
 import {
   Icon
 } from "./chunk-YEKPQAOW.js";
@@ -139,4 +139,4 @@ export {
   PendingSpinner,
   LearnMore
 };
-//# sourceMappingURL=chunk-HC6OZ7QK.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-LH43GKP2.js → chunk-3KMP2F4R.js}

@@ -1,22 +1,22 @@
+import {
+  GridMain
+} from "./chunk-HWJ3FLZY.js";
 import {
   FilterDialog,
   GridFilterPanel
-} from "./chunk-2IHUFUTO.js";
+} from "./chunk-LR56OANO.js";
 import {
   ShellEmpty
 } from "./chunk-MKVDHR3B.js";
 import {
   InlineFilterControls
-} from "./chunk-X3EEV3OI.js";
+} from "./chunk-WLC56R2I.js";
 import {
   GridHeaderRow
 } from "./chunk-X3AFXHY5.js";
-import {
-  GridMain
-} from "./chunk-NKEFH3RS.js";
 import {
   DataViewsPagination
-} from "./chunk-K6WY2CHG.js";
+} from "./chunk-XZFTRGRW.js";
 import {
   useFilterOverflow
 } from "./chunk-WWH674WU.js";
@@ -24,20 +24,20 @@ import {
   toOverflowFields,
   toggleQuick
 } from "./chunk-KYUEO2IO.js";
-import {
-  allOnPageSelected,
-  resolveSelectionExtra
-} from "./chunk-5YDS6HO3.js";
 import {
   ScopeTabsSlot
 } from "./chunk-K3PMMW23.js";
 import {
   ShellToolbar
-} from "./chunk-AQPPSR4P.js";
+} from "./chunk-NQUYBJKJ.js";
 import {
   SHELL_PROPS,
   useStickyBarTop
 } from "./chunk-4IE66GY2.js";
+import {
+  allOnPageSelected,
+  resolveSelectionExtra
+} from "./chunk-5YDS6HO3.js";
 import {
   togglePillValues
 } from "./chunk-UKNMPGEM.js";
@@ -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-LH43GKP2.js.map
+//# sourceMappingURL=chunk-3KMP2F4R.js.map

package/dist/chunk-3R6BR22L.js

@@ -0,0 +1,72 @@
+// src/components/data-display/ScheduleGrid/ScheduleGrid.metrics.ts
+var SCHEDULE_GRID_METRICS = {
+  /**
+   * The name column: 200px on a wide computer; 140px on a narrow one and while
+   * the days scroll (a long name or meta still takes two lines, never three);
+   * 120px on a phone-sized pane.
+   */
+  nameColumn: { wide: 200, compact: 140, narrow: 120 },
+  /**
+   * The narrowest a day column gets, per layout (see `layoutsOf` in the
+   * styles, which derives each layout's minimum container from these):
+   * - `wide`: with its edge grips, the hours whole ("20:39–00:00" is 67px);
+   *   a long note wraps to a second line (the block grows), as the
+   *   prototype's `.wb .note` does ("↻ a cada 2 / semanas");
+   * - `compact`: the same, the block's text 9px off each edge
+   *   (`blockPadding.tight`), clear of the grips' bars;
+   * - `scrolled`: the days scroll sideways under the pinned names, grips kept,
+   *   every hours and note line whole (the longest note, "↻ a cada 2
+   *   semanas", is 113px; 152 − 24 − 12 is 116);
+   * - `narrow`: a phone-sized pane, no grips, the same.
+   * Never slivers, never cut hours.
+   */
+  dayMin: { wide: 104, compact: 98, scrolled: 152, narrow: 136 },
+  /** The total column ("18h"). */
+  totalColumn: { wide: 56, compact: 40 },
+  /** Below this container width the pane is phone-sized: no grips (a phone renders DayRuler per day). */
+  narrowBelow: 600,
+  /** Between columns and between rows. */
+  gap: 6,
+  cellMinHeight: 56,
+  cellRadius: 8,
+  cellPadding: 4,
+  /** Between two blocks of one cell (a split shift). */
+  blockGap: 4,
+  blockRadius: 6,
+  /** Inside a block: room for the grips on both sides. */
+  blockPadding: { y: 4, start: 10, end: 14, tight: 9 },
+  blockFont: 12,
+  /** The edge grip's hit area and its bar. */
+  grip: { width: 12, barWidth: 3, barHeight: 16, barRadius: 2 },
+  /** The selected block's ring, and every focus ring. */
+  ring: 2,
+  /** How far a block's focus ring stands off it. */
+  ringOffset: 1,
+  /** A wheel that counts in lines (`deltaMode` 1), forwarded from the header: px per line. */
+  wheelLine: 16,
+  /** The dashed outline of a cell a create or copy will land on. */
+  targetBorder: 1.5,
+  headerLabel: 13,
+  headerSublabel: 13,
+  rowName: 14,
+  rowMeta: 13,
+  groupTitle: 12,
+  total: 13,
+  plusIcon: 16,
+  /** Skeleton rows while loading. */
+  skeletonRows: 4,
+  /** The hatch of a blocked cell: stripe width. */
+  hatch: 6,
+  /** The hatch of a break inside a block: stripe width. */
+  breakStripe: { ink: 2, gap: 3 }
+};
+var SCHEDULE_NAME_METRICS = {
+  button: { minHeight: 24, radius: 4, ringOffset: 2, hitArea: 40 },
+  ring: 2
+};
+
+export {
+  SCHEDULE_GRID_METRICS,
+  SCHEDULE_NAME_METRICS
+};
+//# sourceMappingURL=chunk-3R6BR22L.js.map

package/dist/chunk-3R6BR22L.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/ScheduleGrid/ScheduleGrid.metrics.ts"],"sourcesContent":["/**\n * THE WEEK GRID'S NUMBERS — the approved prototype's (FUT-3823, frame d01 at\n * 1280), in px. The web reads them through `rem`/`sxRem` so a density mode\n * scales them.\n */\nexport const SCHEDULE_GRID_METRICS = {\n  /**\n   * The name column: 200px on a wide computer; 140px on a narrow one and while\n   * the days scroll (a long name or meta still takes two lines, never three);\n   * 120px on a phone-sized pane.\n   */\n  nameColumn: { wide: 200, compact: 140, narrow: 120 },\n  /**\n   * The narrowest a day column gets, per layout (see `layoutsOf` in the\n   * styles, which derives each layout's minimum container from these):\n   * - `wide`: with its edge grips, the hours whole (\"20:39–00:00\" is 67px);\n   *   a long note wraps to a second line (the block grows), as the\n   *   prototype's `.wb .note` does (\"↻ a cada 2 / semanas\");\n   * - `compact`: the same, the block's text 9px off each edge\n   *   (`blockPadding.tight`), clear of the grips' bars;\n   * - `scrolled`: the days scroll sideways under the pinned names, grips kept,\n   *   every hours and note line whole (the longest note, \"↻ a cada 2\n   *   semanas\", is 113px; 152 − 24 − 12 is 116);\n   * - `narrow`: a phone-sized pane, no grips, the same.\n   * Never slivers, never cut hours.\n   */\n  dayMin: { wide: 104, compact: 98, scrolled: 152, narrow: 136 },\n  /** The total column (\"18h\"). */\n  totalColumn: { wide: 56, compact: 40 },\n  /** Below this container width the pane is phone-sized: no grips (a phone renders DayRuler per day). */\n  narrowBelow: 600,\n  /** Between columns and between rows. */\n  gap: 6,\n  cellMinHeight: 56,\n  cellRadius: 8,\n  cellPadding: 4,\n  /** Between two blocks of one cell (a split shift). */\n  blockGap: 4,\n  blockRadius: 6,\n  /** Inside a block: room for the grips on both sides. */\n  blockPadding: { y: 4, start: 10, end: 14, tight: 9 },\n  blockFont: 12,\n  /** The edge grip's hit area and its bar. */\n  grip: { width: 12, barWidth: 3, barHeight: 16, barRadius: 2 },\n  /** The selected block's ring, and every focus ring. */\n  ring: 2,\n  /** How far a block's focus ring stands off it. */\n  ringOffset: 1,\n  /** A wheel that counts in lines (`deltaMode` 1), forwarded from the header: px per line. */\n  wheelLine: 16,\n  /** The dashed outline of a cell a create or copy will land on. */\n  targetBorder: 1.5,\n  headerLabel: 13,\n  headerSublabel: 13,\n  rowName: 14,\n  rowMeta: 13,\n  groupTitle: 12,\n  total: 13,\n  plusIcon: 16,\n  /** Skeleton rows while loading. */\n  skeletonRows: 4,\n  /** The hatch of a blocked cell: stripe width. */\n  hatch: 6,\n  /** The hatch of a break inside a block: stripe width. */\n  breakStripe: { ink: 2, gap: 3 },\n} as const;\n\n/**\n * THE NAME COLUMN'S NUMBERS, shared by the week grid and the day ruler\n * (`ScheduleNameCell`): the name as a button. In px.\n */\nexport const SCHEDULE_NAME_METRICS = {\n  button: { minHeight: 24, radius: 4, ringOffset: 2, hitArea: 40 },\n  ring: 2,\n} as const;\n"],"mappings":";AAKO,IAAM,wBAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMnC,YAAY,EAAE,MAAM,KAAK,SAAS,KAAK,QAAQ,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAenD,QAAQ,EAAE,MAAM,KAAK,SAAS,IAAI,UAAU,KAAK,QAAQ,IAAI;AAAA;AAAA,EAE7D,aAAa,EAAE,MAAM,IAAI,SAAS,GAAG;AAAA;AAAA,EAErC,aAAa;AAAA;AAAA,EAEb,KAAK;AAAA,EACL,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,aAAa;AAAA;AAAA,EAEb,UAAU;AAAA,EACV,aAAa;AAAA;AAAA,EAEb,cAAc,EAAE,GAAG,GAAG,OAAO,IAAI,KAAK,IAAI,OAAO,EAAE;AAAA,EACnD,WAAW;AAAA;AAAA,EAEX,MAAM,EAAE,OAAO,IAAI,UAAU,GAAG,WAAW,IAAI,WAAW,EAAE;AAAA;AAAA,EAE5D,MAAM;AAAA;AAAA,EAEN,YAAY;AAAA;AAAA,EAEZ,WAAW;AAAA;AAAA,EAEX,cAAc;AAAA,EACd,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,UAAU;AAAA;AAAA,EAEV,cAAc;AAAA;AAAA,EAEd,OAAO;AAAA;AAAA,EAEP,aAAa,EAAE,KAAK,GAAG,KAAK,EAAE;AAChC;AAMO,IAAM,wBAAwB;AAAA,EACnC,QAAQ,EAAE,WAAW,IAAI,QAAQ,GAAG,YAAY,GAAG,SAAS,GAAG;AAAA,EAC/D,MAAM;AACR;","names":[]}

package/dist/{chunk-D3W5A4N6.js → chunk-3STNOYYO.js}

@@ -1,9 +1,9 @@
 import {
   NavigationMegaSection
-} from "./chunk-TRAMTVIO.js";
+} from "./chunk-4QTPERAY.js";
 import {
   NavigationStandardBody
-} from "./chunk-VQ6V5TO7.js";
+} from "./chunk-2UNZG4JK.js";
 import {
   LogoBar,
   NavigationShell
@@ -177,4 +177,4 @@ NavigationMenu.displayName = "NavigationMenu";
 export {
   NavigationMenu
 };
-//# sourceMappingURL=chunk-D3W5A4N6.js.map
+//# sourceMappingURL=chunk-3STNOYYO.js.map

package/dist/{chunk-TVDHA7BT.js → chunk-3Y6NO5XL.js}

@@ -1,18 +1,18 @@
+import {
+  TextField
+} from "./chunk-3IX2TP4I.js";
+import {
+  SelectField
+} from "./chunk-6YSGP2WS.js";
 import {
   CepField
 } from "./chunk-YGWLMTPB.js";
 import {
   CategoryField
-} from "./chunk-P4Q7JK4L.js";
+} from "./chunk-NQ6P7O7C.js";
 import {
   ToggleField
 } from "./chunk-AYJGRQT4.js";
-import {
-  TextField
-} from "./chunk-3IX2TP4I.js";
-import {
-  SelectField
-} from "./chunk-6YSGP2WS.js";
 import {
   __export
 } from "./chunk-PZ5AY32C.js";
@@ -30,4 +30,4 @@ __export(Fields_exports, {
 export {
   Fields_exports
 };
-//# sourceMappingURL=chunk-TVDHA7BT.js.map
+//# sourceMappingURL=chunk-3Y6NO5XL.js.map

package/dist/{chunk-ABQZFK7M.js → chunk-44PBCQ7E.js}

@@ -1,15 +1,15 @@
-import {
-  resolveScrollAreaProps
-} from "./chunk-QUWK7SYN.js";
 import {
   ScrollViewport
 } from "./chunk-D3LH6CNW.js";
+import {
+  ScrollAreaContent
+} from "./chunk-4VMFS3VJ.js";
 import {
   sizeCss
 } from "./chunk-IGPPZL7R.js";
 import {
-  ScrollAreaContent
-} from "./chunk-4VMFS3VJ.js";
+  resolveScrollAreaProps
+} from "./chunk-QUWK7SYN.js";
 import {
   rem,
   remPx,
@@ -249,4 +249,4 @@ var ScrollArea = (componentProps) => {
 export {
   ScrollArea
 };
-//# sourceMappingURL=chunk-ABQZFK7M.js.map
+//# sourceMappingURL=chunk-44PBCQ7E.js.map