@konstructio/ui 0.1.2-alpha.54 → 0.1.2-alpha.56

package/dist/components/PhoneNumberInput/components/Wrapper.js

@@ -1,9 +1,9 @@
 import "./FlagSelectorList/FlagSelectorList.js";
-import { jsxs as Z, jsx as V } from "react/jsx-runtime";
+import { jsxs as Z, jsx as B } from "react/jsx-runtime";
 import { i as Ae } from "../../../index-BmVmDQGH.js";
-import { useRef as te, useMemo as Ne, forwardRef as Be, useId as Re, useImperativeHandle as Ge, useCallback as Le, useEffect as se } from "react";
+import { useRef as ne, useMemo as Ne, forwardRef as Be, useId as Re, useImperativeHandle as Ge, useCallback as Le, useEffect as pe } from "react";
 import { Typography as X } from "../../Typography/Typography.js";
-import { cn as pe } from "../../../utils/index.js";
+import { cn as ee } from "../../../utils/index.js";
 import { labelVariants as Ve, phoneNumberInputVariants as xe } from "../PhoneNumberInput.variants.js";
 import { usePhoneNumberContext as Ke } from "../contexts/phone-number.hook.js";
 import { getPhoneMask as De } from "../utils/index.js";
@@ -36,8 +36,8 @@ function Oe(e, t) {
     if (Array.isArray(e) || (n = (function(i, c) {
       if (i) {
         if (typeof i == "string") return fe(i, c);
-        var p = {}.toString.call(i).slice(8, -1);
-        return p === "Object" && i.constructor && (p = i.constructor.name), p === "Map" || p === "Set" ? Array.from(i) : p === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(p) ? fe(i, c) : void 0;
+        var s = {}.toString.call(i).slice(8, -1);
+        return s === "Object" && i.constructor && (s = i.constructor.name), s === "Map" || s === "Set" ? Array.from(i) : s === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(s) ? fe(i, c) : void 0;
       }
     })(e)) || t) {
       n && (e = n);
@@ -90,7 +90,7 @@ function Y(e) {
 }
 function _e(e, t) {
   if (typeof t != "function" && t !== null) throw new TypeError("Super expression must either be null or a function");
-  e.prototype = Object.create(t && t.prototype, { constructor: { value: e, writable: !0, configurable: !0 } }), Object.defineProperty(e, "prototype", { writable: !1 }), t && ne(e, t);
+  e.prototype = Object.create(t && t.prototype, { constructor: { value: e, writable: !0, configurable: !0 } }), Object.defineProperty(e, "prototype", { writable: !1 }), t && re(e, t);
 }
 function we() {
   try {
@@ -140,20 +140,20 @@ function We(e, t) {
   }
   return o;
 }
-function ne(e, t) {
-  return ne = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, r) {
+function re(e, t) {
+  return re = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, r) {
     return n.__proto__ = r, n;
-  }, ne(e, t);
+  }, re(e, t);
 }
 function U(e, t) {
   var n, r = t.replacementChars, o = t.replacement, a = t.separate, l = r, u = "", i = Oe(e);
   try {
     for (i.s(); !(n = i.n()).done; ) {
-      var c, p = n.value, f = !Object.prototype.hasOwnProperty.call(o, p) && ((c = o[l[0]]) === null || c === void 0 ? void 0 : c.test(p));
-      (a && p === l[0] || f) && (l = l.slice(1), u += p);
+      var c, s = n.value, f = !Object.prototype.hasOwnProperty.call(o, s) && ((c = o[l[0]]) === null || c === void 0 ? void 0 : c.test(s));
+      (a && s === l[0] || f) && (l = l.slice(1), u += s);
     }
-  } catch (b) {
-    i.e(b);
+  } catch (S) {
+    i.e(S);
   } finally {
     i.f();
   }
@@ -163,12 +163,12 @@ function ke(e, t) {
   var n, r = t.mask, o = t.replacement, a = t.separate, l = t.showMask, u = 0, i = "", c = Oe(r);
   try {
     for (c.s(); !(n = c.n()).done; ) {
-      var p = n.value;
+      var s = n.value;
       if (!l && e[u] === void 0) break;
-      Object.prototype.hasOwnProperty.call(o, p) && e[u] !== void 0 ? i += e[u++] : i += p;
+      Object.prototype.hasOwnProperty.call(o, s) && e[u] !== void 0 ? i += e[u++] : i += s;
     }
-  } catch (b) {
-    c.e(b);
+  } catch (S) {
+    c.e(S);
   } finally {
     c.f();
   }
@@ -188,19 +188,19 @@ function Pe(e, t) {
 function K(e) {
   return e.length > 0 ? Se({}, e, /./) : {};
 }
-function re(e, t) {
-  for (var n = t.start, r = n === void 0 ? 0 : n, o = t.end, a = t.mask, l = t.replacement, u = t.separate, i = e.slice(r, o), c = a.slice(r, o), p = "", f = 0; f < c.length; f++) {
-    var b = Object.prototype.hasOwnProperty.call(l, c[f]);
-    b && i[f] !== void 0 && i[f] !== c[f] ? p += i[f] : b && u && (p += c[f]);
+function ae(e, t) {
+  for (var n = t.start, r = n === void 0 ? 0 : n, o = t.end, a = t.mask, l = t.replacement, u = t.separate, i = e.slice(r, o), c = a.slice(r, o), s = "", f = 0; f < c.length; f++) {
+    var S = Object.prototype.hasOwnProperty.call(l, c[f]);
+    S && i[f] !== void 0 && i[f] !== c[f] ? s += i[f] : S && u && (s += c[f]);
   }
-  return p;
+  return s;
 }
 function Me(e, t) {
   var n = t.mask, r = t.replacement, o = typeof r == "string" ? K(r) : r, a = RegExp("[^".concat(Object.keys(o).join(""), "]"), "g");
   return ke(U(e, { replacementChars: n.replace(a, ""), replacement: o, separate: !1 }), { mask: n, replacement: o, separate: !1, showMask: !1 });
 }
 function Ze(e, t) {
-  var n = t.mask, r = t.replacement, o = typeof r == "string" ? K(r) : r, a = re(e, { mask: n, replacement: o, separate: !1 }), l = RegExp("[^".concat(Object.keys(o).join(""), "]"), "g");
+  var n = t.mask, r = t.replacement, o = typeof r == "string" ? K(r) : r, a = ae(e, { mask: n, replacement: o, separate: !1 }), l = RegExp("[^".concat(Object.keys(o).join(""), "]"), "g");
   return U(a, { replacementChars: n.replace(l, ""), replacement: o, separate: !1 });
 }
 function Je(e, t) {
@@ -231,7 +231,7 @@ function Xe(e, t, n) {
       if (a === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
       return a;
     })(r);
-  })(e, oe() ? Reflect.construct(t, n || [], z(e).constructor) : t.apply(e, n));
+  })(e, ie() ? Reflect.construct(t, n || [], z(e).constructor) : t.apply(e, n));
 }
 function Ee(e, t) {
   if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
@@ -263,13 +263,13 @@ function tt(e, t) {
   if (typeof t != "function" && t !== null) throw new TypeError("Super expression must either be null or a function");
   e.prototype = Object.create(t && t.prototype, { constructor: { value: e, writable: !0, configurable: !0 } }), Object.defineProperty(e, "prototype", { writable: !1 }), t && H(e, t);
 }
-function oe() {
+function ie() {
   try {
     var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {
     })));
   } catch {
   }
-  return (oe = function() {
+  return (ie = function() {
     return !!e;
   })();
 }
@@ -316,9 +316,9 @@ function H(e, t) {
     return n.__proto__ = r, n;
   }, H(e, t);
 }
-function ae(e) {
+function oe(e) {
   var t = typeof Map == "function" ? /* @__PURE__ */ new Map() : void 0;
-  return ae = function(n) {
+  return oe = function(n) {
     if (n === null || !(function(o) {
       try {
         return Function.toString.call(o).indexOf("[native code]") !== -1;
@@ -333,7 +333,7 @@ function ae(e) {
     }
     function r() {
       return (function(o, a, l) {
-        if (oe()) return Reflect.construct.apply(null, arguments);
+        if (ie()) return Reflect.construct.apply(null, arguments);
         var u = [null];
         u.push.apply(u, a);
         var i = new (o.bind.apply(o, u))();
@@ -341,7 +341,7 @@ function ae(e) {
       })(n, arguments, z(this).constructor);
     }
     return r.prototype = Object.create(n.prototype, { constructor: { value: r, enumerable: !1, writable: !0, configurable: !0 } }), H(r, n);
-  }, ae(e);
+  }, oe(e);
 }
 var $ = (function(e) {
   function t(n) {
@@ -349,49 +349,49 @@ var $ = (function(e) {
     return Ee(this, t), (r = Xe(this, t, [n])).name = "SyntheticChangeError", r;
   }
   return tt(t, e), Ce(t);
-})(ae(Error)), ye, rt = ["options"], ge = ["text", "email", "tel", "search", "url"], je = Ce((function e(t) {
+})(oe(Error)), ye, rt = ["options"], ge = ["text", "email", "tel", "search", "url"], je = Ce((function e(t) {
   var n = t.init, r = t.tracking;
   Ee(this, e);
   var o = /* @__PURE__ */ new WeakMap();
   this.register = function(a) {
     var l;
     if (ge.includes(a.type)) {
-      var u = (l = a._wrapperState) !== null && l !== void 0 ? l : {}, i = u.initialValue, c = i === void 0 ? "" : i, p = u.controlled, f = p !== void 0 && p, b = n({ initialValue: a.value || c, controlled: f }), M = b.value, j = b.options, h = { value: M, options: j, fallbackOptions: j }, m = { id: -1, cachedId: -1 }, s = { value: "", selectionStart: 0, selectionEnd: 0 }, O = Object.getOwnPropertyDescriptor("_valueTracker" in a ? a : HTMLInputElement.prototype, "value");
-      Object.defineProperty(a, "value", he(he({}, O), {}, { set: function(y) {
-        var v;
-        s.value = y, O == null || (v = O.set) === null || v === void 0 || v.call(a, y);
+      var u = (l = a._wrapperState) !== null && l !== void 0 ? l : {}, i = u.initialValue, c = i === void 0 ? "" : i, s = u.controlled, f = s !== void 0 && s, S = n({ initialValue: a.value || c, controlled: f }), M = S.value, j = S.options, y = { value: M, options: j, fallbackOptions: j }, m = { id: -1, cachedId: -1 }, p = { value: "", selectionStart: 0, selectionEnd: 0 }, w = Object.getOwnPropertyDescriptor("_valueTracker" in a ? a : HTMLInputElement.prototype, "value");
+      Object.defineProperty(a, "value", he(he({}, w), {}, { set: function(h) {
+        var d;
+        p.value = h, w == null || (d = w.set) === null || d === void 0 || d.call(a, h);
       } })), a.value = M;
-      var S = function() {
-        var y = function() {
-          var v, k;
-          s.selectionStart = (v = a.selectionStart) !== null && v !== void 0 ? v : 0, s.selectionEnd = (k = a.selectionEnd) !== null && k !== void 0 ? k : 0, m.id = window.setTimeout(y);
+      var g = function() {
+        var h = function() {
+          var d, k;
+          p.selectionStart = (d = a.selectionStart) !== null && d !== void 0 ? d : 0, p.selectionEnd = (k = a.selectionEnd) !== null && k !== void 0 ? k : 0, m.id = window.setTimeout(h);
         };
-        m.id = window.setTimeout(y);
-      }, w = function() {
+        m.id = window.setTimeout(h);
+      }, E = function() {
         window.clearTimeout(m.id), m.id = -1, m.cachedId = -1;
-      }, d = function(y) {
+      }, v = function(h) {
         try {
-          var v, k;
+          var d, k;
           if (m.cachedId === m.id) throw new $("The input selection has not been updated.");
           m.cachedId = m.id;
-          var P = a.value, g = a.selectionStart, T = a.selectionEnd;
-          if (g === null || T === null) throw new $("The selection attributes have not been initialized.");
-          var C, E = s.value;
-          if (y.inputType === void 0 && (s.selectionStart = 0, s.selectionEnd = E.length), g > s.selectionStart ? C = "insert" : g <= s.selectionStart && g < s.selectionEnd ? C = "deleteBackward" : g === s.selectionEnd && P.length < E.length && (C = "deleteForward"), C === void 0 || (C === "deleteBackward" || C === "deleteForward") && P.length > E.length) throw new $("Input type detection error.");
-          var I = "", N = s.selectionStart, B = s.selectionEnd;
-          if (C === "insert") I = P.slice(s.selectionStart, g);
+          var P = a.value, b = a.selectionStart, N = a.selectionEnd;
+          if (b === null || N === null) throw new $("The selection attributes have not been initialized.");
+          var O, C = p.value;
+          if (h.inputType === void 0 && (p.selectionStart = 0, p.selectionEnd = C.length), b > p.selectionStart ? O = "insert" : b <= p.selectionStart && b < p.selectionEnd ? O = "deleteBackward" : b === p.selectionEnd && P.length < C.length && (O = "deleteForward"), O === void 0 || (O === "deleteBackward" || O === "deleteForward") && P.length > C.length) throw new $("Input type detection error.");
+          var T = "", I = p.selectionStart, R = p.selectionEnd;
+          if (O === "insert") T = P.slice(p.selectionStart, b);
           else {
-            var D = E.length - P.length;
-            N = g, B = g + D;
+            var D = C.length - P.length;
+            I = b, R = b + D;
           }
-          h.value !== E ? h.options = h.fallbackOptions : h.fallbackOptions = h.options;
-          var F = h.options, R = r({ inputType: C, previousValue: E, previousOptions: F, value: P, addedValue: I, changeStart: N, changeEnd: B, selectionStart: g, selectionEnd: T }), _ = R.options, A = nt(R, rt);
-          a.value = A.value, a.setSelectionRange(A.selectionStart, A.selectionEnd), h.value = A.value, h.options = _, s.selectionStart = A.selectionStart, s.selectionEnd = A.selectionEnd, (v = a._valueTracker) === null || v === void 0 || (k = v.setValue) === null || k === void 0 || k.call(v, E);
+          y.value !== C ? y.options = y.fallbackOptions : y.fallbackOptions = y.options;
+          var F = y.options, G = r({ inputType: O, previousValue: C, previousOptions: F, value: P, addedValue: T, changeStart: I, changeEnd: R, selectionStart: b, selectionEnd: N }), _ = G.options, A = nt(G, rt);
+          a.value = A.value, a.setSelectionRange(A.selectionStart, A.selectionEnd), y.value = A.value, y.options = _, p.selectionStart = A.selectionStart, p.selectionEnd = A.selectionEnd, (d = a._valueTracker) === null || d === void 0 || (k = d.setValue) === null || k === void 0 || k.call(d, C);
         } catch (W) {
-          if (a.value = s.value, a.setSelectionRange(s.selectionStart, s.selectionEnd), y.preventDefault(), y.stopPropagation(), W.name !== "SyntheticChangeError") throw W;
+          if (a.value = p.value, a.setSelectionRange(p.selectionStart, p.selectionEnd), h.preventDefault(), h.stopPropagation(), W.name !== "SyntheticChangeError") throw W;
         }
       };
-      document.activeElement === a && S(), a.addEventListener("focus", S), a.addEventListener("blur", w), a.addEventListener("input", d), o.set(a, { onFocus: S, onBlur: w, onInput: d });
+      document.activeElement === a && g(), a.addEventListener("focus", g), a.addEventListener("blur", E), a.addEventListener("input", v), o.set(a, { onFocus: g, onBlur: E, onInput: v });
     } else process.env.NODE_ENV !== "production" && console.warn("Warn: The input element type does not match one of the types: ".concat(ge.join(", "), "."));
   }, this.unregister = function(a) {
     var l = o.get(a);
@@ -399,7 +399,7 @@ var $ = (function(e) {
   };
 }));
 ye = je, Object.defineProperty(ye.prototype, Symbol.toStringTag, { writable: !1, enumerable: !1, configurable: !0, value: "Input" });
-var ee = function(e) {
+var te = function(e) {
   return function() {
     for (var t = arguments.length, n = new Array(t), r = 0; r < t; r++) n[r] = arguments[r];
     return new e("".concat(n.join(`
@@ -416,60 +416,60 @@ var Te = (function(e) {
   function t() {
     var n, r = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     return ze(this, t), (n = $e(this, t, [{ init: function(o) {
-      var a = o.initialValue, l = o.controlled, u = x(r), i = u.mask, c = u.replacement, p = u.separate, f = u.showMask;
-      return a = l || a ? a : f ? i : "", process.env.NODE_ENV !== "production" && (function(b) {
-        var M = b.initialValue, j = b.mask, h = b.replacement;
-        M.length > j.length && console.error(ee(Error)("The initialized value of the `value` or `defaultValue` property is longer than the value specified in the `mask` property. Check the correctness of the initialized value in the specified property.", 'Invalid value: "'.concat(M, '".'), "To initialize an unmasked value, use the `format` utility. More details https://github.com/GoncharukOrg/react-input/tree/main/packages/mask#initializing-the-value."));
-        var m = Object.keys(h).filter((function(d) {
-          return d.length > 1;
+      var a = o.initialValue, l = o.controlled, u = x(r), i = u.mask, c = u.replacement, s = u.separate, f = u.showMask;
+      return a = l || a ? a : f ? i : "", process.env.NODE_ENV !== "production" && (function(S) {
+        var M = S.initialValue, j = S.mask, y = S.replacement;
+        M.length > j.length && console.error(te(Error)("The initialized value of the `value` or `defaultValue` property is longer than the value specified in the `mask` property. Check the correctness of the initialized value in the specified property.", 'Invalid value: "'.concat(M, '".'), "To initialize an unmasked value, use the `format` utility. More details https://github.com/GoncharukOrg/react-input/tree/main/packages/mask#initializing-the-value."));
+        var m = Object.keys(y).filter((function(v) {
+          return v.length > 1;
         }));
-        m.length > 0 && console.error(ee(Error)("Object keys in the `replacement` property are longer than one character. Replacement keys must be one character long. Check the correctness of the value in the specified property.", "Invalid keys: ".concat(m.join(", "), "."), "To initialize an unmasked value, use the `format` utility. More details https://github.com/GoncharukOrg/react-input/tree/main/packages/mask#initializing-the-value."));
-        for (var s = j.slice(0, M.length), O = -1, S = 0; S < s.length; S++) {
-          var w = Object.prototype.hasOwnProperty.call(h, s[S]);
-          if (!(s[S] === M[S] || w && h[s[S]].test(M[S]))) {
-            O = S;
+        m.length > 0 && console.error(te(Error)("Object keys in the `replacement` property are longer than one character. Replacement keys must be one character long. Check the correctness of the value in the specified property.", "Invalid keys: ".concat(m.join(", "), "."), "To initialize an unmasked value, use the `format` utility. More details https://github.com/GoncharukOrg/react-input/tree/main/packages/mask#initializing-the-value."));
+        for (var p = j.slice(0, M.length), w = -1, g = 0; g < p.length; g++) {
+          var E = Object.prototype.hasOwnProperty.call(y, p[g]);
+          if (!(p[g] === M[g] || E && y[p[g]].test(M[g]))) {
+            w = g;
             break;
           }
         }
-        O !== -1 && console.error(ee(Error)("An invalid character was found in the initialized property value `value` or `defaultValue` (index: ".concat(O, "). Check the correctness of the initialized value in the specified property."), 'Invalid value: "'.concat(M, '".'), "To initialize an unmasked value, use the `format` utility. More details https://github.com/GoncharukOrg/react-input/tree/main/packages/mask#initializing-the-value."));
-      })({ initialValue: a, mask: i, replacement: c }), { value: a, options: { mask: i, replacement: c, separate: p } };
+        w !== -1 && console.error(te(Error)("An invalid character was found in the initialized property value `value` or `defaultValue` (index: ".concat(w, "). Check the correctness of the initialized value in the specified property."), 'Invalid value: "'.concat(M, '".'), "To initialize an unmasked value, use the `format` utility. More details https://github.com/GoncharukOrg/react-input/tree/main/packages/mask#initializing-the-value."));
+      })({ initialValue: a, mask: i, replacement: c }), { value: a, options: { mask: i, replacement: c, separate: s } };
     }, tracking: function(o) {
-      var a = o.inputType, l = o.previousValue, u = o.previousOptions, i = o.addedValue, c = o.changeStart, p = o.changeEnd, f = x(r), b = f.track, M = f.modify, j = We(f, at), h = j.mask, m = j.replacement, s = j.showMask, O = j.separate, S = J(J({}, a === "insert" ? { inputType: a, data: i } : { inputType: a, data: null }), {}, { value: l, selectionStart: c, selectionEnd: p }), w = b?.(S);
-      if (w === !1) throw new $("Custom tracking stop.");
-      w === null ? i = "" : w !== !0 && w !== void 0 && (i = w);
-      var d = M?.(S);
-      d?.mask !== void 0 && (h = d.mask), d?.replacement !== void 0 && (m = typeof d?.replacement == "string" ? K(d?.replacement) : d.replacement), d?.showMask !== void 0 && (s = d.showMask), d?.separate !== void 0 && (O = d.separate);
-      var y = re(l, J({ end: c }, u)), v = re(l, J({ start: p }, u)), k = RegExp("[^".concat(Object.keys(m).join(""), "]"), "g"), P = h.replace(k, "");
-      if (y && (y = U(y, { replacementChars: P, replacement: m, separate: O }), P = P.slice(y.length)), i && (i = U(i, { replacementChars: P, replacement: m, separate: !1 }), P = P.slice(i.length)), a === "insert" && i === "") throw new $("The character does not match the key value of the `replacement` object.");
-      if (O) {
-        var g = h.slice(c, p).replace(k, ""), T = g.length - i.length;
-        T < 0 ? v = v.slice(-T) : T > 0 && (v = g.slice(-T) + v);
+      var a = o.inputType, l = o.previousValue, u = o.previousOptions, i = o.addedValue, c = o.changeStart, s = o.changeEnd, f = x(r), S = f.track, M = f.modify, j = We(f, at), y = j.mask, m = j.replacement, p = j.showMask, w = j.separate, g = J(J({}, a === "insert" ? { inputType: a, data: i } : { inputType: a, data: null }), {}, { value: l, selectionStart: c, selectionEnd: s }), E = S?.(g);
+      if (E === !1) throw new $("Custom tracking stop.");
+      E === null ? i = "" : E !== !0 && E !== void 0 && (i = E);
+      var v = M?.(g);
+      v?.mask !== void 0 && (y = v.mask), v?.replacement !== void 0 && (m = typeof v?.replacement == "string" ? K(v?.replacement) : v.replacement), v?.showMask !== void 0 && (p = v.showMask), v?.separate !== void 0 && (w = v.separate);
+      var h = ae(l, J({ end: c }, u)), d = ae(l, J({ start: s }, u)), k = RegExp("[^".concat(Object.keys(m).join(""), "]"), "g"), P = y.replace(k, "");
+      if (h && (h = U(h, { replacementChars: P, replacement: m, separate: w }), P = P.slice(h.length)), i && (i = U(i, { replacementChars: P, replacement: m, separate: !1 }), P = P.slice(i.length)), a === "insert" && i === "") throw new $("The character does not match the key value of the `replacement` object.");
+      if (w) {
+        var b = y.slice(c, s).replace(k, ""), N = b.length - i.length;
+        N < 0 ? d = d.slice(-N) : N > 0 && (d = b.slice(-N) + d);
       }
-      v && (v = U(v, { replacementChars: P, replacement: m, separate: O }));
-      var C = ke(y + i + v, { mask: h, replacement: m, separate: O, showMask: s }), E = (function(I) {
-        var N, B, D, F = I.inputType, R = I.value, _ = I.addedValue, A = I.beforeChangeValue, W = I.mask, ie = I.replacement, Ie = I.separate, Q = Pe(R, { mask: W, replacement: ie }).filter((function(q) {
-          var ce = q.type;
-          return ce === "input" || Ie && ce === "replacement";
-        })), le = (N = Q[A.length + _.length - 1]) === null || N === void 0 ? void 0 : N.index, G = (B = Q[A.length - 1]) === null || B === void 0 ? void 0 : B.index, L = (D = Q[A.length + _.length]) === null || D === void 0 ? void 0 : D.index;
+      d && (d = U(d, { replacementChars: P, replacement: m, separate: w }));
+      var O = ke(h + i + d, { mask: y, replacement: m, separate: w, showMask: p }), C = (function(T) {
+        var I, R, D, F = T.inputType, G = T.value, _ = T.addedValue, A = T.beforeChangeValue, W = T.mask, le = T.replacement, Ie = T.separate, Q = Pe(G, { mask: W, replacement: le }).filter((function(q) {
+          var se = q.type;
+          return se === "input" || Ie && se === "replacement";
+        })), ue = (I = Q[A.length + _.length - 1]) === null || I === void 0 ? void 0 : I.index, L = (R = Q[A.length - 1]) === null || R === void 0 ? void 0 : R.index, V = (D = Q[A.length + _.length]) === null || D === void 0 ? void 0 : D.index;
         if (F === "insert") {
-          if (le !== void 0) return le + 1;
-          if (L !== void 0) return L;
-          if (G !== void 0) return G + 1;
+          if (ue !== void 0) return ue + 1;
+          if (V !== void 0) return V;
+          if (L !== void 0) return L + 1;
         }
         if (F === "deleteForward") {
-          if (L !== void 0) return L;
-          if (G !== void 0) return G + 1;
+          if (V !== void 0) return V;
+          if (L !== void 0) return L + 1;
         }
         if (F === "deleteBackward") {
-          if (G !== void 0) return G + 1;
-          if (L !== void 0) return L;
+          if (L !== void 0) return L + 1;
+          if (V !== void 0) return V;
         }
-        var ue = R.split("").findIndex((function(q) {
-          return Object.prototype.hasOwnProperty.call(ie, q);
+        var ce = G.split("").findIndex((function(q) {
+          return Object.prototype.hasOwnProperty.call(le, q);
         }));
-        return ue !== -1 ? ue : R.length;
-      })({ inputType: a, value: C, addedValue: i, beforeChangeValue: y, mask: h, replacement: m, separate: O });
-      return { value: C, selectionStart: E, selectionEnd: E, options: { mask: h, replacement: m, separate: O } };
+        return ce !== -1 ? ce : G.length;
+      })({ inputType: a, value: O, addedValue: i, beforeChangeValue: h, mask: y, replacement: m, separate: w });
+      return { value: O, selectionStart: C, selectionEnd: C, options: { mask: y, replacement: m, separate: w } };
     } }])).format = function(o) {
       return Me(o, x(r));
     }, n.formatToParts = function(o) {
@@ -484,7 +484,7 @@ var Te = (function(e) {
 })();
 be = Te, Object.defineProperty(be.prototype, Symbol.toStringTag, { writable: !1, enumerable: !1, configurable: !0, value: "Mask" });
 function ot() {
-  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = e.mask, n = e.replacement, r = e.showMask, o = e.separate, a = e.track, l = e.modify, u = te(null), i = te({ mask: t, replacement: n, showMask: r, separate: o, track: a, modify: l });
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = e.mask, n = e.replacement, r = e.showMask, o = e.separate, a = e.track, l = e.modify, u = ne(null), i = ne({ mask: t, replacement: n, showMask: r, separate: o, track: a, modify: l });
   return i.current.mask = t, i.current.replacement = n, i.current.showMask = r, i.current.separate = o, i.current.track = a, i.current.modify = l, Ne((function() {
     return qe(u, new Te(i.current));
   }), []);
@@ -503,65 +503,66 @@ const Ot = Be(
     isRequired: o,
     label: a,
     labelClassName: l,
-    name: u,
-    placeholder: i,
-    showFlagOnSearch: c = !0,
-    showInputFilter: p = !0,
-    showNameOnSearch: f = !0,
-    wrapperClassName: b,
-    showPlaceHolder: M,
-    ...j
-  }, h) => {
-    const m = u ?? Re(), s = te(null), {
-      isOpenSelector: O,
-      value: S,
-      selectedCountry: w,
+    labelWrapperClassName: u,
+    name: i,
+    placeholder: c,
+    showFlagOnSearch: s = !0,
+    showInputFilter: f = !0,
+    showNameOnSearch: S = !0,
+    wrapperClassName: M,
+    showPlaceHolder: j,
+    ...y
+  }, m) => {
+    const p = Re(), w = i ?? p, g = ne(null), {
+      isOpenSelector: E,
+      value: v,
+      selectedCountry: h,
       onChangeValue: d,
-      handleOpenSelector: y
-    } = Ke(), v = typeof t == "string" && t.length >= 0, k = ot({
-      mask: De(w),
+      handleOpenSelector: k
+    } = Ke(), P = typeof t == "string" && t.length >= 0, b = ot({
+      mask: De(h),
       replacement: { _: /\d/ }
     });
-    Ge(h, () => k.current, [k]);
-    const P = Le(
-      (g) => {
-        g.target.value.startsWith(w.prefix) ? d(g.target.value) : d(`${w.prefix} `);
+    Ge(m, () => b.current, [b]);
+    const N = Le(
+      (O) => {
+        O.target.value.startsWith(h.prefix) ? d(O.target.value) : d(`${h.prefix} `);
       },
-      [w.prefix, d]
+      [h.prefix, d]
     );
-    return se(() => {
-      const g = new AbortController(), T = (E) => {
-        E.key === "Escape" && y(!1);
-      }, C = (E) => {
-        s.current?.contains(E.target) || y(!1);
+    return pe(() => {
+      const O = new AbortController(), C = (I) => {
+        I.key === "Escape" && k(!1);
+      }, T = (I) => {
+        g.current?.contains(I.target) || k(!1);
       };
-      return document.addEventListener("keydown", T, {
-        signal: g.signal
-      }), document.addEventListener("mousedown", C, {
-        signal: g.signal
+      return document.addEventListener("keydown", C, {
+        signal: O.signal
+      }), document.addEventListener("mousedown", T, {
+        signal: O.signal
       }), document.addEventListener(
         "visibilitychange",
         () => {
-          document.hidden && y(!1);
+          document.hidden && k(!1);
         },
         {
-          signal: g.signal
+          signal: O.signal
         }
       ), () => {
-        g.abort();
+        O.abort();
       };
-    }, [y, s]), se(() => {
-      k.current && (k.current.value = w.prefix + " ");
-    }, [w.code]), /* @__PURE__ */ Z("div", { className: "w-full flex flex-col gap-2", children: [
-      a ? /* @__PURE__ */ Z(
+    }, [k, g]), pe(() => {
+      b.current && (b.current.value = h.prefix + " ");
+    }, [h.code]), /* @__PURE__ */ Z("div", { className: "w-full flex flex-col gap-2", children: [
+      a ? /* @__PURE__ */ B("div", { className: ee(u), children: /* @__PURE__ */ Z(
         "label",
         {
-          id: m,
+          id: w,
           className: Ve({ className: l }),
-          onClick: () => !e && k.current?.focus(),
+          onClick: () => !e && b.current?.focus(),
           children: [
             a,
-            o && /* @__PURE__ */ V(
+            o && /* @__PURE__ */ B(
               X,
               {
                 component: "span",
@@ -571,27 +572,27 @@ const Ot = Be(
             )
           ]
         }
-      ) : null,
+      ) }) : null,
       /* @__PURE__ */ Z(
         "div",
         {
-          ref: s,
-          "data-state": O ? "open" : "closed",
+          ref: g,
+          "data-state": E ? "open" : "closed",
           className: xe({
-            className: b,
-            variant: v ? "error" : "default"
+            className: M,
+            variant: P ? "error" : "default"
           }),
           children: [
             /* @__PURE__ */ Z("div", { className: "p-2 flex items-center gap-2.5", children: [
-              /* @__PURE__ */ V(Fe, {}),
-              /* @__PURE__ */ V(
+              /* @__PURE__ */ B(Fe, {}),
+              /* @__PURE__ */ B(
                 "input",
                 {
-                  id: a ? m : void 0,
-                  ref: k,
-                  name: u,
+                  id: a ? w : void 0,
+                  ref: b,
+                  name: i,
                   autoComplete: "off",
-                  className: pe(
+                  className: ee(
                     "outline-0",
                     "w-full",
                     "caret-slate-800",
@@ -604,27 +605,27 @@ const Ot = Be(
                   ),
                   type: "tel",
                   inputMode: "tel",
-                  value: S,
-                  onChange: P,
+                  value: v,
+                  onChange: N,
                   disabled: e,
-                  ...j
+                  ...y
                 }
               )
             ] }),
-            O && /* @__PURE__ */ V(
+            E && /* @__PURE__ */ B(
               Ue,
               {
-                placeholder: i,
-                showFlagOnSearch: c,
-                showInputFilter: p,
-                showNameOnSearch: f,
-                showPlaceHolder: M
+                placeholder: c,
+                showFlagOnSearch: s,
+                showInputFilter: f,
+                showNameOnSearch: S,
+                showPlaceHolder: j
               }
             )
           ]
         }
       ),
-      t ? /* @__PURE__ */ V(
+      t ? /* @__PURE__ */ B(
         X,
         {
           component: "span",
@@ -632,11 +633,11 @@ const Ot = Be(
           children: t
         }
       ) : null,
-      !t && n ? /* @__PURE__ */ V(
+      !t && n ? /* @__PURE__ */ B(
         X,
         {
           component: "span",
-          className: pe(
+          className: ee(
             "text-xs kubefirst-dark:text-slate-200",
             r
           ),