@activecollab/components 1.0.403 → 1.0.405

package/dist/esm/hooks/useInputNumber.js

@@ -0,0 +1,131 @@
+import { useState } from "react";
+import { currencyMultiplier, formatCurrency, numberWithSeparator } from "../utils/currencyUtils";
+export var useInputNumber = function useInputNumber(_ref, ref) {
+  var _ref$decimalSeparator = _ref.decimalSeparator,
+    decimalSeparator = _ref$decimalSeparator === void 0 ? "." : _ref$decimalSeparator,
+    _ref$thousandSeparato = _ref.thousandSeparator,
+    thousandSeparator = _ref$thousandSeparato === void 0 ? "," : _ref$thousandSeparato,
+    disableAbbreviation = _ref.disableAbbreviation,
+    disableMacros = _ref.disableMacros,
+    decimalLength = _ref.decimalLength,
+    value = _ref.value,
+    onValueChange = _ref.onValueChange,
+    onKeyDown = _ref.onKeyDown,
+    onBlur = _ref.onBlur,
+    onFocus = _ref.onFocus,
+    step = _ref.step;
+  var _useState = useState(value),
+    formattedValue = _useState[0],
+    setFormatted = _useState[1];
+  var _useState2 = useState(value),
+    rootValue = _useState2[0],
+    setRootValue = _useState2[1];
+  var _useState3 = useState(false),
+    focused = _useState3[0],
+    setFocused = _useState3[1];
+  var handleInputBlur = function handleInputBlur() {
+    if (ref && ref.current) {
+      ref.current.blur();
+    }
+  };
+  var handleSelect = function handleSelect() {
+    if (ref && ref.current) {
+      ref.current.select();
+    }
+  };
+  var handleChange = function handleChange(e) {
+    var inputValue = e.target.value;
+    var isValidInput = false;
+    if (inputValue.startsWith("00")) {
+      return;
+    }
+    var numericInput = disableMacros ? inputValue : inputValue.replace(/([0-9.]+)([kmbtKMBT])/, function (_, num, unit) {
+      return (parseFloat(num) * currencyMultiplier[unit.toLowerCase()]).toString();
+    });
+    var regexString = "^(-?\\d{0,9}(?:[" + thousandSeparator + "]?\\d{0,3})*(?:\\" + decimalSeparator + "\\d{0," + decimalLength + "})?)?$";
+    if (thousandSeparator === ",") {
+      isValidInput = new RegExp(regexString).test(numericInput);
+    }
+    if (thousandSeparator === ".") {
+      isValidInput = new RegExp(regexString).test(numericInput);
+    }
+    if (!isValidInput) {
+      return;
+    }
+    setFormatted(numericInput);
+    onValueChange && onValueChange(numericInput);
+  };
+  var handleKeyDown = function handleKeyDown(e) {
+    var key = e.key;
+    var _step = parseFloat(String(step));
+    if (key === "Escape") {
+      handleInputBlur();
+    }
+    if (key === "ArrowUp") {
+      e.preventDefault();
+      updateValue("increment", _step);
+    }
+    if (key === "ArrowDown") {
+      e.preventDefault();
+      updateValue("decrement", _step);
+    }
+    if ((e.metaKey || e.ctrlKey) && e.key === "a") {
+      handleSelect();
+    }
+    if (decimalLength === 0 && e.key === decimalSeparator) {
+      e.preventDefault();
+    }
+    onKeyDown && onKeyDown(e);
+  };
+  var handleBlur = function handleBlur(e) {
+    if (disableAbbreviation) {
+      setFormatted(formattedValue);
+    } else {
+      setFormatted(formatCurrency(formattedValue, thousandSeparator));
+    }
+    setRootValue(formattedValue);
+    setFocused(false);
+    onBlur && onBlur(e);
+  };
+  var handleFocus = function handleFocus(e) {
+    setFormatted(rootValue);
+    setFocused(true);
+    onFocus && onFocus(e);
+  };
+  var updateValue = function updateValue(type, step) {
+    var value = String(formattedValue);
+    var decimalPart = "";
+    var increasedValue = 0;
+    var nonDecimalPart = value.replaceAll(thousandSeparator, "");
+    if (!value) {
+      return;
+    }
+    if (value.includes(decimalSeparator)) {
+      nonDecimalPart = value.slice(0, value.indexOf(decimalSeparator)).replaceAll(thousandSeparator, "");
+    }
+    if (value.includes(decimalSeparator)) {
+      decimalPart = value.slice(value.indexOf(decimalSeparator));
+    }
+    if (type === "increment") {
+      increasedValue = parseFloat(nonDecimalPart) + step;
+    } else {
+      increasedValue = parseFloat(nonDecimalPart) - step;
+    }
+    if (value.includes(decimalSeparator)) {
+      increasedValue = parseFloat(increasedValue.toFixed(decimalLength));
+    }
+    var joinedValue = numberWithSeparator(increasedValue, thousandSeparator, value.includes(thousandSeparator));
+    setFormatted(decimalPart ? joinedValue + decimalPart : joinedValue);
+  };
+  return {
+    focused: focused,
+    formattedValue: formattedValue,
+    rootValue: rootValue,
+    handleChange: handleChange,
+    handleKeyDown: handleKeyDown,
+    handleBlur: handleBlur,
+    handleFocus: handleFocus,
+    onValueChange: onValueChange
+  };
+};
+//# sourceMappingURL=useInputNumber.js.map

