vue-smart-phone-input 1.0.0

package/README.md

@@ -0,0 +1,90 @@
+# @rstar327/vue-phone-input
+
+A Vue 3 international phone number input component with country flags, auto-formatting, validation, and IP-based country detection.
+
+## Features
+
+- Country selector with flag emojis and search
+- Auto-format phone numbers based on country patterns
+- Phone number validation
+- Auto-detect country from IP address
+- Full keyboard navigation in dropdown
+- Copy/paste support (auto-detects country from pasted `+` numbers)
+- v-model support (outputs E.164 format)
+- TypeScript support
+- Zero dependencies (only requires Vue 3)
+
+## Install
+
+```bash
+npm install @rstar327/vue-phone-input
+```
+
+## Usage
+
+```vue
+<template>
+  <PhoneInput
+    v-model="phone"
+    default-country="us"
+    @validate="onValidate"
+    @country-changed="onCountryChanged"
+  />
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { PhoneInput } from '@rstar327/vue-phone-input'
+
+const phone = ref('')
+
+function onValidate({ valid, e164, nationalNumber }) {
+  console.log('Valid:', valid, 'E.164:', e164)
+}
+
+function onCountryChanged(country) {
+  console.log('Country:', country.name, country.flag)
+}
+</script>
+```
+
+## Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `modelValue` | `string` | `""` | Phone number in E.164 format (v-model) |
+| `defaultCountry` | `string` | `"us"` | Default country ISO2 code |
+| `autoDetectCountry` | `boolean` | `true` | Auto-detect country from IP |
+| `placeholder` | `string` | `"Phone number"` | Input placeholder |
+| `disabled` | `boolean` | `false` | Disable the input |
+| `readonly` | `boolean` | `false` | Make input readonly |
+| `showValidation` | `boolean` | `true` | Show validation indicator |
+| `preferredCountries` | `string[]` | `[]` | ISO2 codes to show first in dropdown |
+
+## Events
+
+| Event | Payload | Description |
+|-------|---------|-------------|
+| `update:modelValue` | `string` | E.164 formatted number |
+| `validate` | `{ valid, e164, nationalNumber }` | Validation result |
+| `country-changed` | `Country` | When country selection changes |
+| `focus` | — | Input focused |
+| `blur` | — | Input blurred |
+
+## Utilities
+
+```js
+import {
+  countries,           // Full country list
+  findCountryByIso2,   // Find country by ISO2 code
+  findCountryByDialCode, // Find country by dial code
+  validatePhone,       // Validate a phone number
+  formatPhoneNumber,   // Format digits with a pattern
+  detectCountryFromIP, // Detect country from IP (async)
+  searchCountries,     // Search countries by name/code
+} from '@rstar327/vue-phone-input'
+```
+
+## License
+
+MIT

