@mobileaction/action-kit 1.13.0 → 1.13.1

package/dist/action-kit.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as M, computed as c, defineAsyncComponent as Re, openBlock as o, createBlock as g, resolveDynamicComponent as ne, unref as a, ref as P, watch as re, h as ve, mergeProps as T, createSlots as Y, renderList as R, withCtx as h, renderSlot as f, createElementBlock as u, normalizeClass as L, createCommentVNode as v, createElementVNode as y, createVNode as $, createTextVNode as D, toDisplayString as w, isRef as ee, Fragment as q, useSlots as ae, useAttrs as Ue, Transition as ze, normalizeProps as Te, onMounted as de, onBeforeUnmount as Ae, normalizeStyle as J, createApp as Ke, onUnmounted as Ne, withDirectives as X, withModifiers as Pe, vShow as Q, withKeys as je, reactive as _e, watchEffect as qe, vModelText as He, provide as ke, inject as $e, readonly as We, toRefs as Je } from "vue";
+import { defineComponent as x, computed as c, defineAsyncComponent as Re, openBlock as o, createBlock as g, resolveDynamicComponent as ne, unref as a, ref as D, watch as re, h as ve, mergeProps as T, createSlots as Y, renderList as U, withCtx as h, renderSlot as f, createElementBlock as u, normalizeClass as E, createCommentVNode as v, createElementVNode as _, createVNode as k, createTextVNode as F, toDisplayString as $, isRef as ee, Fragment as H, useSlots as ae, useAttrs as Ue, Transition as ze, normalizeProps as Te, onMounted as de, onBeforeUnmount as Ae, normalizeStyle as J, createApp as Ke, onUnmounted as Ne, withDirectives as X, withModifiers as Pe, vShow as Q, withKeys as je, reactive as _e, watchEffect as qe, vModelText as He, provide as ke, inject as $e, readonly as We, toRefs as Je } from "vue";
 import { Button as Le, Switch as Ye, Tooltip as Ze, Form as Xe, FormItem as Qe, Select as et, InputPassword as tt, Input as st, Textarea as ot, SelectOption as at, Checkbox as nt, CheckboxGroup as lt, Radio as it, RadioGroup as rt, Alert as ct, Modal as ut, Dropdown as dt, Popover as pt, Tabs as mt, TabPane as vt, InputNumber as ft } from "ant-design-vue";
 import gt from "vuedraggable";
 const Zn = ["xs", "sm", "md", "lg", "xl"], Xn = ["1x1", "4x3"], _t = {
@@ -12,7 +12,7 @@ const Zn = ["xs", "sm", "md", "lg", "xl"], Xn = ["1x1", "4x3"], _t = {
   return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((s, n) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(n.bind(null, new Error("Unknown variable dynamic import: " + t)));
   });
-}, yt = /* @__PURE__ */ M({
+}, yt = /* @__PURE__ */ x({
   __name: "maIcon",
   props: {
     name: null,
@@ -46,7 +46,7 @@ const Zn = ["xs", "sm", "md", "lg", "xl"], Xn = ["1x1", "4x3"], _t = {
     }
   },
   setup(l) {
-    const t = P(null), e = c(() => l.name.replace("flag-", "")), s = async () => {
+    const t = D(null), e = c(() => l.name.replace("flag-", "")), s = async () => {
       try {
         const n = await fetch(`https://d4ojgl5tohg.cloudfront.net/flags/svg/${l.ratio}/${e.value}.svg`);
         t.value = await n.text();
@@ -79,7 +79,7 @@ const Zn = ["xs", "sm", "md", "lg", "xl"], Xn = ["1x1", "4x3"], _t = {
   }
 }, bt = {
   name: "MaIcon"
-}, C = /* @__PURE__ */ M({
+}, C = /* @__PURE__ */ x({
   ...bt,
   props: {
     name: null,
@@ -103,7 +103,7 @@ const Zn = ["xs", "sm", "md", "lg", "xl"], Xn = ["1x1", "4x3"], _t = {
   }
 }), kt = {
   name: "MaButton"
-}, te = /* @__PURE__ */ M({
+}, te = /* @__PURE__ */ x({
   ...kt,
   props: {
     type: { default: "primary" },
@@ -150,10 +150,10 @@ const Zn = ["xs", "sm", "md", "lg", "xl"], Xn = ["1x1", "4x3"], _t = {
       onKeyup: d,
       role: "button"
     }, p.$attrs, { "prefix-cls": "antd-btn" }), Y({ _: 2 }, [
-      R(p.$slots, (x, S) => ({
-        name: S,
+      U(p.$slots, (B, I) => ({
+        name: I,
         fn: h(() => [
-          f(p.$slots, S)
+          f(p.$slots, I)
         ])
       })),
       a(i) ? {
@@ -207,7 +207,7 @@ const Qn = [
   "right"
 ], wt = {
   name: "MaBadge"
-}, ye = /* @__PURE__ */ M({
+}, ye = /* @__PURE__ */ x({
   ...wt,
   props: {
     type: { default: "primary" },
@@ -227,7 +227,7 @@ const Qn = [
       }
     ]);
     return (s, n) => (o(), u("div", {
-      class: L(a(e))
+      class: E(a(e))
     }, [
       t?.icon ? (o(), g(C, {
         key: 0,
@@ -239,7 +239,7 @@ const Qn = [
 });
 const Ct = { class: "icon-wrapper" }, Mt = {
   name: "MaTrackButton"
-}, al = /* @__PURE__ */ M({
+}, al = /* @__PURE__ */ x({
   ...Mt,
   props: {
     variant: { default: "default" },
@@ -252,7 +252,7 @@ const Ct = { class: "icon-wrapper" }, Mt = {
     badgeText: null
   },
   setup(l) {
-    const t = l, e = P(!1), s = c(() => [
+    const t = l, e = D(!1), s = c(() => [
       `
             ma-track-button
             ak-track-button
@@ -271,7 +271,7 @@ const Ct = { class: "icon-wrapper" }, Mt = {
     ]), n = c(
       () => t.loading ? "loader" : t?.showClose ? "close-circle" : t?.tracked ? "tick-circle-bold" : "add"
     ), i = c(() => t.size === "lg" ? "sm" : "xs"), r = c(() => t.tracked || t.loading || e.value ? "blue" : "dark"), d = () => e.value = !0, p = () => e.value = !1;
-    return (m, x) => (o(), g(a(Le), T(m.$attrs, {
+    return (m, B) => (o(), g(a(Le), T(m.$attrs, {
       class: a(s),
       disabled: t?.disabled || t?.loading,
       role: "button",
@@ -280,8 +280,8 @@ const Ct = { class: "icon-wrapper" }, Mt = {
       onMouseover: d
     }), Y({
       icon: h(() => [
-        y("div", Ct, [
-          $(C, {
+        _("div", Ct, [
+          k(C, {
             spin: t?.loading,
             name: a(n),
             size: a(i)
@@ -294,17 +294,17 @@ const Ct = { class: "icon-wrapper" }, Mt = {
           size: "small"
         }, {
           default: h(() => [
-            D(w(t.badgeText), 1)
+            F($(t.badgeText), 1)
           ]),
           _: 1
         }, 8, ["variant"])) : v("", !0)
       ]),
       default: h(() => [
-        D(" " + w(l.keyword) + " ", 1)
+        F(" " + $(l.keyword) + " ", 1)
       ]),
       _: 2
     }, [
-      R(m.$slots, (S, z) => ({
+      U(m.$slots, (I, z) => ({
         name: z,
         fn: h(() => [
           f(m.$slots, z)
@@ -330,7 +330,7 @@ const nl = [
   class: "ma-toggle__titles__sub-title"
 }, It = {
   name: "MaToggle"
-}, il = /* @__PURE__ */ M({
+}, il = /* @__PURE__ */ x({
   ...It,
   props: {
     size: { default: "default" },
@@ -359,9 +359,9 @@ const nl = [
       }
     ]);
     return (i, r) => (o(), u("div", {
-      class: L(a(n))
+      class: E(a(n))
     }, [
-      $(a(Ye), T({
+      k(a(Ye), T({
         class: "ma-toggle__switch",
         checked: a(s),
         "onUpdate:checked": r[0] || (r[0] = (d) => ee(s) ? s.value = d : null)
@@ -374,8 +374,8 @@ const nl = [
         "prefix-cls": "antd-switch"
       }), null, 16, ["checked", "disabled", "loading", "checkedChildren", "unCheckedChildren"]),
       e.title || e.subTitle ? (o(), u("div", xt, [
-        e.title ? (o(), u("span", Bt, w(e.title), 1)) : v("", !0),
-        e.subTitle ? (o(), u("span", St, w(e.subTitle), 1)) : v("", !0)
+        e.title ? (o(), u("span", Bt, $(e.title), 1)) : v("", !0),
+        e.subTitle ? (o(), u("span", St, $(e.subTitle), 1)) : v("", !0)
       ])) : v("", !0)
     ], 2));
   }
@@ -386,7 +386,7 @@ const rl = [
   "large"
 ], zt = ["aria-checked", "disabled"], Tt = {
   name: "MaSwitch"
-}, cl = /* @__PURE__ */ M({
+}, cl = /* @__PURE__ */ x({
   ...Tt,
   props: {
     active: null,
@@ -426,19 +426,19 @@ const rl = [
       "aria-checked": a(s) === e.rightValue,
       disabled: e.disabled
     }), [
-      y("span", {
-        class: L({ active: e.active === e.leftValue }),
+      _("span", {
+        class: E({ active: e.active === e.leftValue }),
         onClick: d[0] || (d[0] = (p) => i(e.leftValue))
       }, [
-        $(C, {
+        k(C, {
           name: e.leftIcon
         }, null, 8, ["name"])
       ], 2),
-      y("span", {
-        class: L({ active: e.active === e.rightValue }),
+      _("span", {
+        class: E({ active: e.active === e.rightValue }),
         onClick: d[1] || (d[1] = (p) => i(e.rightValue))
       }, [
-        $(C, {
+        k(C, {
           name: e.rightIcon
         }, null, 8, ["name"])
       ], 2)
@@ -453,7 +453,7 @@ const ul = [
   class: "ak-tooltip-overlay__content__description"
 }, Lt = {
   name: "MaTooltip"
-}, pe = /* @__PURE__ */ M({
+}, pe = /* @__PURE__ */ x({
   ...Lt,
   props: {
     placement: { default: "top" },
@@ -477,7 +477,7 @@ const ul = [
       `ak-tooltip-overlay--${t.type}`,
       `ak-tooltip-overlay--${t.placement}`,
       t?.overlayClassName
-    ].join(" ")), n = P(t.defaultVisible), i = () => {
+    ].join(" ")), n = D(t.defaultVisible), i = () => {
       n.value = !1;
     };
     return (r, d) => (o(), g(a(Ze), T(r.$attrs, {
@@ -496,13 +496,13 @@ const ul = [
           name: t.icon
         }, null, 8, ["name"])) : v("", !0),
         f(r.$slots, "icon"),
-        y("div", At, [
-          y("span", Nt, [
-            D(w(t.title) + " ", 1),
+        _("div", At, [
+          _("span", Nt, [
+            F($(t.title) + " ", 1),
             f(r.$slots, "title")
           ]),
           t?.description || r.$slots.description ? (o(), u("span", Pt, [
-            D(w(t.description) + " ", 1),
+            F($(t.description) + " ", 1),
             f(r.$slots, "description")
           ])) : v("", !0)
         ]),
@@ -549,10 +549,10 @@ const dl = [
   for (const [s, n] of t)
     e[s] = n;
   return e;
-}, Et = /* @__PURE__ */ y("label", {
+}, Et = /* @__PURE__ */ _("label", {
   for: "cc-num",
   class: "hidden"
-}, "HubspotCollectedFormsWorkaround", -1), Ft = /* @__PURE__ */ y("input", {
+}, "HubspotCollectedFormsWorkaround", -1), Ft = /* @__PURE__ */ _("input", {
   id: "cc-num",
   name: "cc-num",
   class: "hidden",
@@ -560,27 +560,27 @@ const dl = [
   value: "HubspotCollectedFormsWorkaround"
 }, null, -1);
 function Vt(l, t, e, s, n, i) {
-  return o(), u(q, null, [
+  return o(), u(H, null, [
     Et,
     Ft
   ], 64);
 }
 const Gt = /* @__PURE__ */ De(Dt, [["render", Vt]]), Ot = {
   name: "MaForm"
-}, Rt = /* @__PURE__ */ M({
+}, Rt = /* @__PURE__ */ x({
   ...Ot,
   props: {
     nonHubspotFormsIgnore: { type: Boolean, default: !0 }
   },
   setup(l, { expose: t }) {
-    const e = l, s = P();
+    const e = l, s = D();
     return t({
       validate: () => s.value.validate(),
       clearValidate: () => s.value.clearValidate(),
       resetFields: () => s.value.resetFields(),
       scrollToField: () => s.value.scrollToField(),
       validateFields: () => s.value.validateFields()
-    }), (m, x) => (o(), g(a(Xe), T(m.$attrs, {
+    }), (m, B) => (o(), g(a(Xe), T(m.$attrs, {
       class: "ma-form",
       "prefix-cls": "antd-form",
       ref_key: "form",
@@ -596,14 +596,14 @@ const Gt = /* @__PURE__ */ De(Dt, [["render", Vt]]), Ot = {
 });
 const Ut = {
   name: "MaFormItem"
-}, we = /* @__PURE__ */ M({
+}, we = /* @__PURE__ */ x({
   ...Ut,
   setup(l) {
     return (t, e) => (o(), g(a(Qe), T(t.$attrs, {
       class: "ma-form-item",
       "prefix-cls": "antd-form"
     }), Y({ _: 2 }, [
-      R(t.$slots, (s, n) => ({
+      U(t.$slots, (s, n) => ({
         name: n,
         fn: h(() => [
           f(t.$slots, n)
@@ -653,7 +653,7 @@ const Ut = {
   class: "status-icon"
 }, Xt = ["src"], Qt = {
   name: "MaAvatar"
-}, Ee = /* @__PURE__ */ M({
+}, Ee = /* @__PURE__ */ x({
   ...Qt,
   props: {
     size: { default: "large" },
@@ -682,10 +682,10 @@ const Ut = {
     });
     return (s, n) => t.src ? (o(), u("div", {
       key: 0,
-      class: L(a(e))
+      class: E(a(e))
     }, [
-      y("img", {
-        class: L(a(e)),
+      _("img", {
+        class: E(a(e)),
         src: t.src,
         alt: t.alt
       }, null, 10, Ht),
@@ -697,9 +697,9 @@ const Ut = {
       }, null, 8, Jt)) : v("", !0)
     ], 2)) : (o(), u("div", {
       key: 1,
-      class: L(a(e))
+      class: E(a(e))
     }, [
-      t.avatarText ? (o(), u("span", Yt, w(t.avatarText), 1)) : (o(), g(C, {
+      t.avatarText ? (o(), u("span", Yt, $(t.avatarText), 1)) : (o(), g(C, {
         key: 1,
         name: "user-default",
         class: "default-icon",
@@ -714,9 +714,9 @@ const Ut = {
     ], 2));
   }
 });
-const es = { class: "dropdown-wrapper" }, ts = { class: "mobile-header" }, ss = /* @__PURE__ */ y("label", null, "Select", -1), os = {
+const es = { class: "dropdown-wrapper" }, ts = { class: "mobile-header" }, ss = /* @__PURE__ */ _("label", null, "Select", -1), os = {
   name: "MaDropdownRender"
-}, as = /* @__PURE__ */ M({
+}, as = /* @__PURE__ */ x({
   ...os,
   props: {
     menu: {
@@ -741,31 +741,31 @@ const es = { class: "dropdown-wrapper" }, ts = { class: "mobile-header" }, ss =
       t("closeDropdown");
     };
     return (r, d) => (o(), u("div", es, [
-      y("div", ts, [
-        $(C, {
+      _("div", ts, [
+        k(C, {
           size: "lg",
           name: "close-circle",
           onClick: i
         }),
         ss,
-        $(te, {
+        k(te, {
           type: "grey-link",
           onClick: i
         }, {
           default: h(() => [
-            D("Done")
+            F("Done")
           ]),
           _: 1
         })
       ]),
-      $(he, {
+      k(he, {
         value: a(n),
         "onUpdate:value": d[0] || (d[0] = (p) => ee(n) ? n.value = p : null),
         autofocus: "",
         placeholder: "Search",
         "prefix-icon": "search-normal"
       }, null, 8, ["value"]),
-      $(s, { vnodes: l.menu }, null, 8, ["vnodes"])
+      k(s, { vnodes: l.menu }, null, 8, ["vnodes"])
     ]));
   }
 }), ns = {
@@ -773,7 +773,7 @@ const es = { class: "dropdown-wrapper" }, ts = { class: "mobile-header" }, ss =
   class: "prefix-icon"
 }, ls = {
   name: "MaSelect"
-}, Fe = /* @__PURE__ */ M({
+}, Fe = /* @__PURE__ */ x({
   ...ls,
   props: {
     allowClear: { type: Boolean },
@@ -805,12 +805,12 @@ const es = { class: "dropdown-wrapper" }, ts = { class: "mobile-header" }, ss =
     "update:value"
   ],
   setup(l, { emit: t }) {
-    const e = l, s = ae(), n = P(e?.searchValue), i = P(e.open), r = c(() => !e?.mode && e?.showSearch), d = c({
+    const e = l, s = ae(), n = D(e?.searchValue), i = D(e.open), r = c(() => !e?.mode && e?.showSearch), d = c({
       get() {
         return e.value;
       },
-      set(G) {
-        t("update:value", G);
+      set(L) {
+        t("update:value", L);
       }
     }), p = c(() => [
       "ma-select",
@@ -828,17 +828,17 @@ const es = { class: "dropdown-wrapper" }, ts = { class: "mobile-header" }, ss =
       e?.dropdownClassName,
       "ma-select-dropdown",
       !e?.mode && (s?.prefixIcon || e?.prefixIcon) ? "ma-select-dropdown--has-prefix" : null
-    ].join(" ")), x = c(() => e?.loading ? "loader" : e?.suffixIcon), S = c(() => Object.keys(s).filter((G) => !["option"].includes(G))), z = c(() => e?.showArrow || !e?.mode), N = () => {
+    ].join(" ")), B = c(() => e?.loading ? "loader" : e?.suffixIcon), I = c(() => Object.keys(s).filter((L) => !["option"].includes(L))), z = c(() => e?.showArrow || !e?.mode), N = () => {
       i.value = !0;
-    }, k = (G) => {
-      i.value = G, n.value = "";
-    }, _ = c(() => !r.value && e?.showSearch), I = () => typeof window.orientation < "u" || navigator.userAgent.indexOf("Mobile") !== -1 ? window.innerHeight : e?.listHeight, U = () => {
+    }, w = (L) => {
+      i.value = L, n.value = "";
+    }, b = c(() => !r.value && e?.showSearch), M = () => typeof window.orientation < "u" || navigator.userAgent.indexOf("Mobile") !== -1 ? window.innerHeight : e?.listHeight, P = () => {
       i.value = !1;
     };
-    return (G, H) => (o(), g(a(et), T({
+    return (L, q) => (o(), g(a(et), T({
       value: a(d),
-      "onUpdate:value": H[1] || (H[1] = (b) => ee(d) ? d.value = b : null)
-    }, G.$attrs, {
+      "onUpdate:value": q[1] || (q[1] = (y) => ee(d) ? d.value = y : null)
+    }, L.$attrs, {
       class: a(p),
       allowClear: e?.allowClear,
       autoClearSearchValue: e?.autoClearSearchValue,
@@ -852,23 +852,23 @@ const es = { class: "dropdown-wrapper" }, ts = { class: "mobile-header" }, ss =
       options: e?.options,
       placeholder: e?.placeholder,
       searchValue: n.value || void 0,
-      showSearch: a(_),
+      showSearch: a(b),
       showArrow: a(z),
       mode: e?.mode,
-      "list-height": I(),
+      "list-height": M(),
       size: e?.size,
       open: i.value,
       onClick: N,
-      onDropdownVisibleChange: k,
+      onDropdownVisibleChange: w,
       "prefix-cls": "antd-select"
     }), Y({
       suffixIcon: h(() => [
-        $(C, {
+        k(C, {
           spin: e?.loading,
-          name: a(x) || "chevron-down"
+          name: a(B) || "chevron-down"
         }, null, 8, ["spin", "name"]),
-        G.$slots?.prefixIcon || e?.prefixIcon ? (o(), u("div", ns, [
-          f(G.$slots, "prefixIcon", {}, () => [
+        L.$slots?.prefixIcon || e?.prefixIcon ? (o(), u("div", ns, [
+          f(L.$slots, "prefixIcon", {}, () => [
             e?.prefixIcon ? (o(), g(C, {
               key: 0,
               name: e?.prefixIcon
@@ -877,24 +877,24 @@ const es = { class: "dropdown-wrapper" }, ts = { class: "mobile-header" }, ss =
         ])) : v("", !0)
       ]),
       removeIcon: h(() => [
-        $(C, {
+        k(C, {
           name: e?.removeIcon || "close"
         }, null, 8, ["name"])
       ]),
       _: 2
     }, [
-      R(a(S), (b) => ({
-        name: b,
+      U(a(I), (y) => ({
+        name: y,
         fn: h(() => [
-          f(G.$slots, b)
+          f(L.$slots, y)
         ])
       })),
-      G.$slots.option ? {
+      L.$slots.option ? {
         name: "option",
-        fn: h(({ label: b, value: V }) => [
-          f(G.$slots, "option", {
-            label: b,
-            value: V
+        fn: h(({ label: y, value: O }) => [
+          f(L.$slots, "option", {
+            label: y,
+            value: O
           })
         ]),
         key: "0"
@@ -912,31 +912,31 @@ const es = { class: "dropdown-wrapper" }, ts = { class: "mobile-header" }, ss =
       e?.menuItemSelectedIcon ? {
         name: "menuItemSelectedIcon",
         fn: h(() => [
-          $(C, {
+          k(C, {
             name: e?.menuItemSelectedIcon
           }, null, 8, ["name"])
         ]),
         key: "2"
       } : void 0,
-      G.$slots.notFoundContent ? void 0 : {
+      L.$slots.notFoundContent ? void 0 : {
         name: "notFoundContent",
         fn: h(() => [
-          $(C, {
+          k(C, {
             size: "sm",
             name: "warning"
           }),
-          D(" No result found! ")
+          F(" No result found! ")
         ]),
         key: "3"
       },
       a(r) && i.value ? {
         name: "dropdownRender",
-        fn: h(({ menuNode: b }) => [
-          $(as, {
+        fn: h(({ menuNode: y }) => [
+          k(as, {
             filter: n.value,
-            "onUpdate:filter": H[0] || (H[0] = (V) => n.value = V),
-            menu: b,
-            onCloseDropdown: U
+            "onUpdate:filter": q[0] || (q[0] = (O) => n.value = O),
+            menu: y,
+            onCloseDropdown: P
           }, null, 8, ["filter", "menu"])
         ]),
         key: "4"
@@ -956,7 +956,7 @@ const is = ["for"], rs = {
 }, ds = {
   name: "MaInput",
   inheritAttrs: !1
-}, he = /* @__PURE__ */ M({
+}, he = /* @__PURE__ */ x({
   ...ds,
   props: {
     allowClear: { type: Boolean },
@@ -986,7 +986,7 @@ const is = ["for"], rs = {
     "focusout"
   ],
   setup(l, { emit: t }) {
-    const e = l, s = Ue(), n = P(null), i = c(() => [oe.amount, oe.creditCard].includes(e.type) ? "number" : e.type === oe.userInfo ? "text" : e.type), r = c(() => [
+    const e = l, s = Ue(), n = D(null), i = c(() => [oe.amount, oe.creditCard].includes(e.type) ? "number" : e.type === oe.userInfo ? "text" : e.type), r = c(() => [
       `ma-input ak-input ak-input--${e.type} ak-input--${e.size} ${s?.class}`,
       {
         "ak-input--has-error": e.hasError
@@ -1001,45 +1001,45 @@ const is = ["for"], rs = {
       get() {
         return e.value;
       },
-      set(b) {
-        t("update:value", b);
+      set(y) {
+        t("update:value", y);
       }
-    }), m = c(() => e.amountCurrency ? jt[e.amountCurrency] : null), x = c({
+    }), m = c(() => e.amountCurrency ? jt[e.amountCurrency] : null), B = c({
       get() {
         return e.amountCurrency;
       },
-      set(b) {
-        t("update:amountCurrency", b);
+      set(y) {
+        t("update:amountCurrency", y);
       }
-    }), S = c(() => e.type === oe.password ? tt : st), z = c(() => e.type === oe.password ? { "input-prefix-cls": "antd-input" } : { "prefix-cls": "antd-input" }), N = c(() => e.type === oe.url ? "https" : e?.addonBefore), k = c(() => {
-      let b = { ...s, ...z.value };
-      return s?.class && delete b?.class, b;
-    }), _ = (b) => {
-      t("change", b);
-    }, I = (b) => {
-      t("currency-change", b);
-    }, U = () => {
+    }), I = c(() => e.type === oe.password ? tt : st), z = c(() => e.type === oe.password ? { "input-prefix-cls": "antd-input" } : { "prefix-cls": "antd-input" }), N = c(() => e.type === oe.url ? "https" : e?.addonBefore), w = c(() => {
+      let y = { ...s, ...z.value };
+      return s?.class && delete y?.class, y;
+    }), b = (y) => {
+      t("change", y);
+    }, M = (y) => {
+      t("currency-change", y);
+    }, P = () => {
       n.value.focus();
-    }, G = (b) => {
-      t("focus", b);
-    }, H = (b) => {
-      t("focusout", b);
+    }, L = (y) => {
+      t("focus", y);
+    }, q = (y) => {
+      t("focusout", y);
     };
-    return (b, V) => (o(), u("div", {
-      class: L(a(r))
+    return (y, O) => (o(), u("div", {
+      class: E(a(r))
     }, [
-      f(b.$slots, "title"),
+      f(y.$slots, "title"),
       e.title ? (o(), u("label", {
         key: 0,
-        onClick: U,
+        onClick: P,
         class: "ak-input__title",
-        for: b.$attrs?.id
-      }, w(e.title), 9, is)) : v("", !0),
+        for: y.$attrs?.id
+      }, $(e.title), 9, is)) : v("", !0),
       e.type !== "textarea" ? (o(), u("div", rs, [
-        (o(), g(ne(a(S)), T({
+        (o(), g(ne(a(I)), T({
           value: a(p),
-          "onUpdate:value": V[1] || (V[1] = (O) => ee(p) ? p.value = O : null)
-        }, a(k), {
+          "onUpdate:value": O[1] || (O[1] = (R) => ee(p) ? p.value = R : null)
+        }, a(w), {
           allowClear: e?.allowClear,
           type: a(i),
           disabled: e?.disabled,
@@ -1047,9 +1047,9 @@ const is = ["for"], rs = {
           addonBefore: a(N),
           addonAfter: l.addonAfter,
           class: a(d),
-          onChange: _,
-          onFocus: G,
-          onFocusout: H,
+          onChange: b,
+          onFocus: L,
+          onFocusout: q,
           ref_key: "inputRef",
           ref: n
         }), Y({
@@ -1058,7 +1058,7 @@ const is = ["for"], rs = {
               key: 0,
               size: "xs",
               name: e.prefixIcon
-            }, null, 8, ["name"])) : a(m) ? (o(), u("span", cs, w(a(m)), 1)) : e.type === a(oe).userInfo ? (o(), g(Ee, {
+            }, null, 8, ["name"])) : a(m) ? (o(), u("span", cs, $(a(m)), 1)) : e.type === a(oe).userInfo ? (o(), g(Ee, {
               key: 2,
               src: e.avatarUrl,
               disabled: e.disabled
@@ -1067,9 +1067,9 @@ const is = ["for"], rs = {
           suffix: h(() => [
             e.type === "amount" ? (o(), g(Fe, {
               key: 0,
-              value: a(x),
-              "onUpdate:value": V[0] || (V[0] = (O) => ee(x) ? x.value = O : null),
-              onChange: I,
+              value: a(B),
+              "onUpdate:value": O[0] || (O[0] = (R) => ee(B) ? B.value = R : null),
+              onChange: M,
               dropdownClassName: "ak-input__input__ma-select__dropdown",
               options: a(qt),
               disabled: e.disabled,
@@ -1083,47 +1083,47 @@ const is = ["for"], rs = {
           ]),
           _: 2
         }, [
-          R(b.$slots, (O, Z) => ({
+          U(y.$slots, (R, Z) => ({
             name: Z,
             fn: h(() => [
-              f(b.$slots, Z)
+              f(y.$slots, Z)
             ])
           }))
         ]), 1040, ["value", "allowClear", "type", "disabled", "placeholder", "addonBefore", "addonAfter", "class"]))
       ])) : (o(), g(a(ot), T({
         key: 2,
         value: a(p),
-        "onUpdate:value": V[2] || (V[2] = (O) => ee(p) ? p.value = O : null)
-      }, a(k), {
+        "onUpdate:value": O[2] || (O[2] = (R) => ee(p) ? p.value = R : null)
+      }, a(w), {
         class: a(d),
         disabled: e?.disabled,
         placeholder: e?.placeholder,
-        onChange: _,
+        onChange: b,
         ref_key: "inputRef",
         ref: n
       }), Y({ _: 2 }, [
-        R(b.$slots, (O, Z) => ({
+        U(y.$slots, (R, Z) => ({
           name: Z,
           fn: h(() => [
-            f(b.$slots, Z)
+            f(y.$slots, Z)
           ])
         }))
       ]), 1040, ["value", "class", "disabled", "placeholder"])),
-      f(b.$slots, "hint"),
-      e.hintText ? (o(), u("div", us, w(e.hintText), 1)) : v("", !0)
+      f(y.$slots, "hint"),
+      e.hintText ? (o(), u("div", us, $(e.hintText), 1)) : v("", !0)
     ], 2));
   }
 });
 const ps = {
   name: "MaSelectOption"
-}, ms = /* @__PURE__ */ M({
+}, ms = /* @__PURE__ */ x({
   ...ps,
   setup(l) {
     return (t, e) => (o(), g(a(at), T(t.$attrs, {
       class: "ma-select-option",
       "prefix-cls": "antd-select"
     }), Y({ _: 2 }, [
-      R(t.$slots, (s, n) => ({
+      U(t.$slots, (s, n) => ({
         name: n,
         fn: h(() => [
           f(t.$slots, n)
@@ -1140,7 +1140,7 @@ const ps = {
   "tags"
 ], vs = {
   name: "MaCheckbox"
-}, fs = /* @__PURE__ */ M({
+}, fs = /* @__PURE__ */ x({
   ...vs,
   props: {
     hint: null,
@@ -1161,14 +1161,14 @@ const ps = {
       indeterminate: t?.indeterminate,
       "prefix-cls": "antd-checkbox"
     }), Y({ _: 2 }, [
-      R(s.$slots, (i, r) => ({
+      U(s.$slots, (i, r) => ({
         name: r,
         fn: h(() => [
           f(s.$slots, r),
           t.hint ? (o(), u("div", {
             key: r,
             class: "ak-checkbox__hint-text"
-          }, w(t.hint), 1)) : v("", !0)
+          }, $(t.hint), 1)) : v("", !0)
         ])
       }))
     ]), 1040, ["class", "disabled", "indeterminate"]));
@@ -1176,7 +1176,7 @@ const ps = {
 });
 const gs = {
   name: "MaCheckboxGroup"
-}, yl = /* @__PURE__ */ M({
+}, yl = /* @__PURE__ */ x({
   ...gs,
   props: {
     hint: null,
@@ -1188,19 +1188,19 @@ const gs = {
       class: "ak-checkbox-group ma-checkbox-group",
       "prefix-cls": "antd-checkbox"
     }), Y({ _: 2 }, [
-      R(e.$slots, (n, i) => ({
+      U(e.$slots, (n, i) => ({
         name: i,
         fn: h(() => [
           f(e.$slots, i),
           t.hint ? (o(), u("div", {
             key: i,
             class: "ak-checkbox__hint-text"
-          }, w(t.hint), 1)) : v("", !0)
+          }, $(t.hint), 1)) : v("", !0)
         ])
       }))
     ]), 1040));
   }
-}), _s = ["value"], ys = /* @__PURE__ */ M({
+}), _s = ["value"], ys = /* @__PURE__ */ x({
   __name: "singleNumericInput",
   props: {
     value: { default: "" },
@@ -1208,7 +1208,7 @@ const gs = {
   },
   emits: ["update:value"],
   setup(l, { emit: t }) {
-    const e = l, s = P(null);
+    const e = l, s = D(null);
     re(
       () => e.focus,
       (i) => {
@@ -1233,7 +1233,7 @@ const gs = {
   }
 }), hs = {
   name: "MaNumericInput"
-}, hl = /* @__PURE__ */ M({
+}, hl = /* @__PURE__ */ x({
   ...hs,
   props: {
     disabled: { type: Boolean },
@@ -1245,7 +1245,7 @@ const gs = {
   },
   emits: ["update:value"],
   setup(l, { emit: t }) {
-    const e = l, s = P(null), n = P(Array.from({ length: e.length }, (k, _) => e.value[_] || null)), i = c(() => [
+    const e = l, s = D(null), n = D(Array.from({ length: e.length }, (w, b) => e.value[b] || null)), i = c(() => [
       "ma-numeric-input",
       `ma-numeric-input--${e.size}`,
       {
@@ -1254,55 +1254,55 @@ const gs = {
       {
         "ma-numeric-input--disabled": e?.disabled
       }
-    ]), r = c(() => e?.placeholderStatus ? "0" : null), d = (k) => /^Digit[0-9]$/.test(k), p = (k) => s.value = k, m = (k, _) => {
-      switch (k.code) {
+    ]), r = c(() => e?.placeholderStatus ? "0" : null), d = (w) => /^Digit[0-9]$/.test(w), p = (w) => s.value = w, m = (w, b) => {
+      switch (w.code) {
         case "Backspace":
         case "Delete":
-          z("", _), S();
+          z("", b), I();
           break;
         case "ArrowLeft":
-          k.preventDefault(), S();
+          w.preventDefault(), I();
           break;
         case "ArrowRight":
-          k.preventDefault(), x();
+          w.preventDefault(), B();
           break;
         default:
-          d(k.code) && (k.preventDefault(), z(k.key, _), x());
+          d(w.code) && (w.preventDefault(), z(w.key, b), B());
           break;
       }
-    }, x = () => {
+    }, B = () => {
       s.value < e.length && s.value++;
-    }, S = () => {
+    }, I = () => {
       e.length >= s.value && s.value > 0 && s.value--;
-    }, z = (k, _) => {
-      n.value[_] = k;
-    }, N = (k, _) => {
-      k.preventDefault();
-      const I = k.clipboardData.getData("text/plain").replaceAll(" ", "").replaceAll("-", "").slice(0, e.length);
-      I.length === 1 && I.match(/^\d+$/) ? n.value[_] = I : I.match(/^\d+$/) && (n.value = I.split(""));
+    }, z = (w, b) => {
+      n.value[b] = w;
+    }, N = (w, b) => {
+      w.preventDefault();
+      const M = w.clipboardData.getData("text/plain").replaceAll(" ", "").replaceAll("-", "").slice(0, e.length);
+      M.length === 1 && M.match(/^\d+$/) ? n.value[b] = M : M.match(/^\d+$/) && (n.value = M.split(""));
     };
     return re(
       () => n.value,
-      (k) => {
-        const _ = k.join("");
-        t("update:value", _);
+      (w) => {
+        const b = w.join("");
+        t("update:value", b);
       },
       { deep: !0 }
     ), re(
       () => e.value,
-      (k) => {
-        k !== n.value.join("") && k && k.match(/^\d+$/) && (n.value = k.split("").slice(0, e.length));
+      (w) => {
+        w !== n.value.join("") && w && w.match(/^\d+$/) && (n.value = w.split("").slice(0, e.length));
       }
-    ), (k, _) => (o(), u("div", T({ class: a(i) }, k.$attrs), [
-      (o(!0), u(q, null, R(e.length, (I) => (o(), g(ys, {
-        focus: s.value === I - 1,
-        key: I,
+    ), (w, b) => (o(), u("div", T({ class: a(i) }, w.$attrs), [
+      (o(!0), u(H, null, U(e.length, (M) => (o(), g(ys, {
+        focus: s.value === M - 1,
+        key: M,
         placeholder: a(r),
-        value: n.value[I - 1],
+        value: n.value[M - 1],
         disabled: e.disabled,
-        onFocus: (U) => p(I - 1),
-        onKeydown: (U) => m(U, I - 1),
-        onPaste: (U) => N(U, I - 1),
+        onFocus: (P) => p(M - 1),
+        onKeydown: (P) => m(P, M - 1),
+        onPaste: (P) => N(P, M - 1),
         class: "ma-numeric-input__input"
       }, null, 8, ["focus", "placeholder", "value", "disabled", "onFocus", "onKeydown", "onPaste"]))), 128))
     ], 16));
@@ -1314,7 +1314,7 @@ const bl = [
   "large"
 ], bs = {
   name: "MaRadio"
-}, ks = /* @__PURE__ */ M({
+}, ks = /* @__PURE__ */ x({
   ...bs,
   props: {
     type: { default: "button" },
@@ -1331,14 +1331,14 @@ const bl = [
       "prefix-cls": "antd-radio",
       "onUpdate:checked": n
     }), Y({ _: 2 }, [
-      R(i.$slots, (d, p) => ({
+      U(i.$slots, (d, p) => ({
         name: p,
         fn: h(() => [
           f(i.$slots, p),
           e.hint ? (o(), u("div", {
             key: p,
             class: "ma-radio__hint-text"
-          }, w(e.hint), 1)) : v("", !0)
+          }, $(e.hint), 1)) : v("", !0)
         ])
       }))
     ]), 1040, ["class"]));
@@ -1349,7 +1349,7 @@ const $s = ["aria-checked", "disabled"], ws = ["src", "alt"], Cs = { class: "ma-
   class: "ma-app-track-button__text__category"
 }, Bs = { class: "ma-app-track-button__check" }, Ss = {
   name: "MaAppTrackButton"
-}, kl = /* @__PURE__ */ M({
+}, kl = /* @__PURE__ */ x({
   ...Ss,
   props: {
     checked: { type: Boolean, default: !1 },
@@ -1382,18 +1382,18 @@ const $s = ["aria-checked", "disabled"], ws = ["src", "alt"], Cs = { class: "ma-
       "aria-checked": e.checked,
       disabled: e.disabled
     }, i.$attrs, { onClick: s }), [
-      y("img", {
+      _("img", {
         src: e.appIcon,
         alt: e.appName,
         width: "40",
         height: "40"
       }, null, 8, ws),
-      y("span", Cs, [
-        y("span", Ms, w(e.appName), 1),
-        e.appCategory ? (o(), u("span", xs, w(e?.appCategory), 1)) : v("", !0)
+      _("span", Cs, [
+        _("span", Ms, $(e.appName), 1),
+        e.appCategory ? (o(), u("span", xs, $(e?.appCategory), 1)) : v("", !0)
       ]),
-      y("span", Bs, [
-        $(ze, {
+      _("span", Bs, [
+        k(ze, {
           name: "fade",
           mode: "out-in"
         }, {
@@ -1439,7 +1439,7 @@ const Is = { class: "ak-app-icon__logo" }, zs = ["src"], Ts = {
   class: "ak-app-description"
 }, Fs = {
   name: "MaAppIcon"
-}, Vs = /* @__PURE__ */ M({
+}, Vs = /* @__PURE__ */ x({
   ...Fs,
   props: {
     appIcon: null,
@@ -1469,27 +1469,27 @@ const Is = { class: "ak-app-icon__logo" }, zs = ["src"], Ts = {
       ...e.tooltipProps
     }));
     return (d, p) => (o(), u("div", {
-      class: L(a(n))
+      class: E(a(n))
     }, [
       e.showTooltip ? (o(), g(pe, Te(T({ key: 0 }, a(r))), {
         default: h(() => [
-          y("div", Is, [
+          _("div", Is, [
             e.closable ? (o(), u("span", {
               key: 0,
               onClick: i,
               class: "ak-app-icon-closable"
             }, [
-              $(C, {
+              k(C, {
                 size: "xs",
                 name: "close-circle"
               })
             ])) : v("", !0),
-            y("img", {
+            _("img", {
               class: "ak-app-icon-img",
               src: e.appIcon
             }, null, 8, zs),
             e?.platform ? (o(), u("span", Ts, [
-              $(C, {
+              k(C, {
                 size: "xs",
                 name: a(s)
               }, null, 8, ["name"])
@@ -1503,25 +1503,25 @@ const Is = { class: "ak-app-icon__logo" }, zs = ["src"], Ts = {
           onClick: i,
           class: "ak-app-icon-closable"
         }, [
-          $(C, {
+          k(C, {
             size: "xs",
             name: "close-circle"
           })
         ])) : v("", !0),
-        y("img", {
+        _("img", {
           class: "ak-app-icon-img",
           src: e.appIcon
         }, null, 8, Ns),
         e?.platform ? (o(), u("span", Ps, [
-          $(C, {
+          k(C, {
             size: "xs",
             name: a(s)
           }, null, 8, ["name"])
         ])) : v("", !0)
       ])),
       e?.appName || e?.appDescription ? (o(), u("div", Ls, [
-        e?.appName ? (o(), u("span", Ds, w(e.appName), 1)) : v("", !0),
-        e?.appDescription ? (o(), u("span", Es, w(e.appDescription), 1)) : v("", !0)
+        e?.appName ? (o(), u("span", Ds, $(e.appName), 1)) : v("", !0),
+        e?.appDescription ? (o(), u("span", Es, $(e.appDescription), 1)) : v("", !0)
       ])) : v("", !0)
     ], 2));
   }
@@ -1537,11 +1537,11 @@ const $l = [
   "ios"
 ], Gs = {
   name: "MaRadioGroup"
-}, Cl = /* @__PURE__ */ M({
+}, Cl = /* @__PURE__ */ x({
   ...Gs,
   setup(l) {
     return (t, e) => (o(), g(a(rt), T(t.$attrs, { "prefix-cls": "antd-radio" }), Y({ _: 2 }, [
-      R(t.$slots, (s, n) => ({
+      U(t.$slots, (s, n) => ({
         name: n,
         fn: h(() => [
           f(t.$slots, n)
@@ -1575,7 +1575,7 @@ const $l = [
   "right"
 ], Os = {
   name: "MaAlert"
-}, zl = /* @__PURE__ */ M({
+}, zl = /* @__PURE__ */ x({
   ...Os,
   props: {
     variant: { default: "dark" },
@@ -1596,7 +1596,7 @@ const $l = [
       "prefix-cls": "antd-alert"
     }), {
       closeIcon: h(() => [
-        $(C, {
+        k(C, {
           name: "close",
           size: "xs"
         })
@@ -1630,7 +1630,7 @@ const Tl = [
   "secondary"
 ], Rs = {
   name: "MaAnimation"
-}, Us = /* @__PURE__ */ M({
+}, Us = /* @__PURE__ */ x({
   ...Rs,
   props: {
     name: { default: "rocket" },
@@ -1644,7 +1644,7 @@ const Tl = [
   setup(l, { expose: t, emit: e }) {
     const s = l;
     let n;
-    const i = P(null), r = P(null);
+    const i = D(null), r = D(null);
     t({
       animation: r
     });
@@ -1655,35 +1655,35 @@ const Tl = [
     re(
       () => s.name,
       () => {
-        x(), m();
+        B(), m();
       }
     );
     const p = async () => {
-      const { default: S } = await import("./lottie_light-b08f9446.mjs").then((z) => z.l);
-      n = S;
+      const { default: I } = await import("./lottie_light-b08f9446.mjs").then((z) => z.l);
+      n = I;
     }, m = async () => {
       try {
-        const { default: S } = await fe(/* @__PURE__ */ Object.assign({ "./files/fly-waiting.json": () => import("./fly-waiting-bc221374.mjs"), "./files/no-data-found.json": () => import("./no-data-found-98af8e80.mjs"), "./files/rocket.json": () => import("./rocket-21431704.mjs"), "./files/rounded-loading.json": () => import("./rounded-loading-d3184421.mjs"), "./files/sad-not-found.json": () => import("./sad-not-found-44e231b1.mjs"), "./files/success-confetti.json": () => import("./success-confetti-b9594f98.mjs") }), `./files/${s.name}.json`);
+        const { default: I } = await fe(/* @__PURE__ */ Object.assign({ "./files/fly-waiting.json": () => import("./fly-waiting-bc221374.mjs"), "./files/no-data-found.json": () => import("./no-data-found-98af8e80.mjs"), "./files/rocket.json": () => import("./rocket-21431704.mjs"), "./files/rounded-loading.json": () => import("./rounded-loading-d3184421.mjs"), "./files/sad-not-found.json": () => import("./sad-not-found-44e231b1.mjs"), "./files/success-confetti.json": () => import("./success-confetti-b9594f98.mjs") }), `./files/${s.name}.json`);
         r.value = n.loadAnimation({
           container: i.value,
           loop: s.loop,
           autoplay: s.autoplay,
-          animationData: S,
+          animationData: I,
           rendererSettings: s?.rendererSettings
         }), r.value.onComplete = () => e("onComplete"), r.value.addEventListener("DOMLoaded", function() {
           e("onLoaded");
         });
-      } catch (S) {
-        e("onError", S);
+      } catch (I) {
+        e("onError", I);
       }
-    }, x = () => {
+    }, B = () => {
       r.value && r.value.destroy();
     };
     return de(async () => {
       await p(), m();
     }), Ae(() => {
-      x();
-    }), (S, z) => (o(), u("div", {
+      B();
+    }), (I, z) => (o(), u("div", {
       ref_key: "animationRef",
       ref: i,
       class: "ma-animation",
@@ -1720,7 +1720,7 @@ const Tl = [
   class: "ak-modal__footer"
 }, Ws = {
   name: "MaModal"
-}, Me = /* @__PURE__ */ M({
+}, Me = /* @__PURE__ */ x({
   ...Ws,
   props: {
     visible: { type: Boolean, default: !0 },
@@ -1751,7 +1751,7 @@ const Tl = [
     ), i = c(
       () => e.type === "error" ? "danger" : e.type === "warning" ? "warning" : "info"
     ), r = c(
-      () => S?.footer || e.okText || e.cancelText
+      () => I?.footer || e.okText || e.cancelText
     ), d = c(() => [
       "ma-modal",
       "ak-modal",
@@ -1761,12 +1761,12 @@ const Tl = [
       { [`ak-modal__header-icon--${e.type}`]: !!e.type }
     ]), m = () => {
       s.value = !1, t("cancel");
-    }, x = () => {
+    }, B = () => {
       t("ok");
-    }, S = ae();
+    }, I = ae();
     return (z, N) => (o(), g(a(ut), T(z.$attrs, {
       visible: a(s),
-      "onUpdate:visible": N[0] || (N[0] = (k) => ee(s) ? s.value = k : null),
+      "onUpdate:visible": N[0] || (N[0] = (w) => ee(s) ? s.value = w : null),
       "prefix-cls": "antd-modal",
       class: a(d),
       closable: e.closable,
@@ -1774,11 +1774,11 @@ const Tl = [
       "mask-closable": e.maskClosable,
       width: e.width,
       footer: null,
-      onOk: x,
+      onOk: B,
       onCancel: m
     }), {
       closeIcon: h(() => [
-        $(C, {
+        k(C, {
           name: "close-circle",
           size: "sm"
         })
@@ -1786,29 +1786,29 @@ const Tl = [
       default: h(() => [
         a(n) ? (o(), u("div", {
           key: 0,
-          class: L(a(p))
+          class: E(a(p))
         }, [
-          $(C, { name: a(n) }, null, 8, ["name"])
+          k(C, { name: a(n) }, null, 8, ["name"])
         ], 2)) : v("", !0),
         e.title || z.$slots.title ? (o(), u("h1", Ks, [
           f(z.$slots, "title"),
-          D(" " + w(e.title), 1)
+          F(" " + $(e.title), 1)
         ])) : v("", !0),
-        y("div", js, [
-          e.content ? (o(), u("div", qs, w(e.content), 1)) : v("", !0),
+        _("div", js, [
+          e.content ? (o(), u("div", qs, $(e.content), 1)) : v("", !0),
           f(z.$slots, "content"),
           f(z.$slots, "default")
         ]),
         a(r) ? (o(), u("div", Hs, [
           e.okText ? (o(), g(te, T({
             key: 0,
-            onClick: x,
+            onClick: B,
             class: "ak-modal__ok-button",
             variant: a(i),
             loading: e.confirmLoading
           }, e.okButtonProps), {
             default: h(() => [
-              D(w(e.okText), 1)
+              F($(e.okText), 1)
             ]),
             _: 1
           }, 16, ["variant", "loading"])) : v("", !0),
@@ -1818,7 +1818,7 @@ const Tl = [
             type: "grey-link"
           }, e.cancelButtonProps), {
             default: h(() => [
-              D(w(e.cancelText), 1)
+              F($(e.cancelText), 1)
             ]),
             _: 1
           }, 16)) : v("", !0),
@@ -1846,7 +1846,7 @@ Js.forEach((l) => {
 });
 const Ys = {
   name: "MaRateStar"
-}, Zs = /* @__PURE__ */ M({
+}, Zs = /* @__PURE__ */ x({
   ...Ys,
   props: {
     value: null,
@@ -1862,8 +1862,8 @@ const Ys = {
     ]), s = c(() => t.starRate - 0.5 === t.value), n = c(() => s.value ? "star-half-colored" : "star-bold");
     return (i, r) => (o(), g(ze, { name: "fade" }, {
       default: h(() => [
-        $(C, {
-          class: L(a(e)),
+        k(C, {
+          class: E(a(e)),
           name: a(n),
           size: l.iconSize
         }, null, 8, ["class", "name", "size"])
@@ -1873,7 +1873,7 @@ const Ys = {
   }
 }), Xs = ["tabindex"], Qs = ["onMousemove", "onMouseover"], eo = {
   name: "MaRate"
-}, Ll = /* @__PURE__ */ M({
+}, Ll = /* @__PURE__ */ x({
   ...eo,
   props: {
     value: null,
@@ -1886,7 +1886,7 @@ const Ys = {
   },
   emits: ["update:value", "change"],
   setup(l, { emit: t }) {
-    const e = l, s = P(0), n = c(() => [
+    const e = l, s = D(0), n = c(() => [
       `ak-rate ak-rate--${e.size} ak-rate--${e.color}`,
       {
         "ak-rate--disabled": e?.disabled
@@ -1912,28 +1912,28 @@ const Ys = {
       e?.disabled || (s.value = N);
     }, m = () => {
       s.value = 0;
-    }, x = (N, k) => {
-      !e?.allowHalf || e.disabled || (N.offsetX < N.target.clientWidth / 2 ? s.value = k - 0.5 : s.value = k);
-    }, S = (N) => {
+    }, B = (N, w) => {
+      !e?.allowHalf || e.disabled || (N.offsetX < N.target.clientWidth / 2 ? s.value = w - 0.5 : s.value = w);
+    }, I = (N) => {
       e?.disabled || (N.key === "ArrowRight" && e.value < 5 ? z(e.value + (e.allowHalf ? 0.5 : 1)) : N.key === "ArrowLeft" && e.value > 0 && z(e.value - (e.allowHalf ? 0.5 : 1)));
     }, z = (N) => {
       t("update:value", N), t("change", N);
     };
-    return (N, k) => (o(), u("ul", {
-      class: L(a(n)),
+    return (N, w) => (o(), u("ul", {
+      class: E(a(n)),
       onMouseleave: m,
-      onKeydown: S,
+      onKeydown: I,
       tabindex: a(r)
     }, [
-      (o(), u(q, null, R(5, (_) => y("li", {
+      (o(), u(H, null, U(5, (b) => _("li", {
         class: "ak-rate__item",
-        key: _,
-        onMousemove: (I) => x(I, _),
-        onMouseover: (I) => p(_),
-        onClick: k[0] || (k[0] = (I) => d())
+        key: b,
+        onMousemove: (M) => B(M, b),
+        onMouseover: (M) => p(b),
+        onClick: w[0] || (w[0] = (M) => d())
       }, [
-        $(Zs, {
-          "star-rate": _,
+        k(Zs, {
+          "star-rate": b,
           value: s.value || e.value,
           "icon-size": a(i)
         }, null, 8, ["star-rate", "value", "icon-size"])
@@ -1960,7 +1960,7 @@ const Dl = [
   class: "tip"
 }, ao = {
   name: "MaSpin"
-}, xe = /* @__PURE__ */ M({
+}, xe = /* @__PURE__ */ x({
   ...ao,
   props: {
     type: { default: "round" },
@@ -1984,11 +1984,11 @@ const Dl = [
         ])) : v("", !0),
         t.spinning && !r.$slots.indicator ? (o(), g(C, {
           key: 1,
-          class: L(a(n)),
+          class: E(a(n)),
           name: a(i)
         }, null, 8, ["class", "name"])) : v("", !0),
         r.$slots?.tip || t?.tip ? (o(), u("div", oo, [
-          D(w(t?.tip) + " ", 1),
+          F($(t?.tip) + " ", 1),
           f(r.$slots, "tip")
         ])) : v("", !0)
       ])) : v("", !0),
@@ -2009,7 +2009,7 @@ const Fl = [
   "grey"
 ], no = {
   name: "MaDropdown"
-}, Gl = /* @__PURE__ */ M({
+}, Gl = /* @__PURE__ */ x({
   ...no,
   props: {
     destroyPopupOnHide: { type: Boolean, default: !1 },
@@ -2079,7 +2079,7 @@ const Ol = [
   selection: "selection"
 }, lo = { class: "ma-empty__title" }, io = { class: "ma-empty__description" }, ro = { class: "ma-empty__content" }, co = {
   name: "MaEmpty"
-}, jl = /* @__PURE__ */ M({
+}, jl = /* @__PURE__ */ x({
   ...co,
   props: {
     size: { default: "large" },
@@ -2096,7 +2096,7 @@ const Ol = [
       `ma-empty ma-empty--${t.variant} ma-empty--${t.size}`
     ]);
     return (n, i) => (o(), u("div", {
-      class: L(a(s))
+      class: E(a(s))
     }, [
       t?.animation ? (o(), g(Us, T({
         key: 0,
@@ -2106,15 +2106,15 @@ const Ol = [
         name: a(e),
         class: "ma-empty__icon"
       }, null, 8, ["name"])),
-      y("span", lo, [
-        D(w(l.title) + " ", 1),
+      _("span", lo, [
+        F($(l.title) + " ", 1),
         f(n.$slots, "title")
       ]),
-      y("span", io, [
-        D(w(l.description) + " ", 1),
+      _("span", io, [
+        F($(l.description) + " ", 1),
         f(n.$slots, "description")
       ]),
-      y("div", ro, [
+      _("div", ro, [
         f(n.$slots, "default")
       ])
     ], 2));
@@ -2144,17 +2144,17 @@ const me = (l) => {
     t += Math.random().toString(36).substr(2);
   return t.substr(0, l);
 }, mo = (l, t = {}, e = {}, s) => {
-  const n = P(0);
+  const n = D(0);
   return { progress: n, upload: async (r, d) => {
     const p = new FormData();
-    p.append(s, r.file), Object.entries(e).forEach(([x, S]) => {
-      p.append(x, S);
+    p.append(s, r.file), Object.entries(e).forEach(([B, I]) => {
+      p.append(B, I);
     });
     const m = new XMLHttpRequest();
-    m.open("POST", l), Object.entries(t).forEach(([x, S]) => {
-      m.setRequestHeader(x, S);
-    }), m.upload.onprogress = (x) => {
-      x.lengthComputable && (n.value = x.loaded / x.total * 100, d(se.uploading, n.value));
+    m.open("POST", l), Object.entries(t).forEach(([B, I]) => {
+      m.setRequestHeader(B, I);
+    }), m.upload.onprogress = (B) => {
+      B.lengthComputable && (n.value = B.loaded / B.total * 100, d(se.uploading, n.value));
     }, m.onload = () => {
       m.status >= 200 && m.status < 300 ? d(
         se.done,
@@ -2194,7 +2194,7 @@ const me = (l) => {
 }, fo = { class: "single-file" }, go = { class: "icon-wrapper" }, _o = { class: "single-file__detail" }, yo = { class: "file-name" }, ho = {
   key: 0,
   class: "file-size"
-}, bo = { class: "file-progress" }, ko = { class: "single-file__actions" }, $o = /* @__PURE__ */ M({
+}, bo = { class: "file-progress" }, ko = { class: "single-file__actions" }, $o = /* @__PURE__ */ x({
   __name: "singleFile",
   props: {
     file: null,
@@ -2207,20 +2207,20 @@ const me = (l) => {
       () => `${(e.file.file.size / (1024 * 1024)).toFixed(1)} MB`
     ), n = c(() => typeof e.file.file.size == "number"), i = () => t("remove"), r = () => t("cancel");
     return (d, p) => (o(), u("div", fo, [
-      y("div", go, [
-        $(C, { name: "document-bulk" })
+      _("div", go, [
+        k(C, { name: "document-bulk" })
       ]),
-      y("div", _o, [
-        y("span", yo, w(l.file.file.name), 1),
-        a(n) ? (o(), u("span", ho, w(a(s)), 1)) : v("", !0),
-        y("span", bo, [
-          y("span", {
+      _("div", _o, [
+        _("span", yo, $(l.file.file.name), 1),
+        a(n) ? (o(), u("span", ho, $(a(s)), 1)) : v("", !0),
+        _("span", bo, [
+          _("span", {
             class: "progress-item",
             style: J({ width: `${l.file.progress}%` })
           }, null, 4)
         ])
       ]),
-      y("div", ko, [
+      _("div", ko, [
         l.file.status === a(se).uploading ? (o(), g(te, {
           key: 0,
           disabled: l.disabled,
@@ -2238,11 +2238,11 @@ const me = (l) => {
           variant: "plain",
           icon: "trash-bulk"
         }, null, 8, ["disabled"])),
-        y("span", null, "%" + w(parseInt(l.file.progress.toString())), 1)
+        _("span", null, "%" + $(parseInt(l.file.progress.toString())), 1)
       ])
     ]));
   }
-}), wo = ["onDrop"], Co = ["accept", "multiple", "disabled"], Mo = { class: "text" }, xo = /* @__PURE__ */ y("span", null, "Uploading file...", -1), Bo = { class: "upload-icon" }, So = {
+}), wo = ["onDrop"], Co = ["accept", "multiple", "disabled"], Mo = { class: "text" }, xo = /* @__PURE__ */ _("span", null, "Uploading file...", -1), Bo = { class: "upload-icon" }, So = {
   key: 0,
   class: "upload-title"
 }, Io = {
@@ -2250,7 +2250,7 @@ const me = (l) => {
   class: "upload-description"
 }, zo = {
   name: "MaUpload"
-}, Hl = /* @__PURE__ */ M({
+}, Hl = /* @__PURE__ */ x({
   ...zo,
   props: {
     fileList: null,
@@ -2274,14 +2274,14 @@ const me = (l) => {
   },
   emits: ["update:fileList", "change", "remove", "error"],
   setup(l, { emit: t }) {
-    const e = l, s = P(null), n = P(null), i = P(!1), r = ["dragenter", "dragover", "dragleave", "drop"], d = ["dragenter", "dragover"], p = ["dragleave", "drop"], m = c({
+    const e = l, s = D(null), n = D(null), i = D(!1), r = ["dragenter", "dragover", "dragleave", "drop"], d = ["dragenter", "dragover"], p = ["dragleave", "drop"], m = c({
       get() {
         return e.fileList;
       },
-      set(B) {
-        t("update:fileList", B), t("change", B), e?.action && B.forEach(async (E, K) => {
+      set(S) {
+        t("update:fileList", S), t("change", S), e?.action && S.forEach(async (V, K) => {
           if ([se.done, se.error].includes(
-            E.status
+            V.status
           ))
             return;
           const { upload: le } = mo(
@@ -2291,11 +2291,11 @@ const me = (l) => {
             e.data,
             e.name
           );
-          e?.beforeUpload && (E.file = await e.beforeUpload(E.file)), le(E, (ce, Ge, be) => {
+          e?.beforeUpload && (V.file = await e.beforeUpload(V.file)), le(V, (ce, Ge, be) => {
             if (m.value[K]) {
               if (ce === se.error) {
-                t("error", { file: E.file, message: be }), F(
-                  m.value.findIndex((Oe) => Oe.id === E.id)
+                t("error", { file: V.file, message: be }), G(
+                  m.value.findIndex((Oe) => Oe.id === V.id)
                 );
                 return;
               }
@@ -2304,54 +2304,54 @@ const me = (l) => {
           });
         });
       }
-    }), x = c(
-      () => m.value.map((B) => B.file.name).join(", ")
-    ), S = c(
+    }), B = c(
+      () => m.value.map((S) => S.file.name).join(", ")
+    ), I = c(
       () => e.type === "box" ? e.multiple ? !0 : !m.value.length : !0
     ), z = c(
-      () => e.ordered && I.value ? !1 : m.value.length ? e.showFileList : !1
+      () => e.ordered && M.value ? !1 : m.value.length ? e.showFileList : !1
     ), N = c(() => [
       `ma-upload ma-upload--${e.type} ma-upload--${e.type}--${e.size}`,
       {
         "ma-upload--active": i.value
       },
       {
-        "ma-upload--disabled": U.value
+        "ma-upload--disabled": P.value
       }
-    ]), k = c(() => [
+    ]), w = c(() => [
       "ma-file-list",
       {
-        "only-file-list": !S.value
+        "only-file-list": !I.value
       }
-    ]), _ = c(() => {
-      const B = e?.size ? uo.indexOf(e.size) : 0;
-      return $t[B];
-    }), I = c(
-      () => e.wait || m.value.some((B) => B.status === se.uploading)
-    ), U = c(() => e?.disabled || I.value), G = (B) => Array.from(B).find(
-      (E) => e?.maxFileSize && E.size > e.maxFileSize
-    ), H = (B) => {
-      const E = B.target;
-      E.files && A(Array.from(E.files));
-    }, b = () => {
+    ]), b = c(() => {
+      const S = e?.size ? uo.indexOf(e.size) : 0;
+      return $t[S];
+    }), M = c(
+      () => e.wait || m.value.some((S) => S.status === se.uploading)
+    ), P = c(() => e?.disabled || M.value), L = (S) => Array.from(S).find(
+      (V) => e?.maxFileSize && V.size > e.maxFileSize
+    ), q = (S) => {
+      const V = S.target;
+      V.files && A(Array.from(V.files));
+    }, y = () => {
       n.value?.click();
-    }, V = (B) => {
-      B.preventDefault();
-    }, O = () => {
+    }, O = (S) => {
+      S.preventDefault();
+    }, R = () => {
       i.value = !0;
     }, Z = () => {
       i.value = !1;
-    }, ue = (B) => {
-      U.value || B.dataTransfer?.files && A(
-        Array.from(B.dataTransfer.files).filter((E) => e?.accept && !vo(E, e.accept) ? (t("error", { file: E, message: "file type does not match!" }), !1) : !0)
+    }, ue = (S) => {
+      P.value || S.dataTransfer?.files && A(
+        Array.from(S.dataTransfer.files).filter((V) => e?.accept && !vo(V, e.accept) ? (t("error", { file: V, message: "file type does not match!" }), !1) : !0)
       );
-    }, A = (B) => {
-      const E = G(B);
-      if (E) {
-        t("error", { file: E, message: "File too large" });
+    }, A = (S) => {
+      const V = L(S);
+      if (V) {
+        t("error", { file: V, message: "File too large" });
         return;
       }
-      const K = Array.from(B).filter(
+      const K = Array.from(S).filter(
         (le, ce) => e?.maxCount ? ce + 1 <= e.maxCount : !0
       ).map((le) => ({
         file: le,
@@ -2361,43 +2361,43 @@ const me = (l) => {
         response: null
       }));
       e.multiple ? m.value = [...m.value, ...K] : K.length && (m.value = [K[0]]);
-    }, F = (B) => {
-      t("remove", m.value[B]), m.value = m.value.filter((E, K) => K !== B);
-    }, j = (B) => {
-      const E = m.value[B];
-      typeof E?.cancelRequest == "function" && E.cancelRequest(), F(B);
-    }, W = (B) => {
-      B.stopPropagation(), m.value.forEach((E, K) => j(K)), m.value = [];
+    }, G = (S) => {
+      t("remove", m.value[S]), m.value = m.value.filter((V, K) => K !== S);
+    }, j = (S) => {
+      const V = m.value[S];
+      typeof V?.cancelRequest == "function" && V.cancelRequest(), G(S);
+    }, W = (S) => {
+      S.stopPropagation(), m.value.forEach((V, K) => j(K)), m.value = [];
     };
     return de(() => {
-      r.forEach((B) => {
-        s.value?.addEventListener(B, V);
-      }), d.forEach((B) => {
-        s.value?.addEventListener(B, O);
-      }), p.forEach((B) => {
-        s.value?.addEventListener(B, Z);
+      r.forEach((S) => {
+        s.value?.addEventListener(S, O);
+      }), d.forEach((S) => {
+        s.value?.addEventListener(S, R);
+      }), p.forEach((S) => {
+        s.value?.addEventListener(S, Z);
       });
     }), Ne(() => {
-      r.forEach((B) => {
-        s.value?.removeEventListener(B, V);
-      }), d.forEach((B) => {
-        s.value?.removeEventListener(B, O);
-      }), p.forEach((B) => {
-        s.value?.removeEventListener(B, Z);
+      r.forEach((S) => {
+        s.value?.removeEventListener(S, O);
+      }), d.forEach((S) => {
+        s.value?.removeEventListener(S, R);
+      }), p.forEach((S) => {
+        s.value?.removeEventListener(S, Z);
       });
-    }), (B, E) => (o(), u("div", T({ class: "ma-upload-wrapper" }, B.$attrs), [
-      X(y("div", {
+    }), (S, V) => (o(), u("div", T({ class: "ma-upload-wrapper" }, S.$attrs), [
+      X(_("div", {
         ref_key: "uploadArea",
         ref: s,
-        class: L(a(N)),
+        class: E(a(N)),
         onDrop: Pe(ue, ["prevent"])
       }, [
         (o(), u("input", {
           type: "file",
           accept: l.accept,
           multiple: e.multiple,
-          disabled: a(U),
-          onChange: H,
+          disabled: a(P),
+          onChange: q,
           key: a(m).length,
           ref_key: "fileInput",
           ref: n
@@ -2407,21 +2407,21 @@ const me = (l) => {
           type: l.fileList.length ? "primary" : "secondary",
           variant: "dark",
           icon: "export-2",
-          onClick: b,
-          size: a(_),
-          disabled: a(U),
-          loading: a(I)
+          onClick: y,
+          size: a(b),
+          disabled: a(P),
+          loading: a(M)
         }, {
           default: h(() => [
-            D(w(l.fileList.length ? a(x) : e?.title), 1)
+            F($(l.fileList.length ? a(B) : e?.title), 1)
           ]),
           _: 1
         }, 8, ["type", "size", "disabled", "loading"])) : e.type === "small-box" ? (o(), u("div", {
           key: 1,
           class: "ma-upload__small_box",
-          onClick: b
+          onClick: y
         }, [
-          a(I) ? (o(), g(xe, {
+          a(M) ? (o(), g(xe, {
             key: 0,
             type: "three-circles",
             color: "blue"
@@ -2429,59 +2429,59 @@ const me = (l) => {
             key: 1,
             name: "export-2-bulk"
           })),
-          y("span", Mo, [
-            a(I) ? (o(), u(q, { key: 0 }, [
-              D(" Uploading... ")
-            ], 64)) : (o(), u(q, { key: 1 }, [
-              D(w(e?.title) + " ", 1),
-              f(B.$slots, "small-box-title")
+          _("span", Mo, [
+            a(M) ? (o(), u(H, { key: 0 }, [
+              F(" Uploading... ")
+            ], 64)) : (o(), u(H, { key: 1 }, [
+              F($(e?.title) + " ", 1),
+              f(S.$slots, "small-box-title")
             ], 64))
           ])
         ])) : (o(), u("div", {
           key: 2,
           class: "ma-upload__box",
-          onClick: b
+          onClick: y
         }, [
-          e.ordered && a(I) ? (o(), u(q, { key: 0 }, [
-            $(xe, {
+          e.ordered && a(M) ? (o(), u(H, { key: 0 }, [
+            k(xe, {
               type: "three-circles",
               color: "blue"
             }),
             xo,
-            $(te, {
+            k(te, {
               onClick: W,
               class: "box-cancel",
               type: "secondary",
               size: "small"
             }, {
               default: h(() => [
-                D(" Cancel ")
+                F(" Cancel ")
               ]),
               _: 1
             })
-          ], 64)) : (o(), u(q, { key: 1 }, [
-            y("div", Bo, [
-              $(C, { name: "upload-bulk" })
+          ], 64)) : (o(), u(H, { key: 1 }, [
+            _("div", Bo, [
+              k(C, { name: "upload-bulk" })
             ]),
             e?.title ? (o(), u("span", So, [
-              D(w(e?.title) + " ", 1),
-              f(B.$slots, "box-title")
+              F($(e?.title) + " ", 1),
+              f(S.$slots, "box-title")
             ])) : v("", !0),
             e?.description ? (o(), u("span", Io, [
-              D(w(e?.description) + " ", 1),
-              f(B.$slots, "box-description")
+              F($(e?.description) + " ", 1),
+              f(S.$slots, "box-description")
             ])) : v("", !0)
           ], 64))
         ]))
       ], 42, wo), [
-        [Q, a(S)]
+        [Q, a(I)]
       ]),
       a(z) ? (o(), u("div", {
         key: 0,
-        class: L(a(k))
+        class: E(a(w))
       }, [
-        (o(!0), u(q, null, R(a(m), (K, le) => (o(), g($o, {
-          onRemove: (ce) => F(le),
+        (o(!0), u(H, null, U(a(m), (K, le) => (o(), g($o, {
+          onRemove: (ce) => G(le),
           onCancel: (ce) => j(le),
           file: K,
           key: le,
@@ -2493,7 +2493,7 @@ const me = (l) => {
 });
 const To = {
   name: "MaSideMenuButton"
-}, Wl = /* @__PURE__ */ M({
+}, Wl = /* @__PURE__ */ x({
   ...To,
   props: {
     icon: { default: "app" },
@@ -2504,11 +2504,11 @@ const To = {
     active: { type: Boolean, default: !1 }
   },
   setup(l) {
-    const t = l, e = P(!1), s = c(() => t?.href ? "a" : "button"), n = c(() => t?.activeIcon || `${t.icon.replace("-bulk", "-bold")}`), i = c(() => [
+    const t = l, e = D(!1), s = c(() => t?.href ? "a" : "button"), n = c(() => t?.activeIcon || `${t.icon.replace("-bulk", "-bold")}`), i = c(() => [
       "ma-side-menu-button",
       { active: t?.active }
     ]), r = c(() => e.value || t.active), d = () => e.value = !0, p = () => e.value = !1;
-    return (m, x) => (o(), g(ne(a(s)), T({
+    return (m, B) => (o(), g(ne(a(s)), T({
       onMousedown: d,
       onMouseup: p,
       role: "button",
@@ -2517,22 +2517,22 @@ const To = {
       href: t?.href
     }, m.$attrs), {
       default: h(() => [
-        t?.icon ? (o(), u(q, { key: 0 }, [
-          X($(C, {
+        t?.icon ? (o(), u(H, { key: 0 }, [
+          X(k(C, {
             size: "md",
             name: a(n)
           }, null, 8, ["name"]), [
             [Q, a(r)]
           ]),
-          X($(C, {
+          X(k(C, {
             size: "md",
             name: t.icon
           }, null, 8, ["name"]), [
             [Q, !a(r)]
           ])
         ], 64)) : v("", !0),
-        y("span", null, [
-          D(w(t?.text) + " ", 1),
+        _("span", null, [
+          F($(t?.text) + " ", 1),
           f(m.$slots, "default")
         ])
       ]),
@@ -2545,7 +2545,7 @@ const Ao = {
   class: "ma-side-menu-item-icon"
 }, No = {
   name: "MaSideMenuItem"
-}, Jl = /* @__PURE__ */ M({
+}, Jl = /* @__PURE__ */ x({
   ...No,
   props: {
     href: null,
@@ -2578,22 +2578,22 @@ const Ao = {
       href: t?.href
     }, i.$attrs), {
       default: h(() => [
-        y("span", null, [
+        _("span", null, [
           t?.icon ? (o(), u("div", Ao, [
-            X($(C, {
+            X(k(C, {
               size: "xs",
               name: a(n)
             }, null, 8, ["name"]), [
               [Q, t.active]
             ]),
-            X($(C, {
+            X(k(C, {
               size: "xs",
               name: t.icon
             }, null, 8, ["name"]), [
               [Q, !t.active]
             ])
           ])) : v("", !0),
-          D(" " + w(t?.text) + " ", 1),
+          F(" " + $(t?.text) + " ", 1),
           f(i.$slots, "default")
         ]),
         t.badgeText ? (o(), g(ye, {
@@ -2602,7 +2602,7 @@ const Ao = {
           variant: t.badgeColor
         }, {
           default: h(() => [
-            D(w(l.badgeText), 1)
+            F($(l.badgeText), 1)
           ]),
           _: 1
         }, 8, ["variant"])) : v("", !0)
@@ -2623,7 +2623,7 @@ const Yl = [
 ], Po = {
   name: "MaSideMenuIconButton",
   inheritAttrs: !1
-}, Zl = /* @__PURE__ */ M({
+}, Zl = /* @__PURE__ */ x({
   ...Po,
   props: {
     icon: null,
@@ -2634,11 +2634,11 @@ const Yl = [
     active: { type: Boolean, default: !1 }
   },
   setup(l) {
-    const t = l, e = P(!1), s = c(() => t?.href ? "a" : "button"), n = c(() => e.value || t.active), i = c(() => t?.activeIcon || `${t.icon}-bold`), r = c(() => [
+    const t = l, e = D(!1), s = c(() => t?.href ? "a" : "button"), n = c(() => e.value || t.active), i = c(() => t?.activeIcon || `${t.icon}-bold`), r = c(() => [
       "ma-side-menu-icon-button",
       { active: t?.active }
     ]), d = () => e.value = !0, p = () => e.value = !1;
-    return (m, x) => t?.tooltipText ? (o(), g(pe, {
+    return (m, B) => t?.tooltipText ? (o(), g(pe, {
       key: 0,
       overlayClassName: "ma-icon-button-tooltip",
       title: t?.tooltipText,
@@ -2655,13 +2655,13 @@ const Yl = [
           role: "button"
         }, m.$attrs), {
           default: h(() => [
-            X($(C, {
+            X(k(C, {
               size: "xs",
               name: a(i)
             }, null, 8, ["name"]), [
               [Q, a(n)]
             ]),
-            X($(C, {
+            X(k(C, {
               size: "xs",
               name: t.icon
             }, null, 8, ["name"]), [
@@ -2683,13 +2683,13 @@ const Yl = [
       role: "button"
     }, m.$attrs), {
       default: h(() => [
-        X($(C, {
+        X(k(C, {
           size: "xs",
           name: a(i)
         }, null, 8, ["name"]), [
           [Q, a(n)]
         ]),
-        X($(C, {
+        X(k(C, {
           size: "xs",
           name: t.icon
         }, null, 8, ["name"]), [
@@ -2704,7 +2704,7 @@ const Yl = [
 const Lo = {
   name: "MaSideMenuRoundIconButton",
   inheritAttrs: !1
-}, Xl = /* @__PURE__ */ M({
+}, Xl = /* @__PURE__ */ x({
   ...Lo,
   props: {
     icon: null
@@ -2715,7 +2715,7 @@ const Lo = {
       class: "ma-side-menu-round-icon-button",
       role: "button"
     }, e.$attrs), [
-      $(C, {
+      k(C, {
         size: "xs",
         name: t.icon
       }, null, 8, ["name"]),
@@ -2726,7 +2726,7 @@ const Lo = {
 const Do = ["src", "alt"], Eo = {
   name: "MaSideMenuAppButton",
   inheritAttrs: !1
-}, Ql = /* @__PURE__ */ M({
+}, Ql = /* @__PURE__ */ x({
   ...Eo,
   props: {
     appImage: null,
@@ -2745,11 +2745,11 @@ const Do = ["src", "alt"], Eo = {
       placement: "topLeft"
     }, {
       default: h(() => [
-        y("button", T({
+        _("button", T({
           class: a(e),
           role: "button"
         }, s.$attrs), [
-          y("img", {
+          _("img", {
             src: l.appImage,
             alt: l.appName
           }, null, 8, Do),
@@ -2762,7 +2762,7 @@ const Do = ["src", "alt"], Eo = {
 });
 const Fo = {
   name: "MaSideMenuAddNewAppButton"
-}, ei = /* @__PURE__ */ M({
+}, ei = /* @__PURE__ */ x({
   ...Fo,
   props: {
     href: null,
@@ -2779,7 +2779,7 @@ const Fo = {
       class: "ma-add-new-app-button"
     }), {
       default: h(() => [
-        D(w(t?.text) + " ", 1),
+        F($(t?.text) + " ", 1),
         f(e.$slots, "default")
       ]),
       _: 3
@@ -2789,7 +2789,7 @@ const Fo = {
 const Vo = { class: "ma-progress-circle" }, Go = ["viewBox"], Oo = ["d", "stroke-width"], Ro = ["d", "stroke-dasharray", "stroke-dashoffset", "stroke-width"], Uo = { key: 1 }, Ko = {
   key: 0,
   class: "label"
-}, jo = { class: "percent" }, qo = /* @__PURE__ */ M({
+}, jo = { class: "percent" }, qo = /* @__PURE__ */ x({
   __name: "circle",
   props: {
     percent: null,
@@ -2842,7 +2842,7 @@ const Vo = { class: "ma-progress-circle" }, Go = ["viewBox"], Oo = ["d", "stroke
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, [
-        y("path", {
+        _("path", {
           d: a(s).path,
           "stroke-linecap": "round",
           "stroke-linejoin": "round",
@@ -2865,14 +2865,14 @@ const Vo = { class: "ma-progress-circle" }, Go = ["viewBox"], Oo = ["d", "stroke
         name: t.icon
       }, null, 8, ["name"])) : (o(), u("label", Uo, [
         t?.label || i.$slots.customLabel ? (o(), u("span", Ko, [
-          D(w(t.label) + " ", 1),
+          F($(t.label) + " ", 1),
           f(i.$slots, "customLabel")
         ])) : v("", !0),
-        y("span", jo, w(t?.percent) + "% ", 1)
+        _("span", jo, $(t?.percent) + "% ", 1)
       ]))
     ]));
   }
-}), Ho = { class: "ma-progress-line" }, Wo = { class: "line-wrapper" }, Jo = { key: 1 }, Yo = { key: 2 }, Zo = { class: "line-wrapper" }, Xo = { key: 1 }, Qo = { key: 2 }, ea = /* @__PURE__ */ M({
+}), Ho = { class: "ma-progress-line" }, Wo = { class: "line-wrapper" }, Jo = { key: 1 }, Yo = { key: 2 }, Zo = { class: "line-wrapper" }, Xo = { key: 1 }, Qo = { key: 2 }, ea = /* @__PURE__ */ x({
   __name: "line",
   props: {
     percent: null,
@@ -2896,8 +2896,8 @@ const Vo = { class: "ma-progress-circle" }, Go = ["viewBox"], Oo = ["d", "stroke
     return (n, i) => (o(), u("div", Ho, [
       t?.showTooltip ? (o(), g(pe, Te(T({ key: 0 }, a(s))), {
         default: h(() => [
-          y("div", Wo, [
-            y("div", {
+          _("div", Wo, [
+            _("div", {
               class: "line",
               style: J(a(e))
             }, null, 4)
@@ -2905,15 +2905,15 @@ const Vo = { class: "ma-progress-circle" }, Go = ["viewBox"], Oo = ["d", "stroke
           t?.icon ? (o(), g(C, {
             key: 0,
             name: t.icon
-          }, null, 8, ["name"])) : l.showPercent ? (o(), u("label", Jo, w(t.percent) + "%", 1)) : v("", !0),
+          }, null, 8, ["name"])) : l.showPercent ? (o(), u("label", Jo, $(t.percent) + "%", 1)) : v("", !0),
           n.$slots.customLabel ? (o(), u("label", Yo, [
             f(n.$slots, "customLabel")
           ])) : v("", !0)
         ]),
         _: 3
-      }, 16)) : (o(), u(q, { key: 1 }, [
-        y("div", Zo, [
-          y("div", {
+      }, 16)) : (o(), u(H, { key: 1 }, [
+        _("div", Zo, [
+          _("div", {
             class: "line",
             style: J(a(e))
           }, null, 4)
@@ -2921,7 +2921,7 @@ const Vo = { class: "ma-progress-circle" }, Go = ["viewBox"], Oo = ["d", "stroke
         t?.icon ? (o(), g(C, {
           key: 0,
           name: t.icon
-        }, null, 8, ["name"])) : l.showPercent ? (o(), u("label", Xo, w(t.percent) + "%", 1)) : v("", !0),
+        }, null, 8, ["name"])) : l.showPercent ? (o(), u("label", Xo, $(t.percent) + "%", 1)) : v("", !0),
         n.$slots.customLabel ? (o(), u("label", Qo, [
           f(n.$slots, "customLabel")
         ])) : v("", !0)
@@ -2931,7 +2931,7 @@ const Vo = { class: "ma-progress-circle" }, Go = ["viewBox"], Oo = ["d", "stroke
 }), ta = { class: "ma-progress-circle ma-progress-half-circle" }, sa = ["viewBox"], oa = ["d", "stroke-width"], aa = ["d", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], na = { key: 1 }, la = {
   key: 0,
   class: "label"
-}, ia = { class: "percent" }, ra = /* @__PURE__ */ M({
+}, ia = { class: "percent" }, ra = /* @__PURE__ */ x({
   __name: "halfCircle",
   props: {
     percent: null,
@@ -2984,7 +2984,7 @@ const Vo = { class: "ma-progress-circle" }, Go = ["viewBox"], Oo = ["d", "stroke
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, [
-        y("path", {
+        _("path", {
           d: a(s).path,
           "stroke-width": a(s).strokeWidth,
           "stroke-linecap": "round",
@@ -3007,14 +3007,14 @@ const Vo = { class: "ma-progress-circle" }, Go = ["viewBox"], Oo = ["d", "stroke
         name: t.icon
       }, null, 8, ["name"])) : (o(), u("label", na, [
         t?.label || i.$slots.customLabel ? (o(), u("span", la, [
-          D(w(t?.label) + " ", 1),
+          F($(t?.label) + " ", 1),
           f(i.$slots, "customLabel")
         ])) : v("", !0),
-        y("span", ia, w(t?.percent) + "% ", 1)
+        _("span", ia, $(t?.percent) + "% ", 1)
       ]))
     ]));
   }
-}), ca = { class: "ma-progress-line-step" }, ua = { class: "step-line-wrapper" }, da = { key: 1 }, pa = { key: 2 }, ma = /* @__PURE__ */ M({
+}), ca = { class: "ma-progress-line-step" }, ua = { class: "step-line-wrapper" }, da = { key: 1 }, pa = { key: 2 }, ma = /* @__PURE__ */ x({
   __name: "stepLine",
   props: {
     percent: null,
@@ -3034,12 +3034,12 @@ const Vo = { class: "ma-progress-circle" }, Go = ["viewBox"], Oo = ["d", "stroke
       };
     };
     return (s, n) => (o(), u("div", ca, [
-      y("div", ua, [
-        (o(), u(q, null, R(10, (i) => y("div", {
+      _("div", ua, [
+        (o(), u(H, null, U(10, (i) => _("div", {
           class: "single-line",
           key: i
         }, [
-          y("div", {
+          _("div", {
             class: "single-line-fill",
             style: J(e(i))
           }, null, 4)
@@ -3048,7 +3048,7 @@ const Vo = { class: "ma-progress-circle" }, Go = ["viewBox"], Oo = ["d", "stroke
       t?.icon ? (o(), g(C, {
         key: 0,
         name: t.icon
-      }, null, 8, ["name"])) : t?.showPercent ? (o(), u("label", da, w(t.percent) + "%", 1)) : v("", !0),
+      }, null, 8, ["name"])) : t?.showPercent ? (o(), u("label", da, $(t.percent) + "%", 1)) : v("", !0),
       s.$slots.customLabel ? (o(), u("label", pa, [
         f(s.$slots, "customLabel")
       ])) : v("", !0)
@@ -3056,7 +3056,7 @@ const Vo = { class: "ma-progress-circle" }, Go = ["viewBox"], Oo = ["d", "stroke
   }
 }), va = {
   name: "MaProgress"
-}, ti = /* @__PURE__ */ M({
+}, ti = /* @__PURE__ */ x({
   ...va,
   props: {
     type: { default: "line" },
@@ -3102,10 +3102,10 @@ const Vo = { class: "ma-progress-circle" }, Go = ["viewBox"], Oo = ["d", "stroke
       () => t.percent > 100 ? 100 : t.percent
     );
     return (r, d) => (o(), u("div", {
-      class: L(a(e))
+      class: E(a(e))
     }, [
       (o(), g(ne(a(s)), {
-        class: L(a(n)),
+        class: E(a(n)),
         percent: a(i),
         icon: t?.icon,
         label: t?.label,
@@ -3144,7 +3144,7 @@ const si = [
   "right"
 ], fa = {
   name: "MaPopover"
-}, Ve = /* @__PURE__ */ M({
+}, Ve = /* @__PURE__ */ x({
   ...fa,
   props: {
     placement: { default: "bottomLeft" },
@@ -3197,7 +3197,7 @@ const ga = {
   class: "ak-autocomplete__label"
 }, _a = { class: "ak-autocomplete__options" }, ya = ["onMousedown", "onMouseover"], ha = { key: 1 }, ba = {
   name: "MaAutocomplete"
-}, li = /* @__PURE__ */ M({
+}, li = /* @__PURE__ */ x({
   ...ba,
   props: {
     value: null,
@@ -3213,99 +3213,99 @@ const ga = {
   },
   emits: ["update:value", "search"],
   setup(l, { emit: t }) {
-    const e = l, s = ae(), n = P(!1), i = P(null), r = P(null), d = P(-1), p = c({
+    const e = l, s = ae(), n = D(!1), i = D(null), r = D(null), d = D(-1), p = c({
       get() {
         return e?.value;
       },
-      set(b) {
-        t("update:value", b), d.value = -1;
+      set(y) {
+        t("update:value", y), d.value = -1;
       }
-    }), m = c(() => e?.avatarUrl ? oe.userInfo : oe.text), x = c(() => !!s.default), S = c(
+    }), m = c(() => e?.avatarUrl ? oe.userInfo : oe.text), B = c(() => !!s.default), I = c(
       () => e.options.filter(
-        (b) => e.filterFn(p.value || "", b)
+        (y) => e.filterFn(p.value || "", y)
       )
-    ), z = (b) => {
-      const V = b?.value || b?.label || b;
-      p.value = V, x.value && r.value && (r.value.value = V), n.value = !1;
+    ), z = (y) => {
+      const O = y?.value || y?.label || y;
+      p.value = O, B.value && r.value && (r.value.value = O), n.value = !1;
     }, N = async () => {
-      const b = `${r.value?.value}`;
-      t("search", b), x.value && t("update:value", b), n.value || (n.value = !0);
-    }, k = (b) => {
+      const y = `${r.value?.value}`;
+      t("search", y), B.value && t("update:value", y), n.value || (n.value = !0);
+    }, w = (y) => {
       n.value = !0;
-    }, _ = (b) => {
-      n.value && i.value && b.target instanceof Node && !i.value.contains(b.target) && (n.value = !1);
-    }, I = (b) => {
-      b.key === "ArrowUp" && d.value > -1 ? d.value-- : b.key === "ArrowDown" && d.value < S.value.length ? d.value++ : b.key === "Enter" && S.value[d.value] && z(S.value[d.value]);
-    }, U = (b) => {
-      d.value = b;
-    }, G = (b, V) => ({
-      "active-option": b?.value === p.value,
-      "current-option": d.value === V
-    }), H = c(() => [
+    }, b = (y) => {
+      n.value && i.value && y.target instanceof Node && !i.value.contains(y.target) && (n.value = !1);
+    }, M = (y) => {
+      y.key === "ArrowUp" && d.value > -1 ? d.value-- : y.key === "ArrowDown" && d.value < I.value.length ? d.value++ : y.key === "Enter" && I.value[d.value] && z(I.value[d.value]);
+    }, P = (y) => {
+      d.value = y;
+    }, L = (y, O) => ({
+      "active-option": y?.value === p.value,
+      "current-option": d.value === O
+    }), q = c(() => [
       `ak-autocomplete ak-autocomplete--${e.size}`
     ]);
     return re(
       () => e.open,
-      async (b) => {
+      async (y) => {
         setTimeout(() => {
-          n.value = b;
+          n.value = y;
         }, 0);
       }
     ), de(() => {
-      i.value && (i.value.addEventListener("input", N), i.value.addEventListener("keydown", I), document.addEventListener("click", _), r.value = i.value.querySelector('input[type="text"]'), r.value && r.value.addEventListener("focus", k));
+      i.value && (i.value.addEventListener("input", N), i.value.addEventListener("keydown", M), document.addEventListener("click", b), r.value = i.value.querySelector('input[type="text"]'), r.value && r.value.addEventListener("focus", w));
     }), Ae(() => {
-      i.value && (i.value.removeEventListener("input", N), document.removeEventListener("click", _), i.value.removeEventListener("keydown", I), r.value && r.value.removeEventListener("focus", k));
-    }), (b, V) => (o(), u("div", T({
+      i.value && (i.value.removeEventListener("input", N), document.removeEventListener("click", b), i.value.removeEventListener("keydown", M), r.value && r.value.removeEventListener("focus", w));
+    }), (y, O) => (o(), u("div", T({
       class: "ak-autocomplete-wrapper",
       ref_key: "autoComplete",
       ref: i
-    }, b.$attrs), [
-      $(Ve, {
+    }, y.$attrs), [
+      k(Ve, {
         "overlay-class-name": "ak-autocomplete__dropdown",
         trigger: [],
         visible: n.value,
-        "onUpdate:visible": V[1] || (V[1] = (O) => n.value = O)
+        "onUpdate:visible": O[1] || (O[1] = (R) => n.value = R)
       }, {
         overlay: h(() => [
-          y("div", _a, [
-            y("ul", null, [
-              (o(!0), u(q, null, R(a(S), (O, Z) => (o(), u("li", {
-                class: L(G(O, Z)),
-                onMousedown: Pe((ue) => z(O), ["prevent"]),
-                onMouseover: (ue) => U(Z),
+          _("div", _a, [
+            _("ul", null, [
+              (o(!0), u(H, null, U(a(I), (R, Z) => (o(), u("li", {
+                class: E(L(R, Z)),
+                onMousedown: Pe((ue) => z(R), ["prevent"]),
+                onMouseover: (ue) => P(Z),
                 key: Z
               }, [
-                b.$slots.option ? f(b.$slots, "option", {
+                y.$slots.option ? f(y.$slots, "option", {
                   key: 0,
-                  label: O?.label,
-                  value: O.value
-                }) : (o(), u("span", ha, w(O?.label || O?.value), 1)),
-                O?.value === a(p) ? (o(), g(C, {
+                  label: R?.label,
+                  value: R.value
+                }) : (o(), u("span", ha, $(R?.label || R?.value), 1)),
+                R?.value === a(p) ? (o(), g(C, {
                   key: 2,
                   name: "tick",
                   size: "sm"
                 })) : v("", !0)
               ], 42, ya))), 128))
             ]),
-            f(b.$slots, "overlay")
+            f(y.$slots, "overlay")
           ])
         ]),
         default: h(() => [
-          y("div", {
-            class: L(a(H))
+          _("div", {
+            class: E(a(q))
           }, [
-            e.label ? (o(), u("label", ga, w(e.label), 1)) : v("", !0),
-            b.$slots.default ? f(b.$slots, "default", { key: 1 }) : (o(), g(he, {
+            e.label ? (o(), u("label", ga, $(e.label), 1)) : v("", !0),
+            y.$slots.default ? f(y.$slots, "default", { key: 1 }) : (o(), g(he, {
               key: 2,
               autofocus: e.autofocus,
-              class: L({ "active-input": a(p)?.length }),
+              class: E({ "active-input": a(p)?.length }),
               size: e.size,
               placeholder: e?.placeholder,
               prefixIcon: e?.prefixIcon,
               avatarUrl: e?.avatarUrl,
               type: a(m),
               value: a(p),
-              "onUpdate:value": V[0] || (V[0] = (O) => ee(p) ? p.value = O : null)
+              "onUpdate:value": O[0] || (O[0] = (R) => ee(p) ? p.value = R : null)
             }, null, 8, ["autofocus", "class", "size", "placeholder", "prefixIcon", "avatarUrl", "type", "value"]))
           ], 2)
         ]),
@@ -3316,7 +3316,7 @@ const ga = {
 });
 const ka = {
   name: "MaTabs"
-}, $a = /* @__PURE__ */ M({
+}, $a = /* @__PURE__ */ x({
   ...ka,
   props: {
     activeKey: null,
@@ -3346,14 +3346,14 @@ const ka = {
       "onUpdate:activeKey": i[0] || (i[0] = (r) => ee(s) ? s.value = r : null)
     }, n.$attrs), Y({
       moreIcon: h(() => [
-        $(C, {
+        k(C, {
           name: "ellipsis-horizontal",
           size: "xs"
         })
       ]),
       _: 2
     }, [
-      R(n.$slots, (r, d) => ({
+      U(n.$slots, (r, d) => ({
         name: d,
         fn: h(() => [
           f(n.$slots, d)
@@ -3373,11 +3373,11 @@ const ii = [
 ], ci = [
   "left",
   "right"
-], wa = /* @__PURE__ */ M({
+], wa = /* @__PURE__ */ x({
   __name: "tabPane",
   setup(l) {
     return (t, e) => (o(), g(a(vt), T({ tab: "test" }, t.$attrs), Y({ _: 2 }, [
-      R(t.$slots, (s, n) => ({
+      U(t.$slots, (s, n) => ({
         name: n,
         fn: h(() => [
           f(t.$slots, n)
@@ -3387,7 +3387,7 @@ const ii = [
   }
 }), Ca = { class: "country-option" }, Ma = { class: "country-option__name" }, xa = { class: "country-option__code" }, Ba = {
   name: "MaCountrySelect"
-}, ui = /* @__PURE__ */ M({
+}, ui = /* @__PURE__ */ x({
   ...Ba,
   props: {
     value: null,
@@ -3429,20 +3429,20 @@ const ii = [
       "onUpdate:value": d[0] || (d[0] = (p) => ee(s) ? s.value = p : null)
     }), {
       default: h(() => [
-        (o(!0), u(q, null, R(e.countries, (p) => (o(), g(ms, {
+        (o(!0), u(H, null, U(e.countries, (p) => (o(), g(ms, {
           key: p.code,
           name: p.name,
           value: p.code
         }, {
           default: h(() => [
-            y("div", Ca, [
-              $(C, {
+            _("div", Ca, [
+              k(C, {
                 name: n(p.code),
                 size: "sm",
                 round: ""
               }, null, 8, ["name"]),
-              y("span", Ma, w(p.name), 1),
-              y("span", xa, w(p.code), 1)
+              _("span", Ma, $(p.name), 1),
+              _("span", xa, $(p.code), 1)
             ])
           ]),
           _: 2
@@ -3487,7 +3487,7 @@ const Sa = {
   class: "footer-actions"
 }, Oa = {
   name: "MaCard"
-}, di = /* @__PURE__ */ M({
+}, di = /* @__PURE__ */ x({
   ...Oa,
   props: {
     title: null,
@@ -3530,23 +3530,23 @@ const Sa = {
       () => Boolean(
         e?.contentIcon || s?.contentTitle || s?.contentDescription || s?.default
       )
-    ), x = c(
+    ), B = c(
       () => Boolean(
         s?.footerTitle || s?.footerDescription || s?.footerActions || s?.footer
       )
-    ), S = c({
+    ), I = c({
       get() {
         return e.collapse;
       },
-      set(_) {
-        t("update:collapse", _);
+      set(b) {
+        t("update:collapse", b);
       }
     }), z = c(() => e.collapse ? "chevron-up" : "chevron-down"), N = () => {
       t("close");
-    }, k = () => {
-      S.value = !S.value;
+    }, w = () => {
+      I.value = !I.value;
     };
-    return (_, I) => (o(), u("div", T({ class: a(n) }, _.$attrs), [
+    return (b, M) => (o(), u("div", T({ class: a(n) }, b.$attrs), [
       a(p) ? (o(), u("div", Sa, [
         e?.headerAvatar ? (o(), u("img", {
           key: 0,
@@ -3558,19 +3558,19 @@ const Sa = {
           name: e.headerIcon,
           class: "card-icon"
         }, null, 8, ["name"])) : v("", !0),
-        y("div", za, [
-          e?.title || _.$slots?.title ? (o(), u("h1", Ta, [
-            D(w(e.title), 1),
-            f(_.$slots, "title")
+        _("div", za, [
+          e?.title || b.$slots?.title ? (o(), u("h1", Ta, [
+            F($(e.title), 1),
+            f(b.$slots, "title")
           ])) : v("", !0),
-          e?.description || _.$slots.description ? (o(), u("p", Aa, [
-            D(w(e.description), 1),
-            f(_.$slots, "description")
+          e?.description || b.$slots.description ? (o(), u("p", Aa, [
+            F($(e.description), 1),
+            f(b.$slots, "description")
           ])) : v("", !0),
-          f(_.$slots, "headerContent")
+          f(b.$slots, "headerContent")
         ]),
-        _.$slots?.headerActions || e?.closable || e?.collapsable ? (o(), u("div", Na, [
-          f(_.$slots, "headerActions"),
+        b.$slots?.headerActions || e?.closable || e?.collapsable ? (o(), u("div", Na, [
+          f(b.$slots, "headerActions"),
           e?.collapsable ? (o(), g(te, {
             key: 0,
             class: "collapse-button",
@@ -3578,7 +3578,7 @@ const Sa = {
             shape: "round",
             type: "primary",
             variant: "plain",
-            onClick: k,
+            onClick: w,
             icon: a(z)
           }, null, 8, ["icon"])) : e?.closable ? (o(), g(te, {
             key: 1,
@@ -3594,38 +3594,38 @@ const Sa = {
       ])) : v("", !0),
       a(m) ? (o(), u("div", {
         key: 1,
-        class: L(a(r))
+        class: E(a(r))
       }, [
         e?.contentIcon ? (o(), g(C, {
           key: 0,
           name: e.contentIcon,
           class: "card-icon"
         }, null, 8, ["name"])) : v("", !0),
-        _.$slots.contentTitle ? (o(), u("h1", Pa, [
-          f(_.$slots, "contentTitle")
+        b.$slots.contentTitle ? (o(), u("h1", Pa, [
+          f(b.$slots, "contentTitle")
         ])) : v("", !0),
-        _.$slots.contentDescription ? (o(), u("p", La, [
-          f(_.$slots, "contentDescription")
+        b.$slots.contentDescription ? (o(), u("p", La, [
+          f(b.$slots, "contentDescription")
         ])) : v("", !0),
-        _.$slots.default ? (o(), u("div", Da, [
-          f(_.$slots, "default")
+        b.$slots.default ? (o(), u("div", Da, [
+          f(b.$slots, "default")
         ])) : v("", !0)
       ], 2)) : v("", !0),
-      a(x) ? (o(), u("div", {
+      a(B) ? (o(), u("div", {
         key: 2,
-        class: L(a(d))
+        class: E(a(d))
       }, [
-        _.$slots.footerTitle || _.$slots.footerDescription || _.$slots.footer ? (o(), u("div", Ea, [
-          _.$slots.footerTitle ? (o(), u("h1", Fa, [
-            f(_.$slots, "footerTitle")
+        b.$slots.footerTitle || b.$slots.footerDescription || b.$slots.footer ? (o(), u("div", Ea, [
+          b.$slots.footerTitle ? (o(), u("h1", Fa, [
+            f(b.$slots, "footerTitle")
           ])) : v("", !0),
-          _.$slots.footerDescription ? (o(), u("p", Va, [
-            f(_.$slots, "footerDescription")
+          b.$slots.footerDescription ? (o(), u("p", Va, [
+            f(b.$slots, "footerDescription")
           ])) : v("", !0),
-          f(_.$slots, "footer")
+          f(b.$slots, "footer")
         ])) : v("", !0),
-        _.$slots.footerActions ? (o(), u("div", Ga, [
-          f(_.$slots, "footerActions")
+        b.$slots.footerActions ? (o(), u("div", Ga, [
+          f(b.$slots, "footerActions")
         ])) : v("", !0)
       ], 2)) : v("", !0)
     ], 16));
@@ -3645,7 +3645,7 @@ const pi = [
   "purple"
 ], Ra = { key: 0 }, Ua = { key: 0 }, Ka = {
   name: "MaInputNumber"
-}, fi = /* @__PURE__ */ M({
+}, fi = /* @__PURE__ */ x({
   ...Ka,
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -3699,10 +3699,10 @@ const pi = [
       t("pressEnter", p);
     };
     return (p, m) => (o(), u("div", null, [
-      $(a(ft), {
-        class: L(a(i)),
+      k(a(ft), {
+        class: E(a(i)),
         value: a(n),
-        "onUpdate:value": m[0] || (m[0] = (x) => ee(n) ? n.value = x : null),
+        "onUpdate:value": m[0] || (m[0] = (B) => ee(n) ? n.value = B : null),
         disabled: l.disabled,
         step: e?.stepCount,
         autofocus: e?.autofocus,
@@ -3724,14 +3724,14 @@ const pi = [
         e.addonBefore || p.$slots?.addonBefore ? {
           name: "addonBefore",
           fn: h(() => [
-            e.addonBefore ? (o(), u("span", Ra, w(e.addonBefore), 1)) : f(p.$slots, "addonBefore", { key: 1 })
+            e.addonBefore ? (o(), u("span", Ra, $(e.addonBefore), 1)) : f(p.$slots, "addonBefore", { key: 1 })
           ]),
           key: "0"
         } : void 0,
         e.addonAfter || p.$slots?.addonAfter ? {
           name: "addonAfter",
           fn: h(() => [
-            e.addonAfter ? (o(), u("span", Ua, w(e.addonAfter), 1)) : f(p.$slots, "addonAfter", { key: 1 })
+            e.addonAfter ? (o(), u("span", Ua, $(e.addonAfter), 1)) : f(p.$slots, "addonAfter", { key: 1 })
           ]),
           key: "1"
         } : void 0
@@ -3753,7 +3753,7 @@ const ja = ["visible"], qa = { class: "ak-drawer-content-wrapper" }, Ha = { clas
   class: "ak-drawer-footer"
 }, en = {
   name: "MaDrawer"
-}, gi = /* @__PURE__ */ M({
+}, gi = /* @__PURE__ */ x({
   ...en,
   props: {
     placement: { default: "left" },
@@ -3794,31 +3794,31 @@ const ja = ["visible"], qa = { class: "ak-drawer-content-wrapper" }, Ha = { clas
       class: a(n),
       visible: a(s)
     }), [
-      y("div", qa, [
-        y("div", Ha, [
-          y("div", Wa, [
+      _("div", qa, [
+        _("div", Ha, [
+          _("div", Wa, [
             d.$slots?.header ? (o(), u("div", Ja, [
               f(d.$slots, "header", {}, () => [
                 e.title ? (o(), u("div", Ya, [
-                  y("h1", null, w(e?.title), 1)
+                  _("h1", null, $(e?.title), 1)
                 ])) : v("", !0),
                 e.description ? (o(), u("div", Za, [
-                  y("p", null, w(e?.description), 1)
+                  _("p", null, $(e?.description), 1)
                 ])) : v("", !0)
               ])
             ])) : v("", !0)
           ]),
-          y("button", {
+          _("button", {
             class: "ak-drawer-close-button",
             onClick: i
           }, [
-            $(C, {
+            k(C, {
               name: "close",
               size: "md"
             })
           ])
         ]),
-        y("div", Xa, [
+        _("div", Xa, [
           f(d.$slots, "content")
         ]),
         d.$slots?.footer ? (o(), u("div", Qa, [
@@ -3856,7 +3856,7 @@ const ge = [
   editable: !1,
   public: !1,
   new: !0
-}), Se = /* @__PURE__ */ M({
+}), Se = /* @__PURE__ */ x({
   __name: "button",
   props: {
     type: { default: "primary" },
@@ -3870,7 +3870,7 @@ const ge = [
     variant: null
   },
   setup(l) {
-    const t = l, e = P(!1), s = c(() => [
+    const t = l, e = D(!1), s = c(() => [
       "ma-icon-button",
       `ma-icon-button--${t.type}`,
       `ma-icon-button--${t.size}`,
@@ -3890,34 +3890,34 @@ const ge = [
       }
       return "sm";
     }), p = () => e.value = !0, m = () => e.value = !1;
-    return (x, S) => (o(), g(ne(a(n)), T({
+    return (B, I) => (o(), g(ne(a(n)), T({
       onMousedown: p,
       onMouseup: m,
       class: a(s),
       href: t?.href,
       target: t?.target
-    }, x.$attrs), {
+    }, B.$attrs), {
       default: h(() => [
-        X($(C, {
+        X(k(C, {
           size: a(d),
           name: a(i)
         }, null, 8, ["size", "name"]), [
           [Q, a(r)]
         ]),
-        X($(C, {
+        X(k(C, {
           size: a(d),
           name: t.icon
         }, null, 8, ["size", "name"]), [
           [Q, !a(r)]
         ]),
-        f(x.$slots, "default")
+        f(B.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "href", "target"]));
   }
 }), on = {
   name: "MaIconButton"
-}, ie = /* @__PURE__ */ M({
+}, ie = /* @__PURE__ */ x({
   ...on,
   props: {
     type: { default: "primary" },
@@ -3947,7 +3947,7 @@ const ge = [
         f(r.$slots, "tooltip")
       ]),
       default: h(() => [
-        $(Se, {
+        k(Se, {
           active: t.active,
           size: t.size,
           type: t.type,
@@ -3984,7 +3984,7 @@ const ge = [
     }, 8, ["active", "size", "type", "activeIcon", "icon", "href", "target", "rounded", "variant"]));
   }
 });
-const an = { class: "keyword-group-item__actions" }, Ie = /* @__PURE__ */ M({
+const an = { class: "keyword-group-item__actions" }, Ie = /* @__PURE__ */ x({
   __name: "kwGroupItem",
   props: {
     keywordGroup: null,
@@ -4006,51 +4006,51 @@ const an = { class: "keyword-group-item__actions" }, Ie = /* @__PURE__ */ M({
     }, p = () => {
       t("edit");
     };
-    return (m, x) => (o(), u("div", {
-      class: L(a(s))
+    return (m, B) => (o(), u("div", {
+      class: E(a(s))
     }, [
-      $(C, {
+      k(C, {
         class: "ma-kw-selection-sort-handler",
         name: "drag",
         size: "md"
       }),
-      $(C, {
+      k(C, {
         name: "dot",
         size: "xs",
         style: J({ color: l.keywordGroup.color })
       }, null, 8, ["style"]),
-      y("span", null, w(l.keywordGroup.name), 1),
-      $(ye, {
+      _("span", null, $(l.keywordGroup.name), 1),
+      k(ye, {
         type: a(n),
         size: "small"
       }, {
         default: h(() => [
-          D(w(l.keywordGroup.keywordCount), 1)
+          F($(l.keywordGroup.keywordCount), 1)
         ]),
         _: 1
       }, 8, ["type"]),
-      y("div", an, [
-        $(ie, {
+      _("div", an, [
+        k(ie, {
           type: "secondary",
           size: "xs",
           icon: l.keywordGroup.editable ? "clipboard-tick" : "clipboard-close",
           tooltipText: l.keywordGroup.editable ? "Make it non-editable" : "Make it editable",
           onClick: i
         }, null, 8, ["icon", "tooltipText"]),
-        $(ie, {
+        k(ie, {
           type: "secondary",
           size: "xs",
           icon: l.keywordGroup.public ? "lock-slash" : "outline-lock",
           tooltipText: l.keywordGroup.public ? "Make it private" : "Make it public",
           onClick: r
         }, null, 8, ["icon", "tooltipText"]),
-        $(ie, {
+        k(ie, {
           type: "secondary",
           size: "xs",
           icon: "edit-2",
           onClick: p
         }),
-        $(ie, {
+        k(ie, {
           type: "secondary",
           size: "xs",
           icon: "trash",
@@ -4059,7 +4059,7 @@ const an = { class: "keyword-group-item__actions" }, Ie = /* @__PURE__ */ M({
       ])
     ], 2));
   }
-}), nn = { class: "kw-group-form__colors" }, ln = /* @__PURE__ */ M({
+}), nn = { class: "kw-group-form__colors" }, ln = /* @__PURE__ */ x({
   __name: "kwGroupForm",
   props: {
     keywordGroup: null
@@ -4072,41 +4072,41 @@ const an = { class: "keyword-group-item__actions" }, Ie = /* @__PURE__ */ M({
     }), n = {
       name: [{ required: !0, message: "Group name is required" }],
       color: [{ required: !0, message: "Color is required" }]
-    }, i = c(() => e.keywordGroup?.new), r = c(() => i.value ? "Create Group" : "Edit Group"), d = (x) => ({
-      color: x,
-      border: "1px solid " + (x === s.color ? x : "#F2F4F7")
-    }), p = (x) => {
-      s.color = x;
+    }, i = c(() => e.keywordGroup?.new), r = c(() => i.value ? "Create Group" : "Edit Group"), d = (B) => ({
+      color: B,
+      border: "1px solid " + (B === s.color ? B : "#F2F4F7")
+    }), p = (B) => {
+      s.color = B;
     }, m = () => {
       t("saveKwGroup", {
         ...e.keywordGroup,
         ...s
       });
     };
-    return (x, S) => (o(), g(Rt, {
+    return (B, I) => (o(), g(Rt, {
       class: "kw-group-form",
       model: s,
       rules: n,
       onFinish: m
     }, {
       default: h(() => [
-        y("h3", null, w(a(r)), 1),
-        $(we, { name: "name" }, {
+        _("h3", null, $(a(r)), 1),
+        k(we, { name: "name" }, {
           default: h(() => [
-            $(he, {
+            k(he, {
               size: "medium",
               placeholder: "Keyword group name",
               value: s.name,
-              "onUpdate:value": S[0] || (S[0] = (z) => s.name = z)
+              "onUpdate:value": I[0] || (I[0] = (z) => s.name = z)
             }, null, 8, ["value"])
           ]),
           _: 1
         }),
-        $(we, { name: "color" }, {
+        k(we, { name: "color" }, {
           default: h(() => [
-            y("ul", nn, [
-              (o(!0), u(q, null, R(a(ge), (z) => (o(), u("li", { key: z }, [
-                $(te, {
+            _("ul", nn, [
+              (o(!0), u(H, null, U(a(ge), (z) => (o(), u("li", { key: z }, [
+                k(te, {
                   size: "small",
                   type: "secondary",
                   icon: "dot",
@@ -4118,9 +4118,9 @@ const an = { class: "keyword-group-item__actions" }, Ie = /* @__PURE__ */ M({
           ]),
           _: 1
         }),
-        $(te, { "html-type": "submit" }, {
+        k(te, { "html-type": "submit" }, {
           default: h(() => [
-            D(" Confirm ")
+            F(" Confirm ")
           ]),
           _: 1
         })
@@ -4136,7 +4136,7 @@ const an = { class: "keyword-group-item__actions" }, Ie = /* @__PURE__ */ M({
   class: "placeholder"
 }, un = {
   name: "MaKeywordGroupSelection"
-}, _i = /* @__PURE__ */ M({
+}, _i = /* @__PURE__ */ x({
   ...un,
   props: {
     value: { default: null },
@@ -4159,12 +4159,12 @@ const an = { class: "keyword-group-item__actions" }, Ie = /* @__PURE__ */ M({
     "copy"
   ],
   setup(l, { emit: t }) {
-    const e = l, s = P(!1), n = P(!1), i = P("0"), r = _e({
+    const e = l, s = D(!1), n = D(!1), i = D("0"), r = _e({
       parentId: null,
       keywordGroup: null
-    }), d = c(() => parseInt(i.value)), p = c(() => e.options.reduce((A, F) => [
+    }), d = c(() => parseInt(i.value)), p = c(() => e.options.reduce((A, G) => [
       ...A,
-      ...F.keywordGroups
+      ...G.keywordGroups
     ], []).find((A) => A.id === m.value)), m = c({
       get() {
         return e.value;
@@ -4172,79 +4172,79 @@ const an = { class: "keyword-group-item__actions" }, Ie = /* @__PURE__ */ M({
       set(A) {
         t("update:value", A), t("change", A);
       }
-    }), x = c(() => [
+    }), B = c(() => [
       "kw-dropdown-button",
       {
         "kw-dropdown-button--active": s.value
       }
-    ]), S = c(() => n.value ? "kw-edit-overlay" : "kw-selection-overlay"), z = (A) => {
+    ]), I = c(() => n.value ? "kw-edit-overlay" : "kw-selection-overlay"), z = (A) => {
       m.value = A;
     }, N = (A) => {
       t("update:options", A), t("changeOptions", A);
-    }, k = (A, F, j, W) => {
-      const B = JSON.parse(JSON.stringify(e.options));
-      B[F].keywordGroups[j].editable = A, N(B), t("changeEditable", { id: W, editable: A });
-    }, _ = (A, F, j, W) => {
-      const B = JSON.parse(JSON.stringify(e.options));
-      B[F].keywordGroups[j].public = A, N(B), t("changeVisibility", { id: W, public: A });
-    }, I = (A, F, j) => {
+    }, w = (A, G, j, W) => {
+      const S = JSON.parse(JSON.stringify(e.options));
+      S[G].keywordGroups[j].editable = A, N(S), t("changeEditable", { id: W, editable: A });
+    }, b = (A, G, j, W) => {
+      const S = JSON.parse(JSON.stringify(e.options));
+      S[G].keywordGroups[j].public = A, N(S), t("changeVisibility", { id: W, public: A });
+    }, M = (A, G, j) => {
       const W = JSON.parse(JSON.stringify(e.options));
-      W[A].keywordGroups.splice(F, 1), N(W), t("deleteKeywordGroup", j);
-    }, U = (A, F) => {
-      n.value = !0, r.keywordGroup = A, r.parentId = F;
-    }, G = (A) => {
-      A || b();
-    }, H = (A) => {
-      const F = JSON.parse(JSON.stringify(e.options));
+      W[A].keywordGroups.splice(G, 1), N(W), t("deleteKeywordGroup", j);
+    }, P = (A, G) => {
+      n.value = !0, r.keywordGroup = A, r.parentId = G;
+    }, L = (A) => {
+      A || y();
+    }, q = (A) => {
+      const G = JSON.parse(JSON.stringify(e.options));
       if (A?.new)
-        A.new = !1, F[d.value].keywordGroups.push(A), t("addKeywordGroup", A, d.value, r.parentId);
+        A.new = !1, G[d.value].keywordGroups.push(A), t("addKeywordGroup", A, d.value, r.parentId);
       else {
-        const j = F[d.value].keywordGroups.findIndex((W) => W.id === A.id);
-        j > -1 && (F[d.value].keywordGroups[j] = A), t("updateKeywordGroup", A, d.value, r.parentId);
+        const j = G[d.value].keywordGroups.findIndex((W) => W.id === A.id);
+        j > -1 && (G[d.value].keywordGroups[j] = A), t("updateKeywordGroup", A, d.value, r.parentId);
       }
-      N(F), b();
-    }, b = () => {
+      N(G), y();
+    }, y = () => {
       n.value = !1, r.keywordGroup = null, r.parentId = null;
-    }, V = ({ oldIndex: A, newIndex: F }) => {
-      const j = e.options[d.value].keywordGroups[F];
+    }, O = ({ oldIndex: A, newIndex: G }) => {
+      const j = e.options[d.value].keywordGroups[G];
       N(e.options), t("sort", {
         keywordGroup: j,
         oldIndex: A,
-        newIndex: F,
+        newIndex: G,
         parentId: e.options[d.value].id
       });
-    }, O = (A) => {
+    }, R = (A) => {
       A.stopPropagation(), t("download");
     }, Z = (A) => {
       A.stopPropagation(), t("copy");
     }, ue = (A) => {
       A.stopPropagation(), s.value = !0, n.value = !0, r.keywordGroup = sn(), r.parentId = e.options[d.value].id;
     };
-    return (A, F) => (o(), u("div", T({ class: "ak-keyword-group-selection" }, A.$attrs), [
-      e?.label ? (o(), u("label", rn, w(e.label), 1)) : v("", !0),
-      $(Ve, {
-        onVisibleChange: G,
-        overlayClassName: a(S),
+    return (A, G) => (o(), u("div", T({ class: "ak-keyword-group-selection" }, A.$attrs), [
+      e?.label ? (o(), u("label", rn, $(e.label), 1)) : v("", !0),
+      k(Ve, {
+        onVisibleChange: L,
+        overlayClassName: a(I),
         trigger: ["click"],
         visible: s.value,
-        "onUpdate:visible": F[1] || (F[1] = (j) => s.value = j)
+        "onUpdate:visible": G[1] || (G[1] = (j) => s.value = j)
       }, Y({
         default: h(() => [
-          y("button", {
-            class: L(a(x))
+          _("button", {
+            class: E(a(B))
           }, [
             a(p) ? (o(), g(Ie, {
               key: 0,
               keywordGroup: a(p)
-            }, null, 8, ["keywordGroup"])) : (o(), u("span", cn, w(e?.placeholder), 1)),
-            X($(C, {
+            }, null, 8, ["keywordGroup"])) : (o(), u("span", cn, $(e?.placeholder), 1)),
+            X(k(C, {
               size: "sm",
               class: "chevron-icon",
               name: "chevron-down"
             }, null, 512), [
               [Q, !s.value]
             ]),
-            X($(C, {
+            X(k(C, {
               size: "sm",
               class: "chevron-icon",
               name: "chevron-up"
@@ -4258,8 +4258,8 @@ const an = { class: "keyword-group-item__actions" }, Ie = /* @__PURE__ */ M({
         n.value ? {
           name: "overlay",
           fn: h(() => [
-            $(ln, {
-              onSaveKwGroup: H,
+            k(ln, {
+              onSaveKwGroup: q,
               "keyword-group": r.keywordGroup
             }, null, 8, ["keyword-group"])
           ]),
@@ -4267,35 +4267,35 @@ const an = { class: "keyword-group-item__actions" }, Ie = /* @__PURE__ */ M({
         } : {
           name: "overlay",
           fn: h(() => [
-            y("div", { class: "kw-selection-overlay-wrapper" }, [
-              $($a, {
+            _("div", { class: "kw-selection-overlay-wrapper" }, [
+              k($a, {
                 animated: !0,
                 type: "card",
                 activeKey: i.value,
-                "onUpdate:activeKey": F[0] || (F[0] = (j) => i.value = j)
+                "onUpdate:activeKey": G[0] || (G[0] = (j) => i.value = j)
               }, {
                 default: h(() => [
-                  (o(!0), u(q, null, R(e.options, (j, W) => (o(), g(wa, {
+                  (o(!0), u(H, null, U(e.options, (j, W) => (o(), g(wa, {
                     key: W.toString(),
                     tab: j.title
                   }, {
                     default: h(() => [
-                      $(a(gt), {
+                      k(a(gt), {
                         "ghost-class": "keyword-group-item__ghost",
                         list: j.keywordGroups,
                         "item-key": "id",
                         handle: ".ma-kw-selection-sort-handler",
-                        onSort: V
+                        onSort: O
                       }, {
-                        item: h(({ element: B, index: E }) => [
-                          $(Ie, {
-                            selected: a(m) === B.id,
-                            keywordGroup: B,
-                            onClick: (K) => z(B.id),
-                            onUpdateEditable: (K) => k(K, W, E, B.id),
-                            onUpdatePublic: (K) => _(K, W, E, B.id),
-                            onDeleteKwGroup: (K) => I(W, E, B.id),
-                            onEdit: (K) => U(B, j.id)
+                        item: h(({ element: S, index: V }) => [
+                          k(Ie, {
+                            selected: a(m) === S.id,
+                            keywordGroup: S,
+                            onClick: (K) => z(S.id),
+                            onUpdateEditable: (K) => w(K, W, V, S.id),
+                            onUpdatePublic: (K) => b(K, W, V, S.id),
+                            onDeleteKwGroup: (K) => M(W, V, S.id),
+                            onEdit: (K) => P(S, j.id)
                           }, null, 8, ["selected", "keywordGroup", "onClick", "onUpdateEditable", "onUpdatePublic", "onDeleteKwGroup", "onEdit"])
                         ]),
                         _: 2
@@ -4311,21 +4311,21 @@ const an = { class: "keyword-group-item__actions" }, Ie = /* @__PURE__ */ M({
           key: "1"
         }
       ]), 1032, ["overlayClassName", "visible"]),
-      $(ie, {
+      k(ie, {
         type: "secondary",
         variant: "border",
         icon: "add",
         onMousedown: ue
       }),
-      $(ie, {
+      k(ie, {
         type: "secondary",
         variant: "border",
         icon: "copy",
         tooltipText: "Successfully Copied",
         tooltipProps: { trigger: ["click"] },
-        onMousedown: O
+        onMousedown: R
       }),
-      $(ie, {
+      k(ie, {
         type: "secondary",
         variant: "border",
         icon: "direct-inbox",
@@ -4336,7 +4336,7 @@ const an = { class: "keyword-group-item__actions" }, Ie = /* @__PURE__ */ M({
 });
 const dn = { class: "tooltip" }, pn = { class: "tooltip" }, mn = {
   name: "MaSlider"
-}, yi = /* @__PURE__ */ M({
+}, yi = /* @__PURE__ */ x({
   ...mn,
   props: {
     dualThumbMode: { type: Boolean, default: !1 },
@@ -4347,48 +4347,48 @@ const dn = { class: "tooltip" }, pn = { class: "tooltip" }, mn = {
   },
   emits: ["update:leftThumbValue", "update:rightThumbValue"],
   setup(l, { emit: t }) {
-    const e = l, s = P(null), n = P(!1), i = c({
+    const e = l, s = D(null), n = D(!1), i = c({
       get() {
         return e.leftThumbValue;
       },
-      set(k) {
-        t("update:leftThumbValue", k);
+      set(w) {
+        t("update:leftThumbValue", w);
       }
     }), r = c({
       get() {
         return e.rightThumbValue;
       },
-      set(k) {
-        t("update:rightThumbValue", k);
+      set(w) {
+        t("update:rightThumbValue", w);
       }
     });
     qe(() => {
       e.leftThumbValue !== void 0 && (i.value = Math.max(0, Math.min(100, e.leftThumbValue))), e.dualThumbMode && e.rightThumbValue !== void 0 && (r.value = Math.max(0, Math.min(100, e.rightThumbValue)));
     });
-    const d = c(() => e.vertical ? "bottom" : "left"), p = c(() => e.dualThumbMode ? "bg-gray-200" : "bg-primary-dark-blue"), m = c(() => e.dualThumbMode ? "bg-primary-dark-blue" : "bg-gray-200"), x = c(() => {
-      const k = Math.min(i.value, r.value), _ = Math.max(i.value, r.value);
+    const d = c(() => e.vertical ? "bottom" : "left"), p = c(() => e.dualThumbMode ? "bg-gray-200" : "bg-primary-dark-blue"), m = c(() => e.dualThumbMode ? "bg-primary-dark-blue" : "bg-gray-200"), B = c(() => {
+      const w = Math.min(i.value, r.value), b = Math.max(i.value, r.value);
       return e.vertical ? {
-        bottom: `${k}%`,
-        top: `${100 - _}%`
+        bottom: `${w}%`,
+        top: `${100 - b}%`
       } : {
-        left: `${k}%`,
-        width: `${_ - k + 5}%`
+        left: `${w}%`,
+        width: `${b - w + 5}%`
       };
-    }), S = (k) => {
-      const _ = k === "left" ? i : r, I = k === "left" ? r : i, U = (H) => {
+    }), I = (w) => {
+      const b = w === "left" ? i : r, M = w === "left" ? r : i, P = (q) => {
         if (!s.value)
           return;
-        let b = e.vertical ? (s.value.getBoundingClientRect().bottom - H.clientY) / s.value.offsetHeight * 100 : (H.clientX - s.value.getBoundingClientRect().left) / s.value.offsetWidth * 100;
-        b < 0 && (b = 0), b > 100 && (b = 100), e.dualThumbMode && (k === "left" && b >= I.value && (b = I.value), k === "right" && b <= I.value && (b = I.value)), _.value = b, t(`update:${k}ThumbValue`, b);
-      }, G = () => {
-        n.value = !1, window.removeEventListener("mousemove", U), window.removeEventListener("mouseup", G);
+        let y = e.vertical ? (s.value.getBoundingClientRect().bottom - q.clientY) / s.value.offsetHeight * 100 : (q.clientX - s.value.getBoundingClientRect().left) / s.value.offsetWidth * 100;
+        y < 0 && (y = 0), y > 100 && (y = 100), e.dualThumbMode && (w === "left" && y >= M.value && (y = M.value), w === "right" && y <= M.value && (y = M.value)), b.value = y, t(`update:${w}ThumbValue`, y);
+      }, L = () => {
+        n.value = !1, window.removeEventListener("mousemove", P), window.removeEventListener("mouseup", L);
       };
-      window.addEventListener("mousemove", U), window.addEventListener("mouseup", G);
-    }, z = (k) => {
+      window.addEventListener("mousemove", P), window.addEventListener("mouseup", L);
+    }, z = (w) => {
       if (n.value || !s.value)
         return;
-      const _ = e.vertical ? (s.value.getBoundingClientRect().bottom - k.clientY) / s.value.offsetHeight * 100 : (k.clientX - s.value.getBoundingClientRect().left) / s.value.offsetWidth * 100, I = Math.abs(i.value - _), U = Math.abs(r.value - _);
-      e.dualThumbMode ? I < U ? (i.value = _, t("update:leftThumbValue", _), S("left")) : (r.value = _, t("update:rightThumbValue", _), S("right")) : (i.value = _, t("update:leftThumbValue", _), S("left"));
+      const b = e.vertical ? (s.value.getBoundingClientRect().bottom - w.clientY) / s.value.offsetHeight * 100 : (w.clientX - s.value.getBoundingClientRect().left) / s.value.offsetWidth * 100, M = Math.abs(i.value - b), P = Math.abs(r.value - b);
+      e.dualThumbMode ? M < P ? (i.value = b, t("update:leftThumbValue", b), I("left")) : (r.value = b, t("update:rightThumbValue", b), I("right")) : (i.value = b, t("update:leftThumbValue", b), I("left"));
     }, N = c(() => [
       `
     ak-slider
@@ -4398,63 +4398,63 @@ const dn = { class: "tooltip" }, pn = { class: "tooltip" }, mn = {
         "ak-slider--vertical": e.vertical
       }
     ]);
-    return (k, _) => (o(), u("div", {
-      class: L(a(N))
+    return (w, b) => (o(), u("div", {
+      class: E(a(N))
     }, [
-      y("div", {
-        class: L([a(p), "slider-track"]),
+      _("div", {
+        class: E([a(p), "slider-track"]),
         ref_key: "sliderTrack",
         ref: s,
         onMousedown: z
       }, null, 34),
-      y("div", {
-        class: L([a(m), "slider-range"]),
-        style: J(a(x)),
+      _("div", {
+        class: E([a(m), "slider-range"]),
+        style: J(a(B)),
         onMousedown: z
       }, null, 38),
-      y("div", {
+      _("div", {
         class: "slider-thumb",
         style: J({ [a(d)]: `${a(i)}%` }),
-        onMousedown: _[0] || (_[0] = (I) => S("left"))
+        onMousedown: b[0] || (b[0] = (M) => I("left"))
       }, null, 36),
       e.type === "label" ? (o(), u("div", {
         key: 0,
         style: J({ [a(d)]: `${a(i)}%` }),
         class: "slider-label"
-      }, w(a(i).toFixed(0)) + "%", 5)) : v("", !0),
+      }, $(a(i).toFixed(0)) + "%", 5)) : v("", !0),
       e.dualThumbMode ? (o(), u("div", {
         key: 1,
         class: "slider-thumb",
         style: J({ [a(d)]: `${a(r)}%` }),
-        onMousedown: _[1] || (_[1] = (I) => S("right"))
+        onMousedown: b[1] || (b[1] = (M) => I("right"))
       }, null, 36)) : v("", !0),
       e.dualThumbMode && e.type === "label" ? (o(), u("div", {
         key: 2,
         style: J({ [a(d)]: `${a(r)}%` }),
         class: "slider-label"
-      }, w(a(r).toFixed(0)) + "%", 5)) : v("", !0),
+      }, $(a(r).toFixed(0)) + "%", 5)) : v("", !0),
       e.type === "tooltip" ? (o(), u("div", {
         key: 3,
         class: "slider-thumb",
         style: J({ [a(d)]: `${a(i)}%` }),
-        onMousedown: _[2] || (_[2] = (I) => S("left"))
+        onMousedown: b[2] || (b[2] = (M) => I("left"))
       }, [
-        y("div", dn, w(a(i).toFixed(0)) + "%", 1)
+        _("div", dn, $(a(i).toFixed(0)) + "%", 1)
       ], 36)) : v("", !0),
       e.dualThumbMode && e.type === "tooltip" ? (o(), u("div", {
         key: 4,
         class: "slider-thumb",
         style: J({ [a(d)]: `${a(r)}%` }),
-        onMousedown: _[3] || (_[3] = (I) => S("right"))
+        onMousedown: b[3] || (b[3] = (M) => I("right"))
       }, [
-        y("div", pn, w(a(r).toFixed(0)) + "%", 1)
+        _("div", pn, $(a(r).toFixed(0)) + "%", 1)
       ], 36)) : v("", !0)
     ], 2));
   }
 });
 const vn = ["value", "name", "checked"], fn = { class: "radio-area" }, gn = {
   name: "MaCountryRadio"
-}, hi = /* @__PURE__ */ M({
+}, hi = /* @__PURE__ */ x({
   ...gn,
   props: {
     value: null,
@@ -4474,28 +4474,28 @@ const vn = ["value", "name", "checked"], fn = { class: "radio-area" }, gn = {
       t("update:checked", p.checked), t("change", e.name ? e.country : p.checked), p.checked && t("update:value", e.country);
     };
     return (d, p) => (o(), u("label", {
-      class: L(a(i))
+      class: E(a(i))
     }, [
-      $(a(C), {
+      k(a(C), {
         name: a(n),
         ratio: "4x3"
       }, null, 8, ["name"]),
-      y("input", {
+      _("input", {
         type: "radio",
         value: e.value,
         name: e.name,
         checked: e.checked,
         onChange: r
       }, null, 40, vn),
-      y("div", fn, [
-        $(a(C), { name: "tick" })
+      _("div", fn, [
+        k(a(C), { name: "tick" })
       ])
     ], 2));
   }
 });
 const _n = {
   name: "MaAppCheckbox"
-}, bi = /* @__PURE__ */ M({
+}, bi = /* @__PURE__ */ x({
   ..._n,
   props: {
     appIcon: null,
@@ -4510,14 +4510,14 @@ const _n = {
       "ak-app-checkbox"
     ]);
     return (i, r) => (o(), u("span", {
-      class: L(a(n))
+      class: E(a(n))
     }, [
-      $(Vs, {
+      k(Vs, {
         size: "small",
         onClick: s,
         "app-icon": e.appIcon
       }, null, 8, ["app-icon"]),
-      $(fs, T({
+      k(fs, T({
         onClick: s,
         checked: e.checked
       }, i.$attrs), null, 16, ["checked"])
@@ -4532,25 +4532,26 @@ const yn = {
   class: "ma-tag-input-suffix"
 }, kn = {
   name: "MaTagInput"
-}, ki = /* @__PURE__ */ M({
+}, ki = /* @__PURE__ */ x({
   ...kn,
   props: {
-    tags: null,
+    tags: { default: () => [] },
     placeholder: { default: "" },
     separator: { default: () => ["Enter", ","] },
     size: { default: "md" },
     disabled: { type: Boolean, default: !1 },
     prefixIcon: null,
-    suffixIcon: null
+    suffixIcon: null,
+    tagCharLimit: null
   },
-  emits: ["update:tags", "change", "added", "removed"],
+  emits: ["update:tags", "change", "added", "removed", "error"],
   setup(l, { emit: t }) {
-    const e = l, s = P(""), n = P(null), i = c({
+    const e = l, s = D(""), n = D(null), i = c({
       get() {
         return e.tags;
       },
-      set(k) {
-        t("update:tags", k), t("change", k);
+      set(M) {
+        t("update:tags", M), t("change", M);
       }
     }), r = c(() => [
       "ma-tag-input-wrapper",
@@ -4564,58 +4565,78 @@ const yn = {
       width: `${d.value * 8 + 6}px`
     })), m = c(
       () => e?.placeholder && i.value.length === 0 ? e.placeholder : ""
-    ), x = (k) => {
-      e.separator.includes(k.key) ? (k.preventDefault(), S()) : k.key === "Backspace" && s.value === "" && i.value.length > 0 && z(i.value[i.value.length - 1]);
-    }, S = () => {
-      s.value && !i.value.includes(s.value) && (i.value.push(s.value), t("added", s.value), t("change", i.value)), s.value = "";
-    }, z = (k) => {
+    ), B = (M) => {
+      e.separator.includes(M.key) ? (M.preventDefault(), I(s.value)) : M.key === "Backspace" && s.value === "" && i.value.length > 0 && z(i.value[i.value.length - 1]);
+    }, I = (M = "") => {
+      const P = M.trim();
+      if (P) {
+        if (i.value.includes(P))
+          return b(`This tag already exists '${P}'`);
+        if (e?.tagCharLimit && M.length > e.tagCharLimit)
+          return b(`You can enter tags up to ${e.tagCharLimit} characters`);
+      } else
+        return b("There is no text to add!");
+      i.value.push(P), t("added", P), t("change", i.value), s.value = "";
+    }, z = (M) => {
       if (e.disabled)
         return;
-      const _ = i.value.indexOf(k);
-      _ !== -1 && (i.value.splice(_, 1), t("removed", k), t("change", i.value));
+      const P = i.value.indexOf(M);
+      P !== -1 && (i.value.splice(P, 1), t("removed", M), t("change", i.value));
     }, N = () => {
       n.value.focus();
+    }, w = (M) => {
+      setTimeout(() => {
+        let L = [M.target.value || ""];
+        for (const q of e.separator)
+          L = L.flatMap((y) => y.split(q));
+        L.forEach((q) => {
+          I(q);
+        });
+      }, 0);
+    }, b = (M) => {
+      t("error", M);
     };
-    return (k, _) => (o(), u("div", {
-      class: L(a(r)),
+    return (M, P) => (o(), u("div", {
+      class: E(a(r)),
       onClick: N
     }, [
-      k.$slots.prefix || e?.prefixIcon ? (o(), u("div", yn, [
-        f(k.$slots, "prefix"),
+      M.$slots.prefix || e?.prefixIcon ? (o(), u("div", yn, [
+        f(M.$slots, "prefix"),
         e.prefixIcon ? (o(), g(a(C), {
           key: 0,
           size: "xs",
           name: e.prefixIcon
         }, null, 8, ["name"])) : v("", !0)
       ])) : v("", !0),
-      (o(!0), u(q, null, R(l.tags, (I) => (o(), u("span", {
+      (o(!0), u(H, null, U(l.tags, (L) => (o(), u("span", {
         class: "ma-tag-wrapper",
-        key: I
+        key: L
       }, [
-        y("span", null, w(I), 1),
-        $(a(C), {
+        _("span", null, $(L), 1),
+        k(a(C), {
           size: "xs",
-          onClick: (U) => z(I),
+          onClick: (q) => z(L),
           name: "close"
         }, null, 8, ["onClick"])
       ]))), 128)),
-      y("div", {
+      _("div", {
         class: "ma-tag-input",
         style: J(a(p))
       }, [
-        X(y("input", {
+        X(_("input", {
           disabled: e.disabled,
           ref_key: "tagInputRef",
           ref: n,
           placeholder: a(m),
-          onKeydown: x,
-          "onUpdate:modelValue": _[0] || (_[0] = (I) => s.value = I)
+          onKeydown: B,
+          onPaste: w,
+          "onUpdate:modelValue": P[0] || (P[0] = (L) => s.value = L)
         }, null, 40, hn), [
           [He, s.value]
         ])
       ], 4),
-      k.$slots.suffix || e?.suffixIcon ? (o(), u("div", bn, [
-        f(k.$slots, "suffix"),
+      M.$slots.suffix || e?.suffixIcon ? (o(), u("div", bn, [
+        f(M.$slots, "suffix"),
         e.suffixIcon ? (o(), g(a(C), {
           key: 0,
           size: "xs",
@@ -4631,7 +4652,7 @@ const $n = {
 function Mn(l, t, e, s, n, i) {
   return o(), u("div", wn, [
     f(l.$slots, "default"),
-    y("div", Cn, [
+    _("div", Cn, [
       f(l.$slots, "actions")
     ])
   ]);
@@ -4650,7 +4671,7 @@ const xn = /* @__PURE__ */ De($n, [["render", Mn]]), Bn = { class: "ak-list-item
   class: "ak-list-item-meta-description"
 }, Nn = {
   name: "MaListItemMeta"
-}, Pn = /* @__PURE__ */ M({
+}, Pn = /* @__PURE__ */ x({
   ...Nn,
   props: {
     avatar: null,
@@ -4663,25 +4684,25 @@ const xn = /* @__PURE__ */ De($n, [["render", Mn]]), Bn = { class: "ak-list-item
     return (e, s) => (o(), u("div", Bn, [
       t.avatar ? (o(), u("div", Sn, [
         f(e.$slots, "avatar", {}, () => [
-          $(Ee, {
+          k(Ee, {
             size: "large",
             src: t.avatar
           }, null, 8, ["src"])
         ])
       ])) : t.icon ? (o(), u("div", In, [
-        $(C, {
+        k(C, {
           name: t.icon
         }, null, 8, ["name"])
       ])) : v("", !0),
-      y("div", zn, [
+      _("div", zn, [
         t.title ? (o(), u("div", Tn, [
           f(e.$slots, "title", {}, () => [
-            D(w(t.title), 1)
+            F($(t.title), 1)
           ])
         ])) : v("", !0),
         t.description ? (o(), u("div", An, [
           f(e.$slots, "description", {}, () => [
-            D(w(t.description), 1)
+            F($(t.description), 1)
           ])
         ])) : v("", !0)
       ])
@@ -4689,7 +4710,7 @@ const xn = /* @__PURE__ */ De($n, [["render", Mn]]), Bn = { class: "ak-list-item
   }
 }), Ln = { class: "ak-list-wrapper" }, Dn = { key: 0 }, En = { class: "ak-list-item-custom-slot" }, Fn = {
   name: "MaList"
-}, $i = /* @__PURE__ */ M({
+}, $i = /* @__PURE__ */ x({
   ...Fn,
   props: {
     listData: { default: () => [] }
@@ -4697,9 +4718,9 @@ const xn = /* @__PURE__ */ De($n, [["render", Mn]]), Bn = { class: "ak-list-item
   setup(l) {
     const t = l;
     return (e, s) => (o(), u("div", Ln, [
-      (o(!0), u(q, null, R(t.listData, (n, i) => (o(), g(xn, { key: i }, {
+      (o(!0), u(H, null, U(t.listData, (n, i) => (o(), g(xn, { key: i }, {
         default: h(() => [
-          $(Pn, {
+          k(Pn, {
             avatar: n.avatar,
             icon: n.icon,
             title: n.title,
@@ -4708,14 +4729,14 @@ const xn = /* @__PURE__ */ De($n, [["render", Mn]]), Bn = { class: "ak-list-item
         ]),
         actions: h(() => [
           n.actions && n.actions.length ? (o(), u("div", Dn, [
-            (o(!0), u(q, null, R(n.actions, (r, d) => (o(), g(te, {
+            (o(!0), u(H, null, U(n.actions, (r, d) => (o(), g(te, {
               class: "ak-list-item-actions-buttons",
               key: d,
               type: "link",
               onClick: r.onClick
             }, {
               default: h(() => [
-                D(w(r.label), 1)
+                F($(r.label), 1)
               ]),
               _: 2
             }, 1032, ["onClick"]))), 128))
@@ -4723,7 +4744,7 @@ const xn = /* @__PURE__ */ De($n, [["render", Mn]]), Bn = { class: "ak-list-item
         ]),
         _: 2
       }, 1024))), 128)),
-      y("div", En, [
+      _("div", En, [
         f(e.$slots, "default")
       ])
     ]));
@@ -4731,7 +4752,7 @@ const xn = /* @__PURE__ */ De($n, [["render", Mn]]), Bn = { class: "ak-list-item
 });
 const Vn = {
   name: "MaSteps"
-}, wi = /* @__PURE__ */ M({
+}, wi = /* @__PURE__ */ x({
   ...Vn,
   props: {
     current: { default: 0 },
@@ -4739,10 +4760,10 @@ const Vn = {
   },
   emits: ["update:current", "change"],
   setup(l, { emit: t }) {
-    const e = l, s = ae(), n = P(), i = c(() => [
+    const e = l, s = ae(), n = D(), i = c(() => [
       "ak-steps",
       `ak-steps--${e.direction}`
-    ]), r = P((m) => {
+    ]), r = D((m) => {
       d.value = m;
     }), d = c({
       get() {
@@ -4752,8 +4773,8 @@ const Vn = {
         t("update:current", m), t("change", m);
       }
     }), p = () => {
-      n.value.querySelectorAll(".ak-step").forEach((m, x) => {
-        m.setAttribute("data-index", x.toString());
+      n.value.querySelectorAll(".ak-step").forEach((m, B) => {
+        m.setAttribute("data-index", B.toString());
       });
     };
     return ke("selectStep", r), ke("activeStep", d), re(
@@ -4763,10 +4784,10 @@ const Vn = {
       }
     ), de(() => {
       p();
-    }), (m, x) => (o(), u("div", {
+    }), (m, B) => (o(), u("div", {
       ref_key: "maSteps",
       ref: n,
-      class: L(a(i))
+      class: E(a(i))
     }, [
       f(m.$slots, "default")
     ], 2));
@@ -4781,7 +4802,7 @@ const Gn = { class: "ak-step__dot" }, On = {
 }, Kn = {
   key: 1,
   class: "ak-step__description"
-}, jn = /* @__PURE__ */ y("div", { class: "ak-step__separator" }, null, -1), Ci = /* @__PURE__ */ M({
+}, jn = /* @__PURE__ */ _("div", { class: "ak-step__separator" }, null, -1), Ci = /* @__PURE__ */ x({
   __name: "index",
   props: {
     title: null,
@@ -4789,7 +4810,7 @@ const Gn = { class: "ak-step__dot" }, On = {
     disabled: { type: Boolean, default: !1 }
   },
   setup(l) {
-    const t = l, e = $e("selectStep"), s = $e("activeStep"), n = P(null), i = c(() => Number(n.value?.getAttribute("data-index") || 0)), r = c(() => i.value === s?.value), d = c(() => !t.disabled && s?.value > i.value), p = c(() => [
+    const t = l, e = $e("selectStep"), s = $e("activeStep"), n = D(null), i = c(() => Number(n.value?.getAttribute("data-index") || 0)), r = c(() => i.value === s?.value), d = c(() => !t.disabled && s?.value > i.value), p = c(() => [
       "ak-step",
       {
         "ak-step--disabled": t.disabled
@@ -4803,27 +4824,27 @@ const Gn = { class: "ak-step__dot" }, On = {
     ]), m = () => {
       t.disabled || e?.value && e.value(i.value);
     };
-    return (x, S) => (o(), u("div", {
+    return (B, I) => (o(), u("div", {
       ref_key: "maStep",
       ref: n,
-      class: L(a(p)),
+      class: E(a(p)),
       onClick: m
     }, [
-      y("div", Gn, [
+      _("div", Gn, [
         a(d) ? (o(), g(a(C), {
           key: 0,
           name: "tick",
           size: "md"
-        })) : (o(), u("span", On, w(a(i) + 1), 1))
+        })) : (o(), u("span", On, $(a(i) + 1), 1))
       ]),
-      y("div", Rn, [
-        t?.title || x.$slots.title ? (o(), u("h3", Un, [
-          f(x.$slots, "title"),
-          D(" " + w(t?.title), 1)
+      _("div", Rn, [
+        t?.title || B.$slots.title ? (o(), u("h3", Un, [
+          f(B.$slots, "title"),
+          F(" " + $(t?.title), 1)
         ])) : v("", !0),
-        t?.description || x.$slots.description ? (o(), u("p", Kn, [
-          f(x.$slots, "description"),
-          D(" " + w(t?.description), 1)
+        t?.description || B.$slots.description ? (o(), u("p", Kn, [
+          f(B.$slots, "description"),
+          F(" " + $(t?.description), 1)
         ])) : v("", !0)
       ]),
       jn