@multiplatform.one/forms 6.0.0

package/dist/jsx/fields/PhoneInput/dialCodes.native.js

@@ -0,0 +1,279 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var dialCodes_exports = {};
+__export(dialCodes_exports, {
+  dialCodes: () => dialCodes,
+  regionCodes: () => regionCodes
+});
+module.exports = __toCommonJS(dialCodes_exports);
+var dialCodes = {
+  AC: 247,
+  AD: 376,
+  AE: 971,
+  AF: 93,
+  AG: 1,
+  AI: 1,
+  AL: 355,
+  AM: 374,
+  AO: 244,
+  AR: 54,
+  AS: 1,
+  AT: 43,
+  AU: 61,
+  AW: 297,
+  AX: 358,
+  AZ: 994,
+  BA: 387,
+  BB: 1,
+  BD: 880,
+  BE: 32,
+  BF: 226,
+  BG: 359,
+  BH: 973,
+  BI: 257,
+  BJ: 229,
+  BL: 590,
+  BM: 1,
+  BN: 673,
+  BO: 591,
+  BQ: 599,
+  BR: 55,
+  BS: 1,
+  BT: 975,
+  BW: 267,
+  BY: 375,
+  BZ: 501,
+  CA: 1,
+  CC: 61,
+  CD: 243,
+  CF: 236,
+  CG: 242,
+  CH: 41,
+  CI: 225,
+  CK: 682,
+  CL: 56,
+  CM: 237,
+  CN: 86,
+  CO: 57,
+  CR: 506,
+  CU: 53,
+  CV: 238,
+  CW: 599,
+  CX: 61,
+  CY: 357,
+  CZ: 420,
+  DE: 49,
+  DJ: 253,
+  DK: 45,
+  DM: 1,
+  DO: 1,
+  DZ: 213,
+  EC: 593,
+  EE: 372,
+  EG: 20,
+  EH: 212,
+  ER: 291,
+  ES: 34,
+  ET: 251,
+  FI: 358,
+  FJ: 679,
+  FK: 500,
+  FM: 691,
+  FO: 298,
+  FR: 33,
+  GA: 241,
+  GB: 44,
+  GD: 1,
+  GE: 995,
+  GF: 594,
+  GG: 44,
+  GH: 233,
+  GI: 350,
+  GL: 299,
+  GM: 220,
+  GN: 224,
+  GP: 590,
+  GQ: 240,
+  GR: 30,
+  GT: 502,
+  GU: 1,
+  GW: 245,
+  GY: 592,
+  HK: 852,
+  HN: 504,
+  HR: 385,
+  HT: 509,
+  HU: 36,
+  ID: 62,
+  IE: 353,
+  IL: 972,
+  IM: 44,
+  IN: 91,
+  IO: 246,
+  IQ: 964,
+  IR: 98,
+  IS: 354,
+  IT: 39,
+  JE: 44,
+  JM: 1,
+  JO: 962,
+  JP: 81,
+  KE: 254,
+  KG: 996,
+  KH: 855,
+  KI: 686,
+  KM: 269,
+  KN: 1,
+  KP: 850,
+  KR: 82,
+  KW: 965,
+  KY: 1,
+  KZ: 7,
+  LA: 856,
+  LB: 961,
+  LC: 1,
+  LI: 423,
+  LK: 94,
+  LR: 231,
+  LS: 266,
+  LT: 370,
+  LU: 352,
+  LV: 371,
+  LY: 218,
+  MA: 212,
+  MC: 377,
+  MD: 373,
+  ME: 382,
+  MF: 590,
+  MG: 261,
+  MH: 692,
+  MK: 389,
+  ML: 223,
+  MM: 95,
+  MN: 976,
+  MO: 853,
+  MP: 1,
+  MQ: 596,
+  MR: 222,
+  MS: 1,
+  MT: 356,
+  MU: 230,
+  MV: 960,
+  MW: 265,
+  MX: 52,
+  MY: 60,
+  MZ: 258,
+  NA: 264,
+  NC: 687,
+  NE: 227,
+  NF: 672,
+  NG: 234,
+  NI: 505,
+  NL: 31,
+  NO: 47,
+  NP: 977,
+  NR: 674,
+  NU: 683,
+  NZ: 64,
+  OM: 968,
+  PA: 507,
+  PE: 51,
+  PF: 689,
+  PG: 675,
+  PH: 63,
+  PK: 92,
+  PL: 48,
+  PM: 508,
+  PR: 1,
+  PS: 970,
+  PT: 351,
+  PW: 680,
+  PY: 595,
+  QA: 974,
+  RE: 262,
+  RO: 40,
+  RS: 381,
+  RU: 7,
+  RW: 250,
+  SA: 966,
+  SB: 677,
+  SC: 248,
+  SD: 249,
+  SE: 46,
+  SG: 65,
+  SH: 290,
+  SI: 386,
+  SJ: 47,
+  SK: 421,
+  SL: 232,
+  SM: 378,
+  SN: 221,
+  SO: 252,
+  SR: 597,
+  SS: 211,
+  ST: 239,
+  SV: 503,
+  SX: 1,
+  SY: 963,
+  SZ: 268,
+  TA: 290,
+  TC: 1,
+  TD: 235,
+  TG: 228,
+  TH: 66,
+  TJ: 992,
+  TK: 690,
+  TL: 670,
+  TM: 993,
+  TN: 216,
+  TO: 676,
+  TR: 90,
+  TT: 1,
+  TV: 688,
+  TW: 886,
+  TZ: 255,
+  UA: 380,
+  UG: 256,
+  US: 1,
+  UY: 598,
+  UZ: 998,
+  VA: 39,
+  VC: 1,
+  VE: 58,
+  VG: 1,
+  VI: 1,
+  VN: 84,
+  VU: 678,
+  WF: 681,
+  WS: 685,
+  XK: 383,
+  YE: 967,
+  YT: 262,
+  ZA: 27,
+  ZM: 260,
+  ZW: 263
+};
+var regionCodes = Object.keys(dialCodes);
+//# sourceMappingURL=dialCodes.native.js.map

