@12-apps/ui 6.100.0 → 6.102.0

package/dist/{chunk-Z5V5E3JW.js → chunk-COKPPU42.js}

@@ -1,3 +1,9 @@
+import {
+  LightboxOverlay
+} from "./chunk-T2G4LDU5.js";
+import {
+  LightboxCurrentMedia
+} from "./chunk-RBGUS7WO.js";
 import {
   resolveLightboxProps
 } from "./chunk-UOS7DEQZ.js";
@@ -6,22 +12,16 @@ import {
 } from "./chunk-HZBDTPPV.js";
 import {
   LightboxThumbnails
-} from "./chunk-64UNVW6D.js";
+} from "./chunk-BP3ZKIPE.js";
+import {
+  LightboxCopyProvider
+} from "./chunk-TEQYTEM2.js";
 import {
   LightboxStage
 } from "./chunk-SYGM4SHY.js";
-import {
-  LightboxOverlay
-} from "./chunk-WLLUARTC.js";
 import {
   makeTestId
 } from "./chunk-VQU3CBAL.js";
-import {
-  LightboxCurrentMedia
-} from "./chunk-RBGUS7WO.js";
-import {
-  LightboxCopyProvider
-} from "./chunk-TEQYTEM2.js";
 import {
   scrim
 } from "./chunk-XJAD6E3V.js";
@@ -148,4 +148,4 @@ export {
   Lightbox,
   Lightbox_default
 };
-//# sourceMappingURL=chunk-Z5V5E3JW.js.map
+//# sourceMappingURL=chunk-COKPPU42.js.map

package/dist/{chunk-QADTI63U.js → chunk-CZVAVX5L.js}

@@ -1,10 +1,10 @@
+import {
+  buildChartContext
+} from "./chunk-JG733RMP.js";
 import {
   ChartLegendContent,
   ChartTooltipContent
 } from "./chunk-RIRTW5EU.js";
-import {
-  buildChartContext
-} from "./chunk-TZC6KIK2.js";
 import {
   uiInk
 } from "./chunk-XJAD6E3V.js";
@@ -318,4 +318,4 @@ function renderChartByType(props, theme) {
 export {
   renderChartByType
 };
-//# sourceMappingURL=chunk-QADTI63U.js.map
+//# sourceMappingURL=chunk-CZVAVX5L.js.map

package/dist/{chunk-WDEVKND3.js → chunk-D2YJPZMU.js}

@@ -1,20 +1,20 @@
-import {
-  DataViewsGrid
-} from "./chunk-MEMVZW64.js";
 import {
   DeleteViewDialog
-} from "./chunk-3V7OTBUZ.js";
+} from "./chunk-BQ2SFA27.js";
+import {
+  DataViewsGrid
+} from "./chunk-EPNZQWS4.js";
 import {
   viewStateKey
 } from "./chunk-ZOLAYP2D.js";
+import {
+  ViewDialogs,
+  ViewMutationErrorAlert
+} from "./chunk-24OFA44S.js";
 import {
   useUrlEchoGuard,
   useUrlSyncState
 } from "./chunk-G6EJLEVV.js";
-import {
-  ViewDialogs,
-  ViewMutationErrorAlert
-} from "./chunk-37MJZLQU.js";
 import {
   useSavedViewsController
 } from "./chunk-B2JSUFDX.js";
