blend-native 0.0.1-beta.0 → 0.0.1-beta.2

package/lib/commonjs/components/NumberInput/NumberInput.js

@@ -0,0 +1,216 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _lucideReactNative = require("lucide-react-native");
+var _node = require("@juspay/blend-design-system/node");
+var _useNativeTokens = require("../../theme/useNativeTokens.js");
+var _Block = _interopRequireDefault(require("../../primitives/Block.js"));
+var _PrimitiveInput = _interopRequireDefault(require("../../primitives/PrimitiveInput.js"));
+var _Text = _interopRequireDefault(require("../../primitives/Text.js"));
+var _FieldLabels = require("../shared/field/FieldLabels.js");
+var _FieldFooter = require("../shared/field/FieldFooter.js");
+var _fieldState = require("../shared/field/fieldState.js");
+var _cssStringAdapter = require("../../adapters/cssStringAdapter.js");
+var _numberInputUtils = require("./numberInput.utils.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Numeric field — the native port of web's `NumberInputV2`.
+ *
+ * Typing stays raw and sanitized; clamping happens on blur (web parity).
+ * Stepper buttons render when there is no unit, exactly web's rule
+ * (chevrons instead of web's Phosphor triangles — icon divergence). Out of
+ * range auto-raises the footer error. Announced as an adjustable with
+ * increment/decrement accessibility actions — more idiomatic than web's
+ * ARIA spinbutton.
+ */const NumberInput = /*#__PURE__*/(0, _react.forwardRef)(function NumberInput({
+  value,
+  onValueChange,
+  min,
+  max,
+  step = 1,
+  preventNegative = false,
+  unit,
+  unitDirection = _node.NumberInputV2Direction.RIGHT,
+  label,
+  subLabel,
+  size = _node.InputSizeV2.MD,
+  error,
+  hintText,
+  required = false,
+  disabled = false,
+  placeholder,
+  testID,
+  accessibilityLabel,
+  style,
+  inputRef
+}, ref) {
+  const tokens = (0, _useNativeTokens.useNativeTokens)('NUMBER_INPUT_V2');
+  const [focused, setFocused] = (0, _react.useState)(false);
+  const [internal, setInternal] = (0, _react.useState)(value === null ? '' : String(value));
+  const unitTooLong = (0, _numberInputUtils.isUnitTooLong)(unit);
+  const showUnit = Boolean(unit) && !unitTooLong;
+  const rangeMessage = (0, _numberInputUtils.getRangeErrorMessage)(value, min, max);
+  const fieldError = error?.show || rangeMessage || unitTooLong ? {
+    show: true,
+    message: error?.message ?? rangeMessage ?? (unitTooLong ? `Unit must be at most 7 characters` : undefined)
+  } : undefined;
+  const fieldState = (0, _fieldState.getFieldState)(fieldError, disabled);
+  const visualState = (0, _fieldState.getFieldVisualState)(fieldError, disabled, focused);
+  const container = tokens.inputContainer;
+  const commit = next => {
+    onValueChange?.(next);
+  };
+  const handleChangeText = raw => {
+    const sanitized = (0, _numberInputUtils.sanitizeNumberInput)(raw);
+    setInternal(sanitized);
+    commit((0, _numberInputUtils.parseNumberInput)(sanitized));
+  };
+  const handleFocus = () => {
+    setInternal(value === null ? '' : String(value));
+    setFocused(true);
+  };
+  const handleBlur = () => {
+    setFocused(false);
+    const clamped = (0, _numberInputUtils.clampValueOnBlur)((0, _numberInputUtils.parseNumberInput)(internal), min, max, preventNegative);
+    setInternal(clamped === null ? '' : String(clamped));
+    commit(clamped);
+  };
+  const stepBy = direction => {
+    const next = (0, _numberInputUtils.clampValueOnBlur)((value ?? 0) + direction * step, min, max, preventNegative);
+    setInternal(next === null ? '' : String(next));
+    commit(next);
+  };
+  const upDisabled = disabled || (0, _numberInputUtils.isStepUpDisabled)(value, step, max);
+  const downDisabled = disabled || (0, _numberInputUtils.isStepDownDisabled)(value, step, min, preventNegative);
+  const onAccessibilityAction = event => {
+    if (event.nativeEvent.actionName === 'increment' && !upDisabled) {
+      stepBy(1);
+    }
+    if (event.nativeEvent.actionName === 'decrement' && !downDisabled) {
+      stepBy(-1);
+    }
+  };
+  const unitBox = showUnit && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      justifyContent: 'center',
+      paddingHorizontal: (0, _cssStringAdapter.parseDimension)(tokens.unit.paddingRight[size]) ?? 12
+    },
+    testID: testID ? `${testID}-unit` : undefined,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+      fontSize: tokens.unit.fontSize[size],
+      fontWeight: tokens.unit.fontWeight[size],
+      "aria-hidden": true,
+      children: unit?.trim()
+    })
+  });
+  const stepper = !showUnit && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      justifyContent: 'center',
+      width: (0, _cssStringAdapter.parseDimension)(container.stepperButton.width[size]) ?? 32,
+      alignItems: 'center'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      onPress: () => stepBy(1),
+      disabled: upDisabled,
+      accessibilityRole: "button",
+      accessibilityLabel: `Increase ${label ?? 'value'}`,
+      hitSlop: 4,
+      testID: testID ? `${testID}-step-up` : undefined,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.ChevronUp, {
+        size: 14,
+        color: String(container.stepperButton.icon.color[upDisabled ? 'disabled' : 'default'] ?? '#99A0AE')
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      onPress: () => stepBy(-1),
+      disabled: downDisabled,
+      accessibilityRole: "button",
+      accessibilityLabel: `Decrease ${label ?? 'value'}`,
+      hitSlop: 4,
+      testID: testID ? `${testID}-step-down` : undefined,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.ChevronDown, {
+        size: 14,
+        color: String(container.stepperButton.icon.color[downDisabled ? 'disabled' : 'default'] ?? '#99A0AE')
+      })
+    })]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Block.default, {
+    ref: ref,
+    gap: tokens.gap,
+    style: style,
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldLabels.FieldLabels, {
+      label: label,
+      sublabel: subLabel,
+      required: required,
+      size: size,
+      state: fieldState,
+      tokens: tokens.topContainer,
+      testID: testID ? `${testID}-labels` : undefined
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Block.default, {
+      flexDirection: "row",
+      alignItems: "stretch",
+      border: String(container.border[visualState] ?? 'none'),
+      backgroundColor: String(container.backgroundColor[visualState] ?? 'transparent'),
+      borderRadius: container.borderRadius[size],
+      overflow: "hidden",
+      testID: testID ? `${testID}-container` : undefined,
+      children: [unitDirection === _node.NumberInputV2Direction.LEFT && unitBox, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Block.default, {
+        flexGrow: 1,
+        flexShrink: 1,
+        flexDirection: "row",
+        alignItems: "center",
+        paddingTop: container.paddingTop[size],
+        paddingBottom: container.paddingBottom[size],
+        paddingLeft: container.paddingLeft[size],
+        paddingRight: container.paddingRight[size],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PrimitiveInput.default, {
+          ref: inputRef,
+          value: (0, _numberInputUtils.getDisplayValue)(internal, focused, value),
+          onChangeText: handleChangeText,
+          keyboardType: preventNegative ? 'number-pad' : 'numeric',
+          placeholder: placeholder,
+          placeholderColor: String(container.placeholder.color[visualState] ?? undefined),
+          fontSize: container.fontSize[size],
+          fontWeight: container.fontWeight[size],
+          lineHeight: container.lineHeight[size],
+          color: String(container.color[visualState] ?? '#000000'),
+          editable: !disabled,
+          accessibilityLabel: accessibilityLabel ?? label,
+          accessibilityRole: "adjustable",
+          accessibilityValue: {
+            min,
+            max,
+            now: value ?? undefined
+          },
+          accessibilityActions: [{
+            name: 'increment'
+          }, {
+            name: 'decrement'
+          }],
+          onAccessibilityAction: onAccessibilityAction,
+          accessibilityState: {
+            disabled
+          },
+          onFocus: handleFocus,
+          onBlur: handleBlur,
+          testID: testID ? `${testID}-input` : undefined
+        })
+      }), unitDirection === _node.NumberInputV2Direction.RIGHT && unitBox, stepper]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldFooter.FieldFooter, {
+      error: fieldError,
+      hintText: hintText,
+      size: size,
+      tokens: tokens.bottomContainer,
+      testID: testID ? `${testID}-footer` : undefined
+    })]
+  });
+});
+NumberInput.displayName = 'NumberInput';
+var _default = exports.default = NumberInput;
+//# sourceMappingURL=NumberInput.js.map

