@dmsi/wedgekit-react 0.0.1010 → 0.0.1011

package/dist/components/MobileDataGrid/index.js

@@ -1,6 +1,6 @@
 import {
   MobileDataGrid
-} from "../../chunk-RLJU65SD.js";
+} from "../../chunk-PJQHRERH.js";
 import "../../chunk-2UNLVJU5.js";
 import "../../chunk-POZD6R3P.js";
 import "../../chunk-M7INAUAJ.js";
@@ -21,7 +21,7 @@ import "../../chunk-7IPESTQS.js";
 import "../../chunk-Z2HPSFEQ.js";
 import "../../chunk-AT4AWD6B.js";
 import "../../chunk-EWGHVZL5.js";
-import "../../chunk-FZ2TEKOE.js";
+import "../../chunk-IEKZBWVL.js";
 import "../../chunk-I57U5THY.js";
 import "../../chunk-KBIEWFQS.js";
 import "../../chunk-NSZTJ5R4.js";
@@ -38,12 +38,12 @@ import "../../chunk-3IAXYRUR.js";
 import "../../chunk-SJZNVG4N.js";
 import "../../chunk-75USUR3I.js";
 import "../../chunk-BWPNXY7T.js";
-import "../../chunk-5NRKL5CJ.js";
+import "../../chunk-FFCSDPXR.js";
 import "../../chunk-OM7QLLI2.js";
 import "../../chunk-PE3EZP56.js";
 import "../../chunk-X3NDEFVA.js";
-import "../../chunk-FHXCCVOG.js";
-import "../../chunk-7T5RGDCN.js";
+import "../../chunk-72WLEGGU.js";
+import "../../chunk-NEMOTB6U.js";
 import "../../chunk-HXGJVYGQ.js";
 import "../../chunk-WVUIIBRR.js";
 import "../../chunk-M7WHWZ2J.js";

package/dist/components/Password.cjs

@@ -570,6 +570,7 @@ var Input = (_a) => {
     variant = "default",
     decimals,
     uom,
+    currencyFormat = false,
     removeSearchIcon,
     value: propValue,
     onChange,
@@ -582,6 +583,7 @@ var Input = (_a) => {
     "variant",
     "decimals",
     "uom",
+    "currencyFormat",
     "removeSearchIcon",
     "value",
     "onChange",
@@ -596,22 +598,21 @@ var Input = (_a) => {
   (0, import_react.useEffect)(() => {
     var _a2;
     const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
-    setInternalValue(stringValue);
-    setDisplayValue(stringValue);
-  }, [propValue]);
-  (0, import_react.useEffect)(() => {
-    var _a2;
-    if (variant !== "currency") {
+    const shouldUseThousandsFormatting = variant === "currency" || variant === "uom" && currencyFormat;
+    if (!stringValue) {
+      setInternalValue("");
+      setDisplayValue("");
       return;
     }
-    const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
-    if (!stringValue) {
+    if (!shouldUseThousandsFormatting) {
+      setInternalValue(stringValue);
+      setDisplayValue(stringValue);
       return;
     }
     const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
     setInternalValue(formatted);
     setDisplayValue(formatCurrencyDisplay(formatted));
-  }, []);
+  }, [propValue, variant, currencyFormat, decimals]);
   const getInputProps = () => {
     var _a2;
     const baseProps = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
@@ -637,8 +638,9 @@ var Input = (_a) => {
       case "percentage":
       case "uom":
         return __spreadProps(__spreadValues({}, baseProps), {
-          type: "number",
-          align: "right"
+          type: currencyFormat ? "text" : "number",
+          align: "right",
+          value: currencyFormat ? displayValue : propValue
         });
       default:
         return baseProps;
@@ -651,6 +653,8 @@ var Input = (_a) => {
         return !removeSearchIcon ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { name: "search" }) }) : null;
       case "currency":
         return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { name: "attach_money" }) });
+      case "uom":
+        return currencyFormat ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { name: "attach_money" }) }) : null;
       default:
         return null;
     }
@@ -742,6 +746,51 @@ var Input = (_a) => {
       }
       return;
     }
