intergalactic 15.129.0 → 15.130.0

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

@@ -1,257 +1,339 @@
-import B from "@babel/runtime/helpers/esm/slicedToArray";
-import U from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import Z from "@babel/runtime/helpers/esm/typeof";
-import k from "@babel/runtime/helpers/esm/objectSpread2";
-import f from "@babel/runtime/helpers/esm/assertThisInitialized";
-import T from "@babel/runtime/helpers/esm/classCallCheck";
-import D from "@babel/runtime/helpers/esm/createClass";
-import $ from "@babel/runtime/helpers/esm/inherits";
-import F from "@babel/runtime/helpers/esm/createSuper";
-import l from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as G } from 'intergalactic/utils/lib/core/index';
-import J, { assignProps as H, Component as L, sstyled as K } 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';
-var le = ["title", "placeholder", "mask", "neighborLocation", "value", "includeInputProps", "Children", "forwardRef", "uid", "inputW", "inputRole"], ue = (
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled } from 'intergalactic/utils/lib/core/index';
+import createComponent, { assignProps, Component, sstyled as sstyled$1 } from 'intergalactic/core';
+import React from "react";
+import { createTextMaskInputElement } from "text-mask-core";
+import Input from 'intergalactic/input';
+import fire from 'intergalactic/utils/lib/fire';
+import logger from 'intergalactic/utils/lib/logger';
+import NeighborLocation from 'intergalactic/neighbor-location';
+import getInputProps, { inputProps } from 'intergalactic/utils/lib/inputProps';
+import { ScreenReaderOnly, Flex, Box } from 'intergalactic/flex-box';
+import { forkRef } from 'intergalactic/utils/lib/ref';
+import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
+var _excluded = ["title", "placeholder", "mask", "neighborLocation", "value", "includeInputProps", "Children", "forwardRef", "uid", "inputW", "inputRole"];
+/*!__reshadow-styles__:"./style/input-mask.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (G.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SMask_tjq4w_gg_,.___SValue_tjq4w_gg_{letter-spacing:.1em;text-overflow:inherit}.___SMask_tjq4w_gg_{line-height:1.25;position:absolute;left:.8em;pointer-events:none;white-space:nowrap;color:var(--intergalactic-text-primary, #191b23)}.___SMask_tjq4w_gg_[data-neighbor-location=both],.___SMask_tjq4w_gg_[data-neighbor-location=left]{left:0}.___SMaskHidden_tjq4w_gg_{opacity:0}.___SMaskHidden_tjq4w_gg_:before,.___SMaskVisible_tjq4w_gg_::before,.___SPlaceholder_tjq4w_gg_:before{content:attr(data-content)}.___SPlaceholder_tjq4w_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}",
-    "tjq4w_gg_"
-  ), {
-    __SValue: "___SValue_tjq4w_gg_",
-    __SMask: "___SMask_tjq4w_gg_",
-    __SMaskHidden: "___SMaskHidden_tjq4w_gg_",
-    __SPlaceholder: "___SPlaceholder_tjq4w_gg_",
-    __SMaskVisible: "___SMaskVisible_tjq4w_gg_"
+    ".___SMask_s2tqv_gg_,.___SValue_s2tqv_gg_{letter-spacing:.1em;text-overflow:inherit}.___SMask_s2tqv_gg_{line-height:1.25;position:absolute;left:.8em;pointer-events:none;white-space:nowrap;color:var(--intergalactic-text-primary, #191b23)}.___SMask_s2tqv_gg_[data-neighbor-location=both],.___SMask_s2tqv_gg_[data-neighbor-location=left]{left:0}.___SMaskHidden_s2tqv_gg_{opacity:0}.___SMaskHidden_s2tqv_gg_:before,.___SMaskVisible_s2tqv_gg_::before,.___SPlaceholder_s2tqv_gg_:before{content:attr(data-content)}.___SPlaceholder_s2tqv_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}",
+    /*__inner_css_end__*/
+    "s2tqv_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SValue": "___SValue_s2tqv_gg_",
+    "__SMask": "___SMask_s2tqv_gg_",
+    "__SMaskHidden": "___SMaskHidden_s2tqv_gg_",
+    "__SPlaceholder": "___SPlaceholder_s2tqv_gg_",
+    "__SMaskVisible": "___SMaskVisible_s2tqv_gg_"
   })
 );
