maz-ui 3.45.6 → 3.46.1-beta.0

package/components/MazDropdown.mjs

@@ -1,56 +1,56 @@
-import { computed as Y, getCurrentInstance as Z, nextTick as x, defineComponent as ee, defineAsyncComponent as A, ref as I, watch as L, resolveComponent as oe, withDirectives as T, openBlock as v, createElementBlock as h, unref as u, normalizeClass as k, normalizeStyle as ne, createElementVNode as C, withModifiers as D, renderSlot as p, createTextVNode as E, toDisplayString as $, createCommentVNode as b, createVNode as U, mergeProps as te, withCtx as B, createBlock as N, Transition as le, Fragment as S, renderList as se, vShow as re } from "vue";
+import { computed as x, getCurrentInstance as ee, nextTick as oe, defineComponent as ne, defineAsyncComponent as I, ref as L, watch as T, resolveComponent as te, withDirectives as U, openBlock as b, createElementBlock as h, unref as u, normalizeClass as M, normalizeStyle as le, createElementVNode as w, withModifiers as z, renderSlot as m, createTextVNode as C, toDisplayString as g, createCommentVNode as v, createVNode as N, mergeProps as A, withCtx as B, createBlock as S, Transition as re, Fragment as F, renderList as se, vShow as ie } from "vue";
 import './assets/MazDropdown.css';function ae({
   componentName: t,
   providedId: l
 }) {
-  return Y(() => {
+  return x(() => {
     var n;
-    return l ?? `${t}-${(n = Z()) == null ? void 0 : n.uid}`;
+    return l ?? `${t}-${(n = ee()) == null ? void 0 : n.uid}`;
   });
 }
-const M = "__maz-click-outside__";
-function F() {
+const D = "__maz-click-outside__";
+function V() {
   return document.ontouchstart === null ? "touchstart" : "click";
 }
-async function V(t, l) {
+async function _(t, l) {
   try {
-    R(t);
-    const n = l.instance, c = l.value, w = typeof c == "function";
-    if (!w)
+    q(t);
+    const n = l.instance, c = l.value, k = typeof c == "function";
+    if (!k)
       throw new Error("[maz-ui](vClickOutside) the callback should be a function");
-    await x(), t[M] = (f) => {
-      if ((!t || f.target && !t.contains(f.target)) && c && w)
+    await oe(), t[D] = (f) => {
+      if ((!t || f.target && !t.contains(f.target)) && c && k)
         return c.call(n, f);
     };
-    const z = F();
-    document.addEventListener(z, t[M], { passive: !0 });
+    const E = V();
+    document.addEventListener(E, t[D], { passive: !0 });
   } catch (n) {
     console.error("[maz-ui](vClickOutside)", n);
   }
 }
-function R(t) {
+function q(t) {
   try {
-    const l = F();
-    document.removeEventListener(l, t[M], !1), delete t[M];
+    const l = V();
+    document.removeEventListener(l, t[D], !1), delete t[D];
   } catch (l) {
     console.error("[maz-ui](vClickOutside)", l);
   }
 }
-function ie(t, l) {
+function ue(t, l) {
   try {
     if (l.value === l.oldValue)
       return;
-    V(t, l);
+    _(t, l);
   } catch (n) {
     console.error("[maz-ui](vClickOutside)", n);
   }
 }
-const ue = {
-  mounted: V,
-  updated: ie,
-  unmounted: R
+const de = {
+  mounted: _,
+  updated: ue,
+  unmounted: q
 };
-function de(t, l) {
+function ce(t, l) {
   let n;
   return function(...c) {
     clearTimeout(n), n = setTimeout(() => {
@@ -58,7 +58,7 @@ function de(t, l) {
     }, l);
   };
 }
-const ce = ["id"], fe = ["aria-expanded"], pe = ["id"], me = { class: "button-span" }, ve = ["target", "href"], be = ["onClick"], ye = /* @__PURE__ */ ee({
+const fe = ["id"], pe = ["aria-expanded"], me = ["id"], ve = { class: "button-span" }, be = ["onClick"], ye = /* @__PURE__ */ ne({
   inheritAttrs: !1,
   __name: "MazDropdown",
   props: {
@@ -77,181 +77,193 @@ const ce = ["id"], fe = ["aria-expanded"], pe = ["id"], me = { class: "button-sp
   },
   emits: ["menuitem-clicked", "update:open"],
   setup(t, { emit: l }) {
-    const n = t, c = l, w = A(() => import("./chunks/MazBtn-C-RDq3T0.mjs").then((e) => e.M)), z = A(() => import("./chunks/chevron-down-BkvtON3b.mjs")), f = ae({
+    const n = t, c = l, k = I(() => import("./chunks/MazBtn-C-RDq3T0.mjs").then((e) => e.M)), E = I(() => import("./chunks/chevron-down-BkvtON3b.mjs")), f = ae({
       componentName: "MazDropdown",
       providedId: n.id
-    }), a = I(n.open), r = I(), m = de((e) => {
-      i(e);
+    }), i = L(n.open), s = L(), p = ce((e) => {
+      a(e);
     }, 200);
-    function q() {
-      a.value && i(!1);
-    }
     function H() {
-      i(!a.value);
+      i.value && a(!1);
     }
-    function _() {
-      ["click"].includes(n.trigger) && H();
+    function R() {
+      a(!i.value);
     }
     function j() {
-      ["hover", "both"].includes(n.trigger) && i(!0);
+      ["click"].includes(n.trigger) && R();
     }
     function K() {
-      ["hover", "both"].includes(n.trigger) && (a.value === !1 ? i(!0) : m(!0));
+      ["hover", "both"].includes(n.trigger) && a(!0);
     }
     function P() {
-      ["hover", "both"].includes(n.trigger) && m(!1);
+      ["hover", "both"].includes(n.trigger) && (i.value === !1 ? a(!0) : p(!0));
     }
     function Q() {
-      m(!1);
+      ["hover", "both"].includes(n.trigger) && p(!1);
+    }
+    function G() {
+      p(!1);
     }
-    function i(e) {
-      n.disabled || (a.value = e, c("update:open", e));
+    function a(e) {
+      n.disabled || (i.value = e, c("update:open", e));
     }
-    async function G(e, s) {
+    function J(e) {
+      return "action" in e;
+    }
+    async function W(e, r) {
       var d;
-      c("menuitem-clicked", s), await ((d = e.action) == null ? void 0 : d.call(e)), n.noCloseOnClick || y();
+      c("menuitem-clicked", r), await ((d = e.action) == null ? void 0 : d.call(e)), n.noCloseOnClick || y();
     }
     function y() {
-      n.noCloseOnClick === !1 && i(!1);
+      n.noCloseOnClick === !1 && a(!1);
     }
     function O(e) {
-      e.key === "Escape" ? (e.preventDefault(), i(!1)) : ["ArrowDown", "ArrowUp"].includes(e.key) ? W(e) : e.key === "Enter" && typeof r.value == "number" && (e.preventDefault(), document.querySelectorAll(`#${f.value} .menuitem`)[r.value].click(), y());
+      e.key === "Escape" ? (e.preventDefault(), a(!1)) : ["ArrowDown", "ArrowUp"].includes(e.key) ? Y(e) : e.key === "Enter" && typeof s.value == "number" && (e.preventDefault(), document.querySelectorAll(`#${f.value} .menuitem`)[s.value].click(), y());
     }
-    function J(e) {
-      ["ArrowDown", "ArrowUp", "Enter"].includes(e.key) && a.value === !1 && (e.preventDefault(), i(!0));
+    function X(e) {
+      ["ArrowDown", "ArrowUp", "Enter"].includes(e.key) && i.value === !1 && (e.preventDefault(), a(!0));
     }
-    function W(e) {
+    function Y(e) {
       var o;
       e.preventDefault();
-      const s = e.key;
-      a.value || i(!0);
+      const r = e.key;
+      i.value || a(!0);
       const d = (o = n.items) == null ? void 0 : o.length;
-      d && (typeof r.value == "number" ? r.value === d - 1 && s === "ArrowDown" ? r.value = 0 : r.value === 0 && s === "ArrowUp" ? r.value = d - 1 : r.value = s === "ArrowDown" ? r.value + 1 : r.value - 1 : r.value = s === "ArrowDown" ? 0 : d - 1);
+      d && (typeof s.value == "number" ? s.value === d - 1 && r === "ArrowDown" ? s.value = 0 : s.value === 0 && r === "ArrowUp" ? s.value = d - 1 : s.value = r === "ArrowDown" ? s.value + 1 : s.value - 1 : s.value = r === "ArrowDown" ? 0 : d - 1);
     }
-    return L(
-      () => a.value,
+    return T(
+      () => i.value,
       (e) => {
-        e ? document.addEventListener("keydown", O) : document.removeEventListener("keydown", O), r.value = void 0;
+        e ? document.addEventListener("keydown", O) : document.removeEventListener("keydown", O), s.value = void 0;
       }
-    ), L(
+    ), T(
       () => n.open,
-      (e) => i(e)
-    ), (e, s) => {
-      const d = oe("RouterLink");
-      return T((v(), h("div", {
+      (e) => a(e)
+    ), (e, r) => {
+      const d = te("MazLink");
+      return U((b(), h("div", {
         id: u(f),
-        class: k(["m-dropdown", [n.class]]),
-        style: ne(e.style)
+        class: M(["m-dropdown", [n.class]]),
+        style: le(e.style)
       }, [
-        C("div", {
+        w("div", {
           role: "button",
           tabindex: "0",
           class: "m-dropdown__wrapper",
-          "aria-expanded": a.value,
+          "aria-expanded": i.value,
           "aria-haspopup": "menu",
-          onClick: D(_, ["stop"]),
-          onFocus: j,
-          onBlur: Q,
-          onKeydown: J,
-          onMouseenter: K,
-          onMouseleave: P
+          onClick: z(j, ["stop"]),
+          onFocus: K,
+          onBlur: G,
+          onKeydown: X,
+          onMouseenter: P,
+          onMouseleave: Q
         }, [
-          C("span", {
+          w("span", {
             id: `${u(f)}-labelspan`,
             class: "maz-sr-only"
           }, [
-            p(e.$slots, "screen-reader-description", {}, () => [
-              E(
-                $(e.screenReaderDescription),
+            m(e.$slots, "screen-reader-description", {}, () => [
+              C(
+                g(e.screenReaderDescription),
                 1
                 /* TEXT */
               )
             ])
-          ], 8, pe),
-          b(`
+          ], 8, me),
+          v(`
         @slot Custom Element
           @binding {Boolen} is-open close function
           @default \`<MazBtn />\`
       `),
-          p(e.$slots, "element", { isOpen: a.value }, () => [
-            U(u(w), te({
+          m(e.$slots, "element", { isOpen: i.value }, () => [
+            N(u(k), A({
               color: e.color,
               disabled: e.disabled,
               "aria-labelledby": `${u(f)}-labelspan`
             }, e.$attrs, { tabindex: "-1" }), {
               default: B(() => [
-                C("span", me, [
-                  b(" @slot Button text "),
-                  p(e.$slots, "default"),
-                  e.noChevron ? b("v-if", !0) : (v(), N(u(z), {
+                w("span", ve, [
+                  v(" @slot Button text "),
+                  m(e.$slots, "default"),
+                  e.noChevron ? v("v-if", !0) : (b(), S(u(E), {
                     key: 0,
-                    class: k([{ "maz-rotate-180": a.value }, "chevron-icon"])
+                    class: M([{ "maz-rotate-180": i.value }, "chevron-icon"])
                   }, null, 8, ["class"]))
                 ]),
-                b(" @slot Menu Label ")
+                v(" @slot Menu Label ")
               ]),
               _: 3
               /* FORWARDED */
             }, 16, ["color", "disabled", "aria-labelledby"])
           ])
-        ], 40, fe),
-        U(le, {
+        ], 40, pe),
+        N(re, {
           name: "maz-scale-fade",
           persisted: ""
         }, {
           default: B(() => [
-            T(C(
+            U(w(
               "div",
               {
                 role: "menu",
                 "aria-label": "Menu",
-                class: k(["menu", {
+                class: M(["menu", {
                   "--top": e.position.includes("top"),
                   "--left": e.position.includes("left"),
                   "--right": e.position.includes("right"),
                   "--bottom": e.position.includes("bottom")
                 }]),
                 tabindex: "-1",
-                onFocus: s[0] || (s[0] = (o) => u(m)(!0)),
-                onBlur: s[1] || (s[1] = (o) => u(m)(!1)),
-                onMouseenter: s[2] || (s[2] = (o) => ["hover", "both"].includes(e.trigger) ? u(m)(!0) : void 0),
-                onMouseleave: s[3] || (s[3] = (o) => ["hover", "both"].includes(e.trigger) ? u(m)(!1) : void 0)
+                onFocus: r[0] || (r[0] = (o) => u(p)(!0)),
+                onBlur: r[1] || (r[1] = (o) => u(p)(!1)),
+                onMouseenter: r[2] || (r[2] = (o) => ["hover", "both"].includes(e.trigger) ? u(p)(!0) : void 0),
+                onMouseleave: r[3] || (r[3] = (o) => ["hover", "both"].includes(e.trigger) ? u(p)(!1) : void 0)
               },
               [
-                b(`
+                v(`
           @slot Custom dropdown panel
             @binding {Array} items - items prop data
         `),
-                p(e.$slots, "dropdown", { items: e.items }, () => [
-                  (v(!0), h(
-                    S,
+                m(e.$slots, "dropdown", { items: e.items }, () => [
+                  (b(!0), h(
+                    F,
                     null,
-                    se(e.items, (o, g) => (v(), h(
-                      S,
-                      { key: g },
+                    se(e.items, (o, $) => (b(), h(
+                      F,
+                      { key: $ },
                       [
-                        b(`
+                        v(`
               @slot Custom menu item
                 @binding {Object} item - menu item
             `),
-                        p(e.$slots, "menuitem", { item: o }, () => [
-                          o.to ? (v(), N(d, {
+                        m(e.$slots, "menuitem", { item: o }, () => [
+                          C(
+                            g(o.label) + " ",
+                            1
+                            /* TEXT */
+                          ),
+                          o.to || o.href ? (b(), S(d, A({
                             key: 0,
                             target: o.href ? o.target ?? "_self" : void 0,
                             to: o.to,
-                            class: k(["menuitem", [
+                            href: o.href,
+                            color: o.color ?? "theme",
+                            ref_for: !0
+                          }, o, {
+                            class: ["menuitem", [
                               {
-                                "--is-keyboard-selected": r.value === g
+                                "--is-keyboard-selected": s.value === $
                               },
                               o.class
-                            ]]),
+                            ]],
                             tabindex: "-1",
-                            onClick: D(y, ["stop"])
-                          }, {
+                            onClick: z(y, ["stop"])
+                          }), {
                             default: B(() => [
-                              p(e.$slots, "menuitem-label", { item: o }, () => [
-                                E(
-                                  $(o.label),
+                              m(e.$slots, "menuitem-label", { item: o }, () => [
+                                C(
+                                  g(o.label),
                                   1
                                   /* TEXT */
                                 )
@@ -259,46 +271,29 @@ const ce = ["id"], fe = ["aria-expanded"], pe = ["id"], me = { class: "button-sp
                             ]),
                             _: 2
                             /* DYNAMIC */
-                          }, 1032, ["target", "to", "class"])) : o.href ? (v(), h("a", {
+                          }, 1040, ["target", "to", "href", "color", "class"])) : o.action ? (b(), h("button", A({
                             key: 1,
-                            target: o.href ? o.target ?? "_self" : void 0,
-                            href: o.href,
-                            tabindex: "-1",
-                            class: k(["menuitem", [
-                              {
-                                "--is-keyboard-selected": r.value === g
-                              },
-                              o.class
-                            ]]),
-                            onClick: D(y, ["stop"])
-                          }, [
-                            p(e.$slots, "menuitem-label", { item: o }, () => [
-                              E(
-                                $(o.label),
-                                1
-                                /* TEXT */
-                              )
-                            ])
-                          ], 10, ve)) : o.action ? (v(), h("button", {
-                            key: 2,
                             tabindex: "-1",
                             type: "button",
-                            class: k(["menuitem", [
+                            ref_for: !0
+                          }, o, {
+                            class: ["menuitem menuitem__button", [
                               {
-                                "--is-keyboard-selected": r.value === g
+                                "--is-keyboard-selected": s.value === $
                               },
-                              o.class
-                            ]]),
-                            onClick: D((X) => o.action ? G(o, X) : y(), ["stop"])
-                          }, [
-                            p(e.$slots, "menuitem-label", { item: o }, () => [
-                              E(
-                                $(o.label),
+                              o.class,
+                              `--${o.color ?? "theme"}`
+                            ]],
+                            onClick: z((Z) => J(o) ? W(o, Z) : y(), ["stop"])
+                          }), [
+                            m(e.$slots, "menuitem-label", { item: o }, () => [
+                              C(
+                                g(o.label),
                                 1
                                 /* TEXT */
                               )
                             ])
-                          ], 10, be)) : b("v-if", !0)
+                          ], 16, be)) : v("v-if", !0)
                         ])
                       ],
                       64
@@ -312,14 +307,14 @@ const ce = ["id"], fe = ["aria-expanded"], pe = ["id"], me = { class: "button-sp
               34
               /* CLASS, NEED_HYDRATION */
             ), [
-              [re, a.value]
+              [ie, i.value]
             ])
           ]),
           _: 3
           /* FORWARDED */
         })
-      ], 14, ce)), [
-        [u(ue), q]
+      ], 14, fe)), [
+        [u(de), H]
       ]);
     };
   }

package/components/MazGallery.d.ts

@@ -150,9 +150,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     blur: boolean;
     width: string | number;
-    lazy: boolean;
     height: string | number;
     scale: boolean;
+    lazy: boolean;
     images: MazGalleryImage[];
     imagesShownCount: number;
     noRemaining: boolean;

package/components/MazGallery.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazGallery-Dpo7kTFH.mjs";
+import { M as f } from "./chunks/MazGallery-BOmH2smL.mjs";
 export {
   f as default
 };

package/components/MazIcon.d.ts

@@ -72,9 +72,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     title: string;
     path: string;
-    name: string;
     size: string;
     src: string;
+    name: string;
     transformSource: (param: SVGElement) => typeof param;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/components/MazInputNumber.d.ts

@@ -56,7 +56,7 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
     min: number;
     modelValue: number;
     step: number;
-    inputmode: "search" | "text" | "email" | "tel" | "none" | "decimal" | "url" | "numeric";
+    inputmode: "search" | "text" | "none" | "email" | "tel" | "decimal" | "url" | "numeric";
     noButtons: boolean;
     textCenter: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/components/MazInputPrice.d.ts

@@ -48,8 +48,8 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
 }>, {
     max: number;
     min: number;
-    currency: string;
     modelValue: number;
+    currency: string;
     locale: string;
     noIcon: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/components/MazInputTags.d.ts

@@ -39,9 +39,9 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
     label: string;
     style: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
     error: boolean;
-    size: Size;
     success: boolean;
     warning: boolean;
+    size: Size;
     color: Color;
     class: HTMLAttributes["class"];
     disabled: boolean;

package/components/MazLink.d.ts

@@ -36,7 +36,10 @@ export interface Props {
     underline?: boolean;
     /** Add an underline only on hover */
     underlineOnlyHover?: boolean;
-    /** Add an external icon to the link if target is '_blank' */
+    /**
+     * Add an external icon to the link if target is '_blank'
+     * @default true
+     */
     autoExternal?: boolean;
     /**
      * The name of the icon or component to display on the left of the text
@@ -69,11 +72,12 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     to: RouteLocationRaw;
     id: string;
     target: "_blank" | "_self" | "_parent" | "_top" | string;
+    underline: boolean;
     download: string;
     rel: string;
     ariaLabel: string;
-    underline: boolean;
     underlineOnlyHover: boolean;
+    autoExternal: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/MazLink.mjs

@@ -7,13 +7,13 @@ import './assets/MazLink.css';const m = /* @__PURE__ */ p({
     href: { default: "#" },
     to: { default: void 0 },
     color: { default: "primary" },
-    target: { default: "_slef" },
+    target: { default: "_self" },
     download: { default: void 0 },
     rel: { default: void 0 },
     ariaLabel: { default: void 0 },
     underline: { type: Boolean, default: !1 },
     underlineOnlyHover: { type: Boolean, default: !0 },
-    autoExternal: { type: Boolean },
+    autoExternal: { type: Boolean, default: !0 },
     leftIcon: { type: [String, Function, Object], default: void 0 },
     rightIcon: { type: [String, Function, Object], default: void 0 }
   },
@@ -77,7 +77,7 @@ import './assets/MazLink.css';const m = /* @__PURE__ */ p({
   for (const [e, u] of i)
     o[e] = u;
   return o;
-}, k = /* @__PURE__ */ v(m, [["__scopeId", "data-v-4779a8e3"]]);
+}, k = /* @__PURE__ */ v(m, [["__scopeId", "data-v-b1120a61"]]);
 export {
   k as default
 };

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

@@ -18,11 +18,11 @@ type __VLS_PublicProps = {
     modelValue?: string;
 } & typeof __VLS_typeProps;
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: string) => any;
     "update:model-value": (phoneNumber?: string | undefined) => any;
+    "update:modelValue": (modelValue: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
     "onUpdate:model-value"?: ((phoneNumber?: string | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
 }>, {
     label: string;
     placeholder: string;

package/components/MazPhoneNumberInput.d.ts

@@ -96,6 +96,16 @@ export interface Props {
      * @values "row" | "col" | "responsive"
      */
     orientation?: 'row' | 'col' | 'responsive';
+    /**
+     * Meta attributes of the country input
+     * @default {Record<string, unknown>} { autocomplete: 'off', name: 'country' }
+     */
+    countrySelectAttributes?: Record<string, unknown>;
+    /**
+     * Meta attributes of the phone number input
+     * @default {Record<string, unknown>} { autocomplete: 'tel', name: 'phone', inputmode: 'tel' }
+     */
+    phoneInputAttributes?: Record<string, unknown>;
 }
 interface SelectionRange {
     start?: number | null;
@@ -138,11 +148,11 @@ declare function __VLS_template(): {
             autoFormat?: boolean;
             noFormattingAsYouType?: boolean;
         }> & Readonly<{
-            "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
             "onUpdate:model-value"?: ((phoneNumber?: string | undefined) => any) | undefined;
+            "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
         }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:modelValue": (modelValue: string) => any;
             "update:model-value": (phoneNumber?: string | undefined) => any;
+            "update:modelValue": (modelValue: string) => any;
         }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<{
             modelValue?: string;
         } & {
@@ -160,8 +170,8 @@ declare function __VLS_template(): {
             autoFormat?: boolean;
             noFormattingAsYouType?: boolean;
         }> & Readonly<{
-            "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
             "onUpdate:model-value"?: ((phoneNumber?: string | undefined) => any) | undefined;
+            "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
         }>, {
             label: string;
             placeholder: string;
@@ -189,8 +199,8 @@ declare function __VLS_template(): {
             autoFormat?: boolean;
             noFormattingAsYouType?: boolean;
         }> & Readonly<{
-            "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
             "onUpdate:model-value"?: ((phoneNumber?: string | undefined) => any) | undefined;
+            "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
         }>, {}, {}, {}, {}, {
             label: string;
             placeholder: string;
@@ -201,14 +211,14 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     data: (results: Results) => any;
-    update: (results: Results) => any;
     "update:model-value": (value: string) => any;
+    update: (results: Results) => any;
     "country-code": (countryCode?: CountryCode | undefined) => any;
     "update:country-code": (countryCode?: CountryCode | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     onData?: ((results: Results) => any) | undefined;
-    onUpdate?: ((results: Results) => any) | undefined;
     "onUpdate:model-value"?: ((value: string) => any) | undefined;
+    onUpdate?: ((results: Results) => any) | undefined;
     "onCountry-code"?: ((countryCode?: CountryCode | undefined) => any) | undefined;
     "onUpdate:country-code"?: ((countryCode?: CountryCode | undefined) => any) | undefined;
 }>, {
@@ -236,6 +246,8 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     defaultCountryCode: CountryCode;
     translations: Partial<Translations>;
     countrySelectorWidth: string;
+    countrySelectAttributes: Record<string, unknown>;
+    phoneInputAttributes: Record<string, unknown>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;