package/dist/esm/hooks/useInputNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputNumber.js","names":["useState","currencyMultiplier","formatCurrency","numberWithSeparator","useInputNumber","ref","decimalSeparator","thousandSeparator","disableAbbreviation","disableMacros","decimalLength","value","onValueChange","onKeyDown","onBlur","onFocus","step","formattedValue","setFormatted","rootValue","setRootValue","focused","setFocused","handleInputBlur","current","blur","handleSelect","select","handleChange","e","inputValue","target","isValidInput","startsWith","numericInput","replace","_","num","unit","parseFloat","toLowerCase","toString","regexString","RegExp","test","handleKeyDown","key","_step","String","preventDefault","updateValue","metaKey","ctrlKey","handleBlur","handleFocus","type","decimalPart","increasedValue","nonDecimalPart","replaceAll","includes","slice","indexOf","toFixed","joinedValue"],"sources":["../../../src/hooks/useInputNumber.tsx"],"sourcesContent":["import {\n  useState,\n  ChangeEventHandler,\n  KeyboardEventHandler,\n  FocusEventHandler,\n  MutableRefObject,\n} from \"react\";\nimport {\n  currencyMultiplier,\n  formatCurrency,\n  numberWithSeparator,\n} from \"../utils/currencyUtils\";\nimport type { InputProps } from \"../components\";\n\nexport type Separators = \".\" | \",\";\n\n// https://www.youtube.com/watch?v=2AilA-M6N5U\n// @TODO: Pitati foo za testove.\nexport interface InputNumberProps extends InputProps {\n  decimalLength?: number;\n  decimalSeparator?: Separators;\n  disableAbbreviation?: boolean;\n  disableMacros?: boolean;\n  thousandSeparator?: Separators;\n  onValueChange?: (value: string) => void;\n}\n\nexport const useInputNumber = (\n  {\n    decimalSeparator = \".\",\n    thousandSeparator = \",\",\n    disableAbbreviation,\n    disableMacros,\n    decimalLength,\n    value,\n    onValueChange,\n    onKeyDown,\n    onBlur,\n    onFocus,\n    step,\n  }: InputNumberProps,\n  ref: MutableRefObject<HTMLInputElement | null>\n) => {\n  const [formattedValue, setFormatted] = useState(value);\n  const [rootValue, setRootValue] = useState(value);\n  const [focused, setFocused] = useState<boolean>(false);\n\n  const handleInputBlur = () => {\n    if (ref && ref.current) {\n      ref.current.blur();\n    }\n  };\n\n  const handleSelect = () => {\n    if (ref && ref.current) {\n      ref.current.select();\n    }\n  };\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n    const inputValue = e.target.value;\n    let isValidInput = false;\n\n    if (inputValue.startsWith(\"00\")) {\n      return;\n    }\n\n    const numericInput = disableMacros\n      ? inputValue\n      : inputValue.replace(/([0-9.]+)([kmbtKMBT])/, (_, num, unit) => {\n          return (\n            parseFloat(num) * currencyMultiplier[unit.toLowerCase()]\n          ).toString();\n        });\n\n    const regexString = `^(-?\\\\d{0,9}(?:[${thousandSeparator}]?\\\\d{0,3})*(?:\\\\${decimalSeparator}\\\\d{0,${decimalLength}})?)?$`;\n\n    if (thousandSeparator === \",\") {\n      isValidInput = new RegExp(regexString).test(numericInput);\n    }\n\n    if (thousandSeparator === \".\") {\n      isValidInput = new RegExp(regexString).test(numericInput);\n    }\n\n    if (!isValidInput) {\n      return;\n    }\n\n    setFormatted(numericInput);\n\n    onValueChange && onValueChange(numericInput);\n  };\n\n  const handleKeyDown: KeyboardEventHandler<HTMLInputElement> = (e) => {\n    const key = e.key;\n    const _step = parseFloat(String(step));\n\n    if (key === \"Escape\") {\n      handleInputBlur();\n    }\n\n    if (key === \"ArrowUp\") {\n      e.preventDefault();\n\n      updateValue(\"increment\", _step);\n    }\n\n    if (key === \"ArrowDown\") {\n      e.preventDefault();\n\n      updateValue(\"decrement\", _step);\n    }\n\n    if ((e.metaKey || e.ctrlKey) && e.key === \"a\") {\n      handleSelect();\n    }\n\n    if (decimalLength === 0 && e.key === decimalSeparator) {\n      e.preventDefault();\n    }\n\n    onKeyDown && onKeyDown(e);\n  };\n\n  const handleBlur: FocusEventHandler<HTMLInputElement> = (e) => {\n    if (disableAbbreviation) {\n      setFormatted(formattedValue);\n    } else {\n      setFormatted(formatCurrency(formattedValue as string, thousandSeparator));\n    }\n\n    setRootValue(formattedValue);\n    setFocused(false);\n\n    onBlur && onBlur(e);\n  };\n\n  const handleFocus: FocusEventHandler<HTMLInputElement> = (e) => {\n    setFormatted(rootValue);\n    setFocused(true);\n\n    onFocus && onFocus(e);\n  };\n\n  const updateValue = (type: \"increment\" | \"decrement\", step: number) => {\n    const value = String(formattedValue);\n\n    let decimalPart = \"\";\n    let increasedValue = 0;\n    let nonDecimalPart = value.replaceAll(thousandSeparator, \"\");\n\n    if (!value) {\n      return;\n    }\n\n    if (value.includes(decimalSeparator)) {\n      nonDecimalPart = value\n        .slice(0, value.indexOf(decimalSeparator))\n        .replaceAll(thousandSeparator, \"\");\n    }\n\n    if (value.includes(decimalSeparator)) {\n      decimalPart = value.slice(value.indexOf(decimalSeparator));\n    }\n\n    if (type === \"increment\") {\n      increasedValue = parseFloat(nonDecimalPart) + step;\n    } else {\n      increasedValue = parseFloat(nonDecimalPart) - step;\n    }\n\n    if (value.includes(decimalSeparator)) {\n      increasedValue = parseFloat(increasedValue.toFixed(decimalLength));\n    }\n\n    const joinedValue = numberWithSeparator(\n      increasedValue,\n      thousandSeparator,\n      value.includes(thousandSeparator)\n    );\n\n    setFormatted(decimalPart ? joinedValue + decimalPart : joinedValue);\n  };\n\n  return {\n    focused,\n    formattedValue,\n    rootValue,\n    handleChange,\n    handleKeyDown,\n    handleBlur,\n    handleFocus,\n    onValueChange,\n  } as const;\n};\n"],"mappings":"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"}

package/dist/esm/utils/currencyUtils.d.ts

