@mozaic-ds/vue 1.0.0-beta.5 → 1.0.0-beta.7

package/dist/mozaic-vue.js

@@ -1,34 +1,13 @@
-import { defineComponent as y, computed as v, createElementBlock as n, openBlock as l, normalizeClass as $, toDisplayString as f, createBlock as w, resolveDynamicComponent as j, withCtx as S, createCommentVNode as h, createElementVNode as d, renderSlot as g, Fragment as B, renderList as C, createVNode as V, createTextVNode as M, normalizeStyle as Z, mergeProps as k, ref as I, watch as O, withDirectives as T, vModelDynamic as P, vModelText as G } from "vue";
-const U = /* @__PURE__ */ y({
-  __name: "MBadge",
-  props: {
-    label: {},
-    appearance: { default: "standard" },
-    size: { default: "s" }
-  },
-  setup(o) {
-    const a = o, t = v(() => ({
-      [`mc-badge--${a.appearance}`]: a.appearance && a.appearance != "standard",
-      [`mc-badge--${a.size}`]: a.size && a.size != "s"
-    }));
-    return (e, i) => (l(), n("span", {
-      class: $(["mc-badge", t.value])
-    }, f(e.label), 3));
-  }
-}), _ = (o, a) => {
-  const t = o.__vccOpts || o;
-  for (const [e, i] of a)
-    t[e] = i;
-  return t;
-}, Xa = /* @__PURE__ */ _(U, [["__scopeId", "data-v-b427cc61"]]), D = {
+import { defineComponent as y, computed as v, createBlock as w, openBlock as l, resolveDynamicComponent as j, normalizeClass as $, withCtx as S, createElementBlock as n, createCommentVNode as h, createElementVNode as d, renderSlot as g, Fragment as B, renderList as C, createVNode as V, createTextVNode as M, toDisplayString as f, normalizeStyle as Z, mergeProps as k, ref as I, watch as O, withDirectives as T, vModelDynamic as P, vModelText as N } from "vue";
+const G = {
   key: 0,
   class: "mc-link__icon",
   "aria-hidden": "true"
-}, F = { class: "mc-link__label" }, N = {
+}, U = { class: "mc-link__label" }, D = {
   key: 1,
   class: "mc-link__icon",
   "aria-hidden": "true"
-}, R = /* @__PURE__ */ y({
+}, F = /* @__PURE__ */ y({
   __name: "MLink",
   props: {
     iconPosition: { default: "left" },
@@ -53,20 +32,25 @@ const U = /* @__PURE__ */ y({
       to: e.router ? e.href : void 0
     }, {
       default: S(() => [
-        e.$slots.icon && e.iconPosition == "left" ? (l(), n("span", D, [
+        e.$slots.icon && e.iconPosition == "left" ? (l(), n("span", G, [
           g(e.$slots, "icon", {}, void 0, !0)
         ])) : h("", !0),
-        d("span", F, [
+        d("span", U, [
           g(e.$slots, "default", {}, void 0, !0)
         ]),
-        e.$slots.icon && e.iconPosition == "right" ? (l(), n("span", N, [
+        e.$slots.icon && e.iconPosition == "right" ? (l(), n("span", D, [
           g(e.$slots, "icon", {}, void 0, !0)
         ])) : h("", !0)
       ]),
       _: 3
     }, 8, ["class", "href", "target", "to"]));
   }
-}), A = /* @__PURE__ */ _(R, [["__scopeId", "data-v-ad3d954f"]]), H = { class: "mc-breadcrumb__container" }, E = /* @__PURE__ */ y({
+}), _ = (o, a) => {
+  const t = o.__vccOpts || o;
+  for (const [e, i] of a)
+    t[e] = i;
+  return t;
+}, R = /* @__PURE__ */ _(F, [["__scopeId", "data-v-df607c25"]]), A = { class: "mc-breadcrumb__container" }, H = /* @__PURE__ */ y({
   __name: "MBreadcrumb",
   props: {
     appearance: {},
@@ -83,12 +67,12 @@ const U = /* @__PURE__ */ y({
       class: $(["mc-breadcrumb", t.value]),
       "aria-label": "Breadcrumb"
     }, [
-      d("ul", H, [
+      d("ul", A, [
         (l(!0), n(B, null, C(i.links, (u, r) => (l(), n("li", {
           class: "mc-breadcrumb__item",
           key: `breadcrumb-${r}`
         }, [
-          V(A, {
+          V(R, {
             href: u.href,
             router: u.router,
             appearance: i.appearance,
@@ -107,11 +91,11 @@ const U = /* @__PURE__ */ y({
       ])
     ], 2));
   }
-}), Ya = /* @__PURE__ */ _(E, [["__scopeId", "data-v-09df4905"]]), Q = { class: "mc-loader__spinner" }, W = ["viewBox"], J = ["r"], K = {
+}), Xa = /* @__PURE__ */ _(H, [["__scopeId", "data-v-09df4905"]]), E = { class: "mc-loader__spinner" }, Q = ["viewBox"], W = ["r"], J = {
   key: 0,
   class: "mc-loader__text",
   role: "status"
-}, X = /* @__PURE__ */ y({
+}, K = /* @__PURE__ */ y({
   __name: "MLoader",
   props: {
     appearance: { default: "standard" },
@@ -152,7 +136,7 @@ const U = /* @__PURE__ */ y({
     return (s, u) => (l(), n("div", {
       class: $(["mc-loader", t.value])
     }, [
-      d("span", Q, [
+      d("span", E, [
         (l(), n("svg", {
           class: "mc-loader__icon",
           xmlns: "http://www.w3.org/2000/svg",
@@ -164,26 +148,26 @@ const U = /* @__PURE__ */ y({
             cx: "50%",
             cy: "50%",
             r: i.value
-          }, null, 8, J)
-        ], 8, W))
+          }, null, 8, W)
+        ], 8, Q))
       ]),
-      s.text ? (l(), n("p", K, f(s.text), 1)) : h("", !0)
+      s.text ? (l(), n("p", J, f(s.text), 1)) : h("", !0)
     ], 2));
   }
-}), Y = /* @__PURE__ */ _(X, [["__scopeId", "data-v-56c66912"]]), x = ["disabled", "type"], ee = {
+}), X = /* @__PURE__ */ _(K, [["__scopeId", "data-v-56c66912"]]), Y = ["disabled", "type"], x = {
   key: 0,
   class: "mc-button__icon"
-}, ae = {
+}, ee = {
   key: 1,
   class: "mc-button__icon",
   style: { position: "absolute" }
-}, se = {
+}, ae = {
   key: 2,
   class: "mc-button__icon"
-}, te = {
+}, se = {
   key: 4,
   class: "mc-button__icon"
-}, le = /* @__PURE__ */ y({
+}, te = /* @__PURE__ */ y({
   __name: "MButton",
   props: {
     appearance: { default: "standard" },
@@ -208,16 +192,16 @@ const U = /* @__PURE__ */ y({
       disabled: e.disabled,
       type: e.type
     }, [
-      e.$slots.icon && e.iconPosition == "left" && !e.isLoading ? (l(), n("span", ee, [
+      e.$slots.icon && e.iconPosition == "left" && !e.isLoading ? (l(), n("span", x, [
         g(e.$slots, "icon", {}, void 0, !0)
       ])) : h("", !0),
-      e.isLoading ? (l(), n("span", ae, [
-        V(Y, {
+      e.isLoading ? (l(), n("span", ee, [
+        V(X, {
           style: { color: "currentColor" },
           size: "s"
         })
       ])) : h("", !0),
-      e.$slots.icon && e.iconPosition == "only" ? (l(), n("span", se, [
+      e.$slots.icon && e.iconPosition == "only" ? (l(), n("span", ae, [
         g(e.$slots, "icon", {}, void 0, !0)
       ])) : (l(), n("span", {
         key: 3,
@@ -228,12 +212,12 @@ const U = /* @__PURE__ */ y({
           i[0] || (i[0] = M("Button Label"))
         ], !0)
       ], 4)),
-      e.$slots.icon && e.iconPosition == "right" && !e.isLoading ? (l(), n("span", te, [
+      e.$slots.icon && e.iconPosition == "right" && !e.isLoading ? (l(), n("span", se, [
         g(e.$slots, "icon", {}, void 0, !0)
       ])) : h("", !0)
-    ], 10, x));
+    ], 10, Y));
   }
-}), ne = /* @__PURE__ */ _(le, [["__scopeId", "data-v-f4f43ab6"]]), oe = { class: "mc-checkbox" }, ie = ["id", "name", "checked", "indeterminate", "disabled", "aria-invalid"], de = ["for"], re = /* @__PURE__ */ y({
+}), le = /* @__PURE__ */ _(te, [["__scopeId", "data-v-f4f43ab6"]]), ne = { class: "mc-checkbox" }, oe = ["id", "name", "checked", "indeterminate", "disabled", "aria-invalid"], ie = ["for"], de = /* @__PURE__ */ y({
   __name: "MCheckbox",
   props: {
     id: {},
@@ -249,7 +233,7 @@ const U = /* @__PURE__ */ y({
     const t = o, e = v(() => ({
       "is-invalid": t.isInvalid
     })), i = a;
-    return (s, u) => (l(), n("div", oe, [
+    return (s, u) => (l(), n("div", ne, [
       d("input", k({
         id: s.id,
         type: "checkbox",
@@ -261,15 +245,15 @@ const U = /* @__PURE__ */ y({
         "aria-invalid": s.isInvalid
       }, s.$attrs, {
         onChange: u[0] || (u[0] = (r) => i("update:modelValue", r.target.checked))
-      }), null, 16, ie),
+      }), null, 16, oe),
       s.label ? (l(), n("label", {
         key: 0,
         for: s.id,
         class: "mc-checkbox__label"
-      }, f(s.label), 9, de)) : h("", !0)
+      }, f(s.label), 9, ie)) : h("", !0)
     ]));
   }
-}), ce = /* @__PURE__ */ _(re, [["__scopeId", "data-v-37fd0a35"]]), ue = /* @__PURE__ */ y({
+}), re = /* @__PURE__ */ _(de, [["__scopeId", "data-v-37fd0a35"]]), ce = /* @__PURE__ */ y({
   __name: "MCheckboxGroup",
   props: {
     name: {},
@@ -298,7 +282,7 @@ const U = /* @__PURE__ */ y({
     return (p, c) => (l(), n("div", {
       class: $(["mc-field__container", s.value])
     }, [
-      (l(!0), n(B, null, C(p.options, (m) => (l(), w(ce, {
+      (l(!0), n(B, null, C(p.options, (m) => (l(), w(re, {
         id: m.id,
         key: m.id,
         label: m.label,
@@ -311,10 +295,10 @@ const U = /* @__PURE__ */ y({
       }, null, 8, ["id", "label", "is-invalid", "name", "class", "model-value", "disabled", "onUpdate:modelValue"]))), 128))
     ], 2));
   }
-}), xa = /* @__PURE__ */ _(ue, [["__scopeId", "data-v-8ee4699f"]]), pe = { class: "mc-field" }, me = ["for"], _e = {
+}), Ya = /* @__PURE__ */ _(ce, [["__scopeId", "data-v-8ee4699f"]]), ue = { class: "mc-field" }, pe = ["for"], me = {
   key: 0,
   class: "mc-field__requirement"
-}, ve = ["id"], be = { class: "mc-field__content" }, fe = ["id"], he = /* @__PURE__ */ y({
+}, _e = ["id"], ve = { class: "mc-field__content" }, be = ["id"], fe = /* @__PURE__ */ y({
   __name: "MField",
   props: {
     id: {},
@@ -332,36 +316,36 @@ const U = /* @__PURE__ */ y({
       "is-valid": a.isValid,
       "is-invalid": a.isInvalid
     }));
-    return (e, i) => (l(), n("div", pe, [
+    return (e, i) => (l(), n("div", ue, [
       d("label", {
         class: "mc-field__label",
         for: e.id
       }, [
         M(f(e.label) + " ", 1),
-        e.requirementText ? (l(), n("span", _e, "(" + f(e.requirementText) + ")", 1)) : h("", !0)
-      ], 8, me),
+        e.requirementText ? (l(), n("span", me, "(" + f(e.requirementText) + ")", 1)) : h("", !0)
+      ], 8, pe),
       e.helpId && e.helpText ? (l(), n("span", {
         key: 0,
         id: e.helpId,
         class: "mc-field__help"
-      }, f(e.helpText), 9, ve)) : h("", !0),
-      d("div", be, [
+      }, f(e.helpText), 9, _e)) : h("", !0),
+      d("div", ve, [
         g(e.$slots, "default", {}, void 0, !0)
       ]),
       (e.isValid || e.isInvalid) && e.message ? (l(), n("span", {
         key: 1,
         class: $(["mc-field__validation-message", t.value]),
         id: e.messageId
-      }, f(e.message), 11, fe)) : h("", !0)
+      }, f(e.message), 11, be)) : h("", !0)
     ]));
   }
-}), es = /* @__PURE__ */ _(he, [["__scopeId", "data-v-ead078c4"]]), $e = { class: "mc-field--group" }, ye = ["for"], ge = {
+}), xa = /* @__PURE__ */ _(fe, [["__scopeId", "data-v-ead078c4"]]), he = { class: "mc-field--group" }, $e = ["for"], ye = {
   key: 0,
   class: "mc-field__requirement"
-}, Ve = {
+}, ge = {
   key: 0,
   class: "mc-field__help"
-}, ke = { class: "mc-field__content" }, Ie = /* @__PURE__ */ y({
+}, Ve = { class: "mc-field__content" }, ke = /* @__PURE__ */ y({
   __name: "MFieldGroup",
   props: {
     id: {},
@@ -377,16 +361,16 @@ const U = /* @__PURE__ */ y({
       "is-valid": a.isValid,
       "is-invalid": a.isInvalid
     }));
-    return (e, i) => (l(), n("fieldset", $e, [
+    return (e, i) => (l(), n("fieldset", he, [
       d("legend", {
         class: "mc-field__legend",
         for: e.id
       }, [
         M(f(e.legend) + " ", 1),
-        e.requirementText ? (l(), n("span", ge, "(" + f(e.requirementText) + ")", 1)) : h("", !0)
-      ], 8, ye),
-      e.helpText ? (l(), n("span", Ve, f(e.helpText), 1)) : h("", !0),
-      d("div", ke, [
+        e.requirementText ? (l(), n("span", ye, "(" + f(e.requirementText) + ")", 1)) : h("", !0)
+      ], 8, $e),
+      e.helpText ? (l(), n("span", ge, f(e.helpText), 1)) : h("", !0),
+      d("div", Ve, [
         g(e.$slots, "default", {}, void 0, !0)
       ]),
       (e.isValid || e.isInvalid) && e.message ? (l(), n("span", {
@@ -395,7 +379,7 @@ const U = /* @__PURE__ */ y({
       }, f(e.message), 3)) : h("", !0)
     ]));
   }
-}), as = /* @__PURE__ */ _(Ie, [["__scopeId", "data-v-fc0c08dc"]]), we = ["disabled", "type"], Be = { class: "mc-button__icon" }, Ce = /* @__PURE__ */ y({
+}), es = /* @__PURE__ */ _(ke, [["__scopeId", "data-v-fc0c08dc"]]), Ie = ["disabled", "type"], we = { class: "mc-button__icon" }, Be = /* @__PURE__ */ y({
   __name: "MIconButton",
   props: {
     appearance: { default: "standard" },
@@ -417,12 +401,28 @@ const U = /* @__PURE__ */ y({
       disabled: e.disabled,
       type: e.type
     }, [
-      d("span", Be, [
+      d("span", we, [
         g(e.$slots, "icon", {}, void 0, !0)
       ])
-    ], 10, we));
+    ], 10, Ie));
+  }
+}), as = /* @__PURE__ */ _(Be, [["__scopeId", "data-v-abf78562"]]), Ce = /* @__PURE__ */ y({
+  __name: "MNumberBadge",
+  props: {
+    label: {},
+    appearance: { default: "standard" },
+    size: { default: "s" }
+  },
+  setup(o) {
+    const a = o, t = v(() => ({
+      [`mc-number-badge--${a.appearance}`]: a.appearance && a.appearance != "standard",
+      [`mc-number-badge--${a.size}`]: a.size && a.size != "s"
+    }));
+    return (e, i) => (l(), n("span", {
+      class: $(["mc-number-badge", t.value])
+    }, f(e.label), 3));
   }
-}), ss = /* @__PURE__ */ _(Ce, [["__scopeId", "data-v-abf78562"]]), Me = ["aria-labelledby"], ze = /* @__PURE__ */ y({
+}), ss = /* @__PURE__ */ _(Ce, [["__scopeId", "data-v-7e6acb92"]]), Me = ["aria-labelledby"], ze = /* @__PURE__ */ y({
   __name: "MOverlay",
   props: {
     isVisible: { type: Boolean },
@@ -520,7 +520,7 @@ const q = /* @__PURE__ */ _(Le, [["render", Oe]]), je = ["id", "type", "name", "
           d("span", qe, f(b.clearLabel), 1)
         ])
       ])) : h("", !0),
-      V(ne, {
+      V(le, {
         ref: "button",
         role: "switch",
         "aria-checked": c.value,
@@ -547,12 +547,12 @@ const q = /* @__PURE__ */ _(Le, [["render", Oe]]), je = ["id", "type", "name", "
       default: "currentColor"
     }
   }
-}, Ge = {
+}, Ne = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function Ue(o, a, t, e, i, s) {
-  return l(), n("svg", Ge, a[0] || (a[0] = [
+function Ge(o, a, t, e, i, s) {
+  return l(), n("svg", Ne, a[0] || (a[0] = [
     d("g", { "clip-path": "url(#a)" }, [
       d("path", {
         "fill-rule": "evenodd",
@@ -570,7 +570,7 @@ function Ue(o, a, t, e, i, s) {
     ], -1)
   ]));
 }
-const De = /* @__PURE__ */ _(Pe, [["render", Ue]]), Fe = {
+const Ue = /* @__PURE__ */ _(Pe, [["render", Ge]]), De = {
   name: "Less24",
   props: {
     /**
@@ -581,12 +581,12 @@ const De = /* @__PURE__ */ _(Pe, [["render", Ue]]), Fe = {
       default: "currentColor"
     }
   }
-}, Ne = {
+}, Fe = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
 function Re(o, a, t, e, i, s) {
-  return l(), n("svg", Ne, a[0] || (a[0] = [
+  return l(), n("svg", Fe, a[0] || (a[0] = [
     d("g", { "clip-path": "url(#a)" }, [
       d("path", {
         "fill-rule": "evenodd",
@@ -604,7 +604,7 @@ function Re(o, a, t, e, i, s) {
     ], -1)
   ]));
 }
-const Ae = /* @__PURE__ */ _(Fe, [["render", Re]]), He = ["id", "name", "disabled", "min", "max", "step", "readonly", "aria-invalid", "aria-valuemin", "aria-valuemax", "aria-valuenow"], Ee = ["aria-controls", "disabled"], Qe = { class: "mc-quantity-selector__icon" }, We = { class: "mc-quantity-selector__label" }, Je = ["aria-controls", "disabled"], Ke = { class: "mc-quantity-selector__icon" }, Xe = { class: "mc-quantity-selector__label" }, Ye = /* @__PURE__ */ y({
+const Ae = /* @__PURE__ */ _(De, [["render", Re]]), He = ["id", "name", "disabled", "min", "max", "step", "readonly", "aria-invalid", "aria-valuemin", "aria-valuemax", "aria-valuenow"], Ee = ["aria-controls", "disabled"], Qe = { class: "mc-quantity-selector__icon" }, We = { class: "mc-quantity-selector__label" }, Je = ["aria-controls", "disabled"], Ke = { class: "mc-quantity-selector__icon" }, Xe = { class: "mc-quantity-selector__label" }, Ye = /* @__PURE__ */ y({
   __name: "MQuantitySelector",
   props: {
     id: {},
@@ -657,7 +657,7 @@ const Ae = /* @__PURE__ */ _(Fe, [["render", Re]]), He = ["id", "name", "disable
       }, c.$attrs, {
         onChange: m[1] || (m[1] = (b) => r(Number(b.target.value)))
       }), null, 16, He), [
-        [G, e.value]
+        [N, e.value]
       ]),
       c.readonly ? h("", !0) : (l(), n("button", {
         key: 0,
@@ -669,7 +669,7 @@ const Ae = /* @__PURE__ */ _(Fe, [["render", Re]]), He = ["id", "name", "disable
         onClick: s
       }, [
         d("span", Qe, [
-          V(De)
+          V(Ue)
         ]),
         d("span", We, f(c.incrementlabel), 1)
       ], 8, Ee)),
@@ -791,9 +791,8 @@ const Ae = /* @__PURE__ */ _(Fe, [["render", Re]]), He = ["id", "name", "disable
       s.placeholder ? (l(), n("option", oa, " -- " + f(s.placeholder) + " -- ", 1)) : h("", !0),
       (l(!0), n(B, null, C(s.options, (r, p) => (l(), n("option", k({
         key: p,
-        value: r.value,
-        ref_for: !0
-      }, r.attributes, {
+        value: r.value
+      }, { ref_for: !0 }, r.attributes, {
         disabled: r.disabled
       }), f(r.text), 17, ia))), 128))
     ], 16, na));
@@ -1012,7 +1011,7 @@ const Oa = /* @__PURE__ */ _(za, [["render", Sa]]), ja = { class: "mc-status-not
       ])) : h("", !0)
     ], 2));
   }
-}), rs = /* @__PURE__ */ _(Pa, [["__scopeId", "data-v-d6e3be16"]]), Ga = ["id", "aria-invalid", "value", "name", "placeholder", "disabled", "minlength", "maxlength", "rows", "readonly"], Ua = /* @__PURE__ */ y({
+}), rs = /* @__PURE__ */ _(Pa, [["__scopeId", "data-v-d6e3be16"]]), Na = ["id", "aria-invalid", "value", "name", "placeholder", "disabled", "minlength", "maxlength", "rows", "readonly"], Ga = /* @__PURE__ */ y({
   __name: "MTextArea",
   props: {
     id: {},
@@ -1045,12 +1044,12 @@ const Oa = /* @__PURE__ */ _(za, [["render", Sa]]), ja = { class: "mc-status-not
       readonly: s.readonly
     }, s.$attrs, {
       onInput: u[0] || (u[0] = (r) => i("update:modelValue", r.target.value))
-    }), null, 16, Ga));
+    }), null, 16, Na));
   }
-}), cs = /* @__PURE__ */ _(Ua, [["__scopeId", "data-v-8184b69c"]]), Da = {
+}), cs = /* @__PURE__ */ _(Ga, [["__scopeId", "data-v-8184b69c"]]), Ua = {
   key: 0,
   class: "mc-text-input__icon"
-}, Fa = ["id", "value", "type", "name", "placeholder", "disabled", "aria-invalid", "readonly"], Na = {
+}, Da = ["id", "value", "type", "name", "placeholder", "disabled", "aria-invalid", "readonly"], Fa = {
   key: 1,
   class: "mc-controls-options"
 }, Ra = /* @__PURE__ */ y({
@@ -1079,7 +1078,7 @@ const Oa = /* @__PURE__ */ _(za, [["render", Sa]]), ja = { class: "mc-status-not
     return (r, p) => (l(), n("div", {
       class: $(["mc-text-input", e.value])
     }, [
-      r.$slots.icon ? (l(), n("span", Da, [
+      r.$slots.icon ? (l(), n("span", Ua, [
         g(r.$slots, "icon", {}, void 0, !0)
       ])) : h("", !0),
       d("input", k({
@@ -1094,8 +1093,8 @@ const Oa = /* @__PURE__ */ _(za, [["render", Sa]]), ja = { class: "mc-status-not
         readonly: r.readonly
       }, r.$attrs, {
         onInput: p[0] || (p[0] = (c) => u("update:modelValue", c.target.value))
-      }), null, 16, Fa),
-      r.isClearable && i.value ? (l(), n("div", Na, [
+      }), null, 16, Da),
+      r.isClearable && i.value ? (l(), n("div", Fa, [
         d("button", {
           type: "button",
           class: "mc-controls-options__button",
@@ -1194,16 +1193,16 @@ const Oa = /* @__PURE__ */ _(za, [["render", Sa]]), ja = { class: "mc-status-not
   }
 }), ps = /* @__PURE__ */ _(Ja, [["__scopeId", "data-v-c6b10172"]]);
 export {
-  Xa as MBadge,
-  Ya as MBreadcrumb,
-  ne as MButton,
-  ce as MCheckbox,
-  xa as MCheckboxGroup,
-  es as MField,
-  as as MFieldGroup,
-  ss as MIconButton,
-  A as MLink,
-  Y as MLoader,
+  Xa as MBreadcrumb,
+  le as MButton,
+  re as MCheckbox,
+  Ya as MCheckboxGroup,
+  xa as MField,
+  es as MFieldGroup,
+  as as MIconButton,
+  R as MLink,
+  X as MLoader,
+  ss as MNumberBadge,
   ts as MOverlay,
   ls as MPasswordInput,
   ns as MQuantitySelector,