mc-plus 1.0.111 → 1.0.113

package/dist/es/index.js

@@ -69,18 +69,18 @@ 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 fs } from "./mc-richtext-ClxrTi6e.js";
-import { F as F3, a as a32, b as b6, T } from "./mc-richtext-ClxrTi6e.js";
+import { M as fs } from "./mc-richtext-e9cv6k8U.js";
+import { F as F3, a as a32, b as b6, T } from "./mc-richtext-e9cv6k8U.js";
 import { M as Es } from "./mc-secondary-menu-DXNC7YoQ.js";
 import { a as a33 } from "./mc-secondary-menu-DXNC7YoQ.js";
-import { M as Ts } from "./mc-select-CneRu4Ql.js";
-import { a as a34, S } from "./mc-select-CneRu4Ql.js";
-import { M as js } from "./mc-select-plus-BeYarza9.js";
-import { b as b7, a as a35 } from "./mc-select-plus-BeYarza9.js";
-import { a as Os } from "./mc-select-group-plus-B8grrVXr.js";
-import { M as M4 } from "./mc-select-group-plus-B8grrVXr.js";
-import { M as ls } from "./mc-select-option-plus-CxY0GZeL.js";
-import { a as a36 } from "./mc-select-option-plus-CxY0GZeL.js";
+import { M as Ts } from "./mc-select-_7JETBe4.js";
+import { a as a34, S } from "./mc-select-_7JETBe4.js";
+import { M as js } from "./mc-select-plus-BCXSB6Zz.js";
+import { b as b7, a as a35 } from "./mc-select-plus-BCXSB6Zz.js";
+import { a as Os } from "./mc-select-group-plus-B34QgN1U.js";
+import { M as M4 } from "./mc-select-group-plus-B34QgN1U.js";
+import { M as ls } from "./mc-select-option-plus-Dduwb3SR.js";
+import { a as a36 } from "./mc-select-option-plus-Dduwb3SR.js";
 import { M as Ls } from "./mc-select-multi-option-D7hD1igO.js";
 import { a as a37 } from "./mc-select-multi-option-D7hD1igO.js";
 import { M as As } from "./mc-status-Bw9-cSOb.js";

package/dist/es/{mc-richtext-ClxrTi6e.js → mc-richtext-e9cv6k8U.js}

@@ -1,8 +1,8 @@
 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-D-KjTj5_.js";
 import { useWidthHeight as x } from "@mc-plus/hooks";
-import { M as O } from "./mc-select-plus-BeYarza9.js";
-import { M as T } from "./mc-select-option-plus-CxY0GZeL.js";
+import { M as O } from "./mc-select-plus-BCXSB6Zz.js";
+import { M as T } from "./mc-select-option-plus-Dduwb3SR.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-BGgdD1HJ.js";

package/dist/es/{mc-select-CneRu4Ql.js → mc-select-_7JETBe4.js}