@@ -1,4 +1,10 @@
-import { Separators } from "../components/Input/InputNumber";
-export declare const formatCurrency: (n: string, thousandSeparator?: string) => string | undefined;
+import { Separators } from "../hooks";
+export declare const currencyMultiplier: {
+    k: number;
+    m: number;
+    b: number;
+    t: number;
+};
+export declare const formatCurrency: (n: string, thousandSeparator?: string) => string;
 export declare const numberWithSeparator: (x: number | string, thousandSeparator: Separators, format?: boolean) => string | number;
 //# sourceMappingURL=currencyUtils.d.ts.map

package/dist/esm/utils/currencyUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"currencyUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/currencyUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE7D,eAAO,MAAM,cAAc,MAAO,MAAM,mDA8BvC,CAAC;AAEF,eAAO,MAAM,mBAAmB,MAC3B,MAAM,GAAG,MAAM,qBACC,UAAU,sCAW9B,CAAC"}
+{"version":3,"file":"currencyUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/currencyUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,eAAO,MAAM,kBAAkB;;;;;CAK9B,CAAC;AAEF,eAAO,MAAM,cAAc,MAAO,MAAM,uCA2BvC,CAAC;AAEF,eAAO,MAAM,mBAAmB,MAC3B,MAAM,GAAG,MAAM,qBACC,UAAU,sCAW9B,CAAC"}

package/dist/esm/utils/currencyUtils.js

