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

package/dist/index.js

@@ -1,114 +1 @@
-import { c, p } from "./chunks/pascalCase.D_nuQ66I.js";
-import { c as c2 } from "./chunks/capitalize.BF6CDS_4.js";
-import { f } from "./chunks/formatCurrency.C8NzW9Ii.js";
-import { f as f2 } from "./chunks/formatDate.DZ_OzdnV.js";
-import { c as c3 } from "./chunks/checkAvailability.aTpZidex.js";
-import { t as truthyFilter } from "./chunks/truthyFilter.C2WOKUCG.js";
-import { d } from "./chunks/debounce.Brzkn9pm.js";
-import { d as d2 } from "./chunks/debounceCallback.B69vn57Q.js";
-import { d as d3, i, t } from "./chunks/throttleId.7PhWZjcS.js";
-import { g } from "./chunks/getCountryFlagUrl.dQjriBXx.js";
-import { I } from "./chunks/idleTimeout.-ICpdeGV.js";
-import { i as i2 } from "./chunks/isClient.WI4oSt66.js";
-import { i as i3 } from "./chunks/isServer.BokzeB-Q.js";
-import { i as i4 } from "./chunks/isStandaloneMode.BpUpOTbA.js";
-import { n } from "./chunks/normalizeString.CFe2M8S_.js";
-import { s } from "./chunks/sleep.BLRH1qZG.js";
-import { S } from "./chunks/swipeHandler.8emelhOL.js";
-import { T } from "./chunks/TextareaAutogrow.C22LQx0k.js";
-import { t as t2 } from "./chunks/throttle.DN8ARw0a.js";
-import { U } from "./chunks/userVisibility.BbQSJASv.js";
-const DEFAULT_OPTIONS = {
-  minimumFractionDigits: 2
-};
-function formatNumber(number, locale, options) {
-  const filterOptions = {
-    ...DEFAULT_OPTIONS,
-    ...options
-  };
-  if (number === void 0)
-    throw new TypeError("[maz-ui](FilterNumber) The `number` attribute is required.");
-  if (locale === void 0)
-    throw new TypeError("[maz-ui](FilterNumber) The `locale` attribute is required.");
-  if (typeof locale != "string")
-    throw new TypeError("[maz-ui](FilterNumber) The `locale` attribute must be a string.");
-  try {
-    return new Intl.NumberFormat(locale, filterOptions).format(Number(number));
-  } catch (error) {
-    throw new Error(`[maz-ui](FilterNumber) ${error}`);
-  }
-}
-function countryCodeToUnicodeFlag(locale) {
-  return [...locale].map((letter) => {
-    const code = letter.codePointAt(0);
-    return code ? code % 32 + 127461 : void 0;
-  }).filter(truthyFilter).map((n2) => String.fromCodePoint(n2)).join("");
-}
-class ScriptLoader {
-  src;
-  script;
-  once;
-  async;
-  defer;
-  identifier;
-  constructor({ src, identifier, once = !0, async = !0, defer = !0 }) {
-    if (typeof window > "u")
-      throw new TypeError("[ScriptLoader]: Is supported only on browser side");
-    if (!src)
-      throw new Error('[ScriptLoader]: You should provide the attribut "src"');
-    if (!identifier)
-      throw new Error('[ScriptLoader]: You should provide the attribut "identifier"');
-    this.src = src, this.identifier = identifier, this.once = once, this.async = async, this.defer = defer;
-  }
-  removeTag(tag) {
-    typeof tag == "string" ? document.head.querySelector(`[data-identifier="${tag}"]`)?.remove() : tag.remove();
-  }
-  load() {
-    const windowInstance = window, scriptTags = document.head.querySelectorAll(`[data-identifier="${this.identifier}"]`);
-    if (this.once && windowInstance[this.identifier] && scriptTags.length > 0)
-      return this.script = windowInstance[this.identifier], Promise.resolve(this.script);
-    if (!this.once && scriptTags.length > 0)
-      for (const tag of scriptTags)
-        this.removeTag(tag);
-    return this.injectScript();
-  }
-  injectScript() {
-    const windowInstance = window;
-    return new Promise((resolve, reject) => {
-      try {
-        const script = document.createElement("script");
-        script.src = this.src, script.async = this.async, script.defer = this.defer, script.dataset.identifier = this.identifier, script.addEventListener("error", (error) => reject(new Error(`[ScriptLoader](injectScript) ${error.message}`))), script.addEventListener("load", (success) => (this.script = success, windowInstance[this.identifier] = success, resolve(success))), document.head.append(script);
-      } catch (error) {
-        throw new Error(`[ScriptLoader](init) ${error}`);
-      }
-    });
-  }
-}
-export {
-  I as IdleTimeout,
-  ScriptLoader,
-  S as Swipe,
-  T as TextareaAutogrow,
-  U as UserVisibility,
-  c as camelCase,
-  c2 as capitalize,
-  c3 as checkAvailability,
-  countryCodeToUnicodeFlag,
-  d as debounce,
-  d2 as debounceCallback,
-  d3 as debounceId,
-  f as formatCurrency,
-  f2 as formatDate,
-  formatNumber,
-  g as getCountryFlagUrl,
-  i2 as isClient,
-  i as isEqual,
-  i3 as isServer,
-  i4 as isStandaloneMode,
-  n as normalizeString,
-  p as pascalCase,
-  s as sleep,
-  t2 as throttle,
-  t as throttleId,
-  truthyFilter
-};
+export * from "@maz-ui/utils";

