mc-plus 1.0.101 → 1.0.102

package/dist/es/index.js

@@ -17,8 +17,8 @@ import { M as U } from "./mc-count-BeEL0mVo.js";
 import { a as a8 } from "./mc-count-BeEL0mVo.js";
 import { M as B } from "./mc-currency-icon-C93ktrCE.js";
 import { a as a9 } from "./mc-currency-icon-C93ktrCE.js";
-import { M as G } from "./mc-date-picker-Dr2BCa5v.js";
-import { D, a as a10, d, b, c, e, f, Y } from "./mc-date-picker-Dr2BCa5v.js";
+import { M as G } from "./mc-date-picker-ChvxTFUy.js";
+import { D, a as a10, d, b, c, e, f, Y } from "./mc-date-picker-ChvxTFUy.js";
 import { M as K } from "./mc-divider-CZxIWiZh.js";
 import { a as a11 } from "./mc-divider-CZxIWiZh.js";
 import { M as H } from "./mc-drawer-fP8CSRLK.js";
@@ -33,8 +33,8 @@ import { M as w } from "./mc-icon-CnpccbFi.js";
 import { a as a16 } from "./mc-icon-CnpccbFi.js";
 import { M as J } from "./mc-icon-plus-YMAi6EZM.js";
 import { b as b2 } from "./mc-icon-plus-YMAi6EZM.js";
-import { M as V } from "./mc-input-D4m3wLdW.js";
-import { a as a17, c as c2, b as b3 } from "./mc-input-D4m3wLdW.js";
+import { M as V } from "./mc-input-BnOLRp4n.js";
+import { a as a17, c as c2, b as b3 } from "./mc-input-BnOLRp4n.js";
 import { M as Z } from "./mc-input-group-BPpVTTHQ.js";
 import { I, a as a18 } from "./mc-input-group-BPpVTTHQ.js";
 import { M as z } from "./mc-lightbox-BfJiHzKa.js";
@@ -69,8 +69,8 @@ import { M as Cs } from "./mc-removable-tag-BI8IR6RR.js";
 import { a as a30 } from "./mc-removable-tag-BI8IR6RR.js";
 import { M as is } from "./mc-reset-2g3HidL0.js";
 import { a as a31 } from "./mc-reset-2g3HidL0.js";
-import { M as Es } from "./mc-richtext-CIJBW2WK.js";
-import { F as F3, a as a32, b as b6, T } from "./mc-richtext-CIJBW2WK.js";
+import { M as Es } from "./mc-richtext-DJL2cJTg.js";
+import { F as F3, a as a32, b as b6, T } from "./mc-richtext-DJL2cJTg.js";
 import { M as fs } from "./mc-secondary-menu-DXNC7YoQ.js";
 import { a as a33 } from "./mc-secondary-menu-DXNC7YoQ.js";
 import { M as Ts } from "./mc-select-BR9_J-cC.js";
@@ -123,10 +123,10 @@ import { M as hs } from "./mc-toast-BNRX1zn4.js";
 import { a as a52, t } from "./mc-toast-BNRX1zn4.js";
 import { M as Fs } from "./mc-tooltip-BlsZG-T8.js";
 import { a as a53 } from "./mc-tooltip-BlsZG-T8.js";
-import { M as Hs } from "./mc-upload-bGlDqn92.js";
-import { A, a as a54, b as b11, W } from "./mc-upload-bGlDqn92.js";
-import { M as Xs } from "./mc-file-list-CeLm6C-z.js";
-import { a as a55 } from "./mc-file-list-CeLm6C-z.js";
+import { M as Hs } from "./mc-upload-mOCJGxTT.js";
+import { A, a as a54, b as b11, W } from "./mc-upload-mOCJGxTT.js";
+import { M as Xs } from "./mc-file-list-f-twnnvC.js";
+import { a as a55 } from "./mc-file-list-f-twnnvC.js";
 const ys = [E, O, L, P, x, R, N, U, B, G, K, H, X, y, v, w, J, V, Z, z, Q, $, ss, os, ms, rs, as, ts, _s, ps, cs, es, Ms, Cs, is, Es, fs, Ts, js, Os, Ls, Is, As, ls, Ps, xs, us, Ss, Rs, Ns, Us, ns, bs, Ds, gs, ds, Bs, Gs, Ys, Ks, hs, Fs, Xs, Hs];
 s();
 const Ws = _(ys);

package/dist/es/{mc-date-picker-Dr2BCa5v.js → mc-date-picker-ChvxTFUy.js}

@@ -1,6 +1,6 @@
 import { _ as e, p as t, u as a } from "./utils-dWwt4JKv.js";
 import { defineComponent as l, createElementBlock as d, openBlock as r, normalizeClass as n, createElementVNode as s, renderSlot as o, ref as u, watch as i, getCurrentInstance as p, computed as c, createCommentVNode as m, Fragment as y, renderList as v, toDisplayString as g, createBlock as D, withCtx as f, createTextVNode as h, createVNode as k, unref as b, normalizeStyle as w, withKeys as N, withModifiers as M } from "vue";
-import { useProp as _, useClickOutside as F, useWidthHeight as S, useFocus as V, useHover as Y } from "@mc-plus/hooks";
+import { useProp as _, useClickOutside as F, useWidthHeight as V, useFocus as S, useHover as Y } from "@mc-plus/hooks";
 import { M as $ } from "./mc-icon-CnpccbFi.js";
 import { M as B } from "./mc-icon-plus-YMAi6EZM.js";
 import { M as T } from "./mc-popper-DPUYXBED.js";
@@ -81,14 +81,14 @@ const x = "mc-date-picker", A = "mc-date-picker-item", I = "mc-date-picker-list"
         e3 == null ? void 0 : e3("update:modelValue", t4);
       })(r2);
     } };
