@fluidattacks/design 3.1.10 → 3.1.12

package/dist/components/inputs/fields/number/index.js

@@ -1 +1,10 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),i=require("../../outline-container/index.js"),t=require("../../utils/number-field/index.js"),l=r.forwardRef((function({decimalPlaces:r,disabled:l=!1,error:n,helpLink:a,helpText:o,id:d,label:u,maxLength:m,max:s,min:c,name:h,onChange:x,placeholder:p,required:b,tooltip:g,weight:f,...j},q){return e.jsx(i.OutlineContainer,{error:n,helpLink:a,helpText:o,htmlFor:h,label:u,maxLength:m,required:b,tooltip:g,weight:f,children:e.jsx(t.NumberField,{decimalPlaces:r,disabled:l,error:n,id:d,max:s,min:c,name:h,onChange:x,placeholder:p,ref:q,...j})})}));exports.InputNumber=l;
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as L } from "react";
+import { OutlineContainer as w } from "../../outline-container/index.js";
+import { NumberField as C } from "../../utils/number-field/index.js";
+const P = L(function({ decimalPlaces: o, disabled: a = !1, error: e, helpLink: l, helpText: m, id: n, label: t, maxLength: d, max: h, min: p, name: r, onChange: s, placeholder: c, required: f, tooltip: u, weight: x, ...b }, g) {
+  return i(w, { error: e, helpLink: l, helpText: m, htmlFor: r, label: t, maxLength: d, required: f, tooltip: u, weight: x, children: i(C, { decimalPlaces: o, disabled: a, error: e, id: n, max: h, min: p, name: r, onChange: s, placeholder: c, ref: g, ...b }) });
+});
+export {
+  P as InputNumber
+};

package/dist/components/inputs/fields/number-range/index.js

@@ -1 +1,11 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),i=require("../../outline-container/index.js"),t=require("../../utils/number-field/index.js"),n=require("../../../container/index.js"),o=r.forwardRef((function({disabled:r=!1,error:o,name:l,label:d,propsMax:s,propsMin:u,required:a,tooltip:p},x){return e.jsx(i.OutlineContainer,{error:o,htmlFor:l,label:d,required:a,tooltip:p,children:e.jsxs(n.Container,{display:"flex",gap:.25,width:"100%",children:[e.jsx(t.NumberField,{...u,disabled:r,error:o,ref:x}),e.jsx(t.NumberField,{...s,disabled:r,error:o,ref:x})]})})}));exports.InputNumberRange=o;
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { OutlineContainer as u } from "../../outline-container/index.js";
+import { NumberField as a } from "../../utils/number-field/index.js";
+import { Container as b } from "../../../container/index.js";
+const q = f(function({ disabled: o = !1, error: r, name: t, label: s, propsMax: n, propsMin: l, required: p, tooltip: d }, i) {
+  return e(u, { error: r, htmlFor: t, label: s, required: p, tooltip: d, children: m(b, { display: "flex", gap: 0.25, width: "100%", children: [e(a, { ...l, disabled: o, error: r, ref: i }), e(a, { ...n, disabled: o, error: r, ref: i })] }) });
+});
+export {
+  q as InputNumberRange
+};

package/dist/components/inputs/fields/phone/index.js

