@12-apps/ui 6.100.0 → 6.102.0

package/dist/{chunk-HN36UVOE.js → chunk-U4Z6GZDW.js}

@@ -1,3 +1,6 @@
+import {
+  DAY_RULER_METRICS
+} from "./chunk-273OLFJD.js";
 import {
   clamp,
   formatRange,
@@ -5,9 +8,6 @@ import {
   resized,
   snapTo
 } from "./chunk-L5CAHQIN.js";
-import {
-  DAY_RULER_METRICS
-} from "./chunk-273OLFJD.js";
 
 // src/components/data-display/DayRuler/DayRuler.keyboard.ts
 function gestureOf(event, block, can) {
@@ -59,4 +59,4 @@ export {
   handleBlockKey,
   keyCreateSpan
 };
-//# sourceMappingURL=chunk-HN36UVOE.js.map
+//# sourceMappingURL=chunk-U4Z6GZDW.js.map

package/dist/{chunk-J2IQ6FJ5.js → chunk-UKLNLWTP.js}

@@ -1,12 +1,12 @@
 import {
   PillControl
-} from "./chunk-XA5ES25V.js";
+} from "./chunk-HKQWFICM.js";
 import {
   isQuickActive
 } from "./chunk-KYUEO2IO.js";
 import {
   RangeBounds
-} from "./chunk-FW5GTAUY.js";
+} from "./chunk-Q4AX4FOK.js";
 import {
   QuickRow
 } from "./chunk-AT6UKTH4.js";
@@ -278,4 +278,4 @@ export {
   clearTargetSx,
   MoreGroup
 };
-//# sourceMappingURL=chunk-J2IQ6FJ5.js.map
+//# sourceMappingURL=chunk-UKLNLWTP.js.map

package/dist/{chunk-NQYC7V5N.js → chunk-VJ6ZLMQ3.js}

@@ -1,3 +1,8 @@
+import {
+  OTP_FIT_MIN_HEIGHT_PX,
+  OTP_FIT_MIN_WIDTH_PX,
+  OTP_FONT_PX
+} from "./chunk-XHPL5VI2.js";
 import {
   asFieldSize,
   fieldHeight
@@ -43,24 +48,24 @@ var getColorFromTheme = (theme, color) => {
     contrastText: palette.contrastText || absoluteInk(theme).white
   };
 };
