@dmsi/wedgekit-react 0.0.537 → 0.0.539

package/dist/components/DataGridCell.js

@@ -4,12 +4,12 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-YHFOOBE2.js";
+} from "../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-PS6UJZVH.js";

package/dist/components/DateInput.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/DateInput.js

@@ -1,6 +1,6 @@
 import {
   DateInput
-} 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/DateRangeInput.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/DateRangeInput.js

@@ -1,6 +1,6 @@
 import {
   CalendarRange
-} 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,14 +33,14 @@ 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-BKBJOF4J.js";
 import {
   InputBase
-} from "../chunk-PMNNRB6S.js";
+} from "../chunk-NWTVBVBC.js";
 import "../chunk-HXGJVYGQ.js";
 import "../chunk-WVUIIBRR.js";
 import "../chunk-75USUR3I.js";

package/dist/components/FilterGroup.cjs

@@ -1087,7 +1087,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), {
@@ -1172,6 +1172,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 === "") {
@@ -1190,9 +1191,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() })
@@ -1201,6 +1218,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/FilterGroup.js

@@ -4,8 +4,8 @@ import {
 } from "../chunk-FWCVZWE6.js";
 import {
   Search
-} from "../chunk-UV53RKAQ.js";
-import "../chunk-PMNNRB6S.js";
+} from "../chunk-BKBJOF4J.js";
+import "../chunk-NWTVBVBC.js";
 import {
   Label
 } from "../chunk-HXGJVYGQ.js";

package/dist/components/Input.cjs

@@ -613,7 +613,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), {
@@ -698,6 +698,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 === "") {
@@ -716,9 +717,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() })
@@ -727,6 +744,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/Input.js

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

package/dist/components/MobileDataGrid/ColumnList.js

@@ -3,8 +3,8 @@ import {
 } from "../../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-M7WHWZ2J.js";
 import "../../chunk-VXWSAIB5.js";
 import "../../chunk-DQRQZE6O.js";

package/dist/components/MobileDataGrid/ColumnSelector/index.cjs

@@ -1866,7 +1866,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), {
@@ -1951,6 +1951,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 === "") {
@@ -1969,9 +1970,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() })
@@ -1980,6 +1997,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/ColumnSelector/index.js

@@ -1,6 +1,6 @@
 import {
   ColumnSelector
-} 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/MobileDataGridCard/index.js

@@ -2,8 +2,8 @@ import {
   MobileDataGridCard
 } from "../../../chunk-5BRIDIUA.js";
 import "../../../chunk-5IFPG6TS.js";
-import "../../../chunk-AJ5M6MVX.js";
 import "../../../chunk-M4FM3B3R.js";
+import "../../../chunk-AJ5M6MVX.js";
 import "../../../chunk-M7WHWZ2J.js";
 import "../../../chunk-VXWSAIB5.js";
 import "../../../chunk-DQRQZE6O.js";

package/dist/components/MobileDataGrid/MobileDataGridHeader.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") {