@konstructio/ui 0.1.2-alpha.98 → 0.1.3

package/dist/{Wrapper-w8u2Zn4M.js → Wrapper-CTd3eiq3.js}

@@ -1,20 +1,21 @@
-import { o as Ae } from "./chunk-cI0lbGMq.js";
-import { t as X } from "./utils-COaoD3PI.js";
-import { Typography as ee } from "./components/Typography/Typography.js";
-import { n as Ne } from "./phone-number.provider-D3j9sszx.js";
-import { usePhoneNumberContext as Be } from "./components/PhoneNumberInput/contexts/phone-number.hook.js";
-import { labelVariants as Re, phoneNumberInputVariants as Ge } from "./components/PhoneNumberInput/PhoneNumberInput.variants.js";
-import { getPhoneMask as Le } from "./components/PhoneNumberInput/utils/index.js";
-import { FlagContent as Ve } from "./components/PhoneNumberInput/components/FlagContent/FlagContent.js";
-import { FlagSelectorWrapper as xe } from "./components/PhoneNumberInput/components/FlagSelectorWrapper/FlagSelectorWrapper.js";
-import { forwardRef as Ke, useCallback as De, useEffect as pe, useId as Fe, useImperativeHandle as Ue, useMemo as _e, useRef as te } from "react";
-import { jsx as B, jsxs as Z } from "react/jsx-runtime";
-function de(e, n) {
+import { o as Ne } from "./rolldown-runtime-B28h4lGi.js";
+import { n as Be } from "./phone-number.provider-CJeivoDY.js";
+import { Typography as X } from "./components/Typography/Typography.js";
+import { useClickOutside as Re } from "./hooks/useClickOutside.js";
+import { n as Ge, t as ee } from "./utils-DnIJruo0.js";
+import { labelVariants as Le, phoneNumberInputVariants as xe } from "./components/PhoneNumberInput/PhoneNumberInput.variants.js";
+import { usePhoneNumberContext as Ve } from "./components/PhoneNumberInput/contexts/phone-number.hook.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 $e(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");
@@ -22,22 +23,22 @@ function $e(e, n, t) {
       if (a === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
       return a;
     })(r);
-  })(e, we() ? Reflect.construct(n, t || [], Y(e).constructor) : n.apply(e, t));
+  })(e, ke() ? Reflect.construct(n, t || [], Y(e).constructor) : n.apply(e, t));
 }
-function ze(e, n) {
+function We(e, n) {
   if (!(e instanceof n)) throw new TypeError("Cannot call a class as a function");
 }
-function He(e, n, t) {
+function Ze(e, n, t) {
   return Object.defineProperty(e, "prototype", { writable: !1 }), e;
 }
-function Oe(e, n) {
+function Se(e, n) {
   var t = typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
   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);
@@ -81,7 +82,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     }
   };
 }
