@nmorph/nmorph-ui-kit 1.0.15 → 1.0.16

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import { createI18n as ft, useI18n as ke } from "vue-i18n";
-import { ref as y, reactive as de, watch as q, readonly as De, inject as N, onMounted as ae, onUnmounted as he, nextTick as me, defineComponent as H, computed as d, openBlock as i, createElementBlock as c, normalizeClass as T, createElementVNode as f, createBlock as z, unref as v, renderSlot as B, toDisplayString as U, createCommentVNode as E, useCssVars as I, normalizeStyle as te, resolveDynamicComponent as _t, createTextVNode as oe, createVNode as S, withCtx as j, Fragment as K, renderList as X, provide as ee, Teleport as ge, withModifiers as re, mergeProps as ye, withDirectives as Oe, vShow as Ve, useSlots as Ee, TransitionGroup as be, withKeys as ve, resolveComponent as Pe } from "vue";
+import { ref as y, reactive as ce, watch as q, readonly as De, inject as N, onMounted as ae, onUnmounted as he, nextTick as me, defineComponent as H, computed as c, openBlock as i, createElementBlock as d, normalizeClass as T, createElementVNode as f, createBlock as R, unref as v, renderSlot as B, toDisplayString as U, createCommentVNode as E, useCssVars as I, normalizeStyle as te, resolveDynamicComponent as _t, createTextVNode as oe, createVNode as S, withCtx as j, Fragment as K, renderList as X, provide as ee, Teleport as ge, withModifiers as re, mergeProps as ye, withDirectives as Oe, vShow as Ve, useSlots as Ee, TransitionGroup as be, withKeys as ve, resolveComponent as Pe } from "vue";
 const Se = (e) => {
   const { inputValue: l, rules: t } = e, a = y([]), n = y(!1), r = y(!1);
   return {
@@ -71,7 +71,7 @@ const Se = (e) => {
       n.value = a.value.length === 0;
     }
   };
-}, Ho = (e) => e.charAt(0).toUpperCase() + e.slice(1), Je = (e) => JSON.parse(JSON.stringify(e)), ce = () => {
+}, Vo = (e) => e.charAt(0).toUpperCase() + e.slice(1), Je = (e) => JSON.parse(JSON.stringify(e)), de = () => {
   const e = () => Math.floor((1 + Math.random()) * 65536).toString(16).substring(1);
   return `${e()}${e()}-${e()}-4${e().substr(0, 3)}-${e().substr(0, 1)}${e().substr(1, 3)}-${e()}${e()}${e()}`;
 }, Ze = {
@@ -94,7 +94,7 @@ const Se = (e) => {
 }, gt = (e, l) => {
   console.log(`%c ${l} `, `background: ${Ze[e].bg}; color: ${Ze[e].text}`);
 }, yt = (e, l = !1) => {
-  const t = de({}), a = de({}), n = de(Je(e)), r = y(!1), s = y(!1), o = () => {
+  const t = ce({}), a = ce({}), n = ce(Je(e)), r = y(!1), s = y(!1), o = () => {
     Object.entries(e).forEach(([C, m]) => {
       a[C] = Se({ inputValue: m.value, rules: m.rules }), a[C].validate();
     }), r.value = Object.entries(a).every(([C, m]) => m.valid);
@@ -159,7 +159,7 @@ const Se = (e) => {
     });
   };
   return { placement: s, placementCoords: o };
-}, bt = "@nmorph/nmorph-ui-kit", kt = "module", $t = "1.0.15", xt = "MIT", wt = {
+}, bt = "@nmorph/nmorph-ui-kit", kt = "module", $t = "1.0.16", xt = "MIT", wt = {
   node: "18.13.0",
   npm: "8.19.3"
 }, Ct = "./dist/index.d.ts", Mt = "./dist/index.umd.js", St = "./dist/index.es.js", Tt = "./dist/style.css", Bt = [
@@ -275,7 +275,7 @@ const Se = (e) => {
   accent: "#4a90e2",
   focusText: "#ffffff",
   placeholderText: "#c1c9cf"
-}, zt = {
+}, Rt = {
   darkShade: "#0f1112",
   main: "#1c1f21",
   lightShade: "#292d30",
@@ -283,13 +283,13 @@ const Se = (e) => {
   accent: "#006cb6",
   focusText: "#ffffff",
   placeholderText: "#575757"
-}, pe = "nmorph-data-theme", Rt = "dark", jt = {
+}, pe = "nmorph-data-theme", zt = "dark", jt = {
   themes: {
     common: ot,
     light: Ft,
-    dark: zt
+    dark: Rt
   },
-  defaultTheme: Rt,
+  defaultTheme: zt,
   saveCurrentThemeToLS: !0,
   darkShadeGeneratorCoefficient: -45,
   lightShadeGeneratorCoefficient: 45,
@@ -440,7 +440,7 @@ const Ae = {
     nov: "十一月",
     dec: "十二月"
   }
-}, ze = {
+}, Re = {
   [W.en]: {
     pickADate: "Pick a date"
   },
@@ -450,7 +450,7 @@ const Ae = {
   [W.zh]: {
     pickADate: "选择日期"
   }
-}, Re = {
+}, ze = {
   [W.en]: {
     loadingText: "Loading ...",
     loadFailedText: "Image loading failed"
@@ -486,22 +486,22 @@ const Ae = {
 }, Le = {
   NmorphSwitch: Ae[W.en],
   NmorphCalendar: Fe[W.en],
-  NmorphDatePicker: ze[W.en],
-  NmorphImage: Re[W.en],
+  NmorphDatePicker: Re[W.en],
+  NmorphImage: ze[W.en],
   NmorphSelect: je[W.en],
   NmorphFileUpload: We[W.en]
-}, Eo = {
+}, Ho = {
   NmorphSwitch: Ae[W.ru],
   NmorphCalendar: Fe[W.ru],
-  NmorphDatePicker: ze[W.ru],
-  NmorphImage: Re[W.ru],
+  NmorphDatePicker: Re[W.ru],
+  NmorphImage: ze[W.ru],
   NmorphSelect: je[W.ru],
   NmorphFileUpload: We[W.ru]
-}, Po = {
+}, Eo = {
   NmorphSwitch: Ae[W.zh],
   NmorphCalendar: Fe[W.zh],
-  NmorphDatePicker: ze[W.zh],
-  NmorphImage: Re[W.zh],
+  NmorphDatePicker: Re[W.zh],
+  NmorphImage: ze[W.zh],
   NmorphSelect: je[W.zh],
   NmorphFileUpload: We[W.zh]
 }, Lt = (e) => {
@@ -529,7 +529,7 @@ const Ae = {
     dimensions: e,
     scrollTop: l
   };
-}, Ao = () => {
+}, Po = () => {
   const e = y([]), l = {
     duration: 3e3,
     closable: !0,
@@ -539,7 +539,7 @@ const Ae = {
     const r = {
       id: String(Date.now()),
       ...l
-    }, s = de({
+    }, s = ce({
       ...r,
       ...n
     });
@@ -552,7 +552,7 @@ const Ae = {
     notify: t,
     removeNotification: a
   };
-}, Fo = () => N("nmorph"), ta = ["disabled", "loading", "type", "tabindex"], aa = { key: 1 }, la = { key: 0 }, G = /* @__PURE__ */ H({
+}, Ao = () => N("nmorph"), ta = ["disabled", "loading", "type", "tabindex"], aa = { key: 1 }, la = { key: 0 }, G = /* @__PURE__ */ H({
   __name: "NmorphButton",
   props: {
     styleType: { default: "default" },
@@ -569,7 +569,7 @@ const Ae = {
     disabled: { type: Boolean, default: !1 }
   },
   setup(e, { expose: l }) {
-    const t = e, a = d(
+    const t = e, a = c(
       () => V({
         nmorph: [se[t.height], `${t.fill && "fill"}`],
         "nmorph-button": [
@@ -585,8 +585,8 @@ const Ae = {
       thin: "small",
       default: "medium",
       thick: "large"
-    }, s = d(() => r[t.height]);
-    return l({ buttonDOMElement: n }), (o, u) => (i(), c("div", {
+    }, s = c(() => r[t.height]);
+    return l({ buttonDOMElement: n }), (o, u) => (i(), d("div", {
       class: T(a.value)
     }, [
       f("button", {
@@ -598,13 +598,13 @@ const Ae = {
         type: t.type,
         tabindex: t.tabindex
       }, [
-        t.icon ? (i(), z(v(R), {
+        t.icon ? (i(), R(v(z), {
           key: 0,
           name: t.icon
-        }, null, 8, ["name"])) : (i(), c("div", aa, [
+        }, null, 8, ["name"])) : (i(), d("div", aa, [
           B(o.$slots, "default"),
-          !t.loading && t.text !== void 0 ? (i(), c("span", la, U(t.text), 1)) : E("", !0),
-          t.loading ? (i(), z(v(R), {
+          !t.loading && t.text !== void 0 ? (i(), d("span", la, U(t.text), 1)) : E("", !0),
+          t.loading ? (i(), R(v(z), {
             key: 1,
             name: "loader",
             size: s.value
@@ -617,40 +617,9 @@ const Ae = {
 });
 var na = /* @__PURE__ */ ((e) => (e.default = "default", e.transparent = "transparent", e))(na || {}), oa = /* @__PURE__ */ ((e) => (e.submit = "submit", e.reset = "reset", e.button = "button", e))(oa || {}), sa = /* @__PURE__ */ ((e) => (e.default = "default", e.square = "square", e.round = "round", e.circle = "circle", e))(sa || {});
 const ra = {
-  "top-left": () => import("./top-left-ec3d13ae.js"),
-  "top-right": () => import("./top-right-9d6733e0.js"),
-  top: () => import("./top-95dcb029.js"),
-  "trend-charts": () => import("./trend-charts-0d11e187.js"),
-  "triangle-down": () => import("./triangle-down-fceb558a.js"),
-  "trophy-base": () => import("./trophy-base-d3eedba7.js"),
-  trophy: () => import("./trophy-28cc4537.js"),
-  "turn-off": () => import("./turn-off-3b7c5087.js"),
-  umbrella: () => import("./umbrella-c8df64c2.js"),
-  unlock: () => import("./unlock-7b806c69.js"),
-  "upload-filled": () => import("./upload-filled-62233496.js"),
-  upload: () => import("./upload-6b42f1f4.js"),
-  "user-filled": () => import("./user-filled-ac036c7f.js"),
-  user: () => import("./user-8a0c247a.js"),
-  van: () => import("./van-d80c8967.js"),
-  "video-camera": () => import("./view-de82bacf.js"),
-  "video-pause": () => import("./video-pause-c9daa542.js"),
-  "video-play": () => import("./video-play-100c934c.js"),
-  video: () => import("./video-7af7503a.js"),
-  view: () => import("./view-de82bacf.js"),
-  "wallet-filled": () => import("./wallet-filled-7e16ad2d.js"),
-  wallet: () => import("./wallet-6022c93b.js"),
-  "warn-triangle-filled": () => import("./warn-triangle-filled-4b39078e.js"),
-  warning: () => import("./warning-63119167.js"),
-  watch: () => import("./watch-3e30e68e.js"),
-  "wind-power": () => import("./wind-power-33c6dcee.js"),
-  "zoom-in": () => import("./zoom-in-b84662b8.js"),
-  "zoom-out": () => import("./zoom-out-663bf1f8.js"),
-  "plus-thin": () => import("./plus-thin-84afb21f.js"),
-  "minus-thin": () => import("./minus-thin-5c2eaf74.js")
-}, ia = {
   key: 0,
   class: "nmorph-icon__content"
-}, R = /* @__PURE__ */ H({
+}, z = /* @__PURE__ */ H({
   __name: "NmorphIcon",
   props: {
     name: { default: void 0 },
@@ -661,9 +630,9 @@ const ra = {
   },
   setup(e) {
     I((s) => ({
-      "5fb72d5b": r.value
+      "4519e2ed": r.value
     }));
-    const l = e, t = d(
+    const l = e, t = c(
       () => V({
         "nmorph-icon": [
           `${!l.width && !l.height && l.size}`,
@@ -671,33 +640,27 @@ const ra = {
           `${l.height && "custom-height"}`
         ]
       })
-    ), a = y(null), n = d(() => {
+    ), a = y(null), n = c(() => {
       const s = {};
       return l.width && (s["--width"] = l.width), l.height && (s["--height"] = l.height), s;
-    }), r = d(() => l.color);
+    }), r = c(() => l.color);
     return q(
       () => l.name,
       async (s) => {
-        if (s)
-          try {
-            a.value = await ra[s]();
-          } catch (o) {
-            console.error(`Icon ${s} could not be loaded`, o), a.value = null;
-          }
       },
       { immediate: !0 }
-    ), (s, o) => (i(), c("div", {
+    ), (s, o) => (i(), d("div", {
       class: T(t.value),
       style: te(n.value)
     }, [
-      l.name ? (i(), c("div", ia, [
-        (i(), z(_t(a.value)))
+      l.name ? (i(), d("div", ra, [
+        (i(), R(_t(a.value)))
       ])) : B(s.$slots, "default", { key: 1 })
     ], 6));
   }
 });
-var ua = /* @__PURE__ */ ((e) => (e.small = "small", e.medium = "medium", e.large = "large", e))(ua || {});
-const da = ["href", "target"], zo = /* @__PURE__ */ H({
+var ia = /* @__PURE__ */ ((e) => (e.small = "small", e.medium = "medium", e.large = "large", e))(ia || {});
+const ua = ["href", "target"], Fo = /* @__PURE__ */ H({
   __name: "NmorphLink",
   props: {
     type: { default: rt.accent },
@@ -709,12 +672,12 @@ const da = ["href", "target"], zo = /* @__PURE__ */ H({
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const l = e, t = d(
+    const l = e, t = c(
       () => V({
         "nmorph-link": [l.type, `${l.underline && "underline"}`, `${l.disabled && "disabled"}`]
       })
     );
-    return (a, n) => (i(), c("div", {
+    return (a, n) => (i(), d("div", {
       class: T(t.value)
     }, [
       f("a", {
@@ -723,7 +686,7 @@ const da = ["href", "target"], zo = /* @__PURE__ */ H({
       }, [
         B(a.$slots, "prepend"),
         oe(" " + U(a.text) + " ", 1),
-        a.iconName ? (i(), z(v(R), {
+        a.iconName ? (i(), R(v(z), {
           key: 0,
           class: "nmorph-link__icon",
           name: l.iconName,
@@ -731,7 +694,7 @@ const da = ["href", "target"], zo = /* @__PURE__ */ H({
           height: "10px"
         }, null, 8, ["name"])) : E("", !0),
         B(a.$slots, "default")
-      ], 8, da)
+      ], 8, ua)
     ], 2));
   }
 });
@@ -771,13 +734,13 @@ const Ro = /* @__PURE__ */ H({
       "6253ec03": _.value,
       "634acaec": b.value
     }));
-    const a = e, n = y(null), r = d(() => a.scrollYProp), s = d(() => a.scrollXProp), o = y(!1), u = y(!1), p = () => {
+    const a = e, n = y(null), r = c(() => a.scrollYProp), s = c(() => a.scrollXProp), o = y(!1), u = y(!1), p = () => {
       o.value = n.value?.scrollHeight > n.value?.clientHeight, u.value = n.value?.scrollWidth > n.value?.clientWidth;
-    }, w = d(() => a.yBarWidthInPx + a.yGapInPx), C = d(() => a.xBarWidthInPx + a.xGapInPx), m = d(
+    }, w = c(() => a.yBarWidthInPx + a.yGapInPx), C = c(() => a.xBarWidthInPx + a.xGapInPx), m = c(
       () => a.scrollYProp === "hidden" || !o.value ? "0" : `${w.value}px`
-    ), g = d(
+    ), g = c(
       () => a.scrollXProp === "hidden" || !u.value ? "0" : `${C.value}px`
-    ), _ = d(() => `${a.yBarWidthInPx}px`), b = d(() => `${a.xBarWidthInPx}px`), x = N("nmorph");
+    ), _ = c(() => `${a.yBarWidthInPx}px`), b = c(() => `${a.xBarWidthInPx}px`), x = N("nmorph");
     let h;
     const k = t, M = () => {
       const L = Math.trunc(n.value?.scrollLeft), ie = Math.trunc(n.value?.scrollTop);
@@ -792,7 +755,7 @@ const Ro = /* @__PURE__ */ H({
     he(() => {
       h !== void 0 && clearTimeout(h);
     });
-    const $ = y(!1), O = d(
+    const $ = y(!1), O = c(
       () => V({
         "nmorph-scroll": []
       })
@@ -819,14 +782,14 @@ const Ro = /* @__PURE__ */ H({
       },
       { deep: !0, immediate: !0 }
     );
-    const Y = d(() => a.cssScrollBehavior), F = d(() => a.height), Q = d(() => a.maxHeight);
+    const Y = c(() => a.cssScrollBehavior), F = c(() => a.height), Q = c(() => a.maxHeight);
     l({ scrollDOMContainer: n, moveTo: D });
     const le = () => {
       $.value = !0;
     }, fe = () => {
       $.value = !1;
     };
-    return (L, ie) => (i(), c("div", {
+    return (L, ie) => (i(), d("div", {
       ref_key: "scrollDOMContainer",
       ref: n,
       class: T(O.value),
@@ -838,8 +801,8 @@ const Ro = /* @__PURE__ */ H({
     ], 34));
   }
 });
-var pa = /* @__PURE__ */ ((e) => (e.auto = "auto", e.hidden = "hidden", e.scroll = "scroll", e))(pa || {}), va = /* @__PURE__ */ ((e) => (e.auto = "auto", e.smooth = "smooth", e.inherit = "inherit", e.initial = "initial", e.unset = "unset", e))(va || {});
-const ma = /* @__PURE__ */ H({
+var da = /* @__PURE__ */ ((e) => (e.auto = "auto", e.hidden = "hidden", e.scroll = "scroll", e))(da || {}), pa = /* @__PURE__ */ ((e) => (e.auto = "auto", e.smooth = "smooth", e.inherit = "inherit", e.initial = "initial", e.unset = "unset", e))(pa || {});
+const va = /* @__PURE__ */ H({
   __name: "NmorphAvatar",
   props: {
     size: { default: 48 },
@@ -859,7 +822,7 @@ const ma = /* @__PURE__ */ H({
       "11d2c240": u.value,
       "75c6801c": C.value
     }));
-    const t = e, a = l, n = y(!1), r = d(
+    const t = e, a = l, n = y(!1), r = c(
       () => V({
         nmorph: [`${t.frameBorder > 0 && "shadow-combined"}`],
         "nmorph-avatar": [t.shape]
@@ -868,8 +831,8 @@ const ma = /* @__PURE__ */ H({
       a("error", g), n.value = !0;
     }, o = (g) => {
       a("load", g), n.value = !1;
-    }, u = d(() => `${t.imagePadding}px`), p = d(() => ` ${t.size}px`), w = d(() => `${t.size / 100 * 60}px`), C = d(() => t.shape === "circle" ? "50%" : "4px"), m = d(() => `${t.frameBorder}px`);
-    return (g, _) => (i(), c("div", {
+    }, u = c(() => `${t.imagePadding}px`), p = c(() => ` ${t.size}px`), w = c(() => `${t.size / 100 * 60}px`), C = c(() => t.shape === "circle" ? "50%" : "4px"), m = c(() => `${t.frameBorder}px`);
+    return (g, _) => (i(), d("div", {
       class: T(r.value)
     }, [
       S(v(He), {
@@ -882,7 +845,7 @@ const ma = /* @__PURE__ */ H({
         onError: s
       }, {
         error: j(() => [
-          S(v(R), {
+          S(v(z), {
             name: "avatar",
             width: w.value
           }, null, 8, ["width"])
@@ -897,13 +860,13 @@ const $e = (e, l) => {
   for (const [a, n] of l)
     t[a] = n;
   return t;
-}, jo = /* @__PURE__ */ $e(ma, [["__scopeId", "data-v-ced15967"]]), ha = {
+}, zo = /* @__PURE__ */ $e(va, [["__scopeId", "data-v-ced15967"]]), ma = {
   key: 0,
   class: "nmorph-badge__dot"
-}, fa = {
+}, ha = {
   key: 1,
   class: "nmorph-badge__content"
-}, Wo = /* @__PURE__ */ H({
+}, jo = /* @__PURE__ */ H({
   __name: "NmorphBadge",
   props: {
     value: { default: "" },
@@ -919,15 +882,15 @@ const $e = (e, l) => {
     I((p) => ({
       "68e4a285": p.color
     }));
-    const l = e, t = d(
+    const l = e, t = c(
       () => V({
         "nmorph-badge": [`${l.hidden && "hidden"}`]
       })
-    ), a = d(
+    ), a = c(
       () => V({
         "nmorph-badge__container": [`${l.hidden && "hidden"}`]
       })
-    ), n = d(() => typeof Number(l.value) == "number" && Number(l.value) > l.max ? `${l.max}+` : l.value), r = d(() => {
+    ), n = c(() => typeof Number(l.value) == "number" && Number(l.value) > l.max ? `${l.max}+` : l.value), r = c(() => {
       const p = `${(o?.value / 2 + l.offsetX) * -1}px`, w = `${(u?.value / 2 + l.offsetY) * -1}px`;
       return {
         x: p,
@@ -936,7 +899,7 @@ const $e = (e, l) => {
     }), s = y(null), o = y(0), u = y(0);
     return ae(() => {
       s.value && (o.value = s.value.clientWidth, u.value = s.value.clientHeight);
-    }), (p, w) => l.disabled ? B(p.$slots, "default", { key: 1 }) : (i(), c("div", {
+    }), (p, w) => l.disabled ? B(p.$slots, "default", { key: 1 }) : (i(), d("div", {
       key: 0,
       class: T(t.value)
     }, [
@@ -947,7 +910,7 @@ const $e = (e, l) => {
         class: T(a.value),
         style: te({ right: r.value.x, top: r.value.y })
       }, [
-        l.isDot ? (i(), c("div", ha)) : (i(), c("div", fa, [
+        l.isDot ? (i(), d("div", ma)) : (i(), d("div", ha, [
           B(p.$slots, "value", {}, () => [
             oe(U(n.value), 1)
           ])
@@ -956,7 +919,7 @@ const $e = (e, l) => {
     ], 2));
   }
 });
-const _a = { class: "nmorph-calendar-header__text" }, ga = { class: "nmorph-calendar-header__actions" }, ya = /* @__PURE__ */ H({
+const fa = { class: "nmorph-calendar-header__text" }, _a = { class: "nmorph-calendar-header__actions" }, ga = /* @__PURE__ */ H({
   __name: "NmorphCalendarHeader",
   props: {
     year: {},
@@ -967,40 +930,40 @@ const _a = { class: "nmorph-calendar-header__text" }, ga = { class: "nmorph-cale
   },
   emits: ["click-previous-month", "click-today", "click-next-month"],
   setup(e, { emit: l }) {
-    const t = e, a = l, n = d(
+    const t = e, a = l, n = c(
       () => V({
         "nmorph-calendar-header": []
       })
     );
-    return (r, s) => (i(), c("div", {
+    return (r, s) => (i(), d("div", {
       class: T(n.value)
     }, [
       B(r.$slots, "default", {}, () => [
-        f("div", _a, U(t.year) + " " + U(v(it)(t.month)), 1),
-        f("div", ga, [
-          r.showPreviousMonthButton ? (i(), z(v(G), {
+        f("div", fa, U(t.year) + " " + U(v(it)(t.month)), 1),
+        f("div", _a, [
+          r.showPreviousMonthButton ? (i(), R(v(G), {
             key: 0,
             class: "nmorph-calendar-header__action",
             onClick: s[0] || (s[0] = (o) => a("click-previous-month"))
           }, {
             default: j(() => [
-              S(v(R), { name: "arrow-left" })
+              S(v(z), { name: "arrow-left" })
             ]),
             _: 1
           })) : E("", !0),
-          r.showTodayButton ? (i(), z(v(G), {
+          r.showTodayButton ? (i(), R(v(G), {
             key: 1,
             class: "nmorph-calendar-header__action",
             text: "Today",
             onClick: s[1] || (s[1] = (o) => a("click-today"))
           })) : E("", !0),
-          r.showNextMonthButton ? (i(), z(v(G), {
+          r.showNextMonthButton ? (i(), R(v(G), {
             key: 2,
             class: "nmorph-calendar-header__action",
             onClick: s[2] || (s[2] = (o) => a("click-next-month"))
           }, {
             default: j(() => [
-              S(v(R), { name: "arrow-right" })
+              S(v(z), { name: "arrow-right" })
             ]),
             _: 1
           })) : E("", !0)
@@ -1009,13 +972,13 @@ const _a = { class: "nmorph-calendar-header__text" }, ga = { class: "nmorph-cale
     ], 2));
   }
 });
-const ba = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct", "nov", "dec"], ka = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], Ye = () => {
+const ya = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct", "nov", "dec"], ba = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], Ye = () => {
   const { t: e } = ke();
   return {
-    months: ba.map((l) => e(`NmorphCalendar.${l}`)),
-    days: ka.map((l) => e(`NmorphCalendar.${l}`))
+    months: ya.map((l) => e(`NmorphCalendar.${l}`)),
+    days: ba.map((l) => e(`NmorphCalendar.${l}`))
   };
-}, $a = ["data-date", "onClick"], xa = /* @__PURE__ */ H({
+}, ka = ["data-date", "onClick"], $a = /* @__PURE__ */ H({
   __name: "NmorphCalendar",
   props: {
     markToday: { type: Boolean, default: !0 },
@@ -1088,9 +1051,9 @@ const ba = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
     ae(() => {
       a("update:model-value", _.value);
     });
-    let b = de([]);
+    let b = ce([]);
     const x = () => {
-      b = [], Ba(g, t.range).forEach((O) => {
+      b = [], Ta(g, t.range).forEach((O) => {
         const D = {};
         O.forEach((Y, F) => {
           const Q = n[F];
@@ -1114,23 +1077,23 @@ const ba = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
         _.value = p($);
       }
     );
-    const h = d(() => new Date(g.value.setMonth(g.value.getMonth() - 1))), k = d(() => new Date(g.value.setMonth(g.value.getMonth() + 1))), M = d(() => {
-      const { range: $ } = t, O = $ ? Ca(g.value, $[0]) : !0, D = $ ? Ma(g.value, $[1]) : !0, Y = Sa($);
+    const h = c(() => new Date(g.value.setMonth(g.value.getMonth() - 1))), k = c(() => new Date(g.value.setMonth(g.value.getMonth() + 1))), M = c(() => {
+      const { range: $ } = t, O = $ ? wa(g.value, $[0]) : !0, D = $ ? Ca(g.value, $[1]) : !0, Y = Ma($);
       return {
         showPreviousMonthButton: O,
         showNextMonthButton: D,
         showTodayButton: Y
       };
-    }), A = d(
+    }), A = c(
       () => V({
         "nmorph-calendar": []
       })
     ), P = ($) => $;
-    return x(), ($, O) => (i(), c("div", {
+    return x(), ($, O) => (i(), d("div", {
       class: T(A.value)
     }, [
       B($.$slots, "header", {}, () => [
-        S(ya, {
+        S(ga, {
           year: g.value.getFullYear(),
           month: g.value.getMonth(),
           "show-previous-month-button": M.value.showPreviousMonthButton,
@@ -1142,19 +1105,19 @@ const ba = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
         }, null, 8, ["year", "month", "show-previous-month-button", "show-today-button", "show-next-month-button"])
       ]),
       B($.$slots, "content", {}, () => [
-        S(v(_l), {
+        S(v(fl), {
           data: v(b),
           bordered: "",
           "row-hover": !1
         }, {
           default: j(() => [
-            (i(!0), c(K, null, X(v(n), (D) => (i(), z(v(bl), {
+            (i(!0), d(K, null, X(v(n), (D) => (i(), R(v(yl), {
               key: `${D}`,
               prop: D,
               label: D.toUpperCase()
             }, {
               default: j(({ scope: Y }) => [
-                (i(!0), c(K, null, X(Y.rows, (F, Q) => (i(), z(v(gl), {
+                (i(!0), d(K, null, X(Y.rows, (F, Q) => (i(), R(v(_l), {
                   key: Q,
                   row: Q
                 }, {
@@ -1182,7 +1145,7 @@ const ba = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
                       }, () => [
                         oe(U(P(F[D]).hidden ? "-" : P(F[D]).value), 1)
                       ])
-                    ], 10, $a)
+                    ], 10, ka)
                   ]),
                   _: 2
                 }, 1032, ["row"]))), 128))
@@ -1196,7 +1159,7 @@ const ba = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
     ], 2));
   }
 });
-const wa = (e) => {
+const xa = (e) => {
   const l = e - e % 10, t = [];
   for (let a = 0; a < 10; a++)
     t.push(l + a);
@@ -1210,7 +1173,7 @@ const wa = (e) => {
     day: "2-digit"
   };
   return Array.isArray(e) ? e.map((a) => a ? new Intl.DateTimeFormat(l, t).format(a) : null) : new Intl.DateTimeFormat(l, t).format(e);
-}, Ca = (e, l) => e.getMonth() > l.getMonth(), Ma = (e, l) => e.getMonth() < l.getMonth(), Sa = (e) => {
+}, wa = (e, l) => e.getMonth() > l.getMonth(), Ca = (e, l) => e.getMonth() < l.getMonth(), Ma = (e) => {
   const l = /* @__PURE__ */ new Date();
   if (!e)
     return !0;
@@ -1219,7 +1182,7 @@ const wa = (e) => {
 }, it = (e) => {
   const { months: l } = Ye();
   return l[e];
-}, Ta = (e) => e % 4 === 0 && e % 100 !== 0 || e % 400 === 0, tt = (e, l) => [0, 2, 4, 6, 7, 9, 11].includes(l) ? 31 : [3, 5, 8, 10].includes(l) ? 30 : Ta(e) ? 29 : 28, ue = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), Ba = (e, l) => {
+}, Sa = (e) => e % 4 === 0 && e % 100 !== 0 || e % 400 === 0, tt = (e, l) => [0, 2, 4, 6, 7, 9, 11].includes(l) ? 31 : [3, 5, 8, 10].includes(l) ? 30 : Sa(e) ? 29 : 28, ue = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), Ta = (e, l) => {
   const t = (F) => l ? F < ue(l[0]) || F > ue(l[1]) : !1, a = e.value.getFullYear(), n = e.value.getMonth(), s = new Date(a, n, 1).getDay() + 1, o = tt(a, n), u = 7 + s - 8;
   let C = 7 - (new Date(a, n, o).getDay() + 1);
   const m = /* @__PURE__ */ new Date(), g = m.getDate(), _ = m.getMonth(), b = n - 1, x = tt(a, b);
@@ -1269,7 +1232,7 @@ const wa = (e) => {
     Y.push(Q);
   }
   return Y.filter((F) => !F.every((Q) => Q.hidden));
-}, Da = { class: "nmorph-card__header" }, Oa = { class: "nmorph-card__content" }, Va = { class: "nmorph-card__footer" }, Ha = /* @__PURE__ */ H({
+}, Ba = { class: "nmorph-card__header" }, Da = { class: "nmorph-card__content" }, Oa = { class: "nmorph-card__footer" }, Va = /* @__PURE__ */ H({
   __name: "NmorphCard",
   props: {
     shadowType: { default: "outset" },
@@ -1279,28 +1242,28 @@ const wa = (e) => {
     I((n) => ({
       "5ad14f80": a.value
     }));
-    const l = e, t = d(
+    const l = e, t = c(
       () => V({
         nmorph: [st[l.shadowType]],
         "nmorph-card": [l.shadowType]
       })
-    ), a = d(() => `${l.combinedShadowBorderWidth}px`);
-    return (n, r) => (i(), c("div", {
+    ), a = c(() => `${l.combinedShadowBorderWidth}px`);
+    return (n, r) => (i(), d("div", {
       class: T(t.value)
     }, [
-      f("div", Da, [
+      f("div", Ba, [
         B(n.$slots, "header", {}, void 0, !0)
       ]),
-      f("div", Oa, [
+      f("div", Da, [
         B(n.$slots, "default", {}, void 0, !0)
       ]),
-      f("div", Va, [
+      f("div", Oa, [
         B(n.$slots, "footer", {}, void 0, !0)
       ])
     ], 2));
   }
 });
-const Yo = /* @__PURE__ */ $e(Ha, [["__scopeId", "data-v-e3cb136f"]]), Ea = ["id"], Pa = { class: "nmorph-carousel__elements-indicator" }, Aa = ["onClick"], Uo = /* @__PURE__ */ H({
+const Wo = /* @__PURE__ */ $e(Va, [["__scopeId", "data-v-e3cb136f"]]), Ha = ["id"], Ea = { class: "nmorph-carousel__elements-indicator" }, Pa = ["onClick"], Yo = /* @__PURE__ */ H({
   __name: "NmorphCarousel",
   props: {
     loop: { type: Boolean, default: !0 }
@@ -1311,13 +1274,13 @@ const Yo = /* @__PURE__ */ $e(Ha, [["__scopeId", "data-v-e3cb136f"]]), Ea = ["id
       t.value = t.value + 1;
     }, n = () => {
       t.value = t.value - 1;
-    }, r = e, s = l, o = d(
+    }, r = e, s = l, o = c(
       () => V({
         "nmorph-carousel": []
       })
-    ), u = y([]), p = ce();
+    ), u = y([]), p = de();
     ee("carousel-data", { data: u, carouselId: p });
-    const w = y(null), C = de({}), m = () => {
+    const w = y(null), C = ce({}), m = () => {
       const M = C[Object.keys(C).length - 1]?.cloneNode(!0), A = C[0]?.cloneNode(!0);
       w.value?.prepend(M), w.value?.append(A), t.value += 1;
     }, g = () => {
@@ -1333,10 +1296,10 @@ const Yo = /* @__PURE__ */ $e(Ha, [["__scopeId", "data-v-e3cb136f"]]), Ea = ["id
     const _ = (M, A) => {
       const P = M;
       C[A] = P;
-    }, b = d(() => `translateX(-${t.value * 100}%)`), x = y(!0), h = (M) => M === t.value - 1, k = (M) => {
+    }, b = c(() => `translateX(-${t.value * 100}%)`), x = y(!0), h = (M) => M === t.value - 1, k = (M) => {
       t.value = M + 1;
     };
-    return (M, A) => (i(), c("div", {
+    return (M, A) => (i(), d("div", {
       class: T(o.value)
     }, [
       f("div", {
@@ -1345,16 +1308,16 @@ const Yo = /* @__PURE__ */ $e(Ha, [["__scopeId", "data-v-e3cb136f"]]), Ea = ["id
         class: T(["nmorph-carousel__wrapper", { "transition-enabled": x.value }]),
         style: te({ transform: b.value })
       }, [
-        (i(!0), c(K, null, X(u.value, (P, $) => (i(), c("div", {
+        (i(!0), d(K, null, X(u.value, (P, $) => (i(), d("div", {
           id: `nmorph-carousel-item-${v(p)}-${P}`,
           key: P,
           ref_for: !0,
           ref: (O) => _(O, $),
           class: "nmorph-carousel__item"
-        }, null, 8, Ea))), 128))
+        }, null, 8, Ha))), 128))
       ], 6),
-      f("div", Pa, [
-        (i(!0), c(K, null, X(u.value, (P, $) => (i(), c("div", {
+      f("div", Ea, [
+        (i(!0), d(K, null, X(u.value, (P, $) => (i(), d("div", {
           key: $,
           class: "nmorph-carousel__element-indicator-wrapper",
           onClick: (O) => k($)
@@ -1362,49 +1325,49 @@ const Yo = /* @__PURE__ */ $e(Ha, [["__scopeId", "data-v-e3cb136f"]]), Ea = ["id
           f("div", {
             class: T(["nmorph-carousel__element-indicator", { "nmorph-carousel__element-indicator--active": h($) }])
           }, null, 2)
-        ], 8, Aa))), 128))
+        ], 8, Pa))), 128))
       ]),
       f("div", {
         class: "nmorph-carousel__action-btn nmorph-carousel__prev",
         onClick: a
       }, [
-        S(v(R), { name: "chevron-down" })
+        S(v(z), { name: "chevron-down" })
       ]),
       f("div", {
         class: "nmorph-carousel__action-btn nmorph-carousel__next",
         onClick: n
       }, [
-        S(v(R), { name: "chevron-down" })
+        S(v(z), { name: "chevron-down" })
       ]),
       B(M.$slots, "default")
     ], 2));
   }
 });
-const qo = /* @__PURE__ */ H({
+const Uo = /* @__PURE__ */ H({
   __name: "NmorphCarouselItem",
   props: {
     name: {}
   },
   setup(e) {
-    const l = e, t = d(
+    const l = e, t = c(
       () => V({
         "nmorph-carousel-item": []
       })
     ), a = N("carousel-data", void 0), n = y(!1);
     return ae(() => {
       n.value = !0, a && a.data.value.push(l.name);
-    }), (r, s) => n.value ? (i(), c("div", {
+    }), (r, s) => n.value ? (i(), d("div", {
       key: 0,
       class: T(t.value)
     }, [
-      (i(), z(ge, {
+      (i(), R(ge, {
         to: `#nmorph-carousel-item-${v(a)?.carouselId}-${l.name}`
       }, [
         B(r.$slots, "default")
       ], 8, ["to"]))
     ], 2)) : E("", !0);
   }
-}), Go = /* @__PURE__ */ H({
+}), qo = /* @__PURE__ */ H({
   __name: "NmorphCollapse",
   props: {
     modelValue: {},
@@ -1431,18 +1394,18 @@ const qo = /* @__PURE__ */ H({
       r("update:model-value", a.value);
     };
     ee("collapse-data", a), ee("update-model", n);
-    const r = l, s = d(
+    const r = l, s = c(
       () => V({
         "nmorph-collapse": []
       })
     );
-    return (o, u) => (i(), c("div", {
+    return (o, u) => (i(), d("div", {
       class: T(s.value)
     }, [
       B(o.$slots, "default")
     ], 2));
   }
-}), Qo = /* @__PURE__ */ H({
+}), Go = /* @__PURE__ */ H({
   __name: "NmorphCollapseItem",
   props: {
     height: { default: "default" },
@@ -1453,11 +1416,11 @@ const qo = /* @__PURE__ */ H({
   },
   emits: ["click-item"],
   setup(e, { emit: l }) {
-    const t = e, a = l, n = y(!1), r = d(
+    const t = e, a = l, n = y(!1), r = c(
       () => V({
         "nmorph-collapse-item": [`${t.disabled && "disabled"}`, `${n.value && "is-open"}`]
       })
-    ), s = d(
+    ), s = c(
       () => V({
         nmorph: [se[t.height]]
       })
@@ -1474,7 +1437,7 @@ const qo = /* @__PURE__ */ H({
       { deep: !0 }
     ), q(n, () => {
       w.value = n.value && p.value ? p.value?.clientHeight : 0;
-    }), (m, g) => (i(), c("div", {
+    }), (m, g) => (i(), d("div", {
       class: T(r.value),
       onClick: re(C, ["stop"])
     }, [
@@ -1500,13 +1463,13 @@ const qo = /* @__PURE__ */ H({
     ], 2));
   }
 });
-const Fa = ["src", "alt", "srcset"], za = {
+const Aa = ["src", "alt", "srcset"], Fa = {
   key: 0,
   class: "nmorph-image__load-failed"
 }, Ra = {
   key: 1,
   class: "nmorph-image__loading"
-}, ja = /* @__PURE__ */ H({
+}, za = /* @__PURE__ */ H({
   __name: "NmorphImage",
   props: {
     loadingText: { default: "" },
@@ -1523,19 +1486,19 @@ const Fa = ["src", "alt", "srcset"], za = {
       "038c8bec": _.value,
       "6b4fbaa3": g.value
     }));
-    const { t } = ke(), a = e, n = d(() => a.loadingText ? a.loadingText : t("NmorphImage.loadingText")), r = d(
+    const { t } = ke(), a = e, n = c(() => a.loadingText ? a.loadingText : t("NmorphImage.loadingText")), r = c(
       () => a.loadFailedText ? a.loadFailedText : t("NmorphImage.loadFailedText")
     ), s = y(!1), o = y(!1), u = l, p = (b) => {
       s.value = !0, o.value = !1, u("load", b);
     }, w = (b) => {
       s.value = !0, o.value = !0, u("error", b);
-    }, C = d(() => s.value && o.value), m = d(
+    }, C = c(() => s.value && o.value), m = c(
       () => V({
         nmorph: [`${a.frameBorder > 0 && "shadow-combined"}`],
         "nmorph-image": [`${(C.value || !s.value) && "hide"}`]
       })
-    ), g = d(() => a.fit), _ = d(() => `${a.frameBorder}px`);
-    return (b, x) => a.src ? (i(), c("div", {
+    ), g = c(() => a.fit), _ = c(() => `${a.frameBorder}px`);
+    return (b, x) => a.src ? (i(), d("div", {
       key: 0,
       class: T(m.value)
     }, [
@@ -1545,12 +1508,12 @@ const Fa = ["src", "alt", "srcset"], za = {
         srcset: a.srcSet,
         onLoad: p,
         onError: w
-      }, null, 40, Fa),
-      C.value ? (i(), c("div", za, [
+      }, null, 40, Aa),
+      C.value ? (i(), d("div", Fa, [
         B(b.$slots, "error", {}, () => [
           oe(U(r.value), 1)
         ], !0)
-      ])) : s.value ? E("", !0) : (i(), c("div", Ra, [
+      ])) : s.value ? E("", !0) : (i(), d("div", Ra, [
         B(b.$slots, "loading", {}, () => [
           oe(U(n.value), 1)
         ], !0)
@@ -1558,13 +1521,13 @@ const Fa = ["src", "alt", "srcset"], za = {
     ], 2)) : E("", !0);
   }
 });
-const He = /* @__PURE__ */ $e(ja, [["__scopeId", "data-v-4c8df10c"]]), Wa = { class: "nmorph-image-preview__content" }, Ya = {
+const He = /* @__PURE__ */ $e(za, [["__scopeId", "data-v-4c8df10c"]]), ja = { class: "nmorph-image-preview__content" }, Wa = {
   key: 0,
   class: "nmorph-image-preview__left"
-}, Ua = {
+}, Ya = {
   key: 1,
   class: "nmorph-image-preview__right"
-}, qa = { class: "nmorph-image-preview__actions" }, Ga = { class: "nmorph-image-preview__action-element" }, Qa = /* @__PURE__ */ H({
+}, Ua = { class: "nmorph-image-preview__actions" }, qa = { class: "nmorph-image-preview__action-element" }, Ga = /* @__PURE__ */ H({
   __name: "NmorphImagePreview",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1582,11 +1545,11 @@ const He = /* @__PURE__ */ $e(ja, [["__scopeId", "data-v-4c8df10c"]]), Wa = { cl
       () => t.modelValue,
       (D) => a.value = D
     );
-    const n = d(
+    const n = c(
       () => V({
         "nmorph-image-preview": [`${a.value && "opened"}`]
       })
-    ), r = y(t.initialIndex), s = d(() => typeof t.src == "string" ? t.src : t.src[r.value]), o = y(1), u = () => {
+    ), r = y(t.initialIndex), s = c(() => typeof t.src == "string" ? t.src : t.src[r.value]), o = y(1), u = () => {
       a.value = !0, $("update:model-value", a.value);
     }, p = () => {
       a.value = !1, $("update:model-value", a.value);
@@ -1598,7 +1561,7 @@ const He = /* @__PURE__ */ $e(ja, [["__scopeId", "data-v-4c8df10c"]]), Wa = { cl
       o.value < t.maxScaleLevel && (o.value += t.scaleStep), o.value = parseFloat(o.value.toFixed(3));
     }, g = () => {
       o.value > t.minScaleLevel && (o.value -= t.scaleStep), o.value = parseFloat(o.value.toFixed(3));
-    }, _ = d(() => o.value < 1), b = () => {
+    }, _ = c(() => o.value < 1), b = () => {
       o.value = 1;
     }, x = () => {
       o.value = 1;
@@ -1608,7 +1571,7 @@ const He = /* @__PURE__ */ $e(ja, [["__scopeId", "data-v-4c8df10c"]]), Wa = { cl
     }, M = () => {
       const D = t.src.length - 1, Y = r.value + 1;
       Y > D ? r.value = 0 : r.value = Y;
-    }, A = d(() => {
+    }, A = c(() => {
       let D = {
         icon: "shrink",
         handler: x
@@ -1634,8 +1597,8 @@ const He = /* @__PURE__ */ $e(ja, [["__scopeId", "data-v-4c8df10c"]]), Wa = { cl
         icon: "zoom-out",
         handler: g
       }
-    ], $ = l, O = d(() => Array.isArray(t.src) && t.src.length > 0);
-    return (D, Y) => (i(), c("div", {
+    ], $ = l, O = c(() => Array.isArray(t.src) && t.src.length > 0);
+    return (D, Y) => (i(), d("div", {
       class: T(n.value)
     }, [
       f("div", {
@@ -1653,7 +1616,7 @@ const He = /* @__PURE__ */ $e(ja, [["__scopeId", "data-v-4c8df10c"]]), Wa = { cl
         onOnOutsideClick: p
       }, {
         default: j(() => [
-          f("div", Wa, [
+          f("div", ja, [
             S(v(He), {
               src: s.value,
               alt: t.alt,
@@ -1661,24 +1624,24 @@ const He = /* @__PURE__ */ $e(ja, [["__scopeId", "data-v-4c8df10c"]]), Wa = { cl
               style: te({ transform: `rotate(${h.value}deg) scale(${o.value})` })
             }, null, 8, ["src", "alt", "style"])
           ]),
-          O.value ? (i(), c("div", Ya, [
+          O.value ? (i(), d("div", Wa, [
             S(v(G), { onClick: k }, {
               default: j(() => [
-                S(v(R), { name: "chevron-down" })
+                S(v(z), { name: "chevron-down" })
               ]),
               _: 1
             })
           ])) : E("", !0),
-          O.value ? (i(), c("div", Ua, [
+          O.value ? (i(), d("div", Ya, [
             S(v(G), { onClick: M }, {
               default: j(() => [
-                S(v(R), { name: "chevron-down" })
+                S(v(z), { name: "chevron-down" })
               ]),
               _: 1
             })
           ])) : E("", !0),
-          f("div", qa, [
-            (i(), c(K, null, X(P, (F, Q) => f("div", {
+          f("div", Ua, [
+            (i(), d(K, null, X(P, (F, Q) => f("div", {
               key: Q,
               class: "nmorph-image-preview__action-element"
             }, [
@@ -1686,20 +1649,20 @@ const He = /* @__PURE__ */ $e(ja, [["__scopeId", "data-v-4c8df10c"]]), Wa = { cl
                 onClick: F.handler
               }, {
                 default: j(() => [
-                  S(v(R), {
+                  S(v(z), {
                     name: F.icon
                   }, null, 8, ["name"])
                 ]),
                 _: 2
               }, 1032, ["onClick"])
             ])), 64)),
-            f("div", Ga, [
+            f("div", qa, [
               S(v(G), {
                 disabled: o.value === 1,
                 onClick: A.value.handler
               }, {
                 default: j(() => [
-                  S(v(R), {
+                  S(v(z), {
                     name: A.value.icon
                   }, null, 8, ["name"])
                 ]),
@@ -1713,7 +1676,7 @@ const He = /* @__PURE__ */ $e(ja, [["__scopeId", "data-v-4c8df10c"]]), Wa = { cl
     ], 2));
   }
 });
-const Ko = /* @__PURE__ */ H({
+const Qo = /* @__PURE__ */ H({
   __name: "NmorphPagination",
   props: {
     totalElementsQuantity: {},
@@ -1726,7 +1689,7 @@ const Ko = /* @__PURE__ */ H({
   },
   emits: ["update:model-value"],
   setup(e, { emit: l }) {
-    const t = e, a = l, n = d(
+    const t = e, a = l, n = c(
       () => V({
         "nmorph-pagination": [`${t.disabled && "disabled"}`]
       })
@@ -1734,16 +1697,16 @@ const Ko = /* @__PURE__ */ H({
       o.value = String(Number(o.value) - 1);
     }, s = () => {
       o.value = String(Number(o.value) + 1);
-    }, o = y(String(t.modelValue)), u = d(() => {
+    }, o = y(String(t.modelValue)), u = c(() => {
       const b = t.totalElementsQuantity / t.elementsQuantityOnPage + 1, x = b % 1 === 0 ? -1 : 0;
       return Array.from({ length: b + x }, (k, M) => ({ value: String(M + 1), label: String(M + 1) }));
-    }), p = d(() => t.hideOnSinglePage || t.totalElementsQuantity / t.elementsQuantityOnPage > 1);
+    }), p = c(() => t.hideOnSinglePage || t.totalElementsQuantity / t.elementsQuantityOnPage > 1);
     q(o, (b) => {
       a("update:model-value", Number(b));
     });
     const w = (b) => {
       o.value = b;
-    }, C = d(() => Number(o.value) === 1), m = d(() => u.value.length === Number(o.value)), g = d(() => {
+    }, C = c(() => Number(o.value) === 1), m = c(() => u.value.length === Number(o.value)), g = c(() => {
       const b = u.value.length, x = Number(o.value), h = t.maxVisiblePages;
       if (b <= h)
         return u.value;
@@ -1760,7 +1723,7 @@ const Ko = /* @__PURE__ */ H({
       let h = b === "prev" ? x - t.fastForwardStep : x + t.fastForwardStep;
       h <= 0 && (h = 1), h >= u.value.length && (h = u.value.length), o.value = String(h);
     };
-    return (b, x) => p.value ? (i(), c("div", {
+    return (b, x) => p.value ? (i(), d("div", {
       key: 0,
       class: T(n.value)
     }, [
@@ -1770,31 +1733,31 @@ const Ko = /* @__PURE__ */ H({
         onClick: r
       }, {
         default: j(() => [
-          S(v(R), {
+          S(v(z), {
             name: "chevron-down",
             class: "nmorph-pagination__prev-icon"
           })
         ]),
         _: 1
       }, 8, ["disabled"]),
-      S(v(ct), {
+      S(v(dt), {
         "model-value": o.value,
         class: "nmorph-pagination__page-group",
         disabled: t.disabled,
         "onUpdate:modelValue": w
       }, {
         default: j(() => [
-          (i(!0), c(K, null, X(g.value, (h) => (i(), c("div", {
+          (i(!0), d(K, null, X(g.value, (h) => (i(), d("div", {
             key: h.value,
             class: "nmorph-pagination__page-btn-wrapper"
           }, [
-            h.value === "prev" || h.value === "next" ? (i(), z(v(G), {
+            h.value === "prev" || h.value === "next" ? (i(), R(v(G), {
               key: 0,
               class: T(`nmorph-pagination__page-btn nmorph-pagination__${h.value}`),
               text: h.label,
               disabled: t.disabled,
               onClick: (k) => _(h.value)
-            }, null, 8, ["class", "text", "disabled", "onClick"])) : (i(), z(v(fo), ye({
+            }, null, 8, ["class", "text", "disabled", "onClick"])) : (i(), R(v(ho), ye({
               key: 1,
               ref_for: !0
             }, h, {
@@ -1811,7 +1774,7 @@ const Ko = /* @__PURE__ */ H({
         onClick: s
       }, {
         default: j(() => [
-          S(v(R), {
+          S(v(z), {
             name: "chevron-down",
             class: "nmorph-pagination__next-icon"
           })
@@ -1821,19 +1784,19 @@ const Ko = /* @__PURE__ */ H({
     ], 2)) : E("", !0);
   }
 });
-const Ka = {
+const Qa = {
   key: 0,
   class: "nmorph-progress__linear"
-}, Xa = { class: "nmorph-progress__outer" }, Ja = { class: "nmorph-progress__inner" }, Za = {
+}, Ka = { class: "nmorph-progress__outer" }, Xa = { class: "nmorph-progress__inner" }, Ja = {
   key: 0,
   class: "nmorph-progress__inner-text"
-}, Na = {
+}, Za = {
   key: 0,
   class: "nmorph-progress__percentage"
-}, Ia = {
+}, Na = {
   key: 1,
   class: "nmorph-progress__circle"
-}, La = { class: "nmorph-progress__circle-inner-part" }, el = ["width", "height"], tl = ["cx", "cy", "r", "stroke-dasharray", "stroke-dashoffset"], Xo = /* @__PURE__ */ H({
+}, Ia = { class: "nmorph-progress__circle-inner-part" }, La = ["width", "height"], el = ["cx", "cy", "r", "stroke-dasharray", "stroke-dashoffset"], Ko = /* @__PURE__ */ H({
   __name: "NmorphProgress",
   props: {
     type: { default: "linear" },
@@ -1851,41 +1814,41 @@ const Ka = {
       "781c6b0a": r.value,
       "58c45d38": w.value
     }));
-    const l = e, t = d(
+    const l = e, t = c(
       () => V({
         "nmorph-progress": []
       })
-    ), a = d(() => `${l.percentage}%`), n = d(() => Array.isArray(l.color) ? l.color.find((m) => m.percentage <= l.percentage)?.color : typeof l.color == "function" ? l.color(l.percentage) : l.color), r = d(() => l.indeterminate ? "var(--animation)" : "none"), s = y(null), o = y(1), u = d(() => `${o.value} ${o.value}`), p = d(() => o.value - l.percentage / 100 * o.value);
+    ), a = c(() => `${l.percentage}%`), n = c(() => Array.isArray(l.color) ? l.color.find((m) => m.percentage <= l.percentage)?.color : typeof l.color == "function" ? l.color(l.percentage) : l.color), r = c(() => l.indeterminate ? "var(--animation)" : "none"), s = y(null), o = y(1), u = c(() => `${o.value} ${o.value}`), p = c(() => o.value - l.percentage / 100 * o.value);
     ae(() => {
       s.value && (o.value = 2 * Math.PI * s.value.r.baseVal.value);
     });
-    const w = d(() => `${l.circleSize}px`), C = d(() => `${l.percentage}%`);
-    return (m, g) => (i(), c("div", {
+    const w = c(() => `${l.circleSize}px`), C = c(() => `${l.percentage}%`);
+    return (m, g) => (i(), d("div", {
       class: T(t.value)
     }, [
-      l.type === "linear" ? (i(), c("div", Ka, [
-        f("div", Xa, [
-          f("div", Ja, [
-            m.valueInside ? (i(), c("div", Za, [
+      l.type === "linear" ? (i(), d("div", Qa, [
+        f("div", Ka, [
+          f("div", Xa, [
+            m.valueInside ? (i(), d("div", Ja, [
               B(m.$slots, "inner-text", {}, () => [
                 oe(U(C.value), 1)
               ])
             ])) : E("", !0)
           ])
         ]),
-        m.valueRightSide ? (i(), c("div", Na, [
+        m.valueRightSide ? (i(), d("div", Za, [
           B(m.$slots, "right-side", {}, () => [
             oe(U(C.value), 1)
           ])
         ])) : E("", !0)
       ])) : E("", !0),
-      l.type === "circle" ? (i(), c("div", Ia, [
-        f("div", La, [
+      l.type === "circle" ? (i(), d("div", Na, [
+        f("div", Ia, [
           B(m.$slots, "circle-inner-part", {}, () => [
             oe(U(C.value), 1)
           ])
         ]),
-        (i(), c("svg", {
+        (i(), d("svg", {
           width: l.circleSize,
           height: l.circleSize
         }, [
@@ -1898,16 +1861,16 @@ const Ka = {
             r: l.circleSize / 2 - 2,
             "stroke-dasharray": u.value,
             "stroke-dashoffset": p.value
-          }, null, 8, tl)
-        ], 8, el))
+          }, null, 8, el)
+        ], 8, La))
       ])) : E("", !0)
     ], 2));
   }
 });
-const al = {
+const tl = {
   key: 0,
   class: "nmorph-skeleton__rows"
-}, ll = { class: "nmorph-skeleton__template" }, nl = { class: "nmorph-skeleton__default" }, Jo = /* @__PURE__ */ H({
+}, al = { class: "nmorph-skeleton__template" }, ll = { class: "nmorph-skeleton__default" }, Xo = /* @__PURE__ */ H({
   __name: "NmorphSkeleton",
   props: {
     animated: { type: Boolean, default: !0 },
@@ -1915,28 +1878,28 @@ const al = {
     rows: { default: 0 }
   },
   setup(e) {
-    const l = e, t = d(
+    const l = e, t = c(
       () => V({
         "nmorph-skeleton": [`${l.animated && l.loading && "loading"}`]
       })
     );
-    return (a, n) => (i(), c("div", {
+    return (a, n) => (i(), d("div", {
       class: T(t.value)
     }, [
-      l.rows && l.loading ? (i(), c("div", al, [
-        (i(!0), c(K, null, X(l.rows, (r) => (i(), z(v(rl), {
+      l.rows && l.loading ? (i(), d("div", tl, [
+        (i(!0), d(K, null, X(l.rows, (r) => (i(), R(v(sl), {
           key: r,
           width: "100%",
           height: "14px",
           variant: "rect"
         }))), 128))
       ])) : E("", !0),
-      Oe(f("div", ll, [
+      Oe(f("div", al, [
         B(a.$slots, "template")
       ], 512), [
         [Ve, !l.rows && l.loading]
       ]),
-      Oe(f("div", nl, [
+      Oe(f("div", ll, [
         B(a.$slots, "default")
       ], 512), [
         [Ve, !l.loading]
@@ -1944,8 +1907,8 @@ const al = {
     ], 2));
   }
 });
-var ol = /* @__PURE__ */ ((e) => (e.image = "image", e.circle = "circle", e.rect = "rect", e))(ol || {});
-const sl = { class: "nmorph-skeleton-item__element" }, rl = /* @__PURE__ */ H({
+var nl = /* @__PURE__ */ ((e) => (e.image = "image", e.circle = "circle", e.rect = "rect", e))(nl || {});
+const ol = { class: "nmorph-skeleton-item__element" }, sl = /* @__PURE__ */ H({
   __name: "NmorphSkeletonItem",
   props: {
     variant: { default: "rect" },
@@ -1958,16 +1921,16 @@ const sl = { class: "nmorph-skeleton-item__element" }, rl = /* @__PURE__ */ H({
       "085cc1bc": a.value,
       "2d27081e": n.value
     }));
-    const l = e, t = d(
+    const l = e, t = c(
       () => V({
         "nmorph-skeleton-item": [l.variant, `${l.design === "nmorph" ? "nmorph-design" : ""}`]
       })
-    ), a = d(() => l.width), n = d(() => l.height);
-    return (r, s) => (i(), c("div", {
+    ), a = c(() => l.width), n = c(() => l.height);
+    return (r, s) => (i(), d("div", {
       class: T(t.value)
     }, [
-      f("div", sl, [
-        l.variant === "image" ? (i(), z(v(R), {
+      f("div", ol, [
+        l.variant === "image" ? (i(), R(v(z), {
           key: 0,
           name: "image",
           width: l.width,
@@ -1977,14 +1940,14 @@ const sl = { class: "nmorph-skeleton-item__element" }, rl = /* @__PURE__ */ H({
     ], 2));
   }
 });
-const we = "10px", il = /* @__PURE__ */ H({
+const we = "10px", rl = /* @__PURE__ */ H({
   __name: "NmorphSortButton",
   props: {
     value: {}
   },
   emits: ["sort"],
   setup(e, { emit: l }) {
-    const t = e, a = l, n = d(
+    const t = e, a = l, n = c(
       () => V({
         "nmorph-sort-button": [`${t.value}`]
       })
@@ -1992,7 +1955,7 @@ const we = "10px", il = /* @__PURE__ */ H({
       const s = t.value === "ascending" ? "descending" : "ascending";
       a("sort", s);
     };
-    return (s, o) => (i(), c("div", {
+    return (s, o) => (i(), d("div", {
       class: T(n.value)
     }, [
       S(v(G), {
@@ -2001,13 +1964,13 @@ const we = "10px", il = /* @__PURE__ */ H({
         onClick: r
       }, {
         default: j(() => [
-          S(v(R), {
+          S(v(z), {
             name: "triangle-down",
             class: "nmorph-sort-button__icon-up",
             width: we,
             height: we
           }),
-          S(v(R), {
+          S(v(z), {
             name: "triangle-down",
             class: "nmorph-sort-button__icon-down",
             width: we,
@@ -2019,7 +1982,7 @@ const we = "10px", il = /* @__PURE__ */ H({
     ], 2));
   }
 });
-const ul = { class: "nmorph-table__wrapper" }, dl = { class: "nmorph-table__header" }, cl = ["data-src"], pl = { class: "nmorph-table__table-row" }, vl = { class: "nmorph-table__cell" }, ml = { class: "nmorph-table__body" }, hl = ["id"], fl = { class: "nmorph-table__slot-columns" }, _l = /* @__PURE__ */ H({
+const il = { class: "nmorph-table__wrapper" }, ul = { class: "nmorph-table__header" }, cl = ["data-src"], dl = { class: "nmorph-table__table-row" }, pl = { class: "nmorph-table__cell" }, vl = { class: "nmorph-table__body" }, ml = ["id"], hl = { class: "nmorph-table__slot-columns" }, fl = /* @__PURE__ */ H({
   __name: "NmorphTable",
   props: {
     data: { default: () => [] },
@@ -2029,7 +1992,7 @@ const ul = { class: "nmorph-table__wrapper" }, dl = { class: "nmorph-table__head
     design: { default: "nmorph" }
   },
   setup(e) {
-    const l = e, t = d(
+    const l = e, t = c(
       () => V({
         "nmorph-table": [`${l.design}`]
       })
@@ -2043,7 +2006,7 @@ const ul = { class: "nmorph-table__wrapper" }, dl = { class: "nmorph-table__head
       }));
     }, s = y(null), o = y([]);
     ee("table-data", { rows: a, columns: o });
-    const u = d(() => {
+    const u = c(() => {
       const g = o.value.map((k) => k.width).filter((k) => !!k), _ = g.length, b = g.reduce((k, M) => (k += Number(M), k), 0), x = o.value.length - _;
       return s.value?.clientWidth ? (s.value?.clientWidth - b) / x : 0;
     }), p = (g) => g !== "" ? g : u.value, w = y(0);
@@ -2056,35 +2019,35 @@ const ul = { class: "nmorph-table__wrapper" }, dl = { class: "nmorph-table__head
         immediate: !0
       }
     );
-    const C = (g) => typeof g == "object" ? "" : g, m = ce();
-    return ee("table-identifier", m), (g, _) => (i(), c("div", {
+    const C = (g) => typeof g == "object" ? "" : g, m = de();
+    return ee("table-identifier", m), (g, _) => (i(), d("div", {
       ref_key: "nmorphDOMTable",
       ref: s,
       key: w.value,
       class: T(t.value)
     }, [
-      f("div", ul, [
-        f("table", dl, [
+      f("div", il, [
+        f("table", ul, [
           f("colgroup", null, [
-            (i(!0), c(K, null, X(o.value, (b) => (i(), c("col", {
+            (i(!0), d(K, null, X(o.value, (b) => (i(), d("col", {
               key: b.prop,
               style: te({ width: `${p(b.width)}px` }),
               "data-src": `${p(b.width)}px`
             }, null, 12, cl))), 128))
           ]),
           f("thead", null, [
-            f("tr", pl, [
-              (i(!0), c(K, null, X(o.value, (b, x) => (i(), c("th", {
+            f("tr", dl, [
+              (i(!0), d(K, null, X(o.value, (b, x) => (i(), d("th", {
                 key: x,
                 class: T(["nmorph-table__table-data", { "nmorph-table__table-data--bordered": l.bordered }])
               }, [
-                f("div", vl, [
+                f("div", pl, [
                   f("div", {
                     style: te({ "justify-content": b.alignment }),
                     class: "nmorph-table__cell-content"
                   }, [
                     f("span", null, U(b.label), 1),
-                    n.value && n.value[b.prop] ? (i(), z(il, {
+                    n.value && n.value[b.prop] ? (i(), R(rl, {
                       key: 0,
                       class: "nmorph-table__button-wrapper",
                       value: n.value[b.prop],
@@ -2096,20 +2059,20 @@ const ul = { class: "nmorph-table__wrapper" }, dl = { class: "nmorph-table__head
             ])
           ])
         ]),
-        f("div", ml, [
+        f("div", vl, [
           f("table", null, [
             f("colgroup", null, [
-              (i(!0), c(K, null, X(o.value, (b) => (i(), c("col", {
+              (i(!0), d(K, null, X(o.value, (b) => (i(), d("col", {
                 key: b.prop,
                 style: te({ width: `${p(b.width)}px` })
               }, null, 4))), 128))
             ]),
             f("tbody", null, [
-              (i(!0), c(K, null, X(a.value, (b, x) => (i(), c("tr", {
+              (i(!0), d(K, null, X(a.value, (b, x) => (i(), d("tr", {
                 key: x,
                 class: T(["nmorph-table__table-data-row", { "nmorph-table__table-data-row--row-hover": l.rowHover }])
               }, [
-                (i(!0), c(K, null, X(o.value, (h) => (i(), c("td", {
+                (i(!0), d(K, null, X(o.value, (h) => (i(), d("td", {
                   key: h.prop,
                   class: T([{ "nmorph-table__table-data--bordered": l.bordered }, "nmorph-table__table-data"])
                 }, [
@@ -2117,19 +2080,19 @@ const ul = { class: "nmorph-table__wrapper" }, dl = { class: "nmorph-table__head
                     id: `table-cell-${v(m)}-${x}-${h.prop}`,
                     style: te({ "text-align": h.alignment }),
                     class: "nmorph-table__cell nmorph-table__cell--data"
-                  }, U(C(b[h.prop])), 13, hl)
+                  }, U(C(b[h.prop])), 13, ml)
                 ], 2))), 128))
               ], 2))), 128))
             ])
           ]),
           f("table", null, [
             f("colgroup", null, [
-              (i(!0), c(K, null, X(o.value, (b) => (i(), c("col", {
+              (i(!0), d(K, null, X(o.value, (b) => (i(), d("col", {
                 key: b.prop,
                 style: te({ width: `${p(b.width)}px` })
               }, null, 4))), 128))
             ]),
-            f("tbody", fl, [
+            f("tbody", hl, [
               B(g.$slots, "default")
             ])
           ])
@@ -2138,31 +2101,31 @@ const ul = { class: "nmorph-table__wrapper" }, dl = { class: "nmorph-table__head
     ], 2));
   }
 });
-const gl = /* @__PURE__ */ H({
+const _l = /* @__PURE__ */ H({
   __name: "NmorphTableCell",
   props: {
     row: {}
   },
   setup(e) {
-    const l = N("column-property", void 0), t = N("table-identifier", void 0), a = e, n = d(
+    const l = N("column-property", void 0), t = N("table-identifier", void 0), a = e, n = c(
       () => V({
         "nmorph-table-cell": []
       })
-    ), r = d(() => `#table-cell-${t}-${a.row}-${l}`), s = y(!1);
+    ), r = c(() => `#table-cell-${t}-${a.row}-${l}`), s = y(!1);
     return ae(async () => {
       await me();
       const o = document.querySelector(r.value);
       o && (o.innerHTML = ""), s.value = !0;
-    }), (o, u) => s.value ? (i(), c("div", {
+    }), (o, u) => s.value ? (i(), d("div", {
       key: 0,
       class: T(n.value)
     }, [
-      (i(), z(ge, { to: r.value }, [
+      (i(), R(ge, { to: r.value }, [
         B(o.$slots, "default")
       ], 8, ["to"]))
     ], 2)) : E("", !0);
   }
-}), yl = ["data-id"], bl = /* @__PURE__ */ H({
+}), gl = ["data-id"], yl = /* @__PURE__ */ H({
   __name: "NmorphTableColumn",
   props: {
     label: { default: "" },
@@ -2171,7 +2134,7 @@ const gl = /* @__PURE__ */ H({
     prop: {}
   },
   setup(e) {
-    const l = N("table-data", void 0), t = N("table-identifier", void 0), a = e, n = d(
+    const l = N("table-data", void 0), t = N("table-identifier", void 0), a = e, n = c(
       () => V({
         "nmorph-table-column": []
       })
@@ -2185,7 +2148,7 @@ const gl = /* @__PURE__ */ H({
       const { columns: u } = l;
       r.value = u.value.length + 1, l.columns.value = [...u.value, { ...a, id: r.value }];
     }, o = y(null);
-    return (u, p) => (i(), c("div", {
+    return (u, p) => (i(), d("div", {
       ref_key: "columnDOMEl",
       ref: o,
       "data-id": r.value,
@@ -2194,16 +2157,16 @@ const gl = /* @__PURE__ */ H({
       B(u.$slots, "default", {
         scope: { columns: v(l)?.columns.value, rows: v(l)?.rows.value, tableId: v(t) }
       })
-    ], 10, yl));
+    ], 10, gl));
   }
-}), Zo = /* @__PURE__ */ H({
+}), Jo = /* @__PURE__ */ H({
   __name: "NmorphTagList",
   props: {
     modelValue: {}
   },
   emits: ["close", "update:model-value"],
   setup(e, { emit: l }) {
-    const t = e, a = l, n = d(
+    const t = e, a = l, n = c(
       () => V({
         "nmorph-list": []
       })
@@ -2212,16 +2175,16 @@ const gl = /* @__PURE__ */ H({
     const s = (o) => {
       r.value = r.value.filter((u) => u.value !== o), a("close", o), a("update:model-value", r.value);
     };
-    return (o, u) => (i(), c("div", {
+    return (o, u) => (i(), d("div", {
       class: T(n.value)
     }, [
-      (i(!0), c(K, null, X(v(r), (p) => (i(), z(v(ut), ye({
+      (i(!0), d(K, null, X(v(r), (p) => (i(), R(v(ut), ye({
         key: p.value,
         ref_for: !0
       }, p, { onClose: s }), null, 16))), 128))
     ], 2));
   }
-}), kl = { class: "nmorph-tag-item__content" }, ut = /* @__PURE__ */ H({
+}), bl = { class: "nmorph-tag-item__content" }, ut = /* @__PURE__ */ H({
   __name: "NmorphTagItem",
   props: {
     value: {},
@@ -2232,7 +2195,7 @@ const gl = /* @__PURE__ */ H({
   },
   emits: ["close"],
   setup(e, { emit: l }) {
-    const t = e, a = d(
+    const t = e, a = c(
       () => V({
         nmorph: [se[t.height]],
         "nmorph-tag-item": [`${t.design === "nmorph" ? "nmorph-design" : ""}`]
@@ -2240,12 +2203,12 @@ const gl = /* @__PURE__ */ H({
     ), n = l, r = () => {
       n("close", t.value);
     };
-    return (s, o) => (i(), c("div", {
+    return (s, o) => (i(), d("div", {
       class: T(a.value)
     }, [
-      f("div", kl, [
+      f("div", bl, [
         f("span", null, U(s.text), 1),
-        t.removable ? (i(), z(v(R), {
+        t.removable ? (i(), R(v(z), {
           key: 0,
           class: "nmorph-tag-item__close-icon",
           name: "error",
@@ -2255,13 +2218,13 @@ const gl = /* @__PURE__ */ H({
     ], 2));
   }
 });
-const $l = ["innerHTML"], xl = {
+const kl = ["innerHTML"], $l = {
   key: 1,
   class: "nmorph-alert__wrapper"
-}, wl = { class: "nmorph-alert__left-side" }, Cl = {
+}, xl = { class: "nmorph-alert__left-side" }, wl = {
   key: 0,
   class: "nmorph-alert__icon"
-}, Ml = { class: "nmorph-alert__content-wrapper" }, Sl = { class: "nmorph-alert__content-title" }, Tl = { class: "nmorph-alert__content" }, Bl = /* @__PURE__ */ H({
+}, Cl = { class: "nmorph-alert__content-wrapper" }, Ml = { class: "nmorph-alert__content-title" }, Sl = { class: "nmorph-alert__content" }, Tl = /* @__PURE__ */ H({
   __name: "NmorphAlert",
   props: {
     id: { default: void 0 },
@@ -2280,7 +2243,7 @@ const $l = ["innerHTML"], xl = {
     I((p) => ({
       "193341cd": u.value
     }));
-    const t = e, a = l, n = d(
+    const t = e, a = l, n = c(
       () => V({
         "nmorph-alert": [t.type, `${t.bordered && "bordered"}`, `${t.fill && "fill"}`]
       })
@@ -2291,44 +2254,44 @@ const $l = ["innerHTML"], xl = {
       [_e.warning]: "warn-triangle-filled",
       [_e.info]: "info-filled",
       [_e.error]: "circle-close-filled"
-    }, o = Ee(), u = d(() => t.closeIconPosition);
-    return (p, w) => v(o).default || t.title || t.content || t.html ? (i(), c("div", {
+    }, o = Ee(), u = c(() => t.closeIconPosition);
+    return (p, w) => v(o).default || t.title || t.content || t.html ? (i(), d("div", {
       key: 0,
       class: T(n.value)
     }, [
-      t.html ? (i(), c("div", {
+      t.html ? (i(), d("div", {
         key: 0,
         class: "nmorph-alert__html-wrapper",
         innerHTML: t.html
-      }, null, 8, $l)) : (i(), c("div", xl, [
-        f("div", wl, [
-          t.showIcon ? (i(), c("div", Cl, [
+      }, null, 8, kl)) : (i(), d("div", $l, [
+        f("div", xl, [
+          t.showIcon ? (i(), d("div", wl, [
             B(p.$slots, "icon", {}, () => [
-              S(v(R), {
+              S(v(z), {
                 name: s[t.type],
                 size: "medium"
               }, null, 8, ["name"])
             ])
           ])) : E("", !0),
-          f("div", Ml, [
-            f("div", Sl, [
+          f("div", Cl, [
+            f("div", Ml, [
               t.title || v(o).title ? B(p.$slots, "title", { key: 0 }, () => [
                 oe(U(t.title), 1)
               ]) : E("", !0)
             ]),
-            f("div", Tl, [
+            f("div", Sl, [
               B(p.$slots, "default", {}, () => [
                 oe(U(t.content), 1)
               ])
             ])
           ])
         ]),
-        t.closable ? (i(), c("div", {
+        t.closable ? (i(), d("div", {
           key: 0,
           class: "nmorph-alert__close",
           onClick: r
         }, [
-          S(v(R), {
+          S(v(z), {
             name: "cross",
             width: "14px",
             height: "14px"
@@ -2339,7 +2302,7 @@ const $l = ["innerHTML"], xl = {
   }
 });
 var _e = /* @__PURE__ */ ((e) => (e.success = "success", e.error = "error", e.warning = "warning", e.info = "info", e))(_e || {});
-const Dl = { class: "nmorph-dialog__header" }, Ol = { class: "nmorph-dialog__title" }, Vl = { class: "nmorph-dialog__content" }, No = /* @__PURE__ */ H({
+const Bl = { class: "nmorph-dialog__header" }, Dl = { class: "nmorph-dialog__title" }, Ol = { class: "nmorph-dialog__content" }, Zo = /* @__PURE__ */ H({
   __name: "NmorphDialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -2358,11 +2321,11 @@ const Dl = { class: "nmorph-dialog__header" }, Ol = { class: "nmorph-dialog__tit
       "097fcdea": r.value,
       "4478cc6c": s.value
     }));
-    const t = e, a = l, n = d(
+    const t = e, a = l, n = c(
       () => V({
         "nmorph-dialog": []
       })
-    ), r = d(() => t.width), s = d(() => t.zIndex), o = y(t.modelValue);
+    ), r = c(() => t.width), s = c(() => t.zIndex), o = y(t.modelValue);
     let u = null, p = null;
     q(
       () => t.modelValue,
@@ -2382,7 +2345,7 @@ const Dl = { class: "nmorph-dialog__header" }, Ol = { class: "nmorph-dialog__tit
     }, C = () => {
       t.closeOnOverlay && w();
     };
-    return (m, g) => (i(), z(v(Ke), {
+    return (m, g) => (i(), R(v(Ke), {
       show: o.value,
       onOnOutsideClick: C
     }, {
@@ -2390,19 +2353,19 @@ const Dl = { class: "nmorph-dialog__header" }, Ol = { class: "nmorph-dialog__tit
         f("div", {
           class: T(n.value)
         }, [
-          f("div", Dl, [
+          f("div", Bl, [
             B(m.$slots, "header", {}, () => [
-              f("div", Ol, U(t.title), 1),
-              t.showClose ? (i(), c("div", {
+              f("div", Dl, U(t.title), 1),
+              t.showClose ? (i(), d("div", {
                 key: 0,
                 class: "nmorph-dialog__close-icon",
                 onClick: w
               }, [
-                S(v(R), { name: "cross" })
+                S(v(z), { name: "cross" })
               ])) : E("", !0)
             ])
           ]),
-          f("div", Vl, [
+          f("div", Ol, [
             B(m.$slots, "default")
           ])
         ], 2)
@@ -2411,13 +2374,13 @@ const Dl = { class: "nmorph-dialog__header" }, Ol = { class: "nmorph-dialog__tit
     }, 8, ["show"]));
   }
 });
-const Hl = { class: "nmorph-tooltip__shadow-content" }, El = {
+const Vl = { class: "nmorph-tooltip__shadow-content" }, Hl = {
   key: 0,
   class: "nmorph-tooltip__triangle"
-}, Pl = {
+}, El = {
   key: 0,
   class: "nmorph-tooltip__info-content"
-}, Al = { class: "nmorph-tooltip__shadow-content" }, Fl = { key: 0 }, zl = /* @__PURE__ */ H({
+}, Pl = { class: "nmorph-tooltip__shadow-content" }, Al = { key: 0 }, Fl = /* @__PURE__ */ H({
   __name: "NmorphTooltip",
   props: {
     text: { default: "" },
@@ -2433,7 +2396,7 @@ const Hl = { class: "nmorph-tooltip__shadow-content" }, El = {
       initialPlacement: t.position,
       contentDOMElement: n,
       relativeElement: r
-    }), o = d(
+    }), o = c(
       () => V({
         "nmorph-tooltip": [
           s.value,
@@ -2444,8 +2407,8 @@ const Hl = { class: "nmorph-tooltip__shadow-content" }, El = {
       a.value = !0;
     }, p = () => {
       t.forceShow || (a.value = !1);
-    }, w = d(() => t.forceCoordinate ? "100%" : "auto"), C = y(null);
-    return l({ tooltipBody: C }), (m, g) => (i(), c("div", {
+    }, w = c(() => t.forceCoordinate ? "100%" : "auto"), C = y(null);
+    return l({ tooltipBody: C }), (m, g) => (i(), d("div", {
       class: T(o.value)
     }, [
       f("div", {
@@ -2461,36 +2424,36 @@ const Hl = { class: "nmorph-tooltip__shadow-content" }, El = {
         }, [
           B(m.$slots, "default")
         ], 512),
-        t.forceCoordinate ? (i(), z(be, {
+        t.forceCoordinate ? (i(), R(be, {
           key: 0,
           name: "opacity",
           tag: "div"
         }, {
           default: j(() => [
-            a.value && t.text ? (i(), c("div", {
+            a.value && t.text ? (i(), d("div", {
               key: 0,
               class: "nmorph-tooltip__info-content",
               style: te({ left: m.forceCoordinate?.x, bottom: m.forceCoordinate?.y }),
               ref_key: "tooltipBody",
               ref: C
             }, [
-              f("div", Hl, [
-                t.forceCoordinate ? E("", !0) : (i(), c("div", El)),
+              f("div", Vl, [
+                t.forceCoordinate ? E("", !0) : (i(), d("div", Hl)),
                 f("span", null, U(m.text), 1)
               ])
             ], 4)) : E("", !0)
           ]),
           _: 1
-        })) : (i(), z(be, {
+        })) : (i(), R(be, {
           key: 1,
           name: "opacity",
           tag: "div"
         }, {
           default: j(() => [
-            a.value ? (i(), c("div", Pl, [
-              f("div", Al, [
+            a.value ? (i(), d("div", El, [
+              f("div", Pl, [
                 g[0] || (g[0] = f("div", { class: "nmorph-tooltip__triangle" }, null, -1)),
-                t.text ? (i(), c("span", Fl, U(m.text), 1)) : B(m.$slots, "content", { key: 1 })
+                t.text ? (i(), d("span", Al, U(m.text), 1)) : B(m.$slots, "content", { key: 1 })
               ])
             ])) : E("", !0)
           ]),
@@ -2503,25 +2466,25 @@ const Hl = { class: "nmorph-tooltip__shadow-content" }, El = {
 const Rl = {
   key: 0,
   class: "nmorph-checkbox__content"
-}, jl = { class: "nmorph-checkbox__input-wrapper" }, Wl = ["disabled", "checked"], Yl = {
+}, zl = { class: "nmorph-checkbox__input-wrapper" }, jl = ["disabled", "checked"], Wl = {
   key: 0,
   class: "nmorph-checkbox__fake-checked"
-}, Ul = {
+}, Yl = {
   key: 0,
   class: "nmorph-checkbox__label"
-}, ql = {
+}, Ul = {
   key: 1,
   class: "nmorph-checkbox__label"
-}, Gl = {
+}, ql = {
   key: 1,
   class: "nmorph-checkbox__content"
-}, Ql = ["disabled", "checked"], Kl = {
+}, Gl = ["disabled", "checked"], Ql = {
   key: 0,
   class: "nmorph-checkbox__fake"
-}, Xl = {
+}, Kl = {
   key: 1,
   class: "nmorph-checkbox__fake"
-}, Jl = /* @__PURE__ */ H({
+}, Xl = /* @__PURE__ */ H({
   __name: "NmorphCheckbox",
   props: {
     id: { default: "" },
@@ -2547,7 +2510,7 @@ const Rl = {
     );
     const s = y(null);
     l({ inputDOMRef: s });
-    const o = a !== void 0, u = o ? y(a.value) : y(r.modelValue), p = d(() => o ? a.value.includes(r.id) : r.modelValue), w = t, C = () => {
+    const o = a !== void 0, u = o ? y(a.value) : y(r.modelValue), p = c(() => o ? a.value.includes(r.id) : r.modelValue), w = t, C = () => {
       if (!r.disabled) {
         if (!o) {
           u.value = !u.value, w("update:model-value", u.value);
@@ -2555,7 +2518,7 @@ const Rl = {
         }
         n && Array.isArray(u.value) && n(r.id, u.value);
       }
-    }, m = d(
+    }, m = c(
       () => V({
         "nmorph-checkbox": [
           `${p.value && "checked"}`,
@@ -2564,11 +2527,11 @@ const Rl = {
         ]
       })
     );
-    return (g, _) => (i(), c("label", {
+    return (g, _) => (i(), d("label", {
       class: T(m.value)
     }, [
-      r.design === "checkbox" ? (i(), c("div", Rl, [
-        f("div", jl, [
+      r.design === "checkbox" ? (i(), d("div", Rl, [
+        f("div", zl, [
           f("input", {
             ref_key: "inputDOMRef",
             ref: s,
@@ -2577,17 +2540,17 @@ const Rl = {
             checked: p.value,
             class: "nmorph-native-input",
             onChange: C
-          }, null, 40, Wl),
+          }, null, 40, jl),
           _[0] || (_[0] = f("div", { class: "nmorph-checkbox__fake" }, null, -1)),
-          p.value ? (i(), c("div", Yl)) : E("", !0)
+          p.value ? (i(), d("div", Wl)) : E("", !0)
         ]),
-        r.label ? (i(), c("div", Ul, [
+        r.label ? (i(), d("div", Yl, [
           f("span", null, U(r.label), 1)
-        ])) : (i(), c("div", ql, [
+        ])) : (i(), d("div", Ul, [
           B(g.$slots, "default")
         ]))
       ])) : E("", !0),
-      r.design === "button" ? (i(), c("div", Gl, [
+      r.design === "button" ? (i(), d("div", ql, [
         f("input", {
           ref_key: "inputDOMRef",
           ref: s,
@@ -2595,17 +2558,17 @@ const Rl = {
           disabled: r.disabled,
           checked: p.value,
           onChange: C
-        }, null, 40, Ql),
-        r.label ? (i(), c("div", Kl, [
+        }, null, 40, Gl),
+        r.label ? (i(), d("div", Ql, [
           f("span", null, U(r.label), 1)
-        ])) : (i(), c("div", Xl, [
+        ])) : (i(), d("div", Kl, [
           B(g.$slots, "label")
         ]))
       ])) : E("", !0)
     ], 2));
   }
 });
-const Zl = { class: "nmorph-checkbox-group__wrapper" }, Nl = { class: "nmorph-checkbox-group__content" }, Io = /* @__PURE__ */ H({
+const Jl = { class: "nmorph-checkbox-group__wrapper" }, Zl = { class: "nmorph-checkbox-group__content" }, No = /* @__PURE__ */ H({
   __name: "NmorphCheckboxGroup",
   props: {
     modelValue: { default: () => [] },
@@ -2619,17 +2582,17 @@ const Zl = { class: "nmorph-checkbox-group__wrapper" }, Nl = { class: "nmorph-ch
   setup(e, { emit: l }) {
     const t = e, a = y(t.modelValue), n = l, r = (o) => {
       a.value.includes(o) ? a.value = a.value.filter((u) => u !== o) : a.value.push(o), n("update:model-value", a.value);
-    }, s = d(
+    }, s = c(
       () => V({
         "nmorph-checkbox-group": [t.design, t.direction]
       })
     );
-    return ee("checkbox-group-selected-value", a), ee("change-checkbox-value-handler", r), (o, u) => (i(), c("div", {
+    return ee("checkbox-group-selected-value", a), ee("change-checkbox-value-handler", r), (o, u) => (i(), d("div", {
       class: T(s.value)
     }, [
-      f("div", Zl, [
-        f("div", Nl, [
-          (i(!0), c(K, null, X(o.options, (p, w) => (i(), z(v(Jl), {
+      f("div", Jl, [
+        f("div", Zl, [
+          (i(!0), d(K, null, X(o.options, (p, w) => (i(), R(v(Xl), {
             id: p.id,
             key: w,
             label: p.label,
@@ -2643,13 +2606,13 @@ const Zl = { class: "nmorph-checkbox-group__wrapper" }, Nl = { class: "nmorph-ch
     ], 2));
   }
 });
-const Il = { class: "nmorph-autocomplete__input-content" }, Ll = {
+const Nl = { class: "nmorph-autocomplete__input-content" }, Il = {
   key: 0,
   class: "nmorph-autocomplete__loading"
-}, en = {
+}, Ll = {
   key: 1,
   class: "nmorph-autocomplete__list"
-}, tn = ["onClick"], Lo = /* @__PURE__ */ H({
+}, en = ["onClick"], Io = /* @__PURE__ */ H({
   __name: "NmorphAutocomplete",
   props: {
     modelValue: { default: "" },
@@ -2662,7 +2625,7 @@ const Il = { class: "nmorph-autocomplete__input-content" }, Ll = {
   },
   emits: ["update:model-value", "select"],
   setup(e, { emit: l }) {
-    const t = e, a = y(t.modelValue), n = l, r = d(
+    const t = e, a = y(t.modelValue), n = l, r = c(
       () => V({
         "nmorph-autocomplete": []
       })
@@ -2670,7 +2633,7 @@ const Il = { class: "nmorph-autocomplete__input-content" }, Ll = {
       a.value = _, n("update:model-value", a.value);
     }, o = y(!1), u = y(null), p = () => {
       o.value = !1;
-    }, w = d(() => t.list.filter((_) => Object.keys(_).some((b) => String(_[b]).toLowerCase().includes(a.value.toLowerCase()))));
+    }, w = c(() => t.list.filter((_) => Object.keys(_).some((b) => String(_[b]).toLowerCase().includes(a.value.toLowerCase()))));
     q(w, (_) => {
       o.value = _.length > 0;
     });
@@ -2685,16 +2648,16 @@ const Il = { class: "nmorph-autocomplete__input-content" }, Ll = {
       _ !== "" && t.actionCallback && (g.value = !0, await t.actionCallback(), g.value = !1);
     }), q(g, (_) => {
       _ && (o.value = !0);
-    }), (_, b) => (i(), c("div", {
+    }), (_, b) => (i(), d("div", {
       class: T(r.value)
     }, [
-      f("div", Il, [
+      f("div", Nl, [
         f("div", {
           ref_key: "nmorphAutocompleteDOMRef",
           ref: u,
           class: "nmorph-autocomplete__input"
         }, [
-          S(v(Ln), {
+          S(v(In), {
             height: t.height,
             disabled: t.disabled,
             "model-value": a.value,
@@ -2705,7 +2668,7 @@ const Il = { class: "nmorph-autocomplete__input-content" }, Ll = {
           }, null, 8, ["height", "disabled", "model-value", "placeholder", "clearable"])
         ], 512)
       ]),
-      u.value ? (i(), z(v(Me), {
+      u.value ? (i(), R(v(Me), {
         key: 0,
         open: o.value,
         "relative-element": u.value,
@@ -2713,15 +2676,15 @@ const Il = { class: "nmorph-autocomplete__input-content" }, Ll = {
         "y-offset": 1
       }, {
         default: j(() => [
-          g.value ? (i(), c("div", Ll, [
+          g.value ? (i(), d("div", Il, [
             B(_.$slots, "loader", {}, () => [
-              S(v(R), {
+              S(v(z), {
                 name: "loader",
                 size: "large"
               })
             ])
-          ])) : (i(), c("div", en, [
-            (i(!0), c(K, null, X(w.value, (x, h) => (i(), c("div", {
+          ])) : (i(), d("div", Ll, [
+            (i(!0), d(K, null, X(w.value, (x, h) => (i(), d("div", {
               key: h,
               class: "nmorph-autocomplete__list-item",
               onClick: () => C(x)
@@ -2729,7 +2692,7 @@ const Il = { class: "nmorph-autocomplete__input-content" }, Ll = {
               B(_.$slots, "default", { scope: x }, () => [
                 oe(U(x.value), 1)
               ])
-            ], 8, tn))), 128))
+            ], 8, en))), 128))
           ]))
         ]),
         _: 3
@@ -2737,25 +2700,25 @@ const Il = { class: "nmorph-autocomplete__input-content" }, Ll = {
     ], 2));
   }
 });
-const an = /* @__PURE__ */ H({
+const tn = /* @__PURE__ */ H({
   __name: "NmorphClearButton",
   emits: ["clear"],
   setup(e, { emit: l }) {
-    const t = l, a = d(
+    const t = l, a = c(
       () => V({
         "nmorph-input-clear-button": []
       })
     );
-    return (n, r) => (i(), c("div", {
+    return (n, r) => (i(), d("div", {
       class: T(a.value)
     }, [
-      S(v(R), {
+      S(v(z), {
         name: "error",
         onClick: r[0] || (r[0] = re((s) => t("clear"), ["stop"]))
       })
     ], 2));
   }
-}), ln = { class: "nmorph-date-picker-header__left-side" }, nn = { class: "nmorph-date-picker-header__center-side" }, on = { class: "nmorph-date-picker-header__right-side" }, sn = /* @__PURE__ */ H({
+}), an = { class: "nmorph-date-picker-header__left-side" }, ln = { class: "nmorph-date-picker-header__center-side" }, nn = { class: "nmorph-date-picker-header__right-side" }, on = /* @__PURE__ */ H({
   __name: "NmorphDatePickerHeader",
   props: {
     year: {},
@@ -2763,15 +2726,15 @@ const an = /* @__PURE__ */ H({
   },
   emits: ["prev-month", "next-month", "prev-year", "next-year", "change-year", "change-month"],
   setup(e, { emit: l }) {
-    const t = e, a = l, n = d(
+    const t = e, a = l, n = c(
       () => V({
         "nmorph-date-picker-header": []
       })
     );
-    return (r, s) => (i(), c("div", {
+    return (r, s) => (i(), d("div", {
       class: T(n.value)
     }, [
-      f("div", ln, [
+      f("div", an, [
         S(v(G), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
@@ -2779,7 +2742,7 @@ const an = /* @__PURE__ */ H({
           tabindex: -1
         }, {
           default: j(() => [
-            S(v(R), {
+            S(v(z), {
               name: "chevron-double-down",
               class: "nmorph-date-picker-header__chevron-double-left"
             })
@@ -2793,7 +2756,7 @@ const an = /* @__PURE__ */ H({
           tabindex: -1
         }, {
           default: j(() => [
-            S(v(R), {
+            S(v(z), {
               name: "chevron-down",
               class: "nmorph-date-picker-header__chevron-left"
             })
@@ -2801,7 +2764,7 @@ const an = /* @__PURE__ */ H({
           _: 1
         })
       ]),
-      f("div", nn, [
+      f("div", ln, [
         S(v(G), {
           text: t.year,
           "style-type": "transparent",
@@ -2817,7 +2780,7 @@ const an = /* @__PURE__ */ H({
           tabindex: -1
         }, null, 8, ["text"])
       ]),
-      f("div", on, [
+      f("div", nn, [
         S(v(G), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
@@ -2825,7 +2788,7 @@ const an = /* @__PURE__ */ H({
           tabindex: -1
         }, {
           default: j(() => [
-            S(v(R), {
+            S(v(z), {
               name: "chevron-down",
               class: "nmorph-date-picker-header__chevron-right"
             })
@@ -2839,7 +2802,7 @@ const an = /* @__PURE__ */ H({
           tabindex: -1
         }, {
           default: j(() => [
-            S(v(R), {
+            S(v(z), {
               name: "chevron-double-down",
               class: "nmorph-date-picker-header__chevron-double-right"
             })
@@ -2850,7 +2813,7 @@ const an = /* @__PURE__ */ H({
     ], 2));
   }
 });
-const rn = { class: "nmorph-year-month-picker__header" }, un = { class: "nmorph-year-month-picker__value" }, dn = { class: "nmorph-year-month-picker__values" }, at = /* @__PURE__ */ H({
+const sn = { class: "nmorph-year-month-picker__header" }, rn = { class: "nmorph-year-month-picker__value" }, un = { class: "nmorph-year-month-picker__values" }, at = /* @__PURE__ */ H({
   __name: "NmorphYearMonthPicker",
   props: {
     currentDate: {},
@@ -2863,7 +2826,7 @@ const rn = { class: "nmorph-year-month-picker__header" }, un = { class: "nmorph-
       value: String(k),
       tabindex: -1
     })), n = e, r = y(a), s = y(String(n.currentDate.getMonth())), o = y(n.currentDate.getFullYear()), u = () => {
-      const h = n.currentDate.getFullYear(), k = wa(h).map((M) => ({ label: String(M), value: String(M) }));
+      const h = n.currentDate.getFullYear(), k = xa(h).map((M) => ({ label: String(M), value: String(M) }));
       r.value = k;
     };
     q(
@@ -2876,7 +2839,7 @@ const rn = { class: "nmorph-year-month-picker__header" }, un = { class: "nmorph-
         deep: !0
       }
     );
-    const p = l, w = d(
+    const p = l, w = c(
       () => V({
         "nmorph-year-month-picker": []
       })
@@ -2894,27 +2857,27 @@ const rn = { class: "nmorph-year-month-picker__header" }, un = { class: "nmorph-
       h === "decrease" ? o.value = o.value - 1 : o.value = o.value + 1, p("update-year", String(o.value));
     }, _ = (h) => {
       h === "decrease" ? n.type === "year" ? m("decrease") : g("decrease") : n.type === "year" ? m("increase") : g("increase");
-    }, b = d(() => n.type === "year" ? `${r.value[0].label} - ${r.value[r.value.length - 1].label}` : String(o.value)), x = () => {
+    }, b = c(() => n.type === "year" ? `${r.value[0].label} - ${r.value[r.value.length - 1].label}` : String(o.value)), x = () => {
       n.type === "month" && p("back-to-years");
     };
-    return (h, k) => (i(), c("div", {
+    return (h, k) => (i(), d("div", {
       class: T(w.value)
     }, [
-      f("div", rn, [
+      f("div", sn, [
         S(v(G), {
           class: "nmorph-year-month-picker__action-btn",
           onClick: k[0] || (k[0] = (M) => _("decrease")),
           tabindex: -1
         }, {
           default: j(() => [
-            S(v(R), {
+            S(v(z), {
               name: "chevron-down",
               class: "nmorph-year-month-picker__chevron-left"
             })
           ]),
           _: 1
         }),
-        f("div", un, [
+        f("div", rn, [
           S(v(G), {
             text: b.value,
             "style-type": "transparent",
@@ -2928,7 +2891,7 @@ const rn = { class: "nmorph-year-month-picker__header" }, un = { class: "nmorph-
           tabindex: -1
         }, {
           default: j(() => [
-            S(v(R), {
+            S(v(z), {
               name: "chevron-down",
               class: "nmorph-year-month-picker__chevron-right"
             })
@@ -2936,9 +2899,9 @@ const rn = { class: "nmorph-year-month-picker__header" }, un = { class: "nmorph-
           _: 1
         })
       ]),
-      S(v(To)),
-      f("div", dn, [
-        S(v(ct), {
+      S(v(So)),
+      f("div", un, [
+        S(v(dt), {
           "model-value": s.value,
           options: r.value,
           "onUpdate:modelValue": C
@@ -2956,11 +2919,11 @@ const cn = /* @__PURE__ */ H({
   },
   emits: ["update-selected-value"],
   setup(e, { emit: l }) {
-    const t = e, a = l, n = d(
+    const t = e, a = l, n = c(
       () => V({
         "nmorph-date-picker-content": []
       })
-    ), r = y(t.initialDate), s = y("calendar"), o = d(() => new Date(r.value.setMonth(r.value.getMonth() - 1))), u = d(() => new Date(r.value.setMonth(r.value.getMonth() + 1))), p = d(() => new Date(r.value.setFullYear(r.value.getFullYear() - 1))), w = d(() => new Date(r.value.setFullYear(r.value.getFullYear() + 1))), C = () => {
+    ), r = y(t.initialDate), s = y("calendar"), o = c(() => new Date(r.value.setMonth(r.value.getMonth() - 1))), u = c(() => new Date(r.value.setMonth(r.value.getMonth() + 1))), p = c(() => new Date(r.value.setFullYear(r.value.getFullYear() - 1))), w = c(() => new Date(r.value.setFullYear(r.value.getFullYear() + 1))), C = () => {
       r.value = o.value;
     }, m = () => {
       r.value = u.value;
@@ -2985,10 +2948,10 @@ const cn = /* @__PURE__ */ H({
     }, P = ($) => {
       r.value = $;
     };
-    return ($, O) => (i(), c("div", {
+    return ($, O) => (i(), d("div", {
       class: T(n.value)
     }, [
-      s.value === "calendar" ? (i(), z(v(xa), {
+      s.value === "calendar" ? (i(), R(v($a), {
         key: 0,
         type: t.type,
         "initial-date": r.value,
@@ -2997,7 +2960,7 @@ const cn = /* @__PURE__ */ H({
         onUpdateInitialDate: P
       }, {
         header: j(() => [
-          S(sn, {
+          S(on, {
             year: r.value.getFullYear(),
             month: r.value.getMonth(),
             onPrevMonth: C,
@@ -3010,13 +2973,13 @@ const cn = /* @__PURE__ */ H({
         ]),
         _: 1
       }, 8, ["type", "initial-date", "model-value"])) : E("", !0),
-      s.value === "year" ? (i(), z(at, {
+      s.value === "year" ? (i(), R(at, {
         key: 1,
         type: "year",
         "current-date": r.value,
         onUpdateYear: h
       }, null, 8, ["current-date"])) : E("", !0),
-      s.value === "month" ? (i(), z(at, {
+      s.value === "month" ? (i(), R(at, {
         key: 2,
         type: "month",
         "current-date": r.value,
@@ -3026,7 +2989,7 @@ const cn = /* @__PURE__ */ H({
       }, null, 8, ["current-date"])) : E("", !0)
     ], 2));
   }
-}), pn = { class: "nmorph-date-picker__date-wrapper" }, vn = ["onKeydown"], mn = { class: "nmorph-date-picker__selected-value" }, hn = { class: "nmorph-date-picker__clear-button-wrapper" }, fn = { class: "nmorph-date-picker__content" }, es = /* @__PURE__ */ H({
+}), dn = { class: "nmorph-date-picker__date-wrapper" }, pn = ["onKeydown"], vn = { class: "nmorph-date-picker__selected-value" }, mn = { class: "nmorph-date-picker__clear-button-wrapper" }, hn = { class: "nmorph-date-picker__content" }, Lo = /* @__PURE__ */ H({
   __name: "NmorphDatePicker",
   props: {
     placeholder: { default: "" },
@@ -3039,11 +3002,11 @@ const cn = /* @__PURE__ */ H({
   },
   emits: ["update:model-value"],
   setup(e, { emit: l }) {
-    const { t, messages: a } = ke(), n = e, r = d(() => n.placeholder ? n.placeholder : t("NmorphDatePicker.pickADate")), s = y(n.modelValue), o = l, u = y(!1), p = () => {
+    const { t, messages: a } = ke(), n = e, r = c(() => n.placeholder ? n.placeholder : t("NmorphDatePicker.pickADate")), s = y(n.modelValue), o = l, u = y(!1), p = () => {
       u.value = !0;
     }, w = () => {
       u.value = !1;
-    }, C = d(
+    }, C = c(
       () => V({
         nmorph: [se[n.height]],
         "nmorph-date-picker": [`${n.disabled && "disabled"}`, n.type, `${u.value && "focus"}`]
@@ -3052,7 +3015,7 @@ const cn = /* @__PURE__ */ H({
       m.value = !1;
     }, b = () => {
       m.value = !m.value;
-    }, x = d(() => {
+    }, x = c(() => {
       if (!s.value)
         return r.value;
       if (Array.isArray(s.value)) {
@@ -3067,11 +3030,11 @@ const cn = /* @__PURE__ */ H({
       s.value = A, o("update:model-value", s.value);
     }, k = (A) => {
       s.value = A, o("update:model-value", s.value);
-    }, M = d(() => Array.isArray(s.value) ? s.value.length > 0 : !!s.value);
-    return (A, P) => (i(), c("div", {
+    }, M = c(() => Array.isArray(s.value) ? s.value.length > 0 : !!s.value);
+    return (A, P) => (i(), d("div", {
       class: T(C.value)
     }, [
-      f("div", pn, [
+      f("div", dn, [
         f("div", {
           ref_key: "nmorphInputDOMRef",
           ref: g,
@@ -3084,21 +3047,21 @@ const cn = /* @__PURE__ */ H({
             onBlur: w,
             onKeydown: ve(re(() => {
             }, ["prevent"]), ["space"])
-          }, null, 40, vn),
-          S(v(R), {
+          }, null, 40, pn),
+          S(v(z), {
             name: "calendar",
             class: "nmorph-date-picker__calendar-icon"
           }),
-          f("div", mn, U(x.value), 1),
-          f("div", hn, [
-            M.value ? (i(), z(an, {
+          f("div", vn, U(x.value), 1),
+          f("div", mn, [
+            M.value ? (i(), R(tn, {
               key: 0,
               onClear: h
             })) : E("", !0)
           ])
         ], 2),
-        f("div", fn, [
-          g.value ? (i(), z(v(Me), {
+        f("div", hn, [
+          g.value ? (i(), R(v(Me), {
             key: 0,
             "fill-width": !1,
             width: 324,
@@ -3121,10 +3084,10 @@ const cn = /* @__PURE__ */ H({
     ], 2));
   }
 });
-const _n = { class: "nmorph-file-upload__trigger" }, gn = ["multiple"], yn = {
+const fn = { class: "nmorph-file-upload__trigger" }, _n = ["multiple"], gn = {
   key: 0,
   class: "nmorph-file-upload__list"
-}, bn = { class: "nmorph-file-upload__file-info" }, kn = { class: "nmorph-file-upload__file-name" }, $n = { class: "nmorph-file-upload__remove-file" }, ts = /* @__PURE__ */ H({
+}, yn = { class: "nmorph-file-upload__file-info" }, bn = { class: "nmorph-file-upload__file-name" }, kn = { class: "nmorph-file-upload__remove-file" }, es = /* @__PURE__ */ H({
   __name: "NmorphFileUpload",
   props: {
     modelValue: { default: () => [] },
@@ -3136,12 +3099,12 @@ const _n = { class: "nmorph-file-upload__trigger" }, gn = ["multiple"], yn = {
   },
   emits: ["update:model-value", "on-unsupported-file-type-error"],
   setup(e, { expose: l, emit: t }) {
-    const { t: a } = ke(), n = e, r = d(() => n.buttonText ? n.buttonText : a("NmorphFileUpload.selectFile")), s = (x) => x.split("/")[1], o = (x) => {
+    const { t: a } = ke(), n = e, r = c(() => n.buttonText ? n.buttonText : a("NmorphFileUpload.selectFile")), s = (x) => x.split("/")[1], o = (x) => {
       const h = s(x);
       let k = "doc";
       return h in Ue && (k = "image"), h in Ge && (k = "audio"), h in qe && (k = "video"), h in Qe && (k = "archive"), k;
     };
-    let u = de(n.modelValue);
+    let u = ce(n.modelValue);
     const p = y(null), w = () => {
       p.value && p.value.click();
     }, C = (x) => {
@@ -3167,15 +3130,15 @@ const _n = { class: "nmorph-file-upload__trigger" }, gn = ["multiple"], yn = {
       h !== -1 && (URL.revokeObjectURL(u[h].previewUrl), u.splice(h, 1), m());
     };
     l({ inputDOMRef: p });
-    const _ = t, b = d(
+    const _ = t, b = c(
       () => V({
         "nmorph-file-upload": [`${n.disabled && "disabled"}`]
       })
     );
-    return (x, h) => (i(), c("div", {
+    return (x, h) => (i(), d("div", {
       class: T(b.value)
     }, [
-      f("div", _n, [
+      f("div", fn, [
         f("input", {
           ref_key: "inputDOMRef",
           ref: p,
@@ -3183,7 +3146,7 @@ const _n = { class: "nmorph-file-upload__trigger" }, gn = ["multiple"], yn = {
           multiple: n.multiple,
           class: "nmorph-native-input",
           onChange: C
-        }, null, 40, gn),
+        }, null, 40, _n),
         B(x.$slots, "trigger", {}, () => [
           S(v(G), {
             text: r.value,
@@ -3193,33 +3156,33 @@ const _n = { class: "nmorph-file-upload__trigger" }, gn = ["multiple"], yn = {
           }, null, 8, ["text", "disabled"])
         ])
       ]),
-      v(u).length > 0 ? (i(), c("div", yn, [
+      v(u).length > 0 ? (i(), d("div", gn, [
         S(be, {
           name: "list",
           tag: "div"
         }, {
           default: j(() => [
-            (i(!0), c(K, null, X(v(u), ({ data: k, previewUrl: M }) => (i(), c("div", {
+            (i(!0), d(K, null, X(v(u), ({ data: k, previewUrl: M }) => (i(), d("div", {
               key: k.name,
               class: "nmorph-file-upload__file"
             }, [
-              S(v(Qa), { src: M }, null, 8, ["src"]),
-              f("div", bn, [
-                S(v(R), {
+              S(v(Ga), { src: M }, null, 8, ["src"]),
+              f("div", yn, [
+                S(v(z), {
                   name: o(k.type),
                   width: "14px",
                   height: "17px"
                 }, null, 8, ["name"]),
-                f("span", kn, U(k.name), 1)
+                f("span", bn, U(k.name), 1)
               ]),
-              f("div", $n, [
+              f("div", kn, [
                 S(v(G), {
                   height: "thin",
                   "style-type": "transparent",
                   onClick: (A) => g(k.name)
                 }, {
                   default: j(() => [
-                    S(v(R), { name: "error" })
+                    S(v(z), { name: "error" })
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -3232,34 +3195,34 @@ const _n = { class: "nmorph-file-upload__trigger" }, gn = ["multiple"], yn = {
     ], 2));
   }
 });
-var Ue = /* @__PURE__ */ ((e) => (e.jpeg = "image/jpeg", e.jpg = "image/jpg", e.png = "image/png", e.gif = "image/gif", e["svg-xml"] = "image/svg+xml", e.webp = "image/webp", e))(Ue || {}), qe = /* @__PURE__ */ ((e) => (e.mp4 = "video/mp4", e.webm = "video/webm", e["wideo-ogg"] = "video/ogg", e))(qe || {}), Ge = /* @__PURE__ */ ((e) => (e.mpeg = "audio/mpeg", e["audio-ogg"] = "audio/ogg", e.wav = "audio/wav", e))(Ge || {}), dt = /* @__PURE__ */ ((e) => (e.pdf = "application/pdf", e.msword = "application/msword", e.docx = "application/vnd.openxmlformats-officedocument.wordprocessingml.document", e.xlsx = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", e.pptx = "application/vnd.openxmlformats-officedocument.presentationml.presentation", e.json = "application/json", e.xml = "application/xml", e))(dt || {}), Qe = /* @__PURE__ */ ((e) => (e.zip = "application/zip", e.rar = "application/x-rar-compressed", e["7z"] = "application/x-7z-compressed", e))(Qe || {});
-const as = {
+var Ue = /* @__PURE__ */ ((e) => (e.jpeg = "image/jpeg", e.jpg = "image/jpg", e.png = "image/png", e.gif = "image/gif", e["svg-xml"] = "image/svg+xml", e.webp = "image/webp", e))(Ue || {}), qe = /* @__PURE__ */ ((e) => (e.mp4 = "video/mp4", e.webm = "video/webm", e["wideo-ogg"] = "video/ogg", e))(qe || {}), Ge = /* @__PURE__ */ ((e) => (e.mpeg = "audio/mpeg", e["audio-ogg"] = "audio/ogg", e.wav = "audio/wav", e))(Ge || {}), ct = /* @__PURE__ */ ((e) => (e.pdf = "application/pdf", e.msword = "application/msword", e.docx = "application/vnd.openxmlformats-officedocument.wordprocessingml.document", e.xlsx = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", e.pptx = "application/vnd.openxmlformats-officedocument.presentationml.presentation", e.json = "application/json", e.xml = "application/xml", e))(ct || {}), Qe = /* @__PURE__ */ ((e) => (e.zip = "application/zip", e.rar = "application/x-rar-compressed", e["7z"] = "application/x-7z-compressed", e))(Qe || {});
+const ts = {
   ...Ue,
   ...qe,
   ...Ge,
-  ...dt,
+  ...ct,
   ...Qe
-}, xn = { class: "nmorph-form__content" }, ls = /* @__PURE__ */ H({
+}, $n = { class: "nmorph-form__content" }, as = /* @__PURE__ */ H({
   __name: "NmorphForm",
   props: {
     value: {},
     validateImmediately: { type: Boolean, default: !1 }
   },
   setup(e, { expose: l }) {
-    const t = e, a = d(
+    const t = e, a = c(
       () => V({
         "nmorph-form": []
       })
     ), n = yt(t.value, t.validateImmediately);
-    return l({ formData: n }), ee("form-data", n), (r, s) => (i(), c("form", {
+    return l({ formData: n }), ee("form-data", n), (r, s) => (i(), d("form", {
       class: T(a.value)
     }, [
-      f("div", xn, [
+      f("div", $n, [
         B(r.$slots, "default")
       ])
     ], 2));
   }
-}), wn = /* @__PURE__ */ H({
+}), xn = /* @__PURE__ */ H({
   __name: "NmorphErrorBox",
   props: {
     height: { default: "default" },
@@ -3267,13 +3230,13 @@ const as = {
     staticHeight: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const l = e, t = d(() => (Array.isArray(l.errors) ? l.errors : l.errors.value).reverse()), a = d(
+    const l = e, t = c(() => (Array.isArray(l.errors) ? l.errors : l.errors.value).reverse()), a = c(
       () => V({
         nmorph: [se[l.height]],
         "nmorph-error-box": [`${l.staticHeight && "static-height"}`, `${t.value.length === 0 && "empty"}`]
       })
     );
-    return (n, r) => (i(), c("div", {
+    return (n, r) => (i(), d("div", {
       class: T(a.value)
     }, [
       S(be, {
@@ -3281,7 +3244,7 @@ const as = {
         tag: "div"
       }, {
         default: j(() => [
-          (i(!0), c(K, null, X(t.value, (s) => (i(), c("p", {
+          (i(!0), d(K, null, X(t.value, (s) => (i(), d("p", {
             key: s,
             class: "nmorph-error-box__error"
           }, U(s), 1))), 128))
@@ -3291,7 +3254,7 @@ const as = {
     ], 2));
   }
 });
-const Te = "18px", Cn = /* @__PURE__ */ H({
+const Te = "18px", wn = /* @__PURE__ */ H({
   __name: "NmorphValidationIcon",
   props: {
     valid: { type: [Boolean, Object] },
@@ -3301,15 +3264,15 @@ const Te = "18px", Cn = /* @__PURE__ */ H({
     I((n) => ({
       bd9433c4: Te
     }));
-    const l = e, t = d(
+    const l = e, t = c(
       () => V({
         "nmorph-validation-icon": [l.valid ? "valid" : "invalid"]
       })
-    ), a = d(() => l.valid ? "success" : "error");
-    return (n, r) => (i(), c("div", {
+    ), a = c(() => l.valid ? "success" : "error");
+    return (n, r) => (i(), d("div", {
       class: T(t.value)
     }, [
-      n.show ? (i(), z(v(R), {
+      n.show ? (i(), R(v(z), {
         key: 0,
         class: "nmorph-validation-icon__content",
         name: a.value,
@@ -3319,7 +3282,7 @@ const Te = "18px", Cn = /* @__PURE__ */ H({
     ], 2));
   }
 });
-const Mn = { key: 0 }, Sn = { class: "nmorph-form-item__content" }, ns = /* @__PURE__ */ H({
+const Cn = { key: 0 }, Mn = { class: "nmorph-form-item__content" }, ls = /* @__PURE__ */ H({
   __name: "NmorphFormItem",
   props: {
     id: {},
@@ -3329,9 +3292,9 @@ const Mn = { key: 0 }, Sn = { class: "nmorph-form-item__content" }, ns = /* @__P
     staticErrorBoxSpace: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const l = e, t = N("form-data", void 0), a = d(() => t?.fields[l.id]), n = d(() => a.value), r = d(
+    const l = e, t = N("form-data", void 0), a = c(() => t?.fields[l.id]), n = c(() => a.value), r = c(
       () => !!n.value && !!a?.value?.touched && l.showValidationIcon
-    ), s = d(() => n.value && a.value?.touched), o = d(
+    ), s = c(() => n.value && a.value?.touched), o = c(
       () => V({
         "nmorph-form-item": [
           `${l.label && "labeled"}`,
@@ -3339,19 +3302,19 @@ const Mn = { key: 0 }, Sn = { class: "nmorph-form-item__content" }, ns = /* @__P
         ]
       })
     );
-    return (u, p) => (i(), c("div", {
+    return (u, p) => (i(), d("div", {
       class: T(o.value)
     }, [
-      l.label ? (i(), c("label", Mn, U(l.label), 1)) : E("", !0),
-      f("div", Sn, [
+      l.label ? (i(), d("label", Cn, U(l.label), 1)) : E("", !0),
+      f("div", Mn, [
         B(u.$slots, "default"),
-        l.showValidationIcon ? (i(), z(v(Cn), {
+        l.showValidationIcon ? (i(), R(v(wn), {
           key: 0,
           valid: !!a.value?.valid,
           show: r.value
         }, null, 8, ["valid", "show"])) : E("", !0)
       ]),
-      S(v(wn), {
+      S(v(xn), {
         errors: a.value?.errors,
         height: l.height,
         "static-height": u.staticErrorBoxSpace
@@ -3359,16 +3322,16 @@ const Mn = { key: 0 }, Sn = { class: "nmorph-form-item__content" }, ns = /* @__P
     ], 2));
   }
 });
-const Tn = { class: "nmorph-number-input__content" }, Bn = { class: "nmorph-number-input__input-content" }, Dn = {
+const Sn = { class: "nmorph-number-input__content" }, Tn = { class: "nmorph-number-input__input-content" }, Bn = {
   key: 0,
   class: "nmorph-number-input__decrease"
-}, On = ["value", "min", "max"], Vn = {
+}, Dn = ["value", "min", "max"], On = {
   key: 1,
   class: "nmorph-number-input__increase"
-}, Hn = {
+}, Vn = {
   key: 2,
   class: "nmorph-number-input__action-btns"
-}, En = { class: "nmorph-number-input__decrease" }, Pn = { class: "nmorph-number-input__increase" }, os = /* @__PURE__ */ H({
+}, Hn = { class: "nmorph-number-input__decrease" }, En = { class: "nmorph-number-input__increase" }, ns = /* @__PURE__ */ H({
   __name: "NmorphNumberInput",
   props: {
     modelValue: { default: 0 },
@@ -3384,7 +3347,7 @@ const Tn = { class: "nmorph-number-input__content" }, Bn = { class: "nmorph-numb
     I((x) => ({
       "7010eeb0": w.value
     }));
-    const a = e, n = d(
+    const a = e, n = c(
       () => V({
         nmorph: [se[a.height]],
         "nmorph-number-input": [
@@ -3396,7 +3359,7 @@ const Tn = { class: "nmorph-number-input__content" }, Bn = { class: "nmorph-numb
       r.value += a.step;
     }, o = () => {
       r.value -= a.step;
-    }, u = d(() => r.value <= a.min), p = d(() => r.value >= a.max), w = d(() => a.height === "thick" ? "16px" : "12px"), C = {
+    }, u = c(() => r.value <= a.min), p = c(() => r.value >= a.max), w = c(() => a.height === "thick" ? "16px" : "12px"), C = {
       thick: {
         default: "12px",
         right: "8px"
@@ -3409,7 +3372,7 @@ const Tn = { class: "nmorph-number-input__content" }, Bn = { class: "nmorph-numb
         default: "8px",
         right: "5px"
       }
-    }, m = d(() => {
+    }, m = c(() => {
       const x = a.actionBtnPositionRight ? "right" : "default";
       return C[a.height][x];
     }), g = t, _ = (x) => {
@@ -3421,12 +3384,12 @@ const Tn = { class: "nmorph-number-input__content" }, Bn = { class: "nmorph-numb
       x > a.max && (r.value = a.max, b.value?.blur()), r.value < a.min && (r.value = a.min, b.value?.blur()), g("update:model-value", x);
     });
     const b = y(null);
-    return l({ inputDOMRef: b }), (x, h) => (i(), c("div", {
+    return l({ inputDOMRef: b }), (x, h) => (i(), d("div", {
       class: T(n.value)
     }, [
-      f("div", Tn, [
-        f("div", Bn, [
-          x.actionBtnPositionRight ? E("", !0) : (i(), c("div", Dn, [
+      f("div", Sn, [
+        f("div", Tn, [
+          x.actionBtnPositionRight ? E("", !0) : (i(), d("div", Bn, [
             S(v(G), {
               "style-type": "transparent",
               disabled: u.value,
@@ -3434,7 +3397,7 @@ const Tn = { class: "nmorph-number-input__content" }, Bn = { class: "nmorph-numb
               onClick: o
             }, {
               default: j(() => [
-                S(v(R), {
+                S(v(z), {
                   name: "minus-thin",
                   width: m.value,
                   height: m.value
@@ -3452,16 +3415,16 @@ const Tn = { class: "nmorph-number-input__content" }, Bn = { class: "nmorph-numb
             min: a.min,
             max: a.max,
             onInput: _
-          }, null, 40, On),
-          x.actionBtnPositionRight ? (i(), c("div", Hn, [
-            f("div", En, [
+          }, null, 40, Dn),
+          x.actionBtnPositionRight ? (i(), d("div", Vn, [
+            f("div", Hn, [
               S(v(G), {
                 "style-type": "transparent",
                 disabled: u.value,
                 onClick: o
               }, {
                 default: j(() => [
-                  S(v(R), {
+                  S(v(z), {
                     name: "minus-thin",
                     width: m.value,
                     height: m.value
@@ -3470,14 +3433,14 @@ const Tn = { class: "nmorph-number-input__content" }, Bn = { class: "nmorph-numb
                 _: 1
               }, 8, ["disabled"])
             ]),
-            f("div", Pn, [
+            f("div", En, [
               S(v(G), {
                 "style-type": "transparent",
                 disabled: p.value,
                 onClick: s
               }, {
                 default: j(() => [
-                  S(v(R), {
+                  S(v(z), {
                     name: "plus-thin",
                     width: m.value,
                     height: m.value
@@ -3486,7 +3449,7 @@ const Tn = { class: "nmorph-number-input__content" }, Bn = { class: "nmorph-numb
                 _: 1
               }, 8, ["disabled"])
             ])
-          ])) : (i(), c("div", Vn, [
+          ])) : (i(), d("div", On, [
             S(v(G), {
               "style-type": "transparent",
               disabled: p.value,
@@ -3494,7 +3457,7 @@ const Tn = { class: "nmorph-number-input__content" }, Bn = { class: "nmorph-numb
               onClick: s
             }, {
               default: j(() => [
-                S(v(R), {
+                S(v(z), {
                   name: "plus-thin",
                   width: m.value,
                   height: m.value
@@ -3508,16 +3471,16 @@ const Tn = { class: "nmorph-number-input__content" }, Bn = { class: "nmorph-numb
     ], 2));
   }
 });
-const An = { class: "nmorph-select__content" }, Fn = ["id", "name"], zn = ["value"], Rn = {
+const Pn = { class: "nmorph-select__content" }, An = ["id", "name"], Fn = ["value"], Rn = {
   key: 0,
   class: "nmorph-select__selected-value"
-}, jn = {
+}, zn = {
   key: 1,
   class: "nmorph-select__selected-value"
-}, Wn = {
+}, jn = {
   key: 2,
   class: "nmorph-select__selected-value"
-}, ss = /* @__PURE__ */ H({
+}, os = /* @__PURE__ */ H({
   __name: "NmorphSelect",
   props: {
     noElementPlaceholder: { default: "" },
@@ -3534,9 +3497,9 @@ const An = { class: "nmorph-select__content" }, Fn = ["id", "name"], zn = ["valu
   },
   emits: ["update:model-value"],
   setup(e, { emit: l }) {
-    const { t } = ke(), a = e, n = d(
+    const { t } = ke(), a = e, n = c(
       () => a.noElementPlaceholder ? a.noElementPlaceholder : t("NmorphSelect.noElementPlaceholder")
-    ), r = l, s = y(a.modelValue), o = y(a.open), u = y(null), p = y(null), w = y(!0), C = a.id ? a.id : ce(), m = a.name ? a.name : ce(), g = (J) => {
+    ), r = l, s = y(a.modelValue), o = y(a.open), u = y(null), p = y(null), w = y(!0), C = a.id ? a.id : de(), m = a.name ? a.name : de(), g = (J) => {
       if (!a.disabled) {
         if (o.value = !1, typeof s.value == "string" && (!a.valueRequired && s.value === J ? s.value = "" : s.value = J, r("update:model-value", s.value)), Array.isArray(s.value)) {
           const Z = s.value.includes(J), ne = s.value.length === 1 && Z;
@@ -3550,7 +3513,7 @@ const An = { class: "nmorph-select__content" }, Fn = ["id", "name"], zn = ["valu
       _.value = !0;
     }, x = () => {
       _.value = !1;
-    }, h = d(
+    }, h = c(
       () => V({
         nmorph: [se[a.height]],
         "nmorph-select": [
@@ -3588,7 +3551,7 @@ const An = { class: "nmorph-select__content" }, Fn = ["id", "name"], zn = ["valu
     }), he(() => {
       document.removeEventListener("click", M);
     });
-    const D = d(() => typeof s.value == "string" ? s.value === "" ? n.value : a.options.find((J) => J.value === s.value)?.label : a.options.find((J) => J.value === s.value)?.label), Y = d(() => a.options.length > 0 ? a.options : a.optionsMap), F = d(() => Y.value.length > 0 ? Y.value.filter((Z) => s.value.includes(Z.value)).map((Z) => ({ text: Z.label, value: Z.value })) : Array.isArray(s.value) ? s.value.map((Z) => ({ text: Z, value: Z })) : [{ text: s.value, value: s.value }]);
+    const D = c(() => typeof s.value == "string" ? s.value === "" ? n.value : a.options.find((J) => J.value === s.value)?.label : a.options.find((J) => J.value === s.value)?.label), Y = c(() => a.options.length > 0 ? a.options : a.optionsMap), F = c(() => Y.value.length > 0 ? Y.value.filter((Z) => s.value.includes(Z.value)).map((Z) => ({ text: Z.label, value: Z.value })) : Array.isArray(s.value) ? s.value.map((Z) => ({ text: Z, value: Z })) : [{ text: s.value, value: s.value }]);
     ee("select-selected-value", s), ee("select-change-selected-value", g);
     const Q = y(null), le = () => {
       o.value = !o.value;
@@ -3599,10 +3562,10 @@ const An = { class: "nmorph-select__content" }, Fn = ["id", "name"], zn = ["valu
     }, ie = () => {
       o.value && g(O.value);
     };
-    return (J, Z) => (i(), c("div", {
+    return (J, Z) => (i(), d("div", {
       class: T(h.value)
     }, [
-      f("div", An, [
+      f("div", Pn, [
         f("select", {
           id: v(C),
           name: v(m),
@@ -3615,19 +3578,19 @@ const An = { class: "nmorph-select__content" }, Fn = ["id", "name"], zn = ["valu
             ve(ie, ["enter"])
           ]
         }, [
-          (i(!0), c(K, null, X(P.value, (ne) => (i(), c("option", {
+          (i(!0), d(K, null, X(P.value, (ne) => (i(), d("option", {
             key: ne,
             value: ne
-          }, null, 8, zn))), 128))
-        ], 40, Fn),
+          }, null, 8, Fn))), 128))
+        ], 40, An),
         f("div", {
           ref_key: "nmorphSelectDOMRef",
           ref: Q,
           class: "nmorph-select__selected-values-line",
           onClick: re(k, ["stop"])
         }, [
-          typeof s.value == "string" ? (i(), c("div", Rn, U(D.value), 1)) : s.value.length === 0 ? (i(), c("div", jn, U(n.value), 1)) : (i(), c("div", Wn, [
-            (i(!0), c(K, null, X(F.value, (ne) => (i(), z(v(ut), ye({
+          typeof s.value == "string" ? (i(), d("div", Rn, U(D.value), 1)) : s.value.length === 0 ? (i(), d("div", zn, U(n.value), 1)) : (i(), d("div", jn, [
+            (i(!0), d(K, null, X(F.value, (ne) => (i(), R(v(ut), ye({
               key: ne.value,
               ref_for: !0
             }, ne, {
@@ -3637,13 +3600,13 @@ const An = { class: "nmorph-select__content" }, Fn = ["id", "name"], zn = ["valu
               onClose: g
             }), null, 16, ["removable"]))), 128))
           ])),
-          S(v(R), {
+          S(v(z), {
             name: a.loading ? "loader" : "chevron-down",
             class: "nmorph-select__chevron"
           }, null, 8, ["name"])
         ], 512)
       ]),
-      Q.value && !a.disabled ? (i(), z(v(Me), {
+      Q.value && !a.disabled ? (i(), R(v(Me), {
         key: 0,
         open: o.value,
         "relative-element": Q.value,
@@ -3655,12 +3618,12 @@ const An = { class: "nmorph-select__content" }, Fn = ["id", "name"], zn = ["valu
             ref: u,
             class: "nmorph-select__options"
           }, [
-            a.loading ? (i(), z(v(R), {
+            a.loading ? (i(), R(v(z), {
               key: 0,
               name: "loader",
               class: "nmorph-select__chevron",
               size: "medium"
-            })) : (i(!0), c(K, { key: 1 }, X(J.options, (ne) => (i(), z(v(qn), ye({
+            })) : (i(!0), d(K, { key: 1 }, X(J.options, (ne) => (i(), R(v(Un), ye({
               key: ne.value,
               ref_for: !0
             }, ne, {
@@ -3674,7 +3637,7 @@ const An = { class: "nmorph-select__content" }, Fn = ["id", "name"], zn = ["valu
     ], 2));
   }
 });
-const Yn = ["value"], Un = { class: "nmorph-select-option__content" }, qn = /* @__PURE__ */ H({
+const Wn = ["value"], Yn = { class: "nmorph-select-option__content" }, Un = /* @__PURE__ */ H({
   __name: "NmorphSelectOption",
   props: {
     value: {},
@@ -3686,7 +3649,7 @@ const Yn = ["value"], Un = { class: "nmorph-select-option__content" }, qn = /* @
   setup(e, { emit: l }) {
     const t = N("select-selected-value", void 0), a = N("select-change-selected-value", void 0), n = e, r = l, s = () => {
       n.disabled || (r("change-value", n.value), a && a(n.value));
-    }, o = d(() => typeof t?.value == "string" ? t.value === n.value : Array.isArray(t?.value) ? t.value.some((p) => p === n.value) : !1), u = d(
+    }, o = c(() => typeof t?.value == "string" ? t.value === n.value : Array.isArray(t?.value) ? t.value.some((p) => p === n.value) : !1), u = c(
       () => V({
         nmorph: [se[n.height]],
         "nmorph-select-option": [
@@ -3696,24 +3659,24 @@ const Yn = ["value"], Un = { class: "nmorph-select-option__content" }, qn = /* @
         ]
       })
     );
-    return (p, w) => (i(), c("div", {
+    return (p, w) => (i(), d("div", {
       class: T(u.value),
       onClick: s,
       value: n.value
     }, [
-      f("div", Un, [
+      f("div", Yn, [
         f("span", null, U(n.label), 1),
         B(p.$slots, "default")
       ]),
-      o.value ? (i(), z(v(R), {
+      o.value ? (i(), R(v(z), {
         key: 0,
         name: "success",
         class: "nmorph-select-option__checked"
       })) : E("", !0)
-    ], 10, Yn));
+    ], 10, Wn));
   }
 });
-const Gn = { class: "nmorph-slider__content" }, Qn = { class: "nmorph-slider__input-wrapper" }, Kn = ["value", "min", "max", "step", "disabled"], Be = 50, rs = /* @__PURE__ */ H({
+const qn = { class: "nmorph-slider__content" }, Gn = { class: "nmorph-slider__input-wrapper" }, Qn = ["value", "min", "max", "step", "disabled"], Be = 50, ss = /* @__PURE__ */ H({
   __name: "NmorphSlider",
   props: {
     modelValue: { default: 0 },
@@ -3728,7 +3691,7 @@ const Gn = { class: "nmorph-slider__content" }, Qn = { class: "nmorph-slider__in
     I(($) => ({
       "1a01901a": n
     }));
-    const t = e, a = d(
+    const t = e, a = c(
       () => V({
         nmorph: [],
         "nmorph-slider": [`${t.disabled && "disabled"}`]
@@ -3742,7 +3705,7 @@ const Gn = { class: "nmorph-slider__content" }, Qn = { class: "nmorph-slider__in
         o.value = $;
       }
     );
-    const p = y(null), w = d(() => {
+    const p = y(null), w = c(() => {
       const $ = C.value - C.value, O = t.max - t.min + $, D = (o.value - t.min) / O * 100, Y = u.value?.clientWidth || 0, F = Be / Y * 100, Q = F / 2;
       let le = D - Q;
       const L = `${Math.max(0, Math.min(100 - F, le))}%`, ie = Y / 100, Z = Be / 2 / ie, Xe = (p.value?.tooltipBody.clientWidth ?? 24) / 2 / ie, mt = Xe === 1 / 0 ? 1.714 : Xe, ht = `${parseFloat(L) + Z - mt}%`;
@@ -3779,17 +3742,17 @@ const Gn = { class: "nmorph-slider__content" }, Qn = { class: "nmorph-slider__in
       const O = $.target;
       o.value = Number(O.value);
     }, P = y(!0);
-    return ($, O) => (i(), c("div", {
+    return ($, O) => (i(), d("div", {
       class: T(a.value)
     }, [
-      f("div", Gn, [
-        f("div", Qn, [
+      f("div", qn, [
+        f("div", Gn, [
           f("div", {
             ref_key: "sliderContainer",
             ref: u,
             class: "nmorph-slider__input-container"
           }, [
-            r.value && !t.disabled ? (i(), z(v(zl), {
+            r.value && !t.disabled ? (i(), R(v(Fl), {
               key: 0,
               ref_key: "tooltipRootRef",
               ref: p,
@@ -3816,14 +3779,14 @@ const Gn = { class: "nmorph-slider__content" }, Qn = { class: "nmorph-slider__in
               step: t.step,
               disabled: t.disabled,
               onInput: A
-            }, null, 40, Kn)
+            }, null, 40, Qn)
           ], 512)
         ])
       ])
     ], 2));
   }
 });
-const Xn = ["value", "disabled"], Jn = { class: "nmorph-switch-thumb" }, is = /* @__PURE__ */ H({
+const Kn = ["value", "disabled"], Xn = { class: "nmorph-switch-thumb" }, rs = /* @__PURE__ */ H({
   __name: "NmorphSwitch",
   props: {
     modelValue: { type: [Boolean, String, Number], default: !1 },
@@ -3838,7 +3801,7 @@ const Xn = ["value", "disabled"], Jn = { class: "nmorph-switch-thumb" }, is = /*
       r.value = !0;
     }, o = () => {
       r.value = !1;
-    }, u = d(
+    }, u = c(
       () => V({
         "nmorph-switch": [
           `${a.disabled && "disabled"}`,
@@ -3859,7 +3822,7 @@ const Xn = ["value", "disabled"], Jn = { class: "nmorph-switch-thumb" }, is = /*
       (m) => {
         p.value = m === a.activeValue;
       }
-    ), (m, g) => (i(), c("div", {
+    ), (m, g) => (i(), d("div", {
       class: T(u.value)
     }, [
       f("div", {
@@ -3875,14 +3838,14 @@ const Xn = ["value", "disabled"], Jn = { class: "nmorph-switch-thumb" }, is = /*
           class: "nmorph-native-input",
           onFocus: s,
           onBlur: o
-        }, null, 40, Xn),
+        }, null, 40, Kn),
         f("div", {
           class: T(["nmorph-switch__bg-content", { "nmorph-switch__bg-content--enable": p.value }])
         }, [
           p.value ? B(m.$slots, "bg-on", { key: 0 }) : B(m.$slots, "bg-off", { key: 1 })
         ], 2),
-        f("div", Jn, [
-          a.loading ? (i(), z(v(R), {
+        f("div", Xn, [
+          a.loading ? (i(), R(v(z), {
             key: 0,
             name: "loader",
             width: "14px",
@@ -3893,10 +3856,10 @@ const Xn = ["value", "disabled"], Jn = { class: "nmorph-switch-thumb" }, is = /*
     ], 2));
   }
 });
-const Zn = { class: "nmorph-text-input__input-side" }, Nn = {
+const Jn = { class: "nmorph-text-input__input-side" }, Zn = {
   key: 0,
   class: "nmorph-text-input__prepend-icon"
-}, In = ["type", "placeholder", "disabled", "value"], Ln = /* @__PURE__ */ H({
+}, Nn = ["type", "placeholder", "disabled", "value"], In = /* @__PURE__ */ H({
   __name: "NmorphTextInput",
   props: {
     placeholder: { default: "" },
@@ -3911,7 +3874,7 @@ const Zn = { class: "nmorph-text-input__input-side" }, Nn = {
     I((h) => ({
       "6c6d90c2": x.value
     }));
-    const a = Ee(), n = e, r = d(
+    const a = Ee(), n = e, r = c(
       () => V({
         nmorph: [se[n.height], `${w.value && "focused"}`],
         "nmorph-text-input": [`${n.typePassword && "password"}`]
@@ -3921,18 +3884,18 @@ const Zn = { class: "nmorph-text-input__input-side" }, Nn = {
       _("update:model-value", k.value);
     }, o = y(!1), u = () => {
       n.clearable ? _("update:model-value", "") : o.value = !o.value;
-    }, p = d(() => n.typePassword && !o.value && !n.clearable ? "password" : "text"), w = y(!1), C = () => {
+    }, p = c(() => n.typePassword && !o.value && !n.clearable ? "password" : "text"), w = y(!1), C = () => {
       _("focus"), w.value = !0;
     }, m = () => {
       _("blur"), w.value = !1;
     }, g = y(null);
     l({ inputDOMRef: g });
-    const _ = t, b = d(() => n.clearable ? "error" : o.value ? "eye-blocked" : "eye"), x = d(() => a["prepend-icon"] ? "28px" : "8px");
-    return (h, k) => (i(), c("div", {
+    const _ = t, b = c(() => n.clearable ? "error" : o.value ? "eye-blocked" : "eye"), x = c(() => a["prepend-icon"] ? "28px" : "8px");
+    return (h, k) => (i(), d("div", {
       class: T(r.value)
     }, [
-      f("div", Zn, [
-        v(a)["prepend-icon"] ? (i(), c("div", Nn, [
+      f("div", Jn, [
+        v(a)["prepend-icon"] ? (i(), d("div", Zn, [
           B(h.$slots, "prepend-icon")
         ])) : E("", !0),
         f("input", {
@@ -3947,8 +3910,8 @@ const Zn = { class: "nmorph-text-input__input-side" }, Nn = {
           onFocus: C,
           onBlur: m,
           onKeyup: k[0] || (k[0] = ve((M) => _("on-enter"), ["enter"]))
-        }, null, 40, In),
-        n.typePassword || n.clearable ? (i(), z(v(G), {
+        }, null, 40, Nn),
+        n.typePassword || n.clearable ? (i(), R(v(G), {
           key: 1,
           disabled: n.disabled,
           class: "nmorph-text-input__password-btn",
@@ -3958,7 +3921,7 @@ const Zn = { class: "nmorph-text-input__input-side" }, Nn = {
           onClick: u
         }, {
           default: j(() => [
-            S(v(R), { name: b.value }, null, 8, ["name"])
+            S(v(z), { name: b.value }, null, 8, ["name"])
           ]),
           _: 1
         }, 8, ["disabled", "height"])) : E("", !0)
@@ -3966,7 +3929,7 @@ const Zn = { class: "nmorph-text-input__input-side" }, Nn = {
     ], 2));
   }
 });
-const eo = { class: "nmorph-time-picker__content" }, to = { class: "nmorph-time-picker__selected-time" }, ao = ["value"], lo = { class: "nmorph-time-picker__dropdown" }, Ce = 20, us = /* @__PURE__ */ H({
+const Ln = { class: "nmorph-time-picker__content" }, eo = { class: "nmorph-time-picker__selected-time" }, to = ["value"], ao = { class: "nmorph-time-picker__dropdown" }, Ce = 20, is = /* @__PURE__ */ H({
   __name: "NmorphTimePicker",
   props: {
     modelValue: { default: 0 },
@@ -3987,13 +3950,13 @@ const eo = { class: "nmorph-time-picker__content" }, to = { class: "nmorph-time-
     l({ inputDOMRef: s });
     const o = y(a.open), u = y([0, 0, 0]), p = y(a.initWithoutValue), w = () => {
       o.value = !o.value;
-    }, C = d(
+    }, C = c(
       () => V({
         nmorph: [se[a.height]],
         "nmorph-time-picker": [`${a.disabled && "disabled"}`, `${o.value && "open"}`]
       })
     ), m = Array.from({ length: 24 }, ($, O) => O), g = Array.from({ length: 60 }, ($, O) => O), _ = () => {
-      p.value = !1, n("update:model-value", no(u.value));
+      p.value = !1, n("update:model-value", lo(u.value));
     }, b = ($) => {
       const O = $;
       u.value = [O, u.value[1], u.value[2]], _();
@@ -4014,18 +3977,18 @@ const eo = { class: "nmorph-time-picker__content" }, to = { class: "nmorph-time-
       const $ = lt(a.modelValue).split(":").map((O) => Number(O));
       u.value = $;
     })();
-    const A = d(() => `${Ce}px`), P = d(() => p.value ? "——:——:——" : lt(a.modelValue));
+    const A = c(() => `${Ce}px`), P = c(() => p.value ? "——:——:——" : lt(a.modelValue));
     return ($, O) => {
       const D = Pe("NmorphTimeRoller");
-      return i(), c("div", {
+      return i(), d("div", {
         ref_key: "timepickerDOMRef",
         ref: r,
         class: T(C.value),
         onClick: w
       }, [
-        f("div", eo, [
-          f("div", to, [
-            S(v(R), {
+        f("div", Ln, [
+          f("div", eo, [
+            S(v(z), {
               name: "time",
               class: "nmorph-time-picker__time-icon"
             }),
@@ -4036,17 +3999,17 @@ const eo = { class: "nmorph-time-picker__content" }, to = { class: "nmorph-time-
               value: u.value,
               step: "1",
               class: "nmorph-native-input"
-            }, null, 8, ao),
+            }, null, 8, to),
             f("span", null, U(P.value), 1)
           ]),
-          r.value ? (i(), z(v(Me), {
+          r.value ? (i(), R(v(Me), {
             key: 0,
             open: o.value,
             "relative-element": r.value,
             onOnOutsideClick: k
           }, {
             default: j(() => [
-              f("div", lo, [
+              f("div", ao, [
                 S(D, {
                   "set-value-on-mount": !p.value,
                   values: v(m),
@@ -4083,28 +4046,28 @@ const eo = { class: "nmorph-time-picker__content" }, to = { class: "nmorph-time-
 const lt = (e) => {
   const l = new Date(e), t = l.getHours().toString().padStart(2, "0"), a = l.getMinutes().toString().padStart(2, "0"), n = l.getSeconds().toString().padStart(2, "0");
   return `${t}:${a}:${n}`;
-}, no = (e) => {
+}, lo = (e) => {
   const [l, t, a] = e, n = /* @__PURE__ */ new Date();
   return n.setHours(l), n.setMinutes(t), n.setSeconds(a), n.setMilliseconds(0), n.getTime();
-}, oo = {
+}, no = {
   key: 0,
   class: "nmorph-radio__content"
-}, so = { class: "nmorph-radio__input-wrapper" }, ro = ["name", "value", "checked", "tabindex"], io = {
+}, oo = { class: "nmorph-radio__input-wrapper" }, so = ["name", "value", "checked", "tabindex"], ro = {
   key: 0,
   class: "nmorph-radio__fake-checked"
-}, uo = {
+}, io = {
   key: 0,
   class: "nmorph-radio__label"
-}, co = {
+}, uo = {
   key: 1,
   class: "nmorph-radio__content"
-}, po = ["disabled", "name", "value", "checked", "tabindex"], vo = {
+}, co = ["disabled", "name", "value", "checked", "tabindex"], po = {
   key: 0,
   class: "nmorph-radio__fake"
-}, mo = {
+}, vo = {
   key: 1,
   class: "nmorph-radio__fake"
-}, ho = /* @__PURE__ */ H({
+}, mo = /* @__PURE__ */ H({
   __name: "NmorphRadio",
   props: {
     styleType: { default: "button" },
@@ -4120,17 +4083,17 @@ const lt = (e) => {
       void 0
     ), n = e, r = () => {
       a && !n.disabled && a(n.value);
-    }, s = d(() => t?.value === n.value || n.checked), o = d(
+    }, s = c(() => t?.value === n.value || n.checked), o = c(
       () => V({
         "nmorph-radio": [`${n.disabled && "disabled"}`, `${s.value && "checked"}`, n.styleType]
       })
     ), u = y(null);
-    return l({ inputDOMRef: u }), (p, w) => (i(), c("label", {
+    return l({ inputDOMRef: u }), (p, w) => (i(), d("label", {
       class: T(o.value),
       onClick: re(r, ["prevent"])
     }, [
-      n.styleType === "radio-style" ? (i(), c("div", oo, [
-        f("div", so, [
+      n.styleType === "radio-style" ? (i(), d("div", no, [
+        f("div", oo, [
           f("input", {
             ref_key: "inputDOMRef",
             ref: u,
@@ -4140,13 +4103,13 @@ const lt = (e) => {
             checked: s.value,
             tabindex: n.tabindex,
             class: "nmorph-native-input"
-          }, null, 8, ro),
+          }, null, 8, so),
           w[0] || (w[0] = f("div", { class: "nmorph-radio__fake" }, null, -1)),
-          s.value ? (i(), c("div", io)) : E("", !0)
+          s.value ? (i(), d("div", ro)) : E("", !0)
         ]),
-        n.label ? (i(), c("span", uo, U(n.label), 1)) : B(p.$slots, "label", { key: 1 }, void 0, !0)
+        n.label ? (i(), d("span", io, U(n.label), 1)) : B(p.$slots, "label", { key: 1 }, void 0, !0)
       ])) : E("", !0),
-      n.styleType === "button" ? (i(), c("div", co, [
+      n.styleType === "button" ? (i(), d("div", uo, [
         f("input", {
           ref_key: "inputDOMRef",
           ref: u,
@@ -4157,17 +4120,17 @@ const lt = (e) => {
           checked: s.value,
           tabindex: n.tabindex,
           class: "nmorph-native-input"
-        }, null, 8, po),
-        n.label ? (i(), c("div", vo, [
+        }, null, 8, co),
+        n.label ? (i(), d("div", po, [
           f("span", null, U(n.label), 1)
-        ])) : (i(), c("div", mo, [
+        ])) : (i(), d("div", vo, [
           B(p.$slots, "label", {}, void 0, !0)
         ]))
       ])) : E("", !0)
     ], 2));
   }
 });
-const fo = /* @__PURE__ */ $e(ho, [["__scopeId", "data-v-e1360c2e"]]), _o = { class: "nmorph-radio-group__wrapper" }, go = { class: "nmorph-radio-group__content" }, ct = /* @__PURE__ */ H({
+const ho = /* @__PURE__ */ $e(mo, [["__scopeId", "data-v-e1360c2e"]]), fo = { class: "nmorph-radio-group__wrapper" }, _o = { class: "nmorph-radio-group__content" }, dt = /* @__PURE__ */ H({
   __name: "NmorphRadioGroup",
   props: {
     modelValue: { default: "" },
@@ -4188,15 +4151,15 @@ const fo = /* @__PURE__ */ $e(ho, [["__scopeId", "data-v-e1360c2e"]]), _o = { cl
     );
     const n = l, r = (o) => {
       a.value = o, n("update:model-value", a.value);
-    }, s = d(() => V({ "nmorph-radio-group": [t.styleType, t.direction] }));
+    }, s = c(() => V({ "nmorph-radio-group": [t.styleType, t.direction] }));
     return ee("radio-group-selected-value", a), ee("change-radio-button-value-handler", r), (o, u) => {
       const p = Pe("NmorphRadio");
-      return i(), c("div", {
+      return i(), d("div", {
         class: T(s.value)
       }, [
-        f("div", _o, [
-          f("div", go, [
-            (i(!0), c(K, null, X(o.options, (w) => (i(), z(p, {
+        f("div", fo, [
+          f("div", _o, [
+            (i(!0), d(K, null, X(o.options, (w) => (i(), R(p, {
               key: w.value,
               label: w.label,
               value: w.value,
@@ -4211,7 +4174,7 @@ const fo = /* @__PURE__ */ $e(ho, [["__scopeId", "data-v-e1360c2e"]]), _o = { cl
     };
   }
 });
-const ds = /* @__PURE__ */ H({
+const us = /* @__PURE__ */ H({
   __name: "NmorphBacktop",
   props: {
     right: { default: 40 },
@@ -4225,7 +4188,7 @@ const ds = /* @__PURE__ */ H({
       "13d4e1c7": n.value,
       "4bd46fe0": r.value
     }));
-    const t = e, a = l, n = d(() => `${t.right}px`), r = d(() => `${t.bottom}px`), s = d(
+    const t = e, a = l, n = c(() => `${t.right}px`), r = c(() => `${t.bottom}px`), s = c(
       () => V({
         "nmorph-backtop": [`${p.value && "show"}`, t.design]
       })
@@ -4245,7 +4208,7 @@ const ds = /* @__PURE__ */ H({
       u.value && (o.value = u.value.parentElement, o.value?.addEventListener("scroll", w));
     }), he(() => {
       o.value && o.value?.removeEventListener("scroll", w);
-    }), (m, g) => (i(), c("div", {
+    }), (m, g) => (i(), d("div", {
       ref_key: "selfDOMEl",
       ref: u,
       class: T(s.value)
@@ -4258,7 +4221,7 @@ const ds = /* @__PURE__ */ H({
             "style-type": t.design === "nmorph" ? "default" : "transparent"
           }, {
             default: j(() => [
-              S(v(R), {
+              S(v(z), {
                 name: "chevron-down",
                 class: "nmorph-backtop__up-icon",
                 color: t.design === "nmorph" ? void 0 : "var(--nmorph-white-color)"
@@ -4271,7 +4234,7 @@ const ds = /* @__PURE__ */ H({
     ], 2));
   }
 });
-const yo = ["id"], bo = {
+const go = ["id"], yo = {
   key: 0,
   class: "nmorph-breadcrumb__separator"
 }, cs = /* @__PURE__ */ H({
@@ -4280,51 +4243,51 @@ const yo = ["id"], bo = {
     separator: { default: "/" }
   },
   setup(e) {
-    const l = e, t = y([]), a = ce();
+    const l = e, t = y([]), a = de();
     ee("breadcrumb-data", { breadcrumbs: t, breadcrumbId: a });
-    const n = d(
+    const n = c(
       () => V({
         "nmorph-breadcrumb": []
       })
     );
-    return (r, s) => (i(), c("div", {
+    return (r, s) => (i(), d("div", {
       class: T(n.value)
     }, [
       B(r.$slots, "default"),
-      (i(!0), c(K, null, X(t.value, (o, u) => (i(), c("div", {
+      (i(!0), d(K, null, X(t.value, (o, u) => (i(), d("div", {
         key: u,
         class: "nmorph-breadcrumb__content"
       }, [
         f("div", {
           id: `nmorph-breadcrumb-${v(a)}-${o.itemId}-element`,
           class: "nmorph-breadcrumb__element"
-        }, null, 8, yo),
-        u < t.value.length - 1 ? (i(), c("div", bo, U(l.separator), 1)) : E("", !0)
+        }, null, 8, go),
+        u < t.value.length - 1 ? (i(), d("div", yo, U(l.separator), 1)) : E("", !0)
       ]))), 128))
     ], 2));
   }
 });
-const ps = /* @__PURE__ */ H({
+const ds = /* @__PURE__ */ H({
   __name: "NmorphBreadcrumbItem",
   props: {
     to: { default: "" },
     replace: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const l = e, t = d(
+    const l = e, t = c(
       () => V({
         "nmorph-breadcrumb-item": []
       })
-    ), a = N("breadcrumb-data", void 0), n = y(!1), r = ce();
+    ), a = N("breadcrumb-data", void 0), n = y(!1), r = de();
     return ae(() => {
       n.value = !0;
     }), a.breadcrumbs.value.push({ ...l, itemId: r }), (s, o) => {
       const u = Pe("router-link");
-      return n.value && v(r) ? (i(), c("div", {
+      return n.value && v(r) ? (i(), d("div", {
         key: 0,
         class: T(t.value)
       }, [
-        (i(), z(ge, {
+        (i(), R(ge, {
           to: `#nmorph-breadcrumb-${v(a)?.breadcrumbId}-${v(r)}-element`
         }, [
           S(u, {
@@ -4362,14 +4325,14 @@ const ps = /* @__PURE__ */ H({
       relativeElement: t.relativeElement,
       yOffset: t.yOffset,
       xOffset: t.xOffset
-    }), s = d(
+    }), s = c(
       () => V({
         "nmorph-dropdown": [`${!t.open && "closed"}`]
       })
-    ), o = d(() => t.fillWidth ? `${t.relativeElement?.clientWidth}px` : `${t.width}px`), u = () => {
+    ), o = c(() => t.fillWidth ? `${t.relativeElement?.clientWidth}px` : `${t.width}px`), u = () => {
       a("on-outside-click");
     };
-    return (p, w) => (i(), z(v(Ke), {
+    return (p, w) => (i(), R(v(Ke), {
       show: t.open,
       transparent: "",
       onOnOutsideClick: u
@@ -4388,7 +4351,7 @@ const ps = /* @__PURE__ */ H({
     }, 8, ["show"]));
   }
 });
-const ko = { class: "nmorph-tabs__label-list" }, $o = ["id", "onClick", "custom"], xo = { key: 0 }, wo = { class: "nmorph-tabs__content__wrapper" }, Co = { class: "nmorph-tabs__content" }, Mo = ["id"], So = { key: 0 }, vs = /* @__PURE__ */ H({
+const bo = { class: "nmorph-tabs__label-list" }, ko = ["id", "onClick", "custom"], $o = { key: 0 }, xo = { class: "nmorph-tabs__content__wrapper" }, wo = { class: "nmorph-tabs__content" }, Co = ["id"], Mo = { key: 0 }, ps = /* @__PURE__ */ H({
   __name: "NmorphTabs",
   props: {
     modelValue: { default: 0 },
@@ -4397,7 +4360,7 @@ const ko = { class: "nmorph-tabs__label-list" }, $o = ["id", "onClick", "custom"
   },
   emits: ["update:model-value", "tab-change"],
   setup(e, { emit: l }) {
-    const t = e, a = l, n = d(
+    const t = e, a = l, n = c(
       () => V({
         "nmorph-tabs": [`${t.stretch && "stretch"}`]
       })
@@ -4406,18 +4369,18 @@ const ko = { class: "nmorph-tabs__label-list" }, $o = ["id", "onClick", "custom"
         return;
       const { name: C } = w;
       a("update:model-value", C), a("tab-change", C);
-    }, s = y([]), o = ce();
+    }, s = y([]), o = de();
     ee("nmorph-tabs-data", {
       tabsData: s,
       tabsIdentifier: o
     });
-    const u = d(() => t.panes.length > 0 ? t.panes : s.value), p = Ee();
-    return (w, C) => (i(), c("div", {
+    const u = c(() => t.panes.length > 0 ? t.panes : s.value), p = Ee();
+    return (w, C) => (i(), d("div", {
       class: T(n.value)
     }, [
       B(w.$slots, "default"),
-      f("div", ko, [
-        (i(!0), c(K, null, X(u.value, (m) => (i(), c("div", {
+      f("div", bo, [
+        (i(!0), d(K, null, X(u.value, (m) => (i(), d("div", {
           id: v(pt)(v(o), m.name),
           key: m.name,
           class: T(["nmorph-tabs__label", [
@@ -4427,17 +4390,17 @@ const ko = { class: "nmorph-tabs__label-list" }, $o = ["id", "onClick", "custom"
           onClick: (g) => r(m),
           custom: m.disabled
         }, [
-          v(p).default ? E("", !0) : (i(), c("div", xo, U(m.label), 1))
-        ], 10, $o))), 128))
+          v(p).default ? E("", !0) : (i(), d("div", $o, U(m.label), 1))
+        ], 10, ko))), 128))
       ]),
-      f("div", wo, [
-        f("div", Co, [
-          (i(!0), c(K, null, X(u.value, (m) => Oe((i(), c("div", {
+      f("div", xo, [
+        f("div", wo, [
+          (i(!0), d(K, null, X(u.value, (m) => Oe((i(), d("div", {
             id: v(vt)(v(o), m.name),
             key: m.name
           }, [
-            v(p).default ? E("", !0) : (i(), c("div", So, U(m.content), 1))
-          ], 8, Mo)), [
+            v(p).default ? E("", !0) : (i(), d("div", Mo, U(m.content), 1))
+          ], 8, Co)), [
             [Ve, m.name === t.modelValue]
           ])), 128))
         ])
@@ -4451,7 +4414,7 @@ const pt = (e, l) => {
 }, vt = (e, l) => {
   if (e)
     return `nmorph-tabs-content-${e}-${l}`;
-}, ms = /* @__PURE__ */ H({
+}, vs = /* @__PURE__ */ H({
   __name: "NmorphTabPane",
   props: {
     label: { default: "" },
@@ -4460,7 +4423,7 @@ const pt = (e, l) => {
     content: { default: "" }
   },
   setup(e) {
-    const l = e, t = d(
+    const l = e, t = c(
       () => V({
         "nmorph-tab-pane": []
       })
@@ -4469,34 +4432,34 @@ const pt = (e, l) => {
       n.value = !0;
     }), a.tabsData.value.push(l);
     const r = l;
-    return (s, o) => n.value ? (i(), c("div", {
+    return (s, o) => n.value ? (i(), d("div", {
       key: 0,
       class: T(t.value)
     }, [
-      (i(), z(ge, {
+      (i(), R(ge, {
         to: `#${v(pt)(v(a)?.tabsIdentifier, l.name)}`
       }, [
         B(s.$slots, "label", { scope: v(r) })
       ], 8, ["to"])),
-      (i(), z(ge, {
+      (i(), R(ge, {
         to: `#${v(vt)(v(a)?.tabsIdentifier, l.name)}`
       }, [
         B(s.$slots, "default", { scope: v(r) })
       ], 8, ["to"]))
     ], 2)) : E("", !0);
   }
-}), To = /* @__PURE__ */ H({
+}), So = /* @__PURE__ */ H({
   __name: "NmorphDivider",
   props: {
     direction: { default: "horizontal" }
   },
   setup(e) {
-    const l = e, t = d(
+    const l = e, t = c(
       () => V({
         "nmorph-divider": [l.direction]
       })
     );
-    return (a, n) => (i(), c("div", {
+    return (a, n) => (i(), d("div", {
       class: T(t.value)
     }, null, 2));
   }
@@ -4509,14 +4472,14 @@ const Ke = /* @__PURE__ */ H({
   },
   emits: ["on-outside-click"],
   setup(e, { emit: l }) {
-    const t = e, a = d(
+    const t = e, a = c(
       () => V({
         "nmorph-overlay": [`${t.show && "show"}`, `${t.transparent && "transparent"}`]
       })
     ), n = () => {
       r("on-outside-click");
     }, r = l;
-    return (s, o) => (i(), c("div", {
+    return (s, o) => (i(), d("div", {
       class: T(a.value),
       onClick: re(n, ["stop"])
     }, [
@@ -4530,7 +4493,7 @@ const Ke = /* @__PURE__ */ H({
     ], 2));
   }
 });
-const Bo = /* @__PURE__ */ H({
+const To = /* @__PURE__ */ H({
   __name: "NmorphNotificationProvider",
   props: {
     notifications: {},
@@ -4539,13 +4502,13 @@ const Bo = /* @__PURE__ */ H({
     quantity: { default: 100 }
   },
   setup(e) {
-    const l = y([]), t = d(() => r.notifications.filter((o) => !l.value.includes(o.id))), a = d(() => {
+    const l = y([]), t = c(() => r.notifications.filter((o) => !l.value.includes(o.id))), a = c(() => {
       const o = Math.max(t.value.length - r.quantity, 0);
       return t.value.slice(o);
     }), n = (o) => {
       l.value = [...l.value, o];
-    }, r = e, s = d(() => r.zIndex);
-    return (o, u) => (i(), c("div", {
+    }, r = e, s = c(() => r.zIndex);
+    return (o, u) => (i(), d("div", {
       class: T(`nmorph-notification-provider nmorph-notification-provider--${r.placement}`),
       style: te({ zIndex: s.value })
     }, [
@@ -4554,12 +4517,12 @@ const Bo = /* @__PURE__ */ H({
         tag: "div"
       }, {
         default: j(() => [
-          (i(!0), c(K, null, X(a.value, (p) => (i(), c("div", {
+          (i(!0), d(K, null, X(a.value, (p) => (i(), d("div", {
             key: p.id,
             style: te({ width: p.width }),
             class: "nmorph-notification-provider__notification"
           }, [
-            S(v(Bl), ye({ ref_for: !0 }, p, {
+            S(v(Tl), ye({ ref_for: !0 }, p, {
               onClose: () => n(p.id)
             }), null, 16, ["onClose"])
           ], 4))), 128))
@@ -4569,9 +4532,9 @@ const Bo = /* @__PURE__ */ H({
     ], 6));
   }
 });
-const hs = /* @__PURE__ */ $e(Bo, [["__scopeId", "data-v-de7a6e97"]]);
-var Do = /* @__PURE__ */ ((e) => (e["top-left"] = "top-left", e["top-center"] = "top-center", e["top-right"] = "top-right", e["bottom-left"] = "bottom-left", e["bottom-center"] = "bottom-center", e["bottom-right"] = "bottom-right", e))(Do || {});
-const fs = {
+const ms = /* @__PURE__ */ $e(To, [["__scopeId", "data-v-de7a6e97"]]);
+var Bo = /* @__PURE__ */ ((e) => (e["top-left"] = "top-left", e["top-center"] = "top-center", e["top-right"] = "top-right", e["bottom-left"] = "bottom-left", e["bottom-center"] = "bottom-center", e["bottom-right"] = "bottom-right", e))(Bo || {});
+const hs = {
   install(e, l = {}) {
     if (!l?.i18n?.outsideMessagesMerge) {
       const r = Lt(l.i18n), s = e.__VUE_I18N__;
@@ -4586,106 +4549,106 @@ const fs = {
 export {
   Gt as AvatarShapeType,
   W as Locale,
-  Bl as NmorphAlert,
+  Tl as NmorphAlert,
   _e as NmorphAlertType,
   Qe as NmorphArchiveResolution,
   Ge as NmorphAudioResolution,
-  Lo as NmorphAutocomplete,
-  jo as NmorphAvatar,
-  ds as NmorphBacktop,
-  Wo as NmorphBadge,
+  Io as NmorphAutocomplete,
+  zo as NmorphAvatar,
+  us as NmorphBacktop,
+  jo as NmorphBadge,
   cs as NmorphBreadcrumb,
-  ps as NmorphBreadcrumbItem,
+  ds as NmorphBreadcrumbItem,
   G as NmorphButton,
   sa as NmorphButtonShape,
   na as NmorphButtonStyle,
   oa as NmorphButtonType,
-  xa as NmorphCalendar,
-  Yo as NmorphCard,
-  Uo as NmorphCarousel,
-  qo as NmorphCarouselItem,
-  Jl as NmorphCheckbox,
-  Io as NmorphCheckboxGroup,
-  Go as NmorphCollapse,
-  Qo as NmorphCollapseItem,
+  $a as NmorphCalendar,
+  Wo as NmorphCard,
+  Yo as NmorphCarousel,
+  Uo as NmorphCarouselItem,
+  Xl as NmorphCheckbox,
+  No as NmorphCheckboxGroup,
+  qo as NmorphCollapse,
+  Go as NmorphCollapseItem,
   rt as NmorphColor,
   Kt as NmorphComponentDirection,
   se as NmorphComponentHeight,
   Jt as NmorphComponentPosition,
-  es as NmorphDatePicker,
-  No as NmorphDialog,
-  To as NmorphDivider,
-  dt as NmorphDocResolution,
+  Lo as NmorphDatePicker,
+  Zo as NmorphDialog,
+  So as NmorphDivider,
+  ct as NmorphDocResolution,
   Me as NmorphDropdown,
-  ts as NmorphFileUpload,
-  ls as NmorphForm,
-  ns as NmorphFormItem,
-  R as NmorphIcon,
+  es as NmorphFileUpload,
+  as as NmorphForm,
+  ls as NmorphFormItem,
+  z as NmorphIcon,
   Xt as NmorphIconList,
-  ua as NmorphIconSize,
+  ia as NmorphIconSize,
   He as NmorphImage,
   Zt as NmorphImageFit,
-  Qa as NmorphImagePreview,
+  Ga as NmorphImagePreview,
   Ue as NmorphImageResolution,
-  zo as NmorphLink,
+  Fo as NmorphLink,
   ca as NmorphLinkTarget,
-  Do as NmorphNotificationPlacement,
-  hs as NmorphNotificationProvider,
-  os as NmorphNumberInput,
-  pa as NmorphOverflowProp,
+  Bo as NmorphNotificationPlacement,
+  ms as NmorphNotificationProvider,
+  ns as NmorphNumberInput,
+  da as NmorphOverflowProp,
   Ke as NmorphOverlay,
-  Ko as NmorphPagination,
-  Xo as NmorphProgress,
-  fo as NmorphRadio,
-  ct as NmorphRadioGroup,
+  Qo as NmorphPagination,
+  Ko as NmorphProgress,
+  ho as NmorphRadio,
+  dt as NmorphRadioGroup,
   Nt as NmorphRadioStyleType,
   Ro as NmorphScroll,
-  va as NmorphScrollBehavior,
-  ss as NmorphSelect,
-  qn as NmorphSelectOption,
+  pa as NmorphScrollBehavior,
+  os as NmorphSelect,
+  Un as NmorphSelectOption,
   It as NmorphSelectionDateType,
   st as NmorphShadowType,
-  Jo as NmorphSkeleton,
-  rl as NmorphSkeletonItem,
-  ol as NmorphSkeletonItemPropsType,
-  rs as NmorphSlider,
+  Xo as NmorphSkeleton,
+  sl as NmorphSkeletonItem,
+  nl as NmorphSkeletonItemPropsType,
+  ss as NmorphSlider,
   Qt as NmorphSortOrder,
-  is as NmorphSwitch,
-  ms as NmorphTabPane,
-  _l as NmorphTable,
-  gl as NmorphTableCell,
-  bl as NmorphTableColumn,
-  vs as NmorphTabs,
+  rs as NmorphSwitch,
+  vs as NmorphTabPane,
+  fl as NmorphTable,
+  _l as NmorphTableCell,
+  yl as NmorphTableColumn,
+  ps as NmorphTabs,
   ut as NmorphTagItem,
-  Zo as NmorphTagList,
-  Ln as NmorphTextInput,
-  us as NmorphTimePicker,
-  zl as NmorphTooltip,
+  Jo as NmorphTagList,
+  In as NmorphTextInput,
+  is as NmorphTimePicker,
+  Fl as NmorphTooltip,
   qe as NmorphVideoResolution,
-  Ho as capitalizeFirstChar,
+  Vo as capitalizeFirstChar,
   Je as deepClone,
-  fs as default,
+  hs as default,
   Le as en,
   et as formatDateIntl,
   lt as formatTimestampToTime,
-  ce as generateUUID,
-  wa as getDecadeYears,
-  Ba as getMonthDaysByWeek,
+  de as generateUUID,
+  xa as getDecadeYears,
+  Ta as getMonthDaysByWeek,
   it as getMonthName,
   vt as getTabContentId,
   pt as getTabLabelId,
-  Ma as hasAnyRangeDateInNextMonth,
-  Ca as hasAnyRangeDateInPrevMonth,
-  Sa as isTodayInMonthRange,
+  Ca as hasAnyRangeDateInNextMonth,
+  wa as hasAnyRangeDateInPrevMonth,
+  Ma as isTodayInMonthRange,
   gt as nmorphLog,
   ue as resetTimeToZero,
-  as as resolution,
-  Eo as ru,
-  no as timeArrayToTimestamp,
+  ts as resolution,
+  Ho as ru,
+  lo as timeArrayToTimestamp,
   Ye as useCalendarTexts,
-  Fo as useNmorph,
+  Ao as useNmorph,
   ea as useNmorphBrowser,
-  Ao as useNmorphNotification,
+  Po as useNmorphNotification,
   qt as useNmorphTheme,
-  Po as zh
+  Eo as zh
 };