mc-plus 1.0.96 → 1.0.97

package/dist/es/index.js

@@ -33,10 +33,10 @@ import { M as w } from "./mc-icon-CnpccbFi.js";
 import { a as a15 } from "./mc-icon-CnpccbFi.js";
 import { M as J } from "./mc-icon-plus-CHgt2j0R.js";
 import { b as b3 } from "./mc-icon-plus-CHgt2j0R.js";
-import { M as V } from "./mc-input-DNxN4R08.js";
-import { a as a16 } from "./mc-input-DNxN4R08.js";
-import { M as Z } from "./mc-input-group-B45WZ5mO.js";
-import { I, a as a17 } from "./mc-input-group-B45WZ5mO.js";
+import { M as V } from "./mc-input-p_XWRrLk.js";
+import { a as a16 } from "./mc-input-p_XWRrLk.js";
+import { M as Z } from "./mc-input-group-EkEIqaP0.js";
+import { I, a as a17 } from "./mc-input-group-EkEIqaP0.js";
 import { M as z } from "./mc-lightbox-CvcYh54U.js";
 import { a as a18 } from "./mc-lightbox-CvcYh54U.js";
 import { M as Q } from "./mc-loading-w8PEFPUz.js";
@@ -69,8 +69,8 @@ import { M as Cs } from "./mc-removable-tag-X5mFMPl2.js";
 import { a as a29 } from "./mc-removable-tag-X5mFMPl2.js";
 import { M as is } from "./mc-reset-2g3HidL0.js";
 import { a as a30 } from "./mc-reset-2g3HidL0.js";
-import { M as fs } from "./mc-richtext-rpgRGRXa.js";
-import { F as F3, a as a31, b as b6, T } from "./mc-richtext-rpgRGRXa.js";
+import { M as fs } from "./mc-richtext-EFlj6wEQ.js";
+import { F as F3, a as a31, b as b6, T } from "./mc-richtext-EFlj6wEQ.js";
 import { M as Es } from "./mc-secondary-menu-DXNC7YoQ.js";
 import { a as a32 } from "./mc-secondary-menu-DXNC7YoQ.js";
 import { M as js } from "./mc-select-A1sfj0F6.js";
@@ -79,12 +79,12 @@ import { M as Ts } from "./mc-select-group-DyxMiZvG.js";
 import { a as a34, S as S2 } from "./mc-select-group-DyxMiZvG.js";
 import { M as Os } from "./mc-select-option-DdaXGsnw.js";
 import { a as a35 } from "./mc-select-option-DdaXGsnw.js";
-import { M as ls } from "./mc-select-plus-CtXzc-qi.js";
-import { b as b7, a as a36 } from "./mc-select-plus-CtXzc-qi.js";
-import { a as Ls } from "./mc-select-group-plus-B3EJzLHL.js";
-import { M as M4 } from "./mc-select-group-plus-B3EJzLHL.js";
-import { M as As } from "./mc-select-option-plus-BhrMU8QL.js";
-import { a as a37 } from "./mc-select-option-plus-BhrMU8QL.js";
+import { M as ls } from "./mc-select-plus-XXyTxReE.js";
+import { b as b7, a as a36 } from "./mc-select-plus-XXyTxReE.js";
+import { a as Ls } from "./mc-select-group-plus-DwFonS40.js";
+import { M as M4 } from "./mc-select-group-plus-DwFonS40.js";
+import { M as As } from "./mc-select-option-plus-mMlT_leo.js";
+import { a as a37 } from "./mc-select-option-plus-mMlT_leo.js";
 import { M as xs } from "./mc-select-multi-option-CcI3A3-Q.js";
 import { a as a38 } from "./mc-select-multi-option-CcI3A3-Q.js";
 import { M as Is } from "./mc-status-Bw9-cSOb.js";
@@ -123,10 +123,10 @@ import { M as hs } from "./mc-toast-BNRX1zn4.js";
 import { a as a51, t } from "./mc-toast-BNRX1zn4.js";
 import { M as Fs } from "./mc-tooltip-B4YnwWwZ.js";
 import { a as a52 } from "./mc-tooltip-B4YnwWwZ.js";
-import { M as Hs } from "./mc-upload-BKguo5Ul.js";
-import { A, a as a53, b as b11, W } from "./mc-upload-BKguo5Ul.js";
-import { M as Xs } from "./mc-file-list-CEjzwuoW.js";
-import { a as a54 } from "./mc-file-list-CEjzwuoW.js";
+import { M as Hs } from "./mc-upload-BPCzV6vM.js";
+import { A, a as a53, b as b11, W } from "./mc-upload-BPCzV6vM.js";
+import { M as Xs } from "./mc-file-list-DEx-jX1K.js";
+import { a as a54 } from "./mc-file-list-DEx-jX1K.js";
 const ys = [E, O, L, x, P, R, N, U, B, G, K, H, X, y, v, w, J, V, Z, z, Q, $, ss, os, ms, rs, as, ts, ps, _s, cs, es, Ms, Cs, is, fs, Es, js, Ts, Os, Ls, xs, As, ls, Is, Ps, us, Rs, Ss, Ns, ns, Us, bs, ds, gs, Ds, Bs, Gs, Ys, Ks, hs, Fs, Xs, Hs];
 s();
 const Ws = _(ys);

package/dist/es/mc-file-list-DEx-jX1K.js

@@ -0,0 +1,29 @@
+import { _ as e, u as l } from "./utils-dWwt4JKv.js";
+import { defineComponent as i, ref as s, createElementBlock as a, openBlock as t, normalizeClass as m, Fragment as c, renderList as o, createElementVNode as n, createCommentVNode as f, createVNode as d, unref as u, toDisplayString as p, renderSlot as r, createBlock as v } from "vue";
+import { useResizeObserver as k } from "@mc-plus/hooks";
+import { M as y } from "./mc-icon-CnpccbFi.js";
+import { M as g } from "./mc-divider-BkBo-IT9.js";
+import { M as b } from "./mc-progress-bar-COF1YGM0.js";
+import { u as C, g as w, f as _ } from "./mc-upload-BPCzV6vM.js";
+const h = "mc-file-list", x = { class: "mc-file-list-item-content" }, M = { class: "mc-file-list-item-file mc-file-list-item-info" }, j = ["onClick"], B = { class: "mc-file-list-item-file-name-text" }, V = { class: "mc-file-list-item-file-desc" }, $ = { class: "mc-file-list-item-file-size-text" }, z = { key: 0, class: "mc-file-list-item-file-progress-bar" }, T = { key: 1, class: "mc-file-list-item-file-error" }, D = { class: "mc-file-list-item-info" }, I = { class: "mc-file-list-item-label" }, L = { class: "mc-file-list-item-value" }, R = { class: "mc-file-list-item-info" }, q = { class: "mc-file-list-item-label" }, A = { class: "mc-file-list-item-value" }, E = { key: 0, class: "mc-file-list-item-info" }, F = { class: "mc-file-list-item-actions" }, G = { class: "mc-file-list-item-compact-content" }, H = { class: "mc-file-list-item-info" }, J = { class: "mc-file-list-item-label" }, K = { class: "mc-file-list-item-value" }, N = { class: "mc-file-list-item-info" }, O = { class: "mc-file-list-item-label" }, P = { class: "mc-file-list-item-value" }, Q = { key: 0, class: "mc-file-list-item-info" }, S = l(e(i({ name: h, __name: "mc-file-list", props: { modelValue: { default: () => [] }, theme: { default: "light" }, lang: { default: "en" }, downloadable: { type: Boolean, default: false }, allowCancel: { type: Boolean, default: false }, deletable: { type: Boolean, default: true } }, emits: ["update:modelValue", "change", "delete", "download", "preview", "cancel"], setup(e2, { emit: l2 }) {
+  const i2 = e2, h2 = l2, { langMap: S2 } = C(), U = s(false), W = s();
+  k(W, ({ width: e3 }) => {
+    U.value = e3 <= 600;
+  });
+  const X = (e3) => {
+    h2("update:modelValue", i2.modelValue.filter((l3) => l3.name !== e3.name));
+  };
+  return (l3, i3) => (t(), a("ul", { class: m(["mc-file-list", [`mc-file-list-${e2.theme}`, { "mc-file-list-compact": U.value }]]), ref_key: "fileListRef", ref: W }, [(t(true), a(c, null, o(e2.modelValue, (i4) => (t(), a("li", { class: "mc-file-list-item", key: i4.name }, [n("div", x, [n("div", M, [n("div", { class: "mc-file-list-item-file-name", onClick: (e3) => ((e4) => {
+    h2("preview", e4);
+  })(i4) }, [d(u(y), { name: "Document" }), n("span", B, p(i4.name), 1)], 8, j), n("div", V, ["failed" !== i4.status ? (t(), a(c, { key: 0 }, [n("span", $, p(i4.size ? u(w)(i4.size) : "--"), 1), "loading" === i4.status ? (t(), a("div", z, [d(u(b), { percentage: i4.progress, "transition-duration": 1e3 }, null, 8, ["percentage"])])) : f("", true)], 64)) : (t(), a("span", T, p(i4.errorMessage || "failed to upload"), 1))])]), U.value ? f("", true) : (t(), a(c, { key: 0 }, [n("div", D, [n("span", I, p(u(S2).uploaded_by), 1), n("span", L, p(i4.uploadBy || "--"), 1)]), n("div", R, [n("span", q, p(u(S2).uploaded_on), 1), n("span", A, p(u(_)(i4.uploadTime) || "--"), 1)]), l3.$slots.extra && "successed" === i4.status ? (t(), a("div", E, [r(l3.$slots, "extra", { file: i4 }, void 0, true)])) : f("", true)], 64)), n("div", F, ["loading" === i4.status ? (t(), a(c, { key: 0 }, [e2.allowCancel ? (t(), v(u(y), { key: 0, name: "Cross", class: "mc-file-list-item-icon", onClick: (e3) => ((e4) => {
+    h2("cancel", e4), X(e4);
+  })(i4) }, null, 8, ["onClick"])) : f("", true)], 64)) : (t(), a(c, { key: 1 }, [e2.downloadable ? (t(), v(u(y), { key: 0, name: "Download", class: "mc-file-list-item-icon", onClick: (e3) => ((e4) => {
+    h2("download", e4);
+  })(i4) }, null, 8, ["onClick"])) : f("", true), e2.deletable ? (t(), v(u(y), { key: 1, name: "Trash", class: "mc-file-list-item-icon", onClick: (e3) => ((e4) => {
+    h2("delete", e4), X(e4);
+  })(i4) }, null, 8, ["onClick"])) : f("", true)], 64))])]), U.value ? (t(), a(c, { key: 0 }, [d(u(g)), n("div", G, [n("div", H, [n("span", J, p(u(S2).uploaded_by), 1), n("span", K, p(i4.uploadBy || "--"), 1)]), n("div", N, [n("span", O, p(u(S2).uploaded_on), 1), n("span", P, p(u(_)(i4.uploadTime) || "--"), 1)]), l3.$slots.extra && "successed" === i4.status ? (t(), a("div", Q, [r(l3.$slots, "extra", { file: i4 }, void 0, true)])) : f("", true)])], 64)) : f("", true)]))), 128))], 2));
+} }), [["__scopeId", "data-v-1e7a8f73"]]));
+export {
+  S as M,
+  h as a
+};

