@activecollab/components 2.0.16 → 2.0.18

package/dist/index.js

@@ -105,6 +105,9 @@
     };
     return _extends.apply(this, arguments);
   }
+  function _objectDestructuringEmpty(obj) {
+    if (obj == null) throw new TypeError("Cannot destructure " + obj);
+  }
   function _objectWithoutPropertiesLoose(source, excluded) {
     if (source == null) return {};
     var target = {};
@@ -199,7 +202,7 @@
   })(["display:inline-flex;svg{margin:0 4px;}"]);
   StyledButtonElement.displayName = "StyledButtonElement";
 
-  var _excluded$1q = ["children", "active", "variant", "size", "className"];
+  var _excluded$1r = ["children", "active", "variant", "size", "className"];
   /**
    * @component Button
    * @description
@@ -229,7 +232,7 @@
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? "medium" : _ref$size,
       className = _ref.className,
-      args = _objectWithoutProperties(_ref, _excluded$1q);
+      args = _objectWithoutProperties(_ref, _excluded$1r);
     return /*#__PURE__*/React__default["default"].createElement(StyledButton$2, _extends({
       className: classNames__default["default"]("c-btn", className, {
         "c-btn--contained": variant === "primary" || variant === "contained",
@@ -303,12 +306,12 @@
   AddCrossTinyIcon.displayName = "AddCrossTinyIcon";
   var AddCrossTinyIcon$1 = AddCrossTinyIcon;
 
-  var _excluded$1p = ["className", "disabled"];
+  var _excluded$1q = ["className", "disabled"];
   var GlobalAddButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      rest = _objectWithoutProperties(_ref, _excluded$1p);
+      rest = _objectWithoutProperties(_ref, _excluded$1q);
     return /*#__PURE__*/React__default["default"].createElement(StyledGlobalAddButton, _extends({
       ref: ref,
       variant: "contained",
@@ -340,11 +343,11 @@
   });
   StyledButtonGroup$1.displayName = "StyledButtonGroup";
 
-  var _excluded$1o = ["children", "className"];
+  var _excluded$1p = ["children", "className"];
   var ButtonGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$1o);
+      rest = _objectWithoutProperties(_ref, _excluded$1p);
     return /*#__PURE__*/React__default["default"].createElement(StyledButtonGroup$1, _extends({
       ref: ref,
       className: classNames__default["default"]("c-btn-group", className)
@@ -368,11 +371,11 @@
   })(["border-top:1px solid var(--border-primary);margin:12px 16px;height:1px;"]);
   StyledListSeparator.displayName = "StyledListSeparator";
 
-  var _excluded$1n = ["children", "className"];
+  var _excluded$1o = ["children", "className"];
   var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$1n);
+      props = _objectWithoutProperties(_ref, _excluded$1o);
     return /*#__PURE__*/React__default["default"].createElement(StyledListItem, _extends({
       className: classNames__default["default"]("c-list-item", className),
       ref: ref,
@@ -381,21 +384,21 @@
   });
   ListItem.displayName = "ListItem";
 
-  var _excluded$1m = ["className"];
+  var _excluded$1n = ["className"];
   var ListSeparator = function ListSeparator(_ref) {
     var className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$1m);
+      props = _objectWithoutProperties(_ref, _excluded$1n);
     return /*#__PURE__*/React__default["default"].createElement(StyledListSeparator, _extends({
       className: classNames__default["default"]("c-list-separator", className)
     }, props));
   };
   ListSeparator.displayName = "ListSeparator";
 
-  var _excluded$1l = ["children", "className"];
+  var _excluded$1m = ["children", "className"];
   var _List = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$1l);
+      props = _objectWithoutProperties(_ref, _excluded$1m);
     return /*#__PURE__*/React__default["default"].createElement(StyledList, _extends({
       className: className,
       ref: ref,
@@ -561,6 +564,40 @@
     }
   };
 
+  var currencyMultiplier = {
+    k: 1000,
+    m: 1000000,
+    b: 1000000000,
+    t: 1000000000000
+  };
+  var formatNumber = function formatNumber(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 ? `-${result}${suffixes[scale]}` : `${result}${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 validateStopwatchTime = function validateStopwatchTime(value) {
     return /^([0-9]{0,2})?(((:([0-5][0-9])?)|(:[0-5]?))|(\.[0-9]{0,2})|(,[0-9]{0,2}))?$/g.test(value);
   };
@@ -571,6 +608,23 @@
       return /^(([1-9][0-9]*|0)?(([:,.][0-5][0-9]?)|([:,.][0-5]?)|(\.[0-9]{1,2})|(,[0-9]{1,2}))?)$/.test(value);
     }
   };
+  var validateNumberInput = function validateNumberInput(value, disableMacros, decimalSeparator, decimalLength, limit) {
+    if (value.startsWith("00")) {
+      return false;
+    }
+    var numericInput = disableMacros ? value : value.replace(/([0-9.]+)([kmbtKMBT])/, function (_, num, unit) {
+      return (parseFloat(num) * currencyMultiplier[unit.toLowerCase()]).toString();
+    });
+    if (limit) {
+      var decimalIndex = numericInput.indexOf(decimalSeparator);
+      var integerPart = decimalIndex !== -1 ? numericInput.substring(0, decimalIndex) : numericInput;
+      if (integerPart.length > limit) {
+        return false;
+      }
+    }
+    var regexString = `^(-?\\d{0,9}(?:\\${decimalSeparator}\\d{0,${decimalLength}})?)?$`;
+    return new RegExp(regexString).test(numericInput);
+  };
 
   function setRef(ref, value) {
     if (typeof ref === "function") {
@@ -701,40 +755,6 @@
     return !Number.isInteger(num);
   };
 
-  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 ? `-${result}${suffixes[scale]}` : `${result}${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 StyledIconButton = styled__default["default"](Button).withConfig({
     displayName: "Styles__StyledIconButton",
     componentId: "sc-1teza2f-0"
@@ -746,7 +766,7 @@
     return size === "big" && styled.css(["width:40px;"]);
   });
 
-  var _excluded$1k = ["children", "className", "variant", "size", "active"];
+  var _excluded$1l = ["children", "className", "variant", "size", "active"];
 
   // eslint-disable-next-line @typescript-eslint/no-empty-interface
 
@@ -776,7 +796,7 @@
       variant = _ref.variant,
       size = _ref.size,
       active = _ref.active,
-      args = _objectWithoutProperties(_ref, _excluded$1k);
+      args = _objectWithoutProperties(_ref, _excluded$1l);
     return /*#__PURE__*/React__default["default"].createElement(StyledIconButton, _extends({
       className: className,
       variant: variant,
@@ -7342,7 +7362,7 @@
   }, FontStyle, BoxSizingStyle);
   StyledBubble.displayName = "StyledBubble";
 
-  var _excluded$1j = ["children", "className", "innerRef", "style"];
+  var _excluded$1k = ["children", "className", "innerRef", "style"];
   var Bubble = function Bubble(_ref) {
     var children = _ref.children,
       className = _ref.className,
@@ -7350,7 +7370,7 @@
       innerRef = _ref$innerRef === void 0 ? null : _ref$innerRef,
       _ref$style = _ref.style,
       style = _ref$style === void 0 ? {} : _ref$style,
-      rest = _objectWithoutProperties(_ref, _excluded$1j);
+      rest = _objectWithoutProperties(_ref, _excluded$1k);
     return /*#__PURE__*/React__default["default"].createElement(StyledBubble, _extends({}, rest, {
       ref: innerRef,
       className: classNames__default["default"]("c-bubble", className),
@@ -7411,12 +7431,12 @@
   });
   StyledOverlay.displayName = "StyledOverlay";
 
-  var _excluded$1i = ["className", "disableBackgroundColor"];
+  var _excluded$1j = ["className", "disableBackgroundColor"];
   var Overlay = function Overlay(_ref) {
     var className = _ref.className,
       _ref$disableBackgroun = _ref.disableBackgroundColor,
       disableBackgroundColor = _ref$disableBackgroun === void 0 ? false : _ref$disableBackgroun,
-      rest = _objectWithoutProperties(_ref, _excluded$1i);
+      rest = _objectWithoutProperties(_ref, _excluded$1j);
     return /*#__PURE__*/React__default["default"].createElement(StyledOverlay, _extends({
       className: classNames__default["default"]("c-overlay", className),
       $disableBackgroundColor: disableBackgroundColor
@@ -7424,7 +7444,7 @@
   };
   Overlay.displayName = "Overlay";
 
-  var _excluded$1h = ["children", "anchorEl", "open", "style", "transition", "placement", "strategy", "afterWrite"];
+  var _excluded$1i = ["children", "anchorEl", "open", "style", "transition", "placement", "strategy", "afterWrite"];
   var Popper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       anchorEl = _ref.anchorEl,
@@ -7438,7 +7458,7 @@
       _ref$strategy = _ref.strategy,
       strategy = _ref$strategy === void 0 ? "absolute" : _ref$strategy,
       afterWrite = _ref.afterWrite,
-      rest = _objectWithoutProperties(_ref, _excluded$1h);
+      rest = _objectWithoutProperties(_ref, _excluded$1i);
     var _useState = React.useState(true),
       _useState2 = _slicedToArray(_useState, 2),
       exited = _useState2[0],
@@ -7561,7 +7581,7 @@
   };
   var LayerContext$1 = LayerContext;
 
-  var _excluded$1g = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock", "disableCloseOnEsc", "onClick"];
+  var _excluded$1h = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock", "disableCloseOnEsc", "onClick"];
   var returnFocus = {
     preventScroll: true
   };
@@ -7578,7 +7598,7 @@
       _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
       disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs,
       onClick = _ref.onClick,
-      rest = _objectWithoutProperties(_ref, _excluded$1g);
+      rest = _objectWithoutProperties(_ref, _excluded$1h);
     var innerRef = React.useRef(null);
     var handleRef = useForkRef(innerRef, ref);
     var _useLayerContext = useLayerContext(),
@@ -7889,7 +7909,7 @@
   });
   StyledTypography.displayName = "StyledTypography";
 
-  var _excluded$1f = ["variant", "as", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
+  var _excluded$1g = ["variant", "as", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
   var Typography = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? "Title 1" : _ref$variant,
@@ -7920,7 +7940,7 @@
       weight = _ref$weight === void 0 ? "regular" : _ref$weight,
       className = _ref.className,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$1f);
+      props = _objectWithoutProperties(_ref, _excluded$1g);
     var Component = as || "div";
     return /*#__PURE__*/React__default["default"].createElement(StyledTypography, _extends({
       as: Component,
@@ -7943,13 +7963,13 @@
   });
   Typography.displayName = "Typography";
 
-  var _excluded$1e = ["title", "className", "leftElement", "rightElement"];
+  var _excluded$1f = ["title", "className", "leftElement", "rightElement"];
   var MenuHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var title = _ref.title,
       className = _ref.className,
       leftElement = _ref.leftElement,
       rightElement = _ref.rightElement,
-      props = _objectWithoutProperties(_ref, _excluded$1e);
+      props = _objectWithoutProperties(_ref, _excluded$1f);
     return /*#__PURE__*/React__default["default"].createElement(StyledMenuHeader, _extends({}, props, {
       className: classNames__default["default"]("c-menu-header", className),
       ref: ref
@@ -7974,11 +7994,11 @@
   });
   MenuHeader.displayName = "MenuHeader";
 
-  var _excluded$1d = ["children", "className"];
+  var _excluded$1e = ["children", "className"];
   var MenuFooter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$1d);
+      props = _objectWithoutProperties(_ref, _excluded$1e);
     return /*#__PURE__*/React__default["default"].createElement(StyledMenuFooter$1, _extends({}, props, {
       className: classNames__default["default"]("c-menu-footer", className),
       ref: ref
@@ -7986,14 +8006,14 @@
   });
   MenuFooter.displayName = "MenuFooter";
 
-  var _excluded$1c = ["children", "className", "separator"];
+  var _excluded$1d = ["children", "className", "separator"];
   var Breadcrumbs = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var _dimensions$width, _childDimensions$widt;
     var children = _ref.children,
       className = _ref.className,
       _ref$separator = _ref.separator,
       separator = _ref$separator === void 0 ? "/" : _ref$separator,
-      rest = _objectWithoutProperties(_ref, _excluded$1c);
+      rest = _objectWithoutProperties(_ref, _excluded$1d);
     var internalRef = React.useRef(null);
     var listWrapperRef = React.useRef(null);
     var olRef = React.useRef(null);
@@ -8171,12 +8191,12 @@
     }, value && value > 100 ? 99 + "+" : value);
   };
 
-  var _excluded$1b = ["weight", "children"];
+  var _excluded$1c = ["weight", "children"];
   var Body2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
       weight = _ref$weight === void 0 ? "regular" : _ref$weight,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$1b);
+      props = _objectWithoutProperties(_ref, _excluded$1c);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Body 2",
       weight: weight,
@@ -8284,10 +8304,10 @@
   };
   FromElement.displayName = "FromElement";
 
-  var _excluded$1a = ["children"];
+  var _excluded$1b = ["children"];
   var TooltipAnimation = function TooltipAnimation(_ref) {
     var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$1a);
+      props = _objectWithoutProperties(_ref, _excluded$1b);
     return /*#__PURE__*/React__default["default"].createElement(FromElement, _extends({
       timeout: 0
     }, props), children);
@@ -8362,7 +8382,7 @@
   });
   Tooltip.displayName = "Tooltip";
 
-  var _excluded$19 = ["label", "icon", "active", "counter", "tooltipText", "onClearAll", "className", "disabled"];
+  var _excluded$1a = ["label", "icon", "active", "counter", "tooltipText", "onClearAll", "className", "disabled"];
   var CounterButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var label = _ref.label,
       icon = _ref.icon,
@@ -8374,7 +8394,7 @@
       className = _ref.className,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      args = _objectWithoutProperties(_ref, _excluded$19);
+      args = _objectWithoutProperties(_ref, _excluded$1a);
     return /*#__PURE__*/React__default["default"].createElement(StyledCounterButtonWrapper, {
       ref: ref,
       className: className
@@ -8769,7 +8789,7 @@
   };
   YearMonthPicker.displayName = "YearMonthPicker";
 
-  var _excluded$18 = ["className", "onChange", "onDayClick", "selectedDays", "disabledDays", "selectionMode", "month", "onMonthChange", "dateRequired", "firstDayOfWeek", "fixedWeeks", "modifiers", "renderDay"];
+  var _excluded$19 = ["className", "onChange", "onDayClick", "selectedDays", "disabledDays", "selectionMode", "month", "onMonthChange", "dateRequired", "firstDayOfWeek", "fixedWeeks", "modifiers", "renderDay"];
   var formatWeekdayName = function formatWeekdayName(str) {
     return moment__default["default"](str).format("ddd").charAt(0);
   };
@@ -8795,7 +8815,7 @@
       fixedWeeks = _ref$fixedWeeks === void 0 ? true : _ref$fixedWeeks,
       defaultModifiers = _ref.modifiers,
       renderDay = _ref.renderDay,
-      rest = _objectWithoutProperties(_ref, _excluded$18);
+      rest = _objectWithoutProperties(_ref, _excluded$19);
     var _useState = React.useState(),
       _useState2 = _slicedToArray(_useState, 2),
       enteredTo = _useState2[0],
@@ -9627,10 +9647,10 @@
     componentId: "sc-x4ge7a-0"
   })(["width:70%;background:linear-gradient( 90deg,rgba(255,255,255,0) 20%,rgba(0,0,0,0.05) 50%,rgba(255,255,255,0) 60% );background-size:400%;height:16px;border-radius:8px;.neon &{background:linear-gradient( 90deg,rgba(255,255,255,0) 20%,rgba(0,0,0,0.2) 50%,rgba(255,255,255,0) 60% );background-size:500%;}animation-duration:1s;animation-iteration-count:infinite;animation-name:", ";animation-timing-function:linear;animation-direction:reverse;"], linearAnimation);
 
-  var _excluded$17 = ["className"];
+  var _excluded$18 = ["className"];
   var LinearLoader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$17);
+      rest = _objectWithoutProperties(_ref, _excluded$18);
     return /*#__PURE__*/React__default["default"].createElement(StyledLinearLoader, _extends({
       ref: ref,
       className: classNames__default["default"]("c-loader c-loader--linear", className)
@@ -9644,10 +9664,10 @@
     componentId: "sc-1f35d5h-0"
   })(["display:inline-block;text-align:center;& > span{display:inline-block;width:18px;height:18px;background-color:#777;border-radius:100%;animation:", " 1.4s infinite ease-in-out both;}span:nth-child(1){animation-delay:-0.32s;}span:nth-child(2){animation-delay:-0.16s;}"], dotAnimation);
 
-  var _excluded$16 = ["className"];
+  var _excluded$17 = ["className"];
   var DotsLoader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$16);
+      rest = _objectWithoutProperties(_ref, _excluded$17);
     return /*#__PURE__*/React__default["default"].createElement(StyledDotsLoader, _extends({
       ref: ref,
       className: classNames__default["default"]("c-loader c-loader--dots", className)
@@ -9669,7 +9689,7 @@
     return props.$activeColorPercentage === "75%" && styled.css(["border-right:", "px solid ", ";border-bottom:", "px solid ", ";border-left:", "px solid ", ";border-top:", "px solid ", ";"], props.$stroke, props.$activeStrokeColor, props.$stroke, props.$activeStrokeColor, props.$stroke, props.$inactiveStrokeColor, props.$stroke, props.$activeStrokeColor);
   });
 
-  var _excluded$15 = ["radius", "stroke", "activeStrokeColor", "inactiveStrokeColor", "activeColorPercentage", "rotateDurationInSeconds", "className"];
+  var _excluded$16 = ["radius", "stroke", "activeStrokeColor", "inactiveStrokeColor", "activeColorPercentage", "rotateDurationInSeconds", "className"];
   var SpinnerLoader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$radius = _ref.radius,
       radius = _ref$radius === void 0 ? 10 : _ref$radius,
@@ -9684,7 +9704,7 @@
       _ref$rotateDurationIn = _ref.rotateDurationInSeconds,
       rotateDurationInSeconds = _ref$rotateDurationIn === void 0 ? 0.75 : _ref$rotateDurationIn,
       className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$15);
+      rest = _objectWithoutProperties(_ref, _excluded$16);
     return /*#__PURE__*/React__default["default"].createElement(StyledSpinnerLoader$1, _extends({
       ref: ref,
       className: className,
@@ -9698,7 +9718,7 @@
   });
   SpinnerLoader.displayName = "SpinnerLoader";
 
-  var _excluded$14 = ["header", "rows", "className", "sortBy", "sortDirection", "onSortCallback", "theadClass", "noResultsCallback", "groupBy", "groupHead", "isCollapsible", "emptyValue", "loading", "loadingRows"];
+  var _excluded$15 = ["header", "rows", "className", "sortBy", "sortDirection", "onSortCallback", "theadClass", "noResultsCallback", "groupBy", "groupHead", "isCollapsible", "emptyValue", "loading", "loadingRows"];
   var SortDirection = /*#__PURE__*/function (SortDirection) {
     SortDirection["None"] = "none";
     SortDirection["Asc"] = "asc";
@@ -9748,7 +9768,7 @@
       loading = _ref.loading,
       _ref$loadingRows = _ref.loadingRows,
       loadingRows = _ref$loadingRows === void 0 ? 7 : _ref$loadingRows,
-      args = _objectWithoutProperties(_ref, _excluded$14);
+      args = _objectWithoutProperties(_ref, _excluded$15);
     var _useState = React.useState(sortDirection),
       _useState2 = _slicedToArray(_useState, 2),
       columnDirection = _useState2[0],
@@ -10108,7 +10128,7 @@
   });
   StyledCompleteCheckbox.displayName = "StyledCompleteCheckbox";
 
-  var _excluded$13 = ["completed", "disabled", "animate", "onClick", "className", "primary", "checkMarkClassName"];
+  var _excluded$14 = ["completed", "disabled", "animate", "onClick", "className", "primary", "checkMarkClassName"];
   var CompleteCheckbox = function CompleteCheckbox(_ref) {
     var _ref$completed = _ref.completed,
       completed = _ref$completed === void 0 ? false : _ref$completed,
@@ -10121,7 +10141,7 @@
       _ref$primary = _ref.primary,
       primary = _ref$primary === void 0 ? false : _ref$primary,
       checkMarkClassName = _ref.checkMarkClassName,
-      rest = _objectWithoutProperties(_ref, _excluded$13);
+      rest = _objectWithoutProperties(_ref, _excluded$14);
     return /*#__PURE__*/React__default["default"].createElement(StyledCompleteCheckbox, _extends({
       onClick: onClick,
       className: classNames__default["default"]("c-complete-checkbox", className),
@@ -10152,7 +10172,7 @@
   });
   StyledPaper.displayName = "StyledPaper";
 
-  var _excluded$12 = ["children", "className", "type", "hover", "useOptimizedShadow"];
+  var _excluded$13 = ["children", "className", "type", "hover", "useOptimizedShadow"];
   /**
    * This is a component description and should sit directly above your component
    */
@@ -10165,7 +10185,7 @@
       hover = _ref$hover === void 0 ? false : _ref$hover,
       _ref$useOptimizedShad = _ref.useOptimizedShadow,
       useOptimizedShadow = _ref$useOptimizedShad === void 0 ? false : _ref$useOptimizedShad,
-      rest = _objectWithoutProperties(_ref, _excluded$12);
+      rest = _objectWithoutProperties(_ref, _excluded$13);
     return /*#__PURE__*/React__default["default"].createElement(StyledPaper, _extends({
       className: classNames__default["default"](className, {
         "ac-shadow--raised--lg": !useOptimizedShadow && hover && type === "paper-1",
@@ -10218,7 +10238,7 @@
   });
   StyledCard.displayName = "StyledCard";
 
-  var _excluded$11 = ["children", "className", "hoverable", "paperType"];
+  var _excluded$12 = ["children", "className", "hoverable", "paperType"];
   var Card = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
@@ -10226,7 +10246,7 @@
       hoverable = _ref$hoverable === void 0 ? false : _ref$hoverable,
       _ref$paperType = _ref.paperType,
       paperType = _ref$paperType === void 0 ? "paper-2" : _ref$paperType,
-      rest = _objectWithoutProperties(_ref, _excluded$11);
+      rest = _objectWithoutProperties(_ref, _excluded$12);
     return /*#__PURE__*/React__default["default"].createElement(StyledCard, _extends({}, rest, {
       type: paperType,
       className: classNames__default["default"]("c-card", className),
@@ -10333,12 +10353,12 @@
   });
   StyledIcon$1.displayName = "StyledIcon";
 
-  var _excluded$10 = ["weight", "children"];
+  var _excluded$11 = ["weight", "children"];
   var Title1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
       weight = _ref$weight === void 0 ? "light" : _ref$weight,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$10);
+      props = _objectWithoutProperties(_ref, _excluded$11);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: weight,
       variant: "Title 1",
@@ -10347,12 +10367,12 @@
   });
   Title1.displayName = "Title1";
 
-  var _excluded$$ = ["weight", "children"];
+  var _excluded$10 = ["weight", "children"];
   var Title2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
       weight = _ref$weight === void 0 ? "light" : _ref$weight,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$$);
+      props = _objectWithoutProperties(_ref, _excluded$10);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: weight,
       variant: "Title 2",
@@ -10361,10 +10381,10 @@
   });
   Title2.displayName = "Title2";
 
-  var _excluded$_ = ["children"];
+  var _excluded$$ = ["children"];
   var Header2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$_);
+      props = _objectWithoutProperties(_ref, _excluded$$);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: "bold",
       variant: "Header 2",
@@ -10373,10 +10393,10 @@
   });
   Header2.displayName = "Header2";
 
-  var _excluded$Z = ["children"];
+  var _excluded$_ = ["children"];
   var Header3 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$Z);
