@nmorph/nmorph-ui-kit 0.2.155 → 0.2.157

package/dist/index.es.js

@@ -1,10 +1,10 @@
-import { defineComponent as D, computed as h, ref as $, openBlock as a, createElementBlock as o, normalizeClass as V, createElementVNode as n, createBlock as F, unref as _, renderSlot as C, toDisplayString as L, createCommentVNode as O, useCssVars as I, normalizeStyle as ne, resolveDynamicComponent as K2, createStaticVNode as u2, createTextVNode as re, inject as N, onUnmounted as ke, onMounted as ae, nextTick as _e, watch as K, mergeProps as fe, createVNode as k, withCtx as R, reactive as ue, Fragment as Q, renderList as Z, provide as ee, Teleport as we, withModifiers as ie, withDirectives as qe, vShow as Fe, useSlots as Le, readonly as Re, TransitionGroup as xe, withKeys as pe, resolveComponent as Ue } from "vue";
+import { defineComponent as D, computed as h, ref as $, openBlock as a, createElementBlock as o, normalizeClass as B, createElementVNode as n, createBlock as R, unref as _, renderSlot as C, toDisplayString as L, createCommentVNode as O, useCssVars as I, normalizeStyle as ne, resolveDynamicComponent as K2, createStaticVNode as u2, createTextVNode as re, inject as N, onUnmounted as $e, onMounted as ae, nextTick as _e, watch as G, mergeProps as fe, createVNode as k, withCtx as j, reactive as ue, Fragment as Q, renderList as Z, provide as ee, Teleport as we, withModifiers as ie, withDirectives as qe, vShow as Fe, useSlots as Le, readonly as Re, TransitionGroup as xe, withKeys as pe, resolveComponent as Ue } from "vue";
 import { useI18n as Ve, createI18n as Q2 } from "vue-i18n";
 var se = /* @__PURE__ */ ((t) => (t.thick = "thick-component", t.default = "default-height-component", t.thin = "thin-component", t))(se || {}), Z2 = /* @__PURE__ */ ((t) => (t.circle = "circle", t.square = "square", t))(Z2 || {}), X2 = /* @__PURE__ */ ((t) => (t.ascending = "ascending", t.descending = "descending", t))(X2 || {}), J2 = /* @__PURE__ */ ((t) => (t.row = "row", t.column = "column", t))(J2 || {}), v2 = /* @__PURE__ */ ((t) => (t.inset = "shadow-inset", t.outset = "shadow-outset", t.combined = "shadow-combined", t["not-defined"] = "shadow-not-defined", t))(v2 || {}), h2 = /* @__PURE__ */ ((t) => (t.accent = "accent", t.success = "success", t.error = "error", t.warning = "warning", t))(h2 || {}), i = /* @__PURE__ */ ((t) => (t["add-location"] = "add-location", t.aim = "aim", t["alarm-clock"] = "alarm-clock", t.apple = "apple", t.archive = "archive", t["arrow-down"] = "arrow-down", t["arrow-left"] = "arrow-left", t["arrow-right"] = "arrow-right", t["arrow-up"] = "arrow-up", t.audio = "audio", t.avatar = "avatar", t.back = "back", t["bell-filled"] = "bell-filled", t.bell = "bell", t.bicycle = "bicycle", t["bottom-left"] = "bottom-left", t["bottom-right"] = "bottom-right", t.bottom = "bottom", t.burger = "burger", t.calendar = "calendar", t.camera = "camera", t["caret-bottom"] = "caret-bottom", t["caret-left"] = "caret-left", t["caret-right"] = "caret-right", t["caret-top"] = "caret-top", t.cellphone = "cellphone", t["chat-dot-round"] = "chat-dot-round", t["chat-dot-square"] = "chat-dot-square", t["chat-line-round"] = "chat-line-round", t["chat-line-square"] = "chat-line-square", t["chat-round"] = "chat-round", t["chat-square"] = "chat-square", t.check = "check", t.checked = "checked", t.cherry = "cherry", t["chevron-double-down"] = "chevron-double-down", t["chevron-down"] = "chevron-down", t["chrome-filled"] = "chrome-filled", t["circle-check-filled"] = "circle-check-filled", t["circle-check"] = "circle-check", t["circle-close-filled"] = "circle-close-filled", t["circle-close"] = "circle-close", t["circle-plus-filled"] = "circle-plus-filled", t["circle-plus"] = "circle-plus", t.clock = "clock", t.close = "close", t.cloudy = "cloudy", t.code = "code", t["coffee-cup"] = "coffee-cup", t.coffee = "coffee", t.coin = "coin", t["collection-tag"] = "collection-tag", t.collection = "collection", t.compass = "compass", t.connection = "connection", t.coordinate = "coordinate", t["copy-document"] = "copy-document", t.copy = "copy", t.cpu = "cpu", t["credit-card"] = "credit-card", t.crop = "crop", t.cross = "cross", t["delete-filled"] = "delete-filled", t.delete = "delete", t.dessert = "dessert", t.discount = "discount", t.doc = "doc", t["document-add"] = "document-add", t["document-checked"] = "document-checked", t["document-copy"] = "document-copy", t["document-delete"] = "document-delete", t["document-remove"] = "document-remove", t.document = "document", t.download = "download", t["edit-pen"] = "edit-pen", t.edit = "edit", t.enlarge = "enlarge", t.error = "error", t.expand = "expand", t["eye-blocked"] = "eye-blocked", t.eye = "eye", t.failed = "failed", t.files = "files", t.film = "film", t.filter = "filter", t.finished = "finished", t.flag = "flag", t.fold = "fold", t["folder-add"] = "folder-add", t["folder-checked"] = "folder-checked", t["folder-delete"] = "folder-delete", t["folder-opened"] = "folder-opened", t.folder = "folder", t.food = "food", t["fork-spoon"] = "fork-spoon", t["full-screen"] = "full-screen", t.goblet = "goblet", t["gold-medal"] = "gold-medal", t["goods-filled"] = "goods-filled", t.goods = "goods", t.grape = "grape", t.grid = "grid", t.guide = "guide", t.handbag = "handbag", t.headset = "headset", t.histogram = "histogram", t["hot-water"] = "hot-water", t.house = "house", t["ice-cream-round"] = "ice-cream-round", t["ice-drink"] = "ice-drink", t["info-filled"] = "info-filled", t.info = "info", t.image = "image", t.key = "key", t["knife-fork"] = "knife-fork", t.lightning = "lightning", t.link = "link", t.list = "list", t.loader = "loader", t.loading = "loading", t["location-filled"] = "location-filled", t["location-information"] = "location-information", t.location = "location", t.lock = "lock", t.logo = "logo", t.lollipop = "lollipop", t["magic-stick"] = "magic-stick", t.magnet = "magnet", t.male = "male", t.management = "management", t["map-location"] = "map-location", t.medal = "medal", t.memo = "memo", t.menu = "menu", t["message-box"] = "message-box", t.message = "message", t.mic = "mic", t.microphone = "microphone", t.minus = "minus", t.money = "money", t.monitor = "monitor", t.moon = "moon", t["more-filled"] = "more-filled", t.more = "more", t["mostly-cloudy"] = "mostly-cloudy", t.mouse = "mouse", t.mug = "mug", t["mute-notification"] = "mute-notification", t.mute = "mute", t["no-smoking"] = "no-smoking", t.notebook = "notebook", t.notification = "notification", t["office-building"] = "office-building", t.operation = "operation", t.opportunity = "opportunity", t.orange = "orange", t.paperclip = "paperclip", t["partly-cloudy"] = "partly-cloudy", t.pear = "pear", t["phone-filled"] = "phone-filled", t.phone = "phone", t.picture = "picture", t["pie-chart"] = "pie-chart", t.place = "place", t.platform = "platform", t.plus = "plus", t.pointer = "pointer", t.position = "position", t["post-card"] = "post-card", t.pouring = "pouring", t.present = "present", t["price-tag"] = "price-tag", t.printer = "printer", t.promotion = "promotion", t["quartz-watch"] = "quartz-watch", t["question-filled"] = "question-filled", t.rank = "rank", t["reading-lamp"] = "reading-lamp", t.reading = "reading", t["refresh-left"] = "refresh-left", t["refresh-right"] = "refresh-right", t.refresh = "refresh", t.refrigerator = "refrigerator", t["remove-filled"] = "remove-filled", t.remove = "remove", t["rotate-left"] = "rotate-left", t["rotate-right"] = "rotate-right", t["scale-to-original"] = "scale-to-original", t.school = "school", t.scissor = "scissor", t.search = "search", t.select = "select", t.sell = "sell", t["semi-select"] = "semi-select", t.service = "service", t.setting = "setting", t.share = "share", t.ship = "ship", t.shop = "shop", t["shopping-bag"] = "shopping-bag", t["shopping-cart-full"] = "shopping-cart-full", t["shopping-cart"] = "shopping-cart", t.shrink = "shrink", t.smoking = "smoking", t.soccer = "soccer", t["sold-out"] = "sold-out", t["sort-down"] = "sort-down", t["sort-up"] = "sort-up", t.sort = "sort", t.stamp = "stamp", t["star-filled"] = "star-filled", t.star = "star", t["success-filled"] = "success-filled", t.success = "success", t.sugar = "sugar", t.sunny = "sunny", t.sunrise = "sunrise", t.sunset = "sunset", t["switch-button"] = "switch-button", t["switch-filled"] = "switch-filled", t.switch = "switch", t["takeaway-box"] = "takeaway-box", t.ticket = "ticket", t.tickets = "tickets", t.time = "time", t.timer = "timer", t["toilet-paper"] = "toilet-paper", t.tools = "tools", t["top-left"] = "top-left", t["top-right"] = "top-right", t.top = "top", t["trend-charts"] = "trend-charts", t["triangle-down"] = "triangle-down", t["trophy-base"] = "trophy-base", t.trophy = "trophy", t["turn-off"] = "turn-off", t.umbrella = "umbrella", t.unlock = "unlock", t["upload-filled"] = "upload-filled", t.upload = "upload", t["user-filled"] = "user-filled", t.user = "user", t.van = "van", t["video-camera"] = "video-camera", t["video-pause"] = "video-pause", t["video-play"] = "video-play", t.video = "video", t.view = "view", t["wallet-filled"] = "wallet-filled", t.wallet = "wallet", t["warn-triangle-filled"] = "warn-triangle-filled", t.warning = "warning", t.watch = "watch", t["wind-power"] = "wind-power", t["zoom-in"] = "zoom-in", t["zoom-out"] = "zoom-out", t["plus-thin"] = "plus-thin", t["minus-thin"] = "minus-thin", t))(i || {}), N2 = /* @__PURE__ */ ((t) => (t.left = "left", t.right = "right", t.top = "top", t.bottom = "bottom", t))(N2 || {}), I2 = /* @__PURE__ */ ((t) => (t.fill = "fill", t.contain = "contain", t.cover = "cover", t.none = "none", t["scale-down"] = "scale-down", t))(I2 || {}), U = /* @__PURE__ */ ((t) => (t.en = "en", t.ru = "ru", t.zh = "zh", t))(U || {}), e0 = /* @__PURE__ */ ((t) => (t["radio-style"] = "radio-style", t.button = "button", t))(e0 || {}), t0 = /* @__PURE__ */ ((t) => (t.date = "date", t.dates = "dates", t.daterange = "daterange", t))(t0 || {});
 const n0 = (t, e) => {
   const l = e.filter((r) => r !== "false" && r && r !== "undefined").map((r) => `${t}--${r}`);
   return l.push(t), l.join(" ").trim().replace(/\s+/g, " ");
-}, A = (t) => Object.entries(t).map(([e, l]) => n0(e, l)).join(" ").trim().replace(/\s+/g, " "), a2 = (t) => JSON.parse(JSON.stringify(t)), O9 = (t) => {
+}, T = (t) => Object.entries(t).map(([e, l]) => n0(e, l)).join(" ").trim().replace(/\s+/g, " "), a2 = (t) => JSON.parse(JSON.stringify(t)), O9 = (t) => {
   if (!t)
     return !1;
   const e = new DOMParser().parseFromString(t, "text/html");
@@ -34,7 +34,7 @@ const n0 = (t, e) => {
 }, E9 = (t) => t.replace(/(^\w|-\w)/g, (e) => e.replace(/-/, "").toUpperCase()), q9 = (t) => {
   const e = t.replace(/([A-Z])/g, " $1").trim();
   return e.charAt(0).toUpperCase() + e.slice(1);
-}, F9 = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/([A-Z])/g, "-$1").toLowerCase().replace(/--+/g, "-").replace(/^-/, ""), R9 = (t) => t.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/([A-Z])/g, " $1").trim(), o0 = ["disabled", "loading", "type"], l0 = { key: 1 }, r0 = { key: 0 }, Y = /* @__PURE__ */ D({
+}, F9 = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/([A-Z])/g, "-$1").toLowerCase().replace(/--+/g, "-").replace(/^-/, ""), R9 = (t) => t.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/([A-Z])/g, " $1").trim(), o0 = ["disabled", "loading", "type", "tabindex"], l0 = { key: 1 }, r0 = { key: 0 }, Y = /* @__PURE__ */ D({
   __name: "NmorphButton",
   props: {
     styleType: { default: "default" },
@@ -46,12 +46,13 @@ const n0 = (t, e) => {
     shape: { default: "default" },
     icon: { default: void 0 },
     fill: { type: Boolean, default: !1 },
+    tabindex: { default: 0 },
     height: { default: "default" },
     disabled: { type: Boolean, default: !1 }
   },
   setup(t, { expose: e }) {
     const l = t, r = h(
-      () => A({
+      () => T({
         nmorph: [se[l.height], `${l.fill && "fill"}`],
         "nmorph-button": [
           l.styleType,
@@ -62,13 +63,13 @@ const n0 = (t, e) => {
           `${l.icon && "icon"}`
         ]
       })
-    ), s = $(null), u = {
+    ), s = $(null), c = {
       thin: "small",
       default: "medium",
       thick: "large"
-    }, c = h(() => u[l.height]);
+    }, u = h(() => c[l.height]);
     return e({ buttonDOMElement: s }), (d, v) => (a(), o("div", {
-      class: V(r.value)
+      class: B(r.value)
     }, [
       n("button", {
         ref_key: "buttonDOMElement",
@@ -76,18 +77,19 @@ const n0 = (t, e) => {
         class: "nmorph-button__content",
         disabled: l.disabled,
         loading: l.loading,
-        type: l.type
+        type: l.type,
+        tabindex: l.tabindex
       }, [
-        l.icon ? (a(), F(_(E), {
+        l.icon ? (a(), R(_(q), {
           key: 0,
           name: l.icon
         }, null, 8, ["name"])) : (a(), o("div", l0, [
           C(d.$slots, "default"),
           !l.loading && l.text !== void 0 ? (a(), o("span", r0, L(l.text), 1)) : O("", !0),
-          l.loading ? (a(), F(_(E), {
+          l.loading ? (a(), R(_(q), {
             key: 1,
             name: "loader",
-            size: c.value
+            size: u.value
           }, null, 8, ["size"])) : O("", !0),
           C(d.$slots, "append")
         ]))
@@ -99,7 +101,7 @@ var p2 = /* @__PURE__ */ ((t) => (t.default = "default", t.transparent = "transp
 const s0 = {
   key: 0,
   class: "nmorph-icon__content"
-}, E = /* @__PURE__ */ D({
+}, q = /* @__PURE__ */ D({
   __name: "NmorphIcon",
   props: {
     name: { default: void 0 },
@@ -109,11 +111,11 @@ const s0 = {
     color: { default: "var(--nmorph-text-color)" }
   },
   setup(t) {
-    I((u) => ({
+    I((c) => ({
       d36f10ce: s.value
     }));
     const e = t, l = h(
-      () => A({
+      () => T({
         "nmorph-icon": [
           `${!e.width && !e.height && e.size}`,
           `${e.width && "custom-width"}`,
@@ -121,16 +123,16 @@ const s0 = {
         ]
       })
     ), r = h(() => {
-      const u = {};
-      return e.width && (u["--width"] = e.width), e.height && (u["--height"] = e.height), u;
+      const c = {};
+      return e.width && (c["--width"] = e.width), e.height && (c["--height"] = e.height), c;
     }), s = h(() => e.color);
-    return (u, c) => (a(), o("div", {
-      class: V(l.value),
+    return (c, u) => (a(), o("div", {
+      class: B(l.value),
       style: ne(r.value)
     }, [
       e.name ? (a(), o("div", s0, [
-        (a(), F(K2(_(g2)[e.name])))
-      ])) : C(u.$slots, "default", { key: 1 })
+        (a(), R(K2(_(g2)[e.name])))
+      ])) : C(c.$slots, "default", { key: 1 })
     ], 6));
   }
 });
@@ -2850,12 +2852,12 @@ const zd = { render: Hd }, g2 = {
   },
   setup(t) {
     const e = t, l = h(
-      () => A({
+      () => T({
         "nmorph-link": [e.type, `${e.underline && "underline"}`, `${e.disabled && "disabled"}`]
       })
     );
     return (r, s) => (a(), o("div", {
-      class: V(l.value)
+      class: B(l.value)
     }, [
       n("a", {
         href: e.href,
@@ -2863,7 +2865,7 @@ const zd = { render: Hd }, g2 = {
       }, [
         C(r.$slots, "prepend"),
         re(" " + L(r.text) + " ", 1),
-        r.iconName ? (a(), F(_(E), {
+        r.iconName ? (a(), R(_(q), {
           key: 0,
           class: "nmorph-link__icon",
           name: e.iconName,
@@ -2901,39 +2903,39 @@ const Bd = /* @__PURE__ */ D({
   emits: ["on-scroll", "update:model-value", "on-scroll-end"],
   setup(t, { expose: e, emit: l }) {
     I((te) => ({
-      "616ac766": q.value,
-      "3eb1ffd9": G.value,
-      "68ca2cc6": p.value,
+      "616ac766": F.value,
+      "3eb1ffd9": K.value,
+      "68ca2cc6": m.value,
       e6613a6c: w.value,
-      "475844c4": c.value,
-      "475844c5": u.value,
+      "475844c4": u.value,
+      "475844c5": c.value,
       "408c54d1": W.value,
       ba0dc0f6: f.value,
       bb485170: x.value
     }));
-    const r = t, s = $(null), u = h(() => r.scrollYProp), c = h(() => r.scrollXProp), d = $(!1), v = $(!1), m = () => {
+    const r = t, s = $(null), c = h(() => r.scrollYProp), u = h(() => r.scrollXProp), d = $(!1), v = $(!1), p = () => {
       d.value = s.value?.scrollHeight > s.value?.clientHeight, v.value = s.value?.scrollWidth > s.value?.clientWidth;
-    }, M = h(() => r.yBarWidthInPx + r.yGapInPx), z = h(() => r.xBarWidthInPx + r.xGapInPx), p = h(
-      () => r.scrollYProp === "hidden" || !d.value ? "0" : `${M.value}px`
+    }, H = h(() => r.yBarWidthInPx + r.yGapInPx), z = h(() => r.xBarWidthInPx + r.xGapInPx), m = h(
+      () => r.scrollYProp === "hidden" || !d.value ? "0" : `${H.value}px`
     ), w = h(
       () => r.scrollXProp === "hidden" || !v.value ? "0" : `${z.value}px`
-    ), f = h(() => `${r.yBarWidthInPx}px`), x = h(() => `${r.xBarWidthInPx}px`), y = N("nmorph");
+    ), f = h(() => `${r.yBarWidthInPx}px`), x = h(() => `${r.xBarWidthInPx}px`), b = N("nmorph");
     let g;
-    const H = l, B = () => {
+    const M = l, V = () => {
       const te = Math.trunc(s.value?.scrollLeft), X = Math.trunc(s.value?.scrollTop);
-      H("update:model-value", { x: te, y: X });
-    }, j = () => {
-      H("on-scroll-end");
+      M("update:model-value", { x: te, y: X });
+    }, E = () => {
+      M("on-scroll-end");
     }, P = (te) => {
-      H("on-scroll", te), s.value && (r.updateOnlyOnScrollEnd || B(), g !== void 0 && clearTimeout(g), g = setTimeout(() => {
-        r.updateOnlyOnScrollEnd && B(), j();
+      M("on-scroll", te), s.value && (r.updateOnlyOnScrollEnd || V(), g !== void 0 && clearTimeout(g), g = setTimeout(() => {
+        r.updateOnlyOnScrollEnd && V(), E();
       }, r.scrollEndDelay));
     };
-    ke(() => {
+    $e(() => {
       g !== void 0 && clearTimeout(g);
     });
-    const b = $(!1), T = h(
-      () => A({
+    const y = $(!1), A = h(
+      () => T({
         "nmorph-scroll": []
       })
     ), S = (te) => {
@@ -2945,31 +2947,31 @@ const Bd = /* @__PURE__ */ D({
       });
     };
     ae(() => {
-      S(r.modelValue), _e(m);
-    }), K(
+      S(r.modelValue), _e(p);
+    }), G(
       () => r.modelValue,
       (te) => {
         S(te);
       },
       { deep: !0, immediate: !0 }
-    ), K(
-      () => y?.browser.dimensions,
+    ), G(
+      () => b?.browser.dimensions,
       () => {
-        _e(m);
+        _e(p);
       },
       { deep: !0, immediate: !0 }
     );
-    const W = h(() => r.cssScrollBehavior), q = h(() => r.height), G = h(() => r.maxHeight), oe = bu(r);
+    const W = h(() => r.cssScrollBehavior), F = h(() => r.height), K = h(() => r.maxHeight), oe = bu(r);
     e({ scrollDOMContainer: s, moveTo: S });
     const ge = () => {
-      b.value = !0;
+      y.value = !0;
     }, de = () => {
-      b.value = !1;
+      y.value = !1;
     };
     return (te, X) => (a(), o("div", fe({
       ref_key: "scrollDOMContainer",
       ref: s,
-      class: T.value
+      class: A.value
     }, _(oe), {
       onScroll: P,
       onMouseenter: ge,
@@ -2995,37 +2997,37 @@ const Cd = /* @__PURE__ */ D({
   emits: ["error", "load"],
   setup(t, { emit: e }) {
     I((w) => ({
-      "574116af": p.value,
-      "11dd63ea": m.value,
+      "574116af": m.value,
+      "11dd63ea": p.value,
       "11d2c240": v.value,
       "75c6801c": z.value
     }));
-    const l = t, r = e, s = $(!1), u = h(
-      () => A({
+    const l = t, r = e, s = $(!1), c = h(
+      () => T({
         nmorph: [`${l.frameBorder > 0 && "shadow-combined"}`],
         "nmorph-avatar": [l.shape]
       })
-    ), c = (w) => {
+    ), u = (w) => {
       r("error", w), s.value = !0;
     }, d = (w) => {
       r("load", w), s.value = !1;
-    }, v = h(() => `${l.imagePadding}px`), m = h(() => ` ${l.size}px`), M = h(() => `${l.size / 100 * 60}px`), z = h(() => l.shape === "circle" ? "50%" : "4px"), p = h(() => `${l.frameBorder}px`);
+    }, v = h(() => `${l.imagePadding}px`), p = h(() => ` ${l.size}px`), H = h(() => `${l.size / 100 * 60}px`), z = h(() => l.shape === "circle" ? "50%" : "4px"), m = h(() => `${l.frameBorder}px`);
     return (w, f) => (a(), o("div", {
-      class: V(u.value)
+      class: B(c.value)
     }, [
-      k(_(ze), {
+      k(_(ke), {
         fit: l.fit,
         src: l.src,
         "src-set": l.srcSet,
         alt: l.alt,
         "frame-border": 0,
         onLoad: d,
-        onError: c
+        onError: u
       }, {
-        error: R(() => [
-          k(_(E), {
+        error: j(() => [
+          k(_(q), {
             name: "avatar",
-            width: M.value
+            width: H.value
           }, null, 8, ["width"])
         ]),
         _: 1
@@ -3033,12 +3035,12 @@ const Cd = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const $e = (t, e) => {
+const ye = (t, e) => {
   const l = t.__vccOpts || t;
   for (const [r, s] of e)
     l[r] = s;
   return l;
-}, Sd = /* @__PURE__ */ $e(Cd, [["__scopeId", "data-v-ced15967"]]), Ad = {
+}, Sd = /* @__PURE__ */ ye(Cd, [["__scopeId", "data-v-ced15967"]]), Ad = {
   key: 0,
   class: "nmorph-badge__dot"
 }, Td = {
@@ -3057,39 +3059,39 @@ const $e = (t, e) => {
     disabled: { type: Boolean, default: !1 }
   },
   setup(t) {
-    I((m) => ({
-      "68e4a285": m.color
+    I((p) => ({
+      "68e4a285": p.color
     }));
     const e = t, l = h(
-      () => A({
+      () => T({
         "nmorph-badge": [`${e.hidden && "hidden"}`]
       })
     ), r = h(
-      () => A({
+      () => T({
         "nmorph-badge__container": [`${e.hidden && "hidden"}`]
       })
-    ), s = h(() => typeof Number(e.value) == "number" && Number(e.value) > e.max ? `${e.max}+` : e.value), u = h(() => {
-      const m = `${(d?.value / 2 + e.offsetX) * -1}px`, M = `${(v?.value / 2 + e.offsetY) * -1}px`;
+    ), s = h(() => typeof Number(e.value) == "number" && Number(e.value) > e.max ? `${e.max}+` : e.value), c = h(() => {
+      const p = `${(d?.value / 2 + e.offsetX) * -1}px`, H = `${(v?.value / 2 + e.offsetY) * -1}px`;
       return {
-        x: m,
-        y: M
+        x: p,
+        y: H
       };
-    }), c = $(null), d = $(0), v = $(0);
+    }), u = $(null), d = $(0), v = $(0);
     return ae(() => {
-      c.value && (d.value = c.value.clientWidth, v.value = c.value.clientHeight);
-    }), (m, M) => e.disabled ? C(m.$slots, "default", { key: 1 }) : (a(), o("div", {
+      u.value && (d.value = u.value.clientWidth, v.value = u.value.clientHeight);
+    }), (p, H) => e.disabled ? C(p.$slots, "default", { key: 1 }) : (a(), o("div", {
       key: 0,
-      class: V(l.value)
+      class: B(l.value)
     }, [
-      C(m.$slots, "default"),
+      C(p.$slots, "default"),
       n("div", {
         ref_key: "badge",
-        ref: c,
-        class: V(r.value),
-        style: ne({ right: u.value.x, top: u.value.y })
+        ref: u,
+        class: B(r.value),
+        style: ne({ right: c.value.x, top: c.value.y })
       }, [
         e.isDot ? (a(), o("div", Ad)) : (a(), o("div", Td, [
-          C(m.$slots, "value", {}, () => [
+          C(p.$slots, "value", {}, () => [
             re(L(s.value), 1)
           ])
         ]))
@@ -3109,39 +3111,39 @@ const Od = { class: "nmorph-calendar-header__text" }, Pd = { class: "nmorph-cale
   emits: ["click-previous-month", "click-today", "click-next-month"],
   setup(t, { emit: e }) {
     const l = t, r = e, s = h(
-      () => A({
+      () => T({
         "nmorph-calendar-header": []
       })
     );
-    return (u, c) => (a(), o("div", {
-      class: V(s.value)
+    return (c, u) => (a(), o("div", {
+      class: B(s.value)
     }, [
-      C(u.$slots, "default", {}, () => [
+      C(c.$slots, "default", {}, () => [
         n("div", Od, L(l.year) + " " + L(_(Ye)(l.month)), 1),
         n("div", Pd, [
-          u.showPreviousMonthButton ? (a(), F(_(Y), {
+          c.showPreviousMonthButton ? (a(), R(_(Y), {
             key: 0,
             class: "nmorph-calendar-header__action",
-            onClick: c[0] || (c[0] = (d) => r("click-previous-month"))
+            onClick: u[0] || (u[0] = (d) => r("click-previous-month"))
           }, {
-            default: R(() => [
-              k(_(E), { name: "arrow-left" })
+            default: j(() => [
+              k(_(q), { name: "arrow-left" })
             ]),
             _: 1
           })) : O("", !0),
-          u.showTodayButton ? (a(), F(_(Y), {
+          c.showTodayButton ? (a(), R(_(Y), {
             key: 1,
             class: "nmorph-calendar-header__action",
             text: "Today",
-            onClick: c[1] || (c[1] = (d) => r("click-today"))
+            onClick: u[1] || (u[1] = (d) => r("click-today"))
           })) : O("", !0),
-          u.showNextMonthButton ? (a(), F(_(Y), {
+          c.showNextMonthButton ? (a(), R(_(Y), {
             key: 2,
             class: "nmorph-calendar-header__action",
-            onClick: c[2] || (c[2] = (d) => r("click-next-month"))
+            onClick: u[2] || (u[2] = (d) => r("click-next-month"))
           }, {
-            default: R(() => [
-              k(_(E), { name: "arrow-right" })
+            default: j(() => [
+              k(_(q), { name: "arrow-right" })
             ]),
             _: 1
           })) : O("", !0)
@@ -3167,45 +3169,45 @@ const qd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
   },
   emits: ["update:model-value", "update-initial-date"],
   setup(t, { emit: e }) {
-    const l = t, r = e, { days: s } = Be(), u = () => {
+    const l = t, r = e, { days: s } = Be(), c = () => {
       w.value = g.value;
-    }, c = () => {
+    }, u = () => {
       w.value = /* @__PURE__ */ new Date();
     }, d = () => {
-      w.value = H.value;
+      w.value = M.value;
     }, v = () => {
       throw new Error("model value and type prop not matched");
-    }, m = (b) => {
-      if (b === null)
+    }, p = (y) => {
+      if (y === null)
         return null;
       if (l.type === "date") {
-        if (b instanceof Date)
-          return ce(b);
+        if (y instanceof Date)
+          return ce(y);
         v();
       }
-      const T = Array.isArray(b) && b.every((S) => S instanceof Date);
+      const A = Array.isArray(y) && y.every((S) => S instanceof Date);
       if (l.type === "dates") {
-        if (T)
-          return b.map((S) => ce(S));
+        if (A)
+          return y.map((S) => ce(S));
         v();
       }
       if (l.type === "daterange") {
-        if (T)
-          return b.map((S) => ce(S)).slice(0, 2);
+        if (A)
+          return y.map((S) => ce(S)).slice(0, 2);
         v();
       }
-    }, M = (b) => {
+    }, H = (y) => {
       if (f.value === null)
         return;
-      const { monthType: T, hidden: S } = b;
+      const { monthType: A, hidden: S } = y;
       if (S)
         return;
-      T === "next" && d(), T === "previous" && u();
-      const { date: W } = b;
+      A === "next" && d(), A === "previous" && c();
+      const { date: W } = y;
       if (l.type === "date" && (f.value = W, r("update:model-value", f.value)), l.type === "dates") {
         if (!Array.isArray(f.value))
           return v();
-        const q = W.toDateString(), oe = f.value.map((de) => de.toDateString()).indexOf(q);
+        const F = W.toDateString(), oe = f.value.map((de) => de.toDateString()).indexOf(F);
         oe !== -1 ? f.value.splice(oe, 1) : f.value.push(W), r("update:model-value", f.value);
       }
       if (l.type === "daterange") {
@@ -3213,115 +3215,115 @@ const qd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
           return v();
         f.value.length === 0 ? f.value.push(W) : f.value.length === 1 ? W < f.value[0] ? f.value = [W, f.value[0]] : f.value.push(W) : f.value = [W], r("update:model-value", f.value.slice(0, 2));
       }
-    }, z = (b, T) => {
-      const [S, W] = T;
-      return T.length === 1 ? b.toDateString() === S.toDateString() : S && W ? b >= ce(S) && b <= ce(W) : !1;
-    }, p = (b) => {
+    }, z = (y, A) => {
+      const [S, W] = A;
+      return A.length === 1 ? y.toDateString() === S.toDateString() : S && W ? y >= ce(S) && y <= ce(W) : !1;
+    }, m = (y) => {
       if (f.value === null)
         return !1;
       if (l.type === "date")
-        return Array.isArray(f.value) ? v() : f.value.toDateString() === b.toDateString();
+        return Array.isArray(f.value) ? v() : f.value.toDateString() === y.toDateString();
       if (l.type === "dates")
-        return Array.isArray(f.value) ? !!f.value.find((S) => S.toDateString() === b.toDateString()) : v();
+        return Array.isArray(f.value) ? !!f.value.find((S) => S.toDateString() === y.toDateString()) : v();
       if (l.type === "daterange")
-        return Array.isArray(f.value) ? z(b, f.value) : v();
-    }, w = $(l.initialDate), f = $(m(l.modelValue));
+        return Array.isArray(f.value) ? z(y, f.value) : v();
+    }, w = $(l.initialDate), f = $(p(l.modelValue));
     ae(() => {
       r("update:model-value", f.value);
     });
     let x = ue([]);
-    const y = () => {
-      x = [], k2(w, l.range).forEach((T) => {
+    const b = () => {
+      x = [], k2(w, l.range).forEach((A) => {
         const S = {};
-        T.forEach((W, q) => {
-          const G = s[q];
-          S[G] = W;
+        A.forEach((W, F) => {
+          const K = s[F];
+          S[K] = W;
         }), x.push(S);
       });
     };
-    K(
+    G(
       () => l.initialDate,
-      (b) => {
-        w.value = b;
+      (y) => {
+        w.value = y;
       },
       {
         deep: !0
       }
-    ), K(w, () => {
-      y(), r("update-initial-date", w.value);
-    }), K(
+    ), G(w, () => {
+      b(), r("update-initial-date", w.value);
+    }), G(
       () => l.modelValue,
-      (b) => {
-        f.value = m(b);
+      (y) => {
+        f.value = p(y);
       }
     );
-    const g = h(() => new Date(w.value.setMonth(w.value.getMonth() - 1))), H = h(() => new Date(w.value.setMonth(w.value.getMonth() + 1))), B = h(() => {
-      const { range: b } = l, T = b ? M2(w.value, b[0]) : !0, S = b ? H2(w.value, b[1]) : !0, W = z2(b);
+    const g = h(() => new Date(w.value.setMonth(w.value.getMonth() - 1))), M = h(() => new Date(w.value.setMonth(w.value.getMonth() + 1))), V = h(() => {
+      const { range: y } = l, A = y ? M2(w.value, y[0]) : !0, S = y ? H2(w.value, y[1]) : !0, W = z2(y);
       return {
-        showPreviousMonthButton: T,
+        showPreviousMonthButton: A,
         showNextMonthButton: S,
         showTodayButton: W
       };
-    }), j = h(
-      () => A({
+    }), E = h(
+      () => T({
         "nmorph-calendar": []
       })
-    ), P = (b) => b;
-    return y(), (b, T) => (a(), o("div", {
-      class: V(j.value)
+    ), P = (y) => y;
+    return b(), (y, A) => (a(), o("div", {
+      class: B(E.value)
     }, [
-      C(b.$slots, "header", {}, () => [
+      C(y.$slots, "header", {}, () => [
         k(Ed, {
           year: w.value.getFullYear(),
           month: w.value.getMonth(),
-          "show-previous-month-button": B.value.showPreviousMonthButton,
-          "show-today-button": B.value.showTodayButton,
-          "show-next-month-button": B.value.showNextMonthButton,
+          "show-previous-month-button": V.value.showPreviousMonthButton,
+          "show-today-button": V.value.showTodayButton,
+          "show-next-month-button": V.value.showNextMonthButton,
           onClickNextMonth: d,
-          onClickPreviousMonth: u,
-          onClickToday: c
+          onClickPreviousMonth: c,
+          onClickToday: u
         }, null, 8, ["year", "month", "show-previous-month-button", "show-today-button", "show-next-month-button"])
       ]),
-      C(b.$slots, "content", {}, () => [
+      C(y.$slots, "content", {}, () => [
         k(_(S2), {
           data: _(x),
           bordered: "",
           "row-hover": !1
         }, {
-          default: R(() => [
-            (a(!0), o(Q, null, Z(_(s), (S) => (a(), F(_(T2), {
+          default: j(() => [
+            (a(!0), o(Q, null, Z(_(s), (S) => (a(), R(_(T2), {
               key: `${S}`,
               prop: S,
               label: S.toUpperCase()
             }, {
-              default: R(({ scope: W }) => [
-                (a(!0), o(Q, null, Z(W.rows, (q, G) => (a(), F(_(A2), {
-                  key: G,
-                  row: G
+              default: j(({ scope: W }) => [
+                (a(!0), o(Q, null, Z(W.rows, (F, K) => (a(), R(_(A2), {
+                  key: K,
+                  row: K
                 }, {
-                  default: R(() => [
+                  default: j(() => [
                     n("div", {
-                      "data-date": `${P(q[S]).date}`,
-                      class: V([
+                      "data-date": `${P(F[S]).date}`,
+                      class: B([
                         "nmorph-calendar-date",
-                        `nmorph-calendar-date--${P(q[S]).monthType}`,
+                        `nmorph-calendar-date--${P(F[S]).monthType}`,
                         {
-                          "nmorph-calendar-date--today": P(q[S]).isToday && !P(q[S]).hidden && l.markToday
+                          "nmorph-calendar-date--today": P(F[S]).isToday && !P(F[S]).hidden && l.markToday
                         },
-                        { "nmorph-calendar-date--hidden": P(q[S]).hidden },
+                        { "nmorph-calendar-date--hidden": P(F[S]).hidden },
                         {
-                          "nmorph-calendar-date--selected": p(P(q[S]).date)
+                          "nmorph-calendar-date--selected": m(P(F[S]).date)
                         }
                       ]),
-                      onClick: (oe) => M(P(q[S]))
+                      onClick: (oe) => H(P(F[S]))
                     }, [
-                      C(b.$slots, "date-cell", {
+                      C(y.$slots, "date-cell", {
                         scope: {
-                          ...P(q[S]),
-                          selected: p(P(q[S]).date)
+                          ...P(F[S]),
+                          selected: m(P(F[S]).date)
                         }
                       }, () => [
-                        re(L(P(q[S]).hidden ? "-" : P(q[S]).value), 1)
+                        re(L(P(F[S]).hidden ? "-" : P(F[S]).value), 1)
                       ])
                     ], 10, Rd)
                   ]),
@@ -3361,55 +3363,55 @@ const b2 = (t) => {
   const { months: e } = Be();
   return e[t];
 }, jd = (t) => t % 4 === 0 && t % 100 !== 0 || t % 400 === 0, s2 = (t, e) => [0, 2, 4, 6, 7, 9, 11].includes(e) ? 31 : [3, 5, 8, 10].includes(e) ? 30 : jd(t) ? 29 : 28, ce = (t) => new Date(t.getFullYear(), t.getMonth(), t.getDate()), k2 = (t, e) => {
-  const l = (q) => e ? q < ce(e[0]) || q > ce(e[1]) : !1, r = t.value.getFullYear(), s = t.value.getMonth(), c = new Date(r, s, 1).getDay() + 1, d = s2(r, s), v = 7 + c - 8;
+  const l = (F) => e ? F < ce(e[0]) || F > ce(e[1]) : !1, r = t.value.getFullYear(), s = t.value.getMonth(), u = new Date(r, s, 1).getDay() + 1, d = s2(r, s), v = 7 + u - 8;
   let z = 7 - (new Date(r, s, d).getDay() + 1);
-  const p = /* @__PURE__ */ new Date(), w = p.getDate(), f = p.getMonth(), x = s - 1, y = s2(r, x);
-  let g = y - v;
-  const H = [];
-  for (; g < y; ) {
+  const m = /* @__PURE__ */ new Date(), w = m.getDate(), f = m.getMonth(), x = s - 1, b = s2(r, x);
+  let g = b - v;
+  const M = [];
+  for (; g < b; ) {
     g++;
-    const q = f === x && w === g, G = new Date(r, x, g);
-    H.push({
+    const F = f === x && w === g, K = new Date(r, x, g);
+    M.push({
       value: g,
       monthType: "previous",
-      isToday: q,
-      date: G,
-      hidden: l(G)
+      isToday: F,
+      date: K,
+      hidden: l(K)
     });
   }
-  const B = s + 1, j = [];
+  const V = s + 1, E = [];
   let P = 0;
   for (; z; ) {
     P++, z--;
-    const q = f === B && w === P, G = new Date(r, B, P);
-    j.push({
+    const F = f === V && w === P, K = new Date(r, V, P);
+    E.push({
       value: P,
       monthType: "next",
-      isToday: q,
-      date: G,
-      hidden: l(G)
+      isToday: F,
+      date: K,
+      hidden: l(K)
     });
   }
-  let b = 0;
-  const T = [];
-  for (; b < d; ) {
-    const q = p.getDate();
-    b++;
-    const G = f === s && q === b, oe = new Date(r, s, b);
-    T.push({
-      value: b,
+  let y = 0;
+  const A = [];
+  for (; y < d; ) {
+    const F = m.getDate();
+    y++;
+    const K = f === s && F === y, oe = new Date(r, s, y);
+    A.push({
+      value: y,
       monthType: "current",
-      isToday: G,
+      isToday: K,
       date: oe,
       hidden: l(oe)
     });
   }
-  const S = [...H, ...T, ...j], W = [];
-  for (let q = 0; q < S.length; q += 7) {
-    const G = S.slice(q, q + 7);
-    W.push(G);
+  const S = [...M, ...A, ...E], W = [];
+  for (let F = 0; F < S.length; F += 7) {
+    const K = S.slice(F, F + 7);
+    W.push(K);
   }
-  return W.filter((q) => !q.every((G) => G.hidden));
+  return W.filter((F) => !F.every((K) => K.hidden));
 }, Wd = { class: "nmorph-card__header" }, Ld = { class: "nmorph-card__content" }, Ud = { class: "nmorph-card__footer" }, Yd = /* @__PURE__ */ D({
   __name: "NmorphCard",
   props: {
@@ -3421,13 +3423,13 @@ const b2 = (t) => {
       "5ad14f80": r.value
     }));
     const e = t, l = h(
-      () => A({
+      () => T({
         nmorph: [v2[e.shadowType]],
         "nmorph-card": [e.shadowType]
       })
     ), r = h(() => `${e.combinedShadowBorderWidth}px`);
-    return (s, u) => (a(), o("div", {
-      class: V(l.value)
+    return (s, c) => (a(), o("div", {
+      class: B(l.value)
     }, [
       n("div", Wd, [
         C(s.$slots, "header", {}, void 0, !0)
@@ -3441,7 +3443,7 @@ const b2 = (t) => {
     ], 2));
   }
 });
-const Gd = /* @__PURE__ */ $e(Yd, [["__scopeId", "data-v-e3cb136f"]]), Kd = ["id"], Qd = { class: "nmorph-carousel__elements-indicator" }, Zd = ["onClick"], Xd = /* @__PURE__ */ D({
+const Gd = /* @__PURE__ */ ye(Yd, [["__scopeId", "data-v-e3cb136f"]]), Kd = ["id"], Qd = { class: "nmorph-carousel__elements-indicator" }, Zd = ["onClick"], Xd = /* @__PURE__ */ D({
   __name: "NmorphCarousel",
   props: {
     loop: { type: Boolean, default: !0 }
@@ -3452,56 +3454,56 @@ const Gd = /* @__PURE__ */ $e(Yd, [["__scopeId", "data-v-e3cb136f"]]), Kd = ["id
       l.value = l.value + 1;
     }, s = () => {
       l.value = l.value - 1;
-    }, u = t, c = e, d = h(
-      () => A({
+    }, c = t, u = e, d = h(
+      () => T({
         "nmorph-carousel": []
       })
-    ), v = $([]), m = ve();
-    ee("carousel-data", { data: v, carouselId: m });
-    const M = $(null), z = ue({}), p = () => {
-      const B = z[Object.keys(z).length - 1]?.cloneNode(!0), j = z[0]?.cloneNode(!0);
-      M.value?.prepend(B), M.value?.append(j), l.value += 1;
+    ), v = $([]), p = ve();
+    ee("carousel-data", { data: v, carouselId: p });
+    const H = $(null), z = ue({}), m = () => {
+      const V = z[Object.keys(z).length - 1]?.cloneNode(!0), E = z[0]?.cloneNode(!0);
+      H.value?.prepend(V), H.value?.append(E), l.value += 1;
     }, w = () => {
-      l.value === 0 && (l.value = Object.keys(z).length, y.value = !1), l.value > Object.keys(z).length && (l.value = 1, y.value = !1);
+      l.value === 0 && (l.value = Object.keys(z).length, b.value = !1), l.value > Object.keys(z).length && (l.value = 1, b.value = !1);
     };
     ae(() => {
-      u.loop && l.value === 0 && (_e(() => p()), M.value?.addEventListener("transitionend", w));
-    }), K(l, (B) => {
-      c("change", l.value), (B === 1 || B === Object.keys(z).length) && setTimeout(() => {
-        y.value = !0;
+      c.loop && l.value === 0 && (_e(() => m()), H.value?.addEventListener("transitionend", w));
+    }), G(l, (V) => {
+      u("change", l.value), (V === 1 || V === Object.keys(z).length) && setTimeout(() => {
+        b.value = !0;
       });
     });
-    const f = (B, j) => {
-      const P = B;
-      z[j] = P;
-    }, x = h(() => `translateX(-${l.value * 100}%)`), y = $(!0), g = (B) => B === l.value - 1, H = (B) => {
-      l.value = B + 1;
+    const f = (V, E) => {
+      const P = V;
+      z[E] = P;
+    }, x = h(() => `translateX(-${l.value * 100}%)`), b = $(!0), g = (V) => V === l.value - 1, M = (V) => {
+      l.value = V + 1;
     };
-    return (B, j) => (a(), o("div", {
-      class: V(d.value)
+    return (V, E) => (a(), o("div", {
+      class: B(d.value)
     }, [
       n("div", {
         ref_key: "carouselWrapper",
-        ref: M,
-        class: V(["nmorph-carousel__wrapper", { "transition-enabled": y.value }]),
+        ref: H,
+        class: B(["nmorph-carousel__wrapper", { "transition-enabled": b.value }]),
         style: ne({ transform: x.value })
       }, [
-        (a(!0), o(Q, null, Z(v.value, (P, b) => (a(), o("div", {
-          id: `nmorph-carousel-item-${_(m)}-${P}`,
+        (a(!0), o(Q, null, Z(v.value, (P, y) => (a(), o("div", {
+          id: `nmorph-carousel-item-${_(p)}-${P}`,
           key: P,
           ref_for: !0,
-          ref: (T) => f(T, b),
+          ref: (A) => f(A, y),
           class: "nmorph-carousel__item"
         }, null, 8, Kd))), 128))
       ], 6),
       n("div", Qd, [
-        (a(!0), o(Q, null, Z(v.value, (P, b) => (a(), o("div", {
-          key: b,
+        (a(!0), o(Q, null, Z(v.value, (P, y) => (a(), o("div", {
+          key: y,
           class: "nmorph-carousel__element-indicator-wrapper",
-          onClick: (T) => H(b)
+          onClick: (A) => M(y)
         }, [
           n("div", {
-            class: V(["nmorph-carousel__element-indicator", { "nmorph-carousel__element-indicator--active": g(b) }])
+            class: B(["nmorph-carousel__element-indicator", { "nmorph-carousel__element-indicator--active": g(y) }])
           }, null, 2)
         ], 8, Zd))), 128))
       ]),
@@ -3509,15 +3511,15 @@ const Gd = /* @__PURE__ */ $e(Yd, [["__scopeId", "data-v-e3cb136f"]]), Kd = ["id
         class: "nmorph-carousel__action-btn nmorph-carousel__prev",
         onClick: r
       }, [
-        k(_(E), { name: "chevron-down" })
+        k(_(q), { name: "chevron-down" })
       ]),
       n("div", {
         class: "nmorph-carousel__action-btn nmorph-carousel__next",
         onClick: s
       }, [
-        k(_(E), { name: "chevron-down" })
+        k(_(q), { name: "chevron-down" })
       ]),
-      C(B.$slots, "default")
+      C(V.$slots, "default")
     ], 2));
   }
 });
@@ -3528,20 +3530,20 @@ const Jd = /* @__PURE__ */ D({
   },
   setup(t) {
     const e = t, l = h(
-      () => A({
+      () => T({
         "nmorph-carousel-item": []
       })
     ), r = N("carousel-data", void 0), s = $(!1);
     return ae(() => {
       s.value = !0, r && r.data.value.push(e.name);
-    }), (u, c) => s.value ? (a(), o("div", {
+    }), (c, u) => s.value ? (a(), o("div", {
       key: 0,
-      class: V(l.value)
+      class: B(l.value)
     }, [
-      (a(), F(we, {
+      (a(), R(we, {
         to: `#nmorph-carousel-item-${_(r)?.carouselId}-${e.name}`
       }, [
-        C(u.$slots, "default")
+        C(c.$slots, "default")
       ], 8, ["to"]))
     ], 2)) : O("", !0);
   }
@@ -3554,7 +3556,7 @@ const Jd = /* @__PURE__ */ D({
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
     const l = t, r = $(l.modelValue);
-    K(
+    G(
       () => l.modelValue,
       (d) => {
         r.value = d;
@@ -3566,19 +3568,19 @@ const Jd = /* @__PURE__ */ D({
       else if (!Array.isArray(r.value))
         r.value = [d];
       else {
-        const m = r.value.indexOf(d);
-        v && m === -1 && r.value.push(d), !v && m !== -1 && r.value.splice(m, 1);
+        const p = r.value.indexOf(d);
+        v && p === -1 && r.value.push(d), !v && p !== -1 && r.value.splice(p, 1);
       }
-      u("update:model-value", r.value);
+      c("update:model-value", r.value);
     };
     ee("collapse-data", r), ee("update-model", s);
-    const u = e, c = h(
-      () => A({
+    const c = e, u = h(
+      () => T({
         "nmorph-collapse": []
       })
     );
     return (d, v) => (a(), o("div", {
-      class: V(c.value)
+      class: B(u.value)
     }, [
       C(d.$slots, "default")
     ], 2));
@@ -3594,48 +3596,48 @@ const Jd = /* @__PURE__ */ D({
   },
   emits: ["click-item"],
   setup(t, { emit: e }) {
-    const l = t, r = e, s = $(!1), u = h(
-      () => A({
+    const l = t, r = e, s = $(!1), c = h(
+      () => T({
         "nmorph-collapse-item": [`${l.disabled && "disabled"}`, `${s.value && "is-open"}`]
       })
-    ), c = h(
-      () => A({
+    ), u = h(
+      () => T({
         nmorph: [se[l.height]]
       })
-    ), d = N("collapse-data", void 0), v = N("update-model", void 0), m = $(null), M = $(0), z = () => {
+    ), d = N("collapse-data", void 0), v = N("update-model", void 0), p = $(null), H = $(0), z = () => {
       l.block || (s.value = !s.value, v && (v(l.name, s.value), r("click-item", { id: l.name, isOpen: s.value })));
     };
     return ae(() => {
       Array.isArray(d?.value) ? s.value = d.value.includes(l.name) : s.value = d?.value === l.name;
-    }), K(
+    }), G(
       () => d?.value,
-      (p) => {
-        Array.isArray(p) ? s.value = p.includes(l.name) : s.value = p === l.name;
+      (m) => {
+        Array.isArray(m) ? s.value = m.includes(l.name) : s.value = m === l.name;
       },
       { deep: !0 }
-    ), K(s, () => {
-      M.value = s.value && m.value ? m.value?.clientHeight : 0;
-    }), (p, w) => (a(), o("div", {
-      class: V(u.value),
+    ), G(s, () => {
+      H.value = s.value && p.value ? p.value?.clientHeight : 0;
+    }), (m, w) => (a(), o("div", {
+      class: B(c.value),
       onClick: ie(z, ["stop"])
     }, [
       n("div", {
-        class: V(["nmorph-collapse-item__title", c.value])
+        class: B(["nmorph-collapse-item__title", u.value])
       }, [
-        C(p.$slots, "title", {}, () => [
+        C(m.$slots, "title", {}, () => [
           re(L(l.title), 1)
         ])
       ], 2),
       n("div", {
         class: "nmorph-collapse-item__content",
-        style: ne({ height: `${M.value}px` })
+        style: ne({ height: `${H.value}px` })
       }, [
         n("div", {
           ref_key: "collapseItemDOMElContent",
-          ref: m,
+          ref: p,
           class: "nmorph-collapse-item__inner-wrapper"
         }, [
-          C(p.$slots, "default")
+          C(m.$slots, "default")
         ], 512)
       ], 4)
     ], 2));
@@ -3664,34 +3666,34 @@ const ec = ["src", "alt", "srcset"], tc = {
       "038c8bec": f.value,
       "6b4fbaa3": w.value
     }));
-    const { t: l } = Ve(), r = t, s = h(() => r.loadingText ? r.loadingText : l("NmorphImage.loadingText")), u = h(
+    const { t: l } = Ve(), r = t, s = h(() => r.loadingText ? r.loadingText : l("NmorphImage.loadingText")), c = h(
       () => r.loadFailedText ? r.loadFailedText : l("NmorphImage.loadFailedText")
-    ), c = $(!1), d = $(!1), v = e, m = (x) => {
-      c.value = !0, d.value = !1, v("load", x);
-    }, M = (x) => {
-      c.value = !0, d.value = !0, v("error", x);
-    }, z = h(() => c.value && d.value), p = h(
-      () => A({
+    ), u = $(!1), d = $(!1), v = e, p = (x) => {
+      u.value = !0, d.value = !1, v("load", x);
+    }, H = (x) => {
+      u.value = !0, d.value = !0, v("error", x);
+    }, z = h(() => u.value && d.value), m = h(
+      () => T({
         nmorph: [`${r.frameBorder > 0 && "shadow-combined"}`],
-        "nmorph-image": [`${(z.value || !c.value) && "hide"}`]
+        "nmorph-image": [`${(z.value || !u.value) && "hide"}`]
       })
     ), w = h(() => r.fit), f = h(() => `${r.frameBorder}px`);
-    return (x, y) => r.src ? (a(), o("div", {
+    return (x, b) => r.src ? (a(), o("div", {
       key: 0,
-      class: V(p.value)
+      class: B(m.value)
     }, [
       n("img", {
         src: r.src,
         alt: r.alt,
         srcset: r.srcSet,
-        onLoad: m,
-        onError: M
+        onLoad: p,
+        onError: H
       }, null, 40, ec),
       z.value ? (a(), o("div", tc, [
         C(x.$slots, "error", {}, () => [
-          re(L(u.value), 1)
+          re(L(c.value), 1)
         ], !0)
-      ])) : c.value ? O("", !0) : (a(), o("div", nc, [
+      ])) : u.value ? O("", !0) : (a(), o("div", nc, [
         C(x.$slots, "loading", {}, () => [
           re(L(s.value), 1)
         ], !0)
@@ -3699,7 +3701,7 @@ const ec = ["src", "alt", "srcset"], tc = {
     ], 2)) : O("", !0);
   }
 });
-const ze = /* @__PURE__ */ $e(ac, [["__scopeId", "data-v-4c8df10c"]]), oc = { class: "nmorph-image-preview__content" }, lc = {
+const ke = /* @__PURE__ */ ye(ac, [["__scopeId", "data-v-4c8df10c"]]), oc = { class: "nmorph-image-preview__content" }, lc = {
   key: 0,
   class: "nmorph-image-preview__left"
 }, rc = {
@@ -3719,40 +3721,40 @@ const ze = /* @__PURE__ */ $e(ac, [["__scopeId", "data-v-4c8df10c"]]), oc = { cl
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
     const l = t, r = $(l.modelValue);
-    K(
+    G(
       () => l.modelValue,
       (S) => r.value = S
     );
     const s = h(
-      () => A({
+      () => T({
         "nmorph-image-preview": [`${r.value && "opened"}`]
       })
-    ), u = $(l.initialIndex), c = h(() => typeof l.src == "string" ? l.src : l.src[u.value]), d = $(1), v = () => {
-      r.value = !0, b("update:model-value", r.value);
-    }, m = () => {
-      r.value = !1, b("update:model-value", r.value);
-    }, M = () => {
+    ), c = $(l.initialIndex), u = h(() => typeof l.src == "string" ? l.src : l.src[c.value]), d = $(1), v = () => {
+      r.value = !0, y("update:model-value", r.value);
+    }, p = () => {
+      r.value = !1, y("update:model-value", r.value);
+    }, H = () => {
       g.value = g.value + 90, g.value >= 360 && (g.value = 0);
     }, z = () => {
       g.value = g.value - 90, g.value <= -360 && (g.value = 0);
-    }, p = () => {
+    }, m = () => {
       d.value < l.maxScaleLevel && (d.value += l.scaleStep), d.value = parseFloat(d.value.toFixed(3));
     }, w = () => {
       d.value > l.minScaleLevel && (d.value -= l.scaleStep), d.value = parseFloat(d.value.toFixed(3));
     }, f = h(() => d.value < 1), x = () => {
       d.value = 1;
-    }, y = () => {
+    }, b = () => {
       d.value = 1;
-    }, g = $(0), H = () => {
-      const S = l.src.length - 1, W = u.value - 1;
-      W < 0 ? u.value = S : u.value = W;
-    }, B = () => {
-      const S = l.src.length - 1, W = u.value + 1;
-      W > S ? u.value = 0 : u.value = W;
-    }, j = h(() => {
+    }, g = $(0), M = () => {
+      const S = l.src.length - 1, W = c.value - 1;
+      W < 0 ? c.value = S : c.value = W;
+    }, V = () => {
+      const S = l.src.length - 1, W = c.value + 1;
+      W > S ? c.value = 0 : c.value = W;
+    }, E = h(() => {
       let S = {
         icon: "shrink",
-        handler: y
+        handler: b
       };
       return f.value && (S = {
         icon: "enlarge",
@@ -3761,7 +3763,7 @@ const ze = /* @__PURE__ */ $e(ac, [["__scopeId", "data-v-4c8df10c"]]), oc = { cl
     }), P = [
       {
         icon: "rotate-right",
-        handler: M
+        handler: H
       },
       {
         icon: "rotate-left",
@@ -3769,66 +3771,66 @@ const ze = /* @__PURE__ */ $e(ac, [["__scopeId", "data-v-4c8df10c"]]), oc = { cl
       },
       {
         icon: "zoom-in",
-        handler: p
+        handler: m
       },
       {
         icon: "zoom-out",
         handler: w
       }
-    ], b = e, T = h(() => Array.isArray(l.src) && l.src.length > 0);
+    ], y = e, A = h(() => Array.isArray(l.src) && l.src.length > 0);
     return (S, W) => (a(), o("div", {
-      class: V(s.value)
+      class: B(s.value)
     }, [
       n("div", {
         class: "nmorph-image-preview__trigger",
         onClick: v
       }, [
-        k(_(ze), {
-          src: c.value,
+        k(_(ke), {
+          src: u.value,
           alt: l.alt,
           fit: "cover"
         }, null, 8, ["src", "alt"])
       ]),
       k(_(De), {
         show: r.value,
-        onOnOutsideClick: m
+        onOnOutsideClick: p
       }, {
-        default: R(() => [
+        default: j(() => [
           n("div", oc, [
-            k(_(ze), {
-              src: c.value,
+            k(_(ke), {
+              src: u.value,
               alt: l.alt,
               fit: "cover",
               style: ne({ transform: `rotate(${g.value}deg) scale(${d.value})` })
             }, null, 8, ["src", "alt", "style"])
           ]),
-          T.value ? (a(), o("div", lc, [
-            k(_(Y), { onClick: H }, {
-              default: R(() => [
-                k(_(E), { name: "chevron-down" })
+          A.value ? (a(), o("div", lc, [
+            k(_(Y), { onClick: M }, {
+              default: j(() => [
+                k(_(q), { name: "chevron-down" })
               ]),
               _: 1
             })
           ])) : O("", !0),
-          T.value ? (a(), o("div", rc, [
-            k(_(Y), { onClick: B }, {
-              default: R(() => [
-                k(_(E), { name: "chevron-down" })
+          A.value ? (a(), o("div", rc, [
+            k(_(Y), { onClick: V }, {
+              default: j(() => [
+                k(_(q), { name: "chevron-down" })
               ]),
               _: 1
             })
           ])) : O("", !0),
           n("div", sc, [
-            (a(), o(Q, null, Z(P, (q, G) => n("div", {
-              key: G,
+            (a(), o(Q, null, Z(P, (F, K) => n("div", {
+              key: K,
               class: "nmorph-image-preview__action-element"
             }, [
               k(_(Y), {
-                onClick: q.handler
+                onClick: F.handler
               }, {
-                default: R(() => [
-                  k(_(E), {
-                    name: q.icon
+                default: j(() => [
+                  k(_(q), {
+                    name: F.icon
                   }, null, 8, ["name"])
                 ]),
                 _: 2
@@ -3837,11 +3839,11 @@ const ze = /* @__PURE__ */ $e(ac, [["__scopeId", "data-v-4c8df10c"]]), oc = { cl
             n("div", ic, [
               k(_(Y), {
                 disabled: d.value === 1,
-                onClick: j.value.handler
+                onClick: E.value.handler
               }, {
-                default: R(() => [
-                  k(_(E), {
-                    name: j.value.icon
+                default: j(() => [
+                  k(_(q), {
+                    name: E.value.icon
                   }, null, 8, ["name"])
                 ]),
                 _: 1
@@ -3868,50 +3870,50 @@ const dc = /* @__PURE__ */ D({
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
     const l = t, r = e, s = h(
-      () => A({
+      () => T({
         "nmorph-pagination": [`${l.disabled && "disabled"}`]
       })
-    ), u = () => {
+    ), c = () => {
       d.value = String(Number(d.value) - 1);
-    }, c = () => {
+    }, u = () => {
       d.value = String(Number(d.value) + 1);
     }, d = $(String(l.modelValue)), v = h(() => {
-      const x = l.totalElementsQuantity / l.elementsQuantityOnPage + 1, y = x % 1 === 0 ? -1 : 0;
-      return Array.from({ length: x + y }, (H, B) => ({ value: String(B + 1), label: String(B + 1) }));
-    }), m = h(() => l.hideOnSinglePage || l.totalElementsQuantity / l.elementsQuantityOnPage > 1);
-    K(d, (x) => {
+      const x = l.totalElementsQuantity / l.elementsQuantityOnPage + 1, b = x % 1 === 0 ? -1 : 0;
+      return Array.from({ length: x + b }, (M, V) => ({ value: String(V + 1), label: String(V + 1) }));
+    }), p = h(() => l.hideOnSinglePage || l.totalElementsQuantity / l.elementsQuantityOnPage > 1);
+    G(d, (x) => {
       r("update:model-value", Number(x));
     });
-    const M = (x) => {
+    const H = (x) => {
       d.value = x;
-    }, z = h(() => Number(d.value) === 1), p = h(() => v.value.length === Number(d.value)), w = h(() => {
-      const x = v.value.length, y = Number(d.value), g = l.maxVisiblePages;
+    }, z = h(() => Number(d.value) === 1), m = h(() => v.value.length === Number(d.value)), w = h(() => {
+      const x = v.value.length, b = Number(d.value), g = l.maxVisiblePages;
       if (x <= g)
         return v.value;
-      const H = Math.floor(g / 2);
-      return y <= H ? [...v.value.slice(0, g - 2), { value: "next", label: "..." }, v.value[x - 1]] : y >= x - H ? [v.value[0], { value: "prev", label: "..." }, ...v.value.slice(x - (g - 2))] : [
+      const M = Math.floor(g / 2);
+      return b <= M ? [...v.value.slice(0, g - 2), { value: "next", label: "..." }, v.value[x - 1]] : b >= x - M ? [v.value[0], { value: "prev", label: "..." }, ...v.value.slice(x - (g - 2))] : [
         v.value[0],
         { value: "prev", label: "..." },
-        ...v.value.slice(y - H, y + H - 1),
+        ...v.value.slice(b - M, b + M - 1),
         { value: "next", label: "..." },
         v.value[x - 1]
       ];
     }), f = (x) => {
-      const y = Number(d.value);
-      let g = x === "prev" ? y - l.fastForwardStep : y + l.fastForwardStep;
+      const b = Number(d.value);
+      let g = x === "prev" ? b - l.fastForwardStep : b + l.fastForwardStep;
       g <= 0 && (g = 1), g >= v.value.length && (g = v.value.length), d.value = String(g);
     };
-    return (x, y) => m.value ? (a(), o("div", {
+    return (x, b) => p.value ? (a(), o("div", {
       key: 0,
-      class: V(s.value)
+      class: B(s.value)
     }, [
       k(_(Y), {
         class: "nmorph-pagination__btn nmorph-pagination__prev-btn",
         disabled: z.value || l.disabled,
-        onClick: u
+        onClick: c
       }, {
-        default: R(() => [
-          k(_(E), {
+        default: j(() => [
+          k(_(q), {
             name: "chevron-down",
             class: "nmorph-pagination__prev-icon"
           })
@@ -3922,20 +3924,20 @@ const dc = /* @__PURE__ */ D({
         "model-value": d.value,
         class: "nmorph-pagination__page-group",
         disabled: l.disabled,
-        "onUpdate:modelValue": M
+        "onUpdate:modelValue": H
       }, {
-        default: R(() => [
+        default: j(() => [
           (a(!0), o(Q, null, Z(w.value, (g) => (a(), o("div", {
             key: g.value,
             class: "nmorph-pagination__page-btn-wrapper"
           }, [
-            g.value === "prev" || g.value === "next" ? (a(), F(_(Y), {
+            g.value === "prev" || g.value === "next" ? (a(), R(_(Y), {
               key: 0,
-              class: V(`nmorph-pagination__page-btn nmorph-pagination__${g.value}`),
+              class: B(`nmorph-pagination__page-btn nmorph-pagination__${g.value}`),
               text: g.label,
               disabled: l.disabled,
-              onClick: (H) => f(g.value)
-            }, null, 8, ["class", "text", "disabled", "onClick"])) : (a(), F(_(W2), fe({
+              onClick: (M) => f(g.value)
+            }, null, 8, ["class", "text", "disabled", "onClick"])) : (a(), R(_(W2), fe({
               key: 1,
               ref_for: !0
             }, g, {
@@ -3948,11 +3950,11 @@ const dc = /* @__PURE__ */ D({
       }, 8, ["model-value", "disabled"]),
       k(_(Y), {
         class: "nmorph-pagination__btn nmorph-pagination__next-btn",
-        disabled: p.value || l.disabled,
-        onClick: c
+        disabled: m.value || l.disabled,
+        onClick: u
       }, {
-        default: R(() => [
-          k(_(E), {
+        default: j(() => [
+          k(_(q), {
             name: "chevron-down",
             class: "nmorph-pagination__next-icon"
           })
@@ -3986,43 +3988,43 @@ const cc = {
     circleSize: { default: 120 }
   },
   setup(t) {
-    I((p) => ({
+    I((m) => ({
       "1ae927c9": r.value,
       "588931e9": s.value,
-      "781c6b0a": u.value,
-      "58c45d38": M.value
+      "781c6b0a": c.value,
+      "58c45d38": H.value
     }));
     const e = t, l = h(
-      () => A({
+      () => T({
         "nmorph-progress": []
       })
-    ), r = h(() => `${e.percentage}%`), s = h(() => Array.isArray(e.color) ? e.color.find((p) => p.percentage <= e.percentage)?.color : typeof e.color == "function" ? e.color(e.percentage) : e.color), u = h(() => e.indeterminate ? "var(--animation)" : "none"), c = $(null), d = $(1), v = h(() => `${d.value} ${d.value}`), m = h(() => d.value - e.percentage / 100 * d.value);
+    ), r = h(() => `${e.percentage}%`), s = h(() => Array.isArray(e.color) ? e.color.find((m) => m.percentage <= e.percentage)?.color : typeof e.color == "function" ? e.color(e.percentage) : e.color), c = h(() => e.indeterminate ? "var(--animation)" : "none"), u = $(null), d = $(1), v = h(() => `${d.value} ${d.value}`), p = h(() => d.value - e.percentage / 100 * d.value);
     ae(() => {
-      c.value && (d.value = 2 * Math.PI * c.value.r.baseVal.value);
+      u.value && (d.value = 2 * Math.PI * u.value.r.baseVal.value);
     });
-    const M = h(() => `${e.circleSize}px`), z = h(() => `${e.percentage}%`);
-    return (p, w) => (a(), o("div", {
-      class: V(l.value)
+    const H = h(() => `${e.circleSize}px`), z = h(() => `${e.percentage}%`);
+    return (m, w) => (a(), o("div", {
+      class: B(l.value)
     }, [
       e.type === "linear" ? (a(), o("div", cc, [
         n("div", uc, [
           n("div", vc, [
-            p.valueInside ? (a(), o("div", hc, [
-              C(p.$slots, "inner-text", {}, () => [
+            m.valueInside ? (a(), o("div", hc, [
+              C(m.$slots, "inner-text", {}, () => [
                 re(L(z.value), 1)
               ])
             ])) : O("", !0)
           ])
         ]),
-        p.valueRightSide ? (a(), o("div", pc, [
-          C(p.$slots, "right-side", {}, () => [
+        m.valueRightSide ? (a(), o("div", pc, [
+          C(m.$slots, "right-side", {}, () => [
             re(L(z.value), 1)
           ])
         ])) : O("", !0)
       ])) : O("", !0),
       e.type === "circle" ? (a(), o("div", mc, [
         n("div", _c, [
-          C(p.$slots, "circle-inner-part", {}, () => [
+          C(m.$slots, "circle-inner-part", {}, () => [
             re(L(z.value), 1)
           ])
         ]),
@@ -4032,13 +4034,13 @@ const cc = {
         }, [
           n("circle", {
             ref_key: "circle",
-            ref: c,
+            ref: u,
             class: "nmorph-progress__circle-ring",
             cx: e.circleSize / 2,
             cy: e.circleSize / 2,
             r: e.circleSize / 2 - 2,
             "stroke-dasharray": v.value,
-            "stroke-dashoffset": m.value
+            "stroke-dashoffset": p.value
           }, null, 8, gc)
         ], 8, fc))
       ])) : O("", !0)
@@ -4057,16 +4059,16 @@ const xc = {
   },
   setup(t) {
     const e = t, l = h(
-      () => A({
+      () => T({
         "nmorph-skeleton": [`${e.animated && e.loading && "loading"}`]
       })
     );
     return (r, s) => (a(), o("div", {
-      class: V(l.value)
+      class: B(l.value)
     }, [
       e.rows && e.loading ? (a(), o("div", xc, [
-        (a(!0), o(Q, null, Z(e.rows, (u) => (a(), F(_(C2), {
-          key: u,
+        (a(!0), o(Q, null, Z(e.rows, (c) => (a(), R(_(C2), {
+          key: c,
           width: "100%",
           height: "14px",
           variant: "rect"
@@ -4095,20 +4097,20 @@ const Mc = { class: "nmorph-skeleton-item__element" }, C2 = /* @__PURE__ */ D({
     design: { default: "nmorph" }
   },
   setup(t) {
-    I((u) => ({
+    I((c) => ({
       "085cc1bc": r.value,
       "2d27081e": s.value
     }));
     const e = t, l = h(
-      () => A({
+      () => T({
         "nmorph-skeleton-item": [e.variant, `${e.design === "nmorph" ? "nmorph-design" : ""}`]
       })
     ), r = h(() => e.width), s = h(() => e.height);
-    return (u, c) => (a(), o("div", {
-      class: V(l.value)
+    return (c, u) => (a(), o("div", {
+      class: B(l.value)
     }, [
       n("div", Mc, [
-        e.variant === "image" ? (a(), F(_(E), {
+        e.variant === "image" ? (a(), R(_(q), {
           key: 0,
           name: "image",
           width: e.width,
@@ -4118,7 +4120,7 @@ const Mc = { class: "nmorph-skeleton-item__element" }, C2 = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const Me = "10px", Hc = /* @__PURE__ */ D({
+const He = "10px", Hc = /* @__PURE__ */ D({
   __name: "NmorphSortButton",
   props: {
     value: {}
@@ -4126,33 +4128,33 @@ const Me = "10px", Hc = /* @__PURE__ */ D({
   emits: ["sort"],
   setup(t, { emit: e }) {
     const l = t, r = e, s = h(
-      () => A({
+      () => T({
         "nmorph-sort-button": [`${l.value}`]
       })
-    ), u = () => {
-      const c = l.value === "ascending" ? "descending" : "ascending";
-      r("sort", c);
+    ), c = () => {
+      const u = l.value === "ascending" ? "descending" : "ascending";
+      r("sort", u);
     };
-    return (c, d) => (a(), o("div", {
-      class: V(s.value)
+    return (u, d) => (a(), o("div", {
+      class: B(s.value)
     }, [
       k(_(Y), {
         height: "thin",
         "style-type": "transparent",
-        onClick: u
+        onClick: c
       }, {
-        default: R(() => [
-          k(_(E), {
+        default: j(() => [
+          k(_(q), {
             name: "triangle-down",
             class: "nmorph-sort-button__icon-up",
-            width: Me,
-            height: Me
+            width: He,
+            height: He
           }),
-          k(_(E), {
+          k(_(q), {
             name: "triangle-down",
             class: "nmorph-sort-button__icon-down",
-            width: Me,
-            height: Me
+            width: He,
+            height: He
           })
         ]),
         _: 1
@@ -4171,53 +4173,53 @@ const zc = { class: "nmorph-table__wrapper" }, kc = { class: "nmorph-table__head
   },
   setup(t) {
     const e = t, l = h(
-      () => A({
+      () => T({
         "nmorph-table": [`${e.design}`]
       })
-    ), r = $(e.data), s = $(e.sort), u = (w, f) => {
-      s.value && (s.value[f] = w, r.value.sort((x, y) => {
-        const g = String(x[f]).toLowerCase(), H = String(y[f]).toLowerCase();
+    ), r = $(e.data), s = $(e.sort), c = (w, f) => {
+      s.value && (s.value[f] = w, r.value.sort((x, b) => {
+        const g = String(x[f]).toLowerCase(), M = String(b[f]).toLowerCase();
         if (!s.value)
           return 0;
-        const B = s.value[f];
-        return B === "ascending" ? g.localeCompare(H) : B === "descending" ? H.localeCompare(g) : 0;
+        const V = s.value[f];
+        return V === "ascending" ? g.localeCompare(M) : V === "descending" ? M.localeCompare(g) : 0;
       }));
-    }, c = $(null), d = $([]);
+    }, u = $(null), d = $([]);
     ee("table-data", { rows: r, columns: d });
     const v = h(() => {
-      const w = d.value.map((H) => H.width).filter((H) => !!H), f = w.length, x = w.reduce((H, B) => (H += Number(B), H), 0), y = d.value.length - f;
-      return c.value?.clientWidth ? (c.value?.clientWidth - x) / y : 0;
-    }), m = (w) => w !== "" ? w : v.value, M = $(0);
-    K(
+      const w = d.value.map((M) => M.width).filter((M) => !!M), f = w.length, x = w.reduce((M, V) => (M += Number(V), M), 0), b = d.value.length - f;
+      return u.value?.clientWidth ? (u.value?.clientWidth - x) / b : 0;
+    }), p = (w) => w !== "" ? w : v.value, H = $(0);
+    G(
       () => e.data,
       () => {
-        M.value = M.value + 1, r.value = e.data, d.value = [];
+        H.value = H.value + 1, r.value = e.data, d.value = [];
       },
       {
         immediate: !0
       }
     );
-    const z = (w) => typeof w == "object" ? "" : w, p = ve();
-    return ee("table-identifier", p), (w, f) => (a(), o("div", {
+    const z = (w) => typeof w == "object" ? "" : w, m = ve();
+    return ee("table-identifier", m), (w, f) => (a(), o("div", {
       ref_key: "nmorphDOMTable",
-      ref: c,
-      key: M.value,
-      class: V(l.value)
+      ref: u,
+      key: H.value,
+      class: B(l.value)
     }, [
       n("div", zc, [
         n("table", kc, [
           n("colgroup", null, [
             (a(!0), o(Q, null, Z(d.value, (x) => (a(), o("col", {
               key: x.prop,
-              style: ne({ width: `${m(x.width)}px` }),
-              "data-src": `${m(x.width)}px`
+              style: ne({ width: `${p(x.width)}px` }),
+              "data-src": `${p(x.width)}px`
             }, null, 12, Vc))), 128))
           ]),
           n("thead", null, [
             n("tr", Bc, [
-              (a(!0), o(Q, null, Z(d.value, (x, y) => (a(), o("th", {
-                key: y,
-                class: V(["nmorph-table__table-data", { "nmorph-table__table-data--bordered": e.bordered }])
+              (a(!0), o(Q, null, Z(d.value, (x, b) => (a(), o("th", {
+                key: b,
+                class: B(["nmorph-table__table-data", { "nmorph-table__table-data--bordered": e.bordered }])
               }, [
                 n("div", Cc, [
                   n("div", {
@@ -4225,11 +4227,11 @@ const zc = { class: "nmorph-table__wrapper" }, kc = { class: "nmorph-table__head
                     class: "nmorph-table__cell-content"
                   }, [
                     n("span", null, L(x.label), 1),
-                    s.value && s.value[x.prop] ? (a(), F(Hc, {
+                    s.value && s.value[x.prop] ? (a(), R(Hc, {
                       key: 0,
                       class: "nmorph-table__button-wrapper",
                       value: s.value[x.prop],
-                      onSort: (g) => u(g, x.prop)
+                      onSort: (g) => c(g, x.prop)
                     }, null, 8, ["value", "onSort"])) : O("", !0)
                   ], 4)
                 ])
@@ -4242,20 +4244,20 @@ const zc = { class: "nmorph-table__wrapper" }, kc = { class: "nmorph-table__head
             n("colgroup", null, [
               (a(!0), o(Q, null, Z(d.value, (x) => (a(), o("col", {
                 key: x.prop,
-                style: ne({ width: `${m(x.width)}px` })
+                style: ne({ width: `${p(x.width)}px` })
               }, null, 4))), 128))
             ]),
             n("tbody", null, [
-              (a(!0), o(Q, null, Z(r.value, (x, y) => (a(), o("tr", {
-                key: y,
-                class: V(["nmorph-table__table-data-row", { "nmorph-table__table-data-row--row-hover": e.rowHover }])
+              (a(!0), o(Q, null, Z(r.value, (x, b) => (a(), o("tr", {
+                key: b,
+                class: B(["nmorph-table__table-data-row", { "nmorph-table__table-data-row--row-hover": e.rowHover }])
               }, [
                 (a(!0), o(Q, null, Z(d.value, (g) => (a(), o("td", {
                   key: g.prop,
-                  class: V([{ "nmorph-table__table-data--bordered": e.bordered }, "nmorph-table__table-data"])
+                  class: B([{ "nmorph-table__table-data--bordered": e.bordered }, "nmorph-table__table-data"])
                 }, [
                   n("div", {
-                    id: `table-cell-${_(p)}-${y}-${g.prop}`,
+                    id: `table-cell-${_(m)}-${b}-${g.prop}`,
                     style: ne({ "text-align": g.alignment }),
                     class: "nmorph-table__cell nmorph-table__cell--data"
                   }, L(z(x[g.prop])), 13, Ac)
@@ -4267,7 +4269,7 @@ const zc = { class: "nmorph-table__wrapper" }, kc = { class: "nmorph-table__head
             n("colgroup", null, [
               (a(!0), o(Q, null, Z(d.value, (x) => (a(), o("col", {
                 key: x.prop,
-                style: ne({ width: `${m(x.width)}px` })
+                style: ne({ width: `${p(x.width)}px` })
               }, null, 4))), 128))
             ]),
             n("tbody", Tc, [
@@ -4286,19 +4288,19 @@ const A2 = /* @__PURE__ */ D({
   },
   setup(t) {
     const e = N("column-property", void 0), l = N("table-identifier", void 0), r = t, s = h(
-      () => A({
+      () => T({
         "nmorph-table-cell": []
       })
-    ), u = h(() => `#table-cell-${l}-${r.row}-${e}`), c = $(!1);
+    ), c = h(() => `#table-cell-${l}-${r.row}-${e}`), u = $(!1);
     return ae(async () => {
       await _e();
-      const d = document.querySelector(u.value);
-      d && (d.innerHTML = ""), c.value = !0;
-    }), (d, v) => c.value ? (a(), o("div", {
+      const d = document.querySelector(c.value);
+      d && (d.innerHTML = ""), u.value = !0;
+    }), (d, v) => u.value ? (a(), o("div", {
       key: 0,
-      class: V(s.value)
+      class: B(s.value)
     }, [
-      (a(), F(we, { to: u.value }, [
+      (a(), R(we, { to: c.value }, [
         C(d.$slots, "default")
       ], 8, ["to"]))
     ], 2)) : O("", !0);
@@ -4313,24 +4315,24 @@ const A2 = /* @__PURE__ */ D({
   },
   setup(t) {
     const e = N("table-data", void 0), l = N("table-identifier", void 0), r = t, s = h(
-      () => A({
+      () => T({
         "nmorph-table-column": []
       })
-    ), u = $(0);
+    ), c = $(0);
     ee("column-property", r.prop), ee("table-identifier", l), ae(() => {
-      c();
+      u();
     });
-    const c = () => {
+    const u = () => {
       if (!e?.columns.value)
         return;
       const { columns: v } = e;
-      u.value = v.value.length + 1, e.columns.value = [...v.value, { ...r, id: u.value }];
+      c.value = v.value.length + 1, e.columns.value = [...v.value, { ...r, id: c.value }];
     }, d = $(null);
-    return (v, m) => (a(), o("div", {
+    return (v, p) => (a(), o("div", {
       ref_key: "columnDOMEl",
       ref: d,
-      "data-id": u.value,
-      class: V(s.value)
+      "data-id": c.value,
+      class: B(s.value)
     }, [
       C(v.$slots, "default", {
         scope: { columns: _(e)?.columns.value, rows: _(e)?.rows.value, tableId: _(l) }
@@ -4345,21 +4347,21 @@ const A2 = /* @__PURE__ */ D({
   emits: ["close", "update:model-value"],
   setup(t, { emit: e }) {
     const l = t, r = e, s = h(
-      () => A({
+      () => T({
         "nmorph-list": []
       })
     );
-    let u = $(l.modelValue);
-    const c = (d) => {
-      u.value = u.value.filter((v) => v.value !== d), r("close", d), r("update:model-value", u.value);
+    let c = $(l.modelValue);
+    const u = (d) => {
+      c.value = c.value.filter((v) => v.value !== d), r("close", d), r("update:model-value", c.value);
     };
     return (d, v) => (a(), o("div", {
-      class: V(s.value)
+      class: B(s.value)
     }, [
-      (a(!0), o(Q, null, Z(_(u), (m) => (a(), F(_(Ge), fe({
-        key: m.value,
+      (a(!0), o(Q, null, Z(_(c), (p) => (a(), R(_(Ge), fe({
+        key: p.value,
         ref_for: !0
-      }, m, { onClose: c }), null, 16))), 128))
+      }, p, { onClose: u }), null, 16))), 128))
     ], 2));
   }
 }), Pc = { class: "nmorph-tag-item__content" }, Ge = /* @__PURE__ */ D({
@@ -4374,23 +4376,23 @@ const A2 = /* @__PURE__ */ D({
   emits: ["close"],
   setup(t, { emit: e }) {
     const l = t, r = h(
-      () => A({
+      () => T({
         nmorph: [se[l.height]],
         "nmorph-tag-item": [`${l.design === "nmorph" ? "nmorph-design" : ""}`]
       })
-    ), s = e, u = () => {
+    ), s = e, c = () => {
       s("close", l.value);
     };
-    return (c, d) => (a(), o("div", {
-      class: V(r.value)
+    return (u, d) => (a(), o("div", {
+      class: B(r.value)
     }, [
       n("div", Pc, [
-        n("span", null, L(c.text), 1),
-        l.removable ? (a(), F(_(E), {
+        n("span", null, L(u.text), 1),
+        l.removable ? (a(), R(_(q), {
           key: 0,
           class: "nmorph-tag-item__close-icon",
           name: "error",
-          onClick: ie(u, ["stop"])
+          onClick: ie(c, ["stop"])
         })) : O("", !0)
       ])
     ], 2));
@@ -4418,24 +4420,24 @@ const Ec = ["innerHTML"], qc = {
   },
   emits: ["close"],
   setup(t, { emit: e }) {
-    I((m) => ({
+    I((p) => ({
       "4e2f71b0": v.value
     }));
     const l = t, r = e, s = h(
-      () => A({
+      () => T({
         "nmorph-alert": [l.type, `${l.bordered && "bordered"}`, `${l.fill && "fill"}`]
       })
-    ), u = () => {
+    ), c = () => {
       r("close");
-    }, c = {
+    }, u = {
       [me.success]: "success-filled",
       [me.warning]: "warn-triangle-filled",
       [me.info]: "info-filled",
       [me.error]: "circle-close-filled"
     }, d = Le(), v = h(() => l.closeIconPosition);
-    return (m, M) => _(d).default || l.title || l.content || l.html ? (a(), o("div", {
+    return (p, H) => _(d).default || l.title || l.content || l.html ? (a(), o("div", {
       key: 0,
-      class: V(s.value)
+      class: B(s.value)
     }, [
       l.html ? (a(), o("div", {
         key: 0,
@@ -4444,21 +4446,21 @@ const Ec = ["innerHTML"], qc = {
       }, null, 8, Ec)) : (a(), o("div", qc, [
         n("div", Fc, [
           l.showIcon ? (a(), o("div", Rc, [
-            C(m.$slots, "icon", {}, () => [
-              k(_(E), {
-                name: c[l.type],
+            C(p.$slots, "icon", {}, () => [
+              k(_(q), {
+                name: u[l.type],
                 size: "medium"
               }, null, 8, ["name"])
             ])
           ])) : O("", !0),
           n("div", jc, [
             n("div", Wc, [
-              l.title || _(d).title ? C(m.$slots, "title", { key: 0 }, () => [
+              l.title || _(d).title ? C(p.$slots, "title", { key: 0 }, () => [
                 re(L(l.title), 1)
               ]) : O("", !0)
             ]),
             n("div", Lc, [
-              C(m.$slots, "default", {}, () => [
+              C(p.$slots, "default", {}, () => [
                 re(L(l.content), 1)
               ])
             ])
@@ -4467,9 +4469,9 @@ const Ec = ["innerHTML"], qc = {
         l.closable ? (a(), o("div", {
           key: 0,
           class: "nmorph-alert__close",
-          onClick: u
+          onClick: c
         }, [
-          k(_(E), {
+          k(_(q), {
             name: "cross",
             width: "14px",
             height: "14px"
@@ -4495,56 +4497,56 @@ const Uc = { class: "nmorph-dialog__header" }, Yc = { class: "nmorph-dialog__tit
   },
   emits: ["on-close", "update:model-value"],
   setup(t, { emit: e }) {
-    I((p) => ({
-      "097fcdea": u.value,
-      "4478cc6c": c.value
+    I((m) => ({
+      "097fcdea": c.value,
+      "4478cc6c": u.value
     }));
     const l = t, r = e, s = h(
-      () => A({
+      () => T({
         "nmorph-dialog": []
       })
-    ), u = h(() => l.width), c = h(() => l.zIndex), d = $(l.modelValue);
-    let v = null, m = null;
-    K(
+    ), c = h(() => l.width), u = h(() => l.zIndex), d = $(l.modelValue);
+    let v = null, p = null;
+    G(
       () => l.modelValue,
-      (p) => {
-        p ? (m && clearTimeout(m), v = setTimeout(() => {
+      (m) => {
+        m ? (p && clearTimeout(p), v = setTimeout(() => {
           d.value = !0;
-        }, l.openDelay)) : (v && clearTimeout(v), m = setTimeout(() => {
+        }, l.openDelay)) : (v && clearTimeout(v), p = setTimeout(() => {
           d.value = !1;
         }, l.closeDelay));
       },
       { immediate: !0 }
     );
-    const M = () => {
-      r("on-close"), v && clearTimeout(v), m = setTimeout(() => {
+    const H = () => {
+      r("on-close"), v && clearTimeout(v), p = setTimeout(() => {
         r("update:model-value", !1);
       }, l.closeDelay);
     }, z = () => {
-      l.closeOnOverlay && M();
+      l.closeOnOverlay && H();
     };
-    return (p, w) => (a(), F(_(De), {
+    return (m, w) => (a(), R(_(De), {
       show: d.value,
       onOnOutsideClick: z
     }, {
-      default: R(() => [
+      default: j(() => [
         n("div", {
-          class: V(s.value)
+          class: B(s.value)
         }, [
           n("div", Uc, [
-            C(p.$slots, "header", {}, () => [
+            C(m.$slots, "header", {}, () => [
               n("div", Yc, L(l.title), 1),
               l.showClose ? (a(), o("div", {
                 key: 0,
                 class: "nmorph-dialog__close-icon",
-                onClick: M
+                onClick: H
               }, [
-                k(_(E), { name: "cross" })
+                k(_(q), { name: "cross" })
               ])) : O("", !0)
             ])
           ]),
           n("div", Gc, [
-            C(p.$slots, "default")
+            C(m.$slots, "default")
           ])
         ], 2)
       ]),
@@ -4554,9 +4556,9 @@ const Uc = { class: "nmorph-dialog__header" }, Yc = { class: "nmorph-dialog__tit
 });
 var Qc = /* @__PURE__ */ ((t) => (t["contains-one"] = "contains-one", t["not-contains"] = "not-contains", t["full-eq"] = "full-eq", t))(Qc || {}), Zc = /* @__PURE__ */ ((t) => (t.eq = "eq", t.gte = "gte", t.lte = "lte", t.gt = "gt", t.lt = "lt", t))(Zc || {}), Xc = /* @__PURE__ */ ((t) => (t.eq = "eq", t["not-eq"] = "not-eq", t))(Xc || {});
 const Oe = (t) => {
-  const { inputValue: e, rules: l } = t, r = $([]), s = $(!1), u = $(!1);
+  const { inputValue: e, rules: l } = t, r = $([]), s = $(!1), c = $(!1);
   return {
-    touched: u,
+    touched: c,
     valid: s,
     errors: r,
     validate: () => {
@@ -4567,109 +4569,131 @@ const Oe = (t) => {
       }
       if (e === null)
         return;
-      const v = e, m = (x) => d && x in l[0], M = typeof v == "string" && m("pattern"), z = typeof v == "number" && m("numberCompareType"), p = (typeof v == "string" || typeof v == "boolean") && m("booleanCompareType"), w = Array.isArray(v) && m("arrayCompareType");
-      if (!z && !M && !p && !w) {
+      const v = e, p = (x) => d && x in l[0], H = typeof v == "string" && p("pattern"), z = typeof v == "number" && p("numberCompareType"), m = (typeof v == "string" || typeof v == "boolean") && p("booleanCompareType"), w = Array.isArray(v) && p("arrayCompareType");
+      if (!z && !H && !m && !w) {
         console.warn("The input value and the provided rules do not match");
         return;
       }
-      if (u.value || (u.value = !0), M) {
+      if (c.value || (c.value = !0), H) {
         const x = l;
-        r.value = x.reduce((y, g) => (v.match(g.pattern) || y.push(g.error), y), []);
+        r.value = x.reduce((b, g) => (v.match(g.pattern) || b.push(g.error), b), []);
       }
       if (z) {
-        const x = (g, H, B) => {
-          switch (B) {
+        const x = (g, M, V) => {
+          switch (V) {
             case "eq":
-              return g === H;
+              return g === M;
             case "gt":
-              return g > H;
+              return g > M;
             case "lt":
-              return g < H;
+              return g < M;
             case "lte":
-              return g <= H;
+              return g <= M;
             case "gte":
-              return g >= H;
+              return g >= M;
           }
-        }, y = l;
-        r.value = y.reduce((g, H) => (x(v, H.compareValue, H.numberCompareType) && g.push(H.error), g), []);
+        }, b = l;
+        r.value = b.reduce((g, M) => (x(v, M.compareValue, M.numberCompareType) && g.push(M.error), g), []);
       }
-      if (p) {
+      if (m) {
         const x = l;
-        r.value = x.reduce((y, g) => {
-          let H = !1;
-          const { compareValue: B, booleanCompareType: j } = g;
-          return j === "not-eq" && (H = v === B), j === "eq" && (H = v !== B), H || y.push(g.error), y;
+        r.value = x.reduce((b, g) => {
+          let M = !1;
+          const { compareValue: V, booleanCompareType: E } = g;
+          return E === "not-eq" && (M = v === V), E === "eq" && (M = v !== V), M || b.push(g.error), b;
         }, []);
       }
       if (w) {
-        const x = l, y = (g, H, B) => {
-          switch (B) {
+        const x = l, b = (g, M, V) => {
+          switch (V) {
             case "contains-one":
-              return g.some((b) => H.includes(b));
+              return g.some((y) => M.includes(y));
             case "full-eq":
-              if (g.length !== H.length)
+              if (g.length !== M.length)
                 return !1;
-              const j = [...g].sort(), P = [...H].sort();
-              return j.every((b, T) => b === P[T]);
+              const E = [...g].sort(), P = [...M].sort();
+              return E.every((y, A) => y === P[A]);
             case "not-contains":
-              return !g.some((b) => H.includes(b));
+              return !g.some((y) => M.includes(y));
           }
         };
-        r.value = x.reduce((g, H) => (y(
-          v.map((j) => String(j)),
-          H.compareValue,
-          H.arrayCompareType
-        ) || g.push(H.error), g), []);
+        r.value = x.reduce((g, M) => (b(
+          v.map((E) => String(E)),
+          M.compareValue,
+          M.arrayCompareType
+        ) || g.push(M.error), g), []);
       }
       s.value = r.value.length === 0;
     }
   };
 }, Jc = (t, e = !1) => {
-  const l = ue({}), r = ue({}), s = ue(a2(t)), u = $(!1), c = $(!1), d = () => {
-    Object.entries(t).forEach(([z, p]) => {
-      r[z] = Oe({ inputValue: p.value, rules: p.rules }), r[z].validate();
-    }), u.value = Object.entries(r).every(([z, p]) => p.valid);
+  const l = ue({}), r = ue({}), s = ue(a2(t)), c = $(!1), u = $(!1), d = () => {
+    Object.entries(t).forEach(([z, m]) => {
+      r[z] = Oe({ inputValue: m.value, rules: m.rules }), r[z].validate();
+    }), c.value = Object.entries(r).every(([z, m]) => m.valid);
   }, v = () => {
-    Object.entries(t).forEach(([z, p]) => {
-      l[z] = Oe({ inputValue: p.value, rules: p.rules }), l[z].validate();
+    Object.entries(t).forEach(([z, m]) => {
+      l[z] = Oe({ inputValue: m.value, rules: m.rules }), l[z].validate();
     });
-  }, m = (z, p) => Object.keys(p).filter((f) => {
-    const x = z[f] ? JSON.stringify(z[f]) : null, y = JSON.stringify(p[f]);
-    return x !== y;
+  }, p = (z, m) => Object.keys(m).filter((f) => {
+    const x = z[f] ? JSON.stringify(z[f]) : null, b = JSON.stringify(m[f]);
+    return x !== b;
   });
-  return K(t, (z) => {
-    m(s, z).forEach((w) => {
+  return G(t, (z) => {
+    p(s, z).forEach((w) => {
       const f = z[w];
       l[w] = Oe({ inputValue: f.value, rules: f.rules }), l[w].validate();
-    }), Object.assign(s, a2(z)), d(), c.value = !0;
+    }), Object.assign(s, a2(z)), d(), u.value = !0;
   }, { deep: !0 }), e && v(), {
     fields: l,
-    isFormValid: Re(u),
-    isAnyTouched: Re(c)
+    isFormValid: Re(c),
+    isAnyTouched: Re(u)
   };
 }, O2 = (t) => {
-  const { initialPlacement: e, relativeElement: l, contentDOMElement: r, yOffset: s = 0, xOffset: u = 0 } = t, c = $(e), d = $({ x: "0px", y: "0px" });
-  ae(() => {
-    v();
+  const { initialPlacement: e, relativeElement: l, contentDOMElement: r, yOffset: s = 0, xOffset: c = 0 } = t, u = $(e), d = $({ x: "0px", y: "0px" }), v = N("nmorph"), p = $(null);
+  G(
+    () => v.browser,
+    () => {
+      w();
+    },
+    { deep: !0 }
+  ), ae(() => {
+    w(), H(), z();
+  }), $e(() => {
+    m();
   });
-  const v = () => {
+  const H = () => {
+    let f = r.value;
+    for (; f; ) {
+      const x = window.getComputedStyle(f);
+      if (x.overflowY === "auto" || x.overflowY === "scroll") {
+        p.value = f;
+        break;
+      }
+      f = f.parentElement;
+    }
+  }, z = () => {
+    p.value ? p.value.addEventListener("scroll", w, { passive: !0 }) : window.addEventListener("scroll", w, { passive: !0 });
+  }, m = () => {
+    p.value ? p.value.removeEventListener("scroll", w) : window.removeEventListener("scroll", w);
+  }, w = () => {
     _e(() => {
       if (!r.value || !l) {
         console.warn("There is no relative element or content DOM element");
         return;
       }
-      const m = r.value.getBoundingClientRect(), M = m.width, z = m.height, p = "value" in l ? l.value : l;
-      if (!p) {
+      const f = r.value.getBoundingClientRect(), x = f.width, b = f.height, g = "value" in l ? l.value : l;
+      if (!g) {
         console.warn("Relative element is not an HTMLElement");
         return;
       }
-      const w = p.getBoundingClientRect(), { x: f, y: x } = w, y = w.width, g = w.height, H = window.innerWidth, B = window.innerHeight;
-      c.value === "top" && x - z < 0 && (c.value = "bottom"), c.value === "bottom" && x + g + z > B && (c.value = "top"), c.value === "left" && f - M < 0 && (c.value = "right"), c.value === "right" && f + y + M > H && (c.value = "left"), c.value === "top" && (d.value = { x: `${f + u}px`, y: `${x + s}px` }), c.value === "bottom" && (d.value = { x: `${f + u}px`, y: `${x + g + s}px` }), c.value === "right" && (d.value = { x: `${f + u}px`, y: `${x + s}px` }), c.value === "left" && (d.value = { x: `${f + y + u}px`, y: `${x + s}px` });
+      const M = g.getBoundingClientRect(), { x: V, y: E } = M, P = M.width, y = M.height, A = window.innerWidth, S = window.innerHeight;
+      u.value === "top" && E - b < 0 && (u.value = "bottom"), u.value === "bottom" && E + y + b > S && (u.value = "top"), u.value === "left" && V - x < 0 && (u.value = "right"), u.value === "right" && V + P + x > A && (u.value = "left"), u.value === "top" && (d.value = { x: `${V + c}px`, y: `${E - b + s}px` }), u.value === "bottom" && (d.value = { x: `${V + c}px`, y: `${E + y + s}px` }), u.value === "right" && (d.value = { x: `${V + P + c}px`, y: `${E + s}px` }), u.value === "left" && (d.value = { x: `${V - x + c}px`, y: `${E + s}px` });
     });
   };
-  return { placement: c, placementCoords: d };
+  return { placement: u, placementCoords: d };
 }, j9 = () => {
-}, Nc = "@nmorph/nmorph-ui-kit", Ic = "module", eu = "0.2.155", tu = "MIT", nu = {
+}, Nc = "@nmorph/nmorph-ui-kit", Ic = "module", eu = "0.2.157", tu = "MIT", nu = {
   node: "18.13.0",
   npm: "8.19.3"
 }, au = "./dist/index.d.ts", ou = "./dist/index.umd.js", lu = "./dist/index.es.js", ru = "./dist/style.css", su = [
@@ -4821,13 +4845,13 @@ const Oe = (t) => {
 }, i2 = (t, e) => {
   let l = parseInt(t.substring(1, 3), 16), r = parseInt(t.substring(3, 5), 16), s = parseInt(t.substring(5, 7), 16);
   l = Math.round(l * (1 + e / 100)), r = Math.round(r * (1 + e / 100)), s = Math.round(s * (1 + e / 100)), l = Math.min(255, Math.max(0, l)), r = Math.min(255, Math.max(0, r)), s = Math.min(255, Math.max(0, s));
-  const u = l.toString(16).padStart(2, "0"), c = r.toString(16).padStart(2, "0"), d = s.toString(16).padStart(2, "0");
-  return `#${u}${c}${d}`;
+  const c = l.toString(16).padStart(2, "0"), u = r.toString(16).padStart(2, "0"), d = s.toString(16).padStart(2, "0");
+  return `#${c}${u}${d}`;
 }, $u = (t) => {
   a0("warn", `NMORPH(v${hu.version})`);
-  const e = { ...fu, ...t }, l = (p) => {
+  const e = { ...fu, ...t }, l = (m) => {
     try {
-      const w = wu(p), f = i2(w, e.darkShadeGeneratorCoefficient), x = i2(w, e.lightShadeGeneratorCoefficient);
+      const w = wu(m), f = i2(w, e.darkShadeGeneratorCoefficient), x = i2(w, e.lightShadeGeneratorCoefficient);
       return [
         { name: "--nmorph-dark-shade-color", color: f },
         { name: "--nmorph-light-shade-color", color: x }
@@ -4835,39 +4859,39 @@ const Oe = (t) => {
     } catch (w) {
       console.error(w.message);
     }
-  }, r = (p) => Object.entries(p).map(([w, f]) => ({
+  }, r = (m) => Object.entries(m).map(([w, f]) => ({
     name: `--nmorph-${o2(w)}-color`,
     color: f
-  })), s = (p, w) => {
-    const f = (g) => g.map((H) => `${H.name}: ${H.color};`).join(" "), x = Object.entries(w).map(([g, H]) => `--${o2(g)}: ${H};`).join(" "), y = [];
-    return Object.entries(p).forEach(([g, H]) => {
+  })), s = (m, w) => {
+    const f = (g) => g.map((M) => `${M.name}: ${M.color};`).join(" "), x = Object.entries(w).map(([g, M]) => `--${o2(g)}: ${M};`).join(" "), b = [];
+    return Object.entries(m).forEach(([g, M]) => {
       if (g === "common")
-        y.push(f(xu(P2, H)));
+        b.push(f(xu(P2, M)));
       else {
-        const B = `
+        const V = `
           &[${he}='${g}'] {
-            ${f(H)}
+            ${f(M)}
           }
         `;
-        y.push(B);
+        b.push(V);
       }
     }), `
       :root {
-        ${y.join(" ")}
+        ${b.join(" ")}
         ${x}
       }
     `;
-  }, u = {};
-  Object.entries(e.themes).forEach(([p, w]) => {
-    u[p] = [];
+  }, c = {};
+  Object.entries(e.themes).forEach(([m, w]) => {
+    c[m] = [];
     const f = !!w.darkShade, x = !!w.lightShade;
-    !!w.main && !f && !x && (u[p] = l(w.main)), u[p] = [...u[p], ...r(w)];
+    !!w.main && !f && !x && (c[m] = l(w.main)), c[m] = [...c[m], ...r(w)];
   });
-  const c = document.createElement("style");
-  c.type = "text/css", c.innerHTML = s(u, e.other), document.head.appendChild(c);
-  const d = (p) => {
-    v.value = p, m.setAttribute(he, v.value), e.saveCurrentThemeToLS ? localStorage.setItem(he, p) : localStorage.removeItem(he);
-  }, v = $(e.defaultTheme), m = document.querySelector("html"), M = localStorage.getItem(he), z = u[M];
+  const u = document.createElement("style");
+  u.type = "text/css", u.innerHTML = s(c, e.other), document.head.appendChild(u);
+  const d = (m) => {
+    v.value = m, p.setAttribute(he, v.value), e.saveCurrentThemeToLS ? localStorage.setItem(he, m) : localStorage.removeItem(he);
+  }, v = $(e.defaultTheme), p = document.querySelector("html"), H = localStorage.getItem(he), z = c[H];
   return e.saveCurrentThemeToLS && z && (v.value = localStorage.getItem(he)), d(v.value), { setTheme: d, currentTheme: Re(v) };
 }, Ke = {
   [U.en]: {
@@ -5011,16 +5035,16 @@ const Oe = (t) => {
     fill: !0,
     width: "330px"
   }, l = (s) => {
-    const u = {
+    const c = {
       id: String(Date.now()),
       ...e
-    }, c = ue({
-      ...u,
+    }, u = ue({
+      ...c,
       ...s
     });
-    t.value.push(c), c.duration !== 0 && setTimeout(() => r(c.id), c.duration);
+    t.value.push(u), u.duration !== 0 && setTimeout(() => r(u.id), u.duration);
   }, r = (s) => {
-    t.value = t.value.filter((u) => u.id !== s);
+    t.value = t.value.filter((c) => c.id !== s);
   };
   return {
     notifications: t,
@@ -5045,71 +5069,71 @@ const Oe = (t) => {
     forceCoordinate: { default: null }
   },
   setup(t, { expose: e }) {
-    I((p) => ({
-      "6d1447a0": M.value
+    I((m) => ({
+      "6d1447a0": H.value
     }));
-    const l = t, r = $(l.forceShow), s = $(null), u = $(null), { placement: c } = O2({
+    const l = t, r = $(l.forceShow), s = $(null), c = $(null), { placement: u } = O2({
       initialPlacement: l.position,
       contentDOMElement: s,
-      relativeElement: u
+      relativeElement: c
     }), d = h(
-      () => A({
+      () => T({
         "nmorph-tooltip": [
-          c.value,
+          u.value,
           `${!!l.forceCoordinate?.x && !!l.forceCoordinate?.y && "force-coords"}`
         ]
       })
     ), v = () => {
       r.value = !0;
-    }, m = () => {
+    }, p = () => {
       l.forceShow || (r.value = !1);
-    }, M = h(() => l.forceCoordinate ? "100%" : "auto"), z = $(null);
-    return e({ tooltipBody: z }), (p, w) => (a(), o("div", {
-      class: V(d.value)
+    }, H = h(() => l.forceCoordinate ? "100%" : "auto"), z = $(null);
+    return e({ tooltipBody: z }), (m, w) => (a(), o("div", {
+      class: B(d.value)
     }, [
       n("div", {
         ref_key: "tooltipDOMRef",
         ref: s,
         class: "nmorph-tooltip__content",
         onMouseenter: v,
-        onMouseleave: m
+        onMouseleave: p
       }, [
         n("div", {
           ref_key: "slotDOMRef",
-          ref: u
+          ref: c
         }, [
-          C(p.$slots, "default")
+          C(m.$slots, "default")
         ], 512),
-        l.forceCoordinate ? (a(), F(xe, {
+        l.forceCoordinate ? (a(), R(xe, {
           key: 0,
           name: "opacity",
           tag: "div"
         }, {
-          default: R(() => [
+          default: j(() => [
             r.value && l.text ? (a(), o("div", {
               key: 0,
               class: "nmorph-tooltip__info-content",
-              style: ne({ left: p.forceCoordinate?.x, bottom: p.forceCoordinate?.y }),
+              style: ne({ left: m.forceCoordinate?.x, bottom: m.forceCoordinate?.y }),
               ref_key: "tooltipBody",
               ref: z
             }, [
               n("div", Mu, [
                 l.forceCoordinate ? O("", !0) : (a(), o("div", Hu)),
-                n("span", null, L(p.text), 1)
+                n("span", null, L(m.text), 1)
               ])
             ], 4)) : O("", !0)
           ]),
           _: 1
-        })) : (a(), F(xe, {
+        })) : (a(), R(xe, {
           key: 1,
           name: "opacity",
           tag: "div"
         }, {
-          default: R(() => [
+          default: j(() => [
             r.value ? (a(), o("div", zu, [
               n("div", ku, [
                 w[0] || (w[0] = n("div", { class: "nmorph-tooltip__triangle" }, null, -1)),
-                l.text ? (a(), o("span", Vu, L(p.text), 1)) : C(p.$slots, "content", { key: 1 })
+                l.text ? (a(), o("span", Vu, L(m.text), 1)) : C(m.$slots, "content", { key: 1 })
               ])
             ])) : O("", !0)
           ]),
@@ -5157,66 +5181,66 @@ const Bu = {
     ), s = N(
       "change-checkbox-value-handler",
       void 0
-    ), u = t;
-    K(
-      () => u.modelValue,
+    ), c = t;
+    G(
+      () => c.modelValue,
       (w) => {
         v.value = w;
       }
     );
-    const c = $(null);
-    e({ inputDOMRef: c });
-    const d = r !== void 0, v = d ? $(r.value) : $(u.modelValue), m = h(() => d ? r.value.includes(u.id) : u.modelValue), M = l, z = () => {
-      if (!u.disabled) {
+    const u = $(null);
+    e({ inputDOMRef: u });
+    const d = r !== void 0, v = d ? $(r.value) : $(c.modelValue), p = h(() => d ? r.value.includes(c.id) : c.modelValue), H = l, z = () => {
+      if (!c.disabled) {
         if (!d) {
-          v.value = !v.value, M("update:model-value", v.value);
+          v.value = !v.value, H("update:model-value", v.value);
           return;
         }
-        s && Array.isArray(v.value) && s(u.id, v.value);
+        s && Array.isArray(v.value) && s(c.id, v.value);
       }
-    }, p = h(
-      () => A({
+    }, m = h(
+      () => T({
         "nmorph-checkbox": [
-          `${m.value && "checked"}`,
-          `${u.disabled && "disabled"}`,
-          `${u.design === "button" && "button"}`
+          `${p.value && "checked"}`,
+          `${c.disabled && "disabled"}`,
+          `${c.design === "button" && "button"}`
         ]
       })
     );
     return (w, f) => (a(), o("label", {
-      class: V(p.value)
+      class: B(m.value)
     }, [
-      u.design === "checkbox" ? (a(), o("div", Bu, [
+      c.design === "checkbox" ? (a(), o("div", Bu, [
         n("div", Cu, [
           n("input", {
             ref_key: "inputDOMRef",
-            ref: c,
+            ref: u,
             type: "checkbox",
-            disabled: u.disabled,
-            checked: m.value,
+            disabled: c.disabled,
+            checked: p.value,
             class: "nmorph-native-input",
             onChange: z
           }, null, 40, Su),
           f[0] || (f[0] = n("div", { class: "nmorph-checkbox__fake" }, null, -1)),
-          m.value ? (a(), o("div", Au)) : O("", !0)
+          p.value ? (a(), o("div", Au)) : O("", !0)
         ]),
-        u.label ? (a(), o("div", Tu, [
-          n("span", null, L(u.label), 1)
+        c.label ? (a(), o("div", Tu, [
+          n("span", null, L(c.label), 1)
         ])) : (a(), o("div", Du, [
           C(w.$slots, "default")
         ]))
       ])) : O("", !0),
-      u.design === "button" ? (a(), o("div", Ou, [
+      c.design === "button" ? (a(), o("div", Ou, [
         n("input", {
           ref_key: "inputDOMRef",
-          ref: c,
+          ref: u,
           type: "checkbox",
-          disabled: u.disabled,
-          checked: m.value,
+          disabled: c.disabled,
+          checked: p.value,
           onChange: z
         }, null, 40, Pu),
-        u.label ? (a(), o("div", Eu, [
-          n("span", null, L(u.label), 1)
+        c.label ? (a(), o("div", Eu, [
+          n("span", null, L(c.label), 1)
         ])) : (a(), o("div", qu, [
           C(w.$slots, "label")
         ]))
@@ -5236,24 +5260,24 @@ const Fu = { class: "nmorph-checkbox-group__wrapper" }, Ru = { class: "nmorph-ch
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const l = t, r = $(l.modelValue), s = e, u = (d) => {
+    const l = t, r = $(l.modelValue), s = e, c = (d) => {
       r.value.includes(d) ? r.value = r.value.filter((v) => v !== d) : r.value.push(d), s("update:model-value", r.value);
-    }, c = h(
-      () => A({
+    }, u = h(
+      () => T({
         "nmorph-checkbox-group": [l.design, l.direction]
       })
     );
-    return ee("checkbox-group-selected-value", r), ee("change-checkbox-value-handler", u), (d, v) => (a(), o("div", {
-      class: V(c.value)
+    return ee("checkbox-group-selected-value", r), ee("change-checkbox-value-handler", c), (d, v) => (a(), o("div", {
+      class: B(u.value)
     }, [
       n("div", Fu, [
         n("div", Ru, [
-          (a(!0), o(Q, null, Z(d.options, (m, M) => (a(), F(_(q2), {
-            id: m.id,
-            key: M,
-            label: m.label,
-            "model-value": m.modelValue,
-            disabled: m.disabled,
+          (a(!0), o(Q, null, Z(d.options, (p, H) => (a(), R(_(q2), {
+            id: p.id,
+            key: H,
+            label: p.label,
+            "model-value": p.modelValue,
+            disabled: p.disabled,
             design: l.design
           }, null, 8, ["id", "label", "model-value", "disabled", "design"]))), 128)),
           C(d.$slots, "default")
@@ -5281,31 +5305,31 @@ const Wu = { class: "nmorph-autocomplete__input-content" }, Lu = {
   },
   emits: ["update:model-value", "select"],
   setup(t, { emit: e }) {
-    const l = t, r = $(l.modelValue), s = e, u = h(
-      () => A({
+    const l = t, r = $(l.modelValue), s = e, c = h(
+      () => T({
         "nmorph-autocomplete": []
       })
-    ), c = (f) => {
+    ), u = (f) => {
       r.value = f, s("update:model-value", r.value);
-    }, d = $(!1), v = $(null), m = () => {
+    }, d = $(!1), v = $(null), p = () => {
       d.value = !1;
-    }, M = h(() => l.list.filter((f) => Object.keys(f).some((x) => String(f[x]).toLowerCase().includes(r.value.toLowerCase()))));
-    K(M, (f) => {
+    }, H = h(() => l.list.filter((f) => Object.keys(f).some((x) => String(f[x]).toLowerCase().includes(r.value.toLowerCase()))));
+    G(H, (f) => {
       d.value = f.length > 0;
     });
     const z = (f) => {
       s("select", f), r.value = f.value, setTimeout(() => {
         d.value = !1;
       });
-    }, p = () => {
-      d.value = M.value.length > 0;
+    }, m = () => {
+      d.value = H.value.length > 0;
     }, w = $(!1);
-    return K(r, async (f) => {
+    return G(r, async (f) => {
       f !== "" && l.actionCallback && (w.value = !0, await l.actionCallback(), w.value = !1);
-    }), K(w, (f) => {
+    }), G(w, (f) => {
       f && (d.value = !0);
     }), (f, x) => (a(), o("div", {
-      class: V(u.value)
+      class: B(c.value)
     }, [
       n("div", Wu, [
         n("div", {
@@ -5319,34 +5343,34 @@ const Wu = { class: "nmorph-autocomplete__input-content" }, Lu = {
             "model-value": r.value,
             placeholder: l.placeholder,
             clearable: l.clearable,
-            onFocus: p,
-            "onUpdate:modelValue": c
+            onFocus: m,
+            "onUpdate:modelValue": u
           }, null, 8, ["height", "disabled", "model-value", "placeholder", "clearable"])
         ], 512)
       ]),
-      v.value ? (a(), F(_(ye), {
+      v.value ? (a(), R(_(be), {
         key: 0,
         open: d.value,
         "relative-element": v.value,
-        onOnOutsideClick: m,
+        onOnOutsideClick: p,
         "y-offset": 1
       }, {
-        default: R(() => [
+        default: j(() => [
           w.value ? (a(), o("div", Lu, [
             C(f.$slots, "loader", {}, () => [
-              k(_(E), {
+              k(_(q), {
                 name: "loader",
                 size: "large"
               })
             ])
           ])) : (a(), o("div", Uu, [
-            (a(!0), o(Q, null, Z(M.value, (y, g) => (a(), o("div", {
+            (a(!0), o(Q, null, Z(H.value, (b, g) => (a(), o("div", {
               key: g,
               class: "nmorph-autocomplete__list-item",
-              onClick: () => z(y)
+              onClick: () => z(b)
             }, [
-              C(f.$slots, "default", { scope: y }, () => [
-                re(L(y.value), 1)
+              C(f.$slots, "default", { scope: b }, () => [
+                re(L(b.value), 1)
               ])
             ], 8, Yu))), 128))
           ]))
@@ -5361,16 +5385,16 @@ const Ku = /* @__PURE__ */ D({
   emits: ["clear"],
   setup(t, { emit: e }) {
     const l = e, r = h(
-      () => A({
+      () => T({
         "nmorph-input-clear-button": []
       })
     );
-    return (s, u) => (a(), o("div", {
-      class: V(r.value)
+    return (s, c) => (a(), o("div", {
+      class: B(r.value)
     }, [
-      k(_(E), {
+      k(_(q), {
         name: "error",
-        onClick: u[0] || (u[0] = ie((c) => l("clear"), ["stop"]))
+        onClick: c[0] || (c[0] = ie((u) => l("clear"), ["stop"]))
       })
     ], 2));
   }
@@ -5383,21 +5407,22 @@ const Ku = /* @__PURE__ */ D({
   emits: ["prev-month", "next-month", "prev-year", "next-year", "change-year", "change-month"],
   setup(t, { emit: e }) {
     const l = t, r = e, s = h(
-      () => A({
+      () => T({
         "nmorph-date-picker-header": []
       })
     );
-    return (u, c) => (a(), o("div", {
-      class: V(s.value)
+    return (c, u) => (a(), o("div", {
+      class: B(s.value)
     }, [
       n("div", Qu, [
         k(_(Y), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
-          onClick: c[0] || (c[0] = (d) => r("prev-year"))
+          onClick: u[0] || (u[0] = (d) => r("prev-year")),
+          tabindex: -1
         }, {
-          default: R(() => [
-            k(_(E), {
+          default: j(() => [
+            k(_(q), {
               name: "chevron-double-down",
               class: "nmorph-date-picker-header__chevron-double-left"
             })
@@ -5407,10 +5432,11 @@ const Ku = /* @__PURE__ */ D({
         k(_(Y), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
-          onClick: c[1] || (c[1] = (d) => r("prev-month"))
+          onClick: u[1] || (u[1] = (d) => r("prev-month")),
+          tabindex: -1
         }, {
-          default: R(() => [
-            k(_(E), {
+          default: j(() => [
+            k(_(q), {
               name: "chevron-down",
               class: "nmorph-date-picker-header__chevron-left"
             })
@@ -5423,23 +5449,26 @@ const Ku = /* @__PURE__ */ D({
           text: l.year,
           "style-type": "transparent",
           fill: "",
-          onClick: c[2] || (c[2] = (d) => r("change-year"))
+          onClick: u[2] || (u[2] = (d) => r("change-year")),
+          tabindex: -1
         }, null, 8, ["text"]),
         k(_(Y), {
           text: _(Ye)(l.month),
           "style-type": "transparent",
           fill: "",
-          onClick: c[3] || (c[3] = (d) => r("change-month"))
+          onClick: u[3] || (u[3] = (d) => r("change-month")),
+          tabindex: -1
         }, null, 8, ["text"])
       ]),
       n("div", Xu, [
         k(_(Y), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
-          onClick: c[4] || (c[4] = (d) => r("next-month"))
+          onClick: u[4] || (u[4] = (d) => r("next-month")),
+          tabindex: -1
         }, {
-          default: R(() => [
-            k(_(E), {
+          default: j(() => [
+            k(_(q), {
               name: "chevron-down",
               class: "nmorph-date-picker-header__chevron-right"
             })
@@ -5449,10 +5478,11 @@ const Ku = /* @__PURE__ */ D({
         k(_(Y), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
-          onClick: c[5] || (c[5] = (d) => r("next-year"))
+          onClick: u[5] || (u[5] = (d) => r("next-year")),
+          tabindex: -1
         }, {
-          default: R(() => [
-            k(_(E), {
+          default: j(() => [
+            k(_(q), {
               name: "chevron-double-down",
               class: "nmorph-date-picker-header__chevron-double-right"
             })
@@ -5471,54 +5501,56 @@ const Nu = { class: "nmorph-year-month-picker__header" }, Iu = { class: "nmorph-
   },
   emits: ["update-year", "update-month", "back-to-years"],
   setup(t, { emit: e }) {
-    const { months: l } = Be(), r = l.map((g, H) => ({
+    const { months: l } = Be(), r = l.map((g, M) => ({
       label: g.substring(0, 3),
-      value: String(H)
-    })), s = t, u = $(r), c = $(String(s.currentDate.getMonth())), d = $(s.currentDate.getFullYear()), v = () => {
-      const g = s.currentDate.getFullYear(), H = b2(g).map((B) => ({ label: String(B), value: String(B) }));
-      u.value = H;
+      value: String(M),
+      tabindex: -1
+    })), s = t, c = $(r), u = $(String(s.currentDate.getMonth())), d = $(s.currentDate.getFullYear()), v = () => {
+      const g = s.currentDate.getFullYear(), M = b2(g).map((V) => ({ label: String(V), value: String(V) }));
+      c.value = M;
     };
-    K(
+    G(
       () => s.currentDate,
       () => {
-        s.type === "year" && (v(), c.value = String(s.currentDate.getFullYear()));
+        s.type === "year" && (v(), u.value = String(s.currentDate.getFullYear()));
       },
       {
         immediate: !0,
         deep: !0
       }
     );
-    const m = e, M = h(
-      () => A({
+    const p = e, H = h(
+      () => T({
         "nmorph-year-month-picker": []
       })
     ), z = (g) => {
-      c.value = g, s.type === "month" ? m("update-month", c.value) : m("update-year", c.value);
-    }, p = (g) => {
-      u.value = u.value.map((H) => {
-        const B = String(g === "decrease" ? Number(H.value) - 10 : Number(H.value) + 10);
+      u.value = g, s.type === "month" ? p("update-month", u.value) : p("update-year", u.value);
+    }, m = (g) => {
+      c.value = c.value.map((M) => {
+        const V = String(g === "decrease" ? Number(M.value) - 10 : Number(M.value) + 10);
         return {
-          label: B,
-          value: B
+          label: V,
+          value: V
         };
       });
     }, w = (g) => {
-      g === "decrease" ? d.value = d.value - 1 : d.value = d.value + 1, m("update-year", String(d.value));
+      g === "decrease" ? d.value = d.value - 1 : d.value = d.value + 1, p("update-year", String(d.value));
     }, f = (g) => {
-      g === "decrease" ? s.type === "year" ? p("decrease") : w("decrease") : s.type === "year" ? p("increase") : w("increase");
-    }, x = h(() => s.type === "year" ? `${u.value[0].label} - ${u.value[u.value.length - 1].label}` : String(d.value)), y = () => {
-      s.type === "month" && m("back-to-years");
+      g === "decrease" ? s.type === "year" ? m("decrease") : w("decrease") : s.type === "year" ? m("increase") : w("increase");
+    }, x = h(() => s.type === "year" ? `${c.value[0].label} - ${c.value[c.value.length - 1].label}` : String(d.value)), b = () => {
+      s.type === "month" && p("back-to-years");
     };
-    return (g, H) => (a(), o("div", {
-      class: V(M.value)
+    return (g, M) => (a(), o("div", {
+      class: B(H.value)
     }, [
       n("div", Nu, [
         k(_(Y), {
           class: "nmorph-year-month-picker__action-btn",
-          onClick: H[0] || (H[0] = (B) => f("decrease"))
+          onClick: M[0] || (M[0] = (V) => f("decrease")),
+          tabindex: -1
         }, {
-          default: R(() => [
-            k(_(E), {
+          default: j(() => [
+            k(_(q), {
               name: "chevron-down",
               class: "nmorph-year-month-picker__chevron-left"
             })
@@ -5529,15 +5561,17 @@ const Nu = { class: "nmorph-year-month-picker__header" }, Iu = { class: "nmorph-
           k(_(Y), {
             text: x.value,
             "style-type": "transparent",
-            onClick: y
+            onClick: b,
+            tabindex: -1
           }, null, 8, ["text"])
         ]),
         k(_(Y), {
           class: "nmorph-year-month-picker__action-btn",
-          onClick: H[1] || (H[1] = (B) => f("increase"))
+          onClick: M[1] || (M[1] = (V) => f("increase")),
+          tabindex: -1
         }, {
-          default: R(() => [
-            k(_(E), {
+          default: j(() => [
+            k(_(q), {
               name: "chevron-down",
               class: "nmorph-year-month-picker__chevron-right"
             })
@@ -5548,8 +5582,8 @@ const Nu = { class: "nmorph-year-month-picker__header" }, Iu = { class: "nmorph-
       k(_(L2)),
       n("div", e5, [
         k(_(Ie), {
-          "model-value": c.value,
-          options: u.value,
+          "model-value": u.value,
+          options: c.value,
           "onUpdate:modelValue": z
         }, null, 8, ["model-value", "options"])
       ])
@@ -5566,72 +5600,72 @@ const t5 = /* @__PURE__ */ D({
   emits: ["update-selected-value"],
   setup(t, { emit: e }) {
     const l = t, r = e, s = h(
-      () => A({
+      () => T({
         "nmorph-date-picker-content": []
       })
-    ), u = $(l.initialDate), c = $("calendar"), d = h(() => new Date(u.value.setMonth(u.value.getMonth() - 1))), v = h(() => new Date(u.value.setMonth(u.value.getMonth() + 1))), m = h(() => new Date(u.value.setFullYear(u.value.getFullYear() - 1))), M = h(() => new Date(u.value.setFullYear(u.value.getFullYear() + 1))), z = () => {
-      u.value = d.value;
-    }, p = () => {
-      u.value = v.value;
+    ), c = $(l.initialDate), u = $("calendar"), d = h(() => new Date(c.value.setMonth(c.value.getMonth() - 1))), v = h(() => new Date(c.value.setMonth(c.value.getMonth() + 1))), p = h(() => new Date(c.value.setFullYear(c.value.getFullYear() - 1))), H = h(() => new Date(c.value.setFullYear(c.value.getFullYear() + 1))), z = () => {
+      c.value = d.value;
+    }, m = () => {
+      c.value = v.value;
     }, w = () => {
-      u.value = m.value;
+      c.value = p.value;
     }, f = () => {
-      u.value = M.value;
+      c.value = H.value;
     }, x = () => {
-      c.value = "year";
-    }, y = () => {
-      c.value = "month";
-    }, g = (b) => {
-      const T = new Date(u.value.setFullYear(Number(b)));
-      u.value = T, c.value = "month";
-    }, H = (b) => {
-      const T = new Date(u.value.setMonth(Number(b)));
-      u.value = T, c.value = "calendar";
-    }, B = () => {
-      c.value = "year";
-    }, j = (b) => {
-      r("update-selected-value", b);
-    }, P = (b) => {
-      u.value = b;
+      u.value = "year";
+    }, b = () => {
+      u.value = "month";
+    }, g = (y) => {
+      const A = new Date(c.value.setFullYear(Number(y)));
+      c.value = A, u.value = "month";
+    }, M = (y) => {
+      const A = new Date(c.value.setMonth(Number(y)));
+      c.value = A, u.value = "calendar";
+    }, V = () => {
+      u.value = "year";
+    }, E = (y) => {
+      r("update-selected-value", y);
+    }, P = (y) => {
+      c.value = y;
     };
-    return (b, T) => (a(), o("div", {
-      class: V(s.value)
+    return (y, A) => (a(), o("div", {
+      class: B(s.value)
     }, [
-      c.value === "calendar" ? (a(), F(_(y2), {
+      u.value === "calendar" ? (a(), R(_(y2), {
         key: 0,
         type: l.type,
-        "initial-date": u.value,
+        "initial-date": c.value,
         "model-value": l.selectedValues,
-        "onUpdate:modelValue": j,
+        "onUpdate:modelValue": E,
         onUpdateInitialDate: P
       }, {
-        header: R(() => [
+        header: j(() => [
           k(Ju, {
-            year: u.value.getFullYear(),
-            month: u.value.getMonth(),
+            year: c.value.getFullYear(),
+            month: c.value.getMonth(),
             onPrevMonth: z,
-            onNextMonth: p,
+            onNextMonth: m,
             onPrevYear: w,
             onNextYear: f,
             onChangeYear: x,
-            onChangeMonth: y
+            onChangeMonth: b
           }, null, 8, ["year", "month"])
         ]),
         _: 1
       }, 8, ["type", "initial-date", "model-value"])) : O("", !0),
-      c.value === "year" ? (a(), F(c2, {
+      u.value === "year" ? (a(), R(c2, {
         key: 1,
         type: "year",
-        "current-date": u.value,
+        "current-date": c.value,
         onUpdateYear: g
       }, null, 8, ["current-date"])) : O("", !0),
-      c.value === "month" ? (a(), F(c2, {
+      u.value === "month" ? (a(), R(c2, {
         key: 2,
         type: "month",
-        "current-date": u.value,
+        "current-date": c.value,
         onUpdateYear: g,
-        onUpdateMonth: H,
-        onBackToYears: B
+        onUpdateMonth: M,
+        onBackToYears: V
       }, null, 8, ["current-date"])) : O("", !0)
     ], 2));
   }
@@ -5648,79 +5682,79 @@ const t5 = /* @__PURE__ */ D({
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const { t: l, messages: r } = Ve(), s = t, u = h(() => s.placeholder ? s.placeholder : l("NmorphDatePicker.pickADate")), c = $(s.modelValue), d = e, v = $(!1), m = () => {
+    const { t: l, messages: r } = Ve(), s = t, c = h(() => s.placeholder ? s.placeholder : l("NmorphDatePicker.pickADate")), u = $(s.modelValue), d = e, v = $(!1), p = () => {
       v.value = !0;
-    }, M = () => {
+    }, H = () => {
       v.value = !1;
     }, z = h(
-      () => A({
+      () => T({
         nmorph: [se[s.height]],
         "nmorph-date-picker": [`${s.disabled && "disabled"}`, s.type, `${v.value && "focus"}`]
       })
-    ), p = $(!1), w = $(null), f = () => {
-      p.value = !1;
+    ), m = $(!1), w = $(null), f = () => {
+      m.value = !1;
     }, x = () => {
-      p.value = !p.value;
-    }, y = h(() => {
-      if (!c.value)
-        return u.value;
-      if (Array.isArray(c.value)) {
-        if (c.value.length === 0)
-          return u.value;
-        const j = je(c.value), P = s.type === "daterange" ? " - " : ", ";
-        return j.join(P);
+      m.value = !m.value;
+    }, b = h(() => {
+      if (!u.value)
+        return c.value;
+      if (Array.isArray(u.value)) {
+        if (u.value.length === 0)
+          return c.value;
+        const E = je(u.value), P = s.type === "daterange" ? " - " : ", ";
+        return E.join(P);
       } else
-        return je(c.value);
+        return je(u.value);
     }), g = () => {
-      const j = Array.isArray(c.value) ? [] : null;
-      c.value = j, d("update:model-value", c.value);
-    }, H = (j) => {
-      c.value = j, d("update:model-value", c.value);
-    }, B = h(() => Array.isArray(c.value) ? c.value.length > 0 : !!c.value);
-    return (j, P) => (a(), o("div", {
-      class: V(z.value)
+      const E = Array.isArray(u.value) ? [] : null;
+      u.value = E, d("update:model-value", u.value);
+    }, M = (E) => {
+      u.value = E, d("update:model-value", u.value);
+    }, V = h(() => Array.isArray(u.value) ? u.value.length > 0 : !!u.value);
+    return (E, P) => (a(), o("div", {
+      class: B(z.value)
     }, [
       n("div", n5, [
         n("div", {
           ref_key: "nmorphInputDOMRef",
           ref: w,
-          class: V(["nmorph-date-picker__input", { "nmorph-date-picker__input--open": p.value }]),
+          class: B(["nmorph-date-picker__input", { "nmorph-date-picker__input--open": m.value }]),
           onClick: x
         }, [
           n("input", {
             type: "date",
-            onFocus: ie(m, ["prevent"]),
-            onBlur: M,
+            onFocus: ie(p, ["prevent"]),
+            onBlur: H,
             onKeydown: pe(ie(() => {
             }, ["prevent"]), ["space"])
           }, null, 40, a5),
-          k(_(E), {
+          k(_(q), {
             name: "calendar",
             class: "nmorph-date-picker__calendar-icon"
           }),
-          n("div", o5, L(y.value), 1),
+          n("div", o5, L(b.value), 1),
           n("div", l5, [
-            B.value ? (a(), F(Ku, {
+            V.value ? (a(), R(Ku, {
               key: 0,
               onClear: g
             })) : O("", !0)
           ])
         ], 2),
         n("div", r5, [
-          w.value ? (a(), F(_(ye), {
+          w.value ? (a(), R(_(be), {
             key: 0,
             "fill-width": !1,
             width: 324,
-            open: p.value,
+            open: m.value,
             "relative-element": w.value,
             onOnOutsideClick: f
           }, {
-            default: R(() => [
+            default: j(() => [
               k(t5, {
-                "selected-values": c.value,
+                "selected-values": u.value,
                 "initial-date": s.initialDate,
-                type: j.type,
-                onUpdateSelectedValue: H
+                type: E.type,
+                onUpdateSelectedValue: M
               }, null, 8, ["selected-values", "initial-date", "type"])
             ]),
             _: 1
@@ -5744,44 +5778,44 @@ const i5 = { class: "nmorph-file-upload__trigger" }, d5 = ["multiple"], c5 = {
   },
   emits: ["update:model-value", "on-unsupported-file-type-error"],
   setup(t, { expose: e, emit: l }) {
-    const r = t, s = (f) => f.split("/")[1], u = (f) => {
+    const r = t, s = (f) => f.split("/")[1], c = (f) => {
       const x = s(f);
-      let y = "doc";
-      return x in Ce && (y = "image"), x in Ae && (y = "audio"), x in Se && (y = "video"), x in Te && (y = "archive"), y;
+      let b = "doc";
+      return x in Ce && (b = "image"), x in Ae && (b = "audio"), x in Se && (b = "video"), x in Te && (b = "archive"), b;
     };
-    let c = ue(r.modelValue);
+    let u = ue(r.modelValue);
     const d = $(null), v = () => {
       d.value && d.value.click();
-    }, m = (f) => {
+    }, p = (f) => {
       const x = f.target;
       if (x.files) {
-        if (Array.from(x.files).forEach((y) => {
-          const g = s(y.type);
+        if (Array.from(x.files).forEach((b) => {
+          const g = s(b.type);
           if (!r.allowedTypes.includes(g))
-            return p("on-unsupported-file-type-error", y.type);
-          const H = URL.createObjectURL(y), B = { data: y, previewUrl: H };
-          c.push(B);
-        }), c.length === 0)
+            return m("on-unsupported-file-type-error", b.type);
+          const M = URL.createObjectURL(b), V = { data: b, previewUrl: M };
+          u.push(V);
+        }), u.length === 0)
           return;
-        M();
+        H();
       }
-    }, M = () => {
-      p(
+    }, H = () => {
+      m(
         "update:model-value",
-        c.map((f) => f.data)
+        u.map((f) => f.data)
       );
     }, z = (f) => {
-      const x = c.findIndex((y) => y.data.name === f);
-      x !== -1 && (URL.revokeObjectURL(c[x].previewUrl), c.splice(x, 1), M());
+      const x = u.findIndex((b) => b.data.name === f);
+      x !== -1 && (URL.revokeObjectURL(u[x].previewUrl), u.splice(x, 1), H());
     };
     e({ inputDOMRef: d });
-    const p = l, w = h(
-      () => A({
+    const m = l, w = h(
+      () => T({
         "nmorph-file-upload": [`${r.disabled && "disabled"}`]
       })
     );
     return (f, x) => (a(), o("div", {
-      class: V(w.value)
+      class: B(w.value)
     }, [
       n("div", i5, [
         n("input", {
@@ -5790,7 +5824,7 @@ const i5 = { class: "nmorph-file-upload__trigger" }, d5 = ["multiple"], c5 = {
           type: "file",
           multiple: r.multiple,
           class: "nmorph-native-input",
-          onChange: m
+          onChange: p
         }, null, 40, d5),
         C(f.$slots, "trigger", {}, () => [
           k(_(Y), {
@@ -5801,33 +5835,33 @@ const i5 = { class: "nmorph-file-upload__trigger" }, d5 = ["multiple"], c5 = {
           }, null, 8, ["disabled"])
         ])
       ]),
-      _(c).length > 0 ? (a(), o("div", c5, [
+      _(u).length > 0 ? (a(), o("div", c5, [
         k(xe, {
           name: "list",
           tag: "div"
         }, {
-          default: R(() => [
-            (a(!0), o(Q, null, Z(_(c), ({ data: y, previewUrl: g }) => (a(), o("div", {
-              key: y.name,
+          default: j(() => [
+            (a(!0), o(Q, null, Z(_(u), ({ data: b, previewUrl: g }) => (a(), o("div", {
+              key: b.name,
               class: "nmorph-file-upload__file"
             }, [
               k(_(V2), { src: g }, null, 8, ["src"]),
               n("div", u5, [
-                k(_(E), {
-                  name: u(y.type),
+                k(_(q), {
+                  name: c(b.type),
                   width: "14px",
                   height: "17px"
                 }, null, 8, ["name"]),
-                n("span", v5, L(y.name), 1)
+                n("span", v5, L(b.name), 1)
               ]),
               n("div", h5, [
                 k(_(Y), {
                   height: "thin",
                   "style-type": "transparent",
-                  onClick: (H) => z(y.name)
+                  onClick: (M) => z(b.name)
                 }, {
-                  default: R(() => [
-                    k(_(E), { name: "error" })
+                  default: j(() => [
+                    k(_(q), { name: "error" })
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -5855,15 +5889,15 @@ const m5 = {
   },
   setup(t, { expose: e }) {
     const l = t, r = h(
-      () => A({
+      () => T({
         "nmorph-form": []
       })
     ), s = Jc(l.value, l.validateImmediately);
-    return e({ formData: s }), ee("form-data", s), (u, c) => (a(), o("form", {
-      class: V(r.value)
+    return e({ formData: s }), ee("form-data", s), (c, u) => (a(), o("form", {
+      class: B(r.value)
     }, [
       n("div", _5, [
-        C(u.$slots, "default")
+        C(c.$slots, "default")
       ])
     ], 2));
   }
@@ -5876,23 +5910,23 @@ const m5 = {
   },
   setup(t) {
     const e = t, l = h(() => (Array.isArray(e.errors) ? e.errors : e.errors.value).reverse()), r = h(
-      () => A({
+      () => T({
         nmorph: [se[e.height]],
         "nmorph-error-box": [`${e.staticHeight && "static-height"}`, `${l.value.length === 0 && "empty"}`]
       })
     );
-    return (s, u) => (a(), o("div", {
-      class: V(r.value)
+    return (s, c) => (a(), o("div", {
+      class: B(r.value)
     }, [
       k(xe, {
         name: "list",
         tag: "div"
       }, {
-        default: R(() => [
-          (a(!0), o(Q, null, Z(l.value, (c) => (a(), o("p", {
-            key: c,
+        default: j(() => [
+          (a(!0), o(Q, null, Z(l.value, (u) => (a(), o("p", {
+            key: u,
             class: "nmorph-error-box__error"
-          }, L(c), 1))), 128))
+          }, L(u), 1))), 128))
         ]),
         _: 1
       })
@@ -5910,14 +5944,14 @@ const Pe = "18px", w5 = /* @__PURE__ */ D({
       bd9433c4: Pe
     }));
     const e = t, l = h(
-      () => A({
+      () => T({
         "nmorph-validation-icon": [e.valid ? "valid" : "invalid"]
       })
     ), r = h(() => e.valid ? "success" : "error");
-    return (s, u) => (a(), o("div", {
-      class: V(l.value)
+    return (s, c) => (a(), o("div", {
+      class: B(l.value)
     }, [
-      s.show ? (a(), F(_(E), {
+      s.show ? (a(), R(_(q), {
         key: 0,
         class: "nmorph-validation-icon__content",
         name: r.value,
@@ -5937,25 +5971,25 @@ const x5 = { key: 0 }, $5 = { class: "nmorph-form-item__content" }, y5 = /* @__P
     staticErrorBoxSpace: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = t, l = N("form-data", void 0), r = h(() => l?.fields[e.id]), s = h(() => r.value), u = h(
+    const e = t, l = N("form-data", void 0), r = h(() => l?.fields[e.id]), s = h(() => r.value), c = h(
       () => !!s.value && !!r?.value?.touched && e.showValidationIcon
-    ), c = h(() => s.value && r.value?.touched), d = h(
-      () => A({
+    ), u = h(() => s.value && r.value?.touched), d = h(
+      () => T({
         "nmorph-form-item": [
           `${e.label && "labeled"}`,
-          `${c.value && (r.value?.valid ? "valid" : "invalid")}`
+          `${u.value && (r.value?.valid ? "valid" : "invalid")}`
         ]
       })
     );
-    return (v, m) => (a(), o("div", {
-      class: V(d.value)
+    return (v, p) => (a(), o("div", {
+      class: B(d.value)
     }, [
       e.label ? (a(), o("label", x5, L(e.label), 1)) : O("", !0),
       n("div", $5, [
         C(v.$slots, "default"),
         k(_(w5), {
           valid: !!r.value?.valid,
-          show: u.value
+          show: c.value
         }, null, 8, ["valid", "show"])
       ]),
       k(_(g5), {
@@ -5988,22 +6022,22 @@ const b5 = { class: "nmorph-number-input__content" }, M5 = { class: "nmorph-numb
   },
   emits: ["update:model-value"],
   setup(t, { expose: e, emit: l }) {
-    I((y) => ({
-      "7010eeb0": M.value
+    I((b) => ({
+      "7010eeb0": H.value
     }));
     const r = t, s = h(
-      () => A({
+      () => T({
         nmorph: [se[r.height]],
         "nmorph-number-input": [
           `${r.disabled && "disabled"}`,
           `${r.actionBtnPositionRight && "action-btn-position-right"}`
         ]
       })
-    ), u = $(r.modelValue), c = () => {
-      u.value += r.step;
+    ), c = $(r.modelValue), u = () => {
+      c.value += r.step;
     }, d = () => {
-      u.value -= r.step;
-    }, v = h(() => u.value <= r.min), m = h(() => u.value >= r.max), M = h(() => r.height === "thick" ? "16px" : "12px"), z = {
+      c.value -= r.step;
+    }, v = h(() => c.value <= r.min), p = h(() => c.value >= r.max), H = h(() => r.height === "thick" ? "16px" : "12px"), z = {
       thick: {
         default: "12px",
         right: "8px"
@@ -6016,35 +6050,35 @@ const b5 = { class: "nmorph-number-input__content" }, M5 = { class: "nmorph-numb
         default: "8px",
         right: "5px"
       }
-    }, p = h(() => {
-      const y = r.actionBtnPositionRight ? "right" : "default";
-      return z[r.height][y];
-    }), w = l, f = (y) => {
-      const g = y.target;
-      let H = Number(g.value);
-      u.value = H;
+    }, m = h(() => {
+      const b = r.actionBtnPositionRight ? "right" : "default";
+      return z[r.height][b];
+    }), w = l, f = (b) => {
+      const g = b.target;
+      let M = Number(g.value);
+      c.value = M;
     };
-    K(u, (y) => {
-      y > r.max && (u.value = r.max, x.value?.blur()), u.value < r.min && (u.value = r.min, x.value?.blur()), w("update:model-value", y);
+    G(c, (b) => {
+      b > r.max && (c.value = r.max, x.value?.blur()), c.value < r.min && (c.value = r.min, x.value?.blur()), w("update:model-value", b);
     });
     const x = $(null);
-    return e({ inputDOMRef: x }), (y, g) => (a(), o("div", {
-      class: V(s.value)
+    return e({ inputDOMRef: x }), (b, g) => (a(), o("div", {
+      class: B(s.value)
     }, [
       n("div", b5, [
         n("div", M5, [
-          y.actionBtnPositionRight ? O("", !0) : (a(), o("div", H5, [
+          b.actionBtnPositionRight ? O("", !0) : (a(), o("div", H5, [
             k(_(Y), {
               "style-type": "transparent",
               disabled: v.value,
               height: r.height,
               onClick: d
             }, {
-              default: R(() => [
-                k(_(E), {
+              default: j(() => [
+                k(_(q), {
                   name: "minus-thin",
-                  width: p.value,
-                  height: p.value
+                  width: m.value,
+                  height: m.value
                 }, null, 8, ["width", "height"])
               ]),
               _: 1
@@ -6054,24 +6088,24 @@ const b5 = { class: "nmorph-number-input__content" }, M5 = { class: "nmorph-numb
             ref_key: "inputDOMRef",
             ref: x,
             class: "nmorph-native-input",
-            value: u.value,
+            value: c.value,
             type: "number",
             min: r.min,
             max: r.max,
             onInput: f
           }, null, 40, z5),
-          y.actionBtnPositionRight ? (a(), o("div", V5, [
+          b.actionBtnPositionRight ? (a(), o("div", V5, [
             n("div", B5, [
               k(_(Y), {
                 "style-type": "transparent",
                 disabled: v.value,
                 onClick: d
               }, {
-                default: R(() => [
-                  k(_(E), {
+                default: j(() => [
+                  k(_(q), {
                     name: "minus-thin",
-                    width: p.value,
-                    height: p.value
+                    width: m.value,
+                    height: m.value
                   }, null, 8, ["width", "height"])
                 ]),
                 _: 1
@@ -6080,14 +6114,14 @@ const b5 = { class: "nmorph-number-input__content" }, M5 = { class: "nmorph-numb
             n("div", C5, [
               k(_(Y), {
                 "style-type": "transparent",
-                disabled: m.value,
-                onClick: c
+                disabled: p.value,
+                onClick: u
               }, {
-                default: R(() => [
-                  k(_(E), {
+                default: j(() => [
+                  k(_(q), {
                     name: "plus-thin",
-                    width: p.value,
-                    height: p.value
+                    width: m.value,
+                    height: m.value
                   }, null, 8, ["width", "height"])
                 ]),
                 _: 1
@@ -6096,15 +6130,15 @@ const b5 = { class: "nmorph-number-input__content" }, M5 = { class: "nmorph-numb
           ])) : (a(), o("div", k5, [
             k(_(Y), {
               "style-type": "transparent",
-              disabled: m.value,
+              disabled: p.value,
               height: r.height,
-              onClick: c
+              onClick: u
             }, {
-              default: R(() => [
-                k(_(E), {
+              default: j(() => [
+                k(_(q), {
                   name: "plus-thin",
-                  width: p.value,
-                  height: p.value
+                  width: m.value,
+                  height: m.value
                 }, null, 8, ["width", "height"])
               ]),
               _: 1
@@ -6143,78 +6177,78 @@ const A5 = { class: "nmorph-select__content" }, T5 = ["id", "name"], D5 = ["valu
   setup(t, { emit: e }) {
     const { t: l } = Ve(), r = t, s = h(
       () => r.noElementPlaceholder ? r.noElementPlaceholder : l("NmorphSelect.noElementPlaceholder")
-    ), u = e, c = $(r.modelValue), d = $(r.open), v = $(null), m = $(null), M = $(!0), z = r.id ? r.id : ve(), p = r.name ? r.name : ve(), w = (X) => {
+    ), c = e, u = $(r.modelValue), d = $(r.open), v = $(null), p = $(null), H = $(!0), z = r.id ? r.id : ve(), m = r.name ? r.name : ve(), w = (X) => {
       if (!r.disabled) {
-        if (d.value = !1, typeof c.value == "string" && (!r.valueRequired && c.value === X ? c.value = "" : c.value = X, u("update:model-value", c.value)), Array.isArray(c.value)) {
-          const J = c.value.includes(X), le = c.value.length === 1 && J;
+        if (d.value = !1, typeof u.value == "string" && (!r.valueRequired && u.value === X ? u.value = "" : u.value = X, c("update:model-value", u.value)), Array.isArray(u.value)) {
+          const J = u.value.includes(X), le = u.value.length === 1 && J;
           if (r.valueRequired && le)
             return;
-          J ? c.value = c.value.filter((be) => be !== X) : c.value = [...c.value, X];
+          J ? u.value = u.value.filter((Me) => Me !== X) : u.value = [...u.value, X];
         }
-        u("update:model-value", c.value);
+        c("update:model-value", u.value);
       }
     }, f = $(!1), x = () => {
       f.value = !0;
-    }, y = () => {
+    }, b = () => {
       f.value = !1;
     }, g = h(
-      () => A({
+      () => T({
         nmorph: [se[r.height]],
         "nmorph-select": [
           `${r.disabled && "disabled"}`,
           `${r.modelValue ? "on" : "off"}`,
           `${r.loading && "loading"}`,
           `${d.value && "open"}`,
-          `${M.value ? "selected-line-outset" : "selected-line-inset"}`,
+          `${H.value ? "selected-line-outset" : "selected-line-inset"}`,
           `${f.value && "focus"}`
         ]
       })
-    ), H = () => {
+    ), M = () => {
       r.disabled || (d.value = !d.value);
     };
-    K(
+    G(
       d,
       (X) => {
-        X && (M.value = !1);
+        X && (H.value = !1);
       },
       { immediate: !0 }
     );
-    const B = () => {
+    const V = () => {
       d.value = !1;
-    }, j = $(), P = $([]), b = $(0), T = $("");
-    K(b, (X) => {
-      T.value = P.value[X], j.value.forEach((J) => {
-        const be = J.getAttribute("value") === T.value ? "add" : "remove";
-        J.classList[be]("nmorph-select-option--focused");
+    }, E = $(), P = $([]), y = $(0), A = $("");
+    G(y, (X) => {
+      A.value = P.value[X], E.value.forEach((J) => {
+        const Me = J.getAttribute("value") === A.value ? "add" : "remove";
+        J.classList[Me]("nmorph-select-option--focused");
       });
     }), ae(async () => {
-      await _e(), v.value && (j.value = v.value.querySelectorAll(".nmorph-select-option"), j.value.forEach((X) => {
+      await _e(), v.value && (E.value = v.value.querySelectorAll(".nmorph-select-option"), E.value.forEach((X) => {
         const J = X.getAttribute("value");
         J && P.value.push(J);
-      }), T.value = P.value[b.value], m.value = `${v.value.clientHeight}px`, document.addEventListener("click", B));
-    }), ke(() => {
-      document.removeEventListener("click", B);
+      }), A.value = P.value[y.value], p.value = `${v.value.clientHeight}px`, document.addEventListener("click", V));
+    }), $e(() => {
+      document.removeEventListener("click", V);
     });
-    const S = h(() => typeof c.value == "string" ? c.value === "" ? s.value : r.options.find((X) => X.value === c.value)?.label : r.options.find((X) => X.value === c.value)?.label), W = h(() => r.options.length > 0 ? r.options : r.optionsMap), q = h(() => W.value.length > 0 ? W.value.filter((J) => c.value.includes(J.value)).map((J) => ({ text: J.label, value: J.value })) : Array.isArray(c.value) ? c.value.map((J) => ({ text: J, value: J })) : [{ text: c.value, value: c.value }]);
-    ee("select-selected-value", c), ee("select-change-selected-value", w);
-    const G = $(null), oe = () => {
+    const S = h(() => typeof u.value == "string" ? u.value === "" ? s.value : r.options.find((X) => X.value === u.value)?.label : r.options.find((X) => X.value === u.value)?.label), W = h(() => r.options.length > 0 ? r.options : r.optionsMap), F = h(() => W.value.length > 0 ? W.value.filter((J) => u.value.includes(J.value)).map((J) => ({ text: J.label, value: J.value })) : Array.isArray(u.value) ? u.value.map((J) => ({ text: J, value: J })) : [{ text: u.value, value: u.value }]);
+    ee("select-selected-value", u), ee("select-change-selected-value", w);
+    const K = $(null), oe = () => {
       d.value = !d.value;
     }, ge = () => {
-      b.value = (b.value + 1) % P.value.length;
+      y.value = (y.value + 1) % P.value.length;
     }, de = () => {
-      b.value = (b.value - 1 + P.value.length) % P.value.length;
+      y.value = (y.value - 1 + P.value.length) % P.value.length;
     }, te = () => {
-      d.value && w(T.value);
+      d.value && w(A.value);
     };
     return (X, J) => (a(), o("div", {
-      class: V(g.value)
+      class: B(g.value)
     }, [
       n("div", A5, [
         n("select", {
           id: _(z),
-          name: _(p),
+          name: _(m),
           onFocus: x,
-          onBlur: y,
+          onBlur: b,
           onKeydown: [
             pe(oe, ["space"]),
             pe(ge, ["arrow-down"]),
@@ -6229,45 +6263,45 @@ const A5 = { class: "nmorph-select__content" }, T5 = ["id", "name"], D5 = ["valu
         ], 40, T5),
         n("div", {
           ref_key: "nmorphSelectDOMRef",
-          ref: G,
+          ref: K,
           class: "nmorph-select__selected-values-line",
-          onClick: ie(H, ["stop"])
+          onClick: ie(M, ["stop"])
         }, [
-          typeof c.value == "string" ? (a(), o("div", O5, L(S.value), 1)) : c.value.length === 0 ? (a(), o("div", P5, L(s.value), 1)) : (a(), o("div", E5, [
-            (a(!0), o(Q, null, Z(q.value, (le) => (a(), F(_(Ge), fe({
+          typeof u.value == "string" ? (a(), o("div", O5, L(S.value), 1)) : u.value.length === 0 ? (a(), o("div", P5, L(s.value), 1)) : (a(), o("div", E5, [
+            (a(!0), o(Q, null, Z(F.value, (le) => (a(), R(_(Ge), fe({
               key: le.value,
               ref_for: !0
             }, le, {
               transparent: "",
-              removable: q.value.length > 1 || !r.valueRequired,
+              removable: F.value.length > 1 || !r.valueRequired,
               height: "thin",
               onClose: w
             }), null, 16, ["removable"]))), 128))
           ])),
-          k(_(E), {
+          k(_(q), {
             name: r.loading ? "loader" : "chevron-down",
             class: "nmorph-select__chevron"
           }, null, 8, ["name"])
         ], 512)
       ]),
-      G.value && !r.disabled ? (a(), F(_(ye), {
+      K.value && !r.disabled ? (a(), R(_(be), {
         key: 0,
         open: d.value,
-        "relative-element": G.value,
-        onOnOutsideClick: B
+        "relative-element": K.value,
+        onOnOutsideClick: V
       }, {
-        default: R(() => [
+        default: j(() => [
           n("div", {
             ref_key: "optionsDOMRef",
             ref: v,
             class: "nmorph-select__options"
           }, [
-            r.loading ? (a(), F(_(E), {
+            r.loading ? (a(), R(_(q), {
               key: 0,
               name: "loader",
               class: "nmorph-select__chevron",
               size: "medium"
-            })) : (a(!0), o(Q, { key: 1 }, Z(X.options, (le) => (a(), F(_(F2), fe({
+            })) : (a(!0), o(Q, { key: 1 }, Z(X.options, (le) => (a(), R(_(F2), fe({
               key: le.value,
               ref_for: !0
             }, le, {
@@ -6291,10 +6325,10 @@ const F5 = ["value"], R5 = { class: "nmorph-select-option__content" }, F2 = /* @
   },
   emits: ["change-value"],
   setup(t, { emit: e }) {
-    const l = N("select-selected-value", void 0), r = N("select-change-selected-value", void 0), s = t, u = e, c = () => {
-      s.disabled || (u("change-value", s.value), r && r(s.value));
-    }, d = h(() => typeof l?.value == "string" ? l.value === s.value : Array.isArray(l?.value) ? l.value.some((m) => m === s.value) : !1), v = h(
-      () => A({
+    const l = N("select-selected-value", void 0), r = N("select-change-selected-value", void 0), s = t, c = e, u = () => {
+      s.disabled || (c("change-value", s.value), r && r(s.value));
+    }, d = h(() => typeof l?.value == "string" ? l.value === s.value : Array.isArray(l?.value) ? l.value.some((p) => p === s.value) : !1), v = h(
+      () => T({
         nmorph: [se[s.height]],
         "nmorph-select-option": [
           `${s.disabled && "disabled"}`,
@@ -6303,16 +6337,16 @@ const F5 = ["value"], R5 = { class: "nmorph-select-option__content" }, F2 = /* @
         ]
       })
     );
-    return (m, M) => (a(), o("div", {
-      class: V(v.value),
-      onClick: c,
+    return (p, H) => (a(), o("div", {
+      class: B(v.value),
+      onClick: u,
       value: s.value
     }, [
       n("div", R5, [
         n("span", null, L(s.label), 1),
-        C(m.$slots, "default")
+        C(p.$slots, "default")
       ]),
-      d.value ? (a(), F(_(E), {
+      d.value ? (a(), R(_(q), {
         key: 0,
         name: "success",
         class: "nmorph-select-option__checked"
@@ -6332,62 +6366,62 @@ const j5 = { class: "nmorph-slider__content" }, W5 = { class: "nmorph-slider__in
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    I((b) => ({
+    I((y) => ({
       "1a01901a": s
     }));
     const l = t, r = h(
-      () => A({
+      () => T({
         nmorph: [],
         "nmorph-slider": [`${l.disabled && "disabled"}`]
       })
-    ), s = `${Ee}px`, u = $(l.showTooltip), c = e, d = $(l.modelValue), v = $(null);
-    K(d, () => {
-      c("update:model-value", d.value);
-    }), K(
+    ), s = `${Ee}px`, c = $(l.showTooltip), u = e, d = $(l.modelValue), v = $(null);
+    G(d, () => {
+      u("update:model-value", d.value);
+    }), G(
       () => l.modelValue,
-      (b) => {
-        d.value = b;
+      (y) => {
+        d.value = y;
       }
     );
-    const m = $(null), M = h(() => {
-      const b = z.value - z.value, T = l.max - l.min + b, S = (d.value - l.min) / T * 100, W = v.value?.clientWidth || 0, q = Ee / W * 100, G = q / 2;
-      let oe = S - G;
-      const de = `${Math.max(0, Math.min(100 - q, oe))}%`, te = W / 100, J = Ee / 2 / te, n2 = (m.value?.tooltipBody.clientWidth ?? 24) / 2 / te, Y2 = n2 === 1 / 0 ? 1.714 : n2, G2 = `${parseFloat(de) + J - Y2}%`;
+    const p = $(null), H = h(() => {
+      const y = z.value - z.value, A = l.max - l.min + y, S = (d.value - l.min) / A * 100, W = v.value?.clientWidth || 0, F = Ee / W * 100, K = F / 2;
+      let oe = S - K;
+      const de = `${Math.max(0, Math.min(100 - F, oe))}%`, te = W / 100, J = Ee / 2 / te, n2 = (p.value?.tooltipBody.clientWidth ?? 24) / 2 / te, Y2 = n2 === 1 / 0 ? 1.714 : n2, G2 = `${parseFloat(de) + J - Y2}%`;
       return {
         thumb: de,
         tooltip: G2
       };
-    }), z = $(0), p = $(0), w = () => {
-      z.value = window.innerWidth, p.value = window.innerHeight;
+    }), z = $(0), m = $(0), w = () => {
+      z.value = window.innerWidth, m.value = window.innerHeight;
     };
     ae(() => {
-      typeof window < "u" && (z.value = window.innerWidth, p.value = window.innerHeight, window.addEventListener("resize", w));
-    }), ke(() => {
+      typeof window < "u" && (z.value = window.innerWidth, m.value = window.innerHeight, window.addEventListener("resize", w));
+    }), $e(() => {
       typeof window < "u" && (document.removeEventListener("mouseup", x), window.removeEventListener("resize", w));
     });
-    const f = (b) => {
+    const f = (y) => {
       P.value = !1;
-      const T = v.value?.getBoundingClientRect();
+      const A = v.value?.getBoundingClientRect();
       let S = 0;
-      if (T) {
-        const W = b.clientX - T.left, q = T.width;
-        S = Math.max(0, Math.min(1, W / q)), d.value = l.min + S * (l.max - l.min);
+      if (A) {
+        const W = y.clientX - A.left, F = A.width;
+        S = Math.max(0, Math.min(1, W / F)), d.value = l.min + S * (l.max - l.min);
       }
       d.value = Math.round(d.value / l.step) * l.step, d.value = Math.max(l.min, Math.min(l.max, d.value));
     }, x = () => {
       document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", x), P.value = !0;
-    }, y = () => {
+    }, b = () => {
       l.disabled || (document.addEventListener("mousemove", f), document.addEventListener("mouseup", x));
-    }, g = $(null), H = () => {
-      l.showTooltip && (u.value = !0);
-    }, B = () => {
-      l.showTooltip && (u.value = !1);
-    }, j = (b) => {
-      const T = b.target;
-      d.value = Number(T.value);
+    }, g = $(null), M = () => {
+      l.showTooltip && (c.value = !0);
+    }, V = () => {
+      l.showTooltip && (c.value = !1);
+    }, E = (y) => {
+      const A = y.target;
+      d.value = Number(A.value);
     }, P = $(!0);
-    return (b, T) => (a(), o("div", {
-      class: V(r.value)
+    return (y, A) => (a(), o("div", {
+      class: B(r.value)
     }, [
       n("div", j5, [
         n("div", W5, [
@@ -6396,23 +6430,23 @@ const j5 = { class: "nmorph-slider__content" }, W5 = { class: "nmorph-slider__in
             ref: v,
             class: "nmorph-slider__input-container"
           }, [
-            u.value && !l.disabled ? (a(), F(_(E2), {
+            c.value && !l.disabled ? (a(), R(_(E2), {
               key: 0,
               ref_key: "tooltipRootRef",
-              ref: m,
+              ref: p,
               text: String(d.value),
               "force-show": "",
-              "force-coordinate": { x: M.value.tooltip, y: "24px" },
+              "force-coordinate": { x: H.value.tooltip, y: "24px" },
               "block-position": ""
             }, null, 8, ["text", "force-coordinate"])) : O("", !0),
             n("div", {
               ref_key: "sliderFirst",
               ref: g,
-              class: V(["nmorph-slider__thumb", { "nmorph-slider__thumb--smooth": P.value }]),
-              style: ne({ left: M.value.thumb }),
-              onMouseenter: H,
-              onMouseleave: B,
-              onMousedown: y
+              class: B(["nmorph-slider__thumb", { "nmorph-slider__thumb--smooth": P.value }]),
+              style: ne({ left: H.value.thumb }),
+              onMouseenter: M,
+              onMouseleave: V,
+              onMousedown: b
             }, null, 38),
             n("input", {
               class: "nmorph-slide__native-input",
@@ -6422,7 +6456,7 @@ const j5 = { class: "nmorph-slider__content" }, W5 = { class: "nmorph-slider__in
               max: l.max,
               step: l.step,
               disabled: l.disabled,
-              onInput: j
+              onInput: E
             }, null, 40, L5)
           ], 512)
         ])
@@ -6441,60 +6475,60 @@ const Y5 = ["value", "disabled"], G5 = { class: "nmorph-switch-thumb" }, K5 = /*
   },
   emits: ["update:model-value"],
   setup(t, { expose: e, emit: l }) {
-    const r = t, s = l, u = $(!1), c = () => {
-      u.value = !0;
+    const r = t, s = l, c = $(!1), u = () => {
+      c.value = !0;
     }, d = () => {
-      u.value = !1;
+      c.value = !1;
     }, v = h(
-      () => A({
+      () => T({
         "nmorph-switch": [
           `${r.disabled && "disabled"}`,
-          `${m.value ? "on" : "off"}`,
+          `${p.value ? "on" : "off"}`,
           `${r.loading && "loading"}`,
-          `${u.value && "focus"}`
+          `${c.value && "focus"}`
         ]
       })
-    ), m = $(r.modelValue === r.activeValue), M = () => {
+    ), p = $(r.modelValue === r.activeValue), H = () => {
       if (r.disabled)
         return;
-      m.value = !m.value;
-      const p = m.value ? r.activeValue : r.inactiveValue;
-      s("update:model-value", p);
+      p.value = !p.value;
+      const m = p.value ? r.activeValue : r.inactiveValue;
+      s("update:model-value", m);
     }, z = $(null);
-    return e({ inputDOMRef: z }), K(
+    return e({ inputDOMRef: z }), G(
       () => r.modelValue,
-      (p) => {
-        m.value = p === r.activeValue;
+      (m) => {
+        p.value = m === r.activeValue;
       }
-    ), (p, w) => (a(), o("div", {
-      class: V(v.value)
+    ), (m, w) => (a(), o("div", {
+      class: B(v.value)
     }, [
       n("div", {
         class: "nmorph-switch__content",
-        onClick: M
+        onClick: H
       }, [
         n("input", {
           ref_key: "inputDOMRef",
           ref: z,
           type: "checkbox",
-          value: m.value,
+          value: p.value,
           disabled: r.disabled,
           class: "nmorph-native-input",
-          onFocus: c,
+          onFocus: u,
           onBlur: d
         }, null, 40, Y5),
         n("div", {
-          class: V(["nmorph-switch__bg-content", { "nmorph-switch__bg-content--enable": m.value }])
+          class: B(["nmorph-switch__bg-content", { "nmorph-switch__bg-content--enable": p.value }])
         }, [
-          m.value ? C(p.$slots, "bg-on", { key: 0 }) : C(p.$slots, "bg-off", { key: 1 })
+          p.value ? C(m.$slots, "bg-on", { key: 0 }) : C(m.$slots, "bg-off", { key: 1 })
         ], 2),
         n("div", G5, [
-          r.loading ? (a(), F(_(E), {
+          r.loading ? (a(), R(_(q), {
             key: 0,
             name: "loader",
             width: "14px",
             height: "14px"
-          })) : m.value ? C(p.$slots, "thumb-on", { key: 1 }) : C(p.$slots, "thumb-off", { key: 2 })
+          })) : p.value ? C(m.$slots, "thumb-on", { key: 1 }) : C(m.$slots, "thumb-off", { key: 2 })
         ])
       ])
     ], 2));
@@ -6516,27 +6550,27 @@ const Q5 = { class: "nmorph-text-input__input-side" }, Z5 = {
   emits: ["update:model-value", "focus", "blur", "on-enter"],
   setup(t, { expose: e, emit: l }) {
     I((g) => ({
-      "6c6d90c2": y.value
+      "6c6d90c2": b.value
     }));
-    const r = Le(), s = t, u = h(
-      () => A({
-        nmorph: [se[s.height], `${M.value && "focused"}`],
+    const r = Le(), s = t, c = h(
+      () => T({
+        nmorph: [se[s.height], `${H.value && "focused"}`],
         "nmorph-text-input": [`${s.typePassword && "password"}`]
       })
-    ), c = (g) => {
-      const H = g.target;
-      f("update:model-value", H.value);
+    ), u = (g) => {
+      const M = g.target;
+      f("update:model-value", M.value);
     }, d = $(!1), v = () => {
       s.clearable ? f("update:model-value", "") : d.value = !d.value;
-    }, m = h(() => s.typePassword && !d.value && !s.clearable ? "password" : "text"), M = $(!1), z = () => {
-      f("focus"), M.value = !0;
-    }, p = () => {
-      f("blur"), M.value = !1;
+    }, p = h(() => s.typePassword && !d.value && !s.clearable ? "password" : "text"), H = $(!1), z = () => {
+      f("focus"), H.value = !0;
+    }, m = () => {
+      f("blur"), H.value = !1;
     }, w = $(null);
     e({ inputDOMRef: w });
-    const f = l, x = h(() => s.clearable ? "error" : d.value ? "eye-blocked" : "eye"), y = h(() => r["prepend-icon"] ? "28px" : "8px");
-    return (g, H) => (a(), o("div", {
-      class: V(u.value)
+    const f = l, x = h(() => s.clearable ? "error" : d.value ? "eye-blocked" : "eye"), b = h(() => r["prepend-icon"] ? "28px" : "8px");
+    return (g, M) => (a(), o("div", {
+      class: B(c.value)
     }, [
       n("div", Q5, [
         _(r)["prepend-icon"] ? (a(), o("div", Z5, [
@@ -6546,16 +6580,16 @@ const Q5 = { class: "nmorph-text-input__input-side" }, Z5 = {
           ref_key: "inputDOMRef",
           ref: w,
           class: "nmorph-native-input",
-          type: m.value,
+          type: p.value,
           placeholder: s.placeholder,
           disabled: s.disabled,
           value: s.modelValue,
-          onInput: c,
+          onInput: u,
           onFocus: z,
-          onBlur: p,
-          onKeyup: H[0] || (H[0] = pe((B) => f("on-enter"), ["enter"]))
+          onBlur: m,
+          onKeyup: M[0] || (M[0] = pe((V) => f("on-enter"), ["enter"]))
         }, null, 40, X5),
-        s.typePassword || s.clearable ? (a(), F(_(Y), {
+        s.typePassword || s.clearable ? (a(), R(_(Y), {
           key: 1,
           disabled: s.disabled,
           class: "nmorph-text-input__password-btn",
@@ -6564,8 +6598,8 @@ const Q5 = { class: "nmorph-text-input__input-side" }, Z5 = {
           height: s.height,
           onClick: v
         }, {
-          default: R(() => [
-            k(_(E), { name: x.value }, null, 8, ["name"])
+          default: j(() => [
+            k(_(q), { name: x.value }, null, 8, ["name"])
           ]),
           _: 1
         }, 8, ["disabled", "height"])) : O("", !0)
@@ -6573,7 +6607,7 @@ const Q5 = { class: "nmorph-text-input__input-side" }, Z5 = {
     ], 2));
   }
 });
-const J5 = { class: "nmorph-time-picker__content" }, N5 = { class: "nmorph-time-picker__selected-time" }, I5 = ["value"], e9 = { class: "nmorph-time-picker__dropdown" }, He = 20, t9 = /* @__PURE__ */ D({
+const J5 = { class: "nmorph-time-picker__content" }, N5 = { class: "nmorph-time-picker__selected-time" }, I5 = ["value"], e9 = { class: "nmorph-time-picker__dropdown" }, ze = 20, t9 = /* @__PURE__ */ D({
   __name: "NmorphTimePicker",
   props: {
     modelValue: { default: 0 },
@@ -6587,58 +6621,58 @@ const J5 = { class: "nmorph-time-picker__content" }, N5 = { class: "nmorph-time-
   },
   emits: ["update:model-value", "on-change-open-close"],
   setup(t, { expose: e, emit: l }) {
-    I((b) => ({
-      "50fc8a59": j.value
+    I((y) => ({
+      "50fc8a59": E.value
     }));
-    const r = t, s = l, u = $(null), c = $(null);
-    e({ inputDOMRef: c });
-    const d = $(r.open), v = $([0, 0, 0]), m = $(r.initWithoutValue), M = () => {
+    const r = t, s = l, c = $(null), u = $(null);
+    e({ inputDOMRef: u });
+    const d = $(r.open), v = $([0, 0, 0]), p = $(r.initWithoutValue), H = () => {
       d.value = !d.value;
     }, z = h(
-      () => A({
+      () => T({
         nmorph: [se[r.height]],
         "nmorph-time-picker": [`${r.disabled && "disabled"}`, `${d.value && "open"}`]
       })
-    ), p = Array.from({ length: 24 }, (b, T) => T), w = Array.from({ length: 60 }, (b, T) => T), f = () => {
-      m.value = !1, s("update:model-value", j2(v.value));
-    }, x = (b) => {
-      const T = b;
-      v.value = [T, v.value[1], v.value[2]], f();
-    }, y = (b) => {
-      const T = b;
-      v.value = [v.value[0], T, v.value[2]], f();
-    }, g = (b) => {
-      const T = b;
-      v.value = [v.value[0], v.value[1], T], f();
-    }, H = () => {
+    ), m = Array.from({ length: 24 }, (y, A) => A), w = Array.from({ length: 60 }, (y, A) => A), f = () => {
+      p.value = !1, s("update:model-value", j2(v.value));
+    }, x = (y) => {
+      const A = y;
+      v.value = [A, v.value[1], v.value[2]], f();
+    }, b = (y) => {
+      const A = y;
+      v.value = [v.value[0], A, v.value[2]], f();
+    }, g = (y) => {
+      const A = y;
+      v.value = [v.value[0], v.value[1], A], f();
+    }, M = () => {
       d.value = !1;
     };
-    K(d, (b) => {
-      s("on-change-open-close", b);
+    G(d, (y) => {
+      s("on-change-open-close", y);
     }), (() => {
-      if (m.value)
+      if (p.value)
         return;
-      const b = We(r.modelValue).split(":").map((T) => Number(T));
-      v.value = b;
+      const y = We(r.modelValue).split(":").map((A) => Number(A));
+      v.value = y;
     })();
-    const j = h(() => `${He}px`), P = h(() => m.value ? "——:——:——" : We(r.modelValue));
-    return (b, T) => {
+    const E = h(() => `${ze}px`), P = h(() => p.value ? "——:——:——" : We(r.modelValue));
+    return (y, A) => {
       const S = Ue("NmorphTimeRoller");
       return a(), o("div", {
         ref_key: "timepickerDOMRef",
-        ref: u,
-        class: V(z.value),
-        onClick: M
+        ref: c,
+        class: B(z.value),
+        onClick: H
       }, [
         n("div", J5, [
           n("div", N5, [
-            k(_(E), {
+            k(_(q), {
               name: "time",
               class: "nmorph-time-picker__time-icon"
             }),
             n("input", {
               ref_key: "inputDOMRef",
-              ref: c,
+              ref: u,
               type: "time",
               value: v.value,
               step: "1",
@@ -6646,36 +6680,36 @@ const J5 = { class: "nmorph-time-picker__content" }, N5 = { class: "nmorph-time-
             }, null, 8, I5),
             n("span", null, L(P.value), 1)
           ]),
-          u.value ? (a(), F(_(ye), {
+          c.value ? (a(), R(_(be), {
             key: 0,
             open: d.value,
-            "relative-element": u.value,
-            onOnOutsideClick: H
+            "relative-element": c.value,
+            onOnOutsideClick: M
           }, {
-            default: R(() => [
+            default: j(() => [
               n("div", e9, [
                 k(S, {
-                  "set-value-on-mount": !m.value,
-                  values: _(p),
+                  "set-value-on-mount": !p.value,
+                  values: _(m),
                   "selected-value": v.value[0],
-                  "step-height": He,
-                  "disabled-range": b.disabledHours,
+                  "step-height": ze,
+                  "disabled-range": y.disabledHours,
                   onValueChanged: x
                 }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
                 k(S, {
-                  "set-value-on-mount": !m.value,
+                  "set-value-on-mount": !p.value,
                   values: _(w),
                   "selected-value": v.value[1],
-                  "disabled-range": b.disabledMinutes,
-                  "step-height": He,
-                  onValueChanged: y
+                  "disabled-range": y.disabledMinutes,
+                  "step-height": ze,
+                  onValueChanged: b
                 }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
                 k(S, {
-                  "set-value-on-mount": !m.value,
+                  "set-value-on-mount": !p.value,
                   values: _(w),
-                  "disabled-range": b.disabledSeconds,
+                  "disabled-range": y.disabledSeconds,
                   "selected-value": v.value[2],
-                  "step-height": He,
+                  "step-height": ze,
                   onValueChanged: g
                 }, null, 8, ["set-value-on-mount", "values", "disabled-range", "selected-value"])
               ])
@@ -6696,7 +6730,7 @@ const We = (t) => {
 }, n9 = {
   key: 0,
   class: "nmorph-radio__content"
-}, a9 = { class: "nmorph-radio__input-wrapper" }, o9 = ["name", "value", "checked"], l9 = {
+}, a9 = { class: "nmorph-radio__input-wrapper" }, o9 = ["name", "value", "checked", "tabindex"], l9 = {
   key: 0,
   class: "nmorph-radio__fake-checked"
 }, r9 = {
@@ -6705,7 +6739,7 @@ const We = (t) => {
 }, s9 = {
   key: 1,
   class: "nmorph-radio__content"
-}, i9 = ["disabled", "name", "value", "checked"], d9 = {
+}, i9 = ["disabled", "name", "value", "checked", "tabindex"], d9 = {
   key: 0,
   class: "nmorph-radio__fake"
 }, c9 = {
@@ -6718,22 +6752,23 @@ const We = (t) => {
     checked: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
     label: { default: "" },
-    value: {}
+    value: {},
+    tabindex: { default: 0 }
   },
   setup(t, { expose: e }) {
     const l = N("radio-group-selected-value", void 0), r = N(
       "change-radio-button-value-handler",
       void 0
-    ), s = t, u = () => {
+    ), s = t, c = () => {
       r && !s.disabled && r(s.value);
-    }, c = h(() => l?.value === s.value || s.checked), d = h(
-      () => A({
-        "nmorph-radio": [`${s.disabled && "disabled"}`, `${c.value && "checked"}`, s.styleType]
+    }, u = h(() => l?.value === s.value || s.checked), d = h(
+      () => T({
+        "nmorph-radio": [`${s.disabled && "disabled"}`, `${u.value && "checked"}`, s.styleType]
       })
     ), v = $(null);
-    return e({ inputDOMRef: v }), (m, M) => (a(), o("label", {
-      class: V(d.value),
-      onClick: ie(u, ["prevent"])
+    return e({ inputDOMRef: v }), (p, H) => (a(), o("label", {
+      class: B(d.value),
+      onClick: ie(c, ["prevent"])
     }, [
       s.styleType === "radio-style" ? (a(), o("div", n9, [
         n("div", a9, [
@@ -6743,13 +6778,14 @@ const We = (t) => {
             type: "radio",
             name: s.label,
             value: s.value,
-            checked: c.value,
+            checked: u.value,
+            tabindex: s.tabindex,
             class: "nmorph-native-input"
           }, null, 8, o9),
-          M[0] || (M[0] = n("div", { class: "nmorph-radio__fake" }, null, -1)),
-          c.value ? (a(), o("div", l9)) : O("", !0)
+          H[0] || (H[0] = n("div", { class: "nmorph-radio__fake" }, null, -1)),
+          u.value ? (a(), o("div", l9)) : O("", !0)
         ]),
-        s.label ? (a(), o("span", r9, L(s.label), 1)) : C(m.$slots, "label", { key: 1 }, void 0, !0)
+        s.label ? (a(), o("span", r9, L(s.label), 1)) : C(p.$slots, "label", { key: 1 }, void 0, !0)
       ])) : O("", !0),
       s.styleType === "button" ? (a(), o("div", s9, [
         n("input", {
@@ -6759,19 +6795,20 @@ const We = (t) => {
           disabled: s.disabled,
           name: s.label,
           value: s.value,
-          checked: c.value,
+          checked: u.value,
+          tabindex: s.tabindex,
           class: "nmorph-native-input"
         }, null, 8, i9),
         s.label ? (a(), o("div", d9, [
           n("span", null, L(s.label), 1)
         ])) : (a(), o("div", c9, [
-          C(m.$slots, "label", {}, void 0, !0)
+          C(p.$slots, "label", {}, void 0, !0)
         ]))
       ])) : O("", !0)
     ], 2));
   }
 });
-const W2 = /* @__PURE__ */ $e(u9, [["__scopeId", "data-v-16b6c98a"]]), v9 = { class: "nmorph-radio-group__wrapper" }, h9 = { class: "nmorph-radio-group__content" }, Ie = /* @__PURE__ */ D({
+const W2 = /* @__PURE__ */ ye(u9, [["__scopeId", "data-v-e1360c2e"]]), v9 = { class: "nmorph-radio-group__wrapper" }, h9 = { class: "nmorph-radio-group__content" }, Ie = /* @__PURE__ */ D({
   __name: "NmorphRadioGroup",
   props: {
     modelValue: { default: "" },
@@ -6784,29 +6821,30 @@ const W2 = /* @__PURE__ */ $e(u9, [["__scopeId", "data-v-16b6c98a"]]), v9 = { cl
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
     const l = t, r = $(l.modelValue);
-    K(
+    G(
       () => l.modelValue,
       (d) => {
         r.value = d;
       }
     );
-    const s = e, u = (d) => {
+    const s = e, c = (d) => {
       r.value = d, s("update:model-value", r.value);
-    }, c = h(() => A({ "nmorph-radio-group": [l.styleType, l.direction] }));
-    return ee("radio-group-selected-value", r), ee("change-radio-button-value-handler", u), (d, v) => {
-      const m = Ue("NmorphRadio");
+    }, u = h(() => T({ "nmorph-radio-group": [l.styleType, l.direction] }));
+    return ee("radio-group-selected-value", r), ee("change-radio-button-value-handler", c), (d, v) => {
+      const p = Ue("NmorphRadio");
       return a(), o("div", {
-        class: V(c.value)
+        class: B(u.value)
       }, [
         n("div", v9, [
           n("div", h9, [
-            (a(!0), o(Q, null, Z(d.options, (M) => (a(), F(m, {
-              key: M.value,
-              label: M.label,
-              value: M.value,
-              disabled: M.disabled || l.disabled,
-              "style-type": l.styleType
-            }, null, 8, ["label", "value", "disabled", "style-type"]))), 128)),
+            (a(!0), o(Q, null, Z(d.options, (H) => (a(), R(p, {
+              key: H.value,
+              label: H.label,
+              value: H.value,
+              disabled: H.disabled || l.disabled,
+              "style-type": l.styleType,
+              tabindex: H.tabindex
+            }, null, 8, ["label", "value", "disabled", "style-type", "tabindex"]))), 128)),
             C(d.$slots, "default")
           ])
         ])
@@ -6824,19 +6862,19 @@ const p9 = /* @__PURE__ */ D({
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    I((p) => ({
+    I((m) => ({
       "13d4e1c7": s.value,
-      "4bd46fe0": u.value
+      "4bd46fe0": c.value
     }));
-    const l = t, r = e, s = h(() => `${l.right}px`), u = h(() => `${l.bottom}px`), c = h(
-      () => A({
-        "nmorph-backtop": [`${m.value && "show"}`, l.design]
+    const l = t, r = e, s = h(() => `${l.right}px`), c = h(() => `${l.bottom}px`), u = h(
+      () => T({
+        "nmorph-backtop": [`${p.value && "show"}`, l.design]
       })
-    ), d = $(null), v = $(null), m = $(!1), M = (p) => {
-      if (!p)
+    ), d = $(null), v = $(null), p = $(!1), H = (m) => {
+      if (!m)
         return;
-      const w = p.target;
-      m.value = w.scrollTop > l.visibilityHeight;
+      const w = m.target;
+      p.value = w.scrollTop > l.visibilityHeight;
     }, z = () => {
       r("click"), d.value && d.value.scrollTo({
         top: 0,
@@ -6845,23 +6883,23 @@ const p9 = /* @__PURE__ */ D({
       });
     };
     return ae(() => {
-      v.value && (d.value = v.value.parentElement, d.value?.addEventListener("scroll", M));
-    }), ke(() => {
-      d.value && d.value?.removeEventListener("scroll", M);
-    }), (p, w) => (a(), o("div", {
+      v.value && (d.value = v.value.parentElement, d.value?.addEventListener("scroll", H));
+    }), $e(() => {
+      d.value && d.value?.removeEventListener("scroll", H);
+    }), (m, w) => (a(), o("div", {
       ref_key: "selfDOMEl",
       ref: v,
-      class: V(c.value)
+      class: B(u.value)
     }, [
       n("div", {
         onClick: ie(z, ["stop"])
       }, [
-        C(p.$slots, "default", {}, () => [
+        C(m.$slots, "default", {}, () => [
           k(_(Y), {
             "style-type": l.design === "nmorph" ? "default" : "transparent"
           }, {
-            default: R(() => [
-              k(_(E), {
+            default: j(() => [
+              k(_(q), {
                 name: "chevron-down",
                 class: "nmorph-backtop__up-icon",
                 color: l.design === "nmorph" ? void 0 : "var(--nmorph-white-color)"
@@ -6886,14 +6924,14 @@ const m9 = ["id"], _9 = {
     const e = t, l = $([]), r = ve();
     ee("breadcrumb-data", { breadcrumbs: l, breadcrumbId: r });
     const s = h(
-      () => A({
+      () => T({
         "nmorph-breadcrumb": []
       })
     );
-    return (u, c) => (a(), o("div", {
-      class: V(s.value)
+    return (c, u) => (a(), o("div", {
+      class: B(s.value)
     }, [
-      C(u.$slots, "default"),
+      C(c.$slots, "default"),
       (a(!0), o(Q, null, Z(l.value, (d, v) => (a(), o("div", {
         key: v,
         class: "nmorph-breadcrumb__content"
@@ -6915,28 +6953,28 @@ const g9 = /* @__PURE__ */ D({
   },
   setup(t) {
     const e = t, l = h(
-      () => A({
+      () => T({
         "nmorph-breadcrumb-item": []
       })
-    ), r = N("breadcrumb-data", void 0), s = $(!1), u = ve();
+    ), r = N("breadcrumb-data", void 0), s = $(!1), c = ve();
     return ae(() => {
       s.value = !0;
-    }), r.breadcrumbs.value.push({ ...e, itemId: u }), (c, d) => {
+    }), r.breadcrumbs.value.push({ ...e, itemId: c }), (u, d) => {
       const v = Ue("router-link");
-      return s.value && _(u) ? (a(), o("div", {
+      return s.value && _(c) ? (a(), o("div", {
         key: 0,
-        class: V(l.value)
+        class: B(l.value)
       }, [
-        (a(), F(we, {
-          to: `#nmorph-breadcrumb-${_(r)?.breadcrumbId}-${_(u)}-element`
+        (a(), R(we, {
+          to: `#nmorph-breadcrumb-${_(r)?.breadcrumbId}-${_(c)}-element`
         }, [
           k(v, {
-            to: c.to,
-            replace: c.replace,
+            to: u.to,
+            replace: u.replace,
             class: "fill-height"
           }, {
-            default: R(() => [
-              C(c.$slots, "default")
+            default: j(() => [
+              C(u.$slots, "default")
             ]),
             _: 3
           }, 8, ["to", "replace"])
@@ -6944,7 +6982,7 @@ const g9 = /* @__PURE__ */ D({
       ], 2)) : O("", !0);
     };
   }
-}), ye = /* @__PURE__ */ D({
+}), be = /* @__PURE__ */ D({
   __name: "NmorphDropdown",
   props: {
     open: { type: Boolean },
@@ -6956,35 +6994,35 @@ const g9 = /* @__PURE__ */ D({
   },
   emits: ["on-outside-click"],
   setup(t, { emit: e }) {
-    I((m) => ({
+    I((p) => ({
       f609801e: d.value
     }));
-    const l = t, r = e, s = $(null), { placementCoords: u } = O2({
+    const l = t, r = e, s = $(null), { placementCoords: c } = O2({
       initialPlacement: "bottom",
       contentDOMElement: s,
       relativeElement: l.relativeElement,
       yOffset: l.yOffset,
       xOffset: l.xOffset
-    }), c = h(
-      () => A({
+    }), u = h(
+      () => T({
         "nmorph-dropdown": [`${!l.open && "closed"}`]
       })
     ), d = h(() => l.fillWidth ? `${l.relativeElement?.clientWidth}px` : `${l.width}px`), v = () => {
       r("on-outside-click");
     };
-    return (m, M) => (a(), F(_(De), {
+    return (p, H) => (a(), R(_(De), {
       show: l.open,
       transparent: "",
       onOnOutsideClick: v
     }, {
-      default: R(() => [
+      default: j(() => [
         n("div", {
           ref_key: "dropdownDOMRef",
           ref: s,
-          class: V(c.value),
-          style: ne({ left: `${_(u).x}`, top: `${_(u).y}` })
+          class: B(u.value),
+          style: ne({ left: `${_(c).x}`, top: `${_(c).y}` })
         }, [
-          C(m.$slots, "default")
+          C(p.$slots, "default")
         ], 6)
       ]),
       _: 3
@@ -7001,47 +7039,47 @@ const w9 = { class: "nmorph-tabs__label-list" }, x9 = ["id", "onClick", "custom"
   emits: ["update:model-value", "tab-change"],
   setup(t, { emit: e }) {
     const l = t, r = e, s = h(
-      () => A({
+      () => T({
         "nmorph-tabs": [`${l.stretch && "stretch"}`]
       })
-    ), u = (M) => {
-      if (M.disabled)
+    ), c = (H) => {
+      if (H.disabled)
         return;
-      const { name: z } = M;
+      const { name: z } = H;
       r("update:model-value", z), r("tab-change", z);
-    }, c = $([]), d = ve();
+    }, u = $([]), d = ve();
     ee("nmorph-tabs-data", {
-      tabsData: c,
+      tabsData: u,
       tabsIdentifier: d
     });
-    const v = h(() => l.panes.length > 0 ? l.panes : c.value), m = Le();
-    return (M, z) => (a(), o("div", {
-      class: V(s.value)
+    const v = h(() => l.panes.length > 0 ? l.panes : u.value), p = Le();
+    return (H, z) => (a(), o("div", {
+      class: B(s.value)
     }, [
-      C(M.$slots, "default"),
+      C(H.$slots, "default"),
       n("div", w9, [
-        (a(!0), o(Q, null, Z(v.value, (p) => (a(), o("div", {
-          id: _(e2)(_(d), p.name),
-          key: p.name,
-          class: V(["nmorph-tabs__label", [
-            { "nmorph-tabs__label--selected": p.name === l.modelValue },
-            { "nmorph-tabs__label--disabled": p.disabled }
+        (a(!0), o(Q, null, Z(v.value, (m) => (a(), o("div", {
+          id: _(e2)(_(d), m.name),
+          key: m.name,
+          class: B(["nmorph-tabs__label", [
+            { "nmorph-tabs__label--selected": m.name === l.modelValue },
+            { "nmorph-tabs__label--disabled": m.disabled }
           ]]),
-          onClick: (w) => u(p),
-          custom: p.disabled
+          onClick: (w) => c(m),
+          custom: m.disabled
         }, [
-          _(m).default ? O("", !0) : (a(), o("div", $9, L(p.label), 1))
+          _(p).default ? O("", !0) : (a(), o("div", $9, L(m.label), 1))
         ], 10, x9))), 128))
       ]),
       n("div", y9, [
         n("div", b9, [
-          (a(!0), o(Q, null, Z(v.value, (p) => qe((a(), o("div", {
-            id: _(t2)(_(d), p.name),
-            key: p.name
+          (a(!0), o(Q, null, Z(v.value, (m) => qe((a(), o("div", {
+            id: _(t2)(_(d), m.name),
+            key: m.name
           }, [
-            _(m).default ? O("", !0) : (a(), o("div", H9, L(p.content), 1))
+            _(p).default ? O("", !0) : (a(), o("div", H9, L(m.content), 1))
           ], 8, M9)), [
-            [Fe, p.name === l.modelValue]
+            [Fe, m.name === l.modelValue]
           ])), 128))
         ])
       ])
@@ -7064,27 +7102,27 @@ const e2 = (t, e) => {
   },
   setup(t) {
     const e = t, l = h(
-      () => A({
+      () => T({
         "nmorph-tab-pane": []
       })
     ), r = N("nmorph-tabs-data", void 0), s = $(!1);
     ae(() => {
       s.value = !0;
     }), r.tabsData.value.push(e);
-    const u = e;
-    return (c, d) => s.value ? (a(), o("div", {
+    const c = e;
+    return (u, d) => s.value ? (a(), o("div", {
       key: 0,
-      class: V(l.value)
+      class: B(l.value)
     }, [
-      (a(), F(we, {
+      (a(), R(we, {
         to: `#${_(e2)(_(r)?.tabsIdentifier, e.name)}`
       }, [
-        C(c.$slots, "label", { scope: _(u) })
+        C(u.$slots, "label", { scope: _(c) })
       ], 8, ["to"])),
-      (a(), F(we, {
+      (a(), R(we, {
         to: `#${_(t2)(_(r)?.tabsIdentifier, e.name)}`
       }, [
-        C(c.$slots, "default", { scope: _(u) })
+        C(u.$slots, "default", { scope: _(c) })
       ], 8, ["to"]))
     ], 2)) : O("", !0);
   }
@@ -7095,12 +7133,12 @@ const e2 = (t, e) => {
   },
   setup(t) {
     const e = t, l = h(
-      () => A({
+      () => T({
         "nmorph-divider": [e.direction]
       })
     );
     return (r, s) => (a(), o("div", {
-      class: V(l.value)
+      class: B(l.value)
     }, null, 2));
   }
 });
@@ -7113,14 +7151,14 @@ const De = /* @__PURE__ */ D({
   emits: ["on-outside-click"],
   setup(t, { emit: e }) {
     const l = t, r = h(
-      () => A({
+      () => T({
         "nmorph-overlay": [`${l.show && "show"}`, `${l.transparent && "transparent"}`]
       })
     ), s = () => {
-      u("on-outside-click");
-    }, u = e;
-    return (c, d) => (a(), o("div", {
-      class: V(r.value),
+      c("on-outside-click");
+    }, c = e;
+    return (u, d) => (a(), o("div", {
+      class: B(r.value),
       onClick: ie(s, ["stop"])
     }, [
       n("div", {
@@ -7128,7 +7166,7 @@ const De = /* @__PURE__ */ D({
         onClick: d[0] || (d[0] = ie(() => {
         }, ["stop"]))
       }, [
-        C(c.$slots, "default")
+        C(u.$slots, "default")
       ])
     ], 2));
   }
@@ -7142,28 +7180,28 @@ const V9 = /* @__PURE__ */ D({
     quantity: { default: 100 }
   },
   setup(t) {
-    const e = $([]), l = h(() => u.notifications.filter((d) => !e.value.includes(d.id))), r = h(() => {
-      const d = Math.max(l.value.length - u.quantity, 0);
+    const e = $([]), l = h(() => c.notifications.filter((d) => !e.value.includes(d.id))), r = h(() => {
+      const d = Math.max(l.value.length - c.quantity, 0);
       return l.value.slice(d);
     }), s = (d) => {
       e.value = [...e.value, d];
-    }, u = t, c = h(() => u.zIndex);
+    }, c = t, u = h(() => c.zIndex);
     return (d, v) => (a(), o("div", {
-      class: V(`nmorph-notification-provider nmorph-notification-provider--${u.placement}`),
-      style: ne({ zIndex: c.value })
+      class: B(`nmorph-notification-provider nmorph-notification-provider--${c.placement}`),
+      style: ne({ zIndex: u.value })
     }, [
       k(xe, {
         name: "nmorph-notification",
         tag: "div"
       }, {
-        default: R(() => [
-          (a(!0), o(Q, null, Z(r.value, (m) => (a(), o("div", {
-            key: m.id,
-            style: ne({ width: m.width }),
+        default: j(() => [
+          (a(!0), o(Q, null, Z(r.value, (p) => (a(), o("div", {
+            key: p.id,
+            style: ne({ width: p.width }),
             class: "nmorph-notification-provider__notification"
           }, [
-            k(_(D2), fe({ ref_for: !0 }, m, {
-              onClose: () => s(m.id)
+            k(_(D2), fe({ ref_for: !0 }, p, {
+              onClose: () => s(p.id)
             }), null, 16, ["onClose"])
           ], 4))), 128))
         ]),
@@ -7172,7 +7210,7 @@ const V9 = /* @__PURE__ */ D({
     ], 6));
   }
 });
-const B9 = /* @__PURE__ */ $e(V9, [["__scopeId", "data-v-de7a6e97"]]);
+const B9 = /* @__PURE__ */ ye(V9, [["__scopeId", "data-v-de7a6e97"]]);
 var U2 = /* @__PURE__ */ ((t) => (t["top-left"] = "top-left", t["top-center"] = "top-center", t["top-right"] = "top-right", t["bottom-left"] = "bottom-left", t["bottom-center"] = "bottom-center", t["bottom-right"] = "bottom-right", t))(U2 || {});
 const C9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -7202,14 +7240,14 @@ const C9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NmorphDialog: Kc,
   NmorphDivider: L2,
   NmorphDocResolution: Ne,
-  NmorphDropdown: ye,
+  NmorphDropdown: be,
   NmorphFileUpload: p5,
   NmorphForm: f5,
   NmorphFormItem: y5,
-  NmorphIcon: E,
+  NmorphIcon: q,
   NmorphIconSize: f2,
   NmorphIconsMap: g2,
-  NmorphImage: ze,
+  NmorphImage: ke,
   NmorphImagePreview: V2,
   NmorphImageResolution: Ce,
   NmorphLink: Vd,
@@ -7258,29 +7296,38 @@ const C9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   timeArrayToTimestamp: j2,
   useCalendarTexts: Be
 }, Symbol.toStringTag, { value: "Module" })), S9 = () => {
-  const t = $({ width: 0, height: 0 }), e = () => {
-    t.value.width = window.innerWidth, t.value.height = window.innerHeight;
+  const t = $({ width: 0, height: 0 }), e = $(0);
+  let l, r;
+  const s = () => {
+    clearTimeout(l), l = setTimeout(() => {
+      t.value.width = window.innerWidth, t.value.height = window.innerHeight;
+    }, 400);
+  }, c = () => {
+    clearTimeout(r), r = setTimeout(() => {
+      e.value = window.scrollY;
+    }, 400);
   };
-  return window && window.addEventListener("resize", e), {
-    dimensions: t
+  return window && (window.addEventListener("resize", s), window.addEventListener("scroll", c)), {
+    dimensions: t,
+    scrollTop: e
   };
 }, Y9 = () => N("nmorph"), G9 = {
   install(t, e = {}) {
     if (!e.i18n.outsideMessagesMerge) {
-      const u = yu(e.i18n), c = t.__VUE_I18N__;
-      c ? (u.global.messages && Object.entries(u.global.messages).forEach(([d, v]) => {
-        c.global.mergeLocaleMessage(d, v);
-      }), u.global.locale && (c.global.locale.value = u.global.locale)) : t.use(u);
+      const c = yu(e.i18n), u = t.__VUE_I18N__;
+      u ? (c.global.messages && Object.entries(c.global.messages).forEach(([d, v]) => {
+        u.global.mergeLocaleMessage(d, v);
+      }), c.global.locale && (u.global.locale.value = c.global.locale)) : t.use(c);
     }
     const l = $u(e.theme), r = S9(), s = { theme: l, browser: r };
-    return t.provide("nmorph", s), Object.entries(C9).forEach(([u, c]) => {
-      if (A9(c))
+    return t.provide("nmorph", s), Object.entries(C9).forEach(([c, u]) => {
+      if (A9(u))
         if (e.components === void 0)
-          t.component(u, c);
+          t.component(c, u);
         else {
-          if (!e.components.includes(u))
+          if (!e.components.includes(c))
             return;
-          t.component(u, c);
+          t.component(c, u);
         }
     }), t;
   }
@@ -7323,15 +7370,15 @@ export {
   Kc as NmorphDialog,
   L2 as NmorphDivider,
   Ne as NmorphDocResolution,
-  ye as NmorphDropdown,
+  be as NmorphDropdown,
   p5 as NmorphFileUpload,
   f5 as NmorphForm,
   y5 as NmorphFormItem,
-  E as NmorphIcon,
+  q as NmorphIcon,
   i as NmorphIconList,
   f2 as NmorphIconSize,
   g2 as NmorphIconsMap,
-  ze as NmorphImage,
+  ke as NmorphImage,
   I2 as NmorphImageFit,
   V2 as NmorphImagePreview,
   Ce as NmorphImageResolution,
@@ -7403,7 +7450,7 @@ export {
   j9 as useEventManager,
   Oe as useFieldValidation,
   Jc as useFormValidation,
-  A as useModifiers,
+  T as useModifiers,
   Y9 as useNmorph,
   S9 as useNmorphBrowser,
   U9 as useNmorphNotification,