@konstructio/ui 0.1.2-alpha.7 → 0.1.2-alpha.71

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

@@ -0,0 +1,652 @@
+import "./FlagSelectorList/FlagSelectorList.js";
+import { jsxs as Z, jsx as B } from "react/jsx-runtime";
+import { i as Ae } from "../../../index-BmVmDQGH.js";
+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 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";
+import { FlagContent as Fe } from "./FlagContent/FlagContent.js";
+import { FlagSelectorWrapper as Ue } from "./FlagSelectorWrapper/FlagSelectorWrapper.js";
+function fe(e, t) {
+  (t == null || t > e.length) && (t = e.length);
+  for (var n = 0, r = Array(t); n < t; n++) r[n] = e[n];
+  return r;
+}
+function $e(e, t, n) {
+  return t = Y(t), (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, we() ? Reflect.construct(t, n || [], Y(e).constructor) : t.apply(e, n));
+}
+function ze(e, t) {
+  if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
+}
+function He(e, t, n) {
+  return Object.defineProperty(e, "prototype", { writable: !1 }), e;
+}
+function Oe(e, t) {
+  var n = typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
+  if (!n) {
+    if (Array.isArray(e) || (n = (function(i, c) {
+      if (i) {
+        if (typeof i == "string") return fe(i, c);
+        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);
+      var r = 0, o = function() {
+      };
+      return { s: o, n: function() {
+        return r >= e.length ? { done: !0 } : { done: !1, value: e[r++] };
+      }, e: function(i) {
+        throw i;
+      }, f: o };
+    }
+    throw new TypeError(`Invalid attempt to iterate non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+  }
+  var a, l = !0, u = !1;
+  return { s: function() {
+    n = n.call(e);
+  }, n: function() {
+    var i = n.next();
+    return l = i.done, i;
+  }, e: function(i) {
+    u = !0, a = i;
+  }, f: function() {
+    try {
+      l || n.return == null || n.return();
+    } finally {
+      if (u) throw a;
+    }
+  } };
+}
+function Se(e, t, n) {
+  return (t = (function(r) {
+    var o = (function(a, l) {
+      if (typeof a != "object" || !a) return a;
+      var u = a[Symbol.toPrimitive];
+      if (u !== void 0) {
+        var i = u.call(a, l);
+        if (typeof i != "object") return i;
+        throw new TypeError("@@toPrimitive must return a primitive value.");
+      }
+      return (l === "string" ? String : Number)(a);
+    })(r, "string");
+    return typeof o == "symbol" ? o : o + "";
+  })(t)) in e ? Object.defineProperty(e, t, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = n, e;
+}
+function Y(e) {
+  return Y = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t) {
+    return t.__proto__ || Object.getPrototypeOf(t);
+  }, 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 && re(e, t);
+}
+function we() {
+  try {
+    var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {
+    })));
+  } catch {
+  }
+  return (we = function() {
+    return !!e;
+  })();
+}
+function de(e, t) {
+  var n = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var r = Object.getOwnPropertySymbols(e);
+    t && (r = r.filter((function(o) {
+      return Object.getOwnPropertyDescriptor(e, o).enumerable;
+    }))), n.push.apply(n, r);
+  }
+  return n;
+}
+function J(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var n = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? de(Object(n), !0).forEach((function(r) {
+      Se(e, r, n[r]);
+    })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : de(Object(n)).forEach((function(r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(n, r));
+    }));
+  }
+  return e;
+}
+function We(e, t) {
+  if (e == null) return {};
+  var n, r, o = (function(l, u) {
+    if (l == null) return {};
+    var i = {};
+    for (var c in l) if ({}.hasOwnProperty.call(l, c)) {
+      if (u.includes(c)) continue;
+      i[c] = l[c];
+    }
+    return i;
+  })(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < a.length; r++) n = a[r], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
+  }
+  return o;
+}
+function re(e, t) {
+  return re = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, r) {
+    return n.__proto__ = r, n;
+  }, 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, 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 (S) {
+    i.e(S);
+  } finally {
+    i.f();
+  }
+  return u;
+}
+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 s = n.value;
+      if (!l && e[u] === void 0) break;
+      Object.prototype.hasOwnProperty.call(o, s) && e[u] !== void 0 ? i += e[u++] : i += s;
+    }
+  } catch (S) {
+    c.e(S);
+  } finally {
+    c.f();
+  }
+  if (a && !l) {
+    for (var f = r.length - 1; f >= 0 && i[f] === r[f]; f--) ;
+    i = i.slice(0, f + 1);
+  }
+  return i;
+}
+function Pe(e, t) {
+  for (var n = t.mask, r = t.replacement, o = [], a = 0; a < n.length; a++) {
+    var l, u = (l = e[a]) !== null && l !== void 0 ? l : n[a], i = Object.prototype.hasOwnProperty.call(r, u) ? "replacement" : e[a] !== void 0 && e[a] !== n[a] ? "input" : "mask";
+    o.push({ type: i, value: u, index: a });
+  }
+  return o;
+}
+function K(e) {
+  return e.length > 0 ? Se({}, e, /./) : {};
+}
+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 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 = 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) {
+  var n = t.mask, r = t.replacement, o = typeof r == "string" ? K(r) : r;
+  return Pe(Me(e, { mask: n, replacement: o }), { mask: n, replacement: o });
+}
+var Ye = ["[", "]", "\\", "/", "^", "$", ".", "|", "?", "*", "+", "(", ")", "{", "}"];
+function me(e) {
+  return Ye.includes(e) ? "\\".concat(e) : e;
+}
+function Qe(e, t) {
+  for (var n = t.mask, r = t.replacement, o = typeof r == "string" ? K(r) : r, a = e === "partial" || e === "partial-inexact", l = e === "full" || e === "partial", u = "", i = 0; i < n.length; i++) {
+    var c = n[i];
+    i === 0 && (u = "^"), a && (u += "("), u += Object.prototype.hasOwnProperty.call(o, c) ? "".concat(l ? "(?!".concat(me(c), ")") : "", "(").concat(o[c].source, ")") : me(c), i === n.length - 1 && (a && (u += ")?".repeat(n.length)), u += "$");
+  }
+  return u;
+}
+function qe(e, t) {
+  return new Proxy(e, { set: function(n, r, o) {
+    return r === "current" && (o !== e.current && (e.current !== null && t.unregister(e.current), o !== null && t.register(o)), n[r] = o, !0);
+  } });
+}
+function Xe(e, t, n) {
+  return t = z(t), (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(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");
+}
+function Ce(e, t, n) {
+  return Object.defineProperty(e, "prototype", { writable: !1 }), e;
+}
+function et(e, t, n) {
+  return (t = (function(r) {
+    var o = (function(a, l) {
+      if (typeof a != "object" || !a) return a;
+      var u = a[Symbol.toPrimitive];
+      if (u !== void 0) {
+        var i = u.call(a, l);
+        if (typeof i != "object") return i;
+        throw new TypeError("@@toPrimitive must return a primitive value.");
+      }
+      return (l === "string" ? String : Number)(a);
+    })(r, "string");
+    return typeof o == "symbol" ? o : o + "";
+  })(t)) in e ? Object.defineProperty(e, t, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = n, e;
+}
+function z(e) {
+  return z = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t) {
+    return t.__proto__ || Object.getPrototypeOf(t);
+  }, z(e);
+}
+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 ie() {
+  try {
+    var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {
+    })));
+  } catch {
+  }
+  return (ie = function() {
+    return !!e;
+  })();
+}
+function ve(e, t) {
+  var n = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var r = Object.getOwnPropertySymbols(e);
+    t && (r = r.filter((function(o) {
+      return Object.getOwnPropertyDescriptor(e, o).enumerable;
+    }))), n.push.apply(n, r);
+  }
+  return n;
+}
+function he(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var n = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? ve(Object(n), !0).forEach((function(r) {
+      et(e, r, n[r]);
+    })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : ve(Object(n)).forEach((function(r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(n, r));
+    }));
+  }
+  return e;
+}
+function nt(e, t) {
+  if (e == null) return {};
+  var n, r, o = (function(l, u) {
+    if (l == null) return {};
+    var i = {};
+    for (var c in l) if ({}.hasOwnProperty.call(l, c)) {
+      if (u.includes(c)) continue;
+      i[c] = l[c];
+    }
+    return i;
+  })(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < a.length; r++) n = a[r], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
+  }
+  return o;
+}
+function H(e, t) {
+  return H = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, r) {
+    return n.__proto__ = r, n;
+  }, H(e, t);
+}
+function oe(e) {
+  var t = typeof Map == "function" ? /* @__PURE__ */ new Map() : void 0;
+  return oe = function(n) {
+    if (n === null || !(function(o) {
+      try {
+        return Function.toString.call(o).indexOf("[native code]") !== -1;
+      } catch {
+        return typeof o == "function";
+      }
+    })(n)) return n;
+    if (typeof n != "function") throw new TypeError("Super expression must either be null or a function");
+    if (t !== void 0) {
+      if (t.has(n)) return t.get(n);
+      t.set(n, r);
+    }
+    function r() {
+      return (function(o, a, l) {
+        if (ie()) return Reflect.construct.apply(null, arguments);
+        var u = [null];
+        u.push.apply(u, a);
+        var i = new (o.bind.apply(o, u))();
+        return l && H(i, l.prototype), i;
+      })(n, arguments, z(this).constructor);
+    }
+    return r.prototype = Object.create(n.prototype, { constructor: { value: r, enumerable: !1, writable: !0, configurable: !0 } }), H(r, n);
+  }, oe(e);
+}
+var $ = (function(e) {
+  function t(n) {
+    var r;
+    return Ee(this, t), (r = Xe(this, t, [n])).name = "SyntheticChangeError", r;
+  }
+  return tt(t, e), Ce(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, 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 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(h);
+      }, E = function() {
+        window.clearTimeout(m.id), m.id = -1, m.cachedId = -1;
+      }, v = function(h) {
+        try {
+          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, 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 = C.length - P.length;
+            I = b, R = b + D;
+          }
+          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 = p.value, a.setSelectionRange(p.selectionStart, p.selectionEnd), h.preventDefault(), h.stopPropagation(), W.name !== "SyntheticChangeError") throw W;
+        }
+      };
+      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);
+    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, { writable: !1, enumerable: !1, configurable: !0, value: "Input" });
+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(`
+
+`), `
+`));
+  };
+}, be, at = ["track", "modify"];
+function x(e) {
+  var t, n, r, o;
+  return { mask: (t = e.mask) !== null && t !== void 0 ? t : "", replacement: typeof e.replacement == "string" ? K(e.replacement) : (n = e.replacement) !== null && n !== void 0 ? n : {}, 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) {
+  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, 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(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;
+          }
+        }
+        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, 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);
+      }
+      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 (ue !== void 0) return ue + 1;
+          if (V !== void 0) return V;
+          if (L !== void 0) return L + 1;
+        }
+        if (F === "deleteForward") {
+          if (V !== void 0) return V;
+          if (L !== void 0) return L + 1;
+        }
+        if (F === "deleteBackward") {
+          if (L !== void 0) return L + 1;
+          if (V !== void 0) return V;
+        }
+        var ce = G.split("").findIndex((function(q) {
+          return Object.prototype.hasOwnProperty.call(le, q);
+        }));
+        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) {
+      return Je(o, x(r));
+    }, n.unformat = function(o) {
+      return Ze(o, x(r));
+    }, n.generatePattern = function(o) {
+      return Qe(o, x(r));
+    }, n;
+  }
+  return _e(t, je), He(t);
+})();
+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 = 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));
+  }), []);
+}
+const it = "en", lt = { AF: "Afghanistan", AL: "Albania", DZ: "Algeria", AS: "American Samoa", AD: "Andorra", AO: "Angola", AI: "Anguilla", AQ: "Antarctica", AG: "Antigua and Barbuda", AR: "Argentina", AM: "Armenia", AW: "Aruba", AU: "Australia", AT: "Austria", AZ: "Azerbaijan", BS: "Bahamas", BH: "Bahrain", BD: "Bangladesh", BB: "Barbados", BY: "Belarus", BE: "Belgium", BZ: "Belize", BJ: "Benin", BM: "Bermuda", BT: "Bhutan", BO: "Bolivia", BA: "Bosnia and Herzegovina", BW: "Botswana", BV: "Bouvet Island", BR: "Brazil", IO: "British Indian Ocean Territory", BN: "Brunei Darussalam", BG: "Bulgaria", BF: "Burkina Faso", BI: "Burundi", KH: "Cambodia", CM: "Cameroon", CA: "Canada", CV: "Cape Verde", KY: "Cayman Islands", CF: "Central African Republic", TD: "Chad", CL: "Chile", CN: ["People's Republic of China", "China"], CX: "Christmas Island", CC: "Cocos (Keeling) Islands", CO: "Colombia", KM: "Comoros", CG: ["Republic of the Congo", "Congo"], CD: ["Democratic Republic of the Congo", "Congo"], CK: "Cook Islands", CR: "Costa Rica", CI: ["Cote d'Ivoire", "Côte d'Ivoire", "Ivory Coast"], HR: "Croatia", CU: "Cuba", CY: "Cyprus", CZ: ["Czech Republic", "Czechia"], DK: "Denmark", DJ: "Djibouti", DM: "Dominica", DO: "Dominican Republic", EC: "Ecuador", EG: "Egypt", SV: "El Salvador", GQ: "Equatorial Guinea", ER: "Eritrea", EE: "Estonia", ET: "Ethiopia", FK: "Falkland Islands (Malvinas)", FO: "Faroe Islands", FJ: "Fiji", FI: "Finland", FR: "France", GF: "French Guiana", PF: "French Polynesia", TF: "French Southern Territories", GA: "Gabon", GM: ["Republic of The Gambia", "The Gambia", "Gambia"], GE: "Georgia", DE: "Germany", GH: "Ghana", GI: "Gibraltar", GR: "Greece", GL: "Greenland", GD: "Grenada", GP: "Guadeloupe", GU: "Guam", GT: "Guatemala", GN: "Guinea", GW: "Guinea-Bissau", GY: "Guyana", HT: "Haiti", HM: "Heard Island and McDonald Islands", VA: "Holy See (Vatican City State)", HN: "Honduras", HK: "Hong Kong", HU: "Hungary", IS: "Iceland", IN: "India", ID: "Indonesia", IR: ["Islamic Republic of Iran", "Iran"], IQ: "Iraq", IE: "Ireland", IL: "Israel", IT: "Italy", JM: "Jamaica", JP: "Japan", JO: "Jordan", KZ: "Kazakhstan", KE: "Kenya", KI: "Kiribati", KP: "North Korea", KR: ["South Korea", "Korea, Republic of", "Republic of Korea"], KW: "Kuwait", KG: "Kyrgyzstan", LA: "Lao People's Democratic Republic", LV: "Latvia", LB: "Lebanon", LS: "Lesotho", LR: "Liberia", LY: "Libya", LI: "Liechtenstein", LT: "Lithuania", LU: "Luxembourg", MO: "Macao", MG: "Madagascar", MW: "Malawi", MY: "Malaysia", MV: "Maldives", ML: "Mali", MT: "Malta", MH: "Marshall Islands", MQ: "Martinique", MR: "Mauritania", MU: "Mauritius", YT: "Mayotte", MX: "Mexico", FM: "Micronesia, Federated States of", MD: "Moldova, Republic of", MC: "Monaco", MN: "Mongolia", MS: "Montserrat", MA: "Morocco", MZ: "Mozambique", MM: "Myanmar", NA: "Namibia", NR: "Nauru", NP: "Nepal", NL: ["Netherlands", "The Netherlands", "Netherlands (Kingdom of the)"], NC: "New Caledonia", NZ: "New Zealand", NI: "Nicaragua", NE: "Niger", NG: "Nigeria", NU: "Niue", NF: "Norfolk Island", MK: ["The Republic of North Macedonia", "North Macedonia"], MP: "Northern Mariana Islands", NO: "Norway", OM: "Oman", PK: "Pakistan", PW: "Palau", PS: ["State of Palestine", "Palestine"], PA: "Panama", PG: "Papua New Guinea", PY: "Paraguay", PE: "Peru", PH: "Philippines", PN: ["Pitcairn", "Pitcairn Islands"], PL: "Poland", PT: "Portugal", PR: "Puerto Rico", QA: "Qatar", RE: "Reunion", RO: "Romania", RU: ["Russian Federation", "Russia"], RW: "Rwanda", SH: "Saint Helena", KN: "Saint Kitts and Nevis", LC: "Saint Lucia", PM: "Saint Pierre and Miquelon", VC: "Saint Vincent and the Grenadines", WS: "Samoa", SM: "San Marino", ST: "Sao Tome and Principe", SA: "Saudi Arabia", SN: "Senegal", SC: "Seychelles", SL: "Sierra Leone", SG: "Singapore", SK: "Slovakia", SI: "Slovenia", SB: "Solomon Islands", SO: "Somalia", ZA: "South Africa", GS: "South Georgia and the South Sandwich Islands", ES: "Spain", LK: "Sri Lanka", SD: "Sudan", SR: "Suriname", SJ: "Svalbard and Jan Mayen", SZ: "Eswatini", SE: "Sweden", CH: "Switzerland", SY: "Syrian Arab Republic", TW: ["Taiwan, Province of China", "Taiwan"], TJ: "Tajikistan", TZ: ["United Republic of Tanzania", "Tanzania"], TH: "Thailand", TL: "Timor-Leste", TG: "Togo", TK: "Tokelau", TO: "Tonga", TT: "Trinidad and Tobago", TN: "Tunisia", TR: ["Türkiye", "Turkey"], TM: "Turkmenistan", TC: "Turks and Caicos Islands", TV: "Tuvalu", UG: "Uganda", UA: "Ukraine", AE: ["United Arab Emirates", "UAE"], GB: ["United Kingdom", "UK", "Great Britain"], US: ["United States of America", "United States", "USA", "U.S.A.", "US", "U.S."], UM: "United States Minor Outlying Islands", UY: "Uruguay", UZ: "Uzbekistan", VU: "Vanuatu", VE: "Venezuela", VN: "Vietnam", VG: "Virgin Islands, British", VI: "Virgin Islands, U.S.", WF: "Wallis and Futuna", EH: "Western Sahara", YE: "Yemen", ZM: "Zambia", ZW: "Zimbabwe", AX: ["Åland Islands", "Aland Islands"], BQ: "Bonaire, Sint Eustatius and Saba", CW: "Curaçao", GG: "Guernsey", IM: "Isle of Man", JE: "Jersey", ME: "Montenegro", BL: "Saint Barthélemy", MF: "Saint Martin (French part)", RS: "Serbia", SX: "Sint Maarten (Dutch part)", SS: "South Sudan", XK: "Kosovo" }, ut = {
+  locale: it,
+  countries: lt
+};
+Ae.registerLocale(ut);
+const Ot = Be(
+  ({
+    disabled: e = !1,
+    error: t,
+    helperText: n,
+    helperTextClassName: r,
+    isRequired: o,
+    label: a,
+    labelClassName: l,
+    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: k
+    } = Ke(), P = typeof t == "string" && t.length >= 0, b = ot({
+      mask: De(h),
+      replacement: { _: /\d/ }
+    });
+    Ge(m, () => b.current, [b]);
+    const N = Le(
+      (O) => {
+        O.target.value.startsWith(h.prefix) ? d(O.target.value) : d(`${h.prefix} `);
+      },
+      [h.prefix, d]
+    );
+    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", C, {
+        signal: O.signal
+      }), document.addEventListener("mousedown", T, {
+        signal: O.signal
+      }), document.addEventListener(
+        "visibilitychange",
+        () => {
+          document.hidden && k(!1);
+        },
+        {
+          signal: O.signal
+        }
+      ), () => {
+        O.abort();
+      };
+    }, [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: w,
+          className: Ve({ className: l }),
+          onClick: () => !e && b.current?.focus(),
+          children: [
+            a,
+            o && /* @__PURE__ */ B(
+              X,
+              {
+                component: "span",
+                className: "text-red-600 dark:text-red-500 ml-1",
+                children: "*"
+              }
+            )
+          ]
+        }
+      ) }) : null,
+      /* @__PURE__ */ Z(
+        "div",
+        {
+          ref: g,
+          "data-state": E ? "open" : "closed",
+          className: xe({
+            className: M,
+            variant: P ? "error" : "default"
+          }),
+          children: [
+            /* @__PURE__ */ Z("div", { className: "p-2 flex items-center gap-2.5", children: [
+              /* @__PURE__ */ B(Fe, {}),
+              /* @__PURE__ */ B(
+                "input",
+                {
+                  id: a ? w : void 0,
+                  ref: b,
+                  name: i,
+                  autoComplete: "off",
+                  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,
+                  disabled: e,
+                  ...y
+                }
+              )
+            ] }),
+            E && /* @__PURE__ */ B(
+              Ue,
+              {
+                placeholder: c,
+                showFlagOnSearch: s,
+                showInputFilter: f,
+                showNameOnSearch: S,
+                showPlaceHolder: j
+              }
+            )
+          ]
+        }
+      ),
+      t ? /* @__PURE__ */ B(
+        X,
+        {
+          component: "span",
+          className: "text-xs text-red-700 dark:text-red-500",
+          children: t
+        }
+      ) : null,
+      !t && n ? /* @__PURE__ */ B(
+        X,
+        {
+          component: "span",
+          className: ee(
+            "text-xs kubefirst-dark:text-slate-200",
+            r
+          ),
+          children: n
+        }
+      ) : null
+    ] });
+  }
+);
+export {
+  Ot as Wrapper
+};

package/dist/components/PhoneNumberInput/components/index.d.ts

@@ -0,0 +1,2 @@
+export { FlagSelectorList } from './FlagSelectorList/FlagSelectorList';
+export { Wrapper } from './Wrapper';

package/dist/components/PhoneNumberInput/components/index.js

@@ -0,0 +1,6 @@
+import { FlagSelectorList as o } from "./FlagSelectorList/FlagSelectorList.js";
+import { Wrapper as t } from "./Wrapper.js";
+export {
+  o as FlagSelectorList,
+  t as Wrapper
+};

package/dist/components/PhoneNumberInput/contexts/index.d.ts

@@ -0,0 +1,3 @@
+export * from './phone-number.context';
+export * from './phone-number.provider';
+export * from './phone-number.hook';