mc-plus 1.0.7 → 1.0.8

package/dist/es/hooks-c7yYlQyM.js

@@ -0,0 +1,15 @@
+import { isRef as e, watch as t, onMounted as n, onBeforeUnmount as r, unref as v } from "vue";
+function a(a2, i) {
+  var o, s, u;
+  o = document, s = "click", u = (e2) => {
+    a2.value && e2.target && (a2.value.contains(e2.target) || i(e2));
+  }, e(o) ? t(o, (e2, t2) => {
+    t2 == null ? void 0 : t2.removeEventListener(s, u), e2 == null ? void 0 : e2.addEventListener(s, u);
+  }) : n(() => o == null ? void 0 : o.addEventListener(s, u)), r(() => {
+    var _a;
+    return (_a = v(o)) == null ? void 0 : _a.removeEventListener(s, u);
+  });
+}
+export {
+  a as u
+};

package/dist/es/index.js

@@ -1,15 +1,43 @@
-import { p as o, m as s } from "./utils-CDDTlenj.js";
-import { M as m } from "./mc-button-D6IV1cvA.js";
-import { a as t } from "./mc-icon-B0xq3JPC.js";
-import { M as r } from "./mc-collapse-DE4emHTm.js";
-import { a } from "./mc-collapse-DE4emHTm.js";
-const c = [m, t, r];
-o();
-const p = s(c);
+import { p as s, m as o } from "./utils-BwgRXuj9.js";
+import { M } from "./mc-alert-D_0-anUc.js";
+import { M as r } from "./mc-button-CUHRxe0J.js";
+import { M as m } from "./mc-collapse-HNiVA8cx.js";
+import { a } from "./mc-collapse-HNiVA8cx.js";
+import { a as p } from "./mc-icon--CImsgxi.js";
+import { M as M2, a as a2 } from "./mc-message-CiZLkARt.js";
+import { M as M3, a as a3 } from "./mc-radio-CyQBkFhk.js";
+import { M as i } from "./mc-switch-B6sZH0JJ.js";
+import { M as f } from "./mc-tooltip-CSuvzJyd.js";
+import { M as j } from "./mc-input-C0-hVMB4.js";
+import { M as l, a as n, b as x } from "./mc-select-DphuwPx6.js";
+import { M as M4 } from "./mc-tag-DAxgmVb3.js";
+import { M as M5, c, t, e, a as a4, b, d } from "./mc-toast-FFs5K38d.js";
+const g = [r, p, m, i, f, j, l, n, x];
+s();
+const u = o(g);
 export {
-  m as McButton,
-  r as McCollapse,
+  M as McAlert,
+  r as McButton,
+  m as McCollapse,
   a as McCollapseItem,
-  t as McIcon,
-  p as default
+  p as McIcon,
+  j as McInput,
+  M2 as McMessage,
+  M3 as McRadio,
+  a3 as McRadioGroup,
+  l as McSelect,
+  n as McSelectGroup,
+  x as McSelectOption,
+  i as McSwitch,
+  M4 as McTag,
+  M5 as McToast,
+  f as McTooltip,
+  a2 as Message,
+  c as createToast,
+  u as default,
+  t as toast,
+  e as toastError,
+  a4 as toastPrimary,
+  b as toastSuccess,
+  d as toastWarning
 };

package/dist/es/mc-alert-D_0-anUc.js

@@ -0,0 +1,12 @@
+import { _ as e, w as t } from "./utils-BwgRXuj9.js";
+import { defineComponent as s, ref as l, useAttrs as o, computed as a, createElementBlock as c, createCommentVNode as r, openBlock as i, normalizeClass as n, normalizeStyle as m, createElementVNode as _, createBlock as d, renderSlot as p, toDisplayString as f } from "vue";
+import { M as u } from "./mc-icon--CImsgxi.js";
+const y = { class: "mc-alert__content" }, h = { key: 1, class: "mc-alert__message" }, v = { class: "mc-alert__title" }, k = { class: "mc-alert__description" }, w = 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 w2 = e2, g = s2, I = l(), M = l(true), b = o(), j = a(() => ({ ...b.style || {}, width: w2.width, height: w2.height })), x = { success: "Accept_02", info: "Info_02", warning: "Error_02", error: "Error_04" }, A = (e3) => {
+    M.value = false, g("close", e3);
+  };
+  return t2({ ref: I }), (e3, t3) => M.value ? (i(), c("div", { key: 0, ref_key: "_ref", ref: I, style: m(j.value), class: n(["mc-alert", [`mc-alert--${e3.type}`]]) }, [_("div", y, [e3.showIcon ? (i(), d(u, { key: 0, name: x[e3.type], class: "mc-alert__icon" }, null, 8, ["name"])) : r("", true), e3.description ? (i(), c("div", h, [_("div", v, f(e3.title), 1), _("div", k, f(e3.description), 1)])) : p(e3.$slots, "default", { key: 2 }, void 0, true)]), e3.closable ? (i(), d(u, { key: 0, name: "Cross", class: "mc-alert__close", onClick: A })) : r("", true)], 6)) : r("", true);
+} }), [["__scopeId", "data-v-ed288fa3"]]));
+export {
+  w as M
+};

