@nmorph/nmorph-ui-kit 0.2.155 → 0.2.156

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as D, computed as h, ref as $, openBlock as a, createElementBlock as o, normalizeClass as V, createElementVNode as n, createBlock as F, unref as _, renderSlot as C, toDisplayString as L, createCommentVNode as O, useCssVars as I, normalizeStyle as ne, resolveDynamicComponent as K2, createStaticVNode as u2, createTextVNode as re, inject as N, onUnmounted as ke, onMounted as ae, nextTick as _e, watch as K, mergeProps as fe, createVNode as k, withCtx as R, reactive as ue, Fragment as Q, renderList as Z, provide as ee, Teleport as we, withModifiers as ie, withDirectives as qe, vShow as Fe, useSlots as Le, readonly as Re, TransitionGroup as xe, withKeys as pe, resolveComponent as Ue } from "vue";
+import { defineComponent as D, computed as h, ref as $, openBlock as a, createElementBlock as o, normalizeClass as V, createElementVNode as n, createBlock as F, unref as _, renderSlot as C, toDisplayString as L, createCommentVNode as O, useCssVars as I, normalizeStyle as ne, resolveDynamicComponent as K2, createStaticVNode as u2, createTextVNode as re, inject as N, onUnmounted as ke, onMounted as ae, nextTick as _e, watch as G, mergeProps as fe, createVNode as k, withCtx as j, reactive as ue, Fragment as Q, renderList as Z, provide as ee, Teleport as we, withModifiers as ie, withDirectives as qe, vShow as Fe, useSlots as Le, readonly as Re, TransitionGroup as xe, withKeys as pe, resolveComponent as Ue } from "vue";
 import { useI18n as Ve, createI18n as Q2 } from "vue-i18n";
 var se = /* @__PURE__ */ ((t) => (t.thick = "thick-component", t.default = "default-height-component", t.thin = "thin-component", t))(se || {}), Z2 = /* @__PURE__ */ ((t) => (t.circle = "circle", t.square = "square", t))(Z2 || {}), X2 = /* @__PURE__ */ ((t) => (t.ascending = "ascending", t.descending = "descending", t))(X2 || {}), J2 = /* @__PURE__ */ ((t) => (t.row = "row", t.column = "column", t))(J2 || {}), v2 = /* @__PURE__ */ ((t) => (t.inset = "shadow-inset", t.outset = "shadow-outset", t.combined = "shadow-combined", t["not-defined"] = "shadow-not-defined", t))(v2 || {}), h2 = /* @__PURE__ */ ((t) => (t.accent = "accent", t.success = "success", t.error = "error", t.warning = "warning", t))(h2 || {}), i = /* @__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["plus-thin"] = "plus-thin", t["minus-thin"] = "minus-thin", t))(i || {}), N2 = /* @__PURE__ */ ((t) => (t.left = "left", t.right = "right", t.top = "top", t.bottom = "bottom", t))(N2 || {}), I2 = /* @__PURE__ */ ((t) => (t.fill = "fill", t.contain = "contain", t.cover = "cover", t.none = "none", t["scale-down"] = "scale-down", t))(I2 || {}), U = /* @__PURE__ */ ((t) => (t.en = "en", t.ru = "ru", t.zh = "zh", t))(U || {}), e0 = /* @__PURE__ */ ((t) => (t["radio-style"] = "radio-style", t.button = "button", t))(e0 || {}), t0 = /* @__PURE__ */ ((t) => (t.date = "date", t.dates = "dates", t.daterange = "daterange", t))(t0 || {});
 const n0 = (t, e) => {
@@ -62,11 +62,11 @@ const n0 = (t, e) => {
           `${l.icon && "icon"}`
         ]
       })
-    ), s = $(null), u = {
+    ), s = $(null), c = {
       thin: "small",
       default: "medium",
       thick: "large"
-    }, c = h(() => u[l.height]);
+    }, u = h(() => c[l.height]);
     return e({ buttonDOMElement: s }), (d, v) => (a(), o("div", {
       class: V(r.value)
     }, [
@@ -87,7 +87,7 @@ const n0 = (t, e) => {
           l.loading ? (a(), F(_(E), {
             key: 1,
             name: "loader",
-            size: c.value
+            size: u.value
           }, null, 8, ["size"])) : O("", !0),
           C(d.$slots, "append")
         ]))
@@ -109,7 +109,7 @@ const s0 = {
     color: { default: "var(--nmorph-text-color)" }
   },
   setup(t) {
-    I((u) => ({
+    I((c) => ({
       d36f10ce: s.value
     }));
     const e = t, l = h(
@@ -121,16 +121,16 @@ const s0 = {
         ]
       })
     ), r = h(() => {
-      const u = {};
-      return e.width && (u["--width"] = e.width), e.height && (u["--height"] = e.height), u;
+      const c = {};
+      return e.width && (c["--width"] = e.width), e.height && (c["--height"] = e.height), c;
     }), s = h(() => e.color);
-    return (u, c) => (a(), o("div", {
+    return (c, u) => (a(), o("div", {
       class: V(l.value),
       style: ne(r.value)
     }, [
       e.name ? (a(), o("div", s0, [
         (a(), F(K2(_(g2)[e.name])))
-      ])) : C(u.$slots, "default", { key: 1 })
+      ])) : C(c.$slots, "default", { key: 1 })
     ], 6));
   }
 });
