@nmorph/nmorph-ui-kit 0.2.141 → 0.2.144

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as T, computed as h, ref as x, openBlock as a, createElementBlock as l, normalizeClass as V, createElementVNode as n, createBlock as q, unref as _, renderSlot as C, toDisplayString as j, createCommentVNode as D, useCssVars as N, normalizeStyle as ne, resolveDynamicComponent as L2, createStaticVNode as s2, createTextVNode as oe, inject as J, onUnmounted as ke, onMounted as te, nextTick as pe, watch as K, mergeProps as me, createVNode as k, withCtx as R, reactive as _e, Fragment as G, renderList as Z, provide as ee, Teleport as xe, withModifiers as re, withDirectives as Pe, vShow as Ee, useSlots as Fe, readonly as U2, TransitionGroup as ye, withKeys as ue, resolveComponent as Re } from "vue";
+import { defineComponent as T, computed as h, ref as x, openBlock as a, createElementBlock as l, normalizeClass as V, createElementVNode as n, createBlock as q, unref as _, renderSlot as C, toDisplayString as j, createCommentVNode as D, useCssVars as N, normalizeStyle as ne, resolveDynamicComponent as L2, createStaticVNode as s2, createTextVNode as re, inject as J, onUnmounted as ke, onMounted as te, nextTick as pe, watch as G, mergeProps as me, createVNode as k, withCtx as R, reactive as _e, Fragment as Q, renderList as Z, provide as ee, Teleport as xe, withModifiers as le, withDirectives as Pe, vShow as Ee, useSlots as Fe, readonly as U2, TransitionGroup as ye, withKeys as ue, resolveComponent as Re } from "vue";
 import { useI18n as Y2, createI18n as G2 } from "vue-i18n";
 var se = /* @__PURE__ */ ((t) => (t.thick = "thick-component", t.default = "default-height-component", t.thin = "thin-component", t))(se || {}), K2 = /* @__PURE__ */ ((t) => (t.circle = "circle", t.square = "square", t))(K2 || {}), Q2 = /* @__PURE__ */ ((t) => (t.ascending = "ascending", t.descending = "descending", t))(Q2 || {}), Z2 = /* @__PURE__ */ ((t) => (t.row = "row", t.column = "column", t))(Z2 || {}), i2 = /* @__PURE__ */ ((t) => (t.inset = "shadow-inset", t.outset = "shadow-outset", t.combined = "shadow-combined", t["not-defined"] = "shadow-not-defined", t))(i2 || {}), d2 = /* @__PURE__ */ ((t) => (t.accent = "accent", t.success = "success", t.error = "error", t.warning = "warning", t))(d2 || {}), d = /* @__PURE__ */ ((t) => (t["add-location"] = "add-location", t.aim = "aim", t["alarm-clock"] = "alarm-clock", t.apple = "apple", t.archive = "archive", t["arrow-down"] = "arrow-down", t["arrow-left"] = "arrow-left", t["arrow-right"] = "arrow-right", t["arrow-up"] = "arrow-up", t.audio = "audio", t.avatar = "avatar", t.back = "back", t["bell-filled"] = "bell-filled", t.bell = "bell", t.bicycle = "bicycle", t["bottom-left"] = "bottom-left", t["bottom-right"] = "bottom-right", t.bottom = "bottom", t.burger = "burger", t.calendar = "calendar", t.camera = "camera", t["caret-bottom"] = "caret-bottom", t["caret-left"] = "caret-left", t["caret-right"] = "caret-right", t["caret-top"] = "caret-top", t.cellphone = "cellphone", t["chat-dot-round"] = "chat-dot-round", t["chat-dot-square"] = "chat-dot-square", t["chat-line-round"] = "chat-line-round", t["chat-line-square"] = "chat-line-square", t["chat-round"] = "chat-round", t["chat-square"] = "chat-square", t.check = "check", t.checked = "checked", t.cherry = "cherry", t["chevron-double-down"] = "chevron-double-down", t["chevron-down"] = "chevron-down", t["chrome-filled"] = "chrome-filled", t["circle-check-filled"] = "circle-check-filled", t["circle-check"] = "circle-check", t["circle-close-filled"] = "circle-close-filled", t["circle-close"] = "circle-close", t["circle-plus-filled"] = "circle-plus-filled", t["circle-plus"] = "circle-plus", t.clock = "clock", t.close = "close", t.cloudy = "cloudy", t.code = "code", t["coffee-cup"] = "coffee-cup", t.coffee = "coffee", t.coin = "coin", t["collection-tag"] = "collection-tag", t.collection = "collection", t.compass = "compass", t.connection = "connection", t.coordinate = "coordinate", t["copy-document"] = "copy-document", t.copy = "copy", t.cpu = "cpu", t["credit-card"] = "credit-card", t.crop = "crop", t.cross = "cross", t["delete-filled"] = "delete-filled", t.delete = "delete", t.dessert = "dessert", t.discount = "discount", t.doc = "doc", t["document-add"] = "document-add", t["document-checked"] = "document-checked", t["document-copy"] = "document-copy", t["document-delete"] = "document-delete", t["document-remove"] = "document-remove", t.document = "document", t.download = "download", t["edit-pen"] = "edit-pen", t.edit = "edit", t.enlarge = "enlarge", t.error = "error", t.expand = "expand", t["eye-blocked"] = "eye-blocked", t.eye = "eye", t.failed = "failed", t.files = "files", t.film = "film", t.filter = "filter", t.finished = "finished", t.flag = "flag", t.fold = "fold", t["folder-add"] = "folder-add", t["folder-checked"] = "folder-checked", t["folder-delete"] = "folder-delete", t["folder-opened"] = "folder-opened", t.folder = "folder", t.food = "food", t["fork-spoon"] = "fork-spoon", t["full-screen"] = "full-screen", t.goblet = "goblet", t["gold-medal"] = "gold-medal", t["goods-filled"] = "goods-filled", t.goods = "goods", t.grape = "grape", t.grid = "grid", t.guide = "guide", t.handbag = "handbag", t.headset = "headset", t.histogram = "histogram", t["hot-water"] = "hot-water", t.house = "house", t["ice-cream-round"] = "ice-cream-round", t["ice-drink"] = "ice-drink", t["info-filled"] = "info-filled", t.info = "info", t.image = "image", t.key = "key", t["knife-fork"] = "knife-fork", t.lightning = "lightning", t.link = "link", t.list = "list", t.loader = "loader", t.loading = "loading", t["location-filled"] = "location-filled", t["location-information"] = "location-information", t.location = "location", t.lock = "lock", t.logo = "logo", t.lollipop = "lollipop", t["magic-stick"] = "magic-stick", t.magnet = "magnet", t.male = "male", t.management = "management", t["map-location"] = "map-location", t.medal = "medal", t.memo = "memo", t.menu = "menu", t["message-box"] = "message-box", t.message = "message", t.mic = "mic", t.microphone = "microphone", t.minus = "minus", t.money = "money", t.monitor = "monitor", t.moon = "moon", t["more-filled"] = "more-filled", t.more = "more", t["mostly-cloudy"] = "mostly-cloudy", t.mouse = "mouse", t.mug = "mug", t["mute-notification"] = "mute-notification", t.mute = "mute", t["no-smoking"] = "no-smoking", t.notebook = "notebook", t.notification = "notification", t["office-building"] = "office-building", t.operation = "operation", t.opportunity = "opportunity", t.orange = "orange", t.paperclip = "paperclip", t["partly-cloudy"] = "partly-cloudy", t.pear = "pear", t["phone-filled"] = "phone-filled", t.phone = "phone", t.picture = "picture", t["pie-chart"] = "pie-chart", t.place = "place", t.platform = "platform", t.plus = "plus", t.pointer = "pointer", t.position = "position", t["post-card"] = "post-card", t.pouring = "pouring", t.present = "present", t["price-tag"] = "price-tag", t.printer = "printer", t.promotion = "promotion", t["quartz-watch"] = "quartz-watch", t["question-filled"] = "question-filled", t.rank = "rank", t["reading-lamp"] = "reading-lamp", t.reading = "reading", t["refresh-left"] = "refresh-left", t["refresh-right"] = "refresh-right", t.refresh = "refresh", t.refrigerator = "refrigerator", t["remove-filled"] = "remove-filled", t.remove = "remove", t["rotate-left"] = "rotate-left", t["rotate-right"] = "rotate-right", t["scale-to-original"] = "scale-to-original", t.school = "school", t.scissor = "scissor", t.search = "search", t.select = "select", t.sell = "sell", t["semi-select"] = "semi-select", t.service = "service", t.setting = "setting", t.share = "share", t.ship = "ship", t.shop = "shop", t["shopping-bag"] = "shopping-bag", t["shopping-cart-full"] = "shopping-cart-full", t["shopping-cart"] = "shopping-cart", t.shrink = "shrink", t.smoking = "smoking", t.soccer = "soccer", t["sold-out"] = "sold-out", t["sort-down"] = "sort-down", t["sort-up"] = "sort-up", t.sort = "sort", t.stamp = "stamp", t["star-filled"] = "star-filled", t.star = "star", t["success-filled"] = "success-filled", t.success = "success", t.sugar = "sugar", t.sunny = "sunny", t.sunrise = "sunrise", t.sunset = "sunset", t["switch-button"] = "switch-button", t["switch-filled"] = "switch-filled", t.switch = "switch", t["takeaway-box"] = "takeaway-box", t.ticket = "ticket", t.tickets = "tickets", t.time = "time", t.timer = "timer", t["toilet-paper"] = "toilet-paper", t.tools = "tools", t["top-left"] = "top-left", t["top-right"] = "top-right", t.top = "top", t["trend-charts"] = "trend-charts", t["triangle-down"] = "triangle-down", t["trophy-base"] = "trophy-base", t.trophy = "trophy", t["turn-off"] = "turn-off", t.umbrella = "umbrella", t.unlock = "unlock", t["upload-filled"] = "upload-filled", t.upload = "upload", t["user-filled"] = "user-filled", t.user = "user", t.van = "van", t["video-camera"] = "video-camera", t["video-pause"] = "video-pause", t["video-play"] = "video-play", t.video = "video", t.view = "view", t["wallet-filled"] = "wallet-filled", t.wallet = "wallet", t["warn-triangle-filled"] = "warn-triangle-filled", t.warning = "warning", t.watch = "watch", t["wind-power"] = "wind-power", t["zoom-in"] = "zoom-in", t["zoom-out"] = "zoom-out", t))(d || {}), X2 = /* @__PURE__ */ ((t) => (t.left = "left", t.right = "right", t.top = "top", t.bottom = "bottom", t))(X2 || {}), J2 = /* @__PURE__ */ ((t) => (t.fill = "fill", t.contain = "contain", t.cover = "cover", t.none = "none", t["scale-down"] = "scale-down", t))(J2 || {}), ae = /* @__PURE__ */ ((t) => (t.en = "en", t.ru = "ru", t.zh = "zh", t))(ae || {}), N2 = /* @__PURE__ */ ((t) => (t["radio-style"] = "radio-style", t.button = "button", t))(N2 || {}), I2 = /* @__PURE__ */ ((t) => (t.date = "date", t.dates = "dates", t.daterange = "daterange", t))(I2 || {});
 const e0 = (t, e) => {
@@ -2834,7 +2834,7 @@ const gd = { render: fd }, p2 = {
         target: e.target
       }, [
         C(r.$slots, "prepend"),
-        oe(" " + j(r.text) + " ", 1),
+        re(" " + j(r.text) + " ", 1),
         r.iconName ? (a(), q(_(E), {
           key: 0,
           class: "nmorph-link__icon",
@@ -2876,20 +2876,20 @@ const yd = /* @__PURE__ */ T({
       "616ac766": F.value,
       "3eb1ffd9": X.value,
       "68ca2cc6": p.value,
-      e6613a6c: y.value,
+      e6613a6c: $.value,
       "475844c4": c.value,
       "475844c5": i.value,
       "408c54d1": W.value,
       ba0dc0f6: g.value,
-      bb485170: $.value
+      bb485170: y.value
     }));
     const r = t, s = x(null), i = h(() => r.scrollYProp), c = h(() => r.scrollXProp), u = x(!1), v = x(!1), m = () => {
       u.value = s.value?.scrollHeight > s.value?.clientHeight, v.value = s.value?.scrollWidth > s.value?.clientWidth;
     }, M = h(() => r.yBarWidthInPx + r.yGapInPx), H = h(() => r.xBarWidthInPx + r.xGapInPx), p = h(
       () => r.scrollYProp === "hidden" || !u.value ? "0" : `${M.value}px`
-    ), y = h(
+    ), $ = h(
       () => r.scrollXProp === "hidden" || !v.value ? "0" : `${H.value}px`
-    ), g = h(() => `${r.yBarWidthInPx}px`), $ = h(() => `${r.xBarWidthInPx}px`), w = J("nmorph");
+    ), g = h(() => `${r.yBarWidthInPx}px`), y = h(() => `${r.xBarWidthInPx}px`), w = J("nmorph");
     let f;
     const z = o, B = () => {
       const U = Math.trunc(s.value?.scrollLeft), I = Math.trunc(s.value?.scrollTop);
@@ -2918,34 +2918,34 @@ const yd = /* @__PURE__ */ T({
     };
     te(() => {
       S(r.modelValue), pe(m);
-    }), K(
+    }), G(
       () => r.modelValue,
       (U) => {
         S(U);
       },
       { deep: !0, immediate: !0 }
-    ), K(
+    ), G(
       () => w?.browser.dimensions,
       () => {
         pe(m);
       },
       { deep: !0, immediate: !0 }
     );
-    const W = h(() => r.cssScrollBehavior), F = h(() => r.height), X = h(() => r.maxHeight), le = pc(r);
+    const W = h(() => r.cssScrollBehavior), F = h(() => r.height), X = h(() => r.maxHeight), oe = pc(r);
     e({ scrollDOMContainer: s, moveTo: S });
     const ge = () => {
       b.value = !0;
-    }, Q = () => {
+    }, K = () => {
       b.value = !1;
     };
     return (U, I) => (a(), l("div", me({
       ref_key: "scrollDOMContainer",
       ref: s,
       class: O.value
-    }, _(le), {
+    }, _(oe), {
       onScroll: P,
       onMouseenter: ge,
-      onMouseleave: Q
+      onMouseleave: K
     }), [
       C(U.$slots, "default")
     ], 16));
@@ -2966,7 +2966,7 @@ const $d = /* @__PURE__ */ T({
   },
   emits: ["error", "load"],
   setup(t, { emit: e }) {
-    N((y) => ({
+    N(($) => ({
       "574116af": p.value,
       "11dd63ea": m.value,
       "11d2c240": v.value,
@@ -2977,12 +2977,12 @@ const $d = /* @__PURE__ */ T({
         nmorph: [`${o.frameBorder > 0 && "shadow-combined"}`],
         "nmorph-avatar": [o.shape]
       })
-    ), c = (y) => {
-      r("error", y), s.value = !0;
-    }, u = (y) => {
-      r("load", y), s.value = !1;
+    ), c = ($) => {
+      r("error", $), s.value = !0;
+    }, u = ($) => {
+      r("load", $), s.value = !1;
     }, v = h(() => `${o.imagePadding}px`), m = h(() => ` ${o.size}px`), M = h(() => `${o.size / 100 * 60}px`), H = h(() => o.shape === "circle" ? "50%" : "4px"), p = h(() => `${o.frameBorder}px`);
-    return (y, g) => (a(), l("div", {
+    return ($, g) => (a(), l("div", {
       class: V(i.value)
     }, [
       k(_(He), {
@@ -3062,7 +3062,7 @@ const $e = (t, e) => {
       }, [
         e.isDot ? (a(), l("div", Md)) : (a(), l("div", Hd, [
           C(m.$slots, "value", {}, () => [
-            oe(j(s.value), 1)
+            re(j(s.value), 1)
           ])
         ]))
       ], 6)
@@ -3087,11 +3087,11 @@ const zd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
   emits: ["update:model-value", "update-initial-date"],
   setup(t, { emit: e }) {
     const o = t, r = e, { days: s } = ze(), i = () => {
-      y.value = f.value;
+      $.value = f.value;
     }, c = () => {
-      y.value = /* @__PURE__ */ new Date();
+      $.value = /* @__PURE__ */ new Date();
     }, u = () => {
-      y.value = z.value;
+      $.value = z.value;
     }, v = () => {
       throw new Error("model value and type prop not matched");
     }, m = (b) => {
@@ -3124,8 +3124,8 @@ const zd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
       if (o.type === "date" && (g.value = W, r("update:model-value", g.value)), o.type === "dates") {
         if (!Array.isArray(g.value))
           return v();
-        const F = W.toDateString(), le = g.value.map((Q) => Q.toDateString()).indexOf(F);
-        le !== -1 ? g.value.splice(le, 1) : g.value.push(W), r("update:model-value", g.value);
+        const F = W.toDateString(), oe = g.value.map((K) => K.toDateString()).indexOf(F);
+        oe !== -1 ? g.value.splice(oe, 1) : g.value.push(W), r("update:model-value", g.value);
       }
       if (o.type === "daterange") {
         if (!Array.isArray(g.value))
@@ -3144,38 +3144,38 @@ const zd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
         return Array.isArray(g.value) ? !!g.value.find((S) => S.toDateString() === b.toDateString()) : v();
       if (o.type === "daterange")
         return Array.isArray(g.value) ? H(b, g.value) : v();
-    }, y = x(o.initialDate), g = x(m(o.modelValue));
+    }, $ = x(o.initialDate), g = x(m(o.modelValue));
     te(() => {
       r("update:model-value", g.value);
     });
-    let $ = _e([]);
+    let y = _e([]);
     const w = () => {
-      $ = [], b2(y, o.range).forEach((O) => {
+      y = [], b2($, o.range).forEach((O) => {
         const S = {};
         O.forEach((W, F) => {
           const X = s[F];
           S[X] = W;
-        }), $.push(S);
+        }), y.push(S);
       });
     };
-    K(
+    G(
       () => o.initialDate,
       (b) => {
-        y.value = b;
+        $.value = b;
       },
       {
         deep: !0
       }
-    ), K(y, () => {
-      w(), r("update-initial-date", y.value);
-    }), K(
+    ), G($, () => {
+      w(), r("update-initial-date", $.value);
+    }), G(
       () => o.modelValue,
       (b) => {
         g.value = m(b);
       }
     );
-    const f = h(() => new Date(y.value.setMonth(y.value.getMonth() - 1))), z = h(() => new Date(y.value.setMonth(y.value.getMonth() + 1))), B = h(() => {
-      const { range: b } = o, O = b ? x2(y.value, b[0]) : !0, S = b ? y2(y.value, b[1]) : !0, W = $2(b);
+    const f = h(() => new Date($.value.setMonth($.value.getMonth() - 1))), z = h(() => new Date($.value.setMonth($.value.getMonth() + 1))), B = h(() => {
+      const { range: b } = o, O = b ? x2($.value, b[0]) : !0, S = b ? y2($.value, b[1]) : !0, W = $2(b);
       return {
         showPreviousMonthButton: O,
         showNextMonthButton: S,
@@ -3186,77 +3186,74 @@ const zd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
         "nmorph-calendar": []
       })
     ), P = (b) => b;
-    return w(), (b, O) => (a(), l(G, null, [
-      oe(j(y.value.getMonth()) + " ", 1),
-      n("div", {
-        class: V(L.value)
-      }, [
-        C(b.$slots, "header", {}, () => [
-          k(_(M2), {
-            year: y.value.getFullYear(),
-            month: y.value.getMonth(),
-            "show-previous-month-button": B.value.showPreviousMonthButton,
-            "show-today-button": B.value.showTodayButton,
-            "show-next-month-button": B.value.showNextMonthButton,
-            onClickNextMonth: u,
-            onClickPreviousMonth: i,
-            onClickToday: c
-          }, null, 8, ["year", "month", "show-previous-month-button", "show-today-button", "show-next-month-button"])
-        ]),
-        C(b.$slots, "content", {}, () => [
-          k(_(V2), {
-            data: _($),
-            bordered: "",
-            "row-hover": !1
-          }, {
-            default: R(() => [
-              (a(!0), l(G, null, Z(_(s), (S) => (a(), q(_(C2), {
-                key: `${S}`,
-                prop: S,
-                label: S.toUpperCase()
-              }, {
-                default: R(({ scope: W }) => [
-                  (a(!0), l(G, null, Z(W.rows, (F, X) => (a(), q(_(B2), {
-                    key: X,
-                    row: X
-                  }, {
-                    default: R(() => [
-                      n("div", {
-                        "data-date": `${P(F[S]).date}`,
-                        class: V([
-                          "nmorph-calendar-date",
-                          `nmorph-calendar-date--${P(F[S]).monthType}`,
-                          {
-                            "nmorph-calendar-date--today": P(F[S]).isToday && !P(F[S]).hidden && o.markToday
-                          },
-                          { "nmorph-calendar-date--hidden": P(F[S]).hidden },
-                          {
-                            "nmorph-calendar-date--selected": p(P(F[S]).date)
-                          }
-                        ]),
-                        onClick: (le) => M(P(F[S]))
-                      }, [
-                        C(b.$slots, "date-cell", {
-                          scope: {
-                            ...P(F[S]),
-                            selected: p(P(F[S]).date)
-                          }
-                        }, () => [
-                          oe(j(P(F[S]).hidden ? "-" : P(F[S]).value), 1)
-                        ])
-                      ], 10, Bd)
-                    ]),
-                    _: 2
-                  }, 1032, ["row"]))), 128))
-                ]),
-                _: 2
-              }, 1032, ["prop", "label"]))), 128))
-            ]),
-            _: 3
-          }, 8, ["data"])
-        ])
-      ], 2)
-    ], 64));
+    return w(), (b, O) => (a(), l("div", {
+      class: V(L.value)
+    }, [
+      C(b.$slots, "header", {}, () => [
+        k(_(M2), {
+          year: $.value.getFullYear(),
+          month: $.value.getMonth(),
+          "show-previous-month-button": B.value.showPreviousMonthButton,
+          "show-today-button": B.value.showTodayButton,
+          "show-next-month-button": B.value.showNextMonthButton,
+          onClickNextMonth: u,
+          onClickPreviousMonth: i,
+          onClickToday: c
+        }, null, 8, ["year", "month", "show-previous-month-button", "show-today-button", "show-next-month-button"])
+      ]),
+      C(b.$slots, "content", {}, () => [
+        k(_(V2), {
+          data: _(y),
+          bordered: "",
+          "row-hover": !1
+        }, {
+          default: R(() => [
+            (a(!0), l(Q, null, Z(_(s), (S) => (a(), q(_(C2), {
+              key: `${S}`,
+              prop: S,
+              label: S.toUpperCase()
+            }, {
+              default: R(({ scope: W }) => [
+                (a(!0), l(Q, null, Z(W.rows, (F, X) => (a(), q(_(B2), {
+                  key: X,
+                  row: X
+                }, {
+                  default: R(() => [
+                    n("div", {
+                      "data-date": `${P(F[S]).date}`,
+                      class: V([
+                        "nmorph-calendar-date",
+                        `nmorph-calendar-date--${P(F[S]).monthType}`,
+                        {
+                          "nmorph-calendar-date--today": P(F[S]).isToday && !P(F[S]).hidden && o.markToday
+                        },
+                        { "nmorph-calendar-date--hidden": P(F[S]).hidden },
+                        {
+                          "nmorph-calendar-date--selected": p(P(F[S]).date)
+                        }
+                      ]),
+                      onClick: (oe) => M(P(F[S]))
+                    }, [
+                      C(b.$slots, "date-cell", {
+                        scope: {
+                          ...P(F[S]),
+                          selected: p(P(F[S]).date)
+                        }
+                      }, () => [
+                        re(j(P(F[S]).hidden ? "-" : P(F[S]).value), 1)
+                      ])
+                    ], 10, Bd)
+                  ]),
+                  _: 2
+                }, 1032, ["row"]))), 128))
+              ]),
+              _: 2
+            }, 1032, ["prop", "label"]))), 128))
+          ]),
+          _: 3
+        }, 8, ["data"])
+      ])
+    ], 2));
   }
 });
 const w2 = (t) => {
@@ -3285,12 +3282,12 @@ const w2 = (t) => {
 }, Cd = (t) => t % 4 === 0 && t % 100 !== 0 || t % 400 === 0, t2 = (t, e) => [0, 2, 4, 6, 7, 9, 11].includes(e) ? 31 : [3, 5, 8, 10].includes(e) ? 30 : Cd(t) ? 29 : 28, ie = (t) => new Date(t.getFullYear(), t.getMonth(), t.getDate()), b2 = (t, e) => {
   const o = (F) => e ? F < ie(e[0]) || F > ie(e[1]) : !1, r = t.value.getFullYear(), s = t.value.getMonth(), c = new Date(r, s, 1).getDay() + 1, u = t2(r, s), v = 7 + c - 8;
   let H = 7 - (new Date(r, s, u).getDay() + 1);
-  const p = /* @__PURE__ */ new Date(), y = p.getDate(), g = p.getMonth(), $ = s - 1, w = t2(r, $);
+  const p = /* @__PURE__ */ new Date(), $ = p.getDate(), g = p.getMonth(), y = s - 1, w = t2(r, y);
   let f = w - v;
   const z = [];
   for (; f < w; ) {
     f++;
-    const F = g === $ && y === f, X = new Date(r, $, f);
+    const F = g === y && $ === f, X = new Date(r, y, f);
     z.push({
       value: f,
       monthType: "previous",
@@ -3303,7 +3300,7 @@ const w2 = (t) => {
   let P = 0;
   for (; H; ) {
     P++, H--;
-    const F = g === B && y === P, X = new Date(r, B, P);
+    const F = g === B && $ === P, X = new Date(r, B, P);
     L.push({
       value: P,
       monthType: "next",
@@ -3317,13 +3314,13 @@ const w2 = (t) => {
   for (; b < u; ) {
     const F = p.getDate();
     b++;
-    const X = g === s && F === b, le = new Date(r, s, b);
+    const X = g === s && F === b, oe = new Date(r, s, b);
     O.push({
       value: b,
       monthType: "current",
       isToday: X,
-      date: le,
-      hidden: o(le)
+      date: oe,
+      hidden: o(oe)
     });
   }
   const S = [...z, ...O, ...L], W = [];
@@ -3436,12 +3433,12 @@ const Ed = /* @__PURE__ */ $e(Pd, [["__scopeId", "data-v-e3cb136f"]]), qd = ["id
     const M = x(null), H = _e({}), p = () => {
       const B = H[Object.keys(H).length - 1]?.cloneNode(!0), L = H[0]?.cloneNode(!0);
       M.value?.prepend(B), M.value?.append(L), o.value += 1;
-    }, y = () => {
+    }, $ = () => {
       o.value === 0 && (o.value = Object.keys(H).length, w.value = !1), o.value > Object.keys(H).length && (o.value = 1, w.value = !1);
     };
     te(() => {
-      i.loop && o.value === 0 && (pe(() => p()), M.value?.addEventListener("transitionend", y));
-    }), K(o, (B) => {
+      i.loop && o.value === 0 && (pe(() => p()), M.value?.addEventListener("transitionend", $));
+    }), G(o, (B) => {
       c("change", o.value), (B === 1 || B === Object.keys(H).length) && setTimeout(() => {
         w.value = !0;
       });
@@ -3449,7 +3446,7 @@ const Ed = /* @__PURE__ */ $e(Pd, [["__scopeId", "data-v-e3cb136f"]]), qd = ["id
     const g = (B, L) => {
       const P = B;
       H[L] = P;
-    }, $ = h(() => `translateX(-${o.value * 100}%)`), w = x(!0), f = (B) => B === o.value - 1, z = (B) => {
+    }, y = h(() => `translateX(-${o.value * 100}%)`), w = x(!0), f = (B) => B === o.value - 1, z = (B) => {
       o.value = B + 1;
     };
     return (B, L) => (a(), l("div", {
@@ -3459,9 +3456,9 @@ const Ed = /* @__PURE__ */ $e(Pd, [["__scopeId", "data-v-e3cb136f"]]), qd = ["id
         ref_key: "carouselWrapper",
         ref: M,
         class: V(["nmorph-carousel__wrapper", { "transition-enabled": w.value }]),
-        style: ne({ transform: $.value })
+        style: ne({ transform: y.value })
       }, [
-        (a(!0), l(G, null, Z(v.value, (P, b) => (a(), l("div", {
+        (a(!0), l(Q, null, Z(v.value, (P, b) => (a(), l("div", {
           id: `nmorph-carousel-item-${_(m)}-${P}`,
           key: P,
           ref_for: !0,
@@ -3470,7 +3467,7 @@ const Ed = /* @__PURE__ */ $e(Pd, [["__scopeId", "data-v-e3cb136f"]]), qd = ["id
         }, null, 8, qd))), 128))
       ], 6),
       n("div", Fd, [
-        (a(!0), l(G, null, Z(v.value, (P, b) => (a(), l("div", {
+        (a(!0), l(Q, null, Z(v.value, (P, b) => (a(), l("div", {
           key: b,
           class: "nmorph-carousel__element-indicator-wrapper",
           onClick: (O) => z(b)
@@ -3529,7 +3526,7 @@ const Wd = /* @__PURE__ */ T({
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
     const o = t, r = x(o.modelValue);
-    K(
+    G(
       () => o.modelValue,
       (u) => {
         r.value = u;
@@ -3582,23 +3579,23 @@ const Wd = /* @__PURE__ */ T({
     };
     return te(() => {
       Array.isArray(u?.value) ? s.value = u.value.includes(o.name) : s.value = u?.value === o.name;
-    }), K(
+    }), G(
       () => u?.value,
       (p) => {
         Array.isArray(p) ? s.value = p.includes(o.name) : s.value = p === o.name;
       },
       { deep: !0 }
-    ), K(s, () => {
+    ), G(s, () => {
       M.value = s.value && m.value ? m.value?.clientHeight : 0;
-    }), (p, y) => (a(), l("div", {
+    }), (p, $) => (a(), l("div", {
       class: V(i.value),
-      onClick: re(H, ["stop"])
+      onClick: le(H, ["stop"])
     }, [
       n("div", {
         class: V(["nmorph-collapse-item__title", c.value])
       }, [
         C(p.$slots, "title", {}, () => [
-          oe(j(o.title), 1)
+          re(j(o.title), 1)
         ])
       ], 2),
       n("div", {
@@ -3649,7 +3646,7 @@ const Yd = ["src", "alt", "srcset"], Gd = {
         "nmorph-image": [`${(v.value || !r.value) && "hide"}`]
       })
     ), M = h(() => o.fit), H = h(() => `${o.frameBorder}px`);
-    return (p, y) => o.src ? (a(), l("div", {
+    return (p, $) => o.src ? (a(), l("div", {
       key: 0,
       class: V(m.value)
     }, [
@@ -3662,11 +3659,11 @@ const Yd = ["src", "alt", "srcset"], Gd = {
       }, null, 40, Yd),
       v.value ? (a(), l("div", Gd, [
         C(p.$slots, "error", {}, () => [
-          oe(j(o.loadFailedText), 1)
+          re(j(o.loadFailedText), 1)
         ], !0)
       ])) : r.value ? D("", !0) : (a(), l("div", Kd, [
         C(p.$slots, "loading", {}, () => [
-          oe(j(o.loadingText), 1)
+          re(j(o.loadingText), 1)
         ], !0)
       ]))
     ], 2)) : D("", !0);
@@ -3692,7 +3689,7 @@ const He = /* @__PURE__ */ $e(Qd, [["__scopeId", "data-v-4c37d982"]]), Zd = { cl
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
     const o = t, r = x(o.modelValue);
-    K(
+    G(
       () => o.modelValue,
       (S) => r.value = S
     );
@@ -3710,9 +3707,9 @@ const He = /* @__PURE__ */ $e(Qd, [["__scopeId", "data-v-4c37d982"]]), Zd = { cl
       f.value = f.value - 90, f.value <= -360 && (f.value = 0);
     }, p = () => {
       u.value < o.maxScaleLevel && (u.value += o.scaleStep), u.value = parseFloat(u.value.toFixed(3));
-    }, y = () => {
+    }, $ = () => {
       u.value > o.minScaleLevel && (u.value -= o.scaleStep), u.value = parseFloat(u.value.toFixed(3));
-    }, g = h(() => u.value < 1), $ = () => {
+    }, g = h(() => u.value < 1), y = () => {
       u.value = 1;
     }, w = () => {
       u.value = 1;
@@ -3729,7 +3726,7 @@ const He = /* @__PURE__ */ $e(Qd, [["__scopeId", "data-v-4c37d982"]]), Zd = { cl
       };
       return g.value && (S = {
         icon: "enlarge",
-        handler: $
+        handler: y
       }), S;
     }), P = [
       {
@@ -3746,7 +3743,7 @@ const He = /* @__PURE__ */ $e(Qd, [["__scopeId", "data-v-4c37d982"]]), Zd = { cl
       },
       {
         icon: "zoom-out",
-        handler: y
+        handler: $
       }
     ], b = e, O = h(() => Array.isArray(o.src) && o.src.length > 0);
     return (S, W) => (a(), l("div", {
@@ -3792,7 +3789,7 @@ const He = /* @__PURE__ */ $e(Qd, [["__scopeId", "data-v-4c37d982"]]), Zd = { cl
             })
           ])) : D("", !0),
           n("div", Nd, [
-            (a(), l(G, null, Z(P, (F, X) => n("div", {
+            (a(), l(Q, null, Z(P, (F, X) => n("div", {
               key: X,
               class: "nmorph-image-preview__action-element"
             }, [
@@ -3849,32 +3846,32 @@ const eu = /* @__PURE__ */ T({
     }, c = () => {
       u.value = String(Number(u.value) + 1);
     }, u = x(String(o.modelValue)), v = h(() => {
-      const $ = o.totalElementsQuantity / o.elementsQuantityOnPage + 1, w = $ % 1 === 0 ? -1 : 0;
-      return Array.from({ length: $ + w }, (z, B) => ({ value: String(B + 1), label: String(B + 1) }));
+      const y = o.totalElementsQuantity / o.elementsQuantityOnPage + 1, w = y % 1 === 0 ? -1 : 0;
+      return Array.from({ length: y + w }, (z, B) => ({ value: String(B + 1), label: String(B + 1) }));
     }), m = h(() => o.hideOnSinglePage || o.totalElementsQuantity / o.elementsQuantityOnPage > 1);
-    K(u, ($) => {
-      r("update:model-value", Number($));
+    G(u, (y) => {
+      r("update:model-value", Number(y));
     });
-    const M = ($) => {
-      u.value = $;
-    }, H = h(() => Number(u.value) === 1), p = h(() => v.value.length === Number(u.value)), y = h(() => {
-      const $ = v.value.length, w = Number(u.value), f = o.maxVisiblePages;
-      if ($ <= f)
+    const M = (y) => {
+      u.value = y;
+    }, H = h(() => Number(u.value) === 1), p = h(() => v.value.length === Number(u.value)), $ = h(() => {
+      const y = v.value.length, w = Number(u.value), f = o.maxVisiblePages;
+      if (y <= f)
         return v.value;
       const z = Math.floor(f / 2);
-      return w <= z ? [...v.value.slice(0, f - 2), { value: "next", label: "..." }, v.value[$ - 1]] : w >= $ - z ? [v.value[0], { value: "prev", label: "..." }, ...v.value.slice($ - (f - 2))] : [
+      return w <= z ? [...v.value.slice(0, f - 2), { value: "next", label: "..." }, v.value[y - 1]] : w >= y - z ? [v.value[0], { value: "prev", label: "..." }, ...v.value.slice(y - (f - 2))] : [
         v.value[0],
         { value: "prev", label: "..." },
         ...v.value.slice(w - z, w + z - 1),
         { value: "next", label: "..." },
-        v.value[$ - 1]
+        v.value[y - 1]
       ];
-    }), g = ($) => {
+    }), g = (y) => {
       const w = Number(u.value);
-      let f = $ === "prev" ? w - o.fastForwardStep : w + o.fastForwardStep;
+      let f = y === "prev" ? w - o.fastForwardStep : w + o.fastForwardStep;
       f <= 0 && (f = 1), f >= v.value.length && (f = v.value.length), u.value = String(f);
     };
-    return ($, w) => m.value ? (a(), l("div", {
+    return (y, w) => m.value ? (a(), l("div", {
       key: 0,
       class: V(s.value)
     }, [
@@ -3898,7 +3895,7 @@ const eu = /* @__PURE__ */ T({
         "onUpdate:modelValue": M
       }, {
         default: R(() => [
-          (a(!0), l(G, null, Z(y.value, (f) => (a(), l("div", {
+          (a(!0), l(Q, null, Z($.value, (f) => (a(), l("div", {
             key: f.value,
             class: "nmorph-pagination__page-btn-wrapper"
           }, [
@@ -3974,7 +3971,7 @@ const tu = {
       c.value && (u.value = 2 * Math.PI * c.value.r.baseVal.value);
     });
     const M = h(() => `${e.circleSize}px`), H = h(() => `${e.percentage}%`);
-    return (p, y) => (a(), l("div", {
+    return (p, $) => (a(), l("div", {
       class: V(o.value)
     }, [
       e.type === "linear" ? (a(), l("div", tu, [
@@ -3982,21 +3979,21 @@ const tu = {
           n("div", au, [
             p.valueInside ? (a(), l("div", ou, [
               C(p.$slots, "inner-text", {}, () => [
-                oe(j(H.value), 1)
+                re(j(H.value), 1)
               ])
             ])) : D("", !0)
           ])
         ]),
         p.valueRightSide ? (a(), l("div", lu, [
           C(p.$slots, "right-side", {}, () => [
-            oe(j(H.value), 1)
+            re(j(H.value), 1)
           ])
         ])) : D("", !0)
       ])) : D("", !0),
       e.type === "circle" ? (a(), l("div", ru, [
         n("div", su, [
           C(p.$slots, "circle-inner-part", {}, () => [
-            oe(j(H.value), 1)
+            re(j(H.value), 1)
           ])
         ]),
         (a(), l("svg", {
@@ -4038,7 +4035,7 @@ const cu = {
       class: V(o.value)
     }, [
       e.rows && e.loading ? (a(), l("div", cu, [
-        (a(!0), l(G, null, Z(e.rows, (i) => (a(), q(_(z2), {
+        (a(!0), l(Q, null, Z(e.rows, (i) => (a(), q(_(z2), {
           key: i,
           width: "100%",
           height: "14px",
@@ -4147,9 +4144,9 @@ const fu = { class: "nmorph-table__wrapper" }, gu = { class: "nmorph-table__head
       () => A({
         "nmorph-table": [`${e.design}`]
       })
-    ), r = x(e.data), s = x(e.sort), i = (y, g) => {
-      s.value && (s.value[g] = y, r.value.sort(($, w) => {
-        const f = String($[g]).toLowerCase(), z = String(w[g]).toLowerCase();
+    ), r = x(e.data), s = x(e.sort), i = ($, g) => {
+      s.value && (s.value[g] = $, r.value.sort((y, w) => {
+        const f = String(y[g]).toLowerCase(), z = String(w[g]).toLowerCase();
         if (!s.value)
           return 0;
         const B = s.value[g];
@@ -4158,10 +4155,10 @@ const fu = { class: "nmorph-table__wrapper" }, gu = { class: "nmorph-table__head
     }, c = x(null), u = x([]);
     ee("table-data", { rows: r, columns: u });
     const v = h(() => {
-      const y = u.value.map((z) => z.width).filter((z) => !!z), g = y.length, $ = y.reduce((z, B) => (z += Number(B), z), 0), w = u.value.length - g;
-      return c.value?.clientWidth ? (c.value?.clientWidth - $) / w : 0;
-    }), m = (y) => y !== "" ? y : v.value, M = x(0);
-    K(
+      const $ = u.value.map((z) => z.width).filter((z) => !!z), g = $.length, y = $.reduce((z, B) => (z += Number(B), z), 0), w = u.value.length - g;
+      return c.value?.clientWidth ? (c.value?.clientWidth - y) / w : 0;
+    }), m = ($) => $ !== "" ? $ : v.value, M = x(0);
+    G(
       () => e.data,
       () => {
         M.value = M.value + 1, r.value = e.data, u.value = [];
@@ -4170,8 +4167,8 @@ const fu = { class: "nmorph-table__wrapper" }, gu = { class: "nmorph-table__head
         immediate: !0
       }
     );
-    const H = (y) => typeof y == "object" ? "" : y, p = ce();
-    return ee("table-identifier", p), (y, g) => (a(), l("div", {
+    const H = ($) => typeof $ == "object" ? "" : $, p = ce();
+    return ee("table-identifier", p), ($, g) => (a(), l("div", {
       ref_key: "nmorphDOMTable",
       ref: c,
       key: M.value,
@@ -4180,29 +4177,29 @@ const fu = { class: "nmorph-table__wrapper" }, gu = { class: "nmorph-table__head
       n("div", fu, [
         n("table", gu, [
           n("colgroup", null, [
-            (a(!0), l(G, null, Z(u.value, ($) => (a(), l("col", {
-              key: $.prop,
-              style: ne({ width: `${m($.width)}px` }),
-              "data-src": `${m($.width)}px`
+            (a(!0), l(Q, null, Z(u.value, (y) => (a(), l("col", {
+              key: y.prop,
+              style: ne({ width: `${m(y.width)}px` }),
+              "data-src": `${m(y.width)}px`
             }, null, 12, wu))), 128))
           ]),
           n("thead", null, [
             n("tr", xu, [
-              (a(!0), l(G, null, Z(u.value, ($, w) => (a(), l("th", {
+              (a(!0), l(Q, null, Z(u.value, (y, w) => (a(), l("th", {
                 key: w,
                 class: V(["nmorph-table__table-data", { "nmorph-table__table-data--bordered": e.bordered }])
               }, [
                 n("div", yu, [
                   n("div", {
-                    style: ne({ "justify-content": $.alignment }),
+                    style: ne({ "justify-content": y.alignment }),
                     class: "nmorph-table__cell-content"
                   }, [
-                    n("span", null, j($.label), 1),
-                    s.value && s.value[$.prop] ? (a(), q(_u, {
+                    n("span", null, j(y.label), 1),
+                    s.value && s.value[y.prop] ? (a(), q(_u, {
                       key: 0,
                       class: "nmorph-table__button-wrapper",
-                      value: s.value[$.prop],
-                      onSort: (f) => i(f, $.prop)
+                      value: s.value[y.prop],
+                      onSort: (f) => i(f, y.prop)
                     }, null, 8, ["value", "onSort"])) : D("", !0)
                   ], 4)
                 ])
@@ -4213,17 +4210,17 @@ const fu = { class: "nmorph-table__wrapper" }, gu = { class: "nmorph-table__head
         n("div", $u, [
           n("table", null, [
             n("colgroup", null, [
-              (a(!0), l(G, null, Z(u.value, ($) => (a(), l("col", {
-                key: $.prop,
-                style: ne({ width: `${m($.width)}px` })
+              (a(!0), l(Q, null, Z(u.value, (y) => (a(), l("col", {
+                key: y.prop,
+                style: ne({ width: `${m(y.width)}px` })
               }, null, 4))), 128))
             ]),
             n("tbody", null, [
-              (a(!0), l(G, null, Z(r.value, ($, w) => (a(), l("tr", {
+              (a(!0), l(Q, null, Z(r.value, (y, w) => (a(), l("tr", {
                 key: w,
                 class: V(["nmorph-table__table-data-row", { "nmorph-table__table-data-row--row-hover": e.rowHover }])
               }, [
-                (a(!0), l(G, null, Z(u.value, (f) => (a(), l("td", {
+                (a(!0), l(Q, null, Z(u.value, (f) => (a(), l("td", {
                   key: f.prop,
                   class: V([{ "nmorph-table__table-data--bordered": e.bordered }, "nmorph-table__table-data"])
                 }, [
@@ -4231,20 +4228,20 @@ const fu = { class: "nmorph-table__wrapper" }, gu = { class: "nmorph-table__head
                     id: `table-cell-${_(p)}-${w}-${f.prop}`,
                     style: ne({ "text-align": f.alignment }),
                     class: "nmorph-table__cell nmorph-table__cell--data"
-                  }, j(H($[f.prop])), 13, bu)
+                  }, j(H(y[f.prop])), 13, bu)
                 ], 2))), 128))
               ], 2))), 128))
             ])
           ]),
           n("table", null, [
             n("colgroup", null, [
-              (a(!0), l(G, null, Z(u.value, ($) => (a(), l("col", {
-                key: $.prop,
-                style: ne({ width: `${m($.width)}px` })
+              (a(!0), l(Q, null, Z(u.value, (y) => (a(), l("col", {
+                key: y.prop,
+                style: ne({ width: `${m(y.width)}px` })
               }, null, 4))), 128))
             ]),
             n("tbody", Mu, [
-              C(y.$slots, "default")
+              C($.$slots, "default")
             ])
           ])
         ])
@@ -4329,7 +4326,7 @@ const B2 = /* @__PURE__ */ T({
     return (u, v) => (a(), l("div", {
       class: V(s.value)
     }, [
-      (a(!0), l(G, null, Z(_(i), (m) => (a(), q(_(We), me({
+      (a(!0), l(Q, null, Z(_(i), (m) => (a(), q(_(We), me({
         key: m.value,
         ref_for: !0
       }, m, { onClose: c }), null, 16))), 128))
@@ -4363,7 +4360,7 @@ const B2 = /* @__PURE__ */ T({
           key: 0,
           class: "nmorph-tag-item__close-icon",
           name: "error",
-          onClick: re(i, ["stop"])
+          onClick: le(i, ["stop"])
         })) : D("", !0)
       ])
     ], 2));
@@ -4427,12 +4424,12 @@ const Vu = ["innerHTML"], Bu = {
           n("div", Au, [
             n("div", Du, [
               o.title || _(u).title ? C(m.$slots, "title", { key: 0 }, () => [
-                oe(j(o.title), 1)
+                re(j(o.title), 1)
               ]) : D("", !0)
             ]),
             n("div", Tu, [
               C(m.$slots, "default", {}, () => [
-                oe(j(o.content), 1)
+                re(j(o.content), 1)
               ])
             ])
           ])
@@ -4478,7 +4475,7 @@ const Ou = { class: "nmorph-dialog__header" }, Pu = { class: "nmorph-dialog__tit
       })
     ), i = h(() => o.width), c = h(() => o.zIndex), u = x(o.modelValue);
     let v = null, m = null;
-    K(
+    G(
       () => o.modelValue,
       (p) => {
         p ? (m && clearTimeout(m), v = setTimeout(() => {
@@ -4496,7 +4493,7 @@ const Ou = { class: "nmorph-dialog__header" }, Pu = { class: "nmorph-dialog__tit
     }, H = () => {
       o.closeOnOverlay && M();
     };
-    return (p, y) => (a(), q(_(Ae), {
+    return (p, $) => (a(), q(_(Ae), {
       show: u.value,
       onOnOutsideClick: H
     }, {
@@ -4540,7 +4537,7 @@ const n2 = (t) => {
         return console.warn("The input value and the provided rules do not match"), null;
       if (i.value || (i.value = !0), m) {
         const g = o;
-        r.value = g.reduce(($, w) => (u.match(w.pattern) || $.push(w.error), $), []);
+        r.value = g.reduce((y, w) => (u.match(w.pattern) || y.push(w.error), y), []);
       }
       if (M) {
         const g = (w, f, z) => {
@@ -4556,19 +4553,19 @@ const n2 = (t) => {
             case "gte":
               return w >= f;
           }
-        }, $ = o;
-        r.value = $.reduce((w, f) => (g(u, f.compareValue, f.numberCompareType) && w.push(f.error), w), []);
+        }, y = o;
+        r.value = y.reduce((w, f) => (g(u, f.compareValue, f.numberCompareType) && w.push(f.error), w), []);
       }
       if (H) {
         const g = o;
-        r.value = g.reduce(($, w) => {
+        r.value = g.reduce((y, w) => {
           let f = !1;
           const { compareValue: z, booleanCompareType: B } = w;
-          return B === "not-eq" && (f = u === z), B === "eq" && (f = u !== z), f || $.push(w.error), $;
+          return B === "not-eq" && (f = u === z), B === "eq" && (f = u !== z), f || y.push(w.error), y;
         }, []);
       }
       if (p) {
-        const g = o, $ = (w, f, z) => {
+        const g = o, y = (w, f, z) => {
           switch (z) {
             case "contains-one":
               return w.some((P) => f.includes(P));
@@ -4581,7 +4578,7 @@ const n2 = (t) => {
               return !w.some((P) => f.includes(P));
           }
         };
-        r.value = g.reduce((w, f) => ($(
+        r.value = g.reduce((w, f) => (y(
           u.map((B) => String(B)),
           f.compareValue,
           f.arrayCompareType
@@ -4598,7 +4595,7 @@ const n2 = (t) => {
     const H = u[M] ? JSON.stringify(u[M]) : null, p = JSON.stringify(v[M]);
     return H !== p;
   });
-  return K(t, (u) => {
+  return G(t, (u) => {
     i(r, u).forEach((m) => {
       const M = u[m];
       o[m] = n2({ inputValue: M.value, rules: M.rules }), o[m].validate();
@@ -4622,13 +4619,13 @@ const n2 = (t) => {
         console.warn("Relative element is not an HTMLElement");
         return;
       }
-      const y = p.getBoundingClientRect(), { x: g, y: $ } = y, w = y.width, f = y.height, z = window.innerWidth, B = window.innerHeight;
-      c.value === "top" && $ - H < 0 && (c.value = "bottom"), c.value === "bottom" && $ + f + H > B && (c.value = "top"), c.value === "left" && g - M < 0 && (c.value = "right"), c.value === "right" && g + w + M > z && (c.value = "left"), c.value === "top" && (u.value = { x: `${g + i}px`, y: `${$ + s}px` }), c.value === "bottom" && (u.value = { x: `${g + i}px`, y: `${$ + f + s}px` }), c.value === "right" && (u.value = { x: `${g + i}px`, y: `${$ + s}px` }), c.value === "left" && (u.value = { x: `${g + w + i}px`, y: `${$ + s}px` });
+      const $ = p.getBoundingClientRect(), { x: g, y } = $, w = $.width, f = $.height, z = window.innerWidth, B = window.innerHeight;
+      c.value === "top" && y - H < 0 && (c.value = "bottom"), c.value === "bottom" && y + f + H > B && (c.value = "top"), c.value === "left" && g - M < 0 && (c.value = "right"), c.value === "right" && g + w + M > z && (c.value = "left"), c.value === "top" && (u.value = { x: `${g + i}px`, y: `${y + s}px` }), c.value === "bottom" && (u.value = { x: `${g + i}px`, y: `${y + f + s}px` }), c.value === "right" && (u.value = { x: `${g + i}px`, y: `${y + s}px` }), c.value === "left" && (u.value = { x: `${g + w + i}px`, y: `${y + s}px` });
     });
   };
   return { placement: c, placementCoords: u };
 }, R9 = () => {
-}, Lu = "@nmorph/nmorph-ui-kit", Uu = "module", Yu = "0.2.141", Gu = "MIT", Ku = {
+}, Lu = "@nmorph/nmorph-ui-kit", Uu = "module", Yu = "0.2.144", Gu = "MIT", Ku = {
   node: "18.13.0",
   npm: "8.19.3"
 }, Qu = "./dist/index.d.ts", Zu = "./dist/index.umd.js", Xu = "./dist/index.es.js", Ju = "./dist/style.css", Nu = [
@@ -4784,19 +4781,19 @@ const n2 = (t) => {
   t0("warn", `NMORPH(v${oc.version})`);
   const e = { ...ic, ...t }, o = (p) => {
     try {
-      const y = uc(p), g = a2(y, e.darkShadeGeneratorCoefficient), $ = a2(y, e.lightShadeGeneratorCoefficient);
+      const $ = uc(p), g = a2($, e.darkShadeGeneratorCoefficient), y = a2($, e.lightShadeGeneratorCoefficient);
       return [
         { name: "--nmorph-dark-shade-color", color: g },
-        { name: "--nmorph-light-shade-color", color: $ }
+        { name: "--nmorph-light-shade-color", color: y }
       ];
-    } catch (y) {
-      console.error(y.message);
+    } catch ($) {
+      console.error($.message);
     }
-  }, r = (p) => Object.entries(p).map(([y, g]) => ({
-    name: `--nmorph-${Ne(y)}-color`,
+  }, r = (p) => Object.entries(p).map(([$, g]) => ({
+    name: `--nmorph-${Ne($)}-color`,
     color: g
-  })), s = (p, y) => {
-    const g = (f) => f.map((z) => `${z.name}: ${z.color};`).join(" "), $ = Object.entries(y).map(([f, z]) => `--${Ne(f)}: ${z};`).join(" "), w = [];
+  })), s = (p, $) => {
+    const g = (f) => f.map((z) => `${z.name}: ${z.color};`).join(" "), y = Object.entries($).map(([f, z]) => `--${Ne(f)}: ${z};`).join(" "), w = [];
     return Object.entries(p).forEach(([f, z]) => {
       if (f === "common")
         w.push(g(cc(D2, z)));
@@ -4811,14 +4808,14 @@ const n2 = (t) => {
     }), `
       :root {
         ${w.join(" ")}
-        ${$}
+        ${y}
       }
     `;
   }, i = {};
-  Object.entries(e.themes).forEach(([p, y]) => {
+  Object.entries(e.themes).forEach(([p, $]) => {
     i[p] = [];
-    const g = !!y.darkShade, $ = !!y.lightShade;
-    !!y.main && !g && !$ && (i[p] = o(y.main)), i[p] = [...i[p], ...r(y)];
+    const g = !!$.darkShade, y = !!$.lightShade;
+    !!$.main && !g && !y && (i[p] = o($.main)), i[p] = [...i[p], ...r($)];
   });
   const c = document.createElement("style");
   c.type = "text/css", c.innerHTML = s(i, e.other), document.head.appendChild(c);
@@ -4979,7 +4976,7 @@ const n2 = (t) => {
     }, m = () => {
       o.forceShow || (r.value = !1);
     }, M = h(() => o.forceCoordinate ? "100%" : "auto"), H = x(null);
-    return e({ tooltipBody: H }), (p, y) => (a(), l("div", {
+    return e({ tooltipBody: H }), (p, $) => (a(), l("div", {
       class: V(u.value)
     }, [
       n("div", {
@@ -5023,7 +5020,7 @@ const n2 = (t) => {
           default: R(() => [
             r.value ? (a(), l("div", fc, [
               n("div", gc, [
-                y[0] || (y[0] = n("div", { class: "nmorph-tooltip__triangle" }, null, -1)),
+                $[0] || ($[0] = n("div", { class: "nmorph-tooltip__triangle" }, null, -1)),
                 o.text ? (a(), l("span", wc, j(p.text), 1)) : C(p.$slots, "content", { key: 1 })
               ])
             ])) : D("", !0)
@@ -5073,10 +5070,10 @@ const xc = {
       "change-checkbox-value-handler",
       void 0
     ), i = t;
-    K(
+    G(
       () => i.modelValue,
-      (y) => {
-        v.value = y;
+      ($) => {
+        v.value = $;
       }
     );
     const c = x(null);
@@ -5098,7 +5095,7 @@ const xc = {
         ]
       })
     );
-    return (y, g) => (a(), l("label", {
+    return ($, g) => (a(), l("label", {
       class: V(p.value)
     }, [
       i.design === "checkbox" ? (a(), l("div", xc, [
@@ -5118,7 +5115,7 @@ const xc = {
         i.label ? (a(), l("div", Mc, [
           n("span", null, j(i.label), 1)
         ])) : (a(), l("div", Hc, [
-          C(y.$slots, "default")
+          C($.$slots, "default")
         ]))
       ])) : D("", !0),
       i.design === "button" ? (a(), l("div", kc, [
@@ -5133,7 +5130,7 @@ const xc = {
         i.label ? (a(), l("div", Vc, [
           n("span", null, j(i.label), 1)
         ])) : (a(), l("div", Bc, [
-          C(y.$slots, "label")
+          C($.$slots, "label")
         ]))
       ])) : D("", !0)
     ], 2));
@@ -5163,7 +5160,7 @@ const Cc = { class: "nmorph-checkbox-group__wrapper" }, Sc = { class: "nmorph-ch
     }, [
       n("div", Cc, [
         n("div", Sc, [
-          (a(!0), l(G, null, Z(u.options, (m, M) => (a(), q(_(O2), {
+          (a(!0), l(Q, null, Z(u.options, (m, M) => (a(), q(_(O2), {
             id: m.id,
             key: M,
             label: m.label,
@@ -5204,8 +5201,8 @@ const Dc = { class: "nmorph-autocomplete__input-content" }, Tc = {
       r.value = g, s("update:model-value", r.value);
     }, u = x(!1), v = x(null), m = () => {
       u.value = !1;
-    }, M = h(() => o.list.filter((g) => Object.keys(g).some(($) => String(g[$]).toLowerCase().includes(r.value.toLowerCase()))));
-    K(M, (g) => {
+    }, M = h(() => o.list.filter((g) => Object.keys(g).some((y) => String(g[y]).toLowerCase().includes(r.value.toLowerCase()))));
+    G(M, (g) => {
       u.value = g.length > 0;
     });
     const H = (g) => {
@@ -5214,12 +5211,12 @@ const Dc = { class: "nmorph-autocomplete__input-content" }, Tc = {
       });
     }, p = () => {
       u.value = M.value.length > 0;
-    }, y = x(!1);
-    return K(r, async (g) => {
-      g !== "" && o.actionCallback && (y.value = !0, await o.actionCallback(), y.value = !1);
-    }), K(y, (g) => {
+    }, $ = x(!1);
+    return G(r, async (g) => {
+      g !== "" && o.actionCallback && ($.value = !0, await o.actionCallback(), $.value = !1);
+    }), G($, (g) => {
       g && (u.value = !0);
-    }), (g, $) => (a(), l("div", {
+    }), (g, y) => (a(), l("div", {
       class: V(i.value)
     }, [
       n("div", Dc, [
@@ -5247,7 +5244,7 @@ const Dc = { class: "nmorph-autocomplete__input-content" }, Tc = {
         "y-offset": 1
       }, {
         default: R(() => [
-          y.value ? (a(), l("div", Tc, [
+          $.value ? (a(), l("div", Tc, [
             C(g.$slots, "loader", {}, () => [
               k(_(E), {
                 name: "loader",
@@ -5255,13 +5252,13 @@ const Dc = { class: "nmorph-autocomplete__input-content" }, Tc = {
               })
             ])
           ])) : (a(), l("div", Oc, [
-            (a(!0), l(G, null, Z(M.value, (w, f) => (a(), l("div", {
+            (a(!0), l(Q, null, Z(M.value, (w, f) => (a(), l("div", {
               key: f,
               class: "nmorph-autocomplete__list-item",
               onClick: () => H(w)
             }, [
               C(g.$slots, "default", { scope: w }, () => [
-                oe(j(w.value), 1)
+                re(j(w.value), 1)
               ])
             ], 8, Pc))), 128))
           ]))
@@ -5285,7 +5282,7 @@ const l2 = /* @__PURE__ */ T({
     }, [
       k(_(E), {
         name: "error",
-        onClick: i[0] || (i[0] = re((c) => o("clear"), ["stop"]))
+        onClick: i[0] || (i[0] = le((c) => o("clear"), ["stop"]))
       })
     ], 2));
   }
@@ -5393,7 +5390,7 @@ const Wc = { class: "nmorph-year-month-picker__header" }, Lc = { class: "nmorph-
       const f = s.currentDate.getFullYear(), z = w2(f).map((B) => ({ label: String(B), value: String(B) }));
       i.value = z;
     };
-    K(
+    G(
       () => s.currentDate,
       () => {
         s.type === "year" && (v(), c.value = String(s.currentDate.getFullYear()));
@@ -5417,11 +5414,11 @@ const Wc = { class: "nmorph-year-month-picker__header" }, Lc = { class: "nmorph-
           value: B
         };
       });
-    }, y = (f) => {
+    }, $ = (f) => {
       f === "decrease" ? u.value = u.value - 1 : u.value = u.value + 1, m("update-year", String(u.value));
     }, g = (f) => {
-      f === "decrease" ? s.type === "year" ? p("decrease") : y("decrease") : s.type === "year" ? p("increase") : y("increase");
-    }, $ = h(() => s.type === "year" ? `${i.value[0].label} - ${i.value[i.value.length - 1].label}` : String(u.value)), w = () => {
+      f === "decrease" ? s.type === "year" ? p("decrease") : $("decrease") : s.type === "year" ? p("increase") : $("increase");
+    }, y = h(() => s.type === "year" ? `${i.value[0].label} - ${i.value[i.value.length - 1].label}` : String(u.value)), w = () => {
       s.type === "month" && m("back-to-years");
     };
     return (f, z) => (a(), l("div", {
@@ -5442,7 +5439,7 @@ const Wc = { class: "nmorph-year-month-picker__header" }, Lc = { class: "nmorph-
         }),
         n("div", Lc, [
           k(_(Y), {
-            text: $.value,
+            text: y.value,
             "style-type": "transparent",
             onClick: w
           }, null, 8, ["text"])
@@ -5488,11 +5485,11 @@ const De = /* @__PURE__ */ T({
       i.value = u.value;
     }, p = () => {
       i.value = v.value;
-    }, y = () => {
+    }, $ = () => {
       i.value = m.value;
     }, g = () => {
       i.value = M.value;
-    }, $ = () => {
+    }, y = () => {
       c.value = "year";
     }, w = () => {
       c.value = "month";
@@ -5526,9 +5523,9 @@ const De = /* @__PURE__ */ T({
             month: i.value.getMonth(),
             onPrevMonth: H,
             onNextMonth: p,
-            onPrevYear: y,
+            onPrevYear: $,
             onNextYear: g,
-            onChangeYear: $,
+            onChangeYear: y,
             onChangeMonth: w
           }, null, 8, ["year", "month"])
         ]),
@@ -5583,11 +5580,11 @@ const De = /* @__PURE__ */ T({
         nmorph: [se[o.height]],
         "nmorph-date-picker": [`${o.disabled && "disabled"}`, o.type, `${u.value && "focus"}`]
       })
-    ), H = x(!1), p = x(null), y = () => {
+    ), H = x(!1), p = x(null), $ = () => {
       H.value = !1;
     }, g = () => {
       H.value = !H.value;
-    }, $ = h(() => i.value ? Array.isArray(i.value) ? i.value.length === 0 ? o.placeholder : we(i.value).join(", ") : we(i.value) : o.placeholder), w = h(() => {
+    }, y = h(() => i.value ? Array.isArray(i.value) ? i.value.length === 0 ? o.placeholder : we(i.value).join(", ") : we(i.value) : o.placeholder), w = h(() => {
       if (Array.isArray(i.value)) {
         const b = we(i.value[0]) ?? o.startDatePlaceholder, O = we(i.value[1]) ?? o.endDatePlaceholder;
         return {
@@ -5620,16 +5617,16 @@ const De = /* @__PURE__ */ T({
         }, [
           n("input", {
             type: "date",
-            onFocus: re(v, ["prevent"]),
+            onFocus: le(v, ["prevent"]),
             onBlur: m,
-            onKeydown: ue(re(() => {
+            onKeydown: ue(le(() => {
             }, ["prevent"]), ["space"])
           }, null, 40, Gc),
           k(_(E), {
             name: "calendar",
             class: "nmorph-date-picker__calendar-icon"
           }),
-          n("div", Kc, j($.value), 1),
+          n("div", Kc, j(y.value), 1),
           n("div", Qc, [
             B.value ? (a(), q(l2, {
               key: 0,
@@ -5644,7 +5641,7 @@ const De = /* @__PURE__ */ T({
             width: 324,
             open: H.value,
             "relative-element": p.value,
-            onOnOutsideClick: y
+            onOnOutsideClick: $
           }, {
             default: R(() => [
               k(De, {
@@ -5667,9 +5664,9 @@ const De = /* @__PURE__ */ T({
         }, [
           n("input", {
             type: "date",
-            onFocus: re(v, ["prevent"]),
+            onFocus: le(v, ["prevent"]),
             onBlur: m,
-            onKeydown: ue(re(() => {
+            onKeydown: ue(le(() => {
             }, ["prevent"]), ["space"])
           }, null, 40, Jc),
           k(_(E), {
@@ -5695,7 +5692,7 @@ const De = /* @__PURE__ */ T({
             width: 648,
             open: H.value,
             "relative-element": p.value,
-            onOnOutsideClick: y
+            onOnOutsideClick: $
           }, {
             default: R(() => [
               k(De, {
@@ -5731,17 +5728,17 @@ const l5 = { class: "nmorph-file-upload__trigger" }, r5 = ["multiple"], s5 = { c
   emits: ["update:model-value", "on-unsupported-file-type-error"],
   setup(t, { expose: e, emit: o }) {
     const r = t, s = (g) => g.split("/")[1], i = (g) => {
-      const $ = s(g);
+      const y = s(g);
       let w = "doc";
-      return $ in Ve && (w = "image"), $ in Ce && (w = "audio"), $ in Be && (w = "video"), $ in Se && (w = "archive"), w;
+      return y in Ve && (w = "image"), y in Ce && (w = "audio"), y in Be && (w = "video"), y in Se && (w = "archive"), w;
     };
     let c = _e(r.modelValue);
     const u = x(null), v = () => {
       u.value && u.value.click();
     }, m = (g) => {
-      const $ = g.target;
-      if ($.files) {
-        if (Array.from($.files).forEach((w) => {
+      const y = g.target;
+      if (y.files) {
+        if (Array.from(y.files).forEach((w) => {
           const f = s(w.type);
           if (!r.allowedTypes.includes(f))
             return p("on-unsupported-file-type-error", w.type);
@@ -5757,17 +5754,17 @@ const l5 = { class: "nmorph-file-upload__trigger" }, r5 = ["multiple"], s5 = { c
         c.map((g) => g.data)
       );
     }, H = (g) => {
-      const $ = c.findIndex((w) => w.data.name === g);
-      $ !== -1 && (URL.revokeObjectURL(c[$].previewUrl), c.splice($, 1), M());
+      const y = c.findIndex((w) => w.data.name === g);
+      y !== -1 && (URL.revokeObjectURL(c[y].previewUrl), c.splice(y, 1), M());
     };
     e({ inputDOMRef: u });
-    const p = o, y = h(
+    const p = o, $ = h(
       () => A({
         "nmorph-file-upload": [`${r.disabled && "disabled"}`]
       })
     );
-    return (g, $) => (a(), l("div", {
-      class: V(y.value)
+    return (g, y) => (a(), l("div", {
+      class: V($.value)
     }, [
       n("div", l5, [
         n("input", {
@@ -5793,7 +5790,7 @@ const l5 = { class: "nmorph-file-upload__trigger" }, r5 = ["multiple"], s5 = { c
           tag: "div"
         }, {
           default: R(() => [
-            (a(!0), l(G, null, Z(_(c), ({ data: w, previewUrl: f }) => (a(), l("div", {
+            (a(!0), l(Q, null, Z(_(c), ({ data: w, previewUrl: f }) => (a(), l("div", {
               key: w.name,
               class: "nmorph-file-upload__file"
             }, [
@@ -5878,7 +5875,7 @@ const v5 = {
         tag: "div"
       }, {
         default: R(() => [
-          (a(!0), l(G, null, Z(o.value, (c) => (a(), l("p", {
+          (a(!0), l(Q, null, Z(o.value, (c) => (a(), l("p", {
             key: c,
             class: "nmorph-error-box__error"
           }, j(c), 1))), 128))
@@ -6009,16 +6006,16 @@ const x5 = { class: "nmorph-number-input__content" }, y5 = { class: "nmorph-numb
     }, p = h(() => {
       const w = r.actionBtnPositionRight ? "right" : "default";
       return H[r.height][w];
-    }), y = o, g = (w) => {
+    }), $ = o, g = (w) => {
       const f = w.target;
       let z = Number(f.value);
       i.value = z;
     };
-    K(i, (w) => {
-      w > r.max && (i.value = r.max, $.value?.blur()), i.value < r.min && (i.value = r.min, $.value?.blur()), y("update:model-value", w);
+    G(i, (w) => {
+      w > r.max && (i.value = r.max, y.value?.blur()), i.value < r.min && (i.value = r.min, y.value?.blur()), $("update:model-value", w);
     });
-    const $ = x(null);
-    return e({ inputDOMRef: $ }), (w, f) => (a(), l("div", {
+    const y = x(null);
+    return e({ inputDOMRef: y }), (w, f) => (a(), l("div", {
       class: V(s.value)
     }, [
       n("div", x5, [
@@ -6042,7 +6039,7 @@ const x5 = { class: "nmorph-number-input__content" }, y5 = { class: "nmorph-numb
           ])),
           n("input", {
             ref_key: "inputDOMRef",
-            ref: $,
+            ref: y,
             class: "nmorph-native-input",
             value: i.value,
             type: "number",
@@ -6131,21 +6128,21 @@ const B5 = { class: "nmorph-select__content" }, C5 = ["id", "name"], S5 = ["valu
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const o = t, r = e, s = x(o.modelValue), i = x(o.open), c = x(null), u = x(null), v = x(!0), m = o.id ? o.id : ce(), M = o.name ? o.name : ce(), H = (Q) => {
+    const o = t, r = e, s = x(o.modelValue), i = x(o.open), c = x(null), u = x(null), v = x(!0), m = o.id ? o.id : ce(), M = o.name ? o.name : ce(), H = (K) => {
       if (!o.disabled) {
-        if (i.value = !1, typeof s.value == "string" && (!o.valueRequired && s.value === Q ? s.value = "" : s.value = Q, r("update:model-value", s.value)), Array.isArray(s.value)) {
-          const U = s.value.includes(Q), I = s.value.length === 1 && U;
+        if (i.value = !1, typeof s.value == "string" && (!o.valueRequired && s.value === K ? s.value = "" : s.value = K, r("update:model-value", s.value)), Array.isArray(s.value)) {
+          const U = s.value.includes(K), I = s.value.length === 1 && U;
           if (o.valueRequired && I)
             return;
-          U ? s.value = s.value.filter((de) => de !== Q) : s.value = [...s.value, Q];
+          U ? s.value = s.value.filter((de) => de !== K) : s.value = [...s.value, K];
         }
         r("update:model-value", s.value);
       }
-    }, p = x(!1), y = () => {
+    }, p = x(!1), $ = () => {
       p.value = !0;
     }, g = () => {
       p.value = !1;
-    }, $ = h(
+    }, y = h(
       () => A({
         nmorph: [se[o.height]],
         "nmorph-select": [
@@ -6160,57 +6157,57 @@ const B5 = { class: "nmorph-select__content" }, C5 = ["id", "name"], S5 = ["valu
     ), w = () => {
       o.disabled || (i.value = !i.value);
     };
-    K(
+    G(
       i,
-      (Q) => {
-        Q && (v.value = !1);
+      (K) => {
+        K && (v.value = !1);
       },
       { immediate: !0 }
     );
     const f = () => {
       i.value = !1;
     }, z = x(), B = x([]), L = x(0), P = x("");
-    K(L, (Q) => {
-      P.value = B.value[Q], z.value.forEach((U) => {
+    G(L, (K) => {
+      P.value = B.value[K], z.value.forEach((U) => {
         const de = U.getAttribute("value") === P.value ? "add" : "remove";
         U.classList[de]("nmorph-select-option--focused");
       });
     }), te(async () => {
-      await pe(), c.value && (z.value = c.value.querySelectorAll(".nmorph-select-option"), z.value.forEach((Q) => {
-        const U = Q.getAttribute("value");
+      await pe(), c.value && (z.value = c.value.querySelectorAll(".nmorph-select-option"), z.value.forEach((K) => {
+        const U = K.getAttribute("value");
         U && B.value.push(U);
       }), P.value = B.value[L.value], u.value = `${c.value.clientHeight}px`, document.addEventListener("click", f));
     }), ke(() => {
       document.removeEventListener("click", f);
     });
-    const b = h(() => typeof s.value == "string" ? s.value === "" ? o.noElementPlaceholder : o.options.find((Q) => Q.value === s.value)?.label : o.options.find((Q) => Q.value === s.value)?.label), O = h(() => o.options.length > 0 ? o.options : o.optionsMap), S = h(() => O.value.length > 0 ? O.value.filter((U) => s.value.includes(U.value)).map((U) => ({ text: U.label, value: U.value })) : Array.isArray(s.value) ? s.value.map((U) => ({ text: U, value: U })) : [{ text: s.value, value: s.value }]);
+    const b = h(() => typeof s.value == "string" ? s.value === "" ? o.noElementPlaceholder : o.options.find((K) => K.value === s.value)?.label : o.options.find((K) => K.value === s.value)?.label), O = h(() => o.options.length > 0 ? o.options : o.optionsMap), S = h(() => O.value.length > 0 ? O.value.filter((U) => s.value.includes(U.value)).map((U) => ({ text: U.label, value: U.value })) : Array.isArray(s.value) ? s.value.map((U) => ({ text: U, value: U })) : [{ text: s.value, value: s.value }]);
     ee("select-selected-value", s), ee("select-change-selected-value", H);
     const W = x(null), F = () => {
       i.value = !i.value;
     }, X = () => {
       L.value = (L.value + 1) % B.value.length;
-    }, le = () => {
+    }, oe = () => {
       L.value = (L.value - 1 + B.value.length) % B.value.length;
     }, ge = () => {
       i.value && H(P.value);
     };
-    return (Q, U) => (a(), l("div", {
-      class: V($.value)
+    return (K, U) => (a(), l("div", {
+      class: V(y.value)
     }, [
       n("div", B5, [
         n("select", {
           id: _(m),
           name: _(M),
-          onFocus: y,
+          onFocus: $,
           onBlur: g,
           onKeydown: [
             ue(F, ["space"]),
             ue(X, ["arrow-down"]),
-            ue(le, ["arrow-up"]),
+            ue(oe, ["arrow-up"]),
             ue(ge, ["enter"])
           ]
         }, [
-          (a(!0), l(G, null, Z(B.value, (I) => (a(), l("option", {
+          (a(!0), l(Q, null, Z(B.value, (I) => (a(), l("option", {
             key: I,
             value: I
           }, null, 8, S5))), 128))
@@ -6219,10 +6216,10 @@ const B5 = { class: "nmorph-select__content" }, C5 = ["id", "name"], S5 = ["valu
           ref_key: "nmorphSelectDOMRef",
           ref: W,
           class: "nmorph-select__selected-values-line",
-          onClick: re(w, ["stop"])
+          onClick: le(w, ["stop"])
         }, [
           typeof s.value == "string" ? (a(), l("div", A5, j(b.value), 1)) : s.value.length === 0 ? (a(), l("div", D5, j(o.noElementPlaceholder), 1)) : (a(), l("div", T5, [
-            (a(!0), l(G, null, Z(S.value, (I) => (a(), q(_(We), me({
+            (a(!0), l(Q, null, Z(S.value, (I) => (a(), q(_(We), me({
               key: I.value,
               ref_for: !0
             }, I, {
@@ -6255,13 +6252,13 @@ const B5 = { class: "nmorph-select__content" }, C5 = ["id", "name"], S5 = ["valu
               name: "loader",
               class: "nmorph-select__chevron",
               size: "medium"
-            })) : (a(!0), l(G, { key: 1 }, Z(Q.options, (I) => (a(), q(_(P2), me({
+            })) : (a(!0), l(Q, { key: 1 }, Z(K.options, (I) => (a(), q(_(P2), me({
               key: I.value,
               ref_for: !0
             }, I, {
               height: o.height
             }), null, 16, ["height"]))), 128)),
-            C(Q.$slots, "default")
+            C(K.$slots, "default")
           ], 512)
         ]),
         _: 3
@@ -6329,9 +6326,9 @@ const q5 = { class: "nmorph-slider__content" }, F5 = { class: "nmorph-slider__in
         "nmorph-slider": [`${o.disabled && "disabled"}`]
       })
     ), s = `${Oe}px`, i = x(o.showTooltip), c = e, u = x(o.modelValue), v = x(null);
-    K(u, () => {
+    G(u, () => {
       c("update:model-value", u.value);
-    }), K(
+    }), G(
       () => o.modelValue,
       (b) => {
         u.value = b;
@@ -6339,19 +6336,19 @@ const q5 = { class: "nmorph-slider__content" }, F5 = { class: "nmorph-slider__in
     );
     const m = x(null), M = h(() => {
       const b = H.value - H.value, O = o.max - o.min + b, S = (u.value - o.min) / O * 100, W = v.value?.clientWidth || 0, F = Oe / W * 100, X = F / 2;
-      let le = S - X;
-      const Q = `${Math.max(0, Math.min(100 - F, le))}%`, U = W / 100, de = Oe / 2 / U, Xe = (m.value?.tooltipBody.clientWidth ?? 24) / 2 / U, j2 = Xe === 1 / 0 ? 1.714 : Xe, W2 = `${parseFloat(Q) + de - j2}%`;
+      let oe = S - X;
+      const K = `${Math.max(0, Math.min(100 - F, oe))}%`, U = W / 100, de = Oe / 2 / U, Xe = (m.value?.tooltipBody.clientWidth ?? 24) / 2 / U, j2 = Xe === 1 / 0 ? 1.714 : Xe, W2 = `${parseFloat(K) + de - j2}%`;
       return {
-        thumb: Q,
+        thumb: K,
         tooltip: W2
       };
-    }), H = x(0), p = x(0), y = () => {
+    }), H = x(0), p = x(0), $ = () => {
       H.value = window.innerWidth, p.value = window.innerHeight;
     };
     te(() => {
-      typeof window < "u" && (H.value = window.innerWidth, p.value = window.innerHeight, window.addEventListener("resize", y));
+      typeof window < "u" && (H.value = window.innerWidth, p.value = window.innerHeight, window.addEventListener("resize", $));
     }), ke(() => {
-      typeof window < "u" && (document.removeEventListener("mouseup", $), window.removeEventListener("resize", y));
+      typeof window < "u" && (document.removeEventListener("mouseup", y), window.removeEventListener("resize", $));
     });
     const g = (b) => {
       P.value = !1;
@@ -6362,10 +6359,10 @@ const q5 = { class: "nmorph-slider__content" }, F5 = { class: "nmorph-slider__in
         S = Math.max(0, Math.min(1, W / F)), u.value = o.min + S * (o.max - o.min);
       }
       u.value = Math.round(u.value / o.step) * o.step, u.value = Math.max(o.min, Math.min(o.max, u.value));
-    }, $ = () => {
-      document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", $), P.value = !0;
+    }, y = () => {
+      document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", y), P.value = !0;
     }, w = () => {
-      o.disabled || (document.addEventListener("mousemove", g), document.addEventListener("mouseup", $));
+      o.disabled || (document.addEventListener("mousemove", g), document.addEventListener("mouseup", y));
     }, f = x(null), z = () => {
       o.showTooltip && (i.value = !0);
     }, B = () => {
@@ -6449,12 +6446,12 @@ const W5 = ["value", "disabled"], L5 = { class: "nmorph-switch-thumb" }, U5 = /*
       const p = m.value ? r.activeValue : r.inactiveValue;
       s("update:model-value", p);
     }, H = x(null);
-    return e({ inputDOMRef: H }), K(
+    return e({ inputDOMRef: H }), G(
       () => r.modelValue,
       (p) => {
         m.value = p === r.activeValue;
       }
-    ), (p, y) => (a(), l("div", {
+    ), (p, $) => (a(), l("div", {
       class: V(v.value)
     }, [
       n("div", {
@@ -6520,9 +6517,9 @@ const Y5 = { class: "nmorph-text-input__input-side" }, G5 = {
       g("focus"), M.value = !0;
     }, p = () => {
       g("blur"), M.value = !1;
-    }, y = x(null);
-    e({ inputDOMRef: y });
-    const g = o, $ = h(() => s.clearable ? "error" : u.value ? "eye-blocked" : "eye"), w = h(() => r["prepend-icon"] ? "28px" : "8px");
+    }, $ = x(null);
+    e({ inputDOMRef: $ });
+    const g = o, y = h(() => s.clearable ? "error" : u.value ? "eye-blocked" : "eye"), w = h(() => r["prepend-icon"] ? "28px" : "8px");
     return (f, z) => (a(), l("div", {
       class: V(i.value)
     }, [
@@ -6532,7 +6529,7 @@ const Y5 = { class: "nmorph-text-input__input-side" }, G5 = {
         ])) : D("", !0),
         n("input", {
           ref_key: "inputDOMRef",
-          ref: y,
+          ref: $,
           class: "nmorph-native-input",
           type: m.value,
           placeholder: s.placeholder,
@@ -6553,7 +6550,7 @@ const Y5 = { class: "nmorph-text-input__input-side" }, G5 = {
           onClick: v
         }, {
           default: R(() => [
-            k(_(E), { name: $.value }, null, 8, ["name"])
+            k(_(E), { name: y.value }, null, 8, ["name"])
           ]),
           _: 1
         }, 8, ["disabled", "height"])) : D("", !0)
@@ -6587,9 +6584,9 @@ const Q5 = { class: "nmorph-time-picker__content" }, Z5 = { class: "nmorph-time-
         nmorph: [se[r.height]],
         "nmorph-time-picker": [`${r.disabled && "disabled"}`, `${u.value && "open"}`]
       })
-    ), p = Array.from({ length: 24 }, (b, O) => O), y = Array.from({ length: 60 }, (b, O) => O), g = () => {
+    ), p = Array.from({ length: 24 }, (b, O) => O), $ = Array.from({ length: 60 }, (b, O) => O), g = () => {
       m.value = !1, s("update:model-value", q2(v.value));
-    }, $ = (b) => {
+    }, y = (b) => {
       const O = b;
       v.value = [O, v.value[1], v.value[2]], g();
     }, w = (b) => {
@@ -6601,7 +6598,7 @@ const Q5 = { class: "nmorph-time-picker__content" }, Z5 = { class: "nmorph-time-
     }, z = () => {
       u.value = !1;
     };
-    K(u, (b) => {
+    G(u, (b) => {
       s("on-change-open-close", b);
     }), (() => {
       if (m.value)
@@ -6648,11 +6645,11 @@ const Q5 = { class: "nmorph-time-picker__content" }, Z5 = { class: "nmorph-time-
                   "selected-value": v.value[0],
                   "step-height": Me,
                   "disabled-range": b.disabledHours,
-                  onValueChanged: $
+                  onValueChanged: y
                 }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
                 k(S, {
                   "set-value-on-mount": !m.value,
-                  values: _(y),
+                  values: _($),
                   "selected-value": v.value[1],
                   "disabled-range": b.disabledMinutes,
                   "step-height": Me,
@@ -6660,7 +6657,7 @@ const Q5 = { class: "nmorph-time-picker__content" }, Z5 = { class: "nmorph-time-
                 }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
                 k(S, {
                   "set-value-on-mount": !m.value,
-                  values: _(y),
+                  values: _($),
                   "disabled-range": b.disabledSeconds,
                   "selected-value": v.value[2],
                   "step-height": Me,
@@ -6721,7 +6718,7 @@ const qe = (t) => {
     ), v = x(null);
     return e({ inputDOMRef: v }), (m, M) => (a(), l("label", {
       class: V(u.value),
-      onClick: re(i, ["prevent"])
+      onClick: le(i, ["prevent"])
     }, [
       s.styleType === "radio-style" ? (a(), l("div", I5, [
         n("div", e9, [
@@ -6759,7 +6756,7 @@ const qe = (t) => {
     ], 2));
   }
 });
-const F2 = /* @__PURE__ */ $e(i9, [["__scopeId", "data-v-363e053b"]]), d9 = { class: "nmorph-radio-group__wrapper" }, u9 = { class: "nmorph-radio-group__content" }, Ge = /* @__PURE__ */ T({
+const F2 = /* @__PURE__ */ $e(i9, [["__scopeId", "data-v-1d1e97a3"]]), d9 = { class: "nmorph-radio-group__wrapper" }, u9 = { class: "nmorph-radio-group__content" }, Ge = /* @__PURE__ */ T({
   __name: "NmorphRadioGroup",
   props: {
     modelValue: { default: "" },
@@ -6772,7 +6769,7 @@ const F2 = /* @__PURE__ */ $e(i9, [["__scopeId", "data-v-363e053b"]]), d9 = { cl
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
     const o = t, r = x(o.modelValue);
-    K(
+    G(
       () => o.modelValue,
       (u) => {
         r.value = u;
@@ -6788,7 +6785,7 @@ const F2 = /* @__PURE__ */ $e(i9, [["__scopeId", "data-v-363e053b"]]), d9 = { cl
       }, [
         n("div", d9, [
           n("div", u9, [
-            (a(!0), l(G, null, Z(u.options, (M) => (a(), q(m, {
+            (a(!0), l(Q, null, Z(u.options, (M) => (a(), q(m, {
               key: M.value,
               label: M.label,
               value: M.value,
@@ -6823,8 +6820,8 @@ const c9 = /* @__PURE__ */ T({
     ), u = x(null), v = x(null), m = x(!1), M = (p) => {
       if (!p)
         return;
-      const y = p.target;
-      m.value = y.scrollTop > o.visibilityHeight;
+      const $ = p.target;
+      m.value = $.scrollTop > o.visibilityHeight;
     }, H = () => {
       r("click"), u.value && u.value.scrollTo({
         top: 0,
@@ -6836,13 +6833,13 @@ const c9 = /* @__PURE__ */ T({
       v.value && (u.value = v.value.parentElement, u.value?.addEventListener("scroll", M));
     }), ke(() => {
       u.value && u.value?.removeEventListener("scroll", M);
-    }), (p, y) => (a(), l("div", {
+    }), (p, $) => (a(), l("div", {
       ref_key: "selfDOMEl",
       ref: v,
       class: V(c.value)
     }, [
       n("div", {
-        onClick: re(H, ["stop"])
+        onClick: le(H, ["stop"])
       }, [
         C(p.$slots, "default", {}, () => [
           k(_(Y), {
@@ -6882,7 +6879,7 @@ const v9 = ["id"], h9 = {
       class: V(s.value)
     }, [
       C(i.$slots, "default"),
-      (a(!0), l(G, null, Z(o.value, (u, v) => (a(), l("div", {
+      (a(!0), l(Q, null, Z(o.value, (u, v) => (a(), l("div", {
         key: v,
         class: "nmorph-breadcrumb__content"
       }, [
@@ -7008,14 +7005,14 @@ const _9 = { class: "nmorph-tabs__label-list" }, f9 = ["id", "onClick", "custom"
     }, [
       C(M.$slots, "default"),
       n("div", _9, [
-        (a(!0), l(G, null, Z(v.value, (p) => (a(), l("div", {
+        (a(!0), l(Q, null, Z(v.value, (p) => (a(), l("div", {
           id: _(Ke)(_(u), p.name),
           key: p.name,
           class: V(["nmorph-tabs__label", [
             { "nmorph-tabs__label--selected": p.name === o.modelValue },
             { "nmorph-tabs__label--disabled": p.disabled }
           ]]),
-          onClick: (y) => i(p),
+          onClick: ($) => i(p),
           custom: p.disabled
         }, [
           _(m).default ? D("", !0) : (a(), l("div", g9, j(p.label), 1))
@@ -7023,7 +7020,7 @@ const _9 = { class: "nmorph-tabs__label-list" }, f9 = ["id", "onClick", "custom"
       ]),
       n("div", w9, [
         n("div", x9, [
-          (a(!0), l(G, null, Z(v.value, (p) => Pe((a(), l("div", {
+          (a(!0), l(Q, null, Z(v.value, (p) => Pe((a(), l("div", {
             id: _(Qe)(_(u), p.name),
             key: p.name
           }, [
@@ -7109,11 +7106,11 @@ const Ae = /* @__PURE__ */ T({
     }, i = e;
     return (c, u) => (a(), l("div", {
       class: V(r.value),
-      onClick: re(s, ["stop"])
+      onClick: le(s, ["stop"])
     }, [
       n("div", {
         class: "nmorph-overlay__slot",
-        onClick: u[0] || (u[0] = re(() => {
+        onClick: u[0] || (u[0] = le(() => {
         }, ["stop"]))
       }, [
         C(c.$slots, "default")
@@ -7145,7 +7142,7 @@ const H9 = /* @__PURE__ */ T({
         tag: "div"
       }, {
         default: R(() => [
-          (a(!0), l(G, null, Z(r.value, (m) => (a(), l("div", {
+          (a(!0), l(Q, null, Z(r.value, (m) => (a(), l("div", {
             key: m.id,
             style: ne({ width: m.width }),
             class: "nmorph-notification-provider__notification"