@infomaximum/ui-kit 0.9.1

package/dist/components/InputNumber/InputNumber.js

@@ -0,0 +1,189 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { forwardRef, useRef, useState, memo, Fragment } from "react";
+import { StepController } from "./components/StepController/StepController.js";
+import { isString } from "lodash-es";
+import { getInputNumberTokens } from "./InputNumber.tokens.js";
+import { prefixStyle, nonStringPrefixSuffixStyle, suffixStyle, getAddonStyle, nonStringAddonStyle, inputNumberWrapperClassName, inputNumberWrapperStyle, inputNumberClassName, getInputWrapperStyle, getInputStyle } from "./InputNumber.styles.js";
+import { useMergeRefs } from "@floating-ui/react";
+import { emptyString } from "../../utils/const/index.js";
+import { useTheme } from "../../hooks/useTheme/useTheme.js";
+import { useDecimalTools } from "./hooks/useDecimalTools/useDecimalTools.js";
+import { getMiniDecimal } from "./utils/MiniDecimal.js";
+import { useRange } from "./hooks/useRange/useRange.js";
+import { useChangeValue } from "./hooks/useChangeValue/useChangeValue.js";
+import { useStep } from "./hooks/useStep/useStep.js";
+import { useFocusBlurEvents } from "./hooks/useFocusBlurEvents/useFocusBlurEvents.js";
+import { useWheelEvents } from "./hooks/useWheelEvents/useWheelEvents.js";
+import { useKeyboardEvents } from "./hooks/useKeyboardEvents/useKeyboardEvents.js";
+const InputNumberComponent = forwardRef((props, ref) => {
+  const {
+    style,
+    prefix: prefixProp,
+    suffix: suffixProp,
+    addonBefore: addonBeforeProp,
+    addonAfter: addonAfterProp,
+    status,
+    min,
+    max,
+    step = 1,
+    controls = true,
+    keyboard = true,
+    changeOnWheel = false,
+    changeOnBlur = true,
+    stringMode = false,
+    parser,
+    formatter,
+    precision,
+    decimalSeparator,
+    defaultValue,
+    value,
+    disabled,
+    readOnly,
+    onChange: onChangeProp,
+    onInput,
+    onPressEnter,
+    onStep: onStepProp,
+    ...restProps
+  } = props;
+  const theme = useTheme();
+  const inputNumberTokens = getInputNumberTokens(theme);
+  const inputRef = useRef(null);
+  const mergedRef = useMergeRefs([inputRef, ref]);
+  const shiftKeyRef = useRef(false);
+  const inputValueRef = useRef(emptyString);
+  const errorStatus = status === "error";
+  const hasSuffix = Boolean(suffixProp);
+  const hasAffix = Boolean(prefixProp) || hasSuffix;
+  const hasAddon = Boolean(addonBeforeProp) || Boolean(addonAfterProp);
+  const AddonWrapper = hasAddon ? "span" : Fragment;
+  const {
+    getPrecision,
+    mergedParser,
+    mergedFormatter
+  } = useDecimalTools({
+    inputValueRef,
+    parser,
+    formatter,
+    precision,
+    decimalSeparator,
+    step
+  });
+  const [decimalValue, setDecimalValue] = useState(() => getMiniDecimal(value ?? defaultValue));
+  const {
+    outOfRange,
+    maxDecimal,
+    minDecimal,
+    getRangeValue,
+    isInRange
+  } = useRange({
+    decimalValue,
+    max,
+    min
+  });
+  const {
+    inputValue,
+    triggerValueUpdate,
+    flushInputValue,
+    onChange
+  } = useChangeValue({
+    decimalValue,
+    getPrecision,
+    mergedParser,
+    mergedFormatter,
+    setDecimalValue,
+    getRangeValue,
+    isInRange,
+    inputValueRef,
+    defaultValue,
+    value,
+    disabled,
+    readOnly,
+    stringMode,
+    onInput,
+    onChange: onChangeProp
+  });
+  const {
+    onStep,
+    upDisabled,
+    downDisabled
+  } = useStep({
+    decimalValue,
+    maxDecimal,
+    minDecimal,
+    step,
+    stringMode,
+    inputRef,
+    shiftKeyRef,
+    triggerValueUpdate,
+    onStep: onStepProp
+  });
+  const {
+    onKeyDown,
+    onKeyUp
+  } = useKeyboardEvents({
+    keyboard,
+    shiftKeyRef,
+    flushInputValue,
+    onStep,
+    onPressEnter
+  });
+  const {
+    focus,
+    inputNumberRef,
+    onFocus,
+    onBlur,
+    onInputNumberClick
+  } = useFocusBlurEvents({
+    changeOnBlur,
+    inputRef,
+    flushInputValue
+  });
+  useWheelEvents({
+    focus,
+    changeOnWheel,
+    inputRef,
+    onStep
+  });
+  const prefix = (() => {
+    if (!prefixProp) {
+      return;
+    }
+    return /* @__PURE__ */ jsx("span", { css: [prefixStyle(theme), isString(prefixProp) ? {} : nonStringPrefixSuffixStyle(theme), process.env.NODE_ENV === "production" ? "" : ";label:prefix;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvSW5wdXROdW1iZXIvSW5wdXROdW1iZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlJUSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0lucHV0TnVtYmVyL0lucHV0TnVtYmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZvcndhcmRSZWYsIEZyYWdtZW50LCBtZW1vLCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IElucHV0TnVtYmVyUHJvcHMgfSBmcm9tIFwiLi9JbnB1dE51bWJlci50eXBlc1wiO1xuaW1wb3J0IHsgU3RlcENvbnRyb2xsZXIgfSBmcm9tIFwiLi9jb21wb25lbnRzL1N0ZXBDb250cm9sbGVyL1N0ZXBDb250cm9sbGVyXCI7XG5pbXBvcnQgeyBpc1N0cmluZyB9IGZyb20gXCJsb2Rhc2gtZXNcIjtcbmltcG9ydCB7IGdldElucHV0TnVtYmVyVG9rZW5zIH0gZnJvbSBcIi4vSW5wdXROdW1iZXIudG9rZW5zXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHtcbiAgZ2V0QWRkb25TdHlsZSxcbiAgZ2V0SW5wdXRTdHlsZSxcbiAgZ2V0SW5wdXRXcmFwcGVyU3R5bGUsXG4gIGlucHV0TnVtYmVyQ2xhc3NOYW1lLFxuICBpbnB1dE51bWJlcldyYXBwZXJDbGFzc05hbWUsXG4gIGlucHV0TnVtYmVyV3JhcHBlclN0eWxlLFxuICBub25TdHJpbmdBZGRvblN0eWxlLFxuICBub25TdHJpbmdQcmVmaXhTdWZmaXhTdHlsZSxcbiAgcHJlZml4U3R5bGUsXG4gIHN1ZmZpeFN0eWxlLFxufSBmcm9tIFwiLi9JbnB1dE51bWJlci5zdHlsZXNcIjtcbmltcG9ydCB7IGdldE1pbmlEZWNpbWFsLCB0eXBlIERlY2ltYWxDbGFzcyB9IGZyb20gXCIuL3V0aWxzXCI7XG5pbXBvcnQgeyB1c2VNZXJnZVJlZnMgfSBmcm9tIFwiQGZsb2F0aW5nLXVpL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VTdGVwIH0gZnJvbSBcIi4vaG9va3MvdXNlU3RlcFwiO1xuaW1wb3J0IHsgdXNlS2V5Ym9hcmRFdmVudHMgfSBmcm9tIFwiLi9ob29rcy91c2VLZXlib2FyZEV2ZW50c1wiO1xuaW1wb3J0IHsgdXNlV2hlZWxFdmVudHMgfSBmcm9tIFwiLi9ob29rcy91c2VXaGVlbEV2ZW50c1wiO1xuaW1wb3J0IHsgdXNlRm9jdXNCbHVyRXZlbnRzIH0gZnJvbSBcIi4vaG9va3MvdXNlRm9jdXNCbHVyRXZlbnRzXCI7XG5pbXBvcnQgeyB1c2VSYW5nZSB9IGZyb20gXCIuL2hvb2tzL3VzZVJhbmdlXCI7XG5pbXBvcnQgeyB1c2VEZWNpbWFsVG9vbHMgfSBmcm9tIFwiLi9ob29rcy91c2VEZWNpbWFsVG9vbHNcIjtcbmltcG9ydCB7IGVtcHR5U3RyaW5nIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgeyB1c2VDaGFuZ2VWYWx1ZSB9IGZyb20gXCIuL2hvb2tzL3VzZUNoYW5nZVZhbHVlXCI7XG5cbmNvbnN0IElucHV0TnVtYmVyQ29tcG9uZW50ID0gZm9yd2FyZFJlZjxIVE1MSW5wdXRFbGVtZW50LCBJbnB1dE51bWJlclByb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgc3R5bGUsXG4gICAgcHJlZml4OiBwcmVmaXhQcm9wLFxuICAgIHN1ZmZpeDogc3VmZml4UHJvcCxcbiAgICBhZGRvbkJlZm9yZTogYWRkb25CZWZvcmVQcm9wLFxuICAgIGFkZG9uQWZ0ZXI6IGFkZG9uQWZ0ZXJQcm9wLFxuICAgIHN0YXR1cyxcbiAgICBtaW4sXG4gICAgbWF4LFxuICAgIHN0ZXAgPSAxLFxuICAgIGNvbnRyb2xzID0gdHJ1ZSxcbiAgICBrZXlib2FyZCA9IHRydWUsXG4gICAgY2hhbmdlT25XaGVlbCA9IGZhbHNlLFxuICAgIGNoYW5nZU9uQmx1ciA9IHRydWUsXG4gICAgc3RyaW5nTW9kZSA9IGZhbHNlLFxuICAgIHBhcnNlcixcbiAgICBmb3JtYXR0ZXIsXG4gICAgcHJlY2lzaW9uLFxuICAgIGRlY2ltYWxTZXBhcmF0b3IsXG4gICAgZGVmYXVsdFZhbHVlLFxuICAgIHZhbHVlLFxuICAgIGRpc2FibGVkLFxuICAgIHJlYWRPbmx5LFxuICAgIG9uQ2hhbmdlOiBvbkNoYW5nZVByb3AsXG4gICAgb25JbnB1dCxcbiAgICBvblByZXNzRW50ZXIsXG4gICAgb25TdGVwOiBvblN0ZXBQcm9wLFxuICAgIC4uLnJlc3RQcm9wc1xuICB9ID0gcHJvcHM7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgaW5wdXROdW1iZXJUb2tlbnMgPSBnZXRJbnB1dE51bWJlclRva2Vucyh0aGVtZSk7XG4gIGNvbnN0IGlucHV0UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBtZXJnZWRSZWYgPSB1c2VNZXJnZVJlZnMoW2lucHV0UmVmLCByZWZdKTtcbiAgY29uc3Qgc2hpZnRLZXlSZWYgPSB1c2VSZWYoZmFsc2UpO1xuICBjb25zdCBpbnB1dFZhbHVlUmVmID0gdXNlUmVmPHN0cmluZyB8IG51bWJlciB8IHVuZGVmaW5lZD4oZW1wdHlTdHJpbmcpO1xuICBjb25zdCBlcnJvclN0YXR1cyA9IHN0YXR1cyA9PT0gXCJlcnJvclwiO1xuICBjb25zdCBoYXNTdWZmaXggPSBCb29sZWFuKHN1ZmZpeFByb3ApO1xuICBjb25zdCBoYXNBZmZpeCA9IEJvb2xlYW4ocHJlZml4UHJvcCkgfHwgaGFzU3VmZml4O1xuICBjb25zdCBoYXNBZGRvbiA9IEJvb2xlYW4oYWRkb25CZWZvcmVQcm9wKSB8fCBCb29sZWFuKGFkZG9uQWZ0ZXJQcm9wKTtcbiAgY29uc3QgQWRkb25XcmFwcGVyID0gaGFzQWRkb24gPyBcInNwYW5cIiA6IEZyYWdtZW50O1xuICBjb25zdCB7IGdldFByZWNpc2lvbiwgbWVyZ2VkUGFyc2VyLCBtZXJnZWRGb3JtYXR0ZXIgfSA9IHVzZURlY2ltYWxUb29scyh7XG4gICAgaW5wdXRWYWx1ZVJlZixcbiAgICBwYXJzZXIsXG4gICAgZm9ybWF0dGVyLFxuICAgIHByZWNpc2lvbixcbiAgICBkZWNpbWFsU2VwYXJhdG9yLFxuICAgIHN0ZXAsXG4gIH0pO1xuXG4gIGNvbnN0IFtkZWNpbWFsVmFsdWUsIHNldERlY2ltYWxWYWx1ZV0gPSB1c2VTdGF0ZTxEZWNpbWFsQ2xhc3M+KCgpID0+XG4gICAgZ2V0TWluaURlY2ltYWwodmFsdWUgPz8gZGVmYXVsdFZhbHVlKVxuICApO1xuXG4gIGNvbnN0IHsgb3V0T2ZSYW5nZSwgbWF4RGVjaW1hbCwgbWluRGVjaW1hbCwgZ2V0UmFuZ2VWYWx1ZSwgaXNJblJhbmdlIH0gPSB1c2VSYW5nZSh7XG4gICAgZGVjaW1hbFZhbHVlLFxuICAgIG1heCxcbiAgICBtaW4sXG4gIH0pO1xuICBjb25zdCB7IGlucHV0VmFsdWUsIHRyaWdnZXJWYWx1ZVVwZGF0ZSwgZmx1c2hJbnB1dFZhbHVlLCBvbkNoYW5nZSB9ID0gdXNlQ2hhbmdlVmFsdWUoe1xuICAgIGRlY2ltYWxWYWx1ZSxcbiAgICBnZXRQcmVjaXNpb24sXG4gICAgbWVyZ2VkUGFyc2VyLFxuICAgIG1lcmdlZEZvcm1hdHRlcixcbiAgICBzZXREZWNpbWFsVmFsdWUsXG4gICAgZ2V0UmFuZ2VWYWx1ZSxcbiAgICBpc0luUmFuZ2UsXG4gICAgaW5wdXRWYWx1ZVJlZixcbiAgICBkZWZhdWx0VmFsdWUsXG4gICAgdmFsdWUsXG4gICAgZGlzYWJsZWQsXG4gICAgcmVhZE9ubHksXG4gICAgc3RyaW5nTW9kZSxcbiAgICBvbklucHV0LFxuICAgIG9uQ2hhbmdlOiBvbkNoYW5nZVByb3AsXG4gIH0pO1xuICBjb25zdCB7IG9uU3RlcCwgdXBEaXNhYmxlZCwgZG93bkRpc2FibGVkIH0gPSB1c2VTdGVwKHtcbiAgICBkZWNpbWFsVmFsdWUsXG4gICAgbWF4RGVjaW1hbCxcbiAgICBtaW5EZWNpbWFsLFxuICAgIHN0ZXAsXG4gICAgc3RyaW5nTW9kZSxcbiAgICBpbnB1dFJlZixcbiAgICBzaGlmdEtleVJlZixcbiAgICB0cmlnZ2VyVmFsdWVVcGRhdGUsXG4gICAgb25TdGVwOiBvblN0ZXBQcm9wLFxuICB9KTtcbiAgY29uc3QgeyBvbktleURvd24sIG9uS2V5VXAgfSA9IHVzZUtleWJvYXJkRXZlbnRzKHtcbiAgICBrZXlib2FyZCxcbiAgICBzaGlmdEtleVJlZixcbiAgICBmbHVzaElucHV0VmFsdWUsXG4gICAgb25TdGVwLFxuICAgIG9uUHJlc3NFbnRlcixcbiAgfSk7XG4gIGNvbnN0IHsgZm9jdXMsIGlucHV0TnVtYmVyUmVmLCBvbkZvY3VzLCBvbkJsdXIsIG9uSW5wdXROdW1iZXJDbGljayB9ID0gdXNlRm9jdXNCbHVyRXZlbnRzKHtcbiAgICBjaGFuZ2VPbkJsdXIsXG4gICAgaW5wdXRSZWYsXG4gICAgZmx1c2hJbnB1dFZhbHVlLFxuICB9KTtcbiAgdXNlV2hlZWxFdmVudHMoeyBmb2N1cywgY2hhbmdlT25XaGVlbCwgaW5wdXRSZWYsIG9uU3RlcCB9KTtcblxuICBjb25zdCBwcmVmaXggPSAoKCkgPT4ge1xuICAgIGlmICghcHJlZml4UHJvcCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e1twcmVmaXhTdHlsZSh0aGVtZSksIGlzU3RyaW5nKHByZWZpeFByb3ApID8ge30gOiBub25TdHJpbmdQcmVmaXhTdWZmaXhTdHlsZSh0aGVtZSldfVxuICAgICAgPlxuICAgICAgICB7cHJlZml4UHJvcH1cbiAgICAgIDwvc3Bhbj5cbiAgICApO1xuICB9KSgpO1xuXG4gIGNvbnN0IHN1ZmZpeCA9ICgoKSA9PiB7XG4gICAgaWYgKCFzdWZmaXhQcm9wKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17W3N1ZmZpeFN0eWxlKHRoZW1lKSwgaXNTdHJpbmcoc3VmZml4UHJvcCkgPyB7fSA6IG5vblN0cmluZ1ByZWZpeFN1ZmZpeFN0eWxlKHRoZW1lKV19XG4gICAgICA+XG4gICAgICAgIHtzdWZmaXhQcm9wfVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH0pKCk7XG5cbiAgY29uc3QgYWRkb25CZWZvcmUgPSAoKCkgPT4ge1xuICAgIGlmICghYWRkb25CZWZvcmVQcm9wKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIGdldEFkZG9uU3R5bGUoaW5wdXROdW1iZXJUb2tlbnMsIGRpc2FibGVkKSh0aGVtZSksXG4gICAgICAgICAgaXNTdHJpbmcoYWRkb25CZWZvcmVQcm9wKSA/IHt9IDogbm9uU3RyaW5nQWRkb25TdHlsZSh0aGVtZSksXG4gICAgICAgIF19XG4gICAgICA+XG4gICAgICAgIHthZGRvbkJlZm9yZVByb3B9XG4gICAgICA8L3NwYW4+XG4gICAgKTtcbiAgfSkoKTtcblxuICBjb25zdCBhZGRvbkFmdGVyID0gKCgpID0+IHtcbiAgICBpZiAoIWFkZG9uQWZ0ZXJQcm9wKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIGdldEFkZG9uU3R5bGUoaW5wdXROdW1iZXJUb2tlbnMsIGRpc2FibGVkKSh0aGVtZSksXG4gICAgICAgICAgaXNTdHJpbmcoYWRkb25BZnRlclByb3ApID8ge30gOiBub25TdHJpbmdBZGRvblN0eWxlKHRoZW1lKSxcbiAgICAgICAgXX1cbiAgICAgID5cbiAgICAgICAge2FkZG9uQWZ0ZXJQcm9wfVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH0pKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8QWRkb25XcmFwcGVyXG4gICAgICB7Li4uKGhhc0FkZG9uXG4gICAgICAgID8ge1xuICAgICAgICAgICAgY2xhc3NOYW1lOiBpbnB1dE51bWJlcldyYXBwZXJDbGFzc05hbWUsXG4gICAgICAgICAgICBjc3M6IGlucHV0TnVtYmVyV3JhcHBlclN0eWxlLFxuICAgICAgICAgICAgc3R5bGUsXG4gICAgICAgICAgfVxuICAgICAgICA6IHt9KX1cbiAgICA+XG4gICAgICB7YWRkb25CZWZvcmV9XG4gICAgICA8ZGl2XG4gICAgICAgIHJlZj17aW5wdXROdW1iZXJSZWZ9XG4gICAgICAgIG9uQ2xpY2s9e29uSW5wdXROdW1iZXJDbGlja31cbiAgICAgICAgY2xhc3NOYW1lPXtpbnB1dE51bWJlckNsYXNzTmFtZX1cbiAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIG9uS2V5RG93bj17b25LZXlEb3dufVxuICAgICAgICBvbktleVVwPXtvbktleVVwfVxuICAgICAgICBzdHlsZT17aGFzQWRkb24gPyB1bmRlZmluZWQgOiBzdHlsZX1cbiAgICAgICAgY3NzPXtnZXRJbnB1dFdyYXBwZXJTdHlsZShcbiAgICAgICAgICBpbnB1dE51bWJlclRva2VucyxcbiAgICAgICAgICBkaXNhYmxlZCxcbiAgICAgICAgICBoYXNBZmZpeCxcbiAgICAgICAgICBoYXNTdWZmaXgsXG4gICAgICAgICAgZXJyb3JTdGF0dXMsXG4gICAgICAgICAgY29udHJvbHNcbiAgICAgICAgKSh0aGVtZSl9XG4gICAgICA+XG4gICAgICAgIHtwcmVmaXh9XG4gICAgICAgIDxpbnB1dFxuICAgICAgICAgIHsuLi5yZXN0UHJvcHN9XG4gICAgICAgICAgcmVmPXttZXJnZWRSZWZ9XG4gICAgICAgICAgYXJpYS12YWx1ZW1pbj17bWluID8gTnVtYmVyKG1pbikgOiB1bmRlZmluZWR9XG4gICAgICAgICAgYXJpYS12YWx1ZW1heD17bWF4ID8gTnVtYmVyKG1heCkgOiB1bmRlZmluZWR9XG4gICAgICAgICAgc3RlcD17c3RlcH1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5fVxuICAgICAgICAgIHZhbHVlPXtpbnB1dFZhbHVlfVxuICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgICBjc3M9e2dldElucHV0U3R5bGUoaW5wdXROdW1iZXJUb2tlbnMsIGRpc2FibGVkLCBoYXNBZmZpeCwgb3V0T2ZSYW5nZSkodGhlbWUpfVxuICAgICAgICAvPlxuICAgICAgICB7c3VmZml4fVxuICAgICAgICB7Y29udHJvbHMgJiYgIWRpc2FibGVkICYmIChcbiAgICAgICAgICA8U3RlcENvbnRyb2xsZXIgdXBEaXNhYmxlZD17dXBEaXNhYmxlZH0gZG93bkRpc2FibGVkPXtkb3duRGlzYWJsZWR9IG9uU3RlcD17b25TdGVwfSAvPlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgICB7YWRkb25BZnRlcn1cbiAgICA8L0FkZG9uV3JhcHBlcj5cbiAgKTtcbn0pO1xuXG5leHBvcnQgY29uc3QgSW5wdXROdW1iZXIgPSBtZW1vKElucHV0TnVtYmVyQ29tcG9uZW50KTtcbiJdfQ== */"], children: prefixProp });
+  })();
+  const suffix = (() => {
+    if (!suffixProp) {
+      return;
+    }
+    return /* @__PURE__ */ jsx("span", { css: [suffixStyle(theme), isString(suffixProp) ? {} : nonStringPrefixSuffixStyle(theme), process.env.NODE_ENV === "production" ? "" : ";label:suffix;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvSW5wdXROdW1iZXIvSW5wdXROdW1iZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVKUSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0lucHV0TnVtYmVyL0lucHV0TnVtYmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZvcndhcmRSZWYsIEZyYWdtZW50LCBtZW1vLCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IElucHV0TnVtYmVyUHJvcHMgfSBmcm9tIFwiLi9JbnB1dE51bWJlci50eXBlc1wiO1xuaW1wb3J0IHsgU3RlcENvbnRyb2xsZXIgfSBmcm9tIFwiLi9jb21wb25lbnRzL1N0ZXBDb250cm9sbGVyL1N0ZXBDb250cm9sbGVyXCI7XG5pbXBvcnQgeyBpc1N0cmluZyB9IGZyb20gXCJsb2Rhc2gtZXNcIjtcbmltcG9ydCB7IGdldElucHV0TnVtYmVyVG9rZW5zIH0gZnJvbSBcIi4vSW5wdXROdW1iZXIudG9rZW5zXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHtcbiAgZ2V0QWRkb25TdHlsZSxcbiAgZ2V0SW5wdXRTdHlsZSxcbiAgZ2V0SW5wdXRXcmFwcGVyU3R5bGUsXG4gIGlucHV0TnVtYmVyQ2xhc3NOYW1lLFxuICBpbnB1dE51bWJlcldyYXBwZXJDbGFzc05hbWUsXG4gIGlucHV0TnVtYmVyV3JhcHBlclN0eWxlLFxuICBub25TdHJpbmdBZGRvblN0eWxlLFxuICBub25TdHJpbmdQcmVmaXhTdWZmaXhTdHlsZSxcbiAgcHJlZml4U3R5bGUsXG4gIHN1ZmZpeFN0eWxlLFxufSBmcm9tIFwiLi9JbnB1dE51bWJlci5zdHlsZXNcIjtcbmltcG9ydCB7IGdldE1pbmlEZWNpbWFsLCB0eXBlIERlY2ltYWxDbGFzcyB9IGZyb20gXCIuL3V0aWxzXCI7XG5pbXBvcnQgeyB1c2VNZXJnZVJlZnMgfSBmcm9tIFwiQGZsb2F0aW5nLXVpL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VTdGVwIH0gZnJvbSBcIi4vaG9va3MvdXNlU3RlcFwiO1xuaW1wb3J0IHsgdXNlS2V5Ym9hcmRFdmVudHMgfSBmcm9tIFwiLi9ob29rcy91c2VLZXlib2FyZEV2ZW50c1wiO1xuaW1wb3J0IHsgdXNlV2hlZWxFdmVudHMgfSBmcm9tIFwiLi9ob29rcy91c2VXaGVlbEV2ZW50c1wiO1xuaW1wb3J0IHsgdXNlRm9jdXNCbHVyRXZlbnRzIH0gZnJvbSBcIi4vaG9va3MvdXNlRm9jdXNCbHVyRXZlbnRzXCI7XG5pbXBvcnQgeyB1c2VSYW5nZSB9IGZyb20gXCIuL2hvb2tzL3VzZVJhbmdlXCI7XG5pbXBvcnQgeyB1c2VEZWNpbWFsVG9vbHMgfSBmcm9tIFwiLi9ob29rcy91c2VEZWNpbWFsVG9vbHNcIjtcbmltcG9ydCB7IGVtcHR5U3RyaW5nIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgeyB1c2VDaGFuZ2VWYWx1ZSB9IGZyb20gXCIuL2hvb2tzL3VzZUNoYW5nZVZhbHVlXCI7XG5cbmNvbnN0IElucHV0TnVtYmVyQ29tcG9uZW50ID0gZm9yd2FyZFJlZjxIVE1MSW5wdXRFbGVtZW50LCBJbnB1dE51bWJlclByb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgc3R5bGUsXG4gICAgcHJlZml4OiBwcmVmaXhQcm9wLFxuICAgIHN1ZmZpeDogc3VmZml4UHJvcCxcbiAgICBhZGRvbkJlZm9yZTogYWRkb25CZWZvcmVQcm9wLFxuICAgIGFkZG9uQWZ0ZXI6IGFkZG9uQWZ0ZXJQcm9wLFxuICAgIHN0YXR1cyxcbiAgICBtaW4sXG4gICAgbWF4LFxuICAgIHN0ZXAgPSAxLFxuICAgIGNvbnRyb2xzID0gdHJ1ZSxcbiAgICBrZXlib2FyZCA9IHRydWUsXG4gICAgY2hhbmdlT25XaGVlbCA9IGZhbHNlLFxuICAgIGNoYW5nZU9uQmx1ciA9IHRydWUsXG4gICAgc3RyaW5nTW9kZSA9IGZhbHNlLFxuICAgIHBhcnNlcixcbiAgICBmb3JtYXR0ZXIsXG4gICAgcHJlY2lzaW9uLFxuICAgIGRlY2ltYWxTZXBhcmF0b3IsXG4gICAgZGVmYXVsdFZhbHVlLFxuICAgIHZhbHVlLFxuICAgIGRpc2FibGVkLFxuICAgIHJlYWRPbmx5LFxuICAgIG9uQ2hhbmdlOiBvbkNoYW5nZVByb3AsXG4gICAgb25JbnB1dCxcbiAgICBvblByZXNzRW50ZXIsXG4gICAgb25TdGVwOiBvblN0ZXBQcm9wLFxuICAgIC4uLnJlc3RQcm9wc1xuICB9ID0gcHJvcHM7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgaW5wdXROdW1iZXJUb2tlbnMgPSBnZXRJbnB1dE51bWJlclRva2Vucyh0aGVtZSk7XG4gIGNvbnN0IGlucHV0UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBtZXJnZWRSZWYgPSB1c2VNZXJnZVJlZnMoW2lucHV0UmVmLCByZWZdKTtcbiAgY29uc3Qgc2hpZnRLZXlSZWYgPSB1c2VSZWYoZmFsc2UpO1xuICBjb25zdCBpbnB1dFZhbHVlUmVmID0gdXNlUmVmPHN0cmluZyB8IG51bWJlciB8IHVuZGVmaW5lZD4oZW1wdHlTdHJpbmcpO1xuICBjb25zdCBlcnJvclN0YXR1cyA9IHN0YXR1cyA9PT0gXCJlcnJvclwiO1xuICBjb25zdCBoYXNTdWZmaXggPSBCb29sZWFuKHN1ZmZpeFByb3ApO1xuICBjb25zdCBoYXNBZmZpeCA9IEJvb2xlYW4ocHJlZml4UHJvcCkgfHwgaGFzU3VmZml4O1xuICBjb25zdCBoYXNBZGRvbiA9IEJvb2xlYW4oYWRkb25CZWZvcmVQcm9wKSB8fCBCb29sZWFuKGFkZG9uQWZ0ZXJQcm9wKTtcbiAgY29uc3QgQWRkb25XcmFwcGVyID0gaGFzQWRkb24gPyBcInNwYW5cIiA6IEZyYWdtZW50O1xuICBjb25zdCB7IGdldFByZWNpc2lvbiwgbWVyZ2VkUGFyc2VyLCBtZXJnZWRGb3JtYXR0ZXIgfSA9IHVzZURlY2ltYWxUb29scyh7XG4gICAgaW5wdXRWYWx1ZVJlZixcbiAgICBwYXJzZXIsXG4gICAgZm9ybWF0dGVyLFxuICAgIHByZWNpc2lvbixcbiAgICBkZWNpbWFsU2VwYXJhdG9yLFxuICAgIHN0ZXAsXG4gIH0pO1xuXG4gIGNvbnN0IFtkZWNpbWFsVmFsdWUsIHNldERlY2ltYWxWYWx1ZV0gPSB1c2VTdGF0ZTxEZWNpbWFsQ2xhc3M+KCgpID0+XG4gICAgZ2V0TWluaURlY2ltYWwodmFsdWUgPz8gZGVmYXVsdFZhbHVlKVxuICApO1xuXG4gIGNvbnN0IHsgb3V0T2ZSYW5nZSwgbWF4RGVjaW1hbCwgbWluRGVjaW1hbCwgZ2V0UmFuZ2VWYWx1ZSwgaXNJblJhbmdlIH0gPSB1c2VSYW5nZSh7XG4gICAgZGVjaW1hbFZhbHVlLFxuICAgIG1heCxcbiAgICBtaW4sXG4gIH0pO1xuICBjb25zdCB7IGlucHV0VmFsdWUsIHRyaWdnZXJWYWx1ZVVwZGF0ZSwgZmx1c2hJbnB1dFZhbHVlLCBvbkNoYW5nZSB9ID0gdXNlQ2hhbmdlVmFsdWUoe1xuICAgIGRlY2ltYWxWYWx1ZSxcbiAgICBnZXRQcmVjaXNpb24sXG4gICAgbWVyZ2VkUGFyc2VyLFxuICAgIG1lcmdlZEZvcm1hdHRlcixcbiAgICBzZXREZWNpbWFsVmFsdWUsXG4gICAgZ2V0UmFuZ2VWYWx1ZSxcbiAgICBpc0luUmFuZ2UsXG4gICAgaW5wdXRWYWx1ZVJlZixcbiAgICBkZWZhdWx0VmFsdWUsXG4gICAgdmFsdWUsXG4gICAgZGlzYWJsZWQsXG4gICAgcmVhZE9ubHksXG4gICAgc3RyaW5nTW9kZSxcbiAgICBvbklucHV0LFxuICAgIG9uQ2hhbmdlOiBvbkNoYW5nZVByb3AsXG4gIH0pO1xuICBjb25zdCB7IG9uU3RlcCwgdXBEaXNhYmxlZCwgZG93bkRpc2FibGVkIH0gPSB1c2VTdGVwKHtcbiAgICBkZWNpbWFsVmFsdWUsXG4gICAgbWF4RGVjaW1hbCxcbiAgICBtaW5EZWNpbWFsLFxuICAgIHN0ZXAsXG4gICAgc3RyaW5nTW9kZSxcbiAgICBpbnB1dFJlZixcbiAgICBzaGlmdEtleVJlZixcbiAgICB0cmlnZ2VyVmFsdWVVcGRhdGUsXG4gICAgb25TdGVwOiBvblN0ZXBQcm9wLFxuICB9KTtcbiAgY29uc3QgeyBvbktleURvd24sIG9uS2V5VXAgfSA9IHVzZUtleWJvYXJkRXZlbnRzKHtcbiAgICBrZXlib2FyZCxcbiAgICBzaGlmdEtleVJlZixcbiAgICBmbHVzaElucHV0VmFsdWUsXG4gICAgb25TdGVwLFxuICAgIG9uUHJlc3NFbnRlcixcbiAgfSk7XG4gIGNvbnN0IHsgZm9jdXMsIGlucHV0TnVtYmVyUmVmLCBvbkZvY3VzLCBvbkJsdXIsIG9uSW5wdXROdW1iZXJDbGljayB9ID0gdXNlRm9jdXNCbHVyRXZlbnRzKHtcbiAgICBjaGFuZ2VPbkJsdXIsXG4gICAgaW5wdXRSZWYsXG4gICAgZmx1c2hJbnB1dFZhbHVlLFxuICB9KTtcbiAgdXNlV2hlZWxFdmVudHMoeyBmb2N1cywgY2hhbmdlT25XaGVlbCwgaW5wdXRSZWYsIG9uU3RlcCB9KTtcblxuICBjb25zdCBwcmVmaXggPSAoKCkgPT4ge1xuICAgIGlmICghcHJlZml4UHJvcCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e1twcmVmaXhTdHlsZSh0aGVtZSksIGlzU3RyaW5nKHByZWZpeFByb3ApID8ge30gOiBub25TdHJpbmdQcmVmaXhTdWZmaXhTdHlsZSh0aGVtZSldfVxuICAgICAgPlxuICAgICAgICB7cHJlZml4UHJvcH1cbiAgICAgIDwvc3Bhbj5cbiAgICApO1xuICB9KSgpO1xuXG4gIGNvbnN0IHN1ZmZpeCA9ICgoKSA9PiB7XG4gICAgaWYgKCFzdWZmaXhQcm9wKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17W3N1ZmZpeFN0eWxlKHRoZW1lKSwgaXNTdHJpbmcoc3VmZml4UHJvcCkgPyB7fSA6IG5vblN0cmluZ1ByZWZpeFN1ZmZpeFN0eWxlKHRoZW1lKV19XG4gICAgICA+XG4gICAgICAgIHtzdWZmaXhQcm9wfVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH0pKCk7XG5cbiAgY29uc3QgYWRkb25CZWZvcmUgPSAoKCkgPT4ge1xuICAgIGlmICghYWRkb25CZWZvcmVQcm9wKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIGdldEFkZG9uU3R5bGUoaW5wdXROdW1iZXJUb2tlbnMsIGRpc2FibGVkKSh0aGVtZSksXG4gICAgICAgICAgaXNTdHJpbmcoYWRkb25CZWZvcmVQcm9wKSA/IHt9IDogbm9uU3RyaW5nQWRkb25TdHlsZSh0aGVtZSksXG4gICAgICAgIF19XG4gICAgICA+XG4gICAgICAgIHthZGRvbkJlZm9yZVByb3B9XG4gICAgICA8L3NwYW4+XG4gICAgKTtcbiAgfSkoKTtcblxuICBjb25zdCBhZGRvbkFmdGVyID0gKCgpID0+IHtcbiAgICBpZiAoIWFkZG9uQWZ0ZXJQcm9wKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIGdldEFkZG9uU3R5bGUoaW5wdXROdW1iZXJUb2tlbnMsIGRpc2FibGVkKSh0aGVtZSksXG4gICAgICAgICAgaXNTdHJpbmcoYWRkb25BZnRlclByb3ApID8ge30gOiBub25TdHJpbmdBZGRvblN0eWxlKHRoZW1lKSxcbiAgICAgICAgXX1cbiAgICAgID5cbiAgICAgICAge2FkZG9uQWZ0ZXJQcm9wfVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH0pKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8QWRkb25XcmFwcGVyXG4gICAgICB7Li4uKGhhc0FkZG9uXG4gICAgICAgID8ge1xuICAgICAgICAgICAgY2xhc3NOYW1lOiBpbnB1dE51bWJlcldyYXBwZXJDbGFzc05hbWUsXG4gICAgICAgICAgICBjc3M6IGlucHV0TnVtYmVyV3JhcHBlclN0eWxlLFxuICAgICAgICAgICAgc3R5bGUsXG4gICAgICAgICAgfVxuICAgICAgICA6IHt9KX1cbiAgICA+XG4gICAgICB7YWRkb25CZWZvcmV9XG4gICAgICA8ZGl2XG4gICAgICAgIHJlZj17aW5wdXROdW1iZXJSZWZ9XG4gICAgICAgIG9uQ2xpY2s9e29uSW5wdXROdW1iZXJDbGlja31cbiAgICAgICAgY2xhc3NOYW1lPXtpbnB1dE51bWJlckNsYXNzTmFtZX1cbiAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIG9uS2V5RG93bj17b25LZXlEb3dufVxuICAgICAgICBvbktleVVwPXtvbktleVVwfVxuICAgICAgICBzdHlsZT17aGFzQWRkb24gPyB1bmRlZmluZWQgOiBzdHlsZX1cbiAgICAgICAgY3NzPXtnZXRJbnB1dFdyYXBwZXJTdHlsZShcbiAgICAgICAgICBpbnB1dE51bWJlclRva2VucyxcbiAgICAgICAgICBkaXNhYmxlZCxcbiAgICAgICAgICBoYXNBZmZpeCxcbiAgICAgICAgICBoYXNTdWZmaXgsXG4gICAgICAgICAgZXJyb3JTdGF0dXMsXG4gICAgICAgICAgY29udHJvbHNcbiAgICAgICAgKSh0aGVtZSl9XG4gICAgICA+XG4gICAgICAgIHtwcmVmaXh9XG4gICAgICAgIDxpbnB1dFxuICAgICAgICAgIHsuLi5yZXN0UHJvcHN9XG4gICAgICAgICAgcmVmPXttZXJnZWRSZWZ9XG4gICAgICAgICAgYXJpYS12YWx1ZW1pbj17bWluID8gTnVtYmVyKG1pbikgOiB1bmRlZmluZWR9XG4gICAgICAgICAgYXJpYS12YWx1ZW1heD17bWF4ID8gTnVtYmVyKG1heCkgOiB1bmRlZmluZWR9XG4gICAgICAgICAgc3RlcD17c3RlcH1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5fVxuICAgICAgICAgIHZhbHVlPXtpbnB1dFZhbHVlfVxuICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgICBjc3M9e2dldElucHV0U3R5bGUoaW5wdXROdW1iZXJUb2tlbnMsIGRpc2FibGVkLCBoYXNBZmZpeCwgb3V0T2ZSYW5nZSkodGhlbWUpfVxuICAgICAgICAvPlxuICAgICAgICB7c3VmZml4fVxuICAgICAgICB7Y29udHJvbHMgJiYgIWRpc2FibGVkICYmIChcbiAgICAgICAgICA8U3RlcENvbnRyb2xsZXIgdXBEaXNhYmxlZD17dXBEaXNhYmxlZH0gZG93bkRpc2FibGVkPXtkb3duRGlzYWJsZWR9IG9uU3RlcD17b25TdGVwfSAvPlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgICB7YWRkb25BZnRlcn1cbiAgICA8L0FkZG9uV3JhcHBlcj5cbiAgKTtcbn0pO1xuXG5leHBvcnQgY29uc3QgSW5wdXROdW1iZXIgPSBtZW1vKElucHV0TnVtYmVyQ29tcG9uZW50KTtcbiJdfQ== */"], children: suffixProp });
+  })();
+  const addonBefore = (() => {
+    if (!addonBeforeProp) {
+      return;
+    }
+    return /* @__PURE__ */ jsx("span", { css: [getAddonStyle(inputNumberTokens, disabled)(theme), isString(addonBeforeProp) ? {} : nonStringAddonStyle(theme), process.env.NODE_ENV === "production" ? "" : ";label:addonBefore;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvSW5wdXROdW1iZXIvSW5wdXROdW1iZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFLUSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0lucHV0TnVtYmVyL0lucHV0TnVtYmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZvcndhcmRSZWYsIEZyYWdtZW50LCBtZW1vLCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IElucHV0TnVtYmVyUHJvcHMgfSBmcm9tIFwiLi9JbnB1dE51bWJlci50eXBlc1wiO1xuaW1wb3J0IHsgU3RlcENvbnRyb2xsZXIgfSBmcm9tIFwiLi9jb21wb25lbnRzL1N0ZXBDb250cm9sbGVyL1N0ZXBDb250cm9sbGVyXCI7XG5pbXBvcnQgeyBpc1N0cmluZyB9IGZyb20gXCJsb2Rhc2gtZXNcIjtcbmltcG9ydCB7IGdldElucHV0TnVtYmVyVG9rZW5zIH0gZnJvbSBcIi4vSW5wdXROdW1iZXIudG9rZW5zXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHtcbiAgZ2V0QWRkb25TdHlsZSxcbiAgZ2V0SW5wdXRTdHlsZSxcbiAgZ2V0SW5wdXRXcmFwcGVyU3R5bGUsXG4gIGlucHV0TnVtYmVyQ2xhc3NOYW1lLFxuICBpbnB1dE51bWJlcldyYXBwZXJDbGFzc05hbWUsXG4gIGlucHV0TnVtYmVyV3JhcHBlclN0eWxlLFxuICBub25TdHJpbmdBZGRvblN0eWxlLFxuICBub25TdHJpbmdQcmVmaXhTdWZmaXhTdHlsZSxcbiAgcHJlZml4U3R5bGUsXG4gIHN1ZmZpeFN0eWxlLFxufSBmcm9tIFwiLi9JbnB1dE51bWJlci5zdHlsZXNcIjtcbmltcG9ydCB7IGdldE1pbmlEZWNpbWFsLCB0eXBlIERlY2ltYWxDbGFzcyB9IGZyb20gXCIuL3V0aWxzXCI7XG5pbXBvcnQgeyB1c2VNZXJnZVJlZnMgfSBmcm9tIFwiQGZsb2F0aW5nLXVpL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VTdGVwIH0gZnJvbSBcIi4vaG9va3MvdXNlU3RlcFwiO1xuaW1wb3J0IHsgdXNlS2V5Ym9hcmRFdmVudHMgfSBmcm9tIFwiLi9ob29rcy91c2VLZXlib2FyZEV2ZW50c1wiO1xuaW1wb3J0IHsgdXNlV2hlZWxFdmVudHMgfSBmcm9tIFwiLi9ob29rcy91c2VXaGVlbEV2ZW50c1wiO1xuaW1wb3J0IHsgdXNlRm9jdXNCbHVyRXZlbnRzIH0gZnJvbSBcIi4vaG9va3MvdXNlRm9jdXNCbHVyRXZlbnRzXCI7XG5pbXBvcnQgeyB1c2VSYW5nZSB9IGZyb20gXCIuL2hvb2tzL3VzZVJhbmdlXCI7XG5pbXBvcnQgeyB1c2VEZWNpbWFsVG9vbHMgfSBmcm9tIFwiLi9ob29rcy91c2VEZWNpbWFsVG9vbHNcIjtcbmltcG9ydCB7IGVtcHR5U3RyaW5nIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgeyB1c2VDaGFuZ2VWYWx1ZSB9IGZyb20gXCIuL2hvb2tzL3VzZUNoYW5nZVZhbHVlXCI7XG5cbmNvbnN0IElucHV0TnVtYmVyQ29tcG9uZW50ID0gZm9yd2FyZFJlZjxIVE1MSW5wdXRFbGVtZW50LCBJbnB1dE51bWJlclByb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgc3R5bGUsXG4gICAgcHJlZml4OiBwcmVmaXhQcm9wLFxuICAgIHN1ZmZpeDogc3VmZml4UHJvcCxcbiAgICBhZGRvbkJlZm9yZTogYWRkb25CZWZvcmVQcm9wLFxuICAgIGFkZG9uQWZ0ZXI6IGFkZG9uQWZ0ZXJQcm9wLFxuICAgIHN0YXR1cyxcbiAgICBtaW4sXG4gICAgbWF4LFxuICAgIHN0ZXAgPSAxLFxuICAgIGNvbnRyb2xzID0gdHJ1ZSxcbiAgICBrZXlib2FyZCA9IHRydWUsXG4gICAgY2hhbmdlT25XaGVlbCA9IGZhbHNlLFxuICAgIGNoYW5nZU9uQmx1ciA9IHRydWUsXG4gICAgc3RyaW5nTW9kZSA9IGZhbHNlLFxuICAgIHBhcnNlcixcbiAgICBmb3JtYXR0ZXIsXG4gICAgcHJlY2lzaW9uLFxuICAgIGRlY2ltYWxTZXBhcmF0b3IsXG4gICAgZGVmYXVsdFZhbHVlLFxuICAgIHZhbHVlLFxuICAgIGRpc2FibGVkLFxuICAgIHJlYWRPbmx5LFxuICAgIG9uQ2hhbmdlOiBvbkNoYW5nZVByb3AsXG4gICAgb25JbnB1dCxcbiAgICBvblByZXNzRW50ZXIsXG4gICAgb25TdGVwOiBvblN0ZXBQcm9wLFxuICAgIC4uLnJlc3RQcm9wc1xuICB9ID0gcHJvcHM7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgaW5wdXROdW1iZXJUb2tlbnMgPSBnZXRJbnB1dE51bWJlclRva2Vucyh0aGVtZSk7XG4gIGNvbnN0IGlucHV0UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBtZXJnZWRSZWYgPSB1c2VNZXJnZVJlZnMoW2lucHV0UmVmLCByZWZdKTtcbiAgY29uc3Qgc2hpZnRLZXlSZWYgPSB1c2VSZWYoZmFsc2UpO1xuICBjb25zdCBpbnB1dFZhbHVlUmVmID0gdXNlUmVmPHN0cmluZyB8IG51bWJlciB8IHVuZGVmaW5lZD4oZW1wdHlTdHJpbmcpO1xuICBjb25zdCBlcnJvclN0YXR1cyA9IHN0YXR1cyA9PT0gXCJlcnJvclwiO1xuICBjb25zdCBoYXNTdWZmaXggPSBCb29sZWFuKHN1ZmZpeFByb3ApO1xuICBjb25zdCBoYXNBZmZpeCA9IEJvb2xlYW4ocHJlZml4UHJvcCkgfHwgaGFzU3VmZml4O1xuICBjb25zdCBoYXNBZGRvbiA9IEJvb2xlYW4oYWRkb25CZWZvcmVQcm9wKSB8fCBCb29sZWFuKGFkZG9uQWZ0ZXJQcm9wKTtcbiAgY29uc3QgQWRkb25XcmFwcGVyID0gaGFzQWRkb24gPyBcInNwYW5cIiA6IEZyYWdtZW50O1xuICBjb25zdCB7IGdldFByZWNpc2lvbiwgbWVyZ2VkUGFyc2VyLCBtZXJnZWRGb3JtYXR0ZXIgfSA9IHVzZURlY2ltYWxUb29scyh7XG4gICAgaW5wdXRWYWx1ZVJlZixcbiAgICBwYXJzZXIsXG4gICAgZm9ybWF0dGVyLFxuICAgIHByZWNpc2lvbixcbiAgICBkZWNpbWFsU2VwYXJhdG9yLFxuICAgIHN0ZXAsXG4gIH0pO1xuXG4gIGNvbnN0IFtkZWNpbWFsVmFsdWUsIHNldERlY2ltYWxWYWx1ZV0gPSB1c2VTdGF0ZTxEZWNpbWFsQ2xhc3M+KCgpID0+XG4gICAgZ2V0TWluaURlY2ltYWwodmFsdWUgPz8gZGVmYXVsdFZhbHVlKVxuICApO1xuXG4gIGNvbnN0IHsgb3V0T2ZSYW5nZSwgbWF4RGVjaW1hbCwgbWluRGVjaW1hbCwgZ2V0UmFuZ2VWYWx1ZSwgaXNJblJhbmdlIH0gPSB1c2VSYW5nZSh7XG4gICAgZGVjaW1hbFZhbHVlLFxuICAgIG1heCxcbiAgICBtaW4sXG4gIH0pO1xuICBjb25zdCB7IGlucHV0VmFsdWUsIHRyaWdnZXJWYWx1ZVVwZGF0ZSwgZmx1c2hJbnB1dFZhbHVlLCBvbkNoYW5nZSB9ID0gdXNlQ2hhbmdlVmFsdWUoe1xuICAgIGRlY2ltYWxWYWx1ZSxcbiAgICBnZXRQcmVjaXNpb24sXG4gICAgbWVyZ2VkUGFyc2VyLFxuICAgIG1lcmdlZEZvcm1hdHRlcixcbiAgICBzZXREZWNpbWFsVmFsdWUsXG4gICAgZ2V0UmFuZ2VWYWx1ZSxcbiAgICBpc0luUmFuZ2UsXG4gICAgaW5wdXRWYWx1ZVJlZixcbiAgICBkZWZhdWx0VmFsdWUsXG4gICAgdmFsdWUsXG4gICAgZGlzYWJsZWQsXG4gICAgcmVhZE9ubHksXG4gICAgc3RyaW5nTW9kZSxcbiAgICBvbklucHV0LFxuICAgIG9uQ2hhbmdlOiBvbkNoYW5nZVByb3AsXG4gIH0pO1xuICBjb25zdCB7IG9uU3RlcCwgdXBEaXNhYmxlZCwgZG93bkRpc2FibGVkIH0gPSB1c2VTdGVwKHtcbiAgICBkZWNpbWFsVmFsdWUsXG4gICAgbWF4RGVjaW1hbCxcbiAgICBtaW5EZWNpbWFsLFxuICAgIHN0ZXAsXG4gICAgc3RyaW5nTW9kZSxcbiAgICBpbnB1dFJlZixcbiAgICBzaGlmdEtleVJlZixcbiAgICB0cmlnZ2VyVmFsdWVVcGRhdGUsXG4gICAgb25TdGVwOiBvblN0ZXBQcm9wLFxuICB9KTtcbiAgY29uc3QgeyBvbktleURvd24sIG9uS2V5VXAgfSA9IHVzZUtleWJvYXJkRXZlbnRzKHtcbiAgICBrZXlib2FyZCxcbiAgICBzaGlmdEtleVJlZixcbiAgICBmbHVzaElucHV0VmFsdWUsXG4gICAgb25TdGVwLFxuICAgIG9uUHJlc3NFbnRlcixcbiAgfSk7XG4gIGNvbnN0IHsgZm9jdXMsIGlucHV0TnVtYmVyUmVmLCBvbkZvY3VzLCBvbkJsdXIsIG9uSW5wdXROdW1iZXJDbGljayB9ID0gdXNlRm9jdXNCbHVyRXZlbnRzKHtcbiAgICBjaGFuZ2VPbkJsdXIsXG4gICAgaW5wdXRSZWYsXG4gICAgZmx1c2hJbnB1dFZhbHVlLFxuICB9KTtcbiAgdXNlV2hlZWxFdmVudHMoeyBmb2N1cywgY2hhbmdlT25XaGVlbCwgaW5wdXRSZWYsIG9uU3RlcCB9KTtcblxuICBjb25zdCBwcmVmaXggPSAoKCkgPT4ge1xuICAgIGlmICghcHJlZml4UHJvcCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e1twcmVmaXhTdHlsZSh0aGVtZSksIGlzU3RyaW5nKHByZWZpeFByb3ApID8ge30gOiBub25TdHJpbmdQcmVmaXhTdWZmaXhTdHlsZSh0aGVtZSldfVxuICAgICAgPlxuICAgICAgICB7cHJlZml4UHJvcH1cbiAgICAgIDwvc3Bhbj5cbiAgICApO1xuICB9KSgpO1xuXG4gIGNvbnN0IHN1ZmZpeCA9ICgoKSA9PiB7XG4gICAgaWYgKCFzdWZmaXhQcm9wKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17W3N1ZmZpeFN0eWxlKHRoZW1lKSwgaXNTdHJpbmcoc3VmZml4UHJvcCkgPyB7fSA6IG5vblN0cmluZ1ByZWZpeFN1ZmZpeFN0eWxlKHRoZW1lKV19XG4gICAgICA+XG4gICAgICAgIHtzdWZmaXhQcm9wfVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH0pKCk7XG5cbiAgY29uc3QgYWRkb25CZWZvcmUgPSAoKCkgPT4ge1xuICAgIGlmICghYWRkb25CZWZvcmVQcm9wKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIGdldEFkZG9uU3R5bGUoaW5wdXROdW1iZXJUb2tlbnMsIGRpc2FibGVkKSh0aGVtZSksXG4gICAgICAgICAgaXNTdHJpbmcoYWRkb25CZWZvcmVQcm9wKSA/IHt9IDogbm9uU3RyaW5nQWRkb25TdHlsZSh0aGVtZSksXG4gICAgICAgIF19XG4gICAgICA+XG4gICAgICAgIHthZGRvbkJlZm9yZVByb3B9XG4gICAgICA8L3NwYW4+XG4gICAgKTtcbiAgfSkoKTtcblxuICBjb25zdCBhZGRvbkFmdGVyID0gKCgpID0+IHtcbiAgICBpZiAoIWFkZG9uQWZ0ZXJQcm9wKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIGdldEFkZG9uU3R5bGUoaW5wdXROdW1iZXJUb2tlbnMsIGRpc2FibGVkKSh0aGVtZSksXG4gICAgICAgICAgaXNTdHJpbmcoYWRkb25BZnRlclByb3ApID8ge30gOiBub25TdHJpbmdBZGRvblN0eWxlKHRoZW1lKSxcbiAgICAgICAgXX1cbiAgICAgID5cbiAgICAgICAge2FkZG9uQWZ0ZXJQcm9wfVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH0pKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8QWRkb25XcmFwcGVyXG4gICAgICB7Li4uKGhhc0FkZG9uXG4gICAgICAgID8ge1xuICAgICAgICAgICAgY2xhc3NOYW1lOiBpbnB1dE51bWJlcldyYXBwZXJDbGFzc05hbWUsXG4gICAgICAgICAgICBjc3M6IGlucHV0TnVtYmVyV3JhcHBlclN0eWxlLFxuICAgICAgICAgICAgc3R5bGUsXG4gICAgICAgICAgfVxuICAgICAgICA6IHt9KX1cbiAgICA+XG4gICAgICB7YWRkb25CZWZvcmV9XG4gICAgICA8ZGl2XG4gICAgICAgIHJlZj17aW5wdXROdW1iZXJSZWZ9XG4gICAgICAgIG9uQ2xpY2s9e29uSW5wdXROdW1iZXJDbGlja31cbiAgICAgICAgY2xhc3NOYW1lPXtpbnB1dE51bWJlckNsYXNzTmFtZX1cbiAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIG9uS2V5RG93bj17b25LZXlEb3dufVxuICAgICAgICBvbktleVVwPXtvbktleVVwfVxuICAgICAgICBzdHlsZT17aGFzQWRkb24gPyB1bmRlZmluZWQgOiBzdHlsZX1cbiAgICAgICAgY3NzPXtnZXRJbnB1dFdyYXBwZXJTdHlsZShcbiAgICAgICAgICBpbnB1dE51bWJlclRva2VucyxcbiAgICAgICAgICBkaXNhYmxlZCxcbiAgICAgICAgICBoYXNBZmZpeCxcbiAgICAgICAgICBoYXNTdWZmaXgsXG4gICAgICAgICAgZXJyb3JTdGF0dXMsXG4gICAgICAgICAgY29udHJvbHNcbiAgICAgICAgKSh0aGVtZSl9XG4gICAgICA+XG4gICAgICAgIHtwcmVmaXh9XG4gICAgICAgIDxpbnB1dFxuICAgICAgICAgIHsuLi5yZXN0UHJvcHN9XG4gICAgICAgICAgcmVmPXttZXJnZWRSZWZ9XG4gICAgICAgICAgYXJpYS12YWx1ZW1pbj17bWluID8gTnVtYmVyKG1pbikgOiB1bmRlZmluZWR9XG4gICAgICAgICAgYXJpYS12YWx1ZW1heD17bWF4ID8gTnVtYmVyKG1heCkgOiB1bmRlZmluZWR9XG4gICAgICAgICAgc3RlcD17c3RlcH1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5fVxuICAgICAgICAgIHZhbHVlPXtpbnB1dFZhbHVlfVxuICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgICBjc3M9e2dldElucHV0U3R5bGUoaW5wdXROdW1iZXJUb2tlbnMsIGRpc2FibGVkLCBoYXNBZmZpeCwgb3V0T2ZSYW5nZSkodGhlbWUpfVxuICAgICAgICAvPlxuICAgICAgICB7c3VmZml4fVxuICAgICAgICB7Y29udHJvbHMgJiYgIWRpc2FibGVkICYmIChcbiAgICAgICAgICA8U3RlcENvbnRyb2xsZXIgdXBEaXNhYmxlZD17dXBEaXNhYmxlZH0gZG93bkRpc2FibGVkPXtkb3duRGlzYWJsZWR9IG9uU3RlcD17b25TdGVwfSAvPlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgICB7YWRkb25BZnRlcn1cbiAgICA8L0FkZG9uV3JhcHBlcj5cbiAgKTtcbn0pO1xuXG5leHBvcnQgY29uc3QgSW5wdXROdW1iZXIgPSBtZW1vKElucHV0TnVtYmVyQ29tcG9uZW50KTtcbiJdfQ== */"], children: addonBeforeProp });
+  })();
+  const addonAfter = (() => {
+    if (!addonAfterProp) {
+      return;
+    }
+    return /* @__PURE__ */ jsx("span", { css: [getAddonStyle(inputNumberTokens, disabled)(theme), isString(addonAfterProp) ? {} : nonStringAddonStyle(theme), process.env.NODE_ENV === "production" ? "" : ";label:addonAfter;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvSW5wdXROdW1iZXIvSW5wdXROdW1iZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNMUSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0lucHV0TnVtYmVyL0lucHV0TnVtYmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZvcndhcmRSZWYsIEZyYWdtZW50LCBtZW1vLCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IElucHV0TnVtYmVyUHJvcHMgfSBmcm9tIFwiLi9JbnB1dE51bWJlci50eXBlc1wiO1xuaW1wb3J0IHsgU3RlcENvbnRyb2xsZXIgfSBmcm9tIFwiLi9jb21wb25lbnRzL1N0ZXBDb250cm9sbGVyL1N0ZXBDb250cm9sbGVyXCI7XG5pbXBvcnQgeyBpc1N0cmluZyB9IGZyb20gXCJsb2Rhc2gtZXNcIjtcbmltcG9ydCB7IGdldElucHV0TnVtYmVyVG9rZW5zIH0gZnJvbSBcIi4vSW5wdXROdW1iZXIudG9rZW5zXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHtcbiAgZ2V0QWRkb25TdHlsZSxcbiAgZ2V0SW5wdXRTdHlsZSxcbiAgZ2V0SW5wdXRXcmFwcGVyU3R5bGUsXG4gIGlucHV0TnVtYmVyQ2xhc3NOYW1lLFxuICBpbnB1dE51bWJlcldyYXBwZXJDbGFzc05hbWUsXG4gIGlucHV0TnVtYmVyV3JhcHBlclN0eWxlLFxuICBub25TdHJpbmdBZGRvblN0eWxlLFxuICBub25TdHJpbmdQcmVmaXhTdWZmaXhTdHlsZSxcbiAgcHJlZml4U3R5bGUsXG4gIHN1ZmZpeFN0eWxlLFxufSBmcm9tIFwiLi9JbnB1dE51bWJlci5zdHlsZXNcIjtcbmltcG9ydCB7IGdldE1pbmlEZWNpbWFsLCB0eXBlIERlY2ltYWxDbGFzcyB9IGZyb20gXCIuL3V0aWxzXCI7XG5pbXBvcnQgeyB1c2VNZXJnZVJlZnMgfSBmcm9tIFwiQGZsb2F0aW5nLXVpL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VTdGVwIH0gZnJvbSBcIi4vaG9va3MvdXNlU3RlcFwiO1xuaW1wb3J0IHsgdXNlS2V5Ym9hcmRFdmVudHMgfSBmcm9tIFwiLi9ob29rcy91c2VLZXlib2FyZEV2ZW50c1wiO1xuaW1wb3J0IHsgdXNlV2hlZWxFdmVudHMgfSBmcm9tIFwiLi9ob29rcy91c2VXaGVlbEV2ZW50c1wiO1xuaW1wb3J0IHsgdXNlRm9jdXNCbHVyRXZlbnRzIH0gZnJvbSBcIi4vaG9va3MvdXNlRm9jdXNCbHVyRXZlbnRzXCI7XG5pbXBvcnQgeyB1c2VSYW5nZSB9IGZyb20gXCIuL2hvb2tzL3VzZVJhbmdlXCI7XG5pbXBvcnQgeyB1c2VEZWNpbWFsVG9vbHMgfSBmcm9tIFwiLi9ob29rcy91c2VEZWNpbWFsVG9vbHNcIjtcbmltcG9ydCB7IGVtcHR5U3RyaW5nIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgeyB1c2VDaGFuZ2VWYWx1ZSB9IGZyb20gXCIuL2hvb2tzL3VzZUNoYW5nZVZhbHVlXCI7XG5cbmNvbnN0IElucHV0TnVtYmVyQ29tcG9uZW50ID0gZm9yd2FyZFJlZjxIVE1MSW5wdXRFbGVtZW50LCBJbnB1dE51bWJlclByb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgc3R5bGUsXG4gICAgcHJlZml4OiBwcmVmaXhQcm9wLFxuICAgIHN1ZmZpeDogc3VmZml4UHJvcCxcbiAgICBhZGRvbkJlZm9yZTogYWRkb25CZWZvcmVQcm9wLFxuICAgIGFkZG9uQWZ0ZXI6IGFkZG9uQWZ0ZXJQcm9wLFxuICAgIHN0YXR1cyxcbiAgICBtaW4sXG4gICAgbWF4LFxuICAgIHN0ZXAgPSAxLFxuICAgIGNvbnRyb2xzID0gdHJ1ZSxcbiAgICBrZXlib2FyZCA9IHRydWUsXG4gICAgY2hhbmdlT25XaGVlbCA9IGZhbHNlLFxuICAgIGNoYW5nZU9uQmx1ciA9IHRydWUsXG4gICAgc3RyaW5nTW9kZSA9IGZhbHNlLFxuICAgIHBhcnNlcixcbiAgICBmb3JtYXR0ZXIsXG4gICAgcHJlY2lzaW9uLFxuICAgIGRlY2ltYWxTZXBhcmF0b3IsXG4gICAgZGVmYXVsdFZhbHVlLFxuICAgIHZhbHVlLFxuICAgIGRpc2FibGVkLFxuICAgIHJlYWRPbmx5LFxuICAgIG9uQ2hhbmdlOiBvbkNoYW5nZVByb3AsXG4gICAgb25JbnB1dCxcbiAgICBvblByZXNzRW50ZXIsXG4gICAgb25TdGVwOiBvblN0ZXBQcm9wLFxuICAgIC4uLnJlc3RQcm9wc1xuICB9ID0gcHJvcHM7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgaW5wdXROdW1iZXJUb2tlbnMgPSBnZXRJbnB1dE51bWJlclRva2Vucyh0aGVtZSk7XG4gIGNvbnN0IGlucHV0UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBtZXJnZWRSZWYgPSB1c2VNZXJnZVJlZnMoW2lucHV0UmVmLCByZWZdKTtcbiAgY29uc3Qgc2hpZnRLZXlSZWYgPSB1c2VSZWYoZmFsc2UpO1xuICBjb25zdCBpbnB1dFZhbHVlUmVmID0gdXNlUmVmPHN0cmluZyB8IG51bWJlciB8IHVuZGVmaW5lZD4oZW1wdHlTdHJpbmcpO1xuICBjb25zdCBlcnJvclN0YXR1cyA9IHN0YXR1cyA9PT0gXCJlcnJvclwiO1xuICBjb25zdCBoYXNTdWZmaXggPSBCb29sZWFuKHN1ZmZpeFByb3ApO1xuICBjb25zdCBoYXNBZmZpeCA9IEJvb2xlYW4ocHJlZml4UHJvcCkgfHwgaGFzU3VmZml4O1xuICBjb25zdCBoYXNBZGRvbiA9IEJvb2xlYW4oYWRkb25CZWZvcmVQcm9wKSB8fCBCb29sZWFuKGFkZG9uQWZ0ZXJQcm9wKTtcbiAgY29uc3QgQWRkb25XcmFwcGVyID0gaGFzQWRkb24gPyBcInNwYW5cIiA6IEZyYWdtZW50O1xuICBjb25zdCB7IGdldFByZWNpc2lvbiwgbWVyZ2VkUGFyc2VyLCBtZXJnZWRGb3JtYXR0ZXIgfSA9IHVzZURlY2ltYWxUb29scyh7XG4gICAgaW5wdXRWYWx1ZVJlZixcbiAgICBwYXJzZXIsXG4gICAgZm9ybWF0dGVyLFxuICAgIHByZWNpc2lvbixcbiAgICBkZWNpbWFsU2VwYXJhdG9yLFxuICAgIHN0ZXAsXG4gIH0pO1xuXG4gIGNvbnN0IFtkZWNpbWFsVmFsdWUsIHNldERlY2ltYWxWYWx1ZV0gPSB1c2VTdGF0ZTxEZWNpbWFsQ2xhc3M+KCgpID0+XG4gICAgZ2V0TWluaURlY2ltYWwodmFsdWUgPz8gZGVmYXVsdFZhbHVlKVxuICApO1xuXG4gIGNvbnN0IHsgb3V0T2ZSYW5nZSwgbWF4RGVjaW1hbCwgbWluRGVjaW1hbCwgZ2V0UmFuZ2VWYWx1ZSwgaXNJblJhbmdlIH0gPSB1c2VSYW5nZSh7XG4gICAgZGVjaW1hbFZhbHVlLFxuICAgIG1heCxcbiAgICBtaW4sXG4gIH0pO1xuICBjb25zdCB7IGlucHV0VmFsdWUsIHRyaWdnZXJWYWx1ZVVwZGF0ZSwgZmx1c2hJbnB1dFZhbHVlLCBvbkNoYW5nZSB9ID0gdXNlQ2hhbmdlVmFsdWUoe1xuICAgIGRlY2ltYWxWYWx1ZSxcbiAgICBnZXRQcmVjaXNpb24sXG4gICAgbWVyZ2VkUGFyc2VyLFxuICAgIG1lcmdlZEZvcm1hdHRlcixcbiAgICBzZXREZWNpbWFsVmFsdWUsXG4gICAgZ2V0UmFuZ2VWYWx1ZSxcbiAgICBpc0luUmFuZ2UsXG4gICAgaW5wdXRWYWx1ZVJlZixcbiAgICBkZWZhdWx0VmFsdWUsXG4gICAgdmFsdWUsXG4gICAgZGlzYWJsZWQsXG4gICAgcmVhZE9ubHksXG4gICAgc3RyaW5nTW9kZSxcbiAgICBvbklucHV0LFxuICAgIG9uQ2hhbmdlOiBvbkNoYW5nZVByb3AsXG4gIH0pO1xuICBjb25zdCB7IG9uU3RlcCwgdXBEaXNhYmxlZCwgZG93bkRpc2FibGVkIH0gPSB1c2VTdGVwKHtcbiAgICBkZWNpbWFsVmFsdWUsXG4gICAgbWF4RGVjaW1hbCxcbiAgICBtaW5EZWNpbWFsLFxuICAgIHN0ZXAsXG4gICAgc3RyaW5nTW9kZSxcbiAgICBpbnB1dFJlZixcbiAgICBzaGlmdEtleVJlZixcbiAgICB0cmlnZ2VyVmFsdWVVcGRhdGUsXG4gICAgb25TdGVwOiBvblN0ZXBQcm9wLFxuICB9KTtcbiAgY29uc3QgeyBvbktleURvd24sIG9uS2V5VXAgfSA9IHVzZUtleWJvYXJkRXZlbnRzKHtcbiAgICBrZXlib2FyZCxcbiAgICBzaGlmdEtleVJlZixcbiAgICBmbHVzaElucHV0VmFsdWUsXG4gICAgb25TdGVwLFxuICAgIG9uUHJlc3NFbnRlcixcbiAgfSk7XG4gIGNvbnN0IHsgZm9jdXMsIGlucHV0TnVtYmVyUmVmLCBvbkZvY3VzLCBvbkJsdXIsIG9uSW5wdXROdW1iZXJDbGljayB9ID0gdXNlRm9jdXNCbHVyRXZlbnRzKHtcbiAgICBjaGFuZ2VPbkJsdXIsXG4gICAgaW5wdXRSZWYsXG4gICAgZmx1c2hJbnB1dFZhbHVlLFxuICB9KTtcbiAgdXNlV2hlZWxFdmVudHMoeyBmb2N1cywgY2hhbmdlT25XaGVlbCwgaW5wdXRSZWYsIG9uU3RlcCB9KTtcblxuICBjb25zdCBwcmVmaXggPSAoKCkgPT4ge1xuICAgIGlmICghcHJlZml4UHJvcCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e1twcmVmaXhTdHlsZSh0aGVtZSksIGlzU3RyaW5nKHByZWZpeFByb3ApID8ge30gOiBub25TdHJpbmdQcmVmaXhTdWZmaXhTdHlsZSh0aGVtZSldfVxuICAgICAgPlxuICAgICAgICB7cHJlZml4UHJvcH1cbiAgICAgIDwvc3Bhbj5cbiAgICApO1xuICB9KSgpO1xuXG4gIGNvbnN0IHN1ZmZpeCA9ICgoKSA9PiB7XG4gICAgaWYgKCFzdWZmaXhQcm9wKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17W3N1ZmZpeFN0eWxlKHRoZW1lKSwgaXNTdHJpbmcoc3VmZml4UHJvcCkgPyB7fSA6IG5vblN0cmluZ1ByZWZpeFN1ZmZpeFN0eWxlKHRoZW1lKV19XG4gICAgICA+XG4gICAgICAgIHtzdWZmaXhQcm9wfVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH0pKCk7XG5cbiAgY29uc3QgYWRkb25CZWZvcmUgPSAoKCkgPT4ge1xuICAgIGlmICghYWRkb25CZWZvcmVQcm9wKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIGdldEFkZG9uU3R5bGUoaW5wdXROdW1iZXJUb2tlbnMsIGRpc2FibGVkKSh0aGVtZSksXG4gICAgICAgICAgaXNTdHJpbmcoYWRkb25CZWZvcmVQcm9wKSA/IHt9IDogbm9uU3RyaW5nQWRkb25TdHlsZSh0aGVtZSksXG4gICAgICAgIF19XG4gICAgICA+XG4gICAgICAgIHthZGRvbkJlZm9yZVByb3B9XG4gICAgICA8L3NwYW4+XG4gICAgKTtcbiAgfSkoKTtcblxuICBjb25zdCBhZGRvbkFmdGVyID0gKCgpID0+IHtcbiAgICBpZiAoIWFkZG9uQWZ0ZXJQcm9wKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIGdldEFkZG9uU3R5bGUoaW5wdXROdW1iZXJUb2tlbnMsIGRpc2FibGVkKSh0aGVtZSksXG4gICAgICAgICAgaXNTdHJpbmcoYWRkb25BZnRlclByb3ApID8ge30gOiBub25TdHJpbmdBZGRvblN0eWxlKHRoZW1lKSxcbiAgICAgICAgXX1cbiAgICAgID5cbiAgICAgICAge2FkZG9uQWZ0ZXJQcm9wfVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH0pKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8QWRkb25XcmFwcGVyXG4gICAgICB7Li4uKGhhc0FkZG9uXG4gICAgICAgID8ge1xuICAgICAgICAgICAgY2xhc3NOYW1lOiBpbnB1dE51bWJlcldyYXBwZXJDbGFzc05hbWUsXG4gICAgICAgICAgICBjc3M6IGlucHV0TnVtYmVyV3JhcHBlclN0eWxlLFxuICAgICAgICAgICAgc3R5bGUsXG4gICAgICAgICAgfVxuICAgICAgICA6IHt9KX1cbiAgICA+XG4gICAgICB7YWRkb25CZWZvcmV9XG4gICAgICA8ZGl2XG4gICAgICAgIHJlZj17aW5wdXROdW1iZXJSZWZ9XG4gICAgICAgIG9uQ2xpY2s9e29uSW5wdXROdW1iZXJDbGlja31cbiAgICAgICAgY2xhc3NOYW1lPXtpbnB1dE51bWJlckNsYXNzTmFtZX1cbiAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIG9uS2V5RG93bj17b25LZXlEb3dufVxuICAgICAgICBvbktleVVwPXtvbktleVVwfVxuICAgICAgICBzdHlsZT17aGFzQWRkb24gPyB1bmRlZmluZWQgOiBzdHlsZX1cbiAgICAgICAgY3NzPXtnZXRJbnB1dFdyYXBwZXJTdHlsZShcbiAgICAgICAgICBpbnB1dE51bWJlclRva2VucyxcbiAgICAgICAgICBkaXNhYmxlZCxcbiAgICAgICAgICBoYXNBZmZpeCxcbiAgICAgICAgICBoYXNTdWZmaXgsXG4gICAgICAgICAgZXJyb3JTdGF0dXMsXG4gICAgICAgICAgY29udHJvbHNcbiAgICAgICAgKSh0aGVtZSl9XG4gICAgICA+XG4gICAgICAgIHtwcmVmaXh9XG4gICAgICAgIDxpbnB1dFxuICAgICAgICAgIHsuLi5yZXN0UHJvcHN9XG4gICAgICAgICAgcmVmPXttZXJnZWRSZWZ9XG4gICAgICAgICAgYXJpYS12YWx1ZW1pbj17bWluID8gTnVtYmVyKG1pbikgOiB1bmRlZmluZWR9XG4gICAgICAgICAgYXJpYS12YWx1ZW1heD17bWF4ID8gTnVtYmVyKG1heCkgOiB1bmRlZmluZWR9XG4gICAgICAgICAgc3RlcD17c3RlcH1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5fVxuICAgICAgICAgIHZhbHVlPXtpbnB1dFZhbHVlfVxuICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgICBjc3M9e2dldElucHV0U3R5bGUoaW5wdXROdW1iZXJUb2tlbnMsIGRpc2FibGVkLCBoYXNBZmZpeCwgb3V0T2ZSYW5nZSkodGhlbWUpfVxuICAgICAgICAvPlxuICAgICAgICB7c3VmZml4fVxuICAgICAgICB7Y29udHJvbHMgJiYgIWRpc2FibGVkICYmIChcbiAgICAgICAgICA8U3RlcENvbnRyb2xsZXIgdXBEaXNhYmxlZD17dXBEaXNhYmxlZH0gZG93bkRpc2FibGVkPXtkb3duRGlzYWJsZWR9IG9uU3RlcD17b25TdGVwfSAvPlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgICB7YWRkb25BZnRlcn1cbiAgICA8L0FkZG9uV3JhcHBlcj5cbiAgKTtcbn0pO1xuXG5leHBvcnQgY29uc3QgSW5wdXROdW1iZXIgPSBtZW1vKElucHV0TnVtYmVyQ29tcG9uZW50KTtcbiJdfQ== */"], children: addonAfterProp });
+  })();
+  return /* @__PURE__ */ jsxs(AddonWrapper, { ...hasAddon ? {
+    className: inputNumberWrapperClassName,
+    css: inputNumberWrapperStyle,
+    style
+  } : {}, children: [
+    addonBefore,
+    /* @__PURE__ */ jsxs("div", { ref: inputNumberRef, onClick: onInputNumberClick, className: inputNumberClassName, onFocus, onBlur, onKeyDown, onKeyUp, style: hasAddon ? void 0 : style, css: getInputWrapperStyle(inputNumberTokens, disabled, hasAffix, hasSuffix, errorStatus, controls)(theme), children: [
+      prefix,
+      /* @__PURE__ */ jsx("input", { ...restProps, ref: mergedRef, "aria-valuemin": min ? Number(min) : void 0, "aria-valuemax": max ? Number(max) : void 0, step, disabled, readOnly, value: inputValue, onChange, css: getInputStyle(inputNumberTokens, disabled, hasAffix, outOfRange)(theme) }),
+      suffix,
+      controls && !disabled && /* @__PURE__ */ jsx(StepController, { upDisabled, downDisabled, onStep })
+    ] }),
+    addonAfter
+  ] });
+});
+const InputNumber = memo(InputNumberComponent);
+export {
+  InputNumber
+};

