@moontra/moonui-pro 3.4.35 → 3.4.37

package/dist/index.mjs

@@ -16519,6 +16519,12 @@ var MoonUIAnimatedButtonProInternal = React71__default.forwardRef(
     const handleClick2 = async (e) => {
       if (currentState === "loading")
         return;
+      if (props.type === "submit" && !onClick) {
+        return;
+      }
+      if (onClick) {
+        e.preventDefault();
+      }
       if (ripple) {
         const rect = e.currentTarget.getBoundingClientRect();
         const x = e.clientX - rect.left;
@@ -70687,7 +70693,7 @@ function formatPhoneNumber(number) {
     return cleaned;
   } else if (cleaned.length <= 6) {
     return `(${cleaned.slice(0, 3)}) ${cleaned.slice(3)}`;
-  } else if (cleaned.length <= 10) {
+  } else if (cleaned.length <= 8) {
     return `(${cleaned.slice(0, 3)}) ${cleaned.slice(3, 6)} ${cleaned.slice(6)}`;
   } else {
     return `(${cleaned.slice(0, 3)}) ${cleaned.slice(3, 6)} ${cleaned.slice(6, 8)} ${cleaned.slice(8, 10)}`;
@@ -70713,6 +70719,12 @@ var MoonUIPhoneNumberInputSimple = React71__default.forwardRef(({
   const [isFocused, setIsFocused] = useState(false);
   const [localValue, setLocalValue] = useState(value);
   const isValid = validatePhoneNumber(localValue);
+  useEffect(() => {
+    if (value !== void 0 && value !== localValue) {
+      const formatted = formatPhoneNumber(value);
+      setLocalValue(formatted);
+    }
+  }, [value]);
   const handleChange = (e) => {
     const newValue = e.target.value;
     const formattedValue = formatPhoneNumber(newValue);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@moontra/moonui-pro",
-    "version": "3.4.35",
+    "version": "3.4.37",
     "description": "Premium React components for MoonUI - Advanced UI library with 50+ pro components including performance, interactive, and gesture components",
     "type": "module",
     "main": "dist/index.mjs",