+      props = _objectWithoutProperties(_ref, _excluded$_);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: "bold",
       variant: "Header 3",
@@ -10385,12 +10405,12 @@
   });
   Header3.displayName = "Header3";
 
-  var _excluded$Y = ["weight", "children"];
+  var _excluded$Z = ["weight", "children"];
   var Body1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
       weight = _ref$weight === void 0 ? "regular" : _ref$weight,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$Y);
+      props = _objectWithoutProperties(_ref, _excluded$Z);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Body 1",
       weight: weight,
@@ -10399,12 +10419,12 @@
   });
   Body1.displayName = "Body1";
 
-  var _excluded$X = ["weight", "children"];
+  var _excluded$Y = ["weight", "children"];
   var Caption1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
       weight = _ref$weight === void 0 ? "regular" : _ref$weight,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$X);
+      props = _objectWithoutProperties(_ref, _excluded$Y);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Caption 1",
       weight: weight,
@@ -10413,12 +10433,12 @@
   });
   Caption1.displayName = "Caption1";
 
-  var _excluded$W = ["weight", "children"];
+  var _excluded$X = ["weight", "children"];
   var Caption2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
       weight = _ref$weight === void 0 ? "regular" : _ref$weight,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$W);
+      props = _objectWithoutProperties(_ref, _excluded$X);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Caption 2",
       weight: weight,
