npm - @nmorph/nmorph-ui-kit - Versions diffs - 0.2.40 → 0.2.41 - Mend

@nmorph/nmorph-ui-kit 0.2.40 → 0.2.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/index.es.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { defineComponent as D, computed as _, ref as $, openBlock as o, createElementBlock as s, normalizeClass as z, createElementVNode as n, createBlock as E, unref as v, renderSlot as S, toDisplayString as F, createCommentVNode as O, useCssVars as I, normalizeStyle as N, resolveDynamicComponent as F2, createStaticVNode as Xe, createTextVNode as ee, inject as Q, onUnmounted as $e, onMounted as K, nextTick as ue, watch as U, mergeProps as we, withDirectives as Je, vShow as Qe, reactive as ce, createVNode as k, withCtx as R, Fragment as Y, renderList as G, provide as Z, Teleport as he, withModifiers as oe, useSlots as Ze, readonly as j2, TransitionGroup as _e, withKeys as W2, resolveComponent as Ne, pushScopeId as L2, popScopeId as U2 } from "vue";
+import { defineComponent as D, computed as _, ref as w, openBlock as o, createElementBlock as s, normalizeClass as z, createElementVNode as n, createBlock as q, unref as v, renderSlot as S, toDisplayString as R, createCommentVNode as O, useCssVars as I, normalizeStyle as N, resolveDynamicComponent as F2, createStaticVNode as Xe, createTextVNode as ee, inject as Q, onUnmounted as $e, onMounted as K, nextTick as ue, watch as U, mergeProps as we, withDirectives as Je, vShow as Qe, reactive as ce, createVNode as k, withCtx as E, Fragment as Y, renderList as G, provide as Z, Teleport as he, withModifiers as oe, useSlots as Ze, readonly as j2, TransitionGroup as _e, withKeys as W2, resolveComponent as Ne, pushScopeId as L2, popScopeId as U2 } from "vue";
 import { createI18n as Y2 } from "vue-i18n";
 var te = /* @__PURE__ */ ((e) => (e.thick = "thick-component", e.default = "default-height-component", e.thin = "thin-component", e))(te || {}), G2 = /* @__PURE__ */ ((e) => (e.ascending = "ascending", e.descending = "descending", e))(G2 || {}), K2 = /* @__PURE__ */ ((e) => (e.row = "row", e.column = "column", e))(K2 || {}), Ie = /* @__PURE__ */ ((e) => (e.inset = "inset", e.outset = "outset", e.combined = "combined", e))(Ie || {}), e2 = /* @__PURE__ */ ((e) => (e.accent = "accent", e.success = "success", e.error = "error", e.warning = "warning", e))(e2 || {}), 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 || {}), X2 = /* @__PURE__ */ ((e) => (e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(X2 || {}), J2 = /* @__PURE__ */ ((e) => (e.fill = "fill", e.contain = "contain", e.cover = "cover", e.none = "none", e["scale-down"] = "scale-down", e))(J2 || {}), ae = /* @__PURE__ */ ((e) => (e.en = "en", e.ru = "ru", e))(ae || {});
 const Q2 = (e, t) => {
@@ -56,7 +56,7 @@ const Q2 = (e, t) => {
           `${l.icon && "icon"}`
         ]
       })
-    ), i = $(null), u = a, d = {
+    ), i = w(null), u = a, d = {
       thin: "small",
       default: "medium",
       thick: "large"
@@ -73,13 +73,13 @@ const Q2 = (e, t) => {
         type: l.type,
         onClick: f[0] || (f[0] = (b) => u("click"))
       }, [
-        l.icon ? (o(), E(v(q), {
+        l.icon ? (o(), q(v(P), {
           key: 0,
           name: l.icon
         }, null, 8, ["name"])) : (o(), s("div", I2, [
           S(p.$slots, "default"),
-          !l.loading && l.text !== "" ? (o(), s("span", et, F(l.text), 1)) : O("", !0),
-          l.loading ? (o(), E(v(q), {
+          !l.loading && l.text !== "" ? (o(), s("span", et, R(l.text), 1)) : O("", !0),
+          l.loading ? (o(), q(v(P), {
             key: 1,
             name: "loader",
             size: h.value
@@ -94,7 +94,7 @@ var t2 = /* @__PURE__ */ ((e) => (e.default = "default", e.transparent = "transp
 const tt = {
   key: 0,
   class: "nmorph-icon__content"
-}, q = /* @__PURE__ */ D({
+}, P = /* @__PURE__ */ D({
   __name: "NmorphIcon",
   props: {
     name: { default: void 0 },
@@ -124,7 +124,7 @@ const tt = {
       style: N(l.value)
     }, [
       t.name ? (o(), s("div", tt, [
-        (o(), E(F2(v(s2)[t.name])))
+        (o(), q(F2(v(s2)[t.name])))
       ])) : S(i.$slots, "default", { key: 1 })
     ], 6));
   }
@@ -2824,8 +2824,8 @@ const Sf = { render: Cf }, s2 = {
         target: t.target
       }, [
         S(l.$slots, "prepend"),
-        ee(" " + F(l.text) + " ", 1),
-        l.iconName ? (o(), E(v(q), {
+        ee(" " + R(l.text) + " ", 1),
+        l.iconName ? (o(), q(v(P), {
           key: 0,
           class: "nmorph-link__icon",
           name: t.iconName,
@@ -2863,77 +2863,77 @@ const Tf = /* @__PURE__ */ D({
   emits: ["on-scroll", "update:modelValue", "on-scroll-end"],
   setup(e, { expose: t, emit: a }) {
     I((ne) => ({
-      "483359d6": L.value,
-      "4762aaec": J.value,
-      "4616754c": b.value,
-      "61c54cfb": M.value,
-      36162116: i.value,
-      36162114: r.value,
-      "0a53b0c0": X.value,
-      "3cb3dab4": y.value,
-      "3ff881f9": x.value
+      b2e3bcd8: L.value,
+      "3c5af72a": J.value,
+      "10be43cb": M.value,
+      "27d16348": y.value,
+      "2b0e6d54": u.value,
+      "2b0e6d52": i.value,
+      "6b7c4902": X.value,
+      "2b667e9a": $.value,
+      "457c5bda": g.value
     }));
-    const l = e, r = _(() => l.scrollYProp), i = _(() => l.scrollXProp), u = $(!1), d = $(!1), h = () => {
-      u.value = P.value.scrollHeight > P.value.clientHeight, d.value = P.value.scrollWidth > P.value.clientWidth;
-    }, p = _(() => l.yBarWidthInPx + l.yGapInPx), f = _(() => l.xBarWidthInPx + l.xGapInPx), b = _(
-      () => l.scrollYProp === "hidden" || !u.value ? "0" : `${p.value}px`
-    ), M = _(
-      () => l.scrollXProp === "hidden" || !d.value ? "0" : `${f.value}px`
-    ), y = _(() => `${l.yBarWidthInPx}px`), x = _(() => `${l.xBarWidthInPx}px`), g = Q("nmorph");
-    let w;
-    const m = a, V = () => {
-      const ne = Math.trunc(P.value.scrollLeft), pe = Math.trunc(P.value.scrollTop);
-      m("update:modelValue", { x: ne, y: pe });
-    }, C = () => {
-      m("on-scroll-end");
-    }, T = (ne) => {
-      m("on-scroll", ne), P.value && (l.updateOnlyOnScrollEnd || V(), w !== void 0 && clearTimeout(w), w = setTimeout(() => {
-        l.updateOnlyOnScrollEnd && V(), C();
+    const l = e, r = w(null), i = _(() => l.scrollYProp), u = _(() => l.scrollXProp), d = w(!1), h = w(!1), p = () => {
+      d.value = r.value.scrollHeight > r.value.clientHeight, h.value = r.value.scrollWidth > r.value.clientWidth;
+    }, f = _(() => l.yBarWidthInPx + l.yGapInPx), b = _(() => l.xBarWidthInPx + l.xGapInPx), M = _(
+      () => l.scrollYProp === "hidden" || !d.value ? "0" : `${f.value}px`
+    ), y = _(
+      () => l.scrollXProp === "hidden" || !h.value ? "0" : `${b.value}px`
+    ), $ = _(() => `${l.yBarWidthInPx}px`), g = _(() => `${l.xBarWidthInPx}px`), x = Q("nmorph");
+    let m;
+    const V = a, C = () => {
+      const ne = Math.trunc(r.value.scrollLeft), pe = Math.trunc(r.value.scrollTop);
+      V("update:modelValue", { x: ne, y: pe });
+    }, T = () => {
+      V("on-scroll-end");
+    }, B = (ne) => {
+      V("on-scroll", ne), r.value && (l.updateOnlyOnScrollEnd || C(), m !== void 0 && clearTimeout(m), m = setTimeout(() => {
+        l.updateOnlyOnScrollEnd && C(), T();
       }, l.scrollEndDelay));
     };
     $e(() => {
-      w !== void 0 && clearTimeout(w);
+      m !== void 0 && clearTimeout(m);
     });
-    const B = $(!1), H = _(
+    const H = w(!1), j = _(
       () => A({
         "nmorph-scroll": []
       })
-    ), P = $(null), j = (ne) => {
+    ), F = (ne) => {
       const { x: pe, y: R2 } = ne;
-      P.value?.scrollTo({
+      r.value?.scrollTo({
         left: pe,
         top: R2,
         behavior: "smooth"
       });
     };
     K(() => {
-      j(l.modelValue), ue(h);
+      F(l.modelValue), ue(p);
     }), U(
       () => l.modelValue,
       (ne) => {
-        j(ne);
+        F(ne);
       },
       { deep: !0, immediate: !0 }
     ), U(
-      () => g.browser.dimensions,
+      () => x?.browser.dimensions,
       () => {
-        ue(h);
+        ue(p);
       },
       { deep: !0, immediate: !0 }
     );
     const X = _(() => l.cssScrollBehavior), L = _(() => l.height), J = _(() => l.maxHeight), se = bw(l);
-    t({ scrollDOMContainer: P, moveTo: j });
+    t({ scrollDOMContainer: r, moveTo: F });
     const Ve = () => {
-      B.value = !0;
+      H.value = !0;
     }, E2 = () => {
-      B.value = !1;
+      H.value = !1;
     };
     return (ne, pe) => (o(), s("div", we({
       ref_key: "scrollDOMContainer",
-      ref: P,
-      class: H.value
+      ref: r,
+      class: j.value
     }, v(se), {
-      onScroll: T,
+      onScroll: B,
       onMouseenter: Ve,
       onMouseleave: E2
     }), [
@@ -2958,7 +2958,7 @@ const Of = ["src", "srcset", "alt"], Pf = { class: "nmorph-avatar__fallback" },
       75318566: p.value,
       "6c0db3e8": f.fit
     }));
-    const a = e, l = t, r = $(!1), i = _(
+    const a = e, l = t, r = w(!1), i = _(
       () => A({
         "nmorph-avatar": [a.shape]
       })
@@ -3025,7 +3025,7 @@ const Ef = {
         x: p,
         y: f
       };
-    }), u = $(null), d = $(0), h = $(0);
+    }), u = w(null), d = w(0), h = w(0);
     return K(() => {
       u.value && (d.value = u.value.clientWidth, h.value = u.value.clientHeight);
     }), (p, f) => (o(), s("div", {
@@ -3038,7 +3038,7 @@ const Ef = {
         class: z(l.value),
         style: N({ right: i.value.x, top: i.value.y })
       }, [
-        t.isDot ? (o(), s("div", Ef)) : (o(), s("div", Rf, F(r.value), 1))
+        t.isDot ? (o(), s("div", Ef)) : (o(), s("div", Rf, R(r.value), 1))
       ], 6)
     ], 2));
   }
@@ -3059,14 +3059,14 @@ const jf = ["data-date", "onClick"], i2 = /* @__PURE__ */ D({
       () => A({
         "nmorph-calendar": []
       })
-    ), i = $(a.initialDate), u = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], d = $(a.modelValue);
+    ), i = w(a.initialDate), u = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], d = w(a.modelValue);
     let h = ce([]);
     const p = async () => {
       h = [], v2(i, a.range).forEach((B) => {
         const H = {};
-        B.forEach((P, j) => {
-          const X = u[j];
-          H[X] = P;
+        B.forEach((j, F) => {
+          const X = u[F];
+          H[X] = j;
         }), h.push(H);
       });
     };
@@ -3086,24 +3086,24 @@ const jf = ["data-date", "onClick"], i2 = /* @__PURE__ */ D({
     }, M = () => {
       i.value = /* @__PURE__ */ new Date();
     }, y = () => {
-      i.value = w.value;
-    }, x = (T) => {
+      i.value = x.value;
+    }, $ = (T) => {
       const { monthType: B, hidden: H } = T;
       if (H)
         return;
       B === "next" && y(), B === "previous" && b();
-      const { date: P } = T;
-      d.value = P, l("update:modelValue", d.value);
-    }, g = _(() => new Date(i.value.setMonth(i.value.getMonth() - 1))), w = _(() => new Date(i.value.setMonth(i.value.getMonth() + 1))), m = _(() => {
-      const { range: T } = a, B = T ? u2(i.value, T[0]) : !0, H = T ? h2(i.value, T[1]) : !0, P = _2(a.range);
+      const { date: j } = T;
+      d.value = j, l("update:modelValue", d.value);
+    }, g = _(() => new Date(i.value.setMonth(i.value.getMonth() - 1))), x = _(() => new Date(i.value.setMonth(i.value.getMonth() + 1))), m = _(() => {
+      const { range: T } = a, B = T ? u2(i.value, T[0]) : !0, H = T ? h2(i.value, T[1]) : !0, j = _2(a.range);
       return {
         showPreviousMonthButton: B,
         showNextMonthButton: H,
-        showTodayButton: P
+        showTodayButton: j
       };
     }), V = (T, B) => {
-      const H = B[0], P = B[1];
-      return T === H || T === P ? !0 : !H || !P || H > P ? !1 : T >= H && T <= P;
+      const H = B[0], j = B[1];
+      return T === H || T === j ? !0 : !H || !j || H > j ? !1 : T >= H && T <= j;
     }, C = (T) => Array.isArray(a.selectedValues) ? a.type === "daterange" ? V(T, a.selectedValues) : a.selectedValues.includes(T) : a.selectedValues?.toDateString() === T.toDateString();
     return (T, B) => (o(), s("div", {
       class: z(r.value)
@@ -3126,38 +3126,38 @@ const jf = ["data-date", "onClick"], i2 = /* @__PURE__ */ D({
           bordered: "",
           "row-hover": !1
         }, {
-          default: R(() => [
+          default: E(() => [
             (o(), s(Y, null, G(u, (H) => k(v($2), {
               key: `${H}`,
               prop: H,
               label: H.toUpperCase()
             }, {
-              default: R(({ scope: P }) => [
-                (o(!0), s(Y, null, G(P.rows, (j, X) => (o(), E(v(w2), {
+              default: E(({ scope: j }) => [
+                (o(!0), s(Y, null, G(j.rows, (F, X) => (o(), q(v(w2), {
                   key: X,
                   row: X
                 }, {
-                  default: R(() => [
+                  default: E(() => [
                     n("div", {
-                      "data-date": `${f(j[H]).date}`,
+                      "data-date": `${f(F[H]).date}`,
                       class: z([
                         "nmorph-calendar-date",
-                        `nmorph-calendar-date--${f(j[H]).monthType}`,
-                        { "nmorph-calendar-date--today": a.markToday && f(j[H]).isToday },
-                        { "nmorph-calendar-date--hidden": f(j[H]).hidden },
+                        `nmorph-calendar-date--${f(F[H]).monthType}`,
+                        { "nmorph-calendar-date--today": a.markToday && f(F[H]).isToday },
+                        { "nmorph-calendar-date--hidden": f(F[H]).hidden },
                         {
-                          "nmorph-calendar-date--selected": C(f(j[H]).date)
+                          "nmorph-calendar-date--selected": C(f(F[H]).date)
                         }
                       ]),
-                      onClick: (L) => x(f(j[H]))
+                      onClick: (L) => $(f(F[H]))
                     }, [
                       S(T.$slots, "date-cell", {
                         scope: {
-                          ...f(j[H]),
-                          selected: C(f(j[H]).date)
+                          ...f(F[H]),
+                          selected: C(f(F[H]).date)
                         }
                       }, () => [
-                        ee(F(f(j[H]).hidden ? "-" : f(j[H]).value), 1)
+                        ee(R(f(F[H]).hidden ? "-" : f(F[H]).value), 1)
                       ])
                     ], 10, jf)
                   ]),
@@ -3209,12 +3209,12 @@ const Se = [
 }, Ae = (e) => Se[e], Wf = (e) => e % 4 === 0 && e % 100 !== 0 || e % 400 === 0, We = (e, t) => [0, 2, 4, 6, 7, 9, 11].includes(t) ? 31 : [3, 5, 8, 10].includes(t) ? 30 : Wf(e) ? 29 : 28, v2 = (e, t) => {
   const a = (L) => t ? L < t[0] || L > t[1] : !1, l = e.value.getFullYear(), r = e.value.getMonth(), u = new Date(l, r, 1).getDay() + 1, d = We(l, r), h = 7 + u - 8;
   let b = 7 - (new Date(l, r, d).getDay() + 1);
-  const M = /* @__PURE__ */ new Date(), y = M.getDate(), x = M.getMonth(), g = r - 1, w = We(l, g);
-  let m = w - h;
+  const M = /* @__PURE__ */ new Date(), y = M.getDate(), $ = M.getMonth(), g = r - 1, x = We(l, g);
+  let m = x - h;
   const V = [];
-  for (; m < w; ) {
+  for (; m < x; ) {
     m++;
-    const L = x === g && y === m, J = new Date(l, g, m);
+    const L = $ === g && y === m, J = new Date(l, g, m);
     V.push({
       value: m,
       monthType: "previous",
@@ -3227,7 +3227,7 @@ const Se = [
   let B = 0;
   for (; b; ) {
     B++, b--;
-    const L = x === C && y === B, J = new Date(l, C, B);
+    const L = $ === C && y === B, J = new Date(l, C, B);
     T.push({
       value: B,
       monthType: "next",
@@ -3237,12 +3237,12 @@ const Se = [
     });
   }
   let H = 0;
-  const P = [];
+  const j = [];
   for (; H < d; ) {
     const L = M.getDate();
     H++;
-    const J = x === r && L === H, se = new Date(l, r, H);
-    P.push({
+    const J = $ === r && L === H, se = new Date(l, r, H);
+    j.push({
       value: H,
       monthType: "current",
       isToday: J,
@@ -3250,9 +3250,9 @@ const Se = [
       hidden: a(se)
     });
   }
-  const j = [...V, ...P, ...T], X = [];
-  for (let L = 0; L < j.length; L += 7) {
-    const J = j.slice(L, L + 7);
+  const F = [...V, ...j, ...T], X = [];
+  for (let L = 0; L < F.length; L += 7) {
+    const J = F.slice(L, L + 7);
     X.push(J);
   }
   return X.filter((L) => !L.every((J) => J.hidden));
@@ -3276,21 +3276,21 @@ const Se = [
       class: z(r.value)
     }, [
       S(i.$slots, "default", {}, () => [
-        n("h2", Lf, F(a.year) + " " + F(v(Ae)(a.month)), 1),
+        n("h2", Lf, R(a.year) + " " + R(v(Ae)(a.month)), 1),
         n("div", Uf, [
-          i.showPreviousMonthButton ? (o(), E(v(W), {
+          i.showPreviousMonthButton ? (o(), q(v(W), {
             key: 0,
             class: "nmorph-calendar-header__action",
             text: "Previous month",
             onClick: u[0] || (u[0] = (d) => l("click-previous-month"))
           })) : O("", !0),
-          i.showTodayButton ? (o(), E(v(W), {
+          i.showTodayButton ? (o(), q(v(W), {
             key: 1,
             class: "nmorph-calendar-header__action",
             text: "Today",
             onClick: u[1] || (u[1] = (d) => l("click-today"))
           })) : O("", !0),
-          i.showNextMonthButton ? (o(), E(v(W), {
+          i.showNextMonthButton ? (o(), q(v(W), {
             key: 2,
             class: "nmorph-calendar-header__action",
             text: "Next month",
@@ -3334,7 +3334,7 @@ const Jf = ["id"], Qf = { class: "nmorph-carousel__elements-indicator" }, Zf = [
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const a = $(0), l = () => {
+    const a = w(0), l = () => {
       a.value = a.value + 1;
     }, r = () => {
       a.value = a.value - 1;
@@ -3342,25 +3342,25 @@ const Jf = ["id"], Qf = { class: "nmorph-carousel__elements-indicator" }, Zf = [
       () => A({
         "nmorph-carousel": []
       })
-    ), h = $([]), p = ve();
+    ), h = w([]), p = ve();
     Z("carousel-data", { data: h, carouselId: p });
-    const f = $(null), b = ce({}), M = () => {
+    const f = w(null), b = ce({}), M = () => {
       const C = b[Object.keys(b).length - 1]?.cloneNode(!0), T = b[0]?.cloneNode(!0);
       f.value?.prepend(C), f.value?.append(T), a.value += 1;
     }, y = () => {
-      a.value === 0 && (a.value = Object.keys(b).length, w.value = !1), a.value > Object.keys(b).length && (a.value = 1, w.value = !1);
+      a.value === 0 && (a.value = Object.keys(b).length, x.value = !1), a.value > Object.keys(b).length && (a.value = 1, x.value = !1);
     };
     K(() => {
       i.loop && a.value === 0 && (ue(() => M()), f.value?.addEventListener("transitionend", y));
     }), U(a, (C) => {
       u("change", a.value), (C === 1 || C === Object.keys(b).length) && setTimeout(() => {
-        w.value = !0;
+        x.value = !0;
       });
     });
-    const x = (C, T) => {
+    const $ = (C, T) => {
       const B = C;
       b[T] = B;
-    }, g = _(() => `translateX(-${a.value * 100}%)`), w = $(!0), m = (C) => C === a.value - 1, V = (C) => {
+    }, g = _(() => `translateX(-${a.value * 100}%)`), x = w(!0), m = (C) => C === a.value - 1, V = (C) => {
       a.value = C + 1;
     };
     return (C, T) => (o(), s("div", {
@@ -3369,14 +3369,14 @@ const Jf = ["id"], Qf = { class: "nmorph-carousel__elements-indicator" }, Zf = [
       n("div", {
         ref_key: "carouselWrapper",
         ref: f,
-        class: z(["nmorph-carousel__wrapper", { "transition-enabled": w.value }]),
+        class: z(["nmorph-carousel__wrapper", { "transition-enabled": x.value }]),
         style: N({ transform: g.value })
       }, [
         (o(!0), s(Y, null, G(h.value, (B, H) => (o(), s("div", {
           id: `nmorph-carousel-item-${v(p)}-${B}`,
           key: B,
           ref_for: !0,
-          ref: (P) => x(P, H),
+          ref: (j) => $(j, H),
           class: "nmorph-carousel__item"
         }, null, 8, Jf))), 128))
       ], 6),
@@ -3384,7 +3384,7 @@ const Jf = ["id"], Qf = { class: "nmorph-carousel__elements-indicator" }, Zf = [
         (o(!0), s(Y, null, G(h.value, (B, H) => (o(), s("div", {
           key: H,
           class: "nmorph-carousel__element-indicator-wrapper",
-          onClick: (P) => V(H)
+          onClick: (j) => V(H)
         }, [
           n("div", {
             class: z(["nmorph-carousel__element-indicator", { "nmorph-carousel__element-indicator--active": m(H) }])
@@ -3395,13 +3395,13 @@ const Jf = ["id"], Qf = { class: "nmorph-carousel__elements-indicator" }, Zf = [
         class: "nmorph-carousel__action-btn nmorph-carousel__prev",
         onClick: l
       }, [
-        k(v(q), { name: "chevron-down" })
+        k(v(P), { name: "chevron-down" })
       ]),
       n("div", {
         class: "nmorph-carousel__action-btn nmorph-carousel__next",
         onClick: r
       }, [
-        k(v(q), { name: "chevron-down" })
+        k(v(P), { name: "chevron-down" })
       ]),
       S(C.$slots, "default")
     ], 2));
@@ -3417,14 +3417,14 @@ const If = /* @__PURE__ */ D({
       () => A({
         "nmorph-carousel-item": []
       })
-    ), l = Q("carousel-data", void 0), r = $(!1);
+    ), l = Q("carousel-data", void 0), r = w(!1);
     return K(() => {
       r.value = !0, l && l.data.value.push(t.name);
     }), (i, u) => r.value ? (o(), s("div", {
       key: 0,
       class: z(a.value)
     }, [
-      (o(), E(he, {
+      (o(), q(he, {
         to: `#nmorph-carousel-item-${v(l)?.carouselId}-${t.name}`
       }, [
         S(i.$slots, "default")
@@ -3439,7 +3439,7 @@ const If = /* @__PURE__ */ D({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const a = e, l = $(a.modelValue);
+    const a = e, l = w(a.modelValue);
     U(
       () => a.modelValue,
       (d) => {
@@ -3480,7 +3480,7 @@ const If = /* @__PURE__ */ D({
   },
   emits: ["click-item"],
   setup(e, { emit: t }) {
-    const a = e, l = t, r = $(!1), i = _(
+    const a = e, l = t, r = w(!1), i = _(
       () => A({
         "nmorph-collapse-item": [`${a.disabled && "disabled"}`, `${r.value && "is-open"}`]
       })
@@ -3488,7 +3488,7 @@ const If = /* @__PURE__ */ D({
       () => A({
         nmorph: [te[a.height]]
       })
-    ), d = Q("collapse-data", void 0), h = Q("update-model", void 0), p = $(null), f = $(0), b = () => {
+    ), d = Q("collapse-data", void 0), h = Q("update-model", void 0), p = w(null), f = w(0), b = () => {
       a.block || (r.value = !r.value, h && (h(a.name, r.value), l("click-item", { id: a.name, isOpen: r.value })));
     };
     return K(() => {
@@ -3509,7 +3509,7 @@ const If = /* @__PURE__ */ D({
         class: z(["nmorph-collapse-item__title", u.value])
       }, [
         S(M.$slots, "title", {}, () => [
-          ee(F(a.title), 1)
+          ee(R(a.title), 1)
         ])
       ], 2),
       n("div", {
@@ -3547,7 +3547,7 @@ const ng = ["src", "alt", "srcset"], og = {
     I((h) => ({
       "234993c7": d.value
     }));
-    const t = e, a = $(!1), l = $(!1), r = () => {
+    const t = e, a = w(!1), l = w(!1), r = () => {
       a.value = !0;
     }, i = () => {
       a.value = !0, l.value = !0;
@@ -3568,12 +3568,12 @@ const ng = ["src", "alt", "srcset"], og = {
       }, null, 40, ng),
       a.value ? O("", !0) : (o(), s("div", og, [
         S(h.$slots, "loading", {}, () => [
-          ee(F(t.loadingText), 1)
+          ee(R(t.loadingText), 1)
         ])
       ])),
       a.value && l.value ? (o(), s("div", ag, [
         S(h.$slots, "error", {}, () => [
-          ee(F(t.loadFailedText), 1)
+          ee(R(t.loadFailedText), 1)
         ])
       ])) : O("", !0)
     ], 2));
@@ -3598,11 +3598,11 @@ const sg = { class: "nmorph-image-preview__content" }, lg = {
   },
   emits: ["on-close", "on-open"],
   setup(e, { emit: t }) {
-    const a = e, l = $(a.show), r = _(
+    const a = e, l = w(a.show), r = _(
       () => A({
         "nmorph-image-preview": [`${l.value && "opened"}`]
       })
-    ), i = $(a.initialIndex), u = _(() => typeof a.src == "string" ? a.src : a.src[i.value]), d = $(1), h = () => {
+    ), i = w(a.initialIndex), u = _(() => typeof a.src == "string" ? a.src : a.src[i.value]), d = w(1), h = () => {
       l.value = !0, H("on-open");
     }, p = () => {
       l.value = !1, H("on-close");
@@ -3614,25 +3614,25 @@ const sg = { class: "nmorph-image-preview__content" }, lg = {
       d.value < a.maxScaleLevel && (d.value += a.scaleStep), d.value = parseFloat(d.value.toFixed(3));
     }, y = () => {
       d.value > a.minScaleLevel && (d.value -= a.scaleStep), d.value = parseFloat(d.value.toFixed(3));
-    }, x = _(() => d.value < 1), g = () => {
+    }, $ = _(() => d.value < 1), g = () => {
       d.value = 1;
-    }, w = () => {
+    }, x = () => {
       d.value = 1;
-    }, m = $(0), V = () => {
-      const j = a.src.length - 1, X = i.value - 1;
-      X < 0 ? i.value = j : i.value = X;
+    }, m = w(0), V = () => {
+      const F = a.src.length - 1, X = i.value - 1;
+      X < 0 ? i.value = F : i.value = X;
     }, C = () => {
-      const j = a.src.length - 1, X = i.value + 1;
-      X > j ? i.value = 0 : i.value = X;
+      const F = a.src.length - 1, X = i.value + 1;
+      X > F ? i.value = 0 : i.value = X;
     }, T = _(() => {
-      let j = {
+      let F = {
         icon: "shrink",
-        handler: w
+        handler: x
       };
-      return x.value && (j = {
+      return $.value && (F = {
         icon: "enlarge",
         handler: g
-      }), j;
+      }), F;
     }), B = [
       {
         icon: "rotate-right",
@@ -3650,8 +3650,8 @@ const sg = { class: "nmorph-image-preview__content" }, lg = {
         icon: "zoom-out",
         handler: y
       }
-    ], H = t, P = _(() => Array.isArray(a.src) && a.src.length > 0);
-    return (j, X) => (o(), s("div", {
+    ], H = t, j = _(() => Array.isArray(a.src) && a.src.length > 0);
+    return (F, X) => (o(), s("div", {
       class: z(r.value)
     }, [
       n("div", {
@@ -3668,7 +3668,7 @@ const sg = { class: "nmorph-image-preview__content" }, lg = {
         show: l.value,
         onOnOutsideClick: p
       }, {
-        default: R(() => [
+        default: E(() => [
           n("div", sg, [
             k(v(ze), {
               src: u.value,
@@ -3677,18 +3677,18 @@ const sg = { class: "nmorph-image-preview__content" }, lg = {
               style: N({ transform: `rotate(${m.value}deg) scale(${d.value})` })
             }, null, 8, ["src", "alt", "style"])
           ]),
-          P.value ? (o(), s("div", lg, [
+          j.value ? (o(), s("div", lg, [
             k(v(W), { onClick: V }, {
-              default: R(() => [
-                k(v(q), { name: "chevron-down" })
+              default: E(() => [
+                k(v(P), { name: "chevron-down" })
               ]),
               _: 1
             })
           ])) : O("", !0),
-          P.value ? (o(), s("div", rg, [
+          j.value ? (o(), s("div", rg, [
             k(v(W), { onClick: C }, {
-              default: R(() => [
-                k(v(q), { name: "chevron-down" })
+              default: E(() => [
+                k(v(P), { name: "chevron-down" })
               ]),
               _: 1
             })
@@ -3701,8 +3701,8 @@ const sg = { class: "nmorph-image-preview__content" }, lg = {
               k(v(W), {
                 onClick: L.handler
               }, {
-                default: R(() => [
-                  k(v(q), {
+                default: E(() => [
+                  k(v(P), {
                     name: L.icon
                   }, null, 8, ["name"])
                 ]),
@@ -3714,8 +3714,8 @@ const sg = { class: "nmorph-image-preview__content" }, lg = {
                 disabled: d.value === 1,
                 onClick: T.value.handler
               }, {
-                default: R(() => [
-                  k(v(q), {
+                default: E(() => [
+                  k(v(P), {
                     name: T.value.icon
                   }, null, 8, ["name"])
                 ]),
@@ -3741,7 +3741,7 @@ const dg = /* @__PURE__ */ D({
   },
   emits: ["prev-click", "next-click", "update:modelValue", "update:range"],
   setup(e, { emit: t }) {
-    const a = e, l = t, r = $(a.range), i = _(
+    const a = e, l = t, r = w(a.range), i = _(
       () => A({
         "nmorph-pagination": [`${a.disabled && "disabled"}`]
       })
@@ -3749,27 +3749,27 @@ const dg = /* @__PURE__ */ D({
       h.value = String(Number(h.value) - 1);
     }, d = () => {
       h.value = String(Number(h.value) + 1);
-    }, h = $(String(a.modelValue)), p = _(() => {
-      const g = a.total / a.pagerCount + 1, w = g % 1 === 0 ? -1 : 0;
-      return Array.from({ length: g + w }, (m, V) => ({ value: String(V + 1), label: String(V + 1) }));
+    }, h = w(String(a.modelValue)), p = _(() => {
+      const g = a.total / a.pagerCount + 1, x = g % 1 === 0 ? -1 : 0;
+      return Array.from({ length: g + x }, (m, V) => ({ value: String(V + 1), label: String(V + 1) }));
     }), f = _(() => a.hideOnSinglePage || a.total / a.pagerCount > 1);
     U(h, (g) => {
-      l("update:modelValue", Number(g)), x();
+      l("update:modelValue", Number(g)), $();
     }), U(
       () => a.pagerCount,
       () => {
-        x();
+        $();
       }
     );
     const b = (g) => {
       h.value = g;
-    }, M = _(() => Number(h.value) === 1), y = _(() => p.value.length === Number(h.value)), x = () => {
-      const g = Number(h.value) * a.pagerCount, w = g - a.pagerCount;
-      r.value = [w, g], l("update:range", r.value);
+    }, M = _(() => Number(h.value) === 1), y = _(() => p.value.length === Number(h.value)), $ = () => {
+      const g = Number(h.value) * a.pagerCount, x = g - a.pagerCount;
+      r.value = [x, g], l("update:range", r.value);
     };
     return K(() => {
-      x();
-    }), (g, w) => f.value ? (o(), s("div", {
+      $();
+    }), (g, x) => f.value ? (o(), s("div", {
       key: 0,
       class: z(i.value)
     }, [
@@ -3778,8 +3778,8 @@ const dg = /* @__PURE__ */ D({
         disabled: M.value || a.disabled,
         onClick: u
       }, {
-        default: R(() => [
-          k(v(q), {
+        default: E(() => [
+          k(v(P), {
             name: "chevron-down",
             class: "nmorph-pagination__prev"
           })
@@ -3798,8 +3798,8 @@ const dg = /* @__PURE__ */ D({
         disabled: y.value || a.disabled,
         onClick: d
       }, {
-        default: R(() => [
-          k(v(q), {
+        default: E(() => [
+          k(v(P), {
             name: "chevron-down",
             class: "nmorph-pagination__next"
           })
@@ -3845,7 +3845,7 @@ const ug = {
       () => A({
         "nmorph-progress": []
       })
-    ), l = _(() => `${t.percentage}%`), r = _(() => Array.isArray(t.color) ? t.color.find((M) => M.percentage <= t.percentage)?.color : typeof t.color == "function" ? t.color(t.percentage) : t.color), i = _(() => t.indeterminate ? "var(--animation)" : "none"), u = $(null), d = $(1), h = _(() => `${d.value} ${d.value}`), p = _(() => d.value - t.percentage / 100 * d.value);
+    ), l = _(() => `${t.percentage}%`), r = _(() => Array.isArray(t.color) ? t.color.find((M) => M.percentage <= t.percentage)?.color : typeof t.color == "function" ? t.color(t.percentage) : t.color), i = _(() => t.indeterminate ? "var(--animation)" : "none"), u = w(null), d = w(1), h = _(() => `${d.value} ${d.value}`), p = _(() => d.value - t.percentage / 100 * d.value);
     K(() => {
       u.value && (d.value = 2 * Math.PI * u.value.r.baseVal.value);
     });
@@ -3858,21 +3858,21 @@ const ug = {
           n("div", _g, [
             M.textInside ? (o(), s("div", vg, [
               S(M.$slots, "inner-text", {}, () => [
-                ee(F(b.value), 1)
+                ee(R(b.value), 1)
               ])
             ])) : O("", !0)
           ])
         ]),
         M.showText ? (o(), s("div", pg, [
           S(M.$slots, "right-sight", {}, () => [
-            ee(F(b.value), 1)
+            ee(R(b.value), 1)
           ])
         ])) : O("", !0)
       ])) : O("", !0),
       t.type === "circle" ? (o(), s("div", mg, [
         n("div", fg, [
           S(M.$slots, "circle-inner-part", {}, () => [
-            ee(F(b.value), 1)
+            ee(R(b.value), 1)
           ])
         ]),
         (o(), s("svg", {
@@ -3920,7 +3920,7 @@ const xg = {
       class: z(a.value)
     }, [
       t.rows && t.loading ? (o(), s("div", xg, [
-        (o(!0), s(Y, null, G(t.rows, (i) => (o(), E(v(f2), { key: i }))), 128))
+        (o(!0), s(Y, null, G(t.rows, (i) => (o(), q(v(f2), { key: i }))), 128))
       ])) : t.loading ? (o(), s("div", yg, [
         S(l.$slots, "template")
       ])) : (o(), s("div", Mg, [
@@ -3944,7 +3944,7 @@ const kg = { class: "nmorph-skeleton-item__element" }, f2 = /* @__PURE__ */ D({
       class: z(a.value)
     }, [
       n("div", kg, [
-        t.variant === "image" ? (o(), E(v(q), {
+        t.variant === "image" ? (o(), q(v(P), {
           key: 0,
           name: "image",
           width: "50%"
@@ -3976,14 +3976,14 @@ const me = "10px", Vg = /* @__PURE__ */ D({
         "style-type": "transparent",
         onClick: i
       }, {
-        default: R(() => [
-          k(v(q), {
+        default: E(() => [
+          k(v(P), {
             name: "triangle-down",
             class: "nmorph-sort-button__icon-up",
             width: me,
             height: me
           }),
-          k(v(q), {
+          k(v(P), {
             name: "triangle-down",
             class: "nmorph-sort-button__icon-down",
             width: me,
@@ -4009,20 +4009,20 @@ const Hg = { class: "nmorph-table__wrapper" }, zg = { class: "nmorph-table__head
       () => A({
         "nmorph-table": [`${t.style}`]
       })
-    ), l = $(t.data), r = $(t.sort), i = (y, x) => {
-      r.value && (r.value[x] = y, l.value.sort((g, w) => {
-        const m = String(g[x]).toLowerCase(), V = String(w[x]).toLowerCase();
+    ), l = w(t.data), r = w(t.sort), i = (y, $) => {
+      r.value && (r.value[$] = y, l.value.sort((g, x) => {
+        const m = String(g[$]).toLowerCase(), V = String(x[$]).toLowerCase();
         if (!r.value)
           return 0;
-        const C = r.value[x];
+        const C = r.value[$];
         return C === "ascending" ? m.localeCompare(V) : C === "descending" ? V.localeCompare(m) : 0;
       }));
-    }, u = $(null), d = $([]);
+    }, u = w(null), d = w([]);
     Z("table-data", { rows: l, columns: d });
     const h = _(() => {
-      const y = d.value.map((V) => V.width).filter((V) => !!V), x = y.length, g = y.reduce((V, C) => (V += Number(C), V), 0), w = d.value.length - x;
-      return u.value?.clientWidth ? (u.value?.clientWidth - g) / w : 0;
-    }), p = (y) => y !== "" ? y : h.value, f = $(0);
+      const y = d.value.map((V) => V.width).filter((V) => !!V), $ = y.length, g = y.reduce((V, C) => (V += Number(C), V), 0), x = d.value.length - $;
+      return u.value?.clientWidth ? (u.value?.clientWidth - g) / x : 0;
+    }), p = (y) => y !== "" ? y : h.value, f = w(0);
     U(
       () => t.data,
       () => {
@@ -4033,7 +4033,7 @@ const Hg = { class: "nmorph-table__wrapper" }, zg = { class: "nmorph-table__head
       }
     );
     const b = (y) => typeof y == "object" ? "" : y, M = ve();
-    return Z("table-identifier", M), (y, x) => (o(), s("div", {
+    return Z("table-identifier", M), (y, $) => (o(), s("div", {
       ref_key: "nmorphDOMTable",
       ref: u,
       key: f.value,
@@ -4050,8 +4050,8 @@ const Hg = { class: "nmorph-table__wrapper" }, zg = { class: "nmorph-table__head
           ]),
           n("thead", null, [
             n("tr", Cg, [
-              (o(!0), s(Y, null, G(d.value, (g, w) => (o(), s("th", {
-                key: w,
+              (o(!0), s(Y, null, G(d.value, (g, x) => (o(), s("th", {
+                key: x,
                 class: z(["nmorph-table__table-data", { "nmorph-table__table-data--bordered": t.bordered }])
               }, [
                 n("div", Sg, [
@@ -4059,8 +4059,8 @@ const Hg = { class: "nmorph-table__wrapper" }, zg = { class: "nmorph-table__head
                     style: N({ "justify-content": g.alignment }),
                     class: "nmorph-table__cell-content"
                   }, [
-                    n("span", null, F(g.label), 1),
-                    r.value && r.value[g.prop] ? (o(), E(Vg, {
+                    n("span", null, R(g.label), 1),
+                    r.value && r.value[g.prop] ? (o(), q(Vg, {
                       key: 0,
                       class: "nmorph-table__button-wrapper",
                       value: r.value[g.prop],
@@ -4081,8 +4081,8 @@ const Hg = { class: "nmorph-table__wrapper" }, zg = { class: "nmorph-table__head
               }, null, 4))), 128))
             ]),
             n("tbody", null, [
-              (o(!0), s(Y, null, G(l.value, (g, w) => (o(), s("tr", {
-                key: w,
+              (o(!0), s(Y, null, G(l.value, (g, x) => (o(), s("tr", {
+                key: x,
                 class: z(["nmorph-table__table-data-row", { "nmorph-table__table-data-row--row-hover": t.rowHover }])
               }, [
                 (o(!0), s(Y, null, G(d.value, (m) => (o(), s("td", {
@@ -4090,10 +4090,10 @@ const Hg = { class: "nmorph-table__wrapper" }, zg = { class: "nmorph-table__head
                   class: z([{ "nmorph-table__table-data--bordered": t.bordered }, "nmorph-table__table-data"])
                 }, [
                   n("div", {
-                    id: `table-cell-${v(M)}-${w}-${m.prop}`,
+                    id: `table-cell-${v(M)}-${x}-${m.prop}`,
                     style: N({ "text-align": m.alignment }),
                     class: "nmorph-table__cell nmorph-table__cell--data"
-                  }, F(b(g[m.prop])), 13, Dg)
+                  }, R(b(g[m.prop])), 13, Dg)
                 ], 2))), 128))
               ], 2))), 128))
             ])
@@ -4124,7 +4124,7 @@ const w2 = /* @__PURE__ */ D({
       () => A({
         "nmorph-table-cell": []
       })
-    ), i = _(() => `#table-cell-${a}-${l.row}-${t}`), u = $(!1);
+    ), i = _(() => `#table-cell-${a}-${l.row}-${t}`), u = w(!1);
     return K(async () => {
       await ue();
       const d = document.querySelector(i.value);
@@ -4133,7 +4133,7 @@ const w2 = /* @__PURE__ */ D({
       key: 0,
       class: z(r.value)
     }, [
-      (o(), E(he, { to: i.value }, [
+      (o(), q(he, { to: i.value }, [
         S(d.$slots, "default")
       ], 8, ["to"]))
     ], 2)) : O("", !0);
@@ -4151,7 +4151,7 @@ const w2 = /* @__PURE__ */ D({
       () => A({
         "nmorph-table-column": []
       })
-    ), i = $(0);
+    ), i = w(0);
     Z("column-property", l.prop), Z("table-identifier", a), K(() => {
       u();
     });
@@ -4160,7 +4160,7 @@ const w2 = /* @__PURE__ */ D({
         return;
       const { columns: h } = t;
       i.value = h.value.length + 1, t.columns.value = [...h.value, { ...l, id: i.value }];
-    }, d = $(null);
+    }, d = w(null);
     return (h, p) => (o(), s("div", {
       ref_key: "columnDOMEl",
       ref: d,
@@ -4195,8 +4195,8 @@ const w2 = /* @__PURE__ */ D({
       class: z(l.value)
     }, [
       n("div", Pg, [
-        n("span", null, F(u.text), 1),
-        a.removable ? (o(), E(v(q), {
+        n("span", null, R(u.text), 1),
+        a.removable ? (o(), q(v(P), {
           key: 0,
           class: "nmorph-tag__close-icon",
           name: "error",
@@ -4252,7 +4252,7 @@ const qg = ["innerHTML"], Eg = {
         n("div", Rg, [
           a.showIcon ? (o(), s("div", Fg, [
             S(h.$slots, "icon", {}, () => [
-              k(v(q), {
+              k(v(P), {
                 name: u[a.type],
                 size: "medium"
               }, null, 8, ["name"])
@@ -4261,12 +4261,12 @@ const qg = ["innerHTML"], Eg = {
           n("div", jg, [
             n("div", Wg, [
               a.title || v(d).title ? S(h.$slots, "title", { key: 0 }, () => [
-                ee(F(a.title), 1)
+                ee(R(a.title), 1)
               ], !0) : O("", !0)
             ]),
             n("div", Lg, [
               S(h.$slots, "default", {}, () => [
-                ee(F(a.content), 1)
+                ee(R(a.content), 1)
               ], !0)
             ])
           ])
@@ -4276,7 +4276,7 @@ const qg = ["innerHTML"], Eg = {
           class: "nmorph-alert__close",
           onClick: i
         }, [
-          k(v(q), {
+          k(v(P), {
             name: "cross",
             width: "14px",
             height: "14px"
@@ -4315,7 +4315,7 @@ const Yg = { class: "nmorph-dialog__header" }, Gg = { class: "nmorph-dialog__tit
       () => A({
         "nmorph-dialog": []
       })
-    ), i = _(() => a.width), u = _(() => a.zIndex), d = $(a.modelValue);
+    ), i = _(() => a.width), u = _(() => a.zIndex), d = w(a.modelValue);
     let h = null, p = null;
     U(
       () => a.modelValue,
@@ -4333,23 +4333,23 @@ const Yg = { class: "nmorph-dialog__header" }, Gg = { class: "nmorph-dialog__tit
         l("update:modelValue", !1);
       }, a.closeDelay);
     };
-    return (b, M) => (o(), E(v(ke), {
+    return (b, M) => (o(), q(v(ke), {
       show: d.value,
       onOnOutsideClick: f
     }, {
-      default: R(() => [
+      default: E(() => [
         n("div", {
           class: z(r.value)
         }, [
           n("div", Yg, [
             S(b.$slots, "header", {}, () => [
-              n("div", Gg, F(a.title), 1),
+              n("div", Gg, R(a.title), 1),
               a.showClose ? (o(), s("div", {
                 key: 0,
                 class: "nmorph-dialog__close-icon",
                 onClick: f
               }, [
-                k(v(q), { name: "cross" })
+                k(v(P), { name: "cross" })
               ])) : O("", !0)
             ])
           ]),
@@ -4364,7 +4364,7 @@ const Yg = { class: "nmorph-dialog__header" }, Gg = { class: "nmorph-dialog__tit
 });
 var Jg = /* @__PURE__ */ ((e) => (e["contains-one"] = "contains-one", e["not-contains"] = "not-contains", e["full-eq"] = "full-eq", e))(Jg || {}), Qg = /* @__PURE__ */ ((e) => (e.eq = "eq", e.gte = "gte", e.lte = "lte", e.gt = "gt", e.lt = "lt", e))(Qg || {}), Zg = /* @__PURE__ */ ((e) => (e.eq = "eq", e["not-eq"] = "not-eq", e))(Zg || {});
 const Le = (e) => {
-  const { inputValue: t, rules: a } = e, l = $([]), r = _(() => l.value.length === 0), i = $(!1);
+  const { inputValue: t, rules: a } = e, l = w([]), r = _(() => l.value.length === 0), i = w(!1);
   return {
     touched: i,
     valid: r,
@@ -4372,53 +4372,53 @@ const Le = (e) => {
     validate: () => {
       if (t === null || !a.length)
         return null;
-      const d = t, h = (x) => a.length > 0 && x in a[0], p = typeof d == "string" && h("pattern"), f = typeof d == "number" && h("numberCompareType"), b = typeof d == "string" || typeof d == "boolean" && h("booleanCompareType"), M = Array.isArray(d) && h("arrayCompareType");
+      const d = t, h = ($) => a.length > 0 && $ in a[0], p = typeof d == "string" && h("pattern"), f = typeof d == "number" && h("numberCompareType"), b = typeof d == "string" || typeof d == "boolean" && h("booleanCompareType"), M = Array.isArray(d) && h("arrayCompareType");
       if (!f && !p && !b && !M)
         return console.warn("The input value and the provided rules do not match"), null;
       if (i.value || (i.value = !0), p) {
-        const x = a;
-        l.value = x.reduce((g, w) => (d.match(w.pattern) || g.push(w.error), g), []);
+        const $ = a;
+        l.value = $.reduce((g, x) => (d.match(x.pattern) || g.push(x.error), g), []);
       }
       if (f) {
-        const x = (w, m, V) => {
+        const $ = (x, m, V) => {
           switch (V) {
             case "eq":
-              return w === m;
+              return x === m;
             case "gt":
-              return w > m;
+              return x > m;
             case "lt":
-              return w < m;
+              return x < m;
             case "lte":
-              return w <= m;
+              return x <= m;
             case "gte":
-              return w >= m;
+              return x >= m;
           }
         }, g = a;
-        l.value = g.reduce((w, m) => (x(d, m.compareValue, m.numberCompareType) && w.push(m.error), w), []);
+        l.value = g.reduce((x, m) => ($(d, m.compareValue, m.numberCompareType) && x.push(m.error), x), []);
       }
       if (b) {
-        const x = a;
-        l.value = x.reduce((g, w) => {
+        const $ = a;
+        l.value = $.reduce((g, x) => {
           let m = !1;
-          const { compareValue: V, booleanCompareType: C } = w;
-          return C === "not-eq" && (m = d === V), C === "eq" && (m = d !== V), m || g.push(w.error), g;
+          const { compareValue: V, booleanCompareType: C } = x;
+          return C === "not-eq" && (m = d === V), C === "eq" && (m = d !== V), m || g.push(x.error), g;
         }, []);
       }
       if (M) {
-        const x = a, g = (w, m, V) => {
+        const $ = a, g = (x, m, V) => {
           switch (V) {
             case "contains-one":
-              return w.some((B) => m.includes(B));
+              return x.some((B) => m.includes(B));
             case "full-eq":
-              if (w.length !== m.length)
+              if (x.length !== m.length)
                 return !1;
-              const C = [...w].sort(), T = [...m].sort();
+              const C = [...x].sort(), T = [...m].sort();
               return C.every((B, H) => B === T[H]);
             case "not-contains":
-              return !w.some((B) => m.includes(B));
+              return !x.some((B) => m.includes(B));
           }
         };
-        l.value = x.reduce((w, m) => (g(d, m.compareValue, m.arrayCompareType) || w.push(m.error), w), []);
+        l.value = $.reduce((x, m) => (g(d, m.compareValue, m.arrayCompareType) || x.push(m.error), x), []);
       }
     }
   };
@@ -4440,7 +4440,7 @@ const Le = (e) => {
     fields: a
   };
 }, M2 = (e) => {
-  const { initialPlacement: t, relativeElement: a, contentDOMElement: l, yOffset: r = 0, xOffset: i = 0 } = e, u = $(t), d = $({ x: "0px", y: "0px" });
+  const { initialPlacement: t, relativeElement: a, contentDOMElement: l, yOffset: r = 0, xOffset: i = 0 } = e, u = w(t), d = w({ x: "0px", y: "0px" });
   K(() => {
     h();
   });
@@ -4455,13 +4455,13 @@ const Le = (e) => {
         console.warn("Relative element is not an HTMLElement");
         return;
       }
-      const y = M.getBoundingClientRect(), { x, y: g } = y, w = y.width, m = y.height, V = window.innerWidth, C = window.innerHeight;
-      u.value === "top" && g - b < 0 && (u.value = "bottom"), u.value === "bottom" && g + m + b > C && (u.value = "top"), u.value === "left" && x - f < 0 && (u.value = "right"), u.value === "right" && x + w + f > V && (u.value = "left"), u.value === "top" && (d.value = { x: `${x + i}px`, y: `${g + r}px` }), u.value === "bottom" && (d.value = { x: `${x + i}px`, y: `${g + m + r}px` }), u.value === "right" && (d.value = { x: `${x + i}px`, y: `${g + r}px` }), u.value === "left" && (d.value = { x: `${x + w + i}px`, y: `${g + r}px` });
+      const y = M.getBoundingClientRect(), { x: $, y: g } = y, x = y.width, m = y.height, V = window.innerWidth, C = window.innerHeight;
+      u.value === "top" && g - b < 0 && (u.value = "bottom"), u.value === "bottom" && g + m + b > C && (u.value = "top"), u.value === "left" && $ - f < 0 && (u.value = "right"), u.value === "right" && $ + x + f > V && (u.value = "left"), u.value === "top" && (d.value = { x: `${$ + i}px`, y: `${g + r}px` }), u.value === "bottom" && (d.value = { x: `${$ + i}px`, y: `${g + m + r}px` }), u.value === "right" && (d.value = { x: `${$ + i}px`, y: `${g + r}px` }), u.value === "left" && (d.value = { x: `${$ + x + i}px`, y: `${g + r}px` });
     });
   };
   return { placement: u, placementCoords: d };
 }, Wx = () => {
-}, Ig = "@nmorph/nmorph-ui-kit", ew = "module", tw = "0.2.40", nw = "MIT", ow = {
+}, Ig = "@nmorph/nmorph-ui-kit", ew = "module", tw = "0.2.41", nw = "MIT", ow = {
   node: "18.13.0",
   npm: "8.19.3"
 }, aw = "./dist/index.d.ts", sw = "./dist/index.umd.js", lw = "./dist/index.es.js", rw = "./dist/style.css", cw = [
@@ -4625,47 +4625,47 @@ const Le = (e) => {
   Z2("warn", `NMORPH(v${vw.version})`);
   const t = { ...gw, ...e }, a = (M) => {
     try {
-      const y = $w(M), x = Ue(y, t.darkShadeGeneratorCoefficient), g = Ue(y, t.lightShadeGeneratorCoefficient);
+      const y = $w(M), $ = Ue(y, t.darkShadeGeneratorCoefficient), g = Ue(y, t.lightShadeGeneratorCoefficient);
       return [
-        { name: "--nmorph-dark-shade-color", color: x },
+        { name: "--nmorph-dark-shade-color", color: $ },
         { name: "--nmorph-light-shade-color", color: g }
       ];
     } catch (y) {
       console.error(y.message);
     }
-  }, l = (M) => Object.entries(M).map(([y, x]) => ({
+  }, l = (M) => Object.entries(M).map(([y, $]) => ({
     name: `--nmorph-${Re(y)}-color`,
-    color: x
+    color: $
   })), r = (M, y) => {
-    const x = (m) => m.map((V) => `${V.name}: ${V.color};`).join(" "), g = Object.entries(y).map(([m, V]) => `--${Re(m)}: ${V};`).join(" "), w = [];
+    const $ = (m) => m.map((V) => `${V.name}: ${V.color};`).join(" "), g = Object.entries(y).map(([m, V]) => `--${Re(m)}: ${V};`).join(" "), x = [];
     return Object.entries(M).forEach(([m, V]) => {
       if (m === "common")
-        w.push(x(xw(b2, V)));
+        x.push($(xw(b2, V)));
       else {
         const C = `
           &[${le}='${m}'] {
-            ${x(V)}
+            ${$(V)}
           }
         `;
-        w.push(C);
+        x.push(C);
       }
     }), `
       :root {
-        ${w.join(" ")}
+        ${x.join(" ")}
         ${g}
       }
     `;
   }, i = {};
   Object.entries(t.themes).forEach(([M, y]) => {
     i[M] = [];
-    const x = !!y.darkShade, g = !!y.lightShade;
-    !!y.main && !x && !g && (i[M] = a(y.main)), i[M] = [...i[M], ...l(y)];
+    const $ = !!y.darkShade, g = !!y.lightShade;
+    !!y.main && !$ && !g && (i[M] = a(y.main)), i[M] = [...i[M], ...l(y)];
   });
   const u = document.createElement("style");
   u.type = "text/css", u.innerHTML = r(i, t.other), document.head.appendChild(u);
   const d = (M) => {
     h.value = M, p.setAttribute(le, h.value), t.saveCurrentThemeToLS ? localStorage.setItem(le, M) : localStorage.removeItem(le);
-  }, h = $(t.defaultTheme), p = document.querySelector("html"), f = localStorage.getItem(le), b = i[f];
+  }, h = w(t.defaultTheme), p = document.querySelector("html"), f = localStorage.getItem(le), b = i[f];
   return t.saveCurrentThemeToLS && b && (h.value = localStorage.getItem(le)), d(h.value), { setTheme: d, currentTheme: j2(h) };
 }, k2 = {
   [ae.en]: {
@@ -4688,7 +4688,7 @@ const Le = (e) => {
     messages: t
   });
 }, Ux = () => {
-  const e = $([]), t = {
+  const e = w([]), t = {
     duration: 3e3,
     closable: !0,
     fill: !0,
@@ -4728,7 +4728,7 @@ const Le = (e) => {
     I((f) => ({
       "042206ed": p.value
     }));
-    const t = e, a = $(t.forceShow), l = $(null), r = $(null), { placement: i } = M2({
+    const t = e, a = w(t.forceShow), l = w(null), r = w(null), { placement: i } = M2({
       initialPlacement: "top",
       contentDOMElement: l,
       relativeElement: r
@@ -4757,12 +4757,12 @@ const Le = (e) => {
         }, [
           S(f.$slots, "default")
         ], 512),
-        t.forceCoordinate ? (o(), E(_e, {
+        t.forceCoordinate ? (o(), q(_e, {
           key: 0,
           name: "opacity",
           tag: "div"
         }, {
-          default: R(() => [
+          default: E(() => [
             a.value && t.text ? (o(), s("div", {
               key: 0,
               class: "nmorph-tooltip__info-content",
@@ -4770,21 +4770,21 @@ const Le = (e) => {
             }, [
               n("div", kw, [
                 Vw,
-                n("span", null, F(f.text), 1)
+                n("span", null, R(f.text), 1)
               ])
             ], 4)) : O("", !0)
           ]),
           _: 1
-        })) : (o(), E(_e, {
+        })) : (o(), q(_e, {
           key: 1,
           name: "opacity",
           tag: "div"
         }, {
-          default: R(() => [
+          default: E(() => [
             a.value ? (o(), s("div", Hw, [
               n("div", zw, [
                 Bw,
-                t.text ? (o(), s("span", Cw, F(f.text), 1)) : S(f.$slots, "content", { key: 1 })
+                t.text ? (o(), s("span", Cw, R(f.text), 1)) : S(f.$slots, "content", { key: 1 })
               ])
             ])) : O("", !0)
           ]),
@@ -4836,7 +4836,7 @@ const Sw = {
     K(() => {
       p("inputDOMRef", i);
     });
-    const i = $(null), u = a !== void 0, d = u ? $(a.value) : $(r.modelValue), h = _(() => u ? a.value.includes(r.id) : r.modelValue), p = t, f = () => {
+    const i = w(null), u = a !== void 0, d = u ? w(a.value) : w(r.modelValue), h = _(() => u ? a.value.includes(r.id) : r.modelValue), p = t, f = () => {
       if (!r.disabled) {
         if (!u) {
           d.value = !d.value, p("update:modelValue", d.value);
@@ -4867,7 +4867,7 @@ const Sw = {
           h.value ? (o(), s("div", Ow)) : O("", !0)
         ]),
         r.label ? (o(), s("div", Pw, [
-          n("span", null, F(r.label), 1)
+          n("span", null, R(r.label), 1)
         ])) : (o(), s("div", qw, [
           S(M.$slots, "default")
         ]))
@@ -4882,7 +4882,7 @@ const Sw = {
           onChange: f
         }, null, 40, Rw),
         r.label ? (o(), s("div", Fw, [
-          n("span", null, F(r.label), 1)
+          n("span", null, R(r.label), 1)
         ])) : (o(), s("div", jw, [
           S(M.$slots, "label")
         ]))
@@ -4904,7 +4904,7 @@ const Ww = { class: "nmorph-checkbox-group__wrapper" }, Lw = { class: "nmorph-ch
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const a = e, l = $(a.modelValue), r = t, i = (d) => {
+    const a = e, l = w(a.modelValue), r = t, i = (d) => {
       l.value.includes(d) ? l.value = l.value.filter((h) => h !== d) : l.value.push(d), r("update:modelValue", l.value);
     }, u = _(
       () => A({
@@ -4916,7 +4916,7 @@ const Ww = { class: "nmorph-checkbox-group__wrapper" }, Lw = { class: "nmorph-ch
     }, [
       n("div", Ww, [
         n("div", Lw, [
-          (o(!0), s(Y, null, G(d.options, (p, f) => (o(), E(v(H2), {
+          (o(!0), s(Y, null, G(d.options, (p, f) => (o(), q(v(H2), {
             id: p.id,
             key: f,
             label: p.label,
@@ -4950,30 +4950,30 @@ const Yw = { class: "nmorph-autocomplete__input-content" }, Gw = {
   },
   emits: ["update:modelValue", "select"],
   setup(e, { emit: t }) {
-    const a = e, l = $(a.modelValue), r = t, i = _(
+    const a = e, l = w(a.modelValue), r = t, i = _(
       () => A({
         "nmorph-autocomplete": []
       })
-    ), u = (x) => {
-      l.value = x, r("update:modelValue", l.value);
-    }, d = $(!1), h = $(null), p = () => {
+    ), u = ($) => {
+      l.value = $, r("update:modelValue", l.value);
+    }, d = w(!1), h = w(null), p = () => {
       d.value = !1;
-    }, f = _(() => a.list.filter((x) => Object.keys(x).some((g) => String(x[g]).toLowerCase().includes(l.value.toLowerCase()))));
-    U(f, (x) => {
-      d.value = x.length > 0;
+    }, f = _(() => a.list.filter(($) => Object.keys($).some((g) => String($[g]).toLowerCase().includes(l.value.toLowerCase()))));
+    U(f, ($) => {
+      d.value = $.length > 0;
     });
-    const b = (x) => {
-      r("select", x), l.value = x.value, setTimeout(() => {
+    const b = ($) => {
+      r("select", $), l.value = $.value, setTimeout(() => {
         d.value = !1;
       });
     }, M = () => {
       d.value = f.value.length > 0;
-    }, y = $(!1);
-    return U(l, async (x) => {
-      x !== "" && a.actionCallback && (y.value = !0, await a.actionCallback(), y.value = !1);
-    }), U(y, (x) => {
-      x && (d.value = !0);
-    }), (x, g) => (o(), s("div", {
+    }, y = w(!1);
+    return U(l, async ($) => {
+      $ !== "" && a.actionCallback && (y.value = !0, await a.actionCallback(), y.value = !1);
+    }), U(y, ($) => {
+      $ && (d.value = !0);
+    }), ($, g) => (o(), s("div", {
       class: z(i.value)
     }, [
       n("div", Yw, [
@@ -4994,28 +4994,28 @@ const Yw = { class: "nmorph-autocomplete__input-content" }, Gw = {
           }, null, 8, ["fill", "height", "disabled", "model-value", "placeholder", "clearable"])
         ], 512)
       ]),
-      h.value ? (o(), E(v(ie), {
+      h.value ? (o(), q(v(ie), {
         key: 0,
         open: d.value,
         "relative-element": h.value,
         onOnOutsideClick: p
       }, {
-        default: R(() => [
+        default: E(() => [
           y.value ? (o(), s("div", Gw, [
-            S(x.$slots, "loader", {}, () => [
-              k(v(q), {
+            S($.$slots, "loader", {}, () => [
+              k(v(P), {
                 name: "loader",
                 size: "large"
               })
             ])
           ])) : (o(), s("div", Kw, [
-            (o(!0), s(Y, null, G(f.value, (w, m) => (o(), s("div", {
+            (o(!0), s(Y, null, G(f.value, (x, m) => (o(), s("div", {
               key: m,
               class: "nmorph-autocomplete__list-item",
-              onClick: () => b(w)
+              onClick: () => b(x)
             }, [
-              S(x.$slots, "default", { scope: w }, () => [
-                ee(F(w.value), 1)
+              S($.$slots, "default", { scope: x }, () => [
+                ee(R(x.value), 1)
               ])
             ], 8, Xw))), 128))
           ]))
@@ -5037,7 +5037,7 @@ const Ge = /* @__PURE__ */ D({
     return (r, i) => (o(), s("div", {
       class: z(l.value)
     }, [
-      k(v(q), {
+      k(v(P), {
         name: "error",
         onClick: i[0] || (i[0] = oe((u) => a("clear"), ["stop"]))
       })
@@ -5065,14 +5065,14 @@ const Ge = /* @__PURE__ */ D({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const a = e, l = $(a.initialStartDate), r = $(
+    const a = e, l = w(a.initialStartDate), r = w(
       a.initialEndDate ?? new Date(new Date(a.initialStartDate).setMonth(a.initialStartDate.getMonth() + 1))
-    ), i = $(a.modelValue), u = t, d = _(
+    ), i = w(a.modelValue), u = t, d = _(
       () => A({
         nmorph: [te[a.height]],
         "nmorph-date-picker": [`${a.disabled && "disabled"}`, a.type]
       })
-    ), h = $(!1), p = $(null), f = () => {
+    ), h = w(!1), p = w(null), f = () => {
       h.value = !1;
     }, b = () => {
       h.value = !h.value;
@@ -5085,7 +5085,7 @@ const Ge = /* @__PURE__ */ D({
         };
       } else
         return { from: a.startDatePlaceholder, to: a.endDatePlaceholder };
-    }), x = () => {
+    }), $ = () => {
       const C = Array.isArray(i.value) ? [] : null;
       i.value = C, u("update:modelValue", i.value);
     };
@@ -5094,13 +5094,13 @@ const Ge = /* @__PURE__ */ D({
       const T = C;
       if (Array.isArray(i.value)) {
         if (a.type === "dates") {
-          const B = T.toDateString(), H = i.value.map((j) => j?.toDateString()), P = H.findIndex((j) => B === j);
-          H.includes(B) ? i.value.splice(P, 1) : i.value.push(T);
+          const B = T.toDateString(), H = i.value.map((F) => F?.toDateString()), j = H.findIndex((F) => B === F);
+          H.includes(B) ? i.value.splice(j, 1) : i.value.push(T);
         }
       } else
         i.value = T;
       u("update:modelValue", i.value);
-    }, w = _(() => Array.isArray(i.value) ? i.value.length > 0 : !!i.value), m = (C) => {
+    }, x = _(() => Array.isArray(i.value) ? i.value.length > 0 : !!i.value), m = (C) => {
       Array.isArray(i.value) && (i.value[0] = C, u("update:modelValue", i.value));
     }, V = (C) => {
       Array.isArray(i.value) && (i.value[1] = C, u("update:modelValue", i.value));
@@ -5116,20 +5116,20 @@ const Ge = /* @__PURE__ */ D({
           onClick: b
         }, [
           Zw,
-          k(v(q), {
+          k(v(P), {
             name: "calendar",
             class: "nmorph-date-picker__calendar-icon"
           }),
-          n("div", Nw, F(M.value), 1),
+          n("div", Nw, R(M.value), 1),
           n("div", Iw, [
-            w.value ? (o(), E(Ge, {
+            x.value ? (o(), q(Ge, {
               key: 0,
-              onClear: x
+              onClear: $
             })) : O("", !0)
           ])
         ], 2),
         n("div", e$, [
-          p.value ? (o(), E(v(ie), {
+          p.value ? (o(), q(v(ie), {
             key: 0,
             "fill-width": !1,
             width: 324,
@@ -5137,7 +5137,7 @@ const Ge = /* @__PURE__ */ D({
             "relative-element": p.value,
             onOnOutsideClick: f
           }, {
-            default: R(() => [
+            default: E(() => [
               k(v(ge), {
                 "selected-values": i.value,
                 "initial-date": l.value,
@@ -5157,24 +5157,24 @@ const Ge = /* @__PURE__ */ D({
           onClick: b
         }, [
           n$,
-          k(v(q), {
+          k(v(P), {
             name: "calendar",
             class: "nmorph-date-picker__calendar-icon"
           }),
           n("div", o$, [
-            n("div", a$, F(y.value.from), 1),
-            n("div", s$, F(a.textSeparator), 1),
-            n("div", l$, F(y.value.to), 1)
+            n("div", a$, R(y.value.from), 1),
+            n("div", s$, R(a.textSeparator), 1),
+            n("div", l$, R(y.value.to), 1)
           ]),
           n("div", r$, [
-            w.value ? (o(), E(Ge, {
+            x.value ? (o(), q(Ge, {
               key: 0,
-              onClear: x
+              onClear: $
             })) : O("", !0)
           ])
         ], 2),
         n("div", c$, [
-          p.value ? (o(), E(v(ie), {
+          p.value ? (o(), q(v(ie), {
             key: 0,
             "fill-width": !1,
             width: 648,
@@ -5182,7 +5182,7 @@ const Ge = /* @__PURE__ */ D({
             "relative-element": p.value,
             onOnOutsideClick: f
           }, {
-            default: R(() => [
+            default: E(() => [
               k(v(ge), {
                 "selected-values": i.value,
                 "initial-date": l.value,
@@ -5213,11 +5213,11 @@ const d$ = { class: "nmorph-year-month-picker__header" }, u$ = { class: "nmorph-
   },
   emits: ["update-year", "update-month", "back-to-years"],
   setup(e, { emit: t }) {
-    const a = Se.map((w, m) => ({
-      label: w.substring(0, 3),
+    const a = Se.map((x, m) => ({
+      label: x.substring(0, 3),
       value: String(m)
-    })), l = e, r = $(a), i = $(String(l.currentDate.getMonth())), u = $(l.currentDate.getFullYear()), d = () => {
-      const w = l.currentDate.getFullYear(), m = d2(w).map((V) => ({ label: String(V), value: String(V) }));
+    })), l = e, r = w(a), i = w(String(l.currentDate.getMonth())), u = w(l.currentDate.getFullYear()), d = () => {
+      const x = l.currentDate.getFullYear(), m = d2(x).map((V) => ({ label: String(V), value: String(V) }));
       r.value = m;
     };
     U(
@@ -5234,24 +5234,24 @@ const d$ = { class: "nmorph-year-month-picker__header" }, u$ = { class: "nmorph-
       () => A({
         "nmorph-year-month-picker": []
       })
-    ), f = (w) => {
-      i.value = w, l.type === "month" ? h("update-month", i.value) : h("update-year", i.value);
-    }, b = (w) => {
+    ), f = (x) => {
+      i.value = x, l.type === "month" ? h("update-month", i.value) : h("update-year", i.value);
+    }, b = (x) => {
       r.value = r.value.map((m) => {
-        const V = String(w === "decrease" ? Number(m.value) - 10 : Number(m.value) + 10);
+        const V = String(x === "decrease" ? Number(m.value) - 10 : Number(m.value) + 10);
         return {
           label: V,
           value: V
         };
       });
-    }, M = (w) => {
-      w === "decrease" ? u.value = u.value - 1 : u.value = u.value + 1, h("update-year", String(u.value));
-    }, y = (w) => {
-      w === "decrease" ? l.type === "year" ? b("decrease") : M("decrease") : l.type === "year" ? b("increase") : M("increase");
-    }, x = _(() => l.type === "year" ? `${r.value[0].label} - ${r.value[r.value.length - 1].label}` : String(u.value)), g = () => {
+    }, M = (x) => {
+      x === "decrease" ? u.value = u.value - 1 : u.value = u.value + 1, h("update-year", String(u.value));
+    }, y = (x) => {
+      x === "decrease" ? l.type === "year" ? b("decrease") : M("decrease") : l.type === "year" ? b("increase") : M("increase");
+    }, $ = _(() => l.type === "year" ? `${r.value[0].label} - ${r.value[r.value.length - 1].label}` : String(u.value)), g = () => {
       l.type === "month" && h("back-to-years");
     };
-    return (w, m) => (o(), s("div", {
+    return (x, m) => (o(), s("div", {
       class: z(p.value)
     }, [
       n("div", d$, [
@@ -5260,8 +5260,8 @@ const d$ = { class: "nmorph-year-month-picker__header" }, u$ = { class: "nmorph-
           "style-type": "transparent",
           onClick: m[0] || (m[0] = (V) => y("decrease"))
         }, {
-          default: R(() => [
-            k(v(q), {
+          default: E(() => [
+            k(v(P), {
               name: "chevron-down",
               class: "nmorph-year-month-picker__chevron-left"
             })
@@ -5270,7 +5270,7 @@ const d$ = { class: "nmorph-year-month-picker__header" }, u$ = { class: "nmorph-
         }),
         n("div", u$, [
           k(v(W), {
-            text: x.value,
+            text: $.value,
             "style-type": "transparent",
             onClick: g
           }, null, 8, ["text"])
@@ -5280,8 +5280,8 @@ const d$ = { class: "nmorph-year-month-picker__header" }, u$ = { class: "nmorph-
           "style-type": "transparent",
           onClick: m[1] || (m[1] = (V) => y("increase"))
         }, {
-          default: R(() => [
-            k(v(q), {
+          default: E(() => [
+            k(v(P), {
               name: "chevron-down",
               class: "nmorph-year-month-picker__chevron-right"
             })
@@ -5313,17 +5313,17 @@ const ge = /* @__PURE__ */ D({
       () => A({
         "nmorph-date-picker-content": []
       })
-    ), i = $(a.initialDate), u = $("calendar"), d = _(() => new Date(i.value.setMonth(i.value.getMonth() - 1))), h = _(() => new Date(i.value.setMonth(i.value.getMonth() + 1))), p = _(() => new Date(i.value.setFullYear(i.value.getFullYear() - 1))), f = _(() => new Date(i.value.setFullYear(i.value.getFullYear() + 1))), b = () => {
+    ), i = w(a.initialDate), u = w("calendar"), d = _(() => new Date(i.value.setMonth(i.value.getMonth() - 1))), h = _(() => new Date(i.value.setMonth(i.value.getMonth() + 1))), p = _(() => new Date(i.value.setFullYear(i.value.getFullYear() - 1))), f = _(() => new Date(i.value.setFullYear(i.value.getFullYear() + 1))), b = () => {
       i.value = d.value;
     }, M = () => {
       i.value = h.value;
     }, y = () => {
       i.value = p.value;
-    }, x = () => {
+    }, $ = () => {
       i.value = f.value;
     }, g = () => {
       u.value = "year";
-    }, w = () => {
+    }, x = () => {
       u.value = "month";
     }, m = (B) => {
       const H = new Date(i.value.setFullYear(Number(B)));
@@ -5339,33 +5339,33 @@ const ge = /* @__PURE__ */ D({
     return (B, H) => (o(), s("div", {
       class: z(r.value)
     }, [
-      u.value === "calendar" ? (o(), E(v(i2), {
+      u.value === "calendar" ? (o(), q(v(i2), {
         key: 0,
         type: a.type,
         "selected-values": a.selectedValues,
         "initial-date": i.value,
         "onUpdate:modelValue": T
       }, {
-        header: R(() => [
+        header: E(() => [
           k(v(C2), {
             date: i.value,
             onPrevMonth: b,
             onNextMonth: M,
             onPrevYear: y,
-            onNextYear: x,
+            onNextYear: $,
             onChangeYear: g,
-            onChangeMonth: w
+            onChangeMonth: x
           }, null, 8, ["date"])
         ]),
         _: 1
       }, 8, ["type", "selected-values", "initial-date"])) : O("", !0),
-      u.value === "year" ? (o(), E(v(Be), {
+      u.value === "year" ? (o(), q(v(Be), {
         key: 1,
         type: "year",
         "current-date": i.value,
         onUpdateYear: m
       }, null, 8, ["current-date"])) : O("", !0),
-      u.value === "month" ? (o(), E(v(Be), {
+      u.value === "month" ? (o(), q(v(Be), {
         key: 2,
         type: "month",
         "current-date": i.value,
@@ -5396,8 +5396,8 @@ const ge = /* @__PURE__ */ D({
           "style-type": "transparent",
           onClick: u[0] || (u[0] = (d) => l("prev-year"))
         }, {
-          default: R(() => [
-            k(v(q), {
+          default: E(() => [
+            k(v(P), {
               name: "chevron-double-down",
               class: "nmorph-date-picker-header__chevron-double-left"
             })
@@ -5409,8 +5409,8 @@ const ge = /* @__PURE__ */ D({
           "style-type": "transparent",
           onClick: u[1] || (u[1] = (d) => l("prev-month"))
         }, {
-          default: R(() => [
-            k(v(q), {
+          default: E(() => [
+            k(v(P), {
               name: "chevron-down",
               class: "nmorph-date-picker-header__chevron-left"
             })
@@ -5438,8 +5438,8 @@ const ge = /* @__PURE__ */ D({
           "style-type": "transparent",
           onClick: u[4] || (u[4] = (d) => l("next-month"))
         }, {
-          default: R(() => [
-            k(v(q), {
+          default: E(() => [
+            k(v(P), {
               name: "chevron-down",
               class: "nmorph-date-picker-header__chevron-right"
             })
@@ -5451,8 +5451,8 @@ const ge = /* @__PURE__ */ D({
           "style-type": "transparent",
           onClick: u[5] || (u[5] = (d) => l("next-year"))
         }, {
-          default: R(() => [
-            k(v(q), {
+          default: E(() => [
+            k(v(P), {
               name: "chevron-double-down",
               class: "nmorph-date-picker-header__chevron-double-right"
             })
@@ -5476,19 +5476,19 @@ const m$ = { class: "nmorph-file-upload__trigger" }, f$ = ["multiple"], g$ = { c
   emits: ["inputDOMRef", "update:modelValue", "on-unsupported-file-type-error"],
   setup(e, { emit: t }) {
     const a = e, l = (y) => y.split("/")[1], r = (y) => {
-      const x = l(y);
+      const $ = l(y);
       let g = "doc";
-      return x in xe && (g = "image"), x in Me && (g = "audio"), x in ye && (g = "video"), x in be && (g = "archive"), g;
+      return $ in xe && (g = "image"), $ in Me && (g = "audio"), $ in ye && (g = "video"), $ in be && (g = "archive"), g;
     };
     let i = ce(a.modelValue);
-    const u = $(null), d = () => {
+    const u = w(null), d = () => {
       u.value && u.value.click();
     }, h = (y) => {
-      const x = y.target;
-      if (x.files) {
-        if (Array.from(x.files).forEach((g) => {
-          const w = l(g.type);
-          if (!a.allowedTypes.includes(w))
+      const $ = y.target;
+      if ($.files) {
+        if (Array.from($.files).forEach((g) => {
+          const x = l(g.type);
+          if (!a.allowedTypes.includes(x))
             return b("on-unsupported-file-type-error", g.type);
           const m = URL.createObjectURL(g), V = { data: g, previewUrl: m };
           i.push(V);
@@ -5502,8 +5502,8 @@ const m$ = { class: "nmorph-file-upload__trigger" }, f$ = ["multiple"], g$ = { c
         i.map((y) => y.data)
       );
     }, f = (y) => {
-      const x = i.findIndex((g) => g.data.name === y);
-      x !== -1 && (URL.revokeObjectURL(i[x].previewUrl), i.splice(x, 1), p());
+      const $ = i.findIndex((g) => g.data.name === y);
+      $ !== -1 && (URL.revokeObjectURL(i[$].previewUrl), i.splice($, 1), p());
     };
     K(() => {
       b("inputDOMRef", u);
@@ -5514,7 +5514,7 @@ const m$ = { class: "nmorph-file-upload__trigger" }, f$ = ["multiple"], g$ = { c
         "nmorph-file-upload": [`${a.disabled && "disabled"}`]
       })
     );
-    return (y, x) => (o(), s("div", {
+    return (y, $) => (o(), s("div", {
       class: z(M.value)
     }, [
       n("div", m$, [
@@ -5539,19 +5539,19 @@ const m$ = { class: "nmorph-file-upload__trigger" }, f$ = ["multiple"], g$ = { c
           name: "list",
           tag: "div"
         }, {
-          default: R(() => [
-            (o(!0), s(Y, null, G(v(i), ({ data: g, previewUrl: w }) => (o(), s("div", {
+          default: E(() => [
+            (o(!0), s(Y, null, G(v(i), ({ data: g, previewUrl: x }) => (o(), s("div", {
               key: g.name,
               class: "nmorph-file-upload__file"
             }, [
-              k(v(m2), { src: w }, null, 8, ["src"]),
+              k(v(m2), { src: x }, null, 8, ["src"]),
               n("div", w$, [
-                k(v(q), {
+                k(v(P), {
                   name: r(g.type),
                   width: "14px",
                   height: "17px"
                 }, null, 8, ["name"]),
-                n("span", $$, F(g.name), 1)
+                n("span", $$, R(g.name), 1)
               ]),
               n("div", x$, [
                 k(v(W), {
@@ -5559,8 +5559,8 @@ const m$ = { class: "nmorph-file-upload__trigger" }, f$ = ["multiple"], g$ = { c
                   "style-type": "transparent",
                   onClick: (m) => f(g.name)
                 }, {
-                  default: R(() => [
-                    k(v(q), { name: "error" })
+                  default: E(() => [
+                    k(v(P), { name: "error" })
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -5624,11 +5624,11 @@ const M$ = {
         name: "list",
         tag: "div"
       }, {
-        default: R(() => [
+        default: E(() => [
           (o(!0), s(Y, null, G(a.value, (u) => (o(), s("p", {
             key: u,
             class: "nmorph-error-box__error"
-          }, F(u), 1))), 128))
+          }, R(u), 1))), 128))
         ]),
         _: 1
       })
@@ -5653,7 +5653,7 @@ const He = "18px", H$ = /* @__PURE__ */ D({
     return (r, i) => (o(), s("div", {
       class: z(a.value)
     }, [
-      r.show ? (o(), E(v(q), {
+      r.show ? (o(), q(v(P), {
         key: 0,
         class: "nmorph-validation-icon__content",
         name: l.value,
@@ -5687,7 +5687,7 @@ const z$ = { key: 0 }, B$ = { class: "nmorph-form-item__content" }, C$ = /* @__P
     return (h, p) => (o(), s("div", {
       class: z(d.value)
     }, [
-      t.label ? (o(), s("label", z$, F(t.label), 1)) : O("", !0),
+      t.label ? (o(), s("label", z$, R(t.label), 1)) : O("", !0),
       n("div", B$, [
         S(h.$slots, "default"),
         k(v(H$), {
@@ -5737,7 +5737,7 @@ const S$ = { class: "nmorph-number-input__content" }, A$ = { class: "nmorph-numb
           `${a.actionBtnPositionRight && "action-btn-position-right"}`
         ]
       })
-    ), r = $(a.modelValue), i = () => {
+    ), r = w(a.modelValue), i = () => {
       r.value += a.step;
     }, u = () => {
       r.value -= a.step;
@@ -5758,17 +5758,17 @@ const S$ = { class: "nmorph-number-input__content" }, A$ = { class: "nmorph-numb
       const g = a.actionBtnPositionRight ? "right" : "default";
       return f[a.height][g];
     }), M = t, y = (g) => {
-      const w = g.target;
-      let m = Number(w.value);
+      const x = g.target;
+      let m = Number(x.value);
       r.value = m;
     };
     U(r, (g) => {
-      g > a.max && (r.value = a.max, x.value?.blur()), r.value < a.min && (r.value = a.min, x.value?.blur()), M("update:modelValue", g);
+      g > a.max && (r.value = a.max, $.value?.blur()), r.value < a.min && (r.value = a.min, $.value?.blur()), M("update:modelValue", g);
     }), K(() => {
-      M("inputDOMRef", x);
+      M("inputDOMRef", $);
     });
-    const x = $(null);
-    return (g, w) => (o(), s("div", {
+    const $ = w(null);
+    return (g, x) => (o(), s("div", {
       class: z(l.value)
     }, [
       n("div", S$, [
@@ -5780,8 +5780,8 @@ const S$ = { class: "nmorph-number-input__content" }, A$ = { class: "nmorph-numb
               height: a.height,
               onClick: u
             }, {
-              default: R(() => [
-                k(v(q), {
+              default: E(() => [
+                k(v(P), {
                   name: "minus",
                   width: b.value,
                   height: b.value
@@ -5792,7 +5792,7 @@ const S$ = { class: "nmorph-number-input__content" }, A$ = { class: "nmorph-numb
           ])),
           n("input", {
             ref_key: "inputDOMRef",
-            ref: x,
+            ref: $,
             class: "nmorph-native-input",
             value: r.value,
             type: "number",
@@ -5807,8 +5807,8 @@ const S$ = { class: "nmorph-number-input__content" }, A$ = { class: "nmorph-numb
                 disabled: d.value,
                 onClick: u
               }, {
-                default: R(() => [
-                  k(v(q), {
+                default: E(() => [
+                  k(v(P), {
                     name: "minus",
                     width: b.value,
                     height: b.value
@@ -5823,8 +5823,8 @@ const S$ = { class: "nmorph-number-input__content" }, A$ = { class: "nmorph-numb
                 disabled: h.value,
                 onClick: i
               }, {
-                default: R(() => [
-                  k(v(q), {
+                default: E(() => [
+                  k(v(P), {
                     name: "plus",
                     width: b.value,
                     height: b.value
@@ -5840,8 +5840,8 @@ const S$ = { class: "nmorph-number-input__content" }, A$ = { class: "nmorph-numb
               height: a.height,
               onClick: i
             }, {
-              default: R(() => [
-                k(v(q), {
+              default: E(() => [
+                k(v(P), {
                   name: "plus",
                   width: b.value,
                   height: b.value
@@ -5880,7 +5880,7 @@ const F$ = { class: "nmorph-select__content" }, j$ = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const a = e, l = t, r = $(a.modelValue), i = $(a.open), u = $(null), d = $(null), h = $(!0), p = (m) => {
+    const a = e, l = t, r = w(a.modelValue), i = w(a.open), u = w(null), d = w(null), h = w(!0), p = (m) => {
       if (!a.disabled) {
         if (i.value = !1, typeof r.value == "string" && (!a.valueRequired && r.value === m ? r.value = "" : r.value = m, l("update:modelValue", r.value)), Array.isArray(r.value)) {
           const V = r.value.includes(m), C = r.value.length === 1 && V;
@@ -5915,22 +5915,22 @@ const F$ = { class: "nmorph-select__content" }, j$ = {
     }), $e(() => {
       document.removeEventListener("click", M);
     });
-    const y = _(() => typeof r.value == "string" ? r.value === "" ? a.noElementPlaceholder : a.options.find((m) => m.value === r.value)?.label : r.value), x = _(() => a.options.length > 0 ? a.options : a.optionsMap), g = _(() => x.value.length > 0 ? x.value.filter((V) => r.value.includes(V.value)).map((V) => ({ text: V.label, value: V.value })) : Array.isArray(r.value) ? r.value.map((V) => ({ text: V, value: V })) : [{ text: r.value, value: r.value }]);
+    const y = _(() => typeof r.value == "string" ? r.value === "" ? a.noElementPlaceholder : a.options.find((m) => m.value === r.value)?.label : r.value), $ = _(() => a.options.length > 0 ? a.options : a.optionsMap), g = _(() => $.value.length > 0 ? $.value.filter((V) => r.value.includes(V.value)).map((V) => ({ text: V.label, value: V.value })) : Array.isArray(r.value) ? r.value.map((V) => ({ text: V, value: V })) : [{ text: r.value, value: r.value }]);
     Z("select-selected-value", r), Z("select-change-selected-value", p);
-    const w = $(null);
+    const x = w(null);
     return (m, V) => (o(), s("div", {
       class: z(f.value)
     }, [
       n("div", F$, [
         n("div", {
           ref_key: "nmorphSelectDOMRef",
-          ref: w,
+          ref: x,
           class: "nmorph-select__selected-values-line",
           onClick: oe(b, ["stop"])
         }, [
-          typeof r.value == "string" ? (o(), s("div", j$, F(y.value), 1)) : O("", !0),
-          r.value.length <= 0 ? (o(), s("div", W$, F(a.noElementPlaceholder), 1)) : (o(), s("div", L$, [
-            (o(!0), s(Y, null, G(g.value, (C) => (o(), E(v(x2), we({
+          typeof r.value == "string" ? (o(), s("div", j$, R(y.value), 1)) : O("", !0),
+          r.value.length <= 0 ? (o(), s("div", W$, R(a.noElementPlaceholder), 1)) : (o(), s("div", L$, [
+            (o(!0), s(Y, null, G(g.value, (C) => (o(), q(v(x2), we({
               key: C.value,
               ref_for: !0
             }, C, {
@@ -5940,25 +5940,25 @@ const F$ = { class: "nmorph-select__content" }, j$ = {
               onClose: p
             }), null, 16, ["removable"]))), 128))
           ])),
-          k(v(q), {
+          k(v(P), {
             name: "chevron-down",
             class: "nmorph-select__chevron"
           })
         ], 512)
       ]),
-      w.value ? (o(), E(v(ie), {
+      x.value ? (o(), q(v(ie), {
         key: 0,
         open: i.value,
-        "relative-element": w.value,
+        "relative-element": x.value,
         onOnOutsideClick: M
       }, {
-        default: R(() => [
+        default: E(() => [
           n("div", {
             ref_key: "optionsDOMRef",
             ref: u,
             class: "nmorph-select__options"
           }, [
-            (o(!0), s(Y, null, G(m.options, (C) => (o(), E(v(S2), we({
+            (o(!0), s(Y, null, G(m.options, (C) => (o(), q(v(S2), we({
               key: C.value,
               ref_for: !0
             }, C, {
@@ -5999,10 +5999,10 @@ const Y$ = { class: "nmorph-select-option__content" }, S2 = /* @__PURE__ */ D({
       onClick: u
     }, [
       n("div", Y$, [
-        n("span", null, F(r.label), 1),
+        n("span", null, R(r.label), 1),
         S(p.$slots, "default")
       ]),
-      d.value ? (o(), E(v(q), {
+      d.value ? (o(), q(v(P), {
         key: 0,
         name: "success",
         class: "nmorph-select-option__checked"
@@ -6031,7 +6031,7 @@ const G$ = { class: "nmorph-slider__content" }, K$ = { class: "nmorph-slider__in
         nmorph: [`${a.fill && "fill"}`],
         "nmorph-slider": [`${a.disabled && "disabled"}`]
       })
-    ), r = `${Ke}px`, i = $(a.showTooltip), u = t, d = $(a.modelValue), h = $(null);
+    ), r = `${Ke}px`, i = w(a.showTooltip), u = t, d = w(a.modelValue), h = w(null);
     U(d, () => {
       u("update:modelValue", d.value);
     }), U(
@@ -6041,42 +6041,42 @@ const G$ = { class: "nmorph-slider__content" }, K$ = { class: "nmorph-slider__in
       }
     );
     const p = _(() => {
-      const B = f.value - f.value, H = a.max - a.min + B, P = (d.value - a.min) / H * 100, j = h.value?.clientWidth || 0, X = Ke / j * 100, L = X / 2;
-      let J = P - L;
+      const B = f.value - f.value, H = a.max - a.min + B, j = (d.value - a.min) / H * 100, F = h.value?.clientWidth || 0, X = Ke / F * 100, L = X / 2;
+      let J = j - L;
       const se = `${Math.max(0, Math.min(100 - X, J))}%`, Ve = `${J + L}%`;
       return {
         thumb: se,
         tooltip: Ve
       };
-    }), f = $(0), b = $(0), M = () => {
+    }), f = w(0), b = w(0), M = () => {
       f.value = window.innerWidth, b.value = window.innerHeight;
     };
     K(() => {
       typeof window < "u" && (f.value = window.innerWidth, b.value = window.innerHeight, window.addEventListener("resize", M));
     }), $e(() => {
-      typeof window < "u" && (document.removeEventListener("mouseup", x), window.removeEventListener("resize", M));
+      typeof window < "u" && (document.removeEventListener("mouseup", $), window.removeEventListener("resize", M));
     });
     const y = (B) => {
       T.value = !1;
       const H = h.value?.getBoundingClientRect();
-      let P = 0;
+      let j = 0;
       if (H) {
-        const j = B.clientX - H.left, X = H.width;
-        P = Math.max(0, Math.min(1, j / X)), d.value = a.min + P * (a.max - a.min);
+        const F = B.clientX - H.left, X = H.width;
+        j = Math.max(0, Math.min(1, F / X)), d.value = a.min + j * (a.max - a.min);
       }
       d.value = Math.round(d.value / a.step) * a.step, d.value = Math.max(a.min, Math.min(a.max, d.value));
-    }, x = () => {
-      document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", x), T.value = !0;
+    }, $ = () => {
+      document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", $), T.value = !0;
     }, g = () => {
-      a.disabled || (document.addEventListener("mousemove", y), document.addEventListener("mouseup", x));
-    }, w = $(null), m = () => {
+      a.disabled || (document.addEventListener("mousemove", y), document.addEventListener("mouseup", $));
+    }, x = w(null), m = () => {
       a.showTooltip && (i.value = !0);
     }, V = () => {
       a.showTooltip && (i.value = !1);
     }, C = (B) => {
       const H = B.target;
       d.value = Number(H.value);
-    }, T = $(!0);
+    }, T = w(!0);
     return (B, H) => (o(), s("div", {
       class: z(l.value)
     }, [
@@ -6087,7 +6087,7 @@ const G$ = { class: "nmorph-slider__content" }, K$ = { class: "nmorph-slider__in
             ref: h,
             class: "nmorph-slider__input-container"
           }, [
-            i.value && !a.disabled ? (o(), E(v(V2), {
+            i.value && !a.disabled ? (o(), q(v(V2), {
               key: 0,
               text: String(d.value),
               "force-show": "",
@@ -6096,7 +6096,7 @@ const G$ = { class: "nmorph-slider__content" }, K$ = { class: "nmorph-slider__in
             }, null, 8, ["text", "force-coordinate"])) : O("", !0),
             n("div", {
               ref_key: "sliderFirst",
-              ref: w,
+              ref: x,
               class: z(["nmorph-slider__thumb", { "nmorph-slider__thumb--smooth": T.value }]),
               style: N({ left: p.value.thumb }),
               onMouseenter: m,
@@ -6138,13 +6138,13 @@ const Q$ = ["value", "disabled"], Z$ = { class: "nmorph-switch-thumb" }, N$ = /*
           `${a.loading && "loading"}`
         ]
       })
-    ), r = t, i = $(a.modelValue === a.activeValue), u = () => {
+    ), r = t, i = w(a.modelValue === a.activeValue), u = () => {
       if (a.disabled)
         return;
       i.value = !i.value;
       const h = i.value ? a.activeValue : a.inactiveValue;
       r("update:modelValue", h);
-    }, d = $(null);
+    }, d = w(null);
     return K(() => {
       r("inputDOMRef", d);
     }), U(
@@ -6173,7 +6173,7 @@ const Q$ = ["value", "disabled"], Z$ = { class: "nmorph-switch-thumb" }, N$ = /*
           i.value ? S(h.$slots, "bg-on", { key: 0 }) : S(h.$slots, "bg-off", { key: 1 })
         ], 2),
         n("div", Z$, [
-          a.loading ? (o(), E(v(q), {
+          a.loading ? (o(), q(v(P), {
             key: 0,
             name: "loader",
             width: "14px",
@@ -6200,7 +6200,7 @@ const I$ = { class: "nmorph-text-input__input-side" }, ex = {
   },
   emits: ["inputDOMRef", "update:modelValue", "focus", "blur", "on-enter"],
   setup(e, { emit: t }) {
-    I((w) => ({
+    I((x) => ({
       "8da191d8": g.value
     }));
     const a = Ze(), l = e, r = _(
@@ -6208,26 +6208,26 @@ const I$ = { class: "nmorph-text-input__input-side" }, ex = {
         nmorph: [te[l.height], `${p.value && "focused"}`, `${l.fill && "fill"}`],
         "nmorph-text-input": [`${l.typePassword && "password"}`]
       })
-    ), i = (w) => {
-      const m = w.target;
+    ), i = (x) => {
+      const m = x.target;
       y("update:modelValue", m.value);
-    }, u = $(!1), d = () => {
+    }, u = w(!1), d = () => {
       l.clearable ? y("update:modelValue", "") : u.value = !u.value;
-    }, h = _(() => l.typePassword && !u.value && !l.clearable ? "password" : "text"), p = $(!1), f = () => {
+    }, h = _(() => l.typePassword && !u.value && !l.clearable ? "password" : "text"), p = w(!1), f = () => {
       y("focus"), p.value = !0;
     }, b = () => {
       y("blur"), p.value = !1;
-    }, M = $(null), y = t;
+    }, M = w(null), y = t;
     K(() => {
       y("inputDOMRef", M);
     });
-    const x = _(() => l.clearable ? "error" : u.value ? "eye-blocked" : "eye"), g = _(() => a["prepend-icon"] ? "28px" : "8px");
-    return console.log("Slots:", a), console.log("Prepend-icon slot:", a["prepend-icon"]), (w, m) => (o(), s("div", {
+    const $ = _(() => l.clearable ? "error" : u.value ? "eye-blocked" : "eye"), g = _(() => a["prepend-icon"] ? "28px" : "8px");
+    return console.log("Slots:", a), console.log("Prepend-icon slot:", a["prepend-icon"]), (x, m) => (o(), s("div", {
       class: z(r.value)
     }, [
       n("div", I$, [
         v(a)["prepend-icon"] ? (o(), s("div", ex, [
-          S(w.$slots, "prepend-icon")
+          S(x.$slots, "prepend-icon")
         ])) : O("", !0),
         n("input", {
           ref_key: "inputDOMRef",
@@ -6242,7 +6242,7 @@ const I$ = { class: "nmorph-text-input__input-side" }, ex = {
           onBlur: b,
           onKeyup: m[0] || (m[0] = W2((V) => y("on-enter"), ["enter"]))
         }, null, 40, tx),
-        l.typePassword || l.clearable ? (o(), E(v(W), {
+        l.typePassword || l.clearable ? (o(), q(v(W), {
           key: 1,
           class: "nmorph-text-input__password-btn",
           "style-type": "transparent",
@@ -6250,8 +6250,8 @@ const I$ = { class: "nmorph-text-input__input-side" }, ex = {
           height: l.height,
           onClick: d
         }, {
-          default: R(() => [
-            k(v(q), { name: x.value }, null, 8, ["name"])
+          default: E(() => [
+            k(v(P), { name: $.value }, null, 8, ["name"])
           ]),
           _: 1
         }, 8, ["height"])) : O("", !0)
@@ -6276,7 +6276,7 @@ const nx = { class: "nmorph-time-picker__content" }, ox = { class: "nmorph-time-
     I((B) => ({
       "139069aa": C.value
     }));
-    const a = e, l = t, r = $(null), i = $(null), u = $(a.open), d = $([0, 0, 0]), h = $(a.initWithoutValue);
+    const a = e, l = t, r = w(null), i = w(null), u = w(a.open), d = w([0, 0, 0]), h = w(a.initWithoutValue);
     K(() => {
       l("inputDOMRef", i);
     });
@@ -6289,13 +6289,13 @@ const nx = { class: "nmorph-time-picker__content" }, ox = { class: "nmorph-time-
       })
     ), b = Array.from({ length: 24 }, (B, H) => H), M = Array.from({ length: 60 }, (B, H) => H), y = () => {
       h.value = !1, l("update:modelValue", D2(d.value));
-    }, x = (B) => {
+    }, $ = (B) => {
       const H = B;
       d.value = [H, d.value[1], d.value[2]], y();
     }, g = (B) => {
       const H = B;
       d.value = [d.value[0], H, d.value[2]], y();
-    }, w = (B) => {
+    }, x = (B) => {
       const H = B;
       d.value = [d.value[0], d.value[1], H], y();
     }, m = () => {
@@ -6311,7 +6311,7 @@ const nx = { class: "nmorph-time-picker__content" }, ox = { class: "nmorph-time-
     })();
     const C = _(() => `${fe}px`), T = _(() => h.value ? "——:——:——" : Ce(a.modelValue));
     return (B, H) => {
-      const P = Ne("NmorphTimeRoller");
+      const j = Ne("NmorphTimeRoller");
       return o(), s("div", {
         ref_key: "timepickerDOMRef",
         ref: r,
@@ -6320,7 +6320,7 @@ const nx = { class: "nmorph-time-picker__content" }, ox = { class: "nmorph-time-
       }, [
         n("div", nx, [
           n("div", ox, [
-            k(v(q), {
+            k(v(P), {
               name: "time",
               class: "nmorph-time-picker__time-icon"
             }),
@@ -6332,25 +6332,25 @@ const nx = { class: "nmorph-time-picker__content" }, ox = { class: "nmorph-time-
               step: "1",
               class: "nmorph-native-input"
             }, null, 8, ax),
-            n("span", null, F(T.value), 1)
+            n("span", null, R(T.value), 1)
           ]),
-          r.value ? (o(), E(v(ie), {
+          r.value ? (o(), q(v(ie), {
             key: 0,
             open: u.value,
             "relative-element": r.value,
             onOnOutsideClick: m
           }, {
-            default: R(() => [
+            default: E(() => [
               n("div", sx, [
-                k(P, {
+                k(j, {
                   "set-value-on-mount": !h.value,
                   values: v(b),
                   "selected-value": d.value[0],
                   "step-height": fe,
                   "disabled-range": B.disabledHours,
-                  onValueChanged: x
+                  onValueChanged: $
                 }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
-                k(P, {
+                k(j, {
                   "set-value-on-mount": !h.value,
                   values: v(M),
                   "selected-value": d.value[1],
@@ -6358,13 +6358,13 @@ const nx = { class: "nmorph-time-picker__content" }, ox = { class: "nmorph-time-
                   "step-height": fe,
                   onValueChanged: g
                 }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
-                k(P, {
+                k(j, {
                   "set-value-on-mount": !h.value,
                   values: v(M),
                   "disabled-range": B.disabledSeconds,
                   "selected-value": d.value[2],
                   "step-height": fe,
-                  onValueChanged: w
+                  onValueChanged: x
                 }, null, 8, ["set-value-on-mount", "values", "disabled-range", "selected-value"])
               ])
             ]),
@@ -6418,7 +6418,7 @@ const Ce = (e) => {
       () => A({
         "nmorph-radio": [`${r.disabled && "disabled"}`, `${u.value && "checked"}`, r.styleType]
       })
-    ), h = t, p = $(null);
+    ), h = t, p = w(null);
     return K(() => {
       h("inputDOMRef", p);
     }), (f, b) => (o(), s("label", {
@@ -6439,7 +6439,7 @@ const Ce = (e) => {
           ux,
           u.value ? (o(), s("div", hx)) : O("", !0)
         ]),
-        r.label ? (o(), s("span", _x, F(r.label), 1)) : S(f.$slots, "label", { key: 1 }, void 0, !0)
+        r.label ? (o(), s("span", _x, R(r.label), 1)) : S(f.$slots, "label", { key: 1 }, void 0, !0)
       ])) : O("", !0),
       r.styleType === "button" ? (o(), s("div", vx, [
         n("input", {
@@ -6453,7 +6453,7 @@ const Ce = (e) => {
           class: "nmorph-native-input"
         }, null, 8, px),
         r.label ? (o(), s("div", mx, [
-          n("span", null, F(r.label), 1)
+          n("span", null, R(r.label), 1)
         ])) : (o(), s("div", fx, [
           S(f.$slots, "label", {}, void 0, !0)
         ]))
@@ -6476,7 +6476,7 @@ const wx = { class: "nmorph-radio-group__wrapper" }, $x = { class: "nmorph-radio
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const a = e, l = $(a.modelValue);
+    const a = e, l = w(a.modelValue);
     U(
       () => a.modelValue,
       (d) => {
@@ -6493,7 +6493,7 @@ const wx = { class: "nmorph-radio-group__wrapper" }, $x = { class: "nmorph-radio
     }, [
       n("div", wx, [
         n("div", $x, [
-          (o(!0), s(Y, null, G(d.options, (p) => (o(), E(v(T2), {
+          (o(!0), s(Y, null, G(d.options, (p) => (o(), q(v(T2), {
             key: p.value,
             label: p.label,
             value: p.value,
@@ -6523,7 +6523,7 @@ const xx = /* @__PURE__ */ D({
       () => A({
         "nmorph-backtop": [`${p.value && "show"}`]
       })
-    ), d = $(null), h = $(null), p = $(!1), f = (M) => {
+    ), d = w(null), h = w(null), p = w(!1), f = (M) => {
       if (!M)
         return;
       const y = M.target;
@@ -6549,8 +6549,8 @@ const xx = /* @__PURE__ */ D({
       }, [
         S(M.$slots, "default", {}, () => [
           k(v(W), null, {
-            default: R(() => [
-              k(v(q), {
+            default: E(() => [
+              k(v(P), {
                 name: "chevron-down",
                 class: "nmorph-backtop__up-icon"
               })
@@ -6571,7 +6571,7 @@ const yx = ["id"], Mx = {
     separator: { default: "/" }
   },
   setup(e) {
-    const t = e, a = $([]), l = ve();
+    const t = e, a = w([]), l = ve();
     Z("breadcrumb-data", { breadcrumbs: a, breadcrumbId: l });
     const r = _(
       () => A({
@@ -6590,7 +6590,7 @@ const yx = ["id"], Mx = {
           id: `nmorph-breadcrumb-${v(l)}-${d.itemId}-element`,
           class: "nmorph-breadcrumb__element"
         }, null, 8, yx),
-        h < a.value.length - 1 ? (o(), s("div", Mx, F(t.separator), 1)) : O("", !0)
+        h < a.value.length - 1 ? (o(), s("div", Mx, R(t.separator), 1)) : O("", !0)
       ]))), 128))
     ], 2));
   }
@@ -6606,7 +6606,7 @@ const kx = /* @__PURE__ */ D({
       () => A({
         "nmorph-breadcrumb-item": []
       })
-    ), l = Q("breadcrumb-data", void 0), r = $(!1), i = ve();
+    ), l = Q("breadcrumb-data", void 0), r = w(!1), i = ve();
     return K(() => {
       r.value = !0, l && l.breadcrumbs.value.push({ ...t, itemId: i });
     }), (u, d) => {
@@ -6615,7 +6615,7 @@ const kx = /* @__PURE__ */ D({
         key: 0,
         class: z(a.value)
       }, [
-        (o(), E(he, {
+        (o(), q(he, {
           to: `#nmorph-breadcrumb-${v(l)?.breadcrumbId}-${v(i)}-element`
         }, [
           k(h, {
@@ -6623,7 +6623,7 @@ const kx = /* @__PURE__ */ D({
             replace: u.replace,
             class: "fill-height"
           }, {
-            default: R(() => [
+            default: E(() => [
               S(u.$slots, "default")
             ]),
             _: 3
@@ -6648,7 +6648,7 @@ const ie = /* @__PURE__ */ D({
     I((p) => ({
       f609801e: d.value
     }));
-    const a = e, l = t, r = $(null), { placementCoords: i } = M2({
+    const a = e, l = t, r = w(null), { placementCoords: i } = M2({
       initialPlacement: "bottom",
       contentDOMElement: r,
       relativeElement: a.relativeElement,
@@ -6661,12 +6661,12 @@ const ie = /* @__PURE__ */ D({
     ), d = _(() => a.fillWidth ? `${a.relativeElement?.clientWidth}px` : `${a.width}px`), h = () => {
       l("on-outside-click");
     };
-    return (p, f) => (o(), E(v(ke), {
+    return (p, f) => (o(), q(v(ke), {
       show: a.open,
       transparent: "",
       onOnOutsideClick: h
     }, {
-      default: R(() => [
+      default: E(() => [
         n("div", {
           ref_key: "dropdownDOMRef",
           ref: r,
@@ -6697,7 +6697,7 @@ const Vx = { class: "nmorph-tabs__label-list" }, Hx = ["id", "onClick"], zx = {
         return;
       const { name: p } = h;
       l("update:model-value", p), l("tab-change", p);
-    }, u = $([]), d = ve();
+    }, u = w([]), d = ve();
     return Z("nmorph-tabs-data", {
       tabsData: u,
       tabsIdentifier: d
@@ -6714,7 +6714,7 @@ const Vx = { class: "nmorph-tabs__label-list" }, Hx = ["id", "onClick"], zx = {
             { "nmorph-tabs__label--disabled": f.disabled }
           ]]),
           onClick: (b) => i(f)
-        }, F(f.label), 11, Hx))), 128))
+        }, R(f.label), 11, Hx))), 128))
       ]),
       n("div", zx, [
         n("div", Bx, [
@@ -6747,19 +6747,19 @@ const Pe = (e, t) => {
       () => A({
         "nmorph-tab-pane": []
       })
-    ), l = Q("nmorph-tabs-data", void 0), r = $(!1);
+    ), l = Q("nmorph-tabs-data", void 0), r = w(!1);
     return K(() => {
       r.value = !0, l && l.tabsData.value.push(t);
     }), (i, u) => r.value ? (o(), s("div", {
       key: 0,
       class: z(a.value)
     }, [
-      (o(), E(he, {
+      (o(), q(he, {
         to: `#${v(Pe)(v(l)?.tabsIdentifier, t.name)}`
       }, [
         S(i.$slots, "label")
       ], 8, ["to"])),
-      (o(), E(he, {
+      (o(), q(he, {
         to: `#${v(qe)(v(l)?.tabsIdentifier, t.name)}`
       }, [
         S(i.$slots, "default")
@@ -6825,7 +6825,7 @@ const Dx = /* @__PURE__ */ D({
     quantity: { default: 100 }
   },
   setup(e) {
-    const t = $([]), a = _(() => i.notifications.filter((d) => !t.value.includes(d.id))), l = _(() => {
+    const t = w([]), a = _(() => i.notifications.filter((d) => !t.value.includes(d.id))), l = _(() => {
       const d = Math.max(a.value.length - i.quantity, 0);
       return a.value.slice(d);
     }), r = (d) => {
@@ -6839,7 +6839,7 @@ const Dx = /* @__PURE__ */ D({
         name: "nmorph-notification",
         tag: "div"
       }, {
-        default: R(() => [
+        default: E(() => [
           (o(!0), s(Y, null, G(l.value, (p) => (o(), s("div", {
             key: p.id,
             style: N({ width: p.width }),
@@ -6893,7 +6893,7 @@ const Ox = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NmorphFileUpload: y$,
   NmorphForm: k$,
   NmorphFormItem: C$,
-  NmorphIcon: q,
+  NmorphIcon: P,
   NmorphIconSize: a2,
   NmorphIconsMap: s2,
   NmorphImage: ze,
@@ -6945,7 +6945,7 @@ const Ox = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   resolution: M$,
   timeArrayToTimestamp: D2
 }, Symbol.toStringTag, { value: "Module" })), Px = () => {
-  const e = $({ width: 0, height: 0 }), t = () => {
+  const e = w({ width: 0, height: 0 }), t = () => {
     e.value.width = window.innerWidth, e.value.height = window.innerHeight;
   };
   return window && window.addEventListener("resize", t), {
@@ -7018,7 +7018,7 @@ export {
   y$ as NmorphFileUpload,
   k$ as NmorphForm,
   C$ as NmorphFormItem,
-  q as NmorphIcon,
+  P as NmorphIcon,
   c as NmorphIconList,
   a2 as NmorphIconSize,
   s2 as NmorphIconsMap,