package/lib/commonjs/components/NumberInput/NumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_lucideReactNative","_node","_useNativeTokens","_Block","_interopRequireDefault","_PrimitiveInput","_Text","_FieldLabels","_FieldFooter","_fieldState","_cssStringAdapter","_numberInputUtils","_jsxRuntime","e","__esModule","default","NumberInput","forwardRef","value","onValueChange","min","max","step","preventNegative","unit","unitDirection","NumberInputV2Direction","RIGHT","label","subLabel","size","InputSizeV2","MD","error","hintText","required","disabled","placeholder","testID","accessibilityLabel","style","inputRef","ref","tokens","useNativeTokens","focused","setFocused","useState","internal","setInternal","String","unitTooLong","isUnitTooLong","showUnit","Boolean","rangeMessage","getRangeErrorMessage","fieldError","show","message","undefined","fieldState","getFieldState","visualState","getFieldVisualState","container","inputContainer","commit","next","handleChangeText","raw","sanitized","sanitizeNumberInput","parseNumberInput","handleFocus","handleBlur","clamped","clampValueOnBlur","stepBy","direction","upDisabled","isStepUpDisabled","downDisabled","isStepDownDisabled","onAccessibilityAction","event","nativeEvent","actionName","unitBox","jsx","View","justifyContent","paddingHorizontal","parseDimension","paddingRight","children","fontSize","fontWeight","trim","stepper","jsxs","width","stepperButton","alignItems","Pressable","onPress","accessibilityRole","hitSlop","ChevronUp","color","icon","ChevronDown","gap","FieldLabels","sublabel","state","topContainer","flexDirection","border","backgroundColor","borderRadius","overflow","LEFT","flexGrow","flexShrink","paddingTop","paddingBottom","paddingLeft","getDisplayValue","onChangeText","keyboardType","placeholderColor","lineHeight","editable","accessibilityValue","now","accessibilityActions","name","accessibilityState","onFocus","onBlur","FieldFooter","bottomContainer","displayName","_default","exports"],"sourceRoot":"../../../../src","sources":["components/NumberInput/NumberInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/NumberInput/index.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "NumberInput", {
+  enumerable: true,
+  get: function () {
+    return _NumberInput.default;
+  }
+});
+Object.defineProperty(exports, "UNIT_MAX_LENGTH", {
+  enumerable: true,
+  get: function () {
+    return _numberInputUtils.UNIT_MAX_LENGTH;
+  }
+});
+Object.defineProperty(exports, "clampValueOnBlur", {
+  enumerable: true,
+  get: function () {
+    return _numberInputUtils.clampValueOnBlur;
+  }
+});
+Object.defineProperty(exports, "getDisplayValue", {
+  enumerable: true,
+  get: function () {
+    return _numberInputUtils.getDisplayValue;
+  }
+});
+Object.defineProperty(exports, "getRangeErrorMessage", {
+  enumerable: true,
+  get: function () {
+    return _numberInputUtils.getRangeErrorMessage;
+  }
+});
+Object.defineProperty(exports, "isStepDownDisabled", {
+  enumerable: true,
+  get: function () {
+    return _numberInputUtils.isStepDownDisabled;
+  }
+});
+Object.defineProperty(exports, "isStepUpDisabled", {
+  enumerable: true,
+  get: function () {
+    return _numberInputUtils.isStepUpDisabled;
+  }
+});
+Object.defineProperty(exports, "isUnitTooLong", {
+  enumerable: true,
+  get: function () {
+    return _numberInputUtils.isUnitTooLong;
+  }
+});
+Object.defineProperty(exports, "parseNumberInput", {
+  enumerable: true,
+  get: function () {
+    return _numberInputUtils.parseNumberInput;
+  }
+});
+Object.defineProperty(exports, "sanitizeNumberInput", {
+  enumerable: true,
+  get: function () {
+    return _numberInputUtils.sanitizeNumberInput;
+  }
+});
+var _NumberInput = _interopRequireDefault(require("./NumberInput.js"));
+var _numberInputUtils = require("./numberInput.utils.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/NumberInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_NumberInput","_interopRequireDefault","require","_numberInputUtils","e","__esModule","default"],"sourceRoot":"../../../../src","sources":["components/NumberInput/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAD,OAAA;AAU4B,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/lib/commonjs/components/NumberInput/numberInput.types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=numberInput.types.js.map

package/lib/commonjs/components/NumberInput/numberInput.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/NumberInput/numberInput.types.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/components/NumberInput/numberInput.utils.js

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UNIT_MAX_LENGTH = void 0;
+exports.clampValueOnBlur = clampValueOnBlur;
+exports.getDisplayValue = getDisplayValue;
+exports.getRangeErrorMessage = getRangeErrorMessage;
+exports.isStepDownDisabled = isStepDownDisabled;
+exports.isStepUpDisabled = isStepUpDisabled;
+exports.isUnitTooLong = isUnitTooLong;
+exports.parseNumberInput = parseNumberInput;
+exports.sanitizeNumberInput = sanitizeNumberInput;
+/**
+ * Pure ports of web's `NumberInputV2/utils.ts` — sanitising, clamping,
+ * display, stepper math and the auto range error. All total.
+ */
+
+/** Web's `NUMBER_INPUT_V2_UNIT_MAX_LENGTH`. */
+const UNIT_MAX_LENGTH = exports.UNIT_MAX_LENGTH = 7;
+
+/**
+ * Web's `sanitizeNumberInput`: strip everything but digits, `.` and `-`,
+ * keep a single leading minus and a single decimal point.
+ */
+function sanitizeNumberInput(raw) {
+  let cleaned = raw.replace(/[^\d.-]/g, '');
+  const negative = cleaned.startsWith('-');
+  cleaned = cleaned.replace(/-/g, '');
+  const [head, ...restParts] = cleaned.split('.');
+  const rest = restParts.join('');
+  cleaned = restParts.length > 0 ? `${head}.${rest}` : head ?? '';
+  return negative ? `-${cleaned}` : cleaned;
+}
+
+/** Parse the sanitised text; incomplete input (`''`, `-`, `.`) is null. */
+function parseNumberInput(text) {
+  if (text === '' || text === '-' || text === '.' || text === '-.') {
+    return null;
+  }
+  const n = Number(text);
+  return Number.isFinite(n) ? n : null;
+}
+
+/** Web's `clampValueOnBlur`. */
+function clampValueOnBlur(value, min, max, preventNegative) {
+  if (value === null) return null;
+  let next = value;
+  if (preventNegative && next < 0) next = 0;
+  if (min !== undefined && next < min) next = min;
+  if (max !== undefined && next > max) next = max;
+  return next;
+}
+
+/** Displayed text: raw while typing, canonical number when blurred. */
+function getDisplayValue(internal, focused, value) {
+  if (focused) return internal;
+  return value === null ? '' : String(value);
+}
+
+/** Web's stepper-disable math: disabled when the next step overshoots. */
+function isStepUpDisabled(value, step, max) {
+  if (max === undefined) return false;
+  return (value ?? 0) + step > max;
+}
+function isStepDownDisabled(value, step, min, preventNegative) {
+  const next = (value ?? 0) - step;
+  if (preventNegative && next < 0) return true;
+  if (min === undefined) return false;
+  return next < min;
+}
+
+/** Web's `getRangeErrorMessage` — the auto footer error out of range. */
+function getRangeErrorMessage(value, min, max) {
+  if (value === null) return undefined;
+  if (min !== undefined && value < min) {
+    return `Value must be at least ${min}`;
+  }
+  if (max !== undefined && value > max) {
+    return `Value must be at most ${max}`;
+  }
+  return undefined;
+}
+
+/** Web hides units longer than 7 chars and shows a footer error instead. */
+function isUnitTooLong(unit) {
+  return Boolean(unit && unit.trim().length > UNIT_MAX_LENGTH);
+}
+//# sourceMappingURL=numberInput.utils.js.map

package/lib/commonjs/components/NumberInput/numberInput.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UNIT_MAX_LENGTH","exports","sanitizeNumberInput","raw","cleaned","replace","negative","startsWith","head","restParts","split","rest","join","length","parseNumberInput","text","n","Number","isFinite","clampValueOnBlur","value","min","max","preventNegative","next","undefined","getDisplayValue","internal","focused","String","isStepUpDisabled","step","isStepDownDisabled","getRangeErrorMessage","isUnitTooLong","unit","Boolean","trim"],"sourceRoot":"../../../../src","sources":["components/NumberInput/numberInput.utils.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/OTPInput/OTPInput.js

@@ -0,0 +1,153 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _node = require("@juspay/blend-design-system/node");
+var _useNativeTokens = require("../../theme/useNativeTokens.js");
+var _useControllableState = require("../../hooks/useControllableState.js");
+var _Block = _interopRequireDefault(require("../../primitives/Block.js"));
+var _PrimitiveInput = _interopRequireDefault(require("../../primitives/PrimitiveInput.js"));
+var _FieldLabels = require("../shared/field/FieldLabels.js");
+var _FieldFooter = require("../shared/field/FieldFooter.js");
+var _fieldState = require("../shared/field/fieldState.js");
+var _cssStringAdapter = require("../../adapters/cssStringAdapter.js");
+var _otpInputUtils = require("./otpInput.utils.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * One-time-code input — the native port of web's `OTPInputV2`.
+ *
+ * N single-character cells (no hidden master input, like web). The first
+ * cell carries `textContentType="oneTimeCode"` (iOS) and
+ * `autoComplete="sms-otp"` (Android) so OS autofill lands there and
+ * spreads across the cells as a digit run; Backspace on an empty cell
+ * moves back.
+ */const OTPInput = /*#__PURE__*/(0, _react.forwardRef)(function OTPInput({
+  value,
+  onChange,
+  length,
+  label,
+  subLabel,
+  error = false,
+  errorMessage,
+  hintText,
+  autoFocus = false,
+  required = false,
+  disabled = false,
+  testID,
+  style
+}, ref) {
+  const tokens = (0, _useNativeTokens.useNativeTokens)('OTP_INPUTV2');
+  const slots = (0, _otpInputUtils.clampOtpSlotLength)(length);
+  const [currentValue, setCurrentValue] = (0, _useControllableState.useControllableState)(value, '', onChange);
+  const [focusedIndex, setFocusedIndex] = (0, _react.useState)(null);
+  const cellRefs = (0, _react.useRef)([]);
+  const cells = (0, _otpInputUtils.otpToCells)(currentValue, slots);
+  const fieldError = error ? {
+    show: true,
+    message: errorMessage
+  } : undefined;
+  const fieldState = (0, _fieldState.getFieldState)(fieldError, disabled);
+  const input = tokens.inputContainer.input;
+  const cellWidth = (0, _cssStringAdapter.parseDimension)(input.width) ?? 42;
+  const cellHeight = (0, _cssStringAdapter.parseDimension)(input.height) ?? 48;
+  const cellRadius = (0, _cssStringAdapter.parseDimension)(input.borderRadius) ?? 12;
+  const commitCells = (nextCells, focusIndex) => {
+    setCurrentValue(nextCells.join(''));
+    if (focusIndex !== null) {
+      cellRefs.current[focusIndex]?.focus();
+    }
+  };
+  const handleCellChange = (index, raw) => {
+    const change = (0, _otpInputUtils.processCellChange)(cells, index, raw);
+    commitCells(change.cells, change.focusIndex);
+  };
+  const handleKeyPress = (index, event) => {
+    if (event.nativeEvent.key === 'Backspace' && cells[index] === '' && index > 0) {
+      const next = [...cells];
+      next[index - 1] = '';
+      commitCells(next, index - 1);
+    }
+  };
+  const cellState = index => (0, _fieldState.getFieldVisualState)(fieldError, disabled, focusedIndex === index);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Block.default, {
+    ref: ref,
+    gap: tokens.gap,
+    style: style,
+    testID: testID,
+    accessibilityLabel: label ?? 'One-time code',
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldLabels.FieldLabels, {
+      label: label,
+      sublabel: subLabel,
+      required: required,
+      size: _node.InputSizeV2.MD,
+      state: fieldState,
+      tokens: tokens.topContainer,
+      testID: testID ? `${testID}-labels` : undefined
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        gap: (0, _cssStringAdapter.parseDimension)(tokens.inputContainer.gap) ?? 8
+      },
+      children: cells.map((cell, index) => {
+        const state = cellState(index);
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            width: cellWidth,
+            height: cellHeight,
+            borderRadius: cellRadius,
+            backgroundColor: String(input.backgroundColor[state] ?? 'transparent'),
+            ...(0, _cssStringAdapter.parseBorder)(String(input.border[state] ?? 'none')),
+            alignItems: 'center',
+            justifyContent: 'center'
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PrimitiveInput.default, {
+            ref: node => {
+              cellRefs.current[index] = node;
+            },
+            value: cell,
+            onChangeText: raw => handleCellChange(index, raw),
+            onKeyPress: event => handleKeyPress(index, event),
+            keyboardType: "number-pad",
+            autoFocus: autoFocus && index === 0,
+            editable: !disabled,
+            fontSize: input.fontSize,
+            fontWeight: input.fontWeight,
+            color: String(input.color?.[state] ?? '#000000'),
+            textAlign: "center",
+            accessibilityLabel: (0, _otpInputUtils.buildCellLabel)(label, index, slots),
+            accessibilityState: {
+              disabled
+            },
+            onFocus: () => setFocusedIndex(index),
+            onBlur: () => setFocusedIndex(current => current === index ? null : current)
+            // OS one-time-code autofill lands on the
+            // first cell and spreads as a digit run.
+            ,
+            textContentType: index === 0 && _reactNative.Platform.OS === 'ios' ? 'oneTimeCode' : undefined,
+            autoComplete: index === 0 && _reactNative.Platform.OS === 'android' ? 'sms-otp' : undefined,
+            testID: testID ? `${testID}-cell-${index}` : undefined,
+            style: {
+              flex: 0,
+              width: cellWidth,
+              height: cellHeight
+            }
+          })
+        }, index);
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldFooter.FieldFooter, {
+      error: fieldError,
+      hintText: hintText,
+      size: _node.InputSizeV2.MD,
+      tokens: tokens.bottomContainer,
+      testID: testID ? `${testID}-footer` : undefined
+    })]
+  });
+});
+OTPInput.displayName = 'OTPInput';
+var _default = exports.default = OTPInput;
+//# sourceMappingURL=OTPInput.js.map

