@12-apps/ui 6.77.2 → 6.78.0

package/dist/{chunk-WOUJSKQB.js → chunk-A5NXBOWS.js}

@@ -1,16 +1,16 @@
+import {
+  useAsyncSwitch
+} from "./chunk-SALQ65SM.js";
 import {
   SettingSwitchBlock,
   useSettingSwitchIds
-} from "./chunk-C2NNJMVY.js";
+} from "./chunk-EBCEDBHX.js";
 import {
   SettingGroupContext
 } from "./chunk-XJQNSMGA.js";
-import {
-  useAsyncSwitch
-} from "./chunk-SALQ65SM.js";
 import {
   partTestId
-} from "./chunk-3EIRRLCQ.js";
+} from "./chunk-HTGK7QCX.js";
 import {
   dependentsStyles,
   hintStyles,
@@ -19,7 +19,7 @@ import {
 } from "./chunk-IQWPVPV5.js";
 import {
   Icon
-} from "./chunk-YEKPQAOW.js";
+} from "./chunk-GQ2T44BC.js";
 
 // src/components/layout/SettingCard/SettingGroup.tsx
 import Box from "@mui/material/Box/index.js";
@@ -84,4 +84,4 @@ SettingGroup.displayName = "SettingGroup";
 export {
   SettingGroup
 };
-//# sourceMappingURL=chunk-WOUJSKQB.js.map
+//# sourceMappingURL=chunk-A5NXBOWS.js.map

package/dist/{chunk-7TKQIZ3K.js → chunk-AAREDFH6.js}

@@ -1,6 +1,6 @@
 import {
   fieldHeight
-} from "./chunk-RGVNXES5.js";
+} from "./chunk-QQHZBJMU.js";
 import {
   fieldRadiusPx
 } from "./chunk-GDN2LUTZ.js";
@@ -192,4 +192,4 @@ function SortByDropdown({
 export {
   SortByDropdown
 };
-//# sourceMappingURL=chunk-7TKQIZ3K.js.map
+//# sourceMappingURL=chunk-AAREDFH6.js.map

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

@@ -1,6 +1,6 @@
 import {
   partTestId
-} from "./chunk-3EIRRLCQ.js";
+} from "./chunk-HTGK7QCX.js";
 import {
   SETTING_CARD
 } from "./chunk-BFRVMCQM.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk-Z5WUSI47.js";
 import {
   Icon
-} from "./chunk-YEKPQAOW.js";
+} from "./chunk-GQ2T44BC.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -92,4 +92,4 @@ export {
   SummaryInfo,
   useSummaryInfo
 };
-//# sourceMappingURL=chunk-X2GWR75Q.js.map
+//# sourceMappingURL=chunk-AEYLFBZT.js.map

package/dist/{chunk-VPGDYI63.js → chunk-AKBL7S7A.js}

@@ -1,12 +1,12 @@
 import {
   fieldHeight
-} from "./chunk-RGVNXES5.js";
-import {
-  fieldRadiusPx
-} from "./chunk-GDN2LUTZ.js";
+} from "./chunk-QQHZBJMU.js";
 import {
   fieldEdge
 } from "./chunk-7ZADLRLP.js";
+import {
+  fieldRadiusPx
+} from "./chunk-GDN2LUTZ.js";
 import {
   absoluteInk,
   uiInk
@@ -345,4 +345,4 @@ export {
   emptySx,
   skeletonSx
 };
-//# sourceMappingURL=chunk-VPGDYI63.js.map
+//# sourceMappingURL=chunk-AKBL7S7A.js.map

package/dist/{chunk-6DGNMASB.js → chunk-ALREWFRX.js}

@@ -1,12 +1,12 @@
-import {
-  useMenubarMenus
-} from "./chunk-42VH7N5L.js";
 import {
   MenubarToolbar
 } from "./chunk-X3EB67O2.js";
 import {
   barStyles
 } from "./chunk-UCRGKQUW.js";
+import {
+  useMenubarMenus
+} from "./chunk-42VH7N5L.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -190,4 +190,4 @@ export {
   Menubar,
   MenubarGroup
 };
-//# sourceMappingURL=chunk-6DGNMASB.js.map
+//# sourceMappingURL=chunk-ALREWFRX.js.map

