@mureka-fe/ui 6.0.0 → 6.1.0

package/dist/ui.js

@@ -1,9 +1,10 @@
-import { defineComponent as H, useSlots as U, computed as n, 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 ne, 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 le, onBeforeUnmount as oe, watch as ue, Teleport as De, createApp as Ge } from "vue";
+import { defineComponent as H, useSlots as K, computed as n, openBlock as f, createElementBlock as m, normalizeClass as Q, 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 ne, watchEffect as Ie, mergeProps as R, nextTick as j, provide as le, renderList as pe, createBlock as E, withCtx as W, reactive as ze, h as be, createVNode as Oe, TransitionGroup as Ae, resolveDynamicComponent as Re, onMounted as oe, onBeforeUnmount as ie, watch as ue, Teleport as De, createApp as Ge } from "vue";
 const Ee = [
   "new",
   "new-mini",
   "premier",
   "pro",
+  "ultra",
   "beta",
   "free",
   "studio",
@@ -12,11 +13,12 @@ const Ee = [
   "published",
   "details",
   "bpm"
-], je = ["outline", "solid", "soft"], Ze = {
+], je = ["outline", "solid", "soft"], Ue = {
   new: { isSvgPreset: !0 },
   "new-mini": { isSvgPreset: !0 },
   premier: { defaultContent: "Premier" },
   pro: { defaultContent: "Pro" },
+  ultra: { defaultContent: "Ultra" },
   beta: { defaultContent: "Beta" },
   free: { defaultContent: "1 Free" },
   studio: { defaultContent: "Studio" },
@@ -29,15 +31,15 @@ const Ee = [
 function ge(e, t) {
   return typeof t == "string" && e.includes(t);
 }
-function Fe(e) {
+function Ze(e) {
   return ge(je, e);
 }
-function Ue(e) {
+function Fe(e) {
   return ge(Ee, e);
 }
 function ke(e = {}) {
-  if (Ue(e.preset)) {
-    const t = Ze[e.preset];
+  if (Fe(e.preset)) {
+    const t = Ue[e.preset];
     return {
       preset: e.preset,
       defaultContent: t.defaultContent,
@@ -45,16 +47,16 @@ function ke(e = {}) {
     };
   }
   return {
-    variant: Fe(e.variant) ? e.variant : "outline",
+    variant: Ze(e.variant) ? e.variant : "outline",
     paid: e.paid ?? !1,
     isSvgPreset: !1
   };
 }
-function qe(e = {}) {
+function Ke(e = {}) {
   const t = ke(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 qe = ["role", "aria-label"], Xe = {
   key: 0,
   "data-test": "new-wordmark",
   class: "mu-badge__new-wordmark",
@@ -90,14 +92,14 @@ const Ke = ["role", "aria-label"], Xe = {
     preset: {}
   },
   setup(e) {
-    const t = e, a = U(), s = n(() => ke(t)), c = n(() => qe(t)), l = n(() => s.value.isSvgPreset ? "img" : void 0), o = n(() => s.value.isSvgPreset ? "NEW" : void 0), i = n(() => s.value.preset === "details");
-    return (r, u) => (f(), m("span", {
-      class: J(c.value),
+    const t = e, a = K(), s = n(() => ke(t)), r = n(() => Ke(t)), l = n(() => s.value.isSvgPreset ? "img" : void 0), o = n(() => s.value.isSvgPreset ? "NEW" : void 0), u = n(() => s.value.preset === "details");
+    return (c, i) => (f(), m("span", {
+      class: Q(r.value),
       role: l.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.preset === "new" ? (f(), m("svg", Xe, [...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"
@@ -110,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", We, [...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,7 +127,7 @@ const Ke = ["role", "aria-label"], Xe = {
           }, null, -1)
         ])])) : M("", !0)
       ], 64)) : (f(), m(X, { key: 1 }, [
-        i.value ? (f(), m("span", Je, [...u[2] || (u[2] = [
+        u.value ? (f(), m("span", Je, [...i[2] || (i[2] = [
           v("svg", {
             "data-test": "details-icon",
             viewBox: "0 0 12 12",
@@ -142,26 +144,26 @@ const Ke = ["role", "aria-label"], Xe = {
             })
           ], -1)
         ])])) : O(a).prefix ? (f(), m("span", Qe, [
-          w(r.$slots, "prefix", {}, void 0, !0)
+          w(c.$slots, "prefix", {}, void 0, !0)
         ])) : M("", !0),
         v("span", Ye, [
-          w(r.$slots, "default", {}, () => [
+          w(c.$slots, "default", {}, () => [
             G(A(s.value.defaultContent), 1)
           ], !0)
         ]),
         O(a).suffix ? (f(), m("span", et, [
-          w(r.$slots, "suffix", {}, void 0, !0)
+          w(c.$slots, "suffix", {}, void 0, !0)
         ])) : M("", !0)
       ], 64))
-    ], 10, Ke));
+    ], 10, qe));
   }
-}), 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-c062c5e1"]]);
-function ie(e = {}) {
+}, es = /* @__PURE__ */ I(tt, [["__scopeId", "data-v-aa97ab3d"]]);
+function re(e = {}) {
   return {
     type: e.type ?? "primary",
     status: e.status,
@@ -176,7 +178,7 @@ function ie(e = {}) {
   };
 }
 function at(e = {}) {
-  const t = ie(e), a = [
+  const t = re(e), a = [
     "mu-button",
     `mu-button--${t.type}`,
     `mu-button--appearance-${t.appearance}`,
@@ -185,16 +187,16 @@ 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);
+  const t = re(e);
   return !t.disabled && !t.loading;
 }
 function nt(e = {}) {
-  const t = e.iconOnly ?? !1, a = e.hasPrefix ?? !1, s = e.hasSuffix ?? !1, c = e.loading ?? !1, l = e.hasAriaLabel ?? !1;
+  const t = e.iconOnly ?? !1, a = e.hasPrefix ?? !1, s = e.hasSuffix ?? !1, r = e.loading ?? !1, l = 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 && !l,
     isInvalidIconOnlyCombination: t && (a || s)
   };
@@ -203,10 +205,10 @@ const lt = ["type", "disabled", "aria-busy"], ot = {
   key: 0,
   class: "mu-button__prefix",
   "aria-hidden": "true"
-}, ut = {
+}, it = {
   key: 1,
   class: "mu-button__content"
-}, it = {
+}, ut = {
   key: 2,
   class: "mu-button__suffix",
   "aria-hidden": "true"
@@ -226,7 +228,7 @@ const lt = ["type", "disabled", "aria-busy"], ot = {
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const a = e, s = t, c = U(), l = D(), o = {
+    const a = e, s = t, r = K(), l = D(), o = {
       small: {
         width: "var(--mu-button-icon-size-small)",
         height: "var(--mu-button-icon-size-small)"
@@ -239,35 +241,35 @@ const lt = ["type", "disabled", "aria-busy"], ot = {
         width: "var(--mu-button-icon-size-large)",
         height: "var(--mu-button-icon-size-large)"
       }
-    }, i = n(() => ie(a)), r = n(() => at(i.value)), u = n(() => o[i.value.size]), d = n(
+    }, u = n(() => re(a)), c = n(() => at(u.value)), i = n(() => o[u.value.size]), d = n(
       () => nt({
-        iconOnly: i.value.iconOnly,
-        hasPrefix: !!c.prefix,
-        hasSuffix: !!c.suffix,
-        loading: i.value.loading,
-        hasDefaultSlot: !!c.default,
+        iconOnly: u.value.iconOnly,
+        hasPrefix: !!r.prefix,
+        hasSuffix: !!r.suffix,
+        loading: u.value.loading,
+        hasDefaultSlot: !!r.default,
         hasAriaLabel: typeof l["aria-label"] == "string" && l["aria-label"].trim().length > 0
       })
     );
     function y(k) {
-      if (!st(i.value)) {
+      if (!st(u.value)) {
         k.preventDefault(), k.stopPropagation();
         return;
       }
       s("click", k);
     }
     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,
+      type: u.value.nativeType,
+      class: Q(["mu-button", c.value]),
+      disabled: u.value.disabled || u.value.loading,
+      "aria-busy": u.value.loading ? "true" : void 0,
       onClick: y
     }, [
       d.value.showLoadingIndicator || d.value.showPrefixSlot ? (f(), m("span", ot, [
         d.value.showLoadingIndicator ? (f(), m("svg", {
           key: 0,
           class: "mu-button__loading-icon",
-          style: he(u.value),
+          style: he(i.value),
           viewBox: "0 0 24 24",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
@@ -278,15 +280,15 @@ const lt = ["type", "disabled", "aria-busy"], ot = {
           }, null, -1)
         ])], 4)) : w(k.$slots, "prefix", { key: 1 }, void 0, !0)
       ])) : M("", !0),
-      d.value.showDefaultSlot ? (f(), m("span", ut, [
+      d.value.showDefaultSlot ? (f(), m("span", it, [
         w(k.$slots, "default", {}, void 0, !0)
       ])) : M("", !0),
-      d.value.showSuffixSlot ? (f(), m("span", it, [
+      d.value.showSuffixSlot ? (f(), m("span", ut, [
         w(k.$slots, "suffix", {}, void 0, !0)
       ])) : M("", !0)
     ], 10, lt));
   }
-}), me = /* @__PURE__ */ z(rt, [["__scopeId", "data-v-e59338a3"]]), _e = Symbol("MuCheckboxGroup"), ct = ["horizontal", "vertical"];
+}), me = /* @__PURE__ */ I(rt, [["__scopeId", "data-v-e59338a3"]]), _e = Symbol("MuCheckboxGroup"), ct = ["horizontal", "vertical"];
 function dt(e, t) {
   return typeof t == "string" && e.includes(t);
 }
@@ -349,37 +351,37 @@ 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(), l = N(null), o = se(_e, null), i = n(() => Ce(a)), r = n(() => vt(a)), u = N(i.value.defaultChecked), d = n(() => o ? i.value.value !== void 0 ? o.isChecked(i.value.value) : !1 : r.value ? i.value.modelValue ?? !1 : u.value), y = n(
-      () => i.value.disabled || !!(o != null && o.disabled.value)
-    ), k = n(() => (o == null ? void 0 : o.name.value) ?? i.value.name), _ = n(
-      () => i.value.value === void 0 ? void 0 : String(i.value.value)
+    const a = e, s = t, r = D(), l = N(null), o = ne(_e, null), u = n(() => Ce(a)), c = n(() => vt(a)), i = N(u.value.defaultChecked), d = n(() => o ? u.value.value !== void 0 ? o.isChecked(u.value.value) : !1 : c.value ? u.value.modelValue ?? !1 : i.value), y = n(
+      () => u.value.disabled || !!(o != null && o.disabled.value)
+    ), k = n(() => (o == null ? void 0 : o.name.value) ?? u.value.name), _ = n(
+      () => u.value.value === void 0 ? void 0 : String(u.value.value)
     ), T = n(() => [
       bt(a, {
         checked: d.value,
-        indeterminate: i.value.indeterminate,
+        indeterminate: u.value.indeterminate,
         disabled: y.value
       }),
-      c.class
+      r.class
     ]), x = n(() => {
-      const { class: p, style: B, ...I } = c;
-      return I;
-    }), b = n(() => c.style);
-    ze(() => {
-      l.value && (l.value.indeterminate = i.value.indeterminate);
+      const { class: p, style: B, ...z } = r;
+      return z;
+    }), b = n(() => r.style);
+    Ie(() => {
+      l.value && (l.value.indeterminate = u.value.indeterminate);
     });
     function g(p) {
-      p && (p.checked = d.value, p.indeterminate = i.value.indeterminate);
+      p && (p.checked = d.value, p.indeterminate = u.value.indeterminate);
     }
     function S(p) {
       if (y.value)
         return;
       const B = p.target instanceof globalThis.HTMLInputElement ? p.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, p), j(() => g(B));
         return;
       }
-      const I = !d.value;
-      r.value || (u.value = I), s("update:modelValue", I), s("change", I, p), j(() => g(B));
+      const z = !d.value;
+      c.value || (i.value = z), s("update:modelValue", z), s("change", z, p), j(() => g(B));
     }
     function $(p) {
       s("focus", p);
@@ -426,7 +428,7 @@ const kt = ["checked", "disabled", "name", "value"], _t = { class: "mu-checkbox_
       ])
     ], 16));
   }
-}), yt = /* @__PURE__ */ z(Ct, [["__scopeId", "data-v-bf56ea83"]]), wt = /* @__PURE__ */ H({
+}), yt = /* @__PURE__ */ I(Ct, [["__scopeId", "data-v-bf56ea83"]]), wt = /* @__PURE__ */ H({
   inheritAttrs: !1,
   __name: "CheckboxGroup",
   props: {
@@ -439,26 +441,26 @@ 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(), l = n(() => ye(a)), o = n(() => mt(a)), i = N([...l.value.defaultValue ?? []]), r = n(
-      () => o.value ? l.value.modelValue ?? [] : i.value
-    ), u = n(() => l.value.disabled), d = n(() => l.value.name), y = n(
+    const a = e, s = t, r = D(), l = n(() => ye(a)), o = n(() => mt(a)), u = N([...l.value.defaultValue ?? []]), c = n(
+      () => o.value ? l.value.modelValue ?? [] : u.value
+    ), i = n(() => l.value.disabled), d = n(() => l.value.name), y = n(
       () => l.value.options ? l.value.options.map((g) => pt(g)) : null
-    ), k = n(() => [gt(a), c.class]), _ = n(() => {
-      const { class: g, style: S, ...$ } = c;
+    ), k = n(() => [gt(a), r.class]), _ = n(() => {
+      const { class: g, style: S, ...$ } = r;
       return $;
-    }), T = n(() => c.style);
+    }), T = n(() => r.style);
     function x(g) {
-      return we(r.value, g);
+      return we(c.value, g);
     }
     function b(g, S) {
       if (l.value.disabled)
         return;
-      const $ = ht(r.value, g);
-      o.value || (i.value = $), s("update:modelValue", $), s("change", $, S);
+      const $ = ht(c.value, g);
+      o.value || (u.value = $), s("update:modelValue", $), s("change", $, S);
     }
-    return ne(_e, {
-      value: r,
-      disabled: u,
+    return le(_e, {
+      value: c,
+      disabled: i,
       name: d,
       isChecked: x,
       toggle: b
@@ -481,10 +483,10 @@ const kt = ["checked", "disabled", "name", "value"], _t = { class: "mu-checkbox_
       }, 1032, ["value", "disabled"]))), 128)) : w(g.$slots, "default", { key: 1 }, void 0, !0)
     ], 16));
   }
-}), Ya = /* @__PURE__ */ z(wt, [["__scopeId", "data-v-852a5fc4"]]), xt = 3e3, Vt = {
+}), ts = /* @__PURE__ */ I(wt, [["__scopeId", "data-v-852a5fc4"]]), xt = 3e3, Vt = {
   close: () => {
   }
-}, q = Ie({
+}, U = ze({
   items: []
 });
 let $t = 1;
@@ -496,30 +498,31 @@ function Bt(e) {
     duration: e.duration,
     closable: e.closable,
     resetOnHover: e.resetOnHover,
-    icon: e.icon
+    icon: e.icon,
+    key: e.key
   };
 }