package/lib/commonjs/components/OTPInput/OTPInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_node","_useNativeTokens","_useControllableState","_Block","_interopRequireDefault","_PrimitiveInput","_FieldLabels","_FieldFooter","_fieldState","_cssStringAdapter","_otpInputUtils","_jsxRuntime","e","__esModule","default","OTPInput","forwardRef","value","onChange","length","label","subLabel","error","errorMessage","hintText","autoFocus","required","disabled","testID","style","ref","tokens","useNativeTokens","slots","clampOtpSlotLength","currentValue","setCurrentValue","useControllableState","focusedIndex","setFocusedIndex","useState","cellRefs","useRef","cells","otpToCells","fieldError","show","message","undefined","fieldState","getFieldState","input","inputContainer","cellWidth","parseDimension","width","cellHeight","height","cellRadius","borderRadius","commitCells","nextCells","focusIndex","join","current","focus","handleCellChange","index","raw","change","processCellChange","handleKeyPress","event","nativeEvent","key","next","cellState","getFieldVisualState","jsxs","gap","accessibilityLabel","children","jsx","FieldLabels","sublabel","size","InputSizeV2","MD","state","topContainer","View","flexDirection","map","cell","backgroundColor","String","parseBorder","border","alignItems","justifyContent","node","onChangeText","onKeyPress","keyboardType","editable","fontSize","fontWeight","color","textAlign","buildCellLabel","accessibilityState","onFocus","onBlur","textContentType","Platform","OS","autoComplete","flex","FieldFooter","bottomContainer","displayName","_default","exports"],"sourceRoot":"../../../../src","sources":["components/OTPInput/OTPInput.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,eAAA,GAAAD,sBAAA,CAAAN,OAAA;AACA,IAAAQ,YAAA,GAAAR,OAAA;AACA,IAAAS,YAAA,GAAAT,OAAA;AACA,IAAAU,WAAA,GAAAV,OAAA;AACA,IAAAW,iBAAA,GAAAX,OAAA;AAEA,IAAAY,cAAA,GAAAZ,OAAA;AAKyB,IAAAa,WAAA,GAAAb,OAAA;AAAA,SAAAM,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACA,MAAMG,QAAQ,gBAAG,IAAAC,iBAAU,EAA8B,SAASD,QAAQA,CACtE;EACIE,KAAK;EACLC,QAAQ;EACRC,MAAM;EACNC,KAAK;EACLC,QAAQ;EACRC,KAAK,GAAG,KAAK;EACbC,YAAY;EACZC,QAAQ;EACRC,SAAS,GAAG,KAAK;EACjBC,QAAQ,GAAG,KAAK;EAChBC,QAAQ,GAAG,KAAK;EAChBC,MAAM;EACNC;AACJ,CAAC,EACDC,GAAG,EACL;EACE,MAAMC,MAAM,GAAG,IAAAC,gCAAe,EAAuB,aAAa,CAAC;EACnE,MAAMC,KAAK,GAAG,IAAAC,iCAAkB,EAACf,MAAM,CAAC;EACxC,MAAM,CAACgB,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAC,0CAAoB,EACxDpB,KAAK,EACL,EAAE,EACFC,QACJ,CAAC;EACD,MAAM,CAACoB,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAC,eAAQ,EAAgB,IAAI,CAAC;EACrE,MAAMC,QAAQ,GAAG,IAAAC,aAAM,EAA4B,EAAE,CAAC;EAEtD,MAAMC,KAAK,GAAG,IAAAC,yBAAU,EAACT,YAAY,EAAEF,KAAK,CAAC;EAC7C,MAAMY,UAAU,GAAGvB,KAAK,GAAG;IAAEwB,IAAI,EAAE,IAAI;IAAEC,OAAO,EAAExB;EAAa,CAAC,GAAGyB,SAAS;EAC5E,MAAMC,UAAU,GAAG,IAAAC,yBAAa,EAACL,UAAU,EAAElB,QAAQ,CAAC;EAEtD,MAAMwB,KAAK,GAAGpB,MAAM,CAACqB,cAAc,CAACD,KAAK;EACzC,MAAME,SAAS,GAAG,IAAAC,gCAAc,EAACH,KAAK,CAACI,KAAwB,CAAC,IAAI,EAAE;EACtE,MAAMC,UAAU,GAAG,IAAAF,gCAAc,EAACH,KAAK,CAACM,MAAyB,CAAC,IAAI,EAAE;EACxE,MAAMC,UAAU,GACZ,IAAAJ,gCAAc,EAACH,KAAK,CAACQ,YAA+B,CAAC,IAAI,EAAE;EAE/D,MAAMC,WAAW,GAAGA,CAACC,SAAmB,EAAEC,UAAyB,KAAK;IACpE1B,eAAe,CAACyB,SAAS,CAACE,IAAI,CAAC,EAAE,CAAC,CAAC;IACnC,IAAID,UAAU,KAAK,IAAI,EAAE;MACrBrB,QAAQ,CAACuB,OAAO,CAACF,UAAU,CAAC,EAAEG,KAAK,CAAC,CAAC;IACzC;EACJ,CAAC;EAED,MAAMC,gBAAgB,GAAGA,CAACC,KAAa,EAAEC,GAAW,KAAK;IACrD,MAAMC,MAAM,GAAG,IAAAC,gCAAiB,EAAC3B,KAAK,EAAEwB,KAAK,EAAEC,GAAG,CAAC;IACnDR,WAAW,CAACS,MAAM,CAAC1B,KAAK,EAAE0B,MAAM,CAACP,UAAU,CAAC;EAChD,CAAC;EAED,MAAMS,cAAc,GAAGA,CACnBJ,KAAa,EACbK,KAAuD,KACtD;IACD,IACIA,KAAK,CAACC,WAAW,CAACC,GAAG,KAAK,WAAW,IACrC/B,KAAK,CAACwB,KAAK,CAAC,KAAK,EAAE,IACnBA,KAAK,GAAG,CAAC,EACX;MACE,MAAMQ,IAAI,GAAG,CAAC,GAAGhC,KAAK,CAAC;MACvBgC,IAAI,CAACR,KAAK,GAAG,CAAC,CAAC,GAAG,EAAE;MACpBP,WAAW,CAACe,IAAI,EAAER,KAAK,GAAG,CAAC,CAAC;IAChC;EACJ,CAAC;EAED,MAAMS,SAAS,GAAIT,KAAa,IAC5B,IAAAU,+BAAmB,EAAChC,UAAU,EAAElB,QAAQ,EAAEW,YAAY,KAAK6B,KAAK,CAAC;EAErE,oBACI,IAAAxD,WAAA,CAAAmE,IAAA,EAAC3E,MAAA,CAAAW,OAAK;IACFgB,GAAG,EAAEA,GAAI;IACTiD,GAAG,EAAEhD,MAAM,CAACgD,GAAuB;IACnClD,KAAK,EAAEA,KAAM;IACbD,MAAM,EAAEA,MAAO;IACfoD,kBAAkB,EAAE5D,KAAK,IAAI,eAAgB;IAAA6D,QAAA,gBAE7C,IAAAtE,WAAA,CAAAuE,GAAA,EAAC5E,YAAA,CAAA6E,WAAW;MACR/D,KAAK,EAAEA,KAAM;MACbgE,QAAQ,EAAE/D,QAAS;MACnBK,QAAQ,EAAEA,QAAS;MACnB2D,IAAI,EAAEC,iBAAW,CAACC,EAAG;MACrBC,KAAK,EAAEvC,UAAW;MAClBlB,MAAM,EAAEA,MAAM,CAAC0D,YAAa;MAC5B7D,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,SAAS,GAAGoB;IAAU,CACnD,CAAC,eACF,IAAArC,WAAA,CAAAuE,GAAA,EAACnF,YAAA,CAAA2F,IAAI;MACD7D,KAAK,EAAE;QACH8D,aAAa,EAAE,KAAK;QACpBZ,GAAG,EACC,IAAAzB,gCAAc,EACVvB,MAAM,CAACqB,cAAc,CAAC2B,GAC1B,CAAC,IAAI;MACb,CAAE;MAAAE,QAAA,EAEDtC,KAAK,CAACiD,GAAG,CAAC,CAACC,IAAI,EAAE1B,KAAK,KAAK;QACxB,MAAMqB,KAAK,GAAGZ,SAAS,CAACT,KAAK,CAAC;QAC9B,oBACI,IAAAxD,WAAA,CAAAuE,GAAA,EAACnF,YAAA,CAAA2F,IAAI;UAED7D,KAAK,EAAE;YACH0B,KAAK,EAAEF,SAAS;YAChBI,MAAM,EAAED,UAAU;YAClBG,YAAY,EAAED,UAAU;YACxBoC,eAAe,EAAEC,MAAM,CACnB5C,KAAK,CAAC2C,eAAe,CAACN,KAAK,CAAC,IACxB,aACR,CAAC;YACD,GAAG,IAAAQ,6BAAW,EACVD,MAAM,CAAC5C,KAAK,CAAC8C,MAAM,CAACT,KAAK,CAAC,IAAI,MAAM,CACxC,CAAC;YACDU,UAAU,EAAE,QAAQ;YACpBC,cAAc,EAAE;UACpB,CAAE;UAAAlB,QAAA,eAEF,IAAAtE,WAAA,CAAAuE,GAAA,EAAC7E,eAAA,CAAAS,OAAc;YACXgB,GAAG,EAAGsE,IAAI,IAAK;cACX3D,QAAQ,CAACuB,OAAO,CAACG,KAAK,CAAC,GAAGiC,IAAI;YAClC,CAAE;YACFnF,KAAK,EAAE4E,IAAK;YACZQ,YAAY,EAAGjC,GAAG,IACdF,gBAAgB,CAACC,KAAK,EAAEC,GAAG,CAC9B;YACDkC,UAAU,EAAG9B,KAAK,IACdD,cAAc,CAACJ,KAAK,EAAEK,KAAK,CAC9B;YACD+B,YAAY,EAAC,YAAY;YACzB9E,SAAS,EAAEA,SAAS,IAAI0C,KAAK,KAAK,CAAE;YACpCqC,QAAQ,EAAE,CAAC7E,QAAS;YACpB8E,QAAQ,EAAEtD,KAAK,CAACsD,QAA4B;YAC5CC,UAAU,EAAEvD,KAAK,CAACuD,UAA8B;YAChDC,KAAK,EAAEZ,MAAM,CACT5C,KAAK,CAACwD,KAAK,GAAGnB,KAAK,CAAC,IAAI,SAC5B,CAAE;YACFoB,SAAS,EAAC,QAAQ;YAClB5B,kBAAkB,EAAE,IAAA6B,6BAAc,EAC9BzF,KAAK,EACL+C,KAAK,EACLlC,KACJ,CAAE;YACF6E,kBAAkB,EAAE;cAAEnF;YAAS,CAAE;YACjCoF,OAAO,EAAEA,CAAA,KAAMxE,eAAe,CAAC4B,KAAK,CAAE;YACtC6C,MAAM,EAAEA,CAAA,KACJzE,eAAe,CAAEyB,OAAO,IACpBA,OAAO,KAAKG,KAAK,GAAG,IAAI,GAAGH,OAC/B;YAEJ;YACA;YAAA;YACAiD,eAAe,EACX9C,KAAK,KAAK,CAAC,IAAI+C,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAC9B,aAAa,GACbnE,SACT;YACDoE,YAAY,EACRjD,KAAK,KAAK,CAAC,IAAI+C,qBAAQ,CAACC,EAAE,KAAK,SAAS,GAClC,SAAS,GACTnE,SACT;YACDpB,MAAM,EACFA,MAAM,GACA,GAAGA,MAAM,SAASuC,KAAK,EAAE,GACzBnB,SACT;YACDnB,KAAK,EAAE;cACHwF,IAAI,EAAE,CAAC;cACP9D,KAAK,EAAEF,SAAS;cAChBI,MAAM,EAAED;YACZ;UAAE,CACL;QAAC,GAtEGW,KAuEH,CAAC;MAEf,CAAC;IAAC,CACA,CAAC,eACP,IAAAxD,WAAA,CAAAuE,GAAA,EAAC3E,YAAA,CAAA+G,WAAW;MACRhG,KAAK,EAAEuB,UAAW;MAClBrB,QAAQ,EAAEA,QAAS;MACnB6D,IAAI,EAAEC,iBAAW,CAACC,EAAG;MACrBxD,MAAM,EAAEA,MAAM,CAACwF,eAAgB;MAC/B3F,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,SAAS,GAAGoB;IAAU,CACnD,CAAC;EAAA,CACC,CAAC;AAEhB,CAAC,CAAC;AAEFjC,QAAQ,CAACyG,WAAW,GAAG,UAAU;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAA5G,OAAA,GAElBC,QAAQ","ignoreList":[]}