-  })(), N2 = c(() => Array.from(E.values())), M2 = (e3, t3) => !t3.disabled && H(e3, t3, /* @__PURE__ */ new Date()), F2 = (e3, t3) => !t3.disabled && (l2.range ? H(e3, t3, l2.startDate) || H(e3, t3, l2.endDate) : H(e3, t3, l2.modelValue)), S2 = (e3, t3) => !(t3.disabled || !l2.startDate || !l2.endDate) && H(e3, t3, l2.startDate), V2 = (e3, t3) => !(t3.disabled || !l2.startDate || !l2.endDate) && H(e3, t3, l2.endDate), Y2 = (e3) => {
+  })(), N2 = c(() => Array.from(E.values())), M2 = (e3, t3) => !t3.disabled && H(e3, t3, /* @__PURE__ */ new Date()), F2 = (e3, t3) => !t3.disabled && (l2.range ? H(e3, t3, l2.startDate) || H(e3, t3, l2.endDate) : H(e3, t3, l2.modelValue)), V2 = (e3, t3) => !(t3.disabled || !l2.startDate || !l2.endDate) && H(e3, t3, l2.startDate), S2 = (e3, t3) => !(t3.disabled || !l2.startDate || !l2.endDate) && H(e3, t3, l2.endDate), Y2 = (e3) => {
     if (!l2.startDate || !l2.endDate) return false;
     const t3 = e3.date, a3 = l2.startDate, d2 = l2.endDate;
     return t3 > a3 && t3 < d2;
   }, $2 = c(() => "day" === l2.type);
   return t2({ setToday: () => {
     s2("update:dateSeed", /* @__PURE__ */ new Date()), s2("update:type", "day"), w2(/* @__PURE__ */ new Date());
-  } }), (t3, a3) => (r(), d("ul", { class: n(["mc-date-picker-list", `mc-date-picker-list-${e2.type}`]) }, [$2.value ? (r(true), d(y, { key: 0 }, v(N2.value, (e3) => (r(), d("li", { key: e3, class: "mc-date-picker-list-weekday" }, g(e3), 1))), 128)) : m("", true), (r(true), d(y, null, v(b2.value, (e3, t4) => (r(), D(z, { key: t4, item: e3, "is-disabled": e3.disabled, "is-today": M2(e3.type, e3), "is-active": F2(e3.type, e3), "is-start": S2(e3.type, e3), "is-end": V2(e3.type, e3), "is-duration": Y2(e3), onClick: () => ((e4) => {
+  } }), (t3, a3) => (r(), d("ul", { class: n(["mc-date-picker-list", `mc-date-picker-list-${e2.type}`]) }, [$2.value ? (r(true), d(y, { key: 0 }, v(N2.value, (e3) => (r(), d("li", { key: e3, class: "mc-date-picker-list-weekday" }, g(e3), 1))), 128)) : m("", true), (r(true), d(y, null, v(b2.value, (e3, t4) => (r(), D(z, { key: t4, item: e3, "is-disabled": e3.disabled, "is-today": M2(e3.type, e3), "is-active": F2(e3.type, e3), "is-start": V2(e3.type, e3), "is-end": S2(e3.type, e3), "is-duration": Y2(e3), onClick: () => ((e4) => {
     if ("day" === l2.type) e4.disabled && s2("update:dateSeed", e4.date), w2(e4.date);
     else {
       s2("update:dateSeed", e4.date);
@@ -97,35 +97,37 @@ const x = "mc-date-picker", A = "mc-date-picker-item", I = "mc-date-picker-list"
     }
   })(e3) }, { default: f(() => [h(g(e3.label), 1)]), _: 2 }, 1032, ["item", "is-disabled", "is-today", "is-active", "is-start", "is-end", "is-duration", "onClick"]))), 128))], 2));
 } }), [["__scopeId", "data-v-45c51c88"]]), G = { class: "mc-date-picker-content" }, Q = { class: "mc-date-picker-header" }, X = { class: "mc-date-picker-display-text" }, Z = { class: "mc-date-picker-navigation" }, ee = { class: "mc-date-picker-footer" }, te = e(l({ name: U, __name: "mc-date-picker-content", props: { range: { type: Boolean, default: false }, modelValue: {}, startDate: {}, endDate: {} }, emits: ["update:modelValue", "update:startDate", "update:endDate", "stop:close"], setup(e2, { emit: t2 }) {
-  const a2 = t2, l2 = u(/* @__PURE__ */ new Date()), n2 = u("day"), o2 = c(() => {
+  const a2 = e2, l2 = t2, n2 = u((i2 = a2.range, p2 = a2.modelValue, m2 = a2.startDate, o2 = i2 ? m2 || /* @__PURE__ */ new Date() : p2 || /* @__PURE__ */ new Date(), new Date(o2.getFullYear(), o2.getMonth(), 1)));
+  var o2, i2, p2, m2;
+  const y2 = u("day"), v2 = c(() => {
     var _a;
-    const e3 = l2.value.getFullYear(), t3 = l2.value.getMonth(), a3 = (_a = j.get(t3)) == null ? void 0 : _a.fullName;
-    return "day" === n2.value ? `${a3} ${e3}` : "month" === n2.value ? `${e3}` : "year" === n2.value ? `${e3 - 10} - ${e3 + 10}` : "";
-  }), i2 = () => {
-    a2("stop:close"), "day" === n2.value ? l2.value = ((e3, t3 = 1) => {
+    const e3 = n2.value.getFullYear(), t3 = n2.value.getMonth(), a3 = (_a = j.get(t3)) == null ? void 0 : _a.fullName;
+    return "day" === y2.value ? `${a3} ${e3}` : "month" === y2.value ? `${e3}` : "year" === y2.value ? `${e3 - 10} - ${e3 + 10}` : "";
+  }), D2 = () => {
+    l2("stop:close"), "day" === y2.value ? n2.value = ((e3, t3 = 1) => {
       const a3 = new Date(e3);
       return a3.setMonth(a3.getMonth() - t3), a3;
-    })(l2.value) : "month" === n2.value ? l2.value = L(l2.value) : "year" === n2.value && (l2.value = L(l2.value, 21));
-  }, p2 = () => {
-    a2("stop:close"), "day" === n2.value ? l2.value = ((e3, t3 = 1) => {
+    })(n2.value) : "month" === y2.value ? n2.value = L(n2.value) : "year" === y2.value && (n2.value = L(n2.value, 21));
+  }, w2 = () => {
+    l2("stop:close"), "day" === y2.value ? n2.value = ((e3, t3 = 1) => {
       const a3 = new Date(e3);
       return a3.setMonth(a3.getMonth() + t3), a3;
-    })(l2.value) : "month" === n2.value ? l2.value = K(l2.value) : "year" === n2.value && (l2.value = K(l2.value, 21));
-  }, m2 = () => {
-    a2("stop:close"), n2.value = W(n2.value);
-  }, y2 = u(), v2 = () => {
+    })(n2.value) : "month" === y2.value ? n2.value = K(n2.value) : "year" === y2.value && (n2.value = K(n2.value, 21));
+  }, N2 = () => {
+    l2("stop:close"), y2.value = W(y2.value);
+  }, M2 = u(), _2 = () => {
     var _a;
-    a2("stop:close"), (_a = y2.value) == null ? void 0 : _a.setToday();
-  }, D2 = (e3) => {
-    a2("update:modelValue", e3);
-  }, w2 = (e3) => {
-    a2("update:startDate", e3);
-  }, N2 = (e3) => {
-    a2("update:endDate", e3);
+    l2("stop:close"), (_a = M2.value) == null ? void 0 : _a.setToday();
+  }, F2 = (e3) => {
+    l2("update:modelValue", e3);
+  }, V2 = (e3) => {
+    l2("update:startDate", e3);
+  }, S2 = (e3) => {
+    l2("update:endDate", e3);
   };
-  return (t3, a3) => (r(), d("div", G, [s("div", Q, [s("div", { class: "mc-date-picker-date-display", onClick: m2 }, [s("span", X, g(o2.value), 1), k(b(B), { class: "mc-date-picker-current-display-icon", name: "right-chevron-02", cursor: "pointer" })]), s("div", Z, [k(b(B), { name: "left-chevron", cursor: "pointer", onClick: i2 }), k(b(B), { name: "right-chevron", cursor: "pointer", onClick: p2 })])]), k(q, { ref_key: "datePickerListRef", ref: y2, "model-value": e2.modelValue, "start-date": e2.startDate, "end-date": e2.endDate, range: e2.range, "date-seed": l2.value, "onUpdate:dateSeed": a3[0] || (a3[0] = (e3) => l2.value = e3), type: n2.value, "onUpdate:type": a3[1] || (a3[1] = (e3) => n2.value = e3), "onUpdate:modelValue": D2, "onUpdate:startDate": w2, "onUpdate:endDate": N2 }, null, 8, ["model-value", "start-date", "end-date", "range", "date-seed", "type"]), s("div", ee, [k(b(C), { type: "plain", size: "small", onClick: v2 }, { default: f(() => [...a3[2] || (a3[2] = [h(" Today ", -1)])]), _: 1 })])]));
-} }), [["__scopeId", "data-v-68bd9934"]]), ae = ["id", "placeholder", "value", "disabled"], le = { class: "mc-date-picker-icon-wrapper" }, de = { key: 0, class: "mc-date-picker-status-icon" }, re = a(e(l({ name: x, __name: "mc-date-picker", props: { modelValue: {}, startDate: {}, width: {}, height: {}, endDate: {}, disabled: { type: Boolean, default: false }, placeholder: {}, range: { type: Boolean, default: false }, clearable: { type: Boolean, default: true }, disableValidation: { type: Boolean }, hideValidationIcon: { type: Boolean } }, emits: ["clear", "focus", "blur", "change", "update:modelValue", "update:startDate", "update:endDate"], setup(e2, { emit: a2 }) {
-  const l2 = e2, o2 = a2, { width: p2, height: y2 } = S(), v2 = u(), { formId: g2, formDisabled: h2, validateStyle: C2, statusIcon: x2, validateByTrigger: A2 } = R(), { wrapperRef: I2, isFocused: U2, handleFocus: E2, handleBlur: J2 } = V(v2, { afterBlur: async () => {
+  return (t3, a3) => (r(), d("div", G, [s("div", Q, [s("div", { class: "mc-date-picker-date-display", onClick: N2 }, [s("span", X, g(v2.value), 1), k(b(B), { class: "mc-date-picker-current-display-icon", name: "right-chevron-02", cursor: "pointer" })]), s("div", Z, [k(b(B), { name: "left-chevron", cursor: "pointer", onClick: D2 }), k(b(B), { name: "right-chevron", cursor: "pointer", onClick: w2 })])]), k(q, { ref_key: "datePickerListRef", ref: M2, "model-value": e2.modelValue, "start-date": e2.startDate, "end-date": e2.endDate, range: e2.range, "date-seed": n2.value, "onUpdate:dateSeed": a3[0] || (a3[0] = (e3) => n2.value = e3), type: y2.value, "onUpdate:type": a3[1] || (a3[1] = (e3) => y2.value = e3), "onUpdate:modelValue": F2, "onUpdate:startDate": V2, "onUpdate:endDate": S2 }, null, 8, ["model-value", "start-date", "end-date", "range", "date-seed", "type"]), s("div", ee, [k(b(C), { type: "plain", size: "small", onClick: _2 }, { default: f(() => [...a3[2] || (a3[2] = [h(" Today ", -1)])]), _: 1 })])]));
+} }), [["__scopeId", "data-v-694005ff"]]), ae = ["id", "placeholder", "value", "disabled"], le = { class: "mc-date-picker-icon-wrapper" }, de = { key: 0, class: "mc-date-picker-status-icon" }, re = a(e(l({ name: x, __name: "mc-date-picker", props: { modelValue: {}, startDate: {}, width: {}, height: {}, endDate: {}, disabled: { type: Boolean, default: false }, placeholder: {}, range: { type: Boolean, default: false }, clearable: { type: Boolean, default: true }, disableValidation: { type: Boolean }, hideValidationIcon: { type: Boolean } }, emits: ["clear", "focus", "blur", "change", "update:modelValue", "update:startDate", "update:endDate"], setup(e2, { emit: a2 }) {
+  const l2 = e2, o2 = a2, { width: p2, height: y2 } = V(), v2 = u(), { formId: g2, formDisabled: h2, validateStyle: C2, statusIcon: x2, validateByTrigger: A2 } = R(), { wrapperRef: I2, isFocused: U2, handleFocus: E2, handleBlur: J2 } = S(v2, { afterBlur: async () => {
     await t(300), await A2("blur");
   } }), { isExpanded: O2, popperRef: P2, datePickerRef: z2, popperOptions: H2, toggleExpand: K2 } = (() => {
     const e3 = u(), t2 = u(false), a3 = _("disabled"), l3 = (e4) => {
@@ -153,11 +155,11 @@ const x = "mc-date-picker", A = "mc-date-picker-item", I = "mc-date-picker-list"
       n2();
     } };
   })(), L2 = (e3) => {
-    o2("update:modelValue", e3);
+    o2("update:modelValue", e3), K2(false);
   }, W2 = (e3) => {
     o2("update:startDate", e3);
   }, q2 = (e3) => {
-    o2("update:endDate", e3);
+    o2("update:endDate", e3), K2(false);
   }, G2 = c(() => !!O2.value || !!U2.value), Q2 = () => {
     l2.disabled || K2(!O2.value);
   }, X2 = c(() => {
@@ -183,7 +185,7 @@ const x = "mc-date-picker", A = "mc-date-picker-item", I = "mc-date-picker-list"
   };
   return (t2, a3) => (r(), d("div", { ref_key: "datePickerRef", ref: z2, class: n(["mc-date-picker", { "mc-date-picker-actived": G2.value, "mc-date-picker-disabled": b(h2), [b(C2)]: b(C2) }]), style: w({ width: b(p2), height: b(y2) }) }, [k(b(T), { ref_key: "popperRef", ref: P2, placement: "bottom-start", trigger: "manual", "show-arrow": false, "popper-options": b(H2), "hide-timeout": 100 }, { content: f(() => [k(te, { "model-value": e2.modelValue, "start-date": e2.startDate, "end-date": e2.endDate, range: e2.range, "onUpdate:modelValue": L2, "onUpdate:startDate": W2, "onUpdate:endDate": q2 }, null, 8, ["model-value", "start-date", "end-date", "range"])]), default: f(() => [s("div", { ref_key: "triggerRef", ref: I2, class: "mc-date-picker-input-wrapper", onClick: Q2 }, [s("input", { id: b(g2), ref_key: "inputRef", ref: v2, class: "mc-date-picker-input", placeholder: Z2.value, value: X2.value, type: "text", readonly: "", disabled: b(h2), onFocus: a3[0] || (a3[0] = (...e3) => b(E2) && b(E2)(...e3)), onBlur: a3[1] || (a3[1] = (...e3) => b(J2) && b(J2)(...e3)), onKeypress: N(Q2, ["enter"]) }, null, 40, ae), s("div", le, [b(x2) ? (r(), d("span", de, [k(b($), { name: b(x2) }, null, 8, ["name"])])) : m("", true), s("span", { ref_key: "calendarIconRef", ref: ee2, class: "mc-date-picker-calendar-icon", onClick: a3[2] || (a3[2] = M(() => {
   }, ["stop"])) }, [ne.value ? (r(), D(b(B), { key: 0, name: "rejectfail", cursor: "pointer", size: 18, onClick: se })) : (r(), D(b(B), { key: 1, name: "calendar", cursor: b(h2) ? "not-allowed" : "pointer" }, null, 8, ["cursor"]))], 512)])], 512)]), _: 1 }, 8, ["popper-options"])], 6));
-} }), [["__scopeId", "data-v-a9ae60a6"]]));
+} }), [["__scopeId", "data-v-25e143a5"]]));
 export {
   J as D,
   re as M,

package/dist/es/{mc-file-list-CeLm6C-z.js → mc-file-list-f-twnnvC.js}

@@ -4,7 +4,7 @@ import { useResizeObserver as k } from "@mc-plus/hooks";
 import { M as y } from "./mc-icon-CnpccbFi.js";
 import { M as x } from "./mc-divider-CZxIWiZh.js";
 import { M as C } from "./mc-progress-bar-CcOYol7T.js";
-import { u as g, g as b, f as w } from "./mc-upload-bGlDqn92.js";
+import { u as g, g as b, f as w } from "./mc-upload-mOCJGxTT.js";
 const _ = "mc-file-list", $ = { class: "mc-file-list-item-content" }, h = { class: "mc-file-list-item-file mc-file-list-item-info" }, M = ["onClick"], j = { class: "mc-file-list-item-file-name-text" }, B = { class: "mc-file-list-item-file-desc" }, V = { 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 = { key: 0, class: "mc-file-list-item-info" }, I = { class: "mc-file-list-item-info" }, L = { class: "mc-file-list-item-label" }, R = { class: "mc-file-list-item-value" }, q = { class: "mc-file-list-item-info" }, A = { class: "mc-file-list-item-label" }, E = { class: "mc-file-list-item-value" }, F = { key: 1, class: "mc-file-list-item-info" }, G = { class: "mc-file-list-item-actions" }, H = { class: "mc-file-list-item-compact-content" }, J = { key: 0, class: "mc-file-list-item-info" }, K = { class: "mc-file-list-item-info" }, N = { class: "mc-file-list-item-label" }, O = { class: "mc-file-list-item-value" }, P = { class: "mc-file-list-item-info" }, Q = { class: "mc-file-list-item-label" }, S = { class: "mc-file-list-item-value" }, U = { key: 1, class: "mc-file-list-item-info" }, W = l(e(s({ name: _, __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 s2 = e2, _2 = l2, { langMap: W2 } = g(), X = i(false), Y = i();
   k(Y, ({ width: e3 }) => {

package/dist/es/mc-input-BnOLRp4n.js

@@ -0,0 +1,104 @@
+import { _ as e, u as l } from "./utils-dWwt4JKv.js";
+import { ref as t, computed as a, reactive as o, defineComponent as r, inject as s, watch as n, createElementBlock as u, openBlock as c, unref as i, normalizeStyle as d, normalizeClass as p, createCommentVNode as m, renderSlot as f, createElementVNode as v, createBlock as y, withDirectives as h, withKeys as g, toDisplayString as b, vShow as x, createVNode as V, nextTick as k } from "vue";
+import { endsWith as w, startsWith as $, assign as I, isNil as C, isEmpty as A, isEqual as B } from "lodash-es";
+import { useProp as S, useWidthHeight as j, useFocus as T } from "@mc-plus/hooks";
+import { M as _ } from "./mc-icon-plus-YMAi6EZM.js";
+import { I as P } from "./mc-input-group-BPpVTTHQ.js";
+import { u as R } from "./mc-form-CLxny1HF.js";
+const E = "mc-input", M = ",", O = ".", F = { key: 0, class: "mc-input-prepend" }, D = { class: "mc-input-container" }, W = ["id", "value", "placeholder", "type", "disabled", "readonly", "autocomplete", "autofocus", "maxlength"], z = { key: 0, class: "mc-input-placeholder" }, K = { key: 0 }, q = { key: 1, class: "mc-input-status-icon" }, G = { key: 2, class: "mc-input-toolbar" }, H = { key: 3, class: "mc-input-append" }, J = l(e(r({ name: E, __name: "mc-input", props: { modelValue: {}, id: {}, type: { default: "text" }, placeholder: { default: "Please enter" }, disabled: { type: Boolean, default: false }, prefixIcon: {}, suffixIcon: {}, autocomplete: { type: Boolean, default: true }, readonly: { type: Boolean }, autofocus: { type: Boolean }, maxlength: {}, textAlign: {}, currencyAccuracy: { default: void 0 }, disableValidation: { type: Boolean }, hideValidationIcon: { type: Boolean }, validateProp: {}, clearable: { type: Boolean }, width: { default: 320 }, height: { default: 40 } }, emits: ["update:modelValue", "focus", "blur", "input", "change", "paste", "delete", "clear"], setup(e2, { emit: l2 }) {
+  const r2 = e2, E2 = l2, { width: M2, height: J2 } = j(), L = t(), N = s(P, void 0), { formId: Q, formDisabled: U, validateStyle: X, validateStatus: Y, statusIcon: Z, isError: ee, validateByTrigger: le } = R({ externalDisabled: a(() => !!(N == null ? void 0 : N.disabled.value)) });
+  n(Y, (e3) => {
+    N && N.setValidateStatus(e3);
+  });
+  const { wrapperRef: te, isFocused: ae, handleFocus: oe, handleBlur: re } = T(L, { afterBlur() {
+    le("blur");
+  } }), se = (e3) => {
+    var _a, _b, _c;
+    re(e3), "currency" !== r2.type && "number" !== r2.type || (((_a = r2.modelValue) == null ? void 0 : _a.startsWith(O)) && E2("update:modelValue", `0${r2.modelValue}`), ((_b = r2.modelValue) == null ? void 0 : _b.endsWith(O)) && E2("update:modelValue", (_c = r2.modelValue) == null ? void 0 : _c.slice(0, -1)));
+  }, { inputType: ne, passwordVisible: ue, handlePasswordVisible: ce } = (() => {
+    const e3 = S("type"), l3 = t(false);
+    return { inputType: a(() => "password" === e3.value ? l3.value ? "text" : "password" : "text"), passwordVisible: l3, handlePasswordVisible: () => {
+      l3.value = !l3.value;
+    } };
+  })(), { formatter: ie, parser: de } = (() => {
+    const e3 = S("type"), l3 = (e4, l4) => ((e5, l5) => {
+      if (C(l5)) return e5;
+      const [t3, a2] = e5.split(O);
+      if (l5 > 0 && e5.includes(O)) {
+        const e6 = a2.slice(0, l5);
+        return `${t3}${O}${e6}`;
+      }
+      return t3;
+    })(e4 = ((e5) => {
+      const l5 = e5.indexOf(O);
+      return -1 !== l5 && (e5 = e5.substring(0, l5 + 1) + e5.substring(l5 + 1).replace(/\./g, "")), e5;
+    })(e4 = e4.replace(/[^0-9.]/g, "")), l4), t2 = (e4, t3) => l3(e4, t3);
+    return { formatter: (t3, a2) => "number" === e3.value ? l3(t3, a2) : "currency" === e3.value ? ((e4) => {
+      const [l4, t4] = e4.split(O), a3 = l4.replace(/(\d)(?=(\d{3})+$)/g, "$1,");
+      return e4.includes(O) ? `${a3}${O}${t4}` : a3;
+    })(l3(t3, a2)) : t3, parser: (l4, a2) => "number" === e3.value ? t2(l4, a2) : "currency" === e3.value ? ((e4) => e4.replace(/(?:[^0-9.]+)/g, ""))(t2(l4, a2)) : l4 };
+  })(), pe = a(() => ie(r2.modelValue ?? "", r2.currencyAccuracy)), { recordCursor: me, setCursor: fe, handleAdjustCursor: ve } = ((e3) => {
+    const l3 = o({}), t2 = S("type");
+    return { recordCursor: () => {
+      if (!e3.value) return;
+      const { selectionStart: t3, selectionEnd: a2, value: o2 } = e3.value;
+      if (!t3 || !a2) return;
+      const r3 = o2.slice(0, t3), s2 = o2.slice(a2);
+      I(l3, { selectionStart: t3, selectionEnd: a2, value: o2, beforeTxt: r3, afterTxt: s2 });
+    }, setCursor: () => {
+      if (!e3.value) return;
+      const { value: t3 } = e3.value, { beforeTxt: a2, afterTxt: o2, selectionStart: r3 } = l3;
+      if (!a2 || !o2 || !r3) return;
+      let s2 = t3.length;
+      if (w(t3, o2)) s2 = t3.length - o2.length;
+      else if ($(t3, a2)) s2 = a2.length;
+      else {
+        const e4 = a2[r3 - 1], l4 = t3.indexOf(e4, r3 - 1);
+        -1 !== l4 && (s2 = l4 + 1);
+      }
+      e3.value.setSelectionRange(s2, s2);
+    }, handleAdjustCursor: (l4) => {
+      if (!e3.value || "currency" !== t2.value) return;
+      const a2 = e3.value, { value: o2, selectionStart: r3, selectionEnd: s2 } = a2;
+      if (!o2 || !r3 || !s2 || r3 !== s2) return;
+      let n2 = 0;
+      if ("left" === l4 ? n2 = r3 - 2 : "right" === l4 ? n2 = r3 : "click" === l4 && (n2 = r3 - 1), "," === o2[n2]) {
+        const t3 = "click" === l4 ? n2 : n2 + 1;
+        e3.value.setSelectionRange(t3, t3);
+      }
+    } };
+  })(L);
+  n(() => r2.currencyAccuracy, () => {
+    const e3 = de(r2.modelValue ?? "", r2.currencyAccuracy);
+    E2("update:modelValue", e3);
+  });
+  const ye = (e3) => {
+    E2("update:modelValue", e3), E2("input", e3);
+  }, he = async (e3) => {
+    const { value: l3 } = e3.target;
+    me();
+    const t2 = de(l3, r2.currencyAccuracy);
+    A(t2) ? (L.value.value = "", ye(t2)) : B(t2, r2.modelValue) ? L.value.value = ie(t2, r2.currencyAccuracy) : ye(t2), await k(), fe(), le("input");
+  }, ge = () => {
+    E2("delete");
+  }, be = (e3) => {
+    E2("paste", e3);
+  }, xe = (e3) => {
+    const { value: l3 } = e3.target;
+    E2("change", de(l3));
+  }, { showClearIcon: Ve, mouseOverIcon: ke } = (() => {
+    const e3 = t(false), l3 = S("modelValue"), o2 = S("clearable"), r3 = S("disabled");
+    return { showClearIcon: a(() => !!o2.value && e3.value && !r3.value && !A(l3.value)), mouseOverIcon: (l4) => {
+      o2.value && !r3.value && (e3.value = l4);
+    } };
+  })(), we = () => {
+    E2("update:modelValue", ""), E2("clear");
+  };
+  return (l3, t2) => (c(), u("div", { ref_key: "wrapperRef", ref: te, class: p(["mc-input-plus", { "is-disabled": i(U), "is-focused": i(ae), "is-active": !i(A)(pe.value), [i(X)]: i(X) }]), style: d({ width: i(M2), height: i(J2) }), onMouseenter: t2[4] || (t2[4] = (e3) => i(ke)(true)), onMouseleave: t2[5] || (t2[5] = (e3) => i(ke)(false)) }, [l3.$slots.prepend ? (c(), u("div", F, [f(l3.$slots, "prepend", {}, void 0, true)])) : m("", true), f(l3.$slots, "prefix", {}, () => [e2.prefixIcon ? (c(), y(i(_), { key: 0, class: "mc-input-icon", name: e2.prefixIcon }, null, 8, ["name"])) : m("", true)], true), v("div", D, [v("input", { id: i(Q), ref_key: "inputRef", ref: L, value: pe.value, class: "mc-input-inner", style: d({ textAlign: e2.textAlign }), placeholder: e2.placeholder, type: i(ne), disabled: i(U), readonly: e2.readonly || i(U), autocomplete: e2.autocomplete ? "on" : "off", autofocus: e2.autofocus, maxlength: e2.maxlength, onFocus: t2[0] || (t2[0] = (...e3) => i(oe) && i(oe)(...e3)), onBlur: se, onInput: he, onChange: xe, onKeydown: [g(ge, ["delete"]), t2[2] || (t2[2] = g(() => i(ve)("left"), ["left"])), t2[3] || (t2[3] = g(() => i(ve)("right"), ["right"]))], onPaste: be, onClick: t2[1] || (t2[1] = () => i(ve)("click")) }, null, 44, W), e2.placeholder || l3.$slots.placeholder ? h((c(), u("div", z, [f(l3.$slots, "placeholder", {}, () => [e2.placeholder ? (c(), u("span", K, b(e2.placeholder), 1)) : m("", true)], true)], 512)), [[x, !pe.value]]) : m("", true)]), f(l3.$slots, "suffix", {}, () => [e2.suffixIcon ? (c(), y(i(_), { key: 0, class: "mc-input-icon", name: e2.suffixIcon }, null, 8, ["name"])) : m("", true)], true), i(Z) ? (c(), u("div", q, [V(i(_), { name: i(ee) ? "reject-fail-rev" : "accept-success-rev" }, null, 8, ["name"])])) : m("", true), "password" === e2.type || e2.clearable ? (c(), u("div", G, ["password" === e2.type ? (c(), y(i(_), { key: 0, class: "mc-input-icon", name: i(ue) ? "view-hidden" : "view", cursor: "pointer", onClick: i(ce) }, null, 8, ["name", "onClick"])) : m("", true), h(V(i(_), { class: "mc-input-icon", name: "rejectfail", size: 16, cursor: "pointer", onClick: we }, null, 512), [[x, i(Ve)]])])) : m("", true), l3.$slots.append ? (c(), u("div", H, [f(l3.$slots, "append", {}, void 0, true)])) : m("", true)], 38));
+} }), [["__scopeId", "data-v-ad79d6f3"]]));
+export {
+  J as M,
+  E as a,
+  M as b,
+  O as c
+};

package/dist/es/{mc-richtext-CIJBW2WK.js → mc-richtext-DJL2cJTg.js}

@@ -5,7 +5,7 @@ import { M as O } from "./mc-select-plus-CDL-Q6hk.js";
 import { M as T } from "./mc-select-option-plus-CQA1P9c0.js";
 import { a as k, M as I } from "./mc-icon-plus-YMAi6EZM.js";
 import { M as R } from "./mc-tooltip-BlsZG-T8.js";
-import { M as b } from "./mc-input-D4m3wLdW.js";
+import { M as b } from "./mc-input-BnOLRp4n.js";
 import { M as _ } from "./mc-button-l3r7Y4qt.js";
 import { _ as E, u as N } from "./utils-dWwt4JKv.js";
 const C = "McRichtext", S = "McRichtextTool";

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

@@ -0,0 +1,118 @@
+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 i, normalizeClass as n, 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 v, createBlock as y, withCtx as _, createSlots as w } from "vue";
+import { useProp as z, useDragover as x, useWidthHeight as $ } from "@mc-plus/hooks";
+import { M as b } from "./mc-icon-CnpccbFi.js";
+import { M as C } from "./mc-success-icon-BgQB9Rmp.js";
+import { map as S, includes as k } from "lodash-es";
+import { M as D } from "./mc-file-list-f-twnnvC.js";
+import { u as M } from "./mc-form-CLxny1HF.js";
+import { t as U } from "./mc-toast-BNRX1zn4.js";
+const B = (e2) => parseFloat(e2).toString(), F = (e2, l2 = 2) => e2 < 1024 ? `${e2} B` : e2 < 1048576 ? `${B((e2 / 1024).toFixed(l2))} KB` : e2 < 1073741824 ? `${B((e2 / 1048576).toFixed(l2))} MB` : `${B((e2 / 1073741824).toFixed(l2))} GB`, T = (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")}`;
+}, V = (e2, l2, o2) => {
+  const a2 = e2.get(l2);
+  e2.set(l2, { ...a2, ...o2 });
+}, j = "mc-upload", I = "mc-upload-dropzone", A = "[?]", E = ["jpg", "jpeg", "png", "doc", "docx", "xls", "xlsx", "pdf"], R = { 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.` }, N = { 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} 个文件。` }, Y = () => {
+  const e2 = z("lang");
+  return { langMap: o(() => "zh" === e2.value ? N : R) };
+}, G = { class: "mc-upload-dropzone-area" }, H = { class: "mc-upload-dropzone-title" }, K = { class: "mc-upload-dropzone-title-text" }, P = { key: 0, class: "mc-upload-dropzone-desc" }, W = { key: 0 }, q = { key: 1 }, J = e(a({ name: I, __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 } = Y(), v2 = t(), y2 = o(() => {
+    var _a;
+    return ((_a = f2.allowedFileTypes) == null ? void 0 : _a.length) ? h2.value.limit_type.replace(A, S(f2.allowedFileTypes, (e3) => e3.toUpperCase()).join(", ")) : void 0;
+  }), { isDragover: _2 } = x(v2, { onDrop: (e3) => {
+    var _a;
+    const l3 = (_a = e3.dataTransfer) == null ? void 0 : _a.files;
+    l3 && D2(l3);
+  } }), w2 = t(), z2 = () => {
+    w2.value && (w2.value.value = "");
+  }, $2 = () => {
+    var _a;
+    (_a = w2.value) == null ? void 0 : _a.click();
+  }, C2 = (e3) => {
+    const l3 = e3.target.files;
+    l3 && D2(l3);
+  }, D2 = async (e3) => {
+    let l3 = Array.from(e3);
+    const o2 = /* @__PURE__ */ new Map();
+    l3.forEach((e4) => {
+      V(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 ? (V(l4, d2.name, { status: "failed", errorMessage: h2.value.limit_size.replace(A, `${F(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 = S(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 : (V(l4, e4[o4].name, { status: "failed", errorMessage: y2.value }), g2("error:type", e4[o4].name));
+      }
+    })(l3, o2), g2("upload", o2), z2();
+  };
+  return l2({ clearUploadInput: z2 }), (l3, o2) => (i(), d("div", { ref: "wrapperRef", class: n(["mc-upload-dropzone", { "mc-upload-dropzone-dragover": s(_2) }]), onClick: $2 }, [r("div", G, [p(l3.$slots, "default", {}, () => [r("div", H, [p(l3.$slots, "title", {}, () => [c(s(b), { name: e2.icon }, null, 8, ["name"]), r("span", K, m(e2.title || s(h2).upload_note), 1)], true)]), e2.hideDesc ? u("", true) : (i(), d("div", P, [p(l3.$slots, "desc", {}, () => [e2.fileSize > 0 ? (i(), d("span", W, m(s(h2).max_size) + " " + m(s(F)(e2.fileSize)), 1)) : u("", true), y2.value ? (i(), d("span", q, m(y2.value), 1)) : u("", true)], true)]))], true)]), r("input", { ref_key: "uploadInputRef", ref: w2, type: "file", multiple: "", style: { display: "none" }, onChange: C2 }, null, 544), r("div", { class: "mc-upload-dropzone-cover", ref_key: "coverRef", ref: v2 }, null, 512)], 2));
+} }), [["__scopeId", "data-v-7f887458"]]), L = ["id"], O = { key: 0, class: "mc-upload-content" }, Q = { class: "mc-upload-content-icon" }, X = { class: "mc-upload-content-text" }, Z = { class: "mc-upload-component" }, ee = { key: 0, class: "mc-upload-dropzone-wrapper" }, le = { class: "mc-upload-file-list-wrapper" }, oe = l(e(a({ name: j, __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, { formId: x2 } = M(), { width: S2 } = $(), k2 = f(), B2 = o(() => !!k2.content), F2 = t(), T2 = g(/* @__PURE__ */ new Map()), { langMap: V2 } = Y(), j2 = (e3) => 0 !== (e3 = ((e4) => {
+    if (m2.fileCount && e4.length > m2.fileCount) {
+      const l3 = V2.value.limit_count_reached.replace(A, m2.fileCount.toString());
+      return U.error(l3), e4.slice(0, m2.fileCount);
+    }
+    return e4;
+  })(e3)).length && (T2.clear(), e3.forEach((e4) => {
+    T2.set(e4.name, e4);
+  }), true);
+  h(() => m2.modelValue, (e3) => {
+    j2(e3);
+  }, { immediate: true });
+  const I2 = (e3) => Array.from([...e3.values()]), E2 = (e3) => {
+    z2("update:modelValue", e3);
+  }, R2 = (e3) => {
+    var _a;
+    (_a = F2.value) == null ? void 0 : _a.clearUploadInput();
+    const l3 = I2(e3);
+    if (!j2([...m2.modelValue, ...l3])) return;
+    const o2 = I2(T2);
+    z2("update:modelValue", o2), z2("upload", o2), z2("change", o2), q2();
+  }, N2 = (e3) => {
+    console.error("mc-upload: error:type:", e3), z2("error:type", e3);
+  }, G2 = (e3) => {
+    console.error("mc-upload: error:size:", e3), z2("error:size", e3);
+  }, H2 = (e3) => {
+    z2("preview", e3);
+  }, K2 = (e3) => {
+    z2("delete", e3);
+  }, P2 = (e3) => {
+    z2("download", e3);
+  }, W2 = (e3) => {
+    z2("cancel", e3);
+  }, q2 = (e3 = 99, l3 = 100) => {
+    setTimeout(() => {
+      m2.modelValue.forEach((l4) => {
+        "loading" === l4.status && (l4.progress = e3);
+      });
+    }, l3);
+  }, oe2 = o(() => m2.deletable && !m2.disabled);
+  return l2({ clearFiles: () => {
+    T2.clear(), z2("clear"), z2("update:modelValue", []), z2("change", []);
+  }, downloadAllFiles: () => {
+    z2("download:all", I2(T2));
+  } }), (l3, o2) => (i(), d("div", { class: "mc-upload", style: v({ width: s(S2) }), id: s(x2) }, [r("div", { class: n([{ "mc-upload-wrapper": B2.value }, `mc-upload-wrapper-${e2.theme}`]) }, [B2.value ? (i(), d("div", O, [r("div", Q, [e2.succeed ? (i(), y(s(C), { key: 1, width: "24px", height: "24px" })) : (i(), y(s(b), { key: 0, name: "Accept" }))]), r("div", X, [p(l3.$slots, "content", {}, void 0, true)])])) : u("", true), r("div", Z, [e2.disabled ? u("", true) : (i(), d("div", ee, [c(J, { ref_key: "uploadDropzoneRef", ref: F2, "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, title: e2.title, onUpload: R2, "onError:type": N2, "onError:size": G2 }, { 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", "title"])])), r("div", le, [c(s(D), { "model-value": e2.modelValue, "allow-cancel": e2.allowCancel, downloadable: e2.downloadable, lang: e2.lang, theme: e2.theme, deletable: oe2.value, "onUpdate:modelValue": E2, onPreview: H2, onDelete: K2, onDownload: P2, onCancel: W2 }, w({ _: 2 }, [l3.$slots["file-extra-prefix"] ? { name: "extra-prefix", fn: _(({ file: o3, isCompact: a3 }) => [p(l3.$slots, "file-extra-prefix", { file: o3, isCompact: a3, isDisabled: e2.disabled }, void 0, true)]), key: "0" } : void 0, l3.$slots["file-extra"] ? { name: "extra", fn: _(({ file: o3, isCompact: a3 }) => [p(l3.$slots, "file-extra", { file: o3, isCompact: a3, isDisabled: e2.disabled }, void 0, true)]), key: "1" } : void 0]), 1032, ["model-value", "allow-cancel", "downloadable", "lang", "theme", "deletable"])])])], 2)], 12, L));
+} }), [["__scopeId", "data-v-7e4b79b6"]]));
+export {
+  E as A,
+  oe as M,
+  A as W,
+  j as a,
+  I as b,
+  T as f,
+  F as g,
+  Y as u
+};

package/dist/es/theme/mc-date-picker.css

@@ -1 +1 @@
-.mc-date-picker-item[data-v-797f3810]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap;font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-800);list-style:none;margin:0;padding:0;min-width:32px;height:32px;border-radius:4px;position:relative;cursor:pointer}.mc-date-picker-item.mc-date-picker-item-disabled[data-v-797f3810]{color:var(--mc-gray-400);background-color:transparent}.mc-date-picker-item.mc-date-picker-item-today[data-v-797f3810]{color:var(--mc-purple-500);background-color:transparent;font-weight:600}.mc-date-picker-item.mc-date-picker-item-today[data-v-797f3810]:after{content:"";display:block;position:absolute;left:50%;transform:translate(-50%);bottom:4px;width:4px;height:4px;border-radius:50%;background-color:var(--mc-purple-500)}.mc-date-picker-item[data-v-797f3810]:hover{background-color:var(--mc-teal-300);color:var(--mc-white)}.mc-date-picker-item[data-v-797f3810]:hover:after{background-color:var(--mc-white)}.mc-date-picker-item.mc-date-picker-item-active[data-v-797f3810]{background-color:var(--mc-teal-500);color:var(--mc-white);font-weight:600}.mc-date-picker-item.mc-date-picker-item-active[data-v-797f3810]:after{background-color:var(--mc-white)}.mc-date-picker-item.mc-date-picker-item-start[data-v-797f3810]{border-top-right-radius:0;border-bottom-right-radius:0}.mc-date-picker-item.mc-date-picker-item-end[data-v-797f3810]{border-top-left-radius:0;border-bottom-left-radius:0}.mc-date-picker-item.mc-date-picker-item-duration[data-v-797f3810]{background-color:var(--mc-teal-300);border-radius:0;color:var(--mc-white)}.mc-date-picker-item.mc-date-picker-item-duration[data-v-797f3810]:after{background-color:var(--mc-white)}.mc-date-picker-list[data-v-45c51c88]{margin:0;padding:0;display:grid}.mc-date-picker-list.mc-date-picker-list-day[data-v-45c51c88]{grid-template-columns:repeat(7,1fr);row-gap:8px}.mc-date-picker-list.mc-date-picker-list-month[data-v-45c51c88]{grid-template-columns:repeat(3,1fr);row-gap:48px}.mc-date-picker-list.mc-date-picker-list-year[data-v-45c51c88]{grid-template-columns:repeat(3,1fr);row-gap:8px}.mc-date-picker-list .mc-date-picker-list-weekday[data-v-45c51c88]{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap;font-family:var(--mc-font-family);font-size:16px;font-weight:600;line-height:24px;color:var(--mc-gray-500);cursor:default;box-sizing:border-box;min-width:32px;height:32px}.mc-date-picker-content[data-v-68bd9934]{box-sizing:border-box;padding:0 8px;background-color:var(--mc-white);outline:2px solid var(--mc-gray-600);border-top:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.mc-date-picker-content .mc-date-picker-header[data-v-68bd9934]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;flex-wrap:nowrap;height:48px}.mc-date-picker-content .mc-date-picker-header .mc-date-picker-date-display[data-v-68bd9934]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap;cursor:pointer}.mc-date-picker-content .mc-date-picker-header .mc-date-picker-date-display .mc-date-picker-display-text[data-v-68bd9934]{font-family:var(--mc-font-family);font-size:16px;font-weight:600;line-height:24px;color:var(--mc-gray-800);cursor:pointer}.mc-date-picker-content .mc-date-picker-header .mc-date-picker-date-display .mc-date-picker-current-display-icon[data-v-68bd9934]{transform:rotate(90deg)}.mc-date-picker-content .mc-date-picker-header .mc-date-picker-navigation[data-v-68bd9934]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;flex-wrap:nowrap}.mc-date-picker-content .mc-date-picker-footer[data-v-68bd9934]{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:0;flex-wrap:nowrap;height:56px}.mc-date-picker-content .mc-date-picker-footer[data-v-68bd9934] .mc-button--plain{border-color:var(--mc-purple-500);color:var(--mc-purple-500)}.mc-date-picker[data-v-a9ae60a6]{width:320px;background-color:var(--mc-white);border-radius:4px;border:1px solid var(--mc-gray-400);cursor:pointer;position:relative}.mc-date-picker[data-v-a9ae60a6]:not(.mc-date-picker-disabled):hover{border-color:var(--mc-gray-600);outline:1px solid var(--mc-gray-600)}.mc-date-picker.mc-date-picker-actived[data-v-a9ae60a6]{border-color:var(--mc-gray-600);outline:1px solid var(--mc-gray-600)}.mc-date-picker.mc-date-picker-disabled[data-v-a9ae60a6]{cursor:not-allowed;background-color:var(--mc-gray-200);color:var(--mc-gray-500)}.mc-date-picker.mc-date-picker-disabled .mc-date-picker-input[data-v-a9ae60a6]{color:var(--mc-gray-500)}.mc-date-picker.mc-form-validate-error[data-v-a9ae60a6]:not(.mc-date-picker-disabled){border-color:var(--mc-error);outline-color:var(--mc-error)}.mc-date-picker.mc-form-validate-error .mc-date-picker-icon-wrapper .mc-date-picker-status-icon[data-v-a9ae60a6]{color:var(--mc-error)}.mc-date-picker.mc-form-validate-success .mc-date-picker-icon-wrapper .mc-date-picker-status-icon[data-v-a9ae60a6]{color:var(--mc-success)}.mc-date-picker .mc-date-picker-input[data-v-a9ae60a6]{border:none;outline:none;background-color:transparent;padding:0;margin:0;font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-800);width:100%;flex:1;height:100%;cursor:inherit}.mc-date-picker .mc-date-picker-input[data-v-a9ae60a6]::placeholder{font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-400)}.mc-date-picker .mc-date-picker-input-wrapper[data-v-a9ae60a6]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;flex-wrap:nowrap;box-sizing:border-box;width:100%;height:40px;padding:8px}.mc-date-picker .mc-date-picker-input-wrapper .mc-date-picker-icon-wrapper[data-v-a9ae60a6]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px;flex-wrap:nowrap}.mc-date-picker .mc-date-picker-input-wrapper .mc-date-picker-icon-wrapper .mc-date-picker-calendar-icon[data-v-a9ae60a6]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap;width:24px;height:24px}.mc-date-picker[data-v-a9ae60a6] .mc-popper,.mc-date-picker[data-v-a9ae60a6] .mc-popper .mc-popper-trigger,.mc-date-picker[data-v-a9ae60a6] .mc-popper-popper{width:100%}
+.mc-date-picker-item[data-v-797f3810]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap;font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-800);list-style:none;margin:0;padding:0;min-width:32px;height:32px;border-radius:4px;position:relative;cursor:pointer}.mc-date-picker-item.mc-date-picker-item-disabled[data-v-797f3810]{color:var(--mc-gray-400);background-color:transparent}.mc-date-picker-item.mc-date-picker-item-today[data-v-797f3810]{color:var(--mc-purple-500);background-color:transparent;font-weight:600}.mc-date-picker-item.mc-date-picker-item-today[data-v-797f3810]:after{content:"";display:block;position:absolute;left:50%;transform:translate(-50%);bottom:4px;width:4px;height:4px;border-radius:50%;background-color:var(--mc-purple-500)}.mc-date-picker-item[data-v-797f3810]:hover{background-color:var(--mc-teal-300);color:var(--mc-white)}.mc-date-picker-item[data-v-797f3810]:hover:after{background-color:var(--mc-white)}.mc-date-picker-item.mc-date-picker-item-active[data-v-797f3810]{background-color:var(--mc-teal-500);color:var(--mc-white);font-weight:600}.mc-date-picker-item.mc-date-picker-item-active[data-v-797f3810]:after{background-color:var(--mc-white)}.mc-date-picker-item.mc-date-picker-item-start[data-v-797f3810]{border-top-right-radius:0;border-bottom-right-radius:0}.mc-date-picker-item.mc-date-picker-item-end[data-v-797f3810]{border-top-left-radius:0;border-bottom-left-radius:0}.mc-date-picker-item.mc-date-picker-item-duration[data-v-797f3810]{background-color:var(--mc-teal-300);border-radius:0;color:var(--mc-white)}.mc-date-picker-item.mc-date-picker-item-duration[data-v-797f3810]:after{background-color:var(--mc-white)}.mc-date-picker-list[data-v-45c51c88]{margin:0;padding:0;display:grid}.mc-date-picker-list.mc-date-picker-list-day[data-v-45c51c88]{grid-template-columns:repeat(7,1fr);row-gap:8px}.mc-date-picker-list.mc-date-picker-list-month[data-v-45c51c88]{grid-template-columns:repeat(3,1fr);row-gap:48px}.mc-date-picker-list.mc-date-picker-list-year[data-v-45c51c88]{grid-template-columns:repeat(3,1fr);row-gap:8px}.mc-date-picker-list .mc-date-picker-list-weekday[data-v-45c51c88]{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap;font-family:var(--mc-font-family);font-size:16px;font-weight:600;line-height:24px;color:var(--mc-gray-500);cursor:default;box-sizing:border-box;min-width:32px;height:32px}.mc-date-picker-content[data-v-694005ff]{box-sizing:border-box;padding:0 8px;background-color:var(--mc-white);outline:2px solid var(--mc-gray-600);border-top:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.mc-date-picker-content .mc-date-picker-header[data-v-694005ff]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;flex-wrap:nowrap;height:48px}.mc-date-picker-content .mc-date-picker-header .mc-date-picker-date-display[data-v-694005ff]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap;cursor:pointer}.mc-date-picker-content .mc-date-picker-header .mc-date-picker-date-display .mc-date-picker-display-text[data-v-694005ff]{font-family:var(--mc-font-family);font-size:16px;font-weight:600;line-height:24px;color:var(--mc-gray-800);cursor:pointer}.mc-date-picker-content .mc-date-picker-header .mc-date-picker-date-display .mc-date-picker-current-display-icon[data-v-694005ff]{transform:rotate(90deg)}.mc-date-picker-content .mc-date-picker-header .mc-date-picker-navigation[data-v-694005ff]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;flex-wrap:nowrap}.mc-date-picker-content .mc-date-picker-footer[data-v-694005ff]{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:0;flex-wrap:nowrap;height:56px}.mc-date-picker-content .mc-date-picker-footer[data-v-694005ff] .mc-button--plain{border-color:var(--mc-purple-500);color:var(--mc-purple-500)}.mc-date-picker[data-v-25e143a5]{width:320px;background-color:var(--mc-white);border-radius:4px;border:1px solid var(--mc-gray-400);cursor:pointer;position:relative}.mc-date-picker[data-v-25e143a5]:not(.mc-date-picker-disabled):hover{border-color:var(--mc-gray-600);outline:1px solid var(--mc-gray-600)}.mc-date-picker.mc-date-picker-actived[data-v-25e143a5]{border-color:var(--mc-gray-600);outline:1px solid var(--mc-gray-600)}.mc-date-picker.mc-date-picker-disabled[data-v-25e143a5]{cursor:not-allowed;background-color:var(--mc-gray-200);color:var(--mc-gray-500)}.mc-date-picker.mc-date-picker-disabled .mc-date-picker-input[data-v-25e143a5]{color:var(--mc-gray-500)}.mc-date-picker.mc-form-validate-error[data-v-25e143a5]:not(.mc-date-picker-disabled){border-color:var(--mc-error);outline-color:var(--mc-error)}.mc-date-picker.mc-form-validate-error .mc-date-picker-icon-wrapper .mc-date-picker-status-icon[data-v-25e143a5]{color:var(--mc-error)}.mc-date-picker.mc-form-validate-success .mc-date-picker-icon-wrapper .mc-date-picker-status-icon[data-v-25e143a5]{color:var(--mc-success)}.mc-date-picker .mc-date-picker-input[data-v-25e143a5]{border:none;outline:none;background-color:transparent;padding:0;margin:0;font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-800);width:100%;flex:1;height:100%;cursor:inherit}.mc-date-picker .mc-date-picker-input[data-v-25e143a5]::placeholder{font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-400)}.mc-date-picker .mc-date-picker-input-wrapper[data-v-25e143a5]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;flex-wrap:nowrap;box-sizing:border-box;width:100%;height:40px;padding:8px}.mc-date-picker .mc-date-picker-input-wrapper .mc-date-picker-icon-wrapper[data-v-25e143a5]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px;flex-wrap:nowrap}.mc-date-picker .mc-date-picker-input-wrapper .mc-date-picker-icon-wrapper .mc-date-picker-calendar-icon[data-v-25e143a5]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap;width:24px;height:24px}.mc-date-picker[data-v-25e143a5] .mc-popper,.mc-date-picker[data-v-25e143a5] .mc-popper .mc-popper-trigger,.mc-date-picker[data-v-25e143a5] .mc-popper-popper{width:100%}

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

@@ -1 +1 @@
-.mc-input-plus[data-v-77b87e1a]{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:4px;flex-wrap:nowrap;box-shadow:0 0 0 1px var(--mc-gray-400) inset;border-radius:4px;padding:0 8px;box-sizing:border-box;cursor:text;background-color:var(--mc-white)}.mc-input-plus .mc-input-container[data-v-77b87e1a]{flex:1;height:100%;position:relative}.mc-input-plus .mc-input-container .mc-input-placeholder[data-v-77b87e1a]{font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-400);display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:0;flex-wrap:nowrap;position:absolute;top:0;left:0;width:100%;height:100%}.mc-input-plus .mc-input-inner[data-v-77b87e1a]{border:none;outline:none;background-color:transparent;padding:0;margin:0;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.mc-input-plus .mc-input-inner[data-v-77b87e1a]::-webkit-outer-spin-button,.mc-input-plus .mc-input-inner[data-v-77b87e1a]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mc-input-plus .mc-input-inner[data-v-77b87e1a]:focus{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.mc-input-plus .mc-input-inner[data-v-77b87e1a]:focus::-webkit-outer-spin-button,.mc-input-plus .mc-input-inner[data-v-77b87e1a]:focus::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mc-input-plus .mc-input-inner[data-v-77b87e1a]{font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-800);width:100%;height:100%;cursor:inherit}.mc-input-plus .mc-input-inner[data-v-77b87e1a]::placeholder{color:transparent}.mc-input-plus:not(.is-disabled).is-focused[data-v-77b87e1a]{box-shadow:0 0 0 2px var(--mc-gray-600) inset}.mc-input-plus[data-v-77b87e1a]:not(.is-disabled):hover{box-shadow:0 0 0 2px var(--mc-gray-600) inset}.mc-input-plus.is-disabled[data-v-77b87e1a]{background-color:var(--mc-gray-200);cursor:not-allowed}.mc-input-plus.is-disabled .mc-input-inner[data-v-77b87e1a]{font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-400)}.mc-input-plus.is-disabled .mc-input-icon[data-v-77b87e1a]{color:var(--mc-gray-400)}.mc-input-plus.mc-form-validate-success .mc-input-status-icon[data-v-77b87e1a]{color:var(--mc-success)}.mc-input-plus.mc-form-validate-error[data-v-77b87e1a]:not(.is-disabled){box-shadow:0 0 0 1px var(--mc-error) inset}.mc-input-plus.mc-form-validate-error:not(.is-disabled).is-focused[data-v-77b87e1a],.mc-input-plus.mc-form-validate-error[data-v-77b87e1a]:not(.is-disabled):hover{box-shadow:0 0 0 2px var(--mc-error) inset}.mc-input-plus.mc-form-validate-error .mc-input-status-icon[data-v-77b87e1a]{color:var(--mc-error)}
+.mc-input-plus[data-v-ad79d6f3]{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:4px;flex-wrap:nowrap;box-shadow:0 0 0 1px var(--mc-gray-400) inset;border-radius:4px;padding:0 8px;box-sizing:border-box;cursor:text;background-color:var(--mc-white)}.mc-input-plus .mc-input-container[data-v-ad79d6f3]{flex:1;height:100%;position:relative}.mc-input-plus .mc-input-container .mc-input-placeholder[data-v-ad79d6f3]{font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-400);display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:0;flex-wrap:nowrap;position:absolute;top:0;left:0;width:100%;height:100%}.mc-input-plus .mc-input-inner[data-v-ad79d6f3]{border:none;outline:none;background-color:transparent;padding:0;margin:0;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.mc-input-plus .mc-input-inner[data-v-ad79d6f3]::-webkit-outer-spin-button,.mc-input-plus .mc-input-inner[data-v-ad79d6f3]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mc-input-plus .mc-input-inner[data-v-ad79d6f3]:focus{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.mc-input-plus .mc-input-inner[data-v-ad79d6f3]:focus::-webkit-outer-spin-button,.mc-input-plus .mc-input-inner[data-v-ad79d6f3]:focus::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mc-input-plus .mc-input-inner[data-v-ad79d6f3]{font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-800);width:100%;height:100%;cursor:inherit}.mc-input-plus .mc-input-inner[data-v-ad79d6f3]::placeholder{color:transparent}.mc-input-plus:not(.is-disabled).is-focused[data-v-ad79d6f3]{box-shadow:0 0 0 2px var(--mc-gray-600) inset}.mc-input-plus[data-v-ad79d6f3]:not(.is-disabled):hover{box-shadow:0 0 0 2px var(--mc-gray-600) inset}.mc-input-plus.is-disabled[data-v-ad79d6f3]{background-color:var(--mc-gray-200);cursor:not-allowed}.mc-input-plus.is-disabled .mc-input-inner[data-v-ad79d6f3]{font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-400)}.mc-input-plus.is-disabled .mc-input-icon[data-v-ad79d6f3]{color:var(--mc-gray-400)}.mc-input-plus.mc-form-validate-success .mc-input-status-icon[data-v-ad79d6f3]{color:var(--mc-success)}.mc-input-plus.mc-form-validate-error[data-v-ad79d6f3]:not(.is-disabled){box-shadow:0 0 0 1px var(--mc-error) inset}.mc-input-plus.mc-form-validate-error:not(.is-disabled).is-focused[data-v-ad79d6f3],.mc-input-plus.mc-form-validate-error[data-v-ad79d6f3]:not(.is-disabled):hover{box-shadow:0 0 0 2px var(--mc-error) inset}.mc-input-plus.mc-form-validate-error .mc-input-status-icon[data-v-ad79d6f3]{color:var(--mc-error)}.mc-input-plus .mc-input-prepend[data-v-ad79d6f3],.mc-input-plus .mc-input-append[data-v-ad79d6f3]{font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-400);display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap;box-sizing:border-box;height:100%;position:relative}.mc-input-plus.is-active .mc-input-prepend[data-v-ad79d6f3],.mc-input-plus.is-active .mc-input-append[data-v-ad79d6f3]{font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-800)}.mc-input-plus.is-disabled .mc-input-prepend[data-v-ad79d6f3],.mc-input-plus.is-disabled .mc-input-append[data-v-ad79d6f3]{font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-400)}.mc-input-plus .mc-input-prepend[data-v-ad79d6f3]{justify-content:flex-end;padding-right:8px}.mc-input-plus .mc-input-prepend[data-v-ad79d6f3]:after{content:"";width:1px;height:60%;background-color:var(--mc-gray-400);position:absolute;top:50%;right:2px;transform:translateY(-50%);z-index:1}.mc-input-plus .mc-input-append[data-v-ad79d6f3]{justify-content:flex-start;padding-left:8px}.mc-input-plus .mc-input-append[data-v-ad79d6f3]:before{content:"";width:1px;height:60%;background-color:var(--mc-gray-400);position:absolute;top:50%;left:2px;transform:translateY(-50%);z-index:1}

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

@@ -1 +1 @@
-.mc-upload-dropzone[data-v-7f887458]{width:100%;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.mc-upload-dropzone .mc-upload-dropzone-area[data-v-7f887458]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;flex-wrap:nowrap;width:100%;min-height:100px;padding:16px 24px;border-radius:4px;background-color:#d7eceb80;box-sizing:border-box;border:1px solid var(--mc-teal-500)}.mc-upload-dropzone .mc-upload-dropzone-area .mc-upload-dropzone-title[data-v-7f887458]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;flex-wrap:nowrap;color:var(--mc-teal-500)}.mc-upload-dropzone .mc-upload-dropzone-area .mc-upload-dropzone-title .mc-upload-dropzone-title-text[data-v-7f887458]{font-family:var(--mc-font-family);font-size:16px;font-weight:600;line-height:24px;color:var(--mc-teal-500);text-align:center}.mc-upload-dropzone .mc-upload-dropzone-area:hover .mc-upload-dropzone-title[data-v-7f887458]{color:var(--mc-teal-900)}.mc-upload-dropzone .mc-upload-dropzone-area:hover .mc-upload-dropzone-title .mc-upload-dropzone-title-text[data-v-7f887458]{text-decoration:underline}.mc-upload-dropzone .mc-upload-dropzone-area .mc-upload-dropzone-desc[data-v-7f887458]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap;color:var(--mc-gray-500);font-size:12px;line-height:18px}.mc-upload-dropzone.mc-upload-dropzone-dragover .mc-upload-dropzone-area[data-v-7f887458]{border-color:var(--mc-teal-900);outline:1px solid var(--mc-teal-900)}.mc-upload-dropzone .mc-upload-dropzone-cover[data-v-7f887458]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:1}.mc-upload-dropzone.mc-upload-dropzone-dragover .mc-upload-dropzone-cover[data-v-7f887458]{background-color:#d2d2d21a}.mc-upload .mc-upload-wrapper[data-v-15ad3401]{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:24px;flex-wrap:nowrap;width:100%;padding:16px;box-sizing:border-box;flex-wrap:wrap}.mc-upload .mc-upload-wrapper.mc-upload-wrapper-light[data-v-15ad3401]{background-color:var(--mc-gray-100)}.mc-upload .mc-upload-wrapper.mc-upload-wrapper-dark[data-v-15ad3401]{background-color:var(--mc-white)}.mc-upload .mc-upload-wrapper .mc-upload-content[data-v-15ad3401]{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:8px;flex-wrap:nowrap;max-width:400px}.mc-upload .mc-upload-wrapper .mc-upload-content .mc-upload-content-icon[data-v-15ad3401]{width:24px;color:var(--mc-gray-400)}.mc-upload .mc-upload-wrapper .mc-upload-content .mc-upload-content-text[data-v-15ad3401]{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;flex-wrap:nowrap;color:var(--mc-gray-800);font-size:16px;line-height:24px}.mc-upload .mc-upload-wrapper .mc-upload-component[data-v-15ad3401]{flex:1}
+.mc-upload-dropzone[data-v-7f887458]{width:100%;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.mc-upload-dropzone .mc-upload-dropzone-area[data-v-7f887458]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;flex-wrap:nowrap;width:100%;min-height:100px;padding:16px 24px;border-radius:4px;background-color:#d7eceb80;box-sizing:border-box;border:1px solid var(--mc-teal-500)}.mc-upload-dropzone .mc-upload-dropzone-area .mc-upload-dropzone-title[data-v-7f887458]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;flex-wrap:nowrap;color:var(--mc-teal-500)}.mc-upload-dropzone .mc-upload-dropzone-area .mc-upload-dropzone-title .mc-upload-dropzone-title-text[data-v-7f887458]{font-family:var(--mc-font-family);font-size:16px;font-weight:600;line-height:24px;color:var(--mc-teal-500);text-align:center}.mc-upload-dropzone .mc-upload-dropzone-area:hover .mc-upload-dropzone-title[data-v-7f887458]{color:var(--mc-teal-900)}.mc-upload-dropzone .mc-upload-dropzone-area:hover .mc-upload-dropzone-title .mc-upload-dropzone-title-text[data-v-7f887458]{text-decoration:underline}.mc-upload-dropzone .mc-upload-dropzone-area .mc-upload-dropzone-desc[data-v-7f887458]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap;color:var(--mc-gray-500);font-size:12px;line-height:18px}.mc-upload-dropzone.mc-upload-dropzone-dragover .mc-upload-dropzone-area[data-v-7f887458]{border-color:var(--mc-teal-900);outline:1px solid var(--mc-teal-900)}.mc-upload-dropzone .mc-upload-dropzone-cover[data-v-7f887458]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:1}.mc-upload-dropzone.mc-upload-dropzone-dragover .mc-upload-dropzone-cover[data-v-7f887458]{background-color:#d2d2d21a}.mc-upload .mc-upload-wrapper[data-v-7e4b79b6]{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:24px;flex-wrap:nowrap;width:100%;padding:16px;box-sizing:border-box;flex-wrap:wrap}.mc-upload .mc-upload-wrapper.mc-upload-wrapper-light[data-v-7e4b79b6]{background-color:var(--mc-gray-100)}.mc-upload .mc-upload-wrapper.mc-upload-wrapper-dark[data-v-7e4b79b6]{background-color:var(--mc-white)}.mc-upload .mc-upload-wrapper .mc-upload-content[data-v-7e4b79b6]{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:8px;flex-wrap:nowrap;max-width:400px}.mc-upload .mc-upload-wrapper .mc-upload-content .mc-upload-content-icon[data-v-7e4b79b6]{width:24px;color:var(--mc-gray-400)}.mc-upload .mc-upload-wrapper .mc-upload-content .mc-upload-content-text[data-v-7e4b79b6]{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;flex-wrap:nowrap;color:var(--mc-gray-800);font-size:16px;line-height:24px}.mc-upload .mc-upload-wrapper .mc-upload-component[data-v-7e4b79b6]{flex:1}