@nmorph/nmorph-ui-kit 2.0.2 → 2.0.3

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import { createI18n as qr, useI18n as wt } from "vue-i18n";
-import { ref as z, reactive as Ve, watch as Q, readonly as en, inject as le, onMounted as be, onUnmounted as ot, nextTick as Le, defineComponent as j, provide as he, h as tn, computed as f, useSlots as rt, openBlock as a, createBlock as V, normalizeClass as C, normalizeStyle as ge, withCtx as k, createElementVNode as r, unref as h, createVNode as H, renderSlot as A, createElementBlock as l, Fragment as Z, createCommentVNode as P, toDisplayString as K, createStaticVNode as No, createTextVNode as ke, resolveDynamicComponent as Fe, renderList as ee, Teleport as vt, withModifiers as ve, mergeProps as Je, withDirectives as nn, vShow as on, TransitionGroup as ft, withKeys as Me, toRef as Ir, resolveComponent as Ar } from "vue";
+import { ref as z, reactive as Be, watch as Q, readonly as en, inject as ie, onMounted as be, onUnmounted as ot, nextTick as Le, defineComponent as j, provide as he, h as tn, computed as f, useSlots as rt, openBlock as a, createBlock as V, normalizeClass as C, normalizeStyle as ge, withCtx as k, createElementVNode as r, unref as h, createVNode as H, renderSlot as A, createElementBlock as l, Fragment as ee, createCommentVNode as P, toDisplayString as K, createStaticVNode as No, createTextVNode as ke, resolveDynamicComponent as Fe, renderList as te, Teleport as vt, withModifiers as ve, mergeProps as Je, withDirectives as nn, vShow as on, TransitionGroup as ft, withKeys as Me, toRef as Ir, resolveComponent as Ar } from "vue";
 const Yt = (t) => {
   const { inputValue: e, rules: n } = t, o = z([]), s = z(!1), i = z(!1);
   return {
@@ -115,7 +115,7 @@ const Yt = (t) => {
     var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),
     calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur)
       var(--nmorph-light-shade-color);
-`, ae = () => `
+`, se = () => `
   background: var(--nmorph-main-color);
   box-shadow:
     inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),
