@semcore/input-number 5.41.0-prerelease.9 → 5.41.1-prerelease.0

package/CHANGELOG.md

@@ -2,11 +2,23 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [5.41.0] - 2025-02-28
+## [5.41.1] - 2025-03-17
 
 ### Changed
 
-- 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]).
+- Version patch update due to children dependencies update (`@semcore/input` [4.42.0 ~> 4.42.1], `@semcore/utils` [4.48.0 ~> 4.48.1], `@semcore/flex-box` [5.41.0 ~> 5.41.1], `@semcore/core` [2.39.0 ~> 2.39.1]).
+
+## [5.41.0] - 2025-03-14
+
+### Added
+
+- Build for ESM.
+
+## [5.40.5] - 2025-03-03
+
+### Fixed
+
+- `locale` property type. Moved from `InputNumber.Value` to `InputNumber`.
 
 ## [5.40.4] - 2025-02-05
 

package/lib/cjs/InputNumber.js

@@ -25,15 +25,15 @@ var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i
 var _ref7 = require("@semcore/utils/lib/ref");
 var _assignProps4 = require("@semcore/utils/lib/assignProps");
 /*__reshadow-styles__:"./style/input-number.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.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}" /*__inner_css_end__*/, "1uuai_gg_") /*__reshadow_css_end__*/, {
-  "__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_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SValue_otw7a_gg_:focus~.___SControls_otw7a_gg_{display:flex}.___SControls_otw7a_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_otw7a_gg_.__showControls_otw7a_gg_{display:flex}.___SDown_otw7a_gg_,.___SUp_otw7a_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_otw7a_gg_:focus,.___SUp_otw7a_gg_:focus{outline:0}@media (hover:hover){.___SDown_otw7a_gg_:hover,.___SUp_otw7a_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SUp_otw7a_gg_{padding-bottom:1px}.___SDown_otw7a_gg_{padding-top:1px}.___SValue_otw7a_gg_::-webkit-inner-spin-button,.___SValue_otw7a_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_otw7a_gg_._type_number_otw7a_gg_{-moz-appearance:textfield}.___SValue_otw7a_gg_.__disabled_otw7a_gg_~.___SControls_otw7a_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SValueHidden_otw7a_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}" /*__inner_css_end__*/, "otw7a_gg_") /*__reshadow_css_end__*/, {
+  "__SValue": "___SValue_otw7a_gg_",
+  "__SControls": "___SControls_otw7a_gg_",
+  "_showControls": "__showControls_otw7a_gg_",
+  "__SUp": "___SUp_otw7a_gg_",
+  "__SDown": "___SDown_otw7a_gg_",
+  "_disabled": "__disabled_otw7a_gg_",
+  "__SValueHidden": "___SValueHidden_otw7a_gg_",
+  "_type_number": "_type_number_otw7a_gg_"
 });
 function parseValueWithMinMax(value) {
   var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Number.MIN_SAFE_INTEGER;

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/InputNumber.js

@@ -17,15 +17,15 @@ import { IncrementIcon, DecrementIcon } from './buttons';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
 /*__reshadow-styles__:"./style/input-number.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.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}" /*__inner_css_end__*/, "1uuai_gg_") /*__reshadow_css_end__*/, {
-  "__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_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SValue_otw7a_gg_:focus~.___SControls_otw7a_gg_{display:flex}.___SControls_otw7a_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_otw7a_gg_.__showControls_otw7a_gg_{display:flex}.___SDown_otw7a_gg_,.___SUp_otw7a_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_otw7a_gg_:focus,.___SUp_otw7a_gg_:focus{outline:0}@media (hover:hover){.___SDown_otw7a_gg_:hover,.___SUp_otw7a_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SUp_otw7a_gg_{padding-bottom:1px}.___SDown_otw7a_gg_{padding-top:1px}.___SValue_otw7a_gg_::-webkit-inner-spin-button,.___SValue_otw7a_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_otw7a_gg_._type_number_otw7a_gg_{-moz-appearance:textfield}.___SValue_otw7a_gg_.__disabled_otw7a_gg_~.___SControls_otw7a_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SValueHidden_otw7a_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}" /*__inner_css_end__*/, "otw7a_gg_") /*__reshadow_css_end__*/, {
+  "__SValue": "___SValue_otw7a_gg_",
+  "__SControls": "___SControls_otw7a_gg_",
+  "_showControls": "__showControls_otw7a_gg_",
+  "__SUp": "___SUp_otw7a_gg_",
+  "__SDown": "___SDown_otw7a_gg_",
+  "_disabled": "__disabled_otw7a_gg_",
+  "__SValueHidden": "___SValueHidden_otw7a_gg_",
+  "_type_number": "_type_number_otw7a_gg_"
 });
 import { forkRef } from '@semcore/utils/lib/ref';
 import { callAllEventHandlers } from '@semcore/utils/lib/assignProps';

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 V 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 l from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as M } from "@semcore/utils/lib/core/index";
+import z, { sstyled as D, assignProps as R, Component as $ } from "@semcore/core";
+import h from "react";
+import P 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_otw7a_gg_:focus~.___SControls_otw7a_gg_{display:flex}.___SControls_otw7a_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_otw7a_gg_.__showControls_otw7a_gg_{display:flex}.___SDown_otw7a_gg_,.___SUp_otw7a_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_otw7a_gg_:focus,.___SUp_otw7a_gg_:focus{outline:0}@media (hover:hover){.___SDown_otw7a_gg_:hover,.___SUp_otw7a_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SUp_otw7a_gg_{padding-bottom:1px}.___SDown_otw7a_gg_{padding-top:1px}.___SValue_otw7a_gg_::-webkit-inner-spin-button,.___SValue_otw7a_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_otw7a_gg_._type_number_otw7a_gg_{-moz-appearance:textfield}.___SValue_otw7a_gg_.__disabled_otw7a_gg_~.___SControls_otw7a_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SValueHidden_otw7a_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}",
+    "otw7a_gg_"
+  ), {
+    __SValue: "___SValue_otw7a_gg_",
+    __SControls: "___SControls_otw7a_gg_",
+    _showControls: "__showControls_otw7a_gg_",
+    __SUp: "___SUp_otw7a_gg_",
+    __SDown: "___SDown_otw7a_gg_",
+    _disabled: "__disabled_otw7a_gg_",
+    __SValueHidden: "___SValueHidden_otw7a_gg_",
+    _type_number: "_type_number_otw7a_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 b = /* @__PURE__ */ function(m) {
+  C(c, m);
+  var g = k(c);
+  function c() {
+    var t;
+    x(this, c);
+    for (var n = arguments.length, s = new Array(n), i = 0; i < n; i++)
+      s[i] = arguments[i];
+    return t = g.call.apply(g, [this].concat(s)), l(d(t), "inputRef", /* @__PURE__ */ h.createRef()), l(d(t), "increment", function(e) {
+      var a, r;
+      (a = t.inputRef.current) === null || a === void 0 || (r = a.stepUp) === null || r === void 0 || r.call(a, e);
+    }), l(d(t), "decrement", function(e) {
+      var a, r;
+      (a = t.inputRef.current) === null || a === void 0 || (r = a.stepDown) === null || r === void 0 || r.call(a, e);
+    }), t;
+  }
+  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, i = n.getI18nText;
+      return {
+        size: s,
+        increment: this.increment,
+        decrement: this.decrement,
+        getI18nText: i
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var n = this.asProps, s, i = P;
+      return s = D(this.asProps.style), /* @__PURE__ */ h.createElement(i, s.cn("SInputNumber", V({}, R({}, n))));
+    }
+  }]), c;
+}($);
+l(b, "displayName", "InputNumber");
+l(b, "style", N);
+l(b, "enhance", [L(F)]);
+l(b, "defaultProps", {
+  size: "m",
+  i18n: F,
+  locale: "en"
+});
+var E = /* @__PURE__ */ function(m) {
+  C(c, m);
+  var g = k(c);
+  function c() {
+    var t;
+    x(this, c);
+    for (var n = arguments.length, s = new Array(n), i = 0; i < n; i++)
+      s[i] = arguments[i];
+    return t = g.call.apply(g, [this].concat(s)), l(d(t), "valueInputRef", /* @__PURE__ */ h.createRef()), l(d(t), "cursorPosition", -1), l(d(t), "getFormattedValue", function(e) {
+      return e.replace(new RegExp("[".concat(t.separatorThousands, "]"), "g"), "").replace(t.separatorDecimal, ".");
+    }), l(d(t), "valueParser", function(e, a, r) {
+      var u = t.props.numberFormatter, o = t.getFormattedValue(String(e));
+      if (Number.isNaN(Number(o)))
+        return {
+          parsedValue: a,
+          displayValue: r
+        };
+      var f = "";
+      if (/\.[0-9]*0$/.test(o)) {
+        var p = o.split(t.separatorDecimal), _ = A(p, 2), v = _[0], S = _[1];
+        f = u.format(v) + t.separatorDecimal + S;
+      } else o !== "" && (f = u.format(o));
+      return {
+        parsedValue: o,
+        displayValue: f
+      };
+    }), l(d(t), "handleValidation", function(e) {
+      var a = t.asProps, r = a.value, u = a.displayValue, o = a.min, f = a.max, p = a.step, _ = t.valueParser(e.currentTarget.value, r, u), v = _.parsedValue, S = p < 1 ? p.toString().split(".")[1].length : 1;
+      if (Number.isNaN(r) || Number.isNaN(Number.parseFloat(v)))
+        e.currentTarget.value = "", t.handlers.value("", e);
+      else {
+        var y = H(Number.parseFloat(v), o, f), w = t.round(y % p, p);
+        w !== 0 && (w >= p / 2 ? y += p - w : Math.abs(w) < p && (y -= w));
+        var U = Number(y.toFixed(S));
+        t.handlers.value(String(U), e);
+      }
+    }), l(d(t), "onWheel", function(e) {
+      G(t.asProps.onWheel, t.handleWheel)(e);
+    }), l(d(t), "handleWheel", function(e) {
+      e.target === t.valueInputRef.current && document.activeElement === t.valueInputRef.current && (e.preventDefault(), e.wheelDelta > 0 ? t.stepUp(e) : e.wheelDelta < 0 && t.stepDown(e));
+    }), l(d(t), "handleChange", function(e) {
+      var a = t.getFormattedValue(e.currentTarget.value), r = t.asProps, u = r.numberFormatter, o = r.value;
+      if (a === "." || a === "-")
+        return t.handlers.displayValue(a), !1;
+      if (a.endsWith("-"))
+        return !1;
+      if (a.endsWith("."))
+        return a.length > o.length ? (t.handlers.displayValue(u.format(a) + t.separatorDecimal), !1) : (t.handlers.value(a.slice(0, -1), e), !1);
+      var f = /[0-9.-]+/.test(a);
+      (f || a === "") && t.handlers.value(a, e);
+    }), l(d(t), "handleKeyUp", function(e) {
+      e.key === "Shift" && (t.cursorPosition = -1);
+    }), l(d(t), "handleKeyDown", function(e) {
+      var a = e.currentTarget, r = a.value, u = r.length, o = t.asProps.displayValue;
+      if (e.key === "." || e.key === ",") {
+        if (r.indexOf(t.separatorDecimal) === -1 && e.key === ",")
+          e.currentTarget.value = r + ".";
+        else if (r.indexOf(t.separatorDecimal) !== -1) {
+          e.preventDefault(), e.stopPropagation();
+          return;
+        }
+      }
+      if (e.key === "Backspace" && r.endsWith(t.separatorDecimal))
+        return e.preventDefault(), e.stopPropagation(), t.handlers.displayValue(o.slice(0, -1)), !1;
+      if (a.selectionStart !== u && (e.key === "Backspace" || e.key === t.separatorDecimal || ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"].includes(e.key))) {
+        var f = r.slice(a.selectionEnd);
+        requestAnimationFrame(function() {
+          var _ = t.state.displayValue, v = _.lastIndexOf(f), S = v, y = v;
+          a.setSelectionRange(S, y);
+        });
+      }
+      var p = 2;
+      switch (e.shiftKey && t.cursorPosition === -1 && (t.cursorPosition = a.selectionStart), e.key) {
+        case "ArrowLeft": {
+          e.preventDefault(), t.moveSelectionLeft(a, p);
+          break;
+        }
+        case "ArrowRight": {
+          e.preventDefault(), t.moveSelectionRight(a, p);
+          break;
+        }
+        case "ArrowDown": {
+          e.preventDefault(), t.stepDown(e);
+          break;
+        }
+        case "ArrowUp": {
+          e.preventDefault(), t.stepUp(e);
+          break;
+        }
+      }
+    }), l(d(t), "moveSelectionLeft", function(e, a) {
+      var r = e.value, u = e.selectionStart - 1 >= 0 ? e.selectionStart - 1 : 0, o = r[e.selectionStart - a] === t.separatorThousands ? e.selectionStart - a : u;
+      t.cursorPosition === -1 ? e.setSelectionRange(o, o) : e.selectionStart <= t.cursorPosition && e.selectionEnd === t.cursorPosition ? e.setSelectionRange(o, e.selectionEnd) : e.setSelectionRange(e.selectionStart, r[e.selectionEnd - a] === t.separatorThousands ? e.selectionEnd - a : e.selectionEnd - 1);
+    }), l(d(t), "moveSelectionRight", function(e, a) {
+      var r = e.value, u = e.selectionEnd + 1, o = r[e.selectionEnd] === t.separatorThousands ? e.selectionEnd + a : u;
+      t.cursorPosition === -1 ? e.setSelectionRange(o, o) : e.selectionEnd >= t.cursorPosition && e.selectionStart === t.cursorPosition ? e.setSelectionRange(e.selectionStart, o) : e.setSelectionRange(r[e.selectionStart] === t.separatorThousands ? e.selectionStart + a : e.selectionStart + 1, e.selectionEnd);
+    }), l(d(t), "handleClick", function(e) {
+      var a = e.target, r = a.value;
+      r[a.selectionStart - 1] === t.separatorThousands && a.setSelectionRange(a.selectionStart - 1, a.selectionEnd - 1);
+    }), l(d(t), "handleBlur", function(e) {
+      t.cursorPosition = -1, t.handleValidation(e);
+    }), l(d(t), "stepUp", function(e) {
+      var a = t.asProps, r = a.max, u = r === void 0 ? Number.MAX_SAFE_INTEGER : r, o = a.min, f = a.step, p = a.value, _;
+      if (p === "" ? _ = o ?? 0 : _ = Number.parseFloat(p), !Number.isNaN(_)) {
+        var v = _ + f <= u ? _ + f : u;
+        t.handlers.value(v.toString(), e);
+      }
+    }), l(d(t), "stepDown", function(e) {
+      var a = t.asProps, r = a.max, u = a.min, o = u === void 0 ? Number.MIN_SAFE_INTEGER : u, f = a.step, p = a.value, _;
+      if (p === "" ? _ = r ?? 0 : _ = Number.parseFloat(p), !Number.isNaN(_)) {
+        var v = _ - f >= o ? _ - f : o;
+        t.handlers.value(v.toString(), e);
+      }
+    }), t;
+  }
+  return I(c, [{
+    key: "uncontrolledProps",
+    value: function() {
+      var n = this;
+      return {
+        displayValue: null,
+        value: [null, function(s) {
+          var i = n.asProps, e = i.value, a = i.displayValue, r = n.valueParser(s, e, a), u = r.parsedValue, o = r.displayValue;
+          return n.handlers.displayValue(o), u;
+        }]
+      };
+    }
+  }, {
+    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 i = Math.floor(s) === s ? 0 : s.toString().split(".")[1].length || 0;
+      return i === 0 ? Number.parseFloat(n) : Number.parseFloat(n).toPrecision(i);
+    }
+  }, {
+    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, i = s.inputRef, e = s.value;
+        if (i.current && (i.current.stepUp = this.stepUp, i.current.stepDown = this.stepDown), e !== "") {
+          var a = this.valueParser(e, "", ""), r = a.displayValue;
+          this.handlers.displayValue(r);
+        }
+      }
+    )
+  }, {
+    key: "componentDidUpdate",
+    value: function(n) {
+      if (n.value !== this.props.value) {
+        var s = this.valueParser(this.props.value, n.value, n.displayValue), i = s.displayValue;
+        this.handlers.displayValue(i);
+      }
+    }
+  }, {
+    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, i = P.Value, e = this.asProps, a = e.styles, r = e.min, u = e.max, o = e.step, f = e.forwardRef, p = e.inputRef, _ = e.displayValue;
+      return s = D(a), /* @__PURE__ */ h.createElement(h.Fragment, null, /* @__PURE__ */ h.createElement(i, s.cn("SValue", V({}, 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(o) ? "numeric" : "decimal",
+        min: r,
+        max: u,
+        step: o
+      }, n)))));
+    }
+  }]), c;
+}($);
+l(E, "style", N);
+l(E, "defaultProps", {
+  defaultValue: "",
+  defaultDisplayValue: "",
+  step: 1
+});
+function T(m) {
+  var g = arguments[0], c, t = m.Children, n = m.increment, s = m.decrement, i = m.size, e = m.styles, a = m.getI18nText, r = P.Addon, u = "button", o = "button";
+  return c = D(e), /* @__PURE__ */ h.createElement(r, c.cn("SControls", V({}, R({
+    "aria-hidden": "true"
+  }, g))), /* @__PURE__ */ h.createElement(u, c.cn("SUp", {
+    onClick: n,
+    tabIndex: -1,
+    type: "button",
+    size: i,
+    "aria-label": a("increment")
+  }), /* @__PURE__ */ h.createElement(W, c.cn("IncrementIcon", {}))), /* @__PURE__ */ h.createElement(o, c.cn("SDown", {
+    onClick: s,
+    tabIndex: -1,
+    type: "button",
+    size: i,
+    "aria-label": a("decrement")
+  }), /* @__PURE__ */ h.createElement(K, c.cn("DecrementIcon", {}))), /* @__PURE__ */ h.createElement(t, c.cn("Children", {})));
+}
+T.style = N;
+const ue = z(b, {
+  Value: E,
+  Controls: T,
+  Addon: P.Addon
+});
+export {
+  ue 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.9",
+  "version": "5.41.1-prerelease.0",
   "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.9",
-    "@semcore/utils": "4.47.1-prerelease.9",
-    "@semcore/flex-box": "5.41.0-prerelease.9"
+    "@semcore/input": "4.42.1-prerelease.0",
+    "@semcore/utils": "4.48.1-prerelease.0",
+    "@semcore/flex-box": "5.41.1-prerelease.0"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.39.0-prerelease.9",
+    "@semcore/core": "^2.39.1-prerelease.0",
     "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\/*/],
+      },
+    },
+  }),
+);