maz-ui 3.47.2-beta.2 → 3.47.2-beta.20

package/components/MazExpandAnimation.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as l, mergeModels as u, useCssVars as m, useModel as f, ref as d, onMounted as v, onUnmounted as c, openBlock as p, createElementBlock as _, normalizeClass as E, createElementVNode as x, mergeProps as h, renderSlot as g } from "vue";
-import './assets/MazExpandAnimation.css';const M = ["aria-hidden"], A = /* @__PURE__ */ l({
+import { defineComponent as l, mergeModels as u, useModel as m, ref as d, onMounted as f, onUnmounted as v, openBlock as c, createElementBlock as p, normalizeClass as _, normalizeStyle as x, createElementVNode as E, mergeProps as g, renderSlot as h } from "vue";
+import './assets/MazExpandAnimation.css';const M = ["aria-hidden"], y = /* @__PURE__ */ l({
   inheritAttrs: !1,
   __name: "MazExpandAnimation",
   props: /* @__PURE__ */ u({
@@ -11,51 +11,48 @@ import './assets/MazExpandAnimation.css';const M = ["aria-hidden"], A = /* @__PU
   }),
   emits: ["update:modelValue"],
   setup(i) {
-    m((e) => ({
-      "3628b947": e.duration,
-      "239277b5": e.timingFunction
-    }));
-    const n = f(i, "modelValue"), t = d(!n.value), a = d();
-    function s() {
+    const n = m(i, "modelValue"), t = d(!n.value), a = d();
+    function r() {
       n.value || (t.value = !0);
     }
-    function r() {
+    function s() {
       n.value && (t.value = !1);
     }
-    return v(() => {
+    return f(() => {
       var e, o;
-      (e = a.value) == null || e.addEventListener("transitionstart", s, !1), (o = a.value) == null || o.addEventListener("transitionend", r, !1);
-    }), c(() => {
+      (e = a.value) == null || e.addEventListener("transitionstart", r, !1), (o = a.value) == null || o.addEventListener("transitionend", s, !1);
+    }), v(() => {
       var e, o;
-      (e = a.value) == null || e.removeEventListener("transitionstart", s, !1), (o = a.value) == null || o.removeEventListener("transitionend", r, !1);
-    }), (e, o) => (p(), _("div", {
+      (e = a.value) == null || e.removeEventListener("transitionstart", r, !1), (o = a.value) == null || o.removeEventListener("transitionend", s, !1);
+    }), (e, o) => (c(), p("div", {
       ref_key: "expandAnimationRef",
       ref: a,
-      class: E(["m-expand-animation", { "m-expand-animation--expanded": n.value }]),
+      class: _(["m-expand-animation", { "m-expand-animation--expanded": n.value }]),
       "aria-hidden": !n.value,
-      role: "region"
+      role: "region",
+      style: x([{ "--expand-animation-duration": e.duration, "--expand-animation-timing-function": e.timingFunction }])
     }, [
-      x(
+      E(
         "div",
-        h({ class: "m-expand-animation__inner" }, e.$attrs, {
+        g({ class: "m-expand-animation__inner" }, e.$attrs, {
           class: {
             "--overflow-hidden": t.value
           }
         }),
         [
-          g(e.$slots, "default", {}, void 0, !0)
+          h(e.$slots, "default", {}, void 0, !0)
         ],
         16
         /* FULL_PROPS */
       )
-    ], 10, M));
+    ], 14, M));
   }
-}), V = (i, n) => {
+}), A = (i, n) => {
   const t = i.__vccOpts || i;
-  for (const [a, s] of n)
-    t[a] = s;
+  for (const [a, r] of n)
+    t[a] = r;
   return t;
-}, k = /* @__PURE__ */ V(A, [["__scopeId", "data-v-b7ca6b97"]]);
+}, z = /* @__PURE__ */ A(y, [["__scopeId", "data-v-3bfdfbc1"]]);
 export {
-  k as default
+  z as default
 };

package/components/MazFullscreenLoader.d.ts

