@mureka-fe/ui 1.1.0

package/dist/ui.js

@@ -0,0 +1,1288 @@
+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 = {}) {
+  return {
+    type: e.type ?? "primary",
+    status: e.status,
+    appearance: e.appearance ?? "default",
+    ghostTextTone: e.ghostTextTone ?? "secondary",
+    size: e.size ?? "medium",
+    shape: e.shape ?? "rectangular",
+    disabled: e.disabled ?? !1,
+    loading: e.loading ?? !1,
+    iconOnly: e.iconOnly ?? !1,
+    nativeType: e.nativeType ?? "button"
+  };
+}
+function Ie(e = {}) {
+  const t = ie(e), a = [
+    "mu-button",
+    `mu-button--${t.type}`,
+    `mu-button--appearance-${t.appearance}`,
+    `mu-button--${t.size}`
+  ];
+  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);
+  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;
+  return {
+    showPrefixSlot: !t && !u && a,
+    showSuffixSlot: !t && s,
+    showLoadingIndicator: u,
+    requiresAriaLabel: t && !n,
+    isInvalidIconOnlyCombination: t && (a || s)
+  };
+}
+const Re = ["type", "disabled", "aria-busy"], De = {
+  key: 0,
+  class: "mu-button__prefix",
+  "aria-hidden": "true"
+}, Ee = { class: "mu-button__content" }, Ze = {
+  key: 1,
+  class: "mu-button__suffix",
+  "aria-hidden": "true"
+}, Ge = /* @__PURE__ */ z({
+  __name: "Button",
+  props: {
+    type: { default: "primary" },
+    status: {},
+    appearance: { default: "default" },
+    ghostTextTone: { default: "secondary" },
+    size: { default: "medium" },
+    shape: { default: "rectangular" },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    iconOnly: { type: Boolean, default: !1 },
+    nativeType: { default: "button" }
+  },
+  emits: ["click"],
+  setup(e, { emit: t }) {
+    const a = e, s = t, u = Q(), n = D(), l = {
+      small: {
+        width: "var(--mu-button-icon-size-small)",
+        height: "var(--mu-button-icon-size-small)"
+      },
+      medium: {
+        width: "var(--mu-button-icon-size-medium)",
+        height: "var(--mu-button-icon-size-medium)"
+      },
+      large: {
+        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({
+        iconOnly: d.value.iconOnly,
+        hasPrefix: !!u.prefix,
+        hasSuffix: !!u.suffix,
+        loading: d.value.loading,
+        hasDefaultSlot: !!u.default,
+        hasAriaLabel: typeof n["aria-label"] == "string" && n["aria-label"].trim().length > 0
+      })
+    );
+    function w(C) {
+      if (!Oe(d.value)) {
+        C.preventDefault(), C.stopPropagation();
+        return;
+      }
+      s("click", C);
+    }
+    return (C, b) => (f(), v("button", {
+      type: d.value.nativeType,
+      class: X(["mu-button", c.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", {
+          key: 0,
+          class: "mu-button__loading-icon",
+          style: ve(i.value),
+          viewBox: "0 0 24 24",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg"
+        }, [...b[0] || (b[0] = [
+          h("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)
+      ]),
+      r.value.showSuffixSlot ? (f(), v("span", Ze, [
+        _(C.$slots, "suffix", {}, void 0, !0)
+      ])) : S("", !0)
+    ], 10, Re));
+  }
+}), 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-b688bf78"]]), je = 3e3, Ue = {
+  close: () => {
+  }
+}, F = Be({
+  items: []
+});
+let Fe = 1;
+const E = /* @__PURE__ */ new Map();
+function qe(e) {
+  return typeof e == "string" ? { title: e } : {
+    title: e.title,
+    description: e.description,
+    duration: e.duration,
+    closable: e.closable,
+    resetOnHover: e.resetOnHover,
+    icon: e.icon
+  };
+}
+function ue(e) {
+  return e.duration > 0;
+}
+function Ke(e) {
+  return F.items.findIndex((t) => t.id === e);
+}
+function Ce(e) {
+  return F.items.find((t) => t.id === e);
+}
+function re(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 be(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);
+  }, t));
+}
+function Xe(e, t) {
+  return {
+    id: Fe++,
+    type: e,
+    title: t.title,
+    description: t.description,
+    duration: t.duration ?? je,
+    closable: t.closable ?? !1,
+    resetOnHover: t.resetOnHover ?? !1,
+    icon: t.icon
+  };
+}
+function Je() {
+  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, {
+    timer: null,
+    deadline: 0,
+    remainingDuration: s.duration,
+    isPaused: !1
+  }), ue(s) && be(s.id, s.duration), {
+    close: () => ce(s.id)
+  };
+}
+function G(e) {
+  return (t) => Qe(e, t);
+}
+const La = {
+  success: G("success"),
+  warning: G("warning"),
+  loading: G("loading"),
+  error: G("error"),
+  danger: G("danger")
+};
+function We(e) {
+  ce(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 et(e) {
+  const t = E.get(e), a = Ce(e);
+  !t || !a || !t.isPaused || !a.resetOnHover || !ue(a) || be(e, t.remainingDuration || a.duration);
+}
+const tt = {
+  class: "mu-message-list",
+  "aria-live": "polite",
+  "aria-atomic": "true"
+}, at = ["onMouseenter", "onMouseleave"], st = {
+  class: "mu-message__icon",
+  "aria-hidden": "true"
+}, nt = { class: "mu-message__content" }, ot = { class: "mu-message__title" }, lt = {
+  key: 0,
+  class: "mu-message__description"
+}, it = ["onClick"], ut = /* @__PURE__ */ z({
+  __name: "MessageList",
+  setup(e) {
+    const t = o(() => F.items), a = z({
+      name: "MarkupIcon",
+      props: {
+        markup: {
+          type: String,
+          required: !0
+        }
+      },
+      setup(c) {
+        return () => he("span", { class: "mu-message__icon-markup", innerHTML: c.markup });
+      }
+    });
+    function s(c) {
+      return typeof c != "string";
+    }
+    function u(c) {
+      Ye(c);
+    }
+    function n(c) {
+      et(c);
+    }
+    function l(c) {
+      if (!(c instanceof globalThis.HTMLElement))
+        return;
+      const i = c.getBoundingClientRect();
+      c.style.width = `${i.width}px`, c.style.height = `${i.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>',
+      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>',
+      loading: '<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 8V12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><path d="M12 12H15" 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 (c, i) => (f(), v("div", tt, [
+      Se(Le, {
+        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 }]]),
+            role: "status",
+            onMouseenter: (w) => u(r.id),
+            onMouseleave: (w) => n(r.id)
+          }, [
+            h("span", st, [
+              r.icon && s(r.icon) ? (f(), U(ze(r.icon), { key: 0 })) : (f(), U(N(a), {
+                key: 1,
+                markup: typeof r.icon == "string" ? r.icon : d[r.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)
+            ]),
+            r.closable ? (f(), v("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", {
+                viewBox: "0 0 24 24",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg"
+              }, [
+                h("path", {
+                  d: "M5 5L19 19M19 5L5 19",
+                  stroke: "white",
+                  "stroke-width": "1.8",
+                  "stroke-linecap": "round"
+                })
+              ], -1)
+            ])], 8, it)) : S("", !0)
+          ], 42, at))), 128))
+        ]),
+        _: 1
+      })
+    ]));
+  }
+}), Ha = /* @__PURE__ */ P(ut, [["__scopeId", "data-v-debf98d8"]]), rt = {
+  medium: {
+    width: "548px",
+    minHeight: "228px"
+  },
+  large: {
+    width: "800px",
+    minHeight: "500px"
+  }
+};
+function de(e = {}) {
+  const t = e.size ?? "medium", a = rt[t], s = e.variant ?? "form";
+  return {
+    visible: e.visible ?? !1,
+    title: e.title ?? "",
+    status: e.status ?? "default",
+    variant: s,
+    size: t,
+    width: e.width ?? a.width,
+    minHeight: a.minHeight,
+    maskClosable: e.maskClosable ?? !0,
+    escToClose: e.escToClose ?? !0,
+    closable: e.closable ?? !0,
+    okText: e.okText ?? "Confirm",
+    cancelText: e.cancelText ?? "Cancel",
+    // feedback 形态默认隐藏 cancel；显式传值仍优先
+    hideCancel: e.hideCancel ?? s === "feedback",
+    hideOk: e.hideOk ?? !1,
+    okLoading: e.okLoading ?? !1
+  };
+}
+function ct(e = {}) {
+  const t = de(e), a = [
+    "mu-modal",
+    `mu-modal--${t.size}`,
+    `mu-modal--${t.status}`,
+    `mu-modal--variant-${t.variant}`
+  ];
+  return t.variant === "feedback" && a.push("mu-modal--feedback"), a;
+}
+function dt(e = {}) {
+  const t = de(e);
+  return t.variant === "feedback" ? {
+    type: "secondary",
+    status: t.status === "default" ? void 0 : t.status
+  } : t.status === "danger" ? {
+    type: "secondary",
+    status: "danger"
+  } : {
+    type: "primary"
+  };
+}
+const ft = {
+  key: 0,
+  class: "mu-modal-root"
+}, mt = { class: "mu-modal__header" }, vt = ["data-status"], ht = { class: "mu-modal__body" }, pt = {
+  key: 0,
+  class: "mu-modal__footer"
+}, gt = /* @__PURE__ */ z({
+  inheritAttrs: !1,
+  __name: "Modal",
+  props: {
+    visible: { type: Boolean, default: !1 },
+    title: { default: "" },
+    status: { default: "default" },
+    variant: { default: "form" },
+    size: { default: "medium" },
+    width: {},
+    maskClosable: { type: Boolean, default: !0 },
+    escToClose: { type: Boolean, default: !0 },
+    closable: { type: Boolean, default: !0 },
+    okText: { default: "Confirm" },
+    cancelText: { default: "Cancel" },
+    okLoading: { type: Boolean, default: !1 },
+    hideOk: { type: Boolean, default: !1 },
+    hideCancel: { type: Boolean, default: void 0 }
+  },
+  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(() => [
+      {
+        width: n.value.width,
+        minHeight: n.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);
+    }
+    function y() {
+      n.value.maskClosable && (x(), s("cancel", new globalThis.MouseEvent("click")));
+    }
+    function g() {
+      x(), s("close");
+    }
+    function M(m) {
+      s("cancel", m), x();
+    }
+    function L(m) {
+      s("ok", m);
+    }
+    function I(m) {
+      m.key !== "Escape" || !n.value.visible || !n.value.escToClose || (x(), s("close"));
+    }
+    return ne(() => {
+      b && b.addEventListener("keydown", I);
+    }), oe(() => {
+      b && (b.removeEventListener("keydown", I), b.body.style.overflow = "");
+    }), le(
+      () => n.value.visible,
+      (m) => {
+        b && (b.body.style.overflow = m ? "hidden" : "");
+      },
+      { immediate: !0 }
+    ), (m, V) => (f(), U(Pe, { to: "body" }, [
+      n.value.visible ? (f(), v("div", ft, [
+        h("div", {
+          class: "mu-modal__mask",
+          onClick: y
+        }),
+        h("div", R(d.value, {
+          class: l.value,
+          style: r.value,
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": w
+        }), [
+          h("header", mt, [
+            h("div", {
+              id: w,
+              class: "mu-modal__title",
+              "data-status": n.value.status
+            }, [
+              _(m.$slots, "title", {}, () => [
+                A(O(n.value.title), 1)
+              ], !0)
+            ], 8, vt),
+            n.value.closable ? (f(), v("button", {
+              key: 0,
+              type: "button",
+              class: "mu-modal__close",
+              "aria-label": "Close dialog",
+              onClick: g
+            }, [...V[0] || (V[0] = [
+              h("span", {
+                class: "mu-modal__close-icon",
+                "aria-hidden": "true"
+              }, [
+                h("svg", {
+                  viewBox: "0 0 20 20",
+                  fill: "none",
+                  xmlns: "http://www.w3.org/2000/svg"
+                }, [
+                  h("path", {
+                    d: "M5 5L15 15",
+                    stroke: "currentColor",
+                    "stroke-width": "1.8",
+                    "stroke-linecap": "round"
+                  }),
+                  h("path", {
+                    d: "M15 5L5 15",
+                    stroke: "currentColor",
+                    "stroke-width": "1.8",
+                    "stroke-linecap": "round"
+                  })
+                ])
+              ], -1)
+            ])])) : S("", !0)
+          ]),
+          h("div", ht, [
+            _(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), {
+                key: 0,
+                type: "ghost",
+                class: "mu-modal__cancel",
+                onClick: M
+              }, {
+                default: te(() => [
+                  A(O(n.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 }],
+                onClick: L
+              }), {
+                default: te(() => [
+                  A(O(n.value.okText), 1)
+                ]),
+                _: 1
+              }, 16, ["loading", "class"]))
+            ], !0)
+          ])) : S("", !0)
+        ], 16)
+      ])) : S("", !0)
+    ]));
+  }
+}), Ct = /* @__PURE__ */ P(gt, [["__scopeId", "data-v-e94991b0"]]);
+function bt(e) {
+  return e === void 0 ? null : typeof e == "function" ? e() : e;
+}
+function K(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 l = () => {
+      u && (u.unmount(), u = null), a.parentNode && a.parentNode.removeChild(a);
+    }, d = (r) => {
+      n || (n = !0, s.value = !1, queueMicrotask(() => {
+        l(), t(r);
+      }));
+    }, { content: c, ...i } = e;
+    u = Ne({
+      render() {
+        return he(
+          Ct,
+          {
+            ...i,
+            visible: s.value,
+            "onUpdate:visible": (r) => {
+              r || d(!1);
+            },
+            onOk: () => d(!0),
+            onCancel: () => d(!1),
+            onClose: () => d(!1)
+          },
+          {
+            default: () => bt(c)
+          }
+        );
+      }
+    }), u.mount(a);
+  });
+}
+const za = {
+  /** 通用版本，透传所有 props，默认 variant='form'。 */
+  show: K,
+  /** 通用确认弹窗，等价于 show，使用 form 形态 + 自定义 status。 */
+  confirm: (e = {}) => K(e),
+  /** 反馈形态 + status='success'。 */
+  success: (e = {}) => K({ ...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) {
+  return typeof t == "string" && e.includes(t);
+}
+function _t(e) {
+  return yt(kt, e);
+}
+function ye(e = {}) {
+  return {
+    modelValue: e.modelValue,
+    value: e.value ?? !0,
+    defaultChecked: e.defaultChecked ?? !1,
+    disabled: e.disabled ?? !1,
+    name: e.name
+  };
+}
+function _e(e = {}) {
+  return {
+    modelValue: e.modelValue,
+    defaultValue: e.defaultValue,
+    disabled: e.disabled ?? !1,
+    name: e.name,
+    direction: _t(e.direction) ? e.direction : "horizontal"
+  };
+}
+function wt(e = {}) {
+  return e.modelValue !== void 0;
+}
+function Vt(e = {}) {
+  return e.modelValue !== void 0;
+}
+function ae(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 xt(e = {}) {
+  const t = _e(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({
+  inheritAttrs: !1,
+  __name: "Radio",
+  props: {
+    modelValue: { type: [String, Number, Boolean], default: void 0 },
+    value: { type: [String, Number, Boolean], default: !0 },
+    defaultChecked: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    name: { default: void 0 }
+  },
+  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
+      }),
+      u.class
+    ]), x = o(() => {
+      const { class: m, style: V, ...$ } = u;
+      return $;
+    }), y = o(() => u.style);
+    function g(m, V) {
+      d.value || (c.value = !0), s("update:modelValue", m), s("change", m, V);
+    }
+    function M(m) {
+      if (r.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);
+        });
+        return;
+      }
+      g(V, m), J(() => {
+        $ && ($.checked = i.value);
+      });
+    }
+    function L(m) {
+      s("focus", m);
+    }
+    function I(m) {
+      s("blur", m);
+    }
+    return (m, V) => (f(), v("label", R(x.value, {
+      class: b.value,
+      style: y.value
+    }), [
+      h("input", {
+        class: "mu-radio__input",
+        type: "radio",
+        checked: i.value,
+        disabled: r.value,
+        name: w.value,
+        value: C.value,
+        onChange: M,
+        onFocus: L,
+        onBlur: I
+      }, null, 40, Mt),
+      V[0] || (V[0] = h("span", {
+        class: "mu-radio__control",
+        "aria-hidden": "true"
+      }, [
+        h("span", { class: "mu-radio__dot" })
+      ], -1)),
+      h("span", $t, [
+        _(m.$slots, "default", {}, void 0, !0)
+      ])
+    ], 16));
+  }
+}), Pa = /* @__PURE__ */ P(Bt, [["__scopeId", "data-v-f1283749"]]), St = /* @__PURE__ */ z({
+  inheritAttrs: !1,
+  __name: "RadioGroup",
+  props: {
+    modelValue: { type: [String, Number, Boolean], default: void 0 },
+    defaultValue: { type: [String, Number, Boolean], default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    name: { default: void 0 },
+    direction: { default: "horizontal" }
+  },
+  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;
+      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));
+    }
+    return ge(ke, {
+      value: c,
+      disabled: i,
+      name: r,
+      select: x
+    }), (y, g) => (f(), v("div", R(C.value, {
+      role: "radiogroup",
+      class: w.value,
+      style: b.value
+    }), [
+      _(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) {
+  return typeof t == "string" && e.includes(t);
+}
+function zt(e) {
+  return we(Lt, e);
+}
+function Pt(e) {
+  return we(Ht, e);
+}
+function se(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",
+    checkedValue: e.checkedValue ?? !0,
+    uncheckedValue: e.uncheckedValue ?? !1,
+    checkedColor: e.checkedColor,
+    uncheckedColor: e.uncheckedColor,
+    beforeChange: e.beforeChange,
+    checkedText: e.checkedText,
+    uncheckedText: e.uncheckedText
+  };
+}
+function Nt(e = {}) {
+  return e.modelValue !== void 0;
+}
+function Ve(e, t) {
+  return Object.is(e, t.checkedValue);
+}
+function It(e, t) {
+  return Ve(e, t) ? t.uncheckedValue : t.checkedValue;
+}
+function Ot(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;
+}
+const Rt = ["aria-checked", "disabled"], Dt = {
+  class: "mu-switch__thumb",
+  "aria-hidden": "true"
+}, Et = {
+  key: 0,
+  class: "mu-switch__loading-icon",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, Zt = {
+  key: 0,
+  class: "mu-switch__label"
+}, Gt = /* @__PURE__ */ z({
+  inheritAttrs: !1,
+  __name: "Switch",
+  props: {
+    modelValue: { type: [String, Number, Boolean], default: void 0 },
+    defaultChecked: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    type: { default: "circle" },
+    size: { default: "medium" },
+    checkedValue: { type: [String, Number, Boolean], default: !0 },
+    uncheckedValue: { type: [String, Number, Boolean], default: !1 },
+    checkedColor: {},
+    uncheckedColor: {},
+    beforeChange: {},
+    checkedText: {},
+    uncheckedText: {}
+  },
+  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(
+      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,
+        loading: l.value
+      }),
+      {
+        "has-label": y.value
+      },
+      u.class
+    ]), M = o(() => {
+      const { class: p, style: T, type: k, ...B } = u;
+      return B;
+    }), L = o(() => {
+      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];
+    });
+    function I() {
+    }
+    function m(p) {
+      const T = i.value.beforeChange;
+      if (!T)
+        return !0;
+      try {
+        const k = T(p);
+        return k instanceof Promise ? (l.value = !0, k.then((B) => B !== !1).catch(() => !1)) : k !== !1;
+      } catch {
+        return !1;
+      }
+    }
+    function V(p, T) {
+      r.value || (c.value = p), s("update:modelValue", p), s("change", p, T);
+    }
+    function $(p) {
+      if (i.value.disabled || b.value)
+        return;
+      const T = It(w.value, i.value), k = m(T);
+      if (k instanceof Promise) {
+        k.then((B) => {
+          B && V(T, p);
+        }).finally(() => {
+          l.value = !1;
+        });
+        return;
+      }
+      k && V(T, p);
+    }
+    function Z(p) {
+      s("focus", p);
+    }
+    function Y(p) {
+      s("blur", p);
+    }
+    return (p, T) => (f(), v("button", R(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
+    }), [
+      T[1] || (T[1] = h("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", {
+            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)
+      ]),
+      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)
+        ], !0)
+      ])) : S("", !0)
+    ], 16, Rt));
+  }
+}), Ia = /* @__PURE__ */ P(Gt, [["__scopeId", "data-v-8cfb8f2a"]]), Te = Symbol("MuTabs"), jt = ["line", "segment"], Ut = ["small", "medium", "large"], Ft = ["white", "ghost"], qt = ["content", "equal"];
+function W(e, t) {
+  return typeof t == "string" && e.includes(t);
+}
+function Kt(e) {
+  return W(jt, e);
+}
+function Xt(e) {
+  return W(Ut, e);
+}
+function Jt(e) {
+  return W(Ft, e);
+}
+function Qt(e) {
+  return W(qt, e);
+}
+function xe(e = {}) {
+  const t = e, a = Kt(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",
+    disabled: e.disabled ?? !1
+  };
+}
+function Wt(e) {
+  return {
+    value: e.value,
+    disabled: e.disabled ?? !1
+  };
+}
+function Yt(e = {}) {
+  return e.modelValue !== void 0;
+}
+function Me(e, t) {
+  return Object.is(e, t);
+}
+function ea(e = {}) {
+  const t = xe(e), a = [
+    "mu-tabs",
+    `mu-tabs--variant-${t.variant}`,
+    `mu-tabs--size-${t.size}`,
+    `mu-tabs--layout-${t.layout}`
+  ];
+  return t.variant === "segment" && a.push(`mu-tabs--appearance-${t.appearance}`), t.disabled && a.push("is-disabled"), a;
+}
+function ta(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 = {
+  key: 0,
+  class: "mu-tab__prefix",
+  "aria-hidden": "true"
+}, na = { class: "mu-tab__content" }, oa = {
+  key: 1,
+  class: "mu-tab__suffix",
+  "aria-hidden": "true"
+}, la = /* @__PURE__ */ z({
+  inheritAttrs: !1,
+  __name: "Tab",
+  props: {
+    value: {},
+    disabled: { type: Boolean }
+  },
+  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
+      }),
+      u.class
+    ]), C = o(() => {
+      const { class: g, style: M, ...L } = u;
+      return L;
+    }), b = o(() => u.style);
+    function x() {
+      !l || !d.value || l.registerItem(c.value.value, d.value);
+    }
+    function y(g) {
+      if (r.value) {
+        g.preventDefault(), g.stopPropagation();
+        return;
+      }
+      l && l.select(c.value.value, g), s("click", g);
+    }
+    return ne(() => {
+      x();
+    }), oe(() => {
+      l == null || l.unregisterItem(c.value.value);
+    }), le(
+      () => c.value.value,
+      (g, M) => {
+        !l || !d.value || (l.unregisterItem(M), l.registerItem(g, d.value));
+      }
+    ), (g, M) => (f(), v("button", R({
+      ref_key: "buttonRef",
+      ref: d
+    }, C.value, {
+      type: "button",
+      role: "tab",
+      class: w.value,
+      style: b.value,
+      "aria-selected": i.value ? "true" : "false",
+      disabled: r.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)
+      ]),
+      N(n).suffix ? (f(), v("span", oa, [
+        _(g.$slots, "suffix", {}, void 0, !0)
+      ])) : S("", !0)
+    ], 16, aa));
+  }
+}), Oa = /* @__PURE__ */ P(la, [["__scopeId", "data-v-97f04990"]]), ia = /* @__PURE__ */ z({
+  inheritAttrs: !1,
+  __name: "Tabs",
+  props: {
+    modelValue: {},
+    defaultValue: {},
+    size: {},
+    layout: {},
+    disabled: { type: Boolean },
+    variant: {},
+    appearance: {}
+  },
+  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({
+      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) {
+        L.value = {
+          transform: "translateX(0px)",
+          width: "0px"
+        };
+        return;
+      }
+      const ee = k.getBoundingClientRect(), fe = B.getBoundingClientRect();
+      L.value = {
+        transform: `translateX(${fe.left - ee.left}px)`,
+        width: `${fe.width}px`
+      };
+    }
+    function Z() {
+      J(() => {
+        $();
+      });
+    }
+    function Y(k, B) {
+      x.value || Me(i.value, k) || (d.value || (c.value = k), s("update:modelValue", k), s("change", k, B));
+    }
+    function p(k, B) {
+      M.set(k, B), g.value += 1, Z();
+    }
+    function T(k) {
+      M.delete(k), g.value += 1, Z();
+    }
+    return ge(Te, {
+      value: i,
+      variant: r,
+      appearance: w,
+      size: C,
+      layout: b,
+      disabled: x,
+      select: Y,
+      registerItem: p,
+      unregisterItem: T
+    }), le(
+      [i, r, C, b, g],
+      () => {
+        Z();
+      },
+      { flush: "post" }
+    ), ne(() => {
+      globalThis.window.addEventListener("resize", $), J(() => {
+        $(), y.value = !0;
+      });
+    }), oe(() => {
+      globalThis.window.removeEventListener("resize", $);
+    }), (k, B) => (f(), v("div", R({
+      ref_key: "rootRef",
+      ref: n
+    }, m.value, {
+      role: "tablist",
+      class: [I.value, { "is-ready": y.value }],
+      style: V.value
+    }), [
+      _(k.$slots, "default", {}, void 0, !0),
+      h("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) {
+  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 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;
+  return {
+    mode: "base",
+    preset: void 0,
+    tone: a,
+    variant: n,
+    size: ba(t.size) ? t.size : "small",
+    shape: ka(t.shape) ? t.shape : "rounded"
+  };
+}
+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;
+}
+const _a = ["viewBox"], wa = {
+  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",
+  "aria-hidden": "true"
+}, xa = {
+  key: 0,
+  class: "mu-tag__prefix"
+}, Ma = { class: "mu-tag__content" }, $a = {
+  key: 1,
+  class: "mu-tag__suffix"
+}, Ba = /* @__PURE__ */ z({
+  __name: "Tag",
+  props: {
+    preset: {},
+    tone: {},
+    variant: {},
+    size: {},
+    shape: {}
+  },
+  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)
+    }, [
+      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));
+  }
+}), Ra = /* @__PURE__ */ P(Ba, [["__scopeId", "data-v-4ec2983a"]]);
+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
+};