@mureka-fe/ui 2.0.0 → 3.0.0

package/dist/ui.js

@@ -1,5 +1,154 @@
-import { defineComponent as I, useSlots as X, useAttrs as D, computed as o, openBlock as v, createElementBlock as p, normalizeClass as te, normalizeStyle as fe, createElementVNode as h, renderSlot as w, createCommentVNode as S, reactive as Ve, h as ve, createVNode as Me, TransitionGroup as Be, withCtx as W, Fragment as Se, renderList as Ne, createBlock as U, resolveDynamicComponent as ze, unref as L, toDisplayString as A, onMounted as ae, onBeforeUnmount as se, watch as ne, Teleport as Ie, mergeProps as R, createTextVNode as j, ref as z, createApp as Pe, inject as me, nextTick as K, provide as he } from "vue";
-function oe(e = {}) {
+import { defineComponent as H, computed as n, openBlock as v, createElementBlock as h, normalizeClass as K, Fragment as Y, createElementVNode as f, createCommentVNode as T, renderSlot as C, createTextVNode as D, toDisplayString as I, useSlots as X, useAttrs as R, normalizeStyle as ve, reactive as Se, h as me, createVNode as Le, TransitionGroup as Pe, withCtx as ee, renderList as He, createBlock as Z, resolveDynamicComponent as Ne, unref as z, onMounted as se, onBeforeUnmount as ne, watch as oe, Teleport as Ie, mergeProps as A, ref as P, createApp as ze, inject as he, nextTick as q, provide as pe } from "vue";
+const Oe = [
+  "new",
+  "new-mini",
+  "premier",
+  "pro",
+  "beta",
+  "free",
+  "studio",
+  "upload",
+  "publish",
+  "published",
+  "details",
+  "bpm"
+], Ae = ["outline", "solid", "soft"], Re = {
+  new: { isSvgPreset: !0 },
+  "new-mini": { isSvgPreset: !0 },
+  premier: { defaultContent: "Premier" },
+  pro: { defaultContent: "Pro" },
+  beta: { defaultContent: "Beta" },
+  free: { defaultContent: "1 Free" },
+  studio: { defaultContent: "Studio" },
+  upload: { defaultContent: "Upload" },
+  publish: { defaultContent: "Publish" },
+  published: { defaultContent: "Published" },
+  details: { defaultContent: "Details" },
+  bpm: { defaultContent: "62 BPM" }
+};
+function ge(e, t) {
+  return typeof t == "string" && e.includes(t);
+}
+function De(e) {
+  return ge(Ae, e);
+}
+function Ee(e) {
+  return ge(Oe, e);
+}
+function be(e = {}) {
+  if (Ee(e.preset)) {
+    const t = Re[e.preset];
+    return {
+      preset: e.preset,
+      defaultContent: t.defaultContent,
+      isSvgPreset: t.isSvgPreset ?? !1
+    };
+  }
+  return {
+    variant: De(e.variant) ? e.variant : "outline",
+    paid: e.paid ?? !1,
+    isSvgPreset: !1
+  };
+}
+function Ge(e = {}) {
+  const t = be(e), a = ["mu-badge"];
+  return t.preset ? (a.push(`mu-badge--preset-${t.preset}`), t.isSvgPreset && a.push("mu-badge--svg"), t.preset === "details" && a.push("mu-badge--with-default-icon"), a) : (a.push(`mu-badge--variant-${t.variant}`, t.paid ? "is-paid" : "is-free"), a);
+}
+const Ue = ["role", "aria-label"], Ze = {
+  key: 0,
+  "data-test": "new-wordmark",
+  class: "mu-badge__new-wordmark",
+  viewBox: "0 0 20 8",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  "aria-hidden": "true"
+}, je = {
+  key: 1,
+  "data-test": "new-mini-wordmark",
+  class: "mu-badge__new-wordmark",
+  viewBox: "0 0 15 6",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  "aria-hidden": "true"
+}, Fe = {
+  key: 0,
+  class: "mu-badge__prefix",
+  "aria-hidden": "true"
+}, qe = { class: "mu-badge__content" }, Ke = /* @__PURE__ */ H({
+  __name: "Badge",
+  props: {
+    variant: {},
+    paid: { type: Boolean },
+    preset: {}
+  },
+  setup(e) {
+    const t = e, a = n(() => be(t)), o = n(() => Ge(t)), r = n(() => a.value.isSvgPreset ? "img" : void 0), s = n(() => a.value.isSvgPreset ? "NEW" : void 0), l = n(() => a.value.preset === "details");
+    return (d, i) => (v(), h("span", {
+      class: K(o.value),
+      role: r.value,
+      "aria-label": s.value
+    }, [
+      a.value.isSvgPreset ? (v(), h(Y, { key: 0 }, [
+        a.value.preset === "new" ? (v(), h("svg", Ze, [...i[0] || (i[0] = [
+          f("path", {
+            d: "M0 8V0H1.49679L3.84103 6.65205C3.82636 6.44018 3.80802 6.18813 3.78601 5.89589C3.76399 5.60365 3.74565 5.30046 3.73098 4.9863C3.72364 4.67215 3.71997 4.38721 3.71997 4.13151V0H4.82055V8H3.32376L0.990525 1.34794C1.0052 1.5379 1.01987 1.77534 1.03455 2.06027C1.05656 2.34521 1.07123 2.6411 1.07857 2.94795C1.09325 3.25479 1.10058 3.53973 1.10058 3.80274V8H0Z",
+            fill: "currentColor"
+          }, null, -1),
+          f("path", {
+            d: "M7.40262 8V0H12.1241V1.05205H8.56924V3.32055H11.7389V4.36164H8.56924V6.94795H12.1241V8H7.40262Z",
+            fill: "currentColor"
+          }, null, -1),
+          f("path", {
+            d: "M14.7282 8L13.8587 0H14.9263L15.4656 5.74247C15.4803 5.88858 15.4913 6.04932 15.4986 6.22466C15.5133 6.4 15.5243 6.57169 15.5316 6.73973C15.5463 6.90776 15.5536 7.05388 15.5536 7.17808C15.5683 7.05388 15.583 6.90776 15.5977 6.73973C15.6123 6.57169 15.627 6.4 15.6417 6.22466C15.6637 6.04932 15.6857 5.88858 15.7077 5.74247L16.4011 0H17.5017L18.151 5.74247C18.1657 5.88858 18.1804 6.04932 18.195 6.22466C18.2171 6.4 18.2391 6.57169 18.2611 6.73973C18.2831 6.90776 18.2978 7.05388 18.3051 7.17808C18.3124 7.05388 18.3198 6.90776 18.3271 6.73973C18.3418 6.57169 18.3565 6.4 18.3711 6.22466C18.3858 6.04932 18.4005 5.88858 18.4152 5.74247L18.9655 0H20L19.0975 8H17.7218L17.0724 2.18082C17.0578 2.0274 17.0431 1.86667 17.0284 1.69863C17.0138 1.52329 16.9991 1.35525 16.9844 1.19452C16.9697 1.02648 16.9551 0.887671 16.9404 0.778082C16.933 0.887671 16.922 1.02648 16.9074 1.19452C16.8927 1.35525 16.878 1.52329 16.8633 1.69863C16.8487 1.86667 16.8303 2.0274 16.8083 2.18082L16.1149 8H14.7282Z",
+            fill: "currentColor"
+          }, null, -1)
+        ])])) : a.value.preset === "new-mini" ? (v(), h("svg", je, [...i[1] || (i[1] = [
+          f("path", {
+            d: "M0 6V0H1.12259L2.88078 4.98904C2.86977 4.83014 2.85601 4.6411 2.8395 4.42192C2.823 4.20274 2.80924 3.97534 2.79823 3.73973C2.79273 3.50411 2.78998 3.29041 2.78998 3.09863V0H3.61542V6H2.49282L0.742893 1.01096C0.753899 1.15342 0.764905 1.33151 0.775911 1.54521C0.79242 1.7589 0.803426 1.98082 0.808928 2.21096C0.819934 2.4411 0.825437 2.65479 0.825437 2.85205V6H0Z",
+            fill: "currentColor"
+          }, null, -1),
+          f("path", {
+            d: "M5.55197 6V0H9.09309V0.789041H6.42693V2.49041H8.80419V3.27123H6.42693V5.21096H9.09309V6H5.55197Z",
+            fill: "currentColor"
+          }, null, -1),
+          f("path", {
+            d: "M11.0462 6L10.3941 0H11.1947L11.5992 4.30685C11.6102 4.41644 11.6185 4.53699 11.624 4.66849C11.635 4.8 11.6432 4.92877 11.6487 5.05479C11.6597 5.18082 11.6652 5.29041 11.6652 5.38356C11.6762 5.29041 11.6872 5.18082 11.6982 5.05479C11.7093 4.92877 11.7203 4.8 11.7313 4.66849C11.7478 4.53699 11.7643 4.41644 11.7808 4.30685L12.3008 0H13.1263L13.6133 4.30685C13.6243 4.41644 13.6353 4.53699 13.6463 4.66849C13.6628 4.8 13.6793 4.92877 13.6958 5.05479C13.7123 5.18082 13.7233 5.29041 13.7288 5.38356C13.7343 5.29041 13.7398 5.18082 13.7453 5.05479C13.7563 4.92877 13.7673 4.8 13.7784 4.66849C13.7894 4.53699 13.8004 4.41644 13.8114 4.30685L14.2241 0H15L14.3231 6H13.2913L12.8043 1.63562C12.7933 1.52055 12.7823 1.4 12.7713 1.27397C12.7603 1.14247 12.7493 1.01644 12.7383 0.89589C12.7273 0.769863 12.7163 0.665753 12.7053 0.583561C12.6998 0.665753 12.6915 0.769863 12.6805 0.89589C12.6695 1.01644 12.6585 1.14247 12.6475 1.27397C12.6365 1.4 12.6227 1.52055 12.6062 1.63562L12.0862 6H11.0462Z",
+            fill: "currentColor"
+          }, null, -1)
+        ])])) : T("", !0)
+      ], 64)) : (v(), h(Y, { key: 1 }, [
+        l.value ? (v(), h("span", Fe, [...i[2] || (i[2] = [
+          f("svg", {
+            "data-test": "details-icon",
+            viewBox: "0 0 12 12",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            "aria-hidden": "true"
+          }, [
+            f("path", {
+              d: "M1.5 3.5V2.5C1.5 2.23478 1.60536 1.98043 1.79289 1.79289C1.98043 1.60536 2.23478 1.5 2.5 1.5H3.5M8.5 1.5H9.5C9.76522 1.5 10.0196 1.60536 10.2071 1.79289C10.3946 1.98043 10.5 2.23478 10.5 2.5V3.5M10.5 8.5V9.5C10.5 9.76522 10.3946 10.0196 10.2071 10.2071C10.0196 10.3946 9.76522 10.5 9.5 10.5H8.5M3.5 10.5H2.5C2.23478 10.5 1.98043 10.3946 1.79289 10.2071C1.60536 10.0196 1.5 9.76522 1.5 9.5V8.5M3.5 4H7.5M3.5 6H8.5M3.5 8H6.5",
+              stroke: "currentColor",
+              "stroke-opacity": "0.9",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            })
+          ], -1)
+        ])])) : T("", !0),
+        f("span", qe, [
+          C(d.$slots, "default", {}, () => [
+            D(I(a.value.defaultContent), 1)
+          ], !0)
+        ])
+      ], 64))
+    ], 10, Ue));
+  }
+}), N = (e, t) => {
+  const a = e.__vccOpts || e;
+  for (const [o, r] of t)
+    a[o] = r;
+  return a;
+}, La = /* @__PURE__ */ N(Ke, [["__scopeId", "data-v-aa9886ca"]]);
+function le(e = {}) {
   return {
     type: e.type ?? "primary",
     status: e.status,
@@ -13,8 +162,8 @@ function oe(e = {}) {
     nativeType: e.nativeType ?? "button"
   };
 }
-function Le(e = {}) {
-  const t = oe(e), a = [
+function Xe(e = {}) {
+  const t = le(e), a = [
     "mu-button",
     `mu-button--${t.type}`,
     `mu-button--appearance-${t.appearance}`,
@@ -22,29 +171,29 @@ function Le(e = {}) {
   ];
   return t.type === "ghost" && t.ghostTextTone === "primary" && a.push(`mu-button--ghost-text-${t.ghostTextTone}`), t.shape === "pill" && a.push("mu-button--shape-pill"), t.status && a.push(`mu-button--status-${t.status}`), t.iconOnly && a.push("mu-button--icon-only"), t.disabled && a.push("is-disabled"), t.loading && a.push("is-loading"), a;
 }
-function Oe(e = {}) {
-  const t = oe(e);
+function We(e = {}) {
+  const t = le(e);
   return !t.disabled && !t.loading;
 }
-function Ae(e = {}) {
-  const t = e.iconOnly ?? !1, a = e.hasPrefix ?? !1, n = e.hasSuffix ?? !1, r = e.loading ?? !1, s = e.hasAriaLabel ?? !1;
+function Je(e = {}) {
+  const t = e.iconOnly ?? !1, a = e.hasPrefix ?? !1, o = e.hasSuffix ?? !1, r = e.loading ?? !1, s = e.hasAriaLabel ?? !1;
   return {
     showPrefixSlot: !t && !r && a,
-    showSuffixSlot: !t && n,
+    showSuffixSlot: !t && o,
     showLoadingIndicator: r,
     requiresAriaLabel: t && !s,
-    isInvalidIconOnlyCombination: t && (a || n)
+    isInvalidIconOnlyCombination: t && (a || o)
   };
 }
-const Re = ["type", "disabled", "aria-busy"], De = {
+const Qe = ["type", "disabled", "aria-busy"], Ye = {
   key: 0,
   class: "mu-button__prefix",
   "aria-hidden": "true"
-}, Ee = { class: "mu-button__content" }, He = {
+}, et = { class: "mu-button__content" }, tt = {
   key: 1,
   class: "mu-button__suffix",
   "aria-hidden": "true"
-}, Ge = /* @__PURE__ */ I({
+}, at = /* @__PURE__ */ H({
   __name: "Button",
   props: {
     type: { default: "primary" },
@@ -60,7 +209,7 @@ const Re = ["type", "disabled", "aria-busy"], De = {
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const a = e, n = t, r = X(), s = D(), l = {
+    const a = e, o = t, r = X(), s = R(), l = {
       small: {
         width: "var(--mu-button-icon-size-small)",
         height: "var(--mu-button-icon-size-small)"
@@ -73,8 +222,8 @@ const Re = ["type", "disabled", "aria-busy"], De = {
         width: "var(--mu-button-icon-size-large)",
         height: "var(--mu-button-icon-size-large)"
       }
-    }, d = o(() => oe(a)), u = o(() => Le(d.value)), i = o(() => l[d.value.size]), c = o(
-      () => Ae({
+    }, d = n(() => le(a)), i = n(() => Xe(d.value)), u = n(() => l[d.value.size]), c = n(
+      () => Je({
         iconOnly: d.value.iconOnly,
         hasPrefix: !!r.prefix,
         hasSuffix: !!r.suffix,
@@ -83,57 +232,52 @@ const Re = ["type", "disabled", "aria-busy"], De = {
         hasAriaLabel: typeof s["aria-label"] == "string" && s["aria-label"].trim().length > 0
       })
     );
-    function C(b) {
-      if (!Oe(d.value)) {
+    function w(b) {
+      if (!We(d.value)) {
         b.preventDefault(), b.stopPropagation();
         return;
       }
-      n("click", b);
+      o("click", b);
     }
-    return (b, k) => (v(), p("button", {
+    return (b, k) => (v(), h("button", {
       type: d.value.nativeType,
-      class: te(["mu-button", u.value]),
+      class: K(["mu-button", i.value]),
       disabled: d.value.disabled || d.value.loading,
       "aria-busy": d.value.loading ? "true" : void 0,
-      onClick: C
+      onClick: w
     }, [
-      c.value.showLoadingIndicator || c.value.showPrefixSlot ? (v(), p("span", De, [
-        c.value.showLoadingIndicator ? (v(), p("svg", {
+      c.value.showLoadingIndicator || c.value.showPrefixSlot ? (v(), h("span", Ye, [
+        c.value.showLoadingIndicator ? (v(), h("svg", {
           key: 0,
           class: "mu-button__loading-icon",
-          style: fe(i.value),
+          style: ve(u.value),
           viewBox: "0 0 24 24",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
         }, [...k[0] || (k[0] = [
-          h("path", {
+          f("path", {
             d: "M2.00293 12C2.00293 6.47853 6.47853 2.00293 12 2.00293C12.5509 2.00293 12.9971 2.4491 12.9971 3C12.9971 3.5509 12.5509 3.99707 12 3.99707C7.58034 3.99707 3.99707 7.58034 3.99707 12C3.99707 16.4197 7.58034 20.0029 12 20.0029C16.4197 20.0029 20.0029 16.4197 20.0029 12C20.0029 11.4491 20.4491 11.0029 21 11.0029C21.5509 11.0029 21.9971 11.4491 21.9971 12C21.9971 17.5215 17.5215 21.9971 12 21.9971C6.47853 21.9971 2.00293 17.5215 2.00293 12Z",
             fill: "currentColor"
           }, null, -1)
-        ])], 4)) : w(b.$slots, "prefix", { key: 1 }, void 0, !0)
-      ])) : S("", !0),
-      h("span", Ee, [
-        w(b.$slots, "default", {}, void 0, !0)
+        ])], 4)) : C(b.$slots, "prefix", { key: 1 }, void 0, !0)
+      ])) : T("", !0),
+      f("span", et, [
+        C(b.$slots, "default", {}, void 0, !0)
       ]),
-      c.value.showSuffixSlot ? (v(), p("span", He, [
-        w(b.$slots, "suffix", {}, void 0, !0)
-      ])) : S("", !0)
-    ], 10, Re));
+      c.value.showSuffixSlot ? (v(), h("span", tt, [
+        C(b.$slots, "suffix", {}, void 0, !0)
+      ])) : T("", !0)
+    ], 10, Qe));
   }
-}), P = (e, t) => {
-  const a = e.__vccOpts || e;
-  for (const [n, r] of t)
-    a[n] = r;
-  return a;
-}, de = /* @__PURE__ */ P(Ge, [["__scopeId", "data-v-42de128c"]]), Ue = 3e3, je = {
+}), fe = /* @__PURE__ */ N(at, [["__scopeId", "data-v-42de128c"]]), st = 3e3, nt = {
   close: () => {
   }
-}, F = Ve({
+}, j = Se({
   items: []
 });
-let Fe = 1;
+let ot = 1;
 const E = /* @__PURE__ */ new Map();
-function qe(e) {
+function lt(e) {
   return typeof e == "string" ? { title: e } : {
     title: e.title,
     description: e.description,
@@ -143,92 +287,92 @@ function qe(e) {
     icon: e.icon
   };
 }
-function le(e) {
+function ie(e) {
   return e.duration > 0;
 }
-function Ke(e) {
-  return F.items.findIndex((t) => t.id === e);
+function it(e) {
+  return j.items.findIndex((t) => t.id === e);
 }
-function ge(e) {
-  return F.items.find((t) => t.id === e);
+function ke(e) {
+  return j.items.find((t) => t.id === e);
 }
-function ie(e) {
+function ue(e) {
   const t = E.get(e);
   t && t.timer !== null && (globalThis.clearTimeout(t.timer), t.timer = null);
 }
-function ue(e) {
-  const t = Ke(e);
-  t < 0 || (ie(e), E.delete(e), F.items.splice(t, 1));
+function re(e) {
+  const t = it(e);
+  t < 0 || (ue(e), E.delete(e), j.items.splice(t, 1));
 }
-function pe(e, t) {
+function _e(e, t) {
   const a = E.get(e);
-  a && (ie(e), a.remainingDuration = t, a.deadline = Date.now() + t, a.isPaused = !1, a.timer = globalThis.setTimeout(() => {
-    ue(e);
+  a && (ue(e), a.remainingDuration = t, a.deadline = Date.now() + t, a.isPaused = !1, a.timer = globalThis.setTimeout(() => {
+    re(e);
   }, t));
 }
-function Xe(e, t) {
+function ut(e, t) {
   return {
-    id: Fe++,
+    id: ot++,
     type: e,
     title: t.title,
     description: t.description,
-    duration: t.duration ?? Ue,
+    duration: t.duration ?? st,
     closable: t.closable ?? !1,
     resetOnHover: t.resetOnHover ?? !1,
     icon: t.icon
   };
 }
-function Ze() {
+function rt() {
   return typeof globalThis.window < "u" && typeof globalThis.document < "u";
 }
-function Je(e, t) {
-  if (!Ze())
-    return je;
-  const a = qe(t), n = Xe(e, a);
-  return F.items.push(n), E.set(n.id, {
+function ct(e, t) {
+  if (!rt())
+    return nt;
+  const a = lt(t), o = ut(e, a);
+  return j.items.push(o), E.set(o.id, {
     timer: null,
     deadline: 0,
-    remainingDuration: n.duration,
+    remainingDuration: o.duration,
     isPaused: !1
-  }), le(n) && pe(n.id, n.duration), {
-    close: () => ue(n.id)
+  }), ie(o) && _e(o.id, o.duration), {
+    close: () => re(o.id)
   };
 }
-function G(e) {
-  return (t) => Je(e, t);
+function U(e) {
+  return (t) => ct(e, t);
 }
-const pa = {
-  success: G("success"),
-  warning: G("warning"),
-  loading: G("loading"),
-  error: G("error"),
-  danger: G("danger")
+const Pa = {
+  success: U("success"),
+  warning: U("warning"),
+  loading: U("loading"),
+  error: U("error"),
+  danger: U("danger")
 };
-function Qe(e) {
-  ue(e);
+function dt(e) {
+  re(e);
 }
-function We(e) {
-  const t = E.get(e), a = ge(e);
-  !t || !a || t.isPaused || !a.resetOnHover || !le(a) || (t.remainingDuration = Math.max(t.deadline - Date.now(), 0), ie(e), t.isPaused = !0);
+function ft(e) {
+  const t = E.get(e), a = ke(e);
+  !t || !a || t.isPaused || !a.resetOnHover || !ie(a) || (t.remainingDuration = Math.max(t.deadline - Date.now(), 0), ue(e), t.isPaused = !0);
 }
-function Ye(e) {
-  const t = E.get(e), a = ge(e);
-  !t || !a || !t.isPaused || !a.resetOnHover || !le(a) || pe(e, t.remainingDuration || a.duration);
+function vt(e) {
+  const t = E.get(e), a = ke(e);
+  !t || !a || !t.isPaused || !a.resetOnHover || !ie(a) || _e(e, t.remainingDuration || a.duration);
 }
-const et = {
+const mt = {
   class: "mu-message-list",
   "aria-live": "polite",
   "aria-atomic": "true"
-}, tt = ["onMouseenter", "onMouseleave"], at = {
+}, ht = ["onMouseenter", "onMouseleave"], pt = {
   class: "mu-message__icon",
   "aria-hidden": "true"
-}, st = { class: "mu-message__content" }, nt = { class: "mu-message__title" }, ot = {
+}, gt = { class: "mu-message__content" }, bt = { class: "mu-message__title" }, kt = {
   key: 0,
   class: "mu-message__description"
-}, lt = ["onClick"], it = /* @__PURE__ */ I({
+}, _t = ["onClick"], Ct = /* @__PURE__ */ H({
   __name: "MessageList",
   setup(e) {
-    const t = o(() => F.items), a = I({
+    const t = n(() => j.items), a = H({
       name: "MarkupIcon",
       props: {
         markup: {
@@ -236,24 +380,24 @@ const et = {
           required: !0
         }
       },
-      setup(u) {
-        return () => ve("span", { class: "mu-message__icon-markup", innerHTML: u.markup });
+      setup(i) {
+        return () => me("span", { class: "mu-message__icon-markup", innerHTML: i.markup });
       }
     });
-    function n(u) {
-      return typeof u != "string";
+    function o(i) {
+      return typeof i != "string";
     }
-    function r(u) {
-      We(u);
+    function r(i) {
+      ft(i);
     }
-    function s(u) {
-      Ye(u);
+    function s(i) {
+      vt(i);
     }
-    function l(u) {
-      if (!(u instanceof globalThis.HTMLElement))
+    function l(i) {
+      if (!(i instanceof globalThis.HTMLElement))
         return;
-      const i = u.getBoundingClientRect();
-      u.style.width = `${i.width}px`, u.style.height = `${i.height}px`;
+      const u = i.getBoundingClientRect();
+      i.style.width = `${u.width}px`, i.style.height = `${u.height}px`;
     }
     const d = {
       success: '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 6.5L9.5 17L4 11.5" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>',
@@ -262,58 +406,58 @@ const et = {
       error: '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="8" stroke="currentColor" stroke-width="2"/><path d="M12 9V12.5" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><circle cx="12" cy="15.5" r="1" fill="currentColor"/></svg>',
       danger: '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="8" stroke="currentColor" stroke-width="2"/><path d="M9 9L15 15" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M15 9L9 15" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>'
     };
-    return (u, i) => (v(), p("div", et, [
-      Me(Be, {
+    return (i, u) => (v(), h("div", mt, [
+      Le(Pe, {
         name: "mu-message-fade",
         tag: "div",
         class: "mu-message-list__stack",
         onBeforeLeave: l
       }, {
-        default: W(() => [
-          (v(!0), p(Se, null, Ne(t.value, (c) => (v(), p("div", {
+        default: ee(() => [
+          (v(!0), h(Y, null, He(t.value, (c) => (v(), h("div", {
             key: c.id,
-            class: te(["mu-message", [`mu-message--${c.type}`, { "mu-message--compact": !c.description }]]),
+            class: K(["mu-message", [`mu-message--${c.type}`, { "mu-message--compact": !c.description }]]),
             role: "status",
-            onMouseenter: (C) => r(c.id),
-            onMouseleave: (C) => s(c.id)
+            onMouseenter: (w) => r(c.id),
+            onMouseleave: (w) => s(c.id)
           }, [
-            h("span", at, [
-              c.icon && n(c.icon) ? (v(), U(ze(c.icon), { key: 0 })) : (v(), U(L(a), {
+            f("span", pt, [
+              c.icon && o(c.icon) ? (v(), Z(Ne(c.icon), { key: 0 })) : (v(), Z(z(a), {
                 key: 1,
                 markup: typeof c.icon == "string" ? c.icon : d[c.type]
               }, null, 8, ["markup"]))
             ]),
-            h("div", st, [
-              h("div", nt, A(c.title), 1),
-              c.description ? (v(), p("p", ot, A(c.description), 1)) : S("", !0)
+            f("div", gt, [
+              f("div", bt, I(c.title), 1),
+              c.description ? (v(), h("p", kt, I(c.description), 1)) : T("", !0)
             ]),
-            c.closable ? (v(), p("button", {
+            c.closable ? (v(), h("button", {
               key: 0,
               type: "button",
               class: "mu-message__close",
               "aria-label": "Close message",
-              onClick: (C) => L(Qe)(c.id)
-            }, [...i[0] || (i[0] = [
-              h("svg", {
+              onClick: (w) => z(dt)(c.id)
+            }, [...u[0] || (u[0] = [
+              f("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg"
               }, [
-                h("path", {
+                f("path", {
                   d: "M5 5L19 19M19 5L5 19",
                   stroke: "white",
                   "stroke-width": "1.8",
                   "stroke-linecap": "round"
                 })
               ], -1)
-            ])], 8, lt)) : S("", !0)
-          ], 42, tt))), 128))
+            ])], 8, _t)) : T("", !0)
+          ], 42, ht))), 128))
         ]),
         _: 1
       })
     ]));
   }
-}), ba = /* @__PURE__ */ P(it, [["__scopeId", "data-v-debf98d8"]]), ut = {
+}), Ha = /* @__PURE__ */ N(Ct, [["__scopeId", "data-v-debf98d8"]]), yt = {
   medium: {
     width: "548px",
     minHeight: "228px"
@@ -323,13 +467,13 @@ const et = {
     minHeight: "500px"
   }
 };
-function re(e = {}) {
-  const t = e.size ?? "medium", a = ut[t], n = e.variant ?? "form";
+function ce(e = {}) {
+  const t = e.size ?? "medium", a = yt[t], o = e.variant ?? "form";
   return {
     visible: e.visible ?? !1,
     title: e.title ?? "",
     status: e.status ?? "default",
-    variant: n,
+    variant: o,
     size: t,
     width: e.width ?? a.width,
     minHeight: a.minHeight,
@@ -339,13 +483,13 @@ function re(e = {}) {
     okText: e.okText ?? "Confirm",
     cancelText: e.cancelText ?? "Cancel",
     // feedback 形态默认隐藏 cancel；显式传值仍优先
-    hideCancel: e.hideCancel ?? n === "feedback",
+    hideCancel: e.hideCancel ?? o === "feedback",
     hideOk: e.hideOk ?? !1,
     okLoading: e.okLoading ?? !1
   };
 }
-function rt(e = {}) {
-  const t = re(e), a = [
+function wt(e = {}) {
+  const t = ce(e), a = [
     "mu-modal",
     `mu-modal--${t.size}`,
     `mu-modal--${t.status}`,
@@ -353,8 +497,8 @@ function rt(e = {}) {
   ];
   return t.variant === "feedback" && a.push("mu-modal--feedback"), a;
 }
-function ct(e = {}) {
-  const t = re(e);
+function Vt(e = {}) {
+  const t = ce(e);
   return t.variant === "feedback" ? {
     type: "secondary",
     status: t.status === "default" ? void 0 : t.status
@@ -365,13 +509,13 @@ function ct(e = {}) {
     type: "primary"
   };
 }
-const dt = {
+const xt = {
   key: 0,
   class: "mu-modal-root"
-}, ft = { class: "mu-modal__header" }, vt = ["data-status"], mt = { class: "mu-modal__body" }, ht = {
+}, Tt = { class: "mu-modal__header" }, $t = ["data-status"], Mt = { class: "mu-modal__body" }, Bt = {
   key: 0,
   class: "mu-modal__footer"
-}, gt = /* @__PURE__ */ I({
+}, St = /* @__PURE__ */ H({
   inheritAttrs: !1,
   __name: "Modal",
   props: {
@@ -392,92 +536,92 @@ const dt = {
   },
   emits: ["update:visible", "ok", "cancel", "close"],
   setup(e, { emit: t }) {
-    const a = e, n = t, r = D(), s = o(() => re(a)), l = o(() => [rt(a), r.class]), d = o(() => {
-      const { class: f, style: T, ...M } = r;
-      return M;
-    }), u = o(() => ct(a)), i = o(
+    const a = e, o = t, r = R(), s = n(() => ce(a)), l = n(() => [wt(a), r.class]), d = n(() => {
+      const { class: m, style: V, ...B } = r;
+      return B;
+    }), i = n(() => Vt(a)), u = n(
       () => s.value.variant === "feedback" && s.value.hideCancel
-    ), c = o(() => [
+    ), c = n(() => [
       {
         width: s.value.width,
         minHeight: s.value.minHeight
       },
       r.style
-    ]), C = `mu-modal-title-${Math.random().toString(36).slice(2, 10)}`, k = typeof globalThis.document < "u" ? globalThis.document : null;
+    ]), w = `mu-modal-title-${Math.random().toString(36).slice(2, 10)}`, k = typeof globalThis.document < "u" ? globalThis.document : null;
     function $() {
-      n("update:visible", !1);
+      o("update:visible", !1);
     }
-    function _() {
-      s.value.maskClosable && ($(), n("cancel", new globalThis.MouseEvent("click")));
+    function y() {
+      s.value.maskClosable && ($(), o("cancel", new globalThis.MouseEvent("click")));
     }
     function g() {
-      $(), n("close");
+      $(), o("close");
     }
-    function V(f) {
-      n("cancel", f), $();
+    function M(m) {
+      o("cancel", m), $();
     }
-    function N(f) {
-      n("ok", f);
+    function L(m) {
+      o("ok", m);
     }
-    function O(f) {
-      f.key !== "Escape" || !s.value.visible || !s.value.escToClose || ($(), n("close"));
+    function O(m) {
+      m.key !== "Escape" || !s.value.visible || !s.value.escToClose || ($(), o("close"));
     }
-    return ae(() => {
+    return se(() => {
       k && k.addEventListener("keydown", O);
-    }), se(() => {
+    }), ne(() => {
       k && (k.removeEventListener("keydown", O), k.body.style.overflow = "");
-    }), ne(
+    }), oe(
       () => s.value.visible,
-      (f) => {
-        k && (k.body.style.overflow = f ? "hidden" : "");
+      (m) => {
+        k && (k.body.style.overflow = m ? "hidden" : "");
       },
       { immediate: !0 }
-    ), (f, T) => (v(), U(Ie, { to: "body" }, [
-      s.value.visible ? (v(), p("div", dt, [
-        h("div", {
+    ), (m, V) => (v(), Z(Ie, { to: "body" }, [
+      s.value.visible ? (v(), h("div", xt, [
+        f("div", {
           class: "mu-modal__mask",
-          onClick: _
+          onClick: y
         }),
-        h("div", R(d.value, {
+        f("div", A(d.value, {
           class: l.value,
           style: c.value,
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": C
+          "aria-labelledby": w
         }), [
-          h("header", ft, [
-            h("div", {
-              id: C,
+          f("header", Tt, [
+            f("div", {
+              id: w,
               class: "mu-modal__title",
               "data-status": s.value.status
             }, [
-              w(f.$slots, "title", {}, () => [
-                j(A(s.value.title), 1)
+              C(m.$slots, "title", {}, () => [
+                D(I(s.value.title), 1)
               ], !0)
-            ], 8, vt),
-            s.value.closable ? (v(), p("button", {
+            ], 8, $t),
+            s.value.closable ? (v(), h("button", {
               key: 0,
               type: "button",
               class: "mu-modal__close",
               "aria-label": "Close dialog",
               onClick: g
-            }, [...T[0] || (T[0] = [
-              h("span", {
+            }, [...V[0] || (V[0] = [
+              f("span", {
                 class: "mu-modal__close-icon",
                 "aria-hidden": "true"
               }, [
-                h("svg", {
+                f("svg", {
                   viewBox: "0 0 20 20",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg"
                 }, [
-                  h("path", {
+                  f("path", {
                     d: "M5 5L15 15",
                     stroke: "currentColor",
                     "stroke-width": "1.8",
                     "stroke-linecap": "round"
                   }),
-                  h("path", {
+                  f("path", {
                     d: "M15 5L5 15",
                     stroke: "currentColor",
                     "stroke-width": "1.8",
@@ -485,64 +629,64 @@ const dt = {
                   })
                 ])
               ], -1)
-            ])])) : S("", !0)
+            ])])) : T("", !0)
           ]),
-          h("div", mt, [
-            w(f.$slots, "default", {}, void 0, !0)
+          f("div", Mt, [
+            C(m.$slots, "default", {}, void 0, !0)
           ]),
-          f.$slots.footer || !s.value.hideOk || !s.value.hideCancel ? (v(), p("footer", ht, [
-            w(f.$slots, "footer", {}, () => [
-              s.value.hideCancel ? S("", !0) : (v(), U(L(de), {
+          m.$slots.footer || !s.value.hideOk || !s.value.hideCancel ? (v(), h("footer", Bt, [
+            C(m.$slots, "footer", {}, () => [
+              s.value.hideCancel ? T("", !0) : (v(), Z(z(fe), {
                 key: 0,
                 type: "ghost",
                 class: "mu-modal__cancel",
-                onClick: V
+                onClick: M
               }, {
-                default: W(() => [
-                  j(A(s.value.cancelText), 1)
+                default: ee(() => [
+                  D(I(s.value.cancelText), 1)
                 ]),
                 _: 1
               })),
-              s.value.hideOk ? S("", !0) : (v(), U(L(de), R({ key: 1 }, u.value, {
+              s.value.hideOk ? T("", !0) : (v(), Z(z(fe), A({ key: 1 }, i.value, {
                 loading: s.value.okLoading,
-                class: ["mu-modal__ok", { "mu-modal__ok--block": i.value }],
-                onClick: N
+                class: ["mu-modal__ok", { "mu-modal__ok--block": u.value }],
+                onClick: L
               }), {
-                default: W(() => [
-                  j(A(s.value.okText), 1)
+                default: ee(() => [
+                  D(I(s.value.okText), 1)
                 ]),
                 _: 1
               }, 16, ["loading", "class"]))
             ], !0)
-          ])) : S("", !0)
+          ])) : T("", !0)
         ], 16)
-      ])) : S("", !0)
+      ])) : T("", !0)
     ]));
   }
-}), pt = /* @__PURE__ */ P(gt, [["__scopeId", "data-v-e94991b0"]]);
-function bt(e) {
+}), Lt = /* @__PURE__ */ N(St, [["__scopeId", "data-v-e94991b0"]]);
+function Pt(e) {
   return e === void 0 ? null : typeof e == "function" ? e() : e;
 }
-function q(e = {}) {
+function F(e = {}) {
   return typeof globalThis.document > "u" ? Promise.resolve(!1) : new Promise((t) => {
     const a = globalThis.document.createElement("div");
     globalThis.document.body.appendChild(a);
-    const n = z(!0);
+    const o = P(!0);
     let r = null, s = !1;
     const l = () => {
       r && (r.unmount(), r = null), a.parentNode && a.parentNode.removeChild(a);
     }, d = (c) => {
-      s || (s = !0, n.value = !1, queueMicrotask(() => {
+      s || (s = !0, o.value = !1, queueMicrotask(() => {
         l(), t(c);
       }));
-    }, { content: u, ...i } = e;
-    r = Pe({
+    }, { content: i, ...u } = e;
+    r = ze({
       render() {
-        return ve(
-          pt,
+        return me(
+          Lt,
           {
-            ...i,
-            visible: n.value,
+            ...u,
+            visible: o.value,
             "onUpdate:visible": (c) => {
               c || d(!1);
             },
@@ -551,30 +695,30 @@ function q(e = {}) {
             onClose: () => d(!1)
           },
           {
-            default: () => bt(u)
+            default: () => Pt(i)
           }
         );
       }
     }), r.mount(a);
   });
 }
-const ka = {
+const Na = {
   /** 通用版本，透传所有 props，默认 variant='form'。 */
-  show: q,
+  show: F,
   /** 通用确认弹窗，等价于 show，使用 form 形态 + 自定义 status。 */
-  confirm: (e = {}) => q(e),
+  confirm: (e = {}) => F(e),
   /** 反馈形态 + status='success'。 */
-  success: (e = {}) => q({ ...e, variant: "feedback", status: "success" }),
+  success: (e = {}) => F({ ...e, variant: "feedback", status: "success" }),
   /** 反馈形态 + status='danger'。 */
-  danger: (e = {}) => q({ ...e, variant: "feedback", status: "danger" })
-}, be = Symbol("MuRadioGroup"), kt = ["horizontal", "vertical"];
-function yt(e, t) {
+  danger: (e = {}) => F({ ...e, variant: "feedback", status: "danger" })
+}, Ce = Symbol("MuRadioGroup"), Ht = ["horizontal", "vertical"];
+function Nt(e, t) {
   return typeof t == "string" && e.includes(t);
 }
-function _t(e) {
-  return yt(kt, e);
+function It(e) {
+  return Nt(Ht, e);
 }
-function ke(e = {}) {
+function ye(e = {}) {
   return {
     modelValue: e.modelValue,
     value: e.value ?? !0,
@@ -583,33 +727,33 @@ function ke(e = {}) {
     name: e.name
   };
 }
-function ye(e = {}) {
+function we(e = {}) {
   return {
     modelValue: e.modelValue,
     defaultValue: e.defaultValue,
     disabled: e.disabled ?? !1,
     name: e.name,
-    direction: _t(e.direction) ? e.direction : "horizontal"
+    direction: It(e.direction) ? e.direction : "horizontal"
   };
 }
-function wt(e = {}) {
+function zt(e = {}) {
   return e.modelValue !== void 0;
 }
-function Ct(e = {}) {
+function Ot(e = {}) {
   return e.modelValue !== void 0;
 }
-function Y(e, t) {
+function te(e, t) {
   return Object.is(e, t);
 }
-function Tt(e = {}, t = {}) {
-  const a = ke(e), n = ["mu-radio"];
-  return t.checked && n.push("is-checked"), (t.disabled || a.disabled) && n.push("is-disabled"), n;
+function At(e = {}, t = {}) {
+  const a = ye(e), o = ["mu-radio"];
+  return t.checked && o.push("is-checked"), (t.disabled || a.disabled) && o.push("is-disabled"), o;
 }
-function xt(e = {}) {
-  const t = ye(e), a = ["mu-radio-group", `mu-radio-group--${t.direction}`];
+function Rt(e = {}) {
+  const t = we(e), a = ["mu-radio-group", `mu-radio-group--${t.direction}`];
   return t.disabled && a.push("is-disabled"), a;
 }
-const $t = ["checked", "disabled", "name", "value"], Vt = { class: "mu-radio__label" }, Mt = /* @__PURE__ */ I({
+const Dt = ["checked", "disabled", "name", "value"], Et = { class: "mu-radio__label" }, Gt = /* @__PURE__ */ H({
   inheritAttrs: !1,
   __name: "Radio",
   props: {
@@ -621,68 +765,68 @@ const $t = ["checked", "disabled", "name", "value"], Vt = { class: "mu-radio__la
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(e, { emit: t }) {
-    const a = e, n = t, r = D(), s = me(be, null), l = o(() => ke(a)), d = o(() => wt(a)), u = z(l.value.defaultChecked), i = o(() => s ? Y(s.value.value, l.value.value) : d.value ? Y(l.value.modelValue, l.value.value) : u.value), c = o(
+    const a = e, o = t, r = R(), s = he(Ce, null), l = n(() => ye(a)), d = n(() => zt(a)), i = P(l.value.defaultChecked), u = n(() => s ? te(s.value.value, l.value.value) : d.value ? te(l.value.modelValue, l.value.value) : i.value), c = n(
       () => l.value.disabled || !!(s != null && s.disabled.value)
-    ), C = o(() => (s == null ? void 0 : s.name.value) ?? l.value.name), b = o(() => String(l.value.value)), k = o(() => [
-      Tt(a, {
-        checked: i.value,
+    ), w = n(() => (s == null ? void 0 : s.name.value) ?? l.value.name), b = n(() => String(l.value.value)), k = n(() => [
+      At(a, {
+        checked: u.value,
         disabled: c.value
       }),
       r.class
-    ]), $ = o(() => {
-      const { class: f, style: T, ...M } = r;
-      return M;
-    }), _ = o(() => r.style);
-    function g(f, T) {
-      d.value || (u.value = !0), n("update:modelValue", f), n("change", f, T);
+    ]), $ = n(() => {
+      const { class: m, style: V, ...B } = r;
+      return B;
+    }), y = n(() => r.style);
+    function g(m, V) {
+      d.value || (i.value = !0), o("update:modelValue", m), o("change", m, V);
     }
-    function V(f) {
+    function M(m) {
       if (c.value)
         return;
-      const T = l.value.value, M = f.target instanceof globalThis.HTMLInputElement ? f.target : null;
+      const V = l.value.value, B = m.target instanceof globalThis.HTMLInputElement ? m.target : null;
       if (s) {
-        s.select(T, f), K(() => {
-          M && (M.checked = i.value);
+        s.select(V, m), q(() => {
+          B && (B.checked = u.value);
         });
         return;
       }
-      g(T, f), K(() => {
-        M && (M.checked = i.value);
+      g(V, m), q(() => {
+        B && (B.checked = u.value);
       });
     }
-    function N(f) {
-      n("focus", f);
+    function L(m) {
+      o("focus", m);
     }
-    function O(f) {
-      n("blur", f);
+    function O(m) {
+      o("blur", m);
     }
-    return (f, T) => (v(), p("label", R($.value, {
+    return (m, V) => (v(), h("label", A($.value, {
       class: k.value,
-      style: _.value
+      style: y.value
     }), [
-      h("input", {
+      f("input", {
         class: "mu-radio__input",
         type: "radio",
-        checked: i.value,
+        checked: u.value,
         disabled: c.value,
-        name: C.value,
+        name: w.value,
         value: b.value,
-        onChange: V,
-        onFocus: N,
+        onChange: M,
+        onFocus: L,
         onBlur: O
-      }, null, 40, $t),
-      T[0] || (T[0] = h("span", {
+      }, null, 40, Dt),
+      V[0] || (V[0] = f("span", {
         class: "mu-radio__control",
         "aria-hidden": "true"
       }, [
-        h("span", { class: "mu-radio__dot" })
+        f("span", { class: "mu-radio__dot" })
       ], -1)),
-      h("span", Vt, [
-        w(f.$slots, "default", {}, void 0, !0)
+      f("span", Et, [
+        C(m.$slots, "default", {}, void 0, !0)
       ])
     ], 16));
   }
-}), ya = /* @__PURE__ */ P(Mt, [["__scopeId", "data-v-f1283749"]]), Bt = /* @__PURE__ */ I({
+}), Ia = /* @__PURE__ */ N(Gt, [["__scopeId", "data-v-f1283749"]]), Ut = /* @__PURE__ */ H({
   inheritAttrs: !1,
   __name: "RadioGroup",
   props: {
@@ -694,46 +838,46 @@ const $t = ["checked", "disabled", "name", "value"], Vt = { class: "mu-radio__la
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: t }) {
-    const a = e, n = t, r = D(), s = o(() => ye(a)), l = o(() => Ct(a)), d = z(s.value.defaultValue), u = o(
+    const a = e, o = t, r = R(), s = n(() => we(a)), l = n(() => Ot(a)), d = P(s.value.defaultValue), i = n(
       () => l.value ? s.value.modelValue : d.value
-    ), i = o(() => s.value.disabled), c = o(() => s.value.name), C = o(() => [xt(a), r.class]), b = o(() => {
-      const { class: _, style: g, ...V } = r;
-      return V;
-    }), k = o(() => r.style);
-    function $(_, g) {
-      s.value.disabled || Y(u.value, _) || (l.value || (d.value = _), n("update:modelValue", _), n("change", _, g));
+    ), u = n(() => s.value.disabled), c = n(() => s.value.name), w = n(() => [Rt(a), r.class]), b = n(() => {
+      const { class: y, style: g, ...M } = r;
+      return M;
+    }), k = n(() => r.style);
+    function $(y, g) {
+      s.value.disabled || te(i.value, y) || (l.value || (d.value = y), o("update:modelValue", y), o("change", y, g));
     }
-    return he(be, {
-      value: u,
-      disabled: i,
+    return pe(Ce, {
+      value: i,
+      disabled: u,
       name: c,
       select: $
-    }), (_, g) => (v(), p("div", R(b.value, {
+    }), (y, g) => (v(), h("div", A(b.value, {
       role: "radiogroup",
-      class: C.value,
+      class: w.value,
       style: k.value
     }), [
-      w(_.$slots, "default", {}, void 0, !0)
+      C(y.$slots, "default", {}, void 0, !0)
     ], 16));
   }
-}), _a = /* @__PURE__ */ P(Bt, [["__scopeId", "data-v-3879fec4"]]), St = ["circle", "round", "line"], Nt = ["small", "medium"];
-function _e(e, t) {
+}), za = /* @__PURE__ */ N(Ut, [["__scopeId", "data-v-3879fec4"]]), Zt = ["circle", "round", "line"], jt = ["small", "medium"];
+function Ve(e, t) {
   return typeof t == "string" && e.includes(t);
 }
-function zt(e) {
-  return _e(St, e);
+function Ft(e) {
+  return Ve(Zt, e);
 }
-function It(e) {
-  return _e(Nt, e);
+function qt(e) {
+  return Ve(jt, e);
 }
-function ee(e = {}) {
+function ae(e = {}) {
   return {
     modelValue: e.modelValue,
     defaultChecked: e.defaultChecked ?? !1,
     disabled: e.disabled ?? !1,
     loading: e.loading ?? !1,
-    type: zt(e.type) ? e.type : "circle",
-    size: It(e.size) ? e.size : "medium",
+    type: Ft(e.type) ? e.type : "circle",
+    size: qt(e.size) ? e.size : "medium",
     checkedValue: e.checkedValue ?? !0,
     uncheckedValue: e.uncheckedValue ?? !1,
     checkedColor: e.checkedColor,
@@ -743,35 +887,35 @@ function ee(e = {}) {
     uncheckedText: e.uncheckedText
   };
 }
-function Pt(e = {}) {
+function Kt(e = {}) {
   return e.modelValue !== void 0;
 }
-function we(e, t) {
+function xe(e, t) {
   return Object.is(e, t.checkedValue);
 }
-function Lt(e, t) {
-  return we(e, t) ? t.uncheckedValue : t.checkedValue;
+function Xt(e, t) {
+  return xe(e, t) ? t.uncheckedValue : t.checkedValue;
 }
-function Ot(e) {
+function Wt(e) {
   return e.type !== "line" && e.size !== "small";
 }
-function At(e = {}, t = {}) {
-  const a = ee(e), n = ["mu-switch", `mu-switch--${a.type}`, `mu-switch--${a.size}`];
-  return t.checked && n.push("is-checked"), a.disabled && n.push("is-disabled"), (a.loading || t.loading) && n.push("is-loading"), n;
+function Jt(e = {}, t = {}) {
+  const a = ae(e), o = ["mu-switch", `mu-switch--${a.type}`, `mu-switch--${a.size}`];
+  return t.checked && o.push("is-checked"), a.disabled && o.push("is-disabled"), (a.loading || t.loading) && o.push("is-loading"), o;
 }
-const Rt = ["aria-checked", "disabled"], Dt = {
+const Qt = ["aria-checked", "disabled"], Yt = {
   class: "mu-switch__thumb",
   "aria-hidden": "true"
-}, Et = {
+}, ea = {
   key: 0,
   class: "mu-switch__loading-icon",
   viewBox: "0 0 16 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ht = {
+}, ta = {
   key: 0,
   class: "mu-switch__label"
-}, Gt = /* @__PURE__ */ I({
+}, aa = /* @__PURE__ */ H({
   inheritAttrs: !1,
   __name: "Switch",
   props: {
@@ -791,136 +935,136 @@ const Rt = ["aria-checked", "disabled"], Dt = {
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(e, { emit: t }) {
-    const a = e, n = t, r = D(), s = X(), l = z(!1), d = ee(a), u = z(
+    const a = e, o = t, r = R(), s = X(), l = P(!1), d = ae(a), i = P(
       d.defaultChecked ? d.checkedValue : d.uncheckedValue
-    ), i = o(() => ee(a)), c = o(() => Pt(a)), C = o(
-      () => c.value ? i.value.modelValue : u.value
-    ), b = o(() => we(C.value, i.value)), k = o(() => i.value.loading || l.value), $ = o(() => Ot(i.value)), _ = o(() => $.value ? b.value ? !!(s.checked || i.value.checkedText) : !!(s.unchecked || i.value.uncheckedText) : !1), g = o(() => [
-      At(a, {
+    ), u = n(() => ae(a)), c = n(() => Kt(a)), w = n(
+      () => c.value ? u.value.modelValue : i.value
+    ), b = n(() => xe(w.value, u.value)), k = n(() => u.value.loading || l.value), $ = n(() => Wt(u.value)), y = n(() => $.value ? b.value ? !!(s.checked || u.value.checkedText) : !!(s.unchecked || u.value.uncheckedText) : !1), g = n(() => [
+      Jt(a, {
         checked: b.value,
         loading: l.value
       }),
       {
-        "has-label": _.value
+        "has-label": y.value
       },
       r.class
-    ]), V = o(() => {
-      const { class: m, style: x, type: y, ...B } = r;
-      return B;
-    }), N = o(() => {
-      const m = {};
-      return i.value.checkedColor && (m["--mu-switch-current-checked-bg"] = i.value.checkedColor, m["--mu-switch-current-checked-border"] = i.value.checkedColor, m["--mu-switch-current-checked-thumb"] = i.value.checkedColor, m["--mu-switch-current-checked-glow"] = `0 0 12px ${i.value.checkedColor}`), i.value.uncheckedColor && (m["--mu-switch-current-unchecked-bg"] = i.value.uncheckedColor), [m, r.style];
+    ]), M = n(() => {
+      const { class: p, style: x, type: _, ...S } = r;
+      return S;
+    }), L = n(() => {
+      const p = {};
+      return u.value.checkedColor && (p["--mu-switch-current-checked-bg"] = u.value.checkedColor, p["--mu-switch-current-checked-border"] = u.value.checkedColor, p["--mu-switch-current-checked-thumb"] = u.value.checkedColor, p["--mu-switch-current-checked-glow"] = `0 0 12px ${u.value.checkedColor}`), u.value.uncheckedColor && (p["--mu-switch-current-unchecked-bg"] = u.value.uncheckedColor), [p, r.style];
     });
     function O() {
     }
-    function f(m) {
-      const x = i.value.beforeChange;
+    function m(p) {
+      const x = u.value.beforeChange;
       if (!x)
         return !0;
       try {
-        const y = x(m);
-        return y instanceof Promise ? (l.value = !0, y.then((B) => B !== !1).catch(() => !1)) : y !== !1;
+        const _ = x(p);
+        return _ instanceof Promise ? (l.value = !0, _.then((S) => S !== !1).catch(() => !1)) : _ !== !1;
       } catch {
         return !1;
       }
     }
-    function T(m, x) {
-      c.value || (u.value = m), n("update:modelValue", m), n("change", m, x);
+    function V(p, x) {
+      c.value || (i.value = p), o("update:modelValue", p), o("change", p, x);
     }
-    function M(m) {
-      if (i.value.disabled || k.value)
+    function B(p) {
+      if (u.value.disabled || k.value)
         return;
-      const x = Lt(C.value, i.value), y = f(x);
-      if (y instanceof Promise) {
-        y.then((B) => {
-          B && T(x, m);
+      const x = Xt(w.value, u.value), _ = m(x);
+      if (_ instanceof Promise) {
+        _.then((S) => {
+          S && V(x, p);
         }).finally(() => {
           l.value = !1;
         });
         return;
       }
-      y && T(x, m);
+      _ && V(x, p);
     }
-    function H(m) {
-      n("focus", m);
+    function G(p) {
+      o("focus", p);
     }
-    function J(m) {
-      n("blur", m);
+    function J(p) {
+      o("blur", p);
     }
-    return (m, x) => (v(), p("button", R(V.value, {
+    return (p, x) => (v(), h("button", A(M.value, {
       type: "button",
       role: "switch",
       class: g.value,
-      style: N.value,
+      style: L.value,
       "aria-checked": b.value ? "true" : "false",
-      disabled: i.value.disabled || k.value,
-      onClick: M,
-      onFocus: H,
+      disabled: u.value.disabled || k.value,
+      onClick: B,
+      onFocus: G,
       onBlur: J
     }), [
-      x[1] || (x[1] = h("span", {
+      x[1] || (x[1] = f("span", {
         class: "mu-switch__line-track",
         "aria-hidden": "true"
       }, null, -1)),
-      h("span", Dt, [
-        k.value ? (v(), p("svg", Et, [...x[0] || (x[0] = [
-          h("path", {
+      f("span", Yt, [
+        k.value ? (v(), h("svg", ea, [...x[0] || (x[0] = [
+          f("path", {
             d: "M8 1.5C8.41421 1.5 8.75 1.83579 8.75 2.25C8.75 2.66421 8.41421 3 8 3C5.23858 3 3 5.23858 3 8C3 10.7614 5.23858 13 8 13C10.7614 13 13 10.7614 13 8C13 7.58579 13.3358 7.25 13.75 7.25C14.1642 7.25 14.5 7.58579 14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5Z",
             fill: "currentColor"
           }, null, -1)
-        ])])) : b.value ? w(m.$slots, "checked-icon", { key: 1 }, void 0, !0) : w(m.$slots, "unchecked-icon", { key: 2 }, void 0, !0)
+        ])])) : b.value ? C(p.$slots, "checked-icon", { key: 1 }, void 0, !0) : C(p.$slots, "unchecked-icon", { key: 2 }, void 0, !0)
       ]),
-      _.value ? (v(), p("span", Ht, [
-        b.value ? w(m.$slots, "checked", { key: 0 }, () => [
-          j(A(i.value.checkedText), 1)
-        ], !0) : w(m.$slots, "unchecked", { key: 1 }, () => [
-          j(A(i.value.uncheckedText), 1)
+      y.value ? (v(), h("span", ta, [
+        b.value ? C(p.$slots, "checked", { key: 0 }, () => [
+          D(I(u.value.checkedText), 1)
+        ], !0) : C(p.$slots, "unchecked", { key: 1 }, () => [
+          D(I(u.value.uncheckedText), 1)
         ], !0)
-      ])) : S("", !0)
-    ], 16, Rt));
+      ])) : T("", !0)
+    ], 16, Qt));
   }
-}), wa = /* @__PURE__ */ P(Gt, [["__scopeId", "data-v-8cfb8f2a"]]), Ce = Symbol("MuTabs"), Ut = ["line", "segment"], jt = ["small", "medium", "large"], Ft = ["white", "ghost"], qt = ["content", "equal"];
-function Z(e, t) {
+}), Oa = /* @__PURE__ */ N(aa, [["__scopeId", "data-v-8cfb8f2a"]]), Te = Symbol("MuTabs"), sa = ["line", "segment"], na = ["small", "medium", "large"], oa = ["white", "ghost"], la = ["content", "equal"];
+function W(e, t) {
   return typeof t == "string" && e.includes(t);
 }
-function Kt(e) {
-  return Z(Ut, e);
+function ia(e) {
+  return W(sa, e);
 }
-function Xt(e) {
-  return Z(jt, e);
+function ua(e) {
+  return W(na, e);
 }
-function Zt(e) {
-  return Z(Ft, e);
+function ra(e) {
+  return W(oa, e);
 }
-function Jt(e) {
-  return Z(qt, e);
+function ca(e) {
+  return W(la, e);
 }
-function Te(e = {}) {
-  const t = e, a = Kt(t.variant) ? t.variant : "line";
+function $e(e = {}) {
+  const t = e, a = ia(t.variant) ? t.variant : "line";
   return {
     modelValue: e.modelValue,
     defaultValue: e.defaultValue,
     variant: a,
-    appearance: a === "segment" && Zt(t.appearance) ? t.appearance : a === "segment" ? "white" : void 0,
-    size: Xt(t.size) ? t.size : "medium",
-    layout: Jt(t.layout) ? t.layout : "content",
+    appearance: a === "segment" && ra(t.appearance) ? t.appearance : a === "segment" ? "white" : void 0,
+    size: ua(t.size) ? t.size : "medium",
+    layout: ca(t.layout) ? t.layout : "content",
     disabled: e.disabled ?? !1
   };
 }
-function Qt(e) {
+function da(e) {
   return {
     value: e.value,
     disabled: e.disabled ?? !1
   };
 }
-function Wt(e = {}) {
+function fa(e = {}) {
   return e.modelValue !== void 0;
 }
-function xe(e, t) {
+function Me(e, t) {
   return Object.is(e, t);
 }
-function Yt(e = {}) {
-  const t = Te(e), a = [
+function va(e = {}) {
+  const t = $e(e), a = [
     "mu-tabs",
     `mu-tabs--variant-${t.variant}`,
     `mu-tabs--size-${t.size}`,
@@ -928,19 +1072,19 @@ function Yt(e = {}) {
   ];
   return t.variant === "segment" && a.push(`mu-tabs--appearance-${t.appearance}`), t.disabled && a.push("is-disabled"), a;
 }
-function ea(e, t = {}) {
+function ma(e, t = {}) {
   const a = ["mu-tab"];
   return t.active && a.push("is-active"), (t.disabled || e.disabled) && a.push("is-disabled"), a;
 }
-const ta = ["aria-selected", "disabled"], aa = {
+const ha = ["aria-selected", "disabled"], pa = {
   key: 0,
   class: "mu-tab__prefix",
   "aria-hidden": "true"
-}, sa = { class: "mu-tab__content" }, na = {
+}, ga = { class: "mu-tab__content" }, ba = {
   key: 1,
   class: "mu-tab__suffix",
   "aria-hidden": "true"
-}, oa = /* @__PURE__ */ I({
+}, ka = /* @__PURE__ */ H({
   inheritAttrs: !1,
   __name: "Tab",
   props: {
@@ -949,63 +1093,63 @@ const ta = ["aria-selected", "disabled"], aa = {
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const a = e, n = t, r = D(), s = X(), l = me(Ce, null), d = z(null), u = o(() => Qt(a)), i = o(
-      () => l ? xe(l.value.value, u.value.value) : !1
-    ), c = o(
-      () => u.value.disabled || !!(l != null && l.disabled.value)
-    ), C = o(() => [
-      ea(a, {
-        active: i.value,
+    const a = e, o = t, r = R(), s = X(), l = he(Te, null), d = P(null), i = n(() => da(a)), u = n(
+      () => l ? Me(l.value.value, i.value.value) : !1
+    ), c = n(
+      () => i.value.disabled || !!(l != null && l.disabled.value)
+    ), w = n(() => [
+      ma(a, {
+        active: u.value,
         disabled: c.value
       }),
       r.class
-    ]), b = o(() => {
-      const { class: g, style: V, ...N } = r;
-      return N;
-    }), k = o(() => r.style);
+    ]), b = n(() => {
+      const { class: g, style: M, ...L } = r;
+      return L;
+    }), k = n(() => r.style);
     function $() {
-      !l || !d.value || l.registerItem(u.value.value, d.value);
+      !l || !d.value || l.registerItem(i.value.value, d.value);
     }
-    function _(g) {
+    function y(g) {
       if (c.value) {
         g.preventDefault(), g.stopPropagation();
         return;
       }
-      l && l.select(u.value.value, g), n("click", g);
+      l && l.select(i.value.value, g), o("click", g);
     }
-    return ae(() => {
+    return se(() => {
       $();
-    }), se(() => {
-      l == null || l.unregisterItem(u.value.value);
-    }), ne(
-      () => u.value.value,
-      (g, V) => {
-        !l || !d.value || (l.unregisterItem(V), l.registerItem(g, d.value));
+    }), ne(() => {
+      l == null || l.unregisterItem(i.value.value);
+    }), oe(
+      () => i.value.value,
+      (g, M) => {
+        !l || !d.value || (l.unregisterItem(M), l.registerItem(g, d.value));
       }
-    ), (g, V) => (v(), p("button", R({
+    ), (g, M) => (v(), h("button", A({
       ref_key: "buttonRef",
       ref: d
     }, b.value, {
       type: "button",
       role: "tab",
-      class: C.value,
+      class: w.value,
       style: k.value,
-      "aria-selected": i.value ? "true" : "false",
+      "aria-selected": u.value ? "true" : "false",
       disabled: c.value,
-      onClick: _
+      onClick: y
     }), [
-      L(s).prefix ? (v(), p("span", aa, [
-        w(g.$slots, "prefix", {}, void 0, !0)
-      ])) : S("", !0),
-      h("span", sa, [
-        w(g.$slots, "default", {}, void 0, !0)
+      z(s).prefix ? (v(), h("span", pa, [
+        C(g.$slots, "prefix", {}, void 0, !0)
+      ])) : T("", !0),
+      f("span", ga, [
+        C(g.$slots, "default", {}, void 0, !0)
       ]),
-      L(s).suffix ? (v(), p("span", na, [
-        w(g.$slots, "suffix", {}, void 0, !0)
-      ])) : S("", !0)
-    ], 16, ta));
+      z(s).suffix ? (v(), h("span", ba, [
+        C(g.$slots, "suffix", {}, void 0, !0)
+      ])) : T("", !0)
+    ], 16, ha));
   }
-}), Ca = /* @__PURE__ */ P(oa, [["__scopeId", "data-v-97f04990"]]), la = /* @__PURE__ */ I({
+}), Aa = /* @__PURE__ */ N(ka, [["__scopeId", "data-v-97f04990"]]), _a = /* @__PURE__ */ H({
   inheritAttrs: !1,
   __name: "Tabs",
   props: {
@@ -1019,109 +1163,109 @@ const ta = ["aria-selected", "disabled"], aa = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: t }) {
-    const a = e, n = t, r = D(), s = z(null), l = o(() => Te(a)), d = o(() => Wt(a)), u = z(l.value.defaultValue), i = o(
-      () => d.value ? l.value.modelValue : u.value
-    ), c = o(() => l.value.variant), C = o(() => l.value.appearance), b = o(() => l.value.size), k = o(() => l.value.layout), $ = o(() => l.value.disabled), _ = z(!1), g = z(0), V = /* @__PURE__ */ new Map(), N = z({
+    const a = e, o = t, r = R(), s = P(null), l = n(() => $e(a)), d = n(() => fa(a)), i = P(l.value.defaultValue), u = n(
+      () => d.value ? l.value.modelValue : i.value
+    ), c = n(() => l.value.variant), w = n(() => l.value.appearance), b = n(() => l.value.size), k = n(() => l.value.layout), $ = n(() => l.value.disabled), y = P(!1), g = P(0), M = /* @__PURE__ */ new Map(), L = P({
       transform: "translateX(0px)",
       width: "0px"
-    }), O = o(() => [Yt(a), r.class]), f = o(() => {
-      const { class: y, style: B, ...Q } = r;
+    }), O = n(() => [va(a), r.class]), m = n(() => {
+      const { class: _, style: S, ...Q } = r;
       return Q;
-    }), T = o(() => r.style);
-    function M() {
-      const y = s.value, B = i.value !== void 0 ? V.get(i.value) : void 0;
-      if (!y || !B) {
-        N.value = {
+    }), V = n(() => r.style);
+    function B() {
+      const _ = s.value, S = u.value !== void 0 ? M.get(u.value) : void 0;
+      if (!_ || !S) {
+        L.value = {
           transform: "translateX(0px)",
           width: "0px"
         };
         return;
       }
-      const Q = y.getBoundingClientRect(), ce = B.getBoundingClientRect();
-      N.value = {
-        transform: `translateX(${ce.left - Q.left}px)`,
-        width: `${ce.width}px`
+      const Q = _.getBoundingClientRect(), de = S.getBoundingClientRect();
+      L.value = {
+        transform: `translateX(${de.left - Q.left}px)`,
+        width: `${de.width}px`
       };
     }
-    function H() {
-      K(() => {
-        M();
+    function G() {
+      q(() => {
+        B();
       });
     }
-    function J(y, B) {
-      $.value || xe(i.value, y) || (d.value || (u.value = y), n("update:modelValue", y), n("change", y, B));
+    function J(_, S) {
+      $.value || Me(u.value, _) || (d.value || (i.value = _), o("update:modelValue", _), o("change", _, S));
     }
-    function m(y, B) {
-      V.set(y, B), g.value += 1, H();
+    function p(_, S) {
+      M.set(_, S), g.value += 1, G();
     }
-    function x(y) {
-      V.delete(y), g.value += 1, H();
+    function x(_) {
+      M.delete(_), g.value += 1, G();
     }
-    return he(Ce, {
-      value: i,
+    return pe(Te, {
+      value: u,
       variant: c,
-      appearance: C,
+      appearance: w,
       size: b,
       layout: k,
       disabled: $,
       select: J,
-      registerItem: m,
+      registerItem: p,
       unregisterItem: x
-    }), ne(
-      [i, c, b, k, g],
+    }), oe(
+      [u, c, b, k, g],
       () => {
-        H();
+        G();
       },
       { flush: "post" }
-    ), ae(() => {
-      globalThis.window.addEventListener("resize", M), K(() => {
-        M(), _.value = !0;
+    ), se(() => {
+      globalThis.window.addEventListener("resize", B), q(() => {
+        B(), y.value = !0;
       });
-    }), se(() => {
-      globalThis.window.removeEventListener("resize", M);
-    }), (y, B) => (v(), p("div", R({
+    }), ne(() => {
+      globalThis.window.removeEventListener("resize", B);
+    }), (_, S) => (v(), h("div", A({
       ref_key: "rootRef",
       ref: s
-    }, f.value, {
+    }, m.value, {
       role: "tablist",
-      class: [O.value, { "is-ready": _.value }],
-      style: T.value
+      class: [O.value, { "is-ready": y.value }],
+      style: V.value
     }), [
-      w(y.$slots, "default", {}, void 0, !0),
-      h("span", {
+      C(_.$slots, "default", {}, void 0, !0),
+      f("span", {
         class: "mu-tabs__indicator",
-        style: fe(N.value),
+        style: ve(L.value),
         "aria-hidden": "true"
       }, null, 4)
     ], 16));
   }
-}), Ta = /* @__PURE__ */ P(la, [["__scopeId", "data-v-28e8c4f7"]]), ia = ["outline", "solid", "soft"];
-function ua(e, t) {
+}), Ra = /* @__PURE__ */ N(_a, [["__scopeId", "data-v-28e8c4f7"]]), Ca = ["outline", "solid", "soft"];
+function ya(e, t) {
   return typeof t == "string" && e.includes(t);
 }
-function ra(e) {
-  return ua(ia, e);
+function wa(e) {
+  return ya(Ca, e);
 }
-function $e(e = {}) {
+function Be(e = {}) {
   return {
-    variant: ra(e.variant) ? e.variant : "outline",
+    variant: wa(e.variant) ? e.variant : "outline",
     selected: e.selected ?? !1,
     disabled: e.disabled ?? !1
   };
 }
-function ca(e = {}) {
-  const t = $e(e), a = ["mu-tag", `mu-tag--variant-${t.variant}`];
+function Va(e = {}) {
+  const t = Be(e), a = ["mu-tag", `mu-tag--variant-${t.variant}`];
   return t.selected && a.push("is-selected"), t.disabled && a.push("is-disabled"), a;
 }
-const da = ["disabled", "aria-pressed"], fa = {
+const xa = ["disabled", "aria-pressed"], Ta = {
   key: 0,
   class: "mu-tag__prefix",
   "aria-hidden": "true"
-}, va = { class: "mu-tag__content" }, ma = {
+}, $a = { class: "mu-tag__content" }, Ma = {
   key: 1,
   class: "mu-tag__suffix",
   "aria-hidden": "true"
-}, ha = /* @__PURE__ */ I({
+}, Ba = /* @__PURE__ */ H({
   __name: "Tag",
   props: {
     variant: {},
@@ -1130,40 +1274,41 @@ const da = ["disabled", "aria-pressed"], fa = {
   },
   emits: ["update:selected", "click"],
   setup(e, { emit: t }) {
-    const a = e, n = t, r = X(), s = o(() => $e(a)), l = o(() => ca(a));
-    function d(u) {
-      s.value.disabled || (n("click", u), n("update:selected", !s.value.selected));
+    const a = e, o = t, r = X(), s = n(() => Be(a)), l = n(() => Va(a));
+    function d(i) {
+      s.value.disabled || (o("click", i), o("update:selected", !s.value.selected));
     }
-    return (u, i) => (v(), p("button", {
+    return (i, u) => (v(), h("button", {
       type: "button",
-      class: te(l.value),
+      class: K(l.value),
       disabled: s.value.disabled,
       "aria-pressed": s.value.selected,
       onClick: d
     }, [
-      L(r).prefix ? (v(), p("span", fa, [
-        w(u.$slots, "prefix", {}, void 0, !0)
-      ])) : S("", !0),
-      h("span", va, [
-        w(u.$slots, "default", {}, void 0, !0)
+      z(r).prefix ? (v(), h("span", Ta, [
+        C(i.$slots, "prefix", {}, void 0, !0)
+      ])) : T("", !0),
+      f("span", $a, [
+        C(i.$slots, "default", {}, void 0, !0)
       ]),
-      L(r).suffix ? (v(), p("span", ma, [
-        w(u.$slots, "suffix", {}, void 0, !0)
-      ])) : S("", !0)
-    ], 10, da));
+      z(r).suffix ? (v(), h("span", Ma, [
+        C(i.$slots, "suffix", {}, void 0, !0)
+      ])) : T("", !0)
+    ], 10, xa));
   }
-}), xa = /* @__PURE__ */ P(ha, [["__scopeId", "data-v-e3e9ee4d"]]);
+}), Da = /* @__PURE__ */ N(Ba, [["__scopeId", "data-v-e3e9ee4d"]]);
 export {
-  ba as MessageList,
-  de as MuButton,
-  pt as MuModal,
-  ya as MuRadio,
-  _a as MuRadioGroup,
-  wa as MuSwitch,
-  Ca as MuTab,
-  Ta as MuTabs,
-  xa as MuTag,
-  pa as message,
-  ka as muModal,
-  q as openMuModal
+  Ha as MessageList,
+  La as MuBadge,
+  fe as MuButton,
+  Lt as MuModal,
+  Ia as MuRadio,
+  za as MuRadioGroup,
+  Oa as MuSwitch,
+  Aa as MuTab,
+  Ra as MuTabs,
+  Da as MuTag,
+  Pa as message,
+  Na as muModal,
+  F as openMuModal
 };