@mozaic-ds/vue 2.5.0 → 2.6.1

package/dist/mozaic-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as $, computed as v, createElementBlock as n, 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 S, renderList as P, 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: {
@@ -8,7 +8,7 @@ const le = /* @__PURE__ */ $({
     const e = r, a = v(() => ({
       [`mc-avatar--${e.size}`]: e.size && e.size != "s"
     }));
-    return (t, i) => (o(), n("span", {
+    return (t, n) => (o(), i("span", {
       class: g(["mc-avatar", a.value])
     }, [
       k(t.$slots, "default", {}, void 0, !0)
@@ -16,10 +16,10 @@ const le = /* @__PURE__ */ $({
   }
 }), m = (r, e) => {
   const a = r.__vccOpts || r;
-  for (const [t, i] of e)
-    a[t] = i;
+  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, i) => (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(), n("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(), n("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: {},
@@ -74,28 +77,27 @@ const le = /* @__PURE__ */ $({
   setup(r) {
     const e = r, a = v(() => ({
       [`mc-breadcrumb--${e.appearance}`]: e.appearance && e.appearance != "standard"
-    })), t = (i) => i === (e.links?.length ?? 0) - 1;
-    return (i, s) => (o(), n("nav", {
-      class: g(["mc-breadcrumb", a.value]),
-      "aria-label": "Breadcrumb"
+    })), t = (n) => n === (e.links?.length ?? 0) - 1;
+    return (n, s) => (o(), i("nav", {
+      class: g(["mc-breadcrumb", a.value])
     }, [
       d("ul", ue, [
-        (o(!0), n(S, null, P(i.links, (l, u) => (o(), n("li", {
+        (o(!0), i(A, null, P(n.links, (l, p) => (o(), i("li", {
           class: "mc-breadcrumb__item",
-          key: `breadcrumb-${u}`
+          key: `breadcrumb-${p}`
         }, [
           w(ce, {
             href: l.href,
             router: l.router,
-            appearance: i.appearance,
+            appearance: n.appearance,
             inline: "",
             class: g({
-              "mc-breadcrumb__current": t(u)
+              "mc-breadcrumb__current": t(p)
             }),
-            "aria-current": t(u) ? "page" : void 0
+            "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"
@@ -132,7 +134,7 @@ const le = /* @__PURE__ */ $({
           s = "0 0 32 32";
       }
       return s;
-    }), i = v(() => {
+    }), n = v(() => {
       let s;
       switch (e.size) {
         case "s":
@@ -146,11 +148,11 @@ const le = /* @__PURE__ */ $({
       }
       return s;
     });
-    return (s, l) => (o(), n("div", {
+    return (s, l) => (o(), i("div", {
       class: g(["mc-loader", a.value])
     }, [
       d("span", me, [
-        (o(), n("svg", {
+        (o(), i("svg", {
           class: "mc-loader__icon",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: t.value,
@@ -160,11 +162,11 @@ const le = /* @__PURE__ */ $({
             class: "mc-loader__path",
             cx: "50%",
             cy: "50%",
-            r: i.value
+            r: n.value
           }, null, 8, ve)
         ], 8, _e))
       ]),
-      s.text ? (o(), n("p", be, b(s.text), 1)) : h("", !0)
+      s.text ? (o(), i("p", be, b(s.text), 1)) : h("", !0)
     ], 2));
   }
 }), E = /* @__PURE__ */ m(fe, [["__scopeId", "data-v-998c550b"]]), he = ["disabled", "type"], $e = {
@@ -200,37 +202,68 @@ const le = /* @__PURE__ */ $({
       "mc-button--outlined": e.outlined,
       "mc-button--icon-only": e.iconPosition == "only"
     }));
-    return (t, i) => (o(), n("button", {
+    return (t, n) => (o(), i("button", {
       class: g(["mc-button", a.value]),
       disabled: t.disabled,
       type: t.type
     }, [
-      t.$slots.icon && t.iconPosition == "left" && !t.isLoading ? (o(), n("span", $e, [
+      t.$slots.icon && t.iconPosition == "left" && !t.isLoading ? (o(), i("span", $e, [
         k(t.$slots, "icon", {}, void 0, !0)
       ])) : h("", !0),
-      t.isLoading ? (o(), n("span", ge, [
+      t.isLoading ? (o(), i("span", ge, [
         w(E, {
           style: { color: "currentColor" },
           size: "s"
         })
       ])) : h("", !0),
-      t.$slots.icon && t.iconPosition == "only" ? (o(), n("span", ye, [
+      t.$slots.icon && t.iconPosition == "only" ? (o(), i("span", ye, [
         k(t.$slots, "icon", {}, void 0, !0)
-      ])) : (o(), n("span", {
+      ])) : (o(), i("span", {
         key: 3,
         class: "mc-button__label",
         style: H({ visibility: t.isLoading ? "hidden" : "visible" })
       }, [
         k(t.$slots, "default", {}, () => [
-          i[0] || (i[0] = q("Button Label", -1))
+          n[0] || (n[0] = D("Button Label", -1))
         ], !0)
       ], 4)),
-      t.$slots.icon && t.iconPosition == "right" && !t.isLoading ? (o(), n("span", ke, [
+      t.$slots.icon && t.iconPosition == "right" && !t.isLoading ? (o(), i("span", ke, [
         k(t.$slots, "icon", {}, void 0, !0)
       ])) : 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: {},
@@ -246,13 +279,13 @@ const le = /* @__PURE__ */ $({
   setup(r, { emit: e }) {
     const a = r, t = v(() => ({
       "is-invalid": a.isInvalid
-    })), i = v(() => ({
+    })), n = v(() => ({
       "mc-checkbox--indented": a.indented
     })), s = e;
-    return (l, u) => (o(), n("div", {
-      class: g(["mc-checkbox", i.value])
+    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],
@@ -262,16 +295,16 @@ const le = /* @__PURE__ */ $({
         disabled: l.disabled,
         "aria-invalid": l.isInvalid
       }, l.$attrs, {
-        onChange: u[0] || (u[0] = (p) => s("update:modelValue", p.target.checked))
-      }), null, 16, Ve),
-      l.label ? (o(), n("label", {
+        onChange: p[0] || (p[0] = (u) => s("update:modelValue", u.target.checked))
+      }), 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: {},
@@ -284,46 +317,46 @@ const le = /* @__PURE__ */ $({
     const a = r, t = z([]);
     T(
       () => a.modelValue,
-      (p) => {
-        t.value = p || [];
+      (u) => {
+        t.value = u || [];
       },
       { immediate: !0 }
     );
-    const i = (p, _) => {
+    const n = (u, _) => {
       let c = [...t.value];
-      p && !c.includes(_) ? c.push(_) : c = c.filter((f) => f !== _), u("update:modelValue", c), t.value = c;
+      u && !c.includes(_) ? c.push(_) : c = c.filter((f) => f !== _), p("update:modelValue", c), t.value = c;
     }, s = v(() => ({
       "mc-field__container--inline": a.inline
     })), l = v(() => ({
       "mc-field__container--inline__item": a.inline
-    })), u = e;
-    return (p, _) => (o(), n("div", {
+    })), p = e;
+    return (u, _) => (o(), i("div", {
       class: g(["mc-field__container", s.value])
     }, [
-      (o(!0), n(S, null, P(p.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,
         "is-invalid": c.isInvalid,
-        name: p.name,
+        name: u.name,
         class: g(["mc-field__item", l.value]),
-        "model-value": p.modelValue ? p.modelValue.includes(c.value) : void 0,
+        "model-value": u.modelValue ? u.modelValue.includes(c.value) : void 0,
         disabled: c.disabled,
         indented: c.indented,
-        "onUpdate:modelValue": (f) => i(f, c.value)
+        "onUpdate:modelValue": (f) => n(f, c.value)
       }, 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: {},
@@ -336,7 +369,7 @@ const le = /* @__PURE__ */ $({
     const e = r, a = v(() => ({
       [`mc-circular-progressbar--${e.size}`]: e.size && e.size != "l"
     }));
-    return (t, i) => (o(), n("div", {
+    return (t, n) => (o(), i("div", {
       class: g(["mc-circular-progressbar", a.value]),
       role: "progressbar",
       style: H(`--progress-value: ${t.value};`),
@@ -344,7 +377,7 @@ const le = /* @__PURE__ */ $({
       "aria-valuemin": 0,
       "aria-valuemax": 100
     }, [
-      i[1] || (i[1] = d("svg", {
+      n[1] || (n[1] = d("svg", {
         class: "mc-circular-progressbar__line",
         xmlns: "http://www.w3.org/2000/svg",
         "aria-hidden": "true",
@@ -363,47 +396,17 @@ const le = /* @__PURE__ */ $({
           r: "46"
         })
       ], -1)),
-      t.type === "percentage" ? (o(), n("div", Le, [
-        d("p", je, b(t.value), 1),
-        i[0] || (i[0] = d("p", { class: "mc-circular-progressbar__unit" }, "%", -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(), n("div", Oe, [
-        d("p", Te, b(t.contentValue), 1),
-        t.additionalInfo ? (o(), n("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, i) => (o(), n("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(), n("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 }
@@ -412,13 +415,13 @@ const le = /* @__PURE__ */ $({
     const e = r, a = v(() => ({
       "ml-container--fluid": e.fluid
     }));
-    return (t, i) => (o(), n("div", {
+    return (t, n) => (o(), i("div", {
       class: g(["ml-container", a.value])
     }, [
       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: {
     /**
@@ -430,8 +433,8 @@ const le = /* @__PURE__ */ $({
     }
   }
 }, He = ["fill"];
-function Ke(r, e, a, t, i, s) {
-  return o(), n("svg", {
+function Ke(r, e, a, t, n, s) {
+  return o(), i("svg", {
     "aria-hidden": "true",
     fill: a.color,
     xmlns: "http://www.w3.org/2000/svg",
@@ -445,10 +448,11 @@ function Ke(r, e, a, t, i, 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: {},
@@ -466,60 +470,60 @@ const A = /* @__PURE__ */ m(Ue, [["render", Ke]]), Ee = ["id", "value", "name",
     const a = r, t = v(() => ({
       [`mc-text-input--${a.size} mc-datepicker--${a.size}`]: a.size && a.size != "m",
       "is-invalid": a.isInvalid
-    })), i = z(a.modelValue), s = () => {
-      i.value = "", l("update:modelValue", "");
+    })), n = z(a.modelValue), s = () => {
+      n.value = "", l("update:modelValue", "");
     }, l = e;
-    return (u, p) => (o(), n("div", {
+    return (p, u) => (o(), i("div", {
       class: g(["mc-datepicker mc-text-input", t.value])
     }, [
-      d("input", I({
-        id: u.id,
+      d("input", V({
+        id: p.id,
         class: "mc-datepicker__control mc-text-input__control",
-        value: i.value,
+        value: n.value,
         type: "date",
-        name: u.name,
-        disabled: u.disabled,
-        "aria-invalid": u.isInvalid,
-        readonly: u.readonly
-      }, u.$attrs, {
-        onInput: p[0] || (p[0] = (_) => l("update:modelValue", _.target.value))
+        name: p.name,
+        disabled: p.disabled,
+        "aria-invalid": p.isInvalid,
+        readonly: p.readonly
+      }, p.$attrs, {
+        onInput: u[0] || (u[0] = (_) => l("update:modelValue", _.target.value))
       }), null, 16, Ee),
-      u.isClearable && i.value ? (o(), n("div", Qe, [
+      p.isClearable && n.value ? (o(), i("div", Qe, [
         d("button", {
           type: "button",
           class: "mc-controls-options__button",
           onClick: s
         }, [
-          w(A, {
+          w(F, {
             class: "mc-controls-options__icon",
             "aria-hidden": "true"
           }),
-          d("span", Je, b(u.clearLabel), 1)
+          d("span", Je, b(p.clearLabel), 1)
         ])
       ])) : 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, i) => (o(), n("div", Xe, [
+    return (t, n) => (o(), i("div", Xe, [
       d("div", {
         class: g(a.value)
       }, null, 2),
       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: {
     /**
@@ -531,8 +535,8 @@ const A = /* @__PURE__ */ m(Ue, [["render", Ke]]), Ee = ["id", "value", "name",
     }
   }
 }, ea = ["fill"];
-function aa(r, e, a, t, i, s) {
-  return o(), n("svg", {
+function aa(r, e, a, t, n, s) {
+  return o(), i("svg", {
     "aria-hidden": "true",
     fill: a.color,
     xmlns: "http://www.w3.org/2000/svg",
@@ -558,8 +562,8 @@ const ta = /* @__PURE__ */ m(xe, [["render", aa]]), sa = {
     }
   }
 }, oa = ["fill"];
-function la(r, e, a, t, i, s) {
-  return o(), n("svg", {
+function la(r, e, a, t, n, s) {
+  return o(), i("svg", {
     "aria-hidden": "true",
     fill: a.color,
     xmlns: "http://www.w3.org/2000/svg",
@@ -590,7 +594,7 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
       "mc-button--ghost": e.ghost,
       "mc-button--outlined": e.outlined
     }));
-    return (t, i) => (o(), n("button", {
+    return (t, n) => (o(), i("button", {
       class: g(["mc-button mc-button--icon-button", a.value]),
       disabled: t.disabled,
       type: t.type
@@ -600,14 +604,14 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
       ])
     ], 10, na));
   }
-}), D = /* @__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 },
     dialogLabel: {}
   },
   setup(r) {
-    return (e, a) => (o(), n("div", {
+    return (e, a) => (o(), i("div", {
       class: g(["mc-overlay", { "is-visible": e.isVisible }])
     }, [
       d("div", {
@@ -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 },
@@ -657,15 +662,15 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
         s("update:open", l);
       }
     );
-    const i = () => {
+    const n = () => {
       s("update:open", !1);
     }, s = e;
-    return (l, u) => (o(), B(J, {
+    return (l, p) => (o(), B(J, {
       "is-visible": l.open,
       dialogLabel: "drawerTitle"
     }, {
       default: M(() => [
-        d("section", I({
+        d("section", V({
           class: ["mc-drawer", t.value],
           role: "dialog",
           "aria-labelledby": "drawerTitle",
@@ -673,16 +678,16 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
           tabindex: "-1",
           "aria-hidden": !l.open
         }, l.$attrs, {
-          onKeydown: R(i, ["esc"])
+          onKeydown: R(n, ["esc"])
         }), [
           d("div", pa, [
             d("div", ma, [
-              l.back ? (o(), B(D, {
+              l.back ? (o(), B(S, {
                 key: 0,
                 class: "mc-drawer__back",
                 "aria-label": "Back",
                 ghost: "",
-                onClick: u[0] || (u[0] = (p) => s("back"))
+                onClick: p[0] || (p[0] = (u) => s("back"))
               }, {
                 icon: M(() => [
                   w(ta, { "aria-hidden": "true" })
@@ -690,11 +695,11 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
                 _: 1
               })) : h("", !0),
               d("h2", _a, b(l.title), 1),
-              w(D, {
+              w(S, {
                 class: "mc-drawer__close",
                 "aria-label": "Close",
                 ghost: "",
-                onClick: i
+                onClick: n
               }, {
                 icon: M(() => [
                   w(Q, { "aria-hidden": "true" })
@@ -704,11 +709,11 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
             ]),
             d("div", va, [
               d("div", ba, [
-                l.contentTitle ? (o(), n("h2", fa, b(l.contentTitle), 1)) : h("", !0),
+                l.contentTitle ? (o(), i("h2", fa, b(l.contentTitle), 1)) : h("", !0),
                 k(l.$slots, "default", {}, void 0, !0)
               ])
             ]),
-            l.$slots.footer ? (o(), n("div", ha, [
+            l.$slots.footer ? (o(), i("div", ha, [
               k(l.$slots, "footer", {}, void 0, !0)
             ])) : h("", !0)
           ])
@@ -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__ */ $({
@@ -738,15 +743,15 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
       "is-valid": e.isValid,
       "is-invalid": e.isInvalid
     }));
-    return (t, i) => (o(), n("div", ga, [
+    return (t, n) => (o(), i("div", ga, [
       d("label", {
         class: "mc-field__label",
         for: t.id
       }, [
-        q(b(t.label) + " ", 1),
-        t.requirementText ? (o(), n("span", ka, "(" + b(t.requirementText) + ")", 1)) : h("", !0)
+        D(b(t.label) + " ", 1),
+        t.requirementText ? (o(), i("span", ka, "(" + b(t.requirementText) + ")", 1)) : h("", !0)
       ], 8, ya),
-      t.helpId && t.helpText ? (o(), n("span", {
+      t.helpId && t.helpText ? (o(), i("span", {
         key: 0,
         id: t.helpId,
         class: "mc-field__help"
@@ -754,14 +759,14 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
       d("div", Va, [
         k(t.$slots, "default", {}, void 0, !0)
       ]),
-      (t.isValid || t.isInvalid) && t.message ? (o(), n("span", {
+      (t.isValid || t.isInvalid) && t.message ? (o(), i("span", {
         key: 1,
         class: g(["mc-field__validation-message", a.value]),
         id: t.messageId
       }, 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 = {
@@ -783,25 +788,25 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
       "is-valid": e.isValid,
       "is-invalid": e.isInvalid
     }));
-    return (t, i) => (o(), n("fieldset", Ca, [
+    return (t, n) => (o(), i("fieldset", Ca, [
       d("legend", {
         class: "mc-field__legend",
         for: t.id
       }, [
-        q(b(t.legend) + " ", 1),
-        t.requirementText ? (o(), n("span", za, "(" + b(t.requirementText) + ")", 1)) : h("", !0)
+        D(b(t.legend) + " ", 1),
+        t.requirementText ? (o(), i("span", za, "(" + b(t.requirementText) + ")", 1)) : h("", !0)
       ], 8, Ma),
-      t.helpText ? (o(), n("span", La, b(t.helpText), 1)) : h("", !0),
+      t.helpText ? (o(), i("span", La, b(t.helpText), 1)) : h("", !0),
       d("div", ja, [
         k(t.$slots, "default", {}, void 0, !0)
       ]),
-      (t.isValid || t.isInvalid) && t.message ? (o(), n("span", {
+      (t.isValid || t.isInvalid) && t.message ? (o(), i("span", {
         key: 1,
         class: g(["mc-field__validation-message", a.value])
       }, 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: {},
@@ -811,23 +816,73 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
     const e = r, a = v(() => ({
       [`mc-flag--${e.appearance}`]: e.appearance && e.appearance != "standard"
     }));
-    return (t, i) => (o(), n("div", {
+    return (t, n) => (o(), i("div", {
       class: g(["mc-flag", a.value])
     }, [
       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 },
     text: {}
   },
   setup(r) {
-    return (e, a) => (o(), n("div", {
+    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 },
@@ -871,15 +927,15 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
         s("update:open", l);
       }
     );
-    const i = () => {
+    const n = () => {
       s("update:open", !1);
     }, s = e;
-    return (l, u) => (o(), B(J, {
+    return (l, p) => (o(), B(J, {
       "is-visible": l.open,
       dialogLabel: "modalTitle"
     }, {
       default: M(() => [
-        d("section", I({
+        d("section", V({
           class: ["mc-modal", t.value],
           role: "dialog",
           "aria-labelledby": "modalTitle",
@@ -887,20 +943,20 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
           tabindex: "-1",
           "aria-hidden": !l.open
         }, l.$attrs, {
-          onKeydown: R(i, ["esc"])
+          onKeydown: R(n, ["esc"])
         }), [
-          d("div", Fa, [
-            d("header", Aa, [
-              l.$slots.icon ? (o(), n("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),
-              l.closable ? (o(), B(D, {
+              d("h2", Wa, b(l.title), 1),
+              l.closable ? (o(), B(S, {
                 key: 1,
                 class: "mc-modal__close",
                 "aria-label": "Close",
                 ghost: "",
-                onClick: i
+                onClick: n
               }, {
                 icon: M(() => [
                   w(Q, { "aria-hidden": "true" })
@@ -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(), n("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: {},
@@ -936,15 +992,16 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
       [`mc-number-badge--${e.appearance}`]: e.appearance && e.appearance != "standard",
       [`mc-number-badge--${e.size}`]: e.size && e.size != "s"
     }));
-    return (t, i) => (o(), n("span", {
+    return (t, n) => (o(), i("span", {
       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: {},
@@ -963,26 +1020,26 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
       [`mc-select--${a.size}`]: a.size && a.size != "m",
       "mc-select--readonly": a.readonly,
       "is-invalid": a.isInvalid
-    })), i = e;
-    return (s, l) => (o(), n("select", I({
+    })), n = e;
+    return (s, l) => (o(), i("select", V({
       id: s.id,
       class: ["mc-select", t.value],
       name: s.name,
       value: s.modelValue,
       disabled: s.disabled
     }, s.$attrs, {
-      onChange: l[0] || (l[0] = (u) => i("update:modelValue", u.target.value))
+      onChange: l[0] || (l[0] = (p) => n("update:modelValue", p.target.value))
     }), [
-      s.placeholder ? (o(), n("option", Wa, " -- " + b(s.placeholder) + " -- ", 1)) : h("", !0),
-      (o(!0), n(S, null, P(s.options, (u, p) => (o(), n("option", I({
-        key: p,
-        value: u.value
-      }, { ref_for: !0 }, u.attributes, {
-        disabled: u.disabled
-      }), b(u.text), 17, Xa))), 128))
-    ], 16, Ja));
+      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, 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,9 +1050,9 @@ const Q = /* @__PURE__ */ m(sa, [["render", la]]), na = ["disabled", "type"], ia
       default: "currentColor"
     }
   }
-}, et = ["fill"];
-function at(r, e, a, t, i, s) {
-  return o(), n("svg", {
+}, rt = ["fill"];
+function dt(r, e, a, t, n, s) {
+  return o(), i("svg", {
     "aria-hidden": "true",
     fill: a.color,
     xmlns: "http://www.w3.org/2000/svg",
@@ -1007,9 +1064,9 @@ function at(r, e, a, t, i, 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,9 +1077,9 @@ const G = /* @__PURE__ */ m(xa, [["render", at]]), tt = {
       default: "currentColor"
     }
   }
-}, st = ["fill"];
-function ot(r, e, a, t, i, s) {
-  return o(), n("svg", {
+}, ut = ["fill"];
+function pt(r, e, a, t, n, s) {
+  return o(), i("svg", {
     "aria-hidden": "true",
     fill: a.color,
     xmlns: "http://www.w3.org/2000/svg",
@@ -1034,20 +1091,19 @@ function ot(r, e, a, t, i, 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: {},
@@ -1058,32 +1114,32 @@ const U = /* @__PURE__ */ m(tt, [["render", ot]]), lt = {
   },
   emits: ["update:modelValue"],
   setup(r, { emit: e }) {
-    const a = r, t = e, i = z(a.modelValue);
-    T(i, (c) => {
+    const a = r, t = e, n = z(a.modelValue);
+    T(n, (c) => {
       c !== a.modelValue && t("update:modelValue", c);
     });
     const s = v(
-      () => a.options.findIndex((c) => c.value === i.value)
-    ), l = v(() => s.value === 0), u = v(
+      () => a.options.findIndex((c) => c.value === n.value)
+    ), l = v(() => s.value === 0), p = v(
       () => s.value === a.options.length - 1
-    ), p = () => {
+    ), u = () => {
       const c = a.options.findIndex(
-        (f) => f.value === i.value
+        (f) => f.value === n.value
       );
-      c > 0 && (i.value = a.options[c - 1].value, t("update:modelValue", a.options[c - 1].value));
+      c > 0 && (n.value = a.options[c - 1].value, t("update:modelValue", a.options[c - 1].value));
     }, _ = () => {
       const c = a.options.findIndex(
-        (f) => f.value === i.value
+        (f) => f.value === n.value
       );
-      c < a.options.length - 1 && (i.value = a.options[c + 1].value, t("update:modelValue", a.options[c + 1].value));
+      c < a.options.length - 1 && (n.value = a.options[c + 1].value, t("update:modelValue", a.options[c + 1].value));
     };
-    return (c, f) => (o(), n("nav", lt, [
-      c.compact ? (o(), B(D, {
+    return (c, f) => (o(), i("nav", mt, [
+      c.compact ? (o(), B(S, {
         key: 1,
         outlined: "",
         "aria-label": "Previous page",
         disabled: l.value,
-        onClick: p
+        onClick: u
       }, {
         icon: M(() => [
           w(G)
@@ -1094,32 +1150,32 @@ const U = /* @__PURE__ */ m(tt, [["render", ot]]), lt = {
         "icon-position": "only",
         "aria-label": "Previous page",
         disabled: l.value,
-        onClick: p
+        onClick: u
       }, {
         icon: M(() => [
           w(G)
         ]),
         _: 1
       }, 8, ["disabled"])),
-      c.compact ? h("", !0) : (o(), n("div", nt, [
-        w(Za, {
+      c.compact ? h("", !0) : (o(), i("div", _t, [
+        w(nt, {
           class: "mc-pagination__select",
           id: c.id,
-          modelValue: i.value,
+          modelValue: n.value,
           "onUpdate:modelValue": [
-            f[0] || (f[0] = (C) => i.value = C),
+            f[0] || (f[0] = (C) => n.value = C),
             f[1] || (f[1] = (C) => t("update:modelValue", Number(C)))
           ],
           options: c.options,
           "aria-label": c.selectLabel
         }, null, 8, ["id", "modelValue", "options", "aria-label"])
       ])),
-      c.compact ? (o(), n("span", it, b(c.options.find((C) => C.value === i.value)?.text), 1)) : h("", !0),
-      c.compact ? (o(), B(D, {
+      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: "",
         "aria-label": "Next page",
-        disabled: u.value,
+        disabled: p.value,
         onClick: _
       }, {
         icon: M(() => [
@@ -1130,7 +1186,7 @@ const U = /* @__PURE__ */ m(tt, [["render", ot]]), lt = {
         key: 4,
         "icon-position": "only",
         "aria-label": "Next page",
-        disabled: u.value,
+        disabled: p.value,
         onClick: _
       }, {
         icon: M(() => [
@@ -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: {},
@@ -1161,19 +1218,19 @@ const U = /* @__PURE__ */ m(tt, [["render", ot]]), lt = {
   setup(r, { emit: e }) {
     const a = r, t = v(() => ({
       "is-invalid": a.isInvalid
-    })), i = z(a.modelValue), s = z(!1), l = () => {
-      i.value = "", c("update:modelValue", "");
-    }, u = () => {
+    })), n = z(a.modelValue), s = z(!1), l = () => {
+      n.value = "", c("update:modelValue", "");
+    }, p = () => {
       s.value = !s.value;
-    }, p = v(() => s.value ? "text" : "password"), _ = v(() => s.value ? "true" : "false"), c = e;
-    return (f, C) => (o(), n("div", {
+    }, u = v(() => s.value ? "text" : "password"), _ = v(() => s.value ? "true" : "false"), c = e;
+    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) => i.value = y),
+        "onUpdate:modelValue": C[0] || (C[0] = (y) => n.value = y),
         id: f.id,
-        type: p.value,
+        type: u.value,
         name: f.name,
         placeholder: f.placeholder,
         disabled: f.disabled,
@@ -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), [
-        [ee, i.value]
+      }), null, 16, ft), [
+        [ee, n.value]
       ]),
-      f.isClearable && i.value ? (o(), n("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, {
@@ -1201,18 +1258,19 @@ const U = /* @__PURE__ */ m(tt, [["render", ot]]), lt = {
         role: "switch",
         "aria-checked": _.value,
         disabled: f.disabled,
-        onClick: u,
+        onClick: p,
         size: "s",
         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,40 +1285,40 @@ const U = /* @__PURE__ */ m(tt, [["render", ot]]), lt = {
   setup(r, { emit: e }) {
     const a = r, t = v(() => ({
       "is-invalid": a.isInvalid
-    })), i = e, s = z(Array(a.length).fill("")), l = z([]), u = (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 p = (y) => {
+    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], i("update:modelValue", s.value.join("")), V + 1 < a.length && p(V + 1)) : (s.value[V] = "", i("update:modelValue", s.value.join("")));
-    }, c = (y, V) => {
-      y.key === "ArrowLeft" && V > 0 ? p(V - 1) : y.key === "ArrowRight" && V < a.length - 1 ? p(V + 1) : y.key === "Backspace" && f(y, V);
-    }, f = (y, V) => {
-      s.value[V] === "" && V > 0 && (s.value[V - 1] = "", i("update:modelValue", s.value.join("")), p(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] ?? ""), i("update:modelValue", s.value.join("")), p(Math.min(O.length, a.length - 1));
+      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(), n("div", {
+    return (y, I) => (o(), i("div", {
       class: g(["mc-pincode-input", t.value]),
       onPaste: C
     }, [
-      (o(!0), n(S, null, P(s.value, (O, L) => (o(), n("input", I({
+      (o(!0), i(A, null, P(s.value, (O, L) => (o(), i("input", V({
         key: L,
         id: `pincodeItem${L}`,
         ref_for: !0,
-        ref: (j) => u(j, L),
+        ref: (j) => p(j, L),
         type: "text",
         inputmode: "numeric",
         maxlength: "1",
@@ -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, i) => (o(), n("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(), n("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: {
     /**
@@ -1339,8 +1350,8 @@ const U = /* @__PURE__ */ m(tt, [["render", ot]]), lt = {
     }
   }
 }, Vt = ["fill"];
-function It(r, e, a, t, i, s) {
-  return o(), n("svg", {
+function It(r, e, a, t, n, s) {
+  return o(), i("svg", {
     "aria-hidden": "true",
     fill: a.color,
     xmlns: "http://www.w3.org/2000/svg",
@@ -1366,8 +1377,8 @@ const Bt = /* @__PURE__ */ m(wt, [["render", It]]), Ct = {
     }
   }
 }, Mt = ["fill"];
-function zt(r, e, a, t, i, s) {
-  return o(), n("svg", {
+function zt(r, e, a, t, n, s) {
+  return o(), i("svg", {
     "aria-hidden": "true",
     fill: a.color,
     xmlns: "http://www.w3.org/2000/svg",
@@ -1381,7 +1392,8 @@ function zt(r, e, a, t, i, 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: {},
@@ -1401,22 +1413,22 @@ const Lt = /* @__PURE__ */ m(Ct, [["render", zt]]), jt = ["id", "name", "disable
   setup(r, { emit: e }) {
     const a = r, t = z(a.modelValue);
     T(t, (_) => {
-      _ !== a.modelValue && p("update:modelValue", _);
+      _ !== a.modelValue && u("update:modelValue", _);
     });
-    const i = v(() => ({
+    const n = v(() => ({
       [`mc-quantity-selector--${a.size}`]: a.size && a.size != "m",
       "is-invalid": a.isInvalid
     })), s = () => {
       t.value + a.step <= a.max ? t.value += a.step : t.value = a.max;
     }, l = () => {
       t.value - a.step > a.min ? t.value -= a.step : t.value = a.min;
-    }, u = (_) => {
-      t.value = _, t.value > a.max && (t.value = a.max), t.value <= a.min && (t.value = a.min), p("update:modelValue", t.value);
-    }, p = e;
-    return (_, c) => (o(), n("div", {
-      class: g(["mc-quantity-selector", i.value])
+    }, p = (_) => {
+      t.value = _, t.value > a.max && (t.value = a.max), t.value <= a.min && (t.value = a.min), u("update:modelValue", t.value);
+    }, u = e;
+    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",
@@ -1432,11 +1444,11 @@ const Lt = /* @__PURE__ */ m(Ct, [["render", zt]]), jt = ["id", "name", "disable
         "aria-valuemax": _.max,
         "aria-valuenow": t.value
       }, _.$attrs, {
-        onChange: c[1] || (c[1] = (f) => u(Number(f.target.value)))
+        onChange: c[1] || (c[1] = (f) => p(Number(f.target.value)))
       }), null, 16, jt), [
         [te, t.value]
       ]),
-      _.readonly ? h("", !0) : (o(), n("button", {
+      _.readonly ? h("", !0) : (o(), i("button", {
         key: 0,
         type: "button",
         "aria-controls": _.id,
@@ -1450,7 +1462,7 @@ const Lt = /* @__PURE__ */ m(Ct, [["render", zt]]), jt = ["id", "name", "disable
         ]),
         d("span", St, b(_.incrementlabel), 1)
       ], 8, Ot)),
-      _.readonly ? h("", !0) : (o(), n("button", {
+      _.readonly ? h("", !0) : (o(), i("button", {
         key: 1,
         type: "button",
         "aria-controls": _.id,
@@ -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: {},
@@ -1480,9 +1493,9 @@ const Lt = /* @__PURE__ */ m(Ct, [["render", zt]]), jt = ["id", "name", "disable
   setup(r, { emit: e }) {
     const a = r, t = v(() => ({
       "is-invalid": a.isInvalid
-    })), i = e;
-    return (s, l) => (o(), n("div", At, [
-      d("input", I({
+    })), n = e;
+    return (s, l) => (o(), i("div", Ft, [
+      d("input", V({
         id: s.id,
         type: "radio",
         class: ["mc-radio__input", t.value],
@@ -1491,16 +1504,16 @@ const Lt = /* @__PURE__ */ m(Ct, [["render", zt]]), jt = ["id", "name", "disable
         disabled: s.disabled,
         "aria-invalid": s.isInvalid
       }, s.$attrs, {
-        onChange: l[0] || (l[0] = (u) => i("update:modelValue", u.target.checked))
+        onChange: l[0] || (l[0] = (p) => n("update:modelValue", p.target.checked))
       }), null, 16, Nt),
-      s.label ? (o(), n("label", {
+      s.label ? (o(), i("label", {
         key: 0,
         for: s.id,
         class: "mc-radio__label"
       }, 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: {},
@@ -1513,26 +1526,26 @@ const Lt = /* @__PURE__ */ m(Ct, [["render", zt]]), jt = ["id", "name", "disable
   setup(r, { emit: e }) {
     const a = r, t = v(() => ({
       "mc-field__container--inline": a.inline
-    })), i = v(() => ({
+    })), n = v(() => ({
       "mc-field__container--inline__item": a.inline
     })), s = e;
-    return (l, u) => (o(), n("div", {
+    return (l, p) => (o(), i("div", {
       class: g(["mc-field__container", t.value])
     }, [
-      (o(!0), n(S, null, P(l.options, (p) => (o(), B(Ut, {
-        id: p.id,
-        key: p.id,
-        label: p.label,
+      (o(!0), i(A, null, P(l.options, (u) => (o(), B(Ut, {
+        id: u.id,
+        key: u.id,
+        label: u.label,
         "is-invalid": l.isInvalid,
         name: l.name,
-        class: g(["mc-field__item", i.value]),
-        "model-value": l.modelValue === p.value,
-        disabled: p.disabled,
-        "onUpdate:modelValue": (_) => _ ? s("update:modelValue", p.value) : null
+        class: g(["mc-field__item", n.value]),
+        "model-value": l.modelValue === u.value,
+        disabled: u.disabled,
+        "onUpdate:modelValue": (_) => _ ? s("update:modelValue", u.value) : null
       }, 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" },
@@ -1543,11 +1556,11 @@ const Lt = /* @__PURE__ */ m(Ct, [["render", zt]]), jt = ["id", "name", "disable
       [`mc-status-dot--${e.status}`]: e.status && e.status != "info",
       [`mc-status-dot--${e.size}`]: e.size && e.size != "m"
     }));
-    return (t, i) => (o(), n("span", {
+    return (t, n) => (o(), i("span", {
       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: {},
@@ -1557,14 +1570,14 @@ const Lt = /* @__PURE__ */ m(Ct, [["render", zt]]), jt = ["id", "name", "disable
     const e = r, a = v(() => ({
       [`mc-status-badge--${e.status}`]: e.status && e.status != "info"
     }));
-    return (t, i) => (o(), n("div", {
+    return (t, n) => (o(), i("div", {
       class: g(["mc-status-badge", a.value])
     }, [
       w(Et, { status: t.status }, null, 8, ["status"]),
       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: {
     /**
@@ -1576,8 +1589,8 @@ const Lt = /* @__PURE__ */ m(Ct, [["render", zt]]), jt = ["id", "name", "disable
     }
   }
 }, Xt = ["fill"];
-function Yt(r, e, a, t, i, s) {
-  return o(), n("svg", {
+function Yt(r, e, a, t, n, s) {
+  return o(), i("svg", {
     "aria-hidden": "true",
     fill: a.color,
     xmlns: "http://www.w3.org/2000/svg",
@@ -1603,8 +1616,8 @@ const W = /* @__PURE__ */ m(Wt, [["render", Yt]]), Zt = {
     }
   }
 }, xt = ["fill"];
-function es(r, e, a, t, i, s) {
-  return o(), n("svg", {
+function es(r, e, a, t, n, s) {
+  return o(), i("svg", {
     "aria-hidden": "true",
     fill: a.color,
     xmlns: "http://www.w3.org/2000/svg",
@@ -1630,8 +1643,8 @@ const X = /* @__PURE__ */ m(Zt, [["render", es]]), as = {
     }
   }
 }, ts = ["fill"];
-function ss(r, e, a, t, i, s) {
-  return o(), n("svg", {
+function ss(r, e, a, t, n, s) {
+  return o(), i("svg", {
     "aria-hidden": "true",
     fill: a.color,
     xmlns: "http://www.w3.org/2000/svg",
@@ -1657,8 +1670,8 @@ const Y = /* @__PURE__ */ m(as, [["render", ss]]), os = {
     }
   }
 }, ls = ["fill"];
-function ns(r, e, a, t, i, s) {
-  return o(), n("svg", {
+function ns(r, e, a, t, n, s) {
+  return o(), i("svg", {
     "aria-hidden": "true",
     fill: a.color,
     xmlns: "http://www.w3.org/2000/svg",
@@ -1684,8 +1697,8 @@ const Z = /* @__PURE__ */ m(os, [["render", ns]]), is = {
     }
   }
 }, rs = ["fill"];
-function ds(r, e, a, t, i, s) {
-  return o(), n("svg", {
+function ds(r, e, a, t, n, s) {
+  return o(), i("svg", {
     "aria-hidden": "true",
     fill: a.color,
     xmlns: "http://www.w3.org/2000/svg",
@@ -1714,7 +1727,7 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
   setup(r, { emit: e }) {
     const a = r, t = v(() => ({
       [`mc-status-notification--${a.status}`]: a.status && a.status != "info"
-    })), i = v(() => {
+    })), n = v(() => {
       switch (a.status) {
         case "success":
           return x;
@@ -1727,35 +1740,40 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
           return X;
       }
     }), s = e;
-    return (l, u) => (o(), n("section", {
+    return (l, p) => (o(), i("section", {
       class: g(["mc-status-notification", t.value]),
       role: "status"
     }, [
-      (o(), B(F(i.value), {
+      (o(), B(q(n.value), {
         class: "mc-status-notification__icon",
         "aria-hidden": "true"
       })),
       d("div", cs, [
         d("h2", us, b(l.title), 1),
         d("p", ps, b(l.description), 1),
-        l.$slots.footer ? (o(), n("div", ms, [
+        l.$slots.footer ? (o(), i("div", ms, [
           k(l.$slots, "footer", {}, void 0, !0)
         ])) : h("", !0)
       ]),
-      l.closable ? (o(), n("button", {
+      l.closable ? (o(), B(S, {
         key: 0,
         class: "mc-status-notification-closable__close",
-        onClick: u[0] || (u[0] = (p) => s("close"))
-      }, [
-        w(W, {
-          class: "mc-status-notification-closable__icon",
-          "aria-hidden": "true"
-        }),
-        u[1] || (u[1] = d("span", { class: "mc-status-notification-closable__text" }, "Close", -1))
-      ])) : h("", !0)
+        size: "s",
+        ghost: "",
+        "aria-label": "Close",
+        onClick: p[0] || (p[0] = (u) => s("close"))
+      }, {
+        icon: M(() => [
+          w(W, {
+            class: "mc-button__icon",
+            "aria-hidden": "true"
+          })
+        ]),
+        _: 1
+      })) : h("", !0)
     ], 2));
   }
-}), ho = /* @__PURE__ */ m(_s, [["__scopeId", "data-v-457733a1"]]), 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__ */ $({
@@ -1771,18 +1789,18 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
   setup(r, { emit: e }) {
     const a = r, t = v(() => ({
       "mc-tabs--centered": a.centered
-    })), i = z(a.modelValue), s = (p) => {
-      a.tabs[p].disabled || p !== i.value && (i.value = p, u("update:modelValue", p));
-    }, l = (p) => i.value === p, u = e;
-    return (p, _) => (o(), n("nav", {
+    })), n = z(a.modelValue), s = (u) => {
+      a.tabs[u].disabled || u !== n.value && (n.value = u, p("update:modelValue", u));
+    }, l = (u) => n.value === u, p = e;
+    return (u, _) => (o(), i("nav", {
       class: g(["mc-tabs", t.value])
     }, [
       d("ul", {
         role: "tablist",
         class: "mc-tabs__list",
-        "aria-label": p.description
+        "aria-label": u.description
       }, [
-        (o(!0), n(S, null, P(p.tabs, (c, f) => (o(), n("li", {
+        (o(!0), i(A, null, P(u.tabs, (c, f) => (o(), i("li", {
           key: `tab-${f}`,
           role: "presentation",
           class: "mc-tabs__item"
@@ -1799,8 +1817,8 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
             type: "button",
             onClick: (C) => s(f)
           }, [
-            c.icon ? (o(), n("span", fs, [
-              (o(), B(F(c.icon)))
+            c.icon ? (o(), i("span", fs, [
+              (o(), B(q(c.icon)))
             ])) : h("", !0),
             d("div", hs, [
               d("span", null, b(c.label), 1)
@@ -1808,10 +1826,11 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
           ], 10, bs)
         ]))), 128))
       ], 8, vs),
-      p.divider ? (o(), B(Ze, { key: 0 })) : h("", !0)
+      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" },
@@ -1829,42 +1848,42 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
     const a = r, t = v(() => ({
       [`mc-tag-${a.type}`]: a.type && a.type != "informative",
       [`mc-tag--${a.size}`]: a.size && a.size != "m"
-    })), i = e;
-    return (s, l) => s.type === "selectable" ? (o(), n("label", {
+    })), n = e;
+    return (s, l) => s.type === "selectable" ? (o(), i("label", {
       key: 0,
       for: s.id,
       class: g(["mc-tag", t.value])
     }, [
-      d("input", I({
+      d("input", V({
         type: "checkbox",
         class: "mc-tag__input",
         id: s.id,
         name: s.name,
         checked: s.modelValue,
         disabled: s.disabled,
-        onChange: l[0] || (l[0] = (u) => i("update:modelValue", u.target.checked))
+        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(), n("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(), n("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(), n("span", I({
+    ], 16, Is)) : s.type === "removable" ? (o(), i("span", V({
       key: 3,
       class: ["mc-tag", t.value]
     }, s.$attrs), [
@@ -1872,22 +1891,23 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
       d("button", {
         class: "mc-tag-removable__remove",
         type: "button",
-        onClick: l[1] || (l[1] = (u) => s.id && i("remove-tag", s.id))
+        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(), n("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: {},
@@ -1905,8 +1925,8 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
   setup(r, { emit: e }) {
     const a = r, t = v(() => ({
       "is-invalid": a.isInvalid
-    })), i = e;
-    return (s, l) => (o(), n("textarea", I({
+    })), n = e;
+    return (s, l) => (o(), i("textarea", V({
       id: s.id,
       class: ["mc-textarea", t.value],
       "aria-invalid": s.isInvalid,
@@ -1919,16 +1939,17 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
       rows: s.rows,
       readonly: s.readonly
     }, s.$attrs, {
-      onInput: l[0] || (l[0] = (u) => i("update:modelValue", u.target.value))
+      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: {},
@@ -1948,16 +1969,16 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
     const a = r, t = v(() => ({
       [`mc-text-input--${a.size}`]: a.size && a.size != "m",
       "is-invalid": a.isInvalid
-    })), i = () => {
+    })), n = () => {
       s("update:modelValue", "");
     }, s = e;
-    return (l, u) => (o(), n("div", {
+    return (l, p) => (o(), i("div", {
       class: g(["mc-text-input", t.value])
     }, [
-      l.$slots.icon ? (o(), n("span", Os, [
+      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,
@@ -1968,27 +1989,27 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
         "aria-invalid": l.isInvalid,
         readonly: l.readonly
       }, l.$attrs, {
-        onInput: u[0] || (u[0] = (p) => s("update:modelValue", p.target.value))
+        onInput: p[0] || (p[0] = (u) => s("update:modelValue", u.target.value))
       }), null, 16, Ts),
-      l.isClearable && l.modelValue ? (o(), n("div", Ss, [
+      l.isClearable && l.modelValue ? (o(), i("div", Ss, [
         d("button", {
           type: "button",
           class: "mc-controls-options__button",
-          onClick: i
+          onClick: n
         }, [
-          w(A, {
+          w(F, {
             class: "mc-controls-options__icon",
             "aria-hidden": "true"
           }),
-          u[1] || (u[1] = d("span", { class: "mc-controls-options__label" }, "{clearLabel}", -1))
+          p[1] || (p[1] = d("span", { class: "mc-controls-options__label" }, "{clearLabel}", -1))
         ])
       ])) : 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 },
@@ -2005,7 +2026,7 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
       "is-open": a.open,
       [`mc-toaster--${a.status}`]: a.status && a.status != "info",
       [`mc-toaster--${a.position}`]: a.position && a.position != "top"
-    })), i = v(() => {
+    })), n = v(() => {
       switch (a.status) {
         case "success":
           return x;
@@ -2026,36 +2047,36 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
     );
     const s = () => {
       l("update:open", !1);
-    }, l = e, u = z(0);
-    let p = null, _ = null;
+    }, l = e, p = z(0);
+    let u = null, _ = null;
     return se(() => {
       if (a.timeout)
         if (a.progress) {
           const C = 100 / (a.timeout / 100);
-          p = setInterval(() => {
-            u.value += C, u.value >= 100 && (u.value = 100, s(), clearInterval(p));
+          u = setInterval(() => {
+            p.value += C, p.value >= 100 && (p.value = 100, s(), clearInterval(u));
           }, 100);
         } else
           _ = setTimeout(() => {
             s();
           }, a.timeout);
     }), oe(() => {
-      a.timeout && (p && clearInterval(p), _ && clearTimeout(_));
-    }), (c, f) => (o(), n("section", {
+      a.timeout && (u && clearInterval(u), _ && clearTimeout(_));
+    }), (c, f) => (o(), i("section", {
       class: g(["mc-toaster", t.value]),
       role: "status"
     }, [
-      (o(), B(F(i.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(), n("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)
       ]),
-      c.closable ? (o(), B(D, {
+      c.closable ? (o(), B(S, {
         key: 0,
         class: "mc-toaster__close",
         appearance: "inverse",
@@ -2072,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: u.value
+        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: {},
@@ -2093,15 +2115,15 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
   setup(r, { emit: e }) {
     const a = r, t = v(() => ({
       [`mc-toggle--${a.size}`]: a.size && a.size != "s"
-    })), i = e;
-    return (s, l) => (o(), n("div", {
+    })), n = e;
+    return (s, l) => (o(), i("div", {
       class: g(["mc-toggle", t.value])
     }, [
       d("label", {
         class: "mc-toggle__container",
         for: s.id
       }, [
-        d("input", I({
+        d("input", V({
           id: s.id,
           type: "checkbox",
           class: "mc-toggle__input",
@@ -2109,9 +2131,9 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
           checked: s.modelValue,
           disabled: s.disabled
         }, s.$attrs, {
-          onChange: l[0] || (l[0] = (u) => i("update:modelValue", u.target.checked))
+          onChange: l[0] || (l[0] = (p) => n("update:modelValue", p.target.checked))
         }), null, 16, Rs),
-        s.label ? (o(), n("span", {
+        s.label ? (o(), i("span", {
           key: 0,
           for: s.id,
           class: "mc-toggle__label"
@@ -2119,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, i) => (o(), n("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: {},
@@ -2159,76 +2154,102 @@ const x = /* @__PURE__ */ m(is, [["render", ds]]), cs = { class: "mc-status-noti
     const a = r, t = z([]);
     T(
       () => a.modelValue,
-      (p) => {
-        t.value = p || [];
+      (u) => {
+        t.value = u || [];
       },
       { immediate: !0 }
     );
-    const i = (p, _) => {
+    const n = (u, _) => {
       let c = [...t.value];
-      p && !c.includes(_) ? c.push(_) : c = c.filter((f) => f !== _), u("update:modelValue", c), t.value = c;
+      u && !c.includes(_) ? c.push(_) : c = c.filter((f) => f !== _), p("update:modelValue", c), t.value = c;
     }, s = v(() => ({
       "mc-field__container--inline": a.inline
     })), l = v(() => ({
       "mc-field__container--inline__item": a.inline
-    })), u = e;
-    return (p, _) => (o(), n("div", {
+    })), p = e;
+    return (u, _) => (o(), i("div", {
       class: g(s.value)
     }, [
-      (o(!0), n(S, null, P(p.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,
         "is-invalid": c.isInvalid,
-        name: p.name,
+        name: u.name,
         class: g(l.value),
-        "model-value": p.modelValue ? p.modelValue.includes(c.value) : void 0,
+        "model-value": u.modelValue ? u.modelValue.includes(c.value) : void 0,
         disabled: c.disabled,
-        "onUpdate:modelValue": (f) => i(f, c.value)
+        "onUpdate:modelValue": (f) => n(f, c.value)
       }, 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,
-  D as MIconButton,
-  ft as MLinearProgressbarBuffer,
-  _o as MLinearProgressbarPercentage,
+  so as MDrawer,
+  oo as MField,
+  lo as MFieldGroup,
+  no as MFlag,
+  S as MIconButton,
+  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