@semcore/input-number 5.41.0-prerelease.11 → 5.41.0-prerelease.12

package/CHANGELOG.md

@@ -2,11 +2,17 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [5.41.0] - 2025-03-03
+## [5.41.0] - 2025-03-14
 
-### Changed
+### Added
+
+- Build for ESM.
+
+## [5.40.5] - 2025-03-03
+
+### Fixed
 
-- Version minor update due to children dependencies update (`@semcore/input` [4.41.1 ~> 4.42.0], `@semcore/utils` [4.45.1 ~> 4.47.1], `@semcore/flex-box` [5.40.1 ~> 5.41.0], `@semcore/core` [2.38.1 ~> 2.39.0]).
+- `locale` property type. Moved from `InputNumber.Value` to `InputNumber`.
 
 ## [5.40.4] - 2025-02-05
 

package/lib/cjs/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { Intergalactic, PropGetterFn, UnknownProperties } from '@semcore/core';\nimport { InputAddonProps, InputProps, InputValueProps } from '@semcore/input';\n\nexport type InputNumberValue = string;\nexport type InputNumberSize = 'm' | 'l';\n\n/** @deprecated */\nexport interface IInputNumberProps extends InputNumberProps, UnknownProperties {}\nexport type InputNumberProps = InputProps & {\n  /** Input size\n   * @default m\n   * */\n  size?: InputNumberSize;\n};\n\n/** @deprecated */\nexport interface IInputNumberValueProps extends InputNumberValueProps, UnknownProperties {}\nexport type InputNumberValueProps = InputValueProps & {\n  /** Minimum value\n   * @default Number.MIN_SAFE_INTEGER\n   */\n  min?: number;\n  /** Maximum value\n   * @default Number.MAX_SAFE_INTEGER\n   */\n  max?: number;\n  /** Value change step\n   * @default 1\n   */\n  step?: number;\n  /** Numeric value */\n  value?: InputNumberValue;\n  /** Called when the input value changes, it returns its current value in numeric format */\n  onChange?: (value: InputNumberValue, event?: React.SyntheticEvent<HTMLInputElement>) => void;\n  locale?: string;\n};\n\n/** @deprecated */\nexport interface IInputNumberControlsProps extends InputNumberControlsProps, UnknownProperties {}\nexport type InputNumberControlsProps = InputAddonProps & {\n  /** Always displays controls (steppers)\n   * @default false\n   */\n  showControls?: boolean;\n};\n\n/** @deprecated */\nexport interface IInputNumberCtx extends InputNumberCtx, UnknownProperties {}\nexport type InputNumberCtx = {\n  getValueProps: PropGetterFn;\n  getControlsProps: PropGetterFn;\n  getAddonProps: PropGetterFn;\n};\n\ndeclare const InputNumber: Intergalactic.Component<'div', InputNumberProps, InputNumberCtx> & {\n  Value: Intergalactic.Component<'input', InputNumberValueProps>;\n  Controls: Intergalactic.Component<'div', InputNumberControlsProps>;\n  Addon: Intergalactic.Component<'div', InputAddonProps>;\n};\n\nexport default InputNumber;\n\ndeclare const IncrementIcon: React.FC;\ndeclare const DecrementIcon: React.FC;\ndeclare const parseValueWithMinMax: (value: number, min?: number, max?: number) => number;\n\nexport { IncrementIcon, DecrementIcon, parseValueWithMinMax };\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { Intergalactic, PropGetterFn, UnknownProperties } from '@semcore/core';\nimport { InputAddonProps, InputProps, InputValueProps } from '@semcore/input';\n\nexport type InputNumberValue = string;\nexport type InputNumberSize = 'm' | 'l';\n\n/** @deprecated */\nexport interface IInputNumberProps extends InputNumberProps, UnknownProperties {}\nexport type InputNumberProps = InputProps & {\n  /** Input size\n   * @default m\n   * */\n  size?: InputNumberSize;\n  /**\n   * Locale value\n   */\n  locale?: string;\n};\n\n/** @deprecated */\nexport interface IInputNumberValueProps extends InputNumberValueProps, UnknownProperties {}\nexport type InputNumberValueProps = InputValueProps & {\n  /** Minimum value\n   * @default Number.MIN_SAFE_INTEGER\n   */\n  min?: number;\n  /** Maximum value\n   * @default Number.MAX_SAFE_INTEGER\n   */\n  max?: number;\n  /** Value change step\n   * @default 1\n   */\n  step?: number;\n  /** Numeric value */\n  value?: InputNumberValue;\n  /** Called when the input value changes, it returns its current value in numeric format */\n  onChange?: (value: InputNumberValue, event?: React.SyntheticEvent<HTMLInputElement>) => void;\n};\n\n/** @deprecated */\nexport interface IInputNumberControlsProps extends InputNumberControlsProps, UnknownProperties {}\nexport type InputNumberControlsProps = InputAddonProps & {\n  /** Always displays controls (steppers)\n   * @default false\n   */\n  showControls?: boolean;\n};\n\n/** @deprecated */\nexport interface IInputNumberCtx extends InputNumberCtx, UnknownProperties {}\nexport type InputNumberCtx = {\n  getValueProps: PropGetterFn;\n  getControlsProps: PropGetterFn;\n  getAddonProps: PropGetterFn;\n};\n\ndeclare const InputNumber: Intergalactic.Component<'div', InputNumberProps, InputNumberCtx> & {\n  Value: Intergalactic.Component<'input', InputNumberValueProps>;\n  Controls: Intergalactic.Component<'div', InputNumberControlsProps>;\n  Addon: Intergalactic.Component<'div', InputAddonProps>;\n};\n\nexport default InputNumber;\n\ndeclare const IncrementIcon: React.FC;\ndeclare const DecrementIcon: React.FC;\ndeclare const parseValueWithMinMax: (value: number, min?: number, max?: number) => number;\n\nexport { IncrementIcon, DecrementIcon, parseValueWithMinMax };\n"],"mappings":""}