-var SIZES = {
-  xs: { fontPx: 12 },
-  sm: { fontPx: 14 },
-  md: { fontPx: 16 },
-  lg: { fontPx: 18 },
-  xl: { fontPx: 20 }
+var slotBox = (theme, side, fitWidth) => {
+  if (!fitWidth) return { outer: { width: side, height: side }, inner: { width: side, height: side } };
+  const height = `max(${side}, ${rem(theme, OTP_FIT_MIN_HEIGHT_PX)})`;
+  return {
+    outer: { flex: "1 1 0", minWidth: rem(theme, OTP_FIT_MIN_WIDTH_PX), maxWidth: height, height },
+    inner: { width: "100%", height }
+  };
 };
 var otpSlotSx = (theme, flags) => {
-  const { customColor = "primary", customSize = "md", glass, gradient } = flags;
+  const { customColor = "primary", customSize = "md", glass, gradient, fitWidth } = flags;
   const palette = getColorFromTheme(theme, customColor);
-  const { fontPx } = SIZES[customSize] ?? SIZES.md;
+  const fontPx = OTP_FONT_PX[customSize] ?? OTP_FONT_PX.md;
   const side = fieldHeight(theme, asFieldSize(customSize));
+  const box = slotBox(theme, side, fitWidth);
   return {
-    width: side,
-    height: side,
+    ...box.outer,
     "& .MuiOutlinedInput-root": {
-      width: side,
-      height: side,
+      ...box.inner,
       fontSize: rem(theme, fontPx),
       fontWeight: 600,
       textAlign: "center",
@@ -87,4 +92,4 @@ var otpSlotSx = (theme, flags) => {
 export {
   otpSlotSx
 };
-//# sourceMappingURL=chunk-NQYC7V5N.js.map
+//# sourceMappingURL=chunk-VJ6ZLMQ3.js.map

package/dist/chunk-VJ6ZLMQ3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/InputOTP/InputOTP.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport { fieldEdge } from '../../../tokens/field-edge';\nimport { fieldRadius } from '../../../tokens/field-radius';\nimport { asFieldSize, fieldHeight } from '../../../tokens/field-height';\nimport { absoluteInk, controlNeutral } from '../../../tokens/ink';\nimport { rem } from '../../../tokens/relative';\n\nimport { OTP_FIT_MIN_HEIGHT_PX, OTP_FIT_MIN_WIDTH_PX, OTP_FONT_PX } from './InputOTP.metrics';\n\ninterface ColorPalette {\n  main: string;\n  dark?: string;\n  light?: string;\n  contrastText?: string;\n}\n\n/** `neutral` is not a MUI palette entry, so it is built from the grey ramp. */\nconst neutralPalette = (theme: Theme): ColorPalette => controlNeutral(theme);\n\n/** `danger` is this component's name for the error palette. */\nconst namedPalette = (theme: Theme, color: string): ColorPalette => {\n  const colorMap: Record<string, ColorPalette> = {\n    primary: theme.palette.primary,\n    secondary: theme.palette.secondary,\n    success: theme.palette.success,\n    warning: theme.palette.warning,\n    info: theme.palette.info,\n    danger: theme.palette.error,\n  };\n\n  return colorMap[color] || theme.palette.primary;\n};\n\nconst getColorFromTheme = (theme: Theme, color: string): ColorPalette => {\n  if (color === 'neutral') {\n    return neutralPalette(theme);\n  }\n\n  const palette = namedPalette(theme, color);\n  const { primary } = theme.palette;\n\n  return {\n    main: palette.main || primary.main,\n    dark: palette.dark || palette.main || primary.dark,\n    light: palette.light || palette.main || primary.light,\n    contrastText: palette.contrastText || absoluteInk(theme).white,\n  };\n};\n\ntype SizeKey = keyof typeof OTP_FONT_PX;\n\nexport interface OtpSlotFlags {\n  customColor?: string;\n  customSize?: string;\n  glass?: boolean;\n  gradient?: boolean;\n  /** `fit=\"width\"`: share the row's width instead of drawing a square (FUT-4585). */\n  fitWidth?: boolean;\n}\n\ninterface SlotBox {\n  /** The slot's own footprint in the row. */\n  outer: CSSObject;\n  /** The outlined input inside it. */\n  inner: CSSObject;\n}\n\n/**\n * A slot's box. By default a square of the field height, inside and out.\n *\n * Under `fit=\"width\"` (FUT-4585), the native `otpFitBox` in CSS: the slot keeps\n * the field's height (never under the 40px touch floor) and takes an equal\n * share of the row, never wider than it is tall, never under 32px; the input\n * fills it.\n */\nconst slotBox = (theme: Theme, side: string, fitWidth: boolean | undefined): SlotBox => {\n  if (!fitWidth) return { outer: { width: side, height: side }, inner: { width: side, height: side } };\n  const height = `max(${side}, ${rem(theme, OTP_FIT_MIN_HEIGHT_PX)})`;\n  return {\n    outer: { flex: '1 1 0', minWidth: rem(theme, OTP_FIT_MIN_WIDTH_PX), maxWidth: height, height },\n    inner: { width: '100%', height },\n  };\n};\n\nexport const otpSlotSx = (theme: Theme, flags: OtpSlotFlags): CSSObject => {\n  const { customColor = 'primary', customSize = 'md', glass, gradient, fitWidth } = flags;\n  const palette = getColorFromTheme(theme, customColor);\n  const fontPx = OTP_FONT_PX[customSize as SizeKey] ?? OTP_FONT_PX.md;\n  // A slot is a field: a square of the theme's field height for its size.\n  const side = fieldHeight(theme, asFieldSize(customSize));\n\n  const box = slotBox(theme, side, fitWidth);\n\n  return {\n    ...box.outer,\n    '& .MuiOutlinedInput-root': {\n      ...box.inner,\n      fontSize: rem(theme, fontPx),\n      fontWeight: 600,\n      textAlign: 'center',\n      borderRadius: fieldRadius(theme),\n      ...(glass && {\n        backgroundColor: alpha(theme.palette.background.paper, 0.1),\n        backdropFilter: `blur(${rem(theme, 20)})`,\n        '& fieldset': { border: `1px solid ${fieldEdge(theme)}` },\n      }),\n      ...(gradient && {\n        '&.Mui-focused fieldset': {\n          background: `linear-gradient(135deg, ${palette.main}, ${palette.light})`,\n          borderWidth: rem(theme, 2),\n        },\n      }),\n      '& input': { textAlign: 'center', padding: 0, fontWeight: 'inherit' },\n      ...(!glass && { '& fieldset': { borderColor: fieldEdge(theme) } }),\n      '&:hover fieldset': { borderColor: palette.main },\n      '&.Mui-focused fieldset': { borderColor: palette.main, borderWidth: rem(theme, 2) },\n    },\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,aAAa;AAmBtB,IAAM,iBAAiB,CAAC,UAA+B,eAAe,KAAK;AAG3E,IAAM,eAAe,CAAC,OAAc,UAAgC;AAClE,QAAM,WAAyC;AAAA,IAC7C,SAAS,MAAM,QAAQ;AAAA,IACvB,WAAW,MAAM,QAAQ;AAAA,IACzB,SAAS,MAAM,QAAQ;AAAA,IACvB,SAAS,MAAM,QAAQ;AAAA,IACvB,MAAM,MAAM,QAAQ;AAAA,IACpB,QAAQ,MAAM,QAAQ;AAAA,EACxB;AAEA,SAAO,SAAS,KAAK,KAAK,MAAM,QAAQ;AAC1C;AAEA,IAAM,oBAAoB,CAAC,OAAc,UAAgC;AACvE,MAAI,UAAU,WAAW;AACvB,WAAO,eAAe,KAAK;AAAA,EAC7B;AAEA,QAAM,UAAU,aAAa,OAAO,KAAK;AACzC,QAAM,EAAE,QAAQ,IAAI,MAAM;AAE1B,SAAO;AAAA,IACL,MAAM,QAAQ,QAAQ,QAAQ;AAAA,IAC9B,MAAM,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ;AAAA,IAC9C,OAAO,QAAQ,SAAS,QAAQ,QAAQ,QAAQ;AAAA,IAChD,cAAc,QAAQ,gBAAgB,YAAY,KAAK,EAAE;AAAA,EAC3D;AACF;AA4BA,IAAM,UAAU,CAAC,OAAc,MAAc,aAA2C;AACtF,MAAI,CAAC,SAAU,QAAO,EAAE,OAAO,EAAE,OAAO,MAAM,QAAQ,KAAK,GAAG,OAAO,EAAE,OAAO,MAAM,QAAQ,KAAK,EAAE;AACnG,QAAM,SAAS,OAAO,IAAI,KAAK,IAAI,OAAO,qBAAqB,CAAC;AAChE,SAAO;AAAA,IACL,OAAO,EAAE,MAAM,SAAS,UAAU,IAAI,OAAO,oBAAoB,GAAG,UAAU,QAAQ,OAAO;AAAA,IAC7F,OAAO,EAAE,OAAO,QAAQ,OAAO;AAAA,EACjC;AACF;AAEO,IAAM,YAAY,CAAC,OAAc,UAAmC;AACzE,QAAM,EAAE,cAAc,WAAW,aAAa,MAAM,OAAO,UAAU,SAAS,IAAI;AAClF,QAAM,UAAU,kBAAkB,OAAO,WAAW;AACpD,QAAM,SAAS,YAAY,UAAqB,KAAK,YAAY;AAEjE,QAAM,OAAO,YAAY,OAAO,YAAY,UAAU,CAAC;AAEvD,QAAM,MAAM,QAAQ,OAAO,MAAM,QAAQ;AAEzC,SAAO;AAAA,IACL,GAAG,IAAI;AAAA,IACP,4BAA4B;AAAA,MAC1B,GAAG,IAAI;AAAA,MACP,UAAU,IAAI,OAAO,MAAM;AAAA,MAC3B,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,cAAc,YAAY,KAAK;AAAA,MAC/B,GAAI,SAAS;AAAA,QACX,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG;AAAA,QAC1D,gBAAgB,QAAQ,IAAI,OAAO,EAAE,CAAC;AAAA,QACtC,cAAc,EAAE,QAAQ,aAAa,UAAU,KAAK,CAAC,GAAG;AAAA,MAC1D;AAAA,MACA,GAAI,YAAY;AAAA,QACd,0BAA0B;AAAA,UACxB,YAAY,2BAA2B,QAAQ,IAAI,KAAK,QAAQ,KAAK;AAAA,UACrE,aAAa,IAAI,OAAO,CAAC;AAAA,QAC3B;AAAA,MACF;AAAA,MACA,WAAW,EAAE,WAAW,UAAU,SAAS,GAAG,YAAY,UAAU;AAAA,MACpE,GAAI,CAAC,SAAS,EAAE,cAAc,EAAE,aAAa,UAAU,KAAK,EAAE,EAAE;AAAA,MAChE,oBAAoB,EAAE,aAAa,QAAQ,KAAK;AAAA,MAChD,0BAA0B,EAAE,aAAa,QAAQ,MAAM,aAAa,IAAI,OAAO,CAAC,EAAE;AAAA,IACpF;AAAA,EACF;AACF;","names":[]}

package/dist/{chunk-MKHNLRVX.js → chunk-VPPD2AJN.js}

@@ -1,9 +1,12 @@
-import {
-  CategoryPanel
-} from "./chunk-FZZMNKVF.js";
 import {
   CategoryPanelSurface
 } from "./chunk-QYY37ECA.js";
+import {
+  CategoryPanel
+} from "./chunk-6TAPAIRR.js";
+import {
+  CategoryTrigger
+} from "./chunk-GHP5JLL3.js";
 import {
   useCategorySelect
 } from "./chunk-RZVUY2MO.js";
@@ -13,9 +16,6 @@ import {
 import {
   useCategoryCommit
 } from "./chunk-XHHR6G35.js";
-import {
-  CategoryTrigger
-} from "./chunk-GHP5JLL3.js";
 import {
   METRICS
 } from "./chunk-VPGDYI63.js";
@@ -155,4 +155,4 @@ function CategorySelect(props) {
 export {
   CategorySelect
 };
-//# sourceMappingURL=chunk-MKHNLRVX.js.map
+//# sourceMappingURL=chunk-VPPD2AJN.js.map

package/dist/{chunk-TIM4PXWN.js → chunk-VWRXSBT2.js}

@@ -1,6 +1,6 @@
 import {
   Chart
-} from "./chunk-HI7JPDD6.js";
+} from "./chunk-5357QUVE.js";
 import {
   CHART_SEMANTIC_COLORS,
   specToChartProps
@@ -46,4 +46,4 @@ var SpecChart = ({
 export {
   SpecChart
 };
-//# sourceMappingURL=chunk-TIM4PXWN.js.map
+//# sourceMappingURL=chunk-VWRXSBT2.js.map

package/dist/{chunk-KVP5A3YK.js → chunk-WDWZKTGA.js}

@@ -1,6 +1,6 @@
 import {
   MapPreview
-} from "./chunk-FYJL432J.js";
+} from "./chunk-MQPUS773.js";
 
 // src/components/data-display/FleetMap/FleetCanvas.tsx
 import Box from "@mui/material/Box/index.js";
@@ -38,4 +38,4 @@ function FleetCanvas({
 export {
   FleetCanvas
 };
-//# sourceMappingURL=chunk-KVP5A3YK.js.map
+//# sourceMappingURL=chunk-WDWZKTGA.js.map

package/dist/{chunk-FYSS2PYA.js → chunk-WH5ZEBKS.js}

@@ -1,11 +1,14 @@
+import {
+  daysBetween,
+  isOpen
+} from "./chunk-E6UMTR2G.js";
 import {
   cornerSx,
   headerAdornmentSx
 } from "./chunk-5MXVKZKZ.js";
 import {
-  daysBetween,
-  isOpen
-} from "./chunk-E6UMTR2G.js";
+  ScheduleNameCell
+} from "./chunk-CGS2LQE5.js";
 import {
   SR_ONLY_SX,
   blockSx,
@@ -25,9 +28,6 @@ import {
   totalCellSx,
   totalHeaderSx
 } from "./chunk-SJAOQGQI.js";
-import {
-  ScheduleNameCell
-} from "./chunk-CGS2LQE5.js";
 import {
   SCHEDULE_GRID_METRICS
 } from "./chunk-3R6BR22L.js";
@@ -254,4 +254,4 @@ export {
   GridHeader,
   GridBody
 };
-//# sourceMappingURL=chunk-FYSS2PYA.js.map
+//# sourceMappingURL=chunk-WH5ZEBKS.js.map

package/dist/{chunk-KAGXV3ID.js → chunk-WMMXOSZG.js}

@@ -1,16 +1,16 @@
+import {
+  HeatmapOverlay,
+  RouteOverlay
+} from "./chunk-ZZ4MMUBY.js";
 import {
   MapControlBar
 } from "./chunk-TDXEWGY2.js";
-import {
-  MapSearchBar
-} from "./chunk-MIUPTZS6.js";
 import {
   resolveMapCopy
 } from "./chunk-ZX4ORMBC.js";
 import {
-  HeatmapOverlay,
-  RouteOverlay
-} from "./chunk-ZZ4MMUBY.js";
+  MapSearchBar
+} from "./chunk-MIUPTZS6.js";
 import {
   HEATMAP_VIEWBOX
 } from "./chunk-H2J2MTRE.js";
@@ -59,4 +59,4 @@ var MapLayers = ({ settings, zoom, mapType, search, controls }) => {
 export {
   MapLayers
 };
-//# sourceMappingURL=chunk-KAGXV3ID.js.map
+//# sourceMappingURL=chunk-WMMXOSZG.js.map

package/dist/{chunk-4RSFYS2V.js → chunk-X6D5JEUV.js}

@@ -1,8 +1,3 @@
-import {
-  MIN_QUERY_LENGTH,
-  addressOptionLabel,
-  isSameAddressOption
-} from "./chunk-NNKIM73H.js";
 import {
   AddressSuggestionsPaper
 } from "./chunk-EIOGJBJ5.js";
@@ -12,6 +7,11 @@ import {
 import {
   AddressInputField
 } from "./chunk-NYA26GV2.js";
+import {
+  MIN_QUERY_LENGTH,
+  addressOptionLabel,
+  isSameAddressOption
+} from "./chunk-NNKIM73H.js";
 import {
   resolveLabels
 } from "./chunk-LL2BWQPM.js";
@@ -106,4 +106,4 @@ var AddressAutocompleteField = ({
 export {
   AddressAutocompleteField
 };
-//# sourceMappingURL=chunk-4RSFYS2V.js.map
+//# sourceMappingURL=chunk-X6D5JEUV.js.map

package/dist/{chunk-GFYDOH7D.js → chunk-XEPNAU3T.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-SUTOAW7I.js";
 import {
   Calendar
-} from "./chunk-YQMJJ7AL.js";
+} from "./chunk-6G2RAZTS.js";
 import {
   EN_US_DATA_VIEWS_COPY
 } from "./chunk-IPVGWENM.js";
@@ -196,4 +196,4 @@ export {
   rangeFromCalendar,
   DayRangeCalendar
 };
-//# sourceMappingURL=chunk-GFYDOH7D.js.map
+//# sourceMappingURL=chunk-XEPNAU3T.js.map

package/dist/{chunk-VMACQT3T.js → chunk-XH7UDC5Y.js}

@@ -1,9 +1,9 @@
 import {
   Sheet
-} from "./chunk-7TENMQNQ.js";
+} from "./chunk-XZMSRHFD.js";
 import {
   Dialog
-} from "./chunk-KWBMM6MJ.js";
+} from "./chunk-RZKKWIGQ.js";
 import {
   Button
 } from "./chunk-YOXYSAUI.js";
@@ -166,4 +166,4 @@ AppHeaderDetails.displayName = "AppHeaderDetails";
 export {
   AppHeaderDetails
 };
-//# sourceMappingURL=chunk-VMACQT3T.js.map
+//# sourceMappingURL=chunk-XH7UDC5Y.js.map

package/dist/{chunk-PDWQJFMK.js → chunk-XHMHHP7B.js}

@@ -1,23 +1,23 @@
-import {
-  GridBody,
-  GridHeader
-} from "./chunk-FYSS2PYA.js";
-import {
-  EN_US_SCHEDULE_GRID_LABELS
-} from "./chunk-NMXYHPOG.js";
 import {
   focusables,
   handleGridKey
 } from "./chunk-ZHKCE5LR.js";
 import {
-  useGridDrag
-} from "./chunk-WBMLMLXP.js";
+  EN_US_SCHEDULE_GRID_LABELS
+} from "./chunk-NMXYHPOG.js";
+import {
+  GridBody,
+  GridHeader
+} from "./chunk-WH5ZEBKS.js";
 import {
   useSidewaysScroll
 } from "./chunk-GONPUJIE.js";
 import {
   useScrollToDay
 } from "./chunk-5EP37B4F.js";
+import {
+  useGridDrag
+} from "./chunk-WBMLMLXP.js";
 import {
   SR_ONLY_SX,
   frameSx,
@@ -144,4 +144,4 @@ function ScheduleGrid(props) {
 export {
   ScheduleGrid
 };
-//# sourceMappingURL=chunk-PDWQJFMK.js.map
+//# sourceMappingURL=chunk-XHMHHP7B.js.map

package/dist/chunk-XHPL5VI2.js

@@ -0,0 +1,31 @@
+// src/components/form/InputOTP/InputOTP.metrics.ts
+var OTP_FONT_PX = {
+  xs: 12,
+  sm: 14,
+  md: 16,
+  lg: 18,
+  xl: 20
+};
+var OTP_GAP_PX = 8;
+var OTP_BORDER = { rest: 1, focused: 2 };
+var OTP_FIT_GAP_PX = 6;
+var OTP_FIT_MIN_WIDTH_PX = 32;
+var OTP_FIT_MIN_HEIGHT_PX = 40;
+function otpFitBox(rowWidth, side, length) {
+  const height = Math.max(side, OTP_FIT_MIN_HEIGHT_PX);
+  const count = Math.max(1, Math.floor(length));
+  const share = Math.floor((rowWidth - (count - 1) * OTP_FIT_GAP_PX) / count);
+  const width = Math.min(height, Math.max(OTP_FIT_MIN_WIDTH_PX, Number.isFinite(share) ? share : height));
+  return { width, height };
+}
+
+export {
+  OTP_FONT_PX,
+  OTP_GAP_PX,
+  OTP_BORDER,
+  OTP_FIT_GAP_PX,
+  OTP_FIT_MIN_WIDTH_PX,
+  OTP_FIT_MIN_HEIGHT_PX,
+  otpFitBox
+};
+//# sourceMappingURL=chunk-XHPL5VI2.js.map

package/dist/chunk-XHPL5VI2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/InputOTP/InputOTP.metrics.ts"],"sourcesContent":["/**\n * The numbers both renderers read (see `NATIVE.md`, \"Numbers\").\n *\n * Each box's type size, in design px, per size step; its side is the theme's\n * field height for that step (a square), its weight 600.\n */\nexport const OTP_FONT_PX: Record<'xs' | 'sm' | 'md' | 'lg' | 'xl', number> = {\n  xs: 12,\n  sm: 14,\n  md: 16,\n  lg: 18,\n  xl: 20,\n};\n\n/** The gap between two boxes: MUI's `gap: 1`, one 8px spacing unit. */\nexport const OTP_GAP_PX = 8;\n\n/** The border: 1px at rest, 2px focused (MUI's focused outline). */\nexport const OTP_BORDER = { rest: 1, focused: 2 } as const;\n\n/**\n * `fit=\"width\"` (FUT-4585): the gap between two boxes when they share the row's\n * width — the approved prototype's 6px, a little tighter than the default 8px\n * so six portrait boxes stay at least 40 wide on a 320 phone.\n */\nexport const OTP_FIT_GAP_PX = 6;\n\n/** `fit=\"width\"`: no box is narrower than this, however narrow the row. */\nexport const OTP_FIT_MIN_WIDTH_PX = 32;\n\n/** `fit=\"width\"`: no box is shorter than the 40px touch floor, whatever its size. */\nexport const OTP_FIT_MIN_HEIGHT_PX = 40;\n\n/**\n * One box's size under `fit=\"width\"`, for a row `rowWidth` wide holding\n * `length` boxes whose size step draws a field `side` tall.\n *\n * The box keeps the field's height (never under {@link OTP_FIT_MIN_HEIGHT_PX})\n * and takes an equal share of the row, less the gaps, for its width: floored\n * to a whole pixel so six of them never overflow the row, never wider than it\n * is tall (a wide row keeps squares) and never under\n * {@link OTP_FIT_MIN_WIDTH_PX}. A narrow row therefore draws PORTRAIT boxes\n * rather than dropping to a smaller size and its smaller type.\n */\nexport function otpFitBox(rowWidth: number, side: number, length: number): { width: number; height: number } {\n  const height = Math.max(side, OTP_FIT_MIN_HEIGHT_PX);\n  const count = Math.max(1, Math.floor(length));\n  const share = Math.floor((rowWidth - (count - 1) * OTP_FIT_GAP_PX) / count);\n  const width = Math.min(height, Math.max(OTP_FIT_MIN_WIDTH_PX, Number.isFinite(share) ? share : height));\n  return { width, height };\n}\n"],"mappings":";AAMO,IAAM,cAAgE;AAAA,EAC3E,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,IAAM,aAAa;AAGnB,IAAM,aAAa,EAAE,MAAM,GAAG,SAAS,EAAE;AAOzC,IAAM,iBAAiB;AAGvB,IAAM,uBAAuB;AAG7B,IAAM,wBAAwB;AAa9B,SAAS,UAAU,UAAkB,MAAc,QAAmD;AAC3G,QAAM,SAAS,KAAK,IAAI,MAAM,qBAAqB;AACnD,QAAM,QAAQ,KAAK,IAAI,GAAG,KAAK,MAAM,MAAM,CAAC;AAC5C,QAAM,QAAQ,KAAK,OAAO,YAAY,QAAQ,KAAK,kBAAkB,KAAK;AAC1E,QAAM,QAAQ,KAAK,IAAI,QAAQ,KAAK,IAAI,sBAAsB,OAAO,SAAS,KAAK,IAAI,QAAQ,MAAM,CAAC;AACtG,SAAO,EAAE,OAAO,OAAO;AACzB;","names":[]}

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

@@ -4,12 +4,12 @@ import {
 import {
   CardBody
 } from "./chunk-4ZQQUICR.js";
-import {
-  toGridExpansion
-} from "./chunk-O5UGAL2V.js";
 import {
   SelectAllStrip
 } from "./chunk-OY437NRJ.js";
+import {
+  toGridExpansion
+} from "./chunk-O5UGAL2V.js";
 import {
   useStickyTableHead
 } from "./chunk-4IE66GY2.js";
@@ -28,7 +28,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   DataGrid
-} from "./chunk-OA6T2ME3.js";
+} from "./chunk-DYHOBKPU.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -250,4 +250,4 @@ function GridMain(props) {
 export {
   GridMain
 };
-//# sourceMappingURL=chunk-SA3KLZDZ.js.map
+//# sourceMappingURL=chunk-XNAI7QGU.js.map

package/dist/{chunk-7TENMQNQ.js → chunk-XZMSRHFD.js}

@@ -1,3 +1,6 @@
+import {
+  panelSx
+} from "./chunk-3ROCD7XF.js";
 import {
   useSheetDrag,
   useSheetOpen
@@ -5,9 +8,6 @@ import {
 import {
   SheetBody
 } from "./chunk-OHA2PAAA.js";
-import {
-  panelSx
-} from "./chunk-3ROCD7XF.js";
 import {
   SheetOverlay
 } from "./chunk-ABZJNKR6.js";
@@ -151,4 +151,4 @@ var Sheet = (props) => {
 export {
   Sheet
 };
-//# sourceMappingURL=chunk-7TENMQNQ.js.map
+//# sourceMappingURL=chunk-XZMSRHFD.js.map

package/dist/{chunk-HBHBRRSW.js → chunk-YBAK2WN5.js}

@@ -1,9 +1,3 @@
-import {
-  useHoverCard
-} from "./chunk-Z3USLQQT.js";
-import {
-  HoverCardContent
-} from "./chunk-NRIV2CQ2.js";
 import {
   arrowSx,
   cardSx,
@@ -11,6 +5,12 @@ import {
   getTransformOrigin,
   sideOf
 } from "./chunk-ABF64CAQ.js";
+import {
+  useHoverCard
+} from "./chunk-Z3USLQQT.js";
+import {
+  HoverCardContent
+} from "./chunk-NRIV2CQ2.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -191,4 +191,4 @@ HoverCard.displayName = "HoverCard";
 export {
   HoverCard
 };
-//# sourceMappingURL=chunk-HBHBRRSW.js.map
+//# sourceMappingURL=chunk-YBAK2WN5.js.map

package/dist/{chunk-QLKUWDMQ.js → chunk-YDJ5GAGL.js}

@@ -1,17 +1,6 @@
 import {
   ResolverFrame
-} from "./chunk-643YFWNK.js";
-import {
-  SequenceOverviewBody
-} from "./chunk-XQAFSC66.js";
-import {
-  SequenceDoneBody,
-  SequenceIntroBody,
-  SequenceStepBody
-} from "./chunk-3I7KE2N6.js";
-import {
-  SEQUENCE_METRICS
-} from "./chunk-ALDS5ISD.js";
+} from "./chunk-GPWDP5FF.js";
 import {
   useSequenceRun
 } from "./chunk-QMRR35W2.js";
@@ -23,6 +12,17 @@ import {
   progressOf,
   summaryOf
 } from "./chunk-KZ5F52D6.js";
+import {
+  SequenceOverviewBody
+} from "./chunk-Q4FNCT4C.js";
+import {
+  SequenceDoneBody,
+  SequenceIntroBody,
+  SequenceStepBody
+} from "./chunk-BNV7P52K.js";
+import {
+  SEQUENCE_METRICS
+} from "./chunk-ALDS5ISD.js";
 
 // src/components/feedback/SequenceResolver/SequenceResolver.tsx
 import { useTheme } from "@mui/material/styles/index.js";
@@ -243,4 +243,4 @@ function SequenceResolver(props) {
 export {
   SequenceResolver
 };
-//# sourceMappingURL=chunk-QLKUWDMQ.js.map
+//# sourceMappingURL=chunk-YDJ5GAGL.js.map

package/dist/{chunk-LOLYBFYY.js → chunk-ZCNR4DN5.js}

@@ -9,6 +9,10 @@ import {
   resolveScope,
   useScopeConfigChecks
 } from "./chunk-PL2AB5HJ.js";
+import {
+  computeActiveFilterCount,
+  defaultSortFields
+} from "./chunk-UKNMPGEM.js";
 import {
   serverDerived,
   useServerQuery
@@ -20,10 +24,6 @@ import {
   useClearFilters,
   useStateWriters
 } from "./chunk-OOLES6RR.js";
-import {
-  computeActiveFilterCount,
-  defaultSortFields
-} from "./chunk-UKNMPGEM.js";
 import {
   emptyViewState
 } from "./chunk-HLYYB4O5.js";
@@ -178,4 +178,4 @@ function useDataViewsState({
 export {
   useDataViewsState
 };
-//# sourceMappingURL=chunk-LOLYBFYY.js.map
+//# sourceMappingURL=chunk-ZCNR4DN5.js.map

package/dist/data-display/Alert.js

@@ -1,12 +1,12 @@
 import "../chunk-AG4F6NVT.js";
 import {
   Alert
-} from "../chunk-Q5SCBQLY.js";
-import "../chunk-UN5WU2OX.js";
-import "../chunk-YBF2WUGQ.js";
-import "../chunk-L7VH6IMR.js";
+} from "../chunk-BXLC3TBQ.js";
 import "../chunk-QXUXO22M.js";
+import "../chunk-GDWU7WF4.js";
 import "../chunk-LNZJJFZQ.js";
+import "../chunk-YBF2WUGQ.js";
+import "../chunk-L7VH6IMR.js";
 import {
   POINTER_STATES
 } from "../chunk-TBQR5VCN.js";

package/dist/data-display/Avatar.js

@@ -2,10 +2,10 @@ import "../chunk-UDQSIRAP.js";
 import {
   Avatar,
   AvatarGroup
-} from "../chunk-W56KN53D.js";
-import "../chunk-3ZVUNSFF.js";
+} from "../chunk-L6IDPTNX.js";
 import "../chunk-EOQ6EKTS.js";
 import "../chunk-6ZZGK5DT.js";
+import "../chunk-3ZVUNSFF.js";
 import "../chunk-MTEQEPNY.js";
 import "../chunk-VWKMN3ZZ.js";
 import "../chunk-XJAD6E3V.js";

package/dist/data-display/Badge.js

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

package/dist/data-display/CardKit.js

@@ -1,12 +1,3 @@
-import {
-  CardKebab
-} from "../chunk-R2ODLE6G.js";
-import {
-  useRowConfirm
-} from "../chunk-3LD42RNV.js";
-import {
-  useRemoveConfirm
-} from "../chunk-XFOKLWJZ.js";
 import {
   rowActionsToMenuItems
 } from "../chunk-ZBXG6RVJ.js";
@@ -17,10 +8,19 @@ import {
   Ledger,
   TagList
 } from "../chunk-JOKWTRWL.js";
+import {
+  CardKebab
+} from "../chunk-R2ODLE6G.js";
+import {
+  useRowConfirm
+} from "../chunk-3LD42RNV.js";
+import {
+  useRemoveConfirm
+} from "../chunk-7S5PXEO7.js";
 import {
   CardActionsProvider,
   useCardActions
-} from "../chunk-YQ5GQ32T.js";
+} from "../chunk-KZP5YTE7.js";
 import "../chunk-WVML3ENZ.js";
 import "../chunk-AY5GKCH7.js";
 import "../chunk-XCBQXSTR.js";
@@ -32,12 +32,12 @@ import "../chunk-EMYESBIT.js";
 import "../chunk-LZRVUOMU.js";
 import "../chunk-EEB66IVH.js";
 import "../chunk-AG4F6NVT.js";
-import "../chunk-Q5SCBQLY.js";
-import "../chunk-UN5WU2OX.js";
-import "../chunk-YBF2WUGQ.js";
-import "../chunk-L7VH6IMR.js";
+import "../chunk-BXLC3TBQ.js";
 import "../chunk-QXUXO22M.js";
+import "../chunk-GDWU7WF4.js";
 import "../chunk-LNZJJFZQ.js";
+import "../chunk-YBF2WUGQ.js";
+import "../chunk-L7VH6IMR.js";
 import "../chunk-2IBFEHIX.js";
 import "../chunk-TTBLQZVT.js";
 import "../chunk-WGK7VNCO.js";

package/dist/data-display/Carousel.js

@@ -1,7 +1,9 @@
 import "../chunk-62FET2BM.js";
 import {
   Carousel
-} from "../chunk-B4OZU7J4.js";
+} from "../chunk-423A7NUP.js";
+import "../chunk-Z64TMGYT.js";
+import "../chunk-6FDLBWTE.js";
 import "../chunk-RUIV5TVA.js";
 import "../chunk-KEPLO2AB.js";
 import {
@@ -9,8 +11,6 @@ import {
   CarouselIndicators,
   CarouselThumbnails
 } from "../chunk-GXYOBTOY.js";
-import "../chunk-Z64TMGYT.js";
-import "../chunk-6FDLBWTE.js";
 import "../chunk-IPVGWENM.js";
 import "../chunk-PZS7N74L.js";
 import "../chunk-AA2X5GOT.js";