@12-apps/ui 6.99.0 → 6.101.0

package/dist/data-display/Progress.js

@@ -1,10 +1,10 @@
 import "../chunk-QOB473HS.js";
 import {
   Progress
-} from "../chunk-3V3Z4EML.js";
-import "../chunk-5JEOLUWJ.js";
+} from "../chunk-L4FWEI2P.js";
 import "../chunk-2L7GNARR.js";
 import "../chunk-IFUWFCPJ.js";
+import "../chunk-5JEOLUWJ.js";
 import "../chunk-2FBGDSGC.js";
 import "../chunk-VBP46YP4.js";
 import "../chunk-44BD7SFH.js";

package/dist/data-display/RegionMap.js

@@ -1,20 +1,20 @@
 import "../chunk-WGKLBVDZ.js";
 import {
   RegionMap
-} from "../chunk-AYDVNXGR.js";
+} from "../chunk-LCKUEYU2.js";
 import "../chunk-NWUMGE6T.js";
+import {
+  boundsOfRings,
+  regionMapView
+} from "../chunk-KAZWBDIH.js";
 import "../chunk-BRZKOUEL.js";
 import "../chunk-PBRCKHN3.js";
-import "../chunk-3V5V44UP.js";
+import "../chunk-YHFLI2FD.js";
 import "../chunk-J3AWGTJY.js";
 import {
   latLngAt,
   scaleMetres
-} from "../chunk-DRYBA76G.js";
-import {
-  boundsOfRings,
-  regionMapView
-} from "../chunk-KAZWBDIH.js";
+} from "../chunk-7XVT4RME.js";
 import {
   decodePolyline,
   hitRegion,

package/dist/data-display/ScheduleGrid.js

@@ -1,23 +1,23 @@
 import "../chunk-ESOM4KVQ.js";
-import {
-  ScheduleGrid
-} from "../chunk-PDWQJFMK.js";
-import "../chunk-FYSS2PYA.js";
 import {
   SCHEDULE_GRID_LABELS
 } from "../chunk-BIHZXB5P.js";
+import {
+  ScheduleGrid
+} from "../chunk-XHMHHP7B.js";
+import "../chunk-ZHKCE5LR.js";
 import "../chunk-NMXYHPOG.js";
 import "../chunk-LVZYKETN.js";
-import "../chunk-ZHKCE5LR.js";
-import "../chunk-WBMLMLXP.js";
-import "../chunk-5MXVKZKZ.js";
-import "../chunk-E6UMTR2G.js";
+import "../chunk-WH5ZEBKS.js";
 import "../chunk-GONPUJIE.js";
 import "../chunk-5EP37B4F.js";
+import "../chunk-WBMLMLXP.js";
+import "../chunk-E6UMTR2G.js";
+import "../chunk-5MXVKZKZ.js";
+import "../chunk-CGS2LQE5.js";
 import "../chunk-SJAOQGQI.js";
-import "../chunk-35HMJQLO.js";
 import "../chunk-YE44HUFF.js";
-import "../chunk-CGS2LQE5.js";
+import "../chunk-35HMJQLO.js";
 import "../chunk-GARM5SX6.js";
 import "../chunk-3UAHDLKH.js";
 import "../chunk-3R6BR22L.js";

package/dist/data-display/Sheet.js

@@ -1,11 +1,11 @@
 import "../chunk-ITACE45O.js";
 import {
   Sheet
-} from "../chunk-7TENMQNQ.js";
+} from "../chunk-XZMSRHFD.js";
+import "../chunk-3ROCD7XF.js";
 import "../chunk-LYVTJLCF.js";
 import "../chunk-CRN4KKNI.js";
 import "../chunk-OHA2PAAA.js";
-import "../chunk-3ROCD7XF.js";
 import {
   SheetContent,
   SheetFooter,

package/dist/data-display/Table.js

@@ -1,11 +1,11 @@
 import "../chunk-WG2WFANT.js";
 import {
   Table
-} from "../chunk-CRD2WCU7.js";
-import "../chunk-XIXR2L3L.js";
-import "../chunk-CXL3TT3K.js";
+} from "../chunk-AFWUQJ4P.js";
 import "../chunk-BVHIKXCN.js";
 import "../chunk-RZSMRBOX.js";
+import "../chunk-XIXR2L3L.js";
+import "../chunk-CXL3TT3K.js";
 import "../chunk-Y3DV7LGC.js";
 import "../chunk-LL2BWQPM.js";
 import "../chunk-VWKMN3ZZ.js";

