@input-kit/phone 0.2.1 → 0.3.0

package/dist/index.js

@@ -1,2 +1,1136 @@
-import {forwardRef,useRef,useState,useId,useCallback,useEffect,useImperativeHandle,useMemo,useLayoutEffect}from'react';import {getCountries,getCountryCallingCode,getExampleNumber,parsePhoneNumberFromString,AsYouType,isValidPhoneNumber,isPossiblePhoneNumber,validatePhoneNumberLength}from'libphonenumber-js';import rn from'libphonenumber-js/mobile/examples';import on from'world-countries';import {jsxs,Fragment,jsx}from'react/jsx-runtime';var an=["US","GB","CA","AU","DE","FR","IT","ES","JP","CN","IN","BR","MX","KR","NL","CH","SE","AE","SG","ZA","NG","SA","TR","ID","PH","TH","VN","MY","NZ","AR"],sn=new Set(getCountries()),un=new Map(on.map(e=>[e.cca2,e])),ln={AC:{name:"Ascension Island",dialCode:"+247"},TA:{name:"Tristan da Cunha",dialCode:"+290"},BQ:{name:"Caribbean Netherlands",dialCode:"+599"}};function dn(e,n){let t=e.startsWith("+")?e:`+${e}`,r=n.replace(/\D/g,"");return `${t}${r}`}function cn(e){return e.toUpperCase().replace(/./g,n=>String.fromCodePoint(127397+n.charCodeAt(0)))}function pn(e,n){let t=e?.idd?.root;if(!t)return [n];let o=(e.idd?.suffixes?.length?e.idd.suffixes:[""]).map(s=>dn(t,s)).filter(s=>/^\+\d+$/.test(s));return Array.from(new Set([n,...o.length?o:[]]))}function fn(e){let n=getExampleNumber(e,rn);return n?n.formatNational().replace(/\d/g,"#"):void 0}function Ve(e){let n=an.indexOf(e);return n===-1?Number.MAX_SAFE_INTEGER:n}var Cn=Array.from(sn).map(e=>{let n=un.get(e),t=ln[e],r=t?.dialCode??`+${getCountryCallingCode(e)}`,o=pn(n,r);return {code:e,name:n?.name.common??t?.name??e,dialCode:r,dialCodes:o,flag:n?.flag||t?.flag||cn(e),format:fn(e)}}).sort((e,n)=>{let t=Ve(e.code)-Ve(n.code);return t!==0?t:e.name.localeCompare(n.name)}),S=Cn,gn=new Map(S.map(e=>[e.code,e])),yn=S.reduce((e,n)=>{for(let t of n.dialCodes){let r=e.get(t)??[];r.push(n),e.set(t,r);}return e},new Map),mn=S.flatMap(e=>e.dialCodes.map(n=>({dialCode:n,country:e}))).sort((e,n)=>n.dialCode.length-e.dialCode.length),$e=new Map;function hn(e){return Array.isArray(e)?[...e]:e?[e]:[]}function bn(e){let n=hn(e);if(n.length===0||typeof Intl>"u"||typeof Intl.DisplayNames>"u")return;let t=n.join("|"),r=$e.get(t);if(r)return r;try{let o=new Intl.DisplayNames(n,{type:"region"});return $e.set(t,o),o}catch{return}}function Pn(e){let n=e.replace(/\D/g,"");return n?`+${n}`:""}function T(e){return gn.get(e.toUpperCase())}function ke(e,n){return e?bn(n)?.of(e.code)??e.displayName??e.name:void 0}function Z(e,n){if(!e)return;let t=ke(e,n);return t?{...e,displayName:t}:e}function le(e,n){return n?e.map(t=>Z(t,n)??t):e}function ze(e){return yn.get(Pn(e))??[]}function Ln(e){return ze(e)[0]}function xn(e={}){let n=S;if(e.onlyCountries?.length){let t=new Set(e.onlyCountries.map(r=>r.toUpperCase()));n=n.filter(r=>t.has(r.code));}if(e.excludeCountries?.length){let t=new Set(e.excludeCountries.map(r=>r.toUpperCase()));n=n.filter(r=>!t.has(r.code));}if(n=le(n,e.locale),e.preferredCountries?.length){let t=e.preferredCountries.map(r=>r.toUpperCase());n=[...n].sort((r,o)=>{let s=t.indexOf(r.code),c=t.indexOf(o.code);return s!==-1&&c!==-1?s-c:s!==-1?-1:c!==-1?1:(r.displayName??r.name).localeCompare(o.displayName??o.name)});}return n.map(t=>({value:t.code,label:`${t.displayName??t.name} (${t.dialCode})`,dialCode:t.dialCode,flag:t.flag}))}function q(e){let n=e.trim();if(!n)return;let t=n.startsWith("+")?`+${n.replace(/\D/g,"")}`:n.startsWith("00")?`+${n.slice(2).replace(/\D/g,"")}`:"";if(!t)return;let r=parsePhoneNumberFromString(t);return r?.country?T(r.country):mn.find(o=>t.startsWith(o.dialCode))?.country}var De={selectCountry:"Select country",countrySearchPlaceholder:"Search countries...",noCountriesFound:"No countries found",searchCountriesAriaLabel:"Search countries",countryOptionsAriaLabel:"Country options",countryButtonAriaLabel:"Open country selector"},Nn={en:De,fr:{selectCountry:"Choisir un pays",countrySearchPlaceholder:"Rechercher un pays...",noCountriesFound:"Aucun pays trouv\xE9",searchCountriesAriaLabel:"Rechercher des pays",countryOptionsAriaLabel:"Options de pays",countryButtonAriaLabel:"Ouvrir le s\xE9lecteur de pays"},de:{selectCountry:"Land ausw\xE4hlen",countrySearchPlaceholder:"Land suchen...",noCountriesFound:"Keine L\xE4nder gefunden",searchCountriesAriaLabel:"L\xE4nder suchen",countryOptionsAriaLabel:"L\xE4nderoptionen",countryButtonAriaLabel:"L\xE4nderauswahl \xF6ffnen"},es:{selectCountry:"Seleccionar pa\xEDs",countrySearchPlaceholder:"Buscar pa\xEDs...",noCountriesFound:"No se encontraron pa\xEDses",searchCountriesAriaLabel:"Buscar pa\xEDses",countryOptionsAriaLabel:"Opciones de pa\xEDs",countryButtonAriaLabel:"Abrir selector de pa\xEDs"},pt:{selectCountry:"Selecionar pa\xEDs",countrySearchPlaceholder:"Pesquisar pa\xEDs...",noCountriesFound:"Nenhum pa\xEDs encontrado",searchCountriesAriaLabel:"Pesquisar pa\xEDses",countryOptionsAriaLabel:"Op\xE7\xF5es de pa\xEDs",countryButtonAriaLabel:"Abrir seletor de pa\xEDs"},it:{selectCountry:"Seleziona paese",countrySearchPlaceholder:"Cerca paese...",noCountriesFound:"Nessun paese trovato",searchCountriesAriaLabel:"Cerca paesi",countryOptionsAriaLabel:"Opzioni paese",countryButtonAriaLabel:"Apri selettore paese"},ja:{selectCountry:"\u56FD\u3092\u9078\u629E",countrySearchPlaceholder:"\u56FD\u3092\u691C\u7D22...",noCountriesFound:"\u56FD\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093",searchCountriesAriaLabel:"\u56FD\u3092\u691C\u7D22",countryOptionsAriaLabel:"\u56FD\u306E\u5019\u88DC",countryButtonAriaLabel:"\u56FD\u306E\u30BB\u30EC\u30AF\u30BF\u30FC\u3092\u958B\u304F"},ko:{selectCountry:"\uAD6D\uAC00 \uC120\uD0DD",countrySearchPlaceholder:"\uAD6D\uAC00 \uAC80\uC0C9...",noCountriesFound:"\uAD6D\uAC00\uB97C \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4",searchCountriesAriaLabel:"\uAD6D\uAC00 \uAC80\uC0C9",countryOptionsAriaLabel:"\uAD6D\uAC00 \uC635\uC158",countryButtonAriaLabel:"\uAD6D\uAC00 \uC120\uD0DD\uAE30 \uC5F4\uAE30"},zh:{selectCountry:"\u9009\u62E9\u56FD\u5BB6",countrySearchPlaceholder:"\u641C\u7D22\u56FD\u5BB6...",noCountriesFound:"\u672A\u627E\u5230\u56FD\u5BB6",searchCountriesAriaLabel:"\u641C\u7D22\u56FD\u5BB6",countryOptionsAriaLabel:"\u56FD\u5BB6\u9009\u9879",countryButtonAriaLabel:"\u6253\u5F00\u56FD\u5BB6\u9009\u62E9\u5668"},ar:{selectCountry:"\u0627\u062E\u062A\u0631 \u0627\u0644\u062F\u0648\u0644\u0629",countrySearchPlaceholder:"\u0627\u0628\u062D\u062B \u0639\u0646 \u062F\u0648\u0644\u0629...",noCountriesFound:"\u0644\u0645 \u064A\u062A\u0645 \u0627\u0644\u0639\u062B\u0648\u0631 \u0639\u0644\u0649 \u062F\u0648\u0644",searchCountriesAriaLabel:"\u0627\u0628\u062D\u062B \u0639\u0646 \u0627\u0644\u062F\u0648\u0644",countryOptionsAriaLabel:"\u062E\u064A\u0627\u0631\u0627\u062A \u0627\u0644\u062F\u0648\u0644",countryButtonAriaLabel:"\u0627\u0641\u062A\u062D \u0645\u062D\u062F\u062F \u0627\u0644\u062F\u0648\u0644\u0629"},hi:{selectCountry:"\u0926\u0947\u0936 \u091A\u0941\u0928\u0947\u0902",countrySearchPlaceholder:"\u0926\u0947\u0936 \u0916\u094B\u091C\u0947\u0902...",noCountriesFound:"\u0915\u094B\u0908 \u0926\u0947\u0936 \u0928\u0939\u0940\u0902 \u092E\u093F\u0932\u093E",searchCountriesAriaLabel:"\u0926\u0947\u0936 \u0916\u094B\u091C\u0947\u0902",countryOptionsAriaLabel:"\u0926\u0947\u0936 \u0935\u093F\u0915\u0932\u094D\u092A",countryButtonAriaLabel:"\u0926\u0947\u0936 \u091A\u092F\u0928 \u0916\u094B\u0932\u0947\u0902"}};function vn(e){let t=(Array.isArray(e)?e:e?[e]:[]).find(Boolean);return t?t.toLowerCase().split("-")[0]:void 0}function Ae(e,n){let t=vn(e),r=t?Nn[t]:void 0;return {...De,...r,...n}}function W(e){let n=e.trim(),t=p(n);return n.startsWith("+")&&!t?"+":t?n.startsWith("+")?`+${t}`:t:""}function ce(e){return e?.code}function He(e){return e?.format?.replace(/[^#]/g,"").length}function p(e){return e.replace(/\D/g,"")}function K(e,n){return e&&new AsYouType(ce(n)).input(W(e))}function pe(e){return W(e)}function Ge(e,n){return !e||!n?false:e.trim().startsWith("+")?validatePhoneNumberLength(W(e))===void 0:validatePhoneNumberLength(p(e),ce(n))===void 0}function qe(e,n,t){if(!e)return  false;if(t)return t(e,n??void 0);let r=W(e),o=ce(n);return o?r.startsWith("+")?isValidPhoneNumber(r):isValidPhoneNumber(p(r),o):isPossiblePhoneNumber(r.startsWith("+")?r:`+${p(r)}`)}function B(e,n){if(!n)return e;let t=W(e);if(!t||t==="+")return "";if(t.startsWith("+"))return t;let r=p(t);return n.dialCodes.find(s=>r.startsWith(s.replace("+","")))?`+${r}`:`${n.dialCode}${r}`}function O(e,n){if(!n)return e;let t=W(e),r=p(t),o=p(n.dialCode);if(r.startsWith(o))return r.slice(o.length);for(let s of n.dialCodes){let c=s.replace("+","");if(r.startsWith(c))return r.slice(c.length)}return r}function we(e,n,t){let r=n.toLowerCase().trim();return r?e.filter(o=>o.name.toLowerCase().includes(r)||(o.displayName??"").toLowerCase().includes(r)||o.code.toLowerCase().includes(r)||o.dialCodes.some(s=>s.includes(r))):t?.length?[...e].sort((o,s)=>{let c=t.indexOf(o.code),y=t.indexOf(s.code);return c!==-1&&y!==-1?c-y:c!==-1?-1:y!==-1?1:(o.displayName??o.name).localeCompare(s.displayName??s.name)}):e}function fe(e){return e?.displayName??e?.name??""}function Re(e){return e?.format?e.format.replace(/#/g,"0"):e?.dialCode?`${e.dialCode} 000 000 0000`:"Phone number"}var An=p;function J(e){return e.trim().startsWith("+")||e.trim().startsWith("00")}function On(e){let n=p(e);if(!J(e))return {dialCode:null,nationalNumber:n};let t=S.map(o=>o.dialCode).sort((o,s)=>s.length-o.length).find(o=>n.startsWith(p(o)));if(!t)return {dialCode:null,nationalNumber:n};let r=p(t);return {dialCode:r,nationalNumber:n.slice(r.length)}}function wn(e){return q(e)??null}function Rn(e,n,t="national"){if(!e)return "";if(t==="e164")return B(e,n);let r=J(e)?O(e,n):e;if(!n&&t==="national")return p(r).slice(0,9).replace(/(\d{3})(?=\d)/g,"$1 ").trim();let o=K(r,n);return t==="international"?n?`${n.dialCode} ${o}`:B(e,n):o}function En(e,n){return B(e,n)}function Sn(e,n){if(n)return O(e,n);let t=q(e);return t?O(e,t):p(e)}function de(e,n){return {isValid:false,reason:e,message:n,error:n}}function _e(){return {isValid:true,reason:null,message:null,error:null}}function Ee(e,n,t=false,r){let o=p(e);if(!o)return t?de("required","Phone number is required"):_e();let s=He(n),c=n?p(O(e,n)):o;return c.length<7?de("too_short","Phone number is too short"):s&&c.length>s?de("too_long",`Phone number is too long (max ${s} digits)`):(r?r(e,n??void 0):qe(e,n))?_e():de("invalid","Invalid phone number")}function Bn(e,n){let t=ce(n),r=W(e),o=r.startsWith("+")?parsePhoneNumberFromString(r):parsePhoneNumberFromString(p(r),t);if(!o){let c=n?O(e,n):p(e);return {country:n??void 0,nationalNumber:c,e164:void 0,isValid:false}}return {country:o.country?T(o.country):n??void 0,nationalNumber:o.nationalNumber,e164:o.isValid()?o.number:void 0,isValid:o.isValid()}}function Mn(e,n){return n?Ge(e,n):p(e).length>=7}function Fn(e,n){return J(e)&&n?`${n.dialCode} ${K(O(e,n),n)}`:K(e,n)}var Oe=p;function Vn(e,n){return Oe(e)===Oe(n)}function $n(e,n=true){let t=`${e.flag} ${fe(e)}`;return n?`${t} (${e.dialCode})`:t}function kn(e,n){let t=He(n);if(!t)return e;let r=J(e),o=p(e),s=n?p(n.dialCode):"",c=r?s.length+t:t,y=o.slice(0,c);return r?`+${y}`:y}function Tn(e,n){return e.slice(0,n).replace(/\D/g,"").length}function Wn(e,n){if(n<=0)return e.startsWith("+")?1:0;let t=0;for(let r=0;r<e.length;r+=1)if(/\d/.test(e[r])&&(t+=1,t===n))return r+1;return e.length}function Me(e={}){let{value:n,defaultValue:t="",onChange:r,onCountryChange:o,onBlur:s,onFocus:c,defaultCountry:y="US",preferredCountries:ne,excludeCountries:ge,excludedCountries:ye,onlyCountries:me,allowedCountries:he,autoDetect:Y,autoDetectCountry:be,formatOnType:te=true,includeDialCode:L=false,required:re=false,validator:oe,onValidationChange:ie,locale:P,labels:U}=e,V=me??he,I=ge??ye,D=Y??be??true,w=n!==void 0,_=useRef(null),j=useRef(null),ae=useRef(y),C=useMemo(()=>{let i=S;return V?.length&&(i=i.filter(a=>V.includes(a.code))),I?.length&&(i=i.filter(a=>!I.includes(a.code))),i},[V,I]),N=useMemo(()=>le(C,P),[C,P]),R=useMemo(()=>Ae(P,U),[P,U]),Pe=C.find(i=>i.code===y)||C[0],[Le,se]=useState(t),[d,E]=useState(Pe),[$,H]=useState(false),[A,k]=useState(""),l=w?n:Le,f=useCallback(i=>Z(i,P),[P]);useEffect(()=>{let i=ae.current!==y;ae.current=y;let a=C.find(X=>X.code===y)||C[0],v=d?C.some(X=>X.code===d.code):false;a&&(i||!v)&&E(a);},[y,C,d]),useEffect(()=>{if(D&&l){let i=q(l);i&&C.some(a=>a.code===i.code)&&i.code!==d?.code&&(E(i),o?.(f(i)));}},[C,D,l,d?.code,o,f]);let G=useMemo(()=>te?K(L&&l.startsWith("+")?O(l,d):l,d):L&&l.startsWith("+")?O(l,d):l,[te,L,l,d]),xe=useMemo(()=>L&&d?B(l,d):l,[l,d,L]),M=useMemo(()=>Ee(l,d,re,oe),[l,d,re,oe]);useEffect(()=>{ie?.(M);},[M,ie]);let Ne=useMemo(()=>Z(d,P),[d,P]),ue=useMemo(()=>we(N,A,ne),[N,A,ne]);useLayoutEffect(()=>{let i=j.current,a=_.current;if(i===null||!a||typeof a.setSelectionRange!="function"||typeof document<"u"&&document.activeElement!==a)return;let v=Wn(G,i);a.setSelectionRange(v,v),j.current=null;},[G]);let z=useCallback(i=>{let a=pe(i);w||se(a),r?.(L?B(a,d):a,f(d));},[w,r,d,L,f]),ve=useCallback(i=>{let a=T(i);a&&(E(a),o?.(f(a)),r?.(L?B(l,a):l,f(a)));},[l,r,o,L,f]),u=useCallback(i=>{let a=T(i.code)??i;E(a),H(false),k(""),o?.(f(a)),r?.(L?B(l,a):l,f(a));},[l,r,o,L,f]),h=useCallback(()=>{H(i=>!i),$&&k("");},[$]),b=useCallback(()=>{H(true);},[]),m=useCallback(()=>{H(false),k("");},[]),Qe=useCallback(()=>{w||se(""),r?.("",f(d));},[w,r,d,f]),Ye=useCallback(i=>{let a=i.target.value,v=i.target.selectionStart??a.length,X=a.trim().startsWith("+")?`+${a.replace(/\D/g,"")}`:pe(a);j.current=Tn(a,v),z(X);},[z]),je=useCallback(()=>{c?.();},[c]),Xe=useCallback(()=>{s?.();},[s]),Ie=useCallback(i=>`phone-input-country-${i}`,[]),Ze=useCallback((i,a)=>({id:Ie(i.code),role:"option","aria-selected":i.code===d?.code,onClick:()=>u(i),onKeyDown:v=>{(v.key==="Enter"||v.key===" ")&&(v.preventDefault(),u(i)),v.key==="Escape"&&(v.preventDefault(),m());},tabIndex:a===0?0:-1}),[m,d?.code,Ie,u]);return {phone:l,value:l,fullPhone:xe,country:Ne,isValid:M.isValid,validationReason:M.reason,error:M.error,isOpen:$,searchQuery:A,labels:R,formattedValue:G,setPhone:z,setValue:z,setCountry:ve,toggleDropdown:h,toggle:h,openDropdown:b,open:b,closeDropdown:m,close:m,setSearchQuery:k,clear:Qe,inputProps:{ref:_,value:G,onChange:Ye,onFocus:je,onBlur:Xe,type:"tel",inputMode:"tel",autoComplete:"tel",placeholder:Re(d),"aria-invalid":l?!M.isValid:void 0},countryButtonProps:{onClick:h,"aria-expanded":$,"aria-haspopup":"listbox","aria-label":R.countryButtonAriaLabel},countrySelectorProps:{onClick:h,"aria-expanded":$,"aria-haspopup":"listbox","aria-label":R.countryButtonAriaLabel},dropdownProps:{role:"listbox","aria-label":R.countryOptionsAriaLabel},getCountryOptionId:Ie,filteredCountries:ue,countries:ue,selectCountry:u,getCountryOptionProps:Ze}}var qn=({size:e=12})=>jsx("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsx("polyline",{points:"18 15 12 9 6 15"})}),Kn=({size:e=12})=>jsx("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsx("polyline",{points:"6 9 12 15 18 9"})}),Qn=forwardRef(function(n,t){let{value:r,defaultValue:o,onChange:s,onBlur:c,onFocus:y,inputClassName:ne,selectorClassName:ge,containerClassName:ye,searchable:me=true,placeholder:he,disabled:Y,readOnly:be,name:te,id:L,"aria-label":re,"aria-labelledby":oe,...ie}=n,P=useRef(null),U=useRef(null),V=useRef([]),[I,D]=useState(0),w=useId(),{inputProps:_,countryButtonProps:j,dropdownProps:ae,country:C,filteredCountries:N,isOpen:R,isValid:Pe,searchQuery:Le,setSearchQuery:se,setCountry:d,selectCountry:E,clear:$,openDropdown:H,closeDropdown:A,getCountryOptionId:k,labels:l}=Me({value:r,defaultValue:o,onChange:s,onBlur:c,onFocus:y,...ie}),f=_.ref,G=useCallback(u=>{U.current=u,typeof f=="function"?f(u):f&&"current"in f&&(f.current=u);},[f]),xe=useCallback(()=>{U.current?.focus();},[]),M=useCallback(()=>{U.current?.blur();},[]),Ne=useCallback(u=>{E(u),D(0);},[E]),ue=useCallback((u,h,b)=>{switch(u.key){case "Enter":case " ":u.preventDefault(),E(h),D(0);break;case "ArrowDown":if(u.preventDefault(),b<N.length-1){let m=b+1;D(m),V.current[m]?.focus();}break;case "ArrowUp":if(u.preventDefault(),b>0){let m=b-1;D(m),V.current[m]?.focus();}break;case "Escape":u.preventDefault(),A();break}},[E,N.length,A]);useEffect(()=>{if(!R)return;let u=b=>{let m=b.target;P.current&&m&&!P.current.contains(m)&&A();},h=b=>{let m=b.target;P.current&&m&&!P.current.contains(m)&&A();};return document.addEventListener("mousedown",u),document.addEventListener("focusin",h),()=>{document.removeEventListener("mousedown",u),document.removeEventListener("focusin",h);}},[R,A]),useEffect(()=>{if(N.length===0){I!==0&&D(0);return}I>=N.length&&D(N.length-1);},[N.length,I]),useImperativeHandle(t,()=>({focus:xe,blur:M,clear:$,setCountry:d,getCountry:()=>C,open:H,close:A}));let z=N[I],ve=z?k(z.code):void 0;return jsxs("div",{ref:P,className:ye,"data-valid":Pe,children:[jsxs("button",{...j,type:"button",className:ge,disabled:Y,tabIndex:Y?-1:0,"aria-controls":w,children:[C?jsxs(Fragment,{children:[jsx("span",{className:"phone-input-flag",children:C.flag}),jsx("span",{className:"phone-input-dial-code",children:C.dialCode})]}):jsx("span",{className:"phone-input-placeholder",children:l.selectCountry}),jsx("span",{className:"phone-input-arrow","aria-hidden":"true",children:R?jsx(qn,{size:12}):jsx(Kn,{size:12})})]}),jsx("input",{..._,ref:G,id:L,name:te,className:ne,placeholder:he||_.placeholder,disabled:Y,readOnly:be,"aria-label":re,"aria-labelledby":oe}),R&&jsxs("div",{className:"phone-input-dropdown",children:[me&&jsx("div",{className:"phone-input-search",children:jsx("input",{type:"text",value:Le,onChange:u=>se(u.target.value),placeholder:l.countrySearchPlaceholder,autoFocus:true,"aria-controls":w,"aria-label":l.searchCountriesAriaLabel})}),jsxs("ul",{...ae,className:"phone-input-country-list",id:w,"aria-activedescendant":ve,children:[N.map((u,h)=>jsxs("li",{id:k(u.code),ref:b=>{V.current[h]=b;},role:"option","aria-selected":u.code===C?.code,className:`phone-input-country-option ${u.code===C?.code?"selected":""} ${h===I?"highlighted":""}`,onClick:()=>Ne(u),onKeyDown:b=>ue(b,u,h),onMouseEnter:()=>D(h),tabIndex:h===I?0:-1,children:[jsx("span",{className:"phone-input-flag",children:u.flag}),jsx("span",{className:"phone-input-country-name",children:fe(u)}),jsx("span",{className:"phone-input-dial-code",children:u.dialCode})]},u.code)),N.length===0&&jsx("li",{className:"phone-input-no-results",children:l.noCountriesFound})]})]})]})});export{De as DEFAULT_PHONE_INPUT_LABELS,Qn as PhoneInput,B as addDialCode,p as cleanPhone,S as countries,wn as detectCountry,q as detectCountryFromPhone,On as extractDialCode,we as filterCountries,Fn as formatAsYouType,K as formatPhone,Rn as formatPhoneNumber,ze as getCountriesByDialCode,T as getCountryByCode,Ln as getCountryByDialCode,$n as getCountryDisplayLabel,fe as getCountryDisplayName,xn as getCountryOptions,ke as getLocalizedCountryName,Sn as getNationalNumber,Re as getPlaceholder,J as isInternationalFormat,Mn as isPhoneNumberComplete,kn as limitInputLength,le as localizeCountries,Z as localizeCountry,Oe as normalizePhoneNumber,Bn as parsePhoneValue,En as parseToE164,Vn as phoneNumbersEqual,O as removeDialCode,Ae as resolvePhoneInputLabels,An as stripNonDigits,pe as unformatPhone,Me as usePhoneInput,qe as validatePhone,Ge as validatePhoneLength,Ee as validatePhoneNumber};//# sourceMappingURL=index.js.map
+import { forwardRef, useRef, useState, useId, useCallback, useEffect, useImperativeHandle, useMemo, useLayoutEffect } from 'react';
+import { getCountries, getCountryCallingCode, getExampleNumber, parsePhoneNumberFromString, AsYouType, validatePhoneNumberLength, isPossiblePhoneNumber, isValidPhoneNumber } from 'libphonenumber-js';
+import examples from 'libphonenumber-js/mobile/examples';
+import worldCountries from 'world-countries';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+// src/usePhoneInput.ts
+var PRIORITY_COUNTRIES = [
+  "US",
+  "GB",
+  "CA",
+  "AU",
+  "DE",
+  "FR",
+  "IT",
+  "ES",
+  "JP",
+  "CN",
+  "IN",
+  "BR",
+  "MX",
+  "KR",
+  "NL",
+  "CH",
+  "SE",
+  "AE",
+  "SG",
+  "ZA",
+  "NG",
+  "SA",
+  "TR",
+  "ID",
+  "PH",
+  "TH",
+  "VN",
+  "MY",
+  "NZ",
+  "AR"
+];
+var supportedCountries = new Set(getCountries());
+var worldCountryMap = new Map(worldCountries.map((country) => [country.cca2, country]));
+var FALLBACK_COUNTRIES = {
+  AC: { name: "Ascension Island", dialCode: "+247" },
+  TA: { name: "Tristan da Cunha", dialCode: "+290" },
+  BQ: { name: "Caribbean Netherlands", dialCode: "+599" }
+};
+function normalizeDialCode(root, suffix) {
+  const normalizedRoot = root.startsWith("+") ? root : `+${root}`;
+  const digitsOnlySuffix = suffix.replace(/\D/g, "");
+  return `${normalizedRoot}${digitsOnlySuffix}`;
+}
+function codeToFlag(code) {
+  return code.toUpperCase().replace(/./g, (char) => String.fromCodePoint(127397 + char.charCodeAt(0)));
+}
+function buildDialCodes(country, fallbackDialCode) {
+  const root = country?.idd?.root;
+  if (!root) {
+    return [fallbackDialCode];
+  }
+  const suffixes = country.idd?.suffixes?.length ? country.idd.suffixes : [""];
+  const dialCodes = suffixes.map((suffix) => normalizeDialCode(root, suffix)).filter((dialCode) => /^\+\d+$/.test(dialCode));
+  return Array.from(/* @__PURE__ */ new Set([fallbackDialCode, ...dialCodes.length ? dialCodes : []]));
+}
+function getCountryFormat(code) {
+  const example = getExampleNumber(code, examples);
+  return example ? example.formatNational().replace(/\d/g, "#") : void 0;
+}
+function getCountryPriority(code) {
+  const index = PRIORITY_COUNTRIES.indexOf(code);
+  return index === -1 ? Number.MAX_SAFE_INTEGER : index;
+}
+var generatedCountries = Array.from(supportedCountries).map((code) => {
+  const country = worldCountryMap.get(code);
+  const fallback = FALLBACK_COUNTRIES[code];
+  const dialCode = fallback?.dialCode ?? `+${getCountryCallingCode(code)}`;
+  const dialCodes = buildDialCodes(country, dialCode);
+  return {
+    code,
+    name: country?.name.common ?? fallback?.name ?? code,
+    dialCode,
+    dialCodes,
+    flag: country?.flag || fallback?.flag || codeToFlag(code),
+    format: getCountryFormat(code)
+  };
+}).sort((left, right) => {
+  const priorityDelta = getCountryPriority(left.code) - getCountryPriority(right.code);
+  return priorityDelta !== 0 ? priorityDelta : left.name.localeCompare(right.name);
+});
+var countries = generatedCountries;
+var countryMap = new Map(countries.map((country) => [country.code, country]));
+var countriesByDialCode = countries.reduce((map, country) => {
+  for (const dialCode of country.dialCodes) {
+    const matches = map.get(dialCode) ?? [];
+    matches.push(country);
+    map.set(dialCode, matches);
+  }
+  return map;
+}, /* @__PURE__ */ new Map());
+var dialCodeMatchers = countries.flatMap((country) => country.dialCodes.map((dialCode) => ({ dialCode, country }))).sort((left, right) => right.dialCode.length - left.dialCode.length);
+var displayNameCache = /* @__PURE__ */ new Map();
+function normalizeLocales(locale) {
+  return Array.isArray(locale) ? [...locale] : locale ? [locale] : [];
+}
+function getDisplayNames(locale) {
+  const locales = normalizeLocales(locale);
+  if (locales.length === 0 || typeof Intl === "undefined" || typeof Intl.DisplayNames === "undefined") {
+    return void 0;
+  }
+  const cacheKey = locales.join("|");
+  const cached = displayNameCache.get(cacheKey);
+  if (cached) {
+    return cached;
+  }
+  try {
+    const displayNames = new Intl.DisplayNames(locales, { type: "region" });
+    displayNameCache.set(cacheKey, displayNames);
+    return displayNames;
+  } catch {
+    return void 0;
+  }
+}
+function normalizeLookupDialCode(dialCode) {
+  const digits = dialCode.replace(/\D/g, "");
+  return digits ? `+${digits}` : "";
+}
+function getCountryByCode(code) {
+  return countryMap.get(code.toUpperCase());
+}
+function getLocalizedCountryName(country, locale) {
+  if (!country) {
+    return void 0;
+  }
+  const displayNames = getDisplayNames(locale);
+  return displayNames?.of(country.code) ?? country.displayName ?? country.name;
+}
+function localizeCountry(country, locale) {
+  if (!country) {
+    return void 0;
+  }
+  const displayName = getLocalizedCountryName(country, locale);
+  return displayName ? { ...country, displayName } : country;
+}
+function localizeCountries(list, locale) {
+  if (!locale) {
+    return list;
+  }
+  return list.map((country) => localizeCountry(country, locale) ?? country);
+}
+function getCountriesByDialCode(dialCode) {
+  return countriesByDialCode.get(normalizeLookupDialCode(dialCode)) ?? [];
+}
+function getCountryByDialCode(dialCode) {
+  return getCountriesByDialCode(dialCode)[0];
+}
+function getCountryOptions(params = {}) {
+  let list = countries;
+  if (params.onlyCountries?.length) {
+    const allowed = new Set(params.onlyCountries.map((code) => code.toUpperCase()));
+    list = list.filter((country) => allowed.has(country.code));
+  }
+  if (params.excludeCountries?.length) {
+    const excluded = new Set(params.excludeCountries.map((code) => code.toUpperCase()));
+    list = list.filter((country) => !excluded.has(country.code));
+  }
+  list = localizeCountries(list, params.locale);
+  if (params.preferredCountries?.length) {
+    const preferred = params.preferredCountries.map((code) => code.toUpperCase());
+    list = [...list].sort((left, right) => {
+      const leftIndex = preferred.indexOf(left.code);
+      const rightIndex = preferred.indexOf(right.code);
+      if (leftIndex !== -1 && rightIndex !== -1) {
+        return leftIndex - rightIndex;
+      }
+      if (leftIndex !== -1) {
+        return -1;
+      }
+      if (rightIndex !== -1) {
+        return 1;
+      }
+      return (left.displayName ?? left.name).localeCompare(right.displayName ?? right.name);
+    });
+  }
+  return list.map((country) => ({
+    value: country.code,
+    label: `${country.displayName ?? country.name} (${country.dialCode})`,
+    dialCode: country.dialCode,
+    flag: country.flag
+  }));
+}
+function detectCountryFromPhone(phone) {
+  const trimmed = phone.trim();
+  if (!trimmed) {
+    return void 0;
+  }
+  const normalized = trimmed.startsWith("+") ? `+${trimmed.replace(/\D/g, "")}` : trimmed.startsWith("00") ? `+${trimmed.slice(2).replace(/\D/g, "")}` : "";
+  if (!normalized) {
+    return void 0;
+  }
+  const parsedPhone = parsePhoneNumberFromString(normalized);
+  if (parsedPhone?.country) {
+    return getCountryByCode(parsedPhone.country);
+  }
+  return dialCodeMatchers.find((entry) => normalized.startsWith(entry.dialCode))?.country;
+}
+
+// src/labels.ts
+var DEFAULT_PHONE_INPUT_LABELS = {
+  selectCountry: "Select country",
+  countrySearchPlaceholder: "Search countries...",
+  noCountriesFound: "No countries found",
+  searchCountriesAriaLabel: "Search countries",
+  countryOptionsAriaLabel: "Country options",
+  countryButtonAriaLabel: "Open country selector"
+};
+var LABELS_BY_LANGUAGE = {
+  en: DEFAULT_PHONE_INPUT_LABELS,
+  fr: {
+    selectCountry: "Choisir un pays",
+    countrySearchPlaceholder: "Rechercher un pays...",
+    noCountriesFound: "Aucun pays trouv\xE9",
+    searchCountriesAriaLabel: "Rechercher des pays",
+    countryOptionsAriaLabel: "Options de pays",
+    countryButtonAriaLabel: "Ouvrir le s\xE9lecteur de pays"
+  },
+  de: {
+    selectCountry: "Land ausw\xE4hlen",
+    countrySearchPlaceholder: "Land suchen...",
+    noCountriesFound: "Keine L\xE4nder gefunden",
+    searchCountriesAriaLabel: "L\xE4nder suchen",
+    countryOptionsAriaLabel: "L\xE4nderoptionen",
+    countryButtonAriaLabel: "L\xE4nderauswahl \xF6ffnen"
+  },
+  es: {
+    selectCountry: "Seleccionar pa\xEDs",
+    countrySearchPlaceholder: "Buscar pa\xEDs...",
+    noCountriesFound: "No se encontraron pa\xEDses",
+    searchCountriesAriaLabel: "Buscar pa\xEDses",
+    countryOptionsAriaLabel: "Opciones de pa\xEDs",
+    countryButtonAriaLabel: "Abrir selector de pa\xEDs"
+  },
+  pt: {
+    selectCountry: "Selecionar pa\xEDs",
+    countrySearchPlaceholder: "Pesquisar pa\xEDs...",
+    noCountriesFound: "Nenhum pa\xEDs encontrado",
+    searchCountriesAriaLabel: "Pesquisar pa\xEDses",
+    countryOptionsAriaLabel: "Op\xE7\xF5es de pa\xEDs",
+    countryButtonAriaLabel: "Abrir seletor de pa\xEDs"
+  },
+  it: {
+    selectCountry: "Seleziona paese",
+    countrySearchPlaceholder: "Cerca paese...",
+    noCountriesFound: "Nessun paese trovato",
+    searchCountriesAriaLabel: "Cerca paesi",
+    countryOptionsAriaLabel: "Opzioni paese",
+    countryButtonAriaLabel: "Apri selettore paese"
+  },
+  ja: {
+    selectCountry: "\u56FD\u3092\u9078\u629E",
+    countrySearchPlaceholder: "\u56FD\u3092\u691C\u7D22...",
+    noCountriesFound: "\u56FD\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093",
+    searchCountriesAriaLabel: "\u56FD\u3092\u691C\u7D22",
+    countryOptionsAriaLabel: "\u56FD\u306E\u5019\u88DC",
+    countryButtonAriaLabel: "\u56FD\u306E\u30BB\u30EC\u30AF\u30BF\u30FC\u3092\u958B\u304F"
+  },
+  ko: {
+    selectCountry: "\uAD6D\uAC00 \uC120\uD0DD",
+    countrySearchPlaceholder: "\uAD6D\uAC00 \uAC80\uC0C9...",
+    noCountriesFound: "\uAD6D\uAC00\uB97C \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4",
+    searchCountriesAriaLabel: "\uAD6D\uAC00 \uAC80\uC0C9",
+    countryOptionsAriaLabel: "\uAD6D\uAC00 \uC635\uC158",
+    countryButtonAriaLabel: "\uAD6D\uAC00 \uC120\uD0DD\uAE30 \uC5F4\uAE30"
+  },
+  zh: {
+    selectCountry: "\u9009\u62E9\u56FD\u5BB6",
+    countrySearchPlaceholder: "\u641C\u7D22\u56FD\u5BB6...",
+    noCountriesFound: "\u672A\u627E\u5230\u56FD\u5BB6",
+    searchCountriesAriaLabel: "\u641C\u7D22\u56FD\u5BB6",
+    countryOptionsAriaLabel: "\u56FD\u5BB6\u9009\u9879",
+    countryButtonAriaLabel: "\u6253\u5F00\u56FD\u5BB6\u9009\u62E9\u5668"
+  },
+  ar: {
+    selectCountry: "\u0627\u062E\u062A\u0631 \u0627\u0644\u062F\u0648\u0644\u0629",
+    countrySearchPlaceholder: "\u0627\u0628\u062D\u062B \u0639\u0646 \u062F\u0648\u0644\u0629...",
+    noCountriesFound: "\u0644\u0645 \u064A\u062A\u0645 \u0627\u0644\u0639\u062B\u0648\u0631 \u0639\u0644\u0649 \u062F\u0648\u0644",
+    searchCountriesAriaLabel: "\u0627\u0628\u062D\u062B \u0639\u0646 \u0627\u0644\u062F\u0648\u0644",
+    countryOptionsAriaLabel: "\u062E\u064A\u0627\u0631\u0627\u062A \u0627\u0644\u062F\u0648\u0644",
+    countryButtonAriaLabel: "\u0627\u0641\u062A\u062D \u0645\u062D\u062F\u062F \u0627\u0644\u062F\u0648\u0644\u0629"
+  },
+  hi: {
+    selectCountry: "\u0926\u0947\u0936 \u091A\u0941\u0928\u0947\u0902",
+    countrySearchPlaceholder: "\u0926\u0947\u0936 \u0916\u094B\u091C\u0947\u0902...",
+    noCountriesFound: "\u0915\u094B\u0908 \u0926\u0947\u0936 \u0928\u0939\u0940\u0902 \u092E\u093F\u0932\u093E",
+    searchCountriesAriaLabel: "\u0926\u0947\u0936 \u0916\u094B\u091C\u0947\u0902",
+    countryOptionsAriaLabel: "\u0926\u0947\u0936 \u0935\u093F\u0915\u0932\u094D\u092A",
+    countryButtonAriaLabel: "\u0926\u0947\u0936 \u091A\u092F\u0928 \u0916\u094B\u0932\u0947\u0902"
+  }
+};
+function getPrimaryLanguage(locale) {
+  const locales = Array.isArray(locale) ? locale : locale ? [locale] : [];
+  const firstLocale = locales.find(Boolean);
+  return firstLocale ? firstLocale.toLowerCase().split("-")[0] : void 0;
+}
+function resolvePhoneInputLabels(locale, overrides) {
+  const language = getPrimaryLanguage(locale);
+  const localizedDefaults = language ? LABELS_BY_LANGUAGE[language] : void 0;
+  return {
+    ...DEFAULT_PHONE_INPUT_LABELS,
+    ...localizedDefaults,
+    ...overrides
+  };
+}
+function normalizePhoneInput(phone) {
+  const trimmed = phone.trim();
+  const digits = cleanPhone(trimmed);
+  if (trimmed.startsWith("+") && !digits) {
+    return "+";
+  }
+  if (!digits) {
+    return "";
+  }
+  return trimmed.startsWith("+") ? `+${digits}` : digits;
+}
+function getCountryCode(country) {
+  return country?.code;
+}
+function getMaxNationalDigits(country) {
+  return country?.format?.replace(/[^#]/g, "").length;
+}
+function getLengthValidationStatus(phone, country) {
+  const normalized = normalizePhoneInput(phone);
+  if (normalized.startsWith("+")) {
+    return validatePhoneNumberLength(normalized);
+  }
+  const countryCode = getCountryCode(country);
+  if (!countryCode) {
+    return void 0;
+  }
+  return validatePhoneNumberLength(cleanPhone(normalized), countryCode);
+}
+function isPhoneTooLong(phone, country) {
+  const normalized = normalizePhoneInput(phone);
+  const digits = cleanPhone(normalized);
+  if (!digits) {
+    return false;
+  }
+  if (getLengthValidationStatus(phone, country) === "TOO_LONG") {
+    return true;
+  }
+  const maxDigits = normalized.startsWith("+") ? 18 : 15;
+  return digits.length > maxDigits;
+}
+function cleanPhone(phone) {
+  return phone.replace(/\D/g, "");
+}
+function formatPhone(phone, country) {
+  if (!phone) return phone;
+  const formatter = new AsYouType(getCountryCode(country));
+  return formatter.input(normalizePhoneInput(phone));
+}
+function unformatPhone(formattedPhone) {
+  return normalizePhoneInput(formattedPhone);
+}
+function validatePhoneLength(phone, country) {
+  if (!phone || !country) return false;
+  if (phone.trim().startsWith("+")) {
+    return validatePhoneNumberLength(normalizePhoneInput(phone)) === void 0;
+  }
+  return validatePhoneNumberLength(cleanPhone(phone), getCountryCode(country)) === void 0;
+}
+function validatePhone(phone, country, customValidator) {
+  if (!phone) return false;
+  if (customValidator) {
+    return customValidator(phone, country ?? void 0);
+  }
+  const normalized = normalizePhoneInput(phone);
+  const countryCode = getCountryCode(country);
+  if (!countryCode) {
+    return isPossiblePhoneNumber(normalized.startsWith("+") ? normalized : `+${cleanPhone(normalized)}`);
+  }
+  if (normalized.startsWith("+")) {
+    return isValidPhoneNumber(normalized);
+  }
+  return isValidPhoneNumber(cleanPhone(normalized), countryCode);
+}
+function addDialCode(phone, country) {
+  if (!country) return phone;
+  const normalized = normalizePhoneInput(phone);
+  if (!normalized) return "";
+  if (normalized === "+") return "";
+  if (normalized.startsWith("+")) return normalized;
+  const digits = cleanPhone(normalized);
+  const matchingDialCode = country.dialCodes.find((dialCode) => digits.startsWith(dialCode.replace("+", "")));
+  return matchingDialCode ? `+${digits}` : `${country.dialCode}${digits}`;
+}
+function removeDialCode(phone, country) {
+  if (!country) return phone;
+  const normalized = normalizePhoneInput(phone);
+  const digits = cleanPhone(normalized);
+  const primaryDialDigits = cleanPhone(country.dialCode);
+  if (digits.startsWith(primaryDialDigits)) {
+    return digits.slice(primaryDialDigits.length);
+  }
+  for (const dialCode of country.dialCodes) {
+    const dialDigits = dialCode.replace("+", "");
+    if (digits.startsWith(dialDigits)) {
+      return digits.slice(dialDigits.length);
+    }
+  }
+  return digits;
+}
+function filterCountries(countries2, query, preferredCountries) {
+  const lowerQuery = query.toLowerCase().trim();
+  if (!lowerQuery) {
+    if (preferredCountries?.length) {
+      return [...countries2].sort((a, b) => {
+        const aPreferred = preferredCountries.indexOf(a.code);
+        const bPreferred = preferredCountries.indexOf(b.code);
+        if (aPreferred !== -1 && bPreferred !== -1) return aPreferred - bPreferred;
+        if (aPreferred !== -1) return -1;
+        if (bPreferred !== -1) return 1;
+        return (a.displayName ?? a.name).localeCompare(b.displayName ?? b.name);
+      });
+    }
+    return countries2;
+  }
+  return countries2.filter(
+    (country) => country.name.toLowerCase().includes(lowerQuery) || (country.displayName ?? "").toLowerCase().includes(lowerQuery) || country.code.toLowerCase().includes(lowerQuery) || country.dialCodes.some((dialCode) => dialCode.includes(lowerQuery))
+  );
+}
+function getCountryDisplayName(country) {
+  return country?.displayName ?? country?.name ?? "";
+}
+function getPlaceholder(country) {
+  if (!country?.format) return country?.dialCode ? `${country.dialCode} 000 000 0000` : "Phone number";
+  return country.format.replace(/#/g, "0");
+}
+var stripNonDigits = cleanPhone;
+function isInternationalFormat(phone) {
+  return phone.trim().startsWith("+") || phone.trim().startsWith("00");
+}
+function extractDialCode(phone) {
+  const digits = cleanPhone(phone);
+  if (!isInternationalFormat(phone)) {
+    return { dialCode: null, nationalNumber: digits };
+  }
+  const match = countries.map((country) => country.dialCode).sort((left, right) => right.length - left.length).find((dialCode) => digits.startsWith(cleanPhone(dialCode)));
+  if (!match) {
+    return { dialCode: null, nationalNumber: digits };
+  }
+  const dialDigits = cleanPhone(match);
+  return {
+    dialCode: dialDigits,
+    nationalNumber: digits.slice(dialDigits.length)
+  };
+}
+function detectCountry(phone) {
+  return detectCountryFromPhone(phone) ?? null;
+}
+function formatPhoneNumber(phone, country, format = "national") {
+  if (!phone) return "";
+  if (format === "e164") {
+    return addDialCode(phone, country);
+  }
+  const nationalNumber = isInternationalFormat(phone) ? removeDialCode(phone, country) : phone;
+  if (!country && format === "national") {
+    return cleanPhone(nationalNumber).replace(/(\d{3})(?=\d)/g, "$1 ").trim();
+  }
+  const formattedNational = formatPhone(nationalNumber, country);
+  if (format === "international") {
+    return country ? `${country.dialCode} ${formattedNational}` : addDialCode(phone, country);
+  }
+  return formattedNational;
+}
+function parseToE164(phone, country) {
+  return addDialCode(phone, country);
+}
+function getNationalNumber(phone, country) {
+  if (country) {
+    return removeDialCode(phone, country);
+  }
+  const detectedCountry = detectCountryFromPhone(phone);
+  return detectedCountry ? removeDialCode(phone, detectedCountry) : cleanPhone(phone);
+}
+function validationFailure(reason, message) {
+  return { isValid: false, reason, message, error: message };
+}
+function validationSuccess() {
+  return { isValid: true, reason: null, message: null, error: null };
+}
+function validatePhoneNumber(phone, country, required = false, customValidator) {
+  const digits = cleanPhone(phone);
+  if (!digits) {
+    return required ? validationFailure("required", "Phone number is required") : validationSuccess();
+  }
+  const lengthStatus = getLengthValidationStatus(phone, country);
+  const nationalDigits = country ? cleanPhone(removeDialCode(phone, country)) : digits;
+  if (lengthStatus === "TOO_SHORT" || lengthStatus === void 0 && nationalDigits.length < 7) {
+    return validationFailure("too_short", "Phone number is too short");
+  }
+  if (lengthStatus === "TOO_LONG" || isPhoneTooLong(phone, country)) {
+    return validationFailure("too_long", "Phone number is too long");
+  }
+  const isValid = customValidator ? customValidator(phone, country ?? void 0) : validatePhone(phone, country);
+  return isValid ? validationSuccess() : validationFailure("invalid", "Invalid phone number");
+}
+function parsePhoneValue(phone, country) {
+  const countryCode = getCountryCode(country);
+  const normalized = normalizePhoneInput(phone);
+  const parsed = normalized.startsWith("+") ? parsePhoneNumberFromString(normalized) : parsePhoneNumberFromString(cleanPhone(normalized), countryCode);
+  if (!parsed) {
+    const nationalNumber = country ? removeDialCode(phone, country) : cleanPhone(phone);
+    return {
+      country: country ?? void 0,
+      nationalNumber,
+      e164: void 0,
+      isValid: false
+    };
+  }
+  const parsedCountry = parsed.country ? getCountryByCode(parsed.country) : country ?? void 0;
+  return {
+    country: parsedCountry,
+    nationalNumber: parsed.nationalNumber,
+    e164: parsed.isValid() ? parsed.number : void 0,
+    isValid: parsed.isValid()
+  };
+}
+function isPhoneNumberComplete(phone, country) {
+  if (!country) {
+    return cleanPhone(phone).length >= 7;
+  }
+  return validatePhoneLength(phone, country);
+}
+function formatAsYouType(phone, country) {
+  if (isInternationalFormat(phone) && country) {
+    return `${country.dialCode} ${formatPhone(removeDialCode(phone, country), country)}`;
+  }
+  return formatPhone(phone, country);
+}
+var normalizePhoneNumber = cleanPhone;
+function phoneNumbersEqual(left, right) {
+  return normalizePhoneNumber(left) === normalizePhoneNumber(right);
+}
+function getCountryDisplayLabel(country, includeDialCode = true) {
+  const label = `${country.flag} ${getCountryDisplayName(country)}`;
+  return includeDialCode ? `${label} (${country.dialCode})` : label;
+}
+function limitInputLength(phone, country) {
+  const maxDigits = getMaxNationalDigits(country);
+  if (!maxDigits) {
+    return phone;
+  }
+  const isInternational = isInternationalFormat(phone);
+  const digits = cleanPhone(phone);
+  const dialDigits = country ? cleanPhone(country.dialCode) : "";
+  const maxLength = isInternational ? dialDigits.length + maxDigits : maxDigits;
+  const limited = digits.slice(0, maxLength);
+  return isInternational ? `+${limited}` : limited;
+}
+
+// src/usePhoneInput.ts
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+function countDigitsBeforePosition(value, position) {
+  return value.slice(0, position).replace(/\D/g, "").length;
+}
+function getCaretPositionFromDigitCount(value, digitCount) {
+  if (digitCount <= 0) {
+    return value.startsWith("+") ? 1 : 0;
+  }
+  let seenDigits = 0;
+  for (let index = 0; index < value.length; index += 1) {
+    if (/\d/.test(value[index])) {
+      seenDigits += 1;
+      if (seenDigits === digitCount) {
+        return index + 1;
+      }
+    }
+  }
+  return value.length;
+}
+function usePhoneInput(options = {}) {
+  const {
+    value: controlledValue,
+    defaultValue = "",
+    onChange,
+    onCountryChange,
+    onBlur,
+    onFocus,
+    defaultCountry = "US",
+    preferredCountries,
+    excludeCountries,
+    excludedCountries,
+    onlyCountries,
+    allowedCountries,
+    autoDetect,
+    autoDetectCountry,
+    formatOnType = true,
+    includeDialCode = false,
+    required = false,
+    validator,
+    onValidationChange,
+    locale,
+    labels
+  } = options;
+  const resolvedOnlyCountries = onlyCountries ?? allowedCountries;
+  const resolvedExcludeCountries = excludeCountries ?? excludedCountries;
+  const resolvedAutoDetect = autoDetect ?? autoDetectCountry ?? true;
+  const isControlled = controlledValue !== void 0;
+  const inputRef = useRef(null);
+  const pendingCaretDigitIndexRef = useRef(null);
+  const previousDefaultCountryRef = useRef(defaultCountry);
+  const manualCountrySelectionRef = useRef(false);
+  const availableCountries = useMemo(() => {
+    let filtered = countries;
+    if (resolvedOnlyCountries?.length) {
+      filtered = filtered.filter((c) => resolvedOnlyCountries.includes(c.code));
+    }
+    if (resolvedExcludeCountries?.length) {
+      filtered = filtered.filter((c) => !resolvedExcludeCountries.includes(c.code));
+    }
+    return filtered;
+  }, [resolvedOnlyCountries, resolvedExcludeCountries]);
+  const localizedCountries = useMemo(
+    () => localizeCountries(availableCountries, locale),
+    [availableCountries, locale]
+  );
+  const resolvedLabels = useMemo(
+    () => resolvePhoneInputLabels(locale, labels),
+    [locale, labels]
+  );
+  const initialCountry = availableCountries.find((candidate) => candidate.code === defaultCountry) || availableCountries[0];
+  const [internalPhone, setInternalPhone] = useState(defaultValue);
+  const [country, setCountry] = useState(initialCountry);
+  const [isOpen, setIsOpen] = useState(false);
+  const [searchQuery, setSearchQuery] = useState("");
+  const phone = isControlled ? controlledValue : internalPhone;
+  const getOutputCountry = useCallback(
+    (nextCountry) => localizeCountry(nextCountry, locale),
+    [locale]
+  );
+  useEffect(() => {
+    const defaultCountryChanged = previousDefaultCountryRef.current !== defaultCountry;
+    previousDefaultCountryRef.current = defaultCountry;
+    const nextCountry = availableCountries.find((candidate) => candidate.code === defaultCountry) || availableCountries[0];
+    const countryStillAvailable = country ? availableCountries.some((candidate) => candidate.code === country.code) : false;
+    if (nextCountry && (defaultCountryChanged || !countryStillAvailable) && nextCountry.code !== country?.code) {
+      setCountry(nextCountry);
+      onCountryChange?.(getOutputCountry(nextCountry));
+    }
+  }, [defaultCountry, availableCountries, country, onCountryChange, getOutputCountry]);
+  useEffect(() => {
+    if (!resolvedAutoDetect || !phone) {
+      return;
+    }
+    const detected = detectCountryFromPhone(phone);
+    if (!detected || detected.code === country?.code) {
+      return;
+    }
+    if (!availableCountries.some((candidate) => candidate.code === detected.code)) {
+      return;
+    }
+    const digits = cleanPhone(phone);
+    const manualSelectionStillMatches = manualCountrySelectionRef.current && country?.dialCodes.some((dialCode) => digits.startsWith(dialCode.replace("+", "")));
+    if (manualSelectionStillMatches) {
+      return;
+    }
+    manualCountrySelectionRef.current = false;
+    setCountry(detected);
+    onCountryChange?.(getOutputCountry(detected));
+  }, [availableCountries, resolvedAutoDetect, phone, country, onCountryChange, getOutputCountry]);
+  const formattedPhone = useMemo(() => {
+    if (formatOnType) {
+      return formatPhone(includeDialCode && phone.startsWith("+") ? removeDialCode(phone, country) : phone, country);
+    }
+    return includeDialCode && phone.startsWith("+") ? removeDialCode(phone, country) : phone;
+  }, [formatOnType, includeDialCode, phone, country]);
+  const fullPhone = useMemo(() => {
+    if (includeDialCode && country) {
+      return addDialCode(phone, country);
+    }
+    return phone;
+  }, [phone, country, includeDialCode]);
+  const validation = useMemo(
+    () => validatePhoneNumber(phone, country, required, validator),
+    [phone, country, required, validator]
+  );
+  useEffect(() => {
+    onValidationChange?.(validation);
+  }, [validation, onValidationChange]);
+  const localizedCountry = useMemo(
+    () => localizeCountry(country, locale),
+    [country, locale]
+  );
+  const filteredCountries = useMemo(
+    () => filterCountries(localizedCountries, searchQuery, preferredCountries),
+    [localizedCountries, searchQuery, preferredCountries]
+  );
+  useIsomorphicLayoutEffect(() => {
+    const nextDigitIndex = pendingCaretDigitIndexRef.current;
+    const input = inputRef.current;
+    if (nextDigitIndex === null || !input || typeof input.setSelectionRange !== "function") {
+      return;
+    }
+    if (typeof document !== "undefined" && document.activeElement !== input) {
+      return;
+    }
+    const caretPosition = getCaretPositionFromDigitCount(formattedPhone, nextDigitIndex);
+    input.setSelectionRange(caretPosition, caretPosition);
+    pendingCaretDigitIndexRef.current = null;
+  }, [formattedPhone]);
+  const setPhone = useCallback(
+    (newPhone) => {
+      const unformatted = unformatPhone(newPhone);
+      if (!isControlled) {
+        setInternalPhone(unformatted);
+      }
+      onChange?.(
+        includeDialCode ? addDialCode(unformatted, country) : unformatted,
+        getOutputCountry(country)
+      );
+    },
+    [isControlled, onChange, country, includeDialCode, getOutputCountry]
+  );
+  const setCountryByCode = useCallback(
+    (code) => {
+      const newCountry = getCountryByCode(code);
+      if (newCountry) {
+        manualCountrySelectionRef.current = true;
+        setCountry(newCountry);
+        onCountryChange?.(getOutputCountry(newCountry));
+        onChange?.(
+          includeDialCode ? addDialCode(phone, newCountry) : phone,
+          getOutputCountry(newCountry)
+        );
+      }
+    },
+    [phone, onChange, onCountryChange, includeDialCode, getOutputCountry]
+  );
+  const selectCountry = useCallback(
+    (selectedCountry) => {
+      const rawCountry = getCountryByCode(selectedCountry.code) ?? selectedCountry;
+      manualCountrySelectionRef.current = true;
+      setCountry(rawCountry);
+      setIsOpen(false);
+      setSearchQuery("");
+      onCountryChange?.(getOutputCountry(rawCountry));
+      onChange?.(
+        includeDialCode ? addDialCode(phone, rawCountry) : phone,
+        getOutputCountry(rawCountry)
+      );
+    },
+    [phone, onChange, onCountryChange, includeDialCode, getOutputCountry]
+  );
+  const toggleDropdown = useCallback(() => {
+    setIsOpen((prev) => !prev);
+    if (isOpen) {
+      setSearchQuery("");
+    }
+  }, [isOpen]);
+  const openDropdown = useCallback(() => {
+    setIsOpen(true);
+  }, []);
+  const closeDropdown = useCallback(() => {
+    setIsOpen(false);
+    setSearchQuery("");
+  }, []);
+  const clear = useCallback(() => {
+    if (!isControlled) {
+      setInternalPhone("");
+    }
+    onChange?.("", getOutputCountry(country));
+  }, [isControlled, onChange, country, getOutputCountry]);
+  const handleInputChange = useCallback(
+    (event) => {
+      const rawValue = event.target.value;
+      const caretPosition = event.target.selectionStart ?? rawValue.length;
+      const unformatted = rawValue.trim().startsWith("+") ? `+${rawValue.replace(/\D/g, "")}` : unformatPhone(rawValue);
+      if (cleanPhone(unformatted).length > cleanPhone(phone).length && isPhoneTooLong(unformatted, country)) {
+        event.target.value = formattedPhone;
+        const restoredCaret = Math.min(Math.max(caretPosition - 1, 0), formattedPhone.length);
+        if (typeof event.target.setSelectionRange === "function") {
+          event.target.setSelectionRange(restoredCaret, restoredCaret);
+        }
+        return;
+      }
+      pendingCaretDigitIndexRef.current = countDigitsBeforePosition(rawValue, caretPosition);
+      setPhone(unformatted);
+    },
+    [setPhone, phone, country, formattedPhone]
+  );
+  const handleFocus = useCallback(() => {
+    onFocus?.();
+  }, [onFocus]);
+  const handleBlur = useCallback(() => {
+    onBlur?.();
+  }, [onBlur]);
+  const getCountryOptionId = useCallback(
+    (code) => `phone-input-country-${code}`,
+    []
+  );
+  const getCountryOptionProps = useCallback(
+    (optionCountry, index) => ({
+      id: getCountryOptionId(optionCountry.code),
+      role: "option",
+      "aria-selected": optionCountry.code === country?.code,
+      onClick: () => selectCountry(optionCountry),
+      onKeyDown: (event) => {
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          selectCountry(optionCountry);
+        }
+        if (event.key === "Escape") {
+          event.preventDefault();
+          closeDropdown();
+        }
+      },
+      tabIndex: index === 0 ? 0 : -1
+    }),
+    [closeDropdown, country?.code, getCountryOptionId, selectCountry]
+  );
+  return {
+    // State
+    phone,
+    value: phone,
+    fullPhone,
+    country: localizedCountry,
+    isValid: validation.isValid,
+    validationReason: validation.reason,
+    error: validation.error,
+    isOpen,
+    searchQuery,
+    labels: resolvedLabels,
+    formattedValue: formattedPhone,
+    // Actions
+    setPhone,
+    setValue: setPhone,
+    setCountry: setCountryByCode,
+    toggleDropdown,
+    toggle: toggleDropdown,
+    openDropdown,
+    open: openDropdown,
+    closeDropdown,
+    close: closeDropdown,
+    setSearchQuery,
+    clear,
+    // Props
+    inputProps: {
+      ref: inputRef,
+      value: formattedPhone,
+      onChange: handleInputChange,
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      type: "tel",
+      inputMode: "tel",
+      autoComplete: "tel",
+      placeholder: getPlaceholder(country),
+      "aria-invalid": validation.isValid ? void 0 : true
+    },
+    countryButtonProps: {
+      onClick: toggleDropdown,
+      "aria-expanded": isOpen,
+      "aria-haspopup": "listbox",
+      "aria-label": resolvedLabels.countryButtonAriaLabel
+    },
+    countrySelectorProps: {
+      onClick: toggleDropdown,
+      "aria-expanded": isOpen,
+      "aria-haspopup": "listbox",
+      "aria-label": resolvedLabels.countryButtonAriaLabel
+    },
+    dropdownProps: {
+      role: "listbox",
+      "aria-label": resolvedLabels.countryOptionsAriaLabel
+    },
+    getCountryOptionId,
+    filteredCountries,
+    countries: filteredCountries,
+    selectCountry,
+    getCountryOptionProps
+  };
+}
+var ChevronUpIcon = ({ size = 12 }) => /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("polyline", { points: "18 15 12 9 6 15" }) });
+var ChevronDownIcon = ({ size = 12 }) => /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("polyline", { points: "6 9 12 15 18 9" }) });
+var PhoneInput = forwardRef(
+  function PhoneInput2(props, ref) {
+    const {
+      value,
+      defaultValue,
+      onChange,
+      onBlur,
+      onFocus,
+      inputClassName,
+      selectorClassName,
+      containerClassName,
+      searchable = true,
+      placeholder,
+      disabled,
+      readOnly,
+      name,
+      id,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      ...options
+    } = props;
+    const containerRef = useRef(null);
+    const inputRef = useRef(null);
+    const optionRefs = useRef([]);
+    const [highlightedIndex, setHighlightedIndex] = useState(0);
+    const listboxId = useId();
+    const {
+      inputProps,
+      countryButtonProps,
+      dropdownProps,
+      country,
+      filteredCountries,
+      isOpen,
+      isValid,
+      searchQuery,
+      setSearchQuery,
+      setCountry,
+      selectCountry,
+      clear,
+      openDropdown,
+      closeDropdown,
+      getCountryOptionId,
+      labels
+    } = usePhoneInput({
+      value,
+      defaultValue,
+      onChange,
+      onBlur,
+      onFocus,
+      ...options
+    });
+    const hookInputRef = inputProps.ref;
+    const mergedInputRef = useCallback((element) => {
+      inputRef.current = element;
+      if (typeof hookInputRef === "function") {
+        hookInputRef(element);
+      } else if (hookInputRef && "current" in hookInputRef) {
+        hookInputRef.current = element;
+      }
+    }, [hookInputRef]);
+    const focus = useCallback(() => {
+      inputRef.current?.focus();
+    }, []);
+    const blur = useCallback(() => {
+      inputRef.current?.blur();
+    }, []);
+    const handleCountryClick = useCallback((c) => {
+      selectCountry(c);
+      setHighlightedIndex(0);
+    }, [selectCountry]);
+    const handleCountryKeyDown = useCallback((e, c, index) => {
+      switch (e.key) {
+        case "Enter":
+        case " ":
+          e.preventDefault();
+          selectCountry(c);
+          setHighlightedIndex(0);
+          break;
+        case "ArrowDown":
+          e.preventDefault();
+          if (index < filteredCountries.length - 1) {
+            const nextIndex = index + 1;
+            setHighlightedIndex(nextIndex);
+            optionRefs.current[nextIndex]?.focus();
+          }
+          break;
+        case "ArrowUp":
+          e.preventDefault();
+          if (index > 0) {
+            const nextIndex = index - 1;
+            setHighlightedIndex(nextIndex);
+            optionRefs.current[nextIndex]?.focus();
+          }
+          break;
+        case "Home":
+          e.preventDefault();
+          setHighlightedIndex(0);
+          optionRefs.current[0]?.focus();
+          break;
+        case "End": {
+          e.preventDefault();
+          const lastIndex = filteredCountries.length - 1;
+          setHighlightedIndex(lastIndex);
+          optionRefs.current[lastIndex]?.focus();
+          break;
+        }
+        case "Escape":
+          e.preventDefault();
+          closeDropdown();
+          break;
+      }
+    }, [selectCountry, filteredCountries.length, closeDropdown]);
+    useEffect(() => {
+      if (!isOpen) {
+        return;
+      }
+      const handlePointerDown = (event) => {
+        const target = event.target;
+        if (containerRef.current && target && !containerRef.current.contains(target)) {
+          closeDropdown();
+        }
+      };
+      const handleFocusIn = (event) => {
+        const target = event.target;
+        if (containerRef.current && target && !containerRef.current.contains(target)) {
+          closeDropdown();
+        }
+      };
+      document.addEventListener("mousedown", handlePointerDown);
+      document.addEventListener("focusin", handleFocusIn);
+      return () => {
+        document.removeEventListener("mousedown", handlePointerDown);
+        document.removeEventListener("focusin", handleFocusIn);
+      };
+    }, [isOpen, closeDropdown]);
+    useEffect(() => {
+      if (filteredCountries.length === 0) {
+        if (highlightedIndex !== 0) {
+          setHighlightedIndex(0);
+        }
+        return;
+      }
+      if (highlightedIndex >= filteredCountries.length) {
+        setHighlightedIndex(filteredCountries.length - 1);
+      }
+    }, [filteredCountries.length, highlightedIndex]);
+    useImperativeHandle(ref, () => ({
+      focus,
+      blur,
+      clear,
+      setCountry,
+      getCountry: () => country,
+      open: openDropdown,
+      close: closeDropdown
+    }));
+    const handleSearchKeyDown = useCallback((e) => {
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        setHighlightedIndex(0);
+        optionRefs.current[0]?.focus();
+      } else if (e.key === "Escape") {
+        e.preventDefault();
+        closeDropdown();
+      }
+    }, [closeDropdown]);
+    return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: containerClassName, "data-valid": isValid, children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          ...countryButtonProps,
+          type: "button",
+          className: selectorClassName,
+          disabled,
+          tabIndex: disabled ? -1 : 0,
+          "aria-controls": listboxId,
+          children: [
+            country ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("span", { className: "phone-input-flag", children: country.flag }),
+              /* @__PURE__ */ jsx("span", { className: "phone-input-dial-code", children: country.dialCode })
+            ] }) : /* @__PURE__ */ jsx("span", { className: "phone-input-placeholder", children: labels.selectCountry }),
+            /* @__PURE__ */ jsx("span", { className: "phone-input-arrow", "aria-hidden": "true", children: isOpen ? /* @__PURE__ */ jsx(ChevronUpIcon, { size: 12 }) : /* @__PURE__ */ jsx(ChevronDownIcon, { size: 12 }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ...inputProps,
+          ref: mergedInputRef,
+          id,
+          name,
+          className: inputClassName,
+          placeholder: placeholder || inputProps.placeholder,
+          disabled,
+          readOnly,
+          "aria-label": ariaLabel,
+          "aria-labelledby": ariaLabelledBy
+        }
+      ),
+      isOpen && /* @__PURE__ */ jsxs("div", { className: "phone-input-dropdown", children: [
+        searchable && /* @__PURE__ */ jsx("div", { className: "phone-input-search", children: /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            value: searchQuery,
+            onChange: (e) => setSearchQuery(e.target.value),
+            onKeyDown: handleSearchKeyDown,
+            placeholder: labels.countrySearchPlaceholder,
+            autoFocus: true,
+            "aria-controls": listboxId,
+            "aria-label": labels.searchCountriesAriaLabel
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(
+          "ul",
+          {
+            ...dropdownProps,
+            className: "phone-input-country-list",
+            id: listboxId,
+            children: [
+              filteredCountries.map((c, index) => /* @__PURE__ */ jsxs(
+                "li",
+                {
+                  id: getCountryOptionId(c.code),
+                  ref: (element) => {
+                    optionRefs.current[index] = element;
+                  },
+                  role: "option",
+                  "aria-selected": c.code === country?.code,
+                  className: `phone-input-country-option ${c.code === country?.code ? "selected" : ""} ${index === highlightedIndex ? "highlighted" : ""}`,
+                  onClick: () => handleCountryClick(c),
+                  onKeyDown: (e) => handleCountryKeyDown(e, c, index),
+                  onMouseEnter: () => setHighlightedIndex(index),
+                  tabIndex: index === highlightedIndex ? 0 : -1,
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: "phone-input-flag", children: c.flag }),
+                    /* @__PURE__ */ jsx("span", { className: "phone-input-country-name", children: getCountryDisplayName(c) }),
+                    /* @__PURE__ */ jsx("span", { className: "phone-input-dial-code", children: c.dialCode })
+                  ]
+                },
+                c.code
+              )),
+              filteredCountries.length === 0 && /* @__PURE__ */ jsx("li", { className: "phone-input-no-results", children: labels.noCountriesFound })
+            ]
+          }
+        )
+      ] })
+    ] });
+  }
+);
+
+export { DEFAULT_PHONE_INPUT_LABELS, PhoneInput, addDialCode, cleanPhone, countries, detectCountry, detectCountryFromPhone, extractDialCode, filterCountries, formatAsYouType, formatPhone, formatPhoneNumber, getCountriesByDialCode, getCountryByCode, getCountryByDialCode, getCountryDisplayLabel, getCountryDisplayName, getCountryOptions, getLocalizedCountryName, getNationalNumber, getPlaceholder, isInternationalFormat, isPhoneNumberComplete, isPhoneTooLong, limitInputLength, localizeCountries, localizeCountry, normalizePhoneNumber, parsePhoneValue, parseToE164, phoneNumbersEqual, removeDialCode, resolvePhoneInputLabels, stripNonDigits, unformatPhone, usePhoneInput, validatePhone, validatePhoneLength, validatePhoneNumber };
+//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map