package/dist/es/{mc-button-D6IV1cvA.js → mc-button-CUHRxe0J.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-B0xq3JPC.js";
-import { t as y } from "./vendor-D4RgMZ9r.js";
-import { _ as h, w as g } from "./utils-CDDTlenj.js";
+import { M as v } from "./mc-icon--CImsgxi.js";
+import { t as y } from "./vendor-CNzO2Q1s.js";
+import { _ as h, w as g } from "./utils-BwgRXuj9.js";
 const b = ["type", "disabled"], k = { key: 1, class: "loading-icon" }, I = g(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: g2 }) {
   const I2 = e2, { loading: _, disabled: w, throttleDuration: B, height: T, width: j } = t(I2), z = g2, 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-collapse-DE4emHTm.js → mc-collapse-HNiVA8cx.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-CDDTlenj.js";
-import { M as b } from "./mc-icon-B0xq3JPC.js";
+import { d as f, _ as C, w as V } from "./utils-BwgRXuj9.js";
+import { M as b } from "./mc-icon--CImsgxi.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-icon-B0xq3JPC.js → mc-icon--CImsgxi.js}

@@ -1,5 +1,5 @@
 import { defineComponent as c, ref as e, createElementBlock as o, openBlock as s, normalizeClass as n } from "vue";
-import { _ as m, w as a } from "./utils-CDDTlenj.js";
+import { _ as m, w as a } from "./utils-BwgRXuj9.js";
 const i = m(c({ name: "McIcon", __name: "mc-icon", props: { name: {} }, emits: ["click"], setup(c2, { expose: m2, emit: a2 }) {
   const i2 = a2, r2 = e();
   return m2({ ref: r2 }), (c3, e2) => (s(), o("i", { ref_key: "_ref", ref: r2, class: n(["mc-iconfont", `mc-icon--${c3.name}`]), onClick: e2[0] || (e2[0] = (c4) => ((c5) => {

package/dist/es/mc-input-C0-hVMB4.js

@@ -0,0 +1,16 @@
+import { defineComponent as e, ref as a, watch as l, createElementBlock as s, openBlock as o, normalizeClass as p, renderSlot as t, withDirectives as u, createCommentVNode as n, createVNode as d, createElementVNode as c, withModifiers as i, vModelDynamic as m } from "vue";
+import { M as r } from "./mc-icon--CImsgxi.js";
+import { _ as v, w as h } from "./utils-BwgRXuj9.js";
+const b = { key: 0, class: "mc-input-icon" }, y = ["type", "placeholder", "disabled"], f = { key: 0, class: "mc-input-icon mc-input-icon-eye" }, w = h(v(e({ name: "McInput", __name: "mc-input", props: { modelValue: {}, search: { type: Boolean }, disabled: { type: Boolean }, password: { type: Boolean }, placeholder: { default: "Please input" } }, emits: ["update:modelValue", "input", "change", "focus", "blur"], setup(e2, { emit: v2 }) {
+  const h2 = e2, w2 = v2, _ = a(h2.modelValue ?? "");
+  l(() => h2.modelValue, (e3) => {
+    _.value = e3, w2("change", e3);
+  });
+  const V = a(false), B = () => {
+    w2("update:modelValue", _.value), w2("input", _.value);
+  };
+  return (e3, a2) => (o(), s("div", { class: p(["mc-input", { "mc-input--disabled": e3.disabled }]) }, [t(e3.$slots, "pre", {}, () => [e3.search ? (o(), s("span", b, [d(r, { name: "Search" })])) : n("", true)], true), u(c("input", { class: "mc-input__inner", type: V.value && e3.password ? "password" : "text", "onUpdate:modelValue": a2[0] || (a2[0] = (e4) => _.value = e4), placeholder: e3.placeholder, disabled: e3.disabled, onInput: i(B, ["stop"]), onFocus: a2[1] || (a2[1] = i((e4) => w2("focus", e4), ["stop"])), onBlur: a2[2] || (a2[2] = i((e4) => w2("blur", e4), ["stop"])) }, null, 40, y), [[m, _.value]]), t(e3.$slots, "default", { class: "post" }, () => [e3.password ? (o(), s("span", f, [d(r, { name: V.value ? "Review-Hidden" : "Review", onClick: a2[3] || (a2[3] = (e4) => V.value = !V.value) }, null, 8, ["name"])])) : n("", true)], true)], 2));
+} }), [["__scopeId", "data-v-5e55909a"]]));
+export {
+  w as M
+};

package/dist/es/mc-message-CiZLkARt.js

@@ -0,0 +1,51 @@
+import { _ as e, w as s } from "./utils-BwgRXuj9.js";
+import { defineComponent as o, ref as t, toRefs as n, useAttrs as a, computed as c, toValue as r, onMounted as m, createBlock as l, openBlock as i, Transition as d, withCtx as p, withDirectives as u, createElementVNode as f, normalizeStyle as g, normalizeClass as _, createCommentVNode as y, createElementBlock as v, toDisplayString as h, vShow as C, render as w, createVNode as b } from "vue";
+import { M as E } from "./mc-icon--CImsgxi.js";
+const I = { class: "mc-message__content" }, k = { class: "mc-message__text" }, x = { class: "mc-message__title" }, M = { key: 0, class: "mc-message__description" }, A = e(o({ name: "McMessage", __name: "mc-message", props: { type: { default: "info" }, message: { default: "" }, description: { default: "" }, duration: { default: 3e3 }, showIcon: { type: Boolean, default: true }, closable: { type: Boolean, default: false }, onClose: {} }, emits: ["close"], setup(e2, { expose: s2, emit: o2 }) {
+  const w2 = e2, b2 = o2, A2 = t(), B2 = t(true), j2 = n(a()), L2 = c(() => ({ ...r(j2).style })), T2 = { success: "Accept_02", info: "Info_02", warning: "Error_02", error: "Error_04" }, $2 = () => {
+    var _a;
+    B2.value = false, b2("close"), (_a = w2.onClose) == null ? void 0 : _a.call(w2);
+  };
+  return m(() => {
+    w2.duration > 0 && setTimeout(() => {
+      $2();
+    }, w2.duration);
+  }), s2({ ref: A2, handleClose: $2 }), (e3, s3) => (i(), l(d, { name: "mc-message-fade" }, { default: p(() => [u(f("div", { ref_key: "_ref", ref: A2, class: _(["mc-message", [`mc-message--${e3.type}`]]), style: g(L2.value) }, [f("div", I, [e3.showIcon ? (i(), l(E, { key: 0, name: T2[e3.type], class: "mc-message__icon" }, null, 8, ["name"])) : y("", true), f("div", k, [f("div", x, h(e3.message), 1), e3.description ? (i(), v("div", M, h(e3.description), 1)) : y("", true)])]), e3.closable ? (i(), l(E, { key: 0, name: "Cross", class: "mc-message__close", onClick: $2 })) : y("", true)], 6), [[C, B2.value]])]), _: 1 }));
+} }), [["__scopeId", "data-v-7b740c4b"]]), B = s(A);
+let j = 1;
+const L = [], T = () => {
+  let e2 = document.getElementById("mc-message-container");
+  return e2 || (e2 = document.createElement("div"), e2.id = "mc-message-container", document.body.appendChild(e2)), e2;
+}, $ = { info: (e2) => q(e2, "info"), success: (e2) => q(e2, "success"), warning: (e2) => q(e2, "warning"), error: (e2) => q(e2, "error"), close: (e2) => z(e2), closeAll: () => {
+  [...L].forEach((e2) => {
+    var _a, _b;
+    const s2 = (_a = e2.vm.component) == null ? void 0 : _a.exposed;
+    (_b = s2 == null ? void 0 : s2.handleClose) == null ? void 0 : _b.call(s2);
+  });
+} };
+function q(e2, s2) {
+  "string" == typeof e2 && (e2 = { message: e2 });
+  const o2 = "message_" + j++, t2 = e2.onClose, n2 = T(), a2 = document.createElement("div");
+  a2.setAttribute("data-message-id", o2), a2.classList.add("mc-message-item");
+  const c2 = { ...e2, type: s2, id: o2, onClose: () => {
+    t2 == null ? void 0 : t2(), z(o2);
+  } };
+  L.length >= 20 && z(L[0].id);
+  const r2 = b(A, c2);
+  return w(r2, a2), n2.appendChild(a2), L.push({ vm: r2, id: o2, wrapper: a2 }), { close: () => {
+    z(o2);
+  } };
+}
+function z(e2) {
+  const s2 = L.findIndex((s3) => s3.id === e2);
+  if (-1 === s2) return;
+  const o2 = L[s2];
+  if (!o2) return;
+  w(null, o2.wrapper);
+  const t2 = T();
+  t2.contains(o2.wrapper) && t2.removeChild(o2.wrapper), L.splice(s2, 1), 0 === L.length && document.body.contains(t2) && document.body.removeChild(t2);
+}
+export {
+  B as M,
+  $ as a
+};

package/dist/es/mc-radio-CyQBkFhk.js

@@ -0,0 +1,20 @@
+import { _ as e, w as a } from "./utils-BwgRXuj9.js";
+import { defineComponent as l, toRefs as d, ref as u, provide as o, computed as s, createElementBlock as i, openBlock as r, normalizeClass as t, unref as n, renderSlot as m, inject as p, createElementVNode as c, withDirectives as v, vModelRadio as _, toDisplayString as b } from "vue";
+const f = e(l({ name: "McRadioGroup", __name: "mc-radio-group", props: { modelValue: { type: [String, Number, Boolean] }, disabled: { type: Boolean }, size: { default: "medium" }, name: {} }, emits: ["update:modelValue", "change"], setup(e2, { expose: a2, emit: l2 }) {
+  const p2 = e2, { modelValue: c2, disabled: v2, size: _2, name: b2 } = d(p2), f2 = l2, g2 = u();
+  return o("radioGroup", { value: s(() => c2.value), size: s(() => _2.value), disabled: s(() => v2.value), name: s(() => b2.value), change: (e3) => {
+    v2.value || (f2("update:modelValue", e3), f2("change", e3));
+  } }), a2({ ref: g2 }), (e3, a3) => (r(), i("div", { ref_key: "_ref", ref: g2, class: t(["mc-radio-group", { "is-disabled": n(v2) }]) }, [m(e3.$slots, "default", {}, void 0, true)], 2));
+} }), [["__scopeId", "data-v-19cdf1eb"]]), g = { class: "mc-radio__input" }, y = ["value", "disabled"], V = { class: "mc-radio__label" }, h = { key: 0 }, k = a(e(l({ name: "McRadio", __name: "mc-radio", props: { modelValue: { type: [String, Number, Boolean] }, value: { type: [String, Number, Boolean] }, disabled: { type: Boolean }, label: {} }, emits: ["update:modelValue", "change"], setup(e2, { expose: a2, emit: l2 }) {
+  const o2 = e2, { modelValue: f2, value: k2, disabled: B2, label: x } = d(o2), z = l2, G = u(), M = p("radioGroup", void 0), N = s(() => {
+    var _a;
+    return ((_a = M == null ? void 0 : M.disabled) == null ? void 0 : _a.value) ?? B2.value;
+  }), S = s(() => (M == null ? void 0 : M.value.value) ?? f2.value), I = s(() => S.value === k2.value), R = s({ get: () => M ? M.value.value : f2.value, set(e3) {
+    M ? M.change(e3) : (z("update:modelValue", e3), z("change", e3));
+  } });
+  return a2({ ref: G }), (e3, a3) => (r(), i("label", { ref_key: "_ref", ref: G, class: t(["mc-radio", { "is-disabled": N.value, "is-checked": I.value }]) }, [c("span", g, [a3[1] || (a3[1] = c("span", { class: "mc-radio__inner" }, null, -1)), v(c("input", { class: "mc-radio__original", type: "radio", value: n(k2), disabled: N.value, "onUpdate:modelValue": a3[0] || (a3[0] = (e4) => R.value = e4) }, null, 8, y), [[_, R.value]])]), c("span", V, [n(x) ? (r(), i("span", h, b(n(x)), 1)) : m(e3.$slots, "default", { key: 1 }, void 0, true)])], 2));
+} }), [["__scopeId", "data-v-dc6efc75"]])), B = a(f);
+export {
+  k as M,
+  B as a
+};

package/dist/es/mc-select-DphuwPx6.js

@@ -0,0 +1,52 @@
+import { defineComponent as e, ref as l, computed as t, watch as a, provide as o, createElementBlock as s, openBlock as c, normalizeStyle as i, normalizeClass as u, createElementVNode as d, 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 y, vShow as w, inject as b, 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--CImsgxi.js";
+import { u as $ } from "./hooks-c7yYlQyM.js";
+import { i as A, l as N } from "./vendor-CNzO2Q1s.js";
+import { _ as B, w as G } from "./utils-BwgRXuj9.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"], 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: b2 }) {
+  const k2 = e2, V2 = b2, O2 = l([]), S2 = t(() => A(P2.value) ? O2.value : O2.value.filter((e3) => N(e3.label ?? e3.value).includes(N(P2.value)))), x2 = t(() => 0 === S2.value.length), C2 = l(false), M2 = () => {
+    C2.value = !C2.value;
+  }, j2 = l([k2.modelValue]);
+  a(() => k2.modelValue, () => {
+    j2.value = [k2.modelValue];
+  });
+  const B2 = t(() => O2.value.find((e3) => e3.value === j2.value[0])), G2 = t(() => B2.value ? "" : k2.placeholder), P2 = l(""), H2 = () => {
+    C2.value = true;
+  }, J2 = t(() => ({ width: k2.width ?? void 0, height: k2.height ?? void 0 })), K2 = l();
+  return $(K2, () => {
+    C2.value = false;
+  }), o(D, { filterOptions: S2, selectValues: j2, handleSelect: (e3) => {
+    C2.value = false, P2.value = "", V2("update:modelValue", e3.value), V2("change", e3.value);
+  }, removeOption: (e3) => {
+    O2.value = O2.value.filter((l2) => l2.value !== e3.value);
+  }, addOption: (e3) => {
+    O2.value.push(e3);
+  } }), (e3, l2) => (c(), s("div", { class: u(["mc-select", [C2.value ? "mc-select-expand" : "mc-select-collapse"]]), ref_key: "_ref", ref: K2, style: i(J2.value) }, [d("div", { class: "mc-select-trigger", onClick: M2 }, [B2.value && !P2.value ? (c(), s("div", T, [(c(), r(p(B2.value._vnode), { key: B2.value.value }))])) : v("", true), d("div", U, [m(d("input", { class: u(["mc-select-input", { "mc-select-input-readonly": !e3.search }]), type: "text", placeholder: G2.value, "onUpdate:modelValue": l2[0] || (l2[0] = (e4) => P2.value = e4), onInput: H2, readonly: !e3.search }, null, 42, q), [[h, P2.value]])]), d("div", { class: u(["mc-select-icon-wrapper", { "mc-select-icon-wrapper-expand": C2.value }]) }, [n(I, { name: "Down-Chevron" })], 2)]), n(f, { name: "mc-select-dropdown-transition" }, { default: g(() => [m(d("div", z, [d("div", E, [_(e3.$slots, "default", {}, void 0, true), x2.value ? (c(), s("div", F, [_(e3.$slots, "empty", {}, () => [l2[1] || (l2[1] = y("No data"))], true)])) : v("", true)])], 512), [[w, C2.value]])]), _: 3 })], 6));
+} }), [["__scopeId", "data-v-e0082924"]]), J = { class: "mc-select-option-content" }, K = { class: "mc-select-option-icon" }, L = B(e({ name: "McSelectOption", inheritAttrs: false, __name: "mc-select-option", props: { value: {}, label: {}, width: {}, height: {}, _group: {}, _vnode: {} }, setup(e2, { expose: a2 }) {
+  const o2 = l(), n2 = e2, p2 = b(D, void 0), m2 = b(P, void 0), h2 = t(() => p2 == null ? void 0 : p2.selectValues.value.includes(n2.value)), f2 = t(() => !!(p2 == null ? void 0 : p2.filterOptions.value.some((e3) => e3.value === n2.value))), g2 = k(), w2 = () => {
+    p2 == null ? void 0 : p2.handleSelect(C2(n2));
+  };
+  V(() => {
+    p2 == null ? void 0 : p2.addOption(C2(n2));
+  }), O(() => {
+    p2 == null ? void 0 : p2.removeOption(C2(n2));
+  });
+  const C2 = (e3) => {
+    var _a;
+    return { ...e3, _group: m2 == null ? void 0 : m2.groupName, _vnode: S("div", { class: "mc-select-option-content" }, (_a = g2.default) == null ? void 0 : _a.call(g2, {})) };
+  }, M2 = t(() => ({ width: n2.width ?? void 0, height: n2.height ?? void 0 }));
+  return a2({ isShow: f2.value, ref: o2 }), (e3, l2) => f2.value ? (c(), s("div", { key: 0, class: u(["mc-select-dropdown-item mc-select-option", { "mc-select-option-icon-active": h2.value }]), onClick: w2, ref_key: "_ref", ref: o2, style: i(M2.value) }, [d("div", J, [_(e3.$slots, "default", {}, () => [y(x(e3.label), 1)], true)]), d("div", K, [h2.value ? (c(), r(I, { key: 0, name: "Tick" })) : v("", true)])], 6)) : v("", true);
+} }), [["__scopeId", "data-v-7ead0f93"]]), Q = { class: "mc-select-group" }, R = { class: "mc-select-group-content" }, W = B(e({ name: "McSelectGroup", inheritAttrs: false, __name: "mc-select-group", props: { label: {}, width: {}, height: {} }, setup(e2) {
+  const l2 = e2, a2 = b(D, void 0);
+  o(P, { groupName: l2.label });
+  const u2 = t(() => a2 == null ? void 0 : a2.filterOptions.value.some((e3) => e3._group === l2.label)), n2 = C(M()), v2 = t(() => {
+    var _a, _b;
+    return { ...(_b = (_a = j(n2)) == null ? void 0 : _a.style) == null ? void 0 : _b.value, width: l2.width ?? void 0, height: l2.height ?? void 0 };
+  });
+  return (e3, l3) => m((c(), s("div", Q, [d("div", { class: "mc-select-group-label", style: i(v2.value) }, x(e3.label), 5), d("div", R, [_(e3.$slots, "default", {}, void 0, true)])], 512)), [[w, u2.value]]);
+} }), [["__scopeId", "data-v-2c1cb992"]]), X = G(H), Y = G(L), Z = G(W);
+export {
+  X as M,
+  Z as a,
+  Y as b
+};

package/dist/es/mc-switch-B6sZH0JJ.js

@@ -0,0 +1,11 @@
+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-BwgRXuj9.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);
+  };
+  return p2({ ref: y }), (e3, l2) => (s(), a("div", f, [t("label", { ref_key: "_ref", ref: y, class: d(["mc-switch", { "is-active": e3.modelValue, "is-disabled": e3.disabled }]) }, [t("input", { type: "checkbox", class: "mc-switch-input", disabled: e3.disabled, value: e3.modelValue, onChange: V }, null, 40, r), t("span", { class: "mc-switch-core", style: c({ width: e3.width }) }, [e3.onText || e3.offText ? (s(), a("span", b, i(e3.modelValue ? e3.onText : e3.offText), 1)) : o("", true)], 4), e3.$slots.default || e3.label ? (s(), a("span", h, [m(e3.$slots, "default", {}, () => [u(i(e3.label), 1)], true)])) : o("", true)], 2)]));
+} }), [["__scopeId", "data-v-04a4d333"]]));
+export {
+  w as M
+};