@@ -1,16 +1,419 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../index-CmylnDrF.js"),a=require("react"),r=require("react-dom"),n=require("styled-components"),i=require("../../outline-container/index.js"),o=require("../../../../styles-Bl-CstrT.js"),l=require("../../../icon/index.js");require("../../../typography/heading/index.js"),require("../../../typography/span/index.js");const s=require("../../../typography/text/index.js"),u=require("../../../../use-click-outside-BqkLISED.js");var d=[["Afghanistan","af","93"],["Albania","al","355"],["Algeria","dz","213"],["Andorra","ad","376"],["Angola","ao","244"],["Antigua and Barbuda","ag","1268"],["Argentina","ar","54","(..) ........",0],["Armenia","am","374",".. ......"],["Aruba","aw","297"],["Australia","au","61",{default:". .... ....","/^4/":"... ... ...","/^5(?!50)/":"... ... ...","/^1(3|8)00/":".... ... ...","/^13/":".. .. ..","/^180/":"... ...."},0,[]],["Austria","at","43"],["Azerbaijan","az","994","(..) ... .. .."],["Bahamas","bs","1242"],["Bahrain","bh","973"],["Bangladesh","bd","880"],["Barbados","bb","1246"],["Belarus","by","375","(..) ... .. .."],["Belgium","be","32","... .. .. .."],["Belize","bz","501"],["Benin","bj","229"],["Bhutan","bt","975"],["Bolivia","bo","591"],["Bosnia and Herzegovina","ba","387"],["Botswana","bw","267"],["Brazil","br","55","(..) ........."],["British Indian Ocean Territory","io","246"],["Brunei","bn","673"],["Bulgaria","bg","359"],["Burkina Faso","bf","226"],["Burundi","bi","257"],["Cambodia","kh","855"],["Cameroon","cm","237"],["Canada","ca","1","(...) ...-....",1,["204","226","236","249","250","289","306","343","365","387","403","416","418","431","437","438","450","506","514","519","548","579","581","587","604","613","639","647","672","705","709","742","778","780","782","807","819","825","867","873","902","905"]],["Cape Verde","cv","238"],["Caribbean Netherlands","bq","599","",1],["Cayman Islands","ky","1","... ... ....",4,["345"]],["Central African Republic","cf","236"],["Chad","td","235"],["Chile","cl","56"],["China","cn","86","... .... ...."],["Colombia","co","57","... ... ...."],["Comoros","km","269"],["Congo","cd","243"],["Congo","cg","242"],["Costa Rica","cr","506","....-...."],["Côte d'Ivoire","ci","225",".. .. .. .. .."],["Croatia","hr","385"],["Cuba","cu","53"],["Curaçao","cw","599","",0],["Cyprus","cy","357",".. ......"],["Czech Republic","cz","420","... ... ..."],["Denmark","dk","45",".. .. .. .."],["Djibouti","dj","253"],["Dominica","dm","1767"],["Dominican Republic","do","1","(...) ...-....",2,["809","829","849"]],["Ecuador","ec","593"],["Egypt","eg","20"],["El Salvador","sv","503","....-...."],["Equatorial Guinea","gq","240"],["Eritrea","er","291"],["Estonia","ee","372",".... ......"],["Ethiopia","et","251"],["Fiji","fj","679"],["Finland","fi","358",".. ... .. .."],["France","fr","33",". .. .. .. .."],["French Guiana","gf","594"],["French Polynesia","pf","689"],["Gabon","ga","241"],["Gambia","gm","220"],["Georgia","ge","995"],["Germany","de","49","... ........."],["Ghana","gh","233"],["Greece","gr","30"],["Greenland","gl","299",".. .. .."],["Grenada","gd","1473"],["Guadeloupe","gp","590","",0],["Guam","gu","1671"],["Guatemala","gt","502","....-...."],["Guinea","gn","224"],["Guinea-Bissau","gw","245"],["Guyana","gy","592"],["Haiti","ht","509","....-...."],["Honduras","hn","504"],["Hong Kong","hk","852",".... ...."],["Hungary","hu","36"],["Iceland","is","354","... ...."],["India","in","91",".....-....."],["Indonesia","id","62"],["Iran","ir","98","... ... ...."],["Iraq","iq","964"],["Ireland","ie","353",".. ......."],["Israel","il","972","... ... ...."],["Italy","it","39","... .......",0],["Jamaica","jm","1876"],["Japan","jp","81",".. .... ...."],["Jordan","jo","962"],["Kazakhstan","kz","7","... ...-..-..",0],["Kenya","ke","254"],["Kiribati","ki","686"],["Kosovo","xk","383"],["Kuwait","kw","965"],["Kyrgyzstan","kg","996","... ... ..."],["Laos","la","856"],["Latvia","lv","371",".. ... ..."],["Lebanon","lb","961"],["Lesotho","ls","266"],["Liberia","lr","231"],["Libya","ly","218"],["Liechtenstein","li","423"],["Lithuania","lt","370"],["Luxembourg","lu","352"],["Macau","mo","853"],["Macedonia","mk","389"],["Madagascar","mg","261"],["Malawi","mw","265"],["Malaysia","my","60","..-....-...."],["Maldives","mv","960"],["Mali","ml","223"],["Malta","mt","356"],["Marshall Islands","mh","692"],["Martinique","mq","596"],["Mauritania","mr","222"],["Mauritius","mu","230"],["Mexico","mx","52","... ... ....",0],["Micronesia","fm","691"],["Moldova","md","373","(..) ..-..-.."],["Monaco","mc","377"],["Mongolia","mn","976"],["Montenegro","me","382"],["Morocco","ma","212"],["Mozambique","mz","258"],["Myanmar","mm","95"],["Namibia","na","264"],["Nauru","nr","674"],["Nepal","np","977"],["Netherlands","nl","31",{"/^06/":"(.). .........","/^6/":". .........","/^0(10|13|14|15|20|23|24|26|30|33|35|36|38|40|43|44|45|46|50|53|55|58|70|71|72|73|74|75|76|77|78|79|82|84|85|87|88|91)/":"(.).. ........","/^(10|13|14|15|20|23|24|26|30|33|35|36|38|40|43|44|45|46|50|53|55|58|70|71|72|73|74|75|76|77|78|79|82|84|85|87|88|91)/":".. ........","/^0/":"(.)... .......",default:"... ......."}],["New Caledonia","nc","687"],["New Zealand","nz","64","...-...-...."],["Nicaragua","ni","505"],["Niger","ne","227"],["Nigeria","ng","234"],["North Korea","kp","850"],["Norway","no","47","... .. ..."],["Oman","om","968"],["Pakistan","pk","92","...-......."],["Palau","pw","680"],["Palestine","ps","970"],["Panama","pa","507"],["Papua New Guinea","pg","675"],["Paraguay","py","595"],["Peru","pe","51"],["Philippines","ph","63","... ... ...."],["Poland","pl","48","...-...-..."],["Portugal","pt","351"],["Puerto Rico","pr","1","(...) ...-....",3,["787","939"]],["Qatar","qa","974"],["Réunion","re","262"],["Romania","ro","40"],["Russia","ru","7","(...) ...-..-..",1],["Rwanda","rw","250"],["Saint Kitts and Nevis","kn","1869"],["Saint Lucia","lc","1758"],["Saint Vincent and the Grenadines","vc","1784"],["Samoa","ws","685"],["San Marino","sm","378"],["São Tomé and Príncipe","st","239"],["Saudi Arabia","sa","966"],["Senegal","sn","221"],["Serbia","rs","381"],["Seychelles","sc","248"],["Sierra Leone","sl","232"],["Singapore","sg","65","....-...."],["Slovakia","sk","421"],["Slovenia","si","386"],["Solomon Islands","sb","677"],["Somalia","so","252"],["South Africa","za","27"],["South Korea","kr","82","... .... ...."],["South Sudan","ss","211"],["Spain","es","34","... ... ..."],["Sri Lanka","lk","94"],["Sudan","sd","249"],["Suriname","sr","597"],["Swaziland","sz","268"],["Sweden","se","46","... ... ..."],["Switzerland","ch","41",".. ... .. .."],["Syria","sy","963"],["Taiwan","tw","886"],["Tajikistan","tj","992"],["Tanzania","tz","255"],["Thailand","th","66"],["Timor-Leste","tl","670"],["Togo","tg","228"],["Tonga","to","676"],["Trinidad and Tobago","tt","1868"],["Tunisia","tn","216"],["Turkey","tr","90","... ... .. .."],["Turkmenistan","tm","993"],["Tuvalu","tv","688"],["Uganda","ug","256"],["Ukraine","ua","380","(..) ... .. .."],["United Arab Emirates","ae","971"],["United Kingdom","gb","44",".... ......"],["United States","us","1","(...) ...-....",0],["Uruguay","uy","598"],["Uzbekistan","uz","998",".. ... .. .."],["Vanuatu","vu","678"],["Vatican City","va","39",".. .... ....",1],["Venezuela","ve","58"],["Vietnam","vn","84"],["Yemen","ye","967"],["Zambia","zm","260"],["Zimbabwe","zw","263"]],c=(...e)=>e.filter((e=>!!e)).join(" ").trim(),p=({addPrefix:e,rawClassNames:t})=>c(((...e)=>c(...e).split(" ").map((e=>`react-international-phone-${e}`)).join(" "))(...e),...t),f=e=>!!e&&/^\d+$/.test(e),m=e=>e.replace(/\D/g,""),h=({phone:e,prefix:t})=>e?`${t}${m(e)}`:"";function y({value:e,country:t,insertDialCodeOnEmpty:a,trimNonDigitsEnd:r,countries:n,prefix:i,charAfterDialCode:o,forceDialCode:l,disableDialCodeAndPrefix:s,defaultMask:u,countryGuessingEnabled:d,disableFormatting:c}){let p=e;s&&(p=p.startsWith(`${i}`)?p:`${i}${t.dialCode}${p}`);let f=d?D({phone:p,countries:n,currentCountryIso2:null==t?void 0:t.iso2}):void 0,y=(null==f?void 0:f.country)??t,g=((e,t)=>{let a=!t.disableDialCodeAndPrefix&&t.forceDialCode,r=!t.disableDialCodeAndPrefix&&t.insertDialCodeOnEmpty,n=e,i=e=>t.trimNonDigitsEnd?e.trim():e;if(!n)return r&&!n.length||a?i(`${t.prefix}${t.dialCode}${t.charAfterDialCode}`):i(n);if(n=m(n),n===t.dialCode&&!t.disableDialCodeAndPrefix)return i(`${t.prefix}${t.dialCode}${t.charAfterDialCode}`);if(t.dialCode.startsWith(n)&&!t.disableDialCodeAndPrefix)return i(a?`${t.prefix}${t.dialCode}${t.charAfterDialCode}`:`${t.prefix}${n}`);if(!n.startsWith(t.dialCode)&&!t.disableDialCodeAndPrefix){if(a)return i(`${t.prefix}${t.dialCode}${t.charAfterDialCode}`);if(n.length<t.dialCode.length)return i(`${t.prefix}${n}`)}let{phoneLeftSide:o,phoneRightSide:l}=(()=>{let e=t.dialCode.length;return{phoneLeftSide:n.slice(0,e),phoneRightSide:n.slice(e)}})();return o=`${t.prefix}${o}${t.charAfterDialCode}`,l=(({value:e,mask:t,maskSymbol:a,offset:r=0,trimNonMaskCharsLeftover:n=!1})=>{if(e.length<r)return e;let i=e.slice(0,r),o=e.slice(r),l=i,s=0;for(let u of t.split("")){if(s>=o.length){if(!n&&u!==a){l+=u;continue}break}u===a?(l+=o[s],s+=1):l+=u}return l})({value:l,mask:t.mask,maskSymbol:t.maskChar,trimNonMaskCharsLeftover:t.trimNonDigitsEnd||t.disableDialCodeAndPrefix&&0===l.length}),t.disableDialCodeAndPrefix&&(o=""),i(`${o}${l}`)})(p,{prefix:i,mask:w({phone:p,country:y,defaultMask:u,disableFormatting:c}),maskChar:C,dialCode:y.dialCode,trimNonDigitsEnd:r,charAfterDialCode:o,forceDialCode:l,insertDialCodeOnEmpty:a,disableDialCodeAndPrefix:s}),b=d&&!(null==f?void 0:f.fullDialCodeMatch)?t:y;return{phone:h({phone:s?`${b.dialCode}${g}`:g,prefix:i}),inputValue:g,country:b}}var g={size:20,overrideLastItemDebounceMS:-1};var C=".",b=d,v=({defaultCountry:e="us",value:t="",countries:r=b,prefix:n="+",defaultMask:i="............",charAfterDialCode:o=" ",historySaveDebounceMS:l=200,disableCountryGuess:s=false,disableDialCodePrefill:u=false,forceDialCode:d=false,disableDialCodeAndPrefix:c=false,disableFormatting:p=false,onChange:m,inputRef:C})=>{let v={countries:r,prefix:n,charAfterDialCode:o,forceDialCode:!c&&d,disableDialCodeAndPrefix:c,defaultMask:i,countryGuessingEnabled:!s,disableFormatting:p},w=a.useRef(null),x=C||w,D=e=>{Promise.resolve().then((()=>{var t;typeof window>"u"||x.current!==(null==document?void 0:document.activeElement)||null==(t=x.current)||t.setSelectionRange(e,e)}))},[{phone:$,inputValue:S,country:N},P,A,E]=function(e,t){let{size:r,overrideLastItemDebounceMS:n,onChange:i}={...g,...t},[o,l]=a.useState(e),[s,u]=a.useState([o]),[d,c]=a.useState(0),p=(()=>{let e=a.useRef(),t=a.useRef(Date.now());return{check:()=>{let a=Date.now(),r=e.current?a-t.current:void 0;return e.current=t.current,t.current=a,r}}})();return[o,(e,t)=>{if("object"==typeof e&&"object"==typeof o&&((e,t)=>{let a=Object.keys(e),r=Object.keys(t);if(a.length!==r.length)return!1;for(let n of a)if(e[n]!==t[n])return!1;return!0})(e,o)||e===o)return;let a=n>0,f=p.check(),m=!a||void 0===f||f>n;if(void 0!==(null==t?void 0:t.overrideLastItem)?t.overrideLastItem:!m)u((t=>[...t.slice(0,d),e]));else{let t=s.length>=r;u((a=>[...a.slice(t?1:0,d+1),e])),t||c((e=>e+1))}l(e),null==i||i(e)},()=>{if(d<=0)return{success:!1};let e=s[d-1];return l(e),c((e=>e-1)),null==i||i(e),{success:!0,value:e}},()=>{if(d+1>=s.length)return{success:!1};let e=s[d+1];return l(e),c((e=>e+1)),null==i||i(e),{success:!0,value:e}}]}((()=>{let a=k({value:e,field:"iso2",countries:r}),n=a||k({value:"us",field:"iso2",countries:r}),{phone:i,inputValue:o,country:l}=y({value:t,country:n,insertDialCodeOnEmpty:!u,...v});return D(o.length),{phone:i,inputValue:o,country:l.iso2}}),{overrideLastItemDebounceMS:l,onChange:({inputValue:e,phone:t,country:a})=>{if(!m)return;let r=M(a);m({phone:t,inputValue:e,country:r})}}),M=a.useCallback((e=>k({value:e,field:"iso2",countries:r})),[r]),j=a.useMemo((()=>M(N)),[N,M]);a.useEffect((()=>{let e=x.current;if(!e)return;let t=e=>{if(!e.key)return;let t=e.ctrlKey,a=e.metaKey,r=e.shiftKey;if("z"===e.key.toLowerCase()){if(typeof window>"u"||!window.navigator.userAgent.toLowerCase().includes("macintosh")){if(!t)return}else if(!a)return;r?E():A()}};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}),[x,A,E]);let[I,z]=a.useState(!1);return a.useEffect((()=>{if(!I)return z(!0),void(t!==$&&(null==m||m({inputValue:S,phone:$,country:j})));if(t===$)return;let{phone:e,inputValue:a,country:r}=y({value:t,country:j,insertDialCodeOnEmpty:!u,...v});P({phone:e,inputValue:a,country:r.iso2})}),[t]),{phone:$,inputValue:S,country:j,setCountry:(e,t={focusOnInput:!1})=>{let a=k({value:e,field:"iso2",countries:r});if(!a)return;let i=c?"":`${n}${a.dialCode}${o}`;P({inputValue:i,phone:`${n}${a.dialCode}`,country:a.iso2}),t.focusOnInput&&Promise.resolve().then((()=>{var e;null==(e=x.current)||e.focus()}))},handlePhoneValueChange:e=>{e.preventDefault();let{phone:a,inputValue:r,country:n,cursorPosition:i}=((e,{country:t,insertDialCodeOnEmpty:a,phoneBeforeInput:r,prefix:n,charAfterDialCode:i,forceDialCode:o,disableDialCodeAndPrefix:l,countryGuessingEnabled:s,defaultMask:u,disableFormatting:d,countries:c})=>{let p=e.nativeEvent,m=p.inputType,g=(e=>{if(null==e?void 0:e.toLocaleLowerCase().includes("delete"))return(null==e?void 0:e.toLocaleLowerCase().includes("forward"))?"forward":"backward"})(m),C=!!(null==m?void 0:m.startsWith("insertFrom")),b="insertText"===m,v=(null==p?void 0:p.data)||void 0,w=e.target.value,x=e.target.selectionStart??0;if(null==m?void 0:m.includes("history"))return{inputValue:r,phone:h({phone:r,prefix:n}),cursorPosition:r.length,country:t};if(b&&!f(v)&&w!==n)return{inputValue:r,phone:h({phone:l?`${t.dialCode}${r}`:r,prefix:n}),cursorPosition:x-((null==v?void 0:v.length)??0),country:t};if(o&&!w.startsWith(`${n}${t.dialCode}`)&&!C){let e=w?r:`${n}${t.dialCode}${i}`;return{inputValue:e,phone:h({phone:e,prefix:n}),cursorPosition:n.length+t.dialCode.length+i.length,country:t}}let{phone:k,inputValue:D,country:$}=y({value:w,country:t,trimNonDigitsEnd:"backward"===g,insertDialCodeOnEmpty:a,countryGuessingEnabled:s,countries:c,prefix:n,charAfterDialCode:i,forceDialCode:o,disableDialCodeAndPrefix:l,disableFormatting:d,defaultMask:u});return{phone:k,inputValue:D,cursorPosition:(({phoneBeforeInput:e,phoneAfterInput:t,phoneAfterFormatted:a,cursorPositionAfterInput:r,leftOffset:n=0,deletion:i})=>{if(r<n)return n;if(!e)return a.length;let o=null;for(let d=r-1;d>=0;d-=1)if(f(t[d])){o=d;break}if(null===o){for(let e=0;e<t.length;e+=1)if(f(a[e]))return e;return t.length}let l=0;for(let d=0;d<o;d+=1)f(t[d])&&(l+=1);let s=0,u=0;for(let d=0;d<a.length&&(s+=1,f(a[d])&&(u+=1),!(u>=l+1));d+=1);if("backward"!==i)for(;!f(a[s])&&s<a.length;)s+=1;return s})({cursorPositionAfterInput:x,phoneBeforeInput:r,phoneAfterInput:w,phoneAfterFormatted:D,leftOffset:o?n.length+t.dialCode.length+i.length:0,deletion:g}),country:$}})(e,{country:j,phoneBeforeInput:S,insertDialCodeOnEmpty:!1,...v});return P({inputValue:r,phone:a,country:n.iso2}),D(i),t},inputRef:x}},w=({phone:e,country:t,defaultMask:a="............",disableFormatting:r=!1})=>{let n=t.format,i=e=>r?e.replace(new RegExp(`[^${C}]`,"g"),""):e;if(!n)return i(a);if("string"==typeof n)return i(n);if(!n.default)return i(a);let o=Object.keys(n).find((a=>{if("default"===a)return!1;if("/"!==a.charAt(0)||"/"!==a.charAt(a.length-1))return!1;let r=new RegExp(a.substring(1,a.length-1)),n=e.replace(t.dialCode,"");return r.test(m(n))}));return i(o?n[o]:n.default)},x=e=>{let[t,a,r,n,i,o]=e;return{name:t,iso2:a,dialCode:r,format:n,priority:i,areaCodes:o}},k=({field:e,value:t,countries:a=d})=>{if(["priority"].includes(e))throw new Error(`Field "${e}" is not supported`);let r=a.find((a=>{let r=x(a);return t===r[e]}));if(r)return x(r)},D=({phone:e,countries:t=d,currentCountryIso2:a})=>{var r;let n={country:void 0,fullDialCodeMatch:!1};if(!e)return n;let i=m(e);if(!i)return n;let o=n,l=({country:e,fullDialCodeMatch:t})=>{var a,r;let n=e.dialCode===(null==(a=o.country)?void 0:a.dialCode),i=(e.priority??0)<((null==(r=o.country)?void 0:r.priority)??0);(!n||i)&&(o={country:e,fullDialCodeMatch:t})};for(let s of t){let e=x(s),{dialCode:t,areaCodes:a}=e;if(i.startsWith(t)){let r=!o.country||Number(t)>=Number(o.country.dialCode);if(a){let r=i.substring(t.length);for(let t of a)if(r.startsWith(t))return{country:e,fullDialCodeMatch:!0}}(r||t===i||!o.fullDialCodeMatch)&&l({country:e,fullDialCodeMatch:!0})}o.fullDialCodeMatch||i.length<t.length&&t.startsWith(i)&&(!o.country||Number(t)<=Number(o.country.dialCode))&&l({country:e,fullDialCodeMatch:!1})}if(a){let e=k({value:a,field:"iso2",countries:t});if(!e)return o;let n=!!e&&(e=>{if(!(null==e?void 0:e.areaCodes))return!1;let t=i.substring(e.dialCode.length);return e.areaCodes.some((e=>e.startsWith(t)))})(e);o&&(null==(r=o.country)?void 0:r.dialCode)===e.dialCode&&o.country!==e&&o.fullDialCodeMatch&&(!e.areaCodes||n)&&(o={country:e,fullDialCodeMatch:!0})}return o},$=(e,t)=>{let a=parseInt(e,16);return Number(a+t).toString(16)},S="abcdefghijklmnopqrstuvwxyz".split("").reduce(((e,t,a)=>({...e,[t]:$("1f1e6",a)})),{}),N=({iso2:e,size:t,src:r,protocol:n="https",disableLazyLoading:i,className:o,style:l,...s})=>e?a.createElement("img",{className:p({addPrefix:["flag-emoji"],rawClassNames:[o]}),src:(()=>{if(r)return r;let t=[S[(a=e)[0]],S[a[1]]].join("-");var a;return`${n}://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/${t}.svg`})(),width:t,height:t,draggable:!1,"data-country":e,loading:i?void 0:"lazy",style:{width:t,height:t,...l},alt:"",...s}):a.createElement("img",{className:p({addPrefix:["flag-emoji"],rawClassNames:[o]}),width:t,height:t,...s}),P=({show:e,dialCodePrefix:t="+",selectedCountry:r,countries:n=d,preferredCountries:i=[],flags:o,onSelect:l,onClose:s,...u})=>{let c=a.useRef(null),f=a.useRef(),m=a.useMemo((()=>{if(!i||!i.length)return n;let e=[],t=[...n];for(let a of i){let r=t.findIndex((e=>x(e).iso2===a));if(-1!==r){let a=t.splice(r,1)[0];e.push(a)}}return e.concat(t)}),[n,i]),h=a.useRef({updatedAt:void 0,value:""}),y=a.useCallback((e=>m.findIndex((t=>x(t).iso2===e))),[m]),[g,C]=a.useState(y(r)),b=()=>{f.current!==r&&C(y(r))},v=a.useCallback((e=>{C(y(e.iso2)),null==l||l(e)}),[l,y]),w=e=>{let t=m.length-1;C((a=>{let r=(n=a,"prev"===e?n-1:"next"===e?n+1:"last"===e?t:0);var n;return r<0?0:r>t?t:r}))},k=a.useCallback((()=>{if(!c.current||void 0===g)return;let e=x(m[g]).iso2;if(e===f.current)return;let t=c.current.querySelector(`[data-country="${e}"]`);t&&(((e,t)=>{let a=e.style.display;"block"!==a&&(e.style.display="block");let r=e.getBoundingClientRect(),n=t.getBoundingClientRect(),i=n.top-r.top,o=r.bottom-n.bottom;i>=0&&o>=0||(Math.abs(i)<Math.abs(o)?e.scrollTop+=i:e.scrollTop-=o),e.style.display=a})(c.current,t),f.current=e)}),[g,m]);return a.useEffect((()=>{k()}),[g,k]),a.useEffect((()=>{c.current&&(e?c.current.focus():b())}),[e]),a.useEffect((()=>{b()}),[r]),a.createElement("ul",{ref:c,role:"listbox",className:p({addPrefix:["country-selector-dropdown"],rawClassNames:[u.className]}),style:{display:e?"block":"none",...u.style},onKeyDown:e=>{if(e.stopPropagation(),"Enter"!==e.key){if("Escape"!==e.key)return"ArrowUp"===e.key?(e.preventDefault(),void w("prev")):"ArrowDown"===e.key?(e.preventDefault(),void w("next")):"PageUp"===e.key?(e.preventDefault(),void w("first")):"PageDown"===e.key?(e.preventDefault(),void w("last")):(" "===e.key&&e.preventDefault(),void(1===e.key.length&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&(e=>{let t=h.current.updatedAt&&(new Date).getTime()-h.current.updatedAt.getTime()>1e3;h.current={value:t?e:`${h.current.value}${e}`,updatedAt:new Date};let a=m.findIndex((e=>x(e).name.toLowerCase().startsWith(h.current.value)));-1!==a&&C(a)})(e.key.toLocaleLowerCase())));null==s||s()}else{e.preventDefault();let t=x(m[g]);v(t)}},onBlur:s,tabIndex:-1,"aria-activedescendant":`react-international-phone__${x(m[g]).iso2}-option`},m.map(((e,n)=>{let l=x(e),s=l.iso2===r,d=n===g,c=i.includes(l.iso2),f=n===i.length-1,m=null==o?void 0:o.find((e=>e.iso2===l.iso2));return a.createElement(a.Fragment,{key:l.iso2},a.createElement("li",{"data-country":l.iso2,role:"option","aria-selected":s,"aria-label":`${l.name} ${t}${l.dialCode}`,id:`react-international-phone__${l.iso2}-option`,className:p({addPrefix:["country-selector-dropdown__list-item",c&&"country-selector-dropdown__list-item--preferred",s&&"country-selector-dropdown__list-item--selected",d&&"country-selector-dropdown__list-item--focused"],rawClassNames:[u.listItemClassName]}),onClick:()=>v(l),style:u.listItemStyle,title:l.name},a.createElement(N,{iso2:l.iso2,src:null==m?void 0:m.src,className:p({addPrefix:["country-selector-dropdown__list-item-flag-emoji"],rawClassNames:[u.listItemFlagClassName]}),style:u.listItemFlagStyle}),a.createElement("span",{className:p({addPrefix:["country-selector-dropdown__list-item-country-name"],rawClassNames:[u.listItemCountryNameClassName]}),style:u.listItemCountryNameStyle},l.name),a.createElement("span",{className:p({addPrefix:["country-selector-dropdown__list-item-dial-code"],rawClassNames:[u.listItemDialCodeClassName]}),style:u.listItemDialCodeStyle},t,l.dialCode)),f?a.createElement("hr",{className:p({addPrefix:["country-selector-dropdown__preferred-list-divider"],rawClassNames:[u.preferredListDividerClassName]}),style:u.preferredListDividerStyle}):null)})))},A=({selectedCountry:e,onSelect:t,disabled:r,hideDropdown:n,countries:i=d,preferredCountries:o=[],flags:l,renderButtonWrapper:s,...u})=>{let[c,f]=a.useState(!1),m=a.useMemo((()=>{if(e)return k({value:e,field:"iso2",countries:i})}),[i,e]),h=a.useRef(null),y=e=>{e.key&&["ArrowUp","ArrowDown"].includes(e.key)&&(e.preventDefault(),f(!0))};return a.createElement("div",{className:p({addPrefix:["country-selector"],rawClassNames:[u.className]}),style:u.style,ref:h},(()=>{var t;let i={title:null==m?void 0:m.name,onClick:()=>f((e=>!e)),onMouseDown:e=>e.preventDefault(),onKeyDown:y,disabled:n||r,role:"combobox","aria-label":"Country selector","aria-haspopup":"listbox","aria-expanded":c},o=a.createElement("div",{className:p({addPrefix:["country-selector-button__button-content"],rawClassNames:[u.buttonContentWrapperClassName]}),style:u.buttonContentWrapperStyle},a.createElement(N,{iso2:e,src:null==(t=null==l?void 0:l.find((t=>t.iso2===e)))?void 0:t.src,className:p({addPrefix:["country-selector-button__flag-emoji",r&&"country-selector-button__flag-emoji--disabled"],rawClassNames:[u.flagClassName]}),style:{visibility:e?"visible":"hidden",...u.flagStyle}}),!n&&a.createElement("div",{className:p({addPrefix:["country-selector-button__dropdown-arrow",r&&"country-selector-button__dropdown-arrow--disabled",c&&"country-selector-button__dropdown-arrow--active"],rawClassNames:[u.dropdownArrowClassName]}),style:u.dropdownArrowStyle}));return s?s({children:o,rootProps:i}):a.createElement("button",{...i,type:"button",className:p({addPrefix:["country-selector-button",c&&"country-selector-button--active",r&&"country-selector-button--disabled",n&&"country-selector-button--hide-dropdown"],rawClassNames:[u.buttonClassName]}),"data-country":e,style:u.buttonStyle},o)})(),a.createElement(P,{show:c,countries:i,preferredCountries:o,flags:l,onSelect:e=>{f(!1),null==t||t(e)},selectedCountry:e,onClose:()=>{f(!1)},...u.dropdownStyleProps}))},E=({dialCode:e,prefix:t,disabled:r,style:n,className:i})=>a.createElement("div",{className:p({addPrefix:["dial-code-preview",r&&"dial-code-preview--disabled"],rawClassNames:[i]}),style:n},`${t}${e}`);a.forwardRef((({value:e,onChange:t,countries:r=d,preferredCountries:n=[],hideDropdown:i,showDisabledDialCodeAndPrefix:o,disableFocusAfterCountrySelect:l,flags:s,style:u,className:c,inputStyle:f,inputClassName:m,countrySelectorStyleProps:h,dialCodePreviewStyleProps:y,inputProps:g,placeholder:C,disabled:b,name:w,onFocus:x,onBlur:k,required:D,autoFocus:$,...S},N)=>{let{phone:P,inputValue:M,inputRef:j,country:I,setCountry:z,handlePhoneValueChange:L}=v({value:e,countries:r,...S,onChange:e=>{null==t||t(e.phone,{country:e.country,inputValue:e.inputValue})}}),B=S.disableDialCodeAndPrefix&&o&&(null==I?void 0:I.dialCode);return a.useImperativeHandle(N,(()=>j.current?Object.assign(j.current,{setCountry:z,state:{phone:P,inputValue:M,country:I}}):null),[j,z,P,M,I]),a.createElement("div",{ref:N,className:p({addPrefix:["input-container"],rawClassNames:[c]}),style:u},a.createElement(A,{onSelect:e=>z(e.iso2,{focusOnInput:!l}),flags:s,selectedCountry:I.iso2,countries:r,preferredCountries:n,disabled:b,hideDropdown:i,...h}),B&&a.createElement(E,{dialCode:I.dialCode,prefix:S.prefix??"+",disabled:b,...y}),a.createElement("input",{onChange:L,value:M,type:"tel",ref:j,className:p({addPrefix:["input",b&&"input--disabled"],rawClassNames:[m]}),placeholder:C,disabled:b,style:f,name:w,onFocus:x,onBlur:k,autoFocus:$,required:D,...g}))}));const M=n.styled.div`
-  ${({theme:e})=>`\n    align-items: flex-start;\n    align-self: stretch;\n    display: flex;\n    gap: ${e.spacing[.5]};\n\n    > button, div {\n      border: 1px solid ${e.palette.gray[300]};\n      border-radius: ${e.spacing[.5]};\n    }\n\n    &.disabled {\n      > button, div {\n        background: ${e.palette.gray[100]};\n        color: ${e.palette.gray[400]};\n        cursor: not-allowed;\n      }\n    }\n\n    &.error:not(.disabled) {\n      > button, div {\n        border: 1px solid ${e.palette.error[500]};\n      }\n    }\n\n    &:focus-within:not(.disabled, .error) {\n      > button, div {\n        background: ${e.palette.white};\n        border: 2px solid ${e.palette.black};\n      }\n    }\n\n    &:hover:not(:focus-within, .disabled, .error) {\n      > button, div {\n        background: ${e.palette.white};\n        border-color: ${e.palette.gray[600]};\n      }\n    }\n  `}
-`,j=n.styled.button`
-  ${({theme:e})=>`\n    align-items: center;\n    background: inherit;\n    border-color: inherit;\n    display: flex;\n    gap: ${e.spacing[.25]};\n    height: 40px;\n    min-width: 67px;\n    padding: ${e.spacing[.625]} ${e.spacing[1]};\n\n    &:disabled {\n      background: ${e.palette.gray[100]};\n      cursor: not-allowed;\n    }\n  `}
-`,I=n.styled.ul`
-  ${({theme:e})=>`\n    align-items: flex-start;\n    box-shadow: ${e.shadows.md};\n    display: flex;\n    flex-direction: column;\n    max-height: 190px;\n    overflow: hidden auto;\n    scrollbar-color: ${e.palette.gray[600]} ${e.palette.gray[100]};\n    scroll-padding: ${e.spacing[.5]};\n    scrollbar-width: thin;\n    width: max-content;\n  `}
-`,z=n.styled.li`
-  ${({theme:e})=>`\n    align-items: center;\n    background: ${e.palette.white};\n    cursor: pointer;\n    display: inline-flex;\n    font-size: ${e.typography.text.sm};\n    gap: ${e.spacing[.5]};\n    height: 38px;\n    line-height: ${e.spacing[1.25]};\n    padding: ${e.spacing[.5]} ${e.spacing[1]};\n    width: 190px;\n\n    &:hover {\n      background: ${e.palette.gray[100]};\n    }\n  `}
-`,L=n.styled.p`
-  color: ${({theme:e})=>e.palette.gray[800]};
+import { jsx as _, jsxs as U } from "react/jsx-runtime";
+import { u as oe, a as ie } from "../../../../index-D-lcuEHY.mjs";
+import I, { forwardRef as ae, useImperativeHandle as le, useRef as F, useCallback as R, useMemo as Y, useEffect as q, useState as G } from "react";
+import { createPortal as se } from "react-dom";
+import { styled as W, useTheme as de } from "styled-components";
+import { OutlineContainer as ue } from "../../outline-container/index.js";
+import { S as ce } from "../../../../styles-lSVV9kjn.mjs";
+import { Icon as X } from "../../../icon/index.js";
+import "../../../typography/heading/index.js";
+import "../../../typography/span/index.js";
+import { Text as pe } from "../../../typography/text/index.js";
+import { u as fe } from "../../../../use-click-outside-BtZLIoU1.mjs";
+var T = [["Afghanistan", "af", "93"], ["Albania", "al", "355"], ["Algeria", "dz", "213"], ["Andorra", "ad", "376"], ["Angola", "ao", "244"], ["Antigua and Barbuda", "ag", "1268"], ["Argentina", "ar", "54", "(..) ........", 0], ["Armenia", "am", "374", ".. ......"], ["Aruba", "aw", "297"], ["Australia", "au", "61", { default: ". .... ....", "/^4/": "... ... ...", "/^5(?!50)/": "... ... ...", "/^1(3|8)00/": ".... ... ...", "/^13/": ".. .. ..", "/^180/": "... ...." }, 0, []], ["Austria", "at", "43"], ["Azerbaijan", "az", "994", "(..) ... .. .."], ["Bahamas", "bs", "1242"], ["Bahrain", "bh", "973"], ["Bangladesh", "bd", "880"], ["Barbados", "bb", "1246"], ["Belarus", "by", "375", "(..) ... .. .."], ["Belgium", "be", "32", "... .. .. .."], ["Belize", "bz", "501"], ["Benin", "bj", "229"], ["Bhutan", "bt", "975"], ["Bolivia", "bo", "591"], ["Bosnia and Herzegovina", "ba", "387"], ["Botswana", "bw", "267"], ["Brazil", "br", "55", "(..) ........."], ["British Indian Ocean Territory", "io", "246"], ["Brunei", "bn", "673"], ["Bulgaria", "bg", "359"], ["Burkina Faso", "bf", "226"], ["Burundi", "bi", "257"], ["Cambodia", "kh", "855"], ["Cameroon", "cm", "237"], ["Canada", "ca", "1", "(...) ...-....", 1, ["204", "226", "236", "249", "250", "289", "306", "343", "365", "387", "403", "416", "418", "431", "437", "438", "450", "506", "514", "519", "548", "579", "581", "587", "604", "613", "639", "647", "672", "705", "709", "742", "778", "780", "782", "807", "819", "825", "867", "873", "902", "905"]], ["Cape Verde", "cv", "238"], ["Caribbean Netherlands", "bq", "599", "", 1], ["Cayman Islands", "ky", "1", "... ... ....", 4, ["345"]], ["Central African Republic", "cf", "236"], ["Chad", "td", "235"], ["Chile", "cl", "56"], ["China", "cn", "86", "... .... ...."], ["Colombia", "co", "57", "... ... ...."], ["Comoros", "km", "269"], ["Congo", "cd", "243"], ["Congo", "cg", "242"], ["Costa Rica", "cr", "506", "....-...."], ["Côte d'Ivoire", "ci", "225", ".. .. .. .. .."], ["Croatia", "hr", "385"], ["Cuba", "cu", "53"], ["Curaçao", "cw", "599", "", 0], ["Cyprus", "cy", "357", ".. ......"], ["Czech Republic", "cz", "420", "... ... ..."], ["Denmark", "dk", "45", ".. .. .. .."], ["Djibouti", "dj", "253"], ["Dominica", "dm", "1767"], ["Dominican Republic", "do", "1", "(...) ...-....", 2, ["809", "829", "849"]], ["Ecuador", "ec", "593"], ["Egypt", "eg", "20"], ["El Salvador", "sv", "503", "....-...."], ["Equatorial Guinea", "gq", "240"], ["Eritrea", "er", "291"], ["Estonia", "ee", "372", ".... ......"], ["Ethiopia", "et", "251"], ["Fiji", "fj", "679"], ["Finland", "fi", "358", ".. ... .. .."], ["France", "fr", "33", ". .. .. .. .."], ["French Guiana", "gf", "594"], ["French Polynesia", "pf", "689"], ["Gabon", "ga", "241"], ["Gambia", "gm", "220"], ["Georgia", "ge", "995"], ["Germany", "de", "49", "... ........."], ["Ghana", "gh", "233"], ["Greece", "gr", "30"], ["Greenland", "gl", "299", ".. .. .."], ["Grenada", "gd", "1473"], ["Guadeloupe", "gp", "590", "", 0], ["Guam", "gu", "1671"], ["Guatemala", "gt", "502", "....-...."], ["Guinea", "gn", "224"], ["Guinea-Bissau", "gw", "245"], ["Guyana", "gy", "592"], ["Haiti", "ht", "509", "....-...."], ["Honduras", "hn", "504"], ["Hong Kong", "hk", "852", ".... ...."], ["Hungary", "hu", "36"], ["Iceland", "is", "354", "... ...."], ["India", "in", "91", ".....-....."], ["Indonesia", "id", "62"], ["Iran", "ir", "98", "... ... ...."], ["Iraq", "iq", "964"], ["Ireland", "ie", "353", ".. ......."], ["Israel", "il", "972", "... ... ...."], ["Italy", "it", "39", "... .......", 0], ["Jamaica", "jm", "1876"], ["Japan", "jp", "81", ".. .... ...."], ["Jordan", "jo", "962"], ["Kazakhstan", "kz", "7", "... ...-..-..", 0], ["Kenya", "ke", "254"], ["Kiribati", "ki", "686"], ["Kosovo", "xk", "383"], ["Kuwait", "kw", "965"], ["Kyrgyzstan", "kg", "996", "... ... ..."], ["Laos", "la", "856"], ["Latvia", "lv", "371", ".. ... ..."], ["Lebanon", "lb", "961"], ["Lesotho", "ls", "266"], ["Liberia", "lr", "231"], ["Libya", "ly", "218"], ["Liechtenstein", "li", "423"], ["Lithuania", "lt", "370"], ["Luxembourg", "lu", "352"], ["Macau", "mo", "853"], ["Macedonia", "mk", "389"], ["Madagascar", "mg", "261"], ["Malawi", "mw", "265"], ["Malaysia", "my", "60", "..-....-...."], ["Maldives", "mv", "960"], ["Mali", "ml", "223"], ["Malta", "mt", "356"], ["Marshall Islands", "mh", "692"], ["Martinique", "mq", "596"], ["Mauritania", "mr", "222"], ["Mauritius", "mu", "230"], ["Mexico", "mx", "52", "... ... ....", 0], ["Micronesia", "fm", "691"], ["Moldova", "md", "373", "(..) ..-..-.."], ["Monaco", "mc", "377"], ["Mongolia", "mn", "976"], ["Montenegro", "me", "382"], ["Morocco", "ma", "212"], ["Mozambique", "mz", "258"], ["Myanmar", "mm", "95"], ["Namibia", "na", "264"], ["Nauru", "nr", "674"], ["Nepal", "np", "977"], ["Netherlands", "nl", "31", { "/^06/": "(.). .........", "/^6/": ". .........", "/^0(10|13|14|15|20|23|24|26|30|33|35|36|38|40|43|44|45|46|50|53|55|58|70|71|72|73|74|75|76|77|78|79|82|84|85|87|88|91)/": "(.).. ........", "/^(10|13|14|15|20|23|24|26|30|33|35|36|38|40|43|44|45|46|50|53|55|58|70|71|72|73|74|75|76|77|78|79|82|84|85|87|88|91)/": ".. ........", "/^0/": "(.)... .......", default: "... ......." }], ["New Caledonia", "nc", "687"], ["New Zealand", "nz", "64", "...-...-...."], ["Nicaragua", "ni", "505"], ["Niger", "ne", "227"], ["Nigeria", "ng", "234"], ["North Korea", "kp", "850"], ["Norway", "no", "47", "... .. ..."], ["Oman", "om", "968"], ["Pakistan", "pk", "92", "...-......."], ["Palau", "pw", "680"], ["Palestine", "ps", "970"], ["Panama", "pa", "507"], ["Papua New Guinea", "pg", "675"], ["Paraguay", "py", "595"], ["Peru", "pe", "51"], ["Philippines", "ph", "63", "... ... ...."], ["Poland", "pl", "48", "...-...-..."], ["Portugal", "pt", "351"], ["Puerto Rico", "pr", "1", "(...) ...-....", 3, ["787", "939"]], ["Qatar", "qa", "974"], ["Réunion", "re", "262"], ["Romania", "ro", "40"], ["Russia", "ru", "7", "(...) ...-..-..", 1], ["Rwanda", "rw", "250"], ["Saint Kitts and Nevis", "kn", "1869"], ["Saint Lucia", "lc", "1758"], ["Saint Vincent and the Grenadines", "vc", "1784"], ["Samoa", "ws", "685"], ["San Marino", "sm", "378"], ["São Tomé and Príncipe", "st", "239"], ["Saudi Arabia", "sa", "966"], ["Senegal", "sn", "221"], ["Serbia", "rs", "381"], ["Seychelles", "sc", "248"], ["Sierra Leone", "sl", "232"], ["Singapore", "sg", "65", "....-...."], ["Slovakia", "sk", "421"], ["Slovenia", "si", "386"], ["Solomon Islands", "sb", "677"], ["Somalia", "so", "252"], ["South Africa", "za", "27"], ["South Korea", "kr", "82", "... .... ...."], ["South Sudan", "ss", "211"], ["Spain", "es", "34", "... ... ..."], ["Sri Lanka", "lk", "94"], ["Sudan", "sd", "249"], ["Suriname", "sr", "597"], ["Swaziland", "sz", "268"], ["Sweden", "se", "46", "... ... ..."], ["Switzerland", "ch", "41", ".. ... .. .."], ["Syria", "sy", "963"], ["Taiwan", "tw", "886"], ["Tajikistan", "tj", "992"], ["Tanzania", "tz", "255"], ["Thailand", "th", "66"], ["Timor-Leste", "tl", "670"], ["Togo", "tg", "228"], ["Tonga", "to", "676"], ["Trinidad and Tobago", "tt", "1868"], ["Tunisia", "tn", "216"], ["Turkey", "tr", "90", "... ... .. .."], ["Turkmenistan", "tm", "993"], ["Tuvalu", "tv", "688"], ["Uganda", "ug", "256"], ["Ukraine", "ua", "380", "(..) ... .. .."], ["United Arab Emirates", "ae", "971"], ["United Kingdom", "gb", "44", ".... ......"], ["United States", "us", "1", "(...) ...-....", 0], ["Uruguay", "uy", "598"], ["Uzbekistan", "uz", "998", ".. ... .. .."], ["Vanuatu", "vu", "678"], ["Vatican City", "va", "39", ".. .... ....", 1], ["Venezuela", "ve", "58"], ["Vietnam", "vn", "84"], ["Yemen", "ye", "967"], ["Zambia", "zm", "260"], ["Zimbabwe", "zw", "263"]], ee = (...e) => e.filter((t) => !!t).join(" ").trim(), B = ({ addPrefix: e, rawClassNames: t }) => ee(((...d) => ee(...d).split(" ").map((l) => `react-international-phone-${l}`).join(" "))(...e), ...t), O = (e) => !!e && /^\d+$/.test(e), Z = (e) => e.replace(/\D/g, ""), H = ({ phone: e, prefix: t }) => e ? `${t}${Z(e)}` : "";
+function Q({ value: e, country: t, insertDialCodeOnEmpty: d, trimNonDigitsEnd: l, countries: a, prefix: i, charAfterDialCode: b, forceDialCode: g, disableDialCodeAndPrefix: o, defaultMask: h, countryGuessingEnabled: f, disableFormatting: w }) {
+  let n = e;
+  o && (n = n.startsWith(`${i}`) ? n : `${i}${t.dialCode}${n}`);
+  let c = f ? Ee({ phone: n, countries: a, currentCountryIso2: t == null ? void 0 : t.iso2 }) : void 0, y = (c == null ? void 0 : c.country) ?? t, S = ((D, r) => {
+    let z = !r.disableDialCodeAndPrefix && r.forceDialCode, s = !r.disableDialCodeAndPrefix && r.insertDialCodeOnEmpty, u = D, p = (x) => r.trimNonDigitsEnd ? x.trim() : x;
+    if (!u) return s && !u.length || z ? p(`${r.prefix}${r.dialCode}${r.charAfterDialCode}`) : p(u);
+    if (u = Z(u), u === r.dialCode && !r.disableDialCodeAndPrefix) return p(`${r.prefix}${r.dialCode}${r.charAfterDialCode}`);
+    if (r.dialCode.startsWith(u) && !r.disableDialCodeAndPrefix) return p(z ? `${r.prefix}${r.dialCode}${r.charAfterDialCode}` : `${r.prefix}${u}`);
+    if (!u.startsWith(r.dialCode) && !r.disableDialCodeAndPrefix) {
+      if (z) return p(`${r.prefix}${r.dialCode}${r.charAfterDialCode}`);
+      if (u.length < r.dialCode.length) return p(`${r.prefix}${u}`);
+    }
+    let { phoneLeftSide: k, phoneRightSide: C } = (() => {
+      let x = r.dialCode.length;
+      return { phoneLeftSide: u.slice(0, x), phoneRightSide: u.slice(x) };
+    })();
+    return k = `${r.prefix}${k}${r.charAfterDialCode}`, C = (({ value: x, mask: v, maskSymbol: $, offset: m = 0, trimNonMaskCharsLeftover: A = !1 }) => {
+      if (x.length < m) return x;
+      let P = x.slice(0, m), E = x.slice(m), L = P, j = 0;
+      for (let M of v.split("")) {
+        if (j >= E.length) {
+          if (!A && M !== $) {
+            L += M;
+            continue;
+          }
+          break;
+        }
+        M === $ ? (L += E[j], j += 1) : L += M;
+      }
+      return L;
+    })({ value: C, mask: r.mask, maskSymbol: r.maskChar, trimNonMaskCharsLeftover: r.trimNonDigitsEnd || r.disableDialCodeAndPrefix && C.length === 0 }), r.disableDialCodeAndPrefix && (k = ""), p(`${k}${C}`);
+  })(n, { prefix: i, mask: Ae({ phone: n, country: y, defaultMask: h, disableFormatting: w }), maskChar: re, dialCode: y.dialCode, trimNonDigitsEnd: l, charAfterDialCode: b, forceDialCode: g, insertDialCodeOnEmpty: d, disableDialCodeAndPrefix: o }), N = f && !(c != null && c.fullDialCodeMatch) ? t : y;
+  return { phone: H({ phone: o ? `${N.dialCode}${S}` : S, prefix: i }), inputValue: S, country: N };
+}
+var me = (e, { country: t, insertDialCodeOnEmpty: d, phoneBeforeInput: l, prefix: a, charAfterDialCode: i, forceDialCode: b, disableDialCodeAndPrefix: g, countryGuessingEnabled: o, defaultMask: h, disableFormatting: f, countries: w }) => {
+  let n = e.nativeEvent, c = n.inputType, y = ((C) => {
+    if (C != null && C.toLocaleLowerCase().includes("delete")) return C != null && C.toLocaleLowerCase().includes("forward") ? "forward" : "backward";
+  })(c), S = !!(c != null && c.startsWith("insertFrom")), N = c === "insertText", D = (n == null ? void 0 : n.data) || void 0, r = e.target.value, z = e.target.selectionStart ?? 0;
+  if (c != null && c.includes("history")) return { inputValue: l, phone: H({ phone: l, prefix: a }), cursorPosition: l.length, country: t };
+  if (N && !O(D) && r !== a) return { inputValue: l, phone: H({ phone: g ? `${t.dialCode}${l}` : l, prefix: a }), cursorPosition: z - ((D == null ? void 0 : D.length) ?? 0), country: t };
+  if (b && !r.startsWith(`${a}${t.dialCode}`) && !S) {
+    let C = r ? l : `${a}${t.dialCode}${i}`;
+    return { inputValue: C, phone: H({ phone: C, prefix: a }), cursorPosition: a.length + t.dialCode.length + i.length, country: t };
+  }
+  let { phone: s, inputValue: u, country: p } = Q({ value: r, country: t, trimNonDigitsEnd: y === "backward", insertDialCodeOnEmpty: d, countryGuessingEnabled: o, countries: w, prefix: a, charAfterDialCode: i, forceDialCode: b, disableDialCodeAndPrefix: g, disableFormatting: f, defaultMask: h }), k = (({ phoneBeforeInput: C, phoneAfterInput: x, phoneAfterFormatted: v, cursorPositionAfterInput: $, leftOffset: m = 0, deletion: A }) => {
+    if ($ < m) return m;
+    if (!C) return v.length;
+    let P = null;
+    for (let M = $ - 1; M >= 0; M -= 1) if (O(x[M])) {
+      P = M;
+      break;
+    }
+    if (P === null) {
+      for (let M = 0; M < x.length; M += 1) if (O(v[M])) return M;
+      return x.length;
+    }
+    let E = 0;
+    for (let M = 0; M < P; M += 1) O(x[M]) && (E += 1);
+    let L = 0, j = 0;
+    for (let M = 0; M < v.length && (L += 1, O(v[M]) && (j += 1), !(j >= E + 1)); M += 1) ;
+    if (A !== "backward") for (; !O(v[L]) && L < v.length; ) L += 1;
+    return L;
+  })({ cursorPositionAfterInput: z, phoneBeforeInput: l, phoneAfterInput: r, phoneAfterFormatted: u, leftOffset: b ? a.length + t.dialCode.length + i.length : 0, deletion: y });
+  return { phone: s, inputValue: u, cursorPosition: k, country: p };
+}, he = { size: 20, overrideLastItemDebounceMS: -1 };
+function ye(e, t) {
+  let { size: d, overrideLastItemDebounceMS: l, onChange: a } = { ...he, ...t }, [i, b] = G(e), [g, o] = G([i]), [h, f] = G(0), w = (() => {
+    let n = F(), c = F(Date.now());
+    return { check: () => {
+      let y = Date.now(), S = n.current ? y - c.current : void 0;
+      return n.current = c.current, c.current = y, S;
+    } };
+  })();
+  return [i, (n, c) => {
+    if (typeof n == "object" && typeof i == "object" && ((D, r) => {
+      let z = Object.keys(D), s = Object.keys(r);
+      if (z.length !== s.length) return !1;
+      for (let u of z) if (D[u] !== r[u]) return !1;
+      return !0;
+    })(n, i) || n === i) return;
+    let y = l > 0, S = w.check(), N = !y || S === void 0 || S > l;
+    if ((c == null ? void 0 : c.overrideLastItem) !== void 0 ? c.overrideLastItem : !N) o((D) => [...D.slice(0, h), n]);
+    else {
+      let D = g.length >= d;
+      o((r) => [...r.slice(D ? 1 : 0, h + 1), n]), D || f((r) => r + 1);
+    }
+    b(n), a == null || a(n);
+  }, () => {
+    if (h <= 0) return { success: !1 };
+    let n = g[h - 1];
+    return b(n), f((c) => c - 1), a == null || a(n), { success: !0, value: n };
+  }, () => {
+    if (h + 1 >= g.length) return { success: !1 };
+    let n = g[h + 1];
+    return b(n), f((c) => c + 1), a == null || a(n), { success: !0, value: n };
+  }];
+}
+var re = ".", ge = "us", Ce = "", be = "+", we = "............", ve = " ", xe = 200, $e = !1, De = !1, ke = !1, Ne = !1, Pe = !1, Se = T, ne = ({ defaultCountry: e = ge, value: t = Ce, countries: d = Se, prefix: l = be, defaultMask: a = we, charAfterDialCode: i = ve, historySaveDebounceMS: b = xe, disableCountryGuess: g = $e, disableDialCodePrefill: o = De, forceDialCode: h = ke, disableDialCodeAndPrefix: f = Ne, disableFormatting: w = Pe, onChange: n, inputRef: c }) => {
+  let y = { countries: d, prefix: l, charAfterDialCode: i, forceDialCode: !f && h, disableDialCodeAndPrefix: f, defaultMask: a, countryGuessingEnabled: !g, disableFormatting: w }, S = F(null), N = c || S, D = (m) => {
+    Promise.resolve().then(() => {
+      var A;
+      typeof window > "u" || N.current !== (document == null ? void 0 : document.activeElement) || ((A = N.current) == null || A.setSelectionRange(m, m));
+    });
+  }, [{ phone: r, inputValue: z, country: s }, u, p, k] = ye(() => {
+    let m = K({ value: e, field: "iso2", countries: d });
+    m || console.error(`[react-international-phone]: can not find a country with "${e}" iso2 code`);
+    let A = m || K({ value: "us", field: "iso2", countries: d }), { phone: P, inputValue: E, country: L } = Q({ value: t, country: A, insertDialCodeOnEmpty: !o, ...y });
+    return D(E.length), { phone: P, inputValue: E, country: L.iso2 };
+  }, { overrideLastItemDebounceMS: b, onChange: ({ inputValue: m, phone: A, country: P }) => {
+    if (!n) return;
+    let E = C(P);
+    n({ phone: A, inputValue: m, country: E });
+  } }), C = R((m) => K({ value: m, field: "iso2", countries: d }), [d]), x = Y(() => C(s), [s, C]);
+  q(() => {
+    let m = N.current;
+    if (!m) return;
+    let A = (P) => {
+      if (!P.key) return;
+      let E = P.ctrlKey, L = P.metaKey, j = P.shiftKey;
+      if (P.key.toLowerCase() === "z") {
+        if (typeof window > "u" || !window.navigator.userAgent.toLowerCase().includes("macintosh")) {
+          if (!E) return;
+        } else if (!L) return;
+        j ? k() : p();
+      }
+    };
+    return m.addEventListener("keydown", A), () => {
+      m.removeEventListener("keydown", A);
+    };
+  }, [N, p, k]);
+  let [v, $] = G(!1);
+  return q(() => {
+    if (!v) return $(!0), void (t !== r && (n == null ? void 0 : n({ inputValue: z, phone: r, country: x })));
+    if (t === r) return;
+    let { phone: m, inputValue: A, country: P } = Q({ value: t, country: x, insertDialCodeOnEmpty: !o, ...y });
+    u({ phone: m, inputValue: A, country: P.iso2 });
+  }, [t]), { phone: r, inputValue: z, country: x, setCountry: (m, A = { focusOnInput: !1 }) => {
+    let P = K({ value: m, field: "iso2", countries: d });
+    if (!P) return void console.error(`[react-international-phone]: can not find a country with "${m}" iso2 code`);
+    let E = f ? "" : `${l}${P.dialCode}${i}`;
+    u({ inputValue: E, phone: `${l}${P.dialCode}`, country: P.iso2 }), A.focusOnInput && Promise.resolve().then(() => {
+      var L;
+      (L = N.current) == null || L.focus();
+    });
+  }, handlePhoneValueChange: (m) => {
+    m.preventDefault();
+    let { phone: A, inputValue: P, country: E, cursorPosition: L } = me(m, { country: x, phoneBeforeInput: z, insertDialCodeOnEmpty: !1, ...y });
+    return u({ inputValue: P, phone: A, country: E.iso2 }), D(L), t;
+  }, inputRef: N };
+}, Ae = ({ phone: e, country: t, defaultMask: d = "............", disableFormatting: l = !1 }) => {
+  let a = t.format, i = (g) => l ? g.replace(new RegExp(`[^${re}]`, "g"), "") : g;
+  if (!a) return i(d);
+  if (typeof a == "string") return i(a);
+  if (!a.default) return console.error(`[react-international-phone]: default mask for ${t.iso2} is not provided`), i(d);
+  let b = Object.keys(a).find((g) => {
+    if (g === "default") return !1;
+    if (g.charAt(0) !== "/" || g.charAt(g.length - 1) !== "/") return console.error(`[react-international-phone]: format regex "${g}" for ${t.iso2} is not valid`), !1;
+    let o = new RegExp(g.substring(1, g.length - 1)), h = e.replace(t.dialCode, "");
+    return o.test(Z(h));
+  });
+  return i(b ? a[b] : a.default);
+}, V = (e) => {
+  let [t, d, l, a, i, b] = e;
+  return { name: t, iso2: d, dialCode: l, format: a, priority: i, areaCodes: b };
+}, K = ({ field: e, value: t, countries: d = T }) => {
+  if (["priority"].includes(e)) throw new Error(((a) => `Field "${a}" is not supported`)(e));
+  let l = d.find((a) => {
+    let i = V(a);
+    return t === i[e];
+  });
+  if (l) return V(l);
+}, Ee = ({ phone: e, countries: t = T, currentCountryIso2: d }) => {
+  var g;
+  let l = { country: void 0, fullDialCodeMatch: !1 };
+  if (!e) return l;
+  let a = Z(e);
+  if (!a) return l;
+  let i = l, b = ({ country: o, fullDialCodeMatch: h }) => {
+    var n, c;
+    let f = o.dialCode === ((n = i.country) == null ? void 0 : n.dialCode), w = (o.priority ?? 0) < (((c = i.country) == null ? void 0 : c.priority) ?? 0);
+    (!f || w) && (i = { country: o, fullDialCodeMatch: h });
+  };
+  for (let o of t) {
+    let h = V(o), { dialCode: f, areaCodes: w } = h;
+    if (a.startsWith(f)) {
+      let n = !i.country || Number(f) >= Number(i.country.dialCode);
+      if (w) {
+        let c = a.substring(f.length);
+        for (let y of w) if (c.startsWith(y)) return { country: h, fullDialCodeMatch: !0 };
+      }
+      (n || f === a || !i.fullDialCodeMatch) && b({ country: h, fullDialCodeMatch: !0 });
+    }
+    i.fullDialCodeMatch || a.length < f.length && f.startsWith(a) && (!i.country || Number(f) <= Number(i.country.dialCode)) && b({ country: h, fullDialCodeMatch: !1 });
+  }
+  if (d) {
+    let o = K({ value: d, field: "iso2", countries: t });
+    if (!o) return i;
+    let h = !!o && ((f) => {
+      if (!(f != null && f.areaCodes)) return !1;
+      let w = a.substring(f.dialCode.length);
+      return f.areaCodes.some((n) => n.startsWith(w));
+    })(o);
+    i && ((g = i.country) == null ? void 0 : g.dialCode) === o.dialCode && i.country !== o && i.fullDialCodeMatch && (!o.areaCodes || h) && (i = { country: o, fullDialCodeMatch: !0 });
+  }
+  return i;
+}, Me = (e, t) => {
+  let d = parseInt(e, 16);
+  return Number(d + t).toString(16);
+}, te = "abcdefghijklmnopqrstuvwxyz".split("").reduce((e, t, d) => ({ ...e, [t]: Me("1f1e6", d) }), {}), J = ({ iso2: e, size: t, src: d, protocol: l = "https", disableLazyLoading: a, className: i, style: b, ...g }) => e ? I.createElement("img", { className: B({ addPrefix: ["flag-emoji"], rawClassNames: [i] }), src: (() => {
+  if (d) return d;
+  let o = ((h) => [te[h[0]], te[h[1]]].join("-"))(e);
+  return `${l}://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/${o}.svg`;
+})(), width: t, height: t, draggable: !1, "data-country": e, loading: a ? void 0 : "lazy", style: { width: t, height: t, ...b }, alt: "", ...g }) : I.createElement("img", { className: B({ addPrefix: ["flag-emoji"], rawClassNames: [i] }), width: t, height: t, ...g }), Ie = ({ show: e, dialCodePrefix: t = "+", selectedCountry: d, countries: l = T, preferredCountries: a = [], flags: i, onSelect: b, onClose: g, ...o }) => {
+  let h = F(null), f = F(), w = Y(() => {
+    if (!a || !a.length) return l;
+    let s = [], u = [...l];
+    for (let p of a) {
+      let k = u.findIndex((C) => V(C).iso2 === p);
+      if (k !== -1) {
+        let C = u.splice(k, 1)[0];
+        s.push(C);
+      }
+    }
+    return s.concat(u);
+  }, [l, a]), n = F({ updatedAt: void 0, value: "" }), c = R((s) => w.findIndex((u) => V(u).iso2 === s), [w]), [y, S] = G(c(d)), N = () => {
+    f.current !== d && S(c(d));
+  }, D = R((s) => {
+    S(c(s.iso2)), b == null || b(s);
+  }, [b, c]), r = (s) => {
+    let u = w.length - 1;
+    S((p) => {
+      let k = ((C) => s === "prev" ? C - 1 : s === "next" ? C + 1 : s === "last" ? u : 0)(p);
+      return k < 0 ? 0 : k > u ? u : k;
+    });
+  }, z = R(() => {
+    if (!h.current || y === void 0) return;
+    let s = V(w[y]).iso2;
+    if (s === f.current) return;
+    let u = h.current.querySelector(`[data-country="${s}"]`);
+    u && (((p, k) => {
+      let C = p.style.display;
+      C !== "block" && (p.style.display = "block");
+      let x = p.getBoundingClientRect(), v = k.getBoundingClientRect(), $ = v.top - x.top, m = x.bottom - v.bottom;
+      $ >= 0 && m >= 0 || (Math.abs($) < Math.abs(m) ? p.scrollTop += $ : p.scrollTop -= m), p.style.display = C;
+    })(h.current, u), f.current = s);
+  }, [y, w]);
+  return q(() => {
+    z();
+  }, [y, z]), q(() => {
+    h.current && (e ? h.current.focus() : N());
+  }, [e]), q(() => {
+    N();
+  }, [d]), I.createElement("ul", { ref: h, role: "listbox", className: B({ addPrefix: ["country-selector-dropdown"], rawClassNames: [o.className] }), style: { display: e ? "block" : "none", ...o.style }, onKeyDown: (s) => {
+    if (s.stopPropagation(), s.key !== "Enter") {
+      if (s.key !== "Escape") return s.key === "ArrowUp" ? (s.preventDefault(), void r("prev")) : s.key === "ArrowDown" ? (s.preventDefault(), void r("next")) : s.key === "PageUp" ? (s.preventDefault(), void r("first")) : s.key === "PageDown" ? (s.preventDefault(), void r("last")) : (s.key === " " && s.preventDefault(), void (s.key.length === 1 && !s.altKey && !s.ctrlKey && !s.metaKey && ((u) => {
+        let p = n.current.updatedAt && (/* @__PURE__ */ new Date()).getTime() - n.current.updatedAt.getTime() > 1e3;
+        n.current = { value: p ? u : `${n.current.value}${u}`, updatedAt: /* @__PURE__ */ new Date() };
+        let k = w.findIndex((C) => V(C).name.toLowerCase().startsWith(n.current.value));
+        k !== -1 && S(k);
+      })(s.key.toLocaleLowerCase())));
+      g == null || g();
+    } else {
+      s.preventDefault();
+      let u = V(w[y]);
+      D(u);
+    }
+  }, onBlur: g, tabIndex: -1, "aria-activedescendant": `react-international-phone__${V(w[y]).iso2}-option` }, w.map((s, u) => {
+    let p = V(s), k = p.iso2 === d, C = u === y, x = a.includes(p.iso2), v = u === a.length - 1, $ = i == null ? void 0 : i.find((m) => m.iso2 === p.iso2);
+    return I.createElement(I.Fragment, { key: p.iso2 }, I.createElement("li", { "data-country": p.iso2, role: "option", "aria-selected": k, "aria-label": `${p.name} ${t}${p.dialCode}`, id: `react-international-phone__${p.iso2}-option`, className: B({ addPrefix: ["country-selector-dropdown__list-item", x && "country-selector-dropdown__list-item--preferred", k && "country-selector-dropdown__list-item--selected", C && "country-selector-dropdown__list-item--focused"], rawClassNames: [o.listItemClassName] }), onClick: () => D(p), style: o.listItemStyle, title: p.name }, I.createElement(J, { iso2: p.iso2, src: $ == null ? void 0 : $.src, className: B({ addPrefix: ["country-selector-dropdown__list-item-flag-emoji"], rawClassNames: [o.listItemFlagClassName] }), style: o.listItemFlagStyle }), I.createElement("span", { className: B({ addPrefix: ["country-selector-dropdown__list-item-country-name"], rawClassNames: [o.listItemCountryNameClassName] }), style: o.listItemCountryNameStyle }, p.name), I.createElement("span", { className: B({ addPrefix: ["country-selector-dropdown__list-item-dial-code"], rawClassNames: [o.listItemDialCodeClassName] }), style: o.listItemDialCodeStyle }, t, p.dialCode)), v ? I.createElement("hr", { className: B({ addPrefix: ["country-selector-dropdown__preferred-list-divider"], rawClassNames: [o.preferredListDividerClassName] }), style: o.preferredListDividerStyle }) : null);
+  }));
+}, ze = ({ selectedCountry: e, onSelect: t, disabled: d, hideDropdown: l, countries: a = T, preferredCountries: i = [], flags: b, renderButtonWrapper: g, ...o }) => {
+  let [h, f] = G(!1), w = Y(() => {
+    if (e) return K({ value: e, field: "iso2", countries: a });
+  }, [a, e]), n = F(null), c = (y) => {
+    y.key && ["ArrowUp", "ArrowDown"].includes(y.key) && (y.preventDefault(), f(!0));
+  };
+  return I.createElement("div", { className: B({ addPrefix: ["country-selector"], rawClassNames: [o.className] }), style: o.style, ref: n }, (() => {
+    var N;
+    let y = { title: w == null ? void 0 : w.name, onClick: () => f((D) => !D), onMouseDown: (D) => D.preventDefault(), onKeyDown: c, disabled: l || d, role: "combobox", "aria-label": "Country selector", "aria-haspopup": "listbox", "aria-expanded": h }, S = I.createElement("div", { className: B({ addPrefix: ["country-selector-button__button-content"], rawClassNames: [o.buttonContentWrapperClassName] }), style: o.buttonContentWrapperStyle }, I.createElement(J, { iso2: e, src: (N = b == null ? void 0 : b.find((D) => D.iso2 === e)) == null ? void 0 : N.src, className: B({ addPrefix: ["country-selector-button__flag-emoji", d && "country-selector-button__flag-emoji--disabled"], rawClassNames: [o.flagClassName] }), style: { visibility: e ? "visible" : "hidden", ...o.flagStyle } }), !l && I.createElement("div", { className: B({ addPrefix: ["country-selector-button__dropdown-arrow", d && "country-selector-button__dropdown-arrow--disabled", h && "country-selector-button__dropdown-arrow--active"], rawClassNames: [o.dropdownArrowClassName] }), style: o.dropdownArrowStyle }));
+    return g ? g({ children: S, rootProps: y }) : I.createElement("button", { ...y, type: "button", className: B({ addPrefix: ["country-selector-button", h && "country-selector-button--active", d && "country-selector-button--disabled", l && "country-selector-button--hide-dropdown"], rawClassNames: [o.buttonClassName] }), "data-country": e, style: o.buttonStyle }, S);
+  })(), I.createElement(Ie, { show: h, countries: a, preferredCountries: i, flags: b, onSelect: (y) => {
+    f(!1), t == null || t(y);
+  }, selectedCountry: e, onClose: () => {
+    f(!1);
+  }, ...o.dropdownStyleProps }));
+}, Le = ({ dialCode: e, prefix: t, disabled: d, style: l, className: a }) => I.createElement("div", { className: B({ addPrefix: ["dial-code-preview", d && "dial-code-preview--disabled"], rawClassNames: [a] }), style: l }, `${t}${e}`);
+ae(({ value: e, onChange: t, countries: d = T, preferredCountries: l = [], hideDropdown: a, showDisabledDialCodeAndPrefix: i, disableFocusAfterCountrySelect: b, flags: g, style: o, className: h, inputStyle: f, inputClassName: w, countrySelectorStyleProps: n, dialCodePreviewStyleProps: c, inputProps: y, placeholder: S, disabled: N, name: D, onFocus: r, onBlur: z, required: s, autoFocus: u, ...p }, k) => {
+  let { phone: C, inputValue: x, inputRef: v, country: $, setCountry: m, handlePhoneValueChange: A } = ne({ value: e, countries: d, ...p, onChange: (E) => {
+    t == null || t(E.phone, { country: E.country, inputValue: E.inputValue });
+  } }), P = p.disableDialCodeAndPrefix && i && ($ == null ? void 0 : $.dialCode);
+  return le(k, () => v.current ? Object.assign(v.current, { setCountry: m, state: { phone: C, inputValue: x, country: $ } }) : null, [v, m, C, x, $]), I.createElement("div", { ref: k, className: B({ addPrefix: ["input-container"], rawClassNames: [h] }), style: o }, I.createElement(ze, { onSelect: (E) => m(E.iso2, { focusOnInput: !b }), flags: g, selectedCountry: $.iso2, countries: d, preferredCountries: l, disabled: N, hideDropdown: a, ...n }), P && I.createElement(Le, { dialCode: $.dialCode, prefix: p.prefix ?? "+", disabled: N, ...c }), I.createElement("input", { onChange: A, value: x, type: "tel", ref: v, className: B({ addPrefix: ["input", N && "input--disabled"], rawClassNames: [w] }), placeholder: S, disabled: N, style: f, name: D, onFocus: r, onBlur: z, autoFocus: u, required: s, ...y }));
+});
+const Be = W.div`
+  ${({ theme: e }) => `
+    align-items: flex-start;
+    align-self: stretch;
+    display: flex;
+    gap: ${e.spacing[0.5]};
+
+    > button, div {
+      border: 1px solid ${e.palette.gray[300]};
+      border-radius: ${e.spacing[0.5]};
+    }
+
+    &.disabled {
+      > button, div {
+        background: ${e.palette.gray[100]};
+        color: ${e.palette.gray[400]};
+        cursor: not-allowed;
+      }
+    }
+
+    &.error:not(.disabled) {
+      > button, div {
+        border: 1px solid ${e.palette.error[500]};
+      }
+    }
+
+    &:focus-within:not(.disabled, .error) {
+      > button, div {
+        background: ${e.palette.white};
+        border: 2px solid ${e.palette.black};
+      }
+    }
+
+    &:hover:not(:focus-within, .disabled, .error) {
+      > button, div {
+        background: ${e.palette.white};
+        border-color: ${e.palette.gray[600]};
+      }
+    }
+  `}
+`, Ve = W.button`
+  ${({ theme: e }) => `
+    align-items: center;
+    background: inherit;
+    border-color: inherit;
+    display: flex;
+    gap: ${e.spacing[0.25]};
+    height: 40px;
+    min-width: 67px;
+    padding: ${e.spacing[0.625]} ${e.spacing[1]};
+
+    &:disabled {
+      background: ${e.palette.gray[100]};
+      cursor: not-allowed;
+    }
+  `}
+`, _e = W.ul`
+  ${({ theme: e }) => `
+    align-items: flex-start;
+    box-shadow: ${e.shadows.md};
+    display: flex;
+    flex-direction: column;
+    max-height: 190px;
+    overflow: hidden auto;
+    scrollbar-color: ${e.palette.gray[600]} ${e.palette.gray[100]};
+    scroll-padding: ${e.spacing[0.5]};
+    scrollbar-width: thin;
+    width: max-content;
+  `}
+`, je = W.li`
+  ${({ theme: e }) => `
+    align-items: center;
+    background: ${e.palette.white};
+    cursor: pointer;
+    display: inline-flex;
+    font-size: ${e.typography.text.sm};
+    gap: ${e.spacing[0.5]};
+    height: 38px;
+    line-height: ${e.spacing[1.25]};
+    padding: ${e.spacing[0.5]} ${e.spacing[1]};
+    width: 190px;
+
+    &:hover {
+      background: ${e.palette.gray[100]};
+    }
+  `}
+`, Fe = W.p`
+  color: ${({ theme: e }) => e.palette.gray[800]};
   font-size: inherit;
   min-width: 55%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`,B=a.forwardRef((function({disabled:c,error:p,label:f,name:m,required:h,tooltip:y,value:g,weight:C,...b},w){const k=n.useTheme(),[D,$]=a.useState(!1),[S,P]=a.useState(""),A=a.useRef(null),{refs:E,floatingStyles:B}=t.useFloating({placement:"bottom-start",whileElementsMounted:t.autoUpdate}),{inputValue:V,handlePhoneValueChange:_,country:R,setCountry:q}=v({countries:d,defaultCountry:"us",value:g?String(g):void 0}),F=a.useCallback((()=>{$((e=>!e)),D||P("")}),[D]),T=a.useCallback((e=>()=>{q(e),$(!1),P("")}),[q,$]),G=a.useCallback((e=>{1===e.key.length?P((t=>t+e.key)):"Backspace"===e.key&&P((e=>e.slice(0,-1)))}),[]),O=d.filter((e=>{const{name:t}=x(e);return t.toLowerCase().includes(S.toLowerCase())}));return u.useClickOutside(E.floating.current,(()=>{$(!1),P("")}),!0),e.jsx(i.OutlineContainer,{error:p,htmlFor:m,label:f,required:h,tooltip:y,weight:C,children:e.jsxs(M,{className:`${c?"disabled":""} ${p?"error":""}`,ref:A,children:[e.jsxs(j,{"aria-label":"country-selector","data-testid":"country-selector",disabled:c,id:"country-selector",onClick:F,onKeyDown:G,ref:E.setReference,children:[e.jsx(N,{iso2:R.iso2,size:"16px"}),e.jsx(l.Icon,{icon:"angle-down",iconColor:k.palette.gray[400],iconSize:"xs",iconType:"fa-light"})]}),e.jsxs(o.StyledTextInputContainer,{className:`${c?"disabled":""} ${p?"error":""}`,children:[e.jsx("input",{"aria-hidden":!1,"aria-invalid":p?"true":"false","aria-label":m,"aria-required":h,autoComplete:"off","data-testid":`${m}-input`,disabled:c,id:m,name:m,onChange:_,ref:w,type:"tel",value:V,...b}),p?e.jsx(l.Icon,{icon:"exclamation-circle",iconClass:"error-icon",iconColor:k.palette.error[500],iconSize:"xs"}):void 0]}),D&&r.createPortal(e.jsx(I,{ref:E.setFloating,style:B,children:O.map((t=>{const{dialCode:a,iso2:r,name:n}=x(t);return e.jsxs(z,{onClick:T(r),value:r,children:[e.jsx(N,{iso2:r,size:"16px"}),e.jsx(L,{children:n}),e.jsx(s.Text,{color:k.palette.gray[400],size:"sm",sizeSm:"xs",textAlign:"end",children:"+"+a})]},r)}))}),document.getElementById("root")??document.body)]})})}));exports.PhoneInput=B;
