mediacube-ui-v2 0.0.284 → 0.0.286

package/dist/assets/components/elements/McDatepicker/index.css

@@ -1 +1 @@
-@charset "UTF-8";.mc-date-picker{display:block;font-family:Inter,sans-serif}.dp{padding:1rem;font-size:.8125rem}.dp--header-wrap{margin-bottom:1rem}.dp__month_year_wrap{justify-content:center}.dp__month_year_select{font-size:.8125rem;line-height:1rem;font-weight:600;color:#202427;width:max-content;height:auto}.dp__input_icon{display:flex;align-items:center;justify-content:center;left:8px}.dp--clear-btn{margin-right:.5rem}.dp--clear-btn svg{padding:0}.dp--clear-btn:hover svg{color:#202427}.dp__overlay_col{font-size:.8125rem;line-height:1rem;font-weight:400;color:#202427;border-radius:.5rem}.dp__menu .dp__btn:not(.dp__month_year_select){padding:0}.dp__menu .dp__btn .dp__inner_nav:hover{background-color:transparent;color:var(--mc-date-picker-color)}.dp__menu .dp__overlay_cell:hover{color:var(--mc-date-picker-color);background-color:color-mix(in srgb,var(--mc-date-picker-color),white 90%)}.dp__menu .dp__overlay_cell_active{background-color:var(--mc-date-picker-color)}.dp__menu .dp__overlay,.dp__menu .dp__overlay_container{overflow-y:auto}.dp__menu .dp__overlay .dp__overlay_action,.dp__menu .dp__overlay_container .dp__overlay_action{display:none}.dp__menu .dp__selection_grid_header .dp__inner_nav{background:none;color:#202427}.dp__menu .dp__selection_grid_header .dp__inner_nav:hover{color:var(--mc-date-picker-color)}.dp__menu .dp__inner_nav{width:24px;height:24px}.dp__menu .dp--menu--inner-stretched{padding:0}.dp__calendar_item{flex-grow:unset}.dp__calendar_item .dp__cell_inner{height:2rem;width:2rem;font-size:.8125rem;line-height:1rem;font-weight:400;color:#202427;border-radius:.5rem}.dp__calendar_item .dp__cell_inner:not(.dp__week_num .dp__cell_inner):hover{color:var(--mc-date-picker-color);background-color:color-mix(in srgb,var(--mc-date-picker-color),white 90%);border-radius:.5rem}.dp__calendar_item .dp__cell_disabled{background-color:#edf0f3!important;border-radius:0!important}.dp__calendar_item .dp__cell_offset{color:#edf0f3}.dp__calendar_item .dp__range_between{color:#202427;background-color:color-mix(in srgb,var(--mc-date-picker-color),white 90%);border-radius:0}.dp__calendar_item .dp__range_start,.dp__calendar_item .dp__range_end,.dp__calendar_item .dp__active_date{color:#fff!important;background-color:var(--mc-date-picker-color)!important;border-color:var(--mc-date-picker-color)!important}.dp__calendar_item .dp__cell_auto_range{border:none;color:var(--mc-date-picker-color);background-color:color-mix(in srgb,var(--mc-date-picker-color),white 90%);transition:all .15s ease}.dp__calendar_item .dp__cell_auto_range_start,.dp__calendar_item .dp__cell_auto_range_end{color:var(--mc-date-picker-color);background-color:color-mix(in srgb,var(--mc-date-picker-color),white 90%);border:none}.dp__calendar_item .dp__range_between_week{color:#fff!important;background:var(--mc-date-picker-color)!important;border-color:var(--mc-date-picker-color)!important}.dp__calendar_item .dp__active_date{box-shadow:0 4px 12px #5b2ccd1a}.dp__calendar_item .dp__today{color:var(--mc-date-picker-color);border-color:transparent;border-radius:.5rem}.dp__calendar_header_item{height:2rem;width:2rem;font-size:.8125rem;line-height:1rem;font-weight:400;color:#5c6670;padding:0;display:flex;align-items:center;justify-content:center}.dp__calendar_header_separator{display:none}.dp__calendar_row{margin:0}.dp__btn{font-size:.8125rem;line-height:1rem;font-weight:600;background:transparent}.dp__btn:hover{color:var(--mc-date-picker-color)}.dp__menu{border-radius:.75rem;box-shadow:0 4px 12px #00000029;z-index:12222;border:transparent;padding:1rem}.dp__menu_inner{padding:0}.dp__menu:focus{border:none}.dp__arrow_top,.dp__arrow_bottom,.dp__arrow_left,.dp__arrow_right{border:none;box-shadow:0 4px 12px #00000029;z-index:-1}.dp__arrow_top{box-shadow:8px -8px 16px #00000029}.dp__action_row{padding:.75rem 0 0;margin-top:1rem;border-top:1px solid #e8e8e8}.dp__theme_light{--dp-menu-min-width: 224px ;--dp-border-radius: .5rem;--dp-cell-border-radius: .5rem;--dp-cell-size: 32px;--dp-cell-padding: 12px;--dp-overlay-col-padding: 0;--dp-button-icon-height: 16px;--dp-common-padding: 12px;--dp-time-inc-dec-button-size: 16px;--dp-month-year-row-height: 32px;--dp-month-year-row-button-size: 32px}.dp__input{font-family:Inter,sans-serif;font-size:.8125rem;line-height:1rem;height:2.5rem;padding:.5rem 1.5rem .5rem 36px;border-color:#c7ccd1;border-radius:.5rem;cursor:pointer;color:#202427}.dp__input:hover,.dp__input:focus{border-color:var(--mc-date-picker-color)}.dp__input::placeholder{color:#8f99a3}.mc-date-picker__header{font-size:0;line-height:0;display:block;margin-bottom:.5rem}.mc-date-picker__header:empty{display:none}.mc-date-picker__inner{display:flex;align-items:center}.mc-date-picker__confirm-button{margin-left:auto}.mc-date-picker__input-wrapper{width:100%}.mc-date-picker__footer{margin-top:.25rem}.mc-date-picker__footer:empty{display:none}.mc-date-picker__footer-popup{display:flex;justify-content:space-between;align-items:center;width:100%}.mc-date-picker__footer-popup-periods{display:flex;justify-content:space-between;align-items:center}.mc-date-picker__footer-popup-periods>*:not(:last-child){margin-inline-end:1rem}.mc-date-picker__footer-popup-periods>*>*:not(:last-child){margin-inline-end:1.5rem}.mc-date-picker__footer-popup-periods .mc-button>*:not(:last-child){margin-inline-end:0}.mc-date-picker--error .dp__input{border-color:#f5563d!important}.mc-date-picker--disabled .dp__input{color:#c7ccd1;cursor:not-allowed;background-color:#edf0f3;border-color:#c7ccd1;box-shadow:none}.mc-date-picker--disabled .dp__input:hover,.mc-date-picker--disabled .dp__input:focus{border-color:#c7ccd1}.mc-date-picker--without-icon .dp__input{padding:.5rem}.mc-date-picker .dp+.dp{border-left:none}html[dir=rtl] .mx-icon-double-right:after{left:.5rem}html[dir=rtl] .mx-icon-double-left:before{left:-.5rem}
+@charset "UTF-8";.mc-date-picker{display:block;font-family:Inter,sans-serif}:root{--dp-font-family: Inter, sans-serif}.dp{padding:1rem;font-size:.8125rem}.dp--header-wrap{margin-bottom:1rem}.dp__month_year_wrap{justify-content:center}.dp__month_year_select{font-size:.8125rem;line-height:1rem;font-weight:600;color:#202427;width:max-content;height:auto}.dp__input_icon{display:flex;align-items:center;justify-content:center;left:8px}.dp--clear-btn{margin-right:.5rem}.dp--clear-btn svg{padding:0}.dp--clear-btn:hover svg{color:#202427}.dp__overlay_col{font-size:.8125rem;line-height:1rem;font-weight:400;color:#202427;border-radius:.5rem}.dp__menu .dp__btn:not(.dp__month_year_select){padding:0}.dp__menu .dp__btn .dp__inner_nav:hover{background-color:transparent;color:var(--mc-date-picker-color)}.dp__menu .dp__overlay_cell:hover{color:var(--mc-date-picker-color);background-color:color-mix(in srgb,var(--mc-date-picker-color),white 90%)}.dp__menu .dp__overlay_cell_active{background-color:var(--mc-date-picker-color)}.dp__menu .dp__overlay,.dp__menu .dp__overlay_container{overflow-y:auto}.dp__menu .dp__overlay .dp__overlay_action,.dp__menu .dp__overlay_container .dp__overlay_action{display:none}.dp__menu .dp__selection_grid_header .dp__inner_nav{background:none;color:#202427}.dp__menu .dp__selection_grid_header .dp__inner_nav:hover{color:var(--mc-date-picker-color)}.dp__menu .dp__inner_nav{width:24px;height:24px}.dp__menu .dp--menu--inner-stretched{padding:0}.dp__calendar_item{flex-grow:unset}.dp__calendar_item .dp__cell_inner{height:2rem;width:2rem;font-size:.8125rem;line-height:1rem;font-weight:400;color:#202427;border-radius:.5rem}.dp__calendar_item .dp__cell_inner:not(.dp__week_num .dp__cell_inner):hover{color:var(--mc-date-picker-color);background-color:color-mix(in srgb,var(--mc-date-picker-color),white 90%);border-radius:.5rem}.dp__calendar_item .dp__cell_disabled{background-color:#edf0f3!important;border-radius:0!important}.dp__calendar_item .dp__cell_offset{color:#edf0f3}.dp__calendar_item .dp__range_between{color:#202427;background-color:color-mix(in srgb,var(--mc-date-picker-color),white 90%);border-radius:0}.dp__calendar_item .dp__range_start,.dp__calendar_item .dp__range_end,.dp__calendar_item .dp__active_date{color:#fff!important;background-color:var(--mc-date-picker-color)!important;border-color:var(--mc-date-picker-color)!important}.dp__calendar_item .dp__cell_auto_range{border:none;color:var(--mc-date-picker-color);background-color:color-mix(in srgb,var(--mc-date-picker-color),white 90%);transition:all .15s ease}.dp__calendar_item .dp__cell_auto_range_start,.dp__calendar_item .dp__cell_auto_range_end{color:var(--mc-date-picker-color);background-color:color-mix(in srgb,var(--mc-date-picker-color),white 90%);border:none}.dp__calendar_item .dp__range_between_week{color:#fff!important;background:var(--mc-date-picker-color)!important;border-color:var(--mc-date-picker-color)!important}.dp__calendar_item .dp__active_date{box-shadow:0 4px 12px #5b2ccd1a}.dp__calendar_item .dp__today{color:var(--mc-date-picker-color);border-color:transparent;border-radius:.5rem}.dp__calendar_header_item{height:2rem;width:2rem;font-size:.8125rem;line-height:1rem;font-weight:400;color:#5c6670;padding:0;display:flex;align-items:center;justify-content:center}.dp__calendar_header_separator{display:none}.dp__calendar_row{margin:0}.dp__btn{font-size:.8125rem;line-height:1rem;font-weight:600;background:transparent}.dp__btn:hover{color:var(--mc-date-picker-color)}.dp__menu{border-radius:.75rem;box-shadow:0 4px 12px #00000029;z-index:12222;border:transparent;padding:1rem}.dp__menu_inner{padding:0}.dp__menu:focus{border:none}.dp__arrow_top,.dp__arrow_bottom,.dp__arrow_left,.dp__arrow_right{border:none;box-shadow:0 4px 12px #00000029;z-index:-1}.dp__arrow_top{box-shadow:8px -8px 16px #00000029}.dp__action_row{padding:.75rem 0 0;margin-top:1rem;border-top:1px solid #e8e8e8}.dp__theme_light{--dp-menu-min-width: 224px ;--dp-border-radius: .5rem;--dp-cell-border-radius: .5rem;--dp-cell-size: 32px;--dp-cell-padding: 12px;--dp-overlay-col-padding: 0;--dp-button-icon-height: 16px;--dp-common-padding: 12px;--dp-time-inc-dec-button-size: 16px;--dp-font-family: Inter, sans-serif;--dp-month-year-row-height: 32px;--dp-month-year-row-button-size: 32px}.dp__input{font-family:Inter,sans-serif;font-size:.8125rem;line-height:1rem;height:2.5rem;padding:.5rem 1.5rem .5rem 36px;border-color:#c7ccd1;border-radius:.5rem;cursor:pointer;color:#202427}.dp__input:hover,.dp__input:focus{border-color:var(--mc-date-picker-color)}.dp__input::placeholder{color:#8f99a3}.mc-date-picker__header{font-size:0;line-height:0;display:block;margin-bottom:.5rem}.mc-date-picker__header:empty{display:none}.mc-date-picker__inner{display:flex;align-items:center}.mc-date-picker__confirm-button{margin-left:auto}.mc-date-picker__input-wrapper{width:100%}.mc-date-picker__footer{margin-top:.25rem}.mc-date-picker__footer:empty{display:none}.mc-date-picker__footer-popup{display:flex;justify-content:space-between;align-items:center;width:100%}.mc-date-picker__footer-popup-periods{display:flex;justify-content:space-between;align-items:center}.mc-date-picker__footer-popup-periods>*:not(:last-child){margin-inline-end:1rem}.mc-date-picker__footer-popup-periods>*>*:not(:last-child){margin-inline-end:1.5rem}.mc-date-picker__footer-popup-periods .mc-button>*:not(:last-child){margin-inline-end:0}.mc-date-picker--error .dp__input{border-color:#f5563d!important}.mc-date-picker--disabled .dp__input{color:#c7ccd1;cursor:not-allowed;background-color:#edf0f3;border-color:#c7ccd1;box-shadow:none}.mc-date-picker--disabled .dp__input:hover,.mc-date-picker--disabled .dp__input:focus{border-color:#c7ccd1}.mc-date-picker--without-icon .dp__input{padding:.5rem}.mc-date-picker .dp+.dp{border-left:none}html[dir=rtl] .mx-icon-double-right:after{left:.5rem}html[dir=rtl] .mx-icon-double-left:before{left:-.5rem}

package/dist/components/elements/McDatepicker/McDatepicker.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as Ve, useAttrs as Ce, ref as E, computed as n, watch as j, onMounted as Ie, openBlock as u, createElementBlock as b, normalizeStyle as Q, normalizeClass as Fe, renderSlot as $, createBlock as f, unref as k, withCtx as c, createTextVNode as y, toDisplayString as v, createCommentVNode as m, createElementVNode as C, createVNode as N, mergeProps as Me, createSlots as ze, Fragment as G, renderList as Be } from "vue";
+import { defineComponent as Ve, useAttrs as Ce, ref as E, computed as n, watch as j, onMounted as Ie, openBlock as u, createElementBlock as b, normalizeStyle as Q, normalizeClass as Fe, renderSlot as $, createBlock as f, unref as k, withCtx as d, createTextVNode as v, toDisplayString as h, createCommentVNode as m, createElementVNode as C, createVNode as N, mergeProps as Me, createSlots as ze, Fragment as G, renderList as Be } from "vue";
 import { DatepickerTypes as o, DatepickerOutputFormat as T, DatepickerFormat as S } from "../../../enums/Datepicker2.js";
 import $e from "@vuepic/vue-datepicker";
 import '../../../assets/components/elements/McButton/index.css';import '../../../assets/components/elements/McTitle/index.css';import '../../../assets/components/elements/McSvgIcon/index.css';import '../../../assets/node_modules/@vuepic/vue-datepicker/dist/main.css';/* empty css                                                         */
@@ -285,8 +285,8 @@ const je = ["for"], Qe = { class: "mc-date-picker__inner" }, Ge = {
     }), Pe = () => {
       e.setDefaultToday && De();
     }, be = (t) => {
-      const [r, a] = t, i = A.value, p = _(r, i), h = _(a, i);
-      p && h && w.value.updateInternalModelValue([p, h]);
+      const [r, a] = t, i = A.value, p = _(r, i), y = _(a, i);
+      p && y && w.value.updateInternalModelValue([p, y]);
     }, De = () => {
       if (M.value) return;
       if (!(e.range ? !!(P.value?.length && Array.isArray(P.value) && P.value.every((r) => ee(r))) : ee(P.value))) {
@@ -300,20 +300,20 @@ const je = ["for"], Qe = { class: "mc-date-picker__inner" }, Ge = {
       let a = e.range ? Array.isArray(t) ? t : [] : [t];
       if (!e.toIsoFormat) {
         const Y = s.value === o.DatePicker || s.value === o.DateTimePicker;
-        a = a.map((d) => Y ? x(d, "inbound") : Ee(String(d).trim(), s.value, A.value));
+        a = a.map((c) => Y ? x(c, "inbound") : Ee(String(c).trim(), s.value, A.value));
       }
-      const [i, p] = a, h = i == null || typeof i == "string" && i === "Invalid Date", B = p == null || typeof p == "string" && p === "Invalid Date";
-      return e.range ? h || B ? [] : [i, p].filter(Boolean) : h ? null : i;
+      const [i, p] = a, y = i == null || typeof i == "string" && i === "Invalid Date", B = p == null || typeof p == "string" && p === "Invalid Date";
+      return e.range ? y || B ? [] : [i, p].filter(Boolean) : y ? null : i;
     }, Te = (t) => {
       if (M.value)
         return t == null || t === "" ? e.range ? [] : null : t;
       const r = !e.toIsoFormat && (s.value === o.DatePicker || s.value === o.DateTimePicker);
       let a;
-      r ? a = e.range ? Array.isArray(t) ? t.map((d) => x(d, "outbound")) : [] : [x(t, "outbound")] : (a = e.range ? Array.isArray(t) ? t.map((d) => String(d)) : [] : [String(t)], e.toIsoFormat || (a = a.map(
-        (d) => Ne(d == null ? "" : String(d), s.value, A.value)
+      r ? a = e.range ? Array.isArray(t) ? t.map((c) => x(c, "outbound")) : [] : [x(t, "outbound")] : (a = e.range ? Array.isArray(t) ? t.map((c) => String(c)) : [] : [String(t)], e.toIsoFormat || (a = a.map(
+        (c) => Ne(c == null ? "" : String(c), s.value, A.value)
       )));
-      const i = (d) => d === "Invalid Date" || d == null || d === "null" ? null : d, [p, h] = a.map(i), B = p == null || p === "Invalid Date", Y = h == null || h === "Invalid Date";
-      return e.range ? B || Y ? [] : [p, h].filter(Boolean) : B ? null : p;
+      const i = (c) => c === "Invalid Date" || c == null || c === "null" ? null : c, [p, y] = a.map(i), B = p == null || p === "Invalid Date", Y = y == null || y === "Invalid Date";
+      return e.range ? B || Y ? [] : [p, y].filter(Boolean) : B ? null : p;
     }, z = (t, r = !1) => {
       const a = Ue(U.value);
       let i = new Date(a.getTime());
@@ -338,8 +338,7 @@ const je = ["for"], Qe = { class: "mc-date-picker__inner" }, Ge = {
     }, Z = () => {
       w.value.selectDate(), w.value.closeMenu();
     }, we = n(() => {
-      if (e.type !== o.MonthPicker || typeof e.disabledDates != "function")
-        return;
+      if (e.type !== o.MonthPicker || typeof e.disabledDates != "function") return;
       const t = X.value, r = [];
       for (let a = 0; a < 12; a++) {
         const i = new Date(t, a, 1);
@@ -370,8 +369,8 @@ const je = ["for"], Qe = { class: "mc-date-picker__inner" }, Ge = {
             key: 0,
             weight: k(Oe).Medium
           }, {
-            default: c(() => [
-              y(v(e.title), 1)
+            default: d(() => [
+              v(h(e.title), 1)
             ]),
             _: 1
           }, 8, ["weight"])) : m("", !0)
@@ -427,7 +426,7 @@ const je = ["for"], Qe = { class: "mc-date-picker__inner" }, Ge = {
             onRangeStart: Se,
             onUpdateMonthYear: Ae
           }), ze({
-            "action-row": c(() => [
+            "action-row": d(() => [
               O.value ? (u(), b("div", Ge, [
                 C("div", He, [
                   l.customPresets && l.customPresets.length ? (u(!0), b(G, { key: 0 }, Be(l.customPresets, (a) => (u(), f(D, {
@@ -436,8 +435,8 @@ const je = ["for"], Qe = { class: "mc-date-picker__inner" }, Ge = {
                     "secondary-color": "purple",
                     onClick: (i) => be(a.period)
                   }, {
-                    default: c(() => [
-                      y(v(a.title), 1)
+                    default: d(() => [
+                      v(h(a.title), 1)
                     ]),
                     _: 2
                   }, 1032, ["onClick"]))), 128)) : ge.value ? m("", !0) : (u(), b(G, { key: 1 }, [
@@ -447,8 +446,8 @@ const je = ["for"], Qe = { class: "mc-date-picker__inner" }, Ge = {
                       "secondary-color": "purple",
                       onClick: r[0] || (r[0] = (a) => z("week"))
                     }, {
-                      default: c(() => [
-                        y(v(l.placeholders.week), 1)
+                      default: d(() => [
+                        v(h(l.placeholders.week), 1)
                       ]),
                       _: 1
                     })) : m("", !0),
@@ -458,8 +457,8 @@ const je = ["for"], Qe = { class: "mc-date-picker__inner" }, Ge = {
                       "secondary-color": "purple",
                       onClick: r[1] || (r[1] = (a) => z("month"))
                     }, {
-                      default: c(() => [
-                        y(v(l.placeholders.month), 1)
+                      default: d(() => [
+                        v(h(l.placeholders.month), 1)
                       ]),
                       _: 1
                     })) : m("", !0),
@@ -469,8 +468,8 @@ const je = ["for"], Qe = { class: "mc-date-picker__inner" }, Ge = {
                       "secondary-color": "purple",
                       onClick: r[2] || (r[2] = (a) => z("quarter"))
                     }, {
-                      default: c(() => [
-                        y(v(l.placeholders.quarter), 1)
+                      default: d(() => [
+                        v(h(l.placeholders.quarter), 1)
                       ]),
                       _: 1
                     })) : m("", !0),
@@ -480,8 +479,8 @@ const je = ["for"], Qe = { class: "mc-date-picker__inner" }, Ge = {
                       "secondary-color": "purple",
                       onClick: r[3] || (r[3] = (a) => z("year"))
                     }, {
-                      default: c(() => [
-                        y(v(l.placeholders.year), 1)
+                      default: d(() => [
+                        v(h(l.placeholders.year), 1)
                       ]),
                       _: 1
                     })) : m("", !0)
@@ -493,8 +492,8 @@ const je = ["for"], Qe = { class: "mc-date-picker__inner" }, Ge = {
                   class: "mc-date-picker__confirm-button",
                   onClick: Z
                 }, {
-                  default: c(() => [
-                    y(v(l.placeholders.confirm || L.confirm), 1)
+                  default: d(() => [
+                    v(h(l.placeholders.confirm || L.confirm), 1)
                   ]),
                   _: 1
                 }, 8, ["size"])
@@ -506,13 +505,13 @@ const je = ["for"], Qe = { class: "mc-date-picker__inner" }, Ge = {
                 class: "mc-date-picker__confirm-button",
                 onClick: Z
               }, {
-                default: c(() => [
-                  y(v(l.placeholders.confirm || L.confirm), 1)
+                default: d(() => [
+                  v(h(l.placeholders.confirm || L.confirm), 1)
                 ]),
                 _: 1
               }, 8, ["size"])) : m("", !0)
             ]),
-            "input-icon": c(() => [
+            "input-icon": d(() => [
               e.hideCalendarIcon ? m("", !0) : (u(), f(K, {
                 key: 0,
                 name: "calendar",
@@ -520,7 +519,7 @@ const je = ["for"], Qe = { class: "mc-date-picker__inner" }, Ge = {
                 color: e.disabled ? "outline-gray" : "black"
               }, null, 8, ["color"]))
             ]),
-            "icon-calendar": c(() => [
+            "icon-calendar": d(() => [
               N(K, {
                 class: "mc-date-picker__icon",
                 name: "calendar"
@@ -530,7 +529,7 @@ const je = ["for"], Qe = { class: "mc-date-picker__inner" }, Ge = {
           }, [
             t.$slots.header ? {
               name: "header",
-              fn: c(() => [
+              fn: d(() => [
                 C("div", null, [
                   $(t.$slots, "header")
                 ])
@@ -539,7 +538,7 @@ const je = ["for"], Qe = { class: "mc-date-picker__inner" }, Ge = {
             } : void 0,
             t.$slots.sidebar ? {
               name: "sidebar",
-              fn: c(() => [
+              fn: d(() => [
                 C("div", null, [
                   $(t.$slots, "sidebar")
                 ])
@@ -554,13 +553,9 @@ const je = ["for"], Qe = { class: "mc-date-picker__inner" }, Ge = {
           key: 0,
           "tag-name": "div",
           color: "red",
-          variation: k(J).Overline
-        }, {
-          default: c(() => [
-            y(v(k(g).errorText.value), 1)
-          ]),
-          _: 1
-        }, 8, ["variation"])) : m("", !0),
+          variation: k(J).Overline,
+          "html-data": k(g).errorText.value
+        }, null, 8, ["variation", "html-data"])) : m("", !0),
         k(g).errorText.value && (e.helpText || t.$slots.bottom) ? (u(), b("br", Ke)) : m("", !0),
         $(t.$slots, "bottom", {}, () => [
           e.helpText ? (u(), f(q, {
@@ -568,8 +563,8 @@ const je = ["for"], Qe = { class: "mc-date-picker__inner" }, Ge = {
             "tag-name": "div",
             variation: k(J).Overline
           }, {
-            default: c(() => [
-              y(v(e.helpText), 1)
+            default: d(() => [
+              v(h(e.helpText), 1)
             ]),
             _: 1
           }, 8, ["variation"])) : m("", !0)

package/dist/components/elements/McFieldCheckbox/McFieldCheckbox.vue2.js

@@ -1,11 +1,11 @@
-import { defineComponent as O, useSlots as D, computed as o, watch as F, openBlock as l, createElementBlock as n, normalizeStyle as P, normalizeClass as j, renderSlot as b, createVNode as x, unref as r, withCtx as s, createTextVNode as d, toDisplayString as u, createCommentVNode as a, createElementVNode as m, mergeProps as I, createBlock as g } from "vue";
+import { defineComponent as O, useSlots as D, computed as l, watch as F, openBlock as o, createElementBlock as n, normalizeStyle as P, normalizeClass as j, renderSlot as k, createVNode as f, unref as r, withCtx as p, createTextVNode as b, toDisplayString as x, createCommentVNode as a, createElementVNode as s, mergeProps as I, createBlock as g } from "vue";
 import { useFieldErrors as L } from "../../../composables/useFieldErrors2.js";
 import { Sizes as R } from "../../../types/styles/Sizes.js";
 import { Directions as V } from "../../../enums/ui/Directions2.js";
 import { TitleVariations as C } from "../../../enums/Title2.js";
 import { Weights as W } from "../../../enums/ui/Weights2.js";
 import { useTheme as q } from "../../../composables/useTheme2.js";
-import h from "../McTitle/McTitle.vue2.js";
+import d from "../McTitle/McTitle.vue2.js";
 import '../../../assets/components/elements/McSvgIcon/index.css';import '../../../assets/components/elements/McTitle/index.css';/* empty css                    */
 import G from "../McSvgIcon/McSvgIcon.vue2.js";
 /* empty css                      */
@@ -21,8 +21,8 @@ const H = ["dir"], J = {
     //@ts-ignore
     modelValue: {
       type: [Boolean, String, Number, Array],
-      validator(f, k) {
-        return k.multiple ? Array.isArray(f) : !0;
+      validator(u, m) {
+        return m.multiple ? Array.isArray(u) : !0;
       }
     },
     /**
@@ -114,26 +114,26 @@ const H = ["dir"], J = {
     }
   },
   emits: ["update:modelValue"],
-  setup(f, { emit: k }) {
-    const S = k, T = D(), e = f, i = q("checkbox"), c = L(e.errors), z = o(() => e.dir === V.Rtl), B = o(() => ({
+  setup(u, { emit: m }) {
+    const S = m, T = D(), e = u, i = q("checkbox"), c = L(e.errors), z = l(() => e.dir === V.Rtl), B = l(() => ({
       "mc-field-checkbox": !0,
       "mc-field-checkbox--error": e.errors,
       "mc-field-checkbox--disabled": e.disabled,
       "mc-field-checkbox--empty": !e.mainText && !T.default,
       "mc-field-checkbox--rtl": z.value
-    })), N = o(() => ({
+    })), N = l(() => ({
       "--mc-field-checkbox-size": R[e.checkboxSize],
       "--mc-field-checkbox-color": i.colors[i.component.color]
-    })), _ = o(() => !!e.mainCheckbox && e.mainCheckbox.all?.constructor === Array && e.mainCheckbox.selected?.constructor === Array), y = o(() => e.mainCheckbox ? e.mainCheckbox.all.every((t) => e.mainCheckbox.selected.includes(t)) : !1), w = o(() => _.value ? y.value ? "checkbox--checked" : e.mainCheckbox.selected?.length > 0 ? "checkbox--indeterminate" : "checkbox" : p.value ? "checkbox--checked" : "checkbox"), A = o(() => {
-      if (_.value) {
+    })), y = l(() => !!e.mainCheckbox && e.mainCheckbox.all?.constructor === Array && e.mainCheckbox.selected?.constructor === Array), _ = l(() => e.mainCheckbox ? e.mainCheckbox.all.every((t) => e.mainCheckbox.selected.includes(t)) : !1), w = l(() => y.value ? _.value ? "checkbox--checked" : e.mainCheckbox.selected?.length > 0 ? "checkbox--indeterminate" : "checkbox" : h.value ? "checkbox--checked" : "checkbox"), A = l(() => {
+      if (y.value) {
         const t = i.component.color;
-        return y.value || e.mainCheckbox.selected?.length > 0 ? t : "gray";
+        return _.value || e.mainCheckbox.selected?.length > 0 ? t : "gray";
       }
-      return p.value ? i.component.color : "gray";
-    }), p = o(() => e.multiple && e.modelValue ? e.modelValue.includes(e.checkedValue) : e.modelValue === e.checkedValue), $ = o(() => ({
+      return h.value ? i.component.color : "gray";
+    }), h = l(() => e.multiple && e.modelValue ? e.modelValue.includes(e.checkedValue) : e.modelValue === e.checkedValue), $ = l(() => ({
       disabled: e.disabled,
       name: e.name,
-      checked: p.value,
+      checked: h.value,
       tabindex: e.tabindex,
       type: "checkbox",
       class: "mc-field-checkbox__input"
@@ -150,67 +150,63 @@ const H = ["dir"], J = {
       (t) => {
         c.setError(t);
       }
-    ), (t, v) => (l(), n("div", {
+    ), (t, v) => (o(), n("div", {
       dir: e.dir,
       class: j(B.value),
       style: P(N.value)
     }, [
-      e.title || t.$slots.header ? (l(), n("div", J, [
-        b(t.$slots, "header", {}, () => [
-          x(h, {
+      e.title || t.$slots.header ? (o(), n("div", J, [
+        k(t.$slots, "header", {}, () => [
+          f(d, {
             weight: r(W).Medium
           }, {
-            default: s(() => [
-              d(u(e.title), 1)
+            default: p(() => [
+              b(x(e.title), 1)
             ]),
             _: 1
           }, 8, ["weight"])
         ])
       ])) : a("", !0),
-      m("div", K, [
-        m("label", Q, [
-          x(G, {
+      s("div", K, [
+        s("label", Q, [
+          f(G, {
             class: "mc-field-checkbox__icon",
             name: w.value,
             color: A.value,
             size: e.checkboxSize
           }, null, 8, ["name", "color", "size"]),
-          m("input", I($.value, { onChange: E }), null, 16),
-          e.mainText || t.$slots.default ? (l(), n("span", U, [
-            b(t.$slots, "default", {}, () => [
-              x(h, { "tag-name": "div" }, {
-                default: s(() => [
-                  d(u(e.mainText), 1)
+          s("input", I($.value, { onChange: E }), null, 16),
+          e.mainText || t.$slots.default ? (o(), n("span", U, [
+            k(t.$slots, "default", {}, () => [
+              f(d, { "tag-name": "div" }, {
+                default: p(() => [
+                  b(x(e.mainText), 1)
                 ]),
                 _: 1
               })
             ])
           ])) : a("", !0)
         ]),
-        m("div", X, [
-          r(c).errorText.value ? (l(), g(h, {
+        s("div", X, [
+          r(c).errorText.value ? (o(), g(d, {
             key: 0,
             "tag-name": "div",
             color: "red",
             variation: r(C).Overline,
-            "max-width": "100%"
-          }, {
-            default: s(() => [
-              d(u(r(c).errorText.value), 1)
-            ]),
-            _: 1
-          }, 8, ["variation"])) : a("", !0),
-          r(c).errorText.value ? (l(), n("br", Y)) : a("", !0),
-          b(t.$slots, "footer", {}, () => [
-            e.helpText ? (l(), g(h, {
+            "max-width": "100%",
+            "html-data": r(c).errorText.value
+          }, null, 8, ["variation", "html-data"])) : a("", !0),
+          r(c).errorText.value ? (o(), n("br", Y)) : a("", !0),
+          k(t.$slots, "footer", {}, () => [
+            e.helpText ? (o(), g(d, {
               key: 0,
               "tag-name": "div",
               variation: r(C).Overline,
               color: "gray",
               "max-width": "100%"
             }, {
-              default: s(() => [
-                d(u(e.helpText), 1)
+              default: p(() => [
+                b(x(e.helpText), 1)
               ]),
               _: 1
             }, 8, ["variation"])) : a("", !0)

package/dist/components/elements/McFieldRadio/McFieldRadio.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as $, useSlots as D, computed as t, watch as v, openBlock as l, createElementBlock as u, normalizeClass as F, createElementVNode as c, mergeProps as O, createVNode as h, renderSlot as g, withCtx as s, createTextVNode as m, toDisplayString as p, unref as a, createBlock as y, createCommentVNode as i } from "vue";
+import { defineComponent as $, useSlots as D, computed as t, watch as p, openBlock as o, createElementBlock as u, normalizeClass as F, createElementVNode as c, mergeProps as O, createVNode as f, renderSlot as b, withCtx as h, createTextVNode as v, toDisplayString as g, unref as a, createBlock as y, createCommentVNode as i } from "vue";
 import { useFieldErrors as P } from "../../../composables/useFieldErrors2.js";
 import { Directions as _ } from "../../../enums/ui/Directions2.js";
 import { TitleVariations as S } from "../../../enums/Title2.js";
 import { useTheme as R } from "../../../composables/useTheme2.js";
-import f from "../McTitle/McTitle.vue2.js";
+import s from "../McTitle/McTitle.vue2.js";
 import '../../../assets/components/elements/McSvgIcon/index.css';import '../../../assets/components/elements/McTitle/index.css';/* empty css                    */
 import q from "../McSvgIcon/McSvgIcon.vue2.js";
 /* empty css                      */
@@ -125,63 +125,59 @@ const A = ["dir"], I = { class: "mc-field-radio-button__icon_wrapper" }, L = {
       class: "mc-field-radio-button__input",
       type: "radio"
     }));
-    v(
+    p(
       () => e.modelValue,
       () => {
         r.toggleErrorVisible();
       }
-    ), v(() => e.errors, (o) => {
-      r.setError(o);
+    ), p(() => e.errors, (l) => {
+      r.setError(l);
     });
     const z = () => {
       V("update:modelValue", e.value);
     };
-    return (o, b) => (l(), u("label", {
+    return (l, m) => (o(), u("label", {
       dir: e.dir,
       class: F(["mc-field-radio-button", N.value])
     }, [
       c("input", O({ checked: "" }, d.value, { onChange: z }), null, 16),
       c("span", I, [
-        h(q, {
+        f(q, {
           name: d.value.checked ? B.value : "circle",
           color: E.value,
           size: e.iconSize,
           class: "mc-field-radio-button__icon"
         }, null, 8, ["name", "color", "size"])
       ]),
-      n.label || o.$slots.default ? (l(), u("span", L, [
-        g(o.$slots, "default", {}, () => [
-          h(f, null, {
-            default: s(() => [
-              m(p(n.label), 1)
+      n.label || l.$slots.default ? (o(), u("span", L, [
+        b(l.$slots, "default", {}, () => [
+          f(s, null, {
+            default: h(() => [
+              v(g(n.label), 1)
             ]),
             _: 1
           })
         ]),
-        b[0] || (b[0] = c("br", null, null, -1)),
-        a(r).errorText.value ? (l(), y(f, {
+        m[0] || (m[0] = c("br", null, null, -1)),
+        a(r).errorText.value ? (o(), y(s, {
           key: 0,
           "tag-name": "div",
           color: "red",
           variation: a(S).Overline,
-          "max-width": "100%"
-        }, {
-          default: s(() => [
-            m(p(a(r).errorText.value), 1)
-          ]),
-          _: 1
-        }, 8, ["variation"])) : i("", !0),
-        a(r).errorText.value ? (l(), u("br", M)) : i("", !0),
-        g(o.$slots, "footer", {}, () => [
-          e.helpText ? (l(), y(f, {
+          "max-width": "100%",
+          "html-data": a(r).errorText.value
+        }, null, 8, ["variation", "html-data"])) : i("", !0),
+        a(r).errorText.value ? (o(), u("br", M)) : i("", !0),
+        b(l.$slots, "footer", {}, () => [
+          e.helpText ? (o(), y(s, {
             key: 0,
             "tag-name": "div",
             variation: a(S).Overline,
             color: "gray",
             "max-width": "100%"
           }, {
-            default: s(() => [
-              m(p(e.helpText), 1)
+            default: h(() => [
+              v(g(e.helpText), 1)
             ]),
             _: 1
           }, 8, ["variation"])) : i("", !0)

package/dist/components/elements/McFieldRadioGroup/McFieldRadioGroup.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as C, defineAsyncComponent as g, computed as v, useId as N, watch as w, openBlock as o, createElementBlock as d, normalizeClass as E, createElementVNode as _, renderSlot as y, createBlock as n, unref as r, withCtx as u, createTextVNode as c, toDisplayString as m, createCommentVNode as l, Fragment as B, renderList as D, mergeProps as F } from "vue";
+import { defineComponent as C, defineAsyncComponent as m, computed as p, useId as N, watch as w, openBlock as o, createElementBlock as d, normalizeClass as E, createElementVNode as f, renderSlot as g, createBlock as n, unref as r, withCtx as v, createTextVNode as h, toDisplayString as y, createCommentVNode as l, Fragment as B, renderList as D, mergeProps as F } from "vue";
 import { useFieldErrors as $ } from "../../../composables/useFieldErrors2.js";
 import { Directions as A } from "../../../enums/ui/Directions2.js";
 import { RadioGroupDirection as M } from "../../../enums/RadioGroup2.js";
-import { TitleVariations as h } from "../../../enums/Title2.js";
+import { TitleVariations as _ } from "../../../enums/Title2.js";
 const O = ["dir"], R = { class: "mc-field-radio-group__header" }, G = { class: "mc-field-radio-group__buttons" }, I = {
   key: 0,
   class: "mc-field-radio-group__footer"
@@ -88,10 +88,10 @@ const O = ["dir"], R = { class: "mc-field-radio-group__header" }, G = { class: "
   },
   emits: ["update:modelValue", "change"],
   setup(x, { emit: T }) {
-    const s = g(() => import("../McTitle/McTitle.vue.js")), V = g(() => import("../McFieldRadio/McFieldRadio.vue.js")), p = T, e = x, i = $(e.errors), b = v(() => e.options.length ? e.options.map((t, f) => {
+    const s = m(() => import("../McTitle/McTitle.vue.js")), V = m(() => import("../McFieldRadio/McFieldRadio.vue.js")), u = T, e = x, i = $(e.errors), b = p(() => e.options.length ? e.options.map((t, c) => {
       const a = typeof t == "object" ? t : { label: t, value: t };
       return {
-        id: N() + "|" + f,
+        id: N() + "|" + c,
         ...a,
         disabled: e.disabled || a.disabled,
         value: a.value,
@@ -100,28 +100,28 @@ const O = ["dir"], R = { class: "mc-field-radio-group__header" }, G = { class: "
         dir: e.dir,
         variation: e.variation
       };
-    }) : []), S = v(() => ({
+    }) : []), S = p(() => ({
       [`mc-field-radio-group--direction-${e.direction}`]: !!e.direction
     })), k = (t) => {
-      i.toggleErrorVisible(), p("update:modelValue", t), p("change", t);
+      i.toggleErrorVisible(), u("update:modelValue", t), u("change", t);
     };
     return w(() => e.errors, (t) => {
       i.setError(t);
-    }), (t, f) => (o(), d("div", {
+    }), (t, c) => (o(), d("div", {
       dir: e.dir,
       class: E(["mc-field-radio-group", S.value])
     }, [
-      _("div", R, [
-        y(t.$slots, "header", {}, () => [
+      f("div", R, [
+        g(t.$slots, "header", {}, () => [
           e.title ? (o(), n(r(s), { key: 0 }, {
-            default: u(() => [
-              c(m(e.title), 1)
+            default: v(() => [
+              h(y(e.title), 1)
             ]),
             _: 1
           })) : l("", !0)
         ])
       ]),
-      _("div", G, [
+      f("div", G, [
         (o(!0), d(B, null, D(b.value, (a) => (o(), n(r(V), F({
           key: a.id
         }, { ref_for: !0 }, a, {
@@ -134,25 +134,21 @@ const O = ["dir"], R = { class: "mc-field-radio-group__header" }, G = { class: "
           key: 0,
           "tag-name": "div",
           color: "red",
-          variation: r(h).Overline,
-          "max-width": "100%"
-        }, {
-          default: u(() => [
-            c(m(r(i).errorText.value), 1)
-          ]),
-          _: 1
-        }, 8, ["variation"])) : l("", !0),
+          variation: r(_).Overline,
+          "max-width": "100%",
+          "html-data": r(i).errorText.value
+        }, null, 8, ["variation", "html-data"])) : l("", !0),
         r(i).errorText.value ? (o(), d("br", L)) : l("", !0),
-        y(t.$slots, "footer", {}, () => [
+        g(t.$slots, "footer", {}, () => [
           e.helpText ? (o(), n(r(s), {
             key: 0,
             "tag-name": "div",
-            variation: r(h).Overline,
+            variation: r(_).Overline,
             color: "gray",
             "max-width": "100%"
           }, {
-            default: u(() => [
-              c(m(e.helpText), 1)
+            default: v(() => [
+              h(y(e.helpText), 1)
             ]),
             _: 1
           }, 8, ["variation"])) : l("", !0)