-function O(h) {
-  for (var P = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "", p = h.length, e = function(a, r) {
-    return r !== void 0 ? r !== a : /\w|\+|\(/.test(a);
-  }, n = 0, t = p - 1; t >= 0; t--)
-    if (h[t] !== "_" && e(h[t], P[t])) {
-      n = t + 1;
+function getAfterPositionValue(value) {
+  var mask = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
+  var length = value.length;
+  var isValid = function isValid2(valueChar, maskChar) {
+    return maskChar !== void 0 ? maskChar !== valueChar : /\w|\+|\(/.test(valueChar);
+  };
+  var afterPotionValue = 0;
+  for (var i = length - 1; i >= 0; i--) {
+    if (value[i] !== "_" && isValid(value[i], mask[i])) {
+      afterPotionValue = i + 1;
       break;
     }
-  return n;
+  }
+  return afterPotionValue;
 }
-var j = /* @__PURE__ */ function(h) {
-  $(p, h);
-  var P = F(p);
-  function p() {
-    return T(this, p), P.apply(this, arguments);
+var InputMask = /* @__PURE__ */ function(_Component) {
+  _inherits(InputMask2, _Component);
+  var _super = _createSuper(InputMask2);
+  function InputMask2() {
+    _classCallCheck(this, InputMask2);
+    return _super.apply(this, arguments);
   }
-  return D(p, [{
+  _createClass(InputMask2, [{
     key: "render",
-    value: function() {
-      var n = this.asProps;
-      return /* @__PURE__ */ u.createElement(I, H({
-        ref: I
-      }, n));
+    value: function render() {
+      var _ref = this.asProps;
+      return /* @__PURE__ */ React.createElement(Input, assignProps({
+        "ref": Input
+      }, _ref));
+    }
+  }]);
+  return InputMask2;
+}(Component);
+_defineProperty(InputMask, "displayName", "InputMask");
+_defineProperty(InputMask, "style", style);
+var Value = /* @__PURE__ */ function(_Component2) {
+  _inherits(Value2, _Component2);
+  var _super2 = _createSuper(Value2);
+  function Value2() {
+    var _this;
+    _classCallCheck(this, Value2);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
     }
-  }]), p;
-}(L);
-l(j, "displayName", "InputMask");
-l(j, "style", ue);
-var V = /* @__PURE__ */ function(h) {
-  $(p, h);
-  var P = F(p);
-  function p() {
-    var e;
-    T(this, p);
-    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)), l(f(e), "inputRef", /* @__PURE__ */ u.createRef()), l(f(e), "maskRef", /* @__PURE__ */ u.createRef()), l(f(e), "textMaskCoreInstance", void 0), l(f(e), "usedMask", void 0), l(f(e), "prevConfirmedValue", void 0), l(f(e), "state", {
+    _this = _super2.call.apply(_super2, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "inputRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "maskRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "textMaskCoreInstance", void 0);
+    _defineProperty(_assertThisInitialized(_this), "usedMask", void 0);
+    _defineProperty(_assertThisInitialized(_this), "prevConfirmedValue", void 0);
+    _defineProperty(_assertThisInitialized(_this), "state", {
       lastConformed: void 0,
       maskWidth: void 0
-    }), l(f(e), "initTextMaskCore", function() {
-      var a = e.asProps, r = a.mask, d = a.value, c = a.hideMask, M = a.pipe;
-      if (r !== void 0) {
-        e.usedMask = r, e.setState({
-          lastConformed: void 0
-        });
-        var s = !1;
-        e.textMaskCoreInstance = Q(k(k({}, e.asProps), {}, {
-          inputElement: e.inputRef.current,
-          mask: e.maskStrToRegexArray(r),
-          guide: !c,
-          showMask: !c,
-          placeholderChar: "_",
-          pipe: function(i, E) {
-            var C = i, _ = null;
-            if (M) {
-              var v = M(i, E);
-              Z(v) === "object" && v ? (i = v.value, _ = v.indexesOfPipedChars) : i = v;
+    });
+    _defineProperty(_assertThisInitialized(_this), "initTextMaskCore", function() {
+      var _this$asProps = _this.asProps, mask = _this$asProps.mask, value = _this$asProps.value, hideMask = _this$asProps.hideMask, userPipe = _this$asProps.pipe;
+      if (mask === void 0) return;
+      _this.usedMask = mask;
+      _this.setState({
+        lastConformed: void 0
+      });
+      var initiated = false;
+      _this.textMaskCoreInstance = createTextMaskInputElement(_objectSpread(_objectSpread({}, _this.asProps), {}, {
+        inputElement: _this.inputRef.current,
+        mask: _this.maskStrToRegexArray(mask),
+        guide: !hideMask,
+        showMask: !hideMask,
+        placeholderChar: "_",
+        pipe: function pipe(conformedValue, pipeConfigs) {
+          var conformedValueBeforPiping = conformedValue;
+          var indexesOfPipedChars = null;
+          if (userPipe) {
+            var piped = userPipe(conformedValue, pipeConfigs);
+            if (_typeof(piped) === "object" && piped) {
+              conformedValue = piped.value;
+              indexesOfPipedChars = piped.indexesOfPipedChars;
+            } else {
+              conformedValue = piped;
             }
-            for (var R = 0, g = 0; g < ((w = i) === null || w === void 0 ? void 0 : w.length); g++) {
-              var w;
-              !e.asProps.maskOnlySymbols[i[g]] && /\w/.test(i[g]) && (R = g + 1);
+          }
+          var lastNonMaskCharPosition = 0;
+          for (var i = 0; i < ((_conformedValue = conformedValue) === null || _conformedValue === void 0 ? void 0 : _conformedValue.length); i++) {
+            var _conformedValue;
+            if (!_this.asProps.maskOnlySymbols[conformedValue[i]] && /\w/.test(conformedValue[i])) lastNonMaskCharPosition = i + 1;
+          }
+          if (conformedValue === false) {
+            if (!initiated) {
+              _this.setState({
+                lastConformed: conformedValueBeforPiping
+              });
+              if (indexesOfPipedChars !== null) {
+                return {
+                  value: conformedValueBeforPiping,
+                  indexesOfPipedChars
+                };
+              } else {
+                return conformedValueBeforPiping;
+              }
+            }
+            _this.setState({
+              lastConformed: _this.prevConfirmedValue
+            });
+            if (indexesOfPipedChars !== null) {
+              return {
+                value: conformedValue,
+                indexesOfPipedChars
+              };
+            } else {
+              return conformedValue;
             }
-            if (i === !1)
-              return s ? (e.setState({
-                lastConformed: e.prevConfirmedValue
-              }), _ !== null ? {
-                value: i,
-                indexesOfPipedChars: _
-              } : i) : (e.setState({
-                lastConformed: C
-              }), _ !== null ? {
-                value: C,
-                indexesOfPipedChars: _
-              } : C);
-            s = !0;
-            var S = i.substring(0, R), x = i.substring(R), y = S ? {
-              all: i,
-              userInput: S,
-              maskOnly: x
-            } : void 0;
-            return e.prevConfirmedValue = y, e.setState({
-              lastConformed: y
-            }), _ !== null ? {
-              value: S,
-              indexesOfPipedChars: _
-            } : S;
           }
-        })), e.textMaskCoreInstance.update(d);
-        var b = e.textMaskCoreInstance, q = b.state.previousConformedValue;
-        e.handlers.value(q);
-      }
-    }), l(f(e), "onFocus", function() {
+          initiated = true;
+          var userInput = conformedValue.substring(0, lastNonMaskCharPosition);
+          var maskOnly = conformedValue.substring(lastNonMaskCharPosition);
+          var lastConformed = userInput ? {
+            all: conformedValue,
+            userInput,
+            maskOnly
+          } : void 0;
+          _this.prevConfirmedValue = lastConformed;
+          _this.setState({
+            lastConformed
+          });
+          if (indexesOfPipedChars !== null) {
+            return {
+              value: userInput,
+              indexesOfPipedChars
+            };
+          } else {
+            return userInput;
+          }
+        }
+      }));
+      _this.textMaskCoreInstance.update(value);
+      var _ref4 = _this.textMaskCoreInstance, previousConformedValue = _ref4.state.previousConformedValue;
+      _this.handlers.value(previousConformedValue);
+    });
+    _defineProperty(_assertThisInitialized(_this), "onFocus", function() {
       setTimeout(function() {
-        e.setSelectionRange();
+        _this.setSelectionRange();
       }, 0);
-    }), l(f(e), "setSelectionRange", function() {
-      if (e.inputRef.current) {
-        var a = e.inputRef.current.value, r = O(a);
-        e.inputRef.current.setSelectionRange(r, r);
-      }
-    }), l(f(e), "maskStrToRegexArray", function(a) {
-      if (typeof a != "string") return a;
-      var r = e.asProps.aliases;
-      return a.split("").map(function(d) {
-        return (r == null ? void 0 : r[d]) || d;
+    });
+    _defineProperty(_assertThisInitialized(_this), "setSelectionRange", function() {
+      if (!_this.inputRef.current) return;
+      var value = _this.inputRef.current.value;
+      var afterPotionValue = getAfterPositionValue(value);
+      _this.inputRef.current.setSelectionRange(afterPotionValue, afterPotionValue);
+    });
+    _defineProperty(_assertThisInitialized(_this), "maskStrToRegexArray", function(mask) {
+      if (typeof mask !== "string") return mask;
+      var aliases = _this.asProps.aliases;
+      return mask.split("").map(function(symbol) {
+        return (aliases === null || aliases === void 0 ? void 0 : aliases[symbol]) || symbol;
       });
-    }), l(f(e), "handleMouseDownPlaceholder", function(a) {
-      var r;
-      a.preventDefault(), (r = e.inputRef.current) === null || r === void 0 || r.focus();
-    }), e;
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleMouseDownPlaceholder", function(event) {
+      var _this$inputRef$curren;
+      event.preventDefault();
+      (_this$inputRef$curren = _this.inputRef.current) === null || _this$inputRef$curren === void 0 ? void 0 : _this$inputRef$curren.focus();
+    });
+    return _this;
   }
-  return D(p, [{
+  _createClass(Value2, [{
     key: "componentDidMount",
-    value: function() {
-      this.initTextMaskCore(), this.setState({
+    value: function componentDidMount() {
+      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 d, c = (d = t.maskRef.current) === null || d === void 0 ? void 0 : d.offsetWidth;
-        return c !== r.maskWidth ? {
-          maskWidth: c
-        } : r;
+    value: function componentDidUpdate(prevProps) {
+      var _this2 = this;
+      var maskConfigProps = ["mask", "hideMask", "pipe", "keepCharPositions"];
+      var maskConfigChanged = maskConfigProps.some(function(prop) {
+        return _this2.asProps[prop] !== prevProps[prop];
       });
+      if (maskConfigChanged) {
+        this.initTextMaskCore();
+      }
+      if (prevProps.value !== this.props.value) {
+        this.textMaskCoreInstance.update(this.props.value);
+      }
+      if (maskConfigChanged || prevProps.value !== this.props.value) {
+        this.setState(function(prevState) {
+          var _this2$maskRef$curren;
+          var maskWidth = (_this2$maskRef$curren = _this2.maskRef.current) === null || _this2$maskRef$curren === void 0 ? void 0 : _this2$maskRef$curren.offsetWidth;
+          if (maskWidth !== prevState.maskWidth) {
+            return {
+              maskWidth
+            };
+          }
+          return prevState;
+        });
+      }
     }
   }, {
     key: "uncontrolledProps",
-    value: function() {
-      var n = this;
+    value: function uncontrolledProps() {
+      var _this3 = this;
       return {
-        value: [function(t) {
-          var o = n.textMaskCoreInstance, a = n.asProps.placeholder;
-          if (!o)
-            return t;
-          o.update(t);
-          var r = o.state, d = r.previousConformedValue, c = r.previousPlaceholder, M = O(d, c);
-          return M === 0 && a ? "" : d;
-        }, function(t) {
-          var o = n.textMaskCoreInstance;
-          if (o) {
-            var a = o.state.previousPlaceholder;
-            t.length === a.length && t.indexOf("_") === -1 && X(n, "onSuccess", t);
+        value: [function(value) {
+          var textMaskCoreInstance = _this3.textMaskCoreInstance, placeholder = _this3.asProps.placeholder;
+          if (!textMaskCoreInstance) {
+            return value;
+          }
+          textMaskCoreInstance.update(value);
+          var _textMaskCoreInstance = textMaskCoreInstance.state, previousConformedValue = _textMaskCoreInstance.previousConformedValue, previousPlaceholder = _textMaskCoreInstance.previousPlaceholder;
+          var afterPositionValue = getAfterPositionValue(previousConformedValue, previousPlaceholder);
+          return afterPositionValue === 0 && placeholder ? "" : previousConformedValue;
+        }, function(value) {
+          var textMaskCoreInstance = _this3.textMaskCoreInstance;
+          if (!textMaskCoreInstance) return;
+          var previousPlaceholder = textMaskCoreInstance.state.previousPlaceholder;
+          if (value.length === previousPlaceholder.length && value.indexOf("_") === -1) {
+            fire(_this3, "onSuccess", value);
           }
         }]
       };
     }
   }, {
     key: "render",
-    value: function() {
-      var n = this.asProps, t = this, o = ne, a = I.Value, r = oe, d = "span", c = "span", M = "span", s = this.asProps, b = s.title, q = s.placeholder;
-      s.mask;
-      var W = s.neighborLocation, i = s.value, E = s.includeInputProps, C = s.Children, _ = s.forwardRef, v = s.uid, R = s.inputW, g = s.inputRole, w = U(s, le);
-      Y.warn(!b, "title is required for describing mask format", this.asProps["data-ui-name"] || j.displayName);
-      var S = te(w, E, !0), x = B(S, 2), y = x[0], N = x[1], z = se(this.inputRef, _);
-      return /* @__PURE__ */ u.createElement(ee.Detect, {
-        neighborLocation: W
-      }, function(A) {
-        var m;
-        return m = K(t.asProps.styles), /* @__PURE__ */ u.createElement(u.Fragment, null, /* @__PURE__ */ u.createElement(o, m.cn("SInputMask", k(k({
-          position: "relative",
-          flex: 1
-        }, N), {}, {
-          __excludeProps: ["onFocus", "onChange", "forwardRef", "ref"]
-        })), /* @__PURE__ */ u.createElement(r, m.cn("SMask", {
-          tag: "span",
+    value: function render() {
+      var _ref2 = this.asProps, _this4 = this;
+      var SInputMask = Flex;
+      var SValue = Input.Value;
+      var SMask = Box;
+      var SPlaceholder = "span";
+      var SMaskHidden = "span";
+      var SMaskVisible = "span";
+      var _this$asProps2 = this.asProps, title = _this$asProps2.title, placeholder = _this$asProps2.placeholder;
+      _this$asProps2.mask;
+      var neighborLocation = _this$asProps2.neighborLocation, value = _this$asProps2.value, includeInputProps = _this$asProps2.includeInputProps, Children = _this$asProps2.Children, forwardRef = _this$asProps2.forwardRef, uid = _this$asProps2.uid, inputW = _this$asProps2.inputW, inputRole = _this$asProps2.inputRole, otherProps = _objectWithoutProperties(_this$asProps2, _excluded);
+      logger.warn(!title, "title is required for describing mask format", this.asProps["data-ui-name"] || InputMask.displayName);
+      var _getInputProps = getInputProps(otherProps, includeInputProps, true), _getInputProps2 = _slicedToArray(_getInputProps, 2), controlProps = _getInputProps2[0], boxProps = _getInputProps2[1];
+      var ref = forkRef(this.inputRef, forwardRef);
+      return /* @__PURE__ */ React.createElement(NeighborLocation.Detect, {
+        neighborLocation
+      }, function(neighborLocation2) {
+        var _ref3;
+        return _ref3 = sstyled$1(_this4.asProps.styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SInputMask, _ref3.cn("SInputMask", _objectSpread(_objectSpread({
+          "position": "relative",
+          "flex": 1
+        }, boxProps), {}, {
+          "__excludeProps": ["onFocus", "onChange", "forwardRef", "ref"]
+        })), /* @__PURE__ */ React.createElement(SMask, _ref3.cn("SMask", {
+          "tag": "span",
           "aria-hidden": "true",
-          "data-neighbor-location": A,
-          ref: t.maskRef
-        }), t.state.lastConformed && /* @__PURE__ */ u.createElement(c, 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(d, m.cn("SPlaceholder", {
-          "data-content": q
-        }))), /* @__PURE__ */ u.createElement(a, m.cn("SValue", k({}, H(k(k({
-          neighborLocation: A,
-          ref: z,
-          onFocus: t.onFocus,
-          value: i,
-          w: R,
-          wMin: t.state.maskWidth,
-          "aria-describedby": "hint-".concat(v)
-        }, y), {}, {
-          role: g,
-          __excludeProps: ["placeholder", "title"]
-        }), n)))), /* @__PURE__ */ u.createElement(C, m.cn("Children", {}))), /* @__PURE__ */ u.createElement(ae, m.cn("ScreenReaderOnly", {
-          id: "hint-".concat(v)
-        }), b));
+          "data-neighbor-location": neighborLocation2,
+          "ref": _this4.maskRef
+        }), _this4.state.lastConformed && /* @__PURE__ */ React.createElement(SMaskHidden, _ref3.cn("SMaskHidden", {
+          "data-content": _this4.state.lastConformed.userInput
+        })), _this4.state.lastConformed ? /* @__PURE__ */ React.createElement(SMaskVisible, _ref3.cn("SMaskVisible", {
+          "data-content": _this4.state.lastConformed.maskOnly
+        })) : /* @__PURE__ */ React.createElement(SPlaceholder, _ref3.cn("SPlaceholder", {
+          "data-content": placeholder
+        }))), /* @__PURE__ */ React.createElement(SValue, _ref3.cn("SValue", _objectSpread({}, assignProps(_objectSpread(_objectSpread({
+          "neighborLocation": neighborLocation2,
+          "ref": ref,
+          "onFocus": _this4.onFocus,
+          "value": value,
+          "w": inputW,
+          "wMin": _this4.state.maskWidth,
+          "aria-describedby": "hint-".concat(uid)
+        }, controlProps), {}, {
+          "role": inputRole,
+          "__excludeProps": ["placeholder", "title"]
+        }), _ref2)))), /* @__PURE__ */ React.createElement(Children, _ref3.cn("Children", {}))), /* @__PURE__ */ React.createElement(ScreenReaderOnly, _ref3.cn("ScreenReaderOnly", {
+          "id": "hint-".concat(uid)
+        }), title));
       });
     }
-  }]), p;
-}(L);
-l(V, "defaultProps", {
-  includeInputProps: re,
+  }]);
+  return Value2;
+}(Component);
+_defineProperty(Value, "defaultProps", {
+  includeInputProps: inputProps,
   defaultValue: "",
-  hideMask: !1,
-  keepCharPositions: !1,
+  hideMask: false,
+  keepCharPositions: false,
   aliases: {
-    9: /\d/,
+    "9": /\d/,
     a: /[a-zA-Zа-яА-Я]/,
     "*": /[\da-zA-Zа-яА-Я]/
   },
   maskOnlySymbols: {
-    _: !0
+    _: true
   }
 });
-l(V, "enhance", [ie()]);
-const Ee = J(j, {
-  Value: V,
-  Addon: I.Addon
+_defineProperty(Value, "enhance", [uniqueIDEnhancement()]);
+const InputMask$1 = createComponent(InputMask, {
+  Value,
+  Addon: Input.Addon
 });
 export {
-  Ee as default,
-  O as getAfterPositionValue
+  InputMask$1 as default,
+  getAfterPositionValue
 };

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

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

package/input-mask/lib/esm/style/input-mask.shadow.css

@@ -0,0 +1,38 @@
+SValue {
+  letter-spacing: 0.1em;
+  text-overflow: inherit;
+}
+
+SMask {
+  line-height: 1.25;
+  position: absolute;
+  left: 0.8em;
+  pointer-events: none;
+  letter-spacing: 0.1em;
+  text-overflow: inherit;
+  white-space: nowrap;
+  color: var(--intergalactic-text-primary, #191b23);
+}
+
+SMask[data-neighbor-location='left'],
+SMask[data-neighbor-location='both'] {
+  left: 0;
+}
+
+SMaskHidden {
+  opacity: 0;
+}
+
+SMaskHidden:before {
+  content: attr(data-content);
+}
+
+SPlaceholder {
+  color: var(--intergalactic-text-placeholder, #8a8e9b);
+}
+
+SMaskHidden:before,
+SMaskVisible::before,
+SPlaceholder:before {
+  content: attr(data-content);
+}

package/input-mask/package.json

@@ -1 +1 @@
-{"name":"intergalactic/input-mask","description":"Semrush InputMask Component","version":"5.43.2","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.2","@semcore/utils":"4.48.2","text-mask-core":"5.1.2","@semcore/neighbor-location":"4.40.2","@semcore/flex-box":"5.41.2"},"peerDependencies":{"@semcore/core":"^2.17.5","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.3","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.3","@semcore/utils":"4.48.4","text-mask-core":"5.1.2","@semcore/neighbor-location":"4.40.3","@semcore/flex-box":"5.41.3"},"peerDependencies":{"@semcore/core":"^2.17.5","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"}}