+`, Ye = ae(function({ disabled: e, error: t, label: d, name: l, required: a, tooltip: i, value: b, weight: g, ...o }, h) {
+  const f = de(), [w, n] = G(!1), [c, y] = G(""), S = F(null), { refs: N, floatingStyles: D } = oe({ placement: "bottom-start", whileElementsMounted: ie }), { inputValue: r, handlePhoneValueChange: z, country: s, setCountry: u } = ne({ countries: T, defaultCountry: "us", value: b ? String(b) : void 0 }), p = R(() => {
+    n((v) => !v), w || y("");
+  }, [w]), k = R((v) => () => {
+    u(v), n(!1), y("");
+  }, [u, n]), C = R((v) => {
+    v.key.length === 1 ? y(($) => $ + v.key) : v.key === "Backspace" && y(($) => $.slice(0, -1));
+  }, []), x = T.filter((v) => {
+    const { name: $ } = V(v);
+    return $.toLowerCase().includes(c.toLowerCase());
+  });
+  return fe(N.floating.current, () => {
+    n(!1), y("");
+  }, !0), _(ue, { error: t, htmlFor: l, label: d, required: a, tooltip: i, weight: g, children: U(Be, { className: `${e ? "disabled" : ""} ${t ? "error" : ""}`, ref: S, children: [U(Ve, { "aria-label": "country-selector", "data-testid": "country-selector", disabled: e, id: "country-selector", onClick: p, onKeyDown: C, ref: N.setReference, children: [_(J, { iso2: s.iso2, size: "16px" }), _(X, { icon: "angle-down", iconColor: f.palette.gray[400], iconSize: "xs", iconType: "fa-light" })] }), U(ce, { className: `${e ? "disabled" : ""} ${t ? "error" : ""}`, children: [_("input", { "aria-hidden": !1, "aria-invalid": t ? "true" : "false", "aria-label": l, "aria-required": a, autoComplete: "off", "data-testid": `${l}-input`, disabled: e, id: l, name: l, onChange: z, ref: h, type: "tel", value: r, ...o }), t ? _(X, { icon: "exclamation-circle", iconClass: "error-icon", iconColor: f.palette.error[500], iconSize: "xs" }) : void 0] }), w && se(_(_e, { ref: N.setFloating, style: D, children: x.map((v) => {
+    const { dialCode: $, iso2: m, name: A } = V(v);
+    return U(je, { onClick: k(m), value: m, children: [_(J, { iso2: m, size: "16px" }), _(Fe, { children: A }), _(pe, { color: f.palette.gray[400], size: "sm", sizeSm: "xs", textAlign: "end", children: "+" + $ })] }, m);
+  }) }), document.getElementById("root") ?? document.body)] }) });
+});
+export {
+  Ye as PhoneInput
+};

package/dist/components/inputs/fields/text-area/index.js

@@ -1 +1,13 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),i=require("styled-components"),t=require("../../outline-container/index.js"),a=require("../../../../styles-Bl-CstrT.js"),l=require("../../../icon/index.js"),o=r.forwardRef((function({disabled:r=!1,error:o,helpLink:n,helpText:s,label:d,name:c="input-text",id:u,maskValue:x=!1,maxLength:h,placeholder:p,required:m,rows:b,tooltip:j,value:q,weight:g,...v},f){const T=i.useTheme();return e.jsx(t.OutlineContainer,{error:o,helpLink:n,helpText:s,htmlFor:c,label:d,maxLength:h,required:m,tooltip:j,value:q?String(q):void 0,weight:g,children:e.jsxs(a.StyledTextInputContainer,{className:`${r?"disabled":""} ${o?"error":""}`,children:[e.jsx("textarea",{"aria-hidden":!1,"aria-invalid":o?"true":"false","aria-label":c,"aria-required":m,className:x?"sr-block":"","data-testid":`${c}-text-area`,disabled:r,id:u??c,maxLength:h,name:c,placeholder:p,ref:f,rows:b,value:q,...v}),o?e.jsx(l.Icon,{icon:"exclamation-circle",iconClass:"error-icon",iconColor:T.palette.error[500],iconSize:"xs"}):void 0]})})}));exports.TextArea=o;
+import { jsx as i, jsxs as w } from "react/jsx-runtime";
+import { forwardRef as L } from "react";
+import { useTheme as k } from "styled-components";
+import { OutlineContainer as v } from "../../outline-container/index.js";
+import { S as T } from "../../../../styles-lSVV9kjn.mjs";
+import { Icon as q } from "../../../icon/index.js";
+const A = L(function({ disabled: o = !1, error: r, helpLink: s, helpText: n, label: d, name: e = "input-text", id: m, maskValue: p = !1, maxLength: t, placeholder: h, required: l, rows: c, tooltip: u, value: a, weight: x, ...f }, b) {
+  const g = k();
+  return i(v, { error: r, helpLink: s, helpText: n, htmlFor: e, label: d, maxLength: t, required: l, tooltip: u, value: a ? String(a) : void 0, weight: x, children: w(T, { className: `${o ? "disabled" : ""} ${r ? "error" : ""}`, children: [i("textarea", { "aria-hidden": !1, "aria-invalid": r ? "true" : "false", "aria-label": e, "aria-required": l, className: p ? "sr-block" : "", "data-testid": `${e}-text-area`, disabled: o, id: m ?? e, maxLength: t, name: e, placeholder: h, ref: b, rows: c, value: a, ...f }), r ? i(q, { icon: "exclamation-circle", iconClass: "error-icon", iconColor: g.palette.error[500], iconSize: "xs" }) : void 0] }) });
+});
+export {
+  A as TextArea
+};