@nmorph/nmorph-ui-kit 0.0.2 → 0.0.4

package/dist/index.es.js

@@ -1,12 +1,12 @@
-import { defineComponent as O, computed as p, ref as b, onMounted as j, openBlock as r, createElementBlock as u, normalizeClass as M, createElementVNode as c, createBlock as z, unref as f, withCtx as P, createVNode as w, createCommentVNode as H, inject as J, toDisplayString as A, renderSlot as S, provide as X, Fragment as L, renderList as Y, withModifiers as ae, pushScopeId as ot, popScopeId as nt, watch as q, useCssVars as K, onUnmounted as de, normalizeStyle as Z, mergeProps as xe, reactive as ne, TransitionGroup as ue, createStaticVNode as lt, resolveDynamicComponent as st, createTextVNode as ee, nextTick as Se, Teleport as le, withDirectives as Te, vShow as Oe, resolveComponent as rt, useSlots as it } from "vue";
+import { defineComponent as O, computed as p, ref as b, onMounted as j, openBlock as r, createElementBlock as u, normalizeClass as M, createElementVNode as c, createBlock as z, unref as f, withCtx as P, createVNode as w, createCommentVNode as H, inject as J, toDisplayString as A, renderSlot as S, provide as X, Fragment as L, renderList as Y, withModifiers as ae, pushScopeId as at, popScopeId as nt, watch as q, useCssVars as K, onUnmounted as de, normalizeStyle as Z, mergeProps as xe, reactive as oe, TransitionGroup as ue, nextTick as Se, createStaticVNode as ot, resolveDynamicComponent as lt, createTextVNode as ee, Teleport as le, withDirectives as Te, vShow as Oe, resolveComponent as st, useSlots as rt } from "vue";
 var te = /* @__PURE__ */ ((t) => (t.thick = "thick-component", t.default = "default-height-component", t.thin = "thin-component", t))(te || {}), He = /* @__PURE__ */ ((t) => (t.inset = "inset", t.outset = "outset", t.combined = "combined", t))(He || {}), Ie = /* @__PURE__ */ ((t) => (t.accent = "accent", t.success = "success", t.error = "error", t.warning = "warning", t))(Ie || {}), 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 ct = (t, a) => {
-  const e = a.filter((n) => n !== "false").filter((n) => n).map((n) => {
-    if (n && n !== "undefined")
-      return `${t}--${n}`;
+const it = (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(" ");
-}, V = (t) => Object.entries(t).map(([a, e]) => ct(a, e)).join(" "), Me = (t) => JSON.parse(JSON.stringify(t)), xr = (t) => {
+}, B = (t) => Object.entries(t).map(([a, e]) => it(a, e)).join(" "), Me = (t) => JSON.parse(JSON.stringify(t)), xr = (t) => {
   if (!t)
     return !1;
   const a = new DOMParser().parseFromString(t, "text/html");
@@ -14,7 +14,7 @@ const ct = (t, a) => {
 }, se = () => {
   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()}`;
-}, ut = { class: "nmorph-text-input__input-side" }, dt = ["type", "placeholder", "disabled", "value"], Pe = /* @__PURE__ */ O({
+}, ct = { class: "nmorph-text-input__input-side" }, ut = ["type", "placeholder", "disabled", "value"], Pe = /* @__PURE__ */ O({
   __name: "NmorphTextInput",
   props: {
     placeholder: { default: "" },
@@ -27,12 +27,12 @@ const ct = (t, a) => {
   },
   emits: ["inputDOMRef", "update:modelValue", "focus", "blur"],
   setup(t, { emit: a }) {
-    const e = t, n = p(
-      () => V({
+    const e = t, o = p(
+      () => B({
         nmorph: [te[e.height], `${d.value && "focused"}`, `${e.fill && "fill"}`],
         "nmorph-text-input": [`${e.typePassword && "password"}`]
       })
-    ), o = (m) => {
+    ), n = (m) => {
       const _ = m.target;
       g("update:modelValue", _.value);
     }, l = b(!1), i = () => {
@@ -47,9 +47,9 @@ const ct = (t, a) => {
     });
     const k = p(() => e.clearable ? "error" : l.value ? "eye-blocked" : "eye");
     return (m, _) => (r(), u("div", {
-      class: M(n.value)
+      class: M(o.value)
     }, [
-      c("div", ut, [
+      c("div", ct, [
         c("input", {
           ref_key: "inputDOMRef",
           ref: x,
@@ -58,10 +58,10 @@ const ct = (t, a) => {
           placeholder: e.placeholder,
           disabled: e.disabled,
           value: e.modelValue,
-          onInput: o,
+          onInput: n,
           onFocus: h,
           onBlur: v
-        }, null, 40, dt),
+        }, null, 40, ut),
         e.typePassword || e.clearable ? (r(), z(f(E), {
           key: 0,
           class: "nmorph-text-input__password-btn",
@@ -80,25 +80,25 @@ const ct = (t, a) => {
     ], 2));
   }
 });
-const pt = {
+const dt = {
   key: 0,
   class: "nmorph-checkbox__content"
-}, ht = { class: "nmorph-checkbox__input-wrapper" }, mt = ["disabled", "checked"], _t = /* @__PURE__ */ c("div", { class: "nmorph-checkbox__fake" }, null, -1), vt = {
+}, pt = { class: "nmorph-checkbox__input-wrapper" }, ht = ["disabled", "checked"], mt = /* @__PURE__ */ c("div", { class: "nmorph-checkbox__fake" }, null, -1), _t = {
   key: 0,
   class: "nmorph-checkbox__fake-checked"
-}, ft = {
+}, vt = {
   key: 0,
   class: "nmorph-checkbox__label"
-}, yt = {
+}, ft = {
   key: 1,
   class: "nmorph-checkbox__label"
-}, gt = {
+}, yt = {
   key: 1,
   class: "nmorph-checkbox__content"
-}, bt = ["disabled", "checked"], $t = {
+}, gt = ["disabled", "checked"], bt = {
   key: 0,
   class: "nmorph-checkbox__fake"
-}, kt = {
+}, $t = {
   key: 1,
   class: "nmorph-checkbox__fake"
 }, ze = /* @__PURE__ */ O({
@@ -112,64 +112,64 @@ const pt = {
   },
   emits: ["inputDOMRef", "update:modelValue"],
   setup(t, { emit: a }) {
-    const e = J("checkbox-group-selected-value"), n = J("change-checkbox-value-handler"), o = t;
+    const e = J("checkbox-group-selected-value"), o = J("change-checkbox-value-handler"), n = t;
     j(() => {
       h("inputDOMRef", l);
     });
-    const l = b(null), i = e !== void 0, s = i ? b(e.value) : b(o.modelValue), d = p(() => i ? e.value.includes(o.id) : o.modelValue), h = a, v = () => {
-      if (!o.disabled) {
+    const l = b(null), i = e !== void 0, s = i ? b(e.value) : b(n.modelValue), d = p(() => i ? e.value.includes(n.id) : n.modelValue), h = a, v = () => {
+      if (!n.disabled) {
         if (!i) {
           s.value = !s.value, h("update:modelValue", s.value);
           return;
         }
-        n && Array.isArray(s.value) && n(o.id, s.value);
+        o && Array.isArray(s.value) && o(n.id, s.value);
       }
     }, x = p(
-      () => V({
-        "nmorph-checkbox": [`${d.value && "checked"}`, `${o.disabled && "disabled"}`, o.styleType]
+      () => B({
+        "nmorph-checkbox": [`${d.value && "checked"}`, `${n.disabled && "disabled"}`, n.styleType]
       })
     );
     return (g, k) => (r(), u("label", {
       class: M(x.value)
     }, [
-      o.styleType === "checkbox-style" ? (r(), u("div", pt, [
-        c("div", ht, [
+      n.styleType === "checkbox-style" ? (r(), u("div", dt, [
+        c("div", pt, [
           c("input", {
             ref_key: "inputDOMRef",
             ref: l,
             type: "checkbox",
-            disabled: o.disabled,
+            disabled: n.disabled,
             checked: d.value,
             onChange: v
-          }, null, 40, mt),
-          _t,
-          d.value ? (r(), u("div", vt)) : H("", !0)
+          }, null, 40, ht),
+          mt,
+          d.value ? (r(), u("div", _t)) : H("", !0)
         ]),
-        o.label ? (r(), u("div", ft, [
-          c("span", null, A(o.label), 1)
-        ])) : (r(), u("div", yt, [
+        n.label ? (r(), u("div", vt, [
+          c("span", null, A(n.label), 1)
+        ])) : (r(), u("div", ft, [
           S(g.$slots, "default")
         ]))
       ])) : H("", !0),
-      o.styleType === "button-style" ? (r(), u("div", gt, [
+      n.styleType === "button-style" ? (r(), u("div", yt, [
         c("input", {
           ref_key: "inputDOMRef",
           ref: l,
           type: "checkbox",
-          disabled: o.disabled,
+          disabled: n.disabled,
           checked: d.value,
           onChange: v
-        }, null, 40, bt),
-        o.label ? (r(), u("div", $t, [
-          c("span", null, A(o.label), 1)
-        ])) : (r(), u("div", kt, [
+        }, null, 40, gt),
+        n.label ? (r(), u("div", bt, [
+          c("span", null, A(n.label), 1)
+        ])) : (r(), u("div", $t, [
           S(g.$slots, "label")
         ]))
       ])) : H("", !0)
     ], 2));
   }
 });
-const wt = { class: "nmorph-checkbox-group__wrapper" }, xt = { class: "nmorph-checkbox-group__content" }, Mt = /* @__PURE__ */ O({
+const kt = { class: "nmorph-checkbox-group__wrapper" }, wt = { class: "nmorph-checkbox-group__content" }, xt = /* @__PURE__ */ O({
   __name: "NmorphCheckboxGroup",
   props: {
     modelValue: { default: () => [] },
@@ -182,18 +182,18 @@ const wt = { class: "nmorph-checkbox-group__wrapper" }, xt = { class: "nmorph-ch
   },
   emits: ["update:modelValue"],
   setup(t, { emit: a }) {
-    const e = t, n = b(e.modelValue), o = a, l = (s) => {
-      n.value.includes(s) ? n.value = n.value.filter((d) => d !== s) : n.value.push(s), o("update:modelValue", n.value);
+    const e = t, o = b(e.modelValue), n = a, l = (s) => {
+      o.value.includes(s) ? o.value = o.value.filter((d) => d !== s) : o.value.push(s), n("update:modelValue", o.value);
     }, i = p(
-      () => V({
+      () => B({
         "nmorph-checkbox-group": [e.styleType, e.direction]
       })
     );
-    return X("checkbox-group-selected-value", n), X("change-checkbox-value-handler", l), (s, d) => (r(), u("div", {
+    return X("checkbox-group-selected-value", o), X("change-checkbox-value-handler", l), (s, d) => (r(), u("div", {
       class: M(i.value)
     }, [
-      c("div", wt, [
-        c("div", xt, [
+      c("div", kt, [
+        c("div", wt, [
           (r(!0), u(L, null, Y(s.options, (h, v) => (r(), z(f(ze), {
             id: h.id,
             key: v,
@@ -208,25 +208,25 @@ const wt = { class: "nmorph-checkbox-group__wrapper" }, xt = { class: "nmorph-ch
     ], 2));
   }
 });
-const Ct = (t) => (ot("data-v-8abca079"), t = t(), nt(), t), Nt = {
+const Mt = (t) => (at("data-v-77822664"), t = t(), nt(), t), Ct = {
   key: 0,
   class: "nmorph-radio__content"
-}, Dt = { class: "nmorph-radio__input-wrapper" }, Bt = ["name", "value", "checked"], Vt = /* @__PURE__ */ Ct(() => /* @__PURE__ */ c("div", { class: "nmorph-radio__fake" }, null, -1)), St = {
+}, Nt = { class: "nmorph-radio__input-wrapper" }, Dt = ["name", "value", "checked"], Vt = /* @__PURE__ */ Mt(() => /* @__PURE__ */ c("div", { class: "nmorph-radio__fake" }, null, -1)), Bt = {
   key: 0,
   class: "nmorph-radio__fake-checked"
-}, Tt = {
+}, St = {
   key: 0,
   class: "nmorph-radio__label"
-}, Ot = {
+}, Tt = {
   key: 1,
   class: "nmorph-radio__content"
-}, Ht = ["disabled", "name", "value", "checked"], It = {
+}, Ot = ["disabled", "name", "value", "checked"], Ht = {
   key: 0,
   class: "nmorph-radio__fake"
-}, Pt = {
+}, It = {
   key: 1,
   class: "nmorph-radio__fake"
-}, zt = /* @__PURE__ */ O({
+}, Pt = /* @__PURE__ */ O({
   __name: "NmorphRadio",
   props: {
     styleType: { default: "button-style" },
@@ -236,11 +236,11 @@ const Ct = (t) => (ot("data-v-8abca079"), t = t(), nt(), t), Nt = {
   },
   emits: ["inputDOMRef"],
   setup(t, { emit: a }) {
-    const e = J("radio-group-selected-value"), n = J("change-radio-button-value-handler"), o = t, l = () => {
-      n && !o.disabled && n(o.value);
-    }, i = p(() => e?.value === o.value), s = p(
-      () => V({
-        "nmorph-radio": [`${o.disabled && "disabled"}`, `${i.value && "checked"}`, o.styleType]
+    const e = J("radio-group-selected-value"), o = J("change-radio-button-value-handler"), n = t, l = () => {
+      o && !n.disabled && o(n.value);
+    }, i = p(() => e?.value === n.value), s = p(
+      () => B({
+        "nmorph-radio": [`${n.disabled && "disabled"}`, `${i.value && "checked"}`, n.styleType]
       })
     ), d = a, h = b(null);
     return j(() => {
@@ -249,46 +249,46 @@ const Ct = (t) => (ot("data-v-8abca079"), t = t(), nt(), t), Nt = {
       class: M(s.value),
       onClick: ae(l, ["prevent"])
     }, [
-      o.styleType === "radio-style" ? (r(), u("div", Nt, [
-        c("div", Dt, [
+      n.styleType === "radio-style" ? (r(), u("div", Ct, [
+        c("div", Nt, [
           c("input", {
             ref_key: "inputDOMRef",
             ref: h,
             type: "radio",
-            name: o.label,
-            value: o.value,
+            name: n.label,
+            value: n.value,
             checked: i.value
-          }, null, 8, Bt),
+          }, null, 8, Dt),
           Vt,
-          i.value ? (r(), u("div", St)) : H("", !0)
+          i.value ? (r(), u("div", Bt)) : H("", !0)
         ]),
-        o.label ? (r(), u("span", Tt, A(o.label), 1)) : S(v.$slots, "label", { key: 1 }, void 0, !0)
+        n.label ? (r(), u("span", St, A(n.label), 1)) : S(v.$slots, "label", { key: 1 }, void 0, !0)
       ])) : H("", !0),
-      o.styleType === "button-style" ? (r(), u("div", Ot, [
+      n.styleType === "button-style" ? (r(), u("div", Tt, [
         c("input", {
           ref_key: "inputDOMRef",
           ref: h,
           type: "radio",
-          disabled: o.disabled,
-          name: o.label,
-          value: o.value,
+          disabled: n.disabled,
+          name: n.label,
+          value: n.value,
           checked: i.value
-        }, null, 8, Ht),
-        o.label ? (r(), u("div", It, [
-          c("span", null, A(o.label), 1)
-        ])) : (r(), u("div", Pt, [
+        }, null, 8, Ot),
+        n.label ? (r(), u("div", Ht, [
+          c("span", null, A(n.label), 1)
+        ])) : (r(), u("div", It, [
           S(v.$slots, "label", {}, void 0, !0)
         ]))
       ])) : H("", !0)
     ], 2));
   }
 });
-const At = (t, a) => {
+const zt = (t, a) => {
   const e = t.__vccOpts || t;
-  for (const [n, o] of a)
-    e[n] = o;
+  for (const [o, n] of a)
+    e[o] = n;
   return e;
-}, Ae = /* @__PURE__ */ At(zt, [["__scopeId", "data-v-8abca079"]]), Rt = { class: "nmorph-radio-group__wrapper" }, Et = { class: "nmorph-radio-group__content" }, ye = /* @__PURE__ */ O({
+}, Ae = /* @__PURE__ */ zt(Pt, [["__scopeId", "data-v-77822664"]]), At = { class: "nmorph-radio-group__wrapper" }, Rt = { class: "nmorph-radio-group__content" }, ye = /* @__PURE__ */ O({
   __name: "NmorphRadioGroup",
   props: {
     modelValue: { default: "" },
@@ -301,23 +301,23 @@ const At = (t, a) => {
   },
   emits: ["update:modelValue"],
   setup(t, { emit: a }) {
-    const e = t, n = b(e.modelValue);
+    const e = t, o = b(e.modelValue);
     q(
       () => e.modelValue,
       (s) => {
-        n.value = s;
+        o.value = s;
       }
     );
-    const o = a, l = (s) => {
-      n.value = s, o("update:modelValue", n.value);
+    const n = a, l = (s) => {
+      o.value = s, n("update:modelValue", o.value);
     }, i = p(
-      () => V({ "nmorph-radio-group": [e.styleType, e.direction, `${e.fill && "fill"}`] })
+      () => B({ "nmorph-radio-group": [e.styleType, e.direction, `${e.fill && "fill"}`] })
     );
-    return X("radio-group-selected-value", n), X("change-radio-button-value-handler", l), (s, d) => (r(), u("div", {
+    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", Rt, [
-        c("div", Et, [
+      c("div", At, [
+        c("div", Rt, [
           (r(!0), u(L, null, Y(s.options, (h) => (r(), z(Ae, {
             key: h.value,
             label: h.label,
@@ -331,16 +331,16 @@ const At = (t, a) => {
     ], 2));
   }
 });
-const Ft = { class: "nmorph-number-input__content" }, Wt = { class: "nmorph-number-input__input-content" }, Lt = {
+const Et = { class: "nmorph-number-input__content" }, Ft = { class: "nmorph-number-input__input-content" }, Wt = {
   key: 0,
   class: "nmorph-number-input__decrease"
-}, Yt = ["value", "min", "max"], jt = {
+}, Lt = ["value", "min", "max"], Yt = {
   key: 1,
   class: "nmorph-number-input__increase"
-}, Ut = {
+}, jt = {
   key: 2,
   class: "nmorph-number-input__action-btns"
-}, qt = { class: "nmorph-number-input__decrease" }, Gt = { class: "nmorph-number-input__increase" }, Jt = /* @__PURE__ */ O({
+}, Ut = { class: "nmorph-number-input__decrease" }, qt = { class: "nmorph-number-input__increase" }, Gt = /* @__PURE__ */ O({
   __name: "NmorphNumberInput",
   props: {
     modelValue: { default: 0 },
@@ -355,21 +355,21 @@ const Ft = { class: "nmorph-number-input__content" }, Wt = { class: "nmorph-numb
   emits: ["inputDOMRef", "update:modelValue"],
   setup(t, { emit: a }) {
     K((_) => ({
-      "6141458e": h.value
+      "52d54895": h.value
     }));
-    const e = t, n = p(
-      () => V({
+    const e = t, o = p(
+      () => B({
         nmorph: [te[e.height], `${e.fill && "fill"}`],
         "nmorph-number-input": [
           `${e.disabled && "disabled"}`,
           `${e.actionBtnPositionRight && "action-btn-position-right"}`
         ]
       })
-    ), o = b(e.modelValue), l = () => {
-      o.value += e.step;
+    ), n = b(e.modelValue), l = () => {
+      n.value += e.step;
     }, i = () => {
-      o.value -= e.step;
-    }, s = p(() => o.value <= e.min), d = p(() => o.value >= e.max), h = p(() => e.height === "thick" ? "16px" : "12px"), v = {
+      n.value -= e.step;
+    }, s = p(() => n.value <= e.min), d = p(() => n.value >= e.max), h = p(() => e.height === "thick" ? "16px" : "12px"), v = {
       thick: {
         default: "12px",
         right: "8px"
@@ -388,20 +388,20 @@ const Ft = { class: "nmorph-number-input__content" }, Wt = { class: "nmorph-numb
     }), g = a, k = (_) => {
       const $ = _.target;
       let y = Number($.value);
-      o.value = y;
+      n.value = y;
     };
-    q(o, (_) => {
-      _ > e.max && (o.value = e.max, m.value?.blur()), o.value < e.min && (o.value = e.min, m.value?.blur()), g("update:modelValue", _);
+    q(n, (_) => {
+      _ > e.max && (n.value = e.max, m.value?.blur()), n.value < e.min && (n.value = e.min, m.value?.blur()), g("update:modelValue", _);
     }), j(() => {
       g("inputDOMRef", m);
     });
     const m = b(null);
     return (_, $) => (r(), u("div", {
-      class: M(n.value)
+      class: M(o.value)
     }, [
-      c("div", Ft, [
-        c("div", Wt, [
-          _.actionBtnPositionRight ? H("", !0) : (r(), u("div", Lt, [
+      c("div", Et, [
+        c("div", Ft, [
+          _.actionBtnPositionRight ? H("", !0) : (r(), u("div", Wt, [
             w(f(E), {
               "style-type": "transparent",
               disabled: s.value,
@@ -422,14 +422,14 @@ const Ft = { class: "nmorph-number-input__content" }, Wt = { class: "nmorph-numb
             ref_key: "inputDOMRef",
             ref: m,
             class: "nmorph-native-input",
-            value: o.value,
+            value: n.value,
             type: "number",
             min: e.min,
             max: e.max,
             onInput: k
-          }, null, 40, Yt),
-          _.actionBtnPositionRight ? (r(), u("div", Ut, [
-            c("div", qt, [
+          }, null, 40, Lt),
+          _.actionBtnPositionRight ? (r(), u("div", jt, [
+            c("div", Ut, [
               w(f(E), {
                 "style-type": "transparent",
                 disabled: s.value,
@@ -445,7 +445,7 @@ const Ft = { class: "nmorph-number-input__content" }, Wt = { class: "nmorph-numb
                 _: 1
               }, 8, ["disabled"])
             ]),
-            c("div", Gt, [
+            c("div", qt, [
               w(f(E), {
                 "style-type": "transparent",
                 disabled: d.value,
@@ -461,7 +461,7 @@ const Ft = { class: "nmorph-number-input__content" }, Wt = { class: "nmorph-numb
                 _: 1
               }, 8, ["disabled"])
             ])
-          ])) : (r(), u("div", jt, [
+          ])) : (r(), u("div", Yt, [
             w(f(E), {
               "style-type": "transparent",
               disabled: d.value,
@@ -483,7 +483,7 @@ const Ft = { class: "nmorph-number-input__content" }, Wt = { class: "nmorph-numb
     ], 2));
   }
 });
-const Xt = { class: "nmorph-slider__content" }, Qt = { class: "nmorph-slider__input-wrapper" }, Ce = 40, Kt = /* @__PURE__ */ O({
+const Jt = { class: "nmorph-slider__content" }, Xt = { class: "nmorph-slider__input-wrapper" }, Ce = 40, Qt = /* @__PURE__ */ O({
   __name: "NmorphSlider",
   props: {
     modelValue: { default: 0 },
@@ -497,20 +497,20 @@ const Xt = { class: "nmorph-slider__content" }, Qt = { class: "nmorph-slider__in
   emits: ["update:modelValue"],
   setup(t, { emit: a }) {
     K((N) => ({
-      "53b05e0a": o
+      "99a1e038": n
     }));
-    const e = t, n = p(
-      () => V({
+    const e = t, o = p(
+      () => B({
         nmorph: [`${e.fill && "fill"}`],
         "nmorph-slider": [`${e.disabled && "disabled"}`]
       })
-    ), o = `${Ce}px`, l = b(e.showTooltip), i = a, s = b(e.modelValue), d = b(null);
+    ), n = `${Ce}px`, l = b(e.showTooltip), i = a, s = b(e.modelValue), d = b(null);
     q(s, () => {
       i("update:modelValue", s.value);
     });
     const h = p(() => {
-      const N = v.value - v.value, T = e.max - e.min + N, B = (s.value - e.min) / T * 100, C = d.value?.clientWidth || 0, F = Ce / C * 100, R = F / 2;
-      let G = B - R;
+      const N = v.value - v.value, T = e.max - e.min + N, V = (s.value - e.min) / T * 100, C = d.value?.clientWidth || 0, F = Ce / C * 100, R = F / 2;
+      let G = V - R;
       const U = `${Math.max(0, Math.min(100 - F, G))}%`, Q = `${G + R}%`;
       return {
         thumb: U,
@@ -526,10 +526,10 @@ const Xt = { class: "nmorph-slider__content" }, Qt = { class: "nmorph-slider__in
     });
     const k = (N) => {
       const T = d.value?.getBoundingClientRect();
-      let B = 0;
+      let V = 0;
       if (T) {
         const C = N.clientX - T.left, F = T.width;
-        B = Math.max(0, Math.min(1, C / F)), s.value = e.min + B * (e.max - e.min);
+        V = Math.max(0, Math.min(1, C / F)), s.value = e.min + V * (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));
     }, m = () => {
@@ -542,10 +542,10 @@ const Xt = { class: "nmorph-slider__content" }, Qt = { class: "nmorph-slider__in
       e.showTooltip && (l.value = !1);
     };
     return (N, T) => (r(), u("div", {
-      class: M(n.value)
+      class: M(o.value)
     }, [
-      c("div", Xt, [
-        c("div", Qt, [
+      c("div", Jt, [
+        c("div", Xt, [
           c("div", {
             ref_key: "sliderContainer",
             ref: d,
@@ -573,7 +573,7 @@ const Xt = { class: "nmorph-slider__content" }, Qt = { class: "nmorph-slider__in
     ], 2));
   }
 });
-const Zt = ["value", "disabled"], ea = { class: "nmorph-switch-thumb" }, ta = /* @__PURE__ */ O({
+const Kt = ["value", "disabled"], Zt = { class: "nmorph-switch-thumb" }, ea = /* @__PURE__ */ O({
   __name: "NmorphSwitch",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -583,21 +583,21 @@ const Zt = ["value", "disabled"], ea = { class: "nmorph-switch-thumb" }, ta = /*
   },
   emits: ["inputDOMRef", "update:modelValue"],
   setup(t, { emit: a }) {
-    const e = t, n = p(
-      () => V({
+    const e = t, o = p(
+      () => B({
         "nmorph-switch": [
           `${e.disabled && "disabled"}`,
           `${e.modelValue ? "on" : "off"}`,
           `${e.loading && "loading"}`
         ]
       })
-    ), o = a, l = b(e.modelValue), i = () => {
-      e.disabled || (l.value = !l.value, o("update:modelValue", l.value));
+    ), n = a, l = b(e.modelValue), i = () => {
+      e.disabled || (l.value = !l.value, n("update:modelValue", l.value));
     }, s = b(null);
     return j(() => {
-      o("inputDOMRef", s);
+      n("inputDOMRef", s);
     }), (d, h) => (r(), u("div", {
-      class: M(n.value)
+      class: M(o.value)
     }, [
       c("div", {
         class: "nmorph-switch__content",
@@ -609,8 +609,8 @@ const Zt = ["value", "disabled"], ea = { class: "nmorph-switch-thumb" }, ta = /*
           type: "checkbox",
           value: l.value,
           disabled: e.disabled
-        }, null, 8, Zt),
-        c("div", ea, [
+        }, null, 8, Kt),
+        c("div", Zt, [
           e.loading ? (r(), z(f(I), {
             key: 0,
             name: "loader",
@@ -622,16 +622,16 @@ const Zt = ["value", "disabled"], ea = { class: "nmorph-switch-thumb" }, ta = /*
     ], 2));
   }
 });
-const aa = { class: "nmorph-select__content" }, oa = {
+const ta = { class: "nmorph-select__content" }, aa = {
   key: 0,
   class: "nmorph-select__selected-value"
 }, na = {
   key: 1,
   class: "nmorph-select__selected-value"
-}, la = {
+}, oa = {
   key: 2,
   class: "nmorph-select__selected-value"
-}, sa = /* @__PURE__ */ O({
+}, la = /* @__PURE__ */ O({
   __name: "NmorphSelect",
   props: {
     noElementPlaceholder: { default: "Choose value" },
@@ -647,18 +647,18 @@ const aa = { class: "nmorph-select__content" }, oa = {
   },
   emits: ["update:modelValue"],
   setup(t, { emit: a }) {
-    const e = t, n = a, o = b(e.modelValue), l = b(e.open), i = b(null), s = b(null), d = b(!0), h = (y) => {
+    const e = t, o = a, n = b(e.modelValue), l = b(e.open), i = b(null), s = b(null), d = b(!0), h = (y) => {
       if (!e.disabled) {
-        if (l.value = !1, typeof o.value == "string" && (!e.valueRequired && o.value === y ? o.value = "" : o.value = y, n("update:modelValue", o.value)), Array.isArray(o.value)) {
-          const D = o.value.includes(y), N = o.value.length === 1 && D;
+        if (l.value = !1, typeof n.value == "string" && (!e.valueRequired && n.value === y ? n.value = "" : n.value = y, o("update:modelValue", n.value)), Array.isArray(n.value)) {
+          const D = n.value.includes(y), N = n.value.length === 1 && D;
           if (e.valueRequired && N)
             return;
-          D ? o.value = o.value.filter((T) => T !== y) : o.value = [...o.value, y];
+          D ? n.value = n.value.filter((T) => T !== y) : n.value = [...n.value, y];
         }
-        n("update:modelValue", o.value);
+        o("update:modelValue", n.value);
       }
     }, v = p(
-      () => V({
+      () => B({
         nmorph: [te[e.height], `${e.fill && "fill"}`],
         "nmorph-select": [
           `${e.disabled && "disabled"}`,
@@ -682,21 +682,21 @@ const aa = { class: "nmorph-select__content" }, oa = {
     }), de(() => {
       document.removeEventListener("click", g);
     });
-    const k = p(() => typeof o.value == "string" ? o.value === "" ? e.noElementPlaceholder : e.options.find((y) => y.value === o.value)?.label : o.value), m = p(() => e.options.length > 0 ? e.options : e.optionsMap), _ = p(() => m.value.length > 0 ? m.value.filter((D) => o.value.includes(D.value)).map((D) => ({ text: D.label, value: D.value })) : Array.isArray(o.value) ? o.value.map((D) => ({ text: D, value: D })) : [{ text: o.value, value: o.value }]);
-    X("select-selected-value", o), X("select-change-selected-value", h);
+    const k = p(() => typeof n.value == "string" ? n.value === "" ? e.noElementPlaceholder : e.options.find((y) => y.value === n.value)?.label : n.value), m = p(() => e.options.length > 0 ? e.options : e.optionsMap), _ = p(() => m.value.length > 0 ? m.value.filter((D) => n.value.includes(D.value)).map((D) => ({ text: D.label, value: D.value })) : Array.isArray(n.value) ? n.value.map((D) => ({ text: D, value: D })) : [{ text: n.value, value: n.value }]);
+    X("select-selected-value", n), X("select-change-selected-value", h);
     const $ = b(null);
     return (y, D) => (r(), u("div", {
       class: M(v.value)
     }, [
-      c("div", aa, [
+      c("div", ta, [
         c("div", {
           ref_key: "nmorphSelectDOMRef",
           ref: $,
           class: "nmorph-select__selected-values-line",
           onClick: ae(x, ["stop"])
         }, [
-          typeof o.value == "string" ? (r(), u("div", oa, A(k.value), 1)) : H("", !0),
-          o.value.length <= 0 ? (r(), u("div", na, A(e.noElementPlaceholder), 1)) : (r(), u("div", la, [
+          typeof n.value == "string" ? (r(), u("div", aa, A(k.value), 1)) : H("", !0),
+          n.value.length <= 0 ? (r(), u("div", na, A(e.noElementPlaceholder), 1)) : (r(), u("div", oa, [
             (r(!0), u(L, null, Y(_.value, (N) => (r(), z(f(je), xe({
               key: N.value
             }, N, {
@@ -712,7 +712,7 @@ const aa = { class: "nmorph-select__content" }, oa = {
           })
         ], 512)
       ]),
-      $.value ? (r(), z(f(oe), {
+      $.value ? (r(), z(f(ne), {
         key: 0,
         open: l.value,
         "relative-element": $.value,
@@ -737,7 +737,7 @@ const aa = { class: "nmorph-select__content" }, oa = {
     ], 2));
   }
 });
-const ra = { class: "nmorph-select-option__content" }, Re = /* @__PURE__ */ O({
+const sa = { class: "nmorph-select-option__content" }, Re = /* @__PURE__ */ O({
   __name: "NmorphSelectOption",
   props: {
     value: {},
@@ -747,14 +747,14 @@ const ra = { class: "nmorph-select-option__content" }, Re = /* @__PURE__ */ O({
   },
   emits: ["change-value"],
   setup(t, { emit: a }) {
-    const e = J("select-selected-value"), n = J("select-change-selected-value"), o = t, l = a, i = () => {
-      o.disabled || (l("change-value", o.value), n && n(o.value));
-    }, s = p(() => typeof e?.value == "string" ? e.value === o.value : Array.isArray(e?.value) ? e.value.some((h) => h === o.value) : !1), d = p(
-      () => V({
-        nmorph: [te[o.height]],
+    const e = J("select-selected-value"), o = J("select-change-selected-value"), n = t, l = a, i = () => {
+      n.disabled || (l("change-value", n.value), o && o(n.value));
+    }, s = p(() => typeof e?.value == "string" ? e.value === n.value : Array.isArray(e?.value) ? e.value.some((h) => h === n.value) : !1), d = p(
+      () => B({
+        nmorph: [te[n.height]],
         "nmorph-select-option": [
-          `${o.disabled && "disabled"}`,
-          `${o.label && "with-label"}`,
+          `${n.disabled && "disabled"}`,
+          `${n.label && "with-label"}`,
           `${s.value && "checked"}`
         ]
       })
@@ -763,8 +763,8 @@ const ra = { class: "nmorph-select-option__content" }, Re = /* @__PURE__ */ O({
       class: M(d.value),
       onClick: i
     }, [
-      c("div", ra, [
-        c("span", null, A(o.label), 1),
+      c("div", sa, [
+        c("span", null, A(n.label), 1),
         S(h.$slots, "default")
       ]),
       s.value ? (r(), z(f(I), {
@@ -783,7 +783,7 @@ var ge = /* @__PURE__ */ ((t) => (t.jpeg = "image/jpeg", t.jpg = "image/jpg", t.
   ...Ee,
   ...ke
 });
-const ia = { class: "nmorph-file-upload__trigger" }, ca = ["multiple"], ua = { class: "nmorph-file-upload__list" }, da = { class: "nmorph-file-upload__file-info" }, pa = { class: "nmorph-file-upload__file-name" }, ha = { class: "nmorph-file-upload__remove-file" }, ma = /* @__PURE__ */ O({
+const ra = { class: "nmorph-file-upload__trigger" }, ia = ["multiple"], ca = { class: "nmorph-file-upload__list" }, ua = { class: "nmorph-file-upload__file-info" }, da = { class: "nmorph-file-upload__file-name" }, pa = { class: "nmorph-file-upload__remove-file" }, ha = /* @__PURE__ */ O({
   __name: "NmorphFileUpload",
   props: {
     modelValue: { default: () => [] },
@@ -795,19 +795,19 @@ const ia = { class: "nmorph-file-upload__trigger" }, ca = ["multiple"], ua = { c
   },
   emits: ["inputDOMRef", "update:modelValue", "on-unsupported-file-type-error"],
   setup(t, { emit: a }) {
-    const e = t, n = (k) => k.split("/")[1], o = (k) => {
-      const m = n(k);
+    const e = t, o = (k) => k.split("/")[1], n = (k) => {
+      const m = o(k);
       let _ = "doc";
       return m in ge && (_ = "image"), m in $e && (_ = "audio"), m in be && (_ = "video"), m in ke && (_ = "archive"), _;
     };
-    let l = ne(e.modelValue);
+    let l = oe(e.modelValue);
     const i = b(null), s = () => {
       i.value && i.value.click();
     }, d = (k) => {
       const m = k.target;
       if (m.files) {
         if (Array.from(m.files).forEach((_) => {
-          const $ = n(_.type);
+          const $ = o(_.type);
           if (!e.allowedTypes.includes($))
             return x("on-unsupported-file-type-error", _.type);
           const y = URL.createObjectURL(_), D = { data: _, previewUrl: y };
@@ -829,7 +829,7 @@ const ia = { class: "nmorph-file-upload__trigger" }, ca = ["multiple"], ua = { c
       x("inputDOMRef", i);
     });
     const x = a, g = p(
-      () => V({
+      () => B({
         nmorph: [`${e.fill && "fill"}`],
         "nmorph-file-upload": [`${e.disabled && "disabled"}`]
       })
@@ -837,23 +837,23 @@ const ia = { class: "nmorph-file-upload__trigger" }, ca = ["multiple"], ua = { c
     return (k, m) => (r(), u("div", {
       class: M(g.value)
     }, [
-      c("div", ia, [
+      c("div", ra, [
         c("input", {
           ref_key: "inputDOMRef",
           ref: i,
           type: "file",
           multiple: e.multiple,
           onChange: d
-        }, null, 40, ca),
+        }, null, 40, ia),
         S(k.$slots, "trigger", {}, () => [
           w(f(E), {
-            text: "select file",
+            text: "Select file",
             fill: "",
             onClick: s
           })
         ])
       ]),
-      c("div", ua, [
+      c("div", ca, [
         w(ue, {
           name: "list",
           tag: "div"
@@ -864,15 +864,15 @@ const ia = { class: "nmorph-file-upload__trigger" }, ca = ["multiple"], ua = { c
               class: "nmorph-file-upload__file"
             }, [
               w(f(Ue), { src: $ }, null, 8, ["src"]),
-              c("div", da, [
+              c("div", ua, [
                 w(f(I), {
-                  name: o(_.type),
+                  name: n(_.type),
                   width: "14px",
                   height: "17px"
                 }, null, 8, ["name"]),
-                c("span", pa, A(_.name), 1)
+                c("span", da, A(_.name), 1)
               ]),
-              c("div", ha, [
+              c("div", pa, [
                 w(f(E), {
                   height: "thin",
                   "style-type": "transparent",
@@ -892,7 +892,7 @@ const ia = { class: "nmorph-file-upload__trigger" }, ca = ["multiple"], ua = { c
     ], 2));
   }
 });
-const _a = ["onClick"], he = /* @__PURE__ */ O({
+const ma = ["onClick"], he = /* @__PURE__ */ O({
   __name: "NmorphTimeRoller",
   props: {
     selectedValue: { default: 0 },
@@ -904,10 +904,10 @@ const _a = ["onClick"], he = /* @__PURE__ */ O({
   emits: ["value-changed"],
   setup(t, { emit: a }) {
     K((g) => ({
-      "1f4a90cc": x.value
+      "254a1fad": x.value
     }));
-    const e = t, n = a, o = p(
-      () => V({
+    const e = t, o = a, n = p(
+      () => B({
         "nmorph-time-roller": []
       })
     ), l = p(() => {
@@ -915,17 +915,17 @@ const _a = ["onClick"], he = /* @__PURE__ */ O({
       return g.concat(e.values.map((m) => m.toString().padStart(2, "0"))).concat(g);
     }), i = b({ x: 0, y: 0 }), s = () => {
       const g = Math.round(i.value.y / e.stepHeight);
-      n("value-changed", g), i.value.y = Math.round(i.value.y / e.stepHeight) * e.stepHeight;
+      o("value-changed", g), i.value.y = Math.round(i.value.y / e.stepHeight) * e.stepHeight;
     }, d = (g) => e.disabledRange && g >= e.disabledRange[0] && g <= e.disabledRange[1], h = (g) => e.disabledRange?.reduce(
       (k, m) => Math.abs(m - g) < Math.abs(k - g) ? m + 1 : k - 1
     ) ?? g, v = (g) => {
       let k = Number(g);
-      d(k) && (k = h(k)), n("value-changed", k), i.value.y = k * e.stepHeight;
+      d(k) && (k = h(k)), o("value-changed", k), i.value.y = k * e.stepHeight;
     };
     e.setValueOnMount && v(e.selectedValue);
     const x = p(() => `${e.stepHeight}px`);
     return (g, k) => (r(), u("div", {
-      class: M(o.value)
+      class: M(n.value)
     }, [
       w(f(qe), {
         modelValue: i.value,
@@ -941,7 +941,7 @@ const _a = ["onClick"], he = /* @__PURE__ */ O({
               { "nmorph-time-roller__value--disabled-value": d(m) }
             ]]),
             onClick: (_) => v(m)
-          }, A(m), 11, _a))), 128))
+          }, A(m), 11, ma))), 128))
         ]),
         _: 1
       }, 8, ["modelValue"])
@@ -949,12 +949,12 @@ const _a = ["onClick"], he = /* @__PURE__ */ O({
   }
 });
 const Ne = (t) => {
-  const a = new Date(t), e = a.getHours().toString().padStart(2, "0"), n = a.getMinutes().toString().padStart(2, "0"), o = a.getSeconds().toString().padStart(2, "0");
-  return `${e}:${n}:${o}`;
-}, va = (t) => {
-  const [a, e, n] = t, o = /* @__PURE__ */ new Date();
-  return o.setHours(a), o.setMinutes(e), o.setSeconds(n), o.setMilliseconds(0), o.getTime();
-}, fa = { class: "nmorph-time-picker__content" }, ya = { class: "nmorph-time-picker__selected-time" }, ga = ["value"], ba = { class: "nmorph-time-picker__dropdown" }, re = 20, $a = /* @__PURE__ */ O({
+  const a = new Date(t), e = a.getHours().toString().padStart(2, "0"), o = a.getMinutes().toString().padStart(2, "0"), n = a.getSeconds().toString().padStart(2, "0");
+  return `${e}:${o}:${n}`;
+}, _a = (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();
+}, va = { class: "nmorph-time-picker__content" }, fa = { class: "nmorph-time-picker__selected-time" }, ya = ["value"], ga = { class: "nmorph-time-picker__dropdown" }, re = 20, ba = /* @__PURE__ */ O({
   __name: "NmorphTimePicker",
   props: {
     modelValue: { default: 0 },
@@ -968,51 +968,51 @@ const Ne = (t) => {
   },
   emits: ["inputDOMRef", "update:modelValue", "on-change-open-close"],
   setup(t, { emit: a }) {
-    K((B) => ({
-      "2ad17ce1": N.value
+    K((V) => ({
+      "7dda16fc": N.value
     }));
-    const e = t, n = a, o = b(null), l = b(null), i = b(e.open), s = b([0, 0, 0]), d = b(e.initWithoutValue);
+    const e = t, o = a, n = b(null), l = b(null), i = b(e.open), s = b([0, 0, 0]), d = b(e.initWithoutValue);
     j(() => {
-      n("inputDOMRef", l);
+      o("inputDOMRef", l);
     });
     const h = () => {
       i.value = !i.value;
     }, v = p(
-      () => V({
+      () => B({
         nmorph: [te[e.height]],
         "nmorph-time-picker": [`${e.disabled && "disabled"}`, `${i.value && "open"}`]
       })
-    ), x = Array.from({ length: 24 }, (B, C) => C), g = Array.from({ length: 60 }, (B, C) => C), k = () => {
-      d.value = !1, n("update:modelValue", va(s.value));
-    }, m = (B) => {
-      const C = B;
+    ), x = Array.from({ length: 24 }, (V, C) => C), g = Array.from({ length: 60 }, (V, C) => C), k = () => {
+      d.value = !1, o("update:modelValue", _a(s.value));
+    }, m = (V) => {
+      const C = V;
       s.value = [C, s.value[1], s.value[2]], k();
-    }, _ = (B) => {
-      const C = B;
+    }, _ = (V) => {
+      const C = V;
       s.value = [s.value[0], C, s.value[2]], k();
-    }, $ = (B) => {
-      const C = B;
+    }, $ = (V) => {
+      const C = V;
       s.value = [s.value[0], s.value[1], C], k();
     }, y = () => {
       i.value = !1;
     };
-    q(i, (B) => {
-      n("on-change-open-close", B);
+    q(i, (V) => {
+      o("on-change-open-close", V);
     }), (() => {
       if (d.value)
         return;
-      const B = Ne(e.modelValue).split(":").map((C) => Number(C));
-      s.value = B;
+      const V = Ne(e.modelValue).split(":").map((C) => Number(C));
+      s.value = V;
     })();
     const N = p(() => `${re}px`), T = p(() => d.value ? "——:——:——" : Ne(e.modelValue));
-    return (B, C) => (r(), u("div", {
+    return (V, C) => (r(), u("div", {
       ref_key: "timepickerDOMRef",
-      ref: o,
+      ref: n,
       class: M(v.value),
       onClick: h
     }, [
-      c("div", fa, [
-        c("div", ya, [
+      c("div", va, [
+        c("div", fa, [
           w(f(I), {
             name: "time",
             class: "nmorph-time-picker__time-icon"
@@ -1023,37 +1023,37 @@ const Ne = (t) => {
             type: "time",
             value: s.value,
             step: "1"
-          }, null, 8, ga),
+          }, null, 8, ya),
           c("span", null, A(T.value), 1)
         ]),
-        o.value ? (r(), z(f(oe), {
+        n.value ? (r(), z(f(ne), {
           key: 0,
           open: i.value,
-          "relative-element": o.value,
+          "relative-element": n.value,
           onOnOutsideClick: y
         }, {
           default: P(() => [
-            c("div", ba, [
+            c("div", ga, [
               w(he, {
                 "set-value-on-mount": !d.value,
                 values: f(x),
                 "selected-value": s.value[0],
                 "step-height": re,
-                "disabled-range": B.disabledHours,
+                "disabled-range": V.disabledHours,
                 onValueChanged: m
               }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
               w(he, {
                 "set-value-on-mount": !d.value,
                 values: f(g),
                 "selected-value": s.value[1],
-                "disabled-range": B.disabledMinutes,
+                "disabled-range": V.disabledMinutes,
                 "step-height": re,
                 onValueChanged: _
               }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
               w(he, {
                 "set-value-on-mount": !d.value,
                 values: f(g),
-                "disabled-range": B.disabledSeconds,
+                "disabled-range": V.disabledSeconds,
                 "selected-value": s.value[2],
                 "step-height": re,
                 onValueChanged: $
@@ -1079,10 +1079,10 @@ const Fe = [
   "October",
   "November",
   "December"
-], ka = (t) => {
+], $a = (t) => {
   const a = t - t % 10, e = [];
-  for (let n = 0; n < 10; n++)
-    e.push(a + n);
+  for (let o = 0; o < 10; o++)
+    e.push(a + o);
   return e;
 }, ie = (t) => {
   if (!t)
@@ -1092,22 +1092,22 @@ const Fe = [
     month: "2-digit",
     day: "2-digit"
   };
-  return Array.isArray(t) ? t.map((n) => n ? new Intl.DateTimeFormat(a, e).format(n) : null) : new Intl.DateTimeFormat(a, e).format(t);
-}, wa = (t, a) => t.getMonth() > a.getMonth(), xa = (t, a) => t.getMonth() < a.getMonth(), Ma = (t) => {
+  return Array.isArray(t) ? t.map((o) => o ? new Intl.DateTimeFormat(a, e).format(o) : null) : new Intl.DateTimeFormat(a, e).format(t);
+}, ka = (t, a) => t.getMonth() > a.getMonth(), wa = (t, a) => t.getMonth() < a.getMonth(), xa = (t) => {
   const a = /* @__PURE__ */ new Date();
   if (!t)
     return !0;
-  const e = t && t[0], n = t && t[1];
-  return a >= e && a <= n;
-}, We = (t) => Fe[t], Ca = (t) => t % 4 === 0 && t % 100 !== 0 || t % 400 === 0, De = (t, a) => [0, 2, 4, 6, 7, 9, 11].includes(a) ? 31 : [3, 5, 8, 10].includes(a) ? 30 : Ca(t) ? 29 : 28, Na = (t, a) => {
-  const e = (U) => a ? U < a[0] || U > a[1] : !1, n = t.value.getFullYear(), o = t.value.getMonth(), i = new Date(n, o, 1).getDay() + 1, s = De(n, o), d = 7 + i - 8;
-  let x = 7 - (new Date(n, o, s).getDay() + 1);
-  const g = /* @__PURE__ */ new Date(), k = g.getDate(), m = g.getMonth(), _ = o - 1, $ = De(n, _);
+  const e = t && t[0], o = t && t[1];
+  return a >= e && a <= o;
+}, We = (t) => Fe[t], Ma = (t) => t % 4 === 0 && t % 100 !== 0 || t % 400 === 0, De = (t, a) => [0, 2, 4, 6, 7, 9, 11].includes(a) ? 31 : [3, 5, 8, 10].includes(a) ? 30 : Ma(t) ? 29 : 28, Ca = (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 = De(o, n), d = 7 + i - 8;
+  let x = 7 - (new Date(o, n, s).getDay() + 1);
+  const g = /* @__PURE__ */ new Date(), k = g.getDate(), m = g.getMonth(), _ = n - 1, $ = De(o, _);
   let y = $ - d;
   const D = [];
   for (; y < $; ) {
     y++;
-    const U = m === _ && k === y, Q = new Date(n, _, y);
+    const U = m === _ && k === y, Q = new Date(o, _, y);
     D.push({
       value: y,
       monthType: "previous",
@@ -1116,13 +1116,13 @@ const Fe = [
       hidden: e(Q)
     });
   }
-  const N = o + 1, T = [];
-  let B = 0;
+  const N = n + 1, T = [];
+  let V = 0;
   for (; x; ) {
-    B++, x--;
-    const U = m === N && k === B, Q = new Date(n, N, B);
+    V++, x--;
+    const U = m === N && k === V, Q = new Date(o, N, V);
     T.push({
-      value: B,
+      value: V,
       monthType: "next",
       isToday: U,
       date: Q,
@@ -1134,7 +1134,7 @@ const Fe = [
   for (; C < s; ) {
     const U = g.getDate();
     C++;
-    const Q = m === o && U === C, we = new Date(n, o, C);
+    const Q = m === n && U === C, we = new Date(o, n, C);
     F.push({
       value: C,
       monthType: "current",
@@ -1149,26 +1149,26 @@ const Fe = [
     G.push(Q);
   }
   return G.filter((U) => !U.every((Q) => Q.hidden));
-}, Da = { class: "nmorph-date-picker-header__left-side" }, Ba = { class: "nmorph-date-picker-header__center-side" }, Va = { class: "nmorph-date-picker-header__right-side" }, Sa = /* @__PURE__ */ O({
+}, Na = { class: "nmorph-date-picker-header__left-side" }, Da = { class: "nmorph-date-picker-header__center-side" }, Va = { class: "nmorph-date-picker-header__right-side" }, Ba = /* @__PURE__ */ O({
   __name: "NmorphDatePickerHeader",
   props: {
     date: { default: () => /* @__PURE__ */ new Date() }
   },
   emits: ["prev-month", "next-month", "prev-year", "next-year", "change-year", "change-month"],
   setup(t, { emit: a }) {
-    const e = t, n = a, o = p(
-      () => V({
+    const e = t, o = a, n = p(
+      () => B({
         "nmorph-date-picker-header": []
       })
     );
     return (l, i) => (r(), u("div", {
-      class: M(o.value)
+      class: M(n.value)
     }, [
-      c("div", Da, [
+      c("div", Na, [
         w(f(E), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
-          onClick: i[0] || (i[0] = (s) => n("prev-year"))
+          onClick: i[0] || (i[0] = (s) => o("prev-year"))
         }, {
           default: P(() => [
             w(f(I), {
@@ -1181,7 +1181,7 @@ const Fe = [
         w(f(E), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
-          onClick: i[1] || (i[1] = (s) => n("prev-month"))
+          onClick: i[1] || (i[1] = (s) => o("prev-month"))
         }, {
           default: P(() => [
             w(f(I), {
@@ -1192,25 +1192,25 @@ const Fe = [
           _: 1
         })
       ]),
-      c("div", Ba, [
+      c("div", Da, [
         w(f(E), {
           text: String(e.date.getFullYear()),
           "style-type": "transparent",
           fill: "",
-          onClick: i[2] || (i[2] = (s) => n("change-year"))
+          onClick: i[2] || (i[2] = (s) => o("change-year"))
         }, null, 8, ["text"]),
         w(f(E), {
           text: f(We)(e.date.getMonth()),
           "style-type": "transparent",
           fill: "",
-          onClick: i[3] || (i[3] = (s) => n("change-month"))
+          onClick: i[3] || (i[3] = (s) => o("change-month"))
         }, null, 8, ["text"])
       ]),
       c("div", Va, [
         w(f(E), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
-          onClick: i[4] || (i[4] = (s) => n("next-month"))
+          onClick: i[4] || (i[4] = (s) => o("next-month"))
         }, {
           default: P(() => [
             w(f(I), {
@@ -1223,7 +1223,7 @@ const Fe = [
         w(f(E), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
-          onClick: i[5] || (i[5] = (s) => n("next-year"))
+          onClick: i[5] || (i[5] = (s) => o("next-year"))
         }, {
           default: P(() => [
             w(f(I), {
@@ -1237,7 +1237,7 @@ const Fe = [
     ], 2));
   }
 });
-const Ta = { class: "nmorph-year-month-picker__header" }, Oa = { class: "nmorph-year-month-picker__value" }, Ha = { class: "nmorph-year-month-picker__values" }, ve = /* @__PURE__ */ O({
+const Sa = { class: "nmorph-year-month-picker__header" }, Ta = { class: "nmorph-year-month-picker__value" }, Oa = { class: "nmorph-year-month-picker__values" }, ve = /* @__PURE__ */ O({
   __name: "NmorphYearMonthPicker",
   props: {
     currentDate: {},
@@ -1248,14 +1248,14 @@ const Ta = { class: "nmorph-year-month-picker__header" }, Oa = { class: "nmorph-
     const e = Fe.map(($, y) => ({
       label: $.substring(0, 3),
       value: String(y)
-    })), n = t, o = b(e), l = b(String(n.currentDate.getMonth())), i = b(n.currentDate.getFullYear()), s = () => {
-      const $ = n.currentDate.getFullYear(), y = ka($).map((D) => ({ label: String(D), value: String(D) }));
-      o.value = y;
+    })), o = t, n = b(e), l = b(String(o.currentDate.getMonth())), i = b(o.currentDate.getFullYear()), s = () => {
+      const $ = o.currentDate.getFullYear(), y = $a($).map((D) => ({ label: String(D), value: String(D) }));
+      n.value = y;
     };
     q(
-      () => n.currentDate,
+      () => o.currentDate,
       () => {
-        n.type === "year" && (s(), l.value = String(n.currentDate.getFullYear()));
+        o.type === "year" && (s(), l.value = String(o.currentDate.getFullYear()));
       },
       {
         immediate: !0,
@@ -1263,13 +1263,13 @@ const Ta = { class: "nmorph-year-month-picker__header" }, Oa = { class: "nmorph-
       }
     );
     const d = a, h = p(
-      () => V({
+      () => B({
         "nmorph-year-month-picker": []
       })
     ), v = ($) => {
-      l.value = $, n.type === "month" ? d("update-month", l.value) : d("update-year", l.value);
+      l.value = $, o.type === "month" ? d("update-month", l.value) : d("update-year", l.value);
     }, x = ($) => {
-      o.value = o.value.map((y) => {
+      n.value = n.value.map((y) => {
         const D = String($ === "decrease" ? Number(y.value) - 10 : Number(y.value) + 10);
         return {
           label: D,
@@ -1279,14 +1279,14 @@ const Ta = { class: "nmorph-year-month-picker__header" }, Oa = { class: "nmorph-
     }, g = ($) => {
       $ === "decrease" ? i.value = i.value - 1 : i.value = i.value + 1, d("update-year", String(i.value));
     }, k = ($) => {
-      $ === "decrease" ? n.type === "year" ? x("decrease") : g("decrease") : n.type === "year" ? x("increase") : g("increase");
-    }, m = p(() => n.type === "year" ? `${o.value[0].label} - ${o.value[o.value.length - 1].label}` : String(i.value)), _ = () => {
-      n.type === "month" && d("back-to-years");
+      $ === "decrease" ? o.type === "year" ? x("decrease") : g("decrease") : o.type === "year" ? x("increase") : g("increase");
+    }, m = p(() => o.type === "year" ? `${n.value[0].label} - ${n.value[n.value.length - 1].label}` : String(i.value)), _ = () => {
+      o.type === "month" && d("back-to-years");
     };
     return ($, y) => (r(), u("div", {
       class: M(h.value)
     }, [
-      c("div", Ta, [
+      c("div", Sa, [
         w(f(E), {
           class: "nmorph-year-month-picker__action-btn",
           "style-type": "transparent",
@@ -1300,7 +1300,7 @@ const Ta = { class: "nmorph-year-month-picker__header" }, Oa = { class: "nmorph-
           ]),
           _: 1
         }),
-        c("div", Oa, [
+        c("div", Ta, [
           w(f(E), {
             text: m.value,
             "style-type": "transparent",
@@ -1321,10 +1321,10 @@ const Ta = { class: "nmorph-year-month-picker__header" }, Oa = { class: "nmorph-
           _: 1
         })
       ]),
-      c("div", Ha, [
+      c("div", Oa, [
         w(ye, {
           "model-value": l.value,
-          options: o.value,
+          options: n.value,
           fill: "",
           "onUpdate:modelValue": v
         }, null, 8, ["model-value", "options"])
@@ -1341,8 +1341,8 @@ const me = /* @__PURE__ */ O({
   },
   emits: ["update-selected-value"],
   setup(t, { emit: a }) {
-    const e = t, n = a, o = p(
-      () => V({
+    const e = t, o = a, n = p(
+      () => B({
         "nmorph-date-picker-content": []
       })
     ), l = b(e.initialDate), i = b("calendar"), s = p(() => new Date(l.value.setMonth(l.value.getMonth() - 1))), d = p(() => new Date(l.value.setMonth(l.value.getMonth() + 1))), h = p(() => new Date(l.value.setFullYear(l.value.getFullYear() - 1))), v = p(() => new Date(l.value.setFullYear(l.value.getFullYear() + 1))), x = () => {
@@ -1357,19 +1357,19 @@ const me = /* @__PURE__ */ O({
       i.value = "year";
     }, $ = () => {
       i.value = "month";
-    }, y = (B) => {
-      const C = new Date(l.value.setFullYear(Number(B)));
+    }, y = (V) => {
+      const C = new Date(l.value.setFullYear(Number(V)));
       l.value = C, i.value = "month";
-    }, D = (B) => {
-      const C = new Date(l.value.setMonth(Number(B)));
+    }, D = (V) => {
+      const C = new Date(l.value.setMonth(Number(V)));
       l.value = C, i.value = "calendar";
     }, N = () => {
       i.value = "year";
-    }, T = (B) => {
-      n("update-selected-value", B);
+    }, T = (V) => {
+      o("update-selected-value", V);
     };
-    return (B, C) => (r(), u("div", {
-      class: M(o.value)
+    return (V, C) => (r(), u("div", {
+      class: M(n.value)
     }, [
       i.value === "calendar" ? (r(), z(f(Ge), {
         key: 0,
@@ -1379,7 +1379,7 @@ const me = /* @__PURE__ */ O({
         "onUpdate:modelValue": T
       }, {
         header: P(() => [
-          w(Sa, {
+          w(Ba, {
             date: l.value,
             onPrevMonth: x,
             onNextMonth: g,
@@ -1407,17 +1407,17 @@ const me = /* @__PURE__ */ O({
       }, null, 8, ["current-date"])) : H("", !0)
     ], 2));
   }
-}), Be = /* @__PURE__ */ O({
+}), Ve = /* @__PURE__ */ O({
   __name: "NmorphClearButton",
   emits: ["clear"],
   setup(t, { emit: a }) {
-    const e = a, n = p(
-      () => V({
+    const e = a, o = p(
+      () => B({
         "nmorph-input-clear-button": []
       })
     );
-    return (o, l) => (r(), u("div", {
-      class: M(n.value)
+    return (n, l) => (r(), u("div", {
+      class: M(o.value)
     }, [
       w(f(I), {
         name: "error",
@@ -1425,14 +1425,13 @@ const me = /* @__PURE__ */ O({
       })
     ], 2));
   }
-});
-const Ia = {
+}), Ha = {
   key: 0,
   class: "nmorph-date-picker__date-wrapper"
-}, Pa = /* @__PURE__ */ c("input", { type: "date" }, null, -1), za = { class: "nmorph-date-picker__selected-value" }, Aa = { class: "nmorph-date-picker__clear-button-wrapper" }, Ra = { class: "nmorph-date-picker__content" }, Ea = {
+}, Ia = /* @__PURE__ */ c("input", { type: "date" }, null, -1), Pa = { class: "nmorph-date-picker__selected-value" }, za = { class: "nmorph-date-picker__clear-button-wrapper" }, Aa = { class: "nmorph-date-picker__content" }, Ra = {
   key: 1,
   class: "nmorph-date-picker__date-range-wrapper"
-}, Fa = /* @__PURE__ */ c("input", { type: "date" }, null, -1), Wa = { class: "nmorph-date-picker__selected-value" }, La = { class: "nmorph-date-picker__value-from" }, Ya = { class: "nmorph-date-picker__value-separator" }, ja = { class: "nmorph-date-picker__value-from" }, Ua = { class: "nmorph-date-picker__clear-button-wrapper" }, qa = { class: "nmorph-date-picker__content" }, Ga = /* @__PURE__ */ O({
+}, Ea = /* @__PURE__ */ c("input", { type: "date" }, null, -1), Fa = { class: "nmorph-date-picker__selected-value" }, Wa = { class: "nmorph-date-picker__value-from" }, La = { class: "nmorph-date-picker__value-separator" }, Ya = { class: "nmorph-date-picker__value-from" }, ja = { class: "nmorph-date-picker__clear-button-wrapper" }, Ua = { class: "nmorph-date-picker__content" }, qa = /* @__PURE__ */ O({
   __name: "NmorphDatePicker",
   props: {
     placeholder: { default: "Pick a date" },
@@ -1448,10 +1447,10 @@ const Ia = {
   },
   emits: ["update:modelValue"],
   setup(t, { emit: a }) {
-    const e = t, n = b(e.initialStartDate), o = b(
+    const e = t, o = b(e.initialStartDate), n = b(
       e.initialEndDate ?? new Date(new Date(e.initialStartDate).setMonth(e.initialStartDate.getMonth() + 1))
     ), l = b(e.modelValue), i = a, s = p(
-      () => V({
+      () => B({
         nmorph: [te[e.height]],
         "nmorph-date-picker": [`${e.disabled && "disabled"}`, e.type]
       })
@@ -1477,8 +1476,8 @@ const Ia = {
       const T = N;
       if (Array.isArray(l.value)) {
         if (e.type === "dates") {
-          const B = T.toDateString(), C = l.value.map((R) => R?.toDateString()), F = C.findIndex((R) => B === R);
-          C.includes(B) ? l.value.splice(F, 1) : l.value.push(T);
+          const V = T.toDateString(), C = l.value.map((R) => R?.toDateString()), F = C.findIndex((R) => V === R);
+          C.includes(V) ? l.value.splice(F, 1) : l.value.push(T);
         }
       } else
         l.value = T;
@@ -1491,28 +1490,28 @@ const Ia = {
     return (N, T) => (r(), u("div", {
       class: M(s.value)
     }, [
-      e.type === "date" || e.type === "dates" ? (r(), u("div", Ia, [
+      e.type === "date" || e.type === "dates" ? (r(), u("div", Ha, [
         c("div", {
           ref_key: "nmorphInputDOMRef",
           ref: h,
           class: M(["nmorph-date-picker__input", { "nmorph-date-picker__input--open": d.value }]),
           onClick: x
         }, [
-          Pa,
+          Ia,
           w(f(I), {
             name: "calendar",
             class: "nmorph-date-picker__calendar-icon"
           }),
-          c("div", za, A(g.value), 1),
-          c("div", Aa, [
-            $.value ? (r(), z(Be, {
+          c("div", Pa, A(g.value), 1),
+          c("div", za, [
+            $.value ? (r(), z(Ve, {
               key: 0,
               onClear: m
             })) : H("", !0)
           ])
         ], 2),
-        c("div", Ra, [
-          h.value ? (r(), z(f(oe), {
+        c("div", Aa, [
+          h.value ? (r(), z(f(ne), {
             key: 0,
             "fill-width": !1,
             width: 324,
@@ -1523,7 +1522,7 @@ const Ia = {
             default: P(() => [
               w(me, {
                 "selected-values": l.value,
-                "initial-date": n.value,
+                "initial-date": o.value,
                 type: N.type,
                 onUpdateSelectedValue: _
               }, null, 8, ["selected-values", "initial-date", "type"])
@@ -1532,32 +1531,32 @@ const Ia = {
           }, 8, ["open", "relative-element"])) : H("", !0)
         ])
       ])) : H("", !0),
-      e.type === "daterange" ? (r(), u("div", Ea, [
+      e.type === "daterange" ? (r(), u("div", Ra, [
         c("div", {
           ref_key: "nmorphInputDOMRef",
           ref: h,
           class: M(["nmorph-date-picker__input", { "nmorph-date-picker__input--open": d.value }]),
           onClick: x
         }, [
-          Fa,
+          Ea,
           w(f(I), {
             name: "calendar",
             class: "nmorph-date-picker__calendar-icon"
           }),
-          c("div", Wa, [
-            c("div", La, A(k.value.from), 1),
-            c("div", Ya, A(e.textSeparator), 1),
-            c("div", ja, A(k.value.to), 1)
+          c("div", Fa, [
+            c("div", Wa, A(k.value.from), 1),
+            c("div", La, A(e.textSeparator), 1),
+            c("div", Ya, A(k.value.to), 1)
           ]),
-          c("div", Ua, [
-            $.value ? (r(), z(Be, {
+          c("div", ja, [
+            $.value ? (r(), z(Ve, {
               key: 0,
               onClear: m
             })) : H("", !0)
           ])
         ], 2),
-        c("div", qa, [
-          h.value ? (r(), z(f(oe), {
+        c("div", Ua, [
+          h.value ? (r(), z(f(ne), {
             key: 0,
             "fill-width": !1,
             width: 648,
@@ -1568,14 +1567,14 @@ const Ia = {
             default: P(() => [
               w(me, {
                 "selected-values": l.value,
-                "initial-date": n.value,
+                "initial-date": o.value,
                 type: N.type,
                 onUpdateSelectedValue: y
               }, null, 8, ["selected-values", "initial-date", "type"]),
-              w(f(Ze), { direction: "vertical" }),
+              w(f(Ke), { direction: "vertical" }),
               w(me, {
                 "selected-values": l.value,
-                "initial-date": o.value,
+                "initial-date": n.value,
                 type: N.type,
                 onUpdateSelectedValue: D
               }, null, 8, ["selected-values", "initial-date", "type"])
@@ -1587,6 +1586,150 @@ const Ia = {
     ], 2));
   }
 });
+const Be = (t) => {
+  const { inputValue: a, rules: e } = t, o = b([]), n = p(() => o.value.length === 0), l = b(!1);
+  return {
+    touched: l,
+    valid: n,
+    errors: o,
+    validate: () => {
+      if (a === null || !e.length)
+        return null;
+      const s = a, d = (m) => e.length > 0 && m in e[0], h = typeof s == "string" && d("pattern"), v = typeof s == "number" && d("numberCompareType"), x = typeof s == "string" || typeof s == "boolean" && d("booleanCompareType"), g = Array.isArray(s) && d("arrayCompareType");
+      if (!v && !h && !x && !g)
+        return console.warn("The input value and the provided rules do not match"), null;
+      if (l.value || (l.value = !0), h) {
+        const m = e;
+        o.value = m.reduce((_, $) => (s.match($.pattern) || _.push($.error), _), []);
+      }
+      if (v) {
+        const m = ($, y, D) => {
+          switch (D) {
+            case "eq":
+              return $ === y;
+            case "gt":
+              return $ > y;
+            case "lt":
+              return $ < y;
+            case "lte":
+              return $ <= y;
+            case "gte":
+              return $ >= y;
+          }
+        }, _ = e;
+        o.value = _.reduce(($, y) => (m(s, y.compareValue, y.numberCompareType) && $.push(y.error), $), []);
+      }
+      if (x) {
+        const m = e;
+        o.value = m.reduce((_, $) => {
+          let y = !1;
+          const { compareValue: D, booleanCompareType: N } = $;
+          return N === "not-eq" && (y = s === D), N === "eq" && (y = s !== D), y || _.push($.error), _;
+        }, []);
+      }
+      if (g) {
+        const m = e, _ = ($, y, D) => {
+          switch (D) {
+            case "contains-one":
+              return $.some((V) => y.includes(V));
+            case "full-eq":
+              if ($.length !== y.length)
+                return !1;
+              const N = [...$].sort(), T = [...y].sort();
+              return N.every((V, C) => V === T[C]);
+            case "not-contains":
+              return !$.some((V) => y.includes(V));
+          }
+        };
+        o.value = m.reduce(($, y) => (_(s, y.compareValue, y.arrayCompareType) || $.push(y.error), $), []);
+      }
+    }
+  };
+}, Ga = (t, a = !1) => {
+  const e = oe({}), o = oe(Me(t)), n = () => {
+    Object.entries(t).forEach(([s, d]) => {
+      e[s] = Be({ inputValue: d.value, rules: d.rules }), e[s].validate();
+    });
+  }, l = (s, d) => Object.keys(d).filter((v) => {
+    const x = s[v] ? JSON.stringify(s[v]) : null, g = JSON.stringify(d[v]);
+    return x !== g;
+  });
+  return q(t, (s) => {
+    l(o, s).forEach((h) => {
+      const v = s[h];
+      e[h] = Be({ inputValue: v.value, rules: v.rules }), e[h].validate();
+    }), Object.assign(o, Me(s));
+  }, { deep: !0 }), a && n(), {
+    fields: e
+  };
+}, Le = (t) => {
+  const { initialPlacement: a, relativeElement: e, contentDOMElement: o, yOffset: n = 0, xOffset: l = 0 } = t, i = b(a), s = b({ x: "0px", y: "0px" });
+  j(() => {
+    d();
+  });
+  const d = () => {
+    Se(() => {
+      if (!o.value || !e) {
+        console.warn("There is no relative element or content DOM element");
+        return;
+      }
+      const h = o.value.getBoundingClientRect(), v = h.width, x = h.height, g = "value" in e ? e.value : e;
+      if (!g) {
+        console.warn("Relative element is not an HTMLElement");
+        return;
+      }
+      const k = g.getBoundingClientRect(), { x: m, y: _ } = k, $ = k.width, y = k.height, D = window.innerWidth, N = window.innerHeight;
+      i.value === "top" && _ - x < 0 && (i.value = "bottom"), i.value === "bottom" && _ + y + x > N && (i.value = "top"), i.value === "left" && m - v < 0 && (i.value = "right"), i.value === "right" && m + $ + v > D && (i.value = "left"), i.value === "top" && (s.value = { x: `${m + l}px`, y: `${_ + n}px` }), i.value === "bottom" && (s.value = { x: `${m + l}px`, y: `${_ + y + n}px` }), i.value === "right" && (s.value = { x: `${m + l}px`, y: `${_ + n}px` }), i.value === "left" && (s.value = { x: `${m + $ + l}px`, y: `${_ + n}px` });
+    });
+  };
+  return { placement: i, placementCoords: s };
+}, ne = /* @__PURE__ */ O({
+  __name: "NmorphDropdown",
+  props: {
+    open: { type: Boolean },
+    relativeElement: {},
+    width: { default: 160 },
+    xOffset: { default: 0 },
+    yOffset: { default: 0 },
+    fillWidth: { type: Boolean, default: !0 }
+  },
+  emits: ["on-outside-click"],
+  setup(t, { emit: a }) {
+    K((h) => ({
+      "911958b0": s.value
+    }));
+    const e = t, o = a, n = b(null), { placementCoords: l } = Le({
+      initialPlacement: "bottom",
+      contentDOMElement: n,
+      relativeElement: e.relativeElement,
+      yOffset: e.yOffset,
+      xOffset: e.xOffset
+    }), i = p(
+      () => B({
+        "nmorph-dropdown": [`${!e.open && "closed"}`]
+      })
+    ), s = p(() => e.fillWidth ? `${e.relativeElement?.clientWidth}px` : `${e.width}px`), d = () => {
+      o("on-outside-click");
+    };
+    return (h, v) => (r(), z(f(pe), {
+      show: e.open,
+      transparent: "",
+      onOnOutsideClick: d
+    }, {
+      default: P(() => [
+        c("div", {
+          ref_key: "dropdownDOMRef",
+          ref: n,
+          class: M(i.value),
+          style: Z({ left: `${f(l).x}`, top: `${f(l).y}` })
+        }, [
+          S(h.$slots, "default")
+        ], 6)
+      ]),
+      _: 3
+    }, 8, ["show"]));
+  }
+});
 const Ja = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
@@ -1596,173 +1739,173 @@ const Ja = {
 function Ka(t, a) {
   return r(), u("svg", Ja, [...Qa]);
 }
-const Za = { render: Ka }, eo = {
+const Za = { render: Ka }, en = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
-}, to = /* @__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), ao = /* @__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), oo = [
-  to,
-  ao
+}, tn = /* @__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), an = /* @__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), nn = [
+  tn,
+  an
 ];
-function no(t, a) {
-  return r(), u("svg", eo, [...oo]);
+function on(t, a) {
+  return r(), u("svg", en, [...nn]);
 }
-const lo = { render: no }, so = {
+const ln = { render: on }, sn = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
-}, ro = /* @__PURE__ */ c("path", { d: "M27 4 12 19l-7-7-5 5 12 12L32 9z" }, null, -1), io = [
-  ro
+}, rn = /* @__PURE__ */ c("path", { d: "M27 4 12 19l-7-7-5 5 12 12L32 9z" }, null, -1), cn = [
+  rn
 ];
-function co(t, a) {
-  return r(), u("svg", so, [...io]);
+function un(t, a) {
+  return r(), u("svg", sn, [...cn]);
 }
-const uo = { render: co }, po = {
+const dn = { render: un }, pn = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
-}, ho = /* @__PURE__ */ c("path", { d: "M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16S24.837 0 16 0m0 29C8.82 29 3 23.18 3 16S8.82 3 16 3s13 5.82 13 13-5.82 13-13 13" }, null, -1), mo = /* @__PURE__ */ c("path", { d: "m21 8-5 5-5-5-3 3 5 5-5 5 3 3 5-5 5 5 3-3-5-5 5-5z" }, null, -1), _o = [
-  ho,
-  mo
+}, hn = /* @__PURE__ */ c("path", { d: "M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16S24.837 0 16 0m0 29C8.82 29 3 23.18 3 16S8.82 3 16 3s13 5.82 13 13-5.82 13-13 13" }, null, -1), mn = /* @__PURE__ */ c("path", { d: "m21 8-5 5-5-5-3 3 5 5-5 5 3 3 5-5 5 5 3-3-5-5 5-5z" }, null, -1), _n = [
+  hn,
+  mn
 ];
-function vo(t, a) {
-  return r(), u("svg", po, [..._o]);
+function vn(t, a) {
+  return r(), u("svg", pn, [..._n]);
 }
-const fo = { render: vo }, yo = {
+const fn = { render: vn }, yn = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
-}, go = /* @__PURE__ */ c("path", { d: "M31 12H20V1a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v11H1a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h11v11a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V20h11a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1" }, null, -1), bo = [
-  go
+}, gn = /* @__PURE__ */ c("path", { d: "M31 12H20V1a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v11H1a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h11v11a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V20h11a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1" }, null, -1), bn = [
+  gn
 ];
-function $o(t, a) {
-  return r(), u("svg", yo, [...bo]);
+function $n(t, a) {
+  return r(), u("svg", yn, [...bn]);
 }
-const ko = { render: $o }, wo = {
+const kn = { render: $n }, wn = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
-}, xo = /* @__PURE__ */ c("path", { d: "M0 13v6a1 1 0 0 0 1 1h30a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1H1a1 1 0 0 0-1 1" }, null, -1), Mo = [
-  xo
+}, xn = /* @__PURE__ */ c("path", { d: "M0 13v6a1 1 0 0 0 1 1h30a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1H1a1 1 0 0 0-1 1" }, null, -1), Mn = [
+  xn
 ];
-function Co(t, a) {
-  return r(), u("svg", wo, [...Mo]);
+function Cn(t, a) {
+  return r(), u("svg", wn, [...Mn]);
 }
-const No = { render: Co }, Do = {
+const Nn = { render: Cn }, Dn = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 100 100"
-}, Bo = /* @__PURE__ */ lt('<g fill="currentColor" transform="translate(50 50)"><circle cy="-30" r="5"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="21.21" cy="-21.21" r="5" opacity=".875"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="30" r="5" opacity=".75"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="21.21" cy="21.21" r="5" opacity=".625"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cy="30" r="5" opacity=".5"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="-21.21" cy="21.21" r="5" opacity=".375"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="-30" r="5" opacity=".25"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="-21.21" cy="-21.21" r="5" opacity=".125"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle></g>', 1), Vo = [
-  Bo
+}, Vn = /* @__PURE__ */ ot('<g fill="currentColor" transform="translate(50 50)"><circle cy="-30" r="5"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="21.21" cy="-21.21" r="5" opacity=".875"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="30" r="5" opacity=".75"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="21.21" cy="21.21" r="5" opacity=".625"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cy="30" r="5" opacity=".5"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="-21.21" cy="21.21" r="5" opacity=".375"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="-30" r="5" opacity=".25"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="-21.21" cy="-21.21" r="5" opacity=".125"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle></g>', 1), Bn = [
+  Vn
 ];
-function So(t, a) {
-  return r(), u("svg", Do, [...Vo]);
+function Sn(t, a) {
+  return r(), u("svg", Dn, [...Bn]);
 }
-const To = { render: So }, Oo = {
+const Tn = { render: Sn }, On = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "currentColor",
   viewBox: "0 0 32 32"
-}, Ho = /* @__PURE__ */ c("path", { d: "m2 12 14 12 14-12-2-2-12 10L4 10Z" }, null, -1), Io = [
-  Ho
+}, Hn = /* @__PURE__ */ c("path", { d: "m2 12 14 12 14-12-2-2-12 10L4 10Z" }, null, -1), In = [
+  Hn
 ];
-function Po(t, a) {
-  return r(), u("svg", Oo, [...Io]);
+function Pn(t, a) {
+  return r(), u("svg", On, [...In]);
 }
-const zo = { render: Po }, Ao = {
+const zn = { render: Pn }, An = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 36 32"
-}, Ro = /* @__PURE__ */ c("path", { d: "M7 4H1c-.55 0-1 .45-1 1v22c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1m-1 6H2V8h4zM17 4h-6c-.55 0-1 .45-1 1v22c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1m-1 6h-4V8h4z" }, null, -1), Eo = /* @__PURE__ */ c("path", { d: "m23.909 5.546-5.358 2.7a1.003 1.003 0 0 0-.443 1.343l8.999 17.861c.247.491.852.691 1.343.443l5.358-2.7c.491-.247.691-.852.443-1.343L25.252 5.989a1.003 1.003 0 0 0-1.343-.443" }, null, -1), Fo = [
-  Ro,
-  Eo
+}, Rn = /* @__PURE__ */ c("path", { d: "M7 4H1c-.55 0-1 .45-1 1v22c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1m-1 6H2V8h4zM17 4h-6c-.55 0-1 .45-1 1v22c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1m-1 6h-4V8h4z" }, null, -1), En = /* @__PURE__ */ c("path", { d: "m23.909 5.546-5.358 2.7a1.003 1.003 0 0 0-.443 1.343l8.999 17.861c.247.491.852.691 1.343.443l5.358-2.7c.491-.247.691-.852.443-1.343L25.252 5.989a1.003 1.003 0 0 0-1.343-.443" }, null, -1), Fn = [
+  Rn,
+  En
 ];
-function Wo(t, a) {
-  return r(), u("svg", Ao, [...Fo]);
+function Wn(t, a) {
+  return r(), u("svg", An, [...Fn]);
 }
-const Lo = { render: Wo }, Yo = {
+const Ln = { render: Wn }, Yn = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
-}, jo = /* @__PURE__ */ c("path", { d: "M30 0h2v23c0 2.761-3.134 5-7 5s-7-2.239-7-5 3.134-5 7-5c1.959 0 3.729.575 5 1.501V8l-16 3.556V27c0 2.761-3.134 5-7 5s-7-2.239-7-5 3.134-5 7-5c1.959 0 3.729.575 5 1.501V4z" }, null, -1), Uo = [
-  jo
+}, jn = /* @__PURE__ */ c("path", { d: "M30 0h2v23c0 2.761-3.134 5-7 5s-7-2.239-7-5 3.134-5 7-5c1.959 0 3.729.575 5 1.501V8l-16 3.556V27c0 2.761-3.134 5-7 5s-7-2.239-7-5 3.134-5 7-5c1.959 0 3.729.575 5 1.501V4z" }, null, -1), Un = [
+  jn
 ];
-function qo(t, a) {
-  return r(), u("svg", Yo, [...Uo]);
+function qn(t, a) {
+  return r(), u("svg", Yn, [...Un]);
 }
-const Go = { render: qo }, Jo = {
+const Gn = { render: qn }, Jn = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
-}, Xo = /* @__PURE__ */ c("path", { d: "m12 12 10 7-10 7z" }, null, -1), Qo = /* @__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), Ko = [
-  Xo,
-  Qo
+}, Xn = /* @__PURE__ */ c("path", { d: "m12 12 10 7-10 7z" }, null, -1), Qn = /* @__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), Kn = [
+  Xn,
+  Qn
 ];
-function Zo(t, a) {
-  return r(), u("svg", Jo, [...Ko]);
+function Zn(t, a) {
+  return r(), u("svg", Jn, [...Kn]);
 }
-const en = { render: Zo }, tn = {
+const eo = { render: Zn }, to = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
-}, an = /* @__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), on = [
-  an
+}, ao = /* @__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), no = [
+  ao
 ];
-function nn(t, a) {
-  return r(), u("svg", tn, [...on]);
+function oo(t, a) {
+  return r(), u("svg", to, [...no]);
 }
-const ln = { render: nn }, sn = {
+const lo = { render: oo }, so = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
-}, rn = /* @__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), cn = /* @__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), un = [
-  rn,
-  cn
+}, ro = /* @__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), io = /* @__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), co = [
+  ro,
+  io
 ];
-function dn(t, a) {
-  return r(), u("svg", sn, [...un]);
+function uo(t, a) {
+  return r(), u("svg", so, [...co]);
 }
-const pn = { render: dn }, hn = { viewBox: "0 0 32 32" }, mn = /* @__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), _n = [
-  mn
+const po = { render: uo }, ho = { viewBox: "0 0 32 32" }, mo = /* @__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), _o = [
+  mo
 ];
-function vn(t, a) {
-  return r(), u("svg", hn, [..._n]);
+function vo(t, a) {
+  return r(), u("svg", ho, [..._o]);
 }
-const fn = { render: vn }, yn = { viewBox: "0 0 32 32" }, gn = /* @__PURE__ */ c("path", { d: "M18 14h13l-5-5 6-6-3-3-6 6-5-5zM18 18v13l5-5 6 6 3-3-6-6 5-5zM14 18H1l5 5-6 6 3 3 6-6 5 5zM14 14V1L9 6 3 0 0 3l6 6-5 5z" }, null, -1), bn = [
-  gn
+const fo = { render: vo }, yo = { viewBox: "0 0 32 32" }, go = /* @__PURE__ */ c("path", { d: "M18 14h13l-5-5 6-6-3-3-6 6-5-5zM18 18v13l5-5 6 6 3-3-6-6 5-5zM14 18H1l5 5-6 6 3 3 6-6 5 5zM14 14V1L9 6 3 0 0 3l6 6-5 5z" }, null, -1), bo = [
+  go
 ];
-function $n(t, a) {
-  return r(), u("svg", yn, [...bn]);
+function $o(t, a) {
+  return r(), u("svg", yo, [...bo]);
 }
-const kn = { render: $n }, wn = { viewBox: "0 0 32 32" }, xn = /* @__PURE__ */ c("path", { d: "M32 12H20l4.485-4.485C22.218 5.249 19.205 4 16 4S9.781 5.248 7.515 7.515 4 12.795 4 16s1.248 6.219 3.515 8.485S12.795 28 16 28s6.219-1.248 8.485-3.515q.283-.284.546-.583l3.01 2.634A15.96 15.96 0 0 1 16 32C7.163 32 0 24.837 0 16S7.163 0 16 0c4.418 0 8.418 1.791 11.313 4.687L32 0z" }, null, -1), Mn = [
-  xn
+const ko = { render: $o }, wo = { viewBox: "0 0 32 32" }, xo = /* @__PURE__ */ c("path", { d: "M32 12H20l4.485-4.485C22.218 5.249 19.205 4 16 4S9.781 5.248 7.515 7.515 4 12.795 4 16s1.248 6.219 3.515 8.485S12.795 28 16 28s6.219-1.248 8.485-3.515q.283-.284.546-.583l3.01 2.634A15.96 15.96 0 0 1 16 32C7.163 32 0 24.837 0 16S7.163 0 16 0c4.418 0 8.418 1.791 11.313 4.687L32 0z" }, null, -1), Mo = [
+  xo
 ];
-function Cn(t, a) {
-  return r(), u("svg", wn, [...Mn]);
+function Co(t, a) {
+  return r(), u("svg", wo, [...Mo]);
 }
-const Nn = { render: Cn }, Dn = { viewBox: "0 0 32 32" }, Bn = /* @__PURE__ */ c("path", { d: "M0 12h12L7.515 7.515C9.782 5.249 12.795 4 16 4s6.219 1.248 8.485 3.515S28 12.795 28 16s-1.248 6.219-3.515 8.485S19.205 28 16 28s-6.219-1.248-8.485-3.515a13 13 0 0 1-.546-.583l-3.01 2.634A15.96 15.96 0 0 0 16 32c8.837 0 16-7.163 16-16S24.837 0 16 0A15.95 15.95 0 0 0 4.687 4.687L0 0z" }, null, -1), Vn = [
-  Bn
+const No = { render: Co }, Do = { viewBox: "0 0 32 32" }, Vo = /* @__PURE__ */ c("path", { d: "M0 12h12L7.515 7.515C9.782 5.249 12.795 4 16 4s6.219 1.248 8.485 3.515S28 12.795 28 16s-1.248 6.219-3.515 8.485S19.205 28 16 28s-6.219-1.248-8.485-3.515a13 13 0 0 1-.546-.583l-3.01 2.634A15.96 15.96 0 0 0 16 32c8.837 0 16-7.163 16-16S24.837 0 16 0A15.95 15.95 0 0 0 4.687 4.687L0 0z" }, null, -1), Bo = [
+  Vo
 ];
-function Sn(t, a) {
-  return r(), u("svg", Dn, [...Vn]);
+function So(t, a) {
+  return r(), u("svg", Do, [...Bo]);
 }
-const Tn = { render: Sn }, On = { viewBox: "0 0 32 32" }, Hn = /* @__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 16m2-14h-4v4H6v4h4v4h4v-4h4v-4h-4z" }, null, -1), In = [
-  Hn
+const To = { render: So }, Oo = { viewBox: "0 0 32 32" }, Ho = /* @__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 16m2-14h-4v4H6v4h4v4h4v-4h4v-4h-4z" }, null, -1), Io = [
+  Ho
 ];
-function Pn(t, a) {
-  return r(), u("svg", On, [...In]);
+function Po(t, a) {
+  return r(), u("svg", Oo, [...Io]);
 }
-const zn = { render: Pn }, An = { viewBox: "0 0 32 32" }, Rn = /* @__PURE__ */ c("path", { d: "m31.008 27.231-7.58-6.447c-.784-.705-1.622-1.029-2.299-.998a11.95 11.95 0 0 0 2.87-7.787c0-6.627-5.373-12-12-12s-12 5.373-12 12 5.373 12 12 12c2.972 0 5.691-1.081 7.787-2.87-.031.677.293 1.515.998 2.299l6.447 7.58c1.104 1.226 2.907 1.33 4.007.23s.997-2.903-.23-4.007M12 20a8 8 0 1 1 0-16 8 8 0 0 1 0 16M6 10h12v4H6z" }, null, -1), En = [
-  Rn
+const zo = { render: Po }, Ao = { viewBox: "0 0 32 32" }, Ro = /* @__PURE__ */ c("path", { d: "m31.008 27.231-7.58-6.447c-.784-.705-1.622-1.029-2.299-.998a11.95 11.95 0 0 0 2.87-7.787c0-6.627-5.373-12-12-12s-12 5.373-12 12 5.373 12 12 12c2.972 0 5.691-1.081 7.787-2.87-.031.677.293 1.515.998 2.299l6.447 7.58c1.104 1.226 2.907 1.33 4.007.23s.997-2.903-.23-4.007M12 20a8 8 0 1 1 0-16 8 8 0 0 1 0 16M6 10h12v4H6z" }, null, -1), Eo = [
+  Ro
 ];
-function Fn(t, a) {
-  return r(), u("svg", An, [...En]);
+function Fo(t, a) {
+  return r(), u("svg", Ao, [...Eo]);
 }
-const Wn = { render: Fn }, Ln = { viewBox: "0 0 32 32" }, Yn = /* @__PURE__ */ c("path", { d: "M20.586 23.414 14 16.828V8h4v7.172l5.414 5.414zM16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16S24.837 0 16 0m0 28C9.373 28 4 22.627 4 16S9.373 4 16 4s12 5.373 12 12-5.373 12-12 12" }, null, -1), jn = [
-  Yn
+const Wo = { render: Fo }, Lo = { viewBox: "0 0 32 32" }, Yo = /* @__PURE__ */ c("path", { d: "M20.586 23.414 14 16.828V8h4v7.172l5.414 5.414zM16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16S24.837 0 16 0m0 28C9.373 28 4 22.627 4 16S9.373 4 16 4s12 5.373 12 12-5.373 12-12 12" }, null, -1), jo = [
+  Yo
 ];
-function Un(t, a) {
-  return r(), u("svg", Ln, [...jn]);
+function Uo(t, a) {
+  return r(), u("svg", Lo, [...jo]);
 }
-const qn = { render: Un }, Gn = {
+const qo = { render: Uo }, Go = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
-}, Jn = /* @__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), Xn = [
-  Jn
+}, Jo = /* @__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), Xo = [
+  Jo
 ];
-function Qn(t, a) {
-  return r(), u("svg", Gn, [...Xn]);
+function Qo(t, a) {
+  return r(), u("svg", Go, [...Xo]);
 }
-const Kn = { render: Qn }, Zn = {
+const Ko = { render: Qo }, Zo = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "currentColor",
   viewBox: "0 0 32 32"
@@ -1770,16 +1913,16 @@ const Kn = { render: Qn }, Zn = {
   el
 ];
 function al(t, a) {
-  return r(), u("svg", Zn, [...tl]);
+  return r(), u("svg", Zo, [...tl]);
 }
-const ol = { render: al }, nl = {
+const nl = { render: al }, ol = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 }, ll = /* @__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), sl = [
   ll
 ];
 function rl(t, a) {
-  return r(), u("svg", nl, [...sl]);
+  return r(), u("svg", ol, [...sl]);
 }
 const il = { render: rl }, cl = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -1814,27 +1957,27 @@ function xl(t, a) {
 }
 const Ml = { render: xl }, Cl = {
   [W.eye]: Za,
-  [W["eye-blocked"]]: lo,
-  [W.success]: uo,
-  [W.error]: fo,
-  [W.plus]: ko,
-  [W.minus]: No,
-  [W.loader]: To,
-  [W["chevron-down"]]: zo,
-  [W.archive]: Lo,
-  [W.audio]: Go,
-  [W.video]: en,
-  [W.time]: qn,
-  [W.doc]: ln,
-  [W.image]: pn,
-  [W.enlarge]: fn,
-  [W.shrink]: kn,
-  [W["rotate-right"]]: Nn,
-  [W["rotate-left"]]: Tn,
-  [W["zoom-in"]]: zn,
-  [W["zoom-out"]]: Wn,
-  [W["triangle-down"]]: ol,
-  [W.calendar]: Kn,
+  [W["eye-blocked"]]: ln,
+  [W.success]: dn,
+  [W.error]: fn,
+  [W.plus]: kn,
+  [W.minus]: Nn,
+  [W.loader]: Tn,
+  [W["chevron-down"]]: zn,
+  [W.archive]: Ln,
+  [W.audio]: Gn,
+  [W.video]: eo,
+  [W.time]: qo,
+  [W.doc]: lo,
+  [W.image]: po,
+  [W.enlarge]: fo,
+  [W.shrink]: ko,
+  [W["rotate-right"]]: No,
+  [W["rotate-left"]]: To,
+  [W["zoom-in"]]: zo,
+  [W["zoom-out"]]: Wo,
+  [W["triangle-down"]]: nl,
+  [W.calendar]: Ko,
   [W["chevron-double-down"]]: il,
   [W.cross]: hl,
   [W.info]: gl,
@@ -1845,7 +1988,7 @@ const Ml = { render: xl }, Cl = {
 }, Dl = {
   key: 1,
   class: "nmorph-icon__as-image"
-}, Bl = ["src"], I = /* @__PURE__ */ O({
+}, Vl = ["src"], I = /* @__PURE__ */ O({
   __name: "NmorphIcon",
   props: {
     name: { default: void 0 },
@@ -1855,33 +1998,128 @@ const Ml = { render: xl }, Cl = {
     path: { default: void 0 }
   },
   setup(t) {
-    K((o) => ({
-      b0c13c16: n.value.width,
-      "327de2d8": n.value.height
+    K((n) => ({
+      "607961b3": o.value.width,
+      d6384a4c: o.value.height
     }));
     const a = t, e = p(
-      () => V({
+      () => B({
         "nmorph-icon": [
           `${!a.width && !a.height && a.size}`,
           `${a.width && "custom-width"}`,
           `${a.height && "custom-height"}`
         ]
       })
-    ), n = p(() => ({ width: a.width, height: a.height }));
-    return (o, l) => (r(), u("div", {
+    ), o = p(() => ({ width: a.width, height: a.height }));
+    return (n, l) => (r(), u("div", {
       class: M(e.value)
     }, [
       a.name ? (r(), u("div", Nl, [
-        (r(), z(st(f(Cl)[a.name])))
+        (r(), z(lt(f(Cl)[a.name])))
       ])) : a.path ? (r(), u("div", Dl, [
         c("img", {
           src: a.path
-        }, null, 8, Bl)
-      ])) : S(o.$slots, "default", { key: 2 })
+        }, null, 8, Vl)
+      ])) : S(n.$slots, "default", { key: 2 })
+    ], 2));
+  }
+});
+const Bl = { class: "nmorph-autocomplete__input-content" }, Sl = {
+  key: 0,
+  class: "nmorph-autocomplete__loading"
+}, Tl = {
+  key: 1,
+  class: "nmorph-autocomplete__list"
+}, Ol = ["onClick"], Hl = /* @__PURE__ */ O({
+  __name: "NmorphAutocomplete",
+  props: {
+    modelValue: { default: "" },
+    placeholder: { default: "Please input" },
+    clearable: { type: Boolean, default: !0 },
+    list: { default: () => [] },
+    actionCallback: { type: Function, default: void 0 },
+    height: { default: "default" },
+    fill: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "select"],
+  setup(t, { emit: a }) {
+    const e = t, o = b(e.modelValue), n = a, l = p(
+      () => B({
+        "nmorph-autocomplete": []
+      })
+    ), i = (m) => {
+      o.value = m, n("update:modelValue", o.value);
+    }, s = b(!1), d = b(null), h = () => {
+      s.value = !1;
+    }, v = p(() => e.list.filter((m) => Object.keys(m).some((_) => String(m[_]).toLowerCase().includes(o.value.toLowerCase()))));
+    q(v, (m) => {
+      s.value = m.length > 0;
+    });
+    const x = (m) => {
+      n("select", m), o.value = m.value, setTimeout(() => {
+        s.value = !1;
+      });
+    }, g = () => {
+      s.value = v.value.length > 0;
+    }, k = b(!1);
+    return q(o, async (m) => {
+      m !== "" && e.actionCallback && (k.value = !0, await e.actionCallback(), k.value = !1);
+    }), q(k, (m) => {
+      m && (s.value = !0);
+    }), (m, _) => (r(), u("div", {
+      class: M(l.value)
+    }, [
+      c("div", Bl, [
+        c("div", {
+          ref_key: "nmorphAutocompleteDOMRef",
+          ref: d,
+          class: "nmorph-autocomplete__input"
+        }, [
+          w(Pe, {
+            fill: e.fill,
+            height: e.height,
+            disabled: e.disabled,
+            "model-value": o.value,
+            placeholder: e.placeholder,
+            clearable: e.clearable,
+            onFocus: g,
+            "onUpdate:modelValue": i
+          }, null, 8, ["fill", "height", "disabled", "model-value", "placeholder", "clearable"])
+        ], 512)
+      ]),
+      d.value ? (r(), z(ne, {
+        key: 0,
+        open: s.value,
+        "relative-element": d.value,
+        onOnOutsideClick: h
+      }, {
+        default: P(() => [
+          k.value ? (r(), u("div", Sl, [
+            S(m.$slots, "loader", {}, () => [
+              w(I, {
+                name: "loader",
+                size: "large"
+              })
+            ])
+          ])) : (r(), u("div", Tl, [
+            (r(!0), u(L, null, Y(v.value, ($, y) => (r(), u("div", {
+              key: y,
+              class: "nmorph-autocomplete__list-item",
+              onClick: () => x($)
+            }, [
+              S(m.$slots, "default", { scope: $ }, () => [
+                ee(A($.value), 1)
+              ])
+            ], 8, Ol))), 128))
+          ]))
+        ]),
+        _: 3
+      }, 8, ["open", "relative-element"])) : H("", !0)
     ], 2));
   }
 });
-const Vl = ["disabled", "loading", "type"], Sl = { key: 0 }, E = /* @__PURE__ */ O({
+const Il = ["disabled", "loading", "type"], Pl = { key: 0 }, E = /* @__PURE__ */ O({
   __name: "NmorphButton",
   props: {
     type: { default: "button" },
@@ -1896,8 +2134,8 @@ const Vl = ["disabled", "loading", "type"], Sl = { key: 0 }, E = /* @__PURE__ */
   },
   emits: ["click"],
   setup(t, { emit: a }) {
-    const e = t, n = p(
-      () => V({
+    const e = t, o = p(
+      () => B({
         nmorph: [te[e.height], `${e.fill && "fill"}`],
         "nmorph-button": [
           e.styleType,
@@ -1906,60 +2144,60 @@ const Vl = ["disabled", "loading", "type"], Sl = { key: 0 }, E = /* @__PURE__ */
           `${e.ripple && "ripple"}`
         ]
       })
-    ), o = a, l = {
+    ), n = a, l = {
       thin: "small",
       default: "medium",
       thick: "large"
     }, i = p(() => l[e.height]);
     return (s, d) => (r(), u("div", {
-      class: M(n.value)
+      class: M(o.value)
     }, [
       c("button", {
         class: "nmorph-button__content",
         disabled: e.disabled,
         loading: e.loading,
         type: e.type,
-        onClick: d[0] || (d[0] = (h) => o("click"))
+        onClick: d[0] || (d[0] = (h) => n("click"))
       }, [
         S(s.$slots, "default"),
-        !e.loading && e.text !== "" ? (r(), u("span", Sl, A(e.text), 1)) : H("", !0),
+        !e.loading && e.text !== "" ? (r(), u("span", Pl, A(e.text), 1)) : H("", !0),
         e.loading ? (r(), z(f(I), {
           key: 1,
           name: "loader",
           size: i.value
         }, null, 8, ["size"])) : H("", !0),
         S(s.$slots, "append")
-      ], 8, Vl)
+      ], 8, Il)
     ], 2));
   }
 });
-const Tl = { class: "nmorph-card__header" }, Ol = { class: "nmorph-card__content" }, Hl = { class: "nmorph-card__footer" }, Il = /* @__PURE__ */ O({
+const zl = { class: "nmorph-card__header" }, Al = { class: "nmorph-card__content" }, Rl = { class: "nmorph-card__footer" }, El = /* @__PURE__ */ O({
   __name: "NmorphCard",
   props: {
     shadowType: { default: He.outset }
   },
   setup(t) {
     const a = t, e = p(
-      () => V({
+      () => B({
         "nmorph-card": [a.shadowType]
       })
     );
-    return (n, o) => (r(), u("div", {
+    return (o, n) => (r(), u("div", {
       class: M(e.value)
     }, [
-      c("div", Tl, [
-        S(n.$slots, "header")
+      c("div", zl, [
+        S(o.$slots, "header")
       ]),
-      c("div", Ol, [
-        S(n.$slots, "default")
+      c("div", Al, [
+        S(o.$slots, "default")
       ]),
-      c("div", Hl, [
-        S(n.$slots, "footer")
+      c("div", Rl, [
+        S(o.$slots, "footer")
       ])
     ], 2));
   }
 });
-const Pl = ["href", "target"], zl = /* @__PURE__ */ O({
+const Fl = ["href", "target"], Wl = /* @__PURE__ */ O({
   __name: "NmorphLink",
   props: {
     color: { default: Ie.accent },
@@ -1968,136 +2206,39 @@ const Pl = ["href", "target"], zl = /* @__PURE__ */ O({
     text: { default: "" },
     iconName: { default: "" },
     target: { default: "self" },
-    disabled: { type: Boolean, default: !1 }
-  },
-  setup(t) {
-    const a = t, e = p(
-      () => V({
-        "nmorph-link": [a.color, `${a.underline && "underline"}`, `${a.disabled && "disabled"}`]
-      })
-    );
-    return (n, o) => (r(), u("div", {
-      class: M(e.value)
-    }, [
-      c("a", {
-        href: a.href,
-        target: a.target
-      }, [
-        S(n.$slots, "prepend"),
-        ee(" " + A(n.text) + " ", 1),
-        n.iconName ? (r(), z(f(I), {
-          key: 0,
-          class: "nmorph-link__icon",
-          name: a.iconName,
-          width: "10px",
-          height: "10px"
-        }, null, 8, ["name"])) : H("", !0),
-        S(n.$slots, "default")
-      ], 8, Pl)
-    ], 2));
-  }
-});
-const Ve = (t) => {
-  const { inputValue: a, rules: e } = t, n = b([]), o = p(() => n.value.length === 0), l = b(!1);
-  return {
-    touched: l,
-    valid: o,
-    errors: n,
-    validate: () => {
-      if (a === null || !e.length)
-        return null;
-      const s = a, d = (m) => e.length > 0 && m in e[0], h = typeof s == "string" && d("pattern"), v = typeof s == "number" && d("numberCompareType"), x = typeof s == "string" || typeof s == "boolean" && d("booleanCompareType"), g = Array.isArray(s) && d("arrayCompareType");
-      if (!v && !h && !x && !g)
-        return console.warn("The input value and the provided rules do not match"), null;
-      if (l.value || (l.value = !0), h) {
-        const m = e;
-        n.value = m.reduce((_, $) => (s.match($.pattern) || _.push($.error), _), []);
-      }
-      if (v) {
-        const m = ($, y, D) => {
-          switch (D) {
-            case "eq":
-              return $ === y;
-            case "gt":
-              return $ > y;
-            case "lt":
-              return $ < y;
-            case "lte":
-              return $ <= y;
-            case "gte":
-              return $ >= y;
-          }
-        }, _ = e;
-        n.value = _.reduce(($, y) => (m(s, y.compareValue, y.numberCompareType) && $.push(y.error), $), []);
-      }
-      if (x) {
-        const m = e;
-        n.value = m.reduce((_, $) => {
-          let y = !1;
-          const { compareValue: D, booleanCompareType: N } = $;
-          return N === "not-eq" && (y = s === D), N === "eq" && (y = s !== D), y || _.push($.error), _;
-        }, []);
-      }
-      if (g) {
-        const m = e, _ = ($, y, D) => {
-          switch (D) {
-            case "contains-one":
-              return $.some((B) => y.includes(B));
-            case "full-eq":
-              if ($.length !== y.length)
-                return !1;
-              const N = [...$].sort(), T = [...y].sort();
-              return N.every((B, C) => B === T[C]);
-            case "not-contains":
-              return !$.some((B) => y.includes(B));
-          }
-        };
-        n.value = m.reduce(($, y) => (_(s, y.compareValue, y.arrayCompareType) || $.push(y.error), $), []);
-      }
-    }
-  };
-}, Al = (t, a = !1) => {
-  const e = ne({}), n = ne(Me(t)), o = () => {
-    Object.entries(t).forEach(([s, d]) => {
-      e[s] = Ve({ inputValue: d.value, rules: d.rules }), e[s].validate();
-    });
-  }, l = (s, d) => Object.keys(d).filter((v) => {
-    const x = s[v] ? JSON.stringify(s[v]) : null, g = JSON.stringify(d[v]);
-    return x !== g;
-  });
-  return q(t, (s) => {
-    l(n, s).forEach((h) => {
-      const v = s[h];
-      e[h] = Ve({ inputValue: v.value, rules: v.rules }), e[h].validate();
-    }), Object.assign(n, Me(s));
-  }, { deep: !0 }), a && o(), {
-    fields: e
-  };
-}, Le = (t) => {
-  const { initialPlacement: a, relativeElement: e, contentDOMElement: n, yOffset: o = 0, xOffset: l = 0 } = t, i = b(a), s = b({ x: "0px", y: "0px" });
-  j(() => {
-    d();
-  });
-  const d = () => {
-    Se(() => {
-      if (!n.value || !e) {
-        console.warn("There is no relative element or content DOM element");
-        return;
-      }
-      const h = n.value.getBoundingClientRect(), v = h.width, x = h.height, g = "value" in e ? e.value : e;
-      if (!g) {
-        console.warn("Relative element is not an HTMLElement");
-        return;
-      }
-      const k = g.getBoundingClientRect(), { x: m, y: _ } = k, $ = k.width, y = k.height, D = window.innerWidth, N = window.innerHeight;
-      i.value === "top" && _ - x < 0 && (i.value = "bottom"), i.value === "bottom" && _ + y + x > N && (i.value = "top"), i.value === "left" && m - v < 0 && (i.value = "right"), i.value === "right" && m + $ + v > D && (i.value = "left"), i.value === "top" && (s.value = { x: `${m + l}px`, y: `${_ + o}px` }), i.value === "bottom" && (s.value = { x: `${m + l}px`, y: `${_ + y + o}px` }), i.value === "right" && (s.value = { x: `${m + l}px`, y: `${_ + o}px` }), i.value === "left" && (s.value = { x: `${m + $ + l}px`, y: `${_ + o}px` });
-    });
-  };
-  return { placement: i, placementCoords: s };
-}, Rl = { class: "nmorph-tooltip__shadow-content" }, El = /* @__PURE__ */ c("div", { class: "nmorph-tooltip__triangle" }, null, -1), Fl = {
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(t) {
+    const a = t, e = p(
+      () => B({
+        "nmorph-link": [a.color, `${a.underline && "underline"}`, `${a.disabled && "disabled"}`]
+      })
+    );
+    return (o, n) => (r(), u("div", {
+      class: M(e.value)
+    }, [
+      c("a", {
+        href: a.href,
+        target: a.target
+      }, [
+        S(o.$slots, "prepend"),
+        ee(" " + A(o.text) + " ", 1),
+        o.iconName ? (r(), z(f(I), {
+          key: 0,
+          class: "nmorph-link__icon",
+          name: a.iconName,
+          width: "10px",
+          height: "10px"
+        }, null, 8, ["name"])) : H("", !0),
+        S(o.$slots, "default")
+      ], 8, Fl)
+    ], 2));
+  }
+});
+const Ll = { class: "nmorph-tooltip__shadow-content" }, Yl = /* @__PURE__ */ c("div", { class: "nmorph-tooltip__triangle" }, null, -1), jl = {
   key: 0,
   class: "nmorph-tooltip__info-content"
-}, Wl = { class: "nmorph-tooltip__shadow-content" }, Ll = /* @__PURE__ */ c("div", { class: "nmorph-tooltip__triangle" }, null, -1), Yl = { key: 0 }, Ye = /* @__PURE__ */ O({
+}, Ul = { class: "nmorph-tooltip__shadow-content" }, ql = /* @__PURE__ */ c("div", { class: "nmorph-tooltip__triangle" }, null, -1), Gl = { key: 0 }, Ye = /* @__PURE__ */ O({
   __name: "NmorphTooltip",
   props: {
     text: { default: "" },
@@ -2107,14 +2248,14 @@ const Ve = (t) => {
   },
   setup(t) {
     K((v) => ({
-      "1703f13c": h.value
+      "48620e5c": h.value
     }));
-    const a = t, e = b(a.forceShow), n = b(null), o = b(null), { placement: l } = Le({
+    const a = t, e = b(a.forceShow), o = b(null), n = b(null), { placement: l } = Le({
       initialPlacement: "top",
-      contentDOMElement: n,
-      relativeElement: o
+      contentDOMElement: o,
+      relativeElement: n
     }), i = p(
-      () => V({
+      () => B({
         "nmorph-tooltip": [l.value]
       })
     ), s = () => {
@@ -2127,14 +2268,14 @@ const Ve = (t) => {
     }, [
       c("div", {
         ref_key: "tooltipDOMRef",
-        ref: n,
+        ref: o,
         class: "nmorph-tooltip__content",
         onMouseenter: s,
         onMouseleave: d
       }, [
         c("div", {
           ref_key: "slotDOMRef",
-          ref: o
+          ref: n
         }, [
           S(v.$slots, "default")
         ], 512),
@@ -2149,8 +2290,8 @@ const Ve = (t) => {
               class: "nmorph-tooltip__info-content",
               style: Z({ left: v.forceCoordinate?.x, bottom: v.forceCoordinate?.y })
             }, [
-              c("div", Rl, [
-                El,
+              c("div", Ll, [
+                Yl,
                 c("span", null, A(v.text), 1)
               ])
             ], 4)) : H("", !0)
@@ -2162,10 +2303,10 @@ const Ve = (t) => {
           tag: "div"
         }, {
           default: P(() => [
-            e.value ? (r(), u("div", Fl, [
-              c("div", Wl, [
-                Ll,
-                a.text ? (r(), u("span", Yl, A(v.text), 1)) : S(v.$slots, "content", { key: 1 })
+            e.value ? (r(), u("div", jl, [
+              c("div", Ul, [
+                ql,
+                a.text ? (r(), u("span", Gl, A(v.text), 1)) : S(v.$slots, "content", { key: 1 })
               ])
             ])) : H("", !0)
           ]),
@@ -2175,7 +2316,7 @@ const Ve = (t) => {
     ], 2));
   }
 });
-const jl = { class: "nmorph-tag__content" }, je = /* @__PURE__ */ O({
+const Jl = { class: "nmorph-tag__content" }, je = /* @__PURE__ */ O({
   __name: "NmorphTag",
   props: {
     value: {},
@@ -2186,18 +2327,18 @@ const jl = { class: "nmorph-tag__content" }, je = /* @__PURE__ */ O({
   },
   emits: ["close"],
   setup(t, { emit: a }) {
-    const e = t, n = p(
-      () => V({
+    const e = t, o = p(
+      () => B({
         nmorph: [te[e.height]],
         "nmorph-tag": [`${e.transparent && "transparent"}`]
       })
-    ), o = a, l = () => {
-      o("close", e.value);
+    ), n = a, l = () => {
+      n("close", e.value);
     };
     return (i, s) => (r(), u("div", {
-      class: M(n.value)
+      class: M(o.value)
     }, [
-      c("div", jl, [
+      c("div", Jl, [
         c("span", null, A(i.text), 1),
         e.removable ? (r(), z(f(I), {
           key: 0,
@@ -2218,20 +2359,20 @@ const pe = /* @__PURE__ */ O({
   },
   emits: ["on-outside-click"],
   setup(t, { emit: a }) {
-    const e = t, n = p(
-      () => V({
+    const e = t, o = p(
+      () => B({
         "nmorph-overlay": [
           `${e.outsideClickEmitEvent && "outside-click"}`,
           `${e.show && "show"}`,
           `${e.transparent && "transparent"}`
         ]
       })
-    ), o = () => {
+    ), n = () => {
       l("on-outside-click");
     }, l = a;
     return (i, s) => (r(), u("div", {
-      class: M(n.value),
-      onClick: ae(o, ["stop"])
+      class: M(o.value),
+      onClick: ae(n, ["stop"])
     }, [
       c("div", {
         class: "nmorph-overlay__slot",
@@ -2243,10 +2384,10 @@ const pe = /* @__PURE__ */ O({
     ], 2));
   }
 });
-const Ul = ["src", "alt", "srcset"], ql = {
+const Xl = ["src", "alt", "srcset"], Ql = {
   key: 0,
   class: "nmorph-image__loading"
-}, Gl = {
+}, Kl = {
   key: 1,
   class: "nmorph-image__load-failed"
 }, fe = /* @__PURE__ */ O({
@@ -2261,14 +2402,14 @@ const Ul = ["src", "alt", "srcset"], ql = {
   },
   setup(t) {
     K((d) => ({
-      eb45007c: s.value
+      "064be38a": s.value
     }));
-    const a = t, e = b(!1), n = b(!1), o = () => {
+    const a = t, e = b(!1), o = b(!1), n = () => {
       e.value = !0;
     }, l = () => {
-      e.value = !0, n.value = !0;
+      e.value = !0, o.value = !0;
     }, i = p(
-      () => V({
+      () => B({
         "nmorph-image": []
       })
     ), s = p(() => a.fit);
@@ -2279,15 +2420,15 @@ const Ul = ["src", "alt", "srcset"], ql = {
         src: a.src,
         alt: a.alt,
         srcset: a.srcset,
-        onLoad: o,
+        onLoad: n,
         onError: l
-      }, null, 40, Ul),
-      e.value ? H("", !0) : (r(), u("div", ql, [
+      }, null, 40, Xl),
+      e.value ? H("", !0) : (r(), u("div", Ql, [
         S(d.$slots, "loading", {}, () => [
           ee(A(a.loadingText), 1)
         ])
       ])),
-      e.value && n.value ? (r(), u("div", Gl, [
+      e.value && o.value ? (r(), u("div", Kl, [
         S(d.$slots, "error", {}, () => [
           ee(A(a.loadFailedText), 1)
         ])
@@ -2295,13 +2436,13 @@ const Ul = ["src", "alt", "srcset"], ql = {
     ], 2));
   }
 });
-const Jl = { class: "nmorph-image-preview__content" }, Xl = {
+const Zl = { class: "nmorph-image-preview__content" }, es = {
   key: 0,
   class: "nmorph-image-preview__left"
-}, Ql = {
+}, ts = {
   key: 1,
   class: "nmorph-image-preview__right"
-}, Kl = { class: "nmorph-image-preview__actions" }, Zl = { class: "nmorph-image-preview__action-element" }, Ue = /* @__PURE__ */ O({
+}, as = { class: "nmorph-image-preview__actions" }, ns = { class: "nmorph-image-preview__action-element" }, Ue = /* @__PURE__ */ O({
   __name: "NmorphImagePreview",
   props: {
     show: { type: Boolean, default: !1 },
@@ -2314,14 +2455,14 @@ const Jl = { class: "nmorph-image-preview__content" }, Xl = {
   },
   emits: ["on-close", "on-open"],
   setup(t, { emit: a }) {
-    const e = t, n = b(e.show), o = p(
-      () => V({
-        "nmorph-image-preview": [`${n.value && "opened"}`]
+    const e = t, o = b(e.show), n = p(
+      () => B({
+        "nmorph-image-preview": [`${o.value && "opened"}`]
       })
     ), l = b(e.initialIndex), i = p(() => typeof e.src == "string" ? e.src : e.src[l.value]), s = b(1), d = () => {
-      n.value = !0, C("on-open");
+      o.value = !0, C("on-open");
     }, h = () => {
-      n.value = !1, C("on-close");
+      o.value = !1, C("on-close");
     }, v = () => {
       y.value = y.value + 90, y.value >= 360 && (y.value = 0);
     }, x = () => {
@@ -2349,7 +2490,7 @@ const Jl = { class: "nmorph-image-preview__content" }, Xl = {
         icon: "enlarge",
         handler: _
       }), R;
-    }), B = [
+    }), V = [
       {
         icon: "rotate-right",
         handler: v
@@ -2368,7 +2509,7 @@ const Jl = { class: "nmorph-image-preview__content" }, Xl = {
       }
     ], C = a, F = p(() => Array.isArray(e.src) && e.src.length > 0);
     return (R, G) => (r(), u("div", {
-      class: M(o.value)
+      class: M(n.value)
     }, [
       c("div", {
         class: "nmorph-image-preview__trigger",
@@ -2381,11 +2522,11 @@ const Jl = { class: "nmorph-image-preview__content" }, Xl = {
         }, null, 8, ["src", "alt"])
       ]),
       w(f(pe), {
-        show: n.value,
+        show: o.value,
         onOnOutsideClick: h
       }, {
         default: P(() => [
-          c("div", Jl, [
+          c("div", Zl, [
             w(f(fe), {
               src: i.value,
               alt: e.alt,
@@ -2393,7 +2534,7 @@ const Jl = { class: "nmorph-image-preview__content" }, Xl = {
               style: Z({ transform: `rotate(${y.value}deg) scale(${s.value})` })
             }, null, 8, ["src", "alt", "style"])
           ]),
-          F.value ? (r(), u("div", Xl, [
+          F.value ? (r(), u("div", es, [
             w(f(E), { onClick: D }, {
               default: P(() => [
                 w(f(I), { name: "chevron-down" })
@@ -2401,7 +2542,7 @@ const Jl = { class: "nmorph-image-preview__content" }, Xl = {
               _: 1
             })
           ])) : H("", !0),
-          F.value ? (r(), u("div", Ql, [
+          F.value ? (r(), u("div", ts, [
             w(f(E), { onClick: N }, {
               default: P(() => [
                 w(f(I), { name: "chevron-down" })
@@ -2409,8 +2550,8 @@ const Jl = { class: "nmorph-image-preview__content" }, Xl = {
               _: 1
             })
           ])) : H("", !0),
-          c("div", Kl, [
-            (r(), u(L, null, Y(B, (U, Q) => c("div", {
+          c("div", as, [
+            (r(), u(L, null, Y(V, (U, Q) => c("div", {
               key: Q,
               class: "nmorph-image-preview__action-element"
             }, [
@@ -2425,7 +2566,7 @@ const Jl = { class: "nmorph-image-preview__content" }, Xl = {
                 _: 2
               }, 1032, ["onClick"])
             ])), 64)),
-            c("div", Zl, [
+            c("div", ns, [
               w(f(E), {
                 disabled: s.value === 1,
                 onClick: T.value.handler
@@ -2445,24 +2586,24 @@ const Jl = { class: "nmorph-image-preview__content" }, Xl = {
     ], 2));
   }
 });
-const es = ["id"], ts = { class: "nmorph-carousel__elements-indicator" }, as = ["onClick"], os = /* @__PURE__ */ O({
+const os = ["id"], ls = { class: "nmorph-carousel__elements-indicator" }, ss = ["onClick"], rs = /* @__PURE__ */ O({
   __name: "NmorphCarousel",
   props: {
     loop: { type: Boolean, default: !0 }
   },
   emits: ["change"],
   setup(t, { emit: a }) {
-    const e = b(0), n = () => {
+    const e = b(0), o = () => {
       e.value = e.value + 1;
-    }, o = () => {
+    }, n = () => {
       e.value = e.value - 1;
     }, l = t, i = a, s = p(
-      () => V({
+      () => B({
         "nmorph-carousel": []
       })
     ), d = b([]), h = se();
     X("carousel-data", { data: d, carouselId: h });
-    const v = b(null), x = ne({}), g = () => {
+    const v = b(null), x = oe({}), g = () => {
       const N = x[Object.keys(x).length - 1]?.cloneNode(!0), T = x[0]?.cloneNode(!0);
       v.value?.prepend(N), v.value?.append(T), e.value += 1;
     }, k = () => {
@@ -2476,8 +2617,8 @@ const es = ["id"], ts = { class: "nmorph-carousel__elements-indicator" }, as = [
       });
     });
     const m = (N, T) => {
-      const B = N;
-      x[T] = B;
+      const V = N;
+      x[T] = V;
     }, _ = p(() => `translateX(-${e.value * 100}%)`), $ = b(!0), y = (N) => N === e.value - 1, D = (N) => {
       e.value = N + 1;
     };
@@ -2490,16 +2631,16 @@ const es = ["id"], ts = { class: "nmorph-carousel__elements-indicator" }, as = [
         class: M(["nmorph-carousel__wrapper", { "transition-enabled": $.value }]),
         style: Z({ transform: _.value })
       }, [
-        (r(!0), u(L, null, Y(d.value, (B, C) => (r(), u("div", {
-          id: `nmorph-carousel-item-${f(h)}-${B}`,
-          key: B,
+        (r(!0), u(L, null, Y(d.value, (V, C) => (r(), u("div", {
+          id: `nmorph-carousel-item-${f(h)}-${V}`,
+          key: V,
           ref_for: !0,
           ref: (F) => m(F, C),
           class: "nmorph-carousel__item"
-        }, null, 8, es))), 128))
+        }, null, 8, os))), 128))
       ], 6),
-      c("div", ts, [
-        (r(!0), u(L, null, Y(d.value, (B, C) => (r(), u("div", {
+      c("div", ls, [
+        (r(!0), u(L, null, Y(d.value, (V, C) => (r(), u("div", {
           key: C,
           class: "nmorph-carousel__element-indicator-wrapper",
           onClick: (F) => D(C)
@@ -2507,17 +2648,17 @@ const es = ["id"], ts = { class: "nmorph-carousel__elements-indicator" }, as = [
           c("div", {
             class: M(["nmorph-carousel__element-indicator", { "nmorph-carousel__element-indicator--active": y(C) }])
           }, null, 2)
-        ], 8, as))), 128))
+        ], 8, ss))), 128))
       ]),
       c("div", {
         class: "nmorph-carousel__action-btn nmorph-carousel__prev",
-        onClick: n
+        onClick: o
       }, [
         w(I, { name: "chevron-down" })
       ]),
       c("div", {
         class: "nmorph-carousel__action-btn nmorph-carousel__next",
-        onClick: o
+        onClick: n
       }, [
         w(I, { name: "chevron-down" })
       ]),
@@ -2525,31 +2666,31 @@ const es = ["id"], ts = { class: "nmorph-carousel__elements-indicator" }, as = [
     ], 2));
   }
 });
-const ns = /* @__PURE__ */ O({
+const is = /* @__PURE__ */ O({
   __name: "NmorphCarouselItem",
   props: {
     name: {}
   },
   setup(t) {
     const a = t, e = p(
-      () => V({
+      () => B({
         "nmorph-carousel-item": []
       })
-    ), n = J("carousel-data"), o = b(!1);
+    ), o = J("carousel-data"), n = b(!1);
     return j(() => {
-      o.value = !0, n && n.data.value.push(a.name);
-    }), (l, i) => o.value ? (r(), u("div", {
+      n.value = !0, o && o.data.value.push(a.name);
+    }), (l, i) => n.value ? (r(), u("div", {
       key: 0,
       class: M(e.value)
     }, [
       (r(), z(le, {
-        to: `#nmorph-carousel-item-${f(n)?.carouselId}-${a.name}`
+        to: `#nmorph-carousel-item-${f(o)?.carouselId}-${a.name}`
       }, [
         S(l.$slots, "default")
       ], 8, ["to"]))
     ], 2)) : H("", !0);
   }
