@wix/form-elements 0.0.0-stage → 1.54.0

package/dist/component/phone-input-field-rac-Cd7RFaoD.js

@@ -0,0 +1,473 @@
+import { RicosViewer as ye } from "@wix/ricos/viewer";
+import b from "classnames";
+import t, { useMemo as B, useState as k, useRef as v, useEffect as w, useCallback as j, createContext as te, useContext as V } from "react";
+import { a1 as Ee, aq as P, aa as ne, ap as fe, ag as M, ad as oe, ai as he } from "./form-DaOKiR16.js";
+import { UNSAFE_PortalProvider as ge } from "react-aria";
+import { Dialog as re, OverlayTriggerStateContext as be, ModalOverlay as _e, Modal as Ne, SearchField as Oe, ListBoxItem as Se, Group as Q, DialogTrigger as Le, Select as Ie, Input as ae, ListBox as ve, Autocomplete as Pe } from "react-aria-components";
+import { f as h, a as ce } from "./find-child-C60k4CxG.js";
+import { D as Fe, E as De } from "./field-error-headless-Dm5UCOBb.js";
+import { L as Re } from "./field-label-headless-C7mDzdLq.js";
+import { N as xe, S as Be } from "./non-modal-popover-DtIMXHbe.js";
+import { u as Me } from "./use-invoke-callback-UH73A_J3.js";
+import se, { AsYouType as $e, isValidPhoneNumber as Ae, isSupportedCountry as Te } from "libphonenumber-js";
+import "libphonenumber-js/metadata.min.json";
+import { C as W } from "./calling-country-codes-PyWuOTmF.js";
+import { C as we } from "./chevron-down-icon-CcpVm6B-.js";
+import { E as Ue } from "./error-icon-hZxQ6DEy.js";
+import { H as J } from "./custom-focus-class-_483Pkwp.js";
+import { s as _ } from "./field-rac.module-DAPTqFDM.js";
+import { r as qe, H as ke, q as Ve, u as He, l as Ge, h as Ye } from "./form-element-classes-Bi-nNM8q.js";
+function X(e) {
+  const n = e ? se(e) : void 0, r = n == null ? void 0 : n.country;
+  if (r)
+    return r;
+  const o = new $e();
+  return e && o.input(e), o.getCountry();
+}
+function H(e) {
+  var n;
+  return e && ((n = Ee.getCountryByKey(e)) == null ? void 0 : n.dialCode);
+}
+function U(e) {
+  return e === null ? null : e.replace(/[^0-9+]/g, "") || e;
+}
+function ee(e, n) {
+  if (e && n)
+    try {
+      const r = se(e, n), o = r == null ? void 0 : r.formatInternational();
+      if (o && Ae(o))
+        return o.replace(/\s+/g, "");
+    } catch {
+    }
+  return e;
+}
+function ze() {
+  const { t: e } = P(), { language: n } = ne();
+  return B(() => Object.keys(W).reduce((o, a) => {
+    const c = W[a], l = H(c), u = e(`locale-dataset.countries.${c.toUpperCase()}`);
+    return l && Te(a) && o.push({
+      countryName: u,
+      longCountryCode: c,
+      shortCountryCode: a,
+      callingCode: l
+    }), o;
+  }, []).sort((o, a) => o.countryName.localeCompare(a.countryName, n)), [
+    e,
+    n
+  ]);
+}
+function Ke(e, n) {
+  return e.filter((r) => n && n.length > 0 ? n.includes(r.shortCountryCode) : !0);
+}
+function Ze(e, n) {
+  const { countryName: r, callingCode: o, shortCountryCode: a } = e;
+  return !!(q(r, n) || q(o, n) || q(a, n));
+}
+function q(e, n) {
+  return e.toLowerCase().includes(n.toLowerCase());
+}
+function je({ value: e, defaultCountryCode: n, allowedCountryCodes: r, onChange: o }) {
+  const [a, c] = k(e || ""), l = v(U(e ?? null) ?? ""), [u, i] = k(n);
+  fe(() => {
+    c(""), l.current = "", i(n), o("");
+  });
+  const m = B(() => X(a), [
+    a
+  ]);
+  w(() => {
+    const d = e ?? "";
+    d !== l.current && (c(d), l.current = d);
+  }, [
+    e
+  ]), w(() => {
+    n && !u && i(n);
+  }, [
+    n,
+    u
+  ]), w(() => {
+    i(n ?? m);
+  }, [
+    m,
+    n
+  ]);
+  const C = j((d) => {
+    if (c(d), !d) {
+      l.current = "", o(null);
+      return;
+    }
+    const f = X(d);
+    i((y) => {
+      const O = f || y || ((r == null ? void 0 : r.length) === 1 ? r[0] : void 0), S = U(ee(d, O));
+      return l.current = S ?? "", o(S), f || y;
+    });
+  }, [
+    r,
+    o
+  ]), p = j((d) => {
+    i(d), c((f) => {
+      const y = U(ee(f, d));
+      return l.current = y ?? "", o(y), f;
+    });
+  }, [
+    o
+  ]);
+  return {
+    currentValue: a,
+    selectedCountryCode: u,
+    handlePhoneChange: C,
+    handleCountryCodeChange: p
+  };
+}
+const le = /* @__PURE__ */ te(null), N = () => {
+  const e = V(le);
+  if (!e)
+    throw new Error("Phone input components must be used within PhoneInput component");
+  return e;
+}, ue = /* @__PURE__ */ te(null), G = () => {
+  const e = V(ue);
+  if (!e)
+    throw new Error("Option sub-components must be used within Option component");
+  return e;
+}, Y = ({ longCountryCode: e, className: n }) => {
+  function r(c, l) {
+    const u = "https://static.parastorage.com/services/linguist-flags/1.1005.0/assets/flags/square/", m = `${c}${l === "2x" ? "_2x" : ""}.png`;
+    return `${u}${m}`;
+  }
+  const o = r(e, "1x"), a = r(e, "2x");
+  return /* @__PURE__ */ t.createElement("img", {
+    src: o,
+    srcSet: `${o} 1x, ${a} 2x`,
+    alt: "",
+    "aria-hidden": "true",
+    loading: "lazy",
+    className: n
+  });
+}, s = ({ children: e }) => {
+  var I, L;
+  const { id: n, value: r, onChange: o, FieldLayout: a, defaultCountry: c, validation: l } = M(), [u, i] = k(null), m = (L = (I = l == null ? void 0 : l.string) == null ? void 0 : I.phoneOptions) == null ? void 0 : L.allowedCountryCodes, C = ze(), p = B(() => Ke(C, m), [
+    C,
+    m
+  ]), d = B(() => p.map((x) => x.shortCountryCode), [
+    p
+  ]), { currentValue: f, selectedCountryCode: y, handlePhoneChange: O, handleCountryCodeChange: S } = je({
+    value: r,
+    defaultCountryCode: c,
+    allowedCountryCodes: d,
+    onChange: o
+  }), A = h(e, s.Label), F = h(e, s.Control), T = h(e, s.Description), D = h(e, s.Error), R = {
+    currentValue: f,
+    selectedCountryCode: y,
+    handlePhoneChange: O,
+    handleCountryCodeChange: S,
+    countryCodes: d,
+    countries: p,
+    popoverContainer: u
+  };
+  return /* @__PURE__ */ t.createElement(le.Provider, {
+    value: R
+  }, /* @__PURE__ */ t.createElement(a, {
+    fieldId: n,
+    renderLabel: () => A,
+    renderInput: () => /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", {
+      ref: i,
+      style: {
+        display: "contents"
+      }
+    }), F),
+    renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, D, T)
+  }));
+}, z = ({ children: e, className: n }) => {
+  const { inputId: r, labelId: o } = oe(), { hasError: a, disabled: c, readOnly: l } = M(), { t: u } = P(), { selectedCountryCode: i, countries: m } = N(), C = `${r}-country`, p = i ? m.find((O) => O.shortCountryCode === i) : void 0, d = p && H(p.longCountryCode) || "", f = u("field.phone.country-code.aria-label"), y = p ? `${f}, ${p.countryName}, ${d}` : f;
+  return /* @__PURE__ */ t.createElement(Be, {
+    isDisabled: c || l,
+    id: C,
+    "aria-label": y,
+    "aria-labelledby": o ? `${o} ${C}` : void 0,
+    className: n,
+    "data-invalid": a || void 0
+  }, e);
+}, Qe = ({ className: e }) => {
+  const { selectedCountryCode: n, countries: r } = N(), o = r.find((a) => a.shortCountryCode === n);
+  return o ? /* @__PURE__ */ t.createElement(Y, {
+    className: e,
+    longCountryCode: o.longCountryCode
+  }) : null;
+}, We = ({ children: e, className: n }) => {
+  const { selectedCountryCode: r, countries: o } = N();
+  return o.some((c) => c.shortCountryCode === r) ? null : /* @__PURE__ */ t.createElement("span", {
+    className: n
+  }, e);
+};
+z.Flag = Qe;
+z.EmptyState = We;
+const g = ({ children: e, className: n, "aria-label": r, placement: o, offset: a, ...c }) => {
+  const { triggerRef: l, optionsRef: u } = c, { popoverContainer: i } = N(), m = h(e, g.Search), C = /* @__PURE__ */ t.createElement(ie, null, e);
+  return /* @__PURE__ */ t.createElement(ge, {
+    getContainer: () => i
+  }, /* @__PURE__ */ t.createElement(xe, {
+    ref: u,
+    triggerRef: l,
+    className: n,
+    placement: o,
+    offset: a,
+    containerPadding: 0
+  }, m ? /* @__PURE__ */ t.createElement(re, {
+    "aria-label": r
+  }, C) : C));
+}, Je = ({ children: e, className: n, overlayClassName: r, "aria-label": o, portalContainer: a = t.Fragment, ...c }) => {
+  const { optionsRef: l } = c, { selectedCountryCode: u, handleCountryCodeChange: i } = N(), m = V(be);
+  return /* @__PURE__ */ t.createElement(_e, {
+    className: r,
+    isDismissable: !0
+  }, /* @__PURE__ */ t.createElement(a, null, /* @__PURE__ */ t.createElement(Ne, {
+    ref: l,
+    className: n
+  }, /* @__PURE__ */ t.createElement(re, {
+    "aria-label": o
+  }, /* @__PURE__ */ t.createElement(ie, {
+    listBoxProps: {
+      "aria-label": o,
+      selectionMode: "single",
+      selectedKeys: u ? [
+        u
+      ] : [],
+      onAction: (C) => {
+        i(C), m == null || m.close();
+      }
+    }
+  }, e)))));
+}, ie = ({ children: e, listBoxProps: n }) => {
+  const { countries: r } = N(), o = h(e, g.Option), a = h(e, g.Search), c = h(e, g.EmptyState), l = /* @__PURE__ */ t.createElement(ve, {
+    ...n,
+    renderEmptyState: c ? () => c : void 0
+  }, r.map((u) => {
+    const i = H(u.longCountryCode) || "";
+    return ce(o, {
+      key: u.shortCountryCode,
+      countryCode: u.shortCountryCode,
+      dialingCode: i,
+      countryName: u.countryName,
+      longCountryCode: u.longCountryCode
+    });
+  }));
+  return a ? /* @__PURE__ */ t.createElement(Pe, {
+    filter: (u, i, m) => {
+      const C = r.find((p) => p.shortCountryCode === m.key);
+      return !!C && Ze(C, i);
+    }
+  }, a, l) : l;
+};
+g.Popover = g;
+g.Modal = Je;
+const me = ({ className: e, children: n, "aria-label": r }) => /* @__PURE__ */ t.createElement(Oe, {
+  className: e,
+  "aria-label": r,
+  autoFocus: !0
+}, n), Xe = ({ className: e, placeholder: n }) => /* @__PURE__ */ t.createElement(ae, {
+  className: e,
+  placeholder: n
+});
+me.Input = Xe;
+g.Search = me;
+const et = ({ children: e, className: n }) => /* @__PURE__ */ t.createElement("div", {
+  className: n
+}, e);
+g.EmptyState = et;
+const $ = ({ children: e, className: n, ...r }) => {
+  const { countryCode: o, dialingCode: a, countryName: c, longCountryCode: l } = r, u = {
+    countryCode: o,
+    dialingCode: a,
+    countryName: c,
+    longCountryCode: l
+  }, i = e || /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(Ce, null), /* @__PURE__ */ t.createElement(de, null), /* @__PURE__ */ t.createElement(pe, null));
+  return /* @__PURE__ */ t.createElement(Se, {
+    className: n,
+    id: o,
+    textValue: `${c} ${a}`
+  }, /* @__PURE__ */ t.createElement(ue.Provider, {
+    value: u
+  }, i));
+}, Ce = ({ className: e }) => {
+  const { longCountryCode: n } = G();
+  return /* @__PURE__ */ t.createElement(Y, {
+    className: e,
+    longCountryCode: n
+  });
+}, de = ({ className: e }) => {
+  const { countryName: n } = G();
+  return /* @__PURE__ */ t.createElement("span", {
+    className: e
+  }, n);
+}, pe = ({ className: e }) => {
+  const { dialingCode: n } = G();
+  return /* @__PURE__ */ t.createElement("span", {
+    className: e
+  }, n);
+};
+$.Flag = Ce;
+$.Name = de;
+$.Code = pe;
+g.Option = $;
+const tt = ({ className: e }) => {
+  const { t: n } = P(), { inputId: r, ariaDescribedBy: o } = oe(), { id: a, placeholder: c, disabled: l, readOnly: u, required: i, label: m, hasError: C } = M(), { currentValue: p, handlePhoneChange: d } = N(), f = v(null);
+  return he(() => {
+    var y;
+    (y = f.current) == null || y.focus({
+      preventScroll: !0
+    });
+  }, a), /* @__PURE__ */ t.createElement(ae, {
+    ref: f,
+    id: r,
+    type: "tel",
+    value: p,
+    onChange: (y) => d(y.target.value),
+    disabled: l,
+    readOnly: u,
+    required: i,
+    "aria-label": `${m}. ${n("field.phone.aria-label")}`,
+    "aria-describedby": o,
+    "aria-invalid": C,
+    placeholder: c,
+    className: e
+  });
+}, nt = ({ children: e, className: n }) => {
+  const r = v(null), o = v(null), a = v(!1), { disabled: c, readOnly: l, required: u, hasError: i, showFlag: m, onFocus: C, onBlur: p } = M(), d = Me(p), { t: f } = P(), { selectedCountryCode: y, handleCountryCodeChange: O, countries: S } = N(), A = h(e, s.CountryButton), F = h(e, s.CountryOptions.Modal), T = F ?? h(e, s.CountryOptions.Popover), D = h(e, s.PhoneNumber), R = {
+    onFocus: () => {
+      a.current || (a.current = !0, C == null || C());
+    },
+    onBlur: (L) => {
+      var K, Z;
+      const x = L.relatedTarget;
+      !((K = r.current) != null && K.contains(x)) && !((Z = o.current) != null && Z.contains(x)) && (a.current = !1, d());
+    }
+  };
+  if (S.length === 1)
+    return /* @__PURE__ */ t.createElement(Q, {
+      ref: r,
+      className: n,
+      isDisabled: c,
+      isInvalid: i,
+      ...R
+    }, m && /* @__PURE__ */ t.createElement(Y, {
+      longCountryCode: S[0].longCountryCode
+    }), D);
+  const I = /* @__PURE__ */ t.createElement(t.Fragment, null, A, ce(T, {
+    triggerRef: r,
+    optionsRef: o
+  }));
+  return /* @__PURE__ */ t.createElement(Q, {
+    ref: r,
+    className: n,
+    isDisabled: c,
+    isInvalid: i,
+    ...R
+  }, F ? /* @__PURE__ */ t.createElement(Le, null, I) : /* @__PURE__ */ t.createElement(Ie, {
+    "aria-label": f("field.phone.country-code.aria-label"),
+    value: y ?? null,
+    onChange: (L) => O(L),
+    isDisabled: c || l,
+    isInvalid: i,
+    isRequired: u,
+    placeholder: ""
+  }, I), D);
+};
+s.Label = Re;
+s.Control = nt;
+s.CountryButton = z;
+s.CountryOptions = g;
+s.PhoneNumber = tt;
+s.Description = Fe;
+s.Error = De;
+const ot = (e) => /* @__PURE__ */ t.createElement("svg", {
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "currentColor",
+  "aria-hidden": "true",
+  ...e
+}, /* @__PURE__ */ t.createElement("path", {
+  fillRule: "evenodd",
+  d: "M11.5,19 C11.331,19 11.166,18.985 11,18.975 L11,16.5 C11,16.224 10.776,16 10.5,16 L9.5,16 C9.224,16 9,15.775 9,15.5 L9,12.5 C9,12.366 8.947,12.238 8.852,12.145 L4.804,8.14 C6.04,5.688 8.573,4 11.5,4 C12.76,4 13.946,4.315 14.989,4.866 L15,6.497 C15.001,6.631 14.949,6.757 14.855,6.853 C14.76,6.947 14.634,7 14.5,7 L12.339,7 C12.207,7 12.08,7.053 11.986,7.146 L10.146,8.983 C10.053,9.077 10,9.204 10,9.337 L10,10.5 C10,11.325 10.672,11.999 11.499,12 L15.293,12 L17,13.707 L17,16.582 C15.629,18.064 13.674,19 11.5,19 M4,11.5 C4,10.673 4.14,9.879 4.388,9.135 L8,12.709 L8,15.5 C8,16.327 8.673,17 9.5,17 L10,17 L10,18.849 C6.581,18.152 4,15.122 4,11.5 M19,11.5 C19,12.856 18.632,14.127 18,15.226 L18,13.5 C18,13.367 17.947,13.24 17.854,13.146 L15.854,11.146 C15.76,11.053 15.633,11 15.5,11 L11.5,11 C11.224,11 11,10.775 11,10.5 L11,9.544 L12.546,8 L14.5,8 C14.902,8 15.281,7.843 15.564,7.557 C15.848,7.271 16.003,6.892 16,6.49 L15.993,5.51 C17.814,6.879 19,9.051 19,11.5 M11.5,3 C6.813,3 3,6.813 3,11.5 C3,16.187 6.813,20 11.5,20 C16.187,20 20,16.187 20,11.5 C20,6.813 16.187,3 11.5,3"
+})), rt = (e) => /* @__PURE__ */ t.createElement("svg", {
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "currentColor",
+  "aria-hidden": "true",
+  ...e
+}, /* @__PURE__ */ t.createElement("path", {
+  fillRule: "evenodd",
+  d: "M6.6108,14.3887 C5.5718,13.3497 4.9998,11.9687 4.9998,10.4997 C4.9998,9.0317 5.5718,7.6507 6.6108,6.6117 C7.6498,5.5727 9.0308,4.9997 10.4998,4.9997 C11.9688,4.9997 13.3498,5.5727 14.3888,6.6117 C15.4278,7.6507 15.9998,9.0317 15.9998,10.4997 C15.9998,11.9687 15.4278,13.3497 14.3888,14.3887 C13.3498,15.4277 11.9688,15.9997 10.4998,15.9997 C9.0308,15.9997 7.6498,15.4277 6.6108,14.3887 L6.6108,14.3887 Z M20.0028,19.2957 L15.4328,14.7247 C16.4438,13.5477 16.9998,12.0687 16.9998,10.4997 C16.9998,8.7637 16.3238,7.1317 15.0958,5.9047 C13.8688,4.6767 12.2358,3.9997 10.4998,3.9997 C8.7638,3.9997 7.1318,4.6767 5.9038,5.9047 C4.6758,7.1317 3.9998,8.7637 3.9998,10.4997 C3.9998,12.2367 4.6758,13.8677 5.9038,15.0957 C7.1318,16.3237 8.7638,16.9997 10.4998,16.9997 C12.0688,16.9997 13.5478,16.4437 14.7258,15.4317 L19.2958,20.0027 L20.0028,19.2957 Z"
+})), at = "_control_5ca23_1", ct = "_countryButton_5ca23_9", st = "_chevron_5ca23_25", lt = "_globeIcon_5ca23_34", ut = "_searchIcon_5ca23_35", it = "_flag_5ca23_44", mt = "_phoneNumber_5ca23_59", Ct = "_countryOptions_5ca23_85", dt = "_option_5ca23_93", pt = "_countrySearchContainer_5ca23_102", yt = "_countrySearch_5ca23_102", Et = "_name_5ca23_144", ft = "_code_5ca23_148", ht = "_mobileOverlay_5ca23_164", gt = "_mobileDrawer_5ca23_174", E = {
+  control: at,
+  countryButton: ct,
+  chevron: st,
+  globeIcon: lt,
+  searchIcon: ut,
+  flag: it,
+  phoneNumber: mt,
+  countryOptions: Ct,
+  option: dt,
+  countrySearchContainer: pt,
+  countrySearch: yt,
+  name: Et,
+  code: ft,
+  mobileOverlay: ht,
+  mobileDrawer: gt
+}, bt = ({ content: e, locale: n }) => /* @__PURE__ */ t.createElement(ye, {
+  content: e,
+  locale: n
+}), _t = () => /* @__PURE__ */ t.createElement("span", {
+  className: E.chevron,
+  "aria-hidden": "true"
+}, /* @__PURE__ */ t.createElement(we, null)), kt = () => {
+  const { t: e } = P(), { isMobile: n, PortalContainer: r } = ne(), o = /* @__PURE__ */ t.createElement(s.CountryOptions.Search, {
+    className: E.countrySearchContainer,
+    "aria-label": e("field.phone.country-search-input.aria-label")
+  }, /* @__PURE__ */ t.createElement(rt, {
+    className: E.searchIcon
+  }), /* @__PURE__ */ t.createElement(s.CountryOptions.Search.Input, {
+    className: b(E.countrySearch, J),
+    placeholder: e("field.phone.country-search-input.placeholder")
+  })), a = /* @__PURE__ */ t.createElement(s.CountryOptions.EmptyState, null, e("field.phone.country-selector-dropdown.no-result")), c = /* @__PURE__ */ t.createElement(s.CountryOptions.Option, {
+    className: b(_.selectOption, _.selectOptionWithoutFocusRing, E.option, J)
+  }, /* @__PURE__ */ t.createElement(s.CountryOptions.Option.Flag, {
+    className: E.flag
+  }), /* @__PURE__ */ t.createElement(s.CountryOptions.Option.Name, {
+    className: E.name
+  }), /* @__PURE__ */ t.createElement(s.CountryOptions.Option.Code, {
+    className: E.code
+  }));
+  return /* @__PURE__ */ t.createElement(s, null, /* @__PURE__ */ t.createElement(s.Label, {
+    className: b(qe, _.label)
+  }, /* @__PURE__ */ t.createElement(s.Label.Required, {
+    className: b(ke, _.requiredMark)
+  })), /* @__PURE__ */ t.createElement(s.Control, {
+    className: b(Ve, _.input, E.control)
+  }, /* @__PURE__ */ t.createElement(s.CountryButton, {
+    className: E.countryButton
+  }, /* @__PURE__ */ t.createElement(s.CountryButton.Flag, {
+    className: E.flag
+  }), /* @__PURE__ */ t.createElement(s.CountryButton.EmptyState, null, /* @__PURE__ */ t.createElement(ot, {
+    className: E.globeIcon
+  })), /* @__PURE__ */ t.createElement(_t, null)), /* @__PURE__ */ t.createElement(s.PhoneNumber, {
+    className: b(_.innerInput, E.phoneNumber)
+  }), n ? /* @__PURE__ */ t.createElement(s.CountryOptions.Modal, {
+    className: b(_.selectPopover, E.mobileDrawer),
+    overlayClassName: E.mobileOverlay,
+    portalContainer: r,
+    "aria-label": e("field.phone.country-code.aria-label")
+  }, o, a, c) : /* @__PURE__ */ t.createElement(s.CountryOptions.Popover, {
+    className: b(He, _.selectPopover, E.countryOptions),
+    placement: "bottom start",
+    offset: 0,
+    "aria-label": e("field.phone.country-code.aria-label")
+  }, o, a, c)), /* @__PURE__ */ t.createElement(s.Error, {
+    className: b(Ge, _.error)
+  }, /* @__PURE__ */ t.createElement(Ue, null), /* @__PURE__ */ t.createElement(s.Error.Text, null)), /* @__PURE__ */ t.createElement(s.Description, {
+    className: b(Ye, _.description)
+  }, bt));
+};
+export {
+  kt as P
+};

package/dist/component/phone-rac-4MQREqBG.js

@@ -0,0 +1,6 @@
+import e from "react";
+import { P as o } from "./phone-input-field-rac-Cd7RFaoD.js";
+const r = () => /* @__PURE__ */ e.createElement(o, null);
+export {
+  r as PhoneRAC
+};