@nmorph/nmorph-ui-kit 0.2.7 → 0.2.8

package/dist/index.es.js

@@ -1,10 +1,10 @@
-import { defineComponent as T, computed as v, ref as y, openBlock as n, createElementBlock as a, normalizeClass as V, createElementVNode as o, createBlock as q, unref as _, renderSlot as S, toDisplayString as R, createCommentVNode as O, useCssVars as N, normalizeStyle as I, resolveDynamicComponent as A2, createStaticVNode as We, createTextVNode as ee, onUnmounted as ve, onMounted as U, watch as K, withDirectives as Ue, vShow as Ye, reactive as re, createVNode as b, withCtx as E, Fragment as Y, renderList as L, provide as J, nextTick as Le, inject as Q, Teleport as ce, withModifiers as oe, useSlots as Ge, readonly as D2, TransitionGroup as _e, mergeProps as Se, withKeys as T2, resolveComponent as Ke, pushScopeId as O2, popScopeId as P2 } from "vue";
+import { defineComponent as T, computed as p, ref as x, openBlock as n, createElementBlock as a, normalizeClass as V, createElementVNode as o, createBlock as q, unref as _, renderSlot as A, toDisplayString as R, createCommentVNode as O, useCssVars as N, normalizeStyle as I, resolveDynamicComponent as A2, createStaticVNode as We, createTextVNode as ee, onUnmounted as ve, onMounted as U, watch as K, withDirectives as Ue, vShow as Ye, reactive as re, createVNode as M, withCtx as E, Fragment as Y, renderList as L, provide as J, nextTick as Le, inject as Q, Teleport as ce, withModifiers as oe, useSlots as Ge, readonly as D2, TransitionGroup as _e, mergeProps as Se, withKeys as T2, resolveComponent as Ke, pushScopeId as O2, popScopeId as P2 } from "vue";
 import { createI18n as q2 } from "vue-i18n";
 var te = /* @__PURE__ */ ((e) => (e.thick = "thick-component", e.default = "default-height-component", e.thin = "thin-component", e))(te || {}), R2 = /* @__PURE__ */ ((e) => (e.ascending = "ascending", e.descending = "descending", e))(R2 || {}), E2 = /* @__PURE__ */ ((e) => (e.row = "row", e.column = "column", e))(E2 || {}), Xe = /* @__PURE__ */ ((e) => (e.inset = "inset", e.outset = "outset", e.combined = "combined", e))(Xe || {}), Je = /* @__PURE__ */ ((e) => (e.accent = "accent", e.success = "success", e.error = "error", e.warning = "warning", e))(Je || {}), c = /* @__PURE__ */ ((e) => (e["add-location"] = "add-location", e.aim = "aim", e["alarm-clock"] = "alarm-clock", e.apple = "apple", e.archive = "archive", e["arrow-down"] = "arrow-down", e["arrow-left"] = "arrow-left", e["arrow-right"] = "arrow-right", e["arrow-up"] = "arrow-up", e.audio = "audio", e.avatar = "avatar", e.back = "back", e["bell-filled"] = "bell-filled", e.bell = "bell", e.bicycle = "bicycle", e["bottom-left"] = "bottom-left", e["bottom-right"] = "bottom-right", e.bottom = "bottom", e.burger = "burger", e.calendar = "calendar", e.camera = "camera", e["caret-bottom"] = "caret-bottom", e["caret-left"] = "caret-left", e["caret-right"] = "caret-right", e["caret-top"] = "caret-top", e.cellphone = "cellphone", e["chat-dot-round"] = "chat-dot-round", e["chat-dot-square"] = "chat-dot-square", e["chat-line-round"] = "chat-line-round", e["chat-line-square"] = "chat-line-square", e["chat-round"] = "chat-round", e["chat-square"] = "chat-square", e.check = "check", e.checked = "checked", e.cherry = "cherry", e["chevron-double-down"] = "chevron-double-down", e["chevron-down"] = "chevron-down", e["chrome-filled"] = "chrome-filled", e["circle-check-filled"] = "circle-check-filled", e["circle-check"] = "circle-check", e["circle-close-filled"] = "circle-close-filled", e["circle-close"] = "circle-close", e["circle-plus-filled"] = "circle-plus-filled", e["circle-plus"] = "circle-plus", e.clock = "clock", e.close = "close", e.cloudy = "cloudy", e.code = "code", e["coffee-cup"] = "coffee-cup", e.coffee = "coffee", e.coin = "coin", e["collection-tag"] = "collection-tag", e.collection = "collection", e.compass = "compass", e.connection = "connection", e.coordinate = "coordinate", e["copy-document"] = "copy-document", e.copy = "copy", e.cpu = "cpu", e["credit-card"] = "credit-card", e.crop = "crop", e.cross = "cross", e["delete-filled"] = "delete-filled", e.delete = "delete", e.dessert = "dessert", e.discount = "discount", e.doc = "doc", e["document-add"] = "document-add", e["document-checked"] = "document-checked", e["document-copy"] = "document-copy", e["document-delete"] = "document-delete", e["document-remove"] = "document-remove", e.document = "document", e.download = "download", e["edit-pen"] = "edit-pen", e.edit = "edit", e.enlarge = "enlarge", e.error = "error", e.expand = "expand", e["eye-blocked"] = "eye-blocked", e.eye = "eye", e.failed = "failed", e.files = "files", e.film = "film", e.filter = "filter", e.finished = "finished", e.flag = "flag", e.fold = "fold", e["folder-add"] = "folder-add", e["folder-checked"] = "folder-checked", e["folder-delete"] = "folder-delete", e["folder-opened"] = "folder-opened", e.folder = "folder", e.food = "food", e["fork-spoon"] = "fork-spoon", e["full-screen"] = "full-screen", e.goblet = "goblet", e["gold-medal"] = "gold-medal", e["goods-filled"] = "goods-filled", e.goods = "goods", e.grape = "grape", e.grid = "grid", e.guide = "guide", e.handbag = "handbag", e.headset = "headset", e.histogram = "histogram", e["hot-water"] = "hot-water", e.house = "house", e["ice-cream-round"] = "ice-cream-round", e["ice-drink"] = "ice-drink", e["info-filled"] = "info-filled", e.info = "info", e.image = "image", e.key = "key", e["knife-fork"] = "knife-fork", e.lightning = "lightning", e.link = "link", e.list = "list", e.loader = "loader", e.loading = "loading", e["location-filled"] = "location-filled", e["location-information"] = "location-information", e.location = "location", e.lock = "lock", e.logo = "logo", e.lollipop = "lollipop", e["magic-stick"] = "magic-stick", e.magnet = "magnet", e.male = "male", e.management = "management", e["map-location"] = "map-location", e.medal = "medal", e.memo = "memo", e.menu = "menu", e["message-box"] = "message-box", e.message = "message", e.mic = "mic", e.microphone = "microphone", e.minus = "minus", e.money = "money", e.monitor = "monitor", e.moon = "moon", e["more-filled"] = "more-filled", e.more = "more", e["mostly-cloudy"] = "mostly-cloudy", e.mouse = "mouse", e.mug = "mug", e["mute-notification"] = "mute-notification", e.mute = "mute", e["no-smoking"] = "no-smoking", e.notebook = "notebook", e.notification = "notification", e["office-building"] = "office-building", e.operation = "operation", e.opportunity = "opportunity", e.orange = "orange", e.paperclip = "paperclip", e["partly-cloudy"] = "partly-cloudy", e.pear = "pear", e["phone-filled"] = "phone-filled", e.phone = "phone", e.picture = "picture", e["pie-chart"] = "pie-chart", e.place = "place", e.platform = "platform", e.plus = "plus", e.pointer = "pointer", e.position = "position", e["post-card"] = "post-card", e.pouring = "pouring", e.present = "present", e["price-tag"] = "price-tag", e.printer = "printer", e.promotion = "promotion", e["quartz-watch"] = "quartz-watch", e["question-filled"] = "question-filled", e.rank = "rank", e["reading-lamp"] = "reading-lamp", e.reading = "reading", e["refresh-left"] = "refresh-left", e["refresh-right"] = "refresh-right", e.refresh = "refresh", e.refrigerator = "refrigerator", e["remove-filled"] = "remove-filled", e.remove = "remove", e["rotate-left"] = "rotate-left", e["rotate-right"] = "rotate-right", e["scale-to-original"] = "scale-to-original", e.school = "school", e.scissor = "scissor", e.search = "search", e.select = "select", e.sell = "sell", e["semi-select"] = "semi-select", e.service = "service", e.setting = "setting", e.share = "share", e.ship = "ship", e.shop = "shop", e["shopping-bag"] = "shopping-bag", e["shopping-cart-full"] = "shopping-cart-full", e["shopping-cart"] = "shopping-cart", e.shrink = "shrink", e.smoking = "smoking", e.soccer = "soccer", e["sold-out"] = "sold-out", e["sort-down"] = "sort-down", e["sort-up"] = "sort-up", e.sort = "sort", e.stamp = "stamp", e["star-filled"] = "star-filled", e.star = "star", e["success-filled"] = "success-filled", e.success = "success", e.sugar = "sugar", e.sunny = "sunny", e.sunrise = "sunrise", e.sunset = "sunset", e["switch-button"] = "switch-button", e["switch-filled"] = "switch-filled", e.switch = "switch", e["takeaway-box"] = "takeaway-box", e.ticket = "ticket", e.tickets = "tickets", e.time = "time", e.timer = "timer", e["toilet-paper"] = "toilet-paper", e.tools = "tools", e["top-left"] = "top-left", e["top-right"] = "top-right", e.top = "top", e["trend-charts"] = "trend-charts", e["triangle-down"] = "triangle-down", e["trophy-base"] = "trophy-base", e.trophy = "trophy", e["turn-off"] = "turn-off", e.umbrella = "umbrella", e.unlock = "unlock", e["upload-filled"] = "upload-filled", e.upload = "upload", e["user-filled"] = "user-filled", e.user = "user", e.van = "van", e["video-camera"] = "video-camera", e["video-pause"] = "video-pause", e["video-play"] = "video-play", e.video = "video", e.view = "view", e["wallet-filled"] = "wallet-filled", e.wallet = "wallet", e["warn-triangle-filled"] = "warn-triangle-filled", e.warning = "warning", e.watch = "watch", e["wind-power"] = "wind-power", e["zoom-in"] = "zoom-in", e["zoom-out"] = "zoom-out", e))(c || {}), F2 = /* @__PURE__ */ ((e) => (e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(F2 || {}), j2 = /* @__PURE__ */ ((e) => (e.fill = "fill", e.contain = "contain", e.cover = "cover", e.none = "none", e["scale-down"] = "scale-down", e))(j2 || {}), ne = /* @__PURE__ */ ((e) => (e.en = "en", e.ru = "ru", e))(ne || {});
 const W2 = (e, t) => {
   const l = t.filter((s) => s !== "false" && s && s !== "undefined").map((s) => `${e}--${s}`);
   return l.push(e), l.join(" ").trim().replace(/\s+/g, " ");
-}, A = (e) => Object.entries(e).map(([t, l]) => W2(t, l)).join(" ").trim().replace(/\s+/g, " "), Ae = (e) => JSON.parse(JSON.stringify(e)), kx = (e) => {
+}, D = (e) => Object.entries(e).map(([t, l]) => W2(t, l)).join(" ").trim().replace(/\s+/g, " "), Ae = (e) => JSON.parse(JSON.stringify(e)), kx = (e) => {
   if (!e)
     return !1;
   const t = new DOMParser().parseFromString(e, "text/html");
@@ -44,8 +44,8 @@ const W2 = (e, t) => {
   },
   emits: ["click"],
   setup(e, { expose: t, emit: l }) {
-    const s = e, r = v(
-      () => A({
+    const s = e, r = p(
+      () => D({
         nmorph: [te[s.height], `${s.fill && "fill"}`],
         "nmorph-button": [
           s.styleType,
@@ -55,12 +55,12 @@ const W2 = (e, t) => {
           `${s.ripple && "ripple"}`
         ]
       })
-    ), i = y(null), u = l, d = {
+    ), i = x(null), u = l, d = {
       thin: "small",
       default: "medium",
       thick: "large"
-    }, h = v(() => d[s.height]);
-    return t({ buttonRef: i }), (p, g) => (n(), a("div", {
+    }, h = p(() => d[s.height]);
+    return t({ buttonRef: i }), (m, g) => (n(), a("div", {
       class: V(r.value)
     }, [
       o("button", {
@@ -76,14 +76,14 @@ const W2 = (e, t) => {
           key: 0,
           name: s.icon
         }, null, 8, ["name"])) : (n(), a("div", L2, [
-          S(p.$slots, "default"),
+          A(m.$slots, "default"),
           !s.loading && s.text !== "" ? (n(), a("span", G2, R(s.text), 1)) : O("", !0),
           s.loading ? (n(), q(_(P), {
             key: 1,
             name: "loader",
             size: h.value
           }, null, 8, ["size"])) : O("", !0),
-          S(p.$slots, "append")
+          A(m.$slots, "append")
         ]))
       ], 8, Y2)
     ], 2));
@@ -106,25 +106,25 @@ const K2 = {
     N((i) => ({
       "2f7363e1": r.value
     }));
-    const t = e, l = v(
-      () => A({
+    const t = e, l = p(
+      () => D({
         "nmorph-icon": [
           `${!t.width && !t.height && t.size}`,
           `${t.width ? "custom-width" : ""}`,
           `${t.height ? "custom-height" : ""}`
         ]
       })
-    ), s = v(() => {
+    ), s = p(() => {
       const i = {};
       return t.width && (i["--width"] = t.width), t.height && (i["--height"] = t.height), i;
-    }), r = v(() => `var(${t.color})`);
+    }), r = p(() => `var(${t.color})`);
     return (i, u) => (n(), a("div", {
       class: V(l.value),
       style: I(s.value)
     }, [
       t.name ? (n(), a("div", K2, [
         (n(), q(A2(_(e2)[t.name])))
-      ])) : S(i.$slots, "default", { key: 1 })
+      ])) : A(i.$slots, "default", { key: 1 })
     ], 6));
   }
 });
@@ -3756,8 +3756,8 @@ const Mf = { render: yf }, e2 = {
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, l = v(
-      () => A({
+    const t = e, l = p(
+      () => D({
         "nmorph-link": [t.color, `${t.underline && "underline"}`, `${t.disabled && "disabled"}`]
       })
     );
@@ -3768,7 +3768,7 @@ const Mf = { render: yf }, e2 = {
         href: t.href,
         target: t.target
       }, [
-        S(s.$slots, "prepend"),
+        A(s.$slots, "prepend"),
         ee(" " + R(s.text) + " ", 1),
         s.iconName ? (n(), q(_(P), {
           key: 0,
@@ -3777,7 +3777,7 @@ const Mf = { render: yf }, e2 = {
           width: "10px",
           height: "10px"
         }, null, 8, ["name"])) : O("", !0),
-        S(s.$slots, "default")
+        A(s.$slots, "default")
       ], 8, bf)
     ], 2));
   }
@@ -3797,57 +3797,57 @@ const kf = /* @__PURE__ */ T({
   },
   emits: ["on-scroll", "update:modelValue", "on-scroll-end"],
   setup(e, { emit: t }) {
-    N((m) => ({
+    N((v) => ({
       bd47d458: i.value,
       "6f33bd73": u.value,
       53434826: r.value,
       53434824: s.value,
-      aa996170: $.value
+      aa996170: w.value
     }));
-    const l = e, s = v(() => l.scrollYProp), r = v(() => l.scrollXProp), i = v(() => l.scrollYProp !== "hidden" ? "--scrollbar-width" : "0"), u = v(() => l.scrollXProp !== "hidden" ? "--scrollbar-height" : "0");
+    const l = e, s = p(() => l.scrollYProp), r = p(() => l.scrollXProp), i = p(() => l.scrollYProp !== "hidden" ? "--scrollbar-width" : "0"), u = p(() => l.scrollXProp !== "hidden" ? "--scrollbar-height" : "0");
     let d;
-    const h = t, p = () => {
+    const h = t, m = () => {
       h("on-scroll-end");
-    }, g = (m) => {
-      if (h("on-scroll", m), !x.value)
+    }, g = (v) => {
+      if (h("on-scroll", v), !y.value)
         return;
-      const w = x.value.scrollLeft, f = x.value.scrollTop;
-      h("update:modelValue", { x: w, y: f }), d !== void 0 && clearTimeout(d), d = setTimeout(() => {
-        p();
+      const $ = y.value.scrollLeft, f = y.value.scrollTop;
+      h("update:modelValue", { x: $, y: f }), d !== void 0 && clearTimeout(d), d = setTimeout(() => {
+        m();
       }, l.scrollEndDelay);
     };
     ve(() => {
       d !== void 0 && clearTimeout(d);
     });
-    const C = v(
-      () => A({
+    const C = p(
+      () => D({
         "nmorph-scroll": []
       })
-    ), x = y(null), M = (m) => {
-      const { x: w, y: f } = m;
-      x.value?.scrollTo({
-        left: w,
+    ), y = x(null), b = (v) => {
+      const { x: $, y: f } = v;
+      y.value?.scrollTo({
+        left: $,
         top: f,
         behavior: "smooth"
       });
     };
     U(() => {
-      M(l.modelValue);
+      b(l.modelValue);
     }), K(
       () => l.modelValue,
-      (m) => {
-        M(m);
+      (v) => {
+        b(v);
       },
       { deep: !0, immediate: !0 }
     );
-    const $ = v(() => l.cssScrollBehavior);
-    return (m, w) => (n(), a("div", {
+    const w = p(() => l.cssScrollBehavior);
+    return (v, $) => (n(), a("div", {
       ref_key: "scrollDOMContainer",
-      ref: x,
+      ref: y,
       class: V(C.value),
       onWheelPassive: g
     }, [
-      S(m.$slots, "default")
+      A(v.$slots, "default")
     ], 34));
   }
 });
@@ -3865,22 +3865,22 @@ const Vf = ["src", "srcset", "alt"], Hf = { class: "nmorph-avatar__fallback" },
   emits: ["error"],
   setup(e, { emit: t }) {
     N((g) => ({
-      75318566: p.value,
+      75318566: m.value,
       "6c0db3e8": g.fit
     }));
-    const l = e, s = t, r = y(!1), i = v(
-      () => A({
+    const l = e, s = t, r = x(!1), i = p(
+      () => D({
         "nmorph-avatar": [l.shape]
       })
-    ), u = v(
-      () => A({
+    ), u = p(
+      () => D({
         "nmorph-avatar__image": [`${r.value && "hide"}`]
       })
     ), d = () => {
       s("error"), r.value = !0;
     }, h = () => {
       r.value = !1;
-    }, p = v(() => ` ${l.size}px`);
+    }, m = p(() => ` ${l.size}px`);
     return (g, C) => (n(), a("div", {
       class: V(i.value)
     }, [
@@ -3893,7 +3893,7 @@ const Vf = ["src", "srcset", "alt"], Hf = { class: "nmorph-avatar__fallback" },
         onError: d
       }, null, 42, Vf),
       Ue(o("div", Hf, [
-        S(g.$slots, "default")
+        A(g.$slots, "default")
       ], 512), [
         [Ye, r.value]
       ])
@@ -3918,30 +3918,30 @@ const Bf = {
     offsetX: { default: 0 }
   },
   setup(e) {
-    N((p) => ({
-      "22efcb97": p.color
+    N((m) => ({
+      "22efcb97": m.color
     }));
-    const t = e, l = v(
-      () => A({
+    const t = e, l = p(
+      () => D({
         "nmorph-badge": [`${t.hidden && "hidden"}`]
       })
-    ), s = v(
-      () => A({
+    ), s = p(
+      () => D({
         "nmorph-badge__container": [`${t.hidden && "hidden"}`]
       })
-    ), r = v(() => typeof Number(t.value) == "number" && Number(t.value) > t.max ? `${t.max}+` : t.value), i = v(() => {
-      const p = `-${d?.value / 2 + t.offsetX}px`, g = `-${h?.value / 2 + t.offsetY}px`;
+    ), r = p(() => typeof Number(t.value) == "number" && Number(t.value) > t.max ? `${t.max}+` : t.value), i = p(() => {
+      const m = `-${d?.value / 2 + t.offsetX}px`, g = `-${h?.value / 2 + t.offsetY}px`;
       return {
-        x: p,
+        x: m,
         y: g
       };
-    }), u = y(null), d = y(0), h = y(0);
+    }), u = x(null), d = x(0), h = x(0);
     return U(() => {
       u.value && (d.value = u.value.clientWidth, h.value = u.value.clientHeight);
-    }), (p, g) => (n(), a("div", {
+    }), (m, g) => (n(), a("div", {
       class: V(l.value)
     }, [
-      S(p.$slots, "default"),
+      A(m.$slots, "default"),
       o("div", {
         ref_key: "badge",
         ref: u,
@@ -3965,79 +3965,79 @@ const Df = ["data-date", "onClick"], l2 = /* @__PURE__ */ T({
   },
   emits: ["update:modelValue", "update-initial-date"],
   setup(e, { emit: t }) {
-    const l = e, s = t, r = v(
-      () => A({
+    const l = e, s = t, r = p(
+      () => D({
         "nmorph-calendar": []
       })
-    ), i = y(l.initialDate), u = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], d = y(l.modelValue);
+    ), i = x(l.initialDate), u = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], d = x(l.modelValue);
     let h = re([]);
-    const p = async () => {
-      h = [], i2(i, l.range).forEach((B) => {
+    const m = async () => {
+      h = [], i2(i, l.range).forEach((S) => {
         const z = {};
-        B.forEach((F, j) => {
+        S.forEach((F, j) => {
           const X = u[j];
           z[X] = F;
         }), h.push(z);
       });
     };
-    p(), K(i, () => {
-      p(), s("update-initial-date", i.value);
+    m(), K(i, () => {
+      m(), s("update-initial-date", i.value);
     }), K(
       () => l.initialDate,
-      (D) => {
-        i.value = D;
+      (B) => {
+        i.value = B;
       },
       {
         deep: !0
       }
     );
-    const g = (D) => D, C = () => {
-      i.value = m.value;
-    }, x = () => {
+    const g = (B) => B, C = () => {
+      i.value = v.value;
+    }, y = () => {
       i.value = /* @__PURE__ */ new Date();
-    }, M = () => {
-      i.value = w.value;
-    }, $ = (D) => {
-      const { monthType: B, hidden: z } = D;
+    }, b = () => {
+      i.value = $.value;
+    }, w = (B) => {
+      const { monthType: S, hidden: z } = B;
       if (z)
         return;
-      B === "next" && M(), B === "previous" && C();
-      const { date: F } = D;
+      S === "next" && b(), S === "previous" && C();
+      const { date: F } = B;
       d.value = F, s("update:modelValue", d.value);
-    }, m = v(() => new Date(i.value.setMonth(i.value.getMonth() - 1))), w = v(() => new Date(i.value.setMonth(i.value.getMonth() + 1))), f = v(() => {
-      const { range: D } = l, B = D ? s2(i.value, D[0]) : !0, z = D ? r2(i.value, D[1]) : !0, F = c2(l.range);
+    }, v = p(() => new Date(i.value.setMonth(i.value.getMonth() - 1))), $ = p(() => new Date(i.value.setMonth(i.value.getMonth() + 1))), f = p(() => {
+      const { range: B } = l, S = B ? s2(i.value, B[0]) : !0, z = B ? r2(i.value, B[1]) : !0, F = c2(l.range);
       return {
-        showPreviousMonthButton: B,
+        showPreviousMonthButton: S,
         showNextMonthButton: z,
         showTodayButton: F
       };
-    }), k = (D, B) => {
-      const z = B[0], F = B[1];
-      return D === z || D === F ? !0 : !z || !F || z > F ? !1 : D >= z && D <= F;
-    }, H = (D) => Array.isArray(l.selectedValues) ? l.type === "daterange" ? k(D, l.selectedValues) : l.selectedValues.includes(D) : l.selectedValues?.toDateString() === D.toDateString();
-    return (D, B) => (n(), a("div", {
+    }), H = (B, S) => {
+      const z = S[0], F = S[1];
+      return B === z || B === F ? !0 : !z || !F || z > F ? !1 : B >= z && B <= F;
+    }, k = (B) => Array.isArray(l.selectedValues) ? l.type === "daterange" ? H(B, l.selectedValues) : l.selectedValues.includes(B) : l.selectedValues?.toDateString() === B.toDateString();
+    return (B, S) => (n(), a("div", {
       class: V(r.value)
     }, [
-      S(D.$slots, "header", {}, () => [
-        b(_(d2), {
+      A(B.$slots, "header", {}, () => [
+        M(_(d2), {
           year: i.value.getFullYear(),
           month: i.value.getMonth(),
           "show-previous-month-button": f.value.showPreviousMonthButton,
           "show-today-button": f.value.showTodayButton,
           "show-next-month-button": f.value.showNextMonthButton,
-          onClickNextMonth: M,
+          onClickNextMonth: b,
           onClickPreviousMonth: C,
-          onClickToday: x
+          onClickToday: y
         }, null, 8, ["year", "month", "show-previous-month-button", "show-today-button", "show-next-month-button"])
       ]),
-      S(D.$slots, "content", {}, () => [
-        b(_(_2), {
+      A(B.$slots, "content", {}, () => [
+        M(_(_2), {
           data: _(h),
           bordered: "",
           "row-hover": !1
         }, {
           default: E(() => [
-            (n(), a(Y, null, L(u, (z) => b(_(p2), {
+            (n(), a(Y, null, L(u, (z) => M(_(p2), {
               key: `${z}`,
               prop: z,
               label: z.toUpperCase()
@@ -4056,15 +4056,15 @@ const Df = ["data-date", "onClick"], l2 = /* @__PURE__ */ T({
                         { "nmorph-calendar-date--today": l.markToday && g(j[z]).isToday },
                         { "nmorph-calendar-date--hidden": g(j[z]).hidden },
                         {
-                          "nmorph-calendar-date--selected": H(g(j[z]).date)
+                          "nmorph-calendar-date--selected": k(g(j[z]).date)
                         }
                       ]),
-                      onClick: (G) => $(g(j[z]))
+                      onClick: (G) => w(g(j[z]))
                     }, [
-                      S(D.$slots, "date-cell", {
+                      A(B.$slots, "date-cell", {
                         scope: {
                           ...g(j[z]),
-                          selected: H(g(j[z]).date)
+                          selected: k(g(j[z]).date)
                         }
                       }, () => [
                         ee(R(g(j[z]).hidden ? "-" : g(j[z]).value), 1)
@@ -4119,13 +4119,13 @@ const be = [
 }, Ce = (e) => be[e], Tf = (e) => e % 4 === 0 && e % 100 !== 0 || e % 400 === 0, Pe = (e, t) => [0, 2, 4, 6, 7, 9, 11].includes(t) ? 31 : [3, 5, 8, 10].includes(t) ? 30 : Tf(e) ? 29 : 28, i2 = (e, t) => {
   const l = (G) => t ? G < t[0] || G > t[1] : !1, s = e.value.getFullYear(), r = e.value.getMonth(), u = new Date(s, r, 1).getDay() + 1, d = Pe(s, r), h = 7 + u - 8;
   let C = 7 - (new Date(s, r, d).getDay() + 1);
-  const x = /* @__PURE__ */ new Date(), M = x.getDate(), $ = x.getMonth(), m = r - 1, w = Pe(s, m);
-  let f = w - h;
-  const k = [];
-  for (; f < w; ) {
+  const y = /* @__PURE__ */ new Date(), b = y.getDate(), w = y.getMonth(), v = r - 1, $ = Pe(s, v);
+  let f = $ - h;
+  const H = [];
+  for (; f < $; ) {
     f++;
-    const G = $ === m && M === f, Z = new Date(s, m, f);
-    k.push({
+    const G = w === v && b === f, Z = new Date(s, v, f);
+    H.push({
       value: f,
       monthType: "previous",
       isToday: G,
@@ -4133,13 +4133,13 @@ const be = [
       hidden: l(Z)
     });
   }
-  const H = r + 1, D = [];
-  let B = 0;
+  const k = r + 1, B = [];
+  let S = 0;
   for (; C; ) {
-    B++, C--;
-    const G = $ === H && M === B, Z = new Date(s, H, B);
-    D.push({
-      value: B,
+    S++, C--;
+    const G = w === k && b === S, Z = new Date(s, k, S);
+    B.push({
+      value: S,
       monthType: "next",
       isToday: G,
       date: Z,
@@ -4149,9 +4149,9 @@ const be = [
   let z = 0;
   const F = [];
   for (; z < d; ) {
-    const G = x.getDate();
+    const G = y.getDate();
     z++;
-    const Z = $ === r && G === z, Be = new Date(s, r, z);
+    const Z = w === r && G === z, Be = new Date(s, r, z);
     F.push({
       value: z,
       monthType: "current",
@@ -4160,7 +4160,7 @@ const be = [
       hidden: l(Be)
     });
   }
-  const j = [...k, ...F, ...D], X = [];
+  const j = [...H, ...F, ...B], X = [];
   for (let G = 0; G < j.length; G += 7) {
     const Z = j.slice(G, G + 7);
     X.push(Z);
@@ -4177,15 +4177,15 @@ const be = [
   },
   emits: ["click-previous-month", "click-today", "click-next-month"],
   setup(e, { emit: t }) {
-    const l = e, s = t, r = v(
-      () => A({
+    const l = e, s = t, r = p(
+      () => D({
         "nmorph-calendar-header": []
       })
     );
     return (i, u) => (n(), a("div", {
       class: V(r.value)
     }, [
-      S(i.$slots, "default", {}, () => [
+      A(i.$slots, "default", {}, () => [
         o("h2", Of, R(l.year) + " " + R(_(Ce)(l.month)), 1),
         o("div", Pf, [
           i.showPreviousMonthButton ? (n(), q(_(W), {
@@ -4217,8 +4217,8 @@ const qf = { class: "nmorph-card__header" }, Rf = { class: "nmorph-card__content
     shadowType: { default: Xe.outset }
   },
   setup(e) {
-    const t = e, l = v(
-      () => A({
+    const t = e, l = p(
+      () => D({
         "nmorph-card": [t.shadowType]
       })
     );
@@ -4226,13 +4226,13 @@ const qf = { class: "nmorph-card__header" }, Rf = { class: "nmorph-card__content
       class: V(l.value)
     }, [
       o("div", qf, [
-        S(s.$slots, "header")
+        A(s.$slots, "header")
       ]),
       o("div", Rf, [
-        S(s.$slots, "default")
+        A(s.$slots, "default")
       ]),
       o("div", Ef, [
-        S(s.$slots, "footer")
+        A(s.$slots, "footer")
       ])
     ], 2));
   }
@@ -4244,57 +4244,57 @@ const jf = ["id"], Wf = { class: "nmorph-carousel__elements-indicator" }, Uf = [
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const l = y(0), s = () => {
+    const l = x(0), s = () => {
       l.value = l.value + 1;
     }, r = () => {
       l.value = l.value - 1;
-    }, i = e, u = t, d = v(
-      () => A({
+    }, i = e, u = t, d = p(
+      () => D({
         "nmorph-carousel": []
       })
-    ), h = y([]), p = ie();
-    J("carousel-data", { data: h, carouselId: p });
-    const g = y(null), C = re({}), x = () => {
-      const H = C[Object.keys(C).length - 1]?.cloneNode(!0), D = C[0]?.cloneNode(!0);
-      g.value?.prepend(H), g.value?.append(D), l.value += 1;
-    }, M = () => {
-      l.value === 0 && (l.value = Object.keys(C).length, w.value = !1), l.value > Object.keys(C).length && (l.value = 1, w.value = !1);
+    ), h = x([]), m = ie();
+    J("carousel-data", { data: h, carouselId: m });
+    const g = x(null), C = re({}), y = () => {
+      const k = C[Object.keys(C).length - 1]?.cloneNode(!0), B = C[0]?.cloneNode(!0);
+      g.value?.prepend(k), g.value?.append(B), l.value += 1;
+    }, b = () => {
+      l.value === 0 && (l.value = Object.keys(C).length, $.value = !1), l.value > Object.keys(C).length && (l.value = 1, $.value = !1);
     };
     U(() => {
-      i.loop && l.value === 0 && (Le(() => x()), g.value?.addEventListener("transitionend", M));
-    }), K(l, (H) => {
-      u("change", l.value), (H === 1 || H === Object.keys(C).length) && setTimeout(() => {
-        w.value = !0;
+      i.loop && l.value === 0 && (Le(() => y()), g.value?.addEventListener("transitionend", b));
+    }), K(l, (k) => {
+      u("change", l.value), (k === 1 || k === Object.keys(C).length) && setTimeout(() => {
+        $.value = !0;
       });
     });
-    const $ = (H, D) => {
-      const B = H;
-      C[D] = B;
-    }, m = v(() => `translateX(-${l.value * 100}%)`), w = y(!0), f = (H) => H === l.value - 1, k = (H) => {
-      l.value = H + 1;
+    const w = (k, B) => {
+      const S = k;
+      C[B] = S;
+    }, v = p(() => `translateX(-${l.value * 100}%)`), $ = x(!0), f = (k) => k === l.value - 1, H = (k) => {
+      l.value = k + 1;
     };
-    return (H, D) => (n(), a("div", {
+    return (k, B) => (n(), a("div", {
       class: V(d.value)
     }, [
       o("div", {
         ref_key: "carouselWrapper",
         ref: g,
-        class: V(["nmorph-carousel__wrapper", { "transition-enabled": w.value }]),
-        style: I({ transform: m.value })
+        class: V(["nmorph-carousel__wrapper", { "transition-enabled": $.value }]),
+        style: I({ transform: v.value })
       }, [
-        (n(!0), a(Y, null, L(h.value, (B, z) => (n(), a("div", {
-          id: `nmorph-carousel-item-${_(p)}-${B}`,
-          key: B,
+        (n(!0), a(Y, null, L(h.value, (S, z) => (n(), a("div", {
+          id: `nmorph-carousel-item-${_(m)}-${S}`,
+          key: S,
           ref_for: !0,
-          ref: (F) => $(F, z),
+          ref: (F) => w(F, z),
           class: "nmorph-carousel__item"
         }, null, 8, jf))), 128))
       ], 6),
       o("div", Wf, [
-        (n(!0), a(Y, null, L(h.value, (B, z) => (n(), a("div", {
+        (n(!0), a(Y, null, L(h.value, (S, z) => (n(), a("div", {
           key: z,
           class: "nmorph-carousel__element-indicator-wrapper",
-          onClick: (F) => k(z)
+          onClick: (F) => H(z)
         }, [
           o("div", {
             class: V(["nmorph-carousel__element-indicator", { "nmorph-carousel__element-indicator--active": f(z) }])
@@ -4305,15 +4305,15 @@ const jf = ["id"], Wf = { class: "nmorph-carousel__elements-indicator" }, Uf = [
         class: "nmorph-carousel__action-btn nmorph-carousel__prev",
         onClick: s
       }, [
-        b(_(P), { name: "chevron-down" })
+        M(_(P), { name: "chevron-down" })
       ]),
       o("div", {
         class: "nmorph-carousel__action-btn nmorph-carousel__next",
         onClick: r
       }, [
-        b(_(P), { name: "chevron-down" })
+        M(_(P), { name: "chevron-down" })
       ]),
-      S(H.$slots, "default")
+      A(k.$slots, "default")
     ], 2));
   }
 });
@@ -4323,11 +4323,11 @@ const Lf = /* @__PURE__ */ T({
     name: {}
   },
   setup(e) {
-    const t = e, l = v(
-      () => A({
+    const t = e, l = p(
+      () => D({
         "nmorph-carousel-item": []
       })
-    ), s = Q("carousel-data", void 0), r = y(!1);
+    ), s = Q("carousel-data", void 0), r = x(!1);
     return U(() => {
       r.value = !0, s && s.data.value.push(t.name);
     }), (i, u) => r.value ? (n(), a("div", {
@@ -4337,7 +4337,7 @@ const Lf = /* @__PURE__ */ T({
       (n(), q(ce, {
         to: `#nmorph-carousel-item-${_(s)?.carouselId}-${t.name}`
       }, [
-        S(i.$slots, "default")
+        A(i.$slots, "default")
       ], 8, ["to"]))
     ], 2)) : O("", !0);
   }
@@ -4349,7 +4349,7 @@ const Lf = /* @__PURE__ */ T({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = e, s = y(l.modelValue);
+    const l = e, s = x(l.modelValue);
     K(
       () => l.modelValue,
       (d) => {
@@ -4362,21 +4362,21 @@ const Lf = /* @__PURE__ */ T({
       else if (!Array.isArray(s.value))
         s.value = [d];
       else {
-        const p = s.value.indexOf(d);
-        h && p === -1 && s.value.push(d), !h && p !== -1 && s.value.splice(p, 1);
+        const m = s.value.indexOf(d);
+        h && m === -1 && s.value.push(d), !h && m !== -1 && s.value.splice(m, 1);
       }
       i("update:modelValue", s.value);
     };
     J("collapse-data", s), J("update-model", r);
-    const i = t, u = v(
-      () => A({
+    const i = t, u = p(
+      () => D({
         "nmorph-collapse": []
       })
     );
     return (d, h) => (n(), a("div", {
       class: V(u.value)
     }, [
-      S(d.$slots, "default")
+      A(d.$slots, "default")
     ], 2));
   }
 }), Kf = /* @__PURE__ */ T({
@@ -4390,35 +4390,35 @@ const Lf = /* @__PURE__ */ T({
   },
   emits: ["click-item"],
   setup(e, { emit: t }) {
-    const l = e, s = t, r = y(!1), i = v(
-      () => A({
+    const l = e, s = t, r = x(!1), i = p(
+      () => D({
         "nmorph-collapse-item": [`${l.disabled && "disabled"}`, `${r.value && "is-open"}`]
       })
-    ), u = v(
-      () => A({
+    ), u = p(
+      () => D({
         nmorph: [te[l.height]]
       })
-    ), d = Q("collapse-data", void 0), h = Q("update-model", void 0), p = y(null), g = y(0), C = () => {
+    ), d = Q("collapse-data", void 0), h = Q("update-model", void 0), m = x(null), g = x(0), C = () => {
       l.block && (r.value = !r.value, h && (h(l.name, r.value), s("click-item", { id: l.name, isOpen: r.value })));
     };
     return U(() => {
       Array.isArray(d?.value) ? r.value = d.value.includes(l.name) : r.value = d?.value === l.name;
     }), K(
       () => d?.value,
-      (x) => {
-        Array.isArray(x) ? r.value = x.includes(l.name) : r.value = x === l.name;
+      (y) => {
+        Array.isArray(y) ? r.value = y.includes(l.name) : r.value = y === l.name;
       },
       { deep: !0 }
     ), K(r, () => {
-      g.value = r.value && p.value ? p.value?.clientHeight : 0;
-    }), (x, M) => (n(), a("div", {
+      g.value = r.value && m.value ? m.value?.clientHeight : 0;
+    }), (y, b) => (n(), a("div", {
       class: V(i.value),
       onClick: oe(C, ["stop"])
     }, [
       o("div", {
         class: V(["nmorph-collapse-item__title", u.value])
       }, [
-        S(x.$slots, "title", {}, () => [
+        A(y.$slots, "title", {}, () => [
           ee(R(l.title), 1)
         ])
       ], 2),
@@ -4428,10 +4428,10 @@ const Lf = /* @__PURE__ */ T({
       }, [
         o("div", {
           ref_key: "collapseItemDOMElContent",
-          ref: p,
+          ref: m,
           class: "nmorph-collapse-item__inner-wrapper"
         }, [
-          S(x.$slots, "default")
+          A(y.$slots, "default")
         ], 512)
       ], 4)
     ], 2));
@@ -4457,16 +4457,16 @@ const Xf = ["src", "alt", "srcset"], Jf = {
     N((h) => ({
       "234993c7": d.value
     }));
-    const t = e, l = y(!1), s = y(!1), r = () => {
+    const t = e, l = x(!1), s = x(!1), r = () => {
       l.value = !0;
     }, i = () => {
       l.value = !0, s.value = !0;
-    }, u = v(
-      () => A({
+    }, u = p(
+      () => D({
         "nmorph-image": []
       })
-    ), d = v(() => t.fit);
-    return (h, p) => (n(), a("div", {
+    ), d = p(() => t.fit);
+    return (h, m) => (n(), a("div", {
       class: V(u.value)
     }, [
       o("img", {
@@ -4477,12 +4477,12 @@ const Xf = ["src", "alt", "srcset"], Jf = {
         onError: i
       }, null, 40, Xf),
       l.value ? O("", !0) : (n(), a("div", Jf, [
-        S(h.$slots, "loading", {}, () => [
+        A(h.$slots, "loading", {}, () => [
           ee(R(t.loadingText), 1)
         ])
       ])),
       l.value && s.value ? (n(), a("div", Qf, [
-        S(h.$slots, "error", {}, () => [
+        A(h.$slots, "error", {}, () => [
           ee(R(t.loadFailedText), 1)
         ])
       ])) : O("", !0)
@@ -4508,42 +4508,42 @@ const Zf = { class: "nmorph-image-preview__content" }, Nf = {
   },
   emits: ["on-close", "on-open"],
   setup(e, { emit: t }) {
-    const l = e, s = y(l.show), r = v(
-      () => A({
+    const l = e, s = x(l.show), r = p(
+      () => D({
         "nmorph-image-preview": [`${s.value && "opened"}`]
       })
-    ), i = y(l.initialIndex), u = v(() => typeof l.src == "string" ? l.src : l.src[i.value]), d = y(1), h = () => {
+    ), i = x(l.initialIndex), u = p(() => typeof l.src == "string" ? l.src : l.src[i.value]), d = x(1), h = () => {
       s.value = !0, z("on-open");
-    }, p = () => {
+    }, m = () => {
       s.value = !1, z("on-close");
     }, g = () => {
       f.value = f.value + 90, f.value >= 360 && (f.value = 0);
     }, C = () => {
       f.value = f.value - 90, f.value <= -360 && (f.value = 0);
-    }, x = () => {
+    }, y = () => {
       d.value < l.maxScaleLevel && (d.value += l.scaleStep), d.value = parseFloat(d.value.toFixed(3));
-    }, M = () => {
+    }, b = () => {
       d.value > l.minScaleLevel && (d.value -= l.scaleStep), d.value = parseFloat(d.value.toFixed(3));
-    }, $ = v(() => d.value < 1), m = () => {
+    }, w = p(() => d.value < 1), v = () => {
       d.value = 1;
-    }, w = () => {
+    }, $ = () => {
       d.value = 1;
-    }, f = y(0), k = () => {
+    }, f = x(0), H = () => {
       const j = l.src.length - 1, X = i.value - 1;
       X < 0 ? i.value = j : i.value = X;
-    }, H = () => {
+    }, k = () => {
       const j = l.src.length - 1, X = i.value + 1;
       X > j ? i.value = 0 : i.value = X;
-    }, D = v(() => {
+    }, B = p(() => {
       let j = {
         icon: "shrink",
-        handler: w
+        handler: $
       };
-      return $.value && (j = {
+      return w.value && (j = {
         icon: "enlarge",
-        handler: m
+        handler: v
       }), j;
-    }), B = [
+    }), S = [
       {
         icon: "rotate-right",
         handler: g
@@ -4554,13 +4554,13 @@ const Zf = { class: "nmorph-image-preview__content" }, Nf = {
       },
       {
         icon: "zoom-in",
-        handler: x
+        handler: y
       },
       {
         icon: "zoom-out",
-        handler: M
+        handler: b
       }
-    ], z = t, F = v(() => Array.isArray(l.src) && l.src.length > 0);
+    ], z = t, F = p(() => Array.isArray(l.src) && l.src.length > 0);
     return (j, X) => (n(), a("div", {
       class: V(r.value)
     }, [
@@ -4568,19 +4568,19 @@ const Zf = { class: "nmorph-image-preview__content" }, Nf = {
         class: "nmorph-image-preview__trigger",
         onClick: h
       }, [
-        b(_(xe), {
+        M(_(xe), {
           src: u.value,
           alt: l.alt,
           fit: "cover"
         }, null, 8, ["src", "alt"])
       ]),
-      b(_(we), {
+      M(_(we), {
         show: s.value,
-        onOnOutsideClick: p
+        onOnOutsideClick: m
       }, {
         default: E(() => [
           o("div", Zf, [
-            b(_(xe), {
+            M(_(xe), {
               src: u.value,
               alt: l.alt,
               fit: "cover",
@@ -4588,31 +4588,31 @@ const Zf = { class: "nmorph-image-preview__content" }, Nf = {
             }, null, 8, ["src", "alt", "style"])
           ]),
           F.value ? (n(), a("div", Nf, [
-            b(_(W), { onClick: k }, {
+            M(_(W), { onClick: H }, {
               default: E(() => [
-                b(_(P), { name: "chevron-down" })
+                M(_(P), { name: "chevron-down" })
               ]),
               _: 1
             })
           ])) : O("", !0),
           F.value ? (n(), a("div", If, [
-            b(_(W), { onClick: H }, {
+            M(_(W), { onClick: k }, {
               default: E(() => [
-                b(_(P), { name: "chevron-down" })
+                M(_(P), { name: "chevron-down" })
               ]),
               _: 1
             })
           ])) : O("", !0),
           o("div", eg, [
-            (n(), a(Y, null, L(B, (G, Z) => o("div", {
+            (n(), a(Y, null, L(S, (G, Z) => o("div", {
               key: Z,
               class: "nmorph-image-preview__action-element"
             }, [
-              b(_(W), {
+              M(_(W), {
                 onClick: G.handler
               }, {
                 default: E(() => [
-                  b(_(P), {
+                  M(_(P), {
                     name: G.icon
                   }, null, 8, ["name"])
                 ]),
@@ -4620,13 +4620,13 @@ const Zf = { class: "nmorph-image-preview__content" }, Nf = {
               }, 1032, ["onClick"])
             ])), 64)),
             o("div", tg, [
-              b(_(W), {
+              M(_(W), {
                 disabled: d.value === 1,
-                onClick: D.value.handler
+                onClick: B.value.handler
               }, {
                 default: E(() => [
-                  b(_(P), {
-                    name: D.value.icon
+                  M(_(P), {
+                    name: B.value.icon
                   }, null, 8, ["name"])
                 ]),
                 _: 1
@@ -4651,65 +4651,65 @@ const og = /* @__PURE__ */ T({
   },
   emits: ["prev-click", "next-click", "update:modelValue", "update:range"],
   setup(e, { emit: t }) {
-    const l = e, s = t, r = y(l.range), i = v(
-      () => A({
+    const l = e, s = t, r = x(l.range), i = p(
+      () => D({
         "nmorph-pagination": [`${l.disabled && "disabled"}`]
       })
     ), u = () => {
       h.value = String(Number(h.value) - 1);
     }, d = () => {
       h.value = String(Number(h.value) + 1);
-    }, h = y(String(l.modelValue)), p = v(() => {
-      const m = l.total / l.pagerCount + 1, w = m % 1 === 0 ? -1 : 0;
-      return Array.from({ length: m + w }, (f, k) => ({ value: String(k + 1), label: String(k + 1) }));
-    }), g = v(() => l.hideOnSinglePage || l.total / l.pagerCount > 1);
-    K(h, (m) => {
-      s("update:modelValue", Number(m)), $();
+    }, h = x(String(l.modelValue)), m = p(() => {
+      const v = l.total / l.pagerCount + 1, $ = v % 1 === 0 ? -1 : 0;
+      return Array.from({ length: v + $ }, (f, H) => ({ value: String(H + 1), label: String(H + 1) }));
+    }), g = p(() => l.hideOnSinglePage || l.total / l.pagerCount > 1);
+    K(h, (v) => {
+      s("update:modelValue", Number(v)), w();
     }), K(
       () => l.pagerCount,
       () => {
-        $();
+        w();
       }
     );
-    const C = (m) => {
-      h.value = m;
-    }, x = v(() => Number(h.value) === 1), M = v(() => p.value.length === Number(h.value)), $ = () => {
-      const m = Number(h.value) * l.pagerCount, w = m - l.pagerCount;
-      r.value = [w, m], s("update:range", r.value);
+    const C = (v) => {
+      h.value = v;
+    }, y = p(() => Number(h.value) === 1), b = p(() => m.value.length === Number(h.value)), w = () => {
+      const v = Number(h.value) * l.pagerCount, $ = v - l.pagerCount;
+      r.value = [$, v], s("update:range", r.value);
     };
     return U(() => {
-      $();
-    }), (m, w) => g.value ? (n(), a("div", {
+      w();
+    }), (v, $) => g.value ? (n(), a("div", {
       key: 0,
       class: V(i.value)
     }, [
-      b(_(W), {
+      M(_(W), {
         class: "nmorph-pagination__btn",
-        disabled: x.value || l.disabled,
+        disabled: y.value || l.disabled,
         onClick: u
       }, {
         default: E(() => [
-          b(_(P), {
+          M(_(P), {
             name: "chevron-down",
             class: "nmorph-pagination__prev"
           })
         ]),
         _: 1
       }, 8, ["disabled"]),
-      b(_(Ve), {
+      M(_(Ve), {
         "model-value": h.value,
-        options: p.value,
+        options: m.value,
         class: "nmorph-pagination__page",
         disabled: l.disabled,
         "onUpdate:modelValue": C
       }, null, 8, ["model-value", "options", "disabled"]),
-      b(_(W), {
+      M(_(W), {
         class: "nmorph-pagination__btn",
-        disabled: M.value || l.disabled,
+        disabled: b.value || l.disabled,
         onClick: d
       }, {
         default: E(() => [
-          b(_(P), {
+          M(_(P), {
             name: "chevron-down",
             class: "nmorph-pagination__next"
           })
@@ -4744,44 +4744,44 @@ const ng = {
     strokeWidth: { default: 4 }
   },
   setup(e) {
-    N((x) => ({
+    N((y) => ({
       "1039697d": s.value,
       cef13cc6: r.value,
       "2953a0be": i.value,
       "3b0b01ec": g.value,
-      "514b0928": x.strokeWidth
+      "514b0928": y.strokeWidth
     }));
-    const t = e, l = v(
-      () => A({
+    const t = e, l = p(
+      () => D({
         "nmorph-progress": []
       })
-    ), s = v(() => `${t.percentage}%`), r = v(() => Array.isArray(t.color) ? t.color.find((x) => x.percentage <= t.percentage)?.color : typeof t.color == "function" ? t.color(t.percentage) : t.color), i = v(() => t.indeterminate ? "var(--animation)" : "none"), u = y(null), d = y(1), h = v(() => `${d.value} ${d.value}`), p = v(() => d.value - t.percentage / 100 * d.value);
+    ), s = p(() => `${t.percentage}%`), r = p(() => Array.isArray(t.color) ? t.color.find((y) => y.percentage <= t.percentage)?.color : typeof t.color == "function" ? t.color(t.percentage) : t.color), i = p(() => t.indeterminate ? "var(--animation)" : "none"), u = x(null), d = x(1), h = p(() => `${d.value} ${d.value}`), m = p(() => d.value - t.percentage / 100 * d.value);
     U(() => {
       u.value && (d.value = 2 * Math.PI * u.value.r.baseVal.value);
     });
-    const g = v(() => `${t.circleSize}px`), C = v(() => `${t.percentage}%`);
-    return (x, M) => (n(), a("div", {
+    const g = p(() => `${t.circleSize}px`), C = p(() => `${t.percentage}%`);
+    return (y, b) => (n(), a("div", {
       class: V(l.value)
     }, [
       t.type === "linear" ? (n(), a("div", ng, [
         o("div", lg, [
           o("div", ag, [
-            x.textInside ? (n(), a("div", sg, [
-              S(x.$slots, "inner-text", {}, () => [
+            y.textInside ? (n(), a("div", sg, [
+              A(y.$slots, "inner-text", {}, () => [
                 ee(R(C.value), 1)
               ])
             ])) : O("", !0)
           ])
         ]),
-        x.showText ? (n(), a("div", rg, [
-          S(x.$slots, "right-sight", {}, () => [
+        y.showText ? (n(), a("div", rg, [
+          A(y.$slots, "right-sight", {}, () => [
             ee(R(C.value), 1)
           ])
         ])) : O("", !0)
       ])) : O("", !0),
       t.type === "circle" ? (n(), a("div", cg, [
         o("div", ig, [
-          S(x.$slots, "circle-inner-part", {}, () => [
+          A(y.$slots, "circle-inner-part", {}, () => [
             ee(R(C.value), 1)
           ])
         ]),
@@ -4797,7 +4797,7 @@ const ng = {
             cy: t.circleSize / 2,
             r: t.circleSize / 2 - 2,
             "stroke-dasharray": h.value,
-            "stroke-dashoffset": p.value
+            "stroke-dashoffset": m.value
           }, null, 8, ug)
         ], 8, dg))
       ])) : O("", !0)
@@ -4821,8 +4821,8 @@ const _g = {
     rows: { default: 0 }
   },
   setup(e) {
-    const t = e, l = v(
-      () => A({
+    const t = e, l = p(
+      () => D({
         "nmorph-skeleton": [`${t.animated && t.loading && "loading"}`]
       })
     );
@@ -4832,9 +4832,9 @@ const _g = {
       t.rows && t.loading ? (n(), a("div", _g, [
         (n(!0), a(Y, null, L(t.rows, (i) => (n(), q(_(h2), { key: i }))), 128))
       ])) : t.loading ? (n(), a("div", vg, [
-        S(s.$slots, "template")
+        A(s.$slots, "template")
       ])) : (n(), a("div", pg, [
-        S(s.$slots, "default")
+        A(s.$slots, "default")
       ]))
     ], 2));
   }
@@ -4845,8 +4845,8 @@ const fg = { class: "nmorph-skeleton-item__element" }, h2 = /* @__PURE__ */ T({
     variant: { default: "text" }
   },
   setup(e) {
-    const t = e, l = v(
-      () => A({
+    const t = e, l = p(
+      () => D({
         "nmorph-skeleton-item": [t.variant]
       })
     );
@@ -4870,8 +4870,8 @@ const de = "10px", gg = /* @__PURE__ */ T({
   },
   emits: ["sort"],
   setup(e, { emit: t }) {
-    const l = e, s = t, r = v(
-      () => A({
+    const l = e, s = t, r = p(
+      () => D({
         "nmorph-sort-button": [`${l.value}`]
       })
     ), i = () => {
@@ -4881,19 +4881,19 @@ const de = "10px", gg = /* @__PURE__ */ T({
     return (u, d) => (n(), a("div", {
       class: V(r.value)
     }, [
-      b(_(W), {
+      M(_(W), {
         height: "thin",
         "style-type": "transparent",
         onClick: i
       }, {
         default: E(() => [
-          b(_(P), {
+          M(_(P), {
             name: "triangle-down",
             class: "nmorph-sort-button__icon-up",
             width: de,
             height: de
           }),
-          b(_(P), {
+          M(_(P), {
             name: "triangle-down",
             class: "nmorph-sort-button__icon-down",
             width: de,
@@ -4915,24 +4915,24 @@ const wg = { class: "nmorph-table__wrapper" }, $g = { class: "nmorph-table__head
     style: { default: "nmorph" }
   },
   setup(e) {
-    const t = e, l = v(
-      () => A({
+    const t = e, l = p(
+      () => D({
         "nmorph-table": [`${t.style}`]
       })
-    ), s = y(t.data), r = y(t.sort), i = (M, $) => {
-      r.value && (r.value[$] = M, s.value.sort((m, w) => {
-        const f = String(m[$]).toLowerCase(), k = String(w[$]).toLowerCase();
+    ), s = x(t.data), r = x(t.sort), i = (b, w) => {
+      r.value && (r.value[w] = b, s.value.sort((v, $) => {
+        const f = String(v[w]).toLowerCase(), H = String($[w]).toLowerCase();
         if (!r.value)
           return 0;
-        const H = r.value[$];
-        return H === "ascending" ? f.localeCompare(k) : H === "descending" ? k.localeCompare(f) : 0;
+        const k = r.value[w];
+        return k === "ascending" ? f.localeCompare(H) : k === "descending" ? H.localeCompare(f) : 0;
       }));
-    }, u = y(null), d = y([]);
+    }, u = x(null), d = x([]);
     J("table-data", { rows: s, columns: d });
-    const h = v(() => {
-      const M = d.value.map((k) => k.width).filter((k) => !!k), $ = M.length, m = M.reduce((k, H) => (k += Number(H), k), 0), w = d.value.length - $;
-      return u.value?.clientWidth ? (u.value?.clientWidth - m) / w : 0;
-    }), p = (M) => M !== "" ? M : h.value, g = y(0);
+    const h = p(() => {
+      const b = d.value.map((H) => H.width).filter((H) => !!H), w = b.length, v = b.reduce((H, k) => (H += Number(k), H), 0), $ = d.value.length - w;
+      return u.value?.clientWidth ? (u.value?.clientWidth - v) / $ : 0;
+    }), m = (b) => b !== "" ? b : h.value, g = x(0);
     K(
       () => t.data,
       () => {
@@ -4942,8 +4942,8 @@ const wg = { class: "nmorph-table__wrapper" }, $g = { class: "nmorph-table__head
         immediate: !0
       }
     );
-    const C = (M) => typeof M == "object" ? "" : M, x = ie();
-    return J("table-identifier", x), (M, $) => (n(), a("div", {
+    const C = (b) => typeof b == "object" ? "" : b, y = ie();
+    return J("table-identifier", y), (b, w) => (n(), a("div", {
       ref_key: "nmorphDOMTable",
       ref: u,
       key: g.value,
@@ -4952,29 +4952,29 @@ const wg = { class: "nmorph-table__wrapper" }, $g = { class: "nmorph-table__head
       o("div", wg, [
         o("table", $g, [
           o("colgroup", null, [
-            (n(!0), a(Y, null, L(d.value, (m) => (n(), a("col", {
-              key: m.prop,
-              style: I({ width: `${p(m.width)}px` }),
-              "data-src": `${p(m.width)}px`
+            (n(!0), a(Y, null, L(d.value, (v) => (n(), a("col", {
+              key: v.prop,
+              style: I({ width: `${m(v.width)}px` }),
+              "data-src": `${m(v.width)}px`
             }, null, 12, xg))), 128))
           ]),
           o("thead", null, [
             o("tr", yg, [
-              (n(!0), a(Y, null, L(d.value, (m, w) => (n(), a("th", {
-                key: w,
+              (n(!0), a(Y, null, L(d.value, (v, $) => (n(), a("th", {
+                key: $,
                 class: V(["nmorph-table__table-data", { "nmorph-table__table-data--bordered": t.bordered }])
               }, [
                 o("div", Mg, [
                   o("div", {
-                    style: I({ "justify-content": m.alignment }),
+                    style: I({ "justify-content": v.alignment }),
                     class: "nmorph-table__cell-content"
                   }, [
-                    o("span", null, R(m.label), 1),
-                    r.value && r.value[m.prop] ? (n(), q(gg, {
+                    o("span", null, R(v.label), 1),
+                    r.value && r.value[v.prop] ? (n(), q(gg, {
                       key: 0,
                       class: "nmorph-table__button-wrapper",
-                      value: r.value[m.prop],
-                      onSort: (f) => i(f, m.prop)
+                      value: r.value[v.prop],
+                      onSort: (f) => i(f, v.prop)
                     }, null, 8, ["value", "onSort"])) : O("", !0)
                   ], 4)
                 ])
@@ -4985,14 +4985,14 @@ const wg = { class: "nmorph-table__wrapper" }, $g = { class: "nmorph-table__head
         o("div", bg, [
           o("table", null, [
             o("colgroup", null, [
-              (n(!0), a(Y, null, L(d.value, (m) => (n(), a("col", {
-                key: m.prop,
-                style: I({ width: `${p(m.width)}px` })
+              (n(!0), a(Y, null, L(d.value, (v) => (n(), a("col", {
+                key: v.prop,
+                style: I({ width: `${m(v.width)}px` })
               }, null, 4))), 128))
             ]),
             o("tbody", null, [
-              (n(!0), a(Y, null, L(s.value, (m, w) => (n(), a("tr", {
-                key: w,
+              (n(!0), a(Y, null, L(s.value, (v, $) => (n(), a("tr", {
+                key: $,
                 class: V(["nmorph-table__table-data-row", { "nmorph-table__table-data-row--row-hover": t.rowHover }])
               }, [
                 (n(!0), a(Y, null, L(d.value, (f) => (n(), a("td", {
@@ -5000,23 +5000,23 @@ const wg = { class: "nmorph-table__wrapper" }, $g = { class: "nmorph-table__head
                   class: V([{ "nmorph-table__table-data--bordered": t.bordered }, "nmorph-table__table-data"])
                 }, [
                   o("div", {
-                    id: `table-cell-${_(x)}-${w}-${f.prop}`,
+                    id: `table-cell-${_(y)}-${$}-${f.prop}`,
                     style: I({ "text-align": f.alignment }),
                     class: "nmorph-table__cell nmorph-table__cell--data"
-                  }, R(C(m[f.prop])), 13, Cg)
+                  }, R(C(v[f.prop])), 13, Cg)
                 ], 2))), 128))
               ], 2))), 128))
             ])
           ]),
           o("table", null, [
             o("colgroup", null, [
-              (n(!0), a(Y, null, L(d.value, (m) => (n(), a("col", {
-                key: m.prop,
-                style: I({ width: `${p(m.width)}px` })
+              (n(!0), a(Y, null, L(d.value, (v) => (n(), a("col", {
+                key: v.prop,
+                style: I({ width: `${m(v.width)}px` })
               }, null, 4))), 128))
             ]),
             o("tbody", kg, [
-              S(M.$slots, "default")
+              A(b.$slots, "default")
             ])
           ])
         ])
@@ -5030,11 +5030,11 @@ const v2 = /* @__PURE__ */ T({
     row: {}
   },
   setup(e) {
-    const t = Q("column-property", void 0), l = Q("table-identifier", void 0), s = e, r = v(
-      () => A({
+    const t = Q("column-property", void 0), l = Q("table-identifier", void 0), s = e, r = p(
+      () => D({
         "nmorph-table-cell": []
       })
-    ), i = v(() => `#table-cell-${l}-${s.row}-${t}`), u = y(!1);
+    ), i = p(() => `#table-cell-${l}-${s.row}-${t}`), u = x(!1);
     return U(() => {
       u.value = !0;
     }), (d, h) => u.value ? (n(), a("div", {
@@ -5042,7 +5042,7 @@ const v2 = /* @__PURE__ */ T({
       class: V(r.value)
     }, [
       (n(), q(ce, { to: i.value }, [
-        S(d.$slots, "default")
+        A(d.$slots, "default")
       ], 8, ["to"]))
     ], 2)) : O("", !0);
   }
@@ -5055,11 +5055,11 @@ const v2 = /* @__PURE__ */ T({
     prop: {}
   },
   setup(e) {
-    const t = Q("table-data", void 0), l = Q("table-identifier", void 0), s = e, r = v(
-      () => A({
+    const t = Q("table-data", void 0), l = Q("table-identifier", void 0), s = e, r = p(
+      () => D({
         "nmorph-table-column": []
       })
-    ), i = y(0);
+    ), i = x(0);
     J("column-property", s.prop), J("table-identifier", l), U(() => {
       u();
     });
@@ -5068,14 +5068,14 @@ const v2 = /* @__PURE__ */ T({
         return;
       const { columns: h } = t;
       i.value = h.value.length + 1, t.columns.value = [...h.value, { ...s, id: i.value }];
-    }, d = y(null);
-    return (h, p) => (n(), a("div", {
+    }, d = x(null);
+    return (h, m) => (n(), a("div", {
       ref_key: "columnDOMEl",
       ref: d,
       "data-id": i.value,
       class: V(r.value)
     }, [
-      S(h.$slots, "default", {
+      A(h.$slots, "default", {
         scope: { columns: _(t)?.columns.value, rows: _(t)?.rows.value, tableId: _(l) }
       })
     ], 10, Vg));
@@ -5091,8 +5091,8 @@ const v2 = /* @__PURE__ */ T({
   },
   emits: ["close"],
   setup(e, { emit: t }) {
-    const l = e, s = v(
-      () => A({
+    const l = e, s = p(
+      () => D({
         nmorph: [te[l.height]],
         "nmorph-tag": [`${l.transparent && "transparent"}`]
       })
@@ -5130,21 +5130,21 @@ const zg = { class: "nmorph-alert__wrapper" }, Bg = {
   },
   emits: ["close"],
   setup(e, { emit: t }) {
-    const l = e, s = t, r = y(!1), i = v(
-      () => A({
+    const l = e, s = t, r = x(!1), i = p(
+      () => D({
         "nmorph-alert": [l.color, `${r.value && "hide"}`]
       })
     ), u = () => {
       r.value = !0, s("close");
-    }, d = v(() => l.color), h = Ge();
-    return (p, g) => _(h).default || l.title || l.content ? (n(), a("div", {
+    }, d = p(() => l.color), h = Ge();
+    return (m, g) => _(h).default || l.title || l.content ? (n(), a("div", {
       key: 0,
       class: V(i.value)
     }, [
       o("div", zg, [
         l.showIcon ? (n(), a("div", Bg, [
-          S(p.$slots, "icon", {}, () => [
-            b(_(P), {
+          A(m.$slots, "icon", {}, () => [
+            M(_(P), {
               name: d.value,
               size: "medium"
             }, null, 8, ["name"])
@@ -5152,12 +5152,12 @@ const zg = { class: "nmorph-alert__wrapper" }, Bg = {
         ])) : O("", !0),
         o("div", Sg, [
           o("div", Ag, [
-            l.title || _(h).title ? S(p.$slots, "title", { key: 0 }, () => [
+            l.title || _(h).title ? A(m.$slots, "title", { key: 0 }, () => [
               ee(R(l.title), 1)
             ]) : O("", !0)
           ]),
           o("div", Dg, [
-            S(p.$slots, "default", {}, () => [
+            A(m.$slots, "default", {}, () => [
               ee(R(l.content), 1)
             ])
           ])
@@ -5167,7 +5167,7 @@ const zg = { class: "nmorph-alert__wrapper" }, Bg = {
           class: "nmorph-alert__close",
           onClick: u
         }, [
-          b(_(P), {
+          M(_(P), {
             name: "cross",
             width: "14px",
             height: "14px"
@@ -5186,8 +5186,8 @@ const Og = { class: "nmorph-dialog__header" }, Pg = { class: "nmorph-dialog__tit
   },
   emits: ["on-close", "update:modelValue"],
   setup(e, { emit: t }) {
-    const l = e, s = t, r = v(
-      () => A({
+    const l = e, s = t, r = p(
+      () => D({
         "nmorph-dialog": []
       })
     ), i = () => {
@@ -5202,15 +5202,15 @@ const Og = { class: "nmorph-dialog__header" }, Pg = { class: "nmorph-dialog__tit
           class: V(r.value)
         }, [
           o("div", Og, [
-            S(u.$slots, "header", {}, () => [
+            A(u.$slots, "header", {}, () => [
               o("div", Pg, R(l.title), 1),
               o("div", {
                 class: "nmorph-dialog__close-icon",
                 onClick: i
               }, [
-                b(_(W), null, {
+                M(_(W), null, {
                   default: E(() => [
-                    b(_(P), { name: "cross" })
+                    M(_(P), { name: "cross" })
                   ]),
                   _: 1
                 })
@@ -5218,7 +5218,7 @@ const Og = { class: "nmorph-dialog__header" }, Pg = { class: "nmorph-dialog__tit
             ])
           ]),
           o("div", qg, [
-            S(u.$slots, "default")
+            A(u.$slots, "default")
           ])
         ], 2)
       ]),
@@ -5228,7 +5228,7 @@ const Og = { class: "nmorph-dialog__header" }, Pg = { class: "nmorph-dialog__tit
 });
 var Eg = /* @__PURE__ */ ((e) => (e["contains-one"] = "contains-one", e["not-contains"] = "not-contains", e["full-eq"] = "full-eq", e))(Eg || {}), Fg = /* @__PURE__ */ ((e) => (e.eq = "eq", e.gte = "gte", e.lte = "lte", e.gt = "gt", e.lt = "lt", e))(Fg || {}), jg = /* @__PURE__ */ ((e) => (e.eq = "eq", e["not-eq"] = "not-eq", e))(jg || {});
 const qe = (e) => {
-  const { inputValue: t, rules: l } = e, s = y([]), r = v(() => s.value.length === 0), i = y(!1);
+  const { inputValue: t, rules: l } = e, s = x([]), r = p(() => s.value.length === 0), i = x(!1);
   return {
     touched: i,
     valid: r,
@@ -5236,53 +5236,53 @@ const qe = (e) => {
     validate: () => {
       if (t === null || !l.length)
         return null;
-      const d = t, h = ($) => l.length > 0 && $ in l[0], p = typeof d == "string" && h("pattern"), g = typeof d == "number" && h("numberCompareType"), C = typeof d == "string" || typeof d == "boolean" && h("booleanCompareType"), x = Array.isArray(d) && h("arrayCompareType");
-      if (!g && !p && !C && !x)
+      const d = t, h = (w) => l.length > 0 && w in l[0], m = typeof d == "string" && h("pattern"), g = typeof d == "number" && h("numberCompareType"), C = typeof d == "string" || typeof d == "boolean" && h("booleanCompareType"), y = Array.isArray(d) && h("arrayCompareType");
+      if (!g && !m && !C && !y)
         return console.warn("The input value and the provided rules do not match"), null;
-      if (i.value || (i.value = !0), p) {
-        const $ = l;
-        s.value = $.reduce((m, w) => (d.match(w.pattern) || m.push(w.error), m), []);
+      if (i.value || (i.value = !0), m) {
+        const w = l;
+        s.value = w.reduce((v, $) => (d.match($.pattern) || v.push($.error), v), []);
       }
       if (g) {
-        const $ = (w, f, k) => {
-          switch (k) {
+        const w = ($, f, H) => {
+          switch (H) {
             case "eq":
-              return w === f;
+              return $ === f;
             case "gt":
-              return w > f;
+              return $ > f;
             case "lt":
-              return w < f;
+              return $ < f;
             case "lte":
-              return w <= f;
+              return $ <= f;
             case "gte":
-              return w >= f;
+              return $ >= f;
           }
-        }, m = l;
-        s.value = m.reduce((w, f) => ($(d, f.compareValue, f.numberCompareType) && w.push(f.error), w), []);
+        }, v = l;
+        s.value = v.reduce(($, f) => (w(d, f.compareValue, f.numberCompareType) && $.push(f.error), $), []);
       }
       if (C) {
-        const $ = l;
-        s.value = $.reduce((m, w) => {
+        const w = l;
+        s.value = w.reduce((v, $) => {
           let f = !1;
-          const { compareValue: k, booleanCompareType: H } = w;
-          return H === "not-eq" && (f = d === k), H === "eq" && (f = d !== k), f || m.push(w.error), m;
+          const { compareValue: H, booleanCompareType: k } = $;
+          return k === "not-eq" && (f = d === H), k === "eq" && (f = d !== H), f || v.push($.error), v;
         }, []);
       }
-      if (x) {
-        const $ = l, m = (w, f, k) => {
-          switch (k) {
+      if (y) {
+        const w = l, v = ($, f, H) => {
+          switch (H) {
             case "contains-one":
-              return w.some((B) => f.includes(B));
+              return $.some((S) => f.includes(S));
             case "full-eq":
-              if (w.length !== f.length)
+              if ($.length !== f.length)
                 return !1;
-              const H = [...w].sort(), D = [...f].sort();
-              return H.every((B, z) => B === D[z]);
+              const k = [...$].sort(), B = [...f].sort();
+              return k.every((S, z) => S === B[z]);
             case "not-contains":
-              return !w.some((B) => f.includes(B));
+              return !$.some((S) => f.includes(S));
           }
         };
-        s.value = $.reduce((w, f) => (m(d, f.compareValue, f.arrayCompareType) || w.push(f.error), w), []);
+        s.value = w.reduce(($, f) => (v(d, f.compareValue, f.arrayCompareType) || $.push(f.error), $), []);
       }
     }
   };
@@ -5292,19 +5292,19 @@ const qe = (e) => {
       l[d] = qe({ inputValue: h.value, rules: h.rules }), l[d].validate();
     });
   }, i = (d, h) => Object.keys(h).filter((g) => {
-    const C = d[g] ? JSON.stringify(d[g]) : null, x = JSON.stringify(h[g]);
-    return C !== x;
+    const C = d[g] ? JSON.stringify(d[g]) : null, y = JSON.stringify(h[g]);
+    return C !== y;
   });
   return K(e, (d) => {
-    i(s, d).forEach((p) => {
-      const g = d[p];
-      l[p] = qe({ inputValue: g.value, rules: g.rules }), l[p].validate();
+    i(s, d).forEach((m) => {
+      const g = d[m];
+      l[m] = qe({ inputValue: g.value, rules: g.rules }), l[m].validate();
     }), Object.assign(s, Ae(d));
   }, { deep: !0 }), t && r(), {
     fields: l
   };
 }, g2 = (e) => {
-  const { initialPlacement: t, relativeElement: l, contentDOMElement: s, yOffset: r = 0, xOffset: i = 0 } = e, u = y(t), d = y({ x: "0px", y: "0px" });
+  const { initialPlacement: t, relativeElement: l, contentDOMElement: s, yOffset: r = 0, xOffset: i = 0 } = e, u = x(t), d = x({ x: "0px", y: "0px" });
   U(() => {
     h();
   });
@@ -5314,18 +5314,18 @@ const qe = (e) => {
         console.warn("There is no relative element or content DOM element");
         return;
       }
-      const p = s.value.getBoundingClientRect(), g = p.width, C = p.height, x = "value" in l ? l.value : l;
-      if (!x) {
+      const m = s.value.getBoundingClientRect(), g = m.width, C = m.height, y = "value" in l ? l.value : l;
+      if (!y) {
         console.warn("Relative element is not an HTMLElement");
         return;
       }
-      const M = x.getBoundingClientRect(), { x: $, y: m } = M, w = M.width, f = M.height, k = window.innerWidth, H = window.innerHeight;
-      u.value === "top" && m - C < 0 && (u.value = "bottom"), u.value === "bottom" && m + f + C > H && (u.value = "top"), u.value === "left" && $ - g < 0 && (u.value = "right"), u.value === "right" && $ + w + g > k && (u.value = "left"), u.value === "top" && (d.value = { x: `${$ + i}px`, y: `${m + r}px` }), u.value === "bottom" && (d.value = { x: `${$ + i}px`, y: `${m + f + r}px` }), u.value === "right" && (d.value = { x: `${$ + i}px`, y: `${m + r}px` }), u.value === "left" && (d.value = { x: `${$ + w + i}px`, y: `${m + r}px` });
+      const b = y.getBoundingClientRect(), { x: w, y: v } = b, $ = b.width, f = b.height, H = window.innerWidth, k = window.innerHeight;
+      u.value === "top" && v - C < 0 && (u.value = "bottom"), u.value === "bottom" && v + f + C > k && (u.value = "top"), u.value === "left" && w - g < 0 && (u.value = "right"), u.value === "right" && w + $ + g > H && (u.value = "left"), u.value === "top" && (d.value = { x: `${w + i}px`, y: `${v + r}px` }), u.value === "bottom" && (d.value = { x: `${w + i}px`, y: `${v + f + r}px` }), u.value === "right" && (d.value = { x: `${w + i}px`, y: `${v + r}px` }), u.value === "left" && (d.value = { x: `${w + $ + i}px`, y: `${v + r}px` });
     });
   };
   return { placement: u, placementCoords: d };
 }, Hx = () => {
-}, Ug = "@nmorph/nmorph-ui-kit", Yg = "module", Lg = "0.2.6", Gg = "MIT", Kg = {
+}, Ug = "@nmorph/nmorph-ui-kit", Yg = "module", Lg = "0.2.7", Gg = "MIT", Kg = {
   node: "18.13.0",
   npm: "8.19.3"
 }, Xg = "./dist/index.d.ts", Jg = "./dist/index.umd.js", Qg = "./dist/index.es.js", Zg = "./dist/style.css", Ng = [
@@ -5485,54 +5485,56 @@ const qe = (e) => {
   l = Math.round(l * (1 + t / 100)), s = Math.round(s * (1 + t / 100)), r = Math.round(r * (1 + t / 100)), l = Math.min(255, Math.max(0, l)), s = Math.min(255, Math.max(0, s)), r = Math.min(255, Math.max(0, r));
   const i = l.toString(16).padStart(2, "0"), u = s.toString(16).padStart(2, "0"), d = r.toString(16).padStart(2, "0");
   return `#${i}${u}${d}`;
-}, hw = (e) => {
+}, hw = (e, t = !1) => {
   U2("warn", `NMORPH(v${lw.version})`);
-  const t = { ...cw, ...e }, l = (x) => {
+  const l = { ...cw, ...e }, s = (w) => {
     try {
-      const M = dw(x), $ = Re(M, t.darkShadeGeneratorCoefficient), m = Re(M, t.lightShadeGeneratorCoefficient);
+      const v = dw(w), $ = Re(v, l.darkShadeGeneratorCoefficient), f = Re(v, l.lightShadeGeneratorCoefficient);
       return [
         { name: "--nmorph-dark-shade-color", color: $ },
-        { name: "--nmorph-light-shade-color", color: m }
+        { name: "--nmorph-light-shade-color", color: f }
       ];
-    } catch (M) {
-      console.error(M.message);
+    } catch (v) {
+      console.error(v.message);
     }
-  }, s = (x) => Object.entries(x).map(([M, $]) => ({
-    name: `--nmorph-${De(M)}-color`,
+  }, r = (w) => Object.entries(w).map(([v, $]) => ({
+    name: `--nmorph-${De(v)}-color`,
     color: $
-  })), r = (x, M) => {
-    const $ = (f) => f.map((k) => `${k.name}: ${k.color};`).join(" "), m = Object.entries(M).map(([f, k]) => `--${De(f)}: ${k};`).join(" "), w = [];
-    return Object.entries(x).forEach(([f, k]) => {
-      if (f === "common")
-        w.push($(uw(w2, k)));
+  })), i = (w, v) => {
+    const $ = (k) => k.map((B) => `${B.name}: ${B.color};`).join(" "), f = Object.entries(v).map(([k, B]) => `--${De(k)}: ${B};`).join(" "), H = [];
+    return Object.entries(w).forEach(([k, B]) => {
+      if (k === "common")
+        H.push($(uw(w2, B)));
       else {
-        const H = `
-          &[${le}='${f}'] {
-            ${$(k)}
+        const S = `
+          &[${le}='${k}'] {
+            ${$(B)}
           }
         `;
-        w.push(H);
+        H.push(S);
       }
     }), `
       :root {
-        ${w.join(" ")}
-        ${m}
+        ${H.join(" ")}
+        ${f}
       }
     `;
-  }, i = {};
-  Object.entries(t.themes).forEach(([x, M]) => {
-    i[x] = [];
-    const $ = !!M.darkShade, m = !!M.lightShade;
-    !!M.main && !$ && !m && (i[x] = l(M.main)), i[x] = [...i[x], ...s(M)];
+  }, u = {};
+  Object.entries(l.themes).forEach(([w, v]) => {
+    u[w] = [];
+    const $ = !!v.darkShade, f = !!v.lightShade;
+    !!v.main && !$ && !f && (u[w] = s(v.main)), u[w] = [...u[w], ...r(v)];
   });
-  const u = document.createElement("style");
-  u.type = "text/css", u.innerHTML = r(i, t.other), document.head.appendChild(u);
-  const d = (x) => {
-    h.value = x, p.setAttribute(le, h.value), t.saveCurrentThemeToLS ? localStorage.setItem(le, x) : localStorage.removeItem(le);
-  }, h = y(t.defaultTheme), p = document.querySelector("html"), g = localStorage.getItem(le), C = i[g];
-  return t.saveCurrentThemeToLS && C && (h.value = localStorage.getItem(le)), d(h.value), {
-    install(x) {
-      x.provide("nmorph", { setTheme: d, currentTheme: D2(h) });
+  const d = document.createElement("style");
+  d.type = "text/css", d.innerHTML = i(u, l.other), document.head.appendChild(d);
+  const h = (w) => {
+    m.value = w, g.setAttribute(le, m.value), l.saveCurrentThemeToLS ? localStorage.setItem(le, w) : localStorage.removeItem(le);
+  }, m = x(l.defaultTheme), g = document.querySelector("html"), C = localStorage.getItem(le), y = u[C];
+  l.saveCurrentThemeToLS && y && (m.value = localStorage.getItem(le)), h(m.value);
+  const b = { setTheme: h, currentTheme: D2(m) };
+  return t ? b : {
+    install(w) {
+      w.provide("nmorph", b);
     }
   };
 }, $2 = {
@@ -5568,21 +5570,21 @@ const qe = (e) => {
   },
   setup(e) {
     N((g) => ({
-      "042206ed": p.value
+      "042206ed": m.value
     }));
-    const t = e, l = y(t.forceShow), s = y(null), r = y(null), { placement: i } = g2({
+    const t = e, l = x(t.forceShow), s = x(null), r = x(null), { placement: i } = g2({
       initialPlacement: "top",
       contentDOMElement: s,
       relativeElement: r
-    }), u = v(
-      () => A({
+    }), u = p(
+      () => D({
         "nmorph-tooltip": [i.value]
       })
     ), d = () => {
       l.value = !0;
     }, h = () => {
       t.forceShow || (l.value = !1);
-    }, p = v(() => t.forceCoordinate ? "100%" : "auto");
+    }, m = p(() => t.forceCoordinate ? "100%" : "auto");
     return (g, C) => (n(), a("div", {
       class: V(u.value)
     }, [
@@ -5597,7 +5599,7 @@ const qe = (e) => {
           ref_key: "slotDOMRef",
           ref: r
         }, [
-          S(g.$slots, "default")
+          A(g.$slots, "default")
         ], 512),
         t.forceCoordinate ? (n(), q(_e, {
           key: 0,
@@ -5626,7 +5628,7 @@ const qe = (e) => {
             l.value ? (n(), a("div", mw, [
               o("div", fw, [
                 gw,
-                t.text ? (n(), a("span", ww, R(g.text), 1)) : S(g.$slots, "content", { key: 1 })
+                t.text ? (n(), a("span", ww, R(g.text), 1)) : A(g.$slots, "content", { key: 1 })
               ])
             ])) : O("", !0)
           ]),
@@ -5676,22 +5678,22 @@ const $w = {
       void 0
     ), r = e;
     U(() => {
-      p("inputDOMRef", i);
+      m("inputDOMRef", i);
     });
-    const i = y(null), u = l !== void 0, d = u ? y(l.value) : y(r.modelValue), h = v(() => u ? l.value.includes(r.id) : r.modelValue), p = t, g = () => {
+    const i = x(null), u = l !== void 0, d = u ? x(l.value) : x(r.modelValue), h = p(() => u ? l.value.includes(r.id) : r.modelValue), m = t, g = () => {
       if (!r.disabled) {
         if (!u) {
-          d.value = !d.value, p("update:modelValue", d.value);
+          d.value = !d.value, m("update:modelValue", d.value);
           return;
         }
         s && Array.isArray(d.value) && s(r.id, d.value);
       }
-    }, C = v(
-      () => A({
+    }, C = p(
+      () => D({
         "nmorph-checkbox": [`${h.value && "checked"}`, `${r.disabled && "disabled"}`, r.styleType]
       })
     );
-    return (x, M) => (n(), a("label", {
+    return (y, b) => (n(), a("label", {
       class: V(C.value)
     }, [
       r.styleType === "checkbox-style" ? (n(), a("div", $w, [
@@ -5711,7 +5713,7 @@ const $w = {
         r.label ? (n(), a("div", Cw, [
           o("span", null, R(r.label), 1)
         ])) : (n(), a("div", kw, [
-          S(x.$slots, "default")
+          A(y.$slots, "default")
         ]))
       ])) : O("", !0),
       r.styleType === "button-style" ? (n(), a("div", Vw, [
@@ -5726,7 +5728,7 @@ const $w = {
         r.label ? (n(), a("div", zw, [
           o("span", null, R(r.label), 1)
         ])) : (n(), a("div", Bw, [
-          S(x.$slots, "label")
+          A(y.$slots, "label")
         ]))
       ])) : O("", !0)
     ], 2));
@@ -5746,10 +5748,10 @@ const Sw = { class: "nmorph-checkbox-group__wrapper" }, Aw = { class: "nmorph-ch
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = e, s = y(l.modelValue), r = t, i = (d) => {
+    const l = e, s = x(l.modelValue), r = t, i = (d) => {
       s.value.includes(d) ? s.value = s.value.filter((h) => h !== d) : s.value.push(d), r("update:modelValue", s.value);
-    }, u = v(
-      () => A({
+    }, u = p(
+      () => D({
         "nmorph-checkbox-group": [l.styleType, l.direction]
       })
     );
@@ -5758,15 +5760,15 @@ const Sw = { class: "nmorph-checkbox-group__wrapper" }, Aw = { class: "nmorph-ch
     }, [
       o("div", Sw, [
         o("div", Aw, [
-          (n(!0), a(Y, null, L(d.options, (p, g) => (n(), q(_(y2), {
-            id: p.id,
+          (n(!0), a(Y, null, L(d.options, (m, g) => (n(), q(_(y2), {
+            id: m.id,
             key: g,
-            label: p.label,
-            "model-value": p.modelValue,
-            disabled: p.disabled,
+            label: m.label,
+            "model-value": m.modelValue,
+            disabled: m.disabled,
             "style-type": l.styleType
           }, null, 8, ["id", "label", "model-value", "disabled", "style-type"]))), 128)),
-          S(d.$slots, "default")
+          A(d.$slots, "default")
         ])
       ])
     ], 2));
@@ -5792,30 +5794,30 @@ const Tw = { class: "nmorph-autocomplete__input-content" }, Ow = {
   },
   emits: ["update:modelValue", "select"],
   setup(e, { emit: t }) {
-    const l = e, s = y(l.modelValue), r = t, i = v(
-      () => A({
+    const l = e, s = x(l.modelValue), r = t, i = p(
+      () => D({
         "nmorph-autocomplete": []
       })
-    ), u = ($) => {
-      s.value = $, r("update:modelValue", s.value);
-    }, d = y(!1), h = y(null), p = () => {
+    ), u = (w) => {
+      s.value = w, r("update:modelValue", s.value);
+    }, d = x(!1), h = x(null), m = () => {
       d.value = !1;
-    }, g = v(() => l.list.filter(($) => Object.keys($).some((m) => String($[m]).toLowerCase().includes(s.value.toLowerCase()))));
-    K(g, ($) => {
-      d.value = $.length > 0;
+    }, g = p(() => l.list.filter((w) => Object.keys(w).some((v) => String(w[v]).toLowerCase().includes(s.value.toLowerCase()))));
+    K(g, (w) => {
+      d.value = w.length > 0;
     });
-    const C = ($) => {
-      r("select", $), s.value = $.value, setTimeout(() => {
+    const C = (w) => {
+      r("select", w), s.value = w.value, setTimeout(() => {
         d.value = !1;
       });
-    }, x = () => {
+    }, y = () => {
       d.value = g.value.length > 0;
-    }, M = y(!1);
-    return K(s, async ($) => {
-      $ !== "" && l.actionCallback && (M.value = !0, await l.actionCallback(), M.value = !1);
-    }), K(M, ($) => {
-      $ && (d.value = !0);
-    }), ($, m) => (n(), a("div", {
+    }, b = x(!1);
+    return K(s, async (w) => {
+      w !== "" && l.actionCallback && (b.value = !0, await l.actionCallback(), b.value = !1);
+    }), K(b, (w) => {
+      w && (d.value = !0);
+    }), (w, v) => (n(), a("div", {
       class: V(i.value)
     }, [
       o("div", Tw, [
@@ -5824,14 +5826,14 @@ const Tw = { class: "nmorph-autocomplete__input-content" }, Ow = {
           ref: h,
           class: "nmorph-autocomplete__input"
         }, [
-          b(_(V2), {
+          M(_(V2), {
             fill: l.fill,
             height: l.height,
             disabled: l.disabled,
             "model-value": s.value,
             placeholder: l.placeholder,
             clearable: l.clearable,
-            onFocus: x,
+            onFocus: y,
             "onUpdate:modelValue": u
           }, null, 8, ["fill", "height", "disabled", "model-value", "placeholder", "clearable"])
         ], 512)
@@ -5840,24 +5842,24 @@ const Tw = { class: "nmorph-autocomplete__input-content" }, Ow = {
         key: 0,
         open: d.value,
         "relative-element": h.value,
-        onOnOutsideClick: p
+        onOnOutsideClick: m
       }, {
         default: E(() => [
-          M.value ? (n(), a("div", Ow, [
-            S($.$slots, "loader", {}, () => [
-              b(_(P), {
+          b.value ? (n(), a("div", Ow, [
+            A(w.$slots, "loader", {}, () => [
+              M(_(P), {
                 name: "loader",
                 size: "large"
               })
             ])
           ])) : (n(), a("div", Pw, [
-            (n(!0), a(Y, null, L(g.value, (w, f) => (n(), a("div", {
+            (n(!0), a(Y, null, L(g.value, ($, f) => (n(), a("div", {
               key: f,
               class: "nmorph-autocomplete__list-item",
-              onClick: () => C(w)
+              onClick: () => C($)
             }, [
-              S($.$slots, "default", { scope: w }, () => [
-                ee(R(w.value), 1)
+              A(w.$slots, "default", { scope: $ }, () => [
+                ee(R($.value), 1)
               ])
             ], 8, qw))), 128))
           ]))
@@ -5871,15 +5873,15 @@ const Fe = /* @__PURE__ */ T({
   __name: "NmorphClearButton",
   emits: ["clear"],
   setup(e, { emit: t }) {
-    const l = t, s = v(
-      () => A({
+    const l = t, s = p(
+      () => D({
         "nmorph-input-clear-button": []
       })
     );
     return (r, i) => (n(), a("div", {
       class: V(s.value)
     }, [
-      b(_(P), {
+      M(_(P), {
         name: "error",
         onClick: i[0] || (i[0] = oe((u) => l("clear"), ["stop"]))
       })
@@ -5907,84 +5909,84 @@ const Fe = /* @__PURE__ */ T({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = e, s = y(l.initialStartDate), r = y(
+    const l = e, s = x(l.initialStartDate), r = x(
       l.initialEndDate ?? new Date(new Date(l.initialStartDate).setMonth(l.initialStartDate.getMonth() + 1))
-    ), i = y(l.modelValue), u = t, d = v(
-      () => A({
+    ), i = x(l.modelValue), u = t, d = p(
+      () => D({
         nmorph: [te[l.height]],
         "nmorph-date-picker": [`${l.disabled && "disabled"}`, l.type]
       })
-    ), h = y(!1), p = y(null), g = () => {
+    ), h = x(!1), m = x(null), g = () => {
       h.value = !1;
     }, C = () => {
       h.value = !h.value;
-    }, x = v(() => i.value ? Array.isArray(i.value) ? i.value.length === 0 ? l.placeholder : se(i.value).join(", ") : se(i.value) : l.placeholder), M = v(() => {
+    }, y = p(() => i.value ? Array.isArray(i.value) ? i.value.length === 0 ? l.placeholder : se(i.value).join(", ") : se(i.value) : l.placeholder), b = p(() => {
       if (Array.isArray(i.value)) {
-        const H = se(i.value[0]) ?? l.startDatePlaceholder, D = se(i.value[1]) ?? l.endDatePlaceholder;
+        const k = se(i.value[0]) ?? l.startDatePlaceholder, B = se(i.value[1]) ?? l.endDatePlaceholder;
         return {
-          from: H,
-          to: D
+          from: k,
+          to: B
         };
       } else
         return { from: l.startDatePlaceholder, to: l.endDatePlaceholder };
-    }), $ = () => {
-      const H = Array.isArray(i.value) ? [] : null;
-      i.value = H, u("update:modelValue", i.value);
+    }), w = () => {
+      const k = Array.isArray(i.value) ? [] : null;
+      i.value = k, u("update:modelValue", i.value);
     };
     l.type === "date" && Array.isArray(i.value) && console.warn('If you decide to use type "date" the passed property must be an Date object'), (l.type === "dates" || l.type === "daterange") && !Array.isArray(i.value) && console.warn('If you decide to use type "dates" or "daterange" the passed property must be an array');
-    const m = (H) => {
-      const D = H;
+    const v = (k) => {
+      const B = k;
       if (Array.isArray(i.value)) {
         if (l.type === "dates") {
-          const B = D.toDateString(), z = i.value.map((j) => j?.toDateString()), F = z.findIndex((j) => B === j);
-          z.includes(B) ? i.value.splice(F, 1) : i.value.push(D);
+          const S = B.toDateString(), z = i.value.map((j) => j?.toDateString()), F = z.findIndex((j) => S === j);
+          z.includes(S) ? i.value.splice(F, 1) : i.value.push(B);
         }
       } else
-        i.value = D;
+        i.value = B;
       u("update:modelValue", i.value);
-    }, w = v(() => Array.isArray(i.value) ? i.value.length > 0 : !!i.value), f = (H) => {
-      Array.isArray(i.value) && (i.value[0] = H, u("update:modelValue", i.value));
-    }, k = (H) => {
-      Array.isArray(i.value) && (i.value[1] = H, u("update:modelValue", i.value));
+    }, $ = p(() => Array.isArray(i.value) ? i.value.length > 0 : !!i.value), f = (k) => {
+      Array.isArray(i.value) && (i.value[0] = k, u("update:modelValue", i.value));
+    }, H = (k) => {
+      Array.isArray(i.value) && (i.value[1] = k, u("update:modelValue", i.value));
     };
-    return (H, D) => (n(), a("div", {
+    return (k, B) => (n(), a("div", {
       class: V(d.value)
     }, [
       l.type === "date" || l.type === "dates" ? (n(), a("div", Ew, [
         o("div", {
           ref_key: "nmorphInputDOMRef",
-          ref: p,
+          ref: m,
           class: V(["nmorph-date-picker__input", { "nmorph-date-picker__input--open": h.value }]),
           onClick: C
         }, [
           Fw,
-          b(_(P), {
+          M(_(P), {
             name: "calendar",
             class: "nmorph-date-picker__calendar-icon"
           }),
-          o("div", jw, R(x.value), 1),
+          o("div", jw, R(y.value), 1),
           o("div", Ww, [
-            w.value ? (n(), q(Fe, {
+            $.value ? (n(), q(Fe, {
               key: 0,
-              onClear: $
+              onClear: w
             })) : O("", !0)
           ])
         ], 2),
         o("div", Uw, [
-          p.value ? (n(), q(_(ae), {
+          m.value ? (n(), q(_(ae), {
             key: 0,
             "fill-width": !1,
             width: 324,
             open: h.value,
-            "relative-element": p.value,
+            "relative-element": m.value,
             onOnOutsideClick: g
           }, {
             default: E(() => [
-              b(_(he), {
+              M(_(he), {
                 "selected-values": i.value,
                 "initial-date": s.value,
-                type: H.type,
-                onUpdateSelectedValue: m
+                type: k.type,
+                onUpdateSelectedValue: v
               }, null, 8, ["selected-values", "initial-date", "type"])
             ]),
             _: 1
@@ -5994,49 +5996,49 @@ const Fe = /* @__PURE__ */ T({
       l.type === "daterange" ? (n(), a("div", Yw, [
         o("div", {
           ref_key: "nmorphInputDOMRef",
-          ref: p,
+          ref: m,
           class: V(["nmorph-date-picker__input", { "nmorph-date-picker__input--open": h.value }]),
           onClick: C
         }, [
           Lw,
-          b(_(P), {
+          M(_(P), {
             name: "calendar",
             class: "nmorph-date-picker__calendar-icon"
           }),
           o("div", Gw, [
-            o("div", Kw, R(M.value.from), 1),
+            o("div", Kw, R(b.value.from), 1),
             o("div", Xw, R(l.textSeparator), 1),
-            o("div", Jw, R(M.value.to), 1)
+            o("div", Jw, R(b.value.to), 1)
           ]),
           o("div", Qw, [
-            w.value ? (n(), q(Fe, {
+            $.value ? (n(), q(Fe, {
               key: 0,
-              onClear: $
+              onClear: w
             })) : O("", !0)
           ])
         ], 2),
         o("div", Zw, [
-          p.value ? (n(), q(_(ae), {
+          m.value ? (n(), q(_(ae), {
             key: 0,
             "fill-width": !1,
             width: 648,
             open: h.value,
-            "relative-element": p.value,
+            "relative-element": m.value,
             onOnOutsideClick: g
           }, {
             default: E(() => [
-              b(_(he), {
+              M(_(he), {
                 "selected-values": i.value,
                 "initial-date": s.value,
-                type: H.type,
+                type: k.type,
                 onUpdateSelectedValue: f
               }, null, 8, ["selected-values", "initial-date", "type"]),
-              b(_(S2), { direction: "vertical" }),
-              b(_(he), {
+              M(_(S2), { direction: "vertical" }),
+              M(_(he), {
                 "selected-values": i.value,
                 "initial-date": r.value,
-                type: H.type,
-                onUpdateSelectedValue: k
+                type: k.type,
+                onUpdateSelectedValue: H
               }, null, 8, ["selected-values", "initial-date", "type"])
             ]),
             _: 1
@@ -6055,11 +6057,11 @@ const Iw = { class: "nmorph-year-month-picker__header" }, e$ = { class: "nmorph-
   },
   emits: ["update-year", "update-month", "back-to-years"],
   setup(e, { emit: t }) {
-    const l = be.map((w, f) => ({
-      label: w.substring(0, 3),
+    const l = be.map(($, f) => ({
+      label: $.substring(0, 3),
       value: String(f)
-    })), s = e, r = y(l), i = y(String(s.currentDate.getMonth())), u = y(s.currentDate.getFullYear()), d = () => {
-      const w = s.currentDate.getFullYear(), f = a2(w).map((k) => ({ label: String(k), value: String(k) }));
+    })), s = e, r = x(l), i = x(String(s.currentDate.getMonth())), u = x(s.currentDate.getFullYear()), d = () => {
+      const $ = s.currentDate.getFullYear(), f = a2($).map((H) => ({ label: String(H), value: String(H) }));
       r.value = f;
     };
     K(
@@ -6072,38 +6074,38 @@ const Iw = { class: "nmorph-year-month-picker__header" }, e$ = { class: "nmorph-
         deep: !0
       }
     );
-    const h = t, p = v(
-      () => A({
+    const h = t, m = p(
+      () => D({
         "nmorph-year-month-picker": []
       })
-    ), g = (w) => {
-      i.value = w, s.type === "month" ? h("update-month", i.value) : h("update-year", i.value);
-    }, C = (w) => {
+    ), g = ($) => {
+      i.value = $, s.type === "month" ? h("update-month", i.value) : h("update-year", i.value);
+    }, C = ($) => {
       r.value = r.value.map((f) => {
-        const k = String(w === "decrease" ? Number(f.value) - 10 : Number(f.value) + 10);
+        const H = String($ === "decrease" ? Number(f.value) - 10 : Number(f.value) + 10);
         return {
-          label: k,
-          value: k
+          label: H,
+          value: H
         };
       });
-    }, x = (w) => {
-      w === "decrease" ? u.value = u.value - 1 : u.value = u.value + 1, h("update-year", String(u.value));
-    }, M = (w) => {
-      w === "decrease" ? s.type === "year" ? C("decrease") : x("decrease") : s.type === "year" ? C("increase") : x("increase");
-    }, $ = v(() => s.type === "year" ? `${r.value[0].label} - ${r.value[r.value.length - 1].label}` : String(u.value)), m = () => {
+    }, y = ($) => {
+      $ === "decrease" ? u.value = u.value - 1 : u.value = u.value + 1, h("update-year", String(u.value));
+    }, b = ($) => {
+      $ === "decrease" ? s.type === "year" ? C("decrease") : y("decrease") : s.type === "year" ? C("increase") : y("increase");
+    }, w = p(() => s.type === "year" ? `${r.value[0].label} - ${r.value[r.value.length - 1].label}` : String(u.value)), v = () => {
       s.type === "month" && h("back-to-years");
     };
-    return (w, f) => (n(), a("div", {
-      class: V(p.value)
+    return ($, f) => (n(), a("div", {
+      class: V(m.value)
     }, [
       o("div", Iw, [
-        b(_(W), {
+        M(_(W), {
           class: "nmorph-year-month-picker__action-btn",
           "style-type": "transparent",
-          onClick: f[0] || (f[0] = (k) => M("decrease"))
+          onClick: f[0] || (f[0] = (H) => b("decrease"))
         }, {
           default: E(() => [
-            b(_(P), {
+            M(_(P), {
               name: "chevron-down",
               class: "nmorph-year-month-picker__chevron-left"
             })
@@ -6111,19 +6113,19 @@ const Iw = { class: "nmorph-year-month-picker__header" }, e$ = { class: "nmorph-
           _: 1
         }),
         o("div", e$, [
-          b(_(W), {
-            text: $.value,
+          M(_(W), {
+            text: w.value,
             "style-type": "transparent",
-            onClick: m
+            onClick: v
           }, null, 8, ["text"])
         ]),
-        b(_(W), {
+        M(_(W), {
           class: "nmorph-year-month-picker__action-btn",
           "style-type": "transparent",
-          onClick: f[1] || (f[1] = (k) => M("increase"))
+          onClick: f[1] || (f[1] = (H) => b("increase"))
         }, {
           default: E(() => [
-            b(_(P), {
+            M(_(P), {
               name: "chevron-down",
               class: "nmorph-year-month-picker__chevron-right"
             })
@@ -6132,7 +6134,7 @@ const Iw = { class: "nmorph-year-month-picker__header" }, e$ = { class: "nmorph-
         })
       ]),
       o("div", t$, [
-        b(_(Ve), {
+        M(_(Ve), {
           "model-value": i.value,
           options: r.value,
           fill: "",
@@ -6151,34 +6153,34 @@ const he = /* @__PURE__ */ T({
   },
   emits: ["update-selected-value"],
   setup(e, { emit: t }) {
-    const l = e, s = t, r = v(
-      () => A({
+    const l = e, s = t, r = p(
+      () => D({
         "nmorph-date-picker-content": []
       })
-    ), i = y(l.initialDate), u = y("calendar"), d = v(() => new Date(i.value.setMonth(i.value.getMonth() - 1))), h = v(() => new Date(i.value.setMonth(i.value.getMonth() + 1))), p = v(() => new Date(i.value.setFullYear(i.value.getFullYear() - 1))), g = v(() => new Date(i.value.setFullYear(i.value.getFullYear() + 1))), C = () => {
+    ), i = x(l.initialDate), u = x("calendar"), d = p(() => new Date(i.value.setMonth(i.value.getMonth() - 1))), h = p(() => new Date(i.value.setMonth(i.value.getMonth() + 1))), m = p(() => new Date(i.value.setFullYear(i.value.getFullYear() - 1))), g = p(() => new Date(i.value.setFullYear(i.value.getFullYear() + 1))), C = () => {
       i.value = d.value;
-    }, x = () => {
+    }, y = () => {
       i.value = h.value;
-    }, M = () => {
-      i.value = p.value;
-    }, $ = () => {
+    }, b = () => {
+      i.value = m.value;
+    }, w = () => {
       i.value = g.value;
-    }, m = () => {
+    }, v = () => {
       u.value = "year";
-    }, w = () => {
+    }, $ = () => {
       u.value = "month";
-    }, f = (B) => {
-      const z = new Date(i.value.setFullYear(Number(B)));
+    }, f = (S) => {
+      const z = new Date(i.value.setFullYear(Number(S)));
       i.value = z, u.value = "month";
-    }, k = (B) => {
-      const z = new Date(i.value.setMonth(Number(B)));
+    }, H = (S) => {
+      const z = new Date(i.value.setMonth(Number(S)));
       i.value = z, u.value = "calendar";
-    }, H = () => {
+    }, k = () => {
       u.value = "year";
-    }, D = (B) => {
-      s("update-selected-value", B);
+    }, B = (S) => {
+      s("update-selected-value", S);
     };
-    return (B, z) => (n(), a("div", {
+    return (S, z) => (n(), a("div", {
       class: V(r.value)
     }, [
       u.value === "calendar" ? (n(), q(_(l2), {
@@ -6186,17 +6188,17 @@ const he = /* @__PURE__ */ T({
         type: l.type,
         "selected-values": l.selectedValues,
         "initial-date": i.value,
-        "onUpdate:modelValue": D
+        "onUpdate:modelValue": B
       }, {
         header: E(() => [
-          b(_(C2), {
+          M(_(C2), {
             date: i.value,
             onPrevMonth: C,
-            onNextMonth: x,
-            onPrevYear: M,
-            onNextYear: $,
-            onChangeYear: m,
-            onChangeMonth: w
+            onNextMonth: y,
+            onPrevYear: b,
+            onNextYear: w,
+            onChangeYear: v,
+            onChangeMonth: $
           }, null, 8, ["date"])
         ]),
         _: 1
@@ -6212,8 +6214,8 @@ const he = /* @__PURE__ */ T({
         type: "month",
         "current-date": i.value,
         onUpdateYear: f,
-        onUpdateMonth: k,
-        onBackToYears: H
+        onUpdateMonth: H,
+        onBackToYears: k
       }, null, 8, ["current-date"])) : O("", !0)
     ], 2));
   }
@@ -6224,8 +6226,8 @@ const he = /* @__PURE__ */ T({
   },
   emits: ["prev-month", "next-month", "prev-year", "next-year", "change-year", "change-month"],
   setup(e, { emit: t }) {
-    const l = e, s = t, r = v(
-      () => A({
+    const l = e, s = t, r = p(
+      () => D({
         "nmorph-date-picker-header": []
       })
     );
@@ -6233,26 +6235,26 @@ const he = /* @__PURE__ */ T({
       class: V(r.value)
     }, [
       o("div", o$, [
-        b(_(W), {
+        M(_(W), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
           onClick: u[0] || (u[0] = (d) => s("prev-year"))
         }, {
           default: E(() => [
-            b(_(P), {
+            M(_(P), {
               name: "chevron-double-down",
               class: "nmorph-date-picker-header__chevron-double-left"
             })
           ]),
           _: 1
         }),
-        b(_(W), {
+        M(_(W), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
           onClick: u[1] || (u[1] = (d) => s("prev-month"))
         }, {
           default: E(() => [
-            b(_(P), {
+            M(_(P), {
               name: "chevron-down",
               class: "nmorph-date-picker-header__chevron-left"
             })
@@ -6261,13 +6263,13 @@ const he = /* @__PURE__ */ T({
         })
       ]),
       o("div", n$, [
-        b(_(W), {
+        M(_(W), {
           text: String(l.date.getFullYear()),
           "style-type": "transparent",
           fill: "",
           onClick: u[2] || (u[2] = (d) => s("change-year"))
         }, null, 8, ["text"]),
-        b(_(W), {
+        M(_(W), {
           text: _(Ce)(l.date.getMonth()),
           "style-type": "transparent",
           fill: "",
@@ -6275,26 +6277,26 @@ const he = /* @__PURE__ */ T({
         }, null, 8, ["text"])
       ]),
       o("div", l$, [
-        b(_(W), {
+        M(_(W), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
           onClick: u[4] || (u[4] = (d) => s("next-month"))
         }, {
           default: E(() => [
-            b(_(P), {
+            M(_(P), {
               name: "chevron-down",
               class: "nmorph-date-picker-header__chevron-right"
             })
           ]),
           _: 1
         }),
-        b(_(W), {
+        M(_(W), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
           onClick: u[5] || (u[5] = (d) => s("next-year"))
         }, {
           default: E(() => [
-            b(_(P), {
+            M(_(P), {
               name: "chevron-double-down",
               class: "nmorph-date-picker-header__chevron-double-right"
             })
@@ -6317,47 +6319,47 @@ const a$ = { class: "nmorph-file-upload__trigger" }, s$ = ["multiple"], r$ = { c
   },
   emits: ["inputDOMRef", "update:modelValue", "on-unsupported-file-type-error"],
   setup(e, { emit: t }) {
-    const l = e, s = (M) => M.split("/")[1], r = (M) => {
-      const $ = s(M);
-      let m = "doc";
-      return $ in pe && (m = "image"), $ in fe && (m = "audio"), $ in me && (m = "video"), $ in ge && (m = "archive"), m;
+    const l = e, s = (b) => b.split("/")[1], r = (b) => {
+      const w = s(b);
+      let v = "doc";
+      return w in pe && (v = "image"), w in fe && (v = "audio"), w in me && (v = "video"), w in ge && (v = "archive"), v;
     };
     let i = re(l.modelValue);
-    const u = y(null), d = () => {
+    const u = x(null), d = () => {
       u.value && u.value.click();
-    }, h = (M) => {
-      const $ = M.target;
-      if ($.files) {
-        if (Array.from($.files).forEach((m) => {
-          const w = s(m.type);
-          if (!l.allowedTypes.includes(w))
-            return C("on-unsupported-file-type-error", m.type);
-          const f = URL.createObjectURL(m), k = { data: m, previewUrl: f };
-          i.push(k);
+    }, h = (b) => {
+      const w = b.target;
+      if (w.files) {
+        if (Array.from(w.files).forEach((v) => {
+          const $ = s(v.type);
+          if (!l.allowedTypes.includes($))
+            return C("on-unsupported-file-type-error", v.type);
+          const f = URL.createObjectURL(v), H = { data: v, previewUrl: f };
+          i.push(H);
         }), i.length === 0)
           return;
-        p();
+        m();
       }
-    }, p = () => {
+    }, m = () => {
       C(
         "update:modelValue",
-        i.map((M) => M.data)
+        i.map((b) => b.data)
       );
-    }, g = (M) => {
-      const $ = i.findIndex((m) => m.data.name === M);
-      $ !== -1 && (URL.revokeObjectURL(i[$].previewUrl), i.splice($, 1), p());
+    }, g = (b) => {
+      const w = i.findIndex((v) => v.data.name === b);
+      w !== -1 && (URL.revokeObjectURL(i[w].previewUrl), i.splice(w, 1), m());
     };
     U(() => {
       C("inputDOMRef", u);
     });
-    const C = t, x = v(
-      () => A({
+    const C = t, y = p(
+      () => D({
         nmorph: [`${l.fill && "fill"}`],
         "nmorph-file-upload": [`${l.disabled && "disabled"}`]
       })
     );
-    return (M, $) => (n(), a("div", {
-      class: V(x.value)
+    return (b, w) => (n(), a("div", {
+      class: V(y.value)
     }, [
       o("div", a$, [
         o("input", {
@@ -6368,8 +6370,8 @@ const a$ = { class: "nmorph-file-upload__trigger" }, s$ = ["multiple"], r$ = { c
           class: "nmorph-native-input",
           onChange: h
         }, null, 40, s$),
-        S(M.$slots, "trigger", {}, () => [
-          b(_(W), {
+        A(b.$slots, "trigger", {}, () => [
+          M(_(W), {
             text: "Select file",
             fill: "",
             onClick: d
@@ -6377,32 +6379,32 @@ const a$ = { class: "nmorph-file-upload__trigger" }, s$ = ["multiple"], r$ = { c
         ])
       ]),
       o("div", r$, [
-        b(_e, {
+        M(_e, {
           name: "list",
           tag: "div"
         }, {
           default: E(() => [
-            (n(!0), a(Y, null, L(_(i), ({ data: m, previewUrl: w }) => (n(), a("div", {
-              key: m.name,
+            (n(!0), a(Y, null, L(_(i), ({ data: v, previewUrl: $ }) => (n(), a("div", {
+              key: v.name,
               class: "nmorph-file-upload__file"
             }, [
-              b(_(u2), { src: w }, null, 8, ["src"]),
+              M(_(u2), { src: $ }, null, 8, ["src"]),
               o("div", c$, [
-                b(_(P), {
-                  name: r(m.type),
+                M(_(P), {
+                  name: r(v.type),
                   width: "14px",
                   height: "17px"
                 }, null, 8, ["name"]),
-                o("span", i$, R(m.name), 1)
+                o("span", i$, R(v.name), 1)
               ]),
               o("div", d$, [
-                b(_(W), {
+                M(_(W), {
                   height: "thin",
                   "style-type": "transparent",
-                  onClick: (f) => g(m.name)
+                  onClick: (f) => g(v.name)
                 }, {
                   default: E(() => [
-                    b(_(P), { name: "error" })
+                    M(_(P), { name: "error" })
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -6430,8 +6432,8 @@ const h$ = {
   },
   emits: ["formValidator"],
   setup(e, { emit: t }) {
-    const l = e, s = v(
-      () => A({
+    const l = e, s = p(
+      () => D({
         "nmorph-form": []
       })
     ), r = Wg(l.value, l.validateImmediately), i = t;
@@ -6441,7 +6443,7 @@ const h$ = {
       class: V(s.value)
     }, [
       o("div", _$, [
-        S(u.$slots, "default")
+        A(u.$slots, "default")
       ])
     ], 2));
   }
@@ -6453,8 +6455,8 @@ const h$ = {
     staticHeight: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, l = v(() => (Array.isArray(t.errors) ? t.errors : t.errors.value).reverse()), s = v(
-      () => A({
+    const t = e, l = p(() => (Array.isArray(t.errors) ? t.errors : t.errors.value).reverse()), s = p(
+      () => D({
         nmorph: [te[t.height]],
         "nmorph-error-box": [`${t.staticHeight && "static-height"}`, `${l.value.length === 0 && "empty"}`]
       })
@@ -6462,7 +6464,7 @@ const h$ = {
     return (r, i) => (n(), a("div", {
       class: V(s.value)
     }, [
-      b(_e, {
+      M(_e, {
         name: "list",
         tag: "div"
       }, {
@@ -6487,11 +6489,11 @@ const $e = "18px", m$ = /* @__PURE__ */ T({
     N((r) => ({
       bd9433c4: $e
     }));
-    const t = e, l = v(
-      () => A({
+    const t = e, l = p(
+      () => D({
         "nmorph-validation-icon": [t.valid ? "valid" : "invalid"]
       })
-    ), s = v(() => t.valid ? "success" : "error");
+    ), s = p(() => t.valid ? "success" : "error");
     return (r, i) => (n(), a("div", {
       class: V(l.value)
     }, [
@@ -6516,28 +6518,28 @@ const f$ = { key: 0 }, g$ = { class: "nmorph-form-item__content" }, w$ = /* @__P
     validate: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const t = e, l = Q("form-data", void 0), s = v(() => l?.fields[t.id]), r = v(() => t.validate && s.value), i = v(
+    const t = e, l = Q("form-data", void 0), s = p(() => l?.fields[t.id]), r = p(() => t.validate && s.value), i = p(
       () => !!r.value && !!s?.value?.touched && t.showValidationIcon
-    ), u = v(() => r.value && s.value?.touched), d = v(
-      () => A({
+    ), u = p(() => r.value && s.value?.touched), d = p(
+      () => D({
         "nmorph-form-item": [
           `${t.label && "labeled"}`,
           `${u.value && (s.value?.valid ? "valid" : "invalid")}`
         ]
       })
     );
-    return (h, p) => (n(), a("div", {
+    return (h, m) => (n(), a("div", {
       class: V(d.value)
     }, [
       t.label ? (n(), a("label", f$, R(t.label), 1)) : O("", !0),
       o("div", g$, [
-        S(h.$slots, "default"),
-        b(_(m$), {
+        A(h.$slots, "default"),
+        M(_(m$), {
           valid: !!s.value?.valid,
           show: i.value
         }, null, 8, ["valid", "show"])
       ]),
-      b(_(p$), {
+      M(_(p$), {
         errors: s.value?.errors,
         height: t.height,
         "static-height": h.staticErrorBoxSpace
@@ -6568,22 +6570,22 @@ const $$ = { class: "nmorph-number-input__content" }, x$ = { class: "nmorph-numb
   },
   emits: ["inputDOMRef", "update:modelValue"],
   setup(e, { emit: t }) {
-    N((m) => ({
-      f154b2b0: p.value
+    N((v) => ({
+      f154b2b0: m.value
     }));
-    const l = e, s = v(
-      () => A({
+    const l = e, s = p(
+      () => D({
         nmorph: [te[l.height], `${l.fill && "fill"}`],
         "nmorph-number-input": [
           `${l.disabled && "disabled"}`,
           `${l.actionBtnPositionRight && "action-btn-position-right"}`
         ]
       })
-    ), r = y(l.modelValue), i = () => {
+    ), r = x(l.modelValue), i = () => {
       r.value += l.step;
     }, u = () => {
       r.value -= l.step;
-    }, d = v(() => r.value <= l.min), h = v(() => r.value >= l.max), p = v(() => l.height === "thick" ? "16px" : "12px"), g = {
+    }, d = p(() => r.value <= l.min), h = p(() => r.value >= l.max), m = p(() => l.height === "thick" ? "16px" : "12px"), g = {
       thick: {
         default: "12px",
         right: "8px"
@@ -6596,34 +6598,34 @@ const $$ = { class: "nmorph-number-input__content" }, x$ = { class: "nmorph-numb
         default: "8px",
         right: "5px"
       }
-    }, C = v(() => {
-      const m = l.actionBtnPositionRight ? "right" : "default";
-      return g[l.height][m];
-    }), x = t, M = (m) => {
-      const w = m.target;
-      let f = Number(w.value);
+    }, C = p(() => {
+      const v = l.actionBtnPositionRight ? "right" : "default";
+      return g[l.height][v];
+    }), y = t, b = (v) => {
+      const $ = v.target;
+      let f = Number($.value);
       r.value = f;
     };
-    K(r, (m) => {
-      m > l.max && (r.value = l.max, $.value?.blur()), r.value < l.min && (r.value = l.min, $.value?.blur()), x("update:modelValue", m);
+    K(r, (v) => {
+      v > l.max && (r.value = l.max, w.value?.blur()), r.value < l.min && (r.value = l.min, w.value?.blur()), y("update:modelValue", v);
     }), U(() => {
-      x("inputDOMRef", $);
+      y("inputDOMRef", w);
     });
-    const $ = y(null);
-    return (m, w) => (n(), a("div", {
+    const w = x(null);
+    return (v, $) => (n(), a("div", {
       class: V(s.value)
     }, [
       o("div", $$, [
         o("div", x$, [
-          m.actionBtnPositionRight ? O("", !0) : (n(), a("div", y$, [
-            b(_(W), {
+          v.actionBtnPositionRight ? O("", !0) : (n(), a("div", y$, [
+            M(_(W), {
               "style-type": "transparent",
               disabled: d.value,
               height: l.height,
               onClick: u
             }, {
               default: E(() => [
-                b(_(P), {
+                M(_(P), {
                   name: "minus",
                   width: C.value,
                   height: C.value
@@ -6634,23 +6636,23 @@ const $$ = { class: "nmorph-number-input__content" }, x$ = { class: "nmorph-numb
           ])),
           o("input", {
             ref_key: "inputDOMRef",
-            ref: $,
+            ref: w,
             class: "nmorph-native-input",
             value: r.value,
             type: "number",
             min: l.min,
             max: l.max,
-            onInput: M
+            onInput: b
           }, null, 40, M$),
-          m.actionBtnPositionRight ? (n(), a("div", C$, [
+          v.actionBtnPositionRight ? (n(), a("div", C$, [
             o("div", k$, [
-              b(_(W), {
+              M(_(W), {
                 "style-type": "transparent",
                 disabled: d.value,
                 onClick: u
               }, {
                 default: E(() => [
-                  b(_(P), {
+                  M(_(P), {
                     name: "minus",
                     width: C.value,
                     height: C.value
@@ -6660,13 +6662,13 @@ const $$ = { class: "nmorph-number-input__content" }, x$ = { class: "nmorph-numb
               }, 8, ["disabled"])
             ]),
             o("div", V$, [
-              b(_(W), {
+              M(_(W), {
                 "style-type": "transparent",
                 disabled: h.value,
                 onClick: i
               }, {
                 default: E(() => [
-                  b(_(P), {
+                  M(_(P), {
                     name: "plus",
                     width: C.value,
                     height: C.value
@@ -6676,14 +6678,14 @@ const $$ = { class: "nmorph-number-input__content" }, x$ = { class: "nmorph-numb
               }, 8, ["disabled"])
             ])
           ])) : (n(), a("div", b$, [
-            b(_(W), {
+            M(_(W), {
               "style-type": "transparent",
               disabled: h.value,
               height: l.height,
               onClick: i
             }, {
               default: E(() => [
-                b(_(P), {
+                M(_(P), {
                   name: "plus",
                   width: C.value,
                   height: C.value
@@ -6722,18 +6724,18 @@ const z$ = { class: "nmorph-select__content" }, B$ = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = e, s = t, r = y(l.modelValue), i = y(l.open), u = y(null), d = y(null), h = y(!0), p = (f) => {
+    const l = e, s = t, r = x(l.modelValue), i = x(l.open), u = x(null), d = x(null), h = x(!0), m = (f) => {
       if (!l.disabled) {
         if (i.value = !1, typeof r.value == "string" && (!l.valueRequired && r.value === f ? r.value = "" : r.value = f, s("update:modelValue", r.value)), Array.isArray(r.value)) {
-          const k = r.value.includes(f), H = r.value.length === 1 && k;
-          if (l.valueRequired && H)
+          const H = r.value.includes(f), k = r.value.length === 1 && H;
+          if (l.valueRequired && k)
             return;
-          k ? r.value = r.value.filter((D) => D !== f) : r.value = [...r.value, f];
+          H ? r.value = r.value.filter((B) => B !== f) : r.value = [...r.value, f];
         }
         s("update:modelValue", r.value);
       }
-    }, g = v(
-      () => A({
+    }, g = p(
+      () => D({
         nmorph: [te[l.height], `${l.fill && "fill"}`],
         "nmorph-select": [
           `${l.disabled && "disabled"}`,
@@ -6749,50 +6751,50 @@ const z$ = { class: "nmorph-select__content" }, B$ = {
     K(i, (f) => {
       f && (h.value = !1);
     });
-    const x = () => {
+    const y = () => {
       i.value = !1;
     };
     U(() => {
-      u.value && (d.value = `${u.value.clientHeight}px`, document.addEventListener("click", x));
+      u.value && (d.value = `${u.value.clientHeight}px`, document.addEventListener("click", y));
     }), ve(() => {
-      document.removeEventListener("click", x);
+      document.removeEventListener("click", y);
     });
-    const M = v(() => typeof r.value == "string" ? r.value === "" ? l.noElementPlaceholder : l.options.find((f) => f.value === r.value)?.label : r.value), $ = v(() => l.options.length > 0 ? l.options : l.optionsMap), m = v(() => $.value.length > 0 ? $.value.filter((k) => r.value.includes(k.value)).map((k) => ({ text: k.label, value: k.value })) : Array.isArray(r.value) ? r.value.map((k) => ({ text: k, value: k })) : [{ text: r.value, value: r.value }]);
-    J("select-selected-value", r), J("select-change-selected-value", p);
-    const w = y(null);
-    return (f, k) => (n(), a("div", {
+    const b = p(() => typeof r.value == "string" ? r.value === "" ? l.noElementPlaceholder : l.options.find((f) => f.value === r.value)?.label : r.value), w = p(() => l.options.length > 0 ? l.options : l.optionsMap), v = p(() => w.value.length > 0 ? w.value.filter((H) => r.value.includes(H.value)).map((H) => ({ text: H.label, value: H.value })) : Array.isArray(r.value) ? r.value.map((H) => ({ text: H, value: H })) : [{ text: r.value, value: r.value }]);
+    J("select-selected-value", r), J("select-change-selected-value", m);
+    const $ = x(null);
+    return (f, H) => (n(), a("div", {
       class: V(g.value)
     }, [
       o("div", z$, [
         o("div", {
           ref_key: "nmorphSelectDOMRef",
-          ref: w,
+          ref: $,
           class: "nmorph-select__selected-values-line",
           onClick: oe(C, ["stop"])
         }, [
-          typeof r.value == "string" ? (n(), a("div", B$, R(M.value), 1)) : O("", !0),
+          typeof r.value == "string" ? (n(), a("div", B$, R(b.value), 1)) : O("", !0),
           r.value.length <= 0 ? (n(), a("div", S$, R(l.noElementPlaceholder), 1)) : (n(), a("div", A$, [
-            (n(!0), a(Y, null, L(m.value, (H) => (n(), q(_(m2), Se({
-              key: H.value,
+            (n(!0), a(Y, null, L(v.value, (k) => (n(), q(_(m2), Se({
+              key: k.value,
               ref_for: !0
-            }, H, {
+            }, k, {
               transparent: "",
-              removable: m.value.length > 1 || !l.valueRequired,
+              removable: v.value.length > 1 || !l.valueRequired,
               height: "thin",
-              onClose: p
+              onClose: m
             }), null, 16, ["removable"]))), 128))
           ])),
-          b(_(P), {
+          M(_(P), {
             name: "chevron-down",
             class: "nmorph-select__chevron"
           })
         ], 512)
       ]),
-      w.value ? (n(), q(_(ae), {
+      $.value ? (n(), q(_(ae), {
         key: 0,
         open: i.value,
-        "relative-element": w.value,
-        onOnOutsideClick: x
+        "relative-element": $.value,
+        onOnOutsideClick: y
       }, {
         default: E(() => [
           o("div", {
@@ -6800,13 +6802,13 @@ const z$ = { class: "nmorph-select__content" }, B$ = {
             ref: u,
             class: "nmorph-select__options"
           }, [
-            (n(!0), a(Y, null, L(f.options, (H) => (n(), q(_(k2), Se({
-              key: H.value,
+            (n(!0), a(Y, null, L(f.options, (k) => (n(), q(_(k2), Se({
+              key: k.value,
               ref_for: !0
-            }, H, {
+            }, k, {
               height: l.height
             }), null, 16, ["height"]))), 128)),
-            S(f.$slots, "default")
+            A(f.$slots, "default")
           ], 512)
         ]),
         _: 3
@@ -6826,8 +6828,8 @@ const T$ = { class: "nmorph-select-option__content" }, k2 = /* @__PURE__ */ T({
   setup(e, { emit: t }) {
     const l = Q("select-selected-value", void 0), s = Q("select-change-selected-value", void 0), r = e, i = t, u = () => {
       r.disabled || (i("change-value", r.value), s && s(r.value));
-    }, d = v(() => typeof l?.value == "string" ? l.value === r.value : Array.isArray(l?.value) ? l.value.some((p) => p === r.value) : !1), h = v(
-      () => A({
+    }, d = p(() => typeof l?.value == "string" ? l.value === r.value : Array.isArray(l?.value) ? l.value.some((m) => m === r.value) : !1), h = p(
+      () => D({
         nmorph: [te[r.height]],
         "nmorph-select-option": [
           `${r.disabled && "disabled"}`,
@@ -6836,13 +6838,13 @@ const T$ = { class: "nmorph-select-option__content" }, k2 = /* @__PURE__ */ T({
         ]
       })
     );
-    return (p, g) => (n(), a("div", {
+    return (m, g) => (n(), a("div", {
       class: V(h.value),
       onClick: u
     }, [
       o("div", T$, [
         o("span", null, R(r.label), 1),
-        S(p.$slots, "default")
+        A(m.$slots, "default")
       ]),
       d.value ? (n(), q(_(P), {
         key: 0,
@@ -6865,52 +6867,52 @@ const O$ = { class: "nmorph-slider__content" }, P$ = { class: "nmorph-slider__in
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    N((H) => ({
+    N((k) => ({
       a08b3702: r
     }));
-    const l = e, s = v(
-      () => A({
+    const l = e, s = p(
+      () => D({
         nmorph: [`${l.fill && "fill"}`],
         "nmorph-slider": [`${l.disabled && "disabled"}`]
       })
-    ), r = `${je}px`, i = y(l.showTooltip), u = t, d = y(l.modelValue), h = y(null);
+    ), r = `${je}px`, i = x(l.showTooltip), u = t, d = x(l.modelValue), h = x(null);
     K(d, () => {
       u("update:modelValue", d.value);
     });
-    const p = v(() => {
-      const H = g.value - g.value, D = l.max - l.min + H, B = (d.value - l.min) / D * 100, z = h.value?.clientWidth || 0, F = je / z * 100, j = F / 2;
-      let X = B - j;
+    const m = p(() => {
+      const k = g.value - g.value, B = l.max - l.min + k, S = (d.value - l.min) / B * 100, z = h.value?.clientWidth || 0, F = je / z * 100, j = F / 2;
+      let X = S - j;
       const G = `${Math.max(0, Math.min(100 - F, X))}%`, Z = `${X + j}%`;
       return {
         thumb: G,
         tooltip: Z
       };
-    }), g = y(window.innerWidth), C = y(window.innerHeight), x = () => {
+    }), g = x(window.innerWidth), C = x(window.innerHeight), y = () => {
       g.value = window.innerWidth, C.value = window.innerHeight;
     };
     U(() => {
-      window.addEventListener("resize", x);
+      window.addEventListener("resize", y);
     }), ve(() => {
-      document.removeEventListener("mouseup", $), window.removeEventListener("resize", x);
+      document.removeEventListener("mouseup", w), window.removeEventListener("resize", y);
     });
-    const M = (H) => {
-      const D = h.value?.getBoundingClientRect();
-      let B = 0;
-      if (D) {
-        const z = H.clientX - D.left, F = D.width;
-        B = Math.max(0, Math.min(1, z / F)), d.value = l.min + B * (l.max - l.min);
+    const b = (k) => {
+      const B = h.value?.getBoundingClientRect();
+      let S = 0;
+      if (B) {
+        const z = k.clientX - B.left, F = B.width;
+        S = Math.max(0, Math.min(1, z / F)), 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));
-    }, $ = () => {
-      document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", $);
-    }, m = () => {
-      l.disabled || (document.addEventListener("mousemove", M), document.addEventListener("mouseup", $));
-    }, w = y(null), f = () => {
+    }, w = () => {
+      document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", w);
+    }, v = () => {
+      l.disabled || (document.addEventListener("mousemove", b), document.addEventListener("mouseup", w));
+    }, $ = x(null), f = () => {
       l.showTooltip && (i.value = !0);
-    }, k = () => {
+    }, H = () => {
       l.showTooltip && (i.value = !1);
     };
-    return (H, D) => (n(), a("div", {
+    return (k, B) => (n(), a("div", {
       class: V(s.value)
     }, [
       o("div", O$, [
@@ -6924,17 +6926,17 @@ const O$ = { class: "nmorph-slider__content" }, P$ = { class: "nmorph-slider__in
               key: 0,
               text: String(d.value),
               "force-show": "",
-              "force-coordinate": { x: p.value.tooltip, y: "24px" },
+              "force-coordinate": { x: m.value.tooltip, y: "24px" },
               "block-position": ""
             }, null, 8, ["text", "force-coordinate"])) : O("", !0),
             o("div", {
               ref_key: "sliderFirst",
-              ref: w,
+              ref: $,
               class: "nmorph-slider__thumb",
-              style: I({ left: p.value.thumb }),
+              style: I({ left: m.value.thumb }),
               onMouseenter: f,
-              onMouseleave: k,
-              onMousedown: m
+              onMouseleave: H,
+              onMousedown: v
             }, null, 36)
           ], 512)
         ])
@@ -6954,21 +6956,21 @@ const R$ = ["value", "disabled"], E$ = { class: "nmorph-switch-thumb" }, F$ = /*
   },
   emits: ["inputDOMRef", "update:modelValue"],
   setup(e, { emit: t }) {
-    const l = e, s = v(
-      () => A({
+    const l = e, s = p(
+      () => D({
         "nmorph-switch": [
           `${l.disabled && "disabled"}`,
           `${i.value ? "on" : "off"}`,
           `${l.loading && "loading"}`
         ]
       })
-    ), r = t, i = y(l.modelValue === l.activeValue), u = () => {
+    ), r = t, i = x(l.modelValue === l.activeValue), u = () => {
       if (l.disabled)
         return;
       i.value = !i.value;
       const h = i.value ? l.activeValue : l.inactiveValue;
       r("update:modelValue", h);
-    }, d = y(null);
+    }, d = x(null);
     return U(() => {
       r("inputDOMRef", d);
     }), K(
@@ -6976,7 +6978,7 @@ const R$ = ["value", "disabled"], E$ = { class: "nmorph-switch-thumb" }, F$ = /*
       (h) => {
         i.value = h === l.activeValue;
       }
-    ), (h, p) => (n(), a("div", {
+    ), (h, m) => (n(), a("div", {
       class: V(s.value)
     }, [
       o("div", {
@@ -6997,9 +6999,9 @@ const R$ = ["value", "disabled"], E$ = { class: "nmorph-switch-thumb" }, F$ = /*
             name: "loader",
             width: "16px",
             height: "16px"
-          })) : i.value ? S(h.$slots, "thumb-on", { key: 1 }, () => [
+          })) : i.value ? A(h.$slots, "thumb-on", { key: 1 }, () => [
             ee(R(h.$t("NmorphSwitch.on")), 1)
-          ]) : S(h.$slots, "thumb-off", { key: 2 }, () => [
+          ]) : A(h.$slots, "thumb-off", { key: 2 }, () => [
             ee(R(h.$t("NmorphSwitch.off")), 1)
           ])
         ])
@@ -7023,34 +7025,34 @@ const j$ = { class: "nmorph-text-input__input-side" }, W$ = {
   },
   emits: ["inputDOMRef", "update:modelValue", "focus", "blur", "on-enter"],
   setup(e, { emit: t }) {
-    N((w) => ({
-      "3a0b77c8": $.value
+    N(($) => ({
+      "3a0b77c8": w.value
     }));
-    const l = e, s = v(
-      () => A({
+    const l = e, s = p(
+      () => D({
         nmorph: [te[l.height], `${h.value && "focused"}`, `${l.fill && "fill"}`],
         "nmorph-text-input": [`${l.typePassword && "password"}`]
       })
-    ), r = (w) => {
-      const f = w.target;
-      x("update:modelValue", f.value);
-    }, i = y(!1), u = () => {
-      l.clearable ? x("update:modelValue", "") : i.value = !i.value;
-    }, d = v(() => l.typePassword && !i.value && !l.clearable ? "password" : "text"), h = y(!1), p = () => {
-      x("focus"), h.value = !0;
+    ), r = ($) => {
+      const f = $.target;
+      y("update:modelValue", f.value);
+    }, i = x(!1), u = () => {
+      l.clearable ? y("update:modelValue", "") : i.value = !i.value;
+    }, d = p(() => l.typePassword && !i.value && !l.clearable ? "password" : "text"), h = x(!1), m = () => {
+      y("focus"), h.value = !0;
     }, g = () => {
-      x("blur"), h.value = !1;
-    }, C = y(null), x = t;
+      y("blur"), h.value = !1;
+    }, C = x(null), y = t;
     U(() => {
-      x("inputDOMRef", C);
+      y("inputDOMRef", C);
     });
-    const M = v(() => l.clearable ? "error" : i.value ? "eye-blocked" : "eye"), $ = v(() => m["prepend-icon"] ? "28px" : "8px"), m = Ge();
-    return (w, f) => (n(), a("div", {
+    const b = p(() => l.clearable ? "error" : i.value ? "eye-blocked" : "eye"), w = p(() => v["prepend-icon"] ? "28px" : "8px"), v = Ge();
+    return ($, f) => (n(), a("div", {
       class: V(s.value)
     }, [
       o("div", j$, [
-        _(m)["prepend-icon"] ? (n(), a("div", W$, [
-          S(w.$slots, "prepend-icon")
+        _(v)["prepend-icon"] ? (n(), a("div", W$, [
+          A($.$slots, "prepend-icon")
         ])) : O("", !0),
         o("input", {
           ref_key: "inputDOMRef",
@@ -7061,9 +7063,9 @@ const j$ = { class: "nmorph-text-input__input-side" }, W$ = {
           disabled: l.disabled,
           value: l.modelValue,
           onInput: r,
-          onFocus: p,
+          onFocus: m,
           onBlur: g,
-          onKeyup: f[0] || (f[0] = T2((k) => x("on-enter"), ["enter"]))
+          onKeyup: f[0] || (f[0] = T2((H) => y("on-enter"), ["enter"]))
         }, null, 40, U$),
         l.typePassword || l.clearable ? (n(), q(_(W), {
           key: 1,
@@ -7075,7 +7077,7 @@ const j$ = { class: "nmorph-text-input__input-side" }, W$ = {
           onClick: u
         }, {
           default: E(() => [
-            b(_(P), { name: M.value }, null, 8, ["name"])
+            M(_(P), { name: b.value }, null, 8, ["name"])
           ]),
           _: 1
         }, 8, ["height"])) : O("", !0)
@@ -7097,54 +7099,54 @@ const Y$ = { class: "nmorph-time-picker__content" }, L$ = { class: "nmorph-time-
   },
   emits: ["inputDOMRef", "update:modelValue", "on-change-open-close"],
   setup(e, { emit: t }) {
-    N((B) => ({
-      "139069aa": H.value
+    N((S) => ({
+      "139069aa": k.value
     }));
-    const l = e, s = t, r = y(null), i = y(null), u = y(l.open), d = y([0, 0, 0]), h = y(l.initWithoutValue);
+    const l = e, s = t, r = x(null), i = x(null), u = x(l.open), d = x([0, 0, 0]), h = x(l.initWithoutValue);
     U(() => {
       s("inputDOMRef", i);
     });
-    const p = () => {
+    const m = () => {
       u.value = !u.value;
-    }, g = v(
-      () => A({
+    }, g = p(
+      () => D({
         nmorph: [te[l.height]],
         "nmorph-time-picker": [`${l.disabled && "disabled"}`, `${u.value && "open"}`]
       })
-    ), C = Array.from({ length: 24 }, (B, z) => z), x = Array.from({ length: 60 }, (B, z) => z), M = () => {
+    ), C = Array.from({ length: 24 }, (S, z) => z), y = Array.from({ length: 60 }, (S, z) => z), b = () => {
       h.value = !1, s("update:modelValue", H2(d.value));
-    }, $ = (B) => {
-      const z = B;
-      d.value = [z, d.value[1], d.value[2]], M();
-    }, m = (B) => {
-      const z = B;
-      d.value = [d.value[0], z, d.value[2]], M();
-    }, w = (B) => {
-      const z = B;
-      d.value = [d.value[0], d.value[1], z], M();
+    }, w = (S) => {
+      const z = S;
+      d.value = [z, d.value[1], d.value[2]], b();
+    }, v = (S) => {
+      const z = S;
+      d.value = [d.value[0], z, d.value[2]], b();
+    }, $ = (S) => {
+      const z = S;
+      d.value = [d.value[0], d.value[1], z], b();
     }, f = () => {
       u.value = !1;
     };
-    K(u, (B) => {
-      s("on-change-open-close", B);
+    K(u, (S) => {
+      s("on-change-open-close", S);
     }), (() => {
       if (h.value)
         return;
-      const B = Me(l.modelValue).split(":").map((z) => Number(z));
-      d.value = B;
+      const S = Me(l.modelValue).split(":").map((z) => Number(z));
+      d.value = S;
     })();
-    const H = v(() => `${ue}px`), D = v(() => h.value ? "——:——:——" : Me(l.modelValue));
-    return (B, z) => {
+    const k = p(() => `${ue}px`), B = p(() => h.value ? "——:——:——" : Me(l.modelValue));
+    return (S, z) => {
       const F = Ke("NmorphTimeRoller");
       return n(), a("div", {
         ref_key: "timepickerDOMRef",
         ref: r,
         class: V(g.value),
-        onClick: p
+        onClick: m
       }, [
         o("div", Y$, [
           o("div", L$, [
-            b(_(P), {
+            M(_(P), {
               name: "time",
               class: "nmorph-time-picker__time-icon"
             }),
@@ -7156,7 +7158,7 @@ const Y$ = { class: "nmorph-time-picker__content" }, L$ = { class: "nmorph-time-
               step: "1",
               class: "nmorph-native-input"
             }, null, 8, G$),
-            o("span", null, R(D.value), 1)
+            o("span", null, R(B.value), 1)
           ]),
           r.value ? (n(), q(_(ae), {
             key: 0,
@@ -7166,29 +7168,29 @@ const Y$ = { class: "nmorph-time-picker__content" }, L$ = { class: "nmorph-time-
           }, {
             default: E(() => [
               o("div", K$, [
-                b(F, {
+                M(F, {
                   "set-value-on-mount": !h.value,
                   values: _(C),
                   "selected-value": d.value[0],
                   "step-height": ue,
-                  "disabled-range": B.disabledHours,
-                  onValueChanged: $
+                  "disabled-range": S.disabledHours,
+                  onValueChanged: w
                 }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
-                b(F, {
+                M(F, {
                   "set-value-on-mount": !h.value,
-                  values: _(x),
+                  values: _(y),
                   "selected-value": d.value[1],
-                  "disabled-range": B.disabledMinutes,
+                  "disabled-range": S.disabledMinutes,
                   "step-height": ue,
-                  onValueChanged: m
+                  onValueChanged: v
                 }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
-                b(F, {
+                M(F, {
                   "set-value-on-mount": !h.value,
-                  values: _(x),
-                  "disabled-range": B.disabledSeconds,
+                  values: _(y),
+                  "disabled-range": S.disabledSeconds,
                   "selected-value": d.value[2],
                   "step-height": ue,
-                  onValueChanged: w
+                  onValueChanged: $
                 }, null, 8, ["set-value-on-mount", "values", "disabled-range", "selected-value"])
               ])
             ]),
@@ -7238,13 +7240,13 @@ const Me = (e) => {
       void 0
     ), r = e, i = () => {
       s && !r.disabled && s(r.value);
-    }, u = v(() => l?.value === r.value), d = v(
-      () => A({
+    }, u = p(() => l?.value === r.value), d = p(
+      () => D({
         "nmorph-radio": [`${r.disabled && "disabled"}`, `${u.value && "checked"}`, r.styleType]
       })
-    ), h = t, p = y(null);
+    ), h = t, m = x(null);
     return U(() => {
-      h("inputDOMRef", p);
+      h("inputDOMRef", m);
     }), (g, C) => (n(), a("label", {
       class: V(d.value),
       onClick: oe(i, ["prevent"])
@@ -7253,7 +7255,7 @@ const Me = (e) => {
         o("div", Z$, [
           o("input", {
             ref_key: "inputDOMRef",
-            ref: p,
+            ref: m,
             type: "radio",
             name: r.label,
             value: r.value,
@@ -7263,12 +7265,12 @@ const Me = (e) => {
           I$,
           u.value ? (n(), a("div", ex)) : O("", !0)
         ]),
-        r.label ? (n(), a("span", tx, R(r.label), 1)) : S(g.$slots, "label", { key: 1 }, void 0, !0)
+        r.label ? (n(), a("span", tx, R(r.label), 1)) : A(g.$slots, "label", { key: 1 }, void 0, !0)
       ])) : O("", !0),
       r.styleType === "button-style" ? (n(), a("div", ox, [
         o("input", {
           ref_key: "inputDOMRef",
-          ref: p,
+          ref: m,
           type: "radio",
           disabled: r.disabled,
           name: r.label,
@@ -7279,7 +7281,7 @@ const Me = (e) => {
         r.label ? (n(), a("div", lx, [
           o("span", null, R(r.label), 1)
         ])) : (n(), a("div", ax, [
-          S(g.$slots, "label", {}, void 0, !0)
+          A(g.$slots, "label", {}, void 0, !0)
         ]))
       ])) : O("", !0)
     ], 2));
@@ -7305,7 +7307,7 @@ const cx = { class: "nmorph-radio-group__wrapper" }, ix = { class: "nmorph-radio
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = e, s = y(l.modelValue);
+    const l = e, s = x(l.modelValue);
     K(
       () => l.modelValue,
       (d) => {
@@ -7314,22 +7316,22 @@ const cx = { class: "nmorph-radio-group__wrapper" }, ix = { class: "nmorph-radio
     );
     const r = t, i = (d) => {
       s.value = d, r("update:modelValue", s.value);
-    }, u = v(
-      () => A({ "nmorph-radio-group": [l.styleType, l.direction, `${l.fill && "fill"}`] })
+    }, u = p(
+      () => D({ "nmorph-radio-group": [l.styleType, l.direction, `${l.fill && "fill"}`] })
     );
     return J("radio-group-selected-value", s), J("change-radio-button-value-handler", i), (d, h) => (n(), a("div", {
       class: V(u.value)
     }, [
       o("div", cx, [
         o("div", ix, [
-          (n(!0), a(Y, null, L(d.options, (p) => (n(), q(_(z2), {
-            key: p.value,
-            label: p.label,
-            value: p.value,
-            disabled: p.disabled || l.disabled,
+          (n(!0), a(Y, null, L(d.options, (m) => (n(), q(_(z2), {
+            key: m.value,
+            label: m.label,
+            value: m.value,
+            disabled: m.disabled || l.disabled,
             "style-type": l.styleType
           }, null, 8, ["label", "value", "disabled", "style-type"]))), 128)),
-          S(d.$slots, "default")
+          A(d.$slots, "default")
         ])
       ])
     ], 2));
@@ -7344,19 +7346,19 @@ const dx = /* @__PURE__ */ T({
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    N((x) => ({
+    N((y) => ({
       "28ac814d": r.value,
       "5c1e7dcc": i.value
     }));
-    const l = e, s = t, r = v(() => `${l.right}px`), i = v(() => `${l.bottom}px`), u = v(
-      () => A({
-        "nmorph-backtop": [`${p.value && "show"}`]
+    const l = e, s = t, r = p(() => `${l.right}px`), i = p(() => `${l.bottom}px`), u = p(
+      () => D({
+        "nmorph-backtop": [`${m.value && "show"}`]
       })
-    ), d = y(null), h = y(null), p = y(!1), g = (x) => {
-      if (!x)
+    ), d = x(null), h = x(null), m = x(!1), g = (y) => {
+      if (!y)
         return;
-      const M = x.target;
-      p.value = M.scrollTop > l.visibilityHeight;
+      const b = y.target;
+      m.value = b.scrollTop > l.visibilityHeight;
     }, C = () => {
       s("click"), d.value && d.value.scrollTo({
         top: 0,
@@ -7368,7 +7370,7 @@ const dx = /* @__PURE__ */ T({
       h.value && (d.value = h.value.parentElement, d.value?.addEventListener("scroll", g));
     }), ve(() => {
       d.value && d.value?.removeEventListener("scroll", g);
-    }), (x, M) => (n(), a("div", {
+    }), (y, b) => (n(), a("div", {
       ref_key: "selfDOMEl",
       ref: h,
       class: V(u.value)
@@ -7376,10 +7378,10 @@ const dx = /* @__PURE__ */ T({
       o("div", {
         onClick: oe(C, ["stop"])
       }, [
-        S(x.$slots, "default", {}, () => [
-          b(_(W), null, {
+        A(y.$slots, "default", {}, () => [
+          M(_(W), null, {
             default: E(() => [
-              b(_(P), {
+              M(_(P), {
                 name: "chevron-down",
                 class: "nmorph-backtop__up-icon"
               })
@@ -7400,17 +7402,17 @@ const ux = ["id"], hx = {
     separator: { default: "/" }
   },
   setup(e) {
-    const t = e, l = y([]), s = ie();
+    const t = e, l = x([]), s = ie();
     J("breadcrumb-data", { breadcrumbs: l, breadcrumbId: s });
-    const r = v(
-      () => A({
+    const r = p(
+      () => D({
         "nmorph-breadcrumb": []
       })
     );
     return (i, u) => (n(), a("div", {
       class: V(r.value)
     }, [
-      S(i.$slots, "default"),
+      A(i.$slots, "default"),
       (n(!0), a(Y, null, L(l.value, (d, h) => (n(), a("div", {
         key: h,
         class: "nmorph-breadcrumb__content"
@@ -7431,11 +7433,11 @@ const vx = /* @__PURE__ */ T({
     replace: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, l = v(
-      () => A({
+    const t = e, l = p(
+      () => D({
         "nmorph-breadcrumb-item": []
       })
-    ), s = Q("breadcrumb-data", void 0), r = y(!1), i = ie();
+    ), s = Q("breadcrumb-data", void 0), r = x(!1), i = ie();
     return U(() => {
       r.value = !0, s && s.breadcrumbs.value.push({ ...t, itemId: i });
     }), (u, d) => {
@@ -7447,13 +7449,13 @@ const vx = /* @__PURE__ */ T({
         (n(), q(ce, {
           to: `#nmorph-breadcrumb-${_(s)?.breadcrumbId}-${_(i)}-element`
         }, [
-          b(h, {
+          M(h, {
             to: u.to,
             replace: u.replace,
             class: "fill-height"
           }, {
             default: E(() => [
-              S(u.$slots, "default")
+              A(u.$slots, "default")
             ]),
             _: 3
           }, 8, ["to", "replace"])
@@ -7474,23 +7476,23 @@ const ae = /* @__PURE__ */ T({
   },
   emits: ["on-outside-click"],
   setup(e, { emit: t }) {
-    N((p) => ({
+    N((m) => ({
       f609801e: d.value
     }));
-    const l = e, s = t, r = y(null), { placementCoords: i } = g2({
+    const l = e, s = t, r = x(null), { placementCoords: i } = g2({
       initialPlacement: "bottom",
       contentDOMElement: r,
       relativeElement: l.relativeElement,
       yOffset: l.yOffset,
       xOffset: l.xOffset
-    }), u = v(
-      () => A({
+    }), u = p(
+      () => D({
         "nmorph-dropdown": [`${!l.open && "closed"}`]
       })
-    ), d = v(() => l.fillWidth ? `${l.relativeElement?.clientWidth}px` : `${l.width}px`), h = () => {
+    ), d = p(() => l.fillWidth ? `${l.relativeElement?.clientWidth}px` : `${l.width}px`), h = () => {
       s("on-outside-click");
     };
-    return (p, g) => (n(), q(_(we), {
+    return (m, g) => (n(), q(_(we), {
       show: l.open,
       transparent: "",
       onOnOutsideClick: h
@@ -7502,7 +7504,7 @@ const ae = /* @__PURE__ */ T({
           class: V(u.value),
           style: I({ left: `${_(i).x}`, top: `${_(i).y}` })
         }, [
-          S(p.$slots, "default")
+          A(m.$slots, "default")
         ], 6)
       ]),
       _: 3
@@ -7517,23 +7519,23 @@ const px = { class: "nmorph-tabs__label-list" }, mx = ["id", "onClick"], fx = {
   },
   emits: ["update:model-value", "tab-change"],
   setup(e, { emit: t }) {
-    const l = e, s = t, r = v(
-      () => A({
+    const l = e, s = t, r = p(
+      () => D({
         "nmorph-tabs": [`${l.stretch && "stretch"}`]
       })
     ), i = (h) => {
       if (h.disabled)
         return;
-      const { name: p } = h;
-      s("update:model-value", p), s("tab-change", p);
-    }, u = y([]), d = ie();
+      const { name: m } = h;
+      s("update:model-value", m), s("tab-change", m);
+    }, u = x([]), d = ie();
     return J("nmorph-tabs-data", {
       tabsData: u,
       tabsIdentifier: d
-    }), (h, p) => (n(), a("div", {
+    }), (h, m) => (n(), a("div", {
       class: V(r.value)
     }, [
-      S(h.$slots, "default"),
+      A(h.$slots, "default"),
       o("div", px, [
         (n(!0), a(Y, null, L(u.value, (g) => (n(), a("div", {
           id: _(He)(_(d), g.name),
@@ -7572,11 +7574,11 @@ const He = (e, t) => {
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, l = v(
-      () => A({
+    const t = e, l = p(
+      () => D({
         "nmorph-tab-pane": []
       })
-    ), s = Q("nmorph-tabs-data", void 0), r = y(!1);
+    ), s = Q("nmorph-tabs-data", void 0), r = x(!1);
     return U(() => {
       r.value = !0, s && s.tabsData.value.push(t);
     }), (i, u) => r.value ? (n(), a("div", {
@@ -7586,12 +7588,12 @@ const He = (e, t) => {
       (n(), q(ce, {
         to: `#${_(He)(_(s)?.tabsIdentifier, t.name)}`
       }, [
-        S(i.$slots, "label")
+        A(i.$slots, "label")
       ], 8, ["to"])),
       (n(), q(ce, {
         to: `#${_(ze)(_(s)?.tabsIdentifier, t.name)}`
       }, [
-        S(i.$slots, "default")
+        A(i.$slots, "default")
       ], 8, ["to"]))
     ], 2)) : O("", !0);
   }
@@ -7601,8 +7603,8 @@ const He = (e, t) => {
     direction: { default: "horizontal" }
   },
   setup(e) {
-    const t = e, l = v(
-      () => A({
+    const t = e, l = p(
+      () => D({
         "nmorph-divider": [t.direction]
       })
     );
@@ -7620,8 +7622,8 @@ const we = /* @__PURE__ */ T({
   },
   emits: ["on-outside-click"],
   setup(e, { emit: t }) {
-    const l = e, s = v(
-      () => A({
+    const l = e, s = p(
+      () => D({
         "nmorph-overlay": [
           `${l.outsideClickEmitEvent && "outside-click"}`,
           `${l.show && "show"}`,
@@ -7640,7 +7642,7 @@ const we = /* @__PURE__ */ T({
         onClick: d[0] || (d[0] = oe(() => {
         }, ["stop"]))
       }, [
-        S(u.$slots, "default")
+        A(u.$slots, "default")
       ])
     ], 2));
   }
@@ -7857,7 +7859,7 @@ export {
   Hx as useEventManager,
   qe as useFieldValidation,
   Wg as useFormValidation,
-  A as useModifiers,
+  D as useModifiers,
   hw as useNmorphTheme,
   _w as useNmorphTranslation,
   g2 as usePlacement