@desource/phone-mask-vue 0.3.0 → 1.1.0

package/dist/phone-mask-vue.css

@@ -77,62 +77,62 @@
 .phone-input input:disabled,
 .phone-dropdown input:disabled {
   cursor: not-allowed;
-}.phone-input[data-v-755b15ee],
-.phone-dropdown[data-v-755b15ee] {
+}.phone-input[data-v-d730aa54],
+.phone-dropdown[data-v-d730aa54] {
   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-755b15ee] {
+.phone-input[data-v-d730aa54] {
   position: relative;
   display: flex;
   align-items: stretch;
   width: 100%;
 }
-.phone-input[data-v-755b15ee]:focus-within {
+.phone-input[data-v-d730aa54]:focus-within {
   outline: var(--pi-focus-ring);
 }
-.phone-input.is-incomplete[data-v-755b15ee] {
+.phone-input.is-incomplete[data-v-d730aa54] {
   border-color: var(--pi-warning);
 }
-.phone-input.is-incomplete[data-v-755b15ee]:focus-within {
+.phone-input.is-incomplete[data-v-d730aa54]:focus-within {
   outline: var(--pi-focus-ring-warning);
 }
-.phone-input.is-complete[data-v-755b15ee] {
+.phone-input.is-complete[data-v-d730aa54] {
   border-color: var(--pi-success);
 }
-.phone-input.is-complete[data-v-755b15ee]:focus-within {
+.phone-input.is-complete[data-v-d730aa54]:focus-within {
   outline: var(--pi-focus-ring-success);
 }
-.phone-input.is-disabled[data-v-755b15ee] {
+.phone-input.is-disabled[data-v-d730aa54] {
   background: var(--pi-disabled-bg);
   color: var(--pi-disabled-fg);
 }
-.phone-input.is-readonly[data-v-755b15ee] {
+.phone-input.is-readonly[data-v-d730aa54] {
   cursor: default;
 }
-.phone-input.size-compact[data-v-755b15ee] {
+.phone-input.size-compact[data-v-d730aa54] {
   --pi-font-size: 14px;
   --pi-height: 36px;
   --pi-padding: 10px;
   --pi-actions-size: 24px;
 }
-.phone-input.size-large[data-v-755b15ee] {
+.phone-input.size-large[data-v-d730aa54] {
   --pi-font-size: 18px;
   --pi-height: 52px;
   --pi-padding: 16px;
   --pi-actions-size: 32px;
 }
-.phone-input.is-unstyled[data-v-755b15ee] {
+.phone-input.is-unstyled[data-v-d730aa54] {
   all: initial;
   display: block;
 }
-.pi-selector[data-v-755b15ee] {
+.pi-selector[data-v-d730aa54] {
   flex-shrink: 0;
 }
-.pi-selector-btn[data-v-755b15ee] {
+.pi-selector-btn[data-v-d730aa54] {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -143,36 +143,36 @@
   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-755b15ee] {
+.pi-selector-btn.no-dropdown[data-v-d730aa54] {
   cursor: default;
 }
-.pi-selector-btn[data-v-755b15ee]:focus-visible {
+.pi-selector-btn[data-v-d730aa54]:focus-visible {
   border-color: var(--pi-border-focus);
   outline: none;
 }
-.pi-selector-btn:disabled > .pi-flag[data-v-755b15ee] {
+.pi-selector-btn:disabled > .pi-flag[data-v-d730aa54] {
   opacity: 0.5;
 }
-.pi-flag[data-v-755b15ee] {
+.pi-flag[data-v-d730aa54] {
   font-size: 1.25em;
   line-height: 1;
   display: inline-flex;
 }
-.pi-chevron[data-v-755b15ee] {
+.pi-chevron[data-v-d730aa54] {
   margin-left: 2px;
   color: var(--pi-muted);
   transition: transform 200ms ease;
 }
-.pi-chevron.is-open[data-v-755b15ee] {
+.pi-chevron.is-open[data-v-d730aa54] {
   transform: rotate(180deg);
 }
-.pi-input-wrap[data-v-755b15ee] {
+.pi-input-wrap[data-v-d730aa54] {
   flex: 1;
   position: relative;
   display: flex;
   align-items: center;
 }
-.pi-input[data-v-755b15ee] {
+.pi-input[data-v-d730aa54] {
   flex: 1;
   width: 100%;
   padding-left: var(--pi-padding);
@@ -181,14 +181,14 @@
   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-755b15ee]:hover:not(:disabled):not(:read-only) {
+.pi-input[data-v-d730aa54]:hover:not(:disabled):not(:read-only) {
   border-color: var(--pi-border-hover);
 }
-.pi-input[data-v-755b15ee]:focus {
+.pi-input[data-v-d730aa54]:focus {
   border-color: var(--pi-border-focus);
   position: relative;
 }
-.pi-actions[data-v-755b15ee] {
+.pi-actions[data-v-d730aa54] {
   position: absolute;
   right: 2px;
   top: 50%;
@@ -197,7 +197,7 @@
   align-items: center;
   gap: 2px;
 }
-.pi-btn[data-v-755b15ee] {
+.pi-btn[data-v-d730aa54] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -209,36 +209,36 @@
   border-radius: 9999px;
   transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
 }
-.pi-btn[data-v-755b15ee]:hover {
+.pi-btn[data-v-d730aa54]:hover {
   background: var(--pi-disabled-bg);
   color: var(--pi-fg);
 }
-.pi-btn[data-v-755b15ee]:active:not(:disabled) {
+.pi-btn[data-v-d730aa54]:active:not(:disabled) {
   transform: scale(0.95);
 }
-.pi-btn[data-v-755b15ee]:focus {
+.pi-btn[data-v-d730aa54]:focus {
   outline: 1px solid var(--pi-border-focus);
   outline-offset: -1px;
 }
-.pi-btn.is-copied[data-v-755b15ee] {
+.pi-btn.is-copied[data-v-d730aa54] {
   color: var(--pi-success);
   border-color: var(--pi-success);
 }
-.pi-btn svg[data-v-755b15ee] {
+.pi-btn svg[data-v-d730aa54] {
   flex-shrink: 0;
 }
-.phone-dropdown[data-v-755b15ee] {
+.phone-dropdown[data-v-d730aa54] {
   position: absolute;
   z-index: 9999;
   max-width: 400px;
   box-shadow: var(--pi-shadow-lg);
   overflow: hidden;
 }
-.pi-search-wrap[data-v-755b15ee] {
+.pi-search-wrap[data-v-d730aa54] {
   padding: 8px;
   border-bottom: 1px solid var(--pi-border);
 }
-.pi-search[data-v-755b15ee] {
+.pi-search[data-v-d730aa54] {
   width: 100%;
   padding: 8px 12px;
   font-size: 0.875em;
@@ -247,30 +247,30 @@
   background: var(--pi-bg);
   transition: border-color 150ms ease;
 }
-.pi-search[data-v-755b15ee]:focus {
+.pi-search[data-v-d730aa54]:focus {
   border-color: var(--pi-border-focus);
 }
-.pi-options[data-v-755b15ee] {
+.pi-options[data-v-d730aa54] {
   max-height: 300px;
   overflow-y: auto;
   padding: 4px 0;
   margin: 0;
   list-style: none;
 }
-.pi-options[data-v-755b15ee]::-webkit-scrollbar {
+.pi-options[data-v-d730aa54]::-webkit-scrollbar {
   width: 8px;
 }
-.pi-options[data-v-755b15ee]::-webkit-scrollbar-track {
+.pi-options[data-v-d730aa54]::-webkit-scrollbar-track {
   background: transparent;
 }
-.pi-options[data-v-755b15ee]::-webkit-scrollbar-thumb {
+.pi-options[data-v-d730aa54]::-webkit-scrollbar-thumb {
   background: var(--pi-border);
   border-radius: 4px;
 }
-.pi-options[data-v-755b15ee]::-webkit-scrollbar-thumb:hover {
+.pi-options[data-v-d730aa54]::-webkit-scrollbar-thumb:hover {
   background: var(--pi-border-hover);
 }
-.pi-option[data-v-755b15ee] {
+.pi-option[data-v-d730aa54] {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -278,57 +278,57 @@
   cursor: pointer;
   transition: background-color 100ms ease;
 }
-.pi-option[data-v-755b15ee]:hover, .pi-option.is-focused[data-v-755b15ee] {
+.pi-option[data-v-d730aa54]:hover, .pi-option.is-focused[data-v-d730aa54] {
   background: var(--pi-disabled-bg);
 }
-.pi-option.is-selected[data-v-755b15ee] {
+.pi-option.is-selected[data-v-d730aa54] {
   background: var(--pi-border);
   font-weight: 500;
 }
-.pi-opt-name[data-v-755b15ee] {
+.pi-opt-name[data-v-d730aa54] {
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.pi-opt-code[data-v-755b15ee] {
+.pi-opt-code[data-v-d730aa54] {
   color: var(--pi-muted);
   font-size: 0.875em;
 }
-.pi-empty[data-v-755b15ee] {
+.pi-empty[data-v-d730aa54] {
   padding: 12px;
   text-align: center;
   color: var(--pi-muted);
   font-size: 0.875em;
 }
-.fade-enter-active[data-v-755b15ee],
-.fade-leave-active[data-v-755b15ee] {
+.fade-enter-active[data-v-d730aa54],
+.fade-leave-active[data-v-d730aa54] {
   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-755b15ee],
-.fade-leave-to[data-v-755b15ee] {
+.fade-enter-from[data-v-d730aa54],
+.fade-leave-to[data-v-d730aa54] {
   opacity: 0;
   transform: translateY(-50%) translateX(8px);
 }
-.fade-scale-enter-active[data-v-755b15ee],
-.fade-scale-leave-active[data-v-755b15ee] {
+.fade-scale-enter-active[data-v-d730aa54],
+.fade-scale-leave-active[data-v-d730aa54] {
   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-755b15ee],
-.fade-scale-leave-to[data-v-755b15ee] {
+.fade-scale-enter-from[data-v-d730aa54],
+.fade-scale-leave-to[data-v-d730aa54] {
   opacity: 0;
   transform: scale(0.8);
 }
-.dropdown-enter-active[data-v-755b15ee],
-.dropdown-leave-active[data-v-755b15ee] {
+.dropdown-enter-active[data-v-d730aa54],
+.dropdown-leave-active[data-v-d730aa54] {
   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-755b15ee],
-.dropdown-leave-to[data-v-755b15ee] {
+.dropdown-enter-from[data-v-d730aa54],
+.dropdown-leave-to[data-v-d730aa54] {
   opacity: 0;
   transform: translateY(-8px);
 }
-.sr-only[data-v-755b15ee] {
+.sr-only[data-v-d730aa54] {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -340,21 +340,21 @@
   border: 0;
 }
 @media (max-width: 480px) {
-.phone-input[data-v-755b15ee] {
+.phone-input[data-v-d730aa54] {
     --pi-padding: 8px;
     --pi-actions-size: 24px;
 }
-.size-compact[data-v-755b15ee] {
+.size-compact[data-v-d730aa54] {
     --pi-actions-size: 20px;
 }
-.phone-dropdown[data-v-755b15ee] {
+.phone-dropdown[data-v-d730aa54] {
     left: 0;
     right: 0;
     max-width: none;
 }
 }
 @media (prefers-reduced-motion: reduce) {
-[data-v-755b15ee] {
+[data-v-d730aa54] {
     animation-duration: 0.01ms !important;
     animation-iteration-count: 1 !important;
     transition-duration: 0.01ms !important;

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

@@ -1,4 +1,4 @@
-import type { PhoneInputExposed, PhoneInputProps, PhoneInputSlots } from '../types';
+import type { PhoneInputExposed, PhoneInputProps, PhoneInputSlots, PhoneNumber } from '../types';
 type __VLS_Props = PhoneInputProps;
 type __VLS_Slots = PhoneInputSlots;
 type __VLS_ModelProps = {
@@ -6,9 +6,9 @@ type __VLS_ModelProps = {
 };
 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;
+    "update:modelValue": (value: string) => any;
 } & {
-    change: (value: import("..").PMaskPhoneNumber) => any;
+    change: (value: PhoneNumber) => any;
     "country-change": (country: import("@desource/phone-mask").MaskFull) => any;
     "validation-change": (isValid: boolean) => any;
     focus: (event: FocusEvent) => any;
@@ -16,18 +16,18 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, Phone
     copy: (value: string) => any;
     clear: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onChange?: ((value: import("..").PMaskPhoneNumber) => any) | undefined;
+    onChange?: ((value: PhoneNumber) => 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;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     detect: boolean;
-    size: import("../types").Size;
-    theme: import("../types").Theme;
+    theme: import("..").PhoneInputTheme;
+    size: import("..").PhoneInputSize;
     disabled: boolean;
     readonly: boolean;
     showCopy: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"PhoneInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PhoneInput.vue"],"names":[],"mappings":"AAk6BA,OAAO,KAAK,EAAmB,iBAAiB,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAErG,KAAK,WAAW,GAAG,eAAe,CAAC;AAgBnC,KAAK,WAAW,GAAG,eAAe,CAAC;AAsRnC,KAAK,gBAAgB,GAAG;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAmBF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAucxD,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"}
+{"version":3,"file":"PhoneInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PhoneInput.vue"],"names":[],"mappings":"AA4yBA,OAAO,KAAK,EAAmB,iBAAiB,EAAE,eAAe,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAElH,KAAK,WAAW,GAAG,eAAe,CAAC;AAgBnC,KAAK,WAAW,GAAG,eAAe,CAAC;AA6JnC,KAAK,gBAAgB,GAAG;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAmBF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAkcxD,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/internal/useCopyAction.d.ts

@@ -0,0 +1,14 @@
+import { type Ref } from 'vue';
+interface UseCopyActionOptions {
+    fullFormatted: Ref<string>;
+    liveRef?: Ref<HTMLElement | null>;
+    onCopy?: (value: string) => void;
+}
+export declare function useCopyAction({ liveRef, fullFormatted, onCopy }: UseCopyActionOptions): {
+    copied: Ref<boolean, boolean>;
+    copyAriaLabel: import("vue").ComputedRef<string>;
+    copyButtonTitle: import("vue").ComputedRef<"Copied" | "Copy phone number">;
+    onCopyClick: () => Promise<void>;
+};
+export {};
+//# sourceMappingURL=useCopyAction.d.ts.map

package/dist/types/composables/internal/useCopyAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCopyAction.d.ts","sourceRoot":"","sources":["../../../../src/composables/internal/useCopyAction.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAIzC,UAAU,oBAAoB;IAC5B,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC3B,OAAO,CAAC,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAID,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,oBAAoB;;;;;EA8BrF"}

package/dist/types/composables/internal/useCountry.d.ts

@@ -0,0 +1,22 @@
+import type { MaybeRefOrGetter, ComputedRef } from 'vue';
+import { type MaskFull } from '@desource/phone-mask';
+export interface UseCountryOptions {
+    /** Country ISO code (e.g., 'US', 'DE', 'GB') */
+    country?: MaybeRefOrGetter<string | undefined>;
+    /** Locale for country names (default: navigator.language) */
+    locale?: MaybeRefOrGetter<string | undefined>;
+    /** Auto-detect country from IP/locale (default: false) */
+    detect?: MaybeRefOrGetter<boolean | undefined>;
+    /** Callback when country changes */
+    onCountryChange?: (country: MaskFull) => void;
+}
+export interface UseCountryReturn {
+    /** Current country data */
+    country: ComputedRef<MaskFull>;
+    /** Change country programmatically */
+    setCountry: (countryCode?: string | null) => boolean;
+    /** Computed locale value */
+    locale: ComputedRef<string>;
+}
+export declare function useCountry({ country: countryOption, locale: localeOption, detect, onCountryChange }?: UseCountryOptions): UseCountryReturn;
+//# sourceMappingURL=useCountry.d.ts.map

package/dist/types/composables/internal/useCountry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCountry.d.ts","sourceRoot":"","sources":["../../../../src/composables/internal/useCountry.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,EAML,KAAK,QAAQ,EACd,MAAM,sBAAsB,CAAC;AAE9B,MAAM,WAAW,iBAAiB;IAChC,gDAAgD;IAChD,OAAO,CAAC,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC/C,6DAA6D;IAC7D,MAAM,CAAC,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC9C,0DAA0D;IAC1D,MAAM,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IAC/C,oCAAoC;IACpC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC/C;AAED,MAAM,WAAW,gBAAgB;IAC/B,2BAA2B;IAC3B,OAAO,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC/B,sCAAsC;IACtC,UAAU,EAAE,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,KAAK,OAAO,CAAC;IACrD,4BAA4B;IAC5B,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC7B;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,YAAY,EACpB,MAAM,EACN,eAAe,EAChB,GAAE,iBAAsB,GAAG,gBAAgB,CAiD3C"}

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

@@ -0,0 +1,30 @@
+import type { MaybeRefOrGetter, ShallowRef, CSSProperties } from 'vue';
+import { type CountryKey } from '@desource/phone-mask';
+interface UseCountrySelectorOptions {
+    rootRef: ShallowRef<HTMLDivElement | null>;
+    dropdownRef: ShallowRef<HTMLDivElement | null>;
+    searchRef: ShallowRef<HTMLInputElement | null>;
+    selectorRef: ShallowRef<HTMLDivElement | null>;
+    locale: MaybeRefOrGetter<string>;
+    onSelectCountry: (code: CountryKey) => void;
+    countryOption?: MaybeRefOrGetter<string | undefined>;
+    inactive?: MaybeRefOrGetter<boolean | undefined>;
+    onAfterSelect?: () => void;
+}
+export declare function useCountrySelector({ rootRef, dropdownRef, searchRef, selectorRef, locale, countryOption, inactive, onSelectCountry, onAfterSelect }: UseCountrySelectorOptions): {
+    dropdownOpen: import("vue").Ref<boolean, boolean>;
+    search: import("vue").Ref<string, string>;
+    focusedIndex: import("vue").Ref<number, number>;
+    dropdownStyle: ShallowRef<CSSProperties, CSSProperties>;
+    filteredCountries: import("vue").ComputedRef<import("@desource/phone-mask").MaskFull[]>;
+    hasDropdown: import("vue").ComputedRef<boolean>;
+    openDropdown: () => void;
+    closeDropdown: () => void;
+    toggleDropdown: () => void;
+    selectCountry: (code: CountryKey) => void;
+    setFocusedIndex: (index: number) => void;
+    handleSearchChange: (e: Event) => void;
+    handleSearchKeydown: (e: KeyboardEvent) => void;
+};
+export {};
+//# sourceMappingURL=useCountrySelector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCountrySelector.d.ts","sourceRoot":"","sources":["../../../../src/composables/internal/useCountrySelector.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,KAAK,CAAC;AAEvE,OAAO,EAA8B,KAAK,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEnF,UAAU,yBAAyB;IACjC,OAAO,EAAE,UAAU,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC3C,WAAW,EAAE,UAAU,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC/C,SAAS,EAAE,UAAU,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC/C,WAAW,EAAE,UAAU,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC/C,MAAM,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACjC,eAAe,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IAC5C,aAAa,CAAC,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IACjD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,WAAW,EACX,SAAS,EACT,WAAW,EACX,MAAM,EACN,aAAa,EACb,QAAQ,EACR,eAAe,EACf,aAAa,EACd,EAAE,yBAAyB;;;;;;;;;;0BAqCG,UAAU;6BA3BP,MAAM;4BAmCP,KAAK;6BAmDJ,aAAa;EA6D9C"}

package/dist/types/composables/internal/useFormatter.d.ts

@@ -0,0 +1,46 @@
+import type { MaybeRefOrGetter, ComputedRef } from 'vue';
+import { type MaskFull, type FormatterHelpers } from '@desource/phone-mask';
+import type { PhoneNumber } from '../../types';
+/** Configuration options for the useFormatter composable */
+export interface UseFormatterOptions {
+    /** Pre-resolved country data */
+    country: MaybeRefOrGetter<MaskFull>;
+    /**
+     * Controlled value (digits only, without country code).
+     * The parent is responsible for managing state via onChange callback.
+     */
+    value: MaybeRefOrGetter<string>;
+    /** Callback when the digits value changes. */
+    onChange: (digits: string) => void;
+    /** Callback when the phone number changes. */
+    onPhoneChange?: (value: PhoneNumber) => void;
+    /** Callback when validation state (isComplete) changes */
+    onValidationChange?: (isComplete: boolean) => void;
+}
+/** Return type for useFormatter composable */
+export interface UseFormatterReturn {
+    /** Raw digits without formatting */
+    digits: ComputedRef<string>;
+    /** Phone formatter instance */
+    formatter: ComputedRef<FormatterHelpers>;
+    /** Placeholder from formatter */
+    displayPlaceholder: ComputedRef<string>;
+    /** Formatted display string */
+    displayValue: ComputedRef<string>;
+    /** Full phone number with country code */
+    full: ComputedRef<string>;
+    /** Full phone number formatted */
+    fullFormatted: ComputedRef<string>;
+    /** Whether the phone number is complete */
+    isComplete: ComputedRef<boolean>;
+    /** Whether the input is empty */
+    isEmpty: ComputedRef<boolean>;
+    /** Whether to show validation warning */
+    shouldShowWarn: ComputedRef<boolean>;
+}
+/**
+ * Composable for phone number formatting and derived computations.
+ * Receives pre-resolved country data; country management is handled by the caller.
+ */
+export declare function useFormatter({ country, value, onChange, onPhoneChange, onValidationChange }: UseFormatterOptions): UseFormatterReturn;
+//# sourceMappingURL=useFormatter.d.ts.map

package/dist/types/composables/internal/useFormatter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormatter.d.ts","sourceRoot":"","sources":["../../../../src/composables/internal/useFormatter.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,EAAuC,KAAK,QAAQ,EAAE,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAEjH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,4DAA4D;AAC5D,MAAM,WAAW,mBAAmB;IAClC,gCAAgC;IAChC,OAAO,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACpC;;;OAGG;IACH,KAAK,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAChC,8CAA8C;IAC9C,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,8CAA8C;IAC9C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CACpD;AAED,8CAA8C;AAC9C,MAAM,WAAW,kBAAkB;IACjC,oCAAoC;IACpC,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC5B,+BAA+B;IAC/B,SAAS,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;IACzC,iCAAiC;IACjC,kBAAkB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACxC,+BAA+B;IAC/B,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,0CAA0C;IAC1C,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,kCAAkC;IAClC,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC,2CAA2C;IAC3C,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACjC,iCAAiC;IACjC,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC9B,yCAAyC;IACzC,cAAc,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CACtC;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,aAAa,EACb,kBAAkB,EACnB,EAAE,mBAAmB,GAAG,kBAAkB,CAiD1C"}

package/dist/types/composables/internal/useInputHandlers.d.ts

@@ -0,0 +1,20 @@
+import type { MaybeRefOrGetter } from 'vue';
+import { type FormatterHelpers } from '@desource/phone-mask';
+export interface UseInputHandlersOptions {
+    formatter: MaybeRefOrGetter<FormatterHelpers>;
+    digits: MaybeRefOrGetter<string>;
+    inactive?: MaybeRefOrGetter<boolean>;
+    onChange?: (newDigits: string) => void;
+    scheduleValidationHint?: (delay: number) => void;
+}
+export interface UseInputHandlersReturn {
+    handleBeforeInput: (e: InputEvent) => void;
+    handleInput: (e: Event) => void;
+    handleKeydown: (e: KeyboardEvent) => void;
+    handlePaste: (e: ClipboardEvent) => void;
+}
+/**
+ * Vue composable that provides event handlers for phone input masking.
+ */
+export declare function useInputHandlers(options: UseInputHandlersOptions): UseInputHandlersReturn;
+//# sourceMappingURL=useInputHandlers.d.ts.map

package/dist/types/composables/internal/useInputHandlers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputHandlers.d.ts","sourceRoot":"","sources":["../../../../src/composables/internal/useInputHandlers.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAML,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAE9B,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IAC9C,MAAM,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD;AAED,MAAM,WAAW,sBAAsB;IACrC,iBAAiB,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAC3C,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAChC,aAAa,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,WAAW,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;CAC1C;AAKD;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,uBAAuB,GAAG,sBAAsB,CAsDzF"}

package/dist/types/composables/internal/useTheme.d.ts

@@ -0,0 +1,10 @@
+import type { MaybeRefOrGetter } from 'vue';
+import type { Theme } from '../../types';
+interface UseThemeOptions {
+    theme: MaybeRefOrGetter<Theme>;
+}
+export declare function useTheme({ theme }: UseThemeOptions): {
+    themeClass: import("vue").ComputedRef<string>;
+};
+export {};
+//# sourceMappingURL=useTheme.d.ts.map

package/dist/types/composables/internal/useTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../../src/composables/internal/useTheme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAE5C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,UAAU,eAAe;IACvB,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;CAChC;AAED,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,eAAe;;EAiClD"}

package/dist/types/composables/internal/useValidationHint.d.ts

@@ -0,0 +1,6 @@
+export declare function useValidationHint(): {
+    showValidationHint: import("vue").Ref<boolean, boolean>;
+    clearValidationHint: (hideHint?: boolean) => void;
+    scheduleValidationHint: (delay: number) => void;
+};
+//# sourceMappingURL=useValidationHint.d.ts.map

package/dist/types/composables/internal/useValidationHint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useValidationHint.d.ts","sourceRoot":"","sources":["../../../../src/composables/internal/useValidationHint.ts"],"names":[],"mappings":"AAGA,wBAAgB,iBAAiB;;;oCAUQ,MAAM;EAQ9C"}

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

@@ -0,0 +1,8 @@
+import type { UsePhoneMaskOptions, UsePhoneMaskReturn } from '../types';
+/**
+ * Vue composable for phone number masking.
+ * Provides low-level phone masking functionality for custom input implementations.
+ * Works in controlled mode — caller manages value state via onChange callback.
+ */
+export declare function usePhoneMask(options: UsePhoneMaskOptions): UsePhoneMaskReturn;
+//# sourceMappingURL=usePhoneMask.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePhoneMask.d.ts","sourceRoot":"","sources":["../../../src/composables/usePhoneMask.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAExE;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,mBAAmB,GAAG,kBAAkB,CAwF7E"}

package/dist/types/composables/{useClipboard.d.ts → utility/useClipboard.d.ts}

@@ -1,7 +1,6 @@
-export declare function useClipboard(): {
+export declare function useClipboard(delay?: number): {
     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/utility/useClipboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClipboard.d.ts","sourceRoot":"","sources":["../../../../src/composables/utility/useClipboard.ts"],"names":[],"mappings":"AAGA,wBAAgB,YAAY,CAAC,KAAK,SAAQ;;;iBAKd,MAAM;EAqBjC"}

package/dist/types/composables/utility/useTimer.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Composable for managing timers with automatic cleanup
+ * @returns Object with set and clear methods for timer control
+ */
+export declare function useTimer(): {
+    set: (callback: () => void, delay: number) => void;
+    clear: () => void;
+};
+//# sourceMappingURL=useTimer.d.ts.map

package/dist/types/composables/utility/useTimer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimer.d.ts","sourceRoot":"","sources":["../../../../src/composables/utility/useTimer.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,QAAQ;oBAUC,MAAM,IAAI,SAAS,MAAM;;EASjD"}

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

@@ -4,7 +4,6 @@ import type { PMaskDirectiveOptions, PMaskDirectiveState, DirectiveHTMLInputElem
  * 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 function setCountry(el: HTMLInputElement, state: PMaskDirectiveState, newCountryCode: string): 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

@@ -1 +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;AAuRtG;;;GAGG;AACH,iBAAe,aAAa,CAAC,EAAE,EAAE,gBAAgB,EAAE,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAmBpH;AAED,eAAO,MAAM,UAAU,EAAE,SAAS,CAAC,yBAAyB,EAAE,MAAM,GAAG,qBAAqB,GAAG,SAAS,CAoFvG,CAAC;AAGF,OAAO,EAAE,aAAa,IAAI,UAAU,EAAE,CAAC"}
+{"version":3,"file":"vPhoneMask.d.ts","sourceRoot":"","sources":["../../../src/directives/vPhoneMask.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,KAAK,CAAC;AAgB/C,OAAO,KAAK,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAiFtG;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,EAAE,gBAAgB,EAAE,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,GAAG,IAAI,CAczG;AAED,eAAO,MAAM,UAAU,EAAE,SAAS,CAAC,yBAAyB,EAAE,MAAM,GAAG,qBAAqB,GAAG,SAAS,CAkEvG,CAAC"}

package/dist/types/index.d.ts

@@ -1,13 +1,15 @@
 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';
+import { vPhoneMask as phoneMaskDirective, setCountry as setPhoneMaskCountry } from './directives/vPhoneMask';
 type TPhoneInputComponent = typeof PhoneInput;
-type TPhoneMaskDirective = typeof vPhoneMask;
-type TPhoneMaskSetCountryType = typeof vPhoneMaskSetCountry;
+type TPhoneMaskDirective = typeof phoneMaskDirective;
+type TPhoneMaskSetCountryType = typeof setPhoneMaskCountry;
 declare function install(app: App): void;
-export { PhoneInput, vPhoneMask, install, vPhoneMaskSetCountry, type TPhoneInputComponent, type TPhoneMaskDirective, type TPhoneMaskSetCountryType, type PMaskPhoneNumber };
+export { PhoneInput, install, type TPhoneInputComponent, type TPhoneMaskDirective, type TPhoneMaskSetCountryType };
+export { vPhoneMask, setCountry as vPhoneMaskSetCountry } from './directives/vPhoneMask';
+export { usePhoneMask } from './composables/usePhoneMask';
+export type { PhoneNumber as PMaskPhoneNumber, Size as PhoneInputSize, Theme as PhoneInputTheme, UsePhoneMaskOptions, UsePhoneMaskReturn } from './types';
 declare const _default: {
     install: typeof install;
 };