@nmorph/nmorph-ui-kit 1.0.91 → 1.0.93

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import { createI18n as _o, useI18n as it } from "vue-i18n";
-import { ref as k, reactive as we, watch as G, readonly as Et, inject as oe, onMounted as he, onUnmounted as Ue, nextTick as Ee, defineComponent as A, provide as ue, h as Ft, computed as f, useSlots as ct, openBlock as a, createBlock as B, normalizeClass as S, withCtx as x, createElementVNode as o, unref as m, renderSlot as N, createElementBlock as s, toDisplayString as W, createCommentVNode as D, createVNode as z, normalizeStyle as de, createStaticVNode as f0, createTextVNode as ge, Fragment as J, renderList as Z, Teleport as ot, withModifiers as ye, resolveDynamicComponent as Fe, mergeProps as rt, withDirectives as qt, vShow as Rt, TransitionGroup as at, withKeys as Pe, resolveComponent as wo } from "vue";
+import { ref as k, reactive as we, watch as G, readonly as Et, inject as oe, onMounted as he, onUnmounted as Ue, nextTick as Ne, defineComponent as j, provide as ue, h as Ft, computed as f, useSlots as ct, openBlock as a, createBlock as B, normalizeClass as I, withCtx as x, createElementVNode as o, unref as p, renderSlot as L, createElementBlock as s, toDisplayString as Y, createCommentVNode as D, createVNode as z, normalizeStyle as de, createStaticVNode as f0, createTextVNode as ge, Fragment as J, renderList as Z, Teleport as ot, withModifiers as ye, resolveDynamicComponent as Fe, mergeProps as rt, withDirectives as qt, vShow as Rt, TransitionGroup as at, withKeys as Ee, resolveComponent as wo } from "vue";
 const Lt = (t) => {
   const { inputValue: e, rules: n } = t, r = k([]), l = k(!1), i = k(!1);
   return {
@@ -14,59 +14,59 @@ const Lt = (t) => {
       }
       if (e === null)
         return;
-      const u = e, h = (M) => d && M in n[0], $ = typeof u == "string" && h("pattern"), v = typeof u == "number" && h("numberCompareType"), y = (typeof u == "string" || typeof u == "boolean") && h("booleanCompareType"), g = Array.isArray(u) && h("arrayCompareType");
-      if (!v && !$ && !y && !g) {
+      const u = e, h = (M) => d && M in n[0], $ = typeof u == "string" && h("pattern"), v = typeof u == "number" && h("numberCompareType"), y = (typeof u == "string" || typeof u == "boolean") && h("booleanCompareType"), _ = Array.isArray(u) && h("arrayCompareType");
+      if (!v && !$ && !y && !_) {
         console.warn("The input value and the provided rules do not match");
         return;
       }
       if (i.value || (i.value = !0), $) {
         const M = n;
-        r.value = M.reduce((H, _) => (u.match(_.pattern) || H.push(_.error), H), []);
+        r.value = M.reduce((H, g) => (u.match(g.pattern) || H.push(g.error), H), []);
       }
       if (v) {
-        const M = (_, b, w) => {
+        const M = (g, b, w) => {
           switch (w) {
             case "eq":
-              return _ === b;
+              return g === b;
             case "gt":
-              return _ > b;
+              return g > b;
             case "lt":
-              return _ < b;
+              return g < b;
             case "lte":
-              return _ <= b;
+              return g <= b;
             case "gte":
-              return _ >= b;
+              return g >= b;
           }
         }, H = n;
-        r.value = H.reduce((_, b) => (M(u, b.compareValue, b.numberCompareType) && _.push(b.error), _), []);
+        r.value = H.reduce((g, b) => (M(u, b.compareValue, b.numberCompareType) && g.push(b.error), g), []);
       }
       if (y) {
         const M = n;
-        r.value = M.reduce((H, _) => {
+        r.value = M.reduce((H, g) => {
           let b = !1;
-          const { compareValue: w, booleanCompareType: V } = _;
-          return V === "not-eq" && (b = u === w), V === "eq" && (b = u !== w), b || H.push(_.error), H;
+          const { compareValue: w, booleanCompareType: V } = g;
+          return V === "not-eq" && (b = u === w), V === "eq" && (b = u !== w), b || H.push(g.error), H;
         }, []);
       }
-      if (g) {
-        const M = n, H = (_, b, w) => {
+      if (_) {
+        const M = n, H = (g, b, w) => {
           switch (w) {
             case "contains-one":
-              return _.some((L) => b.includes(L));
+              return g.some((N) => b.includes(N));
             case "full-eq":
-              if (_.length !== b.length)
+              if (g.length !== b.length)
                 return !1;
-              const V = [..._].sort(), C = [...b].sort();
-              return V.every((L, O) => L === C[O]);
+              const V = [...g].sort(), C = [...b].sort();
+              return V.every((N, O) => N === C[O]);
             case "not-contains":
-              return !_.some((L) => b.includes(L));
+              return !g.some((N) => b.includes(N));
           }
         };
-        r.value = M.reduce((_, b) => (H(
+        r.value = M.reduce((g, b) => (H(
           u.map((V) => String(V)),
           b.compareValue,
           b.arrayCompareType
-        ) || _.push(b.error), _), []);
+        ) || g.push(b.error), g), []);
       }
       l.value = r.value.length === 0;
     }
@@ -74,14 +74,14 @@ const Lt = (t) => {
 }, bo = (t, e) => {
   const n = e.filter((r) => r !== "false" && r && r !== "undefined").map((r) => `${t}--${r}`);
   return n.push(t), n.join(" ").trim().replace(/\s+/g, " ");
-}, T = (t) => Object.entries(t).map(([e, n]) => bo(e, n)).join(" ").trim().replace(/\s+/g, " "), Hn = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), Vn = (t) => JSON.parse(JSON.stringify(t)), Ne = () => {
+}, T = (t) => Object.entries(t).map(([e, n]) => bo(e, n)).join(" ").trim().replace(/\s+/g, " "), Hn = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), Vn = (t) => JSON.parse(JSON.stringify(t)), Le = () => {
   const t = () => Math.floor((1 + Math.random()) * 65536).toString(16).substring(1);
   return `${t()}${t()}-${t()}-4${t().substr(0, 3)}-${t().substr(0, 1)}${t().substr(1, 3)}-${t()}${t()}${t()}`;
 }, xo = () => `
   font-weight: 400;
   font-size: var(--font-size-tiny);
   line-height: var(--line-height-regular);
-`, Ae = () => `
+`, je = () => `
   font-weight: 400;
   font-size: var(--font-size-extra-small);
   line-height: var(--line-height-regular);
@@ -151,14 +151,14 @@ const Lt = (t) => {
     Object.entries(t).forEach(([v, y]) => {
       n[v] = Lt({ inputValue: y.value, rules: y.rules }), n[v].validate();
     });
-  }, h = (v, y) => Object.keys(y).filter((p) => {
-    const M = v[p] ? JSON.stringify(v[p]) : null, H = JSON.stringify(y[p]);
+  }, h = (v, y) => Object.keys(y).filter((m) => {
+    const M = v[m] ? JSON.stringify(v[m]) : null, H = JSON.stringify(y[m]);
     return M !== H;
   });
   return G(t, (v) => {
-    h(l, v).forEach((g) => {
-      const p = v[g];
-      n[g] = Lt({ inputValue: p.value, rules: p.rules }), n[g].validate();
+    h(l, v).forEach((_) => {
+      const m = v[_];
+      n[_] = Lt({ inputValue: m.value, rules: m.rules }), n[_].validate();
     }), Object.assign(l, Vn(v)), d(), c.value = !0;
   }, { deep: !0 }), e && u(), {
     fields: n,
@@ -170,45 +170,54 @@ const Lt = (t) => {
   G(
     () => u.browser,
     () => {
-      g();
+      M();
     },
     { deep: !0 }
   ), he(() => {
-    g(), $(), v();
+    M(), y(), _(), v.observe(document.body, {
+      childList: !0,
+      subtree: !0
+    }), $();
   }), Ue(() => {
-    y();
+    m(), v.disconnect();
   });
   const $ = () => {
-    let p = r.value;
-    for (; p; ) {
-      const M = window.getComputedStyle(p);
-      if (M.overflowY === "auto" || M.overflowY === "scroll") {
-        h.value = p;
+    Ne(() => {
+      r.value && M();
+    });
+  }, v = new MutationObserver(() => {
+    $();
+  }), y = () => {
+    let H = r.value;
+    for (; H; ) {
+      const g = window.getComputedStyle(H);
+      if (g.overflowY === "auto" || g.overflowY === "scroll") {
+        h.value = H;
         break;
       }
-      p = p.parentElement;
-    }
-  }, v = () => {
-    h.value ? h.value.addEventListener("scroll", g, { passive: !0 }) : window.addEventListener("scroll", g, { passive: !0 });
-  }, y = () => {
-    h.value ? h.value.removeEventListener("scroll", g) : window.removeEventListener("scroll", g);
-  }, g = () => {
-    Ee(() => {
+      H = H.parentElement;
+    }
+  }, _ = () => {
+    h.value ? h.value.addEventListener("scroll", M, { passive: !0 }) : window.addEventListener("scroll", M, { passive: !0 });
+  }, m = () => {
+    h.value ? h.value.removeEventListener("scroll", M) : window.removeEventListener("scroll", M);
+  }, M = () => {
+    Ne(() => {
       if (!r.value || !n) {
         console.warn("There is no relative element or content DOM element");
         return;
       }
-      const p = r.value.getBoundingClientRect(), M = p.width, H = p.height, _ = "value" in n ? n.value : n;
-      if (!_) {
+      const H = r.value.getBoundingClientRect(), g = H.width, b = H.height, w = "value" in n ? n.value : n;
+      if (!w) {
         console.warn("Relative element is not an HTMLElement");
         return;
       }
-      const b = _.getBoundingClientRect(), { x: w, y: V } = b, C = b.width, L = b.height, O = window.innerWidth, j = window.innerHeight;
-      c.value === "top" && V - H < 0 && (c.value = "bottom"), c.value === "bottom" && V + L + H > j && (c.value = "top"), c.value === "left" && w - M < 0 && (c.value = "right"), c.value === "right" && w + C + M > O && (c.value = "left"), c.value === "top" && (d.value = { x: `${w + i}px`, y: `${V - H + l}px` }), c.value === "bottom" && (d.value = { x: `${w + i}px`, y: `${V + L + l}px` }), c.value === "right" && (d.value = { x: `${w + C + i}px`, y: `${V + l}px` }), c.value === "left" && (d.value = { x: `${w - M + i}px`, y: `${V + l}px` });
+      const V = w.getBoundingClientRect(), { x: C, y: N } = V, O = V.width, A = V.height, W = window.innerWidth, S = window.innerHeight;
+      c.value === "top" && N - b < 0 && (c.value = "bottom"), c.value === "bottom" && N + A + b > S && (c.value = "top"), c.value === "left" && C - g < 0 && (c.value = "right"), c.value === "right" && C + O + g > W && (c.value = "left"), c.value === "top" && (d.value = { x: `${C + i}px`, y: `${N - b + l}px` }), c.value === "bottom" && (d.value = { x: `${C + i}px`, y: `${N + A + l}px` }), c.value === "right" && (d.value = { x: `${C + O + i}px`, y: `${N + l}px` }), c.value === "left" && (d.value = { x: `${C - g + i}px`, y: `${N + l}px` });
     });
   };
   return { placement: c, placementCoords: d };
-}, $o = "@nmorph/nmorph-ui-kit", Mo = "module", ko = "1.0.91", zo = "MIT", Ho = {
+}, $o = "@nmorph/nmorph-ui-kit", Mo = "module", ko = "1.0.93", zo = "MIT", Ho = {
   node: "18.13.0",
   npm: "8.19.3"
 }, Vo = "./dist/index.d.ts", Bo = "./dist/index.umd.js", Co = "./dist/index.es.js", So = "./dist/style.css", Io = [
@@ -337,7 +346,7 @@ const Lt = (t) => {
 }, Po = {
   darkShade: "#c8c9ca",
   main: "#e9ecec",
-  lightShade: "#f0f0f0",
+  lightShade: "#fdfdfd",
   text: "#687b9e",
   accent: "#4a90e2",
   focusText: "#ffffff",
@@ -350,7 +359,7 @@ const Lt = (t) => {
   accent: "#006cb6",
   focusText: "#ffffff",
   placeholderText: "#575757"
-}, Oe = "nmorph-data-theme", Fo = "dark", qo = {
+}, De = "nmorph-data-theme", Fo = "dark", qo = {
   themes: {
     common: y0,
     light: Po,
@@ -362,7 +371,7 @@ const Lt = (t) => {
   lightShadeGeneratorCoefficient: 45,
   other: {
     baseShadowWidth: "3.5px",
-    baseShadowBlurCoefficient: "3"
+    baseShadowBlurCoefficient: "2"
   }
 }, Ro = (t) => /^#[0-9A-Fa-f]{6}$/.test(t), Wo = (t) => {
   if (!Ro(t))
@@ -382,51 +391,51 @@ const Lt = (t) => {
   return `#${i}${c}${d}`;
 }, Uo = (t) => {
   Do("warn", `NMORPH(v${Oo.version})`);
-  const e = { ...qo, ...t }, n = (g) => {
+  const e = { ...qo, ...t }, n = (_) => {
     try {
-      const p = Wo(g), M = Cn(p, e.darkShadeGeneratorCoefficient), H = Cn(p, e.lightShadeGeneratorCoefficient);
+      const m = Wo(_), M = Cn(m, e.darkShadeGeneratorCoefficient), H = Cn(m, e.lightShadeGeneratorCoefficient);
       return [
         { name: "--nmorph-dark-shade-color", color: M },
         { name: "--nmorph-light-shade-color", color: H }
       ];
-    } catch (p) {
-      console.error(p.message);
+    } catch (m) {
+      console.error(m.message);
     }
-  }, r = (g) => Object.entries(g).map(([p, M]) => ({
-    name: `--nmorph-${Hn(p)}-color`,
+  }, r = (_) => Object.entries(_).map(([m, M]) => ({
+    name: `--nmorph-${Hn(m)}-color`,
     color: M
-  })), l = (g, p) => {
-    const M = (b) => b.map((w) => `${w.name}: ${w.color};`).join(" "), H = Object.entries(p).map(([b, w]) => `--${Hn(b)}: ${w};`).join(" "), _ = [];
-    return Object.entries(g).forEach(([b, w]) => {
+  })), l = (_, m) => {
+    const M = (b) => b.map((w) => `${w.name}: ${w.color};`).join(" "), H = Object.entries(m).map(([b, w]) => `--${Hn(b)}: ${w};`).join(" "), g = [];
+    return Object.entries(_).forEach(([b, w]) => {
       const V = r(y0);
       if (b === "common")
-        _.push(M(Yo(V, w)));
+        g.push(M(Yo(V, w)));
       else {
         const C = `
-          &[${Oe}='${b}'] {
+          &[${De}='${b}'] {
             ${M(w)}
           }
         `;
-        _.push(C);
+        g.push(C);
       }
     }), `
       :root {
-        ${_.join(" ")}
+        ${g.join(" ")}
         ${H}
       }
     `;
   }, i = {};
-  Object.entries(e.themes).forEach(([g, p]) => {
-    i[g] = [];
-    const M = !!p.darkShade, H = !!p.lightShade;
-    !!p.main && !M && !H && (i[g] = n(p.main)), i[g] = [...i[g], ...r(p)];
+  Object.entries(e.themes).forEach(([_, m]) => {
+    i[_] = [];
+    const M = !!m.darkShade, H = !!m.lightShade;
+    !!m.main && !M && !H && (i[_] = n(m.main)), i[_] = [...i[_], ...r(m)];
   });
   const c = document.createElement("style");
   c.type = "text/css", c.innerHTML = l(i, e.other), document.head.appendChild(c);
-  const d = (g) => {
-    u.value = g, h.setAttribute(Oe, u.value), e.saveCurrentThemeToLS ? localStorage.setItem(Oe, g) : localStorage.removeItem(Oe);
-  }, u = k(e.defaultTheme), h = document.querySelector("html"), $ = localStorage.getItem(Oe), v = i[$];
-  e.saveCurrentThemeToLS && v && (u.value = localStorage.getItem(Oe)), d(u.value);
+  const d = (_) => {
+    u.value = _, h.setAttribute(De, u.value), e.saveCurrentThemeToLS ? localStorage.setItem(De, _) : localStorage.removeItem(De);
+  }, u = k(e.defaultTheme), h = document.querySelector("html"), $ = localStorage.getItem(De), v = i[$];
+  e.saveCurrentThemeToLS && v && (u.value = localStorage.getItem(De)), d(u.value);
   const y = e;
   return { setTheme: d, currentTheme: Et(u), data: y, getDynamicColorVariables: n };
 };
@@ -466,7 +475,7 @@ const Sn = {
   });
 }, n2 = {
   "nmorph-body-4": xo,
-  "nmorph-body-3": Ae,
+  "nmorph-body-3": je,
   "nmorph-body-2": Mt,
   "nmorph-body-1": g0,
   "nmorph-title-4": _0,
@@ -670,7 +679,7 @@ const Sn = {
     }
 
     .nmorph--thin-component.nmorph-native-input {
-      ${Ae()}
+      ${je()}
     }
 
     .nmorph-native-input:focus {
@@ -1083,7 +1092,7 @@ function Ht(t, e, n, r, l, i, c, d) {
 function Ce(t, e) {
   return Xt(Ht("", null, null, "", null, null, 0, t.siblings), t, { length: -t.length }, e);
 }
-function De(t) {
+function Pe(t) {
   for (; t.root; )
     t = Ce(t.root, { children: [t] });
   Ze(t, t.siblings);
@@ -1189,11 +1198,11 @@ function k2(t) {
   return b2(wt("", null, null, null, [""], t = w2(t), 0, [0], t));
 }
 function wt(t, e, n, r, l, i, c, d, u) {
-  for (var h = 0, $ = 0, v = c, y = 0, g = 0, p = 0, M = 1, H = 1, _ = 1, b = 0, w = "", V = l, C = i, L = r, O = w; H; )
-    switch (p = b, b = be()) {
+  for (var h = 0, $ = 0, v = c, y = 0, _ = 0, m = 0, M = 1, H = 1, g = 1, b = 0, w = "", V = l, C = i, N = r, O = w; H; )
+    switch (m = b, b = be()) {
       case 40:
-        if (p != 108 && ie(O, v - 1) == 58) {
-          gt(O += R(At(b), "&", "&\f"), "&\f", S0(h ? d[h - 1] : 0)) != -1 && (_ = -1);
+        if (m != 108 && ie(O, v - 1) == 58) {
+          gt(O += R(At(b), "&", "&\f"), "&\f", S0(h ? d[h - 1] : 0)) != -1 && (g = -1);
           break;
         }
       case 34:
@@ -1205,7 +1214,7 @@ function wt(t, e, n, r, l, i, c, d, u) {
       case 10:
       case 13:
       case 32:
-        O += x2(p);
+        O += x2(m);
         break;
       case 92:
         O += y2(_t() - 1, 7);
@@ -1221,7 +1230,7 @@ function wt(t, e, n, r, l, i, c, d, u) {
         }
         break;
       case 123 * M:
-        d[h++] = xe(O) * _;
+        d[h++] = xe(O) * g;
       case 125 * M:
       case 59:
       case 0:
@@ -1230,30 +1239,30 @@ function wt(t, e, n, r, l, i, c, d, u) {
           case 125:
             H = 0;
           case 59 + $:
-            _ == -1 && (O = R(O, /\f/g, "")), g > 0 && xe(O) - v && Ze(g > 32 ? Tn(O + ";", r, n, v - 1, u) : Tn(R(O, " ", "") + ";", r, n, v - 2, u), u);
+            g == -1 && (O = R(O, /\f/g, "")), _ > 0 && xe(O) - v && Ze(_ > 32 ? Tn(O + ";", r, n, v - 1, u) : Tn(R(O, " ", "") + ";", r, n, v - 2, u), u);
             break;
           case 59:
             O += ";";
           default:
-            if (Ze(L = jn(O, e, n, h, $, l, d, w, V = [], C = [], v, i), i), b === 123)
+            if (Ze(N = jn(O, e, n, h, $, l, d, w, V = [], C = [], v, i), i), b === 123)
               if ($ === 0)
-                wt(O, e, L, L, V, i, v, d, C);
+                wt(O, e, N, N, V, i, v, d, C);
               else
                 switch (y === 99 && ie(O, 3) === 110 ? 100 : y) {
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    wt(t, L, L, r && Ze(jn(t, L, L, 0, 0, l, d, w, l, V = [], v, C), C), l, C, v, d, r ? V : C);
+                    wt(t, N, N, r && Ze(jn(t, N, N, 0, 0, l, d, w, l, V = [], v, C), C), l, C, v, d, r ? V : C);
                     break;
                   default:
-                    wt(O, L, L, L, [""], C, 0, d, C);
+                    wt(O, N, N, N, [""], C, 0, d, C);
                 }
         }
-        h = $ = g = 0, M = _ = 1, w = O = "", v = c;
+        h = $ = _ = 0, M = g = 1, w = O = "", v = c;
         break;
       case 58:
-        v = 1 + xe(O), g = p;
+        v = 1 + xe(O), _ = m;
       default:
         if (M < 1) {
           if (b == 123)
@@ -1263,24 +1272,24 @@ function wt(t, e, n, r, l, i, c, d, u) {
         }
         switch (O += dn(b), b * M) {
           case 38:
-            _ = $ > 0 ? 1 : (O += "\f", -1);
+            g = $ > 0 ? 1 : (O += "\f", -1);
             break;
           case 44:
-            d[h++] = (xe(O) - 1) * _, _ = 1;
+            d[h++] = (xe(O) - 1) * g, g = 1;
             break;
           case 64:
             Ie() === 45 && (O += At(be())), y = Ie(), $ = v = xe(w = O += M2(_t())), b++;
             break;
           case 45:
-            p === 45 && xe(O) == 2 && (M = 0);
+            m === 45 && xe(O) == 2 && (M = 0);
         }
     }
   return i;
 }
 function jn(t, e, n, r, l, i, c, d, u, h, $, v) {
-  for (var y = l - 1, g = l === 0 ? i : [""], p = N0(g), M = 0, H = 0, _ = 0; M < r; ++M)
-    for (var b = 0, w = qe(t, y + 1, y = S0(H = c[M])), V = t; b < p; ++b)
-      (V = I0(H > 0 ? g[b] + " " + w : R(w, /&\f/g, g[b]))) && (u[_++] = V);
+  for (var y = l - 1, _ = l === 0 ? i : [""], m = N0(_), M = 0, H = 0, g = 0; M < r; ++M)
+    for (var b = 0, w = qe(t, y + 1, y = S0(H = c[M])), V = t; b < m; ++b)
+      (V = I0(H > 0 ? _[b] + " " + w : R(w, /&\f/g, _[b]))) && (u[g++] = V);
   return Ht(t, e, n, l === 0 ? ln : d, u, h, $, v);
 }
 function z2(t, e, n, r) {
@@ -1479,10 +1488,10 @@ function B2(t, e, n, r) {
             switch (ke(l, r = /(::plac\w+|:read-\w+)/)) {
               case ":read-only":
               case ":read-write":
-                De(Ce(t, { props: [R(l, /:(read-\w+)/, ":" + tt + "$1")] })), De(Ce(t, { props: [l] })), Xt(t, { props: An(n, r) });
+                Pe(Ce(t, { props: [R(l, /:(read-\w+)/, ":" + tt + "$1")] })), Pe(Ce(t, { props: [l] })), Xt(t, { props: An(n, r) });
                 break;
               case "::placeholder":
-                De(Ce(t, { props: [R(l, /:(plac\w+)/, ":" + X + "input-$1")] })), De(Ce(t, { props: [R(l, /:(plac\w+)/, ":" + tt + "$1")] })), De(Ce(t, { props: [R(l, /:(plac\w+)/, ee + "input-$1")] })), De(Ce(t, { props: [l] })), Xt(t, { props: An(n, r) });
+                Pe(Ce(t, { props: [R(l, /:(plac\w+)/, ":" + X + "input-$1")] })), Pe(Ce(t, { props: [R(l, /:(plac\w+)/, ":" + tt + "$1")] })), Pe(Ce(t, { props: [R(l, /:(plac\w+)/, ee + "input-$1")] })), Pe(Ce(t, { props: [l] })), Xt(t, { props: An(n, r) });
                 break;
             }
             return "";
@@ -1564,45 +1573,45 @@ function j0(t, e) {
   function l(i) {
     let c = t;
     Yt(t) && (c = "vue-component"), sn(t) && (c = "styled-component");
-    const d = d2(c), u = Ln(), h = A(
+    const d = d2(c), u = Ln(), h = j(
       ($, { slots: v }) => {
-        const y = f(() => typeof n == "function" ? n($) : typeof n == "object" ? n : {}), g = k([]), p = k({ class: "", ...y.value }), M = oe("$theme", we({}));
+        const y = f(() => typeof n == "function" ? n($) : typeof n == "object" ? n : {}), _ = k([]), m = k({ class: "", ...y.value }), M = oe("$theme", we({}));
         let H = {
           theme: M,
           ...$,
           ...$.props,
           ...y.value
         };
-        const _ = Ln();
-        return p.value.class += ` ${_} ${u}`, G(
-          g,
+        const g = Ln();
+        return m.value.class += ` ${g} ${u}`, G(
+          _,
           (b) => {
-            p.value.class += ` ${b.join(" ")}`;
+            m.value.class += ` ${b.join(" ")}`;
           },
           { deep: !0 }
         ), G(
           [M, $],
           () => {
             H = {
-              ...p.value,
+              ...m.value,
               theme: M,
               ...$,
               ...$.props
-            }, g.value = Pn(_, i, H);
+            }, _.value = Pn(g, i, H);
           },
           {
             deep: !0
           }
         ), he(() => {
-          g.value = Pn(_, i, H);
+          _.value = Pn(g, i, H);
         }), Ue(() => {
-          L2(_);
+          L2(g);
         }), () => {
           const b = Yt(t) ? Ft(t, { as: $.as }) : $.as ?? t;
           return Ft(
             b,
             {
-              ...p.value
+              ...m.value
             },
             v
           );
@@ -1679,7 +1688,7 @@ function X2(t) {
   return !!Fn && Fn in t;
 }
 var G2 = Function.prototype, Q2 = G2.toString;
-function je(t) {
+function Te(t) {
   if (t != null) {
     try {
       return Q2.call(t);
@@ -1699,16 +1708,16 @@ function rr(t) {
   if (!Ge(t) || X2(t))
     return !1;
   var e = P0(t) ? or : J2;
-  return e.test(je(t));
+  return e.test(Te(t));
 }
 function ar(t, e) {
   return t?.[e];
 }
-function Te(t, e) {
+function Oe(t, e) {
   var n = ar(t, e);
   return rr(n) ? n : void 0;
 }
-var Kt = Te(Me, "WeakMap"), qn = Object.create, sr = /* @__PURE__ */ function() {
+var Kt = Oe(Me, "WeakMap"), qn = Object.create, sr = /* @__PURE__ */ function() {
   function t() {
   }
   return function(e) {
@@ -1760,7 +1769,7 @@ function pr(t) {
 }
 var $t = function() {
   try {
-    var t = Te(Object, "defineProperty");
+    var t = Oe(Object, "defineProperty");
     return t({}, "", {}), t;
   } catch {
   }
@@ -1938,7 +1947,7 @@ function ba(t) {
 function vn(t) {
   return Bt(t) ? X0(t, !0) : ba(t);
 }
-var st = Te(Object, "create");
+var st = Oe(Object, "create");
 function xa() {
   this.__data__ = st ? st(null) : {}, this.size = 0;
 }
@@ -1965,18 +1974,18 @@ function Sa(t, e) {
   var n = this.__data__;
   return this.size += this.has(t) ? 0 : 1, n[t] = st && e === void 0 ? Ca : e, this;
 }
-function Le(t) {
+function Ae(t) {
   var e = -1, n = t == null ? 0 : t.length;
   for (this.clear(); ++e < n; ) {
     var r = t[e];
     this.set(r[0], r[1]);
   }
 }
-Le.prototype.clear = xa;
-Le.prototype.delete = ya;
-Le.prototype.get = za;
-Le.prototype.has = Ba;
-Le.prototype.set = Sa;
+Ae.prototype.clear = xa;
+Ae.prototype.delete = ya;
+Ae.prototype.get = za;
+Ae.prototype.has = Ba;
+Ae.prototype.set = Sa;
 function Ia() {
   this.__data__ = [], this.size = 0;
 }
@@ -2017,12 +2026,12 @@ He.prototype.delete = Aa;
 He.prototype.get = ja;
 He.prototype.has = Ta;
 He.prototype.set = Oa;
-var lt = Te(Me, "Map");
+var lt = Oe(Me, "Map");
 function Da() {
   this.size = 0, this.__data__ = {
-    hash: new Le(),
+    hash: new Ae(),
     map: new (lt || He)(),
-    string: new Le()
+    string: new Ae()
   };
 }
 function Pa(t) {
@@ -2147,9 +2156,9 @@ function l1(t) {
 function i1(t) {
   return to(t, vn, eo);
 }
-var Jt = Te(Me, "DataView"), Zt = Te(Me, "Promise"), en = Te(Me, "Set"), Zn = "[object Map]", c1 = "[object Object]", e0 = "[object Promise]", t0 = "[object Set]", n0 = "[object WeakMap]", o0 = "[object DataView]", d1 = je(Jt), u1 = je(lt), h1 = je(Zt), p1 = je(en), m1 = je(Kt), ze = dt;
+var Jt = Oe(Me, "DataView"), Zt = Oe(Me, "Promise"), en = Oe(Me, "Set"), Zn = "[object Map]", c1 = "[object Object]", e0 = "[object Promise]", t0 = "[object Set]", n0 = "[object WeakMap]", o0 = "[object DataView]", d1 = Te(Jt), u1 = Te(lt), h1 = Te(Zt), p1 = Te(en), m1 = Te(Kt), ze = dt;
 (Jt && ze(new Jt(new ArrayBuffer(1))) != o0 || lt && ze(new lt()) != Zn || Zt && ze(Zt.resolve()) != e0 || en && ze(new en()) != t0 || Kt && ze(new Kt()) != n0) && (ze = function(t) {
-  var e = dt(t), n = e == c1 ? t.constructor : void 0, r = n ? je(n) : "";
+  var e = dt(t), n = e == c1 ? t.constructor : void 0, r = n ? Te(n) : "";
   if (r)
     switch (r) {
       case d1:
@@ -2264,24 +2273,24 @@ function bt(t, e, n, r, l, i) {
     }
   }
   i || (i = new Ke());
-  var g = i.get(t);
-  if (g)
-    return g;
+  var _ = i.get(t);
+  if (_)
+    return _;
   i.set(t, c), G1(t) ? t.forEach(function(H) {
     c.add(bt(H, e, n, H, t, i));
-  }) : Y1(t) && t.forEach(function(H, _) {
-    c.set(_, bt(H, e, n, _, t, i));
+  }) : Y1(t) && t.forEach(function(H, g) {
+    c.set(g, bt(H, e, n, g, t, i));
   });
-  var p = h ? u ? i1 : l1 : u ? vn : St, M = $ ? void 0 : p(t);
-  return fr(M || t, function(H, _) {
-    M && (_ = H, H = t[_]), pn(c, _, bt(H, e, n, _, t, i));
+  var m = h ? u ? i1 : l1 : u ? vn : St, M = $ ? void 0 : m(t);
+  return fr(M || t, function(H, g) {
+    M && (g = H, H = t[g]), pn(c, g, bt(H, e, n, g, t, i));
   }), c;
 }
 var ys = 1, $s = 4;
 function Ms(t) {
   return bt(t, ys | $s);
 }
-A(
+j(
   (t, { slots: e }) => {
     const n = oe("$theme", we({})), r = (i) => typeof t.theme == "function" ? t.theme(Ms(i)) : t.theme, l = we(r(n));
     return ue("$theme", we(l)), G(
@@ -2302,7 +2311,7 @@ A(
     }
   }
 );
-const ks = ["disabled", "loading", "type", "tabindex"], zs = { key: 1 }, Hs = { key: 0 }, Q = /* @__PURE__ */ A({
+const ks = ["disabled", "loading", "type", "tabindex"], zs = { key: 1 }, Hs = { key: 0 }, Q = /* @__PURE__ */ j({
   __name: "NmorphButton",
   props: {
     styleType: { default: "default" },
@@ -2452,7 +2461,7 @@ const ks = ["disabled", "loading", "type", "tabindex"], zs = { key: 1 }, Hs = {
   }
 
   &.nmorph-button.nmorph--thin-component {
-    ${Ae()}
+    ${je()}
   }
 
   &.nmorph-button--disabled {
@@ -2462,7 +2471,7 @@ const ks = ["disabled", "loading", "type", "tabindex"], zs = { key: 1 }, Hs = {
   ${u}
 `;
     return ($, v) => (a(), B(h, {
-      class: S(l.value)
+      class: I(l.value)
     }, {
       default: x(() => [
         o("button", {
@@ -2474,24 +2483,24 @@ const ks = ["disabled", "loading", "type", "tabindex"], zs = { key: 1 }, Hs = {
           type: n.type,
           tabindex: n.tabindex
         }, [
-          m(r).icon ? (a(), B(m(q), { key: 0 }, {
+          p(r).icon ? (a(), B(p(q), { key: 0 }, {
             default: x(() => [
-              N($.$slots, "icon")
+              L($.$slots, "icon")
             ]),
             _: 3
           })) : (a(), s("div", zs, [
-            N($.$slots, "default"),
-            !n.loading && n.text !== void 0 ? (a(), s("span", Hs, W(n.text), 1)) : D("", !0),
-            n.loading ? (a(), B(m(q), {
+            L($.$slots, "default"),
+            !n.loading && n.text !== void 0 ? (a(), s("span", Hs, Y(n.text), 1)) : D("", !0),
+            n.loading ? (a(), B(p(q), {
               key: 1,
               size: d.value
             }, {
               default: x(() => [
-                z(m(p6))
+                z(p(p6))
               ]),
               _: 1
             }, 8, ["size"])) : D("", !0),
-            N($.$slots, "append")
+            L($.$slots, "append")
           ]))
         ], 8, ks)
       ]),
@@ -2500,7 +2509,7 @@ const ks = ["disabled", "loading", "type", "tabindex"], zs = { key: 1 }, Hs = {
   }
 });
 var Vs = /* @__PURE__ */ ((t) => (t.default = "default", t.transparent = "transparent", t))(Vs || {}), Bs = /* @__PURE__ */ ((t) => (t.submit = "submit", t.reset = "reset", t.button = "button", t))(Bs || {}), Cs = /* @__PURE__ */ ((t) => (t.default = "default", t.square = "square", t.round = "round", t.circle = "circle", t))(Cs || {});
-const Ss = { class: "nmorph-icon__content" }, q = /* @__PURE__ */ A({
+const Ss = { class: "nmorph-icon__content" }, q = /* @__PURE__ */ j({
   __name: "NmorphIcon",
   props: {
     size: { default: "small" },
@@ -2571,13 +2580,13 @@ const Ss = { class: "nmorph-icon__content" }, q = /* @__PURE__ */ A({
   --color: ${(c) => c.color};
 `;
     return (c, d) => (a(), B(i, {
-      class: S(n.value),
+      class: I(n.value),
       style: de(r.value),
       props: { color: e.color }
     }, {
       default: x(() => [
         o("div", Ss, [
-          N(c.$slots, "default")
+          L(c.$slots, "default")
         ])
       ]),
       _: 3
@@ -5038,7 +5047,7 @@ function Hh(t, e) {
     o("path", { d: "m31.008 27.231-7.58-6.447c-.784-.705-1.622-1.029-2.299-.998a11.95 11.95 0 0 0 2.87-7.787c0-6.627-5.373-12-12-12s-12 5.373-12 12 5.373 12 12 12c2.972 0 5.691-1.081 7.787-2.87-.031.677.293 1.515.998 2.299l6.447 7.58c1.104 1.226 2.907 1.33 4.007.23s.997-2.903-.23-4.007M12 20a8 8 0 1 1 0-16 8 8 0 0 1 0 16M6 10h12v4H6z" }, null, -1)
   ]));
 }
-const Vh = { render: Hh }, Bh = ["href", "target"], og = /* @__PURE__ */ A({
+const Vh = { render: Hh }, Bh = ["href", "target"], og = /* @__PURE__ */ j({
   __name: "NmorphLink",
   props: {
     type: { default: M0.accent },
@@ -5113,27 +5122,27 @@ const Vh = { render: Hh }, Bh = ["href", "target"], og = /* @__PURE__ */ A({
   ${l}
 `;
     return (c, d) => (a(), B(i, {
-      class: S(r.value)
+      class: I(r.value)
     }, {
       default: x(() => [
         o("a", {
           href: e.href,
           target: e.target
         }, [
-          N(c.$slots, "prepend"),
-          ge(" " + W(c.text) + " ", 1),
-          m(n).icon ? (a(), B(m(q), {
+          L(c.$slots, "prepend"),
+          ge(" " + Y(c.text) + " ", 1),
+          p(n).icon ? (a(), B(p(q), {
             key: 0,
             class: "nmorph-link__icon",
             width: "10px",
             height: "10px"
           }, {
             default: x(() => [
-              N(c.$slots, "icon")
+              L(c.$slots, "icon")
             ]),
             _: 3
           })) : D("", !0),
-          N(c.$slots, "default")
+          L(c.$slots, "default")
         ], 8, Bh)
       ]),
       _: 3
@@ -5141,7 +5150,7 @@ const Vh = { render: Hh }, Bh = ["href", "target"], og = /* @__PURE__ */ A({
   }
 });
 var Ch = /* @__PURE__ */ ((t) => (t.self = "_self", t.blank = "_blank", t.parent = "_parent", t.top = "_top", t))(Ch || {});
-const rg = /* @__PURE__ */ A({
+const rg = /* @__PURE__ */ j({
   __name: "NmorphScroll",
   props: {
     height: { default: "auto" },
@@ -5166,28 +5175,28 @@ const rg = /* @__PURE__ */ A({
       d.value = l.value?.scrollHeight > l.value?.clientHeight, u.value = l.value?.scrollWidth > l.value?.clientWidth;
     }, $ = f(() => r.yBarWidthInPx + r.yGapInPx), v = f(() => r.xBarWidthInPx + r.xGapInPx), y = f(
       () => r.scrollYProp === "hidden" || !d.value ? "0" : `${$.value}px`
-    ), g = f(
+    ), _ = f(
       () => r.scrollXProp === "hidden" || !u.value ? "0" : `${v.value}px`
-    ), p = f(() => `${r.yBarWidthInPx}px`), M = f(() => `${r.xBarWidthInPx}px`), H = oe("nmorph");
-    let _;
+    ), m = f(() => `${r.yBarWidthInPx}px`), M = f(() => `${r.xBarWidthInPx}px`), H = oe("nmorph");
+    let g;
     const b = n, w = () => {
       const ce = Math.trunc(l.value?.scrollLeft), Ve = Math.trunc(l.value?.scrollTop);
       b("update:model-value", { x: ce, y: Ve });
     }, V = () => {
       b("on-scroll-end");
     }, C = (ce) => {
-      b("on-scroll", ce), l.value && (r.updateOnlyOnScrollEnd || w(), _ !== void 0 && clearTimeout(_), _ = setTimeout(() => {
+      b("on-scroll", ce), l.value && (r.updateOnlyOnScrollEnd || w(), g !== void 0 && clearTimeout(g), g = setTimeout(() => {
         r.updateOnlyOnScrollEnd && w(), V();
       }, r.scrollEndDelay));
     };
     Ue(() => {
-      _ !== void 0 && clearTimeout(_);
+      g !== void 0 && clearTimeout(g);
     });
-    const L = k(!1), O = f(
+    const N = k(!1), O = f(
       () => T({
         "nmorph-scroll": []
       })
-    ), j = (ce) => {
+    ), A = (ce) => {
       const { x: Ve, y: Be } = ce;
       l.value?.scrollTo({
         left: Ve,
@@ -5196,52 +5205,52 @@ const rg = /* @__PURE__ */ A({
       });
     };
     he(() => {
-      j(r.modelValue), Ee(h);
+      A(r.modelValue), Ne(h);
     }), G(
       () => r.modelValue,
       (ce) => {
-        j(ce);
+        A(ce);
       },
       { deep: !0, immediate: !0 }
     ), G(
       () => H?.browser.dimensions,
       () => {
-        Ee(h);
+        Ne(h);
       },
       { deep: !0, immediate: !0 }
     );
-    const Y = f(() => r.cssScrollBehavior), I = f(() => r.height), P = f(() => r.maxHeight);
-    e({ scrollDOMContainer: l, moveTo: j });
+    const W = f(() => r.cssScrollBehavior), S = f(() => r.height), P = f(() => r.maxHeight);
+    e({ scrollDOMContainer: l, moveTo: A });
     const U = () => {
-      L.value = !0;
+      N.value = !0;
     }, me = () => {
-      L.value = !1;
+      N.value = !1;
     };
     return (ce, Ve) => (a(), s("div", {
       ref_key: "scrollDOMContainer",
       ref: l,
-      class: S(O.value),
+      class: I(O.value),
       onScroll: C,
       onMouseenter: U,
       onMouseleave: me,
       style: de({
-        "--bar-width": p.value,
+        "--bar-width": m.value,
         "--bar-height": M.value,
-        height: I.value,
+        height: S.value,
         maxHeight: P.value,
         paddingRight: y.value,
-        paddingBottom: g.value,
+        paddingBottom: _.value,
         overflowX: c.value,
         overflowY: i.value,
-        scrollBehavior: Y.value
+        scrollBehavior: W.value
       })
     }, [
-      N(ce.$slots, "default")
+      L(ce.$slots, "default")
     ], 38));
   }
 });
 var Sh = /* @__PURE__ */ ((t) => (t.auto = "auto", t.hidden = "hidden", t.scroll = "scroll", t))(Sh || {}), Ih = /* @__PURE__ */ ((t) => (t.auto = "auto", t.smooth = "smooth", t.inherit = "inherit", t.initial = "initial", t.unset = "unset", t))(Ih || {});
-const ag = /* @__PURE__ */ A({
+const ag = /* @__PURE__ */ j({
   __name: "NmorphAvatar",
   props: {
     size: { default: 48 },
@@ -5260,10 +5269,10 @@ const ag = /* @__PURE__ */ A({
         nmorph: [`${n.frameBorder > 0 && "shadow-combined"}`],
         "nmorph-avatar": [n.shape]
       })
-    ), c = (p) => {
-      r("error", p), l.value = !0;
-    }, d = (p) => {
-      r("load", p), l.value = !1;
+    ), c = (m) => {
+      r("error", m), l.value = !0;
+    }, d = (m) => {
+      r("load", m), l.value = !1;
     }, u = f(() => `${n.imagePadding}px`), h = f(() => ` ${n.size}px`), $ = f(() => `${n.size / 100 * 60}px`), v = f(() => n.shape === "circle" ? "50%" : "4px"), y = F`
   position: relative;
   overflow: hidden;
@@ -5282,31 +5291,31 @@ const ag = /* @__PURE__ */ A({
   .nmorph-image {
     position: absolute;
   }
-`, g = E.div`
+`, _ = E.div`
   ${y}
   .nmorph-image {
-    --width: ${(p) => p.size};
-    --height: ${(p) => p.size};
+    --width: ${(m) => m.size};
+    --height: ${(m) => m.size};
 
-    padding: ${(p) => p.imagePadding};
-    border-radius: ${(p) => p.radius};
+    padding: ${(m) => m.imagePadding};
+    border-radius: ${(m) => m.radius};
   }
 
   &.nmorph--shadow-combined {
-    ${rn(Number((p) => p.frameBorder), !0)};
+    ${rn(Number((m) => m.frameBorder), !0)};
   }
 
   .nmorph-image > img {
-    border-radius: ${(p) => p.radius};
+    border-radius: ${(m) => m.radius};
   }
 `;
-    return (p, M) => (a(), B(g, {
-      class: S(i.value),
+    return (m, M) => (a(), B(_, {
+      class: I(i.value),
       style: de({ width: h.value, height: h.value }),
-      props: { size: h.value, imagePadding: u.value, radius: v.value, frameBorder: p.frameBorder }
+      props: { size: h.value, imagePadding: u.value, radius: v.value, frameBorder: m.frameBorder }
     }, {
       default: x(() => [
-        z(m(tn), {
+        z(p(tn), {
           fit: n.fit,
           src: n.src,
           "src-set": n.srcSet,
@@ -5316,9 +5325,9 @@ const ag = /* @__PURE__ */ A({
           onError: c
         }, {
           error: x(() => [
-            z(m(q), { width: $.value }, {
+            z(p(q), { width: $.value }, {
               default: x(() => [
-                z(m(al))
+                z(p(al))
               ]),
               _: 1
             }, 8, ["width"])
@@ -5335,7 +5344,7 @@ const ag = /* @__PURE__ */ A({
 }, Lh = {
   key: 1,
   class: "nmorph-badge__content"
-}, sg = /* @__PURE__ */ A({
+}, sg = /* @__PURE__ */ j({
   __name: "NmorphBadge",
   props: {
     value: { default: "" },
@@ -5399,22 +5408,22 @@ const ag = /* @__PURE__ */ A({
     background: ${(v) => v.color}
   }
 `;
-    return (v, y) => e.disabled ? N(v.$slots, "default", { key: 1 }) : (a(), B($, {
+    return (v, y) => e.disabled ? L(v.$slots, "default", { key: 1 }) : (a(), B($, {
       key: 0,
-      class: S(n.value),
+      class: I(n.value),
       props: { color: e.color }
     }, {
       default: x(() => [
-        N(v.$slots, "default"),
+        L(v.$slots, "default"),
         o("div", {
           ref_key: "badge",
           ref: c,
-          class: S(r.value),
+          class: I(r.value),
           style: de({ right: i.value.x, top: i.value.y })
         }, [
           e.isDot ? (a(), s("div", Nh)) : (a(), s("div", Lh, [
-            N(v.$slots, "value", {}, () => [
-              ge(W(l.value), 1)
+            L(v.$slots, "value", {}, () => [
+              ge(Y(l.value), 1)
             ])
           ]))
         ], 6)
@@ -5422,7 +5431,7 @@ const ag = /* @__PURE__ */ A({
       _: 3
     }, 8, ["class", "props"]));
   }
-}), Ah = { class: "nmorph-calendar-header__text" }, jh = { class: "nmorph-calendar-header__actions" }, Th = /* @__PURE__ */ A({
+}), Ah = { class: "nmorph-calendar-header__text" }, jh = { class: "nmorph-calendar-header__actions" }, Th = /* @__PURE__ */ j({
   __name: "NmorphCalendarHeader",
   props: {
     year: {},
@@ -5460,42 +5469,42 @@ const ag = /* @__PURE__ */ A({
   ${i}
 `;
     return (d, u) => (a(), B(c, {
-      class: S(l.value)
+      class: I(l.value)
     }, {
       default: x(() => [
-        N(d.$slots, "default", {}, () => [
-          o("div", Ah, W(n.year) + " " + W(m(io)(n.month)), 1),
+        L(d.$slots, "default", {}, () => [
+          o("div", Ah, Y(n.year) + " " + Y(p(io)(n.month)), 1),
           o("div", jh, [
-            d.showPreviousMonthButton ? (a(), B(m(Q), {
+            d.showPreviousMonthButton ? (a(), B(p(Q), {
               key: 0,
               class: "nmorph-calendar-header__action",
               onClick: u[0] || (u[0] = (h) => r("click-previous-month"))
             }, {
               default: x(() => [
-                z(m(q), null, {
+                z(p(q), null, {
                   default: x(() => [
-                    z(m(Xs))
+                    z(p(Xs))
                   ]),
                   _: 1
                 })
               ]),
               _: 1
             })) : D("", !0),
-            d.showTodayButton ? (a(), B(m(Q), {
+            d.showTodayButton ? (a(), B(p(Q), {
               key: 1,
               class: "nmorph-calendar-header__action",
               text: "Today",
               onClick: u[1] || (u[1] = (h) => r("click-today"))
             })) : D("", !0),
-            d.showNextMonthButton ? (a(), B(m(Q), {
+            d.showNextMonthButton ? (a(), B(p(Q), {
               key: 2,
               class: "nmorph-calendar-header__action",
               onClick: u[2] || (u[2] = (h) => r("click-next-month"))
             }, {
               default: x(() => [
-                z(m(q), null, {
+                z(p(q), null, {
                   default: x(() => [
-                    z(m(Ks))
+                    z(p(Ks))
                   ]),
                   _: 1
                 })
@@ -5514,7 +5523,7 @@ const ag = /* @__PURE__ */ A({
     months: Oh.map((e) => t(`${e}`)),
     days: Dh.map((e) => t(`${e}`))
   };
-}, Ph = ["data-date", "onClick"], Eh = /* @__PURE__ */ A({
+}, Ph = ["data-date", "onClick"], Eh = /* @__PURE__ */ j({
   __name: "NmorphCalendar",
   props: {
     markToday: { type: Boolean, default: !0 },
@@ -5526,107 +5535,107 @@ const ag = /* @__PURE__ */ A({
   emits: ["update:model-value", "update-initial-date"],
   setup(t, { emit: e }) {
     const n = t, r = e, { days: l } = wn(), i = () => {
-      g.value = _.value;
+      _.value = g.value;
     }, c = () => {
-      g.value = /* @__PURE__ */ new Date();
+      _.value = /* @__PURE__ */ new Date();
     }, d = () => {
-      g.value = b.value;
+      _.value = b.value;
     }, u = () => {
       throw new Error("model value and type prop not matched");
-    }, h = (j) => {
-      if (j === null)
+    }, h = (A) => {
+      if (A === null)
         return null;
       if (n.type === "date") {
-        if (j instanceof Date)
-          return Se(j);
+        if (A instanceof Date)
+          return Se(A);
         u();
       }
-      const Y = Array.isArray(j) && j.every((I) => I instanceof Date);
+      const W = Array.isArray(A) && A.every((S) => S instanceof Date);
       if (n.type === "dates") {
-        if (Y)
-          return j.map((I) => Se(I));
+        if (W)
+          return A.map((S) => Se(S));
         u();
       }
       if (n.type === "daterange") {
-        if (Y)
-          return j.map((I) => Se(I)).slice(0, 2);
+        if (W)
+          return A.map((S) => Se(S)).slice(0, 2);
         u();
       }
-    }, $ = (j) => {
-      if (p.value === null)
+    }, $ = (A) => {
+      if (m.value === null)
         return;
-      const { monthType: Y, hidden: I } = j;
-      if (I)
+      const { monthType: W, hidden: S } = A;
+      if (S)
         return;
-      Y === "next" && d(), Y === "previous" && i();
-      const { date: P } = j;
-      if (n.type === "date" && (p.value = P, r("update:model-value", p.value)), n.type === "dates") {
-        if (!Array.isArray(p.value))
+      W === "next" && d(), W === "previous" && i();
+      const { date: P } = A;
+      if (n.type === "date" && (m.value = P, r("update:model-value", m.value)), n.type === "dates") {
+        if (!Array.isArray(m.value))
           return u();
-        const U = P.toDateString(), ce = p.value.map((Be) => Be.toDateString()).indexOf(U);
-        ce !== -1 ? p.value.splice(ce, 1) : p.value.push(P), r("update:model-value", p.value);
+        const U = P.toDateString(), ce = m.value.map((Be) => Be.toDateString()).indexOf(U);
+        ce !== -1 ? m.value.splice(ce, 1) : m.value.push(P), r("update:model-value", m.value);
       }
       if (n.type === "daterange") {
-        if (!Array.isArray(p.value))
+        if (!Array.isArray(m.value))
           return u();
-        p.value.length === 0 ? p.value.push(P) : p.value.length === 1 ? P < p.value[0] ? p.value = [P, p.value[0]] : p.value.push(P) : p.value = [P], r("update:model-value", p.value.slice(0, 2));
+        m.value.length === 0 ? m.value.push(P) : m.value.length === 1 ? P < m.value[0] ? m.value = [P, m.value[0]] : m.value.push(P) : m.value = [P], r("update:model-value", m.value.slice(0, 2));
       }
-    }, v = (j, Y) => {
-      const [I, P] = Y;
-      return Y.length === 1 ? j.toDateString() === I.toDateString() : I && P ? j >= Se(I) && j <= Se(P) : !1;
-    }, y = (j) => {
-      if (p.value === null)
+    }, v = (A, W) => {
+      const [S, P] = W;
+      return W.length === 1 ? A.toDateString() === S.toDateString() : S && P ? A >= Se(S) && A <= Se(P) : !1;
+    }, y = (A) => {
+      if (m.value === null)
         return !1;
       if (n.type === "date")
-        return Array.isArray(p.value) ? u() : p.value.toDateString() === j.toDateString();
+        return Array.isArray(m.value) ? u() : m.value.toDateString() === A.toDateString();
       if (n.type === "dates")
-        return Array.isArray(p.value) ? !!p.value.find((I) => I.toDateString() === j.toDateString()) : u();
+        return Array.isArray(m.value) ? !!m.value.find((S) => S.toDateString() === A.toDateString()) : u();
       if (n.type === "daterange")
-        return Array.isArray(p.value) ? v(j, p.value) : u();
-    }, g = k(n.initialDate), p = k(h(n.modelValue));
+        return Array.isArray(m.value) ? v(A, m.value) : u();
+    }, _ = k(n.initialDate), m = k(h(n.modelValue));
     he(() => {
-      r("update:model-value", p.value);
+      r("update:model-value", m.value);
     });
     let M = we([]);
     const H = () => {
-      M = [], Uh(g, n.range).forEach((Y) => {
-        const I = {};
-        Y.forEach((P, U) => {
+      M = [], Uh(_, n.range).forEach((W) => {
+        const S = {};
+        W.forEach((P, U) => {
           const me = l[U];
-          I[me] = P;
-        }), M.push(I);
+          S[me] = P;
+        }), M.push(S);
       });
     };
     G(
       () => n.initialDate,
-      (j) => {
-        g.value = j;
+      (A) => {
+        _.value = A;
       },
       {
         deep: !0
       }
-    ), G(g, () => {
-      H(), r("update-initial-date", g.value);
+    ), G(_, () => {
+      H(), r("update-initial-date", _.value);
     }), G(
       () => n.modelValue,
-      (j) => {
-        p.value = h(j);
+      (A) => {
+        m.value = h(A);
       }
     );
-    const _ = f(() => new Date(g.value.setMonth(g.value.getMonth() - 1))), b = f(() => new Date(g.value.setMonth(g.value.getMonth() + 1))), w = f(() => {
-      const { range: j } = n, Y = j ? qh(g.value, j[0]) : !0, I = j ? Rh(g.value, j[1]) : !0, P = Wh(j);
+    const g = f(() => new Date(_.value.setMonth(_.value.getMonth() - 1))), b = f(() => new Date(_.value.setMonth(_.value.getMonth() + 1))), w = f(() => {
+      const { range: A } = n, W = A ? qh(_.value, A[0]) : !0, S = A ? Rh(_.value, A[1]) : !0, P = Wh(A);
       return {
-        showPreviousMonthButton: Y,
-        showNextMonthButton: I,
+        showPreviousMonthButton: W,
+        showNextMonthButton: S,
         showTodayButton: P
       };
     }), V = f(
       () => T({
         "nmorph-calendar": []
       })
-    ), C = (j) => j;
+    ), C = (A) => A;
     H();
-    const L = F`
+    const N = F`
   --table-data-cell-height: 50px;
 
   background: var(--nmorph-main-color);
@@ -5637,7 +5646,7 @@ const ag = /* @__PURE__ */ A({
 
   .nmorph-table__cell {
     --table-cell-height: var(--table-data-cell-height);
-    ${Ae()}
+    ${je()}
   }
 
   .nmorph-calendar-date {
@@ -5679,16 +5688,16 @@ const ag = /* @__PURE__ */ A({
     background: var(--nmorph-accent-color);
   }
 `, O = E.div`
-  ${L}
+  ${N}
 `;
-    return (j, Y) => (a(), B(O, {
-      class: S(V.value)
+    return (A, W) => (a(), B(O, {
+      class: I(V.value)
     }, {
       default: x(() => [
-        N(j.$slots, "header", {}, () => [
+        L(A.$slots, "header", {}, () => [
           z(Th, {
-            year: g.value.getFullYear(),
-            month: g.value.getMonth(),
+            year: _.value.getFullYear(),
+            month: _.value.getMonth(),
             "show-previous-month-button": w.value.showPreviousMonthButton,
             "show-today-button": w.value.showTodayButton,
             "show-next-month-button": w.value.showNextMonthButton,
@@ -5697,46 +5706,46 @@ const ag = /* @__PURE__ */ A({
             onClickToday: c
           }, null, 8, ["year", "month", "show-previous-month-button", "show-today-button", "show-next-month-button"])
         ]),
-        N(j.$slots, "content", {}, () => [
-          z(m(Np), {
-            data: m(M),
+        L(A.$slots, "content", {}, () => [
+          z(p(Np), {
+            data: p(M),
             bordered: "",
             "row-hover": !1
           }, {
             default: x(() => [
-              (a(!0), s(J, null, Z(m(l), (I) => (a(), B(m(jp), {
-                key: `${I}`,
-                prop: I,
-                label: I.toUpperCase()
+              (a(!0), s(J, null, Z(p(l), (S) => (a(), B(p(jp), {
+                key: `${S}`,
+                prop: S,
+                label: S.toUpperCase()
               }, {
                 default: x(({ scope: P }) => [
-                  (a(!0), s(J, null, Z(P.rows, (U, me) => (a(), B(m(Lp), {
+                  (a(!0), s(J, null, Z(P.rows, (U, me) => (a(), B(p(Lp), {
                     key: me,
                     row: me
                   }, {
                     default: x(() => [
                       o("div", {
-                        "data-date": `${C(U[I]).date}`,
-                        class: S([
+                        "data-date": `${C(U[S]).date}`,
+                        class: I([
                           "nmorph-calendar-date",
-                          `nmorph-calendar-date--${C(U[I]).monthType}`,
+                          `nmorph-calendar-date--${C(U[S]).monthType}`,
                           {
-                            "nmorph-calendar-date--today": C(U[I]).isToday && !C(U[I]).hidden && n.markToday
+                            "nmorph-calendar-date--today": C(U[S]).isToday && !C(U[S]).hidden && n.markToday
                           },
-                          { "nmorph-calendar-date--hidden": C(U[I]).hidden },
+                          { "nmorph-calendar-date--hidden": C(U[S]).hidden },
                           {
-                            "nmorph-calendar-date--selected": y(C(U[I]).date)
+                            "nmorph-calendar-date--selected": y(C(U[S]).date)
                           }
                         ]),
-                        onClick: (ce) => $(C(U[I]))
+                        onClick: (ce) => $(C(U[S]))
                       }, [
-                        N(j.$slots, "date-cell", {
+                        L(A.$slots, "date-cell", {
                           scope: {
-                            ...C(U[I]),
-                            selected: y(C(U[I]).date)
+                            ...C(U[S]),
+                            selected: y(C(U[S]).date)
                           }
                         }, () => [
-                          ge(W(C(U[I]).hidden ? "-" : C(U[I]).value), 1)
+                          ge(Y(C(U[S]).hidden ? "-" : C(U[S]).value), 1)
                         ])
                       ], 10, Ph)
                     ]),
@@ -5777,18 +5786,18 @@ const ag = /* @__PURE__ */ A({
   const { months: e } = wn();
   return e[t];
 }, Yh = (t) => t % 4 === 0 && t % 100 !== 0 || t % 400 === 0, m0 = (t, e) => [0, 2, 4, 6, 7, 9, 11].includes(e) ? 31 : [3, 5, 8, 10].includes(e) ? 30 : Yh(t) ? 29 : 28, Se = (t) => new Date(t.getFullYear(), t.getMonth(), t.getDate()), Uh = (t, e) => {
-  const n = (I) => e ? I < Se(e[0]) || I > Se(e[1]) : !1, r = t.value.getFullYear(), l = t.value.getMonth(), c = new Date(r, l, 1).getDay() + 1, d = m0(r, l), u = 7 + c - 8;
+  const n = (S) => e ? S < Se(e[0]) || S > Se(e[1]) : !1, r = t.value.getFullYear(), l = t.value.getMonth(), c = new Date(r, l, 1).getDay() + 1, d = m0(r, l), u = 7 + c - 8;
   let v = 7 - (new Date(r, l, d).getDay() + 1);
-  const y = /* @__PURE__ */ new Date(), g = y.getDate(), p = y.getMonth(), M = l - 1, H = m0(r, M);
-  let _ = H - u;
+  const y = /* @__PURE__ */ new Date(), _ = y.getDate(), m = y.getMonth(), M = l - 1, H = m0(r, M);
+  let g = H - u;
   const b = [];
-  for (; _ < H; ) {
-    _++;
-    const I = p === M && g === _, P = new Date(r, M, _);
+  for (; g < H; ) {
+    g++;
+    const S = m === M && _ === g, P = new Date(r, M, g);
     b.push({
-      value: _,
+      value: g,
       monthType: "previous",
-      isToday: I,
+      isToday: S,
       date: P,
       hidden: n(P)
     });
@@ -5797,36 +5806,36 @@ const ag = /* @__PURE__ */ A({
   let C = 0;
   for (; v; ) {
     C++, v--;
-    const I = p === w && g === C, P = new Date(r, w, C);
+    const S = m === w && _ === C, P = new Date(r, w, C);
     V.push({
       value: C,
       monthType: "next",
-      isToday: I,
+      isToday: S,
       date: P,
       hidden: n(P)
     });
   }
-  let L = 0;
+  let N = 0;
   const O = [];
-  for (; L < d; ) {
-    const I = y.getDate();
-    L++;
-    const P = p === l && I === L, U = new Date(r, l, L);
+  for (; N < d; ) {
+    const S = y.getDate();
+    N++;
+    const P = m === l && S === N, U = new Date(r, l, N);
     O.push({
-      value: L,
+      value: N,
       monthType: "current",
       isToday: P,
       date: U,
       hidden: n(U)
     });
   }
-  const j = [...b, ...O, ...V], Y = [];
-  for (let I = 0; I < j.length; I += 7) {
-    const P = j.slice(I, I + 7);
-    Y.push(P);
+  const A = [...b, ...O, ...V], W = [];
+  for (let S = 0; S < A.length; S += 7) {
+    const P = A.slice(S, S + 7);
+    W.push(P);
   }
-  return Y.filter((I) => !I.every((P) => P.hidden));
-}, Xh = { class: "nmorph-card__header" }, Gh = { class: "nmorph-card__content" }, Qh = { class: "nmorph-card__footer" }, lg = /* @__PURE__ */ A({
+  return W.filter((S) => !S.every((P) => P.hidden));
+}, Xh = { class: "nmorph-card__header" }, Gh = { class: "nmorph-card__content" }, Qh = { class: "nmorph-card__footer" }, lg = /* @__PURE__ */ j({
   __name: "NmorphCard",
   props: {
     shadowType: { default: "outset" },
@@ -5856,7 +5865,7 @@ const ag = /* @__PURE__ */ A({
   }
 
   .nmorph-card__footer {
-    ${Ae()};
+    ${je()};
     height: fit-content;
     margin-top: 4px;
   }
@@ -5868,24 +5877,24 @@ const ag = /* @__PURE__ */ A({
   }
 `;
     return (i, c) => (a(), B(l, {
-      class: S(n.value),
+      class: I(n.value),
       props: { combinedShadowBorderWidth: e.combinedShadowBorderWidth }
     }, {
       default: x(() => [
         o("div", Xh, [
-          N(i.$slots, "header")
+          L(i.$slots, "header")
         ]),
         o("div", Gh, [
-          N(i.$slots, "default")
+          L(i.$slots, "default")
         ]),
         o("div", Qh, [
-          N(i.$slots, "footer")
+          L(i.$slots, "footer")
         ])
       ]),
       _: 3
     }, 8, ["class", "props"]));
   }
-}), Kh = ["id"], Jh = { class: "nmorph-carousel__elements-indicator" }, Zh = ["onClick"], ig = /* @__PURE__ */ A({
+}), Kh = ["id"], Jh = { class: "nmorph-carousel__elements-indicator" }, Zh = ["onClick"], ig = /* @__PURE__ */ j({
   __name: "NmorphCarousel",
   props: {
     loop: { type: Boolean, default: !0 }
@@ -5900,52 +5909,52 @@ const ag = /* @__PURE__ */ A({
       () => T({
         "nmorph-carousel": []
       })
-    ), u = k([]), h = Ne();
+    ), u = k([]), h = Le();
     ue("carousel-data", { data: u, carouselId: h });
     const $ = k(null), v = we({}), y = () => {
       const w = v[Object.keys(v).length - 1]?.cloneNode(!0), V = v[0]?.cloneNode(!0);
       $.value?.prepend(w), $.value?.append(V), n.value += 1;
-    }, g = () => {
+    }, _ = () => {
       n.value === 0 && (n.value = Object.keys(v).length, H.value = !1), n.value > Object.keys(v).length && (n.value = 1, H.value = !1);
     };
     he(() => {
-      i.loop && n.value === 0 && (Ee(() => y()), $.value?.addEventListener("transitionend", g));
+      i.loop && n.value === 0 && (Ne(() => y()), $.value?.addEventListener("transitionend", _));
     }), G(n, (w) => {
       c("change", n.value), (w === 1 || w === Object.keys(v).length) && setTimeout(() => {
         H.value = !0;
       });
     });
-    const p = (w, V) => {
+    const m = (w, V) => {
       const C = w;
       v[V] = C;
-    }, M = f(() => `translateX(-${n.value * 100}%)`), H = k(!0), _ = (w) => w === n.value - 1, b = (w) => {
+    }, M = f(() => `translateX(-${n.value * 100}%)`), H = k(!0), g = (w) => w === n.value - 1, b = (w) => {
       n.value = w + 1;
     };
     return (w, V) => (a(), s("div", {
-      class: S(d.value)
+      class: I(d.value)
     }, [
       o("div", {
         ref_key: "carouselWrapper",
         ref: $,
-        class: S(["nmorph-carousel__wrapper", { "transition-enabled": H.value }]),
+        class: I(["nmorph-carousel__wrapper", { "transition-enabled": H.value }]),
         style: de({ transform: M.value })
       }, [
-        (a(!0), s(J, null, Z(u.value, (C, L) => (a(), s("div", {
-          id: `nmorph-carousel-item-${m(h)}-${C}`,
+        (a(!0), s(J, null, Z(u.value, (C, N) => (a(), s("div", {
+          id: `nmorph-carousel-item-${p(h)}-${C}`,
           key: C,
           ref_for: !0,
-          ref: (O) => p(O, L),
+          ref: (O) => m(O, N),
           class: "nmorph-carousel__item"
         }, null, 8, Kh))), 128))
       ], 6),
       o("div", Jh, [
-        (a(!0), s(J, null, Z(u.value, (C, L) => (a(), s("div", {
-          key: L,
+        (a(!0), s(J, null, Z(u.value, (C, N) => (a(), s("div", {
+          key: N,
           class: "nmorph-carousel__element-indicator-wrapper",
-          onClick: (O) => b(L)
+          onClick: (O) => b(N)
         }, [
           o("div", {
-            class: S(["nmorph-carousel__element-indicator", { "nmorph-carousel__element-indicator--active": _(L) }])
+            class: I(["nmorph-carousel__element-indicator", { "nmorph-carousel__element-indicator--active": g(N) }])
           }, null, 2)
         ], 8, Zh))), 128))
       ]),
@@ -5953,9 +5962,9 @@ const ag = /* @__PURE__ */ A({
         class: "nmorph-carousel__action-btn nmorph-carousel__prev",
         onClick: r
       }, [
-        z(m(q), null, {
+        z(p(q), null, {
           default: x(() => [
-            z(m(ve))
+            z(p(ve))
           ]),
           _: 1
         })
@@ -5964,17 +5973,17 @@ const ag = /* @__PURE__ */ A({
         class: "nmorph-carousel__action-btn nmorph-carousel__next",
         onClick: l
       }, [
-        z(m(q), null, {
+        z(p(q), null, {
           default: x(() => [
-            z(m(ve))
+            z(p(ve))
           ]),
           _: 1
         })
       ]),
-      N(w.$slots, "default")
+      L(w.$slots, "default")
     ], 2));
   }
-}), cg = /* @__PURE__ */ A({
+}), cg = /* @__PURE__ */ j({
   __name: "NmorphCarouselItem",
   props: {
     name: {}
@@ -5989,16 +5998,16 @@ const ag = /* @__PURE__ */ A({
       l.value = !0, r && r.data.value.push(e.name);
     }), (i, c) => l.value ? (a(), s("div", {
       key: 0,
-      class: S(n.value)
+      class: I(n.value)
     }, [
       (a(), B(ot, {
-        to: `#nmorph-carousel-item-${m(r)?.carouselId}-${e.name}`
+        to: `#nmorph-carousel-item-${p(r)?.carouselId}-${e.name}`
       }, [
-        N(i.$slots, "default")
+        L(i.$slots, "default")
       ], 8, ["to"]))
     ], 2)) : D("", !0);
   }
-}), dg = /* @__PURE__ */ A({
+}), dg = /* @__PURE__ */ j({
   __name: "NmorphCollapse",
   props: {
     modelValue: {},
@@ -6031,12 +6040,12 @@ const ag = /* @__PURE__ */ A({
       })
     );
     return (d, u) => (a(), s("div", {
-      class: S(c.value)
+      class: I(c.value)
     }, [
-      N(d.$slots, "default")
+      L(d.$slots, "default")
     ], 2));
   }
-}), ug = /* @__PURE__ */ A({
+}), ug = /* @__PURE__ */ j({
   __name: "NmorphCollapseItem",
   props: {
     height: { default: "default" },
@@ -6062,8 +6071,8 @@ const ag = /* @__PURE__ */ A({
       Array.isArray(d?.value) ? l.value = d.value.includes(n.name) : l.value = d?.value === n.name;
     }), G(
       () => d?.value,
-      (p) => {
-        Array.isArray(p) ? l.value = p.includes(n.name) : l.value = p === n.name;
+      (m) => {
+        Array.isArray(m) ? l.value = m.includes(n.name) : l.value = m === n.name;
       },
       { deep: !0 }
     ), G(l, () => {
@@ -6097,19 +6106,19 @@ const ag = /* @__PURE__ */ A({
   &.nmorph-collapse-item--disabled {
     ${pe()};
   }
-`, g = E.div`
+`, _ = E.div`
   ${y}
 `;
-    return (p, M) => (a(), B(g, {
-      class: S(i.value),
+    return (m, M) => (a(), B(_, {
+      class: I(i.value),
       onClick: ye(v, ["stop"])
     }, {
       default: x(() => [
         o("div", {
-          class: S(["nmorph-collapse-item__title", c.value])
+          class: I(["nmorph-collapse-item__title", c.value])
         }, [
-          N(p.$slots, "title", {}, () => [
-            ge(W(n.title), 1)
+          L(m.$slots, "title", {}, () => [
+            ge(Y(n.title), 1)
           ])
         ], 2),
         o("div", {
@@ -6121,7 +6130,7 @@ const ag = /* @__PURE__ */ A({
             ref: h,
             class: "nmorph-collapse-item__inner-wrapper"
           }, [
-            N(p.$slots, "default")
+            L(m.$slots, "default")
           ], 512)
         ], 4)
       ]),
@@ -6134,7 +6143,7 @@ const ag = /* @__PURE__ */ A({
 }, np = {
   key: 1,
   class: "nmorph-image__loading"
-}, tn = /* @__PURE__ */ A({
+}, tn = /* @__PURE__ */ j({
   __name: "NmorphImage",
   props: {
     loadingText: { default: "" },
@@ -6156,7 +6165,7 @@ const ag = /* @__PURE__ */ A({
         nmorph: [`${r.frameBorder > 0 && "shadow-combined"}`],
         "nmorph-image": [`${(v.value || !c.value) && "hide"}`]
       })
-    ), g = F`
+    ), _ = F`
   --width: auto;
   --height: 100%;
 
@@ -6188,16 +6197,16 @@ const ag = /* @__PURE__ */ A({
       opacity: 0;
     }
   }
-`, p = E.div`
-  ${g}
+`, m = E.div`
+  ${_}
 
   .nmorph {
     ${b0(Number((M) => M.frameBorder))};
   }
 `;
-    return (M, H) => r.src ? (a(), B(p, {
+    return (M, H) => r.src ? (a(), B(m, {
       key: 0,
-      class: S(y.value),
+      class: I(y.value),
       props: { frameBorder: r.frameBorder }
     }, {
       default: x(() => [
@@ -6209,12 +6218,12 @@ const ag = /* @__PURE__ */ A({
           onError: $
         }, null, 40, ep),
         v.value ? (a(), s("div", tp, [
-          N(M.$slots, "error", {}, () => [
-            ge(W(i.value), 1)
+          L(M.$slots, "error", {}, () => [
+            ge(Y(i.value), 1)
           ])
         ])) : c.value ? D("", !0) : (a(), s("div", np, [
-          N(M.$slots, "loading", {}, () => [
-            ge(W(l.value), 1)
+          L(M.$slots, "loading", {}, () => [
+            ge(Y(l.value), 1)
           ])
         ]))
       ]),
@@ -6227,7 +6236,7 @@ const ag = /* @__PURE__ */ A({
 }, ap = {
   key: 1,
   class: "nmorph-image-preview__right"
-}, sp = { class: "nmorph-image-preview__actions" }, lp = { class: "nmorph-image-preview__action-element" }, ip = /* @__PURE__ */ A({
+}, sp = { class: "nmorph-image-preview__actions" }, lp = { class: "nmorph-image-preview__action-element" }, ip = /* @__PURE__ */ j({
   __name: "NmorphImagePreview",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -6243,43 +6252,43 @@ const ag = /* @__PURE__ */ A({
     const n = t, r = k(n.modelValue);
     G(
       () => n.modelValue,
-      (I) => r.value = I
+      (S) => r.value = S
     );
     const l = f(
       () => T({
         "nmorph-image-preview": [`${r.value && "opened"}`]
       })
     ), i = k(n.initialIndex), c = f(() => typeof n.src == "string" ? n.src : n.src[i.value]), d = k(1), u = () => {
-      r.value = !0, L("update:model-value", r.value);
+      r.value = !0, N("update:model-value", r.value);
     }, h = () => {
-      r.value = !1, L("update:model-value", r.value);
+      r.value = !1, N("update:model-value", r.value);
     }, $ = () => {
-      _.value = _.value + 90, _.value >= 360 && (_.value = 0);
+      g.value = g.value + 90, g.value >= 360 && (g.value = 0);
     }, v = () => {
-      _.value = _.value - 90, _.value <= -360 && (_.value = 0);
+      g.value = g.value - 90, g.value <= -360 && (g.value = 0);
     }, y = () => {
       d.value < n.maxScaleLevel && (d.value += n.scaleStep), d.value = parseFloat(d.value.toFixed(3));
-    }, g = () => {
+    }, _ = () => {
       d.value > n.minScaleLevel && (d.value -= n.scaleStep), d.value = parseFloat(d.value.toFixed(3));
-    }, p = f(() => d.value < 1), M = () => {
+    }, m = f(() => d.value < 1), M = () => {
       d.value = 1;
     }, H = () => {
       d.value = 1;
-    }, _ = k(0), b = () => {
-      const I = n.src.length - 1, P = i.value - 1;
-      P < 0 ? i.value = I : i.value = P;
+    }, g = k(0), b = () => {
+      const S = n.src.length - 1, P = i.value - 1;
+      P < 0 ? i.value = S : i.value = P;
     }, w = () => {
-      const I = n.src.length - 1, P = i.value + 1;
-      P > I ? i.value = 0 : i.value = P;
+      const S = n.src.length - 1, P = i.value + 1;
+      P > S ? i.value = 0 : i.value = P;
     }, V = f(() => {
-      let I = {
+      let S = {
         icon: z8,
         handler: H
       };
-      return p.value && (I = {
+      return m.value && (S = {
         icon: N4,
         handler: M
-      }), I;
+      }), S;
     }), C = [
       {
         icon: Ud,
@@ -6295,9 +6304,9 @@ const ag = /* @__PURE__ */ A({
       },
       {
         icon: Vh,
-        handler: g
+        handler: _
       }
-    ], L = e, O = f(() => Array.isArray(n.src) && n.src.length > 0), j = F`
+    ], N = e, O = f(() => Array.isArray(n.src) && n.src.length > 0), A = F`
   --width: 50px;
   --height: 50px;
 
@@ -6385,42 +6394,42 @@ const ag = /* @__PURE__ */ A({
       right: var(--nmorph-image-preview-btn-margin);
     }
   }
-`, Y = E.div`
-  ${j}
+`, W = E.div`
+  ${A}
 `;
-    return (I, P) => (a(), B(Y, {
-      class: S(l.value)
+    return (S, P) => (a(), B(W, {
+      class: I(l.value)
     }, {
       default: x(() => [
         o("div", {
           class: "nmorph-image-preview__trigger",
           onClick: u
         }, [
-          z(m(tn), {
+          z(p(tn), {
             src: c.value,
             alt: n.alt,
             fit: "cover"
           }, null, 8, ["src", "alt"])
         ]),
-        z(m(kn), {
+        z(p(kn), {
           show: r.value,
           onOnOutsideClick: h
         }, {
           default: x(() => [
             o("div", op, [
-              z(m(tn), {
+              z(p(tn), {
                 src: c.value,
                 alt: n.alt,
                 fit: "cover",
-                style: de({ transform: `rotate(${_.value}deg) scale(${d.value})` })
+                style: de({ transform: `rotate(${g.value}deg) scale(${d.value})` })
               }, null, 8, ["src", "alt", "style"])
             ]),
             O.value ? (a(), s("div", rp, [
-              z(m(Q), { onClick: b }, {
+              z(p(Q), { onClick: b }, {
                 default: x(() => [
-                  z(m(q), null, {
+                  z(p(q), null, {
                     default: x(() => [
-                      z(m(ve))
+                      z(p(ve))
                     ]),
                     _: 1
                   })
@@ -6429,11 +6438,11 @@ const ag = /* @__PURE__ */ A({
               })
             ])) : D("", !0),
             O.value ? (a(), s("div", ap, [
-              z(m(Q), { onClick: w }, {
+              z(p(Q), { onClick: w }, {
                 default: x(() => [
-                  z(m(q), null, {
+                  z(p(q), null, {
                     default: x(() => [
-                      z(m(ve))
+                      z(p(ve))
                     ]),
                     _: 1
                   })
@@ -6446,11 +6455,11 @@ const ag = /* @__PURE__ */ A({
                 key: me,
                 class: "nmorph-image-preview__action-element"
               }, [
-                z(m(Q), {
+                z(p(Q), {
                   onClick: U.handler
                 }, {
                   default: x(() => [
-                    z(m(q), null, {
+                    z(p(q), null, {
                       default: x(() => [
                         (a(), B(Fe(U.icon)))
                       ]),
@@ -6461,12 +6470,12 @@ const ag = /* @__PURE__ */ A({
                 }, 1032, ["onClick"])
               ])), 64)),
               o("div", lp, [
-                z(m(Q), {
+                z(p(Q), {
                   disabled: d.value === 1,
                   onClick: V.value.handler
                 }, {
                   default: x(() => [
-                    z(m(q), null, {
+                    z(p(q), null, {
                       default: x(() => [
                         (a(), B(Fe(V.value.icon)))
                       ]),
@@ -6484,7 +6493,7 @@ const ag = /* @__PURE__ */ A({
       _: 1
     }, 8, ["class"]));
   }
-}), hg = /* @__PURE__ */ A({
+}), hg = /* @__PURE__ */ j({
   __name: "NmorphPagination",
   props: {
     totalElementsQuantity: {},
@@ -6506,29 +6515,29 @@ const ag = /* @__PURE__ */ A({
     }, c = () => {
       d.value = String(Number(d.value) + 1);
     }, d = k(String(n.modelValue)), u = f(() => {
-      const _ = n.totalElementsQuantity / n.elementsQuantityOnPage + 1, b = _ % 1 === 0 ? -1 : 0;
-      return Array.from({ length: _ + b }, (V, C) => ({ value: String(C + 1), label: String(C + 1) }));
+      const g = n.totalElementsQuantity / n.elementsQuantityOnPage + 1, b = g % 1 === 0 ? -1 : 0;
+      return Array.from({ length: g + b }, (V, C) => ({ value: String(C + 1), label: String(C + 1) }));
     }), h = f(() => n.hideOnSinglePage || n.totalElementsQuantity / n.elementsQuantityOnPage > 1);
-    G(d, (_) => {
-      r("update:model-value", Number(_));
+    G(d, (g) => {
+      r("update:model-value", Number(g));
     });
-    const $ = (_) => {
-      d.value = _;
-    }, v = f(() => Number(d.value) === 1), y = f(() => u.value.length === Number(d.value)), g = f(() => {
-      const _ = u.value.length, b = Number(d.value), w = n.maxVisiblePages;
-      if (_ <= w)
+    const $ = (g) => {
+      d.value = g;
+    }, v = f(() => Number(d.value) === 1), y = f(() => u.value.length === Number(d.value)), _ = f(() => {
+      const g = u.value.length, b = Number(d.value), w = n.maxVisiblePages;
+      if (g <= w)
         return u.value;
       const V = Math.floor(w / 2);
-      return b <= V ? [...u.value.slice(0, w - 2), { value: "next", label: "..." }, u.value[_ - 1]] : b >= _ - V ? [u.value[0], { value: "prev", label: "..." }, ...u.value.slice(_ - (w - 2))] : [
+      return b <= V ? [...u.value.slice(0, w - 2), { value: "next", label: "..." }, u.value[g - 1]] : b >= g - V ? [u.value[0], { value: "prev", label: "..." }, ...u.value.slice(g - (w - 2))] : [
         u.value[0],
         { value: "prev", label: "..." },
         ...u.value.slice(b - V, b + V - 1),
         { value: "next", label: "..." },
-        u.value[_ - 1]
+        u.value[g - 1]
       ];
-    }), p = (_) => {
+    }), m = (g) => {
       const b = Number(d.value);
-      let w = _ === "prev" ? b - n.fastForwardStep : b + n.fastForwardStep;
+      let w = g === "prev" ? b - n.fastForwardStep : b + n.fastForwardStep;
       w <= 0 && (w = 1), w >= u.value.length && (w = u.value.length), d.value = String(w);
     }, M = F`
   display: flex;
@@ -6590,44 +6599,44 @@ const ag = /* @__PURE__ */ A({
 `, H = E.div`
   ${M}
 `;
-    return (_, b) => h.value ? (a(), B(H, {
+    return (g, b) => h.value ? (a(), B(H, {
       key: 0,
-      class: S(l.value)
+      class: I(l.value)
     }, {
       default: x(() => [
-        z(m(Q), {
+        z(p(Q), {
           class: "nmorph-pagination__btn nmorph-pagination__prev-btn",
           disabled: v.value || n.disabled,
           onClick: i
         }, {
           default: x(() => [
-            z(m(q), { class: "nmorph-pagination__prev-icon" }, {
+            z(p(q), { class: "nmorph-pagination__prev-icon" }, {
               default: x(() => [
-                z(m(ve))
+                z(p(ve))
               ]),
               _: 1
             })
           ]),
           _: 1
         }, 8, ["disabled"]),
-        z(m(po), {
+        z(p(po), {
           "model-value": d.value,
           class: "nmorph-pagination__page-group",
           disabled: n.disabled,
           "onUpdate:modelValue": $
         }, {
           default: x(() => [
-            (a(!0), s(J, null, Z(g.value, (w) => (a(), s("div", {
+            (a(!0), s(J, null, Z(_.value, (w) => (a(), s("div", {
               key: w.value,
               class: "nmorph-pagination__page-btn-wrapper"
             }, [
-              w.value === "prev" || w.value === "next" ? (a(), B(m(Q), {
+              w.value === "prev" || w.value === "next" ? (a(), B(p(Q), {
                 key: 0,
-                class: S(`nmorph-pagination__page-btn nmorph-pagination__${w.value}`),
+                class: I(`nmorph-pagination__page-btn nmorph-pagination__${w.value}`),
                 text: w.label,
                 disabled: n.disabled,
-                onClick: (V) => p(w.value)
-              }, null, 8, ["class", "text", "disabled", "onClick"])) : (a(), B(m(ho), rt({
+                onClick: (V) => m(w.value)
+              }, null, 8, ["class", "text", "disabled", "onClick"])) : (a(), B(p(ho), rt({
                 key: 1,
                 ref_for: !0
               }, w, {
@@ -6638,15 +6647,15 @@ const ag = /* @__PURE__ */ A({
           ]),
           _: 1
         }, 8, ["model-value", "disabled"]),
-        z(m(Q), {
+        z(p(Q), {
           class: "nmorph-pagination__btn nmorph-pagination__next-btn",
           disabled: y.value || n.disabled,
           onClick: c
         }, {
           default: x(() => [
-            z(m(q), { class: "nmorph-pagination__next-icon" }, {
+            z(p(q), { class: "nmorph-pagination__next-icon" }, {
               default: x(() => [
-                z(m(ve))
+                z(p(ve))
               ]),
               _: 1
             })
@@ -6669,7 +6678,7 @@ const ag = /* @__PURE__ */ A({
 }, mp = {
   key: 1,
   class: "nmorph-progress__circle"
-}, vp = { class: "nmorph-progress__circle-inner-part" }, fp = ["width", "height"], gp = ["cx", "cy", "r", "stroke-dasharray", "stroke-dashoffset"], pg = /* @__PURE__ */ A({
+}, vp = { class: "nmorph-progress__circle-inner-part" }, fp = ["width", "height"], gp = ["cx", "cy", "r", "stroke-dasharray", "stroke-dashoffset"], pg = /* @__PURE__ */ j({
   __name: "NmorphProgress",
   props: {
     type: { default: "linear" },
@@ -6685,7 +6694,7 @@ const ag = /* @__PURE__ */ A({
       () => T({
         "nmorph-progress": []
       })
-    ), r = f(() => Array.isArray(e.color) ? e.color.find((g) => g.percentage <= e.percentage)?.color : typeof e.color == "function" ? e.color(e.percentage) : e.color), l = f(() => e.indeterminate ? "var(--animation)" : "none"), i = k(null), c = k(1), d = f(() => `${c.value} ${c.value}`), u = f(() => c.value - e.percentage / 100 * c.value);
+    ), r = f(() => Array.isArray(e.color) ? e.color.find((_) => _.percentage <= e.percentage)?.color : typeof e.color == "function" ? e.color(e.percentage) : e.color), l = f(() => e.indeterminate ? "var(--animation)" : "none"), i = k(null), c = k(1), d = f(() => `${c.value} ${c.value}`), u = f(() => c.value - e.percentage / 100 * c.value);
     he(() => {
       i.value && (c.value = 2 * Math.PI * i.value.r.baseVal.value);
     });
@@ -6719,7 +6728,7 @@ const ag = /* @__PURE__ */ A({
 
     .nmorph-progress__percentage,
     .nmorph-progress__inner-text {
-      ${Ae()}
+      ${je()}
       margin-left: var(--indentation-03);
     }
 
@@ -6772,45 +6781,45 @@ const ag = /* @__PURE__ */ A({
   ${v}
 
   .nmorph-progress__inner {
-    width: ${(g) => g.displayPercentage};
-    background: ${(g) => g.color};
-    animation: ${(g) => g.animation};
+    width: ${(_) => _.displayPercentage};
+    background: ${(_) => _.color};
+    animation: ${(_) => _.animation};
   }
 
   .nmorph-progress__circle {
-    width: ${(g) => g.circleContainerSize};
-    height: ${(g) => g.circleContainerSize};
+    width: ${(_) => _.circleContainerSize};
+    height: ${(_) => _.circleContainerSize};
   }
 
   .nmorph-progress__circle-ring {
-    stroke: ${(g) => g.color};
+    stroke: ${(_) => _.color};
   }
 `;
-    return (g, p) => (a(), B(y, {
-      class: S(n.value),
+    return (_, m) => (a(), B(y, {
+      class: I(n.value),
       props: { displayPercentage: $.value, color: r.value, animation: l.value, circleContainerSize: h.value }
     }, {
       default: x(() => [
         e.type === "linear" ? (a(), s("div", cp, [
           o("div", dp, [
             o("div", up, [
-              g.valueInside ? (a(), s("div", hp, [
-                N(g.$slots, "inner-text", {}, () => [
-                  ge(W($.value), 1)
+              _.valueInside ? (a(), s("div", hp, [
+                L(_.$slots, "inner-text", {}, () => [
+                  ge(Y($.value), 1)
                 ])
               ])) : D("", !0)
             ])
           ]),
-          g.valueRightSide ? (a(), s("div", pp, [
-            N(g.$slots, "right-side", {}, () => [
-              ge(W($.value), 1)
+          _.valueRightSide ? (a(), s("div", pp, [
+            L(_.$slots, "right-side", {}, () => [
+              ge(Y($.value), 1)
             ])
           ])) : D("", !0)
         ])) : D("", !0),
         e.type === "circle" ? (a(), s("div", mp, [
           o("div", vp, [
-            N(g.$slots, "circle-inner-part", {}, () => [
-              ge(W($.value), 1)
+            L(_.$slots, "circle-inner-part", {}, () => [
+              ge(Y($.value), 1)
             ])
           ]),
           (a(), s("svg", {
@@ -6836,7 +6845,7 @@ const ag = /* @__PURE__ */ A({
 }), _p = {
   key: 0,
   class: "nmorph-skeleton__rows"
-}, wp = { class: "nmorph-skeleton__template" }, bp = { class: "nmorph-skeleton__default" }, mg = /* @__PURE__ */ A({
+}, wp = { class: "nmorph-skeleton__template" }, bp = { class: "nmorph-skeleton__default" }, mg = /* @__PURE__ */ j({
   __name: "NmorphSkeleton",
   props: {
     animated: { type: Boolean, default: !0 },
@@ -6873,11 +6882,11 @@ const ag = /* @__PURE__ */ A({
   ${r}
 `;
     return (i, c) => (a(), B(l, {
-      class: S(n.value)
+      class: I(n.value)
     }, {
       default: x(() => [
         e.rows && e.loading ? (a(), s("div", _p, [
-          (a(!0), s(J, null, Z(e.rows, (d) => (a(), B(m($p), {
+          (a(!0), s(J, null, Z(e.rows, (d) => (a(), B(p($p), {
             key: d,
             width: "100%",
             height: "14px",
@@ -6885,12 +6894,12 @@ const ag = /* @__PURE__ */ A({
           }))), 128))
         ])) : D("", !0),
         qt(o("div", wp, [
-          N(i.$slots, "template")
+          L(i.$slots, "template")
         ], 512), [
           [Rt, !e.rows && e.loading]
         ]),
         qt(o("div", bp, [
-          N(i.$slots, "default")
+          L(i.$slots, "default")
         ], 512), [
           [Rt, !e.loading]
         ])
@@ -6900,7 +6909,7 @@ const ag = /* @__PURE__ */ A({
   }
 });
 var xp = /* @__PURE__ */ ((t) => (t.image = "image", t.circle = "circle", t.rect = "rect", t))(xp || {});
-const yp = { class: "nmorph-skeleton-item__element" }, $p = /* @__PURE__ */ A({
+const yp = { class: "nmorph-skeleton-item__element" }, $p = /* @__PURE__ */ j({
   __name: "NmorphSkeletonItem",
   props: {
     variant: { default: "rect" },
@@ -6941,17 +6950,17 @@ const yp = { class: "nmorph-skeleton-item__element" }, $p = /* @__PURE__ */ A({
   }
 `;
     return (d, u) => (a(), B(c, {
-      class: S(n.value)
+      class: I(n.value)
     }, {
       default: x(() => [
         o("div", yp, [
-          e.variant === "image" ? (a(), B(m(q), {
+          e.variant === "image" ? (a(), B(p(q), {
             key: 0,
             width: e.width,
             height: e.height
           }, {
             default: x(() => [
-              z(m(lo))
+              z(p(lo))
             ]),
             _: 1
           }, 8, ["width", "height"])) : D("", !0)
@@ -6960,7 +6969,7 @@ const yp = { class: "nmorph-skeleton-item__element" }, $p = /* @__PURE__ */ A({
       _: 1
     }, 8, ["class"]));
   }
-}), ft = "10px", Mp = /* @__PURE__ */ A({
+}), ft = "10px", Mp = /* @__PURE__ */ j({
   __name: "NmorphSortButton",
   props: {
     value: {}
@@ -7010,32 +7019,32 @@ const yp = { class: "nmorph-skeleton-item__element" }, $p = /* @__PURE__ */ A({
   ${c}
 `;
     return (u, h) => (a(), B(d, {
-      class: S(l.value)
+      class: I(l.value)
     }, {
       default: x(() => [
-        z(m(Q), {
+        z(p(Q), {
           height: "thin",
           "style-type": "transparent",
           onClick: i
         }, {
           default: x(() => [
-            z(m(q), {
+            z(p(q), {
               class: "nmorph-sort-button__icon-up",
               width: ft,
               height: ft
             }, {
               default: x(() => [
-                z(m(h0))
+                z(p(h0))
               ]),
               _: 1
             }),
-            z(m(q), {
+            z(p(q), {
               class: "nmorph-sort-button__icon-down",
               width: ft,
               height: ft
             }, {
               default: x(() => [
-                z(m(h0))
+                z(p(h0))
               ]),
               _: 1
             })
@@ -7046,7 +7055,7 @@ const yp = { class: "nmorph-skeleton-item__element" }, $p = /* @__PURE__ */ A({
       _: 1
     }, 8, ["class"]));
   }
-}), kp = { class: "nmorph-table__wrapper" }, zp = { class: "nmorph-table__header" }, Hp = ["data-src"], Vp = { class: "nmorph-table__table-row" }, Bp = { class: "nmorph-table__cell" }, Cp = { class: "nmorph-table__body" }, Sp = ["id"], Ip = { class: "nmorph-table__slot-columns" }, Np = /* @__PURE__ */ A({
+}), kp = { class: "nmorph-table__wrapper" }, zp = { class: "nmorph-table__header" }, Hp = ["data-src"], Vp = { class: "nmorph-table__table-row" }, Bp = { class: "nmorph-table__cell" }, Cp = { class: "nmorph-table__body" }, Sp = ["id"], Ip = { class: "nmorph-table__slot-columns" }, Np = /* @__PURE__ */ j({
   __name: "NmorphTable",
   props: {
     data: { default: () => [] },
@@ -7061,8 +7070,8 @@ const yp = { class: "nmorph-skeleton-item__element" }, $p = /* @__PURE__ */ A({
         "nmorph-table": [`${e.design}`]
       })
     ), r = k(e.data), l = k(e.sort), i = (M, H) => {
-      l.value && (l.value[H] = M, r.value.sort((_, b) => {
-        const w = String(_[H]).toLowerCase(), V = String(b[H]).toLowerCase();
+      l.value && (l.value[H] = M, r.value.sort((g, b) => {
+        const w = String(g[H]).toLowerCase(), V = String(b[H]).toLowerCase();
         if (!l.value)
           return 0;
         const C = l.value[H];
@@ -7071,8 +7080,8 @@ const yp = { class: "nmorph-skeleton-item__element" }, $p = /* @__PURE__ */ A({
     }, c = k(null), d = k([]);
     ue("table-data", { rows: r, columns: d });
     const u = f(() => {
-      const M = d.value.map((V) => V.width).filter((V) => !!V), H = M.length, _ = M.reduce((V, C) => (V += Number(C), V), 0), b = d.value.length - H;
-      return c.value?.clientWidth ? (c.value?.clientWidth - _) / b : 0;
+      const M = d.value.map((V) => V.width).filter((V) => !!V), H = M.length, g = M.reduce((V, C) => (V += Number(C), V), 0), b = d.value.length - H;
+      return c.value?.clientWidth ? (c.value?.clientWidth - g) / b : 0;
     }), h = (M) => M !== "" ? M : u.value, $ = k(0);
     G(
       () => e.data,
@@ -7083,9 +7092,9 @@ const yp = { class: "nmorph-skeleton-item__element" }, $p = /* @__PURE__ */ A({
         immediate: !0
       }
     );
-    const v = (M) => typeof M == "object" ? "" : M, y = Ne();
+    const v = (M) => typeof M == "object" ? "" : M, y = Le();
     ue("table-identifier", y);
-    const g = F`
+    const _ = F`
   .nmorph-table {
     --border-color: var(--nmorph-info-text-color);
     --table-cell-height: auto;
@@ -7154,43 +7163,43 @@ const yp = { class: "nmorph-skeleton-item__element" }, $p = /* @__PURE__ */ A({
       ${ne()}
     }
   }
-`, p = E.div`
-  ${g}
+`, m = E.div`
+  ${_}
 `;
-    return (M, H) => (a(), B(p, null, {
+    return (M, H) => (a(), B(m, null, {
       default: x(() => [
         (a(), s("div", {
           ref_key: "nmorphDOMTable",
           ref: c,
           key: $.value,
-          class: S(n.value)
+          class: I(n.value)
         }, [
           o("div", kp, [
             o("table", zp, [
               o("colgroup", null, [
-                (a(!0), s(J, null, Z(d.value, (_) => (a(), s("col", {
-                  key: _.prop,
-                  style: de({ width: `${h(_.width)}px` }),
-                  "data-src": `${h(_.width)}px`
+                (a(!0), s(J, null, Z(d.value, (g) => (a(), s("col", {
+                  key: g.prop,
+                  style: de({ width: `${h(g.width)}px` }),
+                  "data-src": `${h(g.width)}px`
                 }, null, 12, Hp))), 128))
               ]),
               o("thead", null, [
                 o("tr", Vp, [
-                  (a(!0), s(J, null, Z(d.value, (_, b) => (a(), s("th", {
+                  (a(!0), s(J, null, Z(d.value, (g, b) => (a(), s("th", {
                     key: b,
-                    class: S(["nmorph-table__table-data", { "nmorph-table__table-data--bordered": e.bordered }])
+                    class: I(["nmorph-table__table-data", { "nmorph-table__table-data--bordered": e.bordered }])
                   }, [
                     o("div", Bp, [
                       o("div", {
-                        style: de({ "justify-content": _.alignment }),
+                        style: de({ "justify-content": g.alignment }),
                         class: "nmorph-table__cell-content"
                       }, [
-                        o("span", null, W(_.label), 1),
-                        l.value && l.value[_.prop] ? (a(), B(Mp, {
+                        o("span", null, Y(g.label), 1),
+                        l.value && l.value[g.prop] ? (a(), B(Mp, {
                           key: 0,
                           class: "nmorph-table__button-wrapper",
-                          value: l.value[_.prop],
-                          onSort: (w) => i(w, _.prop)
+                          value: l.value[g.prop],
+                          onSort: (w) => i(w, g.prop)
                         }, null, 8, ["value", "onSort"])) : D("", !0)
                       ], 4)
                     ])
@@ -7201,38 +7210,38 @@ const yp = { class: "nmorph-skeleton-item__element" }, $p = /* @__PURE__ */ A({
             o("div", Cp, [
               o("table", null, [
                 o("colgroup", null, [
-                  (a(!0), s(J, null, Z(d.value, (_) => (a(), s("col", {
-                    key: _.prop,
-                    style: de({ width: `${h(_.width)}px` })
+                  (a(!0), s(J, null, Z(d.value, (g) => (a(), s("col", {
+                    key: g.prop,
+                    style: de({ width: `${h(g.width)}px` })
                   }, null, 4))), 128))
                 ]),
                 o("tbody", null, [
-                  (a(!0), s(J, null, Z(r.value, (_, b) => (a(), s("tr", {
+                  (a(!0), s(J, null, Z(r.value, (g, b) => (a(), s("tr", {
                     key: b,
-                    class: S(["nmorph-table__table-data-row", { "nmorph-table__table-data-row--row-hover": e.rowHover }])
+                    class: I(["nmorph-table__table-data-row", { "nmorph-table__table-data-row--row-hover": e.rowHover }])
                   }, [
                     (a(!0), s(J, null, Z(d.value, (w) => (a(), s("td", {
                       key: w.prop,
-                      class: S([{ "nmorph-table__table-data--bordered": e.bordered }, "nmorph-table__table-data"])
+                      class: I([{ "nmorph-table__table-data--bordered": e.bordered }, "nmorph-table__table-data"])
                     }, [
                       o("div", {
-                        id: `table-cell-${m(y)}-${b}-${w.prop}`,
+                        id: `table-cell-${p(y)}-${b}-${w.prop}`,
                         style: de({ "text-align": w.alignment }),
                         class: "nmorph-table__cell nmorph-table__cell--data"
-                      }, W(v(_[w.prop])), 13, Sp)
+                      }, Y(v(g[w.prop])), 13, Sp)
                     ], 2))), 128))
                   ], 2))), 128))
                 ])
               ]),
               o("table", null, [
                 o("colgroup", null, [
-                  (a(!0), s(J, null, Z(d.value, (_) => (a(), s("col", {
-                    key: _.prop,
-                    style: de({ width: `${h(_.width)}px` })
+                  (a(!0), s(J, null, Z(d.value, (g) => (a(), s("col", {
+                    key: g.prop,
+                    style: de({ width: `${h(g.width)}px` })
                   }, null, 4))), 128))
                 ]),
                 o("tbody", Ip, [
-                  N(M.$slots, "default")
+                  L(M.$slots, "default")
                 ])
               ])
             ])
@@ -7242,7 +7251,7 @@ const yp = { class: "nmorph-skeleton-item__element" }, $p = /* @__PURE__ */ A({
       _: 3
     }));
   }
-}), Lp = /* @__PURE__ */ A({
+}), Lp = /* @__PURE__ */ j({
   __name: "NmorphTableCell",
   props: {
     row: {}
@@ -7254,19 +7263,19 @@ const yp = { class: "nmorph-skeleton-item__element" }, $p = /* @__PURE__ */ A({
       })
     ), i = f(() => `#table-cell-${n}-${r.row}-${e}`), c = k(!1);
     return he(async () => {
-      await Ee();
+      await Ne();
       const d = document.querySelector(i.value);
       d && (d.innerHTML = ""), c.value = !0;
     }), (d, u) => c.value ? (a(), s("div", {
       key: 0,
-      class: S(l.value)
+      class: I(l.value)
     }, [
       (a(), B(ot, { to: i.value }, [
-        N(d.$slots, "default")
+        L(d.$slots, "default")
       ], 8, ["to"]))
     ], 2)) : D("", !0);
   }
-}), Ap = ["data-id"], jp = /* @__PURE__ */ A({
+}), Ap = ["data-id"], jp = /* @__PURE__ */ j({
   __name: "NmorphTableColumn",
   props: {
     label: { default: "" },
@@ -7293,14 +7302,14 @@ const yp = { class: "nmorph-skeleton-item__element" }, $p = /* @__PURE__ */ A({
       ref_key: "columnDOMEl",
       ref: d,
       "data-id": i.value,
-      class: S(l.value)
+      class: I(l.value)
     }, [
-      N(u.$slots, "default", {
-        scope: { columns: m(e)?.columns.value, rows: m(e)?.rows.value, tableId: m(n) }
+      L(u.$slots, "default", {
+        scope: { columns: p(e)?.columns.value, rows: p(e)?.rows.value, tableId: p(n) }
       })
     ], 10, Ap));
   }
-}), vg = /* @__PURE__ */ A({
+}), vg = /* @__PURE__ */ j({
   __name: "NmorphTagList",
   props: {
     modelValue: {}
@@ -7317,15 +7326,15 @@ const yp = { class: "nmorph-skeleton-item__element" }, $p = /* @__PURE__ */ A({
       i.value = i.value.filter((u) => u.value !== d), r("close", d), r("update:model-value", i.value);
     };
     return (d, u) => (a(), s("div", {
-      class: S(l.value)
+      class: I(l.value)
     }, [
-      (a(!0), s(J, null, Z(m(i), (h) => (a(), B(m(co), rt({
+      (a(!0), s(J, null, Z(p(i), (h) => (a(), B(p(co), rt({
         key: h.value,
         ref_for: !0
       }, h, { onClose: c }), null, 16))), 128))
     ], 2));
   }
-}), Tp = { class: "nmorph-tag-item__content" }, co = /* @__PURE__ */ A({
+}), Tp = { class: "nmorph-tag-item__content" }, co = /* @__PURE__ */ j({
   __name: "NmorphTagItem",
   props: {
     value: {},
@@ -7369,7 +7378,7 @@ const yp = { class: "nmorph-skeleton-item__element" }, $p = /* @__PURE__ */ A({
   &.nmorph-tag-item--thin {
     --height: var(--thin-component);
     span {
-      ${Ae()}
+      ${je()}
     }
   }
 
@@ -7380,18 +7389,18 @@ const yp = { class: "nmorph-skeleton-item__element" }, $p = /* @__PURE__ */ A({
   ${c}
 `;
     return (u, h) => (a(), B(d, {
-      class: S(r.value)
+      class: I(r.value)
     }, {
       default: x(() => [
         o("div", Tp, [
-          o("span", null, W(u.text), 1),
-          n.removable ? (a(), B(m(q), {
+          o("span", null, Y(u.text), 1),
+          n.removable ? (a(), B(p(q), {
             key: 0,
             class: "nmorph-tag-item__close-icon",
             onClick: ye(i, ["stop"])
           }, {
             default: x(() => [
-              z(m(so))
+              z(p(so))
             ]),
             _: 1
           })) : D("", !0)
@@ -7406,7 +7415,7 @@ const yp = { class: "nmorph-skeleton-item__element" }, $p = /* @__PURE__ */ A({
 }, Pp = { class: "nmorph-alert__left-side" }, Ep = {
   key: 0,
   class: "nmorph-alert__icon"
-}, Fp = { class: "nmorph-alert__content-wrapper" }, qp = { class: "nmorph-alert__content-title" }, Rp = { class: "nmorph-alert__content" }, Wp = /* @__PURE__ */ A({
+}, Fp = { class: "nmorph-alert__content-wrapper" }, qp = { class: "nmorph-alert__content-title" }, Rp = { class: "nmorph-alert__content" }, Wp = /* @__PURE__ */ j({
   __name: "NmorphAlert",
   props: {
     id: { default: void 0 },
@@ -7527,9 +7536,9 @@ const yp = { class: "nmorph-skeleton-item__element" }, $p = /* @__PURE__ */ A({
   }
 
 `;
-    return ($, v) => m(d).default || n.title || n.content || n.html ? (a(), B(h, {
+    return ($, v) => p(d).default || n.title || n.content || n.html ? (a(), B(h, {
       key: 0,
-      class: S(l.value),
+      class: I(l.value),
       props: { closeButtonPosition: n.closeIconPosition }
     }, {
       default: x(() => [
@@ -7540,8 +7549,8 @@ const yp = { class: "nmorph-skeleton-item__element" }, $p = /* @__PURE__ */ A({
         }, null, 8, Op)) : (a(), s("div", Dp, [
           o("div", Pp, [
             n.showIcon ? (a(), s("div", Ep, [
-              N($.$slots, "icon", {}, () => [
-                z(m(q), { size: "medium" }, {
+              L($.$slots, "icon", {}, () => [
+                z(p(q), { size: "medium" }, {
                   default: x(() => [
                     (a(), B(Fe(c[n.type])))
                   ]),
@@ -7551,13 +7560,13 @@ const yp = { class: "nmorph-skeleton-item__element" }, $p = /* @__PURE__ */ A({
             ])) : D("", !0),
             o("div", Fp, [
               o("div", qp, [
-                n.title || m(d).title ? N($.$slots, "title", { key: 0 }, () => [
-                  ge(W(n.title), 1)
+                n.title || p(d).title ? L($.$slots, "title", { key: 0 }, () => [
+                  ge(Y(n.title), 1)
                 ]) : D("", !0)
               ]),
               o("div", Rp, [
-                N($.$slots, "default", {}, () => [
-                  ge(W(n.content), 1)
+                L($.$slots, "default", {}, () => [
+                  ge(Y(n.content), 1)
                 ])
               ])
             ])
@@ -7567,12 +7576,12 @@ const yp = { class: "nmorph-skeleton-item__element" }, $p = /* @__PURE__ */ A({
             class: "nmorph-alert__close",
             onClick: i
           }, [
-            z(m(q), {
+            z(p(q), {
               width: "14px",
               height: "14px"
             }, {
               default: x(() => [
-                z(m(ao))
+                z(p(ao))
               ]),
               _: 1
             })
@@ -7584,7 +7593,7 @@ const yp = { class: "nmorph-skeleton-item__element" }, $p = /* @__PURE__ */ A({
   }
 });
 var et = /* @__PURE__ */ ((t) => (t.success = "success", t.error = "error", t.warning = "warning", t.info = "info", t))(et || {});
-const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__title" }, Xp = { class: "nmorph-dialog__content" }, fg = /* @__PURE__ */ A({
+const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__title" }, Xp = { class: "nmorph-dialog__content" }, fg = /* @__PURE__ */ j({
   __name: "NmorphDialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -7650,27 +7659,27 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
   --width: ${(y) => y.dialogWidth};
   z-index: ${(y) => y.zIndex};
 `;
-    return (y, g) => (a(), B(m(kn), {
+    return (y, _) => (a(), B(p(kn), {
       show: i.value,
       onOnOutsideClick: h
     }, {
       default: x(() => [
         z(v, {
-          class: S(l.value),
+          class: I(l.value),
           props: { dialogWidth: n.width, zIndex: n.zIndex }
         }, {
           default: x(() => [
             o("div", Yp, [
-              N(y.$slots, "header", {}, () => [
-                o("div", Up, W(n.title), 1),
+              L(y.$slots, "header", {}, () => [
+                o("div", Up, Y(n.title), 1),
                 n.showClose ? (a(), s("div", {
                   key: 0,
                   class: "nmorph-dialog__close-icon",
                   onClick: u
                 }, [
-                  z(m(q), null, {
+                  z(p(q), null, {
                     default: x(() => [
-                      z(m(ao))
+                      z(p(ao))
                     ]),
                     _: 1
                   })
@@ -7678,7 +7687,7 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
               ])
             ]),
             o("div", Xp, [
-              N(y.$slots, "default")
+              L(y.$slots, "default")
             ])
           ]),
           _: 3
@@ -7693,7 +7702,7 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
 }, Kp = {
   key: 0,
   class: "nmorph-tooltip__info-content"
-}, Jp = { class: "nmorph-tooltip__shadow-content" }, Zp = { key: 0 }, e5 = /* @__PURE__ */ A({
+}, Jp = { class: "nmorph-tooltip__shadow-content" }, Zp = { key: 0 }, e5 = /* @__PURE__ */ j({
   __name: "NmorphTooltip",
   props: {
     text: { default: "" },
@@ -7823,13 +7832,13 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
       transform: none;
     }
   }
-`, g = E.div`
+`, _ = E.div`
   ${y}
-  width: ${(p) => p.width};
+  width: ${(m) => m.width};
 
 `;
-    return (p, M) => (a(), B(g, {
-      class: S(d.value),
+    return (m, M) => (a(), B(_, {
+      class: I(d.value),
       props: { width: $.value }
     }, {
       default: x(() => [
@@ -7844,7 +7853,7 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
             ref_key: "slotDOMRef",
             ref: i
           }, [
-            N(p.$slots, "default")
+            L(m.$slots, "default")
           ], 512),
           n.forceCoordinate ? (a(), B(at, {
             key: 0,
@@ -7855,13 +7864,13 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
               r.value && n.text ? (a(), s("div", {
                 key: 0,
                 class: "nmorph-tooltip__info-content",
-                style: de({ left: p.forceCoordinate?.x, bottom: p.forceCoordinate?.y }),
+                style: de({ left: m.forceCoordinate?.x, bottom: m.forceCoordinate?.y }),
                 ref_key: "tooltipBody",
                 ref: v
               }, [
                 o("div", Gp, [
                   n.forceCoordinate ? D("", !0) : (a(), s("div", Qp)),
-                  o("span", null, W(p.text), 1)
+                  o("span", null, Y(m.text), 1)
                 ])
               ], 4)) : D("", !0)
             ]),
@@ -7875,7 +7884,7 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
               r.value ? (a(), s("div", Kp, [
                 o("div", Jp, [
                   M[0] || (M[0] = o("div", { class: "nmorph-tooltip__triangle" }, null, -1)),
-                  n.text ? (a(), s("span", Zp, W(p.text), 1)) : N(p.$slots, "content", { key: 1 })
+                  n.text ? (a(), s("span", Zp, Y(m.text), 1)) : L(m.$slots, "content", { key: 1 })
                 ])
               ])) : D("", !0)
             ]),
@@ -7907,7 +7916,7 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
 }, d5 = {
   key: 1,
   class: "nmorph-checkbox__fake"
-}, u5 = /* @__PURE__ */ A({
+}, u5 = /* @__PURE__ */ j({
   __name: "NmorphCheckbox",
   props: {
     id: { default: "" },
@@ -7949,7 +7958,7 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
           `${i.design === "button" && "button"}`
         ]
       })
-    ), g = F`
+    ), _ = F`
   --size: var(--extra-thin-component);
 
   display: inline-flex;
@@ -8044,11 +8053,11 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
   &.nmorph-checkbox--disabled {
     ${pe()}
   }
-`, p = E.label`
-  ${g}
+`, m = E.label`
+  ${_}
 `;
-    return (M, H) => (a(), B(p, {
-      class: S(y.value)
+    return (M, H) => (a(), B(m, {
+      class: I(y.value)
     }, {
       default: x(() => [
         i.design === "checkbox" ? (a(), s("div", t5, [
@@ -8066,9 +8075,9 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
             h.value ? (a(), s("div", r5)) : D("", !0)
           ]),
           i.label ? (a(), s("div", a5, [
-            o("span", null, W(i.label), 1)
+            o("span", null, Y(i.label), 1)
           ])) : (a(), s("div", s5, [
-            N(M.$slots, "default")
+            L(M.$slots, "default")
           ]))
         ])) : D("", !0),
         i.design === "button" ? (a(), s("div", l5, [
@@ -8081,16 +8090,16 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
             onChange: v
           }, null, 40, i5),
           i.label ? (a(), s("div", c5, [
-            o("span", null, W(i.label), 1)
+            o("span", null, Y(i.label), 1)
           ])) : (a(), s("div", d5, [
-            N(M.$slots, "label")
+            L(M.$slots, "label")
           ]))
         ])) : D("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), h5 = { class: "nmorph-checkbox-group__wrapper" }, p5 = { class: "nmorph-checkbox-group__content" }, gg = /* @__PURE__ */ A({
+}), h5 = { class: "nmorph-checkbox-group__wrapper" }, p5 = { class: "nmorph-checkbox-group__content" }, gg = /* @__PURE__ */ j({
   __name: "NmorphCheckboxGroup",
   props: {
     modelValue: { default: () => [] },
@@ -8146,12 +8155,12 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
   ${d}
 `;
     return (h, $) => (a(), B(u, {
-      class: S(c.value)
+      class: I(c.value)
     }, {
       default: x(() => [
         o("div", h5, [
           o("div", p5, [
-            (a(!0), s(J, null, Z(h.options, (v, y) => (a(), B(m(u5), {
+            (a(!0), s(J, null, Z(h.options, (v, y) => (a(), B(p(u5), {
               id: v.id,
               key: y,
               label: v.label,
@@ -8159,7 +8168,7 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
               disabled: v.disabled,
               design: n.design
             }, null, 8, ["id", "label", "model-value", "disabled", "design"]))), 128)),
-            N(h.$slots, "default")
+            L(h.$slots, "default")
           ])
         ])
       ]),
@@ -8172,7 +8181,7 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
 }, f5 = {
   key: 1,
   class: "nmorph-autocomplete__list"
-}, g5 = ["onClick"], _g = /* @__PURE__ */ A({
+}, g5 = ["onClick"], _g = /* @__PURE__ */ j({
   __name: "NmorphAutocomplete",
   props: {
     modelValue: { default: "" },
@@ -8193,7 +8202,7 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
       r.value = H, l("update:model-value", r.value);
     }, d = k(!1), u = k(null), h = () => {
       d.value = !1;
-    }, $ = f(() => n.list.filter((H) => Object.keys(H).some((_) => String(H[_]).toLowerCase().includes(r.value.toLowerCase()))));
+    }, $ = f(() => n.list.filter((H) => Object.keys(H).some((g) => String(H[g]).toLowerCase().includes(r.value.toLowerCase()))));
     G($, (H) => {
       d.value = H.length > 0;
     });
@@ -8203,13 +8212,13 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
       });
     }, y = () => {
       d.value = $.value.length > 0;
-    }, g = k(!1);
+    }, _ = k(!1);
     G(r, async (H) => {
-      H !== "" && n.actionCallback && (g.value = !0, await n.actionCallback(), g.value = !1);
-    }), G(g, (H) => {
+      H !== "" && n.actionCallback && (_.value = !0, await n.actionCallback(), _.value = !1);
+    }), G(_, (H) => {
       H && (d.value = !0);
     });
-    const p = F`
+    const m = F`
   .nmorph-autocomplete__list-item {
     padding: var(--indentation-02) var(--indentation-04);
     cursor: pointer;
@@ -8232,10 +8241,10 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
     background: var(--nmorph-accent-color);
   }
 `, M = E.div`
-  ${p}
+  ${m}
 `;
-    return (H, _) => (a(), B(M, {
-      class: S(i.value)
+    return (H, g) => (a(), B(M, {
+      class: I(i.value)
     }, {
       default: x(() => [
         o("div", m5, [
@@ -8244,7 +8253,7 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
             ref: u,
             class: "nmorph-autocomplete__input"
           }, [
-            z(m(pm), {
+            z(p(pm), {
               height: n.height,
               disabled: n.disabled,
               "model-value": r.value,
@@ -8255,7 +8264,7 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
             }, null, 8, ["height", "disabled", "model-value", "placeholder", "clearable"])
           ], 512)
         ]),
-        u.value ? (a(), B(m(Mn), {
+        u.value ? (a(), B(p(Mn), {
           key: 0,
           open: d.value,
           "relative-element": u.value,
@@ -8263,11 +8272,11 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
           "y-offset": 1
         }, {
           default: x(() => [
-            g.value ? (a(), s("div", v5, [
-              N(H.$slots, "loader", {}, () => [
-                z(m(q), { size: "large" }, {
+            _.value ? (a(), s("div", v5, [
+              L(H.$slots, "loader", {}, () => [
+                z(p(q), { size: "large" }, {
                   default: x(() => [
-                    z(m(_n))
+                    z(p(_n))
                   ]),
                   _: 1
                 })
@@ -8278,8 +8287,8 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
                 class: "nmorph-autocomplete__list-item",
                 onClick: () => v(b)
               }, [
-                N(H.$slots, "default", { scope: b }, () => [
-                  ge(W(b.value), 1)
+                L(H.$slots, "default", { scope: b }, () => [
+                  ge(Y(b.value), 1)
                 ])
               ], 8, g5))), 128))
             ]))
@@ -8290,7 +8299,7 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
       _: 3
     }, 8, ["class"]));
   }
-}), _5 = /* @__PURE__ */ A({
+}), _5 = /* @__PURE__ */ j({
   __name: "NmorphClearButton",
   emits: ["clear"],
   setup(t, { emit: e }) {
@@ -8300,19 +8309,19 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
       })
     );
     return (l, i) => (a(), s("div", {
-      class: S(r.value)
+      class: I(r.value)
     }, [
-      z(m(q), {
+      z(p(q), {
         onClick: i[0] || (i[0] = ye((c) => n("clear"), ["stop"]))
       }, {
         default: x(() => [
-          z(m(so))
+          z(p(so))
         ]),
         _: 1
       })
     ], 2));
   }
-}), w5 = { class: "nmorph-date-picker-header__left-side" }, b5 = { class: "nmorph-date-picker-header__center-side" }, x5 = { class: "nmorph-date-picker-header__right-side" }, y5 = /* @__PURE__ */ A({
+}), w5 = { class: "nmorph-date-picker-header__left-side" }, b5 = { class: "nmorph-date-picker-header__center-side" }, x5 = { class: "nmorph-date-picker-header__right-side" }, y5 = /* @__PURE__ */ j({
   __name: "NmorphDatePickerHeader",
   props: {
     year: {},
@@ -8365,36 +8374,36 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
   ${i}
 `;
     return (d, u) => (a(), B(c, {
-      class: S(l.value)
+      class: I(l.value)
     }, {
       default: x(() => [
         o("div", w5, [
-          z(m(Q), {
+          z(p(Q), {
             class: "nmorph-date-picker-header__action-btn",
             "style-type": "transparent",
             onClick: u[0] || (u[0] = (h) => r("prev-year")),
             tabindex: -1
           }, {
             default: x(() => [
-              z(m(q), { class: "nmorph-date-picker-header__chevron-double-left" }, {
+              z(p(q), { class: "nmorph-date-picker-header__chevron-double-left" }, {
                 default: x(() => [
-                  z(m(c0))
+                  z(p(c0))
                 ]),
                 _: 1
               })
             ]),
             _: 1
           }),
-          z(m(Q), {
+          z(p(Q), {
             class: "nmorph-date-picker-header__action-btn",
             "style-type": "transparent",
             onClick: u[1] || (u[1] = (h) => r("prev-month")),
             tabindex: -1
           }, {
             default: x(() => [
-              z(m(q), { class: "nmorph-date-picker-header__chevron-left" }, {
+              z(p(q), { class: "nmorph-date-picker-header__chevron-left" }, {
                 default: x(() => [
-                  z(m(ve))
+                  z(p(ve))
                 ]),
                 _: 1
               })
@@ -8403,15 +8412,15 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
           })
         ]),
         o("div", b5, [
-          z(m(Q), {
+          z(p(Q), {
             text: n.year,
             "style-type": "transparent",
             fill: "",
             onClick: u[2] || (u[2] = (h) => r("change-year")),
             tabindex: -1
           }, null, 8, ["text"]),
-          z(m(Q), {
-            text: m(io)(n.month),
+          z(p(Q), {
+            text: p(io)(n.month),
             "style-type": "transparent",
             fill: "",
             onClick: u[3] || (u[3] = (h) => r("change-month")),
@@ -8419,32 +8428,32 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
           }, null, 8, ["text"])
         ]),
         o("div", x5, [
-          z(m(Q), {
+          z(p(Q), {
             class: "nmorph-date-picker-header__action-btn",
             "style-type": "transparent",
             onClick: u[4] || (u[4] = (h) => r("next-month")),
             tabindex: -1
           }, {
             default: x(() => [
-              z(m(q), { class: "nmorph-date-picker-header__chevron-right" }, {
+              z(p(q), { class: "nmorph-date-picker-header__chevron-right" }, {
                 default: x(() => [
-                  z(m(ve))
+                  z(p(ve))
                 ]),
                 _: 1
               })
             ]),
             _: 1
           }),
-          z(m(Q), {
+          z(p(Q), {
             class: "nmorph-date-picker-header__action-btn",
             "style-type": "transparent",
             onClick: u[5] || (u[5] = (h) => r("next-year")),
             tabindex: -1
           }, {
             default: x(() => [
-              z(m(q), { class: "nmorph-date-picker-header__chevron-double-right" }, {
+              z(p(q), { class: "nmorph-date-picker-header__chevron-double-right" }, {
                 default: x(() => [
-                  z(m(c0))
+                  z(p(c0))
                 ]),
                 _: 1
               })
@@ -8456,7 +8465,7 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
       _: 1
     }, 8, ["class"]));
   }
-}), $5 = { class: "nmorph-year-month-picker__header" }, M5 = { class: "nmorph-year-month-picker__value" }, k5 = { class: "nmorph-year-month-picker__values" }, v0 = /* @__PURE__ */ A({
+}), $5 = { class: "nmorph-year-month-picker__header" }, M5 = { class: "nmorph-year-month-picker__value" }, k5 = { class: "nmorph-year-month-picker__values" }, v0 = /* @__PURE__ */ j({
   __name: "NmorphYearMonthPicker",
   props: {
     currentDate: {},
@@ -8496,13 +8505,13 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
           value: C
         };
       });
-    }, g = (w) => {
+    }, _ = (w) => {
       w === "decrease" ? d.value = d.value - 1 : d.value = d.value + 1, h("update-year", String(d.value));
-    }, p = (w) => {
-      w === "decrease" ? l.type === "year" ? y("decrease") : g("decrease") : l.type === "year" ? y("increase") : g("increase");
+    }, m = (w) => {
+      w === "decrease" ? l.type === "year" ? y("decrease") : _("decrease") : l.type === "year" ? y("increase") : _("increase");
     }, M = f(() => l.type === "year" ? `${i.value[0].label} - ${i.value[i.value.length - 1].label}` : String(d.value)), H = () => {
       l.type === "month" && h("back-to-years");
-    }, _ = F`
+    }, g = F`
   .nmorph-year-month-picker__header {
     display: flex;
     justify-content: space-between;
@@ -8542,22 +8551,22 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
     rotate: -90deg;
   }
 `, b = E.div`
-  ${_}
+  ${g}
 `;
     return (w, V) => (a(), B(b, {
-      class: S($.value)
+      class: I($.value)
     }, {
       default: x(() => [
         o("div", $5, [
-          z(m(Q), {
+          z(p(Q), {
             class: "nmorph-year-month-picker__action-btn",
-            onClick: V[0] || (V[0] = (C) => p("decrease")),
+            onClick: V[0] || (V[0] = (C) => m("decrease")),
             tabindex: -1
           }, {
             default: x(() => [
-              z(m(q), { class: "nmorph-year-month-picker__chevron-left" }, {
+              z(p(q), { class: "nmorph-year-month-picker__chevron-left" }, {
                 default: x(() => [
-                  z(m(ve))
+                  z(p(ve))
                 ]),
                 _: 1
               })
@@ -8565,22 +8574,22 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
             _: 1
           }),
           o("div", M5, [
-            z(m(Q), {
+            z(p(Q), {
               text: M.value,
               "style-type": "transparent",
               onClick: H,
               tabindex: -1
             }, null, 8, ["text"])
           ]),
-          z(m(Q), {
+          z(p(Q), {
             class: "nmorph-year-month-picker__action-btn",
-            onClick: V[1] || (V[1] = (C) => p("increase")),
+            onClick: V[1] || (V[1] = (C) => m("increase")),
             tabindex: -1
           }, {
             default: x(() => [
-              z(m(q), { class: "nmorph-year-month-picker__chevron-right" }, {
+              z(p(q), { class: "nmorph-year-month-picker__chevron-right" }, {
                 default: x(() => [
-                  z(m(ve))
+                  z(p(ve))
                 ]),
                 _: 1
               })
@@ -8588,9 +8597,9 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
             _: 1
           })
         ]),
-        z(m(Lm)),
+        z(p(Lm)),
         o("div", k5, [
-          z(m(po), {
+          z(p(po), {
             "model-value": c.value,
             options: i.value,
             "onUpdate:modelValue": v
@@ -8600,7 +8609,7 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
       _: 1
     }, 8, ["class"]));
   }
-}), z5 = /* @__PURE__ */ A({
+}), z5 = /* @__PURE__ */ j({
   __name: "NmorphDatePickerContent",
   props: {
     initialDate: { default: () => /* @__PURE__ */ new Date() },
@@ -8617,31 +8626,31 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
       i.value = d.value;
     }, y = () => {
       i.value = u.value;
-    }, g = () => {
+    }, _ = () => {
       i.value = h.value;
-    }, p = () => {
+    }, m = () => {
       i.value = $.value;
     }, M = () => {
       c.value = "year";
     }, H = () => {
       c.value = "month";
-    }, _ = (L) => {
-      const O = new Date(i.value.setFullYear(Number(L)));
+    }, g = (N) => {
+      const O = new Date(i.value.setFullYear(Number(N)));
       i.value = O, c.value = "month";
-    }, b = (L) => {
-      const O = new Date(i.value.setMonth(Number(L)));
+    }, b = (N) => {
+      const O = new Date(i.value.setMonth(Number(N)));
       i.value = O, c.value = "calendar";
     }, w = () => {
       c.value = "year";
-    }, V = (L) => {
-      r("update-selected-value", L);
-    }, C = (L) => {
-      i.value = L;
+    }, V = (N) => {
+      r("update-selected-value", N);
+    }, C = (N) => {
+      i.value = N;
     };
-    return (L, O) => (a(), s("div", {
-      class: S(l.value)
+    return (N, O) => (a(), s("div", {
+      class: I(l.value)
     }, [
-      c.value === "calendar" ? (a(), B(m(Eh), {
+      c.value === "calendar" ? (a(), B(p(Eh), {
         key: 0,
         type: n.type,
         "initial-date": i.value,
@@ -8655,8 +8664,8 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
             month: i.value.getMonth(),
             onPrevMonth: v,
             onNextMonth: y,
-            onPrevYear: g,
-            onNextYear: p,
+            onPrevYear: _,
+            onNextYear: m,
             onChangeYear: M,
             onChangeMonth: H
           }, null, 8, ["year", "month"])
@@ -8667,19 +8676,19 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
         key: 1,
         type: "year",
         "current-date": i.value,
-        onUpdateYear: _
+        onUpdateYear: g
       }, null, 8, ["current-date"])) : D("", !0),
       c.value === "month" ? (a(), B(v0, {
         key: 2,
         type: "month",
         "current-date": i.value,
-        onUpdateYear: _,
+        onUpdateYear: g,
         onUpdateMonth: b,
         onBackToYears: w
       }, null, 8, ["current-date"])) : D("", !0)
     ], 2));
   }
-}), H5 = { class: "nmorph-date-picker__date-wrapper" }, V5 = ["onKeydown"], B5 = { class: "nmorph-date-picker__selected-value" }, C5 = { class: "nmorph-date-picker__clear-button-wrapper" }, S5 = { class: "nmorph-date-picker__content" }, wg = /* @__PURE__ */ A({
+}), H5 = { class: "nmorph-date-picker__date-wrapper" }, V5 = ["onKeydown"], B5 = { class: "nmorph-date-picker__selected-value" }, C5 = { class: "nmorph-date-picker__clear-button-wrapper" }, S5 = { class: "nmorph-date-picker__content" }, wg = /* @__PURE__ */ j({
   __name: "NmorphDatePicker",
   props: {
     placeholder: { default: "" },
@@ -8701,9 +8710,9 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
         nmorph: [$e[r.height]],
         "nmorph-date-picker": [`${r.disabled && "disabled"}`, r.type, `${d.value && "focus"}`]
       })
-    ), v = k(!1), y = k(null), g = () => {
+    ), v = k(!1), y = k(null), _ = () => {
       v.value = !1;
-    }, p = () => {
+    }, m = () => {
       v.value = !v.value;
     }, M = f(() => {
       if (!i.value)
@@ -8711,14 +8720,14 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
       if (Array.isArray(i.value)) {
         if (i.value.length === 0)
           return l.value;
-        const C = p0(i.value), L = r.type === "daterange" ? " - " : ", ";
-        return C.join(L);
+        const C = p0(i.value), N = r.type === "daterange" ? " - " : ", ";
+        return C.join(N);
       } else
         return p0(i.value);
     }), H = () => {
       const C = Array.isArray(i.value) ? [] : null;
       i.value = C, c("update:model-value", i.value);
-    }, _ = (C) => {
+    }, g = (C) => {
       i.value = C, c("update:model-value", i.value);
     }, b = f(() => Array.isArray(i.value) ? i.value.length > 0 : !!i.value), w = F`
   --width: 200px;
@@ -8816,31 +8825,31 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
 `, V = E.div`
   ${w}
 `;
-    return (C, L) => (a(), B(V, {
-      class: S($.value)
+    return (C, N) => (a(), B(V, {
+      class: I($.value)
     }, {
       default: x(() => [
         o("div", H5, [
           o("div", {
             ref_key: "nmorphInputDOMRef",
             ref: y,
-            class: S(["nmorph-date-picker__input", { "nmorph-date-picker__input--open": v.value }]),
-            onClick: p
+            class: I(["nmorph-date-picker__input", { "nmorph-date-picker__input--open": v.value }]),
+            onClick: m
           }, [
             o("input", {
               type: "date",
               onFocus: ye(u, ["prevent"]),
               onBlur: h,
-              onKeydown: Pe(ye(() => {
+              onKeydown: Ee(ye(() => {
               }, ["prevent"]), ["space"])
             }, null, 40, V5),
-            z(m(q), { class: "nmorph-date-picker__calendar-icon" }, {
+            z(p(q), { class: "nmorph-date-picker__calendar-icon" }, {
               default: x(() => [
-                z(m(Ml))
+                z(p(Ml))
               ]),
               _: 1
             }),
-            o("div", B5, W(M.value), 1),
+            o("div", B5, Y(M.value), 1),
             o("div", C5, [
               b.value ? (a(), B(_5, {
                 key: 0,
@@ -8849,20 +8858,20 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
             ])
           ], 2),
           o("div", S5, [
-            y.value ? (a(), B(m(Mn), {
+            y.value ? (a(), B(p(Mn), {
               key: 0,
               "fill-width": !1,
               width: 324,
               open: v.value,
               "relative-element": y.value,
-              onOnOutsideClick: g
+              onOnOutsideClick: _
             }, {
               default: x(() => [
                 z(z5, {
                   "selected-values": i.value,
                   "initial-date": r.initialDate,
                   type: C.type,
-                  onUpdateSelectedValue: _
+                  onUpdateSelectedValue: g
                 }, null, 8, ["selected-values", "initial-date", "type"])
               ]),
               _: 1
@@ -8876,7 +8885,7 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
 }), I5 = { class: "nmorph-file-upload__trigger" }, N5 = ["multiple"], L5 = {
   key: 0,
   class: "nmorph-file-upload__list"
-}, A5 = { class: "nmorph-file-upload__file-info" }, j5 = { class: "nmorph-file-upload__file-name" }, T5 = { class: "nmorph-file-upload__remove-file" }, bg = /* @__PURE__ */ A({
+}, A5 = { class: "nmorph-file-upload__file-info" }, j5 = { class: "nmorph-file-upload__file-name" }, T5 = { class: "nmorph-file-upload__remove-file" }, bg = /* @__PURE__ */ j({
   __name: "NmorphFileUpload",
   props: {
     modelValue: { default: () => [] },
@@ -8902,24 +8911,24 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
         if (Array.from(w.files).forEach((V) => {
           const C = c(V.type);
           if (!l.allowedTypes.includes(C))
-            return p("on-unsupported-file-type-error", V.type);
-          const L = URL.createObjectURL(V), O = { data: V, previewUrl: L };
+            return m("on-unsupported-file-type-error", V.type);
+          const N = URL.createObjectURL(V), O = { data: V, previewUrl: N };
           u.push(O);
         }), u.length === 0)
           return;
         y();
       }
     }, y = () => {
-      p(
+      m(
         "update:model-value",
         u.map((b) => b.data)
       );
-    }, g = (b) => {
+    }, _ = (b) => {
       const w = u.findIndex((V) => V.data.name === b);
       w !== -1 && (URL.revokeObjectURL(u[w].previewUrl), u.splice(w, 1), y());
     };
     e({ inputDOMRef: h });
-    const p = n, M = f(
+    const m = n, M = f(
       () => T({
         "nmorph-file-upload": [`${l.disabled && "disabled"}`]
       })
@@ -8961,11 +8970,11 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
   .nmorph-file-upload__remove-file {
     margin-left: var(--indentation-03);
   }
-`, _ = E.div`
+`, g = E.div`
   ${H}
 `;
-    return (b, w) => (a(), B(_, {
-      class: S(M.value)
+    return (b, w) => (a(), B(g, {
+      class: I(M.value)
     }, {
       default: x(() => [
         o("div", I5, [
@@ -8977,8 +8986,8 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
             class: "nmorph-native-input",
             onChange: v
           }, null, 40, N5),
-          N(b.$slots, "trigger", {}, () => [
-            z(m(Q), {
+          L(b.$slots, "trigger", {}, () => [
+            z(p(Q), {
               text: i.value,
               fill: "",
               onClick: $,
@@ -8986,19 +8995,19 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
             }, null, 8, ["text", "disabled"])
           ])
         ]),
-        m(u).length > 0 ? (a(), s("div", L5, [
+        p(u).length > 0 ? (a(), s("div", L5, [
           z(at, {
             name: "list",
             tag: "div"
           }, {
             default: x(() => [
-              (a(!0), s(J, null, Z(m(u), ({ data: V, previewUrl: C }) => (a(), s("div", {
+              (a(!0), s(J, null, Z(p(u), ({ data: V, previewUrl: C }) => (a(), s("div", {
                 key: V.name,
                 class: "nmorph-file-upload__file"
               }, [
-                z(m(ip), { src: C }, null, 8, ["src"]),
+                z(p(ip), { src: C }, null, 8, ["src"]),
                 o("div", A5, [
-                  z(m(q), {
+                  z(p(q), {
                     width: "14px",
                     height: "17px"
                   }, {
@@ -9007,16 +9016,16 @@ const Yp = { class: "nmorph-dialog__header" }, Up = { class: "nmorph-dialog__tit
                     ]),
                     _: 2
                   }, 1024),
-                  o("span", j5, W(V.name), 1)
+                  o("span", j5, Y(V.name), 1)
                 ]),
                 o("div", T5, [
-                  z(m(Q), {
+                  z(p(Q), {
                     height: "thin",
                     "style-type": "transparent",
-                    onClick: (L) => g(V.name)
+                    onClick: (N) => _(V.name)
                   }, {
                     default: x(() => [
-                      z(m(q), { name: "error" })
+                      z(p(q), { name: "error" })
                     ]),
                     _: 2
                   }, 1032, ["onClick"])
@@ -9038,7 +9047,7 @@ const xg = {
   ...yn,
   ...uo,
   ...$n
-}, O5 = { class: "nmorph-form__content" }, yg = /* @__PURE__ */ A({
+}, O5 = { class: "nmorph-form__content" }, yg = /* @__PURE__ */ j({
   __name: "NmorphForm",
   props: {
     value: {},
@@ -9051,14 +9060,14 @@ const xg = {
       })
     ), l = yo(n.value, n.validateImmediately);
     return e({ formData: l }), ue("form-data", l), (i, c) => (a(), s("form", {
-      class: S(r.value)
+      class: I(r.value)
     }, [
       o("div", O5, [
-        N(i.$slots, "default")
+        L(i.$slots, "default")
       ])
     ], 2));
   }
-}), D5 = /* @__PURE__ */ A({
+}), D5 = /* @__PURE__ */ j({
   __name: "NmorphErrorBox",
   props: {
     height: { default: "default" },
@@ -9092,7 +9101,7 @@ const xg = {
   ${l}
 `;
     return (c, d) => (a(), B(i, {
-      class: S(r.value)
+      class: I(r.value)
     }, {
       default: x(() => [
         z(at, {
@@ -9103,7 +9112,7 @@ const xg = {
             (a(!0), s(J, null, Z(n.value, (u) => (a(), s("p", {
               key: u,
               class: "nmorph-error-box__error"
-            }, W(u), 1))), 128))
+            }, Y(u), 1))), 128))
           ]),
           _: 1
         })
@@ -9111,7 +9120,7 @@ const xg = {
       _: 1
     }, 8, ["class"]));
   }
-}), Dt = "18px", P5 = /* @__PURE__ */ A({
+}), Dt = "18px", P5 = /* @__PURE__ */ j({
   __name: "NmorphValidationIcon",
   props: {
     valid: { type: [Boolean, Object] },
@@ -9142,11 +9151,11 @@ const xg = {
   width: ${(c) => c.validateIconSize};
 `;
     return (c, d) => (a(), B(i, {
-      class: S(n.value),
+      class: I(n.value),
       props: { validateIconSize: Dt }
     }, {
       default: x(() => [
-        c.show ? (a(), B(m(q), {
+        c.show ? (a(), B(p(q), {
           key: 0,
           class: "nmorph-validation-icon__content",
           width: Dt,
@@ -9161,7 +9170,7 @@ const xg = {
       _: 1
     }, 8, ["class", "props"]));
   }
-}), E5 = { key: 0 }, F5 = { class: "nmorph-form-item__content" }, $g = /* @__PURE__ */ A({
+}), E5 = { key: 0 }, F5 = { class: "nmorph-form-item__content" }, $g = /* @__PURE__ */ j({
   __name: "NmorphFormItem",
   props: {
     id: {},
@@ -9215,19 +9224,19 @@ const xg = {
   ${u}
 `;
     return ($, v) => (a(), B(h, {
-      class: S(d.value)
+      class: I(d.value)
     }, {
       default: x(() => [
-        e.label ? (a(), s("label", E5, W(e.label), 1)) : D("", !0),
+        e.label ? (a(), s("label", E5, Y(e.label), 1)) : D("", !0),
         o("div", F5, [
-          N($.$slots, "default"),
-          e.showValidationIcon ? (a(), B(m(P5), {
+          L($.$slots, "default"),
+          e.showValidationIcon ? (a(), B(p(P5), {
             key: 0,
             valid: !!r.value?.valid,
             show: i.value
           }, null, 8, ["valid", "show"])) : D("", !0)
         ]),
-        z(m(D5), {
+        z(p(D5), {
           errors: r.value?.errors,
           height: e.height,
           "static-height": $.staticErrorBoxSpace
@@ -9245,7 +9254,7 @@ const xg = {
 }, X5 = {
   key: 2,
   class: "nmorph-number-input__action-btns"
-}, G5 = { class: "nmorph-number-input__decrease" }, Q5 = { class: "nmorph-number-input__increase" }, Mg = /* @__PURE__ */ A({
+}, G5 = { class: "nmorph-number-input__decrease" }, Q5 = { class: "nmorph-number-input__increase" }, Mg = /* @__PURE__ */ j({
   __name: "NmorphNumberInput",
   props: {
     modelValue: { default: 0 },
@@ -9286,13 +9295,13 @@ const xg = {
     }, y = f(() => {
       const b = r.actionBtnPositionRight ? "right" : "default";
       return v[r.height][b];
-    }), g = n, p = (b) => {
+    }), _ = n, m = (b) => {
       const w = b.target;
       let V = Number(w.value);
       i.value = V;
     };
     G(i, (b) => {
-      b > r.max && (i.value = r.max, M.value?.blur()), i.value < r.min && (i.value = r.min, M.value?.blur()), g("update:model-value", b);
+      b > r.max && (i.value = r.max, M.value?.blur()), i.value < r.min && (i.value = r.min, M.value?.blur()), _("update:model-value", b);
     });
     const M = k(null);
     e({ inputDOMRef: M });
@@ -9400,7 +9409,7 @@ const xg = {
       width: 100%;
     }
   }
-`, _ = E.div`
+`, g = E.div`
   ${H}
   &.nmorph-number-input--action-btn-position-right {
     .nmorph-button {
@@ -9408,27 +9417,27 @@ const xg = {
     }
   }
 `;
-    return (b, w) => (a(), B(_, {
-      class: S(l.value),
+    return (b, w) => (a(), B(g, {
+      class: I(l.value),
       props: { rightActionBtnHeight: $.value }
     }, {
       default: x(() => [
         o("div", q5, [
           o("div", R5, [
             b.actionBtnPositionRight ? D("", !0) : (a(), s("div", W5, [
-              z(m(Q), {
+              z(p(Q), {
                 "style-type": "transparent",
                 disabled: u.value,
                 height: r.height,
                 onClick: d
               }, {
                 default: x(() => [
-                  z(m(q), {
+                  z(p(q), {
                     width: y.value,
                     height: y.value
                   }, {
                     default: x(() => [
-                      z(m(d0))
+                      z(p(d0))
                     ]),
                     _: 1
                   }, 8, ["width", "height"])
@@ -9444,22 +9453,22 @@ const xg = {
               type: "number",
               min: r.min,
               max: r.max,
-              onInput: p
+              onInput: m
             }, null, 40, Y5),
             b.actionBtnPositionRight ? (a(), s("div", X5, [
               o("div", G5, [
-                z(m(Q), {
+                z(p(Q), {
                   "style-type": "transparent",
                   disabled: u.value,
                   onClick: d
                 }, {
                   default: x(() => [
-                    z(m(q), {
+                    z(p(q), {
                       width: y.value,
                       height: y.value
                     }, {
                       default: x(() => [
-                        z(m(d0))
+                        z(p(d0))
                       ]),
                       _: 1
                     }, 8, ["width", "height"])
@@ -9468,18 +9477,18 @@ const xg = {
                 }, 8, ["disabled"])
               ]),
               o("div", Q5, [
-                z(m(Q), {
+                z(p(Q), {
                   "style-type": "transparent",
                   disabled: h.value,
                   onClick: c
                 }, {
                   default: x(() => [
-                    z(m(q), {
+                    z(p(q), {
                       width: y.value,
                       height: y.value
                     }, {
                       default: x(() => [
-                        z(m(u0))
+                        z(p(u0))
                       ]),
                       _: 1
                     }, 8, ["width", "height"])
@@ -9488,19 +9497,19 @@ const xg = {
                 }, 8, ["disabled"])
               ])
             ])) : (a(), s("div", U5, [
-              z(m(Q), {
+              z(p(Q), {
                 "style-type": "transparent",
                 disabled: h.value,
                 height: r.height,
                 onClick: c
               }, {
                 default: x(() => [
-                  z(m(q), {
+                  z(p(q), {
                     width: y.value,
                     height: y.value
                   }, {
                     default: x(() => [
-                      z(m(u0))
+                      z(p(u0))
                     ]),
                     _: 1
                   }, 8, ["width", "height"])
@@ -9523,7 +9532,7 @@ const xg = {
 }, nm = {
   key: 2,
   class: "nmorph-select__selected-value"
-}, kg = /* @__PURE__ */ A({
+}, kg = /* @__PURE__ */ j({
   __name: "NmorphSelect",
   props: {
     noElementPlaceholder: { default: "" },
@@ -9542,7 +9551,7 @@ const xg = {
   setup(t, { emit: e }) {
     const { t: n } = it(), r = t, l = f(
       () => r.noElementPlaceholder ? r.noElementPlaceholder : n("noElementPlaceholder")
-    ), i = e, c = k(r.modelValue), d = k(r.open), u = k(null), h = k(null), $ = k(!0), v = r.id ? r.id : Ne(), y = r.name ? r.name : Ne(), g = (re) => {
+    ), i = e, c = k(r.modelValue), d = k(r.open), u = k(null), h = k(null), $ = k(!0), v = r.id ? r.id : Le(), y = r.name ? r.name : Le(), _ = (re) => {
       if (!r.disabled) {
         if (d.value = !1, typeof c.value == "string" && (!r.valueRequired && c.value === re ? c.value = "" : c.value = re, i("update:model-value", c.value)), Array.isArray(c.value)) {
           const le = c.value.includes(re), fe = c.value.length === 1 && le;
@@ -9552,11 +9561,11 @@ const xg = {
         }
         i("update:model-value", c.value);
       }
-    }, p = k(!1), M = () => {
-      p.value = !0;
+    }, m = k(!1), M = () => {
+      m.value = !0;
     }, H = () => {
-      p.value = !1;
-    }, _ = f(
+      m.value = !1;
+    }, g = f(
       () => T({
         nmorph: [$e[r.height]],
         "nmorph-select": [
@@ -9565,7 +9574,7 @@ const xg = {
           `${r.loading && "loading"}`,
           `${d.value && "open"}`,
           `${$.value ? "selected-line-outset" : "selected-line-inset"}`,
-          `${p.value && "focus"}`
+          `${m.value && "focus"}`
         ]
       })
     ), b = () => {
@@ -9580,30 +9589,30 @@ const xg = {
     );
     const w = () => {
       d.value = !1;
-    }, V = k(), C = k([]), L = k(0), O = k("");
-    G(L, (re) => {
+    }, V = k(), C = k([]), N = k(0), O = k("");
+    G(N, (re) => {
       O.value = C.value[re], V.value.forEach((le) => {
         const mt = le.getAttribute("value") === O.value ? "add" : "remove";
         le.classList[mt]("nmorph-select-option--focused");
       });
     }), he(async () => {
-      await Ee(), u.value && (V.value = u.value.querySelectorAll(".nmorph-select-option"), V.value.forEach((re) => {
+      await Ne(), u.value && (V.value = u.value.querySelectorAll(".nmorph-select-option"), V.value.forEach((re) => {
         const le = re.getAttribute("value");
         le && C.value.push(le);
-      }), O.value = C.value[L.value], h.value = `${u.value.clientHeight}px`, document.addEventListener("click", w));
+      }), O.value = C.value[N.value], h.value = `${u.value.clientHeight}px`, document.addEventListener("click", w));
     }), Ue(() => {
       document.removeEventListener("click", w);
     });
-    const j = f(() => typeof c.value == "string" ? c.value === "" ? l.value : r.options.find((re) => re.value === c.value)?.label : r.options.find((re) => re.value === c.value)?.label), Y = f(() => r.options.length > 0 ? r.options : r.optionsMap), I = f(() => Y.value.length > 0 ? Y.value.filter((le) => c.value.includes(le.value)).map((le) => ({ text: le.label, value: le.value })) : Array.isArray(c.value) ? c.value.map((le) => ({ text: le, value: le })) : [{ text: c.value, value: c.value }]);
-    ue("select-selected-value", c), ue("select-change-selected-value", g);
+    const A = f(() => typeof c.value == "string" ? c.value === "" ? l.value : r.options.find((re) => re.value === c.value)?.label : r.options.find((re) => re.value === c.value)?.label), W = f(() => r.options.length > 0 ? r.options : r.optionsMap), S = f(() => W.value.length > 0 ? W.value.filter((le) => c.value.includes(le.value)).map((le) => ({ text: le.label, value: le.value })) : Array.isArray(c.value) ? c.value.map((le) => ({ text: le, value: le })) : [{ text: c.value, value: c.value }]);
+    ue("select-selected-value", c), ue("select-change-selected-value", _);
     const P = k(null), U = () => {
       d.value = !d.value;
     }, me = () => {
-      L.value = (L.value + 1) % C.value.length;
+      N.value = (N.value + 1) % C.value.length;
     }, ce = () => {
-      L.value = (L.value - 1 + C.value.length) % C.value.length;
+      N.value = (N.value - 1 + C.value.length) % C.value.length;
     }, Ve = () => {
-      d.value && g(O.value);
+      d.value && _(O.value);
     }, Be = F`
   --base-width: 200px;
 
@@ -9679,20 +9688,20 @@ const xg = {
   ${Be}
 `;
     return (re, le) => (a(), B(pt, {
-      class: S(_.value)
+      class: I(g.value)
     }, {
       default: x(() => [
         o("div", K5, [
           o("select", {
-            id: m(v),
-            name: m(y),
+            id: p(v),
+            name: p(y),
             onFocus: M,
             onBlur: H,
             onKeydown: [
-              Pe(U, ["space"]),
-              Pe(me, ["arrow-down"]),
-              Pe(ce, ["arrow-up"]),
-              Pe(Ve, ["enter"])
+              Ee(U, ["space"]),
+              Ee(me, ["arrow-down"]),
+              Ee(ce, ["arrow-up"]),
+              Ee(Ve, ["enter"])
             ]
           }, [
             (a(!0), s(J, null, Z(C.value, (fe) => (a(), s("option", {
@@ -9706,26 +9715,26 @@ const xg = {
             class: "nmorph-select__selected-values-line",
             onClick: ye(b, ["stop"])
           }, [
-            typeof c.value == "string" ? (a(), s("div", em, W(j.value), 1)) : c.value.length === 0 ? (a(), s("div", tm, W(l.value), 1)) : (a(), s("div", nm, [
-              (a(!0), s(J, null, Z(I.value, (fe) => (a(), B(m(co), rt({
+            typeof c.value == "string" ? (a(), s("div", em, Y(A.value), 1)) : c.value.length === 0 ? (a(), s("div", tm, Y(l.value), 1)) : (a(), s("div", nm, [
+              (a(!0), s(J, null, Z(S.value, (fe) => (a(), B(p(co), rt({
                 key: fe.value,
                 ref_for: !0
               }, fe, {
                 transparent: "",
-                removable: I.value.length > 1 || !r.valueRequired,
+                removable: S.value.length > 1 || !r.valueRequired,
                 height: "thin",
-                onClose: g
+                onClose: _
               }), null, 16, ["removable"]))), 128))
             ])),
-            z(m(q), { class: "nmorph-select__chevron" }, {
+            z(p(q), { class: "nmorph-select__chevron" }, {
               default: x(() => [
-                r.loading ? (a(), B(m(_n), { key: 0 })) : (a(), B(m(ve), { key: 1 }))
+                r.loading ? (a(), B(p(_n), { key: 0 })) : (a(), B(p(ve), { key: 1 }))
               ]),
               _: 1
             })
           ], 512)
         ]),
-        P.value && !r.disabled ? (a(), B(m(Mn), {
+        P.value && !r.disabled ? (a(), B(p(Mn), {
           key: 0,
           open: d.value,
           "relative-element": P.value,
@@ -9737,22 +9746,22 @@ const xg = {
               ref: u,
               class: "nmorph-select__options"
             }, [
-              r.loading ? (a(), B(m(q), {
+              r.loading ? (a(), B(p(q), {
                 key: 0,
                 class: "nmorph-select__chevron",
                 size: "medium"
               }, {
                 default: x(() => [
-                  z(m(ve))
+                  z(p(ve))
                 ]),
                 _: 1
-              })) : (a(!0), s(J, { key: 1 }, Z(re.options, (fe) => (a(), B(m(rm), rt({
+              })) : (a(!0), s(J, { key: 1 }, Z(re.options, (fe) => (a(), B(p(rm), rt({
                 key: fe.value,
                 ref_for: !0
               }, fe, {
                 height: r.height
               }), null, 16, ["height"]))), 128)),
-              N(re.$slots, "default")
+              L(re.$slots, "default")
             ], 512)
           ]),
           _: 3
@@ -9761,7 +9770,7 @@ const xg = {
       _: 3
     }, 8, ["class"]));
   }
-}), om = { class: "nmorph-select-option__content" }, rm = /* @__PURE__ */ A({
+}), om = { class: "nmorph-select-option__content" }, rm = /* @__PURE__ */ j({
   __name: "NmorphSelectOption",
   props: {
     value: {},
@@ -9833,21 +9842,21 @@ const xg = {
   ${h}
 `;
     return (v, y) => (a(), B($, {
-      class: S(u.value),
+      class: I(u.value),
       onClick: c,
       value: l.value
     }, {
       default: x(() => [
         o("div", om, [
-          o("span", null, W(l.label), 1),
-          N(v.$slots, "default")
+          o("span", null, Y(l.label), 1),
+          L(v.$slots, "default")
         ]),
-        d.value ? (a(), B(m(q), {
+        d.value ? (a(), B(p(q), {
           key: 0,
           class: "nmorph-select-option__checked"
         }, {
           default: x(() => [
-            z(m(Q8))
+            z(p(Q8))
           ]),
           _: 1
         })) : D("", !0)
@@ -9855,7 +9864,7 @@ const xg = {
       _: 3
     }, 8, ["class", "value"]));
   }
-}), am = { class: "nmorph-slider__content" }, sm = { class: "nmorph-slider__input-wrapper" }, lm = ["value", "min", "max", "step", "disabled"], Pt = 50, zg = /* @__PURE__ */ A({
+}), am = { class: "nmorph-slider__content" }, sm = { class: "nmorph-slider__input-wrapper" }, lm = ["value", "min", "max", "step", "disabled"], Pt = 50, zg = /* @__PURE__ */ j({
   __name: "NmorphSlider",
   props: {
     modelValue: { default: 0 },
@@ -9877,47 +9886,47 @@ const xg = {
       c("update:model-value", d.value);
     }), G(
       () => n.modelValue,
-      (j) => {
-        d.value = j;
+      (A) => {
+        d.value = A;
       }
     );
     const h = k(null), $ = f(() => {
-      const j = v.value - v.value, Y = n.max - n.min + j, I = (d.value - n.min) / Y * 100, P = u.value?.clientWidth || 0, U = Pt / P * 100, me = U / 2;
-      let ce = I - me;
+      const A = v.value - v.value, W = n.max - n.min + A, S = (d.value - n.min) / W * 100, P = u.value?.clientWidth || 0, U = Pt / P * 100, me = U / 2;
+      let ce = S - me;
       const Be = `${Math.max(0, Math.min(100 - U, ce))}%`, pt = P / 100, le = Pt / 2 / pt, zn = (h.value?.tooltipBody.clientWidth ?? 24) / 2 / pt, fo = zn === 1 / 0 ? 1.714 : zn, go = `${parseFloat(Be) + le - fo}%`;
       return {
         thumb: Be,
         tooltip: go
       };
-    }), v = k(0), y = k(0), g = () => {
+    }), v = k(0), y = k(0), _ = () => {
       v.value = window.innerWidth, y.value = window.innerHeight;
     };
     he(() => {
-      typeof window < "u" && (v.value = window.innerWidth, y.value = window.innerHeight, window.addEventListener("resize", g));
+      typeof window < "u" && (v.value = window.innerWidth, y.value = window.innerHeight, window.addEventListener("resize", _));
     }), Ue(() => {
-      typeof window < "u" && (document.removeEventListener("mouseup", M), window.removeEventListener("resize", g));
+      typeof window < "u" && (document.removeEventListener("mouseup", M), window.removeEventListener("resize", _));
     });
-    const p = (j) => {
+    const m = (A) => {
       C.value = !1;
-      const Y = u.value?.getBoundingClientRect();
-      let I = 0;
-      if (Y) {
-        const P = j.clientX - Y.left, U = Y.width;
-        I = Math.max(0, Math.min(1, P / U)), d.value = n.min + I * (n.max - n.min);
+      const W = u.value?.getBoundingClientRect();
+      let S = 0;
+      if (W) {
+        const P = A.clientX - W.left, U = W.width;
+        S = Math.max(0, Math.min(1, P / U)), d.value = n.min + S * (n.max - n.min);
       }
       d.value = Math.round(d.value / n.step) * n.step, d.value = Math.max(n.min, Math.min(n.max, d.value));
     }, M = () => {
-      document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", M), C.value = !0;
+      document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", M), C.value = !0;
     }, H = () => {
-      n.disabled || (document.addEventListener("mousemove", p), document.addEventListener("mouseup", M));
-    }, _ = k(null), b = () => {
+      n.disabled || (document.addEventListener("mousemove", m), document.addEventListener("mouseup", M));
+    }, g = k(null), b = () => {
       n.showTooltip && (i.value = !0);
     }, w = () => {
       n.showTooltip && (i.value = !1);
-    }, V = (j) => {
-      const Y = j.target;
-      d.value = Number(Y.value);
-    }, C = k(!0), L = F`
+    }, V = (A) => {
+      const W = A.target;
+      d.value = Number(W.value);
+    }, C = k(!0), N = F`
 
   position: relative;
   width: 100%;
@@ -10015,13 +10024,13 @@ const xg = {
     }
   }
 `, O = E.div`
-  ${L}
+  ${N}
   .nmorph-slider__thumb {
-    width: ${(j) => j.thumbWidthCss};
+    width: ${(A) => A.thumbWidthCss};
   }
 `;
-    return (j, Y) => (a(), B(O, {
-      class: S(r.value),
+    return (A, W) => (a(), B(O, {
+      class: I(r.value),
       props: { thumbWidthCss: l }
     }, {
       default: x(() => [
@@ -10032,7 +10041,7 @@ const xg = {
               ref: u,
               class: "nmorph-slider__input-container"
             }, [
-              i.value && !n.disabled ? (a(), B(m(e5), {
+              i.value && !n.disabled ? (a(), B(p(e5), {
                 key: 0,
                 ref_key: "tooltipRootRef",
                 ref: h,
@@ -10043,8 +10052,8 @@ const xg = {
               }, null, 8, ["text", "force-coordinate"])) : D("", !0),
               o("div", {
                 ref_key: "sliderFirst",
-                ref: _,
-                class: S(["nmorph-slider__thumb", { "nmorph-slider__thumb--smooth": C.value }]),
+                ref: g,
+                class: I(["nmorph-slider__thumb", { "nmorph-slider__thumb--smooth": C.value }]),
                 style: de({ left: $.value.thumb }),
                 onMouseenter: b,
                 onMouseleave: w,
@@ -10067,7 +10076,7 @@ const xg = {
       _: 1
     }, 8, ["class", "props"]));
   }
-}), im = ["value", "disabled"], cm = { class: "nmorph-switch-thumb" }, Hg = /* @__PURE__ */ A({
+}), im = ["value", "disabled"], cm = { class: "nmorph-switch-thumb" }, Hg = /* @__PURE__ */ j({
   __name: "NmorphSwitch",
   props: {
     modelValue: { type: [Boolean, String, Number], default: !1 },
@@ -10095,13 +10104,13 @@ const xg = {
       if (r.disabled)
         return;
       h.value = !h.value;
-      const p = h.value ? r.activeValue : r.inactiveValue;
-      l("update:model-value", p);
+      const m = h.value ? r.activeValue : r.inactiveValue;
+      l("update:model-value", m);
     }, v = k(null);
     e({ inputDOMRef: v }), G(
       () => r.modelValue,
-      (p) => {
-        h.value = p === r.activeValue;
+      (m) => {
+        h.value = m === r.activeValue;
       }
     );
     const y = F`
@@ -10203,11 +10212,11 @@ const xg = {
       scale: 0.95;
     }
   }
-`, g = E.div`
+`, _ = E.div`
   ${y}
 `;
-    return (p, M) => (a(), B(g, {
-      class: S(u.value)
+    return (m, M) => (a(), B(_, {
+      class: I(u.value)
     }, {
       default: x(() => [
         o("div", {
@@ -10225,21 +10234,21 @@ const xg = {
             onBlur: d
           }, null, 40, im),
           o("div", {
-            class: S(["nmorph-switch__bg-content", { "nmorph-switch__bg-content--enable": h.value }])
+            class: I(["nmorph-switch__bg-content", { "nmorph-switch__bg-content--enable": h.value }])
           }, [
-            h.value ? N(p.$slots, "bg-on", { key: 0 }) : N(p.$slots, "bg-off", { key: 1 })
+            h.value ? L(m.$slots, "bg-on", { key: 0 }) : L(m.$slots, "bg-off", { key: 1 })
           ], 2),
           o("div", cm, [
-            r.loading ? (a(), B(m(q), {
+            r.loading ? (a(), B(p(q), {
               key: 0,
               width: "14px",
               height: "14px"
             }, {
               default: x(() => [
-                z(m(_n))
+                z(p(_n))
               ]),
               _: 1
-            })) : h.value ? N(p.$slots, "thumb-on", { key: 1 }) : N(p.$slots, "thumb-off", { key: 2 })
+            })) : h.value ? L(m.$slots, "thumb-on", { key: 1 }) : L(m.$slots, "thumb-off", { key: 2 })
           ])
         ])
       ]),
@@ -10249,7 +10258,7 @@ const xg = {
 }), dm = { class: "nmorph-text-input__input-side" }, um = {
   key: 0,
   class: "nmorph-text-input__prepend-icon"
-}, hm = ["type", "placeholder", "disabled", "value"], pm = /* @__PURE__ */ A({
+}, hm = ["type", "placeholder", "disabled", "value"], pm = /* @__PURE__ */ j({
   __name: "NmorphTextInput",
   props: {
     placeholder: { default: "" },
@@ -10268,16 +10277,16 @@ const xg = {
       })
     ), c = (w) => {
       const V = w.target;
-      p("update:model-value", V.value);
+      m("update:model-value", V.value);
     }, d = k(!1), u = () => {
-      l.clearable ? p("update:model-value", "") : d.value = !d.value;
+      l.clearable ? m("update:model-value", "") : d.value = !d.value;
     }, h = f(() => l.typePassword && !d.value && !l.clearable ? "password" : "text"), $ = k(!1), v = () => {
-      p("focus"), $.value = !0;
+      m("focus"), $.value = !0;
     }, y = () => {
-      p("blur"), $.value = !1;
-    }, g = k(null);
-    e({ inputDOMRef: g });
-    const p = n, M = f(() => l.clearable ? "error" : d.value ? "eye-blocked" : "eye"), H = f(() => r["prepend-icon"] ? "28px" : "8px"), _ = F`
+      m("blur"), $.value = !1;
+    }, _ = k(null);
+    e({ inputDOMRef: _ });
+    const m = n, M = f(() => l.clearable ? "error" : d.value ? "eye-blocked" : "eye"), H = f(() => r["prepend-icon"] ? "28px" : "8px"), g = F`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -10351,23 +10360,23 @@ const xg = {
     }
   }
 `, b = E.div`
-  ${_}
+  ${g}
   input {
     text-indent: ${(w) => w.indentation};
   }
 `;
     return (w, V) => (a(), B(b, {
-      class: S(i.value),
+      class: I(i.value),
       props: { indentation: H.value }
     }, {
       default: x(() => [
         o("div", dm, [
-          m(r)["prepend-icon"] ? (a(), s("div", um, [
-            N(w.$slots, "prepend-icon")
+          p(r)["prepend-icon"] ? (a(), s("div", um, [
+            L(w.$slots, "prepend-icon")
           ])) : D("", !0),
           o("input", {
             ref_key: "inputDOMRef",
-            ref: g,
+            ref: _,
             class: "nmorph-native-input",
             type: h.value,
             placeholder: l.placeholder,
@@ -10376,9 +10385,9 @@ const xg = {
             onInput: c,
             onFocus: v,
             onBlur: y,
-            onKeyup: V[0] || (V[0] = Pe((C) => p("on-enter"), ["enter"]))
+            onKeyup: V[0] || (V[0] = Ee((C) => m("on-enter"), ["enter"]))
           }, null, 40, hm),
-          l.typePassword || l.clearable ? (a(), B(m(Q), {
+          l.typePassword || l.clearable ? (a(), B(p(Q), {
             key: 1,
             disabled: l.disabled,
             class: "nmorph-text-input__password-btn",
@@ -10388,7 +10397,7 @@ const xg = {
             onClick: u
           }, {
             default: x(() => [
-              z(m(q), null, {
+              z(p(q), null, {
                 default: x(() => [
                   (a(), B(Fe(M.value)))
                 ]),
@@ -10420,7 +10429,7 @@ const xg = {
 }, ym = {
   key: 1,
   class: "nmorph-radio__fake"
-}, ho = /* @__PURE__ */ A({
+}, ho = /* @__PURE__ */ j({
   __name: "NmorphRadio",
   props: {
     value: { default: "" },
@@ -10536,7 +10545,7 @@ const xg = {
   ${h}
 `;
     return (v, y) => (a(), B($, {
-      class: S(d.value),
+      class: I(d.value),
       onClick: ye(i, ["prevent"])
     }, {
       default: x(() => [
@@ -10555,7 +10564,7 @@ const xg = {
             y[0] || (y[0] = o("div", { class: "nmorph-radio__fake" }, null, -1)),
             c.value ? (a(), s("div", gm)) : D("", !0)
           ]),
-          l.label ? (a(), s("span", _m, W(l.label), 1)) : N(v.$slots, "label", { key: 1 })
+          l.label ? (a(), s("span", _m, Y(l.label), 1)) : L(v.$slots, "label", { key: 1 })
         ])) : D("", !0),
         l.styleType === "button" ? (a(), s("div", wm, [
           o("input", {
@@ -10570,16 +10579,16 @@ const xg = {
             class: "nmorph-native-input"
           }, null, 8, bm),
           l.label ? (a(), s("div", xm, [
-            o("span", null, W(l.label), 1)
+            o("span", null, Y(l.label), 1)
           ])) : (a(), s("div", ym, [
-            N(v.$slots, "label")
+            L(v.$slots, "label")
           ]))
         ])) : D("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), $m = { class: "nmorph-radio-group__wrapper" }, Mm = { class: "nmorph-radio-group__content" }, po = /* @__PURE__ */ A({
+}), $m = { class: "nmorph-radio-group__wrapper" }, Mm = { class: "nmorph-radio-group__content" }, po = /* @__PURE__ */ j({
   __name: "NmorphRadioGroup",
   props: {
     modelValue: { default: "" },
@@ -10635,12 +10644,12 @@ const xg = {
   ${d}
 `;
     return (h, $) => (a(), B(u, {
-      class: S(c.value)
+      class: I(c.value)
     }, {
       default: x(() => [
         o("div", $m, [
           o("div", Mm, [
-            (a(!0), s(J, null, Z(h.options, (v) => (a(), B(m(ho), {
+            (a(!0), s(J, null, Z(h.options, (v) => (a(), B(p(ho), {
               key: v.value,
               label: v.label,
               value: v.value,
@@ -10648,14 +10657,14 @@ const xg = {
               "style-type": n.styleType,
               tabindex: v.tabindex
             }, null, 8, ["label", "value", "disabled", "style-type", "tabindex"]))), 128)),
-            N(h.$slots, "default")
+            L(h.$slots, "default")
           ])
         ])
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), Vg = /* @__PURE__ */ A({
+}), Vg = /* @__PURE__ */ j({
   __name: "NmorphBacktop",
   props: {
     right: { default: 40 },
@@ -10672,8 +10681,8 @@ const xg = {
     ), i = k(null), c = k(null), d = k(!1), u = (y) => {
       if (!y)
         return;
-      const g = y.target;
-      d.value = g.scrollTop > n.visibilityHeight;
+      const _ = y.target;
+      d.value = _.scrollTop > n.visibilityHeight;
     }, h = () => {
       r("click"), i.value && i.value.scrollTo({
         top: 0,
@@ -10714,29 +10723,29 @@ const xg = {
     bottom: ${(y) => y.bottom}px;
   }
 `;
-    return (y, g) => (a(), B(v, {
+    return (y, _) => (a(), B(v, {
       props: { right: n.right, bottom: n.bottom }
     }, {
       default: x(() => [
         o("div", {
           ref_key: "selfDOMEl",
           ref: c,
-          class: S(l.value)
+          class: I(l.value)
         }, [
           o("div", {
             onClick: ye(h, ["stop"])
           }, [
-            N(y.$slots, "default", {}, () => [
-              z(m(Q), {
+            L(y.$slots, "default", {}, () => [
+              z(p(Q), {
                 "style-type": n.design === "nmorph" ? "default" : "transparent"
               }, {
                 default: x(() => [
-                  z(m(q), {
+                  z(p(q), {
                     class: "nmorph-backtop__up-icon",
                     color: n.design === "nmorph" ? void 0 : "var(--nmorph-white-color)"
                   }, {
                     default: x(() => [
-                      z(m(ve))
+                      z(p(ve))
                     ]),
                     _: 1
                   }, 8, ["color"])
@@ -10753,13 +10762,13 @@ const xg = {
 }), km = ["id"], zm = {
   key: 0,
   class: "nmorph-breadcrumb__separator"
-}, Bg = /* @__PURE__ */ A({
+}, Bg = /* @__PURE__ */ j({
   __name: "NmorphBreadcrumb",
   props: {
     separator: { default: "/" }
   },
   setup(t) {
-    const e = t, n = k([]), r = Ne();
+    const e = t, n = k([]), r = Le();
     ue("breadcrumb-data", { breadcrumbs: n, breadcrumbId: r });
     const l = f(
       () => T({
@@ -10778,25 +10787,25 @@ const xg = {
   ${i}
 `;
     return (d, u) => (a(), B(c, {
-      class: S(l.value)
+      class: I(l.value)
     }, {
       default: x(() => [
-        N(d.$slots, "default"),
+        L(d.$slots, "default"),
         (a(!0), s(J, null, Z(n.value, (h, $) => (a(), s("div", {
           key: $,
           class: "nmorph-breadcrumb__content"
         }, [
           o("div", {
-            id: `nmorph-breadcrumb-${m(r)}-${h.itemId}-element`,
+            id: `nmorph-breadcrumb-${p(r)}-${h.itemId}-element`,
             class: "nmorph-breadcrumb__element"
           }, null, 8, km),
-          $ < n.value.length - 1 ? (a(), s("div", zm, W(e.separator), 1)) : D("", !0)
+          $ < n.value.length - 1 ? (a(), s("div", zm, Y(e.separator), 1)) : D("", !0)
         ]))), 128))
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), Cg = /* @__PURE__ */ A({
+}), Cg = /* @__PURE__ */ j({
   __name: "NmorphBreadcrumbItem",
   props: {
     to: { default: "" },
@@ -10807,17 +10816,17 @@ const xg = {
       () => T({
         "nmorph-breadcrumb-item": []
       })
-    ), r = oe("breadcrumb-data", void 0), l = k(!1), i = Ne();
+    ), r = oe("breadcrumb-data", void 0), l = k(!1), i = Le();
     return he(() => {
       l.value = !0;
     }), r.breadcrumbs.value.push({ ...e, itemId: i }), (c, d) => {
       const u = wo("router-link");
-      return l.value && m(i) ? (a(), s("div", {
+      return l.value && p(i) ? (a(), s("div", {
         key: 0,
-        class: S(n.value)
+        class: I(n.value)
       }, [
         (a(), B(ot, {
-          to: `#nmorph-breadcrumb-${m(r)?.breadcrumbId}-${m(i)}-element`
+          to: `#nmorph-breadcrumb-${p(r)?.breadcrumbId}-${p(i)}-element`
         }, [
           z(u, {
             to: c.to,
@@ -10825,7 +10834,7 @@ const xg = {
             class: "fill-height"
           }, {
             default: x(() => [
-              N(c.$slots, "default")
+              L(c.$slots, "default")
             ]),
             _: 3
           }, 8, ["to", "replace"])
@@ -10833,7 +10842,7 @@ const xg = {
       ], 2)) : D("", !0);
     };
   }
-}), Mn = /* @__PURE__ */ A({
+}), Mn = /* @__PURE__ */ j({
   __name: "NmorphDropdown",
   props: {
     open: { type: Boolean },
@@ -10878,7 +10887,7 @@ const xg = {
       props: { width: d.value }
     }, {
       default: x(() => [
-        z(m(kn), {
+        z(p(kn), {
           show: n.open,
           transparent: "",
           onOnOutsideClick: u
@@ -10887,10 +10896,10 @@ const xg = {
             o("div", {
               ref_key: "dropdownDOMRef",
               ref: l,
-              class: S(c.value),
-              style: de({ left: `${m(i).x}`, top: `${m(i).y}` })
+              class: I(c.value),
+              style: de({ left: `${p(i).x}`, top: `${p(i).y}` })
             }, [
-              N(v.$slots, "default")
+              L(v.$slots, "default")
             ], 6)
           ]),
           _: 3
@@ -10899,7 +10908,7 @@ const xg = {
       _: 3
     }, 8, ["props"]));
   }
-}), Hm = { class: "nmorph-tabs__label-list" }, Vm = ["id", "onClick", "custom"], Bm = { key: 0 }, Cm = { class: "nmorph-tabs__content__wrapper" }, Sm = { class: "nmorph-tabs__content" }, Im = ["id"], Nm = { key: 0 }, Sg = /* @__PURE__ */ A({
+}), Hm = { class: "nmorph-tabs__label-list" }, Vm = ["id", "onClick", "custom"], Bm = { key: 0 }, Cm = { class: "nmorph-tabs__content__wrapper" }, Sm = { class: "nmorph-tabs__content" }, Im = ["id"], Nm = { key: 0 }, Sg = /* @__PURE__ */ j({
   __name: "NmorphTabs",
   props: {
     modelValue: { default: 0 },
@@ -10915,9 +10924,9 @@ const xg = {
     ), i = (y) => {
       if (y.disabled)
         return;
-      const { name: g } = y;
-      r("update:model-value", g), r("tab-change", g);
-    }, c = k([]), d = Ne();
+      const { name: _ } = y;
+      r("update:model-value", _), r("tab-change", _);
+    }, c = k([]), d = Le();
     ue("nmorph-tabs-data", {
       tabsData: c,
       tabsIdentifier: d
@@ -10971,34 +10980,34 @@ const xg = {
 `, v = E.div`
   ${$}
 `;
-    return (y, g) => (a(), B(v, {
-      class: S(l.value)
+    return (y, _) => (a(), B(v, {
+      class: I(l.value)
     }, {
       default: x(() => [
-        N(y.$slots, "default"),
+        L(y.$slots, "default"),
         o("div", Hm, [
-          (a(!0), s(J, null, Z(u.value, (p) => (a(), s("div", {
-            id: m(mo)(m(d), p.name),
-            key: p.name,
-            class: S(["nmorph-tabs__label", [
-              { "nmorph-tabs__label--selected": p.name === n.modelValue },
-              { "nmorph-tabs__label--disabled": p.disabled }
+          (a(!0), s(J, null, Z(u.value, (m) => (a(), s("div", {
+            id: p(mo)(p(d), m.name),
+            key: m.name,
+            class: I(["nmorph-tabs__label", [
+              { "nmorph-tabs__label--selected": m.name === n.modelValue },
+              { "nmorph-tabs__label--disabled": m.disabled }
             ]]),
-            onClick: (M) => i(p),
-            custom: p.disabled
+            onClick: (M) => i(m),
+            custom: m.disabled
           }, [
-            m(h).default ? D("", !0) : (a(), s("div", Bm, W(p.label), 1))
+            p(h).default ? D("", !0) : (a(), s("div", Bm, Y(m.label), 1))
           ], 10, Vm))), 128))
         ]),
         o("div", Cm, [
           o("div", Sm, [
-            (a(!0), s(J, null, Z(u.value, (p) => qt((a(), s("div", {
-              id: m(vo)(m(d), p.name),
-              key: p.name
+            (a(!0), s(J, null, Z(u.value, (m) => qt((a(), s("div", {
+              id: p(vo)(p(d), m.name),
+              key: m.name
             }, [
-              m(h).default ? D("", !0) : (a(), s("div", Nm, W(p.content), 1))
+              p(h).default ? D("", !0) : (a(), s("div", Nm, Y(m.content), 1))
             ], 8, Im)), [
-              [Rt, p.name === n.modelValue]
+              [Rt, m.name === n.modelValue]
             ])), 128))
           ])
         ])
@@ -11012,7 +11021,7 @@ const xg = {
 }, vo = (t, e) => {
   if (t)
     return `nmorph-tabs-content-${t}-${e}`;
-}, Ig = /* @__PURE__ */ A({
+}, Ig = /* @__PURE__ */ j({
   __name: "NmorphTabPane",
   props: {
     label: { default: "" },
@@ -11032,21 +11041,21 @@ const xg = {
     const i = e;
     return (c, d) => l.value ? (a(), s("div", {
       key: 0,
-      class: S(n.value)
+      class: I(n.value)
     }, [
       (a(), B(ot, {
-        to: `#${m(mo)(m(r)?.tabsIdentifier, e.name)}`
+        to: `#${p(mo)(p(r)?.tabsIdentifier, e.name)}`
       }, [
-        N(c.$slots, "label", { scope: m(i) })
+        L(c.$slots, "label", { scope: p(i) })
       ], 8, ["to"])),
       (a(), B(ot, {
-        to: `#${m(vo)(m(r)?.tabsIdentifier, e.name)}`
+        to: `#${p(vo)(p(r)?.tabsIdentifier, e.name)}`
       }, [
-        N(c.$slots, "default", { scope: m(i) })
+        L(c.$slots, "default", { scope: p(i) })
       ], 8, ["to"]))
     ], 2)) : D("", !0);
   }
-}), Lm = /* @__PURE__ */ A({
+}), Lm = /* @__PURE__ */ j({
   __name: "NmorphDivider",
   props: {
     direction: { default: "horizontal" }
@@ -11073,10 +11082,10 @@ const xg = {
   ${r}
 `;
     return (i, c) => (a(), B(l, {
-      class: S(n.value)
+      class: I(n.value)
     }, null, 8, ["class"]));
   }
-}), kn = /* @__PURE__ */ A({
+}), kn = /* @__PURE__ */ j({
   __name: "NmorphOverlay",
   props: {
     show: { type: Boolean },
@@ -11116,7 +11125,7 @@ const xg = {
 
 `;
     return (u, h) => (a(), B(d, {
-      class: S(r.value),
+      class: I(r.value),
       onClick: ye(l, ["stop"])
     }, {
       default: x(() => [
@@ -11125,13 +11134,13 @@ const xg = {
           onClick: h[0] || (h[0] = ye(() => {
           }, ["stop"]))
         }, [
-          N(u.$slots, "default")
+          L(u.$slots, "default")
         ])
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), Ng = /* @__PURE__ */ A({
+}), Ng = /* @__PURE__ */ j({
   __name: "NmorphNotificationProvider",
   props: {
     notifications: {},
@@ -11342,7 +11351,7 @@ const xg = {
   ${d}
 `;
     return (h, $) => (a(), B(u, {
-      class: S(`nmorph-notification-provider nmorph-notification-provider--${i.placement}`),
+      class: I(`nmorph-notification-provider nmorph-notification-provider--${i.placement}`),
       style: de({ zIndex: c.value })
     }, {
       default: x(() => [
@@ -11356,7 +11365,7 @@ const xg = {
               style: de({ width: v.width }),
               class: "nmorph-notification-provider__notification"
             }, [
-              z(m(Wp), rt({ ref_for: !0 }, v, {
+              z(p(Wp), rt({ ref_for: !0 }, v, {
                 onClose: () => l(v.id)
               }), null, 16, ["onClose"])
             ], 4))), 128))