package/dist/es/{mc-input-group-B45WZ5mO.js → mc-input-group-EkEIqaP0.js}

@@ -2,21 +2,21 @@ import { ref as e, computed as u, inject as t, watch as i, defineComponent as p,
 import { useProp as v } from "@mc-plus/hooks";
 import { _ as x, u as m } from "./utils-dWwt4JKv.js";
 import { a as I } from "./mc-form-ClGYeMfQ.js";
-const g = Symbol("mc-input-group-context"), G = "mc-input-group", A = (e2) => {
-  const p2 = t(g, void 0);
+const G = Symbol("mc-input-group-context"), g = "mc-input-group", A = (e2) => {
+  const p2 = t(G, void 0), r2 = u(() => !!p2);
   if (!p2) return;
-  const r2 = u(() => p2.disabled.value), s2 = v("inputGroupPosition");
-  if (!s2 || !s2.value) return;
-  const { validateStatus: o2, isExpanded: a2, isFocused: d2, isHovering: n2 } = e2;
-  return o2 && i(o2, (e3) => {
+  const s2 = u(() => p2.disabled.value), o2 = v("inputGroupPosition");
+  if (!o2 || !o2.value) return;
+  const { validateStatus: a2, isExpanded: d2, isFocused: n2, isHovering: l2 } = e2;
+  return a2 && i(a2, (e3) => {
     p2.setInputGroupValidate(e3);
-  }), a2 && i(a2, (e3) => {
+  }), d2 && i(d2, (e3) => {
     p2.setInputGroupExpanded(e3);
-  }), i([d2, n2], ([e3, u2]) => {
-    e3 || u2 ? p2.setInputGroupActived(true, s2.value) : p2.setInputGroupActived(false, s2.value);
-  }), { inputGroupDisabled: r2 };
-}, E = ["id"], b = { key: 0, class: "mc-input-group-divider" }, y = m(x(p({ name: G, __name: "mc-input-group", props: { disabled: { type: Boolean, default: false }, suffixFlex: { default: 1 }, prefixFlex: { default: 1 } }, setup(t2) {
-  const { isError: i2, isExpanded: p2, isPrefixActived: v2, isSuffixActived: x2, setInputGroupValidate: m2, setInputGroupExpanded: G2, setInputGroupActived: A2 } = (() => {
+  }), i([n2, l2], ([e3, u2]) => {
+    e3 || u2 ? p2.setInputGroupActived(true, o2.value) : p2.setInputGroupActived(false, o2.value);
+  }), { isInputGroup: r2, inputGroupDisabled: s2 };
+}, E = ["id"], b = { key: 0, class: "mc-input-group-divider" }, y = m(x(p({ name: g, __name: "mc-input-group", props: { disabled: { type: Boolean, default: false }, suffixFlex: { default: 1 }, prefixFlex: { default: 1 } }, setup(t2) {
+  const { isError: i2, isExpanded: p2, isPrefixActived: v2, isSuffixActived: x2, setInputGroupValidate: m2, setInputGroupExpanded: g2, setInputGroupActived: A2 } = (() => {
     const t3 = e("init"), i3 = u(() => "error" === t3.value), p3 = e(false), r2 = e(false), s2 = e(false);
     return { validateStatus: t3, isError: i3, isExpanded: p3, isPrefixActived: r2, isSuffixActived: s2, setInputGroupValidate: (e2) => {
       t3.value = e2;
@@ -26,11 +26,11 @@ const g = Symbol("mc-input-group-context"), G = "mc-input-group", A = (e2) => {
       "prefix" === u2 ? r2.value = e2 : s2.value = e2;
     } };
   })(), { formId: y2, formDisabled: F } = I(), S = u(() => !v2.value && !x2.value && !p2.value || F.value);
-  return r(g, { disabled: F, setInputGroupExpanded: G2, setInputGroupValidate: m2, setInputGroupActived: A2 }), (e2, u2) => (o(), s("div", { id: d(y2), class: a(["mc-input-group", { "mc-input-group-disabled": d(F) }]) }, [n("div", { class: a(["mc-input-group-prefix", { "mc-input-group-prefix-expanded": d(p2), "mc-input-group-prefix-actived": d(v2), "mc-input-group-prefix-error": d(i2) }]), style: f({ flex: t2.prefixFlex }) }, [c(e2.$slots, "prefix", {}, void 0, true)], 6), S.value ? (o(), s("div", b)) : l("", true), n("div", { class: a(["mc-input-group-suffix", { "mc-input-group-suffix-expanded": d(p2), "mc-input-group-suffix-actived": d(x2), "mc-input-group-suffix-error": d(i2) }]), style: f({ flex: t2.suffixFlex }) }, [c(e2.$slots, "suffix", {}, void 0, true)], 6)], 10, E));
+  return r(G, { disabled: F, setInputGroupExpanded: g2, setInputGroupValidate: m2, setInputGroupActived: A2 }), (e2, u2) => (o(), s("div", { id: d(y2), class: a(["mc-input-group", { "mc-input-group-disabled": d(F) }]) }, [n("div", { class: a(["mc-input-group-prefix", { "mc-input-group-prefix-expanded": d(p2), "mc-input-group-prefix-actived": d(v2), "mc-input-group-prefix-error": d(i2) }]), style: f({ flex: t2.prefixFlex }) }, [c(e2.$slots, "prefix", {}, void 0, true)], 6), S.value ? (o(), s("div", b)) : l("", true), n("div", { class: a(["mc-input-group-suffix", { "mc-input-group-suffix-expanded": d(p2), "mc-input-group-suffix-actived": d(x2), "mc-input-group-suffix-error": d(i2) }]), style: f({ flex: t2.suffixFlex }) }, [c(e2.$slots, "suffix", {}, void 0, true)], 6)], 10, E));
 } }), [["__scopeId", "data-v-deb1fe8a"]]));
 export {
-  g as I,
+  G as I,
   y as M,
-  G as a,
+  g as a,
   A as u
 };

package/dist/es/{mc-input-DNxN4R08.js → mc-input-p_XWRrLk.js}

@@ -4,7 +4,7 @@ import { includes as b, endsWith as _, startsWith as w, toString as I, isNil as
 import { useFocus as B, useHover as V } from "@mc-plus/hooks";
 import { M as S } from "./mc-icon-CnpccbFi.js";
 import { u as A } from "./mc-form-ClGYeMfQ.js";
-import { u as C } from "./mc-input-group-B45WZ5mO.js";
+import { u as C } from "./mc-input-group-EkEIqaP0.js";
 const R = "mc-input", j = { key: 0, class: "mc-input__prefix" }, T = ["id", "type", "disabled", "readonly", "autocomplete", "placeholder", "autofocus", "maxlength"], z = { key: 2, class: "mc-input__password" }, F = { key: 0, class: "mc-input__suffix" }, P = { key: 4, class: "mc-input-append" }, D = { class: "mc-input-append-text" }, H = t(e(l({ name: R, __name: "mc-input", props: { modelValue: {}, width: {}, height: {}, id: {}, 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: {}, inputGroupPosition: {}, disableValidation: { type: Boolean, default: false }, hideValidationIcon: { type: Boolean, default: false }, textAlign: { default: "left" }, validateProp: {}, formatter: {}, parser: {} }, emits: ["update:modelValue", "input", "change", "focus", "blur", "paste", "clear", "delete"], setup(e2, { expose: t2, emit: l2 }) {
   const R2 = e2, { formatter: H2, parser: E } = R2, G = l2, M = a(), K = n(() => k(R2.modelValue) ? "" : I(R2.modelValue)), O = (e3) => ("number" === R2.type ? e3 = ((e4) => e4.replace(/[^\d]/g, ""))(e3) : "currency" === R2.type && (e3 = ((e4, t3 = 8) => {
     e4 = e4.replace(/(?:[^0-9.]+)/g, "");

package/dist/es/{mc-richtext-rpgRGRXa.js → mc-richtext-EFlj6wEQ.js}

@@ -1,11 +1,11 @@
 import { defineComponent as e, createElementBlock as t, openBlock as l, normalizeClass as a, renderSlot as o, createBlock as i, ref as s, watch as c, watchEffect as n, normalizeStyle as r, unref as m, createElementVNode as u, createVNode as d, withCtx as v, toDisplayString as p, createTextVNode as L } from "vue";
-import { M as h, u as f, i as A, a as g, E as M } from "./vendor-BEjxar4U.js";
+import { M as h, u as f, i as A, a as g, E as M } from "./vendor-BLme4Nko.js";
 import { useWidthHeight as x } from "@mc-plus/hooks";
-import { M as O } from "./mc-select-plus-CtXzc-qi.js";
-import { M as T } from "./mc-select-option-plus-BhrMU8QL.js";
+import { M as O } from "./mc-select-plus-XXyTxReE.js";
+import { M as T } from "./mc-select-option-plus-mMlT_leo.js";
 import { a as k, M as I } from "./mc-icon-plus-CHgt2j0R.js";
 import { M as R } from "./mc-tooltip-B4YnwWwZ.js";
-import { M as b } from "./mc-input-DNxN4R08.js";
+import { M as b } from "./mc-input-p_XWRrLk.js";
 import { M as _ } from "./mc-button-CcrftE8N.js";
 import { _ as E, u as N } from "./utils-dWwt4JKv.js";
 const C = "McRichtext", S = "McRichtextTool";

package/dist/es/mc-select-group-plus-DwFonS40.js

@@ -0,0 +1,13 @@
+import { _ as l, u as s } from "./utils-dWwt4JKv.js";
+import { defineComponent as e, inject as t, computed as o, withDirectives as a, createElementBlock as u, openBlock as p, createElementVNode as r, normalizeStyle as c, unref as m, toDisplayString as i, renderSlot as d, vShow as h } from "vue";
+import { includes as f } from "lodash-es";
+import { useWidthHeight as g } from "@mc-plus/hooks";
+import { a as n } from "./mc-select-plus-XXyTxReE.js";
+const v = "mc-select-group-plus", _ = { class: "mc-select-group" }, b = { class: "mc-select-option-list" }, w = s(l(e({ name: v, __name: "mc-select-group-plus", props: { label: {}, height: { default: 40 }, width: { default: "100%" } }, setup(l2) {
+  const s2 = l2, { filteredGroups: e2 } = t(n), { height: v2, width: w2 } = g(), j = o(() => f(e2.value, s2.label));
+  return (s3, e3) => a((p(), u("ul", _, [r("li", { class: "mc-select-group-label", style: c({ height: m(v2), width: m(w2) }) }, i(l2.label), 5), r("li", null, [r("ul", b, [d(s3.$slots, "default", {}, void 0, true)])])], 512)), [[h, j.value]]);
+} }), [["__scopeId", "data-v-fad05d30"]]));
+export {
+  v as M,
+  w as a
+};

package/dist/es/mc-select-option-plus-mMlT_leo.js

@@ -0,0 +1,18 @@
+import { _ as e, u as l } from "./utils-dWwt4JKv.js";
+import { defineComponent as a, inject as t, computed as s, ref as o, withDirectives as i, createElementBlock as u, openBlock as d, normalizeStyle as c, normalizeClass as p, unref as m, renderSlot as v, createBlock as r, toDisplayString as n, vShow as b } from "vue";
+import { find as h, some as f } from "lodash-es";
+import { useWidthHeight as y } from "@mc-plus/hooks";
+import { M as _ } from "./mc-select-multi-option-CcI3A3-Q.js";
+import { a as g } from "./mc-select-plus-XXyTxReE.js";
+const k = "mc-select-option-plus", M = ["aria-selected"], j = { key: 1, class: "mc-select-option-label" }, w = l(e(a({ name: k, __name: "mc-select-option-plus", props: { label: {}, value: { type: [String, Number, Boolean] }, height: { default: 40 }, width: { default: "100%" }, disabled: { type: Boolean } }, setup(e2) {
+  const l2 = e2, { height: a2, width: k2 } = y(), { isMulti: w2, selectedOptions: O, filteredOptions: B, hoverOption: x, select: A, hover: C } = t(g), D = s(() => !!h(B.value, (e3) => e3.value === l2.value)), I = s(() => f(O.value, (e3) => e3.value === l2.value)), J = o(false), N = s(() => l2.label), Q = () => {
+    C(l2.value);
+  }, S = s(() => x.value === l2.value), $ = () => {
+    l2.disabled || A(l2.value);
+  };
+  return (l3, t2) => i((d(), u("li", { role: "option", class: p(["mc-select-option", { "mc-select-option-actived": I.value && !m(w2), "mc-select-option-hover": S.value, "mc-select-option-disabled": e2.disabled }]), style: c({ height: m(a2), width: m(k2) }), "aria-selected": J.value, onMouseenter: Q, onClick: $ }, [v(l3.$slots, "default", { isActived: I.value, isDisabled: e2.disabled }, () => [m(w2) ? (d(), r(m(_), { key: 0, "model-value": I.value, label: N.value, disabled: e2.disabled }, null, 8, ["model-value", "label", "disabled"])) : (d(), u("span", j, n(N.value), 1))], true)], 46, M)), [[b, D.value]]);
+} }), [["__scopeId", "data-v-c6116c80"]]));
+export {
+  w as M,
+  k as a
+};

package/dist/es/mc-select-plus-XXyTxReE.js

@@ -0,0 +1,206 @@
+import { _ as e, u as l } from "./utils-dWwt4JKv.js";
+import { defineComponent as t, inject as s, computed as a, createElementBlock as o, openBlock as i, normalizeClass as r, unref as n, renderSlot as u, createBlock as c, resolveDynamicComponent as d, toDisplayString as p, Fragment as v, renderList as m, createVNode as f, withCtx as h, createTextVNode as y, ref as g, createElementVNode as b, normalizeStyle as w, withDirectives as x, withKeys as O, withModifiers as _, vShow as k, createSlots as V, watchEffect as $, onUnmounted as B, Teleport as I, createCommentVNode as P, getCurrentInstance as D, watch as R, nextTick as S, provide as E, isRef as A } from "vue";
+import { isEmpty as L, isNumber as M, map as j, isArray as F, isString as H, isFunction as T, includes as G, filter as C, toLower as U, uniqBy as z, findIndex as K, difference as N } from "lodash-es";
+import { useProp as X, useFocus as Y, useHover as q, useEventListener as J, useWidthHeight as Q } from "@mc-plus/hooks";
+import { M as W } from "./mc-icon-plus-CHgt2j0R.js";
+import { M as Z } from "./mc-tag-DMybZ4uk.js";
+import { b as ee, c as le } from "./vendor-BLme4Nko.js";
+import { M as te } from "./mc-checkbox-AlY2j_HW.js";
+import { M as se } from "./mc-select-group-plus-DwFonS40.js";
+import { a as ae } from "./mc-select-option-plus-mMlT_leo.js";
+import { u as oe } from "./mc-form-ClGYeMfQ.js";
+import { u as ie } from "./mc-input-group-EkEIqaP0.js";
+const re = Symbol("mc-select-plus-context"), ne = "mc-select-plus", ue = { key: 1 }, ce = e(t({ name: "mc-select-selected-content", __name: "index", setup(e2) {
+  const { selectedOptions: l2, isDisabled: t2 } = s(re), v2 = a(() => L(l2.value) ? void 0 : l2.value[0]), m2 = a(() => {
+    var _a, _b;
+    return L(v2.value) ? void 0 : v2.value.label ?? ((_b = (_a = v2.value) == null ? void 0 : _a.value) == null ? void 0 : _b.toString());
+  }), f2 = a(() => L(v2.value) ? void 0 : v2.value.context);
+  return (e3, l3) => {
+    var _a;
+    return i(), o("div", { class: r(["mc-select-selected-content", { "is-disabled": n(t2) }]) }, [f2.value || e3.$slots.default ? u(e3.$slots, "default", { key: 0, selectedOption: (_a = v2.value) == null ? void 0 : _a.value, selectedOptionLabel: m2.value, isDisabled: n(t2) }, () => [(i(), c(d(f2.value)))], true) : (i(), o("span", ue, p(m2.value), 1))], 2);
+  };
+} }), [["__scopeId", "data-v-89e7c6ac"]]), de = { class: "mc-select-selected-content-multi" }, pe = e(t({ name: "mc-select-selected-content-multi", __name: "index", props: { isFocused: { type: Boolean, default: false }, isHovering: { type: Boolean, default: false }, maxTags: { default: void 0 } }, setup(e2) {
+  const { isMulti: l2, selectedOptions: t2, isDisabled: r2, deleteTag: u2 } = s(re), c2 = e2, d2 = a(() => {
+    const e3 = c2.maxTags, l3 = t2.value;
+    if (M(e3)) {
+      const t3 = l3.length - e3, s2 = [];
+      for (let t4 = 0; t4 < e3 && t4 < l3.length; t4++) {
+        const e4 = l3[t4];
+        s2.push({ label: `${e4.label ?? e4.value}`, item: e4.value, selectable: true });
+      }
+      return t3 > 0 && s2.push({ label: `+${t3}`, item: "rest", selectable: false }), s2;
+    }
+    return j(l3, (e4) => ({ label: `${e4.label ?? e4.value}`, item: e4.value, selectable: true }));
+  }), g2 = a(() => c2.isFocused || c2.isHovering ? "minimal" : "bold");
+  return (e3, t3) => (i(), o("ul", de, [(i(true), o(v, null, m(d2.value, (e4) => (i(), o("li", { key: `${e4.item}`, class: "mc-select-selected-tag" }, [f(n(Z), { size: "x-small", type: "selectable", deletable: e4.selectable, emphasis: g2.value, disabled: n(r2), onDelete: (t4) => {
+    return s2 = e4.item, void (l2.value && u2(s2));
+    var s2;
+  } }, { default: h(() => [y(p(e4.label), 1)]), _: 2 }, 1032, ["deletable", "emphasis", "disabled", "onDelete"])]))), 128))]));
+} }), [["__scopeId", "data-v-0389b767"]]), ve = ["value", "placeholder", "disabled", "readonly", "onKeydown"], me = { class: "mc-select-placeholder" }, fe = { class: "mc-select-trigger-toolbar" }, he = e(t({ name: "mc-select-trigger", __name: "index", props: { search: { type: Boolean, default: false }, clearable: { type: Boolean, default: false }, placeholder: { default: "Please select" }, searchValue: { default: void 0 }, isExpanded: { type: Boolean, default: false }, maxTags: { default: void 0 }, hideValidationIcon: { type: Boolean } }, emits: ["update:searchValue", "update:isExpanded", "press:arrow", "search", "focus", "blur", "clear"], setup(e2, { emit: l2 }) {
+  const t2 = e2, d2 = l2, v2 = g(), { wrapperRef: m2, isFocused: y2, handleFocus: $2, handleBlur: B2 } = Y(v2), { isHovering: I2 } = q(m2), { selectedOptions: P2, isMulti: D2, isDisabled: R2, validateStatus: S2, isInputGroup: E2 } = s(re), A2 = a(() => F(P2.value) ? P2.value.length > 0 : !!P2.value), L2 = (e3) => {
+    const { value: l3 } = e3.target;
+    d2("update:searchValue", l3), d2("search");
+  }, M2 = () => {
+    R2.value || d2("update:isExpanded", !t2.isExpanded);
+  }, { showClearIcon: j2, mouseOverIcon: H2 } = (() => {
+    const e3 = g(false), l3 = X("clearable"), t3 = X("isDisabled");
+    return { showClearIcon: a(() => !!l3.value && e3.value && !t3.value), mouseOverIcon: (l4) => {
+      e3.value = l4;
+    } };
+  })(), T2 = a(() => A2.value && j2.value), G2 = () => {
+    d2("clear");
+  }, C2 = a(() => R2.value ? "not-allowed" : t2.search ? "text" : "pointer"), U2 = () => {
+    R2.value || d2("update:isExpanded", !t2.isExpanded);
+  }, z2 = (e3) => {
+    R2.value || d2("press:arrow", e3);
+  };
+  return (l3, t3) => (i(), o("div", { ref_key: "triggerRef", ref: m2, class: r(["mc-select-trigger", { "is-hovering": n(I2), "is-focused": n(y2), "is-expanded": e2.isExpanded, "is-disabled": n(R2), "is-error": "error" === n(S2), "is-success": "success" === n(S2), "is-input-group": n(E2) }]), onClick: M2 }, [b("div", { class: "mc-select-trigger-selected-content", style: w({ cursor: C2.value }) }, [b("div", { class: "mc-select-trigger-input-wrapper", style: w({ width: e2.searchValue || !A2.value ? "100%" : "1em" }) }, [b("input", { value: e2.searchValue, ref_key: "inputRef", ref: v2, class: "mc-select-input", placeholder: e2.placeholder, disabled: n(R2), readonly: !e2.search || n(R2), onInput: L2, onFocus: t3[0] || (t3[0] = (...e3) => n($2) && n($2)(...e3)), onBlur: t3[1] || (t3[1] = (...e3) => n(B2) && n(B2)(...e3)), onKeydown: [O(_(U2, ["stop", "prevent"]), ["enter"]), O(_(z2, ["stop", "prevent"]), ["arrow-down"]), O(_(z2, ["stop", "prevent"]), ["arrow-up"])] }, null, 40, ve), x(b("div", me, [u(l3.$slots, "placeholder", { placeholder: e2.placeholder, isDisabled: n(R2) }, () => [b("span", null, p(e2.placeholder), 1)], true)], 512), [[k, !e2.searchValue && !A2.value]])], 4), n(D2) ? x((i(), c(pe, { key: 0, "max-tags": e2.maxTags, "is-focused": n(y2), "is-hovering": n(I2) }, null, 8, ["max-tags", "is-focused", "is-hovering"])), [[k, A2.value && !e2.searchValue]]) : x((i(), c(ce, { key: 1 }, V({ _: 2 }, [l3.$slots["selected-content"] ? { name: "default", fn: h(({ selectedOption: e3, selectedOptionLabel: t4, isDisabled: s2 }) => [u(l3.$slots, "selected-content", { selectedOption: e3, selectedOptionLabel: t4, isDisabled: s2 }, void 0, true)]), key: "0" } : void 0]), 1536)), [[k, A2.value && !e2.searchValue]])], 4), b("div", fe, [x(f(n(W), { class: "mc-select-status-icon", name: "error" === n(S2) ? "reject-fail-rev" : "accept-success-rev", size: 24 }, null, 8, ["name"]), [[k, "init" !== n(S2) && !e2.hideValidationIcon]]), b("div", { class: "mc-select-icon-wrapper", onMouseenter: t3[3] || (t3[3] = (e3) => n(H2)(true)), onMouseleave: t3[4] || (t3[4] = (e3) => n(H2)(false)) }, [x(f(n(W), { class: "mc-select-chevron-icon", name: "down-chevron", size: 24, cursor: n(R2) ? "not-allowed" : "pointer" }, null, 8, ["cursor"]), [[k, !T2.value]]), x(b("div", { onClick: t3[2] || (t3[2] = _(() => {
+  }, ["stop"])) }, [f(n(W), { class: "mc-select-clear-icon", name: "rejectfail", size: 16, cursor: "pointer", onClick: G2 })], 512), [[k, T2.value]])], 32)])], 2));
+} }), [["__scopeId", "data-v-cec46699"]]), ye = { key: 0, class: "mc-select-list-header" }, ge = { key: 0, class: "mc-select-list-header-content" }, be = { class: "mc-select-list-content" }, we = { key: 0, class: "mc-select-list-empty" }, xe = { key: 1, class: "mc-select-list-footer" }, Oe = e(t({ name: "mc-select-list", __name: "index", props: { listRef: {}, showFooter: { type: Boolean }, showHeader: { type: Boolean } }, emits: ["update:listRef"], setup(e2, { expose: l2, emit: t2 }) {
+  const r2 = e2, d2 = t2, { filteredOptions: p2, isMulti: v2 } = s(re), m2 = a(() => !L(p2.value)), h2 = g(), { width: y2, left: w2, top: O2 } = le(h2), { isInside: _2 } = ((e3) => {
+    const l3 = g(false), { stop: t3 } = ee(e3, ([{ isIntersecting: e4 }]) => {
+      l3.value = e4;
+    }, { threshold: 0 });
+    return B(() => t3()), { isInside: l3 };
+  })(h2), V2 = (e3, l3, t3) => {
+    var _a, _b, _c;
+    (_a = r2.listRef) == null ? void 0 : _a.style.setProperty("--mc-select-list-width", e3 + "px"), (_b = r2.listRef) == null ? void 0 : _b.style.setProperty("--mc-select-list-top", l3 + window.pageYOffset + "px"), (_c = r2.listRef) == null ? void 0 : _c.style.setProperty("--mc-select-list-left", t3 + window.pageXOffset + "px");
+  };
+  $(() => {
+    V2(y2.value, O2.value, w2.value);
+  });
+  const { isSelectAll: D2, isSelectPartial: R2, selectAll: S2 } = (() => {
+    const { isMulti: e3, selectedOptions: l3, selectOptions: t3, selectAll: a2 } = s(re), o2 = g(false), i2 = g(false);
+    return $(() => {
+      var _a, _b;
+      if (!e3.value) return;
+      const s2 = l3.value;
+      (s2 == null ? void 0 : s2.length) && ((_a = t3.value) == null ? void 0 : _a.length) && (s2 == null ? void 0 : s2.length) === ((_b = t3.value) == null ? void 0 : _b.length) ? (o2.value = true, i2.value = false) : (s2 == null ? void 0 : s2.length) > 0 ? (o2.value = false, i2.value = true) : (o2.value = false, i2.value = false);
+    }), { isSelectAll: o2, isSelectPartial: i2, selectAll: a2 };
+  })();
+  return l2({ resetListPosition: () => {
+    if (h2.value) {
+      const { width: e3, top: l3, left: t3 } = h2.value.getBoundingClientRect();
+      V2(e3, l3, t3);
+    }
+  } }), (l3, t3) => (i(), o("div", { ref_key: "wrapperRef", ref: h2, class: "mc-select-list-wrapper" }, [(i(), c(I, { to: "body" }, [x(b("ul", { class: "mc-select-list", ref: (e3) => ((e4) => {
+    d2("update:listRef", e4);
+  })(e3) }, [e2.showHeader ? (i(), o("li", ye, [u(l3.$slots, "header", { isEmpty: !m2.value }, () => [n(v2) ? (i(), o("div", ge, [f(n(te), { "model-value": n(D2), partial: n(R2), content: "Select All", "disable-validation": "", "onUpdate:modelValue": n(S2) }, null, 8, ["model-value", "partial", "onUpdate:modelValue"])])) : P("", true)], true)])) : P("", true), b("ul", be, [u(l3.$slots, "default", {}, void 0, true), m2.value ? P("", true) : (i(), o("li", we, [u(l3.$slots, "empty", {}, () => [t3[0] || (t3[0] = b("p", { class: "mc-select-list-empty-text" }, "No results found", -1))], true)]))]), e2.showFooter ? (i(), o("li", xe, [u(l3.$slots, "footer", { isEmpty: !m2.value }, void 0, true)])) : P("", true)], 512), [[k, n(_2)]])]))], 512));
+} }), [["__scopeId", "data-v-0cd40bc1"]]), _e = ["id"], ke = l(e(t({ name: ne, __name: "mc-select-plus", props: { width: { default: 320 }, height: { default: 40 }, placeholder: { default: "Please select" }, disabled: { type: Boolean, default: false }, clearable: { type: Boolean, default: false }, multiple: { type: Boolean, default: false }, maxTags: {}, search: { type: Boolean, default: false }, options: {}, showHeader: { type: Boolean, default: false }, showFooter: { type: Boolean, default: false }, modelValue: { type: [String, Number, Boolean, Array] }, inputGroupPosition: {}, disableValidation: { type: Boolean, default: false }, hideValidationIcon: { type: Boolean, default: false }, validateProp: {} }, emits: ["update:modelValue", "change", "focus", "blur", "expand"], setup(e2, { emit: l2 }) {
+  const t2 = e2, s2 = l2, r2 = g(false);
+  R(r2, (e3) => {
+    s2("expand", e3);
+  });
+  const { selectOptions: d2 } = (() => {
+    let e3 = [];
+    const l3 = g([]), t3 = D().proxy;
+    return $(() => {
+      var _a, _b;
+      const s3 = (_b = (_a = t3.$slots).default) == null ? void 0 : _b.call(_a);
+      if (s3.length) {
+        const e4 = ((e5) => {
+          const l4 = [], t4 = (e6, s4) => {
+            F(e6) && e6.forEach((e7) => {
+              var _a2, _b2, _c, _d, _e2, _f, _g, _h;
+              const a2 = (_a2 = (e7 == null ? void 0 : e7.type) || {}) == null ? void 0 : _a2.name;
+              if (a2 === se) {
+                const l5 = H(e7.children) || F(e7.children) || !T((_b2 = e7.children) == null ? void 0 : _b2.default) ? e7.children : (_c = e7.children) == null ? void 0 : _c.default();
+                t4(l5, (_d = e7.props) == null ? void 0 : _d.label);
+              } else a2 === ae ? l4.push({ label: (_e2 = e7.props) == null ? void 0 : _e2.label, value: (_f = e7.props) == null ? void 0 : _f.value, disabled: (_g = e7.props) == null ? void 0 : _g.disabled, group: s4, context: (_h = e7.children) == null ? void 0 : _h.default }) : Array.isArray(e7.children) && t4(e7.children, s4);
+            });
+          };
+          return t4(e5), l4;
+        })(s3);
+        l3.value.push(...e4);
+      }
+      ((e4, l4) => {
+        if (e4.length !== l4.length) return false;
+        for (const [t4] of e4.entries()) if (e4[t4] != l4[t4]) return false;
+        return true;
+      })(l3.value, e3) || (e3 = l3.value);
+    }), { selectOptions: l3 };
+  })(), { selectedOptions: p2 } = ((e3) => {
+    const l3 = X("modelValue"), t3 = X("multiple");
+    return { selectedOptions: a(() => {
+      if (!l3.value) return [];
+      if (t3.value && F(l3.value)) return e3.value.filter((e4) => G(l3.value, e4.value));
+      {
+        const t4 = e3.value.find((e4) => e4.value === l3.value);
+        return t4 ? [t4] : [];
+      }
+    }) };
+  })(d2), v2 = g(), { searchValue: m2, isSearch: y2, filteredOptions: b2, filteredGroups: x2, clearSearchValue: O2 } = ((e3) => {
+    const l3 = g(""), t3 = X("search"), s3 = a(() => !!t3.value), o2 = a(() => (e3 == null ? void 0 : e3.value.length) ? j(C(e3.value, (e4) => G(U(e4.label), U(l3.value))), (e4) => ({ value: e4.value, group: e4.group })) : []), i2 = a(() => o2.value.length ? j(z(o2.value, "group"), (e4) => e4.group) : []);
+    return { searchValue: l3, isSearch: s3, filteredOptions: o2, filteredGroups: i2, clearSearchValue: () => {
+      l3.value = "";
+    } };
+  })(d2), _2 = async () => {
+    var _a;
+    t2.search && (r2.value || (r2.value = true), await S(), (_a = v2.value) == null ? void 0 : _a.resetListPosition());
+  }, { selectRef: k2, teleportListRef: B2 } = (() => {
+    const e3 = X("multiple"), l3 = g(), t3 = g();
+    return J(document, "click", (s3) => {
+      var _a, _b, _c;
+      const a2 = s3.target;
+      if (e3.value) {
+        if (((_a = l3 == null ? void 0 : l3.value) == null ? void 0 : _a.contains(a2)) || ((_b = t3 == null ? void 0 : t3.value) == null ? void 0 : _b.contains(a2))) return;
+      } else if ((_c = l3 == null ? void 0 : l3.value) == null ? void 0 : _c.contains(a2)) return;
+      O2(), r2.value = false;
+    }), { selectRef: l3, teleportListRef: t3 };
+  })(), I2 = async () => {
+    var _a;
+    r2.value = false, O2(), de2(t2.multiple ? [] : void 0), await S(), (_a = v2.value) == null ? void 0 : _a.resetListPosition();
+  }, { hoverOption: M2, setHoverOption: Y2, handlePressArrow: q2 } = ((e3) => {
+    const l3 = g(), t3 = () => {
+      l3.value = void 0;
+    };
+    return { hoverOption: l3, setHoverOption: (e4) => {
+      l3.value = e4;
+    }, handlePressArrow: (s3) => {
+      var _a, _b, _c, _d, _e2;
+      if (!(e3 == null ? void 0 : e3.value.length)) return void t3();
+      if (!l3.value) return void (l3.value = (_a = e3.value[0]) == null ? void 0 : _a.value);
+      const a2 = K(e3 == null ? void 0 : e3.value, (e4) => e4.value === l3.value);
+      "ArrowDown" === s3.key ? l3.value = ((_b = e3.value[a2 + 1]) == null ? void 0 : _b.value) || ((_c = e3.value[0]) == null ? void 0 : _c.value) : "ArrowUp" === s3.key && (l3.value = ((_d = e3.value[a2 - 1]) == null ? void 0 : _d.value) || ((_e2 = e3.value[e3.value.length - 1]) == null ? void 0 : _e2.value));
+    }, clearHoverOption: t3 };
+  })(b2), { width: W2, height: Z2 } = Q(), { formId: ee2, formDisabled: le2, validateStatus: te2, validateByTrigger: ne2 } = oe();
+  R(le2, async (e3) => {
+    var _a;
+    e3 && (r2.value = false, O2(), await S(), (_a = v2.value) == null ? void 0 : _a.resetListPosition());
+  });
+  const ue2 = () => {
+    s2("focus");
+  }, ce2 = () => {
+    ne2("blur"), s2("blur");
+  }, de2 = async (e3) => {
+    s2("update:modelValue", e3), s2("change", e3);
+  }, pe2 = ie({ validateStatus: te2, isExpanded: r2, isFocused: a(() => false), isHovering: a(() => false) });
+  return E(re, { isMulti: a(() => t2.multiple), isDisabled: a(() => le2.value || !!(pe2 == null ? void 0 : pe2.inputGroupDisabled.value)), isInputGroup: a(() => !!(pe2 == null ? void 0 : pe2.isInputGroup.value)), validateStatus: te2, selectOptions: d2, selectedOptions: p2, filteredOptions: b2, filteredGroups: x2, hoverOption: M2, deleteTag: async (e3) => {
+    var _a;
+    if (!t2.multiple) return;
+    const l3 = j(p2.value, (e4) => e4.value), s3 = N(l3, [e3]);
+    de2(s3), await S(), (_a = v2.value) == null ? void 0 : _a.resetListPosition();
+  }, select: async (e3) => {
+    var _a;
+    if (O2(), t2.multiple) {
+      const l3 = t2.modelValue;
+      if (F(l3) && !L(l3)) if (G(l3, e3)) {
+        const t3 = N([...l3], [e3]);
+        de2(t3);
+      } else de2([...l3, e3]);
+      else de2([e3]);
+      await S(), (_a = v2.value) == null ? void 0 : _a.resetListPosition();
+    } else de2(e3);
+  }, selectAll: async (e3) => {
+    var _a;
+    if (!t2.multiple) return;
+    O2();
+    const l3 = e3 ? d2.value.map((e4) => e4.value) : [];
+    de2(l3), await S(), (_a = v2.value) == null ? void 0 : _a.resetListPosition();
+  }, hover: Y2 }), (l3, t3) => (i(), o("div", { ref_key: "selectRef", ref: k2, id: n(ee2), class: "mc-select", style: w({ width: n(W2), height: n(Z2) }) }, [f(he, { "search-value": n(m2), "onUpdate:searchValue": t3[0] || (t3[0] = (e3) => A(m2) ? m2.value = e3 : null), "is-expanded": r2.value, "onUpdate:isExpanded": t3[1] || (t3[1] = (e3) => r2.value = e3), search: n(y2), clearable: e2.clearable, placeholder: e2.placeholder, "max-tags": e2.maxTags, "hide-validation-icon": e2.hideValidationIcon, onSearch: _2, onClear: I2, "onPress:arrow": n(q2), onFocus: ue2, onBlur: ce2 }, V({ _: 2 }, [l3.$slots.placeholder ? { name: "placeholder", fn: h(({ placeholder: e3, isDisabled: t4 }) => [u(l3.$slots, "placeholder", { placeholder: e3, isDisabled: t4 }, void 0, true)]), key: "0" } : void 0, l3.$slots["selected-content"] ? { name: "selected-content", fn: h(({ selectedOption: e3, selectedOptionLabel: t4, isDisabled: s3 }) => [u(l3.$slots, "selected-content", { selectedOption: e3, selectedOptionLabel: t4, isDisabled: s3 }, void 0, true)]), key: "1" } : void 0]), 1032, ["search-value", "is-expanded", "search", "clearable", "placeholder", "max-tags", "hide-validation-icon", "onPress:arrow"]), r2.value ? (i(), c(Oe, { key: 0, "list-ref": n(B2), "onUpdate:listRef": t3[2] || (t3[2] = (e3) => A(B2) ? B2.value = e3 : null), ref_key: "listRef", ref: v2, "show-header": e2.showHeader, "show-footer": e2.showFooter }, V({ default: h(() => [u(l3.$slots, "default", {}, void 0, true)]), _: 2 }, [l3.$slots["option-header"] ? { name: "header", fn: h(({ isEmpty: e3 }) => [u(l3.$slots, "option-header", { isEmpty: e3 }, void 0, true)]), key: "0" } : void 0, l3.$slots["option-footer"] ? { name: "footer", fn: h(({ isEmpty: e3 }) => [u(l3.$slots, "option-footer", { isEmpty: e3 }, void 0, true)]), key: "1" } : void 0, l3.$slots.empty ? { name: "empty", fn: h(() => [u(l3.$slots, "empty", {}, void 0, true)]), key: "2" } : void 0]), 1032, ["list-ref", "show-header", "show-footer"])) : P("", true)], 12, _e));
+} }), [["__scopeId", "data-v-8fc71bb7"]]));
+export {
+  ke as M,
+  re as a,
+  ne as b
+};

package/dist/es/mc-upload-BPCzV6vM.js

@@ -0,0 +1,117 @@
+import { _ as e, u as l } from "./utils-dWwt4JKv.js";
+import { computed as o, defineComponent as a, ref as t, createElementBlock as d, openBlock as n, normalizeClass as i, unref as s, createElementVNode as r, renderSlot as p, createCommentVNode as u, createVNode as c, toDisplayString as m, useSlots as f, reactive as g, watch as h, normalizeStyle as y, createBlock as v, withCtx as _, createSlots as w } from "vue";
+import { useProp as z, useDragover as $, useWidthHeight as x } from "@mc-plus/hooks";
+import { M as b } from "./mc-icon-CnpccbFi.js";
+import { M as S } from "./mc-success-icon-BgQB9Rmp.js";
+import { map as C, includes as k } from "lodash-es";
+import { M } from "./mc-file-list-DEx-jX1K.js";
+import { t as U } from "./mc-toast-BNRX1zn4.js";
+const D = (e2) => parseFloat(e2).toString(), B = (e2, l2 = 2) => e2 < 1024 ? `${e2} B` : e2 < 1048576 ? `${D((e2 / 1024).toFixed(l2))} KB` : e2 < 1073741824 ? `${D((e2 / 1048576).toFixed(l2))} MB` : `${D((e2 / 1073741824).toFixed(l2))} GB`, F = (e2) => {
+  if (!e2) return "--";
+  const l2 = new Date(e2);
+  return `${l2.getFullYear()}/${String(l2.getMonth() + 1).padStart(2, "0")}/${String(l2.getDate()).padStart(2, "0")} ${String(l2.getHours()).padStart(2, "0")}:${String(l2.getMinutes()).padStart(2, "0")}:${String(l2.getSeconds()).padStart(2, "0")}`;
+}, T = (e2, l2, o2) => {
+  const a2 = e2.get(l2);
+  e2.set(l2, { ...a2, ...o2 });
+}, V = "mc-upload", j = "mc-upload-dropzone", A = "[?]", E = ["jpg", "jpeg", "png", "doc", "docx", "xls", "xlsx", "pdf"], I = { upload_note: "Click to upload or drag and drop your files here", max_size: "Max file size:", max_count: "No limit on maximum number of documents but recommend that upload then in pdf if more than 5 files are to be upload.", uploaded_by: "Uploaded by", uploaded_on: "Uploaded on", limit_count: `The number of files cannot exceed ${A} .`, limit_size: `The file size cannot exceed ${A} .`, limit_type: `${A} only`, limit_count_reached: `You can only upload ${A} files.` }, R = { upload_note: "单击即可上传或将文件拖放到此处", max_size: "最大文件大小：", max_count: "No limit on maximum number of documents but recommend that upload then in pdf if more than 5 files are to be upload.", uploaded_by: "上传用户", uploaded_on: "上传时间", limit_count: `文件数量不能超过 ${A} 。`, limit_size: `最大文件大小：${A} 。`, limit_type: `只接受文件格式：${A}`, limit_count_reached: `您只能上传 ${A} 个文件。` }, N = () => {
+  const e2 = z("lang");
+  return { langMap: o(() => "zh" === e2.value ? R : I) };
+}, Y = { class: "mc-upload-dropzone-area" }, G = { class: "mc-upload-dropzone-title" }, H = { class: "mc-upload-dropzone-title-text" }, K = { key: 0, class: "mc-upload-dropzone-desc" }, P = { key: 0 }, W = { key: 1 }, q = e(a({ name: j, __name: "mc-upload-dropzone", props: { title: {}, icon: { default: "Document_Upload" }, allowedFileTypes: { default: () => E }, fileSize: { default: 15728640 }, uploadUser: { default: "--" }, lang: { default: "en" }, hideDesc: { type: Boolean, default: false }, fileCount: {} }, emits: ["upload", "error:type", "error:size"], setup(e2, { expose: l2, emit: a2 }) {
+  const f2 = e2, g2 = a2, { langMap: h2 } = N(), y2 = t(), v2 = o(() => {
+    var _a;
+    return ((_a = f2.allowedFileTypes) == null ? void 0 : _a.length) ? h2.value.limit_type.replace(A, C(f2.allowedFileTypes, (e3) => e3.toUpperCase()).join(", ")) : void 0;
+  }), { isDragover: _2 } = $(y2, { onDrop: (e3) => {
+    var _a;
+    const l3 = (_a = e3.dataTransfer) == null ? void 0 : _a.files;
+    l3 && M2(l3);
+  } }), w2 = t(), z2 = () => {
+    w2.value && (w2.value.value = "");
+  }, x2 = () => {
+    var _a;
+    (_a = w2.value) == null ? void 0 : _a.click();
+  }, S2 = (e3) => {
+    const l3 = e3.target.files;
+    l3 && M2(l3);
+  }, M2 = async (e3) => {
+    let l3 = Array.from(e3);
+    const o2 = /* @__PURE__ */ new Map();
+    l3.forEach((e4) => {
+      T(o2, e4.name, { name: e4.name, size: e4.size, status: "loading", uploadBy: f2.uploadUser, uploadTime: Date.now(), file: e4 });
+    }), ((e4, l4) => {
+      const o3 = f2.fileSize;
+      if (o3 <= 0) return true;
+      let a3 = false;
+      for (let t2 = 0; t2 < e4.length; t2++) {
+        const d2 = e4[t2];
+        d2.size > o3 ? (T(l4, d2.name, { status: "failed", errorMessage: h2.value.limit_size.replace(A, `${B(o3)}`) }), g2("error:size", d2.name)) : a3 = true;
+      }
+    })(l3, o2), ((e4, l4) => {
+      var _a;
+      const o3 = f2.allowedFileTypes;
+      if (!(o3 == null ? void 0 : o3.length)) return true;
+      let a3 = false;
+      const t2 = C(o3, (e5) => e5.toUpperCase());
+      for (let o4 = 0; o4 < e4.length; o4++) {
+        const d2 = ((_a = e4[o4].name.split(".").pop()) == null ? void 0 : _a.toUpperCase()) ?? "--";
+        k(t2, d2) ? a3 = true : (T(l4, e4[o4].name, { status: "failed", errorMessage: v2.value }), g2("error:type", e4[o4].name));
+      }
+    })(l3, o2), g2("upload", o2), z2();
+  };
+  return l2({ clearUploadInput: z2 }), (l3, o2) => (n(), d("div", { ref: "wrapperRef", class: i(["mc-upload-dropzone", { "mc-upload-dropzone-dragover": s(_2) }]), onClick: x2 }, [r("div", Y, [p(l3.$slots, "default", {}, () => [r("div", G, [p(l3.$slots, "title", {}, () => [c(s(b), { name: e2.icon }, null, 8, ["name"]), r("span", H, m(e2.title || s(h2).upload_note), 1)], true)]), e2.hideDesc ? u("", true) : (n(), d("div", K, [p(l3.$slots, "desc", {}, () => [e2.fileSize > 0 ? (n(), d("span", P, m(s(h2).max_size) + " " + m(s(B)(e2.fileSize)), 1)) : u("", true), v2.value ? (n(), d("span", W, m(v2.value), 1)) : u("", true)], true)]))], true)]), r("input", { ref_key: "uploadInputRef", ref: w2, type: "file", multiple: "", style: { display: "none" }, onChange: S2 }, null, 544), r("div", { class: "mc-upload-dropzone-cover", ref_key: "coverRef", ref: y2 }, null, 512)], 2));
+} }), [["__scopeId", "data-v-f170b1e0"]]), J = { key: 0, class: "mc-upload-content" }, L = { class: "mc-upload-content-icon" }, O = { class: "mc-upload-content-text" }, Q = { class: "mc-upload-component" }, X = { key: 0, class: "mc-upload-dropzone-wrapper" }, Z = { class: "mc-upload-file-list-wrapper" }, ee = l(e(a({ name: V, __name: "mc-upload", props: { modelValue: { default: () => [] }, downloadable: { type: Boolean, default: false }, allowCancel: { type: Boolean, default: false }, deletable: { type: Boolean, default: true }, disabled: { type: Boolean, default: false }, theme: { default: "light" }, width: { default: "100%" }, succeed: { type: Boolean, default: false }, title: {}, icon: { default: "Document_Upload" }, allowedFileTypes: { default: () => E }, fileSize: { default: 15728640 }, uploadUser: { default: "--" }, lang: { default: "en" }, hideDesc: { type: Boolean, default: false }, fileCount: {} }, emits: ["update:modelValue", "download:all", "clear", "error:type", "error:size", "upload", "change", "delete", "download", "preview", "cancel"], setup(e2, { expose: l2, emit: a2 }) {
+  const m2 = e2, z2 = a2, { width: $2 } = x(), C2 = f(), k2 = o(() => !!C2.content), D2 = t(), B2 = g(/* @__PURE__ */ new Map()), { langMap: F2 } = N(), T2 = (e3) => 0 !== (e3 = ((e4) => {
+    if (m2.fileCount && e4.length > m2.fileCount) {
+      const l3 = F2.value.limit_count_reached.replace(A, m2.fileCount.toString());
+      return U.error(l3), e4.slice(0, m2.fileCount);
+    }
+    return e4;
+  })(e3)).length && (B2.clear(), e3.forEach((e4) => {
+    B2.set(e4.name, e4);
+  }), true);
+  h(() => m2.modelValue, (e3) => {
+    T2(e3);
+  }, { immediate: true });
+  const V2 = (e3) => Array.from([...e3.values()]), j2 = (e3) => {
+    z2("update:modelValue", e3);
+  }, E2 = (e3) => {
+    var _a;
+    (_a = D2.value) == null ? void 0 : _a.clearUploadInput();
+    const l3 = V2(e3);
+    if (!T2([...m2.modelValue, ...l3])) return;
+    const o2 = V2(B2);
+    z2("update:modelValue", o2), z2("upload", o2), z2("change", o2), P2();
+  }, I2 = (e3) => {
+    console.error("mc-upload: error:type:", e3), z2("error:type", e3);
+  }, R2 = (e3) => {
+    console.error("mc-upload: error:size:", e3), z2("error:size", e3);
+  }, Y2 = (e3) => {
+    z2("preview", e3);
+  }, G2 = (e3) => {
+    z2("delete", e3);
+  }, H2 = (e3) => {
+    z2("download", e3);
+  }, K2 = (e3) => {
+    z2("cancel", e3);
+  }, P2 = (e3 = 99, l3 = 100) => {
+    setTimeout(() => {
+      m2.modelValue.forEach((l4) => {
+        "loading" === l4.status && (l4.progress = e3);
+      });
+    }, l3);
+  }, W2 = o(() => m2.deletable && !m2.disabled);
+  return l2({ clearFiles: () => {
+    B2.clear(), z2("clear"), z2("update:modelValue", []), z2("change", []);
+  }, downloadAllFiles: () => {
+    z2("download:all", V2(B2));
+  } }), (l3, o2) => (n(), d("div", { class: "mc-upload", style: y({ width: s($2) }) }, [r("div", { class: i([{ "mc-upload-wrapper": k2.value }, `mc-upload-wrapper-${e2.theme}`]) }, [k2.value ? (n(), d("div", J, [r("div", L, [e2.succeed ? (n(), v(s(S), { key: 1, width: "24px", height: "24px" })) : (n(), v(s(b), { key: 0, name: "Accept" }))]), r("div", O, [p(l3.$slots, "content", {}, void 0, true)])])) : u("", true), r("div", Q, [e2.disabled ? u("", true) : (n(), d("div", X, [c(q, { ref_key: "uploadDropzoneRef", ref: D2, "upload-user": e2.uploadUser, "allowed-file-types": e2.allowedFileTypes, "file-size": e2.fileSize, icon: e2.icon, lang: e2.lang, theme: e2.theme, "hide-desc": e2.hideDesc, "file-count": e2.fileCount, onUpload: E2, "onError:type": I2, "onError:size": R2 }, { default: _(() => [p(l3.$slots, "default", {}, void 0, true)]), title: _(() => [p(l3.$slots, "title", {}, void 0, true)]), desc: _(() => [p(l3.$slots, "desc", {}, void 0, true)]), _: 3 }, 8, ["upload-user", "allowed-file-types", "file-size", "icon", "lang", "theme", "hide-desc", "file-count"])])), r("div", Z, [c(s(M), { "model-value": e2.modelValue, "allow-cancel": e2.allowCancel, downloadable: e2.downloadable, lang: e2.lang, theme: e2.theme, deletable: W2.value, "onUpdate:modelValue": j2, onPreview: Y2, onDelete: G2, onDownload: H2, onCancel: K2 }, w({ _: 2 }, [l3.$slots["file-extra"] ? { name: "extra", fn: _(({ file: e3 }) => [p(l3.$slots, "file-extra", { file: e3 }, void 0, true)]), key: "0" } : void 0]), 1032, ["model-value", "allow-cancel", "downloadable", "lang", "theme", "deletable"])])])], 2)], 4));
+} }), [["__scopeId", "data-v-576c920e"]]));
+export {
+  E as A,
+  ee as M,
+  A as W,
+  V as a,
+  j as b,
+  F as f,
+  B as g,
+  N as u
+};

package/dist/es/theme/mc-alert-message.css

@@ -1 +1 @@
-.mc-alert-message[data-v-ddf6ec41]{width:100%;border-radius:4px;padding:16px 0;min-height:40px;box-sizing:border-box}.mc-alert-message .mc-alert-message-header[data-v-ddf6ec41]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:0 16px;box-sizing:border-box}.mc-alert-message .mc-alert-message-header .mc-alert-message-title-container[data-v-ddf6ec41]{display:flex;flex-direction:row;justify-content:flex-start;align-items:start;gap:8px;box-sizing:border-box}.mc-alert-message .mc-alert-message-header .mc-alert-message-title-container .mc-alert-message-icon[data-v-ddf6ec41]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;width:24px}.mc-alert-message .mc-alert-message-header .mc-alert-message-title-container .mc-alert-message-title[data-v-ddf6ec41]{font-size:16px;font-weight:400;color:var(--mc-gray-800)}.mc-alert-message .mc-alert-message-body[data-v-ddf6ec41]{width:100%}.mc-alert-message .mc-alert-message-body .mc-alert-message-content[data-v-ddf6ec41]{width:100%;padding:8px 16px 0;box-sizing:border-box}.mc-alert-message .mc-alert-message-body .mc-alert-message-content-transition-enter-active[data-v-ddf6ec41],.mc-alert-message .mc-alert-message-body .mc-alert-message-content-transition-leave-active[data-v-ddf6ec41]{transition:opacity .3s ease-in-out,transform .3s ease-in-out;transform-origin:top}.mc-alert-message .mc-alert-message-body .mc-alert-message-content-transition-enter-from[data-v-ddf6ec41],.mc-alert-message .mc-alert-message-body .mc-alert-message-content-transition-leave-to[data-v-ddf6ec41]{opacity:0;transform:scaleY(0)}.mc-alert-message .mc-alert-message-body .mc-alert-message-content-transition-enter-to[data-v-ddf6ec41],.mc-alert-message .mc-alert-message-body .mc-alert-message-content-transition-leave-from[data-v-ddf6ec41]{opacity:1;transform:scaleY(1)}.mc-alert-message .mc-alert-message-icon-group[data-v-ddf6ec41]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:8px;box-sizing:border-box}.mc-alert-message .mc-alert-message-icon-group .mc-alert-message-icon-wrapper[data-v-ddf6ec41]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;align-self:stretch}.mc-alert-message .mc-alert-message-icon-group .mc-alert-message-tool-icon[data-v-ddf6ec41]{cursor:pointer;color:var(--mc-gray-800)}.mc-alert-message .mc-alert-message-icon-group .mc-alert-message-tool-icon.mc-alert-message-tool-icon-close[data-v-ddf6ec41]{transition:transform .3s ease-in-out}.mc-alert-message .mc-alert-message-icon-group .mc-alert-message-tool-icon.mc-alert-message-tool-icon-close[data-v-ddf6ec41]:hover{transform:rotate(180deg)}.mc-alert-message .mc-alert-message-icon-group .mc-alert-message-tool-icon.mc-alert-message-tool-icon-expand[data-v-ddf6ec41]{transition:transform .3s ease-in-out;transform-origin:center}.mc-alert-message.mc-alert-message-info[data-v-ddf6ec41]{background-color:var(--mc-info-background)}.mc-alert-message.mc-alert-message-info .mc-alert-message-icon[data-v-ddf6ec41]{color:var(--mc-info)}.mc-alert-message.mc-alert-message-success[data-v-ddf6ec41]{background-color:var(--mc-success-background)}.mc-alert-message.mc-alert-message-success .mc-alert-message-icon[data-v-ddf6ec41]{color:var(--mc-success)}.mc-alert-message.mc-alert-message-warning[data-v-ddf6ec41]{background-color:var(--mc-warning-background)}.mc-alert-message.mc-alert-message-warning .mc-alert-message-icon[data-v-ddf6ec41]{color:var(--mc-warning)}.mc-alert-message.mc-alert-message-error[data-v-ddf6ec41]{background-color:var(--mc-error-background)}.mc-alert-message.mc-alert-message-error .mc-alert-message-icon[data-v-ddf6ec41]{color:var(--mc-error)}
+.mc-alert-message[data-v-ddf6ec41]{width:100%;border-radius:4px;padding:16px 0;min-height:40px;box-sizing:border-box}.mc-alert-message .mc-alert-message-header[data-v-ddf6ec41]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;flex-wrap:nowrap;width:100%;padding:0 16px;box-sizing:border-box}.mc-alert-message .mc-alert-message-header .mc-alert-message-title-container[data-v-ddf6ec41]{display:flex;flex-direction:row;justify-content:flex-start;align-items:start;gap:8px;flex-wrap:nowrap;box-sizing:border-box}.mc-alert-message .mc-alert-message-header .mc-alert-message-title-container .mc-alert-message-icon[data-v-ddf6ec41]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap;width:24px}.mc-alert-message .mc-alert-message-header .mc-alert-message-title-container .mc-alert-message-title[data-v-ddf6ec41]{font-size:16px;font-weight:400;color:var(--mc-gray-800)}.mc-alert-message .mc-alert-message-body[data-v-ddf6ec41]{width:100%}.mc-alert-message .mc-alert-message-body .mc-alert-message-content[data-v-ddf6ec41]{width:100%;padding:8px 16px 0;box-sizing:border-box}.mc-alert-message .mc-alert-message-body .mc-alert-message-content-transition-enter-active[data-v-ddf6ec41],.mc-alert-message .mc-alert-message-body .mc-alert-message-content-transition-leave-active[data-v-ddf6ec41]{transition:opacity .3s ease-in-out,transform .3s ease-in-out;transform-origin:top}.mc-alert-message .mc-alert-message-body .mc-alert-message-content-transition-enter-from[data-v-ddf6ec41],.mc-alert-message .mc-alert-message-body .mc-alert-message-content-transition-leave-to[data-v-ddf6ec41]{opacity:0;transform:scaleY(0)}.mc-alert-message .mc-alert-message-body .mc-alert-message-content-transition-enter-to[data-v-ddf6ec41],.mc-alert-message .mc-alert-message-body .mc-alert-message-content-transition-leave-from[data-v-ddf6ec41]{opacity:1;transform:scaleY(1)}.mc-alert-message .mc-alert-message-icon-group[data-v-ddf6ec41]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:nowrap;box-sizing:border-box}.mc-alert-message .mc-alert-message-icon-group .mc-alert-message-icon-wrapper[data-v-ddf6ec41]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap;align-self:stretch}.mc-alert-message .mc-alert-message-icon-group .mc-alert-message-tool-icon[data-v-ddf6ec41]{cursor:pointer;color:var(--mc-gray-800)}.mc-alert-message .mc-alert-message-icon-group .mc-alert-message-tool-icon.mc-alert-message-tool-icon-close[data-v-ddf6ec41]{transition:transform .3s ease-in-out}.mc-alert-message .mc-alert-message-icon-group .mc-alert-message-tool-icon.mc-alert-message-tool-icon-close[data-v-ddf6ec41]:hover{transform:rotate(180deg)}.mc-alert-message .mc-alert-message-icon-group .mc-alert-message-tool-icon.mc-alert-message-tool-icon-expand[data-v-ddf6ec41]{transition:transform .3s ease-in-out;transform-origin:center}.mc-alert-message.mc-alert-message-info[data-v-ddf6ec41]{background-color:var(--mc-info-background)}.mc-alert-message.mc-alert-message-info .mc-alert-message-icon[data-v-ddf6ec41]{color:var(--mc-info)}.mc-alert-message.mc-alert-message-success[data-v-ddf6ec41]{background-color:var(--mc-success-background)}.mc-alert-message.mc-alert-message-success .mc-alert-message-icon[data-v-ddf6ec41]{color:var(--mc-success)}.mc-alert-message.mc-alert-message-warning[data-v-ddf6ec41]{background-color:var(--mc-warning-background)}.mc-alert-message.mc-alert-message-warning .mc-alert-message-icon[data-v-ddf6ec41]{color:var(--mc-warning)}.mc-alert-message.mc-alert-message-error[data-v-ddf6ec41]{background-color:var(--mc-error-background)}.mc-alert-message.mc-alert-message-error .mc-alert-message-icon[data-v-ddf6ec41]{color:var(--mc-error)}

package/dist/es/theme/mc-checkbox.css

@@ -1 +1 @@
-.mc-checkbox[data-v-8711f0a8]{width:fit-content}.mc-checkbox .mc-checkbox-wrapper[data-v-8711f0a8]{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;width:fit-content;position:relative;cursor:pointer}.mc-checkbox .mc-checkbox-wrapper .mc-checkbox-input[data-v-8711f0a8]{border:none;outline:none;background-color:transparent;padding:0;margin:0;position:absolute;width:0;height:0;opacity:0}.mc-checkbox .mc-checkbox-wrapper .mc-checkbox-box[data-v-8711f0a8]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;width:24px;height:24px;box-sizing:border-box;border-radius:var(--mc-radius);border:1px solid var(--mc-gray-400)}.mc-checkbox .mc-checkbox-wrapper .mc-checkbox-content[data-v-8711f0a8]{line-height:24px;font-size:16px;color:var(--mc-gray-800)}.mc-checkbox .mc-checkbox-wrapper.mc-checkbox-checked .mc-checkbox-box[data-v-8711f0a8]{background-color:var(--mc-teal-500);border:none}.mc-checkbox .mc-checkbox-wrapper.mc-checkbox-checked .mc-checkbox-box[data-v-8711f0a8]:after{content:"";font-family:mc-iconfont!important;font-size:24px;color:var(--mc-white)}.mc-checkbox .mc-checkbox-wrapper.mc-checkbox-partial .mc-checkbox-box[data-v-8711f0a8]{background-color:var(--mc-teal-500);border:none}.mc-checkbox .mc-checkbox-wrapper.mc-checkbox-partial .mc-checkbox-box[data-v-8711f0a8]:after{content:"";font-family:mc-iconfont!important;font-size:24px;color:var(--mc-white)}.mc-checkbox .mc-checkbox-wrapper:hover:not(.mc-checkbox-disabled) .mc-checkbox-box[data-v-8711f0a8],.mc-checkbox .mc-checkbox-wrapper.mc-checkbox-focused:not(.mc-checkbox-disabled) .mc-checkbox-box[data-v-8711f0a8]{border-width:2px}.mc-checkbox .mc-checkbox-wrapper:hover:not(.mc-checkbox-disabled):not(.mc-form-validate-error) .mc-checkbox-box[data-v-8711f0a8],.mc-checkbox .mc-checkbox-wrapper.mc-checkbox-focused:not(.mc-checkbox-disabled):not(.mc-form-validate-error) .mc-checkbox-box[data-v-8711f0a8]{border-color:var(--mc-gray-500)}.mc-checkbox .mc-checkbox-wrapper.mc-checkbox-disabled[data-v-8711f0a8]{cursor:not-allowed}.mc-checkbox .mc-checkbox-wrapper.mc-checkbox-disabled .mc-checkbox-content[data-v-8711f0a8]{color:var(--mc-gray-400)}.mc-checkbox .mc-checkbox-wrapper.mc-checkbox-disabled .mc-checkbox-box[data-v-8711f0a8]{background-color:var(--mc-gray-300);color:var(--mc-gray-400);border:none}.mc-checkbox .mc-checkbox-wrapper.mc-form-validate-error.mc-checkbox-checked .mc-checkbox-box[data-v-8711f0a8],.mc-checkbox .mc-checkbox-wrapper.mc-form-validate-error.mc-checkbox-partial .mc-checkbox-box[data-v-8711f0a8]{background-color:var(--mc-error)}.mc-checkbox .mc-checkbox-wrapper.mc-form-validate-error .mc-checkbox-box[data-v-8711f0a8]{border-color:var(--mc-error)}.mc-checkbox .mc-checkbox-remarks[data-v-8711f0a8]{padding-left:32px;box-sizing:border-box;font-size:12px;line-height:18px;color:var(--mc-gray-500)}
+.mc-checkbox[data-v-8711f0a8]{width:fit-content}.mc-checkbox .mc-checkbox-wrapper[data-v-8711f0a8]{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;flex-wrap:nowrap;width:fit-content;position:relative;cursor:pointer}.mc-checkbox .mc-checkbox-wrapper .mc-checkbox-input[data-v-8711f0a8]{border:none;outline:none;background-color:transparent;padding:0;margin:0;position:absolute;width:0;height:0;opacity:0}.mc-checkbox .mc-checkbox-wrapper .mc-checkbox-box[data-v-8711f0a8]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap;width:24px;height:24px;box-sizing:border-box;border-radius:var(--mc-radius);border:1px solid var(--mc-gray-400)}.mc-checkbox .mc-checkbox-wrapper .mc-checkbox-content[data-v-8711f0a8]{line-height:24px;font-size:16px;color:var(--mc-gray-800)}.mc-checkbox .mc-checkbox-wrapper.mc-checkbox-checked .mc-checkbox-box[data-v-8711f0a8]{background-color:var(--mc-teal-500);border:none}.mc-checkbox .mc-checkbox-wrapper.mc-checkbox-checked .mc-checkbox-box[data-v-8711f0a8]:after{content:"";font-family:mc-iconfont!important;font-size:24px;color:var(--mc-white)}.mc-checkbox .mc-checkbox-wrapper.mc-checkbox-partial .mc-checkbox-box[data-v-8711f0a8]{background-color:var(--mc-teal-500);border:none}.mc-checkbox .mc-checkbox-wrapper.mc-checkbox-partial .mc-checkbox-box[data-v-8711f0a8]:after{content:"";font-family:mc-iconfont!important;font-size:24px;color:var(--mc-white)}.mc-checkbox .mc-checkbox-wrapper:hover:not(.mc-checkbox-disabled) .mc-checkbox-box[data-v-8711f0a8],.mc-checkbox .mc-checkbox-wrapper.mc-checkbox-focused:not(.mc-checkbox-disabled) .mc-checkbox-box[data-v-8711f0a8]{border-width:2px}.mc-checkbox .mc-checkbox-wrapper:hover:not(.mc-checkbox-disabled):not(.mc-form-validate-error) .mc-checkbox-box[data-v-8711f0a8],.mc-checkbox .mc-checkbox-wrapper.mc-checkbox-focused:not(.mc-checkbox-disabled):not(.mc-form-validate-error) .mc-checkbox-box[data-v-8711f0a8]{border-color:var(--mc-gray-500)}.mc-checkbox .mc-checkbox-wrapper.mc-checkbox-disabled[data-v-8711f0a8]{cursor:not-allowed}.mc-checkbox .mc-checkbox-wrapper.mc-checkbox-disabled .mc-checkbox-content[data-v-8711f0a8]{color:var(--mc-gray-400)}.mc-checkbox .mc-checkbox-wrapper.mc-checkbox-disabled .mc-checkbox-box[data-v-8711f0a8]{background-color:var(--mc-gray-300);color:var(--mc-gray-400);border:none}.mc-checkbox .mc-checkbox-wrapper.mc-form-validate-error.mc-checkbox-checked .mc-checkbox-box[data-v-8711f0a8],.mc-checkbox .mc-checkbox-wrapper.mc-form-validate-error.mc-checkbox-partial .mc-checkbox-box[data-v-8711f0a8]{background-color:var(--mc-error)}.mc-checkbox .mc-checkbox-wrapper.mc-form-validate-error .mc-checkbox-box[data-v-8711f0a8]{border-color:var(--mc-error)}.mc-checkbox .mc-checkbox-remarks[data-v-8711f0a8]{padding-left:32px;box-sizing:border-box;font-size:12px;line-height:18px;color:var(--mc-gray-500)}

package/dist/es/theme/mc-collapse-item.css

@@ -1 +1 @@
-.mc-collapse-item[data-v-4d4a75b5]{width:100%;position:relative}.mc-collapse-item .mc-collapse-item-header[data-v-4d4a75b5]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:0;width:100%;min-height:64px;padding:16px;box-sizing:border-box;border-top:1px solid var(--mc-gray-300);cursor:pointer}.mc-collapse-item .mc-collapse-item-header .triangle-icon[data-v-4d4a75b5]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;width:16px;height:16px;color:var(--mc-purple-500);transform:rotate(180deg);transform-origin:center;transition:transform .3s ease-in-out}.mc-collapse-item .mc-collapse-item-header .triangle-icon.triangle-icon-active[data-v-4d4a75b5]{transform:rotate(0)}.mc-collapse-item .mc-collapse-item-content[data-v-4d4a75b5]{padding:0 16px 24px;min-height:56px;box-sizing:border-box}.mc-collapse-item .mc-collapse-item-content-transition-enter-active[data-v-4d4a75b5],.mc-collapse-item .mc-collapse-item-content-transition-leave-active[data-v-4d4a75b5]{transition:opacity .3s ease-in-out,transform .3s ease-in-out;transform-origin:top}.mc-collapse-item .mc-collapse-item-content-transition-enter-from[data-v-4d4a75b5],.mc-collapse-item .mc-collapse-item-content-transition-leave-to[data-v-4d4a75b5]{opacity:0;transform:translateY(-10px)}.mc-collapse-item .mc-collapse-item-content-transition-enter-to[data-v-4d4a75b5],.mc-collapse-item .mc-collapse-item-content-transition-leave-from[data-v-4d4a75b5]{opacity:1;transform:translateY(0)}
+.mc-collapse-item[data-v-4d4a75b5]{width:100%;position:relative}.mc-collapse-item .mc-collapse-item-header[data-v-4d4a75b5]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:0;flex-wrap:nowrap;width:100%;min-height:64px;padding:16px;box-sizing:border-box;border-top:1px solid var(--mc-gray-300);cursor:pointer}.mc-collapse-item .mc-collapse-item-header .triangle-icon[data-v-4d4a75b5]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap;width:16px;height:16px;color:var(--mc-purple-500);transform:rotate(180deg);transform-origin:center;transition:transform .3s ease-in-out}.mc-collapse-item .mc-collapse-item-header .triangle-icon.triangle-icon-active[data-v-4d4a75b5]{transform:rotate(0)}.mc-collapse-item .mc-collapse-item-content[data-v-4d4a75b5]{padding:0 16px 24px;min-height:56px;box-sizing:border-box}.mc-collapse-item .mc-collapse-item-content-transition-enter-active[data-v-4d4a75b5],.mc-collapse-item .mc-collapse-item-content-transition-leave-active[data-v-4d4a75b5]{transition:opacity .3s ease-in-out,transform .3s ease-in-out;transform-origin:top}.mc-collapse-item .mc-collapse-item-content-transition-enter-from[data-v-4d4a75b5],.mc-collapse-item .mc-collapse-item-content-transition-leave-to[data-v-4d4a75b5]{opacity:0;transform:translateY(-10px)}.mc-collapse-item .mc-collapse-item-content-transition-enter-to[data-v-4d4a75b5],.mc-collapse-item .mc-collapse-item-content-transition-leave-from[data-v-4d4a75b5]{opacity:1;transform:translateY(0)}