package/dist/feedback/Dialog.js

@@ -4,11 +4,11 @@ import {
   DialogActions,
   DialogContent,
   DialogHeader
-} from "../chunk-KWBMM6MJ.js";
+} from "../chunk-RZKKWIGQ.js";
+import "../chunk-GYXUCS37.js";
 import "../chunk-5UX5QAFJ.js";
-import "../chunk-Z2JH5KW5.js";
 import "../chunk-AL5E624U.js";
-import "../chunk-GYXUCS37.js";
+import "../chunk-Z2JH5KW5.js";
 import "../chunk-LV7LSPBF.js";
 import "../chunk-VWKMN3ZZ.js";
 import "../chunk-TYJR4GOF.js";

package/dist/feedback/Modal.js

@@ -2,9 +2,9 @@ import "../chunk-A4TYNHBR.js";
 import {
   Modal,
   ModalContent
-} from "../chunk-FQMLTCXT.js";
-import "../chunk-33XGVCAF.js";
+} from "../chunk-MAHY7PK3.js";
 import "../chunk-N7GE6BGM.js";
+import "../chunk-33XGVCAF.js";
 import "../chunk-HPK33ACY.js";
 import "../chunk-XJAD6E3V.js";
 import "../chunk-F5H2ZXST.js";

package/dist/feedback/NotificationStatusNotice.js

@@ -1,18 +1,18 @@
 import "../chunk-JQRKXMSH.js";
 import {
   NotificationStatusNotice
-} from "../chunk-XR474YYX.js";
+} from "../chunk-EDVAFY76.js";
 import "../chunk-55FFONIV.js";
 import {
   detectNotificationBrowser,
   notificationUnblockSteps
 } from "../chunk-L7BRU4UF.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-TBQR5VCN.js";
 import "../chunk-YOXYSAUI.js";
 import "../chunk-PPEHBI5O.js";

package/dist/feedback/SequenceResolver.js

@@ -1,35 +1,35 @@
 import "../chunk-TWAKMV5B.js";
 import {
   SequenceResolver
-} from "../chunk-QLKUWDMQ.js";
-import "../chunk-643YFWNK.js";
-import "../chunk-XQAFSC66.js";
-import "../chunk-3I7KE2N6.js";
-import "../chunk-CWRQGA2T.js";
-import "../chunk-2ORD2FMN.js";
+} from "../chunk-YDJ5GAGL.js";
+import "../chunk-GPWDP5FF.js";
+import "../chunk-POIENBXE.js";
 import "../chunk-2SRWPNQ7.js";
-import "../chunk-ALDS5ISD.js";
 import "../chunk-QMRR35W2.js";
 import "../chunk-KZ5F52D6.js";
+import "../chunk-Q4FNCT4C.js";
+import "../chunk-BNV7P52K.js";
+import "../chunk-2ORD2FMN.js";
+import "../chunk-ALDS5ISD.js";
 import "../chunk-QOB473HS.js";
-import "../chunk-3V3Z4EML.js";
-import "../chunk-5JEOLUWJ.js";
+import "../chunk-L4FWEI2P.js";
 import "../chunk-2L7GNARR.js";
 import "../chunk-IFUWFCPJ.js";
+import "../chunk-5JEOLUWJ.js";
 import "../chunk-KFJKOVDD.js";
-import "../chunk-KWBMM6MJ.js";
+import "../chunk-RZKKWIGQ.js";
+import "../chunk-GYXUCS37.js";
 import "../chunk-5UX5QAFJ.js";
-import "../chunk-Z2JH5KW5.js";
 import "../chunk-AL5E624U.js";
-import "../chunk-GYXUCS37.js";
+import "../chunk-Z2JH5KW5.js";
 import "../chunk-LV7LSPBF.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-TBQR5VCN.js";
 import "../chunk-BA4RHQ3B.js";
 import "../chunk-YOXYSAUI.js";

package/dist/feedback/TutorialOverlay.js

@@ -1,10 +1,10 @@
 import "../chunk-QJCZ3IQP.js";
 import {
   TutorialOverlay
-} from "../chunk-PGJIWCQR.js";
+} from "../chunk-6EZQLNPK.js";
+import "../chunk-DE7E2GBP.js";
 import "../chunk-34643ATX.js";
 import "../chunk-RXJQA3FQ.js";