-function re(e) {
+function ce(e) {
   return e.duration > 0;
 }
 function Tt(e) {
-  return q.items.findIndex((t) => t.id === e);
+  return U.items.findIndex((t) => t.id === e);
 }
 function xe(e) {
-  return q.items.find((t) => t.id === e);
+  return U.items.find((t) => t.id === e);
 }
-function ce(e) {
+function de(e) {
   const t = Z.get(e);
   t && t.timer !== null && (globalThis.clearTimeout(t.timer), t.timer = null);
 }
-function de(e) {
+function J(e) {
   const t = Tt(e);
-  t < 0 || (ce(e), Z.delete(e), q.items.splice(t, 1));
+  t < 0 || (de(e), Z.delete(e), U.items.splice(t, 1));
 }
 function Ve(e, t) {
   const a = Z.get(e);
-  a && (ce(e), a.remainingDuration = t, a.deadline = Date.now() + t, a.isPaused = !1, a.timer = globalThis.setTimeout(() => {
-    de(e);
+  a && (de(e), a.remainingDuration = t, a.deadline = Date.now() + t, a.isPaused = !1, a.timer = globalThis.setTimeout(() => {
+    J(e);
   }, t));
 }
 function Mt(e, t) {
@@ -531,60 +534,75 @@ function Mt(e, t) {
     duration: t.duration ?? xt,
     closable: t.closable ?? !1,
     resetOnHover: t.resetOnHover ?? !1,
-    icon: t.icon
+    icon: t.icon,
+    key: t.key
   };
 }
 function St() {
   return typeof globalThis.window < "u" && typeof globalThis.document < "u";
 }
-function Lt(e, t) {
+function Lt(e) {
+  return e.key !== void 0 && e.key !== null;
+}
+function Pt(e) {
+  return U.items.find((t) => t.key === e);
+}
+function Nt(e, t) {
   if (!St())
     return Vt;
-  const a = Bt(t), s = Mt(e, a);
-  return q.items.push(s), Z.set(s.id, {
+  const a = Bt(t);
+  if (Lt(a)) {
+    const r = Pt(a.key);
+    if (r) {
+      const l = r.id;
+      return { close: () => J(l) };
+    }
+  }
+  const s = Mt(e, a);
+  return U.items.push(s), Z.set(s.id, {
     timer: null,
     deadline: 0,
     remainingDuration: s.duration,
     isPaused: !1
-  }), re(s) && Ve(s.id, s.duration), {
-    close: () => de(s.id)
+  }), ce(s) && Ve(s.id, s.duration), {
+    close: () => J(s.id)
   };
 }
 function F(e) {
-  return (t) => Lt(e, t);
+  return (t) => Nt(e, t);
 }
-const es = {
+const as = {
   success: F("success"),
   warning: F("warning"),
   info: F("info"),
   error: F("error"),
   danger: F("danger")
 };
-function Pt(e) {
-  de(e);
+function Ht(e) {
+  J(e);
 }
-function Nt(e) {
+function It(e) {
   const t = Z.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);
+  !t || !a || t.isPaused || !a.resetOnHover || !ce(a) || (t.remainingDuration = Math.max(t.deadline - Date.now(), 0), de(e), t.isPaused = !0);
 }
-function Ht(e) {
+function zt(e) {
   const t = Z.get(e), a = xe(e);
-  !t || !a || !t.isPaused || !a.resetOnHover || !re(a) || Ve(e, t.remainingDuration || a.duration);
+  !t || !a || !t.isPaused || !a.resetOnHover || !ce(a) || Ve(e, t.remainingDuration || a.duration);
 }
-const zt = {
+const Ot = {
   class: "mu-message-list",
   "aria-live": "polite",
   "aria-atomic": "true"
-}, It = ["onMouseenter", "onMouseleave"], Ot = {
+}, At = ["onMouseenter", "onMouseleave"], Rt = {
   class: "mu-message__icon",
   "aria-hidden": "true"
-}, At = { class: "mu-message__content" }, Rt = { class: "mu-message__title" }, Dt = {
+}, Dt = { class: "mu-message__content" }, Gt = { class: "mu-message__title" }, Et = {
   key: 0,
   class: "mu-message__description"
-}, Gt = ["onClick"], Et = /* @__PURE__ */ H({
+}, jt = ["onClick"], Ut = /* @__PURE__ */ H({
   __name: "MessageList",
   setup(e) {
-    const t = n(() => q.items), a = H({
+    const t = n(() => U.items), a = H({
       name: "MarkupIcon",
       props: {
         markup: {
@@ -592,33 +610,33 @@ const zt = {
           required: !0
         }
       },
-      setup(r) {
-        return () => be("span", { class: "mu-message__icon-markup", innerHTML: r.markup });
+      setup(c) {
+        return () => be("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) {
+      It(c);
     }
-    function l(r) {
-      Ht(r);
+    function l(c) {
+      zt(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, [
+    return (c, i) => (f(), m("div", Ot, [
       Oe(Ae, {
         name: "mu-message-fade",
         tag: "div",
@@ -628,28 +646,28 @@ const zt = {
         default: W(() => [
           (f(!0), m(X, null, pe(t.value, (d) => (f(), m("div", {
             key: d.id,
-            class: J(["mu-message", [`mu-message--${d.type}`, { "mu-message--compact": !d.description }]]),
+            class: Q(["mu-message", [`mu-message--${d.type}`, { "mu-message--compact": !d.description }]]),
             role: "status",
-            onMouseenter: (y) => c(d.id),
+            onMouseenter: (y) => r(d.id),
             onMouseleave: (y) => l(d.id)
           }, [
-            v("span", Ot, [
+            v("span", Rt, [
               d.icon && s(d.icon) ? (f(), E(Re(d.icon), { key: 0 })) : (f(), E(O(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", Dt, [
+              v("div", Gt, A(d.title), 1),
+              d.description ? (f(), m("p", Et, A(d.description), 1)) : M("", !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: (y) => O(Ht)(d.id)
+            }, [...i[0] || (i[0] = [
               v("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
@@ -662,14 +680,14 @@ const zt = {
                   "stroke-linecap": "round"
                 })
               ], -1)
-            ])], 8, Gt)) : M("", !0)
-          ], 42, It))), 128))
+            ])], 8, jt)) : M("", !0)
+          ], 42, At))), 128))
         ]),
         _: 1
       })
     ]));
   }
-}), ts = /* @__PURE__ */ z(Et, [["__scopeId", "data-v-fca28789"]]), jt = {
+}), ss = /* @__PURE__ */ I(Ut, [["__scopeId", "data-v-fca28789"]]), Zt = {
   medium: {
     width: "548px",
     minHeight: "228px"
@@ -680,7 +698,7 @@ const zt = {
   }
 };
 function fe(e = {}) {
-  const t = e.size ?? "medium", a = jt[t], s = e.variant ?? "form";
+  const t = e.size ?? "medium", a = Zt[t], s = e.variant ?? "form";
   return {
     visible: e.visible ?? !1,
     title: e.title ?? "",
@@ -700,7 +718,7 @@ function fe(e = {}) {
     okLoading: e.okLoading ?? !1
   };
 }
-function Zt(e = {}) {
+function Ft(e = {}) {
   const t = fe(e), a = [
     "mu-modal",
     `mu-modal--${t.size}`,
@@ -709,7 +727,7 @@ function Zt(e = {}) {
   ];
   return t.variant === "feedback" && a.push("mu-modal--feedback"), a;
 }
-function Ft(e = {}) {
+function Kt(e = {}) {
   const t = fe(e);
   return t.variant === "feedback" ? {
     type: "secondary",
@@ -721,13 +739,13 @@ function Ft(e = {}) {
     type: "primary"
   };
 }
-const Ut = {
+const qt = {
   key: 0,
   class: "mu-modal-root"
-}, qt = { class: "mu-modal__header" }, Kt = ["data-status"], Xt = { class: "mu-modal__body" }, Wt = {
+}, Xt = { class: "mu-modal__header" }, Wt = ["data-status"], Jt = { class: "mu-modal__body" }, Qt = {
   key: 0,
   class: "mu-modal__footer"
-}, Jt = /* @__PURE__ */ H({
+}, Yt = /* @__PURE__ */ H({
   inheritAttrs: !1,
   __name: "Modal",
   props: {
@@ -748,17 +766,17 @@ const Ut = {
   },
   emits: ["update:visible", "ok", "cancel", "close"],
   setup(e, { emit: t }) {
-    const a = e, s = t, c = D(), l = n(() => fe(a)), o = n(() => [Zt(a), c.class]), i = n(() => {
-      const { class: h, style: p, ...B } = c;
+    const a = e, s = t, r = D(), l = n(() => fe(a)), o = n(() => [Ft(a), r.class]), u = n(() => {
+      const { class: h, style: p, ...B } = r;
       return B;
-    }), r = n(() => Ft(a)), u = n(
+    }), c = n(() => Kt(a)), i = n(
       () => l.value.variant === "feedback" && l.value.hideCancel
     ), d = n(() => [
       {
         width: l.value.width,
         minHeight: l.value.minHeight
       },
-      c.style
+      r.style
     ]), y = `mu-modal-title-${Math.random().toString(36).slice(2, 10)}`, _ = typeof globalThis.document < "u" ? globalThis.document : null;
     function T() {
       s("update:visible", !1);
@@ -778,9 +796,9 @@ const Ut = {
     function $(h) {
       h.key !== "Escape" || !l.value.visible || !l.value.escToClose || (T(), s("close"));
     }
-    return le(() => {
+    return oe(() => {
       _ && _.addEventListener("keydown", $);
-    }), oe(() => {
+    }), ie(() => {
       _ && (_.removeEventListener("keydown", $), _.body.style.overflow = "");
     }), ue(
       () => l.value.visible,
@@ -789,19 +807,19 @@ const Ut = {
       },
       { immediate: !0 }
     ), (h, p) => (f(), E(De, { to: "body" }, [
-      l.value.visible ? (f(), m("div", Ut, [
+      l.value.visible ? (f(), m("div", qt, [
         v("div", {
           class: "mu-modal__mask",
           onClick: x
         }),
-        v("div", R(i.value, {
+        v("div", R(u.value, {
           class: o.value,
           style: d.value,
           role: "dialog",
           "aria-modal": "true",
           "aria-labelledby": y
         }), [
-          v("header", qt, [
+          v("header", Xt, [
             v("div", {
               id: y,
               class: "mu-modal__title",
@@ -810,7 +828,7 @@ const Ut = {
               w(h.$slots, "title", {}, () => [
                 G(A(l.value.title), 1)
               ], !0)
-            ], 8, Kt),
+            ], 8, Wt),
             l.value.closable ? (f(), m("button", {
               key: 0,
               type: "button",
@@ -843,10 +861,10 @@ const Ut = {
               ], -1)
             ])])) : M("", !0)
           ]),
-          v("div", Xt, [
+          v("div", Jt, [
             w(h.$slots, "default", {}, void 0, !0)
           ]),
-          h.$slots.footer || !l.value.hideOk || !l.value.hideCancel ? (f(), m("footer", Wt, [
+          h.$slots.footer || !l.value.hideOk || !l.value.hideCancel ? (f(), m("footer", Qt, [
             w(h.$slots, "footer", {}, () => [
               l.value.hideCancel ? M("", !0) : (f(), E(O(me), {
                 key: 0,
@@ -859,9 +877,9 @@ const Ut = {
                 ]),
                 _: 1
               })),
-              l.value.hideOk ? M("", !0) : (f(), E(O(me), R({ key: 1 }, r.value, {
+              l.value.hideOk ? M("", !0) : (f(), E(O(me), R({ key: 1 }, c.value, {
                 loading: l.value.okLoading,
-                class: ["mu-modal__ok", { "mu-modal__ok--block": u.value }],
+                class: ["mu-modal__ok", { "mu-modal__ok--block": i.value }],
                 onClick: S
               }), {
                 default: W(() => [
@@ -875,60 +893,60 @@ const Ut = {
       ])) : M("", !0)
     ]));
   }
-}), Qt = /* @__PURE__ */ z(Jt, [["__scopeId", "data-v-e94991b0"]]);
-function Yt(e) {
+}), ea = /* @__PURE__ */ I(Yt, [["__scopeId", "data-v-e94991b0"]]);
+function ta(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, l = !1;
+    let r = null, l = !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) => {
       l || (l = !0, s.value = !1, queueMicrotask(() => {
         o(), t(d);
       }));
-    }, { content: r, ...u } = e;
-    c = Ge({
+    }, { content: c, ...i } = e;
+    r = Ge({
       render() {
         return be(
-          Qt,
+          ea,
           {
-            ...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: () => ta(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" })
+}, $e = Symbol("MuRadioGroup"), aa = ["horizontal", "vertical"];
+function sa(e, t) {
   return typeof t == "string" && e.includes(t);
 }
-function aa(e) {
-  return ta(ea, e);
+function na(e) {
+  return sa(aa, e);
 }
 function Be(e = {}) {
   return {
@@ -945,27 +963,27 @@ function Te(e = {}) {
     defaultValue: e.defaultValue,
     disabled: e.disabled ?? !1,
     name: e.name,
-    direction: aa(e.direction) ? e.direction : "horizontal"
+    direction: na(e.direction) ? e.direction : "horizontal"
   };
 }
-function sa(e = {}) {
+function la(e = {}) {
   return e.modelValue !== void 0;
 }
-function na(e = {}) {
+function oa(e = {}) {
   return e.modelValue !== void 0;
 }
-function te(e, t) {
+function ae(e, t) {
   return Object.is(e, t);
 }
-function la(e = {}, t = {}) {
+function ia(e = {}, t = {}) {
   const a = Be(e), s = ["mu-radio"];
   return t.checked && s.push("is-checked"), (t.disabled || a.disabled) && s.push("is-disabled"), s;
 }
-function oa(e = {}) {
+function ua(e = {}) {
   const t = Te(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 ra = ["checked", "disabled", "name", "value"], ca = { class: "mu-radio__label" }, da = /* @__PURE__ */ H({
   inheritAttrs: !1,
   __name: "Radio",
   props: {
@@ -977,20 +995,20 @@ 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(), l = se($e, null), o = n(() => Be(a)), i = n(() => sa(a)), r = N(o.value.defaultChecked), u = n(() => l ? te(l.value.value, o.value.value) : i.value ? te(o.value.modelValue, o.value.value) : r.value), d = n(
+    const a = e, s = t, r = D(), l = ne($e, null), o = n(() => Be(a)), u = n(() => la(a)), c = N(o.value.defaultChecked), i = n(() => l ? ae(l.value.value, o.value.value) : u.value ? ae(o.value.modelValue, o.value.value) : c.value), d = n(
       () => o.value.disabled || !!(l != null && l.disabled.value)
     ), y = n(() => (l == null ? void 0 : l.name.value) ?? o.value.name), k = n(() => String(o.value.value)), _ = n(() => [
-      la(a, {
-        checked: u.value,
+      ia(a, {
+        checked: i.value,
         disabled: d.value
       }),
-      c.class
+      r.class
     ]), T = n(() => {
-      const { class: h, style: p, ...B } = c;
+      const { class: h, style: p, ...B } = r;
       return B;
-    }), x = n(() => c.style);
+    }), x = n(() => r.style);
     function b(h, p) {
-      i.value || (r.value = !0), s("update:modelValue", h), s("change", h, p);
+      u.value || (c.value = !0), s("update:modelValue", h), s("change", h, p);
     }
     function g(h) {
       if (d.value)
@@ -998,12 +1016,12 @@ const ua = ["checked", "disabled", "name", "value"], ia = { class: "mu-radio__la
       const p = o.value.value, B = h.target instanceof globalThis.HTMLInputElement ? h.target : null;
       if (l) {
         l.select(p, h), j(() => {
-          B && (B.checked = u.value);
+          B && (B.checked = i.value);
         });
         return;
       }
       b(p, h), j(() => {
-        B && (B.checked = u.value);
+        B && (B.checked = i.value);
       });
     }
     function S(h) {
@@ -1019,26 +1037,26 @@ const ua = ["checked", "disabled", "name", "value"], ia = { class: "mu-radio__la
       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),
+      }, null, 40, ra),
       p[0] || (p[0] = v("span", {
         class: "mu-radio__control",
         "aria-hidden": "true"
       }, [
         v("span", { class: "mu-radio__dot" })
       ], -1)),
-      v("span", ia, [
+      v("span", ca, [
         w(h.$slots, "default", {}, void 0, !0)
       ])
     ], 16));
   }
-}), ss = /* @__PURE__ */ z(ra, [["__scopeId", "data-v-f1283749"]]), ca = /* @__PURE__ */ H({
+}), ls = /* @__PURE__ */ I(da, [["__scopeId", "data-v-f1283749"]]), fa = /* @__PURE__ */ H({
   inheritAttrs: !1,
   __name: "RadioGroup",
   props: {
@@ -1050,18 +1068,18 @@ 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(), l = n(() => Te(a)), o = n(() => na(a)), i = N(l.value.defaultValue), r = n(
-      () => o.value ? l.value.modelValue : i.value
-    ), u = n(() => l.value.disabled), d = n(() => l.value.name), y = n(() => [oa(a), c.class]), k = n(() => {
-      const { class: x, style: b, ...g } = c;
+    const a = e, s = t, r = D(), l = n(() => Te(a)), o = n(() => oa(a)), u = N(l.value.defaultValue), c = n(
+      () => o.value ? l.value.modelValue : u.value
+    ), i = n(() => l.value.disabled), d = n(() => l.value.name), y = n(() => [ua(a), r.class]), k = n(() => {
+      const { class: x, style: b, ...g } = r;
       return g;
-    }), _ = n(() => c.style);
+    }), _ = n(() => r.style);
     function T(x, b) {
-      l.value.disabled || te(r.value, x) || (o.value || (i.value = x), s("update:modelValue", x), s("change", x, b));
+      l.value.disabled || ae(c.value, x) || (o.value || (u.value = x), s("update:modelValue", x), s("change", x, b));
     }
-    return ne($e, {
-      value: r,
-      disabled: u,
+    return le($e, {
+      value: c,
+      disabled: i,
       name: d,
       select: T
     }), (x, b) => (f(), m("div", R(k.value, {
@@ -1072,24 +1090,24 @@ const ua = ["checked", "disabled", "name", "value"], ia = { class: "mu-radio__la
       w(x.$slots, "default", {}, void 0, !0)
     ], 16));
   }
-}), ns = /* @__PURE__ */ z(ca, [["__scopeId", "data-v-3879fec4"]]), da = ["circle", "round", "line"], fa = ["small", "medium"];
+}), os = /* @__PURE__ */ I(fa, [["__scopeId", "data-v-3879fec4"]]), va = ["circle", "round", "line"], ma = ["small", "medium"];
 function Me(e, t) {
   return typeof t == "string" && e.includes(t);
 }
-function va(e) {
-  return Me(da, e);
+function ha(e) {
+  return Me(va, e);
 }
-function ma(e) {
-  return Me(fa, e);
+function pa(e) {
+  return Me(ma, e);
 }
-function ae(e = {}) {
+function se(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: ha(e.type) ? e.type : "circle",
+    size: pa(e.size) ? e.size : "medium",
     checkedValue: e.checkedValue ?? !0,
     uncheckedValue: e.uncheckedValue ?? !1,
     checkedColor: e.checkedColor,
@@ -1099,35 +1117,35 @@ function ae(e = {}) {
     uncheckedText: e.uncheckedText
   };
 }
-function ha(e = {}) {
+function ba(e = {}) {
   return e.modelValue !== void 0;
 }
 function Se(e, t) {
   return Object.is(e, t.checkedValue);
 }
-function pa(e, t) {
+function ga(e, t) {
   return Se(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 _a(e = {}, t = {}) {
+  const a = se(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 Ca = ["aria-checked", "disabled"], ya = {
   class: "mu-switch__thumb",
   "aria-hidden": "true"
-}, Ca = {
+}, wa = {
   key: 0,
   class: "mu-switch__loading-icon",
   viewBox: "0 0 16 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, ya = {
+}, xa = {
   key: 0,
   class: "mu-switch__label"
-}, wa = /* @__PURE__ */ H({
+}, Va = /* @__PURE__ */ H({
   inheritAttrs: !1,
   __name: "Switch",
   props: {
@@ -1147,30 +1165,30 @@ const ka = ["aria-checked", "disabled"], _a = {
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(e, { emit: t }) {
-    const a = e, s = t, c = D(), l = U(), o = N(!1), i = ae(a), r = N(
-      i.defaultChecked ? i.checkedValue : i.uncheckedValue
-    ), u = n(() => ae(a)), d = n(() => ha(a)), y = n(
-      () => d.value ? u.value.modelValue : r.value
-    ), k = n(() => Se(y.value, u.value)), _ = n(() => u.value.loading || o.value), T = n(() => ba(u.value)), x = n(() => T.value ? k.value ? !!(l.checked || u.value.checkedText) : !!(l.unchecked || u.value.uncheckedText) : !1), b = n(() => [
-      ga(a, {
+    const a = e, s = t, r = D(), l = K(), o = N(!1), u = se(a), c = N(
+      u.defaultChecked ? u.checkedValue : u.uncheckedValue
+    ), i = n(() => se(a)), d = n(() => ba(a)), y = n(
+      () => d.value ? i.value.modelValue : c.value
+    ), k = n(() => Se(y.value, i.value)), _ = n(() => i.value.loading || o.value), T = n(() => ka(i.value)), x = n(() => T.value ? k.value ? !!(l.checked || i.value.checkedText) : !!(l.unchecked || i.value.uncheckedText) : !1), b = n(() => [
+      _a(a, {
         checked: k.value,
         loading: o.value
       }),
       {
         "has-label": x.value
       },
-      c.class
+      r.class
     ]), g = n(() => {
-      const { class: C, style: L, type: V, ...P } = c;
+      const { class: C, style: L, type: V, ...P } = r;
       return P;
     }), S = n(() => {
       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];
+      return i.value.checkedColor && (C["--mu-switch-current-checked-bg"] = i.value.checkedColor, C["--mu-switch-current-checked-border"] = i.value.checkedColor, C["--mu-switch-current-checked-thumb"] = i.value.checkedColor, C["--mu-switch-current-checked-glow"] = `0 0 12px ${i.value.checkedColor}`), i.value.uncheckedColor && (C["--mu-switch-current-unchecked-bg"] = i.value.uncheckedColor), [C, r.style];
     });
     function $() {
     }
     function h(C) {
-      const L = u.value.beforeChange;
+      const L = i.value.beforeChange;
       if (!L)
         return !0;
       try {
@@ -1181,12 +1199,12 @@ const ka = ["aria-checked", "disabled"], _a = {
       }
     }
     function p(C, L) {
-      d.value || (r.value = C), s("update:modelValue", C), s("change", C, L);
+      d.value || (c.value = C), s("update:modelValue", C), s("change", C, L);
     }
     function B(C) {
-      if (u.value.disabled || _.value)
+      if (i.value.disabled || _.value)
         return;
-      const L = pa(y.value, u.value), V = h(L);
+      const L = ga(y.value, i.value), V = h(L);
       if (V instanceof Promise) {
         V.then((P) => {
           P && p(L, C);
@@ -1197,10 +1215,10 @@ const ka = ["aria-checked", "disabled"], _a = {
       }
       V && p(L, C);
     }
-    function I(C) {
+    function z(C) {
       s("focus", C);
     }
-    function Y(C) {
+    function ee(C) {
       s("blur", C);
     }
     return (C, L) => (f(), m("button", R(g.value, {
@@ -1209,73 +1227,73 @@ const ka = ["aria-checked", "disabled"], _a = {
       class: b.value,
       style: S.value,
       "aria-checked": k.value ? "true" : "false",
-      disabled: u.value.disabled || _.value,
+      disabled: i.value.disabled || _.value,
       onClick: B,
-      onFocus: I,
-      onBlur: Y
+      onFocus: z,
+      onBlur: ee
     }), [
       L[1] || (L[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", ya, [
+        _.value ? (f(), m("svg", wa, [...L[0] || (L[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)
       ]),
-      x.value ? (f(), m("span", ya, [
+      x.value ? (f(), m("span", xa, [
         k.value ? w(C.$slots, "checked", { key: 0 }, () => [
-          G(A(u.value.checkedText), 1)
+          G(A(i.value.checkedText), 1)
         ], !0) : w(C.$slots, "unchecked", { key: 1 }, () => [
-          G(A(u.value.uncheckedText), 1)
+          G(A(i.value.uncheckedText), 1)
         ], !0)
       ])) : M("", !0)
-    ], 16, ka));
+    ], 16, Ca));
   }
-}), ls = /* @__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) {
+}), is = /* @__PURE__ */ I(Va, [["__scopeId", "data-v-8cfb8f2a"]]), Le = Symbol("MuTabs"), $a = ["line", "segment"], Ba = ["small", "medium", "large"], Ta = ["white", "ghost"], Ma = ["content", "equal"];
+function Y(e, t) {
   return typeof t == "string" && e.includes(t);
 }
-function Ta(e) {
-  return Q(xa, e);
-}
-function Ma(e) {
-  return Q(Va, e);
-}
 function Sa(e) {
-  return Q($a, e);
+  return Y($a, e);
 }
 function La(e) {
-  return Q(Ba, e);
+  return Y(Ba, e);
+}
+function Pa(e) {
+  return Y(Ta, e);
+}
+function Na(e) {
+  return Y(Ma, e);
 }
 function Pe(e = {}) {
-  const t = e, a = Ta(t.variant) ? t.variant : "line";
+  const t = e, a = Sa(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" && Pa(t.appearance) ? t.appearance : a === "segment" ? "white" : void 0,
+    size: La(t.size) ? t.size : "medium",
+    layout: Na(t.layout) ? t.layout : "content",
     disabled: e.disabled ?? !1
   };
 }
-function Pa(e) {
+function Ha(e) {
   return {
     value: e.value,
     disabled: e.disabled ?? !1
   };
 }
-function Na(e = {}) {
+function Ia(e = {}) {
   return e.modelValue !== void 0;
 }
 function Ne(e, t) {
   return Object.is(e, t);
 }
-function Ha(e = {}) {
+function za(e = {}) {
   const t = Pe(e), a = [
     "mu-tabs",
     `mu-tabs--variant-${t.variant}`,
@@ -1284,19 +1302,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 Oa(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 Aa = ["aria-selected", "disabled"], Ra = {
   key: 0,
   class: "mu-tab__prefix",
   "aria-hidden": "true"
-}, Aa = { class: "mu-tab__content" }, Ra = {
+}, Da = { class: "mu-tab__content" }, Ga = {
   key: 1,
   class: "mu-tab__suffix",
   "aria-hidden": "true"
-}, Da = /* @__PURE__ */ H({
+}, Ea = /* @__PURE__ */ H({
   inheritAttrs: !1,
   __name: "Tab",
   props: {
@@ -1305,63 +1323,63 @@ const Ia = ["aria-selected", "disabled"], Oa = {
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const a = e, s = t, c = D(), l = U(), o = se(Le, null), i = N(null), r = n(() => Pa(a)), u = n(
-      () => o ? Ne(o.value.value, r.value.value) : !1
+    const a = e, s = t, r = D(), l = K(), o = ne(Le, null), u = N(null), c = n(() => Ha(a)), i = n(
+      () => o ? Ne(o.value.value, c.value.value) : !1
     ), d = n(
-      () => r.value.disabled || !!(o != null && o.disabled.value)
+      () => c.value.disabled || !!(o != null && o.disabled.value)
     ), y = n(() => [
-      za(a, {
-        active: u.value,
+      Oa(a, {
+        active: i.value,
         disabled: d.value
       }),
-      c.class
+      r.class
     ]), k = n(() => {
-      const { class: b, style: g, ...S } = c;
+      const { class: b, style: g, ...S } = r;
       return S;
-    }), _ = n(() => c.style);
+    }), _ = n(() => 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) {
       if (d.value) {
         b.preventDefault(), b.stopPropagation();
         return;
       }
-      o && o.select(r.value.value, b), s("click", b);
+      o && o.select(c.value.value, b), s("click", b);
     }
-    return le(() => {
+    return oe(() => {
       T();
-    }), oe(() => {
-      o == null || o.unregisterItem(r.value.value);
+    }), ie(() => {
+      o == null || o.unregisterItem(c.value.value);
     }), ue(
-      () => r.value.value,
+      () => c.value.value,
       (b, g) => {
-        !o || !i.value || (o.unregisterItem(g), o.registerItem(b, i.value));
+        !o || !u.value || (o.unregisterItem(g), o.registerItem(b, u.value));
       }
     ), (b, g) => (f(), m("button", R({
       ref_key: "buttonRef",
-      ref: i
+      ref: u
     }, k.value, {
       type: "button",
       role: "tab",
       class: y.value,
       style: _.value,
-      "aria-selected": u.value ? "true" : "false",
+      "aria-selected": i.value ? "true" : "false",
       disabled: d.value,
       onClick: x
     }), [
-      O(l).prefix ? (f(), m("span", Oa, [
+      O(l).prefix ? (f(), m("span", Ra, [
         w(b.$slots, "prefix", {}, void 0, !0)
       ])) : M("", !0),
-      v("span", Aa, [
+      v("span", Da, [
         w(b.$slots, "default", {}, void 0, !0)
       ]),
-      O(l).suffix ? (f(), m("span", Ra, [
+      O(l).suffix ? (f(), m("span", Ga, [
         w(b.$slots, "suffix", {}, void 0, !0)
       ])) : M("", !0)
-    ], 16, Ia));
+    ], 16, Aa));
   }
-}), os = /* @__PURE__ */ z(Da, [["__scopeId", "data-v-eeb068b0"]]), Ga = /* @__PURE__ */ H({
+}), us = /* @__PURE__ */ I(Ea, [["__scopeId", "data-v-eeb068b0"]]), ja = /* @__PURE__ */ H({
   inheritAttrs: !1,
   __name: "Tabs",
   props: {
@@ -1375,17 +1393,17 @@ const Ia = ["aria-selected", "disabled"], Oa = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: t }) {
-    const a = e, s = t, c = D(), l = N(null), o = n(() => Pe(a)), i = n(() => Na(a)), r = N(o.value.defaultValue), u = n(
-      () => i.value ? o.value.modelValue : r.value
+    const a = e, s = t, r = D(), l = N(null), o = n(() => Pe(a)), u = n(() => Ia(a)), c = N(o.value.defaultValue), i = n(
+      () => u.value ? o.value.modelValue : c.value
     ), d = n(() => o.value.variant), y = n(() => o.value.appearance), k = n(() => o.value.size), _ = n(() => o.value.layout), T = n(() => o.value.disabled), x = N(!1), b = N(0), g = /* @__PURE__ */ new Map(), S = N({
       transform: "translateX(0px)",
       width: "0px"
-    }), $ = n(() => [Ha(a), c.class]), h = n(() => {
-      const { class: V, style: P, ...ee } = c;
-      return ee;
-    }), p = n(() => c.style);
+    }), $ = n(() => [za(a), r.class]), h = n(() => {
+      const { class: V, style: P, ...te } = r;
+      return te;
+    }), p = n(() => r.style);
     function B() {
-      const V = l.value, P = u.value !== void 0 ? g.get(u.value) : void 0;
+      const V = l.value, P = i.value !== void 0 ? g.get(i.value) : void 0;
       if (!V || !P) {
         S.value = {
           transform: "translateX(0px)",
@@ -1393,47 +1411,47 @@ const Ia = ["aria-selected", "disabled"], Oa = {
         };
         return;
       }
-      const ee = V.getBoundingClientRect(), ve = P.getBoundingClientRect();
+      const te = V.getBoundingClientRect(), ve = P.getBoundingClientRect();
       S.value = {
-        transform: `translateX(${ve.left - ee.left}px)`,
+        transform: `translateX(${ve.left - te.left}px)`,
         width: `${ve.width}px`
       };
     }
-    function I() {
+    function z() {
       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 ee(V, P) {
+      T.value || Ne(i.value, V) || (u.value || (c.value = V), s("update:modelValue", V), s("change", V, P));
     }
     function C(V, P) {
-      g.set(V, P), b.value += 1, I();
+      g.set(V, P), b.value += 1, z();
     }
     function L(V) {
-      g.delete(V), b.value += 1, I();
+      g.delete(V), b.value += 1, z();
     }
-    return ne(Le, {
-      value: u,
+    return le(Le, {
+      value: i,
       variant: d,
       appearance: y,
       size: k,
       layout: _,
       disabled: T,
-      select: Y,
+      select: ee,
       registerItem: C,
       unregisterItem: L
     }), ue(
-      [u, d, k, _, b],
+      [i, d, k, _, b],
       () => {
-        I();
+        z();
       },
       { flush: "post" }
-    ), le(() => {
+    ), oe(() => {
       globalThis.window.addEventListener("resize", B), j(() => {
         B(), x.value = !0;
       });
-    }), oe(() => {
+    }), ie(() => {
       globalThis.window.removeEventListener("resize", B);
     }), (V, P) => (f(), m("div", R({
       ref_key: "rootRef",
@@ -1451,33 +1469,33 @@ const Ia = ["aria-selected", "disabled"], Oa = {
       }, null, 4)
     ], 16));
   }
-}), us = /* @__PURE__ */ z(Ga, [["__scopeId", "data-v-28e8c4f7"]]), Ea = ["outline", "solid", "soft"];
-function ja(e, t) {
+}), rs = /* @__PURE__ */ I(ja, [["__scopeId", "data-v-28e8c4f7"]]), Ua = ["outline", "solid", "soft"];
+function Za(e, t) {
   return typeof t == "string" && e.includes(t);
 }
-function Za(e) {
-  return ja(Ea, e);
+function Fa(e) {
+  return Za(Ua, e);
 }
 function He(e = {}) {
   return {
-    variant: Za(e.variant) ? e.variant : "outline",
+    variant: Fa(e.variant) ? e.variant : "outline",
     selected: e.selected ?? !1,
     disabled: e.disabled ?? !1
   };
 }
-function Fa(e = {}) {
+function Ka(e = {}) {
   const t = He(e), a = ["mu-tag", `mu-tag--variant-${t.variant}`];
   return t.selected && a.push("is-selected"), t.disabled && a.push("is-disabled"), a;
 }
-const Ua = ["disabled", "aria-pressed"], qa = {
+const qa = ["disabled", "aria-pressed"], Xa = {
   key: 0,
   class: "mu-tag__prefix",
   "aria-hidden": "true"
-}, Ka = { class: "mu-tag__content" }, Xa = {
+}, Wa = { class: "mu-tag__content" }, Ja = {
   key: 1,
   class: "mu-tag__suffix",
   "aria-hidden": "true"
-}, Wa = /* @__PURE__ */ H({
+}, Qa = /* @__PURE__ */ H({
   __name: "Tag",
   props: {
     variant: {},
@@ -1486,43 +1504,43 @@ const Ua = ["disabled", "aria-pressed"], qa = {
   },
   emits: ["update:selected", "click"],
   setup(e, { emit: t }) {
-    const a = e, s = t, c = U(), l = n(() => He(a)), o = n(() => Fa(a));
-    function i(r) {
-      l.value.disabled || (s("click", r), s("update:selected", !l.value.selected));
+    const a = e, s = t, r = K(), l = n(() => He(a)), o = n(() => Ka(a));
+    function u(c) {
+      l.value.disabled || (s("click", c), s("update:selected", !l.value.selected));
     }
-    return (r, u) => (f(), m("button", {
+    return (c, i) => (f(), m("button", {
       type: "button",
-      class: J(o.value),
+      class: Q(o.value),
       disabled: l.value.disabled,
       "aria-pressed": l.value.selected,
-      onClick: i
+      onClick: u
     }, [
-      O(c).prefix ? (f(), m("span", qa, [
-        w(r.$slots, "prefix", {}, void 0, !0)
+      O(r).prefix ? (f(), m("span", Xa, [
+        w(c.$slots, "prefix", {}, void 0, !0)
       ])) : M("", !0),
-      v("span", Ka, [
-        w(r.$slots, "default", {}, void 0, !0)
+      v("span", Wa, [
+        w(c.$slots, "default", {}, void 0, !0)
       ]),
-      O(c).suffix ? (f(), m("span", Xa, [
-        w(r.$slots, "suffix", {}, void 0, !0)
+      O(r).suffix ? (f(), m("span", Ja, [
+        w(c.$slots, "suffix", {}, void 0, !0)
       ])) : M("", !0)
-    ], 10, Ua));
+    ], 10, qa));
   }
-}), is = /* @__PURE__ */ z(Wa, [["__scopeId", "data-v-e3e9ee4d"]]);
+}), cs = /* @__PURE__ */ I(Qa, [["__scopeId", "data-v-e3e9ee4d"]]);
 export {
-  ts as MessageList,
-  Qa as MuBadge,
+  ss as MessageList,
+  es as MuBadge,
   me as MuButton,
   yt as MuCheckbox,
-  Ya as MuCheckboxGroup,
-  Qt as MuModal,
-  ss as MuRadio,
-  ns as MuRadioGroup,
-  ls as MuSwitch,
-  os as MuTab,
-  us as MuTabs,
-  is as MuTag,
-  es as message,
-  as as muModal,
-  K as openMuModal
+  ts as MuCheckboxGroup,
+  ea as MuModal,
+  ls as MuRadio,
+  os as MuRadioGroup,
+  is as MuSwitch,
+  us as MuTab,
+  rs as MuTabs,
+  cs as MuTag,
+  as as message,
+  ns as muModal,
+  q as openMuModal
 };