package/lib/es6/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { Intergalactic, PropGetterFn, UnknownProperties } from '@semcore/core';\nimport { InputAddonProps, InputProps, InputValueProps } from '@semcore/input';\n\nexport type InputNumberValue = string;\nexport type InputNumberSize = 'm' | 'l';\n\n/** @deprecated */\nexport interface IInputNumberProps extends InputNumberProps, UnknownProperties {}\nexport type InputNumberProps = InputProps & {\n  /** Input size\n   * @default m\n   * */\n  size?: InputNumberSize;\n};\n\n/** @deprecated */\nexport interface IInputNumberValueProps extends InputNumberValueProps, UnknownProperties {}\nexport type InputNumberValueProps = InputValueProps & {\n  /** Minimum value\n   * @default Number.MIN_SAFE_INTEGER\n   */\n  min?: number;\n  /** Maximum value\n   * @default Number.MAX_SAFE_INTEGER\n   */\n  max?: number;\n  /** Value change step\n   * @default 1\n   */\n  step?: number;\n  /** Numeric value */\n  value?: InputNumberValue;\n  /** Called when the input value changes, it returns its current value in numeric format */\n  onChange?: (value: InputNumberValue, event?: React.SyntheticEvent<HTMLInputElement>) => void;\n  locale?: string;\n};\n\n/** @deprecated */\nexport interface IInputNumberControlsProps extends InputNumberControlsProps, UnknownProperties {}\nexport type InputNumberControlsProps = InputAddonProps & {\n  /** Always displays controls (steppers)\n   * @default false\n   */\n  showControls?: boolean;\n};\n\n/** @deprecated */\nexport interface IInputNumberCtx extends InputNumberCtx, UnknownProperties {}\nexport type InputNumberCtx = {\n  getValueProps: PropGetterFn;\n  getControlsProps: PropGetterFn;\n  getAddonProps: PropGetterFn;\n};\n\ndeclare const InputNumber: Intergalactic.Component<'div', InputNumberProps, InputNumberCtx> & {\n  Value: Intergalactic.Component<'input', InputNumberValueProps>;\n  Controls: Intergalactic.Component<'div', InputNumberControlsProps>;\n  Addon: Intergalactic.Component<'div', InputAddonProps>;\n};\n\nexport default InputNumber;\n\ndeclare const IncrementIcon: React.FC;\ndeclare const DecrementIcon: React.FC;\ndeclare const parseValueWithMinMax: (value: number, min?: number, max?: number) => number;\n\nexport { IncrementIcon, DecrementIcon, parseValueWithMinMax };\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { Intergalactic, PropGetterFn, UnknownProperties } from '@semcore/core';\nimport { InputAddonProps, InputProps, InputValueProps } from '@semcore/input';\n\nexport type InputNumberValue = string;\nexport type InputNumberSize = 'm' | 'l';\n\n/** @deprecated */\nexport interface IInputNumberProps extends InputNumberProps, UnknownProperties {}\nexport type InputNumberProps = InputProps & {\n  /** Input size\n   * @default m\n   * */\n  size?: InputNumberSize;\n  /**\n   * Locale value\n   */\n  locale?: string;\n};\n\n/** @deprecated */\nexport interface IInputNumberValueProps extends InputNumberValueProps, UnknownProperties {}\nexport type InputNumberValueProps = InputValueProps & {\n  /** Minimum value\n   * @default Number.MIN_SAFE_INTEGER\n   */\n  min?: number;\n  /** Maximum value\n   * @default Number.MAX_SAFE_INTEGER\n   */\n  max?: number;\n  /** Value change step\n   * @default 1\n   */\n  step?: number;\n  /** Numeric value */\n  value?: InputNumberValue;\n  /** Called when the input value changes, it returns its current value in numeric format */\n  onChange?: (value: InputNumberValue, event?: React.SyntheticEvent<HTMLInputElement>) => void;\n};\n\n/** @deprecated */\nexport interface IInputNumberControlsProps extends InputNumberControlsProps, UnknownProperties {}\nexport type InputNumberControlsProps = InputAddonProps & {\n  /** Always displays controls (steppers)\n   * @default false\n   */\n  showControls?: boolean;\n};\n\n/** @deprecated */\nexport interface IInputNumberCtx extends InputNumberCtx, UnknownProperties {}\nexport type InputNumberCtx = {\n  getValueProps: PropGetterFn;\n  getControlsProps: PropGetterFn;\n  getAddonProps: PropGetterFn;\n};\n\ndeclare const InputNumber: Intergalactic.Component<'div', InputNumberProps, InputNumberCtx> & {\n  Value: Intergalactic.Component<'input', InputNumberValueProps>;\n  Controls: Intergalactic.Component<'div', InputNumberControlsProps>;\n  Addon: Intergalactic.Component<'div', InputAddonProps>;\n};\n\nexport default InputNumber;\n\ndeclare const IncrementIcon: React.FC;\ndeclare const DecrementIcon: React.FC;\ndeclare const parseValueWithMinMax: (value: number, min?: number, max?: number) => number;\n\nexport { IncrementIcon, DecrementIcon, parseValueWithMinMax };\n"],"mappings":""}

