@nmorph/nmorph-ui-kit 0.2.90 → 0.2.92

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as D, computed as _, ref as w, openBlock as o, createElementBlock as s, normalizeClass as V, createElementVNode as n, createBlock as q, unref as p, renderSlot as S, toDisplayString as R, createCommentVNode as O, useCssVars as Z, normalizeStyle as I, resolveDynamicComponent as F2, createStaticVNode as Ze, createTextVNode as ee, inject as Q, onUnmounted as ye, onMounted as K, nextTick as he, watch as G, mergeProps as _e, createVNode as k, withCtx as E, reactive as ce, Fragment as U, renderList as Y, provide as N, Teleport as ve, withModifiers as oe, withDirectives as Ce, vShow as Se, useSlots as Ne, readonly as W2, TransitionGroup as pe, withKeys as j2, resolveComponent as Ie, pushScopeId as L2, popScopeId as U2 } from "vue";
+import { defineComponent as D, computed as _, ref as w, openBlock as o, createElementBlock as s, normalizeClass as V, createElementVNode as n, createBlock as q, unref as p, renderSlot as S, toDisplayString as R, createCommentVNode as O, useCssVars as Z, normalizeStyle as I, resolveDynamicComponent as F2, createStaticVNode as Ze, createTextVNode as ee, inject as Q, onUnmounted as ye, onMounted as K, nextTick as he, watch as L, mergeProps as _e, createVNode as k, withCtx as E, reactive as ce, Fragment as Y, renderList as G, provide as N, Teleport as ve, withModifiers as oe, withDirectives as Ce, vShow as Se, useSlots as Ne, readonly as W2, TransitionGroup as pe, withKeys as j2, resolveComponent as Ie, pushScopeId as L2, popScopeId as U2 } from "vue";
 import { createI18n as Y2 } from "vue-i18n";
 var te = /* @__PURE__ */ ((e) => (e.thick = "thick-component", e.default = "default-height-component", e.thin = "thin-component", e))(te || {}), G2 = /* @__PURE__ */ ((e) => (e.circle = "circle", e.square = "square", e))(G2 || {}), K2 = /* @__PURE__ */ ((e) => (e.ascending = "ascending", e.descending = "descending", e))(K2 || {}), X2 = /* @__PURE__ */ ((e) => (e.row = "row", e.column = "column", e))(X2 || {}), e2 = /* @__PURE__ */ ((e) => (e.inset = "shadow-inset", e.outset = "shadow-outset", e.combined = "shadow-combined", e["not-defined"] = "shadow-not-defined", e))(e2 || {}), t2 = /* @__PURE__ */ ((e) => (e.accent = "accent", e.success = "success", e.error = "error", e.warning = "warning", e))(t2 || {}), i = /* @__PURE__ */ ((e) => (e["add-location"] = "add-location", e.aim = "aim", e["alarm-clock"] = "alarm-clock", e.apple = "apple", e.archive = "archive", e["arrow-down"] = "arrow-down", e["arrow-left"] = "arrow-left", e["arrow-right"] = "arrow-right", e["arrow-up"] = "arrow-up", e.audio = "audio", e.avatar = "avatar", e.back = "back", e["bell-filled"] = "bell-filled", e.bell = "bell", e.bicycle = "bicycle", e["bottom-left"] = "bottom-left", e["bottom-right"] = "bottom-right", e.bottom = "bottom", e.burger = "burger", e.calendar = "calendar", e.camera = "camera", e["caret-bottom"] = "caret-bottom", e["caret-left"] = "caret-left", e["caret-right"] = "caret-right", e["caret-top"] = "caret-top", e.cellphone = "cellphone", e["chat-dot-round"] = "chat-dot-round", e["chat-dot-square"] = "chat-dot-square", e["chat-line-round"] = "chat-line-round", e["chat-line-square"] = "chat-line-square", e["chat-round"] = "chat-round", e["chat-square"] = "chat-square", e.check = "check", e.checked = "checked", e.cherry = "cherry", e["chevron-double-down"] = "chevron-double-down", e["chevron-down"] = "chevron-down", e["chrome-filled"] = "chrome-filled", e["circle-check-filled"] = "circle-check-filled", e["circle-check"] = "circle-check", e["circle-close-filled"] = "circle-close-filled", e["circle-close"] = "circle-close", e["circle-plus-filled"] = "circle-plus-filled", e["circle-plus"] = "circle-plus", e.clock = "clock", e.close = "close", e.cloudy = "cloudy", e.code = "code", e["coffee-cup"] = "coffee-cup", e.coffee = "coffee", e.coin = "coin", e["collection-tag"] = "collection-tag", e.collection = "collection", e.compass = "compass", e.connection = "connection", e.coordinate = "coordinate", e["copy-document"] = "copy-document", e.copy = "copy", e.cpu = "cpu", e["credit-card"] = "credit-card", e.crop = "crop", e.cross = "cross", e["delete-filled"] = "delete-filled", e.delete = "delete", e.dessert = "dessert", e.discount = "discount", e.doc = "doc", e["document-add"] = "document-add", e["document-checked"] = "document-checked", e["document-copy"] = "document-copy", e["document-delete"] = "document-delete", e["document-remove"] = "document-remove", e.document = "document", e.download = "download", e["edit-pen"] = "edit-pen", e.edit = "edit", e.enlarge = "enlarge", e.error = "error", e.expand = "expand", e["eye-blocked"] = "eye-blocked", e.eye = "eye", e.failed = "failed", e.files = "files", e.film = "film", e.filter = "filter", e.finished = "finished", e.flag = "flag", e.fold = "fold", e["folder-add"] = "folder-add", e["folder-checked"] = "folder-checked", e["folder-delete"] = "folder-delete", e["folder-opened"] = "folder-opened", e.folder = "folder", e.food = "food", e["fork-spoon"] = "fork-spoon", e["full-screen"] = "full-screen", e.goblet = "goblet", e["gold-medal"] = "gold-medal", e["goods-filled"] = "goods-filled", e.goods = "goods", e.grape = "grape", e.grid = "grid", e.guide = "guide", e.handbag = "handbag", e.headset = "headset", e.histogram = "histogram", e["hot-water"] = "hot-water", e.house = "house", e["ice-cream-round"] = "ice-cream-round", e["ice-drink"] = "ice-drink", e["info-filled"] = "info-filled", e.info = "info", e.image = "image", e.key = "key", e["knife-fork"] = "knife-fork", e.lightning = "lightning", e.link = "link", e.list = "list", e.loader = "loader", e.loading = "loading", e["location-filled"] = "location-filled", e["location-information"] = "location-information", e.location = "location", e.lock = "lock", e.logo = "logo", e.lollipop = "lollipop", e["magic-stick"] = "magic-stick", e.magnet = "magnet", e.male = "male", e.management = "management", e["map-location"] = "map-location", e.medal = "medal", e.memo = "memo", e.menu = "menu", e["message-box"] = "message-box", e.message = "message", e.mic = "mic", e.microphone = "microphone", e.minus = "minus", e.money = "money", e.monitor = "monitor", e.moon = "moon", e["more-filled"] = "more-filled", e.more = "more", e["mostly-cloudy"] = "mostly-cloudy", e.mouse = "mouse", e.mug = "mug", e["mute-notification"] = "mute-notification", e.mute = "mute", e["no-smoking"] = "no-smoking", e.notebook = "notebook", e.notification = "notification", e["office-building"] = "office-building", e.operation = "operation", e.opportunity = "opportunity", e.orange = "orange", e.paperclip = "paperclip", e["partly-cloudy"] = "partly-cloudy", e.pear = "pear", e["phone-filled"] = "phone-filled", e.phone = "phone", e.picture = "picture", e["pie-chart"] = "pie-chart", e.place = "place", e.platform = "platform", e.plus = "plus", e.pointer = "pointer", e.position = "position", e["post-card"] = "post-card", e.pouring = "pouring", e.present = "present", e["price-tag"] = "price-tag", e.printer = "printer", e.promotion = "promotion", e["quartz-watch"] = "quartz-watch", e["question-filled"] = "question-filled", e.rank = "rank", e["reading-lamp"] = "reading-lamp", e.reading = "reading", e["refresh-left"] = "refresh-left", e["refresh-right"] = "refresh-right", e.refresh = "refresh", e.refrigerator = "refrigerator", e["remove-filled"] = "remove-filled", e.remove = "remove", e["rotate-left"] = "rotate-left", e["rotate-right"] = "rotate-right", e["scale-to-original"] = "scale-to-original", e.school = "school", e.scissor = "scissor", e.search = "search", e.select = "select", e.sell = "sell", e["semi-select"] = "semi-select", e.service = "service", e.setting = "setting", e.share = "share", e.ship = "ship", e.shop = "shop", e["shopping-bag"] = "shopping-bag", e["shopping-cart-full"] = "shopping-cart-full", e["shopping-cart"] = "shopping-cart", e.shrink = "shrink", e.smoking = "smoking", e.soccer = "soccer", e["sold-out"] = "sold-out", e["sort-down"] = "sort-down", e["sort-up"] = "sort-up", e.sort = "sort", e.stamp = "stamp", e["star-filled"] = "star-filled", e.star = "star", e["success-filled"] = "success-filled", e.success = "success", e.sugar = "sugar", e.sunny = "sunny", e.sunrise = "sunrise", e.sunset = "sunset", e["switch-button"] = "switch-button", e["switch-filled"] = "switch-filled", e.switch = "switch", e["takeaway-box"] = "takeaway-box", e.ticket = "ticket", e.tickets = "tickets", e.time = "time", e.timer = "timer", e["toilet-paper"] = "toilet-paper", e.tools = "tools", e["top-left"] = "top-left", e["top-right"] = "top-right", e.top = "top", e["trend-charts"] = "trend-charts", e["triangle-down"] = "triangle-down", e["trophy-base"] = "trophy-base", e.trophy = "trophy", e["turn-off"] = "turn-off", e.umbrella = "umbrella", e.unlock = "unlock", e["upload-filled"] = "upload-filled", e.upload = "upload", e["user-filled"] = "user-filled", e.user = "user", e.van = "van", e["video-camera"] = "video-camera", e["video-pause"] = "video-pause", e["video-play"] = "video-play", e.video = "video", e.view = "view", e["wallet-filled"] = "wallet-filled", e.wallet = "wallet", e["warn-triangle-filled"] = "warn-triangle-filled", e.warning = "warning", e.watch = "watch", e["wind-power"] = "wind-power", e["zoom-in"] = "zoom-in", e["zoom-out"] = "zoom-out", e))(i || {}), J2 = /* @__PURE__ */ ((e) => (e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(J2 || {}), Q2 = /* @__PURE__ */ ((e) => (e.fill = "fill", e.contain = "contain", e.cover = "cover", e.none = "none", e["scale-down"] = "scale-down", e))(Q2 || {}), ae = /* @__PURE__ */ ((e) => (e.en = "en", e.ru = "ru", e))(ae || {});
 const Z2 = (e, t) => {
@@ -2875,23 +2875,23 @@ const Of = /* @__PURE__ */ D({
   emits: ["on-scroll", "update:model-value", "on-scroll-end"],
   setup(e, { expose: t, emit: a }) {
     Z((ne) => ({
-      "616ac766": L.value,
+      "616ac766": U.value,
       "3eb1ffd9": J.value,
-      "68ca2cc6": x.value,
+      "68ca2cc6": $.value,
       e6613a6c: y.value,
       "475844c4": u.value,
       "475844c5": c.value,
       "408c54d1": X.value,
-      ba0dc0f6: $.value,
+      ba0dc0f6: x.value,
       bb485170: g.value
     }));
     const l = e, r = w(null), c = _(() => l.scrollYProp), u = _(() => l.scrollXProp), d = w(!1), h = w(!1), v = () => {
       d.value = r.value?.scrollHeight > r.value?.clientHeight, h.value = r.value?.scrollWidth > r.value?.clientWidth;
-    }, f = _(() => l.yBarWidthInPx + l.yGapInPx), b = _(() => l.xBarWidthInPx + l.xGapInPx), x = _(
+    }, f = _(() => l.yBarWidthInPx + l.yGapInPx), b = _(() => l.xBarWidthInPx + l.xGapInPx), $ = _(
       () => l.scrollYProp === "hidden" || !d.value ? "0" : `${f.value}px`
     ), y = _(
       () => l.scrollXProp === "hidden" || !h.value ? "0" : `${b.value}px`
-    ), $ = _(() => `${l.yBarWidthInPx}px`), g = _(() => `${l.xBarWidthInPx}px`), M = Q("nmorph");
+    ), x = _(() => `${l.yBarWidthInPx}px`), g = _(() => `${l.xBarWidthInPx}px`), M = Q("nmorph");
     let m;
     const H = a, C = () => {
       const ne = Math.trunc(r.value?.scrollLeft), fe = Math.trunc(r.value?.scrollTop);
@@ -2920,20 +2920,20 @@ const Of = /* @__PURE__ */ D({
     };
     K(() => {
       F(l.modelValue), he(v);
-    }), G(
+    }), L(
       () => l.modelValue,
       (ne) => {
         F(ne);
       },
       { deep: !0, immediate: !0 }
-    ), G(
+    ), L(
       () => M?.browser.dimensions,
       () => {
         he(v);
       },
       { deep: !0, immediate: !0 }
     );
-    const X = _(() => l.cssScrollBehavior), L = _(() => l.height), J = _(() => l.maxHeight), se = zw(l);
+    const X = _(() => l.cssScrollBehavior), U = _(() => l.height), J = _(() => l.maxHeight), se = zw(l);
     t({ scrollDOMContainer: r, moveTo: F });
     const Ve = () => {
       z.value = !0;
@@ -2969,7 +2969,7 @@ const Pf = /* @__PURE__ */ D({
   emits: ["error", "load"],
   setup(e, { emit: t }) {
     Z((y) => ({
-      "574116af": x.value,
+      "574116af": $.value,
       "11dd63ea": v.value,
       "11d2c240": h.value,
       "75c6801c": b.value
@@ -2983,8 +2983,8 @@ const Pf = /* @__PURE__ */ D({
       l("error", y), r.value = !0;
     }, d = (y) => {
       l("load", y), r.value = !1;
-    }, h = _(() => `${a.imagePadding}px`), v = _(() => ` ${a.size}px`), f = _(() => `${a.size / 100 * 60}px`), b = _(() => a.shape === "circle" ? "50%" : "4px"), x = _(() => `${a.frameBorder}px`);
-    return (y, $) => (o(), s("div", {
+    }, h = _(() => `${a.imagePadding}px`), v = _(() => ` ${a.size}px`), f = _(() => `${a.size / 100 * 60}px`), b = _(() => a.shape === "circle" ? "50%" : "4px"), $ = _(() => `${a.frameBorder}px`);
+    return (y, x) => (o(), s("div", {
       class: V(c.value)
     }, [
       k(p(xe), {
@@ -3098,9 +3098,9 @@ const Wf = ["data-date", "onClick"], d2 = /* @__PURE__ */ D({
         }), h.push(z);
       });
     };
-    v(), G(c, () => {
+    v(), L(c, () => {
       v(), l("update-initial-date", c.value);
-    }), G(
+    }), L(
       () => a.initialDate,
       (T) => {
         c.value = T;
@@ -3111,11 +3111,11 @@ const Wf = ["data-date", "onClick"], d2 = /* @__PURE__ */ D({
     );
     const f = (T) => T, b = () => {
       c.value = g.value;
-    }, x = () => {
+    }, $ = () => {
       c.value = /* @__PURE__ */ new Date();
     }, y = () => {
       c.value = M.value;
-    }, $ = (T) => {
+    }, x = (T) => {
       const { monthType: B, hidden: z } = T;
       if (z)
         return;
@@ -3145,7 +3145,7 @@ const Wf = ["data-date", "onClick"], d2 = /* @__PURE__ */ D({
           "show-next-month-button": m.value.showNextMonthButton,
           onClickNextMonth: y,
           onClickPreviousMonth: b,
-          onClickToday: x
+          onClickToday: $
         }, null, 8, ["year", "month", "show-previous-month-button", "show-today-button", "show-next-month-button"])
       ]),
       S(T.$slots, "content", {}, () => [
@@ -3155,13 +3155,13 @@ const Wf = ["data-date", "onClick"], d2 = /* @__PURE__ */ D({
           "row-hover": !1
         }, {
           default: E(() => [
-            (o(), s(U, null, Y(u, (z) => k(p(y2), {
+            (o(), s(Y, null, G(u, (z) => k(p(y2), {
               key: `${z}`,
               prop: z,
               label: z.toUpperCase()
             }, {
               default: E(({ scope: W }) => [
-                (o(!0), s(U, null, Y(W.rows, (F, X) => (o(), q(p(x2), {
+                (o(!0), s(Y, null, G(W.rows, (F, X) => (o(), q(p(x2), {
                   key: X,
                   row: X
                 }, {
@@ -3177,7 +3177,7 @@ const Wf = ["data-date", "onClick"], d2 = /* @__PURE__ */ D({
                           "nmorph-calendar-date--selected": C(f(F[z]).date)
                         }
                       ]),
-                      onClick: (L) => $(f(F[z]))
+                      onClick: (U) => x(f(F[z]))
                     }, [
                       S(T.$slots, "date-cell", {
                         scope: {
@@ -3235,18 +3235,18 @@ const Te = [
   const a = e && e[0], l = e && e[1];
   return t >= a && t <= l;
 }, Oe = (e) => Te[e], jf = (e) => e % 4 === 0 && e % 100 !== 0 || e % 400 === 0, Ye = (e, t) => [0, 2, 4, 6, 7, 9, 11].includes(t) ? 31 : [3, 5, 8, 10].includes(t) ? 30 : jf(e) ? 29 : 28, p2 = (e, t) => {
-  const a = (L) => t ? L < t[0] || L > t[1] : !1, l = e.value.getFullYear(), r = e.value.getMonth(), u = new Date(l, r, 1).getDay() + 1, d = Ye(l, r), h = 7 + u - 8;
+  const a = (U) => t ? U < t[0] || U > t[1] : !1, l = e.value.getFullYear(), r = e.value.getMonth(), u = new Date(l, r, 1).getDay() + 1, d = Ye(l, r), h = 7 + u - 8;
   let b = 7 - (new Date(l, r, d).getDay() + 1);
-  const x = /* @__PURE__ */ new Date(), y = x.getDate(), $ = x.getMonth(), g = r - 1, M = Ye(l, g);
+  const $ = /* @__PURE__ */ new Date(), y = $.getDate(), x = $.getMonth(), g = r - 1, M = Ye(l, g);
   let m = M - h;
   const H = [];
   for (; m < M; ) {
     m++;
-    const L = $ === g && y === m, J = new Date(l, g, m);
+    const U = x === g && y === m, J = new Date(l, g, m);
     H.push({
       value: m,
       monthType: "previous",
-      isToday: L,
+      isToday: U,
       date: J,
       hidden: a(J)
     });
@@ -3255,11 +3255,11 @@ const Te = [
   let B = 0;
   for (; b; ) {
     B++, b--;
-    const L = $ === C && y === B, J = new Date(l, C, B);
+    const U = x === C && y === B, J = new Date(l, C, B);
     T.push({
       value: B,
       monthType: "next",
-      isToday: L,
+      isToday: U,
       date: J,
       hidden: a(J)
     });
@@ -3267,9 +3267,9 @@ const Te = [
   let z = 0;
   const W = [];
   for (; z < d; ) {
-    const L = x.getDate();
+    const U = $.getDate();
     z++;
-    const J = $ === r && L === z, se = new Date(l, r, z);
+    const J = x === r && U === z, se = new Date(l, r, z);
     W.push({
       value: z,
       monthType: "current",
@@ -3279,11 +3279,11 @@ const Te = [
     });
   }
   const F = [...H, ...W, ...T], X = [];
-  for (let L = 0; L < F.length; L += 7) {
-    const J = F.slice(L, L + 7);
+  for (let U = 0; U < F.length; U += 7) {
+    const J = F.slice(U, U + 7);
     X.push(J);
   }
-  return X.filter((L) => !L.every((J) => J.hidden));
+  return X.filter((U) => !U.every((J) => J.hidden));
 }, Lf = { class: "nmorph-calendar-header" }, Uf = { class: "nmorph-calendar-header__actions" }, m2 = /* @__PURE__ */ D({
   __name: "NmorphCalendarHeader",
   props: {
@@ -3377,20 +3377,20 @@ const Jf = /* @__PURE__ */ de(Xf, [["__scopeId", "data-v-e3cb136f"]]), Qf = ["id
       })
     ), h = w([]), v = me();
     N("carousel-data", { data: h, carouselId: v });
-    const f = w(null), b = ce({}), x = () => {
+    const f = w(null), b = ce({}), $ = () => {
       const C = b[Object.keys(b).length - 1]?.cloneNode(!0), T = b[0]?.cloneNode(!0);
       f.value?.prepend(C), f.value?.append(T), a.value += 1;
     }, y = () => {
       a.value === 0 && (a.value = Object.keys(b).length, M.value = !1), a.value > Object.keys(b).length && (a.value = 1, M.value = !1);
     };
     K(() => {
-      c.loop && a.value === 0 && (he(() => x()), f.value?.addEventListener("transitionend", y));
-    }), G(a, (C) => {
+      c.loop && a.value === 0 && (he(() => $()), f.value?.addEventListener("transitionend", y));
+    }), L(a, (C) => {
       u("change", a.value), (C === 1 || C === Object.keys(b).length) && setTimeout(() => {
         M.value = !0;
       });
     });
-    const $ = (C, T) => {
+    const x = (C, T) => {
       const B = C;
       b[T] = B;
     }, g = _(() => `translateX(-${a.value * 100}%)`), M = w(!0), m = (C) => C === a.value - 1, H = (C) => {
@@ -3405,16 +3405,16 @@ const Jf = /* @__PURE__ */ de(Xf, [["__scopeId", "data-v-e3cb136f"]]), Qf = ["id
         class: V(["nmorph-carousel__wrapper", { "transition-enabled": M.value }]),
         style: I({ transform: g.value })
       }, [
-        (o(!0), s(U, null, Y(h.value, (B, z) => (o(), s("div", {
+        (o(!0), s(Y, null, G(h.value, (B, z) => (o(), s("div", {
           id: `nmorph-carousel-item-${p(v)}-${B}`,
           key: B,
           ref_for: !0,
-          ref: (W) => $(W, z),
+          ref: (W) => x(W, z),
           class: "nmorph-carousel__item"
         }, null, 8, Qf))), 128))
       ], 6),
       n("div", Zf, [
-        (o(!0), s(U, null, Y(h.value, (B, z) => (o(), s("div", {
+        (o(!0), s(Y, null, G(h.value, (B, z) => (o(), s("div", {
           key: z,
           class: "nmorph-carousel__element-indicator-wrapper",
           onClick: (W) => H(z)
@@ -3473,7 +3473,7 @@ const eg = /* @__PURE__ */ D({
   emits: ["update:model-value"],
   setup(e, { emit: t }) {
     const a = e, l = w(a.modelValue);
-    G(
+    L(
       () => a.modelValue,
       (d) => {
         l.value = d;
@@ -3526,22 +3526,22 @@ const eg = /* @__PURE__ */ D({
     };
     return K(() => {
       Array.isArray(d?.value) ? r.value = d.value.includes(a.name) : r.value = d?.value === a.name;
-    }), G(
+    }), L(
       () => d?.value,
-      (x) => {
-        Array.isArray(x) ? r.value = x.includes(a.name) : r.value = x === a.name;
+      ($) => {
+        Array.isArray($) ? r.value = $.includes(a.name) : r.value = $ === a.name;
       },
       { deep: !0 }
-    ), G(r, () => {
+    ), L(r, () => {
       f.value = r.value && v.value ? v.value?.clientHeight : 0;
-    }), (x, y) => (o(), s("div", {
+    }), ($, y) => (o(), s("div", {
       class: V(c.value),
       onClick: oe(b, ["stop"])
     }, [
       n("div", {
         class: V(["nmorph-collapse-item__title", u.value])
       }, [
-        S(x.$slots, "title", {}, () => [
+        S($.$slots, "title", {}, () => [
           ee(R(a.title), 1)
         ])
       ], 2),
@@ -3554,7 +3554,7 @@ const eg = /* @__PURE__ */ D({
           ref: v,
           class: "nmorph-collapse-item__inner-wrapper"
         }, [
-          S(x.$slots, "default")
+          S($.$slots, "default")
         ], 512)
       ], 4)
     ], 2));
@@ -3579,21 +3579,21 @@ const og = ["src", "alt", "srcset"], ag = {
   },
   emits: ["error", "load"],
   setup(e, { emit: t }) {
-    Z((x) => ({
+    Z(($) => ({
       "1a936921": b.value,
       "3ba8437a": f.value
     }));
-    const a = e, l = w(!1), r = w(!1), c = t, u = (x) => {
-      l.value = !0, r.value = !1, c("load", x);
-    }, d = (x) => {
-      l.value = !0, r.value = !0, c("error", x);
+    const a = e, l = w(!1), r = w(!1), c = t, u = ($) => {
+      l.value = !0, r.value = !1, c("load", $);
+    }, d = ($) => {
+      l.value = !0, r.value = !0, c("error", $);
     }, h = _(() => l.value && r.value), v = _(
       () => A({
         nmorph: [`${a.frameBorder > 0 && "shadow-combined"}`],
         "nmorph-image": [`${(h.value || !l.value) && "hide"}`]
       })
     ), f = _(() => a.fit), b = _(() => `${a.frameBorder}px`);
-    return (x, y) => a.src ? (o(), s("div", {
+    return ($, y) => a.src ? (o(), s("div", {
       key: 0,
       class: V(v.value)
     }, [
@@ -3605,11 +3605,11 @@ const og = ["src", "alt", "srcset"], ag = {
         onError: d
       }, null, 40, og),
       h.value ? (o(), s("div", ag, [
-        S(x.$slots, "error", {}, () => [
+        S($.$slots, "error", {}, () => [
           ee(R(a.loadFailedText), 1)
         ], !0)
       ])) : l.value ? O("", !0) : (o(), s("div", sg, [
-        S(x.$slots, "loading", {}, () => [
+        S($.$slots, "loading", {}, () => [
           ee(R(a.loadingText), 1)
         ], !0)
       ]))
@@ -3647,11 +3647,11 @@ const xe = /* @__PURE__ */ de(lg, [["__scopeId", "data-v-4c37d982"]]), rg = { cl
       m.value = m.value + 90, m.value >= 360 && (m.value = 0);
     }, b = () => {
       m.value = m.value - 90, m.value <= -360 && (m.value = 0);
-    }, x = () => {
+    }, $ = () => {
       d.value < a.maxScaleLevel && (d.value += a.scaleStep), d.value = parseFloat(d.value.toFixed(3));
     }, y = () => {
       d.value > a.minScaleLevel && (d.value -= a.scaleStep), d.value = parseFloat(d.value.toFixed(3));
-    }, $ = _(() => d.value < 1), g = () => {
+    }, x = _(() => d.value < 1), g = () => {
       d.value = 1;
     }, M = () => {
       d.value = 1;
@@ -3666,7 +3666,7 @@ const xe = /* @__PURE__ */ de(lg, [["__scopeId", "data-v-4c37d982"]]), rg = { cl
         icon: "shrink",
         handler: M
       };
-      return $.value && (F = {
+      return x.value && (F = {
         icon: "enlarge",
         handler: g
       }), F;
@@ -3681,7 +3681,7 @@ const xe = /* @__PURE__ */ de(lg, [["__scopeId", "data-v-4c37d982"]]), rg = { cl
       },
       {
         icon: "zoom-in",
-        handler: x
+        handler: $
       },
       {
         icon: "zoom-out",
@@ -3731,16 +3731,16 @@ const xe = /* @__PURE__ */ de(lg, [["__scopeId", "data-v-4c37d982"]]), rg = { cl
             })
           ])) : O("", !0),
           n("div", dg, [
-            (o(), s(U, null, Y(B, (L, J) => n("div", {
+            (o(), s(Y, null, G(B, (U, J) => n("div", {
               key: J,
               class: "nmorph-image-preview__action-element"
             }, [
               k(p(j), {
-                onClick: L.handler
+                onClick: U.handler
               }, {
                 default: E(() => [
                   k(p(P), {
-                    name: L.icon
+                    name: U.icon
                   }, null, 8, ["name"])
                 ]),
                 _: 2
@@ -3790,29 +3790,29 @@ const hg = /* @__PURE__ */ D({
       const g = a.total / a.pagerCount + 1, M = g % 1 === 0 ? -1 : 0;
       return Array.from({ length: g + M }, (m, H) => ({ value: String(H + 1), label: String(H + 1) }));
     }), f = _(() => a.hideOnSinglePage || a.total / a.pagerCount > 1);
-    G(h, (g) => {
-      l("update:model-value", Number(g)), $();
-    }), G(
+    L(h, (g) => {
+      l("update:model-value", Number(g)), x();
+    }), L(
       () => a.pagerCount,
       () => {
-        $();
+        x();
       }
     );
     const b = (g) => {
       h.value = g;
-    }, x = _(() => Number(h.value) === 1), y = _(() => v.value.length === Number(h.value)), $ = () => {
+    }, $ = _(() => Number(h.value) === 1), y = _(() => v.value.length === Number(h.value)), x = () => {
       const g = Number(h.value) * a.pagerCount, M = g - a.pagerCount;
       r.value = [M, g], l("update:range", r.value);
     };
     return K(() => {
-      $();
+      x();
     }), (g, M) => f.value ? (o(), s("div", {
       key: 0,
       class: V(c.value)
     }, [
       k(p(j), {
         class: "nmorph-pagination__btn",
-        disabled: x.value || a.disabled,
+        disabled: $.value || a.disabled,
         onClick: u
       }, {
         default: E(() => [
@@ -3871,44 +3871,44 @@ const _g = {
     strokeWidth: { default: 4 }
   },
   setup(e) {
-    Z((x) => ({
+    Z(($) => ({
       "25758a24": l.value,
       e4abf678: r.value,
       "8edb4f36": c.value,
       "1c7cd65a": f.value,
-      "0bba730f": x.strokeWidth
+      "0bba730f": $.strokeWidth
     }));
     const t = e, a = _(
       () => A({
         "nmorph-progress": []
       })
-    ), l = _(() => `${t.percentage}%`), r = _(() => Array.isArray(t.color) ? t.color.find((x) => x.percentage <= t.percentage)?.color : typeof t.color == "function" ? t.color(t.percentage) : t.color), c = _(() => t.indeterminate ? "var(--animation)" : "none"), u = w(null), d = w(1), h = _(() => `${d.value} ${d.value}`), v = _(() => d.value - t.percentage / 100 * d.value);
+    ), l = _(() => `${t.percentage}%`), r = _(() => Array.isArray(t.color) ? t.color.find(($) => $.percentage <= t.percentage)?.color : typeof t.color == "function" ? t.color(t.percentage) : t.color), c = _(() => t.indeterminate ? "var(--animation)" : "none"), u = w(null), d = w(1), h = _(() => `${d.value} ${d.value}`), v = _(() => d.value - t.percentage / 100 * d.value);
     K(() => {
       u.value && (d.value = 2 * Math.PI * u.value.r.baseVal.value);
     });
     const f = _(() => `${t.circleSize}px`), b = _(() => `${t.percentage}%`);
-    return (x, y) => (o(), s("div", {
+    return ($, y) => (o(), s("div", {
       class: V(a.value)
     }, [
       t.type === "linear" ? (o(), s("div", _g, [
         n("div", vg, [
           n("div", pg, [
-            x.textInside ? (o(), s("div", mg, [
-              S(x.$slots, "inner-text", {}, () => [
+            $.textInside ? (o(), s("div", mg, [
+              S($.$slots, "inner-text", {}, () => [
                 ee(R(b.value), 1)
               ])
             ])) : O("", !0)
           ])
         ]),
-        x.showText ? (o(), s("div", fg, [
-          S(x.$slots, "right-sight", {}, () => [
+        $.showText ? (o(), s("div", fg, [
+          S($.$slots, "right-sight", {}, () => [
             ee(R(b.value), 1)
           ])
         ])) : O("", !0)
       ])) : O("", !0),
       t.type === "circle" ? (o(), s("div", gg, [
         n("div", wg, [
-          S(x.$slots, "circle-inner-part", {}, () => [
+          S($.$slots, "circle-inner-part", {}, () => [
             ee(R(b.value), 1)
           ])
         ]),
@@ -3951,7 +3951,7 @@ const Mg = {
       class: V(a.value)
     }, [
       t.rows && t.loading ? (o(), s("div", Mg, [
-        (o(!0), s(U, null, Y(t.rows, (c) => (o(), q(p(w2), {
+        (o(!0), s(Y, null, G(t.rows, (c) => (o(), q(p(w2), {
           key: c,
           width: "100%",
           height: "14px"
@@ -3981,8 +3981,8 @@ const zg = { class: "nmorph-skeleton-item__element" }, w2 = /* @__PURE__ */ D({
   },
   setup(e) {
     Z((c) => ({
-      d1b44100: l.value,
-      "33c716ad": r.value
+      "085cc1bc": l.value,
+      "2d27081e": r.value
     }));
     const t = e, a = _(
       () => A({
@@ -4059,21 +4059,21 @@ const Bg = { class: "nmorph-table__wrapper" }, Cg = { class: "nmorph-table__head
       () => A({
         "nmorph-table": [`${t.style}`]
       })
-    ), l = w(t.data), r = w(t.sort), c = (y, $) => {
-      r.value && (r.value[$] = y, l.value.sort((g, M) => {
-        const m = String(g[$]).toLowerCase(), H = String(M[$]).toLowerCase();
+    ), l = w(t.data), r = w(t.sort), c = (y, x) => {
+      r.value && (r.value[x] = y, l.value.sort((g, M) => {
+        const m = String(g[x]).toLowerCase(), H = String(M[x]).toLowerCase();
         if (!r.value)
           return 0;
-        const C = r.value[$];
+        const C = r.value[x];
         return C === "ascending" ? m.localeCompare(H) : C === "descending" ? H.localeCompare(m) : 0;
       }));
     }, u = w(null), d = w([]);
     N("table-data", { rows: l, columns: d });
     const h = _(() => {
-      const y = d.value.map((H) => H.width).filter((H) => !!H), $ = y.length, g = y.reduce((H, C) => (H += Number(C), H), 0), M = d.value.length - $;
+      const y = d.value.map((H) => H.width).filter((H) => !!H), x = y.length, g = y.reduce((H, C) => (H += Number(C), H), 0), M = d.value.length - x;
       return u.value?.clientWidth ? (u.value?.clientWidth - g) / M : 0;
     }), v = (y) => y !== "" ? y : h.value, f = w(0);
-    G(
+    L(
       () => t.data,
       () => {
         f.value = f.value + 1, l.value = t.data, d.value = [];
@@ -4082,8 +4082,8 @@ const Bg = { class: "nmorph-table__wrapper" }, Cg = { class: "nmorph-table__head
         immediate: !0
       }
     );
-    const b = (y) => typeof y == "object" ? "" : y, x = me();
-    return N("table-identifier", x), (y, $) => (o(), s("div", {
+    const b = (y) => typeof y == "object" ? "" : y, $ = me();
+    return N("table-identifier", $), (y, x) => (o(), s("div", {
       ref_key: "nmorphDOMTable",
       ref: u,
       key: f.value,
@@ -4092,7 +4092,7 @@ const Bg = { class: "nmorph-table__wrapper" }, Cg = { class: "nmorph-table__head
       n("div", Bg, [
         n("table", Cg, [
           n("colgroup", null, [
-            (o(!0), s(U, null, Y(d.value, (g) => (o(), s("col", {
+            (o(!0), s(Y, null, G(d.value, (g) => (o(), s("col", {
               key: g.prop,
               style: I({ width: `${v(g.width)}px` }),
               "data-src": `${v(g.width)}px`
@@ -4100,7 +4100,7 @@ const Bg = { class: "nmorph-table__wrapper" }, Cg = { class: "nmorph-table__head
           ]),
           n("thead", null, [
             n("tr", Ag, [
-              (o(!0), s(U, null, Y(d.value, (g, M) => (o(), s("th", {
+              (o(!0), s(Y, null, G(d.value, (g, M) => (o(), s("th", {
                 key: M,
                 class: V(["nmorph-table__table-data", { "nmorph-table__table-data--bordered": t.bordered }])
               }, [
@@ -4125,22 +4125,22 @@ const Bg = { class: "nmorph-table__wrapper" }, Cg = { class: "nmorph-table__head
         n("div", Tg, [
           n("table", null, [
             n("colgroup", null, [
-              (o(!0), s(U, null, Y(d.value, (g) => (o(), s("col", {
+              (o(!0), s(Y, null, G(d.value, (g) => (o(), s("col", {
                 key: g.prop,
                 style: I({ width: `${v(g.width)}px` })
               }, null, 4))), 128))
             ]),
             n("tbody", null, [
-              (o(!0), s(U, null, Y(l.value, (g, M) => (o(), s("tr", {
+              (o(!0), s(Y, null, G(l.value, (g, M) => (o(), s("tr", {
                 key: M,
                 class: V(["nmorph-table__table-data-row", { "nmorph-table__table-data-row--row-hover": t.rowHover }])
               }, [
-                (o(!0), s(U, null, Y(d.value, (m) => (o(), s("td", {
+                (o(!0), s(Y, null, G(d.value, (m) => (o(), s("td", {
                   key: m.prop,
                   class: V([{ "nmorph-table__table-data--bordered": t.bordered }, "nmorph-table__table-data"])
                 }, [
                   n("div", {
-                    id: `table-cell-${p(x)}-${M}-${m.prop}`,
+                    id: `table-cell-${p($)}-${M}-${m.prop}`,
                     style: I({ "text-align": m.alignment }),
                     class: "nmorph-table__cell nmorph-table__cell--data"
                   }, R(b(g[m.prop])), 13, Og)
@@ -4150,7 +4150,7 @@ const Bg = { class: "nmorph-table__wrapper" }, Cg = { class: "nmorph-table__head
           ]),
           n("table", null, [
             n("colgroup", null, [
-              (o(!0), s(U, null, Y(d.value, (g) => (o(), s("col", {
+              (o(!0), s(Y, null, G(d.value, (g) => (o(), s("col", {
                 key: g.prop,
                 style: I({ width: `${v(g.width)}px` })
               }, null, 4))), 128))
@@ -4241,7 +4241,7 @@ const x2 = /* @__PURE__ */ D({
     return (d, h) => (o(), s("div", {
       class: V(r.value)
     }, [
-      (o(!0), s(U, null, Y(p(c), (v) => (o(), q(p(Pe), _e({
+      (o(!0), s(Y, null, G(p(c), (v) => (o(), q(p(Pe), _e({
         key: v.value,
         ref_for: !0
       }, v, { onClose: u }), null, 16))), 128))
@@ -4387,7 +4387,7 @@ const Xg = { class: "nmorph-dialog__header" }, Jg = { class: "nmorph-dialog__tit
       })
     ), c = _(() => a.width), u = _(() => a.zIndex), d = w(a.modelValue);
     let h = null, v = null;
-    G(
+    L(
       () => a.modelValue,
       (b) => {
         b ? (v && clearTimeout(v), h = setTimeout(() => {
@@ -4403,7 +4403,7 @@ const Xg = { class: "nmorph-dialog__header" }, Jg = { class: "nmorph-dialog__tit
         l("update:model-value", !1);
       }, a.closeDelay);
     };
-    return (b, x) => (o(), q(p(ze), {
+    return (b, $) => (o(), q(p(ze), {
       show: d.value,
       onOnOutsideClick: f
     }, {
@@ -4442,15 +4442,15 @@ const Ge = (e) => {
     validate: () => {
       if (t === null || !a.length)
         return null;
-      const d = t, h = ($) => a.length > 0 && $ in a[0], v = typeof d == "string" && h("pattern"), f = typeof d == "number" && h("numberCompareType"), b = typeof d == "string" || typeof d == "boolean" && h("booleanCompareType"), x = Array.isArray(d) && h("arrayCompareType");
-      if (!f && !v && !b && !x)
+      const d = t, h = (x) => a.length > 0 && x in a[0], v = typeof d == "string" && h("pattern"), f = typeof d == "number" && h("numberCompareType"), b = typeof d == "string" || typeof d == "boolean" && h("booleanCompareType"), $ = Array.isArray(d) && h("arrayCompareType");
+      if (!f && !v && !b && !$)
         return console.warn("The input value and the provided rules do not match"), null;
       if (c.value || (c.value = !0), v) {
-        const $ = a;
-        l.value = $.reduce((g, M) => (d.match(M.pattern) || g.push(M.error), g), []);
+        const x = a;
+        l.value = x.reduce((g, M) => (d.match(M.pattern) || g.push(M.error), g), []);
       }
       if (f) {
-        const $ = (M, m, H) => {
+        const x = (M, m, H) => {
           switch (H) {
             case "eq":
               return M === m;
@@ -4464,18 +4464,18 @@ const Ge = (e) => {
               return M >= m;
           }
         }, g = a;
-        l.value = g.reduce((M, m) => ($(d, m.compareValue, m.numberCompareType) && M.push(m.error), M), []);
+        l.value = g.reduce((M, m) => (x(d, m.compareValue, m.numberCompareType) && M.push(m.error), M), []);
       }
       if (b) {
-        const $ = a;
-        l.value = $.reduce((g, M) => {
+        const x = a;
+        l.value = x.reduce((g, M) => {
           let m = !1;
           const { compareValue: H, booleanCompareType: C } = M;
           return C === "not-eq" && (m = d === H), C === "eq" && (m = d !== H), m || g.push(M.error), g;
         }, []);
       }
-      if (x) {
-        const $ = a, g = (M, m, H) => {
+      if ($) {
+        const x = a, g = (M, m, H) => {
           switch (H) {
             case "contains-one":
               return M.some((B) => m.includes(B));
@@ -4488,7 +4488,7 @@ const Ge = (e) => {
               return !M.some((B) => m.includes(B));
           }
         };
-        l.value = $.reduce((M, m) => (g(d, m.compareValue, m.arrayCompareType) || M.push(m.error), M), []);
+        l.value = x.reduce((M, m) => (g(d, m.compareValue, m.arrayCompareType) || M.push(m.error), M), []);
       }
     }
   };
@@ -4498,10 +4498,10 @@ const Ge = (e) => {
       a[d] = Ge({ inputValue: h.value, rules: h.rules }), a[d].validate();
     });
   }, c = (d, h) => Object.keys(h).filter((f) => {
-    const b = d[f] ? JSON.stringify(d[f]) : null, x = JSON.stringify(h[f]);
-    return b !== x;
+    const b = d[f] ? JSON.stringify(d[f]) : null, $ = JSON.stringify(h[f]);
+    return b !== $;
   });
-  return G(e, (d) => {
+  return L(e, (d) => {
     c(l, d).forEach((v) => {
       const f = d[v];
       a[v] = Ge({ inputValue: f.value, rules: f.rules }), a[v].validate();
@@ -4520,18 +4520,18 @@ const Ge = (e) => {
         console.warn("There is no relative element or content DOM element");
         return;
       }
-      const v = l.value.getBoundingClientRect(), f = v.width, b = v.height, x = "value" in a ? a.value : a;
-      if (!x) {
+      const v = l.value.getBoundingClientRect(), f = v.width, b = v.height, $ = "value" in a ? a.value : a;
+      if (!$) {
         console.warn("Relative element is not an HTMLElement");
         return;
       }
-      const y = x.getBoundingClientRect(), { x: $, y: g } = y, M = y.width, m = y.height, H = window.innerWidth, C = window.innerHeight;
-      u.value === "top" && g - b < 0 && (u.value = "bottom"), u.value === "bottom" && g + m + b > C && (u.value = "top"), u.value === "left" && $ - f < 0 && (u.value = "right"), u.value === "right" && $ + M + f > H && (u.value = "left"), u.value === "top" && (d.value = { x: `${$ + c}px`, y: `${g + r}px` }), u.value === "bottom" && (d.value = { x: `${$ + c}px`, y: `${g + m + r}px` }), u.value === "right" && (d.value = { x: `${$ + c}px`, y: `${g + r}px` }), u.value === "left" && (d.value = { x: `${$ + M + c}px`, y: `${g + r}px` });
+      const y = $.getBoundingClientRect(), { x, y: g } = y, M = y.width, m = y.height, H = window.innerWidth, C = window.innerHeight;
+      u.value === "top" && g - b < 0 && (u.value = "bottom"), u.value === "bottom" && g + m + b > C && (u.value = "top"), u.value === "left" && x - f < 0 && (u.value = "right"), u.value === "right" && x + M + f > H && (u.value = "left"), u.value === "top" && (d.value = { x: `${x + c}px`, y: `${g + r}px` }), u.value === "bottom" && (d.value = { x: `${x + c}px`, y: `${g + m + r}px` }), u.value === "right" && (d.value = { x: `${x + c}px`, y: `${g + r}px` }), u.value === "left" && (d.value = { x: `${x + M + c}px`, y: `${g + r}px` });
     });
   };
   return { placement: u, placementCoords: d };
 }, Kx = () => {
-}, nw = "@nmorph/nmorph-ui-kit", ow = "module", aw = "0.2.90", sw = "MIT", lw = {
+}, nw = "@nmorph/nmorph-ui-kit", ow = "module", aw = "0.2.92", sw = "MIT", lw = {
   node: "18.13.0",
   npm: "8.19.3"
 }, rw = "./dist/index.d.ts", cw = "./dist/index.umd.js", iw = "./dist/index.es.js", dw = "./dist/style.css", uw = [
@@ -4693,28 +4693,28 @@ const Ge = (e) => {
   return `#${c}${u}${d}`;
 }, kw = (e) => {
   N2("warn", `NMORPH(v${fw.version})`);
-  const t = { ...xw, ...e }, a = (x) => {
+  const t = { ...xw, ...e }, a = ($) => {
     try {
-      const y = Mw(x), $ = Ke(y, t.darkShadeGeneratorCoefficient), g = Ke(y, t.lightShadeGeneratorCoefficient);
+      const y = Mw($), x = Ke(y, t.darkShadeGeneratorCoefficient), g = Ke(y, t.lightShadeGeneratorCoefficient);
       return [
-        { name: "--nmorph-dark-shade-color", color: $ },
+        { name: "--nmorph-dark-shade-color", color: x },
         { name: "--nmorph-light-shade-color", color: g }
       ];
     } catch (y) {
       console.error(y.message);
     }
-  }, l = (x) => Object.entries(x).map(([y, $]) => ({
+  }, l = ($) => Object.entries($).map(([y, x]) => ({
     name: `--nmorph-${je(y)}-color`,
-    color: $
-  })), r = (x, y) => {
-    const $ = (m) => m.map((H) => `${H.name}: ${H.color};`).join(" "), g = Object.entries(y).map(([m, H]) => `--${je(m)}: ${H};`).join(" "), M = [];
-    return Object.entries(x).forEach(([m, H]) => {
+    color: x
+  })), r = ($, y) => {
+    const x = (m) => m.map((H) => `${H.name}: ${H.color};`).join(" "), g = Object.entries(y).map(([m, H]) => `--${je(m)}: ${H};`).join(" "), M = [];
+    return Object.entries($).forEach(([m, H]) => {
       if (m === "common")
-        M.push($(bw(k2, H)));
+        M.push(x(bw(k2, H)));
       else {
         const C = `
           &[${le}='${m}'] {
-            ${$(H)}
+            ${x(H)}
           }
         `;
         M.push(C);
@@ -4726,15 +4726,15 @@ const Ge = (e) => {
       }
     `;
   }, c = {};
-  Object.entries(t.themes).forEach(([x, y]) => {
-    c[x] = [];
-    const $ = !!y.darkShade, g = !!y.lightShade;
-    !!y.main && !$ && !g && (c[x] = a(y.main)), c[x] = [...c[x], ...l(y)];
+  Object.entries(t.themes).forEach(([$, y]) => {
+    c[$] = [];
+    const x = !!y.darkShade, g = !!y.lightShade;
+    !!y.main && !x && !g && (c[$] = a(y.main)), c[$] = [...c[$], ...l(y)];
   });
   const u = document.createElement("style");
   u.type = "text/css", u.innerHTML = r(c, t.other), document.head.appendChild(u);
-  const d = (x) => {
-    h.value = x, v.setAttribute(le, h.value), t.saveCurrentThemeToLS ? localStorage.setItem(le, x) : localStorage.removeItem(le);
+  const d = ($) => {
+    h.value = $, v.setAttribute(le, h.value), t.saveCurrentThemeToLS ? localStorage.setItem(le, $) : localStorage.removeItem(le);
   }, h = w(t.defaultTheme), v = document.querySelector("html"), f = localStorage.getItem(le), b = c[f];
   return t.saveCurrentThemeToLS && b && (h.value = localStorage.getItem(le)), d(h.value), { setTheme: d, currentTheme: W2(h) };
 }, H2 = {
@@ -4905,7 +4905,12 @@ const Tw = {
     ), r = e;
     K(() => {
       v("inputDOMRef", c);
-    });
+    }), L(
+      () => r.modelValue,
+      ($) => {
+        d.value = $;
+      }
+    );
     const c = w(null), u = a !== void 0, d = u ? w(a.value) : w(r.modelValue), h = _(() => u ? a.value.includes(r.id) : r.modelValue), v = t, f = () => {
       if (!r.disabled) {
         if (!u) {
@@ -4923,7 +4928,7 @@ const Tw = {
         ]
       })
     );
-    return (x, y) => (o(), s("label", {
+    return ($, y) => (o(), s("label", {
       class: V(b.value)
     }, [
       r.design === "checkbox" ? (o(), s("div", Tw, [
@@ -4943,7 +4948,7 @@ const Tw = {
         r.label ? (o(), s("div", Rw, [
           n("span", null, R(r.label), 1)
         ])) : (o(), s("div", Fw, [
-          S(x.$slots, "default")
+          S($.$slots, "default")
         ]))
       ])) : O("", !0),
       r.design === "button" ? (o(), s("div", Ww, [
@@ -4958,7 +4963,7 @@ const Tw = {
         r.label ? (o(), s("div", Lw, [
           n("span", null, R(r.label), 1)
         ])) : (o(), s("div", Uw, [
-          S(x.$slots, "label")
+          S($.$slots, "label")
         ]))
       ])) : O("", !0)
     ], 2));
@@ -4989,7 +4994,7 @@ const Yw = { class: "nmorph-checkbox-group__wrapper" }, Gw = { class: "nmorph-ch
     }, [
       n("div", Yw, [
         n("div", Gw, [
-          (o(!0), s(U, null, Y(d.options, (v, f) => (o(), q(p(V2), {
+          (o(!0), s(Y, null, G(d.options, (v, f) => (o(), q(p(V2), {
             id: v.id,
             key: f,
             label: v.label,
@@ -5027,26 +5032,26 @@ const Xw = { class: "nmorph-autocomplete__input-content" }, Jw = {
       () => A({
         "nmorph-autocomplete": []
       })
-    ), u = ($) => {
-      l.value = $, r("update:model-value", l.value);
+    ), u = (x) => {
+      l.value = x, r("update:model-value", l.value);
     }, d = w(!1), h = w(null), v = () => {
       d.value = !1;
-    }, f = _(() => a.list.filter(($) => Object.keys($).some((g) => String($[g]).toLowerCase().includes(l.value.toLowerCase()))));
-    G(f, ($) => {
-      d.value = $.length > 0;
+    }, f = _(() => a.list.filter((x) => Object.keys(x).some((g) => String(x[g]).toLowerCase().includes(l.value.toLowerCase()))));
+    L(f, (x) => {
+      d.value = x.length > 0;
     });
-    const b = ($) => {
-      r("select", $), l.value = $.value, setTimeout(() => {
+    const b = (x) => {
+      r("select", x), l.value = x.value, setTimeout(() => {
         d.value = !1;
       });
-    }, x = () => {
+    }, $ = () => {
       d.value = f.value.length > 0;
     }, y = w(!1);
-    return G(l, async ($) => {
-      $ !== "" && a.actionCallback && (y.value = !0, await a.actionCallback(), y.value = !1);
-    }), G(y, ($) => {
-      $ && (d.value = !0);
-    }), ($, g) => (o(), s("div", {
+    return L(l, async (x) => {
+      x !== "" && a.actionCallback && (y.value = !0, await a.actionCallback(), y.value = !1);
+    }), L(y, (x) => {
+      x && (d.value = !0);
+    }), (x, g) => (o(), s("div", {
       class: V(c.value)
     }, [
       n("div", Xw, [
@@ -5062,7 +5067,7 @@ const Xw = { class: "nmorph-autocomplete__input-content" }, Jw = {
             "model-value": l.value,
             placeholder: a.placeholder,
             clearable: a.clearable,
-            onFocus: x,
+            onFocus: $,
             "onUpdate:modelValue": u
           }, null, 8, ["fill", "height", "disabled", "model-value", "placeholder", "clearable"])
         ], 512)
@@ -5075,19 +5080,19 @@ const Xw = { class: "nmorph-autocomplete__input-content" }, Jw = {
       }, {
         default: E(() => [
           y.value ? (o(), s("div", Jw, [
-            S($.$slots, "loader", {}, () => [
+            S(x.$slots, "loader", {}, () => [
               k(p(P), {
                 name: "loader",
                 size: "large"
               })
             ])
           ])) : (o(), s("div", Qw, [
-            (o(!0), s(U, null, Y(f.value, (M, m) => (o(), s("div", {
+            (o(!0), s(Y, null, G(f.value, (M, m) => (o(), s("div", {
               key: m,
               class: "nmorph-autocomplete__list-item",
               onClick: () => b(M)
             }, [
-              S($.$slots, "default", { scope: M }, () => [
+              S(x.$slots, "default", { scope: M }, () => [
                 ee(R(M.value), 1)
               ])
             ], 8, Zw))), 128))
@@ -5149,7 +5154,7 @@ const Je = /* @__PURE__ */ D({
       h.value = !1;
     }, b = () => {
       h.value = !h.value;
-    }, x = _(() => c.value ? Array.isArray(c.value) ? c.value.length === 0 ? a.placeholder : ue(c.value).join(", ") : ue(c.value) : a.placeholder), y = _(() => {
+    }, $ = _(() => c.value ? Array.isArray(c.value) ? c.value.length === 0 ? a.placeholder : ue(c.value).join(", ") : ue(c.value) : a.placeholder), y = _(() => {
       if (Array.isArray(c.value)) {
         const C = ue(c.value[0]) ?? a.startDatePlaceholder, T = ue(c.value[1]) ?? a.endDatePlaceholder;
         return {
@@ -5158,7 +5163,7 @@ const Je = /* @__PURE__ */ D({
         };
       } else
         return { from: a.startDatePlaceholder, to: a.endDatePlaceholder };
-    }), $ = () => {
+    }), x = () => {
       const C = Array.isArray(c.value) ? [] : null;
       c.value = C, u("update:model-value", c.value);
     };
@@ -5193,11 +5198,11 @@ const Je = /* @__PURE__ */ D({
             name: "calendar",
             class: "nmorph-date-picker__calendar-icon"
           }),
-          n("div", t$, R(x.value), 1),
+          n("div", t$, R($.value), 1),
           n("div", n$, [
             M.value ? (o(), q(Je, {
               key: 0,
-              onClear: $
+              onClear: x
             })) : O("", !0)
           ])
         ], 2),
@@ -5242,7 +5247,7 @@ const Je = /* @__PURE__ */ D({
           n("div", d$, [
             M.value ? (o(), q(Je, {
               key: 0,
-              onClear: $
+              onClear: x
             })) : O("", !0)
           ])
         ], 2),
@@ -5293,7 +5298,7 @@ const _$ = { class: "nmorph-year-month-picker__header" }, v$ = { class: "nmorph-
       const M = l.currentDate.getFullYear(), m = u2(M).map((H) => ({ label: String(H), value: String(H) }));
       r.value = m;
     };
-    G(
+    L(
       () => l.currentDate,
       () => {
         l.type === "year" && (d(), c.value = String(l.currentDate.getFullYear()));
@@ -5317,11 +5322,11 @@ const _$ = { class: "nmorph-year-month-picker__header" }, v$ = { class: "nmorph-
           value: H
         };
       });
-    }, x = (M) => {
+    }, $ = (M) => {
       M === "decrease" ? u.value = u.value - 1 : u.value = u.value + 1, h("update-year", String(u.value));
     }, y = (M) => {
-      M === "decrease" ? l.type === "year" ? b("decrease") : x("decrease") : l.type === "year" ? b("increase") : x("increase");
-    }, $ = _(() => l.type === "year" ? `${r.value[0].label} - ${r.value[r.value.length - 1].label}` : String(u.value)), g = () => {
+      M === "decrease" ? l.type === "year" ? b("decrease") : $("decrease") : l.type === "year" ? b("increase") : $("increase");
+    }, x = _(() => l.type === "year" ? `${r.value[0].label} - ${r.value[r.value.length - 1].label}` : String(u.value)), g = () => {
       l.type === "month" && h("back-to-years");
     };
     return (M, m) => (o(), s("div", {
@@ -5343,7 +5348,7 @@ const _$ = { class: "nmorph-year-month-picker__header" }, v$ = { class: "nmorph-
         }),
         n("div", v$, [
           k(p(j), {
-            text: $.value,
+            text: x.value,
             "style-type": "transparent",
             onClick: g
           }, null, 8, ["text"])
@@ -5388,11 +5393,11 @@ const $e = /* @__PURE__ */ D({
       })
     ), c = w(a.initialDate), u = w("calendar"), d = _(() => new Date(c.value.setMonth(c.value.getMonth() - 1))), h = _(() => new Date(c.value.setMonth(c.value.getMonth() + 1))), v = _(() => new Date(c.value.setFullYear(c.value.getFullYear() - 1))), f = _(() => new Date(c.value.setFullYear(c.value.getFullYear() + 1))), b = () => {
       c.value = d.value;
-    }, x = () => {
+    }, $ = () => {
       c.value = h.value;
     }, y = () => {
       c.value = v.value;
-    }, $ = () => {
+    }, x = () => {
       c.value = f.value;
     }, g = () => {
       u.value = "year";
@@ -5423,9 +5428,9 @@ const $e = /* @__PURE__ */ D({
           k(p(C2), {
             date: c.value,
             onPrevMonth: b,
-            onNextMonth: x,
+            onNextMonth: $,
             onPrevYear: y,
-            onNextYear: $,
+            onNextYear: x,
             onChangeYear: g,
             onChangeMonth: M
           }, null, 8, ["date"])
@@ -5549,17 +5554,17 @@ const w$ = { class: "nmorph-file-upload__trigger" }, $$ = ["multiple"], x$ = { c
   emits: ["inputDOMRef", "update:model-value", "on-unsupported-file-type-error"],
   setup(e, { emit: t }) {
     const a = e, l = (y) => y.split("/")[1], r = (y) => {
-      const $ = l(y);
+      const x = l(y);
       let g = "doc";
-      return $ in Me && (g = "image"), $ in ke && (g = "audio"), $ in be && (g = "video"), $ in He && (g = "archive"), g;
+      return x in Me && (g = "image"), x in ke && (g = "audio"), x in be && (g = "video"), x in He && (g = "archive"), g;
     };
     let c = ce(a.modelValue);
     const u = w(null), d = () => {
       u.value && u.value.click();
     }, h = (y) => {
-      const $ = y.target;
-      if ($.files) {
-        if (Array.from($.files).forEach((g) => {
+      const x = y.target;
+      if (x.files) {
+        if (Array.from(x.files).forEach((g) => {
           const M = l(g.type);
           if (!a.allowedTypes.includes(M))
             return b("on-unsupported-file-type-error", g.type);
@@ -5575,20 +5580,20 @@ const w$ = { class: "nmorph-file-upload__trigger" }, $$ = ["multiple"], x$ = { c
         c.map((y) => y.data)
       );
     }, f = (y) => {
-      const $ = c.findIndex((g) => g.data.name === y);
-      $ !== -1 && (URL.revokeObjectURL(c[$].previewUrl), c.splice($, 1), v());
+      const x = c.findIndex((g) => g.data.name === y);
+      x !== -1 && (URL.revokeObjectURL(c[x].previewUrl), c.splice(x, 1), v());
     };
     K(() => {
       b("inputDOMRef", u);
     });
-    const b = t, x = _(
+    const b = t, $ = _(
       () => A({
         nmorph: [`${a.fill && "fill"}`],
         "nmorph-file-upload": [`${a.disabled && "disabled"}`]
       })
     );
-    return (y, $) => (o(), s("div", {
-      class: V(x.value)
+    return (y, x) => (o(), s("div", {
+      class: V($.value)
     }, [
       n("div", w$, [
         n("input", {
@@ -5613,7 +5618,7 @@ const w$ = { class: "nmorph-file-upload__trigger" }, $$ = ["multiple"], x$ = { c
           tag: "div"
         }, {
           default: E(() => [
-            (o(!0), s(U, null, Y(p(c), ({ data: g, previewUrl: M }) => (o(), s("div", {
+            (o(!0), s(Y, null, G(p(c), ({ data: g, previewUrl: M }) => (o(), s("div", {
               key: g.name,
               class: "nmorph-file-upload__file"
             }, [
@@ -5698,7 +5703,7 @@ const H$ = {
         tag: "div"
       }, {
         default: E(() => [
-          (o(!0), s(U, null, Y(a.value, (u) => (o(), s("p", {
+          (o(!0), s(Y, null, G(a.value, (u) => (o(), s("p", {
             key: u,
             class: "nmorph-error-box__error"
           }, R(u), 1))), 128))
@@ -5830,17 +5835,17 @@ const T$ = { class: "nmorph-number-input__content" }, O$ = { class: "nmorph-numb
     }, b = _(() => {
       const g = a.actionBtnPositionRight ? "right" : "default";
       return f[a.height][g];
-    }), x = t, y = (g) => {
+    }), $ = t, y = (g) => {
       const M = g.target;
       let m = Number(M.value);
       r.value = m;
     };
-    G(r, (g) => {
-      g > a.max && (r.value = a.max, $.value?.blur()), r.value < a.min && (r.value = a.min, $.value?.blur()), x("update:model-value", g);
+    L(r, (g) => {
+      g > a.max && (r.value = a.max, x.value?.blur()), r.value < a.min && (r.value = a.min, x.value?.blur()), $("update:model-value", g);
     }), K(() => {
-      x("inputDOMRef", $);
+      $("inputDOMRef", x);
     });
-    const $ = w(null);
+    const x = w(null);
     return (g, M) => (o(), s("div", {
       class: V(l.value)
     }, [
@@ -5865,7 +5870,7 @@ const T$ = { class: "nmorph-number-input__content" }, O$ = { class: "nmorph-numb
           ])),
           n("input", {
             ref_key: "inputDOMRef",
-            ref: $,
+            ref: x,
             class: "nmorph-native-input",
             value: r.value,
             type: "number",
@@ -5977,18 +5982,18 @@ const L$ = { class: "nmorph-select__content" }, U$ = {
     ), b = () => {
       c.value = !c.value;
     };
-    G(c, (m) => {
+    L(c, (m) => {
       m && (h.value = !1);
     });
-    const x = () => {
+    const $ = () => {
       c.value = !1;
     };
     K(() => {
-      u.value && (d.value = `${u.value.clientHeight}px`, document.addEventListener("click", x));
+      u.value && (d.value = `${u.value.clientHeight}px`, document.addEventListener("click", $));
     }), ye(() => {
-      document.removeEventListener("click", x);
+      document.removeEventListener("click", $);
     });
-    const y = _(() => typeof r.value == "string" ? r.value === "" ? a.noElementPlaceholder : a.options.find((m) => m.value === r.value)?.label : r.value), $ = _(() => a.options.length > 0 ? a.options : a.optionsMap), g = _(() => $.value.length > 0 ? $.value.filter((H) => r.value.includes(H.value)).map((H) => ({ text: H.label, value: H.value })) : Array.isArray(r.value) ? r.value.map((H) => ({ text: H, value: H })) : [{ text: r.value, value: r.value }]);
+    const y = _(() => typeof r.value == "string" ? r.value === "" ? a.noElementPlaceholder : a.options.find((m) => m.value === r.value)?.label : r.value), x = _(() => a.options.length > 0 ? a.options : a.optionsMap), g = _(() => x.value.length > 0 ? x.value.filter((H) => r.value.includes(H.value)).map((H) => ({ text: H.label, value: H.value })) : Array.isArray(r.value) ? r.value.map((H) => ({ text: H, value: H })) : [{ text: r.value, value: r.value }]);
     N("select-selected-value", r), N("select-change-selected-value", v);
     const M = w(null);
     return (m, H) => (o(), s("div", {
@@ -6003,7 +6008,7 @@ const L$ = { class: "nmorph-select__content" }, U$ = {
         }, [
           typeof r.value == "string" ? (o(), s("div", U$, R(y.value), 1)) : O("", !0),
           r.value.length <= 0 ? (o(), s("div", Y$, R(a.noElementPlaceholder), 1)) : (o(), s("div", G$, [
-            (o(!0), s(U, null, Y(g.value, (C) => (o(), q(p(Pe), _e({
+            (o(!0), s(Y, null, G(g.value, (C) => (o(), q(p(Pe), _e({
               key: C.value,
               ref_for: !0
             }, C, {
@@ -6023,7 +6028,7 @@ const L$ = { class: "nmorph-select__content" }, U$ = {
         key: 0,
         open: c.value,
         "relative-element": M.value,
-        onOnOutsideClick: x
+        onOnOutsideClick: $
       }, {
         default: E(() => [
           n("div", {
@@ -6031,7 +6036,7 @@ const L$ = { class: "nmorph-select__content" }, U$ = {
             ref: u,
             class: "nmorph-select__options"
           }, [
-            (o(!0), s(U, null, Y(m.options, (C) => (o(), q(p(S2), _e({
+            (o(!0), s(Y, null, G(m.options, (C) => (o(), q(p(S2), _e({
               key: C.value,
               ref_for: !0
             }, C, {
@@ -6105,29 +6110,29 @@ const J$ = { class: "nmorph-slider__content" }, Q$ = { class: "nmorph-slider__in
         "nmorph-slider": [`${a.disabled && "disabled"}`]
       })
     ), r = `${Qe}px`, c = w(a.showTooltip), u = t, d = w(a.modelValue), h = w(null);
-    G(d, () => {
+    L(d, () => {
       u("update:model-value", d.value);
-    }), G(
+    }), L(
       () => a.modelValue,
       (B) => {
         d.value = B;
       }
     );
     const v = _(() => {
-      const B = f.value - f.value, z = a.max - a.min + B, W = (d.value - a.min) / z * 100, F = h.value?.clientWidth || 0, X = Qe / F * 100, L = X / 2;
-      let J = W - L;
-      const se = `${Math.max(0, Math.min(100 - X, J))}%`, Ve = `${J + L}%`;
+      const B = f.value - f.value, z = a.max - a.min + B, W = (d.value - a.min) / z * 100, F = h.value?.clientWidth || 0, X = Qe / F * 100, U = X / 2;
+      let J = W - U;
+      const se = `${Math.max(0, Math.min(100 - X, J))}%`, Ve = `${J + U}%`;
       return {
         thumb: se,
         tooltip: Ve
       };
-    }), f = w(0), b = w(0), x = () => {
+    }), f = w(0), b = w(0), $ = () => {
       f.value = window.innerWidth, b.value = window.innerHeight;
     };
     K(() => {
-      typeof window < "u" && (f.value = window.innerWidth, b.value = window.innerHeight, window.addEventListener("resize", x));
+      typeof window < "u" && (f.value = window.innerWidth, b.value = window.innerHeight, window.addEventListener("resize", $));
     }), ye(() => {
-      typeof window < "u" && (document.removeEventListener("mouseup", $), window.removeEventListener("resize", x));
+      typeof window < "u" && (document.removeEventListener("mouseup", x), window.removeEventListener("resize", $));
     });
     const y = (B) => {
       T.value = !1;
@@ -6138,10 +6143,10 @@ const J$ = { class: "nmorph-slider__content" }, Q$ = { class: "nmorph-slider__in
         W = Math.max(0, Math.min(1, F / X)), d.value = a.min + W * (a.max - a.min);
       }
       d.value = Math.round(d.value / a.step) * a.step, d.value = Math.max(a.min, Math.min(a.max, d.value));
-    }, $ = () => {
-      document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", $), T.value = !0;
+    }, x = () => {
+      document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", x), T.value = !0;
     }, g = () => {
-      a.disabled || (document.addEventListener("mousemove", y), document.addEventListener("mouseup", $));
+      a.disabled || (document.addEventListener("mousemove", y), document.addEventListener("mouseup", x));
     }, M = w(null), m = () => {
       a.showTooltip && (c.value = !0);
     }, H = () => {
@@ -6220,7 +6225,7 @@ const I$ = ["value", "disabled"], ex = { class: "nmorph-switch-thumb" }, tx = /*
     }, d = w(null);
     return K(() => {
       r("inputDOMRef", d);
-    }), G(
+    }), L(
       () => a.modelValue,
       (h) => {
         c.value = h === a.activeValue;
@@ -6290,11 +6295,11 @@ const nx = { class: "nmorph-text-input__input-side" }, ox = {
       y("focus"), v.value = !0;
     }, b = () => {
       y("blur"), v.value = !1;
-    }, x = w(null), y = t;
+    }, $ = w(null), y = t;
     K(() => {
-      y("inputDOMRef", x);
+      y("inputDOMRef", $);
     });
-    const $ = _(() => l.clearable ? "error" : u.value ? "eye-blocked" : "eye"), g = _(() => a["prepend-icon"] ? "28px" : "8px");
+    const x = _(() => l.clearable ? "error" : u.value ? "eye-blocked" : "eye"), g = _(() => a["prepend-icon"] ? "28px" : "8px");
     return (M, m) => (o(), s("div", {
       class: V(r.value)
     }, [
@@ -6304,7 +6309,7 @@ const nx = { class: "nmorph-text-input__input-side" }, ox = {
         ])) : O("", !0),
         n("input", {
           ref_key: "inputDOMRef",
-          ref: x,
+          ref: $,
           class: "nmorph-native-input",
           type: h.value,
           placeholder: l.placeholder,
@@ -6324,7 +6329,7 @@ const nx = { class: "nmorph-text-input__input-side" }, ox = {
           onClick: d
         }, {
           default: E(() => [
-            k(p(P), { name: $.value }, null, 8, ["name"])
+            k(p(P), { name: x.value }, null, 8, ["name"])
           ]),
           _: 1
         }, 8, ["height"])) : O("", !0)
@@ -6360,9 +6365,9 @@ const sx = { class: "nmorph-time-picker__content" }, lx = { class: "nmorph-time-
         nmorph: [te[a.height]],
         "nmorph-time-picker": [`${a.disabled && "disabled"}`, `${u.value && "open"}`]
       })
-    ), b = Array.from({ length: 24 }, (B, z) => z), x = Array.from({ length: 60 }, (B, z) => z), y = () => {
+    ), b = Array.from({ length: 24 }, (B, z) => z), $ = Array.from({ length: 60 }, (B, z) => z), y = () => {
       h.value = !1, l("update:model-value", D2(d.value));
-    }, $ = (B) => {
+    }, x = (B) => {
       const z = B;
       d.value = [z, d.value[1], d.value[2]], y();
     }, g = (B) => {
@@ -6374,7 +6379,7 @@ const sx = { class: "nmorph-time-picker__content" }, lx = { class: "nmorph-time-
     }, m = () => {
       u.value = !1;
     };
-    G(u, (B) => {
+    L(u, (B) => {
       l("on-change-open-close", B);
     }), (() => {
       if (h.value)
@@ -6421,11 +6426,11 @@ const sx = { class: "nmorph-time-picker__content" }, lx = { class: "nmorph-time-
                   "selected-value": d.value[0],
                   "step-height": we,
                   "disabled-range": B.disabledHours,
-                  onValueChanged: $
+                  onValueChanged: x
                 }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
                 k(W, {
                   "set-value-on-mount": !h.value,
-                  values: p(x),
+                  values: p($),
                   "selected-value": d.value[1],
                   "disabled-range": B.disabledMinutes,
                   "step-height": we,
@@ -6433,7 +6438,7 @@ const sx = { class: "nmorph-time-picker__content" }, lx = { class: "nmorph-time-
                 }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
                 k(W, {
                   "set-value-on-mount": !h.value,
-                  values: p(x),
+                  values: p($),
                   "disabled-range": B.disabledSeconds,
                   "selected-value": d.value[2],
                   "step-height": we,
@@ -6550,7 +6555,7 @@ const yx = { class: "nmorph-radio-group__wrapper" }, Mx = { class: "nmorph-radio
   emits: ["update:model-value"],
   setup(e, { emit: t }) {
     const a = e, l = w(a.modelValue);
-    G(
+    L(
       () => a.modelValue,
       (d) => {
         l.value = d;
@@ -6566,7 +6571,7 @@ const yx = { class: "nmorph-radio-group__wrapper" }, Mx = { class: "nmorph-radio
     }, [
       n("div", yx, [
         n("div", Mx, [
-          (o(!0), s(U, null, Y(d.options, (v) => (o(), q(p(T2), {
+          (o(!0), s(Y, null, G(d.options, (v) => (o(), q(p(T2), {
             key: v.value,
             label: v.label,
             value: v.value,
@@ -6588,7 +6593,7 @@ const bx = /* @__PURE__ */ D({
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    Z((x) => ({
+    Z(($) => ({
       "28ac814d": r.value,
       "5c1e7dcc": c.value
     }));
@@ -6596,10 +6601,10 @@ const bx = /* @__PURE__ */ D({
       () => A({
         "nmorph-backtop": [`${v.value && "show"}`]
       })
-    ), d = w(null), h = w(null), v = w(!1), f = (x) => {
-      if (!x)
+    ), d = w(null), h = w(null), v = w(!1), f = ($) => {
+      if (!$)
         return;
-      const y = x.target;
+      const y = $.target;
       v.value = y.scrollTop > a.visibilityHeight;
     }, b = () => {
       l("click"), d.value && d.value.scrollTo({
@@ -6612,7 +6617,7 @@ const bx = /* @__PURE__ */ D({
       h.value && (d.value = h.value.parentElement, d.value?.addEventListener("scroll", f));
     }), ye(() => {
       d.value && d.value?.removeEventListener("scroll", f);
-    }), (x, y) => (o(), s("div", {
+    }), ($, y) => (o(), s("div", {
       ref_key: "selfDOMEl",
       ref: h,
       class: V(u.value)
@@ -6620,7 +6625,7 @@ const bx = /* @__PURE__ */ D({
       n("div", {
         onClick: oe(b, ["stop"])
       }, [
-        S(x.$slots, "default", {}, () => [
+        S($.$slots, "default", {}, () => [
           k(p(j), null, {
             default: E(() => [
               k(p(P), {
@@ -6655,7 +6660,7 @@ const kx = ["id"], Hx = {
       class: V(r.value)
     }, [
       S(c.$slots, "default"),
-      (o(!0), s(U, null, Y(a.value, (d, h) => (o(), s("div", {
+      (o(!0), s(Y, null, G(a.value, (d, h) => (o(), s("div", {
         key: h,
         class: "nmorph-breadcrumb__content"
       }, [
@@ -6779,7 +6784,7 @@ const Bx = { class: "nmorph-tabs__label-list" }, Cx = ["id", "onClick"], Sx = {
     }, [
       S(h.$slots, "default"),
       n("div", Bx, [
-        (o(!0), s(U, null, Y(u.value, (f) => (o(), s("div", {
+        (o(!0), s(Y, null, G(u.value, (f) => (o(), s("div", {
           id: p(Re)(p(d), f.name),
           key: f.name,
           class: V(["nmorph-tabs__label", [
@@ -6791,7 +6796,7 @@ const Bx = { class: "nmorph-tabs__label-list" }, Cx = ["id", "onClick"], Sx = {
       ]),
       n("div", Sx, [
         n("div", Ax, [
-          (o(!0), s(U, null, Y(u.value, (f) => Ce((o(), s("div", {
+          (o(!0), s(Y, null, G(u.value, (f) => Ce((o(), s("div", {
             id: p(Fe)(p(d), f.name),
             key: f.name
           }, null, 8, Dx)), [
@@ -6913,7 +6918,7 @@ const Px = /* @__PURE__ */ D({
         tag: "div"
       }, {
         default: E(() => [
-          (o(!0), s(U, null, Y(l.value, (v) => (o(), s("div", {
+          (o(!0), s(Y, null, G(l.value, (v) => (o(), s("div", {
             key: v.id,
             style: I({ width: v.width }),
             class: "nmorph-notification-provider__notification"