+    if (variant === "uom" && currencyFormat) {
+      const raw = rawValue.replace(/,/g, "");
+      if (raw === "") {
+        setInternalValue("");
+        setDisplayValue("");
+        if (onChange) {
+          const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+            target: __spreadProps(__spreadValues({}, e.target), { value: "" })
+          });
+          onChange(syntheticEvent);
+        }
+        return;
+      }
+      const regex = /^\d*\.?\d*$/;
+      if (!regex.test(raw)) return;
+      const parts = raw.split(".");
+      const currentDecimals = decimals != null ? decimals : 2;
+      if (parts.length === 2 && parts[1].length > currentDecimals) return;
+      const asNumber = Number(raw);
+      if (!isNaN(asNumber) && maxNumber != null && asNumber > maxNumber) {
+        const clamped = maxNumber;
+        const formattedClamped = formatDecimalValue(
+          clamped.toString(),
+          currentDecimals
+        );
+        setInternalValue(formattedClamped);
+        setDisplayValue(formatCurrencyDisplay(formattedClamped));
+        if (onChange) {
+          const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+            target: __spreadProps(__spreadValues({}, e.target), { value: clamped.toString() })
+          });
+          onChange(syntheticEvent);
+        }
+        return;
+      }
+      setInternalValue(raw);
+      setDisplayValue(formatCurrencyDisplay(raw));
+      if (!isNaN(asNumber) && onChange) {
+        const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+          target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
+        });
+        onChange(syntheticEvent);
+      }
+      return;
+    }
     if (variant === "uom" && e.target.type === "number") {
       const numeric = Number(rawValue);
       if (!isNaN(numeric) && maxNumber != null && numeric > maxNumber) {
@@ -790,8 +839,21 @@ var Input = (_a) => {
         onChange(syntheticEvent);
       }
     } else if (variant === "uom") {
-      const formattedValue = formatDecimalValue(e.target.value, decimals);
-      e.target.value = formattedValue;
+      if (currencyFormat) {
+        const formatted = formatDecimalValue(internalValue, decimals != null ? decimals : 2);
+        setInternalValue(formatted);
+        setDisplayValue(formatCurrencyDisplay(formatted));
+        const asNumber = Number(formatted);
+        if (!isNaN(asNumber) && onChange) {
+          const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+            target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
+          });
+          onChange(syntheticEvent);
+        }
+      } else {
+        const formattedValue = formatDecimalValue(e.target.value, decimals);
+        e.target.value = formattedValue;
+      }
     }
     onBlur == null ? void 0 : onBlur(e);
   };

package/dist/components/Password.js

@@ -4,7 +4,7 @@ import {
 } from "../chunk-HT57FLRW.js";
 import {
   InputBase
-} from "../chunk-7T5RGDCN.js";
+} from "../chunk-NEMOTB6U.js";
 import "../chunk-HXGJVYGQ.js";
 import "../chunk-ZRFXUER3.js";
 import "../chunk-WVGXD7HT.js";

package/dist/components/Search.cjs

@@ -570,6 +570,7 @@ var Input = (_a) => {
     variant = "default",
     decimals,
     uom,
+    currencyFormat = false,
     removeSearchIcon,
     value: propValue,
     onChange,
@@ -582,6 +583,7 @@ var Input = (_a) => {
     "variant",
     "decimals",
     "uom",
+    "currencyFormat",
     "removeSearchIcon",
     "value",
     "onChange",
@@ -596,22 +598,21 @@ var Input = (_a) => {
   (0, import_react.useEffect)(() => {
     var _a2;
     const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
-    setInternalValue(stringValue);
-    setDisplayValue(stringValue);
-  }, [propValue]);
-  (0, import_react.useEffect)(() => {
-    var _a2;
-    if (variant !== "currency") {
+    const shouldUseThousandsFormatting = variant === "currency" || variant === "uom" && currencyFormat;
+    if (!stringValue) {
+      setInternalValue("");
+      setDisplayValue("");
       return;
     }
-    const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
-    if (!stringValue) {
+    if (!shouldUseThousandsFormatting) {
+      setInternalValue(stringValue);
+      setDisplayValue(stringValue);
       return;
     }
     const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
     setInternalValue(formatted);
     setDisplayValue(formatCurrencyDisplay(formatted));
-  }, []);
+  }, [propValue, variant, currencyFormat, decimals]);
   const getInputProps = () => {
     var _a2;
     const baseProps = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
@@ -637,8 +638,9 @@ var Input = (_a) => {
       case "percentage":
       case "uom":
         return __spreadProps(__spreadValues({}, baseProps), {
-          type: "number",
-          align: "right"
+          type: currencyFormat ? "text" : "number",
+          align: "right",
+          value: currencyFormat ? displayValue : propValue
         });
       default:
         return baseProps;
@@ -651,6 +653,8 @@ var Input = (_a) => {
         return !removeSearchIcon ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { name: "search" }) }) : null;
       case "currency":
         return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { name: "attach_money" }) });