package/dist/vue-phone-input.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`vue`);function t(e){return e.toUpperCase().split(``).map(e=>String.fromCodePoint(127397+e.charCodeAt(0))).join(``)}var n=[{name:`Afghanistan`,iso2:`af`,dialCode:`93`},{name:`Albania`,iso2:`al`,dialCode:`355`},{name:`Algeria`,iso2:`dz`,dialCode:`213`},{name:`Argentina`,iso2:`ar`,dialCode:`54`},{name:`Armenia`,iso2:`am`,dialCode:`374`},{name:`Australia`,iso2:`au`,dialCode:`61`,format:`.... ... ...`},{name:`Austria`,iso2:`at`,dialCode:`43`},{name:`Azerbaijan`,iso2:`az`,dialCode:`994`},{name:`Bahrain`,iso2:`bh`,dialCode:`973`},{name:`Bangladesh`,iso2:`bd`,dialCode:`880`},{name:`Belarus`,iso2:`by`,dialCode:`375`},{name:`Belgium`,iso2:`be`,dialCode:`32`},{name:`Bolivia`,iso2:`bo`,dialCode:`591`},{name:`Bosnia and Herzegovina`,iso2:`ba`,dialCode:`387`},{name:`Brazil`,iso2:`br`,dialCode:`55`,format:`(..) .....-.....`},{name:`Bulgaria`,iso2:`bg`,dialCode:`359`},{name:`Cambodia`,iso2:`kh`,dialCode:`855`},{name:`Cameroon`,iso2:`cm`,dialCode:`237`},{name:`Canada`,iso2:`ca`,dialCode:`1`,format:`(...) ...-.....`},{name:`Chile`,iso2:`cl`,dialCode:`56`},{name:`China`,iso2:`cn`,dialCode:`86`,format:`... .... ....`},{name:`Colombia`,iso2:`co`,dialCode:`57`},{name:`Costa Rica`,iso2:`cr`,dialCode:`506`},{name:`Croatia`,iso2:`hr`,dialCode:`385`},{name:`Cuba`,iso2:`cu`,dialCode:`53`},{name:`Cyprus`,iso2:`cy`,dialCode:`357`},{name:`Czech Republic`,iso2:`cz`,dialCode:`420`},{name:`Denmark`,iso2:`dk`,dialCode:`45`,format:`.. .. .. ..`},{name:`Dominican Republic`,iso2:`do`,dialCode:`1`},{name:`Ecuador`,iso2:`ec`,dialCode:`593`},{name:`Egypt`,iso2:`eg`,dialCode:`20`},{name:`El Salvador`,iso2:`sv`,dialCode:`503`},{name:`Estonia`,iso2:`ee`,dialCode:`372`},{name:`Ethiopia`,iso2:`et`,dialCode:`251`},{name:`Finland`,iso2:`fi`,dialCode:`358`},{name:`France`,iso2:`fr`,dialCode:`33`,format:`. .. .. .. ..`},{name:`Georgia`,iso2:`ge`,dialCode:`995`},{name:`Germany`,iso2:`de`,dialCode:`49`,format:`.... ........`},{name:`Ghana`,iso2:`gh`,dialCode:`233`},{name:`Greece`,iso2:`gr`,dialCode:`30`},{name:`Guatemala`,iso2:`gt`,dialCode:`502`},{name:`Honduras`,iso2:`hn`,dialCode:`504`},{name:`Hong Kong`,iso2:`hk`,dialCode:`852`,format:`.... ....`},{name:`Hungary`,iso2:`hu`,dialCode:`36`},{name:`Iceland`,iso2:`is`,dialCode:`354`},{name:`India`,iso2:`in`,dialCode:`91`,format:`..... .....`},{name:`Indonesia`,iso2:`id`,dialCode:`62`},{name:`Iran`,iso2:`ir`,dialCode:`98`},{name:`Iraq`,iso2:`iq`,dialCode:`964`},{name:`Ireland`,iso2:`ie`,dialCode:`353`},{name:`Israel`,iso2:`il`,dialCode:`972`},{name:`Italy`,iso2:`it`,dialCode:`39`,format:`... ... ....`},{name:`Jamaica`,iso2:`jm`,dialCode:`1`},{name:`Japan`,iso2:`jp`,dialCode:`81`,format:`.. .... ....`},{name:`Jordan`,iso2:`jo`,dialCode:`962`},{name:`Kazakhstan`,iso2:`kz`,dialCode:`7`},{name:`Kenya`,iso2:`ke`,dialCode:`254`},{name:`Kuwait`,iso2:`kw`,dialCode:`965`},{name:`Kyrgyzstan`,iso2:`kg`,dialCode:`996`},{name:`Laos`,iso2:`la`,dialCode:`856`},{name:`Latvia`,iso2:`lv`,dialCode:`371`},{name:`Lebanon`,iso2:`lb`,dialCode:`961`},{name:`Libya`,iso2:`ly`,dialCode:`218`},{name:`Lithuania`,iso2:`lt`,dialCode:`370`},{name:`Luxembourg`,iso2:`lu`,dialCode:`352`},{name:`Macau`,iso2:`mo`,dialCode:`853`},{name:`Malaysia`,iso2:`my`,dialCode:`60`},{name:`Maldives`,iso2:`mv`,dialCode:`960`},{name:`Malta`,iso2:`mt`,dialCode:`356`},{name:`Mexico`,iso2:`mx`,dialCode:`52`,format:`... ... ....`},{name:`Moldova`,iso2:`md`,dialCode:`373`},{name:`Mongolia`,iso2:`mn`,dialCode:`976`},{name:`Montenegro`,iso2:`me`,dialCode:`382`},{name:`Morocco`,iso2:`ma`,dialCode:`212`},{name:`Myanmar`,iso2:`mm`,dialCode:`95`},{name:`Nepal`,iso2:`np`,dialCode:`977`},{name:`Netherlands`,iso2:`nl`,dialCode:`31`,format:`.. ........`},{name:`New Zealand`,iso2:`nz`,dialCode:`64`},{name:`Nicaragua`,iso2:`ni`,dialCode:`505`},{name:`Nigeria`,iso2:`ng`,dialCode:`234`},{name:`North Korea`,iso2:`kp`,dialCode:`850`},{name:`North Macedonia`,iso2:`mk`,dialCode:`389`},{name:`Norway`,iso2:`no`,dialCode:`47`,format:`... .. ...`},{name:`Oman`,iso2:`om`,dialCode:`968`},{name:`Pakistan`,iso2:`pk`,dialCode:`92`},{name:`Palestine`,iso2:`ps`,dialCode:`970`},{name:`Panama`,iso2:`pa`,dialCode:`507`},{name:`Paraguay`,iso2:`py`,dialCode:`595`},{name:`Peru`,iso2:`pe`,dialCode:`51`},{name:`Philippines`,iso2:`ph`,dialCode:`63`},{name:`Poland`,iso2:`pl`,dialCode:`48`},{name:`Portugal`,iso2:`pt`,dialCode:`351`},{name:`Puerto Rico`,iso2:`pr`,dialCode:`1`},{name:`Qatar`,iso2:`qa`,dialCode:`974`},{name:`Romania`,iso2:`ro`,dialCode:`40`},{name:`Russia`,iso2:`ru`,dialCode:`7`,format:`(...) ...-..-..`},{name:`Saudi Arabia`,iso2:`sa`,dialCode:`966`},{name:`Senegal`,iso2:`sn`,dialCode:`221`},{name:`Serbia`,iso2:`rs`,dialCode:`381`},{name:`Singapore`,iso2:`sg`,dialCode:`65`,format:`.... ....`},{name:`Slovakia`,iso2:`sk`,dialCode:`421`},{name:`Slovenia`,iso2:`si`,dialCode:`386`},{name:`Somalia`,iso2:`so`,dialCode:`252`},{name:`South Africa`,iso2:`za`,dialCode:`27`},{name:`South Korea`,iso2:`kr`,dialCode:`82`,format:`.. .... ....`},{name:`Spain`,iso2:`es`,dialCode:`34`,format:`... ... ...`},{name:`Sri Lanka`,iso2:`lk`,dialCode:`94`},{name:`Sudan`,iso2:`sd`,dialCode:`249`},{name:`Sweden`,iso2:`se`,dialCode:`46`},{name:`Switzerland`,iso2:`ch`,dialCode:`41`},{name:`Syria`,iso2:`sy`,dialCode:`963`},{name:`Taiwan`,iso2:`tw`,dialCode:`886`},{name:`Tajikistan`,iso2:`tj`,dialCode:`992`},{name:`Tanzania`,iso2:`tz`,dialCode:`255`},{name:`Thailand`,iso2:`th`,dialCode:`66`},{name:`Tunisia`,iso2:`tn`,dialCode:`216`},{name:`Turkey`,iso2:`tr`,dialCode:`90`,format:`... ... .. ..`},{name:`Turkmenistan`,iso2:`tm`,dialCode:`993`},{name:`Uganda`,iso2:`ug`,dialCode:`256`},{name:`Ukraine`,iso2:`ua`,dialCode:`380`},{name:`United Arab Emirates`,iso2:`ae`,dialCode:`971`},{name:`United Kingdom`,iso2:`gb`,dialCode:`44`,format:`.... ......`},{name:`United States`,iso2:`us`,dialCode:`1`,format:`(...) ...-.....`},{name:`Uruguay`,iso2:`uy`,dialCode:`598`},{name:`Uzbekistan`,iso2:`uz`,dialCode:`998`},{name:`Venezuela`,iso2:`ve`,dialCode:`58`},{name:`Vietnam`,iso2:`vn`,dialCode:`84`},{name:`Yemen`,iso2:`ye`,dialCode:`967`},{name:`Zambia`,iso2:`zm`,dialCode:`260`},{name:`Zimbabwe`,iso2:`zw`,dialCode:`263`}].map(e=>({...e,flag:t(e.iso2)}));function r(e){return n.find(t=>t.iso2===e.toLowerCase())}function i(e){return n.find(t=>t.dialCode===e)}var a=`https://ipapi.co/json/`,o=`us`;async function s(){try{let e=new AbortController,t=setTimeout(()=>e.abort(),5e3),n=await fetch(a,{signal:e.signal});if(clearTimeout(t),!n.ok)throw Error(`IP lookup failed`);return r(((await n.json()).country_code??``).toLowerCase())??r(o)}catch{return r(o)}}function c(e){if(!e)return n;let t=e.toLowerCase();return n.filter(e=>e.name.toLowerCase().includes(t)||e.dialCode.includes(t)||e.iso2.includes(t))}var l=4,u=15;function d(e,t){if(!t||!e)return e;let n=``,r=0;for(let i of t){if(r>=e.length)break;i===`.`?n+=e[r++]:n+=i}return r<e.length&&(n+=e.slice(r)),n}function f(e){return e.replace(/\D/g,``)}function p(e,t){let n=f(e),r=t?.dialCode??``,i=r&&n.startsWith(r)?n.slice(r.length):n,a=r?`+${r}${i}`:`+${n}`,o=t?.format?d(i,t.format):i,s=r.length+i.length;return{valid:i.length>=l&&s<=u&&/^\d+$/.test(i),formatted:o,e164:a,nationalNumber:i,country:t}}var m=[`tabindex`,`onKeydown`],h={class:`vpi-flag`},g={class:`vpi-dial-code`},_=[`value`,`placeholder`,`disabled`,`readonly`],v=[`onKeydown`],y=[`onClick`,`onMouseenter`],b={class:`vpi-flag`},x={class:`vpi-country-name`},S={class:`vpi-country-code`},C=(0,e.defineComponent)({__name:`PhoneInput`,props:{modelValue:{default:``},defaultCountry:{default:`us`},autoDetectCountry:{type:Boolean,default:!0},placeholder:{default:`Phone number`},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},showValidation:{type:Boolean,default:!0},preferredCountries:{default:()=>[]}},emits:[`update:modelValue`,`country-changed`,`validate`,`focus`,`blur`],setup(t,{emit:i}){let a=t,o=i,l=(0,e.ref)(r(a.defaultCountry)??null),u=(0,e.ref)(``),C=(0,e.ref)(!1),w=(0,e.ref)(!1),T=(0,e.ref)(!1),E=(0,e.ref)(``),D=(0,e.ref)(0),O=(0,e.ref)({}),k=(0,e.ref)(),A=(0,e.ref)(),j=(0,e.ref)(),M=(0,e.ref)(),N=(0,e.ref)(),P=(0,e.computed)(()=>{let e=c(E.value);if(a.preferredCountries.length>0){let t=a.preferredCountries.map(e=>r(e)).filter(Boolean),n=e.filter(e=>!a.preferredCountries.includes(e.iso2));e=[...t,...n]}return e}),F=(0,e.computed)(()=>u.value?l.value?.format?d(u.value,l.value.format):u.value:``),I=(0,e.computed)(()=>p(u.value,l.value)),L=(0,e.computed)(()=>I.value.valid);function R(e){let t=e.target;u.value=f(t.value),U()}function z(e){e.preventDefault();let t=e.clipboardData?.getData(`text`)??``,r=f(t);if(t.startsWith(`+`)){let e=r;for(let t of n)if(e.startsWith(t.dialCode)){l.value=t,u.value=e.slice(t.dialCode.length),o(`country-changed`,t),U();return}}u.value=r,U()}function B(e){[`Backspace`,`Delete`,`Tab`,`Escape`,`Enter`,`ArrowLeft`,`ArrowRight`,`ArrowUp`,`ArrowDown`,`Home`,`End`].includes(e.key)||(e.ctrlKey||e.metaKey)&&[`a`,`c`,`v`,`x`].includes(e.key.toLowerCase())||/^\d$/.test(e.key)||e.preventDefault()}function V(){C.value=!0,o(`focus`)}function H(){C.value=!1,w.value=!0,o(`blur`)}function U(){let e=I.value;o(`update:modelValue`,e.e164),o(`validate`,{valid:e.valid,e164:e.e164,nationalNumber:e.nationalNumber})}function W(){a.disabled||(T.value=!T.value,T.value&&(Z(),(0,e.nextTick)(()=>M.value?.focus())))}function G(){T.value=!1,E.value=``,D.value=0}function K(t){l.value=t,G(),o(`country-changed`,t),U(),(0,e.nextTick)(()=>k.value?.focus())}function q(){let e=P.value[D.value];e&&K(e)}function J(){D.value<P.value.length-1&&(D.value++,X())}function Y(){D.value>0&&(D.value--,X())}function X(){(0,e.nextTick)(()=>{(N.value?.children[D.value])?.scrollIntoView({block:`nearest`})})}function Z(){let e=A.value?.getBoundingClientRect();if(!e)return;let t=window.innerHeight-e.bottom<300;O.value={position:`fixed`,left:`${e.left}px`,width:`280px`,zIndex:`9999`,...t?{bottom:`${window.innerHeight-e.top+4}px`}:{top:`${e.bottom+4}px`}}}function Q(e){T.value&&j.value&&!j.value.contains(e.target)&&!A.value?.contains(e.target)&&G()}function $(e){if(!e)return;let t=f(e);if(e.startsWith(`+`)){for(let e of n)if(t.startsWith(e.dialCode)){l.value=e,u.value=t.slice(e.dialCode.length);return}}u.value=t}return(0,e.watch)(()=>a.modelValue,e=>{$(e)},{immediate:!0}),(0,e.watch)(()=>a.defaultCountry,e=>{let t=r(e);t&&(l.value=t)}),(0,e.onMounted)(async()=>{document.addEventListener(`click`,Q),a.autoDetectCountry&&!a.modelValue&&(l.value=await s())}),(0,e.onBeforeUnmount)(()=>{document.removeEventListener(`click`,Q)}),(n,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{class:(0,e.normalizeClass)([`vpi-wrapper`,{"vpi-focused":C.value,"vpi-invalid":!L.value&&w.value,"vpi-disabled":t.disabled}])},[(0,e.createElementVNode)(`div`,{class:`vpi-country`,onClick:W,ref_key:`countryBtnRef`,ref:A,tabindex:t.disabled?-1:0,onKeydown:[(0,e.withKeys)((0,e.withModifiers)(W,[`prevent`]),[`enter`]),(0,e.withKeys)((0,e.withModifiers)(W,[`prevent`]),[`space`])]},[(0,e.createElementVNode)(`span`,h,(0,e.toDisplayString)(l.value?.flag),1),(0,e.createElementVNode)(`span`,g,`+`+(0,e.toDisplayString)(l.value?.dialCode),1),r[1]||=(0,e.createElementVNode)(`span`,{class:`vpi-arrow`},`▾`,-1)],40,m),(0,e.createElementVNode)(`input`,{ref_key:`inputRef`,ref:k,type:`tel`,value:F.value,placeholder:t.placeholder,disabled:t.disabled,readonly:t.readonly,class:`vpi-input`,onInput:R,onFocus:V,onBlur:H,onPaste:z,onKeydown:B},null,40,_),w.value&&t.showValidation?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,{key:0,class:(0,e.normalizeClass)([`vpi-validation`,L.value?`vpi-valid`:`vpi-error`])},(0,e.toDisplayString)(L.value?`✓`:`✗`),3)):(0,e.createCommentVNode)(``,!0),((0,e.openBlock)(),(0,e.createBlock)(e.Teleport,{to:`body`},[T.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:0,class:`vpi-dropdown`,ref_key:`dropdownRef`,ref:j,style:(0,e.normalizeStyle)(O.value)},[(0,e.withDirectives)((0,e.createElementVNode)(`input`,{ref_key:`searchRef`,ref:M,type:`text`,class:`vpi-search`,"onUpdate:modelValue":r[0]||=e=>E.value=e,placeholder:`Search country...`,onKeydown:[(0,e.withKeys)(G,[`escape`]),(0,e.withKeys)((0,e.withModifiers)(J,[`prevent`]),[`down`]),(0,e.withKeys)((0,e.withModifiers)(Y,[`prevent`]),[`up`]),(0,e.withKeys)((0,e.withModifiers)(q,[`prevent`]),[`enter`])]},null,40,v),[[e.vModelText,E.value]]),(0,e.createElementVNode)(`ul`,{class:`vpi-country-list`,ref_key:`listRef`,ref:N},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(P.value,(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`li`,{key:t.iso2,class:(0,e.normalizeClass)([`vpi-country-item`,{"vpi-highlighted":n===D.value}]),onClick:e=>K(t),onMouseenter:e=>D.value=n},[(0,e.createElementVNode)(`span`,b,(0,e.toDisplayString)(t.flag),1),(0,e.createElementVNode)(`span`,x,(0,e.toDisplayString)(t.name),1),(0,e.createElementVNode)(`span`,S,`+`+(0,e.toDisplayString)(t.dialCode),1)],42,y))),128))],512)],4)):(0,e.createCommentVNode)(``,!0)]))],2))}});exports.PhoneInput=C,exports.countries=n,exports.detectCountryFromIP=s,exports.findCountryByDialCode=i,exports.findCountryByIso2=r,exports.formatPhoneNumber=d,exports.searchCountries=c,exports.stripNonDigits=f,exports.validatePhone=p;

