maz-ui 3.46.0 → 3.46.1-beta.1

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/MazPicker.d.ts

@@ -93,16 +93,16 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
     format: string;
     modelValue: string | Partial<import("./MazPicker/types").RangeValue>;
     open: boolean;
+    double: boolean;
+    inline: boolean;
     locale: string;
     placeholder: string;
-    inline: boolean;
     noUseBrowserLocale: boolean;
     minDate: string;
     maxDate: string;
     disabledWeekly: number[];
     disabledDates: string[];
     firstDayOfWeek: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    double: boolean;
     shortcuts: PickerShortcut[];
     shortcut: string;
     noShortcuts: boolean;

package/components/MazTable.d.ts

@@ -164,8 +164,8 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     size: Size;
     color: Color;
     modelValue: (string | boolean | number)[];
-    totalPages: number;
     page: number;
+    totalPages: number;
     searchPlaceholder: string;
     searchQuery: string;
     captionSide: "top" | "bottom";

package/components/assets/MazAvatar.css

@@ -1 +1 @@
-.m-avatar[data-v-d3a7fd0c]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5em;vertical-align:top;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-decoration-line:none!important}.m-avatar__caption[data-v-d3a7fd0c]{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-weight:500;text-transform:capitalize}.m-avatar__initial[data-v-d3a7fd0c]{font-size:1.5em;text-transform:capitalize;color:var(--maz-color-white)}.m-avatar__wrapper[data-v-d3a7fd0c]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:3em;width:3em;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.m-avatar__wrapper.--clickable .m-avatar__button[data-v-d3a7fd0c]{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;border-style:none;background-color:transparent;opacity:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:scale(0);transform:scale(0)}.m-avatar__wrapper.--clickable .m-avatar__button__icon[data-v-d3a7fd0c]{color:var(--maz-color-white)}.m-avatar__wrapper.--clickable:hover .m-avatar__picture[data-v-d3a7fd0c],.m-avatar__wrapper.--clickable:focus .m-avatar__picture[data-v-d3a7fd0c]{-webkit-filter:blur(1.5px);filter:blur(1.5px)}.m-avatar__wrapper.--clickable:hover .m-avatar__button[data-v-d3a7fd0c],.m-avatar__wrapper.--clickable:focus .m-avatar__button[data-v-d3a7fd0c]{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}.m-avatar__wrapper.--bordered[data-v-d3a7fd0c]{border-width:var(--maz-border-width);border-style:solid;border-color:var(--maz-color-bg-light)}.m-avatar__wrapper.--bordered[data-v-d3a7fd0c]:is([class~=dark] *){border-color:var(--maz-color-bg-lighter)}.m-avatar__wrapper.--rounded-none[data-v-d3a7fd0c],.m-avatar__wrapper.--rounded-none .m-avatar__button[data-v-d3a7fd0c]{border-radius:0}.m-avatar__wrapper.--rounded-sm[data-v-d3a7fd0c],.m-avatar__wrapper.--rounded-sm .m-avatar__button[data-v-d3a7fd0c]{border-radius:.125rem}.m-avatar__wrapper.--rounded-md[data-v-d3a7fd0c],.m-avatar__wrapper.--rounded-md .m-avatar__button[data-v-d3a7fd0c]{border-radius:.375rem}.m-avatar__wrapper.--rounded-lg[data-v-d3a7fd0c]{border-radius:var(--maz-border-radius)}.m-avatar__wrapper.--rounded-lg .m-avatar__button[data-v-d3a7fd0c]{border-radius:.5rem}.m-avatar__wrapper.--rounded-xl[data-v-d3a7fd0c],.m-avatar__wrapper.--rounded-xl .m-avatar__button[data-v-d3a7fd0c]{border-radius:.75rem}.m-avatar__wrapper.--rounded-full[data-v-d3a7fd0c],.m-avatar__wrapper.--rounded-full .m-avatar__button[data-v-d3a7fd0c]{border-radius:9999px}.m-avatar__wrapper.--has-shadow[data-v-d3a7fd0c]{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-avatar__wrapper.--has-initial[data-v-d3a7fd0c]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--maz-color-primary)}.m-avatar.--has-link[data-v-d3a7fd0c]{cursor:pointer}
+.m-avatar[data-v-6101dd1c]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5em;vertical-align:top;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-decoration-line:none!important}.m-avatar__caption[data-v-6101dd1c]{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-weight:500;text-transform:capitalize}.m-avatar__initial[data-v-6101dd1c]{font-size:1.5em;text-transform:capitalize;color:var(--maz-color-white)}.m-avatar__wrapper[data-v-6101dd1c]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:3em;width:3em;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.m-avatar__wrapper.--clickable .m-avatar__button[data-v-6101dd1c]{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;border-style:none;background-color:transparent;opacity:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:scale(0);transform:scale(0)}.m-avatar__wrapper.--clickable .m-avatar__button__icon[data-v-6101dd1c]{color:var(--maz-color-white)}.m-avatar__wrapper.--clickable:hover .m-avatar__picture[data-v-6101dd1c],.m-avatar__wrapper.--clickable:focus .m-avatar__picture[data-v-6101dd1c]{-webkit-filter:blur(1.5px);filter:blur(1.5px)}.m-avatar__wrapper.--clickable:hover .m-avatar__button[data-v-6101dd1c],.m-avatar__wrapper.--clickable:focus .m-avatar__button[data-v-6101dd1c]{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}.m-avatar__wrapper.--bordered[data-v-6101dd1c]{border-width:var(--maz-border-width);border-style:solid;border-color:var(--maz-color-bg-light)}.m-avatar__wrapper.--bordered[data-v-6101dd1c]:is([class~=dark] *){border-color:var(--maz-color-bg-lighter)}.m-avatar__wrapper.--rounded-none[data-v-6101dd1c],.m-avatar__wrapper.--rounded-none .m-avatar__button[data-v-6101dd1c]{border-radius:0}.m-avatar__wrapper.--rounded-sm[data-v-6101dd1c],.m-avatar__wrapper.--rounded-sm .m-avatar__button[data-v-6101dd1c]{border-radius:.125rem}.m-avatar__wrapper.--rounded-md[data-v-6101dd1c],.m-avatar__wrapper.--rounded-md .m-avatar__button[data-v-6101dd1c]{border-radius:.375rem}.m-avatar__wrapper.--rounded-lg[data-v-6101dd1c]{border-radius:var(--maz-border-radius)}.m-avatar__wrapper.--rounded-lg .m-avatar__button[data-v-6101dd1c]{border-radius:.5rem}.m-avatar__wrapper.--rounded-xl[data-v-6101dd1c],.m-avatar__wrapper.--rounded-xl .m-avatar__button[data-v-6101dd1c]{border-radius:.75rem}.m-avatar__wrapper.--rounded-full[data-v-6101dd1c],.m-avatar__wrapper.--rounded-full .m-avatar__button[data-v-6101dd1c]{border-radius:9999px}.m-avatar__wrapper.--has-shadow[data-v-6101dd1c]{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.m-avatar__wrapper.--has-initial[data-v-6101dd1c]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--maz-color-primary)}.m-avatar.--has-link[data-v-6101dd1c]{cursor:pointer}

