@nmorph/nmorph-ui-kit 1.0.83 → 1.0.84

package/dist/index.es.js

@@ -1,6 +1,6 @@
-import { createI18n as u2, useI18n as lt } from "vue-i18n";
-import { ref as M, reactive as _e, watch as X, readonly as Pt, inject as oe, onMounted as he, onUnmounted as Le, nextTick as Pe, defineComponent as A, provide as de, h as Et, computed as v, useSlots as it, openBlock as a, createBlock as B, normalizeClass as S, withCtx as k, createElementVNode as o, unref as m, renderSlot as N, createElementBlock as s, toDisplayString as W, createCommentVNode as D, createVNode as V, normalizeStyle as ue, createStaticVNode as m0, createTextVNode as fe, useCssVars as v0, Fragment as J, renderList as Z, Teleport as tt, withModifiers as xe, resolveDynamicComponent as Ft, mergeProps as nt, withDirectives as qt, vShow as Rt, TransitionGroup as ot, withKeys as De, resolveComponent as f0 } from "vue";
-const Lt = (t) => {
+import { createI18n as d2, useI18n as lt } from "vue-i18n";
+import { ref as M, reactive as _e, watch as X, readonly as Pt, inject as oe, onMounted as he, onUnmounted as Le, nextTick as Pe, defineComponent as A, provide as de, h as Et, computed as f, useSlots as it, openBlock as a, createBlock as B, normalizeClass as S, withCtx as k, createElementVNode as o, unref as m, renderSlot as N, createElementBlock as s, toDisplayString as W, createCommentVNode as D, createVNode as V, normalizeStyle as ue, createStaticVNode as m0, createTextVNode as fe, useCssVars as u2, Fragment as J, renderList as Z, Teleport as tt, withModifiers as xe, resolveDynamicComponent as Ft, mergeProps as nt, withDirectives as qt, vShow as Rt, TransitionGroup as ot, withKeys as De, resolveComponent as v0 } from "vue";
+const Nt = (t) => {
   const { inputValue: e, rules: n } = t, r = M([]), l = M(!1), i = M(!1);
   return {
     touched: i,
@@ -14,8 +14,8 @@ const Lt = (t) => {
       }
       if (e === null)
         return;
-      const u = e, h = ($) => d && $ in n[0], y = typeof u == "string" && h("pattern"), f = typeof u == "number" && h("numberCompareType"), b = (typeof u == "string" || typeof u == "boolean") && h("booleanCompareType"), g = Array.isArray(u) && h("arrayCompareType");
-      if (!f && !y && !b && !g) {
+      const u = e, h = ($) => d && $ in n[0], y = typeof u == "string" && h("pattern"), v = typeof u == "number" && h("numberCompareType"), b = (typeof u == "string" || typeof u == "boolean") && h("booleanCompareType"), g = Array.isArray(u) && h("arrayCompareType");
+      if (!v && !y && !b && !g) {
         console.warn("The input value and the provided rules do not match");
         return;
       }
@@ -23,7 +23,7 @@ const Lt = (t) => {
         const $ = n;
         r.value = $.reduce((H, _) => (u.match(_.pattern) || H.push(_.error), H), []);
       }
-      if (f) {
+      if (v) {
         const $ = (_, x, w) => {
           switch (w) {
             case "eq":
@@ -81,7 +81,7 @@ const Lt = (t) => {
   font-weight: 400;
   font-size: var(--font-size-extra-small);
   line-height: var(--line-height-regular);
-`, Mt = () => `
+`, $t = () => `
   font-weight: 400;
   font-size: var(--font-size-small);
   line-height: var(--line-height-regular);
@@ -101,7 +101,7 @@ const Lt = (t) => {
   font-weight: 600;
   font-size: var(--font-size-large);
   line-height: var(--line-height-loose);
-`, g0 = () => `
+`, f0 = () => `
   font-weight: 800;
   font-size: var(--font-size-extra-large);
   line-height: var(--line-height-loose);
@@ -117,10 +117,10 @@ const Lt = (t) => {
     inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),
     inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur)
       var(--nmorph-light-shade-color);
-`, _0 = (t) => `
+`, g0 = (t) => `
   border: ${t}px solid var(--nmorph-main-color);
 `, rn = (t = 0, e = !1) => `
-  ${_0(t)}
+  ${g0(t)}
 
   background: var(--nmorph-main-color);
   box-shadow:
@@ -136,32 +136,32 @@ const Lt = (t) => {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
-`, kt = () => `
+`, Mt = () => `
   outline: 2px solid var(--nmorph-accent-color);
 `, v2 = (t, e = !1) => {
   const n = _e({}), r = _e({}), l = _e(Hn(t)), i = M(!1), c = M(!1), d = () => {
-    Object.entries(t).forEach(([f, b]) => {
-      r[f] = Lt({ inputValue: b.value, rules: b.rules }), r[f].validate();
-    }), i.value = Object.entries(r).every(([f, b]) => b.valid);
+    Object.entries(t).forEach(([v, b]) => {
+      r[v] = Nt({ inputValue: b.value, rules: b.rules }), r[v].validate();
+    }), i.value = Object.entries(r).every(([v, b]) => b.valid);
   }, u = () => {
-    Object.entries(t).forEach(([f, b]) => {
-      n[f] = Lt({ inputValue: b.value, rules: b.rules }), n[f].validate();
+    Object.entries(t).forEach(([v, b]) => {
+      n[v] = Nt({ inputValue: b.value, rules: b.rules }), n[v].validate();
     });
-  }, h = (f, b) => Object.keys(b).filter((p) => {
-    const $ = f[p] ? JSON.stringify(f[p]) : null, H = JSON.stringify(b[p]);
+  }, h = (v, b) => Object.keys(b).filter((p) => {
+    const $ = v[p] ? JSON.stringify(v[p]) : null, H = JSON.stringify(b[p]);
     return $ !== H;
   });
-  return X(t, (f) => {
-    h(l, f).forEach((g) => {
-      const p = f[g];
-      n[g] = Lt({ inputValue: p.value, rules: p.rules }), n[g].validate();
-    }), Object.assign(l, Hn(f)), d(), c.value = !0;
+  return X(t, (v) => {
+    h(l, v).forEach((g) => {
+      const p = v[g];
+      n[g] = Nt({ inputValue: p.value, rules: p.rules }), n[g].validate();
+    }), Object.assign(l, Hn(v)), d(), c.value = !0;
   }, { deep: !0 }), e && u(), {
     fields: n,
     isFormValid: Pt(i),
     isAnyTouched: Pt(c)
   };
-}, w0 = (t) => {
+}, _0 = (t) => {
   const { initialPlacement: e, relativeElement: n, contentDOMElement: r, yOffset: l = 0, xOffset: i = 0 } = t, c = M(e), d = M({ x: "0px", y: "0px" }), u = oe("nmorph"), h = M(null);
   X(
     () => u.browser,
@@ -170,7 +170,7 @@ const Lt = (t) => {
     },
     { deep: !0 }
   ), he(() => {
-    g(), y(), f();
+    g(), y(), v();
   }), Le(() => {
     b();
   });
@@ -184,7 +184,7 @@ const Lt = (t) => {
       }
       p = p.parentElement;
     }
-  }, f = () => {
+  }, v = () => {
     h.value ? h.value.addEventListener("scroll", g, { passive: !0 }) : window.addEventListener("scroll", g, { passive: !0 });
   }, b = () => {
     h.value ? h.value.removeEventListener("scroll", g) : window.removeEventListener("scroll", g);
@@ -204,7 +204,7 @@ const Lt = (t) => {
     });
   };
   return { placement: c, placementCoords: d };
-}, f2 = "@nmorph/nmorph-ui-kit", g2 = "module", _2 = "1.0.83", w2 = "MIT", b2 = {
+}, f2 = "@nmorph/nmorph-ui-kit", g2 = "module", _2 = "1.0.84", w2 = "MIT", b2 = {
   node: "18.13.0",
   npm: "8.19.3"
 }, x2 = "./dist/index.d.ts", y2 = "./dist/index.umd.js", $2 = "./dist/index.es.js", M2 = "./dist/style.css", k2 = [
@@ -317,7 +317,7 @@ const Lt = (t) => {
   }
 }, I2 = (t, e) => {
   console.log(`%c ${e} `, `background: ${Vn[t].bg}; color: ${Vn[t].text}`);
-}, b0 = [
+}, w0 = [
   { name: "--nmorph-info-color", color: "#d4e5edbb" },
   { name: "--nmorph-info-text-color", color: "#506c80" },
   { name: "--nmorph-success-color", color: "#67C23A" },
@@ -348,7 +348,7 @@ const Lt = (t) => {
   placeholderText: "#575757"
 }, Te = "nmorph-data-theme", A2 = "dark", j2 = {
   themes: {
-    common: b0,
+    common: w0,
     light: N2,
     dark: L2
   },
@@ -395,7 +395,7 @@ const Lt = (t) => {
     const $ = (x) => x.map((w) => `${w.name}: ${w.color};`).join(" "), H = Object.entries(p).map(([x, w]) => `--${zn(x)}: ${w};`).join(" "), _ = [];
     return Object.entries(g).forEach(([x, w]) => {
       if (x === "common")
-        _.push($(D2(b0, w)));
+        _.push($(D2(w0, w)));
       else {
         const z = `
           &[${Te}='${x}'] {
@@ -420,12 +420,12 @@ const Lt = (t) => {
   c.type = "text/css", c.innerHTML = l(i, e.other), document.head.appendChild(c);
   const d = (g) => {
     u.value = g, h.setAttribute(Te, u.value), e.saveCurrentThemeToLS ? localStorage.setItem(Te, g) : localStorage.removeItem(Te);
-  }, u = M(e.defaultTheme), h = document.querySelector("html"), y = localStorage.getItem(Te), f = i[y];
-  e.saveCurrentThemeToLS && f && (u.value = localStorage.getItem(Te)), d(u.value);
+  }, u = M(e.defaultTheme), h = document.querySelector("html"), y = localStorage.getItem(Te), v = i[y];
+  e.saveCurrentThemeToLS && v && (u.value = localStorage.getItem(Te)), d(u.value);
   const b = e;
   return { setTheme: d, currentTheme: Pt(u), data: b, getDynamicColorVariables: n };
 };
-var ye = /* @__PURE__ */ ((t) => (t.thick = "thick-component", t.default = "default-height-component", t.thin = "thin-component", t))(ye || {}), E2 = /* @__PURE__ */ ((t) => (t.circle = "circle", t.square = "square", t))(E2 || {}), F2 = /* @__PURE__ */ ((t) => (t.ascending = "ascending", t.descending = "descending", t))(F2 || {}), q2 = /* @__PURE__ */ ((t) => (t.row = "row", t.column = "column", t))(q2 || {}), x0 = /* @__PURE__ */ ((t) => (t.inset = "shadow-inset", t.outset = "shadow-outset", t.combined = "shadow-combined", t["not-defined"] = "shadow-not-defined", t))(x0 || {}), y0 = /* @__PURE__ */ ((t) => (t.accent = "accent", t.success = "success", t.error = "error", t.warning = "warning", t))(y0 || {}), R2 = /* @__PURE__ */ ((t) => (t.left = "left", t.right = "right", t.top = "top", t.bottom = "bottom", t))(R2 || {}), W2 = /* @__PURE__ */ ((t) => (t.fill = "fill", t.contain = "contain", t.cover = "cover", t.none = "none", t["scale-down"] = "scale-down", t))(W2 || {}), Wt = /* @__PURE__ */ ((t) => (t.en = "en", t.ru = "ru", t.zh = "zh", t))(Wt || {}), U2 = /* @__PURE__ */ ((t) => (t["radio-style"] = "radio-style", t.button = "button", t))(U2 || {}), Y2 = /* @__PURE__ */ ((t) => (t.date = "date", t.dates = "dates", t.daterange = "daterange", t))(Y2 || {});
+var ye = /* @__PURE__ */ ((t) => (t.thick = "thick-component", t.default = "default-height-component", t.thin = "thin-component", t))(ye || {}), E2 = /* @__PURE__ */ ((t) => (t.circle = "circle", t.square = "square", t))(E2 || {}), F2 = /* @__PURE__ */ ((t) => (t.ascending = "ascending", t.descending = "descending", t))(F2 || {}), q2 = /* @__PURE__ */ ((t) => (t.row = "row", t.column = "column", t))(q2 || {}), b0 = /* @__PURE__ */ ((t) => (t.inset = "shadow-inset", t.outset = "shadow-outset", t.combined = "shadow-combined", t["not-defined"] = "shadow-not-defined", t))(b0 || {}), x0 = /* @__PURE__ */ ((t) => (t.accent = "accent", t.success = "success", t.error = "error", t.warning = "warning", t))(x0 || {}), R2 = /* @__PURE__ */ ((t) => (t.left = "left", t.right = "right", t.top = "top", t.bottom = "bottom", t))(R2 || {}), W2 = /* @__PURE__ */ ((t) => (t.fill = "fill", t.contain = "contain", t.cover = "cover", t.none = "none", t["scale-down"] = "scale-down", t))(W2 || {}), Wt = /* @__PURE__ */ ((t) => (t.en = "en", t.ru = "ru", t.zh = "zh", t))(Wt || {}), U2 = /* @__PURE__ */ ((t) => (t["radio-style"] = "radio-style", t.button = "button", t))(U2 || {}), Y2 = /* @__PURE__ */ ((t) => (t.date = "date", t.dates = "dates", t.daterange = "daterange", t))(Y2 || {});
 const Cn = {
   sun: "sun",
   mon: "mon",
@@ -453,7 +453,7 @@ const Cn = {
   selectFile: "Select file"
 }, G2 = (t) => {
   const e = t && t.messages ? { ...t.messages, en: Cn } : { en: Cn }, n = t && t.locale ? t.locale : Wt.en;
-  return u2({
+  return d2({
     legacy: !1,
     locale: n,
     fallbackLocale: Wt.en,
@@ -461,11 +461,11 @@ const Cn = {
   });
 }, X2 = {
   "nmorph-body-3": We,
-  "nmorph-body-2": Mt,
+  "nmorph-body-2": $t,
   "nmorph-body-1": p2,
   "nmorph-title-3": nn,
   "nmorph-title-2": on,
-  "nmorph-title-1": g0,
+  "nmorph-title-1": f0,
   "nmorph--shadow-outset": se,
   "nmorph--shadow-inset": ne,
   "nmorph--shadow-combined": rn
@@ -733,31 +733,31 @@ const to = [
   "svg",
   "text",
   "tspan"
-], $0 = new Set(to), no = "styled", oo = "styled", mt = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ", In = /* @__PURE__ */ new Set(), M0 = () => {
+], y0 = new Set(to), no = "styled", oo = "styled", mt = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ", In = /* @__PURE__ */ new Set(), $0 = () => {
   let t;
   do {
     const e = (/* @__PURE__ */ new Date()).getTime(), n = Math.floor(Math.random() * 1e4) * Math.floor(Math.random() * 10);
-    t = `${k0(e * Math.floor(Math.random() * 1e3))}${n}`;
+    t = `${M0(e * Math.floor(Math.random() * 1e3))}${n}`;
   } while (In.has(t));
   return In.add(t), t;
-}, k0 = (t) => {
+}, M0 = (t) => {
   const e = mt[t % mt.length];
-  return t > mt.length ? `${k0(Math.floor(t / mt.length))}${e}` : e;
+  return t > mt.length ? `${M0(Math.floor(t / mt.length))}${e}` : e;
 };
 function ro(t) {
-  return `${oo}-${t}-${M0()}`;
+  return `${oo}-${t}-${$0()}`;
 }
 function Nn() {
-  return `${no}-${M0()}`;
+  return `${no}-${$0()}`;
 }
-function z0(t, e) {
+function k0(t, e) {
   return e.reduce(
     (n, r, l) => n.concat(r, t[l + 1]),
     [t[0]]
   );
 }
 function ao(t) {
-  return typeof t == "string" && $0.has(t);
+  return typeof t == "string" && y0.has(t);
 }
 function sn(t) {
   var e;
@@ -770,16 +770,16 @@ function so(t) {
   return ao(t) || sn(t) || Ut(t);
 }
 function F(t, ...e) {
-  return z0(t, e);
+  return k0(t, e);
 }
 function Yt(t, e, n) {
   return t.reduce((r, l) => l == null || l === !1 || l === "" ? r : Array.isArray(l) ? [...r, ...Yt(l, e, n)] : typeof l == "function" ? r.concat(...Yt([l(e)], e, n)) : typeof l == "object" && l?.source === "tw" ? (n.push(...l.value), r) : sn(l) ? r.concat(`.${l.custom.className}`) : r.concat(l.toString()), []);
 }
-var ee = "-ms-", Ze = "-moz-", G = "-webkit-", H0 = "comm", ln = "rule", cn = "decl", lo = "@import", V0 = "@keyframes", io = "@layer", B0 = Math.abs, dn = String.fromCharCode, Gt = Object.assign;
+var ee = "-ms-", Ze = "-moz-", G = "-webkit-", z0 = "comm", ln = "rule", cn = "decl", lo = "@import", H0 = "@keyframes", io = "@layer", V0 = Math.abs, dn = String.fromCharCode, Gt = Object.assign;
 function co(t, e) {
   return ce(t, 0) ^ 45 ? (((e << 2 ^ ce(t, 0)) << 2 ^ ce(t, 1)) << 2 ^ ce(t, 2)) << 2 ^ ce(t, 3) : 0;
 }
-function C0(t) {
+function B0(t) {
   return t.trim();
 }
 function Me(t, e) {
@@ -788,7 +788,7 @@ function Me(t, e) {
 function R(t, e, n) {
   return t.replace(e, n);
 }
-function gt(t, e, n) {
+function ft(t, e, n) {
   return t.indexOf(e, n);
 }
 function ce(t, e) {
@@ -800,7 +800,7 @@ function Ee(t, e, n) {
 function be(t) {
   return t.length;
 }
-function S0(t) {
+function C0(t) {
   return t.length;
 }
 function Ke(t, e) {
@@ -814,12 +814,12 @@ function Ln(t, e) {
     return !Me(n, e);
   });
 }
-var zt = 1, Fe = 1, I0 = 0, ge = 0, ae = 0, Ue = "";
-function Ht(t, e, n, r, l, i, c, d) {
-  return { value: t, root: e, parent: n, type: r, props: l, children: i, line: zt, column: Fe, length: c, return: "", siblings: d };
+var kt = 1, Fe = 1, S0 = 0, ge = 0, ae = 0, Ue = "";
+function zt(t, e, n, r, l, i, c, d) {
+  return { value: t, root: e, parent: n, type: r, props: l, children: i, line: kt, column: Fe, length: c, return: "", siblings: d };
 }
 function Be(t, e) {
-  return Gt(Ht("", null, null, "", null, null, 0, t.siblings), t, { length: -t.length }, e);
+  return Gt(zt("", null, null, "", null, null, 0, t.siblings), t, { length: -t.length }, e);
 }
 function Oe(t) {
   for (; t.root; )
@@ -830,18 +830,18 @@ function ho() {
   return ae;
 }
 function po() {
-  return ae = ge > 0 ? ce(Ue, --ge) : 0, Fe--, ae === 10 && (Fe = 1, zt--), ae;
+  return ae = ge > 0 ? ce(Ue, --ge) : 0, Fe--, ae === 10 && (Fe = 1, kt--), ae;
 }
 function we() {
-  return ae = ge < I0 ? ce(Ue, ge++) : 0, Fe++, ae === 10 && (Fe = 1, zt++), ae;
+  return ae = ge < S0 ? ce(Ue, ge++) : 0, Fe++, ae === 10 && (Fe = 1, kt++), ae;
 }
 function Se() {
   return ce(Ue, ge);
 }
-function _t() {
+function gt() {
   return ge;
 }
-function Vt(t, e) {
+function Ht(t, e) {
   return Ee(Ue, t, e);
 }
 function Xt(t) {
@@ -877,13 +877,13 @@ function Xt(t) {
   return 0;
 }
 function mo(t) {
-  return zt = Fe = 1, I0 = be(Ue = t), ge = 0, [];
+  return kt = Fe = 1, S0 = be(Ue = t), ge = 0, [];
 }
 function vo(t) {
   return Ue = "", t;
 }
-function At(t) {
-  return C0(Vt(ge - 1, Qt(t === 91 ? t + 2 : t === 40 ? t + 1 : t)));
+function Lt(t) {
+  return B0(Ht(ge - 1, Qt(t === 91 ? t + 2 : t === 40 ? t + 1 : t)));
 }
 function fo(t) {
   for (; (ae = Se()) && ae < 33; )
@@ -893,7 +893,7 @@ function fo(t) {
 function go(t, e) {
   for (; --e && we() && !(ae < 48 || ae > 102 || ae > 57 && ae < 65 || ae > 70 && ae < 97); )
     ;
-  return Vt(t, _t() + (e < 6 && Se() == 32 && we() == 32));
+  return Ht(t, gt() + (e < 6 && Se() == 32 && we() == 32));
 }
 function Qt(t) {
   for (; we(); )
@@ -916,28 +916,28 @@ function Qt(t) {
 function _o(t, e) {
   for (; we() && t + ae !== 57 && !(t + ae === 84 && Se() === 47); )
     ;
-  return "/*" + Vt(e, ge - 1) + "*" + dn(t === 47 ? t : we());
+  return "/*" + Ht(e, ge - 1) + "*" + dn(t === 47 ? t : we());
 }
 function wo(t) {
   for (; !Xt(Se()); )
     we();
-  return Vt(t, ge);
+  return Ht(t, ge);
 }
 function bo(t) {
-  return vo(wt("", null, null, null, [""], t = mo(t), 0, [0], t));
+  return vo(_t("", null, null, null, [""], t = mo(t), 0, [0], t));
 }
-function wt(t, e, n, r, l, i, c, d, u) {
-  for (var h = 0, y = 0, f = c, b = 0, g = 0, p = 0, $ = 1, H = 1, _ = 1, x = 0, w = "", z = l, C = i, L = r, O = w; H; )
+function _t(t, e, n, r, l, i, c, d, u) {
+  for (var h = 0, y = 0, v = c, b = 0, g = 0, p = 0, $ = 1, H = 1, _ = 1, x = 0, w = "", z = l, C = i, L = r, O = w; H; )
     switch (p = x, x = we()) {
       case 40:
-        if (p != 108 && ce(O, f - 1) == 58) {
-          gt(O += R(At(x), "&", "&\f"), "&\f", B0(h ? d[h - 1] : 0)) != -1 && (_ = -1);
+        if (p != 108 && ce(O, v - 1) == 58) {
+          ft(O += R(Lt(x), "&", "&\f"), "&\f", V0(h ? d[h - 1] : 0)) != -1 && (_ = -1);
           break;
         }
       case 34:
       case 39:
       case 91:
-        O += At(x);
+        O += Lt(x);
         break;
       case 9:
       case 10:
@@ -946,13 +946,13 @@ function wt(t, e, n, r, l, i, c, d, u) {
         O += fo(p);
         break;
       case 92:
-        O += go(_t() - 1, 7);
+        O += go(gt() - 1, 7);
         continue;
       case 47:
         switch (Se()) {
           case 42:
           case 47:
-            Ke(xo(_o(we(), _t()), e, n, u), u);
+            Ke(xo(_o(we(), gt()), e, n, u), u);
             break;
           default:
             O += "/";
@@ -968,30 +968,30 @@ function wt(t, e, n, r, l, i, c, d, u) {
           case 125:
             H = 0;
           case 59 + y:
-            _ == -1 && (O = R(O, /\f/g, "")), g > 0 && be(O) - f && Ke(g > 32 ? jn(O + ";", r, n, f - 1, u) : jn(R(O, " ", "") + ";", r, n, f - 2, u), u);
+            _ == -1 && (O = R(O, /\f/g, "")), g > 0 && be(O) - v && Ke(g > 32 ? jn(O + ";", r, n, v - 1, u) : jn(R(O, " ", "") + ";", r, n, v - 2, u), u);
             break;
           case 59:
             O += ";";
           default:
-            if (Ke(L = An(O, e, n, h, y, l, d, w, z = [], C = [], f, i), i), x === 123)
+            if (Ke(L = An(O, e, n, h, y, l, d, w, z = [], C = [], v, i), i), x === 123)
               if (y === 0)
-                wt(O, e, L, L, z, i, f, d, C);
+                _t(O, e, L, L, z, i, v, d, C);
               else
                 switch (b === 99 && ce(O, 3) === 110 ? 100 : b) {
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    wt(t, L, L, r && Ke(An(t, L, L, 0, 0, l, d, w, l, z = [], f, C), C), l, C, f, d, r ? z : C);
+                    _t(t, L, L, r && Ke(An(t, L, L, 0, 0, l, d, w, l, z = [], v, C), C), l, C, v, d, r ? z : C);
                     break;
                   default:
-                    wt(O, L, L, L, [""], C, 0, d, C);
+                    _t(O, L, L, L, [""], C, 0, d, C);
                 }
         }
-        h = y = g = 0, $ = _ = 1, w = O = "", f = c;
+        h = y = g = 0, $ = _ = 1, w = O = "", v = c;
         break;
       case 58:
-        f = 1 + be(O), g = p;
+        v = 1 + be(O), g = p;
       default:
         if ($ < 1) {
           if (x == 123)
@@ -1007,7 +1007,7 @@ function wt(t, e, n, r, l, i, c, d, u) {
             d[h++] = (be(O) - 1) * _, _ = 1;
             break;
           case 64:
-            Se() === 45 && (O += At(we())), b = Se(), y = f = be(w = O += wo(_t())), x++;
+            Se() === 45 && (O += Lt(we())), b = Se(), y = v = be(w = O += wo(gt())), x++;
             break;
           case 45:
             p === 45 && be(O) == 2 && ($ = 0);
@@ -1015,19 +1015,19 @@ function wt(t, e, n, r, l, i, c, d, u) {
     }
   return i;
 }
-function An(t, e, n, r, l, i, c, d, u, h, y, f) {
-  for (var b = l - 1, g = l === 0 ? i : [""], p = S0(g), $ = 0, H = 0, _ = 0; $ < r; ++$)
-    for (var x = 0, w = Ee(t, b + 1, b = B0(H = c[$])), z = t; x < p; ++x)
-      (z = C0(H > 0 ? g[x] + " " + w : R(w, /&\f/g, g[x]))) && (u[_++] = z);
-  return Ht(t, e, n, l === 0 ? ln : d, u, h, y, f);
+function An(t, e, n, r, l, i, c, d, u, h, y, v) {
+  for (var b = l - 1, g = l === 0 ? i : [""], p = C0(g), $ = 0, H = 0, _ = 0; $ < r; ++$)
+    for (var x = 0, w = Ee(t, b + 1, b = V0(H = c[$])), z = t; x < p; ++x)
+      (z = B0(H > 0 ? g[x] + " " + w : R(w, /&\f/g, g[x]))) && (u[_++] = z);
+  return zt(t, e, n, l === 0 ? ln : d, u, h, y, v);
 }
 function xo(t, e, n, r) {
-  return Ht(t, e, n, H0, dn(ho()), Ee(t, 2, -2), 0, r);
+  return zt(t, e, n, z0, dn(ho()), Ee(t, 2, -2), 0, r);
 }
 function jn(t, e, n, r, l) {
-  return Ht(t, e, n, cn, Ee(t, 0, r), Ee(t, r + 1, -1), r, l);
+  return zt(t, e, n, cn, Ee(t, 0, r), Ee(t, r + 1, -1), r, l);
 }
-function N0(t, e, n) {
+function I0(t, e, n) {
   switch (co(t, e)) {
     case 5103:
       return G + "print-" + t + t;
@@ -1112,7 +1112,7 @@ function N0(t, e, n) {
     case 3616:
       return n && n.some(function(r, l) {
         return e = l, Me(r.props, /grid-\w+-end/);
-      }) ? ~gt(t + (n = n[e].value), "span", 0) ? t : ee + R(t, "-start", "") + t + ee + "grid-row-span:" + (~gt(n, "span", 0) ? Me(n, /\d+/) : +Me(n, /\d+/) - +Me(t, /\d+/)) + ";" : ee + R(t, "-start", "") + t;
+      }) ? ~ft(t + (n = n[e].value), "span", 0) ? t : ee + R(t, "-start", "") + t + ee + "grid-row-span:" + (~ft(n, "span", 0) ? Me(n, /\d+/) : +Me(n, /\d+/) - +Me(t, /\d+/)) + ";" : ee + R(t, "-start", "") + t;
     case 4896:
     case 4128:
       return n && n.some(function(r) {
@@ -1143,7 +1143,7 @@ function N0(t, e, n) {
           case 102:
             return R(t, /(.+:)(.+)-([^]+)/, "$1" + G + "$2-$3$1" + Ze + (ce(t, e + 3) == 108 ? "$3" : "$2-$3")) + t;
           case 115:
-            return ~gt(t, "stretch", 0) ? N0(R(t, "stretch", "fill-available"), e, n) + t : t;
+            return ~ft(t, "stretch", 0) ? I0(R(t, "stretch", "fill-available"), e, n) + t : t;
         }
       break;
     case 5152:
@@ -1172,7 +1172,7 @@ function N0(t, e, n) {
   }
   return t;
 }
-function xt(t, e) {
+function bt(t, e) {
   for (var n = "", r = 0; r < t.length; r++)
     n += e(t[r], r, t, e) || "";
   return n;
@@ -1185,18 +1185,18 @@ function yo(t, e, n, r) {
     case lo:
     case cn:
       return t.return = t.return || t.value;
-    case H0:
+    case z0:
       return "";
-    case V0:
-      return t.return = t.value + "{" + xt(t.children, r) + "}";
+    case H0:
+      return t.return = t.value + "{" + bt(t.children, r) + "}";
     case ln:
       if (!be(t.value = t.props.join(",")))
         return "";
   }
-  return be(n = xt(t.children, r)) ? t.return = t.value + "{" + n + "}" : "";
+  return be(n = bt(t.children, r)) ? t.return = t.value + "{" + n + "}" : "";
 }
 function $o(t) {
-  var e = S0(t);
+  var e = C0(t);
   return function(n, r, l, i) {
     for (var c = "", d = 0; d < e; d++)
       c += t[d](n, r, l, i) || "";
@@ -1207,10 +1207,10 @@ function Mo(t, e, n, r) {
   if (t.length > -1 && !t.return)
     switch (t.type) {
       case cn:
-        t.return = N0(t.value, t.length, n);
+        t.return = I0(t.value, t.length, n);
         return;
-      case V0:
-        return xt([Be(t, { value: R(t.value, "@", "@" + G) })], r);
+      case H0:
+        return bt([Be(t, { value: R(t.value, "@", "@" + G) })], r);
       case ln:
         if (t.length)
           return uo(n = t.props, function(l) {
@@ -1247,16 +1247,16 @@ class ko {
   }
 }
 const Tn = new ko(), zo = 65536;
-let jt = 0;
-const On = {}, yt = [];
+let At = 0;
+const On = {}, xt = [];
 function Ho() {
   const t = document.createElement("style");
-  return document.head.appendChild(t), yt.push(t), t;
+  return document.head.appendChild(t), xt.push(t), t;
 }
 function Vo(t, e) {
-  jt++;
-  let n = yt[yt.length - 1];
-  (!n || jt >= zo) && (n = Ho(), jt = 0);
+  At++;
+  let n = xt[xt.length - 1];
+  (!n || At >= zo) && (n = Ho(), At = 0);
   const r = On[t], l = e;
   if (r) {
     r.data = l;
@@ -1267,7 +1267,7 @@ function Vo(t, e) {
 }
 function Bo(t) {
   var e;
-  for (const n of yt)
+  for (const n of xt)
     for (const r of n.childNodes)
       if ((e = r.nodeValue) != null && e.startsWith(`.${t}`)) {
         r.remove();
@@ -1278,7 +1278,7 @@ function Dn(t, e, n) {
   const r = [], l = Yt(e, n, r).join("");
   let i = l;
   t !== "" && (i = `.${t}{${l}}`);
-  let c = xt(
+  let c = bt(
     bo(i),
     $o([
       (d, u, h) => Tn.runBeforeBuild(d, u, h),
@@ -1288,12 +1288,12 @@ function Dn(t, e, n) {
   );
   return c = Tn.runAfterBuild(c), Vo(t, c), r;
 }
-function L0(t, e) {
+function N0(t, e) {
   if (!so(t))
     throw Error("The element is invalid.");
   let n;
   function r(i, ...c) {
-    const d = z0(i, c);
+    const d = k0(i, c);
     return l(d);
   }
   r.attrs = function(i) {
@@ -1303,8 +1303,8 @@ function L0(t, e) {
     let c = t;
     Ut(t) && (c = "vue-component"), sn(t) && (c = "styled-component");
     const d = ro(c), u = Nn(), h = A(
-      (y, { slots: f }) => {
-        const b = v(() => typeof n == "function" ? n(y) : typeof n == "object" ? n : {}), g = M([]), p = M({ class: "", ...b.value }), $ = oe("$theme", _e({}));
+      (y, { slots: v }) => {
+        const b = f(() => typeof n == "function" ? n(y) : typeof n == "object" ? n : {}), g = M([]), p = M({ class: "", ...b.value }), $ = oe("$theme", _e({}));
         let H = {
           theme: $,
           ...y,
@@ -1342,7 +1342,7 @@ function L0(t, e) {
             {
               ...p.value
             },
-            f
+            v
           );
         };
       },
@@ -1368,11 +1368,11 @@ function L0(t, e) {
   }
   return r;
 }
-const E = L0;
-$0.forEach((t) => {
-  E[t] = L0(t);
+const E = N0;
+y0.forEach((t) => {
+  E[t] = N0(t);
 });
-var A0 = typeof global == "object" && global && global.Object === Object && global, Co = typeof self == "object" && self && self.Object === Object && self, $e = A0 || Co || Function("return this")(), qe = $e.Symbol, j0 = Object.prototype, So = j0.hasOwnProperty, Io = j0.toString, Qe = qe ? qe.toStringTag : void 0;
+var L0 = typeof global == "object" && global && global.Object === Object && global, Co = typeof self == "object" && self && self.Object === Object && self, $e = L0 || Co || Function("return this")(), qe = $e.Symbol, A0 = Object.prototype, So = A0.hasOwnProperty, Io = A0.toString, Qe = qe ? qe.toStringTag : void 0;
 function No(t) {
   var e = So.call(t, Qe), n = t[Qe];
   try {
@@ -1399,18 +1399,18 @@ function Ye(t) {
   var e = typeof t;
   return t != null && (e == "object" || e == "function");
 }
-function T0(t) {
+function j0(t) {
   return t;
 }
 var Do = "[object AsyncFunction]", Po = "[object Function]", Eo = "[object GeneratorFunction]", Fo = "[object Proxy]";
-function O0(t) {
+function T0(t) {
   if (!Ye(t))
     return !1;
   var e = ct(t);
   return e == Po || e == Eo || e == Do || e == Fo;
 }
-var Tt = $e["__core-js_shared__"], En = function() {
-  var t = /[^.]+$/.exec(Tt && Tt.keys && Tt.keys.IE_PROTO || "");
+var jt = $e["__core-js_shared__"], En = function() {
+  var t = /[^.]+$/.exec(jt && jt.keys && jt.keys.IE_PROTO || "");
   return t ? "Symbol(src)_1." + t : "";
 }();
 function qo(t) {
@@ -1436,7 +1436,7 @@ var Uo = /[\\^$.*+?()[\]{}|]/g, Yo = /^\[object .+?Constructor\]$/, Go = Functio
 function Zo(t) {
   if (!Ye(t) || qo(t))
     return !1;
-  var e = O0(t) ? Jo : Yo;
+  var e = T0(t) ? Jo : Yo;
   return e.test(Ae(t));
 }
 function er(t, e) {
@@ -1496,32 +1496,32 @@ function ir(t) {
     return t;
   };
 }
-var $t = function() {
+var yt = function() {
   try {
     var t = je(Object, "defineProperty");
     return t({}, "", {}), t;
   } catch {
   }
-}(), cr = $t ? function(t, e) {
-  return $t(t, "toString", {
+}(), cr = yt ? function(t, e) {
+  return yt(t, "toString", {
     configurable: !0,
     enumerable: !1,
     value: ir(e),
     writable: !0
   });
-} : T0, dr = lr(cr);
+} : j0, dr = lr(cr);
 function ur(t, e) {
   for (var n = -1, r = t == null ? 0 : t.length; ++n < r && e(t[n], n, t) !== !1; )
     ;
   return t;
 }
 var hr = 9007199254740991, pr = /^(?:0|[1-9]\d*)$/;
-function D0(t, e) {
+function O0(t, e) {
   var n = typeof t;
   return e = e ?? hr, !!e && (n == "number" || n != "symbol" && pr.test(t)) && t > -1 && t % 1 == 0 && t < e;
 }
-function P0(t, e, n) {
-  e == "__proto__" && $t ? $t(t, e, {
+function D0(t, e, n) {
+  e == "__proto__" && yt ? yt(t, e, {
     configurable: !0,
     enumerable: !0,
     value: n,
@@ -1534,14 +1534,14 @@ function hn(t, e) {
 var mr = Object.prototype, vr = mr.hasOwnProperty;
 function pn(t, e, n) {
   var r = t[e];
-  (!(vr.call(t, e) && hn(r, n)) || n === void 0 && !(e in t)) && P0(t, e, n);
+  (!(vr.call(t, e) && hn(r, n)) || n === void 0 && !(e in t)) && D0(t, e, n);
 }
 function ut(t, e, n, r) {
   var l = !n;
   n || (n = {});
   for (var i = -1, c = e.length; ++i < c; ) {
     var d = e[i], u = void 0;
-    u === void 0 && (u = t[d]), l ? P0(n, d, u) : pn(n, d, u);
+    u === void 0 && (u = t[d]), l ? D0(n, d, u) : pn(n, d, u);
   }
   return n;
 }
@@ -1557,20 +1557,20 @@ function fr(t, e, n) {
   };
 }
 function gr(t, e) {
-  return dr(fr(t, e, T0), t + "");
+  return dr(fr(t, e, j0), t + "");
 }
 var _r = 9007199254740991;
-function E0(t) {
+function P0(t) {
   return typeof t == "number" && t > -1 && t % 1 == 0 && t <= _r;
 }
-function Bt(t) {
-  return t != null && E0(t.length) && !O0(t);
+function Vt(t) {
+  return t != null && P0(t.length) && !T0(t);
 }
 function wr(t, e, n) {
   if (!Ye(n))
     return !1;
   var r = typeof e;
-  return (r == "number" ? Bt(n) && D0(e, n.length) : r == "string" && e in n) ? hn(n[e], t) : !1;
+  return (r == "number" ? Vt(n) && O0(e, n.length) : r == "string" && e in n) ? hn(n[e], t) : !1;
 }
 function br(t) {
   return gr(function(e, n) {
@@ -1583,7 +1583,7 @@ function br(t) {
   });
 }
 var xr = Object.prototype;
-function Ct(t) {
+function Bt(t) {
   var e = t && t.constructor, n = typeof e == "function" && e.prototype || xr;
   return t === n;
 }
@@ -1596,7 +1596,7 @@ var $r = "[object Arguments]";
 function Rn(t) {
   return dt(t) && ct(t) == $r;
 }
-var F0 = Object.prototype, Mr = F0.hasOwnProperty, kr = F0.propertyIsEnumerable, zr = Rn(/* @__PURE__ */ function() {
+var E0 = Object.prototype, Mr = E0.hasOwnProperty, kr = E0.propertyIsEnumerable, zr = Rn(/* @__PURE__ */ function() {
   return arguments;
 }()) ? Rn : function(t) {
   return dt(t) && Mr.call(t, "callee") && !kr.call(t, "callee");
@@ -1604,54 +1604,54 @@ var F0 = Object.prototype, Mr = F0.hasOwnProperty, kr = F0.propertyIsEnumerable,
 function Hr() {
   return !1;
 }
-var q0 = typeof exports == "object" && exports && !exports.nodeType && exports, Wn = q0 && typeof module == "object" && module && !module.nodeType && module, Vr = Wn && Wn.exports === q0, Un = Vr ? $e.Buffer : void 0, Br = Un ? Un.isBuffer : void 0, R0 = Br || Hr, Cr = "[object Arguments]", Sr = "[object Array]", Ir = "[object Boolean]", Nr = "[object Date]", Lr = "[object Error]", Ar = "[object Function]", jr = "[object Map]", Tr = "[object Number]", Or = "[object Object]", Dr = "[object RegExp]", Pr = "[object Set]", Er = "[object String]", Fr = "[object WeakMap]", qr = "[object ArrayBuffer]", Rr = "[object DataView]", Wr = "[object Float32Array]", Ur = "[object Float64Array]", Yr = "[object Int8Array]", Gr = "[object Int16Array]", Xr = "[object Int32Array]", Qr = "[object Uint8Array]", Kr = "[object Uint8ClampedArray]", Jr = "[object Uint16Array]", Zr = "[object Uint32Array]", te = {};
+var F0 = typeof exports == "object" && exports && !exports.nodeType && exports, Wn = F0 && typeof module == "object" && module && !module.nodeType && module, Vr = Wn && Wn.exports === F0, Un = Vr ? $e.Buffer : void 0, Br = Un ? Un.isBuffer : void 0, q0 = Br || Hr, Cr = "[object Arguments]", Sr = "[object Array]", Ir = "[object Boolean]", Nr = "[object Date]", Lr = "[object Error]", Ar = "[object Function]", jr = "[object Map]", Tr = "[object Number]", Or = "[object Object]", Dr = "[object RegExp]", Pr = "[object Set]", Er = "[object String]", Fr = "[object WeakMap]", qr = "[object ArrayBuffer]", Rr = "[object DataView]", Wr = "[object Float32Array]", Ur = "[object Float64Array]", Yr = "[object Int8Array]", Gr = "[object Int16Array]", Xr = "[object Int32Array]", Qr = "[object Uint8Array]", Kr = "[object Uint8ClampedArray]", Jr = "[object Uint16Array]", Zr = "[object Uint32Array]", te = {};
 te[Wr] = te[Ur] = te[Yr] = te[Gr] = te[Xr] = te[Qr] = te[Kr] = te[Jr] = te[Zr] = !0;
 te[Cr] = te[Sr] = te[qr] = te[Ir] = te[Rr] = te[Nr] = te[Lr] = te[Ar] = te[jr] = te[Tr] = te[Or] = te[Dr] = te[Pr] = te[Er] = te[Fr] = !1;
 function ea(t) {
-  return dt(t) && E0(t.length) && !!te[ct(t)];
+  return dt(t) && P0(t.length) && !!te[ct(t)];
 }
 function mn(t) {
   return function(e) {
     return t(e);
   };
 }
-var W0 = typeof exports == "object" && exports && !exports.nodeType && exports, et = W0 && typeof module == "object" && module && !module.nodeType && module, ta = et && et.exports === W0, Ot = ta && A0.process, Re = function() {
+var R0 = typeof exports == "object" && exports && !exports.nodeType && exports, et = R0 && typeof module == "object" && module && !module.nodeType && module, ta = et && et.exports === R0, Tt = ta && L0.process, Re = function() {
   try {
     var t = et && et.require && et.require("util").types;
-    return t || Ot && Ot.binding && Ot.binding("util");
+    return t || Tt && Tt.binding && Tt.binding("util");
   } catch {
   }
 }(), Yn = Re && Re.isTypedArray, na = Yn ? mn(Yn) : ea, oa = Object.prototype, ra = oa.hasOwnProperty;
-function U0(t, e) {
-  var n = un(t), r = !n && zr(t), l = !n && !r && R0(t), i = !n && !r && !l && na(t), c = n || r || l || i, d = c ? yr(t.length, String) : [], u = d.length;
+function W0(t, e) {
+  var n = un(t), r = !n && zr(t), l = !n && !r && q0(t), i = !n && !r && !l && na(t), c = n || r || l || i, d = c ? yr(t.length, String) : [], u = d.length;
   for (var h in t)
     (e || ra.call(t, h)) && !(c && // Safari 9 has enumerable `arguments.length` in strict mode.
     (h == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
     l && (h == "offset" || h == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
     i && (h == "buffer" || h == "byteLength" || h == "byteOffset") || // Skip index properties.
-    D0(h, u))) && d.push(h);
+    O0(h, u))) && d.push(h);
   return d;
 }
-function Y0(t, e) {
+function U0(t, e) {
   return function(n) {
     return t(e(n));
   };
 }
-var aa = Y0(Object.keys, Object), sa = Object.prototype, la = sa.hasOwnProperty;
+var aa = U0(Object.keys, Object), sa = Object.prototype, la = sa.hasOwnProperty;
 function ia(t) {
-  if (!Ct(t))
+  if (!Bt(t))
     return aa(t);
   var e = [];
   for (var n in Object(t))
     la.call(t, n) && n != "constructor" && e.push(n);
   return e;
 }
-function St(t) {
-  return Bt(t) ? U0(t) : ia(t);
+function Ct(t) {
+  return Vt(t) ? W0(t) : ia(t);
 }
 var ca = Object.prototype, da = ca.hasOwnProperty, ua = br(function(t, e) {
-  if (Ct(e) || Bt(e)) {
-    ut(e, St(e), t);
+  if (Bt(e) || Vt(e)) {
+    ut(e, Ct(e), t);
     return;
   }
   for (var n in e)
@@ -1668,13 +1668,13 @@ var pa = Object.prototype, ma = pa.hasOwnProperty;
 function va(t) {
   if (!Ye(t))
     return ha(t);
-  var e = Ct(t), n = [];
+  var e = Bt(t), n = [];
   for (var r in t)
     r == "constructor" && (e || !ma.call(t, r)) || n.push(r);
   return n;
 }
 function vn(t) {
-  return Bt(t) ? U0(t, !0) : va(t);
+  return Vt(t) ? W0(t, !0) : va(t);
 }
 var rt = je(Object, "create");
 function fa() {
@@ -1718,7 +1718,7 @@ Ne.prototype.set = za;
 function Ha() {
   this.__data__ = [], this.size = 0;
 }
-function It(t, e) {
+function St(t, e) {
   for (var n = t.length; n--; )
     if (hn(t[n][0], e))
       return n;
@@ -1726,21 +1726,21 @@ function It(t, e) {
 }
 var Va = Array.prototype, Ba = Va.splice;
 function Ca(t) {
-  var e = this.__data__, n = It(e, t);
+  var e = this.__data__, n = St(e, t);
   if (n < 0)
     return !1;
   var r = e.length - 1;
   return n == r ? e.pop() : Ba.call(e, n, 1), --this.size, !0;
 }
 function Sa(t) {
-  var e = this.__data__, n = It(e, t);
+  var e = this.__data__, n = St(e, t);
   return n < 0 ? void 0 : e[n][1];
 }
 function Ia(t) {
-  return It(this.__data__, t) > -1;
+  return St(this.__data__, t) > -1;
 }
 function Na(t, e) {
-  var n = this.__data__, r = It(n, t);
+  var n = this.__data__, r = St(n, t);
   return r < 0 ? (++this.size, n.push([t, e])) : n[r][1] = e, this;
 }
 function ze(t) {
@@ -1767,22 +1767,22 @@ function Aa(t) {
   var e = typeof t;
   return e == "string" || e == "number" || e == "symbol" || e == "boolean" ? t !== "__proto__" : t === null;
 }
-function Nt(t, e) {
+function It(t, e) {
   var n = t.__data__;
   return Aa(e) ? n[typeof e == "string" ? "string" : "hash"] : n.map;
 }
 function ja(t) {
-  var e = Nt(this, t).delete(t);
+  var e = It(this, t).delete(t);
   return this.size -= e ? 1 : 0, e;
 }
 function Ta(t) {
-  return Nt(this, t).get(t);
+  return It(this, t).get(t);
 }
 function Oa(t) {
-  return Nt(this, t).has(t);
+  return It(this, t).has(t);
 }
 function Da(t, e) {
-  var n = Nt(this, t), r = n.size;
+  var n = It(this, t), r = n.size;
   return n.set(t, e), this.size += n.size == r ? 0 : 1, this;
 }
 function Ge(t) {
@@ -1797,12 +1797,12 @@ Ge.prototype.delete = ja;
 Ge.prototype.get = Ta;
 Ge.prototype.has = Oa;
 Ge.prototype.set = Da;
-function G0(t, e) {
+function Y0(t, e) {
   for (var n = -1, r = e.length, l = t.length; ++n < r; )
     t[l + n] = e[n];
   return t;
 }
-var X0 = Y0(Object.getPrototypeOf, Object);
+var G0 = U0(Object.getPrototypeOf, Object);
 function Pa() {
   this.__data__ = new ze(), this.size = 0;
 }
@@ -1837,12 +1837,12 @@ Xe.prototype.get = Fa;
 Xe.prototype.has = qa;
 Xe.prototype.set = Wa;
 function Ua(t, e) {
-  return t && ut(e, St(e), t);
+  return t && ut(e, Ct(e), t);
 }
 function Ya(t, e) {
   return t && ut(e, vn(e), t);
 }
-var Q0 = typeof exports == "object" && exports && !exports.nodeType && exports, Gn = Q0 && typeof module == "object" && module && !module.nodeType && module, Ga = Gn && Gn.exports === Q0, Xn = Ga ? $e.Buffer : void 0, Qn = Xn ? Xn.allocUnsafe : void 0;
+var X0 = typeof exports == "object" && exports && !exports.nodeType && exports, Gn = X0 && typeof module == "object" && module && !module.nodeType && module, Ga = Gn && Gn.exports === X0, Xn = Ga ? $e.Buffer : void 0, Qn = Xn ? Xn.allocUnsafe : void 0;
 function Xa(t, e) {
   if (e)
     return t.slice();
@@ -1856,34 +1856,34 @@ function Qa(t, e) {
   }
   return i;
 }
-function K0() {
+function Q0() {
   return [];
 }
 var Ka = Object.prototype, Ja = Ka.propertyIsEnumerable, Kn = Object.getOwnPropertySymbols, fn = Kn ? function(t) {
   return t == null ? [] : (t = Object(t), Qa(Kn(t), function(e) {
     return Ja.call(t, e);
   }));
-} : K0;
+} : Q0;
 function Za(t, e) {
   return ut(t, fn(t), e);
 }
-var e1 = Object.getOwnPropertySymbols, J0 = e1 ? function(t) {
+var e1 = Object.getOwnPropertySymbols, K0 = e1 ? function(t) {
   for (var e = []; t; )
-    G0(e, fn(t)), t = X0(t);
+    Y0(e, fn(t)), t = G0(t);
   return e;
-} : K0;
+} : Q0;
 function t1(t, e) {
-  return ut(t, J0(t), e);
+  return ut(t, K0(t), e);
 }
-function Z0(t, e, n) {
+function J0(t, e, n) {
   var r = e(t);
-  return un(t) ? r : G0(r, n(t));
+  return un(t) ? r : Y0(r, n(t));
 }
 function n1(t) {
-  return Z0(t, St, fn);
+  return J0(t, Ct, fn);
 }
 function o1(t) {
-  return Z0(t, vn, J0);
+  return J0(t, vn, K0);
 }
 var Jt = je($e, "DataView"), Zt = je($e, "Promise"), en = je($e, "Set"), Jn = "[object Map]", r1 = "[object Object]", Zn = "[object Promise]", e0 = "[object Set]", t0 = "[object WeakMap]", n0 = "[object DataView]", a1 = Ae(Jt), s1 = Ae(at), l1 = Ae(Zt), i1 = Ae(en), c1 = Ae(Kt), ke = ct;
 (Jt && ke(new Jt(new ArrayBuffer(1))) != n0 || at && ke(new at()) != Jn || Zt && ke(Zt.resolve()) != Zn || en && ke(new en()) != e0 || Kt && ke(new Kt()) != t0) && (ke = function(t) {
@@ -1965,7 +1965,7 @@ function T1(t, e, n) {
   }
 }
 function O1(t) {
-  return typeof t.constructor == "function" && !Ct(t) ? tr(X0(t)) : {};
+  return typeof t.constructor == "function" && !Bt(t) ? tr(G0(t)) : {};
 }
 var D1 = "[object Map]";
 function P1(t) {
@@ -1975,10 +1975,10 @@ var s0 = Re && Re.isMap, E1 = s0 ? mn(s0) : P1, F1 = "[object Set]";
 function q1(t) {
   return dt(t) && ke(t) == F1;
 }
-var l0 = Re && Re.isSet, R1 = l0 ? mn(l0) : q1, W1 = 1, U1 = 2, Y1 = 4, e2 = "[object Arguments]", G1 = "[object Array]", X1 = "[object Boolean]", Q1 = "[object Date]", K1 = "[object Error]", t2 = "[object Function]", J1 = "[object GeneratorFunction]", Z1 = "[object Map]", es = "[object Number]", n2 = "[object Object]", ts = "[object RegExp]", ns = "[object Set]", os = "[object String]", rs = "[object Symbol]", as = "[object WeakMap]", ss = "[object ArrayBuffer]", ls = "[object DataView]", is = "[object Float32Array]", cs = "[object Float64Array]", ds = "[object Int8Array]", us = "[object Int16Array]", hs = "[object Int32Array]", ps = "[object Uint8Array]", ms = "[object Uint8ClampedArray]", vs = "[object Uint16Array]", fs = "[object Uint32Array]", K = {};
-K[e2] = K[G1] = K[ss] = K[ls] = K[X1] = K[Q1] = K[is] = K[cs] = K[ds] = K[us] = K[hs] = K[Z1] = K[es] = K[n2] = K[ts] = K[ns] = K[os] = K[rs] = K[ps] = K[ms] = K[vs] = K[fs] = !0;
-K[K1] = K[t2] = K[as] = !1;
-function bt(t, e, n, r, l, i) {
+var l0 = Re && Re.isSet, R1 = l0 ? mn(l0) : q1, W1 = 1, U1 = 2, Y1 = 4, Z0 = "[object Arguments]", G1 = "[object Array]", X1 = "[object Boolean]", Q1 = "[object Date]", K1 = "[object Error]", e2 = "[object Function]", J1 = "[object GeneratorFunction]", Z1 = "[object Map]", es = "[object Number]", t2 = "[object Object]", ts = "[object RegExp]", ns = "[object Set]", os = "[object String]", rs = "[object Symbol]", as = "[object WeakMap]", ss = "[object ArrayBuffer]", ls = "[object DataView]", is = "[object Float32Array]", cs = "[object Float64Array]", ds = "[object Int8Array]", us = "[object Int16Array]", hs = "[object Int32Array]", ps = "[object Uint8Array]", ms = "[object Uint8ClampedArray]", vs = "[object Uint16Array]", fs = "[object Uint32Array]", K = {};
+K[Z0] = K[G1] = K[ss] = K[ls] = K[X1] = K[Q1] = K[is] = K[cs] = K[ds] = K[us] = K[hs] = K[Z1] = K[es] = K[t2] = K[ts] = K[ns] = K[os] = K[rs] = K[ps] = K[ms] = K[vs] = K[fs] = !0;
+K[K1] = K[e2] = K[as] = !1;
+function wt(t, e, n, r, l, i) {
   var c, d = e & W1, u = e & U1, h = e & Y1;
   if (c !== void 0)
     return c;
@@ -1989,16 +1989,16 @@ function bt(t, e, n, r, l, i) {
     if (c = h1(t), !d)
       return or(t, c);
   } else {
-    var f = ke(t), b = f == t2 || f == J1;
-    if (R0(t))
+    var v = ke(t), b = v == e2 || v == J1;
+    if (q0(t))
       return Xa(t, d);
-    if (f == n2 || f == e2 || b && !l) {
+    if (v == t2 || v == Z0 || b && !l) {
       if (c = u || b ? {} : O1(t), !d)
         return u ? t1(t, Ya(c, t)) : Za(t, Ua(c, t));
     } else {
-      if (!K[f])
+      if (!K[v])
         return l ? t : {};
-      c = T1(t, f, d);
+      c = T1(t, v, d);
     }
   }
   i || (i = new Xe());
@@ -2006,18 +2006,18 @@ function bt(t, e, n, r, l, i) {
   if (g)
     return g;
   i.set(t, c), R1(t) ? t.forEach(function(H) {
-    c.add(bt(H, e, n, H, t, i));
+    c.add(wt(H, e, n, H, t, i));
   }) : E1(t) && t.forEach(function(H, _) {
-    c.set(_, bt(H, e, n, _, t, i));
+    c.set(_, wt(H, e, n, _, t, i));
   });
-  var p = h ? u ? o1 : n1 : u ? vn : St, $ = y ? void 0 : p(t);
+  var p = h ? u ? o1 : n1 : u ? vn : Ct, $ = y ? void 0 : p(t);
   return ur($ || t, function(H, _) {
-    $ && (_ = H, H = t[_]), pn(c, _, bt(H, e, n, _, t, i));
+    $ && (_ = H, H = t[_]), pn(c, _, wt(H, e, n, _, t, i));
   }), c;
 }
 var gs = 1, _s = 4;
 function ws(t) {
-  return bt(t, gs | _s);
+  return wt(t, gs | _s);
 }
 A(
   (t, { slots: e }) => {
@@ -2056,7 +2056,7 @@ const bs = ["disabled", "loading", "type", "tabindex"], xs = { key: 1 }, ys = {
     disabled: { type: Boolean, default: !1 }
   },
   setup(t, { expose: e }) {
-    const n = t, r = it(), l = v(
+    const n = t, r = it(), l = f(
       () => T({
         nmorph: [ye[n.height], `${n.fill && "fill"}`],
         "nmorph-button": [
@@ -2072,7 +2072,7 @@ const bs = ["disabled", "loading", "type", "tabindex"], xs = { key: 1 }, ys = {
       thin: "small",
       default: "medium",
       thick: "large"
-    }, d = v(() => c[n.height]);
+    }, d = f(() => c[n.height]);
     e({ buttonDOMElement: i });
     const u = F`
   display: inline-block;
@@ -2199,7 +2199,7 @@ const bs = ["disabled", "loading", "type", "tabindex"], xs = { key: 1 }, ys = {
 `, h = E.div`
   ${u}
 `;
-    return (y, f) => (a(), B(h, {
+    return (y, v) => (a(), B(h, {
       class: S(l.value)
     }, {
       default: k(() => [
@@ -2247,7 +2247,7 @@ const zs = { class: "nmorph-icon__content" }, q = /* @__PURE__ */ A({
     color: { default: "var(--nmorph-text-color)" }
   },
   setup(t) {
-    const e = t, n = v(
+    const e = t, n = f(
       () => T({
         "nmorph-icon": [
           `${!e.width && !e.height && e.size}`,
@@ -2255,7 +2255,7 @@ const zs = { class: "nmorph-icon__content" }, q = /* @__PURE__ */ A({
           `${e.height && "custom-height"}`
         ]
       })
-    ), r = v(() => {
+    ), r = f(() => {
       const c = {};
       return e.width && (c["--width"] = e.width), e.height && (c["--height"] = e.height), c;
     }), l = F`
@@ -4779,7 +4779,7 @@ function yh(t, e) {
 const $h = { render: yh }, Mh = ["href", "target"], rg = /* @__PURE__ */ A({
   __name: "NmorphLink",
   props: {
-    type: { default: y0.accent },
+    type: { default: x0.accent },
     underline: { type: Boolean, default: !1 },
     href: { default: "" },
     text: { default: "" },
@@ -4787,7 +4787,7 @@ const $h = { render: yh }, Mh = ["href", "target"], rg = /* @__PURE__ */ A({
     disabled: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = t, n = it(), r = v(
+    const e = t, n = it(), r = f(
       () => T({
         "nmorph-link": [e.type, `${e.underline && "underline"}`, `${e.disabled && "disabled"}`]
       })
@@ -4900,7 +4900,7 @@ const ag = /* @__PURE__ */ A({
   },
   emits: ["on-scroll", "update:model-value", "on-scroll-end"],
   setup(t, { expose: e, emit: n }) {
-    v0((ie) => ({
+    u2((ie) => ({
       ec9518cc: I.value,
       b7043fb6: P.value,
       "1834d45e": b.value,
@@ -4911,13 +4911,13 @@ const ag = /* @__PURE__ */ A({
       "716bf48e": p.value,
       "0827b794": $.value
     }));
-    const r = t, l = M(null), i = v(() => r.scrollYProp), c = v(() => r.scrollXProp), d = M(!1), u = M(!1), h = () => {
+    const r = t, l = M(null), i = f(() => r.scrollYProp), c = f(() => r.scrollXProp), d = M(!1), u = M(!1), h = () => {
       d.value = l.value?.scrollHeight > l.value?.clientHeight, u.value = l.value?.scrollWidth > l.value?.clientWidth;
-    }, y = v(() => r.yBarWidthInPx + r.yGapInPx), f = v(() => r.xBarWidthInPx + r.xGapInPx), b = v(
+    }, y = f(() => r.yBarWidthInPx + r.yGapInPx), v = f(() => r.xBarWidthInPx + r.xGapInPx), b = f(
       () => r.scrollYProp === "hidden" || !d.value ? "0" : `${y.value}px`
-    ), g = v(
-      () => r.scrollXProp === "hidden" || !u.value ? "0" : `${f.value}px`
-    ), p = v(() => `${r.yBarWidthInPx}px`), $ = v(() => `${r.xBarWidthInPx}px`), H = oe("nmorph");
+    ), g = f(
+      () => r.scrollXProp === "hidden" || !u.value ? "0" : `${v.value}px`
+    ), p = f(() => `${r.yBarWidthInPx}px`), $ = f(() => `${r.xBarWidthInPx}px`), H = oe("nmorph");
     let _;
     const x = n, w = () => {
       const ie = Math.trunc(l.value?.scrollLeft), He = Math.trunc(l.value?.scrollTop);
@@ -4932,7 +4932,7 @@ const ag = /* @__PURE__ */ A({
     Le(() => {
       _ !== void 0 && clearTimeout(_);
     });
-    const L = M(!1), O = v(
+    const L = M(!1), O = f(
       () => T({
         "nmorph-scroll": []
       })
@@ -4959,7 +4959,7 @@ const ag = /* @__PURE__ */ A({
       },
       { deep: !0, immediate: !0 }
     );
-    const U = v(() => r.cssScrollBehavior), I = v(() => r.height), P = v(() => r.maxHeight);
+    const U = f(() => r.cssScrollBehavior), I = f(() => r.height), P = f(() => r.maxHeight);
     e({ scrollDOMContainer: l, moveTo: j });
     const Y = () => {
       L.value = !0;
@@ -4993,7 +4993,7 @@ const sg = /* @__PURE__ */ A({
   },
   emits: ["error", "load"],
   setup(t, { emit: e }) {
-    const n = t, r = e, l = M(!1), i = v(
+    const n = t, r = e, l = M(!1), i = f(
       () => T({
         nmorph: [`${n.frameBorder > 0 && "shadow-combined"}`],
         "nmorph-avatar": [n.shape]
@@ -5002,7 +5002,7 @@ const sg = /* @__PURE__ */ A({
       r("error", p), l.value = !0;
     }, d = (p) => {
       r("load", p), l.value = !1;
-    }, u = v(() => `${n.imagePadding}px`), h = v(() => ` ${n.size}px`), y = v(() => `${n.size / 100 * 60}px`), f = v(() => n.shape === "circle" ? "50%" : "4px"), b = F`
+    }, u = f(() => `${n.imagePadding}px`), h = f(() => ` ${n.size}px`), y = f(() => `${n.size / 100 * 60}px`), v = f(() => n.shape === "circle" ? "50%" : "4px"), b = F`
   position: relative;
   overflow: hidden;
   display: flex;
@@ -5041,7 +5041,7 @@ const sg = /* @__PURE__ */ A({
     return (p, $) => (a(), B(g, {
       class: S(i.value),
       style: ue({ width: h.value, height: h.value }),
-      props: { size: h.value, imagePadding: u.value, radius: f.value, frameBorder: p.frameBorder }
+      props: { size: h.value, imagePadding: u.value, radius: v.value, frameBorder: p.frameBorder }
     }, {
       default: k(() => [
         V(m(tn), {
@@ -5084,18 +5084,18 @@ const sg = /* @__PURE__ */ A({
     disabled: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = t, n = v(
+    const e = t, n = f(
       () => T({
         "nmorph-badge": [`${e.hidden && "hidden"}`]
       })
-    ), r = v(
+    ), r = f(
       () => T({
         "nmorph-badge__container": [`${e.hidden && "hidden"}`]
       })
-    ), l = v(() => typeof Number(e.value) == "number" && Number(e.value) > e.max ? `${e.max}+` : e.value), i = v(() => {
-      const f = `${(d?.value / 2 + e.offsetX) * -1}px`, b = `${(u?.value / 2 + e.offsetY) * -1}px`;
+    ), l = f(() => typeof Number(e.value) == "number" && Number(e.value) > e.max ? `${e.max}+` : e.value), i = f(() => {
+      const v = `${(d?.value / 2 + e.offsetX) * -1}px`, b = `${(u?.value / 2 + e.offsetY) * -1}px`;
       return {
-        x: f,
+        x: v,
         y: b
       };
     }), c = M(null), d = M(0), u = M(0);
@@ -5132,16 +5132,16 @@ const sg = /* @__PURE__ */ A({
 `, y = E.div`
   ${h}
   .nmorph-badge__container {
-    background: ${(f) => f.color}
+    background: ${(v) => v.color}
   }
 `;
-    return (f, b) => e.disabled ? N(f.$slots, "default", { key: 1 }) : (a(), B(y, {
+    return (v, b) => e.disabled ? N(v.$slots, "default", { key: 1 }) : (a(), B(y, {
       key: 0,
       class: S(n.value),
       props: { color: e.color }
     }, {
       default: k(() => [
-        N(f.$slots, "default"),
+        N(v.$slots, "default"),
         o("div", {
           ref_key: "badge",
           ref: c,
@@ -5149,7 +5149,7 @@ const sg = /* @__PURE__ */ A({
           style: ue({ right: i.value.x, top: i.value.y })
         }, [
           e.isDot ? (a(), s("div", Vh)) : (a(), s("div", Bh, [
-            N(f.$slots, "value", {}, () => [
+            N(v.$slots, "value", {}, () => [
               fe(W(l.value), 1)
             ])
           ]))
@@ -5169,7 +5169,7 @@ const sg = /* @__PURE__ */ A({
   },
   emits: ["click-previous-month", "click-today", "click-next-month"],
   setup(t, { emit: e }) {
-    const n = t, r = e, l = v(
+    const n = t, r = e, l = f(
       () => T({
         "nmorph-calendar-header": []
       })
@@ -5188,7 +5188,7 @@ const sg = /* @__PURE__ */ A({
   }
 
   .nmorph-calendar-header__text {
-    ${g0()}
+    ${f0()}
     margin-right: 8px;
     width: 160px;
   }
@@ -5200,7 +5200,7 @@ const sg = /* @__PURE__ */ A({
     }, {
       default: k(() => [
         N(d.$slots, "default", {}, () => [
-          o("div", Ch, W(n.year) + " " + W(m(o2)(n.month)), 1),
+          o("div", Ch, W(n.year) + " " + W(m(n2)(n.month)), 1),
           o("div", Sh, [
             d.showPreviousMonthButton ? (a(), B(m(Q), {
               key: 0,
@@ -5307,7 +5307,7 @@ const sg = /* @__PURE__ */ A({
           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));
       }
-    }, f = (j, U) => {
+    }, v = (j, U) => {
       const [I, P] = U;
       return U.length === 1 ? j.toDateString() === I.toDateString() : I && P ? j >= Ce(I) && j <= Ce(P) : !1;
     }, b = (j) => {
@@ -5318,7 +5318,7 @@ const sg = /* @__PURE__ */ A({
       if (n.type === "dates")
         return Array.isArray(p.value) ? !!p.value.find((I) => I.toDateString() === j.toDateString()) : u();
       if (n.type === "daterange")
-        return Array.isArray(p.value) ? f(j, p.value) : u();
+        return Array.isArray(p.value) ? v(j, p.value) : u();
     }, g = M(n.initialDate), p = M(h(n.modelValue));
     he(() => {
       r("update:model-value", p.value);
@@ -5349,14 +5349,14 @@ const sg = /* @__PURE__ */ A({
         p.value = h(j);
       }
     );
-    const _ = v(() => new Date(g.value.setMonth(g.value.getMonth() - 1))), x = v(() => new Date(g.value.setMonth(g.value.getMonth() + 1))), w = v(() => {
+    const _ = f(() => new Date(g.value.setMonth(g.value.getMonth() - 1))), x = f(() => new Date(g.value.setMonth(g.value.getMonth() + 1))), w = f(() => {
       const { range: j } = n, U = j ? Oh(g.value, j[0]) : !0, I = j ? Dh(g.value, j[1]) : !0, P = Ph(j);
       return {
         showPreviousMonthButton: U,
         showNextMonthButton: I,
         showTodayButton: P
       };
-    }), z = v(
+    }), z = f(
       () => T({
         "nmorph-calendar": []
       })
@@ -5509,12 +5509,12 @@ const sg = /* @__PURE__ */ A({
     return !0;
   const n = t && t[0], r = t && t[1];
   return e >= n && e <= r;
-}, o2 = (t) => {
+}, n2 = (t) => {
   const { months: e } = _n();
   return e[t];
 }, Eh = (t) => t % 4 === 0 && t % 100 !== 0 || t % 400 === 0, h0 = (t, e) => [0, 2, 4, 6, 7, 9, 11].includes(e) ? 31 : [3, 5, 8, 10].includes(e) ? 30 : Eh(t) ? 29 : 28, Ce = (t) => new Date(t.getFullYear(), t.getMonth(), t.getDate()), Fh = (t, e) => {
   const n = (I) => e ? I < Ce(e[0]) || I > Ce(e[1]) : !1, r = t.value.getFullYear(), l = t.value.getMonth(), c = new Date(r, l, 1).getDay() + 1, d = h0(r, l), u = 7 + c - 8;
-  let f = 7 - (new Date(r, l, d).getDay() + 1);
+  let v = 7 - (new Date(r, l, d).getDay() + 1);
   const b = /* @__PURE__ */ new Date(), g = b.getDate(), p = b.getMonth(), $ = l - 1, H = h0(r, $);
   let _ = H - u;
   const x = [];
@@ -5531,8 +5531,8 @@ const sg = /* @__PURE__ */ A({
   }
   const w = l + 1, z = [];
   let C = 0;
-  for (; f; ) {
-    C++, f--;
+  for (; v; ) {
+    C++, v--;
     const I = p === w && g === C, P = new Date(r, w, C);
     z.push({
       value: C,
@@ -5569,9 +5569,9 @@ const sg = /* @__PURE__ */ A({
     combinedShadowBorderWidth: { default: 0 }
   },
   setup(t) {
-    const e = t, n = v(
+    const e = t, n = f(
       () => T({
-        nmorph: [x0[e.shadowType]],
+        nmorph: [b0[e.shadowType]],
         "nmorph-card": [e.shadowType]
       })
     ), r = F`
@@ -5632,29 +5632,29 @@ const sg = /* @__PURE__ */ A({
       n.value = n.value + 1;
     }, l = () => {
       n.value = n.value - 1;
-    }, i = t, c = e, d = v(
+    }, i = t, c = e, d = f(
       () => T({
         "nmorph-carousel": []
       })
     ), u = M([]), h = Ie();
     de("carousel-data", { data: u, carouselId: h });
-    const y = M(null), f = _e({}), b = () => {
-      const w = f[Object.keys(f).length - 1]?.cloneNode(!0), z = f[0]?.cloneNode(!0);
+    const y = M(null), v = _e({}), b = () => {
+      const w = v[Object.keys(v).length - 1]?.cloneNode(!0), z = v[0]?.cloneNode(!0);
       y.value?.prepend(w), y.value?.append(z), n.value += 1;
     }, g = () => {
-      n.value === 0 && (n.value = Object.keys(f).length, H.value = !1), n.value > Object.keys(f).length && (n.value = 1, H.value = !1);
+      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 && (Pe(() => b()), y.value?.addEventListener("transitionend", g));
     }), X(n, (w) => {
-      c("change", n.value), (w === 1 || w === Object.keys(f).length) && setTimeout(() => {
+      c("change", n.value), (w === 1 || w === Object.keys(v).length) && setTimeout(() => {
         H.value = !0;
       });
     });
     const p = (w, z) => {
       const C = w;
-      f[z] = C;
-    }, $ = v(() => `translateX(-${n.value * 100}%)`), H = M(!0), _ = (w) => w === n.value - 1, x = (w) => {
+      v[z] = C;
+    }, $ = f(() => `translateX(-${n.value * 100}%)`), H = M(!0), _ = (w) => w === n.value - 1, x = (w) => {
       n.value = w + 1;
     };
     return (w, z) => (a(), s("div", {
@@ -5706,7 +5706,7 @@ const sg = /* @__PURE__ */ A({
     name: {}
   },
   setup(t) {
-    const e = t, n = v(
+    const e = t, n = f(
       () => T({
         "nmorph-carousel-item": []
       })
@@ -5751,7 +5751,7 @@ const sg = /* @__PURE__ */ A({
       i("update:model-value", r.value);
     };
     de("collapse-data", r), de("update-model", l);
-    const i = e, c = v(
+    const i = e, c = f(
       () => T({
         "nmorph-collapse": []
       })
@@ -5773,15 +5773,15 @@ const sg = /* @__PURE__ */ A({
   },
   emits: ["click-item"],
   setup(t, { emit: e }) {
-    const n = t, r = e, l = M(!1), i = v(
+    const n = t, r = e, l = M(!1), i = f(
       () => T({
         "nmorph-collapse-item": [`${n.disabled && "disabled"}`, `${l.value && "is-open"}`]
       })
-    ), c = v(
+    ), c = f(
       () => T({
         nmorph: [ye[n.height]]
       })
-    ), d = oe("collapse-data", void 0), u = oe("update-model", void 0), h = M(null), y = M(0), f = () => {
+    ), d = oe("collapse-data", void 0), u = oe("update-model", void 0), h = M(null), y = M(0), v = () => {
       n.block || (l.value = !l.value, u && (u(n.name, l.value), r("click-item", { id: n.name, isOpen: l.value })));
     };
     he(() => {
@@ -5828,7 +5828,7 @@ const sg = /* @__PURE__ */ A({
 `;
     return (p, $) => (a(), B(g, {
       class: S(i.value),
-      onClick: xe(f, ["stop"])
+      onClick: xe(v, ["stop"])
     }, {
       default: k(() => [
         o("div", {
@@ -5873,14 +5873,14 @@ const sg = /* @__PURE__ */ A({
   },
   emits: ["error", "load"],
   setup(t, { emit: e }) {
-    const { t: n } = lt(), r = t, l = v(() => r.loadingText ? r.loadingText : n("loadingText")), i = v(() => r.loadFailedText ? r.loadFailedText : n("loadFailedText")), c = M(!1), d = M(!1), u = e, h = ($) => {
+    const { t: n } = lt(), r = t, l = f(() => r.loadingText ? r.loadingText : n("loadingText")), i = f(() => r.loadFailedText ? r.loadFailedText : n("loadFailedText")), c = M(!1), d = M(!1), u = e, h = ($) => {
       c.value = !0, d.value = !1, u("load", $);
     }, y = ($) => {
       c.value = !0, d.value = !0, u("error", $);
-    }, f = v(() => c.value && d.value), b = v(
+    }, v = f(() => c.value && d.value), b = f(
       () => T({
         nmorph: [`${r.frameBorder > 0 && "shadow-combined"}`],
-        "nmorph-image": [`${(f.value || !c.value) && "hide"}`]
+        "nmorph-image": [`${(v.value || !c.value) && "hide"}`]
       })
     ), g = F`
   --width: auto;
@@ -5918,7 +5918,7 @@ const sg = /* @__PURE__ */ A({
   ${g}
 
   .nmorph {
-    ${_0(Number(($) => $.frameBorder))};
+    ${g0(Number(($) => $.frameBorder))};
   }
 `;
     return ($, H) => r.src ? (a(), B(p, {
@@ -5934,7 +5934,7 @@ const sg = /* @__PURE__ */ A({
           onLoad: h,
           onError: y
         }, null, 40, Xh),
-        f.value ? (a(), s("div", Qh, [
+        v.value ? (a(), s("div", Qh, [
           N($.$slots, "error", {}, () => [
             fe(W(i.value), 1)
           ])
@@ -5971,23 +5971,23 @@ const sg = /* @__PURE__ */ A({
       () => n.modelValue,
       (I) => r.value = I
     );
-    const l = v(
+    const l = f(
       () => T({
         "nmorph-image-preview": [`${r.value && "opened"}`]
       })
-    ), i = M(n.initialIndex), c = v(() => typeof n.src == "string" ? n.src : n.src[i.value]), d = M(1), u = () => {
+    ), i = M(n.initialIndex), c = f(() => typeof n.src == "string" ? n.src : n.src[i.value]), d = M(1), u = () => {
       r.value = !0, L("update:model-value", r.value);
     }, h = () => {
       r.value = !1, L("update:model-value", r.value);
     }, y = () => {
       _.value = _.value + 90, _.value >= 360 && (_.value = 0);
-    }, f = () => {
+    }, v = () => {
       _.value = _.value - 90, _.value <= -360 && (_.value = 0);
     }, b = () => {
       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 = v(() => d.value < 1), $ = () => {
+    }, p = f(() => d.value < 1), $ = () => {
       d.value = 1;
     }, H = () => {
       d.value = 1;
@@ -5997,7 +5997,7 @@ const sg = /* @__PURE__ */ A({
     }, w = () => {
       const I = n.src.length - 1, P = i.value + 1;
       P > I ? i.value = 0 : i.value = P;
-    }, z = v(() => {
+    }, z = f(() => {
       let I = {
         icon: yd,
         handler: H
@@ -6013,7 +6013,7 @@ const sg = /* @__PURE__ */ A({
       },
       {
         icon: P8,
-        handler: f
+        handler: v
       },
       {
         icon: bh,
@@ -6023,7 +6023,7 @@ const sg = /* @__PURE__ */ A({
         icon: $h,
         handler: g
       }
-    ], L = e, O = v(() => Array.isArray(n.src) && n.src.length > 0), j = F`
+    ], L = e, O = f(() => Array.isArray(n.src) && n.src.length > 0), j = F`
   --width: 50px;
   --height: 50px;
 
@@ -6225,7 +6225,7 @@ const sg = /* @__PURE__ */ A({
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const n = t, r = e, l = v(
+    const n = t, r = e, l = f(
       () => T({
         "nmorph-pagination": [`${n.disabled && "disabled"}`]
       })
@@ -6233,16 +6233,16 @@ const sg = /* @__PURE__ */ A({
       d.value = String(Number(d.value) - 1);
     }, c = () => {
       d.value = String(Number(d.value) + 1);
-    }, d = M(String(n.modelValue)), u = v(() => {
+    }, d = M(String(n.modelValue)), u = f(() => {
       const _ = n.totalElementsQuantity / n.elementsQuantityOnPage + 1, x = _ % 1 === 0 ? -1 : 0;
       return Array.from({ length: _ + x }, (z, C) => ({ value: String(C + 1), label: String(C + 1) }));
-    }), h = v(() => n.hideOnSinglePage || n.totalElementsQuantity / n.elementsQuantityOnPage > 1);
+    }), h = f(() => n.hideOnSinglePage || n.totalElementsQuantity / n.elementsQuantityOnPage > 1);
     X(d, (_) => {
       r("update:model-value", Number(_));
     });
     const y = (_) => {
       d.value = _;
-    }, f = v(() => Number(d.value) === 1), b = v(() => u.value.length === Number(d.value)), g = v(() => {
+    }, v = f(() => Number(d.value) === 1), b = f(() => u.value.length === Number(d.value)), g = f(() => {
       const _ = u.value.length, x = Number(d.value), w = n.maxVisiblePages;
       if (_ <= w)
         return u.value;
@@ -6325,7 +6325,7 @@ const sg = /* @__PURE__ */ A({
       default: k(() => [
         V(m(Q), {
           class: "nmorph-pagination__btn nmorph-pagination__prev-btn",
-          disabled: f.value || n.disabled,
+          disabled: v.value || n.disabled,
           onClick: i
         }, {
           default: k(() => [
@@ -6338,7 +6338,7 @@ const sg = /* @__PURE__ */ A({
           ]),
           _: 1
         }, 8, ["disabled"]),
-        V(m(s2), {
+        V(m(a2), {
           "model-value": d.value,
           class: "nmorph-pagination__page-group",
           disabled: n.disabled,
@@ -6409,15 +6409,15 @@ const sg = /* @__PURE__ */ A({
     circleSize: { default: 120 }
   },
   setup(t) {
-    const e = t, n = v(
+    const e = t, n = f(
       () => T({
         "nmorph-progress": []
       })
-    ), r = v(() => Array.isArray(e.color) ? e.color.find((g) => g.percentage <= e.percentage)?.color : typeof e.color == "function" ? e.color(e.percentage) : e.color), l = v(() => e.indeterminate ? "var(--animation)" : "none"), i = M(null), c = M(1), d = v(() => `${c.value} ${c.value}`), u = v(() => c.value - e.percentage / 100 * c.value);
+    ), 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 = M(null), c = M(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);
     });
-    const h = v(() => `${e.circleSize}px`), y = v(() => `${e.percentage}%`), f = F`
+    const h = f(() => `${e.circleSize}px`), y = f(() => `${e.percentage}%`), v = F`
   --height: 8px;
   --width-transition: 0.4s ease-in-out width;
   --animation: slide 2s linear infinite;
@@ -6497,7 +6497,7 @@ const sg = /* @__PURE__ */ A({
     stroke-width: 4px;
   }
 `, b = E.div`
-  ${f}
+  ${v}
 
   .nmorph-progress__inner {
     width: ${(g) => g.displayPercentage};
@@ -6572,7 +6572,7 @@ const sg = /* @__PURE__ */ A({
     rows: { default: 0 }
   },
   setup(t) {
-    const e = t, n = v(
+    const e = t, n = f(
       () => T({
         "nmorph-skeleton": [`${e.animated && e.loading && "loading"}`]
       })
@@ -6637,11 +6637,11 @@ const gp = { class: "nmorph-skeleton-item__element" }, _p = /* @__PURE__ */ A({
     design: { default: "nmorph" }
   },
   setup(t) {
-    const e = t, n = v(
+    const e = t, n = f(
       () => T({
         "nmorph-skeleton-item": [e.variant, `${e.design === "nmorph" ? "nmorph-design" : ""}`]
       })
-    ), r = v(() => e.width), l = v(() => e.height), i = F`
+    ), r = f(() => e.width), l = f(() => e.height), i = F`
   position: relative;
   margin-bottom: var(--indentation-02);
   overflow: hidden;
@@ -6691,7 +6691,7 @@ const gp = { class: "nmorph-skeleton-item__element" }, _p = /* @__PURE__ */ A({
   },
   emits: ["sort"],
   setup(t, { emit: e }) {
-    const n = t, r = e, l = v(
+    const n = t, r = e, l = f(
       () => T({
         "nmorph-sort-button": [`${n.value}`]
       })
@@ -6780,7 +6780,7 @@ const gp = { class: "nmorph-skeleton-item__element" }, _p = /* @__PURE__ */ A({
     design: { default: "nmorph" }
   },
   setup(t) {
-    const e = t, n = v(
+    const e = t, n = f(
       () => T({
         "nmorph-table": [`${e.design}`]
       })
@@ -6794,7 +6794,7 @@ const gp = { class: "nmorph-skeleton-item__element" }, _p = /* @__PURE__ */ A({
       }));
     }, c = M(null), d = M([]);
     de("table-data", { rows: r, columns: d });
-    const u = v(() => {
+    const u = f(() => {
       const $ = d.value.map((z) => z.width).filter((z) => !!z), H = $.length, _ = $.reduce((z, C) => (z += Number(C), z), 0), x = d.value.length - H;
       return c.value?.clientWidth ? (c.value?.clientWidth - _) / x : 0;
     }), h = ($) => $ !== "" ? $ : u.value, y = M(0);
@@ -6807,7 +6807,7 @@ const gp = { class: "nmorph-skeleton-item__element" }, _p = /* @__PURE__ */ A({
         immediate: !0
       }
     );
-    const f = ($) => typeof $ == "object" ? "" : $, b = Ie();
+    const v = ($) => typeof $ == "object" ? "" : $, b = Ie();
     de("table-identifier", b);
     const g = F`
   .nmorph-table {
@@ -6943,7 +6943,7 @@ const gp = { class: "nmorph-skeleton-item__element" }, _p = /* @__PURE__ */ A({
                         id: `table-cell-${m(b)}-${x}-${w.prop}`,
                         style: ue({ "text-align": w.alignment }),
                         class: "nmorph-table__cell nmorph-table__cell--data"
-                      }, W(f(_[w.prop])), 13, zp)
+                      }, W(v(_[w.prop])), 13, zp)
                     ], 2))), 128))
                   ], 2))), 128))
                 ])
@@ -6972,11 +6972,11 @@ const gp = { class: "nmorph-skeleton-item__element" }, _p = /* @__PURE__ */ A({
     row: {}
   },
   setup(t) {
-    const e = oe("column-property", void 0), n = oe("table-identifier", void 0), r = t, l = v(
+    const e = oe("column-property", void 0), n = oe("table-identifier", void 0), r = t, l = f(
       () => T({
         "nmorph-table-cell": []
       })
-    ), i = v(() => `#table-cell-${n}-${r.row}-${e}`), c = M(!1);
+    ), i = f(() => `#table-cell-${n}-${r.row}-${e}`), c = M(!1);
     return he(async () => {
       await Pe();
       const d = document.querySelector(i.value);
@@ -6999,7 +6999,7 @@ const gp = { class: "nmorph-skeleton-item__element" }, _p = /* @__PURE__ */ A({
     prop: {}
   },
   setup(t) {
-    const e = oe("table-data", void 0), n = oe("table-identifier", void 0), r = t, l = v(
+    const e = oe("table-data", void 0), n = oe("table-identifier", void 0), r = t, l = f(
       () => T({
         "nmorph-table-column": []
       })
@@ -7031,7 +7031,7 @@ const gp = { class: "nmorph-skeleton-item__element" }, _p = /* @__PURE__ */ A({
   },
   emits: ["close", "update:model-value"],
   setup(t, { emit: e }) {
-    const n = t, r = e, l = v(
+    const n = t, r = e, l = f(
       () => T({
         "nmorph-list": []
       })
@@ -7043,13 +7043,13 @@ const gp = { class: "nmorph-skeleton-item__element" }, _p = /* @__PURE__ */ A({
     return (d, u) => (a(), s("div", {
       class: S(l.value)
     }, [
-      (a(!0), s(J, null, Z(m(i), (h) => (a(), B(m(r2), nt({
+      (a(!0), s(J, null, Z(m(i), (h) => (a(), B(m(o2), nt({
         key: h.value,
         ref_for: !0
       }, h, { onClose: c }), null, 16))), 128))
     ], 2));
   }
-}), Ip = { class: "nmorph-tag-item__content" }, r2 = /* @__PURE__ */ A({
+}), Ip = { class: "nmorph-tag-item__content" }, o2 = /* @__PURE__ */ A({
   __name: "NmorphTagItem",
   props: {
     value: {},
@@ -7060,7 +7060,7 @@ const gp = { class: "nmorph-skeleton-item__element" }, _p = /* @__PURE__ */ A({
   },
   emits: ["close"],
   setup(t, { emit: e }) {
-    const n = t, r = v(
+    const n = t, r = f(
       () => T({
         nmorph: [ye[n.height]],
         "nmorph-tag-item": [`${n.design === "nmorph" ? "nmorph-design" : ""}`]
@@ -7146,7 +7146,7 @@ const gp = { class: "nmorph-skeleton-item__element" }, _p = /* @__PURE__ */ A({
   },
   emits: ["close"],
   setup(t, { emit: e }) {
-    const n = t, r = e, l = v(
+    const n = t, r = e, l = f(
       () => T({
         "nmorph-alert": [n.type, `${n.bordered && "bordered"}`, `${n.fill && "fill"}`]
       })
@@ -7157,9 +7157,7 @@ const gp = { class: "nmorph-skeleton-item__element" }, _p = /* @__PURE__ */ A({
       [Je.warning]: uh,
       [Je.info]: q3,
       [Je.error]: s4
-    }, d = it();
-    v(() => n.closeIconPosition);
-    const u = F`
+    }, d = it(), u = F`
   --background-color: var(--nmorph-overlay-color);
 
   display: inline-block;
@@ -7198,7 +7196,6 @@ const gp = { class: "nmorph-skeleton-item__element" }, _p = /* @__PURE__ */ A({
   }
 
   .nmorph-alert__close {
-    align-self: v-bind(closeButtonPosition);
 
     margin-left: var(--indentation-03);
     cursor: pointer;
@@ -7249,11 +7246,15 @@ const gp = { class: "nmorph-skeleton-item__element" }, _p = /* @__PURE__ */ A({
   }
 `, h = E.div`
   ${u}
+  .nmorph-alert__close {
+    align-self: ${(y) => y.closeButtonPosition};
+  }
 
 `;
-    return (y, f) => m(d).default || n.title || n.content || n.html ? (a(), B(h, {
+    return (y, v) => m(d).default || n.title || n.content || n.html ? (a(), B(h, {
       key: 0,
-      class: S(l.value)
+      class: S(l.value),
+      props: { closeButtonPosition: n.closeIconPosition }
     }, {
       default: k(() => [
         n.html ? (a(), s("div", {
@@ -7303,7 +7304,7 @@ const gp = { class: "nmorph-skeleton-item__element" }, _p = /* @__PURE__ */ A({
         ]))
       ]),
       _: 3
-    }, 8, ["class"])) : D("", !0);
+    }, 8, ["class", "props"])) : D("", !0);
   }
 });
 var Je = /* @__PURE__ */ ((t) => (t.success = "success", t.error = "error", t.warning = "warning", t.info = "info", t))(Je || {});
@@ -7322,7 +7323,7 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
   },
   emits: ["on-close", "update:model-value"],
   setup(t, { emit: e }) {
-    const n = t, r = e, l = v(
+    const n = t, r = e, l = f(
       () => T({
         "nmorph-dialog": []
       })
@@ -7368,7 +7369,7 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
   .nmorph-dialog__close-icon {
     cursor: pointer;
   }
-`, f = E.div`
+`, v = E.div`
   ${y}
   --width: ${(b) => b.dialogWidth};
   z-index: ${(b) => b.zIndex};
@@ -7378,7 +7379,7 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
       onOnOutsideClick: h
     }, {
       default: k(() => [
-        V(f, {
+        V(v, {
           class: S(l.value),
           props: { dialogWidth: n.width, zIndex: n.zIndex }
         }, {
@@ -7420,11 +7421,11 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
     forceCoordinate: { default: null }
   },
   setup(t, { expose: e }) {
-    const n = t, r = M(n.forceShow), l = M(null), i = M(null), { placement: c } = w0({
+    const n = t, r = M(n.forceShow), l = M(null), i = M(null), { placement: c } = _0({
       initialPlacement: n.position,
       contentDOMElement: l,
       relativeElement: i
-    }), d = v(
+    }), d = f(
       () => T({
         "nmorph-tooltip": [
           c.value,
@@ -7435,8 +7436,8 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
       r.value = !0;
     }, h = () => {
       n.forceShow || (r.value = !1);
-    }, y = v(() => n.forceCoordinate ? "100%" : "auto"), f = M(null);
-    e({ tooltipBody: f });
+    }, y = f(() => n.forceCoordinate ? "100%" : "auto"), v = M(null);
+    e({ tooltipBody: v });
     const b = F`
   --max-width: 120px;
 
@@ -7575,7 +7576,7 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
                 class: "nmorph-tooltip__info-content",
                 style: ue({ left: p.forceCoordinate?.x, bottom: p.forceCoordinate?.y }),
                 ref_key: "tooltipBody",
-                ref: f
+                ref: v
               }, [
                 o("div", Rp, [
                   n.forceCoordinate ? D("", !0) : (a(), s("div", Wp)),
@@ -7651,7 +7652,7 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
     );
     const c = M(null);
     e({ inputDOMRef: c });
-    const d = r !== void 0, u = d ? M(r.value) : M(i.modelValue), h = v(() => d ? r.value.includes(i.id) : i.modelValue), y = n, f = () => {
+    const d = r !== void 0, u = d ? M(r.value) : M(i.modelValue), h = f(() => d ? r.value.includes(i.id) : i.modelValue), y = n, v = () => {
       if (!i.disabled) {
         if (!d) {
           u.value = !u.value, y("update:model-value", u.value);
@@ -7659,7 +7660,7 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
         }
         l && Array.isArray(u.value) && l(i.id, u.value);
       }
-    }, b = v(
+    }, b = f(
       () => T({
         "nmorph-checkbox": [
           `${h.value && "checked"}`,
@@ -7699,7 +7700,7 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
   input:focus-visible {
     opacity: 1;
     scale: 0.95;
-    ${kt()}
+    ${Mt()}
   }
 
   .nmorph-checkbox__fake {
@@ -7715,7 +7716,7 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
 
   .nmorph-checkbox__label,
   .nmorph-checkbox__fake span {
-    ${Mt()}
+    ${$t()}
   }
 
   .nmorph-checkbox__fake-checked {
@@ -7778,7 +7779,7 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
               disabled: i.disabled,
               checked: h.value,
               class: "nmorph-native-input",
-              onChange: f
+              onChange: v
             }, null, 40, Jp),
             H[0] || (H[0] = o("div", { class: "nmorph-checkbox__fake" }, null, -1)),
             h.value ? (a(), s("div", Zp)) : D("", !0)
@@ -7796,7 +7797,7 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
             type: "checkbox",
             disabled: i.disabled,
             checked: h.value,
-            onChange: f
+            onChange: v
           }, null, 40, o5),
           i.label ? (a(), s("div", r5, [
             o("span", null, W(i.label), 1)
@@ -7822,7 +7823,7 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
   setup(t, { emit: e }) {
     const n = t, r = M(n.modelValue), l = e, i = (h) => {
       r.value.includes(h) ? r.value = r.value.filter((y) => y !== h) : r.value.push(h), l("update:model-value", r.value);
-    }, c = v(
+    }, c = f(
       () => T({
         "nmorph-checkbox-group": [n.design, n.direction]
       })
@@ -7869,12 +7870,12 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
       default: k(() => [
         o("div", l5, [
           o("div", i5, [
-            (a(!0), s(J, null, Z(h.options, (f, b) => (a(), B(m(s5), {
-              id: f.id,
+            (a(!0), s(J, null, Z(h.options, (v, b) => (a(), B(m(s5), {
+              id: v.id,
               key: b,
-              label: f.label,
-              "model-value": f.modelValue,
-              disabled: f.disabled,
+              label: v.label,
+              "model-value": v.modelValue,
+              disabled: v.disabled,
               design: n.design
             }, null, 8, ["id", "label", "model-value", "disabled", "design"]))), 128)),
             N(h.$slots, "default")
@@ -7903,7 +7904,7 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
   },
   emits: ["update:model-value", "select"],
   setup(t, { emit: e }) {
-    const n = t, r = M(n.modelValue), l = e, i = v(
+    const n = t, r = M(n.modelValue), l = e, i = f(
       () => T({
         "nmorph-autocomplete": []
       })
@@ -7911,11 +7912,11 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
       r.value = H, l("update:model-value", r.value);
     }, d = M(!1), u = M(null), h = () => {
       d.value = !1;
-    }, y = v(() => n.list.filter((H) => Object.keys(H).some((_) => String(H[_]).toLowerCase().includes(r.value.toLowerCase()))));
+    }, y = f(() => n.list.filter((H) => Object.keys(H).some((_) => String(H[_]).toLowerCase().includes(r.value.toLowerCase()))));
     X(y, (H) => {
       d.value = H.length > 0;
     });
-    const f = (H) => {
+    const v = (H) => {
       l("select", H), r.value = H.value, setTimeout(() => {
         d.value = !1;
       });
@@ -7992,7 +7993,7 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
               (a(!0), s(J, null, Z(y.value, (x, w) => (a(), s("div", {
                 key: w,
                 class: "nmorph-autocomplete__list-item",
-                onClick: () => f(x)
+                onClick: () => v(x)
               }, [
                 N(H.$slots, "default", { scope: x }, () => [
                   fe(W(x.value), 1)
@@ -8010,7 +8011,7 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
   __name: "NmorphClearButton",
   emits: ["clear"],
   setup(t, { emit: e }) {
-    const n = e, r = v(
+    const n = e, r = f(
       () => T({
         "nmorph-input-clear-button": []
       })
@@ -8032,7 +8033,7 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
   },
   emits: ["prev-month", "next-month", "prev-year", "next-year", "change-year", "change-month"],
   setup(t, { emit: e }) {
-    const n = t, r = e, l = v(
+    const n = t, r = e, l = f(
       () => T({
         "nmorph-date-picker-header": []
       })
@@ -8119,7 +8120,7 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
             tabindex: -1
           }, null, 8, ["text"]),
           V(m(Q), {
-            text: m(o2)(n.month),
+            text: m(n2)(n.month),
             "style-type": "transparent",
             fill: "",
             onClick: u[3] || (u[3] = (h) => r("change-month")),
@@ -8186,11 +8187,11 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
         deep: !0
       }
     );
-    const h = e, y = v(
+    const h = e, y = f(
       () => T({
         "nmorph-year-month-picker": []
       })
-    ), f = (w) => {
+    ), v = (w) => {
       c.value = w, l.type === "month" ? h("update-month", c.value) : h("update-year", c.value);
     }, b = (w) => {
       i.value = i.value.map((z) => {
@@ -8204,7 +8205,7 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
       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" ? b("decrease") : g("decrease") : l.type === "year" ? b("increase") : g("increase");
-    }, $ = v(() => l.type === "year" ? `${i.value[0].label} - ${i.value[i.value.length - 1].label}` : String(d.value)), H = () => {
+    }, $ = 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`
   .nmorph-year-month-picker__header {
@@ -8290,10 +8291,10 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
         ]),
         V(m(Cm)),
         o("div", b5, [
-          V(m(s2), {
+          V(m(a2), {
             "model-value": c.value,
             options: i.value,
-            "onUpdate:modelValue": f
+            "onUpdate:modelValue": v
           }, null, 8, ["model-value", "options"])
         ])
       ]),
@@ -8309,11 +8310,11 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
   },
   emits: ["update-selected-value"],
   setup(t, { emit: e }) {
-    const n = t, r = e, l = v(
+    const n = t, r = e, l = f(
       () => T({
         "nmorph-date-picker-content": []
       })
-    ), i = M(n.initialDate), c = M("calendar"), d = v(() => new Date(i.value.setMonth(i.value.getMonth() - 1))), u = v(() => new Date(i.value.setMonth(i.value.getMonth() + 1))), h = v(() => new Date(i.value.setFullYear(i.value.getFullYear() - 1))), y = v(() => new Date(i.value.setFullYear(i.value.getFullYear() + 1))), f = () => {
+    ), i = M(n.initialDate), c = M("calendar"), d = f(() => new Date(i.value.setMonth(i.value.getMonth() - 1))), u = f(() => new Date(i.value.setMonth(i.value.getMonth() + 1))), h = f(() => new Date(i.value.setFullYear(i.value.getFullYear() - 1))), y = f(() => new Date(i.value.setFullYear(i.value.getFullYear() + 1))), v = () => {
       i.value = d.value;
     }, b = () => {
       i.value = u.value;
@@ -8353,7 +8354,7 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
           V(g5, {
             year: i.value.getFullYear(),
             month: i.value.getMonth(),
-            onPrevMonth: f,
+            onPrevMonth: v,
             onNextMonth: b,
             onPrevYear: g,
             onNextYear: p,
@@ -8392,20 +8393,20 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const { t: n } = lt(), r = t, l = v(() => r.placeholder ? r.placeholder : n("pickADate")), i = M(r.modelValue), c = e, d = M(!1), u = () => {
+    const { t: n } = lt(), r = t, l = f(() => r.placeholder ? r.placeholder : n("pickADate")), i = M(r.modelValue), c = e, d = M(!1), u = () => {
       d.value = !0;
     }, h = () => {
       d.value = !1;
-    }, y = v(
+    }, y = f(
       () => T({
         nmorph: [ye[r.height]],
         "nmorph-date-picker": [`${r.disabled && "disabled"}`, r.type, `${d.value && "focus"}`]
       })
-    ), f = M(!1), b = M(null), g = () => {
-      f.value = !1;
+    ), v = M(!1), b = M(null), g = () => {
+      v.value = !1;
     }, p = () => {
-      f.value = !f.value;
-    }, $ = v(() => {
+      v.value = !v.value;
+    }, $ = f(() => {
       if (!i.value)
         return l.value;
       if (Array.isArray(i.value)) {
@@ -8420,7 +8421,7 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
       i.value = C, c("update:model-value", i.value);
     }, _ = (C) => {
       i.value = C, c("update:model-value", i.value);
-    }, x = v(() => Array.isArray(i.value) ? i.value.length > 0 : !!i.value), w = F`
+    }, x = f(() => Array.isArray(i.value) ? i.value.length > 0 : !!i.value), w = F`
   --width: 200px;
   position: relative;
   width: var(--width);
@@ -8503,7 +8504,7 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
   }
 
   &.nmorph-date-picker--focus {
-    ${kt()}
+    ${Mt()}
   }
 
   &.nmorph-date-picker--disabled {
@@ -8524,7 +8525,7 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
           o("div", {
             ref_key: "nmorphInputDOMRef",
             ref: b,
-            class: S(["nmorph-date-picker__input", { "nmorph-date-picker__input--open": f.value }]),
+            class: S(["nmorph-date-picker__input", { "nmorph-date-picker__input--open": v.value }]),
             onClick: p
           }, [
             o("input", {
@@ -8551,7 +8552,7 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
               key: 0,
               "fill-width": !1,
               width: 324,
-              open: f.value,
+              open: v.value,
               "relative-element": b.value,
               onOnOutsideClick: g
             }, {
@@ -8586,7 +8587,7 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
   },
   emits: ["update:model-value", "on-unsupported-file-type-error"],
   setup(t, { expose: e, emit: n }) {
-    const { t: r } = lt(), l = t, i = v(() => l.buttonText ? l.buttonText : r("selectFile")), c = (x) => x.split("/")[1], d = (x) => {
+    const { t: r } = lt(), l = t, i = f(() => l.buttonText ? l.buttonText : r("selectFile")), c = (x) => x.split("/")[1], d = (x) => {
       const w = c(x);
       let z = si;
       return w in wn && (z = G3), w in xn && (z = Ks), w in bn && (z = rh), w in yn && (z = Os), z;
@@ -8594,7 +8595,7 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
     let u = _e(l.modelValue);
     const h = M(null), y = () => {
       h.value && h.value.click();
-    }, f = (x) => {
+    }, v = (x) => {
       const w = x.target;
       if (w.files) {
         if (Array.from(w.files).forEach((z) => {
@@ -8617,7 +8618,7 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
       w !== -1 && (URL.revokeObjectURL(u[w].previewUrl), u.splice(w, 1), b());
     };
     e({ inputDOMRef: h });
-    const p = n, $ = v(
+    const p = n, $ = f(
       () => T({
         "nmorph-file-upload": [`${l.disabled && "disabled"}`]
       })
@@ -8673,7 +8674,7 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
             type: "file",
             multiple: l.multiple,
             class: "nmorph-native-input",
-            onChange: f
+            onChange: v
           }, null, 40, V5),
           N(x.$slots, "trigger", {}, () => [
             V(m(Q), {
@@ -8725,12 +8726,12 @@ const Ep = { class: "nmorph-dialog__header" }, Fp = { class: "nmorph-dialog__tit
     }, 8, ["class"]));
   }
 });
-var wn = /* @__PURE__ */ ((t) => (t.jpeg = "image/jpeg", t.jpg = "image/jpg", t.png = "image/png", t.gif = "image/gif", t["svg-xml"] = "image/svg+xml", t.webp = "image/webp", t))(wn || {}), bn = /* @__PURE__ */ ((t) => (t.mp4 = "video/mp4", t.webm = "video/webm", t["wideo-ogg"] = "video/ogg", t))(bn || {}), xn = /* @__PURE__ */ ((t) => (t.mpeg = "audio/mpeg", t["audio-ogg"] = "audio/ogg", t.wav = "audio/wav", t))(xn || {}), a2 = /* @__PURE__ */ ((t) => (t.pdf = "application/pdf", t.msword = "application/msword", t.docx = "application/vnd.openxmlformats-officedocument.wordprocessingml.document", t.xlsx = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", t.pptx = "application/vnd.openxmlformats-officedocument.presentationml.presentation", t.json = "application/json", t.xml = "application/xml", t))(a2 || {}), yn = /* @__PURE__ */ ((t) => (t.zip = "application/zip", t.rar = "application/x-rar-compressed", t["7z"] = "application/x-7z-compressed", t))(yn || {});
+var wn = /* @__PURE__ */ ((t) => (t.jpeg = "image/jpeg", t.jpg = "image/jpg", t.png = "image/png", t.gif = "image/gif", t["svg-xml"] = "image/svg+xml", t.webp = "image/webp", t))(wn || {}), bn = /* @__PURE__ */ ((t) => (t.mp4 = "video/mp4", t.webm = "video/webm", t["wideo-ogg"] = "video/ogg", t))(bn || {}), xn = /* @__PURE__ */ ((t) => (t.mpeg = "audio/mpeg", t["audio-ogg"] = "audio/ogg", t.wav = "audio/wav", t))(xn || {}), r2 = /* @__PURE__ */ ((t) => (t.pdf = "application/pdf", t.msword = "application/msword", t.docx = "application/vnd.openxmlformats-officedocument.wordprocessingml.document", t.xlsx = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", t.pptx = "application/vnd.openxmlformats-officedocument.presentationml.presentation", t.json = "application/json", t.xml = "application/xml", t))(r2 || {}), yn = /* @__PURE__ */ ((t) => (t.zip = "application/zip", t.rar = "application/x-rar-compressed", t["7z"] = "application/x-7z-compressed", t))(yn || {});
 const yg = {
   ...wn,
   ...bn,
   ...xn,
-  ...a2,
+  ...r2,
   ...yn
 }, N5 = { class: "nmorph-form__content" }, $g = /* @__PURE__ */ A({
   __name: "NmorphForm",
@@ -8739,7 +8740,7 @@ const yg = {
     validateImmediately: { type: Boolean, default: !1 }
   },
   setup(t, { expose: e }) {
-    const n = t, r = v(
+    const n = t, r = f(
       () => T({
         "nmorph-form": []
       })
@@ -8760,7 +8761,7 @@ const yg = {
     staticHeight: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = t, n = v(() => (Array.isArray(e.errors) ? e.errors : e.errors.value).reverse()), r = v(
+    const e = t, n = f(() => (Array.isArray(e.errors) ? e.errors : e.errors.value).reverse()), r = f(
       () => T({
         nmorph: [ye[e.height]],
         "nmorph-error-box": [`${e.staticHeight && "static-height"}`, `${n.value.length === 0 && "empty"}`]
@@ -8805,21 +8806,18 @@ const yg = {
       _: 1
     }, 8, ["class"]));
   }
-}), ft = "18px", A5 = /* @__PURE__ */ A({
+}), Ot = "18px", A5 = /* @__PURE__ */ A({
   __name: "NmorphValidationIcon",
   props: {
     valid: { type: [Boolean, Object] },
     show: { type: [Boolean, Object], default: !0 }
   },
   setup(t) {
-    v0((c) => ({
-      a4b22688: ft
-    }));
-    const e = t, n = v(
+    const e = t, n = f(
       () => T({
         "nmorph-validation-icon": [e.valid ? "valid" : "invalid"]
       })
-    ), r = v(() => e.valid ? "success" : "error"), l = F`
+    ), r = f(() => e.valid ? "success" : "error"), l = F`
   margin-left: var(--indentation-03);
 
 
@@ -8840,22 +8838,21 @@ const yg = {
 `;
     return (c, d) => (a(), B(i, {
       class: S(n.value),
-      props: { validateIconSize: ft }
+      props: { validateIconSize: Ot }
     }, {
       default: k(() => [
         c.show ? (a(), B(m(q), {
           key: 0,
           class: "nmorph-validation-icon__content",
           name: r.value,
-          width: ft,
-          height: ft
+          width: Ot,
+          height: Ot
         }, null, 8, ["name"])) : D("", !0)
       ]),
       _: 1
     }, 8, ["class", "props"]));
   }
-});
-const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__PURE__ */ A({
+}), j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__PURE__ */ A({
   __name: "NmorphFormItem",
   props: {
     id: {},
@@ -8865,9 +8862,9 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
     staticErrorBoxSpace: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = t, n = oe("form-data", void 0), r = v(() => n?.fields[e.id]), l = v(() => r.value), i = v(
+    const e = t, n = oe("form-data", void 0), r = f(() => n?.fields[e.id]), l = f(() => r.value), i = f(
       () => !!l.value && !!r?.value?.touched && e.showValidationIcon
-    ), c = v(() => l.value && r.value?.touched), d = v(
+    ), c = f(() => l.value && r.value?.touched), d = f(
       () => T({
         "nmorph-form-item": [
           `${e.label && "labeled"}`,
@@ -8908,7 +8905,7 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
 `, h = E.div`
   ${u}
 `;
-    return (y, f) => (a(), B(h, {
+    return (y, v) => (a(), B(h, {
       class: S(d.value)
     }, {
       default: k(() => [
@@ -8952,7 +8949,7 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
   },
   emits: ["update:model-value"],
   setup(t, { expose: e, emit: n }) {
-    const r = t, l = v(
+    const r = t, l = f(
       () => T({
         nmorph: [ye[r.height]],
         "nmorph-number-input": [
@@ -8964,7 +8961,7 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
       i.value += r.step;
     }, d = () => {
       i.value -= r.step;
-    }, u = v(() => i.value <= r.min), h = v(() => i.value >= r.max), y = v(() => r.height === "thick" ? "16px" : "12px"), f = {
+    }, u = f(() => i.value <= r.min), h = f(() => i.value >= r.max), y = f(() => r.height === "thick" ? "16px" : "12px"), v = {
       thick: {
         default: "12px",
         right: "8px"
@@ -8977,9 +8974,9 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
         default: "8px",
         right: "5px"
       }
-    }, b = v(() => {
+    }, b = f(() => {
       const x = r.actionBtnPositionRight ? "right" : "default";
-      return f[r.height][x];
+      return v[r.height][x];
     }), g = n, p = (x) => {
       const w = x.target;
       let z = Number(w.value);
@@ -9226,9 +9223,9 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const { t: n } = lt(), r = t, l = v(
+    const { t: n } = lt(), r = t, l = f(
       () => r.noElementPlaceholder ? r.noElementPlaceholder : n("noElementPlaceholder")
-    ), i = e, c = M(r.modelValue), d = M(r.open), u = M(null), h = M(null), y = M(!0), f = r.id ? r.id : Ie(), b = r.name ? r.name : Ie(), g = (re) => {
+    ), i = e, c = M(r.modelValue), d = M(r.open), u = M(null), h = M(null), y = M(!0), v = r.id ? r.id : Ie(), b = r.name ? r.name : Ie(), g = (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), ve = c.value.length === 1 && le;
@@ -9242,7 +9239,7 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
       p.value = !0;
     }, H = () => {
       p.value = !1;
-    }, _ = v(
+    }, _ = f(
       () => T({
         nmorph: [ye[r.height]],
         "nmorph-select": [
@@ -9280,7 +9277,7 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
     }), Le(() => {
       document.removeEventListener("click", w);
     });
-    const j = v(() => 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), U = v(() => r.options.length > 0 ? r.options : r.optionsMap), I = v(() => U.value.length > 0 ? U.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 }]);
+    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), U = f(() => r.options.length > 0 ? r.options : r.optionsMap), I = f(() => U.value.length > 0 ? U.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 }]);
     de("select-selected-value", c), de("select-change-selected-value", g);
     const P = M(null), Y = () => {
       d.value = !d.value;
@@ -9355,7 +9352,7 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
   }
 
   &.nmorph-select--focus {
-    ${kt()}
+    ${Mt()}
 
     .nmorph-select__content {
       box-shadow: none;
@@ -9370,7 +9367,7 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
       default: k(() => [
         o("div", U5, [
           o("select", {
-            id: m(f),
+            id: m(v),
             name: m(b),
             onFocus: $,
             onBlur: H,
@@ -9393,7 +9390,7 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
             onClick: xe(x, ["stop"])
           }, [
             typeof c.value == "string" ? (a(), s("div", X5, W(j.value), 1)) : c.value.length === 0 ? (a(), s("div", Q5, W(l.value), 1)) : (a(), s("div", K5, [
-              (a(!0), s(J, null, Z(I.value, (ve) => (a(), B(m(r2), nt({
+              (a(!0), s(J, null, Z(I.value, (ve) => (a(), B(m(o2), nt({
                 key: ve.value,
                 ref_for: !0
               }, ve, {
@@ -9453,7 +9450,7 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
   setup(t, { emit: e }) {
     const n = oe("select-selected-value", void 0), r = oe("select-change-selected-value", void 0), l = t, i = e, c = () => {
       l.disabled || (i("change-value", l.value), r && r(l.value));
-    }, d = v(() => typeof n?.value == "string" ? n.value === l.value : Array.isArray(n?.value) ? n.value.some((f) => f === l.value) : !1), u = v(
+    }, d = f(() => typeof n?.value == "string" ? n.value === l.value : Array.isArray(n?.value) ? n.value.some((v) => v === l.value) : !1), u = f(
       () => T({
         nmorph: [ye[l.height]],
         "nmorph-select-option": [
@@ -9512,7 +9509,7 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
 `, y = E.div`
   ${h}
 `;
-    return (f, b) => (a(), B(y, {
+    return (v, b) => (a(), B(y, {
       class: S(u.value),
       onClick: c,
       value: l.value
@@ -9520,7 +9517,7 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
       default: k(() => [
         o("div", J5, [
           o("span", null, W(l.label), 1),
-          N(f.$slots, "default")
+          N(v.$slots, "default")
         ]),
         d.value ? (a(), B(m(q), {
           key: 0,
@@ -9543,7 +9540,7 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const n = t, r = v(
+    const n = t, r = f(
       () => T({
         nmorph: [],
         "nmorph-slider": [`${n.disabled && "disabled"}`]
@@ -9557,19 +9554,19 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
         d.value = j;
       }
     );
-    const h = M(null), y = v(() => {
-      const j = f.value - f.value, U = n.max - n.min + j, I = (d.value - n.min) / U * 100, P = u.value?.clientWidth || 0, Y = Dt / P * 100, me = Y / 2;
+    const h = M(null), y = f(() => {
+      const j = v.value - v.value, U = n.max - n.min + j, I = (d.value - n.min) / U * 100, P = u.value?.clientWidth || 0, Y = Dt / P * 100, me = Y / 2;
       let ie = I - me;
-      const Ve = `${Math.max(0, Math.min(100 - Y, ie))}%`, ht = P / 100, le = Dt / 2 / ht, kn = (h.value?.tooltipBody.clientWidth ?? 24) / 2 / ht, c2 = kn === 1 / 0 ? 1.714 : kn, d2 = `${parseFloat(Ve) + le - c2}%`;
+      const Ve = `${Math.max(0, Math.min(100 - Y, ie))}%`, ht = P / 100, le = Dt / 2 / ht, kn = (h.value?.tooltipBody.clientWidth ?? 24) / 2 / ht, i2 = kn === 1 / 0 ? 1.714 : kn, c2 = `${parseFloat(Ve) + le - i2}%`;
       return {
         thumb: Ve,
-        tooltip: d2
+        tooltip: c2
       };
-    }), f = M(0), b = M(0), g = () => {
-      f.value = window.innerWidth, b.value = window.innerHeight;
+    }), v = M(0), b = M(0), g = () => {
+      v.value = window.innerWidth, b.value = window.innerHeight;
     };
     he(() => {
-      typeof window < "u" && (f.value = window.innerWidth, b.value = window.innerHeight, window.addEventListener("resize", g));
+      typeof window < "u" && (v.value = window.innerWidth, b.value = window.innerHeight, window.addEventListener("resize", g));
     }), Le(() => {
       typeof window < "u" && (document.removeEventListener("mouseup", $), window.removeEventListener("resize", g));
     });
@@ -9758,7 +9755,7 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
       i.value = !0;
     }, d = () => {
       i.value = !1;
-    }, u = v(
+    }, u = f(
       () => T({
         "nmorph-switch": [
           `${r.disabled && "disabled"}`,
@@ -9773,8 +9770,8 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
       h.value = !h.value;
       const p = h.value ? r.activeValue : r.inactiveValue;
       l("update:model-value", p);
-    }, f = M(null);
-    e({ inputDOMRef: f }), X(
+    }, v = M(null);
+    e({ inputDOMRef: v }), X(
       () => r.modelValue,
       (p) => {
         h.value = p === r.activeValue;
@@ -9799,7 +9796,7 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
       background ease-in-out var(--transition-02),
       box-shadow ease-in-out var(--transition-02);
 
-    ${Mt()}
+    ${$t()}
     ${ne()}
   }
 
@@ -9873,7 +9870,7 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
   }
 
   &.nmorph-switch--focus {
-    ${kt()}
+    ${Mt()}
 
     .nmorph-switch__content {
       scale: 0.95;
@@ -9892,7 +9889,7 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
         }, [
           o("input", {
             ref_key: "inputDOMRef",
-            ref: f,
+            ref: v,
             type: "checkbox",
             value: h.value,
             disabled: r.disabled,
@@ -9933,7 +9930,7 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
   },
   emits: ["update:model-value", "focus", "blur", "on-enter"],
   setup(t, { expose: e, emit: n }) {
-    const r = it(), l = t, i = v(
+    const r = it(), l = t, i = f(
       () => T({
         nmorph: [ye[l.height], `${y.value && "focused"}`],
         "nmorph-text-input": [`${l.typePassword && "password"}`]
@@ -9943,13 +9940,13 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
       p("update:model-value", z.value);
     }, d = M(!1), u = () => {
       l.clearable ? p("update:model-value", "") : d.value = !d.value;
-    }, h = v(() => l.typePassword && !d.value && !l.clearable ? "password" : "text"), y = M(!1), f = () => {
+    }, h = f(() => l.typePassword && !d.value && !l.clearable ? "password" : "text"), y = M(!1), v = () => {
       p("focus"), y.value = !0;
     }, b = () => {
       p("blur"), y.value = !1;
     }, g = M(null);
     e({ inputDOMRef: g });
-    const p = n, $ = v(() => l.clearable ? "error" : d.value ? "eye-blocked" : "eye"), H = v(() => r["prepend-icon"] ? "28px" : "8px"), _ = F`
+    const p = n, $ = f(() => l.clearable ? "error" : d.value ? "eye-blocked" : "eye"), H = f(() => r["prepend-icon"] ? "28px" : "8px"), _ = F`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -10046,7 +10043,7 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
             disabled: l.disabled,
             value: l.modelValue,
             onInput: c,
-            onFocus: f,
+            onFocus: v,
             onBlur: b,
             onKeyup: z[0] || (z[0] = De((C) => p("on-enter"), ["enter"]))
           }, null, 40, lm),
@@ -10103,7 +10100,7 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
       void 0
     ), l = t, i = () => {
       r && !l.disabled && r(l.value);
-    }, c = v(() => n?.value === l.value || l.checked), d = v(
+    }, c = f(() => n?.value === l.value || l.checked), d = f(
       () => T({
         "nmorph-radio": [`${l.disabled && "disabled"}`, `${c.value && "checked"}`, l.styleType]
       })
@@ -10155,7 +10152,7 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
 
   .nmorph-radio__fake span,
   .nmorph-radio__label {
-    ${Mt()}
+    ${$t()}
   }
 
   .nmorph-radio__fake-checked {
@@ -10202,7 +10199,7 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
 `, y = E.label`
   ${h}
 `;
-    return (f, b) => (a(), B(y, {
+    return (v, b) => (a(), B(y, {
       class: S(d.value),
       onClick: xe(i, ["prevent"])
     }, {
@@ -10222,7 +10219,7 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
             b[0] || (b[0] = o("div", { class: "nmorph-radio__fake" }, null, -1)),
             c.value ? (a(), s("div", hm)) : D("", !0)
           ]),
-          l.label ? (a(), s("span", pm, W(l.label), 1)) : N(f.$slots, "label", { key: 1 })
+          l.label ? (a(), s("span", pm, W(l.label), 1)) : N(v.$slots, "label", { key: 1 })
         ])) : D("", !0),
         l.styleType === "button" ? (a(), s("div", mm, [
           o("input", {
@@ -10239,14 +10236,14 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
           l.label ? (a(), s("div", fm, [
             o("span", null, W(l.label), 1)
           ])) : (a(), s("div", gm, [
-            N(f.$slots, "label")
+            N(v.$slots, "label")
           ]))
         ])) : D("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), wm = { class: "nmorph-radio-group__wrapper" }, bm = { class: "nmorph-radio-group__content" }, s2 = /* @__PURE__ */ A({
+}), wm = { class: "nmorph-radio-group__wrapper" }, bm = { class: "nmorph-radio-group__content" }, a2 = /* @__PURE__ */ A({
   __name: "NmorphRadioGroup",
   props: {
     modelValue: { default: "" },
@@ -10267,7 +10264,7 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
     );
     const l = e, i = (h) => {
       r.value = h, l("update:model-value", r.value);
-    }, c = v(() => T({ "nmorph-radio-group": [n.styleType, n.direction] }));
+    }, c = f(() => T({ "nmorph-radio-group": [n.styleType, n.direction] }));
     de("radio-group-selected-value", r), de("change-radio-button-value-handler", i);
     const d = F`
   display: inline-block;
@@ -10302,14 +10299,14 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
   ${d}
 `;
     return (h, y) => {
-      const f = f0("NmorphRadio");
+      const v = v0("NmorphRadio");
       return a(), B(u, {
         class: S(c.value)
       }, {
         default: k(() => [
           o("div", wm, [
             o("div", bm, [
-              (a(!0), s(J, null, Z(h.options, (b) => (a(), B(f, {
+              (a(!0), s(J, null, Z(h.options, (b) => (a(), B(v, {
                 key: b.value,
                 label: b.label,
                 value: b.value,
@@ -10335,7 +10332,7 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const n = t, r = e, l = v(
+    const n = t, r = e, l = f(
       () => T({
         "nmorph-backtop": [`${d.value && "show"}`, n.design]
       })
@@ -10377,14 +10374,14 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
       }
     }
   }
-`, f = E.div`
+`, v = E.div`
   ${y}
   .nmorph-backtop {
     right: ${(b) => b.right}px;
     bottom: ${(b) => b.bottom}px;
   }
 `;
-    return (b, g) => (a(), B(f, {
+    return (b, g) => (a(), B(v, {
       props: { right: n.right, bottom: n.bottom }
     }, {
       default: k(() => [
@@ -10431,7 +10428,7 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
   setup(t) {
     const e = t, n = M([]), r = Ie();
     de("breadcrumb-data", { breadcrumbs: n, breadcrumbId: r });
-    const l = v(
+    const l = f(
       () => T({
         "nmorph-breadcrumb": []
       })
@@ -10473,7 +10470,7 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
     replace: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = t, n = v(
+    const e = t, n = f(
       () => T({
         "nmorph-breadcrumb-item": []
       })
@@ -10481,7 +10478,7 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
     return he(() => {
       l.value = !0;
     }), r.breadcrumbs.value.push({ ...e, itemId: i }), (c, d) => {
-      const u = f0("router-link");
+      const u = v0("router-link");
       return l.value && m(i) ? (a(), s("div", {
         key: 0,
         class: S(n.value)
@@ -10515,24 +10512,21 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
   },
   emits: ["on-outside-click"],
   setup(t, { emit: e }) {
-    const n = t, r = e, l = M(null), { placementCoords: i } = w0({
+    const n = t, r = e, l = M(null), { placementCoords: i } = _0({
       initialPlacement: "bottom",
       contentDOMElement: l,
       relativeElement: n.relativeElement,
       yOffset: n.yOffset,
       xOffset: n.xOffset
-    }), c = v(
+    }), c = f(
       () => T({
         "nmorph-dropdown": [`${!n.open && "closed"}`]
       })
-    );
-    v(() => n.fillWidth ? `${n.relativeElement?.clientWidth}px` : `${n.width}px`);
-    const d = () => {
+    ), d = f(() => n.fillWidth ? `${n.relativeElement?.clientWidth}px` : `${n.width}px`), u = () => {
       r("on-outside-click");
-    }, u = F`
+    }, h = F`
   .nmorph-dropdown {
     position: fixed;
-    width: v-bind(width);
     border-radius: var(--default-border-radius);
     ${se()}
   }
@@ -10541,15 +10535,20 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
     z-index: -1000;
     opacity: 0;
   }
-`, h = E.div`
-  ${u}
+`, y = E.div`
+  ${h}
+  .nmorph-dropdown {
+    width: ${(v) => v.width};
+  }
 `;
-    return (y, f) => (a(), B(h, null, {
+    return (v, b) => (a(), B(y, {
+      props: { width: d.value }
+    }, {
       default: k(() => [
         V(m(Mn), {
           show: n.open,
           transparent: "",
-          onOnOutsideClick: d
+          onOnOutsideClick: u
         }, {
           default: k(() => [
             o("div", {
@@ -10558,14 +10557,14 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
               class: S(c.value),
               style: ue({ left: `${m(i).x}`, top: `${m(i).y}` })
             }, [
-              N(y.$slots, "default")
+              N(v.$slots, "default")
             ], 6)
           ]),
           _: 3
         }, 8, ["show"])
       ]),
       _: 3
-    }));
+    }, 8, ["props"]));
   }
 }), $m = { class: "nmorph-tabs__label-list" }, Mm = ["id", "onClick", "custom"], km = { key: 0 }, zm = { class: "nmorph-tabs__content__wrapper" }, Hm = { class: "nmorph-tabs__content" }, Vm = ["id"], Bm = { key: 0 }, Ig = /* @__PURE__ */ A({
   __name: "NmorphTabs",
@@ -10576,7 +10575,7 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
   },
   emits: ["update:model-value", "tab-change"],
   setup(t, { emit: e }) {
-    const n = t, r = e, l = v(
+    const n = t, r = e, l = f(
       () => T({
         "nmorph-tabs": [`${n.stretch && "stretch"}`]
       })
@@ -10590,7 +10589,7 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
       tabsData: c,
       tabsIdentifier: d
     });
-    const u = v(() => n.panes.length > 0 ? n.panes : c.value), h = it(), y = F`
+    const u = f(() => n.panes.length > 0 ? n.panes : c.value), h = it(), y = F`
   border-radius: var(--default-border-radius);
 
   .nmorph-tabs__label-list {
@@ -10636,17 +10635,17 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
     }
   }
 
-`, f = E.div`
+`, v = E.div`
   ${y}
 `;
-    return (b, g) => (a(), B(f, {
+    return (b, g) => (a(), B(v, {
       class: S(l.value)
     }, {
       default: k(() => [
         N(b.$slots, "default"),
         o("div", $m, [
           (a(!0), s(J, null, Z(u.value, (p) => (a(), s("div", {
-            id: m(l2)(m(d), p.name),
+            id: m(s2)(m(d), p.name),
             key: p.name,
             class: S(["nmorph-tabs__label", [
               { "nmorph-tabs__label--selected": p.name === n.modelValue },
@@ -10661,7 +10660,7 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
         o("div", zm, [
           o("div", Hm, [
             (a(!0), s(J, null, Z(u.value, (p) => qt((a(), s("div", {
-              id: m(i2)(m(d), p.name),
+              id: m(l2)(m(d), p.name),
               key: p.name
             }, [
               m(h).default ? D("", !0) : (a(), s("div", Bm, W(p.content), 1))
@@ -10674,10 +10673,10 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
       _: 3
     }, 8, ["class"]));
   }
-}), l2 = (t, e) => {
+}), s2 = (t, e) => {
   if (t)
     return `nmorph-tabs-label-${t}-${e}`;
-}, i2 = (t, e) => {
+}, l2 = (t, e) => {
   if (t)
     return `nmorph-tabs-content-${t}-${e}`;
 }, Ng = /* @__PURE__ */ A({
@@ -10689,7 +10688,7 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
     content: { default: "" }
   },
   setup(t) {
-    const e = t, n = v(
+    const e = t, n = f(
       () => T({
         "nmorph-tab-pane": []
       })
@@ -10703,12 +10702,12 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
       class: S(n.value)
     }, [
       (a(), B(tt, {
-        to: `#${m(l2)(m(r)?.tabsIdentifier, e.name)}`
+        to: `#${m(s2)(m(r)?.tabsIdentifier, e.name)}`
       }, [
         N(c.$slots, "label", { scope: m(i) })
       ], 8, ["to"])),
       (a(), B(tt, {
-        to: `#${m(i2)(m(r)?.tabsIdentifier, e.name)}`
+        to: `#${m(l2)(m(r)?.tabsIdentifier, e.name)}`
       }, [
         N(c.$slots, "default", { scope: m(i) })
       ], 8, ["to"]))
@@ -10720,7 +10719,7 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
     direction: { default: "horizontal" }
   },
   setup(t) {
-    const e = t, n = v(
+    const e = t, n = f(
       () => T({
         "nmorph-divider": [e.direction]
       })
@@ -10753,7 +10752,7 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
   },
   emits: ["on-outside-click"],
   setup(t, { emit: e }) {
-    const n = t, r = v(
+    const n = t, r = f(
       () => T({
         "nmorph-overlay": [`${n.show && "show"}`, `${n.transparent && "transparent"}`]
       })
@@ -10809,12 +10808,12 @@ const j5 = { key: 0 }, T5 = { class: "nmorph-form-item__content" }, Mg = /* @__P
     quantity: { default: 100 }
   },
   setup(t) {
-    const e = M([]), n = v(() => i.notifications.filter((d) => !e.value.includes(d.id))), r = v(() => {
+    const e = M([]), n = f(() => i.notifications.filter((d) => !e.value.includes(d.id))), r = f(() => {
       const d = Math.max(n.value.length - i.quantity, 0);
       return n.value.slice(d);
     }), l = (d) => {
       e.value = [...e.value, d];
-    }, i = t, c = v(() => i.zIndex);
+    }, i = t, c = f(() => i.zIndex);
     return (d, u) => (a(), s("div", {
       class: S(`nmorph-notification-provider nmorph-notification-provider--${i.placement}`),
       style: ue({ zIndex: c.value })
@@ -10882,14 +10881,14 @@ export {
   _g as NmorphCheckboxGroup,
   ug as NmorphCollapse,
   hg as NmorphCollapseItem,
-  y0 as NmorphColor,
+  x0 as NmorphColor,
   q2 as NmorphComponentDirection,
   ye as NmorphComponentHeight,
   R2 as NmorphComponentPosition,
   bg as NmorphDatePicker,
   gg as NmorphDialog,
   Cm as NmorphDivider,
-  a2 as NmorphDocResolution,
+  r2 as NmorphDocResolution,
   $n as NmorphDropdown,
   xg as NmorphFileUpload,
   $g as NmorphForm,
@@ -11170,14 +11169,14 @@ export {
   pg as NmorphPagination,
   mg as NmorphProgress,
   _m as NmorphRadio,
-  s2 as NmorphRadioGroup,
+  a2 as NmorphRadioGroup,
   U2 as NmorphRadioStyleType,
   ag as NmorphScroll,
   Hh as NmorphScrollBehavior,
   zg as NmorphSelect,
   Z5 as NmorphSelectOption,
   Y2 as NmorphSelectionDateType,
-  x0 as NmorphShadowType,
+  b0 as NmorphShadowType,
   vg as NmorphSkeleton,
   _p as NmorphSkeletonItem,
   fp as NmorphSkeletonItemPropsType,
@@ -11189,7 +11188,7 @@ export {
   Bp as NmorphTableCell,
   Sp as NmorphTableColumn,
   Ig as NmorphTabs,
-  r2 as NmorphTagItem,
+  o2 as NmorphTagItem,
   fg as NmorphTagList,
   im as NmorphTextInput,
   Xp as NmorphTooltip,
@@ -11197,9 +11196,9 @@ export {
   u0 as formatDateIntl,
   Th as getDecadeYears,
   Fh as getMonthDaysByWeek,
-  o2 as getMonthName,
-  i2 as getTabContentId,
-  l2 as getTabLabelId,
+  n2 as getMonthName,
+  l2 as getTabContentId,
+  s2 as getTabLabelId,
   Dh as hasAnyRangeDateInNextMonth,
   Oh as hasAnyRangeDateInPrevMonth,
   Ph as isTodayInMonthRange,