@@ -10502,7 +10522,7 @@
     componentId: "sc-5x2tyd-1"
   })(["border-radius:100%;object-fit:cover;"]);
 
-  var _excluded$V = ["url", "alt", "size", "className", "imgClassName", "children"];
+  var _excluded$W = ["url", "alt", "size", "className", "imgClassName", "children"];
   /**
    * @component Avatar
    * @description
@@ -10537,7 +10557,7 @@
       className = _ref.className,
       imgClassName = _ref.imgClassName,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded$V);
+      rest = _objectWithoutProperties(_ref, _excluded$W);
     var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       imageLoaded = _useState2[0],
@@ -10578,13 +10598,13 @@
     return props.$color && styled.css(["background-color:", ";"], props.$color);
   });
 
-  var _excluded$U = ["color", "size", "className"];
+  var _excluded$V = ["color", "size", "className"];
   var Dot = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var color = _ref.color,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? 8 : _ref$size,
       className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$U);
+      rest = _objectWithoutProperties(_ref, _excluded$V);
     return /*#__PURE__*/React__default["default"].createElement(StyledDot, _extends({
       className: classNames__default["default"]("c-dot", className),
       ref: ref,
@@ -10621,7 +10641,7 @@
   });
   StyledTagText.displayName = "StyledTagText";
 
-  var _excluded$T = ["name", "color", "showText", "showDot", "className"];
+  var _excluded$U = ["name", "color", "showText", "showDot", "className"];
   var Tag = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var name = _ref.name,
       color = _ref.color,
@@ -10630,7 +10650,7 @@
       _ref$showDot = _ref.showDot,
       showDot = _ref$showDot === void 0 ? true : _ref$showDot,
       className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$T);