package/components/assets/MazDropdown.css

@@ -1 +1 @@
-.m-dropdown{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;vertical-align:top}.m-dropdown [aria-expanded=true].m-btn{background-color:var(--maz-color-bg-light)}.m-dropdown__wrapper{height:100%;width:100%;outline:2px solid transparent;outline-offset:2px}.m-dropdown .chevron-icon{font-size:1.125rem;line-height:1.75rem;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-dropdown .button-span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}.m-dropdown .menu{position:absolute;z-index:1050;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:-webkit-max-content;min-height:-moz-max-content;min-height:max-content;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.125rem;overflow:auto;border-radius:var(--maz-border-radius);background-color:var(--maz-color-bg);padding:.5rem;-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-dropdown .menu:is([class~=dark] *){border-width:var(--maz-border-width);border-color:var(--maz-color-bg-light)}.m-dropdown .menu.--top:not(.--right,.--left){bottom:100%;margin-bottom:.25rem;-webkit-transform-origin:bottom;transform-origin:bottom}.m-dropdown .menu.--bottom:not(.--right,.--left){top:100%;margin-top:.25rem;-webkit-transform-origin:top;transform-origin:top}.m-dropdown .menu.--left:not(.--top,.--bottom){right:100%;margin-right:.25rem;-webkit-transform-origin:top right;transform-origin:top right}.m-dropdown .menu.--right:not(.--top,.--bottom){left:100%;margin-left:.25rem;-webkit-transform-origin:top left;transform-origin:top left}.m-dropdown .menu.--top.--right{bottom:100%;right:0;margin-bottom:.25rem;-webkit-transform-origin:bottom right;transform-origin:bottom right}.m-dropdown .menu.--top.--left{bottom:100%;left:0;margin-bottom:.25rem;-webkit-transform-origin:bottom left;transform-origin:bottom left}.m-dropdown .menu.--bottom.--left{left:0;top:100%;margin-top:.25rem;-webkit-transform-origin:top left;transform-origin:top left}.m-dropdown .menu.--bottom.--right{right:0;top:100%;margin-top:.25rem;-webkit-transform-origin:top right;transform-origin:top right}.m-dropdown .menu .menuitem{cursor:pointer;white-space:nowrap;border-radius:var(--maz-border-radius);padding:.5rem 1rem;text-align:start;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-dropdown .menu .menuitem:focus-within{background-color:var(--maz-color-bg-light)}.m-dropdown .menu .menuitem:hover,.m-dropdown .menu .menuitem.--is-keyboard-selected{background-color:var(--maz-color-bg-light)}
+.m-dropdown{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;vertical-align:top}.m-dropdown [aria-expanded=true].m-btn{background-color:var(--maz-color-bg-light)}.m-dropdown__wrapper{height:100%;width:100%;outline:2px solid transparent;outline-offset:2px}.m-dropdown .chevron-icon{font-size:1.125rem;line-height:1.75rem;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-dropdown .button-span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}.m-dropdown .menu{position:absolute;z-index:1050;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:-webkit-max-content;min-height:-moz-max-content;min-height:max-content;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.125rem;overflow:auto;border-radius:var(--maz-border-radius);background-color:var(--maz-color-bg);padding:.5rem;-webkit-box-shadow:0 5px 10px 0 hsla(0,0%,0%,.05);box-shadow:0 5px 10px #0000000d}.m-dropdown .menu:is([class~=dark] *){border-width:var(--maz-border-width);border-color:var(--maz-color-bg-light)}.m-dropdown .menu.--top:not(.--right,.--left){bottom:100%;margin-bottom:.25rem;-webkit-transform-origin:bottom;transform-origin:bottom}.m-dropdown .menu.--bottom:not(.--right,.--left){top:100%;margin-top:.25rem;-webkit-transform-origin:top;transform-origin:top}.m-dropdown .menu.--left:not(.--top,.--bottom){right:100%;margin-right:.25rem;-webkit-transform-origin:top right;transform-origin:top right}.m-dropdown .menu.--right:not(.--top,.--bottom){left:100%;margin-left:.25rem;-webkit-transform-origin:top left;transform-origin:top left}.m-dropdown .menu.--top.--right{bottom:100%;right:0;margin-bottom:.25rem;-webkit-transform-origin:bottom right;transform-origin:bottom right}.m-dropdown .menu.--top.--left{bottom:100%;left:0;margin-bottom:.25rem;-webkit-transform-origin:bottom left;transform-origin:bottom left}.m-dropdown .menu.--bottom.--left{left:0;top:100%;margin-top:.25rem;-webkit-transform-origin:top left;transform-origin:top left}.m-dropdown .menu.--bottom.--right{right:0;top:100%;margin-top:.25rem;-webkit-transform-origin:top right;transform-origin:top right}.m-dropdown .menu .menuitem{cursor:pointer;white-space:nowrap;border-radius:var(--maz-border-radius);padding:.5rem 1rem;text-align:start;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-dropdown .menu .menuitem:focus-within{background-color:var(--maz-color-bg-light)}.m-dropdown .menu .menuitem:hover,.m-dropdown .menu .menuitem.--is-keyboard-selected{background-color:var(--maz-color-bg-light)}.m-dropdown .menu .menuitem.menuitem__button:disabled{cursor:not-allowed;opacity:.5}.m-dropdown .menu .menuitem.menuitem__button.--primary{color:var(--maz-color-primary)}.m-dropdown .menu .menuitem.menuitem__button.--primary:hover{color:var(--maz-color-primary-600)}.m-dropdown .menu .menuitem.menuitem__button.--secondary{color:var(--maz-color-secondary)}.m-dropdown .menu .menuitem.menuitem__button.--secondary:hover{color:var(--maz-color-secondary-600)}.m-dropdown .menu .menuitem.menuitem__button.--info{color:var(--maz-color-info)}.m-dropdown .menu .menuitem.menuitem__button.--info:hover{color:var(--maz-color-info-600)}.m-dropdown .menu .menuitem.menuitem__button.--warning{color:var(--maz-color-warning-600)}.m-dropdown .menu .menuitem.menuitem__button.--warning:hover{color:var(--maz-color-warning-800)}.m-dropdown .menu .menuitem.menuitem__button.--danger{color:var(--maz-color-danger-600)}.m-dropdown .menu .menuitem.menuitem__button.--danger:hover{color:var(--maz-color-danger-800)}.m-dropdown .menu .menuitem.menuitem__button.--success{color:var(--maz-color-success-600)}.m-dropdown .menu .menuitem.menuitem__button.--success:hover{color:var(--maz-color-success-800)}.m-dropdown .menu .menuitem.menuitem__button.--white{color:var(--maz-color-white)}.m-dropdown .menu .menuitem.menuitem__button.--white:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.m-dropdown .menu .menuitem.menuitem__button.--black{color:var(--maz-color-black)}.m-dropdown .menu .menuitem.menuitem__button.--black:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-dropdown .menu .menuitem.menuitem__button.--theme{color:var(--maz-color-text)}.m-dropdown .menu .menuitem.menuitem__button.--theme:hover{color:var(--maz-color-black)}.m-dropdown .menu .menuitem.menuitem__button.--theme:hover:is([class~=dark] *){color:var(--maz-color-white)}

package/components/assets/MazLink.css

@@ -1 +1 @@
-.m-link[data-v-4779a8e3]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.25rem;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-link.--underline[data-v-4779a8e3],.m-link.--underline-only-hover[data-v-4779a8e3]:hover{text-decoration-line:underline}.m-link.--primary[data-v-4779a8e3]{color:var(--maz-color-primary)}.m-link.--primary[data-v-4779a8e3]:hover{color:var(--maz-color-primary-600)}.m-link.--secondary[data-v-4779a8e3]{color:var(--maz-color-secondary)}.m-link.--secondary[data-v-4779a8e3]:hover{color:var(--maz-color-secondary-600)}.m-link.--info[data-v-4779a8e3]{color:var(--maz-color-info)}.m-link.--info[data-v-4779a8e3]:hover{color:var(--maz-color-info-600)}.m-link.--warning[data-v-4779a8e3]{color:var(--maz-color-warning-600)}.m-link.--warning[data-v-4779a8e3]:hover{color:var(--maz-color-warning-800)}.m-link.--danger[data-v-4779a8e3]{color:var(--maz-color-danger-600)}.m-link.--danger[data-v-4779a8e3]:hover{color:var(--maz-color-danger-800)}.m-link.--success[data-v-4779a8e3]{color:var(--maz-color-success-600)}.m-link.--success[data-v-4779a8e3]:hover{color:var(--maz-color-success-800)}.m-link.--white[data-v-4779a8e3]{color:var(--maz-color-white)}.m-link.--white[data-v-4779a8e3]:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.m-link.--black[data-v-4779a8e3]{color:var(--maz-color-black)}.m-link.--black[data-v-4779a8e3]:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-link.--theme[data-v-4779a8e3]{color:var(--maz-color-text)}.m-link.--theme[data-v-4779a8e3]:hover{color:var(--maz-color-black)}.m-link.--theme[data-v-4779a8e3]:hover:is([class~=dark] *){color:var(--maz-color-white)}
+.m-link[data-v-b1120a61]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.25rem;text-decoration-line:none;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-link.--underline[data-v-b1120a61],.m-link.--underline-only-hover[data-v-b1120a61]:hover{text-decoration-line:underline}.m-link.--primary[data-v-b1120a61]{color:var(--maz-color-primary)}.m-link.--primary[data-v-b1120a61]:hover{color:var(--maz-color-primary-600)}.m-link.--secondary[data-v-b1120a61]{color:var(--maz-color-secondary)}.m-link.--secondary[data-v-b1120a61]:hover{color:var(--maz-color-secondary-600)}.m-link.--info[data-v-b1120a61]{color:var(--maz-color-info)}.m-link.--info[data-v-b1120a61]:hover{color:var(--maz-color-info-600)}.m-link.--warning[data-v-b1120a61]{color:var(--maz-color-warning-600)}.m-link.--warning[data-v-b1120a61]:hover{color:var(--maz-color-warning-800)}.m-link.--danger[data-v-b1120a61]{color:var(--maz-color-danger-600)}.m-link.--danger[data-v-b1120a61]:hover{color:var(--maz-color-danger-800)}.m-link.--success[data-v-b1120a61]{color:var(--maz-color-success-600)}.m-link.--success[data-v-b1120a61]:hover{color:var(--maz-color-success-800)}.m-link.--white[data-v-b1120a61]{color:var(--maz-color-white)}.m-link.--white[data-v-b1120a61]:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.m-link.--black[data-v-b1120a61]{color:var(--maz-color-black)}.m-link.--black[data-v-b1120a61]:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.m-link.--theme[data-v-b1120a61]{color:var(--maz-color-text)}.m-link.--theme[data-v-b1120a61]:hover{color:var(--maz-color-black)}.m-link.--theme[data-v-b1120a61]:hover:is([class~=dark] *){color:var(--maz-color-white)}

package/components/chunks/MazAvatar-BXZpFUaZ.mjs

@@ -0,0 +1,154 @@
+import { defineComponent as I, defineAsyncComponent as p, computed as u, openBlock as l, createBlock as g, resolveDynamicComponent as L, normalizeStyle as k, normalizeClass as v, withCtx as E, createElementVNode as b, createElementBlock as i, Fragment as M, unref as y, mergeProps as P, createCommentVNode as n, renderSlot as f, toDisplayString as h, createVNode as A } from "vue";
+import '../assets/MazAvatar.css';const D = ["tabindex"], N = ["src", "alt", "loading"], R = { class: "m-avatar__initial" }, V = {
+  key: 0,
+  class: "m-avatar__caption"
+}, q = /* @__PURE__ */ I({
+  __name: "MazAvatar",
+  props: {
+    style: {},
+    class: {},
+    src: { default: void 0 },
+    caption: { default: void 0 },
+    href: { default: void 0 },
+    to: { default: void 0 },
+    alt: { default: "avatar image" },
+    target: { default: "_self" },
+    size: { default: void 0 },
+    bordered: { type: Boolean },
+    clickable: { type: Boolean },
+    square: { type: Boolean },
+    noElevation: { type: Boolean },
+    showCaption: { type: Boolean },
+    imageHeightFull: { type: Boolean },
+    noLoader: { type: Boolean },
+    buttonColor: { default: "info" },
+    noClickableIcon: { type: Boolean },
+    letterCount: { default: void 0 },
+    roundedSize: { default: "full" },
+    fallbackSrc: { default: void 0 },
+    noPhoto: { type: Boolean },
+    loading: { default: "intersecting" }
+  },
+  emits: ["click", "intersecting", "loading", "loaded", "error"],
+  setup(r, { emit: s }) {
+    const a = r, d = s, c = p(() => import("./MazLazyImg-D2seDVoC.mjs")), C = p(() => import("./pencil-Z-mPplOz.mjs")), z = u(() => a.to ? "RouterLink" : a.href ? "a" : "div"), m = u(() => !!a.to || !!a.href);
+    function S(o, e = a.letterCount) {
+      return o.split(" ").map((B) => B[0]).join("").slice(0, e);
+    }
+    const w = u(() => a.src || !a.src && !a.caption);
+    function $(o) {
+      if (d("error", o.target), a.fallbackSrc && o.target instanceof HTMLImageElement) {
+        const e = new URL(o.target.src), t = new URL(a.fallbackSrc);
+        if (e.href === t.href)
+          return;
+        o.target.src = a.fallbackSrc;
+      }
+    }
+    return (o, e) => (l(), g(L(z.value), {
+      style: k([{ fontSize: o.size }, o.style]),
+      class: v(["m-avatar", [
+        {
+          "--has-link": m.value
+        },
+        a.class
+      ]]),
+      href: o.href,
+      to: o.to,
+      target: m.value ? o.target : void 0
+    }, {
+      default: E(() => [
+        b("div", {
+          class: v(["m-avatar__wrapper", [
+            {
+              "--has-shadow": !o.noElevation,
+              "--bordered": o.bordered,
+              "--clickable": o.clickable,
+              "--has-initial": !o.src && o.caption
+            },
+            `--rounded-${o.square ? "none" : o.roundedSize}`
+          ]]),
+          tabindex: o.clickable ? 0 : -1
+        }, [
+          w.value ? (l(), i(
+            M,
+            { key: 0 },
+            [
+              o.loading === "intersecting" ? (l(), g(y(c), P({ key: 0 }, o.$attrs, {
+                class: "m-avatar__picture maz-w-full maz-max-w-full",
+                src: o.src,
+                alt: o.alt,
+                "no-photo": o.noPhoto,
+                "image-height-full": "",
+                "no-loader": o.noLoader,
+                "fallback-src": o.fallbackSrc,
+                onClick: e[0] || (e[0] = (t) => o.clickable ? o.$emit("click", t) : null),
+                onError: e[1] || (e[1] = (t) => o.$emit("error", t)),
+                onLoaded: e[2] || (e[2] = (t) => o.$emit("loaded", t)),
+                onLoading: e[3] || (e[3] = (t) => o.$emit("loading", t)),
+                onIntersecting: e[4] || (e[4] = (t) => o.$emit("intersecting", t))
+              }), null, 16, ["src", "alt", "no-photo", "no-loader", "fallback-src"])) : (l(), i("img", {
+                key: 1,
+                class: "m-avatar__picture maz-w-full maz-max-w-full",
+                src: o.src ?? o.fallbackSrc,
+                alt: o.alt,
+                loading: o.loading,
+                onError: $
+              }, null, 40, N))
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )) : n("v-if", !0),
+          o.caption && !o.src ? f(o.$slots, "round-text", { key: 1 }, () => [
+            b(
+              "span",
+              R,
+              h(S(o.caption)),
+              1
+              /* TEXT */
+            )
+          ], !0) : n("v-if", !0),
+          o.clickable ? (l(), i(
+            "button",
+            {
+              key: 2,
+              type: "button",
+              tabindex: "-1",
+              class: "m-avatar__button",
+              style: k({
+                backgroundColor: o.src ? `var(--maz-color-${o.buttonColor}-alpha)` : `var(--maz-color-${o.buttonColor})`
+              }),
+              onClick: e[5] || (e[5] = (t) => o.$emit("click", t))
+            },
+            [
+              o.noClickableIcon ? n("v-if", !0) : f(o.$slots, "icon", { key: 0 }, () => [
+                A(y(C), { class: "m-avatar__button__icon" })
+              ], !0)
+            ],
+            4
+            /* STYLE */
+          )) : n("v-if", !0)
+        ], 10, D),
+        f(o.$slots, "caption", {}, () => [
+          o.showCaption && o.caption ? (l(), i(
+            "p",
+            V,
+            h(o.caption),
+            1
+            /* TEXT */
+          )) : n("v-if", !0)
+        ], !0)
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 8, ["style", "class", "href", "to", "target"]));
+  }
+}), F = (r, s) => {
+  const a = r.__vccOpts || r;
+  for (const [d, c] of s)
+    a[d] = c;
+  return a;
+}, j = /* @__PURE__ */ F(q, [["__scopeId", "data-v-6101dd1c"]]);
+export {
+  j as M,
+  F as _
+};

package/components/chunks/MazBtn-qFUqOv5D.mjs

@@ -0,0 +1,150 @@
+import { defineComponent as F, defineAsyncComponent as h, useAttrs as j, useSlots as E, onBeforeMount as O, computed as l, openBlock as n, createBlock as a, resolveDynamicComponent as r, normalizeClass as s, withCtx as R, createElementBlock as u, createCommentVNode as t, renderSlot as d, unref as c } from "vue";
+import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+import '../assets/MazBtn.css';const A = /* @__PURE__ */ F({
+  __name: "MazBtn",
+  props: {
+    variant: { default: "button" },
+    size: { default: "md" },
+    color: { default: "primary" },
+    type: { default: "button" },
+    rounded: { type: Boolean },
+    roundedSize: { default: "lg" },
+    noRounded: { type: Boolean },
+    outline: { type: Boolean },
+    pastel: { type: Boolean },
+    block: { type: Boolean },
+    noUnderline: { type: Boolean },
+    loading: { type: Boolean },
+    disabled: { type: Boolean },
+    fab: { type: Boolean },
+    icon: { type: [String, Function, Object], default: void 0 },
+    leftIcon: { type: [String, Function, Object], default: void 0 },
+    rightIcon: { type: [String, Function, Object], default: void 0 },
+    noPadding: { type: Boolean },
+    noElevation: { type: Boolean },
+    contentClass: { default: void 0 }
+  },
+  setup(g) {
+    const o = g, z = h(() => import("./MazSpinner-SgVUnAHk.mjs")), f = h(() => import("./MazIcon-BDGxCy9M.mjs")), { href: k, to: B } = j(), p = E();
+    O(() => {
+      o.icon && !o.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
+    });
+    const v = l(() => k ? "a" : B ? "router-link" : "button"), I = l(
+      () => o.pastel ? `--${o.color}-pastel` : o.outline ? `--${o.color}-outline` : `--${o.color}`
+    ), b = l(
+      () => (o.loading || o.disabled) && v.value === "button"
+    ), C = l(() => b.value ? "--cursor-default" : "--cursor-pointer"), $ = l(() => `--is-${o.variant}`), i = l(() => o.loading && o.variant === "button"), m = l(() => !!p["left-icon"] || o.leftIcon), y = l(() => !!p["right-icon"] || o.rightIcon), S = l(() => m.value || y.value), M = l(() => o.fab && (o.icon || !!p.icon)), T = l(() => v.value === "button" ? o.type : void 0);
+    return (e, D) => (n(), a(r(v.value), {
+      disabled: b.value || void 0,
+      class: s(["m-btn", [
+        `--${e.size}`,
+        !e.fab && !e.rounded && e.roundedSize && `--rounded-${e.roundedSize}`,
+        I.value,
+        C.value,
+        $.value,
+        {
+          "--block": e.block,
+          "--no-underline": e.noUnderline,
+          "--fab": e.fab,
+          "--loading": e.loading,
+          "--disabled": b.value,
+          "--icon": S.value,
+          "--rounded": e.rounded,
+          "--no-rounded": e.noRounded,
+          "--no-padding": e.noPadding,
+          "--no-elevation": e.noElevation
+        }
+      ]]),
+      type: T.value
+    }, {
+      default: R(() => [
+        m.value ? (n(), u(
+          "div",
+          {
+            key: 0,
+            class: s(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": i.value }])
+          },
+          [
+            t(`
+        @slot left-icon - The icon to display on the left of the button
+      `),
+            d(e.$slots, "left-icon", {}, () => [
+              typeof e.leftIcon == "string" ? (n(), a(c(f), {
+                key: 0,
+                name: e.leftIcon
+              }, null, 8, ["name"])) : e.leftIcon ? (n(), a(r(e.leftIcon), { key: 1 })) : t("v-if", !0)
+            ], !0)
+          ],
+          2
+          /* CLASS */
+        )) : t("v-if", !0),
+        M.value ? (n(), u(
+          "div",
+          {
+            key: 1,
+            class: s(["m-btn__icon", { "maz-invisible": i.value }])
+          },
+          [
+            t(`
+        @slot icon - The icon to display on the fab button
+      `),
+            d(e.$slots, "icon", {}, () => [
+              typeof e.icon == "string" ? (n(), a(c(f), {
+                key: 0,
+                name: e.icon
+              }, null, 8, ["name"])) : e.icon ? (n(), a(r(e.icon), { key: 1 })) : t("v-if", !0)
+            ], !0)
+          ],
+          2
+          /* CLASS */
+        )) : t("v-if", !0),
+        e.$slots.default ? (n(), u(
+          "span",
+          {
+            key: 2,
+            class: s([{ "maz-invisible": i.value }, e.contentClass])
+          },
+          [
+            t(`
+        @slot default - The content of the button
+      `),
+            d(e.$slots, "default", {}, void 0, !0)
+          ],
+          2
+          /* CLASS */
+        )) : t("v-if", !0),
+        y.value ? (n(), u(
+          "div",
+          {
+            key: 3,
+            class: s(["m-btn__icon-right", { "maz-invisible": i.value }])
+          },
+          [
+            t(`
+        @slot right-icon - The icon to display on the right of the button
+      `),
+            d(e.$slots, "right-icon", {}, () => [
+              typeof e.rightIcon == "string" ? (n(), a(c(f), {
+                key: 0,
+                name: e.rightIcon
+              }, null, 8, ["name"])) : e.rightIcon ? (n(), a(r(e.rightIcon), { key: 1 })) : t("v-if", !0)
+            ], !0)
+          ],
+          2
+          /* CLASS */
+        )) : t("v-if", !0),
+        i.value ? (n(), a(c(z), {
+          key: 4,
+          class: "m-btn-loader",
+          size: "2em",
+          color: e.color
+        }, null, 8, ["color"])) : t("v-if", !0)
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 8, ["disabled", "class", "type"]));
+  }
+}), U = /* @__PURE__ */ w(A, [["__scopeId", "data-v-792f66c0"]]);
+export {
+  U as default
+};

package/components/chunks/{MazLazyImg-BmmDjOiK.mjs → MazLazyImg-D2seDVoC.mjs}

@@ -2,7 +2,7 @@ import '../assets/MazLazyImg.css';var v = Object.defineProperty;
 var f = (a, e, s) => e in a ? v(a, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : a[e] = s;
 var n = (a, e, s) => f(a, typeof e != "symbol" ? e + "" : e, s);
 import { defineComponent as A, defineAsyncComponent as b, computed as m, withDirectives as I, openBlock as d, createElementBlock as c, normalizeClass as C, normalizeStyle as y, Fragment as E, renderList as O, createElementVNode as L, mergeProps as P, createVNode as S, unref as g, createCommentVNode as z, renderSlot as B } from "vue";
-import { _ as k } from "./MazAvatar-DVjTbmNj.mjs";
+import { _ as k } from "./MazAvatar-BXZpFUaZ.mjs";
 const H = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", w = {
   baseClass: "m-lazy-img",
   loadedClass: "m-lazy-loaded",
@@ -204,7 +204,7 @@ const M = {
   },
   emits: ["intersecting", "loading", "loaded", "error"],
   setup(a) {
-    const e = a, s = b(() => import("./MazSpinner-DfHwN_9D.mjs")), t = m(() => e.image || e.src), r = m(() => {
+    const e = a, s = b(() => import("./MazSpinner-gYRmfrSM.mjs")), t = m(() => e.image || e.src), r = m(() => {
       var o;
       return typeof t.value == "string" ? [{ srcset: t.value }] : (o = t.value) == null ? void 0 : o.sources;
     });

package/components/chunks/MazLink-CJ1canOj.mjs

@@ -0,0 +1,79 @@
+import { defineComponent as u, defineAsyncComponent as d, openBlock as o, createBlock as n, resolveDynamicComponent as r, mergeProps as s, withCtx as p, createCommentVNode as t, renderSlot as l, unref as a, createVNode as h } from "vue";
+import { _ as m } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+import '../assets/MazLink.css';const y = /* @__PURE__ */ u({
+  __name: "MazLink",
+  props: {
+    id: { default: void 0 },
+    title: { default: void 0 },
+    href: { default: "#" },
+    to: { default: void 0 },
+    color: { default: "primary" },
+    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, default: !0 },
+    leftIcon: { type: [String, Function, Object], default: void 0 },
+    rightIcon: { type: [String, Function, Object], default: void 0 }
+  },
+  setup(c) {
+    const f = d(
+      () => import("./arrow-top-right-on-square-jPmYJ34F.mjs")
+    ), i = d(() => import("./MazIcon-BDGxCy9M.mjs"));
+    return (e, g) => (o(), n(r(e.to ? "router-link" : "a"), s({
+      id: e.id,
+      class: ["m-link", [
+        {
+          "--underline": e.underline,
+          "--underline-only-hover": !e.underline && e.underlineOnlyHover
+        },
+        `--${e.color}`
+      ]],
+      to: e.to,
+      href: e.href,
+      title: e.title,
+      target: e.target,
+      rel: e.rel,
+      download: e.download,
+      "aria-label": e.ariaLabel
+    }, e.$attrs), {
+      default: p(() => [
+        t(`
+      @slot left-icon - The icon to display on the left of the text
+    `),
+        l(e.$slots, "left-icon", {}, () => [
+          typeof e.leftIcon == "string" ? (o(), n(a(i), {
+            key: 0,
+            name: e.leftIcon
+          }, null, 8, ["name"])) : e.leftIcon ? (o(), n(r(e.leftIcon), { key: 1 })) : t("v-if", !0)
+        ], !0),
+        t(`
+      @slot Text of the link
+    `),
+        l(e.$slots, "default", {}, void 0, !0),
+        t(`
+      @slot right-icon - The icon to display on the left of the text
+    `),
+        l(e.$slots, "right-icon", {}, () => [
+          typeof e.rightIcon == "string" ? (o(), n(a(i), {
+            key: 0,
+            name: e.rightIcon
+          }, null, 8, ["name"])) : e.rightIcon ? (o(), n(r(e.rightIcon), { key: 1 })) : t("v-if", !0)
+        ], !0),
+        t(`
+      @slot external-icon - Replace the default external icon
+    `),
+        e.autoExternal && e.target === "_blank" ? l(e.$slots, "external-icon", { key: 0 }, () => [
+          h(a(f))
+        ], !0) : t("v-if", !0)
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 16, ["id", "class", "to", "href", "title", "target", "rel", "download", "aria-label"]));
+  }
+}), I = /* @__PURE__ */ m(y, [["__scopeId", "data-v-b1120a61"]]);
+export {
+  I as default
+};

package/components/chunks/MazSpinner-SgVUnAHk.mjs

@@ -0,0 +1,37 @@
+import { defineComponent as n, openBlock as r, createElementBlock as o, normalizeClass as s, createElementVNode as a } from "vue";
+import { _ as i } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+import '../assets/MazSpinner.css';const c = ["width", "height"], p = /* @__PURE__ */ n({
+  __name: "MazSpinner",
+  props: {
+    size: { type: String, default: "2em" },
+    color: {
+      type: String,
+      default: "primary"
+    }
+  },
+  setup(e) {
+    return (l, t) => (r(), o("svg", {
+      width: e.size,
+      height: e.size,
+      version: "1.1",
+      xmlns: "http://www.w3.org/2000/svg",
+      x: "0px",
+      y: "0px",
+      viewBox: "0 0 50 50",
+      "xml:space": "preserve",
+      class: s(["m-spinner", `m-spinner--${e.color}`]),
+      style: { "enable-background": "new 0 0 50 50" }
+    }, t[0] || (t[0] = [
+      a(
+        "path",
+        { d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" },
+        null,
+        -1
+        /* HOISTED */
+      )
+    ]), 10, c));
+  }
+}), h = /* @__PURE__ */ i(p, [["__scopeId", "data-v-c16a57a3"]]);
+export {
+  h as default
+};

package/components/chunks/{MazSpinner-DfHwN_9D.mjs → MazSpinner-gYRmfrSM.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as n, openBlock as r, createElementBlock as o, normalizeClass as s, createElementVNode as a } from "vue";
-import { _ as i } from "./MazAvatar-DVjTbmNj.mjs";
+import { _ as i } from "./MazAvatar-BXZpFUaZ.mjs";
 import '../assets/MazSpinner.css';const c = ["width", "height"], p = /* @__PURE__ */ n({
   __name: "MazSpinner",
   props: {

package/components/chunks/_plugin-vue_export-helper-CHgC5LLL.mjs

@@ -0,0 +1,9 @@
+const s = (t, r) => {
+  const o = t.__vccOpts || t;
+  for (const [c, e] of r)
+    o[c] = e;
+  return o;
+};
+export {
+  s as _
+};

package/nuxt/index.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.0.0"
   },
-  "version": "3.46.0",
+  "version": "3.46.1-beta.1",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "maz-ui",
   "type": "module",
-  "version": "3.46.0",
+  "version": "3.46.1-beta.1",
   "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "license": "MIT",

package/types/components/MazAvatar.vue.d.ts

@@ -1,6 +1,11 @@
+import type { HTMLAttributes } from 'vue';
 import type { Color } from './types';
 export type { Color };
 export interface Props {
+    /** The style of the component */
+    style?: HTMLAttributes['style'];
+    /** The class of the component */
+    class?: HTMLAttributes['class'];
     /** The source of the image */
     src?: string | null;
     /** The caption of the avatar */
@@ -44,6 +49,12 @@ export interface Props {
     fallbackSrc?: string;
     /** Load the fallback image by default */
     noPhoto?: boolean;
+    /**
+     * The loading strategy of the image - lazy, eager or intersecting
+     * @default 'intersecting'
+     * @values `'lazy' | 'eager' | 'intersecting'`
+     */
+    loading?: 'lazy' | 'eager' | 'intersecting';
 }
 declare function __VLS_template(): {
     slots: {
@@ -72,6 +83,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     size: string;
     src: string | null;
     roundedSize: "none" | "sm" | "md" | "lg" | "xl" | "full";
+    loading: "lazy" | "eager" | "intersecting";
     href: string;
     to: string | Record<string, unknown>;
     target: string;