package/lib/commonjs/components/OTPInput/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "OTPInput", {
+  enumerable: true,
+  get: function () {
+    return _OTPInput.default;
+  }
+});
+Object.defineProperty(exports, "buildCellLabel", {
+  enumerable: true,
+  get: function () {
+    return _otpInputUtils.buildCellLabel;
+  }
+});
+Object.defineProperty(exports, "clampOtpSlotLength", {
+  enumerable: true,
+  get: function () {
+    return _otpInputUtils.clampOtpSlotLength;
+  }
+});
+Object.defineProperty(exports, "otpToCells", {
+  enumerable: true,
+  get: function () {
+    return _otpInputUtils.otpToCells;
+  }
+});
+Object.defineProperty(exports, "processCellChange", {
+  enumerable: true,
+  get: function () {
+    return _otpInputUtils.processCellChange;
+  }
+});
+var _OTPInput = _interopRequireDefault(require("./OTPInput.js"));
+var _otpInputUtils = require("./otpInput.utils.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/OTPInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_OTPInput","_interopRequireDefault","require","_otpInputUtils","e","__esModule","default"],"sourceRoot":"../../../../src","sources":["components/OTPInput/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AAKyB,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/lib/commonjs/components/OTPInput/otpInput.types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=otpInput.types.js.map

package/lib/commonjs/components/OTPInput/otpInput.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/OTPInput/otpInput.types.ts"],"mappings":"","ignoreList":[]}