package/dist/components/InputNumber/InputNumber.styles.d.ts

@@ -0,0 +1,107 @@
+import { Theme } from 'themes';
+import { InputNumberTokens } from './InputNumber.tokens';
+export declare const inputNumberWrapperClassName = "input-number-wrapper";
+export declare const inputNumberClassName = "input-number";
+export declare const inputNumberWrapperStyle: {
+    display: string;
+};
+export declare const prefixStyle: (theme: Theme) => {
+    marginRight: 4;
+    display: string;
+    alignItems: string;
+    flex: string;
+};
+export declare const suffixStyle: (theme: Theme) => {
+    marginLeft: 8;
+    display: string;
+    alignItems: string;
+    flex: string;
+};
+export declare const nonStringPrefixSuffixStyle: (theme: Theme) => {
+    fontSize: 16;
+};
+export declare const getAddonStyle: (inputNumberTokens: InputNumberTokens, disabled: boolean | undefined) => (theme: Theme) => {
+    color: "#262626" | "#8C8C8C";
+    backgroundColor: "#F0F0F0" | "#FAFAFA";
+    borderWidth: number;
+    borderStyle: string;
+    borderColor: "#D9D9D9";
+    borderRadius: 4;
+    paddingInline: number;
+    ":first-child": {
+        borderInlineEnd: number;
+        borderStartEndRadius: number;
+        borderEndEndRadius: number;
+    };
+    ":last-child": {
+        borderInlineStart: number;
+        borderStartStartRadius: number;
+        borderEndStartRadius: number;
+    };
+    fontFamily: "Roboto";
+    fontSize: 14;
+    lineHeight: "20px";
+    cursor: string | undefined;
+    display: string;
+    alignItems: string;
+    flex: string;
+};
+export declare const nonStringAddonStyle: (theme: Theme) => {
+    fontSize: 16;
+};
+export declare const getInputWrapperStyle: (inputNumberTokens: InputNumberTokens, disabled: boolean | undefined, hasAffix: boolean, hasSuffix: boolean, errorStatus: boolean, controls: boolean) => (theme: Theme) => {
+    readonly color: "#8C8C8C" | "#BFBFBF" | "#FF4D4F";
+    readonly padding: string | undefined;
+    readonly background: "#F0F0F0" | "#FFFFFF";
+    readonly borderWidth: 1;
+    readonly borderStyle: "solid";
+    readonly borderColor: "#D9D9D9" | "#FF4D4F";
+    readonly borderRadius: 4;
+    readonly ":focus, :focus-within": {
+        readonly borderColor: "#FF4D4F" | "#0CB3B3";
+        readonly boxShadow: `0px 0px 4px 0px rgba(${number}, ${number}, ${number}, 0.5)`;
+    };
+    readonly ":hover": {
+        readonly borderColor: "#FF7875" | "#50CCC4" | undefined;
+        readonly paddingRight: number | undefined;
+    };
+    readonly ".input-number-wrapper &:first-child": {
+        readonly borderStartEndRadius: 0;
+        readonly borderEndEndRadius: 0;
+    };
+    readonly ".input-number-wrapper &:last-child": {
+        readonly borderStartStartRadius: 0;
+        readonly borderEndStartRadius: 0;
+    };
+    readonly ".input-number-wrapper &:not(:first-child):not(:last-child)": {
+        readonly borderRadius: 0;
+    };
+    readonly fontFamily: "Roboto";
+    readonly fontSize: 14;
+    readonly lineHeight: "20px";
+    readonly boxSizing: "border-box";
+    readonly cursor: "not-allowed" | undefined;
+    readonly display: "inline-flex";
+    readonly position: "relative";
+};
+export declare const getInputStyle: (inputNumberTokens: InputNumberTokens, disabled: boolean | undefined, hasAffix: boolean, outOfRange: boolean) => (theme: Theme) => {
+    readonly boxSizing: "border-box";
+    readonly minWidth: 0;
+    readonly width: "100%";
+    readonly cursor: "inherit";
+    readonly fontFamily: "inherit";
+    readonly fontSize: "inherit";
+    readonly lineHeight: "inherit";
+    readonly background: "inherit";
+    readonly color: "#262626" | "#8C8C8C" | "#FF4D4F";
+    readonly padding: string | 0;
+    readonly border: "none";
+    readonly borderRadius: 4 | undefined;
+    readonly outline: "none";
+    readonly "::placeholder": {
+        readonly color: "#BFBFBF" | "inherit";
+    };
+    readonly ":placeholder-shown": {
+        readonly textOverflow: "ellipsis";
+    };
+};