@@ -1,3 +1,9 @@
+export var currencyMultiplier = {
+  k: 1000,
+  m: 1000000,
+  b: 1000000000,
+  t: 1000000000000
+};
 export var formatCurrency = function formatCurrency(n, thousandSeparator) {
   if (thousandSeparator === void 0) {
     thousandSeparator = ",";
@@ -6,21 +12,17 @@ export var formatCurrency = function formatCurrency(n, thousandSeparator) {
   if (isNaN(number)) {
     return "";
   }
-  if (number < 1000) {
-    return n;
-  } else if (number >= 1000 && number < 1000000) {
-    var formattedNum = (number / 1000).toFixed(1);
-    return formattedNum.endsWith(".0") ? (number / 1000).toFixed(0) + "K" : formattedNum + "K";
-  } else if (number >= 1000000 && number < 1000000000) {
-    var _formattedNum = (number / 1000000).toFixed(1);
-    return _formattedNum.endsWith(".0") ? (number / 1000000).toFixed(0) + "M" : _formattedNum + "M";
-  } else if (number >= 1000000000 && number < 1000000000000) {
-    var _formattedNum2 = (number / 1000000000).toFixed(1);
-    return _formattedNum2.endsWith(".0") ? (number / 1000000000).toFixed(0) + "B" : _formattedNum2 + "B";
-  } else if (number >= 1000000000000 && number < 1000000000000000) {
-    var _formattedNum3 = (number / 1000000000000).toFixed(1);
-    return _formattedNum3.endsWith(".0") ? (number / 1000000000000).toFixed(0) + "T" : _formattedNum3 + "T";
+  var isNegative = number < 0;
+  var absoluteNumber = Math.abs(number);
+  var suffixes = ["", "K", "M", "B", "T"];
+  var scale = 0;
+  while (absoluteNumber >= 1000 && scale < suffixes.length - 1) {
+    absoluteNumber /= 1000;
+    scale++;
   }
+  var formattedNum = scale === 0 ? absoluteNumber.toFixed(0) : absoluteNumber.toFixed(1);
+  var result = formattedNum.endsWith(".0") ? formattedNum.slice(0, -2) : formattedNum;
+  return isNegative ? "-" + result + suffixes[scale] : "" + result + suffixes[scale];
 };
 export var numberWithSeparator = function numberWithSeparator(x, thousandSeparator, format) {
   if (format === void 0) {

package/dist/esm/utils/currencyUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"currencyUtils.js","names":["formatCurrency","n","thousandSeparator","number","parseFloat","String","replaceAll","isNaN","formattedNum","toFixed","endsWith","numberWithSeparator","x","format","parts","toString","split","replace","join"],"sources":["../../../src/utils/currencyUtils.ts"],"sourcesContent":["import { Separators } from \"../components/Input/InputNumber\";\n\nexport const formatCurrency = (n: string, thousandSeparator = \",\") => {\n  const number = parseFloat(String(n).replaceAll(thousandSeparator, \"\"));\n\n  if (isNaN(number)) {\n    return \"\";\n  }\n\n  if (number < 1000) {\n    return n;\n  } else if (number >= 1000 && number < 1_000_000) {\n    const formattedNum = (number / 1000).toFixed(1);\n    return formattedNum.endsWith(\".0\")\n      ? (number / 1000).toFixed(0) + \"K\"\n      : formattedNum + \"K\";\n  } else if (number >= 1_000_000 && number < 1_000_000_000) {\n    const formattedNum = (number / 1_000_000).toFixed(1);\n    return formattedNum.endsWith(\".0\")\n      ? (number / 1_000_000).toFixed(0) + \"M\"\n      : formattedNum + \"M\";\n  } else if (number >= 1_000_000_000 && number < 1_000_000_000_000) {\n    const formattedNum = (number / 1_000_000_000).toFixed(1);\n    return formattedNum.endsWith(\".0\")\n      ? (number / 1_000_000_000).toFixed(0) + \"B\"\n      : formattedNum + \"B\";\n  } else if (number >= 1_000_000_000_000 && number < 1_000_000_000_000_000) {\n    const formattedNum = (number / 1_000_000_000_000).toFixed(1);\n    return formattedNum.endsWith(\".0\")\n      ? (number / 1_000_000_000_000).toFixed(0) + \"T\"\n      : formattedNum + \"T\";\n  }\n};\n\nexport const numberWithSeparator = (\n  x: number | string,\n  thousandSeparator: Separators,\n  format = true\n) => {\n  if (!format) {\n    return x;\n  }\n\n  const parts = x.toString().split(\".\");\n  parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandSeparator);\n\n  return parts.join(\".\");\n};\n"],"mappings":"AAEA,OAAO,IAAMA,cAAc,GAAG,SAAjBA,cAAc,CAAIC,CAAS,EAAEC,iBAAiB,EAAW;EAAA,IAA5BA,iBAAiB;IAAjBA,iBAAiB,GAAG,GAAG;EAAA;EAC/D,IAAMC,MAAM,GAAGC,UAAU,CAACC,MAAM,CAACJ,CAAC,CAAC,CAACK,UAAU,CAACJ,iBAAiB,EAAE,EAAE,CAAC,CAAC;EAEtE,IAAIK,KAAK,CAACJ,MAAM,CAAC,EAAE;IACjB,OAAO,EAAE;EACX;EAEA,IAAIA,MAAM,GAAG,IAAI,EAAE;IACjB,OAAOF,CAAC;EACV,CAAC,MAAM,IAAIE,MAAM,IAAI,IAAI,IAAIA,MAAM,GAAG,OAAS,EAAE;IAC/C,IAAMK,YAAY,GAAG,CAACL,MAAM,GAAG,IAAI,EAAEM,OAAO,CAAC,CAAC,CAAC;IAC/C,OAAOD,YAAY,CAACE,QAAQ,CAAC,IAAI,CAAC,GAC9B,CAACP,MAAM,GAAG,IAAI,EAAEM,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,GAChCD,YAAY,GAAG,GAAG;EACxB,CAAC,MAAM,IAAIL,MAAM,IAAI,OAAS,IAAIA,MAAM,GAAG,UAAa,EAAE;IACxD,IAAMK,aAAY,GAAG,CAACL,MAAM,GAAG,OAAS,EAAEM,OAAO,CAAC,CAAC,CAAC;IACpD,OAAOD,aAAY,CAACE,QAAQ,CAAC,IAAI,CAAC,GAC9B,CAACP,MAAM,GAAG,OAAS,EAAEM,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,GACrCD,aAAY,GAAG,GAAG;EACxB,CAAC,MAAM,IAAIL,MAAM,IAAI,UAAa,IAAIA,MAAM,GAAG,aAAiB,EAAE;IAChE,IAAMK,cAAY,GAAG,CAACL,MAAM,GAAG,UAAa,EAAEM,OAAO,CAAC,CAAC,CAAC;IACxD,OAAOD,cAAY,CAACE,QAAQ,CAAC,IAAI,CAAC,GAC9B,CAACP,MAAM,GAAG,UAAa,EAAEM,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,GACzCD,cAAY,GAAG,GAAG;EACxB,CAAC,MAAM,IAAIL,MAAM,IAAI,aAAiB,IAAIA,MAAM,GAAG,gBAAqB,EAAE;IACxE,IAAMK,cAAY,GAAG,CAACL,MAAM,GAAG,aAAiB,EAAEM,OAAO,CAAC,CAAC,CAAC;IAC5D,OAAOD,cAAY,CAACE,QAAQ,CAAC,IAAI,CAAC,GAC9B,CAACP,MAAM,GAAG,aAAiB,EAAEM,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,GAC7CD,cAAY,GAAG,GAAG;EACxB;AACF,CAAC;AAED,OAAO,IAAMG,mBAAmB,GAAG,SAAtBA,mBAAmB,CAC9BC,CAAkB,EAClBV,iBAA6B,EAC7BW,MAAM,EACH;EAAA,IADHA,MAAM;IAANA,MAAM,GAAG,IAAI;EAAA;EAEb,IAAI,CAACA,MAAM,EAAE;IACX,OAAOD,CAAC;EACV;EAEA,IAAME,KAAK,GAAGF,CAAC,CAACG,QAAQ,EAAE,CAACC,KAAK,CAAC,GAAG,CAAC;EACrCF,KAAK,CAAC,CAAC,CAAC,GAAGA,KAAK,CAAC,CAAC,CAAC,CAACG,OAAO,CAAC,uBAAuB,EAAEf,iBAAiB,CAAC;EAEvE,OAAOY,KAAK,CAACI,IAAI,CAAC,GAAG,CAAC;AACxB,CAAC"}
+{"version":3,"file":"currencyUtils.js","names":["currencyMultiplier","k","m","b","t","formatCurrency","n","thousandSeparator","number","parseFloat","String","replaceAll","isNaN","isNegative","absoluteNumber","Math","abs","suffixes","scale","length","formattedNum","toFixed","result","endsWith","slice","numberWithSeparator","x","format","parts","toString","split","replace","join"],"sources":["../../../src/utils/currencyUtils.ts"],"sourcesContent":["import { Separators } from \"../hooks\";\n\nexport const currencyMultiplier = {\n  k: 1_000,\n  m: 1_000_000,\n  b: 1_000_000_000,\n  t: 1_000_000_000_000,\n};\n\nexport const formatCurrency = (n: string, thousandSeparator = \",\") => {\n  const number = parseFloat(String(n).replaceAll(thousandSeparator, \"\"));\n\n  if (isNaN(number)) {\n    return \"\";\n  }\n\n  const isNegative = number < 0;\n  let absoluteNumber = Math.abs(number);\n\n  const suffixes = [\"\", \"K\", \"M\", \"B\", \"T\"];\n  let scale = 0;\n\n  while (absoluteNumber >= 1000 && scale < suffixes.length - 1) {\n    absoluteNumber /= 1000;\n    scale++;\n  }\n\n  const formattedNum =\n    scale === 0 ? absoluteNumber.toFixed(0) : absoluteNumber.toFixed(1);\n  const result = formattedNum.endsWith(\".0\")\n    ? formattedNum.slice(0, -2)\n    : formattedNum;\n\n  return isNegative\n    ? `-${result}${suffixes[scale]}`\n    : `${result}${suffixes[scale]}`;\n};\n\nexport const numberWithSeparator = (\n  x: number | string,\n  thousandSeparator: Separators,\n  format = true\n) => {\n  if (!format) {\n    return x;\n  }\n\n  const parts = x.toString().split(\".\");\n  parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandSeparator);\n\n  return parts.join(\".\");\n};\n"],"mappings":"AAEA,OAAO,IAAMA,kBAAkB,GAAG;EAChCC,CAAC,EAAE,IAAK;EACRC,CAAC,EAAE,OAAS;EACZC,CAAC,EAAE,UAAa;EAChBC,CAAC,EAAE;AACL,CAAC;AAED,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CAAIC,CAAS,EAAEC,iBAAiB,EAAW;EAAA,IAA5BA,iBAAiB;IAAjBA,iBAAiB,GAAG,GAAG;EAAA;EAC/D,IAAMC,MAAM,GAAGC,UAAU,CAACC,MAAM,CAACJ,CAAC,CAAC,CAACK,UAAU,CAACJ,iBAAiB,EAAE,EAAE,CAAC,CAAC;EAEtE,IAAIK,KAAK,CAACJ,MAAM,CAAC,EAAE;IACjB,OAAO,EAAE;EACX;EAEA,IAAMK,UAAU,GAAGL,MAAM,GAAG,CAAC;EAC7B,IAAIM,cAAc,GAAGC,IAAI,CAACC,GAAG,CAACR,MAAM,CAAC;EAErC,IAAMS,QAAQ,GAAG,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;EACzC,IAAIC,KAAK,GAAG,CAAC;EAEb,OAAOJ,cAAc,IAAI,IAAI,IAAII,KAAK,GAAGD,QAAQ,CAACE,MAAM,GAAG,CAAC,EAAE;IAC5DL,cAAc,IAAI,IAAI;IACtBI,KAAK,EAAE;EACT;EAEA,IAAME,YAAY,GAChBF,KAAK,KAAK,CAAC,GAAGJ,cAAc,CAACO,OAAO,CAAC,CAAC,CAAC,GAAGP,cAAc,CAACO,OAAO,CAAC,CAAC,CAAC;EACrE,IAAMC,MAAM,GAAGF,YAAY,CAACG,QAAQ,CAAC,IAAI,CAAC,GACtCH,YAAY,CAACI,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GACzBJ,YAAY;EAEhB,OAAOP,UAAU,SACTS,MAAM,GAAGL,QAAQ,CAACC,KAAK,CAAC,QACzBI,MAAM,GAAGL,QAAQ,CAACC,KAAK,CAAG;AACnC,CAAC;AAED,OAAO,IAAMO,mBAAmB,GAAG,SAAtBA,mBAAmB,CAC9BC,CAAkB,EAClBnB,iBAA6B,EAC7BoB,MAAM,EACH;EAAA,IADHA,MAAM;IAANA,MAAM,GAAG,IAAI;EAAA;EAEb,IAAI,CAACA,MAAM,EAAE;IACX,OAAOD,CAAC;EACV;EAEA,IAAME,KAAK,GAAGF,CAAC,CAACG,QAAQ,EAAE,CAACC,KAAK,CAAC,GAAG,CAAC;EACrCF,KAAK,CAAC,CAAC,CAAC,GAAGA,KAAK,CAAC,CAAC,CAAC,CAACG,OAAO,CAAC,uBAAuB,EAAExB,iBAAiB,CAAC;EAEvE,OAAOqB,KAAK,CAACI,IAAI,CAAC,GAAG,CAAC;AACxB,CAAC"}

package/dist/esm/utils/currencyUtils.test.js

@@ -1,11 +1,11 @@
 import { formatCurrency, numberWithSeparator } from "./currencyUtils";
 describe("format currency with thousandseparator set to ',' and decimalSeparator to '.'", function () {
-  it.each([["", ""], ["10", "10"], ["1000", "1K"], ["1000.00", "1K"], ["1200.50", "1.2K"], ["1,200.00", "1.2K"], ["2,240.00", "2.2K"], ["22,240.00", "22.2K"], ["50,000,000.00", "50M"]])("should format currency", function (value, expected) {
+  it.each([["", ""], ["10", "10"], ["1000", "1K"], ["1000.00", "1K"], ["1200.50", "1.2K"], ["1,200.00", "1.2K"], ["2,240.00", "2.2K"], ["22,240.00", "22.2K"], ["50,000,000.00", "50M"], ["-50,000.00", "-50K"], ["-1,200", "-1.2K"], ["-90,000,000.00", "-90M"]])("should format currency", function (value, expected) {
     expect(formatCurrency(value, ",")).toEqual(expected);
   });
 });
 describe("format currency with thousandseparator set to '.' and decimalSeparator to ','", function () {
-  it.each([["", ""], ["10", "10"], ["1000", "1K"], ["1000,00", "1K"], ["1200,50", "1.2K"], ["1.200,00", "1.2K"], ["2.240,00", "2.2K"], ["22.240,00", "22.2K"], ["50.000.000,00", "50M"]])("should format currency", function (value, expected) {
+  it.each([["", ""], ["10", "10"], ["1000", "1K"], ["1000,00", "1K"], ["1200,50", "1.2K"], ["1.200,00", "1.2K"], ["2.240,00", "2.2K"], ["22.240,00", "22.2K"], ["50.000.000,00", "50M"], ["-50.000,00", "-50K"], ["-1.200", "-1.2K"], ["-90.000.000,00", "-90M"]])("should format currency", function (value, expected) {
     expect(formatCurrency(value, ".")).toEqual(expected);
   });
 });

package/dist/esm/utils/currencyUtils.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"currencyUtils.test.js","names":["formatCurrency","numberWithSeparator","describe","it","each","value","expected","expect","toEqual","test","result","toBe"],"sources":["../../../src/utils/currencyUtils.test.ts"],"sourcesContent":["import { formatCurrency, numberWithSeparator } from \"./currencyUtils\";\n\ndescribe(\"format currency with thousandseparator set to ',' and decimalSeparator to '.'\", () => {\n  it.each([\n    [\"\", \"\"],\n    [\"10\", \"10\"],\n    [\"1000\", \"1K\"],\n    [\"1000.00\", \"1K\"],\n    [\"1200.50\", \"1.2K\"],\n    [\"1,200.00\", \"1.2K\"],\n    [\"2,240.00\", \"2.2K\"],\n    [\"22,240.00\", \"22.2K\"],\n    [\"50,000,000.00\", \"50M\"],\n  ])(\"should format currency\", (value, expected) => {\n    expect(formatCurrency(value, \",\")).toEqual(expected);\n  });\n});\n\ndescribe(\"format currency with thousandseparator set to '.' and decimalSeparator to ','\", () => {\n  it.each([\n    [\"\", \"\"],\n    [\"10\", \"10\"],\n    [\"1000\", \"1K\"],\n    [\"1000,00\", \"1K\"],\n    [\"1200,50\", \"1.2K\"],\n    [\"1.200,00\", \"1.2K\"],\n    [\"2.240,00\", \"2.2K\"],\n    [\"22.240,00\", \"22.2K\"],\n    [\"50.000.000,00\", \"50M\"],\n  ])(\"should format currency\", (value, expected) => {\n    expect(formatCurrency(value, \".\")).toEqual(expected);\n  });\n});\n\ndescribe(\"numberWithSeparator\", () => {\n  test(\"should format number with thousand separator\", () => {\n    const result = numberWithSeparator(1000, \",\");\n    expect(result).toBe(\"1,000\");\n  });\n\n  test(\"should format string number with thousand separator\", () => {\n    const result = numberWithSeparator(\"1000\", \",\");\n    expect(result).toBe(\"1,000\");\n  });\n\n  test(\"should format decimal number with thousand separator and keep decimal part\", () => {\n    const result = numberWithSeparator(12345.67, \",\");\n    expect(result).toBe(\"12,345.67\");\n  });\n\n  test(\"should not format when format is set to false\", () => {\n    const result = numberWithSeparator(1000, \",\", false);\n    expect(result).toBe(1000);\n  });\n\n  test(\"should handle zero with thousand separator\", () => {\n    const result = numberWithSeparator(0, \",\");\n    expect(result).toBe(\"0\");\n  });\n\n  test(\"should handle negative number with thousand separator\", () => {\n    const result = numberWithSeparator(-123456789, \",\");\n    expect(result).toBe(\"-123,456,789\");\n  });\n\n  test(\"should not format\", () => {\n    const result = numberWithSeparator(123456789, \",\", false);\n    expect(result).toBe(123456789);\n  });\n});\n"],"mappings":"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"}
+{"version":3,"file":"currencyUtils.test.js","names":["formatCurrency","numberWithSeparator","describe","it","each","value","expected","expect","toEqual","test","result","toBe"],"sources":["../../../src/utils/currencyUtils.test.ts"],"sourcesContent":["import { formatCurrency, numberWithSeparator } from \"./currencyUtils\";\n\ndescribe(\"format currency with thousandseparator set to ',' and decimalSeparator to '.'\", () => {\n  it.each([\n    [\"\", \"\"],\n    [\"10\", \"10\"],\n    [\"1000\", \"1K\"],\n    [\"1000.00\", \"1K\"],\n    [\"1200.50\", \"1.2K\"],\n    [\"1,200.00\", \"1.2K\"],\n    [\"2,240.00\", \"2.2K\"],\n    [\"22,240.00\", \"22.2K\"],\n    [\"50,000,000.00\", \"50M\"],\n    [\"-50,000.00\", \"-50K\"],\n    [\"-1,200\", \"-1.2K\"],\n    [\"-90,000,000.00\", \"-90M\"],\n  ])(\"should format currency\", (value, expected) => {\n    expect(formatCurrency(value, \",\")).toEqual(expected);\n  });\n});\n\ndescribe(\"format currency with thousandseparator set to '.' and decimalSeparator to ','\", () => {\n  it.each([\n    [\"\", \"\"],\n    [\"10\", \"10\"],\n    [\"1000\", \"1K\"],\n    [\"1000,00\", \"1K\"],\n    [\"1200,50\", \"1.2K\"],\n    [\"1.200,00\", \"1.2K\"],\n    [\"2.240,00\", \"2.2K\"],\n    [\"22.240,00\", \"22.2K\"],\n    [\"50.000.000,00\", \"50M\"],\n    [\"-50.000,00\", \"-50K\"],\n    [\"-1.200\", \"-1.2K\"],\n    [\"-90.000.000,00\", \"-90M\"],\n  ])(\"should format currency\", (value, expected) => {\n    expect(formatCurrency(value, \".\")).toEqual(expected);\n  });\n});\n\ndescribe(\"numberWithSeparator\", () => {\n  test(\"should format number with thousand separator\", () => {\n    const result = numberWithSeparator(1000, \",\");\n    expect(result).toBe(\"1,000\");\n  });\n\n  test(\"should format string number with thousand separator\", () => {\n    const result = numberWithSeparator(\"1000\", \",\");\n    expect(result).toBe(\"1,000\");\n  });\n\n  test(\"should format decimal number with thousand separator and keep decimal part\", () => {\n    const result = numberWithSeparator(12345.67, \",\");\n    expect(result).toBe(\"12,345.67\");\n  });\n\n  test(\"should not format when format is set to false\", () => {\n    const result = numberWithSeparator(1000, \",\", false);\n    expect(result).toBe(1000);\n  });\n\n  test(\"should handle zero with thousand separator\", () => {\n    const result = numberWithSeparator(0, \",\");\n    expect(result).toBe(\"0\");\n  });\n\n  test(\"should handle negative number with thousand separator\", () => {\n    const result = numberWithSeparator(-123456789, \",\");\n    expect(result).toBe(\"-123,456,789\");\n  });\n\n  test(\"should not format\", () => {\n    const result = numberWithSeparator(123456789, \",\", false);\n    expect(result).toBe(123456789);\n  });\n});\n"],"mappings":"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"}

package/dist/esm/utils/validation.js

@@ -3,9 +3,9 @@ export var validateStopwatchTime = function validateStopwatchTime(value) {
 };
 export var validateTimeInput = function validateTimeInput(value, withLeadingZero) {
   if (withLeadingZero) {
-    return /^(([0-9][0-9]?|[1-9][0-9]{2,8})?(([:,.][0-5][0-9]?)|([:,.][0-5]?)|(\.[0-9]+)|(,[0-9]+))?)$/.test(value);
+    return /^(([0-9][0-9]?|[1-9][0-9]{2,8})?(([:,.][0-5][0-9]?)|([:,.][0-5]?)|(\.[0-9]{1,2})|(,[0-9]{1,2}))?)$/.test(value);
   } else {
-    return /^(([1-9][0-9]*|0)?(([:,.][0-5][0-9]?)|([:,.][0-5]?)|(\.[0-9]+)|(,[0-9]+))?)$/.test(value);
+    return /^(([1-9][0-9]*|0)?(([:,.][0-5][0-9]?)|([:,.][0-5]?)|(\.[0-9]{1,2})|(,[0-9]{1,2}))?)$/.test(value);
   }
 };
 //# sourceMappingURL=validation.js.map

package/dist/esm/utils/validation.js.map

@@ -1 +1 @@
-{"version":3,"file":"validation.js","names":["validateStopwatchTime","value","test","validateTimeInput","withLeadingZero"],"sources":["../../../src/utils/validation.ts"],"sourcesContent":["export const validateStopwatchTime = (value: string) => {\n  return /^([0-9]{0,2})?(((:([0-5][0-9])?)|(:[0-5]?))|(\\.[0-9]{0,2})|(,[0-9]{0,2}))?$/g.test(\n    value\n  );\n};\n\nexport const validateTimeInput = (value: string, withLeadingZero: boolean) => {\n  if (withLeadingZero) {\n    return /^(([0-9][0-9]?|[1-9][0-9]{2,8})?(([:,.][0-5][0-9]?)|([:,.][0-5]?)|(\\.[0-9]+)|(,[0-9]+))?)$/.test(\n      value\n    );\n  } else {\n    return /^(([1-9][0-9]*|0)?(([:,.][0-5][0-9]?)|([:,.][0-5]?)|(\\.[0-9]+)|(,[0-9]+))?)$/.test(\n      value\n    );\n  }\n};\n"],"mappings":"AAAA,OAAO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAqB,CAAIC,KAAa,EAAK;EACtD,OAAO,8EAA8E,CAACC,IAAI,CACxFD,KAAK,CACN;AACH,CAAC;AAED,OAAO,IAAME,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIF,KAAa,EAAEG,eAAwB,EAAK;EAC5E,IAAIA,eAAe,EAAE;IACnB,OAAO,4FAA4F,CAACF,IAAI,CACtGD,KAAK,CACN;EACH,CAAC,MAAM;IACL,OAAO,8EAA8E,CAACC,IAAI,CACxFD,KAAK,CACN;EACH;AACF,CAAC"}
+{"version":3,"file":"validation.js","names":["validateStopwatchTime","value","test","validateTimeInput","withLeadingZero"],"sources":["../../../src/utils/validation.ts"],"sourcesContent":["export const validateStopwatchTime = (value: string) => {\n  return /^([0-9]{0,2})?(((:([0-5][0-9])?)|(:[0-5]?))|(\\.[0-9]{0,2})|(,[0-9]{0,2}))?$/g.test(\n    value\n  );\n};\n\nexport const validateTimeInput = (value: string, withLeadingZero: boolean) => {\n  if (withLeadingZero) {\n    return /^(([0-9][0-9]?|[1-9][0-9]{2,8})?(([:,.][0-5][0-9]?)|([:,.][0-5]?)|(\\.[0-9]{1,2})|(,[0-9]{1,2}))?)$/.test(\n      value\n    );\n  } else {\n    return /^(([1-9][0-9]*|0)?(([:,.][0-5][0-9]?)|([:,.][0-5]?)|(\\.[0-9]{1,2})|(,[0-9]{1,2}))?)$/.test(\n      value\n    );\n  }\n};\n"],"mappings":"AAAA,OAAO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAqB,CAAIC,KAAa,EAAK;EACtD,OAAO,8EAA8E,CAACC,IAAI,CACxFD,KAAK,CACN;AACH,CAAC;AAED,OAAO,IAAME,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIF,KAAa,EAAEG,eAAwB,EAAK;EAC5E,IAAIA,eAAe,EAAE;IACnB,OAAO,oGAAoG,CAACF,IAAI,CAC9GD,KAAK,CACN;EACH,CAAC,MAAM;IACL,OAAO,sFAAsF,CAACC,IAAI,CAChGD,KAAK,CACN;EACH;AACF,CAAC"}

package/dist/index.js

@@ -434,9 +434,9 @@
   };
   var validateTimeInput = function validateTimeInput(value, withLeadingZero) {
     if (withLeadingZero) {
-      return /^(([0-9][0-9]?|[1-9][0-9]{2,8})?(([:,.][0-5][0-9]?)|([:,.][0-5]?)|(\.[0-9]+)|(,[0-9]+))?)$/.test(value);
+      return /^(([0-9][0-9]?|[1-9][0-9]{2,8})?(([:,.][0-5][0-9]?)|([:,.][0-5]?)|(\.[0-9]{1,2})|(,[0-9]{1,2}))?)$/.test(value);
     } else {
-      return /^(([1-9][0-9]*|0)?(([:,.][0-5][0-9]?)|([:,.][0-5]?)|(\.[0-9]+)|(,[0-9]+))?)$/.test(value);
+      return /^(([1-9][0-9]*|0)?(([:,.][0-5][0-9]?)|([:,.][0-5]?)|(\.[0-9]{1,2})|(,[0-9]{1,2}))?)$/.test(value);
     }
   };
 
@@ -11046,6 +11046,172 @@
     return height;
   };
 
+  var currencyMultiplier = {
+    k: 1000,
+    m: 1000000,
+    b: 1000000000,
+    t: 1000000000000
+  };
+  var formatCurrency = function formatCurrency(n) {
+    var thousandSeparator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ",";
+    var number = parseFloat(String(n).replaceAll(thousandSeparator, ""));
+    if (isNaN(number)) {
+      return "";
+    }
+    var isNegative = number < 0;
+    var absoluteNumber = Math.abs(number);
+    var suffixes = ["", "K", "M", "B", "T"];
+    var scale = 0;
+    while (absoluteNumber >= 1000 && scale < suffixes.length - 1) {
+      absoluteNumber /= 1000;
+      scale++;
+    }
+    var formattedNum = scale === 0 ? absoluteNumber.toFixed(0) : absoluteNumber.toFixed(1);
+    var result = formattedNum.endsWith(".0") ? formattedNum.slice(0, -2) : formattedNum;
+    return isNegative ? "-".concat(result).concat(suffixes[scale]) : "".concat(result).concat(suffixes[scale]);
+  };
+  var numberWithSeparator = function numberWithSeparator(x, thousandSeparator) {
+    var format = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+    if (!format) {
+      return x;
+    }
+    var parts = x.toString().split(".");
+    parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, thousandSeparator);
+    return parts.join(".");
+  };
+
+  var useInputNumber = function useInputNumber(_ref, ref) {
+    var _ref$decimalSeparator = _ref.decimalSeparator,
+      decimalSeparator = _ref$decimalSeparator === void 0 ? "." : _ref$decimalSeparator,
+      _ref$thousandSeparato = _ref.thousandSeparator,
+      thousandSeparator = _ref$thousandSeparato === void 0 ? "," : _ref$thousandSeparato,
+      disableAbbreviation = _ref.disableAbbreviation,
+      disableMacros = _ref.disableMacros,
+      decimalLength = _ref.decimalLength,
+      value = _ref.value,
+      onValueChange = _ref.onValueChange,
+      onKeyDown = _ref.onKeyDown,
+      onBlur = _ref.onBlur,
+      onFocus = _ref.onFocus,
+      step = _ref.step;
+    var _useState = React.useState(value),
+      _useState2 = _slicedToArray(_useState, 2),
+      formattedValue = _useState2[0],
+      setFormatted = _useState2[1];
+    var _useState3 = React.useState(value),
+      _useState4 = _slicedToArray(_useState3, 2),
+      rootValue = _useState4[0],
+      setRootValue = _useState4[1];
+    var _useState5 = React.useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      focused = _useState6[0],
+      setFocused = _useState6[1];
+    var handleInputBlur = function handleInputBlur() {
+      if (ref && ref.current) {
+        ref.current.blur();
+      }
+    };
+    var handleSelect = function handleSelect() {
+      if (ref && ref.current) {
+        ref.current.select();
+      }
+    };
+    var handleChange = function handleChange(e) {
+      var inputValue = e.target.value;
+      var isValidInput = false;
+      if (inputValue.startsWith("00")) {
+        return;
+      }
+      var numericInput = disableMacros ? inputValue : inputValue.replace(/([0-9.]+)([kmbtKMBT])/, function (_, num, unit) {
+        return (parseFloat(num) * currencyMultiplier[unit.toLowerCase()]).toString();
+      });
+      var regexString = "^(-?\\d{0,9}(?:[".concat(thousandSeparator, "]?\\d{0,3})*(?:\\").concat(decimalSeparator, "\\d{0,").concat(decimalLength, "})?)?$");
+      if (thousandSeparator === ",") {
+        isValidInput = new RegExp(regexString).test(numericInput);
+      }
+      if (thousandSeparator === ".") {
+        isValidInput = new RegExp(regexString).test(numericInput);
+      }
+      if (!isValidInput) {
+        return;
+      }
+      setFormatted(numericInput);
+      onValueChange && onValueChange(numericInput);
+    };
+    var handleKeyDown = function handleKeyDown(e) {
+      var key = e.key;
+      var _step = parseFloat(String(step));
+      if (key === "Escape") {
+        handleInputBlur();
+      }
+      if (key === "ArrowUp") {
+        e.preventDefault();
+        updateValue("increment", _step);
+      }
+      if (key === "ArrowDown") {
+        e.preventDefault();
+        updateValue("decrement", _step);
+      }
+      if ((e.metaKey || e.ctrlKey) && e.key === "a") {
+        handleSelect();
+      }
+      if (decimalLength === 0 && e.key === decimalSeparator) {
+        e.preventDefault();
+      }
+      onKeyDown && onKeyDown(e);
+    };
+    var handleBlur = function handleBlur(e) {
+      if (disableAbbreviation) {
+        setFormatted(formattedValue);
+      } else {
+        setFormatted(formatCurrency(formattedValue, thousandSeparator));
+      }
+      setRootValue(formattedValue);
+      setFocused(false);
+      onBlur && onBlur(e);
+    };
+    var handleFocus = function handleFocus(e) {
+      setFormatted(rootValue);
+      setFocused(true);
+      onFocus && onFocus(e);
+    };
+    var updateValue = function updateValue(type, step) {
+      var value = String(formattedValue);
+      var decimalPart = "";
+      var increasedValue = 0;
+      var nonDecimalPart = value.replaceAll(thousandSeparator, "");
+      if (!value) {
+        return;
+      }
+      if (value.includes(decimalSeparator)) {
+        nonDecimalPart = value.slice(0, value.indexOf(decimalSeparator)).replaceAll(thousandSeparator, "");
+      }
+      if (value.includes(decimalSeparator)) {
+        decimalPart = value.slice(value.indexOf(decimalSeparator));
+      }
+      if (type === "increment") {
+        increasedValue = parseFloat(nonDecimalPart) + step;
+      } else {
+        increasedValue = parseFloat(nonDecimalPart) - step;
+      }
+      if (value.includes(decimalSeparator)) {
+        increasedValue = parseFloat(increasedValue.toFixed(decimalLength));
+      }
+      var joinedValue = numberWithSeparator(increasedValue, thousandSeparator, value.includes(thousandSeparator));
+      setFormatted(decimalPart ? joinedValue + decimalPart : joinedValue);
+    };
+    return {
+      focused: focused,
+      formattedValue: formattedValue,
+      rootValue: rootValue,
+      handleChange: handleChange,
+      handleKeyDown: handleKeyDown,
+      handleBlur: handleBlur,
+      handleFocus: handleFocus,
+      onValueChange: onValueChange
+    };
+  };
+
   var _excluded$O = ["as", "className", "invert", "style"];
   var ScrollElement = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$as = _ref.as,
@@ -12766,7 +12932,8 @@
       onChange: onChange,
       onClick: onClick,
       onDoubleClick: onDoubleClick,
-      ref: handleRef
+      ref: handleRef,
+      autoComplete: "off"
     }));
   });
   InputHours.displayName = "InputHours";
@@ -18268,6 +18435,7 @@
   exports.useForkRef = useForkRef;
   exports.useHeight = useHeight;
   exports.useInitScrollRef = useInitScrollRef;
+  exports.useInputNumber = useInputNumber;
   exports.useLayerContext = useLayerContext;
   exports.useMenuContext = useMenuContext;
   exports.useResizeObserver = useResizeObserver$1;