package/dist/{chunk-NQ6P7O7C.js → chunk-ASZGMKB4.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   CategorySelect
-} from "./chunk-TSID4257.js";
+} from "./chunk-N34AOGK3.js";
 
 // src/components/form/total-form/Fields/CategoryField.tsx
 import { jsx } from "react/jsx-runtime";
@@ -38,4 +38,4 @@ function CategoryField({
 export {
   CategoryField
 };
-//# sourceMappingURL=chunk-NQ6P7O7C.js.map
+//# sourceMappingURL=chunk-ASZGMKB4.js.map

package/dist/{chunk-CWCNLITK.js → chunk-AXZCCX7O.js}

@@ -3,7 +3,7 @@ import {
   defaultMessages,
   resolveDayRange,
   resolveQuickRanges
-} from "./chunk-AO4NDR6W.js";
+} from "./chunk-NTO5DALI.js";
 import {
   toDayString,
   todayIn
@@ -69,4 +69,4 @@ function useDateRangePicker({
 export {
   useDateRangePicker
 };
-//# sourceMappingURL=chunk-CWCNLITK.js.map
+//# sourceMappingURL=chunk-AXZCCX7O.js.map

package/dist/{chunk-FVL6U72V.js → chunk-B2JYQBO4.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-AYJ44VTJ.js";
 import {
   MapLayers
-} from "./chunk-HSIUVFXE.js";
+} from "./chunk-RA6W37NZ.js";
 import {
   glassStyles,
   resolveMapPreviewProps
@@ -108,4 +108,4 @@ export {
   MapPreview,
   MapPreview_default
 };
-//# sourceMappingURL=chunk-FVL6U72V.js.map
+//# sourceMappingURL=chunk-B2JYQBO4.js.map

package/dist/{chunk-IU2WSJ4F.js → chunk-BARTUKJU.js}

@@ -1,6 +1,6 @@
 import {
   AddressTextField
-} from "./chunk-DDNUPFPE.js";
+} from "./chunk-WT7VZDTI.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -61,4 +61,4 @@ var AddressFallbackField = ({
 export {
   AddressFallbackField
 };
-//# sourceMappingURL=chunk-IU2WSJ4F.js.map
+//# sourceMappingURL=chunk-BARTUKJU.js.map

package/dist/{chunk-4JNC5AEF.js → chunk-BTGXHQX3.js}

@@ -1,6 +1,6 @@
 import {
   createInput
-} from "./chunk-FXECKKPW.js";
+} from "./chunk-MO4FFK62.js";
 import {
   OutlinedTextFieldSlim
 } from "./chunk-LZRVUOMU.js";
@@ -11,4 +11,4 @@ var Input = createInput(OutlinedTextFieldSlim);
 export {
   Input
 };
-//# sourceMappingURL=chunk-4JNC5AEF.js.map
+//# sourceMappingURL=chunk-BTGXHQX3.js.map

package/dist/{chunk-VMTOLAZ5.js → chunk-BWFQEASG.js}

@@ -3,19 +3,19 @@ import {
 } from "./chunk-PGGYZU7Q.js";
 import {
   CategoryPanelList
-} from "./chunk-5F7HYYGM.js";
+} from "./chunk-7ZROYGUG.js";
 import {
   CategoryPanelHead,
   CategoryPinnedTray
-} from "./chunk-Y46R26TE.js";
+} from "./chunk-7AC2UGTU.js";
 import {
   CategoryMultiFoot,
   CategorySingleFoot
-} from "./chunk-WDSJ6SVY.js";
+} from "./chunk-GXSHLMT4.js";
 import {
   panelSx,
   sheetSx
-} from "./chunk-VPGDYI63.js";
+} from "./chunk-AKBL7S7A.js";
 import {
   removeChip
 } from "./chunk-PN4HVM43.js";