package/dist/components/InputNumber/InputNumber.styles.js

@@ -0,0 +1,115 @@
+import { stepControllerWidth } from "./components/StepController/StepController.styles.js";
+const inputNumberWrapperClassName = "input-number-wrapper";
+const inputNumberClassName = "input-number";
+const inputNumberWrapperStyle = {
+  display: "inline-flex"
+};
+const commonAffixStyle = {
+  display: "flex",
+  alignItems: "center",
+  flex: "none"
+};
+const prefixStyle = (theme) => ({
+  ...commonAffixStyle,
+  marginRight: theme.marginXS
+});
+const suffixStyle = (theme) => ({
+  ...commonAffixStyle,
+  marginLeft: theme.marginM
+});
+const nonStringPrefixSuffixStyle = (theme) => ({
+  fontSize: theme.iconM
+});
+const getAddonStyle = (inputNumberTokens, disabled) => (theme) => ({
+  cursor: disabled ? "not-allowed" : void 0,
+  display: "flex",
+  alignItems: "center",
+  flex: "none",
+  ...theme.typography.body2,
+  color: disabled ? inputNumberTokens.inputNumberTextDisabled : inputNumberTokens.inputNumberText,
+  backgroundColor: disabled ? inputNumberTokens.inputNumberBgDisabled : inputNumberTokens.inputNumberAddonBg,
+  borderWidth: 1,
+  borderStyle: "solid",
+  borderColor: inputNumberTokens.inputNumberBorder,
+  borderRadius: theme.borderRadiusM,
+  paddingInline: inputNumberTokens.inputNumberPaddingHorizontal - 1,
+  ":first-child": {
+    borderInlineEnd: 0,
+    borderStartEndRadius: 0,
+    borderEndEndRadius: 0
+  },
+  ":last-child": {
+    borderInlineStart: 0,
+    borderStartStartRadius: 0,
+    borderEndStartRadius: 0
+  }
+});
+const nonStringAddonStyle = (theme) => ({
+  fontSize: theme.iconM
+});
+const getInputWrapperStyle = (inputNumberTokens, disabled, hasAffix, hasSuffix, errorStatus, controls) => (theme) => ({
+  boxSizing: "border-box",
+  cursor: disabled ? "not-allowed" : void 0,
+  display: "inline-flex",
+  position: "relative",
+  ...theme.typography.body2,
+  color: disabled ? inputNumberTokens.inputNumberTextDisabled : errorStatus ? inputNumberTokens.inputNumberTextDanger : inputNumberTokens.inputNumberPlaceholder,
+  padding: hasAffix ? `${inputNumberTokens.inputNumberPaddingVertical - 1}px ${inputNumberTokens.inputNumberPaddingHorizontal - 1}px` : void 0,
+  background: disabled ? inputNumberTokens.inputNumberBgDisabled : inputNumberTokens.inputNumberBg,
+  borderWidth: 1,
+  borderStyle: "solid",
+  borderColor: errorStatus ? inputNumberTokens.inputNumberBorderDanger : inputNumberTokens.inputNumberBorder,
+  borderRadius: theme.borderRadiusM,
+  ":focus, :focus-within": {
+    borderColor: errorStatus ? inputNumberTokens.inputNumberBorderDanger : inputNumberTokens.inputNumberBorderActive,
+    boxShadow: `0px 0px 4px 0px ${errorStatus ? theme.fieldFocusedDanger : theme.fieldFocused}`
+  },
+  ":hover": {
+    borderColor: disabled ? void 0 : errorStatus ? inputNumberTokens.inputNumberBorderDangerHover : inputNumberTokens.inputNumberBorderHover,
+    paddingRight: hasSuffix && !disabled && controls ? inputNumberTokens.inputNumberPaddingHorizontal + stepControllerWidth - 1 : void 0
+  },
+  [`.${inputNumberWrapperClassName} &:first-child`]: {
+    borderStartEndRadius: 0,
+    borderEndEndRadius: 0
+  },
+  [`.${inputNumberWrapperClassName} &:last-child`]: {
+    borderStartStartRadius: 0,
+    borderEndStartRadius: 0
+  },
+  [`.${inputNumberWrapperClassName} &:not(:first-child):not(:last-child)`]: {
+    borderRadius: 0
+  }
+});
+const getInputStyle = (inputNumberTokens, disabled, hasAffix, outOfRange) => (theme) => ({
+  boxSizing: "border-box",
+  minWidth: 0,
+  width: "100%",
+  cursor: "inherit",
+  fontFamily: "inherit",
+  fontSize: "inherit",
+  lineHeight: "inherit",
+  background: "inherit",
+  color: outOfRange ? inputNumberTokens.inputNumberTextDanger : disabled ? inputNumberTokens.inputNumberTextDisabled : inputNumberTokens.inputNumberText,
+  padding: hasAffix ? 0 : `${inputNumberTokens.inputNumberPaddingVertical - 1}px ${inputNumberTokens.inputNumberPaddingHorizontal - 1}px`,
+  border: "none",
+  borderRadius: hasAffix ? void 0 : theme.borderRadiusM,
+  outline: "none",
+  "::placeholder": {
+    color: disabled ? "inherit" : inputNumberTokens.inputNumberPlaceholder
+  },
+  ":placeholder-shown": {
+    textOverflow: "ellipsis"
+  }
+});
+export {
+  getAddonStyle,
+  getInputStyle,
+  getInputWrapperStyle,
+  inputNumberClassName,
+  inputNumberWrapperClassName,
+  inputNumberWrapperStyle,
+  nonStringAddonStyle,
+  nonStringPrefixSuffixStyle,
+  prefixStyle,
+  suffixStyle
+};

