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

package/lib/module/components/NumberInput/NumberInput.js

@@ -0,0 +1,213 @@
+"use strict";
+
+import { forwardRef, useState } from 'react';
+import { Pressable as RNPressable, View } from 'react-native';
+import { ChevronDown, ChevronUp } from 'lucide-react-native';
+import { InputSizeV2, NumberInputV2Direction } from '@juspay/blend-design-system/node';
+import { useNativeTokens } from "../../theme/useNativeTokens.js";
+import Block from "../../primitives/Block.js";
+import PrimitiveInput from "../../primitives/PrimitiveInput.js";
+import Text from "../../primitives/Text.js";
+import { FieldLabels } from "../shared/field/FieldLabels.js";
+import { FieldFooter } from "../shared/field/FieldFooter.js";
+import { getFieldState, getFieldVisualState } from "../shared/field/fieldState.js";
+import { parseDimension } from "../../adapters/cssStringAdapter.js";
+import { clampValueOnBlur, getDisplayValue, getRangeErrorMessage, isStepDownDisabled, isStepUpDisabled, isUnitTooLong, parseNumberInput, sanitizeNumberInput } from "./numberInput.utils.js";
+
+/**
+ * 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.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const NumberInput = /*#__PURE__*/forwardRef(function NumberInput({
+  value,
+  onValueChange,
+  min,
+  max,
+  step = 1,
+  preventNegative = false,
+  unit,
+  unitDirection = NumberInputV2Direction.RIGHT,
+  label,
+  subLabel,
+  size = InputSizeV2.MD,
+  error,
+  hintText,
+  required = false,
+  disabled = false,
+  placeholder,
+  testID,
+  accessibilityLabel,
+  style,
+  inputRef
+}, ref) {
+  const tokens = useNativeTokens('NUMBER_INPUT_V2');
+  const [focused, setFocused] = useState(false);
+  const [internal, setInternal] = useState(value === null ? '' : String(value));
+  const unitTooLong = isUnitTooLong(unit);
+  const showUnit = Boolean(unit) && !unitTooLong;
+  const rangeMessage = 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 = getFieldState(fieldError, disabled);
+  const visualState = getFieldVisualState(fieldError, disabled, focused);
+  const container = tokens.inputContainer;
+  const commit = next => {
+    onValueChange?.(next);
+  };
+  const handleChangeText = raw => {
+    const sanitized = sanitizeNumberInput(raw);
+    setInternal(sanitized);
+    commit(parseNumberInput(sanitized));
+  };
+  const handleFocus = () => {
+    setInternal(value === null ? '' : String(value));
+    setFocused(true);
+  };
+  const handleBlur = () => {
+    setFocused(false);
+    const clamped = clampValueOnBlur(parseNumberInput(internal), min, max, preventNegative);
+    setInternal(clamped === null ? '' : String(clamped));
+    commit(clamped);
+  };
+  const stepBy = direction => {
+    const next = clampValueOnBlur((value ?? 0) + direction * step, min, max, preventNegative);
+    setInternal(next === null ? '' : String(next));
+    commit(next);
+  };
+  const upDisabled = disabled || isStepUpDisabled(value, step, max);
+  const downDisabled = disabled || 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__*/_jsx(View, {
+    style: {
+      justifyContent: 'center',
+      paddingHorizontal: parseDimension(tokens.unit.paddingRight[size]) ?? 12
+    },
+    testID: testID ? `${testID}-unit` : undefined,
+    children: /*#__PURE__*/_jsx(Text, {
+      fontSize: tokens.unit.fontSize[size],
+      fontWeight: tokens.unit.fontWeight[size],
+      "aria-hidden": true,
+      children: unit?.trim()
+    })
+  });
+  const stepper = !showUnit && /*#__PURE__*/_jsxs(View, {
+    style: {
+      justifyContent: 'center',
+      width: parseDimension(container.stepperButton.width[size]) ?? 32,
+      alignItems: 'center'
+    },
+    children: [/*#__PURE__*/_jsx(RNPressable, {
+      onPress: () => stepBy(1),
+      disabled: upDisabled,
+      accessibilityRole: "button",
+      accessibilityLabel: `Increase ${label ?? 'value'}`,
+      hitSlop: 4,
+      testID: testID ? `${testID}-step-up` : undefined,
+      children: /*#__PURE__*/_jsx(ChevronUp, {
+        size: 14,
+        color: String(container.stepperButton.icon.color[upDisabled ? 'disabled' : 'default'] ?? '#99A0AE')
+      })
+    }), /*#__PURE__*/_jsx(RNPressable, {
+      onPress: () => stepBy(-1),
+      disabled: downDisabled,
+      accessibilityRole: "button",
+      accessibilityLabel: `Decrease ${label ?? 'value'}`,
+      hitSlop: 4,
+      testID: testID ? `${testID}-step-down` : undefined,
+      children: /*#__PURE__*/_jsx(ChevronDown, {
+        size: 14,
+        color: String(container.stepperButton.icon.color[downDisabled ? 'disabled' : 'default'] ?? '#99A0AE')
+      })
+    })]
+  });
+  return /*#__PURE__*/_jsxs(Block, {
+    ref: ref,
+    gap: tokens.gap,
+    style: style,
+    testID: testID,
+    children: [/*#__PURE__*/_jsx(FieldLabels, {
+      label: label,
+      sublabel: subLabel,
+      required: required,
+      size: size,
+      state: fieldState,
+      tokens: tokens.topContainer,
+      testID: testID ? `${testID}-labels` : undefined
+    }), /*#__PURE__*/_jsxs(Block, {
+      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 === NumberInputV2Direction.LEFT && unitBox, /*#__PURE__*/_jsx(Block, {
+        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__*/_jsx(PrimitiveInput, {
+          ref: inputRef,
+          value: 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 === NumberInputV2Direction.RIGHT && unitBox, stepper]
+    }), /*#__PURE__*/_jsx(FieldFooter, {
+      error: fieldError,
+      hintText: hintText,
+      size: size,
+      tokens: tokens.bottomContainer,
+      testID: testID ? `${testID}-footer` : undefined
+    })]
+  });
+});
+NumberInput.displayName = 'NumberInput';
+export default NumberInput;
+//# sourceMappingURL=NumberInput.js.map

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

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

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

@@ -0,0 +1,5 @@
+"use strict";
+
+export { default as NumberInput } from "./NumberInput.js";
+export { sanitizeNumberInput, parseNumberInput, clampValueOnBlur, getDisplayValue, getRangeErrorMessage, isStepUpDisabled, isStepDownDisabled, isUnitTooLong, UNIT_MAX_LENGTH } from "./numberInput.utils.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["default","NumberInput","sanitizeNumberInput","parseNumberInput","clampValueOnBlur","getDisplayValue","getRangeErrorMessage","isStepUpDisabled","isStepDownDisabled","isUnitTooLong","UNIT_MAX_LENGTH"],"sourceRoot":"../../../../src","sources":["components/NumberInput/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,WAAW,QAAQ,kBAAe;AAEtD,SACIC,mBAAmB,EACnBC,gBAAgB,EAChBC,gBAAgB,EAChBC,eAAe,EACfC,oBAAoB,EACpBC,gBAAgB,EAChBC,kBAAkB,EAClBC,aAAa,EACbC,eAAe,QACZ,wBAAqB","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=numberInput.types.js.map

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

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

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

@@ -0,0 +1,78 @@
+"use strict";
+
+/**
+ * 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`. */
+export const UNIT_MAX_LENGTH = 7;
+
+/**
+ * Web's `sanitizeNumberInput`: strip everything but digits, `.` and `-`,
+ * keep a single leading minus and a single decimal point.
+ */
+export 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. */
+export function parseNumberInput(text) {
+  if (text === '' || text === '-' || text === '.' || text === '-.') {
+    return null;
+  }
+  const n = Number(text);
+  return Number.isFinite(n) ? n : null;
+}
+
+/** Web's `clampValueOnBlur`. */
+export 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. */
+export 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. */
+export function isStepUpDisabled(value, step, max) {
+  if (max === undefined) return false;
+  return (value ?? 0) + step > max;
+}
+export 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. */
+export 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. */
+export function isUnitTooLong(unit) {
+  return Boolean(unit && unit.trim().length > UNIT_MAX_LENGTH);
+}
+//# sourceMappingURL=numberInput.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["UNIT_MAX_LENGTH","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/module/components/OTPInput/OTPInput.js

@@ -0,0 +1,150 @@
+"use strict";
+
+import { forwardRef, useRef, useState } from 'react';
+import { Platform, View } from 'react-native';
+import { InputSizeV2 } from '@juspay/blend-design-system/node';
+import { useNativeTokens } from "../../theme/useNativeTokens.js";
+import { useControllableState } from "../../hooks/useControllableState.js";
+import Block from "../../primitives/Block.js";
+import PrimitiveInput from "../../primitives/PrimitiveInput.js";
+import { FieldLabels } from "../shared/field/FieldLabels.js";
+import { FieldFooter } from "../shared/field/FieldFooter.js";
+import { getFieldState, getFieldVisualState } from "../shared/field/fieldState.js";
+import { parseBorder, parseDimension } from "../../adapters/cssStringAdapter.js";
+import { buildCellLabel, clampOtpSlotLength, otpToCells, processCellChange } from "./otpInput.utils.js";
+
+/**
+ * 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.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const OTPInput = /*#__PURE__*/forwardRef(function OTPInput({
+  value,
+  onChange,
+  length,
+  label,
+  subLabel,
+  error = false,
+  errorMessage,
+  hintText,
+  autoFocus = false,
+  required = false,
+  disabled = false,
+  testID,
+  style
+}, ref) {
+  const tokens = useNativeTokens('OTP_INPUTV2');
+  const slots = clampOtpSlotLength(length);
+  const [currentValue, setCurrentValue] = useControllableState(value, '', onChange);
+  const [focusedIndex, setFocusedIndex] = useState(null);
+  const cellRefs = useRef([]);
+  const cells = otpToCells(currentValue, slots);
+  const fieldError = error ? {
+    show: true,
+    message: errorMessage
+  } : undefined;
+  const fieldState = getFieldState(fieldError, disabled);
+  const input = tokens.inputContainer.input;
+  const cellWidth = parseDimension(input.width) ?? 42;
+  const cellHeight = parseDimension(input.height) ?? 48;
+  const cellRadius = parseDimension(input.borderRadius) ?? 12;
+  const commitCells = (nextCells, focusIndex) => {
+    setCurrentValue(nextCells.join(''));
+    if (focusIndex !== null) {
+      cellRefs.current[focusIndex]?.focus();
+    }
+  };
+  const handleCellChange = (index, raw) => {
+    const change = 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 => getFieldVisualState(fieldError, disabled, focusedIndex === index);
+  return /*#__PURE__*/_jsxs(Block, {
+    ref: ref,
+    gap: tokens.gap,
+    style: style,
+    testID: testID,
+    accessibilityLabel: label ?? 'One-time code',
+    children: [/*#__PURE__*/_jsx(FieldLabels, {
+      label: label,
+      sublabel: subLabel,
+      required: required,
+      size: InputSizeV2.MD,
+      state: fieldState,
+      tokens: tokens.topContainer,
+      testID: testID ? `${testID}-labels` : undefined
+    }), /*#__PURE__*/_jsx(View, {
+      style: {
+        flexDirection: 'row',
+        gap: parseDimension(tokens.inputContainer.gap) ?? 8
+      },
+      children: cells.map((cell, index) => {
+        const state = cellState(index);
+        return /*#__PURE__*/_jsx(View, {
+          style: {
+            width: cellWidth,
+            height: cellHeight,
+            borderRadius: cellRadius,
+            backgroundColor: String(input.backgroundColor[state] ?? 'transparent'),
+            ...parseBorder(String(input.border[state] ?? 'none')),
+            alignItems: 'center',
+            justifyContent: 'center'
+          },
+          children: /*#__PURE__*/_jsx(PrimitiveInput, {
+            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: 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 && Platform.OS === 'ios' ? 'oneTimeCode' : undefined,
+            autoComplete: index === 0 && Platform.OS === 'android' ? 'sms-otp' : undefined,
+            testID: testID ? `${testID}-cell-${index}` : undefined,
+            style: {
+              flex: 0,
+              width: cellWidth,
+              height: cellHeight
+            }
+          })
+        }, index);
+      })
+    }), /*#__PURE__*/_jsx(FieldFooter, {
+      error: fieldError,
+      hintText: hintText,
+      size: InputSizeV2.MD,
+      tokens: tokens.bottomContainer,
+      testID: testID ? `${testID}-footer` : undefined
+    })]
+  });
+});
+OTPInput.displayName = 'OTPInput';
+export default OTPInput;
+//# sourceMappingURL=OTPInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useRef","useState","Platform","View","InputSizeV2","useNativeTokens","useControllableState","Block","PrimitiveInput","FieldLabels","FieldFooter","getFieldState","getFieldVisualState","parseBorder","parseDimension","buildCellLabel","clampOtpSlotLength","otpToCells","processCellChange","jsx","_jsx","jsxs","_jsxs","OTPInput","value","onChange","length","label","subLabel","error","errorMessage","hintText","autoFocus","required","disabled","testID","style","ref","tokens","slots","currentValue","setCurrentValue","focusedIndex","setFocusedIndex","cellRefs","cells","fieldError","show","message","undefined","fieldState","input","inputContainer","cellWidth","width","cellHeight","height","cellRadius","borderRadius","commitCells","nextCells","focusIndex","join","current","focus","handleCellChange","index","raw","change","handleKeyPress","event","nativeEvent","key","next","cellState","gap","accessibilityLabel","children","sublabel","size","MD","state","topContainer","flexDirection","map","cell","backgroundColor","String","border","alignItems","justifyContent","node","onChangeText","onKeyPress","keyboardType","editable","fontSize","fontWeight","color","textAlign","accessibilityState","onFocus","onBlur","textContentType","OS","autoComplete","flex","bottomContainer","displayName"],"sourceRoot":"../../../../src","sources":["components/OTPInput/OTPInput.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AAO7C,SAASC,WAAW,QAAQ,kCAAkC;AAE9D,SAASC,eAAe,QAAQ,gCAA6B;AAC7D,SAASC,oBAAoB,QAAQ,qCAAkC;AACvE,OAAOC,KAAK,MAAM,2BAAwB;AAC1C,OAAOC,cAAc,MAAM,oCAAiC;AAC5D,SAASC,WAAW,QAAQ,gCAA6B;AACzD,SAASC,WAAW,QAAQ,gCAA6B;AACzD,SAASC,aAAa,EAAEC,mBAAmB,QAAQ,+BAA4B;AAC/E,SAASC,WAAW,EAAEC,cAAc,QAAQ,oCAAiC;AAE7E,SACIC,cAAc,EACdC,kBAAkB,EAClBC,UAAU,EACVC,iBAAiB,QACd,qBAAkB;;AAEzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AARA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASA,MAAMC,QAAQ,gBAAGxB,UAAU,CAA8B,SAASwB,QAAQA,CACtE;EACIC,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,GAAGjC,eAAe,CAAuB,aAAa,CAAC;EACnE,MAAMkC,KAAK,GAAGvB,kBAAkB,CAACU,MAAM,CAAC;EACxC,MAAM,CAACc,YAAY,EAAEC,eAAe,CAAC,GAAGnC,oBAAoB,CACxDkB,KAAK,EACL,EAAE,EACFC,QACJ,CAAC;EACD,MAAM,CAACiB,YAAY,EAAEC,eAAe,CAAC,GAAG1C,QAAQ,CAAgB,IAAI,CAAC;EACrE,MAAM2C,QAAQ,GAAG5C,MAAM,CAA4B,EAAE,CAAC;EAEtD,MAAM6C,KAAK,GAAG5B,UAAU,CAACuB,YAAY,EAAED,KAAK,CAAC;EAC7C,MAAMO,UAAU,GAAGjB,KAAK,GAAG;IAAEkB,IAAI,EAAE,IAAI;IAAEC,OAAO,EAAElB;EAAa,CAAC,GAAGmB,SAAS;EAC5E,MAAMC,UAAU,GAAGvC,aAAa,CAACmC,UAAU,EAAEZ,QAAQ,CAAC;EAEtD,MAAMiB,KAAK,GAAGb,MAAM,CAACc,cAAc,CAACD,KAAK;EACzC,MAAME,SAAS,GAAGvC,cAAc,CAACqC,KAAK,CAACG,KAAwB,CAAC,IAAI,EAAE;EACtE,MAAMC,UAAU,GAAGzC,cAAc,CAACqC,KAAK,CAACK,MAAyB,CAAC,IAAI,EAAE;EACxE,MAAMC,UAAU,GACZ3C,cAAc,CAACqC,KAAK,CAACO,YAA+B,CAAC,IAAI,EAAE;EAE/D,MAAMC,WAAW,GAAGA,CAACC,SAAmB,EAAEC,UAAyB,KAAK;IACpEpB,eAAe,CAACmB,SAAS,CAACE,IAAI,CAAC,EAAE,CAAC,CAAC;IACnC,IAAID,UAAU,KAAK,IAAI,EAAE;MACrBjB,QAAQ,CAACmB,OAAO,CAACF,UAAU,CAAC,EAAEG,KAAK,CAAC,CAAC;IACzC;EACJ,CAAC;EAED,MAAMC,gBAAgB,GAAGA,CAACC,KAAa,EAAEC,GAAW,KAAK;IACrD,MAAMC,MAAM,GAAGlD,iBAAiB,CAAC2B,KAAK,EAAEqB,KAAK,EAAEC,GAAG,CAAC;IACnDR,WAAW,CAACS,MAAM,CAACvB,KAAK,EAAEuB,MAAM,CAACP,UAAU,CAAC;EAChD,CAAC;EAED,MAAMQ,cAAc,GAAGA,CACnBH,KAAa,EACbI,KAAuD,KACtD;IACD,IACIA,KAAK,CAACC,WAAW,CAACC,GAAG,KAAK,WAAW,IACrC3B,KAAK,CAACqB,KAAK,CAAC,KAAK,EAAE,IACnBA,KAAK,GAAG,CAAC,EACX;MACE,MAAMO,IAAI,GAAG,CAAC,GAAG5B,KAAK,CAAC;MACvB4B,IAAI,CAACP,KAAK,GAAG,CAAC,CAAC,GAAG,EAAE;MACpBP,WAAW,CAACc,IAAI,EAAEP,KAAK,GAAG,CAAC,CAAC;IAChC;EACJ,CAAC;EAED,MAAMQ,SAAS,GAAIR,KAAa,IAC5BtD,mBAAmB,CAACkC,UAAU,EAAEZ,QAAQ,EAAEQ,YAAY,KAAKwB,KAAK,CAAC;EAErE,oBACI5C,KAAA,CAACf,KAAK;IACF8B,GAAG,EAAEA,GAAI;IACTsC,GAAG,EAAErC,MAAM,CAACqC,GAAuB;IACnCvC,KAAK,EAAEA,KAAM;IACbD,MAAM,EAAEA,MAAO;IACfyC,kBAAkB,EAAEjD,KAAK,IAAI,eAAgB;IAAAkD,QAAA,gBAE7CzD,IAAA,CAACX,WAAW;MACRkB,KAAK,EAAEA,KAAM;MACbmD,QAAQ,EAAElD,QAAS;MACnBK,QAAQ,EAAEA,QAAS;MACnB8C,IAAI,EAAE3E,WAAW,CAAC4E,EAAG;MACrBC,KAAK,EAAE/B,UAAW;MAClBZ,MAAM,EAAEA,MAAM,CAAC4C,YAAa;MAC5B/C,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,SAAS,GAAGc;IAAU,CACnD,CAAC,eACF7B,IAAA,CAACjB,IAAI;MACDiC,KAAK,EAAE;QACH+C,aAAa,EAAE,KAAK;QACpBR,GAAG,EACC7D,cAAc,CACVwB,MAAM,CAACc,cAAc,CAACuB,GAC1B,CAAC,IAAI;MACb,CAAE;MAAAE,QAAA,EAEDhC,KAAK,CAACuC,GAAG,CAAC,CAACC,IAAI,EAAEnB,KAAK,KAAK;QACxB,MAAMe,KAAK,GAAGP,SAAS,CAACR,KAAK,CAAC;QAC9B,oBACI9C,IAAA,CAACjB,IAAI;UAEDiC,KAAK,EAAE;YACHkB,KAAK,EAAED,SAAS;YAChBG,MAAM,EAAED,UAAU;YAClBG,YAAY,EAAED,UAAU;YACxB6B,eAAe,EAAEC,MAAM,CACnBpC,KAAK,CAACmC,eAAe,CAACL,KAAK,CAAC,IACxB,aACR,CAAC;YACD,GAAGpE,WAAW,CACV0E,MAAM,CAACpC,KAAK,CAACqC,MAAM,CAACP,KAAK,CAAC,IAAI,MAAM,CACxC,CAAC;YACDQ,UAAU,EAAE,QAAQ;YACpBC,cAAc,EAAE;UACpB,CAAE;UAAAb,QAAA,eAEFzD,IAAA,CAACZ,cAAc;YACX6B,GAAG,EAAGsD,IAAI,IAAK;cACX/C,QAAQ,CAACmB,OAAO,CAACG,KAAK,CAAC,GAAGyB,IAAI;YAClC,CAAE;YACFnE,KAAK,EAAE6D,IAAK;YACZO,YAAY,EAAGzB,GAAG,IACdF,gBAAgB,CAACC,KAAK,EAAEC,GAAG,CAC9B;YACD0B,UAAU,EAAGvB,KAAK,IACdD,cAAc,CAACH,KAAK,EAAEI,KAAK,CAC9B;YACDwB,YAAY,EAAC,YAAY;YACzB9D,SAAS,EAAEA,SAAS,IAAIkC,KAAK,KAAK,CAAE;YACpC6B,QAAQ,EAAE,CAAC7D,QAAS;YACpB8D,QAAQ,EAAE7C,KAAK,CAAC6C,QAA4B;YAC5CC,UAAU,EAAE9C,KAAK,CAAC8C,UAA8B;YAChDC,KAAK,EAAEX,MAAM,CACTpC,KAAK,CAAC+C,KAAK,GAAGjB,KAAK,CAAC,IAAI,SAC5B,CAAE;YACFkB,SAAS,EAAC,QAAQ;YAClBvB,kBAAkB,EAAE7D,cAAc,CAC9BY,KAAK,EACLuC,KAAK,EACL3B,KACJ,CAAE;YACF6D,kBAAkB,EAAE;cAAElE;YAAS,CAAE;YACjCmE,OAAO,EAAEA,CAAA,KAAM1D,eAAe,CAACuB,KAAK,CAAE;YACtCoC,MAAM,EAAEA,CAAA,KACJ3D,eAAe,CAAEoB,OAAO,IACpBA,OAAO,KAAKG,KAAK,GAAG,IAAI,GAAGH,OAC/B;YAEJ;YACA;YAAA;YACAwC,eAAe,EACXrC,KAAK,KAAK,CAAC,IAAIhE,QAAQ,CAACsG,EAAE,KAAK,KAAK,GAC9B,aAAa,GACbvD,SACT;YACDwD,YAAY,EACRvC,KAAK,KAAK,CAAC,IAAIhE,QAAQ,CAACsG,EAAE,KAAK,SAAS,GAClC,SAAS,GACTvD,SACT;YACDd,MAAM,EACFA,MAAM,GACA,GAAGA,MAAM,SAAS+B,KAAK,EAAE,GACzBjB,SACT;YACDb,KAAK,EAAE;cACHsE,IAAI,EAAE,CAAC;cACPpD,KAAK,EAAED,SAAS;cAChBG,MAAM,EAAED;YACZ;UAAE,CACL;QAAC,GAtEGW,KAuEH,CAAC;MAEf,CAAC;IAAC,CACA,CAAC,eACP9C,IAAA,CAACV,WAAW;MACRmB,KAAK,EAAEiB,UAAW;MAClBf,QAAQ,EAAEA,QAAS;MACnBgD,IAAI,EAAE3E,WAAW,CAAC4E,EAAG;MACrB1C,MAAM,EAAEA,MAAM,CAACqE,eAAgB;MAC/BxE,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,SAAS,GAAGc;IAAU,CACnD,CAAC;EAAA,CACC,CAAC;AAEhB,CAAC,CAAC;AAEF1B,QAAQ,CAACqF,WAAW,GAAG,UAAU;AAEjC,eAAerF,QAAQ","ignoreList":[]}

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

@@ -0,0 +1,5 @@
+"use strict";
+
+export { default as OTPInput } from "./OTPInput.js";
+export { clampOtpSlotLength, otpToCells, processCellChange, buildCellLabel } from "./otpInput.utils.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["default","OTPInput","clampOtpSlotLength","otpToCells","processCellChange","buildCellLabel"],"sourceRoot":"../../../../src","sources":["components/OTPInput/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,QAAQ,QAAQ,eAAY;AAEhD,SACIC,kBAAkB,EAClBC,UAAU,EACVC,iBAAiB,EACjBC,cAAc,QACX,qBAAkB","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=otpInput.types.js.map

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

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

package/lib/module/components/OTPInput/otpInput.utils.js

@@ -0,0 +1,54 @@
+"use strict";
+
+/**
+ * Pure ports of web's `otpInputV2Utils.ts`. On RN there is no separate
+ * paste event — a paste or SMS autofill arrives as a multi-character
+ * change on one cell, which `mergeDigitRunIntoOtp` already handles.
+ */
+
+/** Web's `clampOtpSlotLength` — 1..32 slots. */
+export function clampOtpSlotLength(length) {
+  if (!Number.isFinite(length ?? NaN)) return 6;
+  return Math.min(32, Math.max(1, Math.trunc(length)));
+}
+
+/** Value → per-cell digits, padded to the slot count. */
+export function otpToCells(value, slots) {
+  const digits = value.replace(/\D/g, '').slice(0, slots).split('');
+  return Array.from({
+    length: slots
+  }, (_, i) => digits[i] ?? '');
+}
+/**
+ * Web's `processOtpCellValueChange`/`mergeDigitRunIntoOtp`: a change on one
+ * cell may carry several characters (paste, SMS autofill, IME) — the digit
+ * run spreads across the following cells; an emptied cell clears itself.
+ */
+export function processCellChange(cells, index, raw) {
+  const digits = raw.replace(/\D/g, '');
+  const next = [...cells];
+  if (digits.length === 0) {
+    next[index] = '';
+    return {
+      cells: next,
+      focusIndex: null
+    };
+  }
+  let cursor = index;
+  for (const digit of digits) {
+    if (cursor >= next.length) break;
+    next[cursor] = digit;
+    cursor += 1;
+  }
+  return {
+    cells: next,
+    focusIndex: Math.min(cursor, next.length - 1)
+  };
+}
+
+/** Web's `buildOtpCellAriaLabel`. */
+export function buildCellLabel(label, index, total) {
+  const base = label?.trim() || 'One-time code';
+  return `${base}, digit ${index + 1} of ${total}`;
+}
+//# sourceMappingURL=otpInput.utils.js.map

package/lib/module/components/OTPInput/otpInput.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["clampOtpSlotLength","length","Number","isFinite","NaN","Math","min","max","trunc","otpToCells","value","slots","digits","replace","slice","split","Array","from","_","i","processCellChange","cells","index","raw","next","focusIndex","cursor","digit","buildCellLabel","label","total","base","trim"],"sourceRoot":"../../../../src","sources":["components/OTPInput/otpInput.utils.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA;AACA,OAAO,SAASA,kBAAkBA,CAACC,MAA0B,EAAU;EACnE,IAAI,CAACC,MAAM,CAACC,QAAQ,CAACF,MAAM,IAAIG,GAAG,CAAC,EAAE,OAAO,CAAC;EAC7C,OAAOC,IAAI,CAACC,GAAG,CAAC,EAAE,EAAED,IAAI,CAACE,GAAG,CAAC,CAAC,EAAEF,IAAI,CAACG,KAAK,CAACP,MAAgB,CAAC,CAAC,CAAC;AAClE;;AAEA;AACA,OAAO,SAASQ,UAAUA,CAACC,KAAa,EAAEC,KAAa,EAAY;EAC/D,MAAMC,MAAM,GAAGF,KAAK,CAACG,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAACC,KAAK,CAAC,CAAC,EAAEH,KAAK,CAAC,CAACI,KAAK,CAAC,EAAE,CAAC;EACjE,OAAOC,KAAK,CAACC,IAAI,CAAC;IAAEhB,MAAM,EAAEU;EAAM,CAAC,EAAE,CAACO,CAAC,EAAEC,CAAC,KAAKP,MAAM,CAACO,CAAC,CAAC,IAAI,EAAE,CAAC;AACnE;AAQA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAC7BC,KAAwB,EACxBC,KAAa,EACbC,GAAW,EACE;EACb,MAAMX,MAAM,GAAGW,GAAG,CAACV,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;EACrC,MAAMW,IAAI,GAAG,CAAC,GAAGH,KAAK,CAAC;EAEvB,IAAIT,MAAM,CAACX,MAAM,KAAK,CAAC,EAAE;IACrBuB,IAAI,CAACF,KAAK,CAAC,GAAG,EAAE;IAChB,OAAO;MAAED,KAAK,EAAEG,IAAI;MAAEC,UAAU,EAAE;IAAK,CAAC;EAC5C;EAEA,IAAIC,MAAM,GAAGJ,KAAK;EAClB,KAAK,MAAMK,KAAK,IAAIf,MAAM,EAAE;IACxB,IAAIc,MAAM,IAAIF,IAAI,CAACvB,MAAM,EAAE;IAC3BuB,IAAI,CAACE,MAAM,CAAC,GAAGC,KAAK;IACpBD,MAAM,IAAI,CAAC;EACf;EACA,OAAO;IACHL,KAAK,EAAEG,IAAI;IACXC,UAAU,EAAEpB,IAAI,CAACC,GAAG,CAACoB,MAAM,EAAEF,IAAI,CAACvB,MAAM,GAAG,CAAC;EAChD,CAAC;AACL;;AAEA;AACA,OAAO,SAAS2B,cAAcA,CAC1BC,KAAyB,EACzBP,KAAa,EACbQ,KAAa,EACP;EACN,MAAMC,IAAI,GAAGF,KAAK,EAAEG,IAAI,CAAC,CAAC,IAAI,eAAe;EAC7C,OAAO,GAAGD,IAAI,WAAWT,KAAK,GAAG,CAAC,OAAOQ,KAAK,EAAE;AACpD","ignoreList":[]}