@semcore/input-number 17.2.1-prerelease.0 → 17.2.2-prerelease.0

package/lib/es6/translations/__intergalactic-dynamic-locales.js.map

@@ -1 +1 @@
-{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","nl","pl","pt","sv","tr","vi","zh","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,MAAMC,iBAAiB,GAAG;EAC/Bd,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFE,EAAE;EACFE,EAAE;EACFC,EAAE;EACFC,EAAE;EACFL,EAAE;EACFE;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","nl","pl","pt","sv","tr","vi","zh","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n\nexport type LocalizedMessages = typeof localizedMessages;\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,MAAMC,iBAAiB,GAAG;EAC/Bd,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFE,EAAE;EACFE,EAAE;EACFC,EAAE;EACFC,EAAE;EACFL,EAAE;EACFE;AACF,CAAC","ignoreList":[]}

package/lib/esm/InputNumber.mjs

@@ -12,19 +12,19 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SValue_9qcwr_gg_:focus~.___SControls_9qcwr_gg_{display:flex}.___SControls_9qcwr_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_9qcwr_gg_.__showControls_9qcwr_gg_{display:flex}.___SDown_9qcwr_gg_,.___SUp_9qcwr_gg_{padding:0;width:16px;color:var(--intergalactic-icon-secondary-neutral,rgba(0,5,2,.385));box-sizing:border-box;display:inline-flex;justify-content:center;border:none;background:none;cursor:pointer}@media (color-gamut:p3){.___SDown_9qcwr_gg_,.___SUp_9qcwr_gg_{color:var(--intergalactic-icon-secondary-neutral,oklch(.104 .023 162.3/.385))}}.___SDown_9qcwr_gg_:focus,.___SUp_9qcwr_gg_:focus{outline:none}@media (hover:hover){.___SDown_9qcwr_gg_:hover,.___SUp_9qcwr_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active,#0005026e)}@media (color-gamut:p3){.___SDown_9qcwr_gg_:hover,.___SUp_9qcwr_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active,oklch(.1 .023 159.1/.433))}}}.___SUp_9qcwr_gg_{padding-bottom:1px}.___SDown_9qcwr_gg_{padding-top:1px}.___SValue_9qcwr_gg_::-webkit-inner-spin-button,.___SValue_9qcwr_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_9qcwr_gg_._type_number_9qcwr_gg_{-moz-appearance:textfield}.___SValue_9qcwr_gg_.__disabled_9qcwr_gg_~.___SControls_9qcwr_gg_{opacity:var(--intergalactic-disabled-opacity,.4);cursor:default;pointer-events:none}.___SValueHidden_9qcwr_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}",
+    ".___SValue_1i69c_gg_:focus~.___SControls_1i69c_gg_{display:flex}.___SControls_1i69c_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_1i69c_gg_.__showControls_1i69c_gg_{display:flex}.___SDown_1i69c_gg_,.___SUp_1i69c_gg_{padding:0;width:16px;color:var(--intergalactic-icon-secondary-neutral,rgba(0,5,2,.385));box-sizing:border-box;display:inline-flex;justify-content:center;border:none;background:none;cursor:pointer}@media (color-gamut:p3){.___SDown_1i69c_gg_,.___SUp_1i69c_gg_{color:var(--intergalactic-icon-secondary-neutral,oklch(.104 .023 162.3/.385))}}.___SDown_1i69c_gg_:focus,.___SUp_1i69c_gg_:focus{outline:none}@media (hover:hover){.___SDown_1i69c_gg_:hover,.___SUp_1i69c_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active,#0005026e)}@media (color-gamut:p3){.___SDown_1i69c_gg_:hover,.___SUp_1i69c_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active,oklch(.1 .023 159.1/.433))}}}.___SUp_1i69c_gg_{padding-bottom:1px}.___SDown_1i69c_gg_{padding-top:1px}.___SValue_1i69c_gg_::-webkit-inner-spin-button,.___SValue_1i69c_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_1i69c_gg_._type_number_1i69c_gg_{-moz-appearance:textfield}.___SValue_1i69c_gg_.__disabled_1i69c_gg_~.___SControls_1i69c_gg_{opacity:var(--intergalactic-disabled-opacity,.4);cursor:default;pointer-events:none}.___SValueHidden_1i69c_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}",
     /*__inner_css_end__*/
-    "9qcwr_gg_"
+    "1i69c_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SValue": "___SValue_9qcwr_gg_",
-    "__SControls": "___SControls_9qcwr_gg_",
-    "_showControls": "__showControls_9qcwr_gg_",
-    "__SUp": "___SUp_9qcwr_gg_",
-    "__SDown": "___SDown_9qcwr_gg_",
-    "_disabled": "__disabled_9qcwr_gg_",
-    "__SValueHidden": "___SValueHidden_9qcwr_gg_",
-    "_type_number": "_type_number_9qcwr_gg_"
+    "__SValue": "___SValue_1i69c_gg_",
+    "__SControls": "___SControls_1i69c_gg_",
+    "_showControls": "__showControls_1i69c_gg_",
+    "__SUp": "___SUp_1i69c_gg_",
+    "__SDown": "___SDown_1i69c_gg_",
+    "_disabled": "__disabled_1i69c_gg_",
+    "__SValueHidden": "___SValueHidden_1i69c_gg_",
+    "_type_number": "_type_number_1i69c_gg_"
   })
 );
 function parseValueWithMinMax(value, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER) {
@@ -43,7 +43,8 @@ class InputNumber extends Component {
   }
   getValueProps() {
     const numberFormatter = new Intl.NumberFormat(this.asProps.locale, {
-      style: "decimal"
+      style: "decimal",
+      maximumFractionDigits: 100
     });
     return {
       inputRef: this.inputRef,
@@ -54,11 +55,9 @@ class InputNumber extends Component {
   }
   getControlsProps() {
     const {
-      size,
       getI18nText
     } = this.asProps;
     return {
-      size,
       increment: this.increment,
       decrement: this.decrement,
       getI18nText
@@ -83,6 +82,9 @@ _defineProperty(InputNumber, "defaultProps", {
 class Value extends Component {
   constructor(...args) {
     super(...args);
+    _defineProperty(this, "state", {
+      displayValue: ""
+    });
     _defineProperty(this, "valueInputRef", /* @__PURE__ */ React.createRef());
     _defineProperty(this, "cursorPosition", -1);
     _defineProperty(this, "getFormattedValue", (value) => {
@@ -102,9 +104,9 @@ class Value extends Component {
       let displayValue = "";
       if (/\.[0-9]*0$/.test(stringNumber)) {
         const [int, decimal] = stringNumber.split(this.separatorDecimal);
-        displayValue = numberFormatter.format(int) + this.separatorDecimal + decimal;
+        displayValue = numberFormatter.format(+int) + this.separatorDecimal + decimal;
       } else if (stringNumber !== "") {
-        displayValue = numberFormatter.format(stringNumber);
+        displayValue = numberFormatter.format(+stringNumber);
       }
       return {
         parsedValue: stringNumber,
@@ -114,21 +116,22 @@ class Value extends Component {
     _defineProperty(this, "handleValidation", (event) => {
       const {
         value,
-        displayValue,
         min,
         max,
         step
       } = this.asProps;
+      const {
+        displayValue
+      } = this.state;
       const {
         parsedValue
       } = this.valueParser(event.currentTarget.value, value, displayValue);
-      const roundCoefficient = step < 1 ? step.toString().split(".")[1].length : 1;
       if (Number.isNaN(value) || Number.isNaN(Number.parseFloat(parsedValue))) {
         event.currentTarget.value = "";
         this.handlers.value("", event);
       } else {
         let numberValue = parseValueWithMinMax(Number.parseFloat(parsedValue), min, max);
-        const rounded = this.round(numberValue % step, step);
+        const rounded = this.round(numberValue % step);
         if (rounded !== 0) {
           if (rounded >= step / 2) {
             numberValue += step - rounded;
@@ -136,8 +139,7 @@ class Value extends Component {
             numberValue -= rounded;
           }
         }
-        const numberValueRounded = Number(numberValue.toFixed(roundCoefficient));
-        this.handlers.value(String(numberValueRounded), event);
+        this.handlers.value(this.getDisplayValue(numberValue), event);
       }
     });
     _defineProperty(this, "onWheel", (event) => {
@@ -147,9 +149,9 @@ class Value extends Component {
       if (event.target !== this.valueInputRef.current) return;
       if (document.activeElement !== this.valueInputRef.current) return;
       event.preventDefault();
-      if (event.wheelDelta > 0) {
+      if (event.deltaY < 0) {
         this.stepUp(event);
-      } else if (event.wheelDelta < 0) {
+      } else if (event.deltaY > 0) {
         this.stepDown(event);
       }
     });
@@ -160,7 +162,9 @@ class Value extends Component {
         value: prevValue
       } = this.asProps;
       if (value === "." || value === "-") {
-        this.handlers.displayValue(value);
+        this.setState({
+          displayValue: value
+        });
         return false;
       }
       if (value.endsWith("-")) {
@@ -168,7 +172,9 @@ class Value extends Component {
       }
       if (value.endsWith(".")) {
         if (value.length > prevValue.length) {
-          this.handlers.displayValue(numberFormatter.format(value) + this.separatorDecimal);
+          this.setState({
+            displayValue: numberFormatter.format(value) + this.separatorDecimal
+          });
           return false;
         } else {
           this.handlers.value(value.slice(0, -1), event);
@@ -177,7 +183,7 @@ class Value extends Component {
       }
       const digits = /^[0-9.-]+$/.test(value);
       if (digits || value === "") {
-        this.handlers.value(value, event);
+        this.handlers.value(this.limitDecimals(value), event);
       }
     });
     _defineProperty(this, "handleKeyUp", (event) => {
@@ -191,7 +197,7 @@ class Value extends Component {
       const length = value.length;
       const {
         displayValue
-      } = this.asProps;
+      } = this.state;
       if (event.key === "." || event.key === ",") {
         if (value.indexOf(this.separatorDecimal) === -1 && event.key === ",") {
           event.currentTarget.value = value + ".";
@@ -204,11 +210,13 @@ class Value extends Component {
       if (event.key === "Backspace" && value.endsWith(this.separatorDecimal)) {
         event.preventDefault();
         event.stopPropagation();
-        this.handlers.displayValue(displayValue.slice(0, -1));
+        this.setState({
+          displayValue: displayValue?.slice(0, -1)
+        });
         return false;
       }
       if (element.selectionStart !== length && (event.key === "Backspace" || event.key === this.separatorDecimal || ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"].includes(event.key))) {
-        const afterSelection = value.slice(element.selectionEnd);
+        const afterSelection = value.slice(element.selectionEnd ?? void 0);
         requestAnimationFrame(() => {
           const newValue = this.state.displayValue;
           const index = newValue.lastIndexOf(afterSelection);
@@ -245,44 +253,42 @@ class Value extends Component {
       }
     });
     _defineProperty(this, "moveSelectionLeft", (element, cursorIndex) => {
+      if (element.selectionStart === null) return;
       const value = element.value;
       const nextPosition = element.selectionStart - 1 >= 0 ? element.selectionStart - 1 : 0;
       const cursorPosition = value[element.selectionStart - cursorIndex] === this.separatorThousands ? element.selectionStart - cursorIndex : nextPosition;
       if (this.cursorPosition === -1) {
         element.setSelectionRange(cursorPosition, cursorPosition);
       } else {
-        if (element.selectionStart <= this.cursorPosition && element.selectionEnd === this.cursorPosition) {
+        if (this.cursorPosition && element.selectionStart <= this.cursorPosition && element.selectionEnd === this.cursorPosition) {
           element.setSelectionRange(cursorPosition, element.selectionEnd);
-        } else {
+        } else if (element.selectionEnd !== null) {
           element.setSelectionRange(element.selectionStart, value[element.selectionEnd - cursorIndex] === this.separatorThousands ? element.selectionEnd - cursorIndex : element.selectionEnd - 1);
         }
       }
     });
     _defineProperty(this, "moveSelectionRight", (element, cursorIndex) => {
+      if (element.selectionEnd === null) return;
       const value = element.value;
       const nextPosition = element.selectionEnd + 1;
       const cursorPosition = value[element.selectionEnd] === this.separatorThousands ? element.selectionEnd + cursorIndex : nextPosition;
       if (this.cursorPosition === -1) {
         element.setSelectionRange(cursorPosition, cursorPosition);
       } else {
-        if (element.selectionEnd >= this.cursorPosition && element.selectionStart === this.cursorPosition) {
+        if (this.cursorPosition && element.selectionEnd >= this.cursorPosition && element.selectionStart === this.cursorPosition) {
           element.setSelectionRange(element.selectionStart, cursorPosition);
-        } else {
+        } else if (element.selectionStart !== null) {
           element.setSelectionRange(value[element.selectionStart] === this.separatorThousands ? element.selectionStart + cursorIndex : element.selectionStart + 1, element.selectionEnd);
         }
       }
     });
     _defineProperty(this, "handleClick", (event) => {
-      const element = event.target;
+      const element = event.currentTarget;
       const value = element.value;
-      if (value[element.selectionStart - 1] === this.separatorThousands) {
+      if (element.selectionStart !== null && value[element.selectionStart - 1] === this.separatorThousands) {
         element.setSelectionRange(element.selectionStart - 1, element.selectionEnd - 1);
       }
     });
-    _defineProperty(this, "handleBlur", (event) => {
-      this.cursorPosition = -1;
-      this.handleValidation(event);
-    });
     _defineProperty(this, "stepUp", (event) => {
       const {
         max = Number.MAX_SAFE_INTEGER,
@@ -296,10 +302,9 @@ class Value extends Component {
       } else {
         numberValue = Number.parseFloat(value);
       }
-      if (!Number.isNaN(numberValue)) {
-        const newValue = numberValue + step <= max ? numberValue + step : max;
-        this.handlers.value(newValue.toString(), event);
-      }
+      if (Number.isNaN(numberValue)) return;
+      const nextValue = Math.min(numberValue + step, max);
+      this.handlers.value(this.getDisplayValue(nextValue), event);
     });
     _defineProperty(this, "stepDown", (event) => {
       const {
@@ -314,25 +319,27 @@ class Value extends Component {
       } else {
         numberValue = Number.parseFloat(value);
       }
-      if (!Number.isNaN(numberValue)) {
-        const newValue = numberValue - step >= min ? numberValue - step : min;
-        this.handlers.value(newValue.toString(), event);
-      }
+      if (Number.isNaN(numberValue)) return;
+      const nextValue = Math.max(numberValue - step, min);
+      this.handlers.value(this.getDisplayValue(nextValue), event);
     });
   }
   uncontrolledProps() {
     return {
-      displayValue: null,
       value: [null, (newValue) => {
         const {
-          value: prevValue,
           displayValue: prevDisplayValue
+        } = this.state;
+        const {
+          value: prevValue
         } = this.asProps;
         const {
           parsedValue,
           displayValue
-        } = this.valueParser(newValue, prevValue, prevDisplayValue);
-        this.handlers.displayValue(displayValue);
+        } = this.valueParser(newValue ?? "", prevValue, prevDisplayValue);
+        this.setState({
+          displayValue
+        });
         return parsedValue;
       }]
     };
@@ -349,9 +356,30 @@ class Value extends Component {
     } = this.props;
     return numberFormatter.format(1111).replace(/\d/g, "");
   }
-  round(value, step) {
-    const countDecimals = Math.floor(step) === step ? 0 : step.toString().split(".")[1].length || 0;
-    return countDecimals === 0 ? Number.parseFloat(value) : Number.parseFloat(value).toPrecision(countDecimals);
+  get stepPrecision() {
+    const {
+      step
+    } = this.asProps;
+    const [_, decimals] = step?.toString().split(".") ?? [];
+    return decimals?.length ?? 0;
+  }
+  getDisplayValue(value) {
+    return value === 0 ? `${value}` : value.toFixed(this.stepPrecision);
+  }
+  limitDecimals(value) {
+    const {
+      stepPrecision
+    } = this;
+    if (stepPrecision === 0) return value;
+    const dotIndex = value.indexOf(".");
+    if (dotIndex === -1 || value.length - dotIndex - 1 <= stepPrecision) return value;
+    return value.slice(0, dotIndex + 1 + stepPrecision);
+  }
+  round(value) {
+    const {
+      stepPrecision
+    } = this;
+    return stepPrecision === 0 ? value : Number(value.toPrecision(stepPrecision));
   }
   // https://stackoverflow.com/questions/57358640/cancel-wheel-event-with-e-preventdefault-in-react-event-bubbling
   componentDidMount() {
@@ -374,15 +402,19 @@ class Value extends Component {
       const {
         displayValue
       } = this.valueParser(value, "", "");
-      this.handlers.displayValue(displayValue);
+      this.setState({
+        displayValue
+      });
     }
   }
-  componentDidUpdate(prevProps) {
+  componentDidUpdate(prevProps, prevState) {
     if (prevProps.value !== this.props.value) {
       const {
         displayValue
-      } = this.valueParser(this.props.value, prevProps.value, prevProps.displayValue);
-      this.handlers.displayValue(displayValue);
+      } = this.valueParser(this.props.value ?? "", prevProps.value, prevState.displayValue);
+      this.setState({
+        displayValue
+      });
     }
   }
   componentWillUnmount() {
@@ -397,9 +429,11 @@ class Value extends Component {
       max,
       step,
       forwardRef,
-      inputRef,
-      displayValue
+      inputRef
     } = this.asProps;
+    const {
+      displayValue
+    } = this.state;
     return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SValue, _ref5.cn("SValue", {
       ...assignProps({
         "autoComplete": "off",
@@ -408,7 +442,7 @@ class Value extends Component {
         "onKeyDown": this.handleKeyDown,
         "onKeyUp": this.handleKeyUp,
         "onClick": this.handleClick,
-        "use:ref": forkRef(this.valueInputRef, inputRef, forwardRef),
+        "use:ref": forkRef(this.valueInputRef, inputRef, forwardRef ?? null),
         "use:value": displayValue,
         "inputMode": Number.isInteger(step) ? "numeric" : "decimal",
         "min": min,
@@ -430,7 +464,6 @@ function Controls(props) {
     Children,
     increment,
     decrement,
-    size,
     styles,
     getI18nText
   } = props;
@@ -445,13 +478,11 @@ function Controls(props) {
     "onClick": increment,
     "tabIndex": -1,
     "type": "button",
-    "size": size,
     "aria-label": getI18nText("increment")
   }), /* @__PURE__ */ React.createElement(IncrementIcon, _ref6.cn("IncrementIcon", {}))), /* @__PURE__ */ React.createElement(SDown, _ref6.cn("SDown", {
     "onClick": decrement,
     "tabIndex": -1,
     "type": "button",
-    "size": size,
     "aria-label": getI18nText("decrement")
   }), /* @__PURE__ */ React.createElement(DecrementIcon, _ref6.cn("DecrementIcon", {}))), /* @__PURE__ */ React.createElement(Children, _ref6.cn("Children", {})));
 }

package/lib/esm/InputNumber.type.mjs

@@ -0,0 +1 @@
+

package/lib/esm/index.mjs

@@ -1,5 +1,6 @@
 import { default as default2, parseValueWithMinMax } from "./InputNumber.mjs";
 import { DecrementIcon, IncrementIcon } from "./buttons.mjs";
+import "./InputNumber.type.mjs";
 export {
   DecrementIcon,
   IncrementIcon,

package/lib/types/InputNumber.d.ts

@@ -0,0 +1,9 @@
+import type { NSInputNumber } from './InputNumber.type';
+export declare function parseValueWithMinMax(value: number, min?: number, max?: number): number;
+/**
+ * InputNumber
+ *
+ * {@link https://developer.semrush.com/intergalactic/components/input-number/input-number-api/|API} | {@link https://developer.semrush.com/intergalactic/components/input-number/input-number-code/|Examples}
+ */
+declare const _default: NSInputNumber.Component;
+export default _default;

package/lib/types/InputNumber.type.d.ts

@@ -0,0 +1,92 @@
+import type { Intergalactic, PropGetterFn } from '@semcore/core';
+import type { NSInput } from '@semcore/input';
+import type React from 'react';
+import type { LocalizedMessages } from './translations/__intergalactic-dynamic-locales';
+declare namespace NSInputNumber {
+    type Value = string;
+    type Size = 'm' | 'l';
+    type Props = NSInput.Props & {
+        /** Input size
+         * @default m
+         * */
+        size?: NSInputNumber.Size;
+        /**
+         * Locale value
+         */
+        locale?: string;
+    };
+    type DefaultProps = {
+        size: 'm';
+        i18n: LocalizedMessages;
+        locale: 'en';
+    };
+    type Ctx = {
+        getValueProps: PropGetterFn;
+        getControlsProps: PropGetterFn;
+        getAddonProps: PropGetterFn;
+    };
+    namespace Value {
+        type Props = NSInput.Value.Props & {
+            /** Minimum value
+             * @default Number.MIN_SAFE_INTEGER
+             */
+            min?: number;
+            /** Maximum value
+             * @default Number.MAX_SAFE_INTEGER
+             */
+            max?: number;
+            /** Value change step
+             * @default 1
+             */
+            step?: number;
+            /** Numeric value */
+            value?: NSInputNumber.Value;
+            /** Called when the input value changes, it returns its current value in numeric format */
+            onChange?: (value: NSInputNumber.Value, event?: React.SyntheticEvent<HTMLInputElement>) => void;
+        };
+        type DefaultProps = {
+            defaultValue: '';
+            step: 1;
+        };
+        type State = {
+            displayValue: NSInputNumber.Value;
+        };
+        type Handlers = {
+            value: [
+                null,
+                (value: Props['value'], event: React.SyntheticEvent | WheelEvent) => void
+            ];
+        };
+        type Component = Intergalactic.Component<'input', Props>;
+    }
+    namespace Controls {
+        type Props = NSInput.Addon.Props & {
+            /** Always displays controls (steppers)
+             * @default false
+             */
+            showControls?: boolean;
+        };
+        type Component = Intergalactic.Component<'div', Props>;
+    }
+    namespace Addon {
+        type Component = Intergalactic.Component<'div', NSInput.Addon.Props>;
+    }
+    type Component = Intergalactic.Component<'div', Props, Ctx> & {
+        Value: Value.Component;
+        Controls: Controls.Component;
+        Addon: Addon.Component;
+    };
+}
+/** @deprecated It will be removed in v18. */
+export type InputNumberValue = NSInputNumber.Value;
+/** @deprecated It will be removed in v18. */
+export type InputNumberSize = NSInputNumber.Size;
+/** @deprecated It will be removed in v18. */
+export type InputNumberProps = NSInputNumber.Props;
+/** @deprecated It will be removed in v18. */
+export type InputNumberValueProps = NSInputNumber.Value.Props;
+/** @deprecated It will be removed in v18. */
+export type InputNumberControlsProps = NSInputNumber.Controls.Props;
+/** @deprecated It will be removed in v18. */
+export type InputNumberCtx = NSInputNumber.Ctx;
+export type { NSInputNumber };

package/lib/types/buttons.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const IncrementIcon: () => React.JSX.Element;
+export declare const DecrementIcon: () => React.JSX.Element;

package/lib/types/index.d.ts

@@ -1,63 +1,3 @@
-import type { Intergalactic, PropGetterFn } from '@semcore/core';
-import type { InputAddonProps, InputProps, InputValueProps } from '@semcore/input';
-import type React from 'react';
-
-export type InputNumberValue = string;
-export type InputNumberSize = 'm' | 'l';
-
-export type InputNumberProps = InputProps & {
-  /** Input size
-   * @default m
-   * */
-  size?: InputNumberSize;
-  /**
-   * Locale value
-   */
-  locale?: string;
-};
-
-export type InputNumberValueProps = InputValueProps & {
-  /** Minimum value
-   * @default Number.MIN_SAFE_INTEGER
-   */
-  min?: number;
-  /** Maximum value
-   * @default Number.MAX_SAFE_INTEGER
-   */
-  max?: number;
-  /** Value change step
-   * @default 1
-   */
-  step?: number;
-  /** Numeric value */
-  value?: InputNumberValue;
-  /** Called when the input value changes, it returns its current value in numeric format */
-  onChange?: (value: InputNumberValue, event?: React.SyntheticEvent<HTMLInputElement>) => void;
-};
-
-export type InputNumberControlsProps = InputAddonProps & {
-  /** Always displays controls (steppers)
-   * @default false
-   */
-  showControls?: boolean;
-};
-
-export type InputNumberCtx = {
-  getValueProps: PropGetterFn;
-  getControlsProps: PropGetterFn;
-  getAddonProps: PropGetterFn;
-};
-
-declare const InputNumber: Intergalactic.Component<'div', InputNumberProps, InputNumberCtx> & {
-  Value: Intergalactic.Component<'input', InputNumberValueProps>;
-  Controls: Intergalactic.Component<'div', InputNumberControlsProps>;
-  Addon: Intergalactic.Component<'div', InputAddonProps>;
-};
-
-export default InputNumber;
-
-declare const IncrementIcon: React.FC;
-declare const DecrementIcon: React.FC;
-declare const parseValueWithMinMax: (value: number, min?: number, max?: number) => number;
-
-export { IncrementIcon, DecrementIcon, parseValueWithMinMax };
+export { default, parseValueWithMinMax } from './InputNumber';
+export { IncrementIcon, DecrementIcon } from './buttons';
+export * from './InputNumber.type';

package/lib/types/translations/__intergalactic-dynamic-locales.d.ts

@@ -0,0 +1,59 @@
+export declare const localizedMessages: {
+    de: {
+        increment: string;
+        decrement: string;
+    };
+    en: {
+        increment: string;
+        decrement: string;
+    };
+    es: {
+        increment: string;
+        decrement: string;
+    };
+    fr: {
+        increment: string;
+        decrement: string;
+    };
+    it: {
+        increment: string;
+        decrement: string;
+    };
+    ja: {
+        increment: string;
+        decrement: string;
+    };
+    ko: {
+        increment: string;
+        decrement: string;
+    };
+    nl: {
+        increment: string;
+        decrement: string;
+    };
+    pt: {
+        increment: string;
+        decrement: string;
+    };
+    tr: {
+        increment: string;
+        decrement: string;
+    };
+    vi: {
+        increment: string;
+        decrement: string;
+    };
+    zh: {
+        increment: string;
+        decrement: string;
+    };
+    pl: {
+        increment: string;
+        decrement: string;
+    };
+    sv: {
+        increment: string;
+        decrement: string;
+    };
+};
+export type LocalizedMessages = typeof localizedMessages;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/input-number",
   "description": "Semrush InputNumber Component",
-  "version": "17.2.1-prerelease.0",
+  "version": "17.2.2-prerelease.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,7 +14,7 @@
     "require": "./lib/cjs/index.js"
   },
   "dependencies": {
-    "@semcore/input": "^17.2.1-prerelease.0"
+    "@semcore/input": "^17.2.2-prerelease.0"
   },
   "peerDependencies": {
     "@semcore/base-components": "^17.2.1"
@@ -25,11 +25,11 @@
     "directory": "semcore/input-number"
   },
   "devDependencies": {
-    "@semcore/core": "17.2.1-prerelease.0",
-    "@semcore/base-components": "17.2.1-prerelease.0",
-    "@semcore/testing-utils": "1.0.0"
+    "@semcore/base-components": "17.2.1",
+    "@semcore/testing-utils": "1.0.0",
+    "@semcore/core": "17.2.1"
   },
   "scripts": {
-    "build": "pnpm semcore-builder --source=js && pnpm vite build"
+    "build": "pnpm semcore-builder && pnpm vite build"
   }
 }