-function Se(e, n, t) {
+function we(e, n, t) {
   return (n = (function(r) {
     var o = (function(a, l) {
       if (typeof a != "object" || !a) return a;
@@ -106,7 +107,7 @@ function Y(e) {
     return n.__proto__ || Object.getPrototypeOf(n);
   }, Y(e);
 }
-function We(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,
@@ -114,17 +115,17 @@ function We(e, n) {
     configurable: !0
   } }), Object.defineProperty(e, "prototype", { writable: !1 }), n && re(e, n);
 }
-function we() {
+function ke() {
   try {
     var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {
     })));
   } catch {
   }
-  return (we = function() {
+  return (ke = function() {
     return !!e;
   })();
 }
-function fe(e, n) {
+function me(e, n) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var r = Object.getOwnPropertySymbols(e);
@@ -137,15 +138,15 @@ function fe(e, n) {
 function J(e) {
   for (var n = 1; n < arguments.length; n++) {
     var t = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? fe(Object(t), !0).forEach((function(r) {
-      Se(e, r, t[r]);
-    })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : fe(Object(t)).forEach((function(r) {
+    n % 2 ? me(Object(t), !0).forEach((function(r) {
+      we(e, r, t[r]);
+    })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : me(Object(t)).forEach((function(r) {
       Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
     }));
   }
   return e;
 }
-function Ze(e, n) {
+function Ye(e, n) {
   if (e == null) return {};
   var t, r, o = (function(l, c) {
     if (l == null) return {};
@@ -167,30 +168,30 @@ function re(e, n) {
     return t.__proto__ = r, t;
   }, re(e, n);
 }
-function U(e, n) {
-  var t, r = n.replacementChars, o = n.replacement, a = n.separate, l = r, c = "", i = Oe(e);
+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, 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 (S) {
-    i.e(S);
+  } catch (g) {
+    i.e(g);
   } finally {
     i.f();
   }
   return c;
 }
-function ke(e, n) {
-  var t, r = n.mask, o = n.replacement, a = n.separate, l = n.showMask, c = 0, i = "", u = Oe(r);
+function Me(e, n) {
+  var t, r = n.mask, o = n.replacement, a = n.separate, l = n.showMask, c = 0, i = "", u = Se(r);
   try {
     for (u.s(); !(t = u.n()).done; ) {
       var s = t.value;
       if (!l && e[c] === void 0) break;
       Object.prototype.hasOwnProperty.call(o, s) && e[c] !== void 0 ? i += e[c++] : i += s;
     }
-  } catch (S) {
-    u.e(S);
+  } catch (g) {
+    u.e(g);
   } finally {
     u.f();
   }
@@ -200,7 +201,7 @@ function ke(e, n) {
   }
   return i;
 }
-function Me(e, n) {
+function Pe(e, n) {
   for (var t = n.mask, r = n.replacement, o = [], a = 0; a < t.length; a++) {
     var l, c = (l = e[a]) !== null && l !== void 0 ? l : t[a], i = Object.prototype.hasOwnProperty.call(r, c) ? "replacement" : e[a] !== void 0 && e[a] !== t[a] ? "input" : "mask";
     o.push({
@@ -211,19 +212,19 @@ function Me(e, n) {
   }
   return o;
 }
-function K(e) {
-  return e.length > 0 ? Se({}, 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 = "", d = 0; d < u.length; d++) {
-    var S = Object.prototype.hasOwnProperty.call(l, u[d]);
-    S && i[d] !== void 0 && i[d] !== u[d] ? s += i[d] : S && c && (s += u[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 Pe(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 ke(U(e, {
+function Ee(e, n) {
+  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
@@ -234,21 +235,21 @@ function Pe(e, n) {
     showMask: !1
   });
 }
-function Je(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 Ye(e, n) {
-  var t = n.mask, r = n.replacement, o = typeof r == "string" ? K(r) : r;
-  return Me(Pe(e, {
+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
   }), {
@@ -256,7 +257,7 @@ function Ye(e, n) {
     replacement: o
   });
 }
-var Qe = [
+var Xe = [
   "[",
   "]",
   "\\",
@@ -273,38 +274,38 @@ var Qe = [
   "{",
   "}"
 ];
-function me(e) {
-  return Qe.includes(e) ? "\\".concat(e) : e;
+function ve(e) {
+  return Xe.includes(e) ? "\\".concat(e) : e;
 }
-function qe(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(me(u), ")") : "", "(").concat(o[u].source, ")") : me(u), i === t.length - 1 && (a && (c += ")?".repeat(t.length)), c += "$");
+    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 Xe(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 en(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 Ee(e, n) {
+function Ce(e, n) {
   if (!(e instanceof n)) throw new TypeError("Cannot call a class as a function");
 }
-function Ce(e, n, t) {
+function je(e, n, t) {
   return Object.defineProperty(e, "prototype", { writable: !1 }), e;
 }
-function nn(e, n, t) {
+function rn(e, n, t) {
   return (n = (function(r) {
     var o = (function(a, l) {
       if (typeof a != "object" || !a) return a;
@@ -324,18 +325,18 @@ function nn(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 tn(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 {
@@ -347,7 +348,7 @@ function ie() {
     return !!e;
   })();
 }
-function ve(e, n) {
+function he(e, n) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var r = Object.getOwnPropertySymbols(e);
@@ -357,18 +358,18 @@ function ve(e, n) {
   }
   return t;
 }
-function he(e) {
+function ye(e) {
   for (var n = 1; n < arguments.length; n++) {
     var t = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? ve(Object(t), !0).forEach((function(r) {
-      nn(e, r, t[r]);
-    })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ve(Object(t)).forEach((function(r) {
+    n % 2 ? he(Object(t), !0).forEach((function(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 rn(e, n) {
+function on(e, n) {
   if (e == null) return {};
   var t, r, o = (function(l, c) {
     if (l == null) return {};
@@ -385,10 +386,10 @@ function rn(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;
@@ -411,107 +412,107 @@ 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 Ee(this, n), (r = en(this, n, [t])).name = "SyntheticChangeError", r;
+    return Ce(this, n), (r = tn(this, n, [t])).name = "SyntheticChangeError", r;
   }
-  return tn(n, e), Ce(n);
-})(oe(Error)), ye, an = ["options"], ge = [
+  return an(n, e), je(n);
+})(oe(Error)), ge, ln = ["options"], be = [
   "text",
   "email",
   "tel",
   "search",
   "url"
-], je = Ce((function e(n) {
+], Te = je((function e(n) {
   var t = n.init, r = n.tracking;
-  Ee(this, e);
+  Ce(this, e);
   var o = /* @__PURE__ */ new WeakMap();
   this.register = function(a) {
     var l;
-    if (ge.includes(a.type)) {
-      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, S = t({
+    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, d = s !== void 0 && s, g = t({
         initialValue: a.value || u,
         controlled: d
-      }), P = S.value, C = S.options, y = {
-        value: P,
-        options: C,
-        fallbackOptions: C
-      }, m = {
+      }), j = g.value, A = g.options, h = {
+        value: j,
+        options: A,
+        fallbackOptions: A
+      }, v = {
         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 f;
-        p.value = h, w == null || (f = w.set) === null || f === void 0 || f.call(a, h);
-      } })), a.value = P;
-      var g = function() {
-        var h = function() {
-          var f, k;
-          p.selectionStart = (f = a.selectionStart) !== null && f !== void 0 ? f : 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 f, k;
-          if (m.cachedId === m.id) throw new _("The input selection has not been updated.");
-          m.cachedId = m.id;
-          var M = a.value, b = a.selectionStart, N = a.selectionEnd;
-          if (b === null || N === null) throw new _("The selection attributes have not been initialized.");
-          var O, j = p.value;
-          if (h.inputType === void 0 && (p.selectionStart = 0, p.selectionEnd = j.length), b > p.selectionStart ? O = "insert" : b <= p.selectionStart && b < p.selectionEnd ? O = "deleteBackward" : b === p.selectionEnd && M.length < j.length && (O = "deleteForward"), O === void 0 || (O === "deleteBackward" || O === "deleteForward") && M.length > j.length) throw new _("Input type detection error.");
-          var T = "", I = p.selectionStart, R = p.selectionEnd;
-          if (O === "insert") T = M.slice(p.selectionStart, b);
+          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 = j.length - M.length;
-            I = b, R = b + D;
+            var L = k.length - P.length;
+            R = b, E = b + L;
           }
-          y.value !== j ? y.options = y.fallbackOptions : y.fallbackOptions = y.options;
-          var F = y.options, G = r({
-            inputType: O,
-            previousValue: j,
-            previousOptions: F,
-            value: M,
-            addedValue: T,
-            changeStart: I,
-            changeEnd: R,
+          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: N
-          }), H = G.options, A = rn(G, an);
-          a.value = A.value, a.setSelectionRange(A.selectionStart, A.selectionEnd), y.value = A.value, y.options = H, p.selectionStart = A.selectionStart, p.selectionEnd = A.selectionEnd, (f = a._valueTracker) === null || f === void 0 || (k = f.setValue) === null || k === void 0 || k.call(f, j);
-        } catch (W) {
-          if (a.value = p.value, a.setSelectionRange(p.selectionStart, p.selectionEnd), h.preventDefault(), h.stopPropagation(), W.name !== "SyntheticChangeError") throw W;
+            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 && g(), a.addEventListener("focus", g), a.addEventListener("blur", E), a.addEventListener("input", v), o.set(a, {
-        onFocus: g,
-        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(ge.join(", "), "."));
+    } 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) {
     var l = o.get(a);
     l !== void 0 && (a.removeEventListener("focus", l.onFocus), a.removeEventListener("blur", l.onBlur), a.removeEventListener("input", l.onInput), o.delete(a));
   };
 }));
-ye = je, Object.defineProperty(ye.prototype, Symbol.toStringTag, {
+ge = Te, Object.defineProperty(ge.prototype, Symbol.toStringTag, {
   writable: !1,
   enumerable: !1,
   configurable: !0,
@@ -525,39 +526,39 @@ var ne = function(e) {
 `), `
 `));
   };
-}, be, on = ["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,
     modify: e.modify
   };
 }
-var Te = (function(e) {
+var Ie = (function(e) {
   function n() {
     var t, r = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    return ze(this, n), (t = $e(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, d = c.showMask;
-        return a = l || a ? a : d ? i : "", process.env.NODE_ENV !== "production" && (function(S) {
-          var P = S.initialValue, C = S.mask, y = S.replacement;
-          P.length > C.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 = C.slice(0, P.length), w = -1, g = 0; g < p.length; g++) {
-            var E = Object.prototype.hasOwnProperty.call(y, p[g]);
-            if (!(p[g] === P[g] || E && y[p[g]].test(P[g]))) {
-              w = g;
+          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;
             }
           }
-          w !== -1 && console.error(ne(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(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,
@@ -572,7 +573,7 @@ var Te = (function(e) {
         };
       },
       tracking: function(o) {
-        var a = o.inputType, l = o.previousValue, c = o.previousOptions, i = o.addedValue, u = o.changeStart, s = o.changeEnd, d = x(r), S = d.track, P = d.modify, C = Ze(d, on), y = C.mask, m = C.replacement, p = C.showMask, w = C.separate, g = 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
         } : {
@@ -582,55 +583,55 @@ var Te = (function(e) {
           value: l,
           selectionStart: u,
           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 = P?.(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: u }, c)), f = 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: w
-        }), 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 (w) {
-          var b = y.slice(u, s).replace(k, ""), N = b.length - i.length;
-          N < 0 ? f = f.slice(-N) : N > 0 && (f = b.slice(-N) + f);
+        }), 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);
         }
-        f && (f = U(f, {
-          replacementChars: M,
-          replacement: m,
-          separate: w
+        m && (m = $(m, {
+          replacementChars: P,
+          replacement: v,
+          separate: O
         }));
-        var O = ke(h + i + f, {
-          mask: y,
-          replacement: m,
-          separate: w,
+        var w = Me(y + i + m, {
+          mask: h,
+          replacement: v,
+          separate: O,
           showMask: p
-        }), j = (function(T) {
-          var I, R, D, F = T.inputType, G = T.value, H = T.addedValue, A = T.beforeChangeValue, W = T.mask, le = T.replacement, Ie = T.separate, Q = Me(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" || Ie && se === "replacement";
-          })), ce = (I = Q[A.length + H.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 + H.length]) === null || D === void 0 ? void 0 : D.index;
-          if (F === "insert") {
+            return se === "input" || Ae && se === "replacement";
+          })), 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);
@@ -638,43 +639,43 @@ var Te = (function(e) {
           return ue !== -1 ? ue : G.length;
         })({
           inputType: a,
-          value: O,
+          value: w,
           addedValue: i,
-          beforeChangeValue: h,
-          mask: y,
-          replacement: m,
-          separate: w
+          beforeChangeValue: y,
+          mask: h,
+          replacement: v,
+          separate: O
         });
         return {
-          value: O,
-          selectionStart: j,
-          selectionEnd: j,
+          value: w,
+          selectionStart: k,
+          selectionEnd: k,
           options: {
-            mask: y,
-            replacement: m,
-            separate: w
+            mask: h,
+            replacement: v,
+            separate: O
           }
         };
       }
     }])).format = function(o) {
-      return Pe(o, x(r));
+      return Ee(o, U(r));
     }, t.formatToParts = function(o) {
-      return Ye(o, x(r));
+      return qe(o, U(r));
     }, t.unformat = function(o) {
-      return Je(o, x(r));
+      return Qe(o, U(r));
     }, t.generatePattern = function(o) {
-      return qe(o, x(r));
+      return en(o, U(r));
     }, t;
   }
-  return We(n, je), He(n);
+  return Je(n, Te), Ze(n);
 })();
-be = Te, Object.defineProperty(be.prototype, Symbol.toStringTag, {
+Oe = Ie, Object.defineProperty(Oe.prototype, Symbol.toStringTag, {
   writable: !1,
   enumerable: !1,
   configurable: !0,
   value: "Mask"
 });
-function ln() {
+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,
@@ -683,12 +684,12 @@ function ln() {
     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 Xe(c, new Te(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 cn = /* @__PURE__ */ Ae(Ne(), 1);
-var un = {
+var sn = /* @__PURE__ */ Ne(Be(), 1);
+var pn = {
   AF: "Afghanistan",
   AL: "Albania",
   DZ: "Algeria",
@@ -966,92 +967,102 @@ var un = {
   SX: "Sint Maarten (Dutch part)",
   SS: "South Sudan",
   XK: "Kosovo"
-}, sn = {
+}, dn = {
   locale: "en",
-  countries: un
+  countries: pn
 };
-cn.registerLocale(sn);
-var wn = Ke(({ 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: d = !0, showNameOnSearch: S = !0, wrapperClassName: P, showPlaceHolder: C, ...y }, m) => {
-  const p = Fe(), w = i ?? p, g = te(null), { isOpenSelector: E, value: v, selectedCountry: h, onChangeValue: f, handleOpenSelector: k } = Be(), M = typeof n == "string" && n.length >= 0, b = ln({
-    mask: Le(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 } = Ve(), k = typeof n == "string" && n.length > 0, I = !k && !!t, R = Ge(k && f, I && y), E = un({
+    mask: Ke(b),
     replacement: { _: /\d/ }
   });
-  Ue(m, () => b.current, [b]);
-  const N = De((O) => {
-    O.target.value.startsWith(h.prefix) ? f(O.target.value) : f(`${h.prefix} `);
-  }, [h.prefix, f]);
-  return pe(() => {
-    const O = new AbortController(), j = (I) => {
-      I.key === "Escape" && k(!1);
-    }, T = (I) => {
-      g.current?.contains(I.target) || 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", j, { signal: O.signal }), document.addEventListener("mousedown", T, { signal: O.signal }), document.addEventListener("visibilitychange", () => {
-      document.hidden && k(!1);
-    }, { signal: O.signal }), () => {
-      O.abort();
+    return document.addEventListener("keydown", N, { signal: C.signal }), document.addEventListener("visibilitychange", () => {
+      document.hidden && w(!1);
+    }, { signal: C.signal }), () => {
+      C.abort();
     };
-  }, [k, g]), pe(() => {
-    b.current && (b.current.value = h.prefix + " ");
-  }, [h.code]), /* @__PURE__ */ Z("div", {
+  }, [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: ee(i),
         children: /* @__PURE__ */ Z("label", {
-          id: w,
-          className: Re({ className: l }),
-          onClick: () => !e && b.current?.focus(),
-          children: [a, o && /* @__PURE__ */ B(ee, {
+          htmlFor: M,
+          className: Le({ className: c }),
+          onClick: () => !e && E.current?.focus(),
+          children: [l, a && /* @__PURE__ */ V(X, {
             component: "span",
+            "aria-hidden": "true",
             className: "text-red-600 dark:text-red-500 ml-1",
             children: "*"
           })]
         })
       }) : null,
       /* @__PURE__ */ Z("div", {
-        ref: g,
-        "data-state": E ? "open" : "closed",
-        className: Ge({
-          className: P,
-          variant: M ? "error" : "default"
+        ref: m,
+        "data-state": T ? "open" : "closed",
+        className: xe({
+          className: A,
+          variant: k ? "error" : "default"
         }),
         children: [/* @__PURE__ */ Z("div", {
           className: "p-2 flex items-center gap-2.5",
-          children: [/* @__PURE__ */ B(Ve, {}), /* @__PURE__ */ B("input", {
-            id: a ? w : void 0,
-            ref: b,
-            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"),
+            className: ee("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: N,
+            value: P,
+            onChange: L,
             disabled: e,
-            ...y
+            "aria-invalid": k || void 0,
+            "aria-describedby": R,
+            "aria-required": a || void 0
           })]
-        }), E && /* @__PURE__ */ B(xe, {
-          placeholder: u,
-          showFlagOnSearch: s,
-          showInputFilter: d,
-          showNameOnSearch: S,
-          showPlaceHolder: C
+        }), T && /* @__PURE__ */ V(Fe, {
+          placeholder: s,
+          showFlagOnSearch: d,
+          showInputFilter: g,
+          showNameOnSearch: j,
+          showPlaceHolder: h
         })]
       }),
-      n ? /* @__PURE__ */ B(ee, {
+      k ? /* @__PURE__ */ V(X, {
         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(X, {
         component: "span",
-        className: X("text-xs kubefirst-dark:text-slate-200", r),
+        id: y,
+        className: ee("text-xs kubefirst-dark:text-slate-200", r),
         children: t
       }) : null
     ]
   });
 });
 export {
-  wn as t
+  Pn as t
 };