package/dist/es/mc-tag-DAxgmVb3.js

@@ -0,0 +1,53 @@
+import { _ as t, w as e } from "./utils-BwgRXuj9.js";
+import { defineComponent as a, toRefs as r, ref as s, computed as o, createBlock as l, openBlock as i, Transition as c, withCtx as u, createElementBlock as n, createCommentVNode as m, normalizeStyle as d, normalizeClass as h, unref as f, renderSlot as p, createVNode as g, withModifiers as v } from "vue";
+import { M as b } from "./mc-icon--CImsgxi.js";
+const y = e(t(a({ name: "McTag", __name: "mc-tag", props: { type: { default: "primary" }, size: { default: "medium" }, disabled: { type: Boolean }, closable: { type: Boolean }, color: {}, radius: { default: "default" }, height: {}, width: {}, icon: {}, selected: { type: Boolean, default: false } }, emits: ["click", "close"], setup(t2, { expose: e2, emit: a2 }) {
+  const y2 = t2, M = a2, { disabled: $, height: _, width: k, color: x, radius: W, icon: w, closable: C, selected: B } = r(y2), I = s(), T = s(true), j = s(false), z = o(() => {
+    const t3 = {};
+    if ((k == null ? void 0 : k.value) && (t3.width = k.value), (_ == null ? void 0 : _.value) && (t3.height = _.value), x == null ? void 0 : x.value) {
+      t3["--tag-color"] = x.value, t3["--tag-hover-color"] = ((t4, e4 = 0.7) => {
+        var _a;
+        if (!t4 || "transparent" === t4) return t4;
+        if (t4.startsWith("var(--")) return t4;
+        if (t4.startsWith("#")) {
+          const a4 = t4.slice(1), r3 = parseInt(a4, 16), s2 = r3 >> 16 & 255, o2 = r3 >> 8 & 255, l2 = 255 & r3;
+          return `rgb(${Math.max(0, Math.floor(s2 * e4))}, ${Math.max(0, Math.floor(o2 * e4))}, ${Math.max(0, Math.floor(l2 * e4))})`;
+        }
+        const a3 = document.createElement("div");
+        a3.style.color = t4, document.body.appendChild(a3);
+        const r2 = getComputedStyle(a3).color;
+        if (document.body.removeChild(a3), r2.startsWith("rgb") || r2.startsWith("rgba")) {
+          const t5 = ((_a = r2.match(/\d+/g)) == null ? void 0 : _a.map(Number)) || [0, 0, 0], a4 = Math.max(0, Math.floor(t5[0] * e4)), s2 = Math.max(0, Math.floor(t5[1] * e4)), o2 = Math.max(0, Math.floor(t5[2] * e4));
+          return r2.includes("a") ? `rgba(${a4}, ${s2}, ${o2}, ${parseFloat(r2.split(",")[3].trim().replace(")", ""))})` : `rgb(${a4}, ${s2}, ${o2})`;
+        }
+        return t4;
+      })(x.value, 0.7);
+      const e3 = N(x.value);
+      t3["--tag-text-color"] = e3 ? "white" : "var(--mc-black)";
+    }
+    return t3;
+  }), N = (t3) => {
+    var _a;
+    if (!t3 || "transparent" === t3) return false;
+    if (t3.startsWith("var(--")) return false;
+    if (t3.startsWith("#")) {
+      const e3 = t3.slice(1), a3 = parseInt(e3, 16);
+      return 0.299 * (a3 >> 16 & 255) + 0.587 * (a3 >> 8 & 255) + 0.114 * (255 & a3) > 186;
+    }
+    if (t3.startsWith("rgb") || t3.startsWith("rgba")) {
+      const e3 = ((_a = t3.match(/\d+/g)) == null ? void 0 : _a.map(Number)) || [255, 255, 255];
+      return 0.299 * e3[0] + 0.587 * e3[1] + 0.114 * e3[2] > 186;
+    }
+    return false;
+  }, E = (t3) => {
+    $.value || M("click", t3);
+  }, F = async (t3) => {
+    $.value || (j.value = true, await new Promise((t4) => setTimeout(t4, 200)), T.value = false, M("close", t3), setTimeout(() => {
+      j.value = false;
+    }, 500));
+  };
+  return e2({ ref: I }), (t3, e3) => (i(), l(c, { name: "mc-tag-fade" }, { default: u(() => [T.value ? (i(), n("div", { key: 0, ref_key: "_ref", ref: I, class: h(["mc-tag", `mc-tag--${t3.type}`, `mc-tag--radius-${t3.radius}`, `mc-tag--${t3.size}`, { "is-disabled": f($), "is-selected": f(B), "is-closing": j.value }]), onClick: E, style: d(z.value) }, [f(w) ? (i(), l(b, { key: 0, name: f(w) }, null, 8, ["name"])) : m("", true), p(t3.$slots, "default", {}, void 0, true), g(c, { name: "mc-tag-close" }, { default: u(() => [f(C) ? (i(), l(b, { key: 0, name: "Cross", class: "mc-tag__close", onClick: v(F, ["stop"]) })) : m("", true)]), _: 1 })], 6)) : m("", true)]), _: 3 }));
+} }), [["__scopeId", "data-v-4c1187d3"]]));
+export {
+  y as M
+};