package/dist/jsx/fields/PhoneInput/dialCodes.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","dialCodes_exports","dialCodes","regionCodes","module","exports","AC","AD","AE","AF","AG","AI","AL","AM","AO","AR","AS","AT","AU","AW","AX","AZ","BA","BB","BD","BE","BF","BG","BH","BI","BJ","BL","BM","BN","BO","BQ","BR","BS","BT","BW","BY","BZ","CA","CC","CD","CF","CG","CH","CI","CK","CL","CM","CN","CO","CR","CU","CV","CW","CX","CY","CZ","DE","DJ","DK","DM","DO","DZ","EC","EE","EG","EH","ER","ES","ET","FI","FJ","FK","FM","FO","FR","GA","GB","GD","GE","GF","GG","GH","GI","GL","GM","GN","GP","GQ","GR","GT","GU","GW","GY","HK","HN","HR","HT","HU","ID","IE","IL","IM","IN","IO","IQ","IR","IS","IT","JE","JM","JO","JP","KE","KG","KH","KI","KM","KN","KP","KR","KW","KY","KZ","LA","LB","LC","LI","LK","LR","LS","LT","LU","LV","LY","MA","MC","MD","ME","MF","MG","MH","MK","ML","MM","MN","MO","MP","MQ","MR","MS","MT","MU","MV","MW","MX","MY","MZ","NA","NC","NE","NF","NG","NI","NL","NO","NP","NR","NU","NZ","OM","PA","PE","PF","PG","PH","PK","PL","PM","PR","PS","PT","PW","PY","QA","RE","RO","RS","RU","RW","SA","SB","SC","SD","SE","SG","SH","SI","SJ","SK","SL","SM","SN","SO","SR","SS","ST","SV","SX","SY","SZ","TA","TC","TD","TG","TH","TJ","TK","TL","TM","TN","TO","TR","TT","TV"],"sources":["../../../../src/fields/PhoneInput/dialCodes.ts"],"sourcesContent":[null],"mappings":"AACO,YAAM;;AAAoC,IAC/CA,SAAI,GAAAC,MAAA,CAAAC,cAAA;AAAA,IACJC,gBAAI,GAAAF,MAAA,CAAAG,wBAAA;AAAA,IACJC,iBAAI,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACJC,YAAI,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACJC,QAAI,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EACJ,KAAI,IAAAC,IAAA,IAAAD,GAAA,EACJZ,SAAI,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACA,IACJC,WAAI,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACJ,IAAIF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IACJ,KAAI,IAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACA,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACAnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACJ;EACA,OAAIE,EAAA;AAAA;AACA,IACJM,YAAI,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IACJE,iBAAI;AAAAhB,QACA,CAAAgB,iBAAA;EACJC,SAAI,EAAAA,CAAA,KAAAA,SAAA;EACJC,WAAI,EAAAA,CAAA,KAAAA;AAAA,EACJ;AAAIC,MACA,CAAAC,OAAA,GAAAP,YAAA,CAAAG,iBAAA;AAAA,IACJC,SAAI;EACJI,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACNC,EAAA;EAEOC,EAAA,EAAM","ignoreList":[]}