package/dist/components/InputNumber/InputNumber.tokens.d.ts

@@ -0,0 +1,18 @@
+import { Theme } from 'themes';
+export declare const getInputNumberTokens: (theme: Theme) => {
+    inputNumberBorder: "#D9D9D9";
+    inputNumberBorderHover: "#50CCC4";
+    inputNumberBorderActive: "#0CB3B3";
+    inputNumberBorderDanger: "#FF4D4F";
+    inputNumberBorderDangerHover: "#FF7875";
+    inputNumberBg: "#FFFFFF";
+    inputNumberBgDisabled: "#F0F0F0";
+    inputNumberPlaceholder: "#BFBFBF";
+    inputNumberText: "#262626";
+    inputNumberTextDisabled: "#8C8C8C";
+    inputNumberTextDanger: "#FF4D4F";
+    inputNumberAddonBg: "#FAFAFA";
+    inputNumberPaddingVertical: 4;
+    inputNumberPaddingHorizontal: 12;
+};
+export type InputNumberTokens = ReturnType<typeof getInputNumberTokens>;

package/dist/components/InputNumber/InputNumber.tokens.js

@@ -0,0 +1,19 @@
+const getInputNumberTokens = (theme) => ({
+  inputNumberBorder: theme.lineBorder,
+  inputNumberBorderHover: theme.primaryHover,
+  inputNumberBorderActive: theme.primaryBase,
+  inputNumberBorderDanger: theme.dangerBase,
+  inputNumberBorderDangerHover: theme.dangerHover,
+  inputNumberBg: theme.bgContainer,
+  inputNumberBgDisabled: theme.bgContainerDisabled,
+  inputNumberPlaceholder: theme.textHint,
+  inputNumberText: theme.textPrimary,
+  inputNumberTextDisabled: theme.textDisabled,
+  inputNumberTextDanger: theme.dangerBase,
+  inputNumberAddonBg: theme.bgContainerComplimentary,
+  inputNumberPaddingVertical: theme.x1,
+  inputNumberPaddingHorizontal: theme.x3
+});
+export {
+  getInputNumberTokens
+};