@@ -4,7 +4,7 @@ import { useProp as k, useFocus as S, useHover as B, useWidthHeight as T, useCli
 import { M } from "./mc-popper-plus-CTKgoEEE.js";
 import { M as j } from "./mc-icon-plus-YMAi6EZM.js";
 import { isEmpty as E, filter as C, toLower as D, includes as P } from "lodash-es";
-import { u as L } from "./mc-select-plus-BeYarza9.js";
+import { u as L } from "./mc-select-plus-BCXSB6Zz.js";
 import { u as z } from "./mc-form-DCKlCcDs.js";
 import { I as F } from "./mc-input-group-BPpVTTHQ.js";
 const R = Symbol("mc-select-context"), H = "mc-select", U = ["value", "placeholder", "disabled", "readonly", "onKeydown"], Y = { class: "mc-select-selected-label" }, K = { class: "mc-select-trigger-toolbar" }, J = e(s({ name: "mc-select-trigger-virtual", __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 }, hideValidationIcon: { type: Boolean, default: false } }, emits: ["update:searchValue", "update:isExpanded", "press:arrow", "search", "focus", "blur", "clear"], setup(e2, { emit: l2 }) {

package/dist/es/{mc-select-group-plus-B8grrVXr.js → mc-select-group-plus-B34QgN1U.js}

@@ -2,7 +2,7 @@ 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-BeYarza9.js";
+import { a as n } from "./mc-select-plus-BCXSB6Zz.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]]);

package/dist/es/{mc-select-option-plus-CxY0GZeL.js → mc-select-option-plus-Dduwb3SR.js}

@@ -3,7 +3,7 @@ import { defineComponent as a, inject as t, computed as s, ref as o, withDirecti
 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-D7hD1igO.js";
-import { a as g } from "./mc-select-plus-BeYarza9.js";
+import { a as g } from "./mc-select-plus-BCXSB6Zz.js";
 const k = "mc-select-option-plus", M = ["aria-selected"], O = { key: 1, class: "mc-select-option-label" }, j = 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: j2, selectedOptions: w, filteredOptions: B, hoverOption: x, select: A, hover: C } = t(g), D = s(() => !!h(B.value, (e3) => e3.value === l2.value)), I = s(() => f(w.value, (e3) => e3.value === l2.value)), J = o(false), N = s(() => l2.label), S = () => {
     C(l2.value);

package/dist/es/{mc-select-plus-BeYarza9.js → mc-select-plus-BCXSB6Zz.js}

@@ -1,20 +1,21 @@
-import { defineComponent as e, inject as l, computed as a, createElementBlock as t, openBlock as s, normalizeClass as o, unref as i, renderSlot as r, createBlock as n, resolveDynamicComponent as c, toDisplayString as u, Fragment as d, renderList as p, createVNode as v, withCtx as m, createTextVNode as h, ref as f, createElementVNode as y, normalizeStyle as b, withDirectives as g, withKeys as w, withModifiers as x, vShow as O, createSlots as _, watchEffect as k, createCommentVNode as V, getCurrentInstance as $, watch as B, provide as S, isRef as D } from "vue";
+import { defineComponent as e, inject as l, computed as a, createElementBlock as t, openBlock as s, normalizeClass as o, unref as i, renderSlot as r, createBlock as n, resolveDynamicComponent as c, toDisplayString as u, Fragment as d, renderList as p, createVNode as v, withCtx as m, createTextVNode as h, ref as f, createElementVNode as y, normalizeStyle as b, withDirectives as g, withKeys as w, withModifiers as x, vShow as O, createSlots as _, watchEffect as V, createCommentVNode as k, getCurrentInstance as $, watch as B, provide as S, isRef as D } from "vue";
 import { _ as I, u as P } from "./utils-dWwt4JKv.js";
-import { isEmpty as T, isNumber as E, map as A, isArray as M, isString as j, isFunction as F, isNil as H, includes as R, filter as C, toLower as L, uniqBy as U, findIndex as z, difference as G } from "lodash-es";
-import { useProp as K, useFocus as N, useHover as q, useEventListener as J, useWidthHeight as Q } from "@mc-plus/hooks";
+import { o as T } from "./vendor-D-KjTj5_.js";
+import { isEmpty as E, isNumber as A, map as M, isArray as j, isString as F, isFunction as H, isNil as C, includes as U, filter as z, toLower as L, uniqBy as G, findIndex as R, difference as K } from "lodash-es";
+import { useProp as N, useFocus as q, useHover as J, useWidthHeight as Q } from "@mc-plus/hooks";
 import { M as W } from "./mc-popper-plus-CTKgoEEE.js";
 import { M as X } from "./mc-icon-plus-YMAi6EZM.js";
 import { M as Y } from "./mc-tag-nPl6YzbM.js";
 import { M as Z } from "./mc-checkbox-BN4P6-DK.js";
-import { M as ee } from "./mc-select-group-plus-B8grrVXr.js";
-import { a as le } from "./mc-select-option-plus-CxY0GZeL.js";
+import { M as ee } from "./mc-select-group-plus-B34QgN1U.js";
+import { a as le } from "./mc-select-option-plus-Dduwb3SR.js";
 import { u as ae } from "./mc-form-DCKlCcDs.js";
 import { I as te } from "./mc-input-group-BPpVTTHQ.js";
 const se = Symbol("mc-select-plus-context"), oe = "mc-select-plus", ie = { key: 1 }, re = I(e({ name: "mc-select-selected-content", __name: "index", setup(e2) {
-  const { selectedOptions: d2, isDisabled: p2 } = l(se), v2 = a(() => T(d2.value) ? void 0 : d2.value[0]), m2 = a(() => {
+  const { selectedOptions: d2, isDisabled: p2 } = l(se), v2 = a(() => E(d2.value) ? void 0 : d2.value[0]), m2 = a(() => {
     var _a, _b;
-    return T(v2.value) ? void 0 : v2.value.label ?? ((_b = (_a = v2.value) == null ? void 0 : _a.value) == null ? void 0 : _b.toString());
-  }), h2 = a(() => T(v2.value) ? void 0 : v2.value.context);
+    return E(v2.value) ? void 0 : v2.value.label ?? ((_b = (_a = v2.value) == null ? void 0 : _a.value) == null ? void 0 : _b.toString());
+  }), h2 = a(() => E(v2.value) ? void 0 : v2.value.context);
   return (e3, l2) => {
     var _a;
     return s(), t("div", { class: o(["mc-select-selected-content", { "is-disabled": i(p2) }]) }, [h2.value || e3.$slots.default ? r(e3.$slots, "default", { key: 0, selectedOption: (_a = v2.value) == null ? void 0 : _a.value, selectedOptionLabel: m2.value, isDisabled: i(p2) }, () => [(s(), n(c(h2.value)))], true) : (s(), t("span", ie, u(m2.value), 1))], 2);
@@ -22,7 +23,7 @@ const se = Symbol("mc-select-plus-context"), oe = "mc-select-plus", ie = { key:
 } }), [["__scopeId", "data-v-2417c622"]]), ne = { class: "mc-select-selected-content-multi" }, ce = I(e({ 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: o2, selectedOptions: r2, isDisabled: n2, deleteTag: c2 } = l(se), f2 = e2, y2 = a(() => {
     const e3 = f2.maxTags, l2 = r2.value;
-    if (E(e3)) {
+    if (A(e3)) {
       const a2 = l2.length - e3, t2 = [];
       for (let a3 = 0; a3 < e3 && a3 < l2.length; a3++) {
         const e4 = l2[a3];
@@ -30,43 +31,43 @@ const se = Symbol("mc-select-plus-context"), oe = "mc-select-plus", ie = { key:
       }
       return a2 > 0 && t2.push({ label: `+${a2}`, item: "rest", selectable: false }), t2;
     }
-    return A(l2, (e4) => ({ label: `${e4.label ?? e4.value}`, item: e4.value, selectable: true }));
+    return M(l2, (e4) => ({ label: `${e4.label ?? e4.value}`, item: e4.value, selectable: true }));
   }), b2 = a(() => f2.isFocused || f2.isHovering ? "minimal" : "bold");
   return (e3, l2) => (s(), t("ul", ne, [(s(true), t(d, null, p(y2.value, (e4) => (s(), t("li", { key: `${e4.item}`, class: "mc-select-selected-tag" }, [v(i(Y), { size: "x-small", type: "selectable", deletable: e4.selectable, emphasis: b2.value, disabled: i(n2), onDelete: (l3) => {
     return a2 = e4.item, void (o2.value && c2(a2));
     var a2;
   } }, { default: m(() => [h(u(e4.label), 1)]), _: 2 }, 1032, ["deletable", "emphasis", "disabled", "onDelete"])]))), 128))]));
 } }), [["__scopeId", "data-v-aac507b5"]]), ue = ["value", "placeholder", "disabled", "readonly", "onKeydown"], de = { class: "mc-select-placeholder" }, pe = { class: "mc-select-trigger-toolbar" }, ve = I(e({ 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: c2 }) {
-  const d2 = e2, p2 = c2, h2 = f(), { wrapperRef: k2, isFocused: V2, handleFocus: $2, handleBlur: B2 } = N(h2), { isHovering: S2 } = q(k2), { selectedOptions: D2, isMulti: I2, isDisabled: P2, validateStatus: T2, isTopPlacement: E2 } = l(se), A2 = a(() => M(D2.value) ? D2.value.length > 0 : !!D2.value), j2 = (e3) => {
+  const d2 = e2, p2 = c2, h2 = f(), { wrapperRef: V2, isFocused: k2, handleFocus: $2, handleBlur: B2 } = q(h2), { isHovering: S2 } = J(V2), { selectedOptions: D2, isMulti: I2, isDisabled: P2, validateStatus: T2, isTopPlacement: E2 } = l(se), A2 = a(() => j(D2.value) ? D2.value.length > 0 : !!D2.value), M2 = (e3) => {
     const { value: l2 } = e3.target;
     p2("update:searchValue", l2), p2("search");
   }, F2 = () => {
     P2.value || p2("update:isExpanded", !d2.isExpanded);
-  }, { showClearIcon: H2, mouseOverIcon: R2 } = (() => {
-    const e3 = f(false), l2 = K("clearable"), t2 = K("isDisabled");
+  }, { showClearIcon: H2, mouseOverIcon: C2 } = (() => {
+    const e3 = f(false), l2 = N("clearable"), t2 = N("isDisabled");
     return { showClearIcon: a(() => !!l2.value && e3.value && !t2.value), mouseOverIcon: (l3) => {
       e3.value = l3;
     } };
-  })(), C2 = a(() => A2.value && H2.value && !P2.value), L2 = () => {
+  })(), U2 = a(() => A2.value && H2.value && !P2.value), z2 = () => {
     p2("clear");
-  }, U2 = a(() => P2.value ? "not-allowed" : d2.search ? "text" : "pointer"), z2 = () => {
+  }, L2 = a(() => P2.value ? "not-allowed" : d2.search ? "text" : "pointer"), G2 = () => {
     P2.value || p2("update:isExpanded", !d2.isExpanded);
-  }, G2 = (e3) => {
+  }, R2 = (e3) => {
     P2.value || p2("press:arrow", e3);
   };
-  return (l2, a2) => (s(), t("div", { ref_key: "triggerRef", ref: k2, class: o(["mc-select-trigger", { "is-hovering": i(S2), "is-focused": i(V2), "is-expanded": e2.isExpanded, "is-disabled": i(P2), "is-error": "error" === i(T2), "is-success": "success" === i(T2), "is-top-placement": i(E2) }]), onClick: F2 }, [y("div", { class: "mc-select-trigger-selected-content", style: b({ cursor: U2.value }) }, [y("div", { class: "mc-select-trigger-input-wrapper", style: b({ width: e2.searchValue || !A2.value ? "100%" : "1em" }) }, [y("input", { value: e2.searchValue, ref_key: "inputRef", ref: h2, class: "mc-select-input", placeholder: e2.placeholder, disabled: i(P2), readonly: !e2.search || i(P2), onInput: j2, onFocus: a2[0] || (a2[0] = (...e3) => i($2) && i($2)(...e3)), onBlur: a2[1] || (a2[1] = (...e3) => i(B2) && i(B2)(...e3)), onKeydown: [w(x(z2, ["stop", "prevent"]), ["enter"]), w(x(G2, ["stop", "prevent"]), ["arrow-down"]), w(x(G2, ["stop", "prevent"]), ["arrow-up"])] }, null, 40, ue), g(y("div", de, [r(l2.$slots, "placeholder", { placeholder: e2.placeholder, isDisabled: i(P2) }, () => [y("span", null, u(e2.placeholder), 1)], true)], 512), [[O, !e2.searchValue && !A2.value]])], 4), i(I2) ? g((s(), n(ce, { key: 0, "max-tags": e2.maxTags, "is-focused": i(V2), "is-hovering": i(S2) }, null, 8, ["max-tags", "is-focused", "is-hovering"])), [[O, A2.value && !e2.searchValue]]) : g((s(), n(re, { key: 1 }, _({ _: 2 }, [l2.$slots["selected-content"] ? { name: "default", fn: m(({ selectedOption: e3, selectedOptionLabel: a3, isDisabled: t2 }) => [r(l2.$slots, "selected-content", { selectedOption: e3, selectedOptionLabel: a3, isDisabled: t2 }, void 0, true)]), key: "0" } : void 0]), 1536)), [[O, A2.value && !e2.searchValue]])], 4), y("div", pe, [g(v(i(X), { class: "mc-select-status-icon", name: "error" === i(T2) ? "reject-fail-rev" : "accept-success-rev", size: 24 }, null, 8, ["name"]), [[O, "init" !== i(T2) && !e2.hideValidationIcon]]), y("div", { class: "mc-select-icon-wrapper", onMouseenter: a2[3] || (a2[3] = (e3) => i(R2)(true)), onMouseleave: a2[4] || (a2[4] = (e3) => i(R2)(false)) }, [g(v(i(X), { class: "mc-select-chevron-icon", name: "down-chevron", size: 24, cursor: i(P2) ? "not-allowed" : "pointer" }, null, 8, ["cursor"]), [[O, !C2.value]]), g(y("div", { onClick: a2[2] || (a2[2] = x(() => {
-  }, ["stop"])) }, [v(i(X), { class: "mc-select-clear-icon", name: "rejectfail", size: 16, cursor: "pointer", onClick: L2 })], 512), [[O, C2.value]])], 32)])], 2));
+  return (l2, a2) => (s(), t("div", { ref_key: "triggerRef", ref: V2, class: o(["mc-select-trigger", { "is-hovering": i(S2), "is-focused": i(k2), "is-expanded": e2.isExpanded, "is-disabled": i(P2), "is-error": "error" === i(T2), "is-success": "success" === i(T2), "is-top-placement": i(E2) }]), onClick: F2 }, [y("div", { class: "mc-select-trigger-selected-content", style: b({ cursor: L2.value }) }, [y("div", { class: "mc-select-trigger-input-wrapper", style: b({ width: e2.searchValue || !A2.value ? "100%" : "1em" }) }, [y("input", { value: e2.searchValue, ref_key: "inputRef", ref: h2, class: "mc-select-input", placeholder: e2.placeholder, disabled: i(P2), readonly: !e2.search || i(P2), onInput: M2, onFocus: a2[0] || (a2[0] = (...e3) => i($2) && i($2)(...e3)), onBlur: a2[1] || (a2[1] = (...e3) => i(B2) && i(B2)(...e3)), onKeydown: [w(x(G2, ["stop", "prevent"]), ["enter"]), w(x(R2, ["stop", "prevent"]), ["arrow-down"]), w(x(R2, ["stop", "prevent"]), ["arrow-up"])] }, null, 40, ue), g(y("div", de, [r(l2.$slots, "placeholder", { placeholder: e2.placeholder, isDisabled: i(P2) }, () => [y("span", null, u(e2.placeholder), 1)], true)], 512), [[O, !e2.searchValue && !A2.value]])], 4), i(I2) ? g((s(), n(ce, { key: 0, "max-tags": e2.maxTags, "is-focused": i(k2), "is-hovering": i(S2) }, null, 8, ["max-tags", "is-focused", "is-hovering"])), [[O, A2.value && !e2.searchValue]]) : g((s(), n(re, { key: 1 }, _({ _: 2 }, [l2.$slots["selected-content"] ? { name: "default", fn: m(({ selectedOption: e3, selectedOptionLabel: a3, isDisabled: t2 }) => [r(l2.$slots, "selected-content", { selectedOption: e3, selectedOptionLabel: a3, isDisabled: t2 }, void 0, true)]), key: "0" } : void 0]), 1536)), [[O, A2.value && !e2.searchValue]])], 4), y("div", pe, [g(v(i(X), { class: "mc-select-status-icon", name: "error" === i(T2) ? "reject-fail-rev" : "accept-success-rev", size: 24 }, null, 8, ["name"]), [[O, "init" !== i(T2) && !e2.hideValidationIcon]]), y("div", { class: "mc-select-icon-wrapper", onMouseenter: a2[3] || (a2[3] = (e3) => i(C2)(true)), onMouseleave: a2[4] || (a2[4] = (e3) => i(C2)(false)) }, [g(v(i(X), { class: "mc-select-chevron-icon", name: "down-chevron", size: 24, cursor: i(P2) ? "not-allowed" : "pointer" }, null, 8, ["cursor"]), [[O, !U2.value]]), g(y("div", { onClick: a2[2] || (a2[2] = x(() => {
+  }, ["stop"])) }, [v(i(X), { class: "mc-select-clear-icon", name: "rejectfail", size: 16, cursor: "pointer", onClick: z2 })], 512), [[O, U2.value]])], 32)])], 2));
 } }), [["__scopeId", "data-v-61e04dfa"]]), me = { class: "mc-select-list-wrapper" }, he = { key: 0, class: "mc-select-list-header" }, fe = { key: 0, class: "mc-select-list-header-content" }, ye = { class: "mc-select-list-content" }, be = { key: 0, class: "mc-select-list-empty" }, ge = { key: 1, class: "mc-select-list-footer" }, we = I(e({ name: "mc-select-list", __name: "index", props: { showFooter: { type: Boolean }, showHeader: { type: Boolean } }, setup(e2) {
-  const { filteredOptions: n2, isMulti: c2, isTopPlacement: u2 } = l(se), d2 = a(() => !T(n2.value)), { isSelectAll: p2, isSelectPartial: m2, selectAll: h2 } = (() => {
+  const { filteredOptions: n2, isMulti: c2, isTopPlacement: u2 } = l(se), d2 = a(() => !E(n2.value)), { isSelectAll: p2, isSelectPartial: m2, selectAll: h2 } = (() => {
     const { isMulti: e3, selectedOptions: a2, selectOptions: t2, selectAll: s2 } = l(se), o2 = f(false), i2 = f(false);
-    return k(() => {
+    return V(() => {
       var _a, _b;
       if (!e3.value) return;
       const l2 = a2.value;
       (l2 == null ? void 0 : l2.length) && ((_a = t2.value) == null ? void 0 : _a.length) && (l2 == null ? void 0 : l2.length) === ((_b = t2.value) == null ? void 0 : _b.length) ? (o2.value = true, i2.value = false) : (l2 == null ? void 0 : l2.length) > 0 ? (o2.value = false, i2.value = true) : (o2.value = false, i2.value = false);
     }), { isSelectAll: o2, isSelectPartial: i2, selectAll: s2 };
   })();
-  return (l2, a2) => (s(), t("div", me, [y("ul", { class: o(["mc-select-list", { "is-top-placement": i(u2) }]) }, [e2.showHeader ? (s(), t("li", he, [r(l2.$slots, "header", { isEmpty: !d2.value }, () => [i(c2) ? (s(), t("div", fe, [v(i(Z), { "model-value": i(p2), partial: i(m2), content: "Select All", "disable-validation": "", "onUpdate:modelValue": i(h2) }, null, 8, ["model-value", "partial", "onUpdate:modelValue"])])) : V("", true)], true)])) : V("", true), y("ul", ye, [r(l2.$slots, "default", {}, void 0, true), d2.value ? V("", true) : (s(), t("li", be, [r(l2.$slots, "empty", {}, () => [a2[0] || (a2[0] = y("p", { class: "mc-select-list-empty-text" }, "No results found", -1))], true)]))]), e2.showFooter ? (s(), t("li", ge, [r(l2.$slots, "footer", { isEmpty: !d2.value }, void 0, true)])) : V("", true)], 2)]));
+  return (l2, a2) => (s(), t("div", me, [y("ul", { class: o(["mc-select-list", { "is-top-placement": i(u2) }]) }, [e2.showHeader ? (s(), t("li", he, [r(l2.$slots, "header", { isEmpty: !d2.value }, () => [i(c2) ? (s(), t("div", fe, [v(i(Z), { "model-value": i(p2), partial: i(m2), content: "Select All", "disable-validation": "", "onUpdate:modelValue": i(h2) }, null, 8, ["model-value", "partial", "onUpdate:modelValue"])])) : k("", true)], true)])) : k("", true), y("ul", ye, [r(l2.$slots, "default", {}, void 0, true), d2.value ? k("", true) : (s(), t("li", be, [r(l2.$slots, "empty", {}, () => [a2[0] || (a2[0] = y("p", { class: "mc-select-list-empty-text" }, "No results found", -1))], true)]))]), e2.showFooter ? (s(), t("li", ge, [r(l2.$slots, "footer", { isEmpty: !d2.value }, void 0, true)])) : k("", true)], 2)]));
 } }), [["__scopeId", "data-v-359e20b8"]]), xe = () => {
   const e2 = f("bottom-start"), l2 = a(() => "top-start" === e2.value);
   return { placement: e2, isTopPlacement: l2 };
@@ -78,18 +79,18 @@ const se = Symbol("mc-select-plus-context"), oe = "mc-select-plus", ie = { key:
   const { selectOptions: d2 } = (() => {
     let e3 = [];
     const l2 = f([]), a2 = $().proxy;
-    return k(() => {
+    return V(() => {
       var _a, _b;
       l2.value = [];
       const t2 = (_b = (_a = a2.$slots).default) == null ? void 0 : _b.call(_a);
       if (t2.length) {
         const e4 = ((e5) => {
           const l3 = [], a3 = (e6, t3) => {
-            M(e6) && e6.forEach((e7) => {
+            j(e6) && e6.forEach((e7) => {
               var _a2, _b2, _c, _d, _e2, _f, _g, _h;
               const s2 = (_a2 = (e7 == null ? void 0 : e7.type) || {}) == null ? void 0 : _a2.name;
               if (s2 === ee) {
-                const l4 = j(e7.children) || M(e7.children) || !F((_b2 = e7.children) == null ? void 0 : _b2.default) ? e7.children : (_c = e7.children) == null ? void 0 : _c.default();
+                const l4 = F(e7.children) || j(e7.children) || !H((_b2 = e7.children) == null ? void 0 : _b2.default) ? e7.children : (_c = e7.children) == null ? void 0 : _c.default();
                 a3(l4, (_d = e7.props) == null ? void 0 : _d.label);
               } else s2 === le ? l3.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: t3, context: (_h = e7.children) == null ? void 0 : _h.default }) : Array.isArray(e7.children) && a3(e7.children, t3);
             });
@@ -105,35 +106,29 @@ const se = Symbol("mc-select-plus-context"), oe = "mc-select-plus", ie = { key:
       })(l2.value, e3) || (e3 = l2.value);
     }), { selectOptions: l2 };
   })(), { selectedOptions: p2 } = ((e3) => {
-    const l2 = K("modelValue"), t2 = K("multiple");
+    const l2 = N("modelValue"), t2 = N("multiple");
     return { selectedOptions: a(() => {
-      if (H(l2.value)) return [];
-      if (t2.value && M(l2.value)) return e3.value.filter((e4) => R(l2.value, e4.value));
+      if (C(l2.value)) return [];
+      if (t2.value && j(l2.value)) return e3.value.filter((e4) => U(l2.value, e4.value));
       {
         const a2 = e3.value.find((e4) => e4.value === l2.value);
         return a2 ? [a2] : [];
       }
     }) };
   })(d2), { searchValue: h2, isSearch: y2, filteredOptions: g2, filteredGroups: w2, clearSearchValue: x2 } = ((e3) => {
-    const l2 = f(""), t2 = K("search"), s2 = a(() => !!t2.value), o3 = a(() => (e3 == null ? void 0 : e3.value.length) ? A(C(e3.value, (e4) => R(L(e4.label), L(l2.value))), (e4) => ({ value: e4.value, group: e4.group })) : []), i2 = a(() => o3.value.length ? A(U(o3.value, "group"), (e4) => e4.group) : []);
+    const l2 = f(""), t2 = N("search"), s2 = a(() => !!t2.value), o3 = a(() => (e3 == null ? void 0 : e3.value.length) ? M(z(e3.value, (e4) => U(L(e4.label), L(l2.value))), (e4) => ({ value: e4.value, group: e4.group })) : []), i2 = a(() => o3.value.length ? M(G(o3.value, "group"), (e4) => e4.group) : []);
     return { searchValue: l2, isSearch: s2, filteredOptions: o3, filteredGroups: i2, clearSearchValue: () => {
       l2.value = "";
     } };
   })(d2), O2 = async () => {
     n2.search && (u2.value || (u2.value = true));
-  }, { selectRef: V2 } = (() => {
-    const e3 = K("multiple"), l2 = f(), a2 = f();
-    return J(document, "click", (t2) => {
-      var _a, _b, _c;
-      const s2 = t2.target;
-      if (e3.value) {
-        if (((_a = l2 == null ? void 0 : l2.value) == null ? void 0 : _a.contains(s2)) || ((_b = a2 == null ? void 0 : a2.value) == null ? void 0 : _b.contains(s2))) return;
-      } else if ((_c = l2 == null ? void 0 : l2.value) == null ? void 0 : _c.contains(s2)) return;
-      x2(), u2.value = false;
-    }), { selectRef: l2, teleportListRef: a2 };
-  })(), I2 = () => {
+  }, k2 = f();
+  T(k2, () => {
+    x2(), u2.value = false;
+  });
+  const I2 = () => {
     u2.value = false, x2(), ue2(n2.multiple ? [] : void 0);
-  }, { hoverOption: P2, setHoverOption: E2, handlePressArrow: N2 } = ((e3) => {
+  }, { hoverOption: P2, setHoverOption: A2, handlePressArrow: q2 } = ((e3) => {
     const l2 = f(), a2 = () => {
       l2.value = void 0;
     };
@@ -143,10 +138,10 @@ const se = Symbol("mc-select-plus-context"), oe = "mc-select-plus", ie = { key:
       var _a, _b, _c, _d, _e2;
       if (!(e3 == null ? void 0 : e3.value.length)) return void a2();
       if (!l2.value) return void (l2.value = (_a = e3.value[0]) == null ? void 0 : _a.value);
-      const s2 = z(e3 == null ? void 0 : e3.value, (e4) => e4.value === l2.value);
+      const s2 = R(e3 == null ? void 0 : e3.value, (e4) => e4.value === l2.value);
       "ArrowDown" === t2.key ? l2.value = ((_b = e3.value[s2 + 1]) == null ? void 0 : _b.value) || ((_c = e3.value[0]) == null ? void 0 : _c.value) : "ArrowUp" === t2.key && (l2.value = ((_d = e3.value[s2 - 1]) == null ? void 0 : _d.value) || ((_e2 = e3.value[e3.value.length - 1]) == null ? void 0 : _e2.value));
     }, clearHoverOption: a2 };
-  })(g2), { width: q2, height: X2 } = Q(), Y2 = l(te, void 0), { formId: Z2, formDisabled: oe2, validateStatus: ie2, validateByTrigger: re2 } = ae({ externalDisabled: a(() => !!(Y2 == null ? void 0 : Y2.disabled.value)) });
+  })(g2), { width: J2, height: X2 } = Q(), Y2 = l(te, void 0), { formId: Z2, formDisabled: oe2, validateStatus: ie2, validateByTrigger: re2 } = ae({ externalDisabled: a(() => !!(Y2 == null ? void 0 : Y2.disabled.value)) });
   B(oe2, (e3) => {
     e3 && (u2.value = false, x2());
   }), B(ie2, (e3) => {
@@ -161,13 +156,13 @@ const se = Symbol("mc-select-plus-context"), oe = "mc-select-plus", ie = { key:
   }, { placement: de2, isTopPlacement: pe2 } = xe();
   return S(se, { isMulti: a(() => n2.multiple), isDisabled: a(() => oe2.value), validateStatus: ie2, selectOptions: d2, selectedOptions: p2, filteredOptions: g2, filteredGroups: w2, hoverOption: P2, isTopPlacement: pe2, deleteTag: async (e3) => {
     if (!n2.multiple) return;
-    const l2 = A(p2.value, (e4) => e4.value), a2 = G(l2, [e3]);
+    const l2 = M(p2.value, (e4) => e4.value), a2 = K(l2, [e3]);
     ue2(a2);
   }, select: async (e3) => {
     if (x2(), n2.multiple) {
       const l2 = n2.modelValue;
-      if (M(l2) && !T(l2)) if (R(l2, e3)) {
-        const a2 = G([...l2], [e3]);
+      if (j(l2) && !E(l2)) if (U(l2, e3)) {
+        const a2 = K([...l2], [e3]);
         ue2(a2);
       } else ue2([...l2, e3]);
       else ue2([e3]);
@@ -177,8 +172,8 @@ const se = Symbol("mc-select-plus-context"), oe = "mc-select-plus", ie = { key:
     x2();
     const l2 = e3 ? d2.value.map((e4) => e4.value) : [];
     ue2(l2);
-  }, hover: E2 }), (l2, a2) => (s(), t("div", { ref_key: "selectRef", ref: V2, id: i(Z2), class: "mc-select", style: b({ width: i(q2) }) }, [v(i(W), { "is-show": u2.value, placement: i(de2), "onUpdate:placement": a2[2] || (a2[2] = (e3) => D(de2) ? de2.value = e3 : null), strategy: e2.positionStrategy, "teleport-to": e2.teleportTo }, { content: m(() => [v(we, { "show-header": e2.showHeader, "show-footer": e2.showFooter }, _({ default: m(() => [r(l2.$slots, "default", {}, void 0, true)]), _: 2 }, [l2.$slots["option-header"] ? { name: "header", fn: m(({ isEmpty: e3 }) => [r(l2.$slots, "option-header", { isEmpty: e3 }, void 0, true)]), key: "0" } : void 0, l2.$slots["option-footer"] ? { name: "footer", fn: m(({ isEmpty: e3 }) => [r(l2.$slots, "option-footer", { isEmpty: e3 }, void 0, true)]), key: "1" } : void 0, l2.$slots.empty ? { name: "empty", fn: m(() => [r(l2.$slots, "empty", {}, void 0, true)]), key: "2" } : void 0]), 1032, ["show-header", "show-footer"])]), default: m(() => [v(ve, { "search-value": i(h2), "onUpdate:searchValue": a2[0] || (a2[0] = (e3) => D(h2) ? h2.value = e3 : null), "is-expanded": u2.value, "onUpdate:isExpanded": a2[1] || (a2[1] = (e3) => u2.value = e3), search: i(y2), clearable: e2.clearable, placeholder: e2.placeholder, "max-tags": e2.maxTags, "hide-validation-icon": e2.hideValidationIcon, onSearch: O2, onClear: I2, "onPress:arrow": i(N2), onFocus: ne2, onBlur: ce2, style: b({ height: i(X2) }) }, _({ _: 2 }, [l2.$slots.placeholder ? { name: "placeholder", fn: m(({ placeholder: e3, isDisabled: a3 }) => [r(l2.$slots, "placeholder", { placeholder: e3, isDisabled: a3 }, void 0, true)]), key: "0" } : void 0, l2.$slots["selected-content"] ? { name: "selected-content", fn: m(({ selectedOption: e3, selectedOptionLabel: a3, isDisabled: t2 }) => [r(l2.$slots, "selected-content", { selectedOption: e3, selectedOptionLabel: a3, isDisabled: t2 }, void 0, true)]), key: "1" } : void 0]), 1032, ["search-value", "is-expanded", "search", "clearable", "placeholder", "max-tags", "hide-validation-icon", "onPress:arrow", "style"])]), _: 3 }, 8, ["is-show", "placement", "strategy", "teleport-to"])], 12, Oe));
-} }), [["__scopeId", "data-v-f0fe4352"]]));
+  }, hover: A2 }), (l2, a2) => (s(), t("div", { ref_key: "selectRef", ref: k2, id: i(Z2), class: "mc-select", style: b({ width: i(J2) }) }, [v(i(W), { "is-show": u2.value, placement: i(de2), "onUpdate:placement": a2[2] || (a2[2] = (e3) => D(de2) ? de2.value = e3 : null), strategy: e2.positionStrategy, "teleport-to": e2.teleportTo }, { content: m(() => [v(we, { "show-header": e2.showHeader, "show-footer": e2.showFooter }, _({ default: m(() => [r(l2.$slots, "default", {}, void 0, true)]), _: 2 }, [l2.$slots["option-header"] ? { name: "header", fn: m(({ isEmpty: e3 }) => [r(l2.$slots, "option-header", { isEmpty: e3 }, void 0, true)]), key: "0" } : void 0, l2.$slots["option-footer"] ? { name: "footer", fn: m(({ isEmpty: e3 }) => [r(l2.$slots, "option-footer", { isEmpty: e3 }, void 0, true)]), key: "1" } : void 0, l2.$slots.empty ? { name: "empty", fn: m(() => [r(l2.$slots, "empty", {}, void 0, true)]), key: "2" } : void 0]), 1032, ["show-header", "show-footer"])]), default: m(() => [v(ve, { "search-value": i(h2), "onUpdate:searchValue": a2[0] || (a2[0] = (e3) => D(h2) ? h2.value = e3 : null), "is-expanded": u2.value, "onUpdate:isExpanded": a2[1] || (a2[1] = (e3) => u2.value = e3), search: i(y2), clearable: e2.clearable, placeholder: e2.placeholder, "max-tags": e2.maxTags, "hide-validation-icon": e2.hideValidationIcon, onSearch: O2, onClear: I2, "onPress:arrow": i(q2), onFocus: ne2, onBlur: ce2, style: b({ height: i(X2) }) }, _({ _: 2 }, [l2.$slots.placeholder ? { name: "placeholder", fn: m(({ placeholder: e3, isDisabled: a3 }) => [r(l2.$slots, "placeholder", { placeholder: e3, isDisabled: a3 }, void 0, true)]), key: "0" } : void 0, l2.$slots["selected-content"] ? { name: "selected-content", fn: m(({ selectedOption: e3, selectedOptionLabel: a3, isDisabled: t2 }) => [r(l2.$slots, "selected-content", { selectedOption: e3, selectedOptionLabel: a3, isDisabled: t2 }, void 0, true)]), key: "1" } : void 0]), 1032, ["search-value", "is-expanded", "search", "clearable", "placeholder", "max-tags", "hide-validation-icon", "onPress:arrow", "style"])]), _: 3 }, 8, ["is-show", "placement", "strategy", "teleport-to"])], 12, Oe));
+} }), [["__scopeId", "data-v-2425910a"]]));
 export {
   _e as M,
   se as a,

package/dist/es/theme/mc-select-plus.css

@@ -1 +1 @@
-.mc-select-selected-content[data-v-2417c622]{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:0;flex-wrap:nowrap;height:100%;flex:1}.mc-select-selected-content.is-disabled[data-v-2417c622]{color:var(--mc-gray-400)}.mc-select-selected-content-multi[data-v-aac507b5]{margin:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;flex-wrap:wrap;padding:4px 0;box-sizing:border-box;height:100%;flex:1}.mc-select-selected-content-multi .mc-select-selected-tag[data-v-aac507b5]{list-style:none;margin:0;padding:0;cursor:pointer}.mc-select-trigger[data-v-61e04dfa]{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;gap:8px;flex-wrap:nowrap;box-shadow:0 0 0 1px var(--mc-gray-400) inset;height:100%;min-height:40px;box-sizing:border-box;padding:0 8px;border-radius:4px}.mc-select-trigger:not(.is-disabled).is-hovering[data-v-61e04dfa]{box-shadow:0 0 0 2px var(--mc-gray-800) inset}.mc-select-trigger:not(.is-disabled).is-focused[data-v-61e04dfa]{box-shadow:0 0 0 2px var(--mc-gray-800) inset}.mc-select-trigger .mc-select-trigger-selected-content[data-v-61e04dfa]{position:relative;flex:1;cursor:pointer}.mc-select-trigger .mc-select-trigger-selected-content .mc-select-trigger-input-wrapper[data-v-61e04dfa]{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:0;flex-wrap:nowrap;position:absolute;top:0;left:0;height:100%}.mc-select-trigger .mc-select-trigger-selected-content .mc-select-trigger-input-wrapper .mc-select-input[data-v-61e04dfa]{border:none;outline:none;padding:0;margin:0;font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-800);position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;cursor:inherit}.mc-select-trigger .mc-select-trigger-selected-content .mc-select-trigger-input-wrapper .mc-select-input[data-v-61e04dfa]::placeholder{color:transparent}.mc-select-trigger .mc-select-trigger-selected-content .mc-select-trigger-input-wrapper .mc-select-placeholder[data-v-61e04dfa]{font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-400);-webkit-user-select:none;user-select:none}.mc-select-trigger .mc-select-trigger-toolbar[data-v-61e04dfa]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px;flex-wrap:nowrap}.mc-select-trigger .mc-select-trigger-toolbar .mc-select-icon-wrapper[data-v-61e04dfa]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap;width:24px;height:24px}.mc-select-trigger .mc-select-trigger-toolbar .mc-select-icon-wrapper .mc-select-chevron-icon[data-v-61e04dfa]{transition:transform .3s ease-in-out}.mc-select-trigger:not(.is-disabled).is-expanded[data-v-61e04dfa]{box-shadow:0 0 0 2px var(--mc-gray-800) inset;border-bottom-left-radius:0;border-bottom-right-radius:0}.mc-select-trigger:not(.is-disabled).is-expanded.is-top-placement[data-v-61e04dfa]{border-radius:0 0 4px 4px}.mc-select-trigger:not(.is-disabled).is-expanded .mc-select-chevron-icon[data-v-61e04dfa]{transform:rotate(180deg)}.mc-select-trigger.is-disabled[data-v-61e04dfa]{cursor:not-allowed;background-color:var(--mc-gray-200)}.mc-select-trigger.is-disabled .mc-select-trigger-selected-content[data-v-61e04dfa]{cursor:not-allowed}.mc-select-trigger.is-disabled .mc-select-chevron-icon[data-v-61e04dfa]{color:var(--mc-gray-400)}.mc-select-trigger.is-success .mc-select-status-icon[data-v-61e04dfa]{color:var(--mc-success)}.mc-select-trigger.is-error[data-v-61e04dfa]:not(.is-expanded):not(.is-disabled){box-shadow:0 0 0 1px var(--mc-error) inset}.mc-select-trigger.is-error:not(.is-expanded):not(.is-disabled).is-hovering[data-v-61e04dfa],.mc-select-trigger.is-error:not(.is-expanded):not(.is-disabled).is-focused[data-v-61e04dfa]{box-shadow:0 0 0 2px var(--mc-error) inset}.mc-select-trigger.is-error .mc-select-status-icon[data-v-61e04dfa]{color:var(--mc-error)}.mc-select-list[data-v-359e20b8]{margin:0;padding:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;flex-wrap:nowrap;background-color:var(--mc-white);min-height:40px;max-height:320px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px;box-sizing:border-box;border:2px solid var(--mc-gray-800);border-top:none}.mc-select-list.is-top-placement[data-v-359e20b8]{border-top:2px solid var(--mc-gray-800);border-bottom:none;border-radius:4px 4px 0 0}.mc-select-list .mc-select-list-header[data-v-359e20b8]{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:0;flex-wrap:nowrap;min-height:40px;border-bottom:1px solid var(--mc-gray-200);box-sizing:border-box}.mc-select-list .mc-select-list-header .mc-select-list-header-content[data-v-359e20b8]{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:0;flex-wrap:nowrap;flex:1;padding:0 8px;box-sizing:border-box}.mc-select-list .mc-select-list-footer[data-v-359e20b8]{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:0;flex-wrap:nowrap;min-height:48px;border-top:1px solid var(--mc-gray-200);box-sizing:border-box}.mc-select-list .mc-select-list-content[data-v-359e20b8]{margin:0;padding:0;flex:1;overflow-y:auto}.mc-select-list .mc-select-list-content .mc-select-list-empty[data-v-359e20b8]{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap;min-height:40px;background-color:var(--mc-white)}.mc-select-list .mc-select-list-content .mc-select-list-empty .mc-select-list-empty-text[data-v-359e20b8]{margin:0;padding:0;font-family:var(--mc-font-family);font-size:12px;font-weight:400;line-height:18px;color:var(--mc-gray-500)}.mc-select[data-v-f0fe4352]{width:100%;background-color:var(--mc-white);position:relative}
+.mc-select-selected-content[data-v-2417c622]{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:0;flex-wrap:nowrap;height:100%;flex:1}.mc-select-selected-content.is-disabled[data-v-2417c622]{color:var(--mc-gray-400)}.mc-select-selected-content-multi[data-v-aac507b5]{margin:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;flex-wrap:wrap;padding:4px 0;box-sizing:border-box;height:100%;flex:1}.mc-select-selected-content-multi .mc-select-selected-tag[data-v-aac507b5]{list-style:none;margin:0;padding:0;cursor:pointer}.mc-select-trigger[data-v-61e04dfa]{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;gap:8px;flex-wrap:nowrap;box-shadow:0 0 0 1px var(--mc-gray-400) inset;height:100%;min-height:40px;box-sizing:border-box;padding:0 8px;border-radius:4px}.mc-select-trigger:not(.is-disabled).is-hovering[data-v-61e04dfa]{box-shadow:0 0 0 2px var(--mc-gray-800) inset}.mc-select-trigger:not(.is-disabled).is-focused[data-v-61e04dfa]{box-shadow:0 0 0 2px var(--mc-gray-800) inset}.mc-select-trigger .mc-select-trigger-selected-content[data-v-61e04dfa]{position:relative;flex:1;cursor:pointer}.mc-select-trigger .mc-select-trigger-selected-content .mc-select-trigger-input-wrapper[data-v-61e04dfa]{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:0;flex-wrap:nowrap;position:absolute;top:0;left:0;height:100%}.mc-select-trigger .mc-select-trigger-selected-content .mc-select-trigger-input-wrapper .mc-select-input[data-v-61e04dfa]{border:none;outline:none;padding:0;margin:0;font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-800);position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;cursor:inherit}.mc-select-trigger .mc-select-trigger-selected-content .mc-select-trigger-input-wrapper .mc-select-input[data-v-61e04dfa]::placeholder{color:transparent}.mc-select-trigger .mc-select-trigger-selected-content .mc-select-trigger-input-wrapper .mc-select-placeholder[data-v-61e04dfa]{font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-400);-webkit-user-select:none;user-select:none}.mc-select-trigger .mc-select-trigger-toolbar[data-v-61e04dfa]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px;flex-wrap:nowrap}.mc-select-trigger .mc-select-trigger-toolbar .mc-select-icon-wrapper[data-v-61e04dfa]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap;width:24px;height:24px}.mc-select-trigger .mc-select-trigger-toolbar .mc-select-icon-wrapper .mc-select-chevron-icon[data-v-61e04dfa]{transition:transform .3s ease-in-out}.mc-select-trigger:not(.is-disabled).is-expanded[data-v-61e04dfa]{box-shadow:0 0 0 2px var(--mc-gray-800) inset;border-bottom-left-radius:0;border-bottom-right-radius:0}.mc-select-trigger:not(.is-disabled).is-expanded.is-top-placement[data-v-61e04dfa]{border-radius:0 0 4px 4px}.mc-select-trigger:not(.is-disabled).is-expanded .mc-select-chevron-icon[data-v-61e04dfa]{transform:rotate(180deg)}.mc-select-trigger.is-disabled[data-v-61e04dfa]{cursor:not-allowed;background-color:var(--mc-gray-200)}.mc-select-trigger.is-disabled .mc-select-trigger-selected-content[data-v-61e04dfa]{cursor:not-allowed}.mc-select-trigger.is-disabled .mc-select-chevron-icon[data-v-61e04dfa]{color:var(--mc-gray-400)}.mc-select-trigger.is-success .mc-select-status-icon[data-v-61e04dfa]{color:var(--mc-success)}.mc-select-trigger.is-error[data-v-61e04dfa]:not(.is-expanded):not(.is-disabled){box-shadow:0 0 0 1px var(--mc-error) inset}.mc-select-trigger.is-error:not(.is-expanded):not(.is-disabled).is-hovering[data-v-61e04dfa],.mc-select-trigger.is-error:not(.is-expanded):not(.is-disabled).is-focused[data-v-61e04dfa]{box-shadow:0 0 0 2px var(--mc-error) inset}.mc-select-trigger.is-error .mc-select-status-icon[data-v-61e04dfa]{color:var(--mc-error)}.mc-select-list[data-v-359e20b8]{margin:0;padding:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;flex-wrap:nowrap;background-color:var(--mc-white);min-height:40px;max-height:320px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px;box-sizing:border-box;border:2px solid var(--mc-gray-800);border-top:none}.mc-select-list.is-top-placement[data-v-359e20b8]{border-top:2px solid var(--mc-gray-800);border-bottom:none;border-radius:4px 4px 0 0}.mc-select-list .mc-select-list-header[data-v-359e20b8]{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:0;flex-wrap:nowrap;min-height:40px;border-bottom:1px solid var(--mc-gray-200);box-sizing:border-box}.mc-select-list .mc-select-list-header .mc-select-list-header-content[data-v-359e20b8]{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:0;flex-wrap:nowrap;flex:1;padding:0 8px;box-sizing:border-box}.mc-select-list .mc-select-list-footer[data-v-359e20b8]{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:0;flex-wrap:nowrap;min-height:48px;border-top:1px solid var(--mc-gray-200);box-sizing:border-box}.mc-select-list .mc-select-list-content[data-v-359e20b8]{margin:0;padding:0;flex:1;overflow-y:auto}.mc-select-list .mc-select-list-content .mc-select-list-empty[data-v-359e20b8]{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap;min-height:40px;background-color:var(--mc-white)}.mc-select-list .mc-select-list-content .mc-select-list-empty .mc-select-list-empty-text[data-v-359e20b8]{margin:0;padding:0;font-family:var(--mc-font-family);font-size:12px;font-weight:400;line-height:18px;color:var(--mc-gray-500)}.mc-select[data-v-2425910a]{width:100%;background-color:var(--mc-white);position:relative}