@dmsi/wedgekit-react 0.0.537 → 0.0.539

package/dist/components/MobileDataGrid/MobileDataGridHeader.js

@@ -1,6 +1,6 @@
 import {
   MobileDataGridHeader
-} from "../../chunk-UFGH5V7K.js";
+} from "../../chunk-RB7F6QWD.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-ZIPJMN2E.js";
 import "../../chunk-FJFZBIRG.js";
@@ -14,8 +14,8 @@ import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-4DXOA7NZ.js";
 import "../../chunk-5BRIDIUA.js";
 import "../../chunk-5IFPG6TS.js";
-import "../../chunk-AJ5M6MVX.js";
 import "../../chunk-M4FM3B3R.js";
+import "../../chunk-AJ5M6MVX.js";
 import "../../chunk-AT4AWD6B.js";
 import "../../chunk-EWGHVZL5.js";
 import "../../chunk-KJ5OQPPV.js";
@@ -23,7 +23,7 @@ import "../../chunk-L3BXRDLP.js";
 import "../../chunk-34VEVX5H.js";
 import "../../chunk-LB7UT6F3.js";
 import "../../chunk-MDB26F6T.js";
-import "../../chunk-U6W5E3XW.js";
+import "../../chunk-I5BV7UPG.js";
 import "../../chunk-JADOJNBI.js";
 import "../../chunk-4RJKB7LC.js";
 import "../../chunk-WVVEOCEH.js";
@@ -33,12 +33,12 @@ import "../../chunk-AKJUBFJK.js";
 import "../../chunk-Z2QAJY5I.js";
 import "../../chunk-BWPNXY7T.js";
 import "../../chunk-QVWYTQKL.js";
-import "../../chunk-YHFOOBE2.js";
+import "../../chunk-Y3EFHKAG.js";
 import "../../chunk-HGLOO52X.js";
 import "../../chunk-MPYAHORM.js";
 import "../../chunk-EZ4KZYKG.js";
-import "../../chunk-UV53RKAQ.js";
-import "../../chunk-PMNNRB6S.js";
+import "../../chunk-BKBJOF4J.js";
+import "../../chunk-NWTVBVBC.js";
 import "../../chunk-HXGJVYGQ.js";
 import "../../chunk-WVUIIBRR.js";
 import "../../chunk-75USUR3I.js";

package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.js

@@ -2,8 +2,8 @@ import {
   ModalContent
 } from "../../../chunk-FJFZBIRG.js";
 import "../../../chunk-5IFPG6TS.js";
-import "../../../chunk-AJ5M6MVX.js";
 import "../../../chunk-M4FM3B3R.js";
+import "../../../chunk-AJ5M6MVX.js";
 import "../../../chunk-VXWSAIB5.js";
 import "../../../chunk-DQRQZE6O.js";
 import "../../../chunk-5UH6QUFB.js";

package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js

@@ -3,8 +3,8 @@ import {
 } from "../../../chunk-ZIPJMN2E.js";
 import "../../../chunk-FJFZBIRG.js";
 import "../../../chunk-5IFPG6TS.js";
-import "../../../chunk-AJ5M6MVX.js";
 import "../../../chunk-M4FM3B3R.js";
+import "../../../chunk-AJ5M6MVX.js";
 import "../../../chunk-JADOJNBI.js";
 import "../../../chunk-4RJKB7LC.js";
 import "../../../chunk-WVVEOCEH.js";

package/dist/components/MobileDataGrid/index.cjs