-import "../chunk-DE7E2GBP.js";
 import "../chunk-ETSASQXI.js";
 import "../chunk-XJAD6E3V.js";
 import "../chunk-F5H2ZXST.js";

package/dist/feedback/UsableModal.js

@@ -1,6 +1,6 @@
 import {
   UsableModal
-} from "../chunk-PIELY4BJ.js";
+} from "../chunk-Q5Z66LKI.js";
 import "../chunk-IQDPMLDM.js";
 import "../chunk-PZ5AY32C.js";
 export {

package/dist/form/AddressAutocomplete.js

@@ -1,21 +1,21 @@
 import "../chunk-573PQ6C6.js";
 import {
   AddressAutocomplete
-} from "../chunk-R775ISK6.js";
+} from "../chunk-2L6TANRY.js";
+import "../chunk-FKUVFPQZ.js";
 import "../chunk-IU2WSJ4F.js";
-import "../chunk-4RSFYS2V.js";
-import "../chunk-4X2TOMK6.js";
+import "../chunk-X6D5JEUV.js";
+import "../chunk-EIOGJBJ5.js";
+import "../chunk-P5JCOFK3.js";
+import "../chunk-NYA26GV2.js";
+import "../chunk-L7N4AFZD.js";
 import "../chunk-44FY2YZL.js";
 import "../chunk-6JKECOZ2.js";
 import "../chunk-6HLWZR3X.js";
 import "../chunk-QVYBRD6U.js";
 import "../chunk-NNKIM73H.js";
 import "../chunk-O7QPPJAK.js";
-import "../chunk-EIOGJBJ5.js";
-import "../chunk-P5JCOFK3.js";
-import "../chunk-NYA26GV2.js";
 import "../chunk-DDNUPFPE.js";
-import "../chunk-L7N4AFZD.js";
 import "../chunk-LL2BWQPM.js";
 import "../chunk-DVRNW33K.js";
 import "../chunk-RGVNXES5.js";

package/dist/form/Autocomplete.js

@@ -4,8 +4,8 @@ import {
   Autocomplete_default
 } from "../chunk-CFDWKQZT.js";
 import "../chunk-SY5FYBAF.js";
-import "../chunk-SAKSIN7E.js";
 import "../chunk-PELRSZFU.js";
+import "../chunk-SAKSIN7E.js";
 import "../chunk-JXS56EW5.js";
 import "../chunk-RGVNXES5.js";
 import "../chunk-GDN2LUTZ.js";

package/dist/form/Calendar.js

@@ -1,20 +1,20 @@
 import "../chunk-BO6S47KI.js";
 import {
   Calendar
-} from "../chunk-YQMJJ7AL.js";
-import "../chunk-ZDLC4BN4.js";
+} from "../chunk-6G2RAZTS.js";
 import "../chunk-ZZGG6AUD.js";
 import "../chunk-4I2SDWSF.js";
 import "../chunk-LZOCNAUA.js";
-import "../chunk-F7JRQ2EI.js";
-import "../chunk-J6LIZXSF.js";
+import "../chunk-ZDLC4BN4.js";
+import "../chunk-5YX2VQFP.js";
 import "../chunk-66TCKXOB.js";
-import "../chunk-WQEGPSGD.js";
 import "../chunk-WN6LR4HX.js";
 import "../chunk-UXYCBPCE.js";
 import "../chunk-X5GCAXZS.js";
 import "../chunk-3PWDVJWD.js";
+import "../chunk-WQEGPSGD.js";
 import "../chunk-JV2JIUDT.js";
+import "../chunk-J6LIZXSF.js";
 import "../chunk-QWOI5BZV.js";
 import "../chunk-LL2BWQPM.js";
 import "../chunk-VWKMN3ZZ.js";

package/dist/form/CategorySelect.js

@@ -1,19 +1,19 @@
 import "../chunk-N5ZWC6CB.js";
 import {
   CategorySelect
-} from "../chunk-MKHNLRVX.js";
-import "../chunk-FZZMNKVF.js";
-import "../chunk-WDSJ6SVY.js";
-import "../chunk-PGGYZU7Q.js";
+} from "../chunk-VPPD2AJN.js";
 import "../chunk-QYY37ECA.js";
+import "../chunk-6TAPAIRR.js";
 import "../chunk-5F7HYYGM.js";
-import "../chunk-S5VIN3EB.js";
 import "../chunk-Y46R26TE.js";
