@dmsi/wedgekit-react 0.0.1247 → 0.0.1249

package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs

@@ -2342,6 +2342,14 @@ var import_react11 = require("react");
 var import_react10 = require("react");
 var import_clsx11 = __toESM(require("clsx"), 1);
 var import_jsx_runtime11 = require("react/jsx-runtime");
+function hasEquivalentNumericValue(currentValue, nextValue) {
+  if (!currentValue || !nextValue) {
+    return false;
+  }
+  const currentNumericValue = Number(currentValue.replace(/,/g, ""));
+  const nextNumericValue = Number(nextValue.replace(/,/g, ""));
+  return !Number.isNaN(currentNumericValue) && !Number.isNaN(nextNumericValue) && currentNumericValue === nextNumericValue;
+}
 var InputBase = (_a) => {
   var _b = _a, {
     id,
@@ -2564,28 +2572,33 @@ var Input = (_a) => {
   const [internalValue, setInternalValue] = (0, import_react10.useState)("");
   const [displayValue, setDisplayValue] = (0, import_react10.useState)("");
   const [isFocused, setIsFocused] = (0, import_react10.useState)(false);
+  const internalValueRef = (0, import_react10.useRef)("");
+  const setInputValues = (nextInternalValue, nextDisplayValue) => {
+    internalValueRef.current = nextInternalValue;
+    setInternalValue(nextInternalValue);
+    setDisplayValue(nextDisplayValue);
+  };
   (0, import_react10.useEffect)(() => {
     var _a2;
     const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
     const shouldUseThousandsFormatting = variant === "currency" || variant === "uom" && currencyFormat;
     if (!stringValue) {
-      setInternalValue("");
-      setDisplayValue("");
+      setInputValues("", "");
       return;
     }
     if (!shouldUseThousandsFormatting) {
-      setInternalValue(stringValue);
-      setDisplayValue(stringValue);
+      setInputValues(stringValue, stringValue);
+      return;
+    }
+    if (isFocused && hasEquivalentNumericValue(internalValueRef.current, stringValue)) {
       return;
     }
-    const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
     if (formatOnBlur && isFocused) {
-      setInternalValue(stringValue);
-      setDisplayValue(stringValue);
+      setInputValues(stringValue, stringValue);
       return;
     }
-    setInternalValue(formatted);
-    setDisplayValue(formatCurrencyDisplay(formatted));
+    const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
+    setInputValues(formatted, formatCurrencyDisplay(formatted));
   }, [propValue, variant, currencyFormat, decimals, formatOnBlur, isFocused]);
   const getInputProps = () => {
     var _a2;
@@ -2607,6 +2620,7 @@ var Input = (_a) => {
         return __spreadProps(__spreadValues({}, baseProps), {
           align: "right",
           type: "text",
+          inputMode: "decimal",
           value: displayValue
         });
       case "percentage":
@@ -2614,6 +2628,7 @@ var Input = (_a) => {
         return __spreadProps(__spreadValues({}, baseProps), {
           type: currencyFormat ? "text" : "number",
           align: "right",
+          inputMode: currencyFormat ? "decimal" : void 0,
           value: currencyFormat ? displayValue : propValue
         });
       default:
@@ -2660,8 +2675,7 @@ var Input = (_a) => {
     }
   };
   const handleSearchReset = () => {
-    setInternalValue("");
-    setDisplayValue("");
+    setInputValues("", "");
     if (onChange) {
       const syntheticEvent = {
         target: { value: "" }
@@ -2678,8 +2692,7 @@ var Input = (_a) => {
     if (variant === "currency") {
       const raw = rawValue.replace(/,/g, "");
       if (raw === "") {
-        setInternalValue("");
-        setDisplayValue("");
+        setInputValues("", "");
         if (onChange) {
           const syntheticEvent = __spreadProps(__spreadValues({}, e), {
             target: __spreadProps(__spreadValues({}, e.target), { value: "" })
@@ -2700,8 +2713,8 @@ var Input = (_a) => {
           clamped.toString(),
           currentDecimals
         );
-        setInternalValue(formattedClamped);
-        setDisplayValue(
+        setInputValues(
+          formattedClamped,
           formatOnBlur ? formattedClamped : formatCurrencyDisplay(formattedClamped)
         );
         if (onChange) {
@@ -2712,8 +2725,7 @@ var Input = (_a) => {
         }
         return;
       }
-      setInternalValue(raw);
-      setDisplayValue(formatOnBlur ? raw : formatCurrencyDisplay(raw));
+      setInputValues(raw, formatOnBlur ? raw : formatCurrencyDisplay(raw));
       if (!isNaN(asNumber) && onChange) {
         const syntheticEvent = __spreadProps(__spreadValues({}, e), {
           target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
@@ -2725,8 +2737,7 @@ var Input = (_a) => {
     if (variant === "uom" && currencyFormat) {
       const raw = rawValue.replace(/,/g, "");
       if (raw === "") {
-        setInternalValue("");
-        setDisplayValue("");
+        setInputValues("", "");
         if (onChange) {
           const syntheticEvent = __spreadProps(__spreadValues({}, e), {
             target: __spreadProps(__spreadValues({}, e.target), { value: "" })
@@ -2747,8 +2758,10 @@ var Input = (_a) => {
           clamped.toString(),
           currentDecimals
         );
-        setInternalValue(formattedClamped);
-        setDisplayValue(formatCurrencyDisplay(formattedClamped));
+        setInputValues(
+          formattedClamped,
+          formatCurrencyDisplay(formattedClamped)
+        );
         if (onChange) {
           const syntheticEvent = __spreadProps(__spreadValues({}, e), {
             target: __spreadProps(__spreadValues({}, e.target), { value: clamped.toString() })
@@ -2757,8 +2770,7 @@ var Input = (_a) => {
         }
         return;
       }
-      setInternalValue(raw);
-      setDisplayValue(formatCurrencyDisplay(raw));
+      setInputValues(raw, formatCurrencyDisplay(raw));
       if (!isNaN(asNumber) && onChange) {
         const syntheticEvent = __spreadProps(__spreadValues({}, e), {
           target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
@@ -2775,8 +2787,7 @@ var Input = (_a) => {
           clamped.toString(),
           decimals != null ? decimals : 0
         );
-        setInternalValue(formattedClamped);
-        setDisplayValue(formattedClamped);
+        setInputValues(formattedClamped, formattedClamped);
         if (typeof onChange === "function") {
           const syntheticEvent = __spreadProps(__spreadValues({}, e), {
             target: __spreadProps(__spreadValues({}, e.target), { value: clamped.toString() })
@@ -2785,15 +2796,13 @@ var Input = (_a) => {
         }
         return;
       }
-      setInternalValue(rawValue);
-      setDisplayValue(rawValue);
+      setInputValues(rawValue, rawValue);
       if (typeof onChange === "function") {
         onChange(e);
       }
       return;
     }
-    setInternalValue(rawValue);
-    setDisplayValue(rawValue);
+    setInputValues(rawValue, rawValue);
     if (typeof onChange === "function") {
       onChange(e);
     }
@@ -2806,8 +2815,7 @@ var Input = (_a) => {
     }
     if (variant === "currency") {
       const formatted = formatDecimalValue(internalValue, decimals != null ? decimals : 2);
-      setInternalValue(formatted);
-      setDisplayValue(formatCurrencyDisplay(formatted));
+      setInputValues(formatted, formatCurrencyDisplay(formatted));
       const asNumber = Number(formatted);
       if (!isNaN(asNumber) && onChange) {
         const syntheticEvent = __spreadProps(__spreadValues({}, e), {
@@ -2818,8 +2826,7 @@ var Input = (_a) => {
     } else if (variant === "uom") {
       if (currencyFormat) {
         const formatted = formatDecimalValue(internalValue, decimals != null ? decimals : 2);
-        setInternalValue(formatted);
-        setDisplayValue(formatCurrencyDisplay(formatted));
+        setInputValues(formatted, formatCurrencyDisplay(formatted));
         const asNumber = Number(formatted);
         if (!isNaN(asNumber) && onChange) {
           const syntheticEvent = __spreadProps(__spreadValues({}, e), {

package/dist/components/MobileDataGrid/MobileDataGridHeader.js

@@ -1,6 +1,6 @@
 import {
   MobileDataGridHeader
-} from "../../chunk-5UPADXVU.js";
+} from "../../chunk-WSZ3ET5G.js";
 import "../../chunk-3UPUZBP5.js";
 import "../../chunk-7ZJIGTFN.js";
 import "../../chunk-E3FOCECQ.js";
@@ -21,7 +21,7 @@ import "../../chunk-AJ5M6MVX.js";
 import "../../chunk-7IPESTQS.js";
 import "../../chunk-EWGHVZL5.js";
 import "../../chunk-AT4AWD6B.js";
-import "../../chunk-EA6Y4HXQ.js";
+import "../../chunk-4FUZDLWX.js";
 import "../../chunk-CIYLALYO.js";
 import "../../chunk-KBIEWFQS.js";
 import "../../chunk-NSZTJ5R4.js";
@@ -38,12 +38,12 @@ import "../../chunk-UARCWLMD.js";
 import "../../chunk-SJZNVG4N.js";
 import "../../chunk-75USUR3I.js";
 import "../../chunk-BWPNXY7T.js";
-import "../../chunk-PBJ2MEHM.js";
+import "../../chunk-QW4AJ5FK.js";
 import "../../chunk-3JUIYULW.js";
 import "../../chunk-OM7QLLI2.js";
 import "../../chunk-PE3EZP56.js";
-import "../../chunk-MOBFZ672.js";
-import "../../chunk-PABII472.js";
+import "../../chunk-3DJWSTPS.js";
+import "../../chunk-H5SHC4XZ.js";
 import "../../chunk-4UGMSWWA.js";
 import "../../chunk-WVUIIBRR.js";
 import "../../chunk-I3W5K76C.js";

package/dist/components/MobileDataGrid/index.cjs

@@ -2342,6 +2342,14 @@ var import_react11 = require("react");
 var import_react10 = require("react");
 var import_clsx11 = __toESM(require("clsx"), 1);
 var import_jsx_runtime11 = require("react/jsx-runtime");
+function hasEquivalentNumericValue(currentValue, nextValue) {
+  if (!currentValue || !nextValue) {
+    return false;
+  }
+  const currentNumericValue = Number(currentValue.replace(/,/g, ""));
+  const nextNumericValue = Number(nextValue.replace(/,/g, ""));
+  return !Number.isNaN(currentNumericValue) && !Number.isNaN(nextNumericValue) && currentNumericValue === nextNumericValue;
+}
 var InputBase = (_a) => {
   var _b = _a, {
     id,
@@ -2564,28 +2572,33 @@ var Input = (_a) => {
   const [internalValue, setInternalValue] = (0, import_react10.useState)("");
   const [displayValue, setDisplayValue] = (0, import_react10.useState)("");
   const [isFocused, setIsFocused] = (0, import_react10.useState)(false);
+  const internalValueRef = (0, import_react10.useRef)("");
+  const setInputValues = (nextInternalValue, nextDisplayValue) => {
+    internalValueRef.current = nextInternalValue;
+    setInternalValue(nextInternalValue);
+    setDisplayValue(nextDisplayValue);
+  };
   (0, import_react10.useEffect)(() => {
     var _a2;
     const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
     const shouldUseThousandsFormatting = variant === "currency" || variant === "uom" && currencyFormat;
     if (!stringValue) {
-      setInternalValue("");
-      setDisplayValue("");
+      setInputValues("", "");
       return;
     }
     if (!shouldUseThousandsFormatting) {
-      setInternalValue(stringValue);
-      setDisplayValue(stringValue);
+      setInputValues(stringValue, stringValue);
+      return;
+    }
+    if (isFocused && hasEquivalentNumericValue(internalValueRef.current, stringValue)) {
       return;
     }
-    const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
     if (formatOnBlur && isFocused) {
-      setInternalValue(stringValue);
-      setDisplayValue(stringValue);
+      setInputValues(stringValue, stringValue);
       return;
     }
-    setInternalValue(formatted);
-    setDisplayValue(formatCurrencyDisplay(formatted));
+    const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
+    setInputValues(formatted, formatCurrencyDisplay(formatted));
   }, [propValue, variant, currencyFormat, decimals, formatOnBlur, isFocused]);
   const getInputProps = () => {
     var _a2;
@@ -2607,6 +2620,7 @@ var Input = (_a) => {
         return __spreadProps(__spreadValues({}, baseProps), {
           align: "right",
           type: "text",
+          inputMode: "decimal",
           value: displayValue
         });
       case "percentage":
@@ -2614,6 +2628,7 @@ var Input = (_a) => {
         return __spreadProps(__spreadValues({}, baseProps), {
           type: currencyFormat ? "text" : "number",
           align: "right",
+          inputMode: currencyFormat ? "decimal" : void 0,
           value: currencyFormat ? displayValue : propValue
         });
       default:
@@ -2660,8 +2675,7 @@ var Input = (_a) => {
     }
   };
   const handleSearchReset = () => {
-    setInternalValue("");
-    setDisplayValue("");
+    setInputValues("", "");
     if (onChange) {
       const syntheticEvent = {
         target: { value: "" }
@@ -2678,8 +2692,7 @@ var Input = (_a) => {
     if (variant === "currency") {
       const raw = rawValue.replace(/,/g, "");
       if (raw === "") {
-        setInternalValue("");
-        setDisplayValue("");
+        setInputValues("", "");
         if (onChange) {
           const syntheticEvent = __spreadProps(__spreadValues({}, e), {
             target: __spreadProps(__spreadValues({}, e.target), { value: "" })
@@ -2700,8 +2713,8 @@ var Input = (_a) => {
           clamped.toString(),
           currentDecimals
         );
-        setInternalValue(formattedClamped);
-        setDisplayValue(
+        setInputValues(
+          formattedClamped,
           formatOnBlur ? formattedClamped : formatCurrencyDisplay(formattedClamped)
         );
         if (onChange) {
@@ -2712,8 +2725,7 @@ var Input = (_a) => {
         }
         return;
       }
-      setInternalValue(raw);
-      setDisplayValue(formatOnBlur ? raw : formatCurrencyDisplay(raw));
+      setInputValues(raw, formatOnBlur ? raw : formatCurrencyDisplay(raw));
       if (!isNaN(asNumber) && onChange) {
         const syntheticEvent = __spreadProps(__spreadValues({}, e), {
           target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
@@ -2725,8 +2737,7 @@ var Input = (_a) => {
     if (variant === "uom" && currencyFormat) {
       const raw = rawValue.replace(/,/g, "");
       if (raw === "") {
-        setInternalValue("");
-        setDisplayValue("");
+        setInputValues("", "");
         if (onChange) {
           const syntheticEvent = __spreadProps(__spreadValues({}, e), {
             target: __spreadProps(__spreadValues({}, e.target), { value: "" })
@@ -2747,8 +2758,10 @@ var Input = (_a) => {
           clamped.toString(),
           currentDecimals
         );
-        setInternalValue(formattedClamped);
-        setDisplayValue(formatCurrencyDisplay(formattedClamped));
+        setInputValues(
+          formattedClamped,
+          formatCurrencyDisplay(formattedClamped)
+        );
         if (onChange) {
           const syntheticEvent = __spreadProps(__spreadValues({}, e), {
             target: __spreadProps(__spreadValues({}, e.target), { value: clamped.toString() })
@@ -2757,8 +2770,7 @@ var Input = (_a) => {
         }
         return;
       }
-      setInternalValue(raw);
-      setDisplayValue(formatCurrencyDisplay(raw));
+      setInputValues(raw, formatCurrencyDisplay(raw));
       if (!isNaN(asNumber) && onChange) {
         const syntheticEvent = __spreadProps(__spreadValues({}, e), {
           target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
@@ -2775,8 +2787,7 @@ var Input = (_a) => {
           clamped.toString(),
           decimals != null ? decimals : 0
         );
-        setInternalValue(formattedClamped);
-        setDisplayValue(formattedClamped);
+        setInputValues(formattedClamped, formattedClamped);
         if (typeof onChange === "function") {
           const syntheticEvent = __spreadProps(__spreadValues({}, e), {
             target: __spreadProps(__spreadValues({}, e.target), { value: clamped.toString() })
@@ -2785,15 +2796,13 @@ var Input = (_a) => {
         }
         return;
       }
-      setInternalValue(rawValue);
-      setDisplayValue(rawValue);
+      setInputValues(rawValue, rawValue);
       if (typeof onChange === "function") {
         onChange(e);
       }
       return;
     }
-    setInternalValue(rawValue);
-    setDisplayValue(rawValue);
+    setInputValues(rawValue, rawValue);
     if (typeof onChange === "function") {
       onChange(e);
     }
@@ -2806,8 +2815,7 @@ var Input = (_a) => {
     }
     if (variant === "currency") {
       const formatted = formatDecimalValue(internalValue, decimals != null ? decimals : 2);
-      setInternalValue(formatted);
-      setDisplayValue(formatCurrencyDisplay(formatted));
+      setInputValues(formatted, formatCurrencyDisplay(formatted));
       const asNumber = Number(formatted);
       if (!isNaN(asNumber) && onChange) {
         const syntheticEvent = __spreadProps(__spreadValues({}, e), {
@@ -2818,8 +2826,7 @@ var Input = (_a) => {
     } else if (variant === "uom") {
       if (currencyFormat) {
         const formatted = formatDecimalValue(internalValue, decimals != null ? decimals : 2);
-        setInternalValue(formatted);
-        setDisplayValue(formatCurrencyDisplay(formatted));
+        setInputValues(formatted, formatCurrencyDisplay(formatted));
         const asNumber = Number(formatted);
         if (!isNaN(asNumber) && onChange) {
           const syntheticEvent = __spreadProps(__spreadValues({}, e), {

package/dist/components/MobileDataGrid/index.js

@@ -1,6 +1,6 @@
 import {
   MobileDataGrid
-} from "../../chunk-5UPADXVU.js";
+} from "../../chunk-WSZ3ET5G.js";
 import "../../chunk-3UPUZBP5.js";
 import "../../chunk-7ZJIGTFN.js";
 import "../../chunk-E3FOCECQ.js";
@@ -21,7 +21,7 @@ import "../../chunk-AJ5M6MVX.js";
 import "../../chunk-7IPESTQS.js";
 import "../../chunk-EWGHVZL5.js";
 import "../../chunk-AT4AWD6B.js";
-import "../../chunk-EA6Y4HXQ.js";
+import "../../chunk-4FUZDLWX.js";
 import "../../chunk-CIYLALYO.js";
 import "../../chunk-KBIEWFQS.js";
 import "../../chunk-NSZTJ5R4.js";
@@ -38,12 +38,12 @@ import "../../chunk-UARCWLMD.js";
 import "../../chunk-SJZNVG4N.js";
 import "../../chunk-75USUR3I.js";
 import "../../chunk-BWPNXY7T.js";
-import "../../chunk-PBJ2MEHM.js";
+import "../../chunk-QW4AJ5FK.js";
 import "../../chunk-3JUIYULW.js";
 import "../../chunk-OM7QLLI2.js";
 import "../../chunk-PE3EZP56.js";
-import "../../chunk-MOBFZ672.js";
-import "../../chunk-PABII472.js";
+import "../../chunk-3DJWSTPS.js";
+import "../../chunk-H5SHC4XZ.js";
 import "../../chunk-4UGMSWWA.js";
 import "../../chunk-WVUIIBRR.js";
 import "../../chunk-I3W5K76C.js";

package/dist/components/Password.cjs

@@ -376,6 +376,14 @@ Paragraph.displayName = "Paragraph";
 
 // src/components/Input.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
+function hasEquivalentNumericValue(currentValue, nextValue) {
+  if (!currentValue || !nextValue) {
+    return false;
+  }
+  const currentNumericValue = Number(currentValue.replace(/,/g, ""));
+  const nextNumericValue = Number(nextValue.replace(/,/g, ""));
+  return !Number.isNaN(currentNumericValue) && !Number.isNaN(nextNumericValue) && currentNumericValue === nextNumericValue;
+}
 var InputBase = (_a) => {
   var _b = _a, {
     id,
@@ -598,28 +606,33 @@ var Input = (_a) => {
   const [internalValue, setInternalValue] = (0, import_react.useState)("");
   const [displayValue, setDisplayValue] = (0, import_react.useState)("");
   const [isFocused, setIsFocused] = (0, import_react.useState)(false);
+  const internalValueRef = (0, import_react.useRef)("");
+  const setInputValues = (nextInternalValue, nextDisplayValue) => {
+    internalValueRef.current = nextInternalValue;
+    setInternalValue(nextInternalValue);
+    setDisplayValue(nextDisplayValue);
+  };
   (0, import_react.useEffect)(() => {
     var _a2;
     const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
     const shouldUseThousandsFormatting = variant === "currency" || variant === "uom" && currencyFormat;
     if (!stringValue) {
-      setInternalValue("");
-      setDisplayValue("");
+      setInputValues("", "");
       return;
     }
     if (!shouldUseThousandsFormatting) {
-      setInternalValue(stringValue);
-      setDisplayValue(stringValue);
+      setInputValues(stringValue, stringValue);
+      return;
+    }
+    if (isFocused && hasEquivalentNumericValue(internalValueRef.current, stringValue)) {
       return;
     }
-    const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
     if (formatOnBlur && isFocused) {
-      setInternalValue(stringValue);
-      setDisplayValue(stringValue);
+      setInputValues(stringValue, stringValue);
       return;
     }
-    setInternalValue(formatted);
-    setDisplayValue(formatCurrencyDisplay(formatted));
+    const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
+    setInputValues(formatted, formatCurrencyDisplay(formatted));
   }, [propValue, variant, currencyFormat, decimals, formatOnBlur, isFocused]);
   const getInputProps = () => {
     var _a2;
@@ -641,6 +654,7 @@ var Input = (_a) => {
         return __spreadProps(__spreadValues({}, baseProps), {
           align: "right",
           type: "text",
+          inputMode: "decimal",
           value: displayValue
         });
       case "percentage":
@@ -648,6 +662,7 @@ var Input = (_a) => {
         return __spreadProps(__spreadValues({}, baseProps), {
           type: currencyFormat ? "text" : "number",
           align: "right",
+          inputMode: currencyFormat ? "decimal" : void 0,
           value: currencyFormat ? displayValue : propValue
         });
       default:
@@ -694,8 +709,7 @@ var Input = (_a) => {
     }
   };
   const handleSearchReset = () => {
-    setInternalValue("");
-    setDisplayValue("");
+    setInputValues("", "");
     if (onChange) {
       const syntheticEvent = {
         target: { value: "" }
@@ -712,8 +726,7 @@ var Input = (_a) => {
     if (variant === "currency") {
       const raw = rawValue.replace(/,/g, "");
       if (raw === "") {
-        setInternalValue("");
-        setDisplayValue("");
+        setInputValues("", "");
         if (onChange) {
           const syntheticEvent = __spreadProps(__spreadValues({}, e), {
             target: __spreadProps(__spreadValues({}, e.target), { value: "" })
@@ -734,8 +747,8 @@ var Input = (_a) => {
           clamped.toString(),
           currentDecimals
         );
-        setInternalValue(formattedClamped);
-        setDisplayValue(
+        setInputValues(
+          formattedClamped,
           formatOnBlur ? formattedClamped : formatCurrencyDisplay(formattedClamped)
         );
         if (onChange) {
@@ -746,8 +759,7 @@ var Input = (_a) => {
         }
         return;
       }
-      setInternalValue(raw);
-      setDisplayValue(formatOnBlur ? raw : formatCurrencyDisplay(raw));
+      setInputValues(raw, formatOnBlur ? raw : formatCurrencyDisplay(raw));
       if (!isNaN(asNumber) && onChange) {
         const syntheticEvent = __spreadProps(__spreadValues({}, e), {
           target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
@@ -759,8 +771,7 @@ var Input = (_a) => {
     if (variant === "uom" && currencyFormat) {
       const raw = rawValue.replace(/,/g, "");
       if (raw === "") {
-        setInternalValue("");
-        setDisplayValue("");
+        setInputValues("", "");
         if (onChange) {
           const syntheticEvent = __spreadProps(__spreadValues({}, e), {
             target: __spreadProps(__spreadValues({}, e.target), { value: "" })
@@ -781,8 +792,10 @@ var Input = (_a) => {
           clamped.toString(),
           currentDecimals
         );
-        setInternalValue(formattedClamped);
-        setDisplayValue(formatCurrencyDisplay(formattedClamped));
+        setInputValues(
+          formattedClamped,
+          formatCurrencyDisplay(formattedClamped)
+        );
         if (onChange) {
           const syntheticEvent = __spreadProps(__spreadValues({}, e), {
             target: __spreadProps(__spreadValues({}, e.target), { value: clamped.toString() })
@@ -791,8 +804,7 @@ var Input = (_a) => {
         }
         return;
       }
-      setInternalValue(raw);
-      setDisplayValue(formatCurrencyDisplay(raw));
+      setInputValues(raw, formatCurrencyDisplay(raw));
       if (!isNaN(asNumber) && onChange) {
         const syntheticEvent = __spreadProps(__spreadValues({}, e), {
           target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
@@ -809,8 +821,7 @@ var Input = (_a) => {
           clamped.toString(),
           decimals != null ? decimals : 0
         );
-        setInternalValue(formattedClamped);
-        setDisplayValue(formattedClamped);
+        setInputValues(formattedClamped, formattedClamped);
         if (typeof onChange === "function") {
           const syntheticEvent = __spreadProps(__spreadValues({}, e), {
             target: __spreadProps(__spreadValues({}, e.target), { value: clamped.toString() })
@@ -819,15 +830,13 @@ var Input = (_a) => {
         }
         return;
       }
-      setInternalValue(rawValue);
-      setDisplayValue(rawValue);
+      setInputValues(rawValue, rawValue);
       if (typeof onChange === "function") {
         onChange(e);
       }
       return;
     }
-    setInternalValue(rawValue);
-    setDisplayValue(rawValue);
+    setInputValues(rawValue, rawValue);
     if (typeof onChange === "function") {
       onChange(e);
     }
@@ -840,8 +849,7 @@ var Input = (_a) => {
     }
     if (variant === "currency") {
       const formatted = formatDecimalValue(internalValue, decimals != null ? decimals : 2);
-      setInternalValue(formatted);
-      setDisplayValue(formatCurrencyDisplay(formatted));
+      setInputValues(formatted, formatCurrencyDisplay(formatted));
       const asNumber = Number(formatted);
       if (!isNaN(asNumber) && onChange) {
         const syntheticEvent = __spreadProps(__spreadValues({}, e), {
@@ -852,8 +860,7 @@ var Input = (_a) => {
     } else if (variant === "uom") {
       if (currencyFormat) {
         const formatted = formatDecimalValue(internalValue, decimals != null ? decimals : 2);
-        setInternalValue(formatted);
-        setDisplayValue(formatCurrencyDisplay(formatted));
+        setInputValues(formatted, formatCurrencyDisplay(formatted));
         const asNumber = Number(formatted);
         if (!isNaN(asNumber) && onChange) {
           const syntheticEvent = __spreadProps(__spreadValues({}, e), {

package/dist/components/Password.js

@@ -4,7 +4,7 @@ import {
 } from "../chunk-QG6NWMGA.js";
 import {
   InputBase
-} from "../chunk-PABII472.js";
+} from "../chunk-H5SHC4XZ.js";
 import "../chunk-4UGMSWWA.js";
 import "../chunk-ZRFXUER3.js";
 import "../chunk-WVGXD7HT.js";