@kivid/native-components 1.0.0-alpha.6 → 1.0.0-alpha.8

package/dist/commonjs/components/ListButton/index.js

@@ -15,16 +15,18 @@ var _react = require("react");
 var _jsxRuntime = require("react/jsx-runtime");
 function ListButton(props) {
   const {
-    icon,
-    iconColor = _index2.ListButtonIconColorEnum.GHOST,
+    iconLeft,
+    iconRight,
     children,
-    showChevronIcon = true,
     variant = _index2.ListButtonVariantEnum.GRAPE,
     size = _index3.SizeEnum.SMALL,
     corners = _index3.CornersEnum.SMALL,
     disabled = false,
     className,
+    iconLeftContainerClassName,
+    iconRightContainerClassName,
     accessibilityLabel,
+    numberOfLines = 1,
     onPressIn,
     onPressOut,
     ...rest
@@ -40,16 +42,6 @@ function ListButton(props) {
     variant
   });
   const animatedValue = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
-  const mappedIconColor = {
-    [_index2.ListButtonIconColorEnum.GHOST]: "#FAFCFC",
-    [_index2.ListButtonIconColorEnum.GRAPE]: "#7A50D9",
-    [_index2.ListButtonIconColorEnum.JAVA]: "#43C1E0",
-    [_index2.ListButtonIconColorEnum.PITAYA]: "#E64595",
-    [_index2.ListButtonIconColorEnum.PEAR]: "#3DCC78",
-    [_index2.ListButtonIconColorEnum.TANGERINE]: "#FF8B59",
-    [_index2.ListButtonIconColorEnum.BLACKBERRY]: "#E65245",
-    [_index2.ListButtonIconColorEnum.CHIA]: "#393E3E"
-  }[iconColor];
   const handlePressIn = event => {
     _reactNative.Animated.timing(animatedValue, {
       toValue: 0.7,
@@ -66,47 +58,60 @@ function ListButton(props) {
     }).start();
     onPressOut?.(event);
   };
+  function renderLeftIcon() {
+    if (iconLeft) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        className: "mr-400",
+        children: iconLeft
+      });
+    }
+    return null;
+  }
+  function renderRightIcon() {
+    if (iconRight) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        className: "ml-400",
+        children: iconRight
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      className: "ml-400",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_native.ChevronRight, {
+        color: chevronIconColor
+      })
+    });
+  }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
     style: {
       opacity: animatedValue
     },
+    className: (0, _tailwindPreset.merge)((0, _classVariants.buttonVariants)({
+      variant,
+      size,
+      corners
+    }), className),
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-      className: (0, _tailwindPreset.merge)((0, _classVariants.buttonVariants)({
-        variant,
-        size,
-        corners
-      }), className),
       disabled: disabled,
       accessibilityRole: "button",
-      accessibilityLabel: accessibilityLabel,
+      accessibilityLabel: accessibilityLabel ?? (typeof children === "string" ? children : undefined),
       accessibilityState: {
         disabled: disabled
       },
       onPressIn: handlePressIn,
       onPressOut: handlePressOut,
+      className: "flex-row",
       ...rest,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        className: (0, _classVariants.iconButtonVariants)({
-          showChevronIcon
-        }),
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          className: "mr-400 flex items-center",
-          children: icon ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_native.ChatbubbleEllipses, {
-            size: 24,
-            color: mappedIconColor
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Typography, {
+        className: "flex flex-row items-center flex-1",
+        children: [renderLeftIcon(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Typography, {
+          ellipsizeMode: "tail",
           variant: typographyVariant,
           weight: "700",
-          className: (0, _tailwindPreset.merge)(textStyle, "truncate mr-700"),
+          className: (0, _tailwindPreset.merge)(textStyle, "truncate flex-1 "),
+          numberOfLines: numberOfLines,
           children: children
         })]
-      }), showChevronIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        className: "flex items-center",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_native.ChevronRight, {
-          color: chevronIconColor
-        })
-      })]
+      }), renderRightIcon()]
     })
   });
 }