+import "../chunk-WDSJ6SVY.js";
+import "../chunk-GHP5JLL3.js";
+import "../chunk-S5VIN3EB.js";
+import "../chunk-PGGYZU7Q.js";
 import "../chunk-RZVUY2MO.js";
 import "../chunk-USJPZ5Q7.js";
-import "../chunk-XHHR6G35.js";
 import "../chunk-R2AZOWEZ.js";
-import "../chunk-GHP5JLL3.js";
+import "../chunk-XHHR6G35.js";
 import "../chunk-VPGDYI63.js";
 import "../chunk-DMNZD3Q7.js";
 import {

package/dist/form/CodeEditor.js

@@ -1,13 +1,13 @@
 import "../chunk-IDMG332I.js";
 import {
   CodeEditor
-} from "../chunk-Z2J4MRTF.js";
+} from "../chunk-MKNW4FRR.js";
+import "../chunk-3TVUW7QE.js";
 import "../chunk-OXXIGHZK.js";
 import {
   configureCodeEditor
 } from "../chunk-EYDQV55H.js";
 import "../chunk-X3OWMTLO.js";
-import "../chunk-3TVUW7QE.js";
 import "../chunk-GDN2LUTZ.js";
 import "../chunk-7ZADLRLP.js";
 import "../chunk-3NGE6NE6.js";

package/dist/form/DateRangePicker.js

@@ -1,7 +1,8 @@
 import "../chunk-BN6POCYF.js";
 import {
   DateRangePicker
-} from "../chunk-KNW63H63.js";
+} from "../chunk-6PQZIZMN.js";
+import "../chunk-EASEJDBQ.js";
 import {
   DEFAULT_QUICK_RANGES,
   DEFAULT_QUICK_RANGE_LABELS,
@@ -9,30 +10,29 @@ import {
   createQuickRanges
 } from "../chunk-R26WP22N.js";
 import "../chunk-K62L5JFC.js";
-import "../chunk-SIY64A6O.js";
-import "../chunk-QAF76E6U.js";
-import "../chunk-6KKQHJE7.js";
-import "../chunk-EASEJDBQ.js";
 import {
   resolveDayRange
 } from "../chunk-IXXB7CTR.js";
+import "../chunk-SIY64A6O.js";
+import "../chunk-QAF76E6U.js";
+import "../chunk-6KKQHJE7.js";
 import "../chunk-VCYYL23C.js";
 import "../chunk-SUTOAW7I.js";
 import "../chunk-BO6S47KI.js";
-import "../chunk-YQMJJ7AL.js";
-import "../chunk-ZDLC4BN4.js";
+import "../chunk-6G2RAZTS.js";
 import "../chunk-ZZGG6AUD.js";
 import "../chunk-4I2SDWSF.js";
 import "../chunk-LZOCNAUA.js";
-import "../chunk-F7JRQ2EI.js";
-import "../chunk-J6LIZXSF.js";
+import "../chunk-ZDLC4BN4.js";
+import "../chunk-5YX2VQFP.js";
 import "../chunk-66TCKXOB.js";
-import "../chunk-WQEGPSGD.js";
 import "../chunk-WN6LR4HX.js";
 import "../chunk-UXYCBPCE.js";
 import "../chunk-X5GCAXZS.js";
 import "../chunk-3PWDVJWD.js";
+import "../chunk-WQEGPSGD.js";
 import "../chunk-JV2JIUDT.js";
+import "../chunk-J6LIZXSF.js";
 import "../chunk-QWOI5BZV.js";
 import "../chunk-LL2BWQPM.js";
 import "../chunk-HDBP55R3.js";

package/dist/form/InputOTP.js

@@ -1,9 +1,11 @@
 import "../chunk-3VMXOGGI.js";
 import {
   InputOTP
-} from "../chunk-QZOQVJ5L.js";
-import "../chunk-NQYC7V5N.js";
-import "../chunk-R6L376KR.js";
+} from "../chunk-645GGNTW.js";
+import "../chunk-BAYCMSMI.js";
+import "../chunk-VAHJCRNW.js";
+import "../chunk-M6R32IBO.js";
+import "../chunk-IH6DZXTG.js";
 import "../chunk-HPK33ACY.js";
 import "../chunk-RGVNXES5.js";
 import "../chunk-GDN2LUTZ.js";

package/dist/form/total-form.js