-}), ls = /* @__PURE__ */ O({
+}), cs = /* @__PURE__ */ O({
   __name: "NmorphErrorBox",
   props: {
     height: { default: "default" },
@@ -2557,14 +2698,14 @@ const ns = /* @__PURE__ */ O({
     staticHeight: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const a = t, e = p(() => (Array.isArray(a.errors) ? a.errors : a.errors.value).reverse()), n = p(
-      () => V({
+    const a = t, e = p(() => (Array.isArray(a.errors) ? a.errors : a.errors.value).reverse()), o = p(
+      () => B({
         nmorph: [te[a.height]],
         "nmorph-error-box": [`${a.staticHeight && "static-height"}`, `${e.value.length === 0 && "empty"}`]
       })
     );
-    return (o, l) => (r(), u("div", {
-      class: M(n.value)
+    return (n, l) => (r(), u("div", {
+      class: M(o.value)
     }, [
       w(ue, {
         name: "list",
@@ -2581,35 +2722,35 @@ const ns = /* @__PURE__ */ O({
     ], 2));
   }
 });
-const _e = "18px", ss = /* @__PURE__ */ O({
+const _e = "18px", us = /* @__PURE__ */ O({
   __name: "NmorphValidationIcon",
   props: {
     valid: { type: [Boolean, Object] },
     show: { type: [Boolean, Object], default: !0 }
   },
   setup(t) {
-    K((o) => ({
-      "254dc45d": _e
+    K((n) => ({
+      "36d30e14": _e
     }));
     const a = t, e = p(
-      () => V({
+      () => B({
         "nmorph-validation-icon": [a.valid ? "valid" : "invalid"]
       })
-    ), n = p(() => a.valid ? "success" : "error");
-    return (o, l) => (r(), u("div", {
+    ), o = p(() => a.valid ? "success" : "error");
+    return (n, l) => (r(), u("div", {
       class: M(e.value)
     }, [
-      o.show ? (r(), z(f(I), {
+      n.show ? (r(), z(f(I), {
         key: 0,
         class: "nmorph-validation-icon__content",
-        name: n.value,
+        name: o.value,
         width: _e,
         height: _e
       }, null, 8, ["name"])) : H("", !0)
     ], 2));
   }
 });
-const rs = { key: 0 }, is = { class: "nmorph-form-item__content" }, cs = /* @__PURE__ */ O({
+const ds = { key: 0 }, ps = { class: "nmorph-form-item__content" }, hs = /* @__PURE__ */ O({
   __name: "NmorphFormItem",
   props: {
     id: {},
@@ -2620,36 +2761,36 @@ const rs = { key: 0 }, is = { class: "nmorph-form-item__content" }, cs = /* @__P
     validate: { type: Boolean, default: !0 }
   },
   setup(t) {
-    const a = t, e = J("form-data"), n = p(() => e?.fields[a.id]), o = p(() => a.validate && n.value), l = p(
-      () => !!o.value && !!n?.value?.touched && a.showValidationIcon
-    ), i = p(() => o.value && n.value?.touched), s = p(
-      () => V({
+    const a = t, e = J("form-data"), o = p(() => e?.fields[a.id]), n = p(() => a.validate && o.value), l = p(
+      () => !!n.value && !!o?.value?.touched && a.showValidationIcon
+    ), i = p(() => n.value && o.value?.touched), s = p(
+      () => B({
         "nmorph-form-item": [
           `${a.label && "labeled"}`,
-          `${i.value && (n.value?.valid ? "valid" : "invalid")}`
+          `${i.value && (o.value?.valid ? "valid" : "invalid")}`
         ]
       })
     );
     return (d, h) => (r(), u("div", {
       class: M(s.value)
     }, [
-      a.label ? (r(), u("label", rs, A(a.label), 1)) : H("", !0),
-      c("div", is, [
+      a.label ? (r(), u("label", ds, A(a.label), 1)) : H("", !0),
+      c("div", ps, [
         S(d.$slots, "default"),
-        w(f(ss), {
-          valid: !!n.value?.valid,
+        w(f(us), {
+          valid: !!o.value?.valid,
           show: l.value
         }, null, 8, ["valid", "show"])
       ]),
-      w(f(ls), {
-        errors: n.value?.errors,
+      w(f(cs), {
+        errors: o.value?.errors,
         height: a.height,
         "static-height": d.staticErrorBoxSpace
       }, null, 8, ["errors", "height", "static-height"])
     ], 2));
   }
 });
-const us = { class: "nmorph-form__content" }, ds = /* @__PURE__ */ O({
+const ms = { class: "nmorph-form__content" }, _s = /* @__PURE__ */ O({
   __name: "NmorphForm",
   props: {
     value: {},
@@ -2657,17 +2798,17 @@ const us = { class: "nmorph-form__content" }, ds = /* @__PURE__ */ O({
   },
   emits: ["formValidator"],
   setup(t, { emit: a }) {
-    const e = t, n = p(
-      () => V({
+    const e = t, o = p(
+      () => B({
         "nmorph-form": []
       })
-    ), o = Al(e.value, e.validateImmediately), l = a;
+    ), n = Ga(e.value, e.validateImmediately), l = a;
     return j(() => {
-      l("formValidator", o);
-    }), X("form-data", o), (i, s) => (r(), u("form", {
-      class: M(n.value)
+      l("formValidator", n);
+    }), X("form-data", n), (i, s) => (r(), u("form", {
+      class: M(o.value)
     }, [
-      c("div", us, [
+      c("div", ms, [
         S(i.$slots, "default")
       ])
     ], 2));
@@ -2686,12 +2827,12 @@ const us = { class: "nmorph-form__content" }, ds = /* @__PURE__ */ O({
   emits: ["on-scroll", "update:modelValue", "on-scroll-end"],
   setup(t, { emit: a }) {
     K((m) => ({
-      "057fb359": l.value,
-      e0f85ee4: i.value,
-      "085b96f0": o.value,
-      "085b96ee": n.value
+      "165eb7ca": l.value,
+      eb5e0fe8: i.value,
+      "79eacb06": n.value,
+      "79eacb07": o.value
     }));
-    const e = t, n = p(() => e.scrollYProp), o = p(() => e.scrollXProp), l = p(() => e.scrollYProp !== "hidden" ? "--scrollbar-width" : "0"), i = p(() => e.scrollXProp !== "hidden" ? "--scrollbar-height" : "0");
+    const e = t, o = p(() => e.scrollYProp), n = p(() => e.scrollXProp), l = p(() => e.scrollYProp !== "hidden" ? "--scrollbar-width" : "0"), i = p(() => e.scrollXProp !== "hidden" ? "--scrollbar-height" : "0");
     let s;
     const d = a, h = () => {
       d("on-scroll-end");
@@ -2707,7 +2848,7 @@ const us = { class: "nmorph-form__content" }, ds = /* @__PURE__ */ O({
       s !== void 0 && clearTimeout(s);
     });
     const x = p(
-      () => V({
+      () => B({
         "nmorph-scroll": []
       })
     ), g = b(null), k = (m) => {
@@ -2736,54 +2877,7 @@ const us = { class: "nmorph-form__content" }, ds = /* @__PURE__ */ O({
     ], 34));
   }
 });
-const oe = /* @__PURE__ */ O({
-  __name: "NmorphDropdown",
-  props: {
-    open: { type: Boolean },
-    relativeElement: {},
-    width: { default: 160 },
-    xOffset: { default: 0 },
-    yOffset: { default: 0 },
-    fillWidth: { type: Boolean, default: !0 }
-  },
-  emits: ["on-outside-click"],
-  setup(t, { emit: a }) {
-    K((h) => ({
-      "3ec7f0e6": s.value
-    }));
-    const e = t, n = a, o = b(null), { placementCoords: l } = Le({
-      initialPlacement: "bottom",
-      contentDOMElement: o,
-      relativeElement: e.relativeElement,
-      yOffset: e.yOffset,
-      xOffset: e.xOffset
-    }), i = p(
-      () => V({
-        "nmorph-dropdown": [`${!e.open && "closed"}`]
-      })
-    ), s = p(() => e.fillWidth ? `${e.relativeElement?.clientWidth}px` : `${e.width}px`), d = () => {
-      n("on-outside-click");
-    };
-    return (h, v) => (r(), z(f(pe), {
-      show: e.open,
-      transparent: "",
-      onOnOutsideClick: d
-    }, {
-      default: P(() => [
-        c("div", {
-          ref_key: "dropdownDOMRef",
-          ref: o,
-          class: M(i.value),
-          style: Z({ left: `${f(l).x}`, top: `${f(l).y}` })
-        }, [
-          S(h.$slots, "default")
-        ], 6)
-      ]),
-      _: 3
-    }, 8, ["show"]));
-  }
-});
-const ps = { class: "nmorph-calendar-header" }, hs = { class: "nmorph-calendar-header__actions" }, ms = /* @__PURE__ */ O({
+const vs = { class: "nmorph-calendar-header" }, fs = { class: "nmorph-calendar-header__actions" }, ys = /* @__PURE__ */ O({
   __name: "NmorphCalendarHeader",
   props: {
     year: {},
@@ -2794,41 +2888,41 @@ const ps = { class: "nmorph-calendar-header" }, hs = { class: "nmorph-calendar-h
   },
   emits: ["click-previous-month", "click-today", "click-next-month"],
   setup(t, { emit: a }) {
-    const e = t, n = a, o = p(
-      () => V({
+    const e = t, o = a, n = p(
+      () => B({
         "nmorph-calendar-header": []
       })
     );
     return (l, i) => (r(), u("div", {
-      class: M(o.value)
+      class: M(n.value)
     }, [
       S(l.$slots, "default", {}, () => [
-        c("h2", ps, A(e.year) + " " + A(f(We)(e.month)), 1),
-        c("div", hs, [
+        c("h2", vs, A(e.year) + " " + A(f(We)(e.month)), 1),
+        c("div", fs, [
           l.showPreviousMonthButton ? (r(), z(f(E), {
             key: 0,
             class: "nmorph-calendar-header__action",
             text: "Previous month",
-            onClick: i[0] || (i[0] = (s) => n("click-previous-month"))
+            onClick: i[0] || (i[0] = (s) => o("click-previous-month"))
           })) : H("", !0),
           l.showTodayButton ? (r(), z(f(E), {
             key: 1,
             class: "nmorph-calendar-header__action",
             text: "Today",
-            onClick: i[1] || (i[1] = (s) => n("click-today"))
+            onClick: i[1] || (i[1] = (s) => o("click-today"))
           })) : H("", !0),
           l.showNextMonthButton ? (r(), z(f(E), {
             key: 2,
             class: "nmorph-calendar-header__action",
             text: "Next month",
-            onClick: i[2] || (i[2] = (s) => n("click-next-month"))
+            onClick: i[2] || (i[2] = (s) => o("click-next-month"))
           })) : H("", !0)
         ])
       ])
     ], 2));
   }
 });
-const _s = ["data-date", "onClick"], Ge = /* @__PURE__ */ O({
+const gs = ["data-date", "onClick"], Ge = /* @__PURE__ */ O({
   __name: "NmorphCalendar",
   props: {
     markToday: { type: Boolean, default: !0 },
@@ -2840,23 +2934,23 @@ const _s = ["data-date", "onClick"], Ge = /* @__PURE__ */ O({
   },
   emits: ["update:modelValue", "update-initial-date"],
   setup(t, { emit: a }) {
-    const e = t, n = a, o = p(
-      () => V({
+    const e = t, o = a, n = p(
+      () => B({
         "nmorph-calendar": []
       })
     ), l = b(e.initialDate), i = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], s = b(e.modelValue);
-    let d = ne([]);
+    let d = oe([]);
     const h = async () => {
-      d = [], Na(l, e.range).forEach((B) => {
+      d = [], Ca(l, e.range).forEach((V) => {
         const C = {};
-        B.forEach((F, R) => {
+        V.forEach((F, R) => {
           const G = i[R];
           C[G] = F;
         }), d.push(C);
       });
     };
     h(), q(l, () => {
-      h(), n("update-initial-date", l.value);
+      h(), o("update-initial-date", l.value);
     }), q(
       () => e.initialDate,
       (T) => {
@@ -2873,28 +2967,28 @@ const _s = ["data-date", "onClick"], Ge = /* @__PURE__ */ O({
     }, k = () => {
       l.value = $.value;
     }, m = (T) => {
-      const { monthType: B, hidden: C } = T;
+      const { monthType: V, hidden: C } = T;
       if (C)
         return;
-      B === "next" && k(), B === "previous" && x();
+      V === "next" && k(), V === "previous" && x();
       const { date: F } = T;
-      s.value = F, n("update:modelValue", s.value);
+      s.value = F, o("update:modelValue", s.value);
     }, _ = p(() => new Date(l.value.setMonth(l.value.getMonth() - 1))), $ = p(() => new Date(l.value.setMonth(l.value.getMonth() + 1))), y = p(() => {
-      const { range: T } = e, B = T ? wa(l.value, T[0]) : !0, C = T ? xa(l.value, T[1]) : !0, F = Ma(e.range);
+      const { range: T } = e, V = T ? ka(l.value, T[0]) : !0, C = T ? wa(l.value, T[1]) : !0, F = xa(e.range);
       return {
-        showPreviousMonthButton: B,
+        showPreviousMonthButton: V,
         showNextMonthButton: C,
         showTodayButton: F
       };
-    }), D = (T, B) => {
-      const C = B[0], F = B[1];
+    }), D = (T, V) => {
+      const C = V[0], F = V[1];
       return T === C || T === F ? !0 : !C || !F || C > F ? !1 : T >= C && T <= F;
     }, N = (T) => Array.isArray(e.selectedValues) ? e.type === "daterange" ? D(T, e.selectedValues) : e.selectedValues.includes(T) : e.selectedValues?.toDateString() === T.toDateString();
-    return (T, B) => (r(), u("div", {
-      class: M(o.value)
+    return (T, V) => (r(), u("div", {
+      class: M(n.value)
     }, [
       S(T.$slots, "header", {}, () => [
-        w(ms, {
+        w(ys, {
           year: l.value.getFullYear(),
           month: l.value.getMonth(),
           "show-previous-month-button": y.value.showPreviousMonthButton,
@@ -2944,7 +3038,7 @@ const _s = ["data-date", "onClick"], Ge = /* @__PURE__ */ O({
                       }, () => [
                         ee(A(v(R[C]).hidden ? "-" : v(R[C]).value), 1)
                       ])
-                    ], 10, _s)
+                    ], 10, gs)
                   ]),
                   _: 2
                 }, 1032, ["row"]))), 128))
@@ -2958,7 +3052,49 @@ const _s = ["data-date", "onClick"], Ge = /* @__PURE__ */ O({
     ], 2));
   }
 });
-const vs = { class: "nmorph-table__wrapper" }, fs = { class: "nmorph-table__header" }, ys = ["data-src"], gs = { class: "nmorph-table__table-row" }, bs = { class: "nmorph-table__cell" }, $s = { class: "nmorph-table__body" }, ks = ["id"], ws = { class: "nmorph-table__slot-columns" }, Je = /* @__PURE__ */ O({
+const ce = "10px", bs = /* @__PURE__ */ O({
+  __name: "NmorphSortButton",
+  props: {
+    value: {}
+  },
+  emits: ["sort"],
+  setup(t, { emit: a }) {
+    const e = t, o = a, n = p(
+      () => B({
+        "nmorph-sort-button": [`${e.value}`]
+      })
+    ), l = () => {
+      const i = e.value === "ascending" ? "descending" : "ascending";
+      o("sort", i);
+    };
+    return (i, s) => (r(), u("div", {
+      class: M(n.value)
+    }, [
+      w(f(E), {
+        height: "thin",
+        "style-type": "transparent",
+        onClick: l
+      }, {
+        default: P(() => [
+          w(f(I), {
+            name: "triangle-down",
+            class: "nmorph-sort-button__icon-up",
+            width: ce,
+            height: ce
+          }),
+          w(f(I), {
+            name: "triangle-down",
+            class: "nmorph-sort-button__icon-down",
+            width: ce,
+            height: ce
+          })
+        ]),
+        _: 1
+      })
+    ], 2));
+  }
+});
+const $s = { class: "nmorph-table__wrapper" }, ks = { class: "nmorph-table__header" }, ws = ["data-src"], xs = { class: "nmorph-table__table-row" }, Ms = { class: "nmorph-table__cell" }, Cs = { class: "nmorph-table__body" }, Ns = ["id"], Ds = { class: "nmorph-table__slot-columns" }, Je = /* @__PURE__ */ O({
   __name: "NmorphTable",
   props: {
     data: { default: () => [] },
@@ -2969,19 +3105,19 @@ const vs = { class: "nmorph-table__wrapper" }, fs = { class: "nmorph-table__head
   },
   setup(t) {
     const a = t, e = p(
-      () => V({
+      () => B({
         "nmorph-table": [`${a.style}`]
       })
-    ), n = b(a.data), o = b(a.sort), l = (k, m) => {
-      o.value && (o.value[m] = k, n.value.sort((_, $) => {
+    ), o = b(a.data), n = b(a.sort), l = (k, m) => {
+      n.value && (n.value[m] = k, o.value.sort((_, $) => {
         const y = String(_[m]).toLowerCase(), D = String($[m]).toLowerCase();
-        if (!o.value)
+        if (!n.value)
           return 0;
-        const N = o.value[m];
+        const N = n.value[m];
         return N === "ascending" ? y.localeCompare(D) : N === "descending" ? D.localeCompare(y) : 0;
       }));
     }, i = b(null), s = b([]);
-    X("table-data", { rows: n, columns: s });
+    X("table-data", { rows: o, columns: s });
     const d = p(() => {
       const k = s.value.map((D) => D.width).filter((D) => !!D), m = k.length, _ = k.reduce((D, N) => (D += Number(N), D), 0), $ = s.value.length - m;
       return i.value?.clientWidth ? (i.value?.clientWidth - _) / $ : 0;
@@ -2989,7 +3125,7 @@ const vs = { class: "nmorph-table__wrapper" }, fs = { class: "nmorph-table__head
     q(
       () => a.data,
       () => {
-        v.value = v.value + 1, n.value = a.data, s.value = [];
+        v.value = v.value + 1, o.value = a.data, s.value = [];
       },
       {
         immediate: !0
@@ -3002,31 +3138,31 @@ const vs = { class: "nmorph-table__wrapper" }, fs = { class: "nmorph-table__head
       key: v.value,
       class: M(e.value)
     }, [
-      c("div", vs, [
-        c("table", fs, [
+      c("div", $s, [
+        c("table", ks, [
           c("colgroup", null, [
             (r(!0), u(L, null, Y(s.value, (_) => (r(), u("col", {
               key: _.prop,
               style: Z({ width: `${h(_.width)}px` }),
               "data-src": `${h(_.width)}px`
-            }, null, 12, ys))), 128))
+            }, null, 12, ws))), 128))
           ]),
           c("thead", null, [
-            c("tr", gs, [
+            c("tr", xs, [
               (r(!0), u(L, null, Y(s.value, (_, $) => (r(), u("th", {
                 key: $,
                 class: M(["nmorph-table__table-data", { "nmorph-table__table-data--bordered": a.bordered }])
               }, [
-                c("div", bs, [
+                c("div", Ms, [
                   c("div", {
                     style: Z({ "justify-content": _.alignment }),
                     class: "nmorph-table__cell-content"
                   }, [
                     c("span", null, A(_.label), 1),
-                    o.value && o.value[_.prop] ? (r(), z(f(Ke), {
+                    n.value && n.value[_.prop] ? (r(), z(bs, {
                       key: 0,
                       class: "nmorph-table__button-wrapper",
-                      value: o.value[_.prop],
+                      value: n.value[_.prop],
                       onSort: (y) => l(y, _.prop)
                     }, null, 8, ["value", "onSort"])) : H("", !0)
                   ], 4)
@@ -3035,7 +3171,7 @@ const vs = { class: "nmorph-table__wrapper" }, fs = { class: "nmorph-table__head
             ])
           ])
         ]),
-        c("div", $s, [
+        c("div", Cs, [
           c("table", null, [
             c("colgroup", null, [
               (r(!0), u(L, null, Y(s.value, (_) => (r(), u("col", {
@@ -3044,7 +3180,7 @@ const vs = { class: "nmorph-table__wrapper" }, fs = { class: "nmorph-table__head
               }, null, 4))), 128))
             ]),
             c("tbody", null, [
-              (r(!0), u(L, null, Y(n.value, (_, $) => (r(), u("tr", {
+              (r(!0), u(L, null, Y(o.value, (_, $) => (r(), u("tr", {
                 key: $,
                 class: M(["nmorph-table__table-data-row", { "nmorph-table__table-data-row--row-hover": a.rowHover }])
               }, [
@@ -3056,7 +3192,7 @@ const vs = { class: "nmorph-table__wrapper" }, fs = { class: "nmorph-table__head
                     id: `table-cell-${f(g)}-${$}-${y.prop}`,
                     style: Z({ "text-align": y.alignment }),
                     class: "nmorph-table__cell nmorph-table__cell--data"
-                  }, A(x(_[y.prop])), 13, ks)
+                  }, A(x(_[y.prop])), 13, Ns)
                 ], 2))), 128))
               ], 2))), 128))
             ])
@@ -3068,7 +3204,7 @@ const vs = { class: "nmorph-table__wrapper" }, fs = { class: "nmorph-table__head
                 style: Z({ width: `${h(_.width)}px` })
               }, null, 4))), 128))
             ]),
-            c("tbody", ws, [
+            c("tbody", Ds, [
               S(k.$slots, "default")
             ])
           ])
@@ -3077,7 +3213,7 @@ const vs = { class: "nmorph-table__wrapper" }, fs = { class: "nmorph-table__head
     ], 2));
   }
 });
-const xs = ["data-id"], Xe = /* @__PURE__ */ O({
+const Vs = ["data-id"], Xe = /* @__PURE__ */ O({
   __name: "NmorphTableColumn",
   props: {
     label: { default: "" },
@@ -3086,30 +3222,30 @@ const xs = ["data-id"], Xe = /* @__PURE__ */ O({
     prop: {}
   },
   setup(t) {
-    const a = J("table-data"), e = J("table-identifier"), n = t, o = p(
-      () => V({
+    const a = J("table-data"), e = J("table-identifier"), o = t, n = p(
+      () => B({
         "nmorph-table-column": []
       })
     ), l = b(0);
-    X("column-property", n.prop), X("table-identifier", e), j(() => {
+    X("column-property", o.prop), X("table-identifier", e), j(() => {
       i();
     });
     const i = () => {
       if (!a?.columns.value)
         return;
       const { columns: d } = a;
-      l.value = d.value.length + 1, a.columns.value = [...d.value, { ...n, id: l.value }];
+      l.value = d.value.length + 1, a.columns.value = [...d.value, { ...o, id: l.value }];
     }, s = b(null);
     return (d, h) => (r(), u("div", {
       ref_key: "columnDOMEl",
       ref: s,
       "data-id": l.value,
-      class: M(o.value)
+      class: M(n.value)
     }, [
       S(d.$slots, "default", {
         scope: { columns: f(a)?.columns.value, rows: f(a)?.rows.value, tableId: f(e) }
       })
-    ], 10, xs));
+    ], 10, Vs));
   }
 }), Qe = /* @__PURE__ */ O({
   __name: "NmorphTableCell",
@@ -3117,81 +3253,39 @@ const xs = ["data-id"], Xe = /* @__PURE__ */ O({
     row: {}
   },
   setup(t) {
-    const a = J("column-property"), e = J("table-identifier"), n = t, o = p(
-      () => V({
+    const a = J("column-property"), e = J("table-identifier"), o = t, n = p(
+      () => B({
         "nmorph-table-cell": []
       })
-    ), l = p(() => `#table-cell-${e}-${n.row}-${a}`), i = b(!1);
+    ), l = p(() => `#table-cell-${e}-${o.row}-${a}`), i = b(!1);
     return j(() => {
       i.value = !0;
     }), (s, d) => i.value ? (r(), u("div", {
       key: 0,
-      class: M(o.value)
+      class: M(n.value)
     }, [
       (r(), z(le, { to: l.value }, [
         S(s.$slots, "default")
       ], 8, ["to"]))
     ], 2)) : H("", !0);
   }
-}), ce = "10px", Ke = /* @__PURE__ */ O({
-  __name: "NmorphSortButton",
-  props: {
-    value: {}
-  },
-  emits: ["sort"],
-  setup(t, { emit: a }) {
-    const e = t, n = a, o = p(
-      () => V({
-        "nmorph-sort-button": [`${e.value}`]
-      })
-    ), l = () => {
-      const i = e.value === "ascending" ? "descending" : "ascending";
-      n("sort", i);
-    };
-    return (i, s) => (r(), u("div", {
-      class: M(o.value)
-    }, [
-      w(f(E), {
-        height: "thin",
-        "style-type": "transparent",
-        onClick: l
-      }, {
-        default: P(() => [
-          w(f(I), {
-            name: "triangle-down",
-            class: "nmorph-sort-button__icon-up",
-            width: ce,
-            height: ce
-          }),
-          w(f(I), {
-            name: "triangle-down",
-            class: "nmorph-sort-button__icon-down",
-            width: ce,
-            height: ce
-          })
-        ]),
-        _: 1
-      })
-    ], 2));
-  }
-});
-const Ze = /* @__PURE__ */ O({
+}), Ke = /* @__PURE__ */ O({
   __name: "NmorphDivider",
   props: {
     direction: { default: "horizontal" }
   },
   setup(t) {
     const a = t, e = p(
-      () => V({
+      () => B({
         "nmorph-divider": [a.direction]
       })
     );
-    return (n, o) => (r(), u("div", {
+    return (o, n) => (r(), u("div", {
       class: M(e.value)
     }, null, 2));
   }
 });
-const Ms = /* @__PURE__ */ O({
+const Bs = /* @__PURE__ */ O({
   __name: "NmorphCollapse",
   props: {
     modelValue: {},
@@ -3199,20 +3293,20 @@ const Ms = /* @__PURE__ */ O({
   },
   emits: ["update:modelValue"],
   setup(t, { emit: a }) {
-    const e = t, n = b(e.modelValue), o = (s, d) => {
+    const e = t, o = b(e.modelValue), n = (s, d) => {
       if (e.accordion)
-        n.value = d ? [s] : [];
-      else if (!Array.isArray(n.value))
-        n.value = [s];
+        o.value = d ? [s] : [];
+      else if (!Array.isArray(o.value))
+        o.value = [s];
       else {
-        const h = n.value.indexOf(s);
-        d && h === -1 && n.value.push(s), !d && h !== -1 && n.value.splice(h, 1);
+        const h = o.value.indexOf(s);
+        d && h === -1 && o.value.push(s), !d && h !== -1 && o.value.splice(h, 1);
       }
-      l("update:modelValue", n.value);
+      l("update:modelValue", o.value);
     };
-    X("collapse-data", n), X("update-model", o);
+    X("collapse-data", o), X("update-model", n);
     const l = a, i = p(
-      () => V({
+      () => B({
         "nmorph-collapse": []
       })
     );
@@ -3222,8 +3316,7 @@ const Ms = /* @__PURE__ */ O({
       S(s.$slots, "default")
     ], 2));
   }
-});
-const Cs = /* @__PURE__ */ O({
+}), Ss = /* @__PURE__ */ O({
   __name: "NmorphCollapseItem",
   props: {
     height: { default: "default" },
@@ -3233,27 +3326,27 @@ const Cs = /* @__PURE__ */ O({
   },
   emits: ["click-item"],
   setup(t, { emit: a }) {
-    const e = t, n = a, o = b(!1), l = p(
-      () => V({
-        "nmorph-collapse-item": [`${e.disabled && "disabled"}`, `${o.value && "is-open"}`]
+    const e = t, o = a, n = b(!1), l = p(
+      () => B({
+        "nmorph-collapse-item": [`${e.disabled && "disabled"}`, `${n.value && "is-open"}`]
       })
     ), i = p(
-      () => V({
+      () => B({
         nmorph: [te[e.height]]
       })
     ), s = J("collapse-data"), d = J("update-model"), h = b(null), v = b(0), x = () => {
-      o.value = !o.value, d && (d(e.name, o.value), n("click-item", { id: e.name, isOpen: o.value }));
+      n.value = !n.value, d && (d(e.name, n.value), o("click-item", { id: e.name, isOpen: n.value }));
     };
     return j(() => {
-      Array.isArray(s?.value) ? o.value = s.value.includes(e.name) : o.value = s?.value === e.name;
+      Array.isArray(s?.value) ? n.value = s.value.includes(e.name) : n.value = s?.value === e.name;
     }), q(
       () => s?.value,
       (g) => {
-        Array.isArray(g) ? o.value = g.includes(e.name) : o.value = g === e.name;
+        Array.isArray(g) ? n.value = g.includes(e.name) : n.value = g === e.name;
       },
       { deep: !0 }
-    ), q(o, () => {
-      v.value = o.value && h.value ? h.value?.clientHeight : 0;
+    ), q(n, () => {
+      v.value = n.value && h.value ? h.value?.clientHeight : 0;
     }), (g, k) => (r(), u("div", {
       class: M(l.value),
       onClick: ae(x, ["stop"])
@@ -3280,19 +3373,19 @@ const Cs = /* @__PURE__ */ O({
     ], 2));
   }
 });
-const Ns = {
+const Ts = {
   key: 0,
   class: "nmorph-progress__linear"
-}, Ds = { class: "nmorph-progress__outer" }, Bs = { class: "nmorph-progress__inner" }, Vs = {
+}, Os = { class: "nmorph-progress__outer" }, Hs = { class: "nmorph-progress__inner" }, Is = {
   key: 0,
   class: "nmorph-progress__inner-text"
-}, Ss = {
+}, Ps = {
   key: 0,
   class: "nmorph-progress__percentage"
-}, Ts = {
+}, zs = {
   key: 1,
   class: "nmorph-progress__circle"
-}, Os = { class: "nmorph-progress__circle-inner-part" }, Hs = ["width", "height"], Is = ["cx", "cy", "r", "stroke-dasharray", "stroke-dashoffset"], Ps = /* @__PURE__ */ O({
+}, As = { class: "nmorph-progress__circle-inner-part" }, Rs = ["width", "height"], Es = ["cx", "cy", "r", "stroke-dasharray", "stroke-dashoffset"], Fs = /* @__PURE__ */ O({
   __name: "NmorphProgress",
   props: {
     type: { default: "linear" },
@@ -3306,17 +3399,17 @@ const Ns = {
   },
   setup(t) {
     K((g) => ({
-      "02f10430": n.value,
-      "1d4f02f0": o.value,
-      49265029: l.value,
-      "63b4b0d2": v.value,
-      "71a0ec5a": g.strokeWidth
+      aff619ea: o.value,
+      c2cb5faa: n.value,
+      "0fdecf68": l.value,
+      "0e1a5ffa": v.value,
+      "64a85536": g.strokeWidth
     }));
     const a = t, e = p(
-      () => V({
+      () => B({
         "nmorph-progress": []
       })
-    ), n = p(() => `${a.percentage}%`), o = p(() => Array.isArray(a.color) ? a.color.find((g) => g.percentage <= a.percentage)?.color : typeof a.color == "function" ? a.color(a.percentage) : a.color), l = p(() => a.indeterminate ? "var(--animation)" : "none"), i = b(null), s = b(1), d = p(() => `${s.value} ${s.value}`), h = p(() => s.value - a.percentage / 100 * s.value);
+    ), o = p(() => `${a.percentage}%`), n = p(() => Array.isArray(a.color) ? a.color.find((g) => g.percentage <= a.percentage)?.color : typeof a.color == "function" ? a.color(a.percentage) : a.color), l = p(() => a.indeterminate ? "var(--animation)" : "none"), i = b(null), s = b(1), d = p(() => `${s.value} ${s.value}`), h = p(() => s.value - a.percentage / 100 * s.value);
     j(() => {
       i.value && (s.value = 2 * Math.PI * i.value.r.baseVal.value);
     });
@@ -3324,24 +3417,24 @@ const Ns = {
     return (g, k) => (r(), u("div", {
       class: M(e.value)
     }, [
-      a.type === "linear" ? (r(), u("div", Ns, [
-        c("div", Ds, [
-          c("div", Bs, [
-            g.textInside ? (r(), u("div", Vs, [
+      a.type === "linear" ? (r(), u("div", Ts, [
+        c("div", Os, [
+          c("div", Hs, [
+            g.textInside ? (r(), u("div", Is, [
               S(g.$slots, "inner-text", {}, () => [
                 ee(A(x.value), 1)
               ])
             ])) : H("", !0)
           ])
         ]),
-        g.showText ? (r(), u("div", Ss, [
+        g.showText ? (r(), u("div", Ps, [
           S(g.$slots, "right-sight", {}, () => [
             ee(A(x.value), 1)
           ])
         ])) : H("", !0)
       ])) : H("", !0),
-      a.type === "circle" ? (r(), u("div", Ts, [
-        c("div", Os, [
+      a.type === "circle" ? (r(), u("div", zs, [
+        c("div", As, [
           S(g.$slots, "circle-inner-part", {}, () => [
             ee(A(x.value), 1)
           ])
@@ -3359,13 +3452,13 @@ const Ns = {
             r: a.circleSize / 2 - 2,
             "stroke-dasharray": d.value,
             "stroke-dashoffset": h.value
-          }, null, 8, Is)
-        ], 8, Hs))
+          }, null, 8, Es)
+        ], 8, Rs))
       ])) : H("", !0)
     ], 2));
   }
 });
-const zs = /* @__PURE__ */ O({
+const Ws = /* @__PURE__ */ O({
   __name: "NmorphBacktop",
   props: {
     right: { default: 40 },
@@ -3375,11 +3468,11 @@ const zs = /* @__PURE__ */ O({
   emits: ["click"],
   setup(t, { emit: a }) {
     K((g) => ({
-      "5a752059": o.value,
-      "4d87f8e4": l.value
+      "5b945550": n.value,
+      "07f92512": l.value
     }));
-    const e = t, n = a, o = p(() => `${e.right}px`), l = p(() => `${e.bottom}px`), i = p(
-      () => V({
+    const e = t, o = a, n = p(() => `${e.right}px`), l = p(() => `${e.bottom}px`), i = p(
+      () => B({
         "nmorph-backtop": [`${h.value && "show"}`]
       })
     ), s = b(null), d = b(null), h = b(!1), v = (g) => {
@@ -3388,7 +3481,7 @@ const zs = /* @__PURE__ */ O({
       const k = g.target;
       h.value = k.scrollTop > e.visibilityHeight;
     }, x = () => {
-      n("click"), s.value && s.value.scrollTo({
+      o("click"), s.value && s.value.scrollTo({
         top: 0,
         left: 0,
         behavior: "smooth"
@@ -3421,36 +3514,36 @@ const zs = /* @__PURE__ */ O({
     ], 2));
   }
 });
-const As = {
+const Ls = {
   key: 0,
   class: "nmorph-badge__dot"
-}, Rs = {
+}, Ys = {
   key: 1,
   class: "nmorph-badge__content"
-}, Es = /* @__PURE__ */ O({
+}, js = /* @__PURE__ */ O({
   __name: "NmorphBadge",
   props: {
     value: { default: "" },
     max: { default: 99 },
     isDot: { type: Boolean, default: !1 },
     hidden: { type: Boolean, default: !1 },
-    color: { default: "var(--accent-color-01)" },
+    color: { default: "var(--accent-color-00)" },
     offsetY: { default: 0 },
     offsetX: { default: 0 }
   },
   setup(t) {
     K((h) => ({
-      70257138: h.color
+      "952a5598": h.color
     }));
     const a = t, e = p(
-      () => V({
+      () => B({
         "nmorph-badge": [`${a.hidden && "hidden"}`]
       })
-    ), n = p(
-      () => V({
+    ), o = p(
+      () => B({
         "nmorph-badge__container": [`${a.hidden && "hidden"}`]
       })
-    ), o = p(() => typeof Number(a.value) == "number" && Number(a.value) > a.max ? `${a.max}+` : a.value), l = p(() => {
+    ), n = p(() => typeof Number(a.value) == "number" && Number(a.value) > a.max ? `${a.max}+` : a.value), l = p(() => {
       const h = `-${s?.value / 2 + a.offsetX}px`, v = `-${d?.value / 2 + a.offsetY}px`;
       return {
         x: h,
@@ -3466,15 +3559,15 @@ const As = {
       c("div", {
         ref_key: "badge",
         ref: i,
-        class: M(n.value),
+        class: M(o.value),
         style: Z({ right: l.value.x, top: l.value.y })
       }, [
-        a.isDot ? (r(), u("div", As)) : (r(), u("div", Rs, A(o.value), 1))
+        a.isDot ? (r(), u("div", Ls)) : (r(), u("div", Ys, A(n.value), 1))
       ], 6)
     ], 2));
   }
 });
-const Fs = ["src", "srcset", "alt"], Ws = { class: "nmorph-avatar__fallback" }, Ls = /* @__PURE__ */ O({
+const Us = ["src", "srcset", "alt"], qs = { class: "nmorph-avatar__fallback" }, Gs = /* @__PURE__ */ O({
   __name: "NmorphAvatar",
   props: {
     size: { default: 40 },
@@ -3487,21 +3580,21 @@ const Fs = ["src", "srcset", "alt"], Ws = { class: "nmorph-avatar__fallback" },
   emits: ["error"],
   setup(t, { emit: a }) {
     K((v) => ({
-      "33233ec3": h.value,
-      "1a6c4d0f": v.fit
+      "8520d55c": h.value,
+      b9f92ec0: v.fit
     }));
-    const e = t, n = a, o = b(!1), l = p(
-      () => V({
+    const e = t, o = a, n = b(!1), l = p(
+      () => B({
         "nmorph-avatar": [e.shape]
       })
     ), i = p(
-      () => V({
-        "nmorph-avatar__image": [`${o.value && "hide"}`]
+      () => B({
+        "nmorph-avatar__image": [`${n.value && "hide"}`]
       })
     ), s = () => {
-      n("error"), o.value = !0;
+      o("error"), n.value = !0;
     }, d = () => {
-      o.value = !1;
+      n.value = !1;
     }, h = p(() => ` ${e.size}px`);
     return (v, x) => (r(), u("div", {
       class: M(l.value)
@@ -3513,22 +3606,22 @@ const Fs = ["src", "srcset", "alt"], Ws = { class: "nmorph-avatar__fallback" },
         class: M(i.value),
         onLoad: d,
         onError: s
-      }, null, 42, Fs),
-      Te(c("div", Ws, [
+      }, null, 42, Us),
+      Te(c("div", qs, [
         S(v.$slots, "default")
       ], 512), [
-        [Oe, o.value]
+        [Oe, n.value]
       ])
     ], 2));
   }
 });
-const et = (t, a) => {
+const Ze = (t, a) => {
   if (t)
     return `nmorph-tabs-label-${t}-${a}`;
-}, tt = (t, a) => {
+}, et = (t, a) => {
   if (t)
     return `nmorph-tabs-content-${t}-${a}`;
-}, Ys = { class: "nmorph-tabs__label-list" }, js = ["id", "onClick"], Us = { class: "nmorph-tabs__content__wrapper" }, qs = { class: "nmorph-tabs__content" }, Gs = ["id"], Js = /* @__PURE__ */ O({
+}, Js = { class: "nmorph-tabs__label-list" }, Xs = ["id", "onClick"], Qs = { class: "nmorph-tabs__content__wrapper" }, Ks = { class: "nmorph-tabs__content" }, Zs = ["id"], er = /* @__PURE__ */ O({
   __name: "NmorphTabs",
   props: {
     modelValue: { default: 0 },
@@ -3536,40 +3629,40 @@ const et = (t, a) => {
   },
   emits: ["update:model-value", "tab-change"],
   setup(t, { emit: a }) {
-    const e = t, n = a, o = p(
-      () => V({
+    const e = t, o = a, n = p(
+      () => B({
         "nmorph-tabs": [`${e.stretch && "stretch"}`]
       })
     ), l = (d) => {
       if (d.disabled)
         return;
       const { name: h } = d;
-      n("update:model-value", h), n("tab-change", h);
+      o("update:model-value", h), o("tab-change", h);
     }, i = b([]), s = se();
     return X("nmorph-tabs-data", {
       tabsData: i,
       tabsIdentifier: s
     }), (d, h) => (r(), u("div", {
-      class: M(o.value)
+      class: M(n.value)
     }, [
       S(d.$slots, "default"),
-      c("div", Ys, [
+      c("div", Js, [
         (r(!0), u(L, null, Y(i.value, (v) => (r(), u("div", {
-          id: f(et)(f(s), v.name),
+          id: f(Ze)(f(s), v.name),
           key: v.name,
           class: M(["nmorph-tabs__label", [
             { "nmorph-tabs__label--selected": v.name === e.modelValue },
             { "nmorph-tabs__label--disabled": v.disabled }
           ]]),
           onClick: (x) => l(v)
-        }, A(v.label), 11, js))), 128))
+        }, A(v.label), 11, Xs))), 128))
       ]),
-      c("div", Us, [
-        c("div", qs, [
+      c("div", Qs, [
+        c("div", Ks, [
           (r(!0), u(L, null, Y(i.value, (v) => Te((r(), u("div", {
-            id: f(tt)(f(s), v.name),
+            id: f(et)(f(s), v.name),
             key: v.name
-          }, null, 8, Gs)), [
+          }, null, 8, Zs)), [
             [Oe, v.name === e.modelValue]
           ])), 128))
         ])
@@ -3577,7 +3670,7 @@ const et = (t, a) => {
     ], 2));
   }
 });
-const Xs = /* @__PURE__ */ O({
+const tr = /* @__PURE__ */ O({
   __name: "NmorphTabPane",
   props: {
     label: { default: "" },
@@ -3586,46 +3679,46 @@ const Xs = /* @__PURE__ */ O({
   },
   setup(t) {
     const a = t, e = p(
-      () => V({
+      () => B({
         "nmorph-tab-pane": []
       })
-    ), n = J("nmorph-tabs-data"), o = b(!1);
+    ), o = J("nmorph-tabs-data"), n = b(!1);
     return j(() => {
-      o.value = !0, n && n.tabsData.value.push(a);
-    }), (l, i) => o.value ? (r(), u("div", {
+      n.value = !0, o && o.tabsData.value.push(a);
+    }), (l, i) => n.value ? (r(), u("div", {
       key: 0,
       class: M(e.value)
     }, [
       (r(), z(le, {
-        to: `#${f(et)(f(n)?.tabsIdentifier, a.name)}`
+        to: `#${f(Ze)(f(o)?.tabsIdentifier, a.name)}`
       }, [
         S(l.$slots, "label")
       ], 8, ["to"])),
       (r(), z(le, {
-        to: `#${f(tt)(f(n)?.tabsIdentifier, a.name)}`
+        to: `#${f(et)(f(o)?.tabsIdentifier, a.name)}`
       }, [
         S(l.$slots, "default")
       ], 8, ["to"]))
     ], 2)) : H("", !0);
   }
-}), Qs = ["id"], Ks = {
+}), ar = ["id"], nr = {
   key: 0,
   class: "nmorph-breadcrumb__separator"
-}, Zs = /* @__PURE__ */ O({
+}, or = /* @__PURE__ */ O({
   __name: "NmorphBreadcrumb",
   props: {
     separator: { default: "/" }
   },
   setup(t) {
-    const a = t, e = b([]), n = se();
-    X("breadcrumb-data", { breadcrumbs: e, breadcrumbId: n });
-    const o = p(
-      () => V({
+    const a = t, e = b([]), o = se();
+    X("breadcrumb-data", { breadcrumbs: e, breadcrumbId: o });
+    const n = p(
+      () => B({
         "nmorph-breadcrumb": []
       })
     );
     return (l, i) => (r(), u("div", {
-      class: M(o.value)
+      class: M(n.value)
     }, [
       S(l.$slots, "default"),
       (r(!0), u(L, null, Y(e.value, (s, d) => (r(), u("div", {
@@ -3633,15 +3726,15 @@ const Xs = /* @__PURE__ */ O({
         class: "nmorph-breadcrumb__content"
       }, [
         c("div", {
-          id: `nmorph-breadcrumb-${f(n)}-${s.itemId}-element`,
+          id: `nmorph-breadcrumb-${f(o)}-${s.itemId}-element`,
           class: "nmorph-breadcrumb__element"
-        }, null, 8, Qs),
-        d < e.value.length - 1 ? (r(), u("div", Ks, A(a.separator), 1)) : H("", !0)
+        }, null, 8, ar),
+        d < e.value.length - 1 ? (r(), u("div", nr, A(a.separator), 1)) : H("", !0)
       ]))), 128))
     ], 2));
   }
 });
-const er = /* @__PURE__ */ O({
+const lr = /* @__PURE__ */ O({
   __name: "NmorphBreadcrumbItem",
   props: {
     to: { default: "" },
@@ -3649,20 +3742,20 @@ const er = /* @__PURE__ */ O({
   },
   setup(t) {
     const a = t, e = p(
-      () => V({
+      () => B({
         "nmorph-breadcrumb-item": []
       })
-    ), n = J("breadcrumb-data"), o = b(!1), l = se();
+    ), o = J("breadcrumb-data"), n = b(!1), l = se();
     return j(() => {
-      o.value = !0, n && n.breadcrumbs.value.push({ ...a, itemId: l });
+      n.value = !0, o && o.breadcrumbs.value.push({ ...a, itemId: l });
     }), (i, s) => {
-      const d = rt("router-link");
-      return o.value ? (r(), u("div", {
+      const d = st("router-link");
+      return n.value ? (r(), u("div", {
         key: 0,
         class: M(e.value)
       }, [
         (r(), z(le, {
-          to: `#nmorph-breadcrumb-${f(n)?.breadcrumbId}-${f(l)}-element`
+          to: `#nmorph-breadcrumb-${f(o)?.breadcrumbId}-${f(l)}-element`
         }, [
           w(d, {
             to: i.to,
@@ -3679,10 +3772,10 @@ const er = /* @__PURE__ */ O({
     };
   }
 });
-const tr = { class: "nmorph-alert__wrapper" }, ar = {
+const sr = { class: "nmorph-alert__wrapper" }, rr = {
   key: 0,
   class: "nmorph-alert__icon"
-}, or = { class: "nmorph-alert__content-wrapper" }, nr = { class: "nmorph-alert__content-title" }, lr = { class: "nmorph-alert__content" }, sr = /* @__PURE__ */ O({
+}, ir = { class: "nmorph-alert__content-wrapper" }, cr = { class: "nmorph-alert__content-title" }, ur = { class: "nmorph-alert__content" }, dr = /* @__PURE__ */ O({
   __name: "NmorphAlert",
   props: {
     color: { default: "info" },
@@ -3695,18 +3788,19 @@ const tr = { class: "nmorph-alert__wrapper" }, ar = {
   },
   emits: ["close"],
   setup(t, { emit: a }) {
-    const e = t, n = a, o = b(!1), l = p(
-      () => V({
-        "nmorph-alert": [e.color, `${o.value && "hide"}`]
+    const e = t, o = a, n = b(!1), l = p(
+      () => B({
+        "nmorph-alert": [e.color, `${n.value && "hide"}`]
       })
     ), i = () => {
-      o.value = !0, n("close");
-    }, s = p(() => e.color), d = it();
-    return (h, v) => (r(), u("div", {
+      n.value = !0, o("close");
+    }, s = p(() => e.color), d = rt();
+    return (h, v) => f(d).default || e.title || e.content ? (r(), u("div", {
+      key: 0,
       class: M(l.value)
     }, [
-      c("div", tr, [
-        e.showIcon ? (r(), u("div", ar, [
+      c("div", sr, [
+        e.showIcon ? (r(), u("div", rr, [
           S(h.$slots, "icon", {}, () => [
             w(I, {
               name: s.value,
@@ -3714,13 +3808,13 @@ const tr = { class: "nmorph-alert__wrapper" }, ar = {
             }, null, 8, ["name"])
           ])
         ])) : H("", !0),
-        c("div", or, [
-          c("div", nr, [
+        c("div", ir, [
+          c("div", cr, [
             e.title || f(d).title ? S(h.$slots, "title", { key: 0 }, () => [
               ee(A(e.title), 1)
             ]) : H("", !0)
           ]),
-          c("div", lr, [
+          c("div", ur, [
             S(h.$slots, "default", {}, () => [
               ee(A(e.content), 1)
             ])
@@ -3738,10 +3832,10 @@ const tr = { class: "nmorph-alert__wrapper" }, ar = {
           })
         ])) : H("", !0)
       ])
-    ], 2));
+    ], 2)) : H("", !0);
   }
 });
-const rr = { class: "nmorph-dialog__header" }, ir = { class: "nmorph-dialog__title" }, cr = { class: "nmorph-dialog__content" }, ur = /* @__PURE__ */ O({
+const pr = { class: "nmorph-dialog__header" }, hr = { class: "nmorph-dialog__title" }, mr = { class: "nmorph-dialog__content" }, _r = /* @__PURE__ */ O({
   __name: "NmorphDialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -3749,12 +3843,12 @@ const rr = { class: "nmorph-dialog__header" }, ir = { class: "nmorph-dialog__tit
   },
   emits: ["on-close", "update:modelValue"],
   setup(t, { emit: a }) {
-    const e = t, n = a, o = p(
-      () => V({
+    const e = t, o = a, n = p(
+      () => B({
         "nmorph-dialog": []
       })
     ), l = () => {
-      n("on-close"), n("update:modelValue", !e.modelValue);
+      o("on-close"), o("update:modelValue", !e.modelValue);
     };
     return (i, s) => (r(), z(pe, {
       show: e.modelValue,
@@ -3762,11 +3856,11 @@ const rr = { class: "nmorph-dialog__header" }, ir = { class: "nmorph-dialog__tit
     }, {
       default: P(() => [
         c("div", {
-          class: M(o.value)
+          class: M(n.value)
         }, [
-          c("div", rr, [
+          c("div", pr, [
             S(i.$slots, "header", {}, () => [
-              c("div", ir, A(e.title), 1),
+              c("div", hr, A(e.title), 1),
               c("div", {
                 class: "nmorph-dialog__close-icon",
                 onClick: l
@@ -3780,7 +3874,7 @@ const rr = { class: "nmorph-dialog__header" }, ir = { class: "nmorph-dialog__tit
               ])
             ])
           ]),
-          c("div", cr, [
+          c("div", mr, [
             S(i.$slots, "default")
           ])
         ], 2)
@@ -3789,21 +3883,21 @@ const rr = { class: "nmorph-dialog__header" }, ir = { class: "nmorph-dialog__tit
     }, 8, ["show"]));
   }
 });
-const dr = { class: "nmorph-skeleton-item__element" }, at = /* @__PURE__ */ O({
+const vr = { class: "nmorph-skeleton-item__element" }, tt = /* @__PURE__ */ O({
   __name: "NmorphSkeletonItem",
   props: {
     variant: { default: "text" }
   },
   setup(t) {
     const a = t, e = p(
-      () => V({
+      () => B({
         "nmorph-skeleton-item": [a.variant]
       })
     );
-    return (n, o) => (r(), u("div", {
+    return (o, n) => (r(), u("div", {
       class: M(e.value)
     }, [
-      c("div", dr, [
+      c("div", vr, [
         a.variant === "image" ? (r(), z(I, {
           key: 0,
           name: "image",
@@ -3813,16 +3907,16 @@ const dr = { class: "nmorph-skeleton-item__element" }, at = /* @__PURE__ */ O({
     ], 2));
   }
 });
-const pr = {
+const fr = {
   key: 0,
   class: "nmorph-skeleton__rows"
-}, hr = {
+}, yr = {
   key: 1,
   class: "nmorph-skeleton__template"
-}, mr = {
+}, gr = {
   key: 2,
   class: "nmorph-skeleton__default"
-}, _r = /* @__PURE__ */ O({
+}, br = /* @__PURE__ */ O({
   __name: "NmorphSkeleton",
   props: {
     animated: { type: Boolean, default: !0 },
@@ -3831,24 +3925,24 @@ const pr = {
   },
   setup(t) {
     const a = t, e = p(
-      () => V({
+      () => B({
         "nmorph-skeleton": [`${a.animated && a.loading && "loading"}`]
       })
     );
-    return (n, o) => (r(), u("div", {
+    return (o, n) => (r(), u("div", {
       class: M(e.value)
     }, [
-      a.rows && a.loading ? (r(), u("div", pr, [
-        (r(!0), u(L, null, Y(a.rows, (l) => (r(), z(at, { key: l }))), 128))
-      ])) : a.loading ? (r(), u("div", hr, [
-        S(n.$slots, "template")
-      ])) : (r(), u("div", mr, [
-        S(n.$slots, "default")
+      a.rows && a.loading ? (r(), u("div", fr, [
+        (r(!0), u(L, null, Y(a.rows, (l) => (r(), z(tt, { key: l }))), 128))
+      ])) : a.loading ? (r(), u("div", yr, [
+        S(o.$slots, "template")
+      ])) : (r(), u("div", gr, [
+        S(o.$slots, "default")
       ]))
     ], 2));
   }
 });
-const vr = /* @__PURE__ */ O({
+const $r = /* @__PURE__ */ O({
   __name: "NmorphPagination",
   props: {
     total: {},
@@ -3860,8 +3954,8 @@ const vr = /* @__PURE__ */ O({
   },
   emits: ["prev-click", "next-click", "update:modelValue", "update:range"],
   setup(t, { emit: a }) {
-    const e = t, n = a, o = b(e.range), l = p(
-      () => V({
+    const e = t, o = a, n = b(e.range), l = p(
+      () => B({
         "nmorph-pagination": [`${e.disabled && "disabled"}`]
       })
     ), i = () => {
@@ -3873,7 +3967,7 @@ const vr = /* @__PURE__ */ O({
       return Array.from({ length: _ + $ }, (y, D) => ({ value: String(D + 1), label: String(D + 1) }));
     }), v = p(() => e.hideOnSinglePage || e.total / e.pagerCount > 1);
     q(d, (_) => {
-      n("update:modelValue", Number(_)), m();
+      o("update:modelValue", Number(_)), m();
     }), q(
       () => e.pagerCount,
       () => {
@@ -3884,7 +3978,7 @@ const vr = /* @__PURE__ */ O({
       d.value = _;
     }, g = p(() => Number(d.value) === 1), k = p(() => h.value.length === Number(d.value)), m = () => {
       const _ = Number(d.value) * e.pagerCount, $ = _ - e.pagerCount;
-      o.value = [$, _], n("update:range", o.value);
+      n.value = [$, _], o("update:range", n.value);
     };
     return j(() => {
       m();
@@ -3928,152 +4022,56 @@ const vr = /* @__PURE__ */ O({
     ], 2)) : H("", !0);
   }
 });
-const fr = { class: "nmorph-autocomplete__input-content" }, yr = {
-  key: 0,
-  class: "nmorph-autocomplete__loading"
-}, gr = {
-  key: 1,
-  class: "nmorph-autocomplete__list"
-}, br = ["onClick"], $r = /* @__PURE__ */ O({
-  __name: "NmorphAutocomplete",
-  props: {
-    modelValue: { default: "" },
-    placeholder: { default: "Please input" },
-    clearable: { type: Boolean, default: !0 },
-    list: { default: () => [] },
-    actionCallback: { type: Function, default: void 0 },
-    height: { default: "default" },
-    fill: { type: Boolean, default: !0 },
-    disabled: { type: Boolean, default: !1 }
-  },
-  emits: ["update:modelValue", "select"],
-  setup(t, { emit: a }) {
-    const e = t, n = b(e.modelValue), o = a, l = p(
-      () => V({
-        "nmorph-autocomplete": []
-      })
-    ), i = (m) => {
-      n.value = m, o("update:modelValue", n.value);
-    }, s = b(!1), d = b(null), h = () => {
-      s.value = !1;
-    }, v = p(() => e.list.filter((m) => Object.keys(m).some((_) => String(m[_]).toLowerCase().includes(n.value.toLowerCase()))));
-    q(v, (m) => {
-      s.value = m.length > 0;
-    });
-    const x = (m) => {
-      o("select", m), n.value = m.value, setTimeout(() => {
-        s.value = !1;
-      });
-    }, g = () => {
-      s.value = v.value.length > 0;
-    }, k = b(!1);
-    return q(n, async (m) => {
-      m !== "" && e.actionCallback && (k.value = !0, await e.actionCallback(), k.value = !1);
-    }), q(k, (m) => {
-      m && (s.value = !0);
-    }), (m, _) => (r(), u("div", {
-      class: M(l.value)
-    }, [
-      c("div", fr, [
-        c("div", {
-          ref_key: "nmorphAutocompleteDOMRef",
-          ref: d,
-          class: "nmorph-autocomplete__input"
-        }, [
-          w(Pe, {
-            fill: e.fill,
-            height: e.height,
-            disabled: e.disabled,
-            "model-value": n.value,
-            placeholder: e.placeholder,
-            clearable: e.clearable,
-            onFocus: g,
-            "onUpdate:modelValue": i
-          }, null, 8, ["fill", "height", "disabled", "model-value", "placeholder", "clearable"])
-        ], 512)
-      ]),
-      d.value ? (r(), z(oe, {
-        key: 0,
-        open: s.value,
-        "relative-element": d.value,
-        onOnOutsideClick: h
-      }, {
-        default: P(() => [
-          k.value ? (r(), u("div", yr, [
-            S(m.$slots, "loader", {}, () => [
-              w(I, {
-                name: "loader",
-                size: "large"
-              })
-            ])
-          ])) : (r(), u("div", gr, [
-            (r(!0), u(L, null, Y(v.value, ($, y) => (r(), u("div", {
-              key: y,
-              class: "nmorph-autocomplete__list-item",
-              onClick: () => x($)
-            }, [
-              S(m.$slots, "default", { scope: $ }, () => [
-                ee(A($.value), 1)
-              ])
-            ], 8, br))), 128))
-          ]))
-        ]),
-        _: 3
-      }, 8, ["open", "relative-element"])) : H("", !0)
-    ], 2));
-  }
-});
 const kr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  NmorphAlert: sr,
-  NmorphAutocomplete: $r,
-  NmorphAvatar: Ls,
-  NmorphBacktop: zs,
-  NmorphBadge: Es,
-  NmorphBreadcrumb: Zs,
-  NmorphBreadcrumbItem: er,
+  NmorphAlert: dr,
+  NmorphAutocomplete: Hl,
+  NmorphAvatar: Gs,
+  NmorphBacktop: Ws,
+  NmorphBadge: js,
+  NmorphBreadcrumb: or,
+  NmorphBreadcrumbItem: lr,
   NmorphButton: E,
   NmorphCalendar: Ge,
-  NmorphCard: Il,
-  NmorphCarousel: os,
-  NmorphCarouselItem: ns,
+  NmorphCard: El,
+  NmorphCarousel: rs,
+  NmorphCarouselItem: is,
   NmorphCheckbox: ze,
-  NmorphCheckboxGroup: Mt,
-  NmorphCollapse: Ms,
-  NmorphCollapseItem: Cs,
-  NmorphDatePicker: Ga,
-  NmorphDialog: ur,
-  NmorphDivider: Ze,
-  NmorphDropdown: oe,
-  NmorphFileUpload: ma,
-  NmorphForm: ds,
-  NmorphFormItem: cs,
+  NmorphCheckboxGroup: xt,
+  NmorphCollapse: Bs,
+  NmorphCollapseItem: Ss,
+  NmorphDatePicker: qa,
+  NmorphDialog: _r,
+  NmorphDivider: Ke,
+  NmorphDropdown: ne,
+  NmorphFileUpload: ha,
+  NmorphForm: _s,
+  NmorphFormItem: hs,
   NmorphIcon: I,
   NmorphImage: fe,
   NmorphImagePreview: Ue,
-  NmorphLink: zl,
-  NmorphNumberInput: Jt,
+  NmorphLink: Wl,
+  NmorphNumberInput: Gt,
   NmorphOverlay: pe,
-  NmorphPagination: vr,
-  NmorphProgress: Ps,
+  NmorphPagination: $r,
+  NmorphProgress: Fs,
   NmorphRadio: Ae,
   NmorphRadioGroup: ye,
   NmorphScroll: qe,
-  NmorphSelect: sa,
+  NmorphSelect: la,
   NmorphSelectOption: Re,
-  NmorphSkeleton: _r,
-  NmorphSkeletonItem: at,
-  NmorphSlider: Kt,
-  NmorphSortButton: Ke,
-  NmorphSwitch: ta,
-  NmorphTabPane: Xs,
+  NmorphSkeleton: br,
+  NmorphSkeletonItem: tt,
+  NmorphSlider: Qt,
+  NmorphSwitch: ea,
+  NmorphTabPane: tr,
   NmorphTable: Je,
   NmorphTableCell: Qe,
   NmorphTableColumn: Xe,
-  NmorphTabs: Js,
+  NmorphTabs: er,
   NmorphTag: je,
   NmorphTextInput: Pe,
-  NmorphTimePicker: $a,
+  NmorphTimePicker: ba,
   NmorphTooltip: Ye,
   NmorphYearMonthPicker: ve
 }, Symbol.toStringTag, { value: "Module" })), Mr = {
@@ -4084,61 +4082,60 @@ const kr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   }
 };
 export {
-  sr as NmorphAlert,
-  $r as NmorphAutocomplete,
-  Ls as NmorphAvatar,
-  zs as NmorphBacktop,
-  Es as NmorphBadge,
-  Zs as NmorphBreadcrumb,
-  er as NmorphBreadcrumbItem,
+  dr as NmorphAlert,
+  Hl as NmorphAutocomplete,
+  Gs as NmorphAvatar,
+  Ws as NmorphBacktop,
+  js as NmorphBadge,
+  or as NmorphBreadcrumb,
+  lr as NmorphBreadcrumbItem,
   E as NmorphButton,
   Ge as NmorphCalendar,
-  Il as NmorphCard,
-  os as NmorphCarousel,
-  ns as NmorphCarouselItem,
+  El as NmorphCard,
+  rs as NmorphCarousel,
+  is as NmorphCarouselItem,
   ze as NmorphCheckbox,
-  Mt as NmorphCheckboxGroup,
-  Ms as NmorphCollapse,
-  Cs as NmorphCollapseItem,
-  Ga as NmorphDatePicker,
-  ur as NmorphDialog,
-  Ze as NmorphDivider,
-  oe as NmorphDropdown,
-  ma as NmorphFileUpload,
-  ds as NmorphForm,
-  cs as NmorphFormItem,
+  xt as NmorphCheckboxGroup,
+  Bs as NmorphCollapse,
+  Ss as NmorphCollapseItem,
+  qa as NmorphDatePicker,
+  _r as NmorphDialog,
+  Ke as NmorphDivider,
+  ne as NmorphDropdown,
+  ha as NmorphFileUpload,
+  _s as NmorphForm,
+  hs as NmorphFormItem,
   I as NmorphIcon,
   fe as NmorphImage,
   Ue as NmorphImagePreview,
-  zl as NmorphLink,
-  Jt as NmorphNumberInput,
+  Wl as NmorphLink,
+  Gt as NmorphNumberInput,
   pe as NmorphOverlay,
-  vr as NmorphPagination,
-  Ps as NmorphProgress,
+  $r as NmorphPagination,
+  Fs as NmorphProgress,
   Ae as NmorphRadio,
   ye as NmorphRadioGroup,
   qe as NmorphScroll,
-  sa as NmorphSelect,
+  la as NmorphSelect,
   Re as NmorphSelectOption,
-  _r as NmorphSkeleton,
-  at as NmorphSkeletonItem,
-  Kt as NmorphSlider,
-  Ke as NmorphSortButton,
-  ta as NmorphSwitch,
-  Xs as NmorphTabPane,
+  br as NmorphSkeleton,
+  tt as NmorphSkeletonItem,
+  Qt as NmorphSlider,
+  ea as NmorphSwitch,
+  tr as NmorphTabPane,
   Je as NmorphTable,
   Qe as NmorphTableCell,
   Xe as NmorphTableColumn,
-  Js as NmorphTabs,
+  er as NmorphTabs,
   je as NmorphTag,
   Pe as NmorphTextInput,
-  $a as NmorphTimePicker,
+  ba as NmorphTimePicker,
   Ye as NmorphTooltip,
   ve as NmorphYearMonthPicker,
-  ct as createBlockModifiers,
+  it as createBlockModifiers,
   Me as deepClone,
   Mr as default,
   se as generateUUID,
   xr as isStringHtml,
-  V as useModifiers
+  B as useModifiers
 };