@nmorph/nmorph-ui-kit 0.2.156 → 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 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 { 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,
@@ -68,7 +69,7 @@ const n0 = (t, e) => {
       thick: "large"
     }, 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,15 +77,16 @@ 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: u.value
@@ -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 },
@@ -113,7 +115,7 @@ const s0 = {
       d36f10ce: s.value
     }));
     const e = t, l = h(
-      () => A({
+      () => T({
         "nmorph-icon": [
           `${!e.width && !e.height && e.size}`,
           `${e.width && "custom-width"}`,
@@ -125,11 +127,11 @@ const s0 = {
       return e.width && (c["--width"] = e.width), e.height && (c["--height"] = e.height), c;
     }), s = h(() => e.color);
     return (c, u) => (a(), o("div", {
-      class: V(l.value),
+      class: B(l.value),
       style: ne(r.value)
     }, [
       e.name ? (a(), o("div", s0, [
-        (a(), F(K2(_(g2)[e.name])))
+        (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,
+      "616ac766": F.value,
       "3eb1ffd9": K.value,
-      "68ca2cc6": p.value,
-      e6613a6c: x.value,
+      "68ca2cc6": m.value,
+      e6613a6c: w.value,
       "475844c4": u.value,
       "475844c5": c.value,
       "408c54d1": W.value,
       ba0dc0f6: f.value,
-      bb485170: w.value
+      bb485170: x.value
     }));
-    const r = t, s = $(null), c = h(() => r.scrollYProp), u = 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;
-    }, H = h(() => r.yBarWidthInPx + r.yGapInPx), z = h(() => r.xBarWidthInPx + r.xGapInPx), p = h(
+    }, H = h(() => r.yBarWidthInPx + r.yGapInPx), z = h(() => r.xBarWidthInPx + r.xGapInPx), m = h(
       () => r.scrollYProp === "hidden" || !d.value ? "0" : `${H.value}px`
-    ), x = h(
+    ), w = h(
       () => r.scrollXProp === "hidden" || !v.value ? "0" : `${z.value}px`
-    ), f = h(() => `${r.yBarWidthInPx}px`), w = h(() => `${r.xBarWidthInPx}px`), y = N("nmorph");
+    ), f = h(() => `${r.yBarWidthInPx}px`), x = h(() => `${r.xBarWidthInPx}px`), b = N("nmorph");
     let g;
-    const M = l, B = () => {
+    const M = l, V = () => {
       const te = Math.trunc(s.value?.scrollLeft), X = Math.trunc(s.value?.scrollTop);
       M("update:model-value", { x: te, y: X });
-    }, R = () => {
+    }, E = () => {
       M("on-scroll-end");
     }, P = (te) => {
-      M("on-scroll", te), s.value && (r.updateOnlyOnScrollEnd || B(), g !== void 0 && clearTimeout(g), g = setTimeout(() => {
-        r.updateOnlyOnScrollEnd && B(), R();
+      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,7 +2947,7 @@ const Bd = /* @__PURE__ */ D({
       });
     };
     ae(() => {
-      S(r.modelValue), _e(m);
+      S(r.modelValue), _e(p);
     }), G(
       () => r.modelValue,
       (te) => {
@@ -2953,23 +2955,23 @@ const Bd = /* @__PURE__ */ D({
       },
       { deep: !0, immediate: !0 }
     ), G(
-      () => y?.browser.dimensions,
+      () => b?.browser.dimensions,
       () => {
-        _e(m);
+        _e(p);
       },
       { deep: !0, immediate: !0 }
     );
-    const W = h(() => r.cssScrollBehavior), q = h(() => r.height), K = 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,
@@ -2994,26 +2996,26 @@ const Cd = /* @__PURE__ */ D({
   },
   emits: ["error", "load"],
   setup(t, { emit: e }) {
-    I((x) => ({
-      "574116af": p.value,
-      "11dd63ea": m.value,
+    I((w) => ({
+      "574116af": m.value,
+      "11dd63ea": p.value,
       "11d2c240": v.value,
       "75c6801c": z.value
     }));
     const l = t, r = e, s = $(!1), c = h(
-      () => A({
+      () => T({
         nmorph: [`${l.frameBorder > 0 && "shadow-combined"}`],
         "nmorph-avatar": [l.shape]
       })
-    ), u = (x) => {
-      r("error", x), s.value = !0;
-    }, d = (x) => {
-      r("load", x), s.value = !1;
-    }, v = h(() => `${l.imagePadding}px`), m = h(() => ` ${l.size}px`), H = h(() => `${l.size / 100 * 60}px`), z = h(() => l.shape === "circle" ? "50%" : "4px"), p = h(() => `${l.frameBorder}px`);
-    return (x, f) => (a(), o("div", {
-      class: V(c.value)
+    ), u = (w) => {
+      r("error", w), s.value = !0;
+    }, d = (w) => {
+      r("load", w), s.value = !1;
+    }, 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: B(c.value)
     }, [
-      k(_(ze), {
+      k(_(ke), {
         fit: l.fit,
         src: l.src,
         "src-set": l.srcSet,
@@ -3023,7 +3025,7 @@ const Cd = /* @__PURE__ */ D({
         onError: u
       }, {
         error: j(() => [
-          k(_(E), {
+          k(_(q), {
             name: "avatar",
             width: H.value
           }, null, 8, ["width"])
@@ -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), c = h(() => {
-      const m = `${(d?.value / 2 + e.offsetX) * -1}px`, H = `${(v?.value / 2 + e.offsetY) * -1}px`;
+      const p = `${(d?.value / 2 + e.offsetX) * -1}px`, H = `${(v?.value / 2 + e.offsetY) * -1}px`;
       return {
-        x: m,
+        x: p,
         y: H
       };
     }), u = $(null), d = $(0), v = $(0);
     return ae(() => {
       u.value && (d.value = u.value.clientWidth, v.value = u.value.clientHeight);
-    }), (m, H) => e.disabled ? C(m.$slots, "default", { key: 1 }) : (a(), o("div", {
+    }), (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: u,
-        class: V(r.value),
+        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 (c, u) => (a(), o("div", {
-      class: V(s.value)
+      class: B(s.value)
     }, [
       C(c.$slots, "default", {}, () => [
         n("div", Od, L(l.year) + " " + L(_(Ye)(l.month)), 1),
         n("div", Pd, [
-          c.showPreviousMonthButton ? (a(), F(_(Y), {
+          c.showPreviousMonthButton ? (a(), R(_(Y), {
             key: 0,
             class: "nmorph-calendar-header__action",
             onClick: u[0] || (u[0] = (d) => r("click-previous-month"))
           }, {
             default: j(() => [
-              k(_(E), { name: "arrow-left" })
+              k(_(q), { name: "arrow-left" })
             ]),
             _: 1
           })) : O("", !0),
-          c.showTodayButton ? (a(), F(_(Y), {
+          c.showTodayButton ? (a(), R(_(Y), {
             key: 1,
             class: "nmorph-calendar-header__action",
             text: "Today",
             onClick: u[1] || (u[1] = (d) => r("click-today"))
           })) : O("", !0),
-          c.showNextMonthButton ? (a(), F(_(Y), {
+          c.showNextMonthButton ? (a(), R(_(Y), {
             key: 2,
             class: "nmorph-calendar-header__action",
             onClick: u[2] || (u[2] = (d) => r("click-next-month"))
           }, {
             default: j(() => [
-              k(_(E), { name: "arrow-right" })
+              k(_(q), { name: "arrow-right" })
             ]),
             _: 1
           })) : O("", !0)
@@ -3168,44 +3170,44 @@ 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(), c = () => {
-      x.value = g.value;
+      w.value = g.value;
     }, u = () => {
-      x.value = /* @__PURE__ */ new Date();
+      w.value = /* @__PURE__ */ new Date();
     }, d = () => {
-      x.value = M.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();
       }
-    }, H = (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" && c();
-      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();
-    }, x = $(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 w = ue([]);
-    const y = () => {
-      w = [], k2(x, l.range).forEach((T) => {
+    let x = ue([]);
+    const b = () => {
+      x = [], k2(w, l.range).forEach((A) => {
         const S = {};
-        T.forEach((W, q) => {
-          const K = s[q];
+        A.forEach((W, F) => {
+          const K = s[F];
           S[K] = W;
-        }), w.push(S);
+        }), x.push(S);
       });
     };
     G(
       () => l.initialDate,
-      (b) => {
-        x.value = b;
+      (y) => {
+        w.value = y;
       },
       {
         deep: !0
       }
-    ), G(x, () => {
-      y(), r("update-initial-date", x.value);
+    ), 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(x.value.setMonth(x.value.getMonth() - 1))), M = h(() => new Date(x.value.setMonth(x.value.getMonth() + 1))), B = h(() => {
-      const { range: b } = l, T = b ? M2(x.value, b[0]) : !0, S = b ? H2(x.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
       };
-    }), R = h(
-      () => A({
+    }), E = h(
+      () => T({
         "nmorph-calendar": []
       })
-    ), P = (b) => b;
-    return y(), (b, T) => (a(), o("div", {
-      class: V(R.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: x.value.getFullYear(),
-          month: x.value.getMonth(),
-          "show-previous-month-button": B.value.showPreviousMonthButton,
-          "show-today-button": B.value.showTodayButton,
-          "show-next-month-button": B.value.showNextMonthButton,
+          year: w.value.getFullYear(),
+          month: w.value.getMonth(),
+          "show-previous-month-button": V.value.showPreviousMonthButton,
+          "show-today-button": V.value.showTodayButton,
+          "show-next-month-button": V.value.showNextMonthButton,
           onClickNextMonth: d,
           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: _(w),
+          data: _(x),
           bordered: "",
           "row-hover": !1
         }, {
           default: j(() => [
-            (a(!0), o(Q, null, Z(_(s), (S) => (a(), F(_(T2), {
+            (a(!0), o(Q, null, Z(_(s), (S) => (a(), R(_(T2), {
               key: `${S}`,
               prop: S,
               label: S.toUpperCase()
             }, {
               default: j(({ scope: W }) => [
-                (a(!0), o(Q, null, Z(W.rows, (q, K) => (a(), F(_(A2), {
+                (a(!0), o(Q, null, Z(W.rows, (F, K) => (a(), R(_(A2), {
                   key: K,
                   row: K
                 }, {
                   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) => H(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(), u = new Date(r, s, 1).getDay() + 1, d = s2(r, s), v = 7 + u - 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(), x = p.getDate(), f = p.getMonth(), w = s - 1, y = s2(r, w);
-  let g = y - v;
+  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 < y; ) {
+  for (; g < b; ) {
     g++;
-    const q = f === w && x === g, K = new Date(r, w, g);
+    const F = f === x && w === g, K = new Date(r, x, g);
     M.push({
       value: g,
       monthType: "previous",
-      isToday: q,
+      isToday: F,
       date: K,
       hidden: l(K)
     });
   }
-  const B = s + 1, R = [];
+  const V = s + 1, E = [];
   let P = 0;
   for (; z; ) {
     P++, z--;
-    const q = f === B && x === P, K = new Date(r, B, P);
-    R.push({
+    const F = f === V && w === P, K = new Date(r, V, P);
+    E.push({
       value: P,
       monthType: "next",
-      isToday: q,
+      isToday: F,
       date: K,
       hidden: l(K)
     });
   }
-  let b = 0;
-  const T = [];
-  for (; b < d; ) {
-    const q = p.getDate();
-    b++;
-    const K = 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: K,
       date: oe,
       hidden: l(oe)
     });
   }
-  const S = [...M, ...T, ...R], W = [];
-  for (let q = 0; q < S.length; q += 7) {
-    const K = S.slice(q, q + 7);
+  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((K) => K.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, c) => (a(), o("div", {
-      class: V(l.value)
+      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 }
@@ -3453,55 +3455,55 @@ const Gd = /* @__PURE__ */ $e(Yd, [["__scopeId", "data-v-e3cb136f"]]), Kd = ["id
     }, s = () => {
       l.value = l.value - 1;
     }, c = t, u = e, d = h(
-      () => A({
+      () => T({
         "nmorph-carousel": []
       })
-    ), v = $([]), m = ve();
-    ee("carousel-data", { data: v, carouselId: m });
-    const H = $(null), z = ue({}), p = () => {
-      const B = z[Object.keys(z).length - 1]?.cloneNode(!0), R = z[0]?.cloneNode(!0);
-      H.value?.prepend(B), H.value?.append(R), l.value += 1;
-    }, x = () => {
-      l.value === 0 && (l.value = Object.keys(z).length, y.value = !1), l.value > Object.keys(z).length && (l.value = 1, y.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, b.value = !1), l.value > Object.keys(z).length && (l.value = 1, b.value = !1);
     };
     ae(() => {
-      c.loop && l.value === 0 && (_e(() => p()), H.value?.addEventListener("transitionend", x));
-    }), G(l, (B) => {
-      u("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, R) => {
-      const P = B;
-      z[R] = P;
-    }, w = h(() => `translateX(-${l.value * 100}%)`), y = $(!0), g = (B) => B === l.value - 1, M = (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, R) => (a(), o("div", {
-      class: V(d.value)
+    return (V, E) => (a(), o("div", {
+      class: B(d.value)
     }, [
       n("div", {
         ref_key: "carouselWrapper",
         ref: H,
-        class: V(["nmorph-carousel__wrapper", { "transition-enabled": y.value }]),
-        style: ne({ transform: w.value })
+        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) => M(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,7 +3530,7 @@ const Jd = /* @__PURE__ */ D({
   },
   setup(t) {
     const e = t, l = h(
-      () => A({
+      () => T({
         "nmorph-carousel-item": []
       })
     ), r = N("carousel-data", void 0), s = $(!1);
@@ -3536,9 +3538,9 @@ const Jd = /* @__PURE__ */ D({
       s.value = !0, r && r.data.value.push(e.name);
     }), (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(c.$slots, "default")
@@ -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);
       }
       c("update:model-value", r.value);
     };
     ee("collapse-data", r), ee("update-model", s);
     const c = e, u = h(
-      () => A({
+      () => T({
         "nmorph-collapse": []
       })
     );
     return (d, v) => (a(), o("div", {
-      class: V(u.value)
+      class: B(u.value)
     }, [
       C(d.$slots, "default")
     ], 2));
@@ -3595,34 +3597,34 @@ const Jd = /* @__PURE__ */ D({
   emits: ["click-item"],
   setup(t, { emit: e }) {
     const l = t, r = e, s = $(!1), c = h(
-      () => A({
+      () => T({
         "nmorph-collapse-item": [`${l.disabled && "disabled"}`, `${s.value && "is-open"}`]
       })
     ), u = h(
-      () => A({
+      () => T({
         nmorph: [se[l.height]]
       })
-    ), d = N("collapse-data", void 0), v = N("update-model", void 0), m = $(null), H = $(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;
     }), 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 }
     ), G(s, () => {
-      H.value = s.value && m.value ? m.value?.clientHeight : 0;
-    }), (p, x) => (a(), o("div", {
-      class: V(c.value),
+      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", u.value])
+        class: B(["nmorph-collapse-item__title", u.value])
       }, [
-        C(p.$slots, "title", {}, () => [
+        C(m.$slots, "title", {}, () => [
           re(L(l.title), 1)
         ])
       ], 2),
@@ -3632,10 +3634,10 @@ const Jd = /* @__PURE__ */ D({
       }, [
         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));
@@ -3660,46 +3662,46 @@ const ec = ["src", "alt", "srcset"], tc = {
   },
   emits: ["error", "load"],
   setup(t, { emit: e }) {
-    I((w) => ({
+    I((x) => ({
       "038c8bec": f.value,
-      "6b4fbaa3": x.value
+      "6b4fbaa3": w.value
     }));
     const { t: l } = Ve(), r = t, s = h(() => r.loadingText ? r.loadingText : l("NmorphImage.loadingText")), c = h(
       () => r.loadFailedText ? r.loadFailedText : l("NmorphImage.loadFailedText")
-    ), u = $(!1), d = $(!1), v = e, m = (w) => {
-      u.value = !0, d.value = !1, v("load", w);
-    }, H = (w) => {
-      u.value = !0, d.value = !0, v("error", w);
-    }, z = h(() => u.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 || !u.value) && "hide"}`]
       })
-    ), x = h(() => r.fit), f = h(() => `${r.frameBorder}px`);
-    return (w, y) => r.src ? (a(), o("div", {
+    ), w = h(() => r.fit), f = h(() => `${r.frameBorder}px`);
+    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,
+        onLoad: p,
         onError: H
       }, null, 40, ec),
       z.value ? (a(), o("div", tc, [
-        C(w.$slots, "error", {}, () => [
+        C(x.$slots, "error", {}, () => [
           re(L(c.value), 1)
         ], !0)
       ])) : u.value ? O("", !0) : (a(), o("div", nc, [
-        C(w.$slots, "loading", {}, () => [
+        C(x.$slots, "loading", {}, () => [
           re(L(s.value), 1)
         ], !0)
       ]))
     ], 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 = {
@@ -3724,39 +3726,39 @@ const ze = /* @__PURE__ */ $e(ac, [["__scopeId", "data-v-4c8df10c"]]), oc = { cl
       (S) => r.value = S
     );
     const s = h(
-      () => A({
+      () => T({
         "nmorph-image-preview": [`${r.value && "opened"}`]
       })
     ), c = $(l.initialIndex), u = h(() => typeof l.src == "string" ? l.src : l.src[c.value]), d = $(1), v = () => {
-      r.value = !0, b("update:model-value", r.value);
-    }, m = () => {
-      r.value = !1, b("update:model-value", r.value);
+      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));
-    }, x = () => {
+    }, w = () => {
       d.value > l.minScaleLevel && (d.value -= l.scaleStep), d.value = parseFloat(d.value.toFixed(3));
-    }, f = h(() => d.value < 1), w = () => {
+    }, f = h(() => d.value < 1), x = () => {
       d.value = 1;
-    }, y = () => {
+    }, b = () => {
       d.value = 1;
     }, g = $(0), M = () => {
       const S = l.src.length - 1, W = c.value - 1;
       W < 0 ? c.value = S : c.value = W;
-    }, B = () => {
+    }, V = () => {
       const S = l.src.length - 1, W = c.value + 1;
       W > S ? c.value = 0 : c.value = W;
-    }, R = h(() => {
+    }, E = h(() => {
       let S = {
         icon: "shrink",
-        handler: y
+        handler: b
       };
       return f.value && (S = {
         icon: "enlarge",
-        handler: w
+        handler: x
       }), S;
     }), P = [
       {
@@ -3769,21 +3771,21 @@ const ze = /* @__PURE__ */ $e(ac, [["__scopeId", "data-v-4c8df10c"]]), oc = { cl
       },
       {
         icon: "zoom-in",
-        handler: p
+        handler: m
       },
       {
         icon: "zoom-out",
-        handler: x
+        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), {
+        k(_(ke), {
           src: u.value,
           alt: l.alt,
           fit: "cover"
@@ -3791,44 +3793,44 @@ const ze = /* @__PURE__ */ $e(ac, [["__scopeId", "data-v-4c8df10c"]]), oc = { cl
       ]),
       k(_(De), {
         show: r.value,
-        onOnOutsideClick: m
+        onOnOutsideClick: p
       }, {
         default: j(() => [
           n("div", oc, [
-            k(_(ze), {
+            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, [
+          A.value ? (a(), o("div", lc, [
             k(_(Y), { onClick: M }, {
               default: j(() => [
-                k(_(E), { name: "chevron-down" })
+                k(_(q), { name: "chevron-down" })
               ]),
               _: 1
             })
           ])) : O("", !0),
-          T.value ? (a(), o("div", rc, [
-            k(_(Y), { onClick: B }, {
+          A.value ? (a(), o("div", rc, [
+            k(_(Y), { onClick: V }, {
               default: j(() => [
-                k(_(E), { name: "chevron-down" })
+                k(_(q), { name: "chevron-down" })
               ]),
               _: 1
             })
           ])) : O("", !0),
           n("div", sc, [
-            (a(), o(Q, null, Z(P, (q, K) => n("div", {
+            (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: j(() => [
-                  k(_(E), {
-                    name: q.icon
+                  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: R.value.handler
+                onClick: E.value.handler
               }, {
                 default: j(() => [
-                  k(_(E), {
-                    name: R.value.icon
+                  k(_(q), {
+                    name: E.value.icon
                   }, null, 8, ["name"])
                 ]),
                 _: 1
@@ -3868,7 +3870,7 @@ 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"}`]
       })
     ), c = () => {
@@ -3876,34 +3878,34 @@ const dc = /* @__PURE__ */ D({
     }, u = () => {
       d.value = String(Number(d.value) + 1);
     }, d = $(String(l.modelValue)), v = h(() => {
-      const w = l.totalElementsQuantity / l.elementsQuantityOnPage + 1, y = w % 1 === 0 ? -1 : 0;
-      return Array.from({ length: w + y }, (M, B) => ({ value: String(B + 1), label: String(B + 1) }));
-    }), m = h(() => l.hideOnSinglePage || l.totalElementsQuantity / l.elementsQuantityOnPage > 1);
-    G(d, (w) => {
-      r("update:model-value", Number(w));
+      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 H = (w) => {
-      d.value = w;
-    }, z = h(() => Number(d.value) === 1), p = h(() => v.value.length === Number(d.value)), x = h(() => {
-      const w = v.value.length, y = Number(d.value), g = l.maxVisiblePages;
-      if (w <= g)
+    const H = (x) => {
+      d.value = x;
+    }, 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 M = Math.floor(g / 2);
-      return y <= M ? [...v.value.slice(0, g - 2), { value: "next", label: "..." }, v.value[w - 1]] : y >= w - M ? [v.value[0], { value: "prev", label: "..." }, ...v.value.slice(w - (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 - M, y + M - 1),
+        ...v.value.slice(b - M, b + M - 1),
         { value: "next", label: "..." },
-        v.value[w - 1]
+        v.value[x - 1]
       ];
-    }), f = (w) => {
-      const y = Number(d.value);
-      let g = w === "prev" ? y - l.fastForwardStep : y + l.fastForwardStep;
+    }), f = (x) => {
+      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 (w, 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",
@@ -3911,7 +3913,7 @@ const dc = /* @__PURE__ */ D({
         onClick: c
       }, {
         default: j(() => [
-          k(_(E), {
+          k(_(q), {
             name: "chevron-down",
             class: "nmorph-pagination__prev-icon"
           })
@@ -3925,17 +3927,17 @@ const dc = /* @__PURE__ */ D({
         "onUpdate:modelValue": H
       }, {
         default: j(() => [
-          (a(!0), o(Q, null, Z(x.value, (g) => (a(), o("div", {
+          (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: (M) => f(g.value)
-            }, null, 8, ["class", "text", "disabled", "onClick"])) : (a(), F(_(W2), fe({
+            }, 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,
+        disabled: m.value || l.disabled,
         onClick: u
       }, {
         default: j(() => [
-          k(_(E), {
+          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": 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), c = h(() => e.indeterminate ? "var(--animation)" : "none"), u = $(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(() => {
       u.value && (d.value = 2 * Math.PI * u.value.r.baseVal.value);
     });
     const H = h(() => `${e.circleSize}px`), z = h(() => `${e.percentage}%`);
-    return (p, x) => (a(), o("div", {
-      class: V(l.value)
+    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)
           ])
         ]),
@@ -4038,7 +4040,7 @@ const cc = {
             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,15 +4059,15 @@ 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, (c) => (a(), F(_(C2), {
+        (a(!0), o(Q, null, Z(e.rows, (c) => (a(), R(_(C2), {
           key: c,
           width: "100%",
           height: "14px",
@@ -4100,15 +4102,15 @@ const Mc = { class: "nmorph-skeleton-item__element" }, C2 = /* @__PURE__ */ D({
       "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 (c, u) => (a(), o("div", {
-      class: V(l.value)
+      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,7 +4128,7 @@ 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}`]
       })
     ), c = () => {
@@ -4134,7 +4136,7 @@ const Me = "10px", Hc = /* @__PURE__ */ D({
       r("sort", u);
     };
     return (u, d) => (a(), o("div", {
-      class: V(s.value)
+      class: B(s.value)
     }, [
       k(_(Y), {
         height: "thin",
@@ -4142,17 +4144,17 @@ const Me = "10px", Hc = /* @__PURE__ */ D({
         onClick: c
       }, {
         default: j(() => [
-          k(_(E), {
+          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,23 +4173,23 @@ 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), c = (x, f) => {
-      s.value && (s.value[f] = x, r.value.sort((w, y) => {
-        const g = String(w[f]).toLowerCase(), M = 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(M) : B === "descending" ? M.localeCompare(g) : 0;
+        const V = s.value[f];
+        return V === "ascending" ? g.localeCompare(M) : V === "descending" ? M.localeCompare(g) : 0;
       }));
     }, u = $(null), d = $([]);
     ee("table-data", { rows: r, columns: d });
     const v = h(() => {
-      const x = d.value.map((M) => M.width).filter((M) => !!M), f = x.length, w = x.reduce((M, B) => (M += Number(B), M), 0), y = d.value.length - f;
-      return u.value?.clientWidth ? (u.value?.clientWidth - w) / y : 0;
-    }), m = (x) => x !== "" ? x : v.value, H = $(0);
+      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,
       () => {
@@ -4197,39 +4199,39 @@ const zc = { class: "nmorph-table__wrapper" }, kc = { class: "nmorph-table__head
         immediate: !0
       }
     );
-    const z = (x) => typeof x == "object" ? "" : x, p = ve();
-    return ee("table-identifier", p), (x, 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: u,
       key: H.value,
-      class: V(l.value)
+      class: B(l.value)
     }, [
       n("div", zc, [
         n("table", kc, [
           n("colgroup", null, [
-            (a(!0), o(Q, null, Z(d.value, (w) => (a(), o("col", {
-              key: w.prop,
-              style: ne({ width: `${m(w.width)}px` }),
-              "data-src": `${m(w.width)}px`
+            (a(!0), o(Q, null, Z(d.value, (x) => (a(), o("col", {
+              key: x.prop,
+              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, (w, 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", {
-                    style: ne({ "justify-content": w.alignment }),
+                    style: ne({ "justify-content": x.alignment }),
                     class: "nmorph-table__cell-content"
                   }, [
-                    n("span", null, L(w.label), 1),
-                    s.value && s.value[w.prop] ? (a(), F(Hc, {
+                    n("span", null, L(x.label), 1),
+                    s.value && s.value[x.prop] ? (a(), R(Hc, {
                       key: 0,
                       class: "nmorph-table__button-wrapper",
-                      value: s.value[w.prop],
-                      onSort: (g) => c(g, w.prop)
+                      value: s.value[x.prop],
+                      onSort: (g) => c(g, x.prop)
                     }, null, 8, ["value", "onSort"])) : O("", !0)
                   ], 4)
                 ])
@@ -4240,38 +4242,38 @@ const zc = { class: "nmorph-table__wrapper" }, kc = { class: "nmorph-table__head
         n("div", Sc, [
           n("table", null, [
             n("colgroup", null, [
-              (a(!0), o(Q, null, Z(d.value, (w) => (a(), o("col", {
-                key: w.prop,
-                style: ne({ width: `${m(w.width)}px` })
+              (a(!0), o(Q, null, Z(d.value, (x) => (a(), o("col", {
+                key: x.prop,
+                style: ne({ width: `${p(x.width)}px` })
               }, null, 4))), 128))
             ]),
             n("tbody", null, [
-              (a(!0), o(Q, null, Z(r.value, (w, 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(w[g.prop])), 13, Ac)
+                  }, L(z(x[g.prop])), 13, Ac)
                 ], 2))), 128))
               ], 2))), 128))
             ])
           ]),
           n("table", null, [
             n("colgroup", null, [
-              (a(!0), o(Q, null, Z(d.value, (w) => (a(), o("col", {
-                key: w.prop,
-                style: ne({ width: `${m(w.width)}px` })
+              (a(!0), o(Q, null, Z(d.value, (x) => (a(), o("col", {
+                key: x.prop,
+                style: ne({ width: `${p(x.width)}px` })
               }, null, 4))), 128))
             ]),
             n("tbody", Tc, [
-              C(x.$slots, "default")
+              C(w.$slots, "default")
             ])
           ])
         ])
@@ -4286,7 +4288,7 @@ 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": []
       })
     ), c = h(() => `#table-cell-${l}-${r.row}-${e}`), u = $(!1);
@@ -4296,9 +4298,9 @@ const A2 = /* @__PURE__ */ D({
       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: c.value }, [
+      (a(), R(we, { to: c.value }, [
         C(d.$slots, "default")
       ], 8, ["to"]))
     ], 2)) : O("", !0);
@@ -4313,7 +4315,7 @@ 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": []
       })
     ), c = $(0);
@@ -4326,11 +4328,11 @@ const A2 = /* @__PURE__ */ D({
       const { columns: v } = e;
       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": c.value,
-      class: V(s.value)
+      class: B(s.value)
     }, [
       C(v.$slots, "default", {
         scope: { columns: _(e)?.columns.value, rows: _(e)?.rows.value, tableId: _(l) }
@@ -4345,7 +4347,7 @@ const A2 = /* @__PURE__ */ D({
   emits: ["close", "update:model-value"],
   setup(t, { emit: e }) {
     const l = t, r = e, s = h(
-      () => A({
+      () => T({
         "nmorph-list": []
       })
     );
@@ -4354,12 +4356,12 @@ const A2 = /* @__PURE__ */ 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(_(c), (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: u }), null, 16))), 128))
+      }, p, { onClose: u }), null, 16))), 128))
     ], 2));
   }
 }), Pc = { class: "nmorph-tag-item__content" }, Ge = /* @__PURE__ */ D({
@@ -4374,7 +4376,7 @@ 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" : ""}`]
       })
@@ -4382,11 +4384,11 @@ const A2 = /* @__PURE__ */ D({
       s("close", l.value);
     };
     return (u, d) => (a(), o("div", {
-      class: V(r.value)
+      class: B(r.value)
     }, [
       n("div", Pc, [
         n("span", null, L(u.text), 1),
-        l.removable ? (a(), F(_(E), {
+        l.removable ? (a(), R(_(q), {
           key: 0,
           class: "nmorph-tag-item__close-icon",
           name: "error",
@@ -4418,11 +4420,11 @@ 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"}`]
       })
     ), c = () => {
@@ -4433,9 +4435,9 @@ const Ec = ["innerHTML"], qc = {
       [me.info]: "info-filled",
       [me.error]: "circle-close-filled"
     }, d = Le(), v = h(() => l.closeIconPosition);
-    return (m, H) => _(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,8 +4446,8 @@ 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), {
+            C(p.$slots, "icon", {}, () => [
+              k(_(q), {
                 name: u[l.type],
                 size: "medium"
               }, null, 8, ["name"])
@@ -4453,12 +4455,12 @@ const Ec = ["innerHTML"], qc = {
           ])) : 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)
               ])
             ])
@@ -4469,7 +4471,7 @@ const Ec = ["innerHTML"], qc = {
           class: "nmorph-alert__close",
           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) => ({
+    I((m) => ({
       "097fcdea": c.value,
       "4478cc6c": u.value
     }));
     const l = t, r = e, s = h(
-      () => A({
+      () => T({
         "nmorph-dialog": []
       })
     ), c = h(() => l.width), u = h(() => l.zIndex), d = $(l.modelValue);
-    let v = null, m = null;
+    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 H = () => {
-      r("on-close"), v && clearTimeout(v), m = setTimeout(() => {
+      r("on-close"), v && clearTimeout(v), p = setTimeout(() => {
         r("update:model-value", !1);
       }, l.closeDelay);
     }, z = () => {
       l.closeOnOverlay && H();
     };
-    return (p, x) => (a(), F(_(De), {
+    return (m, w) => (a(), R(_(De), {
       show: d.value,
       onOnOutsideClick: z
     }, {
       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: H
               }, [
-                k(_(E), { name: "cross" })
+                k(_(q), { name: "cross" })
               ])) : O("", !0)
             ])
           ]),
           n("div", Gc, [
-            C(p.$slots, "default")
+            C(m.$slots, "default")
           ])
         ], 2)
       ]),
@@ -4567,18 +4569,18 @@ const Oe = (t) => {
       }
       if (e === null)
         return;
-      const v = e, m = (w) => d && w in l[0], H = typeof v == "string" && m("pattern"), z = typeof v == "number" && m("numberCompareType"), p = (typeof v == "string" || typeof v == "boolean") && m("booleanCompareType"), x = Array.isArray(v) && m("arrayCompareType");
-      if (!z && !H && !p && !x) {
+      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 (c.value || (c.value = !0), H) {
-        const w = l;
-        r.value = w.reduce((y, g) => (v.match(g.pattern) || y.push(g.error), y), []);
+        const x = l;
+        r.value = x.reduce((b, g) => (v.match(g.pattern) || b.push(g.error), b), []);
       }
       if (z) {
-        const w = (g, M, B) => {
-          switch (B) {
+        const x = (g, M, V) => {
+          switch (V) {
             case "eq":
               return g === M;
             case "gt":
@@ -4590,33 +4592,33 @@ const Oe = (t) => {
             case "gte":
               return g >= M;
           }
-        }, y = l;
-        r.value = y.reduce((g, M) => (w(v, M.compareValue, M.numberCompareType) && g.push(M.error), g), []);
+        }, b = l;
+        r.value = b.reduce((g, M) => (x(v, M.compareValue, M.numberCompareType) && g.push(M.error), g), []);
       }
-      if (p) {
-        const w = l;
-        r.value = w.reduce((y, g) => {
+      if (m) {
+        const x = l;
+        r.value = x.reduce((b, g) => {
           let M = !1;
-          const { compareValue: B, booleanCompareType: R } = g;
-          return R === "not-eq" && (M = v === B), R === "eq" && (M = v !== B), M || y.push(g.error), y;
+          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 (x) {
-        const w = l, y = (g, M, B) => {
-          switch (B) {
+      if (w) {
+        const x = l, b = (g, M, V) => {
+          switch (V) {
             case "contains-one":
-              return g.some((b) => M.includes(b));
+              return g.some((y) => M.includes(y));
             case "full-eq":
               if (g.length !== M.length)
                 return !1;
-              const R = [...g].sort(), P = [...M].sort();
-              return R.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) => M.includes(b));
+              return !g.some((y) => M.includes(y));
           }
         };
-        r.value = w.reduce((g, M) => (y(
-          v.map((R) => String(R)),
+        r.value = x.reduce((g, M) => (b(
+          v.map((E) => String(E)),
           M.compareValue,
           M.arrayCompareType
         ) || g.push(M.error), g), []);
@@ -4626,21 +4628,21 @@ const Oe = (t) => {
   };
 }, Jc = (t, e = !1) => {
   const l = ue({}), r = ue({}), s = ue(a2(t)), c = $(!1), u = $(!1), d = () => {
-    Object.entries(t).forEach(([z, p]) => {
-      r[z] = Oe({ inputValue: p.value, rules: p.rules }), r[z].validate();
-    }), c.value = Object.entries(r).every(([z, p]) => p.valid);
+    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 w = z[f] ? JSON.stringify(z[f]) : null, y = JSON.stringify(p[f]);
-    return w !== 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 G(t, (z) => {
-    m(s, z).forEach((x) => {
-      const f = z[x];
-      l[x] = Oe({ inputValue: f.value, rules: f.rules }), l[x].validate();
+    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(), u.value = !0;
   }, { deep: !0 }), e && v(), {
     fields: l,
@@ -4648,34 +4650,50 @@ const Oe = (t) => {
     isAnyTouched: Re(u)
   };
 }, O2 = (t) => {
-  const { initialPlacement: e, relativeElement: l, contentDOMElement: r, yOffset: s = 0, xOffset: c = 0 } = t, u = $(e), d = $({ x: "0px", y: "0px" }), v = N("nmorph");
+  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,
     () => {
-      m();
+      w();
     },
     { deep: !0 }
   ), ae(() => {
+    w(), H(), z();
+  }), $e(() => {
     m();
   });
-  const m = () => {
+  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 H = r.value.getBoundingClientRect(), z = H.width, p = H.height, x = "value" in l ? l.value : l;
-      if (!x) {
+      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 f = x.getBoundingClientRect(), { x: w, y } = f, g = f.width, M = f.height, B = window.innerWidth, R = window.innerHeight;
-      u.value === "top" && y - p < 0 && (u.value = "bottom"), u.value === "bottom" && y + M + p > R && (u.value = "top"), u.value === "left" && w - z < 0 && (u.value = "right"), u.value === "right" && w + g + z > B && (u.value = "left"), u.value === "top" && (d.value = { x: `${w + c}px`, y: `${y + s}px` }), u.value === "bottom" && (d.value = { x: `${w + c}px`, y: `${y + M + s}px` }), u.value === "right" && (d.value = { x: `${w + c}px`, y: `${y + s}px` }), u.value === "left" && (d.value = { x: `${w + g + c}px`, y: `${y + 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: u, placementCoords: d };
 }, j9 = () => {
-}, Nc = "@nmorph/nmorph-ui-kit", Ic = "module", eu = "0.2.156", 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 = [
@@ -4831,49 +4849,49 @@ const Oe = (t) => {
   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 x = wu(p), f = i2(x, e.darkShadeGeneratorCoefficient), w = i2(x, 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: w }
+        { name: "--nmorph-light-shade-color", color: x }
       ];
-    } catch (x) {
-      console.error(x.message);
+    } catch (w) {
+      console.error(w.message);
     }
-  }, r = (p) => Object.entries(p).map(([x, f]) => ({
-    name: `--nmorph-${o2(x)}-color`,
+  }, r = (m) => Object.entries(m).map(([w, f]) => ({
+    name: `--nmorph-${o2(w)}-color`,
     color: f
-  })), s = (p, x) => {
-    const f = (g) => g.map((M) => `${M.name}: ${M.color};`).join(" "), w = Object.entries(x).map(([g, M]) => `--${o2(g)}: ${M};`).join(" "), y = [];
-    return Object.entries(p).forEach(([g, M]) => {
+  })), 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, M)));
+        b.push(f(xu(P2, M)));
       else {
-        const B = `
+        const V = `
           &[${he}='${g}'] {
             ${f(M)}
           }
         `;
-        y.push(B);
+        b.push(V);
       }
     }), `
       :root {
-        ${y.join(" ")}
-        ${w}
+        ${b.join(" ")}
+        ${x}
       }
     `;
   }, c = {};
-  Object.entries(e.themes).forEach(([p, x]) => {
-    c[p] = [];
-    const f = !!x.darkShade, w = !!x.lightShade;
-    !!x.main && !f && !w && (c[p] = l(x.main)), c[p] = [...c[p], ...r(x)];
+  Object.entries(e.themes).forEach(([m, w]) => {
+    c[m] = [];
+    const f = !!w.darkShade, x = !!w.lightShade;
+    !!w.main && !f && !x && (c[m] = l(w.main)), c[m] = [...c[m], ...r(w)];
   });
   const u = document.createElement("style");
   u.type = "text/css", u.innerHTML = s(c, e.other), document.head.appendChild(u);
-  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"), H = localStorage.getItem(he), z = c[H];
+  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]: {
@@ -5051,7 +5069,7 @@ const Oe = (t) => {
     forceCoordinate: { default: null }
   },
   setup(t, { expose: e }) {
-    I((p) => ({
+    I((m) => ({
       "6d1447a0": H.value
     }));
     const l = t, r = $(l.forceShow), s = $(null), c = $(null), { placement: u } = O2({
@@ -5059,7 +5077,7 @@ const Oe = (t) => {
       contentDOMElement: s,
       relativeElement: c
     }), d = h(
-      () => A({
+      () => T({
         "nmorph-tooltip": [
           u.value,
           `${!!l.forceCoordinate?.x && !!l.forceCoordinate?.y && "force-coords"}`
@@ -5067,26 +5085,26 @@ const Oe = (t) => {
       })
     ), v = () => {
       r.value = !0;
-    }, m = () => {
+    }, p = () => {
       l.forceShow || (r.value = !1);
     }, H = h(() => l.forceCoordinate ? "100%" : "auto"), z = $(null);
-    return e({ tooltipBody: z }), (p, x) => (a(), o("div", {
-      class: V(d.value)
+    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: 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"
@@ -5095,18 +5113,18 @@ const Oe = (t) => {
             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"
@@ -5114,8 +5132,8 @@ const Oe = (t) => {
           default: j(() => [
             r.value ? (a(), o("div", zu, [
               n("div", ku, [
-                x[0] || (x[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 })
+                w[0] || (w[0] = n("div", { class: "nmorph-tooltip__triangle" }, null, -1)),
+                l.text ? (a(), o("span", Vu, L(m.text), 1)) : C(m.$slots, "content", { key: 1 })
               ])
             ])) : O("", !0)
           ]),
@@ -5166,13 +5184,13 @@ const Bu = {
     ), c = t;
     G(
       () => c.modelValue,
-      (x) => {
-        v.value = x;
+      (w) => {
+        v.value = w;
       }
     );
     const u = $(null);
     e({ inputDOMRef: u });
-    const d = r !== void 0, v = d ? $(r.value) : $(c.modelValue), m = h(() => d ? r.value.includes(c.id) : c.modelValue), H = l, z = () => {
+    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, H("update:model-value", v.value);
@@ -5180,17 +5198,17 @@ const Bu = {
         }
         s && Array.isArray(v.value) && s(c.id, v.value);
       }
-    }, p = h(
-      () => A({
+    }, m = h(
+      () => T({
         "nmorph-checkbox": [
-          `${m.value && "checked"}`,
+          `${p.value && "checked"}`,
           `${c.disabled && "disabled"}`,
           `${c.design === "button" && "button"}`
         ]
       })
     );
-    return (x, f) => (a(), o("label", {
-      class: V(p.value)
+    return (w, f) => (a(), o("label", {
+      class: B(m.value)
     }, [
       c.design === "checkbox" ? (a(), o("div", Bu, [
         n("div", Cu, [
@@ -5199,17 +5217,17 @@ const Bu = {
             ref: u,
             type: "checkbox",
             disabled: c.disabled,
-            checked: m.value,
+            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)
         ]),
         c.label ? (a(), o("div", Tu, [
           n("span", null, L(c.label), 1)
         ])) : (a(), o("div", Du, [
-          C(x.$slots, "default")
+          C(w.$slots, "default")
         ]))
       ])) : O("", !0),
       c.design === "button" ? (a(), o("div", Ou, [
@@ -5218,13 +5236,13 @@ const Bu = {
           ref: u,
           type: "checkbox",
           disabled: c.disabled,
-          checked: m.value,
+          checked: p.value,
           onChange: z
         }, null, 40, Pu),
         c.label ? (a(), o("div", Eu, [
           n("span", null, L(c.label), 1)
         ])) : (a(), o("div", qu, [
-          C(x.$slots, "label")
+          C(w.$slots, "label")
         ]))
       ])) : O("", !0)
     ], 2));
@@ -5245,21 +5263,21 @@ const Fu = { class: "nmorph-checkbox-group__wrapper" }, Ru = { class: "nmorph-ch
     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);
     }, u = h(
-      () => A({
+      () => T({
         "nmorph-checkbox-group": [l.design, l.direction]
       })
     );
     return ee("checkbox-group-selected-value", r), ee("change-checkbox-value-handler", c), (d, v) => (a(), o("div", {
-      class: V(u.value)
+      class: B(u.value)
     }, [
       n("div", Fu, [
         n("div", Ru, [
-          (a(!0), o(Q, null, Z(d.options, (m, H) => (a(), F(_(q2), {
-            id: m.id,
+          (a(!0), o(Q, null, Z(d.options, (p, H) => (a(), R(_(q2), {
+            id: p.id,
             key: H,
-            label: m.label,
-            "model-value": m.modelValue,
-            disabled: m.disabled,
+            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")
@@ -5288,14 +5306,14 @@ 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, c = h(
-      () => A({
+      () => T({
         "nmorph-autocomplete": []
       })
     ), u = (f) => {
       r.value = f, s("update:model-value", r.value);
-    }, d = $(!1), v = $(null), m = () => {
+    }, d = $(!1), v = $(null), p = () => {
       d.value = !1;
-    }, H = h(() => l.list.filter((f) => Object.keys(f).some((w) => String(f[w]).toLowerCase().includes(r.value.toLowerCase()))));
+    }, 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;
     });
@@ -5303,15 +5321,15 @@ const Wu = { class: "nmorph-autocomplete__input-content" }, Lu = {
       s("select", f), r.value = f.value, setTimeout(() => {
         d.value = !1;
       });
-    }, p = () => {
+    }, m = () => {
       d.value = H.value.length > 0;
-    }, x = $(!1);
+    }, w = $(!1);
     return G(r, async (f) => {
-      f !== "" && l.actionCallback && (x.value = !0, await l.actionCallback(), x.value = !1);
-    }), G(x, (f) => {
+      f !== "" && l.actionCallback && (w.value = !0, await l.actionCallback(), w.value = !1);
+    }), G(w, (f) => {
       f && (d.value = !0);
-    }), (f, w) => (a(), o("div", {
-      class: V(c.value)
+    }), (f, x) => (a(), o("div", {
+      class: B(c.value)
     }, [
       n("div", Wu, [
         n("div", {
@@ -5325,34 +5343,34 @@ const Wu = { class: "nmorph-autocomplete__input-content" }, Lu = {
             "model-value": r.value,
             placeholder: l.placeholder,
             clearable: l.clearable,
-            onFocus: p,
+            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: j(() => [
-          x.value ? (a(), o("div", Lu, [
+          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(H.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))
           ]))
@@ -5367,14 +5385,14 @@ const Ku = /* @__PURE__ */ D({
   emits: ["clear"],
   setup(t, { emit: e }) {
     const l = e, r = h(
-      () => A({
+      () => T({
         "nmorph-input-clear-button": []
       })
     );
     return (s, c) => (a(), o("div", {
-      class: V(r.value)
+      class: B(r.value)
     }, [
-      k(_(E), {
+      k(_(q), {
         name: "error",
         onClick: c[0] || (c[0] = ie((u) => l("clear"), ["stop"]))
       })
@@ -5389,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 (c, u) => (a(), o("div", {
-      class: V(s.value)
+      class: B(s.value)
     }, [
       n("div", Qu, [
         k(_(Y), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
-          onClick: u[0] || (u[0] = (d) => r("prev-year"))
+          onClick: u[0] || (u[0] = (d) => r("prev-year")),
+          tabindex: -1
         }, {
           default: j(() => [
-            k(_(E), {
+            k(_(q), {
               name: "chevron-double-down",
               class: "nmorph-date-picker-header__chevron-double-left"
             })
@@ -5413,10 +5432,11 @@ const Ku = /* @__PURE__ */ D({
         k(_(Y), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
-          onClick: u[1] || (u[1] = (d) => r("prev-month"))
+          onClick: u[1] || (u[1] = (d) => r("prev-month")),
+          tabindex: -1
         }, {
           default: j(() => [
-            k(_(E), {
+            k(_(q), {
               name: "chevron-down",
               class: "nmorph-date-picker-header__chevron-left"
             })
@@ -5429,23 +5449,26 @@ const Ku = /* @__PURE__ */ D({
           text: l.year,
           "style-type": "transparent",
           fill: "",
-          onClick: u[2] || (u[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: u[3] || (u[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: u[4] || (u[4] = (d) => r("next-month"))
+          onClick: u[4] || (u[4] = (d) => r("next-month")),
+          tabindex: -1
         }, {
           default: j(() => [
-            k(_(E), {
+            k(_(q), {
               name: "chevron-down",
               class: "nmorph-date-picker-header__chevron-right"
             })
@@ -5455,10 +5478,11 @@ const Ku = /* @__PURE__ */ D({
         k(_(Y), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
-          onClick: u[5] || (u[5] = (d) => r("next-year"))
+          onClick: u[5] || (u[5] = (d) => r("next-year")),
+          tabindex: -1
         }, {
           default: j(() => [
-            k(_(E), {
+            k(_(q), {
               name: "chevron-double-down",
               class: "nmorph-date-picker-header__chevron-double-right"
             })
@@ -5479,9 +5503,10 @@ const Nu = { class: "nmorph-year-month-picker__header" }, Iu = { class: "nmorph-
   setup(t, { emit: e }) {
     const { months: l } = Be(), r = l.map((g, M) => ({
       label: g.substring(0, 3),
-      value: String(M)
+      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((B) => ({ label: String(B), value: String(B) }));
+      const g = s.currentDate.getFullYear(), M = b2(g).map((V) => ({ label: String(V), value: String(V) }));
       c.value = M;
     };
     G(
@@ -5494,37 +5519,38 @@ const Nu = { class: "nmorph-year-month-picker__header" }, Iu = { class: "nmorph-
         deep: !0
       }
     );
-    const m = e, H = h(
-      () => A({
+    const p = e, H = h(
+      () => T({
         "nmorph-year-month-picker": []
       })
     ), z = (g) => {
-      u.value = g, s.type === "month" ? m("update-month", u.value) : m("update-year", u.value);
-    }, p = (g) => {
+      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 B = String(g === "decrease" ? Number(M.value) - 10 : Number(M.value) + 10);
+        const V = String(g === "decrease" ? Number(M.value) - 10 : Number(M.value) + 10);
         return {
-          label: B,
-          value: B
+          label: V,
+          value: V
         };
       });
-    }, x = (g) => {
-      g === "decrease" ? d.value = d.value - 1 : d.value = d.value + 1, m("update-year", String(d.value));
+    }, w = (g) => {
+      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") : x("decrease") : s.type === "year" ? p("increase") : x("increase");
-    }, w = h(() => s.type === "year" ? `${c.value[0].label} - ${c.value[c.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, M) => (a(), o("div", {
-      class: V(H.value)
+      class: B(H.value)
     }, [
       n("div", Nu, [
         k(_(Y), {
           class: "nmorph-year-month-picker__action-btn",
-          onClick: M[0] || (M[0] = (B) => f("decrease"))
+          onClick: M[0] || (M[0] = (V) => f("decrease")),
+          tabindex: -1
         }, {
           default: j(() => [
-            k(_(E), {
+            k(_(q), {
               name: "chevron-down",
               class: "nmorph-year-month-picker__chevron-left"
             })
@@ -5533,17 +5559,19 @@ const Nu = { class: "nmorph-year-month-picker__header" }, Iu = { class: "nmorph-
         }),
         n("div", Iu, [
           k(_(Y), {
-            text: w.value,
+            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: M[1] || (M[1] = (B) => f("increase"))
+          onClick: M[1] || (M[1] = (V) => f("increase")),
+          tabindex: -1
         }, {
           default: j(() => [
-            k(_(E), {
+            k(_(q), {
               name: "chevron-down",
               class: "nmorph-year-month-picker__chevron-right"
             })
@@ -5572,43 +5600,43 @@ 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": []
       })
-    ), 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))), m = h(() => new Date(c.value.setFullYear(c.value.getFullYear() - 1))), H = h(() => new Date(c.value.setFullYear(c.value.getFullYear() + 1))), z = () => {
+    ), 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;
-    }, p = () => {
+    }, m = () => {
       c.value = v.value;
-    }, x = () => {
-      c.value = m.value;
+    }, w = () => {
+      c.value = p.value;
     }, f = () => {
       c.value = H.value;
-    }, w = () => {
+    }, x = () => {
       u.value = "year";
-    }, y = () => {
+    }, b = () => {
       u.value = "month";
-    }, g = (b) => {
-      const T = new Date(c.value.setFullYear(Number(b)));
-      c.value = T, u.value = "month";
-    }, M = (b) => {
-      const T = new Date(c.value.setMonth(Number(b)));
-      c.value = T, u.value = "calendar";
-    }, B = () => {
+    }, 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";
-    }, R = (b) => {
-      r("update-selected-value", b);
-    }, P = (b) => {
-      c.value = b;
+    }, 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)
     }, [
-      u.value === "calendar" ? (a(), F(_(y2), {
+      u.value === "calendar" ? (a(), R(_(y2), {
         key: 0,
         type: l.type,
         "initial-date": c.value,
         "model-value": l.selectedValues,
-        "onUpdate:modelValue": R,
+        "onUpdate:modelValue": E,
         onUpdateInitialDate: P
       }, {
         header: j(() => [
@@ -5616,28 +5644,28 @@ const t5 = /* @__PURE__ */ D({
             year: c.value.getFullYear(),
             month: c.value.getMonth(),
             onPrevMonth: z,
-            onNextMonth: p,
-            onPrevYear: x,
+            onNextMonth: m,
+            onPrevYear: w,
             onNextYear: f,
-            onChangeYear: w,
-            onChangeMonth: y
+            onChangeYear: x,
+            onChangeMonth: b
           }, null, 8, ["year", "month"])
         ]),
         _: 1
       }, 8, ["type", "initial-date", "model-value"])) : O("", !0),
-      u.value === "year" ? (a(), F(c2, {
+      u.value === "year" ? (a(), R(c2, {
         key: 1,
         type: "year",
         "current-date": c.value,
         onUpdateYear: g
       }, null, 8, ["current-date"])) : O("", !0),
-      u.value === "month" ? (a(), F(c2, {
+      u.value === "month" ? (a(), R(c2, {
         key: 2,
         type: "month",
         "current-date": c.value,
         onUpdateYear: g,
         onUpdateMonth: M,
-        onBackToYears: B
+        onBackToYears: V
       }, null, 8, ["current-date"])) : O("", !0)
     ], 2));
   }
@@ -5654,78 +5682,78 @@ const t5 = /* @__PURE__ */ D({
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const { t: l, messages: r } = Ve(), s = t, c = h(() => s.placeholder ? s.placeholder : l("NmorphDatePicker.pickADate")), u = $(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;
     }, 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), x = $(null), f = () => {
-      p.value = !1;
-    }, w = () => {
-      p.value = !p.value;
-    }, y = h(() => {
+    ), m = $(!1), w = $(null), f = () => {
+      m.value = !1;
+    }, x = () => {
+      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 R = je(u.value), P = s.type === "daterange" ? " - " : ", ";
-        return R.join(P);
+        const E = je(u.value), P = s.type === "daterange" ? " - " : ", ";
+        return E.join(P);
       } else
         return je(u.value);
     }), g = () => {
-      const R = Array.isArray(u.value) ? [] : null;
-      u.value = R, d("update:model-value", u.value);
-    }, M = (R) => {
-      u.value = R, d("update:model-value", u.value);
-    }, B = h(() => Array.isArray(u.value) ? u.value.length > 0 : !!u.value);
-    return (R, 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: x,
-          class: V(["nmorph-date-picker__input", { "nmorph-date-picker__input--open": p.value }]),
-          onClick: w
+          ref: w,
+          class: B(["nmorph-date-picker__input", { "nmorph-date-picker__input--open": m.value }]),
+          onClick: x
         }, [
           n("input", {
             type: "date",
-            onFocus: ie(m, ["prevent"]),
+            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, [
-          x.value ? (a(), F(_(ye), {
+          w.value ? (a(), R(_(be), {
             key: 0,
             "fill-width": !1,
             width: 324,
-            open: p.value,
-            "relative-element": x.value,
+            open: m.value,
+            "relative-element": w.value,
             onOnOutsideClick: f
           }, {
             default: j(() => [
               k(t5, {
                 "selected-values": u.value,
                 "initial-date": s.initialDate,
-                type: R.type,
+                type: E.type,
                 onUpdateSelectedValue: M
               }, null, 8, ["selected-values", "initial-date", "type"])
             ]),
@@ -5751,43 +5779,43 @@ 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], c = (f) => {
-      const w = s(f);
-      let y = "doc";
-      return w in Ce && (y = "image"), w in Ae && (y = "audio"), w in Se && (y = "video"), w in Te && (y = "archive"), y;
+      const x = s(f);
+      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 u = ue(r.modelValue);
     const d = $(null), v = () => {
       d.value && d.value.click();
-    }, m = (f) => {
-      const w = f.target;
-      if (w.files) {
-        if (Array.from(w.files).forEach((y) => {
-          const g = s(y.type);
+    }, p = (f) => {
+      const x = f.target;
+      if (x.files) {
+        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 M = URL.createObjectURL(y), B = { data: y, previewUrl: M };
-          u.push(B);
+            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;
         H();
       }
     }, H = () => {
-      p(
+      m(
         "update:model-value",
         u.map((f) => f.data)
       );
     }, z = (f) => {
-      const w = u.findIndex((y) => y.data.name === f);
-      w !== -1 && (URL.revokeObjectURL(u[w].previewUrl), u.splice(w, 1), H());
+      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, x = h(
-      () => A({
+    const m = l, w = h(
+      () => T({
         "nmorph-file-upload": [`${r.disabled && "disabled"}`]
       })
     );
-    return (f, w) => (a(), o("div", {
-      class: V(x.value)
+    return (f, x) => (a(), o("div", {
+      class: B(w.value)
     }, [
       n("div", i5, [
         n("input", {
@@ -5796,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), {
@@ -5813,27 +5841,27 @@ const i5 = { class: "nmorph-file-upload__trigger" }, d5 = ["multiple"], c5 = {
           tag: "div"
         }, {
           default: j(() => [
-            (a(!0), o(Q, null, Z(_(u), ({ data: y, previewUrl: g }) => (a(), o("div", {
-              key: y.name,
+            (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: c(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: (M) => z(y.name)
+                  onClick: (M) => z(b.name)
                 }, {
                   default: j(() => [
-                    k(_(E), { name: "error" })
+                    k(_(q), { name: "error" })
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -5861,12 +5889,12 @@ 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), (c, u) => (a(), o("form", {
-      class: V(r.value)
+      class: B(r.value)
     }, [
       n("div", _5, [
         C(c.$slots, "default")
@@ -5882,13 +5910,13 @@ 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, c) => (a(), o("div", {
-      class: V(r.value)
+      class: B(r.value)
     }, [
       k(xe, {
         name: "list",
@@ -5916,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, c) => (a(), o("div", {
-      class: V(l.value)
+      class: B(l.value)
     }, [
-      s.show ? (a(), F(_(E), {
+      s.show ? (a(), R(_(q), {
         key: 0,
         class: "nmorph-validation-icon__content",
         name: r.value,
@@ -5946,15 +5974,15 @@ const x5 = { key: 0 }, $5 = { class: "nmorph-form-item__content" }, y5 = /* @__P
     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
     ), u = h(() => s.value && r.value?.touched), d = h(
-      () => A({
+      () => T({
         "nmorph-form-item": [
           `${e.label && "labeled"}`,
           `${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, [
@@ -5994,11 +6022,11 @@ const b5 = { class: "nmorph-number-input__content" }, M5 = { class: "nmorph-numb
   },
   emits: ["update:model-value"],
   setup(t, { expose: e, emit: l }) {
-    I((y) => ({
+    I((b) => ({
       "7010eeb0": H.value
     }));
     const r = t, s = h(
-      () => A({
+      () => T({
         nmorph: [se[r.height]],
         "nmorph-number-input": [
           `${r.disabled && "disabled"}`,
@@ -6009,7 +6037,7 @@ const b5 = { class: "nmorph-number-input__content" }, M5 = { class: "nmorph-numb
       c.value += r.step;
     }, d = () => {
       c.value -= r.step;
-    }, v = h(() => c.value <= r.min), m = h(() => c.value >= r.max), H = h(() => r.height === "thick" ? "16px" : "12px"), z = {
+    }, 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"
@@ -6022,24 +6050,24 @@ 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];
-    }), x = l, f = (y) => {
-      const g = y.target;
+    }, 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;
     };
-    G(c, (y) => {
-      y > r.max && (c.value = r.max, w.value?.blur()), c.value < r.min && (c.value = r.min, w.value?.blur()), x("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 w = $(null);
-    return e({ inputDOMRef: w }), (y, g) => (a(), o("div", {
-      class: V(s.value)
+    const x = $(null);
+    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,
@@ -6047,10 +6075,10 @@ const b5 = { class: "nmorph-number-input__content" }, M5 = { class: "nmorph-numb
               onClick: d
             }, {
               default: j(() => [
-                k(_(E), {
+                k(_(q), {
                   name: "minus-thin",
-                  width: p.value,
-                  height: p.value
+                  width: m.value,
+                  height: m.value
                 }, null, 8, ["width", "height"])
               ]),
               _: 1
@@ -6058,7 +6086,7 @@ const b5 = { class: "nmorph-number-input__content" }, M5 = { class: "nmorph-numb
           ])),
           n("input", {
             ref_key: "inputDOMRef",
-            ref: w,
+            ref: x,
             class: "nmorph-native-input",
             value: c.value,
             type: "number",
@@ -6066,7 +6094,7 @@ const b5 = { class: "nmorph-number-input__content" }, M5 = { class: "nmorph-numb
             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",
@@ -6074,10 +6102,10 @@ const b5 = { class: "nmorph-number-input__content" }, M5 = { class: "nmorph-numb
                 onClick: d
               }, {
                 default: j(() => [
-                  k(_(E), {
+                  k(_(q), {
                     name: "minus-thin",
-                    width: p.value,
-                    height: p.value
+                    width: m.value,
+                    height: m.value
                   }, null, 8, ["width", "height"])
                 ]),
                 _: 1
@@ -6086,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,
+                disabled: p.value,
                 onClick: u
               }, {
                 default: j(() => [
-                  k(_(E), {
+                  k(_(q), {
                     name: "plus-thin",
-                    width: p.value,
-                    height: p.value
+                    width: m.value,
+                    height: m.value
                   }, null, 8, ["width", "height"])
                 ]),
                 _: 1
@@ -6102,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: u
             }, {
               default: j(() => [
-                k(_(E), {
+                k(_(q), {
                   name: "plus-thin",
-                  width: p.value,
-                  height: p.value
+                  width: m.value,
+                  height: m.value
                 }, null, 8, ["width", "height"])
               ]),
               _: 1
@@ -6149,22 +6177,22 @@ 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")
-    ), c = e, u = $(r.modelValue), d = $(r.open), v = $(null), m = $(null), H = $(!0), z = r.id ? r.id : ve(), p = r.name ? r.name : ve(), x = (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 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 ? u.value = u.value.filter((be) => be !== X) : u.value = [...u.value, X];
+          J ? u.value = u.value.filter((Me) => Me !== X) : u.value = [...u.value, X];
         }
         c("update:model-value", u.value);
       }
-    }, f = $(!1), w = () => {
+    }, f = $(!1), x = () => {
       f.value = !0;
-    }, y = () => {
+    }, b = () => {
       f.value = !1;
     }, g = h(
-      () => A({
+      () => T({
         nmorph: [se[r.height]],
         "nmorph-select": [
           `${r.disabled && "disabled"}`,
@@ -6185,42 +6213,42 @@ const A5 = { class: "nmorph-select__content" }, T5 = ["id", "name"], D5 = ["valu
       },
       { immediate: !0 }
     );
-    const B = () => {
+    const V = () => {
       d.value = !1;
-    }, R = $(), P = $([]), b = $(0), T = $("");
-    G(b, (X) => {
-      T.value = P.value[X], R.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 && (R.value = v.value.querySelectorAll(".nmorph-select-option"), R.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 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), q = 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", x);
+    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 && x(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),
-          onFocus: w,
-          onBlur: y,
+          name: _(m),
+          onFocus: x,
+          onBlur: b,
           onKeydown: [
             pe(oe, ["space"]),
             pe(ge, ["arrow-down"]),
@@ -6240,27 +6268,27 @@ const A5 = { class: "nmorph-select__content" }, T5 = ["id", "name"], D5 = ["valu
           onClick: ie(M, ["stop"])
         }, [
           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(q.value, (le) => (a(), F(_(Ge), fe({
+            (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: x
+              onClose: w
             }), null, 16, ["removable"]))), 128))
           ])),
-          k(_(E), {
+          k(_(q), {
             name: r.loading ? "loader" : "chevron-down",
             class: "nmorph-select__chevron"
           }, null, 8, ["name"])
         ], 512)
       ]),
-      K.value && !r.disabled ? (a(), F(_(ye), {
+      K.value && !r.disabled ? (a(), R(_(be), {
         key: 0,
         open: d.value,
         "relative-element": K.value,
-        onOnOutsideClick: B
+        onOnOutsideClick: V
       }, {
         default: j(() => [
           n("div", {
@@ -6268,12 +6296,12 @@ const A5 = { class: "nmorph-select__content" }, T5 = ["id", "name"], D5 = ["valu
             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, {
@@ -6299,8 +6327,8 @@ const F5 = ["value"], R5 = { class: "nmorph-select-option__content" }, F2 = /* @
   setup(t, { emit: e }) {
     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((m) => m === s.value) : !1), v = h(
-      () => A({
+    }, 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"}`,
@@ -6309,16 +6337,16 @@ const F5 = ["value"], R5 = { class: "nmorph-select-option__content" }, F2 = /* @
         ]
       })
     );
-    return (m, H) => (a(), o("div", {
-      class: V(v.value),
+    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"
@@ -6338,11 +6366,11 @@ 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"}`]
       })
@@ -6351,49 +6379,49 @@ const j5 = { class: "nmorph-slider__content" }, W5 = { class: "nmorph-slider__in
       u("update:model-value", d.value);
     }), G(
       () => l.modelValue,
-      (b) => {
-        d.value = b;
+      (y) => {
+        d.value = y;
       }
     );
-    const m = $(null), H = 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, K = q / 2;
+    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 - 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 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), x = () => {
-      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", x));
-    }), ke(() => {
-      typeof window < "u" && (document.removeEventListener("mouseup", w), window.removeEventListener("resize", x));
+      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));
-    }, w = () => {
-      document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", w), P.value = !0;
-    }, y = () => {
-      l.disabled || (document.addEventListener("mousemove", f), document.addEventListener("mouseup", w));
+    }, x = () => {
+      document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", x), P.value = !0;
+    }, b = () => {
+      l.disabled || (document.addEventListener("mousemove", f), document.addEventListener("mouseup", x));
     }, g = $(null), M = () => {
       l.showTooltip && (c.value = !0);
-    }, B = () => {
+    }, V = () => {
       l.showTooltip && (c.value = !1);
-    }, R = (b) => {
-      const T = b.target;
-      d.value = Number(T.value);
+    }, 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, [
@@ -6402,10 +6430,10 @@ const j5 = { class: "nmorph-slider__content" }, W5 = { class: "nmorph-slider__in
             ref: v,
             class: "nmorph-slider__input-container"
           }, [
-            c.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: H.value.tooltip, y: "24px" },
@@ -6414,11 +6442,11 @@ const j5 = { class: "nmorph-slider__content" }, W5 = { class: "nmorph-slider__in
             n("div", {
               ref_key: "sliderFirst",
               ref: g,
-              class: V(["nmorph-slider__thumb", { "nmorph-slider__thumb--smooth": P.value }]),
+              class: B(["nmorph-slider__thumb", { "nmorph-slider__thumb--smooth": P.value }]),
               style: ne({ left: H.value.thumb }),
               onMouseenter: M,
-              onMouseleave: B,
-              onMousedown: y
+              onMouseleave: V,
+              onMousedown: b
             }, null, 38),
             n("input", {
               class: "nmorph-slide__native-input",
@@ -6428,7 +6456,7 @@ const j5 = { class: "nmorph-slider__content" }, W5 = { class: "nmorph-slider__in
               max: l.max,
               step: l.step,
               disabled: l.disabled,
-              onInput: R
+              onInput: E
             }, null, 40, L5)
           ], 512)
         ])
@@ -6452,28 +6480,28 @@ const Y5 = ["value", "disabled"], G5 = { class: "nmorph-switch-thumb" }, K5 = /*
     }, d = () => {
       c.value = !1;
     }, v = h(
-      () => A({
+      () => T({
         "nmorph-switch": [
           `${r.disabled && "disabled"}`,
-          `${m.value ? "on" : "off"}`,
+          `${p.value ? "on" : "off"}`,
           `${r.loading && "loading"}`,
           `${c.value && "focus"}`
         ]
       })
-    ), m = $(r.modelValue === r.activeValue), H = () => {
+    ), 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 }), G(
       () => r.modelValue,
-      (p) => {
-        m.value = p === r.activeValue;
+      (m) => {
+        p.value = m === r.activeValue;
       }
-    ), (p, x) => (a(), o("div", {
-      class: V(v.value)
+    ), (m, w) => (a(), o("div", {
+      class: B(v.value)
     }, [
       n("div", {
         class: "nmorph-switch__content",
@@ -6483,24 +6511,24 @@ const Y5 = ["value", "disabled"], G5 = { class: "nmorph-switch-thumb" }, K5 = /*
           ref_key: "inputDOMRef",
           ref: z,
           type: "checkbox",
-          value: m.value,
+          value: p.value,
           disabled: r.disabled,
           class: "nmorph-native-input",
           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));
@@ -6522,10 +6550,10 @@ 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, c = h(
-      () => A({
+      () => T({
         nmorph: [se[s.height], `${H.value && "focused"}`],
         "nmorph-text-input": [`${s.typePassword && "password"}`]
       })
@@ -6534,15 +6562,15 @@ const Q5 = { class: "nmorph-text-input__input-side" }, Z5 = {
       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"), H = $(!1), z = () => {
+    }, p = h(() => s.typePassword && !d.value && !s.clearable ? "password" : "text"), H = $(!1), z = () => {
       f("focus"), H.value = !0;
-    }, p = () => {
+    }, m = () => {
       f("blur"), H.value = !1;
-    }, x = $(null);
-    e({ inputDOMRef: x });
-    const f = l, w = h(() => s.clearable ? "error" : d.value ? "eye-blocked" : "eye"), y = h(() => r["prepend-icon"] ? "28px" : "8px");
+    }, w = $(null);
+    e({ inputDOMRef: w });
+    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: V(c.value)
+      class: B(c.value)
     }, [
       n("div", Q5, [
         _(r)["prepend-icon"] ? (a(), o("div", Z5, [
@@ -6550,18 +6578,18 @@ const Q5 = { class: "nmorph-text-input__input-side" }, Z5 = {
         ])) : O("", !0),
         n("input", {
           ref_key: "inputDOMRef",
-          ref: x,
+          ref: w,
           class: "nmorph-native-input",
-          type: m.value,
+          type: p.value,
           placeholder: s.placeholder,
           disabled: s.disabled,
           value: s.modelValue,
           onInput: u,
           onFocus: z,
-          onBlur: p,
-          onKeyup: M[0] || (M[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",
@@ -6571,7 +6599,7 @@ const Q5 = { class: "nmorph-text-input__input-side" }, Z5 = {
           onClick: v
         }, {
           default: j(() => [
-            k(_(E), { name: w.value }, null, 8, ["name"])
+            k(_(q), { name: x.value }, null, 8, ["name"])
           ]),
           _: 1
         }, 8, ["disabled", "height"])) : O("", !0)
@@ -6579,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 },
@@ -6593,52 +6621,52 @@ 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": R.value
+    I((y) => ({
+      "50fc8a59": E.value
     }));
     const r = t, s = l, c = $(null), u = $(null);
     e({ inputDOMRef: u });
-    const d = $(r.open), v = $([0, 0, 0]), m = $(r.initWithoutValue), H = () => {
+    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), x = Array.from({ length: 60 }, (b, T) => T), f = () => {
-      m.value = !1, s("update:model-value", j2(v.value));
-    }, w = (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();
+    ), 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;
     };
-    G(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 R = 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: c,
-        class: V(z.value),
+        class: B(z.value),
         onClick: H
       }, [
         n("div", J5, [
           n("div", N5, [
-            k(_(E), {
+            k(_(q), {
               name: "time",
               class: "nmorph-time-picker__time-icon"
             }),
@@ -6652,7 +6680,7 @@ const J5 = { class: "nmorph-time-picker__content" }, N5 = { class: "nmorph-time-
             }, null, 8, I5),
             n("span", null, L(P.value), 1)
           ]),
-          c.value ? (a(), F(_(ye), {
+          c.value ? (a(), R(_(be), {
             key: 0,
             open: d.value,
             "relative-element": c.value,
@@ -6661,27 +6689,27 @@ const J5 = { class: "nmorph-time-picker__content" }, N5 = { class: "nmorph-time-
             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,
-                  onValueChanged: w
+                  "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,
-                  values: _(x),
+                  "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,
-                  values: _(x),
-                  "disabled-range": b.disabledSeconds,
+                  "set-value-on-mount": !p.value,
+                  values: _(w),
+                  "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"])
               ])
@@ -6702,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 = {
@@ -6711,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 = {
@@ -6724,7 +6752,8 @@ 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(
@@ -6733,12 +6762,12 @@ const We = (t) => {
     ), s = t, c = () => {
       r && !s.disabled && r(s.value);
     }, u = h(() => l?.value === s.value || s.checked), d = h(
-      () => A({
+      () => T({
         "nmorph-radio": [`${s.disabled && "disabled"}`, `${u.value && "checked"}`, s.styleType]
       })
     ), v = $(null);
-    return e({ inputDOMRef: v }), (m, H) => (a(), o("label", {
-      class: V(d.value),
+    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, [
@@ -6750,12 +6779,13 @@ const We = (t) => {
             name: s.label,
             value: s.value,
             checked: u.value,
+            tabindex: s.tabindex,
             class: "nmorph-native-input"
           }, null, 8, o9),
           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", {
@@ -6766,18 +6796,19 @@ const We = (t) => {
           name: s.label,
           value: s.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: "" },
@@ -6798,21 +6829,22 @@ const W2 = /* @__PURE__ */ $e(u9, [["__scopeId", "data-v-16b6c98a"]]), v9 = { cl
     );
     const s = e, c = (d) => {
       r.value = d, s("update:model-value", r.value);
-    }, u = h(() => A({ "nmorph-radio-group": [l.styleType, l.direction] }));
+    }, 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 m = Ue("NmorphRadio");
+      const p = Ue("NmorphRadio");
       return a(), o("div", {
-        class: V(u.value)
+        class: B(u.value)
       }, [
         n("div", v9, [
           n("div", h9, [
-            (a(!0), o(Q, null, Z(d.options, (H) => (a(), F(m, {
+            (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
-            }, null, 8, ["label", "value", "disabled", "style-type"]))), 128)),
+              "style-type": l.styleType,
+              tabindex: H.tabindex
+            }, null, 8, ["label", "value", "disabled", "style-type", "tabindex"]))), 128)),
             C(d.$slots, "default")
           ])
         ])
@@ -6830,19 +6862,19 @@ const p9 = /* @__PURE__ */ D({
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    I((p) => ({
+    I((m) => ({
       "13d4e1c7": s.value,
       "4bd46fe0": c.value
     }));
     const l = t, r = e, s = h(() => `${l.right}px`), c = h(() => `${l.bottom}px`), u = h(
-      () => A({
-        "nmorph-backtop": [`${m.value && "show"}`, l.design]
+      () => T({
+        "nmorph-backtop": [`${p.value && "show"}`, l.design]
       })
-    ), d = $(null), v = $(null), m = $(!1), H = (p) => {
-      if (!p)
+    ), d = $(null), v = $(null), p = $(!1), H = (m) => {
+      if (!m)
         return;
-      const x = p.target;
-      m.value = x.scrollTop > l.visibilityHeight;
+      const w = m.target;
+      p.value = w.scrollTop > l.visibilityHeight;
     }, z = () => {
       r("click"), d.value && d.value.scrollTo({
         top: 0,
@@ -6852,22 +6884,22 @@ const p9 = /* @__PURE__ */ D({
     };
     return ae(() => {
       v.value && (d.value = v.value.parentElement, d.value?.addEventListener("scroll", H));
-    }), ke(() => {
+    }), $e(() => {
       d.value && d.value?.removeEventListener("scroll", H);
-    }), (p, x) => (a(), o("div", {
+    }), (m, w) => (a(), o("div", {
       ref_key: "selfDOMEl",
       ref: v,
-      class: V(u.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: j(() => [
-              k(_(E), {
+              k(_(q), {
                 name: "chevron-down",
                 class: "nmorph-backtop__up-icon",
                 color: l.design === "nmorph" ? void 0 : "var(--nmorph-white-color)"
@@ -6892,12 +6924,12 @@ 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 (c, u) => (a(), o("div", {
-      class: V(s.value)
+      class: B(s.value)
     }, [
       C(c.$slots, "default"),
       (a(!0), o(Q, null, Z(l.value, (d, v) => (a(), o("div", {
@@ -6921,7 +6953,7 @@ const g9 = /* @__PURE__ */ D({
   },
   setup(t) {
     const e = t, l = h(
-      () => A({
+      () => T({
         "nmorph-breadcrumb-item": []
       })
     ), r = N("breadcrumb-data", void 0), s = $(!1), c = ve();
@@ -6931,9 +6963,9 @@ const g9 = /* @__PURE__ */ D({
       const v = Ue("router-link");
       return s.value && _(c) ? (a(), o("div", {
         key: 0,
-        class: V(l.value)
+        class: B(l.value)
       }, [
-        (a(), F(we, {
+        (a(), R(we, {
           to: `#nmorph-breadcrumb-${_(r)?.breadcrumbId}-${_(c)}-element`
         }, [
           k(v, {
@@ -6950,7 +6982,7 @@ const g9 = /* @__PURE__ */ D({
       ], 2)) : O("", !0);
     };
   }
-}), ye = /* @__PURE__ */ D({
+}), be = /* @__PURE__ */ D({
   __name: "NmorphDropdown",
   props: {
     open: { type: Boolean },
@@ -6962,7 +6994,7 @@ 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: c } = O2({
@@ -6972,13 +7004,13 @@ const g9 = /* @__PURE__ */ D({
       yOffset: l.yOffset,
       xOffset: l.xOffset
     }), u = h(
-      () => A({
+      () => T({
         "nmorph-dropdown": [`${!l.open && "closed"}`]
       })
     ), d = h(() => l.fillWidth ? `${l.relativeElement?.clientWidth}px` : `${l.width}px`), v = () => {
       r("on-outside-click");
     };
-    return (m, H) => (a(), F(_(De), {
+    return (p, H) => (a(), R(_(De), {
       show: l.open,
       transparent: "",
       onOnOutsideClick: v
@@ -6987,10 +7019,10 @@ const g9 = /* @__PURE__ */ D({
         n("div", {
           ref_key: "dropdownDOMRef",
           ref: s,
-          class: V(u.value),
+          class: B(u.value),
           style: ne({ left: `${_(c).x}`, top: `${_(c).y}` })
         }, [
-          C(m.$slots, "default")
+          C(p.$slots, "default")
         ], 6)
       ]),
       _: 3
@@ -7007,7 +7039,7 @@ 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"}`]
       })
     ), c = (H) => {
@@ -7020,34 +7052,34 @@ const w9 = { class: "nmorph-tabs__label-list" }, x9 = ["id", "onClick", "custom"
       tabsData: u,
       tabsIdentifier: d
     });
-    const v = h(() => l.panes.length > 0 ? l.panes : u.value), m = Le();
+    const v = h(() => l.panes.length > 0 ? l.panes : u.value), p = Le();
     return (H, z) => (a(), o("div", {
-      class: V(s.value)
+      class: B(s.value)
     }, [
       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: (x) => c(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))
         ])
       ])
@@ -7070,7 +7102,7 @@ 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);
@@ -7080,14 +7112,14 @@ const e2 = (t, e) => {
     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(u.$slots, "label", { scope: _(c) })
       ], 8, ["to"])),
-      (a(), F(we, {
+      (a(), R(we, {
         to: `#${_(t2)(_(r)?.tabsIdentifier, e.name)}`
       }, [
         C(u.$slots, "default", { scope: _(c) })
@@ -7101,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));
   }
 });
@@ -7119,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 = () => {
       c("on-outside-click");
     }, c = e;
     return (u, d) => (a(), o("div", {
-      class: V(r.value),
+      class: B(r.value),
       onClick: ie(s, ["stop"])
     }, [
       n("div", {
@@ -7155,7 +7187,7 @@ const V9 = /* @__PURE__ */ D({
       e.value = [...e.value, d];
     }, c = t, u = h(() => c.zIndex);
     return (d, v) => (a(), o("div", {
-      class: V(`nmorph-notification-provider nmorph-notification-provider--${c.placement}`),
+      class: B(`nmorph-notification-provider nmorph-notification-provider--${c.placement}`),
       style: ne({ zIndex: u.value })
     }, [
       k(xe, {
@@ -7163,13 +7195,13 @@ const V9 = /* @__PURE__ */ D({
         tag: "div"
       }, {
         default: j(() => [
-          (a(!0), o(Q, null, Z(r.value, (m) => (a(), o("div", {
-            key: m.id,
-            style: ne({ width: m.width }),
+          (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))
         ]),
@@ -7178,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,
@@ -7208,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,
@@ -7338,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,
@@ -7418,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,