@@ -9,7 +9,7 @@ import {
 } from "../chunk-CPAJYJUD.js";
 import {
   Fields_exports
-} from "../chunk-HAWOS4SF.js";
+} from "../chunk-TPDN3B5T.js";
 import "../chunk-RLTYBV4N.js";
 import {
   TextField
@@ -20,7 +20,7 @@ import {
 import "../chunk-QZRWOF4R.js";
 import {
   CategoryField
-} from "../chunk-ERAMSYPR.js";
+} from "../chunk-7N4O632I.js";
 import {
   FormContext,
   useFormContext
@@ -42,19 +42,19 @@ import "../chunk-QYKDY4EI.js";
 import "../chunk-ZJY7OK6H.js";
 import "../chunk-ZLMKGVB2.js";
 import "../chunk-N5ZWC6CB.js";
-import "../chunk-MKHNLRVX.js";
-import "../chunk-FZZMNKVF.js";
-import "../chunk-WDSJ6SVY.js";
-import "../chunk-PGGYZU7Q.js";
+import "../chunk-VPPD2AJN.js";
 import "../chunk-QYY37ECA.js";
+import "../chunk-6TAPAIRR.js";
 import "../chunk-5F7HYYGM.js";
-import "../chunk-S5VIN3EB.js";
 import "../chunk-Y46R26TE.js";
+import "../chunk-WDSJ6SVY.js";
+import "../chunk-GHP5JLL3.js";
+import "../chunk-S5VIN3EB.js";
+import "../chunk-PGGYZU7Q.js";
 import "../chunk-RZVUY2MO.js";
 import "../chunk-USJPZ5Q7.js";
-import "../chunk-XHHR6G35.js";
 import "../chunk-R2AZOWEZ.js";
-import "../chunk-GHP5JLL3.js";
+import "../chunk-XHHR6G35.js";
 import "../chunk-VPGDYI63.js";
 import "../chunk-DMNZD3Q7.js";
 import "../chunk-PN4HVM43.js";

package/dist/native/form/InputOTP.js

@@ -0,0 +1,192 @@
+import {
+  resolveFieldEdge
+} from "../chunks/chunk-3JBZE4I6.js";
+import {
+  webAria,
+  webDisabled
+} from "../chunks/chunk-DN73KYIZ.js";
+import {
+  useUiTheme
+} from "../chunks/chunk-ZYSOBULX.js";
+import {
+  fieldHeightPx
+} from "../chunks/chunk-DNTO2D5M.js";
+
+// src/components/form/InputOTP/InputOTP.native.tsx
+import * as React from "react";
+import { Platform, StyleSheet, TextInput, View } from "react-native";
+
+// src/components/form/InputOTP/InputOTP.hooks.native.ts
+import { useCallback, useEffect, useRef, useState } from "react";
+
+// 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;
+
+// src/components/form/InputOTP/InputOTP.hooks.native.ts
+var useNativeOtpDigits = ({ variant, length, value, onChange, onComplete }) => {
+  const [digits, setDigits] = useState(() => padTo([], length));
+  const boxRefs = useRef([]);
+  useEffect(() => {
+    setDigits(padTo(value.split("").slice(0, length), length));
+  }, [value, length]);
+  const focusBox = useCallback((index) => boxRefs.current[index]?.focus(), []);
+  const publish = useCallback(
+    (next) => {
+      onChange?.(next);
+      if (next.length === length) onComplete?.(next);
+    },
+    [length, onChange, onComplete]
+  );
+  const spread = useCallback(
+    (text) => {
+      const code = text.slice(0, length);
+      if (!code || !isAllowed(variant, code)) return;
+      setDigits(padTo(code.split(""), length));
+      publish(code);
+      focusBox(Math.min(code.length, length - 1));
+    },
+    [variant, length, publish, focusBox]
+  );
+  const handleChangeText = useCallback(
+    (index, text) => {
+      const fill = firstSlotFill(variant === "alphanumeric" ? "numeric" : variant, index, text, digits[0] ?? "");
+      if (fill) return fill === "code" ? spread(codeOfFill(text, digits[0] ?? "", length)) : void 0;
+      if (!isAllowed(variant, text)) return;
+      const next = [...digits];
+      next[index] = text.slice(-1);
+      setDigits(next);
+      publish(next.join(""));
+      if (text && index < length - 1) focusBox(index + 1);
+    },
+    [variant, digits, length, publish, focusBox, spread]
+  );
+  const handleKey = useCallback(
+    (index, key) => {
+      if (key === "Backspace" && !digits[index] && index > 0) focusBox(index - 1);
+    },
+    [digits, focusBox]
+  );
+  return { digits, boxRefs, handleChangeText, handleKey };
+};
+
+// 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 };
+
+// src/components/form/InputOTP/InputOTP.native.tsx
+import { jsx } from "react/jsx-runtime";
+var PALETTE_KEYS = ["primary", "secondary", "success", "warning", "info", "danger", "neutral"];
+function accentOf(theme, color) {
+  const key = PALETTE_KEYS.find((candidate) => candidate === color) ?? "primary";
+  return theme.palette[key].main;
+}
+function keypadProps(variant, index) {
+  if (variant !== "numeric") return { autoCapitalize: "none", autoCorrect: false, spellCheck: false };
+  const fill = index === 0 ? Platform.select({
+    ios: { textContentType: "oneTimeCode", autoComplete: "one-time-code" },
+    android: { autoComplete: "sms-otp" },
+    default: { autoComplete: "one-time-code" }
+  }) : {};
+  return { keyboardType: "number-pad", inputMode: "numeric", ...fill };
+}
+var boxMaxLength = (variant, index, length) => variant !== "masked" && index === 0 ? length + 1 : 1;
+function boxStyle(theme, size, accent, state) {
+  const side = fieldHeightPx(theme.fieldHeight, size);
+  const edge = resolveFieldEdge(theme.palette.divider, theme.palette.background.paper);
+  const borderColor = state.error ? theme.palette.danger.main : state.disabled ? theme.palette.action.disabled : state.focused ? accent : edge;
+  return {
+    width: side,
+    height: side,
+    borderRadius: theme.radius.field,
+    borderWidth: state.focused ? OTP_BORDER.focused : OTP_BORDER.rest,
+    borderColor,
+    backgroundColor: theme.palette.background.paper,
+    color: state.disabled ? theme.palette.text.disabled : theme.palette.text.primary,
+    fontFamily: theme.typography.fontFamily,
+    fontSize: OTP_FONT_PX[size],
+    fontWeight: "600",
+    textAlign: "center",
+    padding: 0
+  };
+}
+var InputOTP = React.forwardRef((props, ref) => {
+  const {
+    variant = "numeric",
+    color = "primary",
+    size = "md",
+    length = 6,
+    value = "",
+    onChange,
+    onComplete,
+    autoFocus = false,
+    error = false,
+    disabled = false,
+    dataTestId,
+    style,
+    "aria-label": ariaLabel
+  } = props;
+  const theme = useUiTheme();
+  const accent = accentOf(theme, color);
+  const [focusedIndex, setFocusedIndex] = React.useState(null);
+  const { digits, boxRefs, handleChangeText, handleKey } = useNativeOtpDigits({
+    variant,
+    length,
+    value,
+    onChange,
+    onComplete
+  });
+  return /* @__PURE__ */ jsx(View, { ref, testID: dataTestId, role: "group", "aria-label": ariaLabel, style: [styles.row, style], children: digits.map((digit, index) => /* @__PURE__ */ jsx(
+    TextInput,
+    {
+      ref: (element) => {
+        boxRefs.current[index] = element;
+      },
+      testID: dataTestId ? `${dataTestId}-slot-${index}` : void 0,
+      value: variant === "masked" ? digit ? "\u2022" : "" : digit,
+      onChangeText: (text) => handleChangeText(index, text),
+      onKeyPress: (event) => handleKey(index, event.nativeEvent.key),
+      onFocus: () => setFocusedIndex(index),
+      onBlur: () => setFocusedIndex((current) => current === index ? null : current),
+      autoFocus: autoFocus && index === 0,
+      editable: !disabled,
+      "aria-disabled": disabled,
+      ...webAria({ "aria-invalid": error }),
+      maxLength: boxMaxLength(variant, index, length),
+      style: boxStyle(theme, size, accent, { focused: focusedIndex === index && !disabled, error, disabled }),
+      ...webDisabled(disabled),
+      ...keypadProps(variant, index)
+    },
+    index
+  )) });
+});
+InputOTP.displayName = "InputOTP";
+var styles = StyleSheet.create({
+  row: {
+    flexDirection: "row",
+    justifyContent: "center",
+    alignItems: "center",
+    gap: OTP_GAP_PX
+  }
+});
+export {
+  InputOTP
+};
+//# sourceMappingURL=InputOTP.js.map