npm - @nmorph/nmorph-ui-kit - Versions diffs - 0.2.4 → 0.2.5 - Mend

@nmorph/nmorph-ui-kit 0.2.4 → 0.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/index.es.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { defineComponent as O, computed as h, ref as $, openBlock as r, createElementBlock as u, normalizeClass as M, createElementVNode as c, createBlock as E, unref as p, renderSlot as S, toDisplayString as R, createCommentVNode as N, useCssVars as Q, normalizeStyle as Z, resolveDynamicComponent as je, createStaticVNode as Ue, createTextVNode as ee, onUnmounted as pe, onMounted as W, watch as q, withDirectives as Te, vShow as He, reactive as ae, createVNode as w, withCtx as A, Fragment as Y, renderList as j, provide as X, nextTick as Oe, inject as J, Teleport as le, withModifiers as ne, useSlots as Ne, readonly as qe, TransitionGroup as de, mergeProps as $e, withKeys as Ge, resolveComponent as ze, pushScopeId as Xe, popScopeId as Je } from "vue";
+import { defineComponent as O, computed as h, ref as $, openBlock as r, createElementBlock as u, normalizeClass as M, createElementVNode as c, createBlock as E, unref as p, renderSlot as S, toDisplayString as R, createCommentVNode as N, useCssVars as Q, normalizeStyle as Z, resolveDynamicComponent as je, createStaticVNode as Ue, createTextVNode as ee, onUnmounted as pe, onMounted as W, watch as q, withDirectives as Te, vShow as He, reactive as oe, createVNode as w, withCtx as A, Fragment as Y, renderList as j, provide as X, nextTick as Oe, inject as J, Teleport as le, withModifiers as ne, useSlots as Ne, readonly as qe, TransitionGroup as de, mergeProps as $e, withKeys as Ge, resolveComponent as ze, pushScopeId as Xe, popScopeId as Je } from "vue";
 var te = /* @__PURE__ */ ((t) => (t.thick = "thick-component", t.default = "default-height-component", t.thin = "thin-component", t))(te || {}), Ke = /* @__PURE__ */ ((t) => (t.ascending = "ascending", t.descending = "descending", t))(Ke || {}), Qe = /* @__PURE__ */ ((t) => (t.row = "row", t.column = "column", t))(Qe || {}), Ee = /* @__PURE__ */ ((t) => (t.inset = "inset", t.outset = "outset", t.combined = "combined", t))(Ee || {}), Ae = /* @__PURE__ */ ((t) => (t.accent = "accent", t.success = "success", t.error = "error", t.warning = "warning", t))(Ae || {}), P = /* @__PURE__ */ ((t) => (t.eye = "eye", t["eye-blocked"] = "eye-blocked", t.success = "success", t.error = "error", t.plus = "plus", t.minus = "minus", t.loader = "loader", t["chevron-down"] = "chevron-down", t.audio = "audio", t.archive = "archive", t.video = "video", t.image = "image", t.doc = "doc", t.enlarge = "enlarge", t.shrink = "shrink", t["rotate-right"] = "rotate-right", t["rotate-left"] = "rotate-left", t["zoom-in"] = "zoom-in", t["zoom-out"] = "zoom-out", t.time = "time", t["triangle-down"] = "triangle-down", t.calendar = "calendar", t["chevron-double-down"] = "chevron-double-down", t.cross = "cross", t.info = "info", t.warning = "warning", t.copy = "copy", t.code = "code", t.search = "search", t.burger = "burger", t.logo = "logo", t))(P || {}), Ze = /* @__PURE__ */ ((t) => (t.left = "left", t.right = "right", t.top = "top", t.bottom = "bottom", t))(Ze || {}), et = /* @__PURE__ */ ((t) => (t.fill = "fill", t.contain = "contain", t.cover = "cover", t.none = "none", t["scale-down"] = "scale-down", t))(et || {});
 const tt = (t, n) => {
-  const e = n.filter((o) => o !== "false" && o && o !== "undefined").map((o) => `${t}--${o}`);
+  const e = n.filter((a) => a !== "false" && a && a !== "undefined").map((a) => `${t}--${a}`);
   return e.push(t), e.join(" ").trim().replace(/\s+/g, " ");
 }, T = (t) => Object.entries(t).map(([n, e]) => tt(n, e)).join(" ").trim().replace(/\s+/g, " "), ke = (t) => JSON.parse(JSON.stringify(t)), Gr = (t) => {
   if (!t)
@@ -11,7 +11,7 @@ const tt = (t, n) => {
 }, re = () => {
   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()}`;
-}, Xr = (t) => t.charAt(0).toUpperCase() + t.slice(1), nt = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), ot = ["disabled", "loading", "type"], at = { key: 1 }, lt = { key: 0 }, F = /* @__PURE__ */ O({
+}, Xr = (t) => t.charAt(0).toUpperCase() + t.slice(1), nt = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), at = ["disabled", "loading", "type"], ot = { key: 1 }, lt = { key: 0 }, F = /* @__PURE__ */ O({
   __name: "NmorphButton",
   props: {
     type: { default: "button" },
@@ -28,48 +28,48 @@ const tt = (t, n) => {
   },
   emits: ["click"],
   setup(t, { expose: n, emit: e }) {
-    const o = t, a = h(
+    const a = t, o = h(
       () => T({
-        nmorph: [te[o.height], `${o.fill && "fill"}`],
+        nmorph: [te[a.height], `${a.fill && "fill"}`],
         "nmorph-button": [
-          o.styleType,
-          o.shape,
-          `${o.disabled && "disabled"}`,
-          `${o.bgTransparentOnHover && "bg-transparent-on-hover"}`,
-          `${o.ripple && "ripple"}`
+          a.styleType,
+          a.shape,
+          `${a.disabled && "disabled"}`,
+          `${a.bgTransparentOnHover && "bg-transparent-on-hover"}`,
+          `${a.ripple && "ripple"}`
         ]
       })
     ), l = e, i = {
       thin: "small",
       default: "medium",
       thick: "large"
-    }, s = h(() => i[o.height]), d = $(null);
+    }, s = h(() => i[a.height]), d = $(null);
     return n({ buttonRef: d }), (m, v) => (r(), u("div", {
-      class: M(a.value)
+      class: M(o.value)
     }, [
       c("button", {
         class: "nmorph-button__content",
-        disabled: o.disabled,
-        loading: o.loading,
-        type: o.type,
+        disabled: a.disabled,
+        loading: a.loading,
+        type: a.type,
         onClick: v[0] || (v[0] = (x) => l("click")),
         ref_key: "buttonRef",
         ref: d
       }, [
-        o.icon ? (r(), E(p(z), {
+        a.icon ? (r(), E(p(z), {
           key: 0,
-          name: o.icon
-        }, null, 8, ["name"])) : (r(), u("div", at, [
+          name: a.icon
+        }, null, 8, ["name"])) : (r(), u("div", ot, [
           S(m.$slots, "default"),
-          !o.loading && o.text !== "" ? (r(), u("span", lt, R(o.text), 1)) : N("", !0),
-          o.loading ? (r(), E(p(z), {
+          !a.loading && a.text !== "" ? (r(), u("span", lt, R(a.text), 1)) : N("", !0),
+          a.loading ? (r(), E(p(z), {
             key: 1,
             name: "loader",
             size: s.value
           }, null, 8, ["size"])) : N("", !0),
           S(m.$slots, "append")
         ]))
-      ], 8, ot)
+      ], 8, at)
     ], 2));
   }
 });
@@ -88,7 +88,7 @@ const ct = {
   },
   setup(t) {
     Q((l) => ({
-      "2dc5a3e0": a.value
+      "2dc5a3e0": o.value
     }));
     const n = t, e = h(
       () => T({
@@ -98,16 +98,16 @@ const ct = {
           `${n.height ? "custom-height" : ""}`
         ]
       })
-    ), o = h(() => {
+    ), a = h(() => {
       const l = {};
       return n.width && (l["--width"] = n.width), n.height && (l["--height"] = n.height), l;
-    }), a = h(() => `var(${n.color})`);
+    }), o = h(() => `var(${n.color})`);
     return (l, i) => (r(), u("div", {
       class: M(e.value),
-      style: Z(o.value)
+      style: Z(a.value)
     }, [
       n.name ? (r(), u("div", ct, [
-        (r(), E(je(p(_a)[n.name])))
+        (r(), E(je(p(_o)[n.name])))
       ])) : S(l.$slots, "default", { key: 1 })
     ], 6));
   }
@@ -196,10 +196,10 @@ const Qt = { render: Kt }, Zt = {
   en,
   tn
 ];
-function on(t, n) {
+function an(t, n) {
   return r(), u("svg", Zt, [...nn]);
 }
-const an = { render: on }, ln = {
+const on = { render: an }, ln = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
 }, sn = /* @__PURE__ */ c("path", { d: "M30 0h2v23c0 2.761-3.134 5-7 5s-7-2.239-7-5 3.134-5 7-5c1.959 0 3.729.575 5 1.501V8l-16 3.556V27c0 2.761-3.134 5-7 5s-7-2.239-7-5 3.134-5 7-5c1.959 0 3.729.575 5 1.501V4z" }, null, -1), rn = [
@@ -267,119 +267,119 @@ const qn = { render: Un }, Gn = { viewBox: "0 0 32 32" }, Xn = /* @__PURE__ */ c
 function Kn(t, n) {
   return r(), u("svg", Gn, [...Jn]);
 }
-const Qn = { render: Kn }, Zn = { viewBox: "0 0 32 32" }, eo = /* @__PURE__ */ c("path", { d: "m31.008 27.231-7.58-6.447c-.784-.705-1.622-1.029-2.299-.998a11.95 11.95 0 0 0 2.87-7.787c0-6.627-5.373-12-12-12s-12 5.373-12 12 5.373 12 12 12c2.972 0 5.691-1.081 7.787-2.87-.031.677.293 1.515.998 2.299l6.447 7.58c1.104 1.226 2.907 1.33 4.007.23s.997-2.903-.23-4.007M12 20a8 8 0 1 1 0-16 8 8 0 0 1 0 16M6 10h12v4H6z" }, null, -1), to = [
-  eo
+const Qn = { render: Kn }, Zn = { viewBox: "0 0 32 32" }, ea = /* @__PURE__ */ c("path", { d: "m31.008 27.231-7.58-6.447c-.784-.705-1.622-1.029-2.299-.998a11.95 11.95 0 0 0 2.87-7.787c0-6.627-5.373-12-12-12s-12 5.373-12 12 5.373 12 12 12c2.972 0 5.691-1.081 7.787-2.87-.031.677.293 1.515.998 2.299l6.447 7.58c1.104 1.226 2.907 1.33 4.007.23s.997-2.903-.23-4.007M12 20a8 8 0 1 1 0-16 8 8 0 0 1 0 16M6 10h12v4H6z" }, null, -1), ta = [
+  ea
 ];
-function no(t, n) {
-  return r(), u("svg", Zn, [...to]);
+function na(t, n) {
+  return r(), u("svg", Zn, [...ta]);
 }
-const oo = { render: no }, ao = { viewBox: "0 0 32 32" }, lo = /* @__PURE__ */ c("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), so = [
-  lo
+const aa = { render: na }, oa = { viewBox: "0 0 32 32" }, la = /* @__PURE__ */ c("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), sa = [
+  la
 ];
-function ro(t, n) {
-  return r(), u("svg", ao, [...so]);
+function ra(t, n) {
+  return r(), u("svg", oa, [...sa]);
 }
-const io = { render: ro }, co = {
+const ia = { render: ra }, ca = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
-}, uo = /* @__PURE__ */ c("path", { d: "M10 12h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zM4 24h4v4H4zm6 0h4v4h-4zm6 0h4v4h-4zm-6-6h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zM4 18h4v4H4zM26 0v2h-4V0H8v2H4V0H0v32h30V0zm2 30H2V8h26z" }, null, -1), po = [
-  uo
+}, ua = /* @__PURE__ */ c("path", { d: "M10 12h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zM4 24h4v4H4zm6 0h4v4h-4zm6 0h4v4h-4zm-6-6h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zM4 18h4v4H4zM26 0v2h-4V0H8v2H4V0H0v32h30V0zm2 30H2V8h26z" }, null, -1), da = [
+  ua
 ];
-function ho(t, n) {
-  return r(), u("svg", co, [...po]);
+function pa(t, n) {
+  return r(), u("svg", ca, [...da]);
 }
-const _o = { render: ho }, mo = {
+const ha = { render: pa }, _a = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "currentColor",
   viewBox: "0 0 32 32"
-}, vo = /* @__PURE__ */ c("path", { d: "m2 12 14 12 14-12Z" }, null, -1), fo = [
-  vo
+}, ma = /* @__PURE__ */ c("path", { d: "m2 12 14 12 14-12Z" }, null, -1), va = [
+  ma
 ];
-function yo(t, n) {
-  return r(), u("svg", mo, [...fo]);
+function fa(t, n) {
+  return r(), u("svg", _a, [...va]);
 }
-const go = { render: yo }, bo = {
+const ya = { render: fa }, ga = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
-}, $o = /* @__PURE__ */ c("path", { d: "m6.293 13.707 5 5a1 1 0 0 0 1.414 0l5-5a.999.999 0 1 0-1.414-1.414L12 16.586l-4.293-4.293a.999.999 0 1 0-1.414 1.414m0-7 5 5a1 1 0 0 0 1.414 0l5-5a.999.999 0 1 0-1.414-1.414L12 9.586 7.707 5.293a.999.999 0 1 0-1.414 1.414" }, null, -1), ko = [
-  $o
+}, ba = /* @__PURE__ */ c("path", { d: "m6.293 13.707 5 5a1 1 0 0 0 1.414 0l5-5a.999.999 0 1 0-1.414-1.414L12 16.586l-4.293-4.293a.999.999 0 1 0-1.414 1.414m0-7 5 5a1 1 0 0 0 1.414 0l5-5a.999.999 0 1 0-1.414-1.414L12 9.586 7.707 5.293a.999.999 0 1 0-1.414 1.414" }, null, -1), $a = [
+  ba
 ];
-function wo(t, n) {
-  return r(), u("svg", bo, [...ko]);
+function ka(t, n) {
+  return r(), u("svg", ga, [...$a]);
 }
-const xo = { render: wo }, Mo = {
+const wa = { render: ka }, xa = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "currentColor",
   viewBox: "0 0 19 19"
-}, Co = /* @__PURE__ */ c("path", { d: "M10 8.586 2.929 1.515 1.515 2.929 8.586 10l-7.071 7.071 1.414 1.414L10 11.414l7.071 7.071 1.414-1.414L11.414 10l7.071-7.071-1.414-1.414z" }, null, -1), Vo = [
-  Co
+}, Ma = /* @__PURE__ */ c("path", { d: "M10 8.586 2.929 1.515 1.515 2.929 8.586 10l-7.071 7.071 1.414 1.414L10 11.414l7.071 7.071 1.414-1.414L11.414 10l7.071-7.071-1.414-1.414z" }, null, -1), Ca = [
+  Ma
 ];
-function Do(t, n) {
-  return r(), u("svg", Mo, [...Vo]);
+function Va(t, n) {
+  return r(), u("svg", xa, [...Ca]);
 }
-const Bo = { render: Do }, So = {
+const Da = { render: Va }, Ba = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
-}, To = /* @__PURE__ */ c("path", { d: "M14 9.5c0-.825.675-1.5 1.5-1.5h1c.825 0 1.5.675 1.5 1.5v1c0 .825-.675 1.5-1.5 1.5h-1c-.825 0-1.5-.675-1.5-1.5zM20 24h-8v-2h2v-6h-2v-2h6v8h2z" }, null, -1), Ho = /* @__PURE__ */ c("path", { d: "M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16S24.837 0 16 0m0 29C8.82 29 3 23.18 3 16S8.82 3 16 3s13 5.82 13 13-5.82 13-13 13" }, null, -1), Oo = [
-  To,
-  Ho
+}, Sa = /* @__PURE__ */ c("path", { d: "M14 9.5c0-.825.675-1.5 1.5-1.5h1c.825 0 1.5.675 1.5 1.5v1c0 .825-.675 1.5-1.5 1.5h-1c-.825 0-1.5-.675-1.5-1.5zM20 24h-8v-2h2v-6h-2v-2h6v8h2z" }, null, -1), Ta = /* @__PURE__ */ c("path", { d: "M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16S24.837 0 16 0m0 29C8.82 29 3 23.18 3 16S8.82 3 16 3s13 5.82 13 13-5.82 13-13 13" }, null, -1), Ha = [
+  Sa,
+  Ta
 ];
-function No(t, n) {
-  return r(), u("svg", So, [...Oo]);
+function Oa(t, n) {
+  return r(), u("svg", Ba, [...Ha]);
 }
-const zo = { render: No }, Eo = {
+const Na = { render: Oa }, za = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "currentColor",
   viewBox: "0 0 32 32"
-}, Ao = /* @__PURE__ */ c("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), Ro = /* @__PURE__ */ c("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), Io = [
-  Ao,
-  Ro
+}, Ea = /* @__PURE__ */ c("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), Aa = /* @__PURE__ */ c("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), Ra = [
+  Ea,
+  Aa
 ];
-function Po(t, n) {
-  return r(), u("svg", Eo, [...Io]);
+function Ia(t, n) {
+  return r(), u("svg", za, [...Ra]);
 }
-const Lo = { render: Po }, Fo = {
+const Pa = { render: Ia }, La = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
-}, Wo = /* @__PURE__ */ c("path", { d: "M20 8V0H6L0 6v18h12v8h20V8zM6 2.828V6H2.828zM2 22V8h6V2h10v6l-6 6v8zm16-11.172V14h-3.172zM30 30H14V16h6v-6h10z" }, null, -1), Yo = [
-  Wo
+}, Fa = /* @__PURE__ */ c("path", { d: "M20 8V0H6L0 6v18h12v8h20V8zM6 2.828V6H2.828zM2 22V8h6V2h10v6l-6 6v8zm16-11.172V14h-3.172zM30 30H14V16h6v-6h10z" }, null, -1), Wa = [
+  Fa
 ];
-function jo(t, n) {
-  return r(), u("svg", Fo, [...Yo]);
+function Ya(t, n) {
+  return r(), u("svg", La, [...Wa]);
 }
-const Uo = { render: jo }, qo = {
+const ja = { render: Ya }, Ua = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 40 28"
-}, Go = /* @__PURE__ */ c("path", { d: "m26 23 3 3 10-10L29 6l-3 3 7 7zM14 9l-3-3L1 16l10 10 3-3-7-7zM21.916 4.704l2.171.592-6 22.001-2.171-.592z" }, null, -1), Xo = [
-  Go
+}, qa = /* @__PURE__ */ c("path", { d: "m26 23 3 3 10-10L29 6l-3 3 7 7zM14 9l-3-3L1 16l10 10 3-3-7-7zM21.916 4.704l2.171.592-6 22.001-2.171-.592z" }, null, -1), Ga = [
+  qa
 ];
-function Jo(t, n) {
-  return r(), u("svg", qo, [...Xo]);
+function Xa(t, n) {
+  return r(), u("svg", Ua, [...Ga]);
 }
-const Ko = { render: Jo }, Qo = {
+const Ja = { render: Xa }, Ka = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
-}, Zo = /* @__PURE__ */ c("path", { d: "m31.008 27.231-7.58-6.447c-.784-.705-1.622-1.029-2.299-.998a11.95 11.95 0 0 0 2.87-7.787c0-6.627-5.373-12-12-12s-12 5.373-12 12 5.373 12 12 12c2.972 0 5.691-1.081 7.787-2.87-.031.677.293 1.515.998 2.299l6.447 7.58c1.104 1.226 2.907 1.33 4.007.23s.997-2.903-.23-4.007M12 20a8 8 0 1 1 0-16 8 8 0 0 1 0 16" }, null, -1), ea = [
-  Zo
+}, Qa = /* @__PURE__ */ c("path", { d: "m31.008 27.231-7.58-6.447c-.784-.705-1.622-1.029-2.299-.998a11.95 11.95 0 0 0 2.87-7.787c0-6.627-5.373-12-12-12s-12 5.373-12 12 5.373 12 12 12c2.972 0 5.691-1.081 7.787-2.87-.031.677.293 1.515.998 2.299l6.447 7.58c1.104 1.226 2.907 1.33 4.007.23s.997-2.903-.23-4.007M12 20a8 8 0 1 1 0-16 8 8 0 0 1 0 16" }, null, -1), Za = [
+  Qa
 ];
-function ta(t, n) {
-  return r(), u("svg", Qo, [...ea]);
+function eo(t, n) {
+  return r(), u("svg", Ka, [...Za]);
 }
-const na = { render: ta }, oa = {
+const to = { render: eo }, no = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
-}, aa = /* @__PURE__ */ c("path", { d: "M2 6h28v6H2zm0 8h28v6H2zm0 8h28v6H2z" }, null, -1), la = [
-  aa
+}, ao = /* @__PURE__ */ c("path", { d: "M2 6h28v6H2zm0 8h28v6H2zm0 8h28v6H2z" }, null, -1), oo = [
+  ao
 ];
-function sa(t, n) {
-  return r(), u("svg", oa, [...la]);
+function lo(t, n) {
+  return r(), u("svg", no, [...oo]);
 }
-const ra = { render: sa }, ia = {
+const so = { render: lo }, ro = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "79",
   height: "69",
   fill: "none"
-}, ca = /* @__PURE__ */ c("defs", null, [
+}, io = /* @__PURE__ */ c("defs", null, [
   /* @__PURE__ */ c("linearGradient", {
     id: "a",
     x1: "0%",
@@ -396,17 +396,17 @@ const ra = { render: sa }, ia = {
       style: { "stop-color": "#0cf", "stop-opacity": "1" }
     })
   ])
-], -1), ua = /* @__PURE__ */ c("path", {
+], -1), co = /* @__PURE__ */ c("path", {
   fill: "url(#a)",
   d: "M37.892 13.546V55h-4.858l-22.59-32.548h-.404V55H5.02V13.546h4.858l22.67 32.629h.405v-32.63zm-4.872 0h5.991L53.1 47.956h.486l14.088-34.41h5.992V55h-4.696V23.504h-.405L55.609 55h-4.534L38.121 23.504h-.405V55H33.02z"
-}, null, -1), da = [
-  ca,
-  ua
+}, null, -1), uo = [
+  io,
+  co
 ];
-function pa(t, n) {
-  return r(), u("svg", ia, [...da]);
+function po(t, n) {
+  return r(), u("svg", ro, [...uo]);
 }
-const ha = { render: pa }, _a = {
+const ho = { render: po }, _o = {
   [P.eye]: mt,
   [P["eye-blocked"]]: $t,
   [P.success]: Ct,
@@ -415,10 +415,10 @@ const ha = { render: pa }, _a = {
   [P.minus]: Ft,
   [P.loader]: qt,
   [P["chevron-down"]]: Qt,
-  [P.archive]: an,
+  [P.archive]: on,
   [P.audio]: un,
   [P.video]: vn,
-  [P.time]: io,
+  [P.time]: ia,
   [P.doc]: $n,
   [P.image]: Vn,
   [P.enlarge]: Hn,
@@ -426,19 +426,19 @@ const ha = { render: pa }, _a = {
   [P["rotate-right"]]: Fn,
   [P["rotate-left"]]: qn,
   [P["zoom-in"]]: Qn,
-  [P["zoom-out"]]: oo,
-  [P["triangle-down"]]: go,
-  [P.calendar]: _o,
-  [P["chevron-double-down"]]: xo,
-  [P.cross]: Bo,
-  [P.info]: zo,
-  [P.warning]: Lo,
-  [P.copy]: Uo,
-  [P.code]: Ko,
-  [P.search]: na,
-  [P.burger]: ra,
-  [P.logo]: ha
-}, ma = ["href", "target"], Jr = /* @__PURE__ */ O({
+  [P["zoom-out"]]: aa,
+  [P["triangle-down"]]: ya,
+  [P.calendar]: ha,
+  [P["chevron-double-down"]]: wa,
+  [P.cross]: Da,
+  [P.info]: Na,
+  [P.warning]: Pa,
+  [P.copy]: ja,
+  [P.code]: Ja,
+  [P.search]: to,
+  [P.burger]: so,
+  [P.logo]: ho
+}, mo = ["href", "target"], Jr = /* @__PURE__ */ O({
   __name: "NmorphLink",
   props: {
     color: { default: Ae.accent },
@@ -455,28 +455,28 @@ const ha = { render: pa }, _a = {
         "nmorph-link": [n.color, `${n.underline && "underline"}`, `${n.disabled && "disabled"}`]
       })
     );
-    return (o, a) => (r(), u("div", {
+    return (a, o) => (r(), u("div", {
       class: M(e.value)
     }, [
       c("a", {
         href: n.href,
         target: n.target
       }, [
-        S(o.$slots, "prepend"),
-        ee(" " + R(o.text) + " ", 1),
-        o.iconName ? (r(), E(p(z), {
+        S(a.$slots, "prepend"),
+        ee(" " + R(a.text) + " ", 1),
+        a.iconName ? (r(), E(p(z), {
           key: 0,
           class: "nmorph-link__icon",
           name: n.iconName,
           width: "10px",
           height: "10px"
         }, null, 8, ["name"])) : N("", !0),
-        S(o.$slots, "default")
-      ], 8, ma)
+        S(a.$slots, "default")
+      ], 8, mo)
     ], 2));
   }
 });
-var va = /* @__PURE__ */ ((t) => (t.self = "_self", t.blank = "_blank", t.parent = "_parent", t.top = "_top", t))(va || {});
+var vo = /* @__PURE__ */ ((t) => (t.self = "_self", t.blank = "_blank", t.parent = "_parent", t.top = "_top", t))(vo || {});
 const Kr = /* @__PURE__ */ O({
   __name: "NmorphScroll",
   props: {
@@ -494,11 +494,11 @@ const Kr = /* @__PURE__ */ O({
     Q((_) => ({
       bd47d458: l.value,
       "6f33bd73": i.value,
-      53434826: a.value,
-      53434824: o.value,
+      53434826: o.value,
+      53434824: a.value,
       aa996170: g.value
     }));
-    const e = t, o = h(() => e.scrollYProp), a = h(() => e.scrollXProp), l = h(() => e.scrollYProp !== "hidden" ? "--scrollbar-width" : "0"), i = h(() => e.scrollXProp !== "hidden" ? "--scrollbar-height" : "0");
+    const e = t, a = h(() => e.scrollYProp), o = h(() => e.scrollXProp), l = h(() => e.scrollYProp !== "hidden" ? "--scrollbar-width" : "0"), i = h(() => e.scrollXProp !== "hidden" ? "--scrollbar-height" : "0");
     let s;
     const d = n, m = () => {
       d("on-scroll-end");
@@ -545,8 +545,8 @@ const Kr = /* @__PURE__ */ O({
     ], 34));
   }
 });
-var fa = /* @__PURE__ */ ((t) => (t.auto = "auto", t.hidden = "hidden", t.scroll = "scroll", t))(fa || {}), ya = /* @__PURE__ */ ((t) => (t.auto = "auto", t.smooth = "smooth", t.inherit = "inherit", t.initial = "initial", t.unset = "unset", t))(ya || {});
-const ga = ["src", "srcset", "alt"], ba = { class: "nmorph-avatar__fallback" }, Qr = /* @__PURE__ */ O({
+var fo = /* @__PURE__ */ ((t) => (t.auto = "auto", t.hidden = "hidden", t.scroll = "scroll", t))(fo || {}), yo = /* @__PURE__ */ ((t) => (t.auto = "auto", t.smooth = "smooth", t.inherit = "inherit", t.initial = "initial", t.unset = "unset", t))(yo || {});
+const go = ["src", "srcset", "alt"], bo = { class: "nmorph-avatar__fallback" }, Qr = /* @__PURE__ */ O({
   __name: "NmorphAvatar",
   props: {
     size: { default: 40 },
@@ -562,18 +562,18 @@ const ga = ["src", "srcset", "alt"], ba = { class: "nmorph-avatar__fallback" },
       "0c2eed20": m.value,
       "3a32df12": v.fit
     }));
-    const e = t, o = n, a = $(!1), l = h(
+    const e = t, a = n, o = $(!1), l = h(
       () => T({
         "nmorph-avatar": [e.shape]
       })
     ), i = h(
       () => T({
-        "nmorph-avatar__image": [`${a.value && "hide"}`]
+        "nmorph-avatar__image": [`${o.value && "hide"}`]
       })
     ), s = () => {
-      o("error"), a.value = !0;
+      a("error"), o.value = !0;
     }, d = () => {
-      a.value = !1;
+      o.value = !1;
     }, m = h(() => ` ${e.size}px`);
     return (v, x) => (r(), u("div", {
       class: M(l.value)
@@ -585,19 +585,19 @@ const ga = ["src", "srcset", "alt"], ba = { class: "nmorph-avatar__fallback" },
         class: M(i.value),
         onLoad: d,
         onError: s
-      }, null, 42, ga),
-      Te(c("div", ba, [
+      }, null, 42, go),
+      Te(c("div", bo, [
         S(v.$slots, "default")
       ], 512), [
-        [He, a.value]
+        [He, o.value]
       ])
     ], 2));
   }
 });
-const $a = {
+const $o = {
   key: 0,
   class: "nmorph-badge__dot"
-}, ka = {
+}, ko = {
   key: 1,
   class: "nmorph-badge__content"
 }, Zr = /* @__PURE__ */ O({
@@ -619,11 +619,11 @@ const $a = {
       () => T({
         "nmorph-badge": [`${n.hidden && "hidden"}`]
       })
-    ), o = h(
+    ), a = h(
       () => T({
         "nmorph-badge__container": [`${n.hidden && "hidden"}`]
       })
-    ), a = h(() => typeof Number(n.value) == "number" && Number(n.value) > n.max ? `${n.max}+` : n.value), l = h(() => {
+    ), o = h(() => typeof Number(n.value) == "number" && Number(n.value) > n.max ? `${n.max}+` : n.value), l = h(() => {
       const m = `-${s?.value / 2 + n.offsetX}px`, v = `-${d?.value / 2 + n.offsetY}px`;
       return {
         x: m,
@@ -639,15 +639,15 @@ const $a = {
       c("div", {
         ref_key: "badge",
         ref: i,
-        class: M(o.value),
+        class: M(a.value),
         style: Z({ right: l.value.x, top: l.value.y })
       }, [
-        n.isDot ? (r(), u("div", $a)) : (r(), u("div", ka, R(a.value), 1))
+        n.isDot ? (r(), u("div", $o)) : (r(), u("div", ko, R(o.value), 1))
       ], 6)
     ], 2));
   }
 });
-const wa = ["data-date", "onClick"], xa = /* @__PURE__ */ O({
+const wo = ["data-date", "onClick"], xo = /* @__PURE__ */ O({
   __name: "NmorphCalendar",
   props: {
     markToday: { type: Boolean, default: !0 },
@@ -659,14 +659,14 @@ const wa = ["data-date", "onClick"], xa = /* @__PURE__ */ O({
   },
   emits: ["update:modelValue", "update-initial-date"],
   setup(t, { emit: n }) {
-    const e = t, o = n, a = h(
+    const e = t, a = n, o = h(
       () => T({
         "nmorph-calendar": []
       })
     ), l = $(e.initialDate), i = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], s = $(e.modelValue);
-    let d = ae([]);
+    let d = oe([]);
     const m = async () => {
-      d = [], Sa(l, e.range).forEach((B) => {
+      d = [], So(l, e.range).forEach((B) => {
         const C = {};
         B.forEach((I, L) => {
           const G = i[L];
@@ -675,7 +675,7 @@ const wa = ["data-date", "onClick"], xa = /* @__PURE__ */ O({
       });
     };
     m(), q(l, () => {
-      m(), o("update-initial-date", l.value);
+      m(), a("update-initial-date", l.value);
     }), q(
       () => e.initialDate,
       (H) => {
@@ -697,9 +697,9 @@ const wa = ["data-date", "onClick"], xa = /* @__PURE__ */ O({
         return;
       B === "next" && k(), B === "previous" && x();
       const { date: I } = H;
-      s.value = I, o("update:modelValue", s.value);
+      s.value = I, a("update:modelValue", s.value);
     }, _ = h(() => new Date(l.value.setMonth(l.value.getMonth() - 1))), y = h(() => new Date(l.value.setMonth(l.value.getMonth() + 1))), f = h(() => {
-      const { range: H } = e, B = H ? Ca(l.value, H[0]) : !0, C = H ? Va(l.value, H[1]) : !0, I = Da(e.range);
+      const { range: H } = e, B = H ? Co(l.value, H[0]) : !0, C = H ? Vo(l.value, H[1]) : !0, I = Do(e.range);
       return {
         showPreviousMonthButton: B,
         showNextMonthButton: C,
@@ -710,10 +710,10 @@ const wa = ["data-date", "onClick"], xa = /* @__PURE__ */ O({
       return H === C || H === I ? !0 : !C || !I || C > I ? !1 : H >= C && H <= I;
     }, V = (H) => Array.isArray(e.selectedValues) ? e.type === "daterange" ? D(H, e.selectedValues) : e.selectedValues.includes(H) : e.selectedValues?.toDateString() === H.toDateString();
     return (H, B) => (r(), u("div", {
-      class: M(a.value)
+      class: M(o.value)
     }, [
       S(H.$slots, "header", {}, () => [
-        w(p(Oa), {
+        w(p(Oo), {
           year: l.value.getFullYear(),
           month: l.value.getMonth(),
           "show-previous-month-button": f.value.showPreviousMonthButton,
@@ -763,7 +763,7 @@ const wa = ["data-date", "onClick"], xa = /* @__PURE__ */ O({
                       }, () => [
                         ee(R(v(L[C]).hidden ? "-" : v(L[C]).value), 1)
                       ])
-                    ], 10, wa)
+                    ], 10, wo)
                   ]),
                   _: 2
                 }, 1032, ["row"]))), 128))
@@ -790,10 +790,10 @@ const Re = [
   "October",
   "November",
   "December"
-], Ma = (t) => {
+], Mo = (t) => {
   const n = t - t % 10, e = [];
-  for (let o = 0; o < 10; o++)
-    e.push(n + o);
+  for (let a = 0; a < 10; a++)
+    e.push(n + a);
   return e;
 }, ie = (t) => {
   if (!t)
@@ -803,22 +803,22 @@ const Re = [
     month: "2-digit",
     day: "2-digit"
   };
-  return Array.isArray(t) ? t.map((o) => o ? new Intl.DateTimeFormat(n, e).format(o) : null) : new Intl.DateTimeFormat(n, e).format(t);
-}, Ca = (t, n) => t.getMonth() > n.getMonth(), Va = (t, n) => t.getMonth() < n.getMonth(), Da = (t) => {
+  return Array.isArray(t) ? t.map((a) => a ? new Intl.DateTimeFormat(n, e).format(a) : null) : new Intl.DateTimeFormat(n, e).format(t);
+}, Co = (t, n) => t.getMonth() > n.getMonth(), Vo = (t, n) => t.getMonth() < n.getMonth(), Do = (t) => {
   const n = /* @__PURE__ */ new Date();
   if (!t)
     return !0;
-  const e = t && t[0], o = t && t[1];
-  return n >= e && n <= o;
-}, Ie = (t) => Re[t], Ba = (t) => t % 4 === 0 && t % 100 !== 0 || t % 400 === 0, we = (t, n) => [0, 2, 4, 6, 7, 9, 11].includes(n) ? 31 : [3, 5, 8, 10].includes(n) ? 30 : Ba(t) ? 29 : 28, Sa = (t, n) => {
-  const e = (U) => n ? U < n[0] || U > n[1] : !1, o = t.value.getFullYear(), a = t.value.getMonth(), i = new Date(o, a, 1).getDay() + 1, s = we(o, a), d = 7 + i - 8;
-  let x = 7 - (new Date(o, a, s).getDay() + 1);
-  const b = /* @__PURE__ */ new Date(), k = b.getDate(), g = b.getMonth(), _ = a - 1, y = we(o, _);
+  const e = t && t[0], a = t && t[1];
+  return n >= e && n <= a;
+}, Ie = (t) => Re[t], Bo = (t) => t % 4 === 0 && t % 100 !== 0 || t % 400 === 0, we = (t, n) => [0, 2, 4, 6, 7, 9, 11].includes(n) ? 31 : [3, 5, 8, 10].includes(n) ? 30 : Bo(t) ? 29 : 28, So = (t, n) => {
+  const e = (U) => n ? U < n[0] || U > n[1] : !1, a = t.value.getFullYear(), o = t.value.getMonth(), i = new Date(a, o, 1).getDay() + 1, s = we(a, o), d = 7 + i - 8;
+  let x = 7 - (new Date(a, o, s).getDay() + 1);
+  const b = /* @__PURE__ */ new Date(), k = b.getDate(), g = b.getMonth(), _ = o - 1, y = we(a, _);
   let f = y - d;
   const D = [];
   for (; f < y; ) {
     f++;
-    const U = g === _ && k === f, K = new Date(o, _, f);
+    const U = g === _ && k === f, K = new Date(a, _, f);
     D.push({
       value: f,
       monthType: "previous",
@@ -827,11 +827,11 @@ const Re = [
       hidden: e(K)
     });
   }
-  const V = a + 1, H = [];
+  const V = o + 1, H = [];
   let B = 0;
   for (; x; ) {
     B++, x--;
-    const U = g === V && k === B, K = new Date(o, V, B);
+    const U = g === V && k === B, K = new Date(a, V, B);
     H.push({
       value: B,
       monthType: "next",
@@ -845,7 +845,7 @@ const Re = [
   for (; C < s; ) {
     const U = b.getDate();
     C++;
-    const K = g === a && U === C, be = new Date(o, a, C);
+    const K = g === o && U === C, be = new Date(a, o, C);
     I.push({
       value: C,
       monthType: "current",
@@ -860,7 +860,7 @@ const Re = [
     G.push(K);
   }
   return G.filter((U) => !U.every((K) => K.hidden));
-}, Ta = { class: "nmorph-calendar-header" }, Ha = { class: "nmorph-calendar-header__actions" }, Oa = /* @__PURE__ */ O({
+}, To = { class: "nmorph-calendar-header" }, Ho = { class: "nmorph-calendar-header__actions" }, Oo = /* @__PURE__ */ O({
   __name: "NmorphCalendarHeader",
   props: {
     year: {},
@@ -871,41 +871,41 @@ const Re = [
   },
   emits: ["click-previous-month", "click-today", "click-next-month"],
   setup(t, { emit: n }) {
-    const e = t, o = n, a = h(
+    const e = t, a = n, o = h(
       () => T({
         "nmorph-calendar-header": []
       })
     );
     return (l, i) => (r(), u("div", {
-      class: M(a.value)
+      class: M(o.value)
     }, [
       S(l.$slots, "default", {}, () => [
-        c("h2", Ta, R(e.year) + " " + R(p(Ie)(e.month)), 1),
-        c("div", Ha, [
+        c("h2", To, R(e.year) + " " + R(p(Ie)(e.month)), 1),
+        c("div", Ho, [
           l.showPreviousMonthButton ? (r(), E(p(F), {
             key: 0,
             class: "nmorph-calendar-header__action",
             text: "Previous month",
-            onClick: i[0] || (i[0] = (s) => o("click-previous-month"))
+            onClick: i[0] || (i[0] = (s) => a("click-previous-month"))
           })) : N("", !0),
           l.showTodayButton ? (r(), E(p(F), {
             key: 1,
             class: "nmorph-calendar-header__action",
             text: "Today",
-            onClick: i[1] || (i[1] = (s) => o("click-today"))
+            onClick: i[1] || (i[1] = (s) => a("click-today"))
           })) : N("", !0),
           l.showNextMonthButton ? (r(), E(p(F), {
             key: 2,
             class: "nmorph-calendar-header__action",
             text: "Next month",
-            onClick: i[2] || (i[2] = (s) => o("click-next-month"))
+            onClick: i[2] || (i[2] = (s) => a("click-next-month"))
           })) : N("", !0)
         ])
       ])
     ], 2));
   }
 });
-const Na = { class: "nmorph-card__header" }, za = { class: "nmorph-card__content" }, Ea = { class: "nmorph-card__footer" }, ei = /* @__PURE__ */ O({
+const No = { class: "nmorph-card__header" }, zo = { class: "nmorph-card__content" }, Eo = { class: "nmorph-card__footer" }, ei = /* @__PURE__ */ O({
   __name: "NmorphCard",
   props: {
     shadowType: { default: Ee.outset }
@@ -916,31 +916,31 @@ const Na = { class: "nmorph-card__header" }, za = { class: "nmorph-card__content
         "nmorph-card": [n.shadowType]
       })
     );
-    return (o, a) => (r(), u("div", {
+    return (a, o) => (r(), u("div", {
       class: M(e.value)
     }, [
-      c("div", Na, [
-        S(o.$slots, "header")
+      c("div", No, [
+        S(a.$slots, "header")
       ]),
-      c("div", za, [
-        S(o.$slots, "default")
+      c("div", zo, [
+        S(a.$slots, "default")
       ]),
-      c("div", Ea, [
-        S(o.$slots, "footer")
+      c("div", Eo, [
+        S(a.$slots, "footer")
       ])
     ], 2));
   }
 });
-const Aa = ["id"], Ra = { class: "nmorph-carousel__elements-indicator" }, Ia = ["onClick"], ti = /* @__PURE__ */ O({
+const Ao = ["id"], Ro = { class: "nmorph-carousel__elements-indicator" }, Io = ["onClick"], ti = /* @__PURE__ */ O({
   __name: "NmorphCarousel",
   props: {
     loop: { type: Boolean, default: !0 }
   },
   emits: ["change"],
   setup(t, { emit: n }) {
-    const e = $(0), o = () => {
+    const e = $(0), a = () => {
       e.value = e.value + 1;
-    }, a = () => {
+    }, o = () => {
       e.value = e.value - 1;
     }, l = t, i = n, s = h(
       () => T({
@@ -948,7 +948,7 @@ const Aa = ["id"], Ra = { class: "nmorph-carousel__elements-indicator" }, Ia = [
       })
     ), d = $([]), m = re();
     X("carousel-data", { data: d, carouselId: m });
-    const v = $(null), x = ae({}), b = () => {
+    const v = $(null), x = oe({}), b = () => {
       const V = x[Object.keys(x).length - 1]?.cloneNode(!0), H = x[0]?.cloneNode(!0);
       v.value?.prepend(V), v.value?.append(H), e.value += 1;
     }, k = () => {
@@ -982,9 +982,9 @@ const Aa = ["id"], Ra = { class: "nmorph-carousel__elements-indicator" }, Ia = [
           ref_for: !0,
           ref: (I) => g(I, C),
           class: "nmorph-carousel__item"
-        }, null, 8, Aa))), 128))
+        }, null, 8, Ao))), 128))
       ], 6),
-      c("div", Ra, [
+      c("div", Ro, [
         (r(!0), u(Y, null, j(d.value, (B, C) => (r(), u("div", {
           key: C,
           class: "nmorph-carousel__element-indicator-wrapper",
@@ -993,17 +993,17 @@ const Aa = ["id"], Ra = { class: "nmorph-carousel__elements-indicator" }, Ia = [
           c("div", {
             class: M(["nmorph-carousel__element-indicator", { "nmorph-carousel__element-indicator--active": f(C) }])
           }, null, 2)
-        ], 8, Ia))), 128))
+        ], 8, Io))), 128))
       ]),
       c("div", {
         class: "nmorph-carousel__action-btn nmorph-carousel__prev",
-        onClick: o
+        onClick: a
       }, [
         w(p(z), { name: "chevron-down" })
       ]),
       c("div", {
         class: "nmorph-carousel__action-btn nmorph-carousel__next",
-        onClick: a
+        onClick: o
       }, [
         w(p(z), { name: "chevron-down" })
       ]),
@@ -1021,21 +1021,21 @@ const ni = /* @__PURE__ */ O({
       () => T({
         "nmorph-carousel-item": []
       })
-    ), o = J("carousel-data"), a = $(!1);
+    ), a = J("carousel-data"), o = $(!1);
     return W(() => {
-      a.value = !0, o && o.data.value.push(n.name);
-    }), (l, i) => a.value ? (r(), u("div", {
+      o.value = !0, a && a.data.value.push(n.name);
+    }), (l, i) => o.value ? (r(), u("div", {
       key: 0,
       class: M(e.value)
     }, [
       (r(), E(le, {
-        to: `#nmorph-carousel-item-${p(o)?.carouselId}-${n.name}`
+        to: `#nmorph-carousel-item-${p(a)?.carouselId}-${n.name}`
       }, [
         S(l.$slots, "default")
       ], 8, ["to"]))
     ], 2)) : N("", !0);
   }
