@desource/phone-mask-vue 0.2.0

package/dist/phone-mask-vue.css

@@ -0,0 +1,362 @@
+.phone-input,
+.phone-dropdown {
+  --pi-bg: #ffffff;
+  --pi-fg: #111827;
+  --pi-muted: #6b7280;
+  --pi-border: #e5e7eb;
+  --pi-border-hover: #d1d5db;
+  --pi-border-focus: #3b82f6;
+  --pi-radius: 8px;
+  --pi-padding: 12px;
+  --pi-font-size: 16px;
+  --pi-height: 44px;
+  --pi-actions-size: 32px;
+  --pi-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --pi-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.05);
+  --pi-warning: #f59e0b;
+  --pi-warning-light: #fbbf24;
+  --pi-success: #10b981;
+  --pi-focus-ring: 3px solid rgb(59 130 246 / 0.15);
+  --pi-focus-ring-warning: 3px solid rgb(245 158 11 / 0.15);
+  --pi-focus-ring-success: 3px solid rgb(16 185 129 / 0.15);
+  --pi-disabled-bg: #f9fafb;
+  --pi-disabled-fg: #9ca3af;
+}
+.phone-input.theme-dark,
+.phone-dropdown.theme-dark {
+  --pi-bg: #1f2937;
+  --pi-fg: #f9fafb;
+  --pi-muted: #9ca3af;
+  --pi-border: #374151;
+  --pi-border-hover: #4b5563;
+  --pi-border-focus: #60a5fa;
+  --pi-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.3);
+  --pi-shadow-lg: 0 20px 25px -5px rgb(0 0 0 / 0.3), 0 10px 10px -5px rgb(0 0 0 / 0.2);
+  --pi-warning: #fbbf24;
+  --pi-warning-light: #fcd34d;
+  --pi-focus-ring: 3px solid rgb(96 165 250 / 0.2);
+  --pi-focus-ring-warning: 3px solid rgb(251 191 24 / 0.2);
+  --pi-focus-ring-success: 3px solid rgb(16 185 129 / 0.2);
+  --pi-disabled-bg: #374151;
+}
+.phone-input *,
+.phone-input *::before,
+.phone-input *::after,
+.phone-dropdown *,
+.phone-dropdown *::before,
+.phone-dropdown *::after {
+  box-sizing: border-box;
+}
+.phone-input button,
+.phone-input input,
+.phone-dropdown button,
+.phone-dropdown input {
+  margin: 0;
+  padding: 0;
+  border: none;
+  background: none;
+  font: inherit;
+  color: inherit;
+}
+.phone-input button,
+.phone-dropdown button {
+  cursor: pointer;
+}
+.phone-input button:disabled,
+.phone-dropdown button:disabled {
+  cursor: not-allowed;
+}
+.phone-input input,
+.phone-dropdown input {
+  outline: none;
+}
+.phone-input input::placeholder,
+.phone-dropdown input::placeholder {
+  opacity: 0.5;
+}
+.phone-input input:disabled,
+.phone-dropdown input:disabled {
+  cursor: not-allowed;
+}.phone-input[data-v-cd4ff552],
+.phone-dropdown[data-v-cd4ff552] {
+  font-size: var(--pi-font-size);
+  background: var(--pi-bg);
+  color: var(--pi-fg);
+  border-radius: var(--pi-radius);
+  border: 1px solid var(--pi-border);
+}
+.phone-input[data-v-cd4ff552] {
+  position: relative;
+  display: flex;
+  align-items: stretch;
+  width: 100%;
+}
+.phone-input[data-v-cd4ff552]:focus-within {
+  outline: var(--pi-focus-ring);
+}
+.phone-input.is-incomplete[data-v-cd4ff552] {
+  border-color: var(--pi-warning);
+}
+.phone-input.is-incomplete[data-v-cd4ff552]:focus-within {
+  outline: var(--pi-focus-ring-warning);
+}
+.phone-input.is-complete[data-v-cd4ff552] {
+  border-color: var(--pi-success);
+}
+.phone-input.is-complete[data-v-cd4ff552]:focus-within {
+  outline: var(--pi-focus-ring-success);
+}
+.phone-input.is-disabled[data-v-cd4ff552] {
+  background: var(--pi-disabled-bg);
+  color: var(--pi-disabled-fg);
+}
+.phone-input.is-readonly[data-v-cd4ff552] {
+  cursor: default;
+}
+.phone-input.size-compact[data-v-cd4ff552] {
+  --pi-font-size: 14px;
+  --pi-height: 36px;
+  --pi-padding: 10px;
+  --pi-actions-size: 24px;
+}
+.phone-input.size-large[data-v-cd4ff552] {
+  --pi-font-size: 18px;
+  --pi-height: 52px;
+  --pi-padding: 16px;
+  --pi-actions-size: 32px;
+}
+.phone-input.is-unstyled[data-v-cd4ff552] {
+  all: initial;
+  display: block;
+}
+.pi-selector[data-v-cd4ff552] {
+  flex-shrink: 0;
+}
+.pi-selector-btn[data-v-cd4ff552] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding-left: var(--pi-padding);
+  padding-right: 0;
+  min-height: var(--pi-height);
+  border: 1px solid transparent;
+  border-radius: var(--pi-radius) 0 0 var(--pi-radius);
+  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+.pi-selector-btn.no-dropdown[data-v-cd4ff552] {
+  cursor: default;
+}
+.pi-selector-btn[data-v-cd4ff552]:focus-visible {
+  border-color: var(--pi-border-focus);
+  outline: none;
+}
+.pi-selector-btn:disabled > .pi-flag[data-v-cd4ff552] {
+  opacity: 0.5;
+}
+.pi-flag[data-v-cd4ff552] {
+  font-size: 1.25em;
+  line-height: 1;
+  display: inline-flex;
+}
+.pi-chevron[data-v-cd4ff552] {
+  margin-left: 2px;
+  color: var(--pi-muted);
+  transition: transform 200ms ease;
+}
+.pi-chevron.is-open[data-v-cd4ff552] {
+  transform: rotate(180deg);
+}
+.pi-input-wrap[data-v-cd4ff552] {
+  flex: 1;
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+.pi-input[data-v-cd4ff552] {
+  flex: 1;
+  width: 100%;
+  padding-left: var(--pi-padding);
+  padding-right: calc((var(--pi-actions-size) + 2px) * var(--pi-actions-count) + var(--pi-padding));
+  min-height: var(--pi-height);
+  border-radius: 0 var(--pi-radius) var(--pi-radius) 0;
+  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+.pi-input[data-v-cd4ff552]:hover:not(:disabled):not(:read-only) {
+  border-color: var(--pi-border-hover);
+}
+.pi-input[data-v-cd4ff552]:focus {
+  border-color: var(--pi-border-focus);
+  position: relative;
+}
+.pi-actions[data-v-cd4ff552] {
+  position: absolute;
+  right: 2px;
+  top: 50%;
+  transform: translateY(-50%);
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+}
+.pi-btn[data-v-cd4ff552] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--pi-actions-size);
+  height: var(--pi-actions-size);
+  background: transparent;
+  color: var(--pi-muted);
+  border: none;
+  border-radius: 9999px;
+  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+.pi-btn[data-v-cd4ff552]:hover {
+  background: var(--pi-disabled-bg);
+  color: var(--pi-fg);
+}
+.pi-btn[data-v-cd4ff552]:active:not(:disabled) {
+  transform: scale(0.95);
+}
+.pi-btn[data-v-cd4ff552]:focus {
+  outline: 1px solid var(--pi-border-focus);
+  outline-offset: -1px;
+}
+.pi-btn.is-copied[data-v-cd4ff552] {
+  color: var(--pi-success);
+  border-color: var(--pi-success);
+}
+.pi-btn svg[data-v-cd4ff552] {
+  flex-shrink: 0;
+}
+.phone-dropdown[data-v-cd4ff552] {
+  position: absolute;
+  z-index: 9999;
+  max-width: 400px;
+  box-shadow: var(--pi-shadow-lg);
+  overflow: hidden;
+}
+.pi-search-wrap[data-v-cd4ff552] {
+  padding: 8px;
+  border-bottom: 1px solid var(--pi-border);
+}
+.pi-search[data-v-cd4ff552] {
+  width: 100%;
+  padding: 8px 12px;
+  font-size: 0.875em;
+  border: 1px solid var(--pi-border);
+  border-radius: calc(var(--pi-radius) - 2px);
+  background: var(--pi-bg);
+  transition: border-color 150ms ease;
+}
+.pi-search[data-v-cd4ff552]:focus {
+  border-color: var(--pi-border-focus);
+}
+.pi-options[data-v-cd4ff552] {
+  max-height: 300px;
+  overflow-y: auto;
+  padding: 4px 0;
+  margin: 0;
+  list-style: none;
+}
+.pi-options[data-v-cd4ff552]::-webkit-scrollbar {
+  width: 8px;
+}
+.pi-options[data-v-cd4ff552]::-webkit-scrollbar-track {
+  background: transparent;
+}
+.pi-options[data-v-cd4ff552]::-webkit-scrollbar-thumb {
+  background: var(--pi-border);
+  border-radius: 4px;
+}
+.pi-options[data-v-cd4ff552]::-webkit-scrollbar-thumb:hover {
+  background: var(--pi-border-hover);
+}
+.pi-option[data-v-cd4ff552] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 12px;
+  cursor: pointer;
+  transition: background-color 100ms ease;
+}
+.pi-option[data-v-cd4ff552]:hover, .pi-option.is-focused[data-v-cd4ff552] {
+  background: var(--pi-disabled-bg);
+}
+.pi-option.is-selected[data-v-cd4ff552] {
+  background: var(--pi-border);
+  font-weight: 500;
+}
+.pi-opt-name[data-v-cd4ff552] {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.pi-opt-code[data-v-cd4ff552] {
+  color: var(--pi-muted);
+  font-size: 0.875em;
+}
+.pi-empty[data-v-cd4ff552] {
+  padding: 12px;
+  text-align: center;
+  color: var(--pi-muted);
+  font-size: 0.875em;
+}
+.fade-enter-active[data-v-cd4ff552],
+.fade-leave-active[data-v-cd4ff552] {
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+.fade-enter-from[data-v-cd4ff552],
+.fade-leave-to[data-v-cd4ff552] {
+  opacity: 0;
+  transform: translateY(-50%) translateX(8px);
+}
+.fade-scale-enter-active[data-v-cd4ff552],
+.fade-scale-leave-active[data-v-cd4ff552] {
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+.fade-scale-enter-from[data-v-cd4ff552],
+.fade-scale-leave-to[data-v-cd4ff552] {
+  opacity: 0;
+  transform: scale(0.8);
+}
+.dropdown-enter-active[data-v-cd4ff552],
+.dropdown-leave-active[data-v-cd4ff552] {
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+.dropdown-enter-from[data-v-cd4ff552],
+.dropdown-leave-to[data-v-cd4ff552] {
+  opacity: 0;
+  transform: translateY(-8px);
+}
+.sr-only[data-v-cd4ff552] {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+@media (max-width: 480px) {
+.phone-input[data-v-cd4ff552] {
+    --pi-padding: 8px;
+    --pi-actions-size: 24px;
+}
+.size-compact[data-v-cd4ff552] {
+    --pi-actions-size: 20px;
+}
+.phone-dropdown[data-v-cd4ff552] {
+    left: 0;
+    right: 0;
+    max-width: none;
+}
+}
+@media (prefers-reduced-motion: reduce) {
+[data-v-cd4ff552] {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+}
+}

package/dist/types/components/PhoneInput.vue.d.ts

@@ -0,0 +1,49 @@
+import type { PhoneInputExposed, PhoneInputProps, PhoneInputSlots } from '../types';
+type __VLS_Props = PhoneInputProps;
+type __VLS_Slots = PhoneInputSlots;
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, PhoneInputExposed, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+} & {
+    change: (value: import("..").PMaskPhoneNumber) => any;
+    "country-change": (country: import("@desource/phone-mask").MaskFull) => any;
+    "validation-change": (isValid: boolean) => any;
+    focus: (event: FocusEvent) => any;
+    blur: (event: FocusEvent) => any;
+    copy: (value: string) => any;
+    clear: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: ((value: import("..").PMaskPhoneNumber) => any) | undefined;
+    "onCountry-change"?: ((country: import("@desource/phone-mask").MaskFull) => any) | undefined;
+    "onValidation-change"?: ((isValid: boolean) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onCopy?: ((value: string) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {
+    detect: boolean;
+    size: import("../types").Size;
+    theme: import("../types").Theme;
+    disabled: boolean;
+    readonly: boolean;
+    showCopy: boolean;
+    showClear: boolean;
+    withValidity: boolean;
+    searchPlaceholder: string;
+    noResultsText: string;
+    clearButtonLabel: string;
+    disableDefaultStyles: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=PhoneInput.vue.d.ts.map

package/dist/types/components/PhoneInput.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PhoneInput.vue"],"names":[],"mappings":"AAi5BA,OAAO,KAAK,EAAmB,iBAAiB,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAErG,KAAK,WAAW,GAAG,eAAe,CAAC;AAgBnC,KAAK,WAAW,GAAG,eAAe,CAAC;AAyQnC,KAAK,gBAAgB,GAAG;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAmBF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAifxD,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAKd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/types/composables/useClipboard.d.ts

@@ -0,0 +1,7 @@
+export declare function useClipboard(): {
+    copied: import("vue").Ref<boolean, boolean>;
+    isCopying: import("vue").Ref<boolean, boolean>;
+    copy: (text: string) => Promise<boolean>;
+    onUnmount: () => void;
+};
+//# sourceMappingURL=useClipboard.d.ts.map

package/dist/types/composables/useClipboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClipboard.d.ts","sourceRoot":"","sources":["../../../src/composables/useClipboard.ts"],"names":[],"mappings":"AAEA,wBAAgB,YAAY;;;iBAYA,MAAM;;EA2BjC"}

package/dist/types/composables/useCountrySelector.d.ts

@@ -0,0 +1,21 @@
+import { type CountryKey, type MaskFull } from '@desource/phone-mask';
+import type { ShallowRef, ComputedRef } from 'vue';
+export declare function useCountrySelector(usedLocale: ComputedRef<string>): {
+    countries: ComputedRef<MaskFull[]>;
+    selectedId: import("vue").Ref<CountryKey, CountryKey>;
+    selected: ComputedRef<MaskFull>;
+    hasCountry: (id: string) => boolean;
+    hasDropdown: import("vue").Ref<boolean, boolean>;
+    dropdownOpened: import("vue").Ref<boolean, boolean>;
+    search: import("vue").Ref<string, string>;
+    focusedIndex: import("vue").Ref<number, number>;
+    filteredCountries: ComputedRef<MaskFull[]>;
+    selectCountry: (id: string) => void;
+    toggleDropdown: (searchRef: Readonly<ShallowRef<HTMLInputElement | null>>) => Promise<void>;
+    closeDropdown: () => void;
+    focusNextOption: (scrollFn?: () => void) => void;
+    focusPrevOption: (scrollFn?: () => void) => void;
+    chooseFocusedOption: () => void;
+    initCountry: (predefined?: string, detect?: boolean, emitFn?: () => void) => Promise<void>;
+};
+//# sourceMappingURL=useCountrySelector.d.ts.map

package/dist/types/composables/useCountrySelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCountrySelector.d.ts","sourceRoot":"","sources":["../../../src/composables/useCountrySelector.ts"],"names":[],"mappings":"AACA,OAAO,EAKL,KAAK,UAAU,EACf,KAAK,QAAQ,EACd,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAOnD,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC;;;;qBAiBxC,MAAM;;;;;;wBA2CH,MAAM;gCAKQ,QAAQ,CAAC,UAAU,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;;iCAalD,MAAM,IAAI;iCAMV,MAAM,IAAI;;+BA6FN,MAAM,WAAW,OAAO,WAAW,MAAM,IAAI;EAwCtF"}

package/dist/types/composables/useMask.d.ts

@@ -0,0 +1,20 @@
+import type { Ref, ComputedRef } from 'vue';
+import type { MaskFull } from '@desource/phone-mask';
+export declare function useMask(selected: ComputedRef<MaskFull>, telRef: Ref<HTMLInputElement | null>): {
+    digits: Ref<string, string>;
+    displayValue: Ref<string, string>;
+    displayPlaceholder: ComputedRef<string>;
+    isComplete: ComputedRef<boolean>;
+    isEmpty: ComputedRef<boolean>;
+    shouldShowWarn: ComputedRef<boolean>;
+    fullFormatted: ComputedRef<string>;
+    full: ComputedRef<string>;
+    handleBeforeInput: (e: InputEvent) => void;
+    handleInput: (e: Event) => void;
+    handleKeydown: (e: KeyboardEvent) => void;
+    handlePaste: (e: ClipboardEvent) => void;
+    handleFocus: () => void;
+    updateDisplayFromDigits: () => void;
+    clear: () => void;
+};
+//# sourceMappingURL=useMask.d.ts.map

package/dist/types/composables/useMask.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMask.d.ts","sourceRoot":"","sources":["../../../src/composables/useMask.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAKrD,wBAAgB,OAAO,CAAC,QAAQ,EAAE,WAAW,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,gBAAgB,GAAG,IAAI,CAAC;;;;;;;;;2BAwC7D,UAAU;qBAahB,KAAK;uBAoHH,aAAa;qBAcf,cAAc;;;;EAiGvC"}

package/dist/types/composables/usePhoneFormatter.d.ts

@@ -0,0 +1,16 @@
+import { type MaskFull } from '@desource/phone-mask';
+import type { FormatterHelpers } from '../types';
+export declare function createPhoneFormatter(country: MaskFull): FormatterHelpers;
+/**
+ * Caret manipulation helper
+ */
+export declare function setCaret(el: HTMLInputElement | null, position: number): void;
+/**
+ * Extract digits from any string
+ */
+export declare function extractDigits(value: string, maxLength?: number): string;
+/**
+ * Parse selection range for digit operations
+ */
+export declare function getSelection(el: HTMLInputElement | null): [number, number];
+//# sourceMappingURL=usePhoneFormatter.d.ts.map

package/dist/types/composables/usePhoneFormatter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePhoneFormatter.d.ts","sourceRoot":"","sources":["../../../src/composables/usePhoneFormatter.ts"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,QAAQ,EACd,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,QAAQ,GAAG,gBAAgB,CA6DxE;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EAAE,EAAE,gBAAgB,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAO5E;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAGvE;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAAE,EAAE,gBAAgB,GAAG,IAAI,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAG1E"}

package/dist/types/consts.d.ts

@@ -0,0 +1,8 @@
+export declare const CACHE_KEY = "@desource/phone-mask:geo";
+export declare const CACHE_EXPIRY_MS: number;
+export declare const GEO_IP_TIMEOUT = 1500;
+export declare const GEO_IP_URL = "https://ipapi.co/json/";
+export declare const Delimiters: string[];
+export declare const NavigationKeys: string[];
+export declare const InvalidPattern: RegExp;
+//# sourceMappingURL=consts.d.ts.map

package/dist/types/consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../src/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,6BAA6B,CAAC;AACpD,eAAO,MAAM,eAAe,QAAmB,CAAC;AAChD,eAAO,MAAM,cAAc,OAAQ,CAAC;AACpC,eAAO,MAAM,UAAU,2BAA2B,CAAC;AACnD,eAAO,MAAM,UAAU,UAAuB,CAAC;AAC/C,eAAO,MAAM,cAAc,UAA4E,CAAC;AACxG,eAAO,MAAM,cAAc,QAAgB,CAAC"}

package/dist/types/directives/vPhoneMask.d.ts

@@ -0,0 +1,10 @@
+import { type Directive } from 'vue';
+import type { PMaskDirectiveOptions, PMaskDirectiveState, DirectiveHTMLInputElement } from '../types';
+/**
+ * Update country and reformat existing input.
+ * Updates formatter, placeholder, truncates digits if needed, and triggers callbacks
+ */
+declare function updateCountry(el: HTMLInputElement, state: PMaskDirectiveState, newCountryCode: string): Promise<void>;
+export declare const vPhoneMask: Directive<DirectiveHTMLInputElement, string | PMaskDirectiveOptions | undefined>;
+export { updateCountry as setCountry };
+//# sourceMappingURL=vPhoneMask.d.ts.map

package/dist/types/directives/vPhoneMask.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vPhoneMask.d.ts","sourceRoot":"","sources":["../../../src/directives/vPhoneMask.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAmC,MAAM,KAAK,CAAC;AAKtE,OAAO,KAAK,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AA8UtG;;;GAGG;AACH,iBAAe,aAAa,CAAC,EAAE,EAAE,gBAAgB,EAAE,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAqBpH;AAED,eAAO,MAAM,UAAU,EAAE,SAAS,CAAC,yBAAyB,EAAE,MAAM,GAAG,qBAAqB,GAAG,SAAS,CAoFvG,CAAC;AAGF,OAAO,EAAE,aAAa,IAAI,UAAU,EAAE,CAAC"}

package/dist/types/index.d.ts

@@ -0,0 +1,24 @@
+import { countPlaceholders, formatDigitsWithMap, pickMaskVariant, removeCountryCodePrefix, toArray } from '@desource/phone-mask';
+import type { App } from 'vue';
+import PhoneInput from './components/PhoneInput.vue';
+import { vPhoneMask, setCountry as vPhoneMaskSetCountry } from './directives/vPhoneMask';
+import type { PhoneNumber as PMaskPhoneNumber } from './types';
+type TPhoneInputComponent = typeof PhoneInput;
+type TPhoneMaskDirective = typeof vPhoneMask;
+type TPhoneMaskSetCountryType = typeof vPhoneMaskSetCountry;
+declare function install(app: App): void;
+export { PhoneInput, vPhoneMask, install, vPhoneMaskSetCountry, type TPhoneInputComponent, type TPhoneMaskDirective, type TPhoneMaskSetCountryType, type PMaskPhoneNumber };
+declare const _default: {
+    install: typeof install;
+};
+export default _default;
+export type { CountryKey as PCountryKey, MaskBase as PMaskBase, MaskBaseMap as PMaskBaseMap, Mask as PMask, MaskMap as PMaskMap, MaskWithFlag as PMaskWithFlag, MaskWithFlagMap as PMaskWithFlagMap, MaskFull as PMaskFull, MaskFullMap as PMaskFullMap } from '@desource/phone-mask';
+export declare const PMaskHelpers: {
+    getFlagEmoji: (cc: string) => string;
+    countPlaceholders: typeof countPlaceholders;
+    formatDigitsWithMap: typeof formatDigitsWithMap;
+    pickMaskVariant: typeof pickMaskVariant;
+    removeCountryCodePrefix: typeof removeCountryCodePrefix;
+    toArray: typeof toArray;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EACjB,mBAAmB,EACnB,eAAe,EACf,uBAAuB,EACvB,OAAO,EACR,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,UAAU,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACzF,OAAO,KAAK,EAAE,WAAW,IAAI,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE/D,KAAK,oBAAoB,GAAG,OAAO,UAAU,CAAC;AAC9C,KAAK,mBAAmB,GAAG,OAAO,UAAU,CAAC;AAC7C,KAAK,wBAAwB,GAAG,OAAO,oBAAoB,CAAC;AAE5D,iBAAS,OAAO,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,CAG/B;AAED,OAAO,EACL,UAAU,EACV,UAAU,EACV,OAAO,EACP,oBAAoB,EACpB,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACxB,KAAK,wBAAwB,EAC7B,KAAK,gBAAgB,EACtB,CAAC;;;;AAEF,wBAEE;AAEF,YAAY,EACV,UAAU,IAAI,WAAW,EACzB,QAAQ,IAAI,SAAS,EACrB,WAAW,IAAI,YAAY,EAC3B,IAAI,IAAI,KAAK,EACb,OAAO,IAAI,QAAQ,EACnB,YAAY,IAAI,aAAa,EAC7B,eAAe,IAAI,gBAAgB,EACnC,QAAQ,IAAI,SAAS,EACrB,WAAW,IAAI,YAAY,EAC5B,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,YAAY;;;;;;;CAOxB,CAAC"}