@@ -2294,7 +2294,7 @@ var Input = (_a) => {
     const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
     setInternalValue(formatted);
     setDisplayValue(formatCurrencyDisplay(formatted));
-  }, [variant, propValue, decimals]);
+  }, []);
   const getInputProps = () => {
     var _a2;
     const baseProps = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
@@ -2379,6 +2379,7 @@ var Input = (_a) => {
   };
   const handleChange = (e) => {
     const rawValue = e.target.value;
+    const maxNumber = props.max != null ? Number(String(props.max).replace(/,/g, "")) : void 0;
     if (variant === "currency") {
       const raw = rawValue.replace(/,/g, "");
       if (raw === "") {
@@ -2397,9 +2398,25 @@ var Input = (_a) => {
       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));
-      const asNumber = Number(raw);
       if (!isNaN(asNumber) && onChange) {
         const syntheticEvent = __spreadProps(__spreadValues({}, e), {
           target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
@@ -2408,6 +2425,31 @@ var Input = (_a) => {
       }
       return;
     }
+    if ((variant === "percentage" || variant === "uom") && e.target.type === "number") {
+      const numeric = Number(rawValue);
+      if (!isNaN(numeric) && maxNumber != null && numeric > maxNumber) {
+        const clamped = maxNumber;
+        const formattedClamped = formatDecimalValue(
+          clamped.toString(),
+          decimals != null ? decimals : 0
+        );
+        setInternalValue(formattedClamped);
+        setDisplayValue(formattedClamped);
+        if (typeof onChange === "function") {
+          const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+            target: __spreadProps(__spreadValues({}, e.target), { value: clamped.toString() })
+          });
+          onChange(syntheticEvent);
+        }
+        return;
+      }
+      setInternalValue(rawValue);
+      setDisplayValue(rawValue);
+      if (typeof onChange === "function") {
+        onChange(e);
+      }
+      return;
+    }
     setInternalValue(rawValue);
     setDisplayValue(rawValue);
     if (typeof onChange === "function") {

package/dist/components/MobileDataGrid/index.js

@@ -1,6 +1,6 @@
 import {
   MobileDataGrid
-} from "../../chunk-UFGH5V7K.js";
+} from "../../chunk-RB7F6QWD.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-ZIPJMN2E.js";
 import "../../chunk-FJFZBIRG.js";
@@ -14,8 +14,8 @@ import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-4DXOA7NZ.js";
 import "../../chunk-5BRIDIUA.js";
 import "../../chunk-5IFPG6TS.js";
-import "../../chunk-AJ5M6MVX.js";
 import "../../chunk-M4FM3B3R.js";
+import "../../chunk-AJ5M6MVX.js";
 import "../../chunk-AT4AWD6B.js";
 import "../../chunk-EWGHVZL5.js";
 import "../../chunk-KJ5OQPPV.js";
@@ -23,7 +23,7 @@ import "../../chunk-L3BXRDLP.js";
 import "../../chunk-34VEVX5H.js";
 import "../../chunk-LB7UT6F3.js";
 import "../../chunk-MDB26F6T.js";
-import "../../chunk-U6W5E3XW.js";
+import "../../chunk-I5BV7UPG.js";
 import "../../chunk-JADOJNBI.js";
 import "../../chunk-4RJKB7LC.js";
 import "../../chunk-WVVEOCEH.js";
@@ -33,12 +33,12 @@ import "../../chunk-AKJUBFJK.js";
 import "../../chunk-Z2QAJY5I.js";
 import "../../chunk-BWPNXY7T.js";
 import "../../chunk-QVWYTQKL.js";
-import "../../chunk-YHFOOBE2.js";
+import "../../chunk-Y3EFHKAG.js";
 import "../../chunk-HGLOO52X.js";
 import "../../chunk-MPYAHORM.js";
 import "../../chunk-EZ4KZYKG.js";
-import "../../chunk-UV53RKAQ.js";
-import "../../chunk-PMNNRB6S.js";
+import "../../chunk-BKBJOF4J.js";
+import "../../chunk-NWTVBVBC.js";
 import "../../chunk-HXGJVYGQ.js";
 import "../../chunk-WVUIIBRR.js";
 import "../../chunk-75USUR3I.js";

package/dist/components/Password.cjs

@@ -611,7 +611,7 @@ var Input = (_a) => {
     const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
     setInternalValue(formatted);
     setDisplayValue(formatCurrencyDisplay(formatted));
-  }, [variant, propValue, decimals]);
+  }, []);
   const getInputProps = () => {
     var _a2;
     const baseProps = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
@@ -696,6 +696,7 @@ var Input = (_a) => {
   };
   const handleChange = (e) => {
     const rawValue = e.target.value;
+    const maxNumber = props.max != null ? Number(String(props.max).replace(/,/g, "")) : void 0;
     if (variant === "currency") {
       const raw = rawValue.replace(/,/g, "");
       if (raw === "") {
@@ -714,9 +715,25 @@ var Input = (_a) => {
       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));
-      const asNumber = Number(raw);
       if (!isNaN(asNumber) && onChange) {
         const syntheticEvent = __spreadProps(__spreadValues({}, e), {
           target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
@@ -725,6 +742,31 @@ var Input = (_a) => {
       }
       return;
     }
+    if ((variant === "percentage" || variant === "uom") && e.target.type === "number") {
+      const numeric = Number(rawValue);
+      if (!isNaN(numeric) && maxNumber != null && numeric > maxNumber) {
+        const clamped = maxNumber;
+        const formattedClamped = formatDecimalValue(
+          clamped.toString(),
+          decimals != null ? decimals : 0
+        );
+        setInternalValue(formattedClamped);
+        setDisplayValue(formattedClamped);
+        if (typeof onChange === "function") {
+          const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+            target: __spreadProps(__spreadValues({}, e.target), { value: clamped.toString() })
+          });
+          onChange(syntheticEvent);
+        }
+        return;
+      }
+      setInternalValue(rawValue);
+      setDisplayValue(rawValue);
+      if (typeof onChange === "function") {
+        onChange(e);
+      }
+      return;
+    }
     setInternalValue(rawValue);
     setDisplayValue(rawValue);
     if (typeof onChange === "function") {

package/dist/components/Password.js

@@ -4,7 +4,7 @@ import {
 } from "../chunk-MDB26F6T.js";
 import {
   InputBase
-} from "../chunk-PMNNRB6S.js";
+} from "../chunk-NWTVBVBC.js";
 import "../chunk-HXGJVYGQ.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-WMPWWFUJ.js";

package/dist/components/Search.cjs

@@ -611,7 +611,7 @@ var Input = (_a) => {
     const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
     setInternalValue(formatted);
     setDisplayValue(formatCurrencyDisplay(formatted));
-  }, [variant, propValue, decimals]);
+  }, []);
   const getInputProps = () => {
     var _a2;
     const baseProps = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
@@ -696,6 +696,7 @@ var Input = (_a) => {
   };
   const handleChange = (e) => {
     const rawValue = e.target.value;
+    const maxNumber = props.max != null ? Number(String(props.max).replace(/,/g, "")) : void 0;
     if (variant === "currency") {
       const raw = rawValue.replace(/,/g, "");
       if (raw === "") {
@@ -714,9 +715,25 @@ var Input = (_a) => {
       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));
-      const asNumber = Number(raw);
       if (!isNaN(asNumber) && onChange) {
         const syntheticEvent = __spreadProps(__spreadValues({}, e), {
           target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
@@ -725,6 +742,31 @@ var Input = (_a) => {
       }
       return;
     }
+    if ((variant === "percentage" || variant === "uom") && e.target.type === "number") {
+      const numeric = Number(rawValue);
+      if (!isNaN(numeric) && maxNumber != null && numeric > maxNumber) {
+        const clamped = maxNumber;
+        const formattedClamped = formatDecimalValue(
+          clamped.toString(),
+          decimals != null ? decimals : 0
+        );
+        setInternalValue(formattedClamped);
+        setDisplayValue(formattedClamped);
+        if (typeof onChange === "function") {
+          const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+            target: __spreadProps(__spreadValues({}, e.target), { value: clamped.toString() })
+          });
+          onChange(syntheticEvent);
+        }
+        return;
+      }
+      setInternalValue(rawValue);
+      setDisplayValue(rawValue);
+      if (typeof onChange === "function") {
+        onChange(e);
+      }
+      return;
+    }
     setInternalValue(rawValue);
     setDisplayValue(rawValue);
     if (typeof onChange === "function") {

package/dist/components/Search.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   Search
-} from "../chunk-UV53RKAQ.js";
-import "../chunk-PMNNRB6S.js";
+} from "../chunk-BKBJOF4J.js";
+import "../chunk-NWTVBVBC.js";
 import "../chunk-HXGJVYGQ.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-WMPWWFUJ.js";

package/dist/components/Select.cjs

@@ -611,7 +611,7 @@ var Input = (_a) => {
     const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
     setInternalValue(formatted);
     setDisplayValue(formatCurrencyDisplay(formatted));
-  }, [variant, propValue, decimals]);
+  }, []);
   const getInputProps = () => {
     var _a2;
     const baseProps = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
@@ -696,6 +696,7 @@ var Input = (_a) => {
   };
   const handleChange = (e) => {
     const rawValue = e.target.value;
+    const maxNumber = props.max != null ? Number(String(props.max).replace(/,/g, "")) : void 0;
     if (variant === "currency") {
       const raw = rawValue.replace(/,/g, "");
       if (raw === "") {
@@ -714,9 +715,25 @@ var Input = (_a) => {
       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));
-      const asNumber = Number(raw);
       if (!isNaN(asNumber) && onChange) {
         const syntheticEvent = __spreadProps(__spreadValues({}, e), {
           target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
@@ -725,6 +742,31 @@ var Input = (_a) => {
       }
       return;
     }
+    if ((variant === "percentage" || variant === "uom") && e.target.type === "number") {
+      const numeric = Number(rawValue);
+      if (!isNaN(numeric) && maxNumber != null && numeric > maxNumber) {
+        const clamped = maxNumber;
+        const formattedClamped = formatDecimalValue(
+          clamped.toString(),
+          decimals != null ? decimals : 0
+        );
+        setInternalValue(formattedClamped);
+        setDisplayValue(formattedClamped);
+        if (typeof onChange === "function") {
+          const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+            target: __spreadProps(__spreadValues({}, e.target), { value: clamped.toString() })
+          });
+          onChange(syntheticEvent);
+        }
+        return;
+      }
+      setInternalValue(rawValue);
+      setDisplayValue(rawValue);
+      if (typeof onChange === "function") {
+        onChange(e);
+      }
+      return;
+    }
     setInternalValue(rawValue);
     setDisplayValue(rawValue);
     if (typeof onChange === "function") {

package/dist/components/Select.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   Select
-} from "../chunk-U6W5E3XW.js";
-import "../chunk-PMNNRB6S.js";
+} from "../chunk-I5BV7UPG.js";
+import "../chunk-NWTVBVBC.js";
 import "../chunk-HXGJVYGQ.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-WMPWWFUJ.js";

package/dist/components/Stepper.cjs

@@ -751,7 +751,7 @@ var Input = (_a) => {
     const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
     setInternalValue(formatted);
     setDisplayValue(formatCurrencyDisplay(formatted));
-  }, [variant, propValue, decimals]);
+  }, []);
   const getInputProps = () => {
     var _a2;
     const baseProps = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
@@ -836,6 +836,7 @@ var Input = (_a) => {
   };
   const handleChange = (e) => {
     const rawValue = e.target.value;
+    const maxNumber = props.max != null ? Number(String(props.max).replace(/,/g, "")) : void 0;
     if (variant === "currency") {
       const raw = rawValue.replace(/,/g, "");
       if (raw === "") {
@@ -854,9 +855,25 @@ var Input = (_a) => {
       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));
-      const asNumber = Number(raw);
       if (!isNaN(asNumber) && onChange) {
         const syntheticEvent = __spreadProps(__spreadValues({}, e), {
           target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
@@ -865,6 +882,31 @@ var Input = (_a) => {
       }
       return;
     }
+    if ((variant === "percentage" || variant === "uom") && e.target.type === "number") {
+      const numeric = Number(rawValue);
+      if (!isNaN(numeric) && maxNumber != null && numeric > maxNumber) {
+        const clamped = maxNumber;
+        const formattedClamped = formatDecimalValue(
+          clamped.toString(),
+          decimals != null ? decimals : 0
+        );
+        setInternalValue(formattedClamped);
+        setDisplayValue(formattedClamped);
+        if (typeof onChange === "function") {
+          const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+            target: __spreadProps(__spreadValues({}, e.target), { value: clamped.toString() })
+          });
+          onChange(syntheticEvent);
+        }
+        return;
+      }
+      setInternalValue(rawValue);
+      setDisplayValue(rawValue);
+      if (typeof onChange === "function") {
+        onChange(e);
+      }
+      return;
+    }
     setInternalValue(rawValue);
     setDisplayValue(rawValue);
     if (typeof onChange === "function") {

package/dist/components/Stepper.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   InputBase
-} from "../chunk-PMNNRB6S.js";
+} from "../chunk-NWTVBVBC.js";
 import "../chunk-HXGJVYGQ.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-WMPWWFUJ.js";

package/dist/components/Time.cjs

@@ -610,7 +610,7 @@ var Input = (_a) => {
     const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
     setInternalValue(formatted);
     setDisplayValue(formatCurrencyDisplay(formatted));
-  }, [variant, propValue, decimals]);
+  }, []);
   const getInputProps = () => {
     var _a2;
     const baseProps = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
@@ -695,6 +695,7 @@ var Input = (_a) => {
   };
   const handleChange = (e) => {
     const rawValue = e.target.value;
+    const maxNumber = props.max != null ? Number(String(props.max).replace(/,/g, "")) : void 0;
     if (variant === "currency") {
       const raw = rawValue.replace(/,/g, "");
       if (raw === "") {
@@ -713,9 +714,25 @@ var Input = (_a) => {
       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));
-      const asNumber = Number(raw);
       if (!isNaN(asNumber) && onChange) {
         const syntheticEvent = __spreadProps(__spreadValues({}, e), {
           target: __spreadProps(__spreadValues({}, e.target), { value: asNumber.toString() })
@@ -724,6 +741,31 @@ var Input = (_a) => {
       }
       return;
     }
+    if ((variant === "percentage" || variant === "uom") && e.target.type === "number") {
+      const numeric = Number(rawValue);
+      if (!isNaN(numeric) && maxNumber != null && numeric > maxNumber) {
+        const clamped = maxNumber;
+        const formattedClamped = formatDecimalValue(
+          clamped.toString(),
+          decimals != null ? decimals : 0
+        );
+        setInternalValue(formattedClamped);
+        setDisplayValue(formattedClamped);
+        if (typeof onChange === "function") {
+          const syntheticEvent = __spreadProps(__spreadValues({}, e), {
+            target: __spreadProps(__spreadValues({}, e.target), { value: clamped.toString() })
+          });
+          onChange(syntheticEvent);
+        }
+        return;
+      }
+      setInternalValue(rawValue);
+      setDisplayValue(rawValue);
+      if (typeof onChange === "function") {
+        onChange(e);
+      }
+      return;
+    }
     setInternalValue(rawValue);
     setDisplayValue(rawValue);
     if (typeof onChange === "function") {

package/dist/components/Time.js

@@ -1,6 +1,6 @@
 import {
   InputBase
-} from "../chunk-PMNNRB6S.js";
+} from "../chunk-NWTVBVBC.js";
 import "../chunk-HXGJVYGQ.js";
 import {
   findDocumentRoot