@@ -166,4 +166,4 @@ function renderViewDialogs(ctl, fields, columns, views, testIdPrefix, onSaved) {
 export {
   DataViewsTableBase
 };
-//# sourceMappingURL=chunk-WDEVKND3.js.map
+//# sourceMappingURL=chunk-D2YJPZMU.js.map

package/dist/{chunk-OA6T2ME3.js → chunk-DYHOBKPU.js}

@@ -1,7 +1,3 @@
-import {
-  GridBody,
-  GridHeader
-} from "./chunk-5RYPVYWP.js";
 import {
   DataGridEmpty,
   DataGridError,
@@ -10,6 +6,10 @@ import {
 import {
   useDataGridModel
 } from "./chunk-LDROG4QI.js";
+import {
+  GridBody,
+  GridHeader
+} from "./chunk-5RYPVYWP.js";
 
 // src/components/data-display/DataGrid/DataGrid.tsx
 import Paper from "@mui/material/Paper/index.js";
@@ -120,4 +120,4 @@ export {
   DataGrid,
   GRID_ONLY_PROPS
 };
-//# sourceMappingURL=chunk-OA6T2ME3.js.map
+//# sourceMappingURL=chunk-DYHOBKPU.js.map

package/dist/{chunk-6WAP7BJS.js → chunk-E6SPWZRN.js}

@@ -1,6 +1,6 @@
 import {
   FleetCanvas
-} from "./chunk-KVP5A3YK.js";
+} from "./chunk-WDWZKTGA.js";
 import {
   FleetRoster
 } from "./chunk-A4B27HYU.js";
@@ -79,4 +79,4 @@ function FleetBody({
 export {
   FleetBody
 };
-//# sourceMappingURL=chunk-6WAP7BJS.js.map
+//# sourceMappingURL=chunk-E6SPWZRN.js.map

package/dist/{chunk-UTIYB6VE.js → chunk-E73PAU4U.js}

@@ -1,19 +1,22 @@
+import {
+  FilterDialog,
+  GridFilterPanel
+} from "./chunk-KAWVH3AA.js";
 import {
   ShellEmpty
 } from "./chunk-MKVDHR3B.js";
+import {
+  InlineFilterControls
+} from "./chunk-NKBSWAP3.js";
 import {
   GridHeaderRow
 } from "./chunk-X3AFXHY5.js";
 import {
   GridMain
-} from "./chunk-SA3KLZDZ.js";
+} from "./chunk-XNAI7QGU.js";
 import {
-  FilterDialog,
-  GridFilterPanel
-} from "./chunk-HOWAMSUY.js";
-import {
-  InlineFilterControls
-} from "./chunk-VRSW7PIO.js";
+  DataViewsPagination
+} from "./chunk-XZFTRGRW.js";
 import {
   useFilterOverflow
 } from "./chunk-WWH674WU.js";
@@ -22,29 +25,26 @@ import {
   toggleQuick
 } from "./chunk-KYUEO2IO.js";
 import {
-  DataViewsPagination
-} from "./chunk-XZFTRGRW.js";
+  allOnPageSelected,
+  resolveSelectionExtra
+} from "./chunk-5YDS6HO3.js";
 import {
   ScopeTabsSlot
-} from "./chunk-K3PMMW23.js";
+} from "./chunk-K6VEN5VN.js";
 import {
   ShellToolbar
-} from "./chunk-IFOHCY4O.js";
-import {
-  allOnPageSelected,
-  resolveSelectionExtra
-} from "./chunk-5YDS6HO3.js";
+} from "./chunk-OF3KG5EV.js";
 import {
   SHELL_PROPS,
   useStickyBarTop
 } from "./chunk-4IE66GY2.js";
-import {
-  togglePillValues
-} from "./chunk-UKNMPGEM.js";
 import {
   DataViewsLayoutProvider,
   useDataViewsLayout
 } from "./chunk-5CAWRMDX.js";
+import {
+  togglePillValues
+} from "./chunk-UKNMPGEM.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -252,4 +252,4 @@ function GridShell(props) {
 export {
   GridShell
 };
-//# sourceMappingURL=chunk-UTIYB6VE.js.map
+//# sourceMappingURL=chunk-E73PAU4U.js.map

package/dist/{chunk-XR474YYX.js → chunk-EDVAFY76.js}

@@ -8,7 +8,7 @@ import {
 } from "./chunk-L7BRU4UF.js";
 import {
   Alert
-} from "./chunk-Q5SCBQLY.js";
+} from "./chunk-BXLC3TBQ.js";
 import {
   Button
 } from "./chunk-YOXYSAUI.js";
@@ -106,4 +106,4 @@ NotificationStatusNotice.displayName = "NotificationStatusNotice";
 export {
   NotificationStatusNotice
 };
-//# sourceMappingURL=chunk-XR474YYX.js.map
+//# sourceMappingURL=chunk-EDVAFY76.js.map

package/dist/{chunk-MEMVZW64.js → chunk-EPNZQWS4.js}

@@ -1,9 +1,9 @@
 import {
   GridShell
-} from "./chunk-UTIYB6VE.js";
+} from "./chunk-E73PAU4U.js";
 import {
   useDataViewsState
-} from "./chunk-LOLYBFYY.js";
+} from "./chunk-ZCNR4DN5.js";
 
 // src/components/data-display/DataViews/DataViewsGrid.tsx
 import { useEffect, useRef } from "react";
