@nmorph/nmorph-ui-kit 0.2.145 → 0.2.146

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as T, computed as h, ref as $, openBlock as a, createElementBlock as l, normalizeClass as B, createElementVNode as n, createBlock as F, unref as _, renderSlot as C, toDisplayString as W, createCommentVNode as O, useCssVars as I, normalizeStyle as ae, resolveDynamicComponent as L2, createStaticVNode as l2, createTextVNode as le, inject as N, onUnmounted as He, onMounted as ne, nextTick as pe, watch as G, mergeProps as me, createVNode as k, withCtx as R, reactive as _e, Fragment as Q, renderList as Z, provide as te, Teleport as ge, withModifiers as se, withDirectives as De, vShow as Oe, useSlots as Ee, readonly as U2, TransitionGroup as we, withKeys as ve, resolveComponent as Fe } from "vue";
+import { defineComponent as T, computed as h, ref as y, openBlock as a, createElementBlock as l, normalizeClass as V, createElementVNode as n, createBlock as F, unref as _, renderSlot as C, toDisplayString as L, createCommentVNode as O, useCssVars as I, normalizeStyle as ae, resolveDynamicComponent as L2, createStaticVNode as l2, createTextVNode as le, inject as N, onUnmounted as He, onMounted as ne, nextTick as pe, watch as G, mergeProps as me, createVNode as k, withCtx as R, reactive as _e, Fragment as Q, renderList as Z, provide as te, Teleport as ge, withModifiers as se, withDirectives as De, vShow as Oe, useSlots as Ee, readonly as U2, TransitionGroup as we, withKeys as ve, resolveComponent as Fe } from "vue";
 import { useI18n as r2, createI18n as Y2 } from "vue-i18n";
 var re = /* @__PURE__ */ ((t) => (t.thick = "thick-component", t.default = "default-height-component", t.thin = "thin-component", t))(re || {}), G2 = /* @__PURE__ */ ((t) => (t.circle = "circle", t.square = "square", t))(G2 || {}), K2 = /* @__PURE__ */ ((t) => (t.ascending = "ascending", t.descending = "descending", t))(K2 || {}), Q2 = /* @__PURE__ */ ((t) => (t.row = "row", t.column = "column", t))(Q2 || {}), s2 = /* @__PURE__ */ ((t) => (t.inset = "shadow-inset", t.outset = "shadow-outset", t.combined = "shadow-combined", t["not-defined"] = "shadow-not-defined", t))(s2 || {}), i2 = /* @__PURE__ */ ((t) => (t.accent = "accent", t.success = "success", t.error = "error", t.warning = "warning", t))(i2 || {}), i = /* @__PURE__ */ ((t) => (t["add-location"] = "add-location", t.aim = "aim", t["alarm-clock"] = "alarm-clock", t.apple = "apple", t.archive = "archive", t["arrow-down"] = "arrow-down", t["arrow-left"] = "arrow-left", t["arrow-right"] = "arrow-right", t["arrow-up"] = "arrow-up", t.audio = "audio", t.avatar = "avatar", t.back = "back", t["bell-filled"] = "bell-filled", t.bell = "bell", t.bicycle = "bicycle", t["bottom-left"] = "bottom-left", t["bottom-right"] = "bottom-right", t.bottom = "bottom", t.burger = "burger", t.calendar = "calendar", t.camera = "camera", t["caret-bottom"] = "caret-bottom", t["caret-left"] = "caret-left", t["caret-right"] = "caret-right", t["caret-top"] = "caret-top", t.cellphone = "cellphone", t["chat-dot-round"] = "chat-dot-round", t["chat-dot-square"] = "chat-dot-square", t["chat-line-round"] = "chat-line-round", t["chat-line-square"] = "chat-line-square", t["chat-round"] = "chat-round", t["chat-square"] = "chat-square", t.check = "check", t.checked = "checked", t.cherry = "cherry", t["chevron-double-down"] = "chevron-double-down", t["chevron-down"] = "chevron-down", t["chrome-filled"] = "chrome-filled", t["circle-check-filled"] = "circle-check-filled", t["circle-check"] = "circle-check", t["circle-close-filled"] = "circle-close-filled", t["circle-close"] = "circle-close", t["circle-plus-filled"] = "circle-plus-filled", t["circle-plus"] = "circle-plus", t.clock = "clock", t.close = "close", t.cloudy = "cloudy", t.code = "code", t["coffee-cup"] = "coffee-cup", t.coffee = "coffee", t.coin = "coin", t["collection-tag"] = "collection-tag", t.collection = "collection", t.compass = "compass", t.connection = "connection", t.coordinate = "coordinate", t["copy-document"] = "copy-document", t.copy = "copy", t.cpu = "cpu", t["credit-card"] = "credit-card", t.crop = "crop", t.cross = "cross", t["delete-filled"] = "delete-filled", t.delete = "delete", t.dessert = "dessert", t.discount = "discount", t.doc = "doc", t["document-add"] = "document-add", t["document-checked"] = "document-checked", t["document-copy"] = "document-copy", t["document-delete"] = "document-delete", t["document-remove"] = "document-remove", t.document = "document", t.download = "download", t["edit-pen"] = "edit-pen", t.edit = "edit", t.enlarge = "enlarge", t.error = "error", t.expand = "expand", t["eye-blocked"] = "eye-blocked", t.eye = "eye", t.failed = "failed", t.files = "files", t.film = "film", t.filter = "filter", t.finished = "finished", t.flag = "flag", t.fold = "fold", t["folder-add"] = "folder-add", t["folder-checked"] = "folder-checked", t["folder-delete"] = "folder-delete", t["folder-opened"] = "folder-opened", t.folder = "folder", t.food = "food", t["fork-spoon"] = "fork-spoon", t["full-screen"] = "full-screen", t.goblet = "goblet", t["gold-medal"] = "gold-medal", t["goods-filled"] = "goods-filled", t.goods = "goods", t.grape = "grape", t.grid = "grid", t.guide = "guide", t.handbag = "handbag", t.headset = "headset", t.histogram = "histogram", t["hot-water"] = "hot-water", t.house = "house", t["ice-cream-round"] = "ice-cream-round", t["ice-drink"] = "ice-drink", t["info-filled"] = "info-filled", t.info = "info", t.image = "image", t.key = "key", t["knife-fork"] = "knife-fork", t.lightning = "lightning", t.link = "link", t.list = "list", t.loader = "loader", t.loading = "loading", t["location-filled"] = "location-filled", t["location-information"] = "location-information", t.location = "location", t.lock = "lock", t.logo = "logo", t.lollipop = "lollipop", t["magic-stick"] = "magic-stick", t.magnet = "magnet", t.male = "male", t.management = "management", t["map-location"] = "map-location", t.medal = "medal", t.memo = "memo", t.menu = "menu", t["message-box"] = "message-box", t.message = "message", t.mic = "mic", t.microphone = "microphone", t.minus = "minus", t.money = "money", t.monitor = "monitor", t.moon = "moon", t["more-filled"] = "more-filled", t.more = "more", t["mostly-cloudy"] = "mostly-cloudy", t.mouse = "mouse", t.mug = "mug", t["mute-notification"] = "mute-notification", t.mute = "mute", t["no-smoking"] = "no-smoking", t.notebook = "notebook", t.notification = "notification", t["office-building"] = "office-building", t.operation = "operation", t.opportunity = "opportunity", t.orange = "orange", t.paperclip = "paperclip", t["partly-cloudy"] = "partly-cloudy", t.pear = "pear", t["phone-filled"] = "phone-filled", t.phone = "phone", t.picture = "picture", t["pie-chart"] = "pie-chart", t.place = "place", t.platform = "platform", t.plus = "plus", t.pointer = "pointer", t.position = "position", t["post-card"] = "post-card", t.pouring = "pouring", t.present = "present", t["price-tag"] = "price-tag", t.printer = "printer", t.promotion = "promotion", t["quartz-watch"] = "quartz-watch", t["question-filled"] = "question-filled", t.rank = "rank", t["reading-lamp"] = "reading-lamp", t.reading = "reading", t["refresh-left"] = "refresh-left", t["refresh-right"] = "refresh-right", t.refresh = "refresh", t.refrigerator = "refrigerator", t["remove-filled"] = "remove-filled", t.remove = "remove", t["rotate-left"] = "rotate-left", t["rotate-right"] = "rotate-right", t["scale-to-original"] = "scale-to-original", t.school = "school", t.scissor = "scissor", t.search = "search", t.select = "select", t.sell = "sell", t["semi-select"] = "semi-select", t.service = "service", t.setting = "setting", t.share = "share", t.ship = "ship", t.shop = "shop", t["shopping-bag"] = "shopping-bag", t["shopping-cart-full"] = "shopping-cart-full", t["shopping-cart"] = "shopping-cart", t.shrink = "shrink", t.smoking = "smoking", t.soccer = "soccer", t["sold-out"] = "sold-out", t["sort-down"] = "sort-down", t["sort-up"] = "sort-up", t.sort = "sort", t.stamp = "stamp", t["star-filled"] = "star-filled", t.star = "star", t["success-filled"] = "success-filled", t.success = "success", t.sugar = "sugar", t.sunny = "sunny", t.sunrise = "sunrise", t.sunset = "sunset", t["switch-button"] = "switch-button", t["switch-filled"] = "switch-filled", t.switch = "switch", t["takeaway-box"] = "takeaway-box", t.ticket = "ticket", t.tickets = "tickets", t.time = "time", t.timer = "timer", t["toilet-paper"] = "toilet-paper", t.tools = "tools", t["top-left"] = "top-left", t["top-right"] = "top-right", t.top = "top", t["trend-charts"] = "trend-charts", t["triangle-down"] = "triangle-down", t["trophy-base"] = "trophy-base", t.trophy = "trophy", t["turn-off"] = "turn-off", t.umbrella = "umbrella", t.unlock = "unlock", t["upload-filled"] = "upload-filled", t.upload = "upload", t["user-filled"] = "user-filled", t.user = "user", t.van = "van", t["video-camera"] = "video-camera", t["video-pause"] = "video-pause", t["video-play"] = "video-play", t.video = "video", t.view = "view", t["wallet-filled"] = "wallet-filled", t.wallet = "wallet", t["warn-triangle-filled"] = "warn-triangle-filled", t.warning = "warning", t.watch = "watch", t["wind-power"] = "wind-power", t["zoom-in"] = "zoom-in", t["zoom-out"] = "zoom-out", t))(i || {}), Z2 = /* @__PURE__ */ ((t) => (t.left = "left", t.right = "right", t.top = "top", t.bottom = "bottom", t))(Z2 || {}), X2 = /* @__PURE__ */ ((t) => (t.fill = "fill", t.contain = "contain", t.cover = "cover", t.none = "none", t["scale-down"] = "scale-down", t))(X2 || {}), J = /* @__PURE__ */ ((t) => (t.en = "en", t.ru = "ru", t.zh = "zh", t))(J || {}), J2 = /* @__PURE__ */ ((t) => (t["radio-style"] = "radio-style", t.button = "button", t))(J2 || {}), N2 = /* @__PURE__ */ ((t) => (t.date = "date", t.dates = "dates", t.daterange = "daterange", t))(N2 || {});
 const I2 = (t, e) => {
@@ -62,13 +62,13 @@ const I2 = (t, e) => {
           `${o.icon && "icon"}`
         ]
       })
-    ), s = $(null), d = {
+    ), s = y(null), u = {
       thin: "small",
       default: "medium",
       thick: "large"
-    }, c = h(() => d[o.height]);
-    return e({ buttonDOMElement: s }), (u, v) => (a(), l("div", {
-      class: B(r.value)
+    }, c = h(() => u[o.height]);
+    return e({ buttonDOMElement: s }), (d, v) => (a(), l("div", {
+      class: V(r.value)
     }, [
       n("button", {
         ref_key: "buttonDOMElement",
@@ -82,14 +82,14 @@ const I2 = (t, e) => {
           key: 0,
           name: o.icon
         }, null, 8, ["name"])) : (a(), l("div", n0, [
-          C(u.$slots, "default"),
-          !o.loading && o.text !== void 0 ? (a(), l("span", a0, W(o.text), 1)) : O("", !0),
+          C(d.$slots, "default"),
+          !o.loading && o.text !== void 0 ? (a(), l("span", a0, L(o.text), 1)) : O("", !0),
           o.loading ? (a(), F(_(q), {
             key: 1,
             name: "loader",
             size: c.value
           }, null, 8, ["size"])) : O("", !0),
-          C(u.$slots, "append")
+          C(d.$slots, "append")
         ]))
       ], 8, t0)
     ], 2));
@@ -109,7 +109,7 @@ const o0 = {
     color: { default: "var(--nmorph-text-color)" }
   },
   setup(t) {
-    I((d) => ({
+    I((u) => ({
       d36f10ce: s.value
     }));
     const e = t, o = h(
@@ -121,16 +121,16 @@ const o0 = {
         ]
       })
     ), r = h(() => {
-      const d = {};
-      return e.width && (d["--width"] = e.width), e.height && (d["--height"] = e.height), d;
+      const u = {};
+      return e.width && (u["--width"] = e.width), e.height && (u["--height"] = e.height), u;
     }), s = h(() => e.color);
-    return (d, c) => (a(), l("div", {
-      class: B(o.value),
+    return (u, c) => (a(), l("div", {
+      class: V(o.value),
       style: ae(r.value)
     }, [
       e.name ? (a(), l("div", o0, [
         (a(), F(L2(_(h2)[e.name])))
-      ])) : C(d.$slots, "default", { key: 1 })
+      ])) : C(u.$slots, "default", { key: 1 })
     ], 6));
   }
 });
