maz-ui 3.43.3 → 3.44.0

package/components/MazIcon.mjs

@@ -1,9 +1,9 @@
-import { inject as b, defineComponent as C, ref as g, computed as p, onMounted as P, watchEffect as _, openBlock as h, createElementBlock as S, Fragment as $, createCommentVNode as a, mergeProps as A, nextTick as q } from "vue";
-function H(l, u) {
-  const s = b(l, u);
-  if (!s)
+import { inject as b, defineComponent as C, ref as g, computed as p, onMounted as P, watchEffect as _, openBlock as h, createElementBlock as S, Fragment as $, createCommentVNode as s, mergeProps as A, nextTick as q } from "vue";
+function H(l, d) {
+  const o = b(l, d);
+  if (!o)
     throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${l}`);
-  return s;
+  return o;
 }
 const I = ["innerHTML"], G = /* @__PURE__ */ C({
   __name: "MazIcon",
@@ -25,18 +25,20 @@ const I = ["innerHTML"], G = /* @__PURE__ */ C({
     }
   },
   emits: ["loaded", "unloaded", "error"],
-  setup(l, { emit: u }) {
-    const s = {}, i = g(), v = g(), w = () => {
+  setup(l, { emit: d }) {
+    const o = l, f = d, a = {}, i = g(), v = g();
+    function w() {
       try {
         return H("mazIconPath");
       } catch {
         return;
       }
-    }, o = l, d = u, f = p(() => o.path ?? w()), E = p(() => o.src ? o.src : f.value ? `${f.value}/${o.name}.svg` : `/${o.name}.svg`);
+    }
+    const m = p(() => o.path ?? w()), E = p(() => o.src ? o.src : m.value ? `${m.value}/${o.name}.svg` : `/${o.name}.svg`);
     P(() => {
       !o.name && !o.src && console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');
     });
-    const y = (e, n) => {
+    function y(e, n) {
       const t = e.querySelectorAll("title");
       if (t.length > 0)
         t[0].textContent = n;
@@ -44,43 +46,52 @@ const I = ["innerHTML"], G = /* @__PURE__ */ C({
         const r = document.createElementNS("http://www.w3.org/2000/svg", "title");
         r.textContent = n, e.append(r);
       }
-    }, z = (e) => Object.keys(e).reduce((n, t) => (e[t] !== !1 && e[t] !== null && e[t] !== void 0 && (n[t] = e[t]), n), {}), M = (e) => {
+    }
+    function z(e) {
+      return Object.keys(e).reduce((n, t) => (e[t] !== !1 && e[t] !== null && e[t] !== void 0 && (n[t] = e[t]), n), {});
+    }
+    function M(e) {
       const n = {}, t = e.attributes;
       if (!t)
         return n;
       for (let r = t.length - 1; r >= 0; r--)
         n[t[r].name] = t[r].value;
       return n;
-    }, T = (e) => {
+    }
+    function T(e) {
       let n = e.cloneNode(!0);
       return n = o.transformSource(e), o.title && y(n, o.title), e.innerHTML;
-    }, x = async (e) => {
-      s[e] || (s[e] = L(e));
+    }
+    async function x(e) {
+      a[e] || (a[e] = L(e));
       try {
-        i.value = await s[e], await q(), d("loaded", v.value);
+        i.value = await a[e], await q(), f("loaded", v.value);
       } catch (n) {
-        i.value && (i.value = void 0, d("unloaded")), delete s[e], d("error", n);
+        i.value && (i.value = void 0, f("unloaded")), delete a[e], f("error", n);
       }
-    }, L = (e) => new Promise((n, t) => {
-      const r = new XMLHttpRequest();
-      r.open("GET", e, !0), r.addEventListener("load", () => {
-        if (r.status >= 200 && r.status < 400)
-          try {
-            let c = new DOMParser().parseFromString(r.responseText, "text/xml").querySelectorAll("svg")[0];
-            c ? (c = o.transformSource(c), n(c)) : t(new Error('Loaded file is not valid SVG"'));
-          } catch (m) {
-            t(m);
-          }
-        else
-          t(new Error("Error loading SVG"));
-      }), r.addEventListener("error", () => t()), r.send();
-    });
+    }
+    function L(e) {
+      return new Promise((n, t) => {
+        const r = new XMLHttpRequest();
+        r.open("GET", e, !0), r.addEventListener("load", () => {
+          if (r.status >= 200 && r.status < 400)
+            try {
+              let c = new DOMParser().parseFromString(r.responseText, "text/xml").querySelectorAll("svg")[0];
+              c ? (c = o.transformSource(c), n(c)) : t(new Error('Loaded file is not valid SVG"'));
+            } catch (u) {
+              t(u);
+            }
+          else
+            t(new Error("Error loading SVG"));
+        }), r.addEventListener("error", (u) => t(u)), r.send();
+      });
+    }
     return _(() => x(E.value)), (e, n) => (h(), S(
       $,
       null,
       [
-        a(" eslint-disable vue/no-v-html "),
-        a(" eslint-disable vue/html-self-closing "),
+        s(" eslint-disable vue/no-v-html "),
+        s(" eslint-disable vue/html-self-closing "),
         i.value ? (h(), S("svg", A({
           key: 0,
           ref_key: "svgElem",
@@ -93,9 +104,9 @@ const I = ["innerHTML"], G = /* @__PURE__ */ C({
         }, {
           style: `font-size: ${l.size}`,
           innerHTML: T(i.value)
-        }), null, 16, I)) : a("v-if", !0),
-        a(" eslint-enable vue/no-v-html "),
-        a(" eslint-enable vue/html-self-closing ")
+        }), null, 16, I)) : s("v-if", !0),
+        s(" eslint-enable vue/no-v-html "),
+        s(" eslint-enable vue/html-self-closing ")
       ],
       2112
       /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */

package/components/MazInput.d.ts

@@ -1,8 +1,8 @@
-import { type HTMLAttributes, type FunctionalComponent, type ComponentPublicInstance, type Component, type SVGAttributes } from 'vue';
-import type { Color, Size, ModelValueSimple } from './types';
+import { type Component, type ComponentPublicInstance, type FunctionalComponent, type HTMLAttributes, type SVGAttributes } from 'vue';
+import type { Color, ModelValueSimple, Size } from './types';
 export type { Color, Size, ModelValueSimple } from './types';
 export type Icon = FunctionalComponent<SVGAttributes> | ComponentPublicInstance | Component;
-export type Props<T = ModelValueSimple> = {
+export interface Props<T = ModelValueSimple> {
     /** The style of the component */
     style?: HTMLAttributes['style'];
     /** The class of the component */
@@ -80,7 +80,7 @@ export type Props<T = ModelValueSimple> = {
     roundedSize?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
     /** The input will be displayed in full width */
     block?: boolean;
-};
+}
 declare const _default: <T extends ModelValueSimple>(__VLS_props: {
     onFocus?: ((event: Event) => any) | undefined;
     onBlur?: ((event: Event) => any) | undefined;

package/components/MazInput.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazInput-DNwBL54e.mjs";
+import { M as f } from "./chunks/MazInput-BpsE-mdg.mjs";
 export {
   f as default
 };

package/components/MazInputCode.d.ts

@@ -2,7 +2,7 @@ import { type HTMLAttributes } from 'vue';
 import type { Color } from './types';
 type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type { Color, Size };
-export type Props = {
+export interface Props {
     /** The style of the component. */
     style?: HTMLAttributes['style'];
     /** The class of the component. */
@@ -29,7 +29,7 @@ export type Props = {
     size?: Size;
     /** The color of the component. */
     color?: Color;
-};
+}
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     style: undefined;
     class: undefined;

package/components/MazInputCode.mjs

@@ -1,6 +1,5 @@
-import './assets/MazInputCode.css';
 import { defineComponent as N, useCssVars as S, ref as V, watch as M, computed as m, openBlock as v, createElementBlock as g, normalizeClass as w, normalizeStyle as P, Fragment as $, renderList as q, createCommentVNode as x, createElementVNode as D, mergeProps as E } from "vue";
-const F = ["disabled"], K = ["inputmode", "pattern", "required", "value", "onInput", "onKeydown", "onClick"], T = /* @__PURE__ */ N({
+import './assets/MazInputCode.css';const F = ["disabled"], K = ["inputmode", "pattern", "required", "value", "onInput", "onKeydown", "onClick"], T = /* @__PURE__ */ N({
   inheritAttrs: !1,
   __name: "MazInputCode",
   props: {
@@ -21,7 +20,7 @@ const F = ["disabled"], K = ["inputmode", "pattern", "required", "value", "onInp
   emits: ["update:model-value", "completed"],
   setup(i, { emit: f }) {
     S((e) => ({
-      "2bcaf79e": C.value
+      "126eacc0": C.value
     }));
     const a = i, d = f, u = V([]), l = V(/* @__PURE__ */ new Map());
     M(
@@ -60,7 +59,7 @@ const F = ["disabled"], K = ["inputmode", "pattern", "required", "value", "onInp
     }
     function h(e) {
       var t;
-      return (t = a.acceptAlpha ? e.match(/^[\w.]$/i) : e.match(/\d+/g)) == null ? void 0 : t.toString();
+      return (t = a.acceptAlpha ? e.match(/^[\w.]$/) : e.match(/\d+/g)) == null ? void 0 : t.toString();
     }
     function B(e, t) {
       const o = l.value.get(t);
@@ -150,7 +149,7 @@ const F = ["disabled"], K = ["inputmode", "pattern", "required", "value", "onInp
   for (const [d, u] of f)
     a[d] = u;
   return a;
-}, W = /* @__PURE__ */ j(T, [["__scopeId", "data-v-9c290a78"]]);
+}, W = /* @__PURE__ */ j(T, [["__scopeId", "data-v-afab8168"]]);
 export {
   W as default
 };

package/components/MazInputNumber.d.ts

@@ -1,7 +1,7 @@
 import { type HTMLAttributes } from 'vue';
 import type { Size } from './types';
 export type { Size };
-export type Props = {
+export interface Props {
     /** The inline style object for the component. */
     style?: HTMLAttributes['style'];
     /** The CSS class name for the component. */
@@ -26,7 +26,7 @@ export type Props = {
     inputmode?: HTMLAttributes['inputmode'];
     /** The input will be displayed in full width */
     block?: boolean;
-};
+}
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     style: undefined;
     class: undefined;

package/components/MazInputNumber.mjs

@@ -1,4 +1,4 @@
-import { a as f } from "./chunks/MazInputNumber-BSdVF8-q.mjs";
+import { a as f } from "./chunks/MazInputNumber-DGBYbDSX.mjs";
 export {
   f as default
 };

package/components/MazInputPrice.d.ts

@@ -1,4 +1,4 @@
-export type Props = {
+export interface Props {
     /** @model The value of the input */
     modelValue?: number | string;
     /** The currency to use */
@@ -13,7 +13,7 @@ export type Props = {
     noIcon?: boolean;
     /** The input will be displayed in full width */
     block?: boolean;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     modelValue: undefined;
     currency: string;

package/components/MazInputPrice.mjs

@@ -1,4 +1,4 @@
-import { a as f } from "./chunks/MazInputPrice-osrAz4xd.mjs";
+import { a as f } from "./chunks/MazInputPrice-j2BNMeFp.mjs";
 export {
   f as default
 };

package/components/MazInputTags.d.ts

@@ -1,7 +1,7 @@
 import { type HTMLAttributes } from 'vue';
 import type { Color, Size } from './types';
 export type { Color, Size };
-export type Props = {
+export interface Props {
     /** Style attribut of the component root element */
     style?: HTMLAttributes['style'];
     /** Class attribut of the component root element */
@@ -26,7 +26,9 @@ export type Props = {
     color?: Color;
     /** The input will be displayed in full width */
     block?: boolean;
-};
+    /** Add tags on blur */
+    addTagsOnBlur?: boolean;
+}
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     style: undefined;
     class: undefined;
@@ -39,6 +41,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     warning: boolean;
     size: string;
     color: string;
+    addTagsOnBlur: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:model-value": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
@@ -53,6 +56,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     warning: boolean;
     size: string;
     color: string;
+    addTagsOnBlur: boolean;
 }>>> & {
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -67,6 +71,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     class: any;
     modelValue: string[] | number[];
     placeholder: string;
+    addTagsOnBlur: boolean;
 }, {}>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {

package/components/MazInputTags.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazInputTags-XUWwx6p8.mjs";
+import { M as f } from "./chunks/MazInputTags-CJofVaj5.mjs";
 export {
   f as default
 };

package/components/MazLazyImg.d.ts

@@ -2,7 +2,7 @@ import { type HTMLAttributes } from 'vue';
 import type { vLazyImgOptions } from './../modules/directives/v-lazy-img/types';
 import type { Image } from './types';
 export type { Image };
-export type Props = {
+export interface Props {
     /** The style of the component */
     style?: HTMLAttributes['style'];
     /** The class of the component */
@@ -30,7 +30,7 @@ export type Props = {
     observerOptions?: vLazyImgOptions['observerOptions'];
     /** The fallback src to replace the src on loading error */
     fallbackSrc?: string;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     style: undefined;
     class: undefined;

package/components/MazLazyImg.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazLazyImg-BelScAEF.mjs";
+import { M as f } from "./chunks/MazLazyImg-Dboc6Xfz.mjs";
 export {
   f as default
 };

package/components/MazLink.d.ts

@@ -1,9 +1,9 @@
 import { type ComponentPublicInstance, type FunctionalComponent, type SVGAttributes } from 'vue';
-import { type Color } from './types';
-import { type RouteLocationRaw } from 'vue-router';
-import { type Component } from 'nuxt/schema';
+import type { RouteLocationRaw } from 'vue-router';
+import type { Component } from 'nuxt/schema';
+import type { Color } from './types';
 export type Icon = FunctionalComponent<SVGAttributes> | ComponentPublicInstance | Component;
-export type Props = {
+export interface Props {
     /** The id of the link */
     id?: string;
     /** The title of the link */
@@ -48,7 +48,7 @@ export type Props = {
      * `@type` `{string | FunctionalComponent<SVGAttributes> | ComponentPublicInstance | Component}`
      */
     rightIcon?: string | Icon;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     id: undefined;
     title: undefined;
@@ -83,9 +83,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     href: string;
     color: Color;
     target: string;
-    to: RouteLocationRaw;
     leftIcon: string | Icon;
     rightIcon: string | Icon;
+    to: RouteLocationRaw;
     download: string;
     rel: string;
     ariaLabel: string;

package/components/MazLink.mjs

@@ -1,6 +1,5 @@
-import './assets/MazLink.css';
 import { defineComponent as p, defineAsyncComponent as s, openBlock as n, createBlock as l, resolveDynamicComponent as d, mergeProps as h, withCtx as c, createCommentVNode as o, renderSlot as r, unref as f, createVNode as m } from "vue";
-const v = /* @__PURE__ */ p({
+import './assets/MazLink.css';const v = /* @__PURE__ */ p({
   __name: "MazLink",
   props: {
     id: { default: void 0 },
@@ -21,7 +20,7 @@ const v = /* @__PURE__ */ p({
   setup(a) {
     const i = s(
       () => import("./chunks/arrow-top-right-on-square-CkcBq4qD.mjs")
-    ), t = s(() => import("./chunks/MazIcon-Cxrv3_OK.mjs"));
+    ), t = s(() => import("./chunks/MazIcon-BDGxCy9M.mjs"));
     return (e, u) => (n(), l(d(e.to ? "router-link" : "a"), h({
       id: e.id,
       class: ["m-link", [
@@ -78,7 +77,7 @@ const v = /* @__PURE__ */ p({
   for (const [e, u] of i)
     t[e] = u;
   return t;
-}, k = /* @__PURE__ */ y(v, [["__scopeId", "data-v-439cf950"]]);
+}, k = /* @__PURE__ */ y(v, [["__scopeId", "data-v-4f837a44"]]);
 export {
   k as default
 };

package/components/MazLoadingBar.d.ts

@@ -1,11 +1,11 @@
 import type { Color } from './types';
 export type { Color };
-export type Props = {
+export interface Props {
     /** The color of the component. */
     color?: Color;
     /** The height of the component. */
     height?: string;
-};
+}
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     color: string;
     height: string;

package/components/MazLoadingBar.mjs

@@ -1,14 +1,13 @@
-import './assets/MazLoadingBar.css';
-import { defineComponent as r, useCssVars as s, computed as n, openBlock as l, createElementBlock as d, pushScopeId as p, popScopeId as _, createElementVNode as i } from "vue";
-const m = (o) => (p("data-v-26d3bae5"), o = o(), _(), o), u = { class: "m-loading-bar" }, h = /* @__PURE__ */ m(() => /* @__PURE__ */ i(
+import { defineComponent as r, useCssVars as s, computed as n, openBlock as l, createElementBlock as p, pushScopeId as d, popScopeId as _, createElementVNode as i } from "vue";
+import './assets/MazLoadingBar.css';const m = (o) => (d("data-v-be315052"), o = o(), _(), o), u = { class: "m-loading-bar" }, h = /* @__PURE__ */ m(() => /* @__PURE__ */ i(
   "div",
   null,
   null,
   -1
   /* HOISTED */
-)), f = [
+)), v = [
   h
-], v = /* @__PURE__ */ r({
+], f = /* @__PURE__ */ r({
   __name: "MazLoadingBar",
   props: {
     color: { default: "primary" },
@@ -16,22 +15,22 @@ const m = (o) => (p("data-v-26d3bae5"), o = o(), _(), o), u = { class: "m-loadin
   },
   setup(o) {
     s((t) => ({
-      "4d5d421f": t.height,
-      d3c0e8e8: a.value.alpha,
-      ccfba46a: a.value.main
+      "6349f7b6": t.height,
+      "02343323": e.value.alpha,
+      c6029158: e.value.main
     }));
-    const e = o, a = n(() => ({
-      alpha: `var(--maz-color-${e.color}-alpha-20)`,
-      main: `var(--maz-color-${e.color})`
+    const a = o, e = n(() => ({
+      alpha: `var(--maz-color-${a.color}-alpha-20)`,
+      main: `var(--maz-color-${a.color})`
     }));
-    return (t, c) => (l(), d("div", u, f));
+    return (t, c) => (l(), p("div", u, v));
   }
-}), g = (o, e) => {
-  const a = o.__vccOpts || o;
-  for (const [t, c] of e)
-    a[t] = c;
-  return a;
-}, z = /* @__PURE__ */ g(v, [["__scopeId", "data-v-26d3bae5"]]);
+}), g = (o, a) => {
+  const e = o.__vccOpts || o;
+  for (const [t, c] of a)
+    e[t] = c;
+  return e;
+}, z = /* @__PURE__ */ g(f, [["__scopeId", "data-v-be315052"]]);
 export {
   z as default
 };

package/components/MazPagination.d.ts

@@ -1,5 +1,5 @@
-import { type Color, type Size, type Props as MazBtnProps } from './MazBtn.vue';
-type MazPagnationProps = {
+import { type Color, type Props as MazBtnProps, type Size } from './MazBtn.vue';
+interface MazPagnationProps {
     /** @model The current page number. */
     modelValue?: number;
     /**
@@ -30,7 +30,7 @@ type MazPagnationProps = {
      * Enable loading state of current button
      */
     loading?: boolean;
-};
+}
 export type { MazPagnationProps as Props };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<MazPagnationProps>, {
     modelValue: number;

package/components/MazPagination.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazPagination-DUiHgLAp.mjs";
+import { M as f } from "./chunks/MazPagination-C6ZehQSZ.mjs";
 export {
   f as default
 };

package/components/MazPhoneNumberInput/CountrySelector.vue.d.ts

@@ -1,4 +1,4 @@
-import type { Color, Size, Position, CountryCode } from '../MazPhoneNumberInput.vue';
+import type { Color, CountryCode, Position, Size } from '../MazPhoneNumberInput.vue';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     /** Style attribut of the component root element */
     style?: import("vue").StyleValue;

package/components/MazPhoneNumberInput/PhoneInput.vue.d.ts

@@ -5,6 +5,7 @@ declare let __VLS_typeProps: {
     size: Size;
     locales: Translations;
     label?: string;
+    placeholder?: string;
     noExample?: boolean;
     disabled?: boolean;
     hasRadius?: boolean;
@@ -20,6 +21,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     class: undefined;
     style: undefined;
     label: undefined;
+    placeholder: undefined;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (modelValue: string) => void;
     "update:model-value": (phoneNumber?: string | undefined) => void;
@@ -27,11 +29,13 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     class: undefined;
     style: undefined;
     label: undefined;
+    placeholder: undefined;
 }>>> & {
     "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
     "onUpdate:model-value"?: ((phoneNumber?: string | undefined) => any) | undefined;
 }, {
     label: string;
+    placeholder: string;
 }, {}>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {

package/components/MazPhoneNumberInput/types.d.ts

@@ -1,6 +1,6 @@
 import type { CountryCallingCode, CountryCode, NationalNumber, NumberType } from 'libphonenumber-js';
-import { type defaultLocales } from './default-locales';
-export type Results = {
+import type { defaultLocales } from './default-locales';
+export interface Results {
     isValid: boolean;
     isPossible?: boolean;
     countryCode?: CountryCode;
@@ -13,13 +13,13 @@ export type Results = {
     e164?: string;
     rfc3966?: string;
     phoneNumber?: string;
-};
+}
 export type Translations = typeof defaultLocales;
-export type Country = {
+export interface Country {
     iso2: CountryCode;
     dialCode: CountryCallingCode;
     name: string;
-};
+}
 export interface IpWhoResponse {
     ip: string;
     success: true;

package/components/MazPhoneNumberInput/use-libphonenumber.d.ts

@@ -1,4 +1,4 @@
-import { type CountryCode, getCountries, getCountryCallingCode, type Examples } from 'libphonenumber-js';
+import { type CountryCode, type Examples, getCountries, getCountryCallingCode } from 'libphonenumber-js';
 import type { Results } from './types';
 declare function isCountryAvailable(locale: string): boolean;
 declare function getPhoneNumberResults({ phoneNumber, countryCode, }: {

package/components/MazPhoneNumberInput/use-maz-phone-number-input.d.ts

@@ -1,5 +1,5 @@
 import { type CountryCode } from 'libphonenumber-js';
-import { type Country } from './types';
+import type { Country } from './types';
 declare function getBrowserLocale(): {
     locale: string;
     browserLocale: string;

package/components/MazPhoneNumberInput.d.ts

@@ -1,9 +1,9 @@
-import { type CountryCode } from 'libphonenumber-js';
+import type { CountryCode } from 'libphonenumber-js';
+import { type HTMLAttributes, type Ref } from 'vue';
 import type { Results, Translations } from './MazPhoneNumberInput/types';
 import type { Color, Position, Size } from './types';
 export type { Color, Size, Position, CountryCode, Results, Results as Result, Translations };
-import { type HTMLAttributes, type Ref } from 'vue';
-export type Props = {
+export interface Props {
     /** Style attribut of the component root element */
     style?: HTMLAttributes['style'];
     /** Class attribut of the component root element */
@@ -20,6 +20,8 @@ export type Props = {
     id?: string;
     /** Placeholder of the input */
     placeholder?: string;
+    /** label of the input */
+    label?: string;
     /** List of country codes to place first in the select list - Ex: ['FR', 'BE', 'GE'] */
     preferredCountries?: CountryCode[];
     /** List of country codes to be removed from the select list - Ex: ['FR', 'BE', 'GE'] */
@@ -89,18 +91,18 @@ export type Props = {
      * @values "row" | "col" | "responsive"
      */
     orientation?: 'row' | 'col' | 'responsive';
-};
-type SelectionRange = {
+}
+interface SelectionRange {
     start?: number | null;
     end?: number | null;
     cursorAtEnd?: boolean;
-};
-export type InjectedData = {
+}
+export interface InjectedData {
     selectedCountry: Ref<CountryCode | undefined>;
     phoneNumber: Ref<string>;
     results: Ref<Results>;
     selectionRange: Ref<SelectionRange>;
-};
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     class: undefined;
     style: undefined;
@@ -115,6 +117,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     defaultCountryCode: undefined;
     id: undefined;
     placeholder: undefined;
+    label: undefined;
     preferredCountries: undefined;
     ignoredCountries: undefined;
     onlyCountries: undefined;
@@ -146,6 +149,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     defaultCountryCode: undefined;
     id: undefined;
     placeholder: undefined;
+    label: undefined;
     preferredCountries: undefined;
     ignoredCountries: undefined;
     onlyCountries: undefined;
@@ -165,6 +169,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:country-code"?: ((countryCode?: CountryCode | undefined) => any) | undefined;
 }, {
     size: Size;
+    label: string;
     style: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
     orientation: "col" | "row" | "responsive";
     id: string;

package/components/MazPhoneNumberInput.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazPhoneNumberInput-1tGT28Sa.mjs";
+import { M as f } from "./chunks/MazPhoneNumberInput-DpWoNQfx.mjs";
 export {
   f as default
 };