package/lib/esm/InputNumber.mjs

@@ -0,0 +1,322 @@
+import A from "@babel/runtime/helpers/esm/slicedToArray";
+import D from "@babel/runtime/helpers/esm/objectSpread2";
+import x from "@babel/runtime/helpers/esm/classCallCheck";
+import I from "@babel/runtime/helpers/esm/createClass";
+import d from "@babel/runtime/helpers/esm/assertThisInitialized";
+import C from "@babel/runtime/helpers/esm/inherits";
+import k from "@babel/runtime/helpers/esm/createSuper";
+import u from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as M } from "@semcore/utils/lib/core/index";
+import z, { sstyled as w, assignProps as R, Component as $ } from "@semcore/core";
+import h from "react";
+import V from "@semcore/input";
+import { IncrementIcon as W, DecrementIcon as K } from "./buttons.mjs";
+import { localizedMessages as F } from "./translations/__intergalactic-dynamic-locales.mjs";
+import L from "@semcore/utils/lib/enhances/i18nEnhance";
+import { forkRef as B } from "@semcore/utils/lib/ref";
+import { callAllEventHandlers as G } from "@semcore/utils/lib/assignProps";
+var N = (
+  /*__reshadow_css_start__*/
+  (M.insert(
+    /*__inner_css_start__*/
+    ".___SValue_1uuai_gg_:focus~.___SControls_1uuai_gg_{display:flex}.___SControls_1uuai_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_1uuai_gg_.__showControls_1uuai_gg_{display:flex}.___SDown_1uuai_gg_,.___SUp_1uuai_gg_{padding:0;width:16px;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);box-sizing:border-box;display:inline-flex;justify-content:center;border:0;background:0 0;cursor:pointer}.___SDown_1uuai_gg_:focus,.___SUp_1uuai_gg_:focus{outline:0}@media (hover:hover){.___SDown_1uuai_gg_:hover,.___SUp_1uuai_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SUp_1uuai_gg_{padding-bottom:1px}.___SDown_1uuai_gg_{padding-top:1px}.___SValue_1uuai_gg_::-webkit-inner-spin-button,.___SValue_1uuai_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_1uuai_gg_._type_number_1uuai_gg_{-moz-appearance:textfield}.___SValue_1uuai_gg_.__disabled_1uuai_gg_~.___SControls_1uuai_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SValueHidden_1uuai_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}",
+    "1uuai_gg_"
+  ), {
+    __SValue: "___SValue_1uuai_gg_",
+    __SControls: "___SControls_1uuai_gg_",
+    _showControls: "__showControls_1uuai_gg_",
+    __SUp: "___SUp_1uuai_gg_",
+    __SDown: "___SDown_1uuai_gg_",
+    _disabled: "__disabled_1uuai_gg_",
+    __SValueHidden: "___SValueHidden_1uuai_gg_",
+    _type_number: "_type_number_1uuai_gg_"
+  })
+);
+function H(m) {
+  var g = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : Number.MIN_SAFE_INTEGER, c = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : Number.MAX_SAFE_INTEGER;
+  return Math.max(g, Math.min(c, m));
+}
+var P = /* @__PURE__ */ function(m) {
+  C(c, m);
+  var g = k(c);
+  function c() {
+    var a;
+    x(this, c);
+    for (var n = arguments.length, s = new Array(n), o = 0; o < n; o++)
+      s[o] = arguments[o];
+    return a = g.call.apply(g, [this].concat(s)), u(d(a), "inputRef", /* @__PURE__ */ h.createRef()), u(d(a), "increment", function(e) {
+      var r, t;
+      (r = a.inputRef.current) === null || r === void 0 || (t = r.stepUp) === null || t === void 0 || t.call(r, e);
+    }), u(d(a), "decrement", function(e) {
+      var r, t;
+      (r = a.inputRef.current) === null || r === void 0 || (t = r.stepDown) === null || t === void 0 || t.call(r, e);
+    }), a;
+  }
+  return I(c, [{
+    key: "getValueProps",
+    value: function() {
+      var n = new Intl.NumberFormat(this.asProps.locale, {
+        style: "decimal"
+      });
+      return {
+        inputRef: this.inputRef,
+        increment: this.increment,
+        decrement: this.decrement,
+        numberFormatter: n
+      };
+    }
+  }, {
+    key: "getControlsProps",
+    value: function() {
+      var n = this.asProps, s = n.size, o = n.getI18nText;
+      return {
+        size: s,
+        increment: this.increment,
+        decrement: this.decrement,
+        getI18nText: o
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var n = this.asProps, s, o = V;
+      return s = w(this.asProps.style), /* @__PURE__ */ h.createElement(o, s.cn("SInputNumber", D({}, R({}, n))));
+    }
+  }]), c;
+}($);
+u(P, "displayName", "InputNumber");
+u(P, "style", N);
+u(P, "enhance", [L(F)]);
+u(P, "defaultProps", {
+  size: "m",
+  i18n: F,
+  locale: "en"
+});
+var E = /* @__PURE__ */ function(m) {
+  C(c, m);
+  var g = k(c);
+  function c() {
+    var a;
+    x(this, c);
+    for (var n = arguments.length, s = new Array(n), o = 0; o < n; o++)
+      s[o] = arguments[o];
+    return a = g.call.apply(g, [this].concat(s)), u(d(a), "valueInputRef", /* @__PURE__ */ h.createRef()), u(d(a), "cursorPosition", -1), u(d(a), "getFormattedValue", function(e) {
+      return e.replace(new RegExp("[".concat(a.separatorThousands, "]"), "g"), "").replace(a.separatorDecimal, ".");
+    }), u(d(a), "valueParser", function(e, r, t) {
+      var l = a.props.numberFormatter, i = a.getFormattedValue(String(e));
+      if (Number.isNaN(Number(i)))
+        return {
+          parsedValue: r,
+          displayValue: t
+        };
+      var f = "";
+      if (/\.[0-9]*0$/.test(i)) {
+        var p = i.split(a.separatorDecimal), _ = A(p, 2), v = _[0], S = _[1];
+        f = l.format(v) + a.separatorDecimal + S;
+      } else i !== "" && (f = l.format(i));
+      return {
+        parsedValue: i,
+        displayValue: f
+      };
+    }), u(d(a), "handleValidation", function(e) {
+      var r = a.asProps, t = r.value, l = r.displayValue, i = r.min, f = r.max, p = r.step, _ = a.valueParser(e.currentTarget.value, t, l), v = _.parsedValue, S = p < 1 ? p.toString().split(".")[1].length : 1;
+      if (Number.isNaN(t) || Number.isNaN(Number.parseFloat(v)))
+        e.currentTarget.value = "", a.handlers.value("", e);
+      else {
+        var y = H(Number.parseFloat(v), i, f), b = a.round(y % p, p);
+        b !== 0 && (b >= p / 2 ? y += p - b : Math.abs(b) < p && (y -= b));
+        var U = Number(y.toFixed(S));
+        a.handlers.value(String(U), e);
+      }
+    }), u(d(a), "onWheel", function(e) {
+      G(a.asProps.onWheel, a.handleWheel)(e);
+    }), u(d(a), "handleWheel", function(e) {
+      e.target === a.valueInputRef.current && document.activeElement === a.valueInputRef.current && (e.preventDefault(), e.wheelDelta > 0 ? a.stepUp(e) : e.wheelDelta < 0 && a.stepDown(e));
+    }), u(d(a), "handleChange", function(e) {
+      var r = a.getFormattedValue(e.currentTarget.value), t = a.asProps, l = t.numberFormatter, i = t.value;
+      if (r === "." || r === "-")
+        return a.handlers.displayValue(r), !1;
+      if (r.endsWith("-"))
+        return !1;
+      if (r.endsWith("."))
+        return r.length > i.length ? (a.handlers.displayValue(l.format(r) + a.separatorDecimal), !1) : (a.handlers.value(r.slice(0, -1), e), !1);
+      var f = /[0-9.-]+/.test(r);
+      (f || r === "") && a.handlers.value(r, e);
+    }), u(d(a), "handleKeyUp", function(e) {
+      e.key === "Shift" && (a.cursorPosition = -1);
+    }), u(d(a), "handleKeyDown", function(e) {
+      var r = e.currentTarget, t = r.value, l = t.length, i = a.asProps.displayValue;
+      if (e.key === "." || e.key === ",") {
+        if (t.indexOf(a.separatorDecimal) === -1 && e.key === ",")
+          e.currentTarget.value = t + ".";
+        else if (t.indexOf(a.separatorDecimal) !== -1) {
+          e.preventDefault(), e.stopPropagation();
+          return;
+        }
+      }
+      if (e.key === "Backspace" && t.endsWith(a.separatorDecimal))
+        return e.preventDefault(), e.stopPropagation(), a.handlers.displayValue(i.slice(0, -1)), !1;
+      if (r.selectionStart !== l && (e.key === "Backspace" || e.key === a.separatorDecimal || ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"].includes(e.key))) {
+        var f = t.slice(r.selectionEnd);
+        requestAnimationFrame(function() {
+          var _ = a.state.displayValue, v = _.lastIndexOf(f), S = v, y = v;
+          r.setSelectionRange(S, y);
+        });
+      }
+      var p = 2;
+      switch (e.shiftKey && a.cursorPosition === -1 && (a.cursorPosition = r.selectionStart), e.key) {
+        case "ArrowLeft": {
+          e.preventDefault(), a.moveSelectionLeft(r, p);
+          break;
+        }
+        case "ArrowRight": {
+          e.preventDefault(), a.moveSelectionRight(r, p);
+          break;
+        }
+        case "ArrowDown": {
+          e.preventDefault(), a.stepDown(e);
+          break;
+        }
+        case "ArrowUp": {
+          e.preventDefault(), a.stepUp(e);
+          break;
+        }
+      }
+    }), u(d(a), "moveSelectionLeft", function(e, r) {
+      var t = e.value, l = e.selectionStart - 1 >= 0 ? e.selectionStart - 1 : 0, i = t[e.selectionStart - r] === a.separatorThousands ? e.selectionStart - r : l;
+      a.cursorPosition === -1 ? e.setSelectionRange(i, i) : e.selectionStart <= a.cursorPosition && e.selectionEnd === a.cursorPosition ? e.setSelectionRange(i, e.selectionEnd) : e.setSelectionRange(e.selectionStart, t[e.selectionEnd - r] === a.separatorThousands ? e.selectionEnd - r : e.selectionEnd - 1);
+    }), u(d(a), "moveSelectionRight", function(e, r) {
+      var t = e.value, l = e.selectionEnd + 1, i = t[e.selectionEnd] === a.separatorThousands ? e.selectionEnd + r : l;
+      a.cursorPosition === -1 ? e.setSelectionRange(i, i) : e.selectionEnd >= a.cursorPosition && e.selectionStart === a.cursorPosition ? e.setSelectionRange(e.selectionStart, i) : e.setSelectionRange(t[e.selectionStart] === a.separatorThousands ? e.selectionStart + r : e.selectionStart + 1, e.selectionEnd);
+    }), u(d(a), "handleClick", function(e) {
+      var r = e.target, t = r.value;
+      t[r.selectionStart - 1] === a.separatorThousands && r.setSelectionRange(r.selectionStart - 1, r.selectionEnd - 1);
+    }), u(d(a), "handleBlur", function(e) {
+      a.cursorPosition = -1, a.handleValidation(e);
+    }), u(d(a), "stepUp", function(e) {
+      var r = a.asProps, t = r.max, l = t === void 0 ? Number.MAX_SAFE_INTEGER : t, i = r.min, f = r.step, p = r.value, _;
+      if (p === "" ? _ = i ?? 0 : _ = Number.parseFloat(p), !Number.isNaN(_)) {
+        var v = _ + f <= l ? _ + f : l;
+        a.handlers.value(v.toString(), e);
+      }
+    }), u(d(a), "stepDown", function(e) {
+      var r = a.asProps, t = r.max, l = r.min, i = l === void 0 ? Number.MIN_SAFE_INTEGER : l, f = r.step, p = r.value, _;
+      if (p === "" ? _ = t ?? 0 : _ = Number.parseFloat(p), !Number.isNaN(_)) {
+        var v = _ - f >= i ? _ - f : i;
+        a.handlers.value(v.toString(), e);
+      }
+    }), a;
+  }
+  return I(c, [{
+    key: "uncontrolledProps",
+    value: function() {
+      var n = this;
+      return {
+        displayValue: null,
+        value: [null, function(s) {
+          var o = n.asProps, e = o.value, r = o.displayValue, t = n.valueParser(s, e, r), l = t.parsedValue, i = t.displayValue;
+          return n.handlers.displayValue(i), l;
+        }]
+      };
+    }
+  }, {
+    key: "separatorDecimal",
+    get: function() {
+      var n = this.props.numberFormatter;
+      return n.format(11.11).replace(/\d/g, "");
+    }
+  }, {
+    key: "separatorThousands",
+    get: function() {
+      var n = this.props.numberFormatter;
+      return n.format(1111).replace(/\d/g, "");
+    }
+  }, {
+    key: "round",
+    value: function(n, s) {
+      var o = Math.floor(s) === s ? 0 : s.toString().split(".")[1].length || 0;
+      return o === 0 ? Number.parseFloat(n) : Number.parseFloat(n).toPrecision(o);
+    }
+  }, {
+    key: "componentDidMount",
+    value: (
+      // https://stackoverflow.com/questions/57358640/cancel-wheel-event-with-e-preventdefault-in-react-event-bubbling
+      function() {
+        var n;
+        (n = this.valueInputRef.current) === null || n === void 0 || n.addEventListener("wheel", this.onWheel);
+        var s = this.asProps, o = s.inputRef, e = s.value;
+        if (o.current && (o.current.stepUp = this.stepUp, o.current.stepDown = this.stepDown), e !== "") {
+          var r = this.valueParser(e, "", ""), t = r.displayValue;
+          this.handlers.displayValue(t);
+        }
+      }
+    )
+  }, {
+    key: "componentDidUpdate",
+    value: function(n) {
+      if (n.value !== this.props.value) {
+        var s = this.valueParser(this.props.value, n.value, n.displayValue), o = s.displayValue;
+        this.handlers.displayValue(o);
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function() {
+      var n;
+      (n = this.valueInputRef.current) === null || n === void 0 || n.removeEventListener("wheel", this.onWheel);
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var n = this.asProps, s, o = V.Value, e = this.asProps, r = e.styles, t = e.min, l = e.max, i = e.step, f = e.forwardRef, p = e.inputRef, _ = e.displayValue;
+      return s = w(r), /* @__PURE__ */ h.createElement(h.Fragment, null, /* @__PURE__ */ h.createElement(o, s.cn("SValue", D({}, R({
+        autoComplete: "off",
+        onBlur: this.handleValidation,
+        "use:onChange": this.handleChange,
+        onKeyDown: this.handleKeyDown,
+        onKeyUp: this.handleKeyUp,
+        onClick: this.handleClick,
+        "use:ref": B(this.valueInputRef, p, f),
+        "use:value": _,
+        inputMode: Number.isInteger(i) ? "numeric" : "decimal",
+        min: t,
+        max: l,
+        step: i
+      }, n)))));
+    }
+  }]), c;
+}($);
+u(E, "style", N);
+u(E, "defaultProps", {
+  defaultValue: "",
+  defaultDisplayValue: "",
+  step: 1
+});
+function T(m) {
+  var g = arguments[0], c, a = m.Children, n = m.increment, s = m.decrement, o = m.size, e = m.styles, r = m.getI18nText, t = V.Addon, l = "button", i = "button";
+  return c = w(e), /* @__PURE__ */ h.createElement(t, c.cn("SControls", D({}, R({
+    "aria-hidden": "true"
+  }, g))), /* @__PURE__ */ h.createElement(l, c.cn("SUp", {
+    onClick: n,
+    tabIndex: -1,
+    type: "button",
+    size: o,
+    "aria-label": r("increment")
+  }), /* @__PURE__ */ h.createElement(W, c.cn("IncrementIcon", {}))), /* @__PURE__ */ h.createElement(i, c.cn("SDown", {
+    onClick: s,
+    tabIndex: -1,
+    type: "button",
+    size: o,
+    "aria-label": r("decrement")
+  }), /* @__PURE__ */ h.createElement(K, c.cn("DecrementIcon", {}))), /* @__PURE__ */ h.createElement(a, c.cn("Children", {})));
+}
+T.style = N;
+const le = z(P, {
+  Value: E,
+  Controls: T,
+  Addon: V.Addon
+});
+export {
+  le as default,
+  H as parseValueWithMinMax
+};

package/lib/esm/buttons.mjs

@@ -0,0 +1,24 @@
+import e from "react";
+var n = function() {
+  return /* @__PURE__ */ e.createElement("svg", {
+    fill: "currentColor",
+    width: "10",
+    height: "5",
+    viewBox: "0 0 10 5"
+  }, /* @__PURE__ */ e.createElement("path", {
+    d: "M0,5l5,-5l5,5Z"
+  }));
+}, c = function() {
+  return /* @__PURE__ */ e.createElement("svg", {
+    fill: "currentColor",
+    width: "10",
+    height: "5",
+    viewBox: "0 0 10 5"
+  }, /* @__PURE__ */ e.createElement("path", {
+    d: "M0,0l10,0l-5,5Z"
+  }));
+};
+export {
+  c as DecrementIcon,
+  n as IncrementIcon
+};

package/lib/esm/index.mjs

@@ -0,0 +1,8 @@
+import { default as n, parseValueWithMinMax as o } from "./InputNumber.mjs";
+import { DecrementIcon as a, IncrementIcon as c } from "./buttons.mjs";
+export {
+  a as DecrementIcon,
+  c as IncrementIcon,
+  n as default,
+  o as parseValueWithMinMax
+};

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -0,0 +1,33 @@
+import r from "./de.json.mjs";
+import o from "./en.json.mjs";
+import m from "./es.json.mjs";
+import t from "./fr.json.mjs";
+import i from "./it.json.mjs";
+import p from "./ja.json.mjs";
+import f from "./ko.json.mjs";
+import e from "./nl.json.mjs";
+import s from "./pt.json.mjs";
+import a from "./tr.json.mjs";
+import l from "./vi.json.mjs";
+import v from "./zh.json.mjs";
+import d from "./pl.json.mjs";
+import n from "./sv.json.mjs";
+var B = {
+  de: r,
+  en: o,
+  es: m,
+  fr: t,
+  it: i,
+  ja: p,
+  ko: f,
+  nl: e,
+  pt: s,
+  tr: a,
+  vi: l,
+  zh: v,
+  pl: d,
+  sv: n
+};
+export {
+  B as localizedMessages
+};

package/lib/esm/translations/de.json.mjs

@@ -0,0 +1,9 @@
+const e = "Zahl erhöhen", n = "Zahl verringern", r = {
+  increment: e,
+  decrement: n
+};
+export {
+  n as decrement,
+  r as default,
+  e as increment
+};

package/lib/esm/translations/en.json.mjs

@@ -0,0 +1,9 @@
+const e = "Increment number", n = "Decrement number", t = {
+  increment: e,
+  decrement: n
+};
+export {
+  n as decrement,
+  t as default,
+  e as increment
+};

package/lib/esm/translations/es.json.mjs

@@ -0,0 +1,9 @@
+const e = "Incrementar número", n = "Descenso de número", t = {
+  increment: e,
+  decrement: n
+};
+export {
+  n as decrement,
+  t as default,
+  e as increment
+};

package/lib/esm/translations/fr.json.mjs

@@ -0,0 +1,9 @@
+const e = "Incrémenter le nombre", n = "Décrémenter le nombre", r = {
+  increment: e,
+  decrement: n
+};
+export {
+  n as decrement,
+  r as default,
+  e as increment
+};

package/lib/esm/translations/it.json.mjs

@@ -0,0 +1,9 @@
+const e = "Aumenta il numero", n = "Riduci il numero", t = {
+  increment: e,
+  decrement: n
+};
+export {
+  n as decrement,
+  t as default,
+  e as increment
+};

package/lib/esm/translations/ja.json.mjs

@@ -0,0 +1,9 @@
+const e = "上昇番号", n = "下降番号", t = {
+  increment: e,
+  decrement: n
+};
+export {
+  n as decrement,
+  t as default,
+  e as increment
+};

package/lib/esm/translations/ko.json.mjs

@@ -0,0 +1,9 @@
+const e = "더 큰 숫자 입력", n = "더 작은 숫자 입력", t = {
+  increment: e,
+  decrement: n
+};
+export {
+  n as decrement,
+  t as default,
+  e as increment
+};

package/lib/esm/translations/nl.json.mjs

@@ -0,0 +1,9 @@
+const e = "Nummer verhogen", n = "Nummer verlagen", r = {
+  increment: e,
+  decrement: n
+};
+export {
+  n as decrement,
+  r as default,
+  e as increment
+};

package/lib/esm/translations/pl.json.mjs

@@ -0,0 +1,9 @@
+const e = "Zwiększ liczbę", n = "Zmniejsz liczbę", c = {
+  increment: e,
+  decrement: n
+};
+export {
+  n as decrement,
+  c as default,
+  e as increment
+};

package/lib/esm/translations/pt.json.mjs

@@ -0,0 +1,9 @@
+const e = "Aumentar número", n = "Diminuir número", t = {
+  increment: e,
+  decrement: n
+};
+export {
+  n as decrement,
+  t as default,
+  e as increment
+};

package/lib/esm/translations/sv.json.mjs

@@ -0,0 +1,9 @@
+const n = "Ökning av antal", e = "Minskning av antal", t = {
+  increment: n,
+  decrement: e
+};
+export {
+  e as decrement,
+  t as default,
+  n as increment
+};

package/lib/esm/translations/tr.json.mjs

@@ -0,0 +1,9 @@
+const e = "Sayıyı artır", t = "Sayıyı azalt", n = {
+  increment: e,
+  decrement: t
+};
+export {
+  t as decrement,
+  n as default,
+  e as increment
+};

package/lib/esm/translations/vi.json.mjs

@@ -0,0 +1,9 @@
+const e = "Tăng số", n = "Giảm số", t = {
+  increment: e,
+  decrement: n
+};
+export {
+  n as decrement,
+  t as default,
+  e as increment
+};

package/lib/esm/translations/zh.json.mjs

@@ -0,0 +1,9 @@
+const e = "增量", n = "减量", t = {
+  increment: e,
+  decrement: n
+};
+export {
+  n as decrement,
+  t as default,
+  e as increment
+};

package/lib/types/index.d.ts

@@ -12,6 +12,10 @@ export type InputNumberProps = InputProps & {
    * @default m
    * */
   size?: InputNumberSize;
+  /**
+   * Locale value
+   */
+  locale?: string;
 };
 
 /** @deprecated */
@@ -33,7 +37,6 @@ export type InputNumberValueProps = InputValueProps & {
   value?: InputNumberValue;
   /** Called when the input value changes, it returns its current value in numeric format */
   onChange?: (value: InputNumberValue, event?: React.SyntheticEvent<HTMLInputElement>) => void;
-  locale?: string;
 };
 
 /** @deprecated */

package/package.json

@@ -1,20 +1,25 @@
 {
   "name": "@semcore/input-number",
   "description": "Semrush InputNumber Component",
-  "version": "5.41.0-prerelease.11",
+  "version": "5.41.0-prerelease.12",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
   "sideEffects": false,
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
+  "exports": {
+    "require": "./lib/cjs/index.js",
+    "import": "./lib/esm/index.mjs",
+    "types": "./lib/types/index.d.ts"
+  },
   "dependencies": {
-    "@semcore/input": "4.42.0-prerelease.11",
-    "@semcore/utils": "4.47.1-prerelease.11",
-    "@semcore/flex-box": "5.41.0-prerelease.11"
+    "@semcore/input": "4.42.0-prerelease.12",
+    "@semcore/utils": "4.48.0-prerelease.12",
+    "@semcore/flex-box": "5.41.0-prerelease.12"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.39.0-prerelease.11",
+    "@semcore/core": "^2.39.0-prerelease.12",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },
@@ -28,6 +33,6 @@
     "@semcore/testing-utils": "1.0.0"
   },
   "scripts": {
-    "build": "pnpm semcore-builder --source=js"
+    "build": "pnpm semcore-builder --source=js && pnpm vite build"
   }
 }

package/vite.config.ts

@@ -0,0 +1,17 @@
+import { defineConfig, mergeConfig } from 'vite';
+
+import viteConfig from '../../commonVite.config';
+
+export default mergeConfig(
+  viteConfig,
+  defineConfig({
+    build: {
+      lib: {
+        entry: './src/index.js',
+      },
+      rollupOptions: {
+        external: ['react', 'react-dom', 'react/jsx-runtime', /@babel\/runtime\/*/, /@semcore\/*/],
+      },
+    },
+  }),
+);