intergalactic 15.126.0-prerelease.1 → 15.126.0-prerelease.12

package/input/lib/esm/Input.mjs

@@ -0,0 +1,185 @@
+import m from "@babel/runtime/helpers/esm/objectSpread2";
+import L from "@babel/runtime/helpers/esm/classCallCheck";
+import V from "@babel/runtime/helpers/esm/createClass";
+import x from "@babel/runtime/helpers/esm/assertThisInitialized";
+import w from "@babel/runtime/helpers/esm/inherits";
+import P from "@babel/runtime/helpers/esm/createSuper";
+import g from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as A } from 'intergalactic/utils/lib/core/index';
+import E, { sstyled as S, assignProps as y, Component as O } from 'intergalactic/core';
+import o from "react";
+import { InvalidStateBox as C, Box as I } from 'intergalactic/flex-box';
+import f from 'intergalactic/neighbor-location';
+import D from 'intergalactic/utils/lib/enhances/autoFocusEnhance';
+import B from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
+var F = (
+  /*__reshadow_css_start__*/
+  (A.insert(
+    /*__inner_css_start__*/
+    ".___SInput_1kj4x_gg_{display:inline-flex;width:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:1px;box-sizing:border-box}.___SInput_1kj4x_gg_ input:-webkit-autofill{border-radius:var(--intergalactic-control-rounded, 6px);-webkit-box-shadow:0 0 0 30px #faffbd inset}.___SInput_1kj4x_gg_ input:-webkit-autofill~.___SOutline_1kj4x_gg_{background-color:#faffbd}.___SValue_1kj4x_gg_{min-width:0;width:100%;height:100%;padding:0;border:0;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:inherit;text-overflow:ellipsis;font-family:inherit;background:0 0}.___SValue_1kj4x_gg_:focus{outline:0}.___SValue_1kj4x_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_1kj4x_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_1kj4x_gg_:not(:disabled):-moz-read-only~.___SOutline_1kj4x_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SValue_1kj4x_gg_:not(:disabled):read-only~.___SOutline_1kj4x_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SValue_1kj4x_gg_:disabled{-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SInput_1kj4x_gg_.__disabled_1kj4x_gg_ .___SOutline_1kj4x_gg_,.___SValue_1kj4x_gg_:disabled~.___SOutline_1kj4x_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SOutline_1kj4x_gg_{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;border-radius:var(--intergalactic-control-rounded, 6px);z-index:-1;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SAddon_1kj4x_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;padding:0 var(--intergalactic-spacing-2x, 8px);height:100%;color:var(--intergalactic-icon-secondary-neutral, #a9abb6)}.___SAddon_1kj4x_gg_.__interactive_1kj4x_gg_{cursor:pointer}@media (hover:hover){.___SAddon_1kj4x_gg_.__interactive_1kj4x_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SAddon_1kj4x_gg_.__disabled_1kj4x_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_1kj4x_gg_._size_m_1kj4x_gg_:not(.___SButton_1kj4x_gg_){padding:0 var(--intergalactic-spacing-2x, 8px)}.___SAddon_1kj4x_gg_._size_l_1kj4x_gg_:not(.___SButton_1kj4x_gg_){padding:0 var(--intergalactic-spacing-2x, 8px)0 var(--intergalactic-spacing-3x, 12px)}.___SInput_1kj4x_gg_ .___SAddon_1kj4x_gg_:nth-last-child(2){margin-right:-1px}.___SValue_1kj4x_gg_._size_m_1kj4x_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SValue_1kj4x_gg_._size_l_1kj4x_gg_{padding:0 var(--intergalactic-spacing-3x, 12px)}.___SInput_1kj4x_gg_._size_m_1kj4x_gg_{font-size:var(--intergalactic-fs-200, 14px);height:var(--intergalactic-form-control-m, 28px)}.___SInput_1kj4x_gg_._size_l_1kj4x_gg_{font-size:var(--intergalactic-fs-300, 16px);height:var(--intergalactic-form-control-l, 40px)}.___SInput_1kj4x_gg_.__focused_1kj4x_gg_{z-index:1}.___SInput_1kj4x_gg_._state_normal_1kj4x_gg_ .___SOutline_1kj4x_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SInput_1kj4x_gg_._state_normal_1kj4x_gg_.__focused_1kj4x_gg_ .___SOutline_1kj4x_gg_{border-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInput_1kj4x_gg_._state_valid_1kj4x_gg_ .___SOutline_1kj4x_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SInput_1kj4x_gg_._state_valid_1kj4x_gg_.__focused_1kj4x_gg_ .___SOutline_1kj4x_gg_{border-color:var(--intergalactic-border-success-active, #007c65);box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInput_1kj4x_gg_._state_invalid_1kj4x_gg_ .___SOutline_1kj4x_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInput_1kj4x_gg_._state_invalid_1kj4x_gg_.__focused_1kj4x_gg_ .___SOutline_1kj4x_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInput_1kj4x_gg_._neighborLocation_right_1kj4x_gg_ .___SOutline_1kj4x_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SInput_1kj4x_gg_._neighborLocation_both_1kj4x_gg_ .___SOutline_1kj4x_gg_{border-radius:0;border-left:none}.___SInput_1kj4x_gg_._neighborLocation_left_1kj4x_gg_ .___SOutline_1kj4x_gg_{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.___SValue_1kj4x_gg_._neighborLocation_right_1kj4x_gg_{padding-right:0}.___SValue_1kj4x_gg_._neighborLocation_both_1kj4x_gg_{padding-left:0;padding-right:0}.___SValue_1kj4x_gg_._neighborLocation_left_1kj4x_gg_{padding-left:0}",
+    "1kj4x_gg_"
+  ), {
+    __SInput: "___SInput_1kj4x_gg_",
+    _disabled: "__disabled_1kj4x_gg_",
+    __SOutline: "___SOutline_1kj4x_gg_",
+    __SValue: "___SValue_1kj4x_gg_",
+    __SAddon: "___SAddon_1kj4x_gg_",
+    _size_m: "_size_m_1kj4x_gg_",
+    __SButton: "___SButton_1kj4x_gg_",
+    _size_l: "_size_l_1kj4x_gg_",
+    _focused: "__focused_1kj4x_gg_",
+    _neighborLocation_right: "_neighborLocation_right_1kj4x_gg_",
+    _neighborLocation_both: "_neighborLocation_both_1kj4x_gg_",
+    _neighborLocation_left: "_neighborLocation_left_1kj4x_gg_",
+    _interactive: "__interactive_1kj4x_gg_",
+    _state_normal: "_state_normal_1kj4x_gg_",
+    _state_valid: "_state_valid_1kj4x_gg_",
+    _state_invalid: "_state_invalid_1kj4x_gg_"
+  })
+), k = /* @__PURE__ */ function(l) {
+  w(n, l);
+  var c = P(n);
+  function n() {
+    var e;
+    L(this, n);
+    for (var _ = arguments.length, i = new Array(_), a = 0; a < _; a++)
+      i[a] = arguments[a];
+    return e = c.call.apply(c, [this].concat(i)), g(x(e), "state", {
+      focused: !1
+    }), g(x(e), "inputRef", /* @__PURE__ */ o.createRef()), g(x(e), "handleMouseDownAddon", function(r) {
+      var t;
+      r.preventDefault(), (t = e.inputRef.current) === null || t === void 0 || t.focus();
+    }), g(x(e), "handleKeyDown", function(r) {
+      r.key === "Enter" && setTimeout(function() {
+        if (document.activeElement === document.body) {
+          var t;
+          (t = e.inputRef.current) === null || t === void 0 || t.focus();
+        }
+      }, 10);
+    }), g(x(e), "bindHandleValueFocused", function(r) {
+      return function() {
+        return e.setState({
+          focused: r
+        });
+      };
+    }), e;
+  }
+  return V(n, [{
+    key: "getAddonProps",
+    value: function() {
+      var _ = this.asProps, i = _.disabled, a = _.size;
+      return {
+        disabled: i,
+        onMouseDown: this.handleMouseDownAddon,
+        size: a
+      };
+    }
+  }, {
+    key: "getValueProps",
+    value: function() {
+      var _ = this.asProps, i = _.size, a = _.disabled, r = _.state, t = _.role, u = _.placeholder, p = _["aria-haspopup"], d = _["aria-controls"], b = _["aria-expanded"], h = _["aria-autocomplete"], v = _["aria-owns"], j = _["aria-activedescendant"];
+      return {
+        ref: this.inputRef,
+        size: i,
+        disabled: a,
+        state: r,
+        onFocus: this.bindHandleValueFocused(!0),
+        onBlur: this.bindHandleValueFocused(!1),
+        role: t,
+        placeholder: u,
+        "aria-haspopup": p,
+        "aria-controls": d,
+        "aria-expanded": b,
+        "aria-autocomplete": h,
+        "aria-owns": v,
+        "aria-activedescendant": j
+      };
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function(_) {
+      _.disabled !== this.asProps.disabled && this.asProps.disabled && this.setState({
+        focused: !1
+      });
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var _ = this.asProps, i = this, a = I, r = "div", t = this.asProps, u = t.Children, p = t.styles, d = t.neighborLocation, b = t.controlsLength, h = t.state, v = this.state.focused;
+      return /* @__PURE__ */ o.createElement(f.Detect, {
+        neighborLocation: d
+      }, function(j) {
+        var s;
+        return s = S(p), /* @__PURE__ */ o.createElement(a, s.cn("SInput", m({}, y({
+          focused: v,
+          onKeyDown: i.handleKeyDown,
+          neighborLocation: j,
+          __excludeProps: ["role", "aria-haspopup", "aria-controls", "aria-expanded", "placeholder", "aria-autocomplete", "aria-owns", "aria-activedescendant", "tabIndex"]
+        }, _))), /* @__PURE__ */ o.createElement(f, s.cn("NeighborLocation", {
+          controlsLength: b
+        }), /* @__PURE__ */ o.createElement(u, s.cn("Children", {}))), /* @__PURE__ */ o.createElement(r, s.cn("SOutline", {}), h === "invalid" && /* @__PURE__ */ o.createElement(C, s.cn("InvalidStateBox", {}))));
+      });
+    }
+  }]), n;
+}(O);
+g(k, "displayName", "Input");
+g(k, "defaultProps", {
+  size: "m",
+  state: "normal"
+});
+g(k, "style", F);
+var z = /* @__PURE__ */ function(l) {
+  w(n, l);
+  var c = P(n);
+  function n() {
+    return L(this, n), c.apply(this, arguments);
+  }
+  return V(n, [{
+    key: "uncontrolledProps",
+    value: function() {
+      return {
+        value: function(i) {
+          return i.target.value;
+        }
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var _ = this.asProps, i = I, a = this.asProps, r = a.styles, t = a.neighborLocation, u = a.state;
+      return /* @__PURE__ */ o.createElement(f.Detect, {
+        neighborLocation: t
+      }, function(p) {
+        var d;
+        return d = S(r), /* @__PURE__ */ o.createElement(i, d.cn("SValue", m({}, y({
+          neighborLocation: p,
+          tag: "input",
+          type: "text",
+          "aria-invalid": u === "invalid"
+        }, _))));
+      });
+    }
+  }]), n;
+}(O);
+g(z, "defaultProps", {
+  defaultValue: ""
+});
+g(z, "enhance", [B(), D()]);
+function R(l) {
+  var c = arguments[0], n = I, e = l.Children, _ = l.styles, i = l.neighborLocation;
+  return /* @__PURE__ */ o.createElement(f.Detect, {
+    neighborLocation: i
+  }, function(a) {
+    var r;
+    return r = S(_), /* @__PURE__ */ o.createElement(n, r.cn("SAddon", m({}, y({
+      neighborLocation: a
+    }, c))), /* @__PURE__ */ o.createElement(e, r.cn("Children", {})));
+  });
+}
+const Z = E(k, {
+  Addon: R,
+  Value: z
+});
+export {
+  Z as default
+};

package/input/lib/esm/index.mjs

@@ -0,0 +1,4 @@
+import { default as o } from "./Input.mjs";
+export {
+  o as default
+};

package/input/package.json

@@ -1 +1 @@
-{"name":"intergalactic/input","description":"Semrush Input Component","version":"4.42.0-prerelease.1","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","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.47.0-prerelease.1","@semcore/neighbor-location":"4.39.0-prerelease.1","@semcore/flex-box":"5.41.0-prerelease.1"},"peerDependencies":{"@semcore/core":"^2.39.0-prerelease.1","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/input"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0","@semcore/icon":"*"}}
+{"name":"intergalactic/input","description":"Semrush Input Component","version":"4.42.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","scripts":{"build":"pnpm semcore-builder --source=js && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/utils":"4.48.0-prerelease.12","@semcore/neighbor-location":"4.40.0-prerelease.12","@semcore/flex-box":"5.41.0-prerelease.12"},"peerDependencies":{"@semcore/core":"^2.39.0-prerelease.12","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/input"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0","@semcore/icon":"*"}}

package/input-mask/lib/esm/InputMask.mjs

@@ -0,0 +1,263 @@
+import B from "@babel/runtime/helpers/esm/slicedToArray";
+import q from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import U from "@babel/runtime/helpers/esm/typeof";
+import k from "@babel/runtime/helpers/esm/objectSpread2";
+import f from "@babel/runtime/helpers/esm/assertThisInitialized";
+import $ from "@babel/runtime/helpers/esm/classCallCheck";
+import H from "@babel/runtime/helpers/esm/createClass";
+import F from "@babel/runtime/helpers/esm/inherits";
+import K from "@babel/runtime/helpers/esm/createSuper";
+import s from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as Z } from 'intergalactic/utils/lib/core/index';
+import G, { assignProps as L, Component as N, sstyled as J } from 'intergalactic/core';
+import u from "react";
+import { createTextMaskInputElement as Q } from "text-mask-core";
+import I from 'intergalactic/input';
+import X from 'intergalactic/utils/lib/fire';
+import Y from 'intergalactic/utils/lib/logger';
+import ee from 'intergalactic/neighbor-location';
+import te, { inputProps as re } from 'intergalactic/utils/lib/inputProps';
+import { ScreenReaderOnly as ae, Flex as ne, Box as oe } from 'intergalactic/flex-box';
+import { forkRef as se } from 'intergalactic/utils/lib/ref';
+import ie from 'intergalactic/utils/lib/uniqueID';
+import { callAllEventHandlers as le } from 'intergalactic/utils/lib/assignProps';
+var ue = ["title", "placeholder", "mask", "neighborLocation", "value", "includeInputProps", "Children", "forwardRef", "uid", "inputW", "inputRole"], ce = (
+  /*__reshadow_css_start__*/
+  (Z.insert(
+    /*__inner_css_start__*/
+    ".___SMask_bgwcr_gg_,.___SValue_bgwcr_gg_{letter-spacing:.1em;text-overflow:inherit}.___SMask_bgwcr_gg_{line-height:1.25;position:absolute;left:.8em;pointer-events:none;white-space:nowrap;color:var(--intergalactic-text-primary, #191b23)}.___SMask_bgwcr_gg_[data-neighbor-location=both],.___SMask_bgwcr_gg_[data-neighbor-location=left]{left:0}.___SMaskHidden_bgwcr_gg_{opacity:0}.___SMaskHidden_bgwcr_gg_:before,.___SMaskVisible_bgwcr_gg_::before,.___SPlaceholder_bgwcr_gg_:before{content:attr(data-content)}.___SPlaceholder_bgwcr_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}",
+    "bgwcr_gg_"
+  ), {
+    __SValue: "___SValue_bgwcr_gg_",
+    __SMask: "___SMask_bgwcr_gg_",
+    __SMaskHidden: "___SMaskHidden_bgwcr_gg_",
+    __SPlaceholder: "___SPlaceholder_bgwcr_gg_",
+    __SMaskVisible: "___SMaskVisible_bgwcr_gg_"
+  })
+);
+function O(h) {
+  for (var P = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "", c = h.length, e = function(a, r) {
+    return r !== void 0 ? r !== a : /\w|\+|\(/.test(a);
+  }, n = 0, t = c - 1; t >= 0; t--)
+    if (h[t] !== "_" && e(h[t], P[t])) {
+      n = t + 1;
+      break;
+    }
+  return n;
+}
+var E = /* @__PURE__ */ function(h) {
+  F(c, h);
+  var P = K(c);
+  function c() {
+    return $(this, c), P.apply(this, arguments);
+  }
+  return H(c, [{
+    key: "render",
+    value: function() {
+      var n = this.asProps;
+      return /* @__PURE__ */ u.createElement(I, L({
+        ref: I
+      }, n));
+    }
+  }]), c;
+}(N);
+s(E, "displayName", "InputMask");
+s(E, "style", ce);
+var W = /* @__PURE__ */ function(h) {
+  F(c, h);
+  var P = K(c);
+  function c() {
+    var e;
+    $(this, c);
+    for (var n = arguments.length, t = new Array(n), o = 0; o < n; o++)
+      t[o] = arguments[o];
+    return e = P.call.apply(P, [this].concat(t)), s(f(e), "inputRef", /* @__PURE__ */ u.createRef()), s(f(e), "maskRef", /* @__PURE__ */ u.createRef()), s(f(e), "textMaskCoreInstance", void 0), s(f(e), "usedMask", void 0), s(f(e), "prevConfirmedValue", void 0), s(f(e), "state", {
+      lastConformed: void 0,
+      maskWidth: void 0
+    }), s(f(e), "initTextMaskCore", function() {
+      var a = e.asProps, r = a.mask, p = a.value, d = a.hideMask, M = a.pipe;
+      if (r !== void 0) {
+        e.usedMask = r, e.setState({
+          lastConformed: void 0
+        });
+        var i = !1;
+        e.textMaskCoreInstance = Q(k(k({}, e.asProps), {}, {
+          inputElement: e.inputRef.current,
+          mask: e.maskStrToRegexArray(r),
+          guide: !d,
+          showMask: !d,
+          placeholderChar: "_",
+          pipe: function(l, D) {
+            var b = l, _ = null;
+            if (M) {
+              var v = M(l, D);
+              U(v) === "object" && v ? (l = v.value, _ = v.indexesOfPipedChars) : l = v;
+            }
+            for (var C = 0, g = 0; g < ((w = l) === null || w === void 0 ? void 0 : w.length); g++) {
+              var w;
+              !e.asProps.maskOnlySymbols[l[g]] && /\w/.test(l[g]) && (C = g + 1);
+            }
+            if (l === !1)
+              return i ? (e.setState({
+                lastConformed: e.prevConfirmedValue
+              }), _ !== null ? {
+                value: l,
+                indexesOfPipedChars: _
+              } : l) : (e.setState({
+                lastConformed: b
+              }), _ !== null ? {
+                value: b,
+                indexesOfPipedChars: _
+              } : b);
+            i = !0;
+            var S = l.substring(0, C), x = l.substring(C), y = S ? {
+              all: l,
+              userInput: S,
+              maskOnly: x
+            } : void 0;
+            return e.prevConfirmedValue = y, e.setState({
+              lastConformed: y
+            }), _ !== null ? {
+              value: S,
+              indexesOfPipedChars: _
+            } : S;
+          }
+        })), e.textMaskCoreInstance.update(p);
+        var R = e.textMaskCoreInstance, V = R.state.previousConformedValue;
+        e.handlers.value(V);
+      }
+    }), s(f(e), "onFocus", function() {
+      setTimeout(function() {
+        e.setSelectionRange();
+      }, 0);
+    }), s(f(e), "onKeyDown", function(a) {
+      a.key === "Backspace" && setTimeout(function() {
+        e.setSelectionRange();
+      }, 0);
+    }), s(f(e), "setSelectionRange", function() {
+      if (e.inputRef.current) {
+        var a = e.inputRef.current.value, r = O(a);
+        e.inputRef.current.setSelectionRange(r, r);
+      }
+    }), s(f(e), "maskStrToRegexArray", function(a) {
+      if (typeof a != "string") return a;
+      var r = e.asProps.aliases;
+      return a.split("").map(function(p) {
+        return (r == null ? void 0 : r[p]) || p;
+      });
+    }), s(f(e), "handleMouseDownPlaceholder", function(a) {
+      var r;
+      a.preventDefault(), (r = e.inputRef.current) === null || r === void 0 || r.focus();
+    }), e;
+  }
+  return H(c, [{
+    key: "componentDidMount",
+    value: function() {
+      this.initTextMaskCore(), this.setState({
+        maskWidth: this.maskRef.current ? this.maskRef.current.offsetWidth : void 0
+      });
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function(n) {
+      var t = this, o = ["mask", "hideMask", "pipe", "keepCharPositions"], a = o.some(function(r) {
+        return t.asProps[r] !== n[r];
+      });
+      a && this.initTextMaskCore(), n.value !== this.props.value && this.textMaskCoreInstance.update(this.props.value), (a || n.value !== this.props.value) && this.setState(function(r) {
+        var p, d = (p = t.maskRef.current) === null || p === void 0 ? void 0 : p.offsetWidth;
+        return d !== r.maskWidth ? {
+          maskWidth: d
+        } : r;
+      });
+    }
+  }, {
+    key: "uncontrolledProps",
+    value: function() {
+      var n = this;
+      return {
+        value: [function(t) {
+          var o = n.textMaskCoreInstance, a = n.asProps.placeholder;
+          if (!o)
+            return t;
+          o.update(t);
+          var r = o.state, p = r.previousConformedValue, d = r.previousPlaceholder, M = O(p, d);
+          return M === 0 && a ? "" : p;
+        }, function(t) {
+          var o = n.textMaskCoreInstance;
+          if (o) {
+            var a = o.state.previousPlaceholder;
+            t.length === a.length && t.indexOf("_") === -1 && X(n, "onSuccess", t);
+          }
+        }]
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var n = this.asProps, t = this, o = ne, a = I.Value, r = oe, p = "span", d = "span", M = "span", i = this.asProps, R = i.title, V = i.placeholder;
+      i.mask;
+      var A = i.neighborLocation, l = i.value, D = i.includeInputProps, b = i.Children, _ = i.forwardRef, v = i.uid, C = i.inputW, g = i.inputRole, w = q(i, ue);
+      Y.warn(!R, "title is required for describing mask format", this.asProps["data-ui-name"] || E.displayName);
+      var S = te(w, D, !0), x = B(S, 2), y = x[0], j = x[1], z = se(this.inputRef, _);
+      return /* @__PURE__ */ u.createElement(ee.Detect, {
+        neighborLocation: A
+      }, function(T) {
+        var m;
+        return m = J(t.asProps.styles), /* @__PURE__ */ u.createElement(u.Fragment, null, /* @__PURE__ */ u.createElement(o, m.cn("SInputMask", k(k({
+          position: "relative",
+          flex: 1
+        }, j), {}, {
+          __excludeProps: ["onFocus", "onChange", "forwardRef", "ref"]
+        })), /* @__PURE__ */ u.createElement(r, m.cn("SMask", {
+          tag: "span",
+          "aria-hidden": "true",
+          "data-neighbor-location": T,
+          ref: t.maskRef
+        }), t.state.lastConformed && /* @__PURE__ */ u.createElement(d, m.cn("SMaskHidden", {
+          "data-content": t.state.lastConformed.userInput
+        })), t.state.lastConformed ? /* @__PURE__ */ u.createElement(M, m.cn("SMaskVisible", {
+          "data-content": t.state.lastConformed.maskOnly
+        })) : /* @__PURE__ */ u.createElement(p, m.cn("SPlaceholder", {
+          "data-content": V
+        }))), /* @__PURE__ */ u.createElement(a, m.cn("SValue", k({}, L(k(k({
+          neighborLocation: T,
+          ref: z,
+          onFocus: t.onFocus,
+          value: l,
+          w: C,
+          wMin: t.state.maskWidth,
+          "aria-describedby": "hint-".concat(v)
+        }, y), {}, {
+          role: g,
+          onKeyDown: le(t.onKeyDown, y.onKeyDown),
+          __excludeProps: ["placeholder", "title"]
+        }), n)))), /* @__PURE__ */ u.createElement(b, m.cn("Children", {}))), /* @__PURE__ */ u.createElement(ae, m.cn("ScreenReaderOnly", {
+          id: "hint-".concat(v)
+        }), R));
+      });
+    }
+  }]), c;
+}(N);
+s(W, "defaultProps", {
+  includeInputProps: re,
+  defaultValue: "",
+  hideMask: !1,
+  keepCharPositions: !1,
+  aliases: {
+    9: /\d/,
+    a: /[a-zA-Zа-яА-Я]/,
+    "*": /[\da-zA-Zа-яА-Я]/
+  },
+  maskOnlySymbols: {
+    _: !0
+  }
+});
+s(W, "enhance", [ie()]);
+const Ae = G(E, {
+  Value: W,
+  Addon: I.Addon
+});
+export {
+  Ae as default,
+  O as getAfterPositionValue
+};

package/input-mask/lib/esm/index.mjs

@@ -0,0 +1,5 @@
+import { default as o, getAfterPositionValue as f } from "./InputMask.mjs";
+export {
+  o as default,
+  f as getAfterPositionValue
+};

package/input-mask/package.json

@@ -1 +1 @@
-{"name":"intergalactic/input-mask","description":"Semrush InputMask Component","version":"5.43.0-prerelease.1","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","scripts":{"build":"pnpm semcore-builder"},"dependencies":{"@semcore/input":"4.42.0-prerelease.1","@semcore/utils":"4.47.0-prerelease.1","text-mask-core":"5.1.2","@semcore/neighbor-location":"4.39.0-prerelease.1","@semcore/flex-box":"5.41.0-prerelease.1"},"peerDependencies":{"@semcore/core":"^2.39.0-prerelease.1","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/input-mask"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/input-mask","description":"Semrush InputMask Component","version":"5.43.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","scripts":{"build":"pnpm semcore-builder && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/input":"4.42.0-prerelease.12","@semcore/utils":"4.48.0-prerelease.12","text-mask-core":"5.1.2","@semcore/neighbor-location":"4.40.0-prerelease.12","@semcore/flex-box":"5.41.0-prerelease.12"},"peerDependencies":{"@semcore/core":"^2.39.0-prerelease.12","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/input-mask"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/input-number/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/input-number/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/input-number/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":""}