+      rest = _objectWithoutProperties(_ref, _excluded$U);
     return /*#__PURE__*/React__default["default"].createElement(StyledTag, _extends({
       className: classNames__default["default"]("c-tag", className),
       ref: ref
@@ -10736,7 +10756,7 @@
   });
   StyledNavAsMoreTarget.displayName = "StyledNavAsMoreTarget";
 
-  var _excluded$S = ["children", "active", "disabled", "className", "role"];
+  var _excluded$T = ["children", "active", "disabled", "className", "role"];
   var Item = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var children = _ref.children,
       _ref$active = _ref.active,
@@ -10745,7 +10765,7 @@
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       className = _ref.className,
       role = _ref.role,
-      rest = _objectWithoutProperties(_ref, _excluded$S);
+      rest = _objectWithoutProperties(_ref, _excluded$T);
     return /*#__PURE__*/React__default["default"].createElement(StyledNavListItem, _extends({
       className: classNames__default["default"](`c-nav__item`, {
         "c-nav__item--active": active
@@ -10786,11 +10806,11 @@
   });
   StyledExpandSingle.displayName = "StyledExpandSingle";
 
-  var _excluded$R = ["expanded"];
+  var _excluded$S = ["expanded"];
   var ExpandSingle = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$expanded = _ref.expanded,
       expanded = _ref$expanded === void 0 ? false : _ref$expanded,
-      rest = _objectWithoutProperties(_ref, _excluded$R);
+      rest = _objectWithoutProperties(_ref, _excluded$S);
     return /*#__PURE__*/React__default["default"].createElement(StyledExpandSingle, _extends({
       ref: ref,
       viewBox: "0 0 24 24",
@@ -10966,7 +10986,7 @@
   };
   OptionContent.displayName = "OptionContent";
 
-  var _excluded$Q = ["isIndeterminate", "data-testid"];
+  var _excluded$R = ["isIndeterminate", "data-testid"];
 
   /**
    * @component CheckboxIcon
@@ -10990,7 +11010,7 @@
   var CheckboxIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var isIndeterminate = _ref.isIndeterminate,
       testId = _ref["data-testid"],
-      props = _objectWithoutProperties(_ref, _excluded$Q);
+      props = _objectWithoutProperties(_ref, _excluded$R);
     // const [animate, setAnimate] = useState(false);
     // const mountRef = useRef(false);
 
@@ -11080,7 +11100,7 @@
   });
   StyledCheckbox$1.displayName = "StyledCheckbox";
 
-  var _excluded$P = ["className", "hover", "id", "isIndeterminate"];
+  var _excluded$Q = ["className", "hover", "id", "isIndeterminate"];
   /**
    * Checkbox component
    */
@@ -11090,7 +11110,7 @@
       _ref$id = _ref.id,
       id = _ref$id === void 0 ? "checkbox" : _ref$id,
       isIndeterminate = _ref.isIndeterminate,
-      rest = _objectWithoutProperties(_ref, _excluded$P);
+      rest = _objectWithoutProperties(_ref, _excluded$Q);
     return /*#__PURE__*/React__default["default"].createElement(StyledCheckbox$1, {
       className: classNames__default["default"]("c-checkbox", {
         "c-checkbox__hover": hover,
@@ -11150,7 +11170,7 @@
   });
   StyledInput$2.displayName = "StyledInput";
 
-  var _excluded$O = ["className", "style", "type", "disabled", "size", "invalid", "startAdornment", "endAdornment", "wrapRef", "wrapperClick"];
+  var _excluded$P = ["className", "style", "type", "disabled", "size", "invalid", "startAdornment", "endAdornment", "wrapRef", "wrapperClick"];
   var Input = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var _ref$className = _ref.className,
       className = _ref$className === void 0 ? "" : _ref$className,
@@ -11167,7 +11187,7 @@
       endAdornment = _ref.endAdornment,
       wrapRef = _ref.wrapRef,
       wrapperClick = _ref.wrapperClick,
-      rest = _objectWithoutProperties(_ref, _excluded$O);
+      rest = _objectWithoutProperties(_ref, _excluded$P);
     var intInputRef = React.useRef(null);
     var handleRef = useForkRef(ref, intInputRef);
     var handleWrapperClick = React.useCallback(function () {
@@ -11221,14 +11241,14 @@
   }, StyledRadioLabel);
   StyledRadioButton$1.displayName = "StyledRadioButton";
 
-  var _excluded$N = ["className", "id", "hover"];
+  var _excluded$O = ["className", "id", "hover"];
   var RadioButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$className = _ref.className,
       className = _ref$className === void 0 ? "" : _ref$className,
       _ref$id = _ref.id,
       id = _ref$id === void 0 ? "radio" : _ref$id,
       hover = _ref.hover,
-      props = _objectWithoutProperties(_ref, _excluded$N);
+      props = _objectWithoutProperties(_ref, _excluded$O);
     return /*#__PURE__*/React__default["default"].createElement(StyledRadioButton$1, {
       className: classNames__default["default"]("c-radio-btn", {
         "c-radio-btn__hover": hover,
@@ -11376,7 +11396,7 @@
   StyledScrollShadowLeft.displayName = "StyledScrollShadowLeft";
   StyledScrollShadowRight.displayName = "StyledScrollShadowRight";
 
-  var _excluded$M = ["children", "className", "disableVertical", "disableHorizontal", "invertHorizontal", "invertVertical", "innerColor", "outerColor"];
+  var _excluded$N = ["children", "className", "disableVertical", "disableHorizontal", "invertHorizontal", "invertVertical", "innerColor", "outerColor"];
   var ScrollShadow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
@@ -11390,7 +11410,7 @@
       invertVertical = _ref$invertVertical === void 0 ? false : _ref$invertVertical,
       innerColor = _ref.innerColor,
       outerColor = _ref.outerColor,
-      rest = _objectWithoutProperties(_ref, _excluded$M);
+      rest = _objectWithoutProperties(_ref, _excluded$N);
     var _useState = React.useState({
         top: 0,
         right: 0,
@@ -11510,10 +11530,7 @@
     return height;
   };
 
-  // https://www.youtube.com/watch?v=2AilA-M6N5U
-  // @TODO: Pitati foo za testove.
-
-  var useInputNumber = function useInputNumber(_ref, ref) {
+  var useInputNumber = function useInputNumber(_ref, inputRef) {
     var _ref$decimalSeparator = _ref.decimalSeparator,
       decimalSeparator = _ref$decimalSeparator === void 0 ? "." : _ref$decimalSeparator,
       _ref$thousandSeparato = _ref.thousandSeparator,
@@ -11522,95 +11539,69 @@
       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 startValue = disableAbbreviation ? value : formatCurrency(value, thousandSeparator);
-    var _useState = React.useState(startValue),
+      onChange = _ref.onChange,
+      onSave = _ref.onSave,
+      onEnterKeyPress = _ref.onEnterKeyPress,
+      onClick = _ref.onClick,
+      onCancel = _ref.onCancel,
+      allowEmptyValue = _ref.allowEmptyValue,
+      _ref$step = _ref.step,
+      step = _ref$step === void 0 ? 1 : _ref$step,
+      limit = _ref.limit,
+      _ref$validation = _ref.validation,
+      validation = _ref$validation === void 0 ? validateNumberInput : _ref$validation;
+    var _useState = React.useState(function () {
+        return disableAbbreviation ? value : formatNumber(value, thousandSeparator);
+      }),
       _useState2 = _slicedToArray(_useState, 2),
-      formattedValue = _useState2[0],
-      setFormatted = _useState2[1];
-    var _useState3 = React.useState(value),
+      currentValue = _useState2[0],
+      setCurrentValue = _useState2[1];
+    var _useState3 = React.useState(function () {
+        return disableAbbreviation ? value : formatNumber(value, thousandSeparator);
+      }),
       _useState4 = _slicedToArray(_useState3, 2),
-      rootValue = _useState4[0],
-      setRootValue = _useState4[1];
-    var _useState5 = React.useState(false),
+      prevValue = _useState4[0],
+      setPrevValue = _useState4[1];
+    var _useState5 = React.useState(function () {
+        return value;
+      }),
       _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}(?:[${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);
+      unformattedValue = _useState6[0],
+      setUnformattedValue = _useState6[1];
+    var _useState7 = React.useState(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      focused = _useState8[0],
+      setFocused = _useState8[1];
+    var escapeRef = React.useRef(false);
+    var handleBlur = React.useCallback(function (e) {
+      if (escapeRef.current) {
+        setCurrentValue(prevValue);
+        setUnformattedValue(prevValue);
       } else {
-        setFormatted(formatCurrency(formattedValue, thousandSeparator));
+        if (e.target.value.trim().length > 0 && prevValue !== e.target.value) {
+          var _value = disableAbbreviation ? currentValue : formatNumber(currentValue, thousandSeparator);
+          setPrevValue(_value);
+          setUnformattedValue(currentValue);
+          setCurrentValue(_value);
+          typeof onSave === "function" && onSave(e);
+        } else {
+          if (!allowEmptyValue) {
+            setCurrentValue(prevValue);
+            setUnformattedValue(prevValue);
+            typeof onCancel === "function" && onCancel(e);
+          } else {
+            if (typeof onSave === "function" && prevValue !== e.target.value) {
+              onSave(e);
+            } else {
+              typeof onCancel === "function" && onCancel(e);
+            }
+          }
+        }
       }
-      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);
+    }, [allowEmptyValue, disableAbbreviation, onCancel, onSave, prevValue, thousandSeparator, currentValue]);
+    var updateValue = React.useCallback(function (type) {
+      var value = String(unformattedValue);
       var decimalPart = "";
       var increasedValue = 0;
       var nonDecimalPart = value.replaceAll(thousandSeparator, "");
@@ -11632,21 +11623,104 @@
         increasedValue = parseFloat(increasedValue.toFixed(decimalLength));
       }
       var joinedValue = numberWithSeparator(increasedValue, thousandSeparator, value.includes(thousandSeparator));
-      setFormatted(decimalPart ? joinedValue + decimalPart : joinedValue);
-    };
+      setUnformattedValue(decimalPart ? joinedValue + decimalPart : joinedValue);
+      setCurrentValue(decimalPart ? joinedValue + decimalPart : joinedValue);
+    }, [decimalLength, decimalSeparator, step, thousandSeparator, unformattedValue]);
+    var handleKeyDown = React.useCallback(function (e) {
+      if (e.key === "Enter") {
+        e.target.blur();
+        if (typeof onEnterKeyPress === "function") onEnterKeyPress(e.target.value);
+      }
+      if (e.key === "ArrowLeft") {
+        return;
+      }
+      if (e.key === "ArrowRight") {
+        return;
+      }
+      if (e.key === "ArrowUp") {
+        e.preventDefault();
+        updateValue("increment");
+      }
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        updateValue("decrement");
+      }
+      if (e.key === "Escape") {
+        escapeRef.current = true;
+        e.target.blur();
+        typeof onCancel === "function" && onCancel(e);
+        escapeRef.current = false;
+      }
+      if (e.key === "Backspace") {
+        return;
+      }
+      if ((e.metaKey || e.ctrlKey) && e.key === "a") {
+        var _inputRef$current;
+        (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.select();
+        return;
+      }
+      if (e.key === "Tab") {
+        return;
+      }
+      if ((e.metaKey || e.ctrlKey) && e.key === "v") {
+        e.preventDefault();
+        return;
+      }
+      var input = e.target;
+      var currentValue = input.value;
+      var start = input.selectionStart;
+      var end = input.selectionEnd;
+      var newValue = currentValue.substring(0, start) + e.key + currentValue.substring(end);
+      if (!validation(newValue, Boolean(disableMacros), decimalSeparator, decimalLength !== null && decimalLength !== void 0 ? decimalLength : 0, limit)) {
+        e.preventDefault();
+        return;
+      }
+    }, [decimalLength, decimalSeparator, disableMacros, inputRef, limit, onCancel, onEnterKeyPress, updateValue, validation]);
+    var handleChange = React.useCallback(function (e) {
+      var inputValue = e.target.value;
+      var numericInput = disableMacros ? inputValue : inputValue.replace(/([0-9.]+)([kmbtKMBT])/, function (_, num, unit) {
+        return (parseFloat(num) * currencyMultiplier[unit.toLowerCase()]).toString();
+      });
+      setCurrentValue(numericInput);
+      setUnformattedValue(numericInput);
+      if (onChange) onChange(numericInput);
+    }, [disableMacros, onChange]);
+    var handleClick = React.useCallback(function (e) {
+      if (typeof onClick === "function") {
+        onClick(e);
+      }
+    }, [onClick]);
+    var handleFocus = React.useCallback(function () {
+      setCurrentValue(unformattedValue);
+      setFocused(true);
+    }, [unformattedValue]);
+    var handleDoubleClick = React.useCallback(function () {
+      if (inputRef.current) {
+        var _inputRef$current2;
+        (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.select();
+      }
+    }, [inputRef]);
+    var inputProps = React.useMemo(function () {
+      return {
+        value: currentValue,
+        onBlur: handleBlur,
+        onKeyDown: handleKeyDown,
+        onChange: handleChange,
+        onClick: handleClick,
+        onDoubleClick: handleDoubleClick,
+        onFocus: handleFocus,
+        focused,
+        unformattedValue
+      };
+    }, [currentValue, handleBlur, handleKeyDown, handleChange, handleClick, handleDoubleClick, handleFocus, focused, unformattedValue]);
     return {
-      focused,
-      formattedValue,
-      rootValue,
-      handleChange,
-      handleKeyDown,
-      handleBlur,
-      handleFocus,
-      onValueChange
+      inputProps,
+      setCurrentValue,
+      setPrevValue
     };
   };
 
-  var _excluded$L = ["as", "className", "invert", "style"];
+  var _excluded$M = ["as", "className", "invert", "style"];
   var ScrollElement = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$as = _ref.as,
       as = _ref$as === void 0 ? "div" : _ref$as,
@@ -11654,7 +11728,7 @@
       _ref$invert = _ref.invert,
       invert = _ref$invert === void 0 ? false : _ref$invert,
       style = _ref.style,
-      rest = _objectWithoutProperties(_ref, _excluded$L);
+      rest = _objectWithoutProperties(_ref, _excluded$M);
     var internalRef = useInitScrollRef(null, invert);
     var handleRef = useForkRef(internalRef, ref);
     var props = _objectSpread2(_objectSpread2({}, rest), {}, {
@@ -12282,7 +12356,7 @@
     componentId: "sc-9x4q7e-0"
   })(["cursor:auto"]);
 
-  var _excluded$K = ["type", "mode", "target", "options", "selected", "position", "onChange", "placeholder", "emptyAction", "disableSearch", "forceCloseMenu", "selectClassName", "keepSameOptionsOrder", "onSelectOpen", "onSelectClose", "renderOption", "handleDefaultOptionChange", "preselectDefaultValue", "startAdornment", "endAdornment", "focusInput"];
+  var _excluded$L = ["type", "mode", "target", "options", "selected", "position", "onChange", "placeholder", "emptyAction", "disableSearch", "forceCloseMenu", "selectClassName", "keepSameOptionsOrder", "onSelectOpen", "onSelectClose", "renderOption", "handleDefaultOptionChange", "preselectDefaultValue", "startAdornment", "endAdornment", "focusInput"];
   var Select = function Select(_ref) {
     var _ref$type = _ref.type,
       type = _ref$type === void 0 ? "single" : _ref$type,
@@ -12318,7 +12392,7 @@
       endAdornment = _ref.endAdornment,
       _ref$focusInput = _ref.focusInput,
       focusInput = _ref$focusInput === void 0 ? false : _ref$focusInput,
-      prop = _objectWithoutProperties(_ref, _excluded$K);
+      prop = _objectWithoutProperties(_ref, _excluded$L);
     if (disableSearch && (startAdornment || endAdornment)) {
       console.warn("Adornments are not visible when search bar is hidden");
     }
@@ -12749,7 +12823,7 @@
   };
   Nav.displayName = "Nav";
 
-  var _excluded$J = ["children", "as", "disablePointerEvents"];
+  var _excluded$K = ["children", "as", "disablePointerEvents"];
   var InputAdornmentBase = styled__default["default"].div.withConfig({
     displayName: "InputAdornment__InputAdornmentBase",
     componentId: "sc-1xfjx1z-0"
@@ -12766,7 +12840,7 @@
     var children = _ref.children,
       as = _ref.as,
       disablePointerEvents = _ref.disablePointerEvents,
-      rest = _objectWithoutProperties(_ref, _excluded$J);
+      rest = _objectWithoutProperties(_ref, _excluded$K);
     var Component = as || "div";
     return /*#__PURE__*/React__default["default"].createElement(InputAdornmentBase, _extends({}, rest, {
       as: Component,
@@ -13001,7 +13075,7 @@
     };
   };
 
-  var _excluded$I = ["value", "onCancel", "onSave", "onEnterKeyPress", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className", "onChange", "onClick", "align"];
+  var _excluded$J = ["value", "onCancel", "onSave", "onEnterKeyPress", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className", "onChange", "onClick", "align"];
   var InputHours = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var defaultValue = _ref.value,
       onCancel = _ref.onCancel,
@@ -13021,7 +13095,7 @@
       externalOnClick = _ref.onClick,
       _ref$align = _ref.align,
       align = _ref$align === void 0 ? "center" : _ref$align,
-      rest = _objectWithoutProperties(_ref, _excluded$I);
+      rest = _objectWithoutProperties(_ref, _excluded$J);
     var inputRef = React.useRef(null);
     var handleRef = useForkRef(ref, inputRef);
     var _useInputHours = useInputHours({
@@ -13060,6 +13134,85 @@
   });
   InputHours.displayName = "InputHours";
 
+  var _excluded$I = ["decimalLength", "decimalSeparator", "disableAbbreviation", "disabled", "disableMacros", "invalid", "step", "thousandSeparator", "value", "onCancel", "onSave", "onEnterKeyPress", "allowEmptyValue", "onChange", "onClick", "limit"];
+  var InputNumber = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+    var _ref$decimalLength = _ref.decimalLength,
+      decimalLength = _ref$decimalLength === void 0 ? 2 : _ref$decimalLength,
+      _ref$decimalSeparator = _ref.decimalSeparator,
+      decimalSeparator = _ref$decimalSeparator === void 0 ? "." : _ref$decimalSeparator,
+      _ref$disableAbbreviat = _ref.disableAbbreviation,
+      disableAbbreviation = _ref$disableAbbreviat === void 0 ? false : _ref$disableAbbreviat,
+      disabled = _ref.disabled,
+      _ref$disableMacros = _ref.disableMacros,
+      disableMacros = _ref$disableMacros === void 0 ? false : _ref$disableMacros,
+      invalid = _ref.invalid,
+      _ref$step = _ref.step,
+      step = _ref$step === void 0 ? 1 : _ref$step,
+      _ref$thousandSeparato = _ref.thousandSeparator,
+      thousandSeparator = _ref$thousandSeparato === void 0 ? "," : _ref$thousandSeparato,
+      defaultValue = _ref.value,
+      onCancel = _ref.onCancel,
+      onSave = _ref.onSave,
+      externalEnterKeyPress = _ref.onEnterKeyPress,
+      allowEmptyValue = _ref.allowEmptyValue,
+      externalOnChange = _ref.onChange,
+      externalOnClick = _ref.onClick,
+      limit = _ref.limit,
+      rest = _objectWithoutProperties(_ref, _excluded$I);
+    var inputRef = React.useRef(null);
+    var handleRef = useForkRef(ref, inputRef);
+    var _useInputNumber = useInputNumber({
+        decimalLength,
+        decimalSeparator,
+        disableAbbreviation,
+        disableMacros,
+        step,
+        thousandSeparator,
+        onEnterKeyPress: externalEnterKeyPress,
+        onChange: externalOnChange,
+        onClick: externalOnClick,
+        value: defaultValue,
+        onCancel,
+        onSave,
+        allowEmptyValue,
+        limit
+      }, inputRef),
+      inputProps = _useInputNumber.inputProps;
+    var value = inputProps.value,
+      onBlur = inputProps.onBlur,
+      onKeyDown = inputProps.onKeyDown,
+      onChange = inputProps.onChange,
+      onClick = inputProps.onClick,
+      onDoubleClick = inputProps.onDoubleClick,
+      onFocus = inputProps.onFocus;
+    return /*#__PURE__*/React__default["default"].createElement(Input, _extends({}, rest, {
+      ref: handleRef,
+      placeholder: `5000${decimalSeparator}00`,
+      value: value,
+      type: "text",
+      disabled: disabled,
+      invalid: invalid,
+      onChange: onChange,
+      onBlur: onBlur,
+      onKeyDown: onKeyDown,
+      onClick: onClick,
+      onDoubleClick: onDoubleClick,
+      onFocus: onFocus,
+      "aria-placeholder": `5${thousandSeparator}000${decimalSeparator}00`,
+      "aria-disabled": disabled,
+      "aria-invalid": invalid
+    }));
+  });
+  InputNumber.displayName = "InputNumber";
+
+  var InputCurrency = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+    var rest = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+    return /*#__PURE__*/React__default["default"].createElement(InputNumber, _extends({
+      ref: ref
+    }, rest));
+  });
+  InputCurrency.displayName = "InputCurrency";
+
   var _excluded$H = ["expanded"];
   var ExpandAll = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$expanded = _ref.expanded,
@@ -16773,8 +16926,8 @@
   });
   EditableHours.displayName = "EditableHours";
 
-  var _excluded$c = ["decimalLength", "decimalSeparator", "disableAbbreviation", "disabled", "disableMacros", "onValueChange", "step", "thousandSeparator", "value", "className"];
-  var EditableCurrency = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var _excluded$c = ["decimalLength", "decimalSeparator", "disableAbbreviation", "disabled", "disableMacros", "step", "thousandSeparator", "value", "onSave", "onCancel", "className", "allowEmptyValue", "onEnterKeyPress", "onClick", "onChange", "limit"];
+  var EditableCurrency = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var _ref$decimalLength = _ref.decimalLength,
       decimalLength = _ref$decimalLength === void 0 ? 2 : _ref$decimalLength,
       _ref$decimalSeparator = _ref.decimalSeparator,
@@ -16784,13 +16937,19 @@
       disabled = _ref.disabled,
       _ref$disableMacros = _ref.disableMacros,
       disableMacros = _ref$disableMacros === void 0 ? false : _ref$disableMacros,
-      onValueChange = _ref.onValueChange,
       _ref$step = _ref.step,
       step = _ref$step === void 0 ? 1 : _ref$step,
       _ref$thousandSeparato = _ref.thousandSeparator,
       thousandSeparator = _ref$thousandSeparato === void 0 ? "," : _ref$thousandSeparato,
-      value = _ref.value,
+      defaultValue = _ref.value,
+      onSave = _ref.onSave,
+      onCancel = _ref.onCancel,
       className = _ref.className,
+      allowEmptyValue = _ref.allowEmptyValue,
+      externalEnterKeyPress = _ref.onEnterKeyPress,
+      externalOnClick = _ref.onClick,
+      externalOnChange = _ref.onChange,
+      limit = _ref.limit,
       rest = _objectWithoutProperties(_ref, _excluded$c);
     var inputRef = React.useRef(null);
     var handleRef = useForkRef(ref, inputRef);
@@ -16799,20 +16958,32 @@
         decimalSeparator,
         disableAbbreviation,
         disableMacros,
-        onValueChange,
         step,
         thousandSeparator,
-        value
+        value: defaultValue,
+        onSave,
+        allowEmptyValue,
+        onCancel,
+        onChange: externalOnChange,
+        onEnterKeyPress: externalEnterKeyPress,
+        onClick: externalOnClick,
+        limit
       }, inputRef),
-      focused = _useInputNumber.focused,
-      rootValue = _useInputNumber.rootValue,
-      formattedValue = _useInputNumber.formattedValue,
-      handleBlur = _useInputNumber.handleBlur,
-      handleChange = _useInputNumber.handleChange,
-      handleFocus = _useInputNumber.handleFocus,
-      handleKeyDown = _useInputNumber.handleKeyDown;
+      inputProps = _useInputNumber.inputProps;
+    var value = inputProps.value,
+      onBlur = inputProps.onBlur,
+      onKeyDown = inputProps.onKeyDown,
+      onChange = inputProps.onChange,
+      onClick = inputProps.onClick,
+      onDoubleClick = inputProps.onDoubleClick,
+      onFocus = inputProps.onFocus,
+      focused = inputProps.focused,
+      unformattedValue = inputProps.unformattedValue;
+    var formattedValue = React.useMemo(function () {
+      return focused ? value : numberWithSeparator(value !== null && value !== void 0 ? value : "", thousandSeparator);
+    }, [focused, value, thousandSeparator]);
     return /*#__PURE__*/React__default["default"].createElement(Tooltip, {
-      title: rootValue,
+      title: unformattedValue,
       disable: focused
     }, /*#__PURE__*/React__default["default"].createElement(EditableContent, {
       disabled: disabled,
@@ -16820,10 +16991,12 @@
       className: className,
       inputProps: _objectSpread2({
         value: formattedValue,
-        onBlur: handleBlur,
-        onChange: handleChange,
-        onFocus: handleFocus,
-        onKeyDown: handleKeyDown
+        onBlur: onBlur,
+        onChange: onChange,
+        onKeyDown: onKeyDown,
+        onClick: onClick,
+        onFocus: onFocus,
+        onDoubleClick: onDoubleClick
       }, rest)
     }));
   });
@@ -18411,7 +18584,9 @@
   exports.InfoSmallIcon = InfoSmallIcon$1;
   exports.Input = Input;
   exports.InputAdornment = InputAdornment;
+  exports.InputCurrency = InputCurrency;
   exports.InputHours = InputHours;
+  exports.InputNumber = InputNumber;
   exports.InsertLinkIcon = InsertLinkIcon$1;
   exports.IntegrationsIcon = IntegrationsIcon$1;
   exports.InvoicesIcon = InvoicesIcon$1;
@@ -18572,7 +18747,7 @@
   exports._List = _List;
   exports.colors = colors$1;
   exports.decimalToHours = decimalToHours;
-  exports.formatCurrency = formatCurrency;
+  exports.formatNumber = formatNumber;
   exports.isOptionGroup = isOptionGroup;
   exports.layers = layers;
   exports.numberWithSeparator = numberWithSeparator;
@@ -18586,6 +18761,7 @@
   exports.useMenuContext = useMenuContext;
   exports.useResizeObserver = useResizeObserver$1;
   exports.useWizardContext = useWizardContext;
+  exports.validateNumberInput = validateNumberInput;
   exports.validateStopwatchTime = validateStopwatchTime;
   exports.validateTimeInput = validateTimeInput;