@nmorph/nmorph-ui-kit 1.0.47 → 1.0.49

package/dist/index.es.js

@@ -1,7 +1,7 @@
 import { createI18n as pe, useI18n as x2 } from "vue-i18n";
-import { ref as g, reactive as c2, watch as j, readonly as B2, inject as K, onMounted as t2, onUnmounted as v2, nextTick as p2, defineComponent as L, useSlots as $2, computed as h, openBlock as o, createElementBlock as a, normalizeClass as k, createElementVNode as n, unref as v, createBlock as O, withCtx as T, renderSlot as B, toDisplayString as R, createCommentVNode as S, createVNode as V, useCssVars as X, normalizeStyle as e2, createStaticVNode as ee, createTextVNode as a2, Fragment as Y, renderList as U, provide as Z, Teleport as f2, withModifiers as l2, resolveDynamicComponent as N2, mergeProps as w2, withDirectives as I2, vShow as C2, TransitionGroup as g2, withKeys as h2, resolveComponent as A2 } from "vue";
+import { ref as w, reactive as c2, watch as j, readonly as B2, inject as K, onMounted as t2, onUnmounted as v2, nextTick as p2, defineComponent as L, useSlots as $2, computed as h, openBlock as o, createElementBlock as a, normalizeClass as k, createElementVNode as n, unref as v, createBlock as O, withCtx as T, renderSlot as B, toDisplayString as R, createCommentVNode as S, createVNode as V, useCssVars as X, normalizeStyle as Z, createStaticVNode as ee, createTextVNode as a2, Fragment as Y, renderList as U, provide as e2, Teleport as f2, withModifiers as l2, resolveDynamicComponent as N2, mergeProps as w2, withDirectives as I2, vShow as C2, TransitionGroup as g2, withKeys as h2, resolveComponent as S2 } from "vue";
 const z2 = (t) => {
-  const { inputValue: e, rules: s } = t, l = g([]), r = g(!1), i = g(!1);
+  const { inputValue: e, rules: s } = t, l = w([]), r = w(!1), i = w(!1);
   return {
     touched: i,
     valid: r,
@@ -14,8 +14,8 @@ const z2 = (t) => {
       }
       if (e === null)
         return;
-      const u = e, p = (x) => c && x in s[0], H = typeof u == "string" && p("pattern"), M = typeof u == "number" && p("numberCompareType"), _ = (typeof u == "string" || typeof u == "boolean") && p("booleanCompareType"), w = Array.isArray(u) && p("arrayCompareType");
-      if (!M && !H && !_ && !w) {
+      const u = e, p = (x) => c && x in s[0], H = typeof u == "string" && p("pattern"), M = typeof u == "number" && p("numberCompareType"), _ = (typeof u == "string" || typeof u == "boolean") && p("booleanCompareType"), g = Array.isArray(u) && p("arrayCompareType");
+      if (!M && !H && !_ && !g) {
         console.warn("The input value and the provided rules do not match");
         return;
       }
@@ -48,7 +48,7 @@ const z2 = (t) => {
           return D === "not-eq" && ($ = u === z), D === "eq" && ($ = u !== z), $ || b.push(m.error), b;
         }, []);
       }
-      if (w) {
+      if (g) {
         const x = s, b = (m, $, z) => {
           switch (z) {
             case "contains-one":
@@ -74,11 +74,11 @@ const z2 = (t) => {
 }, ve = (t, e) => {
   const s = e.filter((l) => l !== "false" && l && l !== "undefined").map((l) => `${t}--${l}`);
   return s.push(t), s.join(" ").trim().replace(/\s+/g, " ");
-}, C = (t) => Object.entries(t).map(([e, s]) => ve(e, s)).join(" ").trim().replace(/\s+/g, " "), j2 = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), W2 = (t) => JSON.parse(JSON.stringify(t)), d2 = () => {
+}, C = (t) => Object.entries(t).map(([e, s]) => ve(e, s)).join(" ").trim().replace(/\s+/g, " "), q2 = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), j2 = (t) => JSON.parse(JSON.stringify(t)), d2 = () => {
   const t = () => Math.floor((1 + Math.random()) * 65536).toString(16).substring(1);
   return `${t()}${t()}-${t()}-4${t().substr(0, 3)}-${t().substr(0, 1)}${t().substr(1, 3)}-${t()}${t()}${t()}`;
 }, me = (t, e = !1) => {
-  const s = c2({}), l = c2({}), r = c2(W2(t)), i = g(!1), d = g(!1), c = () => {
+  const s = c2({}), l = c2({}), r = c2(j2(t)), i = w(!1), d = w(!1), c = () => {
     Object.entries(t).forEach(([M, _]) => {
       l[M] = z2({ inputValue: _.value, rules: _.rules }), l[M].validate();
     }), i.value = Object.entries(l).every(([M, _]) => _.valid);
@@ -91,25 +91,25 @@ const z2 = (t) => {
     return x !== b;
   });
   return j(t, (M) => {
-    p(r, M).forEach((w) => {
-      const f = M[w];
-      s[w] = z2({ inputValue: f.value, rules: f.rules }), s[w].validate();
-    }), Object.assign(r, W2(M)), c(), d.value = !0;
+    p(r, M).forEach((g) => {
+      const f = M[g];
+      s[g] = z2({ inputValue: f.value, rules: f.rules }), s[g].validate();
+    }), Object.assign(r, j2(M)), c(), d.value = !0;
   }, { deep: !0 }), e && u(), {
     fields: s,
     isFormValid: B2(i),
     isAnyTouched: B2(d)
   };
 }, te = (t) => {
-  const { initialPlacement: e, relativeElement: s, contentDOMElement: l, yOffset: r = 0, xOffset: i = 0 } = t, d = g(e), c = g({ x: "0px", y: "0px" }), u = K("nmorph"), p = g(null);
+  const { initialPlacement: e, relativeElement: s, contentDOMElement: l, yOffset: r = 0, xOffset: i = 0 } = t, d = w(e), c = w({ x: "0px", y: "0px" }), u = K("nmorph"), p = w(null);
   j(
     () => u.browser,
     () => {
-      w();
+      g();
     },
     { deep: !0 }
   ), t2(() => {
-    w(), H(), M();
+    g(), H(), M();
   }), v2(() => {
     _();
   });
@@ -124,10 +124,10 @@ const z2 = (t) => {
       f = f.parentElement;
     }
   }, M = () => {
-    p.value ? p.value.addEventListener("scroll", w, { passive: !0 }) : window.addEventListener("scroll", w, { passive: !0 });
+    p.value ? p.value.addEventListener("scroll", g, { passive: !0 }) : window.addEventListener("scroll", g, { passive: !0 });
   }, _ = () => {
-    p.value ? p.value.removeEventListener("scroll", w) : window.removeEventListener("scroll", w);
-  }, w = () => {
+    p.value ? p.value.removeEventListener("scroll", g) : window.removeEventListener("scroll", g);
+  }, g = () => {
     p2(() => {
       if (!l.value || !s) {
         console.warn("There is no relative element or content DOM element");
@@ -143,7 +143,7 @@ const z2 = (t) => {
     });
   };
   return { placement: d, placementCoords: c };
-}, _e = "@nmorph/nmorph-ui-kit", fe = "module", we = "1.0.47", ge = "MIT", xe = {
+}, _e = "@nmorph/nmorph-ui-kit", fe = "module", we = "1.0.49", ge = "MIT", xe = {
   node: "18.13.0",
   npm: "8.19.3"
 }, $e = "./dist/index.d.ts", ye = "./dist/index.umd.js", be = "./dist/index.es.js", Me = "./dist/style.css", He = [
@@ -235,7 +235,7 @@ const z2 = (t) => {
   scripts: ke,
   dependencies: Be,
   devDependencies: Ne
-}, Y2 = {
+}, W2 = {
   error: {
     bg: "#000000",
     text: "red"
@@ -253,7 +253,7 @@ const z2 = (t) => {
     text: "blue"
   }
 }, Ce = (t, e) => {
-  console.log(`%c ${e} `, `background: ${Y2[t].bg}; color: ${Y2[t].text}`);
+  console.log(`%c ${e} `, `background: ${W2[t].bg}; color: ${W2[t].text}`);
 }, ne = [
   { name: "--nmorph-info-color", color: "#d4e5edbb" },
   { name: "--nmorph-info-text-color", color: "#506c80" },
@@ -308,16 +308,16 @@ const z2 = (t) => {
   }), e.forEach(({ name: l, color: r }) => {
     s[l] = r;
   }), Object.entries(s).map(([l, r]) => ({ name: l, color: r }));
-}, U2 = (t, e) => {
+}, Y2 = (t, e) => {
   let s = parseInt(t.substring(1, 3), 16), l = parseInt(t.substring(3, 5), 16), r = parseInt(t.substring(5, 7), 16);
   s = Math.round(s * (1 + e / 100)), l = Math.round(l * (1 + e / 100)), r = Math.round(r * (1 + e / 100)), s = Math.min(255, Math.max(0, s)), l = Math.min(255, Math.max(0, l)), r = Math.min(255, Math.max(0, r));
   const i = s.toString(16).padStart(2, "0"), d = l.toString(16).padStart(2, "0"), c = r.toString(16).padStart(2, "0");
   return `#${i}${d}${c}`;
-}, Ee = (t) => {
+}, Fe = (t) => {
   Ce("warn", `NMORPH(v${Ie.version})`);
-  const e = { ...Te, ...t }, s = (w) => {
+  const e = { ...Te, ...t }, s = (g) => {
     try {
-      const f = Oe(w), x = U2(f, e.darkShadeGeneratorCoefficient), b = U2(f, e.lightShadeGeneratorCoefficient);
+      const f = Oe(g), x = Y2(f, e.darkShadeGeneratorCoefficient), b = Y2(f, e.lightShadeGeneratorCoefficient);
       return [
         { name: "--nmorph-dark-shade-color", color: x },
         { name: "--nmorph-light-shade-color", color: b }
@@ -325,12 +325,12 @@ const z2 = (t) => {
     } catch (f) {
       console.error(f.message);
     }
-  }, l = (w) => Object.entries(w).map(([f, x]) => ({
-    name: `--nmorph-${j2(f)}-color`,
+  }, l = (g) => Object.entries(g).map(([f, x]) => ({
+    name: `--nmorph-${q2(f)}-color`,
     color: x
-  })), r = (w, f) => {
-    const x = ($) => $.map((z) => `${z.name}: ${z.color};`).join(" "), b = Object.entries(f).map(([$, z]) => `--${j2($)}: ${z};`).join(" "), m = [];
-    return Object.entries(w).forEach(([$, z]) => {
+  })), r = (g, f) => {
+    const x = ($) => $.map((z) => `${z.name}: ${z.color};`).join(" "), b = Object.entries(f).map(([$, z]) => `--${q2($)}: ${z};`).join(" "), m = [];
+    return Object.entries(g).forEach(([$, z]) => {
       if ($ === "common")
         m.push(x(Pe(ne, z)));
       else {
@@ -348,22 +348,22 @@ const z2 = (t) => {
       }
     `;
   }, i = {};
-  Object.entries(e.themes).forEach(([w, f]) => {
-    i[w] = [];
+  Object.entries(e.themes).forEach(([g, f]) => {
+    i[g] = [];
     const x = !!f.darkShade, b = !!f.lightShade;
-    !!f.main && !x && !b && (i[w] = s(f.main)), i[w] = [...i[w], ...l(f)];
+    !!f.main && !x && !b && (i[g] = s(f.main)), i[g] = [...i[g], ...l(f)];
   });
   const d = document.createElement("style");
   d.type = "text/css", d.innerHTML = r(i, e.other), document.head.appendChild(d);
-  const c = (w) => {
-    u.value = w, p.setAttribute(u2, u.value), e.saveCurrentThemeToLS ? localStorage.setItem(u2, w) : localStorage.removeItem(u2);
-  }, u = g(e.defaultTheme), p = document.querySelector("html"), H = localStorage.getItem(u2), M = i[H];
+  const c = (g) => {
+    u.value = g, p.setAttribute(u2, u.value), e.saveCurrentThemeToLS ? localStorage.setItem(u2, g) : localStorage.removeItem(u2);
+  }, u = w(e.defaultTheme), p = document.querySelector("html"), H = localStorage.getItem(u2), M = i[H];
   e.saveCurrentThemeToLS && M && (u.value = localStorage.getItem(u2)), c(u.value);
   const _ = e;
   return { setTheme: c, currentTheme: B2(u), data: _, getDynamicColorVariables: s };
 };
-var s2 = /* @__PURE__ */ ((t) => (t.thick = "thick-component", t.default = "default-height-component", t.thin = "thin-component", t))(s2 || {}), Fe = /* @__PURE__ */ ((t) => (t.circle = "circle", t.square = "square", t))(Fe || {}), Re = /* @__PURE__ */ ((t) => (t.ascending = "ascending", t.descending = "descending", t))(Re || {}), qe = /* @__PURE__ */ ((t) => (t.row = "row", t.column = "column", t))(qe || {}), oe = /* @__PURE__ */ ((t) => (t.inset = "shadow-inset", t.outset = "shadow-outset", t.combined = "shadow-combined", t["not-defined"] = "shadow-not-defined", t))(oe || {}), ae = /* @__PURE__ */ ((t) => (t.accent = "accent", t.success = "success", t.error = "error", t.warning = "warning", t))(ae || {}), je = /* @__PURE__ */ ((t) => (t.left = "left", t.right = "right", t.top = "top", t.bottom = "bottom", t))(je || {}), We = /* @__PURE__ */ ((t) => (t.fill = "fill", t.contain = "contain", t.cover = "cover", t.none = "none", t["scale-down"] = "scale-down", t))(We || {}), L2 = /* @__PURE__ */ ((t) => (t.en = "en", t.ru = "ru", t.zh = "zh", t))(L2 || {}), Ye = /* @__PURE__ */ ((t) => (t["radio-style"] = "radio-style", t.button = "button", t))(Ye || {}), Ue = /* @__PURE__ */ ((t) => (t.date = "date", t.dates = "dates", t.daterange = "daterange", t))(Ue || {});
-const G2 = {
+var s2 = /* @__PURE__ */ ((t) => (t.thick = "thick-component", t.default = "default-height-component", t.thin = "thin-component", t))(s2 || {}), Ee = /* @__PURE__ */ ((t) => (t.circle = "circle", t.square = "square", t))(Ee || {}), Re = /* @__PURE__ */ ((t) => (t.ascending = "ascending", t.descending = "descending", t))(Re || {}), qe = /* @__PURE__ */ ((t) => (t.row = "row", t.column = "column", t))(qe || {}), oe = /* @__PURE__ */ ((t) => (t.inset = "shadow-inset", t.outset = "shadow-outset", t.combined = "shadow-combined", t["not-defined"] = "shadow-not-defined", t))(oe || {}), ae = /* @__PURE__ */ ((t) => (t.accent = "accent", t.success = "success", t.error = "error", t.warning = "warning", t))(ae || {}), je = /* @__PURE__ */ ((t) => (t.left = "left", t.right = "right", t.top = "top", t.bottom = "bottom", t))(je || {}), We = /* @__PURE__ */ ((t) => (t.fill = "fill", t.contain = "contain", t.cover = "cover", t.none = "none", t["scale-down"] = "scale-down", t))(We || {}), L2 = /* @__PURE__ */ ((t) => (t.en = "en", t.ru = "ru", t.zh = "zh", t))(L2 || {}), Ye = /* @__PURE__ */ ((t) => (t["radio-style"] = "radio-style", t.button = "button", t))(Ye || {}), Ue = /* @__PURE__ */ ((t) => (t.date = "date", t.dates = "dates", t.daterange = "daterange", t))(Ue || {});
+const U2 = {
   sun: "sun",
   mon: "mon",
   tue: "tue",
@@ -389,7 +389,7 @@ const G2 = {
   noElementPlaceholder: "Choose value",
   selectFile: "Select file"
 }, Ge = (t) => {
-  const e = t && t.messages ? { ...t.messages, en: G2 } : { en: G2 }, s = t && t.locale ? t.locale : L2.en;
+  const e = t && t.messages ? { ...t.messages, en: U2 } : { en: U2 }, s = t && t.locale ? t.locale : L2.en;
   return pe({
     legacy: !1,
     locale: s,
@@ -397,7 +397,7 @@ const G2 = {
     messages: e
   });
 }, Qe = () => {
-  const t = g({ width: 0, height: 0 }), e = g(0);
+  const t = w({ width: 0, height: 0 }), e = w(0);
   let s, l;
   const r = () => {
     clearTimeout(s), s = setTimeout(() => {
@@ -415,7 +415,7 @@ const G2 = {
     scrollTop: e
   };
 }, wi = () => {
-  const t = g([]), e = {
+  const t = w([]), e = {
     duration: 3e3,
     closable: !0,
     fill: !0,
@@ -515,7 +515,7 @@ const G2 = {
           `${l.icon && "icon"}`
         ]
       })
-    ), i = g(null), d = {
+    ), i = w(null), d = {
       thin: "small",
       default: "medium",
       thick: "large"
@@ -532,7 +532,7 @@ const G2 = {
         type: s.type,
         tabindex: s.tabindex
       }, [
-        v(l).icon ? (o(), O(v(E), { key: 0 }, {
+        v(l).icon ? (o(), O(v(F), { key: 0 }, {
           default: T(() => [
             B(u.$slots, "icon")
           ]),
@@ -540,7 +540,7 @@ const G2 = {
         })) : (o(), a("div", Xe, [
           B(u.$slots, "default"),
           !s.loading && s.text !== void 0 ? (o(), a("span", Je, R(s.text), 1)) : S("", !0),
-          s.loading ? (o(), O(v(E), {
+          s.loading ? (o(), O(v(F), {
             key: 1,
             size: c.value
           }, {
@@ -556,7 +556,7 @@ const G2 = {
   }
 });
 var Ze = /* @__PURE__ */ ((t) => (t.default = "default", t.transparent = "transparent", t))(Ze || {}), e0 = /* @__PURE__ */ ((t) => (t.submit = "submit", t.reset = "reset", t.button = "button", t))(e0 || {}), t0 = /* @__PURE__ */ ((t) => (t.default = "default", t.square = "square", t.round = "round", t.circle = "circle", t))(t0 || {});
-const n0 = { class: "nmorph-icon__content" }, E = /* @__PURE__ */ L({
+const n0 = { class: "nmorph-icon__content" }, F = /* @__PURE__ */ L({
   __name: "NmorphIcon",
   props: {
     size: { default: "small" },
@@ -582,7 +582,7 @@ const n0 = { class: "nmorph-icon__content" }, E = /* @__PURE__ */ L({
     });
     return (r, i) => (o(), a("div", {
       class: k(s.value),
-      style: e2(l.value)
+      style: Z(l.value)
     }, [
       n("div", n0, [
         B(r.$slots, "default")
@@ -754,16 +754,16 @@ function P0(t, e) {
     n("path", { d: "M777.344 822.656a32 32 0 0 0 45.312-45.312l-544-544a32 32 0 0 0-45.312 45.312z" }, null, -1)
   ]));
 }
-const Ti = { render: P0 }, E0 = {
+const Ti = { render: P0 }, F0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function F0(t, e) {
-  return o(), a("svg", E0, e[0] || (e[0] = [
+function E0(t, e) {
+  return o(), a("svg", F0, e[0] || (e[0] = [
     n("path", { d: "M544 805.888V168a32 32 0 1 0-64 0v637.888L246.656 557.952a30.72 30.72 0 0 0-45.312 0 35.52 35.52 0 0 0 0 48.064l288 306.048a30.72 30.72 0 0 0 45.312 0l288-306.048a35.52 35.52 0 0 0 0-48 30.72 30.72 0 0 0-45.312 0L544 805.824z" }, null, -1)
   ]));
 }
-const Di = { render: F0 }, R0 = {
+const Di = { render: E0 }, R0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
 };
@@ -790,7 +790,7 @@ function U0(t, e) {
     n("path", { d: "M896 256H128v576h768zm-199.424-64-32.064-64h-304.96l-32 64zM96 192h160l46.336-92.608A64 64 0 0 1 359.552 64h304.96a64 64 0 0 1 57.216 35.328L768.192 192H928a32 32 0 0 1 32 32v640a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V224a32 32 0 0 1 32-32m416 512a160 160 0 1 0 0-320 160 160 0 0 0 0 320m0 64a224 224 0 1 1 0-448 224 224 0 0 1 0 448" }, null, -1)
   ]));
 }
-const Ei = { render: U0 }, G0 = {
+const Fi = { render: U0 }, G0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -799,7 +799,7 @@ function Q0(t, e) {
     n("path", { d: "m192 384 320 384 320-384z" }, null, -1)
   ]));
 }
-const Fi = { render: Q0 }, K0 = {
+const Ei = { render: Q0 }, K0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -938,7 +938,7 @@ function Ht(t, e) {
     n("path", { d: "m2 12 14 12 14-12-2-2-12 10L4 10Z" }, null, -1)
   ]));
 }
-const Q2 = { render: Ht }, zt = {
+const G2 = { render: Ht }, zt = {
   xmlns: "http://www.w3.org/2000/svg",
   "xml:space": "preserve",
   viewBox: "0 0 1024 1024"
@@ -1001,19 +1001,19 @@ const lc = { render: Ot }, Pt = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function Et(t, e) {
+function Ft(t, e) {
   return o(), a("svg", Pt, e[0] || (e[0] = [
     n("path", { d: "M352 480h320a32 32 0 1 1 0 64H352a32 32 0 0 1 0-64" }, null, -1),
     n("path", { d: "M480 672V352a32 32 0 1 1 64 0v320a32 32 0 0 1-64 0" }, null, -1),
     n("path", { d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896" }, null, -1)
   ]));
 }
-const rc = { render: Et }, Ft = {
+const rc = { render: Ft }, Et = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 function Rt(t, e) {
-  return o(), a("svg", Ft, e[0] || (e[0] = [
+  return o(), a("svg", Et, e[0] || (e[0] = [
     n("path", { d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896" }, null, -1),
     n("path", { d: "M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32" }, null, -1),
     n("path", { d: "M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32" }, null, -1)
@@ -1255,16 +1255,16 @@ function P1(t, e) {
     n("path", { d: "M128 320v576h576V320zm-32-64h640a32 32 0 0 1 32 32v640a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V288a32 32 0 0 1 32-32M960 96v704a32 32 0 0 1-32 32h-96v-64h64V128H384v64h-64V96a32 32 0 0 1 32-32h576a32 32 0 0 1 32 32M256 672h320v64H256zm0-192h320v64H256z" }, null, -1)
   ]));
 }
-const Cc = { render: P1 }, E1 = {
+const Cc = { render: P1 }, F1 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function F1(t, e) {
-  return o(), a("svg", E1, e[0] || (e[0] = [
+function E1(t, e) {
+  return o(), a("svg", F1, e[0] || (e[0] = [
     n("path", { d: "M805.504 320 640 154.496V320zM832 384H576V128H192v768h640zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32m308.992 546.304-90.496-90.624 45.248-45.248 90.56 90.496 90.496-90.432 45.248 45.248-90.496 90.56 90.496 90.496-45.248 45.248-90.496-90.496-90.56 90.496-45.248-45.248z" }, null, -1)
   ]));
 }
-const Lc = { render: F1 }, R1 = {
+const Lc = { render: E1 }, R1 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -1335,7 +1335,7 @@ function an(t, e) {
     n("path", { d: "m21 8-5 5-5-5-3 3 5 5-5 5 3 3 5-5 5 5 3-3-5-5 5-5z" }, null, -1)
   ]));
 }
-const Ec = { render: an }, sn = {
+const Fc = { render: an }, sn = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
 };
@@ -1344,7 +1344,7 @@ function ln(t, e) {
     n("path", { d: "M16 6C9.021 6 2.972 10.064 0 16c2.972 5.936 9.021 10 16 10s13.027-4.064 16-10c-2.972-5.936-9.021-10-16-10m7.889 5.303A15.2 15.2 0 0 1 28.559 16a15.2 15.2 0 0 1-4.67 4.697C21.527 22.204 18.799 23 16 23s-5.527-.796-7.889-2.303A15.2 15.2 0 0 1 3.441 16a15.2 15.2 0 0 1 5.041-4.925 8 8 0 1 0 15.036 0q.186.111.371.228M16 13a3 3 0 1 1-6 0 3 3 0 0 1 6 0" }, null, -1)
   ]));
 }
-const Fc = { render: ln }, rn = {
+const Ec = { render: ln }, rn = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
 };
@@ -1490,16 +1490,16 @@ function Pn(t, e) {
     n("path", { d: "m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64z" }, null, -1)
   ]));
 }
-const od = { render: Pn }, En = {
+const od = { render: Pn }, Fn = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function Fn(t, e) {
-  return o(), a("svg", En, e[0] || (e[0] = [
+function En(t, e) {
+  return o(), a("svg", Fn, e[0] || (e[0] = [
     n("path", { d: "M256 320h512c0-78.592-12.608-142.4-36.928-192h-434.24C269.504 192.384 256 256.256 256 320m503.936 64H264.064a256.128 256.128 0 0 0 495.872 0M544 638.4V896h96a32 32 0 1 1 0 64H384a32 32 0 1 1 0-64h96V638.4A320 320 0 0 1 192 320c0-85.632 21.312-170.944 64-256h512c42.688 64.32 64 149.632 64 256a320 320 0 0 1-288 318.4" }, null, -1)
   ]));
 }
-const ad = { render: Fn }, Rn = {
+const ad = { render: En }, Rn = {
   xmlns: "http://www.w3.org/2000/svg",
   "xml:space": "preserve",
   viewBox: "0 0 1024 1024"
@@ -1728,18 +1728,18 @@ function Po(t, e) {
     n("path", { d: "M512 928c23.936 0 117.504-68.352 192.064-153.152C803.456 661.888 864 535.808 864 416c0-189.632-155.84-320-352-320S160 226.368 160 416c0 120.32 60.544 246.4 159.936 359.232C394.432 859.84 488 928 512 928m0-435.2a64 64 0 1 0 0-128 64 64 0 0 0 0 128m0 140.8a204.8 204.8 0 1 1 0-409.6 204.8 204.8 0 0 1 0 409.6" }, null, -1)
   ]));
 }
-const Hd = { render: Po }, Eo = {
+const Hd = { render: Po }, Fo = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function Fo(t, e) {
-  return o(), a("svg", Eo, e[0] || (e[0] = [
+function Eo(t, e) {
+  return o(), a("svg", Fo, e[0] || (e[0] = [
     n("path", { d: "M288 896h448q32 0 32 32t-32 32H288q-32 0-32-32t32-32" }, null, -1),
     n("path", { d: "M800 416a288 288 0 1 0-576 0c0 118.144 94.528 272.128 288 456.576C705.472 688.128 800 534.144 800 416M512 960C277.312 746.688 160 565.312 160 416a352 352 0 0 1 704 0c0 149.312-117.312 330.688-352 544" }, null, -1),
     n("path", { d: "M512 512a96 96 0 1 0 0-192 96 96 0 0 0 0 192m0 64a160 160 0 1 1 0-320 160 160 0 0 1 0 320" }, null, -1)
   ]));
 }
-const zd = { render: Fo }, Ro = {
+const zd = { render: Eo }, Ro = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 79 69"
@@ -1897,7 +1897,7 @@ function m4(t, e) {
     n("path", { d: "M904 224 656.512 506.88a192 192 0 0 1-289.024 0L120 224zm-698.944 0 210.56 240.704a128 128 0 0 0 192.704 0L818.944 224z" }, null, -1)
   ]));
 }
-const Ed = { render: m4 }, _4 = {
+const Fd = { render: m4 }, _4 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -1906,7 +1906,7 @@ function f4(t, e) {
     n("path", { d: "M480 704h160a64 64 0 0 0 64-64v-32h-96a32 32 0 0 1 0-64h96v-96h-96a32 32 0 0 1 0-64h96v-96h-96a32 32 0 0 1 0-64h96v-32a64 64 0 0 0-64-64H384a64 64 0 0 0-64 64v32h96a32 32 0 0 1 0 64h-96v96h96a32 32 0 0 1 0 64h-96v96h96a32 32 0 0 1 0 64h-96v32a64 64 0 0 0 64 64zm64 64v128h192a32 32 0 1 1 0 64H288a32 32 0 1 1 0-64h192V768h-96a128 128 0 0 1-128-128V192A128 128 0 0 1 384 64h256a128 128 0 0 1 128 128v448a128 128 0 0 1-128 128z" }, null, -1)
   ]));
 }
-const Fd = { render: f4 }, w4 = {
+const Ed = { render: f4 }, w4 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -2012,17 +2012,17 @@ function P4(t, e) {
     n("path", { d: "M736 800V160H160v640a64 64 0 0 0 64 64h448a64 64 0 0 0 64-64m64-544h63.552a96 96 0 0 1 96 96v224a96 96 0 0 1-96 96H800v128a128 128 0 0 1-128 128H224A128 128 0 0 1 96 800V128a32 32 0 0 1 32-32h640a32 32 0 0 1 32 32zm0 64v288h63.552a32 32 0 0 0 32-32V352a32 32 0 0 0-32-32z" }, null, -1)
   ]));
 }
-const Jd = { render: P4 }, E4 = {
+const Jd = { render: P4 }, F4 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function F4(t, e) {
-  return o(), a("svg", E4, e[0] || (e[0] = [
+function E4(t, e) {
+  return o(), a("svg", F4, e[0] || (e[0] = [
     n("path", { d: "m241.216 832 63.616-64H768V448c0-42.368-10.24-82.304-28.48-117.504l46.912-47.232C815.36 331.392 832 387.84 832 448v320h96a32 32 0 1 1 0 64zm-90.24 0H96a32 32 0 1 1 0-64h96V448a320.13 320.13 0 0 1 256-313.6V128a64 64 0 1 1 128 0v6.4a319.55 319.55 0 0 1 171.648 97.088l-45.184 45.44A256 256 0 0 0 256 448v278.336L151.04 832zM448 896h128a64 64 0 0 1-128 0" }, null, -1),
     n("path", { d: "M150.72 859.072a32 32 0 0 1-45.44-45.056l704-708.544a32 32 0 0 1 45.44 45.056z" }, null, -1)
   ]));
 }
-const Zd = { render: F4 }, R4 = {
+const Zd = { render: E4 }, R4 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -2275,16 +2275,16 @@ function Pa(t, e) {
     n("path", { d: "M256 768H105.024c-14.272 0-19.456-1.472-24.64-4.288a29.06 29.06 0 0 1-12.16-12.096C65.536 746.432 64 741.248 64 727.04V379.072c0-42.816 4.48-58.304 12.8-73.984 8.384-15.616 20.672-27.904 36.288-36.288 15.68-8.32 31.168-12.8 73.984-12.8H256V64h512v192h68.928c42.816 0 58.304 4.48 73.984 12.8 15.616 8.384 27.904 20.672 36.288 36.288 8.32 15.68 12.8 31.168 12.8 73.984v347.904c0 14.272-1.472 19.456-4.288 24.64a29.06 29.06 0 0 1-12.096 12.16c-5.184 2.752-10.368 4.224-24.64 4.224H768v192H256zm64-192v320h384V576zm-64 128V512h512v192h128V379.072c0-29.376-1.408-36.48-5.248-43.776a23.3 23.3 0 0 0-10.048-10.048c-7.232-3.84-14.4-5.248-43.776-5.248H187.072c-29.376 0-36.48 1.408-43.776 5.248a23.3 23.3 0 0 0-10.048 10.048c-3.84 7.232-5.248 14.4-5.248 43.776V704zm64-448h384V128H320zm-64 128h64v64h-64zm128 0h64v64h-64z" }, null, -1)
   ]));
 }
-const Hu = { render: Pa }, Ea = {
+const Hu = { render: Pa }, Fa = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function Fa(t, e) {
-  return o(), a("svg", Ea, e[0] || (e[0] = [
+function Ea(t, e) {
+  return o(), a("svg", Fa, e[0] || (e[0] = [
     n("path", { d: "m64 448 832-320-128 704-446.08-243.328L832 192 242.816 545.472zm256 512V657.024L512 768z" }, null, -1)
   ]));
 }
-const zu = { render: Fa }, Ra = {
+const zu = { render: Ea }, Ra = {
   xmlns: "http://www.w3.org/2000/svg",
   "xml:space": "preserve",
   viewBox: "0 0 1024 1024"
@@ -2430,7 +2430,7 @@ function $3(t, e) {
     n("path", { d: "M384 832h256v-64a128 128 0 1 0-256 0zm128-256a192 192 0 0 1 192 192v128H320V768a192 192 0 0 1 192-192M320 384h128v96H320zm256-192h128v96H576zm0 192h128v96H576z" }, null, -1)
   ]));
 }
-const Eu = { render: $3 }, y3 = {
+const Fu = { render: $3 }, y3 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -2439,7 +2439,7 @@ function b3(t, e) {
     n("path", { d: "m512.064 578.368-106.88 152.768a160 160 0 1 1-23.36-78.208L472.96 522.56 196.864 128.256a32 32 0 1 1 52.48-36.736l393.024 561.344a160 160 0 1 1-23.36 78.208l-106.88-152.704zm54.4-189.248 208.384-297.6a32 32 0 0 1 52.48 36.736l-221.76 316.672-39.04-55.808zm-376.32 425.856a96 96 0 1 0 110.144-157.248 96 96 0 0 0-110.08 157.248zm643.84 0a96 96 0 1 0-110.08-157.248 96 96 0 0 0 110.08 157.248" }, null, -1)
   ]));
 }
-const Fu = { render: b3 }, M3 = {
+const Eu = { render: b3 }, M3 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
 };
@@ -2511,16 +2511,16 @@ function P3(t, e) {
     n("path", { d: "M512 386.88V448h405.568a32 32 0 0 1 30.72 40.768l-76.48 267.968A192 192 0 0 1 687.168 896H336.832a192 192 0 0 1-184.64-139.264L75.648 488.768A32 32 0 0 1 106.368 448H448V117.888a32 32 0 0 1 47.36-28.096l13.888 7.616L512 96v2.88l231.68 126.4a32 32 0 0 1-2.048 57.216zm0-70.272 144.768-65.792L512 171.84zM512 512H148.864l18.24 64H856.96l18.24-64zM185.408 640l28.352 99.2A128 128 0 0 0 336.832 832h350.336a128 128 0 0 0 123.072-92.8l28.352-99.2z" }, null, -1)
   ]));
 }
-const Qu = { render: P3 }, E3 = {
+const Qu = { render: P3 }, F3 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function F3(t, e) {
-  return o(), a("svg", E3, e[0] || (e[0] = [
+function E3(t, e) {
+  return o(), a("svg", F3, e[0] || (e[0] = [
     n("path", { d: "M704 704h64v192H256V704h64v64h384zm188.544-152.192C894.528 559.616 896 567.616 896 576a96 96 0 1 1-192 0 96 96 0 1 1-192 0 96 96 0 1 1-192 0 96 96 0 1 1-192 0c0-8.384 1.408-16.384 3.392-24.192L192 128h640z" }, null, -1)
   ]));
 }
-const Ku = { render: F3 }, R3 = {
+const Ku = { render: E3 }, R3 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -2748,13 +2748,13 @@ function Ps(t, e) {
     n("path", { d: "M192 128v768h640V128zm-32-64h704a32 32 0 0 1 32 32v832a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32m160 448h384v64H320zm0-192h192v64H320zm0 384h384v64H320z" }, null, -1)
   ]));
 }
-const g5 = { render: Ps }, Es = { viewBox: "0 0 32 32" };
-function Fs(t, e) {
-  return o(), a("svg", Es, e[0] || (e[0] = [
+const g5 = { render: Ps }, Fs = { viewBox: "0 0 32 32" };
+function Es(t, e) {
+  return o(), a("svg", Fs, e[0] || (e[0] = [
     n("path", { d: "M20.586 23.414 14 16.828V8h4v7.172l5.414 5.414zM16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16S24.837 0 16 0m0 28C9.373 28 4 22.627 4 16S9.373 4 16 4s12 5.373 12 12-5.373 12-12 12" }, null, -1)
   ]));
 }
-const x5 = { render: Fs }, Rs = {
+const x5 = { render: Es }, Rs = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -2942,7 +2942,7 @@ function Vl(t, e) {
     n("path", { d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 832a384 384 0 0 0 0-768 384 384 0 0 0 0 768m-96-544q32 0 32 32v256q0 32-32 32t-32-32V384q0-32 32-32m192 0q32 0 32 32v256q0 32-32 32t-32-32V384q0-32 32-32" }, null, -1)
   ]));
 }
-const E5 = { render: Vl }, kl = {
+const F5 = { render: Vl }, kl = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -2951,7 +2951,7 @@ function Bl(t, e) {
     n("path", { d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 832a384 384 0 0 0 0-768 384 384 0 0 0 0 768m-48-247.616L668.608 512 464 375.616zm10.624-342.656 249.472 166.336a48 48 0 0 1 0 79.872L474.624 718.272A48 48 0 0 1 400 678.336V345.6a48 48 0 0 1 74.624-39.936z" }, null, -1)
   ]));
 }
-const F5 = { render: Bl }, Nl = {
+const E5 = { render: Bl }, Nl = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
 };
@@ -2991,17 +2991,17 @@ function Ol(t, e) {
     n("path", { d: "M928.99 755.83 574.6 203.25c-12.89-20.16-36.76-32.58-62.6-32.58s-49.71 12.43-62.6 32.58L95.01 755.83c-12.91 20.12-12.9 44.91.01 65.03 12.92 20.12 36.78 32.51 62.59 32.49h708.78c25.82.01 49.68-12.37 62.59-32.49s12.92-44.91.01-65.03M554.67 768h-85.33v-85.33h85.33zm0-426.67v298.66h-85.33V341.32z" }, null, -1)
   ]));
 }
-const Pl = { render: Ol }, El = {
+const Pl = { render: Ol }, Fl = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
 };
-function Fl(t, e) {
-  return o(), a("svg", El, e[0] || (e[0] = [
+function El(t, e) {
+  return o(), a("svg", Fl, e[0] || (e[0] = [
     n("path", { d: "m16 2.899 13.409 26.726H2.59zM16 0c-.69 0-1.379.465-1.903 1.395L.438 28.617C-.608 30.477.282 32 2.416 32h27.166c2.134 0 3.025-1.522 1.978-3.383L17.901 1.395C17.378.465 16.688 0 15.998 0z" }, null, -1),
     n("path", { d: "M18 26a2 2 0 1 1-3.999.001A2 2 0 0 1 18 26M16 22a2 2 0 0 1-2-2v-6a2 2 0 1 1 4 0v6a2 2 0 0 1-2 2" }, null, -1)
   ]));
 }
-const j5 = { render: Fl }, Rl = {
+const j5 = { render: El }, Rl = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -3058,7 +3058,7 @@ const Xl = { render: Kl }, Jl = ["href", "target"], U5 = /* @__PURE__ */ L({
       }, [
         B(r.$slots, "prepend"),
         a2(" " + R(r.text) + " ", 1),
-        v(s).icon ? (o(), O(v(E), {
+        v(s).icon ? (o(), O(v(F), {
           key: 0,
           class: "nmorph-link__icon",
           width: "10px",
@@ -3103,18 +3103,18 @@ const G5 = /* @__PURE__ */ L({
       "256f24e4": P.value,
       "6ab0c31b": W.value,
       e0c171ca: _.value,
-      "4956b50c": w.value,
+      "4956b50c": g.value,
       73570806: d.value,
       73570807: i.value,
-      "14ef4acf": F.value,
+      "14ef4acf": E.value,
       "6253ec03": f.value,
       "634acaec": x.value
     }));
-    const l = t, r = g(null), i = h(() => l.scrollYProp), d = h(() => l.scrollXProp), c = g(!1), u = g(!1), p = () => {
+    const l = t, r = w(null), i = h(() => l.scrollYProp), d = h(() => l.scrollXProp), c = w(!1), u = w(!1), p = () => {
       c.value = r.value?.scrollHeight > r.value?.clientHeight, u.value = r.value?.scrollWidth > r.value?.clientWidth;
     }, H = h(() => l.yBarWidthInPx + l.yGapInPx), M = h(() => l.xBarWidthInPx + l.xGapInPx), _ = h(
       () => l.scrollYProp === "hidden" || !c.value ? "0" : `${H.value}px`
-    ), w = h(
+    ), g = h(
       () => l.scrollXProp === "hidden" || !u.value ? "0" : `${M.value}px`
     ), f = h(() => `${l.yBarWidthInPx}px`), x = h(() => `${l.xBarWidthInPx}px`), b = K("nmorph");
     let m;
@@ -3131,7 +3131,7 @@ const G5 = /* @__PURE__ */ L({
     v2(() => {
       m !== void 0 && clearTimeout(m);
     });
-    const y = g(!1), I = h(
+    const y = w(!1), I = h(
       () => C({
         "nmorph-scroll": []
       })
@@ -3158,7 +3158,7 @@ const G5 = /* @__PURE__ */ L({
       },
       { deep: !0, immediate: !0 }
     );
-    const F = h(() => l.cssScrollBehavior), P = h(() => l.height), W = h(() => l.maxHeight);
+    const E = h(() => l.cssScrollBehavior), P = h(() => l.height), W = h(() => l.maxHeight);
     e({ scrollDOMContainer: r, moveTo: N });
     const n2 = () => {
       y.value = !0;
@@ -3192,51 +3192,38 @@ const nr = /* @__PURE__ */ L({
   },
   emits: ["error", "load"],
   setup(t, { emit: e }) {
-    X((w) => ({
-      "574116af": _.value,
-      "11dd63ea": p.value,
-      "11d2c240": u.value,
-      "75c6801c": M.value
+    X((u) => ({
+      "1e229faa": c.value,
+      "8f01afe2": i.value,
+      a44f4f78: r.value,
+      d9b42dc0: d.value
     }));
-    const s = t, l = e, r = g(!1), i = h(
+    const s = t;
+    w(!1);
+    const l = h(
       () => C({
         nmorph: [`${s.frameBorder > 0 && "shadow-combined"}`],
         "nmorph-avatar": [s.shape]
       })
-    ), d = (w) => {
-      l("error", w), r.value = !0;
-    }, c = (w) => {
-      l("load", w), r.value = !1;
-    }, u = h(() => `${s.imagePadding}px`), p = h(() => ` ${s.size}px`), H = h(() => `${s.size / 100 * 60}px`), M = h(() => s.shape === "circle" ? "50%" : "4px"), _ = h(() => `${s.frameBorder}px`);
-    return (w, f) => (o(), a("div", {
-      class: k(i.value)
-    }, [
-      V(v(S2), {
-        fit: s.fit,
-        src: s.src,
-        "src-set": s.srcSet,
-        alt: s.alt,
-        "frame-border": 0,
-        onLoad: c,
-        onError: d
-      }, {
-        error: T(() => [
-          V(v(E), {
-            name: "avatar",
-            width: H.value
-          }, null, 8, ["width"])
-        ]),
-        _: 1
-      }, 8, ["fit", "src", "src-set", "alt"])
-    ], 2));
+    ), r = h(() => `${s.imagePadding}px`), i = h(() => ` ${s.size}px`);
+    h(() => `${s.size / 100 * 60}px`);
+    const d = h(() => s.shape === "circle" ? "50%" : "4px"), c = h(() => `${s.frameBorder}px`);
+    return t2(() => {
+      import("./style-f20f3ac8.js").then((u) => {
+        console.log("Styles loaded", u);
+      }).catch((u) => console.error("Failed to load styles", u));
+    }), (u, p) => (o(), a("div", {
+      class: k(l.value),
+      style: Z({ width: i.value, height: i.value })
+    }, R(s.src), 7));
   }
 });
-const T2 = (t, e) => {
+const A2 = (t, e) => {
   const s = t.__vccOpts || t;
   for (const [l, r] of e)
     s[l] = r;
   return s;
-}, Q5 = /* @__PURE__ */ T2(nr, [["__scopeId", "data-v-ced15967"]]), or = {
+}, Q5 = /* @__PURE__ */ A2(nr, [["__scopeId", "data-v-dbfafd56"]]), or = {
   key: 0,
   class: "nmorph-badge__dot"
 }, ar = {
@@ -3272,7 +3259,7 @@ const T2 = (t, e) => {
         x: p,
         y: H
       };
-    }), d = g(null), c = g(0), u = g(0);
+    }), d = w(null), c = w(0), u = w(0);
     return t2(() => {
       d.value && (c.value = d.value.clientWidth, u.value = d.value.clientHeight);
     }), (p, H) => e.disabled ? B(p.$slots, "default", { key: 1 }) : (o(), a("div", {
@@ -3284,7 +3271,7 @@ const T2 = (t, e) => {
         ref_key: "badge",
         ref: d,
         class: k(l.value),
-        style: e2({ right: i.value.x, top: i.value.y })
+        style: Z({ right: i.value.x, top: i.value.y })
       }, [
         e.isDot ? (o(), a("div", or)) : (o(), a("div", ar, [
           B(p.$slots, "value", {}, () => [
@@ -3323,7 +3310,7 @@ const sr = { class: "nmorph-calendar-header__text" }, lr = { class: "nmorph-cale
             onClick: d[0] || (d[0] = (c) => l("click-previous-month"))
           }, {
             default: T(() => [
-              V(v(E), { name: "arrow-left" })
+              V(v(F), { name: "arrow-left" })
             ]),
             _: 1
           })) : S("", !0),
@@ -3339,7 +3326,7 @@ const sr = { class: "nmorph-calendar-header__text" }, lr = { class: "nmorph-cale
             onClick: d[2] || (d[2] = (c) => l("click-next-month"))
           }, {
             default: T(() => [
-              V(v(E), { name: "arrow-right" })
+              V(v(F), { name: "arrow-right" })
             ]),
             _: 1
           })) : S("", !0)
@@ -3348,7 +3335,7 @@ const sr = { class: "nmorph-calendar-header__text" }, lr = { class: "nmorph-cale
     ], 2));
   }
 });
-const ir = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct", "nov", "dec"], cr = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], D2 = () => {
+const ir = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct", "nov", "dec"], cr = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], T2 = () => {
   const { t } = x2();
   return {
     months: ir.map((e) => t(`${e}`)),
@@ -3365,12 +3352,12 @@ const ir = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
   },
   emits: ["update:model-value", "update-initial-date"],
   setup(t, { emit: e }) {
-    const s = t, l = e, { days: r } = D2(), i = () => {
-      w.value = m.value;
+    const s = t, l = e, { days: r } = T2(), i = () => {
+      g.value = m.value;
     }, d = () => {
-      w.value = /* @__PURE__ */ new Date();
+      g.value = /* @__PURE__ */ new Date();
     }, c = () => {
-      w.value = $.value;
+      g.value = $.value;
     }, u = () => {
       throw new Error("model value and type prop not matched");
     }, p = (y) => {
@@ -3399,21 +3386,21 @@ const ir = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
       if (N)
         return;
       I === "next" && c(), I === "previous" && i();
-      const { date: F } = y;
-      if (s.type === "date" && (f.value = F, l("update:model-value", f.value)), s.type === "dates") {
+      const { date: E } = y;
+      if (s.type === "date" && (f.value = E, l("update:model-value", f.value)), s.type === "dates") {
         if (!Array.isArray(f.value))
           return u();
-        const P = F.toDateString(), n2 = f.value.map((J) => J.toDateString()).indexOf(P);
-        n2 !== -1 ? f.value.splice(n2, 1) : f.value.push(F), l("update:model-value", f.value);
+        const P = E.toDateString(), n2 = f.value.map((J) => J.toDateString()).indexOf(P);
+        n2 !== -1 ? f.value.splice(n2, 1) : f.value.push(E), l("update:model-value", f.value);
       }
       if (s.type === "daterange") {
         if (!Array.isArray(f.value))
           return u();
-        f.value.length === 0 ? f.value.push(F) : f.value.length === 1 ? F < f.value[0] ? f.value = [F, f.value[0]] : f.value.push(F) : f.value = [F], l("update:model-value", f.value.slice(0, 2));
+        f.value.length === 0 ? f.value.push(E) : f.value.length === 1 ? E < f.value[0] ? f.value = [E, f.value[0]] : f.value.push(E) : f.value = [E], l("update:model-value", f.value.slice(0, 2));
       }
     }, M = (y, I) => {
-      const [N, F] = I;
-      return I.length === 1 ? y.toDateString() === N.toDateString() : N && F ? y >= i2(N) && y <= i2(F) : !1;
+      const [N, E] = I;
+      return I.length === 1 ? y.toDateString() === N.toDateString() : N && E ? y >= i2(N) && y <= i2(E) : !1;
     }, _ = (y) => {
       if (f.value === null)
         return !1;
@@ -3423,42 +3410,42 @@ const ir = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
         return Array.isArray(f.value) ? !!f.value.find((N) => N.toDateString() === y.toDateString()) : u();
       if (s.type === "daterange")
         return Array.isArray(f.value) ? M(y, f.value) : u();
-    }, w = g(s.initialDate), f = g(p(s.modelValue));
+    }, g = w(s.initialDate), f = w(p(s.modelValue));
     t2(() => {
       l("update:model-value", f.value);
     });
     let x = c2([]);
     const b = () => {
-      x = [], fr(w, s.range).forEach((I) => {
+      x = [], fr(g, s.range).forEach((I) => {
         const N = {};
-        I.forEach((F, P) => {
+        I.forEach((E, P) => {
           const W = r[P];
-          N[W] = F;
+          N[W] = E;
         }), x.push(N);
       });
     };
     j(
       () => s.initialDate,
       (y) => {
-        w.value = y;
+        g.value = y;
       },
       {
         deep: !0
       }
-    ), j(w, () => {
-      b(), l("update-initial-date", w.value);
+    ), j(g, () => {
+      b(), l("update-initial-date", g.value);
     }), j(
       () => s.modelValue,
       (y) => {
         f.value = p(y);
       }
     );
-    const m = h(() => new Date(w.value.setMonth(w.value.getMonth() - 1))), $ = h(() => new Date(w.value.setMonth(w.value.getMonth() + 1))), z = h(() => {
-      const { range: y } = s, I = y ? pr(w.value, y[0]) : !0, N = y ? vr(w.value, y[1]) : !0, F = mr(y);
+    const m = h(() => new Date(g.value.setMonth(g.value.getMonth() - 1))), $ = h(() => new Date(g.value.setMonth(g.value.getMonth() + 1))), z = h(() => {
+      const { range: y } = s, I = y ? pr(g.value, y[0]) : !0, N = y ? vr(g.value, y[1]) : !0, E = mr(y);
       return {
         showPreviousMonthButton: I,
         showNextMonthButton: N,
-        showTodayButton: F
+        showTodayButton: E
       };
     }), D = h(
       () => C({
@@ -3470,8 +3457,8 @@ const ir = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
     }, [
       B(y.$slots, "header", {}, () => [
         V(rr, {
-          year: w.value.getFullYear(),
-          month: w.value.getMonth(),
+          year: g.value.getFullYear(),
+          month: g.value.getMonth(),
           "show-previous-month-button": z.value.showPreviousMonthButton,
           "show-today-button": z.value.showTodayButton,
           "show-next-month-button": z.value.showNextMonthButton,
@@ -3492,8 +3479,8 @@ const ir = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
               prop: N,
               label: N.toUpperCase()
             }, {
-              default: T(({ scope: F }) => [
-                (o(!0), a(Y, null, U(F.rows, (P, W) => (o(), O(v(l6), {
+              default: T(({ scope: E }) => [
+                (o(!0), a(Y, null, U(E.rows, (P, W) => (o(), O(v(l6), {
                   key: W,
                   row: W
                 }, {
@@ -3540,7 +3527,7 @@ const hr = (t) => {
   for (let l = 0; l < 10; l++)
     s.push(e + l);
   return s;
-}, K2 = (t) => {
+}, Q2 = (t) => {
   if (!t)
     return;
   const e = "en-CA", s = {
@@ -3556,17 +3543,17 @@ const hr = (t) => {
   const s = t && t[0], l = t && t[1];
   return e >= s && e <= l;
 }, se = (t) => {
-  const { months: e } = D2();
+  const { months: e } = T2();
   return e[t];
-}, _r = (t) => t % 4 === 0 && t % 100 !== 0 || t % 400 === 0, X2 = (t, e) => [0, 2, 4, 6, 7, 9, 11].includes(e) ? 31 : [3, 5, 8, 10].includes(e) ? 30 : _r(t) ? 29 : 28, i2 = (t) => new Date(t.getFullYear(), t.getMonth(), t.getDate()), fr = (t, e) => {
-  const s = (P) => e ? P < i2(e[0]) || P > i2(e[1]) : !1, l = t.value.getFullYear(), r = t.value.getMonth(), d = new Date(l, r, 1).getDay() + 1, c = X2(l, r), u = 7 + d - 8;
+}, _r = (t) => t % 4 === 0 && t % 100 !== 0 || t % 400 === 0, K2 = (t, e) => [0, 2, 4, 6, 7, 9, 11].includes(e) ? 31 : [3, 5, 8, 10].includes(e) ? 30 : _r(t) ? 29 : 28, i2 = (t) => new Date(t.getFullYear(), t.getMonth(), t.getDate()), fr = (t, e) => {
+  const s = (P) => e ? P < i2(e[0]) || P > i2(e[1]) : !1, l = t.value.getFullYear(), r = t.value.getMonth(), d = new Date(l, r, 1).getDay() + 1, c = K2(l, r), u = 7 + d - 8;
   let M = 7 - (new Date(l, r, c).getDay() + 1);
-  const _ = /* @__PURE__ */ new Date(), w = _.getDate(), f = _.getMonth(), x = r - 1, b = X2(l, x);
+  const _ = /* @__PURE__ */ new Date(), g = _.getDate(), f = _.getMonth(), x = r - 1, b = K2(l, x);
   let m = b - u;
   const $ = [];
   for (; m < b; ) {
     m++;
-    const P = f === x && w === m, W = new Date(l, x, m);
+    const P = f === x && g === m, W = new Date(l, x, m);
     $.push({
       value: m,
       monthType: "previous",
@@ -3579,7 +3566,7 @@ const hr = (t) => {
   let A = 0;
   for (; M; ) {
     A++, M--;
-    const P = f === z && w === A, W = new Date(l, z, A);
+    const P = f === z && g === A, W = new Date(l, z, A);
     D.push({
       value: A,
       monthType: "next",
@@ -3602,12 +3589,12 @@ const hr = (t) => {
       hidden: s(n2)
     });
   }
-  const N = [...$, ...I, ...D], F = [];
+  const N = [...$, ...I, ...D], E = [];
   for (let P = 0; P < N.length; P += 7) {
     const W = N.slice(P, P + 7);
-    F.push(W);
+    E.push(W);
   }
-  return F.filter((P) => !P.every((W) => W.hidden));
+  return E.filter((P) => !P.every((W) => W.hidden));
 }, wr = { class: "nmorph-card__header" }, gr = { class: "nmorph-card__content" }, xr = { class: "nmorph-card__footer" }, $r = /* @__PURE__ */ L({
   __name: "NmorphCard",
   props: {
@@ -3639,14 +3626,14 @@ const hr = (t) => {
     ], 2));
   }
 });
-const X5 = /* @__PURE__ */ T2($r, [["__scopeId", "data-v-e3cb136f"]]), yr = ["id"], br = { class: "nmorph-carousel__elements-indicator" }, Mr = ["onClick"], J5 = /* @__PURE__ */ L({
+const X5 = /* @__PURE__ */ A2($r, [["__scopeId", "data-v-e3cb136f"]]), yr = ["id"], br = { class: "nmorph-carousel__elements-indicator" }, Mr = ["onClick"], J5 = /* @__PURE__ */ L({
   __name: "NmorphCarousel",
   props: {
     loop: { type: Boolean, default: !0 }
   },
   emits: ["change"],
   setup(t, { emit: e }) {
-    const s = g(0), l = () => {
+    const s = w(0), l = () => {
       s.value = s.value + 1;
     }, r = () => {
       s.value = s.value - 1;
@@ -3654,16 +3641,16 @@ const X5 = /* @__PURE__ */ T2($r, [["__scopeId", "data-v-e3cb136f"]]), yr = ["id
       () => C({
         "nmorph-carousel": []
       })
-    ), u = g([]), p = d2();
-    Z("carousel-data", { data: u, carouselId: p });
-    const H = g(null), M = c2({}), _ = () => {
+    ), u = w([]), p = d2();
+    e2("carousel-data", { data: u, carouselId: p });
+    const H = w(null), M = c2({}), _ = () => {
       const z = M[Object.keys(M).length - 1]?.cloneNode(!0), D = M[0]?.cloneNode(!0);
       H.value?.prepend(z), H.value?.append(D), s.value += 1;
-    }, w = () => {
+    }, g = () => {
       s.value === 0 && (s.value = Object.keys(M).length, b.value = !1), s.value > Object.keys(M).length && (s.value = 1, b.value = !1);
     };
     t2(() => {
-      i.loop && s.value === 0 && (p2(() => _()), H.value?.addEventListener("transitionend", w));
+      i.loop && s.value === 0 && (p2(() => _()), H.value?.addEventListener("transitionend", g));
     }), j(s, (z) => {
       d("change", s.value), (z === 1 || z === Object.keys(M).length) && setTimeout(() => {
         b.value = !0;
@@ -3672,7 +3659,7 @@ const X5 = /* @__PURE__ */ T2($r, [["__scopeId", "data-v-e3cb136f"]]), yr = ["id
     const f = (z, D) => {
       const A = z;
       M[D] = A;
-    }, x = h(() => `translateX(-${s.value * 100}%)`), b = g(!0), m = (z) => z === s.value - 1, $ = (z) => {
+    }, x = h(() => `translateX(-${s.value * 100}%)`), b = w(!0), m = (z) => z === s.value - 1, $ = (z) => {
       s.value = z + 1;
     };
     return (z, D) => (o(), a("div", {
@@ -3682,7 +3669,7 @@ const X5 = /* @__PURE__ */ T2($r, [["__scopeId", "data-v-e3cb136f"]]), yr = ["id
         ref_key: "carouselWrapper",
         ref: H,
         class: k(["nmorph-carousel__wrapper", { "transition-enabled": b.value }]),
-        style: e2({ transform: x.value })
+        style: Z({ transform: x.value })
       }, [
         (o(!0), a(Y, null, U(u.value, (A, y) => (o(), a("div", {
           id: `nmorph-carousel-item-${v(p)}-${A}`,
@@ -3707,13 +3694,13 @@ const X5 = /* @__PURE__ */ T2($r, [["__scopeId", "data-v-e3cb136f"]]), yr = ["id
         class: "nmorph-carousel__action-btn nmorph-carousel__prev",
         onClick: l
       }, [
-        V(v(E), { name: "chevron-down" })
+        V(v(F), { name: "chevron-down" })
       ]),
       n("div", {
         class: "nmorph-carousel__action-btn nmorph-carousel__next",
         onClick: r
       }, [
-        V(v(E), { name: "chevron-down" })
+        V(v(F), { name: "chevron-down" })
       ]),
       B(z.$slots, "default")
     ], 2));
@@ -3729,7 +3716,7 @@ const Z5 = /* @__PURE__ */ L({
       () => C({
         "nmorph-carousel-item": []
       })
-    ), l = K("carousel-data", void 0), r = g(!1);
+    ), l = K("carousel-data", void 0), r = w(!1);
     return t2(() => {
       r.value = !0, l && l.data.value.push(e.name);
     }), (i, d) => r.value ? (o(), a("div", {
@@ -3751,7 +3738,7 @@ const Z5 = /* @__PURE__ */ L({
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const s = t, l = g(s.modelValue);
+    const s = t, l = w(s.modelValue);
     j(
       () => s.modelValue,
       (c) => {
@@ -3769,7 +3756,7 @@ const Z5 = /* @__PURE__ */ L({
       }
       i("update:model-value", l.value);
     };
-    Z("collapse-data", l), Z("update-model", r);
+    e2("collapse-data", l), e2("update-model", r);
     const i = e, d = h(
       () => C({
         "nmorph-collapse": []
@@ -3792,7 +3779,7 @@ const Z5 = /* @__PURE__ */ L({
   },
   emits: ["click-item"],
   setup(t, { emit: e }) {
-    const s = t, l = e, r = g(!1), i = h(
+    const s = t, l = e, r = w(!1), i = h(
       () => C({
         "nmorph-collapse-item": [`${s.disabled && "disabled"}`, `${r.value && "is-open"}`]
       })
@@ -3800,7 +3787,7 @@ const Z5 = /* @__PURE__ */ L({
       () => C({
         nmorph: [s2[s.height]]
       })
-    ), c = K("collapse-data", void 0), u = K("update-model", void 0), p = g(null), H = g(0), M = () => {
+    ), c = K("collapse-data", void 0), u = K("update-model", void 0), p = w(null), H = w(0), M = () => {
       s.block || (r.value = !r.value, u && (u(s.name, r.value), l("click-item", { id: s.name, isOpen: r.value })));
     };
     return t2(() => {
@@ -3813,7 +3800,7 @@ const Z5 = /* @__PURE__ */ L({
       { deep: !0 }
     ), j(r, () => {
       H.value = r.value && p.value ? p.value?.clientHeight : 0;
-    }), (_, w) => (o(), a("div", {
+    }), (_, g) => (o(), a("div", {
       class: k(i.value),
       onClick: l2(M, ["stop"])
     }, [
@@ -3826,7 +3813,7 @@ const Z5 = /* @__PURE__ */ L({
       ], 2),
       n("div", {
         class: "nmorph-collapse-item__content",
-        style: e2({ height: `${H.value}px` })
+        style: Z({ height: `${H.value}px` })
       }, [
         n("div", {
           ref_key: "collapseItemDOMElContent",
@@ -3860,9 +3847,9 @@ const Hr = ["src", "alt", "srcset"], zr = {
   setup(t, { emit: e }) {
     X((x) => ({
       f275537c: f.value,
-      "4c0504db": w.value
+      "4c0504db": g.value
     }));
-    const { t: s } = x2(), l = t, r = h(() => l.loadingText ? l.loadingText : s("loadingText")), i = h(() => l.loadFailedText ? l.loadFailedText : s("loadFailedText")), d = g(!1), c = g(!1), u = e, p = (x) => {
+    const { t: s } = x2(), l = t, r = h(() => l.loadingText ? l.loadingText : s("loadingText")), i = h(() => l.loadFailedText ? l.loadFailedText : s("loadFailedText")), d = w(!1), c = w(!1), u = e, p = (x) => {
       d.value = !0, c.value = !1, u("load", x);
     }, H = (x) => {
       d.value = !0, c.value = !0, u("error", x);
@@ -3871,7 +3858,7 @@ const Hr = ["src", "alt", "srcset"], zr = {
         nmorph: [`${l.frameBorder > 0 && "shadow-combined"}`],
         "nmorph-image": [`${(M.value || !d.value) && "hide"}`]
       })
-    ), w = h(() => l.fit), f = h(() => `${l.frameBorder}px`);
+    ), g = h(() => l.fit), f = h(() => `${l.frameBorder}px`);
     return (x, b) => l.src ? (o(), a("div", {
       key: 0,
       class: k(_.value)
@@ -3895,7 +3882,7 @@ const Hr = ["src", "alt", "srcset"], zr = {
     ], 2)) : S("", !0);
   }
 });
-const S2 = /* @__PURE__ */ T2(kr, [["__scopeId", "data-v-3158d63a"]]), Br = { class: "nmorph-image-preview__content" }, Nr = {
+const X2 = /* @__PURE__ */ A2(kr, [["__scopeId", "data-v-3158d63a"]]), Br = { class: "nmorph-image-preview__content" }, Nr = {
   key: 0,
   class: "nmorph-image-preview__left"
 }, Ir = {
@@ -3914,7 +3901,7 @@ const S2 = /* @__PURE__ */ T2(kr, [["__scopeId", "data-v-3158d63a"]]), Br = { cl
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const s = t, l = g(s.modelValue);
+    const s = t, l = w(s.modelValue);
     j(
       () => s.modelValue,
       (N) => l.value = N
@@ -3923,7 +3910,7 @@ const S2 = /* @__PURE__ */ T2(kr, [["__scopeId", "data-v-3158d63a"]]), Br = { cl
       () => C({
         "nmorph-image-preview": [`${l.value && "opened"}`]
       })
-    ), i = g(s.initialIndex), d = h(() => typeof s.src == "string" ? s.src : s.src[i.value]), c = g(1), u = () => {
+    ), i = w(s.initialIndex), d = h(() => typeof s.src == "string" ? s.src : s.src[i.value]), c = w(1), u = () => {
       l.value = !0, y("update:model-value", l.value);
     }, p = () => {
       l.value = !1, y("update:model-value", l.value);
@@ -3933,18 +3920,18 @@ const S2 = /* @__PURE__ */ T2(kr, [["__scopeId", "data-v-3158d63a"]]), Br = { cl
       m.value = m.value - 90, m.value <= -360 && (m.value = 0);
     }, _ = () => {
       c.value < s.maxScaleLevel && (c.value += s.scaleStep), c.value = parseFloat(c.value.toFixed(3));
-    }, w = () => {
+    }, g = () => {
       c.value > s.minScaleLevel && (c.value -= s.scaleStep), c.value = parseFloat(c.value.toFixed(3));
     }, f = h(() => c.value < 1), x = () => {
       c.value = 1;
     }, b = () => {
       c.value = 1;
-    }, m = g(0), $ = () => {
-      const N = s.src.length - 1, F = i.value - 1;
-      F < 0 ? i.value = N : i.value = F;
+    }, m = w(0), $ = () => {
+      const N = s.src.length - 1, E = i.value - 1;
+      E < 0 ? i.value = N : i.value = E;
     }, z = () => {
-      const N = s.src.length - 1, F = i.value + 1;
-      F > N ? i.value = 0 : i.value = F;
+      const N = s.src.length - 1, E = i.value + 1;
+      E > N ? i.value = 0 : i.value = E;
     }, D = h(() => {
       let N = {
         icon: K3,
@@ -3969,41 +3956,41 @@ const S2 = /* @__PURE__ */ T2(kr, [["__scopeId", "data-v-3158d63a"]]), Br = { cl
       },
       {
         icon: Xl,
-        handler: w
+        handler: g
       }
     ], y = e, I = h(() => Array.isArray(s.src) && s.src.length > 0);
-    return (N, F) => (o(), a("div", {
+    return (N, E) => (o(), a("div", {
       class: k(r.value)
     }, [
       n("div", {
         class: "nmorph-image-preview__trigger",
         onClick: u
       }, [
-        V(v(S2), {
+        V(v(X2), {
           src: d.value,
           alt: s.alt,
           fit: "cover"
         }, null, 8, ["src", "alt"])
       ]),
-      V(v(R2), {
+      V(v(E2), {
         show: l.value,
         onOnOutsideClick: p
       }, {
         default: T(() => [
           n("div", Br, [
-            V(v(S2), {
+            V(v(X2), {
               src: d.value,
               alt: s.alt,
               fit: "cover",
-              style: e2({ transform: `rotate(${m.value}deg) scale(${c.value})` })
+              style: Z({ transform: `rotate(${m.value}deg) scale(${c.value})` })
             }, null, 8, ["src", "alt", "style"])
           ]),
           I.value ? (o(), a("div", Nr, [
             V(v(q), { onClick: $ }, {
               default: T(() => [
-                V(v(E), null, {
+                V(v(F), null, {
                   default: T(() => [
-                    V(v(Q2))
+                    V(v(G2))
                   ]),
                   _: 1
                 })
@@ -4014,9 +4001,9 @@ const S2 = /* @__PURE__ */ T2(kr, [["__scopeId", "data-v-3158d63a"]]), Br = { cl
           I.value ? (o(), a("div", Ir, [
             V(v(q), { onClick: z }, {
               default: T(() => [
-                V(v(E), null, {
+                V(v(F), null, {
                   default: T(() => [
-                    V(v(Q2))
+                    V(v(G2))
                   ]),
                   _: 1
                 })
@@ -4033,7 +4020,7 @@ const S2 = /* @__PURE__ */ T2(kr, [["__scopeId", "data-v-3158d63a"]]), Br = { cl
                 onClick: P.handler
               }, {
                 default: T(() => [
-                  V(v(E), null, {
+                  V(v(F), null, {
                     default: T(() => [
                       (o(), O(N2(P.icon)))
                     ]),
@@ -4049,7 +4036,7 @@ const S2 = /* @__PURE__ */ T2(kr, [["__scopeId", "data-v-3158d63a"]]), Br = { cl
                 onClick: D.value.handler
               }, {
                 default: T(() => [
-                  V(v(E), {
+                  V(v(F), {
                     name: D.value.icon
                   }, {
                     default: T(() => [
@@ -4089,7 +4076,7 @@ const n9 = /* @__PURE__ */ L({
       c.value = String(Number(c.value) - 1);
     }, d = () => {
       c.value = String(Number(c.value) + 1);
-    }, c = g(String(s.modelValue)), u = h(() => {
+    }, c = w(String(s.modelValue)), u = h(() => {
       const x = s.totalElementsQuantity / s.elementsQuantityOnPage + 1, b = x % 1 === 0 ? -1 : 0;
       return Array.from({ length: x + b }, ($, z) => ({ value: String(z + 1), label: String(z + 1) }));
     }), p = h(() => s.hideOnSinglePage || s.totalElementsQuantity / s.elementsQuantityOnPage > 1);
@@ -4098,7 +4085,7 @@ const n9 = /* @__PURE__ */ L({
     });
     const H = (x) => {
       c.value = x;
-    }, M = h(() => Number(c.value) === 1), _ = h(() => u.value.length === Number(c.value)), w = h(() => {
+    }, M = h(() => Number(c.value) === 1), _ = h(() => u.value.length === Number(c.value)), g = h(() => {
       const x = u.value.length, b = Number(c.value), m = s.maxVisiblePages;
       if (x <= m)
         return u.value;
@@ -4125,7 +4112,7 @@ const n9 = /* @__PURE__ */ L({
         onClick: i
       }, {
         default: T(() => [
-          V(v(E), {
+          V(v(F), {
             name: "chevron-down",
             class: "nmorph-pagination__prev-icon"
           })
@@ -4139,7 +4126,7 @@ const n9 = /* @__PURE__ */ L({
         "onUpdate:modelValue": H
       }, {
         default: T(() => [
-          (o(!0), a(Y, null, U(w.value, (m) => (o(), a("div", {
+          (o(!0), a(Y, null, U(g.value, (m) => (o(), a("div", {
             key: m.value,
             class: "nmorph-pagination__page-btn-wrapper"
           }, [
@@ -4166,7 +4153,7 @@ const n9 = /* @__PURE__ */ L({
         onClick: d
       }, {
         default: T(() => [
-          V(v(E), {
+          V(v(F), {
             name: "chevron-down",
             class: "nmorph-pagination__next-icon"
           })
@@ -4185,10 +4172,10 @@ const Ar = {
 }, Pr = {
   key: 0,
   class: "nmorph-progress__percentage"
-}, Er = {
+}, Fr = {
   key: 1,
   class: "nmorph-progress__circle"
-}, Fr = { class: "nmorph-progress__circle-inner-part" }, Rr = ["width", "height"], qr = ["cx", "cy", "r", "stroke-dasharray", "stroke-dashoffset"], o9 = /* @__PURE__ */ L({
+}, Er = { class: "nmorph-progress__circle-inner-part" }, Rr = ["width", "height"], qr = ["cx", "cy", "r", "stroke-dasharray", "stroke-dashoffset"], o9 = /* @__PURE__ */ L({
   __name: "NmorphProgress",
   props: {
     type: { default: "linear" },
@@ -4210,12 +4197,12 @@ const Ar = {
       () => C({
         "nmorph-progress": []
       })
-    ), l = h(() => `${e.percentage}%`), r = h(() => Array.isArray(e.color) ? e.color.find((_) => _.percentage <= e.percentage)?.color : typeof e.color == "function" ? e.color(e.percentage) : e.color), i = h(() => e.indeterminate ? "var(--animation)" : "none"), d = g(null), c = g(1), u = h(() => `${c.value} ${c.value}`), p = h(() => c.value - e.percentage / 100 * c.value);
+    ), l = h(() => `${e.percentage}%`), r = h(() => Array.isArray(e.color) ? e.color.find((_) => _.percentage <= e.percentage)?.color : typeof e.color == "function" ? e.color(e.percentage) : e.color), i = h(() => e.indeterminate ? "var(--animation)" : "none"), d = w(null), c = w(1), u = h(() => `${c.value} ${c.value}`), p = h(() => c.value - e.percentage / 100 * c.value);
     t2(() => {
       d.value && (c.value = 2 * Math.PI * d.value.r.baseVal.value);
     });
     const H = h(() => `${e.circleSize}px`), M = h(() => `${e.percentage}%`);
-    return (_, w) => (o(), a("div", {
+    return (_, g) => (o(), a("div", {
       class: k(s.value)
     }, [
       e.type === "linear" ? (o(), a("div", Ar, [
@@ -4234,8 +4221,8 @@ const Ar = {
           ])
         ])) : S("", !0)
       ])) : S("", !0),
-      e.type === "circle" ? (o(), a("div", Er, [
-        n("div", Fr, [
+      e.type === "circle" ? (o(), a("div", Fr, [
+        n("div", Er, [
           B(_.$slots, "circle-inner-part", {}, () => [
             a2(R(M.value), 1)
           ])
@@ -4322,7 +4309,7 @@ const Gr = { class: "nmorph-skeleton-item__element" }, Qr = /* @__PURE__ */ L({
       class: k(s.value)
     }, [
       n("div", Gr, [
-        e.variant === "image" ? (o(), O(v(E), {
+        e.variant === "image" ? (o(), O(v(F), {
           key: 0,
           name: "image",
           width: e.width,
@@ -4356,13 +4343,13 @@ const b2 = "10px", Kr = /* @__PURE__ */ L({
         onClick: i
       }, {
         default: T(() => [
-          V(v(E), {
+          V(v(F), {
             name: "triangle-down",
             class: "nmorph-sort-button__icon-up",
             width: b2,
             height: b2
           }),
-          V(v(E), {
+          V(v(F), {
             name: "triangle-down",
             class: "nmorph-sort-button__icon-down",
             width: b2,
@@ -4388,20 +4375,20 @@ const Xr = { class: "nmorph-table__wrapper" }, Jr = { class: "nmorph-table__head
       () => C({
         "nmorph-table": [`${e.design}`]
       })
-    ), l = g(e.data), r = g(e.sort), i = (w, f) => {
-      r.value && (r.value[f] = w, l.value.sort((x, b) => {
+    ), l = w(e.data), r = w(e.sort), i = (g, f) => {
+      r.value && (r.value[f] = g, l.value.sort((x, b) => {
         const m = String(x[f]).toLowerCase(), $ = String(b[f]).toLowerCase();
         if (!r.value)
           return 0;
         const z = r.value[f];
         return z === "ascending" ? m.localeCompare($) : z === "descending" ? $.localeCompare(m) : 0;
       }));
-    }, d = g(null), c = g([]);
-    Z("table-data", { rows: l, columns: c });
+    }, d = w(null), c = w([]);
+    e2("table-data", { rows: l, columns: c });
     const u = h(() => {
-      const w = c.value.map(($) => $.width).filter(($) => !!$), f = w.length, x = w.reduce(($, z) => ($ += Number(z), $), 0), b = c.value.length - f;
+      const g = c.value.map(($) => $.width).filter(($) => !!$), f = g.length, x = g.reduce(($, z) => ($ += Number(z), $), 0), b = c.value.length - f;
       return d.value?.clientWidth ? (d.value?.clientWidth - x) / b : 0;
-    }), p = (w) => w !== "" ? w : u.value, H = g(0);
+    }), p = (g) => g !== "" ? g : u.value, H = w(0);
     j(
       () => e.data,
       () => {
@@ -4411,8 +4398,8 @@ const Xr = { class: "nmorph-table__wrapper" }, Jr = { class: "nmorph-table__head
         immediate: !0
       }
     );
-    const M = (w) => typeof w == "object" ? "" : w, _ = d2();
-    return Z("table-identifier", _), (w, f) => (o(), a("div", {
+    const M = (g) => typeof g == "object" ? "" : g, _ = d2();
+    return e2("table-identifier", _), (g, f) => (o(), a("div", {
       ref_key: "nmorphDOMTable",
       ref: d,
       key: H.value,
@@ -4423,7 +4410,7 @@ const Xr = { class: "nmorph-table__wrapper" }, Jr = { class: "nmorph-table__head
           n("colgroup", null, [
             (o(!0), a(Y, null, U(c.value, (x) => (o(), a("col", {
               key: x.prop,
-              style: e2({ width: `${p(x.width)}px` }),
+              style: Z({ width: `${p(x.width)}px` }),
               "data-src": `${p(x.width)}px`
             }, null, 12, Zr))), 128))
           ]),
@@ -4435,7 +4422,7 @@ const Xr = { class: "nmorph-table__wrapper" }, Jr = { class: "nmorph-table__head
               }, [
                 n("div", t6, [
                   n("div", {
-                    style: e2({ "justify-content": x.alignment }),
+                    style: Z({ "justify-content": x.alignment }),
                     class: "nmorph-table__cell-content"
                   }, [
                     n("span", null, R(x.label), 1),
@@ -4456,7 +4443,7 @@ const Xr = { class: "nmorph-table__wrapper" }, Jr = { class: "nmorph-table__head
             n("colgroup", null, [
               (o(!0), a(Y, null, U(c.value, (x) => (o(), a("col", {
                 key: x.prop,
-                style: e2({ width: `${p(x.width)}px` })
+                style: Z({ width: `${p(x.width)}px` })
               }, null, 4))), 128))
             ]),
             n("tbody", null, [
@@ -4470,7 +4457,7 @@ const Xr = { class: "nmorph-table__wrapper" }, Jr = { class: "nmorph-table__head
                 }, [
                   n("div", {
                     id: `table-cell-${v(_)}-${b}-${m.prop}`,
-                    style: e2({ "text-align": m.alignment }),
+                    style: Z({ "text-align": m.alignment }),
                     class: "nmorph-table__cell nmorph-table__cell--data"
                   }, R(M(x[m.prop])), 13, o6)
                 ], 2))), 128))
@@ -4481,11 +4468,11 @@ const Xr = { class: "nmorph-table__wrapper" }, Jr = { class: "nmorph-table__head
             n("colgroup", null, [
               (o(!0), a(Y, null, U(c.value, (x) => (o(), a("col", {
                 key: x.prop,
-                style: e2({ width: `${p(x.width)}px` })
+                style: Z({ width: `${p(x.width)}px` })
               }, null, 4))), 128))
             ]),
             n("tbody", a6, [
-              B(w.$slots, "default")
+              B(g.$slots, "default")
             ])
           ])
         ])
@@ -4503,7 +4490,7 @@ const l6 = /* @__PURE__ */ L({
       () => C({
         "nmorph-table-cell": []
       })
-    ), i = h(() => `#table-cell-${s}-${l.row}-${e}`), d = g(!1);
+    ), i = h(() => `#table-cell-${s}-${l.row}-${e}`), d = w(!1);
     return t2(async () => {
       await p2();
       const c = document.querySelector(i.value);
@@ -4530,8 +4517,8 @@ const l6 = /* @__PURE__ */ L({
       () => C({
         "nmorph-table-column": []
       })
-    ), i = g(0);
-    Z("column-property", l.prop), Z("table-identifier", s), t2(() => {
+    ), i = w(0);
+    e2("column-property", l.prop), e2("table-identifier", s), t2(() => {
       d();
     });
     const d = () => {
@@ -4539,7 +4526,7 @@ const l6 = /* @__PURE__ */ L({
         return;
       const { columns: u } = e;
       i.value = u.value.length + 1, e.columns.value = [...u.value, { ...l, id: i.value }];
-    }, c = g(null);
+    }, c = w(null);
     return (u, p) => (o(), a("div", {
       ref_key: "columnDOMEl",
       ref: c,
@@ -4563,7 +4550,7 @@ const l6 = /* @__PURE__ */ L({
         "nmorph-list": []
       })
     );
-    let i = g(s.modelValue);
+    let i = w(s.modelValue);
     const d = (c) => {
       i.value = i.value.filter((u) => u.value !== c), l("close", c), l("update:model-value", i.value);
     };
@@ -4600,7 +4587,7 @@ const l6 = /* @__PURE__ */ L({
     }, [
       n("div", c6, [
         n("span", null, R(d.text), 1),
-        s.removable ? (o(), O(v(E), {
+        s.removable ? (o(), O(v(F), {
           key: 0,
           class: "nmorph-tag-item__close-icon",
           name: "error",
@@ -4659,7 +4646,7 @@ const d6 = ["innerHTML"], u6 = {
         n("div", h6, [
           s.showIcon ? (o(), a("div", p6, [
             B(p.$slots, "icon", {}, () => [
-              V(v(E), { size: "medium" }, {
+              V(v(F), { size: "medium" }, {
                 default: T(() => [
                   (o(), O(N2(d[s.type])))
                 ]),
@@ -4685,7 +4672,7 @@ const d6 = ["innerHTML"], u6 = {
           class: "nmorph-alert__close",
           onClick: i
         }, [
-          V(v(E), {
+          V(v(F), {
             name: "cross",
             width: "14px",
             height: "14px"
@@ -4719,7 +4706,7 @@ const w6 = { class: "nmorph-dialog__header" }, g6 = { class: "nmorph-dialog__tit
       () => C({
         "nmorph-dialog": []
       })
-    ), i = h(() => s.width), d = h(() => s.zIndex), c = g(s.modelValue);
+    ), i = h(() => s.width), d = h(() => s.zIndex), c = w(s.modelValue);
     let u = null, p = null;
     j(
       () => s.modelValue,
@@ -4739,7 +4726,7 @@ const w6 = { class: "nmorph-dialog__header" }, g6 = { class: "nmorph-dialog__tit
     }, M = () => {
       s.closeOnOverlay && H();
     };
-    return (_, w) => (o(), O(v(R2), {
+    return (_, g) => (o(), O(v(E2), {
       show: c.value,
       onOnOutsideClick: M
     }, {
@@ -4755,7 +4742,7 @@ const w6 = { class: "nmorph-dialog__header" }, g6 = { class: "nmorph-dialog__tit
                 class: "nmorph-dialog__close-icon",
                 onClick: H
               }, [
-                V(v(E), { name: "cross" })
+                V(v(F), { name: "cross" })
               ])) : S("", !0)
             ])
           ]),
@@ -4786,7 +4773,7 @@ const $6 = { class: "nmorph-tooltip__shadow-content" }, y6 = {
     X((_) => ({
       "6d1447a0": H.value
     }));
-    const s = t, l = g(s.forceShow), r = g(null), i = g(null), { placement: d } = te({
+    const s = t, l = w(s.forceShow), r = w(null), i = w(null), { placement: d } = te({
       initialPlacement: s.position,
       contentDOMElement: r,
       relativeElement: i
@@ -4801,8 +4788,8 @@ const $6 = { class: "nmorph-tooltip__shadow-content" }, y6 = {
       l.value = !0;
     }, p = () => {
       s.forceShow || (l.value = !1);
-    }, H = h(() => s.forceCoordinate ? "100%" : "auto"), M = g(null);
-    return e({ tooltipBody: M }), (_, w) => (o(), a("div", {
+    }, H = h(() => s.forceCoordinate ? "100%" : "auto"), M = w(null);
+    return e({ tooltipBody: M }), (_, g) => (o(), a("div", {
       class: k(c.value)
     }, [
       n("div", {
@@ -4827,7 +4814,7 @@ const $6 = { class: "nmorph-tooltip__shadow-content" }, y6 = {
             l.value && s.text ? (o(), a("div", {
               key: 0,
               class: "nmorph-tooltip__info-content",
-              style: e2({ left: _.forceCoordinate?.x, bottom: _.forceCoordinate?.y }),
+              style: Z({ left: _.forceCoordinate?.x, bottom: _.forceCoordinate?.y }),
               ref_key: "tooltipBody",
               ref: M
             }, [
@@ -4846,7 +4833,7 @@ const $6 = { class: "nmorph-tooltip__shadow-content" }, y6 = {
           default: T(() => [
             l.value ? (o(), a("div", b6, [
               n("div", M6, [
-                w[0] || (w[0] = n("div", { class: "nmorph-tooltip__triangle" }, null, -1)),
+                g[0] || (g[0] = n("div", { class: "nmorph-tooltip__triangle" }, null, -1)),
                 s.text ? (o(), a("span", H6, R(_.text), 1)) : B(_.$slots, "content", { key: 1 })
               ])
             ])) : S("", !0)
@@ -4898,13 +4885,13 @@ const V6 = {
     ), i = t;
     j(
       () => i.modelValue,
-      (w) => {
-        u.value = w;
+      (g) => {
+        u.value = g;
       }
     );
-    const d = g(null);
+    const d = w(null);
     e({ inputDOMRef: d });
-    const c = l !== void 0, u = c ? g(l.value) : g(i.modelValue), p = h(() => c ? l.value.includes(i.id) : i.modelValue), H = s, M = () => {
+    const c = l !== void 0, u = c ? w(l.value) : w(i.modelValue), p = h(() => c ? l.value.includes(i.id) : i.modelValue), H = s, M = () => {
       if (!i.disabled) {
         if (!c) {
           u.value = !u.value, H("update:model-value", u.value);
@@ -4921,7 +4908,7 @@ const V6 = {
         ]
       })
     );
-    return (w, f) => (o(), a("label", {
+    return (g, f) => (o(), a("label", {
       class: k(_.value)
     }, [
       i.design === "checkbox" ? (o(), a("div", V6, [
@@ -4941,7 +4928,7 @@ const V6 = {
         i.label ? (o(), a("div", I6, [
           n("span", null, R(i.label), 1)
         ])) : (o(), a("div", C6, [
-          B(w.$slots, "default")
+          B(g.$slots, "default")
         ]))
       ])) : S("", !0),
       i.design === "button" ? (o(), a("div", L6, [
@@ -4956,7 +4943,7 @@ const V6 = {
         i.label ? (o(), a("div", A6, [
           n("span", null, R(i.label), 1)
         ])) : (o(), a("div", T6, [
-          B(w.$slots, "label")
+          B(g.$slots, "label")
         ]))
       ])) : S("", !0)
     ], 2));
@@ -4974,14 +4961,14 @@ const O6 = { class: "nmorph-checkbox-group__wrapper" }, P6 = { class: "nmorph-ch
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const s = t, l = g(s.modelValue), r = e, i = (c) => {
+    const s = t, l = w(s.modelValue), r = e, i = (c) => {
       l.value.includes(c) ? l.value = l.value.filter((u) => u !== c) : l.value.push(c), r("update:model-value", l.value);
     }, d = h(
       () => C({
         "nmorph-checkbox-group": [s.design, s.direction]
       })
     );
-    return Z("checkbox-group-selected-value", l), Z("change-checkbox-value-handler", i), (c, u) => (o(), a("div", {
+    return e2("checkbox-group-selected-value", l), e2("change-checkbox-value-handler", i), (c, u) => (o(), a("div", {
       class: k(d.value)
     }, [
       n("div", O6, [
@@ -5000,7 +4987,7 @@ const O6 = { class: "nmorph-checkbox-group__wrapper" }, P6 = { class: "nmorph-ch
     ], 2));
   }
 });
-const E6 = { class: "nmorph-autocomplete__input-content" }, F6 = {
+const F6 = { class: "nmorph-autocomplete__input-content" }, E6 = {
   key: 0,
   class: "nmorph-autocomplete__loading"
 }, R6 = {
@@ -5019,13 +5006,13 @@ const E6 = { class: "nmorph-autocomplete__input-content" }, F6 = {
   },
   emits: ["update:model-value", "select"],
   setup(t, { emit: e }) {
-    const s = t, l = g(s.modelValue), r = e, i = h(
+    const s = t, l = w(s.modelValue), r = e, i = h(
       () => C({
         "nmorph-autocomplete": []
       })
     ), d = (f) => {
       l.value = f, r("update:model-value", l.value);
-    }, c = g(!1), u = g(null), p = () => {
+    }, c = w(!1), u = w(null), p = () => {
       c.value = !1;
     }, H = h(() => s.list.filter((f) => Object.keys(f).some((x) => String(f[x]).toLowerCase().includes(l.value.toLowerCase()))));
     j(H, (f) => {
@@ -5037,21 +5024,21 @@ const E6 = { class: "nmorph-autocomplete__input-content" }, F6 = {
       });
     }, _ = () => {
       c.value = H.value.length > 0;
-    }, w = g(!1);
+    }, g = w(!1);
     return j(l, async (f) => {
-      f !== "" && s.actionCallback && (w.value = !0, await s.actionCallback(), w.value = !1);
-    }), j(w, (f) => {
+      f !== "" && s.actionCallback && (g.value = !0, await s.actionCallback(), g.value = !1);
+    }), j(g, (f) => {
       f && (c.value = !0);
     }), (f, x) => (o(), a("div", {
       class: k(i.value)
     }, [
-      n("div", E6, [
+      n("div", F6, [
         n("div", {
           ref_key: "nmorphAutocompleteDOMRef",
           ref: u,
           class: "nmorph-autocomplete__input"
         }, [
-          V(v(E8), {
+          V(v(F8), {
             height: s.height,
             disabled: s.disabled,
             "model-value": l.value,
@@ -5070,9 +5057,9 @@ const E6 = { class: "nmorph-autocomplete__input-content" }, F6 = {
         "y-offset": 1
       }, {
         default: T(() => [
-          w.value ? (o(), a("div", F6, [
+          g.value ? (o(), a("div", E6, [
             B(f.$slots, "loader", {}, () => [
-              V(v(E), {
+              V(v(F), {
                 name: "loader",
                 size: "large"
               })
@@ -5106,7 +5093,7 @@ const j6 = /* @__PURE__ */ L({
     return (r, i) => (o(), a("div", {
       class: k(l.value)
     }, [
-      V(v(E), {
+      V(v(F), {
         name: "error",
         onClick: i[0] || (i[0] = l2((d) => s("clear"), ["stop"]))
       })
@@ -5136,7 +5123,7 @@ const j6 = /* @__PURE__ */ L({
           tabindex: -1
         }, {
           default: T(() => [
-            V(v(E), {
+            V(v(F), {
               name: "chevron-double-down",
               class: "nmorph-date-picker-header__chevron-double-left"
             })
@@ -5150,7 +5137,7 @@ const j6 = /* @__PURE__ */ L({
           tabindex: -1
         }, {
           default: T(() => [
-            V(v(E), {
+            V(v(F), {
               name: "chevron-down",
               class: "nmorph-date-picker-header__chevron-left"
             })
@@ -5182,7 +5169,7 @@ const j6 = /* @__PURE__ */ L({
           tabindex: -1
         }, {
           default: T(() => [
-            V(v(E), {
+            V(v(F), {
               name: "chevron-down",
               class: "nmorph-date-picker-header__chevron-right"
             })
@@ -5196,7 +5183,7 @@ const j6 = /* @__PURE__ */ L({
           tabindex: -1
         }, {
           default: T(() => [
-            V(v(E), {
+            V(v(F), {
               name: "chevron-double-down",
               class: "nmorph-date-picker-header__chevron-double-right"
             })
@@ -5215,11 +5202,11 @@ const Q6 = { class: "nmorph-year-month-picker__header" }, K6 = { class: "nmorph-
   },
   emits: ["update-year", "update-month", "back-to-years"],
   setup(t, { emit: e }) {
-    const { months: s } = D2(), l = s.map((m, $) => ({
+    const { months: s } = T2(), l = s.map((m, $) => ({
       label: m.substring(0, 3),
       value: String($),
       tabindex: -1
-    })), r = t, i = g(l), d = g(String(r.currentDate.getMonth())), c = g(r.currentDate.getFullYear()), u = () => {
+    })), r = t, i = w(l), d = w(String(r.currentDate.getMonth())), c = w(r.currentDate.getFullYear()), u = () => {
       const m = r.currentDate.getFullYear(), $ = hr(m).map((z) => ({ label: String(z), value: String(z) }));
       i.value = $;
     };
@@ -5247,10 +5234,10 @@ const Q6 = { class: "nmorph-year-month-picker__header" }, K6 = { class: "nmorph-
           value: z
         };
       });
-    }, w = (m) => {
+    }, g = (m) => {
       m === "decrease" ? c.value = c.value - 1 : c.value = c.value + 1, p("update-year", String(c.value));
     }, f = (m) => {
-      m === "decrease" ? r.type === "year" ? _("decrease") : w("decrease") : r.type === "year" ? _("increase") : w("increase");
+      m === "decrease" ? r.type === "year" ? _("decrease") : g("decrease") : r.type === "year" ? _("increase") : g("increase");
     }, x = h(() => r.type === "year" ? `${i.value[0].label} - ${i.value[i.value.length - 1].label}` : String(c.value)), b = () => {
       r.type === "month" && p("back-to-years");
     };
@@ -5264,7 +5251,7 @@ const Q6 = { class: "nmorph-year-month-picker__header" }, K6 = { class: "nmorph-
           tabindex: -1
         }, {
           default: T(() => [
-            V(v(E), {
+            V(v(F), {
               name: "chevron-down",
               class: "nmorph-year-month-picker__chevron-left"
             })
@@ -5285,7 +5272,7 @@ const Q6 = { class: "nmorph-year-month-picker__header" }, K6 = { class: "nmorph-
           tabindex: -1
         }, {
           default: T(() => [
-            V(v(E), {
+            V(v(F), {
               name: "chevron-down",
               class: "nmorph-year-month-picker__chevron-right"
             })
@@ -5317,11 +5304,11 @@ const J6 = /* @__PURE__ */ L({
       () => C({
         "nmorph-date-picker-content": []
       })
-    ), i = g(s.initialDate), d = g("calendar"), c = h(() => new Date(i.value.setMonth(i.value.getMonth() - 1))), u = h(() => new Date(i.value.setMonth(i.value.getMonth() + 1))), p = h(() => new Date(i.value.setFullYear(i.value.getFullYear() - 1))), H = h(() => new Date(i.value.setFullYear(i.value.getFullYear() + 1))), M = () => {
+    ), i = w(s.initialDate), d = w("calendar"), c = h(() => new Date(i.value.setMonth(i.value.getMonth() - 1))), u = h(() => new Date(i.value.setMonth(i.value.getMonth() + 1))), p = h(() => new Date(i.value.setFullYear(i.value.getFullYear() - 1))), H = h(() => new Date(i.value.setFullYear(i.value.getFullYear() + 1))), M = () => {
       i.value = c.value;
     }, _ = () => {
       i.value = u.value;
-    }, w = () => {
+    }, g = () => {
       i.value = p.value;
     }, f = () => {
       i.value = H.value;
@@ -5359,7 +5346,7 @@ const J6 = /* @__PURE__ */ L({
             month: i.value.getMonth(),
             onPrevMonth: M,
             onNextMonth: _,
-            onPrevYear: w,
+            onPrevYear: g,
             onNextYear: f,
             onChangeYear: x,
             onChangeMonth: b
@@ -5396,7 +5383,7 @@ const J6 = /* @__PURE__ */ L({
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const { t: s } = x2(), l = t, r = h(() => l.placeholder ? l.placeholder : s("pickADate")), i = g(l.modelValue), d = e, c = g(!1), u = () => {
+    const { t: s } = x2(), l = t, r = h(() => l.placeholder ? l.placeholder : s("pickADate")), i = w(l.modelValue), d = e, c = w(!1), u = () => {
       c.value = !0;
     }, p = () => {
       c.value = !1;
@@ -5405,7 +5392,7 @@ const J6 = /* @__PURE__ */ L({
         nmorph: [s2[l.height]],
         "nmorph-date-picker": [`${l.disabled && "disabled"}`, l.type, `${c.value && "focus"}`]
       })
-    ), M = g(!1), _ = g(null), w = () => {
+    ), M = w(!1), _ = w(null), g = () => {
       M.value = !1;
     }, f = () => {
       M.value = !M.value;
@@ -5415,10 +5402,10 @@ const J6 = /* @__PURE__ */ L({
       if (Array.isArray(i.value)) {
         if (i.value.length === 0)
           return r.value;
-        const z = K2(i.value), D = l.type === "daterange" ? " - " : ", ";
+        const z = Q2(i.value), D = l.type === "daterange" ? " - " : ", ";
         return z.join(D);
       } else
-        return K2(i.value);
+        return Q2(i.value);
     }), b = () => {
       const z = Array.isArray(i.value) ? [] : null;
       i.value = z, d("update:model-value", i.value);
@@ -5442,7 +5429,7 @@ const J6 = /* @__PURE__ */ L({
             onKeydown: h2(l2(() => {
             }, ["prevent"]), ["space"])
           }, null, 40, e8),
-          V(v(E), {
+          V(v(F), {
             name: "calendar",
             class: "nmorph-date-picker__calendar-icon"
           }),
@@ -5461,7 +5448,7 @@ const J6 = /* @__PURE__ */ L({
             width: 324,
             open: M.value,
             "relative-element": _.value,
-            onOnOutsideClick: w
+            onOnOutsideClick: g
           }, {
             default: T(() => [
               V(J6, {
@@ -5496,10 +5483,10 @@ const a8 = { class: "nmorph-file-upload__trigger" }, s8 = ["multiple"], l8 = {
     const { t: l } = x2(), r = t, i = h(() => r.buttonText ? r.buttonText : l("selectFile")), d = (b) => b.split("/")[1], c = (b) => {
       const m = d(b);
       let $ = L1;
-      return m in O2 && ($ = yo), m in E2 && ($ = H0), m in P2 && ($ = Cl), m in F2 && ($ = v0), $;
+      return m in D2 && ($ = yo), m in P2 && ($ = H0), m in O2 && ($ = Cl), m in F2 && ($ = v0), $;
     };
     let u = c2(r.modelValue);
-    const p = g(null), H = () => {
+    const p = w(null), H = () => {
       p.value && p.value.click();
     }, M = (b) => {
       const m = b.target;
@@ -5519,7 +5506,7 @@ const a8 = { class: "nmorph-file-upload__trigger" }, s8 = ["multiple"], l8 = {
         "update:model-value",
         u.map((b) => b.data)
       );
-    }, w = (b) => {
+    }, g = (b) => {
       const m = u.findIndex(($) => $.data.name === b);
       m !== -1 && (URL.revokeObjectURL(u[m].previewUrl), u.splice(m, 1), _());
     };
@@ -5562,7 +5549,7 @@ const a8 = { class: "nmorph-file-upload__trigger" }, s8 = ["multiple"], l8 = {
             }, [
               V(v(Sr), { src: z }, null, 8, ["src"]),
               n("div", r8, [
-                V(v(E), {
+                V(v(F), {
                   name: c($.type),
                   width: "14px",
                   height: "17px"
@@ -5573,10 +5560,10 @@ const a8 = { class: "nmorph-file-upload__trigger" }, s8 = ["multiple"], l8 = {
                 V(v(q), {
                   height: "thin",
                   "style-type": "transparent",
-                  onClick: (D) => w($.name)
+                  onClick: (D) => g($.name)
                 }, {
                   default: T(() => [
-                    V(v(E), { name: "error" })
+                    V(v(F), { name: "error" })
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -5589,11 +5576,11 @@ const a8 = { class: "nmorph-file-upload__trigger" }, s8 = ["multiple"], l8 = {
     ], 2));
   }
 });
-var O2 = /* @__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))(O2 || {}), P2 = /* @__PURE__ */ ((t) => (t.mp4 = "video/mp4", t.webm = "video/webm", t["wideo-ogg"] = "video/ogg", t))(P2 || {}), E2 = /* @__PURE__ */ ((t) => (t.mpeg = "audio/mpeg", t["audio-ogg"] = "audio/ogg", t.wav = "audio/wav", t))(E2 || {}), re = /* @__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))(re || {}), F2 = /* @__PURE__ */ ((t) => (t.zip = "application/zip", t.rar = "application/x-rar-compressed", t["7z"] = "application/x-7z-compressed", t))(F2 || {});
+var D2 = /* @__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))(D2 || {}), O2 = /* @__PURE__ */ ((t) => (t.mp4 = "video/mp4", t.webm = "video/webm", t["wideo-ogg"] = "video/ogg", t))(O2 || {}), P2 = /* @__PURE__ */ ((t) => (t.mpeg = "audio/mpeg", t["audio-ogg"] = "audio/ogg", t.wav = "audio/wav", t))(P2 || {}), re = /* @__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))(re || {}), F2 = /* @__PURE__ */ ((t) => (t.zip = "application/zip", t.rar = "application/x-rar-compressed", t["7z"] = "application/x-7z-compressed", t))(F2 || {});
 const u9 = {
+  ...D2,
   ...O2,
   ...P2,
-  ...E2,
   ...re,
   ...F2
 }, d8 = { class: "nmorph-form__content" }, h9 = /* @__PURE__ */ L({
@@ -5608,7 +5595,7 @@ const u9 = {
         "nmorph-form": []
       })
     ), r = me(s.value, s.validateImmediately);
-    return e({ formData: r }), Z("form-data", r), (i, d) => (o(), a("form", {
+    return e({ formData: r }), e2("form-data", r), (i, d) => (o(), a("form", {
       class: k(l.value)
     }, [
       n("div", d8, [
@@ -5666,7 +5653,7 @@ const V2 = "18px", h8 = /* @__PURE__ */ L({
     return (r, i) => (o(), a("div", {
       class: k(s.value)
     }, [
-      r.show ? (o(), O(v(E), {
+      r.show ? (o(), O(v(F), {
         key: 0,
         class: "nmorph-validation-icon__content",
         name: l.value,
@@ -5749,7 +5736,7 @@ const m8 = { class: "nmorph-number-input__content" }, _8 = { class: "nmorph-numb
           `${l.actionBtnPositionRight && "action-btn-position-right"}`
         ]
       })
-    ), i = g(l.modelValue), d = () => {
+    ), i = w(l.modelValue), d = () => {
       i.value += l.step;
     }, c = () => {
       i.value -= l.step;
@@ -5769,15 +5756,15 @@ const m8 = { class: "nmorph-number-input__content" }, _8 = { class: "nmorph-numb
     }, _ = h(() => {
       const b = l.actionBtnPositionRight ? "right" : "default";
       return M[l.height][b];
-    }), w = s, f = (b) => {
+    }), g = s, f = (b) => {
       const m = b.target;
       let $ = Number(m.value);
       i.value = $;
     };
     j(i, (b) => {
-      b > l.max && (i.value = l.max, x.value?.blur()), i.value < l.min && (i.value = l.min, x.value?.blur()), w("update:model-value", b);
+      b > l.max && (i.value = l.max, x.value?.blur()), i.value < l.min && (i.value = l.min, x.value?.blur()), g("update:model-value", b);
     });
-    const x = g(null);
+    const x = w(null);
     return e({ inputDOMRef: x }), (b, m) => (o(), a("div", {
       class: k(r.value)
     }, [
@@ -5791,7 +5778,7 @@ const m8 = { class: "nmorph-number-input__content" }, _8 = { class: "nmorph-numb
               onClick: c
             }, {
               default: T(() => [
-                V(v(E), {
+                V(v(F), {
                   name: "minus-thin",
                   width: _.value,
                   height: _.value
@@ -5818,7 +5805,7 @@ const m8 = { class: "nmorph-number-input__content" }, _8 = { class: "nmorph-numb
                 onClick: c
               }, {
                 default: T(() => [
-                  V(v(E), {
+                  V(v(F), {
                     name: "minus-thin",
                     width: _.value,
                     height: _.value
@@ -5834,7 +5821,7 @@ const m8 = { class: "nmorph-number-input__content" }, _8 = { class: "nmorph-numb
                 onClick: d
               }, {
                 default: T(() => [
-                  V(v(E), {
+                  V(v(F), {
                     name: "plus-thin",
                     width: _.value,
                     height: _.value
@@ -5851,7 +5838,7 @@ const m8 = { class: "nmorph-number-input__content" }, _8 = { class: "nmorph-numb
               onClick: d
             }, {
               default: T(() => [
-                V(v(E), {
+                V(v(F), {
                   name: "plus-thin",
                   width: _.value,
                   height: _.value
@@ -5893,7 +5880,7 @@ const b8 = { class: "nmorph-select__content" }, M8 = ["id", "name"], H8 = ["valu
   setup(t, { emit: e }) {
     const { t: s } = x2(), l = t, r = h(
       () => l.noElementPlaceholder ? l.noElementPlaceholder : s("noElementPlaceholder")
-    ), i = e, d = g(l.modelValue), c = g(l.open), u = g(null), p = g(null), H = g(!0), M = l.id ? l.id : d2(), _ = l.name ? l.name : d2(), w = (G) => {
+    ), i = e, d = w(l.modelValue), c = w(l.open), u = w(null), p = w(null), H = w(!0), M = l.id ? l.id : d2(), _ = l.name ? l.name : d2(), g = (G) => {
       if (!l.disabled) {
         if (c.value = !1, typeof d.value == "string" && (!l.valueRequired && d.value === G ? d.value = "" : d.value = G, i("update:model-value", d.value)), Array.isArray(d.value)) {
           const Q = d.value.includes(G), o2 = d.value.length === 1 && Q;
@@ -5903,7 +5890,7 @@ const b8 = { class: "nmorph-select__content" }, M8 = ["id", "name"], H8 = ["valu
         }
         i("update:model-value", d.value);
       }
-    }, f = g(!1), x = () => {
+    }, f = w(!1), x = () => {
       f.value = !0;
     }, b = () => {
       f.value = !1;
@@ -5931,7 +5918,7 @@ const b8 = { class: "nmorph-select__content" }, M8 = ["id", "name"], H8 = ["valu
     );
     const z = () => {
       c.value = !1;
-    }, D = g(), A = g([]), y = g(0), I = g("");
+    }, D = w(), A = w([]), y = w(0), I = w("");
     j(y, (G) => {
       I.value = A.value[G], D.value.forEach((Q) => {
         const y2 = Q.getAttribute("value") === I.value ? "add" : "remove";
@@ -5945,16 +5932,16 @@ const b8 = { class: "nmorph-select__content" }, M8 = ["id", "name"], H8 = ["valu
     }), v2(() => {
       document.removeEventListener("click", z);
     });
-    const N = h(() => typeof d.value == "string" ? d.value === "" ? r.value : l.options.find((G) => G.value === d.value)?.label : l.options.find((G) => G.value === d.value)?.label), F = h(() => l.options.length > 0 ? l.options : l.optionsMap), P = h(() => F.value.length > 0 ? F.value.filter((Q) => d.value.includes(Q.value)).map((Q) => ({ text: Q.label, value: Q.value })) : Array.isArray(d.value) ? d.value.map((Q) => ({ text: Q, value: Q })) : [{ text: d.value, value: d.value }]);
-    Z("select-selected-value", d), Z("select-change-selected-value", w);
-    const W = g(null), n2 = () => {
+    const N = h(() => typeof d.value == "string" ? d.value === "" ? r.value : l.options.find((G) => G.value === d.value)?.label : l.options.find((G) => G.value === d.value)?.label), E = h(() => l.options.length > 0 ? l.options : l.optionsMap), P = h(() => E.value.length > 0 ? E.value.filter((Q) => d.value.includes(Q.value)).map((Q) => ({ text: Q.label, value: Q.value })) : Array.isArray(d.value) ? d.value.map((Q) => ({ text: Q, value: Q })) : [{ text: d.value, value: d.value }]);
+    e2("select-selected-value", d), e2("select-change-selected-value", g);
+    const W = w(null), n2 = () => {
       c.value = !c.value;
     }, m2 = () => {
       y.value = (y.value + 1) % A.value.length;
     }, J = () => {
       y.value = (y.value - 1 + A.value.length) % A.value.length;
     }, r2 = () => {
-      c.value && w(I.value);
+      c.value && g(I.value);
     };
     return (G, Q) => (o(), a("div", {
       class: k(m.value)
@@ -5991,10 +5978,10 @@ const b8 = { class: "nmorph-select__content" }, M8 = ["id", "name"], H8 = ["valu
               transparent: "",
               removable: P.value.length > 1 || !l.valueRequired,
               height: "thin",
-              onClose: w
+              onClose: g
             }), null, 16, ["removable"]))), 128))
           ])),
-          V(v(E), {
+          V(v(F), {
             name: l.loading ? "loader" : "chevron-down",
             class: "nmorph-select__chevron"
           }, null, 8, ["name"])
@@ -6012,7 +5999,7 @@ const b8 = { class: "nmorph-select__content" }, M8 = ["id", "name"], H8 = ["valu
             ref: u,
             class: "nmorph-select__options"
           }, [
-            l.loading ? (o(), O(v(E), {
+            l.loading ? (o(), O(v(F), {
               key: 0,
               name: "loader",
               class: "nmorph-select__chevron",
@@ -6062,7 +6049,7 @@ const B8 = ["value"], N8 = { class: "nmorph-select-option__content" }, I8 = /* @
         n("span", null, R(r.label), 1),
         B(p.$slots, "default")
       ]),
-      c.value ? (o(), O(v(E), {
+      c.value ? (o(), O(v(F), {
         key: 0,
         name: "success",
         class: "nmorph-select-option__checked"
@@ -6090,7 +6077,7 @@ const C8 = { class: "nmorph-slider__content" }, L8 = { class: "nmorph-slider__in
         nmorph: [],
         "nmorph-slider": [`${s.disabled && "disabled"}`]
       })
-    ), r = `${k2}px`, i = g(s.showTooltip), d = e, c = g(s.modelValue), u = g(null);
+    ), r = `${k2}px`, i = w(s.showTooltip), d = e, c = w(s.modelValue), u = w(null);
     j(c, () => {
       d("update:model-value", c.value);
     }), j(
@@ -6099,43 +6086,43 @@ const C8 = { class: "nmorph-slider__content" }, L8 = { class: "nmorph-slider__in
         c.value = y;
       }
     );
-    const p = g(null), H = h(() => {
-      const y = M.value - M.value, I = s.max - s.min + y, N = (c.value - s.min) / I * 100, F = u.value?.clientWidth || 0, P = k2 / F * 100, W = P / 2;
+    const p = w(null), H = h(() => {
+      const y = M.value - M.value, I = s.max - s.min + y, N = (c.value - s.min) / I * 100, E = u.value?.clientWidth || 0, P = k2 / E * 100, W = P / 2;
       let n2 = N - W;
-      const J = `${Math.max(0, Math.min(100 - P, n2))}%`, r2 = F / 100, Q = k2 / 2 / r2, q2 = (p.value?.tooltipBody.clientWidth ?? 24) / 2 / r2, ue = q2 === 1 / 0 ? 1.714 : q2, he = `${parseFloat(J) + Q - ue}%`;
+      const J = `${Math.max(0, Math.min(100 - P, n2))}%`, r2 = E / 100, Q = k2 / 2 / r2, R2 = (p.value?.tooltipBody.clientWidth ?? 24) / 2 / r2, ue = R2 === 1 / 0 ? 1.714 : R2, he = `${parseFloat(J) + Q - ue}%`;
       return {
         thumb: J,
         tooltip: he
       };
-    }), M = g(0), _ = g(0), w = () => {
+    }), M = w(0), _ = w(0), g = () => {
       M.value = window.innerWidth, _.value = window.innerHeight;
     };
     t2(() => {
-      typeof window < "u" && (M.value = window.innerWidth, _.value = window.innerHeight, window.addEventListener("resize", w));
+      typeof window < "u" && (M.value = window.innerWidth, _.value = window.innerHeight, window.addEventListener("resize", g));
     }), v2(() => {
-      typeof window < "u" && (document.removeEventListener("mouseup", x), window.removeEventListener("resize", w));
+      typeof window < "u" && (document.removeEventListener("mouseup", x), window.removeEventListener("resize", g));
     });
     const f = (y) => {
       A.value = !1;
       const I = u.value?.getBoundingClientRect();
       let N = 0;
       if (I) {
-        const F = y.clientX - I.left, P = I.width;
-        N = Math.max(0, Math.min(1, F / P)), c.value = s.min + N * (s.max - s.min);
+        const E = y.clientX - I.left, P = I.width;
+        N = Math.max(0, Math.min(1, E / P)), c.value = s.min + N * (s.max - s.min);
       }
       c.value = Math.round(c.value / s.step) * s.step, c.value = Math.max(s.min, Math.min(s.max, c.value));
     }, x = () => {
       document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", x), A.value = !0;
     }, b = () => {
       s.disabled || (document.addEventListener("mousemove", f), document.addEventListener("mouseup", x));
-    }, m = g(null), $ = () => {
+    }, m = w(null), $ = () => {
       s.showTooltip && (i.value = !0);
     }, z = () => {
       s.showTooltip && (i.value = !1);
     }, D = (y) => {
       const I = y.target;
       c.value = Number(I.value);
-    }, A = g(!0);
+    }, A = w(!0);
     return (y, I) => (o(), a("div", {
       class: k(l.value)
     }, [
@@ -6159,7 +6146,7 @@ const C8 = { class: "nmorph-slider__content" }, L8 = { class: "nmorph-slider__in
               ref_key: "sliderFirst",
               ref: m,
               class: k(["nmorph-slider__thumb", { "nmorph-slider__thumb--smooth": A.value }]),
-              style: e2({ left: H.value.thumb }),
+              style: Z({ left: H.value.thumb }),
               onMouseenter: $,
               onMouseleave: z,
               onMousedown: b
@@ -6191,7 +6178,7 @@ const A8 = ["value", "disabled"], T8 = { class: "nmorph-switch-thumb" }, f9 = /*
   },
   emits: ["update:model-value"],
   setup(t, { expose: e, emit: s }) {
-    const l = t, r = s, i = g(!1), d = () => {
+    const l = t, r = s, i = w(!1), d = () => {
       i.value = !0;
     }, c = () => {
       i.value = !1;
@@ -6204,19 +6191,19 @@ const A8 = ["value", "disabled"], T8 = { class: "nmorph-switch-thumb" }, f9 = /*
           `${i.value && "focus"}`
         ]
       })
-    ), p = g(l.modelValue === l.activeValue), H = () => {
+    ), p = w(l.modelValue === l.activeValue), H = () => {
       if (l.disabled)
         return;
       p.value = !p.value;
       const _ = p.value ? l.activeValue : l.inactiveValue;
       r("update:model-value", _);
-    }, M = g(null);
+    }, M = w(null);
     return e({ inputDOMRef: M }), j(
       () => l.modelValue,
       (_) => {
         p.value = _ === l.activeValue;
       }
-    ), (_, w) => (o(), a("div", {
+    ), (_, g) => (o(), a("div", {
       class: k(u.value)
     }, [
       n("div", {
@@ -6239,7 +6226,7 @@ const A8 = ["value", "disabled"], T8 = { class: "nmorph-switch-thumb" }, f9 = /*
           p.value ? B(_.$slots, "bg-on", { key: 0 }) : B(_.$slots, "bg-off", { key: 1 })
         ], 2),
         n("div", T8, [
-          l.loading ? (o(), O(v(E), {
+          l.loading ? (o(), O(v(F), {
             key: 0,
             name: "loader",
             width: "14px",
@@ -6253,7 +6240,7 @@ const A8 = ["value", "disabled"], T8 = { class: "nmorph-switch-thumb" }, f9 = /*
 const D8 = { class: "nmorph-text-input__input-side" }, O8 = {
   key: 0,
   class: "nmorph-text-input__prepend-icon"
-}, P8 = ["type", "placeholder", "disabled", "value"], E8 = /* @__PURE__ */ L({
+}, P8 = ["type", "placeholder", "disabled", "value"], F8 = /* @__PURE__ */ L({
   __name: "NmorphTextInput",
   props: {
     placeholder: { default: "" },
@@ -6276,14 +6263,14 @@ const D8 = { class: "nmorph-text-input__input-side" }, O8 = {
     ), d = (m) => {
       const $ = m.target;
       f("update:model-value", $.value);
-    }, c = g(!1), u = () => {
+    }, c = w(!1), u = () => {
       r.clearable ? f("update:model-value", "") : c.value = !c.value;
-    }, p = h(() => r.typePassword && !c.value && !r.clearable ? "password" : "text"), H = g(!1), M = () => {
+    }, p = h(() => r.typePassword && !c.value && !r.clearable ? "password" : "text"), H = w(!1), M = () => {
       f("focus"), H.value = !0;
     }, _ = () => {
       f("blur"), H.value = !1;
-    }, w = g(null);
-    e({ inputDOMRef: w });
+    }, g = w(null);
+    e({ inputDOMRef: g });
     const f = s, x = h(() => r.clearable ? "error" : c.value ? "eye-blocked" : "eye"), b = h(() => l["prepend-icon"] ? "28px" : "8px");
     return (m, $) => (o(), a("div", {
       class: k(i.value)
@@ -6294,7 +6281,7 @@ const D8 = { class: "nmorph-text-input__input-side" }, O8 = {
         ])) : S("", !0),
         n("input", {
           ref_key: "inputDOMRef",
-          ref: w,
+          ref: g,
           class: "nmorph-native-input",
           type: p.value,
           placeholder: r.placeholder,
@@ -6315,7 +6302,7 @@ const D8 = { class: "nmorph-text-input__input-side" }, O8 = {
           onClick: u
         }, {
           default: T(() => [
-            V(v(E), { name: x.value }, null, 8, ["name"])
+            V(v(F), { name: x.value }, null, 8, ["name"])
           ]),
           _: 1
         }, 8, ["disabled", "height"])) : S("", !0)
@@ -6323,7 +6310,7 @@ const D8 = { class: "nmorph-text-input__input-side" }, O8 = {
     ], 2));
   }
 });
-const F8 = { class: "nmorph-time-picker__content" }, R8 = { class: "nmorph-time-picker__selected-time" }, q8 = ["value"], j8 = { class: "nmorph-time-picker__dropdown" }, M2 = 20, w9 = /* @__PURE__ */ L({
+const E8 = { class: "nmorph-time-picker__content" }, R8 = { class: "nmorph-time-picker__selected-time" }, q8 = ["value"], j8 = { class: "nmorph-time-picker__dropdown" }, M2 = 20, w9 = /* @__PURE__ */ L({
   __name: "NmorphTimePicker",
   props: {
     modelValue: { default: 0 },
@@ -6340,16 +6327,16 @@ const F8 = { class: "nmorph-time-picker__content" }, R8 = { class: "nmorph-time-
     X((y) => ({
       "50fc8a59": D.value
     }));
-    const l = t, r = s, i = g(null), d = g(null);
+    const l = t, r = s, i = w(null), d = w(null);
     e({ inputDOMRef: d });
-    const c = g(l.open), u = g([0, 0, 0]), p = g(l.initWithoutValue), H = () => {
+    const c = w(l.open), u = w([0, 0, 0]), p = w(l.initWithoutValue), H = () => {
       c.value = !c.value;
     }, M = h(
       () => C({
         nmorph: [s2[l.height]],
         "nmorph-time-picker": [`${l.disabled && "disabled"}`, `${c.value && "open"}`]
       })
-    ), _ = Array.from({ length: 24 }, (y, I) => I), w = Array.from({ length: 60 }, (y, I) => I), f = () => {
+    ), _ = Array.from({ length: 24 }, (y, I) => I), g = Array.from({ length: 60 }, (y, I) => I), f = () => {
       p.value = !1, r("update:model-value", W8(u.value));
     }, x = (y) => {
       const I = y;
@@ -6373,16 +6360,16 @@ const F8 = { class: "nmorph-time-picker__content" }, R8 = { class: "nmorph-time-
     })();
     const D = h(() => `${M2}px`), A = h(() => p.value ? "——:——:——" : Z2(l.modelValue));
     return (y, I) => {
-      const N = A2("NmorphTimeRoller");
+      const N = S2("NmorphTimeRoller");
       return o(), a("div", {
         ref_key: "timepickerDOMRef",
         ref: i,
         class: k(M.value),
         onClick: H
       }, [
-        n("div", F8, [
+        n("div", E8, [
           n("div", R8, [
-            V(v(E), {
+            V(v(F), {
               name: "time",
               class: "nmorph-time-picker__time-icon"
             }),
@@ -6414,7 +6401,7 @@ const F8 = { class: "nmorph-time-picker__content" }, R8 = { class: "nmorph-time-
                 }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
                 V(N, {
                   "set-value-on-mount": !p.value,
-                  values: v(w),
+                  values: v(g),
                   "selected-value": u.value[1],
                   "disabled-range": y.disabledMinutes,
                   "step-height": M2,
@@ -6422,7 +6409,7 @@ const F8 = { class: "nmorph-time-picker__content" }, R8 = { class: "nmorph-time-
                 }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
                 V(N, {
                   "set-value-on-mount": !p.value,
-                  values: v(w),
+                  values: v(g),
                   "disabled-range": y.disabledSeconds,
                   "selected-value": u.value[2],
                   "step-height": M2,
@@ -6481,7 +6468,7 @@ const Z2 = (t) => {
       () => C({
         "nmorph-radio": [`${r.disabled && "disabled"}`, `${d.value && "checked"}`, r.styleType]
       })
-    ), u = g(null);
+    ), u = w(null);
     return e({ inputDOMRef: u }), (p, H) => (o(), a("label", {
       class: k(c.value),
       onClick: l2(i, ["prevent"])
@@ -6536,7 +6523,7 @@ const ni = { class: "nmorph-radio-group__wrapper" }, oi = { class: "nmorph-radio
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const s = t, l = g(s.modelValue);
+    const s = t, l = w(s.modelValue);
     j(
       () => s.modelValue,
       (c) => {
@@ -6546,8 +6533,8 @@ const ni = { class: "nmorph-radio-group__wrapper" }, oi = { class: "nmorph-radio
     const r = e, i = (c) => {
       l.value = c, r("update:model-value", l.value);
     }, d = h(() => C({ "nmorph-radio-group": [s.styleType, s.direction] }));
-    return Z("radio-group-selected-value", l), Z("change-radio-button-value-handler", i), (c, u) => {
-      const p = A2("NmorphRadio");
+    return e2("radio-group-selected-value", l), e2("change-radio-button-value-handler", i), (c, u) => {
+      const p = S2("NmorphRadio");
       return o(), a("div", {
         class: k(d.value)
       }, [
@@ -6586,11 +6573,11 @@ const g9 = /* @__PURE__ */ L({
       () => C({
         "nmorph-backtop": [`${p.value && "show"}`, s.design]
       })
-    ), c = g(null), u = g(null), p = g(!1), H = (_) => {
+    ), c = w(null), u = w(null), p = w(!1), H = (_) => {
       if (!_)
         return;
-      const w = _.target;
-      p.value = w.scrollTop > s.visibilityHeight;
+      const g = _.target;
+      p.value = g.scrollTop > s.visibilityHeight;
     }, M = () => {
       l("click"), c.value && c.value.scrollTo({
         top: 0,
@@ -6602,7 +6589,7 @@ const g9 = /* @__PURE__ */ L({
       u.value && (c.value = u.value.parentElement, c.value?.addEventListener("scroll", H));
     }), v2(() => {
       c.value && c.value?.removeEventListener("scroll", H);
-    }), (_, w) => (o(), a("div", {
+    }), (_, g) => (o(), a("div", {
       ref_key: "selfDOMEl",
       ref: u,
       class: k(d.value)
@@ -6615,7 +6602,7 @@ const g9 = /* @__PURE__ */ L({
             "style-type": s.design === "nmorph" ? "default" : "transparent"
           }, {
             default: T(() => [
-              V(v(E), {
+              V(v(F), {
                 name: "chevron-down",
                 class: "nmorph-backtop__up-icon",
                 color: s.design === "nmorph" ? void 0 : "var(--nmorph-white-color)"
@@ -6637,8 +6624,8 @@ const ai = ["id"], si = {
     separator: { default: "/" }
   },
   setup(t) {
-    const e = t, s = g([]), l = d2();
-    Z("breadcrumb-data", { breadcrumbs: s, breadcrumbId: l });
+    const e = t, s = w([]), l = d2();
+    e2("breadcrumb-data", { breadcrumbs: s, breadcrumbId: l });
     const r = h(
       () => C({
         "nmorph-breadcrumb": []
@@ -6672,11 +6659,11 @@ const $9 = /* @__PURE__ */ L({
       () => C({
         "nmorph-breadcrumb-item": []
       })
-    ), l = K("breadcrumb-data", void 0), r = g(!1), i = d2();
+    ), l = K("breadcrumb-data", void 0), r = w(!1), i = d2();
     return t2(() => {
       r.value = !0;
     }), l.breadcrumbs.value.push({ ...e, itemId: i }), (d, c) => {
-      const u = A2("router-link");
+      const u = S2("router-link");
       return r.value && v(i) ? (o(), a("div", {
         key: 0,
         class: k(s.value)
@@ -6713,7 +6700,7 @@ const $9 = /* @__PURE__ */ L({
     X((p) => ({
       f609801e: c.value
     }));
-    const s = t, l = e, r = g(null), { placementCoords: i } = te({
+    const s = t, l = e, r = w(null), { placementCoords: i } = te({
       initialPlacement: "bottom",
       contentDOMElement: r,
       relativeElement: s.relativeElement,
@@ -6726,7 +6713,7 @@ const $9 = /* @__PURE__ */ L({
     ), c = h(() => s.fillWidth ? `${s.relativeElement?.clientWidth}px` : `${s.width}px`), u = () => {
       l("on-outside-click");
     };
-    return (p, H) => (o(), O(v(R2), {
+    return (p, H) => (o(), O(v(E2), {
       show: s.open,
       transparent: "",
       onOnOutsideClick: u
@@ -6736,7 +6723,7 @@ const $9 = /* @__PURE__ */ L({
           ref_key: "dropdownDOMRef",
           ref: r,
           class: k(d.value),
-          style: e2({ left: `${v(i).x}`, top: `${v(i).y}` })
+          style: Z({ left: `${v(i).x}`, top: `${v(i).y}` })
         }, [
           B(p.$slots, "default")
         ], 6)
@@ -6763,8 +6750,8 @@ const li = { class: "nmorph-tabs__label-list" }, ri = ["id", "onClick", "custom"
         return;
       const { name: M } = H;
       l("update:model-value", M), l("tab-change", M);
-    }, d = g([]), c = d2();
-    Z("nmorph-tabs-data", {
+    }, d = w([]), c = d2();
+    e2("nmorph-tabs-data", {
       tabsData: d,
       tabsIdentifier: c
     });
@@ -6781,7 +6768,7 @@ const li = { class: "nmorph-tabs__label-list" }, ri = ["id", "onClick", "custom"
             { "nmorph-tabs__label--selected": _.name === s.modelValue },
             { "nmorph-tabs__label--disabled": _.disabled }
           ]]),
-          onClick: (w) => i(_),
+          onClick: (g) => i(_),
           custom: _.disabled
         }, [
           v(p).default ? S("", !0) : (o(), a("div", ii, R(_.label), 1))
@@ -6821,7 +6808,7 @@ const ce = (t, e) => {
       () => C({
         "nmorph-tab-pane": []
       })
-    ), l = K("nmorph-tabs-data", void 0), r = g(!1);
+    ), l = K("nmorph-tabs-data", void 0), r = w(!1);
     t2(() => {
       r.value = !0;
     }), l.tabsData.value.push(e);
@@ -6858,7 +6845,7 @@ const ce = (t, e) => {
     }, null, 2));
   }
 });
-const R2 = /* @__PURE__ */ L({
+const E2 = /* @__PURE__ */ L({
   __name: "NmorphOverlay",
   props: {
     show: { type: Boolean },
@@ -6896,7 +6883,7 @@ const M9 = /* @__PURE__ */ L({
     quantity: { default: 100 }
   },
   setup(t) {
-    const e = g([]), s = h(() => i.notifications.filter((c) => !e.value.includes(c.id))), l = h(() => {
+    const e = w([]), s = h(() => i.notifications.filter((c) => !e.value.includes(c.id))), l = h(() => {
       const c = Math.max(s.value.length - i.quantity, 0);
       return s.value.slice(c);
     }), r = (c) => {
@@ -6904,7 +6891,7 @@ const M9 = /* @__PURE__ */ L({
     }, i = t, d = h(() => i.zIndex);
     return (c, u) => (o(), a("div", {
       class: k(`nmorph-notification-provider nmorph-notification-provider--${i.placement}`),
-      style: e2({ zIndex: d.value })
+      style: Z({ zIndex: d.value })
     }, [
       V(g2, {
         name: "nmorph-notification",
@@ -6913,7 +6900,7 @@ const M9 = /* @__PURE__ */ L({
         default: T(() => [
           (o(!0), a(Y, null, U(l.value, (p) => (o(), a("div", {
             key: p.id,
-            style: e2({ width: p.width }),
+            style: Z({ width: p.width }),
             class: "nmorph-notification-provider__notification"
           }, [
             V(v(f6), w2({ ref_for: !0 }, p, {
@@ -6929,23 +6916,23 @@ const M9 = /* @__PURE__ */ L({
 var vi = /* @__PURE__ */ ((t) => (t["top-left"] = "top-left", t["top-center"] = "top-center", t["top-right"] = "top-right", t["bottom-left"] = "bottom-left", t["bottom-center"] = "bottom-center", t["bottom-right"] = "bottom-right", t))(vi || {});
 const mi = {
   install(t, e = {}) {
-    if (console.log("1"), !e?.i18n?.outsideMessagesMerge) {
-      console.log("2");
+    if (!e?.i18n?.outsideMessagesMerge) {
       const i = Ge(e.i18n), d = t.__VUE_I18N__;
-      d ? (console.log("3"), i.global.messages && (console.log("4"), console.log(i.global.messages.value), Object.entries(i.global.messages).forEach(([c, u]) => {
-      })), i.global.locale && (console.log("locale"), d.global.locale.value = i.global.locale)) : (console.log("5"), t.use(i));
+      d ? (i.global.messages.value && Object.entries(i.global.messages.value).forEach(([c, u]) => {
+        d.global.mergeLocaleMessage(c, u);
+      }), i.global.locale && (d.global.locale.value = i.global.locale)) : t.use(i);
     }
-    const s = Ee(e.theme), l = Qe(), r = { theme: s, browser: l };
+    const s = Fe(e.theme), l = Qe(), r = { theme: s, browser: l };
     return t.provide("nmorph", r), t;
   }
 }, H9 = mi;
 export {
-  Fe as AvatarShapeType,
+  Ee as AvatarShapeType,
   L2 as Locale,
   f6 as NmorphAlert,
   _2 as NmorphAlertType,
   F2 as NmorphArchiveResolution,
-  E2 as NmorphAudioResolution,
+  P2 as NmorphAudioResolution,
   i9 as NmorphAutocomplete,
   Q5 as NmorphAvatar,
   g9 as NmorphBacktop,
@@ -6976,7 +6963,7 @@ export {
   d9 as NmorphFileUpload,
   h9 as NmorphForm,
   p9 as NmorphFormItem,
-  E as NmorphIcon,
+  F as NmorphIcon,
   yi as NmorphIconAddLocation,
   bi as NmorphIconAim,
   Mi as NmorphIconAlarmClock,
@@ -6997,8 +6984,8 @@ export {
   Ti as NmorphIconBottomRight,
   Oi as NmorphIconBurger,
   Pi as NmorphIconCalendar,
-  Ei as NmorphIconCamera,
-  Fi as NmorphIconCaretBottom,
+  Fi as NmorphIconCamera,
+  Ei as NmorphIconCaretBottom,
   Ri as NmorphIconCaretLeft,
   qi as NmorphIconCaretRight,
   ji as NmorphIconCaretTop,
@@ -7013,7 +7000,7 @@ export {
   Zi as NmorphIconChecked,
   ec as NmorphIconCherry,
   tc as NmorphIconChevronDoubleDown,
-  Q2 as NmorphIconChevronDown,
+  G2 as NmorphIconChevronDown,
   nc as NmorphIconChromeFilled,
   ac as NmorphIconCircleCheck,
   oc as NmorphIconCircleCheckFilled,
@@ -7054,9 +7041,9 @@ export {
   Oc as NmorphIconEdit,
   Dc as NmorphIconEditPen,
   en as NmorphIconEnlarge,
-  Ec as NmorphIconError,
+  Fc as NmorphIconError,
   Pc as NmorphIconExpand,
-  Fc as NmorphIconEye,
+  Ec as NmorphIconEye,
   Rc as NmorphIconEyeBlocked,
   qc as NmorphIconFailed,
   jc as NmorphIconFiles,
@@ -7111,9 +7098,9 @@ export {
   Td as NmorphIconMedal,
   Dd as NmorphIconMemo,
   Od as NmorphIconMenu,
-  Ed as NmorphIconMessage,
+  Fd as NmorphIconMessage,
   Pd as NmorphIconMessageBox,
-  Fd as NmorphIconMic,
+  Ed as NmorphIconMic,
   Rd as NmorphIconMicrophone,
   qd as NmorphIconMinus,
   jd as NmorphIconMinusThin,
@@ -7168,8 +7155,8 @@ export {
   v3 as NmorphIconRotateLeft,
   f3 as NmorphIconRotateRight,
   Pu as NmorphIconScaleToOriginal,
-  Eu as NmorphIconSchool,
-  Fu as NmorphIconScissor,
+  Fu as NmorphIconSchool,
+  Eu as NmorphIconScissor,
   Ru as NmorphIconSearch,
   qu as NmorphIconSelect,
   ju as NmorphIconSell,
@@ -7226,8 +7213,8 @@ export {
   O5 as NmorphIconVan,
   Cl as NmorphIconVideo,
   P5 as NmorphIconVideoCamera,
-  E5 as NmorphIconVideoPause,
-  F5 as NmorphIconVideoPlay,
+  F5 as NmorphIconVideoPause,
+  E5 as NmorphIconVideoPlay,
   P5 as NmorphIconView,
   q5 as NmorphIconWallet,
   R5 as NmorphIconWalletFilled,
@@ -7237,10 +7224,10 @@ export {
   Y5 as NmorphIconWindPower,
   Gl as NmorphIconZoomIn,
   Xl as NmorphIconZoomOut,
-  S2 as NmorphImage,
+  X2 as NmorphImage,
   We as NmorphImageFit,
   Sr as NmorphImagePreview,
-  O2 as NmorphImageResolution,
+  D2 as NmorphImageResolution,
   H9 as NmorphLibrary,
   U5 as NmorphLink,
   Zl as NmorphLinkTarget,
@@ -7248,7 +7235,7 @@ export {
   M9 as NmorphNotificationProvider,
   v9 as NmorphNumberInput,
   er as NmorphOverflowProp,
-  R2 as NmorphOverlay,
+  E2 as NmorphOverlay,
   n9 as NmorphPagination,
   o9 as NmorphProgress,
   ti as NmorphRadio,
@@ -7273,11 +7260,11 @@ export {
   y9 as NmorphTabs,
   le as NmorphTagItem,
   s9 as NmorphTagList,
-  E8 as NmorphTextInput,
+  F8 as NmorphTextInput,
   w9 as NmorphTimePicker,
   z6 as NmorphTooltip,
-  P2 as NmorphVideoResolution,
-  K2 as formatDateIntl,
+  O2 as NmorphVideoResolution,
+  Q2 as formatDateIntl,
   Z2 as formatTimestampToTime,
   hr as getDecadeYears,
   fr as getMonthDaysByWeek,
@@ -7292,10 +7279,10 @@ export {
   u9 as resolution,
   xi as ru,
   W8 as timeArrayToTimestamp,
-  D2 as useCalendarTexts,
+  T2 as useCalendarTexts,
   gi as useNmorph,
   Qe as useNmorphBrowser,
   wi as useNmorphNotification,
-  Ee as useNmorphTheme,
+  Fe as useNmorphTheme,
   $i as zh
 };