@mozaic-ds/vue 2.6.0 → 2.6.1

package/dist/mozaic-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as $, computed as v, createElementBlock as i, openBlock as o, normalizeClass as g, renderSlot as k, createBlock as B, resolveDynamicComponent as F, withCtx as M, createCommentVNode as h, createElementVNode as d, Fragment as P, renderList as D, createVNode as w, createTextVNode as q, toDisplayString as b, normalizeStyle as H, mergeProps as I, ref as z, watch as T, withKeys as R, withDirectives as K, vModelDynamic as ee, nextTick as ae, vModelText as te, onMounted as se, onBeforeUnmount as oe } from "vue";
+import { defineComponent as $, computed as v, createElementBlock as i, openBlock as o, normalizeClass as g, renderSlot as k, createBlock as B, resolveDynamicComponent as q, mergeProps as V, withCtx as M, createCommentVNode as h, createElementVNode as d, Fragment as A, renderList as P, createVNode as w, createTextVNode as D, toDisplayString as b, normalizeStyle as H, ref as z, watch as T, withKeys as R, withDirectives as K, vModelDynamic as ee, nextTick as ae, vModelText as te, onMounted as se, onBeforeUnmount as oe } from "vue";
 const le = /* @__PURE__ */ $({
   __name: "MAvatar",
   props: {
@@ -19,7 +19,7 @@ const le = /* @__PURE__ */ $({
   for (const [t, n] of e)
     a[t] = n;
   return a;
-}, Ys = /* @__PURE__ */ m(le, [["__scopeId", "data-v-4fdb6762"]]), ne = {
+}, Xs = /* @__PURE__ */ m(le, [["__scopeId", "data-v-9ebdb5d7"]]), ne = {
   key: 0,
   class: "mc-link__icon",
   "aria-hidden": "true"
@@ -44,28 +44,31 @@ const le = /* @__PURE__ */ $({
       [`mc-link--${e.size}`]: e.size && e.size != "s",
       "mc-link--inline": e.inline,
       "mc-link--stand-alone": !e.inline
-    }));
-    return (t, n) => (o(), B(F(t.router ? "router-link" : "a"), {
-      class: g(["mc-link", a.value]),
-      href: t.href,
-      target: t.target,
-      to: t.router ? t.href : void 0
-    }, {
+    })), t = v(() => e.router ? {
+      to: e.href,
+      target: e.target
+    } : {
+      href: e.href,
+      target: e.target
+    });
+    return (n, s) => (o(), B(q(n.router ? "router-link" : "a"), V({
+      class: ["mc-link", a.value]
+    }, t.value), {
       default: M(() => [
-        t.$slots.icon && t.iconPosition == "left" ? (o(), i("span", ne, [
-          k(t.$slots, "icon", {}, void 0, !0)
+        n.$slots.icon && n.iconPosition == "left" ? (o(), i("span", ne, [
+          k(n.$slots, "icon", {}, void 0, !0)
         ])) : h("", !0),
         d("span", ie, [
-          k(t.$slots, "default", {}, void 0, !0)
+          k(n.$slots, "default", {}, void 0, !0)
         ]),
-        t.$slots.icon && t.iconPosition == "right" ? (o(), i("span", re, [
-          k(t.$slots, "icon", {}, void 0, !0)
+        n.$slots.icon && n.iconPosition == "right" ? (o(), i("span", re, [
+          k(n.$slots, "icon", {}, void 0, !0)
         ])) : h("", !0)
       ]),
       _: 3
-    }, 8, ["class", "href", "target", "to"]));
+    }, 16, ["class"]));
   }
-}), ce = /* @__PURE__ */ m(de, [["__scopeId", "data-v-df607c25"]]), ue = { class: "mc-breadcrumb__container" }, pe = /* @__PURE__ */ $({
+}), ce = /* @__PURE__ */ m(de, [["__scopeId", "data-v-23fa0281"]]), ue = { class: "mc-breadcrumb__container" }, pe = /* @__PURE__ */ $({
   __name: "MBreadcrumb",
   props: {
     appearance: {},
@@ -76,11 +79,10 @@ const le = /* @__PURE__ */ $({
       [`mc-breadcrumb--${e.appearance}`]: e.appearance && e.appearance != "standard"
     })), t = (n) => n === (e.links?.length ?? 0) - 1;
     return (n, s) => (o(), i("nav", {
-      class: g(["mc-breadcrumb", a.value]),
-      "aria-label": "Breadcrumb"
+      class: g(["mc-breadcrumb", a.value])
     }, [
       d("ul", ue, [
-        (o(!0), i(P, null, D(n.links, (l, p) => (o(), i("li", {
+        (o(!0), i(A, null, P(n.links, (l, p) => (o(), i("li", {
           class: "mc-breadcrumb__item",
           key: `breadcrumb-${p}`
         }, [
@@ -95,7 +97,7 @@ const le = /* @__PURE__ */ $({
             "aria-current": t(p) ? "page" : void 0
           }, {
             default: M(() => [
-              q(b(l.label), 1)
+              D(b(l.label), 1)
             ]),
             _: 2
           }, 1032, ["href", "router", "appearance", "class", "aria-current"])
@@ -103,7 +105,7 @@ const le = /* @__PURE__ */ $({
       ])
     ], 2));
   }
-}), Zs = /* @__PURE__ */ m(pe, [["__scopeId", "data-v-41249412"]]), me = { class: "mc-loader__spinner" }, _e = ["viewBox"], ve = ["r"], be = {
+}), Ys = /* @__PURE__ */ m(pe, [["__scopeId", "data-v-0cf6e2a5"]]), me = { class: "mc-loader__spinner" }, _e = ["viewBox"], ve = ["r"], be = {
   key: 0,
   class: "mc-loader__text",
   role: "status"
@@ -222,7 +224,7 @@ const le = /* @__PURE__ */ $({
         style: H({ visibility: t.isLoading ? "hidden" : "visible" })
       }, [
         k(t.$slots, "default", {}, () => [
-          n[0] || (n[0] = q("Button Label", -1))
+          n[0] || (n[0] = D("Button Label", -1))
         ], !0)
       ], 4)),
       t.$slots.icon && t.iconPosition == "right" && !t.isLoading ? (o(), i("span", ke, [
@@ -230,7 +232,38 @@ const le = /* @__PURE__ */ $({
       ])) : h("", !0)
     ], 10, he));
   }
-}), N = /* @__PURE__ */ m(we, [["__scopeId", "data-v-f4f43ab6"]]), Ve = ["id", "name", "checked", "indeterminate", "disabled", "aria-invalid"], Ie = ["for"], Be = /* @__PURE__ */ $({
+}), N = /* @__PURE__ */ m(we, [["__scopeId", "data-v-b436925a"]]), Ve = { class: "mc-callout__icon" }, Ie = { class: "mc-callout__content" }, Be = { class: "mc-callout__title" }, Ce = { class: "mc-callout__message" }, Me = {
+  key: 0,
+  class: "mc-callout__footer"
+}, ze = /* @__PURE__ */ $({
+  __name: "MCallout",
+  props: {
+    title: {},
+    description: {},
+    appearance: { default: "standard" }
+  },
+  setup(r) {
+    const e = r, a = v(() => ({
+      [`mc-callout--${e.appearance}`]: e.appearance && e.appearance != "standard"
+    }));
+    return (t, n) => (o(), i("section", {
+      class: g(["mc-callout", a.value]),
+      role: "status"
+    }, [
+      d("div", Ve, [
+        k(t.$slots, "icon", {}, void 0, !0)
+      ]),
+      d("div", Ie, [
+        d("h2", Be, b(t.title), 1),
+        d("p", Ce, b(t.description), 1),
+        t.$slots.footer ? (o(), i("div", Me, [
+          k(t.$slots, "footer", {}, void 0, !0)
+        ])) : h("", !0)
+      ])
+    ], 2));
+  }
+}), Zs = /* @__PURE__ */ m(ze, [["__scopeId", "data-v-0f26ffb7"]]), Le = ["id", "name", "checked", "indeterminate", "disabled", "aria-invalid"], je = ["for"], Oe = /* @__PURE__ */ $({
+  inheritAttrs: !1,
   __name: "MCheckbox",
   props: {
     id: {},
@@ -252,7 +285,7 @@ const le = /* @__PURE__ */ $({
     return (l, p) => (o(), i("div", {
       class: g(["mc-checkbox", n.value])
     }, [
-      d("input", I({
+      d("input", V({
         id: l.id,
         type: "checkbox",
         class: ["mc-checkbox__input", t.value],
@@ -263,15 +296,15 @@ const le = /* @__PURE__ */ $({
         "aria-invalid": l.isInvalid
       }, l.$attrs, {
         onChange: p[0] || (p[0] = (u) => s("update:modelValue", u.target.checked))
-      }), null, 16, Ve),
+      }), null, 16, Le),
       l.label ? (o(), i("label", {
         key: 0,
         for: l.id,
         class: "mc-checkbox__label"
-      }, b(l.label), 9, Ie)) : h("", !0)
+      }, b(l.label), 9, je)) : h("", !0)
     ], 2));
   }
-}), Ce = /* @__PURE__ */ m(Be, [["__scopeId", "data-v-cb502704"]]), Me = /* @__PURE__ */ $({
+}), Te = /* @__PURE__ */ m(Oe, [["__scopeId", "data-v-829485d4"]]), Se = /* @__PURE__ */ $({
   __name: "MCheckboxGroup",
   props: {
     name: {},
@@ -300,7 +333,7 @@ const le = /* @__PURE__ */ $({
     return (u, _) => (o(), i("div", {
       class: g(["mc-field__container", s.value])
     }, [
-      (o(!0), i(P, null, D(u.options, (c) => (o(), B(Ce, {
+      (o(!0), i(A, null, P(u.options, (c) => (o(), B(Te, {
         id: c.id,
         key: c.id,
         label: c.label,
@@ -314,16 +347,16 @@ const le = /* @__PURE__ */ $({
       }, null, 8, ["id", "label", "is-invalid", "name", "class", "model-value", "disabled", "indented", "onUpdate:modelValue"]))), 128))
     ], 2));
   }
-}), xs = /* @__PURE__ */ m(Me, [["__scopeId", "data-v-b5cb6446"]]), ze = ["aria-valuenow"], Le = {
+}), xs = /* @__PURE__ */ m(Se, [["__scopeId", "data-v-ede2973f"]]), Ae = ["aria-valuenow"], Pe = {
   key: 0,
   class: "mc-circular-progressbar__percentage"
-}, je = { class: "mc-circular-progressbar__value" }, Oe = {
+}, De = { class: "mc-circular-progressbar__value" }, qe = {
   key: 1,
   class: "mc-circular-progressbar__content"
-}, Te = { class: "mc-circular-progressbar__number" }, Se = {
+}, Fe = { class: "mc-circular-progressbar__number" }, Ne = {
   key: 0,
   class: "mc-circular-progressbar__text"
-}, Pe = /* @__PURE__ */ $({
+}, Re = /* @__PURE__ */ $({
   __name: "MCircularProgressbar",
   props: {
     size: {},
@@ -363,47 +396,17 @@ const le = /* @__PURE__ */ $({
           r: "46"
         })
       ], -1)),
-      t.type === "percentage" ? (o(), i("div", Le, [
-        d("p", je, b(t.value), 1),
+      t.type === "percentage" ? (o(), i("div", Pe, [
+        d("p", De, b(t.value), 1),
         n[0] || (n[0] = d("p", { class: "mc-circular-progressbar__unit" }, "%", -1))
       ])) : h("", !0),
-      t.type === "content" ? (o(), i("div", Oe, [
-        d("p", Te, b(t.contentValue), 1),
-        t.additionalInfo ? (o(), i("p", Se, b(t.additionalInfo), 1)) : h("", !0)
+      t.type === "content" ? (o(), i("div", qe, [
+        d("p", Fe, b(t.contentValue), 1),
+        t.additionalInfo ? (o(), i("p", Ne, b(t.additionalInfo), 1)) : h("", !0)
       ])) : h("", !0)
-    ], 14, ze));
+    ], 14, Ae));
   }
-}), eo = /* @__PURE__ */ m(Pe, [["__scopeId", "data-v-ec931b7f"]]), De = { class: "mc-callout__icon" }, qe = { class: "mc-callout__content" }, Fe = { class: "mc-callout__title" }, Ae = { class: "mc-callout__message" }, Ne = {
-  key: 0,
-  class: "mc-callout__footer"
-}, Re = /* @__PURE__ */ $({
-  __name: "MCallout",
-  props: {
-    title: {},
-    description: {},
-    appearance: { default: "standard" }
-  },
-  setup(r) {
-    const e = r, a = v(() => ({
-      [`mc-callout--${e.appearance}`]: e.appearance && e.appearance != "standard"
-    }));
-    return (t, n) => (o(), i("section", {
-      class: g(["mc-callout", a.value]),
-      role: "status"
-    }, [
-      d("div", De, [
-        k(t.$slots, "icon", {}, void 0, !0)
-      ]),
-      d("div", qe, [
-        d("h2", Fe, b(t.title), 1),
-        d("p", Ae, b(t.description), 1),
-        t.$slots.footer ? (o(), i("div", Ne, [
-          k(t.$slots, "footer", {}, void 0, !0)
-        ])) : h("", !0)
-      ])
-    ], 2));
-  }
-}), ao = /* @__PURE__ */ m(Re, [["__scopeId", "data-v-b8152dc3"]]), Ge = /* @__PURE__ */ $({
+}), eo = /* @__PURE__ */ m(Re, [["__scopeId", "data-v-f37d31c9"]]), Ge = /* @__PURE__ */ $({
   __name: "MContainer",
   props: {
     fluid: { type: Boolean }
@@ -418,7 +421,7 @@ const le = /* @__PURE__ */ $({
       k(t.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), to = /* @__PURE__ */ m(Ge, [["__scopeId", "data-v-7e690cca"]]), Ue = {
+}), ao = /* @__PURE__ */ m(Ge, [["__scopeId", "data-v-4b0d69ac"]]), Ue = {
   name: "CrossCircleFilled24",
   props: {
     /**
@@ -445,10 +448,11 @@ function Ke(r, e, a, t, n, s) {
     }, null, -1)
   ])], 8, He);
 }
-const A = /* @__PURE__ */ m(Ue, [["render", Ke]]), Ee = ["id", "value", "name", "disabled", "aria-invalid", "readonly"], Qe = {
+const F = /* @__PURE__ */ m(Ue, [["render", Ke]]), Ee = ["id", "value", "name", "disabled", "aria-invalid", "readonly"], Qe = {
   key: 0,
   class: "mc-datepicker__controls-options mc-controls-options"
 }, Je = { class: "mc-controls-options__label" }, We = /* @__PURE__ */ $({
+  inheritAttrs: !1,
   __name: "MDatepicker",
   props: {
     id: {},
@@ -472,7 +476,7 @@ const A = /* @__PURE__ */ m(Ue, [["render", Ke]]), Ee = ["id", "value", "name",
     return (p, u) => (o(), i("div", {
       class: g(["mc-datepicker mc-text-input", t.value])
     }, [
-      d("input", I({
+      d("input", V({
         id: p.id,
         class: "mc-datepicker__control mc-text-input__control",
         value: n.value,
@@ -490,7 +494,7 @@ const A = /* @__PURE__ */ m(Ue, [["render", Ke]]), Ee = ["id", "value", "name",
           class: "mc-controls-options__button",
           onClick: s
         }, [
-          w(A, {
+          w(F, {
             class: "mc-controls-options__icon",
             "aria-hidden": "true"
           }),
@@ -499,17 +503,17 @@ const A = /* @__PURE__ */ m(Ue, [["render", Ke]]), Ee = ["id", "value", "name",
       ])) : h("", !0)
     ], 2));
   }
-}), so = /* @__PURE__ */ m(We, [["__scopeId", "data-v-0c5cddc2"]]), Xe = { class: "mc-divider" }, Ye = /* @__PURE__ */ $({
+}), to = /* @__PURE__ */ m(We, [["__scopeId", "data-v-e9a7bac9"]]), Xe = { class: "mc-divider" }, Ye = /* @__PURE__ */ $({
   __name: "MDivider",
   props: {
     orientation: { default: "horizontal" },
-    style: { default: "primary" },
+    appearance: { default: "primary" },
     size: { default: "s" }
   },
   setup(r) {
     const e = r, a = v(() => ({
       [`mc-divider-${e.orientation}`]: e.orientation,
-      [`mc-divider-horizontal--${e.style}`]: e.style && e.style != "primary",
+      [`mc-divider-horizontal--${e.appearance}`]: e.appearance && e.appearance != "primary",
       [`mc-divider-horizontal--${e.size}`]: e.size && e.size != "s"
     }));
     return (t, n) => (o(), i("div", Xe, [
@@ -519,7 +523,7 @@ const A = /* @__PURE__ */ m(Ue, [["render", Ke]]), Ee = ["id", "value", "name",
       k(t.$slots, "default", {}, void 0, !0)
     ]));
   }
-}), Ze = /* @__PURE__ */ m(Ye, [["__scopeId", "data-v-9af5a704"]]), xe = {
+}), Ze = /* @__PURE__ */ m(Ye, [["__scopeId", "data-v-49acd035"]]), xe = {
   name: "ArrowBack24",
   props: {
     /**
@@ -600,7 +604,7 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
       ])
     ], 10, na));
   }
-}), S = /* @__PURE__ */ m(ra, [["__scopeId", "data-v-abf78562"]]), da = ["aria-labelledby"], ca = /* @__PURE__ */ $({
+}), S = /* @__PURE__ */ m(ra, [["__scopeId", "data-v-f3dda78d"]]), da = ["aria-labelledby"], ca = /* @__PURE__ */ $({
   __name: "MOverlay",
   props: {
     isVisible: { type: Boolean },
@@ -619,7 +623,7 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
       ], 8, da)
     ], 2));
   }
-}), J = /* @__PURE__ */ m(ca, [["__scopeId", "data-v-db90fdb3"]]), ua = ["aria-modal", "aria-hidden"], pa = {
+}), J = /* @__PURE__ */ m(ca, [["__scopeId", "data-v-c69efda4"]]), ua = ["aria-modal", "aria-hidden"], pa = {
   class: "mc-drawer__dialog",
   role: "document"
 }, ma = { class: "mc-drawer__header" }, _a = {
@@ -635,6 +639,7 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
   key: 0,
   class: "mc-drawer__footer"
 }, $a = /* @__PURE__ */ $({
+  inheritAttrs: !1,
   __name: "MDrawer",
   props: {
     open: { type: Boolean },
@@ -665,7 +670,7 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
       dialogLabel: "drawerTitle"
     }, {
       default: M(() => [
-        d("section", I({
+        d("section", V({
           class: ["mc-drawer", t.value],
           role: "dialog",
           "aria-labelledby": "drawerTitle",
@@ -717,7 +722,7 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
       _: 3
     }, 8, ["is-visible"]));
   }
-}), oo = /* @__PURE__ */ m($a, [["__scopeId", "data-v-673a796c"]]), ga = { class: "mc-field" }, ya = ["for"], ka = {
+}), so = /* @__PURE__ */ m($a, [["__scopeId", "data-v-6e864dfc"]]), ga = { class: "mc-field" }, ya = ["for"], ka = {
   key: 0,
   class: "mc-field__requirement"
 }, wa = ["id"], Va = { class: "mc-field__content" }, Ia = ["id"], Ba = /* @__PURE__ */ $({
@@ -743,7 +748,7 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
         class: "mc-field__label",
         for: t.id
       }, [
-        q(b(t.label) + " ", 1),
+        D(b(t.label) + " ", 1),
         t.requirementText ? (o(), i("span", ka, "(" + b(t.requirementText) + ")", 1)) : h("", !0)
       ], 8, ya),
       t.helpId && t.helpText ? (o(), i("span", {
@@ -761,7 +766,7 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
       }, b(t.message), 11, Ia)) : h("", !0)
     ]));
   }
-}), lo = /* @__PURE__ */ m(Ba, [["__scopeId", "data-v-ead078c4"]]), Ca = { class: "mc-field--group" }, Ma = ["for"], za = {
+}), oo = /* @__PURE__ */ m(Ba, [["__scopeId", "data-v-ead078c4"]]), Ca = { class: "mc-field--group" }, Ma = ["for"], za = {
   key: 0,
   class: "mc-field__requirement"
 }, La = {
@@ -788,7 +793,7 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
         class: "mc-field__legend",
         for: t.id
       }, [
-        q(b(t.legend) + " ", 1),
+        D(b(t.legend) + " ", 1),
         t.requirementText ? (o(), i("span", za, "(" + b(t.requirementText) + ")", 1)) : h("", !0)
       ], 8, Ma),
       t.helpText ? (o(), i("span", La, b(t.helpText), 1)) : h("", !0),
@@ -801,7 +806,7 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
       }, b(t.message), 3)) : h("", !0)
     ]));
   }
-}), no = /* @__PURE__ */ m(Oa, [["__scopeId", "data-v-fc0c08dc"]]), Ta = { class: "mc-flag__label" }, Sa = /* @__PURE__ */ $({
+}), lo = /* @__PURE__ */ m(Oa, [["__scopeId", "data-v-fc0c08dc"]]), Ta = { class: "mc-flag__label" }, Sa = /* @__PURE__ */ $({
   __name: "MFlag",
   props: {
     label: {},
@@ -817,7 +822,57 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
       d("span", Ta, b(t.label), 1)
     ], 2));
   }
-}), io = /* @__PURE__ */ m(Sa, [["__scopeId", "data-v-9245f79e"]]), Pa = ["aria-label"], Da = /* @__PURE__ */ $({
+}), no = /* @__PURE__ */ m(Sa, [["__scopeId", "data-v-dae5e572"]]), Aa = ["aria-valuenow"], Pa = /* @__PURE__ */ $({
+  inheritAttrs: !1,
+  __name: "MLinearProgressbarBuffer",
+  props: {
+    size: {},
+    value: { default: 0 }
+  },
+  setup(r) {
+    const e = r, a = v(() => ({
+      [`mc-linear-progressbar-buffer--${e.size}`]: e.size && e.size != "m"
+    }));
+    return (t, n) => (o(), i("div", {
+      class: g(["mc-linear-progressbar-buffer", a.value])
+    }, [
+      d("div", V({
+        class: "mc-linear-progressbar-buffer__indicator",
+        role: "progressbar",
+        style: `--progress-value: ${t.value};`,
+        "aria-valuenow": t.value,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100
+      }, t.$attrs), null, 16, Aa)
+    ], 2));
+  }
+}), Da = /* @__PURE__ */ m(Pa, [["__scopeId", "data-v-5306d571"]]), qa = { class: "mc-linear-progressbar-percentage" }, Fa = ["aria-valuenow"], Na = { class: "mc-linear-progressbar-percentage__label" }, Ra = { class: "mc-linear-progressbar-percentage__value" }, Ga = /* @__PURE__ */ $({
+  inheritAttrs: !1,
+  __name: "MLinearProgressbarPercentage",
+  props: {
+    value: { default: 0 }
+  },
+  setup(r) {
+    return (e, a) => (o(), i("div", qa, [
+      d("div", V({
+        class: "mc-linear-progressbar-percentage__indicator",
+        role: "progressbar",
+        style: `--progress-value: ${e.value};`,
+        "aria-valuenow": e.value,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100
+      }, e.$attrs), [
+        d("div", Na, [
+          d("p", Ra, [
+            D(b(e.value), 1),
+            a[0] || (a[0] = d("span", { class: "mc-linear-progressbar-percentage__unit" }, "%", -1))
+          ])
+        ])
+      ], 16, Fa)
+    ]));
+  }
+}), io = /* @__PURE__ */ m(Ga, [["__scopeId", "data-v-01197cd0"]]), Ua = ["aria-label"], Ha = /* @__PURE__ */ $({
+  inheritAttrs: !1,
   __name: "MLoadingOverlay",
   props: {
     isVisible: { type: Boolean },
@@ -827,7 +882,7 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
     return (e, a) => (o(), i("div", {
       class: g(["mc-loading-loader", { "is-visible": e.isVisible }])
     }, [
-      d("div", I({
+      d("div", V({
         role: "dialog",
         tabindex: "-1",
         "aria-label": e.text
@@ -837,22 +892,23 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
           appearance: "inverse",
           text: e.text
         }, null, 8, ["text"])
-      ], 16, Pa)
+      ], 16, Ua)
     ], 2));
   }
-}), ro = /* @__PURE__ */ m(Da, [["__scopeId", "data-v-eae6b1f2"]]), qa = ["aria-modal", "aria-hidden"], Fa = {
+}), ro = /* @__PURE__ */ m(Ha, [["__scopeId", "data-v-d5adc90d"]]), Ka = ["aria-modal", "aria-hidden"], Ea = {
   class: "mc-modal__dialog",
   role: "document"
-}, Aa = { class: "mc-modal__header" }, Na = {
+}, Qa = { class: "mc-modal__header" }, Ja = {
   key: 0,
   class: "mc-modal__icon"
-}, Ra = {
+}, Wa = {
   class: "mc-modal__title",
   id: "modalTitle"
-}, Ga = { class: "mc-modal__body" }, Ua = {
+}, Xa = { class: "mc-modal__body" }, Ya = {
   key: 0,
   class: "mc-modal__footer"
-}, Ha = { class: "mc-modal__link" }, Ka = /* @__PURE__ */ $({
+}, Za = { class: "mc-modal__link" }, xa = /* @__PURE__ */ $({
+  inheritAttrs: !1,
   __name: "MModal",
   props: {
     open: { type: Boolean },
@@ -879,7 +935,7 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
       dialogLabel: "modalTitle"
     }, {
       default: M(() => [
-        d("section", I({
+        d("section", V({
           class: ["mc-modal", t.value],
           role: "dialog",
           "aria-labelledby": "modalTitle",
@@ -889,12 +945,12 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
         }, l.$attrs, {
           onKeydown: R(n, ["esc"])
         }), [
-          d("div", Fa, [
-            d("header", Aa, [
-              l.$slots.icon ? (o(), i("span", Na, [
+          d("div", Ea, [
+            d("header", Qa, [
+              l.$slots.icon ? (o(), i("span", Ja, [
                 k(l.$slots, "icon", {}, void 0, !0)
               ])) : h("", !0),
-              d("h2", Ra, b(l.title), 1),
+              d("h2", Wa, b(l.title), 1),
               l.closable ? (o(), B(S, {
                 key: 1,
                 class: "mc-modal__close",
@@ -908,23 +964,23 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
                 _: 1
               })) : h("", !0)
             ]),
-            d("main", Ga, [
+            d("main", Xa, [
               d("p", null, b(l.description), 1),
               k(l.$slots, "default", {}, void 0, !0)
             ]),
-            l.$slots.footer ? (o(), i("footer", Ua, [
-              d("span", Ha, [
+            l.$slots.footer ? (o(), i("footer", Ya, [
+              d("span", Za, [
                 k(l.$slots, "link", {}, void 0, !0)
               ]),
               k(l.$slots, "footer", {}, void 0, !0)
             ])) : h("", !0)
           ])
-        ], 16, qa)
+        ], 16, Ka)
       ]),
       _: 3
     }, 8, ["is-visible"]));
   }
-}), co = /* @__PURE__ */ m(Ka, [["__scopeId", "data-v-20ce36b2"]]), Ea = /* @__PURE__ */ $({
+}), co = /* @__PURE__ */ m(xa, [["__scopeId", "data-v-41ee6da9"]]), et = /* @__PURE__ */ $({
   __name: "MNumberBadge",
   props: {
     label: {},
@@ -940,11 +996,12 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
       class: g(["mc-number-badge", a.value])
     }, b(t.label), 3));
   }
-}), Qa = /* @__PURE__ */ m(Ea, [["__scopeId", "data-v-7e6acb92"]]), Ja = ["id", "name", "value", "disabled"], Wa = {
+}), at = /* @__PURE__ */ m(et, [["__scopeId", "data-v-7b35d96e"]]), tt = ["id", "name", "value", "disabled"], st = {
   key: 0,
   value: "",
   disabled: ""
-}, Xa = ["value", "disabled"], Ya = /* @__PURE__ */ $({
+}, ot = ["value", "disabled"], lt = /* @__PURE__ */ $({
+  inheritAttrs: !1,
   __name: "MSelect",
   props: {
     id: {},
@@ -964,7 +1021,7 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
       "mc-select--readonly": a.readonly,
       "is-invalid": a.isInvalid
     })), n = e;
-    return (s, l) => (o(), i("select", I({
+    return (s, l) => (o(), i("select", V({
       id: s.id,
       class: ["mc-select", t.value],
       name: s.name,
@@ -973,16 +1030,16 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
     }, s.$attrs, {
       onChange: l[0] || (l[0] = (p) => n("update:modelValue", p.target.value))
     }), [
-      s.placeholder ? (o(), i("option", Wa, " -- " + b(s.placeholder) + " -- ", 1)) : h("", !0),
-      (o(!0), i(P, null, D(s.options, (p, u) => (o(), i("option", I({
+      s.placeholder ? (o(), i("option", st, " -- " + b(s.placeholder) + " -- ", 1)) : h("", !0),
+      (o(!0), i(A, null, P(s.options, (p, u) => (o(), i("option", V({
         key: u,
         value: p.value
       }, { ref_for: !0 }, p.attributes, {
         disabled: p.disabled
-      }), b(p.text), 17, Xa))), 128))
-    ], 16, Ja));
+      }), b(p.text), 17, ot))), 128))
+    ], 16, tt));
   }
-}), Za = /* @__PURE__ */ m(Ya, [["__scopeId", "data-v-68c735e4"]]), xa = {
+}), nt = /* @__PURE__ */ m(lt, [["__scopeId", "data-v-ded98964"]]), it = {
   name: "ChevronLeft24",
   props: {
     /**
@@ -993,8 +1050,8 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
       default: "currentColor"
     }
   }
-}, et = ["fill"];
-function at(r, e, a, t, n, s) {
+}, rt = ["fill"];
+function dt(r, e, a, t, n, s) {
   return o(), i("svg", {
     "aria-hidden": "true",
     fill: a.color,
@@ -1007,9 +1064,9 @@ function at(r, e, a, t, n, s) {
       "fill-rule": "evenodd",
       d: "M14.207 6.293a1 1 0 0 1 0 1.414L9.914 12l4.293 4.293a1 1 0 0 1-1.414 1.414l-5-5a1 1 0 0 1 0-1.414l5-5a1 1 0 0 1 1.414 0"
     }, null, -1)
-  ])], 8, et);
+  ])], 8, rt);
 }
-const G = /* @__PURE__ */ m(xa, [["render", at]]), tt = {
+const G = /* @__PURE__ */ m(it, [["render", dt]]), ct = {
   name: "ChevronRight24",
   props: {
     /**
@@ -1020,8 +1077,8 @@ const G = /* @__PURE__ */ m(xa, [["render", at]]), tt = {
       default: "currentColor"
     }
   }
-}, st = ["fill"];
-function ot(r, e, a, t, n, s) {
+}, ut = ["fill"];
+function pt(r, e, a, t, n, s) {
   return o(), i("svg", {
     "aria-hidden": "true",
     fill: a.color,
@@ -1034,20 +1091,19 @@ function ot(r, e, a, t, n, s) {
       "fill-rule": "evenodd",
       d: "M9.793 6.293a1 1 0 0 1 1.414 0l5 5a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414-1.414L14.086 12 9.793 7.707a1 1 0 0 1 0-1.414"
     }, null, -1)
-  ])], 8, st);
+  ])], 8, ut);
 }
-const U = /* @__PURE__ */ m(tt, [["render", ot]]), lt = {
+const U = /* @__PURE__ */ m(ct, [["render", pt]]), mt = {
   class: "mc-pagination",
-  role: "navigation",
-  "aria-label": "pagination"
-}, nt = {
+  role: "navigation"
+}, _t = {
   key: 2,
   class: "mc-pagination__field"
-}, it = {
+}, vt = {
   key: 3,
   class: "mc-pagination__label",
   "aria-current": "page"
-}, rt = /* @__PURE__ */ $({
+}, bt = /* @__PURE__ */ $({
   __name: "MPagination",
   props: {
     id: {},
@@ -1077,7 +1133,7 @@ const U = /* @__PURE__ */ m(tt, [["render", ot]]), lt = {
       );
       c < a.options.length - 1 && (n.value = a.options[c + 1].value, t("update:modelValue", a.options[c + 1].value));
     };
-    return (c, f) => (o(), i("nav", lt, [
+    return (c, f) => (o(), i("nav", mt, [
       c.compact ? (o(), B(S, {
         key: 1,
         outlined: "",
@@ -1101,8 +1157,8 @@ const U = /* @__PURE__ */ m(tt, [["render", ot]]), lt = {
         ]),
         _: 1
       }, 8, ["disabled"])),
-      c.compact ? h("", !0) : (o(), i("div", nt, [
-        w(Za, {
+      c.compact ? h("", !0) : (o(), i("div", _t, [
+        w(nt, {
           class: "mc-pagination__select",
           id: c.id,
           modelValue: n.value,
@@ -1114,7 +1170,7 @@ const U = /* @__PURE__ */ m(tt, [["render", ot]]), lt = {
           "aria-label": c.selectLabel
         }, null, 8, ["id", "modelValue", "options", "aria-label"])
       ])),
-      c.compact ? (o(), i("span", it, b(c.options.find((C) => C.value === n.value)?.text), 1)) : h("", !0),
+      c.compact ? (o(), i("span", vt, b(c.options.find((C) => C.value === n.value)?.text), 1)) : h("", !0),
       c.compact ? (o(), B(S, {
         key: 5,
         outlined: "",
@@ -1140,10 +1196,11 @@ const U = /* @__PURE__ */ m(tt, [["render", ot]]), lt = {
       }, 8, ["disabled"]))
     ]));
   }
-}), uo = /* @__PURE__ */ m(rt, [["__scopeId", "data-v-3b9257ac"]]), dt = ["id", "type", "name", "placeholder", "disabled", "aria-invalid", "readonly"], ct = {
+}), uo = /* @__PURE__ */ m(bt, [["__scopeId", "data-v-4cb89be1"]]), ft = ["id", "type", "name", "placeholder", "disabled", "aria-invalid", "readonly"], ht = {
   key: 0,
   class: "mc-controls-options"
-}, ut = { class: "mc-controls-options__label" }, pt = /* @__PURE__ */ $({
+}, $t = { class: "mc-controls-options__label" }, gt = /* @__PURE__ */ $({
+  inheritAttrs: !1,
   __name: "MPasswordInput",
   props: {
     id: {},
@@ -1169,7 +1226,7 @@ const U = /* @__PURE__ */ m(tt, [["render", ot]]), lt = {
     return (f, C) => (o(), i("div", {
       class: g(["mc-password-input mc-text-input", t.value])
     }, [
-      K(d("input", I({
+      K(d("input", V({
         class: "mc-password-input__control mc-text-input__control",
         "onUpdate:modelValue": C[0] || (C[0] = (y) => n.value = y),
         id: f.id,
@@ -1181,19 +1238,19 @@ const U = /* @__PURE__ */ m(tt, [["render", ot]]), lt = {
         readonly: f.readonly
       }, f.$attrs, {
         onInput: C[1] || (C[1] = (y) => c("update:modelValue", y.target.value))
-      }), null, 16, dt), [
+      }), null, 16, ft), [
         [ee, n.value]
       ]),
-      f.isClearable && n.value ? (o(), i("div", ct, [
+      f.isClearable && n.value ? (o(), i("div", ht, [
         d("button", {
           class: "mc-controls-options__button",
           onClick: l
         }, [
-          w(A, {
+          w(F, {
             class: "mc-controls-options__icon",
             "aria-hidden": "true"
           }),
-          d("span", ut, b(f.clearLabel), 1)
+          d("span", $t, b(f.clearLabel), 1)
         ])
       ])) : h("", !0),
       w(N, {
@@ -1206,13 +1263,14 @@ const U = /* @__PURE__ */ m(tt, [["render", ot]]), lt = {
         ghost: ""
       }, {
         default: M(() => [
-          q(b(s.value ? f.buttonLabel.hide : f.buttonLabel.show), 1)
+          D(b(s.value ? f.buttonLabel.hide : f.buttonLabel.show), 1)
         ]),
         _: 1
       }, 8, ["aria-checked", "disabled"])
     ], 2));
   }
-}), po = /* @__PURE__ */ m(pt, [["__scopeId", "data-v-167f10e2"]]), mt = ["id", "name", "disabled", "readonly", "value", "onInput", "onKeydown"], _t = /* @__PURE__ */ $({
+}), po = /* @__PURE__ */ m(gt, [["__scopeId", "data-v-47bbb809"]]), yt = ["id", "name", "disabled", "readonly", "value", "onInput", "onKeydown"], kt = /* @__PURE__ */ $({
+  inheritAttrs: !1,
   __name: "MPincode",
   props: {
     id: {},
@@ -1227,36 +1285,36 @@ const U = /* @__PURE__ */ m(tt, [["render", ot]]), lt = {
   setup(r, { emit: e }) {
     const a = r, t = v(() => ({
       "is-invalid": a.isInvalid
-    })), n = e, s = z(Array(a.length).fill("")), l = z([]), p = (y, V) => {
-      l.value[V] = y;
+    })), n = e, s = z(Array(a.length).fill("")), l = z([]), p = (y, I) => {
+      l.value[I] = y;
     };
     T(
       () => a.modelValue,
       (y) => {
-        const V = String(y ?? "");
-        s.value = Array.from({ length: a.length }, (O, L) => V[L] ?? "");
+        const I = String(y ?? "");
+        s.value = Array.from({ length: a.length }, (O, L) => I[L] ?? "");
       },
       { immediate: !0 }
     );
     const u = (y) => {
       ae(() => l.value[y]?.focus());
-    }, _ = (y, V) => {
+    }, _ = (y, I) => {
       const O = y.target.value.replace(/\D/g, "");
-      O ? (s.value[V] = O[0], n("update:modelValue", s.value.join("")), V + 1 < a.length && u(V + 1)) : (s.value[V] = "", n("update:modelValue", s.value.join("")));
-    }, c = (y, V) => {
-      y.key === "ArrowLeft" && V > 0 ? u(V - 1) : y.key === "ArrowRight" && V < a.length - 1 ? u(V + 1) : y.key === "Backspace" && f(y, V);
-    }, f = (y, V) => {
-      s.value[V] === "" && V > 0 && (s.value[V - 1] = "", n("update:modelValue", s.value.join("")), u(V - 1));
+      O ? (s.value[I] = O[0], n("update:modelValue", s.value.join("")), I + 1 < a.length && u(I + 1)) : (s.value[I] = "", n("update:modelValue", s.value.join("")));
+    }, c = (y, I) => {
+      y.key === "ArrowLeft" && I > 0 ? u(I - 1) : y.key === "ArrowRight" && I < a.length - 1 ? u(I + 1) : y.key === "Backspace" && f(y, I);
+    }, f = (y, I) => {
+      s.value[I] === "" && I > 0 && (s.value[I - 1] = "", n("update:modelValue", s.value.join("")), u(I - 1));
     }, C = (y) => {
       y.preventDefault();
       const O = (y.clipboardData?.getData("text") ?? "").replace(/\D/g, "").slice(0, a.length).split("");
       s.value = Array.from({ length: a.length }, (L, j) => O[j] ?? ""), n("update:modelValue", s.value.join("")), u(Math.min(O.length, a.length - 1));
     };
-    return (y, V) => (o(), i("div", {
+    return (y, I) => (o(), i("div", {
       class: g(["mc-pincode-input", t.value]),
       onPaste: C
     }, [
-      (o(!0), i(P, null, D(s.value, (O, L) => (o(), i("input", I({
+      (o(!0), i(A, null, P(s.value, (O, L) => (o(), i("input", V({
         key: L,
         id: `pincodeItem${L}`,
         ref_for: !0,
@@ -1277,57 +1335,10 @@ const U = /* @__PURE__ */ m(tt, [["render", ot]]), lt = {
           R((j) => f(j, L), ["backspace"]),
           (j) => c(j, L)
         ]
-      }), null, 16, mt))), 128))
+      }), null, 16, yt))), 128))
     ], 34));
   }
-}), mo = /* @__PURE__ */ m(_t, [["__scopeId", "data-v-b2202545"]]), vt = ["aria-valuenow"], bt = /* @__PURE__ */ $({
-  __name: "MLinearProgressbarBuffer",
-  props: {
-    size: {},
-    value: { default: 0 }
-  },
-  setup(r) {
-    const e = r, a = v(() => ({
-      [`mc-linear-progressbar-buffer--${e.size}`]: e.size && e.size != "m"
-    }));
-    return (t, n) => (o(), i("div", {
-      class: g(["mc-linear-progressbar-buffer", a.value])
-    }, [
-      d("div", I({
-        class: "mc-linear-progressbar-buffer__indicator",
-        role: "progressbar",
-        style: `--progress-value: ${t.value};`,
-        "aria-valuenow": t.value,
-        "aria-valuemin": 0,
-        "aria-valuemax": 100
-      }, t.$attrs), null, 16, vt)
-    ], 2));
-  }
-}), ft = /* @__PURE__ */ m(bt, [["__scopeId", "data-v-aa64aedc"]]), ht = { class: "mc-linear-progressbar-percentage" }, $t = ["aria-valuenow"], gt = { class: "mc-linear-progressbar-percentage__label" }, yt = { class: "mc-linear-progressbar-percentage__value" }, kt = /* @__PURE__ */ $({
-  __name: "MLinearProgressbarPercentage",
-  props: {
-    value: { default: 0 }
-  },
-  setup(r) {
-    return (e, a) => (o(), i("div", ht, [
-      d("div", I({
-        class: "mc-linear-progressbar-percentage__indicator",
-        role: "progressbar",
-        style: `--progress-value: ${e.value};`,
-        "aria-valuenow": e.value,
-        "aria-valuemin": 0,
-        "aria-valuemax": 100
-      }, e.$attrs), [
-        d("div", gt, [
-          d("p", yt, [
-            q(b(e.value), 1),
-            a[0] || (a[0] = d("span", { class: "mc-linear-progressbar-percentage__unit" }, "%", -1))
-          ])
-        ])
-      ], 16, $t)
-    ]));
-  }
-}), _o = /* @__PURE__ */ m(kt, [["__scopeId", "data-v-14fbed65"]]), wt = {
+}), mo = /* @__PURE__ */ m(kt, [["__scopeId", "data-v-d2594b91"]]), wt = {
   name: "More24",
   props: {
     /**
@@ -1381,7 +1392,8 @@ function zt(r, e, a, t, n, s) {
     }, null, -1)
   ])], 8, Mt);
 }
-const Lt = /* @__PURE__ */ m(Ct, [["render", zt]]), jt = ["id", "name", "disabled", "min", "max", "step", "readonly", "aria-invalid", "aria-valuemin", "aria-valuemax", "aria-valuenow"], Ot = ["aria-controls", "disabled"], Tt = { class: "mc-quantity-selector__icon" }, St = { class: "mc-quantity-selector__label" }, Pt = ["aria-controls", "disabled"], Dt = { class: "mc-quantity-selector__icon" }, qt = { class: "mc-quantity-selector__label" }, Ft = /* @__PURE__ */ $({
+const Lt = /* @__PURE__ */ m(Ct, [["render", zt]]), jt = ["id", "name", "disabled", "min", "max", "step", "readonly", "aria-invalid", "aria-valuemin", "aria-valuemax", "aria-valuenow"], Ot = ["aria-controls", "disabled"], Tt = { class: "mc-quantity-selector__icon" }, St = { class: "mc-quantity-selector__label" }, At = ["aria-controls", "disabled"], Pt = { class: "mc-quantity-selector__icon" }, Dt = { class: "mc-quantity-selector__label" }, qt = /* @__PURE__ */ $({
+  inheritAttrs: !1,
   __name: "MQuantitySelector",
   props: {
     id: {},
@@ -1416,7 +1428,7 @@ const Lt = /* @__PURE__ */ m(Ct, [["render", zt]]), jt = ["id", "name", "disable
     return (_, c) => (o(), i("div", {
       class: g(["mc-quantity-selector", n.value])
     }, [
-      K(d("input", I({
+      K(d("input", V({
         id: _.id,
         "onUpdate:modelValue": c[0] || (c[0] = (f) => t.value = f),
         class: "mc-quantity-selector__control",
@@ -1459,14 +1471,15 @@ const Lt = /* @__PURE__ */ m(Ct, [["render", zt]]), jt = ["id", "name", "disable
         disabled: _.disabled || t.value === _.min,
         onClick: l
       }, [
-        d("span", Dt, [
+        d("span", Pt, [
           w(Lt)
         ]),
-        d("span", qt, b(_.decrementLabel), 1)
-      ], 8, Pt))
+        d("span", Dt, b(_.decrementLabel), 1)
+      ], 8, At))
     ], 2));
   }
-}), vo = /* @__PURE__ */ m(Ft, [["__scopeId", "data-v-a732650a"]]), At = { class: "mc-radio" }, Nt = ["id", "name", "checked", "disabled", "aria-invalid"], Rt = ["for"], Gt = /* @__PURE__ */ $({
+}), _o = /* @__PURE__ */ m(qt, [["__scopeId", "data-v-c0a83c82"]]), Ft = { class: "mc-radio" }, Nt = ["id", "name", "checked", "disabled", "aria-invalid"], Rt = ["for"], Gt = /* @__PURE__ */ $({
+  inheritAttrs: !1,
   __name: "MRadio",
   props: {
     id: {},
@@ -1481,8 +1494,8 @@ const Lt = /* @__PURE__ */ m(Ct, [["render", zt]]), jt = ["id", "name", "disable
     const a = r, t = v(() => ({
       "is-invalid": a.isInvalid
     })), n = e;
-    return (s, l) => (o(), i("div", At, [
-      d("input", I({
+    return (s, l) => (o(), i("div", Ft, [
+      d("input", V({
         id: s.id,
         type: "radio",
         class: ["mc-radio__input", t.value],
@@ -1500,7 +1513,7 @@ const Lt = /* @__PURE__ */ m(Ct, [["render", zt]]), jt = ["id", "name", "disable
       }, b(s.label), 9, Rt)) : h("", !0)
     ]));
   }
-}), Ut = /* @__PURE__ */ m(Gt, [["__scopeId", "data-v-da78938c"]]), Ht = /* @__PURE__ */ $({
+}), Ut = /* @__PURE__ */ m(Gt, [["__scopeId", "data-v-98a8422f"]]), Ht = /* @__PURE__ */ $({
   __name: "MRadioGroup",
   props: {
     name: {},
@@ -1519,7 +1532,7 @@ const Lt = /* @__PURE__ */ m(Ct, [["render", zt]]), jt = ["id", "name", "disable
     return (l, p) => (o(), i("div", {
       class: g(["mc-field__container", t.value])
     }, [
-      (o(!0), i(P, null, D(l.options, (u) => (o(), B(Ut, {
+      (o(!0), i(A, null, P(l.options, (u) => (o(), B(Ut, {
         id: u.id,
         key: u.id,
         label: u.label,
@@ -1532,7 +1545,7 @@ const Lt = /* @__PURE__ */ m(Ct, [["render", zt]]), jt = ["id", "name", "disable
       }, null, 8, ["id", "label", "is-invalid", "name", "class", "model-value", "disabled", "onUpdate:modelValue"]))), 128))
     ], 2));
   }
-}), bo = /* @__PURE__ */ m(Ht, [["__scopeId", "data-v-d2f5e103"]]), Kt = /* @__PURE__ */ $({
+}), vo = /* @__PURE__ */ m(Ht, [["__scopeId", "data-v-74a1b650"]]), Kt = /* @__PURE__ */ $({
   __name: "MStatusDot",
   props: {
     status: { default: "info" },
@@ -1547,7 +1560,7 @@ const Lt = /* @__PURE__ */ m(Ct, [["render", zt]]), jt = ["id", "name", "disable
       class: g(["mc-status-dot", a.value])
     }, null, 2));
   }
-}), Et = /* @__PURE__ */ m(Kt, [["__scopeId", "data-v-417b563f"]]), Qt = { class: "mc-status-badge__label" }, Jt = /* @__PURE__ */ $({
+}), Et = /* @__PURE__ */ m(Kt, [["__scopeId", "data-v-113b7e8f"]]), Qt = { class: "mc-status-badge__label" }, Jt = /* @__PURE__ */ $({
   __name: "MStatusBadge",
   props: {
     label: {},
@@ -1564,7 +1577,7 @@ const Lt = /* @__PURE__ */ m(Ct, [["render", zt]]), jt = ["id", "name", "disable
       d("span", Qt, b(t.label), 1)
     ], 2));
   }
-}), fo = /* @__PURE__ */ m(Jt, [["__scopeId", "data-v-3e437a03"]]), Wt = {
+}), bo = /* @__PURE__ */ m(Jt, [["__scopeId", "data-v-744550c6"]]), Wt = {
   name: "Cross20",
   props: {
     /**
@@ -1731,7 +1744,7 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
       class: g(["mc-status-notification", t.value]),
       role: "status"
     }, [
-      (o(), B(F(n.value), {
+      (o(), B(q(n.value), {
         class: "mc-status-notification__icon",
         "aria-hidden": "true"
       })),
@@ -1760,7 +1773,7 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
       })) : h("", !0)
     ], 2));
   }
-}), ho = /* @__PURE__ */ m(_s, [["__scopeId", "data-v-2c7c85ad"]]), vs = ["aria-label"], bs = ["aria-selected", "onClick"], fs = {
+}), fo = /* @__PURE__ */ m(_s, [["__scopeId", "data-v-a7c71513"]]), vs = ["aria-label"], bs = ["aria-selected", "onClick"], fs = {
   key: 0,
   class: "mc-tabs__icon"
 }, hs = { class: "mc-tabs__label" }, $s = /* @__PURE__ */ $({
@@ -1787,7 +1800,7 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
         class: "mc-tabs__list",
         "aria-label": u.description
       }, [
-        (o(!0), i(P, null, D(u.tabs, (c, f) => (o(), i("li", {
+        (o(!0), i(A, null, P(u.tabs, (c, f) => (o(), i("li", {
           key: `tab-${f}`,
           role: "presentation",
           class: "mc-tabs__item"
@@ -1805,7 +1818,7 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
             onClick: (C) => s(f)
           }, [
             c.icon ? (o(), i("span", fs, [
-              (o(), B(F(c.icon)))
+              (o(), B(q(c.icon)))
             ])) : h("", !0),
             d("div", hs, [
               d("span", null, b(c.label), 1)
@@ -1816,7 +1829,8 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
       u.divider ? (o(), B(Ze, { key: 0 })) : h("", !0)
     ], 2));
   }
-}), $o = /* @__PURE__ */ m($s, [["__scopeId", "data-v-3919f834"]]), gs = ["for"], ys = ["id", "name", "checked", "disabled"], ks = { class: "mc-tag__label" }, ws = ["disabled"], Vs = { class: "mc-tag__label" }, Is = ["disabled"], Bs = { class: "mc-tag__label" }, Cs = { class: "mc-tag__label" }, Ms = { class: "mc-tag__label" }, zs = /* @__PURE__ */ $({
+}), ho = /* @__PURE__ */ m($s, [["__scopeId", "data-v-3919f834"]]), gs = ["for"], ys = ["id", "name", "checked", "disabled"], ks = { class: "mc-tag__label" }, ws = ["disabled"], Vs = { class: "mc-tag__label" }, Is = ["disabled"], Bs = { class: "mc-tag__label" }, Cs = { class: "mc-tag__label" }, Ms = { class: "mc-tag__label" }, zs = /* @__PURE__ */ $({
+  inheritAttrs: !1,
   __name: "MTag",
   props: {
     type: { default: "informative" },
@@ -1840,7 +1854,7 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
       for: s.id,
       class: g(["mc-tag", t.value])
     }, [
-      d("input", I({
+      d("input", V({
         type: "checkbox",
         class: "mc-tag__input",
         id: s.id,
@@ -1850,26 +1864,26 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
         onChange: l[0] || (l[0] = (p) => n("update:modelValue", p.target.checked))
       }, s.$attrs), null, 16, ys),
       d("span", ks, b(s.label), 1)
-    ], 10, gs)) : s.type === "interactive" ? (o(), i("button", I({
+    ], 10, gs)) : s.type === "interactive" ? (o(), i("button", V({
       key: 1,
       class: ["mc-tag", t.value],
       type: "button",
       disabled: s.disabled
     }, s.$attrs), [
       d("span", Vs, b(s.label), 1)
-    ], 16, ws)) : s.type === "contextualised" ? (o(), i("button", I({
+    ], 16, ws)) : s.type === "contextualised" ? (o(), i("button", V({
       key: 2,
       class: ["mc-tag", t.value],
       type: "button",
       disabled: s.disabled
     }, s.$attrs), [
-      w(Qa, {
+      w(at, {
         appearance: "inverse",
         label: s.contextualisedNumber,
         size: s.size === "l" ? "m" : void 0
       }, null, 8, ["label", "size"]),
       d("span", Bs, b(s.label), 1)
-    ], 16, Is)) : s.type === "removable" ? (o(), i("span", I({
+    ], 16, Is)) : s.type === "removable" ? (o(), i("span", V({
       key: 3,
       class: ["mc-tag", t.value]
     }, s.$attrs), [
@@ -1879,20 +1893,21 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
         type: "button",
         onClick: l[1] || (l[1] = (p) => s.id && n("remove-tag", s.id))
       }, [
-        w(A, {
+        w(F, {
           class: "mc-tag-removable__icon",
           "aria-hidden": "true"
         }),
         l[2] || (l[2] = d("span", { class: "mc-tag-removable__text" }, "removableLabel", -1))
       ])
-    ], 16)) : (o(), i("span", I({
+    ], 16)) : (o(), i("span", V({
       key: 4,
       class: ["mc-tag", t.value]
     }, s.$attrs), [
       d("span", Ms, b(s.label), 1)
     ], 16));
   }
-}), go = /* @__PURE__ */ m(zs, [["__scopeId", "data-v-a3166010"]]), Ls = ["id", "aria-invalid", "value", "name", "placeholder", "disabled", "minlength", "maxlength", "rows", "readonly"], js = /* @__PURE__ */ $({
+}), $o = /* @__PURE__ */ m(zs, [["__scopeId", "data-v-ff87c7bd"]]), Ls = ["id", "aria-invalid", "value", "name", "placeholder", "disabled", "minlength", "maxlength", "rows", "readonly"], js = /* @__PURE__ */ $({
+  inheritAttrs: !1,
   __name: "MTextArea",
   props: {
     id: {},
@@ -1911,7 +1926,7 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
     const a = r, t = v(() => ({
       "is-invalid": a.isInvalid
     })), n = e;
-    return (s, l) => (o(), i("textarea", I({
+    return (s, l) => (o(), i("textarea", V({
       id: s.id,
       class: ["mc-textarea", t.value],
       "aria-invalid": s.isInvalid,
@@ -1927,13 +1942,14 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
       onInput: l[0] || (l[0] = (p) => n("update:modelValue", p.target.value))
     }), null, 16, Ls));
   }
-}), yo = /* @__PURE__ */ m(js, [["__scopeId", "data-v-8184b69c"]]), Os = {
+}), go = /* @__PURE__ */ m(js, [["__scopeId", "data-v-92dbf400"]]), Os = {
   key: 0,
   class: "mc-text-input__icon"
 }, Ts = ["id", "value", "type", "name", "placeholder", "disabled", "aria-invalid", "readonly"], Ss = {
   key: 1,
   class: "mc-controls-options"
-}, Ps = /* @__PURE__ */ $({
+}, As = /* @__PURE__ */ $({
+  inheritAttrs: !1,
   __name: "MTextInput",
   props: {
     id: {},
@@ -1962,7 +1978,7 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
       l.$slots.icon ? (o(), i("span", Os, [
         k(l.$slots, "icon", {}, void 0, !0)
       ])) : h("", !0),
-      d("input", I({
+      d("input", V({
         id: l.id,
         class: "mc-text-input__control",
         value: l.modelValue,
@@ -1981,7 +1997,7 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
           class: "mc-controls-options__button",
           onClick: n
         }, [
-          w(A, {
+          w(F, {
             class: "mc-controls-options__icon",
             "aria-hidden": "true"
           }),
@@ -1990,10 +2006,10 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
       ])) : h("", !0)
     ], 2));
   }
-}), ko = /* @__PURE__ */ m(Ps, [["__scopeId", "data-v-d7b75fa8"]]), Ds = { class: "mc-toaster__content" }, qs = { class: "mc-toaster__message" }, Fs = {
+}), yo = /* @__PURE__ */ m(As, [["__scopeId", "data-v-8e8fe88e"]]), Ps = { class: "mc-toaster__content" }, Ds = { class: "mc-toaster__message" }, qs = {
   key: 0,
   class: "mc-toaster__action"
-}, As = /* @__PURE__ */ $({
+}, Fs = /* @__PURE__ */ $({
   __name: "MToaster",
   props: {
     open: { type: Boolean },
@@ -2050,13 +2066,13 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
       class: g(["mc-toaster", t.value]),
       role: "status"
     }, [
-      (o(), B(F(n.value), {
+      (o(), B(q(n.value), {
         class: "mc-toaster__icon",
         "aria-hidden": "true"
       })),
-      d("div", Ds, [
-        d("p", qs, b(c.description), 1),
-        c.$slots.action ? (o(), i("div", Fs, [
+      d("div", Ps, [
+        d("p", Ds, b(c.description), 1),
+        c.$slots.action ? (o(), i("div", qs, [
           k(c.$slots, "action", {}, void 0, !0)
         ])) : h("", !0)
       ]),
@@ -2077,14 +2093,15 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
         ]),
         _: 1
       })) : h("", !0),
-      c.progress ? (o(), B(ft, {
+      c.progress ? (o(), B(Da, {
         key: 1,
         class: "mc-toaster__indicator",
         value: p.value
       }, null, 8, ["value"])) : h("", !0)
     ], 2));
   }
-}), wo = /* @__PURE__ */ m(As, [["__scopeId", "data-v-8a753ebd"]]), Ns = ["for"], Rs = ["id", "name", "checked", "disabled"], Gs = ["for"], Us = /* @__PURE__ */ $({
+}), ko = /* @__PURE__ */ m(Fs, [["__scopeId", "data-v-c7799abc"]]), Ns = ["for"], Rs = ["id", "name", "checked", "disabled"], Gs = ["for"], Us = /* @__PURE__ */ $({
+  inheritAttrs: !1,
   __name: "MToggle",
   props: {
     id: {},
@@ -2106,7 +2123,7 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
         class: "mc-toggle__container",
         for: s.id
       }, [
-        d("input", I({
+        d("input", V({
           id: s.id,
           type: "checkbox",
           class: "mc-toggle__input",
@@ -2124,34 +2141,7 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
       ], 8, Ns)
     ], 2));
   }
-}), Hs = /* @__PURE__ */ m(Us, [["__scopeId", "data-v-5be734e7"]]), Ks = { class: "tooltip-story-wrapper" }, Es = ["aria-describedby"], Qs = ["id"], Js = /* @__PURE__ */ $({
-  __name: "MTooltip",
-  props: {
-    id: {},
-    text: {},
-    position: { default: "top" },
-    pointer: { type: Boolean, default: !0 }
-  },
-  setup(r) {
-    const e = r, a = v(() => ({
-      [`mc-tooltip--${e.position}`]: e.position,
-      "mc-tooltip--no-pointer": !e.pointer
-    }));
-    return (t, n) => (o(), i("div", Ks, [
-      d("div", {
-        class: g(["mc-tooltip", a.value]),
-        "aria-describedby": t.id
-      }, [
-        k(t.$slots, "default", {}, void 0, !0),
-        d("span", {
-          id: t.id,
-          class: "mc-tooltip__content",
-          role: "tooltip"
-        }, b(t.text), 9, Qs)
-      ], 10, Es)
-    ]));
-  }
-}), Vo = /* @__PURE__ */ m(Js, [["__scopeId", "data-v-f90a7be6"]]), Ws = /* @__PURE__ */ $({
+}), Hs = /* @__PURE__ */ m(Us, [["__scopeId", "data-v-3f62827d"]]), Ks = /* @__PURE__ */ $({
   __name: "MToggleGroup",
   props: {
     name: {},
@@ -2180,7 +2170,7 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
     return (u, _) => (o(), i("div", {
       class: g(s.value)
     }, [
-      (o(!0), i(P, null, D(u.options, (c) => (o(), B(Hs, {
+      (o(!0), i(A, null, P(u.options, (c) => (o(), B(Hs, {
         id: c.id,
         key: c.id,
         label: c.label,
@@ -2193,47 +2183,73 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
       }, null, 8, ["id", "label", "is-invalid", "name", "class", "model-value", "disabled", "onUpdate:modelValue"]))), 128))
     ], 2));
   }
-}), Io = /* @__PURE__ */ m(Ws, [["__scopeId", "data-v-c6b10172"]]);
+}), wo = /* @__PURE__ */ m(Ks, [["__scopeId", "data-v-2af0db8a"]]), Es = ["aria-describedby"], Qs = ["id"], Js = /* @__PURE__ */ $({
+  __name: "MTooltip",
+  props: {
+    id: {},
+    text: {},
+    position: { default: "top" },
+    pointer: { type: Boolean, default: !0 }
+  },
+  setup(r) {
+    const e = r, a = v(() => ({
+      [`mc-tooltip--${e.position}`]: e.position,
+      "mc-tooltip--no-pointer": !e.pointer
+    }));
+    return (t, n) => (o(), i("div", {
+      class: g(["mc-tooltip", a.value]),
+      "aria-describedby": t.id
+    }, [
+      k(t.$slots, "default", {}, void 0, !0),
+      d("span", {
+        id: t.id,
+        class: "mc-tooltip__content",
+        role: "tooltip"
+      }, b(t.text), 9, Qs)
+    ], 10, Es));
+  }
+}), Vo = /* @__PURE__ */ m(Js, [["__scopeId", "data-v-424718c4"]]);
 export {
-  Ys as MAvatar,
-  Zs as MBreadcrumb,
+  Xs as MAvatar,
+  Ys as MBreadcrumb,
   N as MButton,
-  ao as MCallout,
-  Ce as MCheckbox,
+  Zs as MCallout,
+  Te as MCheckbox,
   xs as MCheckboxGroup,
   eo as MCircularProgressbar,
-  to as MContainer,
-  so as MDatepicker,
+  ao as MContainer,
+  to as MDatepicker,
   Ze as MDivider,
-  oo as MDrawer,
-  lo as MField,
-  no as MFieldGroup,
-  io as MFlag,
+  so as MDrawer,
+  oo as MField,
+  lo as MFieldGroup,
+  no as MFlag,
   S as MIconButton,
-  ft as MLinearProgressbarBuffer,
-  _o as MLinearProgressbarPercentage,
+  Da as MLinearProgressbarBuffer,
+  io as MLinearProgressbarPercentage,
   ce as MLink,
   E as MLoader,
   ro as MLoadingOverlay,
   co as MModal,
-  Qa as MNumberBadge,
+  at as MNumberBadge,
   J as MOverlay,
   uo as MPagination,
   po as MPasswordInput,
   mo as MPincode,
-  vo as MQuantitySelector,
+  _o as MQuantitySelector,
   Ut as MRadio,
-  bo as MRadioGroup,
-  Za as MSelect,
-  fo as MStatusBadge,
-  ho as MStatusNotification,
-  $o as MTabs,
-  go as MTag,
-  yo as MTextArea,
-  ko as MTextInput,
-  wo as MToaster,
+  vo as MRadioGroup,
+  nt as MSelect,
+  bo as MStatusBadge,
+  Et as MStatusDot,
+  fo as MStatusNotification,
+  ho as MTabs,
+  $o as MTag,
+  go as MTextArea,
+  yo as MTextInput,
+  ko as MToaster,
   Hs as MToggle,
-  Io as MToggleGroup,
+  wo as MToggleGroup,
   Vo as MTooltip
 };
 //# sourceMappingURL=mozaic-vue.js.map