mainstack-design-system 1.0.0 → 1.1.2

package/dist/FormCountryOptionsList-BWbi-SZ_.js

@@ -1,1790 +0,0 @@
-import { jsx as U, jsxs as ce } from "react/jsx-runtime";
-import c, { useMemo as ae, useCallback as ze, forwardRef as Xe } from "react";
-import { n as Ke, p as Ge, M as Oe, P as u, i as He, g as N, a as Z, A as z, v as Se, I as Ye, c as Je, m as Pe, l as Ie, d as je } from "./getInternationalPhoneNumberPrefix-C8O8VTpp.js";
-import { c as Q } from "./en.json-VbJG9vrN.js";
-import { g as Qe } from "./_commonjsHelpers-C6fGbg64.js";
-import { cn as B } from "./lib/utils.js";
-import { getCountryFlagComp as et } from "./components/Form/FormCountrySelect/getCountryFlagComp.js";
-var J = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var se;
-function tt() {
-  return se || (se = 1, (function(e) {
-    (function() {
-      var n = {}.hasOwnProperty;
-      function r() {
-        for (var a = "", i = 0; i < arguments.length; i++) {
-          var l = arguments[i];
-          l && (a = o(a, t(l)));
-        }
-        return a;
-      }
-      function t(a) {
-        if (typeof a == "string" || typeof a == "number")
-          return a;
-        if (typeof a != "object")
-          return "";
-        if (Array.isArray(a))
-          return r.apply(null, a);
-        if (a.toString !== Object.prototype.toString && !a.toString.toString().includes("[native code]"))
-          return a.toString();
-        var i = "";
-        for (var l in a)
-          n.call(a, l) && a[l] && (i = o(i, l));
-        return i;
-      }
-      function o(a, i) {
-        return i ? a ? a + " " + i : a + i : a;
-      }
-      e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
-    })();
-  })(J)), J.exports;
-}
-var nt = tt();
-const k = /* @__PURE__ */ Qe(nt);
-function rt() {
-  var e = Ke(arguments), n = e.text, r = e.options, t = e.metadata;
-  return Ge(n, r, t);
-}
-function ee(e) {
-  return new Oe(e).getCountries();
-}
-function ot(e) {
-  return fe(e[0]) + fe(e[1]);
-}
-function fe(e) {
-  return String.fromCodePoint(127397 + e.toUpperCase().charCodeAt(0));
-}
-var at = ["value", "onChange", "options", "disabled", "readOnly"], it = ["value", "options", "className", "iconComponent", "getIconAspectRatio", "arrowComponent", "unicodeFlags"];
-function ut(e, n) {
-  var r = typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
-  if (r) return (r = r.call(e)).next.bind(r);
-  if (Array.isArray(e) || (r = lt(e)) || n) {
-    r && (e = r);
-    var t = 0;
-    return function() {
-      return t >= e.length ? { done: !0 } : { done: !1, value: e[t++] };
-    };
-  }
-  throw new TypeError(`Invalid attempt to iterate non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
-}
-function lt(e, n) {
-  if (e) {
-    if (typeof e == "string") return pe(e, n);
-    var r = Object.prototype.toString.call(e).slice(8, -1);
-    if (r === "Object" && e.constructor && (r = e.constructor.name), r === "Map" || r === "Set") return Array.from(e);
-    if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return pe(e, n);
-  }
-}
-function pe(e, n) {
-  (n == null || n > e.length) && (n = e.length);
-  for (var r = 0, t = new Array(n); r < n; r++) t[r] = e[r];
-  return t;
-}
-function V() {
-  return V = Object.assign ? Object.assign.bind() : function(e) {
-    for (var n = 1; n < arguments.length; n++) {
-      var r = arguments[n];
-      for (var t in r)
-        Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
-    }
-    return e;
-  }, V.apply(this, arguments);
-}
-function we(e, n) {
-  if (e == null) return {};
-  var r = ct(e, n), t, o;
-  if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(e);
-    for (o = 0; o < a.length; o++)
-      t = a[o], !(n.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
-  }
-  return r;
-}
-function ct(e, n) {
-  if (e == null) return {};
-  var r = {}, t = Object.keys(e), o, a;
-  for (a = 0; a < t.length; a++)
-    o = t[a], !(n.indexOf(o) >= 0) && (r[o] = e[o]);
-  return r;
-}
-function Ne(e) {
-  var n = e.value, r = e.onChange, t = e.options, o = e.disabled, a = e.readOnly, i = we(e, at), l = ze(function(s) {
-    var f = s.target.value;
-    r(f === "ZZ" ? void 0 : f);
-  }, [r]);
-  return ae(function() {
-    return Ee(t, n);
-  }, [t, n]), /* @__PURE__ */ c.createElement("select", V({}, i, {
-    disabled: o || a,
-    readOnly: a,
-    value: n || "ZZ",
-    onChange: l
-  }), t.map(function(s) {
-    var f = s.value, m = s.label, v = s.divider;
-    return /* @__PURE__ */ c.createElement("option", {
-      key: v ? "|" : f || "ZZ",
-      value: v ? "|" : f || "ZZ",
-      disabled: !!v,
-      style: v ? st : void 0
-    }, m);
-  }));
-}
-Ne.propTypes = {
-  /**
-   * A two-letter country code.
-   * Example: "US", "RU", etc.
-   */
-  value: u.string,
-  /**
-   * A function of `value: string`.
-   * Updates the `value` property.
-   */
-  onChange: u.func.isRequired,
-  // `<select/>` options.
-  options: u.arrayOf(u.shape({
-    value: u.string,
-    label: u.string,
-    divider: u.bool
-  })).isRequired,
-  // `readonly` attribute doesn't work on a `<select/>`.
-  // https://github.com/catamphetamine/react-phone-number-input/issues/419#issuecomment-1764384480
-  // https://www.delftstack.com/howto/html/html-select-readonly/
-  // To work around that, if `readOnly: true` property is passed
-  // to this component, it behaves analogous to `disabled: true`.
-  disabled: u.bool,
-  readOnly: u.bool
-};
-var st = {
-  fontSize: "1px",
-  backgroundColor: "currentColor",
-  color: "inherit"
-};
-function xe(e) {
-  var n = e.value, r = e.options, t = e.className, o = e.iconComponent;
-  e.getIconAspectRatio;
-  var a = e.arrowComponent, i = a === void 0 ? ft : a, l = e.unicodeFlags, s = we(e, it), f = ae(function() {
-    return Ee(r, n);
-  }, [r, n]);
-  return /* @__PURE__ */ c.createElement("div", {
-    className: "PhoneInputCountry"
-  }, /* @__PURE__ */ c.createElement(Ne, V({}, s, {
-    value: n,
-    options: r,
-    className: k("PhoneInputCountrySelect", t)
-  })), f && (l && n ? /* @__PURE__ */ c.createElement("div", {
-    className: "PhoneInputCountryIconUnicode"
-  }, ot(n)) : /* @__PURE__ */ c.createElement(o, {
-    "aria-hidden": !0,
-    country: n,
-    label: f.label,
-    aspectRatio: l ? 1 : void 0
-  })), /* @__PURE__ */ c.createElement(i, null));
-}
-xe.propTypes = {
-  // Country flag component.
-  iconComponent: u.elementType,
-  // Select arrow component.
-  arrowComponent: u.elementType,
-  // Set to `true` to render Unicode flag icons instead of SVG images.
-  unicodeFlags: u.bool
-};
-function ft() {
-  return /* @__PURE__ */ c.createElement("div", {
-    className: "PhoneInputCountrySelectArrow"
-  });
-}
-function Ee(e, n) {
-  for (var r = ut(e), t; !(t = r()).done; ) {
-    var o = t.value;
-    if (!o.divider && pt(o.value, n))
-      return o;
-  }
-}
-function pt(e, n) {
-  return e == null ? n == null : e === n;
-}
-var yt = ["country", "countryName", "flags", "flagUrl"];
-function te() {
-  return te = Object.assign ? Object.assign.bind() : function(e) {
-    for (var n = 1; n < arguments.length; n++) {
-      var r = arguments[n];
-      for (var t in r)
-        Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
-    }
-    return e;
-  }, te.apply(this, arguments);
-}
-function dt(e, n) {
-  if (e == null) return {};
-  var r = mt(e, n), t, o;
-  if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(e);
-    for (o = 0; o < a.length; o++)
-      t = a[o], !(n.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
-  }
-  return r;
-}
-function mt(e, n) {
-  if (e == null) return {};
-  var r = {}, t = Object.keys(e), o, a;
-  for (a = 0; a < t.length; a++)
-    o = t[a], !(n.indexOf(o) >= 0) && (r[o] = e[o]);
-  return r;
-}
-function ie(e) {
-  var n = e.country, r = e.countryName, t = e.flags, o = e.flagUrl, a = dt(e, yt);
-  return t && t[n] ? t[n]({
-    title: r
-  }) : /* @__PURE__ */ c.createElement("img", te({}, a, {
-    alt: r,
-    role: r ? void 0 : "presentation",
-    src: o.replace("{XX}", n).replace("{xx}", n.toLowerCase())
-  }));
-}
-ie.propTypes = {
-  // The country to be selected by default.
-  // Two-letter country code ("ISO 3166-1 alpha-2").
-  country: u.string.isRequired,
-  // Will be HTML `title` attribute of the `<img/>`.
-  countryName: u.string.isRequired,
-  // Country flag icon components.
-  // By default flag icons are inserted as `<img/>`s
-  // with their `src` pointed to `country-flag-icons` gitlab pages website.
-  // There might be cases (e.g. an offline application)
-  // where having a large (3 megabyte) `<svg/>` flags
-  // bundle is more appropriate.
-  // `import flags from 'react-phone-number-input/flags'`.
-  flags: u.objectOf(u.elementType),
-  // A URL for a country flag icon.
-  // By default it points to `country-flag-icons` gitlab pages website.
-  flagUrl: u.string.isRequired
-};
-var vt = ["aspectRatio"], gt = ["title"], bt = ["title"];
-function W() {
-  return W = Object.assign ? Object.assign.bind() : function(e) {
-    for (var n = 1; n < arguments.length; n++) {
-      var r = arguments[n];
-      for (var t in r)
-        Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
-    }
-    return e;
-  }, W.apply(this, arguments);
-}
-function ue(e, n) {
-  if (e == null) return {};
-  var r = ht(e, n), t, o;
-  if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(e);
-    for (o = 0; o < a.length; o++)
-      t = a[o], !(n.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
-  }
-  return r;
-}
-function ht(e, n) {
-  if (e == null) return {};
-  var r = {}, t = Object.keys(e), o, a;
-  for (a = 0; a < t.length; a++)
-    o = t[a], !(n.indexOf(o) >= 0) && (r[o] = e[o]);
-  return r;
-}
-function X(e) {
-  var n = e.aspectRatio, r = ue(e, vt);
-  return n === 1 ? /* @__PURE__ */ c.createElement(Fe, r) : /* @__PURE__ */ c.createElement(Ae, r);
-}
-X.propTypes = {
-  title: u.string.isRequired,
-  aspectRatio: u.number
-};
-function Ae(e) {
-  var n = e.title, r = ue(e, gt);
-  return /* @__PURE__ */ c.createElement("svg", W({}, r, {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 75 50"
-  }), /* @__PURE__ */ c.createElement("title", null, n), /* @__PURE__ */ c.createElement("g", {
-    className: "PhoneInputInternationalIconGlobe",
-    stroke: "currentColor",
-    fill: "none",
-    strokeWidth: "2",
-    strokeMiterlimit: "10"
-  }, /* @__PURE__ */ c.createElement("path", {
-    strokeLinecap: "round",
-    d: "M47.2,36.1C48.1,36,49,36,50,36c7.4,0,14,1.7,18.5,4.3"
-  }), /* @__PURE__ */ c.createElement("path", {
-    d: "M68.6,9.6C64.2,12.3,57.5,14,50,14c-7.4,0-14-1.7-18.5-4.3"
-  }), /* @__PURE__ */ c.createElement("line", {
-    x1: "26",
-    y1: "25",
-    x2: "74",
-    y2: "25"
-  }), /* @__PURE__ */ c.createElement("line", {
-    x1: "50",
-    y1: "1",
-    x2: "50",
-    y2: "49"
-  }), /* @__PURE__ */ c.createElement("path", {
-    strokeLinecap: "round",
-    d: "M46.3,48.7c1.2,0.2,2.5,0.3,3.7,0.3c13.3,0,24-10.7,24-24S63.3,1,50,1S26,11.7,26,25c0,2,0.3,3.9,0.7,5.8"
-  }), /* @__PURE__ */ c.createElement("path", {
-    strokeLinecap: "round",
-    d: "M46.8,48.2c1,0.6,2.1,0.8,3.2,0.8c6.6,0,12-10.7,12-24S56.6,1,50,1S38,11.7,38,25c0,1.4,0.1,2.7,0.2,4c0,0.1,0,0.2,0,0.2"
-  })), /* @__PURE__ */ c.createElement("path", {
-    className: "PhoneInputInternationalIconPhone",
-    stroke: "none",
-    fill: "currentColor",
-    d: "M12.4,17.9c2.9-2.9,5.4-4.8,0.3-11.2S4.1,5.2,1.3,8.1C-2,11.4,1.1,23.5,13.1,35.6s24.3,15.2,27.5,11.9c2.8-2.8,7.8-6.3,1.4-11.5s-8.3-2.6-11.2,0.3c-2,2-7.2-2.2-11.7-6.7S10.4,19.9,12.4,17.9z"
-  }));
-}
-Ae.propTypes = {
-  title: u.string.isRequired
-};
-function Fe(e) {
-  var n = e.title, r = ue(e, bt);
-  return /* @__PURE__ */ c.createElement("svg", W({}, r, {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 50 50"
-  }), /* @__PURE__ */ c.createElement("title", null, n), /* @__PURE__ */ c.createElement("g", {
-    className: "PhoneInputInternationalIconGlobe",
-    stroke: "currentColor",
-    fill: "none",
-    strokeWidth: "2",
-    strokeLinecap: "round"
-  }, /* @__PURE__ */ c.createElement("path", {
-    d: "M8.45,13A21.44,21.44,0,1,1,37.08,41.56"
-  }), /* @__PURE__ */ c.createElement("path", {
-    d: "M19.36,35.47a36.9,36.9,0,0,1-2.28-13.24C17.08,10.39,21.88.85,27.8.85s10.72,9.54,10.72,21.38c0,6.48-1.44,12.28-3.71,16.21"
-  }), /* @__PURE__ */ c.createElement("path", {
-    d: "M17.41,33.4A39,39,0,0,1,27.8,32.06c6.62,0,12.55,1.5,16.48,3.86"
-  }), /* @__PURE__ */ c.createElement("path", {
-    d: "M44.29,8.53c-3.93,2.37-9.86,3.88-16.49,3.88S15.25,10.9,11.31,8.54"
-  }), /* @__PURE__ */ c.createElement("line", {
-    x1: "27.8",
-    y1: "0.85",
-    x2: "27.8",
-    y2: "34.61"
-  }), /* @__PURE__ */ c.createElement("line", {
-    x1: "15.2",
-    y1: "22.23",
-    x2: "49.15",
-    y2: "22.23"
-  })), /* @__PURE__ */ c.createElement("path", {
-    className: "PhoneInputInternationalIconPhone",
-    stroke: "transparent",
-    fill: "currentColor",
-    d: "M9.42,26.64c2.22-2.22,4.15-3.59.22-8.49S3.08,17,.93,19.17c-2.49,2.48-.13,11.74,9,20.89s18.41,11.5,20.89,9c2.15-2.15,5.91-4.77,1-8.71s-6.27-2-8.49.22c-1.55,1.55-5.48-1.69-8.86-5.08S7.87,28.19,9.42,26.64Z"
-  }));
-}
-Fe.propTypes = {
-  title: u.string.isRequired
-};
-function Ct(e, n) {
-  var r = typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
-  if (r) return (r = r.call(e)).next.bind(r);
-  if (Array.isArray(e) || (r = Ot(e)) || n) {
-    r && (e = r);
-    var t = 0;
-    return function() {
-      return t >= e.length ? { done: !0 } : { done: !1, value: e[t++] };
-    };
-  }
-  throw new TypeError(`Invalid attempt to iterate non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
-}
-function Ot(e, n) {
-  if (e) {
-    if (typeof e == "string") return ye(e, n);
-    var r = Object.prototype.toString.call(e).slice(8, -1);
-    if (r === "Object" && e.constructor && (r = e.constructor.name), r === "Map" || r === "Set") return Array.from(e);
-    if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return ye(e, n);
-  }
-}
-function ye(e, n) {
-  (n == null || n > e.length) && (n = e.length);
-  for (var r = 0, t = new Array(n); r < n; r++) t[r] = e[r];
-  return t;
-}
-function St(e, n) {
-  if (!n)
-    return e;
-  for (var r = [], t = [], o = r, a = function() {
-    var f = l.value;
-    if (f === "|")
-      o.push({
-        divider: !0
-      });
-    else if (f === "..." || f === "…")
-      o = t;
-    else {
-      var m;
-      f === "🌐" ? m = void 0 : m = f;
-      var v = e.indexOf(e.filter(function(b) {
-        return b.value === m;
-      })[0]), d = e[v];
-      e.splice(v, 1), o.push(d);
-    }
-  }, i = Ct(n), l; !(l = i()).done; )
-    a();
-  return r.concat(e).concat(t);
-}
-function Pt(e, n) {
-  if (e && (e = e.filter(function(r) {
-    switch (r) {
-      case "🌐":
-      case "|":
-      case "...":
-      case "…":
-        return !0;
-      default:
-        return K(r, n);
-    }
-  }), e.length > 0))
-    return e;
-}
-function K(e, n) {
-  return He(e, n) ? !0 : (console.error("Country not found: ".concat(e)), !1);
-}
-function Re(e, n) {
-  return e && (e = e.filter(function(r) {
-    return K(r, n);
-  }), e.length === 0 && (e = void 0)), e;
-}
-var It = ["country", "label", "aspectRatio"];
-function ne() {
-  return ne = Object.assign ? Object.assign.bind() : function(e) {
-    for (var n = 1; n < arguments.length; n++) {
-      var r = arguments[n];
-      for (var t in r)
-        Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
-    }
-    return e;
-  }, ne.apply(this, arguments);
-}
-function jt(e, n) {
-  if (e == null) return {};
-  var r = wt(e, n), t, o;
-  if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(e);
-    for (o = 0; o < a.length; o++)
-      t = a[o], !(n.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
-  }
-  return r;
-}
-function wt(e, n) {
-  if (e == null) return {};
-  var r = {}, t = Object.keys(e), o, a;
-  for (a = 0; a < t.length; a++)
-    o = t[a], !(n.indexOf(o) >= 0) && (r[o] = e[o]);
-  return r;
-}
-function $e(e) {
-  var n = e.flags, r = e.flagUrl, t = e.flagComponent, o = e.internationalIcon;
-  function a(i) {
-    var l = i.country, s = i.label, f = i.aspectRatio, m = jt(i, It), v = o === X ? f : void 0;
-    return /* @__PURE__ */ c.createElement("div", ne({}, m, {
-      className: k("PhoneInputCountryIcon", {
-        "PhoneInputCountryIcon--square": v === 1,
-        "PhoneInputCountryIcon--border": l
-      })
-    }), l ? /* @__PURE__ */ c.createElement(t, {
-      country: l,
-      countryName: s,
-      flags: n,
-      flagUrl: r,
-      className: "PhoneInputCountryIconImg"
-    }) : /* @__PURE__ */ c.createElement(o, {
-      title: s,
-      aspectRatio: v,
-      className: "PhoneInputCountryIconImg"
-    }));
-  }
-  return a.propTypes = {
-    country: u.string,
-    label: u.string.isRequired,
-    aspectRatio: u.number
-  }, a;
-}
-$e({
-  // Must be equal to `defaultProps.flagUrl` in `./PhoneInputWithCountry.js`.
-  flagUrl: "https://purecatamphetamine.github.io/country-flag-icons/3x2/{XX}.svg",
-  flagComponent: ie,
-  internationalIcon: X
-});
-function Nt(e, n) {
-  var r = typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
-  if (r) return (r = r.call(e)).next.bind(r);
-  if (Array.isArray(e) || (r = xt(e)) || n) {
-    r && (e = r);
-    var t = 0;
-    return function() {
-      return t >= e.length ? { done: !0 } : { done: !1, value: e[t++] };
-    };
-  }
-  throw new TypeError(`Invalid attempt to iterate non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
-}
-function xt(e, n) {
-  if (e) {
-    if (typeof e == "string") return de(e, n);
-    var r = Object.prototype.toString.call(e).slice(8, -1);
-    if (r === "Object" && e.constructor && (r = e.constructor.name), r === "Map" || r === "Set") return Array.from(e);
-    if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return de(e, n);
-  }
-}
-function de(e, n) {
-  (n == null || n > e.length) && (n = e.length);
-  for (var r = 0, t = new Array(n); r < n; r++) t[r] = e[r];
-  return t;
-}
-function Et(e, n) {
-  for (var r = Nt(e), t; !(t = r()).done; ) {
-    var o = t.value;
-    o && At(o, n);
-  }
-}
-function At(e, n) {
-  typeof e == "function" ? e(n) : e.current = n;
-}
-function Ft(e) {
-  var n = e.value, r = e.phoneNumber, t = e.defaultCountry, o = e.getAnyCountry, a = e.countries, i = e.required, l = e.metadata, s;
-  return r && r.country ? s = r.country : t && (!n || R(n, t, l)) && (s = t), a && a.indexOf(s) < 0 && (s = void 0), !s && i && a && a.length > 0 && (s = o()), s;
-}
-function Rt(e) {
-  var n = e.countries, r = e.countryNames, t = e.addInternationalOption, o = e.compareStringsLocales, a = e.compareStrings;
-  a || (a = Bt);
-  var i = n.map(function(l) {
-    return {
-      value: l,
-      // All `locale` country names included in this library
-      // include all countries (this is checked at build time).
-      // The only case when a country name might be missing
-      // is when a developer supplies their own `labels` property.
-      // To guard against such cases, a missing country name
-      // is substituted by country code.
-      label: r[l] || l
-    };
-  });
-  return i.sort(function(l, s) {
-    return a(l.label, s.label, o);
-  }), t && i.unshift({
-    label: r.ZZ
-  }), i;
-}
-function Te(e, n) {
-  return rt(e || "", n);
-}
-function $t(e) {
-  return e.formatNational().replace(/\D/g, "");
-}
-function Tt(e, n) {
-  var r = n.prevCountry, t = n.newCountry, o = n.metadata, a = n.useNationalFormat;
-  if (r === t)
-    return e;
-  if (!e)
-    return a ? "" : t ? N(t, o) : "";
-  if (t) {
-    if (e[0] === "+") {
-      if (a)
-        return e.indexOf("+" + Z(t, o)) === 0 ? qt(e, t, o) : "";
-      if (r) {
-        var i = N(t, o);
-        return e.indexOf(i) === 0 ? e : i;
-      } else {
-        var l = N(t, o);
-        return e.indexOf(l) === 0 ? e : l;
-      }
-    }
-  } else if (e[0] !== "+")
-    return F(e, r, o) || "";
-  return e;
-}
-function F(e, n, r) {
-  if (e) {
-    if (e[0] === "+") {
-      if (e === "+")
-        return;
-      var t = new z(n, r);
-      return t.input(e), t.getNumberValue();
-    }
-    if (n) {
-      var o = Le(e, n, r);
-      return "+".concat(Z(n, r)).concat(o || "");
-    }
-  }
-}
-function _t(e, n, r) {
-  var t = Le(e, n, r);
-  if (t) {
-    var o = t.length - Lt(n, r);
-    if (o > 0)
-      return e.slice(0, e.length - o);
-  }
-  return e;
-}
-function Lt(e, n) {
-  return n = new Oe(n), n.selectNumberingPlan(e), n.numberingPlan.possibleLengths()[n.numberingPlan.possibleLengths().length - 1];
-}
-function _e(e, n) {
-  var r = n.country, t = n.countries, o = n.defaultCountry, a = n.latestCountrySelectedByUser, i = n.required, l = n.metadata;
-  if (e === "+")
-    return r;
-  var s = Mt(e, l);
-  if (s)
-    return !t || t.indexOf(s) >= 0 ? s : void 0;
-  if (r) {
-    if (R(e, r, l)) {
-      if (a && R(e, a, l))
-        return a;
-      if (o && R(e, o, l))
-        return o;
-      if (!i)
-        return;
-    } else if (!i)
-      return;
-  }
-  return r;
-}
-function Ut(e, n) {
-  var r = n.prevPhoneDigits, t = n.country, o = n.defaultCountry, a = n.latestCountrySelectedByUser, i = n.countryRequired, l = n.getAnyCountry, s = n.countries, f = n.international, m = n.limitMaxLength, v = n.countryCallingCodeEditable, d = n.metadata;
-  if (f && v === !1 && t) {
-    var b = N(t, d);
-    if (e.indexOf(b) !== 0) {
-      var h, A = e && e[0] !== "+";
-      return A ? (e = b + e, h = F(e, t, d)) : e = b, {
-        phoneDigits: e,
-        value: h,
-        country: t
-      };
-    }
-  }
-  f === !1 && t && e && e[0] === "+" && (e = me(e, t, d)), e && t && m && (e = _t(e, t, d)), e && e[0] !== "+" && (!t || f) && (e = "+" + e), !e && r && r[0] === "+" && (f ? t = void 0 : t = o), e === "+" && r && r[0] === "+" && r.length > 1 && (t = void 0);
-  var p;
-  return e && (e[0] === "+" && (e === "+" || t && N(t, d).indexOf(e) === 0) ? p = void 0 : p = F(e, t, d)), p && (t = _e(p, {
-    country: t,
-    countries: s,
-    defaultCountry: o,
-    latestCountrySelectedByUser: a,
-    // `countryRequired` flag is not passed here.
-    // Instead, it's explicitly checked a bit later in the code.
-    required: !1,
-    metadata: d
-  }), f === !1 && t && e && e[0] === "+" && (e = me(e, t, d), p = F(e, t, d))), !t && i && (t = o || l()), {
-    // `phoneDigits` returned here are a "normalized" version of the original `phoneDigits`.
-    // The returned `phoneDigits` shouldn't be used anywhere except for passing it as
-    // `prevPhoneDigits` parameter to this same function on next input change event.
-    phoneDigits: e,
-    country: t,
-    value: p
-  };
-}
-function me(e, n, r) {
-  if (e.indexOf(N(n, r)) === 0) {
-    var t = new z(n, r);
-    t.input(e);
-    var o = t.getNumber();
-    return o ? o.formatNational().replace(/\D/g, "") : "";
-  } else
-    return e.replace(/\D/g, "");
-}
-function Mt(e, n) {
-  var r = new z(null, n);
-  return r.input(e), r.getCountry();
-}
-function Bt(e, n, r) {
-  return String.prototype.localeCompare ? e.localeCompare(n, r) : e < n ? -1 : e > n ? 1 : 0;
-}
-function qt(e, n, r) {
-  if (n) {
-    var t = "+" + Z(n, r);
-    if (e.length < t.length) {
-      if (t.indexOf(e) === 0)
-        return "";
-    } else if (e.indexOf(t) === 0)
-      return e.slice(t.length);
-  }
-  for (var o = 0, a = Object.keys(r.country_calling_codes); o < a.length; o++) {
-    var i = a[o];
-    if (e.indexOf(i) === 1)
-      return e.slice(1 + i.length);
-  }
-  return "";
-}
-function Le(e, n, r) {
-  var t = new z(n, r);
-  t.input(e);
-  var o = t.getNumber();
-  return o && o.nationalNumber;
-}
-function R(e, n, r) {
-  for (var t = N(n, r), o = 0; o < e.length && o < t.length; ) {
-    if (e[o] !== t[o])
-      return !1;
-    o++;
-  }
-  return !0;
-}
-function Ue(e) {
-  var n = e.value, r = e.phoneNumber, t = e.defaultCountry, o = e.international, a = e.useNationalFormat, i = e.metadata;
-  return (o === !1 || a) && r && r.country ? $t(r) : !n && o && t ? N(t, i) : n;
-}
-function M(e) {
-  "@babel/helpers - typeof";
-  return M = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
-    return typeof n;
-  } : function(n) {
-    return n && typeof Symbol == "function" && n.constructor === Symbol && n !== Symbol.prototype ? "symbol" : typeof n;
-  }, M(e);
-}
-function ve(e, n) {
-  var r = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var t = Object.getOwnPropertySymbols(e);
-    n && (t = t.filter(function(o) {
-      return Object.getOwnPropertyDescriptor(e, o).enumerable;
-    })), r.push.apply(r, t);
-  }
-  return r;
-}
-function q(e) {
-  for (var n = 1; n < arguments.length; n++) {
-    var r = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? ve(Object(r), !0).forEach(function(t) {
-      kt(e, t, r[t]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : ve(Object(r)).forEach(function(t) {
-      Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
-    });
-  }
-  return e;
-}
-function kt(e, n, r) {
-  return n = Vt(n), n in e ? Object.defineProperty(e, n, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[n] = r, e;
-}
-function Vt(e) {
-  var n = Wt(e, "string");
-  return M(n) == "symbol" ? n : n + "";
-}
-function Wt(e, n) {
-  if (M(e) != "object" || !e) return e;
-  var r = e[Symbol.toPrimitive];
-  if (r !== void 0) {
-    var t = r.call(e, n);
-    if (M(t) != "object") return t;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (n === "string" ? String : Number)(e);
-}
-function Dt(e, n, r) {
-  var t = e.metadata, o = e.countries, a = e.defaultCountry, i = e.value, l = e.reset, s = e.international, f = e.displayInitialValueAsLocalNumber, m = e.initialValueFormat, v = n.defaultCountry, d = n.value, b = n.reset;
-  r.country;
-  var h = r.value, A = r.hasUserSelectedACountry, p = r.latestCountrySelectedByUser, y = function(_) {
-    return Ue(q(q({}, _), {}, {
-      international: s,
-      useNationalFormat: f || m === "national",
-      metadata: t
-    }));
-  };
-  if (l !== b)
-    return {
-      phoneDigits: y({
-        value: void 0,
-        defaultCountry: a
-      }),
-      value: void 0,
-      country: a,
-      latestCountrySelectedByUser: void 0,
-      hasUserSelectedACountry: void 0
-    };
-  if (a !== v) {
-    var O = !a || K(a, t), S = (
-      // By default, "no value has been entered" means `value` is `undefined`.
-      !h || // When `international` is `true`, and some country has been pre-selected,
-      // then the `<input/>` contains a pre-filled value of `+${countryCallingCode}${leadingDigits}`,
-      // so in case of `international` being `true`, "the user hasn't entered anything" situation
-      // doesn't just mean `value` is `undefined`, but could also mean `value` is `+${countryCallingCode}`.
-      s && h === y({
-        value: void 0,
-        defaultCountry: v
-      })
-    ), x = !i && S;
-    if (!A && O && x)
-      return {
-        country: a,
-        // If `phoneDigits` is empty, then automatically select the new `country`
-        // and set `phoneDigits` to `+{getCountryCallingCode(newCountry)}`.
-        // The code assumes that "no phone number has been entered by the user",
-        // and no `value` property has been passed, so the `phoneNumber` parameter
-        // of `_getInitialPhoneDigits({ value, phoneNumber, ... })` is `undefined`.
-        phoneDigits: y({
-          value: void 0,
-          defaultCountry: a
-        }),
-        // `value` is `undefined` and it stays so.
-        value: void 0
-      };
-  }
-  if (!ge(i, d) && !ge(i, h)) {
-    var C, g;
-    if (i) {
-      i && Se(i), C = Te(i, t);
-      var j = Re(o, t);
-      C && C.country ? (!j || j.indexOf(C.country) >= 0) && (g = C.country) : (g = _e(i, {
-        country: void 0,
-        countries: j,
-        metadata: t
-      }), g || a && i.indexOf(N(a, t)) === 0 && (g = a));
-    }
-    var w;
-    if (i) {
-      if (p) {
-        var P = g ? p === g : R(i, p, t);
-        P ? g || (g = p) : w = {
-          latestCountrySelectedByUser: void 0
-        };
-      }
-    } else
-      w = {
-        latestCountrySelectedByUser: void 0,
-        hasUserSelectedACountry: void 0
-      };
-    return q(q({}, w), {}, {
-      phoneDigits: y({
-        phoneNumber: C,
-        value: i,
-        defaultCountry: a
-      }),
-      value: i,
-      country: i ? g : a
-    });
-  }
-}
-function ge(e, n) {
-  return e === null && (e = void 0), n === null && (n = void 0), e === n;
-}
-var Zt = ["name", "disabled", "readOnly", "autoComplete", "style", "className", "inputRef", "inputComponent", "numberInputProps", "smartCaret", "countrySelectComponent", "countrySelectProps", "containerComponent", "containerComponentProps", "defaultCountry", "countries", "countryOptionsOrder", "labels", "flags", "flagComponent", "flagUrl", "addInternationalOption", "internationalIcon", "displayInitialValueAsLocalNumber", "initialValueFormat", "onCountryChange", "limitMaxLength", "countryCallingCodeEditable", "focusInputOnCountrySelection", "reset", "metadata", "international", "locales"];
-function T(e) {
-  "@babel/helpers - typeof";
-  return T = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
-    return typeof n;
-  } : function(n) {
-    return n && typeof Symbol == "function" && n.constructor === Symbol && n !== Symbol.prototype ? "symbol" : typeof n;
-  }, T(e);
-}
-function be(e, n) {
-  var r = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var t = Object.getOwnPropertySymbols(e);
-    n && (t = t.filter(function(o) {
-      return Object.getOwnPropertyDescriptor(e, o).enumerable;
-    })), r.push.apply(r, t);
-  }
-  return r;
-}
-function Me(e) {
-  for (var n = 1; n < arguments.length; n++) {
-    var r = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? be(Object(r), !0).forEach(function(t) {
-      I(e, t, r[t]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : be(Object(r)).forEach(function(t) {
-      Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
-    });
-  }
-  return e;
-}
-function $() {
-  return $ = Object.assign ? Object.assign.bind() : function(e) {
-    for (var n = 1; n < arguments.length; n++) {
-      var r = arguments[n];
-      for (var t in r)
-        Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
-    }
-    return e;
-  }, $.apply(this, arguments);
-}
-function zt(e, n) {
-  if (e == null) return {};
-  var r = Xt(e, n), t, o;
-  if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(e);
-    for (o = 0; o < a.length; o++)
-      t = a[o], !(n.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
-  }
-  return r;
-}
-function Xt(e, n) {
-  if (e == null) return {};
-  var r = {}, t = Object.keys(e), o, a;
-  for (a = 0; a < t.length; a++)
-    o = t[a], !(n.indexOf(o) >= 0) && (r[o] = e[o]);
-  return r;
-}
-function Kt(e, n) {
-  if (!(e instanceof n))
-    throw new TypeError("Cannot call a class as a function");
-}
-function he(e, n) {
-  for (var r = 0; r < n.length; r++) {
-    var t = n[r];
-    t.enumerable = t.enumerable || !1, t.configurable = !0, "value" in t && (t.writable = !0), Object.defineProperty(e, qe(t.key), t);
-  }
-}
-function Gt(e, n, r) {
-  return n && he(e.prototype, n), r && he(e, r), Object.defineProperty(e, "prototype", { writable: !1 }), e;
-}
-function Ht(e, n, r) {
-  return n = D(n), Yt(e, Be() ? Reflect.construct(n, r || [], D(e).constructor) : n.apply(e, r));
-}
-function Yt(e, n) {
-  if (n && (T(n) === "object" || typeof n == "function"))
-    return n;
-  if (n !== void 0)
-    throw new TypeError("Derived constructors may only return object or undefined");
-  return Jt(e);
-}
-function Jt(e) {
-  if (e === void 0)
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  return e;
-}
-function Be() {
-  try {
-    var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
-    }));
-  } catch {
-  }
-  return (Be = function() {
-    return !!e;
-  })();
-}
-function D(e) {
-  return D = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(r) {
-    return r.__proto__ || Object.getPrototypeOf(r);
-  }, D(e);
-}
-function Qt(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 && re(e, n);
-}
-function re(e, n) {
-  return re = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, o) {
-    return t.__proto__ = o, t;
-  }, re(e, n);
-}
-function I(e, n, r) {
-  return n = qe(n), n in e ? Object.defineProperty(e, n, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[n] = r, e;
-}
-function qe(e) {
-  var n = en(e, "string");
-  return T(n) == "symbol" ? n : n + "";
-}
-function en(e, n) {
-  if (T(e) != "object" || !e) return e;
-  var r = e[Symbol.toPrimitive];
-  if (r !== void 0) {
-    var t = r.call(e, n);
-    if (T(t) != "object") return t;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (n === "string" ? String : Number)(e);
-}
-var tn = /* @__PURE__ */ (function(e) {
-  function n(r) {
-    var t;
-    Kt(this, n), t = Ht(this, n, [r]), I(t, "setInputRef", function(p) {
-      Et([t.props.inputRef, t.inputRef], p);
-    }), I(t, "isCountrySupportedWithError", function(p) {
-      var y = t.props.metadata;
-      return K(p, y);
-    }), I(t, "onCountryChange", function(p) {
-      var y = t.props, O = y.international, S = y.metadata, x = y.onChange, C = y.focusInputOnCountrySelection, g = t.state, j = g.phoneDigits, w = g.country, P = Tt(j, {
-        prevCountry: w,
-        newCountry: p,
-        metadata: S,
-        // Convert the phone number to "national" format
-        // when the user changes the selected country by hand.
-        useNationalFormat: !O
-      }), E = F(P, p, S);
-      C && t.inputRef.current.focus(), t.setState({
-        country: p,
-        latestCountrySelectedByUser: p,
-        hasUserSelectedACountry: !0,
-        phoneDigits: P,
-        value: E
-      }, function() {
-        x(E);
-      });
-    }), I(t, "onChange", function(p) {
-      var y = t.props, O = y.defaultCountry, S = y.onChange, x = y.addInternationalOption, C = y.international, g = y.limitMaxLength, j = y.countryCallingCodeEditable, w = y.metadata, P = t.state, E = P.countries, _ = P.phoneDigits, De = P.country, G = P.latestCountrySelectedByUser, H = Ut(p, {
-        prevPhoneDigits: _,
-        country: De,
-        countryRequired: !x,
-        defaultCountry: O,
-        latestCountrySelectedByUser: G,
-        getAnyCountry: function() {
-          return t.getFirstSupportedCountry({
-            countries: E
-          });
-        },
-        countries: E,
-        international: C,
-        limitMaxLength: g,
-        countryCallingCodeEditable: j,
-        metadata: w
-      }), le = H.phoneDigits, Ze = H.country, L = H.value, Y = {
-        phoneDigits: le,
-        value: L,
-        country: Ze
-      };
-      G && L && !R(L, G, w) && (Y.latestCountrySelectedByUser = void 0), j === !1 && !L && le === t.state.phoneDigits && (Y.forceRerender = {}), t.setState(
-        Y,
-        // Update the new `value` property.
-        // Doing it after the `state` has been updated
-        // because `onChange()` will trigger `getDerivedStateFromProps()`
-        // with the new `value` which will be compared to `state.value` there.
-        function() {
-          return S(L);
-        }
-      );
-    }), I(t, "_onFocus", function() {
-      return t.setState({
-        isFocused: !0
-      });
-    }), I(t, "_onBlur", function() {
-      return t.setState({
-        isFocused: !1
-      });
-    }), I(t, "onFocus", function(p) {
-      t._onFocus();
-      var y = t.props.onFocus;
-      y && y(p);
-    }), I(t, "onBlur", function(p) {
-      var y = t.props.onBlur;
-      t._onBlur(), y && y(p);
-    }), I(t, "onCountryFocus", function(p) {
-      t._onFocus();
-      var y = t.props.countrySelectProps;
-      if (y) {
-        var O = y.onFocus;
-        O && O(p);
-      }
-    }), I(t, "onCountryBlur", function(p) {
-      t._onBlur();
-      var y = t.props.countrySelectProps;
-      if (y) {
-        var O = y.onBlur;
-        O && O(p);
-      }
-    }), t.inputRef = /* @__PURE__ */ c.createRef();
-    var o = t.props, a = o.value;
-    o.labels;
-    var i = o.international, l = o.addInternationalOption, s = o.displayInitialValueAsLocalNumber, f = o.initialValueFormat, m = o.metadata, v = t.props, d = v.defaultCountry, b = v.countries;
-    d && (t.isCountrySupportedWithError(d) || (d = void 0)), a && Se(a), b = Re(b, m);
-    var h = Te(a, m);
-    t.CountryIcon = $e(t.props);
-    var A = Ft({
-      value: a,
-      phoneNumber: h,
-      defaultCountry: d,
-      required: !l,
-      countries: b || ee(m),
-      getAnyCountry: function() {
-        return t.getFirstSupportedCountry({
-          countries: b
-        });
-      },
-      metadata: m
-    });
-    return t.state = {
-      // Workaround for `this.props` inside `getDerivedStateFromProps()`.
-      props: t.props,
-      // The country selected.
-      country: A,
-      // `countries` are stored in `this.state` because they're filtered.
-      // For example, a developer might theoretically pass some unsupported
-      // countries as part of the `countries` property, and because of that
-      // the component uses `this.state.countries` (which are filtered)
-      // instead of `this.props.countries`
-      // (which could potentially contain unsupported countries).
-      countries: b,
-      // `phoneDigits` state property holds non-formatted user's input.
-      // The reason is that there's no way of finding out
-      // in which form should `value` be displayed: international or national.
-      // E.g. if `value` is `+78005553535` then it could be input
-      // by a user both as `8 (800) 555-35-35` and `+7 800 555 35 35`.
-      // Hence storing just `value` is not sufficient for correct formatting.
-      // E.g. if a user entered `8 (800) 555-35-35`
-      // then value is `+78005553535` and `phoneDigits` are `88005553535`
-      // and if a user entered `+7 800 555 35 35`
-      // then value is `+78005553535` and `phoneDigits` are `+78005553535`.
-      phoneDigits: Ue({
-        value: a,
-        phoneNumber: h,
-        defaultCountry: d,
-        international: i,
-        useNationalFormat: s || f === "national",
-        metadata: m
-      }),
-      // `value` property is duplicated in state.
-      // The reason is that `getDerivedStateFromProps()`
-      // needs this `value` to compare to the new `value` property
-      // to find out if `phoneDigits` needs updating:
-      // If the `value` property was changed externally
-      // then it won't be equal to `state.value`
-      // in which case `phoneDigits` and `country` should be updated.
-      value: a
-    }, t;
-  }
-  return Qt(n, e), Gt(n, [{
-    key: "componentDidMount",
-    value: function() {
-      var t = this.props.onCountryChange, o = this.props.defaultCountry, a = this.state.country;
-      t && (o && (this.isCountrySupportedWithError(o) || (o = void 0)), a !== o && t(a));
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function(t, o) {
-      var a = this.props.onCountryChange, i = this.state.country;
-      a && i !== o.country && a(i);
-    }
-  }, {
-    key: "getCountrySelectOptions",
-    value: function(t) {
-      var o = t.countries, a = this.props, i = a.international, l = a.countryCallingCodeEditable, s = a.countryOptionsOrder, f = a.addInternationalOption, m = a.labels, v = a.locales, d = a.metadata;
-      return this.useMemoCountrySelectOptions(function() {
-        return St(Rt({
-          countries: o || ee(d),
-          countryNames: m,
-          addInternationalOption: i && l === !1 ? !1 : f,
-          compareStringsLocales: v
-          // compareStrings
-        }), Pt(s, d));
-      }, [o, s, f, m, d]);
-    }
-  }, {
-    key: "useMemoCountrySelectOptions",
-    value: function(t, o) {
-      return (!this.countrySelectOptionsMemoDependencies || !rn(o, this.countrySelectOptionsMemoDependencies)) && (this.countrySelectOptionsMemo = t(), this.countrySelectOptionsMemoDependencies = o), this.countrySelectOptionsMemo;
-    }
-  }, {
-    key: "getFirstSupportedCountry",
-    value: function(t) {
-      var o = t.countries, a = this.getCountrySelectOptions({
-        countries: o
-      });
-      return a[0].value;
-    }
-  }, {
-    key: "render",
-    value: function() {
-      var t = this.props, o = t.name, a = t.disabled, i = t.readOnly, l = t.autoComplete, s = t.style, f = t.className;
-      t.inputRef;
-      var m = t.inputComponent, v = t.numberInputProps, d = t.smartCaret, b = t.countrySelectComponent, h = t.countrySelectProps, A = t.containerComponent, p = t.containerComponentProps;
-      t.defaultCountry, t.countries, t.countryOptionsOrder;
-      var y = t.labels;
-      t.flags, t.flagComponent, t.flagUrl, t.addInternationalOption, t.internationalIcon, t.displayInitialValueAsLocalNumber, t.initialValueFormat, t.onCountryChange, t.limitMaxLength, t.countryCallingCodeEditable, t.focusInputOnCountrySelection, t.reset;
-      var O = t.metadata, S = t.international;
-      t.locales;
-      var x = zt(t, Zt), C = this.state, g = C.country, j = C.countries, w = C.phoneDigits, P = C.isFocused, E = d ? Ye : Je, _ = this.getCountrySelectOptions({
-        countries: j
-      });
-      return /* @__PURE__ */ c.createElement(A, $({
-        style: s,
-        className: k(f, "PhoneInput", {
-          "PhoneInput--focus": P,
-          "PhoneInput--disabled": a,
-          "PhoneInput--readOnly": i
-        })
-      }, p), /* @__PURE__ */ c.createElement(b, $({
-        name: o ? "".concat(o, "Country") : void 0,
-        "aria-label": y.country
-      }, h, {
-        value: g,
-        options: _,
-        onChange: this.onCountryChange,
-        onFocus: this.onCountryFocus,
-        onBlur: this.onCountryBlur,
-        disabled: a || h && h.disabled,
-        readOnly: i || h && h.readOnly,
-        iconComponent: this.CountryIcon
-      })), /* @__PURE__ */ c.createElement(E, $({
-        ref: this.setInputRef,
-        type: "tel",
-        autoComplete: l
-      }, v, x, {
-        inputFormat: S === !0 ? "INTERNATIONAL" : S === !1 ? "NATIONAL" : "INTERNATIONAL_OR_NATIONAL",
-        international: S ? !0 : void 0,
-        withCountryCallingCode: S ? !0 : void 0,
-        name: o,
-        metadata: O,
-        country: g,
-        value: w || "",
-        onChange: this.onChange,
-        onFocus: this.onFocus,
-        onBlur: this.onBlur,
-        disabled: a,
-        readOnly: i,
-        inputComponent: m,
-        className: k("PhoneInputInput", v && v.className, x.className)
-      })));
-    }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: (
-      // `state` holds previous props as `props`, and also:
-      // * `country` — The currently selected country, e.g. `"RU"`.
-      // * `value` — The currently entered phone number (E.164), e.g. `+78005553535`.
-      // * `phoneDigits` — The parsed `<input/>` value, e.g. `8005553535`.
-      // (and a couple of other less significant properties)
-      function(t, o) {
-        return Me({
-          // Emulate `prevProps` via `state.props`.
-          props: t
-        }, Dt(t, o.props, o));
-      }
-    )
-  }]);
-})(c.PureComponent), ke = /* @__PURE__ */ c.forwardRef(function(e, n) {
-  return /* @__PURE__ */ c.createElement(tn, $({}, nn(e), {
-    inputRef: n
-  }));
-});
-ke.propTypes = {
-  /**
-   * Phone number in `E.164` format.
-   *
-   * Example:
-   *
-   * `"+12223333333"`
-   *
-   * Any "falsy" value like `undefined`, `null` or an empty string `""` is treated like "empty".
-   */
-  value: u.string,
-  /**
-   * A function of `value: string?`.
-   *
-   * Updates the `value` property as the user inputs a phone number.
-   *
-   * If the user erases the input value, the argument is `undefined`.
-   */
-  onChange: u.func.isRequired,
-  /**
-   * Toggles the `--focus` CSS class.
-   * @ignore
-   */
-  onFocus: u.func,
-  /**
-   * `onBlur` is usually passed by `redux-form`.
-   * @ignore
-   */
-  onBlur: u.func,
-  /**
-   * Set to `true` to mark both the phone number `<input/>`
-   * and the country `<select/>` as `disabled`.
-   */
-  disabled: u.bool,
-  /**
-   * Set to `true` to mark both the phone number `<input/>`
-   * and the country `<select/>` as `readonly`.
-   */
-  readOnly: u.bool,
-  /**
-   * Sets `autoComplete` property for phone number `<input/>`.
-   *
-   * Web browser's "autocomplete" feature
-   * remembers the phone number being input
-   * and can also autofill the `<input/>`
-   * with previously remembered phone numbers.
-   *
-   * https://developers.google.com
-   * /web/updates/2015/06/checkout-faster-with-autofill
-   *
-   * For example, can be used to turn it off:
-   *
-   * "So when should you use `autocomplete="off"`?
-   *  One example is when you've implemented your own version
-   *  of autocomplete for search. Another example is any form field
-   *  where users will input and submit different kinds of information
-   *  where it would not be useful to have the browser remember
-   *  what was submitted previously".
-   */
-  // (is `"tel"` by default)
-  autoComplete: u.string,
-  /**
-   * Set to `"national"` to show the initial `value` in
-   * "national" format rather than "international".
-   *
-   * For example, if `initialValueFormat` is `"national"`
-   * and the initial `value="+12133734253"` is passed
-   * then the `<input/>` value will be `"(213) 373-4253"`.
-   *
-   * By default, `initialValueFormat` is `undefined`,
-   * meaning that if the initial `value="+12133734253"` is passed
-   * then the `<input/>` value will be `"+1 213 373 4253"`.
-   *
-   * The reason for such default behaviour is that
-   * the newer generation grows up when there are no stationary phones
-   * and therefore everyone inputs phone numbers in international format
-   * in their smartphones so people gradually get more accustomed to
-   * writing phone numbers in international format rather than in local format.
-   * Future people won't be using "national" format, only "international".
-   */
-  // (is `undefined` by default)
-  initialValueFormat: u.oneOf(["national"]),
-  // `displayInitialValueAsLocalNumber` property has been
-  // superceded by `initialValueFormat` property.
-  displayInitialValueAsLocalNumber: u.bool,
-  /**
-   * The country to be selected by default.
-   * For example, can be set after a GeoIP lookup.
-   *
-   * Example: `"US"`.
-   */
-  // A two-letter country code ("ISO 3166-1 alpha-2").
-  defaultCountry: u.string,
-  /**
-   * If specified, only these countries will be available for selection.
-   *
-   * Example:
-   *
-   * `["RU", "UA", "KZ"]`
-   */
-  countries: u.arrayOf(u.string),
-  /**
-   * Custom country `<select/>` option names.
-   * Also some labels like "ext" and country `<select/>` `aria-label`.
-   *
-   * Example:
-   *
-   * `{ "ZZ": "Международный", RU: "Россия", US: "США", ... }`
-   *
-   * See the `locales` directory for examples.
-   */
-  labels: Ie,
-  /**
-   * Country `<select/>` options are sorted by their labels.
-   * The default sorting function uses `a.localeCompare(b, locales)`,
-   * and, if that's not available, falls back to simple `a > b` / `a < b`.
-   * Some languages, like Chinese, support multiple sorting variants
-   * (called "collations"), and the user might prefer one or another.
-   * Also, sometimes the Operating System language is not always
-   * the preferred language for a person using a website or an application,
-   * so there should be a way to specify custom locale.
-   * This `locales` property mimicks the `locales` argument of `Intl` constructors,
-   * and can be either a Unicode BCP 47 locale identifier or an array of such locale identifiers.
-   * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locales_argument
-   */
-  locales: u.oneOfType([u.string, u.arrayOf(u.string)]),
-  /*
-   * Custom country `<select/>` options sorting function.
-   * The default one uses `a.localeCompare(b)`, and,
-   * if that's not available, falls back to simple `a > b`/`a < b`.
-   * There have been requests to add custom sorter for cases
-   * like Chinese language and "pinyin" (non-default) sorting order.
-   * https://stackoverflow.com/questions/22907288/chinese-sorting-by-pinyin-in-javascript-with-localecompare
-  compareStrings: PropTypes.func,
-   */
-  /**
-   * A URL template of a country flag, where
-   * "{XX}" is a two-letter country code in upper case,
-   * or where "{xx}" is a two-letter country code in lower case.
-   * By default it points to `country-flag-icons` gitlab pages website.
-   * I imagine someone might want to download those country flag icons
-   * and host them on their own servers instead
-   * (all flags are available in the `country-flag-icons` library).
-   * There's a catch though: new countries may be added in future,
-   * so when hosting country flag icons on your own server
-   * one should check the `CHANGELOG.md` every time before updating this library,
-   * otherwise there's a possibility that some new country flag would be missing.
-   */
-  flagUrl: u.string,
-  /**
-   * Custom country flag icon components.
-   * These flags will be used instead of the default ones.
-   * The the "Flags" section of the readme for more info.
-   *
-   * The shape is an object where keys are country codes
-   * and values are flag icon components.
-   * Flag icon components receive the same properties
-   * as `flagComponent` (see below).
-   *
-   * Example:
-   *
-   * `{ "RU": (props) => <img src="..."/> }`
-   *
-   * Example:
-   *
-   * `import flags from 'country-flag-icons/react/3x2'`
-   *
-   * `import PhoneInput from 'react-phone-number-input'`
-   *
-   * `<PhoneInput flags={flags} .../>`
-   */
-  flags: u.objectOf(u.elementType),
-  /**
-   * Country flag icon component.
-   *
-   * Takes properties:
-   *
-   * * `country: string` — The country code.
-   * * `countryName: string` — The country name.
-   * * `flagUrl: string` — The `flagUrl` property (see above).
-   * * `flags: object` — The `flags` property (see above).
-   */
-  flagComponent: u.elementType,
-  /**
-   * Set to `false` to remove the "International" option from country `<select/>`.
-   */
-  addInternationalOption: u.bool,
-  /**
-   * "International" icon component.
-   * Should have the same aspect ratio.
-   *
-   * Receives properties:
-   *
-   * * `title: string` — "International" country option label.
-   */
-  internationalIcon: u.elementType,
-  /**
-   * Can be used to place some countries on top of the list of country `<select/>` options.
-   *
-   * * `"XX"` — inserts an option for "XX" country.
-   * * `"🌐"` — inserts "International" option.
-   * * `"|"` — inserts a separator.
-   * * `"..."` — inserts options for the rest of the countries (can be omitted, in which case it will be automatically added at the end).
-   *
-   * Example:
-   *
-   * `["US", "CA", "AU", "|", "..."]`
-   */
-  countryOptionsOrder: u.arrayOf(u.string),
-  /**
-   * `<Phone/>` component CSS style object.
-   */
-  style: u.object,
-  /**
-   * `<Phone/>` component CSS class.
-   */
-  className: u.string,
-  /**
-   * Country `<select/>` component.
-   *
-   * Receives properties:
-   *
-   * * `name: string?` — HTML `name` attribute.
-   * * `value: string?` — The currently selected country code.
-   * * `onChange(value: string?)` — Updates the `value`.
-   * * `onFocus()` — Is used to toggle the `--focus` CSS class.
-   * * `onBlur()` — Is used to toggle the `--focus` CSS class.
-   * * `options: object[]` — The list of all selectable countries (including "International") each being an object of shape `{ value: string?, label: string }`.
-   * * `iconComponent: PropTypes.elementType` — React component that renders a country icon: `<Icon country={value}/>`. If `country` is `undefined` then it renders an "International" icon.
-   * * `disabled: boolean?` — HTML `disabled` attribute.
-   * * `readOnly: boolean?` — HTML `readOnly` attribute.
-   * * `tabIndex: (number|string)?` — HTML `tabIndex` attribute.
-   * * `className: string` — CSS class name.
-   */
-  countrySelectComponent: u.elementType,
-  /**
-   * Country `<select/>` component props.
-   * Along with the usual DOM properties such as `aria-label` and `tabIndex`,
-   * some custom properties are supported, such as `arrowComponent` and `unicodeFlags`.
-   */
-  countrySelectProps: u.object,
-  /**
-   * Phone number `<input/>` component.
-   *
-   * Receives properties:
-   *
-   * * `value: string` — The formatted `value`.
-   * * `onChange(event: Event)` — Updates the formatted `value` from `event.target.value`.
-   * * `onFocus()` — Is used to toggle the `--focus` CSS class.
-   * * `onBlur()` — Is used to toggle the `--focus` CSS class.
-   * * Other properties like `type="tel"` or `autoComplete="tel"` that should be passed through to the DOM `<input/>`.
-   *
-   * Must also either use `React.forwardRef()` to "forward" `ref` to the `<input/>` or implement `.focus()` method.
-   */
-  inputComponent: u.elementType,
-  /**
-   * Phone number `<input/>` component props.
-   */
-  numberInputProps: u.object,
-  /**
-   * Wrapping `<div/>` component.
-   *
-   * Receives properties:
-   *
-   * * `style: object` — A component CSS style object.
-   * * `className: string` — Classes to attach to the component, typically changes when component focuses or blurs.
-   */
-  containerComponent: u.elementType,
-  /**
-   * Wrapping `<div/>` component props.
-   */
-  containerComponentProps: u.object,
-  /**
-   * When the user attempts to insert a digit somewhere in the middle of a phone number,
-   * the caret position is moved right before the next available digit skipping
-   * any punctuation in between. This is called "smart" caret positioning.
-   * Another case would be the phone number format changing as a result of
-   * the user inserting the digit somewhere in the middle, which would require
-   * re-positioning the caret because all digit positions have changed.
-   * This "smart" caret positioning feature can be turned off by passing
-   * `smartCaret={false}` property: use it in case of any possible issues
-   * with caret position during phone number input.
-   */
-  // Is `true` by default.
-  smartCaret: u.bool,
-  /**
-   * Set to `true` to force "international" phone number format.
-   * Set to `false` to force "national" phone number format.
-   * By default it's `undefined` meaning that it doesn't enforce any phone number format:
-   * the user can input their phone number in either "national" or "international" format.
-   */
-  international: u.bool,
-  /**
-   * If set to `true`, the phone number input will get trimmed
-   * if it exceeds the maximum length for the country.
-   */
-  limitMaxLength: u.bool,
-  /**
-   * If set to `false`, and `international` is `true`, then
-   * users won't be able to erase the "country calling part"
-   * of a phone number in the `<input/>`.
-   */
-  countryCallingCodeEditable: u.bool,
-  /**
-   * `libphonenumber-js` metadata.
-   *
-   * Can be used to pass custom `libphonenumber-js` metadata
-   * to reduce the overall bundle size for those who compile "custom" metadata.
-   */
-  metadata: Pe,
-  /**
-   * Is called every time the selected country changes:
-   * either programmatically or when user selects it manually from the list.
-   */
-  // People have been asking for a way to get the selected country.
-  // @see  https://github.com/catamphetamine/react-phone-number-input/issues/128
-  // For some it's just a "business requirement".
-  // I guess it's about gathering as much info on the user as a website can
-  // without introducing any addional fields that would complicate the form
-  // therefore reducing "conversion" (that's a marketing term).
-  // Assuming that the phone number's country is the user's country
-  // is not 100% correct but in most cases I guess it's valid.
-  onCountryChange: u.func,
-  /**
-   * If set to `false`, will not focus the `<input/>` component
-   * when the user selects a country from the list of countries.
-   * This can be used to conform to the Web Content Accessibility Guidelines (WCAG).
-   * Quote:
-   * "On input: Changing the setting of any user interface component
-   *  does not automatically cause a change of context unless the user
-   *  has been advised of the behaviour before using the component."
-   */
-  focusInputOnCountrySelection: u.bool
-};
-var Ce = {
-  /**
-   * Remember (and autofill) the value as a phone number.
-   */
-  autoComplete: "tel",
-  /**
-   * Country `<select/>` component.
-   */
-  countrySelectComponent: xe,
-  /**
-   * Flag icon component.
-   */
-  flagComponent: ie,
-  /**
-   * By default, uses icons from `country-flag-icons` gitlab pages website.
-   */
-  // Must be equal to `flagUrl` in `./CountryIcon.js`.
-  flagUrl: "https://purecatamphetamine.github.io/country-flag-icons/3x2/{XX}.svg",
-  /**
-   * Default "International" country `<select/>` option icon.
-   */
-  internationalIcon: X,
-  /**
-   * Phone number `<input/>` component.
-   */
-  inputComponent: "input",
-  /**
-   * Wrapping `<div/>` component.
-   */
-  containerComponent: "div",
-  /**
-   * Some users requested a way to reset the component:
-   * both number `<input/>` and country `<select/>`.
-   * Whenever `reset` property changes both number `<input/>`
-   * and country `<select/>` are reset.
-   * It's not implemented as some instance `.reset()` method
-   * because `ref` is forwarded to `<input/>`.
-   * It's also not replaced with just resetting `country` on
-   * external `value` reset, because a user could select a country
-   * and then not input any `value`, and so the selected country
-   * would be "stuck", if not using this `reset` property.
-   */
-  // https://github.com/catamphetamine/react-phone-number-input/issues/300
-  reset: u.any,
-  /**
-   *
-   */
-  /**
-   * Set to `false` to use "basic" caret instead of the "smart" one.
-   */
-  smartCaret: !0,
-  /**
-   * Whether to add the "International" option
-   * to the list of countries.
-   */
-  addInternationalOption: !0,
-  /**
-   * If set to `false`, and `international` is `true`, then
-   * users won't be able to erase the "country calling part"
-   * of a phone number in the `<input/>`.
-   */
-  countryCallingCodeEditable: !0,
-  /**
-   * If set to `false`, will not focus the `<input/>` component
-   * when the user selects a country from the list of countries.
-   * This can be used to conform to the Web Content Accessibility Guidelines (WCAG).
-   * Quote:
-   * "On input: Changing the setting of any user interface component
-   *  does not automatically cause a change of context unless the user
-   *  has been advised of the behaviour before using the component."
-   */
-  focusInputOnCountrySelection: !0
-};
-function nn(e) {
-  e = Me({}, e);
-  for (var n in Ce)
-    e[n] === void 0 && (e[n] = Ce[n]);
-  return e;
-}
-function rn(e, n) {
-  if (e.length !== n.length)
-    return !1;
-  for (var r = 0; r < e.length; ) {
-    if (e[r] !== n[r])
-      return !1;
-    r++;
-  }
-  return !0;
-}
-var on = ["metadata", "labels"];
-function oe() {
-  return oe = Object.assign ? Object.assign.bind() : function(e) {
-    for (var n = 1; n < arguments.length; n++) {
-      var r = arguments[n];
-      for (var t in r)
-        Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
-    }
-    return e;
-  }, oe.apply(this, arguments);
-}
-function an(e, n) {
-  if (e == null) return {};
-  var r = un(e, n), t, o;
-  if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(e);
-    for (o = 0; o < a.length; o++)
-      t = a[o], !(n.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
-  }
-  return r;
-}
-function un(e, n) {
-  if (e == null) return {};
-  var r = {}, t = Object.keys(e), o, a;
-  for (a = 0; a < t.length; a++)
-    o = t[a], !(n.indexOf(o) >= 0) && (r[o] = e[o]);
-  return r;
-}
-function Ve(e) {
-  var n = /* @__PURE__ */ c.forwardRef(function(r, t) {
-    var o = r.metadata, a = o === void 0 ? e : o, i = r.labels, l = i === void 0 ? Q : i, s = an(r, on);
-    return /* @__PURE__ */ c.createElement(ke, oe({}, s, {
-      ref: t,
-      metadata: a,
-      labels: l
-    }));
-  });
-  return n.propTypes = {
-    metadata: Pe,
-    labels: Ie
-  }, n;
-}
-Ve();
-function We(e, n) {
-  var r = Array.prototype.slice.call(n);
-  return r.push(je), e.apply(this, r);
-}
-Ve(je);
-function ln() {
-  return We(ee, arguments);
-}
-function bn() {
-  return We(Z, arguments);
-}
-const cn = Xe(
-  ({
-    onOptionOpenChange: e,
-    searchCountry: n,
-    activeCountry: r,
-    setActiveCountry: t,
-    getCountryMetaInfo: o,
-    className: a,
-    ...i
-  }, l) => {
-    const s = ae(() => {
-      const f = ln();
-      return n ? f.filter(
-        (m) => Q[m].toLowerCase().includes(n.toLowerCase())
-      ) : f;
-    }, [n]);
-    return /* @__PURE__ */ U(
-      "div",
-      {
-        className: B("flex flex-col gap-8 overflow-auto max-h-188", a),
-        ref: l,
-        ...i,
-        children: s.length ? s.map((f) => /* @__PURE__ */ ce(
-          "button",
-          {
-            role: "option",
-            "aria-selected": f === r,
-            onClick: () => {
-              t(f), e(!1);
-            },
-            className: "flex cursor-pointer py-8 px-10 rounded-12 items-center justify-between hover:bg-interactive-secondary-hover",
-            children: [
-              /* @__PURE__ */ ce("div", { className: "flex items-center gap-8", children: [
-                /* @__PURE__ */ U("div", { className: "size-20 flex items-center justify-center overflow-hidden rounded-full", children: et(f) }),
-                /* @__PURE__ */ U("p", { className: B("body-extrasmall-medium", "text-primary"), children: Q[f] })
-              ] }),
-              /* @__PURE__ */ U("p", { className: B("body-extrasmall-regular", "text-secondary"), children: o(f) })
-            ]
-          },
-          f
-        )) : /* @__PURE__ */ U(
-          "p",
-          {
-            className: B(
-              "body-extrasmall-regular",
-              "text-tertiary text-center"
-            ),
-            children: "No option found"
-          }
-        )
-      }
-    );
-  }
-);
-cn.displayName = "FormCountryOptionsList";
-export {
-  cn as F,
-  bn as g
-};