package/dist/es/mc-toast-FFs5K38d.js

@@ -0,0 +1,52 @@
+import { defineComponent as e, ref as t, onMounted as o, onUnmounted as s, createElementBlock as n, openBlock as i, normalizeClass as l, createElementVNode as a, createCommentVNode as c, createVNode as r, toDisplayString as m, isVNode as d, render as y } from "vue";
+import { _ as p, w as u } from "./utils-BwgRXuj9.js";
+import { M as f } from "./mc-icon--CImsgxi.js";
+const g = { key: 0, class: "mc-toast__icon" }, _ = { class: "mc-toast__title" }, v = { class: "mc-toast__body" }, C = { class: "mc-toast__message" }, h = p(e({ name: "McToast", __name: "mc-toast", props: { type: { default: "primary" }, title: { default: "" }, message: { default: "" }, icon: {}, showClose: { type: Boolean, default: true }, duration: { default: 0 }, position: { default: "top" }, onClose: {} }, emits: ["close"], setup(e2, { expose: d2, emit: y2 }) {
+  const p2 = e2, u2 = y2, h2 = t(), b2 = t(true), T2 = t(false);
+  let x2 = null;
+  const E2 = () => {
+    x2 && (clearTimeout(x2), x2 = null), T2.value = true, setTimeout(() => {
+      u2("close"), p2.onClose && p2.onClose();
+    }, 300);
+  };
+  return o(() => {
+    setTimeout(() => {
+      b2.value = false;
+    }, 20), p2.duration > 0 && (x2 = setTimeout(() => {
+      E2();
+    }, p2.duration));
+  }), s(() => {
+    x2 && (clearTimeout(x2), x2 = null);
+  }), d2({ ref: h2, close: E2 }), (e3, t2) => (i(), n("div", { ref_key: "_ref", ref: h2, class: l(["mc-toast", [b2.value ? "mc-toast--entering" : "", T2.value ? "mc-toast--leaving" : ""]]) }, [a("div", { class: l(["mc-toast__header", `mc-toast__header--${e3.type}`]) }, [e3.icon ? (i(), n("div", g, [r(f, { name: e3.icon }, null, 8, ["name"])])) : c("", true), a("div", _, m(e3.title), 1), e3.showClose ? (i(), n("div", { key: 1, class: "mc-toast__close", onClick: E2 }, [r(f, { name: "Cross" })])) : c("", true)], 2), a("div", v, [a("div", C, m(e3.message), 1)])], 2));
+} }), [["__scopeId", "data-v-832f3e6d"]]), b = {};
+let T = null;
+const x = (e2) => {
+  var _a;
+  let t2 = {};
+  t2 = "string" == typeof e2 ? { message: e2 } : d(e2) ? { message: "" } : { ...e2 }, t2.position = t2.position || "top", T || (T = document.createElement("div"), T.className = "mc-toast-overlay", T.style.position = "fixed", T.style.top = "0", T.style.left = "0", T.style.width = "100%", T.style.height = "100%", T.style.backgroundColor = "rgba(0, 0, 0, 0.5)", T.style.zIndex = "9998", T.style.transition = "opacity 0.1s ease", T.style.opacity = "0", document.body.appendChild(T), T.getBoundingClientRect(), T.style.opacity = "1");
+  const o2 = ((e3) => {
+    if (b[e3]) return b[e3];
+    const t3 = document.createElement("div");
+    return t3.className = "mc-toast-container", t3.style.position = "fixed", t3.style.left = "50%", t3.style.top = "50%", t3.style.transform = "translate(-50%, -50%)", t3.style.zIndex = "9999", t3.style.display = "flex", t3.style.flexDirection = "column", t3.style.alignItems = "center", document.body.appendChild(t3), b[e3] = t3, t3;
+  })(t2.position), s2 = document.createElement("div"), n2 = r(h, { ...t2, onClose: () => {
+    o2.childNodes.length <= 1 && T && document.body.contains(T) && (T.style.opacity = "0", setTimeout(() => {
+      T && document.body.contains(T) && (document.body.removeChild(T), T = null);
+    }, 300)), t2.onClose && t2.onClose(), setTimeout(() => {
+      y(null, s2), o2.contains(s2) && o2.removeChild(s2), 0 === o2.childNodes.length && (document.body.contains(o2) && document.body.removeChild(o2), delete b[t2.position]);
+    }, 300);
+  } });
+  y(n2, s2), o2.appendChild(s2);
+  const i2 = (_a = n2.component) == null ? void 0 : _a.exposed;
+  return { close: () => {
+    i2 == null ? void 0 : i2.close();
+  } };
+}, E = x, I = (e2) => x("string" == typeof e2 ? { message: e2, type: "primary", title: "Info", icon: "Info" } : { title: "Info", icon: "Info", ...e2, type: "primary" }), k = (e2) => x("string" == typeof e2 ? { message: e2, type: "success", title: "Success", icon: "Tick" } : { title: "Success", icon: "Tick", ...e2, type: "success" }), w = (e2) => x("string" == typeof e2 ? { message: e2, type: "warning", title: "Warning", icon: "Error_02" } : { title: "Warning", icon: "Error_02", ...e2, type: "warning" }), N = (e2) => x("string" == typeof e2 ? { message: e2, type: "error", title: "Error", icon: "Error" } : { title: "Error", icon: "Error", ...e2, type: "error" }), M = u(h);
+export {
+  M,
+  I as a,
+  k as b,
+  x as c,
+  w as d,
+  N as e,
+  E as t
+};

