svelte-tel-input 0.6.3 → 0.7.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # svelte-tel-input
 
+## 0.7.0
+
+### Minor Changes
+
+- feat: example page payload feature, parsing improvements" ([#68](https://github.com/gyurielf/svelte-tel-input/pull/68))
+
+## 0.6.5
+
+### Patch Changes
+
+- fix: add changeset ([#61](https://github.com/gyurielf/svelte-tel-input/pull/61))
+
+## 0.6.4
+
+### Patch Changes
+
+- chore: update to vite 3 ([#58](https://github.com/gyurielf/svelte-tel-input/pull/58))
+
 ## 0.6.3
 
 ### Patch Changes

package/README.md

@@ -1,6 +1,6 @@
 # Svelte Tel Input
 
-## Under heavy development!
+## Under development!
 
 <ins>Do not use it before 1.0, it won't works properly!</ins>
 

package/assets/allCountry.d.ts

@@ -1,3 +1,2 @@
-import type { Country } from '../models/interfaces/Country.interface';
-declare const restructuredCountries: Country[];
-export default restructuredCountries;
+import type { Country } from '../types/interfaces/Country.interface';
+export declare const normalizedCountries: Country[];

package/assets/allCountry.js

@@ -294,13 +294,12 @@ const allCountries = [
     ['Zimbabwe', 'zw', '263'],
     ['Åland Islands', 'ax', '358', 1, ['18']]
 ];
-const restructuredCountries = allCountries.map((country) => {
+export const normalizedCountries = allCountries.map((country) => {
     return {
         name: country[0],
-        iso2: country[1],
+        iso2: country[1].toUpperCase(),
         dialCode: country[2],
         priority: country[3] || 0,
         areaCodes: country[4] || null
     };
 });
-export default restructuredCountries;

package/assets/countries_deprecated.d.ts

@@ -0,0 +1 @@
+export declare const rawCountries: (string | number | string[])[][];

package/assets/{countries.js → countries_deprecated.js}

@@ -15,7 +15,7 @@
 // Sub-regions:
 // ['north-america', 'south-america', 'central-america', 'carribean',
 //  'eu-union', 'ex-ussr', 'ex-yugos', 'baltic', 'middle-east', 'north-africa']
-const rawCountries = [
+export const rawCountries = [
     ['Afghanistan', ['asia'], 'af', '93'],
     ['Albania', ['europe'], 'al', '355'],
     ['Algeria', ['africa', 'north-africa'], 'dz', '213'],
@@ -600,4 +600,3 @@ const rawCountries = [
     ['Zambia', ['africa'], 'zm', '260'],
     ['Zimbabwe', ['africa'], 'zw', '263']
 ];
-export default rawCountries;

package/assets/index.d.ts

@@ -0,0 +1,3 @@
+export { normalizedCountries } from './allCountry';
+export { telTypes } from './telTypes';
+export { rawRegions } from './regions';

package/assets/index.js

@@ -0,0 +1,3 @@
+export { normalizedCountries } from './allCountry';
+export { telTypes } from './telTypes';
+export { rawRegions } from './regions';

package/assets/regions.d.ts

@@ -1,2 +1 @@
-declare const rawTerritories: (string | number | string[])[][];
-export default rawTerritories;
+export declare const rawRegions: (string | number | string[])[][];

package/assets/regions.js

@@ -15,7 +15,7 @@
 // Sub-regions:
 // ['north-america', 'south-america', 'central-america', 'carribean',
 //  'eu-union', 'ex-ussr', 'ex-yugos', 'baltic', 'middle-east', 'north-africa']
-const rawTerritories = [
+export const rawRegions = [
     ['American Samoa', ['oceania'], 'as', '1684'],
     ['Anguilla', ['america', 'carribean'], 'ai', '1264'],
     ['Bermuda', ['america', 'north-america'], 'bm', '1441'],
@@ -41,4 +41,3 @@ const rawTerritories = [
     ['U.S. Virgin Islands', ['america', 'carribean'], 'vi', '1340'],
     ['Wallis and Futuna', ['oceania'], 'wf', '681']
 ];
-export default rawTerritories;

package/assets/telTypes.d.ts

@@ -0,0 +1,5 @@
+export declare const telTypes: {
+    id: string;
+    value: string;
+    label: string;
+}[];

package/assets/telTypes.js

@@ -0,0 +1,16 @@
+import { capitalize } from '../utils/helpers';
+export const telTypes = [
+    'PREMIUM_RATE',
+    'TOLL_FREE',
+    'SHARED_COST',
+    'VOIP',
+    'PERSONAL_NUMBER',
+    'PAGER',
+    'UAN',
+    'VOICEMAIL',
+    'FIXED_LINE_OR_MOBILE',
+    'FIXED_LINE',
+    'MOBILE'
+].map((el) => {
+    return { id: el, value: el, label: capitalize(el.split('_').join(' ')) };
+});

package/components/Input/TelInput.svelte

@@ -1,23 +1,32 @@
 <script>import { enteredTelInputStore } from '../../stores';
+import { PhoneNumberParseError } from '../../types';
 import { parsePhoneNumberWithError, ParseError } from 'libphonenumber-js';
-export let enteredTelInput;
+export let defaultCountry = null;
+export let phoneInput = null;
+export let parsedPhoneInput = null;
+export let error = null;
+export let disabled = false;
+export let id = null;
+export let name = null;
 const handleInput = (event) => {
     const inputVal = event.target.value;
-    enteredTelInput = inputVal;
+    phoneInput = inputVal;
     $enteredTelInputStore = inputVal;
     try {
-        const phoneNumber = parsePhoneNumberWithError(inputVal);
+        parsedPhoneInput = parsePhoneNumberWithError(inputVal, defaultCountry || undefined);
+        error = null;
     }
-    catch (error) {
-        if (error instanceof ParseError) {
+    catch (err) {
+        if (err instanceof ParseError) {
             // Not a phone number, non-existent country, etc.
-            console.log(error.message);
+            parsedPhoneInput = null;
+            error = PhoneNumberParseError[err.message];
         }
         else {
-            throw error;
+            throw err;
         }
     }
 };
 </script>
 
-<input class={$$props.class} type="tel" on:input={handleInput} />
+<input {id} {name} class={$$props.class} {disabled} type="tel" on:input={handleInput} />

package/components/Input/TelInput.svelte.d.ts

@@ -1,8 +1,16 @@
 import { SvelteComponentTyped } from "svelte";
+import { PhoneNumberParseError } from '../../types';
+import { type CountryCode, type PhoneNumber } from 'libphonenumber-js';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        enteredTelInput: string;
+        defaultCountry?: CountryCode | null | undefined;
+        phoneInput?: string | null | undefined;
+        parsedPhoneInput?: PhoneNumber | null | undefined;
+        error?: PhoneNumberParseError | null | undefined;
+        disabled?: boolean | undefined;
+        id?: string | null | undefined;
+        name?: string | null | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/components/Select/Select.svelte

@@ -4,6 +4,7 @@ export let selectOptions = {
     flags: true
 };
 export let items;
+export let clickOutside = true;
 let isOpen = false;
 let enteredSearch;
 const toggleSelect = (e) => {
@@ -14,9 +15,15 @@ const closeSelect = (e) => {
     e?.preventDefault();
     isOpen = false;
 };
+const handleClickOutside = (e) => {
+    e?.preventDefault();
+    if (clickOutside) {
+        closeSelect(e);
+    }
+};
 </script>
 
-<div class="select cursor-pointer" use:clickOutsideAction={closeSelect}>
+<div class="select cursor-pointer" use:clickOutsideAction={handleClickOutside}>
 	<div on:click={() => toggleSelect()}>CHOOSE</div>
 	{#if isOpen}
 		<ul class="border border-gray-900 max-h-40 w-fit overflow-y-scroll">
@@ -37,5 +44,3 @@ const closeSelect = (e) => {
 		</ul>
 	{/if}
 </div>
-
-<style></style>

package/components/Select/Select.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
-import type { Country } from '../../models/interfaces/Country.interface';
+import type { Country } from '../../types/interfaces/Country.interface';
 declare const __propDef: {
     props: {
         selectOptions?: {
@@ -7,6 +7,7 @@ declare const __propDef: {
             flags: boolean;
         } | undefined;
         items: Country[];
+        clickOutside?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/components/Select/TelCountrySelect/TelCountrySelect.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        selectedCountry: string;
+        selectedCountry: string | null;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/components/Select/TelRegionSelect/TelRegionSelectOption.svelte.d.ts

@@ -1,9 +1,9 @@
 import { SvelteComponentTyped } from "svelte";
-import type { SelectObject } from '../../../models/interfaces/Select.interface';
+import type { TelSelectObject } from '../../../types/interfaces/Select.interface';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        regionOption: SelectObject;
+        regionOption: TelSelectObject;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/components/Select/TelTypeSelect/TelTypeSelect.svelte

@@ -1,5 +1,5 @@
 <script>import { selectedTelTypeStore } from '../../../stores';
-export let selectedTelType;
+export let selectedTelType = null;
 const setSelectedCountry = (value) => {
     selectedTelType = value;
     $selectedTelTypeStore = value;

package/components/Select/TelTypeSelect/TelTypeSelect.svelte.d.ts

@@ -1,9 +1,9 @@
 import { SvelteComponentTyped } from "svelte";
-import type { SelectType } from '../../../models/types/Select.type';
+import type { SelectType } from '../../../types/Select.type';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        selectedTelType: SelectType;
+        selectedTelType?: SelectType | null | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/components/Select/TelTypeSelect/TelTypeSelectOption.svelte.d.ts

@@ -1,9 +1,9 @@
 import { SvelteComponentTyped } from "svelte";
-import type { SelectObject } from '../../../models/interfaces/Select.interface';
+import type { TelSelectObject } from '../../../types/interfaces/Select.interface';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        typeOption: SelectObject;
+        typeOption: TelSelectObject;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "svelte-tel-input",
   "description": "svelte-tel-input",
-  "version": "0.6.3",
+  "version": "0.7.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/gyurielf/svelte-tel-input.git"
@@ -21,27 +21,27 @@
     "node": ">= 16"
   },
   "dependencies": {
-    "libphonenumber-js": "^1.10.7"
+    "libphonenumber-js": "^1.10.9"
   },
   "devDependencies": {
-    "@babel/core": "^7.18.6",
-    "@babel/preset-env": "^7.18.6",
-    "@changesets/cli": "^2.23.1",
+    "@babel/core": "^7.18.9",
+    "@babel/preset-env": "^7.18.9",
+    "@changesets/cli": "^2.24.0",
     "@changesets/get-github-info": "^0.5.1",
-    "@changesets/types": "^5.0.0",
-    "@sveltejs/adapter-static": "^1.0.0-next.35",
-    "@sveltejs/kit": "^1.0.0-next.367",
+    "@changesets/types": "^5.1.0",
+    "@sveltejs/adapter-static": "^1.0.0-next.38",
+    "@sveltejs/kit": "^1.0.0-next.388",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/svelte": "^3.1.3",
     "@types/jest": "^28.1.4",
-    "@typescript-eslint/eslint-plugin": "^5.30.5",
-    "@typescript-eslint/parser": "^5.30.5",
+    "@typescript-eslint/eslint-plugin": "^5.30.7",
+    "@typescript-eslint/parser": "^5.30.7",
     "autoprefixer": "^10.4.7",
     "babel-jest": "^28.1.2",
     "babel-loader": "^8.2.5",
     "cssnano": "^5.1.12",
     "dotenv": "^16.0.1",
-    "eslint": "^8.19.0",
+    "eslint": "^8.20.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-jest": "^26.5.3",
     "eslint-plugin-svelte3": "^4.0.0",
@@ -59,8 +59,8 @@
     "svelte-jester": "^2.3.2",
     "svelte-loader": "^3.1.3",
     "svelte-preprocess": "^4.10.7",
-    "svelte2tsx": "^0.5.11",
-    "tailwindcss": "^3.1.5",
+    "svelte2tsx": "^0.5.12",
+    "tailwindcss": "^3.1.6",
     "ts-jest": "^28.0.5",
     "tsconfig-paths-webpack-plugin": "^3.5.2",
     "tslib": "^2.4.0",
@@ -139,8 +139,10 @@
   "exports": {
     "./package.json": "./package.json",
     "./assets/allCountry": "./assets/allCountry.js",
-    "./assets/countries": "./assets/countries.js",
+    "./assets/countries_deprecated": "./assets/countries_deprecated.js",
+    "./assets": "./assets/index.js",
     "./assets/regions": "./assets/regions.js",
+    "./assets/telTypes": "./assets/telTypes.js",
     "./components/Input/TelInput.svelte": "./components/Input/TelInput.svelte",
     "./components/Select/Select.svelte": "./components/Select/Select.svelte",
     "./components/Select/SelectListItem.svelte": "./components/Select/SelectListItem.svelte",
@@ -150,18 +152,22 @@
     "./components/Select/TelTypeSelect/TelTypeSelect.svelte": "./components/Select/TelTypeSelect/TelTypeSelect.svelte",
     "./components/Select/TelTypeSelect/TelTypeSelectOption.svelte": "./components/Select/TelTypeSelect/TelTypeSelectOption.svelte",
     ".": "./index.js",
-    "./models/enums/PhoneType.enum": "./models/enums/PhoneType.enum.js",
-    "./models/enums": "./models/enums/index.js",
-    "./models": "./models/index.js",
-    "./models/interfaces/Country.interface": "./models/interfaces/Country.interface.js",
-    "./models/interfaces/Select.interface": "./models/interfaces/Select.interface.js",
-    "./models/types/DynamicSvelteComponent.type": "./models/types/DynamicSvelteComponent.type.js",
-    "./models/types/Select.type": "./models/types/Select.type.js",
     "./stores": "./stores/index.js",
+    "./types/DynamicSvelteComponent.type": "./types/DynamicSvelteComponent.type.js",
+    "./types/Select.type": "./types/Select.type.js",
+    "./types/enums/PhoneNumberParseError.enum": "./types/enums/PhoneNumberParseError.enum.js",
+    "./types/enums/PhoneType.enum": "./types/enums/PhoneType.enum.js",
+    "./types/enums": "./types/enums/index.js",
+    "./types": "./types/index.js",
+    "./types/interfaces/Country.interface": "./types/interfaces/Country.interface.js",
+    "./types/interfaces/Phone.interface": "./types/interfaces/Phone.interface.js",
+    "./types/interfaces/Select.interface": "./types/interfaces/Select.interface.js",
+    "./types/interfaces": "./types/interfaces/index.js",
     "./utils/api": "./utils/api.js",
     "./utils/directives/clickOutsideAction": "./utils/directives/clickOutsideAction.js",
     "./utils/helpers": "./utils/helpers.js",
     "./utils/simulator": "./utils/simulator.js",
-    "./utils/typeCheck": "./utils/typeCheck.js"
+    "./utils/typeCheck": "./utils/typeCheck.js",
+    "./views/Usage.svelte": "./views/Usage.svelte"
   }
 }

package/stores/index.d.ts

@@ -1,5 +1,5 @@
 import type { Writable } from 'svelte/store';
-import type { SelectType } from '../models/types/Select.type';
+import type { SelectType } from '../types';
 export declare const booleanStore: (initial: boolean) => {
     isOpen: Writable<boolean>;
     open: () => void;

package/types/Select.type.d.ts

@@ -0,0 +1,2 @@
+import type { TelSelectObject } from './interfaces/Select.interface';
+export declare type SelectType = TelSelectObject | (string | number);

package/types/enums/PhoneNumberParseError.enum.d.ts

@@ -0,0 +1,6 @@
+export declare enum PhoneNumberParseError {
+    NOT_A_NUMBER = "NOT_A_NUMBER",
+    INVALID_COUNTRY = "INVALID_COUNTRY",
+    TOO_SHORT = "TOO_SHORT",
+    TOO_LONG = "TOO_LONG"
+}

package/types/enums/PhoneNumberParseError.enum.js

@@ -0,0 +1,7 @@
+export var PhoneNumberParseError;
+(function (PhoneNumberParseError) {
+    PhoneNumberParseError["NOT_A_NUMBER"] = "NOT_A_NUMBER";
+    PhoneNumberParseError["INVALID_COUNTRY"] = "INVALID_COUNTRY";
+    PhoneNumberParseError["TOO_SHORT"] = "TOO_SHORT";
+    PhoneNumberParseError["TOO_LONG"] = "TOO_LONG";
+})(PhoneNumberParseError || (PhoneNumberParseError = {}));

package/types/enums/index.d.ts

@@ -0,0 +1,2 @@
+export { PhoneType } from './PhoneType.enum';
+export { PhoneNumberParseError } from './PhoneNumberParseError.enum';

package/types/enums/index.js

@@ -0,0 +1,2 @@
+export { PhoneType } from './PhoneType.enum';
+export { PhoneNumberParseError } from './PhoneNumberParseError.enum';

package/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './enums';
+export * from './interfaces';
+export type { DynamicSvelteComponent } from './DynamicSvelteComponent.type';
+export type { SelectType } from './Select.type';

package/types/index.js

@@ -0,0 +1,2 @@
+export * from './enums';
+export * from './interfaces';

package/{models → types}/interfaces/Country.interface.d.ts

@@ -1,6 +1,7 @@
+import type { CountryCode } from 'libphonenumber-js';
 export interface Country {
     name: string;
-    iso2: string | number | string[];
+    iso2: CountryCode;
     dialCode: string | number | string[];
     priority: string | number | string[];
     areaCodes: string | number | string[] | null;

package/types/interfaces/Phone.interface.d.ts

@@ -0,0 +1,5 @@
+import type { PhoneNumberParseError } from '../enums';
+export interface PhoneNumberError {
+    isValid: false;
+    error: PhoneNumberParseError;
+}

package/types/interfaces/Select.interface.d.ts

@@ -0,0 +1,5 @@
+export interface TelSelectObject {
+    id: string;
+    label: string;
+    value: string | number;
+}

package/types/interfaces/Select.interface.js

@@ -0,0 +1 @@
+export {};

package/types/interfaces/index.d.ts

@@ -0,0 +1,3 @@
+export type { Country } from './Country.interface';
+export type { TelSelectObject } from './Select.interface';
+export type { PhoneNumberError } from './Phone.interface';

package/types/interfaces/index.js

@@ -0,0 +1 @@
+export {};

package/utils/helpers.d.ts

@@ -1,2 +1,6 @@
+import type { PhoneNumber } from 'libphonenumber-js';
 export declare const capitalize: (str: string) => string;
 export declare const getCurrentCountry: () => Promise<string>;
+export declare const normalizePhoneInput: (input: PhoneNumber | null) => {
+    [k: string]: string | boolean | import("libphonenumber-js").E164Number | import("libphonenumber-js").CountryCallingCode | import("libphonenumber-js").NationalNumber | null | undefined;
+};

package/utils/helpers.js

@@ -2,10 +2,31 @@ export const capitalize = (str) => {
     return (str && str[0].toUpperCase() + str.slice(1).toLowerCase()) || '';
 };
 export const getCurrentCountry = async () => {
-    const response = await (await fetch('https://ip2c.org/s')).text();
-    const result = (response || '').toString();
-    if (!result || result[0] !== '1') {
+    try {
+        const response = await (await fetch('https://ip2c.org/s')).text();
+        const result = (response || '').toString();
+        if (!result || result[0] !== '1') {
+            throw new Error('Unable to fetch the country');
+        }
+        return result.substring(2, 4);
+    }
+    catch (error) {
         throw new Error('Unable to fetch the country');
     }
-    return result.substring(2, 4);
+};
+export const normalizePhoneInput = (input) => {
+    const resultObject = {
+        countryCode: input ? input.country : null,
+        isValid: input ? input.isValid() : false,
+        phoneNumber: input ? input.number : null,
+        countryCallingCode: input ? input.countryCallingCode : null,
+        formattedNumber: input ? input.formatInternational() : null,
+        nationalNumber: input ? input.nationalNumber : null,
+        formatInternational: input ? input.formatInternational() : null,
+        formatNational: input ? input.formatNational() : null,
+        uri: input ? input.getURI() : null,
+        e164: input ? input.number : null
+    };
+    const filteredResult = Object.fromEntries(Object.entries(resultObject).filter(([key, value]) => value !== null));
+    return filteredResult;
 };

package/utils/typeCheck.d.ts

@@ -1,4 +1,4 @@
-import type { DynamicSvelteComponent } from '../models/types/DynamicSvelteComponent.type';
+import type { DynamicSvelteComponent } from '../types/DynamicSvelteComponent.type';
 export declare const isDynamicComponent: (item: unknown) => item is DynamicSvelteComponent;
 export declare const isStringArray: (items: unknown) => items is string[];
 export declare const isDynamicComponentArray: (items: unknown) => items is DynamicSvelteComponent[];

package/views/Usage.svelte

@@ -0,0 +1,55 @@
+<script>import { onMount } from 'svelte';
+import CountrySelect from '../components/Select/TelCountrySelect/TelCountrySelect.svelte';
+import TelTypeSelect from '../components/Select/TelTypeSelect/TelTypeSelect.svelte';
+import TelTypeSelectOption from '../components/Select/TelTypeSelect/TelTypeSelectOption.svelte';
+import TelInput from '../components/Input/TelInput.svelte';
+import { getCountries } from 'libphonenumber-js';
+import { getCurrentCountry } from '../utils/helpers';
+// Assets
+import { telTypes } from '../assets/telTypes';
+// Tel input
+let phoneInput;
+// Countries
+const countries = getCountries();
+let selectedCountry = null;
+// Validity of inputs
+let dataIsValid = {
+    enteredTelInput: true
+};
+// TODO >> sort and order option for telTypes.
+let selectedTelType = null;
+export let data;
+onMount(async () => {
+    // Get current country on initialization
+    const currentCountry = await getCurrentCountry();
+    if (currentCountry.length === 2)
+        selectedCountry = currentCountry;
+});
+</script>
+
+<!-- Whis way you can build your own country select component. You can both style and add your own logic. -->
+<CountrySelect bind:selectedCountry class="text-gray-800 rounded-sm py-2">
+	<svelte:fragment slot="options">
+		<option value="" class="my-2" selected={true} hidden={true}>Choose here</option>
+		{#each countries as country (country)}
+			<option class="text-red-500" value={country}>{country}</option>
+		{/each}
+	</svelte:fragment>
+</CountrySelect>
+
+<TelTypeSelect bind:selectedTelType class="text-gray-800 rounded-sm">
+	<svelte:fragment slot="options">
+		<option value="" selected={true} hidden={true}>Choose here</option>
+		{#each telTypes as telType (telType.id)}
+			<TelTypeSelectOption class="text-red-500" typeOption={telType} />
+		{/each}
+	</svelte:fragment>
+</TelTypeSelect>
+
+<TelInput
+	bind:parsedPhoneInput={data}
+	bind:phoneInput
+	class="px-4 py-1 text-gray-900 focus:outline-none rounded-sm {dataIsValid.enteredTelInput
+		? ' border-none border-0'
+		: 'border-2 border-red-600'}"
+/>

package/views/Usage.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+import { type PhoneNumber } from 'libphonenumber-js';
+declare const __propDef: {
+    props: {
+        data: PhoneNumber;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type UsageProps = typeof __propDef.props;
+export declare type UsageEvents = typeof __propDef.events;
+export declare type UsageSlots = typeof __propDef.slots;
+export default class Usage extends SvelteComponentTyped<UsageProps, UsageEvents, UsageSlots> {
+}
+export {};

package/assets/countries.d.ts

@@ -1,2 +0,0 @@
-declare const rawCountries: (string | number | string[])[][];
-export default rawCountries;

package/models/enums/index.d.ts

@@ -1 +0,0 @@
-export * from './PhoneType.enum';

package/models/enums/index.js

@@ -1 +0,0 @@
-export * from './PhoneType.enum';

package/models/index.d.ts

@@ -1 +0,0 @@
-export * from './enums';

package/models/index.js

@@ -1 +0,0 @@
-export * from './enums';

package/models/interfaces/Select.interface.d.ts

@@ -1,5 +0,0 @@
-export interface SelectObject {
-    id?: string | number;
-    label: string;
-    value: string | number;
-}

package/models/types/Select.type.d.ts

@@ -1,2 +0,0 @@
-import type { SelectObject } from '../interfaces/Select.interface';
-export declare type SelectType = SelectObject | (string | number);