mc-plus 1.0.13 → 1.0.15

package/dist/es/{hooks-CxnUJS3d.js → hooks-62IIdhwx.js}

@@ -1,6 +1,6 @@
-import { getCurrentInstance as e, computed as r, isRef as t, watch as n, onMounted as o, onBeforeUnmount as a, unref as u, ref as s } from "vue";
-import { i } from "./vendor-Cxzr_0t9.js";
-function c(t2) {
+import { getCurrentInstance as e, computed as r, isRef as t, watch as n, onMounted as o, onBeforeUnmount as a, unref as u, ref as s, onUnmounted as i } from "vue";
+import { i as c } from "./vendor--XeEo7ry.js";
+function v(t2) {
   const n2 = e();
   if (!n2) throw new Error("useProp must be used within a component");
   return r(() => {
@@ -16,25 +16,33 @@ function l(e2, r2, s2) {
     return (_a = u(e2)) == null ? void 0 : _a.removeEventListener(r2, s2);
   });
 }
-function v(e2, r2) {
+function d(e2, r2) {
   l(document, "click", (t2) => {
     e2.value && t2.target && (e2.value.contains(t2.target) || r2(t2));
   });
 }
 function f(r2, { afterFocus: t2, beforeBlur: n2, afterBlur: o2 } = {}) {
-  const a2 = e(), { emit: u2 } = a2, c2 = s(), v2 = s(false);
-  return l(c2, "click", () => {
+  const a2 = e(), { emit: u2 } = a2, i2 = s(), v2 = s(false);
+  return l(i2, "click", () => {
     var _a;
     (_a = r2.value) == null ? void 0 : _a.focus();
-  }), { wrapperRef: c2, isFocused: v2, handleFocus: (e2) => {
+  }), { wrapperRef: i2, isFocused: v2, handleFocus: (e2) => {
     v2.value || (v2.value = true, u2("focus", e2), t2 == null ? void 0 : t2());
   }, handleBlur: (e2) => {
     var _a;
-    i(n2) && n2(e2) || e2.relatedTarget && ((_a = c2.value) == null ? void 0 : _a.contains(e2.relatedTarget)) || (v2.value = false, u2("blur", e2), o2 == null ? void 0 : o2());
+    c(n2) && n2(e2) || e2.relatedTarget && ((_a = i2.value) == null ? void 0 : _a.contains(e2.relatedTarget)) || (v2.value = false, u2("blur", e2), o2 == null ? void 0 : o2());
   } };
 }
+function m(e2) {
+  o(() => {
+    window.addEventListener("resize", e2);
+  }), i(() => {
+    window.removeEventListener("resize", e2);
+  });
+}
 export {
   f as a,
-  v as b,
-  c as u
+  d as b,
+  m as c,
+  v as u
 };

package/dist/es/index.js

@@ -1,33 +1,35 @@
-import { p as s, m as o } from "./utils-ylUc-vYY.js";
-import { M } from "./mc-alert-s4KpYECJ.js";
-import { M as m } from "./mc-button-BS19BIJW.js";
-import { M as r } from "./mc-checkbox-DVNDqYj9.js";
-import { M as i } from "./mc-collapse-Po9aR_ne.js";
-import { a } from "./mc-collapse-Po9aR_ne.js";
-import { a as p } from "./mc-icon-BeM-PhUM.js";
-import { M as f } from "./mc-input-D6rFMciN.js";
-import { M as M2, c, l } from "./mc-light-box-BOFSLPYP.js";
-import { M as M3, a as a2 } from "./mc-message-CzKjhY9t.js";
-import { M as j, a as x } from "./mc-radio-BqtGdBKj.js";
-import { M as g, a as n, b as h } from "./mc-select-zjg-qgVl.js";
-import { M as T } from "./mc-switch-CeO7jQm6.js";
-import "vue";
-import { M as M4, u, a as a3, b } from "./mc-table-iUl1p5fd.js";
-import { M as M5 } from "./mc-tag-NIAZfHeJ.js";
-import { M as M6, c as c2, t, e, a as a4, b as b2, d } from "./mc-toast-CLs2RBL9.js";
-import { M as S } from "./mc-tooltip-CnA9TYJE.js";
-import { M as L, b as P } from "./mc-form-OFkkUeNw.js";
-const k = [m, i, S, T, j, x, g, n, h, r, L, P, f, p];
+import { p as s, m as o } from "./utils-C5rkiZEb.js";
+import { M } from "./mc-alert-CVkSnVFX.js";
+import { M as m } from "./mc-button-Cf-VG5Ur.js";
+import { M as r } from "./mc-checkbox-BUZHr7Ys.js";
+import { M as i } from "./mc-collapse-BYJ4MrV7.js";
+import { a } from "./mc-collapse-BYJ4MrV7.js";
+import { a as p } from "./mc-icon-DgWQKpUb.js";
+import { M as f } from "./mc-input-CjWUmb5Z.js";
+import { M as M2, c, l } from "./mc-light-box-B4boq66Q.js";
+import { M as M3, a as a2 } from "./mc-message-BtvSWZOe.js";
+import { M as j, a as x } from "./mc-radio-J4oXq4kB.js";
+import { M as g, a as n, b as h } from "./mc-select-B-Q-U8qN.js";
+import { M as T } from "./mc-switch-DIRBLPV8.js";
+import { M as S } from "./mc-table-BUZHg5vc.js";
+import { u, a as a3, b } from "./mc-table-BUZHg5vc.js";
+import { M as M4 } from "./mc-tag-B-7Hg5Cy.js";
+import { M as M5, c as c2, t, e, a as a4, b as b2, d } from "./mc-toast-DCUN9jI3.js";
+import { M as k } from "./mc-tooltip-BxH43a0w.js";
+import { M as L } from "./mc-step-DKmFVLGM.js";
+import { M as P, b as w } from "./mc-form-D4r9_6sH.js";
+import { M as y } from "./mc-success-icon-Blkes99Z.js";
+const A = [m, i, k, S, T, j, x, g, n, h, r, L, P, w, f, p, y];
 s();
-const v = o(k);
+const B = o(A);
 export {
   M as McAlert,
   m as McButton,
   r as McCheckbox,
   i as McCollapse,
   a as McCollapseItem,
-  L as McForm,
-  P as McFormItem,
+  P as McForm,
+  w as McFormItem,
   p as McIcon,
   f as McInput,
   M2 as McLightBox,
@@ -37,15 +39,17 @@ export {
   g as McSelect,
   n as McSelectGroup,
   h as McSelectOption,
+  L as McStep,
+  y as McSuccessIcon,
   T as McSwitch,
-  M4 as McTable,
-  M5 as McTag,
-  M6 as McToast,
-  S as McTooltip,
+  S as McTable,
+  M4 as McTag,
+  M5 as McToast,
+  k as McTooltip,
   a2 as Message,
   c as createLightbox,
   c2 as createToast,
-  v as default,
+  B as default,
   l as lightbox,
   t as toast,
   e as toastError,

package/dist/es/{mc-alert-s4KpYECJ.js → mc-alert-CVkSnVFX.js}

@@ -1,6 +1,6 @@
-import { _ as e, w as t } from "./utils-ylUc-vYY.js";
+import { _ as e, w as t } from "./utils-C5rkiZEb.js";
 import { defineComponent as s, ref as l, useAttrs as c, computed as i, createElementBlock as o, createCommentVNode as a, openBlock as r, normalizeClass as n, normalizeStyle as d, createElementVNode as _, createBlock as m, renderSlot as p, toDisplayString as y } from "vue";
-import { M as f } from "./mc-icon-BeM-PhUM.js";
+import { M as f } from "./mc-icon-DgWQKpUb.js";
 const v = { class: "mc-alert__content" }, h = { class: "mc-alert__header" }, u = { class: "mc-alert__header-left" }, k = { key: 1, class: "mc-alert__title" }, w = { key: 0, class: "mc-alert__description" }, g = { key: 1, class: "mc-alert__description" }, I = t(e(s({ name: "McAlert", __name: "mc-alert", props: { type: { default: "info" }, title: {}, description: {}, closable: { type: Boolean, default: true }, showIcon: { type: Boolean, default: true }, height: {}, width: {} }, emits: ["close"], setup(e2, { expose: t2, emit: s2 }) {
   const I2 = e2, b = s2, M = l(), $ = l(true), j = c(), x = i(() => ({ ...j.style || {}, width: I2.width, height: I2.height })), z = { success: "Accept_02", info: "Info_02", warning: "Error_02", error: "Error_04" }, A = (e3) => {
     $.value = false, b("close", e3);

package/dist/es/{mc-button-BS19BIJW.js → mc-button-Cf-VG5Ur.js}

@@ -1,7 +1,7 @@
 import { defineComponent as e, toRefs as t, ref as o, useAttrs as a, computed as i, toValue as l, createElementBlock as n, openBlock as s, unref as d, normalizeClass as u, normalizeStyle as r, createBlock as c, createCommentVNode as m, renderSlot as p, createVNode as f } from "vue";
-import { M as v } from "./mc-icon-BeM-PhUM.js";
-import { t as y } from "./vendor-Cxzr_0t9.js";
-import { _ as h, w as b } from "./utils-ylUc-vYY.js";
+import { M as v } from "./mc-icon-DgWQKpUb.js";
+import { t as y } from "./vendor--XeEo7ry.js";
+import { _ as h, w as b } from "./utils-C5rkiZEb.js";
 const g = ["type", "disabled"], k = { key: 1, class: "loading-icon" }, I = b(h(e({ name: "McButton", __name: "mc-button", props: { type: { default: "primary" }, nativeType: { default: "button" }, size: { default: "medium" }, disabled: { type: Boolean }, loading: { type: Boolean }, useThrottle: { type: Boolean, default: true }, throttleDuration: { default: 500 }, leftIcon: {}, rightIcon: {}, content: {}, height: {}, width: {} }, emits: ["click"], setup(e2, { expose: h2, emit: b2 }) {
   const I2 = e2, { loading: _, disabled: w, throttleDuration: B, height: T, width: j } = t(I2), z = b2, M = o(), $ = t(a()), x = i(() => ({ ...l($).style, width: j.value ? j.value : void 0, height: T.value ? T.value : void 0 })), D = (e3) => {
     _.value || w.value || z("click", e3);

package/dist/es/{mc-checkbox-DVNDqYj9.js → mc-checkbox-BUZHr7Ys.js}

@@ -1,5 +1,5 @@
 import { defineComponent as e, createElementBlock as c, openBlock as a, normalizeStyle as l, normalizeClass as o, createElementVNode as s, toDisplayString as t } from "vue";
-import { _ as m, w as d } from "./utils-ylUc-vYY.js";
+import { _ as m, w as d } from "./utils-C5rkiZEb.js";
 const n = ["value", "disabled"], p = { class: "mc-checkbox__wrapper" }, b = { class: "mc-checkbox__content" }, k = { class: "mc-checkbox__content-text" }, h = { class: "mc-checkbox__content-remarks" }, i = d(m(e({ name: "McCheckbox", __name: "mc-checkbox", props: { modelValue: { type: Boolean }, disabled: { type: Boolean }, content: {}, remarks: {}, partial: { type: Boolean } }, emits: ["change", "update:modelValue"], setup(e2, { emit: m2 }) {
   const d2 = e2, i2 = m2, r = () => {
     d2.disabled || (i2("update:modelValue", !d2.modelValue), i2("change", !d2.modelValue));

package/dist/es/{mc-collapse-Po9aR_ne.js → mc-collapse-BYJ4MrV7.js}

@@ -1,6 +1,6 @@
 import { defineComponent as e, ref as a, watchEffect as l, watch as s, provide as o, createElementBlock as c, openBlock as t, renderSlot as i, inject as m, computed as d, normalizeClass as n, createElementVNode as p, withDirectives as u, createTextVNode as r, toDisplayString as v, createVNode as _, vShow as h } from "vue";
-import { d as f, _ as C, w as V } from "./utils-ylUc-vYY.js";
-import { M as b } from "./mc-icon-BeM-PhUM.js";
+import { d as f, _ as C, w as V } from "./utils-C5rkiZEb.js";
+import { M as b } from "./mc-icon-DgWQKpUb.js";
 const g = Symbol("COLLAPSE_CONTEXT"), I = "McCollapse", M = { class: "mc-collapse" }, k = C(e({ name: I, __name: "mc-collapse", props: { modelValue: {}, accordion: { type: Boolean } }, emits: ["update:modelValue", "change"], setup(e2, { emit: m2 }) {
   const d2 = a(e2.modelValue), n2 = m2;
   l(() => {

package/dist/es/{mc-form-OFkkUeNw.js → mc-form-D4r9_6sH.js}

@@ -1,7 +1,7 @@
 import { inject as e, computed as r, defineComponent as a, reactive as t, toRefs as s, provide as o, createElementBlock as l, openBlock as i, createElementVNode as d, renderSlot as u, ref as n, onMounted as c, onUnmounted as m, createCommentVNode as p, createVNode as v, normalizeClass as f, toDisplayString as _, Transition as b, withCtx as g, nextTick as h } from "vue";
-import { u as y } from "./hooks-CxnUJS3d.js";
-import { s as F, f as j, a as q, k as P, b as w, c as x, m as I, d as k, g as M, e as S, h as V, j as B } from "./vendor-Cxzr_0t9.js";
-import { _ as C, w as $ } from "./utils-ylUc-vYY.js";
+import { u as y } from "./hooks-62IIdhwx.js";
+import { s as F, f as j, a as q, k as P, b as w, c as x, m as I, d as k, g as M, e as S, h as V, j as B } from "./vendor--XeEo7ry.js";
+import { _ as C, w as $ } from "./utils-C5rkiZEb.js";
 import E from "async-validator";
 const O = Symbol("formContext"), z = Symbol("formItemContext");
 function A() {

package/dist/es/{mc-icon-BeM-PhUM.js → mc-icon-DgWQKpUb.js}

@@ -1,5 +1,5 @@
 import { defineComponent as e, ref as s, createElementBlock as c, openBlock as i, normalizeStyle as o, createElementVNode as n, normalizeClass as t } from "vue";
-import { _ as a, w as m } from "./utils-ylUc-vYY.js";
+import { _ as a, w as m } from "./utils-C5rkiZEb.js";
 const r = a(e({ name: "McIcon", __name: "mc-icon", props: { name: {}, size: { default: 16 }, color: {} }, emits: ["click"], setup(e2, { expose: a2, emit: m2 }) {
   const r2 = m2, p2 = s();
   return a2({ ref: p2 }), (e3, s2) => (i(), c("span", { class: "mc-icon", style: o({ fontSize: `${e3.size}px`, width: `${e3.size}px`, height: `${e3.size}px` }) }, [n("i", { ref_key: "_ref", ref: p2, class: t(["mc-iconfont", `mc-icon--${e3.name}`]), onClick: s2[0] || (s2[0] = (e4) => ((e5) => {

package/dist/es/{mc-input-D6rFMciN.js → mc-input-CjWUmb5Z.js}

@@ -1,9 +1,9 @@
 import { defineComponent as e, ref as a, computed as t, onMounted as u, watch as l, createElementBlock as s, openBlock as r, normalizeStyle as c, normalizeClass as o, unref as n, createCommentVNode as i, createElementVNode as p, renderSlot as d, createBlock as m, createVNode as f, Fragment as v, nextTick as y } from "vue";
-import { M as h } from "./mc-icon-BeM-PhUM.js";
-import { u as x, a as _ } from "./mc-form-OFkkUeNw.js";
-import { a as g } from "./hooks-CxnUJS3d.js";
-import { b as w, l as b, c as I, i as k } from "./vendor-Cxzr_0t9.js";
-import { _ as $, w as V } from "./utils-ylUc-vYY.js";
+import { M as h } from "./mc-icon-DgWQKpUb.js";
+import { u as x, a as _ } from "./mc-form-D4r9_6sH.js";
+import { a as g } from "./hooks-62IIdhwx.js";
+import { b as w, l as b, c as I, i as k } from "./vendor--XeEo7ry.js";
+import { _ as $, w as V } from "./utils-C5rkiZEb.js";
 const j = { key: 0, class: "mc-input__prefix" }, B = ["type", "disabled", "readonly", "autocomplete", "placeholder", "autofocus", "maxlength"], R = { key: 2, class: "mc-input__password" }, A = { key: 0, class: "mc-input__suffix" }, z = V($(e({ name: "McInput", inheritAttrs: false, __name: "mc-input", props: { modelValue: {}, width: {}, height: {}, type: { default: "text" }, disabled: { type: Boolean, default: false }, clearable: { type: Boolean, default: false }, placeholder: { default: "Please enter" }, readonly: { type: Boolean, default: false }, autocomplete: { default: "off" }, autofocus: { type: Boolean, default: false }, prefixIcon: {}, suffixIcon: {}, maxlength: {}, currencyAccuracy: {}, formatter: {}, parser: {} }, emits: ["update:modelValue", "input", "change", "focus", "blur", "clear"], setup(e2, { expose: $2, emit: V2 }) {
   const z2 = e2, { formatter: F, parser: M } = z2, S = V2, C = a(), H = t(() => I(z2.modelValue) ? "" : b(z2.modelValue)), P = (e3) => ("number" === z2.type ? e3 = ((e4) => e4.replace(/[^\d]/g, ""))(e3) : "currency" === z2.type && (e3 = ((e4, a2 = 8) => {
     e4 = e4.replace(/(?:[^0-9.]+)/g, "");

package/dist/es/{mc-light-box-BOFSLPYP.js → mc-light-box-B4boq66Q.js}

@@ -1,6 +1,6 @@
 import { defineComponent as e, ref as t, computed as o, watch as l, createBlock as s, openBlock as i, Teleport as n, createVNode as a, Transition as c, withCtx as d, createElementBlock as m, createCommentVNode as u, withModifiers as h, createElementVNode as r, normalizeStyle as p, normalizeClass as y, toDisplayString as g, renderSlot as x, isVNode as f, render as v } from "vue";
-import { _ as b, w as C } from "./utils-ylUc-vYY.js";
-import { M as _ } from "./mc-icon-BeM-PhUM.js";
+import { _ as b, w as C } from "./utils-C5rkiZEb.js";
+import { M as _ } from "./mc-icon-DgWQKpUb.js";
 const k = { class: "mc-lightbox__header" }, w = { class: "mc-lightbox__header-title" }, z = { key: 0, class: "mc-lightbox__header-title-text" }, V = { class: "mc-lightbox__body" }, B = { class: "mc-lightbox__content" }, T = { key: 0 }, $ = { key: 0, class: "mc-lightbox__footer" }, I = { key: 1, class: "mc-lightbox-footer-placeholder" }, j = b(e({ name: "McLightBox", __name: "mc-light-box", props: { modelValue: { type: Boolean, default: false }, title: { default: "" }, content: { default: "" }, showClose: { type: Boolean, default: true }, size: { default: "medium" }, position: { default: "center" }, maskClosable: { type: Boolean, default: true }, onClose: {}, onConfirm: {} }, emits: ["update:modelValue", "close", "confirm"], setup(e2, { expose: f2, emit: v2 }) {
   const b2 = { small: { width: "430px", height: "512px" }, medium: { width: "800px", height: "512px" }, large: { width: "1024px", height: "700px" } }, C2 = e2, j2 = v2, E2 = t(), M2 = t(false), L2 = t(false), N2 = o(() => {
     const e3 = b2[C2.size];

package/dist/es/{mc-message-CzKjhY9t.js → mc-message-BtvSWZOe.js}

@@ -1,6 +1,6 @@
-import { _ as e, w as s } from "./utils-ylUc-vYY.js";
+import { _ as e, w as s } from "./utils-C5rkiZEb.js";
 import { defineComponent as o, ref as n, toRefs as t, useAttrs as a, computed as c, toValue as r, onMounted as l, createBlock as m, openBlock as i, Transition as d, withCtx as u, withDirectives as p, createElementVNode as f, normalizeStyle as g, normalizeClass as _, createCommentVNode as y, toDisplayString as v, vShow as h, render as C, createVNode as w } from "vue";
-import { M as b } from "./mc-icon-BeM-PhUM.js";
+import { M as b } from "./mc-icon-DgWQKpUb.js";
 const E = { class: "mc-message__content" }, I = { class: "mc-message__title" }, k = e(o({ name: "McMessage", __name: "mc-message", props: { type: { default: "info" }, message: { default: "" }, duration: { default: 3e3 }, showIcon: { type: Boolean, default: true }, closable: { type: Boolean, default: false }, onClose: {} }, emits: ["close"], setup(e2, { expose: s2, emit: o2 }) {
   const C2 = e2, w2 = o2, k2 = n(), x2 = n(true), M2 = t(a()), A2 = c(() => ({ ...r(M2).style })), B2 = { success: "Accept_02", info: "Info_02", warning: "Error_02", error: "Error_04" }, j2 = () => {
     var _a;

package/dist/es/{mc-radio-BqtGdBKj.js → mc-radio-J4oXq4kB.js}

@@ -1,5 +1,5 @@
 import { defineComponent as a, provide as e, computed as l, createElementBlock as d, openBlock as s, renderSlot as o, inject as r, normalizeClass as i, createElementVNode as c, createTextVNode as m, toDisplayString as t } from "vue";
-import { _ as u, w as n } from "./utils-ylUc-vYY.js";
+import { _ as u, w as n } from "./utils-C5rkiZEb.js";
 const p = Symbol("selectContext"), v = { class: "mc-radio-group" }, b = u(a({ name: "McRadioGroup", __name: "mc-radio-group", props: { modelValue: {}, disabled: { type: Boolean } }, emits: ["update:modelValue", "change"], setup(a2, { emit: r2 }) {
   const i2 = a2, c2 = r2;
   return e(p, { modelValue: l(() => i2.modelValue), disabled: l(() => i2.disabled), handleSelect: (a3) => {

package/dist/es/{mc-select-zjg-qgVl.js → mc-select-B-Q-U8qN.js}

@@ -1,8 +1,8 @@
 import { defineComponent as e, ref as l, computed as a, watch as t, provide as s, createElementBlock as o, openBlock as c, normalizeStyle as d, normalizeClass as i, createElementVNode as u, createVNode as n, createCommentVNode as v, createBlock as r, resolveDynamicComponent as p, withDirectives as m, vModelText as h, Transition as f, withCtx as g, renderSlot as _, createTextVNode as b, vShow as y, inject as w, useSlots as k, onMounted as V, onBeforeUnmount as O, h as S, toDisplayString as x, toRefs as C, useAttrs as M, toValue as j } from "vue";
-import { M as I } from "./mc-icon-BeM-PhUM.js";
-import { b as $ } from "./hooks-CxnUJS3d.js";
-import { c as A, n as N } from "./vendor-Cxzr_0t9.js";
-import { _ as B, w as G } from "./utils-ylUc-vYY.js";
+import { M as I } from "./mc-icon-DgWQKpUb.js";
+import { b as $ } from "./hooks-62IIdhwx.js";
+import { c as A, n as N } from "./vendor--XeEo7ry.js";
+import { _ as B, w as G } from "./utils-C5rkiZEb.js";
 const D = Symbol("selectContext"), P = Symbol("selectGroupContext"), T = { key: 0, class: "mc-select-selected-content" }, U = { class: "mc-select-input-wrapper" }, q = ["placeholder", "readonly", "disabled"], z = { class: "mc-select-dropdown-wrapper" }, E = { class: "mc-select-dropdown" }, F = { key: 0, class: "mc-select-no-data" }, H = B(e({ name: "McSelect", inheritAttrs: false, __name: "mc-select", props: { modelValue: { default: "" }, placeholder: { default: "Please select" }, disabled: { type: Boolean }, type: { default: "single" }, width: {}, height: {}, search: { type: Boolean } }, emits: ["update:modelValue", "change"], setup(e2, { emit: w2 }) {
   const k2 = e2, V2 = w2, O2 = l([]), S2 = a(() => A(P2.value) ? O2.value : O2.value.filter((e3) => N(e3.label ?? e3.value).includes(N(P2.value)))), x2 = a(() => 0 === S2.value.length), C2 = l(false), M2 = () => {
     C2.value = !C2.value;

package/dist/es/mc-step-DKmFVLGM.js

@@ -0,0 +1,47 @@
+import { defineComponent as e, computed as t, watch as s, nextTick as c, ref as l, onMounted as n, createElementBlock as a, openBlock as m, normalizeClass as i, createElementVNode as o, Fragment as u, renderList as r, createBlock as p, toDisplayString as d, createCommentVNode as v, Transition as f, withCtx as y, resolveDynamicComponent as g } from "vue";
+import { _ as k } from "./mc-success-icon-Blkes99Z.js";
+import { c as h } from "./hooks-62IIdhwx.js";
+import { o as _, t as b } from "./vendor--XeEo7ry.js";
+import { _ as R, w as S } from "./utils-C5rkiZEb.js";
+const x = { class: "mc-step-number-container" }, B = { class: "mc-step-item-number" }, C = { key: 0, class: "mc-step-item-number-text" }, V = { class: "mc-step-item-content" }, j = { class: "mc-step-item-label" }, q = { class: "mc-step-item-desc" }, w = { key: 0, class: "mc-step-item-component" }, A = S(R(e({ name: "McStep", inheritAttrs: false, __name: "mc-step", props: { modelValue: {}, steps: {}, type: { default: "vertical" } }, emits: ["change", "success"], setup(e2, { expose: R2, emit: S2 }) {
+  const A2 = e2, Y = t(() => "vertical" === A2.type), $ = S2;
+  s(() => A2.modelValue, async (e3) => {
+    var _a;
+    await c();
+    const t2 = (_a = A2.steps[I.value - 1]) == null ? void 0 : _a.key;
+    D(t2), Y.value && F(), $("change", e3);
+  });
+  const L = l(), M = l(), X = l(), I = t(() => _(A2.steps, (e3) => e3.key === A2.modelValue)), z = l(), D = (e3) => {
+    z.value = e3, $("success", e3);
+  }, E = t(() => _(A2.steps, (e3) => e3.key === z.value));
+  n(() => {
+    Y.value ? F() : (G(), H());
+  });
+  const F = () => {
+    const e3 = E.value, t2 = X.value;
+    if (e3 < 0) return void (t2.style.transform = "scaleY(0)");
+    const s2 = L.value, c2 = s2.querySelectorAll(".mc-step-item");
+    if (e3 + 1 > c2.length - 1) return void (t2.style.transform = "scaleY(1)");
+    const l2 = c2 == null ? void 0 : c2[e3 + 1], n2 = s2.getBoundingClientRect(), a2 = (l2.getBoundingClientRect().top - n2.top) / (n2.height - 24);
+    t2.style.transform = `scaleY(${a2})`;
+  }, G = () => {
+    var _a, _b;
+    const e3 = L.value, t2 = M.value, s2 = e3.querySelectorAll(".mc-step-item"), c2 = (_a = s2 == null ? void 0 : s2[0]) == null ? void 0 : _a.querySelector(".mc-step-item-number"), l2 = (_b = s2 == null ? void 0 : s2[s2.length - 1]) == null ? void 0 : _b.querySelector(".mc-step-item-number");
+    if (!c2 || !l2) return void (t2.style.width = "0px");
+    const n2 = e3.getBoundingClientRect(), a2 = c2.getBoundingClientRect(), m2 = l2.getBoundingClientRect();
+    t2.style.width = m2.left - a2.left + "px", t2.style.left = a2.left - n2.left + "px";
+  }, H = () => {
+    const e3 = X.value, t2 = E.value;
+    if (t2 < 0) return void (e3.style.transform = "scaleX(0)");
+    const s2 = (t2 + 1) / (A2.steps.length - 1), c2 = s2 > 1 ? 1 : s2;
+    e3.style.transform = `scaleX(${c2})`;
+  };
+  return s(() => z.value, () => {
+    Y.value ? F() : H();
+  }), h(b(() => {
+    Y.value ? F() : (G(), H());
+  }, 50)), R2({ ref: L, setSuccessStep: D }), (e3, t2) => (m(), a("div", { class: i(["mc-step", `mc-step-${e3.type}`]), ref_key: "_ref", ref: L }, [(m(true), a(u, null, r(e3.steps, (t3, s2) => (m(), a("div", { class: i(["mc-step-item", { "mc-step-item-active": e3.modelValue === t3.key, "mc-step-item-disabled": t3.disabled, "mc-step-item-success": s2 <= E.value }]), key: t3.key }, [o("div", x, [o("div", B, [s2 > E.value || t3.disabled ? (m(), a("span", C, d(s2 + 1), 1)) : (m(), p(k, { key: 1 }))])]), o("div", V, [o("h3", j, d(t3.label), 1), o("p", q, d(t3.desc), 1), Y.value ? (m(), p(f, { key: 0, name: "mc-step-item-component" }, { default: y(() => [t3.component && t3.key === e3.modelValue ? (m(), a("div", w, [(m(), p(g(t3.component)))])) : v("", true)]), _: 2 }, 1024)) : v("", true)])], 2))), 128)), o("div", { ref_key: "unsuccessLineRef", ref: M, class: "mc-step-line mc-step-unsuccess-line" }, [o("div", { ref_key: "successLineRef", ref: X, class: "mc-step-success-line" }, null, 512)], 512)], 2));
+} }), [["__scopeId", "data-v-f4002da3"]]));
+export {
+  A as M
+};

package/dist/es/mc-success-icon-Blkes99Z.js

@@ -0,0 +1,9 @@
+import { createElementBlock as o, openBlock as s, createElementVNode as e } from "vue";
+import { _ as r, w as n } from "./utils-C5rkiZEb.js";
+const t = { class: "success-icon", width: "400", height: "400", viewBox: "0 0 400 400" }, i = r({}, [["render", function(r2, n2) {
+  return s(), o("svg", t, n2[0] || (n2[0] = [e("circle", { class: "circle", fill: "none", transform: "rotate(-90 200 200)", "stroke-width": "20", cx: "200", cy: "200", r: "190", "stroke-linecap": "round" }, null, -1), e("polyline", { class: "tick", fill: "none", "stroke-width": "26", points: "120,214 173,260 274,160", "stroke-linecap": "round", "stroke-linejoin": "round" }, null, -1)]));
+}], ["__scopeId", "data-v-9da310d1"]]), l = n(i);
+export {
+  l as M,
+  i as _
+};

package/dist/es/{mc-switch-CeO7jQm6.js → mc-switch-DIRBLPV8.js}

@@ -1,5 +1,5 @@
 import { defineComponent as e, ref as l, createElementBlock as a, openBlock as s, createElementVNode as t, normalizeClass as d, createCommentVNode as o, normalizeStyle as c, toDisplayString as i, renderSlot as m, createTextVNode as u } from "vue";
-import { _ as p, w as n } from "./utils-ylUc-vYY.js";
+import { _ as p, w as n } from "./utils-C5rkiZEb.js";
 const f = { class: "mc-switch-wrapper" }, r = ["disabled", "value"], b = { key: 0, class: "mc-switch-text" }, h = { key: 0, class: "mc-switch-label" }, w = n(p(e({ name: "McSwitch", __name: "mc-switch", props: { modelValue: { type: Boolean, default: false }, width: {}, label: {}, disabled: { type: Boolean, default: false }, onText: {}, offText: {} }, emits: ["update:modelValue"], setup(e2, { expose: p2, emit: n2 }) {
   const w2 = e2, x = n2, y = l(), V = () => {
     w2.disabled || x("update:modelValue", !w2.modelValue);

package/dist/es/{mc-table-iUl1p5fd.js → mc-table-BUZHg5vc.js}

@@ -1,8 +1,8 @@
 import { defineComponent as e, computed as a, createElementBlock as l, createCommentVNode as n, openBlock as t, normalizeClass as o, renderSlot as i, Fragment as s, createTextVNode as c, toDisplayString as r, useSlots as u, ref as p, normalizeStyle as d, createElementVNode as g, renderList as m, createVNode as v, unref as h, createBlock as f, createSlots as _, withCtx as b, mergeProps as y, watch as w, withDirectives as x, vModelSelect as k, onMounted as S, nextTick as C, toRefs as z, normalizeProps as I, guardReactiveProps as M } from "vue";
-import { M as R } from "./mc-checkbox-DVNDqYj9.js";
-import { _ as $ } from "./utils-ylUc-vYY.js";
-import { M as P } from "./mc-icon-BeM-PhUM.js";
-const H = ["rowspan", "colspan"], W = $(e({ __name: "mc-table-cell", props: { row: {}, column: {}, rowIndex: {}, columnIndex: {}, pagination: {}, spanMethod: { type: Function } }, setup(e2) {
+import { M as R } from "./mc-checkbox-BUZHr7Ys.js";
+import { _ as $, w as P } from "./utils-C5rkiZEb.js";
+import { M as H } from "./mc-icon-DgWQKpUb.js";
+const W = ["rowspan", "colspan"], O = $(e({ __name: "mc-table-cell", props: { row: {}, column: {}, rowIndex: {}, columnIndex: {}, pagination: {}, spanMethod: { type: Function } }, setup(e2) {
   const u2 = e2, p2 = a(() => {
     if (u2.spanMethod) {
       const e3 = u2.pagination && u2.pagination.currentPage && u2.pagination.pageSize ? (u2.pagination.currentPage - 1) * u2.pagination.pageSize + u2.rowIndex : u2.rowIndex, a2 = u2.spanMethod({ row: u2.row, column: u2.column, rowIndex: e3, columnIndex: u2.columnIndex });
@@ -39,28 +39,28 @@ const H = ["rowspan", "colspan"], W = $(e({ __name: "mc-table-cell", props: { ro
     }
     return true;
   });
-  return (e3, a2) => g2.value ? (t(), l("td", { key: 0, class: o([e3.column.className, e3.column.align ? `is-${e3.column.align}` : "", e3.column.fixed ? `is-fixed-${"boolean" == typeof e3.column.fixed ? "left" : e3.column.fixed}` : "", "is-display-" + (0 === d2.value ? "none" : "table-cell")]), rowspan: p2.value, colspan: d2.value }, [i(e3.$slots, "cell", { row: e3.row, column: e3.column, $index: e3.rowIndex, value: e3.row[e3.column.prop], prop: e3.column.prop }, () => [i(e3.$slots, e3.column.slot || e3.column.prop, { row: e3.row, column: e3.column, $index: e3.rowIndex, value: e3.row[e3.column.prop] }, () => [e3.column.formatter ? (t(), l(s, { key: 0 }, [c(r(e3.column.formatter(e3.row, e3.column, e3.row[e3.column.prop], e3.rowIndex)), 1)], 64)) : (t(), l(s, { key: 1 }, [c(r(e3.row[e3.column.prop]), 1)], 64))], true)], true)], 10, H)) : n("", true);
-} }), [["__scopeId", "data-v-5892a88f"]]), O = { class: "mc-table__body", cellspacing: "0", cellpadding: "0", border: "0" }, D = { key: 0, width: "50" }, B = ["width"], L = ["onClick"], T = { key: 0, class: "mc-table__selection-column" }, A = { class: "mc-table__cell" }, K = { key: 1 }, N = ["colspan"], j = { key: 1 }, E = $(e({ __name: "mc-table-body", props: { data: {}, columns: {}, rowKey: {}, emptyText: {}, height: {}, maxHeight: {}, pagination: {}, spanMethod: {}, getRowClass: {}, selectable: { type: Boolean, default: false }, selectedRows: {}, selectOnRowClick: { type: Boolean, default: false } }, emits: ["row-click", "select"], setup(e2, { expose: c2, emit: w2 }) {
+  return (e3, a2) => g2.value ? (t(), l("td", { key: 0, class: o([e3.column.className, e3.column.align ? `is-${e3.column.align}` : "", e3.column.fixed ? `is-fixed-${"boolean" == typeof e3.column.fixed ? "left" : e3.column.fixed}` : "", "is-display-" + (0 === d2.value ? "none" : "table-cell")]), rowspan: p2.value, colspan: d2.value }, [i(e3.$slots, "cell", { row: e3.row, column: e3.column, $index: e3.rowIndex, value: e3.row[e3.column.prop], prop: e3.column.prop }, () => [i(e3.$slots, e3.column.slot || e3.column.prop, { row: e3.row, column: e3.column, $index: e3.rowIndex, value: e3.row[e3.column.prop] }, () => [e3.column.formatter ? (t(), l(s, { key: 0 }, [c(r(e3.column.formatter(e3.row, e3.column, e3.row[e3.column.prop], e3.rowIndex)), 1)], 64)) : (t(), l(s, { key: 1 }, [c(r(e3.row[e3.column.prop]), 1)], 64))], true)], true)], 10, W)) : n("", true);
+} }), [["__scopeId", "data-v-5892a88f"]]), D = { class: "mc-table__body", cellspacing: "0", cellpadding: "0", border: "0" }, B = { key: 0, width: "50" }, L = ["width"], T = ["onClick"], A = { key: 0, class: "mc-table__selection-column" }, K = { class: "mc-table__cell" }, N = { key: 1 }, j = ["colspan"], E = { key: 1 }, F = $(e({ __name: "mc-table-body", props: { data: {}, columns: {}, rowKey: {}, emptyText: {}, height: {}, maxHeight: {}, pagination: {}, spanMethod: {}, getRowClass: {}, selectable: { type: Boolean, default: false }, selectedRows: {}, selectOnRowClick: { type: Boolean, default: false } }, emits: ["row-click", "select"], setup(e2, { expose: c2, emit: w2 }) {
   const x2 = e2, k2 = u(), S2 = w2, C2 = p(), z2 = a(() => {
     const e3 = {};
     return x2.height && (e3.height = "number" == typeof x2.height ? `${x2.height}px` : x2.height), x2.maxHeight && (e3.maxHeight = "number" == typeof x2.maxHeight ? `${x2.maxHeight}px` : x2.maxHeight), e3;
   }), I2 = (e3) => !!x2.selectedRows && x2.selectedRows.some((a2) => x2.rowKey ? a2[x2.rowKey] === e3[x2.rowKey] : a2 === e3);
-  return c2({ bodyWrapper: C2 }), (e3, a2) => (t(), l("div", { class: "mc-table__body-wrapper", ref_key: "bodyWrapper", ref: C2, style: d(z2.value) }, [g("table", O, [g("colgroup", null, [e3.selectable ? (t(), l("col", D)) : n("", true), (t(true), l(s, null, m(e3.columns, (e4, a3) => (t(), l("col", { key: a3, width: e4.width }, null, 8, B))), 128))]), g("tbody", null, [e3.data && e3.data.length > 0 ? (t(true), l(s, { key: 0 }, m(e3.data, (a3, c3) => (t(), l("tr", { key: e3.rowKey ? a3[e3.rowKey] : c3, class: o(e3.getRowClass ? e3.getRowClass(a3, c3) : []), onClick: (e4) => function(e5, a4) {
+  return c2({ bodyWrapper: C2 }), (e3, a2) => (t(), l("div", { class: "mc-table__body-wrapper", ref_key: "bodyWrapper", ref: C2, style: d(z2.value) }, [g("table", D, [g("colgroup", null, [e3.selectable ? (t(), l("col", B)) : n("", true), (t(true), l(s, null, m(e3.columns, (e4, a3) => (t(), l("col", { key: a3, width: e4.width }, null, 8, L))), 128))]), g("tbody", null, [e3.data && e3.data.length > 0 ? (t(true), l(s, { key: 0 }, m(e3.data, (a3, c3) => (t(), l("tr", { key: e3.rowKey ? a3[e3.rowKey] : c3, class: o(e3.getRowClass ? e3.getRowClass(a3, c3) : []), onClick: (e4) => function(e5, a4) {
     S2("row-click", e5, a4);
-  }(a3, c3) }, [e3.selectable ? (t(), l("td", T, [g("div", A, [v(h(R), { "model-value": I2(a3), onChange: (e4) => function(e5, a4) {
+  }(a3, c3) }, [e3.selectable ? (t(), l("td", A, [g("div", K, [v(h(R), { "model-value": I2(a3), onChange: (e4) => function(e5, a4) {
     S2("select", e5, a4);
-  }(a3, e4) }, null, 8, ["model-value", "onChange"])])])) : n("", true), (t(true), l(s, null, m(e3.columns, (l2, n2) => (t(), f(W, { key: n2, row: a3, column: l2, "row-index": c3, "column-index": n2, "span-method": e3.spanMethod, pagination: e3.pagination }, _({ _: 2 }, [m(Object.keys(e3.$slots), (a4) => ({ name: a4, fn: b((l3) => [i(e3.$slots, a4, y({ ref_for: true }, l3), void 0, true)]) }))]), 1032, ["row", "column", "row-index", "column-index", "span-method", "pagination"]))), 128))], 10, L))), 128)) : (t(), l("tr", K, [g("td", { colspan: e3.selectable ? e3.columns.length + 1 : e3.columns.length, class: "mc-table__empty-cell" }, [h(k2).empty ? i(e3.$slots, "empty", { key: 0 }, void 0, true) : (t(), l("div", j, r(e3.emptyText), 1))], 8, N)]))])])], 4));
-} }), [["__scopeId", "data-v-a0a8dc5a"]]), F = { class: "mc-table__header", cellspacing: "0", cellpadding: "0", border: "0" }, U = { key: 0, width: "50" }, V = ["width"], q = { key: 0, class: "mc-table__selection-column" }, G = { class: "mc-table__header-cell" }, J = ["onClick"], Q = { class: "mc-table__header-cell" }, X = { class: "mc-table__header-label" }, Y = { key: 0, class: "mc-table__sort-caret" }, Z = $(e({ __name: "mc-table-header", props: { columns: {}, showHeader: { type: Boolean, default: true }, getSortOrder: { type: Function, default: () => null }, selectable: { type: Boolean, default: false }, isAllSelected: { type: Boolean, default: false }, isIndeterminate: { type: Boolean, default: false } }, emits: ["header-click", "sort-change", "select-all"], setup(e2, { expose: a2, emit: u2 }) {
+  }(a3, e4) }, null, 8, ["model-value", "onChange"])])])) : n("", true), (t(true), l(s, null, m(e3.columns, (l2, n2) => (t(), f(O, { key: n2, row: a3, column: l2, "row-index": c3, "column-index": n2, "span-method": e3.spanMethod, pagination: e3.pagination }, _({ _: 2 }, [m(Object.keys(e3.$slots), (a4) => ({ name: a4, fn: b((l3) => [i(e3.$slots, a4, y({ ref_for: true }, l3), void 0, true)]) }))]), 1032, ["row", "column", "row-index", "column-index", "span-method", "pagination"]))), 128))], 10, T))), 128)) : (t(), l("tr", N, [g("td", { colspan: e3.selectable ? e3.columns.length + 1 : e3.columns.length, class: "mc-table__empty-cell" }, [h(k2).empty ? i(e3.$slots, "empty", { key: 0 }, void 0, true) : (t(), l("div", E, r(e3.emptyText), 1))], 8, j)]))])])], 4));
+} }), [["__scopeId", "data-v-a0a8dc5a"]]), U = { class: "mc-table__header", cellspacing: "0", cellpadding: "0", border: "0" }, V = { key: 0, width: "50" }, q = ["width"], G = { key: 0, class: "mc-table__selection-column" }, J = { class: "mc-table__header-cell" }, Q = ["onClick"], X = { class: "mc-table__header-cell" }, Y = { class: "mc-table__header-label" }, Z = { key: 0, class: "mc-table__sort-caret" }, ee = $(e({ __name: "mc-table-header", props: { columns: {}, showHeader: { type: Boolean, default: true }, getSortOrder: { type: Function, default: () => null }, selectable: { type: Boolean, default: false }, isAllSelected: { type: Boolean, default: false }, isIndeterminate: { type: Boolean, default: false } }, emits: ["header-click", "sort-change", "select-all"], setup(e2, { expose: a2, emit: u2 }) {
   const d2 = e2, _2 = u2, b2 = p(), y2 = (e3) => {
     _2("select-all", e3);
   }, w2 = (e3) => {
     const a3 = d2.getSortOrder(e3);
     return "asc" === a3 ? "is-sort-asc" : "desc" === a3 ? "is-sort-desc" : "";
   };
-  return a2({ headerWrapper: b2 }), (e3, a3) => e3.showHeader ? (t(), l("div", { key: 0, class: "mc-table__header-wrapper", ref_key: "headerWrapper", ref: b2 }, [g("table", F, [g("colgroup", null, [e3.selectable ? (t(), l("col", U)) : n("", true), (t(true), l(s, null, m(e3.columns, (e4, a4) => (t(), l("col", { key: a4, width: e4.width }, null, 8, V))), 128))]), g("thead", null, [g("tr", null, [e3.selectable ? (t(), l("th", q, [g("div", G, [v(h(R), { "model-value": e3.isAllSelected, partial: e3.isIndeterminate, onChange: y2 }, null, 8, ["model-value", "partial"])])])) : n("", true), (t(true), l(s, null, m(e3.columns, (a4, s2) => (t(), l("th", { key: s2, class: o([a4.headerClassName, a4.align ? `is-${a4.align}` : "", a4.fixed ? `is-fixed-${"boolean" == typeof a4.fixed ? "left" : a4.fixed}` : "", a4.sortable ? "is-sortable" : "", w2(a4.prop)]), onClick: (e4) => ((e5, a5) => {
+  return a2({ headerWrapper: b2 }), (e3, a3) => e3.showHeader ? (t(), l("div", { key: 0, class: "mc-table__header-wrapper", ref_key: "headerWrapper", ref: b2 }, [g("table", U, [g("colgroup", null, [e3.selectable ? (t(), l("col", V)) : n("", true), (t(true), l(s, null, m(e3.columns, (e4, a4) => (t(), l("col", { key: a4, width: e4.width }, null, 8, q))), 128))]), g("thead", null, [g("tr", null, [e3.selectable ? (t(), l("th", G, [g("div", J, [v(h(R), { "model-value": e3.isAllSelected, partial: e3.isIndeterminate, onChange: y2 }, null, 8, ["model-value", "partial"])])])) : n("", true), (t(true), l(s, null, m(e3.columns, (a4, s2) => (t(), l("th", { key: s2, class: o([a4.headerClassName, a4.align ? `is-${a4.align}` : "", a4.fixed ? `is-fixed-${"boolean" == typeof a4.fixed ? "left" : a4.fixed}` : "", a4.sortable ? "is-sortable" : "", w2(a4.prop)]), onClick: (e4) => ((e5, a5) => {
     e5.sortable && _2("sort-change", e5), _2("header-click", e5, a5);
-  })(a4, e4) }, [g("div", Q, [g("span", X, [i(e3.$slots, `header-${a4.slot || a4.prop}`, { column: a4, index: s2 }, () => [c(r(a4.label), 1)], true)]), a4.sortable ? (t(), l("span", Y, ["asc" === e3.getSortOrder(a4.prop) ? (t(), f(P, { key: 0, name: "Up-Chevron02", class: o(["mc-table__sort-icon", { "is-active": "asc" === e3.getSortOrder(a4.prop) }]) }, null, 8, ["class"])) : (t(), f(P, { key: 1, name: "Down-Chevron02", class: o(["mc-table__sort-icon", { "is-active": "desc" === e3.getSortOrder(a4.prop) }]) }, null, 8, ["class"]))])) : n("", true)])], 10, J))), 128))])])])], 512)) : n("", true);
-} }), [["__scopeId", "data-v-04e7c4a9"]]), ee = { class: "mc-table__loading-content" }, ae = { class: "mc-table__loading-spinner" }, le = { key: 0, class: "mc-table__spinner mc-table__spinner--default" }, ne = { key: 1, class: "mc-table__spinner mc-table__spinner--circle" }, te = { key: 2, class: "mc-table__spinner mc-table__spinner--pulse" }, oe = ["innerHTML"], ie = { key: 0, class: "mc-table__loading-text" }, se = $(e({ __name: "mc-table-loading", props: { loading: { type: Boolean, default: false }, loadingText: { default: "Loading..." }, loadingConfig: { default: () => ({ spinner: "default" }) } }, setup(e2) {
+  })(a4, e4) }, [g("div", X, [g("span", Y, [i(e3.$slots, `header-${a4.slot || a4.prop}`, { column: a4, index: s2 }, () => [c(r(a4.label), 1)], true)]), a4.sortable ? (t(), l("span", Z, ["asc" === e3.getSortOrder(a4.prop) ? (t(), f(H, { key: 0, name: "Up-Chevron02", class: o(["mc-table__sort-icon", { "is-active": "asc" === e3.getSortOrder(a4.prop) }]) }, null, 8, ["class"])) : (t(), f(H, { key: 1, name: "Down-Chevron02", class: o(["mc-table__sort-icon", { "is-active": "desc" === e3.getSortOrder(a4.prop) }]) }, null, 8, ["class"]))])) : n("", true)])], 10, Q))), 128))])])])], 512)) : n("", true);
+} }), [["__scopeId", "data-v-04e7c4a9"]]), ae = { class: "mc-table__loading-content" }, le = { class: "mc-table__loading-spinner" }, ne = { key: 0, class: "mc-table__spinner mc-table__spinner--default" }, te = { key: 1, class: "mc-table__spinner mc-table__spinner--circle" }, oe = { key: 2, class: "mc-table__spinner mc-table__spinner--pulse" }, ie = ["innerHTML"], se = { key: 0, class: "mc-table__loading-text" }, ce = $(e({ __name: "mc-table-loading", props: { loading: { type: Boolean, default: false }, loadingText: { default: "Loading..." }, loadingConfig: { default: () => ({ spinner: "default" }) } }, setup(e2) {
   const s2 = e2, c2 = a(() => {
     var _a;
     return ((_a = s2.loadingConfig) == null ? void 0 : _a.text) || s2.loadingText;
@@ -71,12 +71,12 @@ const H = ["rowspan", "colspan"], W = $(e({ __name: "mc-table-cell", props: { ro
   });
   return (e3, a2) => {
     var _a;
-    return e3.loading ? (t(), l("div", { key: 0, class: o(["mc-table__loading-wrapper", ["mc-table__loading-wrapper", (_a = e3.loadingConfig) == null ? void 0 : _a.customClass]]), style: d(u2.value) }, [g("div", ee, [i(e3.$slots, "loading", { loading: e3.loading, text: c2.value }, () => {
+    return e3.loading ? (t(), l("div", { key: 0, class: o(["mc-table__loading-wrapper", ["mc-table__loading-wrapper", (_a = e3.loadingConfig) == null ? void 0 : _a.customClass]]), style: d(u2.value) }, [g("div", ae, [i(e3.$slots, "loading", { loading: e3.loading, text: c2.value }, () => {
       var _a2;
-      return [g("div", ae, [((_a2 = e3.loadingConfig) == null ? void 0 : _a2.spinner) && "default" !== e3.loadingConfig.spinner ? "circle" === e3.loadingConfig.spinner ? (t(), l("div", ne)) : "pulse" === e3.loadingConfig.spinner ? (t(), l("div", te)) : (t(), l("div", { key: 3, class: "mc-table__spinner mc-table__spinner--custom", innerHTML: e3.loadingConfig.spinner }, null, 8, oe)) : (t(), l("div", le, a2[0] || (a2[0] = [g("div", { class: "mc-table__spinner-dot" }, null, -1), g("div", { class: "mc-table__spinner-dot" }, null, -1), g("div", { class: "mc-table__spinner-dot" }, null, -1), g("div", { class: "mc-table__spinner-dot" }, null, -1)])))]), c2.value ? (t(), l("div", ie, r(c2.value), 1)) : n("", true)];
+      return [g("div", le, [((_a2 = e3.loadingConfig) == null ? void 0 : _a2.spinner) && "default" !== e3.loadingConfig.spinner ? "circle" === e3.loadingConfig.spinner ? (t(), l("div", te)) : "pulse" === e3.loadingConfig.spinner ? (t(), l("div", oe)) : (t(), l("div", { key: 3, class: "mc-table__spinner mc-table__spinner--custom", innerHTML: e3.loadingConfig.spinner }, null, 8, ie)) : (t(), l("div", ne, a2[0] || (a2[0] = [g("div", { class: "mc-table__spinner-dot" }, null, -1), g("div", { class: "mc-table__spinner-dot" }, null, -1), g("div", { class: "mc-table__spinner-dot" }, null, -1), g("div", { class: "mc-table__spinner-dot" }, null, -1)])))]), c2.value ? (t(), l("div", se, r(c2.value), 1)) : n("", true)];
     }, true)])], 6)) : n("", true);
   };
-} }), [["__scopeId", "data-v-2d08fe8f"]]), ce = { key: 0, class: "mc-table__pagination" }, re = { class: "mc-table__pagination-info" }, ue = { class: "mc-table__pagination-controls" }, pe = ["onClick"], de = { key: 1, class: "mc-table__pagination-ellipsis" }, ge = { class: "mc-table__pagination-size" }, me = ["value"], ve = $(e({ __name: "mc-table-pagination", props: { pagination: {} }, emits: ["page-change"], setup(e2, { emit: i2 }) {
+} }), [["__scopeId", "data-v-2d08fe8f"]]), re = { key: 0, class: "mc-table__pagination" }, ue = { class: "mc-table__pagination-info" }, pe = { class: "mc-table__pagination-controls" }, de = ["onClick"], ge = { key: 1, class: "mc-table__pagination-ellipsis" }, me = { class: "mc-table__pagination-size" }, ve = ["value"], he = $(e({ __name: "mc-table-pagination", props: { pagination: {} }, emits: ["page-change"], setup(e2, { emit: i2 }) {
   var _a, _b, _c;
   const c2 = e2, u2 = i2, d2 = p(((_a = c2.pagination) == null ? void 0 : _a.currentPage) || 1), h2 = p(((_b = c2.pagination) == null ? void 0 : _b.pageSize) || 50), f2 = p(((_c = c2.pagination) == null ? void 0 : _c.pageSizes) || [25, 50, 75, 100]);
   w(() => {
@@ -114,9 +114,9 @@ const H = ["rowspan", "colspan"], W = $(e({ __name: "mc-table-cell", props: { ro
   }, z2 = () => {
     d2.value = 1, u2("page-change", { pageSize: h2.value, pageNum: 1 });
   };
-  return (e3, a2) => e3.pagination ? (t(), l("div", ce, [g("div", re, "Showing " + r(b2.value) + "-" + r(y2.value) + " of " + r(e3.pagination.total), 1), g("div", ue, [v(P, { name: "First", class: o({ "mc-table__icon": true, "is-disabled": d2.value <= 1 }), size: 24, onClick: a2[0] || (a2[0] = (e4) => C2(1)) }, null, 8, ["class"]), v(P, { name: "Left-Chevron", class: o({ "mc-table__icon": true, "is-disabled": d2.value <= 1 }), size: 24, onClick: a2[1] || (a2[1] = (e4) => C2(d2.value - 1)) }, null, 8, ["class"]), (t(true), l(s, null, m(S2.value, (e4) => (t(), l(s, { key: e4 }, ["..." !== e4 ? (t(), l("button", { key: 0, class: o(["mc-table__pagination-button mc-table__pagination-button--page", { "is-active": e4 === d2.value }]), onClick: (a3) => "number" == typeof e4 ? C2(e4) : void 0 }, r(e4), 11, pe)) : (t(), l("span", de, "..."))], 64))), 128)), v(P, { name: "Right-Chevron", class: o({ "mc-table__icon": true, "is-disabled": d2.value >= _2.value }), size: 24, onClick: a2[2] || (a2[2] = (e4) => C2(d2.value + 1)) }, null, 8, ["class"]), v(P, { name: "Last", class: o({ "mc-table__icon": true, "is-disabled": d2.value >= _2.value }), size: 24, onClick: a2[3] || (a2[3] = (e4) => C2(_2.value)) }, null, 8, ["class"])]), g("div", ge, [a2[5] || (a2[5] = g("label", { class: "mc-table__pagination-size-label" }, "View per page", -1)), f2.value && f2.value.length > 0 ? x((t(), l("select", { key: 0, class: "mc-table__pagination-select", "onUpdate:modelValue": a2[4] || (a2[4] = (e4) => h2.value = e4), onChange: z2 }, [(t(true), l(s, null, m(f2.value, (e4) => (t(), l("option", { key: e4, value: e4 }, r(e4), 9, me))), 128))], 544)), [[k, h2.value]]) : n("", true)])])) : n("", true);
+  return (e3, a2) => e3.pagination ? (t(), l("div", re, [g("div", ue, "Showing " + r(b2.value) + "-" + r(y2.value) + " of " + r(e3.pagination.total), 1), g("div", pe, [v(H, { name: "First", class: o({ "mc-table__icon": true, "is-disabled": d2.value <= 1 }), size: 24, onClick: a2[0] || (a2[0] = (e4) => C2(1)) }, null, 8, ["class"]), v(H, { name: "Left-Chevron", class: o({ "mc-table__icon": true, "is-disabled": d2.value <= 1 }), size: 24, onClick: a2[1] || (a2[1] = (e4) => C2(d2.value - 1)) }, null, 8, ["class"]), (t(true), l(s, null, m(S2.value, (e4) => (t(), l(s, { key: e4 }, ["..." !== e4 ? (t(), l("button", { key: 0, class: o(["mc-table__pagination-button mc-table__pagination-button--page", { "is-active": e4 === d2.value }]), onClick: (a3) => "number" == typeof e4 ? C2(e4) : void 0 }, r(e4), 11, de)) : (t(), l("span", ge, "..."))], 64))), 128)), v(H, { name: "Right-Chevron", class: o({ "mc-table__icon": true, "is-disabled": d2.value >= _2.value }), size: 24, onClick: a2[2] || (a2[2] = (e4) => C2(d2.value + 1)) }, null, 8, ["class"]), v(H, { name: "Last", class: o({ "mc-table__icon": true, "is-disabled": d2.value >= _2.value }), size: 24, onClick: a2[3] || (a2[3] = (e4) => C2(_2.value)) }, null, 8, ["class"])]), g("div", me, [a2[5] || (a2[5] = g("label", { class: "mc-table__pagination-size-label" }, "View per page", -1)), f2.value && f2.value.length > 0 ? x((t(), l("select", { key: 0, class: "mc-table__pagination-select", "onUpdate:modelValue": a2[4] || (a2[4] = (e4) => h2.value = e4), onChange: z2 }, [(t(true), l(s, null, m(f2.value, (e4) => (t(), l("option", { key: e4, value: e4 }, r(e4), 9, ve))), 128))], 544)), [[k, h2.value]]) : n("", true)])])) : n("", true);
 } }), [["__scopeId", "data-v-229c4546"]]);
-function he(e2, l2) {
+function fe(e2, l2) {
   var _a, _b;
   const n2 = p(((_a = l2.value) == null ? void 0 : _a.currentPage) || 1), t2 = p(((_b = l2.value) == null ? void 0 : _b.pageSize) || 50);
   w(() => {
@@ -135,7 +135,7 @@ function he(e2, l2) {
     n2.value = e3.pageNum, t2.value = e3.pageSize;
   } };
 }
-function fe(e2, l2, n2) {
+function _e(e2, l2, n2) {
   const t2 = p(false), o2 = p(null), i2 = a(() => t2.value ? e2.value : e2.value.map((e3) => ({ ...e3, fixed: void 0 })));
   function s2() {
     o2.value && (t2.value = o2.value.scrollWidth > o2.value.clientWidth);
@@ -156,7 +156,7 @@ function fe(e2, l2, n2) {
     r2();
   }), { hasHorizontalScroll: t2, columnsWithFixed: i2, checkHorizontalScroll: s2, syncHeaderScroll: c2, initScrollSync: r2 };
 }
-function _e(e2, l2, n2) {
+function be(e2, l2, n2) {
   const t2 = p(n2 || null);
   return { sortedData: a(() => {
     if (!t2.value || !t2.value.order) return e2.value;
@@ -180,8 +180,8 @@ function _e(e2, l2, n2) {
     return t2.value && t2.value.prop === e3 ? t2.value.order : null;
   } };
 }
-const be = $(e({ name: "McTable", __name: "mc-table", props: { data: {}, columns: {}, showHeader: { type: Boolean, default: true }, height: {}, maxHeight: {}, rowKey: {}, emptyText: { default: "No Data" }, pagination: {}, loading: { type: Boolean, default: false }, loadingText: { default: "Loading..." }, loadingConfig: {}, highlightCurrentRow: { type: Boolean, default: false }, selectable: { type: Boolean, default: false }, selectedRows: {}, selectOnRowClick: { type: Boolean, default: false }, spanMethod: {}, initData: {}, defaultSort: {} }, emits: ["row-click", "header-click", "page-change", "page-size-change", "sort-change", "current-change", "selection-change", "select", "select-all", "update:selectedRows"], setup(e2, { expose: s2, emit: c2 }) {
-  const r2 = e2, { data: u2, columns: d2, pagination: g2, spanMethod: y2, loading: x2, loadingText: k2, loadingConfig: S2, defaultSort: R2, highlightCurrentRow: $2, rowKey: P2, selectable: H2, selectedRows: W2, selectOnRowClick: O2 } = z(r2), D2 = c2, B2 = p(), L2 = p(), T2 = p(), { columnsWithFixed: A2 } = fe(d2, L2, T2), { sortedData: K2, handleSort: N2, getSortOrder: j2 } = _e(u2, A2, R2 == null ? void 0 : R2.value), { paginatedData: F2, updatePagination: U2 } = he(K2, g2), V2 = a(() => F2.value), q2 = p(null), G2 = p((W2 == null ? void 0 : W2.value) || []);
+const ye = P($(e({ name: "McTable", __name: "mc-table", props: { data: {}, columns: {}, showHeader: { type: Boolean, default: true }, height: {}, maxHeight: {}, rowKey: {}, emptyText: { default: "No Data" }, pagination: {}, loading: { type: Boolean, default: false }, loadingText: { default: "Loading..." }, loadingConfig: {}, highlightCurrentRow: { type: Boolean, default: false }, selectable: { type: Boolean, default: false }, selectedRows: {}, selectOnRowClick: { type: Boolean, default: false }, spanMethod: {}, initData: {}, defaultSort: {} }, emits: ["row-click", "header-click", "page-change", "page-size-change", "sort-change", "current-change", "selection-change", "select", "select-all", "update:selectedRows"], setup(e2, { expose: s2, emit: c2 }) {
+  const r2 = e2, { data: u2, columns: d2, pagination: g2, spanMethod: y2, loading: x2, loadingText: k2, loadingConfig: S2, defaultSort: R2, highlightCurrentRow: $2, rowKey: P2, selectable: H2, selectedRows: W2, selectOnRowClick: O2 } = z(r2), D2 = c2, B2 = p(), L2 = p(), T2 = p(), { columnsWithFixed: A2 } = _e(d2, L2, T2), { sortedData: K2, handleSort: N2, getSortOrder: j2 } = be(u2, A2, R2 == null ? void 0 : R2.value), { paginatedData: E2, updatePagination: U2 } = fe(K2, g2), V2 = a(() => E2.value), q2 = p(null), G2 = p((W2 == null ? void 0 : W2.value) || []);
   w(W2, (e3) => {
     e3 && (G2.value = [...e3]);
   }, { deep: true, immediate: true });
@@ -192,7 +192,7 @@ const be = $(e({ name: "McTable", __name: "mc-table", props: { data: {}, columns
   }), X2 = (e3) => {
     const a2 = [];
     return $2.value && q2.value === e3 && a2.push("is-current"), a2;
-  }, Y2 = (e3) => G2.value.some((a2) => P2.value ? a2[P2.value] === e3[P2.value] : a2 === e3), ee2 = (e3, a2) => {
+  }, Y2 = (e3) => G2.value.some((a2) => P2.value ? a2[P2.value] === e3[P2.value] : a2 === e3), Z2 = (e3, a2) => {
     const l2 = void 0 !== a2 ? a2 : !Y2(e3);
     if (l2) Y2(e3) || G2.value.push(e3);
     else {
@@ -212,17 +212,17 @@ const be = $(e({ name: "McTable", __name: "mc-table", props: { data: {}, columns
       const a3 = ((e4) => (q2.value = e4, q2.value))(e3);
       D2("current-change", a3);
     }
-    H2.value && O2.value && ee2(e3), D2("row-click", e3, a2);
+    H2.value && O2.value && Z2(e3), D2("row-click", e3, a2);
   }, ne2 = (e3, a2) => {
     D2("header-click", e3, a2);
   }, te2 = (e3) => {
     const a2 = N2(e3);
     a2 && D2("sort-change", a2);
   }, oe2 = (e3, a2) => {
-    ee2(e3, a2);
+    Z2(e3, a2);
   }, ie2 = (e3) => {
     ae2(e3);
-  }, ce2 = async (e3) => {
+  }, se2 = async (e3) => {
     U2(e3), C(() => {
       var _a;
       ((_a = T2.value) == null ? void 0 : _a.bodyWrapper) && (T2.value.bodyWrapper.scrollTop = 0);
@@ -237,16 +237,16 @@ const be = $(e({ name: "McTable", __name: "mc-table", props: { data: {}, columns
     d2.value.forEach((e3) => {
       e3.sortable && (e3.sortOrder = null);
     });
-  }, toggleRowSelection: ee2, toggleAllSelection: ae2, clearSelection: () => {
+  }, toggleRowSelection: Z2, toggleAllSelection: ae2, clearSelection: () => {
     G2.value = [], D2("update:selectedRows", []), D2("selection-change", []);
   }, getSelectedRows: () => [...G2.value] }), (e3, a2) => {
     var _a;
-    return t(), l("div", { ref_key: "_ref", ref: B2, class: o(["mc-table", { "mc-table--loading": h(x2) }]) }, [v(Z, { ref_key: "headerRef", ref: L2, columns: h(A2), "show-header": e3.showHeader, "get-sort-order": h(j2), selectable: h(H2), "is-all-selected": J2.value, "is-indeterminate": Q2.value, onHeaderClick: ne2, onSortChange: te2, onSelectAll: ie2 }, _({ _: 2 }, [m(Object.keys(e3.$slots), (a3) => ({ name: a3, fn: b((l2) => [i(e3.$slots, a3, I(M(l2)), void 0, true)]) }))]), 1032, ["columns", "show-header", "get-sort-order", "selectable", "is-all-selected", "is-indeterminate"]), v(E, { ref_key: "bodyRef", ref: T2, data: V2.value, columns: h(A2), "row-key": h(P2), "empty-text": e3.emptyText, height: e3.height, "max-height": e3.maxHeight, "span-method": h(y2), pagination: h(g2), "get-row-class": X2, selectable: h(H2), "selected-rows": G2.value, "select-on-row-click": h(O2), onRowClick: le2, onSelect: oe2 }, _({ _: 2 }, [m(Object.keys(e3.$slots), (a3) => ({ name: a3, fn: b((l2) => [i(e3.$slots, a3, I(M(l2)), void 0, true)]) }))]), 1032, ["data", "columns", "row-key", "empty-text", "height", "max-height", "span-method", "pagination", "selectable", "selected-rows", "select-on-row-click"]), h(g2) && ((_a = h(g2)) == null ? void 0 : _a.total) > 0 ? (t(), f(ve, { key: 0, pagination: h(g2), onPageChange: ce2 }, null, 8, ["pagination"])) : n("", true), v(se, { class: "mc-table__loading", loading: h(x2), "loading-text": h(k2), "loading-config": h(S2) }, { loading: b((a3) => [i(e3.$slots, "loading", I(M(a3)), void 0, true)]), _: 3 }, 8, ["loading", "loading-text", "loading-config"])], 2);
+    return t(), l("div", { ref_key: "_ref", ref: B2, class: o(["mc-table", { "mc-table--loading": h(x2) }]) }, [v(ee, { ref_key: "headerRef", ref: L2, columns: h(A2), "show-header": e3.showHeader, "get-sort-order": h(j2), selectable: h(H2), "is-all-selected": J2.value, "is-indeterminate": Q2.value, onHeaderClick: ne2, onSortChange: te2, onSelectAll: ie2 }, _({ _: 2 }, [m(Object.keys(e3.$slots), (a3) => ({ name: a3, fn: b((l2) => [i(e3.$slots, a3, I(M(l2)), void 0, true)]) }))]), 1032, ["columns", "show-header", "get-sort-order", "selectable", "is-all-selected", "is-indeterminate"]), v(F, { ref_key: "bodyRef", ref: T2, data: V2.value, columns: h(A2), "row-key": h(P2), "empty-text": e3.emptyText, height: e3.height, "max-height": e3.maxHeight, "span-method": h(y2), pagination: h(g2), "get-row-class": X2, selectable: h(H2), "selected-rows": G2.value, "select-on-row-click": h(O2), onRowClick: le2, onSelect: oe2 }, _({ _: 2 }, [m(Object.keys(e3.$slots), (a3) => ({ name: a3, fn: b((l2) => [i(e3.$slots, a3, I(M(l2)), void 0, true)]) }))]), 1032, ["data", "columns", "row-key", "empty-text", "height", "max-height", "span-method", "pagination", "selectable", "selected-rows", "select-on-row-click"]), h(g2) && ((_a = h(g2)) == null ? void 0 : _a.total) > 0 ? (t(), f(he, { key: 0, pagination: h(g2), onPageChange: se2 }, null, 8, ["pagination"])) : n("", true), v(ce, { class: "mc-table__loading", loading: h(x2), "loading-text": h(k2), "loading-config": h(S2) }, { loading: b((a3) => [i(e3.$slots, "loading", I(M(a3)), void 0, true)]), _: 3 }, 8, ["loading", "loading-text", "loading-config"])], 2);
   };
-} }), [["__scopeId", "data-v-bacc72c2"]]);
+} }), [["__scopeId", "data-v-bacc72c2"]]));
 export {
-  be as M,
-  fe as a,
-  _e as b,
-  he as u
+  ye as M,
+  _e as a,
+  be as b,
+  fe as u
 };

package/dist/es/{mc-tag-NIAZfHeJ.js → mc-tag-B-7Hg5Cy.js}

@@ -1,6 +1,6 @@
-import { _ as e, w as t } from "./utils-ylUc-vYY.js";
+import { _ as e, w as t } from "./utils-C5rkiZEb.js";
 import { defineComponent as a, ref as o, toRefs as l, computed as r, createElementBlock as s, createCommentVNode as c, openBlock as i, normalizeStyle as u, normalizeClass as d, unref as n, createBlock as m, renderSlot as f } from "vue";
-import { M as h } from "./mc-icon-BeM-PhUM.js";
+import { M as h } from "./mc-icon-DgWQKpUb.js";
 const v = t(e(a({ __name: "mc-tag", props: { type: { default: "primary" }, size: { default: "medium" }, disabled: { type: Boolean, default: false }, closable: { type: Boolean, default: false }, color: {}, textColor: {}, backgroundColor: {}, selectedTextColor: {}, selectedBackgroundColor: {}, radius: { default: "default" }, height: {}, width: {}, icon: {}, selected: { type: Boolean } }, emits: ["click", "close"], setup(e2, { expose: t2, emit: a2 }) {
   const v2 = o(), g = e2, p = a2, x = o(true), { type: b, size: y, disabled: C, closable: M, color: k, textColor: $, backgroundColor: _, selectedTextColor: z, selectedBackgroundColor: B, radius: w, height: W, width: j, icon: I, selected: T } = l(g), E = { small: 16, medium: 16, large: 24 }, F = r(() => {
     const e3 = {};

package/dist/es/{mc-toast-CLs2RBL9.js → mc-toast-DCUN9jI3.js}

@@ -1,6 +1,6 @@
 import { defineComponent as e, ref as t, onMounted as o, onUnmounted as s, createElementBlock as n, openBlock as l, normalizeClass as i, createElementVNode as a, createBlock as c, createCommentVNode as r, toDisplayString as m, isVNode as d, createVNode as y, render as p } from "vue";
-import { _ as u, w as f } from "./utils-ylUc-vYY.js";
-import { M as g } from "./mc-icon-BeM-PhUM.js";
+import { _ as u, w as f } from "./utils-C5rkiZEb.js";
+import { M as g } from "./mc-icon-DgWQKpUb.js";
 const _ = { class: "mc-toast__title" }, v = { class: "mc-toast__message" }, C = u(e({ name: "McToast", __name: "mc-toast", props: { type: { default: "success" }, title: { default: "" }, message: { default: "" }, icon: {}, showClose: { type: Boolean, default: true }, duration: { default: 0 }, position: {}, onClose: {} }, emits: ["close"], setup(e2, { expose: d2, emit: y2 }) {
   const p2 = e2, u2 = y2, f2 = t(), C2 = t(true), b2 = t(false);
   let h2 = null;