@mureka-fe/ui 6.0.0 → 6.0.1

package/dist/ui.js

@@ -1,9 +1,10 @@
-import { defineComponent as H, useSlots as U, computed as n, openBlock as f, createElementBlock as m, normalizeClass as J, Fragment as X, createElementVNode as v, createCommentVNode as M, unref as O, renderSlot as w, createTextVNode as G, toDisplayString as A, useAttrs as D, normalizeStyle as he, ref as N, inject as se, watchEffect as ze, mergeProps as R, nextTick as j, provide as ne, renderList as pe, createBlock as E, withCtx as W, reactive as Ie, h as be, createVNode as Oe, TransitionGroup as Ae, resolveDynamicComponent as Re, onMounted as le, onBeforeUnmount as oe, watch as ue, Teleport as De, createApp as Ge } from "vue";
+import { defineComponent as H, useSlots as F, computed as l, openBlock as f, createElementBlock as m, normalizeClass as J, Fragment as X, createElementVNode as v, createCommentVNode as M, unref as O, renderSlot as w, createTextVNode as G, toDisplayString as A, useAttrs as D, normalizeStyle as he, ref as N, inject as se, watchEffect as ze, mergeProps as R, nextTick as j, provide as le, renderList as pe, createBlock as E, withCtx as W, reactive as Ie, h as be, createVNode as Oe, TransitionGroup as Ae, resolveDynamicComponent as Re, onMounted as ne, onBeforeUnmount as oe, watch as ue, Teleport as De, createApp as Ge } from "vue";
 const Ee = [
   "new",
   "new-mini",
   "premier",
   "pro",
+  "ultra",
   "beta",
   "free",
   "studio",
@@ -12,11 +13,12 @@ const Ee = [
   "published",
   "details",
   "bpm"
-], je = ["outline", "solid", "soft"], Ze = {
+], je = ["outline", "solid", "soft"], Ue = {
   new: { isSvgPreset: !0 },
   "new-mini": { isSvgPreset: !0 },
   premier: { defaultContent: "Premier" },
   pro: { defaultContent: "Pro" },
+  ultra: { defaultContent: "Ultra" },
   beta: { defaultContent: "Beta" },
   free: { defaultContent: "1 Free" },
   studio: { defaultContent: "Studio" },
@@ -29,15 +31,15 @@ const Ee = [
 function ge(e, t) {
   return typeof t == "string" && e.includes(t);
 }
-function Fe(e) {
+function Ze(e) {
   return ge(je, e);
 }
-function Ue(e) {
+function Fe(e) {
   return ge(Ee, e);
 }
 function ke(e = {}) {
-  if (Ue(e.preset)) {
-    const t = Ze[e.preset];
+  if (Fe(e.preset)) {
+    const t = Ue[e.preset];
     return {
       preset: e.preset,
       defaultContent: t.defaultContent,
@@ -45,7 +47,7 @@ function ke(e = {}) {
     };
   }
   return {
-    variant: Fe(e.variant) ? e.variant : "outline",
+    variant: Ze(e.variant) ? e.variant : "outline",
     paid: e.paid ?? !1,
     isSvgPreset: !1
   };
@@ -90,10 +92,10 @@ const Ke = ["role", "aria-label"], Xe = {
     preset: {}
   },
   setup(e) {
-    const t = e, a = U(), s = n(() => ke(t)), c = n(() => qe(t)), l = n(() => s.value.isSvgPreset ? "img" : void 0), o = n(() => s.value.isSvgPreset ? "NEW" : void 0), i = n(() => s.value.preset === "details");
+    const t = e, a = F(), s = l(() => ke(t)), c = l(() => qe(t)), n = l(() => s.value.isSvgPreset ? "img" : void 0), o = l(() => s.value.isSvgPreset ? "NEW" : void 0), i = l(() => s.value.preset === "details");
     return (r, u) => (f(), m("span", {
       class: J(c.value),
-      role: l.value,
+      role: n.value,
       "aria-label": o.value
     }, [
       s.value.isSvgPreset ? (f(), m(X, { key: 0 }, [
@@ -160,7 +162,7 @@ const Ke = ["role", "aria-label"], Xe = {
   for (const [s, c] of t)
     a[s] = c;
   return a;
-}, Qa = /* @__PURE__ */ z(tt, [["__scopeId", "data-v-c062c5e1"]]);
+}, Qa = /* @__PURE__ */ z(tt, [["__scopeId", "data-v-aa97ab3d"]]);
 function ie(e = {}) {
   return {
     type: e.type ?? "primary",
@@ -188,18 +190,18 @@ function st(e = {}) {
   const t = ie(e);
   return !t.disabled && !t.loading;
 }
-function nt(e = {}) {
-  const t = e.iconOnly ?? !1, a = e.hasPrefix ?? !1, s = e.hasSuffix ?? !1, c = e.loading ?? !1, l = e.hasAriaLabel ?? !1;
+function lt(e = {}) {
+  const t = e.iconOnly ?? !1, a = e.hasPrefix ?? !1, s = e.hasSuffix ?? !1, c = e.loading ?? !1, n = e.hasAriaLabel ?? !1;
   return {
     showPrefixSlot: !t && !c && a,
     showSuffixSlot: !t && s,
     showDefaultSlot: !(t && c),
     showLoadingIndicator: c,
-    requiresAriaLabel: t && !l,
+    requiresAriaLabel: t && !n,
     isInvalidIconOnlyCombination: t && (a || s)
   };
 }
-const lt = ["type", "disabled", "aria-busy"], ot = {
+const nt = ["type", "disabled", "aria-busy"], ot = {
   key: 0,
   class: "mu-button__prefix",
   "aria-hidden": "true"
@@ -226,7 +228,7 @@ const lt = ["type", "disabled", "aria-busy"], ot = {
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const a = e, s = t, c = U(), l = D(), o = {
+    const a = e, s = t, c = F(), n = D(), o = {
       small: {
         width: "var(--mu-button-icon-size-small)",
         height: "var(--mu-button-icon-size-small)"
@@ -239,14 +241,14 @@ const lt = ["type", "disabled", "aria-busy"], ot = {
         width: "var(--mu-button-icon-size-large)",
         height: "var(--mu-button-icon-size-large)"
       }
-    }, i = n(() => ie(a)), r = n(() => at(i.value)), u = n(() => o[i.value.size]), d = n(
-      () => nt({
+    }, i = l(() => ie(a)), r = l(() => at(i.value)), u = l(() => o[i.value.size]), d = l(
+      () => lt({
         iconOnly: i.value.iconOnly,
         hasPrefix: !!c.prefix,
         hasSuffix: !!c.suffix,
         loading: i.value.loading,
         hasDefaultSlot: !!c.default,
-        hasAriaLabel: typeof l["aria-label"] == "string" && l["aria-label"].trim().length > 0
+        hasAriaLabel: typeof n["aria-label"] == "string" && n["aria-label"].trim().length > 0
       })
     );
     function y(k) {
@@ -284,7 +286,7 @@ const lt = ["type", "disabled", "aria-busy"], ot = {
       d.value.showSuffixSlot ? (f(), m("span", it, [
         w(k.$slots, "suffix", {}, void 0, !0)
       ])) : M("", !0)
-    ], 10, lt));
+    ], 10, nt));
   }
 }), me = /* @__PURE__ */ z(rt, [["__scopeId", "data-v-e59338a3"]]), _e = Symbol("MuCheckboxGroup"), ct = ["horizontal", "vertical"];
 function dt(e, t) {
@@ -349,23 +351,23 @@ const kt = ["checked", "disabled", "name", "value"], _t = { class: "mu-checkbox_
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(e, { emit: t }) {
-    const a = e, s = t, c = D(), l = N(null), o = se(_e, null), i = n(() => Ce(a)), r = n(() => vt(a)), u = N(i.value.defaultChecked), d = n(() => o ? i.value.value !== void 0 ? o.isChecked(i.value.value) : !1 : r.value ? i.value.modelValue ?? !1 : u.value), y = n(
+    const a = e, s = t, c = D(), n = N(null), o = se(_e, null), i = l(() => Ce(a)), r = l(() => vt(a)), u = N(i.value.defaultChecked), d = l(() => o ? i.value.value !== void 0 ? o.isChecked(i.value.value) : !1 : r.value ? i.value.modelValue ?? !1 : u.value), y = l(
       () => i.value.disabled || !!(o != null && o.disabled.value)
-    ), k = n(() => (o == null ? void 0 : o.name.value) ?? i.value.name), _ = n(
+    ), k = l(() => (o == null ? void 0 : o.name.value) ?? i.value.name), _ = l(
       () => i.value.value === void 0 ? void 0 : String(i.value.value)
-    ), T = n(() => [
+    ), T = l(() => [
       bt(a, {
         checked: d.value,
         indeterminate: i.value.indeterminate,
         disabled: y.value
       }),
       c.class
-    ]), x = n(() => {
+    ]), x = l(() => {
       const { class: p, style: B, ...I } = c;
       return I;
-    }), b = n(() => c.style);
+    }), b = l(() => c.style);
     ze(() => {
-      l.value && (l.value.indeterminate = i.value.indeterminate);
+      n.value && (n.value.indeterminate = i.value.indeterminate);
     });
     function g(p) {
       p && (p.checked = d.value, p.indeterminate = i.value.indeterminate);
@@ -393,7 +395,7 @@ const kt = ["checked", "disabled", "name", "value"], _t = { class: "mu-checkbox_
     }), [
       v("input", {
         ref_key: "inputRef",
-        ref: l,
+        ref: n,
         class: "mu-checkbox__input",
         type: "checkbox",
         checked: d.value,
@@ -439,24 +441,24 @@ const kt = ["checked", "disabled", "name", "value"], _t = { class: "mu-checkbox_
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: t }) {
-    const a = e, s = t, c = D(), l = n(() => ye(a)), o = n(() => mt(a)), i = N([...l.value.defaultValue ?? []]), r = n(
-      () => o.value ? l.value.modelValue ?? [] : i.value
-    ), u = n(() => l.value.disabled), d = n(() => l.value.name), y = n(
-      () => l.value.options ? l.value.options.map((g) => pt(g)) : null
-    ), k = n(() => [gt(a), c.class]), _ = n(() => {
+    const a = e, s = t, c = D(), n = l(() => ye(a)), o = l(() => mt(a)), i = N([...n.value.defaultValue ?? []]), r = l(
+      () => o.value ? n.value.modelValue ?? [] : i.value
+    ), u = l(() => n.value.disabled), d = l(() => n.value.name), y = l(
+      () => n.value.options ? n.value.options.map((g) => pt(g)) : null
+    ), k = l(() => [gt(a), c.class]), _ = l(() => {
       const { class: g, style: S, ...$ } = c;
       return $;
-    }), T = n(() => c.style);
+    }), T = l(() => c.style);
     function x(g) {
       return we(r.value, g);
     }
     function b(g, S) {
-      if (l.value.disabled)
+      if (n.value.disabled)
         return;
       const $ = ht(r.value, g);
       o.value || (i.value = $), s("update:modelValue", $), s("change", $, S);
     }
-    return ne(_e, {
+    return le(_e, {
       value: r,
       disabled: u,
       name: d,
@@ -488,7 +490,7 @@ const kt = ["checked", "disabled", "name", "value"], _t = { class: "mu-checkbox_
   items: []
 });
 let $t = 1;
-const Z = /* @__PURE__ */ new Map();
+const U = /* @__PURE__ */ new Map();
 function Bt(e) {
   return typeof e == "string" ? { title: e } : {
     title: e.title,
@@ -509,15 +511,15 @@ function xe(e) {
   return q.items.find((t) => t.id === e);
 }
 function ce(e) {
-  const t = Z.get(e);
+  const t = U.get(e);
   t && t.timer !== null && (globalThis.clearTimeout(t.timer), t.timer = null);
 }
 function de(e) {
   const t = Tt(e);
-  t < 0 || (ce(e), Z.delete(e), q.items.splice(t, 1));
+  t < 0 || (ce(e), U.delete(e), q.items.splice(t, 1));
 }
 function Ve(e, t) {
-  const a = Z.get(e);
+  const a = U.get(e);
   a && (ce(e), a.remainingDuration = t, a.deadline = Date.now() + t, a.isPaused = !1, a.timer = globalThis.setTimeout(() => {
     de(e);
   }, t));
@@ -541,7 +543,7 @@ function Lt(e, t) {
   if (!St())
     return Vt;
   const a = Bt(t), s = Mt(e, a);
-  return q.items.push(s), Z.set(s.id, {
+  return q.items.push(s), U.set(s.id, {
     timer: null,
     deadline: 0,
     remainingDuration: s.duration,
@@ -550,25 +552,25 @@ function Lt(e, t) {
     close: () => de(s.id)
   };
 }
-function F(e) {
+function Z(e) {
   return (t) => Lt(e, t);
 }
 const es = {
-  success: F("success"),
-  warning: F("warning"),
-  info: F("info"),
-  error: F("error"),
-  danger: F("danger")
+  success: Z("success"),
+  warning: Z("warning"),
+  info: Z("info"),
+  error: Z("error"),
+  danger: Z("danger")
 };
 function Pt(e) {
   de(e);
 }
 function Nt(e) {
-  const t = Z.get(e), a = xe(e);
+  const t = U.get(e), a = xe(e);
   !t || !a || t.isPaused || !a.resetOnHover || !re(a) || (t.remainingDuration = Math.max(t.deadline - Date.now(), 0), ce(e), t.isPaused = !0);
 }
 function Ht(e) {
-  const t = Z.get(e), a = xe(e);
+  const t = U.get(e), a = xe(e);
   !t || !a || !t.isPaused || !a.resetOnHover || !re(a) || Ve(e, t.remainingDuration || a.duration);
 }
 const zt = {
@@ -584,7 +586,7 @@ const zt = {
 }, Gt = ["onClick"], Et = /* @__PURE__ */ H({
   __name: "MessageList",
   setup(e) {
-    const t = n(() => q.items), a = H({
+    const t = l(() => q.items), a = H({
       name: "MarkupIcon",
       props: {
         markup: {
@@ -602,7 +604,7 @@ const zt = {
     function c(r) {
       Nt(r);
     }
-    function l(r) {
+    function n(r) {
       Ht(r);
     }
     function o(r) {
@@ -631,7 +633,7 @@ const zt = {
             class: J(["mu-message", [`mu-message--${d.type}`, { "mu-message--compact": !d.description }]]),
             role: "status",
             onMouseenter: (y) => c(d.id),
-            onMouseleave: (y) => l(d.id)
+            onMouseleave: (y) => n(d.id)
           }, [
             v("span", Ot, [
               d.icon && s(d.icon) ? (f(), E(Re(d.icon), { key: 0 })) : (f(), E(O(a), {
@@ -700,7 +702,7 @@ function fe(e = {}) {
     okLoading: e.okLoading ?? !1
   };
 }
-function Zt(e = {}) {
+function Ut(e = {}) {
   const t = fe(e), a = [
     "mu-modal",
     `mu-modal--${t.size}`,
@@ -709,7 +711,7 @@ function Zt(e = {}) {
   ];
   return t.variant === "feedback" && a.push("mu-modal--feedback"), a;
 }
-function Ft(e = {}) {
+function Zt(e = {}) {
   const t = fe(e);
   return t.variant === "feedback" ? {
     type: "secondary",
@@ -721,7 +723,7 @@ function Ft(e = {}) {
     type: "primary"
   };
 }
-const Ut = {
+const Ft = {
   key: 0,
   class: "mu-modal-root"
 }, qt = { class: "mu-modal__header" }, Kt = ["data-status"], Xt = { class: "mu-modal__body" }, Wt = {
@@ -748,15 +750,15 @@ const Ut = {
   },
   emits: ["update:visible", "ok", "cancel", "close"],
   setup(e, { emit: t }) {
-    const a = e, s = t, c = D(), l = n(() => fe(a)), o = n(() => [Zt(a), c.class]), i = n(() => {
+    const a = e, s = t, c = D(), n = l(() => fe(a)), o = l(() => [Ut(a), c.class]), i = l(() => {
       const { class: h, style: p, ...B } = c;
       return B;
-    }), r = n(() => Ft(a)), u = n(
-      () => l.value.variant === "feedback" && l.value.hideCancel
-    ), d = n(() => [
+    }), r = l(() => Zt(a)), u = l(
+      () => n.value.variant === "feedback" && n.value.hideCancel
+    ), d = l(() => [
       {
-        width: l.value.width,
-        minHeight: l.value.minHeight
+        width: n.value.width,
+        minHeight: n.value.minHeight
       },
       c.style
     ]), y = `mu-modal-title-${Math.random().toString(36).slice(2, 10)}`, _ = typeof globalThis.document < "u" ? globalThis.document : null;
@@ -764,7 +766,7 @@ const Ut = {
       s("update:visible", !1);
     }
     function x() {
-      l.value.maskClosable && (T(), s("cancel", new globalThis.MouseEvent("click")));
+      n.value.maskClosable && (T(), s("cancel", new globalThis.MouseEvent("click")));
     }
     function b() {
       T(), s("close");
@@ -776,20 +778,20 @@ const Ut = {
       s("ok", h);
     }
     function $(h) {
-      h.key !== "Escape" || !l.value.visible || !l.value.escToClose || (T(), s("close"));
+      h.key !== "Escape" || !n.value.visible || !n.value.escToClose || (T(), s("close"));
     }
-    return le(() => {
+    return ne(() => {
       _ && _.addEventListener("keydown", $);
     }), oe(() => {
       _ && (_.removeEventListener("keydown", $), _.body.style.overflow = "");
     }), ue(
-      () => l.value.visible,
+      () => n.value.visible,
       (h) => {
         _ && (_.body.style.overflow = h ? "hidden" : "");
       },
       { immediate: !0 }
     ), (h, p) => (f(), E(De, { to: "body" }, [
-      l.value.visible ? (f(), m("div", Ut, [
+      n.value.visible ? (f(), m("div", Ft, [
         v("div", {
           class: "mu-modal__mask",
           onClick: x
@@ -805,13 +807,13 @@ const Ut = {
             v("div", {
               id: y,
               class: "mu-modal__title",
-              "data-status": l.value.status
+              "data-status": n.value.status
             }, [
               w(h.$slots, "title", {}, () => [
-                G(A(l.value.title), 1)
+                G(A(n.value.title), 1)
               ], !0)
             ], 8, Kt),
-            l.value.closable ? (f(), m("button", {
+            n.value.closable ? (f(), m("button", {
               key: 0,
               type: "button",
               class: "mu-modal__close",
@@ -846,26 +848,26 @@ const Ut = {
           v("div", Xt, [
             w(h.$slots, "default", {}, void 0, !0)
           ]),
-          h.$slots.footer || !l.value.hideOk || !l.value.hideCancel ? (f(), m("footer", Wt, [
+          h.$slots.footer || !n.value.hideOk || !n.value.hideCancel ? (f(), m("footer", Wt, [
             w(h.$slots, "footer", {}, () => [
-              l.value.hideCancel ? M("", !0) : (f(), E(O(me), {
+              n.value.hideCancel ? M("", !0) : (f(), E(O(me), {
                 key: 0,
                 type: "ghost",
                 class: "mu-modal__cancel",
                 onClick: g
               }, {
                 default: W(() => [
-                  G(A(l.value.cancelText), 1)
+                  G(A(n.value.cancelText), 1)
                 ]),
                 _: 1
               })),
-              l.value.hideOk ? M("", !0) : (f(), E(O(me), R({ key: 1 }, r.value, {
-                loading: l.value.okLoading,
+              n.value.hideOk ? M("", !0) : (f(), E(O(me), R({ key: 1 }, r.value, {
+                loading: n.value.okLoading,
                 class: ["mu-modal__ok", { "mu-modal__ok--block": u.value }],
                 onClick: S
               }), {
                 default: W(() => [
-                  G(A(l.value.okText), 1)
+                  G(A(n.value.okText), 1)
                 ]),
                 _: 1
               }, 16, ["loading", "class"]))
@@ -884,11 +886,11 @@ function K(e = {}) {
     const a = globalThis.document.createElement("div");
     globalThis.document.body.appendChild(a);
     const s = N(!0);
-    let c = null, l = !1;
+    let c = null, n = !1;
     const o = () => {
       c && (c.unmount(), c = null), a.parentNode && a.parentNode.removeChild(a);
     }, i = (d) => {
-      l || (l = !0, s.value = !1, queueMicrotask(() => {
+      n || (n = !0, s.value = !1, queueMicrotask(() => {
         o(), t(d);
       }));
     }, { content: r, ...u } = e;
@@ -951,13 +953,13 @@ function Te(e = {}) {
 function sa(e = {}) {
   return e.modelValue !== void 0;
 }
-function na(e = {}) {
+function la(e = {}) {
   return e.modelValue !== void 0;
 }
 function te(e, t) {
   return Object.is(e, t);
 }
-function la(e = {}, t = {}) {
+function na(e = {}, t = {}) {
   const a = Be(e), s = ["mu-radio"];
   return t.checked && s.push("is-checked"), (t.disabled || a.disabled) && s.push("is-disabled"), s;
 }
@@ -977,18 +979,18 @@ const ua = ["checked", "disabled", "name", "value"], ia = { class: "mu-radio__la
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(e, { emit: t }) {
-    const a = e, s = t, c = D(), l = se($e, null), o = n(() => Be(a)), i = n(() => sa(a)), r = N(o.value.defaultChecked), u = n(() => l ? te(l.value.value, o.value.value) : i.value ? te(o.value.modelValue, o.value.value) : r.value), d = n(
-      () => o.value.disabled || !!(l != null && l.disabled.value)
-    ), y = n(() => (l == null ? void 0 : l.name.value) ?? o.value.name), k = n(() => String(o.value.value)), _ = n(() => [
-      la(a, {
+    const a = e, s = t, c = D(), n = se($e, null), o = l(() => Be(a)), i = l(() => sa(a)), r = N(o.value.defaultChecked), u = l(() => n ? te(n.value.value, o.value.value) : i.value ? te(o.value.modelValue, o.value.value) : r.value), d = l(
+      () => o.value.disabled || !!(n != null && n.disabled.value)
+    ), y = l(() => (n == null ? void 0 : n.name.value) ?? o.value.name), k = l(() => String(o.value.value)), _ = l(() => [
+      na(a, {
         checked: u.value,
         disabled: d.value
       }),
       c.class
-    ]), T = n(() => {
+    ]), T = l(() => {
       const { class: h, style: p, ...B } = c;
       return B;
-    }), x = n(() => c.style);
+    }), x = l(() => c.style);
     function b(h, p) {
       i.value || (r.value = !0), s("update:modelValue", h), s("change", h, p);
     }
@@ -996,8 +998,8 @@ const ua = ["checked", "disabled", "name", "value"], ia = { class: "mu-radio__la
       if (d.value)
         return;
       const p = o.value.value, B = h.target instanceof globalThis.HTMLInputElement ? h.target : null;
-      if (l) {
-        l.select(p, h), j(() => {
+      if (n) {
+        n.select(p, h), j(() => {
           B && (B.checked = u.value);
         });
         return;
@@ -1050,16 +1052,16 @@ const ua = ["checked", "disabled", "name", "value"], ia = { class: "mu-radio__la
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: t }) {
-    const a = e, s = t, c = D(), l = n(() => Te(a)), o = n(() => na(a)), i = N(l.value.defaultValue), r = n(
-      () => o.value ? l.value.modelValue : i.value
-    ), u = n(() => l.value.disabled), d = n(() => l.value.name), y = n(() => [oa(a), c.class]), k = n(() => {
+    const a = e, s = t, c = D(), n = l(() => Te(a)), o = l(() => la(a)), i = N(n.value.defaultValue), r = l(
+      () => o.value ? n.value.modelValue : i.value
+    ), u = l(() => n.value.disabled), d = l(() => n.value.name), y = l(() => [oa(a), c.class]), k = l(() => {
       const { class: x, style: b, ...g } = c;
       return g;
-    }), _ = n(() => c.style);
+    }), _ = l(() => c.style);
     function T(x, b) {
-      l.value.disabled || te(r.value, x) || (o.value || (i.value = x), s("update:modelValue", x), s("change", x, b));
+      n.value.disabled || te(r.value, x) || (o.value || (i.value = x), s("update:modelValue", x), s("change", x, b));
     }
-    return ne($e, {
+    return le($e, {
       value: r,
       disabled: u,
       name: d,
@@ -1072,7 +1074,7 @@ const ua = ["checked", "disabled", "name", "value"], ia = { class: "mu-radio__la
       w(x.$slots, "default", {}, void 0, !0)
     ], 16));
   }
-}), ns = /* @__PURE__ */ z(ca, [["__scopeId", "data-v-3879fec4"]]), da = ["circle", "round", "line"], fa = ["small", "medium"];
+}), ls = /* @__PURE__ */ z(ca, [["__scopeId", "data-v-3879fec4"]]), da = ["circle", "round", "line"], fa = ["small", "medium"];
 function Me(e, t) {
   return typeof t == "string" && e.includes(t);
 }
@@ -1147,11 +1149,11 @@ const ka = ["aria-checked", "disabled"], _a = {
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(e, { emit: t }) {
-    const a = e, s = t, c = D(), l = U(), o = N(!1), i = ae(a), r = N(
+    const a = e, s = t, c = D(), n = F(), o = N(!1), i = ae(a), r = N(
       i.defaultChecked ? i.checkedValue : i.uncheckedValue
-    ), u = n(() => ae(a)), d = n(() => ha(a)), y = n(
+    ), u = l(() => ae(a)), d = l(() => ha(a)), y = l(
       () => d.value ? u.value.modelValue : r.value
-    ), k = n(() => Se(y.value, u.value)), _ = n(() => u.value.loading || o.value), T = n(() => ba(u.value)), x = n(() => T.value ? k.value ? !!(l.checked || u.value.checkedText) : !!(l.unchecked || u.value.uncheckedText) : !1), b = n(() => [
+    ), k = l(() => Se(y.value, u.value)), _ = l(() => u.value.loading || o.value), T = l(() => ba(u.value)), x = l(() => T.value ? k.value ? !!(n.checked || u.value.checkedText) : !!(n.unchecked || u.value.uncheckedText) : !1), b = l(() => [
       ga(a, {
         checked: k.value,
         loading: o.value
@@ -1160,10 +1162,10 @@ const ka = ["aria-checked", "disabled"], _a = {
         "has-label": x.value
       },
       c.class
-    ]), g = n(() => {
+    ]), g = l(() => {
       const { class: C, style: L, type: V, ...P } = c;
       return P;
-    }), S = n(() => {
+    }), S = l(() => {
       const C = {};
       return u.value.checkedColor && (C["--mu-switch-current-checked-bg"] = u.value.checkedColor, C["--mu-switch-current-checked-border"] = u.value.checkedColor, C["--mu-switch-current-checked-thumb"] = u.value.checkedColor, C["--mu-switch-current-checked-glow"] = `0 0 12px ${u.value.checkedColor}`), u.value.uncheckedColor && (C["--mu-switch-current-unchecked-bg"] = u.value.uncheckedColor), [C, c.style];
     });
@@ -1235,7 +1237,7 @@ const ka = ["aria-checked", "disabled"], _a = {
       ])) : M("", !0)
     ], 16, ka));
   }
-}), ls = /* @__PURE__ */ z(wa, [["__scopeId", "data-v-8cfb8f2a"]]), Le = Symbol("MuTabs"), xa = ["line", "segment"], Va = ["small", "medium", "large"], $a = ["white", "ghost"], Ba = ["content", "equal"];
+}), ns = /* @__PURE__ */ z(wa, [["__scopeId", "data-v-8cfb8f2a"]]), Le = Symbol("MuTabs"), xa = ["line", "segment"], Va = ["small", "medium", "large"], $a = ["white", "ghost"], Ba = ["content", "equal"];
 function Q(e, t) {
   return typeof t == "string" && e.includes(t);
 }
@@ -1305,20 +1307,20 @@ const Ia = ["aria-selected", "disabled"], Oa = {
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const a = e, s = t, c = D(), l = U(), o = se(Le, null), i = N(null), r = n(() => Pa(a)), u = n(
+    const a = e, s = t, c = D(), n = F(), o = se(Le, null), i = N(null), r = l(() => Pa(a)), u = l(
       () => o ? Ne(o.value.value, r.value.value) : !1
-    ), d = n(
+    ), d = l(
       () => r.value.disabled || !!(o != null && o.disabled.value)
-    ), y = n(() => [
+    ), y = l(() => [
       za(a, {
         active: u.value,
         disabled: d.value
       }),
       c.class
-    ]), k = n(() => {
+    ]), k = l(() => {
       const { class: b, style: g, ...S } = c;
       return S;
-    }), _ = n(() => c.style);
+    }), _ = l(() => c.style);
     function T() {
       !o || !i.value || o.registerItem(r.value.value, i.value);
     }
@@ -1329,7 +1331,7 @@ const Ia = ["aria-selected", "disabled"], Oa = {
       }
       o && o.select(r.value.value, b), s("click", b);
     }
-    return le(() => {
+    return ne(() => {
       T();
     }), oe(() => {
       o == null || o.unregisterItem(r.value.value);
@@ -1350,13 +1352,13 @@ const Ia = ["aria-selected", "disabled"], Oa = {
       disabled: d.value,
       onClick: x
     }), [
-      O(l).prefix ? (f(), m("span", Oa, [
+      O(n).prefix ? (f(), m("span", Oa, [
         w(b.$slots, "prefix", {}, void 0, !0)
       ])) : M("", !0),
       v("span", Aa, [
         w(b.$slots, "default", {}, void 0, !0)
       ]),
-      O(l).suffix ? (f(), m("span", Ra, [
+      O(n).suffix ? (f(), m("span", Ra, [
         w(b.$slots, "suffix", {}, void 0, !0)
       ])) : M("", !0)
     ], 16, Ia));
@@ -1375,17 +1377,17 @@ const Ia = ["aria-selected", "disabled"], Oa = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: t }) {
-    const a = e, s = t, c = D(), l = N(null), o = n(() => Pe(a)), i = n(() => Na(a)), r = N(o.value.defaultValue), u = n(
+    const a = e, s = t, c = D(), n = N(null), o = l(() => Pe(a)), i = l(() => Na(a)), r = N(o.value.defaultValue), u = l(
       () => i.value ? o.value.modelValue : r.value
-    ), d = n(() => o.value.variant), y = n(() => o.value.appearance), k = n(() => o.value.size), _ = n(() => o.value.layout), T = n(() => o.value.disabled), x = N(!1), b = N(0), g = /* @__PURE__ */ new Map(), S = N({
+    ), d = l(() => o.value.variant), y = l(() => o.value.appearance), k = l(() => o.value.size), _ = l(() => o.value.layout), T = l(() => o.value.disabled), x = N(!1), b = N(0), g = /* @__PURE__ */ new Map(), S = N({
       transform: "translateX(0px)",
       width: "0px"
-    }), $ = n(() => [Ha(a), c.class]), h = n(() => {
+    }), $ = l(() => [Ha(a), c.class]), h = l(() => {
       const { class: V, style: P, ...ee } = c;
       return ee;
-    }), p = n(() => c.style);
+    }), p = l(() => c.style);
     function B() {
-      const V = l.value, P = u.value !== void 0 ? g.get(u.value) : void 0;
+      const V = n.value, P = u.value !== void 0 ? g.get(u.value) : void 0;
       if (!V || !P) {
         S.value = {
           transform: "translateX(0px)",
@@ -1413,7 +1415,7 @@ const Ia = ["aria-selected", "disabled"], Oa = {
     function L(V) {
       g.delete(V), b.value += 1, I();
     }
-    return ne(Le, {
+    return le(Le, {
       value: u,
       variant: d,
       appearance: y,
@@ -1429,7 +1431,7 @@ const Ia = ["aria-selected", "disabled"], Oa = {
         I();
       },
       { flush: "post" }
-    ), le(() => {
+    ), ne(() => {
       globalThis.window.addEventListener("resize", B), j(() => {
         B(), x.value = !0;
       });
@@ -1437,7 +1439,7 @@ const Ia = ["aria-selected", "disabled"], Oa = {
       globalThis.window.removeEventListener("resize", B);
     }), (V, P) => (f(), m("div", R({
       ref_key: "rootRef",
-      ref: l
+      ref: n
     }, h.value, {
       role: "tablist",
       class: [$.value, { "is-ready": x.value }],
@@ -1455,21 +1457,21 @@ const Ia = ["aria-selected", "disabled"], Oa = {
 function ja(e, t) {
   return typeof t == "string" && e.includes(t);
 }
-function Za(e) {
+function Ua(e) {
   return ja(Ea, e);
 }
 function He(e = {}) {
   return {
-    variant: Za(e.variant) ? e.variant : "outline",
+    variant: Ua(e.variant) ? e.variant : "outline",
     selected: e.selected ?? !1,
     disabled: e.disabled ?? !1
   };
 }
-function Fa(e = {}) {
+function Za(e = {}) {
   const t = He(e), a = ["mu-tag", `mu-tag--variant-${t.variant}`];
   return t.selected && a.push("is-selected"), t.disabled && a.push("is-disabled"), a;
 }
-const Ua = ["disabled", "aria-pressed"], qa = {
+const Fa = ["disabled", "aria-pressed"], qa = {
   key: 0,
   class: "mu-tag__prefix",
   "aria-hidden": "true"
@@ -1486,15 +1488,15 @@ const Ua = ["disabled", "aria-pressed"], qa = {
   },
   emits: ["update:selected", "click"],
   setup(e, { emit: t }) {
-    const a = e, s = t, c = U(), l = n(() => He(a)), o = n(() => Fa(a));
+    const a = e, s = t, c = F(), n = l(() => He(a)), o = l(() => Za(a));
     function i(r) {
-      l.value.disabled || (s("click", r), s("update:selected", !l.value.selected));
+      n.value.disabled || (s("click", r), s("update:selected", !n.value.selected));
     }
     return (r, u) => (f(), m("button", {
       type: "button",
       class: J(o.value),
-      disabled: l.value.disabled,
-      "aria-pressed": l.value.selected,
+      disabled: n.value.disabled,
+      "aria-pressed": n.value.selected,
       onClick: i
     }, [
       O(c).prefix ? (f(), m("span", qa, [
@@ -1506,7 +1508,7 @@ const Ua = ["disabled", "aria-pressed"], qa = {
       O(c).suffix ? (f(), m("span", Xa, [
         w(r.$slots, "suffix", {}, void 0, !0)
       ])) : M("", !0)
-    ], 10, Ua));
+    ], 10, Fa));
   }
 }), is = /* @__PURE__ */ z(Wa, [["__scopeId", "data-v-e3e9ee4d"]]);
 export {
@@ -1517,8 +1519,8 @@ export {
   Ya as MuCheckboxGroup,
   Qt as MuModal,
   ss as MuRadio,
-  ns as MuRadioGroup,
-  ls as MuSwitch,
+  ls as MuRadioGroup,
+  ns as MuSwitch,
   os as MuTab,
   us as MuTabs,
   is as MuTag,