@nmorph/nmorph-ui-kit 0.0.15 → 0.1.0

package/dist/index.es.js

@@ -1,12 +1,12 @@
-import { defineComponent as H, computed as h, openBlock as r, createElementBlock as u, normalizeClass as M, createElementVNode as c, renderSlot as N, toDisplayString as A, createCommentVNode as O, createBlock as P, unref as p, useCssVars as K, resolveDynamicComponent as gt, createStaticVNode as bt, createTextVNode as ee, onUnmounted as pe, ref as g, onMounted as W, watch as q, withDirectives as ze, vShow as Pe, normalizeStyle as Z, reactive as le, createVNode as k, withCtx as I, Fragment as Y, renderList as j, provide as X, nextTick as Ie, inject as J, Teleport as se, withModifiers as ae, useSlots as $t, TransitionGroup as de, mergeProps as Ve, resolveComponent as Ae, pushScopeId as kt, popScopeId as wt } from "vue";
-var te = /* @__PURE__ */ ((t) => (t.thick = "thick-component", t.default = "default-height-component", t.thin = "thin-component", t))(te || {}), Re = /* @__PURE__ */ ((t) => (t.inset = "inset", t.outset = "outset", t.combined = "combined", t))(Re || {}), Ee = /* @__PURE__ */ ((t) => (t.accent = "accent", t.success = "success", t.error = "error", t.warning = "warning", t))(Ee || {}), F = /* @__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))(F || {});
+import { defineComponent as O, computed as h, openBlock as r, createElementBlock as u, normalizeClass as M, createElementVNode as c, renderSlot as N, toDisplayString as A, createCommentVNode as H, createBlock as I, unref as p, useCssVars as K, resolveDynamicComponent as gt, createStaticVNode as bt, createTextVNode as ee, onUnmounted as pe, ref as g, onMounted as L, watch as q, withDirectives as ze, vShow as Ie, normalizeStyle as Z, reactive as le, createVNode as k, withCtx as P, Fragment as Y, renderList as j, provide as X, nextTick as Pe, inject as J, Teleport as se, withModifiers as ae, useSlots as $t, TransitionGroup as de, mergeProps as Ve, resolveComponent as Ae, pushScopeId as kt, popScopeId as wt } from "vue";
+var te = /* @__PURE__ */ ((t) => (t.thick = "thick-component", t.default = "default-height-component", t.thin = "thin-component", t))(te || {}), Re = /* @__PURE__ */ ((t) => (t.inset = "inset", t.outset = "outset", t.combined = "combined", t))(Re || {}), Ee = /* @__PURE__ */ ((t) => (t.accent = "accent", t.success = "success", t.error = "error", t.warning = "warning", t))(Ee || {}), F = /* @__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))(F || {});
 const xt = (t, a) => {
   const e = a.filter((o) => o !== "false").filter((o) => o).map((o) => {
     if (o && o !== "undefined")
       return `${t}--${o}`;
   });
   return e.push(t), e.join(" ");
-}, S = (t) => Object.entries(t).map(([a, e]) => xt(a, e)).join(" "), Ne = (t) => JSON.parse(JSON.stringify(t)), Ur = (t) => {
+}, S = (t) => Object.entries(t).map(([a, e]) => xt(a, e)).join(" "), Ne = (t) => JSON.parse(JSON.stringify(t)), Qr = (t) => {
   if (!t)
     return !1;
   const a = new DOMParser().parseFromString(t, "text/html");
@@ -14,7 +14,7 @@ const xt = (t, a) => {
 }, 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()}`;
-}, Mt = ["disabled", "loading", "type"], Ct = { key: 0 }, L = /* @__PURE__ */ H({
+}, Mt = ["disabled", "loading", "type"], Ct = { key: 0 }, W = /* @__PURE__ */ O({
   __name: "NmorphButton",
   props: {
     type: { default: "button" },
@@ -55,25 +55,25 @@ const xt = (t, a) => {
         onClick: d[0] || (d[0] = (_) => n("click"))
       }, [
         N(s.$slots, "default"),
-        !e.loading && e.text !== "" ? (r(), u("span", Ct, A(e.text), 1)) : O("", !0),
-        e.loading ? (r(), P(p(z), {
+        !e.loading && e.text !== "" ? (r(), u("span", Ct, A(e.text), 1)) : H("", !0),
+        e.loading ? (r(), I(p(z), {
           key: 1,
           name: "loader",
           size: i.value
-        }, null, 8, ["size"])) : O("", !0),
+        }, null, 8, ["size"])) : H("", !0),
         N(s.$slots, "append")
       ], 8, Mt)
     ], 2));
   }
 });