@@ -27,4 +27,4 @@ function DataViewsGrid(props) {
 export {
   DataViewsGrid
 };
-//# sourceMappingURL=chunk-MEMVZW64.js.map
+//# sourceMappingURL=chunk-EPNZQWS4.js.map

package/dist/{chunk-GZITNT7O.js → chunk-FGZIEZEP.js}

@@ -1,13 +1,3 @@
-import {
-  useTextFit
-} from "./chunk-WG7CAT5D.js";
-import {
-  formatHour,
-  formatRange,
-  hitBoundsOf,
-  percentOf,
-  ticksOf
-} from "./chunk-L5CAHQIN.js";
 import {
   actionsSx,
   actualLabelSx,
@@ -25,9 +15,19 @@ import {
   trackSx,
   whoSx
 } from "./chunk-5AZEDQXX.js";
+import {
+  useTextFit
+} from "./chunk-WG7CAT5D.js";
 import {
   DAY_RULER_METRICS
 } from "./chunk-273OLFJD.js";
+import {
+  formatHour,
+  formatRange,
+  hitBoundsOf,
+  percentOf,
+  ticksOf
+} from "./chunk-L5CAHQIN.js";
 import {
   ScheduleNameCell
 } from "./chunk-CGS2LQE5.js";
@@ -228,4 +228,4 @@ export {
   Coverage,
   Axis
 };
-//# sourceMappingURL=chunk-GZITNT7O.js.map
+//# sourceMappingURL=chunk-FGZIEZEP.js.map

package/dist/{chunk-4X2TOMK6.js → chunk-FKUVFPQZ.js}

@@ -1,3 +1,6 @@
+import {
+  useGoogleMapsAPI
+} from "./chunk-L7N4AFZD.js";
 import {
   useCurrentLocation
 } from "./chunk-44FY2YZL.js";
@@ -7,9 +10,6 @@ import {
 import {
   useAddressPredictions
 } from "./chunk-QVYBRD6U.js";
-import {
-  useGoogleMapsAPI
-} from "./chunk-L7N4AFZD.js";
 import {
   resolveLabels
 } from "./chunk-LL2BWQPM.js";
@@ -84,4 +84,4 @@ var useAddressAutocomplete = ({
 export {
   useAddressAutocomplete
 };
-//# sourceMappingURL=chunk-4X2TOMK6.js.map
+//# sourceMappingURL=chunk-FKUVFPQZ.js.map

package/dist/{chunk-UN5WU2OX.js → chunk-GDWU7WF4.js}

@@ -1,10 +1,10 @@
-import {
-  testIdFor
-} from "./chunk-L7VH6IMR.js";
 import {
   ALERT_CHILDREN_CLASS,
   ALERT_DESCRIPTION_CLASS
 } from "./chunk-LNZJJFZQ.js";
+import {
+  testIdFor
+} from "./chunk-L7VH6IMR.js";
 import {
   DESCRIPTION,
   ICON_SLOT,
@@ -85,4 +85,4 @@ var AlertContent = ({ title, description, titleIcon, dataTestId, children }) =>
 export {
   AlertContent
 };
-//# sourceMappingURL=chunk-UN5WU2OX.js.map
+//# sourceMappingURL=chunk-GDWU7WF4.js.map

package/dist/{chunk-643YFWNK.js → chunk-GPWDP5FF.js}

@@ -1,6 +1,6 @@
 import {
   SequenceHeader
-} from "./chunk-CWRQGA2T.js";
+} from "./chunk-POIENBXE.js";
 import {
   chromeSx,
   columnSx,
@@ -9,7 +9,7 @@ import {
 } from "./chunk-2ORD2FMN.js";
 import {
   Dialog
-} from "./chunk-KWBMM6MJ.js";
+} from "./chunk-RZKKWIGQ.js";
 
 // src/components/feedback/SequenceResolver/SequenceResolver.frame.tsx
 import Box from "@mui/material/Box/index.js";
@@ -60,4 +60,4 @@ function ResolverFrame(props) {
 export {
   ResolverFrame
 };
-//# sourceMappingURL=chunk-643YFWNK.js.map
+//# sourceMappingURL=chunk-GPWDP5FF.js.map

package/dist/{chunk-XA5ES25V.js → chunk-HKQWFICM.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-WNTXHLVJ.js";
 import {
   CategorySelect
-} from "./chunk-MKHNLRVX.js";
+} from "./chunk-VPPD2AJN.js";
 
 // src/components/data-display/DataViews/data-views-category-pill.tsx
 import { jsx } from "react/jsx-runtime";
@@ -79,4 +79,4 @@ export {
   emitPillDiff,
   PillControl
 };
-//# sourceMappingURL=chunk-XA5ES25V.js.map
+//# sourceMappingURL=chunk-HKQWFICM.js.map

package/dist/chunk-IH6DZXTG.js

@@ -0,0 +1,22 @@
+// src/components/form/InputOTP/InputOTP.core.ts
+var PATTERNS = {
+  numeric: /^\d*$/,
+  alphanumeric: /^[a-zA-Z0-9]*$/
+};
+var isAllowed = (variant, text) => (PATTERNS[variant] ?? /.*/).test(text);
+var padTo = (digits, length) => Array.from({ length }, (_, i) => digits[i] ?? "");
+function firstSlotFill(variant, index, inputValue, current) {
+  if (variant !== "numeric" || index !== 0 || inputValue.length < 2) return null;
+  const overtype = inputValue.length === 2 && current !== "" && inputValue.includes(current);
+  return overtype ? "overtype" : "code";
+}
+var codeOfFill = (inputValue, current, length) => inputValue.length > length && current !== "" && inputValue.startsWith(current) ? inputValue.slice(1) : inputValue;
+
+export {
+  PATTERNS,
+  isAllowed,
+  padTo,
+  firstSlotFill,
+  codeOfFill
+};
+//# sourceMappingURL=chunk-IH6DZXTG.js.map

package/dist/chunk-IH6DZXTG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/InputOTP/InputOTP.core.ts"],"sourcesContent":["/**\n * The digits' arithmetic, shared by both renderers' hooks (`InputOTP.hooks.ts`\n * on the web, `InputOTP.hooks.native.ts` on React Native). Pure: no React, no\n * DOM, no react-native.\n */\n\n/**\n * What each variant accepts. `masked` constrains nothing — it only changes what\n * is drawn — so it has no pattern here.\n */\nexport const PATTERNS: Record<string, RegExp> = {\n  numeric: /^\\d*$/,\n  alphanumeric: /^[a-zA-Z0-9]*$/,\n};\n\n/** Whether `text` is something this variant will take. */\nexport const isAllowed = (variant: string, text: string) => (PATTERNS[variant] ?? /.*/).test(text);\n\n/** The digit array is always `length` long, blank-padded on the right. */\nexport const padTo = (digits: string[], length: number) =>\n  Array.from({ length }, (_, i) => digits[i] ?? '');\n\n/**\n * What a change to the numeric FIRST slot is, now that its `maxLength` is the\n * code's length rather than 1 (FUT-4144).\n *\n * That slot carries `one-time-code`, and the phone's SMS fill (or a password\n * manager) writes the WHOLE code into it as one change, not a paste — kept to\n * one character, the code lost every digit but the last. So:\n *\n * - `overtype`: a keystroke into the already-filled slot (its old character\n *   plus the new one). Ignored, exactly as `maxLength={1}` refused it before.\n * - `code`: anything else longer than one character, written in one go.\n *   Spread across the slots like a paste.\n *\n * Every other slot and variant keeps `maxLength={1}` and never gets here.\n */\nexport function firstSlotFill(variant: string, index: number, inputValue: string, current: string) {\n  if (variant !== 'numeric' || index !== 0 || inputValue.length < 2) return null;\n  const overtype = inputValue.length === 2 && current !== '' && inputValue.includes(current);\n  return overtype ? 'overtype' : 'code';\n}\n\n/**\n * The code inside a first-slot fill. A phone that INSERTS the SMS code at the\n * caret rather than replacing the slot leaves the digit already there in\n * front: `4` + `482913` arrives as `4482913`, which spread as-is would give\n * `448291`. Longer than the code and led by that digit: the digit is dropped.\n */\nexport const codeOfFill = (inputValue: string, current: string, length: number): string =>\n  inputValue.length > length && current !== '' && inputValue.startsWith(current) ? inputValue.slice(1) : inputValue;\n"],"mappings":";AAUO,IAAM,WAAmC;AAAA,EAC9C,SAAS;AAAA,EACT,cAAc;AAChB;AAGO,IAAM,YAAY,CAAC,SAAiB,UAAkB,SAAS,OAAO,KAAK,MAAM,KAAK,IAAI;AAG1F,IAAM,QAAQ,CAAC,QAAkB,WACtC,MAAM,KAAK,EAAE,OAAO,GAAG,CAAC,GAAG,MAAM,OAAO,CAAC,KAAK,EAAE;AAiB3C,SAAS,cAAc,SAAiB,OAAe,YAAoB,SAAiB;AACjG,MAAI,YAAY,aAAa,UAAU,KAAK,WAAW,SAAS,EAAG,QAAO;AAC1E,QAAM,WAAW,WAAW,WAAW,KAAK,YAAY,MAAM,WAAW,SAAS,OAAO;AACzF,SAAO,WAAW,aAAa;AACjC;AAQO,IAAM,aAAa,CAAC,YAAoB,SAAiB,WAC9D,WAAW,SAAS,UAAU,YAAY,MAAM,WAAW,WAAW,OAAO,IAAI,WAAW,MAAM,CAAC,IAAI;","names":[]}

package/dist/{chunk-255WTBZ5.js → chunk-IWSTMVCA.js}

@@ -13,15 +13,15 @@ import {
   rowStyles,
   useRowShell
 } from "./chunk-UMOHHWXY.js";
-import {
-  useDisclosure
-} from "./chunk-2JCRNWHE.js";
 import {
   ListCardActions,
   ListCardCaption,
   ListCardMeta,
   ListCardTail
 } from "./chunk-CSJ7WNXU.js";
+import {
+  useDisclosure
+} from "./chunk-2JCRNWHE.js";
 import {
   DropIndicator
 } from "./chunk-K4EKTMTC.js";
@@ -185,4 +185,4 @@ function BaseListCard(props) {
 export {
   BaseListCard
 };
-//# sourceMappingURL=chunk-255WTBZ5.js.map
+//# sourceMappingURL=chunk-IWSTMVCA.js.map

package/dist/{chunk-QZOQVJ5L.js → chunk-J3WJEUD2.js}

@@ -1,12 +1,18 @@
 import {
   otpSlotSx
-} from "./chunk-NQYC7V5N.js";
+} from "./chunk-VJ6ZLMQ3.js";
+import {
+  OTP_FIT_GAP_PX
+} from "./chunk-XHPL5VI2.js";
 import {
   useOtpDigits
-} from "./chunk-R6L376KR.js";
+} from "./chunk-M6R32IBO.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
 
 // src/components/form/InputOTP/InputOTP.tsx
 import Box from "@mui/material/Box/index.js";
@@ -15,7 +21,7 @@ import { styled } from "@mui/material/styles/index.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 var StyledOTPInput = styled(TextField, {
-  shouldForwardProp: (prop) => !["customColor", "customSize", "glass", "gradient"].includes(prop)
+  shouldForwardProp: (prop) => !["customColor", "customSize", "glass", "gradient", "fitWidth"].includes(prop)
 })(({ theme, ...flags }) => ({ ...otpSlotSx(theme, flags) }));
 function keypadProps(variant, index) {
   if (variant !== "numeric") return {};
@@ -26,6 +32,12 @@ function keypadProps(variant, index) {
   };
 }
 var slotMaxLength = (variant, index, length) => variant === "numeric" && index === 0 ? length + 1 : 1;
+var OTP_ROW_SX = { display: "flex", gap: 1, justifyContent: "center", alignItems: "center" };
+var OTP_FIT_ROW_SX = {
+  ...OTP_ROW_SX,
+  width: "100%",
+  gap: (theme) => rem(theme, OTP_FIT_GAP_PX)
+};
 var DEFAULTS = {
   variant: "numeric",
   color: "primary",
@@ -53,6 +65,7 @@ var InputOTP = forwardRef((props, ref) => {
     error,
     disabled,
     dataTestId,
+    fit,
     ...rest
   } = withDefaults(props, DEFAULTS);
   const { digits, inputRefs, handleInputChange, handleKeyDown, handlePaste } = useOtpDigits({
@@ -68,7 +81,7 @@ var InputOTP = forwardRef((props, ref) => {
       ref,
       "data-testid": dataTestId,
       role: "group",
-      sx: { display: "flex", gap: 1, justifyContent: "center", alignItems: "center" },
+      sx: fit === "width" ? OTP_FIT_ROW_SX : OTP_ROW_SX,
       ...rest,
       children: digits.map((digit, index) => /* @__PURE__ */ jsx(
         StyledOTPInput,
@@ -80,6 +93,7 @@ var InputOTP = forwardRef((props, ref) => {
           customSize: size,
           glass,
           gradient,
+          fitWidth: fit === "width",
           value: variant === "masked" ? digit ? "\u2022" : "" : digit,
           onChange: (e) => handleInputChange(index, e.target.value),
           onKeyDown: (e) => handleKeyDown(index, e),
@@ -104,4 +118,4 @@ InputOTP.displayName = "InputOTP";
 export {
   InputOTP
 };
-//# sourceMappingURL=chunk-QZOQVJ5L.js.map
+//# sourceMappingURL=chunk-J3WJEUD2.js.map

package/dist/chunk-J3WJEUD2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/InputOTP/InputOTP.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport TextField from '@mui/material/TextField/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport React, { forwardRef } from 'react';\n\nimport type { Theme } from '@mui/material/styles/index.js';\n\nimport { rem } from '../../../tokens/relative';\nimport { withDefaults } from '../../../utils/withDefaults';\n\nimport { useOtpDigits } from './InputOTP.hooks';\nimport { OTP_FIT_GAP_PX } from './InputOTP.metrics';\nimport { otpSlotSx } from './InputOTP.styles';\nimport type { OtpSlotFlags } from './InputOTP.styles';\nimport type { InputOTPProps } from './InputOTP.types';\n\nconst StyledOTPInput = styled(TextField, {\n  shouldForwardProp: (prop) =>\n    !['customColor', 'customSize', 'glass', 'gradient', 'fitWidth'].includes(prop as string),\n})<OtpSlotFlags>(({ theme, ...flags }) => ({ ...otpSlotSx(theme, flags) }));\n\n/**\n * What tells a phone that a `numeric` code is digits (FUT-4144).\n *\n * The hook already refused letters, but nothing reached the `<input>` to say\n * so, and the courier's six-digit join code opened the letter keyboard.\n * `inputMode` picks the keypad; `pattern` is what iOS reads for the same; and\n * `one-time-code` on the FIRST slot lets the phone offer a code from an SMS —\n * the first slot, because it is the one that takes a paste and spreads it.\n * `alphanumeric` and `masked` are left exactly as they were.\n */\nfunction keypadProps(variant: InputOTPProps['variant'], index: number): Record<string, string> {\n  if (variant !== 'numeric') return {};\n  return {\n    inputMode: 'numeric',\n    pattern: '[0-9]*',\n    ...(index === 0 ? { autoComplete: 'one-time-code' } : {}),\n  };\n}\n\n/**\n * One character per slot — except the numeric FIRST slot, which carries\n * `one-time-code`: the phone's SMS fill writes the whole code there in one\n * change, and a `maxLength` of 1 would cut it to one digit before the hook\n * could spread it.\n *\n * The code's length PLUS ONE: a phone that INSERTS the code at the caret keeps\n * the digit already there in front (`4` + `482913`), and the browser caps that\n * insertion at `maxlength` BEFORE the hook sees it. At the bare length it\n * arrived as `448291` — a wrong code that looks whole. One more character lets\n * the hook see the leading digit and drop it. A keystroke into the slot once\n * filled is still refused, by the hook, as `maxLength={1}` refused it.\n */\nconst slotMaxLength = (variant: InputOTPProps['variant'], index: number, length: number): number =>\n  variant === 'numeric' && index === 0 ? length + 1 : 1;\n\nconst OTP_ROW_SX = { display: 'flex', gap: 1, justifyContent: 'center', alignItems: 'center' } as const;\n\n/** `fit=\"width\"`: the row takes its parent's width and the slots share it (`otpSlotSx`). */\nconst OTP_FIT_ROW_SX = {\n  ...OTP_ROW_SX,\n  width: '100%',\n  gap: (theme: Theme) => rem(theme, OTP_FIT_GAP_PX),\n} as const;\n\nconst DEFAULTS = {\n  variant: 'numeric',\n  color: 'primary',\n  size: 'md',\n  length: 6,\n  value: '',\n  glass: false,\n  gradient: false,\n  autoFocus: false,\n  error: false,\n  disabled: false,\n} satisfies Partial<InputOTPProps>;\n\ntype ResolvedProps = InputOTPProps & Required<Pick<InputOTPProps, keyof typeof DEFAULTS>>;\n\nexport const InputOTP = forwardRef<HTMLDivElement, InputOTPProps>((props, ref) => {\n  const {\n    variant, color, size, length, value, onChange, onComplete,\n    glass, gradient, autoFocus, error, disabled, dataTestId, fit,\n    ...rest\n  } = withDefaults(props, DEFAULTS) as ResolvedProps;\n\n  const { digits, inputRefs, handleInputChange, handleKeyDown, handlePaste } = useOtpDigits({\n    variant,\n    length,\n    value,\n    onChange,\n    onComplete,\n  });\n\n  return (\n    <Box\n      ref={ref}\n      data-testid={dataTestId}\n      // A group, so the `aria-label` a caller gives the code names the six\n      // slots together: on a plain `div` it named nothing anyone could reach.\n      role=\"group\"\n      sx={fit === 'width' ? OTP_FIT_ROW_SX : OTP_ROW_SX}\n      {...rest}\n    >\n      {digits.map((digit, index) => (\n        <StyledOTPInput\n          key={index}\n          ref={(el: HTMLDivElement | null) => {\n            inputRefs.current[index] = el?.querySelector('input') || null;\n          }}\n          customColor={color}\n          customSize={size}\n          glass={glass}\n          gradient={gradient}\n          fitWidth={fit === 'width'}\n          // `masked` keeps the digit in state and shows a bullet in its place.\n          value={variant === 'masked' ? (digit ? '•' : '') : digit}\n          onChange={(e) => handleInputChange(index, e.target.value)}\n          onKeyDown={(e) => handleKeyDown(index, e)}\n          // Only the first slot takes a paste; it fills the rest itself.\n          onPaste={index === 0 ? handlePaste : undefined}\n          autoFocus={autoFocus && index === 0}\n          error={error}\n          disabled={disabled}\n          inputProps={{\n            maxLength: slotMaxLength(variant, index, length),\n            style: { textAlign: 'center' },\n            'data-testid': dataTestId ? `${dataTestId}-slot-${index}` : undefined,\n            ...keypadProps(variant, index),\n          }}\n        />\n      ))}\n    </Box>\n  );\n});\n\nInputOTP.displayName = 'InputOTP';\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,OAAO,eAAe;AACtB,SAAS,cAAc;AACvB,SAAgB,kBAAkB;AAuG1B;AA1FR,IAAM,iBAAiB,OAAO,WAAW;AAAA,EACvC,mBAAmB,CAAC,SAClB,CAAC,CAAC,eAAe,cAAc,SAAS,YAAY,UAAU,EAAE,SAAS,IAAc;AAC3F,CAAC,EAAgB,CAAC,EAAE,OAAO,GAAG,MAAM,OAAO,EAAE,GAAG,UAAU,OAAO,KAAK,EAAE,EAAE;AAY1E,SAAS,YAAY,SAAmC,OAAuC;AAC7F,MAAI,YAAY,UAAW,QAAO,CAAC;AACnC,SAAO;AAAA,IACL,WAAW;AAAA,IACX,SAAS;AAAA,IACT,GAAI,UAAU,IAAI,EAAE,cAAc,gBAAgB,IAAI,CAAC;AAAA,EACzD;AACF;AAeA,IAAM,gBAAgB,CAAC,SAAmC,OAAe,WACvE,YAAY,aAAa,UAAU,IAAI,SAAS,IAAI;AAEtD,IAAM,aAAa,EAAE,SAAS,QAAQ,KAAK,GAAG,gBAAgB,UAAU,YAAY,SAAS;AAG7F,IAAM,iBAAiB;AAAA,EACrB,GAAG;AAAA,EACH,OAAO;AAAA,EACP,KAAK,CAAC,UAAiB,IAAI,OAAO,cAAc;AAClD;AAEA,IAAM,WAAW;AAAA,EACf,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AACZ;AAIO,IAAM,WAAW,WAA0C,CAAC,OAAO,QAAQ;AAChF,QAAM;AAAA,IACJ;AAAA,IAAS;AAAA,IAAO;AAAA,IAAM;AAAA,IAAQ;AAAA,IAAO;AAAA,IAAU;AAAA,IAC/C;AAAA,IAAO;AAAA,IAAU;AAAA,IAAW;AAAA,IAAO;AAAA,IAAU;AAAA,IAAY;AAAA,IACzD,GAAG;AAAA,EACL,IAAI,aAAa,OAAO,QAAQ;AAEhC,QAAM,EAAE,QAAQ,WAAW,mBAAmB,eAAe,YAAY,IAAI,aAAa;AAAA,IACxF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa;AAAA,MAGb,MAAK;AAAA,MACL,IAAI,QAAQ,UAAU,iBAAiB;AAAA,MACtC,GAAG;AAAA,MAEH,iBAAO,IAAI,CAAC,OAAO,UAClB;AAAA,QAAC;AAAA;AAAA,UAEC,KAAK,CAAC,OAA8B;AAClC,sBAAU,QAAQ,KAAK,IAAI,IAAI,cAAc,OAAO,KAAK;AAAA,UAC3D;AAAA,UACA,aAAa;AAAA,UACb,YAAY;AAAA,UACZ;AAAA,UACA;AAAA,UACA,UAAU,QAAQ;AAAA,UAElB,OAAO,YAAY,WAAY,QAAQ,WAAM,KAAM;AAAA,UACnD,UAAU,CAAC,MAAM,kBAAkB,OAAO,EAAE,OAAO,KAAK;AAAA,UACxD,WAAW,CAAC,MAAM,cAAc,OAAO,CAAC;AAAA,UAExC,SAAS,UAAU,IAAI,cAAc;AAAA,UACrC,WAAW,aAAa,UAAU;AAAA,UAClC;AAAA,UACA;AAAA,UACA,YAAY;AAAA,YACV,WAAW,cAAc,SAAS,OAAO,MAAM;AAAA,YAC/C,OAAO,EAAE,WAAW,SAAS;AAAA,YAC7B,eAAe,aAAa,GAAG,UAAU,SAAS,KAAK,KAAK;AAAA,YAC5D,GAAG,YAAY,SAAS,KAAK;AAAA,UAC/B;AAAA;AAAA,QAvBK;AAAA,MAwBP,CACD;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,SAAS,cAAc;","names":[]}

package/dist/{chunk-TZC6KIK2.js → chunk-JG733RMP.js}

@@ -1,13 +1,13 @@
+import {
+  resolveAxisConfig,
+  resolveBarGeometry
+} from "./chunk-SOHQPPYJ.js";
 import {
   getAxisStyles,
   getDefaultColors,
   getSizeStyles,
   resolveSeries
 } from "./chunk-TCWISGSS.js";
-import {
-  resolveAxisConfig,
-  resolveBarGeometry
-} from "./chunk-SOHQPPYJ.js";
 import {
   remPx
 } from "./chunk-YKCAJ2TN.js";
@@ -73,4 +73,4 @@ function marginPx(theme, margin) {
 export {
   buildChartContext
 };
-//# sourceMappingURL=chunk-TZC6KIK2.js.map
+//# sourceMappingURL=chunk-JG733RMP.js.map

package/dist/{chunk-7MLT66DE.js → chunk-K33X3PDT.js}

@@ -4,7 +4,7 @@ import {
   CountedIcon,
   controlProps,
   focusRing
-} from "./chunk-24HHUCWB.js";
+} from "./chunk-LDCZPZPD.js";
 import {
   Drawer,
   DrawerContent,
@@ -175,4 +175,4 @@ function SectionNavSheet({
 export {
   SectionNavSheet
 };
-//# sourceMappingURL=chunk-7MLT66DE.js.map
+//# sourceMappingURL=chunk-K33X3PDT.js.map

package/dist/{chunk-K3PMMW23.js → chunk-K6VEN5VN.js}

@@ -1,9 +1,9 @@
-import {
-  DataViewsScopeTabs
-} from "./chunk-PL2AB5HJ.js";
 import {
   useDataViewsLayout
 } from "./chunk-5CAWRMDX.js";
+import {
+  DataViewsScopeTabs
+} from "./chunk-PL2AB5HJ.js";
 
 // src/components/data-display/DataViews/data-views-scope-tabs.tsx
 import { jsx } from "react/jsx-runtime";
@@ -34,4 +34,4 @@ function ScopeTabsSlot({
 export {
   ScopeTabsSlot
 };
-//# sourceMappingURL=chunk-K3PMMW23.js.map
+//# sourceMappingURL=chunk-K6VEN5VN.js.map

package/dist/{chunk-HOWAMSUY.js → chunk-KAWVH3AA.js}

@@ -1,9 +1,9 @@
 import {
   PillControl
-} from "./chunk-XA5ES25V.js";
+} from "./chunk-HKQWFICM.js";
 import {
   PanelRangeField
-} from "./chunk-O4UXH7BM.js";
+} from "./chunk-TP6KZ2YR.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -157,4 +157,4 @@ export {
   GridFilterPanel,
   FilterDialog
 };
-//# sourceMappingURL=chunk-HOWAMSUY.js.map
+//# sourceMappingURL=chunk-KAWVH3AA.js.map

package/dist/{chunk-IJVBLU25.js → chunk-KJZ4PINO.js}

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

package/dist/{chunk-REHGWN5M.js → chunk-KXDLLS62.js}

@@ -1,12 +1,12 @@
+import {
+  DAY_RULER_METRICS
+} from "./chunk-273OLFJD.js";
 import {
   createdSpan,
   hourAt,
   moved,
   resized
 } from "./chunk-L5CAHQIN.js";
-import {
-  DAY_RULER_METRICS
-} from "./chunk-273OLFJD.js";
 import {
   useDragWindow,
   useTrailingClick
@@ -101,4 +101,4 @@ function useRulerDrag(scale, handlers) {
 export {
   useRulerDrag
 };
-//# sourceMappingURL=chunk-REHGWN5M.js.map
+//# sourceMappingURL=chunk-KXDLLS62.js.map

package/dist/{chunk-YQ5GQ32T.js → chunk-KZP5YTE7.js}

@@ -1,6 +1,6 @@
 import {
   Alert
-} from "./chunk-Q5SCBQLY.js";
+} from "./chunk-BXLC3TBQ.js";
 
 // src/components/data-display/CardKit/card-actions-context.tsx
 import { createContext, useCallback, useContext, useState } from "react";
@@ -58,4 +58,4 @@ export {
   CardActionsProvider,
   useCardActions
 };
-//# sourceMappingURL=chunk-YQ5GQ32T.js.map
+//# sourceMappingURL=chunk-KZP5YTE7.js.map

package/dist/{chunk-3V3Z4EML.js → chunk-L4FWEI2P.js}

@@ -1,7 +1,3 @@
-import {
-  progressLabelText,
-  resolveProgressProps
-} from "./chunk-5JEOLUWJ.js";
 import {
   barEmphasisStyles,
   barVariantStyles,
@@ -10,6 +6,10 @@ import {
   getSizeStyles,
   pulseAnimation
 } from "./chunk-2L7GNARR.js";
+import {
+  progressLabelText,
+  resolveProgressProps
+} from "./chunk-5JEOLUWJ.js";
 import {
   rem,
   rems
@@ -246,4 +246,4 @@ Progress.displayName = "Progress";
 export {
   Progress
 };
-//# sourceMappingURL=chunk-3V3Z4EML.js.map
+//# sourceMappingURL=chunk-L4FWEI2P.js.map