@@ -8,11 +8,12 @@ export interface MazFullscreenLoaderProps {
     teleportSelector?: string;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<MazFullscreenLoaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MazFullscreenLoaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/components/MazFullscreenLoader.mjs

@@ -1,23 +1,23 @@
-import { defineComponent as l, defineAsyncComponent as a, onMounted as s, onUnmounted as m, openBlock as o, createBlock as c, Teleport as d, createElementVNode as u, mergeProps as p, createVNode as f, unref as i, createElementBlock as z, renderSlot as k, createCommentVNode as y } from "vue";
-import './assets/MazFullscreenLoader.css';const b = { key: 0 }, S = /* @__PURE__ */ l({
+import { defineComponent as n, defineAsyncComponent as a, onMounted as s, onUnmounted as m, openBlock as o, createBlock as c, Teleport as d, createElementVNode as u, mergeProps as p, createVNode as f, unref as i, createElementBlock as z, renderSlot as k, createCommentVNode as b } from "vue";
+import './assets/MazFullscreenLoader.css';const v = { key: 0 }, S = /* @__PURE__ */ n({
   __name: "MazFullscreenLoader",
   props: {
     color: { default: "primary" },
     size: { default: "3em" },
     teleportSelector: { default: "body" }
   },
-  setup(v) {
+  setup(y) {
     const t = a(() => import("./chunks/MazSpinner-Du5o8JC_.mjs"));
     function r() {
       document.documentElement.classList.add("--maz-fullscreen-loader-present");
     }
-    async function n() {
+    function l() {
       document.documentElement.classList.remove("--maz-fullscreen-loader-present");
     }
     return s(() => {
       r();
     }), m(() => {
-      n();
+      l();
     }), (e, C) => (o(), c(d, { to: e.teleportSelector }, [
       u(
         "div",
@@ -27,9 +27,9 @@ import './assets/MazFullscreenLoader.css';const b = { key: 0 }, S = /* @__PURE__
             color: e.color,
             size: e.size
           }, null, 8, ["color", "size"]),
-          e.$slots.default ? (o(), z("span", b, [
+          e.$slots.default ? (o(), z("span", v, [
             k(e.$slots, "default")
-          ])) : y("v-if", !0)
+          ])) : b("v-if", !0)
         ],
         16
         /* FULL_PROPS */

package/components/MazGallery.d.ts

@@ -151,8 +151,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     blur: boolean;
     width: string | number;
     height: string | number;
-    scale: boolean;
     lazy: boolean;
+    scale: boolean;
     images: MazGalleryImage[];
     imagesShownCount: number;
     noRemaining: boolean;

package/components/MazGallery.mjs

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

package/components/MazIcon.mjs

@@ -2,7 +2,7 @@ import { inject as T, defineComponent as x, ref as m, computed as p, onMounted a
 function H(i, c) {
   const o = T(i, c);
   if (!o)
-    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${i}`);
+    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${i.toString()}`);
   return o;
 }
 const I = ["innerHTML"], V = /* @__PURE__ */ x({
@@ -26,7 +26,7 @@ const I = ["innerHTML"], V = /* @__PURE__ */ x({
   },
   emits: ["loaded", "unloaded", "error"],
   setup(i, { emit: c }) {
-    const o = i, d = c, s = {}, l = m(), f = m();
+    const o = i, d = c, a = {}, s = m(), f = m();
     function g() {
       try {
         return H("mazIconPath");
@@ -59,15 +59,16 @@ const I = ["innerHTML"], V = /* @__PURE__ */ x({
       return r;
     }
     function y(e) {
-      let r = e.cloneNode(!0);
-      return r = o.transformSource(e), o.title && h(r, o.title), e.innerHTML;
+      e.cloneNode(!0);
+      const r = o.transformSource(e);
+      return o.title && h(r, o.title), e.innerHTML;
     }
     async function z(e) {
-      s[e] || (s[e] = M(e));
+      a[e] || (a[e] = M(e));
       try {
-        l.value = await s[e], await q(), d("loaded", f.value);
+        s.value = await a[e], await q(), d("loaded", f.value);
       } catch (r) {
-        l.value && (l.value = void 0, d("unloaded")), delete s[e], d("error", r);
+        s.value && (s.value = void 0, d("unloaded")), delete a[e], d("error", r);
       }
     }
     function M(e) {
@@ -78,26 +79,26 @@ const I = ["innerHTML"], V = /* @__PURE__ */ x({
             try {
               let u = new DOMParser().parseFromString(n.responseText, "text/xml").querySelectorAll("svg")[0];
               u ? (u = o.transformSource(u), r(u)) : t(new Error('Loaded file is not valid SVG"'));
-            } catch (a) {
-              t(a);
+            } catch (l) {
+              t(l);
             }
           else
             t(new Error("Error loading SVG"));
-        }), n.addEventListener("error", (a) => t(a)), n.send();
+        }), n.addEventListener("error", (l) => t(l)), n.send();
       });
     }
-    return C(() => z(S.value)), (e, r) => l.value ? (P(), _("svg", $({
+    return C(() => z(S.value)), (e, r) => s.value ? (P(), _("svg", $({
       key: 0,
       ref_key: "svgElem",
       ref: f,
       width: "1em",
       height: "1em"
     }, {
-      ...E(l.value),
+      ...E(s.value),
       ...w(e.$attrs)
     }, {
       style: `font-size: ${i.size}`,
-      innerHTML: y(l.value)
+      innerHTML: y(s.value)
     }), null, 16, I)) : A("v-if", !0);
   }
 });

package/components/MazInput.d.ts

@@ -12,8 +12,21 @@ export interface Props<T = ModelValueSimple> {
     modelValue?: T | undefined;
     /** The placeholder of the input */
     placeholder?: string;
-    /** The label of the component */
+    /**
+     * The label of the component
+     * This label will be displayed inside the input and will be up when the input is focused
+     */
     label?: string;
+    /**
+     * The top label of the component
+     * This label will be displayed above the input
+     */
+    topLabel?: string;
+    /**
+     * The additional text of the component
+     * This text will be displayed below the input
+     */
+    assistiveText?: string;
     /** The attribut name of the input */
     name?: string;
     /** The color of the component */
@@ -72,7 +85,7 @@ export interface Props<T = ModelValueSimple> {
      */
     rightIcon?: string | Icon;
     /**
-     * Size of the rounded
+     * Size radius of the component's border
      * @values `'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'`
      */
     roundedSize?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
@@ -88,7 +101,7 @@ declare const _default: <T extends ModelValueSimple>(__VLS_props: NonNullable<Aw
         readonly onClick?: ((event: Event) => any) | undefined;
         readonly onFocus?: ((event: Event) => any) | undefined;
         readonly "onUpdate:model-value"?: ((value?: T | undefined) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onInput" | "onClick" | "onUpdate:model-value"> & Props<T>> & import("vue").PublicProps;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onInput" | "onClick" | "onUpdate:model-value"> & Partial<{}> & Props<T>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {

package/components/MazInput.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazInput-DzWkS-g8.mjs";
+import { M as f } from "./chunks/MazInput-BfWJoPre.mjs";
 export {
   f as default
 };

package/components/MazInputCode.d.ts

@@ -36,7 +36,7 @@ declare const _default: <T extends string | number>(__VLS_props: NonNullable<Awa
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:model-value"?: ((value?: T | undefined) => any) | undefined;
         readonly onCompleted?: ((value?: void | undefined) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:model-value" | "onCompleted"> & Props<T>> & import("vue").PublicProps;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:model-value" | "onCompleted"> & Partial<{}> & Props<T>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {};

package/components/MazInputCode.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as N, useCssVars as M, ref as z, watch as P, computed as m, openBlock as g, createElementBlock as v, normalizeClass as h, normalizeStyle as $, createElementVNode as y, Fragment as q, renderList as D, mergeProps as E, toDisplayString as F } from "vue";
-import './assets/MazInputCode.css';const K = ["disabled"], T = { class: "m-input-code__wrapper" }, O = ["inputmode", "pattern", "required", "value", "onInput", "onKeydown", "onClick"], W = /* @__PURE__ */ N({
+import { defineComponent as N, ref as z, watch as M, computed as m, openBlock as g, createElementBlock as v, normalizeClass as h, normalizeStyle as P, createElementVNode as y, Fragment as $, renderList as q, mergeProps as D, toDisplayString as E } from "vue";
+import './assets/MazInputCode.css';const F = ["disabled"], K = { class: "m-input-code__wrapper" }, T = ["inputmode", "pattern", "required", "value", "onInput", "onKeydown", "onClick"], O = /* @__PURE__ */ N({
   inheritAttrs: !1,
   __name: "MazInputCode",
   props: {
@@ -19,12 +19,9 @@ import './assets/MazInputCode.css';const K = ["disabled"], T = { class: "m-input
     hint: {}
   },
   emits: ["update:model-value", "completed"],
-  setup(i, { emit: p }) {
-    M((e) => ({
-      "0b343ce5": S.value
-    }));
-    const n = i, d = p, u = z([]), r = z(/* @__PURE__ */ new Map());
-    P(
+  setup(c, { emit: p }) {
+    const n = c, d = p, u = z([]), r = z(/* @__PURE__ */ new Map());
+    M(
       () => n.modelValue,
       (e, t) => {
         e !== t && (r.value = I());
@@ -34,13 +31,13 @@ import './assets/MazInputCode.css';const K = ["disabled"], T = { class: "m-input
     const f = m({
       get: () => r.value,
       set: (e) => {
-        const t = _(e);
+        const t = B(e);
         d("update:model-value", t), (t == null ? void 0 : t.toString().length) === n.codeLength && d("completed");
       }
     });
     function I(e = n.modelValue) {
       const t = /* @__PURE__ */ new Map();
-      for (const o of Array.from({ length: n.codeLength }, (a, s) => s))
+      for (const o of Array.from({ length: n.codeLength }, (a, l) => l))
         if (e === void 0)
           t.set(o + 1, void 0);
         else {
@@ -52,9 +49,9 @@ import './assets/MazInputCode.css';const K = ["disabled"], T = { class: "m-input
     function L(e, t) {
       var a;
       const o = w((a = e.target) == null ? void 0 : a.value);
-      f.value = r.value.set(t, o), o && c(t);
+      f.value = r.value.set(t, o), o && i(t);
     }
-    function _(e) {
+    function B(e) {
       const t = [...e.values()].join("");
       return n.type === "text" ? t : t && !Number.isNaN(Number(t)) ? Number(t) : void 0;
     }
@@ -62,11 +59,11 @@ import './assets/MazInputCode.css';const K = ["disabled"], T = { class: "m-input
       var t;
       return (t = n.acceptAlpha ? e.match(/^[\w.]$/) : e.match(/\d+/g)) == null ? void 0 : t.toString();
     }
-    function B(e, t) {
+    function _(e, t) {
       const o = r.value.get(t);
-      if (e.key === "ArrowRight" && c(t), e.key === "ArrowLeft" && c(t - 2), e.key === "Backspace" && !o) {
+      if (e.key === "ArrowRight" && i(t), e.key === "ArrowLeft" && i(t - 2), e.key === "Backspace" && !o) {
         const a = t - 1 < 0 ? 0 : t - 1;
-        f.value = r.value.set(a, void 0), c(a - 1);
+        f.value = r.value.set(a, void 0), i(a - 1);
       }
     }
     function A(e) {
@@ -74,23 +71,23 @@ import './assets/MazInputCode.css';const K = ["disabled"], T = { class: "m-input
       const t = (a = e.clipboardData) == null ? void 0 : a.getData("text");
       if (!t)
         return;
-      const o = Array.from({ length: n.codeLength }, (s, l) => ({
-        index: l + 1,
-        value: [...t.toString()][l] ?? void 0
+      const o = Array.from({ length: n.codeLength }, (l, s) => ({
+        index: s + 1,
+        value: [...t.toString()][s] ?? void 0
       }));
-      for (const { index: s, value: l } of o) {
-        const V = l ? w(l) : void 0;
-        V && r.value.set(s, V);
+      for (const { index: l, value: s } of o) {
+        const V = s ? w(s) : void 0;
+        V && r.value.set(l, V);
       }
       setTimeout(() => {
-        const s = k(), l = s >= n.codeLength ? n.codeLength - 1 : s;
-        c(l, !1);
+        const l = k(), s = l >= n.codeLength ? n.codeLength - 1 : l;
+        i(s, !1);
       }, 0);
     }
     function k() {
       return [...r.value.values()].filter(Boolean).length;
     }
-    function c(e, t = !0) {
+    function i(e, t = !0) {
       setTimeout(() => {
         const o = u.value[e];
         e + 1 > n.codeLength || !o || (o.focus(), t && b(e));
@@ -100,24 +97,24 @@ import './assets/MazInputCode.css';const K = ["disabled"], T = { class: "m-input
       const t = u.value[e];
       e + 1 > n.codeLength || !t || t.select();
     }
-    const C = m(() => n.error ? "!maz-border-danger" : n.success ? "!maz-border-success" : n.warning ? "!maz-border-warning" : ""), S = m(() => `var(--maz-color-${n.color})`);
+    const S = m(() => n.error ? "!maz-border-danger" : n.success ? "!maz-border-success" : n.warning ? "!maz-border-warning" : ""), C = m(() => `var(--maz-color-${n.color})`);
     return (e, t) => (g(), v("fieldset", {
       class: h(["m-input-code", [e.size ? `--${e.size}` : void 0, n.class]]),
       disabled: e.disabled,
-      style: $(e.style)
+      style: P([e.style, { "--input-border-color": C.value }])
     }, [
-      y("div", T, [
+      y("div", K, [
         (g(!0), v(
-          q,
+          $,
           null,
-          D(e.codeLength, (o) => (g(), v(
+          q(e.codeLength, (o) => (g(), v(
             "div",
             {
               key: o,
-              class: h(["input-wrapper", C.value])
+              class: h(["input-wrapper", S.value])
             },
             [
-              y("input", E({
+              y("input", D({
                 ref_for: !0,
                 ref: (a) => {
                   u.value[o - 1] = a;
@@ -132,10 +129,10 @@ import './assets/MazInputCode.css';const K = ["disabled"], T = { class: "m-input
               }, e.$attrs, {
                 value: f.value.get(o),
                 onInput: (a) => L(a, o),
-                onKeydown: (a) => B(a, o),
+                onKeydown: (a) => _(a, o),
                 onClick: (a) => b(o - 1),
                 onPaste: A
-              }), null, 16, O)
+              }), null, 16, T)
             ],
             2
             /* CLASS */
@@ -153,18 +150,18 @@ import './assets/MazInputCode.css';const K = ["disabled"], T = { class: "m-input
             "--warning": e.warning
           }])
         },
-        F(e.hint),
+        E(e.hint),
         3
         /* TEXT, CLASS */
       )
-    ], 14, K));
+    ], 14, F));
   }
-}), j = (i, p) => {
-  const n = i.__vccOpts || i;
+}), W = (c, p) => {
+  const n = c.__vccOpts || c;
   for (const [d, u] of p)
     n[d] = u;
   return n;
-}, Z = /* @__PURE__ */ j(W, [["__scopeId", "data-v-82b63deb"]]);
+}, R = /* @__PURE__ */ W(O, [["__scopeId", "data-v-594f962b"]]);
 export {
-  Z as default
+  R as default
 };

package/components/MazInputNumber.d.ts

@@ -52,11 +52,11 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
     size: Size;
     class: HTMLAttributes["class"];
     disabled: boolean;
-    max: number;
-    min: number;
     modelValue: number;
     step: number;
     inputmode: "search" | "text" | "none" | "email" | "tel" | "decimal" | "url" | "numeric";
+    max: number;
+    min: number;
     noButtons: boolean;
     textCenter: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/components/MazInputNumber.mjs

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

package/components/MazInputPrice.d.ts

@@ -26,11 +26,12 @@ export interface Props {
     currencyOptions?: Omit<FilterCurrencyOptions, 'currency'>;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         "left-icon"?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -46,11 +47,11 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     "onUpdate:model-value"?: ((value: number | undefined) => any) | undefined;
     onFormatted?: ((value: string | undefined) => any) | undefined;
 }>, {
-    max: number;
-    min: number;
     modelValue: number;
     currency: string;
     locale: string;
+    max: number;
+    min: number;
     noIcon: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/components/MazInputPrice.mjs

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

package/components/MazInputTags.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazInputTags-Dj3sW-e5.mjs";
+import { M as f } from "./chunks/MazInputTags-D6jQ2-Ia.mjs";
 export {
   f as default
 };

package/components/MazLazyImg.d.ts

@@ -36,11 +36,12 @@ export interface Props {
     block?: boolean;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {

package/components/MazLink.d.ts

@@ -50,6 +50,7 @@ export interface MazLinkProps {
     rightIcon?: string | Icon;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         "left-icon"?(_: {}): any;
         default?(_: {}): any;
@@ -57,7 +58,7 @@ declare function __VLS_template(): {
         "external-icon"?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<MazLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MazLinkProps> & Readonly<{}>, {

package/components/MazLink.mjs

@@ -20,7 +20,7 @@ import './assets/MazLink.css';const c = /* @__PURE__ */ p({
   setup(l) {
     const a = s(
       () => import("./chunks/arrow-top-right-on-square-jPmYJ34F.mjs")
-    ), o = s(() => import("./chunks/MazIcon-BbvBov5G.mjs"));
+    ), o = s(() => import("./chunks/MazIcon-_hN-Kivn.mjs"));
     return (e, f) => (t(), n(i(e.to ? "router-link" : "a"), v({
       id: e.id,
       class: ["m-link", [

package/components/MazLoadingBar.d.ts

@@ -9,5 +9,5 @@ export interface Props {
 declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     color: Color;
     height: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/components/MazLoadingBar.mjs

@@ -1,36 +1,40 @@
-import { defineComponent as l, useCssVars as n, computed as c, openBlock as s, createElementBlock as d, createElementVNode as p } from "vue";
-import './assets/MazLoadingBar.css';const i = { class: "m-loading-bar" }, m = /* @__PURE__ */ l({
+import { defineComponent as t, computed as n, openBlock as c, createElementBlock as i, normalizeStyle as d, createElementVNode as s } from "vue";
+import './assets/MazLoadingBar.css';const m = /* @__PURE__ */ t({
   __name: "MazLoadingBar",
   props: {
     color: { default: "primary" },
     height: { default: "0.125rem" }
   },
-  setup(a) {
-    n((r) => ({
-      "67978ed9": r.height,
-      "05ad2446": o.value.alpha,
-      "943cd45e": o.value.main
+  setup(o) {
+    const r = o, a = n(() => ({
+      alpha: `var(--maz-color-${r.color}-alpha-20)`,
+      main: `var(--maz-color-${r.color})`
     }));
-    const e = a, o = c(() => ({
-      alpha: `var(--maz-color-${e.color}-alpha-20)`,
-      main: `var(--maz-color-${e.color})`
-    }));
-    return (r, t) => (s(), d("div", i, t[0] || (t[0] = [
-      p(
-        "div",
-        null,
-        null,
-        -1
-        /* HOISTED */
-      )
-    ])));
+    return (l, e) => (c(), i(
+      "div",
+      {
+        class: "m-loading-bar",
+        style: d([{ "--loading-bar-height": l.height, "--loading-bar-color": a.value.alpha, "--loading-bar-main-color": a.value.main }])
+      },
+      e[0] || (e[0] = [
+        s(
+          "div",
+          null,
+          null,
+          -1
+          /* HOISTED */
+        )
+      ]),
+      4
+      /* STYLE */
+    ));
   }
-}), u = (a, e) => {
-  const o = a.__vccOpts || a;
-  for (const [r, t] of e)
-    o[r] = t;
-  return o;
-}, v = /* @__PURE__ */ u(m, [["__scopeId", "data-v-3cd29bd9"]]);
+}), p = (o, r) => {
+  const a = o.__vccOpts || o;
+  for (const [l, e] of r)
+    a[l] = e;
+  return a;
+}, g = /* @__PURE__ */ p(m, [["__scopeId", "data-v-ada02d7b"]]);
 export {
-  v as default
+  g as default
 };