@@ -2827,14 +2827,14 @@ const fd = { render: _d }, h2 = {
       })
     );
     return (r, s) => (a(), l("div", {
-      class: B(o.value)
+      class: V(o.value)
     }, [
       n("a", {
         href: e.href,
         target: e.target
       }, [
         C(r.$slots, "prepend"),
-        le(" " + W(r.text) + " ", 1),
+        le(" " + L(r.text) + " ", 1),
         r.iconName ? (a(), F(_(q), {
           key: 0,
           class: "nmorph-link__icon",
@@ -2875,36 +2875,36 @@ const xd = /* @__PURE__ */ T({
     I((U) => ({
       "616ac766": E.value,
       "3eb1ffd9": X.value,
-      "68ca2cc6": m.value,
-      e6613a6c: y.value,
+      "68ca2cc6": p.value,
+      e6613a6c: x.value,
       "475844c4": c.value,
-      "475844c5": d.value,
+      "475844c5": u.value,
       "408c54d1": j.value,
       ba0dc0f6: g.value,
-      bb485170: x.value
+      bb485170: $.value
     }));
-    const r = t, s = $(null), d = h(() => r.scrollYProp), c = h(() => r.scrollXProp), u = $(!1), v = $(!1), p = () => {
-      u.value = s.value?.scrollHeight > s.value?.clientHeight, v.value = s.value?.scrollWidth > s.value?.clientWidth;
-    }, b = h(() => r.yBarWidthInPx + r.yGapInPx), H = h(() => r.xBarWidthInPx + r.xGapInPx), m = h(
-      () => r.scrollYProp === "hidden" || !u.value ? "0" : `${b.value}px`
-    ), y = h(
+    const r = t, s = y(null), u = h(() => r.scrollYProp), c = h(() => r.scrollXProp), d = y(!1), v = y(!1), m = () => {
+      d.value = s.value?.scrollHeight > s.value?.clientHeight, v.value = s.value?.scrollWidth > s.value?.clientWidth;
+    }, b = h(() => r.yBarWidthInPx + r.yGapInPx), H = h(() => r.xBarWidthInPx + r.xGapInPx), p = h(
+      () => r.scrollYProp === "hidden" || !d.value ? "0" : `${b.value}px`
+    ), x = h(
       () => r.scrollXProp === "hidden" || !v.value ? "0" : `${H.value}px`
-    ), g = h(() => `${r.yBarWidthInPx}px`), x = h(() => `${r.xBarWidthInPx}px`), w = N("nmorph");
+    ), g = h(() => `${r.yBarWidthInPx}px`), $ = h(() => `${r.xBarWidthInPx}px`), w = N("nmorph");
     let f;
-    const z = o, V = () => {
+    const z = o, B = () => {
       const U = Math.trunc(s.value?.scrollLeft), ee = Math.trunc(s.value?.scrollTop);
       z("update:model-value", { x: U, y: ee });
-    }, L = () => {
+    }, W = () => {
       z("on-scroll-end");
     }, P = (U) => {
-      z("on-scroll", U), s.value && (r.updateOnlyOnScrollEnd || V(), f !== void 0 && clearTimeout(f), f = setTimeout(() => {
-        r.updateOnlyOnScrollEnd && V(), L();
+      z("on-scroll", U), s.value && (r.updateOnlyOnScrollEnd || B(), f !== void 0 && clearTimeout(f), f = setTimeout(() => {
+        r.updateOnlyOnScrollEnd && B(), W();
       }, r.scrollEndDelay));
     };
     He(() => {
       f !== void 0 && clearTimeout(f);
     });
-    const M = $(!1), D = h(
+    const M = y(!1), D = h(
       () => A({
         "nmorph-scroll": []
       })
@@ -2917,7 +2917,7 @@ const xd = /* @__PURE__ */ T({
       });
     };
     ne(() => {
-      S(r.modelValue), pe(p);
+      S(r.modelValue), pe(m);
     }), G(
       () => r.modelValue,
       (U) => {
@@ -2927,7 +2927,7 @@ const xd = /* @__PURE__ */ T({
     ), G(
       () => w?.browser.dimensions,
       () => {
-        pe(p);
+        pe(m);
       },
       { deep: !0, immediate: !0 }
     );
@@ -2966,24 +2966,24 @@ const $d = /* @__PURE__ */ T({
   },
   emits: ["error", "load"],
   setup(t, { emit: e }) {
-    I((y) => ({
-      "574116af": m.value,
-      "11dd63ea": p.value,
+    I((x) => ({
+      "574116af": p.value,
+      "11dd63ea": m.value,
       "11d2c240": v.value,
       "75c6801c": H.value
     }));
-    const o = t, r = e, s = $(!1), d = h(
+    const o = t, r = e, s = y(!1), u = h(
       () => A({
         nmorph: [`${o.frameBorder > 0 && "shadow-combined"}`],
         "nmorph-avatar": [o.shape]
       })
-    ), c = (y) => {
-      r("error", y), s.value = !0;
-    }, u = (y) => {
-      r("load", y), s.value = !1;
-    }, v = h(() => `${o.imagePadding}px`), p = h(() => ` ${o.size}px`), b = h(() => `${o.size / 100 * 60}px`), H = h(() => o.shape === "circle" ? "50%" : "4px"), m = h(() => `${o.frameBorder}px`);
-    return (y, g) => (a(), l("div", {
-      class: B(d.value)
+    ), c = (x) => {
+      r("error", x), s.value = !0;
+    }, d = (x) => {
+      r("load", x), s.value = !1;
+    }, v = h(() => `${o.imagePadding}px`), m = h(() => ` ${o.size}px`), b = h(() => `${o.size / 100 * 60}px`), H = h(() => o.shape === "circle" ? "50%" : "4px"), p = h(() => `${o.frameBorder}px`);
+    return (x, g) => (a(), l("div", {
+      class: V(u.value)
     }, [
       k(_(Me), {
         fit: o.fit,
@@ -2991,7 +2991,7 @@ const $d = /* @__PURE__ */ T({
         "src-set": o.srcSet,
         alt: o.alt,
         "frame-border": 0,
-        onLoad: u,
+        onLoad: d,
         onError: c
       }, {
         error: R(() => [
@@ -3029,8 +3029,8 @@ const xe = (t, e) => {
     disabled: { type: Boolean, default: !1 }
   },
   setup(t) {
-    I((p) => ({
-      "68e4a285": p.color
+    I((m) => ({
+      "68e4a285": m.color
     }));
     const e = t, o = h(
       () => A({
@@ -3040,29 +3040,29 @@ const xe = (t, e) => {
       () => A({
         "nmorph-badge__container": [`${e.hidden && "hidden"}`]
       })
-    ), s = h(() => typeof Number(e.value) == "number" && Number(e.value) > e.max ? `${e.max}+` : e.value), d = h(() => {
-      const p = `${(u?.value / 2 + e.offsetX) * -1}px`, b = `${(v?.value / 2 + e.offsetY) * -1}px`;
+    ), s = h(() => typeof Number(e.value) == "number" && Number(e.value) > e.max ? `${e.max}+` : e.value), u = h(() => {
+      const m = `${(d?.value / 2 + e.offsetX) * -1}px`, b = `${(v?.value / 2 + e.offsetY) * -1}px`;
       return {
-        x: p,
+        x: m,
         y: b
       };
-    }), c = $(null), u = $(0), v = $(0);
+    }), c = y(null), d = y(0), v = y(0);
     return ne(() => {
-      c.value && (u.value = c.value.clientWidth, v.value = c.value.clientHeight);
-    }), (p, b) => e.disabled ? C(p.$slots, "default", { key: 1 }) : (a(), l("div", {
+      c.value && (d.value = c.value.clientWidth, v.value = c.value.clientHeight);
+    }), (m, b) => e.disabled ? C(m.$slots, "default", { key: 1 }) : (a(), l("div", {
       key: 0,
-      class: B(o.value)
+      class: V(o.value)
     }, [
-      C(p.$slots, "default"),
+      C(m.$slots, "default"),
       n("div", {
         ref_key: "badge",
         ref: c,
-        class: B(r.value),
-        style: ae({ right: d.value.x, top: d.value.y })
+        class: V(r.value),
+        style: ae({ right: u.value.x, top: u.value.y })
       }, [
         e.isDot ? (a(), l("div", bd)) : (a(), l("div", Md, [
-          C(p.$slots, "value", {}, () => [
-            le(W(s.value), 1)
+          C(m.$slots, "value", {}, () => [
+            le(L(s.value), 1)
           ])
         ]))
       ], 6)
@@ -3086,15 +3086,15 @@ const zd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
   },
   emits: ["update:model-value", "update-initial-date"],
   setup(t, { emit: e }) {
-    const o = t, r = e, { days: s } = ze(), d = () => {
-      y.value = f.value;
+    const o = t, r = e, { days: s } = ze(), u = () => {
+      x.value = f.value;
     }, c = () => {
-      y.value = /* @__PURE__ */ new Date();
-    }, u = () => {
-      y.value = z.value;
+      x.value = /* @__PURE__ */ new Date();
+    }, d = () => {
+      x.value = z.value;
     }, v = () => {
       throw new Error("model value and type prop not matched");
-    }, p = (M) => {
+    }, m = (M) => {
       if (M === null)
         return null;
       if (o.type === "date") {
@@ -3119,7 +3119,7 @@ const zd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
       const { monthType: D, hidden: S } = M;
       if (S)
         return;
-      D === "next" && u(), D === "previous" && d();
+      D === "next" && d(), D === "previous" && u();
       const { date: j } = M;
       if (o.type === "date" && (g.value = j, r("update:model-value", g.value)), o.type === "dates") {
         if (!Array.isArray(g.value))
@@ -3135,7 +3135,7 @@ const zd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
     }, H = (M, D) => {
       const [S, j] = D;
       return D.length === 1 ? M.toDateString() === S.toDateString() : S && j ? M >= ie(S) && M <= ie(j) : !1;
-    }, m = (M) => {
+    }, p = (M) => {
       if (g.value === null)
         return !1;
       if (o.type === "date")
@@ -3144,66 +3144,66 @@ const zd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
         return Array.isArray(g.value) ? !!g.value.find((S) => S.toDateString() === M.toDateString()) : v();
       if (o.type === "daterange")
         return Array.isArray(g.value) ? H(M, g.value) : v();
-    }, y = $(o.initialDate), g = $(p(o.modelValue));
+    }, x = y(o.initialDate), g = y(m(o.modelValue));
     ne(() => {
       r("update:model-value", g.value);
     });
-    let x = _e([]);
+    let $ = _e([]);
     const w = () => {
-      x = [], y2(y, o.range).forEach((D) => {
+      $ = [], y2(x, o.range).forEach((D) => {
         const S = {};
         D.forEach((j, E) => {
           const X = s[E];
           S[X] = j;
-        }), x.push(S);
+        }), $.push(S);
       });
     };
     G(
       () => o.initialDate,
       (M) => {
-        y.value = M;
+        x.value = M;
       },
       {
         deep: !0
       }
-    ), G(y, () => {
-      w(), r("update-initial-date", y.value);
+    ), G(x, () => {
+      w(), r("update-initial-date", x.value);
     }), G(
       () => o.modelValue,
       (M) => {
-        g.value = p(M);
+        g.value = m(M);
       }
     );
-    const f = h(() => new Date(y.value.setMonth(y.value.getMonth() - 1))), z = h(() => new Date(y.value.setMonth(y.value.getMonth() + 1))), V = h(() => {
-      const { range: M } = o, D = M ? w2(y.value, M[0]) : !0, S = M ? x2(y.value, M[1]) : !0, j = $2(M);
+    const f = h(() => new Date(x.value.setMonth(x.value.getMonth() - 1))), z = h(() => new Date(x.value.setMonth(x.value.getMonth() + 1))), B = h(() => {
+      const { range: M } = o, D = M ? w2(x.value, M[0]) : !0, S = M ? x2(x.value, M[1]) : !0, j = $2(M);
       return {
         showPreviousMonthButton: D,
         showNextMonthButton: S,
         showTodayButton: j
       };
-    }), L = h(
+    }), W = h(
       () => A({
         "nmorph-calendar": []
       })
     ), P = (M) => M;
     return w(), (M, D) => (a(), l("div", {
-      class: B(L.value)
+      class: V(W.value)
     }, [
       C(M.$slots, "header", {}, () => [
         k(_(b2), {
-          year: y.value.getFullYear(),
-          month: y.value.getMonth(),
-          "show-previous-month-button": V.value.showPreviousMonthButton,
-          "show-today-button": V.value.showTodayButton,
-          "show-next-month-button": V.value.showNextMonthButton,
-          onClickNextMonth: u,
-          onClickPreviousMonth: d,
+          year: x.value.getFullYear(),
+          month: x.value.getMonth(),
+          "show-previous-month-button": B.value.showPreviousMonthButton,
+          "show-today-button": B.value.showTodayButton,
+          "show-next-month-button": B.value.showNextMonthButton,
+          onClickNextMonth: d,
+          onClickPreviousMonth: u,
           onClickToday: c
         }, null, 8, ["year", "month", "show-previous-month-button", "show-today-button", "show-next-month-button"])
       ]),
       C(M.$slots, "content", {}, () => [
         k(_(k2), {
-          data: _(x),
+          data: _($),
           bordered: "",
           "row-hover": !1
         }, {
@@ -3221,7 +3221,7 @@ const zd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
                   default: R(() => [
                     n("div", {
                       "data-date": `${P(E[S]).date}`,
-                      class: B([
+                      class: V([
                         "nmorph-calendar-date",
                         `nmorph-calendar-date--${P(E[S]).monthType}`,
                         {
@@ -3229,7 +3229,7 @@ const zd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
                         },
                         { "nmorph-calendar-date--hidden": P(E[S]).hidden },
                         {
-                          "nmorph-calendar-date--selected": m(P(E[S]).date)
+                          "nmorph-calendar-date--selected": p(P(E[S]).date)
                         }
                       ]),
                       onClick: (oe) => b(P(E[S]))
@@ -3237,10 +3237,10 @@ const zd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
                       C(M.$slots, "date-cell", {
                         scope: {
                           ...P(E[S]),
-                          selected: m(P(E[S]).date)
+                          selected: p(P(E[S]).date)
                         }
                       }, () => [
-                        le(W(P(E[S]).hidden ? "-" : P(E[S]).value), 1)
+                        le(L(P(E[S]).hidden ? "-" : P(E[S]).value), 1)
                       ])
                     ], 10, Vd)
                   ]),
@@ -3280,14 +3280,14 @@ const g2 = (t) => {
   const { months: e } = ze();
   return e[t];
 }, Bd = (t) => t % 4 === 0 && t % 100 !== 0 || t % 400 === 0, e2 = (t, e) => [0, 2, 4, 6, 7, 9, 11].includes(e) ? 31 : [3, 5, 8, 10].includes(e) ? 30 : Bd(t) ? 29 : 28, ie = (t) => new Date(t.getFullYear(), t.getMonth(), t.getDate()), y2 = (t, e) => {
-  const o = (E) => e ? E < ie(e[0]) || E > ie(e[1]) : !1, r = t.value.getFullYear(), s = t.value.getMonth(), c = new Date(r, s, 1).getDay() + 1, u = e2(r, s), v = 7 + c - 8;
-  let H = 7 - (new Date(r, s, u).getDay() + 1);
-  const m = /* @__PURE__ */ new Date(), y = m.getDate(), g = m.getMonth(), x = s - 1, w = e2(r, x);
+  const o = (E) => e ? E < ie(e[0]) || E > ie(e[1]) : !1, r = t.value.getFullYear(), s = t.value.getMonth(), c = new Date(r, s, 1).getDay() + 1, d = e2(r, s), v = 7 + c - 8;
+  let H = 7 - (new Date(r, s, d).getDay() + 1);
+  const p = /* @__PURE__ */ new Date(), x = p.getDate(), g = p.getMonth(), $ = s - 1, w = e2(r, $);
   let f = w - v;
   const z = [];
   for (; f < w; ) {
     f++;
-    const E = g === x && y === f, X = new Date(r, x, f);
+    const E = g === $ && x === f, X = new Date(r, $, f);
     z.push({
       value: f,
       monthType: "previous",
@@ -3296,12 +3296,12 @@ const g2 = (t) => {
       hidden: o(X)
     });
   }
-  const V = s + 1, L = [];
+  const B = s + 1, W = [];
   let P = 0;
   for (; H; ) {
     P++, H--;
-    const E = g === V && y === P, X = new Date(r, V, P);
-    L.push({
+    const E = g === B && x === P, X = new Date(r, B, P);
+    W.push({
       value: P,
       monthType: "next",
       isToday: E,
@@ -3311,8 +3311,8 @@ const g2 = (t) => {
   }
   let M = 0;
   const D = [];
-  for (; M < u; ) {
-    const E = m.getDate();
+  for (; M < d; ) {
+    const E = p.getDate();
     M++;
     const X = g === s && E === M, oe = new Date(r, s, M);
     D.push({
@@ -3323,7 +3323,7 @@ const g2 = (t) => {
       hidden: o(oe)
     });
   }
-  const S = [...z, ...D, ...L], j = [];
+  const S = [...z, ...D, ...W], j = [];
   for (let E = 0; E < S.length; E += 7) {
     const X = S.slice(E, E + 7);
     j.push(X);
@@ -3345,32 +3345,32 @@ const g2 = (t) => {
         "nmorph-calendar-header": []
       })
     );
-    return (d, c) => (a(), l("div", {
-      class: B(s.value)
+    return (u, c) => (a(), l("div", {
+      class: V(s.value)
     }, [
-      C(d.$slots, "default", {}, () => [
-        n("div", Cd, W(o.year) + " " + W(_(Re)(o.month)), 1),
+      C(u.$slots, "default", {}, () => [
+        n("div", Cd, L(o.year) + " " + L(_(Re)(o.month)), 1),
         n("div", Sd, [
-          d.showPreviousMonthButton ? (a(), F(_(Y), {
+          u.showPreviousMonthButton ? (a(), F(_(Y), {
             key: 0,
             class: "nmorph-calendar-header__action",
-            onClick: c[0] || (c[0] = (u) => r("click-previous-month"))
+            onClick: c[0] || (c[0] = (d) => r("click-previous-month"))
           }, {
             default: R(() => [
               k(_(q), { name: "arrow-left" })
             ]),
             _: 1
           })) : O("", !0),
-          d.showTodayButton ? (a(), F(_(Y), {
+          u.showTodayButton ? (a(), F(_(Y), {
             key: 1,
             class: "nmorph-calendar-header__action",
             text: "Today",
-            onClick: c[1] || (c[1] = (u) => r("click-today"))
+            onClick: c[1] || (c[1] = (d) => r("click-today"))
           })) : O("", !0),
-          d.showNextMonthButton ? (a(), F(_(Y), {
+          u.showNextMonthButton ? (a(), F(_(Y), {
             key: 2,
             class: "nmorph-calendar-header__action",
-            onClick: c[2] || (c[2] = (u) => r("click-next-month"))
+            onClick: c[2] || (c[2] = (d) => r("click-next-month"))
           }, {
             default: R(() => [
               k(_(q), { name: "arrow-right" })
@@ -3398,8 +3398,8 @@ const Ad = { class: "nmorph-card__header" }, Td = { class: "nmorph-card__content
         "nmorph-card": [e.shadowType]
       })
     ), r = h(() => `${e.combinedShadowBorderWidth}px`);
-    return (s, d) => (a(), l("div", {
-      class: B(o.value)
+    return (s, u) => (a(), l("div", {
+      class: V(o.value)
     }, [
       n("div", Ad, [
         C(s.$slots, "header", {}, void 0, !0)
@@ -3420,46 +3420,46 @@ const Pd = /* @__PURE__ */ xe(Od, [["__scopeId", "data-v-e3cb136f"]]), qd = ["id
   },
   emits: ["change"],
   setup(t, { emit: e }) {
-    const o = $(0), r = () => {
+    const o = y(0), r = () => {
       o.value = o.value + 1;
     }, s = () => {
       o.value = o.value - 1;
-    }, d = t, c = e, u = h(
+    }, u = t, c = e, d = h(
       () => A({
         "nmorph-carousel": []
       })
-    ), v = $([]), p = ue();
-    te("carousel-data", { data: v, carouselId: p });
-    const b = $(null), H = _e({}), m = () => {
-      const V = H[Object.keys(H).length - 1]?.cloneNode(!0), L = H[0]?.cloneNode(!0);
-      b.value?.prepend(V), b.value?.append(L), o.value += 1;
-    }, y = () => {
+    ), v = y([]), m = ue();
+    te("carousel-data", { data: v, carouselId: m });
+    const b = y(null), H = _e({}), p = () => {
+      const B = H[Object.keys(H).length - 1]?.cloneNode(!0), W = H[0]?.cloneNode(!0);
+      b.value?.prepend(B), b.value?.append(W), o.value += 1;
+    }, x = () => {
       o.value === 0 && (o.value = Object.keys(H).length, w.value = !1), o.value > Object.keys(H).length && (o.value = 1, w.value = !1);
     };
     ne(() => {
-      d.loop && o.value === 0 && (pe(() => m()), b.value?.addEventListener("transitionend", y));
-    }), G(o, (V) => {
-      c("change", o.value), (V === 1 || V === Object.keys(H).length) && setTimeout(() => {
+      u.loop && o.value === 0 && (pe(() => p()), b.value?.addEventListener("transitionend", x));
+    }), G(o, (B) => {
+      c("change", o.value), (B === 1 || B === Object.keys(H).length) && setTimeout(() => {
         w.value = !0;
       });
     });
-    const g = (V, L) => {
-      const P = V;
-      H[L] = P;
-    }, x = h(() => `translateX(-${o.value * 100}%)`), w = $(!0), f = (V) => V === o.value - 1, z = (V) => {
-      o.value = V + 1;
+    const g = (B, W) => {
+      const P = B;
+      H[W] = P;
+    }, $ = h(() => `translateX(-${o.value * 100}%)`), w = y(!0), f = (B) => B === o.value - 1, z = (B) => {
+      o.value = B + 1;
     };
-    return (V, L) => (a(), l("div", {
-      class: B(u.value)
+    return (B, W) => (a(), l("div", {
+      class: V(d.value)
     }, [
       n("div", {
         ref_key: "carouselWrapper",
         ref: b,
-        class: B(["nmorph-carousel__wrapper", { "transition-enabled": w.value }]),
-        style: ae({ transform: x.value })
+        class: V(["nmorph-carousel__wrapper", { "transition-enabled": w.value }]),
+        style: ae({ transform: $.value })
       }, [
         (a(!0), l(Q, null, Z(v.value, (P, M) => (a(), l("div", {
-          id: `nmorph-carousel-item-${_(p)}-${P}`,
+          id: `nmorph-carousel-item-${_(m)}-${P}`,
           key: P,
           ref_for: !0,
           ref: (D) => g(D, M),
@@ -3473,7 +3473,7 @@ const Pd = /* @__PURE__ */ xe(Od, [["__scopeId", "data-v-e3cb136f"]]), qd = ["id
           onClick: (D) => z(M)
         }, [
           n("div", {
-            class: B(["nmorph-carousel__element-indicator", { "nmorph-carousel__element-indicator--active": f(M) }])
+            class: V(["nmorph-carousel__element-indicator", { "nmorph-carousel__element-indicator--active": f(M) }])
           }, null, 2)
         ], 8, Fd))), 128))
       ]),
@@ -3489,7 +3489,7 @@ const Pd = /* @__PURE__ */ xe(Od, [["__scopeId", "data-v-e3cb136f"]]), qd = ["id
       }, [
         k(_(q), { name: "chevron-down" })
       ]),
-      C(V.$slots, "default")
+      C(B.$slots, "default")
     ], 2));
   }
 });
@@ -3503,17 +3503,17 @@ const jd = /* @__PURE__ */ T({
       () => A({
         "nmorph-carousel-item": []
       })
-    ), r = N("carousel-data", void 0), s = $(!1);
+    ), r = N("carousel-data", void 0), s = y(!1);
     return ne(() => {
       s.value = !0, r && r.data.value.push(e.name);
-    }), (d, c) => s.value ? (a(), l("div", {
+    }), (u, c) => s.value ? (a(), l("div", {
       key: 0,
-      class: B(o.value)
+      class: V(o.value)
     }, [
       (a(), F(ge, {
         to: `#nmorph-carousel-item-${_(r)?.carouselId}-${e.name}`
       }, [
-        C(d.$slots, "default")
+        C(u.$slots, "default")
       ], 8, ["to"]))
     ], 2)) : O("", !0);
   }
@@ -3525,34 +3525,34 @@ const jd = /* @__PURE__ */ T({
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const o = t, r = $(o.modelValue);
+    const o = t, r = y(o.modelValue);
     G(
       () => o.modelValue,
-      (u) => {
-        r.value = u;
+      (d) => {
+        r.value = d;
       }
     );
-    const s = (u, v) => {
+    const s = (d, v) => {
       if (o.accordion)
-        r.value = v ? [u] : [];
+        r.value = v ? [d] : [];
       else if (!Array.isArray(r.value))
-        r.value = [u];
+        r.value = [d];
       else {
-        const p = r.value.indexOf(u);
-        v && p === -1 && r.value.push(u), !v && p !== -1 && r.value.splice(p, 1);
+        const m = r.value.indexOf(d);
+        v && m === -1 && r.value.push(d), !v && m !== -1 && r.value.splice(m, 1);
       }
-      d("update:model-value", r.value);
+      u("update:model-value", r.value);
     };
     te("collapse-data", r), te("update-model", s);
-    const d = e, c = h(
+    const u = e, c = h(
       () => A({
         "nmorph-collapse": []
       })
     );
-    return (u, v) => (a(), l("div", {
-      class: B(c.value)
+    return (d, v) => (a(), l("div", {
+      class: V(c.value)
     }, [
-      C(u.$slots, "default")
+      C(d.$slots, "default")
     ], 2));
   }
 }), Ld = /* @__PURE__ */ T({
@@ -3566,7 +3566,7 @@ const jd = /* @__PURE__ */ T({
   },
   emits: ["click-item"],
   setup(t, { emit: e }) {
-    const o = t, r = e, s = $(!1), d = h(
+    const o = t, r = e, s = y(!1), u = h(
       () => A({
         "nmorph-collapse-item": [`${o.disabled && "disabled"}`, `${s.value && "is-open"}`]
       })
@@ -3574,28 +3574,28 @@ const jd = /* @__PURE__ */ T({
       () => A({
         nmorph: [re[o.height]]
       })
-    ), u = N("collapse-data", void 0), v = N("update-model", void 0), p = $(null), b = $(0), H = () => {
+    ), d = N("collapse-data", void 0), v = N("update-model", void 0), m = y(null), b = y(0), H = () => {
       o.block || (s.value = !s.value, v && (v(o.name, s.value), r("click-item", { id: o.name, isOpen: s.value })));
     };
     return ne(() => {
-      Array.isArray(u?.value) ? s.value = u.value.includes(o.name) : s.value = u?.value === o.name;
+      Array.isArray(d?.value) ? s.value = d.value.includes(o.name) : s.value = d?.value === o.name;
     }), G(
-      () => u?.value,
-      (m) => {
-        Array.isArray(m) ? s.value = m.includes(o.name) : s.value = m === o.name;
+      () => d?.value,
+      (p) => {
+        Array.isArray(p) ? s.value = p.includes(o.name) : s.value = p === o.name;
       },
       { deep: !0 }
     ), G(s, () => {
-      b.value = s.value && p.value ? p.value?.clientHeight : 0;
-    }), (m, y) => (a(), l("div", {
-      class: B(d.value),
+      b.value = s.value && m.value ? m.value?.clientHeight : 0;
+    }), (p, x) => (a(), l("div", {
+      class: V(u.value),
       onClick: se(H, ["stop"])
     }, [
       n("div", {
-        class: B(["nmorph-collapse-item__title", c.value])
+        class: V(["nmorph-collapse-item__title", c.value])
       }, [
-        C(m.$slots, "title", {}, () => [
-          le(W(o.title), 1)
+        C(p.$slots, "title", {}, () => [
+          le(L(o.title), 1)
         ])
       ], 2),
       n("div", {
@@ -3604,10 +3604,10 @@ const jd = /* @__PURE__ */ T({
       }, [
         n("div", {
           ref_key: "collapseItemDOMElContent",
-          ref: p,
+          ref: m,
           class: "nmorph-collapse-item__inner-wrapper"
         }, [
-          C(m.$slots, "default")
+          C(p.$slots, "default")
         ], 512)
       ], 4)
     ], 2));
@@ -3632,38 +3632,38 @@ const Ud = ["src", "alt", "srcset"], Yd = {
   },
   emits: ["error", "load"],
   setup(t, { emit: e }) {
-    I((m) => ({
+    I((p) => ({
       "1a936921": H.value,
       "3ba8437a": b.value
     }));
-    const o = t, r = $(!1), s = $(!1), d = e, c = (m) => {
-      r.value = !0, s.value = !1, d("load", m);
-    }, u = (m) => {
-      r.value = !0, s.value = !0, d("error", m);
-    }, v = h(() => r.value && s.value), p = h(
+    const o = t, r = y(!1), s = y(!1), u = e, c = (p) => {
+      r.value = !0, s.value = !1, u("load", p);
+    }, d = (p) => {
+      r.value = !0, s.value = !0, u("error", p);
+    }, v = h(() => r.value && s.value), m = h(
       () => A({
         nmorph: [`${o.frameBorder > 0 && "shadow-combined"}`],
         "nmorph-image": [`${(v.value || !r.value) && "hide"}`]
       })
     ), b = h(() => o.fit), H = h(() => `${o.frameBorder}px`);
-    return (m, y) => o.src ? (a(), l("div", {
+    return (p, x) => o.src ? (a(), l("div", {
       key: 0,
-      class: B(p.value)
+      class: V(m.value)
     }, [
       n("img", {
         src: o.src,
         alt: o.alt,
         srcset: o.srcSet,
         onLoad: c,
-        onError: u
+        onError: d
       }, null, 40, Ud),
       v.value ? (a(), l("div", Yd, [
-        C(m.$slots, "error", {}, () => [
-          le(W(o.loadFailedText), 1)
+        C(p.$slots, "error", {}, () => [
+          le(L(o.loadFailedText), 1)
         ], !0)
       ])) : r.value ? O("", !0) : (a(), l("div", Gd, [
-        C(m.$slots, "loading", {}, () => [
-          le(W(o.loadingText), 1)
+        C(p.$slots, "loading", {}, () => [
+          le(L(o.loadingText), 1)
         ], !0)
       ]))
     ], 2)) : O("", !0);
@@ -3688,7 +3688,7 @@ const Me = /* @__PURE__ */ xe(Kd, [["__scopeId", "data-v-4c37d982"]]), Qd = { cl
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const o = t, r = $(o.modelValue);
+    const o = t, r = y(o.modelValue);
     G(
       () => o.modelValue,
       (S) => r.value = S
@@ -3697,36 +3697,36 @@ const Me = /* @__PURE__ */ xe(Kd, [["__scopeId", "data-v-4c37d982"]]), Qd = { cl
       () => A({
         "nmorph-image-preview": [`${r.value && "opened"}`]
       })
-    ), d = $(o.initialIndex), c = h(() => typeof o.src == "string" ? o.src : o.src[d.value]), u = $(1), v = () => {
+    ), u = y(o.initialIndex), c = h(() => typeof o.src == "string" ? o.src : o.src[u.value]), d = y(1), v = () => {
       r.value = !0, M("update:model-value", r.value);
-    }, p = () => {
+    }, m = () => {
       r.value = !1, M("update:model-value", r.value);
     }, b = () => {
       f.value = f.value + 90, f.value >= 360 && (f.value = 0);
     }, H = () => {
       f.value = f.value - 90, f.value <= -360 && (f.value = 0);
-    }, m = () => {
-      u.value < o.maxScaleLevel && (u.value += o.scaleStep), u.value = parseFloat(u.value.toFixed(3));
-    }, y = () => {
-      u.value > o.minScaleLevel && (u.value -= o.scaleStep), u.value = parseFloat(u.value.toFixed(3));
-    }, g = h(() => u.value < 1), x = () => {
-      u.value = 1;
+    }, p = () => {
+      d.value < o.maxScaleLevel && (d.value += o.scaleStep), d.value = parseFloat(d.value.toFixed(3));
+    }, x = () => {
+      d.value > o.minScaleLevel && (d.value -= o.scaleStep), d.value = parseFloat(d.value.toFixed(3));
+    }, g = h(() => d.value < 1), $ = () => {
+      d.value = 1;
     }, w = () => {
-      u.value = 1;
-    }, f = $(0), z = () => {
-      const S = o.src.length - 1, j = d.value - 1;
-      j < 0 ? d.value = S : d.value = j;
-    }, V = () => {
-      const S = o.src.length - 1, j = d.value + 1;
-      j > S ? d.value = 0 : d.value = j;
-    }, L = h(() => {
+      d.value = 1;
+    }, f = y(0), z = () => {
+      const S = o.src.length - 1, j = u.value - 1;
+      j < 0 ? u.value = S : u.value = j;
+    }, B = () => {
+      const S = o.src.length - 1, j = u.value + 1;
+      j > S ? u.value = 0 : u.value = j;
+    }, W = h(() => {
       let S = {
         icon: "shrink",
         handler: w
       };
       return g.value && (S = {
         icon: "enlarge",
-        handler: x
+        handler: $
       }), S;
     }), P = [
       {
@@ -3739,15 +3739,15 @@ const Me = /* @__PURE__ */ xe(Kd, [["__scopeId", "data-v-4c37d982"]]), Qd = { cl
       },
       {
         icon: "zoom-in",
-        handler: m
+        handler: p
       },
       {
         icon: "zoom-out",
-        handler: y
+        handler: x
       }
     ], M = e, D = h(() => Array.isArray(o.src) && o.src.length > 0);
     return (S, j) => (a(), l("div", {
-      class: B(s.value)
+      class: V(s.value)
     }, [
       n("div", {
         class: "nmorph-image-preview__trigger",
@@ -3761,7 +3761,7 @@ const Me = /* @__PURE__ */ xe(Kd, [["__scopeId", "data-v-4c37d982"]]), Qd = { cl
       ]),
       k(_(Se), {
         show: r.value,
-        onOnOutsideClick: p
+        onOnOutsideClick: m
       }, {
         default: R(() => [
           n("div", Qd, [
@@ -3769,7 +3769,7 @@ const Me = /* @__PURE__ */ xe(Kd, [["__scopeId", "data-v-4c37d982"]]), Qd = { cl
               src: c.value,
               alt: o.alt,
               fit: "cover",
-              style: ae({ transform: `rotate(${f.value}deg) scale(${u.value})` })
+              style: ae({ transform: `rotate(${f.value}deg) scale(${d.value})` })
             }, null, 8, ["src", "alt", "style"])
           ]),
           D.value ? (a(), l("div", Zd, [
@@ -3781,7 +3781,7 @@ const Me = /* @__PURE__ */ xe(Kd, [["__scopeId", "data-v-4c37d982"]]), Qd = { cl
             })
           ])) : O("", !0),
           D.value ? (a(), l("div", Xd, [
-            k(_(Y), { onClick: V }, {
+            k(_(Y), { onClick: B }, {
               default: R(() => [
                 k(_(q), { name: "chevron-down" })
               ]),
@@ -3806,12 +3806,12 @@ const Me = /* @__PURE__ */ xe(Kd, [["__scopeId", "data-v-4c37d982"]]), Qd = { cl
             ])), 64)),
             n("div", Nd, [
               k(_(Y), {
-                disabled: u.value === 1,
-                onClick: L.value.handler
+                disabled: d.value === 1,
+                onClick: W.value.handler
               }, {
                 default: R(() => [
                   k(_(q), {
-                    name: L.value.icon
+                    name: W.value.icon
                   }, null, 8, ["name"])
                 ]),
                 _: 1
@@ -3841,44 +3841,44 @@ const Id = /* @__PURE__ */ T({
       () => A({
         "nmorph-pagination": [`${o.disabled && "disabled"}`]
       })
-    ), d = () => {
-      u.value = String(Number(u.value) - 1);
+    ), u = () => {
+      d.value = String(Number(d.value) - 1);
     }, c = () => {
-      u.value = String(Number(u.value) + 1);
-    }, u = $(String(o.modelValue)), v = h(() => {
-      const x = o.totalElementsQuantity / o.elementsQuantityOnPage + 1, w = x % 1 === 0 ? -1 : 0;
-      return Array.from({ length: x + w }, (z, V) => ({ value: String(V + 1), label: String(V + 1) }));
-    }), p = h(() => o.hideOnSinglePage || o.totalElementsQuantity / o.elementsQuantityOnPage > 1);
-    G(u, (x) => {
-      r("update:model-value", Number(x));
+      d.value = String(Number(d.value) + 1);
+    }, d = y(String(o.modelValue)), v = h(() => {
+      const $ = o.totalElementsQuantity / o.elementsQuantityOnPage + 1, w = $ % 1 === 0 ? -1 : 0;
+      return Array.from({ length: $ + w }, (z, B) => ({ value: String(B + 1), label: String(B + 1) }));
+    }), m = h(() => o.hideOnSinglePage || o.totalElementsQuantity / o.elementsQuantityOnPage > 1);
+    G(d, ($) => {
+      r("update:model-value", Number($));
     });
-    const b = (x) => {
-      u.value = x;
-    }, H = h(() => Number(u.value) === 1), m = h(() => v.value.length === Number(u.value)), y = h(() => {
-      const x = v.value.length, w = Number(u.value), f = o.maxVisiblePages;
-      if (x <= f)
+    const b = ($) => {
+      d.value = $;
+    }, H = h(() => Number(d.value) === 1), p = h(() => v.value.length === Number(d.value)), x = h(() => {
+      const $ = v.value.length, w = Number(d.value), f = o.maxVisiblePages;
+      if ($ <= f)
         return v.value;
       const z = Math.floor(f / 2);
-      return w <= z ? [...v.value.slice(0, f - 2), { value: "next", label: "..." }, v.value[x - 1]] : w >= x - z ? [v.value[0], { value: "prev", label: "..." }, ...v.value.slice(x - (f - 2))] : [
+      return w <= z ? [...v.value.slice(0, f - 2), { value: "next", label: "..." }, v.value[$ - 1]] : w >= $ - z ? [v.value[0], { value: "prev", label: "..." }, ...v.value.slice($ - (f - 2))] : [
         v.value[0],
         { value: "prev", label: "..." },
         ...v.value.slice(w - z, w + z - 1),
         { value: "next", label: "..." },
-        v.value[x - 1]
+        v.value[$ - 1]
       ];
-    }), g = (x) => {
-      const w = Number(u.value);
-      let f = x === "prev" ? w - o.fastForwardStep : w + o.fastForwardStep;
-      f <= 0 && (f = 1), f >= v.value.length && (f = v.value.length), u.value = String(f);
+    }), g = ($) => {
+      const w = Number(d.value);
+      let f = $ === "prev" ? w - o.fastForwardStep : w + o.fastForwardStep;
+      f <= 0 && (f = 1), f >= v.value.length && (f = v.value.length), d.value = String(f);
     };
-    return (x, w) => p.value ? (a(), l("div", {
+    return ($, w) => m.value ? (a(), l("div", {
       key: 0,
-      class: B(s.value)
+      class: V(s.value)
     }, [
       k(_(Y), {
         class: "nmorph-pagination__btn nmorph-pagination__prev-btn",
         disabled: H.value || o.disabled,
-        onClick: d
+        onClick: u
       }, {
         default: R(() => [
           k(_(q), {
@@ -3889,19 +3889,19 @@ const Id = /* @__PURE__ */ T({
         _: 1
       }, 8, ["disabled"]),
       k(_(Ge), {
-        "model-value": u.value,
+        "model-value": d.value,
         class: "nmorph-pagination__page-group",
         disabled: o.disabled,
         "onUpdate:modelValue": b
       }, {
         default: R(() => [
-          (a(!0), l(Q, null, Z(y.value, (f) => (a(), l("div", {
+          (a(!0), l(Q, null, Z(x.value, (f) => (a(), l("div", {
             key: f.value,
             class: "nmorph-pagination__page-btn-wrapper"
           }, [
             f.value === "prev" || f.value === "next" ? (a(), F(_(Y), {
               key: 0,
-              class: B(`nmorph-pagination__page-btn nmorph-pagination__${f.value}`),
+              class: V(`nmorph-pagination__page-btn nmorph-pagination__${f.value}`),
               text: f.label,
               disabled: o.disabled,
               onClick: (z) => g(f.value)
@@ -3918,7 +3918,7 @@ const Id = /* @__PURE__ */ T({
       }, 8, ["model-value", "disabled"]),
       k(_(Y), {
         class: "nmorph-pagination__btn nmorph-pagination__next-btn",
-        disabled: m.value || o.disabled,
+        disabled: p.value || o.disabled,
         onClick: c
       }, {
         default: R(() => [
@@ -3956,44 +3956,44 @@ const eu = {
     circleSize: { default: 120 }
   },
   setup(t) {
-    I((m) => ({
+    I((p) => ({
       "1ae927c9": r.value,
       "588931e9": s.value,
-      "781c6b0a": d.value,
+      "781c6b0a": u.value,
       "58c45d38": b.value
     }));
     const e = t, o = h(
       () => A({
         "nmorph-progress": []
       })
-    ), r = h(() => `${e.percentage}%`), s = h(() => Array.isArray(e.color) ? e.color.find((m) => m.percentage <= e.percentage)?.color : typeof e.color == "function" ? e.color(e.percentage) : e.color), d = h(() => e.indeterminate ? "var(--animation)" : "none"), c = $(null), u = $(1), v = h(() => `${u.value} ${u.value}`), p = h(() => u.value - e.percentage / 100 * u.value);
+    ), r = h(() => `${e.percentage}%`), s = h(() => Array.isArray(e.color) ? e.color.find((p) => p.percentage <= e.percentage)?.color : typeof e.color == "function" ? e.color(e.percentage) : e.color), u = h(() => e.indeterminate ? "var(--animation)" : "none"), c = y(null), d = y(1), v = h(() => `${d.value} ${d.value}`), m = h(() => d.value - e.percentage / 100 * d.value);
     ne(() => {
-      c.value && (u.value = 2 * Math.PI * c.value.r.baseVal.value);
+      c.value && (d.value = 2 * Math.PI * c.value.r.baseVal.value);
     });
     const b = h(() => `${e.circleSize}px`), H = h(() => `${e.percentage}%`);
-    return (m, y) => (a(), l("div", {
-      class: B(o.value)
+    return (p, x) => (a(), l("div", {
+      class: V(o.value)
     }, [
       e.type === "linear" ? (a(), l("div", eu, [
         n("div", tu, [
           n("div", nu, [
-            m.valueInside ? (a(), l("div", au, [
-              C(m.$slots, "inner-text", {}, () => [
-                le(W(H.value), 1)
+            p.valueInside ? (a(), l("div", au, [
+              C(p.$slots, "inner-text", {}, () => [
+                le(L(H.value), 1)
               ])
             ])) : O("", !0)
           ])
         ]),
-        m.valueRightSide ? (a(), l("div", ou, [
-          C(m.$slots, "right-side", {}, () => [
-            le(W(H.value), 1)
+        p.valueRightSide ? (a(), l("div", ou, [
+          C(p.$slots, "right-side", {}, () => [
+            le(L(H.value), 1)
           ])
         ])) : O("", !0)
       ])) : O("", !0),
       e.type === "circle" ? (a(), l("div", lu, [
         n("div", ru, [
-          C(m.$slots, "circle-inner-part", {}, () => [
-            le(W(H.value), 1)
+          C(p.$slots, "circle-inner-part", {}, () => [
+            le(L(H.value), 1)
           ])
         ]),
         (a(), l("svg", {
@@ -4008,7 +4008,7 @@ const eu = {
             cy: e.circleSize / 2,
             r: e.circleSize / 2 - 2,
             "stroke-dasharray": v.value,
-            "stroke-dashoffset": p.value
+            "stroke-dashoffset": m.value
           }, null, 8, iu)
         ], 8, su))
       ])) : O("", !0)
@@ -4032,11 +4032,11 @@ const uu = {
       })
     );
     return (r, s) => (a(), l("div", {
-      class: B(o.value)
+      class: V(o.value)
     }, [
       e.rows && e.loading ? (a(), l("div", uu, [
-        (a(!0), l(Q, null, Z(e.rows, (d) => (a(), F(_(z2), {
-          key: d,
+        (a(!0), l(Q, null, Z(e.rows, (u) => (a(), F(_(z2), {
+          key: u,
           width: "100%",
           height: "14px",
           variant: "rect"
@@ -4065,7 +4065,7 @@ const pu = { class: "nmorph-skeleton-item__element" }, z2 = /* @__PURE__ */ T({
     design: { default: "nmorph" }
   },
   setup(t) {
-    I((d) => ({
+    I((u) => ({
       "085cc1bc": r.value,
       "2d27081e": s.value
     }));
@@ -4074,8 +4074,8 @@ const pu = { class: "nmorph-skeleton-item__element" }, z2 = /* @__PURE__ */ T({
         "nmorph-skeleton-item": [e.variant, `${e.design === "nmorph" ? "nmorph-design" : ""}`]
       })
     ), r = h(() => e.width), s = h(() => e.height);
-    return (d, c) => (a(), l("div", {
-      class: B(o.value)
+    return (u, c) => (a(), l("div", {
+      class: V(o.value)
     }, [
       n("div", pu, [
         e.variant === "image" ? (a(), F(_(q), {
@@ -4099,17 +4099,17 @@ const ye = "10px", mu = /* @__PURE__ */ T({
       () => A({
         "nmorph-sort-button": [`${o.value}`]
       })
-    ), d = () => {
+    ), u = () => {
       const c = o.value === "ascending" ? "descending" : "ascending";
       r("sort", c);
     };
-    return (c, u) => (a(), l("div", {
-      class: B(s.value)
+    return (c, d) => (a(), l("div", {
+      class: V(s.value)
     }, [
       k(_(Y), {
         height: "thin",
         "style-type": "transparent",
-        onClick: d
+        onClick: u
       }, {
         default: R(() => [
           k(_(q), {
@@ -4144,62 +4144,62 @@ const _u = { class: "nmorph-table__wrapper" }, fu = { class: "nmorph-table__head
       () => A({
         "nmorph-table": [`${e.design}`]
       })
-    ), r = $(e.data), s = $(e.sort), d = (y, g) => {
-      s.value && (s.value[g] = y, r.value.sort((x, w) => {
-        const f = String(x[g]).toLowerCase(), z = String(w[g]).toLowerCase();
+    ), r = y(e.data), s = y(e.sort), u = (x, g) => {
+      s.value && (s.value[g] = x, r.value.sort(($, w) => {
+        const f = String($[g]).toLowerCase(), z = String(w[g]).toLowerCase();
         if (!s.value)
           return 0;
-        const V = s.value[g];
-        return V === "ascending" ? f.localeCompare(z) : V === "descending" ? z.localeCompare(f) : 0;
+        const B = s.value[g];
+        return B === "ascending" ? f.localeCompare(z) : B === "descending" ? z.localeCompare(f) : 0;
       }));
-    }, c = $(null), u = $([]);
-    te("table-data", { rows: r, columns: u });
+    }, c = y(null), d = y([]);
+    te("table-data", { rows: r, columns: d });
     const v = h(() => {
-      const y = u.value.map((z) => z.width).filter((z) => !!z), g = y.length, x = y.reduce((z, V) => (z += Number(V), z), 0), w = u.value.length - g;
-      return c.value?.clientWidth ? (c.value?.clientWidth - x) / w : 0;
-    }), p = (y) => y !== "" ? y : v.value, b = $(0);
+      const x = d.value.map((z) => z.width).filter((z) => !!z), g = x.length, $ = x.reduce((z, B) => (z += Number(B), z), 0), w = d.value.length - g;
+      return c.value?.clientWidth ? (c.value?.clientWidth - $) / w : 0;
+    }), m = (x) => x !== "" ? x : v.value, b = y(0);
     G(
       () => e.data,
       () => {
-        b.value = b.value + 1, r.value = e.data, u.value = [];
+        b.value = b.value + 1, r.value = e.data, d.value = [];
       },
       {
         immediate: !0
       }
     );
-    const H = (y) => typeof y == "object" ? "" : y, m = ue();
-    return te("table-identifier", m), (y, g) => (a(), l("div", {
+    const H = (x) => typeof x == "object" ? "" : x, p = ue();
+    return te("table-identifier", p), (x, g) => (a(), l("div", {
       ref_key: "nmorphDOMTable",
       ref: c,
       key: b.value,
-      class: B(o.value)
+      class: V(o.value)
     }, [
       n("div", _u, [
         n("table", fu, [
           n("colgroup", null, [
-            (a(!0), l(Q, null, Z(u.value, (x) => (a(), l("col", {
-              key: x.prop,
-              style: ae({ width: `${p(x.width)}px` }),
-              "data-src": `${p(x.width)}px`
+            (a(!0), l(Q, null, Z(d.value, ($) => (a(), l("col", {
+              key: $.prop,
+              style: ae({ width: `${m($.width)}px` }),
+              "data-src": `${m($.width)}px`
             }, null, 12, gu))), 128))
           ]),
           n("thead", null, [
             n("tr", wu, [
-              (a(!0), l(Q, null, Z(u.value, (x, w) => (a(), l("th", {
+              (a(!0), l(Q, null, Z(d.value, ($, w) => (a(), l("th", {
                 key: w,
-                class: B(["nmorph-table__table-data", { "nmorph-table__table-data--bordered": e.bordered }])
+                class: V(["nmorph-table__table-data", { "nmorph-table__table-data--bordered": e.bordered }])
               }, [
                 n("div", xu, [
                   n("div", {
-                    style: ae({ "justify-content": x.alignment }),
+                    style: ae({ "justify-content": $.alignment }),
                     class: "nmorph-table__cell-content"
                   }, [
-                    n("span", null, W(x.label), 1),
-                    s.value && s.value[x.prop] ? (a(), F(mu, {
+                    n("span", null, L($.label), 1),
+                    s.value && s.value[$.prop] ? (a(), F(mu, {
                       key: 0,
                       class: "nmorph-table__button-wrapper",
-                      value: s.value[x.prop],
-                      onSort: (f) => d(f, x.prop)
+                      value: s.value[$.prop],
+                      onSort: (f) => u(f, $.prop)
                     }, null, 8, ["value", "onSort"])) : O("", !0)
                   ], 4)
                 ])
@@ -4210,38 +4210,38 @@ const _u = { class: "nmorph-table__wrapper" }, fu = { class: "nmorph-table__head
         n("div", $u, [
           n("table", null, [
             n("colgroup", null, [
-              (a(!0), l(Q, null, Z(u.value, (x) => (a(), l("col", {
-                key: x.prop,
-                style: ae({ width: `${p(x.width)}px` })
+              (a(!0), l(Q, null, Z(d.value, ($) => (a(), l("col", {
+                key: $.prop,
+                style: ae({ width: `${m($.width)}px` })
               }, null, 4))), 128))
             ]),
             n("tbody", null, [
-              (a(!0), l(Q, null, Z(r.value, (x, w) => (a(), l("tr", {
+              (a(!0), l(Q, null, Z(r.value, ($, w) => (a(), l("tr", {
                 key: w,
-                class: B(["nmorph-table__table-data-row", { "nmorph-table__table-data-row--row-hover": e.rowHover }])
+                class: V(["nmorph-table__table-data-row", { "nmorph-table__table-data-row--row-hover": e.rowHover }])
               }, [
-                (a(!0), l(Q, null, Z(u.value, (f) => (a(), l("td", {
+                (a(!0), l(Q, null, Z(d.value, (f) => (a(), l("td", {
                   key: f.prop,
-                  class: B([{ "nmorph-table__table-data--bordered": e.bordered }, "nmorph-table__table-data"])
+                  class: V([{ "nmorph-table__table-data--bordered": e.bordered }, "nmorph-table__table-data"])
                 }, [
                   n("div", {
-                    id: `table-cell-${_(m)}-${w}-${f.prop}`,
+                    id: `table-cell-${_(p)}-${w}-${f.prop}`,
                     style: ae({ "text-align": f.alignment }),
                     class: "nmorph-table__cell nmorph-table__cell--data"
-                  }, W(H(x[f.prop])), 13, yu)
+                  }, L(H($[f.prop])), 13, yu)
                 ], 2))), 128))
               ], 2))), 128))
             ])
           ]),
           n("table", null, [
             n("colgroup", null, [
-              (a(!0), l(Q, null, Z(u.value, (x) => (a(), l("col", {
-                key: x.prop,
-                style: ae({ width: `${p(x.width)}px` })
+              (a(!0), l(Q, null, Z(d.value, ($) => (a(), l("col", {
+                key: $.prop,
+                style: ae({ width: `${m($.width)}px` })
               }, null, 4))), 128))
             ]),
             n("tbody", bu, [
-              C(y.$slots, "default")
+              C(x.$slots, "default")
             ])
           ])
         ])
@@ -4259,17 +4259,17 @@ const V2 = /* @__PURE__ */ T({
       () => A({
         "nmorph-table-cell": []
       })
-    ), d = h(() => `#table-cell-${o}-${r.row}-${e}`), c = $(!1);
+    ), u = h(() => `#table-cell-${o}-${r.row}-${e}`), c = y(!1);
     return ne(async () => {
       await pe();
-      const u = document.querySelector(d.value);
-      u && (u.innerHTML = ""), c.value = !0;
-    }), (u, v) => c.value ? (a(), l("div", {
+      const d = document.querySelector(u.value);
+      d && (d.innerHTML = ""), c.value = !0;
+    }), (d, v) => c.value ? (a(), l("div", {
       key: 0,
-      class: B(s.value)
+      class: V(s.value)
     }, [
-      (a(), F(ge, { to: d.value }, [
-        C(u.$slots, "default")
+      (a(), F(ge, { to: u.value }, [
+        C(d.$slots, "default")
       ], 8, ["to"]))
     ], 2)) : O("", !0);
   }
@@ -4286,7 +4286,7 @@ const V2 = /* @__PURE__ */ T({
       () => A({
         "nmorph-table-column": []
       })
-    ), d = $(0);
+    ), u = y(0);
     te("column-property", r.prop), te("table-identifier", o), ne(() => {
       c();
     });
@@ -4294,13 +4294,13 @@ const V2 = /* @__PURE__ */ T({
       if (!e?.columns.value)
         return;
       const { columns: v } = e;
-      d.value = v.value.length + 1, e.columns.value = [...v.value, { ...r, id: d.value }];
-    }, u = $(null);
-    return (v, p) => (a(), l("div", {
+      u.value = v.value.length + 1, e.columns.value = [...v.value, { ...r, id: u.value }];
+    }, d = y(null);
+    return (v, m) => (a(), l("div", {
       ref_key: "columnDOMEl",
-      ref: u,
-      "data-id": d.value,
-      class: B(s.value)
+      ref: d,
+      "data-id": u.value,
+      class: V(s.value)
     }, [
       C(v.$slots, "default", {
         scope: { columns: _(e)?.columns.value, rows: _(e)?.rows.value, tableId: _(o) }
@@ -4319,17 +4319,17 @@ const V2 = /* @__PURE__ */ T({
         "nmorph-list": []
       })
     );
-    let d = $(o.modelValue);
-    const c = (u) => {
-      d.value = d.value.filter((v) => v.value !== u), r("close", u), r("update:model-value", d.value);
+    let u = y(o.modelValue);
+    const c = (d) => {
+      u.value = u.value.filter((v) => v.value !== d), r("close", d), r("update:model-value", u.value);
     };
-    return (u, v) => (a(), l("div", {
-      class: B(s.value)
+    return (d, v) => (a(), l("div", {
+      class: V(s.value)
     }, [
-      (a(!0), l(Q, null, Z(_(d), (p) => (a(), F(_(je), me({
-        key: p.value,
+      (a(!0), l(Q, null, Z(_(u), (m) => (a(), F(_(je), me({
+        key: m.value,
         ref_for: !0
-      }, p, { onClose: c }), null, 16))), 128))
+      }, m, { onClose: c }), null, 16))), 128))
     ], 2));
   }
 }), zu = { class: "nmorph-tag-item__content" }, je = /* @__PURE__ */ T({
@@ -4348,19 +4348,19 @@ const V2 = /* @__PURE__ */ T({
         nmorph: [re[o.height]],
         "nmorph-tag-item": [`${o.design === "nmorph" ? "nmorph-design" : ""}`]
       })
-    ), s = e, d = () => {
+    ), s = e, u = () => {
       s("close", o.value);
     };
-    return (c, u) => (a(), l("div", {
-      class: B(r.value)
+    return (c, d) => (a(), l("div", {
+      class: V(r.value)
     }, [
       n("div", zu, [
-        n("span", null, W(c.text), 1),
+        n("span", null, L(c.text), 1),
         o.removable ? (a(), F(_(q), {
           key: 0,
           class: "nmorph-tag-item__close-icon",
           name: "error",
-          onClick: se(d, ["stop"])
+          onClick: se(u, ["stop"])
         })) : O("", !0)
       ])
     ], 2));
@@ -4388,24 +4388,24 @@ const ku = ["innerHTML"], Vu = {
   },
   emits: ["close"],
   setup(t, { emit: e }) {
-    I((p) => ({
+    I((m) => ({
       "4e2f71b0": v.value
     }));
     const o = t, r = e, s = h(
       () => A({
         "nmorph-alert": [o.type, `${o.bordered && "bordered"}`, `${o.fill && "fill"}`]
       })
-    ), d = () => {
+    ), u = () => {
       r("close");
     }, c = {
       [he.success]: "success-filled",
       [he.warning]: "warn-triangle-filled",
       [he.info]: "info-filled",
       [he.error]: "circle-close-filled"
-    }, u = Ee(), v = h(() => o.closeIconPosition);
-    return (p, b) => _(u).default || o.title || o.content || o.html ? (a(), l("div", {
+    }, d = Ee(), v = h(() => o.closeIconPosition);
+    return (m, b) => _(d).default || o.title || o.content || o.html ? (a(), l("div", {
       key: 0,
-      class: B(s.value)
+      class: V(s.value)
     }, [
       o.html ? (a(), l("div", {
         key: 0,
@@ -4414,7 +4414,7 @@ const ku = ["innerHTML"], Vu = {
       }, null, 8, ku)) : (a(), l("div", Vu, [
         n("div", Bu, [
           o.showIcon ? (a(), l("div", Cu, [
-            C(p.$slots, "icon", {}, () => [
+            C(m.$slots, "icon", {}, () => [
               k(_(q), {
                 name: c[o.type],
                 size: "medium"
@@ -4423,13 +4423,13 @@ const ku = ["innerHTML"], Vu = {
           ])) : O("", !0),
           n("div", Su, [
             n("div", Au, [
-              o.title || _(u).title ? C(p.$slots, "title", { key: 0 }, () => [
-                le(W(o.title), 1)
+              o.title || _(d).title ? C(m.$slots, "title", { key: 0 }, () => [
+                le(L(o.title), 1)
               ]) : O("", !0)
             ]),
             n("div", Tu, [
-              C(p.$slots, "default", {}, () => [
-                le(W(o.content), 1)
+              C(m.$slots, "default", {}, () => [
+                le(L(o.content), 1)
               ])
             ])
           ])
@@ -4437,7 +4437,7 @@ const ku = ["innerHTML"], Vu = {
         o.closable ? (a(), l("div", {
           key: 0,
           class: "nmorph-alert__close",
-          onClick: d
+          onClick: u
         }, [
           k(_(q), {
             name: "cross",
@@ -4465,45 +4465,45 @@ const Du = { class: "nmorph-dialog__header" }, Ou = { class: "nmorph-dialog__tit
   },
   emits: ["on-close", "update:model-value"],
   setup(t, { emit: e }) {
-    I((m) => ({
-      "097fcdea": d.value,
+    I((p) => ({
+      "097fcdea": u.value,
       "4478cc6c": c.value
     }));
     const o = t, r = e, s = h(
       () => A({
         "nmorph-dialog": []
       })
-    ), d = h(() => o.width), c = h(() => o.zIndex), u = $(o.modelValue);
-    let v = null, p = null;
+    ), u = h(() => o.width), c = h(() => o.zIndex), d = y(o.modelValue);
+    let v = null, m = null;
     G(
       () => o.modelValue,
-      (m) => {
-        m ? (p && clearTimeout(p), v = setTimeout(() => {
-          u.value = !0;
-        }, o.openDelay)) : (v && clearTimeout(v), p = setTimeout(() => {
-          u.value = !1;
+      (p) => {
+        p ? (m && clearTimeout(m), v = setTimeout(() => {
+          d.value = !0;
+        }, o.openDelay)) : (v && clearTimeout(v), m = setTimeout(() => {
+          d.value = !1;
         }, o.closeDelay));
       },
       { immediate: !0 }
     );
     const b = () => {
-      r("on-close"), v && clearTimeout(v), p = setTimeout(() => {
+      r("on-close"), v && clearTimeout(v), m = setTimeout(() => {
         r("update:model-value", !1);
       }, o.closeDelay);
     }, H = () => {
       o.closeOnOverlay && b();
     };
-    return (m, y) => (a(), F(_(Se), {
-      show: u.value,
+    return (p, x) => (a(), F(_(Se), {
+      show: d.value,
       onOnOutsideClick: H
     }, {
       default: R(() => [
         n("div", {
-          class: B(s.value)
+          class: V(s.value)
         }, [
           n("div", Du, [
-            C(m.$slots, "header", {}, () => [
-              n("div", Ou, W(o.title), 1),
+            C(p.$slots, "header", {}, () => [
+              n("div", Ou, L(o.title), 1),
               o.showClose ? (a(), l("div", {
                 key: 0,
                 class: "nmorph-dialog__close-icon",
@@ -4514,7 +4514,7 @@ const Du = { class: "nmorph-dialog__header" }, Ou = { class: "nmorph-dialog__tit
             ])
           ]),
           n("div", Pu, [
-            C(m.$slots, "default")
+            C(p.$slots, "default")
           ])
         ], 2)
       ]),
@@ -4524,20 +4524,20 @@ const Du = { class: "nmorph-dialog__header" }, Ou = { class: "nmorph-dialog__tit
 });
 var Eu = /* @__PURE__ */ ((t) => (t["contains-one"] = "contains-one", t["not-contains"] = "not-contains", t["full-eq"] = "full-eq", t))(Eu || {}), Fu = /* @__PURE__ */ ((t) => (t.eq = "eq", t.gte = "gte", t.lte = "lte", t.gt = "gt", t.lt = "lt", t))(Fu || {}), Ru = /* @__PURE__ */ ((t) => (t.eq = "eq", t["not-eq"] = "not-eq", t))(Ru || {});
 const t2 = (t) => {
-  const { inputValue: e, rules: o } = t, r = $([]), s = h(() => r.value.length === 0), d = $(!1);
+  const { inputValue: e, rules: o } = t, r = y([]), s = h(() => r.value.length === 0), u = y(!1);
   return {
-    touched: d,
+    touched: u,
     valid: s,
     errors: r,
     validate: () => {
       if (e === null || !o.length)
         return null;
-      const u = e, v = (g) => o.length > 0 && g in o[0], p = typeof u == "string" && v("pattern"), b = typeof u == "number" && v("numberCompareType"), H = typeof u == "string" || typeof u == "boolean" && v("booleanCompareType"), m = Array.isArray(u) && v("arrayCompareType");
-      if (!b && !p && !H && !m)
+      const d = e, v = (g) => o.length > 0 && g in o[0], m = typeof d == "string" && v("pattern"), b = typeof d == "number" && v("numberCompareType"), H = typeof d == "string" || typeof d == "boolean" && v("booleanCompareType"), p = Array.isArray(d) && v("arrayCompareType");
+      if (!b && !m && !H && !p)
         return console.warn("The input value and the provided rules do not match"), null;
-      if (d.value || (d.value = !0), p) {
+      if (u.value || (u.value = !0), m) {
         const g = o;
-        r.value = g.reduce((x, w) => (u.match(w.pattern) || x.push(w.error), x), []);
+        r.value = g.reduce(($, w) => (d.match(w.pattern) || $.push(w.error), $), []);
       }
       if (b) {
         const g = (w, f, z) => {
@@ -4553,33 +4553,33 @@ const t2 = (t) => {
             case "gte":
               return w >= f;
           }
-        }, x = o;
-        r.value = x.reduce((w, f) => (g(u, f.compareValue, f.numberCompareType) && w.push(f.error), w), []);
+        }, $ = o;
+        r.value = $.reduce((w, f) => (g(d, f.compareValue, f.numberCompareType) && w.push(f.error), w), []);
       }
       if (H) {
         const g = o;
-        r.value = g.reduce((x, w) => {
+        r.value = g.reduce(($, w) => {
           let f = !1;
-          const { compareValue: z, booleanCompareType: V } = w;
-          return V === "not-eq" && (f = u === z), V === "eq" && (f = u !== z), f || x.push(w.error), x;
+          const { compareValue: z, booleanCompareType: B } = w;
+          return B === "not-eq" && (f = d === z), B === "eq" && (f = d !== z), f || $.push(w.error), $;
         }, []);
       }
-      if (m) {
-        const g = o, x = (w, f, z) => {
+      if (p) {
+        const g = o, $ = (w, f, z) => {
           switch (z) {
             case "contains-one":
               return w.some((P) => f.includes(P));
             case "full-eq":
               if (w.length !== f.length)
                 return !1;
-              const V = [...w].sort(), L = [...f].sort();
-              return V.every((P, M) => P === L[M]);
+              const B = [...w].sort(), W = [...f].sort();
+              return B.every((P, M) => P === W[M]);
             case "not-contains":
               return !w.some((P) => f.includes(P));
           }
         };
-        r.value = g.reduce((w, f) => (x(
-          u.map((V) => String(V)),
+        r.value = g.reduce((w, f) => ($(
+          d.map((B) => String(B)),
           f.compareValue,
           f.arrayCompareType
         ) || w.push(f.error), w), []);
@@ -4588,23 +4588,23 @@ const t2 = (t) => {
   };
 }, ju = (t, e = !1) => {
   const o = _e({}), r = _e(Xe(t)), s = () => {
-    Object.entries(t).forEach(([u, v]) => {
-      o[u] = t2({ inputValue: v.value, rules: v.rules }), o[u].validate();
+    Object.entries(t).forEach(([d, v]) => {
+      o[d] = t2({ inputValue: v.value, rules: v.rules }), o[d].validate();
     });
-  }, d = (u, v) => Object.keys(v).filter((b) => {
-    const H = u[b] ? JSON.stringify(u[b]) : null, m = JSON.stringify(v[b]);
-    return H !== m;
+  }, u = (d, v) => Object.keys(v).filter((b) => {
+    const H = d[b] ? JSON.stringify(d[b]) : null, p = JSON.stringify(v[b]);
+    return H !== p;
   });
-  return G(t, (u) => {
-    d(r, u).forEach((p) => {
-      const b = u[p];
-      o[p] = t2({ inputValue: b.value, rules: b.rules }), o[p].validate();
-    }), Object.assign(r, Xe(u));
+  return G(t, (d) => {
+    u(r, d).forEach((m) => {
+      const b = d[m];
+      o[m] = t2({ inputValue: b.value, rules: b.rules }), o[m].validate();
+    }), Object.assign(r, Xe(d));
   }, { deep: !0 }), e && s(), {
     fields: o
   };
 }, S2 = (t) => {
-  const { initialPlacement: e, relativeElement: o, contentDOMElement: r, yOffset: s = 0, xOffset: d = 0 } = t, c = $(e), u = $({ x: "0px", y: "0px" });
+  const { initialPlacement: e, relativeElement: o, contentDOMElement: r, yOffset: s = 0, xOffset: u = 0 } = t, c = y(e), d = y({ x: "0px", y: "0px" });
   ne(() => {
     v();
   });
@@ -4614,18 +4614,18 @@ const t2 = (t) => {
         console.warn("There is no relative element or content DOM element");
         return;
       }
-      const p = r.value.getBoundingClientRect(), b = p.width, H = p.height, m = "value" in o ? o.value : o;
-      if (!m) {
+      const m = r.value.getBoundingClientRect(), b = m.width, H = m.height, p = "value" in o ? o.value : o;
+      if (!p) {
         console.warn("Relative element is not an HTMLElement");
         return;
       }
-      const y = m.getBoundingClientRect(), { x: g, y: x } = y, w = y.width, f = y.height, z = window.innerWidth, V = window.innerHeight;
-      c.value === "top" && x - H < 0 && (c.value = "bottom"), c.value === "bottom" && x + f + H > V && (c.value = "top"), c.value === "left" && g - b < 0 && (c.value = "right"), c.value === "right" && g + w + b > z && (c.value = "left"), c.value === "top" && (u.value = { x: `${g + d}px`, y: `${x + s}px` }), c.value === "bottom" && (u.value = { x: `${g + d}px`, y: `${x + f + s}px` }), c.value === "right" && (u.value = { x: `${g + d}px`, y: `${x + s}px` }), c.value === "left" && (u.value = { x: `${g + w + d}px`, y: `${x + s}px` });
+      const x = p.getBoundingClientRect(), { x: g, y: $ } = x, w = x.width, f = x.height, z = window.innerWidth, B = window.innerHeight;
+      c.value === "top" && $ - H < 0 && (c.value = "bottom"), c.value === "bottom" && $ + f + H > B && (c.value = "top"), c.value === "left" && g - b < 0 && (c.value = "right"), c.value === "right" && g + w + b > z && (c.value = "left"), c.value === "top" && (d.value = { x: `${g + u}px`, y: `${$ + s}px` }), c.value === "bottom" && (d.value = { x: `${g + u}px`, y: `${$ + f + s}px` }), c.value === "right" && (d.value = { x: `${g + u}px`, y: `${$ + s}px` }), c.value === "left" && (d.value = { x: `${g + w + u}px`, y: `${$ + s}px` });
     });
   };
-  return { placement: c, placementCoords: u };
+  return { placement: c, placementCoords: d };
 }, T9 = () => {
-}, Wu = "@nmorph/nmorph-ui-kit", Lu = "module", Uu = "0.2.145", Yu = "MIT", Gu = {
+}, Wu = "@nmorph/nmorph-ui-kit", Lu = "module", Uu = "0.2.146", Yu = "MIT", Gu = {
   node: "18.13.0",
   npm: "8.19.3"
 }, Ku = "./dist/index.d.ts", Qu = "./dist/index.umd.js", Zu = "./dist/index.es.js", Xu = "./dist/style.css", Ju = [
@@ -4775,54 +4775,54 @@ const t2 = (t) => {
 }, n2 = (t, e) => {
   let o = parseInt(t.substring(1, 3), 16), r = parseInt(t.substring(3, 5), 16), s = parseInt(t.substring(5, 7), 16);
   o = Math.round(o * (1 + e / 100)), r = Math.round(r * (1 + e / 100)), s = Math.round(s * (1 + e / 100)), o = Math.min(255, Math.max(0, o)), r = Math.min(255, Math.max(0, r)), s = Math.min(255, Math.max(0, s));
-  const d = o.toString(16).padStart(2, "0"), c = r.toString(16).padStart(2, "0"), u = s.toString(16).padStart(2, "0");
-  return `#${d}${c}${u}`;
+  const u = o.toString(16).padStart(2, "0"), c = r.toString(16).padStart(2, "0"), d = s.toString(16).padStart(2, "0");
+  return `#${u}${c}${d}`;
 }, cc = (t) => {
   e0("warn", `NMORPH(v${ac.version})`);
-  const e = { ...sc, ...t }, o = (m) => {
+  const e = { ...sc, ...t }, o = (p) => {
     try {
-      const y = dc(m), g = n2(y, e.darkShadeGeneratorCoefficient), x = n2(y, e.lightShadeGeneratorCoefficient);
+      const x = dc(p), g = n2(x, e.darkShadeGeneratorCoefficient), $ = n2(x, e.lightShadeGeneratorCoefficient);
       return [
         { name: "--nmorph-dark-shade-color", color: g },
-        { name: "--nmorph-light-shade-color", color: x }
+        { name: "--nmorph-light-shade-color", color: $ }
       ];
-    } catch (y) {
-      console.error(y.message);
+    } catch (x) {
+      console.error(x.message);
     }
-  }, r = (m) => Object.entries(m).map(([y, g]) => ({
-    name: `--nmorph-${Je(y)}-color`,
+  }, r = (p) => Object.entries(p).map(([x, g]) => ({
+    name: `--nmorph-${Je(x)}-color`,
     color: g
-  })), s = (m, y) => {
-    const g = (f) => f.map((z) => `${z.name}: ${z.color};`).join(" "), x = Object.entries(y).map(([f, z]) => `--${Je(f)}: ${z};`).join(" "), w = [];
-    return Object.entries(m).forEach(([f, z]) => {
+  })), s = (p, x) => {
+    const g = (f) => f.map((z) => `${z.name}: ${z.color};`).join(" "), $ = Object.entries(x).map(([f, z]) => `--${Je(f)}: ${z};`).join(" "), w = [];
+    return Object.entries(p).forEach(([f, z]) => {
       if (f === "common")
         w.push(g(uc(A2, z)));
       else {
-        const V = `
+        const B = `
           &[${ce}='${f}'] {
             ${g(z)}
           }
         `;
-        w.push(V);
+        w.push(B);
       }
     }), `
       :root {
         ${w.join(" ")}
-        ${x}
+        ${$}
       }
     `;
-  }, d = {};
-  Object.entries(e.themes).forEach(([m, y]) => {
-    d[m] = [];
-    const g = !!y.darkShade, x = !!y.lightShade;
-    !!y.main && !g && !x && (d[m] = o(y.main)), d[m] = [...d[m], ...r(y)];
+  }, u = {};
+  Object.entries(e.themes).forEach(([p, x]) => {
+    u[p] = [];
+    const g = !!x.darkShade, $ = !!x.lightShade;
+    !!x.main && !g && !$ && (u[p] = o(x.main)), u[p] = [...u[p], ...r(x)];
   });
   const c = document.createElement("style");
-  c.type = "text/css", c.innerHTML = s(d, e.other), document.head.appendChild(c);
-  const u = (m) => {
-    v.value = m, p.setAttribute(ce, v.value), e.saveCurrentThemeToLS ? localStorage.setItem(ce, m) : localStorage.removeItem(ce);
-  }, v = $(e.defaultTheme), p = document.querySelector("html"), b = localStorage.getItem(ce), H = d[b];
-  return e.saveCurrentThemeToLS && H && (v.value = localStorage.getItem(ce)), u(v.value), { setTheme: u, currentTheme: U2(v) };
+  c.type = "text/css", c.innerHTML = s(u, e.other), document.head.appendChild(c);
+  const d = (p) => {
+    v.value = p, m.setAttribute(ce, v.value), e.saveCurrentThemeToLS ? localStorage.setItem(ce, p) : localStorage.removeItem(ce);
+  }, v = y(e.defaultTheme), m = document.querySelector("html"), b = localStorage.getItem(ce), H = u[b];
+  return e.saveCurrentThemeToLS && H && (v.value = localStorage.getItem(ce)), d(v.value), { setTheme: d, currentTheme: U2(v) };
 }, We = {
   [J.en]: {
     on: "On",
@@ -4902,13 +4902,13 @@ const t2 = (t) => {
   }
 }, Ue = {
   [J.en]: {
-    "pick-a-date": "Pick a date"
+    pickADate: "Pick a date"
   },
   [J.ru]: {
-    "pick-a-date": "Выберите дату"
+    pickADate: "Выберите дату"
   },
   [J.zh]: {
-    "pick-a-date": "选择日期"
+    pickADate: "选择日期"
   }
 }, a2 = {
   NmorphSwitch: We[J.en],
@@ -4930,22 +4930,22 @@ const t2 = (t) => {
     messages: e
   });
 }, P9 = () => {
-  const t = $([]), e = {
+  const t = y([]), e = {
     duration: 3e3,
     closable: !0,
     fill: !0,
     width: "330px"
   }, o = (s) => {
-    const d = {
+    const u = {
       id: String(Date.now()),
       ...e
     }, c = _e({
-      ...d,
+      ...u,
       ...s
     });
     t.value.push(c), c.duration !== 0 && setTimeout(() => r(c.id), c.duration);
   }, r = (s) => {
-    t.value = t.value.filter((d) => d.id !== s);
+    t.value = t.value.filter((u) => u.id !== s);
   };
   return {
     notifications: t,
@@ -4970,14 +4970,14 @@ const t2 = (t) => {
     forceCoordinate: { default: null }
   },
   setup(t, { expose: e }) {
-    I((m) => ({
+    I((p) => ({
       "6d1447a0": b.value
     }));
-    const o = t, r = $(o.forceShow), s = $(null), d = $(null), { placement: c } = S2({
+    const o = t, r = y(o.forceShow), s = y(null), u = y(null), { placement: c } = S2({
       initialPlacement: o.position,
       contentDOMElement: s,
-      relativeElement: d
-    }), u = h(
+      relativeElement: u
+    }), d = h(
       () => A({
         "nmorph-tooltip": [
           c.value,
@@ -4986,24 +4986,24 @@ const t2 = (t) => {
       })
     ), v = () => {
       r.value = !0;
-    }, p = () => {
+    }, m = () => {
       o.forceShow || (r.value = !1);
-    }, b = h(() => o.forceCoordinate ? "100%" : "auto"), H = $(null);
-    return e({ tooltipBody: H }), (m, y) => (a(), l("div", {
-      class: B(u.value)
+    }, b = h(() => o.forceCoordinate ? "100%" : "auto"), H = y(null);
+    return e({ tooltipBody: H }), (p, x) => (a(), l("div", {
+      class: V(d.value)
     }, [
       n("div", {
         ref_key: "tooltipDOMRef",
         ref: s,
         class: "nmorph-tooltip__content",
         onMouseenter: v,
-        onMouseleave: p
+        onMouseleave: m
       }, [
         n("div", {
           ref_key: "slotDOMRef",
-          ref: d
+          ref: u
         }, [
-          C(m.$slots, "default")
+          C(p.$slots, "default")
         ], 512),
         o.forceCoordinate ? (a(), F(we, {
           key: 0,
@@ -5014,13 +5014,13 @@ const t2 = (t) => {
             r.value && o.text ? (a(), l("div", {
               key: 0,
               class: "nmorph-tooltip__info-content",
-              style: ae({ left: m.forceCoordinate?.x, bottom: m.forceCoordinate?.y }),
+              style: ae({ left: p.forceCoordinate?.x, bottom: p.forceCoordinate?.y }),
               ref_key: "tooltipBody",
               ref: H
             }, [
               n("div", pc, [
                 o.forceCoordinate ? O("", !0) : (a(), l("div", mc)),
-                n("span", null, W(m.text), 1)
+                n("span", null, L(p.text), 1)
               ])
             ], 4)) : O("", !0)
           ]),
@@ -5033,8 +5033,8 @@ const t2 = (t) => {
           default: R(() => [
             r.value ? (a(), l("div", _c, [
               n("div", fc, [
-                y[0] || (y[0] = n("div", { class: "nmorph-tooltip__triangle" }, null, -1)),
-                o.text ? (a(), l("span", gc, W(m.text), 1)) : C(m.$slots, "content", { key: 1 })
+                x[0] || (x[0] = n("div", { class: "nmorph-tooltip__triangle" }, null, -1)),
+                o.text ? (a(), l("span", gc, L(p.text), 1)) : C(p.$slots, "content", { key: 1 })
               ])
             ])) : O("", !0)
           ]),
@@ -5082,68 +5082,68 @@ const wc = {
     ), s = N(
       "change-checkbox-value-handler",
       void 0
-    ), d = t;
+    ), u = t;
     G(
-      () => d.modelValue,
-      (y) => {
-        v.value = y;
+      () => u.modelValue,
+      (x) => {
+        v.value = x;
       }
     );
-    const c = $(null);
+    const c = y(null);
     e({ inputDOMRef: c });
-    const u = r !== void 0, v = u ? $(r.value) : $(d.modelValue), p = h(() => u ? r.value.includes(d.id) : d.modelValue), b = o, H = () => {
-      if (!d.disabled) {
-        if (!u) {
+    const d = r !== void 0, v = d ? y(r.value) : y(u.modelValue), m = h(() => d ? r.value.includes(u.id) : u.modelValue), b = o, H = () => {
+      if (!u.disabled) {
+        if (!d) {
           v.value = !v.value, b("update:model-value", v.value);
           return;
         }
-        s && Array.isArray(v.value) && s(d.id, v.value);
+        s && Array.isArray(v.value) && s(u.id, v.value);
       }
-    }, m = h(
+    }, p = h(
       () => A({
         "nmorph-checkbox": [
-          `${p.value && "checked"}`,
-          `${d.disabled && "disabled"}`,
-          `${d.design === "button" && "button"}`
+          `${m.value && "checked"}`,
+          `${u.disabled && "disabled"}`,
+          `${u.design === "button" && "button"}`
         ]
       })
     );
-    return (y, g) => (a(), l("label", {
-      class: B(m.value)
+    return (x, g) => (a(), l("label", {
+      class: V(p.value)
     }, [
-      d.design === "checkbox" ? (a(), l("div", wc, [
+      u.design === "checkbox" ? (a(), l("div", wc, [
         n("div", xc, [
           n("input", {
             ref_key: "inputDOMRef",
             ref: c,
             type: "checkbox",
-            disabled: d.disabled,
-            checked: p.value,
+            disabled: u.disabled,
+            checked: m.value,
             class: "nmorph-native-input",
             onChange: H
           }, null, 40, $c),
           g[0] || (g[0] = n("div", { class: "nmorph-checkbox__fake" }, null, -1)),
-          p.value ? (a(), l("div", yc)) : O("", !0)
+          m.value ? (a(), l("div", yc)) : O("", !0)
         ]),
-        d.label ? (a(), l("div", bc, [
-          n("span", null, W(d.label), 1)
+        u.label ? (a(), l("div", bc, [
+          n("span", null, L(u.label), 1)
         ])) : (a(), l("div", Mc, [
-          C(y.$slots, "default")
+          C(x.$slots, "default")
         ]))
       ])) : O("", !0),
-      d.design === "button" ? (a(), l("div", Hc, [
+      u.design === "button" ? (a(), l("div", Hc, [
         n("input", {
           ref_key: "inputDOMRef",
           ref: c,
           type: "checkbox",
-          disabled: d.disabled,
-          checked: p.value,
+          disabled: u.disabled,
+          checked: m.value,
           onChange: H
         }, null, 40, zc),
-        d.label ? (a(), l("div", kc, [
-          n("span", null, W(d.label), 1)
+        u.label ? (a(), l("div", kc, [
+          n("span", null, L(u.label), 1)
         ])) : (a(), l("div", Vc, [
-          C(y.$slots, "label")
+          C(x.$slots, "label")
         ]))
       ])) : O("", !0)
     ], 2));
@@ -5161,27 +5161,27 @@ const Bc = { class: "nmorph-checkbox-group__wrapper" }, Cc = { class: "nmorph-ch
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const o = t, r = $(o.modelValue), s = e, d = (u) => {
-      r.value.includes(u) ? r.value = r.value.filter((v) => v !== u) : r.value.push(u), s("update:model-value", r.value);
+    const o = t, r = y(o.modelValue), s = e, u = (d) => {
+      r.value.includes(d) ? r.value = r.value.filter((v) => v !== d) : r.value.push(d), s("update:model-value", r.value);
     }, c = h(
       () => A({
         "nmorph-checkbox-group": [o.design, o.direction]
       })
     );
-    return te("checkbox-group-selected-value", r), te("change-checkbox-value-handler", d), (u, v) => (a(), l("div", {
-      class: B(c.value)
+    return te("checkbox-group-selected-value", r), te("change-checkbox-value-handler", u), (d, v) => (a(), l("div", {
+      class: V(c.value)
     }, [
       n("div", Bc, [
         n("div", Cc, [
-          (a(!0), l(Q, null, Z(u.options, (p, b) => (a(), F(_(D2), {
-            id: p.id,
+          (a(!0), l(Q, null, Z(d.options, (m, b) => (a(), F(_(D2), {
+            id: m.id,
             key: b,
-            label: p.label,
-            "model-value": p.modelValue,
-            disabled: p.disabled,
+            label: m.label,
+            "model-value": m.modelValue,
+            disabled: m.disabled,
             design: o.design
           }, null, 8, ["id", "label", "model-value", "disabled", "design"]))), 128)),
-          C(u.$slots, "default")
+          C(d.$slots, "default")
         ])
       ])
     ], 2));
@@ -5206,31 +5206,31 @@ const Ac = { class: "nmorph-autocomplete__input-content" }, Tc = {
   },
   emits: ["update:model-value", "select"],
   setup(t, { emit: e }) {
-    const o = t, r = $(o.modelValue), s = e, d = h(
+    const o = t, r = y(o.modelValue), s = e, u = h(
       () => A({
         "nmorph-autocomplete": []
       })
     ), c = (g) => {
       r.value = g, s("update:model-value", r.value);
-    }, u = $(!1), v = $(null), p = () => {
-      u.value = !1;
-    }, b = h(() => o.list.filter((g) => Object.keys(g).some((x) => String(g[x]).toLowerCase().includes(r.value.toLowerCase()))));
+    }, d = y(!1), v = y(null), m = () => {
+      d.value = !1;
+    }, b = h(() => o.list.filter((g) => Object.keys(g).some(($) => String(g[$]).toLowerCase().includes(r.value.toLowerCase()))));
     G(b, (g) => {
-      u.value = g.length > 0;
+      d.value = g.length > 0;
     });
     const H = (g) => {
       s("select", g), r.value = g.value, setTimeout(() => {
-        u.value = !1;
+        d.value = !1;
       });
-    }, m = () => {
-      u.value = b.value.length > 0;
-    }, y = $(!1);
+    }, p = () => {
+      d.value = b.value.length > 0;
+    }, x = y(!1);
     return G(r, async (g) => {
-      g !== "" && o.actionCallback && (y.value = !0, await o.actionCallback(), y.value = !1);
-    }), G(y, (g) => {
-      g && (u.value = !0);
-    }), (g, x) => (a(), l("div", {
-      class: B(d.value)
+      g !== "" && o.actionCallback && (x.value = !0, await o.actionCallback(), x.value = !1);
+    }), G(x, (g) => {
+      g && (d.value = !0);
+    }), (g, $) => (a(), l("div", {
+      class: V(u.value)
     }, [
       n("div", Ac, [
         n("div", {
@@ -5244,20 +5244,20 @@ const Ac = { class: "nmorph-autocomplete__input-content" }, Tc = {
             "model-value": r.value,
             placeholder: o.placeholder,
             clearable: o.clearable,
-            onFocus: m,
+            onFocus: p,
             "onUpdate:modelValue": c
           }, null, 8, ["height", "disabled", "model-value", "placeholder", "clearable"])
         ], 512)
       ]),
       v.value ? (a(), F(_($e), {
         key: 0,
-        open: u.value,
+        open: d.value,
         "relative-element": v.value,
-        onOnOutsideClick: p,
+        onOnOutsideClick: m,
         "y-offset": 1
       }, {
         default: R(() => [
-          y.value ? (a(), l("div", Tc, [
+          x.value ? (a(), l("div", Tc, [
             C(g.$slots, "loader", {}, () => [
               k(_(q), {
                 name: "loader",
@@ -5271,7 +5271,7 @@ const Ac = { class: "nmorph-autocomplete__input-content" }, Tc = {
               onClick: () => H(w)
             }, [
               C(g.$slots, "default", { scope: w }, () => [
-                le(W(w.value), 1)
+                le(L(w.value), 1)
               ])
             ], 8, Oc))), 128))
           ]))
@@ -5290,12 +5290,12 @@ const qc = /* @__PURE__ */ T({
         "nmorph-input-clear-button": []
       })
     );
-    return (s, d) => (a(), l("div", {
-      class: B(r.value)
+    return (s, u) => (a(), l("div", {
+      class: V(r.value)
     }, [
       k(_(q), {
         name: "error",
-        onClick: d[0] || (d[0] = se((c) => o("clear"), ["stop"]))
+        onClick: u[0] || (u[0] = se((c) => o("clear"), ["stop"]))
       })
     ], 2));
   }
@@ -5312,14 +5312,14 @@ const qc = /* @__PURE__ */ T({
         "nmorph-date-picker-header": []
       })
     );
-    return (d, c) => (a(), l("div", {
-      class: B(s.value)
+    return (u, c) => (a(), l("div", {
+      class: V(s.value)
     }, [
       n("div", Ec, [
         k(_(Y), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
-          onClick: c[0] || (c[0] = (u) => r("prev-year"))
+          onClick: c[0] || (c[0] = (d) => r("prev-year"))
         }, {
           default: R(() => [
             k(_(q), {
@@ -5332,7 +5332,7 @@ const qc = /* @__PURE__ */ T({
         k(_(Y), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
-          onClick: c[1] || (c[1] = (u) => r("prev-month"))
+          onClick: c[1] || (c[1] = (d) => r("prev-month"))
         }, {
           default: R(() => [
             k(_(q), {
@@ -5348,20 +5348,20 @@ const qc = /* @__PURE__ */ T({
           text: o.year,
           "style-type": "transparent",
           fill: "",
-          onClick: c[2] || (c[2] = (u) => r("change-year"))
+          onClick: c[2] || (c[2] = (d) => r("change-year"))
         }, null, 8, ["text"]),
         k(_(Y), {
           text: _(Re)(o.month),
           "style-type": "transparent",
           fill: "",
-          onClick: c[3] || (c[3] = (u) => r("change-month"))
+          onClick: c[3] || (c[3] = (d) => r("change-month"))
         }, null, 8, ["text"])
       ]),
       n("div", Rc, [
         k(_(Y), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
-          onClick: c[4] || (c[4] = (u) => r("next-month"))
+          onClick: c[4] || (c[4] = (d) => r("next-month"))
         }, {
           default: R(() => [
             k(_(q), {
@@ -5374,7 +5374,7 @@ const qc = /* @__PURE__ */ T({
         k(_(Y), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
-          onClick: c[5] || (c[5] = (u) => r("next-year"))
+          onClick: c[5] || (c[5] = (d) => r("next-year"))
         }, {
           default: R(() => [
             k(_(q), {
@@ -5399,9 +5399,9 @@ const Wc = { class: "nmorph-year-month-picker__header" }, Lc = { class: "nmorph-
     const { months: o } = ze(), r = o.map((f, z) => ({
       label: f.substring(0, 3),
       value: String(z)
-    })), s = t, d = $(r), c = $(String(s.currentDate.getMonth())), u = $(s.currentDate.getFullYear()), v = () => {
-      const f = s.currentDate.getFullYear(), z = g2(f).map((V) => ({ label: String(V), value: String(V) }));
-      d.value = z;
+    })), s = t, u = y(r), c = y(String(s.currentDate.getMonth())), d = y(s.currentDate.getFullYear()), v = () => {
+      const f = s.currentDate.getFullYear(), z = g2(f).map((B) => ({ label: String(B), value: String(B) }));
+      u.value = z;
     };
     G(
       () => s.currentDate,
@@ -5413,34 +5413,34 @@ const Wc = { class: "nmorph-year-month-picker__header" }, Lc = { class: "nmorph-
         deep: !0
       }
     );
-    const p = e, b = h(
+    const m = e, b = h(
       () => A({
         "nmorph-year-month-picker": []
       })
     ), H = (f) => {
-      c.value = f, s.type === "month" ? p("update-month", c.value) : p("update-year", c.value);
-    }, m = (f) => {
-      d.value = d.value.map((z) => {
-        const V = String(f === "decrease" ? Number(z.value) - 10 : Number(z.value) + 10);
+      c.value = f, s.type === "month" ? m("update-month", c.value) : m("update-year", c.value);
+    }, p = (f) => {
+      u.value = u.value.map((z) => {
+        const B = String(f === "decrease" ? Number(z.value) - 10 : Number(z.value) + 10);
         return {
-          label: V,
-          value: V
+          label: B,
+          value: B
         };
       });
-    }, y = (f) => {
-      f === "decrease" ? u.value = u.value - 1 : u.value = u.value + 1, p("update-year", String(u.value));
+    }, x = (f) => {
+      f === "decrease" ? d.value = d.value - 1 : d.value = d.value + 1, m("update-year", String(d.value));
     }, g = (f) => {
-      f === "decrease" ? s.type === "year" ? m("decrease") : y("decrease") : s.type === "year" ? m("increase") : y("increase");
-    }, x = h(() => s.type === "year" ? `${d.value[0].label} - ${d.value[d.value.length - 1].label}` : String(u.value)), w = () => {
-      s.type === "month" && p("back-to-years");
+      f === "decrease" ? s.type === "year" ? p("decrease") : x("decrease") : s.type === "year" ? p("increase") : x("increase");
+    }, $ = h(() => s.type === "year" ? `${u.value[0].label} - ${u.value[u.value.length - 1].label}` : String(d.value)), w = () => {
+      s.type === "month" && m("back-to-years");
     };
     return (f, z) => (a(), l("div", {
-      class: B(b.value)
+      class: V(b.value)
     }, [
       n("div", Wc, [
         k(_(Y), {
           class: "nmorph-year-month-picker__action-btn",
-          onClick: z[0] || (z[0] = (V) => g("decrease"))
+          onClick: z[0] || (z[0] = (B) => g("decrease"))
         }, {
           default: R(() => [
             k(_(q), {
@@ -5452,14 +5452,14 @@ const Wc = { class: "nmorph-year-month-picker__header" }, Lc = { class: "nmorph-
         }),
         n("div", Lc, [
           k(_(Y), {
-            text: x.value,
+            text: $.value,
             "style-type": "transparent",
             onClick: w
           }, null, 8, ["text"])
         ]),
         k(_(Y), {
           class: "nmorph-year-month-picker__action-btn",
-          onClick: z[1] || (z[1] = (V) => g("increase"))
+          onClick: z[1] || (z[1] = (B) => g("increase"))
         }, {
           default: R(() => [
             k(_(q), {
@@ -5474,7 +5474,7 @@ const Wc = { class: "nmorph-year-month-picker__header" }, Lc = { class: "nmorph-
       n("div", Uc, [
         k(_(Ge), {
           "model-value": c.value,
-          options: d.value,
+          options: u.value,
           "onUpdate:modelValue": H
         }, null, 8, ["model-value", "options"])
       ])
@@ -5494,51 +5494,51 @@ const Yc = /* @__PURE__ */ T({
       () => A({
         "nmorph-date-picker-content": []
       })
-    ), d = $(o.initialDate), c = $("calendar"), u = h(() => new Date(d.value.setMonth(d.value.getMonth() - 1))), v = h(() => new Date(d.value.setMonth(d.value.getMonth() + 1))), p = h(() => new Date(d.value.setFullYear(d.value.getFullYear() - 1))), b = h(() => new Date(d.value.setFullYear(d.value.getFullYear() + 1))), H = () => {
-      d.value = u.value;
-    }, m = () => {
-      d.value = v.value;
-    }, y = () => {
-      d.value = p.value;
-    }, g = () => {
-      d.value = b.value;
+    ), u = y(o.initialDate), c = y("calendar"), d = h(() => new Date(u.value.setMonth(u.value.getMonth() - 1))), v = h(() => new Date(u.value.setMonth(u.value.getMonth() + 1))), m = h(() => new Date(u.value.setFullYear(u.value.getFullYear() - 1))), b = h(() => new Date(u.value.setFullYear(u.value.getFullYear() + 1))), H = () => {
+      u.value = d.value;
+    }, p = () => {
+      u.value = v.value;
     }, x = () => {
+      u.value = m.value;
+    }, g = () => {
+      u.value = b.value;
+    }, $ = () => {
       c.value = "year";
     }, w = () => {
       c.value = "month";
     }, f = (M) => {
-      const D = new Date(d.value.setFullYear(Number(M)));
-      d.value = D, c.value = "month";
+      const D = new Date(u.value.setFullYear(Number(M)));
+      u.value = D, c.value = "month";
     }, z = (M) => {
-      const D = new Date(d.value.setMonth(Number(M)));
-      d.value = D, c.value = "calendar";
-    }, V = () => {
+      const D = new Date(u.value.setMonth(Number(M)));
+      u.value = D, c.value = "calendar";
+    }, B = () => {
       c.value = "year";
-    }, L = (M) => {
+    }, W = (M) => {
       r("update-selected-value", M);
     }, P = (M) => {
-      d.value = M;
+      u.value = M;
     };
     return (M, D) => (a(), l("div", {
-      class: B(s.value)
+      class: V(s.value)
     }, [
       c.value === "calendar" ? (a(), F(_(f2), {
         key: 0,
         type: o.type,
-        "initial-date": d.value,
+        "initial-date": u.value,
         "model-value": o.selectedValues,
-        "onUpdate:modelValue": L,
+        "onUpdate:modelValue": W,
         onUpdateInitialDate: P
       }, {
         header: R(() => [
           k(jc, {
-            year: d.value.getFullYear(),
-            month: d.value.getMonth(),
+            year: u.value.getFullYear(),
+            month: u.value.getMonth(),
             onPrevMonth: H,
-            onNextMonth: m,
-            onPrevYear: y,
+            onNextMonth: p,
+            onPrevYear: x,
             onNextYear: g,
-            onChangeYear: x,
+            onChangeYear: $,
             onChangeMonth: w
           }, null, 8, ["year", "month"])
         ]),
@@ -5547,16 +5547,16 @@ const Yc = /* @__PURE__ */ T({
       c.value === "year" ? (a(), F(o2, {
         key: 1,
         type: "year",
-        "current-date": d.value,
+        "current-date": u.value,
         onUpdateYear: f
       }, null, 8, ["current-date"])) : O("", !0),
       c.value === "month" ? (a(), F(o2, {
         key: 2,
         type: "month",
-        "current-date": d.value,
+        "current-date": u.value,
         onUpdateYear: f,
         onUpdateMonth: z,
-        onBackToYears: V
+        onBackToYears: B
       }, null, 8, ["current-date"])) : O("", !0)
     ], 2));
   }
@@ -5573,49 +5573,49 @@ const Yc = /* @__PURE__ */ T({
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const { t: o } = r2(), r = t, s = h(() => r.placeholder ?? o("NmorphDatePicker.pick-a-date")), d = $(r.modelValue), c = e, u = $(!1), v = () => {
-      u.value = !0;
-    }, p = () => {
-      u.value = !1;
-    }, b = h(
+    const { t: o, messages: r } = r2(), s = t, u = h(() => s.placeholder ? s.placeholder : o("NmorphDatePicker.pickADate")), c = y(s.modelValue), d = e, v = y(!1), m = () => {
+      v.value = !0;
+    }, b = () => {
+      v.value = !1;
+    }, H = h(
       () => A({
-        nmorph: [re[r.height]],
-        "nmorph-date-picker": [`${r.disabled && "disabled"}`, r.type, `${u.value && "focus"}`]
+        nmorph: [re[s.height]],
+        "nmorph-date-picker": [`${s.disabled && "disabled"}`, s.type, `${v.value && "focus"}`]
       })
-    ), H = $(!1), m = $(null), y = () => {
-      H.value = !1;
-    }, g = () => {
-      H.value = !H.value;
-    }, x = h(() => {
-      if (!d.value)
-        return s.value;
-      if (Array.isArray(d.value)) {
-        if (d.value.length === 0)
-          return s.value;
-        const V = Pe(d.value), L = r.type === "daterange" ? " - " : ", ";
-        return V.join(L);
+    ), p = y(!1), x = y(null), g = () => {
+      p.value = !1;
+    }, $ = () => {
+      p.value = !p.value;
+    }, w = h(() => {
+      if (!c.value)
+        return u.value;
+      if (Array.isArray(c.value)) {
+        if (c.value.length === 0)
+          return u.value;
+        const W = Pe(c.value), P = s.type === "daterange" ? " - " : ", ";
+        return W.join(P);
       } else
-        return Pe(d.value);
-    }), w = () => {
-      const V = Array.isArray(d.value) ? [] : null;
-      d.value = V, c("update:model-value", d.value);
-    }, f = (V) => {
-      d.value = V, c("update:model-value", d.value);
-    }, z = h(() => Array.isArray(d.value) ? d.value.length > 0 : !!d.value);
-    return (V, L) => (a(), l("div", {
-      class: B(b.value)
+        return Pe(c.value);
+    }), f = () => {
+      const W = Array.isArray(c.value) ? [] : null;
+      c.value = W, d("update:model-value", c.value);
+    }, z = (W) => {
+      c.value = W, d("update:model-value", c.value);
+    }, B = h(() => Array.isArray(c.value) ? c.value.length > 0 : !!c.value);
+    return (W, P) => (a(), l("div", {
+      class: V(H.value)
     }, [
       n("div", Gc, [
         n("div", {
           ref_key: "nmorphInputDOMRef",
-          ref: m,
-          class: B(["nmorph-date-picker__input", { "nmorph-date-picker__input--open": H.value }]),
-          onClick: g
+          ref: x,
+          class: V(["nmorph-date-picker__input", { "nmorph-date-picker__input--open": p.value }]),
+          onClick: $
         }, [
           n("input", {
             type: "date",
-            onFocus: se(v, ["prevent"]),
-            onBlur: p,
+            onFocus: se(m, ["prevent"]),
+            onBlur: b,
             onKeydown: ve(se(() => {
             }, ["prevent"]), ["space"])
           }, null, 40, Kc),
@@ -5623,29 +5623,29 @@ const Yc = /* @__PURE__ */ T({
             name: "calendar",
             class: "nmorph-date-picker__calendar-icon"
           }),
-          n("div", Qc, W(x.value), 1),
+          n("div", Qc, L(w.value), 1),
           n("div", Zc, [
-            z.value ? (a(), F(qc, {
+            B.value ? (a(), F(qc, {
               key: 0,
-              onClear: w
+              onClear: f
             })) : O("", !0)
           ])
         ], 2),
         n("div", Xc, [
-          m.value ? (a(), F(_($e), {
+          x.value ? (a(), F(_($e), {
             key: 0,
             "fill-width": !1,
             width: 324,
-            open: H.value,
-            "relative-element": m.value,
-            onOnOutsideClick: y
+            open: p.value,
+            "relative-element": x.value,
+            onOnOutsideClick: g
           }, {
             default: R(() => [
               k(Yc, {
-                "selected-values": d.value,
-                "initial-date": r.initialDate,
-                type: V.type,
-                onUpdateSelectedValue: f
+                "selected-values": c.value,
+                "initial-date": s.initialDate,
+                type: W.type,
+                onUpdateSelectedValue: z
               }, null, 8, ["selected-values", "initial-date", "type"])
             ]),
             _: 1
@@ -5666,53 +5666,53 @@ const Nc = { class: "nmorph-file-upload__trigger" }, Ic = ["multiple"], e5 = { c
   },
   emits: ["update:model-value", "on-unsupported-file-type-error"],
   setup(t, { expose: e, emit: o }) {
-    const r = t, s = (g) => g.split("/")[1], d = (g) => {
-      const x = s(g);
+    const r = t, s = (g) => g.split("/")[1], u = (g) => {
+      const $ = s(g);
       let w = "doc";
-      return x in ke && (w = "image"), x in Be && (w = "audio"), x in Ve && (w = "video"), x in Ce && (w = "archive"), w;
+      return $ in ke && (w = "image"), $ in Be && (w = "audio"), $ in Ve && (w = "video"), $ in Ce && (w = "archive"), w;
     };
     let c = _e(r.modelValue);
-    const u = $(null), v = () => {
-      u.value && u.value.click();
-    }, p = (g) => {
-      const x = g.target;
-      if (x.files) {
-        if (Array.from(x.files).forEach((w) => {
+    const d = y(null), v = () => {
+      d.value && d.value.click();
+    }, m = (g) => {
+      const $ = g.target;
+      if ($.files) {
+        if (Array.from($.files).forEach((w) => {
           const f = s(w.type);
           if (!r.allowedTypes.includes(f))
-            return m("on-unsupported-file-type-error", w.type);
-          const z = URL.createObjectURL(w), V = { data: w, previewUrl: z };
-          c.push(V);
+            return p("on-unsupported-file-type-error", w.type);
+          const z = URL.createObjectURL(w), B = { data: w, previewUrl: z };
+          c.push(B);
         }), c.length === 0)
           return;
         b();
       }
     }, b = () => {
-      m(
+      p(
         "update:model-value",
         c.map((g) => g.data)
       );
     }, H = (g) => {
-      const x = c.findIndex((w) => w.data.name === g);
-      x !== -1 && (URL.revokeObjectURL(c[x].previewUrl), c.splice(x, 1), b());
+      const $ = c.findIndex((w) => w.data.name === g);
+      $ !== -1 && (URL.revokeObjectURL(c[$].previewUrl), c.splice($, 1), b());
     };
-    e({ inputDOMRef: u });
-    const m = o, y = h(
+    e({ inputDOMRef: d });
+    const p = o, x = h(
       () => A({
         "nmorph-file-upload": [`${r.disabled && "disabled"}`]
       })
     );
-    return (g, x) => (a(), l("div", {
-      class: B(y.value)
+    return (g, $) => (a(), l("div", {
+      class: V(x.value)
     }, [
       n("div", Nc, [
         n("input", {
           ref_key: "inputDOMRef",
-          ref: u,
+          ref: d,
           type: "file",
           multiple: r.multiple,
           class: "nmorph-native-input",
-          onChange: p
+          onChange: m
         }, null, 40, Ic),
         C(g.$slots, "trigger", {}, () => [
           k(_(Y), {
@@ -5736,11 +5736,11 @@ const Nc = { class: "nmorph-file-upload__trigger" }, Ic = ["multiple"], e5 = { c
               k(_(M2), { src: f }, null, 8, ["src"]),
               n("div", t5, [
                 k(_(q), {
-                  name: d(w.type),
+                  name: u(w.type),
                   width: "14px",
                   height: "17px"
                 }, null, 8, ["name"]),
-                n("span", n5, W(w.name), 1)
+                n("span", n5, L(w.name), 1)
               ]),
               n("div", a5, [
                 k(_(Y), {
@@ -5781,11 +5781,11 @@ const l5 = {
       () => A({
         "nmorph-form": []
       })
-    ), s = ju(o.value, o.validateImmediately), d = e;
+    ), s = ju(o.value, o.validateImmediately), u = e;
     return ne(() => {
-      d("form-validator", s);
-    }), te("form-data", s), (c, u) => (a(), l("form", {
-      class: B(r.value)
+      u("form-validator", s);
+    }), te("form-data", s), (c, d) => (a(), l("form", {
+      class: V(r.value)
     }, [
       n("div", r5, [
         C(c.$slots, "default")
@@ -5806,8 +5806,8 @@ const l5 = {
         "nmorph-error-box": [`${e.staticHeight && "static-height"}`, `${o.value.length === 0 && "empty"}`]
       })
     );
-    return (s, d) => (a(), l("div", {
-      class: B(r.value)
+    return (s, u) => (a(), l("div", {
+      class: V(r.value)
     }, [
       k(we, {
         name: "list",
@@ -5817,7 +5817,7 @@ const l5 = {
           (a(!0), l(Q, null, Z(o.value, (c) => (a(), l("p", {
             key: c,
             class: "nmorph-error-box__error"
-          }, W(c), 1))), 128))
+          }, L(c), 1))), 128))
         ]),
         _: 1
       })
@@ -5839,8 +5839,8 @@ const Ae = "18px", d5 = /* @__PURE__ */ T({
         "nmorph-validation-icon": [e.valid ? "valid" : "invalid"]
       })
     ), r = h(() => e.valid ? "success" : "error");
-    return (s, d) => (a(), l("div", {
-      class: B(o.value)
+    return (s, u) => (a(), l("div", {
+      class: V(o.value)
     }, [
       s.show ? (a(), F(_(q), {
         key: 0,
@@ -5863,9 +5863,9 @@ const u5 = { key: 0 }, c5 = { class: "nmorph-form-item__content" }, v5 = /* @__P
     validate: { type: Boolean, default: !0 }
   },
   setup(t) {
-    const e = t, o = N("form-data", void 0), r = h(() => o?.fields[e.id]), s = h(() => e.validate && r.value), d = h(
+    const e = t, o = N("form-data", void 0), r = h(() => o?.fields[e.id]), s = h(() => e.validate && r.value), u = h(
       () => !!s.value && !!r?.value?.touched && e.showValidationIcon
-    ), c = h(() => s.value && r.value?.touched), u = h(
+    ), c = h(() => s.value && r.value?.touched), d = h(
       () => A({
         "nmorph-form-item": [
           `${e.label && "labeled"}`,
@@ -5873,15 +5873,15 @@ const u5 = { key: 0 }, c5 = { class: "nmorph-form-item__content" }, v5 = /* @__P
         ]
       })
     );
-    return (v, p) => (a(), l("div", {
-      class: B(u.value)
+    return (v, m) => (a(), l("div", {
+      class: V(d.value)
     }, [
-      e.label ? (a(), l("label", u5, W(e.label), 1)) : O("", !0),
+      e.label ? (a(), l("label", u5, L(e.label), 1)) : O("", !0),
       n("div", c5, [
         C(v.$slots, "default"),
         k(_(d5), {
           valid: !!r.value?.valid,
-          show: d.value
+          show: u.value
         }, null, 8, ["valid", "show"])
       ]),
       k(_(i5), {
@@ -5925,11 +5925,11 @@ const h5 = { class: "nmorph-number-input__content" }, p5 = { class: "nmorph-numb
           `${r.actionBtnPositionRight && "action-btn-position-right"}`
         ]
       })
-    ), d = $(r.modelValue), c = () => {
-      d.value += r.step;
-    }, u = () => {
-      d.value -= r.step;
-    }, v = h(() => d.value <= r.min), p = h(() => d.value >= r.max), b = h(() => r.height === "thick" ? "16px" : "12px"), H = {
+    ), u = y(r.modelValue), c = () => {
+      u.value += r.step;
+    }, d = () => {
+      u.value -= r.step;
+    }, v = h(() => u.value <= r.min), m = h(() => u.value >= r.max), b = h(() => r.height === "thick" ? "16px" : "12px"), H = {
       thick: {
         default: "12px",
         right: "8px"
@@ -5942,20 +5942,20 @@ const h5 = { class: "nmorph-number-input__content" }, p5 = { class: "nmorph-numb
         default: "8px",
         right: "5px"
       }
-    }, m = h(() => {
+    }, p = h(() => {
       const w = r.actionBtnPositionRight ? "right" : "default";
       return H[r.height][w];
-    }), y = o, g = (w) => {
+    }), x = o, g = (w) => {
       const f = w.target;
       let z = Number(f.value);
-      d.value = z;
+      u.value = z;
     };
-    G(d, (w) => {
-      w > r.max && (d.value = r.max, x.value?.blur()), d.value < r.min && (d.value = r.min, x.value?.blur()), y("update:model-value", w);
+    G(u, (w) => {
+      w > r.max && (u.value = r.max, $.value?.blur()), u.value < r.min && (u.value = r.min, $.value?.blur()), x("update:model-value", w);
     });
-    const x = $(null);
-    return e({ inputDOMRef: x }), (w, f) => (a(), l("div", {
-      class: B(s.value)
+    const $ = y(null);
+    return e({ inputDOMRef: $ }), (w, f) => (a(), l("div", {
+      class: V(s.value)
     }, [
       n("div", h5, [
         n("div", p5, [
@@ -5964,13 +5964,13 @@ const h5 = { class: "nmorph-number-input__content" }, p5 = { class: "nmorph-numb
               "style-type": "transparent",
               disabled: v.value,
               height: r.height,
-              onClick: u
+              onClick: d
             }, {
               default: R(() => [
                 k(_(q), {
                   name: "minus",
-                  width: m.value,
-                  height: m.value
+                  width: p.value,
+                  height: p.value
                 }, null, 8, ["width", "height"])
               ]),
               _: 1
@@ -5978,9 +5978,9 @@ const h5 = { class: "nmorph-number-input__content" }, p5 = { class: "nmorph-numb
           ])),
           n("input", {
             ref_key: "inputDOMRef",
-            ref: x,
+            ref: $,
             class: "nmorph-native-input",
-            value: d.value,
+            value: u.value,
             type: "number",
             min: r.min,
             max: r.max,
@@ -5991,13 +5991,13 @@ const h5 = { class: "nmorph-number-input__content" }, p5 = { class: "nmorph-numb
               k(_(Y), {
                 "style-type": "transparent",
                 disabled: v.value,
-                onClick: u
+                onClick: d
               }, {
                 default: R(() => [
                   k(_(q), {
                     name: "minus",
-                    width: m.value,
-                    height: m.value
+                    width: p.value,
+                    height: p.value
                   }, null, 8, ["width", "height"])
                 ]),
                 _: 1
@@ -6006,14 +6006,14 @@ const h5 = { class: "nmorph-number-input__content" }, p5 = { class: "nmorph-numb
             n("div", x5, [
               k(_(Y), {
                 "style-type": "transparent",
-                disabled: p.value,
+                disabled: m.value,
                 onClick: c
               }, {
                 default: R(() => [
                   k(_(q), {
                     name: "plus",
-                    width: m.value,
-                    height: m.value
+                    width: p.value,
+                    height: p.value
                   }, null, 8, ["width", "height"])
                 ]),
                 _: 1
@@ -6022,15 +6022,15 @@ const h5 = { class: "nmorph-number-input__content" }, p5 = { class: "nmorph-numb
           ])) : (a(), l("div", f5, [
             k(_(Y), {
               "style-type": "transparent",
-              disabled: p.value,
+              disabled: m.value,
               height: r.height,
               onClick: c
             }, {
               default: R(() => [
                 k(_(q), {
                   name: "plus",
-                  width: m.value,
-                  height: m.value
+                  width: p.value,
+                  height: p.value
                 }, null, 8, ["width", "height"])
               ]),
               _: 1
@@ -6067,9 +6067,9 @@ const y5 = { class: "nmorph-select__content" }, b5 = ["id", "name"], M5 = ["valu
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const o = t, r = e, s = $(o.modelValue), d = $(o.open), c = $(null), u = $(null), v = $(!0), p = o.id ? o.id : ue(), b = o.name ? o.name : ue(), H = (K) => {
+    const o = t, r = e, s = y(o.modelValue), u = y(o.open), c = y(null), d = y(null), v = y(!0), m = o.id ? o.id : ue(), b = o.name ? o.name : ue(), H = (K) => {
       if (!o.disabled) {
-        if (d.value = !1, typeof s.value == "string" && (!o.valueRequired && s.value === K ? s.value = "" : s.value = K, r("update:model-value", s.value)), Array.isArray(s.value)) {
+        if (u.value = !1, typeof s.value == "string" && (!o.valueRequired && s.value === K ? s.value = "" : s.value = K, r("update:model-value", s.value)), Array.isArray(s.value)) {
           const U = s.value.includes(K), ee = s.value.length === 1 && U;
           if (o.valueRequired && ee)
             return;
@@ -6077,67 +6077,67 @@ const y5 = { class: "nmorph-select__content" }, b5 = ["id", "name"], M5 = ["valu
         }
         r("update:model-value", s.value);
       }
-    }, m = $(!1), y = () => {
-      m.value = !0;
+    }, p = y(!1), x = () => {
+      p.value = !0;
     }, g = () => {
-      m.value = !1;
-    }, x = h(
+      p.value = !1;
+    }, $ = h(
       () => A({
         nmorph: [re[o.height]],
         "nmorph-select": [
           `${o.disabled && "disabled"}`,
           `${o.modelValue ? "on" : "off"}`,
           `${o.loading && "loading"}`,
-          `${d.value && "open"}`,
+          `${u.value && "open"}`,
           `${v.value ? "selected-line-outset" : "selected-line-inset"}`,
-          `${m.value && "focus"}`
+          `${p.value && "focus"}`
         ]
       })
     ), w = () => {
-      o.disabled || (d.value = !d.value);
+      o.disabled || (u.value = !u.value);
     };
     G(
-      d,
+      u,
       (K) => {
         K && (v.value = !1);
       },
       { immediate: !0 }
     );
     const f = () => {
-      d.value = !1;
-    }, z = $(), V = $([]), L = $(0), P = $("");
-    G(L, (K) => {
-      P.value = V.value[K], z.value.forEach((U) => {
+      u.value = !1;
+    }, z = y(), B = y([]), W = y(0), P = y("");
+    G(W, (K) => {
+      P.value = B.value[K], z.value.forEach((U) => {
         const de = U.getAttribute("value") === P.value ? "add" : "remove";
         U.classList[de]("nmorph-select-option--focused");
       });
     }), ne(async () => {
       await pe(), c.value && (z.value = c.value.querySelectorAll(".nmorph-select-option"), z.value.forEach((K) => {
         const U = K.getAttribute("value");
-        U && V.value.push(U);
-      }), P.value = V.value[L.value], u.value = `${c.value.clientHeight}px`, document.addEventListener("click", f));
+        U && B.value.push(U);
+      }), P.value = B.value[W.value], d.value = `${c.value.clientHeight}px`, document.addEventListener("click", f));
     }), He(() => {
       document.removeEventListener("click", f);
     });
     const M = h(() => typeof s.value == "string" ? s.value === "" ? o.noElementPlaceholder : o.options.find((K) => K.value === s.value)?.label : o.options.find((K) => K.value === s.value)?.label), D = h(() => o.options.length > 0 ? o.options : o.optionsMap), S = h(() => D.value.length > 0 ? D.value.filter((U) => s.value.includes(U.value)).map((U) => ({ text: U.label, value: U.value })) : Array.isArray(s.value) ? s.value.map((U) => ({ text: U, value: U })) : [{ text: s.value, value: s.value }]);
     te("select-selected-value", s), te("select-change-selected-value", H);
-    const j = $(null), E = () => {
-      d.value = !d.value;
+    const j = y(null), E = () => {
+      u.value = !u.value;
     }, X = () => {
-      L.value = (L.value + 1) % V.value.length;
+      W.value = (W.value + 1) % B.value.length;
     }, oe = () => {
-      L.value = (L.value - 1 + V.value.length) % V.value.length;
+      W.value = (W.value - 1 + B.value.length) % B.value.length;
     }, fe = () => {
-      d.value && H(P.value);
+      u.value && H(P.value);
     };
     return (K, U) => (a(), l("div", {
-      class: B(x.value)
+      class: V($.value)
     }, [
       n("div", y5, [
         n("select", {
-          id: _(p),
+          id: _(m),
           name: _(b),
-          onFocus: y,
+          onFocus: x,
           onBlur: g,
           onKeydown: [
             ve(E, ["space"]),
@@ -6146,7 +6146,7 @@ const y5 = { class: "nmorph-select__content" }, b5 = ["id", "name"], M5 = ["valu
             ve(fe, ["enter"])
           ]
         }, [
-          (a(!0), l(Q, null, Z(V.value, (ee) => (a(), l("option", {
+          (a(!0), l(Q, null, Z(B.value, (ee) => (a(), l("option", {
             key: ee,
             value: ee
           }, null, 8, M5))), 128))
@@ -6157,7 +6157,7 @@ const y5 = { class: "nmorph-select__content" }, b5 = ["id", "name"], M5 = ["valu
           class: "nmorph-select__selected-values-line",
           onClick: se(w, ["stop"])
         }, [
-          typeof s.value == "string" ? (a(), l("div", H5, W(M.value), 1)) : s.value.length === 0 ? (a(), l("div", z5, W(o.noElementPlaceholder), 1)) : (a(), l("div", k5, [
+          typeof s.value == "string" ? (a(), l("div", H5, L(M.value), 1)) : s.value.length === 0 ? (a(), l("div", z5, L(o.noElementPlaceholder), 1)) : (a(), l("div", k5, [
             (a(!0), l(Q, null, Z(S.value, (ee) => (a(), F(_(je), me({
               key: ee.value,
               ref_for: !0
@@ -6176,7 +6176,7 @@ const y5 = { class: "nmorph-select__content" }, b5 = ["id", "name"], M5 = ["valu
       ]),
       j.value && !o.disabled ? (a(), F(_($e), {
         key: 0,
-        open: d.value,
+        open: u.value,
         "relative-element": j.value,
         onOnOutsideClick: f
       }, {
@@ -6215,28 +6215,28 @@ const B5 = ["value"], C5 = { class: "nmorph-select-option__content" }, O2 = /* @
   },
   emits: ["change-value"],
   setup(t, { emit: e }) {
-    const o = N("select-selected-value", void 0), r = N("select-change-selected-value", void 0), s = t, d = e, c = () => {
-      s.disabled || (d("change-value", s.value), r && r(s.value));
-    }, u = h(() => typeof o?.value == "string" ? o.value === s.value : Array.isArray(o?.value) ? o.value.some((p) => p === s.value) : !1), v = h(
+    const o = N("select-selected-value", void 0), r = N("select-change-selected-value", void 0), s = t, u = e, c = () => {
+      s.disabled || (u("change-value", s.value), r && r(s.value));
+    }, d = h(() => typeof o?.value == "string" ? o.value === s.value : Array.isArray(o?.value) ? o.value.some((m) => m === s.value) : !1), v = h(
       () => A({
         nmorph: [re[s.height]],
         "nmorph-select-option": [
           `${s.disabled && "disabled"}`,
           `${s.label && "with-label"}`,
-          `${u.value && "checked"}`
+          `${d.value && "checked"}`
         ]
       })
     );
-    return (p, b) => (a(), l("div", {
-      class: B(v.value),
+    return (m, b) => (a(), l("div", {
+      class: V(v.value),
       onClick: c,
       value: s.value
     }, [
       n("div", C5, [
-        n("span", null, W(s.label), 1),
-        C(p.$slots, "default")
+        n("span", null, L(s.label), 1),
+        C(m.$slots, "default")
       ]),
-      u.value ? (a(), F(_(q), {
+      d.value ? (a(), F(_(q), {
         key: 0,
         name: "success",
         class: "nmorph-select-option__checked"
@@ -6264,30 +6264,30 @@ const S5 = { class: "nmorph-slider__content" }, A5 = { class: "nmorph-slider__in
         nmorph: [],
         "nmorph-slider": [`${o.disabled && "disabled"}`]
       })
-    ), s = `${Te}px`, d = $(o.showTooltip), c = e, u = $(o.modelValue), v = $(null);
-    G(u, () => {
-      c("update:model-value", u.value);
+    ), s = `${Te}px`, u = y(o.showTooltip), c = e, d = y(o.modelValue), v = y(null);
+    G(d, () => {
+      c("update:model-value", d.value);
     }), G(
       () => o.modelValue,
       (M) => {
-        u.value = M;
+        d.value = M;
       }
     );
-    const p = $(null), b = h(() => {
-      const M = H.value - H.value, D = o.max - o.min + M, S = (u.value - o.min) / D * 100, j = v.value?.clientWidth || 0, E = Te / j * 100, X = E / 2;
+    const m = y(null), b = h(() => {
+      const M = H.value - H.value, D = o.max - o.min + M, S = (d.value - o.min) / D * 100, j = v.value?.clientWidth || 0, E = Te / j * 100, X = E / 2;
       let oe = S - X;
-      const K = `${Math.max(0, Math.min(100 - E, oe))}%`, U = j / 100, de = Te / 2 / U, Ze = (p.value?.tooltipBody.clientWidth ?? 24) / 2 / U, j2 = Ze === 1 / 0 ? 1.714 : Ze, W2 = `${parseFloat(K) + de - j2}%`;
+      const K = `${Math.max(0, Math.min(100 - E, oe))}%`, U = j / 100, de = Te / 2 / U, Ze = (m.value?.tooltipBody.clientWidth ?? 24) / 2 / U, j2 = Ze === 1 / 0 ? 1.714 : Ze, W2 = `${parseFloat(K) + de - j2}%`;
       return {
         thumb: K,
         tooltip: W2
       };
-    }), H = $(0), m = $(0), y = () => {
-      H.value = window.innerWidth, m.value = window.innerHeight;
+    }), H = y(0), p = y(0), x = () => {
+      H.value = window.innerWidth, p.value = window.innerHeight;
     };
     ne(() => {
-      typeof window < "u" && (H.value = window.innerWidth, m.value = window.innerHeight, window.addEventListener("resize", y));
+      typeof window < "u" && (H.value = window.innerWidth, p.value = window.innerHeight, window.addEventListener("resize", x));
     }), He(() => {
-      typeof window < "u" && (document.removeEventListener("mouseup", x), window.removeEventListener("resize", y));
+      typeof window < "u" && (document.removeEventListener("mouseup", $), window.removeEventListener("resize", x));
     });
     const g = (M) => {
       P.value = !1;
@@ -6295,23 +6295,23 @@ const S5 = { class: "nmorph-slider__content" }, A5 = { class: "nmorph-slider__in
       let S = 0;
       if (D) {
         const j = M.clientX - D.left, E = D.width;
-        S = Math.max(0, Math.min(1, j / E)), u.value = o.min + S * (o.max - o.min);
+        S = Math.max(0, Math.min(1, j / E)), d.value = o.min + S * (o.max - o.min);
       }
-      u.value = Math.round(u.value / o.step) * o.step, u.value = Math.max(o.min, Math.min(o.max, u.value));
-    }, x = () => {
-      document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", x), P.value = !0;
+      d.value = Math.round(d.value / o.step) * o.step, d.value = Math.max(o.min, Math.min(o.max, d.value));
+    }, $ = () => {
+      document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", $), P.value = !0;
     }, w = () => {
-      o.disabled || (document.addEventListener("mousemove", g), document.addEventListener("mouseup", x));
-    }, f = $(null), z = () => {
-      o.showTooltip && (d.value = !0);
-    }, V = () => {
-      o.showTooltip && (d.value = !1);
-    }, L = (M) => {
+      o.disabled || (document.addEventListener("mousemove", g), document.addEventListener("mouseup", $));
+    }, f = y(null), z = () => {
+      o.showTooltip && (u.value = !0);
+    }, B = () => {
+      o.showTooltip && (u.value = !1);
+    }, W = (M) => {
       const D = M.target;
-      u.value = Number(D.value);
-    }, P = $(!0);
+      d.value = Number(D.value);
+    }, P = y(!0);
     return (M, D) => (a(), l("div", {
-      class: B(r.value)
+      class: V(r.value)
     }, [
       n("div", S5, [
         n("div", A5, [
@@ -6320,11 +6320,11 @@ const S5 = { class: "nmorph-slider__content" }, A5 = { class: "nmorph-slider__in
             ref: v,
             class: "nmorph-slider__input-container"
           }, [
-            d.value && !o.disabled ? (a(), F(_(T2), {
+            u.value && !o.disabled ? (a(), F(_(T2), {
               key: 0,
               ref_key: "tooltipRootRef",
-              ref: p,
-              text: String(u.value),
+              ref: m,
+              text: String(d.value),
               "force-show": "",
               "force-coordinate": { x: b.value.tooltip, y: "24px" },
               "block-position": ""
@@ -6332,21 +6332,21 @@ const S5 = { class: "nmorph-slider__content" }, A5 = { class: "nmorph-slider__in
             n("div", {
               ref_key: "sliderFirst",
               ref: f,
-              class: B(["nmorph-slider__thumb", { "nmorph-slider__thumb--smooth": P.value }]),
+              class: V(["nmorph-slider__thumb", { "nmorph-slider__thumb--smooth": P.value }]),
               style: ae({ left: b.value.thumb }),
               onMouseenter: z,
-              onMouseleave: V,
+              onMouseleave: B,
               onMousedown: w
             }, null, 38),
             n("input", {
               class: "nmorph-slide__native-input",
               type: "range",
-              value: u.value,
+              value: d.value,
               min: o.min,
               max: o.max,
               step: o.step,
               disabled: o.disabled,
-              onInput: L
+              onInput: W
             }, null, 40, T5)
           ], 512)
         ])
@@ -6365,33 +6365,33 @@ const O5 = ["value", "disabled"], P5 = { class: "nmorph-switch-thumb" }, q5 = /*
   },
   emits: ["update:model-value"],
   setup(t, { expose: e, emit: o }) {
-    const r = t, s = o, d = $(!1), c = () => {
-      d.value = !0;
-    }, u = () => {
-      d.value = !1;
+    const r = t, s = o, u = y(!1), c = () => {
+      u.value = !0;
+    }, d = () => {
+      u.value = !1;
     }, v = h(
       () => A({
         "nmorph-switch": [
           `${r.disabled && "disabled"}`,
-          `${p.value ? "on" : "off"}`,
+          `${m.value ? "on" : "off"}`,
           `${r.loading && "loading"}`,
-          `${d.value && "focus"}`
+          `${u.value && "focus"}`
         ]
       })
-    ), p = $(r.modelValue === r.activeValue), b = () => {
+    ), m = y(r.modelValue === r.activeValue), b = () => {
       if (r.disabled)
         return;
-      p.value = !p.value;
-      const m = p.value ? r.activeValue : r.inactiveValue;
-      s("update:model-value", m);
-    }, H = $(null);
+      m.value = !m.value;
+      const p = m.value ? r.activeValue : r.inactiveValue;
+      s("update:model-value", p);
+    }, H = y(null);
     return e({ inputDOMRef: H }), G(
       () => r.modelValue,
-      (m) => {
-        p.value = m === r.activeValue;
+      (p) => {
+        m.value = p === r.activeValue;
       }
-    ), (m, y) => (a(), l("div", {
-      class: B(v.value)
+    ), (p, x) => (a(), l("div", {
+      class: V(v.value)
     }, [
       n("div", {
         class: "nmorph-switch__content",
@@ -6401,16 +6401,16 @@ const O5 = ["value", "disabled"], P5 = { class: "nmorph-switch-thumb" }, q5 = /*
           ref_key: "inputDOMRef",
           ref: H,
           type: "checkbox",
-          value: p.value,
+          value: m.value,
           disabled: r.disabled,
           class: "nmorph-native-input",
           onFocus: c,
-          onBlur: u
+          onBlur: d
         }, null, 40, O5),
         n("div", {
-          class: B(["nmorph-switch__bg-content", { "nmorph-switch__bg-content--enable": p.value }])
+          class: V(["nmorph-switch__bg-content", { "nmorph-switch__bg-content--enable": m.value }])
         }, [
-          p.value ? C(m.$slots, "bg-on", { key: 0 }) : C(m.$slots, "bg-off", { key: 1 })
+          m.value ? C(p.$slots, "bg-on", { key: 0 }) : C(p.$slots, "bg-off", { key: 1 })
         ], 2),
         n("div", P5, [
           r.loading ? (a(), F(_(q), {
@@ -6418,7 +6418,7 @@ const O5 = ["value", "disabled"], P5 = { class: "nmorph-switch-thumb" }, q5 = /*
             name: "loader",
             width: "14px",
             height: "14px"
-          })) : p.value ? C(m.$slots, "thumb-on", { key: 1 }) : C(m.$slots, "thumb-off", { key: 2 })
+          })) : m.value ? C(p.$slots, "thumb-on", { key: 1 }) : C(p.$slots, "thumb-off", { key: 2 })
         ])
       ])
     ], 2));
@@ -6442,7 +6442,7 @@ const E5 = { class: "nmorph-text-input__input-side" }, F5 = {
     I((f) => ({
       "6c6d90c2": w.value
     }));
-    const r = Ee(), s = t, d = h(
+    const r = Ee(), s = t, u = h(
       () => A({
         nmorph: [re[s.height], `${b.value && "focused"}`],
         "nmorph-text-input": [`${s.typePassword && "password"}`]
@@ -6450,17 +6450,17 @@ const E5 = { class: "nmorph-text-input__input-side" }, F5 = {
     ), c = (f) => {
       const z = f.target;
       g("update:model-value", z.value);
-    }, u = $(!1), v = () => {
-      s.clearable ? g("update:model-value", "") : u.value = !u.value;
-    }, p = h(() => s.typePassword && !u.value && !s.clearable ? "password" : "text"), b = $(!1), H = () => {
+    }, d = y(!1), v = () => {
+      s.clearable ? g("update:model-value", "") : d.value = !d.value;
+    }, m = h(() => s.typePassword && !d.value && !s.clearable ? "password" : "text"), b = y(!1), H = () => {
       g("focus"), b.value = !0;
-    }, m = () => {
+    }, p = () => {
       g("blur"), b.value = !1;
-    }, y = $(null);
-    e({ inputDOMRef: y });
-    const g = o, x = h(() => s.clearable ? "error" : u.value ? "eye-blocked" : "eye"), w = h(() => r["prepend-icon"] ? "28px" : "8px");
+    }, x = y(null);
+    e({ inputDOMRef: x });
+    const g = o, $ = h(() => s.clearable ? "error" : d.value ? "eye-blocked" : "eye"), w = h(() => r["prepend-icon"] ? "28px" : "8px");
     return (f, z) => (a(), l("div", {
-      class: B(d.value)
+      class: V(u.value)
     }, [
       n("div", E5, [
         _(r)["prepend-icon"] ? (a(), l("div", F5, [
@@ -6468,16 +6468,16 @@ const E5 = { class: "nmorph-text-input__input-side" }, F5 = {
         ])) : O("", !0),
         n("input", {
           ref_key: "inputDOMRef",
-          ref: y,
+          ref: x,
           class: "nmorph-native-input",
-          type: p.value,
+          type: m.value,
           placeholder: s.placeholder,
           disabled: s.disabled,
           value: s.modelValue,
           onInput: c,
           onFocus: H,
-          onBlur: m,
-          onKeyup: z[0] || (z[0] = ve((V) => g("on-enter"), ["enter"]))
+          onBlur: p,
+          onKeyup: z[0] || (z[0] = ve((B) => g("on-enter"), ["enter"]))
         }, null, 40, R5),
         s.typePassword || s.clearable ? (a(), F(_(Y), {
           key: 1,
@@ -6489,7 +6489,7 @@ const E5 = { class: "nmorph-text-input__input-side" }, F5 = {
           onClick: v
         }, {
           default: R(() => [
-            k(_(q), { name: x.value }, null, 8, ["name"])
+            k(_(q), { name: $.value }, null, 8, ["name"])
           ]),
           _: 1
         }, 8, ["disabled", "height"])) : O("", !0)
@@ -6512,20 +6512,20 @@ const j5 = { class: "nmorph-time-picker__content" }, W5 = { class: "nmorph-time-
   emits: ["update:model-value", "on-change-open-close"],
   setup(t, { expose: e, emit: o }) {
     I((M) => ({
-      "50fc8a59": L.value
+      "50fc8a59": W.value
     }));
-    const r = t, s = o, d = $(null), c = $(null);
+    const r = t, s = o, u = y(null), c = y(null);
     e({ inputDOMRef: c });
-    const u = $(r.open), v = $([0, 0, 0]), p = $(r.initWithoutValue), b = () => {
-      u.value = !u.value;
+    const d = y(r.open), v = y([0, 0, 0]), m = y(r.initWithoutValue), b = () => {
+      d.value = !d.value;
     }, H = h(
       () => A({
         nmorph: [re[r.height]],
-        "nmorph-time-picker": [`${r.disabled && "disabled"}`, `${u.value && "open"}`]
+        "nmorph-time-picker": [`${r.disabled && "disabled"}`, `${d.value && "open"}`]
       })
-    ), m = Array.from({ length: 24 }, (M, D) => D), y = Array.from({ length: 60 }, (M, D) => D), g = () => {
-      p.value = !1, s("update:model-value", q2(v.value));
-    }, x = (M) => {
+    ), p = Array.from({ length: 24 }, (M, D) => D), x = Array.from({ length: 60 }, (M, D) => D), g = () => {
+      m.value = !1, s("update:model-value", q2(v.value));
+    }, $ = (M) => {
       const D = M;
       v.value = [D, v.value[1], v.value[2]], g();
     }, w = (M) => {
@@ -6535,23 +6535,23 @@ const j5 = { class: "nmorph-time-picker__content" }, W5 = { class: "nmorph-time-
       const D = M;
       v.value = [v.value[0], v.value[1], D], g();
     }, z = () => {
-      u.value = !1;
+      d.value = !1;
     };
-    G(u, (M) => {
+    G(d, (M) => {
       s("on-change-open-close", M);
     }), (() => {
-      if (p.value)
+      if (m.value)
         return;
       const M = qe(r.modelValue).split(":").map((D) => Number(D));
       v.value = M;
     })();
-    const L = h(() => `${be}px`), P = h(() => p.value ? "——:——:——" : qe(r.modelValue));
+    const W = h(() => `${be}px`), P = h(() => m.value ? "——:——:——" : qe(r.modelValue));
     return (M, D) => {
       const S = Fe("NmorphTimeRoller");
       return a(), l("div", {
         ref_key: "timepickerDOMRef",
-        ref: d,
-        class: B(H.value),
+        ref: u,
+        class: V(H.value),
         onClick: b
       }, [
         n("div", j5, [
@@ -6568,35 +6568,35 @@ const j5 = { class: "nmorph-time-picker__content" }, W5 = { class: "nmorph-time-
               step: "1",
               class: "nmorph-native-input"
             }, null, 8, L5),
-            n("span", null, W(P.value), 1)
+            n("span", null, L(P.value), 1)
           ]),
-          d.value ? (a(), F(_($e), {
+          u.value ? (a(), F(_($e), {
             key: 0,
-            open: u.value,
-            "relative-element": d.value,
+            open: d.value,
+            "relative-element": u.value,
             onOnOutsideClick: z
           }, {
             default: R(() => [
               n("div", U5, [
                 k(S, {
-                  "set-value-on-mount": !p.value,
-                  values: _(m),
+                  "set-value-on-mount": !m.value,
+                  values: _(p),
                   "selected-value": v.value[0],
                   "step-height": be,
                   "disabled-range": M.disabledHours,
-                  onValueChanged: x
+                  onValueChanged: $
                 }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
                 k(S, {
-                  "set-value-on-mount": !p.value,
-                  values: _(y),
+                  "set-value-on-mount": !m.value,
+                  values: _(x),
                   "selected-value": v.value[1],
                   "disabled-range": M.disabledMinutes,
                   "step-height": be,
                   onValueChanged: w
                 }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
                 k(S, {
-                  "set-value-on-mount": !p.value,
-                  values: _(y),
+                  "set-value-on-mount": !m.value,
+                  values: _(x),
                   "disabled-range": M.disabledSeconds,
                   "selected-value": v.value[2],
                   "step-height": be,
@@ -6648,16 +6648,16 @@ const qe = (t) => {
     const o = N("radio-group-selected-value", void 0), r = N(
       "change-radio-button-value-handler",
       void 0
-    ), s = t, d = () => {
+    ), s = t, u = () => {
       r && !s.disabled && r(s.value);
-    }, c = h(() => o?.value === s.value || s.checked), u = h(
+    }, c = h(() => o?.value === s.value || s.checked), d = h(
       () => A({
         "nmorph-radio": [`${s.disabled && "disabled"}`, `${c.value && "checked"}`, s.styleType]
       })
-    ), v = $(null);
-    return e({ inputDOMRef: v }), (p, b) => (a(), l("label", {
-      class: B(u.value),
-      onClick: se(d, ["prevent"])
+    ), v = y(null);
+    return e({ inputDOMRef: v }), (m, b) => (a(), l("label", {
+      class: V(d.value),
+      onClick: se(u, ["prevent"])
     }, [
       s.styleType === "radio-style" ? (a(), l("div", G5, [
         n("div", K5, [
@@ -6673,7 +6673,7 @@ const qe = (t) => {
           b[0] || (b[0] = n("div", { class: "nmorph-radio__fake" }, null, -1)),
           c.value ? (a(), l("div", Z5)) : O("", !0)
         ]),
-        s.label ? (a(), l("span", X5, W(s.label), 1)) : C(p.$slots, "label", { key: 1 }, void 0, !0)
+        s.label ? (a(), l("span", X5, L(s.label), 1)) : C(m.$slots, "label", { key: 1 }, void 0, !0)
       ])) : O("", !0),
       s.styleType === "button" ? (a(), l("div", J5, [
         n("input", {
@@ -6687,9 +6687,9 @@ const qe = (t) => {
           class: "nmorph-native-input"
         }, null, 8, N5),
         s.label ? (a(), l("div", I5, [
-          n("span", null, W(s.label), 1)
+          n("span", null, L(s.label), 1)
         ])) : (a(), l("div", e9, [
-          C(p.$slots, "label", {}, void 0, !0)
+          C(m.$slots, "label", {}, void 0, !0)
         ]))
       ])) : O("", !0)
     ], 2));
@@ -6707,31 +6707,31 @@ const E2 = /* @__PURE__ */ xe(t9, [["__scopeId", "data-v-1d1e97a3"]]), n9 = { cl
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const o = t, r = $(o.modelValue);
+    const o = t, r = y(o.modelValue);
     G(
       () => o.modelValue,
-      (u) => {
-        r.value = u;
+      (d) => {
+        r.value = d;
       }
     );
-    const s = e, d = (u) => {
-      r.value = u, s("update:model-value", r.value);
+    const s = e, u = (d) => {
+      r.value = d, s("update:model-value", r.value);
     }, c = h(() => A({ "nmorph-radio-group": [o.styleType, o.direction] }));
-    return te("radio-group-selected-value", r), te("change-radio-button-value-handler", d), (u, v) => {
-      const p = Fe("NmorphRadio");
+    return te("radio-group-selected-value", r), te("change-radio-button-value-handler", u), (d, v) => {
+      const m = Fe("NmorphRadio");
       return a(), l("div", {
-        class: B(c.value)
+        class: V(c.value)
       }, [
         n("div", n9, [
           n("div", a9, [
-            (a(!0), l(Q, null, Z(u.options, (b) => (a(), F(p, {
+            (a(!0), l(Q, null, Z(d.options, (b) => (a(), F(m, {
               key: b.value,
               label: b.label,
               value: b.value,
               disabled: b.disabled || o.disabled,
               "style-type": o.styleType
             }, null, 8, ["label", "value", "disabled", "style-type"]))), 128)),
-            C(u.$slots, "default")
+            C(d.$slots, "default")
           ])
         ])
       ], 2);
@@ -6748,39 +6748,39 @@ const o9 = /* @__PURE__ */ T({
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    I((m) => ({
+    I((p) => ({
       "13d4e1c7": s.value,
-      "4bd46fe0": d.value
+      "4bd46fe0": u.value
     }));
-    const o = t, r = e, s = h(() => `${o.right}px`), d = h(() => `${o.bottom}px`), c = h(
+    const o = t, r = e, s = h(() => `${o.right}px`), u = h(() => `${o.bottom}px`), c = h(
       () => A({
-        "nmorph-backtop": [`${p.value && "show"}`, o.design]
+        "nmorph-backtop": [`${m.value && "show"}`, o.design]
       })
-    ), u = $(null), v = $(null), p = $(!1), b = (m) => {
-      if (!m)
+    ), d = y(null), v = y(null), m = y(!1), b = (p) => {
+      if (!p)
         return;
-      const y = m.target;
-      p.value = y.scrollTop > o.visibilityHeight;
+      const x = p.target;
+      m.value = x.scrollTop > o.visibilityHeight;
     }, H = () => {
-      r("click"), u.value && u.value.scrollTo({
+      r("click"), d.value && d.value.scrollTo({
         top: 0,
         left: 0,
         behavior: "smooth"
       });
     };
     return ne(() => {
-      v.value && (u.value = v.value.parentElement, u.value?.addEventListener("scroll", b));
+      v.value && (d.value = v.value.parentElement, d.value?.addEventListener("scroll", b));
     }), He(() => {
-      u.value && u.value?.removeEventListener("scroll", b);
-    }), (m, y) => (a(), l("div", {
+      d.value && d.value?.removeEventListener("scroll", b);
+    }), (p, x) => (a(), l("div", {
       ref_key: "selfDOMEl",
       ref: v,
-      class: B(c.value)
+      class: V(c.value)
     }, [
       n("div", {
         onClick: se(H, ["stop"])
       }, [
-        C(m.$slots, "default", {}, () => [
+        C(p.$slots, "default", {}, () => [
           k(_(Y), {
             "style-type": o.design === "nmorph" ? "default" : "transparent"
           }, {
@@ -6807,26 +6807,26 @@ const l9 = ["id"], r9 = {
     separator: { default: "/" }
   },
   setup(t) {
-    const e = t, o = $([]), r = ue();
+    const e = t, o = y([]), r = ue();
     te("breadcrumb-data", { breadcrumbs: o, breadcrumbId: r });
     const s = h(
       () => A({
         "nmorph-breadcrumb": []
       })
     );
-    return (d, c) => (a(), l("div", {
-      class: B(s.value)
+    return (u, c) => (a(), l("div", {
+      class: V(s.value)
     }, [
-      C(d.$slots, "default"),
-      (a(!0), l(Q, null, Z(o.value, (u, v) => (a(), l("div", {
+      C(u.$slots, "default"),
+      (a(!0), l(Q, null, Z(o.value, (d, v) => (a(), l("div", {
         key: v,
         class: "nmorph-breadcrumb__content"
       }, [
         n("div", {
-          id: `nmorph-breadcrumb-${_(r)}-${u.itemId}-element`,
+          id: `nmorph-breadcrumb-${_(r)}-${d.itemId}-element`,
           class: "nmorph-breadcrumb__element"
         }, null, 8, l9),
-        v < o.value.length - 1 ? (a(), l("div", r9, W(e.separator), 1)) : O("", !0)
+        v < o.value.length - 1 ? (a(), l("div", r9, L(e.separator), 1)) : O("", !0)
       ]))), 128))
     ], 2));
   }
@@ -6842,17 +6842,17 @@ const i9 = /* @__PURE__ */ T({
       () => A({
         "nmorph-breadcrumb-item": []
       })
-    ), r = N("breadcrumb-data", void 0), s = $(!1), d = ue();
+    ), r = N("breadcrumb-data", void 0), s = y(!1), u = ue();
     return ne(() => {
       s.value = !0;
-    }), r.breadcrumbs.value.push({ ...e, itemId: d }), (c, u) => {
+    }), r.breadcrumbs.value.push({ ...e, itemId: u }), (c, d) => {
       const v = Fe("router-link");
-      return s.value && _(d) ? (a(), l("div", {
+      return s.value && _(u) ? (a(), l("div", {
         key: 0,
-        class: B(o.value)
+        class: V(o.value)
       }, [
         (a(), F(ge, {
-          to: `#nmorph-breadcrumb-${_(r)?.breadcrumbId}-${_(d)}-element`
+          to: `#nmorph-breadcrumb-${_(r)?.breadcrumbId}-${_(u)}-element`
         }, [
           k(v, {
             to: c.to,
@@ -6880,10 +6880,10 @@ const i9 = /* @__PURE__ */ T({
   },
   emits: ["on-outside-click"],
   setup(t, { emit: e }) {
-    I((p) => ({
-      f609801e: u.value
+    I((m) => ({
+      f609801e: d.value
     }));
-    const o = t, r = e, s = $(null), { placementCoords: d } = S2({
+    const o = t, r = e, s = y(null), { placementCoords: u } = S2({
       initialPlacement: "bottom",
       contentDOMElement: s,
       relativeElement: o.relativeElement,
@@ -6893,10 +6893,10 @@ const i9 = /* @__PURE__ */ T({
       () => A({
         "nmorph-dropdown": [`${!o.open && "closed"}`]
       })
-    ), u = h(() => o.fillWidth ? `${o.relativeElement?.clientWidth}px` : `${o.width}px`), v = () => {
+    ), d = h(() => o.fillWidth ? `${o.relativeElement?.clientWidth}px` : `${o.width}px`), v = () => {
       r("on-outside-click");
     };
-    return (p, b) => (a(), F(_(Se), {
+    return (m, b) => (a(), F(_(Se), {
       show: o.open,
       transparent: "",
       onOnOutsideClick: v
@@ -6905,10 +6905,10 @@ const i9 = /* @__PURE__ */ T({
         n("div", {
           ref_key: "dropdownDOMRef",
           ref: s,
-          class: B(c.value),
-          style: ae({ left: `${_(d).x}`, top: `${_(d).y}` })
+          class: V(c.value),
+          style: ae({ left: `${_(u).x}`, top: `${_(u).y}` })
         }, [
-          C(p.$slots, "default")
+          C(m.$slots, "default")
         ], 6)
       ]),
       _: 3
@@ -6928,44 +6928,44 @@ const d9 = { class: "nmorph-tabs__label-list" }, u9 = ["id", "onClick", "custom"
       () => A({
         "nmorph-tabs": [`${o.stretch && "stretch"}`]
       })
-    ), d = (b) => {
+    ), u = (b) => {
       if (b.disabled)
         return;
       const { name: H } = b;
       r("update:model-value", H), r("tab-change", H);
-    }, c = $([]), u = ue();
+    }, c = y([]), d = ue();
     te("nmorph-tabs-data", {
       tabsData: c,
-      tabsIdentifier: u
+      tabsIdentifier: d
     });
-    const v = h(() => o.panes.length > 0 ? o.panes : c.value), p = Ee();
+    const v = h(() => o.panes.length > 0 ? o.panes : c.value), m = Ee();
     return (b, H) => (a(), l("div", {
-      class: B(s.value)
+      class: V(s.value)
     }, [
       C(b.$slots, "default"),
       n("div", d9, [
-        (a(!0), l(Q, null, Z(v.value, (m) => (a(), l("div", {
-          id: _(Ke)(_(u), m.name),
-          key: m.name,
-          class: B(["nmorph-tabs__label", [
-            { "nmorph-tabs__label--selected": m.name === o.modelValue },
-            { "nmorph-tabs__label--disabled": m.disabled }
+        (a(!0), l(Q, null, Z(v.value, (p) => (a(), l("div", {
+          id: _(Ke)(_(d), p.name),
+          key: p.name,
+          class: V(["nmorph-tabs__label", [
+            { "nmorph-tabs__label--selected": p.name === o.modelValue },
+            { "nmorph-tabs__label--disabled": p.disabled }
           ]]),
-          onClick: (y) => d(m),
-          custom: m.disabled
+          onClick: (x) => u(p),
+          custom: p.disabled
         }, [
-          _(p).default ? O("", !0) : (a(), l("div", c9, W(m.label), 1))
+          _(m).default ? O("", !0) : (a(), l("div", c9, L(p.label), 1))
         ], 10, u9))), 128))
       ]),
       n("div", v9, [
         n("div", h9, [
-          (a(!0), l(Q, null, Z(v.value, (m) => De((a(), l("div", {
-            id: _(Qe)(_(u), m.name),
-            key: m.name
+          (a(!0), l(Q, null, Z(v.value, (p) => De((a(), l("div", {
+            id: _(Qe)(_(d), p.name),
+            key: p.name
           }, [
-            _(p).default ? O("", !0) : (a(), l("div", m9, W(m.content), 1))
+            _(m).default ? O("", !0) : (a(), l("div", m9, L(p.content), 1))
           ], 8, p9)), [
-            [Oe, m.name === o.modelValue]
+            [Oe, p.name === o.modelValue]
           ])), 128))
         ])
       ])
@@ -6991,24 +6991,24 @@ const Ke = (t, e) => {
       () => A({
         "nmorph-tab-pane": []
       })
-    ), r = N("nmorph-tabs-data", void 0), s = $(!1);
+    ), r = N("nmorph-tabs-data", void 0), s = y(!1);
     ne(() => {
       s.value = !0;
     }), r.tabsData.value.push(e);
-    const d = e;
-    return (c, u) => s.value ? (a(), l("div", {
+    const u = e;
+    return (c, d) => s.value ? (a(), l("div", {
       key: 0,
-      class: B(o.value)
+      class: V(o.value)
     }, [
       (a(), F(ge, {
         to: `#${_(Ke)(_(r)?.tabsIdentifier, e.name)}`
       }, [
-        C(c.$slots, "label", { scope: _(d) })
+        C(c.$slots, "label", { scope: _(u) })
       ], 8, ["to"])),
       (a(), F(ge, {
         to: `#${_(Qe)(_(r)?.tabsIdentifier, e.name)}`
       }, [
-        C(c.$slots, "default", { scope: _(d) })
+        C(c.$slots, "default", { scope: _(u) })
       ], 8, ["to"]))
     ], 2)) : O("", !0);
   }
@@ -7024,7 +7024,7 @@ const Ke = (t, e) => {
       })
     );
     return (r, s) => (a(), l("div", {
-      class: B(o.value)
+      class: V(o.value)
     }, null, 2));
   }
 });
@@ -7041,15 +7041,15 @@ const Se = /* @__PURE__ */ T({
         "nmorph-overlay": [`${o.show && "show"}`, `${o.transparent && "transparent"}`]
       })
     ), s = () => {
-      d("on-outside-click");
-    }, d = e;
-    return (c, u) => (a(), l("div", {
-      class: B(r.value),
+      u("on-outside-click");
+    }, u = e;
+    return (c, d) => (a(), l("div", {
+      class: V(r.value),
       onClick: se(s, ["stop"])
     }, [
       n("div", {
         class: "nmorph-overlay__slot",
-        onClick: u[0] || (u[0] = se(() => {
+        onClick: d[0] || (d[0] = se(() => {
         }, ["stop"]))
       }, [
         C(c.$slots, "default")
@@ -7066,14 +7066,14 @@ const g9 = /* @__PURE__ */ T({
     quantity: { default: 100 }
   },
   setup(t) {
-    const e = $([]), o = h(() => d.notifications.filter((u) => !e.value.includes(u.id))), r = h(() => {
-      const u = Math.max(o.value.length - d.quantity, 0);
-      return o.value.slice(u);
-    }), s = (u) => {
-      e.value = [...e.value, u];
-    }, d = t, c = h(() => d.zIndex);
-    return (u, v) => (a(), l("div", {
-      class: B(`nmorph-notification-provider nmorph-notification-provider--${d.placement}`),
+    const e = y([]), o = h(() => u.notifications.filter((d) => !e.value.includes(d.id))), r = h(() => {
+      const d = Math.max(o.value.length - u.quantity, 0);
+      return o.value.slice(d);
+    }), s = (d) => {
+      e.value = [...e.value, d];
+    }, u = t, c = h(() => u.zIndex);
+    return (d, v) => (a(), l("div", {
+      class: V(`nmorph-notification-provider nmorph-notification-provider--${u.placement}`),
       style: ae({ zIndex: c.value })
     }, [
       k(we, {
@@ -7081,13 +7081,13 @@ const g9 = /* @__PURE__ */ T({
         tag: "div"
       }, {
         default: R(() => [
-          (a(!0), l(Q, null, Z(r.value, (p) => (a(), l("div", {
-            key: p.id,
-            style: ae({ width: p.width }),
+          (a(!0), l(Q, null, Z(r.value, (m) => (a(), l("div", {
+            key: m.id,
+            style: ae({ width: m.width }),
             class: "nmorph-notification-provider__notification"
           }, [
-            k(_(C2), me({ ref_for: !0 }, p, {
-              onClose: () => s(p.id)
+            k(_(C2), me({ ref_for: !0 }, m, {
+              onClose: () => s(m.id)
             }), null, 16, ["onClose"])
           ], 4))), 128))
         ]),
@@ -7183,7 +7183,7 @@ const x9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   timeArrayToTimestamp: q2,
   useCalendarTexts: ze
 }, Symbol.toStringTag, { value: "Module" })), $9 = () => {
-  const t = $({ width: 0, height: 0 }), e = () => {
+  const t = y({ width: 0, height: 0 }), e = () => {
     t.value.width = window.innerWidth, t.value.height = window.innerHeight;
   };
   return window && window.addEventListener("resize", e), {
@@ -7192,20 +7192,20 @@ const x9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, q9 = () => N("nmorph"), E9 = {
   install(t, e = {}) {
     if (!e.i18n.outsideMessagesMerge) {
-      const d = vc(e.i18n), c = t.__VUE_I18N__;
-      c ? (d.global.messages && Object.entries(d.global.messages).forEach(([u, v]) => {
-        c.global.mergeLocaleMessage(u, v);
-      }), d.global.locale && (c.global.locale.value = d.global.locale)) : t.use(d);
+      const u = vc(e.i18n), c = t.__VUE_I18N__;
+      c ? (u.global.messages && Object.entries(u.global.messages).forEach(([d, v]) => {
+        c.global.mergeLocaleMessage(d, v);
+      }), u.global.locale && (c.global.locale.value = u.global.locale)) : t.use(u);
     }
     const o = cc(e.theme), r = $9(), s = { theme: o, browser: r };
-    return t.provide("nmorph", s), Object.entries(x9).forEach(([d, c]) => {
+    return t.provide("nmorph", s), Object.entries(x9).forEach(([u, c]) => {
       if (y9(c))
         if (e.components === void 0)
-          t.component(d, c);
+          t.component(u, c);
         else {
-          if (!e.components.includes(d))
+          if (!e.components.includes(u))
             return;
-          t.component(d, c);
+          t.component(u, c);
         }
     }), t;
   }