@mureka-fe/ui 1.1.7 → 3.0.0

package/dist/ui.js

@@ -1,5 +1,154 @@
-import { defineComponent as z, useSlots as Q, useAttrs as D, computed as o, openBlock as f, createElementBlock as v, normalizeClass as X, normalizeStyle as ve, createElementVNode as h, renderSlot as _, createCommentVNode as S, reactive as Be, h as he, createVNode as Se, TransitionGroup as Le, withCtx as te, Fragment as j, renderList as He, createBlock as U, resolveDynamicComponent as ze, unref as N, toDisplayString as O, onMounted as ne, onBeforeUnmount as oe, watch as le, Teleport as Pe, mergeProps as R, createTextVNode as A, ref as H, createApp as Ne, inject as pe, nextTick as J, provide as ge } from "vue";
-function ie(e = {}) {
+import { defineComponent as H, computed as n, openBlock as v, createElementBlock as h, normalizeClass as K, Fragment as Y, createElementVNode as f, createCommentVNode as T, renderSlot as C, createTextVNode as D, toDisplayString as I, useSlots as X, useAttrs as R, normalizeStyle as ve, reactive as Se, h as me, createVNode as Le, TransitionGroup as Pe, withCtx as ee, renderList as He, createBlock as Z, resolveDynamicComponent as Ne, unref as z, onMounted as se, onBeforeUnmount as ne, watch as oe, Teleport as Ie, mergeProps as A, ref as P, createApp as ze, inject as he, nextTick as q, provide as pe } from "vue";
+const Oe = [
+  "new",
+  "new-mini",
+  "premier",
+  "pro",
+  "beta",
+  "free",
+  "studio",
+  "upload",
+  "publish",
+  "published",
+  "details",
+  "bpm"
+], Ae = ["outline", "solid", "soft"], Re = {
+  new: { isSvgPreset: !0 },
+  "new-mini": { isSvgPreset: !0 },
+  premier: { defaultContent: "Premier" },
+  pro: { defaultContent: "Pro" },
+  beta: { defaultContent: "Beta" },
+  free: { defaultContent: "1 Free" },
+  studio: { defaultContent: "Studio" },
+  upload: { defaultContent: "Upload" },
+  publish: { defaultContent: "Publish" },
+  published: { defaultContent: "Published" },
+  details: { defaultContent: "Details" },
+  bpm: { defaultContent: "62 BPM" }
+};
+function ge(e, t) {
+  return typeof t == "string" && e.includes(t);
+}
+function De(e) {
+  return ge(Ae, e);
+}
+function Ee(e) {
+  return ge(Oe, e);
+}
+function be(e = {}) {
+  if (Ee(e.preset)) {
+    const t = Re[e.preset];
+    return {
+      preset: e.preset,
+      defaultContent: t.defaultContent,
+      isSvgPreset: t.isSvgPreset ?? !1
+    };
+  }
+  return {
+    variant: De(e.variant) ? e.variant : "outline",
+    paid: e.paid ?? !1,
+    isSvgPreset: !1
+  };
+}
+function Ge(e = {}) {
+  const t = be(e), a = ["mu-badge"];
+  return t.preset ? (a.push(`mu-badge--preset-${t.preset}`), t.isSvgPreset && a.push("mu-badge--svg"), t.preset === "details" && a.push("mu-badge--with-default-icon"), a) : (a.push(`mu-badge--variant-${t.variant}`, t.paid ? "is-paid" : "is-free"), a);
+}
+const Ue = ["role", "aria-label"], Ze = {
+  key: 0,
+  "data-test": "new-wordmark",
+  class: "mu-badge__new-wordmark",
+  viewBox: "0 0 20 8",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  "aria-hidden": "true"
+}, je = {
+  key: 1,
+  "data-test": "new-mini-wordmark",
+  class: "mu-badge__new-wordmark",
+  viewBox: "0 0 15 6",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  "aria-hidden": "true"
+}, Fe = {
+  key: 0,
+  class: "mu-badge__prefix",
+  "aria-hidden": "true"
+}, qe = { class: "mu-badge__content" }, Ke = /* @__PURE__ */ H({
+  __name: "Badge",
+  props: {
+    variant: {},
+    paid: { type: Boolean },
+    preset: {}
+  },
+  setup(e) {
+    const t = e, a = n(() => be(t)), o = n(() => Ge(t)), r = n(() => a.value.isSvgPreset ? "img" : void 0), s = n(() => a.value.isSvgPreset ? "NEW" : void 0), l = n(() => a.value.preset === "details");
+    return (d, i) => (v(), h("span", {
+      class: K(o.value),
+      role: r.value,
+      "aria-label": s.value
+    }, [
+      a.value.isSvgPreset ? (v(), h(Y, { key: 0 }, [
+        a.value.preset === "new" ? (v(), h("svg", Ze, [...i[0] || (i[0] = [
+          f("path", {
+            d: "M0 8V0H1.49679L3.84103 6.65205C3.82636 6.44018 3.80802 6.18813 3.78601 5.89589C3.76399 5.60365 3.74565 5.30046 3.73098 4.9863C3.72364 4.67215 3.71997 4.38721 3.71997 4.13151V0H4.82055V8H3.32376L0.990525 1.34794C1.0052 1.5379 1.01987 1.77534 1.03455 2.06027C1.05656 2.34521 1.07123 2.6411 1.07857 2.94795C1.09325 3.25479 1.10058 3.53973 1.10058 3.80274V8H0Z",
+            fill: "currentColor"
+          }, null, -1),
+          f("path", {
+            d: "M7.40262 8V0H12.1241V1.05205H8.56924V3.32055H11.7389V4.36164H8.56924V6.94795H12.1241V8H7.40262Z",
+            fill: "currentColor"
+          }, null, -1),
+          f("path", {
+            d: "M14.7282 8L13.8587 0H14.9263L15.4656 5.74247C15.4803 5.88858 15.4913 6.04932 15.4986 6.22466C15.5133 6.4 15.5243 6.57169 15.5316 6.73973C15.5463 6.90776 15.5536 7.05388 15.5536 7.17808C15.5683 7.05388 15.583 6.90776 15.5977 6.73973C15.6123 6.57169 15.627 6.4 15.6417 6.22466C15.6637 6.04932 15.6857 5.88858 15.7077 5.74247L16.4011 0H17.5017L18.151 5.74247C18.1657 5.88858 18.1804 6.04932 18.195 6.22466C18.2171 6.4 18.2391 6.57169 18.2611 6.73973C18.2831 6.90776 18.2978 7.05388 18.3051 7.17808C18.3124 7.05388 18.3198 6.90776 18.3271 6.73973C18.3418 6.57169 18.3565 6.4 18.3711 6.22466C18.3858 6.04932 18.4005 5.88858 18.4152 5.74247L18.9655 0H20L19.0975 8H17.7218L17.0724 2.18082C17.0578 2.0274 17.0431 1.86667 17.0284 1.69863C17.0138 1.52329 16.9991 1.35525 16.9844 1.19452C16.9697 1.02648 16.9551 0.887671 16.9404 0.778082C16.933 0.887671 16.922 1.02648 16.9074 1.19452C16.8927 1.35525 16.878 1.52329 16.8633 1.69863C16.8487 1.86667 16.8303 2.0274 16.8083 2.18082L16.1149 8H14.7282Z",
+            fill: "currentColor"
+          }, null, -1)
+        ])])) : a.value.preset === "new-mini" ? (v(), h("svg", je, [...i[1] || (i[1] = [
+          f("path", {
+            d: "M0 6V0H1.12259L2.88078 4.98904C2.86977 4.83014 2.85601 4.6411 2.8395 4.42192C2.823 4.20274 2.80924 3.97534 2.79823 3.73973C2.79273 3.50411 2.78998 3.29041 2.78998 3.09863V0H3.61542V6H2.49282L0.742893 1.01096C0.753899 1.15342 0.764905 1.33151 0.775911 1.54521C0.79242 1.7589 0.803426 1.98082 0.808928 2.21096C0.819934 2.4411 0.825437 2.65479 0.825437 2.85205V6H0Z",
+            fill: "currentColor"
+          }, null, -1),
+          f("path", {
+            d: "M5.55197 6V0H9.09309V0.789041H6.42693V2.49041H8.80419V3.27123H6.42693V5.21096H9.09309V6H5.55197Z",
+            fill: "currentColor"
+          }, null, -1),
+          f("path", {
+            d: "M11.0462 6L10.3941 0H11.1947L11.5992 4.30685C11.6102 4.41644 11.6185 4.53699 11.624 4.66849C11.635 4.8 11.6432 4.92877 11.6487 5.05479C11.6597 5.18082 11.6652 5.29041 11.6652 5.38356C11.6762 5.29041 11.6872 5.18082 11.6982 5.05479C11.7093 4.92877 11.7203 4.8 11.7313 4.66849C11.7478 4.53699 11.7643 4.41644 11.7808 4.30685L12.3008 0H13.1263L13.6133 4.30685C13.6243 4.41644 13.6353 4.53699 13.6463 4.66849C13.6628 4.8 13.6793 4.92877 13.6958 5.05479C13.7123 5.18082 13.7233 5.29041 13.7288 5.38356C13.7343 5.29041 13.7398 5.18082 13.7453 5.05479C13.7563 4.92877 13.7673 4.8 13.7784 4.66849C13.7894 4.53699 13.8004 4.41644 13.8114 4.30685L14.2241 0H15L14.3231 6H13.2913L12.8043 1.63562C12.7933 1.52055 12.7823 1.4 12.7713 1.27397C12.7603 1.14247 12.7493 1.01644 12.7383 0.89589C12.7273 0.769863 12.7163 0.665753 12.7053 0.583561C12.6998 0.665753 12.6915 0.769863 12.6805 0.89589C12.6695 1.01644 12.6585 1.14247 12.6475 1.27397C12.6365 1.4 12.6227 1.52055 12.6062 1.63562L12.0862 6H11.0462Z",
+            fill: "currentColor"
+          }, null, -1)
+        ])])) : T("", !0)
+      ], 64)) : (v(), h(Y, { key: 1 }, [
+        l.value ? (v(), h("span", Fe, [...i[2] || (i[2] = [
+          f("svg", {
+            "data-test": "details-icon",
+            viewBox: "0 0 12 12",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            "aria-hidden": "true"
+          }, [
+            f("path", {
+              d: "M1.5 3.5V2.5C1.5 2.23478 1.60536 1.98043 1.79289 1.79289C1.98043 1.60536 2.23478 1.5 2.5 1.5H3.5M8.5 1.5H9.5C9.76522 1.5 10.0196 1.60536 10.2071 1.79289C10.3946 1.98043 10.5 2.23478 10.5 2.5V3.5M10.5 8.5V9.5C10.5 9.76522 10.3946 10.0196 10.2071 10.2071C10.0196 10.3946 9.76522 10.5 9.5 10.5H8.5M3.5 10.5H2.5C2.23478 10.5 1.98043 10.3946 1.79289 10.2071C1.60536 10.0196 1.5 9.76522 1.5 9.5V8.5M3.5 4H7.5M3.5 6H8.5M3.5 8H6.5",
+              stroke: "currentColor",
+              "stroke-opacity": "0.9",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            })
+          ], -1)
+        ])])) : T("", !0),
+        f("span", qe, [
+          C(d.$slots, "default", {}, () => [
+            D(I(a.value.defaultContent), 1)
+          ], !0)
+        ])
+      ], 64))
+    ], 10, Ue));
+  }
+}), N = (e, t) => {
+  const a = e.__vccOpts || e;
+  for (const [o, r] of t)
+    a[o] = r;
+  return a;
+}, La = /* @__PURE__ */ N(Ke, [["__scopeId", "data-v-aa9886ca"]]);
+function le(e = {}) {
   return {
     type: e.type ?? "primary",
     status: e.status,
@@ -13,8 +162,8 @@ function ie(e = {}) {
     nativeType: e.nativeType ?? "button"
   };
 }
-function Ie(e = {}) {
-  const t = ie(e), a = [
+function Xe(e = {}) {
+  const t = le(e), a = [
     "mu-button",
     `mu-button--${t.type}`,
     `mu-button--appearance-${t.appearance}`,
@@ -22,29 +171,29 @@ function Ie(e = {}) {
   ];
   return t.type === "ghost" && t.ghostTextTone === "primary" && a.push(`mu-button--ghost-text-${t.ghostTextTone}`), t.shape === "pill" && a.push("mu-button--shape-pill"), t.status && a.push(`mu-button--status-${t.status}`), t.iconOnly && a.push("mu-button--icon-only"), t.disabled && a.push("is-disabled"), t.loading && a.push("is-loading"), a;
 }
-function Oe(e = {}) {
-  const t = ie(e);
+function We(e = {}) {
+  const t = le(e);
   return !t.disabled && !t.loading;
 }
-function Ae(e = {}) {
-  const t = e.iconOnly ?? !1, a = e.hasPrefix ?? !1, s = e.hasSuffix ?? !1, u = e.loading ?? !1, n = e.hasAriaLabel ?? !1;
+function Je(e = {}) {
+  const t = e.iconOnly ?? !1, a = e.hasPrefix ?? !1, o = e.hasSuffix ?? !1, r = e.loading ?? !1, s = e.hasAriaLabel ?? !1;
   return {
-    showPrefixSlot: !t && !u && a,
-    showSuffixSlot: !t && s,
-    showLoadingIndicator: u,
-    requiresAriaLabel: t && !n,
-    isInvalidIconOnlyCombination: t && (a || s)
+    showPrefixSlot: !t && !r && a,
+    showSuffixSlot: !t && o,
+    showLoadingIndicator: r,
+    requiresAriaLabel: t && !s,
+    isInvalidIconOnlyCombination: t && (a || o)
   };
 }
-const Re = ["type", "disabled", "aria-busy"], De = {
+const Qe = ["type", "disabled", "aria-busy"], Ye = {
   key: 0,
   class: "mu-button__prefix",
   "aria-hidden": "true"
-}, Ee = { class: "mu-button__content" }, Ze = {
+}, et = { class: "mu-button__content" }, tt = {
   key: 1,
   class: "mu-button__suffix",
   "aria-hidden": "true"
-}, Ge = /* @__PURE__ */ z({
+}, at = /* @__PURE__ */ H({
   __name: "Button",
   props: {
     type: { default: "primary" },
@@ -60,7 +209,7 @@ const Re = ["type", "disabled", "aria-busy"], De = {
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const a = e, s = t, u = Q(), n = D(), l = {
+    const a = e, o = t, r = X(), s = R(), l = {
       small: {
         width: "var(--mu-button-icon-size-small)",
         height: "var(--mu-button-icon-size-small)"
@@ -73,67 +222,62 @@ const Re = ["type", "disabled", "aria-busy"], De = {
         width: "var(--mu-button-icon-size-large)",
         height: "var(--mu-button-icon-size-large)"
       }
-    }, d = o(() => ie(a)), c = o(() => Ie(d.value)), i = o(() => l[d.value.size]), r = o(
-      () => Ae({
+    }, d = n(() => le(a)), i = n(() => Xe(d.value)), u = n(() => l[d.value.size]), c = n(
+      () => Je({
         iconOnly: d.value.iconOnly,
-        hasPrefix: !!u.prefix,
-        hasSuffix: !!u.suffix,
+        hasPrefix: !!r.prefix,
+        hasSuffix: !!r.suffix,
         loading: d.value.loading,
-        hasDefaultSlot: !!u.default,
-        hasAriaLabel: typeof n["aria-label"] == "string" && n["aria-label"].trim().length > 0
+        hasDefaultSlot: !!r.default,
+        hasAriaLabel: typeof s["aria-label"] == "string" && s["aria-label"].trim().length > 0
       })
     );
-    function w(C) {
-      if (!Oe(d.value)) {
-        C.preventDefault(), C.stopPropagation();
+    function w(b) {
+      if (!We(d.value)) {
+        b.preventDefault(), b.stopPropagation();
         return;
       }
-      s("click", C);
+      o("click", b);
     }
-    return (C, b) => (f(), v("button", {
+    return (b, k) => (v(), h("button", {
       type: d.value.nativeType,
-      class: X(["mu-button", c.value]),
+      class: K(["mu-button", i.value]),
       disabled: d.value.disabled || d.value.loading,
       "aria-busy": d.value.loading ? "true" : void 0,
       onClick: w
     }, [
-      r.value.showLoadingIndicator || r.value.showPrefixSlot ? (f(), v("span", De, [
-        r.value.showLoadingIndicator ? (f(), v("svg", {
+      c.value.showLoadingIndicator || c.value.showPrefixSlot ? (v(), h("span", Ye, [
+        c.value.showLoadingIndicator ? (v(), h("svg", {
           key: 0,
           class: "mu-button__loading-icon",
-          style: ve(i.value),
+          style: ve(u.value),
           viewBox: "0 0 24 24",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
-        }, [...b[0] || (b[0] = [
-          h("path", {
+        }, [...k[0] || (k[0] = [
+          f("path", {
             d: "M2.00293 12C2.00293 6.47853 6.47853 2.00293 12 2.00293C12.5509 2.00293 12.9971 2.4491 12.9971 3C12.9971 3.5509 12.5509 3.99707 12 3.99707C7.58034 3.99707 3.99707 7.58034 3.99707 12C3.99707 16.4197 7.58034 20.0029 12 20.0029C16.4197 20.0029 20.0029 16.4197 20.0029 12C20.0029 11.4491 20.4491 11.0029 21 11.0029C21.5509 11.0029 21.9971 11.4491 21.9971 12C21.9971 17.5215 17.5215 21.9971 12 21.9971C6.47853 21.9971 2.00293 17.5215 2.00293 12Z",
             fill: "currentColor"
           }, null, -1)
-        ])], 4)) : _(C.$slots, "prefix", { key: 1 }, void 0, !0)
-      ])) : S("", !0),
-      h("span", Ee, [
-        _(C.$slots, "default", {}, void 0, !0)
+        ])], 4)) : C(b.$slots, "prefix", { key: 1 }, void 0, !0)
+      ])) : T("", !0),
+      f("span", et, [
+        C(b.$slots, "default", {}, void 0, !0)
       ]),
-      r.value.showSuffixSlot ? (f(), v("span", Ze, [
-        _(C.$slots, "suffix", {}, void 0, !0)
-      ])) : S("", !0)
-    ], 10, Re));
+      c.value.showSuffixSlot ? (v(), h("span", tt, [
+        C(b.$slots, "suffix", {}, void 0, !0)
+      ])) : T("", !0)
+    ], 10, Qe));
   }
-}), P = (e, t) => {
-  const a = e.__vccOpts || e;
-  for (const [s, u] of t)
-    a[s] = u;
-  return a;
-}, me = /* @__PURE__ */ P(Ge, [["__scopeId", "data-v-42de128c"]]), je = 3e3, Ue = {
+}), fe = /* @__PURE__ */ N(at, [["__scopeId", "data-v-42de128c"]]), st = 3e3, nt = {
   close: () => {
   }
-}, F = Be({
+}, j = Se({
   items: []
 });
-let Fe = 1;
+let ot = 1;
 const E = /* @__PURE__ */ new Map();
-function qe(e) {
+function lt(e) {
   return typeof e == "string" ? { title: e } : {
     title: e.title,
     description: e.description,
@@ -143,92 +287,92 @@ function qe(e) {
     icon: e.icon
   };
 }
-function ue(e) {
+function ie(e) {
   return e.duration > 0;
 }
-function Ke(e) {
-  return F.items.findIndex((t) => t.id === e);
+function it(e) {
+  return j.items.findIndex((t) => t.id === e);
 }
-function Ce(e) {
-  return F.items.find((t) => t.id === e);
+function ke(e) {
+  return j.items.find((t) => t.id === e);
 }
-function re(e) {
+function ue(e) {
   const t = E.get(e);
   t && t.timer !== null && (globalThis.clearTimeout(t.timer), t.timer = null);
 }
-function ce(e) {
-  const t = Ke(e);
-  t < 0 || (re(e), E.delete(e), F.items.splice(t, 1));
+function re(e) {
+  const t = it(e);
+  t < 0 || (ue(e), E.delete(e), j.items.splice(t, 1));
 }
-function be(e, t) {
+function _e(e, t) {
   const a = E.get(e);
-  a && (re(e), a.remainingDuration = t, a.deadline = Date.now() + t, a.isPaused = !1, a.timer = globalThis.setTimeout(() => {
-    ce(e);
+  a && (ue(e), a.remainingDuration = t, a.deadline = Date.now() + t, a.isPaused = !1, a.timer = globalThis.setTimeout(() => {
+    re(e);
   }, t));
 }
-function Xe(e, t) {
+function ut(e, t) {
   return {
-    id: Fe++,
+    id: ot++,
     type: e,
     title: t.title,
     description: t.description,
-    duration: t.duration ?? je,
+    duration: t.duration ?? st,
     closable: t.closable ?? !1,
     resetOnHover: t.resetOnHover ?? !1,
     icon: t.icon
   };
 }
-function Je() {
+function rt() {
   return typeof globalThis.window < "u" && typeof globalThis.document < "u";
 }
-function Qe(e, t) {
-  if (!Je())
-    return Ue;
-  const a = qe(t), s = Xe(e, a);
-  return F.items.push(s), E.set(s.id, {
+function ct(e, t) {
+  if (!rt())
+    return nt;
+  const a = lt(t), o = ut(e, a);
+  return j.items.push(o), E.set(o.id, {
     timer: null,
     deadline: 0,
-    remainingDuration: s.duration,
+    remainingDuration: o.duration,
     isPaused: !1
-  }), ue(s) && be(s.id, s.duration), {
-    close: () => ce(s.id)
+  }), ie(o) && _e(o.id, o.duration), {
+    close: () => re(o.id)
   };
 }
-function G(e) {
-  return (t) => Qe(e, t);
+function U(e) {
+  return (t) => ct(e, t);
 }
-const La = {
-  success: G("success"),
-  warning: G("warning"),
-  loading: G("loading"),
-  error: G("error"),
-  danger: G("danger")
+const Pa = {
+  success: U("success"),
+  warning: U("warning"),
+  loading: U("loading"),
+  error: U("error"),
+  danger: U("danger")
 };
-function We(e) {
-  ce(e);
+function dt(e) {
+  re(e);
 }
-function Ye(e) {
-  const t = E.get(e), a = Ce(e);
-  !t || !a || t.isPaused || !a.resetOnHover || !ue(a) || (t.remainingDuration = Math.max(t.deadline - Date.now(), 0), re(e), t.isPaused = !0);
+function ft(e) {
+  const t = E.get(e), a = ke(e);
+  !t || !a || t.isPaused || !a.resetOnHover || !ie(a) || (t.remainingDuration = Math.max(t.deadline - Date.now(), 0), ue(e), t.isPaused = !0);
 }
-function et(e) {
-  const t = E.get(e), a = Ce(e);
-  !t || !a || !t.isPaused || !a.resetOnHover || !ue(a) || be(e, t.remainingDuration || a.duration);
+function vt(e) {
+  const t = E.get(e), a = ke(e);
+  !t || !a || !t.isPaused || !a.resetOnHover || !ie(a) || _e(e, t.remainingDuration || a.duration);
 }
-const tt = {
+const mt = {
   class: "mu-message-list",
   "aria-live": "polite",
   "aria-atomic": "true"
-}, at = ["onMouseenter", "onMouseleave"], st = {
+}, ht = ["onMouseenter", "onMouseleave"], pt = {
   class: "mu-message__icon",
   "aria-hidden": "true"
-}, nt = { class: "mu-message__content" }, ot = { class: "mu-message__title" }, lt = {
+}, gt = { class: "mu-message__content" }, bt = { class: "mu-message__title" }, kt = {
   key: 0,
   class: "mu-message__description"
-}, it = ["onClick"], ut = /* @__PURE__ */ z({
+}, _t = ["onClick"], Ct = /* @__PURE__ */ H({
   __name: "MessageList",
   setup(e) {
-    const t = o(() => F.items), a = z({
+    const t = n(() => j.items), a = H({
       name: "MarkupIcon",
       props: {
         markup: {
@@ -236,24 +380,24 @@ const tt = {
           required: !0
         }
       },
-      setup(c) {
-        return () => he("span", { class: "mu-message__icon-markup", innerHTML: c.markup });
+      setup(i) {
+        return () => me("span", { class: "mu-message__icon-markup", innerHTML: i.markup });
       }
     });
-    function s(c) {
-      return typeof c != "string";
+    function o(i) {
+      return typeof i != "string";
     }
-    function u(c) {
-      Ye(c);
+    function r(i) {
+      ft(i);
     }
-    function n(c) {
-      et(c);
+    function s(i) {
+      vt(i);
     }
-    function l(c) {
-      if (!(c instanceof globalThis.HTMLElement))
+    function l(i) {
+      if (!(i instanceof globalThis.HTMLElement))
         return;
-      const i = c.getBoundingClientRect();
-      c.style.width = `${i.width}px`, c.style.height = `${i.height}px`;
+      const u = i.getBoundingClientRect();
+      i.style.width = `${u.width}px`, i.style.height = `${u.height}px`;
     }
     const d = {
       success: '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 6.5L9.5 17L4 11.5" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>',
@@ -262,58 +406,58 @@ const tt = {
       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 (c, i) => (f(), v("div", tt, [
-      Se(Le, {
+    return (i, u) => (v(), h("div", mt, [
+      Le(Pe, {
         name: "mu-message-fade",
         tag: "div",
         class: "mu-message-list__stack",
         onBeforeLeave: l
       }, {
-        default: te(() => [
-          (f(!0), v(j, null, He(t.value, (r) => (f(), v("div", {
-            key: r.id,
-            class: X(["mu-message", [`mu-message--${r.type}`, { "mu-message--compact": !r.description }]]),
+        default: ee(() => [
+          (v(!0), h(Y, null, He(t.value, (c) => (v(), h("div", {
+            key: c.id,
+            class: K(["mu-message", [`mu-message--${c.type}`, { "mu-message--compact": !c.description }]]),
             role: "status",
-            onMouseenter: (w) => u(r.id),
-            onMouseleave: (w) => n(r.id)
+            onMouseenter: (w) => r(c.id),
+            onMouseleave: (w) => s(c.id)
           }, [
-            h("span", st, [
-              r.icon && s(r.icon) ? (f(), U(ze(r.icon), { key: 0 })) : (f(), U(N(a), {
+            f("span", pt, [
+              c.icon && o(c.icon) ? (v(), Z(Ne(c.icon), { key: 0 })) : (v(), Z(z(a), {
                 key: 1,
-                markup: typeof r.icon == "string" ? r.icon : d[r.type]
+                markup: typeof c.icon == "string" ? c.icon : d[c.type]
               }, null, 8, ["markup"]))
             ]),
-            h("div", nt, [
-              h("div", ot, O(r.title), 1),
-              r.description ? (f(), v("p", lt, O(r.description), 1)) : S("", !0)
+            f("div", gt, [
+              f("div", bt, I(c.title), 1),
+              c.description ? (v(), h("p", kt, I(c.description), 1)) : T("", !0)
             ]),
-            r.closable ? (f(), v("button", {
+            c.closable ? (v(), h("button", {
               key: 0,
               type: "button",
               class: "mu-message__close",
               "aria-label": "Close message",
-              onClick: (w) => N(We)(r.id)
-            }, [...i[0] || (i[0] = [
-              h("svg", {
+              onClick: (w) => z(dt)(c.id)
+            }, [...u[0] || (u[0] = [
+              f("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg"
               }, [
-                h("path", {
+                f("path", {
                   d: "M5 5L19 19M19 5L5 19",
                   stroke: "white",
                   "stroke-width": "1.8",
                   "stroke-linecap": "round"
                 })
               ], -1)
-            ])], 8, it)) : S("", !0)
-          ], 42, at))), 128))
+            ])], 8, _t)) : T("", !0)
+          ], 42, ht))), 128))
         ]),
         _: 1
       })
     ]));
   }
-}), Ha = /* @__PURE__ */ P(ut, [["__scopeId", "data-v-debf98d8"]]), rt = {
+}), Ha = /* @__PURE__ */ N(Ct, [["__scopeId", "data-v-debf98d8"]]), yt = {
   medium: {
     width: "548px",
     minHeight: "228px"
@@ -323,13 +467,13 @@ const tt = {
     minHeight: "500px"
   }
 };
-function de(e = {}) {
-  const t = e.size ?? "medium", a = rt[t], s = e.variant ?? "form";
+function ce(e = {}) {
+  const t = e.size ?? "medium", a = yt[t], o = e.variant ?? "form";
   return {
     visible: e.visible ?? !1,
     title: e.title ?? "",
     status: e.status ?? "default",
-    variant: s,
+    variant: o,
     size: t,
     width: e.width ?? a.width,
     minHeight: a.minHeight,
@@ -339,13 +483,13 @@ function de(e = {}) {
     okText: e.okText ?? "Confirm",
     cancelText: e.cancelText ?? "Cancel",
     // feedback 形态默认隐藏 cancel；显式传值仍优先
-    hideCancel: e.hideCancel ?? s === "feedback",
+    hideCancel: e.hideCancel ?? o === "feedback",
     hideOk: e.hideOk ?? !1,
     okLoading: e.okLoading ?? !1
   };
 }
-function ct(e = {}) {
-  const t = de(e), a = [
+function wt(e = {}) {
+  const t = ce(e), a = [
     "mu-modal",
     `mu-modal--${t.size}`,
     `mu-modal--${t.status}`,
@@ -353,8 +497,8 @@ function ct(e = {}) {
   ];
   return t.variant === "feedback" && a.push("mu-modal--feedback"), a;
 }
-function dt(e = {}) {
-  const t = de(e);
+function Vt(e = {}) {
+  const t = ce(e);
   return t.variant === "feedback" ? {
     type: "secondary",
     status: t.status === "default" ? void 0 : t.status
@@ -365,13 +509,13 @@ function dt(e = {}) {
     type: "primary"
   };
 }
-const ft = {
+const xt = {
   key: 0,
   class: "mu-modal-root"
-}, mt = { class: "mu-modal__header" }, vt = ["data-status"], ht = { class: "mu-modal__body" }, pt = {
+}, Tt = { class: "mu-modal__header" }, $t = ["data-status"], Mt = { class: "mu-modal__body" }, Bt = {
   key: 0,
   class: "mu-modal__footer"
-}, gt = /* @__PURE__ */ z({
+}, St = /* @__PURE__ */ H({
   inheritAttrs: !1,
   __name: "Modal",
   props: {
@@ -392,92 +536,92 @@ const ft = {
   },
   emits: ["update:visible", "ok", "cancel", "close"],
   setup(e, { emit: t }) {
-    const a = e, s = t, u = D(), n = o(() => de(a)), l = o(() => [ct(a), u.class]), d = o(() => {
-      const { class: m, style: V, ...$ } = u;
-      return $;
-    }), c = o(() => dt(a)), i = o(
-      () => n.value.variant === "feedback" && n.value.hideCancel
-    ), r = o(() => [
+    const a = e, o = t, r = R(), s = n(() => ce(a)), l = n(() => [wt(a), r.class]), d = n(() => {
+      const { class: m, style: V, ...B } = r;
+      return B;
+    }), i = n(() => Vt(a)), u = n(
+      () => s.value.variant === "feedback" && s.value.hideCancel
+    ), c = n(() => [
       {
-        width: n.value.width,
-        minHeight: n.value.minHeight
+        width: s.value.width,
+        minHeight: s.value.minHeight
       },
-      u.style
-    ]), w = `mu-modal-title-${Math.random().toString(36).slice(2, 10)}`, b = typeof globalThis.document < "u" ? globalThis.document : null;
-    function x() {
-      s("update:visible", !1);
+      r.style
+    ]), w = `mu-modal-title-${Math.random().toString(36).slice(2, 10)}`, k = typeof globalThis.document < "u" ? globalThis.document : null;
+    function $() {
+      o("update:visible", !1);
     }
     function y() {
-      n.value.maskClosable && (x(), s("cancel", new globalThis.MouseEvent("click")));
+      s.value.maskClosable && ($(), o("cancel", new globalThis.MouseEvent("click")));
     }
     function g() {
-      x(), s("close");
+      $(), o("close");
     }
     function M(m) {
-      s("cancel", m), x();
+      o("cancel", m), $();
     }
     function L(m) {
-      s("ok", m);
+      o("ok", m);
     }
-    function I(m) {
-      m.key !== "Escape" || !n.value.visible || !n.value.escToClose || (x(), s("close"));
+    function O(m) {
+      m.key !== "Escape" || !s.value.visible || !s.value.escToClose || ($(), o("close"));
     }
-    return ne(() => {
-      b && b.addEventListener("keydown", I);
-    }), oe(() => {
-      b && (b.removeEventListener("keydown", I), b.body.style.overflow = "");
-    }), le(
-      () => n.value.visible,
+    return se(() => {
+      k && k.addEventListener("keydown", O);
+    }), ne(() => {
+      k && (k.removeEventListener("keydown", O), k.body.style.overflow = "");
+    }), oe(
+      () => s.value.visible,
       (m) => {
-        b && (b.body.style.overflow = m ? "hidden" : "");
+        k && (k.body.style.overflow = m ? "hidden" : "");
       },
       { immediate: !0 }
-    ), (m, V) => (f(), U(Pe, { to: "body" }, [
-      n.value.visible ? (f(), v("div", ft, [
-        h("div", {
+    ), (m, V) => (v(), Z(Ie, { to: "body" }, [
+      s.value.visible ? (v(), h("div", xt, [
+        f("div", {
           class: "mu-modal__mask",
           onClick: y
         }),
-        h("div", R(d.value, {
+        f("div", A(d.value, {
           class: l.value,
-          style: r.value,
+          style: c.value,
           role: "dialog",
           "aria-modal": "true",
           "aria-labelledby": w
         }), [
-          h("header", mt, [
-            h("div", {
+          f("header", Tt, [
+            f("div", {
               id: w,
               class: "mu-modal__title",
-              "data-status": n.value.status
+              "data-status": s.value.status
             }, [
-              _(m.$slots, "title", {}, () => [
-                A(O(n.value.title), 1)
+              C(m.$slots, "title", {}, () => [
+                D(I(s.value.title), 1)
               ], !0)
-            ], 8, vt),
-            n.value.closable ? (f(), v("button", {
+            ], 8, $t),
+            s.value.closable ? (v(), h("button", {
               key: 0,
               type: "button",
               class: "mu-modal__close",
               "aria-label": "Close dialog",
               onClick: g
             }, [...V[0] || (V[0] = [
-              h("span", {
+              f("span", {
                 class: "mu-modal__close-icon",
                 "aria-hidden": "true"
               }, [
-                h("svg", {
+                f("svg", {
                   viewBox: "0 0 20 20",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg"
                 }, [
-                  h("path", {
+                  f("path", {
                     d: "M5 5L15 15",
                     stroke: "currentColor",
                     "stroke-width": "1.8",
                     "stroke-linecap": "round"
                   }),
-                  h("path", {
+                  f("path", {
                     d: "M15 5L5 15",
                     stroke: "currentColor",
                     "stroke-width": "1.8",
@@ -485,94 +629,94 @@ const ft = {
                   })
                 ])
               ], -1)
-            ])])) : S("", !0)
+            ])])) : T("", !0)
           ]),
-          h("div", ht, [
-            _(m.$slots, "default", {}, void 0, !0)
+          f("div", Mt, [
+            C(m.$slots, "default", {}, void 0, !0)
           ]),
-          m.$slots.footer || !n.value.hideOk || !n.value.hideCancel ? (f(), v("footer", pt, [
-            _(m.$slots, "footer", {}, () => [
-              n.value.hideCancel ? S("", !0) : (f(), U(N(me), {
+          m.$slots.footer || !s.value.hideOk || !s.value.hideCancel ? (v(), h("footer", Bt, [
+            C(m.$slots, "footer", {}, () => [
+              s.value.hideCancel ? T("", !0) : (v(), Z(z(fe), {
                 key: 0,
                 type: "ghost",
                 class: "mu-modal__cancel",
                 onClick: M
               }, {
-                default: te(() => [
-                  A(O(n.value.cancelText), 1)
+                default: ee(() => [
+                  D(I(s.value.cancelText), 1)
                 ]),
                 _: 1
               })),
-              n.value.hideOk ? S("", !0) : (f(), U(N(me), R({ key: 1 }, c.value, {
-                loading: n.value.okLoading,
-                class: ["mu-modal__ok", { "mu-modal__ok--block": i.value }],
+              s.value.hideOk ? T("", !0) : (v(), Z(z(fe), A({ key: 1 }, i.value, {
+                loading: s.value.okLoading,
+                class: ["mu-modal__ok", { "mu-modal__ok--block": u.value }],
                 onClick: L
               }), {
-                default: te(() => [
-                  A(O(n.value.okText), 1)
+                default: ee(() => [
+                  D(I(s.value.okText), 1)
                 ]),
                 _: 1
               }, 16, ["loading", "class"]))
             ], !0)
-          ])) : S("", !0)
+          ])) : T("", !0)
         ], 16)
-      ])) : S("", !0)
+      ])) : T("", !0)
     ]));
   }
-}), Ct = /* @__PURE__ */ P(gt, [["__scopeId", "data-v-e94991b0"]]);
-function bt(e) {
+}), Lt = /* @__PURE__ */ N(St, [["__scopeId", "data-v-e94991b0"]]);
+function Pt(e) {
   return e === void 0 ? null : typeof e == "function" ? e() : e;
 }
-function K(e = {}) {
+function F(e = {}) {
   return typeof globalThis.document > "u" ? Promise.resolve(!1) : new Promise((t) => {
     const a = globalThis.document.createElement("div");
     globalThis.document.body.appendChild(a);
-    const s = H(!0);
-    let u = null, n = !1;
+    const o = P(!0);
+    let r = null, s = !1;
     const l = () => {
-      u && (u.unmount(), u = null), a.parentNode && a.parentNode.removeChild(a);
-    }, d = (r) => {
-      n || (n = !0, s.value = !1, queueMicrotask(() => {
-        l(), t(r);
+      r && (r.unmount(), r = null), a.parentNode && a.parentNode.removeChild(a);
+    }, d = (c) => {
+      s || (s = !0, o.value = !1, queueMicrotask(() => {
+        l(), t(c);
       }));
-    }, { content: c, ...i } = e;
-    u = Ne({
+    }, { content: i, ...u } = e;
+    r = ze({
       render() {
-        return he(
-          Ct,
+        return me(
+          Lt,
           {
-            ...i,
-            visible: s.value,
-            "onUpdate:visible": (r) => {
-              r || d(!1);
+            ...u,
+            visible: o.value,
+            "onUpdate:visible": (c) => {
+              c || d(!1);
             },
             onOk: () => d(!0),
             onCancel: () => d(!1),
             onClose: () => d(!1)
           },
           {
-            default: () => bt(c)
+            default: () => Pt(i)
           }
         );
       }
-    }), u.mount(a);
+    }), r.mount(a);
   });
 }
-const za = {
+const Na = {
   /** 通用版本，透传所有 props，默认 variant='form'。 */
-  show: K,
+  show: F,
   /** 通用确认弹窗，等价于 show，使用 form 形态 + 自定义 status。 */
-  confirm: (e = {}) => K(e),
+  confirm: (e = {}) => F(e),
   /** 反馈形态 + status='success'。 */
-  success: (e = {}) => K({ ...e, variant: "feedback", status: "success" }),
+  success: (e = {}) => F({ ...e, variant: "feedback", status: "success" }),
   /** 反馈形态 + status='danger'。 */
-  danger: (e = {}) => K({ ...e, variant: "feedback", status: "danger" })
-}, ke = Symbol("MuRadioGroup"), kt = ["horizontal", "vertical"];
-function yt(e, t) {
+  danger: (e = {}) => F({ ...e, variant: "feedback", status: "danger" })
+}, Ce = Symbol("MuRadioGroup"), Ht = ["horizontal", "vertical"];
+function Nt(e, t) {
   return typeof t == "string" && e.includes(t);
 }
-function _t(e) {
-  return yt(kt, e);
+function It(e) {
+  return Nt(Ht, e);
 }
 function ye(e = {}) {
   return {
@@ -583,33 +727,33 @@ function ye(e = {}) {
     name: e.name
   };
 }
-function _e(e = {}) {
+function we(e = {}) {
   return {
     modelValue: e.modelValue,
     defaultValue: e.defaultValue,
     disabled: e.disabled ?? !1,
     name: e.name,
-    direction: _t(e.direction) ? e.direction : "horizontal"
+    direction: It(e.direction) ? e.direction : "horizontal"
   };
 }
-function wt(e = {}) {
+function zt(e = {}) {
   return e.modelValue !== void 0;
 }
-function Vt(e = {}) {
+function Ot(e = {}) {
   return e.modelValue !== void 0;
 }
-function ae(e, t) {
+function te(e, t) {
   return Object.is(e, t);
 }
-function Tt(e = {}, t = {}) {
-  const a = ye(e), s = ["mu-radio"];
-  return t.checked && s.push("is-checked"), (t.disabled || a.disabled) && s.push("is-disabled"), s;
+function At(e = {}, t = {}) {
+  const a = ye(e), o = ["mu-radio"];
+  return t.checked && o.push("is-checked"), (t.disabled || a.disabled) && o.push("is-disabled"), o;
 }
-function xt(e = {}) {
-  const t = _e(e), a = ["mu-radio-group", `mu-radio-group--${t.direction}`];
+function Rt(e = {}) {
+  const t = we(e), a = ["mu-radio-group", `mu-radio-group--${t.direction}`];
   return t.disabled && a.push("is-disabled"), a;
 }
-const Mt = ["checked", "disabled", "name", "value"], $t = { class: "mu-radio__label" }, Bt = /* @__PURE__ */ z({
+const Dt = ["checked", "disabled", "name", "value"], Et = { class: "mu-radio__label" }, Gt = /* @__PURE__ */ H({
   inheritAttrs: !1,
   __name: "Radio",
   props: {
@@ -621,68 +765,68 @@ const Mt = ["checked", "disabled", "name", "value"], $t = { class: "mu-radio__la
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(e, { emit: t }) {
-    const a = e, s = t, u = D(), n = pe(ke, null), l = o(() => ye(a)), d = o(() => wt(a)), c = H(l.value.defaultChecked), i = o(() => n ? ae(n.value.value, l.value.value) : d.value ? ae(l.value.modelValue, l.value.value) : c.value), r = o(
-      () => l.value.disabled || !!(n != null && n.disabled.value)
-    ), w = o(() => (n == null ? void 0 : n.name.value) ?? l.value.name), C = o(() => String(l.value.value)), b = o(() => [
-      Tt(a, {
-        checked: i.value,
-        disabled: r.value
+    const a = e, o = t, r = R(), s = he(Ce, null), l = n(() => ye(a)), d = n(() => zt(a)), i = P(l.value.defaultChecked), u = n(() => s ? te(s.value.value, l.value.value) : d.value ? te(l.value.modelValue, l.value.value) : i.value), c = n(
+      () => l.value.disabled || !!(s != null && s.disabled.value)
+    ), w = n(() => (s == null ? void 0 : s.name.value) ?? l.value.name), b = n(() => String(l.value.value)), k = n(() => [
+      At(a, {
+        checked: u.value,
+        disabled: c.value
       }),
-      u.class
-    ]), x = o(() => {
-      const { class: m, style: V, ...$ } = u;
-      return $;
-    }), y = o(() => u.style);
+      r.class
+    ]), $ = n(() => {
+      const { class: m, style: V, ...B } = r;
+      return B;
+    }), y = n(() => r.style);
     function g(m, V) {
-      d.value || (c.value = !0), s("update:modelValue", m), s("change", m, V);
+      d.value || (i.value = !0), o("update:modelValue", m), o("change", m, V);
     }
     function M(m) {
-      if (r.value)
+      if (c.value)
         return;
-      const V = l.value.value, $ = m.target instanceof globalThis.HTMLInputElement ? m.target : null;
-      if (n) {
-        n.select(V, m), J(() => {
-          $ && ($.checked = i.value);
+      const V = l.value.value, B = m.target instanceof globalThis.HTMLInputElement ? m.target : null;
+      if (s) {
+        s.select(V, m), q(() => {
+          B && (B.checked = u.value);
         });
         return;
       }
-      g(V, m), J(() => {
-        $ && ($.checked = i.value);
+      g(V, m), q(() => {
+        B && (B.checked = u.value);
       });
     }
     function L(m) {
-      s("focus", m);
+      o("focus", m);
     }
-    function I(m) {
-      s("blur", m);
+    function O(m) {
+      o("blur", m);
     }
-    return (m, V) => (f(), v("label", R(x.value, {
-      class: b.value,
+    return (m, V) => (v(), h("label", A($.value, {
+      class: k.value,
       style: y.value
     }), [
-      h("input", {
+      f("input", {
         class: "mu-radio__input",
         type: "radio",
-        checked: i.value,
-        disabled: r.value,
+        checked: u.value,
+        disabled: c.value,
         name: w.value,
-        value: C.value,
+        value: b.value,
         onChange: M,
         onFocus: L,
-        onBlur: I
-      }, null, 40, Mt),
-      V[0] || (V[0] = h("span", {
+        onBlur: O
+      }, null, 40, Dt),
+      V[0] || (V[0] = f("span", {
         class: "mu-radio__control",
         "aria-hidden": "true"
       }, [
-        h("span", { class: "mu-radio__dot" })
+        f("span", { class: "mu-radio__dot" })
       ], -1)),
-      h("span", $t, [
-        _(m.$slots, "default", {}, void 0, !0)
+      f("span", Et, [
+        C(m.$slots, "default", {}, void 0, !0)
       ])
     ], 16));
   }
-}), Pa = /* @__PURE__ */ P(Bt, [["__scopeId", "data-v-f1283749"]]), St = /* @__PURE__ */ z({
+}), Ia = /* @__PURE__ */ N(Gt, [["__scopeId", "data-v-f1283749"]]), Ut = /* @__PURE__ */ H({
   inheritAttrs: !1,
   __name: "RadioGroup",
   props: {
@@ -694,46 +838,46 @@ const Mt = ["checked", "disabled", "name", "value"], $t = { class: "mu-radio__la
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: t }) {
-    const a = e, s = t, u = D(), n = o(() => _e(a)), l = o(() => Vt(a)), d = H(n.value.defaultValue), c = o(
-      () => l.value ? n.value.modelValue : d.value
-    ), i = o(() => n.value.disabled), r = o(() => n.value.name), w = o(() => [xt(a), u.class]), C = o(() => {
-      const { class: y, style: g, ...M } = u;
+    const a = e, o = t, r = R(), s = n(() => we(a)), l = n(() => Ot(a)), d = P(s.value.defaultValue), i = n(
+      () => l.value ? s.value.modelValue : d.value
+    ), u = n(() => s.value.disabled), c = n(() => s.value.name), w = n(() => [Rt(a), r.class]), b = n(() => {
+      const { class: y, style: g, ...M } = r;
       return M;
-    }), b = o(() => u.style);
-    function x(y, g) {
-      n.value.disabled || ae(c.value, y) || (l.value || (d.value = y), s("update:modelValue", y), s("change", y, g));
+    }), k = n(() => r.style);
+    function $(y, g) {
+      s.value.disabled || te(i.value, y) || (l.value || (d.value = y), o("update:modelValue", y), o("change", y, g));
     }
-    return ge(ke, {
-      value: c,
-      disabled: i,
-      name: r,
-      select: x
-    }), (y, g) => (f(), v("div", R(C.value, {
+    return pe(Ce, {
+      value: i,
+      disabled: u,
+      name: c,
+      select: $
+    }), (y, g) => (v(), h("div", A(b.value, {
       role: "radiogroup",
       class: w.value,
-      style: b.value
+      style: k.value
     }), [
-      _(y.$slots, "default", {}, void 0, !0)
+      C(y.$slots, "default", {}, void 0, !0)
     ], 16));
   }
-}), Na = /* @__PURE__ */ P(St, [["__scopeId", "data-v-3879fec4"]]), Lt = ["circle", "round", "line"], Ht = ["small", "medium"];
-function we(e, t) {
+}), za = /* @__PURE__ */ N(Ut, [["__scopeId", "data-v-3879fec4"]]), Zt = ["circle", "round", "line"], jt = ["small", "medium"];
+function Ve(e, t) {
   return typeof t == "string" && e.includes(t);
 }
-function zt(e) {
-  return we(Lt, e);
+function Ft(e) {
+  return Ve(Zt, e);
 }
-function Pt(e) {
-  return we(Ht, e);
+function qt(e) {
+  return Ve(jt, e);
 }
-function se(e = {}) {
+function ae(e = {}) {
   return {
     modelValue: e.modelValue,
     defaultChecked: e.defaultChecked ?? !1,
     disabled: e.disabled ?? !1,
     loading: e.loading ?? !1,
-    type: zt(e.type) ? e.type : "circle",
-    size: Pt(e.size) ? e.size : "medium",
+    type: Ft(e.type) ? e.type : "circle",
+    size: qt(e.size) ? e.size : "medium",
     checkedValue: e.checkedValue ?? !0,
     uncheckedValue: e.uncheckedValue ?? !1,
     checkedColor: e.checkedColor,
@@ -743,35 +887,35 @@ function se(e = {}) {
     uncheckedText: e.uncheckedText
   };
 }
-function Nt(e = {}) {
+function Kt(e = {}) {
   return e.modelValue !== void 0;
 }
-function Ve(e, t) {
+function xe(e, t) {
   return Object.is(e, t.checkedValue);
 }
-function It(e, t) {
-  return Ve(e, t) ? t.uncheckedValue : t.checkedValue;
+function Xt(e, t) {
+  return xe(e, t) ? t.uncheckedValue : t.checkedValue;
 }
-function Ot(e) {
+function Wt(e) {
   return e.type !== "line" && e.size !== "small";
 }
-function At(e = {}, t = {}) {
-  const a = 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;
+function Jt(e = {}, t = {}) {
+  const a = ae(e), o = ["mu-switch", `mu-switch--${a.type}`, `mu-switch--${a.size}`];
+  return t.checked && o.push("is-checked"), a.disabled && o.push("is-disabled"), (a.loading || t.loading) && o.push("is-loading"), o;
 }
-const Rt = ["aria-checked", "disabled"], Dt = {
+const Qt = ["aria-checked", "disabled"], Yt = {
   class: "mu-switch__thumb",
   "aria-hidden": "true"
-}, Et = {
+}, ea = {
   key: 0,
   class: "mu-switch__loading-icon",
   viewBox: "0 0 16 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Zt = {
+}, ta = {
   key: 0,
   class: "mu-switch__label"
-}, Gt = /* @__PURE__ */ z({
+}, aa = /* @__PURE__ */ H({
   inheritAttrs: !1,
   __name: "Switch",
   props: {
@@ -791,136 +935,136 @@ const Rt = ["aria-checked", "disabled"], Dt = {
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(e, { emit: t }) {
-    const a = e, s = t, u = D(), n = Q(), l = H(!1), d = se(a), c = H(
+    const a = e, o = t, r = R(), s = X(), l = P(!1), d = ae(a), i = P(
       d.defaultChecked ? d.checkedValue : d.uncheckedValue
-    ), i = o(() => se(a)), r = o(() => Nt(a)), w = o(
-      () => r.value ? i.value.modelValue : c.value
-    ), C = o(() => Ve(w.value, i.value)), b = o(() => i.value.loading || l.value), x = o(() => Ot(i.value)), y = o(() => x.value ? C.value ? !!(n.checked || i.value.checkedText) : !!(n.unchecked || i.value.uncheckedText) : !1), g = o(() => [
-      At(a, {
-        checked: C.value,
+    ), u = n(() => ae(a)), c = n(() => Kt(a)), w = n(
+      () => c.value ? u.value.modelValue : i.value
+    ), b = n(() => xe(w.value, u.value)), k = n(() => u.value.loading || l.value), $ = n(() => Wt(u.value)), y = n(() => $.value ? b.value ? !!(s.checked || u.value.checkedText) : !!(s.unchecked || u.value.uncheckedText) : !1), g = n(() => [
+      Jt(a, {
+        checked: b.value,
         loading: l.value
       }),
       {
         "has-label": y.value
       },
-      u.class
-    ]), M = o(() => {
-      const { class: p, style: T, type: k, ...B } = u;
-      return B;
-    }), L = o(() => {
+      r.class
+    ]), M = n(() => {
+      const { class: p, style: x, type: _, ...S } = r;
+      return S;
+    }), L = n(() => {
       const p = {};
-      return i.value.checkedColor && (p["--mu-switch-current-checked-bg"] = i.value.checkedColor, p["--mu-switch-current-checked-border"] = i.value.checkedColor, p["--mu-switch-current-checked-thumb"] = i.value.checkedColor, p["--mu-switch-current-checked-glow"] = `0 0 12px ${i.value.checkedColor}`), i.value.uncheckedColor && (p["--mu-switch-current-unchecked-bg"] = i.value.uncheckedColor), [p, u.style];
+      return u.value.checkedColor && (p["--mu-switch-current-checked-bg"] = u.value.checkedColor, p["--mu-switch-current-checked-border"] = u.value.checkedColor, p["--mu-switch-current-checked-thumb"] = u.value.checkedColor, p["--mu-switch-current-checked-glow"] = `0 0 12px ${u.value.checkedColor}`), u.value.uncheckedColor && (p["--mu-switch-current-unchecked-bg"] = u.value.uncheckedColor), [p, r.style];
     });
-    function I() {
+    function O() {
     }
     function m(p) {
-      const T = i.value.beforeChange;
-      if (!T)
+      const x = u.value.beforeChange;
+      if (!x)
         return !0;
       try {
-        const k = T(p);
-        return k instanceof Promise ? (l.value = !0, k.then((B) => B !== !1).catch(() => !1)) : k !== !1;
+        const _ = x(p);
+        return _ instanceof Promise ? (l.value = !0, _.then((S) => S !== !1).catch(() => !1)) : _ !== !1;
       } catch {
         return !1;
       }
     }
-    function V(p, T) {
-      r.value || (c.value = p), s("update:modelValue", p), s("change", p, T);
+    function V(p, x) {
+      c.value || (i.value = p), o("update:modelValue", p), o("change", p, x);
     }
-    function $(p) {
-      if (i.value.disabled || b.value)
+    function B(p) {
+      if (u.value.disabled || k.value)
         return;
-      const T = It(w.value, i.value), k = m(T);
-      if (k instanceof Promise) {
-        k.then((B) => {
-          B && V(T, p);
+      const x = Xt(w.value, u.value), _ = m(x);
+      if (_ instanceof Promise) {
+        _.then((S) => {
+          S && V(x, p);
         }).finally(() => {
           l.value = !1;
         });
         return;
       }
-      k && V(T, p);
+      _ && V(x, p);
     }
-    function Z(p) {
-      s("focus", p);
+    function G(p) {
+      o("focus", p);
     }
-    function Y(p) {
-      s("blur", p);
+    function J(p) {
+      o("blur", p);
     }
-    return (p, T) => (f(), v("button", R(M.value, {
+    return (p, x) => (v(), h("button", A(M.value, {
       type: "button",
       role: "switch",
       class: g.value,
       style: L.value,
-      "aria-checked": C.value ? "true" : "false",
-      disabled: i.value.disabled || b.value,
-      onClick: $,
-      onFocus: Z,
-      onBlur: Y
+      "aria-checked": b.value ? "true" : "false",
+      disabled: u.value.disabled || k.value,
+      onClick: B,
+      onFocus: G,
+      onBlur: J
     }), [
-      T[1] || (T[1] = h("span", {
+      x[1] || (x[1] = f("span", {
         class: "mu-switch__line-track",
         "aria-hidden": "true"
       }, null, -1)),
-      h("span", Dt, [
-        b.value ? (f(), v("svg", Et, [...T[0] || (T[0] = [
-          h("path", {
+      f("span", Yt, [
+        k.value ? (v(), h("svg", ea, [...x[0] || (x[0] = [
+          f("path", {
             d: "M8 1.5C8.41421 1.5 8.75 1.83579 8.75 2.25C8.75 2.66421 8.41421 3 8 3C5.23858 3 3 5.23858 3 8C3 10.7614 5.23858 13 8 13C10.7614 13 13 10.7614 13 8C13 7.58579 13.3358 7.25 13.75 7.25C14.1642 7.25 14.5 7.58579 14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5Z",
             fill: "currentColor"
           }, null, -1)
-        ])])) : C.value ? _(p.$slots, "checked-icon", { key: 1 }, void 0, !0) : _(p.$slots, "unchecked-icon", { key: 2 }, void 0, !0)
+        ])])) : b.value ? C(p.$slots, "checked-icon", { key: 1 }, void 0, !0) : C(p.$slots, "unchecked-icon", { key: 2 }, void 0, !0)
       ]),
-      y.value ? (f(), v("span", Zt, [
-        C.value ? _(p.$slots, "checked", { key: 0 }, () => [
-          A(O(i.value.checkedText), 1)
-        ], !0) : _(p.$slots, "unchecked", { key: 1 }, () => [
-          A(O(i.value.uncheckedText), 1)
+      y.value ? (v(), h("span", ta, [
+        b.value ? C(p.$slots, "checked", { key: 0 }, () => [
+          D(I(u.value.checkedText), 1)
+        ], !0) : C(p.$slots, "unchecked", { key: 1 }, () => [
+          D(I(u.value.uncheckedText), 1)
         ], !0)
-      ])) : S("", !0)
-    ], 16, Rt));
+      ])) : T("", !0)
+    ], 16, Qt));
   }
-}), Ia = /* @__PURE__ */ P(Gt, [["__scopeId", "data-v-8cfb8f2a"]]), Te = Symbol("MuTabs"), jt = ["line", "segment"], Ut = ["small", "medium", "large"], Ft = ["white", "ghost"], qt = ["content", "equal"];
+}), Oa = /* @__PURE__ */ N(aa, [["__scopeId", "data-v-8cfb8f2a"]]), Te = Symbol("MuTabs"), sa = ["line", "segment"], na = ["small", "medium", "large"], oa = ["white", "ghost"], la = ["content", "equal"];
 function W(e, t) {
   return typeof t == "string" && e.includes(t);
 }
-function Kt(e) {
-  return W(jt, e);
+function ia(e) {
+  return W(sa, e);
 }
-function Xt(e) {
-  return W(Ut, e);
+function ua(e) {
+  return W(na, e);
 }
-function Jt(e) {
-  return W(Ft, e);
+function ra(e) {
+  return W(oa, e);
 }
-function Qt(e) {
-  return W(qt, e);
+function ca(e) {
+  return W(la, e);
 }
-function xe(e = {}) {
-  const t = e, a = Kt(t.variant) ? t.variant : "line";
+function $e(e = {}) {
+  const t = e, a = ia(t.variant) ? t.variant : "line";
   return {
     modelValue: e.modelValue,
     defaultValue: e.defaultValue,
     variant: a,
-    appearance: a === "segment" && Jt(t.appearance) ? t.appearance : a === "segment" ? "white" : void 0,
-    size: Xt(t.size) ? t.size : "medium",
-    layout: Qt(t.layout) ? t.layout : "content",
+    appearance: a === "segment" && ra(t.appearance) ? t.appearance : a === "segment" ? "white" : void 0,
+    size: ua(t.size) ? t.size : "medium",
+    layout: ca(t.layout) ? t.layout : "content",
     disabled: e.disabled ?? !1
   };
 }
-function Wt(e) {
+function da(e) {
   return {
     value: e.value,
     disabled: e.disabled ?? !1
   };
 }
-function Yt(e = {}) {
+function fa(e = {}) {
   return e.modelValue !== void 0;
 }
 function Me(e, t) {
   return Object.is(e, t);
 }
-function ea(e = {}) {
-  const t = xe(e), a = [
+function va(e = {}) {
+  const t = $e(e), a = [
     "mu-tabs",
     `mu-tabs--variant-${t.variant}`,
     `mu-tabs--size-${t.size}`,
@@ -928,19 +1072,19 @@ function ea(e = {}) {
   ];
   return t.variant === "segment" && a.push(`mu-tabs--appearance-${t.appearance}`), t.disabled && a.push("is-disabled"), a;
 }
-function ta(e, t = {}) {
+function ma(e, t = {}) {
   const a = ["mu-tab"];
   return t.active && a.push("is-active"), (t.disabled || e.disabled) && a.push("is-disabled"), a;
 }
-const aa = ["aria-selected", "disabled"], sa = {
+const ha = ["aria-selected", "disabled"], pa = {
   key: 0,
   class: "mu-tab__prefix",
   "aria-hidden": "true"
-}, na = { class: "mu-tab__content" }, oa = {
+}, ga = { class: "mu-tab__content" }, ba = {
   key: 1,
   class: "mu-tab__suffix",
   "aria-hidden": "true"
-}, la = /* @__PURE__ */ z({
+}, ka = /* @__PURE__ */ H({
   inheritAttrs: !1,
   __name: "Tab",
   props: {
@@ -949,63 +1093,63 @@ const aa = ["aria-selected", "disabled"], sa = {
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const a = e, s = t, u = D(), n = Q(), l = pe(Te, null), d = H(null), c = o(() => Wt(a)), i = o(
-      () => l ? Me(l.value.value, c.value.value) : !1
-    ), r = o(
-      () => c.value.disabled || !!(l != null && l.disabled.value)
-    ), w = o(() => [
-      ta(a, {
-        active: i.value,
-        disabled: r.value
+    const a = e, o = t, r = R(), s = X(), l = he(Te, null), d = P(null), i = n(() => da(a)), u = n(
+      () => l ? Me(l.value.value, i.value.value) : !1
+    ), c = n(
+      () => i.value.disabled || !!(l != null && l.disabled.value)
+    ), w = n(() => [
+      ma(a, {
+        active: u.value,
+        disabled: c.value
       }),
-      u.class
-    ]), C = o(() => {
-      const { class: g, style: M, ...L } = u;
+      r.class
+    ]), b = n(() => {
+      const { class: g, style: M, ...L } = r;
       return L;
-    }), b = o(() => u.style);
-    function x() {
-      !l || !d.value || l.registerItem(c.value.value, d.value);
+    }), k = n(() => r.style);
+    function $() {
+      !l || !d.value || l.registerItem(i.value.value, d.value);
     }
     function y(g) {
-      if (r.value) {
+      if (c.value) {
         g.preventDefault(), g.stopPropagation();
         return;
       }
-      l && l.select(c.value.value, g), s("click", g);
+      l && l.select(i.value.value, g), o("click", g);
     }
-    return ne(() => {
-      x();
-    }), oe(() => {
-      l == null || l.unregisterItem(c.value.value);
-    }), le(
-      () => c.value.value,
+    return se(() => {
+      $();
+    }), ne(() => {
+      l == null || l.unregisterItem(i.value.value);
+    }), oe(
+      () => i.value.value,
       (g, M) => {
         !l || !d.value || (l.unregisterItem(M), l.registerItem(g, d.value));
       }
-    ), (g, M) => (f(), v("button", R({
+    ), (g, M) => (v(), h("button", A({
       ref_key: "buttonRef",
       ref: d
-    }, C.value, {
+    }, b.value, {
       type: "button",
       role: "tab",
       class: w.value,
-      style: b.value,
-      "aria-selected": i.value ? "true" : "false",
-      disabled: r.value,
+      style: k.value,
+      "aria-selected": u.value ? "true" : "false",
+      disabled: c.value,
       onClick: y
     }), [
-      N(n).prefix ? (f(), v("span", sa, [
-        _(g.$slots, "prefix", {}, void 0, !0)
-      ])) : S("", !0),
-      h("span", na, [
-        _(g.$slots, "default", {}, void 0, !0)
+      z(s).prefix ? (v(), h("span", pa, [
+        C(g.$slots, "prefix", {}, void 0, !0)
+      ])) : T("", !0),
+      f("span", ga, [
+        C(g.$slots, "default", {}, void 0, !0)
       ]),
-      N(n).suffix ? (f(), v("span", oa, [
-        _(g.$slots, "suffix", {}, void 0, !0)
-      ])) : S("", !0)
-    ], 16, aa));
+      z(s).suffix ? (v(), h("span", ba, [
+        C(g.$slots, "suffix", {}, void 0, !0)
+      ])) : T("", !0)
+    ], 16, ha));
   }
-}), Oa = /* @__PURE__ */ P(la, [["__scopeId", "data-v-97f04990"]]), ia = /* @__PURE__ */ z({
+}), Aa = /* @__PURE__ */ N(ka, [["__scopeId", "data-v-97f04990"]]), _a = /* @__PURE__ */ H({
   inheritAttrs: !1,
   __name: "Tabs",
   props: {
@@ -1019,270 +1163,152 @@ const aa = ["aria-selected", "disabled"], sa = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: t }) {
-    const a = e, s = t, u = D(), n = H(null), l = o(() => xe(a)), d = o(() => Yt(a)), c = H(l.value.defaultValue), i = o(
-      () => d.value ? l.value.modelValue : c.value
-    ), r = o(() => l.value.variant), w = o(() => l.value.appearance), C = o(() => l.value.size), b = o(() => l.value.layout), x = o(() => l.value.disabled), y = H(!1), g = H(0), M = /* @__PURE__ */ new Map(), L = H({
+    const a = e, o = t, r = R(), s = P(null), l = n(() => $e(a)), d = n(() => fa(a)), i = P(l.value.defaultValue), u = n(
+      () => d.value ? l.value.modelValue : i.value
+    ), c = n(() => l.value.variant), w = n(() => l.value.appearance), b = n(() => l.value.size), k = n(() => l.value.layout), $ = n(() => l.value.disabled), y = P(!1), g = P(0), M = /* @__PURE__ */ new Map(), L = P({
       transform: "translateX(0px)",
       width: "0px"
-    }), I = o(() => [ea(a), u.class]), m = o(() => {
-      const { class: k, style: B, ...ee } = u;
-      return ee;
-    }), V = o(() => u.style);
-    function $() {
-      const k = n.value, B = i.value !== void 0 ? M.get(i.value) : void 0;
-      if (!k || !B) {
+    }), O = n(() => [va(a), r.class]), m = n(() => {
+      const { class: _, style: S, ...Q } = r;
+      return Q;
+    }), V = n(() => r.style);
+    function B() {
+      const _ = s.value, S = u.value !== void 0 ? M.get(u.value) : void 0;
+      if (!_ || !S) {
         L.value = {
           transform: "translateX(0px)",
           width: "0px"
         };
         return;
       }
-      const ee = k.getBoundingClientRect(), fe = B.getBoundingClientRect();
+      const Q = _.getBoundingClientRect(), de = S.getBoundingClientRect();
       L.value = {
-        transform: `translateX(${fe.left - ee.left}px)`,
-        width: `${fe.width}px`
+        transform: `translateX(${de.left - Q.left}px)`,
+        width: `${de.width}px`
       };
     }
-    function Z() {
-      J(() => {
-        $();
+    function G() {
+      q(() => {
+        B();
       });
     }
-    function Y(k, B) {
-      x.value || Me(i.value, k) || (d.value || (c.value = k), s("update:modelValue", k), s("change", k, B));
+    function J(_, S) {
+      $.value || Me(u.value, _) || (d.value || (i.value = _), o("update:modelValue", _), o("change", _, S));
     }
-    function p(k, B) {
-      M.set(k, B), g.value += 1, Z();
+    function p(_, S) {
+      M.set(_, S), g.value += 1, G();
     }
-    function T(k) {
-      M.delete(k), g.value += 1, Z();
+    function x(_) {
+      M.delete(_), g.value += 1, G();
     }
-    return ge(Te, {
-      value: i,
-      variant: r,
+    return pe(Te, {
+      value: u,
+      variant: c,
       appearance: w,
-      size: C,
-      layout: b,
-      disabled: x,
-      select: Y,
+      size: b,
+      layout: k,
+      disabled: $,
+      select: J,
       registerItem: p,
-      unregisterItem: T
-    }), le(
-      [i, r, C, b, g],
+      unregisterItem: x
+    }), oe(
+      [u, c, b, k, g],
       () => {
-        Z();
+        G();
       },
       { flush: "post" }
-    ), ne(() => {
-      globalThis.window.addEventListener("resize", $), J(() => {
-        $(), y.value = !0;
+    ), se(() => {
+      globalThis.window.addEventListener("resize", B), q(() => {
+        B(), y.value = !0;
       });
-    }), oe(() => {
-      globalThis.window.removeEventListener("resize", $);
-    }), (k, B) => (f(), v("div", R({
+    }), ne(() => {
+      globalThis.window.removeEventListener("resize", B);
+    }), (_, S) => (v(), h("div", A({
       ref_key: "rootRef",
-      ref: n
+      ref: s
     }, m.value, {
       role: "tablist",
-      class: [I.value, { "is-ready": y.value }],
+      class: [O.value, { "is-ready": y.value }],
       style: V.value
     }), [
-      _(k.$slots, "default", {}, void 0, !0),
-      h("span", {
+      C(_.$slots, "default", {}, void 0, !0),
+      f("span", {
         class: "mu-tabs__indicator",
         style: ve(L.value),
         "aria-hidden": "true"
       }, null, 4)
     ], 16));
   }
-}), Aa = /* @__PURE__ */ P(ia, [["__scopeId", "data-v-28e8c4f7"]]), ua = ["new", "new-mini", "soon", "beta", "free", "details"], ra = ["neutral", "cyan", "yellow"], ca = ["soft", "outline", "tonal", "solid"], da = ["mini", "small", "medium", "large"], fa = ["rounded", "pill"], ma = {
-  neutral: "soft",
-  cyan: "tonal",
-  yellow: "outline"
-}, va = {
-  neutral: ["soft", "outline", "tonal"],
-  cyan: ["solid", "outline", "tonal"],
-  yellow: ["outline"]
-}, ha = {
-  new: {
-    tone: "cyan",
-    variant: "soft",
-    size: "small",
-    shape: "rounded"
-  },
-  "new-mini": {
-    tone: "cyan",
-    variant: "soft",
-    size: "mini",
-    shape: "rounded"
-  },
-  soon: {
-    tone: "pink",
-    variant: "soft",
-    size: "small",
-    shape: "rounded"
-  },
-  beta: {
-    tone: "pink",
-    variant: "solid",
-    size: "small",
-    shape: "rounded"
-  },
-  free: {
-    tone: "blue",
-    variant: "solid",
-    size: "small",
-    shape: "rounded"
-  },
-  details: {
-    tone: "neutral",
-    variant: "tonal",
-    size: "small",
-    shape: "rounded"
-  }
-};
-function q(e, t) {
+}), Ra = /* @__PURE__ */ N(_a, [["__scopeId", "data-v-28e8c4f7"]]), Ca = ["outline", "solid", "soft"];
+function ya(e, t) {
   return typeof t == "string" && e.includes(t);
 }
-function pa(e) {
-  return q(ua, e);
-}
-function ga(e) {
-  return q(ra, e);
-}
-function Ca(e) {
-  return q(ca, e);
+function wa(e) {
+  return ya(Ca, e);
 }
-function ba(e) {
-  return q(da, e);
-}
-function ka(e) {
-  return q(fa, e);
-}
-function $e(e = {}) {
-  const t = e;
-  if (pa(t.preset))
-    return {
-      mode: "preset",
-      preset: t.preset,
-      ...ha[t.preset]
-    };
-  const a = ga(t.tone) ? t.tone : "neutral", s = ma[a], u = Ca(t.variant) ? t.variant : void 0, n = u && va[a].includes(u) ? u : s;
+function Be(e = {}) {
   return {
-    mode: "base",
-    preset: void 0,
-    tone: a,
-    variant: n,
-    size: ba(t.size) ? t.size : "small",
-    shape: ka(t.shape) ? t.shape : "rounded"
+    variant: wa(e.variant) ? e.variant : "outline",
+    selected: e.selected ?? !1,
+    disabled: e.disabled ?? !1
   };
 }
-function ya(e = {}) {
-  const t = $e(e), a = [
-    "mu-tag",
-    `mu-tag--${t.mode}`,
-    `mu-tag--tone-${t.tone}`,
-    `mu-tag--variant-${t.variant}`,
-    `mu-tag--${t.size}`,
-    `mu-tag--shape-${t.shape}`
-  ];
-  return t.preset && a.push(`mu-tag--preset-${t.preset}`), t.mode === "base" && t.tone === "yellow" && t.variant === "outline" && a.push("mu-tag--uppercase"), a;
+function Va(e = {}) {
+  const t = Be(e), a = ["mu-tag", `mu-tag--variant-${t.variant}`];
+  return t.selected && a.push("is-selected"), t.disabled && a.push("is-disabled"), a;
 }
-const _a = ["viewBox"], wa = {
+const xa = ["disabled", "aria-pressed"], Ta = {
   key: 0,
-  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.85205V6H0ZM5.55197 6V0H9.09309V0.789041H6.42693V2.49041H8.80419V3.27123H6.42693V5.21096H9.09309V6H5.55197ZM11.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"
-}, Va = {
-  key: 1,
-  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.80274V8H0ZM7.40262 8V0H12.1241V1.05205H8.56924V3.32055H11.7389V4.36164H8.56924V6.94795H12.1241V8H7.40262ZM14.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"
-}, Ta = {
-  key: 1,
-  class: "mu-tag__wordmark mu-tag__wordmark--soon",
-  viewBox: "0 0 20 7",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg",
+  class: "mu-tag__prefix",
   "aria-hidden": "true"
-}, xa = {
-  key: 0,
-  class: "mu-tag__prefix"
-}, Ma = { class: "mu-tag__content" }, $a = {
+}, $a = { class: "mu-tag__content" }, Ma = {
   key: 1,
-  class: "mu-tag__suffix"
-}, Ba = /* @__PURE__ */ z({
+  class: "mu-tag__suffix",
+  "aria-hidden": "true"
+}, Ba = /* @__PURE__ */ H({
   __name: "Tag",
   props: {
-    preset: {},
-    tone: {},
     variant: {},
-    size: {},
-    shape: {}
+    selected: { type: Boolean },
+    disabled: { type: Boolean }
   },
-  setup(e) {
-    const t = e, a = Q(), s = o(() => $e(t)), u = o(() => ya(t));
-    return (n, l) => (f(), v("span", {
-      class: X(u.value)
+  emits: ["update:selected", "click"],
+  setup(e, { emit: t }) {
+    const a = e, o = t, r = X(), s = n(() => Be(a)), l = n(() => Va(a));
+    function d(i) {
+      s.value.disabled || (o("click", i), o("update:selected", !s.value.selected));
+    }
+    return (i, u) => (v(), h("button", {
+      type: "button",
+      class: K(l.value),
+      disabled: s.value.disabled,
+      "aria-pressed": s.value.selected,
+      onClick: d
     }, [
-      s.value.preset === "new" || s.value.preset === "new-mini" ? (f(), v("svg", {
-        key: 0,
-        class: X(["mu-tag__wordmark mu-tag__wordmark--new", { "mu-tag__wordmark--new-mini": s.value.preset === "new-mini" }]),
-        viewBox: s.value.preset === "new-mini" ? "0 0 15 6" : "0 0 20 8",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        "aria-hidden": "true"
-      }, [
-        s.value.preset === "new-mini" ? (f(), v("path", wa)) : (f(), v("path", Va))
-      ], 10, _a)) : s.value.preset === "soon" ? (f(), v("svg", Ta, [...l[0] || (l[0] = [
-        h("path", {
-          d: "M2.07437 7C1.64519 7 1.27562 6.92543 0.965653 6.7763C0.661651 6.62716 0.426199 6.41278 0.259296 6.13316C0.0923927 5.85353 0.00596083 5.52108 0 5.13582H0.804711C0.804711 5.47759 0.914986 5.74789 1.13554 5.94674C1.36205 6.14558 1.67499 6.24501 2.07437 6.24501C2.4499 6.24501 2.74198 6.14869 2.95061 5.95606C3.1652 5.76343 3.27249 5.49623 3.27249 5.15446C3.27249 4.88105 3.20096 4.64181 3.0579 4.43675C2.9208 4.23169 2.72111 4.08877 2.45884 4.00799L1.57366 3.71904C1.1266 3.57612 0.780868 3.33688 0.536474 3.00133C0.298041 2.66578 0.178825 2.27119 0.178825 1.81758C0.178825 1.45095 0.256315 1.13404 0.411297 0.866845C0.572239 0.593431 0.79577 0.382157 1.08189 0.233023C1.36801 0.0776743 1.70479 0 2.09225 0C2.66449 0 3.12347 0.167776 3.4692 0.503329C3.81493 0.832668 3.99077 1.27386 3.99673 1.8269H3.19202C3.19202 1.49135 3.09367 1.23036 2.89696 1.04394C2.70621 0.85131 2.435 0.754994 2.08331 0.754994C1.73758 0.754994 1.46636 0.841989 1.26966 1.01598C1.07891 1.18997 0.983536 1.43231 0.983536 1.74301C0.983536 2.02264 1.05507 2.26498 1.19813 2.47004C1.34118 2.6751 1.54683 2.82113 1.81507 2.90812L2.70919 3.20639C3.14433 3.34931 3.48112 3.59166 3.71955 3.93342C3.95799 4.27519 4.0772 4.67599 4.0772 5.13582C4.0772 5.50866 3.99375 5.83489 3.82685 6.11451C3.65994 6.39414 3.42449 6.61163 3.12049 6.76698C2.82245 6.92233 2.47374 7 2.07437 7ZM7.39985 7C7.00643 7 6.66667 6.92233 6.38055 6.76698C6.10039 6.61163 5.88282 6.38793 5.72784 6.09587C5.57882 5.7976 5.50431 5.44652 5.50431 5.04261V1.96671C5.50431 1.55659 5.57882 1.2055 5.72784 0.913449C5.88282 0.621394 6.10039 0.397692 6.38055 0.242344C6.66667 0.0869955 7.00643 0.00932134 7.39985 0.00932134C7.79326 0.00932134 8.13005 0.0869955 8.41021 0.242344C8.69633 0.397692 8.9139 0.621394 9.06292 0.913449C9.2179 1.2055 9.29539 1.55348 9.29539 1.95739V5.04261C9.29539 5.44652 9.2179 5.7976 9.06292 6.09587C8.9139 6.38793 8.69633 6.61163 8.41021 6.76698C8.13005 6.92233 7.79326 7 7.39985 7ZM7.39985 6.24501C7.75154 6.24501 8.01977 6.14248 8.20456 5.93742C8.3953 5.72614 8.49068 5.42787 8.49068 5.04261V1.96671C8.49068 1.58145 8.3953 1.28629 8.20456 1.08123C8.01977 0.869951 7.75154 0.764314 7.39985 0.764314C7.05412 0.764314 6.78588 0.869951 6.59514 1.08123C6.40439 1.28629 6.30902 1.58145 6.30902 1.96671V5.04261C6.30902 5.42787 6.40439 5.72614 6.59514 5.93742C6.78588 6.14248 7.05412 6.24501 7.39985 6.24501ZM12.7611 7C12.3677 7 12.0279 6.92233 11.7418 6.76698C11.4616 6.61163 11.2441 6.38793 11.0891 6.09587C10.9401 5.7976 10.8656 5.44652 10.8656 5.04261V1.96671C10.8656 1.55659 10.9401 1.2055 11.0891 0.913449C11.2441 0.621394 11.4616 0.397692 11.7418 0.242344C12.0279 0.0869955 12.3677 0.00932134 12.7611 0.00932134C13.1545 0.00932134 13.4913 0.0869955 13.7715 0.242344C14.0576 0.397692 14.2751 0.621394 14.4242 0.913449C14.5791 1.2055 14.6566 1.55348 14.6566 1.95739V5.04261C14.6566 5.44652 14.5791 5.7976 14.4242 6.09587C14.2751 6.38793 14.0576 6.61163 13.7715 6.76698C13.4913 6.92233 13.1545 7 12.7611 7ZM12.7611 6.24501C13.1128 6.24501 13.381 6.14248 13.5658 5.93742C13.7566 5.72614 13.8519 5.42787 13.8519 5.04261V1.96671C13.8519 1.58145 13.7566 1.28629 13.5658 1.08123C13.381 0.869951 13.1128 0.764314 12.7611 0.764314C12.4154 0.764314 12.1471 0.869951 11.9564 1.08123C11.7656 1.28629 11.6703 1.58145 11.6703 1.96671V5.04261C11.6703 5.42787 11.7656 5.72614 11.9564 5.93742C12.1471 6.14248 12.4154 6.24501 12.7611 6.24501ZM16.2447 6.90679V0.10253H17.3176L19.3115 5.9281C19.2996 5.77275 19.2847 5.58322 19.2668 5.35952C19.2549 5.1296 19.243 4.89037 19.2311 4.64181C19.2251 4.38704 19.2221 4.1478 19.2221 3.9241V0.10253H20V6.90679H18.9271L16.9421 1.08123C16.954 1.23036 16.9659 1.41988 16.9779 1.6498C16.9898 1.8735 16.9987 2.11274 17.0047 2.36751C17.0166 2.61607 17.0226 2.8553 17.0226 3.08522V6.90679H16.2447Z",
-          fill: "currentColor"
-        }, null, -1)
-      ])])) : s.value.preset === "beta" ? (f(), v(j, { key: 2 }, [
-        A("Beta")
-      ], 64)) : s.value.preset === "free" ? (f(), v(j, { key: 3 }, [
-        A("1 Free")
-      ], 64)) : s.value.preset === "details" ? (f(), v(j, { key: 4 }, [
-        l[1] || (l[1] = h("svg", {
-          class: "mu-tag__icon mu-tag__icon--scan-text",
-          viewBox: "0 0 12 12",
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg",
-          "aria-hidden": "true"
-        }, [
-          h("path", {
-            d: "M1.5 3.5V2.5C1.5 2.23478 1.60536 1.98043 1.79289 1.79289C1.98043 1.60536 2.23478 1.5 2.5 1.5H3.5M8.5 1.5H9.5C9.76522 1.5 10.0196 1.60536 10.2071 1.79289C10.3946 1.98043 10.5 2.23478 10.5 2.5V3.5M10.5 8.5V9.5C10.5 9.76522 10.3946 10.0196 10.2071 10.2071C10.0196 10.3946 9.76522 10.5 9.5 10.5H8.5M3.5 10.5H2.5C2.23478 10.5 1.98043 10.3946 1.79289 10.2071C1.60536 10.0196 1.5 9.76522 1.5 9.5V8.5M3.5 4H7.5M3.5 6H8.5M3.5 8H6.5",
-            stroke: "currentColor",
-            "stroke-opacity": "0.9",
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round"
-          })
-        ], -1)),
-        l[2] || (l[2] = h("span", { class: "mu-tag__label" }, "Details", -1))
-      ], 64)) : (f(), v(j, { key: 5 }, [
-        N(a).prefix ? (f(), v("span", xa, [
-          _(n.$slots, "prefix", {}, void 0, !0)
-        ])) : S("", !0),
-        h("span", Ma, [
-          _(n.$slots, "default", {}, void 0, !0)
-        ]),
-        N(a).suffix ? (f(), v("span", $a, [
-          _(n.$slots, "suffix", {}, void 0, !0)
-        ])) : S("", !0)
-      ], 64))
-    ], 2));
+      z(r).prefix ? (v(), h("span", Ta, [
+        C(i.$slots, "prefix", {}, void 0, !0)
+      ])) : T("", !0),
+      f("span", $a, [
+        C(i.$slots, "default", {}, void 0, !0)
+      ]),
+      z(r).suffix ? (v(), h("span", Ma, [
+        C(i.$slots, "suffix", {}, void 0, !0)
+      ])) : T("", !0)
+    ], 10, xa));
   }
-}), Ra = /* @__PURE__ */ P(Ba, [["__scopeId", "data-v-4ec2983a"]]);
+}), Da = /* @__PURE__ */ N(Ba, [["__scopeId", "data-v-e3e9ee4d"]]);
 export {
   Ha as MessageList,
-  me as MuButton,
-  Ct as MuModal,
-  Pa as MuRadio,
-  Na as MuRadioGroup,
-  Ia as MuSwitch,
-  Oa as MuTab,
-  Aa as MuTabs,
-  Ra as MuTag,
-  La as message,
-  za as muModal,
-  K as openMuModal
+  La as MuBadge,
+  fe as MuButton,
+  Lt as MuModal,
+  Ia as MuRadio,
+  za as MuRadioGroup,
+  Oa as MuSwitch,
+  Aa as MuTab,
+  Ra as MuTabs,
+  Da as MuTag,
+  Pa as message,
+  Na as muModal,
+  F as openMuModal
 };