+      case "uom":
+        return currencyFormat ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { name: "attach_money" }) }) : null;
       default:
         return null;
     }
@@ -742,6 +746,51 @@ var Input = (_a) => {
       }
       return;
     }
+    if (variant === "uom" && currencyFormat) {
+      const raw = rawValue.replace(/,/g, "");
+      if (raw === "") {
+        setInternalValue("");
+        setDisplayValue("");
+        if (onChange) {
+          const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+            target: __spreadProps(__spreadValues({}, e.target), { value: "" })
+          });
+          onChange(syntheticEvent);
+        }
+        return;
+      }
+      const regex = /^\d*\.?\d*$/;
+      if (!regex.test(raw)) return;
+      const parts = raw.split(".");
+      const currentDecimals = decimals != null ? decimals : 2;
+      if (parts.length === 2 && parts[1].length > currentDecimals) return;
+      const asNumber = Number(raw);
+      if (!isNaN(asNumber) && maxNumber != null && asNumber > maxNumber) {
+        const clamped = maxNumber;
+        const formattedClamped = formatDecimalValue(
+          clamped.toString(),
+          currentDecimals
+        );
+        setInternalValue(formattedClamped);
+        setDisplayValue(formatCurrencyDisplay(formattedClamped));
+        if (onChange) {
+          const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+            target: __spreadProps(__spreadValues({}, e.target), { value: clamped.toString() })
+          });
+          onChange(syntheticEvent);
+        }
+        return;
+      }
+      setInternalValue(raw);
+      setDisplayValue(formatCurrencyDisplay(raw));
+      if (!isNaN(asNumber) && onChange) {
+        const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+          target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
+        });
+        onChange(syntheticEvent);
+      }
+      return;
+    }
     if (variant === "uom" && e.target.type === "number") {
       const numeric = Number(rawValue);
       if (!isNaN(numeric) && maxNumber != null && numeric > maxNumber) {
@@ -790,8 +839,21 @@ var Input = (_a) => {
         onChange(syntheticEvent);
       }
     } else if (variant === "uom") {
-      const formattedValue = formatDecimalValue(e.target.value, decimals);
-      e.target.value = formattedValue;
+      if (currencyFormat) {
+        const formatted = formatDecimalValue(internalValue, decimals != null ? decimals : 2);
+        setInternalValue(formatted);
+        setDisplayValue(formatCurrencyDisplay(formatted));
+        const asNumber = Number(formatted);
+        if (!isNaN(asNumber) && onChange) {
+          const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+            target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
+          });
+          onChange(syntheticEvent);
+        }
+      } else {
+        const formattedValue = formatDecimalValue(e.target.value, decimals);
+        e.target.value = formattedValue;
+      }
     }
     onBlur == null ? void 0 : onBlur(e);
   };

package/dist/components/Search.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   Search
-} from "../chunk-FHXCCVOG.js";
-import "../chunk-7T5RGDCN.js";
+} from "../chunk-72WLEGGU.js";
+import "../chunk-NEMOTB6U.js";
 import "../chunk-HXGJVYGQ.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-WMPWWFUJ.js";

package/dist/components/Select.cjs

@@ -570,6 +570,7 @@ var Input = (_a) => {
     variant = "default",
     decimals,
     uom,
+    currencyFormat = false,
     removeSearchIcon,
     value: propValue,
     onChange,
@@ -582,6 +583,7 @@ var Input = (_a) => {
     "variant",
     "decimals",
     "uom",
+    "currencyFormat",
     "removeSearchIcon",
     "value",
     "onChange",
@@ -596,22 +598,21 @@ var Input = (_a) => {
   (0, import_react.useEffect)(() => {
     var _a2;
     const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
-    setInternalValue(stringValue);
-    setDisplayValue(stringValue);
-  }, [propValue]);
-  (0, import_react.useEffect)(() => {
-    var _a2;
-    if (variant !== "currency") {
+    const shouldUseThousandsFormatting = variant === "currency" || variant === "uom" && currencyFormat;
+    if (!stringValue) {
+      setInternalValue("");
+      setDisplayValue("");
       return;
     }
-    const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
-    if (!stringValue) {
+    if (!shouldUseThousandsFormatting) {
+      setInternalValue(stringValue);
+      setDisplayValue(stringValue);
       return;
     }
     const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
     setInternalValue(formatted);
     setDisplayValue(formatCurrencyDisplay(formatted));
-  }, []);
+  }, [propValue, variant, currencyFormat, decimals]);
   const getInputProps = () => {
     var _a2;
     const baseProps = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
@@ -637,8 +638,9 @@ var Input = (_a) => {
       case "percentage":
       case "uom":
         return __spreadProps(__spreadValues({}, baseProps), {
-          type: "number",
-          align: "right"
+          type: currencyFormat ? "text" : "number",
+          align: "right",
+          value: currencyFormat ? displayValue : propValue
         });
       default:
         return baseProps;
@@ -651,6 +653,8 @@ var Input = (_a) => {
         return !removeSearchIcon ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { name: "search" }) }) : null;
       case "currency":
         return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { name: "attach_money" }) });