package/dist/jsx/fields/PhoneInput/index.mjs

@@ -0,0 +1,232 @@
+import { GlobeIcon } from "@phosphor-icons/react";
+import { useEffect, useRef, useState } from "react";
+import { useProps } from "tamagui";
+import { Text, View } from "tamagui";
+import { Skeleton } from "../../Skeleton/index.mjs";
+import { Field, FieldLayout } from "../../fieldLayout.mjs";
+import { getFieldError, mergeFieldHandler, useFormField, useResolvedValidators } from "../../shared/utils.mjs";
+import { Input as InputParts } from "../../InputParts/index.mjs";
+import { Combobox } from "../Combobox/index.mjs";
+import { dialCodes, regionCodes } from "./dialCodes.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function countryCodeToFlag(countryCode) {
+  const codePoints = countryCode.toUpperCase().split("").map(char => 127397 + char.charCodeAt(0));
+  return String.fromCodePoint(...codePoints);
+}
+function dialPrefix(regionCode) {
+  return `+${dialCodes[regionCode] ?? 1} `;
+}
+const countryOptions = regionCodes.map(code => ({
+  value: code,
+  label: `${countryCodeToFlag(code)} ${code}  +${dialCodes[code]}`,
+  keywords: `+${dialCodes[code]} ${code}`
+}));
+function PhoneInputFieldRenderer({
+  field,
+  phoneNumber,
+  setPhoneNumber,
+  errorProp,
+  size,
+  knobProps,
+  onBlur,
+  id,
+  label,
+  labelProps,
+  helperText,
+  required,
+  renderPhoneRow
+}) {
+  const lastSyncedRef = useRef("");
+  const didInitRef = useRef(false);
+  useEffect(() => {
+    const fieldValue = field.state.value;
+    if (fieldValue && fieldValue !== lastSyncedRef.current) {
+      setPhoneNumber(fieldValue);
+      lastSyncedRef.current = fieldValue;
+    }
+  }, [field.state.value, setPhoneNumber]);
+  useEffect(() => {
+    if (!didInitRef.current) {
+      didInitRef.current = true;
+      const fieldValue = field.state.value;
+      lastSyncedRef.current = fieldValue || phoneNumber;
+      return;
+    }
+    if (phoneNumber !== lastSyncedRef.current) {
+      lastSyncedRef.current = phoneNumber;
+      field.handleChange(phoneNumber);
+    }
+  }, [field, phoneNumber]);
+  const resolvedError = getFieldError(field, errorProp);
+  return /* @__PURE__ */jsx(FieldLayout, {
+    id,
+    label,
+    labelProps,
+    error: resolvedError,
+    helperText,
+    required,
+    size,
+    knobProps,
+    onBlur: mergeFieldHandler(field, "handleBlur", onBlur),
+    children: /* @__PURE__ */jsx(InputParts, {
+      size: size || knobProps.sizeToken,
+      children: renderPhoneRow(!!resolvedError)
+    })
+  });
+}
+function PhoneInput(props) {
+  const {
+    defaultValue,
+    form,
+    inputProps,
+    defaultCountry = "US",
+    showFlags = true,
+    placeholder = "Phone number",
+    mode,
+    name,
+    preserveValue,
+    validators,
+    disabled,
+    readOnly,
+    label,
+    labelProps,
+    error: errorProp,
+    helperText,
+    required,
+    size,
+    onBlur,
+    skeleton,
+    compact,
+    id: idProp,
+    ..._restProps
+  } = useProps(props);
+  const {
+    resolvedForm,
+    knobProps,
+    id
+  } = useFormField({
+    form,
+    id: idProp,
+    compact
+  });
+  const resolvedValidators = useResolvedValidators(required, validators, label, name);
+  const [regionCode, setRegionCode] = useState(defaultCountry);
+  const [phoneNumber, setPhoneNumber] = useState(() => dialPrefix(defaultCountry));
+  const regionCodeMountedRef = useRef(false);
+  const handlePhoneChange = text => {
+    const filtered = text.replace(/[^0-9+\-() ]/g, "");
+    setPhoneNumber(filtered);
+  };
+  useEffect(() => {
+    if (!regionCodeMountedRef.current) {
+      regionCodeMountedRef.current = true;
+      return;
+    }
+    if (regionCode && dialCodes[regionCode]) {
+      setPhoneNumber(dialPrefix(regionCode));
+    }
+  }, [regionCode]);
+  if (skeleton) {
+    return /* @__PURE__ */jsxs(InputParts, {
+      size: size || knobProps.sizeToken,
+      children: [label && /* @__PURE__ */jsx(Skeleton, {
+        variant: "text",
+        width: "30%",
+        height: 14
+      }), /* @__PURE__ */jsx(Skeleton, {
+        variant: "rounded",
+        width: "100%",
+        height: knobProps.sizeToken
+      })]
+    });
+  }
+  const renderPhoneRow = hasError => /* @__PURE__ */jsxs(InputParts.Box, {
+    children: [/* @__PURE__ */jsx(InputParts.Section, {
+      children: /* @__PURE__ */jsx(View, {
+        "data-focus-skip": true,
+        ...(readOnly ? {
+          pointerEvents: "none"
+        } : void 0),
+        children: /* @__PURE__ */jsx(Combobox, {
+          options: countryOptions,
+          value: regionCode,
+          onValueChange: val => setRegionCode(typeof val === "string" ? val : val[0] ?? ""),
+          searchPlaceholder: "Search countries...",
+          emptyMessage: "No countries found.",
+          popoverWidth: 280,
+          tabIndex: -1,
+          trigger: selected => {
+            const opt = Array.isArray(selected) ? selected[0] : selected;
+            return /* @__PURE__ */jsx(InputParts.Button, {
+              tabIndex: -1,
+              children: opt && showFlags ? /* @__PURE__ */jsx(Text, {
+                fontSize: 20,
+                children: countryCodeToFlag(opt.value)
+              }) : /* @__PURE__ */jsx(InputParts.Icon, {
+                color: "$placeholderColor",
+                children: /* @__PURE__ */jsx(GlobeIcon, {})
+              })
+            });
+          }
+        })
+      })
+    }), /* @__PURE__ */jsx(InputParts.Section, {
+      children: /* @__PURE__ */jsx(InputParts.Area, {
+        keyboardType: "numeric",
+        value: phoneNumber,
+        onChangeText: handlePhoneChange,
+        placeholder,
+        disabled,
+        ...(readOnly ? {
+          readOnly: true
+        } : {}),
+        "aria-required": required || void 0,
+        "aria-invalid": hasError || void 0,
+        "aria-readonly": readOnly || void 0,
+        ...inputProps
+      })
+    })]
+  });
+  if (!resolvedForm || !name) {
+    return /* @__PURE__ */jsx(FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error: errorProp,
+      helperText,
+      required,
+      size,
+      knobProps,
+      onBlur,
+      children: /* @__PURE__ */jsx(InputParts, {
+        size: size || knobProps.sizeToken,
+        children: renderPhoneRow(!!errorProp)
+      })
+    });
+  }
+  return /* @__PURE__ */jsx(Field, {
+    defaultValue,
+    form: resolvedForm,
+    mode,
+    name,
+    preserveValue,
+    validators: resolvedValidators,
+    children: field => /* @__PURE__ */jsx(PhoneInputFieldRenderer, {
+      field,
+      phoneNumber,
+      setPhoneNumber,
+      errorProp,
+      size,
+      knobProps,
+      onBlur,
+      id,
+      label,
+      labelProps,
+      helperText,
+      required,
+      renderPhoneRow
+    })
+  });
+}
+export { PhoneInput };
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/fields/PhoneInput/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["GlobeIcon","useEffect","useRef","useState","useProps","Text","View","Skeleton","Field","FieldLayout","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","Input","InputParts","Combobox","dialCodes","regionCodes","jsx","jsxs","countryCodeToFlag","countryCode","codePoints","toUpperCase","split","map","char","charCodeAt","String","fromCodePoint","dialPrefix","regionCode","countryOptions","code","value","label","keywords","PhoneInputFieldRenderer","field","phoneNumber","setPhoneNumber","errorProp","size","knobProps","onBlur","id","labelProps","helperText","required","renderPhoneRow","lastSyncedRef","didInitRef","fieldValue","state","current","handleChange","resolvedError","error","children","sizeToken","PhoneInput","props","defaultValue","form","inputProps","defaultCountry","showFlags","placeholder","mode","name","preserveValue","validators","disabled","readOnly","skeleton","compact","idProp","_restProps","resolvedForm","resolvedValidators","setRegionCode","regionCodeMountedRef","handlePhoneChange","text","filtered","replace","variant","width","height","hasError","Box","Section","pointerEvents","options","onValueChange","val","searchPlaceholder","emptyMessage","popoverWidth","tabIndex","trigger","selected","opt","Array","isArray","Button","fontSize","Icon","color","Area","keyboardType","onChangeText"],"sources":["../../../../src/fields/PhoneInput/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}