-}), oi = /* @__PURE__ */ O({
+}), ai = /* @__PURE__ */ O({
   __name: "NmorphCollapse",
   props: {
     modelValue: {},
@@ -1043,25 +1043,25 @@ const ni = /* @__PURE__ */ O({
   },
   emits: ["update:modelValue"],
   setup(t, { emit: n }) {
-    const e = t, o = $(e.modelValue);
+    const e = t, a = $(e.modelValue);
     q(
       () => e.modelValue,
       (s) => {
-        o.value = s;
+        a.value = s;
       }
     );
-    const a = (s, d) => {
+    const o = (s, d) => {
       if (e.accordion)
-        o.value = d ? [s] : [];
-      else if (!Array.isArray(o.value))
-        o.value = [s];
+        a.value = d ? [s] : [];
+      else if (!Array.isArray(a.value))
+        a.value = [s];
       else {
-        const m = o.value.indexOf(s);
-        d && m === -1 && o.value.push(s), !d && m !== -1 && o.value.splice(m, 1);
+        const m = a.value.indexOf(s);
+        d && m === -1 && a.value.push(s), !d && m !== -1 && a.value.splice(m, 1);
       }
-      l("update:modelValue", o.value);
+      l("update:modelValue", a.value);
     };
-    X("collapse-data", o), X("update-model", a);
+    X("collapse-data", a), X("update-model", o);
     const l = n, i = h(
       () => T({
         "nmorph-collapse": []
@@ -1073,7 +1073,7 @@ const ni = /* @__PURE__ */ O({
       S(s.$slots, "default")
     ], 2));
   }
-}), ai = /* @__PURE__ */ O({
+}), oi = /* @__PURE__ */ O({
   __name: "NmorphCollapseItem",
   props: {
     height: { default: "default" },
@@ -1084,27 +1084,27 @@ const ni = /* @__PURE__ */ O({
   },
   emits: ["click-item"],
   setup(t, { emit: n }) {
-    const e = t, o = n, a = $(!1), l = h(
+    const e = t, a = n, o = $(!1), l = h(
       () => T({
-        "nmorph-collapse-item": [`${e.disabled && "disabled"}`, `${a.value && "is-open"}`]
+        "nmorph-collapse-item": [`${e.disabled && "disabled"}`, `${o.value && "is-open"}`]
       })
     ), i = h(
       () => T({
         nmorph: [te[e.height]]
       })
     ), s = J("collapse-data"), d = J("update-model"), m = $(null), v = $(0), x = () => {
-      e.block && (a.value = !a.value, d && (d(e.name, a.value), o("click-item", { id: e.name, isOpen: a.value })));
+      e.block && (o.value = !o.value, d && (d(e.name, o.value), a("click-item", { id: e.name, isOpen: o.value })));
     };
     return W(() => {
-      Array.isArray(s?.value) ? a.value = s.value.includes(e.name) : a.value = s?.value === e.name;
+      Array.isArray(s?.value) ? o.value = s.value.includes(e.name) : o.value = s?.value === e.name;
     }), q(
       () => s?.value,
       (b) => {
-        Array.isArray(b) ? a.value = b.includes(e.name) : a.value = b === e.name;
+        Array.isArray(b) ? o.value = b.includes(e.name) : o.value = b === e.name;
       },
       { deep: !0 }
-    ), q(a, () => {
-      v.value = a.value && m.value ? m.value?.clientHeight : 0;
+    ), q(o, () => {
+      v.value = o.value && m.value ? m.value?.clientHeight : 0;
     }), (b, k) => (r(), u("div", {
       class: M(l.value),
       onClick: ne(x, ["stop"])
@@ -1131,10 +1131,10 @@ const ni = /* @__PURE__ */ O({
     ], 2));
   }
 });
-const Pa = ["src", "alt", "srcset"], La = {
+const Po = ["src", "alt", "srcset"], Lo = {
   key: 0,
   class: "nmorph-image__loading"
-}, Fa = {
+}, Fo = {
   key: 1,
   class: "nmorph-image__load-failed"
 }, xe = /* @__PURE__ */ O({
@@ -1151,10 +1151,10 @@ const Pa = ["src", "alt", "srcset"], La = {
     Q((d) => ({
       "234993c7": s.value
     }));
-    const n = t, e = $(!1), o = $(!1), a = () => {
+    const n = t, e = $(!1), a = $(!1), o = () => {
       e.value = !0;
     }, l = () => {
-      e.value = !0, o.value = !0;
+      e.value = !0, a.value = !0;
     }, i = h(
       () => T({
         "nmorph-image": []
@@ -1167,15 +1167,15 @@ const Pa = ["src", "alt", "srcset"], La = {
         src: n.src,
         alt: n.alt,
         srcset: n.srcset,
-        onLoad: a,
+        onLoad: o,
         onError: l
-      }, null, 40, Pa),
-      e.value ? N("", !0) : (r(), u("div", La, [
+      }, null, 40, Po),
+      e.value ? N("", !0) : (r(), u("div", Lo, [
         S(d.$slots, "loading", {}, () => [
           ee(R(n.loadingText), 1)
         ])
       ])),
-      e.value && o.value ? (r(), u("div", Fa, [
+      e.value && a.value ? (r(), u("div", Fo, [
         S(d.$slots, "error", {}, () => [
           ee(R(n.loadFailedText), 1)
         ])
@@ -1183,13 +1183,13 @@ const Pa = ["src", "alt", "srcset"], La = {
     ], 2));
   }
 });
-const Wa = { class: "nmorph-image-preview__content" }, Ya = {
+const Wo = { class: "nmorph-image-preview__content" }, Yo = {
   key: 0,
   class: "nmorph-image-preview__left"
-}, ja = {
+}, jo = {
   key: 1,
   class: "nmorph-image-preview__right"
-}, Ua = { class: "nmorph-image-preview__actions" }, qa = { class: "nmorph-image-preview__action-element" }, Ga = /* @__PURE__ */ O({
+}, Uo = { class: "nmorph-image-preview__actions" }, qo = { class: "nmorph-image-preview__action-element" }, Go = /* @__PURE__ */ O({
   __name: "NmorphImagePreview",
   props: {
     show: { type: Boolean, default: !1 },
@@ -1202,14 +1202,14 @@ const Wa = { class: "nmorph-image-preview__content" }, Ya = {
   },
   emits: ["on-close", "on-open"],
   setup(t, { emit: n }) {
-    const e = t, o = $(e.show), a = h(
+    const e = t, a = $(e.show), o = h(
       () => T({
-        "nmorph-image-preview": [`${o.value && "opened"}`]
+        "nmorph-image-preview": [`${a.value && "opened"}`]
       })
     ), l = $(e.initialIndex), i = h(() => typeof e.src == "string" ? e.src : e.src[l.value]), s = $(1), d = () => {
-      o.value = !0, C("on-open");
+      a.value = !0, C("on-open");
     }, m = () => {
-      o.value = !1, C("on-close");
+      a.value = !1, C("on-close");
     }, v = () => {
       f.value = f.value + 90, f.value >= 360 && (f.value = 0);
     }, x = () => {
@@ -1256,7 +1256,7 @@ const Wa = { class: "nmorph-image-preview__content" }, Ya = {
       }
     ], C = n, I = h(() => Array.isArray(e.src) && e.src.length > 0);
     return (L, G) => (r(), u("div", {
-      class: M(a.value)
+      class: M(o.value)
     }, [
       c("div", {
         class: "nmorph-image-preview__trigger",
@@ -1269,11 +1269,11 @@ const Wa = { class: "nmorph-image-preview__content" }, Ya = {
         }, null, 8, ["src", "alt"])
       ]),
       w(p(ge), {
-        show: o.value,
+        show: a.value,
         onOnOutsideClick: m
       }, {
         default: A(() => [
-          c("div", Wa, [
+          c("div", Wo, [
             w(p(xe), {
               src: i.value,
               alt: e.alt,
@@ -1281,7 +1281,7 @@ const Wa = { class: "nmorph-image-preview__content" }, Ya = {
               style: Z({ transform: `rotate(${f.value}deg) scale(${s.value})` })
             }, null, 8, ["src", "alt", "style"])
           ]),
-          I.value ? (r(), u("div", Ya, [
+          I.value ? (r(), u("div", Yo, [
             w(p(F), { onClick: D }, {
               default: A(() => [
                 w(p(z), { name: "chevron-down" })
@@ -1289,7 +1289,7 @@ const Wa = { class: "nmorph-image-preview__content" }, Ya = {
               _: 1
             })
           ])) : N("", !0),
-          I.value ? (r(), u("div", ja, [
+          I.value ? (r(), u("div", jo, [
             w(p(F), { onClick: V }, {
               default: A(() => [
                 w(p(z), { name: "chevron-down" })
@@ -1297,7 +1297,7 @@ const Wa = { class: "nmorph-image-preview__content" }, Ya = {
               _: 1
             })
           ])) : N("", !0),
-          c("div", Ua, [
+          c("div", Uo, [
             (r(), u(Y, null, j(B, (U, K) => c("div", {
               key: K,
               class: "nmorph-image-preview__action-element"
@@ -1313,7 +1313,7 @@ const Wa = { class: "nmorph-image-preview__content" }, Ya = {
                 _: 2
               }, 1032, ["onClick"])
             ])), 64)),
-            c("div", qa, [
+            c("div", qo, [
               w(p(F), {
                 disabled: s.value === 1,
                 onClick: H.value.handler
@@ -1345,7 +1345,7 @@ const li = /* @__PURE__ */ O({
   },
   emits: ["prev-click", "next-click", "update:modelValue", "update:range"],
   setup(t, { emit: n }) {
-    const e = t, o = n, a = $(e.range), l = h(
+    const e = t, a = n, o = $(e.range), l = h(
       () => T({
         "nmorph-pagination": [`${e.disabled && "disabled"}`]
       })
@@ -1358,7 +1358,7 @@ const li = /* @__PURE__ */ O({
       return Array.from({ length: _ + y }, (f, D) => ({ value: String(D + 1), label: String(D + 1) }));
     }), v = h(() => e.hideOnSinglePage || e.total / e.pagerCount > 1);
     q(d, (_) => {
-      o("update:modelValue", Number(_)), g();
+      a("update:modelValue", Number(_)), g();
     }), q(
       () => e.pagerCount,
       () => {
@@ -1369,7 +1369,7 @@ const li = /* @__PURE__ */ O({
       d.value = _;
     }, b = h(() => Number(d.value) === 1), k = h(() => m.value.length === Number(d.value)), g = () => {
       const _ = Number(d.value) * e.pagerCount, y = _ - e.pagerCount;
-      a.value = [y, _], o("update:range", a.value);
+      o.value = [y, _], a("update:range", o.value);
     };
     return W(() => {
       g();
@@ -1413,19 +1413,19 @@ const li = /* @__PURE__ */ O({
     ], 2)) : N("", !0);
   }
 });
-const Xa = {
+const Xo = {
   key: 0,
   class: "nmorph-progress__linear"
-}, Ja = { class: "nmorph-progress__outer" }, Ka = { class: "nmorph-progress__inner" }, Qa = {
+}, Jo = { class: "nmorph-progress__outer" }, Ko = { class: "nmorph-progress__inner" }, Qo = {
   key: 0,
   class: "nmorph-progress__inner-text"
-}, Za = {
+}, Zo = {
   key: 0,
   class: "nmorph-progress__percentage"
 }, el = {
   key: 1,
   class: "nmorph-progress__circle"
-}, tl = { class: "nmorph-progress__circle-inner-part" }, nl = ["width", "height"], ol = ["cx", "cy", "r", "stroke-dasharray", "stroke-dashoffset"], si = /* @__PURE__ */ O({
+}, tl = { class: "nmorph-progress__circle-inner-part" }, nl = ["width", "height"], al = ["cx", "cy", "r", "stroke-dasharray", "stroke-dashoffset"], si = /* @__PURE__ */ O({
   __name: "NmorphProgress",
   props: {
     type: { default: "linear" },
@@ -1439,8 +1439,8 @@ const Xa = {
   },
   setup(t) {
     Q((b) => ({
-      fdc7c896: o.value,
-      b80cb056: a.value,
+      fdc7c896: a.value,
+      b80cb056: o.value,
       "09480af6": l.value,
       "03ebf3b8": v.value,
       "05cdc560": b.strokeWidth
@@ -1449,7 +1449,7 @@ const Xa = {
       () => T({
         "nmorph-progress": []
       })
-    ), o = h(() => `${n.percentage}%`), a = h(() => Array.isArray(n.color) ? n.color.find((b) => b.percentage <= n.percentage)?.color : typeof n.color == "function" ? n.color(n.percentage) : n.color), l = h(() => n.indeterminate ? "var(--animation)" : "none"), i = $(null), s = $(1), d = h(() => `${s.value} ${s.value}`), m = h(() => s.value - n.percentage / 100 * s.value);
+    ), a = h(() => `${n.percentage}%`), o = h(() => Array.isArray(n.color) ? n.color.find((b) => b.percentage <= n.percentage)?.color : typeof n.color == "function" ? n.color(n.percentage) : n.color), l = h(() => n.indeterminate ? "var(--animation)" : "none"), i = $(null), s = $(1), d = h(() => `${s.value} ${s.value}`), m = h(() => s.value - n.percentage / 100 * s.value);
     W(() => {
       i.value && (s.value = 2 * Math.PI * i.value.r.baseVal.value);
     });
@@ -1457,17 +1457,17 @@ const Xa = {
     return (b, k) => (r(), u("div", {
       class: M(e.value)
     }, [
-      n.type === "linear" ? (r(), u("div", Xa, [
-        c("div", Ja, [
-          c("div", Ka, [
-            b.textInside ? (r(), u("div", Qa, [
+      n.type === "linear" ? (r(), u("div", Xo, [
+        c("div", Jo, [
+          c("div", Ko, [
+            b.textInside ? (r(), u("div", Qo, [
               S(b.$slots, "inner-text", {}, () => [
                 ee(R(x.value), 1)
               ])
             ])) : N("", !0)
           ])
         ]),
-        b.showText ? (r(), u("div", Za, [
+        b.showText ? (r(), u("div", Zo, [
           S(b.$slots, "right-sight", {}, () => [
             ee(R(x.value), 1)
           ])
@@ -1492,13 +1492,13 @@ const Xa = {
             r: n.circleSize / 2 - 2,
             "stroke-dasharray": d.value,
             "stroke-dashoffset": m.value
-          }, null, 8, ol)
+          }, null, 8, al)
         ], 8, nl))
       ])) : N("", !0)
     ], 2));
   }
 });
-const al = {
+const ol = {
   key: 0,
   class: "nmorph-skeleton__rows"
 }, ll = {
@@ -1520,15 +1520,15 @@ const al = {
         "nmorph-skeleton": [`${n.animated && n.loading && "loading"}`]
       })
     );
-    return (o, a) => (r(), u("div", {
+    return (a, o) => (r(), u("div", {
       class: M(e.value)
     }, [
-      n.rows && n.loading ? (r(), u("div", al, [
+      n.rows && n.loading ? (r(), u("div", ol, [
         (r(!0), u(Y, null, j(n.rows, (l) => (r(), E(p(il), { key: l }))), 128))
       ])) : n.loading ? (r(), u("div", ll, [
-        S(o.$slots, "template")
+        S(a.$slots, "template")
       ])) : (r(), u("div", sl, [
-        S(o.$slots, "default")
+        S(a.$slots, "default")
       ]))
     ], 2));
   }
@@ -1544,7 +1544,7 @@ const rl = { class: "nmorph-skeleton-item__element" }, il = /* @__PURE__ */ O({
         "nmorph-skeleton-item": [n.variant]
       })
     );
-    return (o, a) => (r(), u("div", {
+    return (a, o) => (r(), u("div", {
       class: M(e.value)
     }, [
       c("div", rl, [
@@ -1564,16 +1564,16 @@ const ce = "10px", cl = /* @__PURE__ */ O({
   },
   emits: ["sort"],
   setup(t, { emit: n }) {
-    const e = t, o = n, a = h(
+    const e = t, a = n, o = h(
       () => T({
         "nmorph-sort-button": [`${e.value}`]
       })
     ), l = () => {
       const i = e.value === "ascending" ? "descending" : "ascending";
-      o("sort", i);
+      a("sort", i);
     };
     return (i, s) => (r(), u("div", {
-      class: M(a.value)
+      class: M(o.value)
     }, [
       w(p(F), {
         height: "thin",
@@ -1613,16 +1613,16 @@ const ul = { class: "nmorph-table__wrapper" }, dl = { class: "nmorph-table__head
       () => T({
         "nmorph-table": [`${n.style}`]
       })
-    ), o = $(n.data), a = $(n.sort), l = (k, g) => {
-      a.value && (a.value[g] = k, o.value.sort((_, y) => {
+    ), a = $(n.data), o = $(n.sort), l = (k, g) => {
+      o.value && (o.value[g] = k, a.value.sort((_, y) => {
         const f = String(_[g]).toLowerCase(), D = String(y[g]).toLowerCase();
-        if (!a.value)
+        if (!o.value)
           return 0;
-        const V = a.value[g];
+        const V = o.value[g];
         return V === "ascending" ? f.localeCompare(D) : V === "descending" ? D.localeCompare(f) : 0;
       }));
     }, i = $(null), s = $([]);
-    X("table-data", { rows: o, columns: s });
+    X("table-data", { rows: a, columns: s });
     const d = h(() => {
       const k = s.value.map((D) => D.width).filter((D) => !!D), g = k.length, _ = k.reduce((D, V) => (D += Number(V), D), 0), y = s.value.length - g;
       return i.value?.clientWidth ? (i.value?.clientWidth - _) / y : 0;
@@ -1630,7 +1630,7 @@ const ul = { class: "nmorph-table__wrapper" }, dl = { class: "nmorph-table__head
     q(
       () => n.data,
       () => {
-        v.value = v.value + 1, o.value = n.data, s.value = [];
+        v.value = v.value + 1, a.value = n.data, s.value = [];
       },
       {
         immediate: !0
@@ -1664,10 +1664,10 @@ const ul = { class: "nmorph-table__wrapper" }, dl = { class: "nmorph-table__head
                     class: "nmorph-table__cell-content"
                   }, [
                     c("span", null, R(_.label), 1),
-                    a.value && a.value[_.prop] ? (r(), E(cl, {
+                    o.value && o.value[_.prop] ? (r(), E(cl, {
                       key: 0,
                       class: "nmorph-table__button-wrapper",
-                      value: a.value[_.prop],
+                      value: o.value[_.prop],
                       onSort: (f) => l(f, _.prop)
                     }, null, 8, ["value", "onSort"])) : N("", !0)
                   ], 4)
@@ -1685,7 +1685,7 @@ const ul = { class: "nmorph-table__wrapper" }, dl = { class: "nmorph-table__head
               }, null, 4))), 128))
             ]),
             c("tbody", null, [
-              (r(!0), u(Y, null, j(o.value, (_, y) => (r(), u("tr", {
+              (r(!0), u(Y, null, j(a.value, (_, y) => (r(), u("tr", {
                 key: y,
                 class: M(["nmorph-table__table-data-row", { "nmorph-table__table-data-row--row-hover": n.rowHover }])
               }, [
@@ -1724,16 +1724,16 @@ const gl = /* @__PURE__ */ O({
     row: {}
   },
   setup(t) {
-    const n = J("column-property"), e = J("table-identifier"), o = t, a = h(
+    const n = J("column-property"), e = J("table-identifier"), a = t, o = h(
       () => T({
         "nmorph-table-cell": []
       })
-    ), l = h(() => `#table-cell-${e}-${o.row}-${n}`), i = $(!1);
+    ), l = h(() => `#table-cell-${e}-${a.row}-${n}`), i = $(!1);
     return W(() => {
       i.value = !0;
     }), (s, d) => i.value ? (r(), u("div", {
       key: 0,
-      class: M(a.value)
+      class: M(o.value)
     }, [
       (r(), E(le, { to: l.value }, [
         S(s.$slots, "default")
@@ -1749,25 +1749,25 @@ const gl = /* @__PURE__ */ O({
     prop: {}
   },
   setup(t) {
-    const n = J("table-data"), e = J("table-identifier"), o = t, a = h(
+    const n = J("table-data"), e = J("table-identifier"), a = t, o = h(
       () => T({
         "nmorph-table-column": []
       })
     ), l = $(0);
-    X("column-property", o.prop), X("table-identifier", e), W(() => {
+    X("column-property", a.prop), X("table-identifier", e), W(() => {
       i();
     });
     const i = () => {
       if (!n?.columns.value)
         return;
       const { columns: d } = n;
-      l.value = d.value.length + 1, n.columns.value = [...d.value, { ...o, id: l.value }];
+      l.value = d.value.length + 1, n.columns.value = [...d.value, { ...a, id: l.value }];
     }, s = $(null);
     return (d, m) => (r(), u("div", {
       ref_key: "columnDOMEl",
       ref: s,
       "data-id": l.value,
-      class: M(a.value)
+      class: M(o.value)
     }, [
       S(d.$slots, "default", {
         scope: { columns: p(n)?.columns.value, rows: p(n)?.rows.value, tableId: p(e) }
@@ -1785,16 +1785,16 @@ const gl = /* @__PURE__ */ O({
   },
   emits: ["close"],
   setup(t, { emit: n }) {
-    const e = t, o = h(
+    const e = t, a = h(
       () => T({
         nmorph: [te[e.height]],
         "nmorph-tag": [`${e.transparent && "transparent"}`]
       })
-    ), a = n, l = () => {
-      a("close", e.value);
+    ), o = n, l = () => {
+      o("close", e.value);
     };
     return (i, s) => (r(), u("div", {
-      class: M(o.value)
+      class: M(a.value)
     }, [
       c("div", kl, [
         c("span", null, R(i.text), 1),
@@ -1824,12 +1824,12 @@ const xl = { class: "nmorph-alert__wrapper" }, Ml = {
   },
   emits: ["close"],
   setup(t, { emit: n }) {
-    const e = t, o = n, a = $(!1), l = h(
+    const e = t, a = n, o = $(!1), l = h(
       () => T({
-        "nmorph-alert": [e.color, `${a.value && "hide"}`]
+        "nmorph-alert": [e.color, `${o.value && "hide"}`]
       })
     ), i = () => {
-      a.value = !0, o("close");
+      o.value = !0, a("close");
     }, s = h(() => e.color), d = Ne();
     return (m, v) => p(d).default || e.title || e.content ? (r(), u("div", {
       key: 0,
@@ -1880,12 +1880,12 @@ const Sl = { class: "nmorph-dialog__header" }, Tl = { class: "nmorph-dialog__tit
   },
   emits: ["on-close", "update:modelValue"],
   setup(t, { emit: n }) {
-    const e = t, o = n, a = h(
+    const e = t, a = n, o = h(
       () => T({
         "nmorph-dialog": []
       })
     ), l = () => {
-      o("on-close"), o("update:modelValue", !e.modelValue);
+      a("on-close"), a("update:modelValue", !e.modelValue);
     };
     return (i, s) => (r(), E(p(ge), {
       show: e.modelValue,
@@ -1893,7 +1893,7 @@ const Sl = { class: "nmorph-dialog__header" }, Tl = { class: "nmorph-dialog__tit
     }, {
       default: A(() => [
         c("div", {
-          class: M(a.value)
+          class: M(o.value)
         }, [
           c("div", Sl, [
             S(i.$slots, "header", {}, () => [
@@ -1922,11 +1922,11 @@ const Sl = { class: "nmorph-dialog__header" }, Tl = { class: "nmorph-dialog__tit
 });
 var Ol = /* @__PURE__ */ ((t) => (t["contains-one"] = "contains-one", t["not-contains"] = "not-contains", t["full-eq"] = "full-eq", t))(Ol || {}), Nl = /* @__PURE__ */ ((t) => (t.eq = "eq", t.gte = "gte", t.lte = "lte", t.gt = "gt", t.lt = "lt", t))(Nl || {}), zl = /* @__PURE__ */ ((t) => (t.eq = "eq", t["not-eq"] = "not-eq", t))(zl || {});
 const Me = (t) => {
-  const { inputValue: n, rules: e } = t, o = $([]), a = h(() => o.value.length === 0), l = $(!1);
+  const { inputValue: n, rules: e } = t, a = $([]), o = h(() => a.value.length === 0), l = $(!1);
   return {
     touched: l,
-    valid: a,
-    errors: o,
+    valid: o,
+    errors: a,
     validate: () => {
       if (n === null || !e.length)
         return null;
@@ -1935,7 +1935,7 @@ const Me = (t) => {
         return console.warn("The input value and the provided rules do not match"), null;
       if (l.value || (l.value = !0), m) {
         const g = e;
-        o.value = g.reduce((_, y) => (s.match(y.pattern) || _.push(y.error), _), []);
+        a.value = g.reduce((_, y) => (s.match(y.pattern) || _.push(y.error), _), []);
       }
       if (v) {
         const g = (y, f, D) => {
@@ -1952,11 +1952,11 @@ const Me = (t) => {
               return y >= f;
           }
         }, _ = e;
-        o.value = _.reduce((y, f) => (g(s, f.compareValue, f.numberCompareType) && y.push(f.error), y), []);
+        a.value = _.reduce((y, f) => (g(s, f.compareValue, f.numberCompareType) && y.push(f.error), y), []);
       }
       if (x) {
         const g = e;
-        o.value = g.reduce((_, y) => {
+        a.value = g.reduce((_, y) => {
           let f = !1;
           const { compareValue: D, booleanCompareType: V } = y;
           return V === "not-eq" && (f = s === D), V === "eq" && (f = s !== D), f || _.push(y.error), _;
@@ -1976,12 +1976,12 @@ const Me = (t) => {
               return !y.some((B) => f.includes(B));
           }
         };
-        o.value = g.reduce((y, f) => (_(s, f.compareValue, f.arrayCompareType) || y.push(f.error), y), []);
+        a.value = g.reduce((y, f) => (_(s, f.compareValue, f.arrayCompareType) || y.push(f.error), y), []);
       }
     }
   };
 }, El = (t, n = !1) => {
-  const e = ae({}), o = ae(ke(t)), a = () => {
+  const e = oe({}), a = oe(ke(t)), o = () => {
     Object.entries(t).forEach(([s, d]) => {
       e[s] = Me({ inputValue: d.value, rules: d.rules }), e[s].validate();
     });
@@ -1990,31 +1990,31 @@ const Me = (t) => {
     return x !== b;
   });
   return q(t, (s) => {
-    l(o, s).forEach((m) => {
+    l(a, s).forEach((m) => {
       const v = s[m];
       e[m] = Me({ inputValue: v.value, rules: v.rules }), e[m].validate();
-    }), Object.assign(o, ke(s));
-  }, { deep: !0 }), n && a(), {
+    }), Object.assign(a, ke(s));
+  }, { deep: !0 }), n && o(), {
     fields: e
   };
 }, Pe = (t) => {
-  const { initialPlacement: n, relativeElement: e, contentDOMElement: o, yOffset: a = 0, xOffset: l = 0 } = t, i = $(n), s = $({ x: "0px", y: "0px" });
+  const { initialPlacement: n, relativeElement: e, contentDOMElement: a, yOffset: o = 0, xOffset: l = 0 } = t, i = $(n), s = $({ x: "0px", y: "0px" });
   W(() => {
     d();
   });
   const d = () => {
     Oe(() => {
-      if (!o.value || !e) {
+      if (!a.value || !e) {
         console.warn("There is no relative element or content DOM element");
         return;
       }
-      const m = o.value.getBoundingClientRect(), v = m.width, x = m.height, b = "value" in e ? e.value : e;
+      const m = a.value.getBoundingClientRect(), v = m.width, x = m.height, b = "value" in e ? e.value : e;
       if (!b) {
         console.warn("Relative element is not an HTMLElement");
         return;
       }
       const k = b.getBoundingClientRect(), { x: g, y: _ } = k, y = k.width, f = k.height, D = window.innerWidth, V = window.innerHeight;
-      i.value === "top" && _ - x < 0 && (i.value = "bottom"), i.value === "bottom" && _ + f + x > V && (i.value = "top"), i.value === "left" && g - v < 0 && (i.value = "right"), i.value === "right" && g + y + v > D && (i.value = "left"), i.value === "top" && (s.value = { x: `${g + l}px`, y: `${_ + a}px` }), i.value === "bottom" && (s.value = { x: `${g + l}px`, y: `${_ + f + a}px` }), i.value === "right" && (s.value = { x: `${g + l}px`, y: `${_ + a}px` }), i.value === "left" && (s.value = { x: `${g + y + l}px`, y: `${_ + a}px` });
+      i.value === "top" && _ - x < 0 && (i.value = "bottom"), i.value === "bottom" && _ + f + x > V && (i.value = "top"), i.value === "left" && g - v < 0 && (i.value = "right"), i.value === "right" && g + y + v > D && (i.value = "left"), i.value === "top" && (s.value = { x: `${g + l}px`, y: `${_ + o}px` }), i.value === "bottom" && (s.value = { x: `${g + l}px`, y: `${_ + f + o}px` }), i.value === "right" && (s.value = { x: `${g + l}px`, y: `${_ + o}px` }), i.value === "left" && (s.value = { x: `${g + y + l}px`, y: `${_ + o}px` });
     });
   };
   return { placement: i, placementCoords: s };
@@ -2032,33 +2032,40 @@ const Me = (t) => {
   { name: "--nmorph-white-color", color: "#ffffff" },
   { name: "--nmorph-black-color", color: "#000000" },
   { name: "--nmorph-overlay-color", color: "#00000080" }
-], Rl = [
-  { name: "--nmorph-dark-shade-color", color: "#c8c9ca" },
-  { name: "--nmorph-main-color", color: "#eaf2f9" },
-  { name: "--nmorph-light-shade-color", color: "#ffffff" },
-  { name: "--nmorph-text-color", color: "#687b9e" },
-  { name: "--nmorph-accent-color", color: "#7f95be" }
-], Il = [
-  { name: "--nmorph-dark-shade-color", color: "#131414" },
-  { name: "--nmorph-main-color", color: "#1c1f21" },
-  { name: "--nmorph-light-shade-color", color: "#25292b" },
-  { name: "--nmorph-text-color", color: "#778288" },
-  { name: "--nmorph-accent-color", color: "#006cb6" }
-], oe = "nmorph-data-theme", Pl = "dark", Ll = { defaultTheme: Pl, saveCurrentThemeToLS: !0 }, Fl = (t) => /^#[0-9A-Fa-f]{6}$/.test(t), Wl = (t) => {
+], Rl = {
+  darkShade: "#c8c9ca",
+  main: "#eaf2f9",
+  lightShade: "#ffffff",
+  text: "#687b9e",
+  accent: "#7f95be"
+}, Il = {
+  darkShade: "#131414",
+  main: "#1c1f21",
+  lightShade: "#25292b",
+  text: "#778288",
+  accent: "#006cb6"
+}, ae = "nmorph-data-theme", Pl = "dark", Ll = {
+  themes: {
+    light: Rl,
+    dark: Il
+  },
+  defaultTheme: Pl,
+  saveCurrentThemeToLS: !0
+}, Fl = (t) => /^#[0-9A-Fa-f]{6}$/.test(t), Wl = (t) => {
   if (!Fl(t))
     throw new Error(`Invalid hex color: ${t}`);
   return t;
 }, Yl = (t, n) => {
   const e = {};
-  return t.forEach(({ name: o, color: a }) => {
-    e[o] = a;
-  }), n.forEach(({ name: o, color: a }) => {
-    e[o] = a;
-  }), Object.entries(e).map(([o, a]) => ({ name: o, color: a }));
+  return t.forEach(({ name: a, color: o }) => {
+    e[a] = o;
+  }), n.forEach(({ name: a, color: o }) => {
+    e[a] = o;
+  }), Object.entries(e).map(([a, o]) => ({ name: a, color: o }));
 }, Ce = (t, n) => {
-  let e = parseInt(t.substring(1, 3), 16), o = parseInt(t.substring(3, 5), 16), a = parseInt(t.substring(5, 7), 16);
-  e = Math.round(e * (1 + n / 100)), o = Math.round(o * (1 + n / 100)), a = Math.round(a * (1 + n / 100)), e = Math.min(255, Math.max(0, e)), o = Math.min(255, Math.max(0, o)), a = Math.min(255, Math.max(0, a));
-  const l = e.toString(16).padStart(2, "0"), i = o.toString(16).padStart(2, "0"), s = a.toString(16).padStart(2, "0");
+  let e = parseInt(t.substring(1, 3), 16), a = parseInt(t.substring(3, 5), 16), o = parseInt(t.substring(5, 7), 16);
+  e = Math.round(e * (1 + n / 100)), a = Math.round(a * (1 + n / 100)), o = Math.round(o * (1 + n / 100)), e = Math.min(255, Math.max(0, e)), a = Math.min(255, Math.max(0, a)), o = Math.min(255, Math.max(0, o));
+  const l = e.toString(16).padStart(2, "0"), i = a.toString(16).padStart(2, "0"), s = o.toString(16).padStart(2, "0");
   return `#${l}${i}${s}`;
 }, di = (t) => {
   const n = { ...Ll, ...t }, e = (b) => {
@@ -2071,17 +2078,17 @@ const Me = (t) => {
     } catch (k) {
       console.error(k.message);
     }
-  }, o = (b) => Object.entries(b).map(([k, g]) => ({
+  }, a = (b) => Object.entries(b).map(([k, g]) => ({
     name: `--nmorph-${nt(k)}-color`,
     color: g
-  })), a = (b) => {
+  })), o = (b) => {
     const k = (_) => _.map((y) => `${y.name}: ${y.color};`).join(" "), g = [];
     return Object.entries(b).forEach(([_, y]) => {
       if (_ === "common")
         g.push(k(Yl(Al, y)));
       else {
         const f = `
-          &[${oe}='${_}'] {
+          &[${ae}='${_}'] {
             ${k(y)}
           }
         `;
@@ -2092,20 +2099,17 @@ const Me = (t) => {
         ${g.join(" ")}
       }
     `;
-  }, l = {
-    light: Rl,
-    dark: Il
-  };
+  }, l = {};
   Object.entries(n.themes).forEach(([b, k]) => {
     const g = !!k.darkShade, _ = !!k.lightShade;
-    !!k.main && !g && !_ && (l[b] = e(k.main)), l[b] = [...l[b], ...o(k)];
+    !!k.main && !g && !_ && (l[b] = e(k.main)), l[b] = a(k);
   });
   const i = document.createElement("style");
-  i.type = "text/css", i.innerHTML = a(l), document.head.appendChild(i);
+  i.type = "text/css", i.innerHTML = o(l), document.head.appendChild(i);
   const s = (b) => {
-    d.value = b, m.setAttribute(oe, d.value), n.saveCurrentThemeToLS ? localStorage.setItem(oe, b) : localStorage.removeItem(oe);
-  }, d = $(n.defaultTheme), m = document.querySelector("html"), v = localStorage.getItem(oe), x = l[v];
-  return n.saveCurrentThemeToLS && x && (d.value = localStorage.getItem(oe)), s(d.value), {
+    d.value = b, m.setAttribute(ae, d.value), n.saveCurrentThemeToLS ? localStorage.setItem(ae, b) : localStorage.removeItem(ae);
+  }, d = $(n.defaultTheme), m = document.querySelector("html"), v = localStorage.getItem(ae), x = l[v];
+  return n.saveCurrentThemeToLS && x && (d.value = localStorage.getItem(ae)), s(d.value), {
     setTheme: s,
     currentTheme: qe(d)
   };
@@ -2124,10 +2128,10 @@ const Me = (t) => {
     Q((v) => ({
       "042206ed": m.value
     }));
-    const n = t, e = $(n.forceShow), o = $(null), a = $(null), { placement: l } = Pe({
+    const n = t, e = $(n.forceShow), a = $(null), o = $(null), { placement: l } = Pe({
       initialPlacement: "top",
-      contentDOMElement: o,
-      relativeElement: a
+      contentDOMElement: a,
+      relativeElement: o
     }), i = h(
       () => T({
         "nmorph-tooltip": [l.value]
@@ -2142,14 +2146,14 @@ const Me = (t) => {
     }, [
       c("div", {
         ref_key: "tooltipDOMRef",
-        ref: o,
+        ref: a,
         class: "nmorph-tooltip__content",
         onMouseenter: s,
         onMouseleave: d
       }, [
         c("div", {
           ref_key: "slotDOMRef",
-          ref: a
+          ref: o
         }, [
           S(v.$slots, "default")
         ], 512),
@@ -2196,10 +2200,10 @@ const Ql = {
 }, Zl = { class: "nmorph-checkbox__input-wrapper" }, es = ["disabled", "checked"], ts = /* @__PURE__ */ c("div", { class: "nmorph-checkbox__fake" }, null, -1), ns = {
   key: 0,
   class: "nmorph-checkbox__fake-checked"
-}, os = {
+}, as = {
   key: 0,
   class: "nmorph-checkbox__label"
-}, as = {
+}, os = {
   key: 1,
   class: "nmorph-checkbox__label"
 }, ls = {
@@ -2222,33 +2226,33 @@ const Ql = {
   },
   emits: ["inputDOMRef", "update:modelValue"],
   setup(t, { emit: n }) {
-    const e = J("checkbox-group-selected-value"), o = J("change-checkbox-value-handler"), a = t;
+    const e = J("checkbox-group-selected-value"), a = J("change-checkbox-value-handler"), o = t;
     W(() => {
       m("inputDOMRef", l);
     });
-    const l = $(null), i = e !== void 0, s = i ? $(e.value) : $(a.modelValue), d = h(() => i ? e.value.includes(a.id) : a.modelValue), m = n, v = () => {
-      if (!a.disabled) {
+    const l = $(null), i = e !== void 0, s = i ? $(e.value) : $(o.modelValue), d = h(() => i ? e.value.includes(o.id) : o.modelValue), m = n, v = () => {
+      if (!o.disabled) {
         if (!i) {
           s.value = !s.value, m("update:modelValue", s.value);
           return;
         }
-        o && Array.isArray(s.value) && o(a.id, s.value);
+        a && Array.isArray(s.value) && a(o.id, s.value);
       }
     }, x = h(
       () => T({
-        "nmorph-checkbox": [`${d.value && "checked"}`, `${a.disabled && "disabled"}`, a.styleType]
+        "nmorph-checkbox": [`${d.value && "checked"}`, `${o.disabled && "disabled"}`, o.styleType]
       })
     );
     return (b, k) => (r(), u("label", {
       class: M(x.value)
     }, [
-      a.styleType === "checkbox-style" ? (r(), u("div", Ql, [
+      o.styleType === "checkbox-style" ? (r(), u("div", Ql, [
         c("div", Zl, [
           c("input", {
             ref_key: "inputDOMRef",
             ref: l,
             type: "checkbox",
-            disabled: a.disabled,
+            disabled: o.disabled,
             checked: d.value,
             onChange: v,
             class: "nmorph-native-input"
@@ -2256,23 +2260,23 @@ const Ql = {
           ts,
           d.value ? (r(), u("div", ns)) : N("", !0)
         ]),
-        a.label ? (r(), u("div", os, [
-          c("span", null, R(a.label), 1)
-        ])) : (r(), u("div", as, [
+        o.label ? (r(), u("div", as, [
+          c("span", null, R(o.label), 1)
+        ])) : (r(), u("div", os, [
           S(b.$slots, "default")
         ]))
       ])) : N("", !0),
-      a.styleType === "button-style" ? (r(), u("div", ls, [
+      o.styleType === "button-style" ? (r(), u("div", ls, [
         c("input", {
           ref_key: "inputDOMRef",
           ref: l,
           type: "checkbox",
-          disabled: a.disabled,
+          disabled: o.disabled,
           checked: d.value,
           onChange: v
         }, null, 40, ss),
-        a.label ? (r(), u("div", rs, [
-          c("span", null, R(a.label), 1)
+        o.label ? (r(), u("div", rs, [
+          c("span", null, R(o.label), 1)
         ])) : (r(), u("div", is, [
           S(b.$slots, "label")
         ]))
@@ -2294,14 +2298,14 @@ const ds = { class: "nmorph-checkbox-group__wrapper" }, ps = { class: "nmorph-ch
   },
   emits: ["update:modelValue"],
   setup(t, { emit: n }) {
-    const e = t, o = $(e.modelValue), a = n, l = (s) => {
-      o.value.includes(s) ? o.value = o.value.filter((d) => d !== s) : o.value.push(s), a("update:modelValue", o.value);
+    const e = t, a = $(e.modelValue), o = n, l = (s) => {
+      a.value.includes(s) ? a.value = a.value.filter((d) => d !== s) : a.value.push(s), o("update:modelValue", a.value);
     }, i = h(
       () => T({
         "nmorph-checkbox-group": [e.styleType, e.direction]
       })
     );
-    return X("checkbox-group-selected-value", o), X("change-checkbox-value-handler", l), (s, d) => (r(), u("div", {
+    return X("checkbox-group-selected-value", a), X("change-checkbox-value-handler", l), (s, d) => (r(), u("div", {
       class: M(i.value)
     }, [
       c("div", ds, [
@@ -2340,26 +2344,26 @@ const hs = { class: "nmorph-autocomplete__input-content" }, _s = {
   },
   emits: ["update:modelValue", "select"],
   setup(t, { emit: n }) {
-    const e = t, o = $(e.modelValue), a = n, l = h(
+    const e = t, a = $(e.modelValue), o = n, l = h(
       () => T({
         "nmorph-autocomplete": []
       })
     ), i = (g) => {
-      o.value = g, a("update:modelValue", o.value);
+      a.value = g, o("update:modelValue", a.value);
     }, s = $(!1), d = $(null), m = () => {
       s.value = !1;
-    }, v = h(() => e.list.filter((g) => Object.keys(g).some((_) => String(g[_]).toLowerCase().includes(o.value.toLowerCase()))));
+    }, v = h(() => e.list.filter((g) => Object.keys(g).some((_) => String(g[_]).toLowerCase().includes(a.value.toLowerCase()))));
     q(v, (g) => {
       s.value = g.length > 0;
     });
     const x = (g) => {
-      a("select", g), o.value = g.value, setTimeout(() => {
+      o("select", g), a.value = g.value, setTimeout(() => {
         s.value = !1;
       });
     }, b = () => {
       s.value = v.value.length > 0;
     }, k = $(!1);
-    return q(o, async (g) => {
+    return q(a, async (g) => {
       g !== "" && e.actionCallback && (k.value = !0, await e.actionCallback(), k.value = !1);
     }), q(k, (g) => {
       g && (s.value = !0);
@@ -2376,7 +2380,7 @@ const hs = { class: "nmorph-autocomplete__input-content" }, _s = {
             fill: e.fill,
             height: e.height,
             disabled: e.disabled,
-            "model-value": o.value,
+            "model-value": a.value,
             placeholder: e.placeholder,
             clearable: e.clearable,
             onFocus: b,
@@ -2419,13 +2423,13 @@ const Ve = /* @__PURE__ */ O({
   __name: "NmorphClearButton",
   emits: ["clear"],
   setup(t, { emit: n }) {
-    const e = n, o = h(
+    const e = n, a = h(
       () => T({
         "nmorph-input-clear-button": []
       })
     );
-    return (a, l) => (r(), u("div", {
-      class: M(o.value)
+    return (o, l) => (r(), u("div", {
+      class: M(a.value)
     }, [
       w(p(z), {
         name: "error",
@@ -2455,7 +2459,7 @@ const Ve = /* @__PURE__ */ O({
   },
   emits: ["update:modelValue"],
   setup(t, { emit: n }) {
-    const e = t, o = $(e.initialStartDate), a = $(
+    const e = t, a = $(e.initialStartDate), o = $(
       e.initialEndDate ?? new Date(new Date(e.initialStartDate).setMonth(e.initialStartDate.getMonth() + 1))
     ), l = $(e.modelValue), i = n, s = h(
       () => T({
@@ -2530,7 +2534,7 @@ const Ve = /* @__PURE__ */ O({
             default: A(() => [
               w(p(he), {
                 "selected-values": l.value,
-                "initial-date": o.value,
+                "initial-date": a.value,
                 type: V.type,
                 onUpdateSelectedValue: _
               }, null, 8, ["selected-values", "initial-date", "type"])
@@ -2575,14 +2579,14 @@ const Ve = /* @__PURE__ */ O({
             default: A(() => [
               w(p(he), {
                 "selected-values": l.value,
-                "initial-date": o.value,
+                "initial-date": a.value,
                 type: V.type,
                 onUpdateSelectedValue: f
               }, null, 8, ["selected-values", "initial-date", "type"]),
               w(p(Ur), { direction: "vertical" }),
               w(p(he), {
                 "selected-values": l.value,
-                "initial-date": a.value,
+                "initial-date": o.value,
                 type: V.type,
                 onUpdateSelectedValue: D
               }, null, 8, ["selected-values", "initial-date", "type"])
@@ -2606,14 +2610,14 @@ const Ts = { class: "nmorph-year-month-picker__header" }, Hs = { class: "nmorph-
     const e = Re.map((y, f) => ({
       label: y.substring(0, 3),
       value: String(f)
-    })), o = t, a = $(e), l = $(String(o.currentDate.getMonth())), i = $(o.currentDate.getFullYear()), s = () => {
-      const y = o.currentDate.getFullYear(), f = Ma(y).map((D) => ({ label: String(D), value: String(D) }));
-      a.value = f;
+    })), a = t, o = $(e), l = $(String(a.currentDate.getMonth())), i = $(a.currentDate.getFullYear()), s = () => {
+      const y = a.currentDate.getFullYear(), f = Mo(y).map((D) => ({ label: String(D), value: String(D) }));
+      o.value = f;
     };
     q(
-      () => o.currentDate,
+      () => a.currentDate,
       () => {
-        o.type === "year" && (s(), l.value = String(o.currentDate.getFullYear()));
+        a.type === "year" && (s(), l.value = String(a.currentDate.getFullYear()));
       },
       {
         immediate: !0,
@@ -2625,9 +2629,9 @@ const Ts = { class: "nmorph-year-month-picker__header" }, Hs = { class: "nmorph-
         "nmorph-year-month-picker": []
       })
     ), v = (y) => {
-      l.value = y, o.type === "month" ? d("update-month", l.value) : d("update-year", l.value);
+      l.value = y, a.type === "month" ? d("update-month", l.value) : d("update-year", l.value);
     }, x = (y) => {
-      a.value = a.value.map((f) => {
+      o.value = o.value.map((f) => {
         const D = String(y === "decrease" ? Number(f.value) - 10 : Number(f.value) + 10);
         return {
           label: D,
@@ -2637,9 +2641,9 @@ const Ts = { class: "nmorph-year-month-picker__header" }, Hs = { class: "nmorph-
     }, b = (y) => {
       y === "decrease" ? i.value = i.value - 1 : i.value = i.value + 1, d("update-year", String(i.value));
     }, k = (y) => {
-      y === "decrease" ? o.type === "year" ? x("decrease") : b("decrease") : o.type === "year" ? x("increase") : b("increase");
-    }, g = h(() => o.type === "year" ? `${a.value[0].label} - ${a.value[a.value.length - 1].label}` : String(i.value)), _ = () => {
-      o.type === "month" && d("back-to-years");
+      y === "decrease" ? a.type === "year" ? x("decrease") : b("decrease") : a.type === "year" ? x("increase") : b("increase");
+    }, g = h(() => a.type === "year" ? `${o.value[0].label} - ${o.value[o.value.length - 1].label}` : String(i.value)), _ = () => {
+      a.type === "month" && d("back-to-years");
     };
     return (y, f) => (r(), u("div", {
       class: M(m.value)
@@ -2682,7 +2686,7 @@ const Ts = { class: "nmorph-year-month-picker__header" }, Hs = { class: "nmorph-
       c("div", Os, [
         w(p(Fe), {
           "model-value": l.value,
-          options: a.value,
+          options: o.value,
           fill: "",
           "onUpdate:modelValue": v
         }, null, 8, ["model-value", "options"])
@@ -2699,7 +2703,7 @@ const he = /* @__PURE__ */ O({
   },
   emits: ["update-selected-value"],
   setup(t, { emit: n }) {
-    const e = t, o = n, a = h(
+    const e = t, a = n, o = h(
       () => T({
         "nmorph-date-picker-content": []
       })
@@ -2724,12 +2728,12 @@ const he = /* @__PURE__ */ O({
     }, V = () => {
       i.value = "year";
     }, H = (B) => {
-      o("update-selected-value", B);
+      a("update-selected-value", B);
     };
     return (B, C) => (r(), u("div", {
-      class: M(a.value)
+      class: M(o.value)
     }, [
-      i.value === "calendar" ? (r(), E(p(xa), {
+      i.value === "calendar" ? (r(), E(p(xo), {
         key: 0,
         type: e.type,
         "selected-values": e.selectedValues,
@@ -2772,19 +2776,19 @@ const he = /* @__PURE__ */ O({
   },
   emits: ["prev-month", "next-month", "prev-year", "next-year", "change-year", "change-month"],
   setup(t, { emit: n }) {
-    const e = t, o = n, a = h(
+    const e = t, a = n, o = h(
       () => T({
         "nmorph-date-picker-header": []
       })
     );
     return (l, i) => (r(), u("div", {
-      class: M(a.value)
+      class: M(o.value)
     }, [
       c("div", Ns, [
         w(p(F), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
-          onClick: i[0] || (i[0] = (s) => o("prev-year"))
+          onClick: i[0] || (i[0] = (s) => a("prev-year"))
         }, {
           default: A(() => [
             w(p(z), {
@@ -2797,7 +2801,7 @@ const he = /* @__PURE__ */ O({
         w(p(F), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
-          onClick: i[1] || (i[1] = (s) => o("prev-month"))
+          onClick: i[1] || (i[1] = (s) => a("prev-month"))
         }, {
           default: A(() => [
             w(p(z), {
@@ -2813,20 +2817,20 @@ const he = /* @__PURE__ */ O({
           text: String(e.date.getFullYear()),
           "style-type": "transparent",
           fill: "",
-          onClick: i[2] || (i[2] = (s) => o("change-year"))
+          onClick: i[2] || (i[2] = (s) => a("change-year"))
         }, null, 8, ["text"]),
         w(p(F), {
           text: p(Ie)(e.date.getMonth()),
           "style-type": "transparent",
           fill: "",
-          onClick: i[3] || (i[3] = (s) => o("change-month"))
+          onClick: i[3] || (i[3] = (s) => a("change-month"))
         }, null, 8, ["text"])
       ]),
       c("div", Es, [
         w(p(F), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
-          onClick: i[4] || (i[4] = (s) => o("next-month"))
+          onClick: i[4] || (i[4] = (s) => a("next-month"))
         }, {
           default: A(() => [
             w(p(z), {
@@ -2839,7 +2843,7 @@ const he = /* @__PURE__ */ O({
         w(p(F), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
-          onClick: i[5] || (i[5] = (s) => o("next-year"))
+          onClick: i[5] || (i[5] = (s) => a("next-year"))
         }, {
           default: A(() => [
             w(p(z), {
@@ -2865,19 +2869,19 @@ const Rs = { class: "nmorph-file-upload__trigger" }, Is = ["multiple"], Ps = { c
   },
   emits: ["inputDOMRef", "update:modelValue", "on-unsupported-file-type-error"],
   setup(t, { emit: n }) {
-    const e = t, o = (k) => k.split("/")[1], a = (k) => {
-      const g = o(k);
+    const e = t, a = (k) => k.split("/")[1], o = (k) => {
+      const g = a(k);
       let _ = "doc";
       return g in me && (_ = "image"), g in fe && (_ = "audio"), g in ve && (_ = "video"), g in ye && (_ = "archive"), _;
     };
-    let l = ae(e.modelValue);
+    let l = oe(e.modelValue);
     const i = $(null), s = () => {
       i.value && i.value.click();
     }, d = (k) => {
       const g = k.target;
       if (g.files) {
         if (Array.from(g.files).forEach((_) => {
-          const y = o(_.type);
+          const y = a(_.type);
           if (!e.allowedTypes.includes(y))
             return x("on-unsupported-file-type-error", _.type);
           const f = URL.createObjectURL(_), D = { data: _, previewUrl: f };
@@ -2934,10 +2938,10 @@ const Rs = { class: "nmorph-file-upload__trigger" }, Is = ["multiple"], Ps = { c
               key: _.name,
               class: "nmorph-file-upload__file"
             }, [
-              w(p(Ga), { src: y }, null, 8, ["src"]),
+              w(p(Go), { src: y }, null, 8, ["src"]),
               c("div", Ls, [
                 w(p(z), {
-                  name: a(_.type),
+                  name: o(_.type),
                   width: "14px",
                   height: "17px"
                 }, null, 8, ["name"]),
@@ -2978,15 +2982,15 @@ const vi = {
   },
   emits: ["formValidator"],
   setup(t, { emit: n }) {
-    const e = t, o = h(
+    const e = t, a = h(
       () => T({
         "nmorph-form": []
       })
-    ), a = El(e.value, e.validateImmediately), l = n;
+    ), o = El(e.value, e.validateImmediately), l = n;
     return W(() => {
-      l("formValidator", a);
-    }), X("form-data", a), (i, s) => (r(), u("form", {
-      class: M(o.value)
+      l("formValidator", o);
+    }), X("form-data", o), (i, s) => (r(), u("form", {
+      class: M(a.value)
     }, [
       c("div", Ys, [
         S(i.$slots, "default")
@@ -3001,14 +3005,14 @@ const vi = {
     staticHeight: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const n = t, e = h(() => (Array.isArray(n.errors) ? n.errors : n.errors.value).reverse()), o = h(
+    const n = t, e = h(() => (Array.isArray(n.errors) ? n.errors : n.errors.value).reverse()), a = h(
       () => T({
         nmorph: [te[n.height]],
         "nmorph-error-box": [`${n.staticHeight && "static-height"}`, `${e.value.length === 0 && "empty"}`]
       })
     );
-    return (a, l) => (r(), u("div", {
-      class: M(o.value)
+    return (o, l) => (r(), u("div", {
+      class: M(a.value)
     }, [
       w(de, {
         name: "list",
@@ -3032,21 +3036,21 @@ const _e = "18px", Us = /* @__PURE__ */ O({
     show: { type: [Boolean, Object], default: !0 }
   },
   setup(t) {
-    Q((a) => ({
+    Q((o) => ({
       bd9433c4: _e
     }));
     const n = t, e = h(
       () => T({
         "nmorph-validation-icon": [n.valid ? "valid" : "invalid"]
       })
-    ), o = h(() => n.valid ? "success" : "error");
-    return (a, l) => (r(), u("div", {
+    ), a = h(() => n.valid ? "success" : "error");
+    return (o, l) => (r(), u("div", {
       class: M(e.value)
     }, [
-      a.show ? (r(), E(p(z), {
+      o.show ? (r(), E(p(z), {
         key: 0,
         class: "nmorph-validation-icon__content",
-        name: o.value,
+        name: a.value,
         width: _e,
         height: _e
       }, null, 8, ["name"])) : N("", !0)
@@ -3064,13 +3068,13 @@ const qs = { key: 0 }, Gs = { class: "nmorph-form-item__content" }, yi = /* @__P
     validate: { type: Boolean, default: !0 }
   },
   setup(t) {
-    const n = t, e = J("form-data"), o = h(() => e?.fields[n.id]), a = h(() => n.validate && o.value), l = h(
-      () => !!a.value && !!o?.value?.touched && n.showValidationIcon
-    ), i = h(() => a.value && o.value?.touched), s = h(
+    const n = t, e = J("form-data"), a = h(() => e?.fields[n.id]), o = h(() => n.validate && a.value), l = h(
+      () => !!o.value && !!a?.value?.touched && n.showValidationIcon
+    ), i = h(() => o.value && a.value?.touched), s = h(
       () => T({
         "nmorph-form-item": [
           `${n.label && "labeled"}`,
-          `${i.value && (o.value?.valid ? "valid" : "invalid")}`
+          `${i.value && (a.value?.valid ? "valid" : "invalid")}`
         ]
       })
     );
@@ -3081,12 +3085,12 @@ const qs = { key: 0 }, Gs = { class: "nmorph-form-item__content" }, yi = /* @__P
       c("div", Gs, [
         S(d.$slots, "default"),
         w(p(Us), {
-          valid: !!o.value?.valid,
+          valid: !!a.value?.valid,
           show: l.value
         }, null, 8, ["valid", "show"])
       ]),
       w(p(js), {
-        errors: o.value?.errors,
+        errors: a.value?.errors,
         height: n.height,
         "static-height": d.staticErrorBoxSpace
       }, null, 8, ["errors", "height", "static-height"])
@@ -3119,7 +3123,7 @@ const Xs = { class: "nmorph-number-input__content" }, Js = { class: "nmorph-numb
     Q((_) => ({
       f154b2b0: m.value
     }));
-    const e = t, o = h(
+    const e = t, a = h(
       () => T({
         nmorph: [te[e.height], `${e.fill && "fill"}`],
         "nmorph-number-input": [
@@ -3127,11 +3131,11 @@ const Xs = { class: "nmorph-number-input__content" }, Js = { class: "nmorph-numb
           `${e.actionBtnPositionRight && "action-btn-position-right"}`
         ]
       })
-    ), a = $(e.modelValue), l = () => {
-      a.value += e.step;
+    ), o = $(e.modelValue), l = () => {
+      o.value += e.step;
     }, i = () => {
-      a.value -= e.step;
-    }, s = h(() => a.value <= e.min), d = h(() => a.value >= e.max), m = h(() => e.height === "thick" ? "16px" : "12px"), v = {
+      o.value -= e.step;
+    }, s = h(() => o.value <= e.min), d = h(() => o.value >= e.max), m = h(() => e.height === "thick" ? "16px" : "12px"), v = {
       thick: {
         default: "12px",
         right: "8px"
@@ -3150,16 +3154,16 @@ const Xs = { class: "nmorph-number-input__content" }, Js = { class: "nmorph-numb
     }), b = n, k = (_) => {
       const y = _.target;
       let f = Number(y.value);
-      a.value = f;
+      o.value = f;
     };
-    q(a, (_) => {
-      _ > e.max && (a.value = e.max, g.value?.blur()), a.value < e.min && (a.value = e.min, g.value?.blur()), b("update:modelValue", _);
+    q(o, (_) => {
+      _ > e.max && (o.value = e.max, g.value?.blur()), o.value < e.min && (o.value = e.min, g.value?.blur()), b("update:modelValue", _);
     }), W(() => {
       b("inputDOMRef", g);
     });
     const g = $(null);
     return (_, y) => (r(), u("div", {
-      class: M(o.value)
+      class: M(a.value)
     }, [
       c("div", Xs, [
         c("div", Js, [
@@ -3184,7 +3188,7 @@ const Xs = { class: "nmorph-number-input__content" }, Js = { class: "nmorph-numb
             ref_key: "inputDOMRef",
             ref: g,
             class: "nmorph-native-input",
-            value: a.value,
+            value: o.value,
             type: "number",
             min: e.min,
             max: e.max,
@@ -3245,7 +3249,7 @@ const Xs = { class: "nmorph-number-input__content" }, Js = { class: "nmorph-numb
     ], 2));
   }
 });
-const or = { class: "nmorph-select__content" }, ar = {
+const ar = { class: "nmorph-select__content" }, or = {
   key: 0,
   class: "nmorph-select__selected-value"
 }, lr = {
@@ -3270,15 +3274,15 @@ const or = { class: "nmorph-select__content" }, ar = {
   },
   emits: ["update:modelValue"],
   setup(t, { emit: n }) {
-    const e = t, o = n, a = $(e.modelValue), l = $(e.open), i = $(null), s = $(null), d = $(!0), m = (f) => {
+    const e = t, a = n, o = $(e.modelValue), l = $(e.open), i = $(null), s = $(null), d = $(!0), m = (f) => {
       if (!e.disabled) {
-        if (l.value = !1, typeof a.value == "string" && (!e.valueRequired && a.value === f ? a.value = "" : a.value = f, o("update:modelValue", a.value)), Array.isArray(a.value)) {
-          const D = a.value.includes(f), V = a.value.length === 1 && D;
+        if (l.value = !1, typeof o.value == "string" && (!e.valueRequired && o.value === f ? o.value = "" : o.value = f, a("update:modelValue", o.value)), Array.isArray(o.value)) {
+          const D = o.value.includes(f), V = o.value.length === 1 && D;
           if (e.valueRequired && V)
             return;
-          D ? a.value = a.value.filter((H) => H !== f) : a.value = [...a.value, f];
+          D ? o.value = o.value.filter((H) => H !== f) : o.value = [...o.value, f];
         }
-        o("update:modelValue", a.value);
+        a("update:modelValue", o.value);
       }
     }, v = h(
       () => T({
@@ -3305,21 +3309,21 @@ const or = { class: "nmorph-select__content" }, ar = {
     }), pe(() => {
       document.removeEventListener("click", b);
     });
-    const k = h(() => typeof a.value == "string" ? a.value === "" ? e.noElementPlaceholder : e.options.find((f) => f.value === a.value)?.label : a.value), g = h(() => e.options.length > 0 ? e.options : e.optionsMap), _ = h(() => g.value.length > 0 ? g.value.filter((D) => a.value.includes(D.value)).map((D) => ({ text: D.label, value: D.value })) : Array.isArray(a.value) ? a.value.map((D) => ({ text: D, value: D })) : [{ text: a.value, value: a.value }]);
-    X("select-selected-value", a), X("select-change-selected-value", m);
+    const k = h(() => typeof o.value == "string" ? o.value === "" ? e.noElementPlaceholder : e.options.find((f) => f.value === o.value)?.label : o.value), g = h(() => e.options.length > 0 ? e.options : e.optionsMap), _ = h(() => g.value.length > 0 ? g.value.filter((D) => o.value.includes(D.value)).map((D) => ({ text: D.label, value: D.value })) : Array.isArray(o.value) ? o.value.map((D) => ({ text: D, value: D })) : [{ text: o.value, value: o.value }]);
+    X("select-selected-value", o), X("select-change-selected-value", m);
     const y = $(null);
     return (f, D) => (r(), u("div", {
       class: M(v.value)
     }, [
-      c("div", or, [
+      c("div", ar, [
         c("div", {
           ref_key: "nmorphSelectDOMRef",
           ref: y,
           class: "nmorph-select__selected-values-line",
           onClick: ne(x, ["stop"])
         }, [
-          typeof a.value == "string" ? (r(), u("div", ar, R(k.value), 1)) : N("", !0),
-          a.value.length <= 0 ? (r(), u("div", lr, R(e.noElementPlaceholder), 1)) : (r(), u("div", sr, [
+          typeof o.value == "string" ? (r(), u("div", or, R(k.value), 1)) : N("", !0),
+          o.value.length <= 0 ? (r(), u("div", lr, R(e.noElementPlaceholder), 1)) : (r(), u("div", sr, [
             (r(!0), u(Y, null, j(_.value, (V) => (r(), E(p(wl), $e({
               key: V.value,
               ref_for: !0
@@ -3372,14 +3376,14 @@ const rr = { class: "nmorph-select-option__content" }, ir = /* @__PURE__ */ O({
   },
   emits: ["change-value"],
   setup(t, { emit: n }) {
-    const e = J("select-selected-value"), o = J("select-change-selected-value"), a = t, l = n, i = () => {
-      a.disabled || (l("change-value", a.value), o && o(a.value));
-    }, s = h(() => typeof e?.value == "string" ? e.value === a.value : Array.isArray(e?.value) ? e.value.some((m) => m === a.value) : !1), d = h(
+    const e = J("select-selected-value"), a = J("select-change-selected-value"), o = t, l = n, i = () => {
+      o.disabled || (l("change-value", o.value), a && a(o.value));
+    }, s = h(() => typeof e?.value == "string" ? e.value === o.value : Array.isArray(e?.value) ? e.value.some((m) => m === o.value) : !1), d = h(
       () => T({
-        nmorph: [te[a.height]],
+        nmorph: [te[o.height]],
         "nmorph-select-option": [
-          `${a.disabled && "disabled"}`,
-          `${a.label && "with-label"}`,
+          `${o.disabled && "disabled"}`,
+          `${o.label && "with-label"}`,
           `${s.value && "checked"}`
         ]
       })
@@ -3389,7 +3393,7 @@ const rr = { class: "nmorph-select-option__content" }, ir = /* @__PURE__ */ O({
       onClick: i
     }, [
       c("div", rr, [
-        c("span", null, R(a.label), 1),
+        c("span", null, R(o.label), 1),
         S(m.$slots, "default")
       ]),
       s.value ? (r(), E(p(z), {
@@ -3414,14 +3418,14 @@ const cr = { class: "nmorph-slider__content" }, ur = { class: "nmorph-slider__in
   emits: ["update:modelValue"],
   setup(t, { emit: n }) {
     Q((V) => ({
-      a08b3702: a
+      a08b3702: o
     }));
-    const e = t, o = h(
+    const e = t, a = h(
       () => T({
         nmorph: [`${e.fill && "fill"}`],
         "nmorph-slider": [`${e.disabled && "disabled"}`]
       })
-    ), a = `${Be}px`, l = $(e.showTooltip), i = n, s = $(e.modelValue), d = $(null);
+    ), o = `${Be}px`, l = $(e.showTooltip), i = n, s = $(e.modelValue), d = $(null);
     q(s, () => {
       i("update:modelValue", s.value);
     });
@@ -3459,7 +3463,7 @@ const cr = { class: "nmorph-slider__content" }, ur = { class: "nmorph-slider__in
       e.showTooltip && (l.value = !1);
     };
     return (V, H) => (r(), u("div", {
-      class: M(o.value)
+      class: M(a.value)
     }, [
       c("div", cr, [
         c("div", ur, [
@@ -3502,7 +3506,7 @@ const dr = ["value", "disabled"], pr = { class: "nmorph-switch-thumb" }, ki = /*
   },
   emits: ["inputDOMRef", "update:modelValue"],
   setup(t, { emit: n }) {
-    const e = t, o = h(
+    const e = t, a = h(
       () => T({
         "nmorph-switch": [
           `${e.disabled && "disabled"}`,
@@ -3510,22 +3514,22 @@ const dr = ["value", "disabled"], pr = { class: "nmorph-switch-thumb" }, ki = /*
           `${e.loading && "loading"}`
         ]
       })
-    ), a = n, l = $(e.modelValue === e.activeValue), i = () => {
+    ), o = n, l = $(e.modelValue === e.activeValue), i = () => {
       if (e.disabled)
         return;
       l.value = !l.value;
       const d = l.value ? e.activeValue : e.inactiveValue;
-      a("update:modelValue", d);
+      o("update:modelValue", d);
     }, s = $(null);
     return W(() => {
-      a("inputDOMRef", s);
+      o("inputDOMRef", s);
     }), q(
       () => e.modelValue,
       (d) => {
         l.value = d === e.activeValue;
       }
     ), (d, m) => (r(), u("div", {
-      class: M(o.value)
+      class: M(a.value)
     }, [
       c("div", {
         class: "nmorph-switch__content",
@@ -3570,12 +3574,12 @@ const hr = { class: "nmorph-text-input__input-side" }, _r = {
     Q((y) => ({
       "1d74b0e9": g.value
     }));
-    const e = t, o = h(
+    const e = t, a = h(
       () => T({
         nmorph: [te[e.height], `${d.value && "focused"}`, `${e.fill && "fill"}`],
         "nmorph-text-input": [`${e.typePassword && "password"}`]
       })
-    ), a = (y) => {
+    ), o = (y) => {
       const f = y.target;
       b("update:modelValue", f.value);
     }, l = $(!1), i = () => {
@@ -3590,7 +3594,7 @@ const hr = { class: "nmorph-text-input__input-side" }, _r = {
     });
     const k = h(() => e.clearable ? "error" : l.value ? "eye-blocked" : "eye"), g = h(() => _["prepend-icon"] ? "28px" : "8px"), _ = Ne();
     return (y, f) => (r(), u("div", {
-      class: M(o.value)
+      class: M(a.value)
     }, [
       c("div", hr, [
         p(_)["prepend-icon"] ? (r(), u("div", _r, [
@@ -3604,7 +3608,7 @@ const hr = { class: "nmorph-text-input__input-side" }, _r = {
           placeholder: e.placeholder,
           disabled: e.disabled,
           value: e.modelValue,
-          onInput: a,
+          onInput: o,
           onFocus: m,
           onBlur: v,
           onKeyup: f[0] || (f[0] = Ge((D) => b("on-enter"), ["enter"]))
@@ -3644,9 +3648,9 @@ const fr = { class: "nmorph-time-picker__content" }, yr = { class: "nmorph-time-
     Q((B) => ({
       "139069aa": V.value
     }));
-    const e = t, o = n, a = $(null), l = $(null), i = $(e.open), s = $([0, 0, 0]), d = $(e.initWithoutValue);
+    const e = t, a = n, o = $(null), l = $(null), i = $(e.open), s = $([0, 0, 0]), d = $(e.initWithoutValue);
     W(() => {
-      o("inputDOMRef", l);
+      a("inputDOMRef", l);
     });
     const m = () => {
       i.value = !i.value;
@@ -3656,7 +3660,7 @@ const fr = { class: "nmorph-time-picker__content" }, yr = { class: "nmorph-time-
         "nmorph-time-picker": [`${e.disabled && "disabled"}`, `${i.value && "open"}`]
       })
     ), x = Array.from({ length: 24 }, (B, C) => C), b = Array.from({ length: 60 }, (B, C) => C), k = () => {
-      d.value = !1, o("update:modelValue", $r(s.value));
+      d.value = !1, a("update:modelValue", $r(s.value));
     }, g = (B) => {
       const C = B;
       s.value = [C, s.value[1], s.value[2]], k();
@@ -3670,7 +3674,7 @@ const fr = { class: "nmorph-time-picker__content" }, yr = { class: "nmorph-time-
       i.value = !1;
     };
     q(i, (B) => {
-      o("on-change-open-close", B);
+      a("on-change-open-close", B);
     }), (() => {
       if (d.value)
         return;
@@ -3682,7 +3686,7 @@ const fr = { class: "nmorph-time-picker__content" }, yr = { class: "nmorph-time-
       const I = ze("NmorphTimeRoller");
       return r(), u("div", {
         ref_key: "timepickerDOMRef",
-        ref: a,
+        ref: o,
         class: M(v.value),
         onClick: m
       }, [
@@ -3702,10 +3706,10 @@ const fr = { class: "nmorph-time-picker__content" }, yr = { class: "nmorph-time-
             }, null, 8, gr),
             c("span", null, R(H.value), 1)
           ]),
-          a.value ? (r(), E(p(se), {
+          o.value ? (r(), E(p(se), {
             key: 0,
             open: i.value,
-            "relative-element": a.value,
+            "relative-element": o.value,
             onOnOutsideClick: f
           }, {
             default: A(() => [
@@ -3744,11 +3748,11 @@ const fr = { class: "nmorph-time-picker__content" }, yr = { class: "nmorph-time-
   }
 });
 const Se = (t) => {
-  const n = new Date(t), e = n.getHours().toString().padStart(2, "0"), o = n.getMinutes().toString().padStart(2, "0"), a = n.getSeconds().toString().padStart(2, "0");
-  return `${e}:${o}:${a}`;
+  const n = new Date(t), e = n.getHours().toString().padStart(2, "0"), a = n.getMinutes().toString().padStart(2, "0"), o = n.getSeconds().toString().padStart(2, "0");
+  return `${e}:${a}:${o}`;
 }, $r = (t) => {
-  const [n, e, o] = t, a = /* @__PURE__ */ new Date();
-  return a.setHours(n), a.setMinutes(e), a.setSeconds(o), a.setMilliseconds(0), a.getTime();
+  const [n, e, a] = t, o = /* @__PURE__ */ new Date();
+  return o.setHours(n), o.setMinutes(e), o.setSeconds(a), o.setMilliseconds(0), o.getTime();
 }, kr = (t) => (Xe("data-v-a0b858cc"), t = t(), Je(), t), wr = {
   key: 0,
   class: "nmorph-radio__content"
@@ -3777,11 +3781,11 @@ const Se = (t) => {
   },
   emits: ["inputDOMRef"],
   setup(t, { emit: n }) {
-    const e = J("radio-group-selected-value"), o = J("change-radio-button-value-handler"), a = t, l = () => {
-      o && !a.disabled && o(a.value);
-    }, i = h(() => e?.value === a.value), s = h(
+    const e = J("radio-group-selected-value"), a = J("change-radio-button-value-handler"), o = t, l = () => {
+      a && !o.disabled && a(o.value);
+    }, i = h(() => e?.value === o.value), s = h(
       () => T({
-        "nmorph-radio": [`${a.disabled && "disabled"}`, `${i.value && "checked"}`, a.styleType]
+        "nmorph-radio": [`${o.disabled && "disabled"}`, `${i.value && "checked"}`, o.styleType]
       })
     ), d = n, m = $(null);
     return W(() => {
@@ -3790,35 +3794,35 @@ const Se = (t) => {
       class: M(s.value),
       onClick: ne(l, ["prevent"])
     }, [
-      a.styleType === "radio-style" ? (r(), u("div", wr, [
+      o.styleType === "radio-style" ? (r(), u("div", wr, [
         c("div", xr, [
           c("input", {
             ref_key: "inputDOMRef",
             ref: m,
             type: "radio",
-            name: a.label,
-            value: a.value,
+            name: o.label,
+            value: o.value,
             checked: i.value,
             class: "nmorph-native-input"
           }, null, 8, Mr),
           Cr,
           i.value ? (r(), u("div", Vr)) : N("", !0)
         ]),
-        a.label ? (r(), u("span", Dr, R(a.label), 1)) : S(v.$slots, "label", { key: 1 }, void 0, !0)
+        o.label ? (r(), u("span", Dr, R(o.label), 1)) : S(v.$slots, "label", { key: 1 }, void 0, !0)
       ])) : N("", !0),
-      a.styleType === "button-style" ? (r(), u("div", Br, [
+      o.styleType === "button-style" ? (r(), u("div", Br, [
         c("input", {
           ref_key: "inputDOMRef",
           ref: m,
           type: "radio",
-          disabled: a.disabled,
-          name: a.label,
-          value: a.value,
+          disabled: o.disabled,
+          name: o.label,
+          value: o.value,
           checked: i.value,
           class: "nmorph-native-input"
         }, null, 8, Sr),
-        a.label ? (r(), u("div", Tr, [
-          c("span", null, R(a.label), 1)
+        o.label ? (r(), u("div", Tr, [
+          c("span", null, R(o.label), 1)
         ])) : (r(), u("div", Hr, [
           S(v.$slots, "label", {}, void 0, !0)
         ]))
@@ -3828,8 +3832,8 @@ const Se = (t) => {
 });
 const Nr = (t, n) => {
   const e = t.__vccOpts || t;
-  for (const [o, a] of n)
-    e[o] = a;
+  for (const [a, o] of n)
+    e[a] = o;
   return e;
 }, zr = /* @__PURE__ */ Nr(Or, [["__scopeId", "data-v-a0b858cc"]]);
 var Er = /* @__PURE__ */ ((t) => (t["radio-style"] = "radio-style", t["button-style"] = "button-style", t))(Er || {});
@@ -3846,19 +3850,19 @@ const Ar = { class: "nmorph-radio-group__wrapper" }, Rr = { class: "nmorph-radio
   },
   emits: ["update:modelValue"],
   setup(t, { emit: n }) {
-    const e = t, o = $(e.modelValue);
+    const e = t, a = $(e.modelValue);
     q(
       () => e.modelValue,
       (s) => {
-        o.value = s;
+        a.value = s;
       }
     );
-    const a = n, l = (s) => {
-      o.value = s, a("update:modelValue", o.value);
+    const o = n, l = (s) => {
+      a.value = s, o("update:modelValue", a.value);
     }, i = h(
       () => T({ "nmorph-radio-group": [e.styleType, e.direction, `${e.fill && "fill"}`] })
     );
-    return X("radio-group-selected-value", o), X("change-radio-button-value-handler", l), (s, d) => (r(), u("div", {
+    return X("radio-group-selected-value", a), X("change-radio-button-value-handler", l), (s, d) => (r(), u("div", {
       class: M(i.value)
     }, [
       c("div", Ar, [
@@ -3886,10 +3890,10 @@ const xi = /* @__PURE__ */ O({
   emits: ["click"],
   setup(t, { emit: n }) {
     Q((b) => ({
-      "76137a82": a.value,
+      "76137a82": o.value,
       "8241a430": l.value
     }));
-    const e = t, o = n, a = h(() => `${e.right}px`), l = h(() => `${e.bottom}px`), i = h(
+    const e = t, a = n, o = h(() => `${e.right}px`), l = h(() => `${e.bottom}px`), i = h(
       () => T({
         "nmorph-backtop": [`${m.value && "show"}`]
       })
@@ -3899,7 +3903,7 @@ const xi = /* @__PURE__ */ O({
       const k = b.target;
       m.value = k.scrollTop > e.visibilityHeight;
     }, x = () => {
-      o("click"), s.value && s.value.scrollTo({
+      a("click"), s.value && s.value.scrollTo({
         top: 0,
         left: 0,
         behavior: "smooth"
@@ -3941,15 +3945,15 @@ const Ir = ["id"], Pr = {
     separator: { default: "/" }
   },
   setup(t) {
-    const n = t, e = $([]), o = re();
-    X("breadcrumb-data", { breadcrumbs: e, breadcrumbId: o });
-    const a = h(
+    const n = t, e = $([]), a = re();
+    X("breadcrumb-data", { breadcrumbs: e, breadcrumbId: a });
+    const o = h(
       () => T({
         "nmorph-breadcrumb": []
       })
     );
     return (l, i) => (r(), u("div", {
-      class: M(a.value)
+      class: M(o.value)
     }, [
       S(l.$slots, "default"),
       (r(!0), u(Y, null, j(e.value, (s, d) => (r(), u("div", {
@@ -3957,7 +3961,7 @@ const Ir = ["id"], Pr = {
         class: "nmorph-breadcrumb__content"
       }, [
         c("div", {
-          id: `nmorph-breadcrumb-${p(o)}-${s.itemId}-element`,
+          id: `nmorph-breadcrumb-${p(a)}-${s.itemId}-element`,
           class: "nmorph-breadcrumb__element"
         }, null, 8, Ir),
         d < e.value.length - 1 ? (r(), u("div", Pr, R(n.separator), 1)) : N("", !0)
@@ -3976,17 +3980,17 @@ const Ci = /* @__PURE__ */ O({
       () => T({
         "nmorph-breadcrumb-item": []
       })
-    ), o = J("breadcrumb-data"), a = $(!1), l = re();
+    ), a = J("breadcrumb-data"), o = $(!1), l = re();
     return W(() => {
-      a.value = !0, o && o.breadcrumbs.value.push({ ...n, itemId: l });
+      o.value = !0, a && a.breadcrumbs.value.push({ ...n, itemId: l });
     }), (i, s) => {
       const d = ze("router-link");
-      return a.value ? (r(), u("div", {
+      return o.value ? (r(), u("div", {
         key: 0,
         class: M(e.value)
       }, [
         (r(), E(le, {
-          to: `#nmorph-breadcrumb-${p(o)?.breadcrumbId}-${p(l)}-element`
+          to: `#nmorph-breadcrumb-${p(a)?.breadcrumbId}-${p(l)}-element`
         }, [
           w(d, {
             to: i.to,
@@ -4018,9 +4022,9 @@ const se = /* @__PURE__ */ O({
     Q((m) => ({
       f609801e: s.value
     }));
-    const e = t, o = n, a = $(null), { placementCoords: l } = Pe({
+    const e = t, a = n, o = $(null), { placementCoords: l } = Pe({
       initialPlacement: "bottom",
-      contentDOMElement: a,
+      contentDOMElement: o,
       relativeElement: e.relativeElement,
       yOffset: e.yOffset,
       xOffset: e.xOffset
@@ -4029,7 +4033,7 @@ const se = /* @__PURE__ */ O({
         "nmorph-dropdown": [`${!e.open && "closed"}`]
       })
     ), s = h(() => e.fillWidth ? `${e.relativeElement?.clientWidth}px` : `${e.width}px`), d = () => {
-      o("on-outside-click");
+      a("on-outside-click");
     };
     return (m, v) => (r(), E(p(ge), {
       show: e.open,
@@ -4039,7 +4043,7 @@ const se = /* @__PURE__ */ O({
       default: A(() => [
         c("div", {
           ref_key: "dropdownDOMRef",
-          ref: a,
+          ref: o,
           class: M(i.value),
           style: Z({ left: `${p(l).x}`, top: `${p(l).y}` })
         }, [
@@ -4058,7 +4062,7 @@ const Lr = { class: "nmorph-tabs__label-list" }, Fr = ["id", "onClick"], Wr = {
   },
   emits: ["update:model-value", "tab-change"],
   setup(t, { emit: n }) {
-    const e = t, o = n, a = h(
+    const e = t, a = n, o = h(
       () => T({
         "nmorph-tabs": [`${e.stretch && "stretch"}`]
       })
@@ -4066,13 +4070,13 @@ const Lr = { class: "nmorph-tabs__label-list" }, Fr = ["id", "onClick"], Wr = {
       if (d.disabled)
         return;
       const { name: m } = d;
-      o("update:model-value", m), o("tab-change", m);
+      a("update:model-value", m), a("tab-change", m);
     }, i = $([]), s = re();
     return X("nmorph-tabs-data", {
       tabsData: i,
       tabsIdentifier: s
     }), (d, m) => (r(), u("div", {
-      class: M(a.value)
+      class: M(o.value)
     }, [
       S(d.$slots, "default"),
       c("div", Lr, [
@@ -4117,20 +4121,20 @@ const We = (t, n) => {
       () => T({
         "nmorph-tab-pane": []
       })
-    ), o = J("nmorph-tabs-data"), a = $(!1);
+    ), a = J("nmorph-tabs-data"), o = $(!1);
     return W(() => {
-      a.value = !0, o && o.tabsData.value.push(n);
-    }), (l, i) => a.value ? (r(), u("div", {
+      o.value = !0, a && a.tabsData.value.push(n);
+    }), (l, i) => o.value ? (r(), u("div", {
       key: 0,
       class: M(e.value)
     }, [
       (r(), E(le, {
-        to: `#${p(We)(p(o)?.tabsIdentifier, n.name)}`
+        to: `#${p(We)(p(a)?.tabsIdentifier, n.name)}`
       }, [
         S(l.$slots, "label")
       ], 8, ["to"])),
       (r(), E(le, {
-        to: `#${p(Ye)(p(o)?.tabsIdentifier, n.name)}`
+        to: `#${p(Ye)(p(a)?.tabsIdentifier, n.name)}`
       }, [
         S(l.$slots, "default")
       ], 8, ["to"]))
@@ -4147,7 +4151,7 @@ const We = (t, n) => {
         "nmorph-divider": [n.direction]
       })
     );
-    return (o, a) => (r(), u("div", {
+    return (a, o) => (r(), u("div", {
       class: M(e.value)
     }, null, 2));
   }
@@ -4161,7 +4165,7 @@ const ge = /* @__PURE__ */ O({
   },
   emits: ["on-outside-click"],
   setup(t, { emit: n }) {
-    const e = t, o = h(
+    const e = t, a = h(
       () => T({
         "nmorph-overlay": [
           `${e.outsideClickEmitEvent && "outside-click"}`,
@@ -4169,12 +4173,12 @@ const ge = /* @__PURE__ */ O({
           `${e.transparent && "transparent"}`
         ]
       })
-    ), a = () => {
+    ), o = () => {
       l("on-outside-click");
     }, l = n;
     return (i, s) => (r(), u("div", {
-      class: M(o.value),
-      onClick: ne(a, ["stop"])
+      class: M(a.value),
+      onClick: ne(o, ["stop"])
     }, [
       c("div", {
         class: "nmorph-overlay__slot",
@@ -4203,16 +4207,16 @@ export {
   it as NmorphButtonShape,
   st as NmorphButtonStyle,
   rt as NmorphButtonType,
-  xa as NmorphCalendar,
-  Oa as NmorphCalendarHeader,
+  xo as NmorphCalendar,
+  Oo as NmorphCalendarHeader,
   ei as NmorphCard,
   ti as NmorphCarousel,
   ni as NmorphCarouselItem,
   cs as NmorphCheckbox,
   pi as NmorphCheckboxGroup,
   us as NmorphCheckboxStyleType,
-  oi as NmorphCollapse,
-  ai as NmorphCollapseItem,
+  ai as NmorphCollapse,
+  oi as NmorphCollapseItem,
   Ae as NmorphColor,
   Qe as NmorphComponentDirection,
   te as NmorphComponentHeight,
@@ -4230,16 +4234,16 @@ export {
   z as NmorphIcon,
   P as NmorphIconList,
   ut as NmorphIconSize,
-  _a as NmorphIconsMap,
+  _o as NmorphIconsMap,
   xe as NmorphImage,
   et as NmorphImageFit,
-  Ga as NmorphImagePreview,
+  Go as NmorphImagePreview,
   me as NmorphImageResolution,
   Jr as NmorphLink,
-  va as NmorphLinkTarget,
+  vo as NmorphLinkTarget,
   Nl as NmorphNumberCompareOperator,
   gi as NmorphNumberInput,
-  fa as NmorphOverflowProp,
+  fo as NmorphOverflowProp,
   ge as NmorphOverlay,
   li as NmorphPagination,
   si as NmorphProgress,
@@ -4247,7 +4251,7 @@ export {
   Fe as NmorphRadioGroup,
   Er as NmorphRadioStyleType,
   Kr as NmorphScroll,
-  ya as NmorphScrollBehavior,
+  yo as NmorphScrollBehavior,
   bi as NmorphSelect,
   ir as NmorphSelectOption,
   Ss as NmorphSelectionDateType,
@@ -4275,15 +4279,15 @@ export {
   ie as formatDateIntl,
   Se as formatTimestampToTime,
   re as generateUUID,
-  Ma as getDecadeYears,
-  Sa as getMonthDaysByWeek,
+  Mo as getDecadeYears,
+  So as getMonthDaysByWeek,
   Ie as getMonthName,
   Ye as getTabContentId,
   We as getTabLabelId,
-  Va as hasAnyRangeDateInNextMonth,
-  Ca as hasAnyRangeDateInPrevMonth,
+  Vo as hasAnyRangeDateInNextMonth,
+  Co as hasAnyRangeDateInPrevMonth,
   Gr as isStringHtml,
-  Da as isTodayInRange,
+  Do as isTodayInRange,
   Re as monthNames,
   vi as resolution,
   $r as timeArrayToTimestamp,