package/dist/commonjs/components/ListButton/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_index","_index2","_index3","_native","_classVariants","_tailwindPreset","_react","_jsxRuntime","ListButton","props","icon","iconColor","ListButtonIconColorEnum","GHOST","children","showChevronIcon","variant","ListButtonVariantEnum","GRAPE","size","SizeEnum","SMALL","corners","CornersEnum","disabled","className","accessibilityLabel","onPressIn","onPressOut","rest","typographyVariantMap","small","medium","large","typographyVariant","chevronIconColor","OUTLINE","textStyle","textVariants","animatedValue","useRef","Animated","Value","current","mappedIconColor","JAVA","PITAYA","PEAR","TANGERINE","BLACKBERRY","CHIA","handlePressIn","event","timing","toValue","duration","useNativeDriver","start","handlePressOut","jsx","View","style","opacity","jsxs","Pressable","merge","buttonVariants","accessibilityRole","accessibilityState","iconButtonVariants","ChatbubbleEllipses","color","Typography","weight","ChevronRight"],"sourceRoot":"../../../../src","sources":["components/ListButton/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_index","_index2","_index3","_native","_classVariants","_tailwindPreset","_react","_jsxRuntime","ListButton","props","iconLeft","iconRight","children","variant","ListButtonVariantEnum","GRAPE","size","SizeEnum","SMALL","corners","CornersEnum","disabled","className","iconLeftContainerClassName","iconRightContainerClassName","accessibilityLabel","numberOfLines","onPressIn","onPressOut","rest","typographyVariantMap","small","medium","large","typographyVariant","chevronIconColor","OUTLINE","textStyle","textVariants","animatedValue","useRef","Animated","Value","current","handlePressIn","event","timing","toValue","duration","useNativeDriver","start","handlePressOut","renderLeftIcon","jsx","View","renderRightIcon","ChevronRight","color","style","opacity","merge","buttonVariants","jsxs","Pressable","accessibilityRole","undefined","accessibilityState","Typography","ellipsizeMode","weight"],"sourceRoot":"../../../../src","sources":["components/ListButton/index.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/OtpInput/assets/class-variant.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.inputVariants = void 0;
 var _classVarianceAuthority = require("class-variance-authority");