@@ -2902,31 +2902,31 @@ const Bd = /* @__PURE__ */ D({
   setup(t, { expose: e, emit: l }) {
     I((te) => ({
       "616ac766": q.value,
-      "3eb1ffd9": G.value,
+      "3eb1ffd9": K.value,
       "68ca2cc6": p.value,
-      e6613a6c: w.value,
-      "475844c4": c.value,
-      "475844c5": u.value,
+      e6613a6c: x.value,
+      "475844c4": u.value,
+      "475844c5": c.value,
       "408c54d1": W.value,
       ba0dc0f6: f.value,
-      bb485170: x.value
+      bb485170: w.value
     }));
-    const r = t, s = $(null), u = h(() => r.scrollYProp), c = h(() => r.scrollXProp), d = $(!1), v = $(!1), m = () => {
+    const r = t, s = $(null), c = h(() => r.scrollYProp), u = h(() => r.scrollXProp), d = $(!1), v = $(!1), m = () => {
       d.value = s.value?.scrollHeight > s.value?.clientHeight, v.value = s.value?.scrollWidth > s.value?.clientWidth;
-    }, M = h(() => r.yBarWidthInPx + r.yGapInPx), z = h(() => r.xBarWidthInPx + r.xGapInPx), p = h(
-      () => r.scrollYProp === "hidden" || !d.value ? "0" : `${M.value}px`
-    ), w = h(
+    }, H = h(() => r.yBarWidthInPx + r.yGapInPx), z = h(() => r.xBarWidthInPx + r.xGapInPx), p = h(
+      () => r.scrollYProp === "hidden" || !d.value ? "0" : `${H.value}px`
+    ), x = h(
       () => r.scrollXProp === "hidden" || !v.value ? "0" : `${z.value}px`
-    ), f = h(() => `${r.yBarWidthInPx}px`), x = h(() => `${r.xBarWidthInPx}px`), y = N("nmorph");
+    ), f = h(() => `${r.yBarWidthInPx}px`), w = h(() => `${r.xBarWidthInPx}px`), y = N("nmorph");
     let g;
-    const H = l, B = () => {
+    const M = l, B = () => {
       const te = Math.trunc(s.value?.scrollLeft), X = Math.trunc(s.value?.scrollTop);
-      H("update:model-value", { x: te, y: X });
-    }, j = () => {
-      H("on-scroll-end");
+      M("update:model-value", { x: te, y: X });
+    }, R = () => {
+      M("on-scroll-end");
     }, P = (te) => {
-      H("on-scroll", te), s.value && (r.updateOnlyOnScrollEnd || B(), g !== void 0 && clearTimeout(g), g = setTimeout(() => {
-        r.updateOnlyOnScrollEnd && B(), j();
+      M("on-scroll", te), s.value && (r.updateOnlyOnScrollEnd || B(), g !== void 0 && clearTimeout(g), g = setTimeout(() => {
+        r.updateOnlyOnScrollEnd && B(), R();
       }, r.scrollEndDelay));
     };
     ke(() => {
@@ -2946,20 +2946,20 @@ const Bd = /* @__PURE__ */ D({
     };
     ae(() => {
       S(r.modelValue), _e(m);
-    }), K(
+    }), G(
       () => r.modelValue,
       (te) => {
         S(te);
       },
       { deep: !0, immediate: !0 }
-    ), K(
+    ), G(
       () => y?.browser.dimensions,
       () => {
         _e(m);
       },
       { deep: !0, immediate: !0 }
     );
-    const W = h(() => r.cssScrollBehavior), q = h(() => r.height), G = h(() => r.maxHeight), oe = bu(r);
+    const W = h(() => r.cssScrollBehavior), q = h(() => r.height), K = h(() => r.maxHeight), oe = bu(r);
     e({ scrollDOMContainer: s, moveTo: S });
     const ge = () => {
       b.value = !0;
@@ -2994,24 +2994,24 @@ const Cd = /* @__PURE__ */ D({
   },
   emits: ["error", "load"],
   setup(t, { emit: e }) {
-    I((w) => ({
+    I((x) => ({
       "574116af": p.value,
       "11dd63ea": m.value,
       "11d2c240": v.value,
       "75c6801c": z.value
     }));
-    const l = t, r = e, s = $(!1), u = h(
+    const l = t, r = e, s = $(!1), c = h(
       () => A({
         nmorph: [`${l.frameBorder > 0 && "shadow-combined"}`],
         "nmorph-avatar": [l.shape]
       })
-    ), c = (w) => {
-      r("error", w), s.value = !0;
-    }, d = (w) => {
-      r("load", w), s.value = !1;
-    }, v = h(() => `${l.imagePadding}px`), m = h(() => ` ${l.size}px`), M = h(() => `${l.size / 100 * 60}px`), z = h(() => l.shape === "circle" ? "50%" : "4px"), p = h(() => `${l.frameBorder}px`);
-    return (w, f) => (a(), o("div", {
-      class: V(u.value)
+    ), u = (x) => {
+      r("error", x), s.value = !0;
+    }, d = (x) => {
+      r("load", x), s.value = !1;
+    }, v = h(() => `${l.imagePadding}px`), m = h(() => ` ${l.size}px`), H = h(() => `${l.size / 100 * 60}px`), z = h(() => l.shape === "circle" ? "50%" : "4px"), p = h(() => `${l.frameBorder}px`);
+    return (x, f) => (a(), o("div", {
+      class: V(c.value)
     }, [
       k(_(ze), {
         fit: l.fit,
@@ -3020,12 +3020,12 @@ const Cd = /* @__PURE__ */ D({
         alt: l.alt,
         "frame-border": 0,
         onLoad: d,
-        onError: c
+        onError: u
       }, {
-        error: R(() => [
+        error: j(() => [
           k(_(E), {
             name: "avatar",
-            width: M.value
+            width: H.value
           }, null, 8, ["width"])
         ]),
         _: 1
@@ -3068,25 +3068,25 @@ const $e = (t, e) => {
       () => A({
         "nmorph-badge__container": [`${e.hidden && "hidden"}`]
       })
-    ), s = h(() => typeof Number(e.value) == "number" && Number(e.value) > e.max ? `${e.max}+` : e.value), u = h(() => {
-      const m = `${(d?.value / 2 + e.offsetX) * -1}px`, M = `${(v?.value / 2 + e.offsetY) * -1}px`;
+    ), s = h(() => typeof Number(e.value) == "number" && Number(e.value) > e.max ? `${e.max}+` : e.value), c = h(() => {
+      const m = `${(d?.value / 2 + e.offsetX) * -1}px`, H = `${(v?.value / 2 + e.offsetY) * -1}px`;
       return {
         x: m,
-        y: M
+        y: H
       };
-    }), c = $(null), d = $(0), v = $(0);
+    }), u = $(null), d = $(0), v = $(0);
     return ae(() => {
-      c.value && (d.value = c.value.clientWidth, v.value = c.value.clientHeight);
-    }), (m, M) => e.disabled ? C(m.$slots, "default", { key: 1 }) : (a(), o("div", {
+      u.value && (d.value = u.value.clientWidth, v.value = u.value.clientHeight);
+    }), (m, H) => e.disabled ? C(m.$slots, "default", { key: 1 }) : (a(), o("div", {
       key: 0,
       class: V(l.value)
     }, [
       C(m.$slots, "default"),
       n("div", {
         ref_key: "badge",
-        ref: c,
+        ref: u,
         class: V(r.value),
-        style: ne({ right: u.value.x, top: u.value.y })
+        style: ne({ right: c.value.x, top: c.value.y })
       }, [
         e.isDot ? (a(), o("div", Ad)) : (a(), o("div", Td, [
           C(m.$slots, "value", {}, () => [
@@ -3113,34 +3113,34 @@ const Od = { class: "nmorph-calendar-header__text" }, Pd = { class: "nmorph-cale
         "nmorph-calendar-header": []
       })
     );
-    return (u, c) => (a(), o("div", {
+    return (c, u) => (a(), o("div", {
       class: V(s.value)
     }, [
-      C(u.$slots, "default", {}, () => [
+      C(c.$slots, "default", {}, () => [
         n("div", Od, L(l.year) + " " + L(_(Ye)(l.month)), 1),
         n("div", Pd, [
-          u.showPreviousMonthButton ? (a(), F(_(Y), {
+          c.showPreviousMonthButton ? (a(), F(_(Y), {
             key: 0,
             class: "nmorph-calendar-header__action",
-            onClick: c[0] || (c[0] = (d) => r("click-previous-month"))
+            onClick: u[0] || (u[0] = (d) => r("click-previous-month"))
           }, {
-            default: R(() => [
+            default: j(() => [
               k(_(E), { name: "arrow-left" })
             ]),
             _: 1
           })) : O("", !0),
-          u.showTodayButton ? (a(), F(_(Y), {
+          c.showTodayButton ? (a(), F(_(Y), {
             key: 1,
             class: "nmorph-calendar-header__action",
             text: "Today",
-            onClick: c[1] || (c[1] = (d) => r("click-today"))
+            onClick: u[1] || (u[1] = (d) => r("click-today"))
           })) : O("", !0),
-          u.showNextMonthButton ? (a(), F(_(Y), {
+          c.showNextMonthButton ? (a(), F(_(Y), {
             key: 2,
             class: "nmorph-calendar-header__action",
-            onClick: c[2] || (c[2] = (d) => r("click-next-month"))
+            onClick: u[2] || (u[2] = (d) => r("click-next-month"))
           }, {
-            default: R(() => [
+            default: j(() => [
               k(_(E), { name: "arrow-right" })
             ]),
             _: 1
@@ -3167,12 +3167,12 @@ const qd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
   },
   emits: ["update:model-value", "update-initial-date"],
   setup(t, { emit: e }) {
-    const l = t, r = e, { days: s } = Be(), u = () => {
-      w.value = g.value;
-    }, c = () => {
-      w.value = /* @__PURE__ */ new Date();
+    const l = t, r = e, { days: s } = Be(), c = () => {
+      x.value = g.value;
+    }, u = () => {
+      x.value = /* @__PURE__ */ new Date();
     }, d = () => {
-      w.value = H.value;
+      x.value = M.value;
     }, v = () => {
       throw new Error("model value and type prop not matched");
     }, m = (b) => {
@@ -3194,13 +3194,13 @@ const qd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
           return b.map((S) => ce(S)).slice(0, 2);
         v();
       }
-    }, M = (b) => {
+    }, H = (b) => {
       if (f.value === null)
         return;
       const { monthType: T, hidden: S } = b;
       if (S)
         return;
-      T === "next" && d(), T === "previous" && u();
+      T === "next" && d(), T === "previous" && c();
       const { date: W } = b;
       if (l.type === "date" && (f.value = W, r("update:model-value", f.value)), l.type === "dates") {
         if (!Array.isArray(f.value))
@@ -3225,81 +3225,81 @@ const qd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
         return Array.isArray(f.value) ? !!f.value.find((S) => S.toDateString() === b.toDateString()) : v();
       if (l.type === "daterange")
         return Array.isArray(f.value) ? z(b, f.value) : v();
-    }, w = $(l.initialDate), f = $(m(l.modelValue));
+    }, x = $(l.initialDate), f = $(m(l.modelValue));
     ae(() => {
       r("update:model-value", f.value);
     });
-    let x = ue([]);
+    let w = ue([]);
     const y = () => {
-      x = [], k2(w, l.range).forEach((T) => {
+      w = [], k2(x, l.range).forEach((T) => {
         const S = {};
         T.forEach((W, q) => {
-          const G = s[q];
-          S[G] = W;
-        }), x.push(S);
+          const K = s[q];
+          S[K] = W;
+        }), w.push(S);
       });
     };
-    K(
+    G(
       () => l.initialDate,
       (b) => {
-        w.value = b;
+        x.value = b;
       },
       {
         deep: !0
       }
-    ), K(w, () => {
-      y(), r("update-initial-date", w.value);
-    }), K(
+    ), G(x, () => {
+      y(), r("update-initial-date", x.value);
+    }), G(
       () => l.modelValue,
       (b) => {
         f.value = m(b);
       }
     );
-    const g = h(() => new Date(w.value.setMonth(w.value.getMonth() - 1))), H = h(() => new Date(w.value.setMonth(w.value.getMonth() + 1))), B = h(() => {
-      const { range: b } = l, T = b ? M2(w.value, b[0]) : !0, S = b ? H2(w.value, b[1]) : !0, W = z2(b);
+    const g = h(() => new Date(x.value.setMonth(x.value.getMonth() - 1))), M = h(() => new Date(x.value.setMonth(x.value.getMonth() + 1))), B = h(() => {
+      const { range: b } = l, T = b ? M2(x.value, b[0]) : !0, S = b ? H2(x.value, b[1]) : !0, W = z2(b);
       return {
         showPreviousMonthButton: T,
         showNextMonthButton: S,
         showTodayButton: W
       };
-    }), j = h(
+    }), R = h(
       () => A({
         "nmorph-calendar": []
       })
     ), P = (b) => b;
     return y(), (b, T) => (a(), o("div", {
-      class: V(j.value)
+      class: V(R.value)
     }, [
       C(b.$slots, "header", {}, () => [
         k(Ed, {
-          year: w.value.getFullYear(),
-          month: w.value.getMonth(),
+          year: x.value.getFullYear(),
+          month: x.value.getMonth(),
           "show-previous-month-button": B.value.showPreviousMonthButton,
           "show-today-button": B.value.showTodayButton,
           "show-next-month-button": B.value.showNextMonthButton,
           onClickNextMonth: d,
-          onClickPreviousMonth: u,
-          onClickToday: c
+          onClickPreviousMonth: c,
+          onClickToday: u
         }, null, 8, ["year", "month", "show-previous-month-button", "show-today-button", "show-next-month-button"])
       ]),
       C(b.$slots, "content", {}, () => [
         k(_(S2), {
-          data: _(x),
+          data: _(w),
           bordered: "",
           "row-hover": !1
         }, {
-          default: R(() => [
+          default: j(() => [
             (a(!0), o(Q, null, Z(_(s), (S) => (a(), F(_(T2), {
               key: `${S}`,
               prop: S,
               label: S.toUpperCase()
             }, {
-              default: R(({ scope: W }) => [
-                (a(!0), o(Q, null, Z(W.rows, (q, G) => (a(), F(_(A2), {
-                  key: G,
-                  row: G
+              default: j(({ scope: W }) => [
+                (a(!0), o(Q, null, Z(W.rows, (q, K) => (a(), F(_(A2), {
+                  key: K,
+                  row: K
                 }, {
-                  default: R(() => [
+                  default: j(() => [
                     n("div", {
                       "data-date": `${P(q[S]).date}`,
                       class: V([
@@ -3313,7 +3313,7 @@ const qd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
                           "nmorph-calendar-date--selected": p(P(q[S]).date)
                         }
                       ]),
-                      onClick: (oe) => M(P(q[S]))
+                      onClick: (oe) => H(P(q[S]))
                     }, [
                       C(b.$slots, "date-cell", {
                         scope: {
@@ -3361,33 +3361,33 @@ const b2 = (t) => {
   const { months: e } = Be();
   return e[t];
 }, jd = (t) => t % 4 === 0 && t % 100 !== 0 || t % 400 === 0, s2 = (t, e) => [0, 2, 4, 6, 7, 9, 11].includes(e) ? 31 : [3, 5, 8, 10].includes(e) ? 30 : jd(t) ? 29 : 28, ce = (t) => new Date(t.getFullYear(), t.getMonth(), t.getDate()), k2 = (t, e) => {
-  const l = (q) => e ? q < ce(e[0]) || q > ce(e[1]) : !1, r = t.value.getFullYear(), s = t.value.getMonth(), c = new Date(r, s, 1).getDay() + 1, d = s2(r, s), v = 7 + c - 8;
+  const l = (q) => e ? q < ce(e[0]) || q > ce(e[1]) : !1, r = t.value.getFullYear(), s = t.value.getMonth(), u = new Date(r, s, 1).getDay() + 1, d = s2(r, s), v = 7 + u - 8;
   let z = 7 - (new Date(r, s, d).getDay() + 1);
-  const p = /* @__PURE__ */ new Date(), w = p.getDate(), f = p.getMonth(), x = s - 1, y = s2(r, x);
+  const p = /* @__PURE__ */ new Date(), x = p.getDate(), f = p.getMonth(), w = s - 1, y = s2(r, w);
   let g = y - v;
-  const H = [];
+  const M = [];
   for (; g < y; ) {
     g++;
-    const q = f === x && w === g, G = new Date(r, x, g);
-    H.push({
+    const q = f === w && x === g, K = new Date(r, w, g);
+    M.push({
       value: g,
       monthType: "previous",
       isToday: q,
-      date: G,
-      hidden: l(G)
+      date: K,
+      hidden: l(K)
     });
   }
-  const B = s + 1, j = [];
+  const B = s + 1, R = [];
   let P = 0;
   for (; z; ) {
     P++, z--;
-    const q = f === B && w === P, G = new Date(r, B, P);
-    j.push({
+    const q = f === B && x === P, K = new Date(r, B, P);
+    R.push({
       value: P,
       monthType: "next",
       isToday: q,
-      date: G,
-      hidden: l(G)
+      date: K,
+      hidden: l(K)
     });
   }
   let b = 0;
@@ -3395,21 +3395,21 @@ const b2 = (t) => {
   for (; b < d; ) {
     const q = p.getDate();
     b++;
-    const G = f === s && q === b, oe = new Date(r, s, b);
+    const K = f === s && q === b, oe = new Date(r, s, b);
     T.push({
       value: b,
       monthType: "current",
-      isToday: G,
+      isToday: K,
       date: oe,
       hidden: l(oe)
     });
   }
-  const S = [...H, ...T, ...j], W = [];
+  const S = [...M, ...T, ...R], W = [];
   for (let q = 0; q < S.length; q += 7) {
-    const G = S.slice(q, q + 7);
-    W.push(G);
+    const K = S.slice(q, q + 7);
+    W.push(K);
   }
-  return W.filter((q) => !q.every((G) => G.hidden));
+  return W.filter((q) => !q.every((K) => K.hidden));
 }, Wd = { class: "nmorph-card__header" }, Ld = { class: "nmorph-card__content" }, Ud = { class: "nmorph-card__footer" }, Yd = /* @__PURE__ */ D({
   __name: "NmorphCard",
   props: {
@@ -3426,7 +3426,7 @@ const b2 = (t) => {
         "nmorph-card": [e.shadowType]
       })
     ), r = h(() => `${e.combinedShadowBorderWidth}px`);
-    return (s, u) => (a(), o("div", {
+    return (s, c) => (a(), o("div", {
       class: V(l.value)
     }, [
       n("div", Wd, [
@@ -3452,39 +3452,39 @@ const Gd = /* @__PURE__ */ $e(Yd, [["__scopeId", "data-v-e3cb136f"]]), Kd = ["id
       l.value = l.value + 1;
     }, s = () => {
       l.value = l.value - 1;
-    }, u = t, c = e, d = h(
+    }, c = t, u = e, d = h(
       () => A({
         "nmorph-carousel": []
       })
     ), v = $([]), m = ve();
     ee("carousel-data", { data: v, carouselId: m });
-    const M = $(null), z = ue({}), p = () => {
-      const B = z[Object.keys(z).length - 1]?.cloneNode(!0), j = z[0]?.cloneNode(!0);
-      M.value?.prepend(B), M.value?.append(j), l.value += 1;
-    }, w = () => {
+    const H = $(null), z = ue({}), p = () => {
+      const B = z[Object.keys(z).length - 1]?.cloneNode(!0), R = z[0]?.cloneNode(!0);
+      H.value?.prepend(B), H.value?.append(R), l.value += 1;
+    }, x = () => {
       l.value === 0 && (l.value = Object.keys(z).length, y.value = !1), l.value > Object.keys(z).length && (l.value = 1, y.value = !1);
     };
     ae(() => {
-      u.loop && l.value === 0 && (_e(() => p()), M.value?.addEventListener("transitionend", w));
-    }), K(l, (B) => {
-      c("change", l.value), (B === 1 || B === Object.keys(z).length) && setTimeout(() => {
+      c.loop && l.value === 0 && (_e(() => p()), H.value?.addEventListener("transitionend", x));
+    }), G(l, (B) => {
+      u("change", l.value), (B === 1 || B === Object.keys(z).length) && setTimeout(() => {
         y.value = !0;
       });
     });
-    const f = (B, j) => {
+    const f = (B, R) => {
       const P = B;
-      z[j] = P;
-    }, x = h(() => `translateX(-${l.value * 100}%)`), y = $(!0), g = (B) => B === l.value - 1, H = (B) => {
+      z[R] = P;
+    }, w = h(() => `translateX(-${l.value * 100}%)`), y = $(!0), g = (B) => B === l.value - 1, M = (B) => {
       l.value = B + 1;
     };
-    return (B, j) => (a(), o("div", {
+    return (B, R) => (a(), o("div", {
       class: V(d.value)
     }, [
       n("div", {
         ref_key: "carouselWrapper",
-        ref: M,
+        ref: H,
         class: V(["nmorph-carousel__wrapper", { "transition-enabled": y.value }]),
-        style: ne({ transform: x.value })
+        style: ne({ transform: w.value })
       }, [
         (a(!0), o(Q, null, Z(v.value, (P, b) => (a(), o("div", {
           id: `nmorph-carousel-item-${_(m)}-${P}`,
@@ -3498,7 +3498,7 @@ const Gd = /* @__PURE__ */ $e(Yd, [["__scopeId", "data-v-e3cb136f"]]), Kd = ["id
         (a(!0), o(Q, null, Z(v.value, (P, b) => (a(), o("div", {
           key: b,
           class: "nmorph-carousel__element-indicator-wrapper",
-          onClick: (T) => H(b)
+          onClick: (T) => M(b)
         }, [
           n("div", {
             class: V(["nmorph-carousel__element-indicator", { "nmorph-carousel__element-indicator--active": g(b) }])
@@ -3534,14 +3534,14 @@ const Jd = /* @__PURE__ */ D({
     ), r = N("carousel-data", void 0), s = $(!1);
     return ae(() => {
       s.value = !0, r && r.data.value.push(e.name);
-    }), (u, c) => s.value ? (a(), o("div", {
+    }), (c, u) => s.value ? (a(), o("div", {
       key: 0,
       class: V(l.value)
     }, [
       (a(), F(we, {
         to: `#nmorph-carousel-item-${_(r)?.carouselId}-${e.name}`
       }, [
-        C(u.$slots, "default")
+        C(c.$slots, "default")
       ], 8, ["to"]))
     ], 2)) : O("", !0);
   }
@@ -3554,7 +3554,7 @@ const Jd = /* @__PURE__ */ D({
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
     const l = t, r = $(l.modelValue);
-    K(
+    G(
       () => l.modelValue,
       (d) => {
         r.value = d;
@@ -3569,16 +3569,16 @@ const Jd = /* @__PURE__ */ D({
         const m = r.value.indexOf(d);
         v && m === -1 && r.value.push(d), !v && m !== -1 && r.value.splice(m, 1);
       }
-      u("update:model-value", r.value);
+      c("update:model-value", r.value);
     };
     ee("collapse-data", r), ee("update-model", s);
-    const u = e, c = h(
+    const c = e, u = h(
       () => A({
         "nmorph-collapse": []
       })
     );
     return (d, v) => (a(), o("div", {
-      class: V(c.value)
+      class: V(u.value)
     }, [
       C(d.$slots, "default")
     ], 2));
@@ -3594,33 +3594,33 @@ const Jd = /* @__PURE__ */ D({
   },
   emits: ["click-item"],
   setup(t, { emit: e }) {
-    const l = t, r = e, s = $(!1), u = h(
+    const l = t, r = e, s = $(!1), c = h(
       () => A({
         "nmorph-collapse-item": [`${l.disabled && "disabled"}`, `${s.value && "is-open"}`]
       })
-    ), c = h(
+    ), u = h(
       () => A({
         nmorph: [se[l.height]]
       })
-    ), d = N("collapse-data", void 0), v = N("update-model", void 0), m = $(null), M = $(0), z = () => {
+    ), d = N("collapse-data", void 0), v = N("update-model", void 0), m = $(null), H = $(0), z = () => {
       l.block || (s.value = !s.value, v && (v(l.name, s.value), r("click-item", { id: l.name, isOpen: s.value })));
     };
     return ae(() => {
       Array.isArray(d?.value) ? s.value = d.value.includes(l.name) : s.value = d?.value === l.name;
-    }), K(
+    }), G(
       () => d?.value,
       (p) => {
         Array.isArray(p) ? s.value = p.includes(l.name) : s.value = p === l.name;
       },
       { deep: !0 }
-    ), K(s, () => {
-      M.value = s.value && m.value ? m.value?.clientHeight : 0;
-    }), (p, w) => (a(), o("div", {
-      class: V(u.value),
+    ), G(s, () => {
+      H.value = s.value && m.value ? m.value?.clientHeight : 0;
+    }), (p, x) => (a(), o("div", {
+      class: V(c.value),
       onClick: ie(z, ["stop"])
     }, [
       n("div", {
-        class: V(["nmorph-collapse-item__title", c.value])
+        class: V(["nmorph-collapse-item__title", u.value])
       }, [
         C(p.$slots, "title", {}, () => [
           re(L(l.title), 1)
@@ -3628,7 +3628,7 @@ const Jd = /* @__PURE__ */ D({
       ], 2),
       n("div", {
         class: "nmorph-collapse-item__content",
-        style: ne({ height: `${M.value}px` })
+        style: ne({ height: `${H.value}px` })
       }, [
         n("div", {
           ref_key: "collapseItemDOMElContent",
@@ -3660,23 +3660,23 @@ const ec = ["src", "alt", "srcset"], tc = {
   },
   emits: ["error", "load"],
   setup(t, { emit: e }) {
-    I((x) => ({
+    I((w) => ({
       "038c8bec": f.value,
-      "6b4fbaa3": w.value
+      "6b4fbaa3": x.value
     }));
-    const { t: l } = Ve(), r = t, s = h(() => r.loadingText ? r.loadingText : l("NmorphImage.loadingText")), u = h(
+    const { t: l } = Ve(), r = t, s = h(() => r.loadingText ? r.loadingText : l("NmorphImage.loadingText")), c = h(
       () => r.loadFailedText ? r.loadFailedText : l("NmorphImage.loadFailedText")
-    ), c = $(!1), d = $(!1), v = e, m = (x) => {
-      c.value = !0, d.value = !1, v("load", x);
-    }, M = (x) => {
-      c.value = !0, d.value = !0, v("error", x);
-    }, z = h(() => c.value && d.value), p = h(
+    ), u = $(!1), d = $(!1), v = e, m = (w) => {
+      u.value = !0, d.value = !1, v("load", w);
+    }, H = (w) => {
+      u.value = !0, d.value = !0, v("error", w);
+    }, z = h(() => u.value && d.value), p = h(
       () => A({
         nmorph: [`${r.frameBorder > 0 && "shadow-combined"}`],
-        "nmorph-image": [`${(z.value || !c.value) && "hide"}`]
+        "nmorph-image": [`${(z.value || !u.value) && "hide"}`]
       })
-    ), w = h(() => r.fit), f = h(() => `${r.frameBorder}px`);
-    return (x, y) => r.src ? (a(), o("div", {
+    ), x = h(() => r.fit), f = h(() => `${r.frameBorder}px`);
+    return (w, y) => r.src ? (a(), o("div", {
       key: 0,
       class: V(p.value)
     }, [
@@ -3685,14 +3685,14 @@ const ec = ["src", "alt", "srcset"], tc = {
         alt: r.alt,
         srcset: r.srcSet,
         onLoad: m,
-        onError: M
+        onError: H
       }, null, 40, ec),
       z.value ? (a(), o("div", tc, [
-        C(x.$slots, "error", {}, () => [
-          re(L(u.value), 1)
+        C(w.$slots, "error", {}, () => [
+          re(L(c.value), 1)
         ], !0)
-      ])) : c.value ? O("", !0) : (a(), o("div", nc, [
-        C(x.$slots, "loading", {}, () => [
+      ])) : u.value ? O("", !0) : (a(), o("div", nc, [
+        C(w.$slots, "loading", {}, () => [
           re(L(s.value), 1)
         ], !0)
       ]))
@@ -3719,7 +3719,7 @@ const ze = /* @__PURE__ */ $e(ac, [["__scopeId", "data-v-4c8df10c"]]), oc = { cl
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
     const l = t, r = $(l.modelValue);
-    K(
+    G(
       () => l.modelValue,
       (S) => r.value = S
     );
@@ -3727,41 +3727,41 @@ const ze = /* @__PURE__ */ $e(ac, [["__scopeId", "data-v-4c8df10c"]]), oc = { cl
       () => A({
         "nmorph-image-preview": [`${r.value && "opened"}`]
       })
-    ), u = $(l.initialIndex), c = h(() => typeof l.src == "string" ? l.src : l.src[u.value]), d = $(1), v = () => {
+    ), c = $(l.initialIndex), u = h(() => typeof l.src == "string" ? l.src : l.src[c.value]), d = $(1), v = () => {
       r.value = !0, b("update:model-value", r.value);
     }, m = () => {
       r.value = !1, b("update:model-value", r.value);
-    }, M = () => {
+    }, H = () => {
       g.value = g.value + 90, g.value >= 360 && (g.value = 0);
     }, z = () => {
       g.value = g.value - 90, g.value <= -360 && (g.value = 0);
     }, p = () => {
       d.value < l.maxScaleLevel && (d.value += l.scaleStep), d.value = parseFloat(d.value.toFixed(3));
-    }, w = () => {
+    }, x = () => {
       d.value > l.minScaleLevel && (d.value -= l.scaleStep), d.value = parseFloat(d.value.toFixed(3));
-    }, f = h(() => d.value < 1), x = () => {
+    }, f = h(() => d.value < 1), w = () => {
       d.value = 1;
     }, y = () => {
       d.value = 1;
-    }, g = $(0), H = () => {
-      const S = l.src.length - 1, W = u.value - 1;
-      W < 0 ? u.value = S : u.value = W;
+    }, g = $(0), M = () => {
+      const S = l.src.length - 1, W = c.value - 1;
+      W < 0 ? c.value = S : c.value = W;
     }, B = () => {
-      const S = l.src.length - 1, W = u.value + 1;
-      W > S ? u.value = 0 : u.value = W;
-    }, j = h(() => {
+      const S = l.src.length - 1, W = c.value + 1;
+      W > S ? c.value = 0 : c.value = W;
+    }, R = h(() => {
       let S = {
         icon: "shrink",
         handler: y
       };
       return f.value && (S = {
         icon: "enlarge",
-        handler: x
+        handler: w
       }), S;
     }), P = [
       {
         icon: "rotate-right",
-        handler: M
+        handler: H
       },
       {
         icon: "rotate-left",
@@ -3773,7 +3773,7 @@ const ze = /* @__PURE__ */ $e(ac, [["__scopeId", "data-v-4c8df10c"]]), oc = { cl
       },
       {
         icon: "zoom-out",
-        handler: w
+        handler: x
       }
     ], b = e, T = h(() => Array.isArray(l.src) && l.src.length > 0);
     return (S, W) => (a(), o("div", {
@@ -3784,7 +3784,7 @@ const ze = /* @__PURE__ */ $e(ac, [["__scopeId", "data-v-4c8df10c"]]), oc = { cl
         onClick: v
       }, [
         k(_(ze), {
-          src: c.value,
+          src: u.value,
           alt: l.alt,
           fit: "cover"
         }, null, 8, ["src", "alt"])
@@ -3793,18 +3793,18 @@ const ze = /* @__PURE__ */ $e(ac, [["__scopeId", "data-v-4c8df10c"]]), oc = { cl
         show: r.value,
         onOnOutsideClick: m
       }, {
-        default: R(() => [
+        default: j(() => [
           n("div", oc, [
             k(_(ze), {
-              src: c.value,
+              src: u.value,
               alt: l.alt,
               fit: "cover",
               style: ne({ transform: `rotate(${g.value}deg) scale(${d.value})` })
             }, null, 8, ["src", "alt", "style"])
           ]),
           T.value ? (a(), o("div", lc, [
-            k(_(Y), { onClick: H }, {
-              default: R(() => [
+            k(_(Y), { onClick: M }, {
+              default: j(() => [
                 k(_(E), { name: "chevron-down" })
               ]),
               _: 1
@@ -3812,21 +3812,21 @@ const ze = /* @__PURE__ */ $e(ac, [["__scopeId", "data-v-4c8df10c"]]), oc = { cl
           ])) : O("", !0),
           T.value ? (a(), o("div", rc, [
             k(_(Y), { onClick: B }, {
-              default: R(() => [
+              default: j(() => [
                 k(_(E), { name: "chevron-down" })
               ]),
               _: 1
             })
           ])) : O("", !0),
           n("div", sc, [
-            (a(), o(Q, null, Z(P, (q, G) => n("div", {
-              key: G,
+            (a(), o(Q, null, Z(P, (q, K) => n("div", {
+              key: K,
               class: "nmorph-image-preview__action-element"
             }, [
               k(_(Y), {
                 onClick: q.handler
               }, {
-                default: R(() => [
+                default: j(() => [
                   k(_(E), {
                     name: q.icon
                   }, null, 8, ["name"])
@@ -3837,11 +3837,11 @@ const ze = /* @__PURE__ */ $e(ac, [["__scopeId", "data-v-4c8df10c"]]), oc = { cl
             n("div", ic, [
               k(_(Y), {
                 disabled: d.value === 1,
-                onClick: j.value.handler
+                onClick: R.value.handler
               }, {
-                default: R(() => [
+                default: j(() => [
                   k(_(E), {
-                    name: j.value.icon
+                    name: R.value.icon
                   }, null, 8, ["name"])
                 ]),
                 _: 1
@@ -3871,46 +3871,46 @@ const dc = /* @__PURE__ */ D({
       () => A({
         "nmorph-pagination": [`${l.disabled && "disabled"}`]
       })
-    ), u = () => {
+    ), c = () => {
       d.value = String(Number(d.value) - 1);
-    }, c = () => {
+    }, u = () => {
       d.value = String(Number(d.value) + 1);
     }, d = $(String(l.modelValue)), v = h(() => {
-      const x = l.totalElementsQuantity / l.elementsQuantityOnPage + 1, y = x % 1 === 0 ? -1 : 0;
-      return Array.from({ length: x + y }, (H, B) => ({ value: String(B + 1), label: String(B + 1) }));
+      const w = l.totalElementsQuantity / l.elementsQuantityOnPage + 1, y = w % 1 === 0 ? -1 : 0;
+      return Array.from({ length: w + y }, (M, B) => ({ value: String(B + 1), label: String(B + 1) }));
     }), m = h(() => l.hideOnSinglePage || l.totalElementsQuantity / l.elementsQuantityOnPage > 1);
-    K(d, (x) => {
-      r("update:model-value", Number(x));
+    G(d, (w) => {
+      r("update:model-value", Number(w));
     });
-    const M = (x) => {
-      d.value = x;
-    }, z = h(() => Number(d.value) === 1), p = h(() => v.value.length === Number(d.value)), w = h(() => {
-      const x = v.value.length, y = Number(d.value), g = l.maxVisiblePages;
-      if (x <= g)
+    const H = (w) => {
+      d.value = w;
+    }, z = h(() => Number(d.value) === 1), p = h(() => v.value.length === Number(d.value)), x = h(() => {
+      const w = v.value.length, y = Number(d.value), g = l.maxVisiblePages;
+      if (w <= g)
         return v.value;
-      const H = Math.floor(g / 2);
-      return y <= H ? [...v.value.slice(0, g - 2), { value: "next", label: "..." }, v.value[x - 1]] : y >= x - H ? [v.value[0], { value: "prev", label: "..." }, ...v.value.slice(x - (g - 2))] : [
+      const M = Math.floor(g / 2);
+      return y <= M ? [...v.value.slice(0, g - 2), { value: "next", label: "..." }, v.value[w - 1]] : y >= w - M ? [v.value[0], { value: "prev", label: "..." }, ...v.value.slice(w - (g - 2))] : [
         v.value[0],
         { value: "prev", label: "..." },
-        ...v.value.slice(y - H, y + H - 1),
+        ...v.value.slice(y - M, y + M - 1),
         { value: "next", label: "..." },
-        v.value[x - 1]
+        v.value[w - 1]
       ];
-    }), f = (x) => {
+    }), f = (w) => {
       const y = Number(d.value);
-      let g = x === "prev" ? y - l.fastForwardStep : y + l.fastForwardStep;
+      let g = w === "prev" ? y - l.fastForwardStep : y + l.fastForwardStep;
       g <= 0 && (g = 1), g >= v.value.length && (g = v.value.length), d.value = String(g);
     };
-    return (x, y) => m.value ? (a(), o("div", {
+    return (w, y) => m.value ? (a(), o("div", {
       key: 0,
       class: V(s.value)
     }, [
       k(_(Y), {
         class: "nmorph-pagination__btn nmorph-pagination__prev-btn",
         disabled: z.value || l.disabled,
-        onClick: u
+        onClick: c
       }, {
-        default: R(() => [
+        default: j(() => [
           k(_(E), {
             name: "chevron-down",
             class: "nmorph-pagination__prev-icon"
@@ -3922,10 +3922,10 @@ const dc = /* @__PURE__ */ D({
         "model-value": d.value,
         class: "nmorph-pagination__page-group",
         disabled: l.disabled,
-        "onUpdate:modelValue": M
+        "onUpdate:modelValue": H
       }, {
-        default: R(() => [
-          (a(!0), o(Q, null, Z(w.value, (g) => (a(), o("div", {
+        default: j(() => [
+          (a(!0), o(Q, null, Z(x.value, (g) => (a(), o("div", {
             key: g.value,
             class: "nmorph-pagination__page-btn-wrapper"
           }, [
@@ -3934,7 +3934,7 @@ const dc = /* @__PURE__ */ D({
               class: V(`nmorph-pagination__page-btn nmorph-pagination__${g.value}`),
               text: g.label,
               disabled: l.disabled,
-              onClick: (H) => f(g.value)
+              onClick: (M) => f(g.value)
             }, null, 8, ["class", "text", "disabled", "onClick"])) : (a(), F(_(W2), fe({
               key: 1,
               ref_for: !0
@@ -3949,9 +3949,9 @@ const dc = /* @__PURE__ */ D({
       k(_(Y), {
         class: "nmorph-pagination__btn nmorph-pagination__next-btn",
         disabled: p.value || l.disabled,
-        onClick: c
+        onClick: u
       }, {
-        default: R(() => [
+        default: j(() => [
           k(_(E), {
             name: "chevron-down",
             class: "nmorph-pagination__next-icon"
@@ -3989,19 +3989,19 @@ const cc = {
     I((p) => ({
       "1ae927c9": r.value,
       "588931e9": s.value,
-      "781c6b0a": u.value,
-      "58c45d38": M.value
+      "781c6b0a": c.value,
+      "58c45d38": H.value
     }));
     const e = t, l = h(
       () => A({
         "nmorph-progress": []
       })
-    ), r = h(() => `${e.percentage}%`), s = h(() => Array.isArray(e.color) ? e.color.find((p) => p.percentage <= e.percentage)?.color : typeof e.color == "function" ? e.color(e.percentage) : e.color), u = h(() => e.indeterminate ? "var(--animation)" : "none"), c = $(null), d = $(1), v = h(() => `${d.value} ${d.value}`), m = h(() => d.value - e.percentage / 100 * d.value);
+    ), r = h(() => `${e.percentage}%`), s = h(() => Array.isArray(e.color) ? e.color.find((p) => p.percentage <= e.percentage)?.color : typeof e.color == "function" ? e.color(e.percentage) : e.color), c = h(() => e.indeterminate ? "var(--animation)" : "none"), u = $(null), d = $(1), v = h(() => `${d.value} ${d.value}`), m = h(() => d.value - e.percentage / 100 * d.value);
     ae(() => {
-      c.value && (d.value = 2 * Math.PI * c.value.r.baseVal.value);
+      u.value && (d.value = 2 * Math.PI * u.value.r.baseVal.value);
     });
-    const M = h(() => `${e.circleSize}px`), z = h(() => `${e.percentage}%`);
-    return (p, w) => (a(), o("div", {
+    const H = h(() => `${e.circleSize}px`), z = h(() => `${e.percentage}%`);
+    return (p, x) => (a(), o("div", {
       class: V(l.value)
     }, [
       e.type === "linear" ? (a(), o("div", cc, [
@@ -4032,7 +4032,7 @@ const cc = {
         }, [
           n("circle", {
             ref_key: "circle",
-            ref: c,
+            ref: u,
             class: "nmorph-progress__circle-ring",
             cx: e.circleSize / 2,
             cy: e.circleSize / 2,
@@ -4065,8 +4065,8 @@ const xc = {
       class: V(l.value)
     }, [
       e.rows && e.loading ? (a(), o("div", xc, [
-        (a(!0), o(Q, null, Z(e.rows, (u) => (a(), F(_(C2), {
-          key: u,
+        (a(!0), o(Q, null, Z(e.rows, (c) => (a(), F(_(C2), {
+          key: c,
           width: "100%",
           height: "14px",
           variant: "rect"
@@ -4095,7 +4095,7 @@ const Mc = { class: "nmorph-skeleton-item__element" }, C2 = /* @__PURE__ */ D({
     design: { default: "nmorph" }
   },
   setup(t) {
-    I((u) => ({
+    I((c) => ({
       "085cc1bc": r.value,
       "2d27081e": s.value
     }));
@@ -4104,7 +4104,7 @@ const Mc = { class: "nmorph-skeleton-item__element" }, C2 = /* @__PURE__ */ D({
         "nmorph-skeleton-item": [e.variant, `${e.design === "nmorph" ? "nmorph-design" : ""}`]
       })
     ), r = h(() => e.width), s = h(() => e.height);
-    return (u, c) => (a(), o("div", {
+    return (c, u) => (a(), o("div", {
       class: V(l.value)
     }, [
       n("div", Mc, [
@@ -4129,19 +4129,19 @@ const Me = "10px", Hc = /* @__PURE__ */ D({
       () => A({
         "nmorph-sort-button": [`${l.value}`]
       })
-    ), u = () => {
-      const c = l.value === "ascending" ? "descending" : "ascending";
-      r("sort", c);
+    ), c = () => {
+      const u = l.value === "ascending" ? "descending" : "ascending";
+      r("sort", u);
     };
-    return (c, d) => (a(), o("div", {
+    return (u, d) => (a(), o("div", {
       class: V(s.value)
     }, [
       k(_(Y), {
         height: "thin",
         "style-type": "transparent",
-        onClick: u
+        onClick: c
       }, {
-        default: R(() => [
+        default: j(() => [
           k(_(E), {
             name: "triangle-down",
             class: "nmorph-sort-button__icon-up",
@@ -4174,62 +4174,62 @@ const zc = { class: "nmorph-table__wrapper" }, kc = { class: "nmorph-table__head
       () => A({
         "nmorph-table": [`${e.design}`]
       })
-    ), r = $(e.data), s = $(e.sort), u = (w, f) => {
-      s.value && (s.value[f] = w, r.value.sort((x, y) => {
-        const g = String(x[f]).toLowerCase(), H = String(y[f]).toLowerCase();
+    ), r = $(e.data), s = $(e.sort), c = (x, f) => {
+      s.value && (s.value[f] = x, r.value.sort((w, y) => {
+        const g = String(w[f]).toLowerCase(), M = String(y[f]).toLowerCase();
         if (!s.value)
           return 0;
         const B = s.value[f];
-        return B === "ascending" ? g.localeCompare(H) : B === "descending" ? H.localeCompare(g) : 0;
+        return B === "ascending" ? g.localeCompare(M) : B === "descending" ? M.localeCompare(g) : 0;
       }));
-    }, c = $(null), d = $([]);
+    }, u = $(null), d = $([]);
     ee("table-data", { rows: r, columns: d });
     const v = h(() => {
-      const w = d.value.map((H) => H.width).filter((H) => !!H), f = w.length, x = w.reduce((H, B) => (H += Number(B), H), 0), y = d.value.length - f;
-      return c.value?.clientWidth ? (c.value?.clientWidth - x) / y : 0;
-    }), m = (w) => w !== "" ? w : v.value, M = $(0);
-    K(
+      const x = d.value.map((M) => M.width).filter((M) => !!M), f = x.length, w = x.reduce((M, B) => (M += Number(B), M), 0), y = d.value.length - f;
+      return u.value?.clientWidth ? (u.value?.clientWidth - w) / y : 0;
+    }), m = (x) => x !== "" ? x : v.value, H = $(0);
+    G(
       () => e.data,
       () => {
-        M.value = M.value + 1, r.value = e.data, d.value = [];
+        H.value = H.value + 1, r.value = e.data, d.value = [];
       },
       {
         immediate: !0
       }
     );
-    const z = (w) => typeof w == "object" ? "" : w, p = ve();
-    return ee("table-identifier", p), (w, f) => (a(), o("div", {
+    const z = (x) => typeof x == "object" ? "" : x, p = ve();
+    return ee("table-identifier", p), (x, f) => (a(), o("div", {
       ref_key: "nmorphDOMTable",
-      ref: c,
-      key: M.value,
+      ref: u,
+      key: H.value,
       class: V(l.value)
     }, [
       n("div", zc, [
         n("table", kc, [
           n("colgroup", null, [
-            (a(!0), o(Q, null, Z(d.value, (x) => (a(), o("col", {
-              key: x.prop,
-              style: ne({ width: `${m(x.width)}px` }),
-              "data-src": `${m(x.width)}px`
+            (a(!0), o(Q, null, Z(d.value, (w) => (a(), o("col", {
+              key: w.prop,
+              style: ne({ width: `${m(w.width)}px` }),
+              "data-src": `${m(w.width)}px`
             }, null, 12, Vc))), 128))
           ]),
           n("thead", null, [
             n("tr", Bc, [
-              (a(!0), o(Q, null, Z(d.value, (x, y) => (a(), o("th", {
+              (a(!0), o(Q, null, Z(d.value, (w, y) => (a(), o("th", {
                 key: y,
                 class: V(["nmorph-table__table-data", { "nmorph-table__table-data--bordered": e.bordered }])
               }, [
                 n("div", Cc, [
                   n("div", {
-                    style: ne({ "justify-content": x.alignment }),
+                    style: ne({ "justify-content": w.alignment }),
                     class: "nmorph-table__cell-content"
                   }, [
-                    n("span", null, L(x.label), 1),
-                    s.value && s.value[x.prop] ? (a(), F(Hc, {
+                    n("span", null, L(w.label), 1),
+                    s.value && s.value[w.prop] ? (a(), F(Hc, {
                       key: 0,
                       class: "nmorph-table__button-wrapper",
-                      value: s.value[x.prop],
-                      onSort: (g) => u(g, x.prop)
+                      value: s.value[w.prop],
+                      onSort: (g) => c(g, w.prop)
                     }, null, 8, ["value", "onSort"])) : O("", !0)
                   ], 4)
                 ])
@@ -4240,13 +4240,13 @@ const zc = { class: "nmorph-table__wrapper" }, kc = { class: "nmorph-table__head
         n("div", Sc, [
           n("table", null, [
             n("colgroup", null, [
-              (a(!0), o(Q, null, Z(d.value, (x) => (a(), o("col", {
-                key: x.prop,
-                style: ne({ width: `${m(x.width)}px` })
+              (a(!0), o(Q, null, Z(d.value, (w) => (a(), o("col", {
+                key: w.prop,
+                style: ne({ width: `${m(w.width)}px` })
               }, null, 4))), 128))
             ]),
             n("tbody", null, [
-              (a(!0), o(Q, null, Z(r.value, (x, y) => (a(), o("tr", {
+              (a(!0), o(Q, null, Z(r.value, (w, y) => (a(), o("tr", {
                 key: y,
                 class: V(["nmorph-table__table-data-row", { "nmorph-table__table-data-row--row-hover": e.rowHover }])
               }, [
@@ -4258,20 +4258,20 @@ const zc = { class: "nmorph-table__wrapper" }, kc = { class: "nmorph-table__head
                     id: `table-cell-${_(p)}-${y}-${g.prop}`,
                     style: ne({ "text-align": g.alignment }),
                     class: "nmorph-table__cell nmorph-table__cell--data"
-                  }, L(z(x[g.prop])), 13, Ac)
+                  }, L(z(w[g.prop])), 13, Ac)
                 ], 2))), 128))
               ], 2))), 128))
             ])
           ]),
           n("table", null, [
             n("colgroup", null, [
-              (a(!0), o(Q, null, Z(d.value, (x) => (a(), o("col", {
-                key: x.prop,
-                style: ne({ width: `${m(x.width)}px` })
+              (a(!0), o(Q, null, Z(d.value, (w) => (a(), o("col", {
+                key: w.prop,
+                style: ne({ width: `${m(w.width)}px` })
               }, null, 4))), 128))
             ]),
             n("tbody", Tc, [
-              C(w.$slots, "default")
+              C(x.$slots, "default")
             ])
           ])
         ])
@@ -4289,16 +4289,16 @@ const A2 = /* @__PURE__ */ D({
       () => A({
         "nmorph-table-cell": []
       })
-    ), u = h(() => `#table-cell-${l}-${r.row}-${e}`), c = $(!1);
+    ), c = h(() => `#table-cell-${l}-${r.row}-${e}`), u = $(!1);
     return ae(async () => {
       await _e();
-      const d = document.querySelector(u.value);
-      d && (d.innerHTML = ""), c.value = !0;
-    }), (d, v) => c.value ? (a(), o("div", {
+      const d = document.querySelector(c.value);
+      d && (d.innerHTML = ""), u.value = !0;
+    }), (d, v) => u.value ? (a(), o("div", {
       key: 0,
       class: V(s.value)
     }, [
-      (a(), F(we, { to: u.value }, [
+      (a(), F(we, { to: c.value }, [
         C(d.$slots, "default")
       ], 8, ["to"]))
     ], 2)) : O("", !0);
@@ -4316,20 +4316,20 @@ const A2 = /* @__PURE__ */ D({
       () => A({
         "nmorph-table-column": []
       })
-    ), u = $(0);
+    ), c = $(0);
     ee("column-property", r.prop), ee("table-identifier", l), ae(() => {
-      c();
+      u();
     });
-    const c = () => {
+    const u = () => {
       if (!e?.columns.value)
         return;
       const { columns: v } = e;
-      u.value = v.value.length + 1, e.columns.value = [...v.value, { ...r, id: u.value }];
+      c.value = v.value.length + 1, e.columns.value = [...v.value, { ...r, id: c.value }];
     }, d = $(null);
     return (v, m) => (a(), o("div", {
       ref_key: "columnDOMEl",
       ref: d,
-      "data-id": u.value,
+      "data-id": c.value,
       class: V(s.value)
     }, [
       C(v.$slots, "default", {
@@ -4349,17 +4349,17 @@ const A2 = /* @__PURE__ */ D({
         "nmorph-list": []
       })
     );
-    let u = $(l.modelValue);
-    const c = (d) => {
-      u.value = u.value.filter((v) => v.value !== d), r("close", d), r("update:model-value", u.value);
+    let c = $(l.modelValue);
+    const u = (d) => {
+      c.value = c.value.filter((v) => v.value !== d), r("close", d), r("update:model-value", c.value);
     };
     return (d, v) => (a(), o("div", {
       class: V(s.value)
     }, [
-      (a(!0), o(Q, null, Z(_(u), (m) => (a(), F(_(Ge), fe({
+      (a(!0), o(Q, null, Z(_(c), (m) => (a(), F(_(Ge), fe({
         key: m.value,
         ref_for: !0
-      }, m, { onClose: c }), null, 16))), 128))
+      }, m, { onClose: u }), null, 16))), 128))
     ], 2));
   }
 }), Pc = { class: "nmorph-tag-item__content" }, Ge = /* @__PURE__ */ D({
@@ -4378,19 +4378,19 @@ const A2 = /* @__PURE__ */ D({
         nmorph: [se[l.height]],
         "nmorph-tag-item": [`${l.design === "nmorph" ? "nmorph-design" : ""}`]
       })
-    ), s = e, u = () => {
+    ), s = e, c = () => {
       s("close", l.value);
     };
-    return (c, d) => (a(), o("div", {
+    return (u, d) => (a(), o("div", {
       class: V(r.value)
     }, [
       n("div", Pc, [
-        n("span", null, L(c.text), 1),
+        n("span", null, L(u.text), 1),
         l.removable ? (a(), F(_(E), {
           key: 0,
           class: "nmorph-tag-item__close-icon",
           name: "error",
-          onClick: ie(u, ["stop"])
+          onClick: ie(c, ["stop"])
         })) : O("", !0)
       ])
     ], 2));
@@ -4425,15 +4425,15 @@ const Ec = ["innerHTML"], qc = {
       () => A({
         "nmorph-alert": [l.type, `${l.bordered && "bordered"}`, `${l.fill && "fill"}`]
       })
-    ), u = () => {
+    ), c = () => {
       r("close");
-    }, c = {
+    }, u = {
       [me.success]: "success-filled",
       [me.warning]: "warn-triangle-filled",
       [me.info]: "info-filled",
       [me.error]: "circle-close-filled"
     }, d = Le(), v = h(() => l.closeIconPosition);
-    return (m, M) => _(d).default || l.title || l.content || l.html ? (a(), o("div", {
+    return (m, H) => _(d).default || l.title || l.content || l.html ? (a(), o("div", {
       key: 0,
       class: V(s.value)
     }, [
@@ -4446,7 +4446,7 @@ const Ec = ["innerHTML"], qc = {
           l.showIcon ? (a(), o("div", Rc, [
             C(m.$slots, "icon", {}, () => [
               k(_(E), {
-                name: c[l.type],
+                name: u[l.type],
                 size: "medium"
               }, null, 8, ["name"])
             ])
@@ -4467,7 +4467,7 @@ const Ec = ["innerHTML"], qc = {
         l.closable ? (a(), o("div", {
           key: 0,
           class: "nmorph-alert__close",
-          onClick: u
+          onClick: c
         }, [
           k(_(E), {
             name: "cross",
@@ -4496,16 +4496,16 @@ const Uc = { class: "nmorph-dialog__header" }, Yc = { class: "nmorph-dialog__tit
   emits: ["on-close", "update:model-value"],
   setup(t, { emit: e }) {
     I((p) => ({
-      "097fcdea": u.value,
-      "4478cc6c": c.value
+      "097fcdea": c.value,
+      "4478cc6c": u.value
     }));
     const l = t, r = e, s = h(
       () => A({
         "nmorph-dialog": []
       })
-    ), u = h(() => l.width), c = h(() => l.zIndex), d = $(l.modelValue);
+    ), c = h(() => l.width), u = h(() => l.zIndex), d = $(l.modelValue);
     let v = null, m = null;
-    K(
+    G(
       () => l.modelValue,
       (p) => {
         p ? (m && clearTimeout(m), v = setTimeout(() => {
@@ -4516,18 +4516,18 @@ const Uc = { class: "nmorph-dialog__header" }, Yc = { class: "nmorph-dialog__tit
       },
       { immediate: !0 }
     );
-    const M = () => {
+    const H = () => {
       r("on-close"), v && clearTimeout(v), m = setTimeout(() => {
         r("update:model-value", !1);
       }, l.closeDelay);
     }, z = () => {
-      l.closeOnOverlay && M();
+      l.closeOnOverlay && H();
     };
-    return (p, w) => (a(), F(_(De), {
+    return (p, x) => (a(), F(_(De), {
       show: d.value,
       onOnOutsideClick: z
     }, {
-      default: R(() => [
+      default: j(() => [
         n("div", {
           class: V(s.value)
         }, [
@@ -4537,7 +4537,7 @@ const Uc = { class: "nmorph-dialog__header" }, Yc = { class: "nmorph-dialog__tit
               l.showClose ? (a(), o("div", {
                 key: 0,
                 class: "nmorph-dialog__close-icon",
-                onClick: M
+                onClick: H
               }, [
                 k(_(E), { name: "cross" })
               ])) : O("", !0)
@@ -4554,9 +4554,9 @@ const Uc = { class: "nmorph-dialog__header" }, Yc = { class: "nmorph-dialog__tit
 });
 var Qc = /* @__PURE__ */ ((t) => (t["contains-one"] = "contains-one", t["not-contains"] = "not-contains", t["full-eq"] = "full-eq", t))(Qc || {}), Zc = /* @__PURE__ */ ((t) => (t.eq = "eq", t.gte = "gte", t.lte = "lte", t.gt = "gt", t.lt = "lt", t))(Zc || {}), Xc = /* @__PURE__ */ ((t) => (t.eq = "eq", t["not-eq"] = "not-eq", t))(Xc || {});
 const Oe = (t) => {
-  const { inputValue: e, rules: l } = t, r = $([]), s = $(!1), u = $(!1);
+  const { inputValue: e, rules: l } = t, r = $([]), s = $(!1), c = $(!1);
   return {
-    touched: u,
+    touched: c,
     valid: s,
     errors: r,
     validate: () => {
@@ -4567,109 +4567,115 @@ const Oe = (t) => {
       }
       if (e === null)
         return;
-      const v = e, m = (x) => d && x in l[0], M = typeof v == "string" && m("pattern"), z = typeof v == "number" && m("numberCompareType"), p = (typeof v == "string" || typeof v == "boolean") && m("booleanCompareType"), w = Array.isArray(v) && m("arrayCompareType");
-      if (!z && !M && !p && !w) {
+      const v = e, m = (w) => d && w in l[0], H = typeof v == "string" && m("pattern"), z = typeof v == "number" && m("numberCompareType"), p = (typeof v == "string" || typeof v == "boolean") && m("booleanCompareType"), x = Array.isArray(v) && m("arrayCompareType");
+      if (!z && !H && !p && !x) {
         console.warn("The input value and the provided rules do not match");
         return;
       }
-      if (u.value || (u.value = !0), M) {
-        const x = l;
-        r.value = x.reduce((y, g) => (v.match(g.pattern) || y.push(g.error), y), []);
+      if (c.value || (c.value = !0), H) {
+        const w = l;
+        r.value = w.reduce((y, g) => (v.match(g.pattern) || y.push(g.error), y), []);
       }
       if (z) {
-        const x = (g, H, B) => {
+        const w = (g, M, B) => {
           switch (B) {
             case "eq":
-              return g === H;
+              return g === M;
             case "gt":
-              return g > H;
+              return g > M;
             case "lt":
-              return g < H;
+              return g < M;
             case "lte":
-              return g <= H;
+              return g <= M;
             case "gte":
-              return g >= H;
+              return g >= M;
           }
         }, y = l;
-        r.value = y.reduce((g, H) => (x(v, H.compareValue, H.numberCompareType) && g.push(H.error), g), []);
+        r.value = y.reduce((g, M) => (w(v, M.compareValue, M.numberCompareType) && g.push(M.error), g), []);
       }
       if (p) {
-        const x = l;
-        r.value = x.reduce((y, g) => {
-          let H = !1;
-          const { compareValue: B, booleanCompareType: j } = g;
-          return j === "not-eq" && (H = v === B), j === "eq" && (H = v !== B), H || y.push(g.error), y;
+        const w = l;
+        r.value = w.reduce((y, g) => {
+          let M = !1;
+          const { compareValue: B, booleanCompareType: R } = g;
+          return R === "not-eq" && (M = v === B), R === "eq" && (M = v !== B), M || y.push(g.error), y;
         }, []);
       }
-      if (w) {
-        const x = l, y = (g, H, B) => {
+      if (x) {
+        const w = l, y = (g, M, B) => {
           switch (B) {
             case "contains-one":
-              return g.some((b) => H.includes(b));
+              return g.some((b) => M.includes(b));
             case "full-eq":
-              if (g.length !== H.length)
+              if (g.length !== M.length)
                 return !1;
-              const j = [...g].sort(), P = [...H].sort();
-              return j.every((b, T) => b === P[T]);
+              const R = [...g].sort(), P = [...M].sort();
+              return R.every((b, T) => b === P[T]);
             case "not-contains":
-              return !g.some((b) => H.includes(b));
+              return !g.some((b) => M.includes(b));
           }
         };
-        r.value = x.reduce((g, H) => (y(
-          v.map((j) => String(j)),
-          H.compareValue,
-          H.arrayCompareType
-        ) || g.push(H.error), g), []);
+        r.value = w.reduce((g, M) => (y(
+          v.map((R) => String(R)),
+          M.compareValue,
+          M.arrayCompareType
+        ) || g.push(M.error), g), []);
       }
       s.value = r.value.length === 0;
     }
   };
 }, Jc = (t, e = !1) => {
-  const l = ue({}), r = ue({}), s = ue(a2(t)), u = $(!1), c = $(!1), d = () => {
+  const l = ue({}), r = ue({}), s = ue(a2(t)), c = $(!1), u = $(!1), d = () => {
     Object.entries(t).forEach(([z, p]) => {
       r[z] = Oe({ inputValue: p.value, rules: p.rules }), r[z].validate();
-    }), u.value = Object.entries(r).every(([z, p]) => p.valid);
+    }), c.value = Object.entries(r).every(([z, p]) => p.valid);
   }, v = () => {
     Object.entries(t).forEach(([z, p]) => {
       l[z] = Oe({ inputValue: p.value, rules: p.rules }), l[z].validate();
     });
   }, m = (z, p) => Object.keys(p).filter((f) => {
-    const x = z[f] ? JSON.stringify(z[f]) : null, y = JSON.stringify(p[f]);
-    return x !== y;
+    const w = z[f] ? JSON.stringify(z[f]) : null, y = JSON.stringify(p[f]);
+    return w !== y;
   });
-  return K(t, (z) => {
-    m(s, z).forEach((w) => {
-      const f = z[w];
-      l[w] = Oe({ inputValue: f.value, rules: f.rules }), l[w].validate();
-    }), Object.assign(s, a2(z)), d(), c.value = !0;
+  return G(t, (z) => {
+    m(s, z).forEach((x) => {
+      const f = z[x];
+      l[x] = Oe({ inputValue: f.value, rules: f.rules }), l[x].validate();
+    }), Object.assign(s, a2(z)), d(), u.value = !0;
   }, { deep: !0 }), e && v(), {
     fields: l,
-    isFormValid: Re(u),
-    isAnyTouched: Re(c)
+    isFormValid: Re(c),
+    isAnyTouched: Re(u)
   };
 }, O2 = (t) => {
-  const { initialPlacement: e, relativeElement: l, contentDOMElement: r, yOffset: s = 0, xOffset: u = 0 } = t, c = $(e), d = $({ x: "0px", y: "0px" });
-  ae(() => {
-    v();
+  const { initialPlacement: e, relativeElement: l, contentDOMElement: r, yOffset: s = 0, xOffset: c = 0 } = t, u = $(e), d = $({ x: "0px", y: "0px" }), v = N("nmorph");
+  G(
+    () => v.browser,
+    () => {
+      m();
+    },
+    { deep: !0 }
+  ), ae(() => {
+    m();
   });
-  const v = () => {
+  const m = () => {
     _e(() => {
       if (!r.value || !l) {
         console.warn("There is no relative element or content DOM element");
         return;
       }
-      const m = r.value.getBoundingClientRect(), M = m.width, z = m.height, p = "value" in l ? l.value : l;
-      if (!p) {
+      const H = r.value.getBoundingClientRect(), z = H.width, p = H.height, x = "value" in l ? l.value : l;
+      if (!x) {
         console.warn("Relative element is not an HTMLElement");
         return;
       }
-      const w = p.getBoundingClientRect(), { x: f, y: x } = w, y = w.width, g = w.height, H = window.innerWidth, B = window.innerHeight;
-      c.value === "top" && x - z < 0 && (c.value = "bottom"), c.value === "bottom" && x + g + z > B && (c.value = "top"), c.value === "left" && f - M < 0 && (c.value = "right"), c.value === "right" && f + y + M > H && (c.value = "left"), c.value === "top" && (d.value = { x: `${f + u}px`, y: `${x + s}px` }), c.value === "bottom" && (d.value = { x: `${f + u}px`, y: `${x + g + s}px` }), c.value === "right" && (d.value = { x: `${f + u}px`, y: `${x + s}px` }), c.value === "left" && (d.value = { x: `${f + y + u}px`, y: `${x + s}px` });
+      const f = x.getBoundingClientRect(), { x: w, y } = f, g = f.width, M = f.height, B = window.innerWidth, R = window.innerHeight;
+      u.value === "top" && y - p < 0 && (u.value = "bottom"), u.value === "bottom" && y + M + p > R && (u.value = "top"), u.value === "left" && w - z < 0 && (u.value = "right"), u.value === "right" && w + g + z > B && (u.value = "left"), u.value === "top" && (d.value = { x: `${w + c}px`, y: `${y + s}px` }), u.value === "bottom" && (d.value = { x: `${w + c}px`, y: `${y + M + s}px` }), u.value === "right" && (d.value = { x: `${w + c}px`, y: `${y + s}px` }), u.value === "left" && (d.value = { x: `${w + g + c}px`, y: `${y + s}px` });
     });
   };
-  return { placement: c, placementCoords: d };
+  return { placement: u, placementCoords: d };
 }, j9 = () => {
-}, Nc = "@nmorph/nmorph-ui-kit", Ic = "module", eu = "0.2.155", tu = "MIT", nu = {
+}, Nc = "@nmorph/nmorph-ui-kit", Ic = "module", eu = "0.2.156", tu = "MIT", nu = {
   node: "18.13.0",
   npm: "8.19.3"
 }, au = "./dist/index.d.ts", ou = "./dist/index.umd.js", lu = "./dist/index.es.js", ru = "./dist/style.css", su = [
@@ -4821,32 +4827,32 @@ const Oe = (t) => {
 }, i2 = (t, e) => {
   let l = parseInt(t.substring(1, 3), 16), r = parseInt(t.substring(3, 5), 16), s = parseInt(t.substring(5, 7), 16);
   l = Math.round(l * (1 + e / 100)), r = Math.round(r * (1 + e / 100)), s = Math.round(s * (1 + e / 100)), l = Math.min(255, Math.max(0, l)), r = Math.min(255, Math.max(0, r)), s = Math.min(255, Math.max(0, s));
-  const u = l.toString(16).padStart(2, "0"), c = r.toString(16).padStart(2, "0"), d = s.toString(16).padStart(2, "0");
-  return `#${u}${c}${d}`;
+  const c = l.toString(16).padStart(2, "0"), u = r.toString(16).padStart(2, "0"), d = s.toString(16).padStart(2, "0");
+  return `#${c}${u}${d}`;
 }, $u = (t) => {
   a0("warn", `NMORPH(v${hu.version})`);
   const e = { ...fu, ...t }, l = (p) => {
     try {
-      const w = wu(p), f = i2(w, e.darkShadeGeneratorCoefficient), x = i2(w, e.lightShadeGeneratorCoefficient);
+      const x = wu(p), f = i2(x, e.darkShadeGeneratorCoefficient), w = i2(x, e.lightShadeGeneratorCoefficient);
       return [
         { name: "--nmorph-dark-shade-color", color: f },
-        { name: "--nmorph-light-shade-color", color: x }
+        { name: "--nmorph-light-shade-color", color: w }
       ];
-    } catch (w) {
-      console.error(w.message);
+    } catch (x) {
+      console.error(x.message);
     }
-  }, r = (p) => Object.entries(p).map(([w, f]) => ({
-    name: `--nmorph-${o2(w)}-color`,
+  }, r = (p) => Object.entries(p).map(([x, f]) => ({
+    name: `--nmorph-${o2(x)}-color`,
     color: f
-  })), s = (p, w) => {
-    const f = (g) => g.map((H) => `${H.name}: ${H.color};`).join(" "), x = Object.entries(w).map(([g, H]) => `--${o2(g)}: ${H};`).join(" "), y = [];
-    return Object.entries(p).forEach(([g, H]) => {
+  })), s = (p, x) => {
+    const f = (g) => g.map((M) => `${M.name}: ${M.color};`).join(" "), w = Object.entries(x).map(([g, M]) => `--${o2(g)}: ${M};`).join(" "), y = [];
+    return Object.entries(p).forEach(([g, M]) => {
       if (g === "common")
-        y.push(f(xu(P2, H)));
+        y.push(f(xu(P2, M)));
       else {
         const B = `
           &[${he}='${g}'] {
-            ${f(H)}
+            ${f(M)}
           }
         `;
         y.push(B);
@@ -4854,20 +4860,20 @@ const Oe = (t) => {
     }), `
       :root {
         ${y.join(" ")}
-        ${x}
+        ${w}
       }
     `;
-  }, u = {};
-  Object.entries(e.themes).forEach(([p, w]) => {
-    u[p] = [];
-    const f = !!w.darkShade, x = !!w.lightShade;
-    !!w.main && !f && !x && (u[p] = l(w.main)), u[p] = [...u[p], ...r(w)];
+  }, c = {};
+  Object.entries(e.themes).forEach(([p, x]) => {
+    c[p] = [];
+    const f = !!x.darkShade, w = !!x.lightShade;
+    !!x.main && !f && !w && (c[p] = l(x.main)), c[p] = [...c[p], ...r(x)];
   });
-  const c = document.createElement("style");
-  c.type = "text/css", c.innerHTML = s(u, e.other), document.head.appendChild(c);
+  const u = document.createElement("style");
+  u.type = "text/css", u.innerHTML = s(c, e.other), document.head.appendChild(u);
   const d = (p) => {
     v.value = p, m.setAttribute(he, v.value), e.saveCurrentThemeToLS ? localStorage.setItem(he, p) : localStorage.removeItem(he);
-  }, v = $(e.defaultTheme), m = document.querySelector("html"), M = localStorage.getItem(he), z = u[M];
+  }, v = $(e.defaultTheme), m = document.querySelector("html"), H = localStorage.getItem(he), z = c[H];
   return e.saveCurrentThemeToLS && z && (v.value = localStorage.getItem(he)), d(v.value), { setTheme: d, currentTheme: Re(v) };
 }, Ke = {
   [U.en]: {
@@ -5011,16 +5017,16 @@ const Oe = (t) => {
     fill: !0,
     width: "330px"
   }, l = (s) => {
-    const u = {
+    const c = {
       id: String(Date.now()),
       ...e
-    }, c = ue({
-      ...u,
+    }, u = ue({
+      ...c,
       ...s
     });
-    t.value.push(c), c.duration !== 0 && setTimeout(() => r(c.id), c.duration);
+    t.value.push(u), u.duration !== 0 && setTimeout(() => r(u.id), u.duration);
   }, r = (s) => {
-    t.value = t.value.filter((u) => u.id !== s);
+    t.value = t.value.filter((c) => c.id !== s);
   };
   return {
     notifications: t,
@@ -5046,16 +5052,16 @@ const Oe = (t) => {
   },
   setup(t, { expose: e }) {
     I((p) => ({
-      "6d1447a0": M.value
+      "6d1447a0": H.value
     }));
-    const l = t, r = $(l.forceShow), s = $(null), u = $(null), { placement: c } = O2({
+    const l = t, r = $(l.forceShow), s = $(null), c = $(null), { placement: u } = O2({
       initialPlacement: l.position,
       contentDOMElement: s,
-      relativeElement: u
+      relativeElement: c
     }), d = h(
       () => A({
         "nmorph-tooltip": [
-          c.value,
+          u.value,
           `${!!l.forceCoordinate?.x && !!l.forceCoordinate?.y && "force-coords"}`
         ]
       })
@@ -5063,8 +5069,8 @@ const Oe = (t) => {
       r.value = !0;
     }, m = () => {
       l.forceShow || (r.value = !1);
-    }, M = h(() => l.forceCoordinate ? "100%" : "auto"), z = $(null);
-    return e({ tooltipBody: z }), (p, w) => (a(), o("div", {
+    }, H = h(() => l.forceCoordinate ? "100%" : "auto"), z = $(null);
+    return e({ tooltipBody: z }), (p, x) => (a(), o("div", {
       class: V(d.value)
     }, [
       n("div", {
@@ -5076,7 +5082,7 @@ const Oe = (t) => {
       }, [
         n("div", {
           ref_key: "slotDOMRef",
-          ref: u
+          ref: c
         }, [
           C(p.$slots, "default")
         ], 512),
@@ -5085,7 +5091,7 @@ const Oe = (t) => {
           name: "opacity",
           tag: "div"
         }, {
-          default: R(() => [
+          default: j(() => [
             r.value && l.text ? (a(), o("div", {
               key: 0,
               class: "nmorph-tooltip__info-content",
@@ -5105,10 +5111,10 @@ const Oe = (t) => {
           name: "opacity",
           tag: "div"
         }, {
-          default: R(() => [
+          default: j(() => [
             r.value ? (a(), o("div", zu, [
               n("div", ku, [
-                w[0] || (w[0] = n("div", { class: "nmorph-tooltip__triangle" }, null, -1)),
+                x[0] || (x[0] = n("div", { class: "nmorph-tooltip__triangle" }, null, -1)),
                 l.text ? (a(), o("span", Vu, L(p.text), 1)) : C(p.$slots, "content", { key: 1 })
               ])
             ])) : O("", !0)
@@ -5157,42 +5163,42 @@ const Bu = {
     ), s = N(
       "change-checkbox-value-handler",
       void 0
-    ), u = t;
-    K(
-      () => u.modelValue,
-      (w) => {
-        v.value = w;
+    ), c = t;
+    G(
+      () => c.modelValue,
+      (x) => {
+        v.value = x;
       }
     );
-    const c = $(null);
-    e({ inputDOMRef: c });
-    const d = r !== void 0, v = d ? $(r.value) : $(u.modelValue), m = h(() => d ? r.value.includes(u.id) : u.modelValue), M = l, z = () => {
-      if (!u.disabled) {
+    const u = $(null);
+    e({ inputDOMRef: u });
+    const d = r !== void 0, v = d ? $(r.value) : $(c.modelValue), m = h(() => d ? r.value.includes(c.id) : c.modelValue), H = l, z = () => {
+      if (!c.disabled) {
         if (!d) {
-          v.value = !v.value, M("update:model-value", v.value);
+          v.value = !v.value, H("update:model-value", v.value);
           return;
         }
-        s && Array.isArray(v.value) && s(u.id, v.value);
+        s && Array.isArray(v.value) && s(c.id, v.value);
       }
     }, p = h(
       () => A({
         "nmorph-checkbox": [
           `${m.value && "checked"}`,
-          `${u.disabled && "disabled"}`,
-          `${u.design === "button" && "button"}`
+          `${c.disabled && "disabled"}`,
+          `${c.design === "button" && "button"}`
         ]
       })
     );
-    return (w, f) => (a(), o("label", {
+    return (x, f) => (a(), o("label", {
       class: V(p.value)
     }, [
-      u.design === "checkbox" ? (a(), o("div", Bu, [
+      c.design === "checkbox" ? (a(), o("div", Bu, [
         n("div", Cu, [
           n("input", {
             ref_key: "inputDOMRef",
-            ref: c,
+            ref: u,
             type: "checkbox",
-            disabled: u.disabled,
+            disabled: c.disabled,
             checked: m.value,
             class: "nmorph-native-input",
             onChange: z
@@ -5200,25 +5206,25 @@ const Bu = {
           f[0] || (f[0] = n("div", { class: "nmorph-checkbox__fake" }, null, -1)),
           m.value ? (a(), o("div", Au)) : O("", !0)
         ]),
-        u.label ? (a(), o("div", Tu, [
-          n("span", null, L(u.label), 1)
+        c.label ? (a(), o("div", Tu, [
+          n("span", null, L(c.label), 1)
         ])) : (a(), o("div", Du, [
-          C(w.$slots, "default")
+          C(x.$slots, "default")
         ]))
       ])) : O("", !0),
-      u.design === "button" ? (a(), o("div", Ou, [
+      c.design === "button" ? (a(), o("div", Ou, [
         n("input", {
           ref_key: "inputDOMRef",
-          ref: c,
+          ref: u,
           type: "checkbox",
-          disabled: u.disabled,
+          disabled: c.disabled,
           checked: m.value,
           onChange: z
         }, null, 40, Pu),
-        u.label ? (a(), o("div", Eu, [
-          n("span", null, L(u.label), 1)
+        c.label ? (a(), o("div", Eu, [
+          n("span", null, L(c.label), 1)
         ])) : (a(), o("div", qu, [
-          C(w.$slots, "label")
+          C(x.$slots, "label")
         ]))
       ])) : O("", !0)
     ], 2));
@@ -5236,21 +5242,21 @@ const Fu = { class: "nmorph-checkbox-group__wrapper" }, Ru = { class: "nmorph-ch
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const l = t, r = $(l.modelValue), s = e, u = (d) => {
+    const l = t, r = $(l.modelValue), s = e, c = (d) => {
       r.value.includes(d) ? r.value = r.value.filter((v) => v !== d) : r.value.push(d), s("update:model-value", r.value);
-    }, c = h(
+    }, u = h(
       () => A({
         "nmorph-checkbox-group": [l.design, l.direction]
       })
     );
-    return ee("checkbox-group-selected-value", r), ee("change-checkbox-value-handler", u), (d, v) => (a(), o("div", {
-      class: V(c.value)
+    return ee("checkbox-group-selected-value", r), ee("change-checkbox-value-handler", c), (d, v) => (a(), o("div", {
+      class: V(u.value)
     }, [
       n("div", Fu, [
         n("div", Ru, [
-          (a(!0), o(Q, null, Z(d.options, (m, M) => (a(), F(_(q2), {
+          (a(!0), o(Q, null, Z(d.options, (m, H) => (a(), F(_(q2), {
             id: m.id,
-            key: M,
+            key: H,
             label: m.label,
             "model-value": m.modelValue,
             disabled: m.disabled,
@@ -5281,16 +5287,16 @@ const Wu = { class: "nmorph-autocomplete__input-content" }, Lu = {
   },
   emits: ["update:model-value", "select"],
   setup(t, { emit: e }) {
-    const l = t, r = $(l.modelValue), s = e, u = h(
+    const l = t, r = $(l.modelValue), s = e, c = h(
       () => A({
         "nmorph-autocomplete": []
       })
-    ), c = (f) => {
+    ), u = (f) => {
       r.value = f, s("update:model-value", r.value);
     }, d = $(!1), v = $(null), m = () => {
       d.value = !1;
-    }, M = h(() => l.list.filter((f) => Object.keys(f).some((x) => String(f[x]).toLowerCase().includes(r.value.toLowerCase()))));
-    K(M, (f) => {
+    }, H = h(() => l.list.filter((f) => Object.keys(f).some((w) => String(f[w]).toLowerCase().includes(r.value.toLowerCase()))));
+    G(H, (f) => {
       d.value = f.length > 0;
     });
     const z = (f) => {
@@ -5298,14 +5304,14 @@ const Wu = { class: "nmorph-autocomplete__input-content" }, Lu = {
         d.value = !1;
       });
     }, p = () => {
-      d.value = M.value.length > 0;
-    }, w = $(!1);
-    return K(r, async (f) => {
-      f !== "" && l.actionCallback && (w.value = !0, await l.actionCallback(), w.value = !1);
-    }), K(w, (f) => {
+      d.value = H.value.length > 0;
+    }, x = $(!1);
+    return G(r, async (f) => {
+      f !== "" && l.actionCallback && (x.value = !0, await l.actionCallback(), x.value = !1);
+    }), G(x, (f) => {
       f && (d.value = !0);
-    }), (f, x) => (a(), o("div", {
-      class: V(u.value)
+    }), (f, w) => (a(), o("div", {
+      class: V(c.value)
     }, [
       n("div", Wu, [
         n("div", {
@@ -5320,7 +5326,7 @@ const Wu = { class: "nmorph-autocomplete__input-content" }, Lu = {
             placeholder: l.placeholder,
             clearable: l.clearable,
             onFocus: p,
-            "onUpdate:modelValue": c
+            "onUpdate:modelValue": u
           }, null, 8, ["height", "disabled", "model-value", "placeholder", "clearable"])
         ], 512)
       ]),
@@ -5331,8 +5337,8 @@ const Wu = { class: "nmorph-autocomplete__input-content" }, Lu = {
         onOnOutsideClick: m,
         "y-offset": 1
       }, {
-        default: R(() => [
-          w.value ? (a(), o("div", Lu, [
+        default: j(() => [
+          x.value ? (a(), o("div", Lu, [
             C(f.$slots, "loader", {}, () => [
               k(_(E), {
                 name: "loader",
@@ -5340,7 +5346,7 @@ const Wu = { class: "nmorph-autocomplete__input-content" }, Lu = {
               })
             ])
           ])) : (a(), o("div", Uu, [
-            (a(!0), o(Q, null, Z(M.value, (y, g) => (a(), o("div", {
+            (a(!0), o(Q, null, Z(H.value, (y, g) => (a(), o("div", {
               key: g,
               class: "nmorph-autocomplete__list-item",
               onClick: () => z(y)
@@ -5365,12 +5371,12 @@ const Ku = /* @__PURE__ */ D({
         "nmorph-input-clear-button": []
       })
     );
-    return (s, u) => (a(), o("div", {
+    return (s, c) => (a(), o("div", {
       class: V(r.value)
     }, [
       k(_(E), {
         name: "error",
-        onClick: u[0] || (u[0] = ie((c) => l("clear"), ["stop"]))
+        onClick: c[0] || (c[0] = ie((u) => l("clear"), ["stop"]))
       })
     ], 2));
   }
@@ -5387,16 +5393,16 @@ const Ku = /* @__PURE__ */ D({
         "nmorph-date-picker-header": []
       })
     );
-    return (u, c) => (a(), o("div", {
+    return (c, u) => (a(), o("div", {
       class: V(s.value)
     }, [
       n("div", Qu, [
         k(_(Y), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
-          onClick: c[0] || (c[0] = (d) => r("prev-year"))
+          onClick: u[0] || (u[0] = (d) => r("prev-year"))
         }, {
-          default: R(() => [
+          default: j(() => [
             k(_(E), {
               name: "chevron-double-down",
               class: "nmorph-date-picker-header__chevron-double-left"
@@ -5407,9 +5413,9 @@ const Ku = /* @__PURE__ */ D({
         k(_(Y), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
-          onClick: c[1] || (c[1] = (d) => r("prev-month"))
+          onClick: u[1] || (u[1] = (d) => r("prev-month"))
         }, {
-          default: R(() => [
+          default: j(() => [
             k(_(E), {
               name: "chevron-down",
               class: "nmorph-date-picker-header__chevron-left"
@@ -5423,22 +5429,22 @@ const Ku = /* @__PURE__ */ D({
           text: l.year,
           "style-type": "transparent",
           fill: "",
-          onClick: c[2] || (c[2] = (d) => r("change-year"))
+          onClick: u[2] || (u[2] = (d) => r("change-year"))
         }, null, 8, ["text"]),
         k(_(Y), {
           text: _(Ye)(l.month),
           "style-type": "transparent",
           fill: "",
-          onClick: c[3] || (c[3] = (d) => r("change-month"))
+          onClick: u[3] || (u[3] = (d) => r("change-month"))
         }, null, 8, ["text"])
       ]),
       n("div", Xu, [
         k(_(Y), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
-          onClick: c[4] || (c[4] = (d) => r("next-month"))
+          onClick: u[4] || (u[4] = (d) => r("next-month"))
         }, {
-          default: R(() => [
+          default: j(() => [
             k(_(E), {
               name: "chevron-down",
               class: "nmorph-date-picker-header__chevron-right"
@@ -5449,9 +5455,9 @@ const Ku = /* @__PURE__ */ D({
         k(_(Y), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
-          onClick: c[5] || (c[5] = (d) => r("next-year"))
+          onClick: u[5] || (u[5] = (d) => r("next-year"))
         }, {
-          default: R(() => [
+          default: j(() => [
             k(_(E), {
               name: "chevron-double-down",
               class: "nmorph-date-picker-header__chevron-double-right"
@@ -5471,53 +5477,53 @@ const Nu = { class: "nmorph-year-month-picker__header" }, Iu = { class: "nmorph-
   },
   emits: ["update-year", "update-month", "back-to-years"],
   setup(t, { emit: e }) {
-    const { months: l } = Be(), r = l.map((g, H) => ({
+    const { months: l } = Be(), r = l.map((g, M) => ({
       label: g.substring(0, 3),
-      value: String(H)
-    })), s = t, u = $(r), c = $(String(s.currentDate.getMonth())), d = $(s.currentDate.getFullYear()), v = () => {
-      const g = s.currentDate.getFullYear(), H = b2(g).map((B) => ({ label: String(B), value: String(B) }));
-      u.value = H;
+      value: String(M)
+    })), s = t, c = $(r), u = $(String(s.currentDate.getMonth())), d = $(s.currentDate.getFullYear()), v = () => {
+      const g = s.currentDate.getFullYear(), M = b2(g).map((B) => ({ label: String(B), value: String(B) }));
+      c.value = M;
     };
-    K(
+    G(
       () => s.currentDate,
       () => {
-        s.type === "year" && (v(), c.value = String(s.currentDate.getFullYear()));
+        s.type === "year" && (v(), u.value = String(s.currentDate.getFullYear()));
       },
       {
         immediate: !0,
         deep: !0
       }
     );
-    const m = e, M = h(
+    const m = e, H = h(
       () => A({
         "nmorph-year-month-picker": []
       })
     ), z = (g) => {
-      c.value = g, s.type === "month" ? m("update-month", c.value) : m("update-year", c.value);
+      u.value = g, s.type === "month" ? m("update-month", u.value) : m("update-year", u.value);
     }, p = (g) => {
-      u.value = u.value.map((H) => {
-        const B = String(g === "decrease" ? Number(H.value) - 10 : Number(H.value) + 10);
+      c.value = c.value.map((M) => {
+        const B = String(g === "decrease" ? Number(M.value) - 10 : Number(M.value) + 10);
         return {
           label: B,
           value: B
         };
       });
-    }, w = (g) => {
+    }, x = (g) => {
       g === "decrease" ? d.value = d.value - 1 : d.value = d.value + 1, m("update-year", String(d.value));
     }, f = (g) => {
-      g === "decrease" ? s.type === "year" ? p("decrease") : w("decrease") : s.type === "year" ? p("increase") : w("increase");
-    }, x = h(() => s.type === "year" ? `${u.value[0].label} - ${u.value[u.value.length - 1].label}` : String(d.value)), y = () => {
+      g === "decrease" ? s.type === "year" ? p("decrease") : x("decrease") : s.type === "year" ? p("increase") : x("increase");
+    }, w = h(() => s.type === "year" ? `${c.value[0].label} - ${c.value[c.value.length - 1].label}` : String(d.value)), y = () => {
       s.type === "month" && m("back-to-years");
     };
-    return (g, H) => (a(), o("div", {
-      class: V(M.value)
+    return (g, M) => (a(), o("div", {
+      class: V(H.value)
     }, [
       n("div", Nu, [
         k(_(Y), {
           class: "nmorph-year-month-picker__action-btn",
-          onClick: H[0] || (H[0] = (B) => f("decrease"))
+          onClick: M[0] || (M[0] = (B) => f("decrease"))
         }, {
-          default: R(() => [
+          default: j(() => [
             k(_(E), {
               name: "chevron-down",
               class: "nmorph-year-month-picker__chevron-left"
@@ -5527,16 +5533,16 @@ const Nu = { class: "nmorph-year-month-picker__header" }, Iu = { class: "nmorph-
         }),
         n("div", Iu, [
           k(_(Y), {
-            text: x.value,
+            text: w.value,
             "style-type": "transparent",
             onClick: y
           }, null, 8, ["text"])
         ]),
         k(_(Y), {
           class: "nmorph-year-month-picker__action-btn",
-          onClick: H[1] || (H[1] = (B) => f("increase"))
+          onClick: M[1] || (M[1] = (B) => f("increase"))
         }, {
-          default: R(() => [
+          default: j(() => [
             k(_(E), {
               name: "chevron-down",
               class: "nmorph-year-month-picker__chevron-right"
@@ -5548,8 +5554,8 @@ const Nu = { class: "nmorph-year-month-picker__header" }, Iu = { class: "nmorph-
       k(_(L2)),
       n("div", e5, [
         k(_(Ie), {
-          "model-value": c.value,
-          options: u.value,
+          "model-value": u.value,
+          options: c.value,
           "onUpdate:modelValue": z
         }, null, 8, ["model-value", "options"])
       ])
@@ -5569,68 +5575,68 @@ const t5 = /* @__PURE__ */ D({
       () => A({
         "nmorph-date-picker-content": []
       })
-    ), u = $(l.initialDate), c = $("calendar"), d = h(() => new Date(u.value.setMonth(u.value.getMonth() - 1))), v = h(() => new Date(u.value.setMonth(u.value.getMonth() + 1))), m = h(() => new Date(u.value.setFullYear(u.value.getFullYear() - 1))), M = h(() => new Date(u.value.setFullYear(u.value.getFullYear() + 1))), z = () => {
-      u.value = d.value;
+    ), c = $(l.initialDate), u = $("calendar"), d = h(() => new Date(c.value.setMonth(c.value.getMonth() - 1))), v = h(() => new Date(c.value.setMonth(c.value.getMonth() + 1))), m = h(() => new Date(c.value.setFullYear(c.value.getFullYear() - 1))), H = h(() => new Date(c.value.setFullYear(c.value.getFullYear() + 1))), z = () => {
+      c.value = d.value;
     }, p = () => {
-      u.value = v.value;
-    }, w = () => {
-      u.value = m.value;
-    }, f = () => {
-      u.value = M.value;
+      c.value = v.value;
     }, x = () => {
-      c.value = "year";
+      c.value = m.value;
+    }, f = () => {
+      c.value = H.value;
+    }, w = () => {
+      u.value = "year";
     }, y = () => {
-      c.value = "month";
+      u.value = "month";
     }, g = (b) => {
-      const T = new Date(u.value.setFullYear(Number(b)));
-      u.value = T, c.value = "month";
-    }, H = (b) => {
-      const T = new Date(u.value.setMonth(Number(b)));
-      u.value = T, c.value = "calendar";
+      const T = new Date(c.value.setFullYear(Number(b)));
+      c.value = T, u.value = "month";
+    }, M = (b) => {
+      const T = new Date(c.value.setMonth(Number(b)));
+      c.value = T, u.value = "calendar";
     }, B = () => {
-      c.value = "year";
-    }, j = (b) => {
+      u.value = "year";
+    }, R = (b) => {
       r("update-selected-value", b);
     }, P = (b) => {
-      u.value = b;
+      c.value = b;
     };
     return (b, T) => (a(), o("div", {
       class: V(s.value)
     }, [
-      c.value === "calendar" ? (a(), F(_(y2), {
+      u.value === "calendar" ? (a(), F(_(y2), {
         key: 0,
         type: l.type,
-        "initial-date": u.value,
+        "initial-date": c.value,
         "model-value": l.selectedValues,
-        "onUpdate:modelValue": j,
+        "onUpdate:modelValue": R,
         onUpdateInitialDate: P
       }, {
-        header: R(() => [
+        header: j(() => [
           k(Ju, {
-            year: u.value.getFullYear(),
-            month: u.value.getMonth(),
+            year: c.value.getFullYear(),
+            month: c.value.getMonth(),
             onPrevMonth: z,
             onNextMonth: p,
-            onPrevYear: w,
+            onPrevYear: x,
             onNextYear: f,
-            onChangeYear: x,
+            onChangeYear: w,
             onChangeMonth: y
           }, null, 8, ["year", "month"])
         ]),
         _: 1
       }, 8, ["type", "initial-date", "model-value"])) : O("", !0),
-      c.value === "year" ? (a(), F(c2, {
+      u.value === "year" ? (a(), F(c2, {
         key: 1,
         type: "year",
-        "current-date": u.value,
+        "current-date": c.value,
         onUpdateYear: g
       }, null, 8, ["current-date"])) : O("", !0),
-      c.value === "month" ? (a(), F(c2, {
+      u.value === "month" ? (a(), F(c2, {
         key: 2,
         type: "month",
-        "current-date": u.value,
+        "current-date": c.value,
         onUpdateYear: g,
-        onUpdateMonth: H,
+        onUpdateMonth: M,
         onBackToYears: B
       }, null, 8, ["current-date"])) : O("", !0)
     ], 2));
@@ -5648,49 +5654,49 @@ const t5 = /* @__PURE__ */ D({
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const { t: l, messages: r } = Ve(), s = t, u = h(() => s.placeholder ? s.placeholder : l("NmorphDatePicker.pickADate")), c = $(s.modelValue), d = e, v = $(!1), m = () => {
+    const { t: l, messages: r } = Ve(), s = t, c = h(() => s.placeholder ? s.placeholder : l("NmorphDatePicker.pickADate")), u = $(s.modelValue), d = e, v = $(!1), m = () => {
       v.value = !0;
-    }, M = () => {
+    }, H = () => {
       v.value = !1;
     }, z = h(
       () => A({
         nmorph: [se[s.height]],
         "nmorph-date-picker": [`${s.disabled && "disabled"}`, s.type, `${v.value && "focus"}`]
       })
-    ), p = $(!1), w = $(null), f = () => {
+    ), p = $(!1), x = $(null), f = () => {
       p.value = !1;
-    }, x = () => {
+    }, w = () => {
       p.value = !p.value;
     }, y = h(() => {
-      if (!c.value)
-        return u.value;
-      if (Array.isArray(c.value)) {
-        if (c.value.length === 0)
-          return u.value;
-        const j = je(c.value), P = s.type === "daterange" ? " - " : ", ";
-        return j.join(P);
+      if (!u.value)
+        return c.value;
+      if (Array.isArray(u.value)) {
+        if (u.value.length === 0)
+          return c.value;
+        const R = je(u.value), P = s.type === "daterange" ? " - " : ", ";
+        return R.join(P);
       } else
-        return je(c.value);
+        return je(u.value);
     }), g = () => {
-      const j = Array.isArray(c.value) ? [] : null;
-      c.value = j, d("update:model-value", c.value);
-    }, H = (j) => {
-      c.value = j, d("update:model-value", c.value);
-    }, B = h(() => Array.isArray(c.value) ? c.value.length > 0 : !!c.value);
-    return (j, P) => (a(), o("div", {
+      const R = Array.isArray(u.value) ? [] : null;
+      u.value = R, d("update:model-value", u.value);
+    }, M = (R) => {
+      u.value = R, d("update:model-value", u.value);
+    }, B = h(() => Array.isArray(u.value) ? u.value.length > 0 : !!u.value);
+    return (R, P) => (a(), o("div", {
       class: V(z.value)
     }, [
       n("div", n5, [
         n("div", {
           ref_key: "nmorphInputDOMRef",
-          ref: w,
+          ref: x,
           class: V(["nmorph-date-picker__input", { "nmorph-date-picker__input--open": p.value }]),
-          onClick: x
+          onClick: w
         }, [
           n("input", {
             type: "date",
             onFocus: ie(m, ["prevent"]),
-            onBlur: M,
+            onBlur: H,
             onKeydown: pe(ie(() => {
             }, ["prevent"]), ["space"])
           }, null, 40, a5),
@@ -5707,20 +5713,20 @@ const t5 = /* @__PURE__ */ D({
           ])
         ], 2),
         n("div", r5, [
-          w.value ? (a(), F(_(ye), {
+          x.value ? (a(), F(_(ye), {
             key: 0,
             "fill-width": !1,
             width: 324,
             open: p.value,
-            "relative-element": w.value,
+            "relative-element": x.value,
             onOnOutsideClick: f
           }, {
-            default: R(() => [
+            default: j(() => [
               k(t5, {
-                "selected-values": c.value,
+                "selected-values": u.value,
                 "initial-date": s.initialDate,
-                type: j.type,
-                onUpdateSelectedValue: H
+                type: R.type,
+                onUpdateSelectedValue: M
               }, null, 8, ["selected-values", "initial-date", "type"])
             ]),
             _: 1
@@ -5744,44 +5750,44 @@ const i5 = { class: "nmorph-file-upload__trigger" }, d5 = ["multiple"], c5 = {
   },
   emits: ["update:model-value", "on-unsupported-file-type-error"],
   setup(t, { expose: e, emit: l }) {
-    const r = t, s = (f) => f.split("/")[1], u = (f) => {
-      const x = s(f);
+    const r = t, s = (f) => f.split("/")[1], c = (f) => {
+      const w = s(f);
       let y = "doc";
-      return x in Ce && (y = "image"), x in Ae && (y = "audio"), x in Se && (y = "video"), x in Te && (y = "archive"), y;
+      return w in Ce && (y = "image"), w in Ae && (y = "audio"), w in Se && (y = "video"), w in Te && (y = "archive"), y;
     };
-    let c = ue(r.modelValue);
+    let u = ue(r.modelValue);
     const d = $(null), v = () => {
       d.value && d.value.click();
     }, m = (f) => {
-      const x = f.target;
-      if (x.files) {
-        if (Array.from(x.files).forEach((y) => {
+      const w = f.target;
+      if (w.files) {
+        if (Array.from(w.files).forEach((y) => {
           const g = s(y.type);
           if (!r.allowedTypes.includes(g))
             return p("on-unsupported-file-type-error", y.type);
-          const H = URL.createObjectURL(y), B = { data: y, previewUrl: H };
-          c.push(B);
-        }), c.length === 0)
+          const M = URL.createObjectURL(y), B = { data: y, previewUrl: M };
+          u.push(B);
+        }), u.length === 0)
           return;
-        M();
+        H();
       }
-    }, M = () => {
+    }, H = () => {
       p(
         "update:model-value",
-        c.map((f) => f.data)
+        u.map((f) => f.data)
       );
     }, z = (f) => {
-      const x = c.findIndex((y) => y.data.name === f);
-      x !== -1 && (URL.revokeObjectURL(c[x].previewUrl), c.splice(x, 1), M());
+      const w = u.findIndex((y) => y.data.name === f);
+      w !== -1 && (URL.revokeObjectURL(u[w].previewUrl), u.splice(w, 1), H());
     };
     e({ inputDOMRef: d });
-    const p = l, w = h(
+    const p = l, x = h(
       () => A({
         "nmorph-file-upload": [`${r.disabled && "disabled"}`]
       })
     );
-    return (f, x) => (a(), o("div", {
-      class: V(w.value)
+    return (f, w) => (a(), o("div", {
+      class: V(x.value)
     }, [
       n("div", i5, [
         n("input", {
@@ -5801,20 +5807,20 @@ const i5 = { class: "nmorph-file-upload__trigger" }, d5 = ["multiple"], c5 = {
           }, null, 8, ["disabled"])
         ])
       ]),
-      _(c).length > 0 ? (a(), o("div", c5, [
+      _(u).length > 0 ? (a(), o("div", c5, [
         k(xe, {
           name: "list",
           tag: "div"
         }, {
-          default: R(() => [
-            (a(!0), o(Q, null, Z(_(c), ({ data: y, previewUrl: g }) => (a(), o("div", {
+          default: j(() => [
+            (a(!0), o(Q, null, Z(_(u), ({ data: y, previewUrl: g }) => (a(), o("div", {
               key: y.name,
               class: "nmorph-file-upload__file"
             }, [
               k(_(V2), { src: g }, null, 8, ["src"]),
               n("div", u5, [
                 k(_(E), {
-                  name: u(y.type),
+                  name: c(y.type),
                   width: "14px",
                   height: "17px"
                 }, null, 8, ["name"]),
@@ -5824,9 +5830,9 @@ const i5 = { class: "nmorph-file-upload__trigger" }, d5 = ["multiple"], c5 = {
                 k(_(Y), {
                   height: "thin",
                   "style-type": "transparent",
-                  onClick: (H) => z(y.name)
+                  onClick: (M) => z(y.name)
                 }, {
-                  default: R(() => [
+                  default: j(() => [
                     k(_(E), { name: "error" })
                   ]),
                   _: 2
@@ -5859,11 +5865,11 @@ const m5 = {
         "nmorph-form": []
       })
     ), s = Jc(l.value, l.validateImmediately);
-    return e({ formData: s }), ee("form-data", s), (u, c) => (a(), o("form", {
+    return e({ formData: s }), ee("form-data", s), (c, u) => (a(), o("form", {
       class: V(r.value)
     }, [
       n("div", _5, [
-        C(u.$slots, "default")
+        C(c.$slots, "default")
       ])
     ], 2));
   }
@@ -5881,18 +5887,18 @@ const m5 = {
         "nmorph-error-box": [`${e.staticHeight && "static-height"}`, `${l.value.length === 0 && "empty"}`]
       })
     );
-    return (s, u) => (a(), o("div", {
+    return (s, c) => (a(), o("div", {
       class: V(r.value)
     }, [
       k(xe, {
         name: "list",
         tag: "div"
       }, {
-        default: R(() => [
-          (a(!0), o(Q, null, Z(l.value, (c) => (a(), o("p", {
-            key: c,
+        default: j(() => [
+          (a(!0), o(Q, null, Z(l.value, (u) => (a(), o("p", {
+            key: u,
             class: "nmorph-error-box__error"
-          }, L(c), 1))), 128))
+          }, L(u), 1))), 128))
         ]),
         _: 1
       })
@@ -5914,7 +5920,7 @@ const Pe = "18px", w5 = /* @__PURE__ */ D({
         "nmorph-validation-icon": [e.valid ? "valid" : "invalid"]
       })
     ), r = h(() => e.valid ? "success" : "error");
-    return (s, u) => (a(), o("div", {
+    return (s, c) => (a(), o("div", {
       class: V(l.value)
     }, [
       s.show ? (a(), F(_(E), {
@@ -5937,13 +5943,13 @@ const x5 = { key: 0 }, $5 = { class: "nmorph-form-item__content" }, y5 = /* @__P
     staticErrorBoxSpace: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = t, l = N("form-data", void 0), r = h(() => l?.fields[e.id]), s = h(() => r.value), u = h(
+    const e = t, l = N("form-data", void 0), r = h(() => l?.fields[e.id]), s = h(() => r.value), c = h(
       () => !!s.value && !!r?.value?.touched && e.showValidationIcon
-    ), c = h(() => s.value && r.value?.touched), d = h(
+    ), u = h(() => s.value && r.value?.touched), d = h(
       () => A({
         "nmorph-form-item": [
           `${e.label && "labeled"}`,
-          `${c.value && (r.value?.valid ? "valid" : "invalid")}`
+          `${u.value && (r.value?.valid ? "valid" : "invalid")}`
         ]
       })
     );
@@ -5955,7 +5961,7 @@ const x5 = { key: 0 }, $5 = { class: "nmorph-form-item__content" }, y5 = /* @__P
         C(v.$slots, "default"),
         k(_(w5), {
           valid: !!r.value?.valid,
-          show: u.value
+          show: c.value
         }, null, 8, ["valid", "show"])
       ]),
       k(_(g5), {
@@ -5989,7 +5995,7 @@ const b5 = { class: "nmorph-number-input__content" }, M5 = { class: "nmorph-numb
   emits: ["update:model-value"],
   setup(t, { expose: e, emit: l }) {
     I((y) => ({
-      "7010eeb0": M.value
+      "7010eeb0": H.value
     }));
     const r = t, s = h(
       () => A({
@@ -5999,11 +6005,11 @@ const b5 = { class: "nmorph-number-input__content" }, M5 = { class: "nmorph-numb
           `${r.actionBtnPositionRight && "action-btn-position-right"}`
         ]
       })
-    ), u = $(r.modelValue), c = () => {
-      u.value += r.step;
+    ), c = $(r.modelValue), u = () => {
+      c.value += r.step;
     }, d = () => {
-      u.value -= r.step;
-    }, v = h(() => u.value <= r.min), m = h(() => u.value >= r.max), M = h(() => r.height === "thick" ? "16px" : "12px"), z = {
+      c.value -= r.step;
+    }, v = h(() => c.value <= r.min), m = h(() => c.value >= r.max), H = h(() => r.height === "thick" ? "16px" : "12px"), z = {
       thick: {
         default: "12px",
         right: "8px"
@@ -6019,16 +6025,16 @@ const b5 = { class: "nmorph-number-input__content" }, M5 = { class: "nmorph-numb
     }, p = h(() => {
       const y = r.actionBtnPositionRight ? "right" : "default";
       return z[r.height][y];
-    }), w = l, f = (y) => {
+    }), x = l, f = (y) => {
       const g = y.target;
-      let H = Number(g.value);
-      u.value = H;
+      let M = Number(g.value);
+      c.value = M;
     };
-    K(u, (y) => {
-      y > r.max && (u.value = r.max, x.value?.blur()), u.value < r.min && (u.value = r.min, x.value?.blur()), w("update:model-value", y);
+    G(c, (y) => {
+      y > r.max && (c.value = r.max, w.value?.blur()), c.value < r.min && (c.value = r.min, w.value?.blur()), x("update:model-value", y);
     });
-    const x = $(null);
-    return e({ inputDOMRef: x }), (y, g) => (a(), o("div", {
+    const w = $(null);
+    return e({ inputDOMRef: w }), (y, g) => (a(), o("div", {
       class: V(s.value)
     }, [
       n("div", b5, [
@@ -6040,7 +6046,7 @@ const b5 = { class: "nmorph-number-input__content" }, M5 = { class: "nmorph-numb
               height: r.height,
               onClick: d
             }, {
-              default: R(() => [
+              default: j(() => [
                 k(_(E), {
                   name: "minus-thin",
                   width: p.value,
@@ -6052,9 +6058,9 @@ const b5 = { class: "nmorph-number-input__content" }, M5 = { class: "nmorph-numb
           ])),
           n("input", {
             ref_key: "inputDOMRef",
-            ref: x,
+            ref: w,
             class: "nmorph-native-input",
-            value: u.value,
+            value: c.value,
             type: "number",
             min: r.min,
             max: r.max,
@@ -6067,7 +6073,7 @@ const b5 = { class: "nmorph-number-input__content" }, M5 = { class: "nmorph-numb
                 disabled: v.value,
                 onClick: d
               }, {
-                default: R(() => [
+                default: j(() => [
                   k(_(E), {
                     name: "minus-thin",
                     width: p.value,
@@ -6081,9 +6087,9 @@ const b5 = { class: "nmorph-number-input__content" }, M5 = { class: "nmorph-numb
               k(_(Y), {
                 "style-type": "transparent",
                 disabled: m.value,
-                onClick: c
+                onClick: u
               }, {
-                default: R(() => [
+                default: j(() => [
                   k(_(E), {
                     name: "plus-thin",
                     width: p.value,
@@ -6098,9 +6104,9 @@ const b5 = { class: "nmorph-number-input__content" }, M5 = { class: "nmorph-numb
               "style-type": "transparent",
               disabled: m.value,
               height: r.height,
-              onClick: c
+              onClick: u
             }, {
-              default: R(() => [
+              default: j(() => [
                 k(_(E), {
                   name: "plus-thin",
                   width: p.value,
@@ -6143,17 +6149,17 @@ const A5 = { class: "nmorph-select__content" }, T5 = ["id", "name"], D5 = ["valu
   setup(t, { emit: e }) {
     const { t: l } = Ve(), r = t, s = h(
       () => r.noElementPlaceholder ? r.noElementPlaceholder : l("NmorphSelect.noElementPlaceholder")
-    ), u = e, c = $(r.modelValue), d = $(r.open), v = $(null), m = $(null), M = $(!0), z = r.id ? r.id : ve(), p = r.name ? r.name : ve(), w = (X) => {
+    ), c = e, u = $(r.modelValue), d = $(r.open), v = $(null), m = $(null), H = $(!0), z = r.id ? r.id : ve(), p = r.name ? r.name : ve(), x = (X) => {
       if (!r.disabled) {
-        if (d.value = !1, typeof c.value == "string" && (!r.valueRequired && c.value === X ? c.value = "" : c.value = X, u("update:model-value", c.value)), Array.isArray(c.value)) {
-          const J = c.value.includes(X), le = c.value.length === 1 && J;
+        if (d.value = !1, typeof u.value == "string" && (!r.valueRequired && u.value === X ? u.value = "" : u.value = X, c("update:model-value", u.value)), Array.isArray(u.value)) {
+          const J = u.value.includes(X), le = u.value.length === 1 && J;
           if (r.valueRequired && le)
             return;
-          J ? c.value = c.value.filter((be) => be !== X) : c.value = [...c.value, X];
+          J ? u.value = u.value.filter((be) => be !== X) : u.value = [...u.value, X];
         }
-        u("update:model-value", c.value);
+        c("update:model-value", u.value);
       }
-    }, f = $(!1), x = () => {
+    }, f = $(!1), w = () => {
       f.value = !0;
     }, y = () => {
       f.value = !1;
@@ -6165,46 +6171,46 @@ const A5 = { class: "nmorph-select__content" }, T5 = ["id", "name"], D5 = ["valu
           `${r.modelValue ? "on" : "off"}`,
           `${r.loading && "loading"}`,
           `${d.value && "open"}`,
-          `${M.value ? "selected-line-outset" : "selected-line-inset"}`,
+          `${H.value ? "selected-line-outset" : "selected-line-inset"}`,
           `${f.value && "focus"}`
         ]
       })
-    ), H = () => {
+    ), M = () => {
       r.disabled || (d.value = !d.value);
     };
-    K(
+    G(
       d,
       (X) => {
-        X && (M.value = !1);
+        X && (H.value = !1);
       },
       { immediate: !0 }
     );
     const B = () => {
       d.value = !1;
-    }, j = $(), P = $([]), b = $(0), T = $("");
-    K(b, (X) => {
-      T.value = P.value[X], j.value.forEach((J) => {
+    }, R = $(), P = $([]), b = $(0), T = $("");
+    G(b, (X) => {
+      T.value = P.value[X], R.value.forEach((J) => {
         const be = J.getAttribute("value") === T.value ? "add" : "remove";
         J.classList[be]("nmorph-select-option--focused");
       });
     }), ae(async () => {
-      await _e(), v.value && (j.value = v.value.querySelectorAll(".nmorph-select-option"), j.value.forEach((X) => {
+      await _e(), v.value && (R.value = v.value.querySelectorAll(".nmorph-select-option"), R.value.forEach((X) => {
         const J = X.getAttribute("value");
         J && P.value.push(J);
       }), T.value = P.value[b.value], m.value = `${v.value.clientHeight}px`, document.addEventListener("click", B));
     }), ke(() => {
       document.removeEventListener("click", B);
     });
-    const S = h(() => typeof c.value == "string" ? c.value === "" ? s.value : r.options.find((X) => X.value === c.value)?.label : r.options.find((X) => X.value === c.value)?.label), W = h(() => r.options.length > 0 ? r.options : r.optionsMap), q = h(() => W.value.length > 0 ? W.value.filter((J) => c.value.includes(J.value)).map((J) => ({ text: J.label, value: J.value })) : Array.isArray(c.value) ? c.value.map((J) => ({ text: J, value: J })) : [{ text: c.value, value: c.value }]);
-    ee("select-selected-value", c), ee("select-change-selected-value", w);
-    const G = $(null), oe = () => {
+    const S = h(() => typeof u.value == "string" ? u.value === "" ? s.value : r.options.find((X) => X.value === u.value)?.label : r.options.find((X) => X.value === u.value)?.label), W = h(() => r.options.length > 0 ? r.options : r.optionsMap), q = h(() => W.value.length > 0 ? W.value.filter((J) => u.value.includes(J.value)).map((J) => ({ text: J.label, value: J.value })) : Array.isArray(u.value) ? u.value.map((J) => ({ text: J, value: J })) : [{ text: u.value, value: u.value }]);
+    ee("select-selected-value", u), ee("select-change-selected-value", x);
+    const K = $(null), oe = () => {
       d.value = !d.value;
     }, ge = () => {
       b.value = (b.value + 1) % P.value.length;
     }, de = () => {
       b.value = (b.value - 1 + P.value.length) % P.value.length;
     }, te = () => {
-      d.value && w(T.value);
+      d.value && x(T.value);
     };
     return (X, J) => (a(), o("div", {
       class: V(g.value)
@@ -6213,7 +6219,7 @@ const A5 = { class: "nmorph-select__content" }, T5 = ["id", "name"], D5 = ["valu
         n("select", {
           id: _(z),
           name: _(p),
-          onFocus: x,
+          onFocus: w,
           onBlur: y,
           onKeydown: [
             pe(oe, ["space"]),
@@ -6229,11 +6235,11 @@ const A5 = { class: "nmorph-select__content" }, T5 = ["id", "name"], D5 = ["valu
         ], 40, T5),
         n("div", {
           ref_key: "nmorphSelectDOMRef",
-          ref: G,
+          ref: K,
           class: "nmorph-select__selected-values-line",
-          onClick: ie(H, ["stop"])
+          onClick: ie(M, ["stop"])
         }, [
-          typeof c.value == "string" ? (a(), o("div", O5, L(S.value), 1)) : c.value.length === 0 ? (a(), o("div", P5, L(s.value), 1)) : (a(), o("div", E5, [
+          typeof u.value == "string" ? (a(), o("div", O5, L(S.value), 1)) : u.value.length === 0 ? (a(), o("div", P5, L(s.value), 1)) : (a(), o("div", E5, [
             (a(!0), o(Q, null, Z(q.value, (le) => (a(), F(_(Ge), fe({
               key: le.value,
               ref_for: !0
@@ -6241,7 +6247,7 @@ const A5 = { class: "nmorph-select__content" }, T5 = ["id", "name"], D5 = ["valu
               transparent: "",
               removable: q.value.length > 1 || !r.valueRequired,
               height: "thin",
-              onClose: w
+              onClose: x
             }), null, 16, ["removable"]))), 128))
           ])),
           k(_(E), {
@@ -6250,13 +6256,13 @@ const A5 = { class: "nmorph-select__content" }, T5 = ["id", "name"], D5 = ["valu
           }, null, 8, ["name"])
         ], 512)
       ]),
-      G.value && !r.disabled ? (a(), F(_(ye), {
+      K.value && !r.disabled ? (a(), F(_(ye), {
         key: 0,
         open: d.value,
-        "relative-element": G.value,
+        "relative-element": K.value,
         onOnOutsideClick: B
       }, {
-        default: R(() => [
+        default: j(() => [
           n("div", {
             ref_key: "optionsDOMRef",
             ref: v,
@@ -6291,8 +6297,8 @@ const F5 = ["value"], R5 = { class: "nmorph-select-option__content" }, F2 = /* @
   },
   emits: ["change-value"],
   setup(t, { emit: e }) {
-    const l = N("select-selected-value", void 0), r = N("select-change-selected-value", void 0), s = t, u = e, c = () => {
-      s.disabled || (u("change-value", s.value), r && r(s.value));
+    const l = N("select-selected-value", void 0), r = N("select-change-selected-value", void 0), s = t, c = e, u = () => {
+      s.disabled || (c("change-value", s.value), r && r(s.value));
     }, d = h(() => typeof l?.value == "string" ? l.value === s.value : Array.isArray(l?.value) ? l.value.some((m) => m === s.value) : !1), v = h(
       () => A({
         nmorph: [se[s.height]],
@@ -6303,9 +6309,9 @@ const F5 = ["value"], R5 = { class: "nmorph-select-option__content" }, F2 = /* @
         ]
       })
     );
-    return (m, M) => (a(), o("div", {
+    return (m, H) => (a(), o("div", {
       class: V(v.value),
-      onClick: c,
+      onClick: u,
       value: s.value
     }, [
       n("div", R5, [
@@ -6340,30 +6346,30 @@ const j5 = { class: "nmorph-slider__content" }, W5 = { class: "nmorph-slider__in
         nmorph: [],
         "nmorph-slider": [`${l.disabled && "disabled"}`]
       })
-    ), s = `${Ee}px`, u = $(l.showTooltip), c = e, d = $(l.modelValue), v = $(null);
-    K(d, () => {
-      c("update:model-value", d.value);
-    }), K(
+    ), s = `${Ee}px`, c = $(l.showTooltip), u = e, d = $(l.modelValue), v = $(null);
+    G(d, () => {
+      u("update:model-value", d.value);
+    }), G(
       () => l.modelValue,
       (b) => {
         d.value = b;
       }
     );
-    const m = $(null), M = h(() => {
-      const b = z.value - z.value, T = l.max - l.min + b, S = (d.value - l.min) / T * 100, W = v.value?.clientWidth || 0, q = Ee / W * 100, G = q / 2;
-      let oe = S - G;
+    const m = $(null), H = h(() => {
+      const b = z.value - z.value, T = l.max - l.min + b, S = (d.value - l.min) / T * 100, W = v.value?.clientWidth || 0, q = Ee / W * 100, K = q / 2;
+      let oe = S - K;
       const de = `${Math.max(0, Math.min(100 - q, oe))}%`, te = W / 100, J = Ee / 2 / te, n2 = (m.value?.tooltipBody.clientWidth ?? 24) / 2 / te, Y2 = n2 === 1 / 0 ? 1.714 : n2, G2 = `${parseFloat(de) + J - Y2}%`;
       return {
         thumb: de,
         tooltip: G2
       };
-    }), z = $(0), p = $(0), w = () => {
+    }), z = $(0), p = $(0), x = () => {
       z.value = window.innerWidth, p.value = window.innerHeight;
     };
     ae(() => {
-      typeof window < "u" && (z.value = window.innerWidth, p.value = window.innerHeight, window.addEventListener("resize", w));
+      typeof window < "u" && (z.value = window.innerWidth, p.value = window.innerHeight, window.addEventListener("resize", x));
     }), ke(() => {
-      typeof window < "u" && (document.removeEventListener("mouseup", x), window.removeEventListener("resize", w));
+      typeof window < "u" && (document.removeEventListener("mouseup", w), window.removeEventListener("resize", x));
     });
     const f = (b) => {
       P.value = !1;
@@ -6374,15 +6380,15 @@ const j5 = { class: "nmorph-slider__content" }, W5 = { class: "nmorph-slider__in
         S = Math.max(0, Math.min(1, W / q)), d.value = l.min + S * (l.max - l.min);
       }
       d.value = Math.round(d.value / l.step) * l.step, d.value = Math.max(l.min, Math.min(l.max, d.value));
-    }, x = () => {
-      document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", x), P.value = !0;
+    }, w = () => {
+      document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", w), P.value = !0;
     }, y = () => {
-      l.disabled || (document.addEventListener("mousemove", f), document.addEventListener("mouseup", x));
-    }, g = $(null), H = () => {
-      l.showTooltip && (u.value = !0);
+      l.disabled || (document.addEventListener("mousemove", f), document.addEventListener("mouseup", w));
+    }, g = $(null), M = () => {
+      l.showTooltip && (c.value = !0);
     }, B = () => {
-      l.showTooltip && (u.value = !1);
-    }, j = (b) => {
+      l.showTooltip && (c.value = !1);
+    }, R = (b) => {
       const T = b.target;
       d.value = Number(T.value);
     }, P = $(!0);
@@ -6396,21 +6402,21 @@ const j5 = { class: "nmorph-slider__content" }, W5 = { class: "nmorph-slider__in
             ref: v,
             class: "nmorph-slider__input-container"
           }, [
-            u.value && !l.disabled ? (a(), F(_(E2), {
+            c.value && !l.disabled ? (a(), F(_(E2), {
               key: 0,
               ref_key: "tooltipRootRef",
               ref: m,
               text: String(d.value),
               "force-show": "",
-              "force-coordinate": { x: M.value.tooltip, y: "24px" },
+              "force-coordinate": { x: H.value.tooltip, y: "24px" },
               "block-position": ""
             }, null, 8, ["text", "force-coordinate"])) : O("", !0),
             n("div", {
               ref_key: "sliderFirst",
               ref: g,
               class: V(["nmorph-slider__thumb", { "nmorph-slider__thumb--smooth": P.value }]),
-              style: ne({ left: M.value.thumb }),
-              onMouseenter: H,
+              style: ne({ left: H.value.thumb }),
+              onMouseenter: M,
               onMouseleave: B,
               onMousedown: y
             }, null, 38),
@@ -6422,7 +6428,7 @@ const j5 = { class: "nmorph-slider__content" }, W5 = { class: "nmorph-slider__in
               max: l.max,
               step: l.step,
               disabled: l.disabled,
-              onInput: j
+              onInput: R
             }, null, 40, L5)
           ], 512)
         ])
@@ -6441,37 +6447,37 @@ const Y5 = ["value", "disabled"], G5 = { class: "nmorph-switch-thumb" }, K5 = /*
   },
   emits: ["update:model-value"],
   setup(t, { expose: e, emit: l }) {
-    const r = t, s = l, u = $(!1), c = () => {
-      u.value = !0;
+    const r = t, s = l, c = $(!1), u = () => {
+      c.value = !0;
     }, d = () => {
-      u.value = !1;
+      c.value = !1;
     }, v = h(
       () => A({
         "nmorph-switch": [
           `${r.disabled && "disabled"}`,
           `${m.value ? "on" : "off"}`,
           `${r.loading && "loading"}`,
-          `${u.value && "focus"}`
+          `${c.value && "focus"}`
         ]
       })
-    ), m = $(r.modelValue === r.activeValue), M = () => {
+    ), m = $(r.modelValue === r.activeValue), H = () => {
       if (r.disabled)
         return;
       m.value = !m.value;
       const p = m.value ? r.activeValue : r.inactiveValue;
       s("update:model-value", p);
     }, z = $(null);
-    return e({ inputDOMRef: z }), K(
+    return e({ inputDOMRef: z }), G(
       () => r.modelValue,
       (p) => {
         m.value = p === r.activeValue;
       }
-    ), (p, w) => (a(), o("div", {
+    ), (p, x) => (a(), o("div", {
       class: V(v.value)
     }, [
       n("div", {
         class: "nmorph-switch__content",
-        onClick: M
+        onClick: H
       }, [
         n("input", {
           ref_key: "inputDOMRef",
@@ -6480,7 +6486,7 @@ const Y5 = ["value", "disabled"], G5 = { class: "nmorph-switch-thumb" }, K5 = /*
           value: m.value,
           disabled: r.disabled,
           class: "nmorph-native-input",
-          onFocus: c,
+          onFocus: u,
           onBlur: d
         }, null, 40, Y5),
         n("div", {
@@ -6518,25 +6524,25 @@ const Q5 = { class: "nmorph-text-input__input-side" }, Z5 = {
     I((g) => ({
       "6c6d90c2": y.value
     }));
-    const r = Le(), s = t, u = h(
+    const r = Le(), s = t, c = h(
       () => A({
-        nmorph: [se[s.height], `${M.value && "focused"}`],
+        nmorph: [se[s.height], `${H.value && "focused"}`],
         "nmorph-text-input": [`${s.typePassword && "password"}`]
       })
-    ), c = (g) => {
-      const H = g.target;
-      f("update:model-value", H.value);
+    ), u = (g) => {
+      const M = g.target;
+      f("update:model-value", M.value);
     }, d = $(!1), v = () => {
       s.clearable ? f("update:model-value", "") : d.value = !d.value;
-    }, m = h(() => s.typePassword && !d.value && !s.clearable ? "password" : "text"), M = $(!1), z = () => {
-      f("focus"), M.value = !0;
+    }, m = h(() => s.typePassword && !d.value && !s.clearable ? "password" : "text"), H = $(!1), z = () => {
+      f("focus"), H.value = !0;
     }, p = () => {
-      f("blur"), M.value = !1;
-    }, w = $(null);
-    e({ inputDOMRef: w });
-    const f = l, x = h(() => s.clearable ? "error" : d.value ? "eye-blocked" : "eye"), y = h(() => r["prepend-icon"] ? "28px" : "8px");
-    return (g, H) => (a(), o("div", {
-      class: V(u.value)
+      f("blur"), H.value = !1;
+    }, x = $(null);
+    e({ inputDOMRef: x });
+    const f = l, w = h(() => s.clearable ? "error" : d.value ? "eye-blocked" : "eye"), y = h(() => r["prepend-icon"] ? "28px" : "8px");
+    return (g, M) => (a(), o("div", {
+      class: V(c.value)
     }, [
       n("div", Q5, [
         _(r)["prepend-icon"] ? (a(), o("div", Z5, [
@@ -6544,16 +6550,16 @@ const Q5 = { class: "nmorph-text-input__input-side" }, Z5 = {
         ])) : O("", !0),
         n("input", {
           ref_key: "inputDOMRef",
-          ref: w,
+          ref: x,
           class: "nmorph-native-input",
           type: m.value,
           placeholder: s.placeholder,
           disabled: s.disabled,
           value: s.modelValue,
-          onInput: c,
+          onInput: u,
           onFocus: z,
           onBlur: p,
-          onKeyup: H[0] || (H[0] = pe((B) => f("on-enter"), ["enter"]))
+          onKeyup: M[0] || (M[0] = pe((B) => f("on-enter"), ["enter"]))
         }, null, 40, X5),
         s.typePassword || s.clearable ? (a(), F(_(Y), {
           key: 1,
@@ -6564,8 +6570,8 @@ const Q5 = { class: "nmorph-text-input__input-side" }, Z5 = {
           height: s.height,
           onClick: v
         }, {
-          default: R(() => [
-            k(_(E), { name: x.value }, null, 8, ["name"])
+          default: j(() => [
+            k(_(E), { name: w.value }, null, 8, ["name"])
           ]),
           _: 1
         }, 8, ["disabled", "height"])) : O("", !0)
@@ -6588,20 +6594,20 @@ const J5 = { class: "nmorph-time-picker__content" }, N5 = { class: "nmorph-time-
   emits: ["update:model-value", "on-change-open-close"],
   setup(t, { expose: e, emit: l }) {
     I((b) => ({
-      "50fc8a59": j.value
+      "50fc8a59": R.value
     }));
-    const r = t, s = l, u = $(null), c = $(null);
-    e({ inputDOMRef: c });
-    const d = $(r.open), v = $([0, 0, 0]), m = $(r.initWithoutValue), M = () => {
+    const r = t, s = l, c = $(null), u = $(null);
+    e({ inputDOMRef: u });
+    const d = $(r.open), v = $([0, 0, 0]), m = $(r.initWithoutValue), H = () => {
       d.value = !d.value;
     }, z = h(
       () => A({
         nmorph: [se[r.height]],
         "nmorph-time-picker": [`${r.disabled && "disabled"}`, `${d.value && "open"}`]
       })
-    ), p = Array.from({ length: 24 }, (b, T) => T), w = Array.from({ length: 60 }, (b, T) => T), f = () => {
+    ), p = Array.from({ length: 24 }, (b, T) => T), x = Array.from({ length: 60 }, (b, T) => T), f = () => {
       m.value = !1, s("update:model-value", j2(v.value));
-    }, x = (b) => {
+    }, w = (b) => {
       const T = b;
       v.value = [T, v.value[1], v.value[2]], f();
     }, y = (b) => {
@@ -6610,10 +6616,10 @@ const J5 = { class: "nmorph-time-picker__content" }, N5 = { class: "nmorph-time-
     }, g = (b) => {
       const T = b;
       v.value = [v.value[0], v.value[1], T], f();
-    }, H = () => {
+    }, M = () => {
       d.value = !1;
     };
-    K(d, (b) => {
+    G(d, (b) => {
       s("on-change-open-close", b);
     }), (() => {
       if (m.value)
@@ -6621,14 +6627,14 @@ const J5 = { class: "nmorph-time-picker__content" }, N5 = { class: "nmorph-time-
       const b = We(r.modelValue).split(":").map((T) => Number(T));
       v.value = b;
     })();
-    const j = h(() => `${He}px`), P = h(() => m.value ? "——:——:——" : We(r.modelValue));
+    const R = h(() => `${He}px`), P = h(() => m.value ? "——:——:——" : We(r.modelValue));
     return (b, T) => {
       const S = Ue("NmorphTimeRoller");
       return a(), o("div", {
         ref_key: "timepickerDOMRef",
-        ref: u,
+        ref: c,
         class: V(z.value),
-        onClick: M
+        onClick: H
       }, [
         n("div", J5, [
           n("div", N5, [
@@ -6638,7 +6644,7 @@ const J5 = { class: "nmorph-time-picker__content" }, N5 = { class: "nmorph-time-
             }),
             n("input", {
               ref_key: "inputDOMRef",
-              ref: c,
+              ref: u,
               type: "time",
               value: v.value,
               step: "1",
@@ -6646,13 +6652,13 @@ const J5 = { class: "nmorph-time-picker__content" }, N5 = { class: "nmorph-time-
             }, null, 8, I5),
             n("span", null, L(P.value), 1)
           ]),
-          u.value ? (a(), F(_(ye), {
+          c.value ? (a(), F(_(ye), {
             key: 0,
             open: d.value,
-            "relative-element": u.value,
-            onOnOutsideClick: H
+            "relative-element": c.value,
+            onOnOutsideClick: M
           }, {
-            default: R(() => [
+            default: j(() => [
               n("div", e9, [
                 k(S, {
                   "set-value-on-mount": !m.value,
@@ -6660,11 +6666,11 @@ const J5 = { class: "nmorph-time-picker__content" }, N5 = { class: "nmorph-time-
                   "selected-value": v.value[0],
                   "step-height": He,
                   "disabled-range": b.disabledHours,
-                  onValueChanged: x
+                  onValueChanged: w
                 }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
                 k(S, {
                   "set-value-on-mount": !m.value,
-                  values: _(w),
+                  values: _(x),
                   "selected-value": v.value[1],
                   "disabled-range": b.disabledMinutes,
                   "step-height": He,
@@ -6672,7 +6678,7 @@ const J5 = { class: "nmorph-time-picker__content" }, N5 = { class: "nmorph-time-
                 }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
                 k(S, {
                   "set-value-on-mount": !m.value,
-                  values: _(w),
+                  values: _(x),
                   "disabled-range": b.disabledSeconds,
                   "selected-value": v.value[2],
                   "step-height": He,
@@ -6724,16 +6730,16 @@ const We = (t) => {
     const l = N("radio-group-selected-value", void 0), r = N(
       "change-radio-button-value-handler",
       void 0
-    ), s = t, u = () => {
+    ), s = t, c = () => {
       r && !s.disabled && r(s.value);
-    }, c = h(() => l?.value === s.value || s.checked), d = h(
+    }, u = h(() => l?.value === s.value || s.checked), d = h(
       () => A({
-        "nmorph-radio": [`${s.disabled && "disabled"}`, `${c.value && "checked"}`, s.styleType]
+        "nmorph-radio": [`${s.disabled && "disabled"}`, `${u.value && "checked"}`, s.styleType]
       })
     ), v = $(null);
-    return e({ inputDOMRef: v }), (m, M) => (a(), o("label", {
+    return e({ inputDOMRef: v }), (m, H) => (a(), o("label", {
       class: V(d.value),
-      onClick: ie(u, ["prevent"])
+      onClick: ie(c, ["prevent"])
     }, [
       s.styleType === "radio-style" ? (a(), o("div", n9, [
         n("div", a9, [
@@ -6743,11 +6749,11 @@ const We = (t) => {
             type: "radio",
             name: s.label,
             value: s.value,
-            checked: c.value,
+            checked: u.value,
             class: "nmorph-native-input"
           }, null, 8, o9),
-          M[0] || (M[0] = n("div", { class: "nmorph-radio__fake" }, null, -1)),
-          c.value ? (a(), o("div", l9)) : O("", !0)
+          H[0] || (H[0] = n("div", { class: "nmorph-radio__fake" }, null, -1)),
+          u.value ? (a(), o("div", l9)) : O("", !0)
         ]),
         s.label ? (a(), o("span", r9, L(s.label), 1)) : C(m.$slots, "label", { key: 1 }, void 0, !0)
       ])) : O("", !0),
@@ -6759,7 +6765,7 @@ const We = (t) => {
           disabled: s.disabled,
           name: s.label,
           value: s.value,
-          checked: c.value,
+          checked: u.value,
           class: "nmorph-native-input"
         }, null, 8, i9),
         s.label ? (a(), o("div", d9, [
@@ -6784,27 +6790,27 @@ const W2 = /* @__PURE__ */ $e(u9, [["__scopeId", "data-v-16b6c98a"]]), v9 = { cl
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
     const l = t, r = $(l.modelValue);
-    K(
+    G(
       () => l.modelValue,
       (d) => {
         r.value = d;
       }
     );
-    const s = e, u = (d) => {
+    const s = e, c = (d) => {
       r.value = d, s("update:model-value", r.value);
-    }, c = h(() => A({ "nmorph-radio-group": [l.styleType, l.direction] }));
-    return ee("radio-group-selected-value", r), ee("change-radio-button-value-handler", u), (d, v) => {
+    }, u = h(() => A({ "nmorph-radio-group": [l.styleType, l.direction] }));
+    return ee("radio-group-selected-value", r), ee("change-radio-button-value-handler", c), (d, v) => {
       const m = Ue("NmorphRadio");
       return a(), o("div", {
-        class: V(c.value)
+        class: V(u.value)
       }, [
         n("div", v9, [
           n("div", h9, [
-            (a(!0), o(Q, null, Z(d.options, (M) => (a(), F(m, {
-              key: M.value,
-              label: M.label,
-              value: M.value,
-              disabled: M.disabled || l.disabled,
+            (a(!0), o(Q, null, Z(d.options, (H) => (a(), F(m, {
+              key: H.value,
+              label: H.label,
+              value: H.value,
+              disabled: H.disabled || l.disabled,
               "style-type": l.styleType
             }, null, 8, ["label", "value", "disabled", "style-type"]))), 128)),
             C(d.$slots, "default")
@@ -6826,17 +6832,17 @@ const p9 = /* @__PURE__ */ D({
   setup(t, { emit: e }) {
     I((p) => ({
       "13d4e1c7": s.value,
-      "4bd46fe0": u.value
+      "4bd46fe0": c.value
     }));
-    const l = t, r = e, s = h(() => `${l.right}px`), u = h(() => `${l.bottom}px`), c = h(
+    const l = t, r = e, s = h(() => `${l.right}px`), c = h(() => `${l.bottom}px`), u = h(
       () => A({
         "nmorph-backtop": [`${m.value && "show"}`, l.design]
       })
-    ), d = $(null), v = $(null), m = $(!1), M = (p) => {
+    ), d = $(null), v = $(null), m = $(!1), H = (p) => {
       if (!p)
         return;
-      const w = p.target;
-      m.value = w.scrollTop > l.visibilityHeight;
+      const x = p.target;
+      m.value = x.scrollTop > l.visibilityHeight;
     }, z = () => {
       r("click"), d.value && d.value.scrollTo({
         top: 0,
@@ -6845,13 +6851,13 @@ const p9 = /* @__PURE__ */ D({
       });
     };
     return ae(() => {
-      v.value && (d.value = v.value.parentElement, d.value?.addEventListener("scroll", M));
+      v.value && (d.value = v.value.parentElement, d.value?.addEventListener("scroll", H));
     }), ke(() => {
-      d.value && d.value?.removeEventListener("scroll", M);
-    }), (p, w) => (a(), o("div", {
+      d.value && d.value?.removeEventListener("scroll", H);
+    }), (p, x) => (a(), o("div", {
       ref_key: "selfDOMEl",
       ref: v,
-      class: V(c.value)
+      class: V(u.value)
     }, [
       n("div", {
         onClick: ie(z, ["stop"])
@@ -6860,7 +6866,7 @@ const p9 = /* @__PURE__ */ D({
           k(_(Y), {
             "style-type": l.design === "nmorph" ? "default" : "transparent"
           }, {
-            default: R(() => [
+            default: j(() => [
               k(_(E), {
                 name: "chevron-down",
                 class: "nmorph-backtop__up-icon",
@@ -6890,10 +6896,10 @@ const m9 = ["id"], _9 = {
         "nmorph-breadcrumb": []
       })
     );
-    return (u, c) => (a(), o("div", {
+    return (c, u) => (a(), o("div", {
       class: V(s.value)
     }, [
-      C(u.$slots, "default"),
+      C(c.$slots, "default"),
       (a(!0), o(Q, null, Z(l.value, (d, v) => (a(), o("div", {
         key: v,
         class: "nmorph-breadcrumb__content"
@@ -6918,25 +6924,25 @@ const g9 = /* @__PURE__ */ D({
       () => A({
         "nmorph-breadcrumb-item": []
       })
-    ), r = N("breadcrumb-data", void 0), s = $(!1), u = ve();
+    ), r = N("breadcrumb-data", void 0), s = $(!1), c = ve();
     return ae(() => {
       s.value = !0;
-    }), r.breadcrumbs.value.push({ ...e, itemId: u }), (c, d) => {
+    }), r.breadcrumbs.value.push({ ...e, itemId: c }), (u, d) => {
       const v = Ue("router-link");
-      return s.value && _(u) ? (a(), o("div", {
+      return s.value && _(c) ? (a(), o("div", {
         key: 0,
         class: V(l.value)
       }, [
         (a(), F(we, {
-          to: `#nmorph-breadcrumb-${_(r)?.breadcrumbId}-${_(u)}-element`
+          to: `#nmorph-breadcrumb-${_(r)?.breadcrumbId}-${_(c)}-element`
         }, [
           k(v, {
-            to: c.to,
-            replace: c.replace,
+            to: u.to,
+            replace: u.replace,
             class: "fill-height"
           }, {
-            default: R(() => [
-              C(c.$slots, "default")
+            default: j(() => [
+              C(u.$slots, "default")
             ]),
             _: 3
           }, 8, ["to", "replace"])
@@ -6959,30 +6965,30 @@ const g9 = /* @__PURE__ */ D({
     I((m) => ({
       f609801e: d.value
     }));
-    const l = t, r = e, s = $(null), { placementCoords: u } = O2({
+    const l = t, r = e, s = $(null), { placementCoords: c } = O2({
       initialPlacement: "bottom",
       contentDOMElement: s,
       relativeElement: l.relativeElement,
       yOffset: l.yOffset,
       xOffset: l.xOffset
-    }), c = h(
+    }), u = h(
       () => A({
         "nmorph-dropdown": [`${!l.open && "closed"}`]
       })
     ), d = h(() => l.fillWidth ? `${l.relativeElement?.clientWidth}px` : `${l.width}px`), v = () => {
       r("on-outside-click");
     };
-    return (m, M) => (a(), F(_(De), {
+    return (m, H) => (a(), F(_(De), {
       show: l.open,
       transparent: "",
       onOnOutsideClick: v
     }, {
-      default: R(() => [
+      default: j(() => [
         n("div", {
           ref_key: "dropdownDOMRef",
           ref: s,
-          class: V(c.value),
-          style: ne({ left: `${_(u).x}`, top: `${_(u).y}` })
+          class: V(u.value),
+          style: ne({ left: `${_(c).x}`, top: `${_(c).y}` })
         }, [
           C(m.$slots, "default")
         ], 6)
@@ -7004,21 +7010,21 @@ const w9 = { class: "nmorph-tabs__label-list" }, x9 = ["id", "onClick", "custom"
       () => A({
         "nmorph-tabs": [`${l.stretch && "stretch"}`]
       })
-    ), u = (M) => {
-      if (M.disabled)
+    ), c = (H) => {
+      if (H.disabled)
         return;
-      const { name: z } = M;
+      const { name: z } = H;
       r("update:model-value", z), r("tab-change", z);
-    }, c = $([]), d = ve();
+    }, u = $([]), d = ve();
     ee("nmorph-tabs-data", {
-      tabsData: c,
+      tabsData: u,
       tabsIdentifier: d
     });
-    const v = h(() => l.panes.length > 0 ? l.panes : c.value), m = Le();
-    return (M, z) => (a(), o("div", {
+    const v = h(() => l.panes.length > 0 ? l.panes : u.value), m = Le();
+    return (H, z) => (a(), o("div", {
       class: V(s.value)
     }, [
-      C(M.$slots, "default"),
+      C(H.$slots, "default"),
       n("div", w9, [
         (a(!0), o(Q, null, Z(v.value, (p) => (a(), o("div", {
           id: _(e2)(_(d), p.name),
@@ -7027,7 +7033,7 @@ const w9 = { class: "nmorph-tabs__label-list" }, x9 = ["id", "onClick", "custom"
             { "nmorph-tabs__label--selected": p.name === l.modelValue },
             { "nmorph-tabs__label--disabled": p.disabled }
           ]]),
-          onClick: (w) => u(p),
+          onClick: (x) => c(p),
           custom: p.disabled
         }, [
           _(m).default ? O("", !0) : (a(), o("div", $9, L(p.label), 1))
@@ -7071,20 +7077,20 @@ const e2 = (t, e) => {
     ae(() => {
       s.value = !0;
     }), r.tabsData.value.push(e);
-    const u = e;
-    return (c, d) => s.value ? (a(), o("div", {
+    const c = e;
+    return (u, d) => s.value ? (a(), o("div", {
       key: 0,
       class: V(l.value)
     }, [
       (a(), F(we, {
         to: `#${_(e2)(_(r)?.tabsIdentifier, e.name)}`
       }, [
-        C(c.$slots, "label", { scope: _(u) })
+        C(u.$slots, "label", { scope: _(c) })
       ], 8, ["to"])),
       (a(), F(we, {
         to: `#${_(t2)(_(r)?.tabsIdentifier, e.name)}`
       }, [
-        C(c.$slots, "default", { scope: _(u) })
+        C(u.$slots, "default", { scope: _(c) })
       ], 8, ["to"]))
     ], 2)) : O("", !0);
   }
@@ -7117,9 +7123,9 @@ const De = /* @__PURE__ */ D({
         "nmorph-overlay": [`${l.show && "show"}`, `${l.transparent && "transparent"}`]
       })
     ), s = () => {
-      u("on-outside-click");
-    }, u = e;
-    return (c, d) => (a(), o("div", {
+      c("on-outside-click");
+    }, c = e;
+    return (u, d) => (a(), o("div", {
       class: V(r.value),
       onClick: ie(s, ["stop"])
     }, [
@@ -7128,7 +7134,7 @@ const De = /* @__PURE__ */ D({
         onClick: d[0] || (d[0] = ie(() => {
         }, ["stop"]))
       }, [
-        C(c.$slots, "default")
+        C(u.$slots, "default")
       ])
     ], 2));
   }
@@ -7142,21 +7148,21 @@ const V9 = /* @__PURE__ */ D({
     quantity: { default: 100 }
   },
   setup(t) {
-    const e = $([]), l = h(() => u.notifications.filter((d) => !e.value.includes(d.id))), r = h(() => {
-      const d = Math.max(l.value.length - u.quantity, 0);
+    const e = $([]), l = h(() => c.notifications.filter((d) => !e.value.includes(d.id))), r = h(() => {
+      const d = Math.max(l.value.length - c.quantity, 0);
       return l.value.slice(d);
     }), s = (d) => {
       e.value = [...e.value, d];
-    }, u = t, c = h(() => u.zIndex);
+    }, c = t, u = h(() => c.zIndex);
     return (d, v) => (a(), o("div", {
-      class: V(`nmorph-notification-provider nmorph-notification-provider--${u.placement}`),
-      style: ne({ zIndex: c.value })
+      class: V(`nmorph-notification-provider nmorph-notification-provider--${c.placement}`),
+      style: ne({ zIndex: u.value })
     }, [
       k(xe, {
         name: "nmorph-notification",
         tag: "div"
       }, {
-        default: R(() => [
+        default: j(() => [
           (a(!0), o(Q, null, Z(r.value, (m) => (a(), o("div", {
             key: m.id,
             style: ne({ width: m.width }),
@@ -7258,29 +7264,38 @@ const C9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   timeArrayToTimestamp: j2,
   useCalendarTexts: Be
 }, Symbol.toStringTag, { value: "Module" })), S9 = () => {
-  const t = $({ width: 0, height: 0 }), e = () => {
-    t.value.width = window.innerWidth, t.value.height = window.innerHeight;
+  const t = $({ width: 0, height: 0 }), e = $(0);
+  let l, r;
+  const s = () => {
+    clearTimeout(l), l = setTimeout(() => {
+      t.value.width = window.innerWidth, t.value.height = window.innerHeight;
+    }, 400);
+  }, c = () => {
+    clearTimeout(r), r = setTimeout(() => {
+      e.value = window.scrollY;
+    }, 400);
   };
-  return window && window.addEventListener("resize", e), {
-    dimensions: t
+  return window && (window.addEventListener("resize", s), window.addEventListener("scroll", c)), {
+    dimensions: t,
+    scrollTop: e
   };
 }, Y9 = () => N("nmorph"), G9 = {
   install(t, e = {}) {
     if (!e.i18n.outsideMessagesMerge) {
-      const u = yu(e.i18n), c = t.__VUE_I18N__;
-      c ? (u.global.messages && Object.entries(u.global.messages).forEach(([d, v]) => {
-        c.global.mergeLocaleMessage(d, v);
-      }), u.global.locale && (c.global.locale.value = u.global.locale)) : t.use(u);
+      const c = yu(e.i18n), u = t.__VUE_I18N__;
+      u ? (c.global.messages && Object.entries(c.global.messages).forEach(([d, v]) => {
+        u.global.mergeLocaleMessage(d, v);
+      }), c.global.locale && (u.global.locale.value = c.global.locale)) : t.use(c);
     }
     const l = $u(e.theme), r = S9(), s = { theme: l, browser: r };
-    return t.provide("nmorph", s), Object.entries(C9).forEach(([u, c]) => {
-      if (A9(c))
+    return t.provide("nmorph", s), Object.entries(C9).forEach(([c, u]) => {
+      if (A9(u))
         if (e.components === void 0)
-          t.component(u, c);
+          t.component(c, u);
         else {
-          if (!e.components.includes(u))
+          if (!e.components.includes(c))
             return;
-          t.component(u, c);
+          t.component(c, u);
         }
     }), t;
   }