@konstructio/ui 0.1.2-alpha.105 → 0.1.2-alpha.107

package/dist/{Wrapper-DP6Sxngx.js → Wrapper-a7RVCcrn.js}

@@ -1,21 +1,21 @@
-import { o as Ne } from "./rolldown-runtime-Ck3dxwZt.js";
-import { t as X } from "./utils-Cx-WzRZF.js";
-import { useClickOutside as Be } from "./hooks/useClickOutside.js";
+import { o as Ne } from "./rolldown-runtime-Dw9YIBcH.js";
+import { n as Be, t as X } from "./utils-B-6R7kNE.js";
+import { useClickOutside as Re } from "./hooks/useClickOutside.js";
 import { Typography as ee } from "./components/Typography/Typography.js";
-import { n as Re } from "./phone-number.provider-BxQCTxp8.js";
-import { usePhoneNumberContext as Ge } from "./components/PhoneNumberInput/contexts/phone-number.hook.js";
-import { labelVariants as Le, phoneNumberInputVariants as Ve } from "./components/PhoneNumberInput/PhoneNumberInput.variants.js";
-import { getPhoneMask as xe } from "./components/PhoneNumberInput/utils/index.js";
-import { FlagContent as Ke } from "./components/PhoneNumberInput/components/FlagContent/FlagContent.js";
-import { FlagSelectorWrapper as De } from "./components/PhoneNumberInput/components/FlagSelectorWrapper/FlagSelectorWrapper.js";
-import { forwardRef as Fe, useCallback as pe, useEffect as fe, useId as Ue, useImperativeHandle as _e, useMemo as $e, useRef as te } from "react";
-import { jsx as B, jsxs as Z } from "react/jsx-runtime";
-function de(e, n) {
+import { n as Ge } from "./phone-number.provider-Dkq_p1Gi.js";
+import { usePhoneNumberContext as Le } from "./components/PhoneNumberInput/contexts/phone-number.hook.js";
+import { labelVariants as xe, phoneNumberInputVariants as Ve } from "./components/PhoneNumberInput/PhoneNumberInput.variants.js";
+import { getPhoneMask as Ke } from "./components/PhoneNumberInput/utils/index.js";
+import { FlagContent as De } from "./components/PhoneNumberInput/components/FlagContent/FlagContent.js";
+import { FlagSelectorWrapper as Fe } from "./components/PhoneNumberInput/components/FlagSelectorWrapper/FlagSelectorWrapper.js";
+import { forwardRef as Ue, useCallback as pe, useEffect as de, useId as _e, useImperativeHandle as $e, useMemo as ze, useRef as te } from "react";
+import { jsx as V, jsxs as Z } from "react/jsx-runtime";
+function fe(e, n) {
   (n == null || n > e.length) && (n = e.length);
   for (var t = 0, r = Array(n); t < n; t++) r[t] = e[t];
   return r;
 }
-function ze(e, n, t) {
+function He(e, n, t) {
   return n = Y(n), (function(r, o) {
     if (o && (typeof o == "object" || typeof o == "function")) return o;
     if (o !== void 0) throw new TypeError("Derived constructors may only return object or undefined");
@@ -25,10 +25,10 @@ function ze(e, n, t) {
     })(r);
   })(e, ke() ? Reflect.construct(n, t || [], Y(e).constructor) : n.apply(e, t));
 }
-function He(e, n) {
+function We(e, n) {
   if (!(e instanceof n)) throw new TypeError("Cannot call a class as a function");
 }
-function We(e, n, t) {
+function Ze(e, n, t) {
   return Object.defineProperty(e, "prototype", { writable: !1 }), e;
 }
 function Se(e, n) {
@@ -36,9 +36,9 @@ function Se(e, n) {
   if (!t) {
     if (Array.isArray(e) || (t = (function(i, u) {
       if (i) {
-        if (typeof i == "string") return de(i, u);
+        if (typeof i == "string") return fe(i, u);
         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) ? de(i, u) : void 0;
+        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, u) : void 0;
       }
     })(e)) || n) {
       t && (e = t);
@@ -107,7 +107,7 @@ function Y(e) {
     return n.__proto__ || Object.getPrototypeOf(n);
   }, Y(e);
 }
-function Ze(e, n) {
+function Je(e, n) {
   if (typeof n != "function" && n !== null) throw new TypeError("Super expression must either be null or a function");
   e.prototype = Object.create(n && n.prototype, { constructor: {
     value: e,
@@ -146,7 +146,7 @@ function J(e) {
   }
   return e;
 }
-function Je(e, n) {
+function Ye(e, n) {
   if (e == null) return {};
   var t, r, o = (function(l, c) {
     if (l == null) return {};
@@ -168,15 +168,15 @@ function re(e, n) {
     return t.__proto__ = r, t;
   }, re(e, n);
 }
-function U(e, n) {
+function $(e, n) {
   var t, r = n.replacementChars, o = n.replacement, a = n.separate, l = r, c = "", i = Se(e);
   try {
     for (i.s(); !(t = i.n()).done; ) {
-      var u, s = t.value, f = !Object.prototype.hasOwnProperty.call(o, s) && ((u = o[l[0]]) === null || u === void 0 ? void 0 : u.test(s));
-      (a && s === l[0] || f) && (l = l.slice(1), c += s);
+      var u, s = t.value, d = !Object.prototype.hasOwnProperty.call(o, s) && ((u = o[l[0]]) === null || u === void 0 ? void 0 : u.test(s));
+      (a && s === l[0] || d) && (l = l.slice(1), c += s);
     }
-  } catch (O) {
-    i.e(O);
+  } catch (g) {
+    i.e(g);
   } finally {
     i.f();
   }
@@ -190,14 +190,14 @@ function Me(e, n) {
       if (!l && e[c] === void 0) break;
       Object.prototype.hasOwnProperty.call(o, s) && e[c] !== void 0 ? i += e[c++] : i += s;
     }
-  } catch (O) {
-    u.e(O);
+  } catch (g) {
+    u.e(g);
   } finally {
     u.f();
   }
   if (a && !l) {
-    for (var f = r.length - 1; f >= 0 && i[f] === r[f]; f--) ;
-    i = i.slice(0, f + 1);
+    for (var d = r.length - 1; d >= 0 && i[d] === r[d]; d--) ;
+    i = i.slice(0, d + 1);
   }
   return i;
 }
@@ -212,19 +212,19 @@ function Pe(e, n) {
   }
   return o;
 }
-function K(e) {
+function _(e) {
   return e.length > 0 ? we({}, e, /./) : {};
 }
 function ae(e, n) {
-  for (var t = n.start, r = t === void 0 ? 0 : t, o = n.end, a = n.mask, l = n.replacement, c = n.separate, i = e.slice(r, o), u = a.slice(r, o), s = "", f = 0; f < u.length; f++) {
-    var O = Object.prototype.hasOwnProperty.call(l, u[f]);
-    O && i[f] !== void 0 && i[f] !== u[f] ? s += i[f] : O && c && (s += u[f]);
+  for (var t = n.start, r = t === void 0 ? 0 : t, o = n.end, a = n.mask, l = n.replacement, c = n.separate, i = e.slice(r, o), u = a.slice(r, o), s = "", d = 0; d < u.length; d++) {
+    var g = Object.prototype.hasOwnProperty.call(l, u[d]);
+    g && i[d] !== void 0 && i[d] !== u[d] ? s += i[d] : g && c && (s += u[d]);
   }
   return s;
 }
 function Ee(e, n) {
-  var t = n.mask, r = n.replacement, o = typeof r == "string" ? K(r) : r, a = RegExp("[^".concat(Object.keys(o).join(""), "]"), "g");
-  return Me(U(e, {
+  var t = n.mask, r = n.replacement, o = typeof r == "string" ? _(r) : r, a = RegExp("[^".concat(Object.keys(o).join(""), "]"), "g");
+  return Me($(e, {
     replacementChars: t.replace(a, ""),
     replacement: o,
     separate: !1
@@ -235,20 +235,20 @@ function Ee(e, n) {
     showMask: !1
   });
 }
-function Ye(e, n) {
-  var t = n.mask, r = n.replacement, o = typeof r == "string" ? K(r) : r, a = ae(e, {
+function Qe(e, n) {
+  var t = n.mask, r = n.replacement, o = typeof r == "string" ? _(r) : r, a = ae(e, {
     mask: t,
     replacement: o,
     separate: !1
   }), l = RegExp("[^".concat(Object.keys(o).join(""), "]"), "g");
-  return U(a, {
+  return $(a, {
     replacementChars: t.replace(l, ""),
     replacement: o,
     separate: !1
   });
 }
-function Qe(e, n) {
-  var t = n.mask, r = n.replacement, o = typeof r == "string" ? K(r) : r;
+function qe(e, n) {
+  var t = n.mask, r = n.replacement, o = typeof r == "string" ? _(r) : r;
   return Pe(Ee(e, {
     mask: t,
     replacement: o
@@ -257,7 +257,7 @@ function Qe(e, n) {
     replacement: o
   });
 }
-var qe = [
+var Xe = [
   "[",
   "]",
   "\\",
@@ -275,29 +275,29 @@ var qe = [
   "}"
 ];
 function ve(e) {
-  return qe.includes(e) ? "\\".concat(e) : e;
+  return Xe.includes(e) ? "\\".concat(e) : e;
 }
-function Xe(e, n) {
-  for (var t = n.mask, r = n.replacement, o = typeof r == "string" ? K(r) : r, a = e === "partial" || e === "partial-inexact", l = e === "full" || e === "partial", c = "", i = 0; i < t.length; i++) {
+function en(e, n) {
+  for (var t = n.mask, r = n.replacement, o = typeof r == "string" ? _(r) : r, a = e === "partial" || e === "partial-inexact", l = e === "full" || e === "partial", c = "", i = 0; i < t.length; i++) {
     var u = t[i];
     i === 0 && (c = "^"), a && (c += "("), c += Object.prototype.hasOwnProperty.call(o, u) ? "".concat(l ? "(?!".concat(ve(u), ")") : "", "(").concat(o[u].source, ")") : ve(u), i === t.length - 1 && (a && (c += ")?".repeat(t.length)), c += "$");
   }
   return c;
 }
-function en(e, n) {
+function nn(e, n) {
   return new Proxy(e, { set: function(t, r, o) {
     return r === "current" && (o !== e.current && (e.current !== null && n.unregister(e.current), o !== null && n.register(o)), t[r] = o, !0);
   } });
 }
-function nn(e, n, t) {
-  return n = $(n), (function(r, o) {
+function tn(e, n, t) {
+  return n = H(n), (function(r, o) {
     if (o && (typeof o == "object" || typeof o == "function")) return o;
     if (o !== void 0) throw new TypeError("Derived constructors may only return object or undefined");
     return (function(a) {
       if (a === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
       return a;
     })(r);
-  })(e, ie() ? Reflect.construct(n, t || [], $(e).constructor) : n.apply(e, t));
+  })(e, ie() ? Reflect.construct(n, t || [], H(e).constructor) : n.apply(e, t));
 }
 function Ce(e, n) {
   if (!(e instanceof n)) throw new TypeError("Cannot call a class as a function");
@@ -305,7 +305,7 @@ function Ce(e, n) {
 function je(e, n, t) {
   return Object.defineProperty(e, "prototype", { writable: !1 }), e;
 }
-function tn(e, n, t) {
+function rn(e, n, t) {
   return (n = (function(r) {
     var o = (function(a, l) {
       if (typeof a != "object" || !a) return a;
@@ -325,18 +325,18 @@ function tn(e, n, t) {
     writable: !0
   }) : e[n] = t, e;
 }
-function $(e) {
-  return $ = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(n) {
+function H(e) {
+  return H = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(n) {
     return n.__proto__ || Object.getPrototypeOf(n);
-  }, $(e);
+  }, H(e);
 }
-function rn(e, n) {
+function an(e, n) {
   if (typeof n != "function" && n !== null) throw new TypeError("Super expression must either be null or a function");
   e.prototype = Object.create(n && n.prototype, { constructor: {
     value: e,
     writable: !0,
     configurable: !0
-  } }), Object.defineProperty(e, "prototype", { writable: !1 }), n && z(e, n);
+  } }), Object.defineProperty(e, "prototype", { writable: !1 }), n && W(e, n);
 }
 function ie() {
   try {
@@ -362,14 +362,14 @@ function ye(e) {
   for (var n = 1; n < arguments.length; n++) {
     var t = arguments[n] != null ? arguments[n] : {};
     n % 2 ? he(Object(t), !0).forEach((function(r) {
-      tn(e, r, t[r]);
+      rn(e, r, t[r]);
     })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : he(Object(t)).forEach((function(r) {
       Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
     }));
   }
   return e;
 }
-function an(e, n) {
+function on(e, n) {
   if (e == null) return {};
   var t, r, o = (function(l, c) {
     if (l == null) return {};
@@ -386,10 +386,10 @@ function an(e, n) {
   }
   return o;
 }
-function z(e, n) {
-  return z = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, r) {
+function W(e, n) {
+  return W = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, r) {
     return t.__proto__ = r, t;
-  }, z(e, n);
+  }, W(e, n);
 }
 function oe(e) {
   var n = typeof Map == "function" ? /* @__PURE__ */ new Map() : void 0;
@@ -412,24 +412,24 @@ function oe(e) {
         var c = [null];
         c.push.apply(c, a);
         var i = new (o.bind.apply(o, c))();
-        return l && z(i, l.prototype), i;
-      })(t, arguments, $(this).constructor);
+        return l && W(i, l.prototype), i;
+      })(t, arguments, H(this).constructor);
     }
     return r.prototype = Object.create(t.prototype, { constructor: {
       value: r,
       enumerable: !1,
       writable: !0,
       configurable: !0
-    } }), z(r, t);
+    } }), W(r, t);
   }, oe(e);
 }
-var _ = (function(e) {
+var z = (function(e) {
   function n(t) {
     var r;
-    return Ce(this, n), (r = nn(this, n, [t])).name = "SyntheticChangeError", r;
+    return Ce(this, n), (r = tn(this, n, [t])).name = "SyntheticChangeError", r;
   }
-  return rn(n, e), je(n);
-})(oe(Error)), ge, on = ["options"], be = [
+  return an(n, e), je(n);
+})(oe(Error)), ge, ln = ["options"], be = [
   "text",
   "email",
   "tel",
@@ -442,69 +442,69 @@ var _ = (function(e) {
   this.register = function(a) {
     var l;
     if (be.includes(a.type)) {
-      var c = (l = a._wrapperState) !== null && l !== void 0 ? l : {}, i = c.initialValue, u = i === void 0 ? "" : i, s = c.controlled, f = s !== void 0 && s, O = t({
+      var c = (l = a._wrapperState) !== null && l !== void 0 ? l : {}, i = c.initialValue, u = i === void 0 ? "" : i, s = c.controlled, d = s !== void 0 && s, g = t({
         initialValue: a.value || u,
-        controlled: f
-      }), P = O.value, j = O.options, y = {
-        value: P,
-        options: j,
-        fallbackOptions: j
-      }, m = {
+        controlled: d
+      }), j = g.value, A = g.options, h = {
+        value: j,
+        options: A,
+        fallbackOptions: A
+      }, v = {
         id: -1,
         cachedId: -1
       }, p = {
         value: "",
         selectionStart: 0,
         selectionEnd: 0
-      }, S = Object.getOwnPropertyDescriptor("_valueTracker" in a ? a : HTMLInputElement.prototype, "value");
-      Object.defineProperty(a, "value", ye(ye({}, S), {}, { set: function(h) {
-        var d;
-        p.value = h, S == null || (d = S.set) === null || d === void 0 || d.call(a, h);
-      } })), a.value = P;
-      var w = 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);
+      }, O = Object.getOwnPropertyDescriptor("_valueTracker" in a ? a : HTMLInputElement.prototype, "value");
+      Object.defineProperty(a, "value", ye(ye({}, O), {}, { set: function(y) {
+        var m;
+        p.value = y, O == null || (m = O.set) === null || m === void 0 || m.call(a, y);
+      } })), a.value = j;
+      var S = function() {
+        var y = function() {
+          var m, T;
+          p.selectionStart = (m = a.selectionStart) !== null && m !== void 0 ? m : 0, p.selectionEnd = (T = a.selectionEnd) !== null && T !== void 0 ? T : 0, v.id = window.setTimeout(y);
         };
-        m.id = window.setTimeout(h);
-      }, E = function() {
-        window.clearTimeout(m.id), m.id = -1, m.cachedId = -1;
-      }, v = function(h) {
+        v.id = window.setTimeout(y);
+      }, M = function() {
+        window.clearTimeout(v.id), v.id = -1, v.cachedId = -1;
+      }, f = function(y) {
         try {
-          var d, k;
-          if (m.cachedId === m.id) throw new _("The input selection has not been updated.");
-          m.cachedId = m.id;
-          var M = a.value, g = a.selectionStart, A = a.selectionEnd;
-          if (g === null || A === null) throw new _("The selection attributes have not been initialized.");
-          var C, b = p.value;
-          if (h.inputType === void 0 && (p.selectionStart = 0, p.selectionEnd = b.length), g > p.selectionStart ? C = "insert" : g <= p.selectionStart && g < p.selectionEnd ? C = "deleteBackward" : g === p.selectionEnd && M.length < b.length && (C = "deleteForward"), C === void 0 || (C === "deleteBackward" || C === "deleteForward") && M.length > b.length) throw new _("Input type detection error.");
-          var T = "", N = p.selectionStart, R = p.selectionEnd;
-          if (C === "insert") T = M.slice(p.selectionStart, g);
+          var m, T;
+          if (v.cachedId === v.id) throw new z("The input selection has not been updated.");
+          v.cachedId = v.id;
+          var P = a.value, b = a.selectionStart, B = a.selectionEnd;
+          if (b === null || B === null) throw new z("The selection attributes have not been initialized.");
+          var w, k = p.value;
+          if (y.inputType === void 0 && (p.selectionStart = 0, p.selectionEnd = k.length), b > p.selectionStart ? w = "insert" : b <= p.selectionStart && b < p.selectionEnd ? w = "deleteBackward" : b === p.selectionEnd && P.length < k.length && (w = "deleteForward"), w === void 0 || (w === "deleteBackward" || w === "deleteForward") && P.length > k.length) throw new z("Input type detection error.");
+          var I = "", R = p.selectionStart, E = p.selectionEnd;
+          if (w === "insert") I = P.slice(p.selectionStart, b);
           else {
-            var D = b.length - M.length;
-            N = g, R = g + D;
+            var L = k.length - P.length;
+            R = b, E = b + L;
           }
-          y.value !== b ? y.options = y.fallbackOptions : y.fallbackOptions = y.options;
-          var F = y.options, G = r({
-            inputType: C,
-            previousValue: b,
-            previousOptions: F,
-            value: M,
-            addedValue: T,
-            changeStart: N,
-            changeEnd: R,
-            selectionStart: g,
-            selectionEnd: A
-          }), H = G.options, I = an(G, on);
-          a.value = I.value, a.setSelectionRange(I.selectionStart, I.selectionEnd), y.value = I.value, y.options = H, p.selectionStart = I.selectionStart, p.selectionEnd = I.selectionEnd, (d = a._valueTracker) === null || d === void 0 || (k = d.setValue) === null || k === void 0 || k.call(d, b);
-        } catch (W) {
-          if (a.value = p.value, a.setSelectionRange(p.selectionStart, p.selectionEnd), h.preventDefault(), h.stopPropagation(), W.name !== "SyntheticChangeError") throw W;
+          h.value !== k ? h.options = h.fallbackOptions : h.fallbackOptions = h.options;
+          var x = h.options, G = r({
+            inputType: w,
+            previousValue: k,
+            previousOptions: x,
+            value: P,
+            addedValue: I,
+            changeStart: R,
+            changeEnd: E,
+            selectionStart: b,
+            selectionEnd: B
+          }), C = G.options, N = on(G, ln);
+          a.value = N.value, a.setSelectionRange(N.selectionStart, N.selectionEnd), h.value = N.value, h.options = C, p.selectionStart = N.selectionStart, p.selectionEnd = N.selectionEnd, (m = a._valueTracker) === null || m === void 0 || (T = m.setValue) === null || T === void 0 || T.call(m, k);
+        } catch (K) {
+          if (a.value = p.value, a.setSelectionRange(p.selectionStart, p.selectionEnd), y.preventDefault(), y.stopPropagation(), K.name !== "SyntheticChangeError") throw K;
         }
       };
-      document.activeElement === a && w(), a.addEventListener("focus", w), a.addEventListener("blur", E), a.addEventListener("input", v), o.set(a, {
-        onFocus: w,
-        onBlur: E,
-        onInput: v
+      document.activeElement === a && S(), a.addEventListener("focus", S), a.addEventListener("blur", M), a.addEventListener("input", f), o.set(a, {
+        onFocus: S,
+        onBlur: M,
+        onInput: f
       });
     } else process.env.NODE_ENV !== "production" && console.warn("Warn: The input element type does not match one of the types: ".concat(be.join(", "), "."));
   }, this.unregister = function(a) {
@@ -526,12 +526,12 @@ var ne = function(e) {
 `), `
 `));
   };
-}, Oe, ln = ["track", "modify"];
-function x(e) {
+}, Oe, cn = ["track", "modify"];
+function U(e) {
   var n, t, r, o;
   return {
     mask: (n = e.mask) !== null && n !== void 0 ? n : "",
-    replacement: typeof e.replacement == "string" ? K(e.replacement) : (t = e.replacement) !== null && t !== void 0 ? t : {},
+    replacement: typeof e.replacement == "string" ? _(e.replacement) : (t = e.replacement) !== null && t !== void 0 ? t : {},
     showMask: (r = e.showMask) !== null && r !== void 0 && r,
     separate: (o = e.separate) !== null && o !== void 0 && o,
     track: e.track,
@@ -541,24 +541,24 @@ function x(e) {
 var Ie = (function(e) {
   function n() {
     var t, r = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    return He(this, n), (t = ze(this, n, [{
+    return We(this, n), (t = He(this, n, [{
       init: function(o) {
-        var a = o.initialValue, l = o.controlled, c = x(r), i = c.mask, u = c.replacement, s = c.separate, f = c.showMask;
-        return a = l || a ? a : f ? i : "", process.env.NODE_ENV !== "production" && (function(O) {
-          var P = O.initialValue, j = O.mask, y = O.replacement;
-          P.length > j.length && console.error(ne(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(P, '".'), "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;
+        var a = o.initialValue, l = o.controlled, c = U(r), i = c.mask, u = c.replacement, s = c.separate, d = c.showMask;
+        return a = l || a ? a : d ? i : "", process.env.NODE_ENV !== "production" && (function(g) {
+          var j = g.initialValue, A = g.mask, h = g.replacement;
+          j.length > A.length && console.error(ne(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(j, '".'), "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 v = Object.keys(h).filter((function(f) {
+            return f.length > 1;
           }));
-          m.length > 0 && console.error(ne(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, P.length), S = -1, w = 0; w < p.length; w++) {
-            var E = Object.prototype.hasOwnProperty.call(y, p[w]);
-            if (!(p[w] === P[w] || E && y[p[w]].test(P[w]))) {
-              S = w;
+          v.length > 0 && console.error(ne(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(v.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 = A.slice(0, j.length), O = -1, S = 0; S < p.length; S++) {
+            var M = Object.prototype.hasOwnProperty.call(h, p[S]);
+            if (!(p[S] === j[S] || M && h[p[S]].test(j[S]))) {
+              O = S;
               break;
             }
           }
-          S !== -1 && console.error(ne(Error)("An invalid character was found in the initialized property value `value` or `defaultValue` (index: ".concat(S, "). Check the correctness of the initialized value in the specified property."), 'Invalid value: "'.concat(P, '".'), "To initialize an unmasked value, use the `format` utility. More details https://github.com/GoncharukOrg/react-input/tree/main/packages/mask#initializing-the-value."));
+          O !== -1 && console.error(ne(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(j, '".'), "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,
@@ -573,7 +573,7 @@ var Ie = (function(e) {
         };
       },
       tracking: function(o) {
-        var a = o.inputType, l = o.previousValue, c = o.previousOptions, i = o.addedValue, u = o.changeStart, s = o.changeEnd, f = x(r), O = f.track, P = f.modify, j = Je(f, ln), y = j.mask, m = j.replacement, p = j.showMask, S = j.separate, w = J(J({}, a === "insert" ? {
+        var a = o.inputType, l = o.previousValue, c = o.previousOptions, i = o.addedValue, u = o.changeStart, s = o.changeEnd, d = U(r), g = d.track, j = d.modify, A = Ye(d, cn), h = A.mask, v = A.replacement, p = A.showMask, O = A.separate, S = J(J({}, a === "insert" ? {
           inputType: a,
           data: i
         } : {
@@ -583,55 +583,55 @@ var Ie = (function(e) {
           value: l,
           selectionStart: u,
           selectionEnd: s
-        }), E = O?.(w);
-        if (E === !1) throw new _("Custom tracking stop.");
-        E === null ? i = "" : E !== !0 && E !== void 0 && (i = E);
-        var v = P?.(w);
-        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 && (S = v.separate);
-        var h = ae(l, J({ end: u }, c)), d = ae(l, J({ start: s }, c)), k = RegExp("[^".concat(Object.keys(m).join(""), "]"), "g"), M = y.replace(k, "");
-        if (h && (h = U(h, {
-          replacementChars: M,
-          replacement: m,
-          separate: S
-        }), M = M.slice(h.length)), i && (i = U(i, {
-          replacementChars: M,
-          replacement: m,
+        }), M = g?.(S);
+        if (M === !1) throw new z("Custom tracking stop.");
+        M === null ? i = "" : M !== !0 && M !== void 0 && (i = M);
+        var f = j?.(S);
+        f?.mask !== void 0 && (h = f.mask), f?.replacement !== void 0 && (v = typeof f?.replacement == "string" ? _(f?.replacement) : f.replacement), f?.showMask !== void 0 && (p = f.showMask), f?.separate !== void 0 && (O = f.separate);
+        var y = ae(l, J({ end: u }, c)), m = ae(l, J({ start: s }, c)), T = RegExp("[^".concat(Object.keys(v).join(""), "]"), "g"), P = h.replace(T, "");
+        if (y && (y = $(y, {
+          replacementChars: P,
+          replacement: v,
+          separate: O
+        }), P = P.slice(y.length)), i && (i = $(i, {
+          replacementChars: P,
+          replacement: v,
           separate: !1
-        }), M = M.slice(i.length)), a === "insert" && i === "") throw new _("The character does not match the key value of the `replacement` object.");
-        if (S) {
-          var g = y.slice(u, s).replace(k, ""), A = g.length - i.length;
-          A < 0 ? d = d.slice(-A) : A > 0 && (d = g.slice(-A) + d);
+        }), P = P.slice(i.length)), a === "insert" && i === "") throw new z("The character does not match the key value of the `replacement` object.");
+        if (O) {
+          var b = h.slice(u, s).replace(T, ""), B = b.length - i.length;
+          B < 0 ? m = m.slice(-B) : B > 0 && (m = b.slice(-B) + m);
         }
-        d && (d = U(d, {
-          replacementChars: M,
-          replacement: m,
-          separate: S
+        m && (m = $(m, {
+          replacementChars: P,
+          replacement: v,
+          separate: O
         }));
-        var C = Me(h + i + d, {
-          mask: y,
-          replacement: m,
-          separate: S,
+        var w = Me(y + i + m, {
+          mask: h,
+          replacement: v,
+          separate: O,
           showMask: p
-        }), b = (function(T) {
-          var N, R, D, F = T.inputType, G = T.value, H = T.addedValue, I = T.beforeChangeValue, W = T.mask, le = T.replacement, Ae = T.separate, Q = Pe(G, {
-            mask: W,
+        }), k = (function(I) {
+          var R, E, L, x = I.inputType, G = I.value, C = I.addedValue, N = I.beforeChangeValue, K = I.mask, le = I.replacement, Ae = I.separate, Q = Pe(G, {
+            mask: K,
             replacement: le
           }).filter((function(q) {
             var se = q.type;
             return se === "input" || Ae && se === "replacement";
-          })), ce = (N = Q[I.length + H.length - 1]) === null || N === void 0 ? void 0 : N.index, L = (R = Q[I.length - 1]) === null || R === void 0 ? void 0 : R.index, V = (D = Q[I.length + H.length]) === null || D === void 0 ? void 0 : D.index;
-          if (F === "insert") {
+          })), ce = (R = Q[N.length + C.length - 1]) === null || R === void 0 ? void 0 : R.index, D = (E = Q[N.length - 1]) === null || E === void 0 ? void 0 : E.index, F = (L = Q[N.length + C.length]) === null || L === void 0 ? void 0 : L.index;
+          if (x === "insert") {
             if (ce !== void 0) return ce + 1;
-            if (V !== void 0) return V;
-            if (L !== void 0) return L + 1;
+            if (F !== void 0) return F;
+            if (D !== void 0) return D + 1;
           }
-          if (F === "deleteForward") {
-            if (V !== void 0) return V;
-            if (L !== void 0) return L + 1;
+          if (x === "deleteForward") {
+            if (F !== void 0) return F;
+            if (D !== void 0) return D + 1;
           }
-          if (F === "deleteBackward") {
-            if (L !== void 0) return L + 1;
-            if (V !== void 0) return V;
+          if (x === "deleteBackward") {
+            if (D !== void 0) return D + 1;
+            if (F !== void 0) return F;
           }
           var ue = G.split("").findIndex((function(q) {
             return Object.prototype.hasOwnProperty.call(le, q);
@@ -639,35 +639,35 @@ var Ie = (function(e) {
           return ue !== -1 ? ue : G.length;
         })({
           inputType: a,
-          value: C,
+          value: w,
           addedValue: i,
-          beforeChangeValue: h,
-          mask: y,
-          replacement: m,
-          separate: S
+          beforeChangeValue: y,
+          mask: h,
+          replacement: v,
+          separate: O
         });
         return {
-          value: C,
-          selectionStart: b,
-          selectionEnd: b,
+          value: w,
+          selectionStart: k,
+          selectionEnd: k,
           options: {
-            mask: y,
-            replacement: m,
-            separate: S
+            mask: h,
+            replacement: v,
+            separate: O
           }
         };
       }
     }])).format = function(o) {
-      return Ee(o, x(r));
+      return Ee(o, U(r));
     }, t.formatToParts = function(o) {
-      return Qe(o, x(r));
+      return qe(o, U(r));
     }, t.unformat = function(o) {
-      return Ye(o, x(r));
+      return Qe(o, U(r));
     }, t.generatePattern = function(o) {
-      return Xe(o, x(r));
+      return en(o, U(r));
     }, t;
   }
-  return Ze(n, Te), We(n);
+  return Je(n, Te), Ze(n);
 })();
 Oe = Ie, Object.defineProperty(Oe.prototype, Symbol.toStringTag, {
   writable: !1,
@@ -675,7 +675,7 @@ Oe = Ie, Object.defineProperty(Oe.prototype, Symbol.toStringTag, {
   configurable: !0,
   value: "Mask"
 });
-function cn() {
+function un() {
   var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, n = e.mask, t = e.replacement, r = e.showMask, o = e.separate, a = e.track, l = e.modify, c = te(null), i = te({
     mask: n,
     replacement: t,
@@ -684,12 +684,12 @@ function cn() {
     track: a,
     modify: l
   });
-  return i.current.mask = n, i.current.replacement = t, i.current.showMask = r, i.current.separate = o, i.current.track = a, i.current.modify = l, $e((function() {
-    return en(c, new Ie(i.current));
+  return i.current.mask = n, i.current.replacement = t, i.current.showMask = r, i.current.separate = o, i.current.track = a, i.current.modify = l, ze((function() {
+    return nn(c, new Ie(i.current));
   }), []);
 }
-var un = /* @__PURE__ */ Ne(Re(), 1);
-var sn = {
+var sn = /* @__PURE__ */ Ne(Ge(), 1);
+var pn = {
   AF: "Afghanistan",
   AL: "Albania",
   DZ: "Algeria",
@@ -967,90 +967,96 @@ var sn = {
   SX: "Sint Maarten (Dutch part)",
   SS: "South Sudan",
   XK: "Kosovo"
-}, pn = {
+}, dn = {
   locale: "en",
-  countries: sn
+  countries: pn
 };
-un.registerLocale(pn);
-var Mn = Fe(({ disabled: e = !1, error: n, helperText: t, helperTextClassName: r, isRequired: o, label: a, labelClassName: l, labelWrapperClassName: c, name: i, placeholder: u, showFlagOnSearch: s = !0, showInputFilter: f = !0, showNameOnSearch: O = !0, wrapperClassName: P, showPlaceHolder: j, ...y }, m) => {
-  const p = Ue(), S = i ?? p, w = te(null), { isOpenSelector: E, value: v, selectedCountry: h, onChangeValue: d, handleOpenSelector: k } = Ge(), M = typeof n == "string" && n.length >= 0, g = cn({
-    mask: xe(h),
+sn.registerLocale(dn);
+var Pn = Ue(({ disabled: e = !1, error: n, helperText: t, helperTextClassName: r, id: o, isRequired: a, label: l, labelClassName: c, labelWrapperClassName: i, name: u, placeholder: s, showFlagOnSearch: d = !0, showInputFilter: g = !0, showNameOnSearch: j = !0, wrapperClassName: A, showPlaceHolder: h, onChange: v, ...p }, O) => {
+  const S = _e(), M = o ?? S, f = `${M}-error`, y = `${M}-helper-text`, m = te(null), { isOpenSelector: T, value: P, selectedCountry: b, onChangeValue: B, handleOpenSelector: w } = Le(), k = typeof n == "string" && n.length > 0, I = !k && !!t, R = Be(k && f, I && y), E = un({
+    mask: Ke(b),
     replacement: { _: /\d/ }
   });
-  _e(m, () => g.current, [g]);
-  const A = (b) => {
-    b.target.value.startsWith(h.prefix) ? d(b.target.value) : d(`${h.prefix} `);
-  };
-  Be(w, pe(() => {
-    k(!1);
-  }, [k])), fe(() => {
-    const b = new AbortController(), T = (N) => {
-      N.key === "Escape" && k(!1);
+  $e(O, () => E.current, [E]);
+  const L = (C) => {
+    C.target.value.startsWith(b.prefix) ? B(C.target.value) : B(`${b.prefix} `), v?.(C);
+  }, x = pe(() => {
+    w(!1);
+  }, [w]);
+  Re(m, x), de(() => {
+    const C = new AbortController(), N = (K) => {
+      K.key === "Escape" && w(!1);
     };
-    return document.addEventListener("keydown", T, { signal: b.signal }), document.addEventListener("visibilitychange", () => {
-      document.hidden && k(!1);
-    }, { signal: b.signal }), () => {
-      b.abort();
+    return document.addEventListener("keydown", N, { signal: C.signal }), document.addEventListener("visibilitychange", () => {
+      document.hidden && w(!1);
+    }, { signal: C.signal }), () => {
+      C.abort();
     };
-  }, [k]), fe(() => {
-    g.current && (g.current.value = h.prefix + " ");
-  }, [h.code]);
-  const C = pe((b) => {
-    b === null && g.current?.blur(), g.current = b;
-  }, [g]);
+  }, [w]), de(() => {
+    E.current && (E.current.value = b.prefix + " ");
+  }, [b.code]);
+  const G = pe((C) => {
+    C === null && E.current?.blur(), E.current = C;
+  }, [E]);
   return /* @__PURE__ */ Z("div", {
     className: "w-full flex flex-col gap-2",
     children: [
-      a ? /* @__PURE__ */ B("div", {
-        className: X(c),
+      l ? /* @__PURE__ */ V("div", {
+        className: X(i),
         children: /* @__PURE__ */ Z("label", {
-          htmlFor: S,
-          className: Le({ className: l }),
-          onClick: () => !e && g.current?.focus(),
-          children: [a, o && /* @__PURE__ */ B(ee, {
+          htmlFor: M,
+          className: xe({ className: c }),
+          onClick: () => !e && E.current?.focus(),
+          children: [l, a && /* @__PURE__ */ V(ee, {
             component: "span",
+            "aria-hidden": "true",
             className: "text-red-600 dark:text-red-500 ml-1",
             children: "*"
           })]
         })
       }) : null,
       /* @__PURE__ */ Z("div", {
-        ref: w,
-        "data-state": E ? "open" : "closed",
+        ref: m,
+        "data-state": T ? "open" : "closed",
         className: Ve({
-          className: P,
-          variant: M ? "error" : "default"
+          className: A,
+          variant: k ? "error" : "default"
         }),
         children: [/* @__PURE__ */ Z("div", {
           className: "p-2 flex items-center gap-2.5",
-          children: [/* @__PURE__ */ B(Ke, {}), /* @__PURE__ */ B("input", {
-            id: a ? S : void 0,
-            ref: C,
-            name: i,
+          children: [/* @__PURE__ */ V(De, {}), /* @__PURE__ */ V("input", {
+            ...p,
+            id: M,
+            ref: G,
+            name: u,
             autoComplete: "off",
             className: X("outline-0", "w-full", "caret-slate-800", "text-slate-800", "bg-transparent", "dark:caret-metal-50", "dark:text-metal-50", "disabled:cursor-not-allowed", "disabled:opacity-50"),
             type: "tel",
             inputMode: "tel",
-            value: v,
-            onChange: A,
+            value: P,
+            onChange: L,
             disabled: e,
-            ...y
+            "aria-invalid": k || void 0,
+            "aria-describedby": R,
+            "aria-required": a || void 0
           })]
-        }), E && /* @__PURE__ */ B(De, {
-          placeholder: u,
-          showFlagOnSearch: s,
-          showInputFilter: f,
-          showNameOnSearch: O,
-          showPlaceHolder: j
+        }), T && /* @__PURE__ */ V(Fe, {
+          placeholder: s,
+          showFlagOnSearch: d,
+          showInputFilter: g,
+          showNameOnSearch: j,
+          showPlaceHolder: h
         })]
       }),
-      n ? /* @__PURE__ */ B(ee, {
+      k ? /* @__PURE__ */ V(ee, {
         component: "span",
+        id: f,
         className: "text-xs text-red-700 dark:text-red-500",
         children: n
       }) : null,
-      !n && t ? /* @__PURE__ */ B(ee, {
+      I ? /* @__PURE__ */ V(ee, {
         component: "span",
+        id: y,
         className: X("text-xs kubefirst-dark:text-slate-200", r),
         children: t
       }) : null
@@ -1058,5 +1064,5 @@ var Mn = Fe(({ disabled: e = !1, error: n, helperText: t, helperTextClassName: r
   });
 });
 export {
-  Mn as t
+  Pn as t
 };