-const inputVariants = exports.inputVariants = (0, _classVarianceAuthority.cva)("h-1000 flex-1 text-center text-3 font-bold leading-600 border-100 bg-chia-100 placeholder-chia-400", {
+const inputVariants = exports.inputVariants = (0, _classVarianceAuthority.cva)("h-1000 flex-1 text-center text-3 font-bold leading-1300 border-100 bg-chia-100 placeholder-chia-400", {
   variants: {
     rounded: {
       true: "rounded-700",

package/dist/commonjs/components/OtpInput/assets/class-variant.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classVarianceAuthority","require","inputVariants","exports","cva","variants","rounded","true","false","disabled","hasError"],"sourceRoot":"../../../../../src","sources":["components/OtpInput/assets/class-variant.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEO,MAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,2BAAG,EAC9B,oGAAoG,EACpG;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,IAAI,EAAE,aAAa;MACnBC,KAAK,EAAE;IACT,CAAC;IACDC,QAAQ,EAAE;MACRF,IAAI,EAAE,YAAY;MAClBC,KAAK,EAAE;IACT,CAAC;IACDE,QAAQ,EAAE;MACRH,IAAI,EAAE,2CAA2C;MACjDC,KAAK,EAAE;IACT;EACF;AACF,CACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_classVarianceAuthority","require","inputVariants","exports","cva","variants","rounded","true","false","disabled","hasError"],"sourceRoot":"../../../../../src","sources":["components/OtpInput/assets/class-variant.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEO,MAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,2BAAG,EAC9B,qGAAqG,EACrG;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,IAAI,EAAE,aAAa;MACnBC,KAAK,EAAE;IACT,CAAC;IACDC,QAAQ,EAAE;MACRF,IAAI,EAAE,YAAY;MAClBC,KAAK,EAAE;IACT,CAAC;IACDE,QAAQ,EAAE;MACRH,IAAI,EAAE,2CAA2C;MACjDC,KAAK,EAAE;IACT;EACF;AACF,CACF,CAAC","ignoreList":[]}

package/dist/commonjs/components/OtpInput/components/InformationStatus/index.js

@@ -21,13 +21,13 @@ var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function InformationStatus(props) {
   const {
-    status = _index7.InformationStatusEnum.DEFAULT,
+    status = _index7.OTPInputInformationStatusEnum.DEFAULT,
     disabled = false,
     onPress
   } = props;
   const renderInformation = (0, _react.useMemo)(() => {
     const textStyle = (0, _tailwindPreset.merge)("", disabled && "opacity-50");
-    if (status === _index7.InformationStatusEnum.DEFAULT) {
+    if (status === _index7.OTPInputInformationStatusEnum.DEFAULT) {
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Button, {
           variant: "outline",
@@ -44,7 +44,7 @@ function InformationStatus(props) {
         })]
       });
     }
-    if (status === _index7.InformationStatusEnum.LOADING) {
+    if (status === _index7.OTPInputInformationStatusEnum.LOADING) {
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.default, {
           variant: "dark"
@@ -56,21 +56,23 @@ function InformationStatus(props) {
         })]
       });
     }
-    if (status === _index7.InformationStatusEnum.SUCCESS) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.Chip, {
-          variant: _index5.ChipVariantEnum.OUTLINE,
-          sealVariant: _index6.SealVariantEnum.SUCCESS,
-          label: "Confirmado"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.HighlightedText, {
+    if (status === _index7.OTPInputInformationStatusEnum.SUCCESS) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        className: "flex flex-col mt-600 gap-600 items-center",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.HighlightedText, {
           highlightText: "C\xF3digo validado",
           text: "com sucesso.",
           reverse: true,
           className: textStyle
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.Chip, {
+          variant: _index5.ChipVariantEnum.OUTLINE,
+          sealVariant: _index6.SealVariantEnum.SUCCESS,
+          label: "Confirmado",
+          className: "max-w-fit"
         })]
       });
     }
-    if (status === _index7.InformationStatusEnum.ERROR) {
+    if (status === _index7.OTPInputInformationStatusEnum.ERROR) {
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Button, {
           variant: "outline",

package/dist/commonjs/components/OtpInput/components/InformationStatus/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Object","defineProperty","exports","value","InformationStatus","default","_react","require","_tailwindPreset","_index","_index2","_index3","_interopRequireDefault","_index4","_reactNative","_index5","_index6","_index7","_index8","_jsxRuntime","e","__esModule","props","status","InformationStatusEnum","DEFAULT","disabled","onPress","renderInformation","useMemo","textStyle","merge","jsxs","Fragment","children","jsx","Button","variant","corners","CornersEnum","MEDIUM","size","SizeEnum","SMALL","HighlightedText","highlightText","text","reverse","className","LOADING","SUCCESS","Chip","ChipVariantEnum","OUTLINE","sealVariant","SealVariantEnum","label","ERROR","Text","_default"],"sourceRoot":"../../../../../../src","sources":["components/OtpInput/components/InformationStatus/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Object","defineProperty","exports","value","InformationStatus","default","_react","require","_tailwindPreset","_index","_index2","_index3","_interopRequireDefault","_index4","_reactNative","_index5","_index6","_index7","_index8","_jsxRuntime","e","__esModule","props","status","OTPInputInformationStatusEnum","DEFAULT","disabled","onPress","renderInformation","useMemo","textStyle","merge","jsxs","Fragment","children","jsx","Button","variant","corners","CornersEnum","MEDIUM","size","SizeEnum","SMALL","HighlightedText","highlightText","text","reverse","className","LOADING","SUCCESS","View","Chip","ChipVariantEnum","OUTLINE","sealVariant","SealVariantEnum","label","ERROR","Text","_default"],"sourceRoot":"../../../../../../src","sources":["components/OtpInput/components/InformationStatus/index.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/OtpInput/enums/index.js

@@ -3,13 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.InformationStatusEnum = void 0;
-let InformationStatusEnum = exports.InformationStatusEnum = /*#__PURE__*/function (InformationStatusEnum) {
-  InformationStatusEnum["DEFAULT"] = "default";
-  InformationStatusEnum["ERROR"] = "error";
-  InformationStatusEnum["SUCCESS"] = "success";
-  InformationStatusEnum["LOADING"] = "loading";
-  InformationStatusEnum["COOLDOWN"] = "cooldown";
-  return InformationStatusEnum;
+exports.OTPInputInformationStatusEnum = void 0;
+let OTPInputInformationStatusEnum = exports.OTPInputInformationStatusEnum = /*#__PURE__*/function (OTPInputInformationStatusEnum) {
+  OTPInputInformationStatusEnum["DEFAULT"] = "default";
+  OTPInputInformationStatusEnum["ERROR"] = "error";
+  OTPInputInformationStatusEnum["SUCCESS"] = "success";
+  OTPInputInformationStatusEnum["LOADING"] = "loading";
+  return OTPInputInformationStatusEnum;
 }({});
 //# sourceMappingURL=index.js.map

package/dist/commonjs/components/OtpInput/enums/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["InformationStatusEnum","exports"],"sourceRoot":"../../../../../src","sources":["components/OtpInput/enums/index.ts"],"mappings":";;;;;;IAAYA,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,0BAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAAA,OAArBA,qBAAqB;AAAA","ignoreList":[]}
+{"version":3,"names":["OTPInputInformationStatusEnum","exports"],"sourceRoot":"../../../../../src","sources":["components/OtpInput/enums/index.ts"],"mappings":";;;;;;IAAYA,6BAA6B,GAAAC,OAAA,CAAAD,6BAAA,0BAA7BA,6BAA6B;EAA7BA,6BAA6B;EAA7BA,6BAA6B;EAA7BA,6BAA6B;EAA7BA,6BAA6B;EAAA,OAA7BA,6BAA6B;AAAA","ignoreList":[]}

package/dist/commonjs/components/OtpInput/index.js

@@ -6,16 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.OtpInput = OtpInput;
 exports.default = void 0;
 var _react = require("react");
+var _index = require("./enums/index.js");
 var _reactNative = require("react-native");
 var _tailwindPreset = require("@kivid/tailwind-preset");
-var _index = require("./components/index.js");
-var _index2 = require("./enums/index.js");
 var _classVariant = require("./assets/class-variant.js");
+var _index2 = require("./components/index.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function OtpInput(props) {
   const {
-    status = _index2.InformationStatusEnum.DEFAULT,
-    OTPInputsQuantity = 6,
+    status = _index.OTPInputInformationStatusEnum.DEFAULT,
+    length = 6,
     customInformation,
     rounded = false,
     disabled = false,
@@ -23,117 +23,82 @@ function OtpInput(props) {
     onChange,
     onPressRetryToken
   } = props;
-  const inputsRef = (0, _react.useRef)([]);
-  const [inputValues, setInputValues] = (0, _react.useState)(Array(OTPInputsQuantity).fill(""));
-  const hasError = status === _index2.InformationStatusEnum.ERROR;
-  function handlePress() {
-    const values = [...inputValues];
-    const inputRefValuesJoined = values.join("");
-    if (inputRefValuesJoined.length === OTPInputsQuantity) {
-      onPressRetryToken?.(inputRefValuesJoined);
-    }
+  const hasError = status === _index.OTPInputInformationStatusEnum.ERROR;
+  const [code, setCode] = (0, _react.useState)('');
+  const textInputRef = (0, _react.useRef)(null);
+  const codeDigitsArray = new Array(length).fill(0);
+  const inputStyle = (0, _tailwindPreset.merge)((0, _classVariant.inputVariants)({
+    rounded,
+    hasError,
+    disabled
+  }), inputClassName);
+  const [inputContainerIsFocused, setInputContainerIsFocused] = (0, _react.useState)(false);
+  function handleOnPress() {
+    setInputContainerIsFocused(true);
+    textInputRef.current?.focus();
   }
-  const handleChange = (event, index) => {
-    const text = event.nativeEvent.text;
-    const newValues = [...inputValues];
-    if (text.length > 1) {
-      const chars = text.split("");
-      let targetIndex = index;
-      chars.forEach(char => {
-        if (targetIndex < OTPInputsQuantity) {
-          newValues[targetIndex] = char;
-          targetIndex++;
-        }
-      });
-      setInputValues(newValues);
-      onChange?.(newValues.join(""));
-      const nextEmptyIndex = newValues.findIndex(value => !value);
-      if (nextEmptyIndex !== -1) {
-        inputsRef.current[nextEmptyIndex]?.focus();
-      } else {
-        inputsRef.current[OTPInputsQuantity - 1]?.focus();
-      }
-      return;
-    }
-    newValues[index] = text;
-    setInputValues(newValues);
-    onChange?.(newValues.join(""));
-    if (text && index < OTPInputsQuantity - 1) {
-      const nextEmptyIndex = newValues.findIndex((v, i) => i > index && !v);
-      if (nextEmptyIndex !== -1) {
-        inputsRef.current[nextEmptyIndex]?.focus();
-      }
-    }
-  };
-  const handleKeyDown = (e, index) => {
-    if (e.nativeEvent.key === "Backspace") {
-      const hasValueAhead = inputValues.slice(index + 1).some(value => value);
-      if (hasValueAhead) {
-        const lastFilledIndex = [...inputValues].map((value, i) => value ? i : -1).filter(i => i !== -1).pop();
-        if (lastFilledIndex !== undefined) {
-          inputsRef.current[lastFilledIndex]?.focus();
-        }
-        return;
-      }
-      if (inputValues[index]) {
-        const newValues = [...inputValues];
-        newValues[index] = "";
-        setInputValues(newValues);
-      }
-      if (index > 0) {
-        inputsRef.current[index - 1]?.focus();
-      }
-    }
-  };
-  const handleFocus = (event, index) => {
-    const firstEmptyIndex = inputValues.findIndex(value => !value);
-    if (firstEmptyIndex !== -1 && index > firstEmptyIndex) {
-      inputsRef.current[firstEmptyIndex]?.focus();
-      event.preventDefault();
-      return;
+  function handleOnBlur() {
+    setInputContainerIsFocused(false);
+  }
+  function handleChangeText(text) {
+    const textInputQuantity = text.replace(/\s+/g, '').slice(0, length);
+    setCode(textInputQuantity);
+    if (textInputQuantity.length === length) {
+      onChange?.(textInputQuantity);
     }
-    if (firstEmptyIndex === -1 && index < OTPInputsQuantity - 1) {
-      inputsRef.current[OTPInputsQuantity - 1]?.focus();
-      event.preventDefault();
+  }
+  function handleInformationStatusOnPress() {
+    if (code.length === length) {
+      onPressRetryToken?.(code);
     }
-  };
+  }
   function renderInformationStatus() {
     if (customInformation) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
         children: customInformation
       });
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.InformationStatus, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.InformationStatus, {
       status: status,
-      onPress: handlePress
+      onPress: handleInformationStatusOnPress
     });
   }
-  const inputStyle = (0, _tailwindPreset.merge)((0, _classVariant.inputVariants)({
-    rounded,
-    hasError,
-    disabled
-  }), inputClassName);
+  function renderDigit(_value, index) {
+    const isCurrentDigit = index === code.length;
+    const isLastDigit = index === length - 1;
+    const isCodeFull = code.length === length;
+    const isDigitFocused = isCurrentDigit && inputContainerIsFocused || isLastDigit && isCodeFull && inputContainerIsFocused;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      className: inputStyle,
+      style: {
+        ...(isDigitFocused ? {
+          borderColor: '#98A3A3'
+        } : {}),
+        ...(code[index] ? {} : {
+          color: '#98A3A3'
+        })
+      },
+      children: code[index] ?? "•"
+    }, index);
+  }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    className: "flex flex-col items-center gap-600",
+    className: "flex-col gap-300 max-w-[280px] items-center justify-between",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      className: "flex-row gap-300 max-w-[280px] items-center justify-between",
-      children: Array.from({
-        length: OTPInputsQuantity
-      }).map((_, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-        ref: ref => {
-          inputsRef.current[i] = ref;
-        },
-        textContentType: "oneTimeCode",
-        placeholder: "_",
-        className: inputStyle,
-        autoComplete: _reactNative.Platform.OS === "android" ? "sms-otp" : "one-time-code",
-        placeholderTextColor: "#DEE7E7",
-        editable: !disabled,
-        value: inputValues[i],
-        onChange: e => handleChange(e, i),
-        onKeyPress: e => handleKeyDown(e, i),
-        onFocus: e => handleFocus(e, i)
-      }, `otp-input-${i}`))
+      className: "w-full flex-row justify-around gap-400",
+      children: codeDigitsArray.map(renderDigit)
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+      className: "w-full h-1000 absolute text-transparent",
+      value: code,
+      onChangeText: handleChangeText,
+      maxLength: length,
+      editable: !disabled,
+      returnKeyType: "done",
+      textContentType: "oneTimeCode",
+      ref: textInputRef,
+      onBlur: handleOnBlur,
+      onPress: handleOnPress,
+      caretHidden: true,
+      autoComplete: _reactNative.Platform.OS === "android" ? "sms-otp" : "one-time-code"
     }), renderInformationStatus()]
   });
 }

