@xsolla/xui-input-pin 0.89.0 → 0.91.0

package/native/index.js

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,14 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.tsx
@@ -35,7 +25,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/InputPin.tsx
-var import_react4 = require("react");
+var import_react2 = require("react");
 
 // ../primitives-native/src/Box.tsx
 var import_react_native = require("react-native");
@@ -238,50 +228,10 @@ var Text = ({
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style, testID: id, accessibilityRole, children });
 };
 
-// ../primitives-native/src/Spinner.tsx
+// ../primitives-native/src/Input.tsx
+var import_react = require("react");
 var import_react_native3 = require("react-native");
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var Spinner = ({
-  color,
-  size,
-  role,
-  "aria-label": ariaLabel,
-  "aria-live": ariaLive,
-  testID
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    import_react_native3.View,
-    {
-      accessible: true,
-      accessibilityRole: role === "status" ? "none" : void 0,
-      accessibilityLabel: ariaLabel,
-      accessibilityLiveRegion: ariaLive === "polite" ? "polite" : ariaLive === "assertive" ? "assertive" : "none",
-      testID,
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        import_react_native3.ActivityIndicator,
-        {
-          color,
-          size: typeof size === "number" ? size : "small"
-        }
-      )
-    }
-  );
-};
-Spinner.displayName = "Spinner";
-
-// ../primitives-native/src/Icon.tsx
-var import_react = __toESM(require("react"));
-var import_react_native4 = require("react-native");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-
-// ../primitives-native/src/Divider.tsx
-var import_react_native5 = require("react-native");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-
-// ../primitives-native/src/Input.tsx
-var import_react2 = require("react");
-var import_react_native6 = require("react-native");
-var import_jsx_runtime6 = require("react/jsx-runtime");
 var keyboardTypeMap = {
   text: "default",
   number: "numeric",
@@ -310,7 +260,7 @@ var autoCompleteToTextContentType = {
   "postal-code": "postalCode",
   name: "name"
 };
-var InputPrimitive = (0, import_react2.forwardRef)(
+var InputPrimitive = (0, import_react.forwardRef)(
   ({
     value,
     placeholder,
@@ -354,8 +304,8 @@ var InputPrimitive = (0, import_react2.forwardRef)(
     };
     const keyboardType = inputMode ? inputModeToKeyboardType[inputMode] || "default" : type ? keyboardTypeMap[type] || "default" : "default";
     const textContentType = autoComplete ? autoCompleteToTextContentType[autoComplete] : void 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      import_react_native6.TextInput,
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_react_native3.TextInput,
       {
         ref,
         value,
@@ -401,99 +351,9 @@ var InputPrimitive = (0, import_react2.forwardRef)(
 );
 InputPrimitive.displayName = "InputPrimitive";
 
-// ../primitives-native/src/TextArea.tsx
-var import_react3 = require("react");
-var import_react_native7 = require("react-native");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var TextAreaPrimitive = (0, import_react3.forwardRef)(
-  ({
-    value,
-    placeholder,
-    onChange,
-    onChangeText,
-    onFocus,
-    onBlur,
-    onKeyDown,
-    disabled,
-    style,
-    color,
-    fontSize,
-    placeholderTextColor,
-    maxLength,
-    rows,
-    id,
-    "aria-describedby": ariaDescribedBy,
-    "aria-label": ariaLabel,
-    "aria-disabled": ariaDisabled,
-    "data-testid": dataTestId
-  }, ref) => {
-    const handleChangeText = (text) => {
-      onChangeText?.(text);
-      if (onChange) {
-        const syntheticEvent = {
-          target: { value: text },
-          currentTarget: { value: text },
-          type: "change",
-          nativeEvent: { text },
-          preventDefault: () => {
-          },
-          stopPropagation: () => {
-          },
-          isTrusted: false
-        };
-        onChange(syntheticEvent);
-      }
-    };
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      import_react_native7.TextInput,
-      {
-        ref,
-        value,
-        placeholder,
-        onChangeText: handleChangeText,
-        onFocus,
-        onBlur,
-        onKeyPress: (e) => {
-          if (onKeyDown) {
-            onKeyDown({
-              key: e.nativeEvent.key,
-              preventDefault: () => {
-              }
-            });
-          }
-        },
-        editable: !disabled,
-        multiline: true,
-        numberOfLines: rows || 4,
-        style: [
-          {
-            color,
-            fontSize: typeof fontSize === "number" ? fontSize : void 0,
-            flex: 1,
-            padding: 0,
-            textAlignVertical: "top",
-            textAlign: style?.textAlign || "left"
-          },
-          style
-        ],
-        placeholderTextColor,
-        maxLength,
-        testID: dataTestId || id,
-        accessibilityLabel: ariaLabel,
-        accessibilityHint: ariaDescribedBy,
-        accessibilityState: {
-          disabled: disabled || ariaDisabled
-        },
-        accessible: true
-      }
-    );
-  }
-);
-TextAreaPrimitive.displayName = "TextAreaPrimitive";
-
 // src/InputPin.tsx
 var import_xui_core = require("@xsolla/xui-core");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var InputPin = ({
   value = "",
   onChange,
@@ -518,8 +378,8 @@ var InputPin = ({
 }) => {
   const { theme } = (0, import_xui_core.useDesignSystem)();
   const uniqueId = (0, import_xui_core.useId)();
-  const [focusedIndex, setFocusedIndex] = (0, import_react4.useState)(null);
-  const [internalValue, setInternalValue] = (0, import_react4.useState)(value);
+  const [focusedIndex, setFocusedIndex] = (0, import_react2.useState)(null);
+  const [internalValue, setInternalValue] = (0, import_react2.useState)(value);
   const actualLength = codeLength ?? length;
   const errorText = errorMessage ?? errorLabel;
   const isError = errorProp ?? (!!errorText || externalState === "error");
@@ -527,16 +387,16 @@ var InputPin = ({
   const isHover = externalState === "hover";
   const sizeStyles = theme.sizing.inputPin(size);
   const inputColors = theme.colors.control.input;
-  const inputs = (0, import_react4.useRef)([]);
-  (0, import_react4.useEffect)(() => {
+  const inputs = (0, import_react2.useRef)([]);
+  (0, import_react2.useEffect)(() => {
     setInternalValue(value);
   }, [value]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     if (currentFocus !== void 0 && currentFocus >= 0 && currentFocus < actualLength) {
       inputs.current[currentFocus]?.focus();
     }
   }, [currentFocus, actualLength]);
-  const checkIsComplete = (0, import_react4.useCallback)(
+  const checkIsComplete = (0, import_react2.useCallback)(
     (val) => val.length >= actualLength,
     [actualLength]
   );
@@ -633,7 +493,7 @@ var InputPin = ({
       borderColor = inputColors.border;
     }
     const textColor = isDisabled ? inputColors.textDisable : inputColors.text;
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       Box,
       {
         width: flexibleWidth ? void 0 : sizeStyles.size,
@@ -649,7 +509,7 @@ var InputPin = ({
           backgroundColor: inputColors.bgHover,
           borderColor: inputColors.borderHover
         } : void 0,
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           InputPrimitive,
           {
             ref: addRef ? handleRef(index) : (el) => inputs.current[index] = el,
@@ -678,7 +538,7 @@ var InputPin = ({
       index
     );
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     Box,
     {
       flexDirection: "column",
@@ -688,7 +548,7 @@ var InputPin = ({
       "aria-labelledby": label ? labelId : void 0,
       "aria-label": !label && ariaLabel ? ariaLabel : void 0,
       children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        label && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           Text,
           {
             id: labelId,
@@ -698,7 +558,7 @@ var InputPin = ({
             children: label
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           Box,
           {
             flexDirection: "row",
@@ -708,7 +568,7 @@ var InputPin = ({
             children: pinItems
           }
         ),
-        isError && errorText && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        isError && errorText && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           Text,
           {
             id: errorId,

package/native/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.tsx","../../src/InputPin.tsx","../../../primitives-native/src/Box.tsx","../../../primitives-native/src/Text.tsx","../../../primitives-native/src/Spinner.tsx","../../../primitives-native/src/Icon.tsx","../../../primitives-native/src/Divider.tsx","../../../primitives-native/src/Input.tsx","../../../primitives-native/src/TextArea.tsx"],"sourcesContent":["export * from \"./InputPin\";\n","import React, { useState, useRef, useEffect, useCallback } from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Box, Text, InputPrimitive } from \"@xsolla/xui-primitives\";\nimport { useDesignSystem, useId } from \"@xsolla/xui-core\";\n\nexport interface OnInputPinCompleteProps {\n  isComplete: boolean;\n  value: string;\n}\n\nexport interface InputPinProps {\n  /** Current value of the input pin */\n  value?: string;\n  /** Function that will be called when the input value changes */\n  onChange?: (props: OnInputPinCompleteProps) => void;\n  /** Function that will be called when the input is completed */\n  onComplete?: (props: OnInputPinCompleteProps) => void;\n  /** The length of the code to be input. Default is 4 */\n  codeLength?: number;\n  /** @deprecated Use codeLength instead */\n  length?: number;\n  /** Property for changing the size of the input */\n  size?: \"xl\" | \"lg\" | \"md\" | \"sm\" | \"xs\";\n  /** @deprecated Use disabled and error props instead */\n  state?: \"default\" | \"hover\" | \"disable\" | \"error\";\n  /** Property for disabling the control */\n  disabled?: boolean;\n  /** Property for displaying an error state */\n  error?: boolean;\n  /** Property for displaying a label above the input */\n  label?: string;\n  /** Property for displaying an error message */\n  errorMessage?: string;\n  /** @deprecated Use errorMessage instead */\n  errorLabel?: string;\n  /** Whether to hide the text (like a password field) */\n  secureTextEntry?: boolean;\n  /** Show dot placeholders in empty inputs */\n  showPlaceholderDots?: boolean;\n  /** Expands input cells to fill the width of the container */\n  flexibleWidth?: boolean;\n  /** Boolean value indicating if the input is filled or not */\n  isComplete?: boolean;\n  /** The current focused input index */\n  currentFocus?: number;\n  /** Function to add a ref to an input element */\n  addRef?: (index: number) => (element: HTMLInputElement | null) => void;\n  /** Test identifier for the component */\n  testID?: string;\n  /** Accessible label for screen readers (use when no visible label) */\n  \"aria-label\"?: string;\n}\n\nexport const InputPin: React.FC<InputPinProps> = ({\n  value = \"\",\n  onChange,\n  onComplete,\n  codeLength,\n  length = 4,\n  size = \"md\",\n  state: externalState,\n  disabled: disabledProp,\n  error: errorProp,\n  label,\n  errorMessage,\n  errorLabel,\n  secureTextEntry = false,\n  showPlaceholderDots = true,\n  flexibleWidth = false,\n  isComplete: isCompleteProp,\n  currentFocus,\n  addRef,\n  testID,\n  \"aria-label\": ariaLabel,\n}) => {\n  const { theme } = useDesignSystem();\n  const uniqueId = useId();\n  const [focusedIndex, setFocusedIndex] = useState<number | null>(null);\n  const [internalValue, setInternalValue] = useState(value);\n\n  // Support both codeLength (new) and length (deprecated)\n  const actualLength = codeLength ?? length;\n\n  // Support both errorMessage (new) and errorLabel (deprecated)\n  const errorText = errorMessage ?? errorLabel;\n\n  // Support both new props and deprecated state prop\n  // Error state is true if error prop is set, or errorMessage is provided, or state is \"error\"\n  const isError = errorProp ?? (!!errorText || externalState === \"error\");\n  const isDisabled = disabledProp ?? externalState === \"disable\";\n  const isHover = externalState === \"hover\";\n  const sizeStyles = theme.sizing.inputPin(size);\n  const inputColors = theme.colors.control.input;\n\n  const inputs = useRef<(HTMLInputElement | null)[]>([]);\n\n  // Sync internal value with external value\n  useEffect(() => {\n    setInternalValue(value);\n  }, [value]);\n\n  // Handle currentFocus prop\n  useEffect(() => {\n    if (\n      currentFocus !== undefined &&\n      currentFocus >= 0 &&\n      currentFocus < actualLength\n    ) {\n      inputs.current[currentFocus]?.focus();\n    }\n  }, [currentFocus, actualLength]);\n\n  // Calculate isComplete status\n  const checkIsComplete = useCallback(\n    (val: string) => val.length >= actualLength,\n    [actualLength]\n  );\n\n  // IDs for accessibility\n  const labelId = `${uniqueId}-label`;\n  const errorId = `${uniqueId}-error`;\n\n  const handleTextChange = (text: string, index: number) => {\n    // Filter to only alphanumeric characters\n    const sanitizedText = text.replace(/[^0-9a-zA-Z]/g, \"\");\n\n    // Handle multi-character input (paste on React Native)\n    if (sanitizedText.length > 1) {\n      const pastedData = sanitizedText.slice(0, actualLength - index);\n      const newValue = internalValue.split(\"\");\n\n      // Ensure the array has the correct length\n      while (newValue.length < actualLength) {\n        newValue.push(\"\");\n      }\n\n      // Fill in characters starting from current index\n      for (let i = 0; i < pastedData.length && index + i < actualLength; i++) {\n        newValue[index + i] = pastedData[i];\n      }\n\n      const updatedValue = newValue.slice(0, actualLength).join(\"\");\n      setInternalValue(updatedValue);\n\n      const complete = checkIsComplete(updatedValue);\n      const changeProps = { isComplete: complete, value: updatedValue };\n\n      onChange?.(changeProps);\n\n      if (complete) {\n        onComplete?.(changeProps);\n      }\n\n      // Focus the next empty input or the last input\n      const nextIndex = Math.min(index + pastedData.length, actualLength - 1);\n      inputs.current[nextIndex]?.focus();\n      return;\n    }\n\n    // Handle single character input\n    const char = sanitizedText.slice(-1);\n    const newValue = internalValue.split(\"\");\n\n    // Ensure the array has the correct length\n    while (newValue.length < actualLength) {\n      newValue.push(\"\");\n    }\n\n    newValue[index] = char;\n    const updatedValue = newValue.slice(0, actualLength).join(\"\");\n    setInternalValue(updatedValue);\n\n    const complete = checkIsComplete(updatedValue);\n    const changeProps = { isComplete: complete, value: updatedValue };\n\n    onChange?.(changeProps);\n\n    if (complete) {\n      onComplete?.(changeProps);\n    }\n\n    if (char && index < actualLength - 1) {\n      inputs.current[index + 1]?.focus();\n    }\n  };\n\n  const handleKeyDown = (\n    e: React.KeyboardEvent<HTMLInputElement>,\n    index: number\n  ) => {\n    if (e.key === \"Backspace\") {\n      if (!internalValue[index] && index > 0) {\n        inputs.current[index - 1]?.focus();\n      }\n    } else if (e.key === \"ArrowLeft\" && index > 0) {\n      inputs.current[index - 1]?.focus();\n    } else if (e.key === \"ArrowRight\" && index < actualLength - 1) {\n      inputs.current[index + 1]?.focus();\n    }\n  };\n\n  const handlePaste = (e: React.ClipboardEvent) => {\n    e.preventDefault();\n    const pastedData = e.clipboardData\n      .getData(\"text\")\n      .replace(/[^0-9a-zA-Z]/g, \"\")\n      .slice(0, actualLength);\n    setInternalValue(pastedData);\n\n    const complete = checkIsComplete(pastedData);\n    const changeProps = { isComplete: complete, value: pastedData };\n\n    onChange?.(changeProps);\n\n    if (complete) {\n      onComplete?.(changeProps);\n    }\n\n    // Focus the last filled input or the first empty one\n    const nextIndex = Math.min(pastedData.length, actualLength - 1);\n    inputs.current[nextIndex]?.focus();\n  };\n\n  // Handler for storing refs that can be provided to addRef prop\n  const handleRef = (index: number) => (element: HTMLInputElement | null) => {\n    inputs.current[index] = element;\n    addRef?.(index)(element);\n  };\n\n  const pinItems = Array.from({ length: actualLength }).map((_, index) => {\n    const char = internalValue[index] || \"\";\n    const isFocused = focusedIndex === index;\n\n    let backgroundColor = inputColors.bg;\n    let borderColor = inputColors.border;\n\n    if (isDisabled) {\n      backgroundColor = inputColors.bgDisable;\n      borderColor = inputColors.borderDisable;\n    } else if (isError) {\n      borderColor = theme.colors.border.alert;\n      backgroundColor = isFocused\n        ? theme.colors.control.focus.bg\n        : inputColors.bg;\n    } else if (isFocused) {\n      backgroundColor = theme.colors.control.focus.bg;\n      borderColor = theme.colors.content.brand.secondary;\n    } else if (isHover) {\n      backgroundColor = inputColors.bgHover;\n      borderColor = inputColors.borderHover;\n    } else {\n      backgroundColor = inputColors.bg;\n      borderColor = inputColors.border;\n    }\n\n    const textColor = isDisabled ? inputColors.textDisable : inputColors.text;\n\n    return (\n      <Box\n        key={index}\n        width={flexibleWidth ? undefined : sizeStyles.size}\n        height={sizeStyles.size}\n        flex={flexibleWidth ? 1 : undefined}\n        backgroundColor={backgroundColor}\n        borderColor={borderColor}\n        borderWidth={sizeStyles.borderWidth}\n        borderRadius={sizeStyles.radius}\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        hoverStyle={\n          !isDisabled && !isFocused && !isError\n            ? {\n                backgroundColor: inputColors.bgHover,\n                borderColor: inputColors.borderHover,\n              }\n            : undefined\n        }\n      >\n        <InputPrimitive\n          ref={\n            addRef\n              ? handleRef(index)\n              : (el: any) => (inputs.current[index] = el)\n          }\n          value={char}\n          placeholder={showPlaceholderDots && !isFocused ? \"•\" : undefined}\n          onChangeText={(text: string) => handleTextChange(text, index)}\n          onFocus={() => setFocusedIndex(index)}\n          onBlur={() => setFocusedIndex(null)}\n          onKeyDown={(e: any) => handleKeyDown(e, index)}\n          disabled={isDisabled}\n          secureTextEntry={secureTextEntry}\n          color={textColor}\n          placeholderTextColor={inputColors.placeholder}\n          fontSize={sizeStyles.fontSize}\n          style={{ textAlign: \"center\" }}\n          maxLength={1}\n          inputMode=\"numeric\"\n          autoComplete=\"one-time-code\"\n          aria-label={\n            ariaLabel\n              ? `${ariaLabel} digit ${index + 1}`\n              : `PIN digit ${index + 1}`\n          }\n          aria-invalid={isError}\n          aria-describedby={isError && errorText ? errorId : undefined}\n          data-testid={\n            testID ? `${testID}-input-${index}` : `input-pin-input-${index}`\n          }\n        />\n      </Box>\n    );\n  });\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      gap={8}\n      data-testid={testID || \"input-pin\"}\n      role=\"group\"\n      aria-labelledby={label ? labelId : undefined}\n      aria-label={!label && ariaLabel ? ariaLabel : undefined}\n    >\n      {label && (\n        <Text\n          id={labelId}\n          color={theme.colors.content.secondary}\n          fontSize={sizeStyles.fontSize - 2}\n          fontWeight=\"500\"\n        >\n          {label}\n        </Text>\n      )}\n      <Box\n        flexDirection=\"row\"\n        gap={sizeStyles.gap}\n        onPaste={handlePaste}\n        width={flexibleWidth ? \"100%\" : undefined}\n      >\n        {pinItems}\n      </Box>\n      {isError && errorText && (\n        <Text\n          id={errorId}\n          role=\"alert\"\n          color={theme.colors.content.alert.primary}\n          fontSize={sizeStyles.fontSize - 2}\n        >\n          {errorText}\n        </Text>\n      )}\n    </Box>\n  );\n};\n","import React from \"react\";\nimport {\n  View,\n  Pressable,\n  Image,\n  ViewStyle,\n  ImageStyle,\n  DimensionValue,\n  AnimatableNumericValue,\n} from \"react-native\";\nimport { BoxProps } from \"@xsolla/xui-primitives-core\";\n\nexport const Box: React.FC<BoxProps> = ({\n  children,\n  onPress,\n  onLayout,\n  onMoveShouldSetResponder,\n  onResponderGrant,\n  onResponderMove,\n  onResponderRelease,\n  onResponderTerminate,\n  backgroundColor,\n  borderColor,\n  borderWidth,\n  borderBottomWidth,\n  borderBottomColor,\n  borderTopWidth,\n  borderTopColor,\n  borderLeftWidth,\n  borderLeftColor,\n  borderRightWidth,\n  borderRightColor,\n  borderRadius,\n  borderStyle,\n  height,\n  padding,\n  paddingHorizontal,\n  paddingVertical,\n  margin,\n  marginTop,\n  marginBottom,\n  marginLeft,\n  marginRight,\n  flexDirection,\n  alignItems,\n  justifyContent,\n  position,\n  top,\n  bottom,\n  left,\n  right,\n  width,\n  flex,\n  overflow,\n  zIndex,\n  hoverStyle,\n  pressStyle,\n  style,\n  \"data-testid\": dataTestId,\n  testID,\n  as,\n  src,\n  alt,\n  ...rest\n}) => {\n  const getContainerStyle = (pressed?: boolean): ViewStyle => ({\n    backgroundColor:\n      pressed && pressStyle?.backgroundColor\n        ? pressStyle.backgroundColor\n        : backgroundColor,\n    borderColor,\n    borderWidth,\n    borderBottomWidth,\n    borderBottomColor,\n    borderTopWidth,\n    borderTopColor,\n    borderLeftWidth,\n    borderLeftColor,\n    borderRightWidth,\n    borderRightColor,\n    borderRadius: borderRadius as AnimatableNumericValue,\n    borderStyle: borderStyle as ViewStyle[\"borderStyle\"],\n    overflow,\n    zIndex,\n    height: height as DimensionValue,\n    width: width as DimensionValue,\n    padding: padding as DimensionValue,\n    paddingHorizontal: paddingHorizontal as DimensionValue,\n    paddingVertical: paddingVertical as DimensionValue,\n    margin: margin as DimensionValue,\n    marginTop: marginTop as DimensionValue,\n    marginBottom: marginBottom as DimensionValue,\n    marginLeft: marginLeft as DimensionValue,\n    marginRight: marginRight as DimensionValue,\n    flexDirection,\n    alignItems,\n    justifyContent,\n    position: position as ViewStyle[\"position\"],\n    top: top as DimensionValue,\n    bottom: bottom as DimensionValue,\n    left: left as DimensionValue,\n    right: right as DimensionValue,\n    flex,\n    ...(style as ViewStyle),\n  });\n\n  const finalTestID = dataTestId || testID;\n\n  // Destructure and drop web-only props from rest before passing to RN components\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const {\n    role,\n    tabIndex,\n    onKeyDown,\n    onKeyUp,\n    \"aria-label\": _ariaLabel,\n    \"aria-labelledby\": _ariaLabelledBy,\n    \"aria-current\": _ariaCurrent,\n    \"aria-disabled\": _ariaDisabled,\n    \"aria-live\": _ariaLive,\n    className,\n    \"data-testid\": _dataTestId,\n    ...nativeRest\n  } = rest as Record<string, unknown>;\n\n  // Handle as=\"img\" for React Native\n  if (as === \"img\" && src) {\n    const imageStyle: ImageStyle = {\n      width: width as DimensionValue,\n      height: height as DimensionValue,\n      borderRadius: borderRadius as number,\n      position: position as ImageStyle[\"position\"],\n      top: top as DimensionValue,\n      bottom: bottom as DimensionValue,\n      left: left as DimensionValue,\n      right: right as DimensionValue,\n      ...(style as ImageStyle),\n    };\n\n    return (\n      <Image\n        source={{ uri: src }}\n        style={imageStyle}\n        testID={finalTestID}\n        resizeMode=\"cover\"\n        {...nativeRest}\n      />\n    );\n  }\n\n  if (onPress) {\n    return (\n      <Pressable\n        onPress={onPress}\n        onLayout={onLayout}\n        onMoveShouldSetResponder={onMoveShouldSetResponder}\n        onResponderGrant={onResponderGrant}\n        onResponderMove={onResponderMove}\n        onResponderRelease={onResponderRelease}\n        onResponderTerminate={onResponderTerminate}\n        style={({ pressed }) => getContainerStyle(pressed)}\n        testID={finalTestID}\n        {...nativeRest}\n      >\n        {children}\n      </Pressable>\n    );\n  }\n\n  return (\n    <View\n      style={getContainerStyle()}\n      testID={finalTestID}\n      onLayout={onLayout}\n      onMoveShouldSetResponder={onMoveShouldSetResponder}\n      onResponderGrant={onResponderGrant}\n      onResponderMove={onResponderMove}\n      onResponderRelease={onResponderRelease}\n      onResponderTerminate={onResponderTerminate}\n      {...nativeRest}\n    >\n      {children}\n    </View>\n  );\n};\n","import React from \"react\";\nimport { Text as RNText, TextStyle, AccessibilityRole } from \"react-native\";\nimport { TextProps } from \"@xsolla/xui-primitives-core\";\n\n// Map web roles to React Native accessibility roles\nconst roleMap: Record<string, AccessibilityRole> = {\n  alert: \"alert\",\n  heading: \"header\",\n  button: \"button\",\n  link: \"link\",\n  text: \"text\",\n};\n\nexport const Text: React.FC<TextProps> = ({\n  children,\n  color,\n  fontSize,\n  fontWeight,\n  fontFamily,\n  id,\n  role,\n  ...props\n}) => {\n  // Extract the first font name from a comma-separated list (e.g. for web-style font stacks)\n  let resolvedFontFamily = fontFamily\n    ? fontFamily.split(\",\")[0].replace(/['\"]/g, \"\").trim()\n    : undefined;\n\n  // On native, if we don't have the custom font loaded, it's better to use the system font\n  // to avoid rendering issues or missing text.\n  if (resolvedFontFamily === \"Pilat Wide Bold\") {\n    resolvedFontFamily = undefined;\n  }\n\n  const style: TextStyle = {\n    color,\n    fontSize: typeof fontSize === \"number\" ? fontSize : undefined,\n    fontWeight: fontWeight as TextStyle[\"fontWeight\"],\n    fontFamily: resolvedFontFamily,\n    textDecorationLine: props.textDecoration as TextStyle[\"textDecorationLine\"],\n  };\n\n  // Map role to React Native accessibilityRole\n  const accessibilityRole = role ? roleMap[role] : undefined;\n\n  return (\n    <RNText style={style} testID={id} accessibilityRole={accessibilityRole}>\n      {children}\n    </RNText>\n  );\n};\n","import type React from \"react\";\nimport { ActivityIndicator, View } from \"react-native\";\nimport type { SpinnerProps } from \"@xsolla/xui-primitives-core\";\n\nexport const Spinner: React.FC<SpinnerProps> = ({\n  color,\n  size,\n  role,\n  \"aria-label\": ariaLabel,\n  \"aria-live\": ariaLive,\n  testID,\n}) => {\n  return (\n    <View\n      accessible={true}\n      accessibilityRole={role === \"status\" ? \"none\" : undefined}\n      accessibilityLabel={ariaLabel}\n      accessibilityLiveRegion={\n        ariaLive === \"polite\"\n          ? \"polite\"\n          : ariaLive === \"assertive\"\n            ? \"assertive\"\n            : \"none\"\n      }\n      testID={testID}\n    >\n      <ActivityIndicator\n        color={color}\n        size={typeof size === \"number\" ? size : \"small\"}\n      />\n    </View>\n  );\n};\n\nSpinner.displayName = \"Spinner\";\n","import React from \"react\";\nimport { View, ViewStyle } from \"react-native\";\nimport { IconProps } from \"@xsolla/xui-primitives-core\";\n\nexport const Icon: React.FC<IconProps> = ({ children, color, size }) => {\n  const style: ViewStyle = {\n    width: typeof size === \"number\" ? size : undefined,\n    height: typeof size === \"number\" ? size : undefined,\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  };\n\n  // On native, we try to pass the color down to children (like Text primitives)\n  // to mimic the CSS inheritance behavior of the web version.\n  const childrenWithProps = React.Children.map(children, (child) => {\n    if (React.isValidElement(child)) {\n      return React.cloneElement(child, {\n        color: child.props.color || color,\n        // Also pass size if child seems to be an icon that needs it\n        size: child.props.size || size,\n      });\n    }\n    return child;\n  });\n\n  return <View style={style}>{childrenWithProps}</View>;\n};\n","import React from \"react\";\nimport { View, ViewStyle } from \"react-native\";\nimport { DividerProps } from \"@xsolla/xui-primitives-core\";\n\nexport const Divider: React.FC<DividerProps> = ({\n  color,\n  height,\n  width,\n  vertical,\n  dashStroke,\n}) => {\n  const style: ViewStyle = {\n    backgroundColor: dashStroke\n      ? \"transparent\"\n      : color || \"rgba(255, 255, 255, 0.15)\",\n    width: vertical ? (typeof width === \"number\" ? width : 1) : \"100%\",\n    height: vertical ? \"100%\" : typeof height === \"number\" ? height : 1,\n    ...(dashStroke && {\n      borderStyle: \"dashed\",\n      borderColor: color || \"rgba(255, 255, 255, 0.15)\",\n      borderWidth: 0,\n      ...(vertical\n        ? { borderLeftWidth: typeof width === \"number\" ? width : 1 }\n        : { borderTopWidth: typeof height === \"number\" ? height : 1 }),\n    }),\n  };\n\n  return <View style={style} />;\n};\n","import React, { forwardRef } from \"react\";\nimport { TextInput as RNTextInput } from \"react-native\";\nimport { InputPrimitiveProps } from \"@xsolla/xui-primitives-core\";\n\n// Map web input types to React Native keyboard types\nconst keyboardTypeMap: Record<string, any> = {\n  text: \"default\",\n  number: \"numeric\",\n  email: \"email-address\",\n  tel: \"phone-pad\",\n  url: \"url\",\n  decimal: \"decimal-pad\",\n};\n\n// Map web inputMode to React Native keyboard types\nconst inputModeToKeyboardType: Record<string, any> = {\n  none: \"default\",\n  text: \"default\",\n  decimal: \"decimal-pad\",\n  numeric: \"number-pad\",\n  tel: \"phone-pad\",\n  search: \"default\",\n  email: \"email-address\",\n  url: \"url\",\n};\n\n// Map web autoComplete to React Native textContentType (iOS)\nconst autoCompleteToTextContentType: Record<string, any> = {\n  \"one-time-code\": \"oneTimeCode\",\n  email: \"emailAddress\",\n  username: \"username\",\n  password: \"password\",\n  \"new-password\": \"newPassword\",\n  tel: \"telephoneNumber\",\n  \"postal-code\": \"postalCode\",\n  name: \"name\",\n};\n\nexport const InputPrimitive = forwardRef<RNTextInput, InputPrimitiveProps>(\n  (\n    {\n      value,\n      placeholder,\n      onChange,\n      onChangeText,\n      onFocus,\n      onBlur,\n      onKeyDown,\n      disabled,\n      secureTextEntry,\n      style,\n      color,\n      fontSize,\n      placeholderTextColor,\n      maxLength,\n      type,\n      inputMode,\n      autoComplete,\n      id,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-label\": ariaLabel,\n      \"aria-disabled\": ariaDisabled,\n      \"data-testid\": dataTestId,\n    },\n    ref\n  ) => {\n    const handleChangeText = (text: string) => {\n      onChangeText?.(text);\n\n      // Create a synthetic event for onChange compatibility\n      // Include nativeEvent and no-op methods to prevent runtime errors\n      // when consumers expect DOM-like event behavior\n      if (onChange) {\n        const syntheticEvent = {\n          target: { value: text },\n          currentTarget: { value: text },\n          type: \"change\",\n          nativeEvent: { text },\n          preventDefault: () => {},\n          stopPropagation: () => {},\n          isTrusted: false,\n        } as unknown as React.ChangeEvent<HTMLInputElement>;\n        onChange(syntheticEvent);\n      }\n    };\n\n    // Determine keyboard type - inputMode takes precedence over type\n    const keyboardType = inputMode\n      ? inputModeToKeyboardType[inputMode] || \"default\"\n      : type\n        ? keyboardTypeMap[type] || \"default\"\n        : \"default\";\n\n    // Determine textContentType for iOS autofill\n    const textContentType = autoComplete\n      ? autoCompleteToTextContentType[autoComplete]\n      : undefined;\n\n    return (\n      <RNTextInput\n        ref={ref}\n        value={value}\n        placeholder={placeholder}\n        onChangeText={handleChangeText}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onKeyPress={(e) => {\n          // Map onKeyPress to onKeyDown for cross-platform compatibility\n          // Include preventDefault to avoid runtime errors when consumers call it\n          if (onKeyDown) {\n            onKeyDown({\n              key: e.nativeEvent.key,\n              preventDefault: () => {},\n            } as any);\n          }\n        }}\n        editable={!disabled}\n        secureTextEntry={secureTextEntry || type === \"password\"}\n        keyboardType={keyboardType}\n        textContentType={textContentType}\n        style={[\n          {\n            color,\n            fontSize: typeof fontSize === \"number\" ? fontSize : undefined,\n            flex: 1,\n            padding: 0,\n            textAlign: (style as any)?.textAlign || \"left\",\n          },\n          style as any,\n        ]}\n        placeholderTextColor={placeholderTextColor}\n        maxLength={maxLength}\n        // React Native accessibility props\n        testID={dataTestId || id}\n        accessibilityLabel={ariaLabel}\n        accessibilityHint={ariaDescribedBy}\n        accessibilityState={{\n          disabled: disabled || ariaDisabled,\n        }}\n        accessible={true}\n      />\n    );\n  }\n);\n\nInputPrimitive.displayName = \"InputPrimitive\";\n","import React, { forwardRef } from \"react\";\nimport { TextInput as RNTextInput } from \"react-native\";\nimport { TextAreaPrimitiveProps } from \"@xsolla/xui-primitives-core\";\n\nexport const TextAreaPrimitive = forwardRef<\n  RNTextInput,\n  TextAreaPrimitiveProps\n>(\n  (\n    {\n      value,\n      placeholder,\n      onChange,\n      onChangeText,\n      onFocus,\n      onBlur,\n      onKeyDown,\n      disabled,\n      style,\n      color,\n      fontSize,\n      placeholderTextColor,\n      maxLength,\n      rows,\n      id,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-label\": ariaLabel,\n      \"aria-disabled\": ariaDisabled,\n      \"data-testid\": dataTestId,\n    },\n    ref\n  ) => {\n    const handleChangeText = (text: string) => {\n      onChangeText?.(text);\n\n      if (onChange) {\n        const syntheticEvent = {\n          target: { value: text },\n          currentTarget: { value: text },\n          type: \"change\",\n          nativeEvent: { text },\n          preventDefault: () => {},\n          stopPropagation: () => {},\n          isTrusted: false,\n        } as unknown as React.ChangeEvent<HTMLTextAreaElement>;\n        onChange(syntheticEvent);\n      }\n    };\n\n    return (\n      <RNTextInput\n        ref={ref}\n        value={value}\n        placeholder={placeholder}\n        onChangeText={handleChangeText}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onKeyPress={(e) => {\n          if (onKeyDown) {\n            onKeyDown({\n              key: e.nativeEvent.key,\n              preventDefault: () => {},\n            } as any);\n          }\n        }}\n        editable={!disabled}\n        multiline={true}\n        numberOfLines={rows || 4}\n        style={[\n          {\n            color,\n            fontSize: typeof fontSize === \"number\" ? fontSize : undefined,\n            flex: 1,\n            padding: 0,\n            textAlignVertical: \"top\",\n            textAlign: (style as any)?.textAlign || \"left\",\n          },\n          style as any,\n        ]}\n        placeholderTextColor={placeholderTextColor}\n        maxLength={maxLength}\n        testID={dataTestId || id}\n        accessibilityLabel={ariaLabel}\n        accessibilityHint={ariaDescribedBy}\n        accessibilityState={{\n          disabled: disabled || ariaDisabled,\n        }}\n        accessible={true}\n      />\n    );\n  }\n);\n\nTextAreaPrimitive.displayName = \"TextAreaPrimitive\";\n"],"mappings":"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","names":["import_react","import_react_native","import_jsx_runtime","RNText","import_react_native","import_jsx_runtime","import_react_native","import_jsx_runtime","import_react_native","import_jsx_runtime","import_react","import_react_native","import_jsx_runtime","RNTextInput","import_react","import_react_native","import_jsx_runtime","RNTextInput","import_jsx_runtime","newValue","updatedValue","complete","changeProps"]}
+{"version":3,"sources":["../../src/index.tsx","../../src/InputPin.tsx","../../../primitives-native/src/Box.tsx","../../../primitives-native/src/Text.tsx","../../../primitives-native/src/Input.tsx"],"sourcesContent":["export * from \"./InputPin\";\n","import React, { useState, useRef, useEffect, useCallback } from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Box, Text, InputPrimitive } from \"@xsolla/xui-primitives\";\nimport { useDesignSystem, useId } from \"@xsolla/xui-core\";\n\nexport interface OnInputPinCompleteProps {\n  isComplete: boolean;\n  value: string;\n}\n\nexport interface InputPinProps {\n  /** Current value of the input pin */\n  value?: string;\n  /** Function that will be called when the input value changes */\n  onChange?: (props: OnInputPinCompleteProps) => void;\n  /** Function that will be called when the input is completed */\n  onComplete?: (props: OnInputPinCompleteProps) => void;\n  /** The length of the code to be input. Default is 4 */\n  codeLength?: number;\n  /** @deprecated Use codeLength instead */\n  length?: number;\n  /** Property for changing the size of the input */\n  size?: \"xl\" | \"lg\" | \"md\" | \"sm\" | \"xs\";\n  /** @deprecated Use disabled and error props instead */\n  state?: \"default\" | \"hover\" | \"disable\" | \"error\";\n  /** Property for disabling the control */\n  disabled?: boolean;\n  /** Property for displaying an error state */\n  error?: boolean;\n  /** Property for displaying a label above the input */\n  label?: string;\n  /** Property for displaying an error message */\n  errorMessage?: string;\n  /** @deprecated Use errorMessage instead */\n  errorLabel?: string;\n  /** Whether to hide the text (like a password field) */\n  secureTextEntry?: boolean;\n  /** Show dot placeholders in empty inputs */\n  showPlaceholderDots?: boolean;\n  /** Expands input cells to fill the width of the container */\n  flexibleWidth?: boolean;\n  /** Boolean value indicating if the input is filled or not */\n  isComplete?: boolean;\n  /** The current focused input index */\n  currentFocus?: number;\n  /** Function to add a ref to an input element */\n  addRef?: (index: number) => (element: HTMLInputElement | null) => void;\n  /** Test identifier for the component */\n  testID?: string;\n  /** Accessible label for screen readers (use when no visible label) */\n  \"aria-label\"?: string;\n}\n\nexport const InputPin: React.FC<InputPinProps> = ({\n  value = \"\",\n  onChange,\n  onComplete,\n  codeLength,\n  length = 4,\n  size = \"md\",\n  state: externalState,\n  disabled: disabledProp,\n  error: errorProp,\n  label,\n  errorMessage,\n  errorLabel,\n  secureTextEntry = false,\n  showPlaceholderDots = true,\n  flexibleWidth = false,\n  isComplete: isCompleteProp,\n  currentFocus,\n  addRef,\n  testID,\n  \"aria-label\": ariaLabel,\n}) => {\n  const { theme } = useDesignSystem();\n  const uniqueId = useId();\n  const [focusedIndex, setFocusedIndex] = useState<number | null>(null);\n  const [internalValue, setInternalValue] = useState(value);\n\n  // Support both codeLength (new) and length (deprecated)\n  const actualLength = codeLength ?? length;\n\n  // Support both errorMessage (new) and errorLabel (deprecated)\n  const errorText = errorMessage ?? errorLabel;\n\n  // Support both new props and deprecated state prop\n  // Error state is true if error prop is set, or errorMessage is provided, or state is \"error\"\n  const isError = errorProp ?? (!!errorText || externalState === \"error\");\n  const isDisabled = disabledProp ?? externalState === \"disable\";\n  const isHover = externalState === \"hover\";\n  const sizeStyles = theme.sizing.inputPin(size);\n  const inputColors = theme.colors.control.input;\n\n  const inputs = useRef<(HTMLInputElement | null)[]>([]);\n\n  // Sync internal value with external value\n  useEffect(() => {\n    setInternalValue(value);\n  }, [value]);\n\n  // Handle currentFocus prop\n  useEffect(() => {\n    if (\n      currentFocus !== undefined &&\n      currentFocus >= 0 &&\n      currentFocus < actualLength\n    ) {\n      inputs.current[currentFocus]?.focus();\n    }\n  }, [currentFocus, actualLength]);\n\n  // Calculate isComplete status\n  const checkIsComplete = useCallback(\n    (val: string) => val.length >= actualLength,\n    [actualLength]\n  );\n\n  // IDs for accessibility\n  const labelId = `${uniqueId}-label`;\n  const errorId = `${uniqueId}-error`;\n\n  const handleTextChange = (text: string, index: number) => {\n    // Filter to only alphanumeric characters\n    const sanitizedText = text.replace(/[^0-9a-zA-Z]/g, \"\");\n\n    // Handle multi-character input (paste on React Native)\n    if (sanitizedText.length > 1) {\n      const pastedData = sanitizedText.slice(0, actualLength - index);\n      const newValue = internalValue.split(\"\");\n\n      // Ensure the array has the correct length\n      while (newValue.length < actualLength) {\n        newValue.push(\"\");\n      }\n\n      // Fill in characters starting from current index\n      for (let i = 0; i < pastedData.length && index + i < actualLength; i++) {\n        newValue[index + i] = pastedData[i];\n      }\n\n      const updatedValue = newValue.slice(0, actualLength).join(\"\");\n      setInternalValue(updatedValue);\n\n      const complete = checkIsComplete(updatedValue);\n      const changeProps = { isComplete: complete, value: updatedValue };\n\n      onChange?.(changeProps);\n\n      if (complete) {\n        onComplete?.(changeProps);\n      }\n\n      // Focus the next empty input or the last input\n      const nextIndex = Math.min(index + pastedData.length, actualLength - 1);\n      inputs.current[nextIndex]?.focus();\n      return;\n    }\n\n    // Handle single character input\n    const char = sanitizedText.slice(-1);\n    const newValue = internalValue.split(\"\");\n\n    // Ensure the array has the correct length\n    while (newValue.length < actualLength) {\n      newValue.push(\"\");\n    }\n\n    newValue[index] = char;\n    const updatedValue = newValue.slice(0, actualLength).join(\"\");\n    setInternalValue(updatedValue);\n\n    const complete = checkIsComplete(updatedValue);\n    const changeProps = { isComplete: complete, value: updatedValue };\n\n    onChange?.(changeProps);\n\n    if (complete) {\n      onComplete?.(changeProps);\n    }\n\n    if (char && index < actualLength - 1) {\n      inputs.current[index + 1]?.focus();\n    }\n  };\n\n  const handleKeyDown = (\n    e: React.KeyboardEvent<HTMLInputElement>,\n    index: number\n  ) => {\n    if (e.key === \"Backspace\") {\n      if (!internalValue[index] && index > 0) {\n        inputs.current[index - 1]?.focus();\n      }\n    } else if (e.key === \"ArrowLeft\" && index > 0) {\n      inputs.current[index - 1]?.focus();\n    } else if (e.key === \"ArrowRight\" && index < actualLength - 1) {\n      inputs.current[index + 1]?.focus();\n    }\n  };\n\n  const handlePaste = (e: React.ClipboardEvent) => {\n    e.preventDefault();\n    const pastedData = e.clipboardData\n      .getData(\"text\")\n      .replace(/[^0-9a-zA-Z]/g, \"\")\n      .slice(0, actualLength);\n    setInternalValue(pastedData);\n\n    const complete = checkIsComplete(pastedData);\n    const changeProps = { isComplete: complete, value: pastedData };\n\n    onChange?.(changeProps);\n\n    if (complete) {\n      onComplete?.(changeProps);\n    }\n\n    // Focus the last filled input or the first empty one\n    const nextIndex = Math.min(pastedData.length, actualLength - 1);\n    inputs.current[nextIndex]?.focus();\n  };\n\n  // Handler for storing refs that can be provided to addRef prop\n  const handleRef = (index: number) => (element: HTMLInputElement | null) => {\n    inputs.current[index] = element;\n    addRef?.(index)(element);\n  };\n\n  const pinItems = Array.from({ length: actualLength }).map((_, index) => {\n    const char = internalValue[index] || \"\";\n    const isFocused = focusedIndex === index;\n\n    let backgroundColor = inputColors.bg;\n    let borderColor = inputColors.border;\n\n    if (isDisabled) {\n      backgroundColor = inputColors.bgDisable;\n      borderColor = inputColors.borderDisable;\n    } else if (isError) {\n      borderColor = theme.colors.border.alert;\n      backgroundColor = isFocused\n        ? theme.colors.control.focus.bg\n        : inputColors.bg;\n    } else if (isFocused) {\n      backgroundColor = theme.colors.control.focus.bg;\n      borderColor = theme.colors.content.brand.secondary;\n    } else if (isHover) {\n      backgroundColor = inputColors.bgHover;\n      borderColor = inputColors.borderHover;\n    } else {\n      backgroundColor = inputColors.bg;\n      borderColor = inputColors.border;\n    }\n\n    const textColor = isDisabled ? inputColors.textDisable : inputColors.text;\n\n    return (\n      <Box\n        key={index}\n        width={flexibleWidth ? undefined : sizeStyles.size}\n        height={sizeStyles.size}\n        flex={flexibleWidth ? 1 : undefined}\n        backgroundColor={backgroundColor}\n        borderColor={borderColor}\n        borderWidth={sizeStyles.borderWidth}\n        borderRadius={sizeStyles.radius}\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        hoverStyle={\n          !isDisabled && !isFocused && !isError\n            ? {\n                backgroundColor: inputColors.bgHover,\n                borderColor: inputColors.borderHover,\n              }\n            : undefined\n        }\n      >\n        <InputPrimitive\n          ref={\n            addRef\n              ? handleRef(index)\n              : (el: any) => (inputs.current[index] = el)\n          }\n          value={char}\n          placeholder={showPlaceholderDots && !isFocused ? \"•\" : undefined}\n          onChangeText={(text: string) => handleTextChange(text, index)}\n          onFocus={() => setFocusedIndex(index)}\n          onBlur={() => setFocusedIndex(null)}\n          onKeyDown={(e: any) => handleKeyDown(e, index)}\n          disabled={isDisabled}\n          secureTextEntry={secureTextEntry}\n          color={textColor}\n          placeholderTextColor={inputColors.placeholder}\n          fontSize={sizeStyles.fontSize}\n          style={{ textAlign: \"center\" }}\n          maxLength={1}\n          inputMode=\"numeric\"\n          autoComplete=\"one-time-code\"\n          aria-label={\n            ariaLabel\n              ? `${ariaLabel} digit ${index + 1}`\n              : `PIN digit ${index + 1}`\n          }\n          aria-invalid={isError}\n          aria-describedby={isError && errorText ? errorId : undefined}\n          data-testid={\n            testID ? `${testID}-input-${index}` : `input-pin-input-${index}`\n          }\n        />\n      </Box>\n    );\n  });\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      gap={8}\n      data-testid={testID || \"input-pin\"}\n      role=\"group\"\n      aria-labelledby={label ? labelId : undefined}\n      aria-label={!label && ariaLabel ? ariaLabel : undefined}\n    >\n      {label && (\n        <Text\n          id={labelId}\n          color={theme.colors.content.secondary}\n          fontSize={sizeStyles.fontSize - 2}\n          fontWeight=\"500\"\n        >\n          {label}\n        </Text>\n      )}\n      <Box\n        flexDirection=\"row\"\n        gap={sizeStyles.gap}\n        onPaste={handlePaste}\n        width={flexibleWidth ? \"100%\" : undefined}\n      >\n        {pinItems}\n      </Box>\n      {isError && errorText && (\n        <Text\n          id={errorId}\n          role=\"alert\"\n          color={theme.colors.content.alert.primary}\n          fontSize={sizeStyles.fontSize - 2}\n        >\n          {errorText}\n        </Text>\n      )}\n    </Box>\n  );\n};\n","import React from \"react\";\nimport {\n  View,\n  Pressable,\n  Image,\n  ViewStyle,\n  ImageStyle,\n  DimensionValue,\n  AnimatableNumericValue,\n} from \"react-native\";\nimport { BoxProps } from \"@xsolla/xui-primitives-core\";\n\nexport const Box: React.FC<BoxProps> = ({\n  children,\n  onPress,\n  onLayout,\n  onMoveShouldSetResponder,\n  onResponderGrant,\n  onResponderMove,\n  onResponderRelease,\n  onResponderTerminate,\n  backgroundColor,\n  borderColor,\n  borderWidth,\n  borderBottomWidth,\n  borderBottomColor,\n  borderTopWidth,\n  borderTopColor,\n  borderLeftWidth,\n  borderLeftColor,\n  borderRightWidth,\n  borderRightColor,\n  borderRadius,\n  borderStyle,\n  height,\n  padding,\n  paddingHorizontal,\n  paddingVertical,\n  margin,\n  marginTop,\n  marginBottom,\n  marginLeft,\n  marginRight,\n  flexDirection,\n  alignItems,\n  justifyContent,\n  position,\n  top,\n  bottom,\n  left,\n  right,\n  width,\n  flex,\n  overflow,\n  zIndex,\n  hoverStyle,\n  pressStyle,\n  style,\n  \"data-testid\": dataTestId,\n  testID,\n  as,\n  src,\n  alt,\n  ...rest\n}) => {\n  const getContainerStyle = (pressed?: boolean): ViewStyle => ({\n    backgroundColor:\n      pressed && pressStyle?.backgroundColor\n        ? pressStyle.backgroundColor\n        : backgroundColor,\n    borderColor,\n    borderWidth,\n    borderBottomWidth,\n    borderBottomColor,\n    borderTopWidth,\n    borderTopColor,\n    borderLeftWidth,\n    borderLeftColor,\n    borderRightWidth,\n    borderRightColor,\n    borderRadius: borderRadius as AnimatableNumericValue,\n    borderStyle: borderStyle as ViewStyle[\"borderStyle\"],\n    overflow,\n    zIndex,\n    height: height as DimensionValue,\n    width: width as DimensionValue,\n    padding: padding as DimensionValue,\n    paddingHorizontal: paddingHorizontal as DimensionValue,\n    paddingVertical: paddingVertical as DimensionValue,\n    margin: margin as DimensionValue,\n    marginTop: marginTop as DimensionValue,\n    marginBottom: marginBottom as DimensionValue,\n    marginLeft: marginLeft as DimensionValue,\n    marginRight: marginRight as DimensionValue,\n    flexDirection,\n    alignItems,\n    justifyContent,\n    position: position as ViewStyle[\"position\"],\n    top: top as DimensionValue,\n    bottom: bottom as DimensionValue,\n    left: left as DimensionValue,\n    right: right as DimensionValue,\n    flex,\n    ...(style as ViewStyle),\n  });\n\n  const finalTestID = dataTestId || testID;\n\n  // Destructure and drop web-only props from rest before passing to RN components\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const {\n    role,\n    tabIndex,\n    onKeyDown,\n    onKeyUp,\n    \"aria-label\": _ariaLabel,\n    \"aria-labelledby\": _ariaLabelledBy,\n    \"aria-current\": _ariaCurrent,\n    \"aria-disabled\": _ariaDisabled,\n    \"aria-live\": _ariaLive,\n    className,\n    \"data-testid\": _dataTestId,\n    ...nativeRest\n  } = rest as Record<string, unknown>;\n\n  // Handle as=\"img\" for React Native\n  if (as === \"img\" && src) {\n    const imageStyle: ImageStyle = {\n      width: width as DimensionValue,\n      height: height as DimensionValue,\n      borderRadius: borderRadius as number,\n      position: position as ImageStyle[\"position\"],\n      top: top as DimensionValue,\n      bottom: bottom as DimensionValue,\n      left: left as DimensionValue,\n      right: right as DimensionValue,\n      ...(style as ImageStyle),\n    };\n\n    return (\n      <Image\n        source={{ uri: src }}\n        style={imageStyle}\n        testID={finalTestID}\n        resizeMode=\"cover\"\n        {...nativeRest}\n      />\n    );\n  }\n\n  if (onPress) {\n    return (\n      <Pressable\n        onPress={onPress}\n        onLayout={onLayout}\n        onMoveShouldSetResponder={onMoveShouldSetResponder}\n        onResponderGrant={onResponderGrant}\n        onResponderMove={onResponderMove}\n        onResponderRelease={onResponderRelease}\n        onResponderTerminate={onResponderTerminate}\n        style={({ pressed }) => getContainerStyle(pressed)}\n        testID={finalTestID}\n        {...nativeRest}\n      >\n        {children}\n      </Pressable>\n    );\n  }\n\n  return (\n    <View\n      style={getContainerStyle()}\n      testID={finalTestID}\n      onLayout={onLayout}\n      onMoveShouldSetResponder={onMoveShouldSetResponder}\n      onResponderGrant={onResponderGrant}\n      onResponderMove={onResponderMove}\n      onResponderRelease={onResponderRelease}\n      onResponderTerminate={onResponderTerminate}\n      {...nativeRest}\n    >\n      {children}\n    </View>\n  );\n};\n","import React from \"react\";\nimport { Text as RNText, TextStyle, AccessibilityRole } from \"react-native\";\nimport { TextProps } from \"@xsolla/xui-primitives-core\";\n\n// Map web roles to React Native accessibility roles\nconst roleMap: Record<string, AccessibilityRole> = {\n  alert: \"alert\",\n  heading: \"header\",\n  button: \"button\",\n  link: \"link\",\n  text: \"text\",\n};\n\nexport const Text: React.FC<TextProps> = ({\n  children,\n  color,\n  fontSize,\n  fontWeight,\n  fontFamily,\n  id,\n  role,\n  ...props\n}) => {\n  // Extract the first font name from a comma-separated list (e.g. for web-style font stacks)\n  let resolvedFontFamily = fontFamily\n    ? fontFamily.split(\",\")[0].replace(/['\"]/g, \"\").trim()\n    : undefined;\n\n  // On native, if we don't have the custom font loaded, it's better to use the system font\n  // to avoid rendering issues or missing text.\n  if (resolvedFontFamily === \"Pilat Wide Bold\") {\n    resolvedFontFamily = undefined;\n  }\n\n  const style: TextStyle = {\n    color,\n    fontSize: typeof fontSize === \"number\" ? fontSize : undefined,\n    fontWeight: fontWeight as TextStyle[\"fontWeight\"],\n    fontFamily: resolvedFontFamily,\n    textDecorationLine: props.textDecoration as TextStyle[\"textDecorationLine\"],\n  };\n\n  // Map role to React Native accessibilityRole\n  const accessibilityRole = role ? roleMap[role] : undefined;\n\n  return (\n    <RNText style={style} testID={id} accessibilityRole={accessibilityRole}>\n      {children}\n    </RNText>\n  );\n};\n","import React, { forwardRef } from \"react\";\nimport { TextInput as RNTextInput } from \"react-native\";\nimport { InputPrimitiveProps } from \"@xsolla/xui-primitives-core\";\n\n// Map web input types to React Native keyboard types\nconst keyboardTypeMap: Record<string, any> = {\n  text: \"default\",\n  number: \"numeric\",\n  email: \"email-address\",\n  tel: \"phone-pad\",\n  url: \"url\",\n  decimal: \"decimal-pad\",\n};\n\n// Map web inputMode to React Native keyboard types\nconst inputModeToKeyboardType: Record<string, any> = {\n  none: \"default\",\n  text: \"default\",\n  decimal: \"decimal-pad\",\n  numeric: \"number-pad\",\n  tel: \"phone-pad\",\n  search: \"default\",\n  email: \"email-address\",\n  url: \"url\",\n};\n\n// Map web autoComplete to React Native textContentType (iOS)\nconst autoCompleteToTextContentType: Record<string, any> = {\n  \"one-time-code\": \"oneTimeCode\",\n  email: \"emailAddress\",\n  username: \"username\",\n  password: \"password\",\n  \"new-password\": \"newPassword\",\n  tel: \"telephoneNumber\",\n  \"postal-code\": \"postalCode\",\n  name: \"name\",\n};\n\nexport const InputPrimitive = forwardRef<RNTextInput, InputPrimitiveProps>(\n  (\n    {\n      value,\n      placeholder,\n      onChange,\n      onChangeText,\n      onFocus,\n      onBlur,\n      onKeyDown,\n      disabled,\n      secureTextEntry,\n      style,\n      color,\n      fontSize,\n      placeholderTextColor,\n      maxLength,\n      type,\n      inputMode,\n      autoComplete,\n      id,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-label\": ariaLabel,\n      \"aria-disabled\": ariaDisabled,\n      \"data-testid\": dataTestId,\n    },\n    ref\n  ) => {\n    const handleChangeText = (text: string) => {\n      onChangeText?.(text);\n\n      // Create a synthetic event for onChange compatibility\n      // Include nativeEvent and no-op methods to prevent runtime errors\n      // when consumers expect DOM-like event behavior\n      if (onChange) {\n        const syntheticEvent = {\n          target: { value: text },\n          currentTarget: { value: text },\n          type: \"change\",\n          nativeEvent: { text },\n          preventDefault: () => {},\n          stopPropagation: () => {},\n          isTrusted: false,\n        } as unknown as React.ChangeEvent<HTMLInputElement>;\n        onChange(syntheticEvent);\n      }\n    };\n\n    // Determine keyboard type - inputMode takes precedence over type\n    const keyboardType = inputMode\n      ? inputModeToKeyboardType[inputMode] || \"default\"\n      : type\n        ? keyboardTypeMap[type] || \"default\"\n        : \"default\";\n\n    // Determine textContentType for iOS autofill\n    const textContentType = autoComplete\n      ? autoCompleteToTextContentType[autoComplete]\n      : undefined;\n\n    return (\n      <RNTextInput\n        ref={ref}\n        value={value}\n        placeholder={placeholder}\n        onChangeText={handleChangeText}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onKeyPress={(e) => {\n          // Map onKeyPress to onKeyDown for cross-platform compatibility\n          // Include preventDefault to avoid runtime errors when consumers call it\n          if (onKeyDown) {\n            onKeyDown({\n              key: e.nativeEvent.key,\n              preventDefault: () => {},\n            } as any);\n          }\n        }}\n        editable={!disabled}\n        secureTextEntry={secureTextEntry || type === \"password\"}\n        keyboardType={keyboardType}\n        textContentType={textContentType}\n        style={[\n          {\n            color,\n            fontSize: typeof fontSize === \"number\" ? fontSize : undefined,\n            flex: 1,\n            padding: 0,\n            textAlign: (style as any)?.textAlign || \"left\",\n          },\n          style as any,\n        ]}\n        placeholderTextColor={placeholderTextColor}\n        maxLength={maxLength}\n        // React Native accessibility props\n        testID={dataTestId || id}\n        accessibilityLabel={ariaLabel}\n        accessibilityHint={ariaDescribedBy}\n        accessibilityState={{\n          disabled: disabled || ariaDisabled,\n        }}\n        accessible={true}\n      />\n    );\n  }\n);\n\nInputPrimitive.displayName = \"InputPrimitive\";\n"],"mappings":"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","names":["import_react","import_react_native","import_jsx_runtime","RNText","import_react_native","import_jsx_runtime","RNTextInput","import_jsx_runtime","newValue","updatedValue","complete","changeProps"]}