package/dist/components/InputNumber/InputNumber.types.d.ts

@@ -0,0 +1,41 @@
+import { InputHTMLAttributes, KeyboardEventHandler, ReactNode } from 'react';
+type ValueType = string | number;
+export interface InputNumberProps<T extends ValueType = ValueType> extends Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "defaultValue" | "onInput" | "onChange" | "prefix" | "suffix"> {
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    addonBefore?: ReactNode;
+    addonAfter?: ReactNode;
+    status?: "error";
+    defaultValue?: T;
+    value?: T;
+    min?: T;
+    max?: T;
+    /** @default 1 */
+    step?: ValueType;
+    /** @default true */
+    controls?: boolean;
+    /** @default true */
+    keyboard?: boolean;
+    /** @default false */
+    stringMode?: boolean;
+    parser?: (displayValue: string | undefined) => T;
+    formatter?: (value: T | undefined, info: {
+        userTyping: boolean;
+        input: string;
+    }) => string;
+    precision?: number;
+    decimalSeparator?: string;
+    /** @default true */
+    changeOnBlur?: boolean;
+    /** @default false */
+    changeOnWheel?: boolean;
+    onChange?: (value: T | null) => void;
+    onInput?: (text: string) => void;
+    onPressEnter?: KeyboardEventHandler<HTMLInputElement>;
+    onStep?: (value: T, info: {
+        offset: ValueType;
+        type: "up" | "down";
+        emitter: "handler" | "keyboard" | "wheel";
+    }) => void;
+}
+export {};