package/dist/plugins/maz-ui.js

@@ -260,8 +260,7 @@ function injectThemeCSS(finalPreset, config) {
   if (typeof document > "u")
     return;
   const cssOptions = {
-    mode: "both",
-    prefix: config.prefix
+    mode: config.colorMode === "auto" ? "both" : config.colorMode
   };
   if (config.injectCriticalCSS) {
     const criticalCSS = generateCriticalCSS(finalPreset, cssOptions);
@@ -284,7 +283,6 @@ const MazUiTheme = {
       strategy: "runtime",
       darkModeStrategy: "class",
       colorMode: "auto",
-      prefix: "maz",
       injectCriticalCSS: !0,
       injectFullCSS: !0,
       ...options
@@ -311,7 +309,7 @@ const MazUiTheme = {
     themeState.currentPreset = finalPreset, config.strategy !== "buildtime" && injectThemeCSS(finalPreset, config);
   }
 }, defaultLocaleLoaders = {
-  en: () => import("../chunks/en.BzBlrE0C.js"),
+  en: () => import("../chunks/en.Q_4-KljL.js"),
   fr: () => import("../chunks/fr.BVPG-7Dk.js"),
   es: () => import("../chunks/es.BV1TlfTw.js"),
   de: () => import("../chunks/de.B15Maq8Z.js"),
@@ -399,68 +397,9 @@ const MazTranslations = {
     return app.config.globalProperties.$mazTranslations = i18n, app.provide("mazTranslations", i18n), i18n;
   }
 }, MazUi = {
-  // eslint-disable-next-line complexity, sonarjs/cognitive-complexity
-  async install(app, options = {}) {
+  install(app, options = {}) {
     const { theme, translations } = options;
     app.use(MazUiTheme, theme), app.use(MazTranslations, translations);
-    const pluginPromises = [];
-    if (options.plugins?.dialog) {
-      const dialogOptions = typeof options.plugins.dialog == "boolean" ? void 0 : options.plugins.dialog;
-      pluginPromises.push(
-        import("./dialog.js").then(({ DialogPlugin }) => {
-          app.use(DialogPlugin, dialogOptions);
-        })
-      );
-    }
-    if (options.plugins?.toast) {
-      const toastOptions = typeof options.plugins.toast == "boolean" ? void 0 : options.plugins.toast;
-      pluginPromises.push(
-        import("./toast.js").then(({ ToastPlugin }) => {
-          app.use(ToastPlugin, toastOptions);
-        })
-      );
-    }
-    if (options.plugins?.wait && pluginPromises.push(
-      import("./wait.js").then(({ WaitPlugin }) => {
-        app.use(WaitPlugin);
-      })
-    ), options.plugins?.aos) {
-      const aosOptions = typeof options.plugins.aos == "boolean" ? void 0 : options.plugins.aos;
-      pluginPromises.push(
-        import("./aos.js").then(({ AosPlugin }) => {
-          app.use(AosPlugin, aosOptions);
-        })
-      );
-    }
-    if (options.directives?.vTooltip) {
-      const vTooltipOptions = typeof options.directives.vTooltip == "boolean" ? void 0 : options.directives.vTooltip;
-      pluginPromises.push(
-        import("../directives/vTooltip.js").then(({ vTooltipInstall }) => {
-          app.use(vTooltipInstall, vTooltipOptions);
-        })
-      );
-    }
-    if (options.directives?.vLazyImg) {
-      const vLazyImgOptions = typeof options.directives.vLazyImg == "boolean" ? void 0 : options.directives.vLazyImg;
-      pluginPromises.push(
-        import("../directives/vLazyImg.js").then(({ vLazyImgInstall }) => {
-          app.use(vLazyImgInstall, vLazyImgOptions);
-        })
-      );
-    }
-    options.directives?.vClickOutside && pluginPromises.push(
-      import("../directives/vClickOutside.js").then(({ vClickOutsideInstall }) => {
-        app.use(vClickOutsideInstall);
-      })
-    ), options.directives?.vFullscreenImg && pluginPromises.push(
-      import("../directives/vFullscreenImg.js").then(({ vFullscreenImgInstall }) => {
-        app.use(vFullscreenImgInstall);
-      })
-    ), options.directives?.vZoomImg && pluginPromises.push(
-      import("../directives/vZoomImg.js").then(({ vZoomImgInstall }) => {
-        app.use(vZoomImgInstall);
-      })
-    ), await Promise.all(pluginPromises);
   }
 };
 export {

package/dist/plugins/toast.js

@@ -1,6 +1,6 @@
 import { useMountComponent } from "../composables/useMountComponent.js";
 import { defineComponent, defineAsyncComponent, ref, computed, watch, onMounted, createBlock, openBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, withModifiers, createCommentVNode, createElementBlock, resolveDynamicComponent, toDisplayString, Fragment, renderList, unref, mergeProps, normalizeStyle, createVNode, vShow } from "vue";
-import { MazExclamationCircle, MazCheckCircle, MazInformationCircle, MazExclamationTriangle, MazXMark, MazArrowTopRightOnSquare, MazLinkIcon } from "@maz-ui/icons";
+import { u as ur, b as at, t as tn, w as wr, d as si, E, f as mn } from "../chunks/index.CvKh762h.js";
 import { useTimer } from "../composables/useTimer.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
 import '../assets/toast.kunueRvo.css';const _hoisted_1 = ["textContent", "innerHTML"], _hoisted_2 = {
@@ -32,13 +32,13 @@ import '../assets/toast.kunueRvo.css';const _hoisted_1 = ["textContent", "innerH
       if (__props.icon)
         switch (__props.type) {
           case "destructive":
-            return MazExclamationTriangle;
+            return wr;
           case "info":
-            return MazInformationCircle;
+            return tn;
           case "success":
-            return MazCheckCircle;
+            return at;
           case "warning":
-            return MazExclamationCircle;
+            return ur;
           default:
             return;
         }
@@ -116,7 +116,7 @@ import '../assets/toast.kunueRvo.css';const _hoisted_1 = ["textContent", "innerH
     }
     function getButtonRightIcon(button) {
       if (!(!button.to && !button.href))
-        return button.target === "_blank" ? MazArrowTopRightOnSquare : MazLinkIcon;
+        return button.target === "_blank" ? E : mn;
     }
     return __expose({
       /**
@@ -182,7 +182,7 @@ import '../assets/toast.kunueRvo.css';const _hoisted_1 = ["textContent", "innerH
             class: "m-toast__close",
             onClick: _cache[5] || (_cache[5] = withModifiers(($event) => click($event), ["stop"]))
           }, [
-            createVNode(unref(MazXMark), { class: "m-toast__close-icon" })
+            createVNode(unref(si), { class: "m-toast__close-icon" })
           ])
         ], 2), [
           [vShow, isActive.value]

package/dist/resolvers/MazComponentsResolver.js

@@ -1,4 +1,10 @@
-import { p as pascalCase } from "../chunks/pascalCase.D_nuQ66I.js";
+import { c as capitalize } from "../chunks/capitalize.BF6CDS_4.js";
+function camelCase(str) {
+  return str.replaceAll(/-(\w)/g, (_, c) => c ? c.toUpperCase() : "");
+}
+function pascalCase(str) {
+  return capitalize(camelCase(str));
+}
 const a = [
   "MazAcademicCap",
   "MazAdjustmentsHorizontal",

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

@@ -249,11 +249,11 @@ declare function __VLS_template(): {
             $data: {};
             $props: {
                 readonly modelValue?: boolean | undefined;
-                readonly position?: import('./MazPopover.vue').PopoverPosition | undefined;
-                readonly preferPosition?: import('./MazPopover.vue').PopoverPosition | undefined;
-                readonly fallbackPosition?: import('./MazPopover.vue').PopoverPosition | undefined;
-                readonly trigger?: import('./MazPopover.vue').PopoverTrigger | undefined;
-                readonly role?: import('./MazPopover.vue').PopoverRole | undefined;
+                readonly position?: import('./MazPopover.vue').MazPopoverPosition | undefined;
+                readonly preferPosition?: import('./MazPopover.vue').MazPopoverPosition | undefined;
+                readonly fallbackPosition?: import('./MazPopover.vue').MazPopoverPosition | undefined;
+                readonly trigger?: import('./MazPopover.vue').MazPopoverTrigger | undefined;
+                readonly role?: import('./MazPopover.vue').MazPopoverRole | undefined;
                 readonly ariaLabel?: string | undefined;
                 readonly announceChanges?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
@@ -407,7 +407,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     hideHeader: boolean;
     inputFormat: Intl.DateTimeFormatOptions;
     autoClose: boolean;
-    pickerPosition: import('./MazPopover.vue').PopoverPosition;
+    pickerPosition: import('./MazPopover.vue').MazPopoverPosition;
     onlyTime: boolean;
     useBrowserLocale: boolean;
     fetchLocal: boolean;
@@ -417,11 +417,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $data: {};
         $props: {
             readonly modelValue?: boolean | undefined;
-            readonly position?: import('./MazPopover.vue').PopoverPosition | undefined;
-            readonly preferPosition?: import('./MazPopover.vue').PopoverPosition | undefined;
-            readonly fallbackPosition?: import('./MazPopover.vue').PopoverPosition | undefined;
-            readonly trigger?: import('./MazPopover.vue').PopoverTrigger | undefined;
-            readonly role?: import('./MazPopover.vue').PopoverRole | undefined;
+            readonly position?: import('./MazPopover.vue').MazPopoverPosition | undefined;
+            readonly preferPosition?: import('./MazPopover.vue').MazPopoverPosition | undefined;
+            readonly fallbackPosition?: import('./MazPopover.vue').MazPopoverPosition | undefined;
+            readonly trigger?: import('./MazPopover.vue').MazPopoverTrigger | undefined;
+            readonly role?: import('./MazPopover.vue').MazPopoverRole | undefined;
             readonly ariaLabel?: string | undefined;
             readonly announceChanges?: boolean | undefined;
             readonly disabled?: boolean | undefined;

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
      */