@@ -156,4 +156,4 @@ function PanelFooter({
 export {
   CategoryPanel
 };
-//# sourceMappingURL=chunk-VMTOLAZ5.js.map
+//# sourceMappingURL=chunk-BWFQEASG.js.map

package/dist/{chunk-7LMR2H7O.js → chunk-C47LBKEG.js}

@@ -1,16 +1,16 @@
 import {
   DeleteViewDialog
-} from "./chunk-UXQVJXQ3.js";
+} from "./chunk-4HUSG5MR.js";
 import {
   DataViewsGrid
-} from "./chunk-HXCUKZOB.js";
+} from "./chunk-2VHAD4NE.js";
 import {
   viewStateKey
 } from "./chunk-ZOLAYP2D.js";
 import {
   ViewDialogs,
   ViewMutationErrorAlert
-} from "./chunk-GG7IOJAG.js";
+} from "./chunk-6J7RGNSF.js";
 import {
   useUrlEchoGuard,
   useUrlSyncState
@@ -166,4 +166,4 @@ function renderViewDialogs(ctl, fields, columns, views, testIdPrefix, onSaved) {
 export {
   DataViewsTableBase
 };
-//# sourceMappingURL=chunk-7LMR2H7O.js.map
+//# sourceMappingURL=chunk-C47LBKEG.js.map

package/dist/{chunk-2K2Q7VGV.js → chunk-C5JCARNE.js}

@@ -8,7 +8,7 @@ import {
 } from "./chunk-62SXUU5U.js";
 import {
   fieldHeight
-} from "./chunk-RGVNXES5.js";
+} from "./chunk-QQHZBJMU.js";
 import {
   sheen
 } from "./chunk-XJAD6E3V.js";
@@ -275,4 +275,4 @@ LazyImage.displayName = "LazyImage";
 export {
   LazyImage
 };
-//# sourceMappingURL=chunk-2K2Q7VGV.js.map
+//# sourceMappingURL=chunk-C5JCARNE.js.map

package/dist/{chunk-OK3OJGJY.js → chunk-C7CIUDXZ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   createConfirmButton
-} from "./chunk-WULEQKU7.js";
+} from "./chunk-Z7COWR4K.js";
 import {
   Dialog,
   DialogContent
@@ -16,7 +16,7 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-YOXYSAUI.js";
+} from "./chunk-5USHYSCO.js";
 import {
   Text
 } from "./chunk-AJBRO76D.js";