+      case "uom":
+        return currencyFormat ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { name: "attach_money" }) }) : null;
       default:
         return null;
     }
@@ -742,6 +746,51 @@ var Input = (_a) => {
       }
       return;
     }
+    if (variant === "uom" && currencyFormat) {
+      const raw = rawValue.replace(/,/g, "");
+      if (raw === "") {
+        setInternalValue("");
+        setDisplayValue("");
+        if (onChange) {
+          const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+            target: __spreadProps(__spreadValues({}, e.target), { value: "" })
+          });
+          onChange(syntheticEvent);
+        }
+        return;
+      }
+      const regex = /^\d*\.?\d*$/;
+      if (!regex.test(raw)) return;
+      const parts = raw.split(".");
+      const currentDecimals = decimals != null ? decimals : 2;
+      if (parts.length === 2 && parts[1].length > currentDecimals) return;
+      const asNumber = Number(raw);
+      if (!isNaN(asNumber) && maxNumber != null && asNumber > maxNumber) {
+        const clamped = maxNumber;
+        const formattedClamped = formatDecimalValue(
+          clamped.toString(),
+          currentDecimals
+        );
+        setInternalValue(formattedClamped);
+        setDisplayValue(formatCurrencyDisplay(formattedClamped));
+        if (onChange) {
+          const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+            target: __spreadProps(__spreadValues({}, e.target), { value: clamped.toString() })
+          });
+          onChange(syntheticEvent);
+        }
+        return;
+      }
+      setInternalValue(raw);
+      setDisplayValue(formatCurrencyDisplay(raw));
+      if (!isNaN(asNumber) && onChange) {
+        const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+          target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
+        });
+        onChange(syntheticEvent);
+      }
+      return;
+    }
     if (variant === "uom" && e.target.type === "number") {
       const numeric = Number(rawValue);
       if (!isNaN(numeric) && maxNumber != null && numeric > maxNumber) {
@@ -790,8 +839,21 @@ var Input = (_a) => {
         onChange(syntheticEvent);
       }
     } else if (variant === "uom") {
-      const formattedValue = formatDecimalValue(e.target.value, decimals);
-      e.target.value = formattedValue;
+      if (currencyFormat) {
+        const formatted = formatDecimalValue(internalValue, decimals != null ? decimals : 2);
+        setInternalValue(formatted);
+        setDisplayValue(formatCurrencyDisplay(formatted));
+        const asNumber = Number(formatted);
+        if (!isNaN(asNumber) && onChange) {
+          const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+            target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
+          });
+          onChange(syntheticEvent);
+        }
+      } else {
+        const formattedValue = formatDecimalValue(e.target.value, decimals);
+        e.target.value = formattedValue;
+      }
     }
     onBlur == null ? void 0 : onBlur(e);
   };

package/dist/components/Select.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   Select
-} from "../chunk-FZ2TEKOE.js";
-import "../chunk-7T5RGDCN.js";
+} from "../chunk-IEKZBWVL.js";
+import "../chunk-NEMOTB6U.js";
 import "../chunk-HXGJVYGQ.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-WMPWWFUJ.js";

package/dist/components/Stepper.cjs