-var Fe = /* @__PURE__ */ ((t) => (t.default = "default", t.transparent = "transparent", t))(Fe || {}), Le = /* @__PURE__ */ ((t) => (t.submit = "submit", t.reset = "reset", t.button = "button", t))(Le || {});
+var Fe = /* @__PURE__ */ ((t) => (t.default = "default", t.transparent = "transparent", t))(Fe || {}), We = /* @__PURE__ */ ((t) => (t.submit = "submit", t.reset = "reset", t.button = "button", t))(We || {});
 const Dt = {
   key: 0,
   class: "nmorph-icon__content"
 }, Bt = {
   key: 1,
   class: "nmorph-icon__as-image"
-}, Vt = ["src"], z = /* @__PURE__ */ H({
+}, Vt = ["src"], z = /* @__PURE__ */ O({
   __name: "NmorphIcon",
   props: {
     name: { default: void 0 },
@@ -100,7 +100,7 @@ const Dt = {
       class: M(e.value)
     }, [
       a.name ? (r(), u("div", Dt, [
-        (r(), P(gt(p(Ye)[a.name])))
+        (r(), I(gt(p(Ye)[a.name])))
       ])) : a.path ? (r(), u("div", Bt, [
         c("img", {
           src: a.path
@@ -109,22 +109,22 @@ const Dt = {
     ], 2));
   }
 });
-var We = /* @__PURE__ */ ((t) => (t.small = "small", t.medium = "medium", t.large = "large", t))(We || {});
+var Le = /* @__PURE__ */ ((t) => (t.small = "small", t.medium = "medium", t.large = "large", t))(Le || {});
 const Nt = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
 }, St = /* @__PURE__ */ c("path", { d: "M16 6C9.021 6 2.972 10.064 0 16c2.972 5.936 9.021 10 16 10s13.027-4.064 16-10c-2.972-5.936-9.021-10-16-10m7.889 5.303A15.2 15.2 0 0 1 28.559 16a15.2 15.2 0 0 1-4.67 4.697C21.527 22.204 18.799 23 16 23s-5.527-.796-7.889-2.303A15.2 15.2 0 0 1 3.441 16a15.2 15.2 0 0 1 5.041-4.925 8 8 0 1 0 15.036 0q.186.111.371.228M16 13a3 3 0 1 1-6 0 3 3 0 0 1 6 0" }, null, -1), Tt = [
   St
 ];
-function Ht(t, a) {
+function Ot(t, a) {
   return r(), u("svg", Nt, [...Tt]);
 }
-const Ot = { render: Ht }, zt = {
+const Ht = { render: Ot }, zt = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
-}, Pt = /* @__PURE__ */ c("path", { d: "M29.561.439a1.5 1.5 0 0 0-2.121 0l-6.318 6.318A17.6 17.6 0 0 0 16 6C9.021 6 2.972 10.064 0 16a18.3 18.3 0 0 0 5.407 6.472L.439 27.44a1.5 1.5 0 1 0 2.122 2.121l27-27a1.5 1.5 0 0 0 0-2.121zM13 10a3 3 0 0 1 2.841 2.037l-3.804 3.804A3 3 0 0 1 13 10m-9.559 6a15.2 15.2 0 0 1 5.041-4.925A8 8 0 0 0 8 13.812c0 1.715.54 3.304 1.459 4.607l-1.904 1.904A15.2 15.2 0 0 1 3.441 16M24 13.813c0-.849-.133-1.667-.378-2.434L13.566 21.435a8 8 0 0 0 10.435-7.622z" }, null, -1), It = /* @__PURE__ */ c("path", { d: "M25.938 9.062 23.77 11.23l.118.074a15.2 15.2 0 0 1 4.67 4.697 15.2 15.2 0 0 1-4.67 4.697 14.64 14.64 0 0 1-11.45 1.864l-2.403 2.403a17.6 17.6 0 0 0 5.964 1.036c6.978 0 13.027-4.064 16-10a18.3 18.3 0 0 0-6.062-6.938z" }, null, -1), At = [
-  Pt,
-  It
+}, It = /* @__PURE__ */ c("path", { d: "M29.561.439a1.5 1.5 0 0 0-2.121 0l-6.318 6.318A17.6 17.6 0 0 0 16 6C9.021 6 2.972 10.064 0 16a18.3 18.3 0 0 0 5.407 6.472L.439 27.44a1.5 1.5 0 1 0 2.122 2.121l27-27a1.5 1.5 0 0 0 0-2.121zM13 10a3 3 0 0 1 2.841 2.037l-3.804 3.804A3 3 0 0 1 13 10m-9.559 6a15.2 15.2 0 0 1 5.041-4.925A8 8 0 0 0 8 13.812c0 1.715.54 3.304 1.459 4.607l-1.904 1.904A15.2 15.2 0 0 1 3.441 16M24 13.813c0-.849-.133-1.667-.378-2.434L13.566 21.435a8 8 0 0 0 10.435-7.622z" }, null, -1), Pt = /* @__PURE__ */ c("path", { d: "M25.938 9.062 23.77 11.23l.118.074a15.2 15.2 0 0 1 4.67 4.697 15.2 15.2 0 0 1-4.67 4.697 14.64 14.64 0 0 1-11.45 1.864l-2.403 2.403a17.6 17.6 0 0 0 5.964 1.036c6.978 0 13.027-4.064 16-10a18.3 18.3 0 0 0-6.062-6.938z" }, null, -1), At = [
+  It,
+  Pt
 ];
 function Rt(t, a) {
   return r(), u("svg", zt, [...At]);
@@ -132,11 +132,11 @@ function Rt(t, a) {
 const Et = { render: Rt }, Ft = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
-}, Lt = /* @__PURE__ */ c("path", { d: "M27 4 12 19l-7-7-5 5 12 12L32 9z" }, null, -1), Wt = [
-  Lt
+}, Wt = /* @__PURE__ */ c("path", { d: "M27 4 12 19l-7-7-5 5 12 12L32 9z" }, null, -1), Lt = [
+  Wt
 ];
 function Yt(t, a) {
-  return r(), u("svg", Ft, [...Wt]);
+  return r(), u("svg", Ft, [...Lt]);
 }
 const jt = { render: Yt }, Ut = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -212,27 +212,27 @@ const Ba = { render: Da }, Va = {
   Na,
   Sa
 ];
-function Ha(t, a) {
+function Oa(t, a) {
   return r(), u("svg", Va, [...Ta]);
 }
-const Oa = { render: Ha }, za = {
+const Ha = { render: Oa }, za = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
-}, Pa = /* @__PURE__ */ c("path", { d: "M27 0H3C1.35 0 0 1.35 0 3v26c0 1.65 1.35 3 3 3h24c1.65 0 3-1.35 3-3V3c0-1.65-1.35-3-3-3m-1 28H4V4h22zM8 14h14v2H8zm0 4h14v2H8zm0 4h14v2H8zm0-12h14v2H8z" }, null, -1), Ia = [
-  Pa
+}, Ia = /* @__PURE__ */ c("path", { d: "M27 0H3C1.35 0 0 1.35 0 3v26c0 1.65 1.35 3 3 3h24c1.65 0 3-1.35 3-3V3c0-1.65-1.35-3-3-3m-1 28H4V4h22zM8 14h14v2H8zm0 4h14v2H8zm0 4h14v2H8zm0-12h14v2H8z" }, null, -1), Pa = [
+  Ia
 ];
 function Aa(t, a) {
-  return r(), u("svg", za, [...Ia]);
+  return r(), u("svg", za, [...Pa]);
 }
 const Ra = { render: Aa }, Ea = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
-}, Fa = /* @__PURE__ */ c("path", { d: "m29.996 4 .004.004v23.993l-.004.004H2.003l-.004-.004V4.004L2.003 4zM30 2H2C.9 2 0 2.9 0 4v24c0 1.1.9 2 2 2h28c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2" }, null, -1), La = /* @__PURE__ */ c("path", { d: "M26 9a3 3 0 1 1-6 0 3 3 0 0 1 6 0M28 26H4v-4l7-12 8 10h2l7-6z" }, null, -1), Wa = [
+}, Fa = /* @__PURE__ */ c("path", { d: "m29.996 4 .004.004v23.993l-.004.004H2.003l-.004-.004V4.004L2.003 4zM30 2H2C.9 2 0 2.9 0 4v24c0 1.1.9 2 2 2h28c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2" }, null, -1), Wa = /* @__PURE__ */ c("path", { d: "M26 9a3 3 0 1 1-6 0 3 3 0 0 1 6 0M28 26H4v-4l7-12 8 10h2l7-6z" }, null, -1), La = [
   Fa,
-  La
+  Wa
 ];
 function Ya(t, a) {
-  return r(), u("svg", Ea, [...Wa]);
+  return r(), u("svg", Ea, [...La]);
 }
 const ja = { render: Ya }, Ua = { viewBox: "0 0 32 32" }, qa = /* @__PURE__ */ c("path", { d: "M32 0H19l5 5-6 6 3 3 6-6 5 5zM32 32V19l-5 5-6-6-3 3 6 6-5 5zM0 32h13l-5-5 6-6-3-3-6 6-5-5zM0 0v13l5-5 6 6 3-3-6-6 5-5z" }, null, -1), Ga = [
   qa
@@ -285,17 +285,17 @@ const Dn = { render: Cn }, Bn = {
 function Sn(t, a) {
   return r(), u("svg", Bn, [...Nn]);
 }
-const Tn = { render: Sn }, Hn = {
+const Tn = { render: Sn }, On = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "currentColor",
   viewBox: "0 0 32 32"
-}, On = /* @__PURE__ */ c("path", { d: "m2 12 14 12 14-12Z" }, null, -1), zn = [
-  On
+}, Hn = /* @__PURE__ */ c("path", { d: "m2 12 14 12 14-12Z" }, null, -1), zn = [
+  Hn
 ];
-function Pn(t, a) {
-  return r(), u("svg", Hn, [...zn]);
+function In(t, a) {
+  return r(), u("svg", On, [...zn]);
 }
-const In = { render: Pn }, An = {
+const Pn = { render: In }, An = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 }, Rn = /* @__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), En = [
@@ -304,7 +304,7 @@ const In = { render: Pn }, An = {
 function Fn(t, a) {
   return r(), u("svg", An, [...En]);
 }
-const Ln = { render: Fn }, Wn = {
+const Wn = { render: Fn }, Ln = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "currentColor",
   viewBox: "0 0 19 19"
@@ -312,7 +312,7 @@ const Ln = { render: Fn }, Wn = {
   Yn
 ];
 function Un(t, a) {
-  return r(), u("svg", Wn, [...jn]);
+  return r(), u("svg", Ln, [...jn]);
 }
 const qn = { render: Un }, Gn = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -346,15 +346,24 @@ function co(t, a) {
 }
 const uo = { render: co }, po = {
   xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 32 32"
+  viewBox: "0 0 40 32"
 }, ho = /* @__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), _o = [
   ho
 ];
 function mo(t, a) {
   return r(), u("svg", po, [..._o]);
 }
-const vo = { render: mo }, Ye = {
-  [F.eye]: Ot,
+const vo = { render: mo }, fo = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 32 32"
+}, yo = /* @__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), go = [
+  yo
+];
+function bo(t, a) {
+  return r(), u("svg", fo, [...go]);
+}
+const $o = { render: bo }, Ye = {
+  [F.eye]: Ht,
   [F["eye-blocked"]]: Et,
   [F.success]: jt,
   [F.error]: Qt,
@@ -364,7 +373,7 @@ const vo = { render: mo }, Ye = {
   [F["chevron-down"]]: fa,
   [F.archive]: wa,
   [F.audio]: Ba,
-  [F.video]: Oa,
+  [F.video]: Ha,
   [F.time]: Dn,
   [F.doc]: Ra,
   [F.image]: ja,
@@ -374,15 +383,16 @@ const vo = { render: mo }, Ye = {
   [F["rotate-left"]]: pn,
   [F["zoom-in"]]: fn,
   [F["zoom-out"]]: kn,
-  [F["triangle-down"]]: In,
+  [F["triangle-down"]]: Pn,
   [F.calendar]: Tn,
-  [F["chevron-double-down"]]: Ln,
+  [F["chevron-double-down"]]: Wn,
   [F.cross]: qn,
   [F.info]: Zn,
   [F.warning]: lo,
   [F.copy]: uo,
-  [F.code]: vo
-}, fo = ["href", "target"], yo = /* @__PURE__ */ H({
+  [F.code]: vo,
+  [F.search]: $o
+}, ko = ["href", "target"], wo = /* @__PURE__ */ O({
   __name: "NmorphLink",
   props: {
     color: { default: Ee.accent },
@@ -408,20 +418,20 @@ const vo = { render: mo }, Ye = {
       }, [
         N(o.$slots, "prepend"),
         ee(" " + A(o.text) + " ", 1),
-        o.iconName ? (r(), P(p(z), {
+        o.iconName ? (r(), I(p(z), {
           key: 0,
           class: "nmorph-link__icon",
           name: a.iconName,
           width: "10px",
           height: "10px"
-        }, null, 8, ["name"])) : O("", !0),
+        }, null, 8, ["name"])) : H("", !0),
         N(o.$slots, "default")
-      ], 8, fo)
+      ], 8, ko)
     ], 2));
   }
 });
 var je = /* @__PURE__ */ ((t) => (t.self = "_self", t.blank = "_blank", t.parent = "_parent", t.top = "_top", t))(je || {});
-const go = /* @__PURE__ */ H({
+const xo = /* @__PURE__ */ O({
   __name: "NmorphScroll",
   props: {
     modelValue: { default: () => ({
@@ -467,7 +477,7 @@ const go = /* @__PURE__ */ H({
         behavior: "smooth"
       });
     };
-    return W(() => {
+    return L(() => {
       w(e.modelValue);
     }), q(
       () => e.modelValue,
@@ -486,7 +496,7 @@ const go = /* @__PURE__ */ H({
   }
 });
 var Ue = /* @__PURE__ */ ((t) => (t.auto = "auto", t.hidden = "hidden", t.scroll = "scroll", t))(Ue || {});
-const bo = ["src", "srcset", "alt"], $o = { class: "nmorph-avatar__fallback" }, ko = /* @__PURE__ */ H({
+const Mo = ["src", "srcset", "alt"], Co = { class: "nmorph-avatar__fallback" }, Do = /* @__PURE__ */ O({
   __name: "NmorphAvatar",
   props: {
     size: { default: 40 },
@@ -525,22 +535,22 @@ const bo = ["src", "srcset", "alt"], $o = { class: "nmorph-avatar__fallback" },
         class: M(i.value),
         onLoad: d,
         onError: s
-      }, null, 42, bo),
-      ze(c("div", $o, [
+      }, null, 42, Mo),
+      ze(c("div", Co, [
         N(v.$slots, "default")
       ], 512), [
-        [Pe, n.value]
+        [Ie, n.value]
       ])
     ], 2));
   }
 });
-const wo = {
+const Bo = {
   key: 0,
   class: "nmorph-badge__dot"
-}, xo = {
+}, Vo = {
   key: 1,
   class: "nmorph-badge__content"
-}, Mo = /* @__PURE__ */ H({
+}, No = /* @__PURE__ */ O({
   __name: "NmorphBadge",
   props: {
     value: { default: "" },
@@ -570,7 +580,7 @@ const wo = {
         y: v
       };
     }), i = g(null), s = g(0), d = g(0);
-    return W(() => {
+    return L(() => {
       i.value && (s.value = i.value.clientWidth, d.value = i.value.clientHeight);
     }), (_, v) => (r(), u("div", {
       class: M(e.value)
@@ -582,12 +592,12 @@ const wo = {
         class: M(o.value),
         style: Z({ right: l.value.x, top: l.value.y })
       }, [
-        a.isDot ? (r(), u("div", wo)) : (r(), u("div", xo, A(n.value), 1))
+        a.isDot ? (r(), u("div", Bo)) : (r(), u("div", Vo, A(n.value), 1))
       ], 6)
     ], 2));
   }
 });
-const Co = ["data-date", "onClick"], qe = /* @__PURE__ */ H({
+const So = ["data-date", "onClick"], qe = /* @__PURE__ */ O({
   __name: "NmorphCalendar",
   props: {
     markToday: { type: Boolean, default: !0 },
@@ -670,18 +680,18 @@ const Co = ["data-date", "onClick"], qe = /* @__PURE__ */ H({
           bordered: "",
           "row-hover": !1
         }, {
-          default: I(() => [
+          default: P(() => [
             (r(), u(Y, null, j(i, (C) => k(p(ot), {
               key: `${C}`,
               prop: C,
               label: C.toUpperCase()
             }, {
-              default: I(({ scope: R }) => [
-                (r(!0), u(Y, null, j(R.rows, (E, G) => (r(), P(p(nt), {
+              default: P(({ scope: R }) => [
+                (r(!0), u(Y, null, j(R.rows, (E, G) => (r(), I(p(nt), {
                   key: G,
                   row: G
                 }, {
-                  default: I(() => [
+                  default: P(() => [
                     c("div", {
                       "data-date": `${v(E[C]).date}`,
                       class: M([
@@ -703,7 +713,7 @@ const Co = ["data-date", "onClick"], qe = /* @__PURE__ */ H({
                       }, () => [
                         ee(A(v(E[C]).hidden ? "-" : v(E[C]).value), 1)
                       ])
-                    ], 10, Co)
+                    ], 10, So)
                   ]),
                   _: 2
                 }, 1032, ["row"]))), 128))
@@ -750,7 +760,7 @@ const ke = [
     return !0;
   const e = t && t[0], o = t && t[1];
   return a >= e && a <= o;
-}, we = (t) => ke[t], Do = (t) => t % 4 === 0 && t % 100 !== 0 || t % 400 === 0, Se = (t, a) => [0, 2, 4, 6, 7, 9, 11].includes(a) ? 31 : [3, 5, 8, 10].includes(a) ? 30 : Do(t) ? 29 : 28, Ke = (t, a) => {
+}, we = (t) => ke[t], To = (t) => t % 4 === 0 && t % 100 !== 0 || t % 400 === 0, Se = (t, a) => [0, 2, 4, 6, 7, 9, 11].includes(a) ? 31 : [3, 5, 8, 10].includes(a) ? 30 : To(t) ? 29 : 28, Ke = (t, a) => {
   const e = (U) => a ? U < a[0] || U > a[1] : !1, o = t.value.getFullYear(), n = t.value.getMonth(), i = new Date(o, n, 1).getDay() + 1, s = Se(o, n), d = 7 + i - 8;
   let x = 7 - (new Date(o, n, s).getDay() + 1);
   const $ = /* @__PURE__ */ new Date(), w = $.getDate(), y = $.getMonth(), m = n - 1, b = Se(o, m);
@@ -800,7 +810,7 @@ const ke = [
     G.push(Q);
   }
   return G.filter((U) => !U.every((Q) => Q.hidden));
-}, Bo = { class: "nmorph-calendar-header" }, Vo = { class: "nmorph-calendar-header__actions" }, Ze = /* @__PURE__ */ H({
+}, Oo = { class: "nmorph-calendar-header" }, Ho = { class: "nmorph-calendar-header__actions" }, Ze = /* @__PURE__ */ O({
   __name: "NmorphCalendarHeader",
   props: {
     year: {},
@@ -820,32 +830,32 @@ const ke = [
       class: M(n.value)
     }, [
       N(l.$slots, "default", {}, () => [
-        c("h2", Bo, A(e.year) + " " + A(p(we)(e.month)), 1),
-        c("div", Vo, [
-          l.showPreviousMonthButton ? (r(), P(p(L), {
+        c("h2", Oo, A(e.year) + " " + A(p(we)(e.month)), 1),
+        c("div", Ho, [
+          l.showPreviousMonthButton ? (r(), I(p(W), {
             key: 0,
             class: "nmorph-calendar-header__action",
             text: "Previous month",
             onClick: i[0] || (i[0] = (s) => o("click-previous-month"))
-          })) : O("", !0),
-          l.showTodayButton ? (r(), P(p(L), {
+          })) : H("", !0),
+          l.showTodayButton ? (r(), I(p(W), {
             key: 1,
             class: "nmorph-calendar-header__action",
             text: "Today",
             onClick: i[1] || (i[1] = (s) => o("click-today"))
-          })) : O("", !0),
-          l.showNextMonthButton ? (r(), P(p(L), {
+          })) : H("", !0),
+          l.showNextMonthButton ? (r(), I(p(W), {
             key: 2,
             class: "nmorph-calendar-header__action",
             text: "Next month",
             onClick: i[2] || (i[2] = (s) => o("click-next-month"))
-          })) : O("", !0)
+          })) : H("", !0)
         ])
       ])
     ], 2));
   }
 });
-const No = { class: "nmorph-card__header" }, So = { class: "nmorph-card__content" }, To = { class: "nmorph-card__footer" }, Ho = /* @__PURE__ */ H({
+const zo = { class: "nmorph-card__header" }, Io = { class: "nmorph-card__content" }, Po = { class: "nmorph-card__footer" }, Ao = /* @__PURE__ */ O({
   __name: "NmorphCard",
   props: {
     shadowType: { default: Re.outset }
@@ -859,19 +869,19 @@ const No = { class: "nmorph-card__header" }, So = { class: "nmorph-card__content
     return (o, n) => (r(), u("div", {
       class: M(e.value)
     }, [
-      c("div", No, [
+      c("div", zo, [
         N(o.$slots, "header")
       ]),
-      c("div", So, [
+      c("div", Io, [
         N(o.$slots, "default")
       ]),
-      c("div", To, [
+      c("div", Po, [
         N(o.$slots, "footer")
       ])
     ], 2));
   }
 });
-const Oo = ["id"], zo = { class: "nmorph-carousel__elements-indicator" }, Po = ["onClick"], Io = /* @__PURE__ */ H({
+const Ro = ["id"], Eo = { class: "nmorph-carousel__elements-indicator" }, Fo = ["onClick"], Wo = /* @__PURE__ */ O({
   __name: "NmorphCarousel",
   props: {
     loop: { type: Boolean, default: !0 }
@@ -894,8 +904,8 @@ const Oo = ["id"], zo = { class: "nmorph-carousel__elements-indicator" }, Po = [
     }, w = () => {
       e.value === 0 && (e.value = Object.keys(x).length, b.value = !1), e.value > Object.keys(x).length && (e.value = 1, b.value = !1);
     };
-    W(() => {
-      l.loop && e.value === 0 && (Ie(() => $()), v.value?.addEventListener("transitionend", w));
+    L(() => {
+      l.loop && e.value === 0 && (Pe(() => $()), v.value?.addEventListener("transitionend", w));
     }), q(e, (D) => {
       i("change", e.value), (D === 1 || D === Object.keys(x).length) && setTimeout(() => {
         b.value = !0;
@@ -922,9 +932,9 @@ const Oo = ["id"], zo = { class: "nmorph-carousel__elements-indicator" }, Po = [
           ref_for: !0,
           ref: (R) => y(R, C),
           class: "nmorph-carousel__item"
-        }, null, 8, Oo))), 128))
+        }, null, 8, Ro))), 128))
       ], 6),
-      c("div", zo, [
+      c("div", Eo, [
         (r(!0), u(Y, null, j(d.value, (V, C) => (r(), u("div", {
           key: C,
           class: "nmorph-carousel__element-indicator-wrapper",
@@ -933,7 +943,7 @@ const Oo = ["id"], zo = { class: "nmorph-carousel__elements-indicator" }, Po = [
           c("div", {
             class: M(["nmorph-carousel__element-indicator", { "nmorph-carousel__element-indicator--active": f(C) }])
           }, null, 2)
-        ], 8, Po))), 128))
+        ], 8, Fo))), 128))
       ]),
       c("div", {
         class: "nmorph-carousel__action-btn nmorph-carousel__prev",
@@ -951,7 +961,7 @@ const Oo = ["id"], zo = { class: "nmorph-carousel__elements-indicator" }, Po = [
     ], 2));
   }
 });
-const Ao = /* @__PURE__ */ H({
+const Lo = /* @__PURE__ */ O({
   __name: "NmorphCarouselItem",
   props: {
     name: {}
@@ -962,20 +972,20 @@ const Ao = /* @__PURE__ */ H({
         "nmorph-carousel-item": []
       })
     ), o = J("carousel-data"), n = g(!1);
-    return W(() => {
+    return L(() => {
       n.value = !0, o && o.data.value.push(a.name);
     }), (l, i) => n.value ? (r(), u("div", {
       key: 0,
       class: M(e.value)
     }, [
-      (r(), P(se, {
+      (r(), I(se, {
         to: `#nmorph-carousel-item-${p(o)?.carouselId}-${a.name}`
       }, [
         N(l.$slots, "default")
       ], 8, ["to"]))
-    ], 2)) : O("", !0);
+    ], 2)) : H("", !0);
   }
-}), Ro = /* @__PURE__ */ H({
+}), Yo = /* @__PURE__ */ O({
   __name: "NmorphCollapse",
   props: {
     modelValue: {},
@@ -983,7 +993,14 @@ const Ao = /* @__PURE__ */ H({
   },
   emits: ["update:modelValue"],
   setup(t, { emit: a }) {
-    const e = t, o = g(e.modelValue), n = (s, d) => {
+    const e = t, o = g(e.modelValue);
+    q(
+      () => e.modelValue,
+      (s) => {
+        o.value = s;
+      }
+    );
+    const n = (s, d) => {
       if (e.accordion)
         o.value = d ? [s] : [];
       else if (!Array.isArray(o.value))
@@ -1006,10 +1023,11 @@ const Ao = /* @__PURE__ */ H({
       N(s.$slots, "default")
     ], 2));
   }
-}), Eo = /* @__PURE__ */ H({
+}), jo = /* @__PURE__ */ O({
   __name: "NmorphCollapseItem",
   props: {
     height: { default: "default" },
+    closeOnClick: { type: Boolean, default: !0 },
     name: {},
     title: { default: "" },
     disabled: { type: Boolean, default: !1 }
@@ -1025,9 +1043,9 @@ const Ao = /* @__PURE__ */ H({
         nmorph: [te[e.height]]
       })
     ), s = J("collapse-data"), d = J("update-model"), _ = g(null), v = g(0), x = () => {
-      n.value = !n.value, d && (d(e.name, n.value), o("click-item", { id: e.name, isOpen: n.value }));
+      e.closeOnClick && (n.value = !n.value, d && (d(e.name, n.value), o("click-item", { id: e.name, isOpen: n.value })));
     };
-    return W(() => {
+    return L(() => {
       Array.isArray(s?.value) ? n.value = s.value.includes(e.name) : n.value = s?.value === e.name;
     }), q(
       () => s?.value,
@@ -1063,13 +1081,13 @@ const Ao = /* @__PURE__ */ H({
     ], 2));
   }
 });
-const Fo = ["src", "alt", "srcset"], Lo = {
+const Uo = ["src", "alt", "srcset"], qo = {
   key: 0,
   class: "nmorph-image__loading"
-}, Wo = {
+}, Go = {
   key: 1,
   class: "nmorph-image__load-failed"
-}, ge = /* @__PURE__ */ H({
+}, ge = /* @__PURE__ */ O({
   __name: "NmorphImage",
   props: {
     src: {},
@@ -1101,27 +1119,27 @@ const Fo = ["src", "alt", "srcset"], Lo = {
         srcset: a.srcset,
         onLoad: n,
         onError: l
-      }, null, 40, Fo),
-      e.value ? O("", !0) : (r(), u("div", Lo, [
+      }, null, 40, Uo),
+      e.value ? H("", !0) : (r(), u("div", qo, [
         N(d.$slots, "loading", {}, () => [
           ee(A(a.loadingText), 1)
         ])
       ])),
-      e.value && o.value ? (r(), u("div", Wo, [
+      e.value && o.value ? (r(), u("div", Go, [
         N(d.$slots, "error", {}, () => [
           ee(A(a.loadFailedText), 1)
         ])
-      ])) : O("", !0)
+      ])) : H("", !0)
     ], 2));
   }
 });
-const Yo = { class: "nmorph-image-preview__content" }, jo = {
+const Xo = { class: "nmorph-image-preview__content" }, Jo = {
   key: 0,
   class: "nmorph-image-preview__left"
-}, Uo = {
+}, Qo = {
   key: 1,
   class: "nmorph-image-preview__right"
-}, qo = { class: "nmorph-image-preview__actions" }, Go = { class: "nmorph-image-preview__action-element" }, et = /* @__PURE__ */ H({
+}, Ko = { class: "nmorph-image-preview__actions" }, Zo = { class: "nmorph-image-preview__action-element" }, et = /* @__PURE__ */ O({
   __name: "NmorphImagePreview",
   props: {
     show: { type: Boolean, default: !1 },
@@ -1204,8 +1222,8 @@ const Yo = { class: "nmorph-image-preview__content" }, jo = {
         show: o.value,
         onOnOutsideClick: _
       }, {
-        default: I(() => [
-          c("div", Yo, [
+        default: P(() => [
+          c("div", Xo, [
             k(p(ge), {
               src: i.value,
               alt: e.alt,
@@ -1213,31 +1231,31 @@ const Yo = { class: "nmorph-image-preview__content" }, jo = {
               style: Z({ transform: `rotate(${f.value}deg) scale(${s.value})` })
             }, null, 8, ["src", "alt", "style"])
           ]),
-          R.value ? (r(), u("div", jo, [
-            k(p(L), { onClick: B }, {
-              default: I(() => [
+          R.value ? (r(), u("div", Jo, [
+            k(p(W), { onClick: B }, {
+              default: P(() => [
                 k(p(z), { name: "chevron-down" })
               ]),
               _: 1
             })
-          ])) : O("", !0),
-          R.value ? (r(), u("div", Uo, [
-            k(p(L), { onClick: D }, {
-              default: I(() => [
+          ])) : H("", !0),
+          R.value ? (r(), u("div", Qo, [
+            k(p(W), { onClick: D }, {
+              default: P(() => [
                 k(p(z), { name: "chevron-down" })
               ]),
               _: 1
             })
-          ])) : O("", !0),
-          c("div", qo, [
+          ])) : H("", !0),
+          c("div", Ko, [
             (r(), u(Y, null, j(V, (U, Q) => c("div", {
               key: Q,
               class: "nmorph-image-preview__action-element"
             }, [
-              k(p(L), {
+              k(p(W), {
                 onClick: U.handler
               }, {
-                default: I(() => [
+                default: P(() => [
                   k(p(z), {
                     name: U.icon
                   }, null, 8, ["name"])
@@ -1245,12 +1263,12 @@ const Yo = { class: "nmorph-image-preview__content" }, jo = {
                 _: 2
               }, 1032, ["onClick"])
             ])), 64)),
-            c("div", Go, [
-              k(p(L), {
+            c("div", Zo, [
+              k(p(W), {
                 disabled: s.value === 1,
                 onClick: T.value.handler
               }, {
-                default: I(() => [
+                default: P(() => [
                   k(p(z), {
                     name: T.value.icon
                   }, null, 8, ["name"])
@@ -1265,7 +1283,7 @@ const Yo = { class: "nmorph-image-preview__content" }, jo = {
     ], 2));
   }
 });
-const Xo = /* @__PURE__ */ H({
+const el = /* @__PURE__ */ O({
   __name: "NmorphPagination",
   props: {
     total: {},
@@ -1303,18 +1321,18 @@ const Xo = /* @__PURE__ */ H({
       const m = Number(d.value) * e.pagerCount, b = m - e.pagerCount;
       n.value = [b, m], o("update:range", n.value);
     };
-    return W(() => {
+    return L(() => {
       y();
     }), (m, b) => v.value ? (r(), u("div", {
       key: 0,
       class: M(l.value)
     }, [
-      k(p(L), {
+      k(p(W), {
         class: "nmorph-pagination__btn",
         disabled: $.value || e.disabled,
         onClick: i
       }, {
-        default: I(() => [
+        default: P(() => [
           k(p(z), {
             name: "chevron-down",
             class: "nmorph-pagination__prev"
@@ -1329,12 +1347,12 @@ const Xo = /* @__PURE__ */ H({
         disabled: e.disabled,
         "onUpdate:modelValue": x
       }, null, 8, ["model-value", "options", "disabled"]),
-      k(p(L), {
+      k(p(W), {
         class: "nmorph-pagination__btn",
         disabled: w.value || e.disabled,
         onClick: s
       }, {
-        default: I(() => [
+        default: P(() => [
           k(p(z), {
             name: "chevron-down",
             class: "nmorph-pagination__next"
@@ -1342,22 +1360,22 @@ const Xo = /* @__PURE__ */ H({
         ]),
         _: 1
       }, 8, ["disabled"])
-    ], 2)) : O("", !0);
+    ], 2)) : H("", !0);
   }
 });
-const Jo = {
+const tl = {
   key: 0,
   class: "nmorph-progress__linear"
-}, Qo = { class: "nmorph-progress__outer" }, Ko = { class: "nmorph-progress__inner" }, Zo = {
+}, al = { class: "nmorph-progress__outer" }, nl = { class: "nmorph-progress__inner" }, ol = {
   key: 0,
   class: "nmorph-progress__inner-text"
-}, el = {
+}, ll = {
   key: 0,
   class: "nmorph-progress__percentage"
-}, tl = {
+}, sl = {
   key: 1,
   class: "nmorph-progress__circle"
-}, al = { class: "nmorph-progress__circle-inner-part" }, nl = ["width", "height"], ol = ["cx", "cy", "r", "stroke-dasharray", "stroke-dashoffset"], ll = /* @__PURE__ */ H({
+}, rl = { class: "nmorph-progress__circle-inner-part" }, il = ["width", "height"], cl = ["cx", "cy", "r", "stroke-dasharray", "stroke-dashoffset"], ul = /* @__PURE__ */ O({
   __name: "NmorphProgress",
   props: {
     type: { default: "linear" },
@@ -1382,31 +1400,31 @@ const Jo = {
         "nmorph-progress": []
       })
     ), o = h(() => `${a.percentage}%`), n = h(() => Array.isArray(a.color) ? a.color.find(($) => $.percentage <= a.percentage)?.color : typeof a.color == "function" ? a.color(a.percentage) : a.color), l = h(() => a.indeterminate ? "var(--animation)" : "none"), i = g(null), s = g(1), d = h(() => `${s.value} ${s.value}`), _ = h(() => s.value - a.percentage / 100 * s.value);
-    W(() => {
+    L(() => {
       i.value && (s.value = 2 * Math.PI * i.value.r.baseVal.value);
     });
     const v = h(() => `${a.circleSize}px`), x = h(() => `${a.percentage}%`);
     return ($, w) => (r(), u("div", {
       class: M(e.value)
     }, [
-      a.type === "linear" ? (r(), u("div", Jo, [
-        c("div", Qo, [
-          c("div", Ko, [
-            $.textInside ? (r(), u("div", Zo, [
+      a.type === "linear" ? (r(), u("div", tl, [
+        c("div", al, [
+          c("div", nl, [
+            $.textInside ? (r(), u("div", ol, [
               N($.$slots, "inner-text", {}, () => [
                 ee(A(x.value), 1)
               ])
-            ])) : O("", !0)
+            ])) : H("", !0)
           ])
         ]),
-        $.showText ? (r(), u("div", el, [
+        $.showText ? (r(), u("div", ll, [
           N($.$slots, "right-sight", {}, () => [
             ee(A(x.value), 1)
           ])
-        ])) : O("", !0)
-      ])) : O("", !0),
-      a.type === "circle" ? (r(), u("div", tl, [
-        c("div", al, [
+        ])) : H("", !0)
+      ])) : H("", !0),
+      a.type === "circle" ? (r(), u("div", sl, [
+        c("div", rl, [
           N($.$slots, "circle-inner-part", {}, () => [
             ee(A(x.value), 1)
           ])
@@ -1424,22 +1442,22 @@ const Jo = {
             r: a.circleSize / 2 - 2,
             "stroke-dasharray": d.value,
             "stroke-dashoffset": _.value
-          }, null, 8, ol)
-        ], 8, nl))
-      ])) : O("", !0)
+          }, null, 8, cl)
+        ], 8, il))
+      ])) : H("", !0)
     ], 2));
   }
 });
-const sl = {
+const dl = {
   key: 0,
   class: "nmorph-skeleton__rows"
-}, rl = {
+}, pl = {
   key: 1,
   class: "nmorph-skeleton__template"
-}, il = {
+}, hl = {
   key: 2,
   class: "nmorph-skeleton__default"
-}, cl = /* @__PURE__ */ H({
+}, _l = /* @__PURE__ */ O({
   __name: "NmorphSkeleton",
   props: {
     animated: { type: Boolean, default: !0 },
@@ -1455,17 +1473,17 @@ const sl = {
     return (o, n) => (r(), u("div", {
       class: M(e.value)
     }, [
-      a.rows && a.loading ? (r(), u("div", sl, [
-        (r(!0), u(Y, null, j(a.rows, (l) => (r(), P(p(tt), { key: l }))), 128))
-      ])) : a.loading ? (r(), u("div", rl, [
+      a.rows && a.loading ? (r(), u("div", dl, [
+        (r(!0), u(Y, null, j(a.rows, (l) => (r(), I(p(tt), { key: l }))), 128))
+      ])) : a.loading ? (r(), u("div", pl, [
         N(o.$slots, "template")
-      ])) : (r(), u("div", il, [
+      ])) : (r(), u("div", hl, [
         N(o.$slots, "default")
       ]))
     ], 2));
   }
 });
-const ul = { class: "nmorph-skeleton-item__element" }, tt = /* @__PURE__ */ H({
+const ml = { class: "nmorph-skeleton-item__element" }, tt = /* @__PURE__ */ O({
   __name: "NmorphSkeletonItem",
   props: {
     variant: { default: "text" }
@@ -1479,17 +1497,17 @@ const ul = { class: "nmorph-skeleton-item__element" }, tt = /* @__PURE__ */ H({
     return (o, n) => (r(), u("div", {
       class: M(e.value)
     }, [
-      c("div", ul, [
-        a.variant === "image" ? (r(), P(p(z), {
+      c("div", ml, [
+        a.variant === "image" ? (r(), I(p(z), {
           key: 0,
           name: "image",
           width: "50%"
-        })) : O("", !0)
+        })) : H("", !0)
       ])
     ], 2));
   }
 });
-const ie = "10px", dl = /* @__PURE__ */ H({
+const ie = "10px", vl = /* @__PURE__ */ O({
   __name: "NmorphSortButton",
   props: {
     value: {}
@@ -1507,12 +1525,12 @@ const ie = "10px", dl = /* @__PURE__ */ H({
     return (i, s) => (r(), u("div", {
       class: M(n.value)
     }, [
-      k(p(L), {
+      k(p(W), {
         height: "thin",
         "style-type": "transparent",
         onClick: l
       }, {
-        default: I(() => [
+        default: P(() => [
           k(p(z), {
             name: "triangle-down",
             class: "nmorph-sort-button__icon-up",
@@ -1531,7 +1549,7 @@ const ie = "10px", dl = /* @__PURE__ */ H({
     ], 2));
   }
 });
-const pl = { class: "nmorph-table__wrapper" }, hl = { class: "nmorph-table__header" }, _l = ["data-src"], ml = { class: "nmorph-table__table-row" }, vl = { class: "nmorph-table__cell" }, fl = { class: "nmorph-table__body" }, yl = ["id"], gl = { class: "nmorph-table__slot-columns" }, at = /* @__PURE__ */ H({
+const fl = { class: "nmorph-table__wrapper" }, yl = { class: "nmorph-table__header" }, gl = ["data-src"], bl = { class: "nmorph-table__table-row" }, $l = { class: "nmorph-table__cell" }, kl = { class: "nmorph-table__body" }, wl = ["id"], xl = { class: "nmorph-table__slot-columns" }, at = /* @__PURE__ */ O({
   __name: "NmorphTable",
   props: {
     data: { default: () => [] },
@@ -1575,40 +1593,40 @@ const pl = { class: "nmorph-table__wrapper" }, hl = { class: "nmorph-table__head
       key: v.value,
       class: M(e.value)
     }, [
-      c("div", pl, [
-        c("table", hl, [
+      c("div", fl, [
+        c("table", yl, [
           c("colgroup", null, [
             (r(!0), u(Y, null, j(s.value, (m) => (r(), u("col", {
               key: m.prop,
               style: Z({ width: `${_(m.width)}px` }),
               "data-src": `${_(m.width)}px`
-            }, null, 12, _l))), 128))
+            }, null, 12, gl))), 128))
           ]),
           c("thead", null, [
-            c("tr", ml, [
+            c("tr", bl, [
               (r(!0), u(Y, null, j(s.value, (m, b) => (r(), u("th", {
                 key: b,
                 class: M(["nmorph-table__table-data", { "nmorph-table__table-data--bordered": a.bordered }])
               }, [
-                c("div", vl, [
+                c("div", $l, [
                   c("div", {
                     style: Z({ "justify-content": m.alignment }),
                     class: "nmorph-table__cell-content"
                   }, [
                     c("span", null, A(m.label), 1),
-                    n.value && n.value[m.prop] ? (r(), P(dl, {
+                    n.value && n.value[m.prop] ? (r(), I(vl, {
                       key: 0,
                       class: "nmorph-table__button-wrapper",
                       value: n.value[m.prop],
                       onSort: (f) => l(f, m.prop)
-                    }, null, 8, ["value", "onSort"])) : O("", !0)
+                    }, null, 8, ["value", "onSort"])) : H("", !0)
                   ], 4)
                 ])
               ], 2))), 128))
             ])
           ])
         ]),
-        c("div", fl, [
+        c("div", kl, [
           c("table", null, [
             c("colgroup", null, [
               (r(!0), u(Y, null, j(s.value, (m) => (r(), u("col", {
@@ -1629,7 +1647,7 @@ const pl = { class: "nmorph-table__wrapper" }, hl = { class: "nmorph-table__head
                     id: `table-cell-${p($)}-${b}-${f.prop}`,
                     style: Z({ "text-align": f.alignment }),
                     class: "nmorph-table__cell nmorph-table__cell--data"
-                  }, A(x(m[f.prop])), 13, yl)
+                  }, A(x(m[f.prop])), 13, wl)
                 ], 2))), 128))
               ], 2))), 128))
             ])
@@ -1641,7 +1659,7 @@ const pl = { class: "nmorph-table__wrapper" }, hl = { class: "nmorph-table__head
                 style: Z({ width: `${_(m.width)}px` })
               }, null, 4))), 128))
             ]),
-            c("tbody", gl, [
+            c("tbody", xl, [
               N(w.$slots, "default")
             ])
           ])
@@ -1650,7 +1668,7 @@ const pl = { class: "nmorph-table__wrapper" }, hl = { class: "nmorph-table__head
     ], 2));
   }
 });
-const nt = /* @__PURE__ */ H({
+const nt = /* @__PURE__ */ O({
   __name: "NmorphTableCell",
   props: {
     row: {}
@@ -1661,18 +1679,18 @@ const nt = /* @__PURE__ */ H({
         "nmorph-table-cell": []
       })
     ), l = h(() => `#table-cell-${e}-${o.row}-${a}`), i = g(!1);
-    return W(() => {
+    return L(() => {
       i.value = !0;
     }), (s, d) => i.value ? (r(), u("div", {
       key: 0,
       class: M(n.value)
     }, [
-      (r(), P(se, { to: l.value }, [
+      (r(), I(se, { to: l.value }, [
         N(s.$slots, "default")
       ], 8, ["to"]))
-    ], 2)) : O("", !0);
+    ], 2)) : H("", !0);
   }
-}), bl = ["data-id"], ot = /* @__PURE__ */ H({
+}), Ml = ["data-id"], ot = /* @__PURE__ */ O({
   __name: "NmorphTableColumn",
   props: {
     label: { default: "" },
@@ -1686,7 +1704,7 @@ const nt = /* @__PURE__ */ H({
         "nmorph-table-column": []
       })
     ), l = g(0);
-    X("column-property", o.prop), X("table-identifier", e), W(() => {
+    X("column-property", o.prop), X("table-identifier", e), L(() => {
       i();
     });
     const i = () => {
@@ -1704,9 +1722,9 @@ const nt = /* @__PURE__ */ H({
       N(d.$slots, "default", {
         scope: { columns: p(a)?.columns.value, rows: p(a)?.rows.value, tableId: p(e) }
       })
-    ], 10, bl));
+    ], 10, Ml));
   }
-}), $l = { class: "nmorph-tag__content" }, lt = /* @__PURE__ */ H({
+}), Cl = { class: "nmorph-tag__content" }, lt = /* @__PURE__ */ O({
   __name: "NmorphTag",
   props: {
     value: {},
@@ -1728,22 +1746,22 @@ const nt = /* @__PURE__ */ H({
     return (i, s) => (r(), u("div", {
       class: M(o.value)
     }, [
-      c("div", $l, [
+      c("div", Cl, [
         c("span", null, A(i.text), 1),
-        e.removable ? (r(), P(p(z), {
+        e.removable ? (r(), I(p(z), {
           key: 0,
           class: "nmorph-tag__close-icon",
           name: "error",
           onClick: ae(l, ["stop"])
-        })) : O("", !0)
+        })) : H("", !0)
       ])
     ], 2));
   }
 });
-const kl = { class: "nmorph-alert__wrapper" }, wl = {
+const Dl = { class: "nmorph-alert__wrapper" }, Bl = {
   key: 0,
   class: "nmorph-alert__icon"
-}, xl = { class: "nmorph-alert__content-wrapper" }, Ml = { class: "nmorph-alert__content-title" }, Cl = { class: "nmorph-alert__content" }, Dl = /* @__PURE__ */ H({
+}, Vl = { class: "nmorph-alert__content-wrapper" }, Nl = { class: "nmorph-alert__content-title" }, Sl = { class: "nmorph-alert__content" }, Tl = /* @__PURE__ */ O({
   __name: "NmorphAlert",
   props: {
     color: { default: "info" },
@@ -1767,22 +1785,22 @@ const kl = { class: "nmorph-alert__wrapper" }, wl = {
       key: 0,
       class: M(l.value)
     }, [
-      c("div", kl, [
-        e.showIcon ? (r(), u("div", wl, [
+      c("div", Dl, [
+        e.showIcon ? (r(), u("div", Bl, [
           N(_.$slots, "icon", {}, () => [
             k(p(z), {
               name: s.value,
               size: "medium"
             }, null, 8, ["name"])
           ])
-        ])) : O("", !0),
-        c("div", xl, [
-          c("div", Ml, [
+        ])) : H("", !0),
+        c("div", Vl, [
+          c("div", Nl, [
             e.title || p(d).title ? N(_.$slots, "title", { key: 0 }, () => [
               ee(A(e.title), 1)
-            ]) : O("", !0)
+            ]) : H("", !0)
           ]),
-          c("div", Cl, [
+          c("div", Sl, [
             N(_.$slots, "default", {}, () => [
               ee(A(e.content), 1)
             ])
@@ -1798,13 +1816,13 @@ const kl = { class: "nmorph-alert__wrapper" }, wl = {
             width: "14px",
             height: "14px"
           })
-        ])) : O("", !0)
+        ])) : H("", !0)
       ])
-    ], 2)) : O("", !0);
+    ], 2)) : H("", !0);
   }
 });
 var st = /* @__PURE__ */ ((t) => (t.success = "success", t.error = "error", t.warning = "warning", t.info = "info", t))(st || {});
-const Bl = { class: "nmorph-dialog__header" }, Vl = { class: "nmorph-dialog__title" }, Nl = { class: "nmorph-dialog__content" }, Sl = /* @__PURE__ */ H({
+const Ol = { class: "nmorph-dialog__header" }, Hl = { class: "nmorph-dialog__title" }, zl = { class: "nmorph-dialog__content" }, Il = /* @__PURE__ */ O({
   __name: "NmorphDialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1819,23 +1837,23 @@ const Bl = { class: "nmorph-dialog__header" }, Vl = { class: "nmorph-dialog__tit
     ), l = () => {
       o("on-close"), o("update:modelValue", !e.modelValue);
     };
-    return (i, s) => (r(), P(p(fe), {
+    return (i, s) => (r(), I(p(fe), {
       show: e.modelValue,
       onOnOutsideClick: l
     }, {
-      default: I(() => [
+      default: P(() => [
         c("div", {
           class: M(n.value)
         }, [
-          c("div", Bl, [
+          c("div", Ol, [
             N(i.$slots, "header", {}, () => [
-              c("div", Vl, A(e.title), 1),
+              c("div", Hl, A(e.title), 1),
               c("div", {
                 class: "nmorph-dialog__close-icon",
                 onClick: l
               }, [
-                k(p(L), null, {
-                  default: I(() => [
+                k(p(W), null, {
+                  default: P(() => [
                     k(p(z), { name: "cross" })
                   ]),
                   _: 1
@@ -1843,7 +1861,7 @@ const Bl = { class: "nmorph-dialog__header" }, Vl = { class: "nmorph-dialog__tit
               ])
             ])
           ]),
-          c("div", Nl, [
+          c("div", zl, [
             N(i.$slots, "default")
           ])
         ], 2)
@@ -1852,7 +1870,7 @@ const Bl = { class: "nmorph-dialog__header" }, Vl = { class: "nmorph-dialog__tit
     }, 8, ["show"]));
   }
 });
-var Tl = /* @__PURE__ */ ((t) => (t["contains-one"] = "contains-one", t["not-contains"] = "not-contains", t["full-eq"] = "full-eq", t))(Tl || {}), Hl = /* @__PURE__ */ ((t) => (t.eq = "eq", t.gte = "gte", t.lte = "lte", t.gt = "gt", t.lt = "lt", t))(Hl || {}), Ol = /* @__PURE__ */ ((t) => (t.eq = "eq", t["not-eq"] = "not-eq", t))(Ol || {});
+var Pl = /* @__PURE__ */ ((t) => (t["contains-one"] = "contains-one", t["not-contains"] = "not-contains", t["full-eq"] = "full-eq", t))(Pl || {}), Al = /* @__PURE__ */ ((t) => (t.eq = "eq", t.gte = "gte", t.lte = "lte", t.gt = "gt", t.lt = "lt", t))(Al || {}), Rl = /* @__PURE__ */ ((t) => (t.eq = "eq", t["not-eq"] = "not-eq", t))(Rl || {});
 const Te = (t) => {
   const { inputValue: a, rules: e } = t, o = g([]), n = h(() => o.value.length === 0), l = g(!1);
   return {
@@ -1912,7 +1930,7 @@ const Te = (t) => {
       }
     }
   };
-}, zl = (t, a = !1) => {
+}, El = (t, a = !1) => {
   const e = le({}), o = le(Ne(t)), n = () => {
     Object.entries(t).forEach(([s, d]) => {
       e[s] = Te({ inputValue: d.value, rules: d.rules }), e[s].validate();
@@ -1931,11 +1949,11 @@ const Te = (t) => {
   };
 }, rt = (t) => {
   const { initialPlacement: a, relativeElement: e, contentDOMElement: o, yOffset: n = 0, xOffset: l = 0 } = t, i = g(a), s = g({ x: "0px", y: "0px" });
-  W(() => {
+  L(() => {
     d();
   });
   const d = () => {
-    Ie(() => {
+    Pe(() => {
       if (!o.value || !e) {
         console.warn("There is no relative element or content DOM element");
         return;
@@ -1950,10 +1968,10 @@ const Te = (t) => {
     });
   };
   return { placement: i, placementCoords: s };
-}, qr = () => {
-}, Gr = (t = "dark") => {
+}, Kr = () => {
+}, Zr = (t = "dark") => {
   const a = g(t === "light"), e = g(null);
-  return W(() => {
+  return L(() => {
     e.value = document.querySelector("html"), e?.value.setAttribute("data-theme", a.value ? "light" : "dark");
   }), q(
     a,
@@ -1970,10 +1988,10 @@ const Te = (t) => {
       a.value = l === "dark";
     }
   };
-}, Pl = { class: "nmorph-tooltip__shadow-content" }, Il = /* @__PURE__ */ c("div", { class: "nmorph-tooltip__triangle" }, null, -1), Al = {
+}, Fl = { class: "nmorph-tooltip__shadow-content" }, Wl = /* @__PURE__ */ c("div", { class: "nmorph-tooltip__triangle" }, null, -1), Ll = {
   key: 0,
   class: "nmorph-tooltip__info-content"
-}, Rl = { class: "nmorph-tooltip__shadow-content" }, El = /* @__PURE__ */ c("div", { class: "nmorph-tooltip__triangle" }, null, -1), Fl = { key: 0 }, it = /* @__PURE__ */ H({
+}, Yl = { class: "nmorph-tooltip__shadow-content" }, jl = /* @__PURE__ */ c("div", { class: "nmorph-tooltip__triangle" }, null, -1), Ul = { key: 0 }, it = /* @__PURE__ */ O({
   __name: "NmorphTooltip",
   props: {
     text: { default: "" },
@@ -2014,36 +2032,36 @@ const Te = (t) => {
         }, [
           N(v.$slots, "default")
         ], 512),
-        a.forceCoordinate ? (r(), P(de, {
+        a.forceCoordinate ? (r(), I(de, {
           key: 0,
           name: "opacity",
           tag: "div"
         }, {
-          default: I(() => [
+          default: P(() => [
             e.value && a.text ? (r(), u("div", {
               key: 0,
               class: "nmorph-tooltip__info-content",
               style: Z({ left: v.forceCoordinate?.x, bottom: v.forceCoordinate?.y })
             }, [
-              c("div", Pl, [
-                Il,
+              c("div", Fl, [
+                Wl,
                 c("span", null, A(v.text), 1)
               ])
-            ], 4)) : O("", !0)
+            ], 4)) : H("", !0)
           ]),
           _: 1
-        })) : (r(), P(de, {
+        })) : (r(), I(de, {
           key: 1,
           name: "opacity",
           tag: "div"
         }, {
-          default: I(() => [
-            e.value ? (r(), u("div", Al, [
-              c("div", Rl, [
-                El,
-                a.text ? (r(), u("span", Fl, A(v.text), 1)) : N(v.$slots, "content", { key: 1 })
+          default: P(() => [
+            e.value ? (r(), u("div", Ll, [
+              c("div", Yl, [
+                jl,
+                a.text ? (r(), u("span", Ul, A(v.text), 1)) : N(v.$slots, "content", { key: 1 })
               ])
-            ])) : O("", !0)
+            ])) : H("", !0)
           ]),
           _: 3
         }))
@@ -2051,28 +2069,28 @@ const Te = (t) => {
     ], 2));
   }
 });
-const Ll = {
+const ql = {
   key: 0,
   class: "nmorph-checkbox__content"
-}, Wl = { class: "nmorph-checkbox__input-wrapper" }, Yl = ["disabled", "checked"], jl = /* @__PURE__ */ c("div", { class: "nmorph-checkbox__fake" }, null, -1), Ul = {
+}, Gl = { class: "nmorph-checkbox__input-wrapper" }, Xl = ["disabled", "checked"], Jl = /* @__PURE__ */ c("div", { class: "nmorph-checkbox__fake" }, null, -1), Ql = {
   key: 0,
   class: "nmorph-checkbox__fake-checked"
-}, ql = {
+}, Kl = {
   key: 0,
   class: "nmorph-checkbox__label"
-}, Gl = {
+}, Zl = {
   key: 1,
   class: "nmorph-checkbox__label"
-}, Xl = {
+}, es = {
   key: 1,
   class: "nmorph-checkbox__content"
-}, Jl = ["disabled", "checked"], Ql = {
+}, ts = ["disabled", "checked"], as = {
   key: 0,
   class: "nmorph-checkbox__fake"
-}, Kl = {
+}, ns = {
   key: 1,
   class: "nmorph-checkbox__fake"
-}, ct = /* @__PURE__ */ H({
+}, ct = /* @__PURE__ */ O({
   __name: "NmorphCheckbox",
   props: {
     id: {},
@@ -2084,7 +2102,7 @@ const Ll = {
   emits: ["inputDOMRef", "update:modelValue"],
   setup(t, { emit: a }) {
     const e = J("checkbox-group-selected-value"), o = J("change-checkbox-value-handler"), n = t;
-    W(() => {
+    L(() => {
       _("inputDOMRef", l);
     });
     const l = g(null), i = e !== void 0, s = i ? g(e.value) : g(n.modelValue), d = h(() => i ? e.value.includes(n.id) : n.modelValue), _ = a, v = () => {
@@ -2103,8 +2121,8 @@ const Ll = {
     return ($, w) => (r(), u("label", {
       class: M(x.value)
     }, [
-      n.styleType === "checkbox-style" ? (r(), u("div", Ll, [
-        c("div", Wl, [
+      n.styleType === "checkbox-style" ? (r(), u("div", ql, [
+        c("div", Gl, [
           c("input", {
             ref_key: "inputDOMRef",
             ref: l,
@@ -2112,17 +2130,17 @@ const Ll = {
             disabled: n.disabled,
             checked: d.value,
             onChange: v
-          }, null, 40, Yl),
-          jl,
-          d.value ? (r(), u("div", Ul)) : O("", !0)
+          }, null, 40, Xl),
+          Jl,
+          d.value ? (r(), u("div", Ql)) : H("", !0)
         ]),
-        n.label ? (r(), u("div", ql, [
+        n.label ? (r(), u("div", Kl, [
           c("span", null, A(n.label), 1)
-        ])) : (r(), u("div", Gl, [
+        ])) : (r(), u("div", Zl, [
           N($.$slots, "default")
         ]))
-      ])) : O("", !0),
-      n.styleType === "button-style" ? (r(), u("div", Xl, [
+      ])) : H("", !0),
+      n.styleType === "button-style" ? (r(), u("div", es, [
         c("input", {
           ref_key: "inputDOMRef",
           ref: l,
@@ -2130,18 +2148,18 @@ const Ll = {
           disabled: n.disabled,
           checked: d.value,
           onChange: v
-        }, null, 40, Jl),
-        n.label ? (r(), u("div", Ql, [
+        }, null, 40, ts),
+        n.label ? (r(), u("div", as, [
           c("span", null, A(n.label), 1)
-        ])) : (r(), u("div", Kl, [
+        ])) : (r(), u("div", ns, [
           N($.$slots, "label")
         ]))
-      ])) : O("", !0)
+      ])) : H("", !0)
     ], 2));
   }
 });
 var ut = /* @__PURE__ */ ((t) => (t["checkbox-style"] = "checkbox-style", t["button-style"] = "button-style", t))(ut || {});
-const Zl = { class: "nmorph-checkbox-group__wrapper" }, es = { class: "nmorph-checkbox-group__content" }, ts = /* @__PURE__ */ H({
+const os = { class: "nmorph-checkbox-group__wrapper" }, ls = { class: "nmorph-checkbox-group__content" }, ss = /* @__PURE__ */ O({
   __name: "NmorphCheckboxGroup",
   props: {
     modelValue: { default: () => [] },
@@ -2164,9 +2182,9 @@ const Zl = { class: "nmorph-checkbox-group__wrapper" }, es = { class: "nmorph-ch
     return X("checkbox-group-selected-value", o), X("change-checkbox-value-handler", l), (s, d) => (r(), u("div", {
       class: M(i.value)
     }, [
-      c("div", Zl, [
-        c("div", es, [
-          (r(!0), u(Y, null, j(s.options, (_, v) => (r(), P(p(ct), {
+      c("div", os, [
+        c("div", ls, [
+          (r(!0), u(Y, null, j(s.options, (_, v) => (r(), I(p(ct), {
             id: _.id,
             key: v,
             label: _.label,
@@ -2180,13 +2198,13 @@ const Zl = { class: "nmorph-checkbox-group__wrapper" }, es = { class: "nmorph-ch
     ], 2));
   }
 });
-const as = { class: "nmorph-autocomplete__input-content" }, ns = {
+const rs = { class: "nmorph-autocomplete__input-content" }, is = {
   key: 0,
   class: "nmorph-autocomplete__loading"
-}, os = {
+}, cs = {
   key: 1,
   class: "nmorph-autocomplete__list"
-}, ls = ["onClick"], ss = /* @__PURE__ */ H({
+}, us = ["onClick"], ds = /* @__PURE__ */ O({
   __name: "NmorphAutocomplete",
   props: {
     modelValue: { default: "" },
@@ -2226,7 +2244,7 @@ const as = { class: "nmorph-autocomplete__input-content" }, ns = {
     }), (y, m) => (r(), u("div", {
       class: M(l.value)
     }, [
-      c("div", as, [
+      c("div", rs, [
         c("div", {
           ref_key: "nmorphAutocompleteDOMRef",
           ref: d,
@@ -2244,21 +2262,21 @@ const as = { class: "nmorph-autocomplete__input-content" }, ns = {
           }, null, 8, ["fill", "height", "disabled", "model-value", "placeholder", "clearable"])
         ], 512)
       ]),
-      d.value ? (r(), P(p(ne), {
+      d.value ? (r(), I(p(ne), {
         key: 0,
         open: s.value,
         "relative-element": d.value,
         onOnOutsideClick: _
       }, {
-        default: I(() => [
-          w.value ? (r(), u("div", ns, [
+        default: P(() => [
+          w.value ? (r(), u("div", is, [
             N(y.$slots, "loader", {}, () => [
               k(p(z), {
                 name: "loader",
                 size: "large"
               })
             ])
-          ])) : (r(), u("div", os, [
+          ])) : (r(), u("div", cs, [
             (r(!0), u(Y, null, j(v.value, (b, f) => (r(), u("div", {
               key: f,
               class: "nmorph-autocomplete__list-item",
@@ -2267,15 +2285,15 @@ const as = { class: "nmorph-autocomplete__input-content" }, ns = {
               N(y.$slots, "default", { scope: b }, () => [
                 ee(A(b.value), 1)
               ])
-            ], 8, ls))), 128))
+            ], 8, us))), 128))
           ]))
         ]),
         _: 3
-      }, 8, ["open", "relative-element"])) : O("", !0)
+      }, 8, ["open", "relative-element"])) : H("", !0)
     ], 2));
   }
 });
-const He = /* @__PURE__ */ H({
+const Oe = /* @__PURE__ */ O({
   __name: "NmorphClearButton",
   emits: ["clear"],
   setup(t, { emit: a }) {
@@ -2293,13 +2311,13 @@ const He = /* @__PURE__ */ H({
       })
     ], 2));
   }
-}), rs = {
+}), ps = {
   key: 0,
   class: "nmorph-date-picker__date-wrapper"
-}, is = /* @__PURE__ */ c("input", { type: "date" }, null, -1), cs = { class: "nmorph-date-picker__selected-value" }, us = { class: "nmorph-date-picker__clear-button-wrapper" }, ds = { class: "nmorph-date-picker__content" }, ps = {
+}, hs = /* @__PURE__ */ c("input", { type: "date" }, null, -1), _s = { class: "nmorph-date-picker__selected-value" }, ms = { class: "nmorph-date-picker__clear-button-wrapper" }, vs = { class: "nmorph-date-picker__content" }, fs = {
   key: 1,
   class: "nmorph-date-picker__date-range-wrapper"
-}, hs = /* @__PURE__ */ c("input", { type: "date" }, null, -1), _s = { class: "nmorph-date-picker__selected-value" }, ms = { class: "nmorph-date-picker__value-from" }, vs = { class: "nmorph-date-picker__value-separator" }, fs = { class: "nmorph-date-picker__value-from" }, ys = { class: "nmorph-date-picker__clear-button-wrapper" }, gs = { class: "nmorph-date-picker__content" }, bs = /* @__PURE__ */ H({
+}, ys = /* @__PURE__ */ c("input", { type: "date" }, null, -1), gs = { class: "nmorph-date-picker__selected-value" }, bs = { class: "nmorph-date-picker__value-from" }, $s = { class: "nmorph-date-picker__value-separator" }, ks = { class: "nmorph-date-picker__value-from" }, ws = { class: "nmorph-date-picker__clear-button-wrapper" }, xs = { class: "nmorph-date-picker__content" }, Ms = /* @__PURE__ */ O({
   __name: "NmorphDatePicker",
   props: {
     placeholder: { default: "Pick a date" },
@@ -2358,28 +2376,28 @@ const He = /* @__PURE__ */ H({
     return (D, T) => (r(), u("div", {
       class: M(s.value)
     }, [
-      e.type === "date" || e.type === "dates" ? (r(), u("div", rs, [
+      e.type === "date" || e.type === "dates" ? (r(), u("div", ps, [
         c("div", {
           ref_key: "nmorphInputDOMRef",
           ref: _,
           class: M(["nmorph-date-picker__input", { "nmorph-date-picker__input--open": d.value }]),
           onClick: x
         }, [
-          is,
+          hs,
           k(p(z), {
             name: "calendar",
             class: "nmorph-date-picker__calendar-icon"
           }),
-          c("div", cs, A($.value), 1),
-          c("div", us, [
-            b.value ? (r(), P(He, {
+          c("div", _s, A($.value), 1),
+          c("div", ms, [
+            b.value ? (r(), I(Oe, {
               key: 0,
               onClear: y
-            })) : O("", !0)
+            })) : H("", !0)
           ])
         ], 2),
-        c("div", ds, [
-          _.value ? (r(), P(p(ne), {
+        c("div", vs, [
+          _.value ? (r(), I(p(ne), {
             key: 0,
             "fill-width": !1,
             width: 324,
@@ -2387,7 +2405,7 @@ const He = /* @__PURE__ */ H({
             "relative-element": _.value,
             onOnOutsideClick: v
           }, {
-            default: I(() => [
+            default: P(() => [
               k(p(ue), {
                 "selected-values": l.value,
                 "initial-date": o.value,
@@ -2396,35 +2414,35 @@ const He = /* @__PURE__ */ H({
               }, null, 8, ["selected-values", "initial-date", "type"])
             ]),
             _: 1
-          }, 8, ["open", "relative-element"])) : O("", !0)
+          }, 8, ["open", "relative-element"])) : H("", !0)
         ])
-      ])) : O("", !0),
-      e.type === "daterange" ? (r(), u("div", ps, [
+      ])) : H("", !0),
+      e.type === "daterange" ? (r(), u("div", fs, [
         c("div", {
           ref_key: "nmorphInputDOMRef",
           ref: _,
           class: M(["nmorph-date-picker__input", { "nmorph-date-picker__input--open": d.value }]),
           onClick: x
         }, [
-          hs,
+          ys,
           k(p(z), {
             name: "calendar",
             class: "nmorph-date-picker__calendar-icon"
           }),
-          c("div", _s, [
-            c("div", ms, A(w.value.from), 1),
-            c("div", vs, A(e.textSeparator), 1),
-            c("div", fs, A(w.value.to), 1)
+          c("div", gs, [
+            c("div", bs, A(w.value.from), 1),
+            c("div", $s, A(e.textSeparator), 1),
+            c("div", ks, A(w.value.to), 1)
           ]),
-          c("div", ys, [
-            b.value ? (r(), P(He, {
+          c("div", ws, [
+            b.value ? (r(), I(Oe, {
               key: 0,
               onClear: y
-            })) : O("", !0)
+            })) : H("", !0)
           ])
         ], 2),
-        c("div", gs, [
-          _.value ? (r(), P(p(ne), {
+        c("div", xs, [
+          _.value ? (r(), I(p(ne), {
             key: 0,
             "fill-width": !1,
             width: 648,
@@ -2432,7 +2450,7 @@ const He = /* @__PURE__ */ H({
             "relative-element": _.value,
             onOnOutsideClick: v
           }, {
-            default: I(() => [
+            default: P(() => [
               k(p(ue), {
                 "selected-values": l.value,
                 "initial-date": o.value,
@@ -2448,14 +2466,14 @@ const He = /* @__PURE__ */ H({
               }, null, 8, ["selected-values", "initial-date", "type"])
             ]),
             _: 1
-          }, 8, ["open", "relative-element"])) : O("", !0)
+          }, 8, ["open", "relative-element"])) : H("", !0)
         ])
-      ])) : O("", !0)
+      ])) : H("", !0)
     ], 2));
   }
 });
 var dt = /* @__PURE__ */ ((t) => (t.date = "date", t.dates = "dates", t.daterange = "daterange", t))(dt || {});
-const $s = { class: "nmorph-year-month-picker__header" }, ks = { class: "nmorph-year-month-picker__value" }, ws = { class: "nmorph-year-month-picker__values" }, be = /* @__PURE__ */ H({
+const Cs = { class: "nmorph-year-month-picker__header" }, Ds = { class: "nmorph-year-month-picker__value" }, Bs = { class: "nmorph-year-month-picker__values" }, be = /* @__PURE__ */ O({
   __name: "NmorphYearMonthPicker",
   props: {
     currentDate: {},
@@ -2504,13 +2522,13 @@ const $s = { class: "nmorph-year-month-picker__header" }, ks = { class: "nmorph-
     return (b, f) => (r(), u("div", {
       class: M(_.value)
     }, [
-      c("div", $s, [
-        k(p(L), {
+      c("div", Cs, [
+        k(p(W), {
           class: "nmorph-year-month-picker__action-btn",
           "style-type": "transparent",
           onClick: f[0] || (f[0] = (B) => w("decrease"))
         }, {
-          default: I(() => [
+          default: P(() => [
             k(p(z), {
               name: "chevron-down",
               class: "nmorph-year-month-picker__chevron-left"
@@ -2518,19 +2536,19 @@ const $s = { class: "nmorph-year-month-picker__header" }, ks = { class: "nmorph-
           ]),
           _: 1
         }),
-        c("div", ks, [
-          k(p(L), {
+        c("div", Ds, [
+          k(p(W), {
             text: y.value,
             "style-type": "transparent",
             onClick: m
           }, null, 8, ["text"])
         ]),
-        k(p(L), {
+        k(p(W), {
           class: "nmorph-year-month-picker__action-btn",
           "style-type": "transparent",
           onClick: f[1] || (f[1] = (B) => w("increase"))
         }, {
-          default: I(() => [
+          default: P(() => [
             k(p(z), {
               name: "chevron-down",
               class: "nmorph-year-month-picker__chevron-right"
@@ -2539,7 +2557,7 @@ const $s = { class: "nmorph-year-month-picker__header" }, ks = { class: "nmorph-
           _: 1
         })
       ]),
-      c("div", ws, [
+      c("div", Bs, [
         k(p(Me), {
           "model-value": l.value,
           options: n.value,
@@ -2550,7 +2568,7 @@ const $s = { class: "nmorph-year-month-picker__header" }, ks = { class: "nmorph-
     ], 2));
   }
 });
-const ue = /* @__PURE__ */ H({
+const ue = /* @__PURE__ */ O({
   __name: "NmorphDatePickerContent",
   props: {
     initialDate: { default: () => /* @__PURE__ */ new Date() },
@@ -2589,14 +2607,14 @@ const ue = /* @__PURE__ */ H({
     return (V, C) => (r(), u("div", {
       class: M(n.value)
     }, [
-      i.value === "calendar" ? (r(), P(p(qe), {
+      i.value === "calendar" ? (r(), I(p(qe), {
         key: 0,
         type: e.type,
         "selected-values": e.selectedValues,
         "initial-date": l.value,
         "onUpdate:modelValue": T
       }, {
-        header: I(() => [
+        header: P(() => [
           k(p(pt), {
             date: l.value,
             onPrevMonth: x,
@@ -2608,24 +2626,24 @@ const ue = /* @__PURE__ */ H({
           }, null, 8, ["date"])
         ]),
         _: 1
-      }, 8, ["type", "selected-values", "initial-date"])) : O("", !0),
-      i.value === "year" ? (r(), P(p(be), {
+      }, 8, ["type", "selected-values", "initial-date"])) : H("", !0),
+      i.value === "year" ? (r(), I(p(be), {
         key: 1,
         type: "year",
         "current-date": l.value,
         onUpdateYear: f
-      }, null, 8, ["current-date"])) : O("", !0),
-      i.value === "month" ? (r(), P(p(be), {
+      }, null, 8, ["current-date"])) : H("", !0),
+      i.value === "month" ? (r(), I(p(be), {
         key: 2,
         type: "month",
         "current-date": l.value,
         onUpdateYear: f,
         onUpdateMonth: B,
         onBackToYears: D
-      }, null, 8, ["current-date"])) : O("", !0)
+      }, null, 8, ["current-date"])) : H("", !0)
     ], 2));
   }
-}), xs = { class: "nmorph-date-picker-header__left-side" }, Ms = { class: "nmorph-date-picker-header__center-side" }, Cs = { class: "nmorph-date-picker-header__right-side" }, pt = /* @__PURE__ */ H({
+}), Vs = { class: "nmorph-date-picker-header__left-side" }, Ns = { class: "nmorph-date-picker-header__center-side" }, Ss = { class: "nmorph-date-picker-header__right-side" }, pt = /* @__PURE__ */ O({
   __name: "NmorphDatePickerHeader",
   props: {
     date: { default: () => /* @__PURE__ */ new Date() }
@@ -2640,13 +2658,13 @@ const ue = /* @__PURE__ */ H({
     return (l, i) => (r(), u("div", {
       class: M(n.value)
     }, [
-      c("div", xs, [
-        k(p(L), {
+      c("div", Vs, [
+        k(p(W), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
           onClick: i[0] || (i[0] = (s) => o("prev-year"))
         }, {
-          default: I(() => [
+          default: P(() => [
             k(p(z), {
               name: "chevron-double-down",
               class: "nmorph-date-picker-header__chevron-double-left"
@@ -2654,12 +2672,12 @@ const ue = /* @__PURE__ */ H({
           ]),
           _: 1
         }),
-        k(p(L), {
+        k(p(W), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
           onClick: i[1] || (i[1] = (s) => o("prev-month"))
         }, {
-          default: I(() => [
+          default: P(() => [
             k(p(z), {
               name: "chevron-down",
               class: "nmorph-date-picker-header__chevron-left"
@@ -2668,27 +2686,27 @@ const ue = /* @__PURE__ */ H({
           _: 1
         })
       ]),
-      c("div", Ms, [
-        k(p(L), {
+      c("div", Ns, [
+        k(p(W), {
           text: String(e.date.getFullYear()),
           "style-type": "transparent",
           fill: "",
           onClick: i[2] || (i[2] = (s) => o("change-year"))
         }, null, 8, ["text"]),
-        k(p(L), {
+        k(p(W), {
           text: p(we)(e.date.getMonth()),
           "style-type": "transparent",
           fill: "",
           onClick: i[3] || (i[3] = (s) => o("change-month"))
         }, null, 8, ["text"])
       ]),
-      c("div", Cs, [
-        k(p(L), {
+      c("div", Ss, [
+        k(p(W), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
           onClick: i[4] || (i[4] = (s) => o("next-month"))
         }, {
-          default: I(() => [
+          default: P(() => [
             k(p(z), {
               name: "chevron-down",
               class: "nmorph-date-picker-header__chevron-right"
@@ -2696,12 +2714,12 @@ const ue = /* @__PURE__ */ H({
           ]),
           _: 1
         }),
-        k(p(L), {
+        k(p(W), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
           onClick: i[5] || (i[5] = (s) => o("next-year"))
         }, {
-          default: I(() => [
+          default: P(() => [
             k(p(z), {
               name: "chevron-double-down",
               class: "nmorph-date-picker-header__chevron-double-right"
@@ -2713,7 +2731,7 @@ const ue = /* @__PURE__ */ H({
     ], 2));
   }
 });
-const Ds = { class: "nmorph-file-upload__trigger" }, Bs = ["multiple"], Vs = { class: "nmorph-file-upload__list" }, Ns = { class: "nmorph-file-upload__file-info" }, Ss = { class: "nmorph-file-upload__file-name" }, Ts = { class: "nmorph-file-upload__remove-file" }, Hs = /* @__PURE__ */ H({
+const Ts = { class: "nmorph-file-upload__trigger" }, Os = ["multiple"], Hs = { class: "nmorph-file-upload__list" }, zs = { class: "nmorph-file-upload__file-info" }, Is = { class: "nmorph-file-upload__file-name" }, Ps = { class: "nmorph-file-upload__remove-file" }, As = /* @__PURE__ */ O({
   __name: "NmorphFileUpload",
   props: {
     modelValue: { default: () => [] },
@@ -2755,7 +2773,7 @@ const Ds = { class: "nmorph-file-upload__trigger" }, Bs = ["multiple"], Vs = { c
       const y = l.findIndex((m) => m.data.name === w);
       y !== -1 && (URL.revokeObjectURL(l[y].previewUrl), l.splice(y, 1), _());
     };
-    W(() => {
+    L(() => {
       x("inputDOMRef", i);
     });
     const x = a, $ = h(
@@ -2767,48 +2785,48 @@ const Ds = { class: "nmorph-file-upload__trigger" }, Bs = ["multiple"], Vs = { c
     return (w, y) => (r(), u("div", {
       class: M($.value)
     }, [
-      c("div", Ds, [
+      c("div", Ts, [
         c("input", {
           ref_key: "inputDOMRef",
           ref: i,
           type: "file",
           multiple: e.multiple,
           onChange: d
-        }, null, 40, Bs),
+        }, null, 40, Os),
         N(w.$slots, "trigger", {}, () => [
-          k(p(L), {
+          k(p(W), {
             text: "Select file",
             fill: "",
             onClick: s
           })
         ])
       ]),
-      c("div", Vs, [
+      c("div", Hs, [
         k(de, {
           name: "list",
           tag: "div"
         }, {
-          default: I(() => [
+          default: P(() => [
             (r(!0), u(Y, null, j(p(l), ({ data: m, previewUrl: b }) => (r(), u("div", {
               key: m.name,
               class: "nmorph-file-upload__file"
             }, [
               k(p(et), { src: b }, null, 8, ["src"]),
-              c("div", Ns, [
+              c("div", zs, [
                 k(p(z), {
                   name: n(m.type),
                   width: "14px",
                   height: "17px"
                 }, null, 8, ["name"]),
-                c("span", Ss, A(m.name), 1)
+                c("span", Is, A(m.name), 1)
               ]),
-              c("div", Ts, [
-                k(p(L), {
+              c("div", Ps, [
+                k(p(W), {
                   height: "thin",
                   "style-type": "transparent",
                   onClick: (f) => v(m.name)
                 }, {
-                  default: I(() => [
+                  default: P(() => [
                     k(p(z), { name: "error" })
                   ]),
                   _: 2
@@ -2823,13 +2841,13 @@ const Ds = { class: "nmorph-file-upload__trigger" }, Bs = ["multiple"], Vs = { c
   }
 });
 var he = /* @__PURE__ */ ((t) => (t.jpeg = "image/jpeg", t.jpg = "image/jpg", t.png = "image/png", t.gif = "image/gif", t["svg-xml"] = "image/svg+xml", t.webp = "image/webp", t))(he || {}), _e = /* @__PURE__ */ ((t) => (t.mp4 = "video/mp4", t.webm = "video/webm", t["wideo-ogg"] = "video/ogg", t))(_e || {}), me = /* @__PURE__ */ ((t) => (t.mpeg = "audio/mpeg", t["audio-ogg"] = "audio/ogg", t.wav = "audio/wav", t))(me || {}), xe = /* @__PURE__ */ ((t) => (t.pdf = "application/pdf", t.msword = "application/msword", t.docx = "application/vnd.openxmlformats-officedocument.wordprocessingml.document", t.xlsx = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", t.pptx = "application/vnd.openxmlformats-officedocument.presentationml.presentation", t.json = "application/json", t.xml = "application/xml", t))(xe || {}), ve = /* @__PURE__ */ ((t) => (t.zip = "application/zip", t.rar = "application/x-rar-compressed", t["7z"] = "application/x-7z-compressed", t))(ve || {});
-const Os = {
+const Rs = {
   ...he,
   ..._e,
   ...me,
   ...xe,
   ...ve
-}, zs = { class: "nmorph-form__content" }, Ps = /* @__PURE__ */ H({
+}, Es = { class: "nmorph-form__content" }, Fs = /* @__PURE__ */ O({
   __name: "NmorphForm",
   props: {
     value: {},
@@ -2841,18 +2859,18 @@ const Os = {
       () => S({
         "nmorph-form": []
       })
-    ), n = zl(e.value, e.validateImmediately), l = a;
-    return W(() => {
+    ), n = El(e.value, e.validateImmediately), l = a;
+    return L(() => {
       l("formValidator", n);
     }), X("form-data", n), (i, s) => (r(), u("form", {
       class: M(o.value)
     }, [
-      c("div", zs, [
+      c("div", Es, [
         N(i.$slots, "default")
       ])
     ], 2));
   }
-}), Is = /* @__PURE__ */ H({
+}), Ws = /* @__PURE__ */ O({
   __name: "NmorphErrorBox",
   props: {
     height: { default: "default" },
@@ -2873,7 +2891,7 @@ const Os = {
         name: "list",
         tag: "div"
       }, {
-        default: I(() => [
+        default: P(() => [
           (r(!0), u(Y, null, j(e.value, (i) => (r(), u("p", {
             key: i,
             class: "nmorph-error-box__error"
@@ -2884,7 +2902,7 @@ const Os = {
     ], 2));
   }
 });
-const ye = "18px", As = /* @__PURE__ */ H({
+const ye = "18px", Ls = /* @__PURE__ */ O({
   __name: "NmorphValidationIcon",
   props: {
     valid: { type: [Boolean, Object] },
@@ -2902,17 +2920,17 @@ const ye = "18px", As = /* @__PURE__ */ H({
     return (n, l) => (r(), u("div", {
       class: M(e.value)
     }, [
-      n.show ? (r(), P(p(z), {
+      n.show ? (r(), I(p(z), {
         key: 0,
         class: "nmorph-validation-icon__content",
         name: o.value,
         width: ye,
         height: ye
-      }, null, 8, ["name"])) : O("", !0)
+      }, null, 8, ["name"])) : H("", !0)
     ], 2));
   }
 });
-const Rs = { key: 0 }, Es = { class: "nmorph-form-item__content" }, Fs = /* @__PURE__ */ H({
+const Ys = { key: 0 }, js = { class: "nmorph-form-item__content" }, Us = /* @__PURE__ */ O({
   __name: "NmorphFormItem",
   props: {
     id: {},
@@ -2936,15 +2954,15 @@ const Rs = { key: 0 }, Es = { class: "nmorph-form-item__content" }, Fs = /* @__P
     return (d, _) => (r(), u("div", {
       class: M(s.value)
     }, [
-      a.label ? (r(), u("label", Rs, A(a.label), 1)) : O("", !0),
-      c("div", Es, [
+      a.label ? (r(), u("label", Ys, A(a.label), 1)) : H("", !0),
+      c("div", js, [
         N(d.$slots, "default"),
-        k(p(As), {
+        k(p(Ls), {
           valid: !!o.value?.valid,
           show: l.value
         }, null, 8, ["valid", "show"])
       ]),
-      k(p(Is), {
+      k(p(Ws), {
         errors: o.value?.errors,
         height: a.height,
         "static-height": d.staticErrorBoxSpace
@@ -2952,16 +2970,16 @@ const Rs = { key: 0 }, Es = { class: "nmorph-form-item__content" }, Fs = /* @__P
     ], 2));
   }
 });
-const Ls = { class: "nmorph-number-input__content" }, Ws = { class: "nmorph-number-input__input-content" }, Ys = {
+const qs = { class: "nmorph-number-input__content" }, Gs = { class: "nmorph-number-input__input-content" }, Xs = {
   key: 0,
   class: "nmorph-number-input__decrease"
-}, js = ["value", "min", "max"], Us = {
+}, Js = ["value", "min", "max"], Qs = {
   key: 1,
   class: "nmorph-number-input__increase"
-}, qs = {
+}, Ks = {
   key: 2,
   class: "nmorph-number-input__action-btns"
-}, Gs = { class: "nmorph-number-input__decrease" }, Xs = { class: "nmorph-number-input__increase" }, Js = /* @__PURE__ */ H({
+}, Zs = { class: "nmorph-number-input__decrease" }, er = { class: "nmorph-number-input__increase" }, tr = /* @__PURE__ */ O({
   __name: "NmorphNumberInput",
   props: {
     modelValue: { default: 0 },
@@ -3013,23 +3031,23 @@ const Ls = { class: "nmorph-number-input__content" }, Ws = { class: "nmorph-numb
     };
     q(n, (m) => {
       m > e.max && (n.value = e.max, y.value?.blur()), n.value < e.min && (n.value = e.min, y.value?.blur()), $("update:modelValue", m);
-    }), W(() => {
+    }), L(() => {
       $("inputDOMRef", y);
     });
     const y = g(null);
     return (m, b) => (r(), u("div", {
       class: M(o.value)
     }, [
-      c("div", Ls, [
-        c("div", Ws, [
-          m.actionBtnPositionRight ? O("", !0) : (r(), u("div", Ys, [
-            k(p(L), {
+      c("div", qs, [
+        c("div", Gs, [
+          m.actionBtnPositionRight ? H("", !0) : (r(), u("div", Xs, [
+            k(p(W), {
               "style-type": "transparent",
               disabled: s.value,
               height: e.height,
               onClick: i
             }, {
-              default: I(() => [
+              default: P(() => [
                 k(p(z), {
                   name: "minus",
                   width: x.value,
@@ -3048,15 +3066,15 @@ const Ls = { class: "nmorph-number-input__content" }, Ws = { class: "nmorph-numb
             min: e.min,
             max: e.max,
             onInput: w
-          }, null, 40, js),
-          m.actionBtnPositionRight ? (r(), u("div", qs, [
-            c("div", Gs, [
-              k(p(L), {
+          }, null, 40, Js),
+          m.actionBtnPositionRight ? (r(), u("div", Ks, [
+            c("div", Zs, [
+              k(p(W), {
                 "style-type": "transparent",
                 disabled: s.value,
                 onClick: i
               }, {
-                default: I(() => [
+                default: P(() => [
                   k(p(z), {
                     name: "minus",
                     width: x.value,
@@ -3066,13 +3084,13 @@ const Ls = { class: "nmorph-number-input__content" }, Ws = { class: "nmorph-numb
                 _: 1
               }, 8, ["disabled"])
             ]),
-            c("div", Xs, [
-              k(p(L), {
+            c("div", er, [
+              k(p(W), {
                 "style-type": "transparent",
                 disabled: d.value,
                 onClick: l
               }, {
-                default: I(() => [
+                default: P(() => [
                   k(p(z), {
                     name: "plus",
                     width: x.value,
@@ -3082,14 +3100,14 @@ const Ls = { class: "nmorph-number-input__content" }, Ws = { class: "nmorph-numb
                 _: 1
               }, 8, ["disabled"])
             ])
-          ])) : (r(), u("div", Us, [
-            k(p(L), {
+          ])) : (r(), u("div", Qs, [
+            k(p(W), {
               "style-type": "transparent",
               disabled: d.value,
               height: e.height,
               onClick: l
             }, {
-              default: I(() => [
+              default: P(() => [
                 k(p(z), {
                   name: "plus",
                   width: x.value,
@@ -3104,16 +3122,16 @@ const Ls = { class: "nmorph-number-input__content" }, Ws = { class: "nmorph-numb
     ], 2));
   }
 });
-const Qs = { class: "nmorph-select__content" }, Ks = {
+const ar = { class: "nmorph-select__content" }, nr = {
   key: 0,
   class: "nmorph-select__selected-value"
-}, Zs = {
+}, or = {
   key: 1,
   class: "nmorph-select__selected-value"
-}, er = {
+}, lr = {
   key: 2,
   class: "nmorph-select__selected-value"
-}, tr = /* @__PURE__ */ H({
+}, sr = /* @__PURE__ */ O({
   __name: "NmorphSelect",
   props: {
     noElementPlaceholder: { default: "Choose value" },
@@ -3159,7 +3177,7 @@ const Qs = { class: "nmorph-select__content" }, Ks = {
     const $ = () => {
       l.value = !1;
     };
-    W(() => {
+    L(() => {
       i.value && (s.value = `${i.value.clientHeight}px`, document.addEventListener("click", $));
     }), pe(() => {
       document.removeEventListener("click", $);
@@ -3170,16 +3188,16 @@ const Qs = { class: "nmorph-select__content" }, Ks = {
     return (f, B) => (r(), u("div", {
       class: M(v.value)
     }, [
-      c("div", Qs, [
+      c("div", ar, [
         c("div", {
           ref_key: "nmorphSelectDOMRef",
           ref: b,
           class: "nmorph-select__selected-values-line",
           onClick: ae(x, ["stop"])
         }, [
-          typeof n.value == "string" ? (r(), u("div", Ks, A(w.value), 1)) : O("", !0),
-          n.value.length <= 0 ? (r(), u("div", Zs, A(e.noElementPlaceholder), 1)) : (r(), u("div", er, [
-            (r(!0), u(Y, null, j(m.value, (D) => (r(), P(p(lt), Ve({
+          typeof n.value == "string" ? (r(), u("div", nr, A(w.value), 1)) : H("", !0),
+          n.value.length <= 0 ? (r(), u("div", or, A(e.noElementPlaceholder), 1)) : (r(), u("div", lr, [
+            (r(!0), u(Y, null, j(m.value, (D) => (r(), I(p(lt), Ve({
               key: D.value
             }, D, {
               transparent: "",
@@ -3194,19 +3212,19 @@ const Qs = { class: "nmorph-select__content" }, Ks = {
           })
         ], 512)
       ]),
-      b.value ? (r(), P(p(ne), {
+      b.value ? (r(), I(p(ne), {
         key: 0,
         open: l.value,
         "relative-element": b.value,
         onOnOutsideClick: $
       }, {
-        default: I(() => [
+        default: P(() => [
           c("div", {
             ref_key: "optionsDOMRef",
             ref: i,
             class: "nmorph-select__options"
           }, [
-            (r(!0), u(Y, null, j(f.options, (D) => (r(), P(p(ht), Ve({
+            (r(!0), u(Y, null, j(f.options, (D) => (r(), I(p(ht), Ve({
               key: D.value
             }, D, {
               height: e.height
@@ -3215,11 +3233,11 @@ const Qs = { class: "nmorph-select__content" }, Ks = {
           ], 512)
         ]),
         _: 3
-      }, 8, ["open", "relative-element"])) : O("", !0)
+      }, 8, ["open", "relative-element"])) : H("", !0)
     ], 2));
   }
 });
-const ar = { class: "nmorph-select-option__content" }, ht = /* @__PURE__ */ H({
+const rr = { class: "nmorph-select-option__content" }, ht = /* @__PURE__ */ O({
   __name: "NmorphSelectOption",
   props: {
     value: {},
@@ -3245,19 +3263,19 @@ const ar = { class: "nmorph-select-option__content" }, ht = /* @__PURE__ */ H({
       class: M(d.value),
       onClick: i
     }, [
-      c("div", ar, [
+      c("div", rr, [
         c("span", null, A(n.label), 1),
         N(_.$slots, "default")
       ]),
-      s.value ? (r(), P(p(z), {
+      s.value ? (r(), I(p(z), {
         key: 0,
         name: "success",
         class: "nmorph-select-option__checked"
-      })) : O("", !0)
+      })) : H("", !0)
     ], 2));
   }
 });
-const nr = { class: "nmorph-slider__content" }, or = { class: "nmorph-slider__input-wrapper" }, Oe = 40, lr = /* @__PURE__ */ H({
+const ir = { class: "nmorph-slider__content" }, cr = { class: "nmorph-slider__input-wrapper" }, He = 40, ur = /* @__PURE__ */ O({
   __name: "NmorphSlider",
   props: {
     modelValue: { default: 0 },
@@ -3278,12 +3296,12 @@ const nr = { class: "nmorph-slider__content" }, or = { class: "nmorph-slider__in
         nmorph: [`${e.fill && "fill"}`],
         "nmorph-slider": [`${e.disabled && "disabled"}`]
       })
-    ), n = `${Oe}px`, l = g(e.showTooltip), i = a, s = g(e.modelValue), d = g(null);
+    ), n = `${He}px`, l = g(e.showTooltip), i = a, s = g(e.modelValue), d = g(null);
     q(s, () => {
       i("update:modelValue", s.value);
     });
     const _ = h(() => {
-      const D = v.value - v.value, T = e.max - e.min + D, V = (s.value - e.min) / T * 100, C = d.value?.clientWidth || 0, R = Oe / C * 100, E = R / 2;
+      const D = v.value - v.value, T = e.max - e.min + D, V = (s.value - e.min) / T * 100, C = d.value?.clientWidth || 0, R = He / C * 100, E = R / 2;
       let G = V - E;
       const U = `${Math.max(0, Math.min(100 - R, G))}%`, Q = `${G + E}%`;
       return {
@@ -3293,7 +3311,7 @@ const nr = { class: "nmorph-slider__content" }, or = { class: "nmorph-slider__in
     }), v = g(window.innerWidth), x = g(window.innerHeight), $ = () => {
       v.value = window.innerWidth, x.value = window.innerHeight;
     };
-    W(() => {
+    L(() => {
       window.addEventListener("resize", $);
     }), pe(() => {
       document.removeEventListener("mouseup", y), window.removeEventListener("resize", $);
@@ -3318,20 +3336,20 @@ const nr = { class: "nmorph-slider__content" }, or = { class: "nmorph-slider__in
     return (D, T) => (r(), u("div", {
       class: M(o.value)
     }, [
-      c("div", nr, [
-        c("div", or, [
+      c("div", ir, [
+        c("div", cr, [
           c("div", {
             ref_key: "sliderContainer",
             ref: d,
             class: "nmorph-slider__input-container"
           }, [
-            l.value && !e.disabled ? (r(), P(p(it), {
+            l.value && !e.disabled ? (r(), I(p(it), {
               key: 0,
               text: String(s.value),
               "force-show": "",
               "force-coordinate": { x: _.value.tooltip, y: "24px" },
               "block-position": ""
-            }, null, 8, ["text", "force-coordinate"])) : O("", !0),
+            }, null, 8, ["text", "force-coordinate"])) : H("", !0),
             c("div", {
               ref_key: "sliderFirst",
               ref: b,
@@ -3347,7 +3365,7 @@ const nr = { class: "nmorph-slider__content" }, or = { class: "nmorph-slider__in
     ], 2));
   }
 });
-const sr = ["value", "disabled"], rr = { class: "nmorph-switch-thumb" }, ir = /* @__PURE__ */ H({
+const dr = ["value", "disabled"], pr = { class: "nmorph-switch-thumb" }, hr = /* @__PURE__ */ O({
   __name: "NmorphSwitch",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -3368,7 +3386,7 @@ const sr = ["value", "disabled"], rr = { class: "nmorph-switch-thumb" }, ir = /*
     ), n = a, l = g(e.modelValue), i = () => {
       e.disabled || (l.value = !l.value, n("update:modelValue", l.value));
     }, s = g(null);
-    return W(() => {
+    return L(() => {
       n("inputDOMRef", s);
     }), (d, _) => (r(), u("div", {
       class: M(o.value)
@@ -3383,9 +3401,9 @@ const sr = ["value", "disabled"], rr = { class: "nmorph-switch-thumb" }, ir = /*
           type: "checkbox",
           value: l.value,
           disabled: e.disabled
-        }, null, 8, sr),
-        c("div", rr, [
-          e.loading ? (r(), P(p(z), {
+        }, null, 8, dr),
+        c("div", pr, [
+          e.loading ? (r(), I(p(z), {
             key: 0,
             name: "loader",
             width: "16px",
@@ -3396,27 +3414,31 @@ const sr = ["value", "disabled"], rr = { class: "nmorph-switch-thumb" }, ir = /*
     ], 2));
   }
 });
-const cr = { class: "nmorph-text-input__input-side" }, ur = ["type", "placeholder", "disabled", "value"], _t = /* @__PURE__ */ H({
+const _r = { class: "nmorph-text-input__input-side" }, mr = ["type", "placeholder", "disabled", "value"], _t = /* @__PURE__ */ O({
   __name: "NmorphTextInput",
   props: {
     placeholder: { default: "" },
     typePassword: { type: Boolean, default: !1 },
     modelValue: { default: "" },
     clearable: { type: Boolean, default: !1 },
+    searchIcon: { type: Boolean, default: !1 },
     height: { default: "default" },
     fill: { type: Boolean, default: !0 },
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["inputDOMRef", "update:modelValue", "focus", "blur"],
   setup(t, { emit: a }) {
+    K((m) => ({
+      "7b08ea1a": y.value
+    }));
     const e = t, o = h(
       () => S({
         nmorph: [te[e.height], `${d.value && "focused"}`, `${e.fill && "fill"}`],
         "nmorph-text-input": [`${e.typePassword && "password"}`]
       })
-    ), n = (y) => {
-      const m = y.target;
-      $("update:modelValue", m.value);
+    ), n = (m) => {
+      const b = m.target;
+      $("update:modelValue", b.value);
     }, l = g(!1), i = () => {
       e.clearable ? $("update:modelValue", "") : l.value = !l.value;
     }, s = h(() => e.typePassword && !l.value && !e.clearable ? "password" : "text"), d = g(!1), _ = () => {
@@ -3424,14 +3446,19 @@ const cr = { class: "nmorph-text-input__input-side" }, ur = ["type", "placeholde
     }, v = () => {
       $("blur"), d.value = !1;
     }, x = g(null), $ = a;
-    W(() => {
+    L(() => {
       $("inputDOMRef", x);
     });
-    const w = h(() => e.clearable ? "error" : l.value ? "eye-blocked" : "eye");
-    return (y, m) => (r(), u("div", {
+    const w = h(() => e.clearable ? "error" : l.value ? "eye-blocked" : "eye"), y = h(() => e.searchIcon ? "28px" : "8px");
+    return (m, b) => (r(), u("div", {
       class: M(o.value)
     }, [
-      c("div", cr, [
+      c("div", _r, [
+        e.searchIcon ? (r(), I(p(z), {
+          key: 0,
+          name: "search",
+          class: "nmorph-text-input__search-icon"
+        })) : H("", !0),
         c("input", {
           ref_key: "inputDOMRef",
           ref: x,
@@ -3443,9 +3470,9 @@ const cr = { class: "nmorph-text-input__input-side" }, ur = ["type", "placeholde
           onInput: n,
           onFocus: _,
           onBlur: v
-        }, null, 40, ur),
-        e.typePassword || e.clearable ? (r(), P(p(L), {
-          key: 0,
+        }, null, 40, mr),
+        e.typePassword || e.clearable ? (r(), I(p(W), {
+          key: 1,
           class: "nmorph-text-input__password-btn",
           "style-type": "transparent",
           width: "32px",
@@ -3453,16 +3480,16 @@ const cr = { class: "nmorph-text-input__input-side" }, ur = ["type", "placeholde
           height: e.height,
           onClick: i
         }, {
-          default: I(() => [
+          default: P(() => [
             k(p(z), { name: w.value }, null, 8, ["name"])
           ]),
           _: 1
-        }, 8, ["height"])) : O("", !0)
+        }, 8, ["height"])) : H("", !0)
       ])
     ], 2));
   }
 });
-const dr = { class: "nmorph-time-picker__content" }, pr = { class: "nmorph-time-picker__selected-time" }, hr = ["value"], _r = { class: "nmorph-time-picker__dropdown" }, ce = 20, mr = /* @__PURE__ */ H({
+const vr = { class: "nmorph-time-picker__content" }, fr = { class: "nmorph-time-picker__selected-time" }, yr = ["value"], gr = { class: "nmorph-time-picker__dropdown" }, ce = 20, br = /* @__PURE__ */ O({
   __name: "NmorphTimePicker",
   props: {
     modelValue: { default: 0 },
@@ -3480,7 +3507,7 @@ const dr = { class: "nmorph-time-picker__content" }, pr = { class: "nmorph-time-
       d7283dda: D.value
     }));
     const e = t, o = a, n = g(null), l = g(null), i = g(e.open), s = g([0, 0, 0]), d = g(e.initWithoutValue);
-    W(() => {
+    L(() => {
       o("inputDOMRef", l);
     });
     const _ = () => {
@@ -3521,8 +3548,8 @@ const dr = { class: "nmorph-time-picker__content" }, pr = { class: "nmorph-time-
         class: M(v.value),
         onClick: _
       }, [
-        c("div", dr, [
-          c("div", pr, [
+        c("div", vr, [
+          c("div", fr, [
             k(p(z), {
               name: "time",
               class: "nmorph-time-picker__time-icon"
@@ -3533,17 +3560,17 @@ const dr = { class: "nmorph-time-picker__content" }, pr = { class: "nmorph-time-
               type: "time",
               value: s.value,
               step: "1"
-            }, null, 8, hr),
+            }, null, 8, yr),
             c("span", null, A(T.value), 1)
           ]),
-          n.value ? (r(), P(p(ne), {
+          n.value ? (r(), I(p(ne), {
             key: 0,
             open: i.value,
             "relative-element": n.value,
             onOnOutsideClick: f
           }, {
-            default: I(() => [
-              c("div", _r, [
+            default: P(() => [
+              c("div", gr, [
                 k(R, {
                   "set-value-on-mount": !d.value,
                   values: p(x),
@@ -3571,7 +3598,7 @@ const dr = { class: "nmorph-time-picker__content" }, pr = { class: "nmorph-time-
               ])
             ]),
             _: 1
-          }, 8, ["open", "relative-element"])) : O("", !0)
+          }, 8, ["open", "relative-element"])) : H("", !0)
         ])
       ], 2);
     };
@@ -3583,25 +3610,25 @@ const $e = (t) => {
 }, mt = (t) => {
   const [a, e, o] = t, n = /* @__PURE__ */ new Date();
   return n.setHours(a), n.setMinutes(e), n.setSeconds(o), n.setMilliseconds(0), n.getTime();
-}, vr = (t) => (kt("data-v-150c9ff7"), t = t(), wt(), t), fr = {
+}, $r = (t) => (kt("data-v-150c9ff7"), t = t(), wt(), t), kr = {
   key: 0,
   class: "nmorph-radio__content"
-}, yr = { class: "nmorph-radio__input-wrapper" }, gr = ["name", "value", "checked"], br = /* @__PURE__ */ vr(() => /* @__PURE__ */ c("div", { class: "nmorph-radio__fake" }, null, -1)), $r = {
+}, wr = { class: "nmorph-radio__input-wrapper" }, xr = ["name", "value", "checked"], Mr = /* @__PURE__ */ $r(() => /* @__PURE__ */ c("div", { class: "nmorph-radio__fake" }, null, -1)), Cr = {
   key: 0,
   class: "nmorph-radio__fake-checked"
-}, kr = {
+}, Dr = {
   key: 0,
   class: "nmorph-radio__label"
-}, wr = {
+}, Br = {
   key: 1,
   class: "nmorph-radio__content"
-}, xr = ["disabled", "name", "value", "checked"], Mr = {
+}, Vr = ["disabled", "name", "value", "checked"], Nr = {
   key: 0,
   class: "nmorph-radio__fake"
-}, Cr = {
+}, Sr = {
   key: 1,
   class: "nmorph-radio__fake"
-}, Dr = /* @__PURE__ */ H({
+}, Tr = /* @__PURE__ */ O({
   __name: "NmorphRadio",
   props: {
     styleType: { default: "button-style" },
@@ -3618,14 +3645,14 @@ const $e = (t) => {
         "nmorph-radio": [`${n.disabled && "disabled"}`, `${i.value && "checked"}`, n.styleType]
       })
     ), d = a, _ = g(null);
-    return W(() => {
+    return L(() => {
       d("inputDOMRef", _);
     }), (v, x) => (r(), u("label", {
       class: M(s.value),
       onClick: ae(l, ["prevent"])
     }, [
-      n.styleType === "radio-style" ? (r(), u("div", fr, [
-        c("div", yr, [
+      n.styleType === "radio-style" ? (r(), u("div", kr, [
+        c("div", wr, [
           c("input", {
             ref_key: "inputDOMRef",
             ref: _,
@@ -3633,13 +3660,13 @@ const $e = (t) => {
             name: n.label,
             value: n.value,
             checked: i.value
-          }, null, 8, gr),
-          br,
-          i.value ? (r(), u("div", $r)) : O("", !0)
+          }, null, 8, xr),
+          Mr,
+          i.value ? (r(), u("div", Cr)) : H("", !0)
         ]),
-        n.label ? (r(), u("span", kr, A(n.label), 1)) : N(v.$slots, "label", { key: 1 }, void 0, !0)
-      ])) : O("", !0),
-      n.styleType === "button-style" ? (r(), u("div", wr, [
+        n.label ? (r(), u("span", Dr, A(n.label), 1)) : N(v.$slots, "label", { key: 1 }, void 0, !0)
+      ])) : H("", !0),
+      n.styleType === "button-style" ? (r(), u("div", Br, [
         c("input", {
           ref_key: "inputDOMRef",
           ref: _,
@@ -3648,24 +3675,24 @@ const $e = (t) => {
           name: n.label,
           value: n.value,
           checked: i.value
-        }, null, 8, xr),
-        n.label ? (r(), u("div", Mr, [
+        }, null, 8, Vr),
+        n.label ? (r(), u("div", Nr, [
           c("span", null, A(n.label), 1)
-        ])) : (r(), u("div", Cr, [
+        ])) : (r(), u("div", Sr, [
           N(v.$slots, "label", {}, void 0, !0)
         ]))
-      ])) : O("", !0)
+      ])) : H("", !0)
     ], 2));
   }
 });
-const Br = (t, a) => {
+const Or = (t, a) => {
   const e = t.__vccOpts || t;
   for (const [o, n] of a)
     e[o] = n;
   return e;
-}, vt = /* @__PURE__ */ Br(Dr, [["__scopeId", "data-v-150c9ff7"]]);
+}, vt = /* @__PURE__ */ Or(Tr, [["__scopeId", "data-v-150c9ff7"]]);
 var ft = /* @__PURE__ */ ((t) => (t["radio-style"] = "radio-style", t["button-style"] = "button-style", t))(ft || {});
-const Vr = { class: "nmorph-radio-group__wrapper" }, Nr = { class: "nmorph-radio-group__content" }, Me = /* @__PURE__ */ H({
+const Hr = { class: "nmorph-radio-group__wrapper" }, zr = { class: "nmorph-radio-group__content" }, Me = /* @__PURE__ */ O({
   __name: "NmorphRadioGroup",
   props: {
     modelValue: { default: "" },
@@ -3693,9 +3720,9 @@ const Vr = { class: "nmorph-radio-group__wrapper" }, Nr = { class: "nmorph-radio
     return X("radio-group-selected-value", o), X("change-radio-button-value-handler", l), (s, d) => (r(), u("div", {
       class: M(i.value)
     }, [
-      c("div", Vr, [
-        c("div", Nr, [
-          (r(!0), u(Y, null, j(s.options, (_) => (r(), P(p(vt), {
+      c("div", Hr, [
+        c("div", zr, [
+          (r(!0), u(Y, null, j(s.options, (_) => (r(), I(p(vt), {
             key: _.value,
             label: _.label,
             value: _.value,
@@ -3708,7 +3735,7 @@ const Vr = { class: "nmorph-radio-group__wrapper" }, Nr = { class: "nmorph-radio
     ], 2));
   }
 });
-const Sr = /* @__PURE__ */ H({
+const Ir = /* @__PURE__ */ O({
   __name: "NmorphBacktop",
   props: {
     right: { default: 40 },
@@ -3737,7 +3764,7 @@ const Sr = /* @__PURE__ */ H({
         behavior: "smooth"
       });
     };
-    return W(() => {
+    return L(() => {
       d.value && (s.value = d.value.parentElement, s.value?.addEventListener("scroll", v));
     }), pe(() => {
       s.value && s.value?.removeEventListener("scroll", v);
@@ -3750,8 +3777,8 @@ const Sr = /* @__PURE__ */ H({
         onClick: ae(x, ["stop"])
       }, [
         N($.$slots, "default", {}, () => [
-          k(p(L), null, {
-            default: I(() => [
+          k(p(W), null, {
+            default: P(() => [
               k(p(z), {
                 name: "chevron-down",
                 class: "nmorph-backtop__up-icon"
@@ -3764,10 +3791,10 @@ const Sr = /* @__PURE__ */ H({
     ], 2));
   }
 });
-const Tr = ["id"], Hr = {
+const Pr = ["id"], Ar = {
   key: 0,
   class: "nmorph-breadcrumb__separator"
-}, Or = /* @__PURE__ */ H({
+}, Rr = /* @__PURE__ */ O({
   __name: "NmorphBreadcrumb",
   props: {
     separator: { default: "/" }
@@ -3791,13 +3818,13 @@ const Tr = ["id"], Hr = {
         c("div", {
           id: `nmorph-breadcrumb-${p(o)}-${s.itemId}-element`,
           class: "nmorph-breadcrumb__element"
-        }, null, 8, Tr),
-        d < e.value.length - 1 ? (r(), u("div", Hr, A(a.separator), 1)) : O("", !0)
+        }, null, 8, Pr),
+        d < e.value.length - 1 ? (r(), u("div", Ar, A(a.separator), 1)) : H("", !0)
       ]))), 128))
     ], 2));
   }
 });
-const zr = /* @__PURE__ */ H({
+const Er = /* @__PURE__ */ O({
   __name: "NmorphBreadcrumbItem",
   props: {
     to: { default: "" },
@@ -3809,7 +3836,7 @@ const zr = /* @__PURE__ */ H({
         "nmorph-breadcrumb-item": []
       })
     ), o = J("breadcrumb-data"), n = g(!1), l = re();
-    return W(() => {
+    return L(() => {
       n.value = !0, o && o.breadcrumbs.value.push({ ...a, itemId: l });
     }), (i, s) => {
       const d = Ae("router-link");
@@ -3817,7 +3844,7 @@ const zr = /* @__PURE__ */ H({
         key: 0,
         class: M(e.value)
       }, [
-        (r(), P(se, {
+        (r(), I(se, {
           to: `#nmorph-breadcrumb-${p(o)?.breadcrumbId}-${p(l)}-element`
         }, [
           k(d, {
@@ -3825,17 +3852,17 @@ const zr = /* @__PURE__ */ H({
             replace: i.replace,
             class: "fill-height"
           }, {
-            default: I(() => [
+            default: P(() => [
               N(i.$slots, "default")
             ]),
             _: 3
           }, 8, ["to", "replace"])
         ], 8, ["to"]))
-      ], 2)) : O("", !0);
+      ], 2)) : H("", !0);
     };
   }
 });
-const ne = /* @__PURE__ */ H({
+const ne = /* @__PURE__ */ O({
   __name: "NmorphDropdown",
   props: {
     open: { type: Boolean },
@@ -3863,12 +3890,12 @@ const ne = /* @__PURE__ */ H({
     ), s = h(() => e.fillWidth ? `${e.relativeElement?.clientWidth}px` : `${e.width}px`), d = () => {
       o("on-outside-click");
     };
-    return (_, v) => (r(), P(p(fe), {
+    return (_, v) => (r(), I(p(fe), {
       show: e.open,
       transparent: "",
       onOnOutsideClick: d
     }, {
-      default: I(() => [
+      default: P(() => [
         c("div", {
           ref_key: "dropdownDOMRef",
           ref: n,
@@ -3882,7 +3909,7 @@ const ne = /* @__PURE__ */ H({
     }, 8, ["show"]));
   }
 });
-const Pr = { class: "nmorph-tabs__label-list" }, Ir = ["id", "onClick"], Ar = { class: "nmorph-tabs__content__wrapper" }, Rr = { class: "nmorph-tabs__content" }, Er = ["id"], Fr = /* @__PURE__ */ H({
+const Fr = { class: "nmorph-tabs__label-list" }, Wr = ["id", "onClick"], Lr = { class: "nmorph-tabs__content__wrapper" }, Yr = { class: "nmorph-tabs__content" }, jr = ["id"], Ur = /* @__PURE__ */ O({
   __name: "NmorphTabs",
   props: {
     modelValue: { default: 0 },
@@ -3907,7 +3934,7 @@ const Pr = { class: "nmorph-tabs__label-list" }, Ir = ["id", "onClick"], Ar = {
       class: M(n.value)
     }, [
       N(d.$slots, "default"),
-      c("div", Pr, [
+      c("div", Fr, [
         (r(!0), u(Y, null, j(i.value, (v) => (r(), u("div", {
           id: p(Ce)(p(s), v.name),
           key: v.name,
@@ -3916,15 +3943,15 @@ const Pr = { class: "nmorph-tabs__label-list" }, Ir = ["id", "onClick"], Ar = {
             { "nmorph-tabs__label--disabled": v.disabled }
           ]]),
           onClick: (x) => l(v)
-        }, A(v.label), 11, Ir))), 128))
+        }, A(v.label), 11, Wr))), 128))
       ]),
-      c("div", Ar, [
-        c("div", Rr, [
+      c("div", Lr, [
+        c("div", Yr, [
           (r(!0), u(Y, null, j(i.value, (v) => ze((r(), u("div", {
             id: p(De)(p(s), v.name),
             key: v.name
-          }, null, 8, Er)), [
-            [Pe, v.name === e.modelValue]
+          }, null, 8, jr)), [
+            [Ie, v.name === e.modelValue]
           ])), 128))
         ])
       ])
@@ -3937,7 +3964,7 @@ const Ce = (t, a) => {
 }, De = (t, a) => {
   if (t)
     return `nmorph-tabs-content-${t}-${a}`;
-}, Lr = /* @__PURE__ */ H({
+}, qr = /* @__PURE__ */ O({
   __name: "NmorphTabPane",
   props: {
     label: { default: "" },
@@ -3950,25 +3977,25 @@ const Ce = (t, a) => {
         "nmorph-tab-pane": []
       })
     ), o = J("nmorph-tabs-data"), n = g(!1);
-    return W(() => {
+    return L(() => {
       n.value = !0, o && o.tabsData.value.push(a);
     }), (l, i) => n.value ? (r(), u("div", {
       key: 0,
       class: M(e.value)
     }, [
-      (r(), P(se, {
+      (r(), I(se, {
         to: `#${p(Ce)(p(o)?.tabsIdentifier, a.name)}`
       }, [
         N(l.$slots, "label")
       ], 8, ["to"])),
-      (r(), P(se, {
+      (r(), I(se, {
         to: `#${p(De)(p(o)?.tabsIdentifier, a.name)}`
       }, [
         N(l.$slots, "default")
       ], 8, ["to"]))
-    ], 2)) : O("", !0);
+    ], 2)) : H("", !0);
   }
-}), yt = /* @__PURE__ */ H({
+}), yt = /* @__PURE__ */ O({
   __name: "NmorphDivider",
   props: {
     direction: { default: "horizontal" }
@@ -3984,7 +4011,7 @@ const Ce = (t, a) => {
     }, null, 2));
   }
 });
-const fe = /* @__PURE__ */ H({
+const fe = /* @__PURE__ */ O({
   __name: "NmorphOverlay",
   props: {
     show: { type: Boolean, default: !1 },
@@ -4018,73 +4045,73 @@ const fe = /* @__PURE__ */ H({
     ], 2));
   }
 });
-const Wr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Gr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  NmorphAlert: Dl,
+  NmorphAlert: Tl,
   NmorphAlertType: st,
   NmorphArchiveResolution: ve,
   NmorphAudioResolution: me,
-  NmorphAutocomplete: ss,
-  NmorphAvatar: ko,
-  NmorphBacktop: Sr,
-  NmorphBadge: Mo,
-  NmorphBreadcrumb: Or,
-  NmorphBreadcrumbItem: zr,
-  NmorphButton: L,
+  NmorphAutocomplete: ds,
+  NmorphAvatar: Do,
+  NmorphBacktop: Ir,
+  NmorphBadge: No,
+  NmorphBreadcrumb: Rr,
+  NmorphBreadcrumbItem: Er,
+  NmorphButton: W,
   NmorphButtonStyle: Fe,
-  NmorphButtonType: Le,
+  NmorphButtonType: We,
   NmorphCalendar: qe,
   NmorphCalendarHeader: Ze,
-  NmorphCard: Ho,
-  NmorphCarousel: Io,
-  NmorphCarouselItem: Ao,
+  NmorphCard: Ao,
+  NmorphCarousel: Wo,
+  NmorphCarouselItem: Lo,
   NmorphCheckbox: ct,
-  NmorphCheckboxGroup: ts,
+  NmorphCheckboxGroup: ss,
   NmorphCheckboxStyleType: ut,
-  NmorphCollapse: Ro,
-  NmorphCollapseItem: Eo,
-  NmorphDatePicker: bs,
+  NmorphCollapse: Yo,
+  NmorphCollapseItem: jo,
+  NmorphDatePicker: Ms,
   NmorphDatePickerContent: ue,
   NmorphDatePickerHeader: pt,
-  NmorphDialog: Sl,
+  NmorphDialog: Il,
   NmorphDivider: yt,
   NmorphDocResolution: xe,
   NmorphDropdown: ne,
-  NmorphFileUpload: Hs,
-  NmorphForm: Ps,
-  NmorphFormItem: Fs,
+  NmorphFileUpload: As,
+  NmorphForm: Fs,
+  NmorphFormItem: Us,
   NmorphIcon: z,
-  NmorphIconSize: We,
+  NmorphIconSize: Le,
   NmorphIconsMap: Ye,
   NmorphImage: ge,
   NmorphImagePreview: et,
   NmorphImageResolution: he,
-  NmorphLink: yo,
+  NmorphLink: wo,
   NmorphLinkTarget: je,
-  NmorphNumberInput: Js,
+  NmorphNumberInput: tr,
   NmorphOverflowProp: Ue,
   NmorphOverlay: fe,
-  NmorphPagination: Xo,
-  NmorphProgress: ll,
+  NmorphPagination: el,
+  NmorphProgress: ul,
   NmorphRadio: vt,
   NmorphRadioGroup: Me,
   NmorphRadioStyleType: ft,
-  NmorphScroll: go,
-  NmorphSelect: tr,
+  NmorphScroll: xo,
+  NmorphSelect: sr,
   NmorphSelectOption: ht,
   NmorphSelectionDateType: dt,
-  NmorphSkeleton: cl,
+  NmorphSkeleton: _l,
   NmorphSkeletonItem: tt,
-  NmorphSlider: lr,
-  NmorphSwitch: ir,
-  NmorphTabPane: Lr,
+  NmorphSlider: ur,
+  NmorphSwitch: hr,
+  NmorphTabPane: qr,
   NmorphTable: at,
   NmorphTableCell: nt,
   NmorphTableColumn: ot,
-  NmorphTabs: Fr,
+  NmorphTabs: Ur,
   NmorphTag: lt,
   NmorphTextInput: _t,
-  NmorphTimePicker: mr,
+  NmorphTimePicker: br,
   NmorphTooltip: it,
   NmorphVideoResolution: _e,
   NmorphYearMonthPicker: be,
@@ -4099,93 +4126,93 @@ const Wr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   hasAnyRangeDateInPrevMonth: Xe,
   isTodayInRange: Qe,
   monthNames: ke,
-  resolution: Os,
+  resolution: Rs,
   timeArrayToTimestamp: mt
-}, Symbol.toStringTag, { value: "Module" })), Xr = {
+}, Symbol.toStringTag, { value: "Module" })), ei = {
   install(t) {
-    Object.entries(Wr).forEach(([a, e]) => {
-      Yr(e) && t.component(a, e);
+    Object.entries(Gr).forEach(([a, e]) => {
+      Xr(e) && t.component(a, e);
     });
   }
 };
-function Yr(t) {
+function Xr(t) {
   return t && (typeof t == "object" || typeof t == "function") && ("render" in t || "template" in t || "setup" in t);
 }
 export {
-  Dl as NmorphAlert,
+  Tl as NmorphAlert,
   st as NmorphAlertType,
   ve as NmorphArchiveResolution,
-  Tl as NmorphArrayValidationOperator,
+  Pl as NmorphArrayValidationOperator,
   me as NmorphAudioResolution,
-  ss as NmorphAutocomplete,
-  ko as NmorphAvatar,
-  Sr as NmorphBacktop,
-  Mo as NmorphBadge,
-  Ol as NmorphBooleanCompareOperator,
-  Or as NmorphBreadcrumb,
-  zr as NmorphBreadcrumbItem,
-  L as NmorphButton,
+  ds as NmorphAutocomplete,
+  Do as NmorphAvatar,
+  Ir as NmorphBacktop,
+  No as NmorphBadge,
+  Rl as NmorphBooleanCompareOperator,
+  Rr as NmorphBreadcrumb,
+  Er as NmorphBreadcrumbItem,
+  W as NmorphButton,
   Fe as NmorphButtonStyle,
-  Le as NmorphButtonType,
+  We as NmorphButtonType,
   qe as NmorphCalendar,
   Ze as NmorphCalendarHeader,
-  Ho as NmorphCard,
-  Io as NmorphCarousel,
-  Ao as NmorphCarouselItem,
+  Ao as NmorphCard,
+  Wo as NmorphCarousel,
+  Lo as NmorphCarouselItem,
   ct as NmorphCheckbox,
-  ts as NmorphCheckboxGroup,
+  ss as NmorphCheckboxGroup,
   ut as NmorphCheckboxStyleType,
-  Ro as NmorphCollapse,
-  Eo as NmorphCollapseItem,
-  bs as NmorphDatePicker,
+  Yo as NmorphCollapse,
+  jo as NmorphCollapseItem,
+  Ms as NmorphDatePicker,
   ue as NmorphDatePickerContent,
   pt as NmorphDatePickerHeader,
-  Sl as NmorphDialog,
+  Il as NmorphDialog,
   yt as NmorphDivider,
   xe as NmorphDocResolution,
   ne as NmorphDropdown,
-  Hs as NmorphFileUpload,
-  Ps as NmorphForm,
-  Fs as NmorphFormItem,
+  As as NmorphFileUpload,
+  Fs as NmorphForm,
+  Us as NmorphFormItem,
   z as NmorphIcon,
-  We as NmorphIconSize,
+  Le as NmorphIconSize,
   Ye as NmorphIconsMap,
   ge as NmorphImage,
   et as NmorphImagePreview,
   he as NmorphImageResolution,
-  yo as NmorphLink,
+  wo as NmorphLink,
   je as NmorphLinkTarget,
-  Hl as NmorphNumberCompareOperator,
-  Js as NmorphNumberInput,
+  Al as NmorphNumberCompareOperator,
+  tr as NmorphNumberInput,
   Ue as NmorphOverflowProp,
   fe as NmorphOverlay,
-  Xo as NmorphPagination,
-  ll as NmorphProgress,
+  el as NmorphPagination,
+  ul as NmorphProgress,
   vt as NmorphRadio,
   Me as NmorphRadioGroup,
   ft as NmorphRadioStyleType,
-  go as NmorphScroll,
-  tr as NmorphSelect,
+  xo as NmorphScroll,
+  sr as NmorphSelect,
   ht as NmorphSelectOption,
   dt as NmorphSelectionDateType,
-  cl as NmorphSkeleton,
+  _l as NmorphSkeleton,
   tt as NmorphSkeletonItem,
-  lr as NmorphSlider,
-  ir as NmorphSwitch,
-  Lr as NmorphTabPane,
+  ur as NmorphSlider,
+  hr as NmorphSwitch,
+  qr as NmorphTabPane,
   at as NmorphTable,
   nt as NmorphTableCell,
   ot as NmorphTableColumn,
-  Fr as NmorphTabs,
+  Ur as NmorphTabs,
   lt as NmorphTag,
   _t as NmorphTextInput,
-  mr as NmorphTimePicker,
+  br as NmorphTimePicker,
   it as NmorphTooltip,
   _e as NmorphVideoResolution,
   be as NmorphYearMonthPicker,
   xt as createBlockModifiers,
   Ne as deepClone,
-  Xr as default,
+  ei as default,
   oe as formatDateIntl,
   $e as formatTimestampToTime,
   re as generateUUID,
@@ -4196,15 +4223,15 @@ export {
   Ce as getTabLabelId,
   Je as hasAnyRangeDateInNextMonth,
   Xe as hasAnyRangeDateInPrevMonth,
-  Ur as isStringHtml,
+  Qr as isStringHtml,
   Qe as isTodayInRange,
   ke as monthNames,
-  Os as resolution,
+  Rs as resolution,
   mt as timeArrayToTimestamp,
-  qr as useEventManager,
+  Kr as useEventManager,
   Te as useFieldValidation,
-  zl as useFormValidation,
+  El as useFormValidation,
   S as useModifiers,
   rt as usePlacement,
-  Gr as useTheme
+  Zr as useTheme
 };