package/dist/es/mc-tooltip-CSuvzJyd.js

@@ -0,0 +1,33 @@
+import { defineComponent as e, ref as o, computed as t, watch as a, onUnmounted as l, watchEffect as i, createElementBlock as s, openBlock as r, mergeProps as u, toHandlers as p, createElementVNode as n, createVNode as v, renderSlot as c, Transition as m, withCtx as d, createCommentVNode as f, createTextVNode as g, toDisplayString as h } from "vue";
+import { createPopper as _ } from "@popperjs/core";
+import { u as k } from "./hooks-c7yYlQyM.js";
+import { d as b, b as y, i as N } from "./vendor-CNzO2Q1s.js";
+import { _ as T, w as j } from "./utils-BwgRXuj9.js";
+const w = j(T(e({ name: "McTooltip", __name: "mc-tooltip", props: { content: {}, trigger: { default: "hover" }, placement: { default: "bottom" }, disabled: { type: Boolean }, popperOptions: {}, showTimeout: { default: 0 }, hideTimeout: { default: 300 }, transitionName: { default: "fade" } }, emits: ["visible:change", "click:outside"], setup(e2, { expose: T2, emit: j2 }) {
+  const w2 = e2, x = j2, M = o({}), O = o({}), $ = o({}), B = o(), I = o(), q = o(), z = o(false), A = (e3) => {
+    w2.disabled && (e3 = false), z.value = e3, x("visible:change", e3);
+  }, C = t(() => ({ placement: w2.placement, modifiers: [{ name: "offset", options: { offset: [0, 8] } }], ...w2.popperOptions }));
+  let D, E, F;
+  a(z, (e3) => {
+    e3 && I.value && q.value && (D = _(I.value, q.value, C.value));
+  }, { flush: "post" }), l(() => {
+    N(D) || (D.destroy(), D = void 0);
+  });
+  const G = t(() => "hover" === w2.trigger ? w2.showTimeout : 0), H = t(() => "hover" === w2.trigger ? w2.hideTimeout : 0);
+  i(() => {
+    M.value = {}, O.value = {}, $.value = {}, w2.disabled ? K(false) : "click" === w2.trigger ? M.value.click = () => {
+      z.value ? K() : J();
+    } : "hover" === w2.trigger && (M.value.mouseenter = () => J(), O.value.mouseleave = () => K(), $.value.mouseenter = () => J()), E = b(y(A, null, true), G.value), F = b(y(A, null, false), H.value);
+  });
+  const J = (e3 = true) => {
+    F == null ? void 0 : F.cancel(), e3 ? E == null ? void 0 : E() : A(false);
+  }, K = (e3 = true) => {
+    E == null ? void 0 : E.cancel(), e3 ? F == null ? void 0 : F() : A(false);
+  };
+  return k(B, () => {
+    x("click:outside"), "hover" !== w2.trigger && z.value && K(false);
+  }), T2({ show: () => J(false), hide: () => K(false) }), (e3, o2) => (r(), s("div", u({ class: "mc-tooltip", ref_key: "containerNode", ref: B }, p(O.value, true)), [n("div", u({ class: "mc-tooltip__trigger", ref_key: "triggerNode", ref: I }, p(M.value, true)), [c(e3.$slots, "default", {}, void 0, true)], 16), v(m, { name: e3.transitionName }, { default: d(() => [z.value ? (r(), s("div", u({ key: 0, class: "mc-tooltip__popper", ref_key: "popperNode", ref: q }, p($.value, true)), [c(e3.$slots, "content", {}, () => [g(h(e3.content), 1)], true)], 16)) : f("", true)]), _: 3 }, 8, ["name"])], 16));
+} }), [["__scopeId", "data-v-d3a7e7be"]]));
+export {
+  w as M
+};