@nmorph/nmorph-ui-kit 0.0.12 → 0.0.14

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as O, computed as h, openBlock as r, createElementBlock as u, normalizeClass as M, createElementVNode as c, renderSlot as V, toDisplayString as A, createCommentVNode as H, 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 L, watch as q, withDirectives as Ie, vShow as Pe, normalizeStyle as Z, reactive as le, createVNode as k, withCtx as z, Fragment as Y, renderList as j, provide as J, nextTick as ze, inject as X, Teleport as se, withModifiers as ae, useSlots as $t, TransitionGroup as de, mergeProps as Be, resolveComponent as Ae, pushScopeId as kt, popScopeId as wt } from "vue";
+import { defineComponent as O, computed as h, openBlock as r, createElementBlock as u, normalizeClass as M, createElementVNode as c, renderSlot as V, toDisplayString as A, createCommentVNode as H, 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 L, watch as q, withDirectives as Ie, vShow as Pe, normalizeStyle as Z, reactive as le, createVNode as k, withCtx as z, Fragment as Y, renderList as j, provide as J, nextTick as ze, inject as X, Teleport as se, withModifiers as ae, useSlots as $t, TransitionGroup as de, mergeProps as Ne, 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 || {}), W = /* @__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))(W || {});
 const xt = (t, a) => {
   const e = a.filter((o) => o !== "false").filter((o) => o).map((o) => {
@@ -6,7 +6,7 @@ const xt = (t, a) => {
       return `${t}--${o}`;
   });
   return e.push(t), e.join(" ");
-}, S = (t) => Object.entries(t).map(([a, e]) => xt(a, e)).join(" "), Ve = (t) => JSON.parse(JSON.stringify(t)), Or = (t) => {
+}, S = (t) => Object.entries(t).map(([a, e]) => xt(a, e)).join(" "), Ve = (t) => JSON.parse(JSON.stringify(t)), Pr = (t) => {
   if (!t)
     return !1;
   const a = new DOMParser().parseFromString(t, "text/html");
@@ -70,10 +70,10 @@ var Fe = /* @__PURE__ */ ((t) => (t.default = "default", t.transparent = "transp
 const Dt = {
   key: 0,
   class: "nmorph-icon__content"
-}, Nt = {
+}, Bt = {
   key: 1,
   class: "nmorph-icon__as-image"
-}, Bt = ["src"], I = /* @__PURE__ */ O({
+}, Nt = ["src"], I = /* @__PURE__ */ O({
   __name: "NmorphIcon",
   props: {
     name: { default: void 0 },
@@ -101,10 +101,10 @@ const Dt = {
     }, [
       a.name ? (r(), u("div", Dt, [
         (r(), P(gt(p(Ye)[a.name])))
-      ])) : a.path ? (r(), u("div", Nt, [
+      ])) : a.path ? (r(), u("div", Bt, [
         c("img", {
           src: a.path
-        }, null, 8, Bt)
+        }, null, 8, Nt)
       ])) : V(n.$slots, "default", { key: 2 })
     ], 2));
   }
@@ -205,7 +205,7 @@ const wa = { render: ka }, xa = {
 function Da(t, a) {
   return r(), u("svg", xa, [...Ca]);
 }
-const Na = { render: Da }, Ba = {
+const Ba = { render: Da }, Na = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
 }, Va = /* @__PURE__ */ c("path", { d: "m12 12 10 7-10 7z" }, null, -1), Sa = /* @__PURE__ */ c("path", { d: "M28.681 7.159c-.694-.947-1.662-2.053-2.724-3.116s-2.169-2.03-3.116-2.724C21.229.137 20.448 0 20 0H4.5A2.503 2.503 0 0 0 2 2.5v27C2 30.878 3.122 32 4.5 32h23c1.378 0 2.5-1.122 2.5-2.5V10c0-.448-.137-1.23-1.319-2.841m-4.138-1.702A27 27 0 0 1 26.811 8H22V3.189a27 27 0 0 1 2.543 2.268M28 29.5c0 .271-.229.5-.5.5h-23a.507.507 0 0 1-.5-.5v-27c0-.271.229-.5.5-.5H20v7a1 1 0 0 0 1 1h7z" }, null, -1), Ta = [
@@ -213,7 +213,7 @@ const Na = { render: Da }, Ba = {
   Sa
 ];
 function Oa(t, a) {
-  return r(), u("svg", Ba, [...Ta]);
+  return r(), u("svg", Na, [...Ta]);
 }
 const Ha = { render: Oa }, Ia = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -276,14 +276,14 @@ const kn = { render: $n }, wn = { viewBox: "0 0 32 32" }, xn = /* @__PURE__ */ c
 function Cn(t, a) {
   return r(), u("svg", wn, [...Mn]);
 }
-const Dn = { render: Cn }, Nn = {
+const Dn = { render: Cn }, Bn = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
-}, Bn = /* @__PURE__ */ c("path", { d: "M10 12h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zM4 24h4v4H4zm6 0h4v4h-4zm6 0h4v4h-4zm-6-6h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zM4 18h4v4H4zM26 0v2h-4V0H8v2H4V0H0v32h30V0zm2 30H2V8h26z" }, null, -1), Vn = [
-  Bn
+}, Nn = /* @__PURE__ */ c("path", { d: "M10 12h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zM4 24h4v4H4zm6 0h4v4h-4zm6 0h4v4h-4zm-6-6h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zM4 18h4v4H4zM26 0v2h-4V0H8v2H4V0H0v32h30V0zm2 30H2V8h26z" }, null, -1), Vn = [
+  Nn
 ];
 function Sn(t, a) {
-  return r(), u("svg", Nn, [...Vn]);
+  return r(), u("svg", Bn, [...Vn]);
 }
 const Tn = { render: Sn }, On = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -345,7 +345,7 @@ const lo = { render: oo }, Ye = {
   [W.loader]: pa,
   [W["chevron-down"]]: fa,
   [W.archive]: wa,
-  [W.audio]: Na,
+  [W.audio]: Ba,
   [W.video]: Ha,
   [W.time]: Dn,
   [W.doc]: Ra,
@@ -586,9 +586,9 @@ const vo = ["data-date", "onClick"], qe = /* @__PURE__ */ O({
     ), l = g(e.initialDate), i = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], s = g(e.modelValue);
     let d = le([]);
     const _ = async () => {
-      d = [], Ke(l, e.range).forEach((B) => {
+      d = [], Ke(l, e.range).forEach((N) => {
         const C = {};
-        B.forEach((R, E) => {
+        N.forEach((R, E) => {
           const G = i[E];
           C[G] = R;
         }), d.push(C);
@@ -612,24 +612,24 @@ const vo = ["data-date", "onClick"], qe = /* @__PURE__ */ O({
     }, w = () => {
       l.value = b.value;
     }, y = (T) => {
-      const { monthType: B, hidden: C } = T;
+      const { monthType: N, hidden: C } = T;
       if (C)
         return;
-      B === "next" && w(), B === "previous" && x();
+      N === "next" && w(), N === "previous" && x();
       const { date: R } = T;
       s.value = R, o("update:modelValue", s.value);
     }, m = h(() => new Date(l.value.setMonth(l.value.getMonth() - 1))), b = h(() => new Date(l.value.setMonth(l.value.getMonth() + 1))), f = h(() => {
-      const { range: T } = e, B = T ? Je(l.value, T[0]) : !0, C = T ? Xe(l.value, T[1]) : !0, R = Qe(e.range);
+      const { range: T } = e, N = T ? Je(l.value, T[0]) : !0, C = T ? Xe(l.value, T[1]) : !0, R = Qe(e.range);
       return {
-        showPreviousMonthButton: B,
+        showPreviousMonthButton: N,
         showNextMonthButton: C,
         showTodayButton: R
       };
-    }), N = (T, B) => {
-      const C = B[0], R = B[1];
+    }), B = (T, N) => {
+      const C = N[0], R = N[1];
       return T === C || T === R ? !0 : !C || !R || C > R ? !1 : T >= C && T <= R;
-    }, D = (T) => Array.isArray(e.selectedValues) ? e.type === "daterange" ? N(T, e.selectedValues) : e.selectedValues.includes(T) : e.selectedValues?.toDateString() === T.toDateString();
-    return (T, B) => (r(), u("div", {
+    }, D = (T) => Array.isArray(e.selectedValues) ? e.type === "daterange" ? B(T, e.selectedValues) : e.selectedValues.includes(T) : e.selectedValues?.toDateString() === T.toDateString();
+    return (T, N) => (r(), u("div", {
       class: M(n.value)
     }, [
       V(T.$slots, "header", {}, () => [
@@ -735,11 +735,11 @@ const ke = [
   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);
   let f = b - d;
-  const N = [];
+  const B = [];
   for (; f < b; ) {
     f++;
     const U = y === m && w === f, Q = new Date(o, m, f);
-    N.push({
+    B.push({
       value: f,
       monthType: "previous",
       isToday: U,
@@ -748,12 +748,12 @@ const ke = [
     });
   }
   const D = n + 1, T = [];
-  let B = 0;
+  let N = 0;
   for (; x; ) {
-    B++, x--;
-    const U = y === D && w === B, Q = new Date(o, D, B);
+    N++, x--;
+    const U = y === D && w === N, Q = new Date(o, D, N);
     T.push({
-      value: B,
+      value: N,
       monthType: "next",
       isToday: U,
       date: Q,
@@ -765,16 +765,16 @@ const ke = [
   for (; C < s; ) {
     const U = $.getDate();
     C++;
-    const Q = y === n && U === C, Ne = new Date(o, n, C);
+    const Q = y === n && U === C, Be = new Date(o, n, C);
     R.push({
       value: C,
       monthType: "current",
       isToday: Q,
-      date: Ne,
-      hidden: e(Ne)
+      date: Be,
+      hidden: e(Be)
     });
   }
-  const E = [...N, ...R, ...T], G = [];
+  const E = [...B, ...R, ...T], G = [];
   for (let U = 0; U < E.length; U += 7) {
     const Q = E.slice(U, U + 7);
     G.push(Q);
@@ -882,9 +882,9 @@ const xo = ["id"], Mo = { class: "nmorph-carousel__elements-indicator" }, Co = [
       });
     });
     const y = (D, T) => {
-      const B = D;
-      x[T] = B;
-    }, m = h(() => `translateX(-${e.value * 100}%)`), b = g(!0), f = (D) => D === e.value - 1, N = (D) => {
+      const N = D;
+      x[T] = N;
+    }, m = h(() => `translateX(-${e.value * 100}%)`), b = g(!0), f = (D) => D === e.value - 1, B = (D) => {
       e.value = D + 1;
     };
     return (D, T) => (r(), u("div", {
@@ -896,19 +896,19 @@ const xo = ["id"], Mo = { class: "nmorph-carousel__elements-indicator" }, Co = [
         class: M(["nmorph-carousel__wrapper", { "transition-enabled": b.value }]),
         style: Z({ transform: m.value })
       }, [
-        (r(!0), u(Y, null, j(d.value, (B, C) => (r(), u("div", {
-          id: `nmorph-carousel-item-${p(_)}-${B}`,
-          key: B,
+        (r(!0), u(Y, null, j(d.value, (N, C) => (r(), u("div", {
+          id: `nmorph-carousel-item-${p(_)}-${N}`,
+          key: N,
           ref_for: !0,
           ref: (R) => y(R, C),
           class: "nmorph-carousel__item"
         }, null, 8, xo))), 128))
       ], 6),
       c("div", Mo, [
-        (r(!0), u(Y, null, j(d.value, (B, C) => (r(), u("div", {
+        (r(!0), u(Y, null, j(d.value, (N, C) => (r(), u("div", {
           key: C,
           class: "nmorph-carousel__element-indicator-wrapper",
-          onClick: (R) => N(C)
+          onClick: (R) => B(C)
         }, [
           c("div", {
             class: M(["nmorph-carousel__element-indicator", { "nmorph-carousel__element-indicator--active": f(C) }])
@@ -931,7 +931,7 @@ const xo = ["id"], Mo = { class: "nmorph-carousel__elements-indicator" }, Co = [
     ], 2));
   }
 });
-const No = /* @__PURE__ */ O({
+const Bo = /* @__PURE__ */ O({
   __name: "NmorphCarouselItem",
   props: {
     name: {}
@@ -955,7 +955,7 @@ const No = /* @__PURE__ */ O({
       ], 8, ["to"]))
     ], 2)) : H("", !0);
   }
-}), Bo = /* @__PURE__ */ O({
+}), No = /* @__PURE__ */ O({
   __name: "NmorphCollapse",
   props: {
     modelValue: {},
@@ -1134,7 +1134,7 @@ const Ho = { class: "nmorph-image-preview__content" }, Io = {
       s.value = 1;
     }, b = () => {
       s.value = 1;
-    }, f = g(0), N = () => {
+    }, f = g(0), B = () => {
       const E = e.src.length - 1, G = l.value - 1;
       G < 0 ? l.value = E : l.value = G;
     }, D = () => {
@@ -1149,7 +1149,7 @@ const Ho = { class: "nmorph-image-preview__content" }, Io = {
         icon: "enlarge",
         handler: m
       }), E;
-    }), B = [
+    }), N = [
       {
         icon: "rotate-right",
         handler: v
@@ -1194,7 +1194,7 @@ const Ho = { class: "nmorph-image-preview__content" }, Io = {
             }, null, 8, ["src", "alt", "style"])
           ]),
           R.value ? (r(), u("div", Io, [
-            k(p(F), { onClick: N }, {
+            k(p(F), { onClick: B }, {
               default: z(() => [
                 k(p(I), { name: "chevron-down" })
               ]),
@@ -1210,7 +1210,7 @@ const Ho = { class: "nmorph-image-preview__content" }, Io = {
             })
           ])) : H("", !0),
           c("div", zo, [
-            (r(), u(Y, null, j(B, (U, Q) => c("div", {
+            (r(), u(Y, null, j(N, (U, Q) => c("div", {
               key: Q,
               class: "nmorph-image-preview__action-element"
             }, [
@@ -1267,7 +1267,7 @@ const Ro = /* @__PURE__ */ O({
       d.value = String(Number(d.value) + 1);
     }, d = g(String(e.modelValue)), _ = h(() => {
       const m = e.total / e.pagerCount + 1, b = m % 1 === 0 ? -1 : 0;
-      return Array.from({ length: m + b }, (f, N) => ({ value: String(N + 1), label: String(N + 1) }));
+      return Array.from({ length: m + b }, (f, B) => ({ value: String(B + 1), label: String(B + 1) }));
     }), v = h(() => e.hideOnSinglePage || e.total / e.pagerCount > 1);
     q(d, (m) => {
       o("update:modelValue", Number(m)), y();
@@ -1527,16 +1527,16 @@ const al = { class: "nmorph-table__wrapper" }, nl = { class: "nmorph-table__head
       })
     ), o = g(a.data), n = g(a.sort), l = (w, y) => {
       n.value && (n.value[y] = w, o.value.sort((m, b) => {
-        const f = String(m[y]).toLowerCase(), N = String(b[y]).toLowerCase();
+        const f = String(m[y]).toLowerCase(), B = String(b[y]).toLowerCase();
         if (!n.value)
           return 0;
         const D = n.value[y];
-        return D === "ascending" ? f.localeCompare(N) : D === "descending" ? N.localeCompare(f) : 0;
+        return D === "ascending" ? f.localeCompare(B) : D === "descending" ? B.localeCompare(f) : 0;
       }));
     }, i = g(null), s = g([]);
     J("table-data", { rows: o, columns: s });
     const d = h(() => {
-      const w = s.value.map((N) => N.width).filter((N) => !!N), y = w.length, m = w.reduce((N, D) => (N += Number(D), N), 0), b = s.value.length - y;
+      const w = s.value.map((B) => B.width).filter((B) => !!B), y = w.length, m = w.reduce((B, D) => (B += Number(D), B), 0), b = s.value.length - y;
       return i.value?.clientWidth ? (i.value?.clientWidth - m) / b : 0;
     }), _ = (w) => w !== "" ? w : d.value, v = g(0);
     q(
@@ -1832,6 +1832,7 @@ const yl = { class: "nmorph-dialog__header" }, gl = { class: "nmorph-dialog__tit
     }, 8, ["show"]));
   }
 });
+var kl = /* @__PURE__ */ ((t) => (t["contains-one"] = "contains-one", t["not-contains"] = "not-contains", t["full-eq"] = "full-eq", t))(kl || {}), wl = /* @__PURE__ */ ((t) => (t.eq = "eq", t.gte = "gte", t.lte = "lte", t.gt = "gt", t.lt = "lt", t))(wl || {}), xl = /* @__PURE__ */ ((t) => (t.eq = "eq", t["not-eq"] = "not-eq", t))(xl || {});
 const Te = (t) => {
   const { inputValue: a, rules: e } = t, o = g([]), n = h(() => o.value.length === 0), l = g(!1);
   return {
@@ -1849,8 +1850,8 @@ const Te = (t) => {
         o.value = y.reduce((m, b) => (s.match(b.pattern) || m.push(b.error), m), []);
       }
       if (v) {
-        const y = (b, f, N) => {
-          switch (N) {
+        const y = (b, f, B) => {
+          switch (B) {
             case "eq":
               return b === f;
             case "gt":
@@ -1869,29 +1870,29 @@ const Te = (t) => {
         const y = e;
         o.value = y.reduce((m, b) => {
           let f = !1;
-          const { compareValue: N, booleanCompareType: D } = b;
-          return D === "not-eq" && (f = s === N), D === "eq" && (f = s !== N), f || m.push(b.error), m;
+          const { compareValue: B, booleanCompareType: D } = b;
+          return D === "not-eq" && (f = s === B), D === "eq" && (f = s !== B), f || m.push(b.error), m;
         }, []);
       }
       if ($) {
-        const y = e, m = (b, f, N) => {
-          switch (N) {
+        const y = e, m = (b, f, B) => {
+          switch (B) {
             case "contains-one":
-              return b.some((B) => f.includes(B));
+              return b.some((N) => f.includes(N));
             case "full-eq":
               if (b.length !== f.length)
                 return !1;
               const D = [...b].sort(), T = [...f].sort();
-              return D.every((B, C) => B === T[C]);
+              return D.every((N, C) => N === T[C]);
             case "not-contains":
-              return !b.some((B) => f.includes(B));
+              return !b.some((N) => f.includes(N));
           }
         };
         o.value = y.reduce((b, f) => (m(s, f.compareValue, f.arrayCompareType) || b.push(f.error), b), []);
       }
     }
   };
-}, kl = (t, a = !1) => {
+}, Ml = (t, a = !1) => {
   const e = le({}), o = le(Ve(t)), n = () => {
     Object.entries(t).forEach(([s, d]) => {
       e[s] = Te({ inputValue: d.value, rules: d.rules }), e[s].validate();
@@ -1924,15 +1925,35 @@ const Te = (t) => {
         console.warn("Relative element is not an HTMLElement");
         return;
       }
-      const w = $.getBoundingClientRect(), { x: y, y: m } = w, b = w.width, f = w.height, N = window.innerWidth, D = window.innerHeight;
-      i.value === "top" && m - x < 0 && (i.value = "bottom"), i.value === "bottom" && m + f + x > D && (i.value = "top"), i.value === "left" && y - v < 0 && (i.value = "right"), i.value === "right" && y + b + v > N && (i.value = "left"), i.value === "top" && (s.value = { x: `${y + l}px`, y: `${m + n}px` }), i.value === "bottom" && (s.value = { x: `${y + l}px`, y: `${m + f + n}px` }), i.value === "right" && (s.value = { x: `${y + l}px`, y: `${m + n}px` }), i.value === "left" && (s.value = { x: `${y + b + l}px`, y: `${m + n}px` });
+      const w = $.getBoundingClientRect(), { x: y, y: m } = w, b = w.width, f = w.height, B = window.innerWidth, D = window.innerHeight;
+      i.value === "top" && m - x < 0 && (i.value = "bottom"), i.value === "bottom" && m + f + x > D && (i.value = "top"), i.value === "left" && y - v < 0 && (i.value = "right"), i.value === "right" && y + b + v > B && (i.value = "left"), i.value === "top" && (s.value = { x: `${y + l}px`, y: `${m + n}px` }), i.value === "bottom" && (s.value = { x: `${y + l}px`, y: `${m + f + n}px` }), i.value === "right" && (s.value = { x: `${y + l}px`, y: `${m + n}px` }), i.value === "left" && (s.value = { x: `${y + b + l}px`, y: `${m + n}px` });
     });
   };
   return { placement: i, placementCoords: s };
-}, wl = { class: "nmorph-tooltip__shadow-content" }, xl = /* @__PURE__ */ c("div", { class: "nmorph-tooltip__triangle" }, null, -1), Ml = {
+}, zr = () => {
+}, Ar = (t = "dark") => {
+  const a = g(t === "light"), e = g(null);
+  return L(() => {
+    e.value = document.querySelector("html"), e?.value.setAttribute("data-theme", a.value ? "light" : "dark");
+  }), q(
+    a,
+    (l) => {
+      e.value && (l ? e?.value.removeAttribute("data-theme") : e?.value.setAttribute("data-theme", a.value ? "light" : "dark"));
+    },
+    { immediate: !0 }
+  ), {
+    isThemeLight: a,
+    toggleTheme: () => {
+      a.value = !a.value;
+    },
+    setTheme: (l) => {
+      a.value = l === "dark";
+    }
+  };
+}, Cl = { class: "nmorph-tooltip__shadow-content" }, Dl = /* @__PURE__ */ c("div", { class: "nmorph-tooltip__triangle" }, null, -1), Bl = {
   key: 0,
   class: "nmorph-tooltip__info-content"
-}, Cl = { class: "nmorph-tooltip__shadow-content" }, Dl = /* @__PURE__ */ c("div", { class: "nmorph-tooltip__triangle" }, null, -1), Nl = { key: 0 }, it = /* @__PURE__ */ O({
+}, Nl = { class: "nmorph-tooltip__shadow-content" }, Vl = /* @__PURE__ */ c("div", { class: "nmorph-tooltip__triangle" }, null, -1), Sl = { key: 0 }, it = /* @__PURE__ */ O({
   __name: "NmorphTooltip",
   props: {
     text: { default: "" },
@@ -1984,8 +2005,8 @@ const Te = (t) => {
               class: "nmorph-tooltip__info-content",
               style: Z({ left: v.forceCoordinate?.x, bottom: v.forceCoordinate?.y })
             }, [
-              c("div", wl, [
-                xl,
+              c("div", Cl, [
+                Dl,
                 c("span", null, A(v.text), 1)
               ])
             ], 4)) : H("", !0)
@@ -1997,10 +2018,10 @@ const Te = (t) => {
           tag: "div"
         }, {
           default: z(() => [
-            e.value ? (r(), u("div", Ml, [
-              c("div", Cl, [
-                Dl,
-                a.text ? (r(), u("span", Nl, A(v.text), 1)) : V(v.$slots, "content", { key: 1 })
+            e.value ? (r(), u("div", Bl, [
+              c("div", Nl, [
+                Vl,
+                a.text ? (r(), u("span", Sl, A(v.text), 1)) : V(v.$slots, "content", { key: 1 })
               ])
             ])) : H("", !0)
           ]),
@@ -2010,25 +2031,25 @@ const Te = (t) => {
     ], 2));
   }
 });
-const Bl = {
+const Tl = {
   key: 0,
   class: "nmorph-checkbox__content"
-}, Vl = { class: "nmorph-checkbox__input-wrapper" }, Sl = ["disabled", "checked"], Tl = /* @__PURE__ */ c("div", { class: "nmorph-checkbox__fake" }, null, -1), Ol = {
+}, Ol = { class: "nmorph-checkbox__input-wrapper" }, Hl = ["disabled", "checked"], Il = /* @__PURE__ */ c("div", { class: "nmorph-checkbox__fake" }, null, -1), Pl = {
   key: 0,
   class: "nmorph-checkbox__fake-checked"
-}, Hl = {
+}, zl = {
   key: 0,
   class: "nmorph-checkbox__label"
-}, Il = {
+}, Al = {
   key: 1,
   class: "nmorph-checkbox__label"
-}, Pl = {
+}, Rl = {
   key: 1,
   class: "nmorph-checkbox__content"
-}, zl = ["disabled", "checked"], Al = {
+}, El = ["disabled", "checked"], Fl = {
   key: 0,
   class: "nmorph-checkbox__fake"
-}, Rl = {
+}, Wl = {
   key: 1,
   class: "nmorph-checkbox__fake"
 }, ct = /* @__PURE__ */ O({
@@ -2062,8 +2083,8 @@ const Bl = {
     return ($, w) => (r(), u("label", {
       class: M(x.value)
     }, [
-      n.styleType === "checkbox-style" ? (r(), u("div", Bl, [
-        c("div", Vl, [
+      n.styleType === "checkbox-style" ? (r(), u("div", Tl, [
+        c("div", Ol, [
           c("input", {
             ref_key: "inputDOMRef",
             ref: l,
@@ -2071,17 +2092,17 @@ const Bl = {
             disabled: n.disabled,
             checked: d.value,
             onChange: v
-          }, null, 40, Sl),
-          Tl,
-          d.value ? (r(), u("div", Ol)) : H("", !0)
+          }, null, 40, Hl),
+          Il,
+          d.value ? (r(), u("div", Pl)) : H("", !0)
         ]),
-        n.label ? (r(), u("div", Hl, [
+        n.label ? (r(), u("div", zl, [
           c("span", null, A(n.label), 1)
-        ])) : (r(), u("div", Il, [
+        ])) : (r(), u("div", Al, [
           V($.$slots, "default")
         ]))
       ])) : H("", !0),
-      n.styleType === "button-style" ? (r(), u("div", Pl, [
+      n.styleType === "button-style" ? (r(), u("div", Rl, [
         c("input", {
           ref_key: "inputDOMRef",
           ref: l,
@@ -2089,10 +2110,10 @@ const Bl = {
           disabled: n.disabled,
           checked: d.value,
           onChange: v
-        }, null, 40, zl),
-        n.label ? (r(), u("div", Al, [
+        }, null, 40, El),
+        n.label ? (r(), u("div", Fl, [
           c("span", null, A(n.label), 1)
-        ])) : (r(), u("div", Rl, [
+        ])) : (r(), u("div", Wl, [
           V($.$slots, "label")
         ]))
       ])) : H("", !0)
@@ -2100,7 +2121,7 @@ const Bl = {
   }
 });
 var ut = /* @__PURE__ */ ((t) => (t["checkbox-style"] = "checkbox-style", t["button-style"] = "button-style", t))(ut || {});
-const El = { class: "nmorph-checkbox-group__wrapper" }, Fl = { class: "nmorph-checkbox-group__content" }, Wl = /* @__PURE__ */ O({
+const Ll = { class: "nmorph-checkbox-group__wrapper" }, Yl = { class: "nmorph-checkbox-group__content" }, jl = /* @__PURE__ */ O({
   __name: "NmorphCheckboxGroup",
   props: {
     modelValue: { default: () => [] },
@@ -2123,8 +2144,8 @@ const El = { class: "nmorph-checkbox-group__wrapper" }, Fl = { class: "nmorph-ch
     return J("checkbox-group-selected-value", o), J("change-checkbox-value-handler", l), (s, d) => (r(), u("div", {
       class: M(i.value)
     }, [
-      c("div", El, [
-        c("div", Fl, [
+      c("div", Ll, [
+        c("div", Yl, [
           (r(!0), u(Y, null, j(s.options, (_, v) => (r(), P(p(ct), {
             id: _.id,
             key: v,
@@ -2139,13 +2160,13 @@ const El = { class: "nmorph-checkbox-group__wrapper" }, Fl = { class: "nmorph-ch
     ], 2));
   }
 });
-const Ll = { class: "nmorph-autocomplete__input-content" }, Yl = {
+const Ul = { class: "nmorph-autocomplete__input-content" }, ql = {
   key: 0,
   class: "nmorph-autocomplete__loading"
-}, jl = {
+}, Gl = {
   key: 1,
   class: "nmorph-autocomplete__list"
-}, Ul = ["onClick"], ql = /* @__PURE__ */ O({
+}, Jl = ["onClick"], Xl = /* @__PURE__ */ O({
   __name: "NmorphAutocomplete",
   props: {
     modelValue: { default: "" },
@@ -2185,7 +2206,7 @@ const Ll = { class: "nmorph-autocomplete__input-content" }, Yl = {
     }), (y, m) => (r(), u("div", {
       class: M(l.value)
     }, [
-      c("div", Ll, [
+      c("div", Ul, [
         c("div", {
           ref_key: "nmorphAutocompleteDOMRef",
           ref: d,
@@ -2210,14 +2231,14 @@ const Ll = { class: "nmorph-autocomplete__input-content" }, Yl = {
         onOnOutsideClick: _
       }, {
         default: z(() => [
-          w.value ? (r(), u("div", Yl, [
+          w.value ? (r(), u("div", ql, [
             V(y.$slots, "loader", {}, () => [
               k(p(I), {
                 name: "loader",
                 size: "large"
               })
             ])
-          ])) : (r(), u("div", jl, [
+          ])) : (r(), u("div", Gl, [
             (r(!0), u(Y, null, j(v.value, (b, f) => (r(), u("div", {
               key: f,
               class: "nmorph-autocomplete__list-item",
@@ -2226,7 +2247,7 @@ const Ll = { class: "nmorph-autocomplete__input-content" }, Yl = {
               V(y.$slots, "default", { scope: b }, () => [
                 ee(A(b.value), 1)
               ])
-            ], 8, Ul))), 128))
+            ], 8, Jl))), 128))
           ]))
         ]),
         _: 3
@@ -2252,13 +2273,13 @@ const Oe = /* @__PURE__ */ O({
       })
     ], 2));
   }
-}), Gl = {
+}), Ql = {
   key: 0,
   class: "nmorph-date-picker__date-wrapper"
-}, Jl = /* @__PURE__ */ c("input", { type: "date" }, null, -1), Xl = { class: "nmorph-date-picker__selected-value" }, Ql = { class: "nmorph-date-picker__clear-button-wrapper" }, Kl = { class: "nmorph-date-picker__content" }, Zl = {
+}, Kl = /* @__PURE__ */ c("input", { type: "date" }, null, -1), Zl = { class: "nmorph-date-picker__selected-value" }, es = { class: "nmorph-date-picker__clear-button-wrapper" }, ts = { class: "nmorph-date-picker__content" }, as = {
   key: 1,
   class: "nmorph-date-picker__date-range-wrapper"
-}, es = /* @__PURE__ */ c("input", { type: "date" }, null, -1), ts = { class: "nmorph-date-picker__selected-value" }, as = { class: "nmorph-date-picker__value-from" }, ns = { class: "nmorph-date-picker__value-separator" }, os = { class: "nmorph-date-picker__value-from" }, ls = { class: "nmorph-date-picker__clear-button-wrapper" }, ss = { class: "nmorph-date-picker__content" }, rs = /* @__PURE__ */ O({
+}, ns = /* @__PURE__ */ c("input", { type: "date" }, null, -1), os = { class: "nmorph-date-picker__selected-value" }, ls = { class: "nmorph-date-picker__value-from" }, ss = { class: "nmorph-date-picker__value-separator" }, rs = { class: "nmorph-date-picker__value-from" }, is = { class: "nmorph-date-picker__clear-button-wrapper" }, cs = { class: "nmorph-date-picker__content" }, us = /* @__PURE__ */ O({
   __name: "NmorphDatePicker",
   props: {
     placeholder: { default: "Pick a date" },
@@ -2303,41 +2324,41 @@ const Oe = /* @__PURE__ */ O({
       const T = D;
       if (Array.isArray(l.value)) {
         if (e.type === "dates") {
-          const B = T.toDateString(), C = l.value.map((E) => E?.toDateString()), R = C.findIndex((E) => B === E);
-          C.includes(B) ? l.value.splice(R, 1) : l.value.push(T);
+          const N = T.toDateString(), C = l.value.map((E) => E?.toDateString()), R = C.findIndex((E) => N === E);
+          C.includes(N) ? l.value.splice(R, 1) : l.value.push(T);
         }
       } else
         l.value = T;
       i("update:modelValue", l.value);
     }, b = h(() => Array.isArray(l.value) ? l.value.length > 0 : !!l.value), f = (D) => {
       Array.isArray(l.value) && (l.value[0] = D, i("update:modelValue", l.value));
-    }, N = (D) => {
+    }, B = (D) => {
       Array.isArray(l.value) && (l.value[1] = D, i("update:modelValue", l.value));
     };
     return (D, T) => (r(), u("div", {
       class: M(s.value)
     }, [
-      e.type === "date" || e.type === "dates" ? (r(), u("div", Gl, [
+      e.type === "date" || e.type === "dates" ? (r(), u("div", Ql, [
         c("div", {
           ref_key: "nmorphInputDOMRef",
           ref: _,
           class: M(["nmorph-date-picker__input", { "nmorph-date-picker__input--open": d.value }]),
           onClick: x
         }, [
-          Jl,
+          Kl,
           k(p(I), {
             name: "calendar",
             class: "nmorph-date-picker__calendar-icon"
           }),
-          c("div", Xl, A($.value), 1),
-          c("div", Ql, [
+          c("div", Zl, A($.value), 1),
+          c("div", es, [
             b.value ? (r(), P(Oe, {
               key: 0,
               onClear: y
             })) : H("", !0)
           ])
         ], 2),
-        c("div", Kl, [
+        c("div", ts, [
           _.value ? (r(), P(p(ne), {
             key: 0,
             "fill-width": !1,
@@ -2358,31 +2379,31 @@ const Oe = /* @__PURE__ */ O({
           }, 8, ["open", "relative-element"])) : H("", !0)
         ])
       ])) : H("", !0),
-      e.type === "daterange" ? (r(), u("div", Zl, [
+      e.type === "daterange" ? (r(), u("div", as, [
         c("div", {
           ref_key: "nmorphInputDOMRef",
           ref: _,
           class: M(["nmorph-date-picker__input", { "nmorph-date-picker__input--open": d.value }]),
           onClick: x
         }, [
-          es,
+          ns,
           k(p(I), {
             name: "calendar",
             class: "nmorph-date-picker__calendar-icon"
           }),
-          c("div", ts, [
-            c("div", as, A(w.value.from), 1),
-            c("div", ns, A(e.textSeparator), 1),
-            c("div", os, A(w.value.to), 1)
+          c("div", os, [
+            c("div", ls, A(w.value.from), 1),
+            c("div", ss, A(e.textSeparator), 1),
+            c("div", rs, A(w.value.to), 1)
           ]),
-          c("div", ls, [
+          c("div", is, [
             b.value ? (r(), P(Oe, {
               key: 0,
               onClear: y
             })) : H("", !0)
           ])
         ], 2),
-        c("div", ss, [
+        c("div", cs, [
           _.value ? (r(), P(p(ne), {
             key: 0,
             "fill-width": !1,
@@ -2403,7 +2424,7 @@ const Oe = /* @__PURE__ */ O({
                 "selected-values": l.value,
                 "initial-date": n.value,
                 type: D.type,
-                onUpdateSelectedValue: N
+                onUpdateSelectedValue: B
               }, null, 8, ["selected-values", "initial-date", "type"])
             ]),
             _: 1
@@ -2414,7 +2435,7 @@ const Oe = /* @__PURE__ */ O({
   }
 });
 var dt = /* @__PURE__ */ ((t) => (t.date = "date", t.dates = "dates", t.daterange = "daterange", t))(dt || {});
-const is = { class: "nmorph-year-month-picker__header" }, cs = { class: "nmorph-year-month-picker__value" }, us = { class: "nmorph-year-month-picker__values" }, be = /* @__PURE__ */ O({
+const ds = { class: "nmorph-year-month-picker__header" }, ps = { class: "nmorph-year-month-picker__value" }, hs = { class: "nmorph-year-month-picker__values" }, be = /* @__PURE__ */ O({
   __name: "NmorphYearMonthPicker",
   props: {
     currentDate: {},
@@ -2426,7 +2447,7 @@ const is = { class: "nmorph-year-month-picker__header" }, cs = { class: "nmorph-
       label: b.substring(0, 3),
       value: String(f)
     })), o = t, n = g(e), l = g(String(o.currentDate.getMonth())), i = g(o.currentDate.getFullYear()), s = () => {
-      const b = o.currentDate.getFullYear(), f = Ge(b).map((N) => ({ label: String(N), value: String(N) }));
+      const b = o.currentDate.getFullYear(), f = Ge(b).map((B) => ({ label: String(B), value: String(B) }));
       n.value = f;
     };
     q(
@@ -2447,10 +2468,10 @@ const is = { class: "nmorph-year-month-picker__header" }, cs = { class: "nmorph-
       l.value = b, o.type === "month" ? d("update-month", l.value) : d("update-year", l.value);
     }, x = (b) => {
       n.value = n.value.map((f) => {
-        const N = String(b === "decrease" ? Number(f.value) - 10 : Number(f.value) + 10);
+        const B = String(b === "decrease" ? Number(f.value) - 10 : Number(f.value) + 10);
         return {
-          label: N,
-          value: N
+          label: B,
+          value: B
         };
       });
     }, $ = (b) => {
@@ -2463,11 +2484,11 @@ const is = { class: "nmorph-year-month-picker__header" }, cs = { class: "nmorph-
     return (b, f) => (r(), u("div", {
       class: M(_.value)
     }, [
-      c("div", is, [
+      c("div", ds, [
         k(p(F), {
           class: "nmorph-year-month-picker__action-btn",
           "style-type": "transparent",
-          onClick: f[0] || (f[0] = (N) => w("decrease"))
+          onClick: f[0] || (f[0] = (B) => w("decrease"))
         }, {
           default: z(() => [
             k(p(I), {
@@ -2477,7 +2498,7 @@ const is = { class: "nmorph-year-month-picker__header" }, cs = { class: "nmorph-
           ]),
           _: 1
         }),
-        c("div", cs, [
+        c("div", ps, [
           k(p(F), {
             text: y.value,
             "style-type": "transparent",
@@ -2487,7 +2508,7 @@ const is = { class: "nmorph-year-month-picker__header" }, cs = { class: "nmorph-
         k(p(F), {
           class: "nmorph-year-month-picker__action-btn",
           "style-type": "transparent",
-          onClick: f[1] || (f[1] = (N) => w("increase"))
+          onClick: f[1] || (f[1] = (B) => w("increase"))
         }, {
           default: z(() => [
             k(p(I), {
@@ -2498,7 +2519,7 @@ const is = { class: "nmorph-year-month-picker__header" }, cs = { class: "nmorph-
           _: 1
         })
       ]),
-      c("div", us, [
+      c("div", hs, [
         k(p(Me), {
           "model-value": l.value,
           options: n.value,
@@ -2534,18 +2555,18 @@ const ue = /* @__PURE__ */ O({
       i.value = "year";
     }, b = () => {
       i.value = "month";
-    }, f = (B) => {
-      const C = new Date(l.value.setFullYear(Number(B)));
+    }, f = (N) => {
+      const C = new Date(l.value.setFullYear(Number(N)));
       l.value = C, i.value = "month";
-    }, N = (B) => {
-      const C = new Date(l.value.setMonth(Number(B)));
+    }, B = (N) => {
+      const C = new Date(l.value.setMonth(Number(N)));
       l.value = C, i.value = "calendar";
     }, D = () => {
       i.value = "year";
-    }, T = (B) => {
-      o("update-selected-value", B);
+    }, T = (N) => {
+      o("update-selected-value", N);
     };
-    return (B, C) => (r(), u("div", {
+    return (N, C) => (r(), u("div", {
       class: M(n.value)
     }, [
       i.value === "calendar" ? (r(), P(p(qe), {
@@ -2579,12 +2600,12 @@ const ue = /* @__PURE__ */ O({
         type: "month",
         "current-date": l.value,
         onUpdateYear: f,
-        onUpdateMonth: N,
+        onUpdateMonth: B,
         onBackToYears: D
       }, null, 8, ["current-date"])) : H("", !0)
     ], 2));
   }
-}), ds = { class: "nmorph-date-picker-header__left-side" }, ps = { class: "nmorph-date-picker-header__center-side" }, hs = { class: "nmorph-date-picker-header__right-side" }, pt = /* @__PURE__ */ O({
+}), _s = { class: "nmorph-date-picker-header__left-side" }, ms = { class: "nmorph-date-picker-header__center-side" }, vs = { class: "nmorph-date-picker-header__right-side" }, pt = /* @__PURE__ */ O({
   __name: "NmorphDatePickerHeader",
   props: {
     date: { default: () => /* @__PURE__ */ new Date() }
@@ -2599,7 +2620,7 @@ const ue = /* @__PURE__ */ O({
     return (l, i) => (r(), u("div", {
       class: M(n.value)
     }, [
-      c("div", ds, [
+      c("div", _s, [
         k(p(F), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
@@ -2627,7 +2648,7 @@ const ue = /* @__PURE__ */ O({
           _: 1
         })
       ]),
-      c("div", ps, [
+      c("div", ms, [
         k(p(F), {
           text: String(e.date.getFullYear()),
           "style-type": "transparent",
@@ -2641,7 +2662,7 @@ const ue = /* @__PURE__ */ O({
           onClick: i[3] || (i[3] = (s) => o("change-month"))
         }, null, 8, ["text"])
       ]),
-      c("div", hs, [
+      c("div", vs, [
         k(p(F), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
@@ -2672,7 +2693,7 @@ const ue = /* @__PURE__ */ O({
     ], 2));
   }
 });
-const _s = { class: "nmorph-file-upload__trigger" }, ms = ["multiple"], vs = { class: "nmorph-file-upload__list" }, fs = { class: "nmorph-file-upload__file-info" }, ys = { class: "nmorph-file-upload__file-name" }, gs = { class: "nmorph-file-upload__remove-file" }, bs = /* @__PURE__ */ O({
+const fs = { class: "nmorph-file-upload__trigger" }, ys = ["multiple"], gs = { class: "nmorph-file-upload__list" }, bs = { class: "nmorph-file-upload__file-info" }, $s = { class: "nmorph-file-upload__file-name" }, ks = { class: "nmorph-file-upload__remove-file" }, ws = /* @__PURE__ */ O({
   __name: "NmorphFileUpload",
   props: {
     modelValue: { default: () => [] },
@@ -2699,8 +2720,8 @@ const _s = { class: "nmorph-file-upload__trigger" }, ms = ["multiple"], vs = { c
           const b = o(m.type);
           if (!e.allowedTypes.includes(b))
             return x("on-unsupported-file-type-error", m.type);
-          const f = URL.createObjectURL(m), N = { data: m, previewUrl: f };
-          l.push(N);
+          const f = URL.createObjectURL(m), B = { data: m, previewUrl: f };
+          l.push(B);
         }), l.length === 0)
           return;
         _();
@@ -2726,14 +2747,14 @@ const _s = { class: "nmorph-file-upload__trigger" }, ms = ["multiple"], vs = { c
     return (w, y) => (r(), u("div", {
       class: M($.value)
     }, [
-      c("div", _s, [
+      c("div", fs, [
         c("input", {
           ref_key: "inputDOMRef",
           ref: i,
           type: "file",
           multiple: e.multiple,
           onChange: d
-        }, null, 40, ms),
+        }, null, 40, ys),
         V(w.$slots, "trigger", {}, () => [
           k(p(F), {
             text: "Select file",
@@ -2742,7 +2763,7 @@ const _s = { class: "nmorph-file-upload__trigger" }, ms = ["multiple"], vs = { c
           })
         ])
       ]),
-      c("div", vs, [
+      c("div", gs, [
         k(de, {
           name: "list",
           tag: "div"
@@ -2753,15 +2774,15 @@ const _s = { class: "nmorph-file-upload__trigger" }, ms = ["multiple"], vs = { c
               class: "nmorph-file-upload__file"
             }, [
               k(p(et), { src: b }, null, 8, ["src"]),
-              c("div", fs, [
+              c("div", bs, [
                 k(p(I), {
                   name: n(m.type),
                   width: "14px",
                   height: "17px"
                 }, null, 8, ["name"]),
-                c("span", ys, A(m.name), 1)
+                c("span", $s, A(m.name), 1)
               ]),
-              c("div", gs, [
+              c("div", ks, [
                 k(p(F), {
                   height: "thin",
                   "style-type": "transparent",
@@ -2782,13 +2803,13 @@ const _s = { class: "nmorph-file-upload__trigger" }, ms = ["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 $s = {
+const xs = {
   ...he,
   ..._e,
   ...me,
   ...xe,
   ...ve
-}, ks = { class: "nmorph-form__content" }, ws = /* @__PURE__ */ O({
+}, Ms = { class: "nmorph-form__content" }, Cs = /* @__PURE__ */ O({
   __name: "NmorphForm",
   props: {
     value: {},
@@ -2800,18 +2821,18 @@ const $s = {
       () => S({
         "nmorph-form": []
       })
-    ), n = kl(e.value, e.validateImmediately), l = a;
+    ), n = Ml(e.value, e.validateImmediately), l = a;
     return L(() => {
       l("formValidator", n);
     }), J("form-data", n), (i, s) => (r(), u("form", {
       class: M(o.value)
     }, [
-      c("div", ks, [
+      c("div", Ms, [
         V(i.$slots, "default")
       ])
     ], 2));
   }
-}), xs = /* @__PURE__ */ O({
+}), Ds = /* @__PURE__ */ O({
   __name: "NmorphErrorBox",
   props: {
     height: { default: "default" },
@@ -2843,7 +2864,7 @@ const $s = {
     ], 2));
   }
 });
-const ye = "18px", Ms = /* @__PURE__ */ O({
+const ye = "18px", Bs = /* @__PURE__ */ O({
   __name: "NmorphValidationIcon",
   props: {
     valid: { type: [Boolean, Object] },
@@ -2871,7 +2892,7 @@ const ye = "18px", Ms = /* @__PURE__ */ O({
     ], 2));
   }
 });
-const Cs = { key: 0 }, Ds = { class: "nmorph-form-item__content" }, Ns = /* @__PURE__ */ O({
+const Ns = { key: 0 }, Vs = { class: "nmorph-form-item__content" }, Ss = /* @__PURE__ */ O({
   __name: "NmorphFormItem",
   props: {
     id: {},
@@ -2895,15 +2916,15 @@ const Cs = { key: 0 }, Ds = { class: "nmorph-form-item__content" }, Ns = /* @__P
     return (d, _) => (r(), u("div", {
       class: M(s.value)
     }, [
-      a.label ? (r(), u("label", Cs, A(a.label), 1)) : H("", !0),
-      c("div", Ds, [
+      a.label ? (r(), u("label", Ns, A(a.label), 1)) : H("", !0),
+      c("div", Vs, [
         V(d.$slots, "default"),
-        k(p(Ms), {
+        k(p(Bs), {
           valid: !!o.value?.valid,
           show: l.value
         }, null, 8, ["valid", "show"])
       ]),
-      k(p(xs), {
+      k(p(Ds), {
         errors: o.value?.errors,
         height: a.height,
         "static-height": d.staticErrorBoxSpace
@@ -2911,16 +2932,16 @@ const Cs = { key: 0 }, Ds = { class: "nmorph-form-item__content" }, Ns = /* @__P
     ], 2));
   }
 });
-const Bs = { class: "nmorph-number-input__content" }, Vs = { class: "nmorph-number-input__input-content" }, Ss = {
+const Ts = { class: "nmorph-number-input__content" }, Os = { class: "nmorph-number-input__input-content" }, Hs = {
   key: 0,
   class: "nmorph-number-input__decrease"
-}, Ts = ["value", "min", "max"], Os = {
+}, Is = ["value", "min", "max"], Ps = {
   key: 1,
   class: "nmorph-number-input__increase"
-}, Hs = {
+}, zs = {
   key: 2,
   class: "nmorph-number-input__action-btns"
-}, Is = { class: "nmorph-number-input__decrease" }, Ps = { class: "nmorph-number-input__increase" }, zs = /* @__PURE__ */ O({
+}, As = { class: "nmorph-number-input__decrease" }, Rs = { class: "nmorph-number-input__increase" }, Es = /* @__PURE__ */ O({
   __name: "NmorphNumberInput",
   props: {
     modelValue: { default: 0 },
@@ -2979,9 +3000,9 @@ const Bs = { class: "nmorph-number-input__content" }, Vs = { class: "nmorph-numb
     return (m, b) => (r(), u("div", {
       class: M(o.value)
     }, [
-      c("div", Bs, [
-        c("div", Vs, [
-          m.actionBtnPositionRight ? H("", !0) : (r(), u("div", Ss, [
+      c("div", Ts, [
+        c("div", Os, [
+          m.actionBtnPositionRight ? H("", !0) : (r(), u("div", Hs, [
             k(p(F), {
               "style-type": "transparent",
               disabled: s.value,
@@ -3007,9 +3028,9 @@ const Bs = { class: "nmorph-number-input__content" }, Vs = { class: "nmorph-numb
             min: e.min,
             max: e.max,
             onInput: w
-          }, null, 40, Ts),
-          m.actionBtnPositionRight ? (r(), u("div", Hs, [
-            c("div", Is, [
+          }, null, 40, Is),
+          m.actionBtnPositionRight ? (r(), u("div", zs, [
+            c("div", As, [
               k(p(F), {
                 "style-type": "transparent",
                 disabled: s.value,
@@ -3025,7 +3046,7 @@ const Bs = { class: "nmorph-number-input__content" }, Vs = { class: "nmorph-numb
                 _: 1
               }, 8, ["disabled"])
             ]),
-            c("div", Ps, [
+            c("div", Rs, [
               k(p(F), {
                 "style-type": "transparent",
                 disabled: d.value,
@@ -3041,7 +3062,7 @@ const Bs = { class: "nmorph-number-input__content" }, Vs = { class: "nmorph-numb
                 _: 1
               }, 8, ["disabled"])
             ])
-          ])) : (r(), u("div", Os, [
+          ])) : (r(), u("div", Ps, [
             k(p(F), {
               "style-type": "transparent",
               disabled: d.value,
@@ -3063,16 +3084,16 @@ const Bs = { class: "nmorph-number-input__content" }, Vs = { class: "nmorph-numb
     ], 2));
   }
 });
-const As = { class: "nmorph-select__content" }, Rs = {
+const Fs = { class: "nmorph-select__content" }, Ws = {
   key: 0,
   class: "nmorph-select__selected-value"
-}, Es = {
+}, Ls = {
   key: 1,
   class: "nmorph-select__selected-value"
-}, Fs = {
+}, Ys = {
   key: 2,
   class: "nmorph-select__selected-value"
-}, Ws = /* @__PURE__ */ O({
+}, js = /* @__PURE__ */ O({
   __name: "NmorphSelect",
   props: {
     noElementPlaceholder: { default: "Choose value" },
@@ -3091,10 +3112,10 @@ const As = { class: "nmorph-select__content" }, Rs = {
     const e = t, o = a, n = g(e.modelValue), l = g(e.open), i = g(null), s = g(null), d = g(!0), _ = (f) => {
       if (!e.disabled) {
         if (l.value = !1, typeof n.value == "string" && (!e.valueRequired && n.value === f ? n.value = "" : n.value = f, o("update:modelValue", n.value)), Array.isArray(n.value)) {
-          const N = n.value.includes(f), D = n.value.length === 1 && N;
+          const B = n.value.includes(f), D = n.value.length === 1 && B;
           if (e.valueRequired && D)
             return;
-          N ? n.value = n.value.filter((T) => T !== f) : n.value = [...n.value, f];
+          B ? n.value = n.value.filter((T) => T !== f) : n.value = [...n.value, f];
         }
         o("update:modelValue", n.value);
       }
@@ -3123,22 +3144,22 @@ const As = { class: "nmorph-select__content" }, Rs = {
     }), pe(() => {
       document.removeEventListener("click", $);
     });
-    const w = h(() => typeof n.value == "string" ? n.value === "" ? e.noElementPlaceholder : e.options.find((f) => f.value === n.value)?.label : n.value), y = h(() => e.options.length > 0 ? e.options : e.optionsMap), m = h(() => y.value.length > 0 ? y.value.filter((N) => n.value.includes(N.value)).map((N) => ({ text: N.label, value: N.value })) : Array.isArray(n.value) ? n.value.map((N) => ({ text: N, value: N })) : [{ text: n.value, value: n.value }]);
+    const w = h(() => typeof n.value == "string" ? n.value === "" ? e.noElementPlaceholder : e.options.find((f) => f.value === n.value)?.label : n.value), y = h(() => e.options.length > 0 ? e.options : e.optionsMap), m = h(() => y.value.length > 0 ? y.value.filter((B) => n.value.includes(B.value)).map((B) => ({ text: B.label, value: B.value })) : Array.isArray(n.value) ? n.value.map((B) => ({ text: B, value: B })) : [{ text: n.value, value: n.value }]);
     J("select-selected-value", n), J("select-change-selected-value", _);
     const b = g(null);
-    return (f, N) => (r(), u("div", {
+    return (f, B) => (r(), u("div", {
       class: M(v.value)
     }, [
-      c("div", As, [
+      c("div", Fs, [
         c("div", {
           ref_key: "nmorphSelectDOMRef",
           ref: b,
           class: "nmorph-select__selected-values-line",
           onClick: ae(x, ["stop"])
         }, [
-          typeof n.value == "string" ? (r(), u("div", Rs, A(w.value), 1)) : H("", !0),
-          n.value.length <= 0 ? (r(), u("div", Es, A(e.noElementPlaceholder), 1)) : (r(), u("div", Fs, [
-            (r(!0), u(Y, null, j(m.value, (D) => (r(), P(p(lt), Be({
+          typeof n.value == "string" ? (r(), u("div", Ws, A(w.value), 1)) : H("", !0),
+          n.value.length <= 0 ? (r(), u("div", Ls, A(e.noElementPlaceholder), 1)) : (r(), u("div", Ys, [
+            (r(!0), u(Y, null, j(m.value, (D) => (r(), P(p(lt), Ne({
               key: D.value
             }, D, {
               transparent: "",
@@ -3165,7 +3186,7 @@ const As = { class: "nmorph-select__content" }, Rs = {
             ref: i,
             class: "nmorph-select__options"
           }, [
-            (r(!0), u(Y, null, j(f.options, (D) => (r(), P(p(ht), Be({
+            (r(!0), u(Y, null, j(f.options, (D) => (r(), P(p(ht), Ne({
               key: D.value
             }, D, {
               height: e.height
@@ -3178,7 +3199,7 @@ const As = { class: "nmorph-select__content" }, Rs = {
     ], 2));
   }
 });
-const Ls = { class: "nmorph-select-option__content" }, ht = /* @__PURE__ */ O({
+const Us = { class: "nmorph-select-option__content" }, ht = /* @__PURE__ */ O({
   __name: "NmorphSelectOption",
   props: {
     value: {},
@@ -3204,7 +3225,7 @@ const Ls = { class: "nmorph-select-option__content" }, ht = /* @__PURE__ */ O({
       class: M(d.value),
       onClick: i
     }, [
-      c("div", Ls, [
+      c("div", Us, [
         c("span", null, A(n.label), 1),
         V(_.$slots, "default")
       ]),
@@ -3216,7 +3237,7 @@ const Ls = { class: "nmorph-select-option__content" }, ht = /* @__PURE__ */ O({
     ], 2));
   }
 });
-const Ys = { class: "nmorph-slider__content" }, js = { class: "nmorph-slider__input-wrapper" }, He = 40, Us = /* @__PURE__ */ O({
+const qs = { class: "nmorph-slider__content" }, Gs = { class: "nmorph-slider__input-wrapper" }, He = 40, Js = /* @__PURE__ */ O({
   __name: "NmorphSlider",
   props: {
     modelValue: { default: 0 },
@@ -3242,8 +3263,8 @@ const Ys = { class: "nmorph-slider__content" }, js = { class: "nmorph-slider__in
       i("update:modelValue", s.value);
     });
     const _ = h(() => {
-      const D = v.value - v.value, T = e.max - e.min + D, B = (s.value - e.min) / T * 100, C = d.value?.clientWidth || 0, R = He / C * 100, E = R / 2;
-      let G = B - E;
+      const D = v.value - v.value, T = e.max - e.min + D, N = (s.value - e.min) / T * 100, C = d.value?.clientWidth || 0, R = He / C * 100, E = R / 2;
+      let G = N - E;
       const U = `${Math.max(0, Math.min(100 - R, G))}%`, Q = `${G + E}%`;
       return {
         thumb: U,
@@ -3259,10 +3280,10 @@ const Ys = { class: "nmorph-slider__content" }, js = { class: "nmorph-slider__in
     });
     const w = (D) => {
       const T = d.value?.getBoundingClientRect();
-      let B = 0;
+      let N = 0;
       if (T) {
         const C = D.clientX - T.left, R = T.width;
-        B = Math.max(0, Math.min(1, C / R)), s.value = e.min + B * (e.max - e.min);
+        N = Math.max(0, Math.min(1, C / R)), s.value = e.min + N * (e.max - e.min);
       }
       s.value = Math.round(s.value / e.step) * e.step, s.value = Math.max(e.min, Math.min(e.max, s.value));
     }, y = () => {
@@ -3271,14 +3292,14 @@ const Ys = { class: "nmorph-slider__content" }, js = { class: "nmorph-slider__in
       e.disabled || (document.addEventListener("mousemove", w), document.addEventListener("mouseup", y));
     }, b = g(null), f = () => {
       e.showTooltip && (l.value = !0);
-    }, N = () => {
+    }, B = () => {
       e.showTooltip && (l.value = !1);
     };
     return (D, T) => (r(), u("div", {
       class: M(o.value)
     }, [
-      c("div", Ys, [
-        c("div", js, [
+      c("div", qs, [
+        c("div", Gs, [
           c("div", {
             ref_key: "sliderContainer",
             ref: d,
@@ -3297,7 +3318,7 @@ const Ys = { class: "nmorph-slider__content" }, js = { class: "nmorph-slider__in
               class: "nmorph-slider__thumb",
               style: Z({ left: _.value.thumb }),
               onMouseenter: f,
-              onMouseleave: N,
+              onMouseleave: B,
               onMousedown: m
             }, null, 36)
           ], 512)
@@ -3306,7 +3327,7 @@ const Ys = { class: "nmorph-slider__content" }, js = { class: "nmorph-slider__in
     ], 2));
   }
 });
-const qs = ["value", "disabled"], Gs = { class: "nmorph-switch-thumb" }, Js = /* @__PURE__ */ O({
+const Xs = ["value", "disabled"], Qs = { class: "nmorph-switch-thumb" }, Ks = /* @__PURE__ */ O({
   __name: "NmorphSwitch",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -3342,8 +3363,8 @@ const qs = ["value", "disabled"], Gs = { class: "nmorph-switch-thumb" }, Js = /*
           type: "checkbox",
           value: l.value,
           disabled: e.disabled
-        }, null, 8, qs),
-        c("div", Gs, [
+        }, null, 8, Xs),
+        c("div", Qs, [
           e.loading ? (r(), P(p(I), {
             key: 0,
             name: "loader",
@@ -3355,7 +3376,7 @@ const qs = ["value", "disabled"], Gs = { class: "nmorph-switch-thumb" }, Js = /*
     ], 2));
   }
 });
-const Xs = { class: "nmorph-text-input__input-side" }, Qs = ["type", "placeholder", "disabled", "value"], _t = /* @__PURE__ */ O({
+const Zs = { class: "nmorph-text-input__input-side" }, er = ["type", "placeholder", "disabled", "value"], _t = /* @__PURE__ */ O({
   __name: "NmorphTextInput",
   props: {
     placeholder: { default: "" },
@@ -3390,7 +3411,7 @@ const Xs = { class: "nmorph-text-input__input-side" }, Qs = ["type", "placeholde
     return (y, m) => (r(), u("div", {
       class: M(o.value)
     }, [
-      c("div", Xs, [
+      c("div", Zs, [
         c("input", {
           ref_key: "inputDOMRef",
           ref: x,
@@ -3402,7 +3423,7 @@ const Xs = { class: "nmorph-text-input__input-side" }, Qs = ["type", "placeholde
           onInput: n,
           onFocus: _,
           onBlur: v
-        }, null, 40, Qs),
+        }, null, 40, er),
         e.typePassword || e.clearable ? (r(), P(p(F), {
           key: 0,
           class: "nmorph-text-input__password-btn",
@@ -3421,7 +3442,7 @@ const Xs = { class: "nmorph-text-input__input-side" }, Qs = ["type", "placeholde
     ], 2));
   }
 });
-const Ks = { class: "nmorph-time-picker__content" }, Zs = { class: "nmorph-time-picker__selected-time" }, er = ["value"], tr = { class: "nmorph-time-picker__dropdown" }, ce = 20, ar = /* @__PURE__ */ O({
+const tr = { class: "nmorph-time-picker__content" }, ar = { class: "nmorph-time-picker__selected-time" }, nr = ["value"], or = { class: "nmorph-time-picker__dropdown" }, ce = 20, lr = /* @__PURE__ */ O({
   __name: "NmorphTimePicker",
   props: {
     modelValue: { default: 0 },
@@ -3435,7 +3456,7 @@ const Ks = { class: "nmorph-time-picker__content" }, Zs = { class: "nmorph-time-
   },
   emits: ["inputDOMRef", "update:modelValue", "on-change-open-close"],
   setup(t, { emit: a }) {
-    K((B) => ({
+    K((N) => ({
       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);
@@ -3449,30 +3470,30 @@ const Ks = { class: "nmorph-time-picker__content" }, Zs = { class: "nmorph-time-
         nmorph: [te[e.height]],
         "nmorph-time-picker": [`${e.disabled && "disabled"}`, `${i.value && "open"}`]
       })
-    ), x = Array.from({ length: 24 }, (B, C) => C), $ = Array.from({ length: 60 }, (B, C) => C), w = () => {
+    ), x = Array.from({ length: 24 }, (N, C) => C), $ = Array.from({ length: 60 }, (N, C) => C), w = () => {
       d.value = !1, o("update:modelValue", mt(s.value));
-    }, y = (B) => {
-      const C = B;
+    }, y = (N) => {
+      const C = N;
       s.value = [C, s.value[1], s.value[2]], w();
-    }, m = (B) => {
-      const C = B;
+    }, m = (N) => {
+      const C = N;
       s.value = [s.value[0], C, s.value[2]], w();
-    }, b = (B) => {
-      const C = B;
+    }, b = (N) => {
+      const C = N;
       s.value = [s.value[0], s.value[1], C], w();
     }, f = () => {
       i.value = !1;
     };
-    q(i, (B) => {
-      o("on-change-open-close", B);
+    q(i, (N) => {
+      o("on-change-open-close", N);
     }), (() => {
       if (d.value)
         return;
-      const B = $e(e.modelValue).split(":").map((C) => Number(C));
-      s.value = B;
+      const N = $e(e.modelValue).split(":").map((C) => Number(C));
+      s.value = N;
     })();
     const D = h(() => `${ce}px`), T = h(() => d.value ? "——:——:——" : $e(e.modelValue));
-    return (B, C) => {
+    return (N, C) => {
       const R = Ae("NmorphTimeRoller");
       return r(), u("div", {
         ref_key: "timepickerDOMRef",
@@ -3480,8 +3501,8 @@ const Ks = { class: "nmorph-time-picker__content" }, Zs = { class: "nmorph-time-
         class: M(v.value),
         onClick: _
       }, [
-        c("div", Ks, [
-          c("div", Zs, [
+        c("div", tr, [
+          c("div", ar, [
             k(p(I), {
               name: "time",
               class: "nmorph-time-picker__time-icon"
@@ -3492,7 +3513,7 @@ const Ks = { class: "nmorph-time-picker__content" }, Zs = { class: "nmorph-time-
               type: "time",
               value: s.value,
               step: "1"
-            }, null, 8, er),
+            }, null, 8, nr),
             c("span", null, A(T.value), 1)
           ]),
           n.value ? (r(), P(p(ne), {
@@ -3502,27 +3523,27 @@ const Ks = { class: "nmorph-time-picker__content" }, Zs = { class: "nmorph-time-
             onOnOutsideClick: f
           }, {
             default: z(() => [
-              c("div", tr, [
+              c("div", or, [
                 k(R, {
                   "set-value-on-mount": !d.value,
                   values: p(x),
                   "selected-value": s.value[0],
                   "step-height": ce,
-                  "disabled-range": B.disabledHours,
+                  "disabled-range": N.disabledHours,
                   onValueChanged: y
                 }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
                 k(R, {
                   "set-value-on-mount": !d.value,
                   values: p($),
                   "selected-value": s.value[1],
-                  "disabled-range": B.disabledMinutes,
+                  "disabled-range": N.disabledMinutes,
                   "step-height": ce,
                   onValueChanged: m
                 }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
                 k(R, {
                   "set-value-on-mount": !d.value,
                   values: p($),
-                  "disabled-range": B.disabledSeconds,
+                  "disabled-range": N.disabledSeconds,
                   "selected-value": s.value[2],
                   "step-height": ce,
                   onValueChanged: b
@@ -3542,25 +3563,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();
-}, nr = (t) => (kt("data-v-150c9ff7"), t = t(), wt(), t), or = {
+}, sr = (t) => (kt("data-v-150c9ff7"), t = t(), wt(), t), rr = {
   key: 0,
   class: "nmorph-radio__content"
-}, lr = { class: "nmorph-radio__input-wrapper" }, sr = ["name", "value", "checked"], rr = /* @__PURE__ */ nr(() => /* @__PURE__ */ c("div", { class: "nmorph-radio__fake" }, null, -1)), ir = {
+}, ir = { class: "nmorph-radio__input-wrapper" }, cr = ["name", "value", "checked"], ur = /* @__PURE__ */ sr(() => /* @__PURE__ */ c("div", { class: "nmorph-radio__fake" }, null, -1)), dr = {
   key: 0,
   class: "nmorph-radio__fake-checked"
-}, cr = {
+}, pr = {
   key: 0,
   class: "nmorph-radio__label"
-}, ur = {
+}, hr = {
   key: 1,
   class: "nmorph-radio__content"
-}, dr = ["disabled", "name", "value", "checked"], pr = {
+}, _r = ["disabled", "name", "value", "checked"], mr = {
   key: 0,
   class: "nmorph-radio__fake"
-}, hr = {
+}, vr = {
   key: 1,
   class: "nmorph-radio__fake"
-}, _r = /* @__PURE__ */ O({
+}, fr = /* @__PURE__ */ O({
   __name: "NmorphRadio",
   props: {
     styleType: { default: "button-style" },
@@ -3583,8 +3604,8 @@ const $e = (t) => {
       class: M(s.value),
       onClick: ae(l, ["prevent"])
     }, [
-      n.styleType === "radio-style" ? (r(), u("div", or, [
-        c("div", lr, [
+      n.styleType === "radio-style" ? (r(), u("div", rr, [
+        c("div", ir, [
           c("input", {
             ref_key: "inputDOMRef",
             ref: _,
@@ -3592,13 +3613,13 @@ const $e = (t) => {
             name: n.label,
             value: n.value,
             checked: i.value
-          }, null, 8, sr),
-          rr,
-          i.value ? (r(), u("div", ir)) : H("", !0)
+          }, null, 8, cr),
+          ur,
+          i.value ? (r(), u("div", dr)) : H("", !0)
         ]),
-        n.label ? (r(), u("span", cr, A(n.label), 1)) : V(v.$slots, "label", { key: 1 }, void 0, !0)
+        n.label ? (r(), u("span", pr, A(n.label), 1)) : V(v.$slots, "label", { key: 1 }, void 0, !0)
       ])) : H("", !0),
-      n.styleType === "button-style" ? (r(), u("div", ur, [
+      n.styleType === "button-style" ? (r(), u("div", hr, [
         c("input", {
           ref_key: "inputDOMRef",
           ref: _,
@@ -3607,24 +3628,24 @@ const $e = (t) => {
           name: n.label,
           value: n.value,
           checked: i.value
-        }, null, 8, dr),
-        n.label ? (r(), u("div", pr, [
+        }, null, 8, _r),
+        n.label ? (r(), u("div", mr, [
           c("span", null, A(n.label), 1)
-        ])) : (r(), u("div", hr, [
+        ])) : (r(), u("div", vr, [
           V(v.$slots, "label", {}, void 0, !0)
         ]))
       ])) : H("", !0)
     ], 2));
   }
 });
-const mr = (t, a) => {
+const yr = (t, a) => {
   const e = t.__vccOpts || t;
   for (const [o, n] of a)
     e[o] = n;
   return e;
-}, vt = /* @__PURE__ */ mr(_r, [["__scopeId", "data-v-150c9ff7"]]);
+}, vt = /* @__PURE__ */ yr(fr, [["__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" }, fr = { class: "nmorph-radio-group__content" }, Me = /* @__PURE__ */ O({
+const gr = { class: "nmorph-radio-group__wrapper" }, br = { class: "nmorph-radio-group__content" }, Me = /* @__PURE__ */ O({
   __name: "NmorphRadioGroup",
   props: {
     modelValue: { default: "" },
@@ -3652,8 +3673,8 @@ const vr = { class: "nmorph-radio-group__wrapper" }, fr = { class: "nmorph-radio
     return J("radio-group-selected-value", o), J("change-radio-button-value-handler", l), (s, d) => (r(), u("div", {
       class: M(i.value)
     }, [
-      c("div", vr, [
-        c("div", fr, [
+      c("div", gr, [
+        c("div", br, [
           (r(!0), u(Y, null, j(s.options, (_) => (r(), P(p(vt), {
             key: _.value,
             label: _.label,
@@ -3667,7 +3688,7 @@ const vr = { class: "nmorph-radio-group__wrapper" }, fr = { class: "nmorph-radio
     ], 2));
   }
 });
-const yr = /* @__PURE__ */ O({
+const $r = /* @__PURE__ */ O({
   __name: "NmorphBacktop",
   props: {
     right: { default: 40 },
@@ -3723,10 +3744,10 @@ const yr = /* @__PURE__ */ O({
     ], 2));
   }
 });
-const gr = ["id"], br = {
+const kr = ["id"], wr = {
   key: 0,
   class: "nmorph-breadcrumb__separator"
-}, $r = /* @__PURE__ */ O({
+}, xr = /* @__PURE__ */ O({
   __name: "NmorphBreadcrumb",
   props: {
     separator: { default: "/" }
@@ -3750,13 +3771,13 @@ const gr = ["id"], br = {
         c("div", {
           id: `nmorph-breadcrumb-${p(o)}-${s.itemId}-element`,
           class: "nmorph-breadcrumb__element"
-        }, null, 8, gr),
-        d < e.value.length - 1 ? (r(), u("div", br, A(a.separator), 1)) : H("", !0)
+        }, null, 8, kr),
+        d < e.value.length - 1 ? (r(), u("div", wr, A(a.separator), 1)) : H("", !0)
       ]))), 128))
     ], 2));
   }
 });
-const kr = /* @__PURE__ */ O({
+const Mr = /* @__PURE__ */ O({
   __name: "NmorphBreadcrumbItem",
   props: {
     to: { default: "" },
@@ -3841,7 +3862,7 @@ const ne = /* @__PURE__ */ O({
     }, 8, ["show"]));
   }
 });
-const wr = { class: "nmorph-tabs__label-list" }, xr = ["id", "onClick"], Mr = { class: "nmorph-tabs__content__wrapper" }, Cr = { class: "nmorph-tabs__content" }, Dr = ["id"], Nr = /* @__PURE__ */ O({
+const Cr = { class: "nmorph-tabs__label-list" }, Dr = ["id", "onClick"], Br = { class: "nmorph-tabs__content__wrapper" }, Nr = { class: "nmorph-tabs__content" }, Vr = ["id"], Sr = /* @__PURE__ */ O({
   __name: "NmorphTabs",
   props: {
     modelValue: { default: 0 },
@@ -3866,7 +3887,7 @@ const wr = { class: "nmorph-tabs__label-list" }, xr = ["id", "onClick"], Mr = {
       class: M(n.value)
     }, [
       V(d.$slots, "default"),
-      c("div", wr, [
+      c("div", Cr, [
         (r(!0), u(Y, null, j(i.value, (v) => (r(), u("div", {
           id: p(Ce)(p(s), v.name),
           key: v.name,
@@ -3875,14 +3896,14 @@ const wr = { class: "nmorph-tabs__label-list" }, xr = ["id", "onClick"], Mr = {
             { "nmorph-tabs__label--disabled": v.disabled }
           ]]),
           onClick: (x) => l(v)
-        }, A(v.label), 11, xr))), 128))
+        }, A(v.label), 11, Dr))), 128))
       ]),
-      c("div", Mr, [
-        c("div", Cr, [
+      c("div", Br, [
+        c("div", Nr, [
           (r(!0), u(Y, null, j(i.value, (v) => Ie((r(), u("div", {
             id: p(De)(p(s), v.name),
             key: v.name
-          }, null, 8, Dr)), [
+          }, null, 8, Vr)), [
             [Pe, v.name === e.modelValue]
           ])), 128))
         ])
@@ -3896,7 +3917,7 @@ const Ce = (t, a) => {
 }, De = (t, a) => {
   if (t)
     return `nmorph-tabs-content-${t}-${a}`;
-}, Br = /* @__PURE__ */ O({
+}, Tr = /* @__PURE__ */ O({
   __name: "NmorphTabPane",
   props: {
     label: { default: "" },
@@ -3977,18 +3998,18 @@ const fe = /* @__PURE__ */ O({
     ], 2));
   }
 });
-const Vr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   NmorphAlert: fl,
   NmorphAlertType: st,
   NmorphArchiveResolution: ve,
   NmorphAudioResolution: me,
-  NmorphAutocomplete: ql,
+  NmorphAutocomplete: Xl,
   NmorphAvatar: po,
-  NmorphBacktop: yr,
+  NmorphBacktop: $r,
   NmorphBadge: mo,
-  NmorphBreadcrumb: $r,
-  NmorphBreadcrumbItem: kr,
+  NmorphBreadcrumb: xr,
+  NmorphBreadcrumbItem: Mr,
   NmorphButton: F,
   NmorphButtonStyle: Fe,
   NmorphButtonType: We,
@@ -3996,22 +4017,22 @@ const Vr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NmorphCalendarHeader: Ze,
   NmorphCard: wo,
   NmorphCarousel: Do,
-  NmorphCarouselItem: No,
+  NmorphCarouselItem: Bo,
   NmorphCheckbox: ct,
-  NmorphCheckboxGroup: Wl,
+  NmorphCheckboxGroup: jl,
   NmorphCheckboxStyleType: ut,
-  NmorphCollapse: Bo,
+  NmorphCollapse: No,
   NmorphCollapseItem: Vo,
-  NmorphDatePicker: rs,
+  NmorphDatePicker: us,
   NmorphDatePickerContent: ue,
   NmorphDatePickerHeader: pt,
   NmorphDialog: $l,
   NmorphDivider: yt,
   NmorphDocResolution: xe,
   NmorphDropdown: ne,
-  NmorphFileUpload: bs,
-  NmorphForm: ws,
-  NmorphFormItem: Ns,
+  NmorphFileUpload: ws,
+  NmorphForm: Cs,
+  NmorphFormItem: Ss,
   NmorphIcon: I,
   NmorphIconSize: Le,
   NmorphIconsMap: Ye,
@@ -4020,7 +4041,7 @@ const Vr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NmorphImageResolution: he,
   NmorphLink: ro,
   NmorphLinkTarget: je,
-  NmorphNumberInput: zs,
+  NmorphNumberInput: Es,
   NmorphOverflowProp: Ue,
   NmorphOverlay: fe,
   NmorphPagination: Ro,
@@ -4029,21 +4050,21 @@ const Vr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NmorphRadioGroup: Me,
   NmorphRadioStyleType: ft,
   NmorphScroll: io,
-  NmorphSelect: Ws,
+  NmorphSelect: js,
   NmorphSelectOption: ht,
   NmorphSelectionDateType: dt,
   NmorphSkeleton: Zo,
   NmorphSkeletonItem: tt,
-  NmorphSlider: Us,
-  NmorphSwitch: Js,
-  NmorphTabPane: Br,
+  NmorphSlider: Js,
+  NmorphSwitch: Ks,
+  NmorphTabPane: Tr,
   NmorphTable: at,
   NmorphTableCell: nt,
   NmorphTableColumn: ot,
-  NmorphTabs: Nr,
+  NmorphTabs: Sr,
   NmorphTag: lt,
   NmorphTextInput: _t,
-  NmorphTimePicker: ar,
+  NmorphTimePicker: lr,
   NmorphTooltip: it,
   NmorphVideoResolution: _e,
   NmorphYearMonthPicker: be,
@@ -4058,29 +4079,31 @@ const Vr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   hasAnyRangeDateInPrevMonth: Je,
   isTodayInRange: Qe,
   monthNames: ke,
-  resolution: $s,
+  resolution: xs,
   timeArrayToTimestamp: mt
-}, Symbol.toStringTag, { value: "Module" })), Hr = {
+}, Symbol.toStringTag, { value: "Module" })), Rr = {
   install(t) {
-    Object.entries(Vr).forEach(([a, e]) => {
-      Sr(e) && t.component(a, e);
+    Object.entries(Or).forEach(([a, e]) => {
+      Hr(e) && t.component(a, e);
     });
   }
 };
-function Sr(t) {
+function Hr(t) {
   return t && (typeof t == "object" || typeof t == "function") && ("render" in t || "template" in t || "setup" in t);
 }
 export {
   fl as NmorphAlert,
   st as NmorphAlertType,
   ve as NmorphArchiveResolution,
+  kl as NmorphArrayValidationOperator,
   me as NmorphAudioResolution,
-  ql as NmorphAutocomplete,
+  Xl as NmorphAutocomplete,
   po as NmorphAvatar,
-  yr as NmorphBacktop,
+  $r as NmorphBacktop,
   mo as NmorphBadge,
-  $r as NmorphBreadcrumb,
-  kr as NmorphBreadcrumbItem,
+  xl as NmorphBooleanCompareOperator,
+  xr as NmorphBreadcrumb,
+  Mr as NmorphBreadcrumbItem,
   F as NmorphButton,
   Fe as NmorphButtonStyle,
   We as NmorphButtonType,
@@ -4088,22 +4111,22 @@ export {
   Ze as NmorphCalendarHeader,
   wo as NmorphCard,
   Do as NmorphCarousel,
-  No as NmorphCarouselItem,
+  Bo as NmorphCarouselItem,
   ct as NmorphCheckbox,
-  Wl as NmorphCheckboxGroup,
+  jl as NmorphCheckboxGroup,
   ut as NmorphCheckboxStyleType,
-  Bo as NmorphCollapse,
+  No as NmorphCollapse,
   Vo as NmorphCollapseItem,
-  rs as NmorphDatePicker,
+  us as NmorphDatePicker,
   ue as NmorphDatePickerContent,
   pt as NmorphDatePickerHeader,
   $l as NmorphDialog,
   yt as NmorphDivider,
   xe as NmorphDocResolution,
   ne as NmorphDropdown,
-  bs as NmorphFileUpload,
-  ws as NmorphForm,
-  Ns as NmorphFormItem,
+  ws as NmorphFileUpload,
+  Cs as NmorphForm,
+  Ss as NmorphFormItem,
   I as NmorphIcon,
   Le as NmorphIconSize,
   Ye as NmorphIconsMap,
@@ -4112,7 +4135,8 @@ export {
   he as NmorphImageResolution,
   ro as NmorphLink,
   je as NmorphLinkTarget,
-  zs as NmorphNumberInput,
+  wl as NmorphNumberCompareOperator,
+  Es as NmorphNumberInput,
   Ue as NmorphOverflowProp,
   fe as NmorphOverlay,
   Ro as NmorphPagination,
@@ -4121,27 +4145,27 @@ export {
   Me as NmorphRadioGroup,
   ft as NmorphRadioStyleType,
   io as NmorphScroll,
-  Ws as NmorphSelect,
+  js as NmorphSelect,
   ht as NmorphSelectOption,
   dt as NmorphSelectionDateType,
   Zo as NmorphSkeleton,
   tt as NmorphSkeletonItem,
-  Us as NmorphSlider,
-  Js as NmorphSwitch,
-  Br as NmorphTabPane,
+  Js as NmorphSlider,
+  Ks as NmorphSwitch,
+  Tr as NmorphTabPane,
   at as NmorphTable,
   nt as NmorphTableCell,
   ot as NmorphTableColumn,
-  Nr as NmorphTabs,
+  Sr as NmorphTabs,
   lt as NmorphTag,
   _t as NmorphTextInput,
-  ar as NmorphTimePicker,
+  lr as NmorphTimePicker,
   it as NmorphTooltip,
   _e as NmorphVideoResolution,
   be as NmorphYearMonthPicker,
   xt as createBlockModifiers,
   Ve as deepClone,
-  Hr as default,
+  Rr as default,
   oe as formatDateIntl,
   $e as formatTimestampToTime,
   re as generateUUID,
@@ -4152,10 +4176,15 @@ export {
   Ce as getTabLabelId,
   Xe as hasAnyRangeDateInNextMonth,
   Je as hasAnyRangeDateInPrevMonth,
-  Or as isStringHtml,
+  Pr as isStringHtml,
   Qe as isTodayInRange,
   ke as monthNames,
-  $s as resolution,
+  xs as resolution,
   mt as timeArrayToTimestamp,
-  S as useModifiers
+  zr as useEventManager,
+  Te as useFieldValidation,
+  Ml as useFormValidation,
+  S as useModifiers,
+  rt as usePlacement,
+  Ar as useTheme
 };