@@ -143,7 +143,7 @@ const Yt = (t) => {
 `, Lt = () => `
   outline: 2px solid var(--nmorph-accent-color);
 `, Tr = (t, e = !1) => {
-  const n = Ve({}), o = Ve({}), s = Ve(Pn(t)), i = z(!1), c = z(!1), d = () => {
+  const n = Be({}), o = Be({}), s = Be(Pn(t)), i = z(!1), c = z(!1), d = () => {
     Object.entries(t).forEach(([g, _]) => {
       o[g] = Yt({ inputValue: _.value, rules: _.rules }), o[g].validate();
     }), i.value = Object.entries(o).every(([g, _]) => _.valid);
@@ -166,7 +166,7 @@ const Yt = (t) => {
     isAnyTouched: en(c)
   };
 }, Ao = (t) => {
-  const { initialPlacement: e, relativeElement: n, contentDOMElement: o, yOffset: s = 0, xOffset: i = 0 } = t, c = z(e), d = z({ x: "0px", y: "0px" }), u = le("nmorph"), p = z(null);
+  const { initialPlacement: e, relativeElement: n, contentDOMElement: o, yOffset: s = 0, xOffset: i = 0 } = t, c = z(e), d = z({ x: "0px", y: "0px" }), u = ie("nmorph"), p = z(null);
   Q(
     () => u.browser,
     () => {
@@ -217,7 +217,7 @@ const Yt = (t) => {
     });
   };
   return { placement: c, placementCoords: d };
-}, Or = "@nmorph/nmorph-ui-kit", Dr = "module", Pr = "2.0.2", Er = "MIT", Fr = {
+}, Or = "@nmorph/nmorph-ui-kit", Dr = "module", Pr = "2.0.3", Er = "MIT", Fr = {
   type: "git",
   url: "https://gitlab.com/ketjo/nmorph",
   directory: "library"
@@ -492,7 +492,7 @@ const Rn = {
   "nmorph-title-2": _n,
   "nmorph-title-1": qo,
   "nmorph--shadow-outset": ce,
-  "nmorph--shadow-inset": ae,
+  "nmorph--shadow-inset": se,
   "nmorph--shadow-combined": wn
 }, b0 = () => {
   let e = (() => `
@@ -768,7 +768,7 @@ const Rn = {
 
     .nmorph-scroll::-webkit-scrollbar-track {
       border-radius: var(--border-radius-40);
-      ${ae()}
+      ${se()}
     }
 
     .nmorph-scroll::-webkit-scrollbar-thumb {
@@ -814,7 +814,7 @@ const Rn = {
     const i = {
       id: We(),
       ...e
-    }, c = Ve({
+    }, c = Be({
       ...i,
       ...s
     });
@@ -827,7 +827,7 @@ const Rn = {
     notify: n,
     removeNotification: o
   };
-}, $9 = () => le("nmorph"), k9 = {
+}, $9 = () => ie("nmorph"), k9 = {
   sun: "Вс",
   mon: "Пн",
   tue: "Вт",
@@ -1055,7 +1055,7 @@ function R(t, ...e) {
 function sn(t, e, n) {
   return t.reduce((o, s) => s == null || s === !1 || s === "" ? o : Array.isArray(s) ? [...o, ...sn(s, e, n)] : typeof s == "function" ? o.concat(...sn([s(e)], e, n)) : typeof s == "object" && s?.source === "tw" ? (n.push(...s.value), o) : bn(s) ? o.concat(`.${s.custom.className}`) : o.concat(s.toString()), []);
 }
-var oe = "-ms-", ht = "-moz-", J = "-webkit-", Fo = "comm", yn = "rule", xn = "decl", B0 = "@import", Ro = "@keyframes", N0 = "@layer", Wo = Math.abs, $n = String.fromCharCode, ln = Object.assign;
+var re = "-ms-", ht = "-moz-", Z = "-webkit-", Fo = "comm", yn = "rule", xn = "decl", B0 = "@import", Ro = "@keyframes", N0 = "@layer", Wo = Math.abs, $n = String.fromCharCode, ln = Object.assign;
 function C0(t, e) {
   return fe(t, 0) ^ 45 ? (((e << 2 ^ fe(t, 0)) << 2 ^ fe(t, 1)) << 2 ^ fe(t, 2)) << 2 ^ fe(t, 3) : 0;
 }
@@ -1077,7 +1077,7 @@ function fe(t, e) {
 function Ze(t, e, n) {
   return t.slice(e, n);
 }
-function Ne(t) {
+function Ce(t) {
   return t.length;
 }
 function Yo(t) {
@@ -1112,7 +1112,7 @@ function I0() {
 function A0() {
   return pe = He > 0 ? fe(at, --He) : 0, et--, pe === 10 && (et = 1, jt--), pe;
 }
-function Be() {
+function Ne() {
   return pe = He < Go ? fe(at, He++) : 0, et++, pe === 10 && (et = 1, jt++), pe;
 }
 function Ee() {
@@ -1157,7 +1157,7 @@ function cn(t) {
   return 0;
 }
 function L0(t) {
-  return jt = et = 1, Go = Ne(at = t), He = 0, [];
+  return jt = et = 1, Go = Ce(at = t), He = 0, [];
 }
 function j0(t) {
   return at = "", t;
@@ -1167,16 +1167,16 @@ function Gt(t) {
 }
 function T0(t) {
   for (; (pe = Ee()) && pe < 33; )
-    Be();
+    Ne();
   return cn(t) > 2 || cn(pe) > 3 ? "" : " ";
 }
 function O0(t, e) {
-  for (; --e && Be() && !(pe < 48 || pe > 102 || pe > 57 && pe < 65 || pe > 70 && pe < 97); )
+  for (; --e && Ne() && !(pe < 48 || pe > 102 || pe > 57 && pe < 65 || pe > 70 && pe < 97); )
     ;
-  return Ot(t, Vt() + (e < 6 && Ee() == 32 && Be() == 32));
+  return Ot(t, Vt() + (e < 6 && Ee() == 32 && Ne() == 32));
 }
 function dn(t) {
-  for (; Be(); )
+  for (; Ne(); )
     switch (pe) {
       case t:
         return He;
@@ -1188,19 +1188,19 @@ function dn(t) {
         t === 41 && dn(t);
         break;
       case 92:
-        Be();
+        Ne();
         break;
     }
   return He;
 }
 function D0(t, e) {
-  for (; Be() && t + pe !== 57 && !(t + pe === 84 && Ee() === 47); )
+  for (; Ne() && t + pe !== 57 && !(t + pe === 84 && Ee() === 47); )
     ;
-  return "/*" + Ot(e, He - 1) + "*" + $n(t === 47 ? t : Be());
+  return "/*" + Ot(e, He - 1) + "*" + $n(t === 47 ? t : Ne());
 }
 function P0(t) {
   for (; !cn(Ee()); )
-    Be();
+    Ne();
   return Ot(t, He);
 }
 function E0(t) {
@@ -1208,7 +1208,7 @@ function E0(t) {
 }
 function Bt(t, e, n, o, s, i, c, d, u) {
   for (var p = 0, y = 0, g = c, _ = 0, v = 0, m = 0, b = 1, M = 1, w = 1, $ = 0, x = "", S = s, B = i, N = o, L = x; M; )
-    switch (m = $, $ = Be()) {
+    switch (m = $, $ = Ne()) {
       case 40:
         if (m != 108 && fe(L, g - 1) == 58) {
           St(L += Y(Gt($), "&", "&\f"), "&\f", Wo(p ? d[p - 1] : 0)) != -1 && (w = -1);
@@ -1232,14 +1232,14 @@ function Bt(t, e, n, o, s, i, c, d, u) {
         switch (Ee()) {
           case 42:
           case 47:
-            ut(F0(D0(Be(), Vt()), e, n, u), u);
+            ut(F0(D0(Ne(), Vt()), e, n, u), u);
             break;
           default:
             L += "/";
         }
         break;
       case 123 * b:
-        d[p++] = Ne(L) * w;
+        d[p++] = Ce(L) * w;
       case 125 * b:
       case 59:
       case 0:
@@ -1248,7 +1248,7 @@ function Bt(t, e, n, o, s, i, c, d, u) {
           case 125:
             M = 0;
           case 59 + y:
-            w == -1 && (L = Y(L, /\f/g, "")), v > 0 && Ne(L) - g && ut(v > 32 ? Kn(L + ";", o, n, g - 1, u) : Kn(Y(L, " ", "") + ";", o, n, g - 2, u), u);
+            w == -1 && (L = Y(L, /\f/g, "")), v > 0 && Ce(L) - g && ut(v > 32 ? Kn(L + ";", o, n, g - 1, u) : Kn(Y(L, " ", "") + ";", o, n, g - 2, u), u);
             break;
           case 59:
             L += ";";
@@ -1271,7 +1271,7 @@ function Bt(t, e, n, o, s, i, c, d, u) {
         p = y = v = 0, b = w = 1, x = L = "", g = c;
         break;
       case 58:
-        g = 1 + Ne(L), v = m;
+        g = 1 + Ce(L), v = m;
       default:
         if (b < 1) {
           if ($ == 123)
@@ -1284,13 +1284,13 @@ function Bt(t, e, n, o, s, i, c, d, u) {
             w = y > 0 ? 1 : (L += "\f", -1);
             break;
           case 44:
-            d[p++] = (Ne(L) - 1) * w, w = 1;
+            d[p++] = (Ce(L) - 1) * w, w = 1;
             break;
           case 64:
-            Ee() === 45 && (L += Gt(Be())), _ = Ee(), y = g = Ne(x = L += P0(Vt())), $++;
+            Ee() === 45 && (L += Gt(Ne())), _ = Ee(), y = g = Ce(x = L += P0(Vt())), $++;
             break;
           case 45:
-            m === 45 && Ne(L) == 2 && (b = 0);
+            m === 45 && Ce(L) == 2 && (b = 0);
         }
     }
   return i;
@@ -1310,7 +1310,7 @@ function Kn(t, e, n, o, s) {
 function Xo(t, e, n) {
   switch (C0(t, e)) {
     case 5103:
-      return J + "print-" + t + t;
+      return Z + "print-" + t + t;
     case 5737:
     case 4201:
     case 3177:
@@ -1336,7 +1336,7 @@ function Xo(t, e, n) {
     case 5365:
     case 5621:
     case 3829:
-      return J + t + t;
+      return Z + t + t;
     case 4789:
       return ht + t + t;
     case 5349:
@@ -1344,65 +1344,65 @@ function Xo(t, e, n) {
     case 4810:
     case 6968:
     case 2756:
-      return J + t + ht + t + oe + t + t;
+      return Z + t + ht + t + re + t + t;
     case 5936:
       switch (fe(t, e + 11)) {
         case 114:
-          return J + t + oe + Y(t, /[svh]\w+-[tblr]{2}/, "tb") + t;
+          return Z + t + re + Y(t, /[svh]\w+-[tblr]{2}/, "tb") + t;
         case 108:
-          return J + t + oe + Y(t, /[svh]\w+-[tblr]{2}/, "tb-rl") + t;
+          return Z + t + re + Y(t, /[svh]\w+-[tblr]{2}/, "tb-rl") + t;
         case 45:
-          return J + t + oe + Y(t, /[svh]\w+-[tblr]{2}/, "lr") + t;
+          return Z + t + re + Y(t, /[svh]\w+-[tblr]{2}/, "lr") + t;
       }
     case 6828:
     case 4268:
     case 2903:
-      return J + t + oe + t + t;
+      return Z + t + re + t + t;
     case 6165:
-      return J + t + oe + "flex-" + t + t;
+      return Z + t + re + "flex-" + t + t;
     case 5187:
-      return J + t + Y(t, /(\w+).+(:[^]+)/, J + "box-$1$2" + oe + "flex-$1$2") + t;
+      return Z + t + Y(t, /(\w+).+(:[^]+)/, Z + "box-$1$2" + re + "flex-$1$2") + t;
     case 5443:
-      return J + t + oe + "flex-item-" + Y(t, /flex-|-self/g, "") + (Ie(t, /flex-|baseline/) ? "" : oe + "grid-row-" + Y(t, /flex-|-self/g, "")) + t;
+      return Z + t + re + "flex-item-" + Y(t, /flex-|-self/g, "") + (Ie(t, /flex-|baseline/) ? "" : re + "grid-row-" + Y(t, /flex-|-self/g, "")) + t;
     case 4675:
-      return J + t + oe + "flex-line-pack" + Y(t, /align-content|flex-|-self/g, "") + t;
+      return Z + t + re + "flex-line-pack" + Y(t, /align-content|flex-|-self/g, "") + t;
     case 5548:
-      return J + t + oe + Y(t, "shrink", "negative") + t;
+      return Z + t + re + Y(t, "shrink", "negative") + t;
     case 5292:
-      return J + t + oe + Y(t, "basis", "preferred-size") + t;
+      return Z + t + re + Y(t, "basis", "preferred-size") + t;
     case 6060:
-      return J + "box-" + Y(t, "-grow", "") + J + t + oe + Y(t, "grow", "positive") + t;
+      return Z + "box-" + Y(t, "-grow", "") + Z + t + re + Y(t, "grow", "positive") + t;
     case 4554:
-      return J + Y(t, /([^-])(transform)/g, "$1" + J + "$2") + t;
+      return Z + Y(t, /([^-])(transform)/g, "$1" + Z + "$2") + t;
     case 6187:
-      return Y(Y(Y(t, /(zoom-|grab)/, J + "$1"), /(image-set)/, J + "$1"), t, "") + t;
+      return Y(Y(Y(t, /(zoom-|grab)/, Z + "$1"), /(image-set)/, Z + "$1"), t, "") + t;
     case 5495:
     case 3959:
-      return Y(t, /(image-set\([^]*)/, J + "$1$`$1");
+      return Y(t, /(image-set\([^]*)/, Z + "$1$`$1");
     case 4968:
-      return Y(Y(t, /(.+:)(flex-)?(.*)/, J + "box-pack:$3" + oe + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + J + t + t;
+      return Y(Y(t, /(.+:)(flex-)?(.*)/, Z + "box-pack:$3" + re + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + Z + t + t;
     case 4200:
       if (!Ie(t, /flex-|baseline/))
-        return oe + "grid-column-align" + Ze(t, e) + t;
+        return re + "grid-column-align" + Ze(t, e) + t;
       break;
     case 2592:
     case 3360:
-      return oe + Y(t, "template-", "") + t;
+      return re + Y(t, "template-", "") + t;
     case 4384:
     case 3616:
       return n && n.some(function(o, s) {
         return e = s, Ie(o.props, /grid-\w+-end/);
-      }) ? ~St(t + (n = n[e].value), "span", 0) ? t : oe + Y(t, "-start", "") + t + oe + "grid-row-span:" + (~St(n, "span", 0) ? Ie(n, /\d+/) : +Ie(n, /\d+/) - +Ie(t, /\d+/)) + ";" : oe + Y(t, "-start", "") + t;
+      }) ? ~St(t + (n = n[e].value), "span", 0) ? t : re + Y(t, "-start", "") + t + re + "grid-row-span:" + (~St(n, "span", 0) ? Ie(n, /\d+/) : +Ie(n, /\d+/) - +Ie(t, /\d+/)) + ";" : re + Y(t, "-start", "") + t;
     case 4896:
     case 4128:
       return n && n.some(function(o) {
         return Ie(o.props, /grid-\w+-start/);
-      }) ? t : oe + Y(Y(t, "-end", "-span"), "span ", "") + t;
+      }) ? t : re + Y(Y(t, "-end", "-span"), "span ", "") + t;
     case 4095:
     case 3583:
     case 4068:
     case 2532:
-      return Y(t, /(.+)-inline(.+)/, J + "$1$2") + t;
+      return Y(t, /(.+)-inline(.+)/, Z + "$1$2") + t;
     case 8116:
     case 7059:
     case 5753:
@@ -1415,13 +1415,13 @@ function Xo(t, e, n) {
     case 5789:
     case 5021:
     case 4765:
-      if (Ne(t) - 1 - e > 6)
+      if (Ce(t) - 1 - e > 6)
         switch (fe(t, e + 1)) {
           case 109:
             if (fe(t, e + 4) !== 45)
               break;
           case 102:
-            return Y(t, /(.+:)(.+)-([^]+)/, "$1" + J + "$2-$3$1" + ht + (fe(t, e + 3) == 108 ? "$3" : "$2-$3")) + t;
+            return Y(t, /(.+:)(.+)-([^]+)/, "$1" + Z + "$2-$3$1" + ht + (fe(t, e + 3) == 108 ? "$3" : "$2-$3")) + t;
           case 115:
             return ~St(t, "stretch", 0) ? Xo(Y(t, "stretch", "fill-available"), e, n) + t : t;
         }
@@ -1429,18 +1429,18 @@ function Xo(t, e, n) {
     case 5152:
     case 5920:
       return Y(t, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(o, s, i, c, d, u, p) {
-        return oe + s + ":" + i + p + (c ? oe + s + "-span:" + (d ? u : +u - +i) + p : "") + t;
+        return re + s + ":" + i + p + (c ? re + s + "-span:" + (d ? u : +u - +i) + p : "") + t;
       });
     case 4949:
       if (fe(t, e + 6) === 121)
-        return Y(t, ":", ":" + J) + t;
+        return Y(t, ":", ":" + Z) + t;
       break;
     case 6444:
       switch (fe(t, fe(t, 14) === 45 ? 18 : 11)) {
         case 120:
-          return Y(t, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + J + (fe(t, 14) === 45 ? "inline-" : "") + "box$3$1" + J + "$2$3$1" + oe + "$2box$3") + t;
+          return Y(t, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + Z + (fe(t, 14) === 45 ? "inline-" : "") + "box$3$1" + Z + "$2$3$1" + re + "$2box$3") + t;
         case 100:
-          return Y(t, ":", ":" + oe) + t;
+          return Y(t, ":", ":" + re) + t;
       }
       break;
     case 5719:
@@ -1470,10 +1470,10 @@ function R0(t, e, n, o) {
     case Ro:
       return t.return = t.value + "{" + Ct(t.children, o) + "}";
     case yn:
-      if (!Ne(t.value = t.props.join(",")))
+      if (!Ce(t.value = t.props.join(",")))
         return "";
   }
-  return Ne(n = Ct(t.children, o)) ? t.return = t.value + "{" + n + "}" : "";
+  return Ce(n = Ct(t.children, o)) ? t.return = t.value + "{" + n + "}" : "";
 }
 function W0(t) {
   var e = Yo(t);
@@ -1490,7 +1490,7 @@ function U0(t, e, n, o) {
         t.return = Xo(t.value, t.length, n);
         return;
       case Ro:
-        return Ct([Te(t, { value: Y(t.value, "@", "@" + J) })], o);
+        return Ct([Te(t, { value: Y(t.value, "@", "@" + Z) })], o);
       case yn:
         if (t.length)
           return q0(n = t.props, function(s) {
@@ -1500,7 +1500,7 @@ function U0(t, e, n, o) {
                 Qe(Te(t, { props: [Y(s, /:(read-\w+)/, ":" + ht + "$1")] })), Qe(Te(t, { props: [s] })), ln(t, { props: Gn(n, o) });
                 break;
               case "::placeholder":
-                Qe(Te(t, { props: [Y(s, /:(plac\w+)/, ":" + J + "input-$1")] })), Qe(Te(t, { props: [Y(s, /:(plac\w+)/, ":" + ht + "$1")] })), Qe(Te(t, { props: [Y(s, /:(plac\w+)/, oe + "input-$1")] })), Qe(Te(t, { props: [s] })), ln(t, { props: Gn(n, o) });
+                Qe(Te(t, { props: [Y(s, /:(plac\w+)/, ":" + Z + "input-$1")] })), Qe(Te(t, { props: [Y(s, /:(plac\w+)/, ":" + ht + "$1")] })), Qe(Te(t, { props: [Y(s, /:(plac\w+)/, re + "input-$1")] })), Qe(Te(t, { props: [s] })), ln(t, { props: Gn(n, o) });
                 break;
             }
             return "";
@@ -1584,7 +1584,7 @@ function Ko(t, e) {
     an(t) && (c = "vue-component"), bn(t) && (c = "styled-component");
     const d = H0(c), u = Yn(), p = j(
       (y, { slots: g }) => {
-        const _ = f(() => typeof n == "function" ? n(y) : typeof n == "object" ? n : {}), v = z([]), m = z({ class: "", ..._.value }), b = le("$theme", Ve({}));
+        const _ = f(() => typeof n == "function" ? n(y) : typeof n == "object" ? n : {}), v = z([]), m = z({ class: "", ..._.value }), b = ie("$theme", Be({}));
         let M = {
           theme: b,
           ...y,
@@ -1652,7 +1652,7 @@ const F = Ko;
 Oo.forEach((t) => {
   F[t] = Ko(t);
 });
-var Qo = typeof global == "object" && global && global.Object === Object && global, J0 = typeof self == "object" && self && self.Object === Object && self, Ce = Qo || J0 || Function("return this")(), tt = Ce.Symbol, Jo = Object.prototype, Z0 = Jo.hasOwnProperty, ea = Jo.toString, dt = tt ? tt.toStringTag : void 0;
+var Qo = typeof global == "object" && global && global.Object === Object && global, J0 = typeof self == "object" && self && self.Object === Object && self, qe = Qo || J0 || Function("return this")(), tt = qe.Symbol, Jo = Object.prototype, Z0 = Jo.hasOwnProperty, ea = Jo.toString, dt = tt ? tt.toStringTag : void 0;
 function ta(t) {
   var e = Z0.call(t, dt), n = t[dt];
   try {
@@ -1689,7 +1689,7 @@ function er(t) {
   var e = yt(t);
   return e == ia || e == ca || e == la || e == da;
 }
-var Kt = Ce["__core-js_shared__"], to = function() {
+var Kt = qe["__core-js_shared__"], to = function() {
   var t = /[^.]+$/.exec(Kt && Kt.keys && Kt.keys.IE_PROTO || "");
   return t ? "Symbol(src)_1." + t : "";
 }();
@@ -1726,7 +1726,7 @@ function Ye(t, e) {
   var n = xa(t, e);
   return ya(n) ? n : void 0;
 }
-var un = Ye(Ce, "WeakMap"), no = Object.create, $a = /* @__PURE__ */ function() {
+var un = Ye(qe, "WeakMap"), no = Object.create, $a = /* @__PURE__ */ function() {
   function t() {
   }
   return function(e) {
@@ -1884,11 +1884,11 @@ var rr = Object.prototype, Ua = rr.hasOwnProperty, Ya = rr.propertyIsEnumerable,
 function Xa() {
   return !1;
 }
-var ar = typeof exports == "object" && exports && !exports.nodeType && exports, ao = ar && typeof module == "object" && module && !module.nodeType && module, Ka = ao && ao.exports === ar, so = Ka ? Ce.Buffer : void 0, Qa = so ? so.isBuffer : void 0, sr = Qa || Xa, Ja = "[object Arguments]", Za = "[object Array]", e2 = "[object Boolean]", t2 = "[object Date]", n2 = "[object Error]", o2 = "[object Function]", r2 = "[object Map]", a2 = "[object Number]", s2 = "[object Object]", l2 = "[object RegExp]", i2 = "[object Set]", c2 = "[object String]", d2 = "[object WeakMap]", u2 = "[object ArrayBuffer]", p2 = "[object DataView]", h2 = "[object Float32Array]", m2 = "[object Float64Array]", v2 = "[object Int8Array]", f2 = "[object Int16Array]", g2 = "[object Int32Array]", _2 = "[object Uint8Array]", w2 = "[object Uint8ClampedArray]", b2 = "[object Uint16Array]", y2 = "[object Uint32Array]", re = {};
-re[h2] = re[m2] = re[v2] = re[f2] = re[g2] = re[_2] = re[w2] = re[b2] = re[y2] = !0;
-re[Ja] = re[Za] = re[u2] = re[e2] = re[p2] = re[t2] = re[n2] = re[o2] = re[r2] = re[a2] = re[s2] = re[l2] = re[i2] = re[c2] = re[d2] = !1;
+var ar = typeof exports == "object" && exports && !exports.nodeType && exports, ao = ar && typeof module == "object" && module && !module.nodeType && module, Ka = ao && ao.exports === ar, so = Ka ? qe.Buffer : void 0, Qa = so ? so.isBuffer : void 0, sr = Qa || Xa, Ja = "[object Arguments]", Za = "[object Array]", e2 = "[object Boolean]", t2 = "[object Date]", n2 = "[object Error]", o2 = "[object Function]", r2 = "[object Map]", a2 = "[object Number]", s2 = "[object Object]", l2 = "[object RegExp]", i2 = "[object Set]", c2 = "[object String]", d2 = "[object WeakMap]", u2 = "[object ArrayBuffer]", p2 = "[object DataView]", h2 = "[object Float32Array]", m2 = "[object Float64Array]", v2 = "[object Int8Array]", f2 = "[object Int16Array]", g2 = "[object Int32Array]", _2 = "[object Uint8Array]", w2 = "[object Uint8ClampedArray]", b2 = "[object Uint16Array]", y2 = "[object Uint32Array]", ae = {};
+ae[h2] = ae[m2] = ae[v2] = ae[f2] = ae[g2] = ae[_2] = ae[w2] = ae[b2] = ae[y2] = !0;
+ae[Ja] = ae[Za] = ae[u2] = ae[e2] = ae[p2] = ae[t2] = ae[n2] = ae[o2] = ae[r2] = ae[a2] = ae[s2] = ae[l2] = ae[i2] = ae[c2] = ae[d2] = !1;
 function x2(t) {
-  return xt(t) && or(t.length) && !!re[yt(t)];
+  return xt(t) && or(t.length) && !!ae[yt(t)];
 }
 function Hn(t) {
   return function(e) {
@@ -2035,7 +2035,7 @@ je.prototype.delete = J2;
 je.prototype.get = Z2;
 je.prototype.has = e1;
 je.prototype.set = t1;
-var _t = Ye(Ce, "Map");
+var _t = Ye(qe, "Map");
 function n1() {
   this.size = 0, this.__data__ = {
     hash: new Re(),
@@ -2122,7 +2122,7 @@ function m1(t, e) {
 function v1(t, e) {
   return t && $t(e, Sn(e), t);
 }
-var pr = typeof exports == "object" && exports && !exports.nodeType && exports, io = pr && typeof module == "object" && module && !module.nodeType && module, f1 = io && io.exports === pr, co = f1 ? Ce.Buffer : void 0, uo = co ? co.allocUnsafe : void 0;
+var pr = typeof exports == "object" && exports && !exports.nodeType && exports, io = pr && typeof module == "object" && module && !module.nodeType && module, f1 = io && io.exports === pr, co = f1 ? qe.Buffer : void 0, uo = co ? co.allocUnsafe : void 0;
 function g1(t, e) {
   if (e)
     return t.slice();
@@ -2165,7 +2165,7 @@ function k1(t) {
 function M1(t) {
   return vr(t, Sn, mr);
 }
-var pn = Ye(Ce, "DataView"), hn = Ye(Ce, "Promise"), mn = Ye(Ce, "Set"), ho = "[object Map]", z1 = "[object Object]", mo = "[object Promise]", vo = "[object Set]", fo = "[object WeakMap]", go = "[object DataView]", H1 = Ue(pn), S1 = Ue(_t), V1 = Ue(hn), B1 = Ue(mn), N1 = Ue(un), Ae = yt;
+var pn = Ye(qe, "DataView"), hn = Ye(qe, "Promise"), mn = Ye(qe, "Set"), ho = "[object Map]", z1 = "[object Object]", mo = "[object Promise]", vo = "[object Set]", fo = "[object WeakMap]", go = "[object DataView]", H1 = Ue(pn), S1 = Ue(_t), V1 = Ue(hn), B1 = Ue(mn), N1 = Ue(un), Ae = yt;
 (pn && Ae(new pn(new ArrayBuffer(1))) != go || _t && Ae(new _t()) != ho || hn && Ae(hn.resolve()) != mo || mn && Ae(new mn()) != vo || un && Ae(new un()) != fo) && (Ae = function(t) {
   var e = yt(t), n = e == z1 ? t.constructor : void 0, o = n ? Ue(n) : "";
   if (o)
@@ -2188,7 +2188,7 @@ function I1(t) {
   var e = t.length, n = new t.constructor(e);
   return e && typeof t[0] == "string" && q1.call(t, "index") && (n.index = t.index, n.input = t.input), n;
 }
-var _o = Ce.Uint8Array;
+var _o = qe.Uint8Array;
 function Bn(t) {
   var e = new t.constructor(t.byteLength);
   return new _o(e).set(new _o(t)), e;
@@ -2255,9 +2255,9 @@ var yo = nt && nt.isMap, cs = yo ? Hn(yo) : is, ds = "[object Set]";
 function us(t) {
   return xt(t) && Ae(t) == ds;
 }
-var xo = nt && nt.isSet, ps = xo ? Hn(xo) : us, hs = 1, ms = 2, vs = 4, fr = "[object Arguments]", fs = "[object Array]", gs = "[object Boolean]", _s = "[object Date]", ws = "[object Error]", gr = "[object Function]", bs = "[object GeneratorFunction]", ys = "[object Map]", xs = "[object Number]", _r = "[object Object]", $s = "[object RegExp]", ks = "[object Set]", Ms = "[object String]", zs = "[object Symbol]", Hs = "[object WeakMap]", Ss = "[object ArrayBuffer]", Vs = "[object DataView]", Bs = "[object Float32Array]", Ns = "[object Float64Array]", Cs = "[object Int8Array]", qs = "[object Int16Array]", Is = "[object Int32Array]", As = "[object Uint8Array]", Ls = "[object Uint8ClampedArray]", js = "[object Uint16Array]", Ts = "[object Uint32Array]", ne = {};
-ne[fr] = ne[fs] = ne[Ss] = ne[Vs] = ne[gs] = ne[_s] = ne[Bs] = ne[Ns] = ne[Cs] = ne[qs] = ne[Is] = ne[ys] = ne[xs] = ne[_r] = ne[$s] = ne[ks] = ne[Ms] = ne[zs] = ne[As] = ne[Ls] = ne[js] = ne[Ts] = !0;
-ne[ws] = ne[gr] = ne[Hs] = !1;
+var xo = nt && nt.isSet, ps = xo ? Hn(xo) : us, hs = 1, ms = 2, vs = 4, fr = "[object Arguments]", fs = "[object Array]", gs = "[object Boolean]", _s = "[object Date]", ws = "[object Error]", gr = "[object Function]", bs = "[object GeneratorFunction]", ys = "[object Map]", xs = "[object Number]", _r = "[object Object]", $s = "[object RegExp]", ks = "[object Set]", Ms = "[object String]", zs = "[object Symbol]", Hs = "[object WeakMap]", Ss = "[object ArrayBuffer]", Vs = "[object DataView]", Bs = "[object Float32Array]", Ns = "[object Float64Array]", Cs = "[object Int8Array]", qs = "[object Int16Array]", Is = "[object Int32Array]", As = "[object Uint8Array]", Ls = "[object Uint8ClampedArray]", js = "[object Uint16Array]", Ts = "[object Uint32Array]", oe = {};
+oe[fr] = oe[fs] = oe[Ss] = oe[Vs] = oe[gs] = oe[_s] = oe[Bs] = oe[Ns] = oe[Cs] = oe[qs] = oe[Is] = oe[ys] = oe[xs] = oe[_r] = oe[$s] = oe[ks] = oe[Ms] = oe[zs] = oe[As] = oe[Ls] = oe[js] = oe[Ts] = !0;
+oe[ws] = oe[gr] = oe[Hs] = !1;
 function Nt(t, e, n, o, s, i) {
   var c, d = e & hs, u = e & ms, p = e & vs;
   if (c !== void 0)
@@ -2276,7 +2276,7 @@ function Nt(t, e, n, o, s, i) {
       if (c = u || _ ? {} : ss(t), !d)
         return u ? $1(t, v1(c, t)) : y1(t, m1(c, t));
     } else {
-      if (!ne[g])
+      if (!oe[g])
         return s ? t : {};
       c = as(t, g, d);
     }
@@ -2301,8 +2301,8 @@ function Ps(t) {
 }
 j(
   (t, { slots: e }) => {
-    const n = le("$theme", Ve({})), o = (i) => typeof t.theme == "function" ? t.theme(Ps(i)) : t.theme, s = Ve(o(n));
-    return he("$theme", Ve(s)), Q(
+    const n = ie("$theme", Be({})), o = (i) => typeof t.theme == "function" ? t.theme(Ps(i)) : t.theme, s = Be(o(n));
+    return he("$theme", Be(s)), Q(
       n,
       (i) => {
         q2(s, o(i));
@@ -2534,7 +2534,7 @@ const Es = ["disabled", "loading", "type", "tabindex"], Fs = { key: 1 }, Rs = /*
             _: 3
             /* FORWARDED */
           })) : (a(), l(
-            Z,
+            ee,
             { key: 2 },
             [
               s.value ? (a(), V(h(U), { key: 0 }, {
@@ -2568,7 +2568,7 @@ const Es = ["disabled", "loading", "type", "tabindex"], Fs = { key: 1 }, Rs = /*
   for (const [o, s] of e)
     n[o] = s;
   return n;
-}, te = /* @__PURE__ */ D(Rs, [["__file", "/builds/ketjo/nmorph/library/src/components/basic/nmorph-button/NmorphButton.vue"]]);
+}, ne = /* @__PURE__ */ D(Rs, [["__file", "/builds/ketjo/nmorph/library/src/components/basic/nmorph-button/NmorphButton.vue"]]);
 var Ws = /* @__PURE__ */ ((t) => (t.default = "default", t.transparent = "transparent", t))(Ws || {}), Us = /* @__PURE__ */ ((t) => (t.submit = "submit", t.reset = "reset", t.button = "button", t))(Us || {}), Ys = /* @__PURE__ */ ((t) => (t.default = "default", t.square = "square", t.round = "round", t.circle = "circle", t))(Ys || {});
 const Gs = { class: "nmorph-icon__content" }, Xs = /* @__PURE__ */ j({
   __name: "NmorphIcon",
@@ -7424,7 +7424,7 @@ var th = /* @__PURE__ */ ((t) => (t.self = "_self", t.blank = "_blank", t.parent
 const nh = /* @__PURE__ */ j({
   __name: "NmorphScroll",
   props: {
-    height: { type: String, required: !1, default: "auto" },
+    height: { type: String, required: !1, default: "100%" },
     maxHeight: { type: String, required: !1, default: "none" },
     modelValue: { type: Object, required: !1, default: () => ({
       x: 0,
@@ -7443,20 +7443,28 @@ const nh = /* @__PURE__ */ j({
   emits: ["on-scroll", "update:model-value", "on-scroll-end"],
   setup(t, { expose: e, emit: n }) {
     const o = t, s = z(null), i = f(() => o.scrollYProp), c = f(() => o.scrollXProp), d = z(!1), u = z(!1), p = () => {
-      d.value = s.value?.scrollHeight > s.value?.clientHeight, u.value = s.value?.scrollWidth > s.value?.clientWidth;
+      const J = s.value;
+      if (!J) {
+        d.value = !1, u.value = !1;
+        return;
+      }
+      d.value = J.scrollHeight > J.clientHeight, u.value = J.scrollWidth > J.clientWidth;
     }, y = f(() => o.yBarWidthInPx + o.yGapInPx), g = f(() => o.xBarWidthInPx + o.xGapInPx), _ = f(
       () => o.scrollYProp === "hidden" || !d.value ? "0" : `${y.value}px`
     ), v = f(
       () => o.scrollXProp === "hidden" || !u.value ? "0" : `${g.value}px`
-    ), m = f(() => `${o.yBarWidthInPx}px`), b = f(() => `${o.xBarWidthInPx}px`), M = le("nmorph");
+    ), m = f(() => `${o.yBarWidthInPx}px`), b = f(() => `${o.xBarWidthInPx}px`), M = ie("nmorph");
     let w;
     const $ = n, x = () => {
-      const ie = Math.trunc(s.value?.scrollLeft), $e = Math.trunc(s.value?.scrollTop);
-      $("update:model-value", { x: ie, y: $e });
+      const J = s.value;
+      if (!J)
+        return;
+      const $e = Math.trunc(J.scrollLeft), Ve = Math.trunc(J.scrollTop);
+      $("update:model-value", { x: $e, y: Ve });
     }, S = () => {
       $("on-scroll-end");
-    }, B = (ie) => {
-      $("on-scroll", ie), s.value && (o.updateOnlyOnScrollEnd || x(), w !== void 0 && clearTimeout(w), w = setTimeout(() => {
+    }, B = (J) => {
+      $("on-scroll", J), s.value && (o.updateOnlyOnScrollEnd || x(), w !== void 0 && clearTimeout(w), w = setTimeout(() => {
         o.updateOnlyOnScrollEnd && x(), S();
       }, o.scrollEndDelay));
     };
@@ -7467,11 +7475,11 @@ const nh = /* @__PURE__ */ j({
       () => T({
         "nmorph-scroll": []
       })
-    ), I = (ie) => {
-      const { x: $e, y: qe } = ie;
+    ), I = (J) => {
+      const { x: $e, y: Ve } = J;
       s.value?.scrollTo({
         left: $e,
-        top: qe,
+        top: Ve,
         behavior: "smooth"
       });
     };
@@ -7479,8 +7487,8 @@ const nh = /* @__PURE__ */ j({
       I(o.modelValue), Le(p);
     }), Q(
       () => o.modelValue,
-      (ie) => {
-        I(ie);
+      (J) => {
+        I(J);
       },
       { deep: !0, immediate: !0 }
     ), Q(
@@ -7497,7 +7505,7 @@ const nh = /* @__PURE__ */ j({
     }, de = () => {
       N.value = !1;
     };
-    return (ie, $e) => (a(), l(
+    return (J, $e) => (a(), l(
       "div",
       {
         ref_key: "scrollDOMContainer",
@@ -7522,7 +7530,7 @@ const nh = /* @__PURE__ */ j({
         onMouseleave: de
       },
       [
-        A(ie.$slots, "default")
+        A(J.$slots, "default")
       ],
       38
       /* CLASS, STYLE, NEED_HYDRATION */
@@ -7735,7 +7743,7 @@ const ah = /* @__PURE__ */ j({
           [
             e.isDot ? (a(), l("div", sh)) : (a(), l("div", lh, [
               e.isTag ? (a(), l(
-                Z,
+                ee,
                 { key: 0 },
                 [
                   ke(
@@ -7817,7 +7825,7 @@ const ah = /* @__PURE__ */ j({
             /* TEXT */
           ),
           r("div", dh, [
-            d.showPreviousMonthButton ? (a(), V(h(te), {
+            d.showPreviousMonthButton ? (a(), V(h(ne), {
               key: 0,
               class: "nmorph-calendar-header__action",
               onClick: u[0] || (u[0] = (p) => o("click-previous-month"))
@@ -7834,13 +7842,13 @@ const ah = /* @__PURE__ */ j({
               _: 1
               /* STABLE */
             })) : P("v-if", !0),
-            d.showTodayButton ? (a(), V(h(te), {
+            d.showTodayButton ? (a(), V(h(ne), {
               key: 1,
               class: "nmorph-calendar-header__action",
               text: "Today",
               onClick: u[1] || (u[1] = (p) => o("click-today"))
             })) : P("v-if", !0),
-            d.showNextMonthButton ? (a(), V(h(te), {
+            d.showNextMonthButton ? (a(), V(h(ne), {
               key: 2,
               class: "nmorph-calendar-header__action",
               onClick: u[2] || (u[2] = (p) => o("click-next-month"))
@@ -7919,8 +7927,8 @@ const ah = /* @__PURE__ */ j({
       if (n.type === "date" && (m.value = O, o("update:model-value", m.value)), n.type === "dates") {
         if (!Array.isArray(m.value))
           return u();
-        const G = O.toDateString(), ie = m.value.map((qe) => qe.toDateString()).indexOf(G);
-        ie !== -1 ? m.value.splice(ie, 1) : m.value.push(O), o("update:model-value", m.value);
+        const G = O.toDateString(), J = m.value.map((Ve) => Ve.toDateString()).indexOf(G);
+        J !== -1 ? m.value.splice(J, 1) : m.value.push(O), o("update:model-value", m.value);
       }
       if (n.type === "daterange") {
         if (!Array.isArray(m.value))
@@ -7943,7 +7951,7 @@ const ah = /* @__PURE__ */ j({
     be(() => {
       o("update:model-value", m.value);
     });
-    let b = Ve([]);
+    let b = Be([]);
     const M = () => {
       b = [], $h(v, n.range).forEach((W) => {
         const q = {};
@@ -8025,7 +8033,7 @@ const ah = /* @__PURE__ */ j({
   .nmorph-calendar-date:not(.nmorph-calendar-date--hidden,
     .nmorph-calendar-date--selected).nmorph-calendar-date--previous,
   .nmorph-calendar-date:not(.nmorph-calendar-date--hidden, .nmorph-calendar-date--selected).nmorph-calendar-date--next {
-    ${ae()}
+    ${se()}
     color: var(--nmorph-accent-color);
   }
 
@@ -8061,18 +8069,18 @@ const ah = /* @__PURE__ */ j({
           }, {
             default: k(() => [
               (a(!0), l(
-                Z,
+                ee,
                 null,
-                ee(h(s), (q) => (a(), V(h(Hm), {
+                te(h(s), (q) => (a(), V(h(Hm), {
                   key: `${q}`,
                   prop: q,
                   label: q.toUpperCase()
                 }, {
                   default: k(({ scope: O }) => [
                     (a(!0), l(
-                      Z,
+                      ee,
                       null,
-                      ee(O.rows, (G, de) => (a(), V(h(km), {
+                      te(O.rows, (G, de) => (a(), V(h(km), {
                         key: de,
                         row: de
                       }, {
@@ -8090,7 +8098,7 @@ const ah = /* @__PURE__ */ j({
                                 "nmorph-calendar-date--selected": _(B(G[q]).date)
                               }
                             ]),
-                            onClick: (ie) => y(B(G[q]))
+                            onClick: (J) => y(B(G[q]))
                           }, [
                             A(I.$slots, "date-cell", {
                               scope: {
@@ -8282,7 +8290,7 @@ const ah = /* @__PURE__ */ j({
       })
     ), u = z([]), p = We();
     he("carousel-data", { data: u, carouselId: p });
-    const y = z(null), g = Ve({}), _ = () => {
+    const y = z(null), g = Be({}), _ = () => {
       const x = g[Object.keys(g).length - 1]?.cloneNode(!0), S = g[0]?.cloneNode(!0);
       y.value?.prepend(x), y.value?.append(S), n.value += 1;
     }, v = () => {
@@ -8317,9 +8325,9 @@ const ah = /* @__PURE__ */ j({
           },
           [
             (a(!0), l(
-              Z,
+              ee,
               null,
-              ee(u.value, (B, N) => (a(), l("div", {
+              te(u.value, (B, N) => (a(), l("div", {
                 id: `nmorph-carousel-item-${h(p)}-${B}`,
                 key: B,
                 ref_for: !0,
@@ -8335,9 +8343,9 @@ const ah = /* @__PURE__ */ j({
         ),
         r("div", Vh, [
           (a(!0), l(
-            Z,
+            ee,
             null,
-            ee(u.value, (B, N) => (a(), l("div", {
+            te(u.value, (B, N) => (a(), l("div", {
               key: N,
               class: "nmorph-carousel__element-indicator-wrapper",
               onClick: (L) => $(N)
@@ -8396,7 +8404,7 @@ const ah = /* @__PURE__ */ j({
       () => T({
         "nmorph-carousel-item": []
       })
-    ), o = le("carousel-data"), s = z(!1);
+    ), o = ie("carousel-data"), s = z(!1);
     return be(() => {
       s.value = !0, o && o.data.value.push(e.name);
     }), (i, c) => s.value ? (a(), l(
@@ -8479,7 +8487,7 @@ const ah = /* @__PURE__ */ j({
       () => T({
         nmorph: [Se[n.height]]
       })
-    ), d = le("collapse-data"), u = le("update-model"), p = z(null), y = z(0), g = () => {
+    ), d = ie("collapse-data"), u = ie("update-model"), p = z(null), y = z(0), g = () => {
       n.block || (s.value = !s.value, u && (u(n.name, s.value), o("click-item", { id: n.name, isOpen: s.value })));
     };
     be(() => {
@@ -8511,7 +8519,7 @@ const ah = /* @__PURE__ */ j({
     overflow: hidden;
     border-radius: var(--default-border-radius);
     transition: height var(--transition-speed) ease-in-out;
-    ${ae()};
+    ${se()};
   }
 
   .nmorph-collapse-item__inner-wrapper {
@@ -8872,7 +8880,7 @@ const ah = /* @__PURE__ */ j({
               }, null, 8, ["src", "alt", "style"])
             ]),
             L.value ? (a(), l("div", Dh, [
-              H(h(te), { onClick: $ }, {
+              H(h(ne), { onClick: $ }, {
                 default: k(() => [
                   H(h(U), null, {
                     default: k(() => [
@@ -8887,7 +8895,7 @@ const ah = /* @__PURE__ */ j({
               })
             ])) : P("v-if", !0),
             L.value ? (a(), l("div", Ph, [
-              H(h(te), { onClick: x }, {
+              H(h(ne), { onClick: x }, {
                 default: k(() => [
                   H(h(U), null, {
                     default: k(() => [
@@ -8903,13 +8911,13 @@ const ah = /* @__PURE__ */ j({
             ])) : P("v-if", !0),
             r("div", Eh, [
               (a(), l(
-                Z,
+                ee,
                 null,
-                ee(B, (G, de) => r("div", {
+                te(B, (G, de) => r("div", {
                   key: de,
                   class: "nmorph-image-preview__action-element"
                 }, [
-                  H(h(te), {
+                  H(h(ne), {
                     onClick: G.handler
                   }, {
                     default: k(() => [
@@ -8935,7 +8943,7 @@ const ah = /* @__PURE__ */ j({
                 /* STABLE_FRAGMENT */
               )),
               r("div", Fh, [
-                H(h(te), {
+                H(h(ne), {
                   disabled: d.value === 1,
                   onClick: S.value.handler
                 }, {
@@ -9073,7 +9081,7 @@ const ah = /* @__PURE__ */ j({
       class: C(s.value)
     }, {
       default: k(() => [
-        H(h(te), {
+        H(h(ne), {
           class: "nmorph-pagination__btn nmorph-pagination__prev-btn",
           disabled: g.value || n.disabled,
           onClick: i
@@ -9098,13 +9106,13 @@ const ah = /* @__PURE__ */ j({
         }, {
           default: k(() => [
             (a(!0), l(
-              Z,
+              ee,
               null,
-              ee(v.value, (x) => (a(), l("div", {
+              te(v.value, (x) => (a(), l("div", {
                 key: x.value,
                 class: "nmorph-pagination__page-btn-wrapper"
               }, [
-                x.value === "prev" || x.value === "next" ? (a(), V(h(te), {
+                x.value === "prev" || x.value === "next" ? (a(), V(h(ne), {
                   key: 0,
                   class: C(`nmorph-pagination__page-btn nmorph-pagination__${x.value}`),
                   text: x.label,
@@ -9125,7 +9133,7 @@ const ah = /* @__PURE__ */ j({
           _: 1
           /* STABLE */
         }, 8, ["model-value", "disabled"]),
-        H(h(te), {
+        H(h(ne), {
           class: "nmorph-pagination__btn nmorph-pagination__next-btn",
           disabled: _.value || n.disabled,
           onClick: c
@@ -9197,7 +9205,7 @@ const ah = /* @__PURE__ */ j({
       height: 100%;
       overflow: hidden;
       border-radius: var(--border-radius-40);
-      ${ae()}
+      ${se()}
     }
 
     .nmorph-progress__inner {
@@ -9225,7 +9233,7 @@ const ah = /* @__PURE__ */ j({
   .nmorph-progress__circle {
     position: relative;
     border-radius: var(--border-radius-circular);
-    ${ae()}
+    ${se()}
 
     &::after {
       width: 92%;
@@ -9383,9 +9391,9 @@ const ah = /* @__PURE__ */ j({
       default: k(() => [
         e.rows && e.loading ? (a(), l("div", om, [
           (a(!0), l(
-            Z,
+            ee,
             null,
-            ee(e.rows, (d) => (a(), V(h(dm), {
+            te(e.rows, (d) => (a(), V(h(dm), {
               key: d,
               width: "100%",
               height: "14px",
@@ -9461,7 +9469,7 @@ const im = { class: "nmorph-skeleton-item__element" }, cm = /* @__PURE__ */ j({
   width: ${o.value};
   height: ${s.value};
   &.nmorph-skeleton-item--nmorph-design {
-    ${ae()}
+    ${se()}
   }
 `;
     return (d, u) => (a(), V(c, {
@@ -9539,7 +9547,7 @@ const im = { class: "nmorph-skeleton-item__element" }, cm = /* @__PURE__ */ j({
       class: C(s.value)
     }, {
       default: k(() => [
-        H(h(te), {
+        H(h(ne), {
           height: "thin",
           "style-type": "transparent",
           onClick: i
@@ -9681,7 +9689,7 @@ const im = { class: "nmorph-skeleton-item__element" }, cm = /* @__PURE__ */ j({
     }
 
     .nmorph-table__table-row {
-      ${ae()}
+      ${se()}
     }
   }
 `, m = F.div`
@@ -9702,9 +9710,9 @@ const im = { class: "nmorph-skeleton-item__element" }, cm = /* @__PURE__ */ j({
               r("table", mm, [
                 r("colgroup", null, [
                   (a(!0), l(
-                    Z,
+                    ee,
                     null,
-                    ee(d.value, (w) => (a(), l("col", {
+                    te(d.value, (w) => (a(), l("col", {
                       key: w.prop,
                       style: ge({ width: `${p(w.width)}px` }),
                       "data-src": `${p(w.width)}px`
@@ -9716,9 +9724,9 @@ const im = { class: "nmorph-skeleton-item__element" }, cm = /* @__PURE__ */ j({
                 r("thead", null, [
                   r("tr", fm, [
                     (a(!0), l(
-                      Z,
+                      ee,
                       null,
-                      ee(d.value, (w, $) => (a(), l(
+                      te(d.value, (w, $) => (a(), l(
                         "th",
                         {
                           key: $,
@@ -9765,9 +9773,9 @@ const im = { class: "nmorph-skeleton-item__element" }, cm = /* @__PURE__ */ j({
                 r("table", null, [
                   r("colgroup", null, [
                     (a(!0), l(
-                      Z,
+                      ee,
                       null,
-                      ee(d.value, (w) => (a(), l(
+                      te(d.value, (w) => (a(), l(
                         "col",
                         {
                           key: w.prop,
@@ -9783,9 +9791,9 @@ const im = { class: "nmorph-skeleton-item__element" }, cm = /* @__PURE__ */ j({
                   ]),
                   r("tbody", null, [
                     (a(!0), l(
-                      Z,
+                      ee,
                       null,
-                      ee(o.value, (w, $) => (a(), l(
+                      te(o.value, (w, $) => (a(), l(
                         "tr",
                         {
                           key: $,
@@ -9793,9 +9801,9 @@ const im = { class: "nmorph-skeleton-item__element" }, cm = /* @__PURE__ */ j({
                         },
                         [
                           (a(!0), l(
-                            Z,
+                            ee,
                             null,
-                            ee(d.value, (x) => (a(), l(
+                            te(d.value, (x) => (a(), l(
                               "td",
                               {
                                 key: x.prop,
@@ -9826,9 +9834,9 @@ const im = { class: "nmorph-skeleton-item__element" }, cm = /* @__PURE__ */ j({
                 r("table", null, [
                   r("colgroup", null, [
                     (a(!0), l(
-                      Z,
+                      ee,
                       null,
-                      ee(d.value, (w) => (a(), l(
+                      te(d.value, (w) => (a(), l(
                         "col",
                         {
                           key: w.prop,
@@ -9863,7 +9871,7 @@ const im = { class: "nmorph-skeleton-item__element" }, cm = /* @__PURE__ */ j({
     row: { type: Number, required: !0 }
   },
   setup(t) {
-    const e = le("column-property"), n = le("table-identifier"), o = t, s = f(
+    const e = ie("column-property"), n = ie("table-identifier"), o = t, s = f(
       () => T({
         "nmorph-table-cell": []
       })
@@ -9896,7 +9904,7 @@ const im = { class: "nmorph-skeleton-item__element" }, cm = /* @__PURE__ */ j({
     prop: { type: String, required: !0 }
   },
   setup(t) {
-    const e = le("table-data"), n = le("table-identifier"), o = t, s = f(
+    const e = ie("table-data"), n = ie("table-identifier"), o = t, s = f(
       () => T({
         "nmorph-table-column": []
       })
@@ -9944,9 +9952,9 @@ const im = { class: "nmorph-skeleton-item__element" }, cm = /* @__PURE__ */ j({
       },
       [
         (a(!0), l(
-          Z,
+          ee,
           null,
-          ee(h(i), (p) => (a(), V(
+          te(h(i), (p) => (a(), V(
             h($r),
             Je({
               key: p.value,
@@ -10002,7 +10010,7 @@ const im = { class: "nmorph-skeleton-item__element" }, cm = /* @__PURE__ */ j({
 
   &.nmorph-tag-item--nmorph-design {
     border: none;
-    ${ae()}
+    ${se()}
   }
 
   &.nmorph-tag-item--thin {
@@ -10624,10 +10632,10 @@ const Dm = { class: "nmorph-dialog__header" }, Pm = { class: "nmorph-dialog__tit
   },
   emits: ["update:model-value"],
   setup(t, { expose: e, emit: n }) {
-    const o = le(
+    const o = ie(
       "checkbox-group-selected-value",
       void 0
-    ), s = le(
+    ), s = ie(
       "change-checkbox-value-handler",
       void 0
     ), i = t;
@@ -10698,7 +10706,7 @@ const Dm = { class: "nmorph-dialog__header" }, Pm = { class: "nmorph-dialog__tit
     position: absolute;
     top: 0;
     left: 0;
-    ${ae()}
+    ${se()}
   }
 
   .nmorph-checkbox__label,
@@ -10743,7 +10751,7 @@ const Dm = { class: "nmorph-dialog__header" }, Pm = { class: "nmorph-dialog__tit
 
   &.nmorph-checkbox--checked {
     .nmorph-checkbox__fake {
-      ${ae()}
+      ${se()}
     }
   }
 
@@ -10881,9 +10889,9 @@ const Dm = { class: "nmorph-dialog__header" }, Pm = { class: "nmorph-dialog__tit
         r("div", c5, [
           r("div", d5, [
             (a(!0), l(
-              Z,
+              ee,
               null,
-              ee(p.options, (g, _) => (a(), V(h(i5), {
+              te(p.options, (g, _) => (a(), V(h(i5), {
                 id: g.id,
                 key: _,
                 label: g.label,
@@ -11024,9 +11032,9 @@ const Dm = { class: "nmorph-dialog__header" }, Pm = { class: "nmorph-dialog__tit
               ])
             ])) : (a(), l("div", m5, [
               (a(!0), l(
-                Z,
+                ee,
                 null,
-                ee(y.value, ($, x) => (a(), l("div", {
+                te(y.value, ($, x) => (a(), l("div", {
                   key: x,
                   class: "nmorph-autocomplete__list-item",
                   onClick: () => g($)
@@ -11053,7 +11061,7 @@ const Dm = { class: "nmorph-dialog__header" }, Pm = { class: "nmorph-dialog__tit
     }, 8, ["class"]));
   }
 }), nw = /* @__PURE__ */ D(f5, [["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-autocomplete/NmorphAutocomplete.vue"]]), kr = "nmorph-form-item-input-data", De = (t) => {
-  const e = le(kr), n = We(), o = f(() => t.id || e?.id.value || n), s = f(() => t.name || e?.name.value || o.value), i = f(() => t.autocomplete || e?.autocomplete.value || void 0), c = f(() => t.tabindex ?? 0);
+  const e = ie(kr), n = We(), o = f(() => t.id || e?.id.value || n), s = f(() => t.name || e?.name.value || o.value), i = f(() => t.autocomplete || e?.autocomplete.value || void 0), c = f(() => t.tabindex ?? 0);
   return {
     id: o,
     name: s,
@@ -11124,7 +11132,7 @@ const Dm = { class: "nmorph-dialog__header" }, Pm = { class: "nmorph-dialog__tit
       background var(--transition-01) ease-in-out,
       box-shadow var(--transition-01) ease-in-out;
 
-    ${ae()}
+    ${se()}
   }
 
   .nmorph-color-picker__native {
@@ -11286,7 +11294,7 @@ const Dm = { class: "nmorph-dialog__header" }, Pm = { class: "nmorph-dialog__tit
     width: 165px;
     margin: 0 var(--indentation-00);
     border-radius: var(--default-border-radius);
-    ${ae()}
+    ${se()}
   }
 
   .nmorph-date-picker-header__action-btn {
@@ -11320,7 +11328,7 @@ const Dm = { class: "nmorph-dialog__header" }, Pm = { class: "nmorph-dialog__tit
     }, {
       default: k(() => [
         r("div", $5, [
-          H(h(te), {
+          H(h(ne), {
             class: "nmorph-date-picker-header__action-btn",
             "style-type": "transparent",
             onClick: u[0] || (u[0] = (p) => o("prev-year")),
@@ -11338,7 +11346,7 @@ const Dm = { class: "nmorph-dialog__header" }, Pm = { class: "nmorph-dialog__tit
             _: 1
             /* STABLE */
           }),
-          H(h(te), {
+          H(h(ne), {
             class: "nmorph-date-picker-header__action-btn",
             "style-type": "transparent",
             onClick: u[1] || (u[1] = (p) => o("prev-month")),
@@ -11358,14 +11366,14 @@ const Dm = { class: "nmorph-dialog__header" }, Pm = { class: "nmorph-dialog__tit
           })
         ]),
         r("div", k5, [
-          H(h(te), {
+          H(h(ne), {
             text: n.year,
             "style-type": "transparent",
             fill: "",
             onClick: u[2] || (u[2] = (p) => o("change-year")),
             tabindex: -1
           }, null, 8, ["text"]),
-          H(h(te), {
+          H(h(ne), {
             text: h(xr)(n.month),
             "style-type": "transparent",
             fill: "",
@@ -11374,7 +11382,7 @@ const Dm = { class: "nmorph-dialog__header" }, Pm = { class: "nmorph-dialog__tit
           }, null, 8, ["text"])
         ]),
         r("div", M5, [
-          H(h(te), {
+          H(h(ne), {
             class: "nmorph-date-picker-header__action-btn",
             "style-type": "transparent",
             onClick: u[4] || (u[4] = (p) => o("next-month")),
@@ -11392,7 +11400,7 @@ const Dm = { class: "nmorph-dialog__header" }, Pm = { class: "nmorph-dialog__tit
             _: 1
             /* STABLE */
           }),
-          H(h(te), {
+          H(h(ne), {
             class: "nmorph-date-picker-header__action-btn",
             "style-type": "transparent",
             onClick: u[5] || (u[5] = (p) => o("next-year")),
@@ -11470,7 +11478,7 @@ const Dm = { class: "nmorph-dialog__header" }, Pm = { class: "nmorph-dialog__tit
   }
 
   .nmorph-year-month-picker__value {
-    ${ae()}
+    ${se()}
 
     border-radius: var(--default-border-radius);
   }
@@ -11509,7 +11517,7 @@ const Dm = { class: "nmorph-dialog__header" }, Pm = { class: "nmorph-dialog__tit
     }, {
       default: k(() => [
         r("div", S5, [
-          H(h(te), {
+          H(h(ne), {
             class: "nmorph-year-month-picker__action-btn",
             onClick: S[0] || (S[0] = (B) => m("decrease")),
             tabindex: -1
@@ -11527,14 +11535,14 @@ const Dm = { class: "nmorph-dialog__header" }, Pm = { class: "nmorph-dialog__tit
             /* STABLE */
           }),
           r("div", V5, [
-            H(h(te), {
+            H(h(ne), {
               text: b.value,
               "style-type": "transparent",
               onClick: M,
               tabindex: -1
             }, null, 8, ["text"])
           ]),
-          H(h(te), {
+          H(h(ne), {
             class: "nmorph-year-month-picker__action-btn",
             onClick: S[1] || (S[1] = (B) => m("increase")),
             tabindex: -1
@@ -11729,7 +11737,7 @@ const Dm = { class: "nmorph-dialog__header" }, Pm = { class: "nmorph-dialog__tit
   }
 
   .nmorph-date-picker__input--open {
-    ${ae()}
+    ${se()}
   }
 
   .nmorph-date-picker__calendar-icon {
@@ -11886,7 +11894,7 @@ const Dm = { class: "nmorph-dialog__header" }, Pm = { class: "nmorph-dialog__tit
       let S = V4;
       return x in qn && (S = br), x in An && (S = bl), x in In && (S = qp), x in Ln && (S = ll), S;
     };
-    let u = Ve(s.modelValue);
+    let u = Be(s.modelValue);
     const p = z(null), y = () => {
       p.value && p.value.click();
     }, g = ($) => {
@@ -11971,7 +11979,7 @@ const Dm = { class: "nmorph-dialog__header" }, Pm = { class: "nmorph-dialog__tit
             onChange: g
           }, null, 40, P5),
           A($.$slots, "trigger", {}, () => [
-            H(h(te), {
+            H(h(ne), {
               text: i.value,
               fill: "",
               onClick: y,
@@ -11986,9 +11994,9 @@ const Dm = { class: "nmorph-dialog__header" }, Pm = { class: "nmorph-dialog__tit
           }, {
             default: k(() => [
               (a(!0), l(
-                Z,
+                ee,
                 null,
-                ee(h(u), ({ data: S, previewUrl: B }) => (a(), l("div", {
+                te(h(u), ({ data: S, previewUrl: B }) => (a(), l("div", {
                   key: S.name,
                   class: "nmorph-file-upload__file"
                 }, [
@@ -12019,7 +12027,7 @@ const Dm = { class: "nmorph-dialog__header" }, Pm = { class: "nmorph-dialog__tit
                     )
                   ]),
                   r("div", W5, [
-                    H(h(te), {
+                    H(h(ne), {
                       height: "thin",
                       "style-type": "transparent",
                       onClick: (N) => v(S.name)
@@ -12125,9 +12133,9 @@ const sw = {
         }, {
           default: k(() => [
             (a(!0), l(
-              Z,
+              ee,
               null,
-              ee(n.value, (u) => (a(), l(
+              te(n.value, (u) => (a(), l(
                 "p",
                 {
                   key: u,
@@ -12213,7 +12221,7 @@ const sw = {
     staticErrorBoxSpace: { type: Boolean, required: !1, default: !1 }
   },
   setup(t) {
-    const e = t, n = le("form-data"), o = f(() => n?.fields[e.id]), s = f(() => o.value), i = f(
+    const e = t, n = ie("form-data"), o = f(() => n?.fields[e.id]), s = f(() => o.value), i = f(
       () => !!s.value && !!o?.value?.touched && e.showValidationIcon
     ), c = f(() => s.value && o.value?.touched);
     he(kr, {
@@ -12395,7 +12403,7 @@ const sw = {
     border-top: 1px solid var(--nmorph-main-color);
     border-bottom: 1px solid var(--nmorph-main-color);
     transition: ease-in-out var(--transition-01) background;
-    ${ae()}
+    ${se()}
     transition: background 0s;
     -moz-appearance: textfield;
   }
@@ -12471,7 +12479,7 @@ const sw = {
         r("div", nv, [
           r("div", ov, [
             N.actionBtnPositionRight ? P("v-if", !0) : (a(), l("div", rv, [
-              H(h(te), {
+              H(h(ne), {
                 "style-type": "transparent",
                 disabled: _.value,
                 height: o.height,
@@ -12509,7 +12517,7 @@ const sw = {
             }, null, 40, av),
             N.actionBtnPositionRight ? (a(), l("div", lv, [
               r("div", iv, [
-                H(h(te), {
+                H(h(ne), {
                   "style-type": "transparent",
                   disabled: _.value,
                   onClick: g
@@ -12531,7 +12539,7 @@ const sw = {
                 }, 8, ["disabled"])
               ]),
               r("div", cv, [
-                H(h(te), {
+                H(h(ne), {
                   "style-type": "transparent",
                   disabled: v.value,
                   onClick: y
@@ -12553,7 +12561,7 @@ const sw = {
                 }, 8, ["disabled"])
               ])
             ])) : (a(), l("div", sv, [
-              H(h(te), {
+              H(h(ne), {
                 "style-type": "transparent",
                 disabled: v.value,
                 height: o.height,
@@ -12653,7 +12661,7 @@ const sw = {
     border: none;
     border-radius: var(--default-border-radius);
 
-    ${ae()}
+    ${se()}
   }
 
   input:focus {
@@ -12756,7 +12764,7 @@ const sw = {
             onBlur: M,
             onKeyup: O[0] || (O[0] = Me((G) => B("on-enter"), ["enter"]))
           }), null, 16, hv),
-          s.typePassword || s.clearable ? (a(), V(h(te), {
+          s.typePassword || s.clearable ? (a(), V(h(ne), {
             key: 1,
             disabled: s.disabled,
             class: "nmorph-text-input__password-btn",
@@ -12872,7 +12880,7 @@ const sw = {
       we < v.value ? W(we) : W(v.value - 1);
     }, de = (E, X) => {
       G(E, X);
-    }, ie = (E) => {
+    }, J = (E) => {
       if (_.value[E]) {
         O(E);
         return;
@@ -12880,11 +12888,11 @@ const sw = {
       E > 0 && (O(E - 1), W(E - 1));
     }, $e = (E, X) => {
       if (E.key === "Backspace") {
-        ie(X);
+        J(X);
         return;
       }
       O(X);
-    }, qe = (E) => {
+    }, Ve = (E) => {
       W(E - 1);
     }, ct = (E) => {
       W(E + 1);
@@ -12892,7 +12900,7 @@ const sw = {
       W(0);
     }, Ge = () => {
       W(v.value - 1);
-    }, se = (E) => {
+    }, le = (E) => {
       E.key.length === 1 && !m(E.key).length && E.preventDefault();
     }, ue = (E, X) => {
       const ye = E.clipboardData?.getData("text") || "";
@@ -12967,9 +12975,9 @@ const sw = {
         }, null, 8, vv),
         r("div", fv, [
           (a(!0), l(
-            Z,
+            ee,
             null,
-            ee(_.value, (ye, me) => (a(), V(zr, {
+            te(_.value, (ye, me) => (a(), V(zr, {
               id: $.value[me],
               key: $.value[me],
               ref_for: !0,
@@ -12993,9 +13001,9 @@ const sw = {
               },
               "onUpdate:modelValue": (we) => de(we, me),
               onKeydown: [
-                X[0] || (X[0] = (we) => se(we)),
+                X[0] || (X[0] = (we) => le(we)),
                 Me(ve((we) => $e(we, me), ["prevent"]), ["delete"]),
-                Me(ve((we) => qe(me), ["prevent"]), ["left"]),
+                Me(ve((we) => Ve(me), ["prevent"]), ["left"]),
                 Me(ve((we) => ct(me), ["prevent"]), ["right"]),
                 Me(ve(kt, ["prevent"]), ["home"]),
                 Me(ve(Ge, ["prevent"]), ["end"])
@@ -13043,13 +13051,13 @@ const sw = {
   setup(t, { emit: e }) {
     const { t: n } = wt(), o = t, s = f(
       () => o.noElementPlaceholder ? o.noElementPlaceholder : n("noElementPlaceholder")
-    ), i = e, c = z(o.modelValue), d = z(o.open), u = z(null), p = z(null), y = z(!0), { id: g, name: _, autocomplete: v, tabindex: m } = De(o), b = (se) => {
+    ), i = e, c = z(o.modelValue), d = z(o.open), u = z(null), p = z(null), y = z(!0), { id: g, name: _, autocomplete: v, tabindex: m } = De(o), b = (le) => {
       if (!o.disabled) {
-        if (d.value = !1, typeof c.value == "string" && (!o.valueRequired && c.value === se ? c.value = "" : c.value = se, i("update:model-value", c.value)), Array.isArray(c.value)) {
-          const ue = c.value.includes(se), xe = c.value.length === 1 && ue;
+        if (d.value = !1, typeof c.value == "string" && (!o.valueRequired && c.value === le ? c.value = "" : c.value = le, i("update:model-value", c.value)), Array.isArray(c.value)) {
+          const ue = c.value.includes(le), xe = c.value.length === 1 && ue;
           if (o.valueRequired && xe)
             return;
-          ue ? c.value = c.value.filter((Xe) => Xe !== se) : c.value = [...c.value, se];
+          ue ? c.value = c.value.filter((Xe) => Xe !== le) : c.value = [...c.value, le];
         }
         i("update:model-value", c.value);
       }
@@ -13074,34 +13082,34 @@ const sw = {
     };
     Q(
       d,
-      (se) => {
-        se && (y.value = !1);
+      (le) => {
+        le && (y.value = !1);
       },
       { immediate: !0 }
     );
     const B = () => {
       d.value = !1;
     }, N = z(), L = z([]), I = z(0), W = z("");
-    Q(I, (se) => {
-      W.value = L.value[se], N.value.forEach((ue) => {
+    Q(I, (le) => {
+      W.value = L.value[le], N.value.forEach((ue) => {
         const Xe = ue.getAttribute("value") === W.value ? "add" : "remove";
         ue.classList[Xe]("nmorph-select-option--focused");
       });
     }), be(async () => {
-      await Le(), u.value && (N.value = u.value.querySelectorAll(".nmorph-select-option"), N.value.forEach((se) => {
-        const ue = se.getAttribute("value");
+      await Le(), u.value && (N.value = u.value.querySelectorAll(".nmorph-select-option"), N.value.forEach((le) => {
+        const ue = le.getAttribute("value");
         ue && L.value.push(ue);
       }), W.value = L.value[I.value], p.value = `${u.value.clientHeight}px`, document.addEventListener("click", B));
     }), ot(() => {
       document.removeEventListener("click", B);
     });
-    const q = f(() => typeof c.value == "string" ? c.value === "" ? s.value : o.options.find((se) => se.value === c.value)?.label : o.options.find((se) => se.value === c.value)?.label), O = f(() => o.options.length > 0 ? o.options : o.optionsMap), G = f(() => O.value.length > 0 ? O.value.filter((ue) => c.value.includes(ue.value)).map((ue) => ({ text: ue.label, value: ue.value })) : Array.isArray(c.value) ? c.value.map((ue) => ({ text: ue, value: ue })) : [{ text: c.value, value: c.value }]);
+    const q = f(() => typeof c.value == "string" ? c.value === "" ? s.value : o.options.find((le) => le.value === c.value)?.label : o.options.find((le) => le.value === c.value)?.label), O = f(() => o.options.length > 0 ? o.options : o.optionsMap), G = f(() => O.value.length > 0 ? O.value.filter((ue) => c.value.includes(ue.value)).map((ue) => ({ text: ue.label, value: ue.value })) : Array.isArray(c.value) ? c.value.map((ue) => ({ text: ue, value: ue })) : [{ text: c.value, value: c.value }]);
     he("select-selected-value", c), he("select-change-selected-value", b);
-    const de = z(null), ie = () => {
+    const de = z(null), J = () => {
       d.value = !d.value;
     }, $e = () => {
       I.value = (I.value + 1) % L.value.length;
-    }, qe = () => {
+    }, Ve = () => {
       I.value = (I.value - 1 + L.value.length) % L.value.length;
     }, ct = () => {
       d.value && b(W.value);
@@ -13159,7 +13167,7 @@ const sw = {
     }
 
     .nmorph-select__content {
-      ${ae()}
+      ${se()}
     }
   }
 
@@ -13179,7 +13187,7 @@ const sw = {
 `, Ge = F.div`
   ${kt}
 `;
-    return (se, ue) => (a(), V(Ge, {
+    return (le, ue) => (a(), V(Ge, {
       class: C(x.value)
     }, {
       default: k(() => [
@@ -13192,16 +13200,16 @@ const sw = {
             onFocus: w,
             onBlur: $,
             onKeydown: [
-              Me(ie, ["space"]),
+              Me(J, ["space"]),
               Me($e, ["arrow-down"]),
-              Me(qe, ["arrow-up"]),
+              Me(Ve, ["arrow-up"]),
               Me(ct, ["enter"])
             ]
           }, [
             (a(!0), l(
-              Z,
+              ee,
               null,
-              ee(L.value, (xe) => (a(), l("option", {
+              te(L.value, (xe) => (a(), l("option", {
                 key: xe,
                 value: xe
               }, null, 8, bv))),
@@ -13232,9 +13240,9 @@ const sw = {
                 /* TEXT */
               )) : (a(), l("div", $v, [
                 (a(!0), l(
-                  Z,
+                  ee,
                   null,
-                  ee(G.value, (xe) => (a(), V(h($r), Je({
+                  te(G.value, (xe) => (a(), V(h($r), Je({
                     key: xe.value,
                     ref_for: !0
                   }, xe, {
@@ -13285,9 +13293,9 @@ const sw = {
                   _: 1
                   /* STABLE */
                 })) : (a(!0), l(
-                  Z,
+                  ee,
                   { key: 1 },
-                  ee(se.options, (xe) => (a(), V(h(Hv), Je({
+                  te(le.options, (xe) => (a(), V(h(Hv), Je({
                     key: xe.value,
                     ref_for: !0
                   }, xe, {
@@ -13296,7 +13304,7 @@ const sw = {
                   128
                   /* KEYED_FRAGMENT */
                 )),
-                A(se.$slots, "default")
+                A(le.$slots, "default")
               ],
               512
               /* NEED_PATCH */
@@ -13324,7 +13332,7 @@ const sw = {
   },
   emits: ["change-value"],
   setup(t, { emit: e }) {
-    const n = le("select-selected-value"), o = le("select-change-selected-value"), s = t, i = e, c = () => {
+    const n = ie("select-selected-value"), o = ie("select-change-selected-value"), s = t, i = e, c = () => {
       s.disabled || (i("change-value", s.value), o && o(s.value));
     }, d = f(() => typeof n?.value == "string" ? n.value === s.value : Array.isArray(n?.value) ? n.value.some((g) => g === s.value) : !1), u = f(
       () => T({
@@ -13447,9 +13455,9 @@ const sw = {
       }
     );
     const _ = z(null), v = f(() => {
-      const O = m.value - m.value, G = n.max - n.min + O, de = (y.value - n.min) / G * 100, ie = g.value?.clientWidth || 0, $e = Zt / ie * 100, qe = $e / 2;
-      let ct = de - qe;
-      const Ge = `${Math.max(0, Math.min(100 - $e, ct))}%`, se = ie / 100, xe = Zt / 2 / se, Mt = (_.value?.tooltipBody.clientWidth ?? 24) / 2 / se, Ut = Mt === 1 / 0 ? 1.714 : Mt, E = `${parseFloat(Ge) + xe - Ut}%`;
+      const O = m.value - m.value, G = n.max - n.min + O, de = (y.value - n.min) / G * 100, J = g.value?.clientWidth || 0, $e = Zt / J * 100, Ve = $e / 2;
+      let ct = de - Ve;
+      const Ge = `${Math.max(0, Math.min(100 - $e, ct))}%`, le = J / 100, xe = Zt / 2 / le, Mt = (_.value?.tooltipBody.clientWidth ?? 24) / 2 / le, Ut = Mt === 1 / 0 ? 1.714 : Mt, E = `${parseFloat(Ge) + xe - Ut}%`;
       return {
         thumb: Ge,
         tooltip: E
@@ -13467,8 +13475,8 @@ const sw = {
       const G = g.value?.getBoundingClientRect();
       let de = 0;
       if (G) {
-        const ie = O.clientX - G.left, $e = G.width;
-        de = Math.max(0, Math.min(1, ie / $e)), y.value = n.min + de * (n.max - n.min);
+        const J = O.clientX - G.left, $e = G.width;
+        de = Math.max(0, Math.min(1, J / $e)), y.value = n.min + de * (n.max - n.min);
       }
       y.value = Math.round(y.value / n.step) * n.step, y.value = Math.max(n.min, Math.min(n.max, y.value));
     }, $ = () => {
@@ -13504,7 +13512,7 @@ const sw = {
     width: 100%;
     height: var(--value-fixed-container-height);
     border-radius: var(--default-border-radius);
-    ${ae()}
+    ${se()}
   }
 
   .nmorph-slider__input-container {
@@ -13709,7 +13717,7 @@ const sw = {
       box-shadow ease-in-out var(--transition-02);
 
     ${bt()}
-    ${ae()}
+    ${se()}
   }
 
   .nmorph-switch__bg-content {
@@ -13871,10 +13879,10 @@ const sw = {
     tabindex: { type: Number, required: !1, default: 0 }
   },
   setup(t, { expose: e }) {
-    const n = le(
+    const n = ie(
       "radio-group-selected-value",
       void 0
-    ), o = le(
+    ), o = ie(
       "change-radio-button-value-handler",
       void 0
     ), s = t, i = () => {
@@ -13926,7 +13934,7 @@ const sw = {
     position: absolute;
     top: 0;
     left: 0;
-    ${ae()}
+    ${se()}
   }
 
   .nmorph-radio__fake span,
@@ -13968,7 +13976,7 @@ const sw = {
 
   &.nmorph-radio--checked {
     .nmorph-radio__fake {
-      ${ae()}
+      ${se()}
     }
   }
 
@@ -14107,9 +14115,9 @@ const sw = {
         r("div", Wv, [
           r("div", Uv, [
             (a(!0), l(
-              Z,
+              ee,
               null,
-              ee(p.options, (g) => (a(), V(h(Hr), {
+              te(p.options, (g) => (a(), V(h(Hr), {
                 key: g.value,
                 label: g.label,
                 value: g.value,
@@ -14167,7 +14175,7 @@ const sw = {
   width: fit-content;
   padding: var(--track-padding);
   border-radius: var(--default-border-radius);
-  ${ae()}
+  ${se()}
 
   &.nmorph-select-button--thin {
     --item-size: calc(var(--thin-component) - var(--track-padding) * 2);
@@ -14190,9 +14198,9 @@ const sw = {
     }, {
       default: k(() => [
         (a(!0), l(
-          Z,
+          ee,
           null,
-          ee(p.options, (g) => (a(), V(h(Qv), {
+          te(p.options, (g) => (a(), V(h(Qv), {
             key: g.value,
             value: g.value,
             disabled: g.disabled
@@ -14227,10 +14235,10 @@ const sw = {
     tabindex: { type: Number, required: !1, default: 0 }
   },
   setup(t, { expose: e }) {
-    const n = le(
+    const n = ie(
       "select-button-selected-value",
       void 0
-    ), o = le(
+    ), o = ie(
       "select-button-change-handler",
       void 0
     ), s = t, i = z(null);
@@ -14377,7 +14385,7 @@ const sw = {
               onClick: ve(p, ["stop"])
             }, [
               A(_.$slots, "default", {}, () => [
-                H(h(te), {
+                H(h(ne), {
                   "style-type": n.design === "nmorph" ? "default" : "transparent"
                 }, {
                   default: k(() => [
@@ -14439,9 +14447,9 @@ const sw = {
       default: k(() => [
         A(d.$slots, "default"),
         (a(!0), l(
-          Z,
+          ee,
           null,
-          ee(n.value, (p, y) => (a(), l("div", {
+          te(n.value, (p, y) => (a(), l("div", {
             key: y,
             class: "nmorph-breadcrumb__content"
           }, [
@@ -14476,7 +14484,7 @@ const sw = {
       () => T({
         "nmorph-breadcrumb-item": []
       })
-    ), o = le("breadcrumb-data"), s = z(!1), i = We();
+    ), o = ie("breadcrumb-data"), s = z(!1), i = We();
     return be(() => {
       s.value = !0;
     }), o.breadcrumbs.value.push({ ...e, itemId: i }), (c, d) => {
@@ -14629,7 +14637,7 @@ const sw = {
     }
 
     &.nmorph-tabs__label--selected {
-      ${ae()}
+      ${se()}
     }
   }
 
@@ -14643,7 +14651,7 @@ const sw = {
   .nmorph-tabs__content {
     padding: var(--indentation-03);
     border-radius: var(--default-border-radius);
-    ${ae()}
+    ${se()}
   }
 
   &.nmorph-tabs--stretch {
@@ -14662,9 +14670,9 @@ const sw = {
         A(_.$slots, "default"),
         r("div", r9, [
           (a(!0), l(
-            Z,
+            ee,
             null,
-            ee(u.value, (m) => (a(), l("div", {
+            te(u.value, (m) => (a(), l("div", {
               id: h(Vr)(h(d), m.name),
               key: m.name,
               class: C(["nmorph-tabs__label", [
@@ -14689,9 +14697,9 @@ const sw = {
         r("div", l9, [
           r("div", i9, [
             (a(!0), l(
-              Z,
+              ee,
               null,
-              ee(u.value, (m) => nn((a(), l("div", {
+              te(u.value, (m) => nn((a(), l("div", {
                 id: h(Br)(h(d), m.name),
                 key: m.name
               }, [
@@ -14734,7 +14742,7 @@ const sw = {
       () => T({
         "nmorph-tab-pane": []
       })
-    ), o = le("nmorph-tabs-data"), s = z(!1);
+    ), o = ie("nmorph-tabs-data"), s = z(!1);
     be(() => {
       s.value = !0;
     }), o.tabsData.value.push(e);
@@ -15088,9 +15096,9 @@ const sw = {
         }, {
           default: k(() => [
             (a(!0), l(
-              Z,
+              ee,
               null,
-              ee(c.value, (m) => (a(), V(h(Om), Je({
+              te(c.value, (m) => (a(), V(h(Om), Je({
                 key: m.id,
                 style: { width: m.width },
                 class: [
@@ -15141,7 +15149,7 @@ export {
   R_ as NmorphBadge,
   fw as NmorphBreadcrumb,
   gw as NmorphBreadcrumbItem,
-  te as NmorphButton,
+  ne as NmorphButton,
   Ys as NmorphButtonShape,
   Ws as NmorphButtonStyle,
   Us as NmorphButtonType,