@planetaexo/design-system 0.4.17 → 0.4.18

package/dist/index.js

@@ -5064,11 +5064,10 @@ var OTPCodeInput = ({
       e.preventDefault();
     }
   };
-  const handlePaste = (e) => {
+  const handlePaste = (e, startIndex) => {
     e.preventDefault();
     const pasted = e.clipboardData.getData("text").replace(/\D/g, "").slice(0, length);
     if (!pasted) return;
-    const startIndex = focusedIndexRef.current;
     const newDigits = [...digits];
     for (let i = 0; i < pasted.length && startIndex + i < length; i++) {
       newDigits[startIndex + i] = pasted[i];
@@ -5098,7 +5097,6 @@ var OTPCodeInput = ({
         ),
         role: "group",
         "aria-label": label,
-        onPaste: handlePaste,
         children: digits.map((digit, index) => /* @__PURE__ */ jsx(
           "input",
           {
@@ -5109,13 +5107,14 @@ var OTPCodeInput = ({
             type: "text",
             inputMode: "numeric",
             pattern: "\\d*",
-            maxLength: 2,
+            maxLength: 1,
             value: digit,
             autoComplete: index === 0 ? "one-time-code" : "off",
             "aria-label": `${label} d\xEDgito ${index + 1} de ${length}`,
             disabled,
             onChange: (e) => handleChange(index, e.target.value),
             onKeyDown: (e) => handleKeyDown(index, e),
+            onPaste: (e) => handlePaste(e, index),
             onFocus: (e) => {
               focusedIndexRef.current = index;
               e.target.select();