package/dist/vue-phone-input.mjs

@@ -0,0 +1,959 @@
+import { Fragment as e, Teleport as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, nextTick as c, normalizeClass as l, normalizeStyle as ee, onBeforeUnmount as te, onMounted as u, openBlock as d, ref as f, renderList as p, toDisplayString as m, vModelText as ne, watch as h, withDirectives as re, withKeys as g, withModifiers as _ } from "vue";
+//#region src/data/countries.ts
+function v(e) {
+	return e.toUpperCase().split("").map((e) => String.fromCodePoint(127397 + e.charCodeAt(0))).join("");
+}
+var y = [
+	{
+		name: "Afghanistan",
+		iso2: "af",
+		dialCode: "93"
+	},
+	{
+		name: "Albania",
+		iso2: "al",
+		dialCode: "355"
+	},
+	{
+		name: "Algeria",
+		iso2: "dz",
+		dialCode: "213"
+	},
+	{
+		name: "Argentina",
+		iso2: "ar",
+		dialCode: "54"
+	},
+	{
+		name: "Armenia",
+		iso2: "am",
+		dialCode: "374"
+	},
+	{
+		name: "Australia",
+		iso2: "au",
+		dialCode: "61",
+		format: ".... ... ..."
+	},
+	{
+		name: "Austria",
+		iso2: "at",
+		dialCode: "43"
+	},
+	{
+		name: "Azerbaijan",
+		iso2: "az",
+		dialCode: "994"
+	},
+	{
+		name: "Bahrain",
+		iso2: "bh",
+		dialCode: "973"
+	},
+	{
+		name: "Bangladesh",
+		iso2: "bd",
+		dialCode: "880"
+	},
+	{
+		name: "Belarus",
+		iso2: "by",
+		dialCode: "375"
+	},
+	{
+		name: "Belgium",
+		iso2: "be",
+		dialCode: "32"
+	},
+	{
+		name: "Bolivia",
+		iso2: "bo",
+		dialCode: "591"
+	},
+	{
+		name: "Bosnia and Herzegovina",
+		iso2: "ba",
+		dialCode: "387"
+	},
+	{
+		name: "Brazil",
+		iso2: "br",
+		dialCode: "55",
+		format: "(..) .....-....."
+	},
+	{
+		name: "Bulgaria",
+		iso2: "bg",
+		dialCode: "359"
+	},
+	{
+		name: "Cambodia",
+		iso2: "kh",
+		dialCode: "855"
+	},
+	{
+		name: "Cameroon",
+		iso2: "cm",
+		dialCode: "237"
+	},
+	{
+		name: "Canada",
+		iso2: "ca",
+		dialCode: "1",
+		format: "(...) ...-....."
+	},
+	{
+		name: "Chile",
+		iso2: "cl",
+		dialCode: "56"
+	},
+	{
+		name: "China",
+		iso2: "cn",
+		dialCode: "86",
+		format: "... .... ...."
+	},
+	{
+		name: "Colombia",
+		iso2: "co",
+		dialCode: "57"
+	},
+	{
+		name: "Costa Rica",
+		iso2: "cr",
+		dialCode: "506"
+	},
+	{
+		name: "Croatia",
+		iso2: "hr",
+		dialCode: "385"
+	},
+	{
+		name: "Cuba",
+		iso2: "cu",
+		dialCode: "53"
+	},
+	{
+		name: "Cyprus",
+		iso2: "cy",
+		dialCode: "357"
+	},
+	{
+		name: "Czech Republic",
+		iso2: "cz",
+		dialCode: "420"
+	},
+	{
+		name: "Denmark",
+		iso2: "dk",
+		dialCode: "45",
+		format: ".. .. .. .."
+	},
+	{
+		name: "Dominican Republic",
+		iso2: "do",
+		dialCode: "1"
+	},
+	{
+		name: "Ecuador",
+		iso2: "ec",
+		dialCode: "593"
+	},
+	{
+		name: "Egypt",
+		iso2: "eg",
+		dialCode: "20"
+	},
+	{
+		name: "El Salvador",
+		iso2: "sv",
+		dialCode: "503"
+	},
+	{
+		name: "Estonia",
+		iso2: "ee",
+		dialCode: "372"
+	},
+	{
+		name: "Ethiopia",
+		iso2: "et",
+		dialCode: "251"
+	},
+	{
+		name: "Finland",
+		iso2: "fi",
+		dialCode: "358"
+	},
+	{
+		name: "France",
+		iso2: "fr",
+		dialCode: "33",
+		format: ". .. .. .. .."
+	},
+	{
+		name: "Georgia",
+		iso2: "ge",
+		dialCode: "995"
+	},
+	{
+		name: "Germany",
+		iso2: "de",
+		dialCode: "49",
+		format: ".... ........"
+	},
+	{
+		name: "Ghana",
+		iso2: "gh",
+		dialCode: "233"
+	},
+	{
+		name: "Greece",
+		iso2: "gr",
+		dialCode: "30"
+	},
+	{
+		name: "Guatemala",
+		iso2: "gt",
+		dialCode: "502"
+	},
+	{
+		name: "Honduras",
+		iso2: "hn",
+		dialCode: "504"
+	},
+	{
+		name: "Hong Kong",
+		iso2: "hk",
+		dialCode: "852",
+		format: ".... ...."
+	},
+	{
+		name: "Hungary",
+		iso2: "hu",
+		dialCode: "36"
+	},
+	{
+		name: "Iceland",
+		iso2: "is",
+		dialCode: "354"
+	},
+	{
+		name: "India",
+		iso2: "in",
+		dialCode: "91",
+		format: "..... ....."
+	},
+	{
+		name: "Indonesia",
+		iso2: "id",
+		dialCode: "62"
+	},
+	{
+		name: "Iran",
+		iso2: "ir",
+		dialCode: "98"
+	},
+	{
+		name: "Iraq",
+		iso2: "iq",
+		dialCode: "964"
+	},
+	{
+		name: "Ireland",
+		iso2: "ie",
+		dialCode: "353"
+	},
+	{
+		name: "Israel",
+		iso2: "il",
+		dialCode: "972"
+	},
+	{
+		name: "Italy",
+		iso2: "it",
+		dialCode: "39",
+		format: "... ... ...."
+	},
+	{
+		name: "Jamaica",
+		iso2: "jm",
+		dialCode: "1"
+	},
+	{
+		name: "Japan",
+		iso2: "jp",
+		dialCode: "81",
+		format: ".. .... ...."
+	},
+	{
+		name: "Jordan",
+		iso2: "jo",
+		dialCode: "962"
+	},
+	{
+		name: "Kazakhstan",
+		iso2: "kz",
+		dialCode: "7"
+	},
+	{
+		name: "Kenya",
+		iso2: "ke",
+		dialCode: "254"
+	},
+	{
+		name: "Kuwait",
+		iso2: "kw",
+		dialCode: "965"
+	},
+	{
+		name: "Kyrgyzstan",
+		iso2: "kg",
+		dialCode: "996"
+	},
+	{
+		name: "Laos",
+		iso2: "la",
+		dialCode: "856"
+	},
+	{
+		name: "Latvia",
+		iso2: "lv",
+		dialCode: "371"
+	},
+	{
+		name: "Lebanon",
+		iso2: "lb",
+		dialCode: "961"
+	},
+	{
+		name: "Libya",
+		iso2: "ly",
+		dialCode: "218"
+	},
+	{
+		name: "Lithuania",
+		iso2: "lt",
+		dialCode: "370"
+	},
+	{
+		name: "Luxembourg",
+		iso2: "lu",
+		dialCode: "352"
+	},
+	{
+		name: "Macau",
+		iso2: "mo",
+		dialCode: "853"
+	},
+	{
+		name: "Malaysia",
+		iso2: "my",
+		dialCode: "60"
+	},
+	{
+		name: "Maldives",
+		iso2: "mv",
+		dialCode: "960"
+	},
+	{
+		name: "Malta",
+		iso2: "mt",
+		dialCode: "356"
+	},
+	{
+		name: "Mexico",
+		iso2: "mx",
+		dialCode: "52",
+		format: "... ... ...."
+	},
+	{
+		name: "Moldova",
+		iso2: "md",
+		dialCode: "373"
+	},
+	{
+		name: "Mongolia",
+		iso2: "mn",
+		dialCode: "976"
+	},
+	{
+		name: "Montenegro",
+		iso2: "me",
+		dialCode: "382"
+	},
+	{
+		name: "Morocco",
+		iso2: "ma",
+		dialCode: "212"
+	},
+	{
+		name: "Myanmar",
+		iso2: "mm",
+		dialCode: "95"
+	},
+	{
+		name: "Nepal",
+		iso2: "np",
+		dialCode: "977"
+	},
+	{
+		name: "Netherlands",
+		iso2: "nl",
+		dialCode: "31",
+		format: ".. ........"
+	},
+	{
+		name: "New Zealand",
+		iso2: "nz",
+		dialCode: "64"
+	},
+	{
+		name: "Nicaragua",
+		iso2: "ni",
+		dialCode: "505"
+	},
+	{
+		name: "Nigeria",
+		iso2: "ng",
+		dialCode: "234"
+	},
+	{
+		name: "North Korea",
+		iso2: "kp",
+		dialCode: "850"
+	},
+	{
+		name: "North Macedonia",
+		iso2: "mk",
+		dialCode: "389"
+	},
+	{
+		name: "Norway",
+		iso2: "no",
+		dialCode: "47",
+		format: "... .. ..."
+	},
+	{
+		name: "Oman",
+		iso2: "om",
+		dialCode: "968"
+	},
+	{
+		name: "Pakistan",
+		iso2: "pk",
+		dialCode: "92"
+	},
+	{
+		name: "Palestine",
+		iso2: "ps",
+		dialCode: "970"
+	},
+	{
+		name: "Panama",
+		iso2: "pa",
+		dialCode: "507"
+	},
+	{
+		name: "Paraguay",
+		iso2: "py",
+		dialCode: "595"
+	},
+	{
+		name: "Peru",
+		iso2: "pe",
+		dialCode: "51"
+	},
+	{
+		name: "Philippines",
+		iso2: "ph",
+		dialCode: "63"
+	},
+	{
+		name: "Poland",
+		iso2: "pl",
+		dialCode: "48"
+	},
+	{
+		name: "Portugal",
+		iso2: "pt",
+		dialCode: "351"
+	},
+	{
+		name: "Puerto Rico",
+		iso2: "pr",
+		dialCode: "1"
+	},
+	{
+		name: "Qatar",
+		iso2: "qa",
+		dialCode: "974"
+	},
+	{
+		name: "Romania",
+		iso2: "ro",
+		dialCode: "40"
+	},
+	{
+		name: "Russia",
+		iso2: "ru",
+		dialCode: "7",
+		format: "(...) ...-..-.."
+	},
+	{
+		name: "Saudi Arabia",
+		iso2: "sa",
+		dialCode: "966"
+	},
+	{
+		name: "Senegal",
+		iso2: "sn",
+		dialCode: "221"
+	},
+	{
+		name: "Serbia",
+		iso2: "rs",
+		dialCode: "381"
+	},
+	{
+		name: "Singapore",
+		iso2: "sg",
+		dialCode: "65",
+		format: ".... ...."
+	},
+	{
+		name: "Slovakia",
+		iso2: "sk",
+		dialCode: "421"
+	},
+	{
+		name: "Slovenia",
+		iso2: "si",
+		dialCode: "386"
+	},
+	{
+		name: "Somalia",
+		iso2: "so",
+		dialCode: "252"
+	},
+	{
+		name: "South Africa",
+		iso2: "za",
+		dialCode: "27"
+	},
+	{
+		name: "South Korea",
+		iso2: "kr",
+		dialCode: "82",
+		format: ".. .... ...."
+	},
+	{
+		name: "Spain",
+		iso2: "es",
+		dialCode: "34",
+		format: "... ... ..."
+	},
+	{
+		name: "Sri Lanka",
+		iso2: "lk",
+		dialCode: "94"
+	},
+	{
+		name: "Sudan",
+		iso2: "sd",
+		dialCode: "249"
+	},
+	{
+		name: "Sweden",
+		iso2: "se",
+		dialCode: "46"
+	},
+	{
+		name: "Switzerland",
+		iso2: "ch",
+		dialCode: "41"
+	},
+	{
+		name: "Syria",
+		iso2: "sy",
+		dialCode: "963"
+	},
+	{
+		name: "Taiwan",
+		iso2: "tw",
+		dialCode: "886"
+	},
+	{
+		name: "Tajikistan",
+		iso2: "tj",
+		dialCode: "992"
+	},
+	{
+		name: "Tanzania",
+		iso2: "tz",
+		dialCode: "255"
+	},
+	{
+		name: "Thailand",
+		iso2: "th",
+		dialCode: "66"
+	},
+	{
+		name: "Tunisia",
+		iso2: "tn",
+		dialCode: "216"
+	},
+	{
+		name: "Turkey",
+		iso2: "tr",
+		dialCode: "90",
+		format: "... ... .. .."
+	},
+	{
+		name: "Turkmenistan",
+		iso2: "tm",
+		dialCode: "993"
+	},
+	{
+		name: "Uganda",
+		iso2: "ug",
+		dialCode: "256"
+	},
+	{
+		name: "Ukraine",
+		iso2: "ua",
+		dialCode: "380"
+	},
+	{
+		name: "United Arab Emirates",
+		iso2: "ae",
+		dialCode: "971"
+	},
+	{
+		name: "United Kingdom",
+		iso2: "gb",
+		dialCode: "44",
+		format: ".... ......"
+	},
+	{
+		name: "United States",
+		iso2: "us",
+		dialCode: "1",
+		format: "(...) ...-....."
+	},
+	{
+		name: "Uruguay",
+		iso2: "uy",
+		dialCode: "598"
+	},
+	{
+		name: "Uzbekistan",
+		iso2: "uz",
+		dialCode: "998"
+	},
+	{
+		name: "Venezuela",
+		iso2: "ve",
+		dialCode: "58"
+	},
+	{
+		name: "Vietnam",
+		iso2: "vn",
+		dialCode: "84"
+	},
+	{
+		name: "Yemen",
+		iso2: "ye",
+		dialCode: "967"
+	},
+	{
+		name: "Zambia",
+		iso2: "zm",
+		dialCode: "260"
+	},
+	{
+		name: "Zimbabwe",
+		iso2: "zw",
+		dialCode: "263"
+	}
+].map((e) => ({
+	...e,
+	flag: v(e.iso2)
+}));
+function b(e) {
+	return y.find((t) => t.iso2 === e.toLowerCase());
+}
+function x(e) {
+	return y.find((t) => t.dialCode === e);
+}
+//#endregion
+//#region src/composables/useCountryDetection.ts
+var S = "https://ipapi.co/json/", C = "us";
+async function w() {
+	try {
+		let e = new AbortController(), t = setTimeout(() => e.abort(), 5e3), n = await fetch(S, { signal: e.signal });
+		if (clearTimeout(t), !n.ok) throw Error("IP lookup failed");
+		return b(((await n.json()).country_code ?? "").toLowerCase()) ?? b(C);
+	} catch {
+		return b(C);
+	}
+}
+function T(e) {
+	if (!e) return y;
+	let t = e.toLowerCase();
+	return y.filter((e) => e.name.toLowerCase().includes(t) || e.dialCode.includes(t) || e.iso2.includes(t));
+}
+//#endregion
+//#region src/composables/usePhoneValidation.ts
+var E = 4, D = 15;
+function O(e, t) {
+	if (!t || !e) return e;
+	let n = "", r = 0;
+	for (let i of t) {
+		if (r >= e.length) break;
+		i === "." ? n += e[r++] : n += i;
+	}
+	return r < e.length && (n += e.slice(r)), n;
+}
+function k(e) {
+	return e.replace(/\D/g, "");
+}
+function A(e, t) {
+	let n = k(e), r = t?.dialCode ?? "", i = r && n.startsWith(r) ? n.slice(r.length) : n, a = r ? `+${r}${i}` : `+${n}`, o = t?.format ? O(i, t.format) : i, s = r.length + i.length;
+	return {
+		valid: i.length >= E && s <= D && /^\d+$/.test(i),
+		formatted: o,
+		e164: a,
+		nationalNumber: i,
+		country: t
+	};
+}
+//#endregion
+//#region src/PhoneInput.vue?vue&type=script&setup=true&lang.ts
+var ie = ["tabindex", "onKeydown"], ae = { class: "vpi-flag" }, j = { class: "vpi-dial-code" }, oe = [
+	"value",
+	"placeholder",
+	"disabled",
+	"readonly"
+], se = ["onKeydown"], ce = ["onClick", "onMouseenter"], M = { class: "vpi-flag" }, N = { class: "vpi-country-name" }, P = { class: "vpi-country-code" }, F = /* @__PURE__ */ s({
+	__name: "PhoneInput",
+	props: {
+		modelValue: { default: "" },
+		defaultCountry: { default: "us" },
+		autoDetectCountry: {
+			type: Boolean,
+			default: !0
+		},
+		placeholder: { default: "Phone number" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		showValidation: {
+			type: Boolean,
+			default: !0
+		},
+		preferredCountries: { default: () => [] }
+	},
+	emits: [
+		"update:modelValue",
+		"country-changed",
+		"validate",
+		"focus",
+		"blur"
+	],
+	setup(s, { emit: v }) {
+		let x = s, S = v, C = f(b(x.defaultCountry) ?? null), E = f(""), D = f(!1), F = f(!1), I = f(!1), L = f(""), R = f(0), z = f({}), B = f(), V = f(), H = f(), U = f(), W = f(), G = n(() => {
+			let e = T(L.value);
+			if (x.preferredCountries.length > 0) {
+				let t = x.preferredCountries.map((e) => b(e)).filter(Boolean), n = e.filter((e) => !x.preferredCountries.includes(e.iso2));
+				e = [...t, ...n];
+			}
+			return e;
+		}), le = n(() => E.value ? C.value?.format ? O(E.value, C.value.format) : E.value : ""), K = n(() => A(E.value, C.value)), q = n(() => K.value.valid);
+		function ue(e) {
+			let t = e.target;
+			E.value = k(t.value), J();
+		}
+		function de(e) {
+			e.preventDefault();
+			let t = e.clipboardData?.getData("text") ?? "", n = k(t);
+			if (t.startsWith("+")) {
+				let e = n;
+				for (let t of y) if (e.startsWith(t.dialCode)) {
+					C.value = t, E.value = e.slice(t.dialCode.length), S("country-changed", t), J();
+					return;
+				}
+			}
+			E.value = n, J();
+		}
+		function fe(e) {
+			[
+				"Backspace",
+				"Delete",
+				"Tab",
+				"Escape",
+				"Enter",
+				"ArrowLeft",
+				"ArrowRight",
+				"ArrowUp",
+				"ArrowDown",
+				"Home",
+				"End"
+			].includes(e.key) || (e.ctrlKey || e.metaKey) && [
+				"a",
+				"c",
+				"v",
+				"x"
+			].includes(e.key.toLowerCase()) || /^\d$/.test(e.key) || e.preventDefault();
+		}
+		function pe() {
+			D.value = !0, S("focus");
+		}
+		function me() {
+			D.value = !1, F.value = !0, S("blur");
+		}
+		function J() {
+			let e = K.value;
+			S("update:modelValue", e.e164), S("validate", {
+				valid: e.valid,
+				e164: e.e164,
+				nationalNumber: e.nationalNumber
+			});
+		}
+		function Y() {
+			x.disabled || (I.value = !I.value, I.value && (ve(), c(() => U.value?.focus())));
+		}
+		function X() {
+			I.value = !1, L.value = "", R.value = 0;
+		}
+		function Z(e) {
+			C.value = e, X(), S("country-changed", e), J(), c(() => B.value?.focus());
+		}
+		function he() {
+			let e = G.value[R.value];
+			e && Z(e);
+		}
+		function ge() {
+			R.value < G.value.length - 1 && (R.value++, Q());
+		}
+		function _e() {
+			R.value > 0 && (R.value--, Q());
+		}
+		function Q() {
+			c(() => {
+				(W.value?.children[R.value])?.scrollIntoView({ block: "nearest" });
+			});
+		}
+		function ve() {
+			let e = V.value?.getBoundingClientRect();
+			if (!e) return;
+			let t = window.innerHeight - e.bottom < 300;
+			z.value = {
+				position: "fixed",
+				left: `${e.left}px`,
+				width: "280px",
+				zIndex: "9999",
+				...t ? { bottom: `${window.innerHeight - e.top + 4}px` } : { top: `${e.bottom + 4}px` }
+			};
+		}
+		function $(e) {
+			I.value && H.value && !H.value.contains(e.target) && !V.value?.contains(e.target) && X();
+		}
+		function ye(e) {
+			if (!e) return;
+			let t = k(e);
+			if (e.startsWith("+")) {
+				for (let e of y) if (t.startsWith(e.dialCode)) {
+					C.value = e, E.value = t.slice(e.dialCode.length);
+					return;
+				}
+			}
+			E.value = t;
+		}
+		return h(() => x.modelValue, (e) => {
+			ye(e);
+		}, { immediate: !0 }), h(() => x.defaultCountry, (e) => {
+			let t = b(e);
+			t && (C.value = t);
+		}), u(async () => {
+			document.addEventListener("click", $), x.autoDetectCountry && !x.modelValue && (C.value = await w());
+		}), te(() => {
+			document.removeEventListener("click", $);
+		}), (n, c) => (d(), a("div", { class: l(["vpi-wrapper", {
+			"vpi-focused": D.value,
+			"vpi-invalid": !q.value && F.value,
+			"vpi-disabled": s.disabled
+		}]) }, [
+			o("div", {
+				class: "vpi-country",
+				onClick: Y,
+				ref_key: "countryBtnRef",
+				ref: V,
+				tabindex: s.disabled ? -1 : 0,
+				onKeydown: [g(_(Y, ["prevent"]), ["enter"]), g(_(Y, ["prevent"]), ["space"])]
+			}, [
+				o("span", ae, m(C.value?.flag), 1),
+				o("span", j, "+" + m(C.value?.dialCode), 1),
+				c[1] ||= o("span", { class: "vpi-arrow" }, "▾", -1)
+			], 40, ie),
+			o("input", {
+				ref_key: "inputRef",
+				ref: B,
+				type: "tel",
+				value: le.value,
+				placeholder: s.placeholder,
+				disabled: s.disabled,
+				readonly: s.readonly,
+				class: "vpi-input",
+				onInput: ue,
+				onFocus: pe,
+				onBlur: me,
+				onPaste: de,
+				onKeydown: fe
+			}, null, 40, oe),
+			F.value && s.showValidation ? (d(), a("span", {
+				key: 0,
+				class: l(["vpi-validation", q.value ? "vpi-valid" : "vpi-error"])
+			}, m(q.value ? "✓" : "✗"), 3)) : i("", !0),
+			(d(), r(t, { to: "body" }, [I.value ? (d(), a("div", {
+				key: 0,
+				class: "vpi-dropdown",
+				ref_key: "dropdownRef",
+				ref: H,
+				style: ee(z.value)
+			}, [re(o("input", {
+				ref_key: "searchRef",
+				ref: U,
+				type: "text",
+				class: "vpi-search",
+				"onUpdate:modelValue": c[0] ||= (e) => L.value = e,
+				placeholder: "Search country...",
+				onKeydown: [
+					g(X, ["escape"]),
+					g(_(ge, ["prevent"]), ["down"]),
+					g(_(_e, ["prevent"]), ["up"]),
+					g(_(he, ["prevent"]), ["enter"])
+				]
+			}, null, 40, se), [[ne, L.value]]), o("ul", {
+				class: "vpi-country-list",
+				ref_key: "listRef",
+				ref: W
+			}, [(d(!0), a(e, null, p(G.value, (e, t) => (d(), a("li", {
+				key: e.iso2,
+				class: l(["vpi-country-item", { "vpi-highlighted": t === R.value }]),
+				onClick: (t) => Z(e),
+				onMouseenter: (e) => R.value = t
+			}, [
+				o("span", M, m(e.flag), 1),
+				o("span", N, m(e.name), 1),
+				o("span", P, "+" + m(e.dialCode), 1)
+			], 42, ce))), 128))], 512)], 4)) : i("", !0)]))
+		], 2));
+	}
+});
+//#endregion
+export { F as PhoneInput, y as countries, w as detectCountryFromIP, x as findCountryByDialCode, b as findCountryByIso2, O as formatPhoneNumber, T as searchCountries, k as stripNonDigits, A as validatePhone };

package/dist/vue-smart-phone-input.css

@@ -0,0 +1,2 @@
+.vpi-wrapper{background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s;display:inline-flex;overflow:visible}.vpi-wrapper:hover{border-color:#9ca3af}.vpi-focused{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.vpi-invalid{border-color:#ef4444}.vpi-invalid.vpi-focused{box-shadow:0 0 0 3px #ef444426}.vpi-disabled{opacity:.5;pointer-events:none;background:#f9fafb}.vpi-country{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-right:1px solid #e5e7eb;align-items:center;gap:4px;padding:8px 8px 8px 12px;display:flex}.vpi-country:hover{background:#f3f4f6}.vpi-flag{font-size:18px;line-height:1}.vpi-dial-code{color:#6b7280;font-size:13px}.vpi-arrow{color:#9ca3af;margin-left:2px;font-size:10px}.vpi-input{background:0 0;border:none;outline:none;flex:1;min-width:0;padding:8px 12px;font-family:inherit;font-size:14px}.vpi-input::placeholder{color:#9ca3af}.vpi-validation{padding:0 10px;font-size:16px;font-weight:700}.vpi-valid{color:#22c55e}.vpi-error{color:#ef4444}.vpi-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;box-shadow:0 10px 25px #0000001f}.vpi-search{box-sizing:border-box;border:none;border-bottom:1px solid #e5e7eb;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.vpi-search::placeholder{color:#9ca3af}.vpi-country-list{max-height:250px;margin:0;padding:4px 0;list-style:none;overflow-y:auto}.vpi-country-item{cursor:pointer;align-items:center;gap:8px;padding:8px 12px;transition:background .1s;display:flex}.vpi-country-item:hover,.vpi-highlighted{background:#f3f4f6}.vpi-country-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.vpi-country-code{color:#6b7280;flex-shrink:0;font-size:12px}
+/*$vite$:1*/

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "vue-smart-phone-input",
+  "version": "1.0.0",
+  "description": "Vue 3 international phone number input with country flags, auto-formatting, validation, and country auto-detection",
+  "type": "module",
+  "main": "./dist/vue-phone-input.cjs",
+  "module": "./dist/vue-phone-input.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/vue-phone-input.mjs",
+      "require": "./dist/vue-phone-input.cjs",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "vite build && vue-tsc --declaration --emitDeclarationOnly --outDir dist",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "vue",
+    "vue3",
+    "phone",
+    "phone-input",
+    "telephone",
+    "international",
+    "country-code",
+    "phone-number",
+    "input",
+    "component",
+    "validation",
+    "flags"
+  ],
+  "author": "rstar327",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/rstar327/vue-phone-input"
+  },
+  "homepage": "https://github.com/rstar327/vue-phone-input#readme",
+  "peerDependencies": {
+    "vue": "^3.3.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.5",
+    "typescript": "^6.0.2",
+    "vite": "^8.0.3",
+    "vue": "^3.5.31",
+    "vue-tsc": "^3.2.6"
+  }
+}