package/dist/commonjs/components/OtpInput/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_tailwindPreset","_index","_index2","_classVariant","_jsxRuntime","OtpInput","props","status","InformationStatusEnum","DEFAULT","OTPInputsQuantity","customInformation","rounded","disabled","inputClassName","onChange","onPressRetryToken","inputsRef","useRef","inputValues","setInputValues","useState","Array","fill","hasError","ERROR","handlePress","values","inputRefValuesJoined","join","length","handleChange","event","index","text","nativeEvent","newValues","chars","split","targetIndex","forEach","char","nextEmptyIndex","findIndex","value","current","focus","v","i","handleKeyDown","e","key","hasValueAhead","slice","some","lastFilledIndex","map","filter","pop","undefined","handleFocus","firstEmptyIndex","preventDefault","renderInformationStatus","jsx","Fragment","children","InformationStatus","onPress","inputStyle","merge","inputVariants","jsxs","View","className","from","_","TextInput","ref","textContentType","placeholder","autoComplete","Platform","OS","placeholderTextColor","editable","onKeyPress","onFocus","_default","exports","default"],"sourceRoot":"../../../../src","sources":["components/OtpInput/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_index","_reactNative","_tailwindPreset","_classVariant","_index2","_jsxRuntime","OtpInput","props","status","OTPInputInformationStatusEnum","DEFAULT","length","customInformation","rounded","disabled","inputClassName","onChange","onPressRetryToken","hasError","ERROR","code","setCode","useState","textInputRef","useRef","codeDigitsArray","Array","fill","inputStyle","merge","inputVariants","inputContainerIsFocused","setInputContainerIsFocused","handleOnPress","current","focus","handleOnBlur","handleChangeText","text","textInputQuantity","replace","slice","handleInformationStatusOnPress","renderInformationStatus","jsx","Fragment","children","InformationStatus","onPress","renderDigit","_value","index","isCurrentDigit","isLastDigit","isCodeFull","isDigitFocused","Text","className","style","borderColor","color","jsxs","View","map","TextInput","value","onChangeText","maxLength","editable","returnKeyType","textContentType","ref","onBlur","caretHidden","autoComplete","Platform","OS","_default","exports","default"],"sourceRoot":"../../../../src","sources":["components/OtpInput/index.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/PasswordInput/index.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PasswordInput = PasswordInput;
+var _react = require("react");
+var _index = _interopRequireDefault(require("../TextInput/index.js"));
+var _index2 = require("../IconButton/index.js");
+var _native = require("@kivid/icons/native");
+var _enums = require("../IconButton/enums.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function PasswordInput(props) {
+  const [shouldHidePassword, setShouldHidePassword] = (0, _react.useState)(true);
+  function toogleHidePassword() {
+    setShouldHidePassword(!shouldHidePassword);
+  }
+  function renderIcon() {
+    if (shouldHidePassword) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_native.Eye, {
+        size: 24,
+        className: "text-chia-900"
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_native.EyeOff, {
+      size: 24,
+      className: "text-chia-900"
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+    ...props,
+    secureTextEntry: shouldHidePassword,
+    rightIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.IconButton, {
+      onPress: toogleHidePassword,
+      accessibilityLabel: "Toggle Password Visibility",
+      variant: _enums.IconButtonVariantEnum.GHOST,
+      icon: renderIcon()
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

package/dist/commonjs/components/PasswordInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_index","_interopRequireDefault","_index2","_native","_enums","_jsxRuntime","e","__esModule","default","PasswordInput","props","shouldHidePassword","setShouldHidePassword","useState","toogleHidePassword","renderIcon","jsx","Eye","size","className","EyeOff","secureTextEntry","rightIcon","IconButton","onPress","accessibilityLabel","variant","IconButtonVariantEnum","GHOST","icon"],"sourceRoot":"../../../../src","sources":["components/PasswordInput/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAA4D,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAE,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAErD,SAASG,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAM,CAACC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAG,IAAAC,eAAQ,EAAC,IAAI,CAAC;EAElE,SAASC,kBAAkBA,CAAA,EAAG;IAC5BF,qBAAqB,CAAC,CAACD,kBAAkB,CAAC;EAC5C;EAEA,SAASI,UAAUA,CAAA,EAAG;IACpB,IAAIJ,kBAAkB,EAAE;MACtB,oBAAO,IAAAN,WAAA,CAAAW,GAAA,EAACb,OAAA,CAAAc,GAAG;QAACC,IAAI,EAAE,EAAG;QAACC,SAAS,EAAC;MAAe,CAAE,CAAC;IACpD;IAEA,oBAAO,IAAAd,WAAA,CAAAW,GAAA,EAACb,OAAA,CAAAiB,MAAM;MAACF,IAAI,EAAE,EAAG;MAACC,SAAS,EAAC;IAAe,CAAE,CAAC;EACvD;EAEA,oBACE,IAAAd,WAAA,CAAAW,GAAA,EAAChB,MAAA,CAAAQ,OAAS;IAAA,GACJE,KAAK;IACTW,eAAe,EAAEV,kBAAmB;IACpCW,SAAS,eACP,IAAAjB,WAAA,CAAAW,GAAA,EAACd,OAAA,CAAAqB,UAAU;MACTC,OAAO,EAAEV,kBAAmB;MAC5BW,kBAAkB,EAAC,4BAA4B;MAC/CC,OAAO,EAAEC,4BAAqB,CAACC,KAAM;MACrCC,IAAI,EAAEd,UAAU,CAAC;IAAE,CACpB;EACF,CACF,CAAC;AAEN","ignoreList":[]}

package/dist/commonjs/components/PasswordInput/types.js

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

package/dist/commonjs/components/PasswordInput/types.js.map

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