mainstack-design-system 0.7.45 → 1.0.1

package/dist/FormCountryOptionsList-DsAxJR-V.js

@@ -0,0 +1,1786 @@
+import { jsx as U, jsxs as ce } from "react/jsx-runtime";
+import c, { useMemo as ae, useCallback as Xe, forwardRef as ze } from "react";
+import { n as Ke, p as Ge, M as Oe, i as He, g as N, a as Z, A as X, v as Se, I as Ye, c as Je, m as Pe, l as Ie, d as je } from "./getInternationalPhoneNumberPrefix-2_e9S-q4.js";
+import { c as Q } from "./en.json-x2mHjhnP.js";
+import { P as u } from "./index-CeH95e4J.js";
+import { g as Qe } from "./_commonjsHelpers-C6fGbg64.js";
+import { cn as B } from "./mainstack-design-system530.js";
+import { getCountryFlagComp as et } from "./mainstack-design-system533.js";
+var J = { exports: {} };
+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 = Xe(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 z(e) {
+  var n = e.aspectRatio, r = ue(e, vt);
+  return n === 1 ? /* @__PURE__ */ c.createElement(Fe, r) : /* @__PURE__ */ c.createElement(Ae, r);
+}
+z.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 === z ? 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: z
+});
+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 X(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 X(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 X(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 X(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 Xt(e, n) {
+  if (e == null) return {};
+  var r = zt(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 zt(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 = Xt(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: z,
+  /**
+   * 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 hn() {
+  return We(Z, arguments);
+}
+const cn = ze(
+  ({
+    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: "flex items-center justify-center", 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,
+  hn as g
+};