@@ -765,6 +765,7 @@ var Input = (_a) => {
     variant = "default",
     decimals,
     uom,
+    currencyFormat = false,
     removeSearchIcon,
     value: propValue,
     onChange,
@@ -777,6 +778,7 @@ var Input = (_a) => {
     "variant",
     "decimals",
     "uom",
+    "currencyFormat",
     "removeSearchIcon",
     "value",
     "onChange",
@@ -791,22 +793,21 @@ var Input = (_a) => {
   (0, import_react.useEffect)(() => {
     var _a2;
     const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
-    setInternalValue(stringValue);
-    setDisplayValue(stringValue);
-  }, [propValue]);
-  (0, import_react.useEffect)(() => {
-    var _a2;
-    if (variant !== "currency") {
+    const shouldUseThousandsFormatting = variant === "currency" || variant === "uom" && currencyFormat;
+    if (!stringValue) {
+      setInternalValue("");
+      setDisplayValue("");
       return;
     }
-    const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
-    if (!stringValue) {
+    if (!shouldUseThousandsFormatting) {
+      setInternalValue(stringValue);
+      setDisplayValue(stringValue);
       return;
     }
     const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
     setInternalValue(formatted);
     setDisplayValue(formatCurrencyDisplay(formatted));
-  }, []);
+  }, [propValue, variant, currencyFormat, decimals]);
   const getInputProps = () => {
     var _a2;
     const baseProps = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
@@ -832,8 +833,9 @@ var Input = (_a) => {
       case "percentage":
       case "uom":
         return __spreadProps(__spreadValues({}, baseProps), {
-          type: "number",
-          align: "right"
+          type: currencyFormat ? "text" : "number",
+          align: "right",
+          value: currencyFormat ? displayValue : propValue
         });
       default:
         return baseProps;
@@ -846,6 +848,8 @@ var Input = (_a) => {
         return !removeSearchIcon ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { name: "search" }) }) : null;
       case "currency":
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { name: "attach_money" }) });
+      case "uom":
+        return currencyFormat ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { name: "attach_money" }) }) : null;
       default:
         return null;
     }
@@ -937,6 +941,51 @@ var Input = (_a) => {
       }
       return;
     }
+    if (variant === "uom" && currencyFormat) {
+      const raw = rawValue.replace(/,/g, "");
+      if (raw === "") {
+        setInternalValue("");
+        setDisplayValue("");
+        if (onChange) {
+          const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+            target: __spreadProps(__spreadValues({}, e.target), { value: "" })
+          });
+          onChange(syntheticEvent);
+        }
+        return;
+      }
+      const regex = /^\d*\.?\d*$/;
+      if (!regex.test(raw)) return;
+      const parts = raw.split(".");
+      const currentDecimals = decimals != null ? decimals : 2;
+      if (parts.length === 2 && parts[1].length > currentDecimals) return;
+      const asNumber = Number(raw);
+      if (!isNaN(asNumber) && maxNumber != null && asNumber > maxNumber) {
+        const clamped = maxNumber;
+        const formattedClamped = formatDecimalValue(
+          clamped.toString(),
+          currentDecimals
+        );
+        setInternalValue(formattedClamped);
+        setDisplayValue(formatCurrencyDisplay(formattedClamped));
+        if (onChange) {
+          const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+            target: __spreadProps(__spreadValues({}, e.target), { value: clamped.toString() })
+          });
+          onChange(syntheticEvent);
+        }
+        return;
+      }
+      setInternalValue(raw);
+      setDisplayValue(formatCurrencyDisplay(raw));
+      if (!isNaN(asNumber) && onChange) {
+        const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+          target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
+        });
+        onChange(syntheticEvent);
+      }
+      return;
+    }
     if (variant === "uom" && e.target.type === "number") {
       const numeric = Number(rawValue);
       if (!isNaN(numeric) && maxNumber != null && numeric > maxNumber) {
@@ -985,8 +1034,21 @@ var Input = (_a) => {
         onChange(syntheticEvent);
       }
     } else if (variant === "uom") {
-      const formattedValue = formatDecimalValue(e.target.value, decimals);
-      e.target.value = formattedValue;
+      if (currencyFormat) {
+        const formatted = formatDecimalValue(internalValue, decimals != null ? decimals : 2);
+        setInternalValue(formatted);
+        setDisplayValue(formatCurrencyDisplay(formatted));
+        const asNumber = Number(formatted);
+        if (!isNaN(asNumber) && onChange) {
+          const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+            target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
+          });
+          onChange(syntheticEvent);
+        }
+      } else {
+        const formattedValue = formatDecimalValue(e.target.value, decimals);
+        e.target.value = formattedValue;
+      }
     }
     onBlur == null ? void 0 : onBlur(e);
   };

package/dist/components/Stepper.js

@@ -4,7 +4,7 @@ import {
 } from "../chunk-HT57FLRW.js";
 import {
   InputBase
-} from "../chunk-7T5RGDCN.js";
+} from "../chunk-NEMOTB6U.js";
 import "../chunk-HXGJVYGQ.js";
 import "../chunk-ZRFXUER3.js";
 import "../chunk-WVGXD7HT.js";