@mureka-fe/ui 6.0.1 → 6.2.0

package/dist/ui.js

@@ -1,5 +1,5 @@
-import { defineComponent as H, useSlots as F, computed as l, openBlock as f, createElementBlock as m, normalizeClass as J, Fragment as X, createElementVNode as v, createCommentVNode as M, unref as O, renderSlot as w, createTextVNode as G, toDisplayString as A, useAttrs as D, normalizeStyle as he, ref as N, inject as se, watchEffect as ze, mergeProps as R, nextTick as j, provide as le, renderList as pe, createBlock as E, withCtx as W, reactive as Ie, h as be, createVNode as Oe, TransitionGroup as Ae, resolveDynamicComponent as Re, onMounted as ne, onBeforeUnmount as oe, watch as ue, Teleport as De, createApp as Ge } from "vue";
-const Ee = [
+import { defineComponent as H, useSlots as F, computed as l, openBlock as f, createElementBlock as m, normalizeClass as O, Fragment as ee, createElementVNode as v, createCommentVNode as V, unref as D, renderSlot as x, createTextVNode as G, toDisplayString as z, useAttrs as E, normalizeStyle as W, ref as S, inject as ve, watchEffect as We, mergeProps as R, nextTick as j, provide as me, renderList as we, createBlock as Z, withCtx as U, watch as ae, onBeforeUnmount as se, createVNode as Y, Transition as ue, Teleport as xe, createApp as Ve, h as he, reactive as Je, TransitionGroup as Qe, resolveDynamicComponent as Ye, onMounted as ge } from "vue";
+const et = [
   "new",
   "new-mini",
   "premier",
@@ -13,7 +13,7 @@ const Ee = [
   "published",
   "details",
   "bpm"
-], je = ["outline", "solid", "soft"], Ue = {
+], tt = ["outline", "solid", "soft"], at = {
   new: { isSvgPreset: !0 },
   "new-mini": { isSvgPreset: !0 },
   premier: { defaultContent: "Premier" },
@@ -28,18 +28,18 @@ const Ee = [
   details: { defaultContent: "Details" },
   bpm: { defaultContent: "62 BPM" }
 };
-function ge(e, t) {
+function $e(e, t) {
   return typeof t == "string" && e.includes(t);
 }
-function Ze(e) {
-  return ge(je, e);
+function st(e) {
+  return $e(tt, e);
 }
-function Fe(e) {
-  return ge(Ee, e);
+function lt(e) {
+  return $e(et, e);
 }
-function ke(e = {}) {
-  if (Fe(e.preset)) {
-    const t = Ue[e.preset];
+function Te(e = {}) {
+  if (lt(e.preset)) {
+    const t = at[e.preset];
     return {
       preset: e.preset,
       defaultContent: t.defaultContent,
@@ -47,16 +47,16 @@ function ke(e = {}) {
     };
   }
   return {
-    variant: Ze(e.variant) ? e.variant : "outline",
+    variant: st(e.variant) ? e.variant : "outline",
     paid: e.paid ?? !1,
     isSvgPreset: !1
   };
 }
-function qe(e = {}) {
-  const t = ke(e), a = ["mu-badge"];
+function nt(e = {}) {
+  const t = Te(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 Ke = ["role", "aria-label"], Xe = {
+const ot = ["role", "aria-label"], it = {
   key: 0,
   "data-test": "new-wordmark",
   class: "mu-badge__new-wordmark",
@@ -64,7 +64,7 @@ const Ke = ["role", "aria-label"], Xe = {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
   "aria-hidden": "true"
-}, We = {
+}, ut = {
   key: 1,
   "data-test": "new-mini-wordmark",
   class: "mu-badge__new-wordmark",
@@ -72,19 +72,19 @@ const Ke = ["role", "aria-label"], Xe = {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
   "aria-hidden": "true"
-}, Je = {
+}, rt = {
   key: 0,
   class: "mu-badge__prefix",
   "aria-hidden": "true"
-}, Qe = {
+}, ct = {
   key: 1,
   class: "mu-badge__prefix",
   "aria-hidden": "true"
-}, Ye = { class: "mu-badge__content" }, et = {
+}, dt = { class: "mu-badge__content" }, ft = {
   key: 2,
   class: "mu-badge__suffix",
   "aria-hidden": "true"
-}, tt = /* @__PURE__ */ H({
+}, vt = /* @__PURE__ */ H({
   __name: "Badge",
   props: {
     variant: {},
@@ -92,14 +92,14 @@ const Ke = ["role", "aria-label"], Xe = {
     preset: {}
   },
   setup(e) {
-    const t = e, a = F(), s = l(() => ke(t)), c = l(() => qe(t)), n = l(() => s.value.isSvgPreset ? "img" : void 0), o = l(() => s.value.isSvgPreset ? "NEW" : void 0), i = l(() => s.value.preset === "details");
-    return (r, u) => (f(), m("span", {
-      class: J(c.value),
+    const t = e, a = F(), s = l(() => Te(t)), r = l(() => nt(t)), n = l(() => s.value.isSvgPreset ? "img" : void 0), o = l(() => s.value.isSvgPreset ? "NEW" : void 0), u = l(() => s.value.preset === "details");
+    return (c, i) => (f(), m("span", {
+      class: O(r.value),
       role: n.value,
       "aria-label": o.value
     }, [
-      s.value.isSvgPreset ? (f(), m(X, { key: 0 }, [
-        s.value.preset === "new" ? (f(), m("svg", Xe, [...u[0] || (u[0] = [
+      s.value.isSvgPreset ? (f(), m(ee, { key: 0 }, [
+        s.value.preset === "new" ? (f(), m("svg", it, [...i[0] || (i[0] = [
           v("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"
@@ -112,7 +112,7 @@ const Ke = ["role", "aria-label"], Xe = {
             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)
-        ])])) : s.value.preset === "new-mini" ? (f(), m("svg", We, [...u[1] || (u[1] = [
+        ])])) : s.value.preset === "new-mini" ? (f(), m("svg", ut, [...i[1] || (i[1] = [
           v("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"
@@ -125,9 +125,9 @@ const Ke = ["role", "aria-label"], Xe = {
             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)
-        ])])) : M("", !0)
-      ], 64)) : (f(), m(X, { key: 1 }, [
-        i.value ? (f(), m("span", Je, [...u[2] || (u[2] = [
+        ])])) : V("", !0)
+      ], 64)) : (f(), m(ee, { key: 1 }, [
+        u.value ? (f(), m("span", rt, [...i[2] || (i[2] = [
           v("svg", {
             "data-test": "details-icon",
             viewBox: "0 0 12 12",
@@ -143,27 +143,27 @@ const Ke = ["role", "aria-label"], Xe = {
               "stroke-linejoin": "round"
             })
           ], -1)
-        ])])) : O(a).prefix ? (f(), m("span", Qe, [
-          w(r.$slots, "prefix", {}, void 0, !0)
-        ])) : M("", !0),
-        v("span", Ye, [
-          w(r.$slots, "default", {}, () => [
-            G(A(s.value.defaultContent), 1)
+        ])])) : D(a).prefix ? (f(), m("span", ct, [
+          x(c.$slots, "prefix", {}, void 0, !0)
+        ])) : V("", !0),
+        v("span", dt, [
+          x(c.$slots, "default", {}, () => [
+            G(z(s.value.defaultContent), 1)
           ], !0)
         ]),
-        O(a).suffix ? (f(), m("span", et, [
-          w(r.$slots, "suffix", {}, void 0, !0)
-        ])) : M("", !0)
+        D(a).suffix ? (f(), m("span", ft, [
+          x(c.$slots, "suffix", {}, void 0, !0)
+        ])) : V("", !0)
       ], 64))
-    ], 10, Ke));
+    ], 10, ot));
   }
-}), z = (e, t) => {
+}), I = (e, t) => {
   const a = e.__vccOpts || e;
-  for (const [s, c] of t)
-    a[s] = c;
+  for (const [s, r] of t)
+    a[s] = r;
   return a;
-}, Qa = /* @__PURE__ */ z(tt, [["__scopeId", "data-v-aa97ab3d"]]);
-function ie(e = {}) {
+}, Ms = /* @__PURE__ */ I(vt, [["__scopeId", "data-v-aa97ab3d"]]);
+function pe(e = {}) {
   return {
     type: e.type ?? "primary",
     status: e.status,
@@ -177,8 +177,8 @@ function ie(e = {}) {
     nativeType: e.nativeType ?? "button"
   };
 }
-function at(e = {}) {
-  const t = ie(e), a = [
+function mt(e = {}) {
+  const t = pe(e), a = [
     "mu-button",
     `mu-button--${t.type}`,
     `mu-button--appearance-${t.appearance}`,
@@ -186,33 +186,33 @@ function at(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 st(e = {}) {
-  const t = ie(e);
+function ht(e = {}) {
+  const t = pe(e);
   return !t.disabled && !t.loading;
 }
-function lt(e = {}) {
-  const t = e.iconOnly ?? !1, a = e.hasPrefix ?? !1, s = e.hasSuffix ?? !1, c = e.loading ?? !1, n = e.hasAriaLabel ?? !1;
+function gt(e = {}) {
+  const t = e.iconOnly ?? !1, a = e.hasPrefix ?? !1, s = e.hasSuffix ?? !1, r = e.loading ?? !1, n = e.hasAriaLabel ?? !1;
   return {
-    showPrefixSlot: !t && !c && a,
+    showPrefixSlot: !t && !r && a,
     showSuffixSlot: !t && s,
-    showDefaultSlot: !(t && c),
-    showLoadingIndicator: c,
+    showDefaultSlot: !(t && r),
+    showLoadingIndicator: r,
     requiresAriaLabel: t && !n,
     isInvalidIconOnlyCombination: t && (a || s)
   };
 }
-const nt = ["type", "disabled", "aria-busy"], ot = {
+const pt = ["type", "disabled", "aria-busy"], bt = {
   key: 0,
   class: "mu-button__prefix",
   "aria-hidden": "true"
-}, ut = {
+}, _t = {
   key: 1,
   class: "mu-button__content"
-}, it = {
+}, kt = {
   key: 2,
   class: "mu-button__suffix",
   "aria-hidden": "true"
-}, rt = /* @__PURE__ */ H({
+}, yt = /* @__PURE__ */ H({
   __name: "Button",
   props: {
     type: { default: "primary" },
@@ -228,7 +228,7 @@ const nt = ["type", "disabled", "aria-busy"], ot = {
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const a = e, s = t, c = F(), n = D(), o = {
+    const a = e, s = t, r = F(), n = E(), o = {
       small: {
         width: "var(--mu-button-icon-size-small)",
         height: "var(--mu-button-icon-size-small)"
@@ -241,35 +241,35 @@ const nt = ["type", "disabled", "aria-busy"], ot = {
         width: "var(--mu-button-icon-size-large)",
         height: "var(--mu-button-icon-size-large)"
       }
-    }, i = l(() => ie(a)), r = l(() => at(i.value)), u = l(() => o[i.value.size]), d = l(
-      () => lt({
-        iconOnly: i.value.iconOnly,
-        hasPrefix: !!c.prefix,
-        hasSuffix: !!c.suffix,
-        loading: i.value.loading,
-        hasDefaultSlot: !!c.default,
+    }, u = l(() => pe(a)), c = l(() => mt(u.value)), i = l(() => o[u.value.size]), d = l(
+      () => gt({
+        iconOnly: u.value.iconOnly,
+        hasPrefix: !!r.prefix,
+        hasSuffix: !!r.suffix,
+        loading: u.value.loading,
+        hasDefaultSlot: !!r.default,
         hasAriaLabel: typeof n["aria-label"] == "string" && n["aria-label"].trim().length > 0
       })
     );
-    function y(k) {
-      if (!st(i.value)) {
-        k.preventDefault(), k.stopPropagation();
+    function k(h) {
+      if (!ht(u.value)) {
+        h.preventDefault(), h.stopPropagation();
         return;
       }
-      s("click", k);
+      s("click", h);
     }
-    return (k, _) => (f(), m("button", {
-      type: i.value.nativeType,
-      class: J(["mu-button", r.value]),
-      disabled: i.value.disabled || i.value.loading,
-      "aria-busy": i.value.loading ? "true" : void 0,
-      onClick: y
+    return (h, _) => (f(), m("button", {
+      type: u.value.nativeType,
+      class: O(["mu-button", c.value]),
+      disabled: u.value.disabled || u.value.loading,
+      "aria-busy": u.value.loading ? "true" : void 0,
+      onClick: k
     }, [
-      d.value.showLoadingIndicator || d.value.showPrefixSlot ? (f(), m("span", ot, [
+      d.value.showLoadingIndicator || d.value.showPrefixSlot ? (f(), m("span", bt, [
         d.value.showLoadingIndicator ? (f(), m("svg", {
           key: 0,
           class: "mu-button__loading-icon",
-          style: he(u.value),
+          style: W(i.value),
           viewBox: "0 0 24 24",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
@@ -278,24 +278,24 @@ const nt = ["type", "disabled", "aria-busy"], ot = {
             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(k.$slots, "prefix", { key: 1 }, void 0, !0)
-      ])) : M("", !0),
-      d.value.showDefaultSlot ? (f(), m("span", ut, [
-        w(k.$slots, "default", {}, void 0, !0)
-      ])) : M("", !0),
-      d.value.showSuffixSlot ? (f(), m("span", it, [
-        w(k.$slots, "suffix", {}, void 0, !0)
-      ])) : M("", !0)
-    ], 10, nt));
+        ])], 4)) : x(h.$slots, "prefix", { key: 1 }, void 0, !0)
+      ])) : V("", !0),
+      d.value.showDefaultSlot ? (f(), m("span", _t, [
+        x(h.$slots, "default", {}, void 0, !0)
+      ])) : V("", !0),
+      d.value.showSuffixSlot ? (f(), m("span", kt, [
+        x(h.$slots, "suffix", {}, void 0, !0)
+      ])) : V("", !0)
+    ], 10, pt));
   }
-}), me = /* @__PURE__ */ z(rt, [["__scopeId", "data-v-e59338a3"]]), _e = Symbol("MuCheckboxGroup"), ct = ["horizontal", "vertical"];
-function dt(e, t) {
+}), Ce = /* @__PURE__ */ I(yt, [["__scopeId", "data-v-e59338a3"]]), Me = Symbol("MuCheckboxGroup"), Ct = ["horizontal", "vertical"];
+function wt(e, t) {
   return typeof t == "string" && e.includes(t);
 }
-function ft(e) {
-  return dt(ct, e);
+function xt(e) {
+  return wt(Ct, e);
 }
-function Ce(e = {}) {
+function Be(e = {}) {
   return {
     modelValue: e.modelValue,
     value: e.value,
@@ -305,40 +305,40 @@ function Ce(e = {}) {
     name: e.name
   };
 }
-function ye(e = {}) {
+function Se(e = {}) {
   return {
     modelValue: e.modelValue,
     defaultValue: e.defaultValue,
     options: e.options,
     disabled: e.disabled ?? !1,
     name: e.name,
-    direction: ft(e.direction) ? e.direction : "horizontal"
+    direction: xt(e.direction) ? e.direction : "horizontal"
   };
 }
-function vt(e = {}) {
+function Vt(e = {}) {
   return e.modelValue !== void 0;
 }
-function mt(e = {}) {
+function $t(e = {}) {
   return e.modelValue !== void 0;
 }
-function we(e, t) {
+function Le(e, t) {
   return !e || t === void 0 ? !1 : e.some((a) => Object.is(a, t));
 }
-function ht(e, t) {
-  return we(e, t) ? e.filter((a) => !Object.is(a, t)) : [...e, t];
+function Tt(e, t) {
+  return Le(e, t) ? e.filter((a) => !Object.is(a, t)) : [...e, t];
 }
-function pt(e) {
+function Mt(e) {
   return typeof e == "object" ? { ...e, label: e.label ?? String(e.value) } : { label: String(e), value: e };
 }
-function bt(e = {}, t = {}) {
-  const a = Ce(e), s = ["mu-checkbox"];
+function Bt(e = {}, t = {}) {
+  const a = Be(e), s = ["mu-checkbox"];
   return t.checked && s.push("is-checked"), (t.indeterminate || a.indeterminate) && s.push("is-indeterminate"), (t.disabled || a.disabled) && s.push("is-disabled"), s;
 }
-function gt(e = {}) {
-  const t = ye(e), a = ["mu-checkbox-group", `mu-checkbox-group--${t.direction}`];
+function St(e = {}) {
+  const t = Se(e), a = ["mu-checkbox-group", `mu-checkbox-group--${t.direction}`];
   return t.disabled && a.push("is-disabled"), a;
 }
-const kt = ["checked", "disabled", "name", "value"], _t = { class: "mu-checkbox__label" }, Ct = /* @__PURE__ */ H({
+const Lt = ["checked", "disabled", "name", "value"], Pt = { class: "mu-checkbox__label" }, Nt = /* @__PURE__ */ H({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -351,47 +351,47 @@ const kt = ["checked", "disabled", "name", "value"], _t = { class: "mu-checkbox_
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(e, { emit: t }) {
-    const a = e, s = t, c = D(), n = N(null), o = se(_e, null), i = l(() => Ce(a)), r = l(() => vt(a)), u = N(i.value.defaultChecked), d = l(() => o ? i.value.value !== void 0 ? o.isChecked(i.value.value) : !1 : r.value ? i.value.modelValue ?? !1 : u.value), y = l(
-      () => i.value.disabled || !!(o != null && o.disabled.value)
-    ), k = l(() => (o == null ? void 0 : o.name.value) ?? i.value.name), _ = l(
-      () => i.value.value === void 0 ? void 0 : String(i.value.value)
+    const a = e, s = t, r = E(), n = S(null), o = ve(Me, null), u = l(() => Be(a)), c = l(() => Vt(a)), i = S(u.value.defaultChecked), d = l(() => o ? u.value.value !== void 0 ? o.isChecked(u.value.value) : !1 : c.value ? u.value.modelValue ?? !1 : i.value), k = l(
+      () => u.value.disabled || !!(o != null && o.disabled.value)
+    ), h = l(() => (o == null ? void 0 : o.name.value) ?? u.value.name), _ = l(
+      () => u.value.value === void 0 ? void 0 : String(u.value.value)
     ), T = l(() => [
-      bt(a, {
+      Bt(a, {
         checked: d.value,
-        indeterminate: i.value.indeterminate,
-        disabled: y.value
+        indeterminate: u.value.indeterminate,
+        disabled: k.value
       }),
-      c.class
-    ]), x = l(() => {
-      const { class: p, style: B, ...I } = c;
-      return I;
-    }), b = l(() => c.style);
-    ze(() => {
-      n.value && (n.value.indeterminate = i.value.indeterminate);
+      r.class
+    ]), C = l(() => {
+      const { class: b, style: B, ...A } = r;
+      return A;
+    }), p = l(() => r.style);
+    We(() => {
+      n.value && (n.value.indeterminate = u.value.indeterminate);
     });
-    function g(p) {
-      p && (p.checked = d.value, p.indeterminate = i.value.indeterminate);
+    function y(b) {
+      b && (b.checked = d.value, b.indeterminate = u.value.indeterminate);
     }
-    function S(p) {
-      if (y.value)
+    function L(b) {
+      if (k.value)
         return;
-      const B = p.target instanceof globalThis.HTMLInputElement ? p.target : null;
+      const B = b.target instanceof globalThis.HTMLInputElement ? b.target : null;
       if (o) {
-        i.value.value !== void 0 && o.toggle(i.value.value, p), j(() => g(B));
+        u.value.value !== void 0 && o.toggle(u.value.value, b), j(() => y(B));
         return;
       }
-      const I = !d.value;
-      r.value || (u.value = I), s("update:modelValue", I), s("change", I, p), j(() => g(B));
+      const A = !d.value;
+      c.value || (i.value = A), s("update:modelValue", A), s("change", A, b), j(() => y(B));
     }
-    function $(p) {
-      s("focus", p);
+    function M(b) {
+      s("focus", b);
     }
-    function h(p) {
-      s("blur", p);
+    function g(b) {
+      s("blur", b);
     }
-    return (p, B) => (f(), m("label", R(x.value, {
+    return (b, B) => (f(), m("label", R(C.value, {
       class: T.value,
-      style: b.value
+      style: p.value
     }), [
       v("input", {
         ref_key: "inputRef",
@@ -399,13 +399,13 @@ const kt = ["checked", "disabled", "name", "value"], _t = { class: "mu-checkbox_
         class: "mu-checkbox__input",
         type: "checkbox",
         checked: d.value,
-        disabled: y.value,
-        name: k.value,
+        disabled: k.value,
+        name: h.value,
         value: _.value,
-        onChange: S,
-        onFocus: $,
-        onBlur: h
-      }, null, 40, kt),
+        onChange: L,
+        onFocus: M,
+        onBlur: g
+      }, null, 40, Lt),
       B[0] || (B[0] = v("span", {
         class: "mu-checkbox__control",
         "aria-hidden": "true"
@@ -423,12 +423,12 @@ const kt = ["checked", "disabled", "name", "value"], _t = { class: "mu-checkbox_
         ]),
         v("span", { class: "mu-checkbox__dash" })
       ], -1)),
-      v("span", _t, [
-        w(p.$slots, "default", {}, void 0, !0)
+      v("span", Pt, [
+        x(b.$slots, "default", {}, void 0, !0)
       ])
     ], 16));
   }
-}), yt = /* @__PURE__ */ z(Ct, [["__scopeId", "data-v-bf56ea83"]]), wt = /* @__PURE__ */ H({
+}), Ht = /* @__PURE__ */ I(Nt, [["__scopeId", "data-v-bf56ea83"]]), It = /* @__PURE__ */ H({
   inheritAttrs: !1,
   __name: "CheckboxGroup",
   props: {
@@ -441,152 +441,359 @@ const kt = ["checked", "disabled", "name", "value"], _t = { class: "mu-checkbox_
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: t }) {
-    const a = e, s = t, c = D(), n = l(() => ye(a)), o = l(() => mt(a)), i = N([...n.value.defaultValue ?? []]), r = l(
-      () => o.value ? n.value.modelValue ?? [] : i.value
-    ), u = l(() => n.value.disabled), d = l(() => n.value.name), y = l(
-      () => n.value.options ? n.value.options.map((g) => pt(g)) : null
-    ), k = l(() => [gt(a), c.class]), _ = l(() => {
-      const { class: g, style: S, ...$ } = c;
-      return $;
-    }), T = l(() => c.style);
-    function x(g) {
-      return we(r.value, g);
+    const a = e, s = t, r = E(), n = l(() => Se(a)), o = l(() => $t(a)), u = S([...n.value.defaultValue ?? []]), c = l(
+      () => o.value ? n.value.modelValue ?? [] : u.value
+    ), i = l(() => n.value.disabled), d = l(() => n.value.name), k = l(
+      () => n.value.options ? n.value.options.map((y) => Mt(y)) : null
+    ), h = l(() => [St(a), r.class]), _ = l(() => {
+      const { class: y, style: L, ...M } = r;
+      return M;
+    }), T = l(() => r.style);
+    function C(y) {
+      return Le(c.value, y);
     }
-    function b(g, S) {
+    function p(y, L) {
       if (n.value.disabled)
         return;
-      const $ = ht(r.value, g);
-      o.value || (i.value = $), s("update:modelValue", $), s("change", $, S);
+      const M = Tt(c.value, y);
+      o.value || (u.value = M), s("update:modelValue", M), s("change", M, L);
     }
-    return le(_e, {
-      value: r,
-      disabled: u,
+    return me(Me, {
+      value: c,
+      disabled: i,
       name: d,
-      isChecked: x,
-      toggle: b
-    }), (g, S) => (f(), m("div", R(_.value, {
+      isChecked: C,
+      toggle: p
+    }), (y, L) => (f(), m("div", R(_.value, {
       role: "group",
-      class: k.value,
+      class: h.value,
       style: T.value
     }), [
-      y.value ? (f(!0), m(X, { key: 0 }, pe(y.value, ($) => (f(), E(yt, {
-        key: `${typeof $.value}:${$.value}`,
-        value: $.value,
-        disabled: $.disabled
+      k.value ? (f(!0), m(ee, { key: 0 }, we(k.value, (M) => (f(), Z(Ht, {
+        key: `${typeof M.value}:${M.value}`,
+        value: M.value,
+        disabled: M.disabled
       }, {
-        default: W(() => [
-          w(g.$slots, "label", { option: $ }, () => [
-            G(A($.label), 1)
+        default: U(() => [
+          x(y.$slots, "label", { option: M }, () => [
+            G(z(M.label), 1)
           ], !0)
         ]),
         _: 2
-      }, 1032, ["value", "disabled"]))), 128)) : w(g.$slots, "default", { key: 1 }, void 0, !0)
+      }, 1032, ["value", "disabled"]))), 128)) : x(y.$slots, "default", { key: 1 }, void 0, !0)
     ], 16));
   }
-}), Ya = /* @__PURE__ */ z(wt, [["__scopeId", "data-v-852a5fc4"]]), xt = 3e3, Vt = {
+}), Bs = /* @__PURE__ */ I(It, [["__scopeId", "data-v-852a5fc4"]]), Pe = 36;
+function zt(e = {}) {
+  return {
+    spinning: e.spinning ?? !0,
+    text: e.text,
+    ariaLabel: e.ariaLabel,
+    size: e.size ?? Pe,
+    fullscreen: e.fullscreen ?? !1,
+    delay: e.delay ?? 0
+  };
+}
+function Ne(e = {}) {
+  return e.fullscreen ? "page" : e.hasContent ? "container" : "inline";
+}
+function At(e = {}) {
+  return ["mu-loading", `mu-loading--${Ne(e)}`];
+}
+const Ot = { class: "mu-loading__content" }, Dt = {
+  key: 0,
+  class: "mu-loading__overlay"
+}, Rt = ["aria-label"], Et = {
+  key: 0,
+  class: "mu-loading__text"
+}, Gt = ["aria-label"], Zt = {
+  key: 0,
+  class: "mu-loading__text"
+}, Ut = ["aria-label"], jt = {
+  key: 0,
+  class: "mu-loading__text"
+}, Ft = "M18 5.625C19.0355 5.625 19.875 6.46447 19.875 7.5C19.875 8.53553 19.0355 9.375 18 9.375V7.5V5.625ZM24.6491 12.506C23.989 11.7081 24.1006 10.5262 24.8985 9.86605C25.6963 9.20591 26.8782 9.31754 27.5384 10.1154L26.0938 11.3107L24.6491 12.506ZM18 7.5V9.375C13.2365 9.375 9.375 13.2365 9.375 18H7.5H5.625C5.625 11.1655 11.1655 5.625 18 5.625V7.5ZM7.5 18H9.375C9.375 22.7635 13.2365 26.625 18 26.625V28.5V30.375C11.1655 30.375 5.625 24.8345 5.625 18H7.5ZM18 28.5V26.625C22.7635 26.625 26.625 22.7635 26.625 18H28.5H30.375C30.375 24.8345 24.8345 30.375 18 30.375V28.5ZM28.5 18H26.625C26.625 15.9104 25.8843 13.9987 24.6491 12.506L26.0938 11.3107L27.5384 10.1154C29.3093 12.2557 30.375 15.0059 30.375 18H28.5Z", Kt = /* @__PURE__ */ H({
+  __name: "Loading",
+  props: {
+    spinning: { type: Boolean, default: !0 },
+    text: { default: void 0 },
+    ariaLabel: { default: void 0 },
+    size: { default: Pe },
+    fullscreen: { type: Boolean, default: !1 },
+    delay: { default: 0 }
+  },
+  setup(e) {
+    const t = e, a = F(), s = l(() => zt(t)), r = l(() => !!a.default), n = l(() => ({
+      fullscreen: s.value.fullscreen,
+      hasContent: r.value
+    })), o = l(() => Ne(n.value)), u = l(() => At(n.value)), c = ["mu-loading__indicator", "mu-loading__indicator--card"], i = `url("data:image/svg+xml,${encodeURIComponent(
+      `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path d="${Ft}" fill="#000"/></svg>`
+    )}")`, d = l(() => ({
+      width: `${s.value.size}px`,
+      height: `${s.value.size}px`,
+      maskImage: i,
+      WebkitMaskImage: i
+    })), k = l(
+      () => s.value.text ? void 0 : s.value.ariaLabel ?? "Loading"
+    ), h = S(!1);
+    let _ = null;
+    function T() {
+      _ !== null && (globalThis.clearTimeout(_), _ = null);
+    }
+    return ae(
+      () => [s.value.spinning, s.value.delay],
+      ([C, p]) => {
+        if (T(), !C) {
+          h.value = !1;
+          return;
+        }
+        p > 0 ? _ = globalThis.setTimeout(() => {
+          h.value = !0;
+        }, p) : h.value = !0;
+      },
+      { immediate: !0 }
+    ), se(T), (C, p) => o.value === "container" ? (f(), m("div", {
+      key: 0,
+      class: O(u.value)
+    }, [
+      v("div", Ot, [
+        x(C.$slots, "default", {}, void 0, !0)
+      ]),
+      Y(ue, { name: "mu-loading-fade" }, {
+        default: U(() => [
+          h.value ? (f(), m("div", Dt, [
+            v("div", {
+              class: O(c),
+              role: "status",
+              "aria-live": "polite",
+              "aria-label": k.value
+            }, [
+              v("span", {
+                class: "mu-loading__spinner",
+                style: W(d.value),
+                "aria-hidden": "true"
+              }, null, 4),
+              s.value.text ? (f(), m("span", Et, z(s.value.text), 1)) : V("", !0)
+            ], 8, Rt)
+          ])) : V("", !0)
+        ]),
+        _: 1
+      })
+    ], 2)) : o.value === "page" ? (f(), Z(xe, {
+      key: 1,
+      to: "body"
+    }, [
+      Y(ue, { name: "mu-loading-fade" }, {
+        default: U(() => [
+          h.value ? (f(), m("div", {
+            key: 0,
+            class: O(u.value)
+          }, [
+            v("div", {
+              class: O(c),
+              role: "status",
+              "aria-live": "polite",
+              "aria-label": k.value
+            }, [
+              v("span", {
+                class: "mu-loading__spinner",
+                style: W(d.value),
+                "aria-hidden": "true"
+              }, null, 4),
+              s.value.text ? (f(), m("span", Zt, z(s.value.text), 1)) : V("", !0)
+            ], 8, Gt)
+          ], 2)) : V("", !0)
+        ]),
+        _: 1
+      })
+    ])) : (f(), m("div", {
+      key: 2,
+      class: O(u.value)
+    }, [
+      Y(ue, { name: "mu-loading-fade" }, {
+        default: U(() => [
+          h.value ? (f(), m("div", {
+            key: 0,
+            class: O(c),
+            role: "status",
+            "aria-live": "polite",
+            "aria-label": k.value
+          }, [
+            v("span", {
+              class: "mu-loading__spinner",
+              style: W(d.value),
+              "aria-hidden": "true"
+            }, null, 4),
+            s.value.text ? (f(), m("span", jt, z(s.value.text), 1)) : V("", !0)
+          ], 8, Ut)) : V("", !0)
+        ]),
+        _: 1
+      })
+    ], 2));
+  }
+}), qt = /* @__PURE__ */ I(Kt, [["__scopeId", "data-v-6e3365ba"]]), Xt = { close: () => {
+} };
+let re = null, ce = null, J = 0;
+const le = S(!1), He = S(void 0), Ie = S(void 0), ze = S(void 0);
+function Ae() {
+  return typeof globalThis.document < "u";
+}
+function Wt() {
+  re || !Ae() || (ce = globalThis.document.createElement("div"), globalThis.document.body.appendChild(ce), re = Ve({
+    render() {
+      return he(qt, {
+        fullscreen: !0,
+        spinning: le.value,
+        text: He.value,
+        ariaLabel: Ie.value,
+        size: ze.value
+      });
+    }
+  }), re.mount(ce));
+}
+function Oe() {
+  J = Math.max(0, J - 1), J === 0 && (le.value = !1);
+}
+function Jt(e = {}) {
+  if (!Ae())
+    return Xt;
+  Wt(), J += 1, He.value = e.text, Ie.value = e.ariaLabel, ze.value = e.size, le.value = !0;
+  let t = !1;
+  return {
+    close: () => {
+      t || (t = !0, Oe());
+    }
+  };
+}
+const Ss = {
+  /** 显示全屏加载，引用计数 +1，返回可关闭句柄。 */
+  show: Jt,
+  /** 引用计数 -1，与单次 show 1:1 配对的便捷写法。 */
+  hide: Oe,
+  /** 无视引用计数强制清场（路由切换等一键收尾场景）。 */
+  hideAll() {
+    J = 0, le.value = !1;
+  }
+}, Qt = 3e3, Yt = {
   close: () => {
   }
-}, q = Ie({
+}, K = Je({
   items: []
 });
-let $t = 1;
-const U = /* @__PURE__ */ new Map();
-function Bt(e) {
+let ea = 1;
+const q = /* @__PURE__ */ new Map();
+function ta(e) {
   return typeof e == "string" ? { title: e } : {
     title: e.title,
     description: e.description,
     duration: e.duration,
     closable: e.closable,
     resetOnHover: e.resetOnHover,
-    icon: e.icon
+    icon: e.icon,
+    key: e.key
   };
 }
-function re(e) {
+function be(e) {
   return e.duration > 0;
 }
-function Tt(e) {
-  return q.items.findIndex((t) => t.id === e);
+function aa(e) {
+  return K.items.findIndex((t) => t.id === e);
 }
-function xe(e) {
-  return q.items.find((t) => t.id === e);
+function De(e) {
+  return K.items.find((t) => t.id === e);
 }
-function ce(e) {
-  const t = U.get(e);
+function _e(e) {
+  const t = q.get(e);
   t && t.timer !== null && (globalThis.clearTimeout(t.timer), t.timer = null);
 }
-function de(e) {
-  const t = Tt(e);
-  t < 0 || (ce(e), U.delete(e), q.items.splice(t, 1));
+function te(e) {
+  const t = aa(e);
+  t < 0 || (_e(e), q.delete(e), K.items.splice(t, 1));
 }
-function Ve(e, t) {
-  const a = U.get(e);
-  a && (ce(e), a.remainingDuration = t, a.deadline = Date.now() + t, a.isPaused = !1, a.timer = globalThis.setTimeout(() => {
-    de(e);
+function Re(e, t) {
+  const a = q.get(e);
+  a && (_e(e), a.remainingDuration = t, a.deadline = Date.now() + t, a.isPaused = !1, a.timer = globalThis.setTimeout(() => {
+    te(e);
   }, t));
 }
-function Mt(e, t) {
+function sa(e, t) {
   return {
-    id: $t++,
+    id: ea++,
     type: e,
     title: t.title,
     description: t.description,
-    duration: t.duration ?? xt,
+    duration: t.duration ?? Qt,
     closable: t.closable ?? !1,
     resetOnHover: t.resetOnHover ?? !1,
-    icon: t.icon
+    icon: t.icon,
+    key: t.key
   };
 }
-function St() {
+function la() {
   return typeof globalThis.window < "u" && typeof globalThis.document < "u";
 }
-function Lt(e, t) {
-  if (!St())
-    return Vt;
-  const a = Bt(t), s = Mt(e, a);
-  return q.items.push(s), U.set(s.id, {
+function na(e) {
+  return e.key !== void 0 && e.key !== null;
+}
+function oa(e) {
+  return K.items.find((t) => t.key === e);
+}
+function ia(e, t) {
+  if (!la())
+    return Yt;
+  const a = ta(t);
+  if (na(a)) {
+    const r = oa(a.key);
+    if (r) {
+      const n = r.id;
+      return { close: () => te(n) };
+    }
+  }
+  const s = sa(e, a);
+  return K.items.push(s), q.set(s.id, {
     timer: null,
     deadline: 0,
     remainingDuration: s.duration,
     isPaused: !1
-  }), re(s) && Ve(s.id, s.duration), {
-    close: () => de(s.id)
+  }), be(s) && Re(s.id, s.duration), {
+    close: () => te(s.id)
   };
 }
-function Z(e) {
-  return (t) => Lt(e, t);
+function X(e) {
+  return (t) => ia(e, t);
 }
-const es = {
-  success: Z("success"),
-  warning: Z("warning"),
-  info: Z("info"),
-  error: Z("error"),
-  danger: Z("danger")
+const Ls = {
+  success: X("success"),
+  warning: X("warning"),
+  info: X("info"),
+  error: X("error"),
+  danger: X("danger")
 };
-function Pt(e) {
-  de(e);
+function ua(e) {
+  te(e);
 }
-function Nt(e) {
-  const t = U.get(e), a = xe(e);
-  !t || !a || t.isPaused || !a.resetOnHover || !re(a) || (t.remainingDuration = Math.max(t.deadline - Date.now(), 0), ce(e), t.isPaused = !0);
+function ra(e) {
+  const t = q.get(e), a = De(e);
+  !t || !a || t.isPaused || !a.resetOnHover || !be(a) || (t.remainingDuration = Math.max(t.deadline - Date.now(), 0), _e(e), t.isPaused = !0);
 }
-function Ht(e) {
-  const t = U.get(e), a = xe(e);
-  !t || !a || !t.isPaused || !a.resetOnHover || !re(a) || Ve(e, t.remainingDuration || a.duration);
+function ca(e) {
+  const t = q.get(e), a = De(e);
+  !t || !a || !t.isPaused || !a.resetOnHover || !be(a) || Re(e, t.remainingDuration || a.duration);
 }
-const zt = {
+const da = {
   class: "mu-message-list",
   "aria-live": "polite",
   "aria-atomic": "true"
-}, It = ["onMouseenter", "onMouseleave"], Ot = {
+}, fa = ["onMouseenter", "onMouseleave"], va = {
   class: "mu-message__icon",
   "aria-hidden": "true"
-}, At = { class: "mu-message__content" }, Rt = { class: "mu-message__title" }, Dt = {
+}, ma = { class: "mu-message__content" }, ha = { class: "mu-message__title" }, ga = {
   key: 0,
   class: "mu-message__description"
-}, Gt = ["onClick"], Et = /* @__PURE__ */ H({
+}, pa = ["onClick"], ba = /* @__PURE__ */ H({
   __name: "MessageList",
   setup(e) {
-    const t = l(() => q.items), a = H({
+    const t = l(() => K.items), a = H({
       name: "MarkupIcon",
       props: {
         markup: {
@@ -594,64 +801,64 @@ const zt = {
           required: !0
         }
       },
-      setup(r) {
-        return () => be("span", { class: "mu-message__icon-markup", innerHTML: r.markup });
+      setup(c) {
+        return () => he("span", { class: "mu-message__icon-markup", innerHTML: c.markup });
       }
     });
-    function s(r) {
-      return typeof r != "string";
+    function s(c) {
+      return typeof c != "string";
     }
-    function c(r) {
-      Nt(r);
+    function r(c) {
+      ra(c);
     }
-    function n(r) {
-      Ht(r);
+    function n(c) {
+      ca(c);
     }
-    function o(r) {
-      if (!(r instanceof globalThis.HTMLElement))
+    function o(c) {
+      if (!(c instanceof globalThis.HTMLElement))
         return;
-      const u = r.getBoundingClientRect();
-      r.style.width = `${u.width}px`, r.style.height = `${u.height}px`;
+      const i = c.getBoundingClientRect();
+      c.style.width = `${i.width}px`, c.style.height = `${i.height}px`;
     }
-    const i = {
+    const u = {
       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>',
       warning: '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4.5L20 18.5H4L12 4.5Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/><path d="M12 9.5V13.5" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><circle cx="12" cy="16.5" r="1" fill="currentColor"/></svg>',
       info: '<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"/><circle cx="12" cy="8.5" r="1" fill="currentColor"/><path d="M12 11.5V16" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>',
       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 (r, u) => (f(), m("div", zt, [
-      Oe(Ae, {
+    return (c, i) => (f(), m("div", da, [
+      Y(Qe, {
         name: "mu-message-fade",
         tag: "div",
         class: "mu-message-list__stack",
         onBeforeLeave: o
       }, {
-        default: W(() => [
-          (f(!0), m(X, null, pe(t.value, (d) => (f(), m("div", {
+        default: U(() => [
+          (f(!0), m(ee, null, we(t.value, (d) => (f(), m("div", {
             key: d.id,
-            class: J(["mu-message", [`mu-message--${d.type}`, { "mu-message--compact": !d.description }]]),
+            class: O(["mu-message", [`mu-message--${d.type}`, { "mu-message--compact": !d.description }]]),
             role: "status",
-            onMouseenter: (y) => c(d.id),
-            onMouseleave: (y) => n(d.id)
+            onMouseenter: (k) => r(d.id),
+            onMouseleave: (k) => n(d.id)
           }, [
-            v("span", Ot, [
-              d.icon && s(d.icon) ? (f(), E(Re(d.icon), { key: 0 })) : (f(), E(O(a), {
+            v("span", va, [
+              d.icon && s(d.icon) ? (f(), Z(Ye(d.icon), { key: 0 })) : (f(), Z(D(a), {
                 key: 1,
-                markup: typeof d.icon == "string" ? d.icon : i[d.type]
+                markup: typeof d.icon == "string" ? d.icon : u[d.type]
               }, null, 8, ["markup"]))
             ]),
-            v("div", At, [
-              v("div", Rt, A(d.title), 1),
-              d.description ? (f(), m("p", Dt, A(d.description), 1)) : M("", !0)
+            v("div", ma, [
+              v("div", ha, z(d.title), 1),
+              d.description ? (f(), m("p", ga, z(d.description), 1)) : V("", !0)
             ]),
             d.closable ? (f(), m("button", {
               key: 0,
               type: "button",
               class: "mu-message__close",
               "aria-label": "Close message",
-              onClick: (y) => O(Pt)(d.id)
-            }, [...u[0] || (u[0] = [
+              onClick: (k) => D(ua)(d.id)
+            }, [...i[0] || (i[0] = [
               v("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
@@ -664,14 +871,14 @@ const zt = {
                   "stroke-linecap": "round"
                 })
               ], -1)
-            ])], 8, Gt)) : M("", !0)
-          ], 42, It))), 128))
+            ])], 8, pa)) : V("", !0)
+          ], 42, fa))), 128))
         ]),
         _: 1
       })
     ]));
   }
-}), ts = /* @__PURE__ */ z(Et, [["__scopeId", "data-v-fca28789"]]), jt = {
+}), Ps = /* @__PURE__ */ I(ba, [["__scopeId", "data-v-fca28789"]]), _a = {
   medium: {
     width: "548px",
     minHeight: "228px"
@@ -681,8 +888,8 @@ const zt = {
     minHeight: "500px"
   }
 };
-function fe(e = {}) {
-  const t = e.size ?? "medium", a = jt[t], s = e.variant ?? "form";
+function ke(e = {}) {
+  const t = e.size ?? "medium", a = _a[t], s = e.variant ?? "form";
   return {
     visible: e.visible ?? !1,
     title: e.title ?? "",
@@ -702,8 +909,8 @@ function fe(e = {}) {
     okLoading: e.okLoading ?? !1
   };
 }
-function Ut(e = {}) {
-  const t = fe(e), a = [
+function ka(e = {}) {
+  const t = ke(e), a = [
     "mu-modal",
     `mu-modal--${t.size}`,
     `mu-modal--${t.status}`,
@@ -711,8 +918,8 @@ function Ut(e = {}) {
   ];
   return t.variant === "feedback" && a.push("mu-modal--feedback"), a;
 }
-function Zt(e = {}) {
-  const t = fe(e);
+function ya(e = {}) {
+  const t = ke(e);
   return t.variant === "feedback" ? {
     type: "secondary",
     status: t.status === "default" ? void 0 : t.status
@@ -723,13 +930,13 @@ function Zt(e = {}) {
     type: "primary"
   };
 }
-const Ft = {
+const Ca = {
   key: 0,
   class: "mu-modal-root"
-}, qt = { class: "mu-modal__header" }, Kt = ["data-status"], Xt = { class: "mu-modal__body" }, Wt = {
+}, wa = { class: "mu-modal__header" }, xa = ["data-status"], Va = { class: "mu-modal__body" }, $a = {
   key: 0,
   class: "mu-modal__footer"
-}, Jt = /* @__PURE__ */ H({
+}, Ta = /* @__PURE__ */ H({
   inheritAttrs: !1,
   __name: "Modal",
   props: {
@@ -750,76 +957,76 @@ const Ft = {
   },
   emits: ["update:visible", "ok", "cancel", "close"],
   setup(e, { emit: t }) {
-    const a = e, s = t, c = D(), n = l(() => fe(a)), o = l(() => [Ut(a), c.class]), i = l(() => {
-      const { class: h, style: p, ...B } = c;
+    const a = e, s = t, r = E(), n = l(() => ke(a)), o = l(() => [ka(a), r.class]), u = l(() => {
+      const { class: g, style: b, ...B } = r;
       return B;
-    }), r = l(() => Zt(a)), u = l(
+    }), c = l(() => ya(a)), i = l(
       () => n.value.variant === "feedback" && n.value.hideCancel
     ), d = l(() => [
       {
         width: n.value.width,
         minHeight: n.value.minHeight
       },
-      c.style
-    ]), y = `mu-modal-title-${Math.random().toString(36).slice(2, 10)}`, _ = typeof globalThis.document < "u" ? globalThis.document : null;
+      r.style
+    ]), k = `mu-modal-title-${Math.random().toString(36).slice(2, 10)}`, _ = typeof globalThis.document < "u" ? globalThis.document : null;
     function T() {
       s("update:visible", !1);
     }
-    function x() {
+    function C() {
       n.value.maskClosable && (T(), s("cancel", new globalThis.MouseEvent("click")));
     }
-    function b() {
+    function p() {
       T(), s("close");
     }
-    function g(h) {
-      s("cancel", h), T();
+    function y(g) {
+      s("cancel", g), T();
     }
-    function S(h) {
-      s("ok", h);
+    function L(g) {
+      s("ok", g);
     }
-    function $(h) {
-      h.key !== "Escape" || !n.value.visible || !n.value.escToClose || (T(), s("close"));
+    function M(g) {
+      g.key !== "Escape" || !n.value.visible || !n.value.escToClose || (T(), s("close"));
     }
-    return ne(() => {
-      _ && _.addEventListener("keydown", $);
-    }), oe(() => {
-      _ && (_.removeEventListener("keydown", $), _.body.style.overflow = "");
-    }), ue(
+    return ge(() => {
+      _ && _.addEventListener("keydown", M);
+    }), se(() => {
+      _ && (_.removeEventListener("keydown", M), _.body.style.overflow = "");
+    }), ae(
       () => n.value.visible,
-      (h) => {
-        _ && (_.body.style.overflow = h ? "hidden" : "");
+      (g) => {
+        _ && (_.body.style.overflow = g ? "hidden" : "");
       },
       { immediate: !0 }
-    ), (h, p) => (f(), E(De, { to: "body" }, [
-      n.value.visible ? (f(), m("div", Ft, [
+    ), (g, b) => (f(), Z(xe, { to: "body" }, [
+      n.value.visible ? (f(), m("div", Ca, [
         v("div", {
           class: "mu-modal__mask",
-          onClick: x
+          onClick: C
         }),
-        v("div", R(i.value, {
+        v("div", R(u.value, {
           class: o.value,
           style: d.value,
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": y
+          "aria-labelledby": k
         }), [
-          v("header", qt, [
+          v("header", wa, [
             v("div", {
-              id: y,
+              id: k,
               class: "mu-modal__title",
               "data-status": n.value.status
             }, [
-              w(h.$slots, "title", {}, () => [
-                G(A(n.value.title), 1)
+              x(g.$slots, "title", {}, () => [
+                G(z(n.value.title), 1)
               ], !0)
-            ], 8, Kt),
+            ], 8, xa),
             n.value.closable ? (f(), m("button", {
               key: 0,
               type: "button",
               class: "mu-modal__close",
               "aria-label": "Close dialog",
-              onClick: b
-            }, [...p[0] || (p[0] = [
+              onClick: p
+            }, [...b[0] || (b[0] = [
               v("span", {
                 class: "mu-modal__close-icon",
                 "aria-hidden": "true"
@@ -843,96 +1050,96 @@ const Ft = {
                   })
                 ])
               ], -1)
-            ])])) : M("", !0)
+            ])])) : V("", !0)
           ]),
-          v("div", Xt, [
-            w(h.$slots, "default", {}, void 0, !0)
+          v("div", Va, [
+            x(g.$slots, "default", {}, void 0, !0)
           ]),
-          h.$slots.footer || !n.value.hideOk || !n.value.hideCancel ? (f(), m("footer", Wt, [
-            w(h.$slots, "footer", {}, () => [
-              n.value.hideCancel ? M("", !0) : (f(), E(O(me), {
+          g.$slots.footer || !n.value.hideOk || !n.value.hideCancel ? (f(), m("footer", $a, [
+            x(g.$slots, "footer", {}, () => [
+              n.value.hideCancel ? V("", !0) : (f(), Z(D(Ce), {
                 key: 0,
                 type: "ghost",
                 class: "mu-modal__cancel",
-                onClick: g
+                onClick: y
               }, {
-                default: W(() => [
-                  G(A(n.value.cancelText), 1)
+                default: U(() => [
+                  G(z(n.value.cancelText), 1)
                 ]),
                 _: 1
               })),
-              n.value.hideOk ? M("", !0) : (f(), E(O(me), R({ key: 1 }, r.value, {
+              n.value.hideOk ? V("", !0) : (f(), Z(D(Ce), R({ key: 1 }, c.value, {
                 loading: n.value.okLoading,
-                class: ["mu-modal__ok", { "mu-modal__ok--block": u.value }],
-                onClick: S
+                class: ["mu-modal__ok", { "mu-modal__ok--block": i.value }],
+                onClick: L
               }), {
-                default: W(() => [
-                  G(A(n.value.okText), 1)
+                default: U(() => [
+                  G(z(n.value.okText), 1)
                 ]),
                 _: 1
               }, 16, ["loading", "class"]))
             ], !0)
-          ])) : M("", !0)
+          ])) : V("", !0)
         ], 16)
-      ])) : M("", !0)
+      ])) : V("", !0)
     ]));
   }
-}), Qt = /* @__PURE__ */ z(Jt, [["__scopeId", "data-v-e94991b0"]]);
-function Yt(e) {
+}), Ma = /* @__PURE__ */ I(Ta, [["__scopeId", "data-v-e94991b0"]]);
+function Ba(e) {
   return e === void 0 ? null : typeof e == "function" ? e() : e;
 }
-function K(e = {}) {
+function Q(e = {}) {
   return typeof globalThis.document > "u" ? Promise.resolve(!1) : new Promise((t) => {
     const a = globalThis.document.createElement("div");
     globalThis.document.body.appendChild(a);
-    const s = N(!0);
-    let c = null, n = !1;
+    const s = S(!0);
+    let r = null, n = !1;
     const o = () => {
-      c && (c.unmount(), c = null), a.parentNode && a.parentNode.removeChild(a);
-    }, i = (d) => {
+      r && (r.unmount(), r = null), a.parentNode && a.parentNode.removeChild(a);
+    }, u = (d) => {
       n || (n = !0, s.value = !1, queueMicrotask(() => {
         o(), t(d);
       }));
-    }, { content: r, ...u } = e;
-    c = Ge({
+    }, { content: c, ...i } = e;
+    r = Ve({
       render() {
-        return be(
-          Qt,
+        return he(
+          Ma,
           {
-            ...u,
+            ...i,
             visible: s.value,
             "onUpdate:visible": (d) => {
-              d || i(!1);
+              d || u(!1);
             },
-            onOk: () => i(!0),
-            onCancel: () => i(!1),
-            onClose: () => i(!1)
+            onOk: () => u(!0),
+            onCancel: () => u(!1),
+            onClose: () => u(!1)
           },
           {
-            default: () => Yt(r)
+            default: () => Ba(c)
           }
         );
       }
-    }), c.mount(a);
+    }), r.mount(a);
   });
 }
-const as = {
+const Ns = {
   /** 通用版本，透传所有 props，默认 variant='form'。 */
-  show: K,
+  show: Q,
   /** 通用确认弹窗，等价于 show，使用 form 形态 + 自定义 status。 */
-  confirm: (e = {}) => K(e),
+  confirm: (e = {}) => Q(e),
   /** 反馈形态 + status='success'。 */
-  success: (e = {}) => K({ ...e, variant: "feedback", status: "success" }),
+  success: (e = {}) => Q({ ...e, variant: "feedback", status: "success" }),
   /** 反馈形态 + status='danger'。 */
-  danger: (e = {}) => K({ ...e, variant: "feedback", status: "danger" })
-}, $e = Symbol("MuRadioGroup"), ea = ["horizontal", "vertical"];
-function ta(e, t) {
+  danger: (e = {}) => Q({ ...e, variant: "feedback", status: "danger" })
+}, Ee = Symbol("MuRadioGroup"), Sa = ["horizontal", "vertical"];
+function La(e, t) {
   return typeof t == "string" && e.includes(t);
 }
-function aa(e) {
-  return ta(ea, e);
+function Pa(e) {
+  return La(Sa, e);
 }
-function Be(e = {}) {
+function Ge(e = {}) {
   return {
     modelValue: e.modelValue,
     value: e.value ?? !0,
@@ -941,33 +1148,33 @@ function Be(e = {}) {
     name: e.name
   };
 }
-function Te(e = {}) {
+function Ze(e = {}) {
   return {
     modelValue: e.modelValue,
     defaultValue: e.defaultValue,
     disabled: e.disabled ?? !1,
     name: e.name,
-    direction: aa(e.direction) ? e.direction : "horizontal"
+    direction: Pa(e.direction) ? e.direction : "horizontal"
   };
 }
-function sa(e = {}) {
+function Na(e = {}) {
   return e.modelValue !== void 0;
 }
-function la(e = {}) {
+function Ha(e = {}) {
   return e.modelValue !== void 0;
 }
-function te(e, t) {
+function de(e, t) {
   return Object.is(e, t);
 }
-function na(e = {}, t = {}) {
-  const a = Be(e), s = ["mu-radio"];
+function Ia(e = {}, t = {}) {
+  const a = Ge(e), s = ["mu-radio"];
   return t.checked && s.push("is-checked"), (t.disabled || a.disabled) && s.push("is-disabled"), s;
 }
-function oa(e = {}) {
-  const t = Te(e), a = ["mu-radio-group", `mu-radio-group--${t.direction}`];
+function za(e = {}) {
+  const t = Ze(e), a = ["mu-radio-group", `mu-radio-group--${t.direction}`];
   return t.disabled && a.push("is-disabled"), a;
 }
-const ua = ["checked", "disabled", "name", "value"], ia = { class: "mu-radio__label" }, ra = /* @__PURE__ */ H({
+const Aa = ["checked", "disabled", "name", "value"], Oa = { class: "mu-radio__label" }, Da = /* @__PURE__ */ H({
   inheritAttrs: !1,
   __name: "Radio",
   props: {
@@ -979,68 +1186,68 @@ const ua = ["checked", "disabled", "name", "value"], ia = { class: "mu-radio__la
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(e, { emit: t }) {
-    const a = e, s = t, c = D(), n = se($e, null), o = l(() => Be(a)), i = l(() => sa(a)), r = N(o.value.defaultChecked), u = l(() => n ? te(n.value.value, o.value.value) : i.value ? te(o.value.modelValue, o.value.value) : r.value), d = l(
+    const a = e, s = t, r = E(), n = ve(Ee, null), o = l(() => Ge(a)), u = l(() => Na(a)), c = S(o.value.defaultChecked), i = l(() => n ? de(n.value.value, o.value.value) : u.value ? de(o.value.modelValue, o.value.value) : c.value), d = l(
       () => o.value.disabled || !!(n != null && n.disabled.value)
-    ), y = l(() => (n == null ? void 0 : n.name.value) ?? o.value.name), k = l(() => String(o.value.value)), _ = l(() => [
-      na(a, {
-        checked: u.value,
+    ), k = l(() => (n == null ? void 0 : n.name.value) ?? o.value.name), h = l(() => String(o.value.value)), _ = l(() => [
+      Ia(a, {
+        checked: i.value,
         disabled: d.value
       }),
-      c.class
+      r.class
     ]), T = l(() => {
-      const { class: h, style: p, ...B } = c;
+      const { class: g, style: b, ...B } = r;
       return B;
-    }), x = l(() => c.style);
-    function b(h, p) {
-      i.value || (r.value = !0), s("update:modelValue", h), s("change", h, p);
+    }), C = l(() => r.style);
+    function p(g, b) {
+      u.value || (c.value = !0), s("update:modelValue", g), s("change", g, b);
     }
-    function g(h) {
+    function y(g) {
       if (d.value)
         return;
-      const p = o.value.value, B = h.target instanceof globalThis.HTMLInputElement ? h.target : null;
+      const b = o.value.value, B = g.target instanceof globalThis.HTMLInputElement ? g.target : null;
       if (n) {
-        n.select(p, h), j(() => {
-          B && (B.checked = u.value);
+        n.select(b, g), j(() => {
+          B && (B.checked = i.value);
         });
         return;
       }
-      b(p, h), j(() => {
-        B && (B.checked = u.value);
+      p(b, g), j(() => {
+        B && (B.checked = i.value);
       });
     }
-    function S(h) {
-      s("focus", h);
+    function L(g) {
+      s("focus", g);
     }
-    function $(h) {
-      s("blur", h);
+    function M(g) {
+      s("blur", g);
     }
-    return (h, p) => (f(), m("label", R(T.value, {
+    return (g, b) => (f(), m("label", R(T.value, {
       class: _.value,
-      style: x.value
+      style: C.value
     }), [
       v("input", {
         class: "mu-radio__input",
         type: "radio",
-        checked: u.value,
+        checked: i.value,
         disabled: d.value,
-        name: y.value,
-        value: k.value,
-        onChange: g,
-        onFocus: S,
-        onBlur: $
-      }, null, 40, ua),
-      p[0] || (p[0] = v("span", {
+        name: k.value,
+        value: h.value,
+        onChange: y,
+        onFocus: L,
+        onBlur: M
+      }, null, 40, Aa),
+      b[0] || (b[0] = v("span", {
         class: "mu-radio__control",
         "aria-hidden": "true"
       }, [
         v("span", { class: "mu-radio__dot" })
       ], -1)),
-      v("span", ia, [
-        w(h.$slots, "default", {}, void 0, !0)
+      v("span", Oa, [
+        x(g.$slots, "default", {}, void 0, !0)
       ])
     ], 16));
   }
-}), ss = /* @__PURE__ */ z(ra, [["__scopeId", "data-v-f1283749"]]), ca = /* @__PURE__ */ H({
+}), Hs = /* @__PURE__ */ I(Da, [["__scopeId", "data-v-f1283749"]]), Ra = /* @__PURE__ */ H({
   inheritAttrs: !1,
   __name: "RadioGroup",
   props: {
@@ -1052,46 +1259,46 @@ const ua = ["checked", "disabled", "name", "value"], ia = { class: "mu-radio__la
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: t }) {
-    const a = e, s = t, c = D(), n = l(() => Te(a)), o = l(() => la(a)), i = N(n.value.defaultValue), r = l(
-      () => o.value ? n.value.modelValue : i.value
-    ), u = l(() => n.value.disabled), d = l(() => n.value.name), y = l(() => [oa(a), c.class]), k = l(() => {
-      const { class: x, style: b, ...g } = c;
-      return g;
-    }), _ = l(() => c.style);
-    function T(x, b) {
-      n.value.disabled || te(r.value, x) || (o.value || (i.value = x), s("update:modelValue", x), s("change", x, b));
+    const a = e, s = t, r = E(), n = l(() => Ze(a)), o = l(() => Ha(a)), u = S(n.value.defaultValue), c = l(
+      () => o.value ? n.value.modelValue : u.value
+    ), i = l(() => n.value.disabled), d = l(() => n.value.name), k = l(() => [za(a), r.class]), h = l(() => {
+      const { class: C, style: p, ...y } = r;
+      return y;
+    }), _ = l(() => r.style);
+    function T(C, p) {
+      n.value.disabled || de(c.value, C) || (o.value || (u.value = C), s("update:modelValue", C), s("change", C, p));
     }
-    return le($e, {
-      value: r,
-      disabled: u,
+    return me(Ee, {
+      value: c,
+      disabled: i,
       name: d,
       select: T
-    }), (x, b) => (f(), m("div", R(k.value, {
+    }), (C, p) => (f(), m("div", R(h.value, {
       role: "radiogroup",
-      class: y.value,
+      class: k.value,
       style: _.value
     }), [
-      w(x.$slots, "default", {}, void 0, !0)
+      x(C.$slots, "default", {}, void 0, !0)
     ], 16));
   }
-}), ls = /* @__PURE__ */ z(ca, [["__scopeId", "data-v-3879fec4"]]), da = ["circle", "round", "line"], fa = ["small", "medium"];
-function Me(e, t) {
+}), Is = /* @__PURE__ */ I(Ra, [["__scopeId", "data-v-3879fec4"]]), Ea = ["circle", "round", "line"], Ga = ["small", "medium"];
+function Ue(e, t) {
   return typeof t == "string" && e.includes(t);
 }
-function va(e) {
-  return Me(da, e);
+function Za(e) {
+  return Ue(Ea, e);
 }
-function ma(e) {
-  return Me(fa, e);
+function Ua(e) {
+  return Ue(Ga, e);
 }
-function ae(e = {}) {
+function fe(e = {}) {
   return {
     modelValue: e.modelValue,
     defaultChecked: e.defaultChecked ?? !1,
     disabled: e.disabled ?? !1,
     loading: e.loading ?? !1,
-    type: va(e.type) ? e.type : "circle",
-    size: ma(e.size) ? e.size : "medium",
+    type: Za(e.type) ? e.type : "circle",
+    size: Ua(e.size) ? e.size : "medium",
     checkedValue: e.checkedValue ?? !0,
     uncheckedValue: e.uncheckedValue ?? !1,
     checkedColor: e.checkedColor,
@@ -1101,35 +1308,35 @@ function ae(e = {}) {
     uncheckedText: e.uncheckedText
   };
 }
-function ha(e = {}) {
+function ja(e = {}) {
   return e.modelValue !== void 0;
 }
-function Se(e, t) {
+function je(e, t) {
   return Object.is(e, t.checkedValue);
 }
-function pa(e, t) {
-  return Se(e, t) ? t.uncheckedValue : t.checkedValue;
+function Fa(e, t) {
+  return je(e, t) ? t.uncheckedValue : t.checkedValue;
 }
-function ba(e) {
+function Ka(e) {
   return e.type !== "line" && e.size !== "small";
 }
-function ga(e = {}, t = {}) {
-  const a = ae(e), s = ["mu-switch", `mu-switch--${a.type}`, `mu-switch--${a.size}`];
+function qa(e = {}, t = {}) {
+  const a = fe(e), s = ["mu-switch", `mu-switch--${a.type}`, `mu-switch--${a.size}`];
   return t.checked && s.push("is-checked"), a.disabled && s.push("is-disabled"), (a.loading || t.loading) && s.push("is-loading"), s;
 }
-const ka = ["aria-checked", "disabled"], _a = {
+const Xa = ["aria-checked", "disabled"], Wa = {
   class: "mu-switch__thumb",
   "aria-hidden": "true"
-}, Ca = {
+}, Ja = {
   key: 0,
   class: "mu-switch__loading-icon",
   viewBox: "0 0 16 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, ya = {
+}, Qa = {
   key: 0,
   class: "mu-switch__label"
-}, wa = /* @__PURE__ */ H({
+}, Ya = /* @__PURE__ */ H({
   inheritAttrs: !1,
   __name: "Switch",
   props: {
@@ -1149,136 +1356,136 @@ const ka = ["aria-checked", "disabled"], _a = {
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(e, { emit: t }) {
-    const a = e, s = t, c = D(), n = F(), o = N(!1), i = ae(a), r = N(
-      i.defaultChecked ? i.checkedValue : i.uncheckedValue
-    ), u = l(() => ae(a)), d = l(() => ha(a)), y = l(
-      () => d.value ? u.value.modelValue : r.value
-    ), k = l(() => Se(y.value, u.value)), _ = l(() => u.value.loading || o.value), T = l(() => ba(u.value)), x = l(() => T.value ? k.value ? !!(n.checked || u.value.checkedText) : !!(n.unchecked || u.value.uncheckedText) : !1), b = l(() => [
-      ga(a, {
-        checked: k.value,
+    const a = e, s = t, r = E(), n = F(), o = S(!1), u = fe(a), c = S(
+      u.defaultChecked ? u.checkedValue : u.uncheckedValue
+    ), i = l(() => fe(a)), d = l(() => ja(a)), k = l(
+      () => d.value ? i.value.modelValue : c.value
+    ), h = l(() => je(k.value, i.value)), _ = l(() => i.value.loading || o.value), T = l(() => Ka(i.value)), C = l(() => T.value ? h.value ? !!(n.checked || i.value.checkedText) : !!(n.unchecked || i.value.uncheckedText) : !1), p = l(() => [
+      qa(a, {
+        checked: h.value,
         loading: o.value
       }),
       {
-        "has-label": x.value
+        "has-label": C.value
       },
-      c.class
-    ]), g = l(() => {
-      const { class: C, style: L, type: V, ...P } = c;
-      return P;
-    }), S = l(() => {
-      const C = {};
-      return u.value.checkedColor && (C["--mu-switch-current-checked-bg"] = u.value.checkedColor, C["--mu-switch-current-checked-border"] = u.value.checkedColor, C["--mu-switch-current-checked-thumb"] = u.value.checkedColor, C["--mu-switch-current-checked-glow"] = `0 0 12px ${u.value.checkedColor}`), u.value.uncheckedColor && (C["--mu-switch-current-unchecked-bg"] = u.value.uncheckedColor), [C, c.style];
+      r.class
+    ]), y = l(() => {
+      const { class: w, style: P, type: $, ...N } = r;
+      return N;
+    }), L = l(() => {
+      const w = {};
+      return i.value.checkedColor && (w["--mu-switch-current-checked-bg"] = i.value.checkedColor, w["--mu-switch-current-checked-border"] = i.value.checkedColor, w["--mu-switch-current-checked-thumb"] = i.value.checkedColor, w["--mu-switch-current-checked-glow"] = `0 0 12px ${i.value.checkedColor}`), i.value.uncheckedColor && (w["--mu-switch-current-unchecked-bg"] = i.value.uncheckedColor), [w, r.style];
     });
-    function $() {
+    function M() {
     }
-    function h(C) {
-      const L = u.value.beforeChange;
-      if (!L)
+    function g(w) {
+      const P = i.value.beforeChange;
+      if (!P)
         return !0;
       try {
-        const V = L(C);
-        return V instanceof Promise ? (o.value = !0, V.then((P) => P !== !1).catch(() => !1)) : V !== !1;
+        const $ = P(w);
+        return $ instanceof Promise ? (o.value = !0, $.then((N) => N !== !1).catch(() => !1)) : $ !== !1;
       } catch {
         return !1;
       }
     }
-    function p(C, L) {
-      d.value || (r.value = C), s("update:modelValue", C), s("change", C, L);
+    function b(w, P) {
+      d.value || (c.value = w), s("update:modelValue", w), s("change", w, P);
     }
-    function B(C) {
-      if (u.value.disabled || _.value)
+    function B(w) {
+      if (i.value.disabled || _.value)
         return;
-      const L = pa(y.value, u.value), V = h(L);
-      if (V instanceof Promise) {
-        V.then((P) => {
-          P && p(L, C);
+      const P = Fa(k.value, i.value), $ = g(P);
+      if ($ instanceof Promise) {
+        $.then((N) => {
+          N && b(P, w);
         }).finally(() => {
           o.value = !1;
         });
         return;
       }
-      V && p(L, C);
+      $ && b(P, w);
     }
-    function I(C) {
-      s("focus", C);
+    function A(w) {
+      s("focus", w);
     }
-    function Y(C) {
-      s("blur", C);
+    function oe(w) {
+      s("blur", w);
     }
-    return (C, L) => (f(), m("button", R(g.value, {
+    return (w, P) => (f(), m("button", R(y.value, {
       type: "button",
       role: "switch",
-      class: b.value,
-      style: S.value,
-      "aria-checked": k.value ? "true" : "false",
-      disabled: u.value.disabled || _.value,
+      class: p.value,
+      style: L.value,
+      "aria-checked": h.value ? "true" : "false",
+      disabled: i.value.disabled || _.value,
       onClick: B,
-      onFocus: I,
-      onBlur: Y
+      onFocus: A,
+      onBlur: oe
     }), [
-      L[1] || (L[1] = v("span", {
+      P[1] || (P[1] = v("span", {
         class: "mu-switch__line-track",
         "aria-hidden": "true"
       }, null, -1)),
-      v("span", _a, [
-        _.value ? (f(), m("svg", Ca, [...L[0] || (L[0] = [
+      v("span", Wa, [
+        _.value ? (f(), m("svg", Ja, [...P[0] || (P[0] = [
           v("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)
-        ])])) : k.value ? w(C.$slots, "checked-icon", { key: 1 }, void 0, !0) : w(C.$slots, "unchecked-icon", { key: 2 }, void 0, !0)
+        ])])) : h.value ? x(w.$slots, "checked-icon", { key: 1 }, void 0, !0) : x(w.$slots, "unchecked-icon", { key: 2 }, void 0, !0)
       ]),
-      x.value ? (f(), m("span", ya, [
-        k.value ? w(C.$slots, "checked", { key: 0 }, () => [
-          G(A(u.value.checkedText), 1)
-        ], !0) : w(C.$slots, "unchecked", { key: 1 }, () => [
-          G(A(u.value.uncheckedText), 1)
+      C.value ? (f(), m("span", Qa, [
+        h.value ? x(w.$slots, "checked", { key: 0 }, () => [
+          G(z(i.value.checkedText), 1)
+        ], !0) : x(w.$slots, "unchecked", { key: 1 }, () => [
+          G(z(i.value.uncheckedText), 1)
         ], !0)
-      ])) : M("", !0)
-    ], 16, ka));
+      ])) : V("", !0)
+    ], 16, Xa));
   }
-}), ns = /* @__PURE__ */ z(wa, [["__scopeId", "data-v-8cfb8f2a"]]), Le = Symbol("MuTabs"), xa = ["line", "segment"], Va = ["small", "medium", "large"], $a = ["white", "ghost"], Ba = ["content", "equal"];
-function Q(e, t) {
+}), zs = /* @__PURE__ */ I(Ya, [["__scopeId", "data-v-8cfb8f2a"]]), Fe = Symbol("MuTabs"), es = ["line", "segment"], ts = ["small", "medium", "large"], as = ["white", "ghost"], ss = ["content", "equal"];
+function ne(e, t) {
   return typeof t == "string" && e.includes(t);
 }
-function Ta(e) {
-  return Q(xa, e);
+function ls(e) {
+  return ne(es, e);
 }
-function Ma(e) {
-  return Q(Va, e);
+function ns(e) {
+  return ne(ts, e);
 }
-function Sa(e) {
-  return Q($a, e);
+function os(e) {
+  return ne(as, e);
 }
-function La(e) {
-  return Q(Ba, e);
+function is(e) {
+  return ne(ss, e);
 }
-function Pe(e = {}) {
-  const t = e, a = Ta(t.variant) ? t.variant : "line";
+function Ke(e = {}) {
+  const t = e, a = ls(t.variant) ? t.variant : "line";
   return {
     modelValue: e.modelValue,
     defaultValue: e.defaultValue,
     variant: a,
-    appearance: a === "segment" && Sa(t.appearance) ? t.appearance : a === "segment" ? "white" : void 0,
-    size: Ma(t.size) ? t.size : "medium",
-    layout: La(t.layout) ? t.layout : "content",
+    appearance: a === "segment" && os(t.appearance) ? t.appearance : a === "segment" ? "white" : void 0,
+    size: ns(t.size) ? t.size : "medium",
+    layout: is(t.layout) ? t.layout : "content",
     disabled: e.disabled ?? !1
   };
 }
-function Pa(e) {
+function us(e) {
   return {
     value: e.value,
     disabled: e.disabled ?? !1
   };
 }
-function Na(e = {}) {
+function rs(e = {}) {
   return e.modelValue !== void 0;
 }
-function Ne(e, t) {
+function qe(e, t) {
   return Object.is(e, t);
 }
-function Ha(e = {}) {
-  const t = Pe(e), a = [
+function cs(e = {}) {
+  const t = Ke(e), a = [
     "mu-tabs",
     `mu-tabs--variant-${t.variant}`,
     `mu-tabs--size-${t.size}`,
@@ -1286,19 +1493,19 @@ function Ha(e = {}) {
   ];
   return t.variant === "segment" && a.push(`mu-tabs--appearance-${t.appearance}`), t.disabled && a.push("is-disabled"), a;
 }
-function za(e, t = {}) {
+function ds(e, t = {}) {
   const a = ["mu-tab"];
   return t.active && a.push("is-active"), (t.disabled || e.disabled) && a.push("is-disabled"), a;
 }
-const Ia = ["aria-selected", "disabled"], Oa = {
+const fs = ["aria-selected", "disabled"], vs = {
   key: 0,
   class: "mu-tab__prefix",
   "aria-hidden": "true"
-}, Aa = { class: "mu-tab__content" }, Ra = {
+}, ms = { class: "mu-tab__content" }, hs = {
   key: 1,
   class: "mu-tab__suffix",
   "aria-hidden": "true"
-}, Da = /* @__PURE__ */ H({
+}, gs = /* @__PURE__ */ H({
   inheritAttrs: !1,
   __name: "Tab",
   props: {
@@ -1307,63 +1514,63 @@ const Ia = ["aria-selected", "disabled"], Oa = {
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const a = e, s = t, c = D(), n = F(), o = se(Le, null), i = N(null), r = l(() => Pa(a)), u = l(
-      () => o ? Ne(o.value.value, r.value.value) : !1
+    const a = e, s = t, r = E(), n = F(), o = ve(Fe, null), u = S(null), c = l(() => us(a)), i = l(
+      () => o ? qe(o.value.value, c.value.value) : !1
     ), d = l(
-      () => r.value.disabled || !!(o != null && o.disabled.value)
-    ), y = l(() => [
-      za(a, {
-        active: u.value,
+      () => c.value.disabled || !!(o != null && o.disabled.value)
+    ), k = l(() => [
+      ds(a, {
+        active: i.value,
         disabled: d.value
       }),
-      c.class
-    ]), k = l(() => {
-      const { class: b, style: g, ...S } = c;
-      return S;
-    }), _ = l(() => c.style);
+      r.class
+    ]), h = l(() => {
+      const { class: p, style: y, ...L } = r;
+      return L;
+    }), _ = l(() => r.style);
     function T() {
-      !o || !i.value || o.registerItem(r.value.value, i.value);
+      !o || !u.value || o.registerItem(c.value.value, u.value);
     }
-    function x(b) {
+    function C(p) {
       if (d.value) {
-        b.preventDefault(), b.stopPropagation();
+        p.preventDefault(), p.stopPropagation();
         return;
       }
-      o && o.select(r.value.value, b), s("click", b);
+      o && o.select(c.value.value, p), s("click", p);
     }
-    return ne(() => {
+    return ge(() => {
       T();
-    }), oe(() => {
-      o == null || o.unregisterItem(r.value.value);
-    }), ue(
-      () => r.value.value,
-      (b, g) => {
-        !o || !i.value || (o.unregisterItem(g), o.registerItem(b, i.value));
+    }), se(() => {
+      o == null || o.unregisterItem(c.value.value);
+    }), ae(
+      () => c.value.value,
+      (p, y) => {
+        !o || !u.value || (o.unregisterItem(y), o.registerItem(p, u.value));
       }
-    ), (b, g) => (f(), m("button", R({
+    ), (p, y) => (f(), m("button", R({
       ref_key: "buttonRef",
-      ref: i
-    }, k.value, {
+      ref: u
+    }, h.value, {
       type: "button",
       role: "tab",
-      class: y.value,
+      class: k.value,
       style: _.value,
-      "aria-selected": u.value ? "true" : "false",
+      "aria-selected": i.value ? "true" : "false",
       disabled: d.value,
-      onClick: x
+      onClick: C
     }), [
-      O(n).prefix ? (f(), m("span", Oa, [
-        w(b.$slots, "prefix", {}, void 0, !0)
-      ])) : M("", !0),
-      v("span", Aa, [
-        w(b.$slots, "default", {}, void 0, !0)
+      D(n).prefix ? (f(), m("span", vs, [
+        x(p.$slots, "prefix", {}, void 0, !0)
+      ])) : V("", !0),
+      v("span", ms, [
+        x(p.$slots, "default", {}, void 0, !0)
       ]),
-      O(n).suffix ? (f(), m("span", Ra, [
-        w(b.$slots, "suffix", {}, void 0, !0)
-      ])) : M("", !0)
-    ], 16, Ia));
+      D(n).suffix ? (f(), m("span", hs, [
+        x(p.$slots, "suffix", {}, void 0, !0)
+      ])) : V("", !0)
+    ], 16, fs));
   }
-}), os = /* @__PURE__ */ z(Da, [["__scopeId", "data-v-eeb068b0"]]), Ga = /* @__PURE__ */ H({
+}), As = /* @__PURE__ */ I(gs, [["__scopeId", "data-v-eeb068b0"]]), ps = /* @__PURE__ */ H({
   inheritAttrs: !1,
   __name: "Tabs",
   props: {
@@ -1377,109 +1584,109 @@ const Ia = ["aria-selected", "disabled"], Oa = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: t }) {
-    const a = e, s = t, c = D(), n = N(null), o = l(() => Pe(a)), i = l(() => Na(a)), r = N(o.value.defaultValue), u = l(
-      () => i.value ? o.value.modelValue : r.value
-    ), d = l(() => o.value.variant), y = l(() => o.value.appearance), k = l(() => o.value.size), _ = l(() => o.value.layout), T = l(() => o.value.disabled), x = N(!1), b = N(0), g = /* @__PURE__ */ new Map(), S = N({
+    const a = e, s = t, r = E(), n = S(null), o = l(() => Ke(a)), u = l(() => rs(a)), c = S(o.value.defaultValue), i = l(
+      () => u.value ? o.value.modelValue : c.value
+    ), d = l(() => o.value.variant), k = l(() => o.value.appearance), h = l(() => o.value.size), _ = l(() => o.value.layout), T = l(() => o.value.disabled), C = S(!1), p = S(0), y = /* @__PURE__ */ new Map(), L = S({
       transform: "translateX(0px)",
       width: "0px"
-    }), $ = l(() => [Ha(a), c.class]), h = l(() => {
-      const { class: V, style: P, ...ee } = c;
-      return ee;
-    }), p = l(() => c.style);
+    }), M = l(() => [cs(a), r.class]), g = l(() => {
+      const { class: $, style: N, ...ie } = r;
+      return ie;
+    }), b = l(() => r.style);
     function B() {
-      const V = n.value, P = u.value !== void 0 ? g.get(u.value) : void 0;
-      if (!V || !P) {
-        S.value = {
+      const $ = n.value, N = i.value !== void 0 ? y.get(i.value) : void 0;
+      if (!$ || !N) {
+        L.value = {
           transform: "translateX(0px)",
           width: "0px"
         };
         return;
       }
-      const ee = V.getBoundingClientRect(), ve = P.getBoundingClientRect();
-      S.value = {
-        transform: `translateX(${ve.left - ee.left}px)`,
-        width: `${ve.width}px`
+      const ie = $.getBoundingClientRect(), ye = N.getBoundingClientRect();
+      L.value = {
+        transform: `translateX(${ye.left - ie.left}px)`,
+        width: `${ye.width}px`
       };
     }
-    function I() {
+    function A() {
       j(() => {
         B();
       });
     }
-    function Y(V, P) {
-      T.value || Ne(u.value, V) || (i.value || (r.value = V), s("update:modelValue", V), s("change", V, P));
+    function oe($, N) {
+      T.value || qe(i.value, $) || (u.value || (c.value = $), s("update:modelValue", $), s("change", $, N));
     }
-    function C(V, P) {
-      g.set(V, P), b.value += 1, I();
+    function w($, N) {
+      y.set($, N), p.value += 1, A();
     }
-    function L(V) {
-      g.delete(V), b.value += 1, I();
+    function P($) {
+      y.delete($), p.value += 1, A();
     }
-    return le(Le, {
-      value: u,
+    return me(Fe, {
+      value: i,
       variant: d,
-      appearance: y,
-      size: k,
+      appearance: k,
+      size: h,
       layout: _,
       disabled: T,
-      select: Y,
-      registerItem: C,
-      unregisterItem: L
-    }), ue(
-      [u, d, k, _, b],
+      select: oe,
+      registerItem: w,
+      unregisterItem: P
+    }), ae(
+      [i, d, h, _, p],
       () => {
-        I();
+        A();
       },
       { flush: "post" }
-    ), ne(() => {
+    ), ge(() => {
       globalThis.window.addEventListener("resize", B), j(() => {
-        B(), x.value = !0;
+        B(), C.value = !0;
       });
-    }), oe(() => {
+    }), se(() => {
       globalThis.window.removeEventListener("resize", B);
-    }), (V, P) => (f(), m("div", R({
+    }), ($, N) => (f(), m("div", R({
       ref_key: "rootRef",
       ref: n
-    }, h.value, {
+    }, g.value, {
       role: "tablist",
-      class: [$.value, { "is-ready": x.value }],
-      style: p.value
+      class: [M.value, { "is-ready": C.value }],
+      style: b.value
     }), [
-      w(V.$slots, "default", {}, void 0, !0),
+      x($.$slots, "default", {}, void 0, !0),
       v("span", {
         class: "mu-tabs__indicator",
-        style: he(S.value),
+        style: W(L.value),
         "aria-hidden": "true"
       }, null, 4)
     ], 16));
   }
-}), us = /* @__PURE__ */ z(Ga, [["__scopeId", "data-v-28e8c4f7"]]), Ea = ["outline", "solid", "soft"];
-function ja(e, t) {
+}), Os = /* @__PURE__ */ I(ps, [["__scopeId", "data-v-28e8c4f7"]]), bs = ["outline", "solid", "soft"];
+function _s(e, t) {
   return typeof t == "string" && e.includes(t);
 }
-function Ua(e) {
-  return ja(Ea, e);
+function ks(e) {
+  return _s(bs, e);
 }
-function He(e = {}) {
+function Xe(e = {}) {
   return {
-    variant: Ua(e.variant) ? e.variant : "outline",
+    variant: ks(e.variant) ? e.variant : "outline",
     selected: e.selected ?? !1,
     disabled: e.disabled ?? !1
   };
 }
-function Za(e = {}) {
-  const t = He(e), a = ["mu-tag", `mu-tag--variant-${t.variant}`];
+function ys(e = {}) {
+  const t = Xe(e), a = ["mu-tag", `mu-tag--variant-${t.variant}`];
   return t.selected && a.push("is-selected"), t.disabled && a.push("is-disabled"), a;
 }
-const Fa = ["disabled", "aria-pressed"], qa = {
+const Cs = ["disabled", "aria-pressed"], ws = {
   key: 0,
   class: "mu-tag__prefix",
   "aria-hidden": "true"
-}, Ka = { class: "mu-tag__content" }, Xa = {
+}, xs = { class: "mu-tag__content" }, Vs = {
   key: 1,
   class: "mu-tag__suffix",
   "aria-hidden": "true"
-}, Wa = /* @__PURE__ */ H({
+}, $s = /* @__PURE__ */ H({
   __name: "Tag",
   props: {
     variant: {},
@@ -1488,43 +1695,45 @@ const Fa = ["disabled", "aria-pressed"], qa = {
   },
   emits: ["update:selected", "click"],
   setup(e, { emit: t }) {
-    const a = e, s = t, c = F(), n = l(() => He(a)), o = l(() => Za(a));
-    function i(r) {
-      n.value.disabled || (s("click", r), s("update:selected", !n.value.selected));
+    const a = e, s = t, r = F(), n = l(() => Xe(a)), o = l(() => ys(a));
+    function u(c) {
+      n.value.disabled || (s("click", c), s("update:selected", !n.value.selected));
     }
-    return (r, u) => (f(), m("button", {
+    return (c, i) => (f(), m("button", {
       type: "button",
-      class: J(o.value),
+      class: O(o.value),
       disabled: n.value.disabled,
       "aria-pressed": n.value.selected,
-      onClick: i
+      onClick: u
     }, [
-      O(c).prefix ? (f(), m("span", qa, [
-        w(r.$slots, "prefix", {}, void 0, !0)
-      ])) : M("", !0),
-      v("span", Ka, [
-        w(r.$slots, "default", {}, void 0, !0)
+      D(r).prefix ? (f(), m("span", ws, [
+        x(c.$slots, "prefix", {}, void 0, !0)
+      ])) : V("", !0),
+      v("span", xs, [
+        x(c.$slots, "default", {}, void 0, !0)
       ]),
-      O(c).suffix ? (f(), m("span", Xa, [
-        w(r.$slots, "suffix", {}, void 0, !0)
-      ])) : M("", !0)
-    ], 10, Fa));
+      D(r).suffix ? (f(), m("span", Vs, [
+        x(c.$slots, "suffix", {}, void 0, !0)
+      ])) : V("", !0)
+    ], 10, Cs));
   }
-}), is = /* @__PURE__ */ z(Wa, [["__scopeId", "data-v-e3e9ee4d"]]);
+}), Ds = /* @__PURE__ */ I($s, [["__scopeId", "data-v-e3e9ee4d"]]);
 export {
-  ts as MessageList,
-  Qa as MuBadge,
-  me as MuButton,
-  yt as MuCheckbox,
-  Ya as MuCheckboxGroup,
-  Qt as MuModal,
-  ss as MuRadio,
-  ls as MuRadioGroup,
-  ns as MuSwitch,
-  os as MuTab,
-  us as MuTabs,
-  is as MuTag,
-  es as message,
-  as as muModal,
-  K as openMuModal
+  Ps as MessageList,
+  Ms as MuBadge,
+  Ce as MuButton,
+  Ht as MuCheckbox,
+  Bs as MuCheckboxGroup,
+  qt as MuLoading,
+  Ma as MuModal,
+  Hs as MuRadio,
+  Is as MuRadioGroup,
+  zs as MuSwitch,
+  As as MuTab,
+  Os as MuTabs,
+  Ds as MuTag,
+  Ss as loading,
+  Ls as message,
+  Ns as muModal,
+  Q as openMuModal
 };