maz-ui 4.0.0-beta.3 → 4.0.0-beta.4

package/dist/types/components/MazDialogPromise/useMazDialogPromise.d.ts

@@ -1,21 +1,21 @@
 import { Ref } from 'vue';
 import { MazBtnProps } from '../MazBtn.vue';
-export interface State {
+export interface MazDialogPromiseState {
     id: string;
     isActive: boolean;
     accept: (value: unknown) => void;
     reject?: (reason?: unknown) => void;
 }
-export interface ActionButton extends Omit<MazBtnProps, 'type'> {
+export interface MazDialogPromiseButtonAction extends Omit<MazBtnProps, 'type'> {
     text: string;
     onClick: () => unknown;
 }
-export interface PromiseButton extends Omit<MazBtnProps, 'type'> {
+export interface MazDialogButtonPromise extends Omit<MazBtnProps, 'type'> {
     text: string;
     type: 'accept' | 'reject';
     response?: unknown;
 }
-export type MazDialogPromiseButton = PromiseButton | ActionButton;
+export type MazDialogPromiseButton = MazDialogButtonPromise | MazDialogPromiseButtonAction;
 export interface MazDialogPromiseData {
     /**
      * Dialog title
@@ -46,9 +46,9 @@ export declare const defaultData: {
 declare function showDialogAndWaitChoice(identifier: string, callback?: () => unknown): Promise<unknown>;
 export declare function useMazDialogPromise(): {
     data: Ref<MazDialogPromiseData, MazDialogPromiseData>;
-    dialogState: Ref<State[], State[]>;
+    dialogState: Ref<MazDialogPromiseState[], MazDialogPromiseState[]>;
     showDialogAndWaitChoice: typeof showDialogAndWaitChoice;
-    reject: (currentDialog: State, response?: unknown, onClick?: () => unknown) => Promise<unknown>;
-    accept: (currentDialog: State, response?: unknown, onClick?: () => unknown) => Promise<unknown>;
+    reject: (currentDialog: MazDialogPromiseState, response?: unknown, onClick?: () => unknown) => Promise<unknown>;
+    accept: (currentDialog: MazDialogPromiseState, response?: unknown, onClick?: () => unknown) => Promise<unknown>;
 };
 export {};

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

@@ -5,22 +5,22 @@ import { MazLinkProps } from './MazLink.vue';
 import { MazColor, MazSize } from './types';
 import { MazPopoverProps } from './MazPopover.vue';
 type __VLS_Props = MazDropdownProps;
-type ItemBase = Record<string, unknown> & {
+type MazDropdownItemBase = Record<string, unknown> & {
     label: string;
     class?: unknown;
     color?: MazColor;
 };
-type LinkItem = ItemBase & MazLinkProps & {
+type MazDropdownLinkItem = MazDropdownItemBase & MazLinkProps & {
     target?: string;
     href?: string;
     to?: RouteLocationRaw;
 };
-type ActionItem = ItemBase & {
+type MazDropdownActionItem = MazDropdownItemBase & {
     onClick?: () => unknown;
 };
-export type MenuItem = (LinkItem & {
+export type MazDropdownMenuItem = (MazDropdownLinkItem & {
     action?: never;
-}) | (ActionItem & {
+}) | (MazDropdownActionItem & {
     href?: never;
     to?: never;
     target?: never;
@@ -46,7 +46,7 @@ export interface MazDropdownProps extends Omit<MazPopoverProps, 'modelValue'> {
     /**
      * Menu items to display in the dropdown
      * Each item can be either a link (with href/to properties) or an action (with onClick function)
-     * @type {MenuItem[]}
+     * @type {MazDropdownMenuItem[]}
      * @default []
      * @example
      * [
@@ -54,7 +54,7 @@ export interface MazDropdownProps extends Omit<MazPopoverProps, 'modelValue'> {
      *   { label: 'Settings', onClick: () => console.log('Settings clicked') }
      * ]
      */
-    items?: MenuItem[];
+    items?: MazDropdownMenuItem[];
     /**
      * Unique identifier for the dropdown component
      * @type {string}
@@ -63,8 +63,8 @@ export interface MazDropdownProps extends Omit<MazPopoverProps, 'modelValue'> {
     /**
      * Determines how the dropdown should be triggered
      * @type {MazPopoverProps['trigger']}
-     * @values click, hover, manual
-     * @default 'click'
+     * @values click, hover, manual, adaptive
+     * @default 'adaptive'
      */
     trigger?: MazPopoverProps['trigger'];
     /**
@@ -172,14 +172,14 @@ declare function __VLS_template(): {
             open: () => void;
         }): any;
         dropdown?(_: {
-            items: MenuItem[];
+            items: MazDropdownMenuItem[];
             open: () => void;
             close: () => void;
             isOpen: true;
             toggle: () => void;
         }): any;
         menuitem?(_: {
-            item: MenuItem;
+            item: MazDropdownMenuItem;
             open: () => void;
             close: () => void;
             isOpen: true;

package/dist/types/components/MazInputPhoneNumber/useLibphonenumber.d.ts

@@ -1,11 +1,11 @@
 import { CountryCode, Examples, getCountries, getCountryCallingCode } from 'libphonenumber-js';
-import { Results } from './types';
+import { MazInputPhoneNumberData } from '../MazInputPhoneNumber.vue';
 declare function isCountryAvailable(locale: string): boolean;
 declare function getPhoneNumberResults({ phoneNumber, countryCode, checkCountryCode, }: {
     phoneNumber?: string | undefined | null;
     countryCode?: CountryCode | undefined | null;
     checkCountryCode?: boolean;
-}): Results;
+}): MazInputPhoneNumberData;
 declare function getPhoneNumberExamplesFile(): Promise<Examples>;
 declare function getPhoneNumberExample(countryCode?: CountryCode | undefined | null): string | undefined;
 declare function getAsYouTypeFormat(countryCode?: CountryCode | undefined | null, phoneNumber?: string | undefined | null): string | undefined;

package/dist/types/components/MazInputPhoneNumber/useMazInputPhoneNumber.d.ts

@@ -1,10 +1,14 @@
 import { CountryCode } from 'libphonenumber-js';
-import { Country } from './types';
+export interface CountryOption {
+    code: CountryCode;
+    dialCode: string;
+    name: string;
+}
 declare function getBrowserLocale(): {
     locale: string;
     browserLocale: string;
 } | undefined;
-declare function getCountryList(locale?: string, customCountriesNameListByIsoCode?: Record<CountryCode, string>): Country[] | undefined;
+declare function getCountryList(locale?: string, customCountriesNameListByIsoCode?: Record<CountryCode, string>): CountryOption[] | undefined;
 declare function fetchCountryCode(): Promise<{
     data: CountryCode;
     error: undefined;

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

@@ -1,9 +1,24 @@
 import { MazTranslationsNestedSchema } from '@maz-ui/translations/src/types.js';
-import { CountryCode } from 'libphonenumber-js';
+import { CountryCallingCode, CountryCode, NationalNumber, NumberType } from 'libphonenumber-js';
 import { HTMLAttributes } from 'vue';
-import { Results } from './MazInputPhoneNumber/types';
 import { MazPopoverProps } from './MazPopover.vue';
 import { MazColor, MazSize } from './types';
+export interface MazInputPhoneNumberData {
+    isValid: boolean;
+    isPossible?: boolean;
+    countryCode?: CountryCode | undefined | null;
+    parsedCountryCode?: CountryCode | undefined | null;
+    countryCallingCode?: CountryCallingCode;
+    nationalNumber?: NationalNumber;
+    type?: NumberType;
+    formatInternational?: string;
+    formatNational?: string;
+    uri?: string;
+    e164?: string;
+    rfc3966?: string;
+    possibleCountries?: CountryCode[];
+    phoneNumber?: string | undefined | null;
+}
 export interface MazInputPhoneNumberProps {
     /**
      * Style attribut of the component root element
@@ -223,9 +238,9 @@ declare const results: import('vue').Ref<{
     isPossible?: boolean | undefined;
     countryCode?: CountryCode | null | undefined;
     parsedCountryCode?: CountryCode | null | undefined;
-    countryCallingCode?: import('libphonenumber-js').CountryCallingCode | undefined;
-    nationalNumber?: import('libphonenumber-js').NationalNumber | undefined;
-    type?: import('libphonenumber-js').NumberType;
+    countryCallingCode?: CountryCallingCode | undefined;
+    nationalNumber?: NationalNumber | undefined;
+    type?: NumberType;
     formatInternational?: string | undefined;
     formatNational?: string | undefined;
     uri?: string | undefined;
@@ -233,14 +248,14 @@ declare const results: import('vue').Ref<{
     rfc3966?: string | undefined;
     possibleCountries?: CountryCode[] | undefined;
     phoneNumber?: string | undefined | null | undefined;
-}, Results | {
+}, MazInputPhoneNumberData | {
     isValid: boolean;
     isPossible?: boolean | undefined;
     countryCode?: CountryCode | null | undefined;
     parsedCountryCode?: CountryCode | null | undefined;
-    countryCallingCode?: import('libphonenumber-js').CountryCallingCode | undefined;
-    nationalNumber?: import('libphonenumber-js').NationalNumber | undefined;
-    type?: import('libphonenumber-js').NumberType;
+    countryCallingCode?: CountryCallingCode | undefined;
+    nationalNumber?: NationalNumber | undefined;
+    type?: NumberType;
     formatInternational?: string | undefined;
     formatNational?: string | undefined;
     uri?: string | undefined;
@@ -264,7 +279,7 @@ declare function __VLS_template(): {
         }): any;
         'country-list-flag'?(_: {
             countryCode: CountryCode;
-            option: import('./MazInputPhoneNumber/types').Country;
+            option: import('./MazInputPhoneNumber/useMazInputPhoneNumber').CountryOption;
             isSelected: boolean;
         }): any;
     };
@@ -316,12 +331,12 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<MazInputPhoneNumberProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    data: (results: Results) => any;
+    data: (results: MazInputPhoneNumberData) => any;
     "update:model-value": (value: string | null | undefined) => any;
     "country-code": (countryCode?: CountryCode | null | undefined) => any;
     "update:country-code": (countryCode?: CountryCode | null | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<MazInputPhoneNumberProps> & Readonly<{
-    onData?: ((results: Results) => any) | undefined;
+    onData?: ((results: MazInputPhoneNumberData) => any) | undefined;
     "onUpdate:model-value"?: ((value: string | null | undefined) => any) | undefined;
     "onCountry-code"?: ((countryCode?: CountryCode | null | undefined) => any) | undefined;
     "onUpdate:country-code"?: ((countryCode?: CountryCode | null | undefined) => any) | undefined;
@@ -333,7 +348,7 @@ declare const __VLS_component: import('vue').DefineComponent<MazInputPhoneNumber
     orientation: "row" | "col" | "responsive";
     example: boolean;
     useBrowserLocale: boolean;
-    listPosition: import('./MazPopover.vue').PopoverPosition;
+    listPosition: import('./MazPopover.vue').MazPopoverPosition;
     searchThreshold: number;
     hideFlags: boolean;
     showCodeInList: boolean;

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

@@ -47,15 +47,15 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<MazLazyImgProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    error: (el: HTMLElement) => any;
-    loaded: (el: HTMLElement) => any;
-    loading: (el: HTMLElement) => any;
-    intersecting: (el: HTMLElement) => any;
+    error: (el: Element) => any;
+    loaded: (el: Element) => any;
+    loading: (el: Element) => any;
+    intersecting: (el: Element) => any;
 }, string, import('vue').PublicProps, Readonly<MazLazyImgProps> & Readonly<{
-    onError?: ((el: HTMLElement) => any) | undefined;
-    onLoaded?: ((el: HTMLElement) => any) | undefined;
-    onLoading?: ((el: HTMLElement) => any) | undefined;
-    onIntersecting?: ((el: HTMLElement) => any) | undefined;
+    onError?: ((el: Element) => any) | undefined;
+    onLoaded?: ((el: Element) => any) | undefined;
+    onLoading?: ((el: Element) => any) | undefined;
+    onIntersecting?: ((el: Element) => any) | undefined;
 }>, {
     src: MazImage | null;
     style: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;

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

@@ -1,9 +1,9 @@
 import { HTMLAttributes } from 'vue';
 import { MazColor } from './types';
 type __VLS_Props = MazPopoverProps;
-export type PopoverPosition = 'auto' | 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
-export type PopoverTrigger = 'click' | 'hover' | 'manual';
-export type PopoverRole = 'dialog' | 'tooltip' | 'menu';
+export type MazPopoverPosition = 'auto' | 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
+export type MazPopoverTrigger = 'click' | 'hover' | 'manual' | 'adaptive';
+export type MazPopoverRole = 'dialog' | 'tooltip' | 'menu';
 export interface MazPopoverProps {
     /**
      * Controls the popover open state
@@ -18,35 +18,35 @@ export interface MazPopoverProps {
      * @default auto
      * @description Position of the popover relative to trigger
      */
-    position?: PopoverPosition;
+    position?: MazPopoverPosition;
     /**
      * Preferred position of the popover relative to trigger when auto position is used
      * @values auto, top, bottom, left, right, top-start, top-end, bottom-start, bottom-end, left-start, left-end, right-start, right-end
      * @default 'bottom-start'
      * @description Preferred position of the popover relative to trigger
      */
-    preferPosition?: PopoverPosition;
+    preferPosition?: MazPopoverPosition;
     /**
      * Fallback position of the popover relative to trigger when prefer position is not visible
      * @values auto, top, bottom, left, right, top-start, top-end, bottom-start, bottom-end, left-start, left-end, right-start, right-end
      * @default auto
      * @description Fallback position of the popover relative to trigger
      */
-    fallbackPosition?: PopoverPosition;
+    fallbackPosition?: MazPopoverPosition;
     /**
      * How the popover is triggered
-     * @values click, hover, manual
+     * @values click, hover, manual, adaptive
      * @default click
-     * @description How the popover is triggered
+     * @description How the popover is triggered. 'adaptive' uses hover on desktop and click on mobile
      */
-    trigger?: PopoverTrigger;
+    trigger?: MazPopoverTrigger;
     /**
      * ARIA role for accessibility
      * @values dialog, tooltip
      * @default dialog
      * @description ARIA role for accessibility
      */
-    role?: PopoverRole;
+    role?: MazPopoverRole;
     /**
      * ARIA label for the popover
      * @default undefined

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

@@ -1,6 +1,6 @@
 import { MazTranslationsNestedSchema } from '@maz-ui/translations/src/types.js';
 import { HTMLAttributes } from 'vue';
-import { PopoverPosition } from './MazPopover.vue';
+import { MazPopoverPosition } from './MazPopover.vue';
 import { MazColor, MazSize } from './types';
 import { CodesType, DisplayNameCode, DisplayNamesOptions } from '../composables/useDisplayNames';
 import { MazSelectProps } from './MazSelect.vue';
@@ -54,7 +54,7 @@ export interface MazSelectCountryProps<Option extends {
      * @type {PopoverPosition}
      * @default bottom-start
      */
-    listPosition?: PopoverPosition;
+    listPosition?: MazPopoverPosition;
     /**
      * Hide flags
      */

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

@@ -71,7 +71,7 @@ export type { MazLoadingBarProps } from './MazLoadingBar.vue';
 export { default as MazPagination } from './MazPagination.vue';
 export type { MazPaginationProps } from './MazPagination.vue';
 export { default as MazPopover } from './MazPopover.vue';
-export type { PopoverPosition as MazPopoverPosition, MazPopoverProps, PopoverRole as MazPopoverRole, PopoverTrigger as MazPopoverTrigger } from './MazPopover.vue';
+export type { MazPopoverPosition, MazPopoverProps, MazPopoverRole, MazPopoverTrigger } from './MazPopover.vue';
 export { default as MazPullToRefresh } from './MazPullToRefresh.vue';
 export type { MazPullToRefreshProps } from './MazPullToRefresh.vue';
 export { default as MazRadio } from './MazRadio.vue';

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

@@ -1,2 +1,2 @@
 import { InjectionKey } from 'vue';
-export declare function useInjectStrict<T>(key: string | InjectionKey<T> | symbol, fallback?: T): NonNullable<T>;
+export declare function useInjectStrict<T>(key: string | InjectionKey<T> | symbol, fallback?: T, errorMessage?: string): NonNullable<T>;

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

@@ -1,4 +1,4 @@
-import { DirectiveBinding } from 'vue';
+import { ObjectDirective, Plugin } from 'vue';
 interface VClickOutsideOptions {
     /**
      * The callback function to be called when the element is clicked outside.
@@ -24,20 +24,13 @@ interface VClickOutsideOptions {
 /**
  * The value of the v-click-outside directive.
  */
-type vClickOutsideBindingValue = ((...args: any[]) => any) | VClickOutsideOptions;
-/**
- * The binding of the v-click-outside directive.
- */
-type vClickOutsideDirectiveBinding = DirectiveBinding<vClickOutsideBindingValue>;
-declare function onMounted(el: HTMLElement, binding: vClickOutsideDirectiveBinding): Promise<void>;
-declare function onUnmounted(el: HTMLElement): void;
-declare function onUpdated(el: HTMLElement, binding: vClickOutsideDirectiveBinding): void;
-declare const directive: {
-    mounted: typeof onMounted;
-    updated: typeof onUpdated;
-    unmounted: typeof onUnmounted;
-};
-declare const plugin: {
-    install: (app: import('vue').App<any>) => void;
-};
-export { directive as vClickOutside, type vClickOutsideBindingValue, plugin as vClickOutsideInstall, type VClickOutsideOptions, };
+type VClickOutsideBindingValue = ((...args: any[]) => any) | VClickOutsideOptions;
+export type VClickOutsideDirective = ObjectDirective<HTMLElement, VClickOutsideBindingValue>;
+declare const directive: VClickOutsideDirective;
+declare const plugin: Plugin;
+export { directive as vClickOutside, type VClickOutsideBindingValue, plugin as vClickOutsideInstall, type VClickOutsideOptions, };
+declare module 'vue' {
+    interface GlobalDirectives {
+        vClickOutside: VClickOutsideDirective;
+    }
+}

package/dist/types/directives/vFullscreenImg/fullscreen-img.directive.d.ts

@@ -1,7 +1,5 @@
+import { ObjectDirective } from 'vue';
 import { VFullscreenImgBindingValue } from './fullscreen-img.handler';
-declare const directive: {
-    mounted(el: HTMLElement, binding: import('vue').DirectiveBinding<VFullscreenImgBindingValue, string, string>): void;
-    updated(el: HTMLElement, binding: import('vue').DirectiveBinding<VFullscreenImgBindingValue, string, string>): void;
-    unmounted(el: HTMLElement): void;
-};
+export type VFullscreenImgDirective = ObjectDirective<HTMLElement, VFullscreenImgBindingValue>;
+declare const directive: VFullscreenImgDirective;
 export { directive as vFullscreenImg };

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

@@ -1,6 +1,11 @@
-declare const plugin: {
-    install(app: import('vue').App<any>): void;
-};
+import { Plugin } from 'vue';
+import { VFullscreenImgDirective } from './vFullscreenImg/fullscreen-img.directive';
+declare const plugin: Plugin;
 export { plugin as vFullscreenImgInstall };
-export { vFullscreenImg } from './vFullscreenImg/fullscreen-img.directive';
+export { vFullscreenImg, type VFullscreenImgDirective } from './vFullscreenImg/fullscreen-img.directive';
 export type { VFullscreenImgBindingValue, VFullscreenImgOptions } from './vFullscreenImg/fullscreen-img.handler';
+declare module 'vue' {
+    interface GlobalDirectives {
+        vFullscreenImg: VFullscreenImgDirective;
+    }
+}

package/dist/types/directives/vLazyImg/lazy-img.directive.d.ts

@@ -1,7 +1,5 @@
+import { ObjectDirective } from 'vue';
 import { VLazyImgBindingValue } from './lazy-img.handler';
-declare const directive: {
-    created(el: HTMLElement, binding: import('vue').DirectiveBinding<VLazyImgBindingValue, string, string>): void;
-    updated(el: HTMLElement, binding: import('vue').DirectiveBinding<VLazyImgBindingValue, string, string>): void;
-    unmounted(el: HTMLElement, binding: import('vue').DirectiveBinding<VLazyImgBindingValue, string, string>): void;
-};
+export type VLazyImgDirective = ObjectDirective<HTMLElement, VLazyImgBindingValue>;
+declare const directive: VLazyImgDirective;
 export { directive as vLazyImg };

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

@@ -1,7 +1,12 @@
-import { VLazyImgBindingValue, VLazyImgOptions } from './vLazyImg/types';
-declare const plugin: {
-    install(app: import('vue').App<any>, opts?: Partial<import('./vLazyImg/types').ClassOptions>): void;
-};
-export { vLazyImg } from './vLazyImg/lazy-img.directive';
+import { Plugin } from 'vue';
+import { VLazyImgDirective } from './vLazyImg/lazy-img.directive';
+import { VLazyImgOptions } from './vLazyImg/types';
+declare const plugin: Plugin<[VLazyImgOptions?]>;
+export { vLazyImg, type VLazyImgDirective } from './vLazyImg/lazy-img.directive';
 export { plugin as vLazyImgInstall };
-export type { VLazyImgBindingValue, VLazyImgOptions };
+export type { VLazyImgBindingValue, VLazyImgOptions } from './vLazyImg/types';
+declare module 'vue' {
+    interface GlobalDirectives {
+        vLazyImg: VLazyImgDirective;
+    }
+}

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

@@ -1,5 +1,5 @@
-import { DirectiveBinding } from 'vue';
-import { MazPopoverProps, PopoverPosition, PopoverTrigger } from '../components/MazPopover.vue';
+import { DirectiveBinding, ObjectDirective, Plugin } from 'vue';
+import { MazPopoverPosition, MazPopoverProps, MazPopoverTrigger } from '../components/MazPopover.vue';
 interface VTooltipOptions extends Partial<Omit<MazPopoverProps, 'modelValue'>> {
     /**
      * Text to display in the tooltip
@@ -19,12 +19,12 @@ interface VTooltipOptions extends Partial<Omit<MazPopoverProps, 'modelValue'>> {
      * The preferred position is set to 'top' if no position is provided
      * @default undefined
      */
-    position?: PopoverPosition;
+    position?: MazPopoverPosition;
     /**
      * Trigger of the tooltip
      * @default hover
      */
-    trigger?: PopoverTrigger;
+    trigger?: MazPopoverTrigger;
     /**
      * Close on click outside
      * @default false
@@ -43,12 +43,12 @@ interface VTooltipOptions extends Partial<Omit<MazPopoverProps, 'modelValue'>> {
 }
 type VTooltipBindingValue = string | VTooltipOptions;
 export type TooltipBinding = DirectiveBinding<VTooltipBindingValue, NonNullable<MazPopoverProps['position']>>;
-declare const directive: {
-    mounted(el: HTMLElement, binding: TooltipBinding): void;
-    updated(el: HTMLElement, binding: TooltipBinding): void;
-    unmounted(el: HTMLElement): void;
-};
-declare const plugin: {
-    install: (app: import('vue').App<any>, options?: Partial<VTooltipOptions>) => void;
-};
+export type VTooltipDirective = ObjectDirective<HTMLElement, VTooltipBindingValue, NonNullable<MazPopoverProps['position']>>;
+declare const directive: VTooltipDirective;
+declare const plugin: Plugin<[Partial<VTooltipOptions>?]>;
 export { directive as vTooltip, type VTooltipBindingValue, plugin as vTooltipInstall, type VTooltipOptions, };
+declare module 'vue' {
+    interface GlobalDirectives {
+        vTooltip: VTooltipDirective;
+    }
+}

package/dist/types/directives/vZoomImg/zoom-img.directive.d.ts

@@ -1,4 +1,6 @@
+import { ObjectDirective } from 'vue';
 import { VZoomImgBindingValue } from './zoom-img.handler';
+export type VZoomImgDirective = ObjectDirective<HTMLElement, VZoomImgBindingValue>;
 export declare const vZoomImg: {
     created(el: HTMLElement, binding: import('vue').DirectiveBinding<VZoomImgBindingValue, string, string>): void;
     updated(_el: HTMLElement, binding: import('vue').DirectiveBinding<VZoomImgBindingValue, string, string>): void;

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

@@ -1,6 +1,10 @@
-import { vZoomImg } from './vZoomImg/zoom-img.directive';
-declare const plugin: {
-    install(app: import('vue').App<any>): void;
-};
-export { vZoomImg, plugin as vZoomImgInstall };
+import { Plugin } from 'vue';
+import { vZoomImg, VZoomImgDirective } from './vZoomImg/zoom-img.directive';
+declare const plugin: Plugin;
+export { vZoomImg, type VZoomImgDirective, plugin as vZoomImgInstall };
 export type { VZoomImgBindingValue } from './vZoomImg/zoom-img.handler';
+declare module 'vue' {
+    interface GlobalDirectives {
+        vZoomImg: VZoomImgDirective;
+    }
+}

package/dist/types/plugins/aos.d.ts

@@ -1,13 +1,41 @@
-import { App } from 'vue';
+import { Plugin } from 'vue';
 import { Router } from 'vue-router';
 export interface AosOptions {
     animation?: {
+        /**
+         * The delay of the animation
+         * @default 0
+         */
         delay?: number;
+        /**
+         * The duration of the animation
+         * @default 300
+         */
         duration?: number;
+        /**
+         * If true, the animation will be triggered only once
+         * @default true
+         */
         once?: boolean;
     };
+    /**
+     * The delay before the animation starts
+     * @default 100
+     */
     delay?: number;
+    /**
+     * The observer options
+     * @default {
+     *   root: undefined,
+     *   rootMargin: '0px',
+     *   threshold: 0.2,
+     * }
+     */
     observer?: IntersectionObserverInit;
+    /**
+     * The router instance to trigger the animation on route change
+     * @default undefined
+     */
     router?: Router;
 }
 interface ClassOptions extends Omit<AosOptions, 'router'> {
@@ -29,9 +57,7 @@ export declare class AosHandler {
     private handleObserver;
     runAnimations(): Promise<void> | undefined;
 }
-export declare const AosPlugin: {
-    install: (app: App, options?: AosOptions) => void;
-};
+export declare const AosPlugin: Plugin<[AosOptions?]>;
 declare module '@vue/runtime-core' {
     interface ComponentCustomProperties {
         /**

package/dist/types/plugins/dialog.d.ts

@@ -1,8 +1,6 @@
-import { App } from 'vue';
+import { Plugin } from 'vue';
 import { DialogOptions, DialogHandler } from './dialog/DialogHandler';
-export declare const DialogPlugin: {
-    install(app: App, options?: DialogOptions): void;
-};
+export declare const DialogPlugin: Plugin<[DialogOptions?]>;
 declare module '@vue/runtime-core' {
     interface ComponentCustomProperties {
         /**