@@ -128,4 +128,4 @@ function ManageViewsDialog({
 export {
   ManageViewsDialog
 };
-//# sourceMappingURL=chunk-OK3OJGJY.js.map
+//# sourceMappingURL=chunk-C7CIUDXZ.js.map

package/dist/chunk-CHP3QIS3.js

@@ -0,0 +1,218 @@
+import {
+  SEQUENCE_METRICS
+} from "./chunk-HHPFWEJY.js";
+import {
+  softSignal
+} from "./chunk-TZ23DNKY.js";
+import {
+  rem,
+  sxRem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/feedback/SequenceResolver/SequenceResolver.styles.ts
+var columnSx = {
+  display: "flex",
+  flexDirection: "column",
+  flex: "1 1 auto",
+  minHeight: 0,
+  gap: 2.25,
+  '& [tabindex="-1"]:focus': { outline: 0 }
+};
+var chromeSx = { display: "flex", flexDirection: "column", gap: 2.25, flex: "none" };
+var scrollBodySx = {
+  display: "flex",
+  flexDirection: "column",
+  gap: 2.25,
+  flex: "1 1 auto",
+  minHeight: 0,
+  overflowY: "auto",
+  overscrollBehavior: "contain",
+  // The body's children keep their own height and the BODY scrolls: a
+  // shrinking child (the intro's clipped list, a host's step) would
+  // otherwise be crushed instead (320×568, 700×420).
+  "& > *": { flexShrink: 0 },
+  // Room inside the scroll edge for focus rings and the primary's shadow,
+  // which an `overflow` box would otherwise clip; the negative margin keeps
+  // the content where the prototype puts it.
+  px: 0.5,
+  mx: -0.5,
+  pb: 0.5
+};
+function paperSx(touch) {
+  const share = SEQUENCE_METRICS.sheetMaxHeightPercent;
+  const column = {
+    overflowY: "hidden",
+    "& > *": { display: "flex", flexDirection: "column", flex: "1 1 auto", minHeight: 0 }
+  };
+  if (!touch) return column;
+  return {
+    ...column,
+    maxHeight: `${share}vh`,
+    "@supports (height: 100dvh)": { maxHeight: `${share}dvh` }
+  };
+}
+function doneConfirmSx() {
+  return { mt: 1, minHeight: sxRem(SEQUENCE_METRICS.touchTarget) };
+}
+var startAllSx = { height: "auto", minHeight: sxRem(SEQUENCE_METRICS.startAllHeight) };
+function actionSx(touch) {
+  return touch ? { minHeight: sxRem(SEQUENCE_METRICS.touchTarget), flex: "1 1 max-content", minWidth: 0, maxWidth: "100%" } : {};
+}
+var handleSx = {
+  alignSelf: "center",
+  width: sxRem(SEQUENCE_METRICS.handle.width),
+  height: sxRem(SEQUENCE_METRICS.handle.height),
+  borderRadius: sxRem(SEQUENCE_METRICS.handle.height / 2),
+  bgcolor: "divider",
+  flex: "none"
+};
+var headerSx = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  gap: 1.5
+};
+var headerStartSx = {
+  display: "inline-flex",
+  flexWrap: "wrap",
+  alignItems: "center",
+  columnGap: 0.75,
+  minWidth: 0
+};
+var stepLabelSx = {
+  fontSize: sxRem(SEQUENCE_METRICS.stepLabel),
+  fontWeight: 500,
+  color: "text.secondary",
+  minWidth: 0
+};
+function closeButtonSx(touch) {
+  const size = touch ? SEQUENCE_METRICS.closeSize.touch : SEQUENCE_METRICS.closeSize.pointer;
+  return { width: sxRem(size), height: sxRem(size), color: "text.secondary", flex: "none" };
+}
+function backButtonSx(touch) {
+  return touch ? { flex: "none", minHeight: sxRem(SEQUENCE_METRICS.touchTarget) } : { flex: "none" };
+}
+var titleSx = {
+  fontSize: sxRem(SEQUENCE_METRICS.title),
+  fontWeight: 500,
+  lineHeight: 1.25,
+  outline: "none"
+};
+var introListSx = {
+  display: "flex",
+  flexDirection: "column",
+  border: "1px solid",
+  borderColor: "divider",
+  borderRadius: sxRem(SEQUENCE_METRICS.listRadius),
+  overflow: "hidden",
+  m: 0,
+  p: 0,
+  listStyle: "none"
+};
+function categoryRowSx(last) {
+  return {
+    display: "flex",
+    alignItems: "center",
+    gap: 1.5,
+    width: "100%",
+    minHeight: sxRem(SEQUENCE_METRICS.categoryMinHeight),
+    px: 1.75,
+    py: 1.25,
+    textAlign: "left",
+    justifyContent: "flex-start",
+    borderBottom: last ? 0 : "1px solid",
+    borderColor: "divider",
+    "&:hover": { bgcolor: "action.hover" },
+    "&.Mui-focusVisible": { bgcolor: "action.focus" }
+  };
+}
+var countBadgeSx = (theme) => ({
+  flex: "none",
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  boxSizing: "border-box",
+  minWidth: rem(theme, SEQUENCE_METRICS.countBadge),
+  height: rem(theme, SEQUENCE_METRICS.countBadge),
+  px: 0.75,
+  borderRadius: rem(theme, SEQUENCE_METRICS.countBadge / 2),
+  bgcolor: softSignal(theme, "error"),
+  // The signal's deep step on its soft ground; the light step on a dark one.
+  color: theme.palette.mode === "dark" ? "error.light" : "error.dark",
+  fontWeight: 500
+});
+var categoryTextSx = {
+  display: "flex",
+  flexDirection: "column",
+  gap: 0.25,
+  flex: "1 1 auto",
+  minWidth: 0
+};
+var categoryDescriptionSx = {
+  fontSize: sxRem(SEQUENCE_METRICS.categoryDescription),
+  color: "text.secondary"
+};
+function footerSx(touch, layout) {
+  if (touch) return { display: "flex", flexWrap: "wrap", gap: 1.25 };
+  if (layout === "split") {
+    return { display: "grid", gridAutoFlow: "column", gridAutoColumns: "minmax(0, 1fr)", gap: 1.25 };
+  }
+  return {
+    display: "flex",
+    flexWrap: "wrap",
+    justifyContent: "flex-end",
+    alignItems: "center",
+    gap: 1.25,
+    pt: 1.5,
+    borderTop: "1px solid",
+    borderColor: "divider"
+  };
+}
+function tertiarySx(touch) {
+  return touch ? { alignSelf: "flex-start", minHeight: sxRem(SEQUENCE_METRICS.touchTarget) } : { alignSelf: "flex-start" };
+}
+var doneSx = {
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  gap: 1.25,
+  py: 1.5,
+  textAlign: "center"
+};
+var doneIconSx = {
+  fontSize: sxRem(SEQUENCE_METRICS.doneIcon),
+  color: "success.main"
+};
+var doneTitleSx = {
+  fontSize: sxRem(SEQUENCE_METRICS.doneTitle),
+  fontWeight: 500,
+  outline: "none"
+};
+
+export {
+  columnSx,
+  chromeSx,
+  scrollBodySx,
+  paperSx,
+  doneConfirmSx,
+  startAllSx,
+  actionSx,
+  handleSx,
+  headerSx,
+  headerStartSx,
+  stepLabelSx,
+  closeButtonSx,
+  backButtonSx,
+  titleSx,
+  introListSx,
+  categoryRowSx,
+  countBadgeSx,
+  categoryTextSx,
+  categoryDescriptionSx,
+  footerSx,
+  tertiarySx,
+  doneSx,
+  doneIconSx,
+  doneTitleSx
+};
+//# sourceMappingURL=chunk-CHP3QIS3.js.map

package/dist/chunk-CHP3QIS3.js.map

@@ -0,0 +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":[]}

package/dist/{chunk-YWXCLPCX.js → chunk-CO7GH3W7.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-7V6ZRQYW.js";
 import {
   useUiTheme
-} from "./chunk-Q3HYEAVQ.js";
+} from "./chunk-N3ZOZWP5.js";
 import {
   resolveTestId
 } from "./chunk-TYJR4GOF.js";
@@ -63,4 +63,4 @@ export {
   layoutToSx,
   Box
 };
-//# sourceMappingURL=chunk-YWXCLPCX.js.map
+//# sourceMappingURL=chunk-CO7GH3W7.js.map

package/dist/{chunk-ARVLS57B.js → chunk-CW6Y32N2.js}

@@ -1,6 +1,6 @@
 import {
   FleetBody
-} from "./chunk-DOWVAC4U.js";
+} from "./chunk-XODBYGTH.js";
 import {
   FLEET_DEFAULT_LAGGING_AFTER_SECONDS,
   FLEET_DEFAULT_STALE_AFTER_SECONDS,
@@ -117,4 +117,4 @@ export {
   FleetMap,
   FleetMap_default
 };
-//# sourceMappingURL=chunk-ARVLS57B.js.map
+//# sourceMappingURL=chunk-CW6Y32N2.js.map

package/dist/{chunk-LZJHHMOF.js → chunk-DRJL3JHR.js}

@@ -4,7 +4,7 @@ import {
 import {
   fieldBorder,
   fieldHeight
-} from "./chunk-RGVNXES5.js";
+} from "./chunk-QQHZBJMU.js";
 import {
   fieldRadiusPx
 } from "./chunk-GDN2LUTZ.js";
@@ -245,4 +245,4 @@ export {
   emptySx,
   footSx
 };
-//# sourceMappingURL=chunk-LZJHHMOF.js.map
+//# sourceMappingURL=chunk-DRJL3JHR.js.map

package/dist/chunk-DTNXP7ZS.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-DTNXP7ZS.js.map

package/dist/chunk-DTNXP7ZS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/{chunk-7IXXASQ6.js → chunk-DXFKPY2K.js}

@@ -1,9 +1,9 @@
-import {
-  SectionNavRail
-} from "./chunk-SNWCT6JN.js";
 import {
   SectionNavBar
 } from "./chunk-PMRLFNBT.js";
+import {
+  SectionNavRail
+} from "./chunk-SNWCT6JN.js";
 
 // src/components/navigation/SectionNav/SectionNav.tsx
 import { jsx } from "react/jsx-runtime";
@@ -55,4 +55,4 @@ function SectionNav({
 export {
   SectionNav
 };
-//# sourceMappingURL=chunk-7IXXASQ6.js.map
+//# sourceMappingURL=chunk-DXFKPY2K.js.map