package/dist/components/InputNumber/InputNumber.utils.d.ts

@@ -0,0 +1,2 @@
+import { DecimalClass } from './utils';
+export declare const getDecimalValue: (stringMode: boolean, decimalValue: DecimalClass) => string | number;

package/dist/components/InputNumber/InputNumber.utils.js

@@ -0,0 +1,9 @@
+const getDecimalValue = (stringMode, decimalValue) => {
+  if (stringMode || decimalValue.isEmpty()) {
+    return decimalValue.toString();
+  }
+  return decimalValue.toNumber();
+};
+export {
+  getDecimalValue
+};

package/dist/components/InputNumber/components/StepController/StepController.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { StepControllerProps } from './StepController.types';
+export declare const StepController: FC<StepControllerProps>;

package/dist/components/InputNumber/components/StepController/StepController.js

@@ -0,0 +1,26 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { UpOutlined, DownOutlined } from "@infomaximum/icons";
+import { getInputNumberTokens } from "../../InputNumber.tokens.js";
+import { getStepControllerStyle, getStepUpWrapperStyle, getStepDownWrapperStyle } from "./StepController.styles.js";
+import { useTheme } from "../../../../hooks/useTheme/useTheme.js";
+const StepControllerComponent = (props) => {
+  const {
+    upDisabled,
+    downDisabled,
+    onStep
+  } = props;
+  const theme = useTheme();
+  const inputNumberTokens = getInputNumberTokens(theme);
+  return /* @__PURE__ */ jsxs("span", { css: getStepControllerStyle(inputNumberTokens)(theme), children: [
+    /* @__PURE__ */ jsx("span", { unselectable: "on", role: "button", "aria-label": "Increase Value", "aria-disabled": upDisabled, onMouseDown: (e) => e.preventDefault(), onClick: () => {
+      onStep(true, "handler");
+    }, css: getStepUpWrapperStyle(inputNumberTokens, upDisabled)(theme), children: /* @__PURE__ */ jsx(UpOutlined, {}) }),
+    /* @__PURE__ */ jsx("span", { unselectable: "on", role: "button", "aria-label": "Decrease Value", "aria-disabled": downDisabled, onMouseDown: (e) => e.preventDefault(), onClick: () => {
+      onStep(false, "handler");
+    }, css: getStepDownWrapperStyle(inputNumberTokens, downDisabled)(theme), children: /* @__PURE__ */ jsx(DownOutlined, {}) })
+  ] });
+};
+const StepController = StepControllerComponent;
+export {
+  StepController
+};