@nmorph/nmorph-ui-kit 0.2.50 → 0.2.51

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 z, createElementVNode as n, createBlock as q, unref as v, renderSlot as S, toDisplayString as R, createCommentVNode as O, useCssVars as I, normalizeStyle as N, resolveDynamicComponent as R2, createStaticVNode as Xe, createTextVNode as ee, inject as Q, onUnmounted as $e, onMounted as K, nextTick as ue, watch as U, mergeProps as we, withDirectives as Je, vShow as Qe, reactive as ce, createVNode as k, withCtx as E, Fragment as Y, renderList as G, provide as Z, Teleport as he, withModifiers as oe, useSlots as Ze, readonly as F2, TransitionGroup as _e, withKeys as j2, resolveComponent as Ne, pushScopeId as W2, popScopeId as L2 } from "vue";
+import { defineComponent as D, computed as _, ref as w, openBlock as o, createElementBlock as s, normalizeClass as z, createElementVNode as n, createBlock as q, unref as p, renderSlot as S, toDisplayString as R, createCommentVNode as O, useCssVars as I, normalizeStyle as N, resolveDynamicComponent as R2, createStaticVNode as Xe, createTextVNode as ee, inject as Q, onUnmounted as $e, onMounted as K, nextTick as ue, watch as U, mergeProps as we, withDirectives as Je, vShow as Qe, reactive as ce, createVNode as k, withCtx as E, Fragment as Y, renderList as G, provide as Z, Teleport as he, withModifiers as oe, useSlots as Ze, readonly as F2, TransitionGroup as _e, withKeys as j2, resolveComponent as Ne, pushScopeId as W2, popScopeId as L2 } from "vue";
 import { createI18n as U2 } from "vue-i18n";
 var te = /* @__PURE__ */ ((e) => (e.thick = "thick-component", e.default = "default-height-component", e.thin = "thin-component", e))(te || {}), Y2 = /* @__PURE__ */ ((e) => (e.ascending = "ascending", e.descending = "descending", e))(Y2 || {}), G2 = /* @__PURE__ */ ((e) => (e.row = "row", e.column = "column", e))(G2 || {}), Ie = /* @__PURE__ */ ((e) => (e.inset = "inset", e.outset = "outset", e.combined = "combined", e))(Ie || {}), e2 = /* @__PURE__ */ ((e) => (e.accent = "accent", e.success = "success", e.error = "error", e.warning = "warning", e))(e2 || {}), c = /* @__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))(c || {}), K2 = /* @__PURE__ */ ((e) => (e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(K2 || {}), X2 = /* @__PURE__ */ ((e) => (e.fill = "fill", e.contain = "contain", e.cover = "cover", e.none = "none", e["scale-down"] = "scale-down", e))(X2 || {}), ae = /* @__PURE__ */ ((e) => (e.en = "en", e.ru = "ru", e))(ae || {});
 const J2 = (e, t) => {
@@ -65,7 +65,7 @@ const J2 = (e, t) => {
       default: "medium",
       thick: "large"
     }, h = _(() => d[l.height]);
-    return t({ buttonRef: i }), (p, f) => (o(), s("div", {
+    return t({ buttonRef: i }), (v, f) => (o(), s("div", {
       class: z(r.value)
     }, [
       n("button", {
@@ -77,18 +77,18 @@ const J2 = (e, t) => {
         type: l.type,
         onClick: f[0] || (f[0] = (b) => u("click"))
       }, [
-        l.icon ? (o(), q(v(P), {
+        l.icon ? (o(), q(p(P), {
           key: 0,
           name: l.icon
         }, null, 8, ["name"])) : (o(), s("div", N2, [
-          S(p.$slots, "default"),
+          S(v.$slots, "default"),
           !l.loading && l.text !== "" ? (o(), s("span", I2, R(l.text), 1)) : O("", !0),
-          l.loading ? (o(), q(v(P), {
+          l.loading ? (o(), q(p(P), {
             key: 1,
             name: "loader",
             size: h.value
           }, null, 8, ["size"])) : O("", !0),
-          S(p.$slots, "append")
+          S(v.$slots, "append")
         ]))
       ], 8, Z2)
     ], 2));
@@ -128,7 +128,7 @@ const et = {
       style: N(l.value)
     }, [
       t.name ? (o(), s("div", et, [
-        (o(), q(R2(v(s2)[t.name])))
+        (o(), q(R2(p(s2)[t.name])))
       ])) : S(i.$slots, "default", { key: 1 })
     ], 6));
   }
@@ -2829,7 +2829,7 @@ const Cf = { render: Bf }, s2 = {
       }, [
         S(l.$slots, "prepend"),
         ee(" " + R(l.text) + " ", 1),
-        l.iconName ? (o(), q(v(P), {
+        l.iconName ? (o(), q(p(P), {
           key: 0,
           class: "nmorph-link__icon",
           name: t.iconName,
@@ -2877,7 +2877,7 @@ const Df = /* @__PURE__ */ D({
       "6bd9d972": $.value,
       "14db4a0a": g.value
     }));
-    const l = e, r = w(null), i = _(() => l.scrollYProp), u = _(() => l.scrollXProp), d = w(!1), h = w(!1), p = () => {
+    const l = e, r = w(null), i = _(() => 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), M = _(
       () => l.scrollYProp === "hidden" || !d.value ? "0" : `${f.value}px`
@@ -2911,7 +2911,7 @@ const Df = /* @__PURE__ */ D({
       });
     };
     K(() => {
-      F(l.modelValue), ue(p);
+      F(l.modelValue), ue(v);
     }), U(
       () => l.modelValue,
       (ne) => {
@@ -2921,7 +2921,7 @@ const Df = /* @__PURE__ */ D({
     ), U(
       () => x?.browser.dimensions,
       () => {
-        ue(p);
+        ue(v);
       },
       { deep: !0, immediate: !0 }
     );
@@ -2936,7 +2936,7 @@ const Df = /* @__PURE__ */ D({
       ref_key: "scrollDOMContainer",
       ref: r,
       class: j.value
-    }, v(se), {
+    }, p(se), {
       onScroll: B,
       onMouseenter: He,
       onMouseleave: q2
@@ -2959,7 +2959,7 @@ const Tf = ["src", "srcset", "alt"], Of = { class: "nmorph-avatar__fallback" },
   emits: ["error"],
   setup(e, { emit: t }) {
     I((f) => ({
-      75318566: p.value,
+      75318566: v.value,
       "6c0db3e8": f.fit
     }));
     const a = e, l = t, r = w(!1), i = _(
@@ -2974,7 +2974,7 @@ const Tf = ["src", "srcset", "alt"], Of = { class: "nmorph-avatar__fallback" },
       l("error"), r.value = !0;
     }, h = () => {
       r.value = !1;
-    }, p = _(() => ` ${a.size}px`);
+    }, v = _(() => ` ${a.size}px`);
     return (f, b) => (o(), s("div", {
       class: z(i.value)
     }, [
@@ -3012,8 +3012,8 @@ const qf = {
     offsetX: { default: 0 }
   },
   setup(e) {
-    I((p) => ({
-      "22efcb97": p.color
+    I((v) => ({
+      "22efcb97": v.color
     }));
     const t = e, a = _(
       () => A({
@@ -3024,18 +3024,18 @@ const qf = {
         "nmorph-badge__container": [`${t.hidden && "hidden"}`]
       })
     ), r = _(() => typeof Number(t.value) == "number" && Number(t.value) > t.max ? `${t.max}+` : t.value), i = _(() => {
-      const p = `-${d?.value / 2 + t.offsetX}px`, f = `-${h?.value / 2 + t.offsetY}px`;
+      const v = `-${d?.value / 2 + t.offsetX}px`, f = `-${h?.value / 2 + t.offsetY}px`;
       return {
-        x: p,
+        x: v,
         y: f
       };
     }), u = w(null), d = w(0), h = w(0);
     return K(() => {
       u.value && (d.value = u.value.clientWidth, h.value = u.value.clientHeight);
-    }), (p, f) => (o(), s("div", {
+    }), (v, f) => (o(), s("div", {
       class: z(a.value)
     }, [
-      S(p.$slots, "default"),
+      S(v.$slots, "default"),
       n("div", {
         ref_key: "badge",
         ref: u,
@@ -3065,7 +3065,7 @@ const Ff = ["data-date", "onClick"], i2 = /* @__PURE__ */ D({
       })
     ), i = w(a.initialDate), u = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], d = w(a.modelValue);
     let h = ce([]);
-    const p = async () => {
+    const v = async () => {
       h = [], v2(i, a.range).forEach((B) => {
         const V = {};
         B.forEach((j, F) => {
@@ -3074,8 +3074,8 @@ const Ff = ["data-date", "onClick"], i2 = /* @__PURE__ */ D({
         }), h.push(V);
       });
     };
-    p(), U(i, () => {
-      p(), l("update-initial-date", i.value);
+    v(), U(i, () => {
+      v(), l("update-initial-date", i.value);
     }), U(
       () => a.initialDate,
       (T) => {
@@ -3113,7 +3113,7 @@ const Ff = ["data-date", "onClick"], i2 = /* @__PURE__ */ D({
       class: z(r.value)
     }, [
       S(T.$slots, "header", {}, () => [
-        k(v(p2), {
+        k(p(p2), {
           year: i.value.getFullYear(),
           month: i.value.getMonth(),
           "show-previous-month-button": m.value.showPreviousMonthButton,
@@ -3125,19 +3125,19 @@ const Ff = ["data-date", "onClick"], i2 = /* @__PURE__ */ D({
         }, null, 8, ["year", "month", "show-previous-month-button", "show-today-button", "show-next-month-button"])
       ]),
       S(T.$slots, "content", {}, () => [
-        k(v(g2), {
-          data: v(h),
+        k(p(g2), {
+          data: p(h),
           bordered: "",
           "row-hover": !1
         }, {
           default: E(() => [
-            (o(), s(Y, null, G(u, (V) => k(v($2), {
+            (o(), s(Y, null, G(u, (V) => k(p($2), {
               key: `${V}`,
               prop: V,
               label: V.toUpperCase()
             }, {
               default: E(({ scope: j }) => [
-                (o(!0), s(Y, null, G(j.rows, (F, X) => (o(), q(v(w2), {
+                (o(!0), s(Y, null, G(j.rows, (F, X) => (o(), q(p(w2), {
                   key: X,
                   row: X
                 }, {
@@ -3280,21 +3280,21 @@ const Se = [
       class: z(r.value)
     }, [
       S(i.$slots, "default", {}, () => [
-        n("h2", Wf, R(a.year) + " " + R(v(Ae)(a.month)), 1),
+        n("h2", Wf, R(a.year) + " " + R(p(Ae)(a.month)), 1),
         n("div", Lf, [
-          i.showPreviousMonthButton ? (o(), q(v(W), {
+          i.showPreviousMonthButton ? (o(), q(p(W), {
             key: 0,
             class: "nmorph-calendar-header__action",
             text: "Previous month",
             onClick: u[0] || (u[0] = (d) => l("click-previous-month"))
           })) : O("", !0),
-          i.showTodayButton ? (o(), q(v(W), {
+          i.showTodayButton ? (o(), q(p(W), {
             key: 1,
             class: "nmorph-calendar-header__action",
             text: "Today",
             onClick: u[1] || (u[1] = (d) => l("click-today"))
           })) : O("", !0),
-          i.showNextMonthButton ? (o(), q(v(W), {
+          i.showNextMonthButton ? (o(), q(p(W), {
             key: 2,
             class: "nmorph-calendar-header__action",
             text: "Next month",
@@ -3346,8 +3346,8 @@ const Xf = ["id"], Jf = { class: "nmorph-carousel__elements-indicator" }, Qf = [
       () => A({
         "nmorph-carousel": []
       })
-    ), h = w([]), p = ve();
-    Z("carousel-data", { data: h, carouselId: p });
+    ), h = w([]), v = ve();
+    Z("carousel-data", { data: h, carouselId: v });
     const f = w(null), b = ce({}), M = () => {
       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;
@@ -3377,7 +3377,7 @@ const Xf = ["id"], Jf = { class: "nmorph-carousel__elements-indicator" }, Qf = [
         style: N({ transform: g.value })
       }, [
         (o(!0), s(Y, null, G(h.value, (B, V) => (o(), s("div", {
-          id: `nmorph-carousel-item-${v(p)}-${B}`,
+          id: `nmorph-carousel-item-${p(v)}-${B}`,
           key: B,
           ref_for: !0,
           ref: (j) => $(j, V),
@@ -3399,13 +3399,13 @@ const Xf = ["id"], Jf = { class: "nmorph-carousel__elements-indicator" }, Qf = [
         class: "nmorph-carousel__action-btn nmorph-carousel__prev",
         onClick: l
       }, [
-        k(v(P), { name: "chevron-down" })
+        k(p(P), { name: "chevron-down" })
       ]),
       n("div", {
         class: "nmorph-carousel__action-btn nmorph-carousel__next",
         onClick: r
       }, [
-        k(v(P), { name: "chevron-down" })
+        k(p(P), { name: "chevron-down" })
       ]),
       S(C.$slots, "default")
     ], 2));
@@ -3429,7 +3429,7 @@ const Nf = /* @__PURE__ */ D({
       class: z(a.value)
     }, [
       (o(), q(he, {
-        to: `#nmorph-carousel-item-${v(l)?.carouselId}-${t.name}`
+        to: `#nmorph-carousel-item-${p(l)?.carouselId}-${t.name}`
       }, [
         S(i.$slots, "default")
       ], 8, ["to"]))
@@ -3456,8 +3456,8 @@ const Nf = /* @__PURE__ */ D({
       else if (!Array.isArray(l.value))
         l.value = [d];
       else {
-        const p = l.value.indexOf(d);
-        h && p === -1 && l.value.push(d), !h && p !== -1 && l.value.splice(p, 1);
+        const v = l.value.indexOf(d);
+        h && v === -1 && l.value.push(d), !h && v !== -1 && l.value.splice(v, 1);
       }
       i("update:modelValue", l.value);
     };
@@ -3492,7 +3492,7 @@ const Nf = /* @__PURE__ */ D({
       () => A({
         nmorph: [te[a.height]]
       })
-    ), d = Q("collapse-data", void 0), h = Q("update-model", void 0), p = w(null), f = w(0), b = () => {
+    ), d = Q("collapse-data", void 0), h = Q("update-model", void 0), v = w(null), f = w(0), b = () => {
       a.block || (r.value = !r.value, h && (h(a.name, r.value), l("click-item", { id: a.name, isOpen: r.value })));
     };
     return K(() => {
@@ -3504,7 +3504,7 @@ const Nf = /* @__PURE__ */ D({
       },
       { deep: !0 }
     ), U(r, () => {
-      f.value = r.value && p.value ? p.value?.clientHeight : 0;
+      f.value = r.value && v.value ? v.value?.clientHeight : 0;
     }), (M, y) => (o(), s("div", {
       class: z(i.value),
       onClick: oe(b, ["stop"])
@@ -3522,7 +3522,7 @@ const Nf = /* @__PURE__ */ D({
       }, [
         n("div", {
           ref_key: "collapseItemDOMElContent",
-          ref: p,
+          ref: v,
           class: "nmorph-collapse-item__inner-wrapper"
         }, [
           S(M.$slots, "default")
@@ -3560,7 +3560,7 @@ const tg = ["src", "alt", "srcset"], ng = {
         "nmorph-image": []
       })
     ), d = _(() => t.fit);
-    return (h, p) => (o(), s("div", {
+    return (h, v) => (o(), s("div", {
       class: z(u.value)
     }, [
       n("img", {
@@ -3608,7 +3608,7 @@ const ag = { class: "nmorph-image-preview__content" }, sg = {
       })
     ), i = w(a.initialIndex), u = _(() => typeof a.src == "string" ? a.src : a.src[i.value]), d = w(1), h = () => {
       l.value = !0, V("on-open");
-    }, p = () => {
+    }, v = () => {
       l.value = !1, V("on-close");
     }, f = () => {
       m.value = m.value + 90, m.value >= 360 && (m.value = 0);
@@ -3662,19 +3662,19 @@ const ag = { class: "nmorph-image-preview__content" }, sg = {
         class: "nmorph-image-preview__trigger",
         onClick: h
       }, [
-        k(v(ze), {
+        k(p(ze), {
           src: u.value,
           alt: a.alt,
           fit: "cover"
         }, null, 8, ["src", "alt"])
       ]),
-      k(v(ke), {
+      k(p(ke), {
         show: l.value,
-        onOnOutsideClick: p
+        onOnOutsideClick: v
       }, {
         default: E(() => [
           n("div", ag, [
-            k(v(ze), {
+            k(p(ze), {
               src: u.value,
               alt: a.alt,
               fit: "cover",
@@ -3682,17 +3682,17 @@ const ag = { class: "nmorph-image-preview__content" }, sg = {
             }, null, 8, ["src", "alt", "style"])
           ]),
           j.value ? (o(), s("div", sg, [
-            k(v(W), { onClick: H }, {
+            k(p(W), { onClick: H }, {
               default: E(() => [
-                k(v(P), { name: "chevron-down" })
+                k(p(P), { name: "chevron-down" })
               ]),
               _: 1
             })
           ])) : O("", !0),
           j.value ? (o(), s("div", lg, [
-            k(v(W), { onClick: C }, {
+            k(p(W), { onClick: C }, {
               default: E(() => [
-                k(v(P), { name: "chevron-down" })
+                k(p(P), { name: "chevron-down" })
               ]),
               _: 1
             })
@@ -3702,11 +3702,11 @@ const ag = { class: "nmorph-image-preview__content" }, sg = {
               key: J,
               class: "nmorph-image-preview__action-element"
             }, [
-              k(v(W), {
+              k(p(W), {
                 onClick: L.handler
               }, {
                 default: E(() => [
-                  k(v(P), {
+                  k(p(P), {
                     name: L.icon
                   }, null, 8, ["name"])
                 ]),
@@ -3714,12 +3714,12 @@ const ag = { class: "nmorph-image-preview__content" }, sg = {
               }, 1032, ["onClick"])
             ])), 64)),
             n("div", cg, [
-              k(v(W), {
+              k(p(W), {
                 disabled: d.value === 1,
                 onClick: T.value.handler
               }, {
                 default: E(() => [
-                  k(v(P), {
+                  k(p(P), {
                     name: T.value.icon
                   }, null, 8, ["name"])
                 ]),
@@ -3753,7 +3753,7 @@ const ig = /* @__PURE__ */ D({
       h.value = String(Number(h.value) - 1);
     }, d = () => {
       h.value = String(Number(h.value) + 1);
-    }, h = w(String(a.modelValue)), p = _(() => {
+    }, h = w(String(a.modelValue)), v = _(() => {
       const g = a.total / a.pagerCount + 1, x = g % 1 === 0 ? -1 : 0;
       return Array.from({ length: g + x }, (m, H) => ({ value: String(H + 1), label: String(H + 1) }));
     }), f = _(() => a.hideOnSinglePage || a.total / a.pagerCount > 1);
@@ -3767,7 +3767,7 @@ const ig = /* @__PURE__ */ D({
     );
     const b = (g) => {
       h.value = g;
-    }, M = _(() => Number(h.value) === 1), y = _(() => p.value.length === Number(h.value)), $ = () => {
+    }, M = _(() => Number(h.value) === 1), y = _(() => v.value.length === Number(h.value)), $ = () => {
       const g = Number(h.value) * a.pagerCount, x = g - a.pagerCount;
       r.value = [x, g], l("update:range", r.value);
     };
@@ -3777,33 +3777,33 @@ const ig = /* @__PURE__ */ D({
       key: 0,
       class: z(i.value)
     }, [
-      k(v(W), {
+      k(p(W), {
         class: "nmorph-pagination__btn",
         disabled: M.value || a.disabled,
         onClick: u
       }, {
         default: E(() => [
-          k(v(P), {
+          k(p(P), {
             name: "chevron-down",
             class: "nmorph-pagination__prev"
           })
         ]),
         _: 1
       }, 8, ["disabled"]),
-      k(v(Oe), {
+      k(p(Oe), {
         "model-value": h.value,
-        options: p.value,
+        options: v.value,
         class: "nmorph-pagination__page",
         disabled: a.disabled,
         "onUpdate:modelValue": b
       }, null, 8, ["model-value", "options", "disabled"]),
-      k(v(W), {
+      k(p(W), {
         class: "nmorph-pagination__btn",
         disabled: y.value || a.disabled,
         onClick: d
       }, {
         default: E(() => [
-          k(v(P), {
+          k(p(P), {
             name: "chevron-down",
             class: "nmorph-pagination__next"
           })
@@ -3849,7 +3849,7 @@ const dg = {
       () => A({
         "nmorph-progress": []
       })
-    ), l = _(() => `${t.percentage}%`), r = _(() => Array.isArray(t.color) ? t.color.find((M) => M.percentage <= t.percentage)?.color : typeof t.color == "function" ? t.color(t.percentage) : t.color), i = _(() => t.indeterminate ? "var(--animation)" : "none"), u = w(null), d = w(1), h = _(() => `${d.value} ${d.value}`), p = _(() => d.value - t.percentage / 100 * d.value);
+    ), l = _(() => `${t.percentage}%`), r = _(() => Array.isArray(t.color) ? t.color.find((M) => M.percentage <= t.percentage)?.color : typeof t.color == "function" ? t.color(t.percentage) : t.color), i = _(() => 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);
     });
@@ -3891,7 +3891,7 @@ const dg = {
             cy: t.circleSize / 2,
             r: t.circleSize / 2 - 2,
             "stroke-dasharray": h.value,
-            "stroke-dashoffset": p.value
+            "stroke-dashoffset": v.value
           }, null, 8, gg)
         ], 8, fg))
       ])) : O("", !0)
@@ -3924,7 +3924,7 @@ const $g = {
       class: z(a.value)
     }, [
       t.rows && t.loading ? (o(), s("div", $g, [
-        (o(!0), s(Y, null, G(t.rows, (i) => (o(), q(v(f2), { key: i }))), 128))
+        (o(!0), s(Y, null, G(t.rows, (i) => (o(), q(p(f2), { key: i }))), 128))
       ])) : t.loading ? (o(), s("div", xg, [
         S(l.$slots, "template")
       ])) : (o(), s("div", yg, [
@@ -3948,7 +3948,7 @@ const bg = { class: "nmorph-skeleton-item__element" }, f2 = /* @__PURE__ */ D({
       class: z(a.value)
     }, [
       n("div", bg, [
-        t.variant === "image" ? (o(), q(v(P), {
+        t.variant === "image" ? (o(), q(p(P), {
           key: 0,
           name: "image",
           width: "50%"
@@ -3975,19 +3975,19 @@ const me = "10px", kg = /* @__PURE__ */ D({
     return (u, d) => (o(), s("div", {
       class: z(r.value)
     }, [
-      k(v(W), {
+      k(p(W), {
         height: "thin",
         "style-type": "transparent",
         onClick: i
       }, {
         default: E(() => [
-          k(v(P), {
+          k(p(P), {
             name: "triangle-down",
             class: "nmorph-sort-button__icon-up",
             width: me,
             height: me
           }),
-          k(v(P), {
+          k(p(P), {
             name: "triangle-down",
             class: "nmorph-sort-button__icon-down",
             width: me,
@@ -4026,7 +4026,7 @@ const Hg = { class: "nmorph-table__wrapper" }, Vg = { class: "nmorph-table__head
     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), x = d.value.length - $;
       return u.value?.clientWidth ? (u.value?.clientWidth - g) / x : 0;
-    }), p = (y) => y !== "" ? y : h.value, f = w(0);
+    }), v = (y) => y !== "" ? y : h.value, f = w(0);
     U(
       () => t.data,
       () => {
@@ -4048,8 +4048,8 @@ const Hg = { class: "nmorph-table__wrapper" }, Vg = { class: "nmorph-table__head
           n("colgroup", null, [
             (o(!0), s(Y, null, G(d.value, (g) => (o(), s("col", {
               key: g.prop,
-              style: N({ width: `${p(g.width)}px` }),
-              "data-src": `${p(g.width)}px`
+              style: N({ width: `${v(g.width)}px` }),
+              "data-src": `${v(g.width)}px`
             }, null, 12, zg))), 128))
           ]),
           n("thead", null, [
@@ -4081,7 +4081,7 @@ const Hg = { class: "nmorph-table__wrapper" }, Vg = { class: "nmorph-table__head
             n("colgroup", null, [
               (o(!0), s(Y, null, G(d.value, (g) => (o(), s("col", {
                 key: g.prop,
-                style: N({ width: `${p(g.width)}px` })
+                style: N({ width: `${v(g.width)}px` })
               }, null, 4))), 128))
             ]),
             n("tbody", null, [
@@ -4094,7 +4094,7 @@ const Hg = { class: "nmorph-table__wrapper" }, Vg = { class: "nmorph-table__head
                   class: z([{ "nmorph-table__table-data--bordered": t.bordered }, "nmorph-table__table-data"])
                 }, [
                   n("div", {
-                    id: `table-cell-${v(M)}-${x}-${m.prop}`,
+                    id: `table-cell-${p(M)}-${x}-${m.prop}`,
                     style: N({ "text-align": m.alignment }),
                     class: "nmorph-table__cell nmorph-table__cell--data"
                   }, R(b(g[m.prop])), 13, Ag)
@@ -4106,7 +4106,7 @@ const Hg = { class: "nmorph-table__wrapper" }, Vg = { class: "nmorph-table__head
             n("colgroup", null, [
               (o(!0), s(Y, null, G(d.value, (g) => (o(), s("col", {
                 key: g.prop,
-                style: N({ width: `${p(g.width)}px` })
+                style: N({ width: `${v(g.width)}px` })
               }, null, 4))), 128))
             ]),
             n("tbody", Dg, [
@@ -4165,14 +4165,14 @@ const w2 = /* @__PURE__ */ D({
       const { columns: h } = t;
       i.value = h.value.length + 1, t.columns.value = [...h.value, { ...l, id: i.value }];
     }, d = w(null);
-    return (h, p) => (o(), s("div", {
+    return (h, v) => (o(), s("div", {
       ref_key: "columnDOMEl",
       ref: d,
       "data-id": i.value,
       class: z(r.value)
     }, [
       S(h.$slots, "default", {
-        scope: { columns: v(t)?.columns.value, rows: v(t)?.rows.value, tableId: v(a) }
+        scope: { columns: p(t)?.columns.value, rows: p(t)?.rows.value, tableId: p(a) }
       })
     ], 10, Tg));
   }
@@ -4200,7 +4200,7 @@ const w2 = /* @__PURE__ */ D({
     }, [
       n("div", Og, [
         n("span", null, R(u.text), 1),
-        a.removable ? (o(), q(v(P), {
+        a.removable ? (o(), q(p(P), {
           key: 0,
           class: "nmorph-tag__close-icon",
           name: "error",
@@ -4244,7 +4244,7 @@ const Pg = ["innerHTML"], qg = {
       [re.info]: "info-filled",
       [re.error]: "circle-close-filled"
     }, d = Ze();
-    return (h, p) => v(d).default || a.title || a.content ? (o(), s("div", {
+    return (h, v) => p(d).default || a.title || a.content ? (o(), s("div", {
       key: 0,
       class: z(r.value)
     }, [
@@ -4256,7 +4256,7 @@ const Pg = ["innerHTML"], qg = {
         n("div", Eg, [
           a.showIcon ? (o(), s("div", Rg, [
             S(h.$slots, "icon", {}, () => [
-              k(v(P), {
+              k(p(P), {
                 name: u[a.type],
                 size: "medium"
               }, null, 8, ["name"])
@@ -4264,7 +4264,7 @@ const Pg = ["innerHTML"], qg = {
           ])) : O("", !0),
           n("div", Fg, [
             n("div", jg, [
-              a.title || v(d).title ? S(h.$slots, "title", { key: 0 }, () => [
+              a.title || p(d).title ? S(h.$slots, "title", { key: 0 }, () => [
                 ee(R(a.title), 1)
               ], !0) : O("", !0)
             ]),
@@ -4280,7 +4280,7 @@ const Pg = ["innerHTML"], qg = {
           class: "nmorph-alert__close",
           onClick: i
         }, [
-          k(v(P), {
+          k(p(P), {
             name: "cross",
             width: "14px",
             height: "14px"
@@ -4320,24 +4320,24 @@ const Ug = { class: "nmorph-dialog__header" }, Yg = { class: "nmorph-dialog__tit
         "nmorph-dialog": []
       })
     ), i = _(() => a.width), u = _(() => a.zIndex), d = w(a.modelValue);
-    let h = null, p = null;
+    let h = null, v = null;
     U(
       () => a.modelValue,
       (b) => {
-        b ? (p && clearTimeout(p), h = setTimeout(() => {
+        b ? (v && clearTimeout(v), h = setTimeout(() => {
           d.value = !0;
-        }, a.openDelay)) : (h && clearTimeout(h), p = setTimeout(() => {
+        }, a.openDelay)) : (h && clearTimeout(h), v = setTimeout(() => {
           d.value = !1;
         }, a.closeDelay));
       },
       { immediate: !0 }
     );
     const f = () => {
-      l("on-close"), h && clearTimeout(h), p = setTimeout(() => {
+      l("on-close"), h && clearTimeout(h), v = setTimeout(() => {
         l("update:modelValue", !1);
       }, a.closeDelay);
     };
-    return (b, M) => (o(), q(v(ke), {
+    return (b, M) => (o(), q(p(ke), {
       show: d.value,
       onOnOutsideClick: f
     }, {
@@ -4353,7 +4353,7 @@ const Ug = { class: "nmorph-dialog__header" }, Yg = { class: "nmorph-dialog__tit
                 class: "nmorph-dialog__close-icon",
                 onClick: f
               }, [
-                k(v(P), { name: "cross" })
+                k(p(P), { name: "cross" })
               ])) : O("", !0)
             ])
           ]),
@@ -4376,10 +4376,10 @@ const Le = (e) => {
     validate: () => {
       if (t === null || !a.length)
         return null;
-      const d = t, h = ($) => a.length > 0 && $ in a[0], p = typeof d == "string" && h("pattern"), f = typeof d == "number" && h("numberCompareType"), b = typeof d == "string" || typeof d == "boolean" && h("booleanCompareType"), M = Array.isArray(d) && h("arrayCompareType");
-      if (!f && !p && !b && !M)
+      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"), M = Array.isArray(d) && h("arrayCompareType");
+      if (!f && !v && !b && !M)
         return console.warn("The input value and the provided rules do not match"), null;
-      if (i.value || (i.value = !0), p) {
+      if (i.value || (i.value = !0), v) {
         const $ = a;
         l.value = $.reduce((g, x) => (d.match(x.pattern) || g.push(x.error), g), []);
       }
@@ -4436,9 +4436,9 @@ const Le = (e) => {
     return b !== M;
   });
   return U(e, (d) => {
-    i(l, d).forEach((p) => {
-      const f = d[p];
-      a[p] = Le({ inputValue: f.value, rules: f.rules }), a[p].validate();
+    i(l, d).forEach((v) => {
+      const f = d[v];
+      a[v] = Le({ inputValue: f.value, rules: f.rules }), a[v].validate();
     }), Object.assign(l, Ee(d));
   }, { deep: !0 }), t && r(), {
     fields: a
@@ -4454,7 +4454,7 @@ const Le = (e) => {
         console.warn("There is no relative element or content DOM element");
         return;
       }
-      const p = l.value.getBoundingClientRect(), f = p.width, b = p.height, M = "value" in a ? a.value : a;
+      const v = l.value.getBoundingClientRect(), f = v.width, b = v.height, M = "value" in a ? a.value : a;
       if (!M) {
         console.warn("Relative element is not an HTMLElement");
         return;
@@ -4465,7 +4465,7 @@ const Le = (e) => {
   };
   return { placement: u, placementCoords: d };
 }, jx = () => {
-}, Ng = "@nmorph/nmorph-ui-kit", Ig = "module", ew = "0.2.50", tw = "MIT", nw = {
+}, Ng = "@nmorph/nmorph-ui-kit", Ig = "module", ew = "0.2.51", tw = "MIT", nw = {
   node: "18.13.0",
   npm: "8.19.3"
 }, ow = "./dist/index.d.ts", aw = "./dist/index.umd.js", sw = "./dist/index.es.js", lw = "./dist/style.css", rw = [
@@ -4668,8 +4668,8 @@ const Le = (e) => {
   const u = document.createElement("style");
   u.type = "text/css", u.innerHTML = r(i, t.other), document.head.appendChild(u);
   const d = (M) => {
-    h.value = M, p.setAttribute(le, h.value), t.saveCurrentThemeToLS ? localStorage.setItem(le, M) : localStorage.removeItem(le);
-  }, h = w(t.defaultTheme), p = document.querySelector("html"), f = localStorage.getItem(le), b = i[f];
+    h.value = M, v.setAttribute(le, h.value), t.saveCurrentThemeToLS ? localStorage.setItem(le, M) : localStorage.removeItem(le);
+  }, h = w(t.defaultTheme), v = document.querySelector("html"), f = localStorage.getItem(le), b = i[f];
   return t.saveCurrentThemeToLS && b && (h.value = localStorage.getItem(le)), d(h.value), { setTheme: d, currentTheme: F2(h) };
 }, k2 = {
   [ae.en]: {
@@ -4730,7 +4730,7 @@ const Le = (e) => {
   },
   setup(e) {
     I((f) => ({
-      "042206ed": p.value
+      "042206ed": v.value
     }));
     const t = e, a = w(t.forceShow), l = w(null), r = w(null), { placement: i } = M2({
       initialPlacement: "top",
@@ -4744,7 +4744,7 @@ const Le = (e) => {
       a.value = !0;
     }, h = () => {
       t.forceShow || (a.value = !1);
-    }, p = _(() => t.forceCoordinate ? "100%" : "auto");
+    }, v = _(() => t.forceCoordinate ? "100%" : "auto");
     return (f, b) => (o(), s("div", {
       class: z(u.value)
     }, [
@@ -4838,12 +4838,12 @@ const Cw = {
       void 0
     ), r = e;
     K(() => {
-      p("inputDOMRef", i);
+      v("inputDOMRef", i);
     });
-    const i = w(null), u = a !== void 0, d = u ? w(a.value) : w(r.modelValue), h = _(() => u ? a.value.includes(r.id) : r.modelValue), p = t, f = () => {
+    const i = 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) {
-          d.value = !d.value, p("update:modelValue", d.value);
+          d.value = !d.value, v("update:modelValue", d.value);
           return;
         }
         l && Array.isArray(d.value) && l(r.id, d.value);
@@ -4923,12 +4923,12 @@ const jw = { class: "nmorph-checkbox-group__wrapper" }, Ww = { class: "nmorph-ch
     }, [
       n("div", jw, [
         n("div", Ww, [
-          (o(!0), s(Y, null, G(d.options, (p, f) => (o(), q(v(V2), {
-            id: p.id,
+          (o(!0), s(Y, null, G(d.options, (v, f) => (o(), q(p(V2), {
+            id: v.id,
             key: f,
-            label: p.label,
-            "model-value": p.modelValue,
-            disabled: p.disabled,
+            label: v.label,
+            "model-value": v.modelValue,
+            disabled: v.disabled,
             design: a.design
           }, null, 8, ["id", "label", "model-value", "disabled", "design"]))), 128)),
           S(d.$slots, "default")
@@ -4963,7 +4963,7 @@ const Uw = { class: "nmorph-autocomplete__input-content" }, Yw = {
       })
     ), u = ($) => {
       l.value = $, r("update:modelValue", l.value);
-    }, d = w(!1), h = w(null), p = () => {
+    }, 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()))));
     U(f, ($) => {
@@ -4989,7 +4989,7 @@ const Uw = { class: "nmorph-autocomplete__input-content" }, Yw = {
           ref: h,
           class: "nmorph-autocomplete__input"
         }, [
-          k(v(S2), {
+          k(p(S2), {
             fill: a.fill,
             height: a.height,
             disabled: a.disabled,
@@ -5001,16 +5001,16 @@ const Uw = { class: "nmorph-autocomplete__input-content" }, Yw = {
           }, null, 8, ["fill", "height", "disabled", "model-value", "placeholder", "clearable"])
         ], 512)
       ]),
-      h.value ? (o(), q(v(ie), {
+      h.value ? (o(), q(p(ie), {
         key: 0,
         open: d.value,
         "relative-element": h.value,
-        onOnOutsideClick: p
+        onOnOutsideClick: v
       }, {
         default: E(() => [
           y.value ? (o(), s("div", Yw, [
             S($.$slots, "loader", {}, () => [
-              k(v(P), {
+              k(p(P), {
                 name: "loader",
                 size: "large"
               })
@@ -5044,7 +5044,7 @@ const Ge = /* @__PURE__ */ D({
     return (r, i) => (o(), s("div", {
       class: z(l.value)
     }, [
-      k(v(P), {
+      k(p(P), {
         name: "error",
         onClick: i[0] || (i[0] = oe((u) => a("clear"), ["stop"]))
       })
@@ -5079,7 +5079,7 @@ const Ge = /* @__PURE__ */ D({
         nmorph: [te[a.height]],
         "nmorph-date-picker": [`${a.disabled && "disabled"}`, a.type]
       })
-    ), h = w(!1), p = w(null), f = () => {
+    ), h = w(!1), v = w(null), f = () => {
       h.value = !1;
     }, b = () => {
       h.value = !h.value;
@@ -5118,12 +5118,12 @@ const Ge = /* @__PURE__ */ D({
       a.type === "date" || a.type === "dates" ? (o(), s("div", Jw, [
         n("div", {
           ref_key: "nmorphInputDOMRef",
-          ref: p,
+          ref: v,
           class: z(["nmorph-date-picker__input", { "nmorph-date-picker__input--open": h.value }]),
           onClick: b
         }, [
           Qw,
-          k(v(P), {
+          k(p(P), {
             name: "calendar",
             class: "nmorph-date-picker__calendar-icon"
           }),
@@ -5136,16 +5136,16 @@ const Ge = /* @__PURE__ */ D({
           ])
         ], 2),
         n("div", Iw, [
-          p.value ? (o(), q(v(ie), {
+          v.value ? (o(), q(p(ie), {
             key: 0,
             "fill-width": !1,
             width: 324,
             open: h.value,
-            "relative-element": p.value,
+            "relative-element": v.value,
             onOnOutsideClick: f
           }, {
             default: E(() => [
-              k(v(ge), {
+              k(p(ge), {
                 "selected-values": i.value,
                 "initial-date": l.value,
                 type: C.type,
@@ -5159,12 +5159,12 @@ const Ge = /* @__PURE__ */ D({
       a.type === "daterange" ? (o(), s("div", e$, [
         n("div", {
           ref_key: "nmorphInputDOMRef",
-          ref: p,
+          ref: v,
           class: z(["nmorph-date-picker__input", { "nmorph-date-picker__input--open": h.value }]),
           onClick: b
         }, [
           t$,
-          k(v(P), {
+          k(p(P), {
             name: "calendar",
             class: "nmorph-date-picker__calendar-icon"
           }),
@@ -5181,23 +5181,23 @@ const Ge = /* @__PURE__ */ D({
           ])
         ], 2),
         n("div", r$, [
-          p.value ? (o(), q(v(ie), {
+          v.value ? (o(), q(p(ie), {
             key: 0,
             "fill-width": !1,
             width: 648,
             open: h.value,
-            "relative-element": p.value,
+            "relative-element": v.value,
             onOnOutsideClick: f
           }, {
             default: E(() => [
-              k(v(ge), {
+              k(p(ge), {
                 "selected-values": i.value,
                 "initial-date": l.value,
                 type: C.type,
                 onUpdateSelectedValue: m
               }, null, 8, ["selected-values", "initial-date", "type"]),
-              k(v(O2), { direction: "vertical" }),
-              k(v(ge), {
+              k(p(O2), { direction: "vertical" }),
+              k(p(ge), {
                 "selected-values": i.value,
                 "initial-date": r.value,
                 type: C.type,
@@ -5237,7 +5237,7 @@ const i$ = { class: "nmorph-year-month-picker__header" }, d$ = { class: "nmorph-
         deep: !0
       }
     );
-    const h = t, p = _(
+    const h = t, v = _(
       () => A({
         "nmorph-year-month-picker": []
       })
@@ -5259,16 +5259,16 @@ const i$ = { class: "nmorph-year-month-picker__header" }, d$ = { class: "nmorph-
       l.type === "month" && h("back-to-years");
     };
     return (x, m) => (o(), s("div", {
-      class: z(p.value)
+      class: z(v.value)
     }, [
       n("div", i$, [
-        k(v(W), {
+        k(p(W), {
           class: "nmorph-year-month-picker__action-btn",
           "style-type": "transparent",
           onClick: m[0] || (m[0] = (H) => y("decrease"))
         }, {
           default: E(() => [
-            k(v(P), {
+            k(p(P), {
               name: "chevron-down",
               class: "nmorph-year-month-picker__chevron-left"
             })
@@ -5276,19 +5276,19 @@ const i$ = { class: "nmorph-year-month-picker__header" }, d$ = { class: "nmorph-
           _: 1
         }),
         n("div", d$, [
-          k(v(W), {
+          k(p(W), {
             text: $.value,
             "style-type": "transparent",
             onClick: g
           }, null, 8, ["text"])
         ]),
-        k(v(W), {
+        k(p(W), {
           class: "nmorph-year-month-picker__action-btn",
           "style-type": "transparent",
           onClick: m[1] || (m[1] = (H) => y("increase"))
         }, {
           default: E(() => [
-            k(v(P), {
+            k(p(P), {
               name: "chevron-down",
               class: "nmorph-year-month-picker__chevron-right"
             })
@@ -5297,7 +5297,7 @@ const i$ = { class: "nmorph-year-month-picker__header" }, d$ = { class: "nmorph-
         })
       ]),
       n("div", u$, [
-        k(v(Oe), {
+        k(p(Oe), {
           "model-value": i.value,
           options: r.value,
           fill: "",
@@ -5320,12 +5320,12 @@ const ge = /* @__PURE__ */ D({
       () => A({
         "nmorph-date-picker-content": []
       })
-    ), i = w(a.initialDate), u = w("calendar"), d = _(() => new Date(i.value.setMonth(i.value.getMonth() - 1))), h = _(() => new Date(i.value.setMonth(i.value.getMonth() + 1))), p = _(() => new Date(i.value.setFullYear(i.value.getFullYear() - 1))), f = _(() => new Date(i.value.setFullYear(i.value.getFullYear() + 1))), b = () => {
+    ), i = w(a.initialDate), u = w("calendar"), d = _(() => new Date(i.value.setMonth(i.value.getMonth() - 1))), h = _(() => new Date(i.value.setMonth(i.value.getMonth() + 1))), v = _(() => new Date(i.value.setFullYear(i.value.getFullYear() - 1))), f = _(() => new Date(i.value.setFullYear(i.value.getFullYear() + 1))), b = () => {
       i.value = d.value;
     }, M = () => {
       i.value = h.value;
     }, y = () => {
-      i.value = p.value;
+      i.value = v.value;
     }, $ = () => {
       i.value = f.value;
     }, g = () => {
@@ -5346,7 +5346,7 @@ const ge = /* @__PURE__ */ D({
     return (B, V) => (o(), s("div", {
       class: z(r.value)
     }, [
-      u.value === "calendar" ? (o(), q(v(i2), {
+      u.value === "calendar" ? (o(), q(p(i2), {
         key: 0,
         type: a.type,
         "selected-values": a.selectedValues,
@@ -5354,7 +5354,7 @@ const ge = /* @__PURE__ */ D({
         "onUpdate:modelValue": T
       }, {
         header: E(() => [
-          k(v(B2), {
+          k(p(B2), {
             date: i.value,
             onPrevMonth: b,
             onNextMonth: M,
@@ -5366,13 +5366,13 @@ const ge = /* @__PURE__ */ D({
         ]),
         _: 1
       }, 8, ["type", "selected-values", "initial-date"])) : O("", !0),
-      u.value === "year" ? (o(), q(v(Be), {
+      u.value === "year" ? (o(), q(p(Be), {
         key: 1,
         type: "year",
         "current-date": i.value,
         onUpdateYear: m
       }, null, 8, ["current-date"])) : O("", !0),
-      u.value === "month" ? (o(), q(v(Be), {
+      u.value === "month" ? (o(), q(p(Be), {
         key: 2,
         type: "month",
         "current-date": i.value,
@@ -5398,26 +5398,26 @@ const ge = /* @__PURE__ */ D({
       class: z(r.value)
     }, [
       n("div", h$, [
-        k(v(W), {
+        k(p(W), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
           onClick: u[0] || (u[0] = (d) => l("prev-year"))
         }, {
           default: E(() => [
-            k(v(P), {
+            k(p(P), {
               name: "chevron-double-down",
               class: "nmorph-date-picker-header__chevron-double-left"
             })
           ]),
           _: 1
         }),
-        k(v(W), {
+        k(p(W), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
           onClick: u[1] || (u[1] = (d) => l("prev-month"))
         }, {
           default: E(() => [
-            k(v(P), {
+            k(p(P), {
               name: "chevron-down",
               class: "nmorph-date-picker-header__chevron-left"
             })
@@ -5426,40 +5426,40 @@ const ge = /* @__PURE__ */ D({
         })
       ]),
       n("div", _$, [
-        k(v(W), {
+        k(p(W), {
           text: String(a.date.getFullYear()),
           "style-type": "transparent",
           fill: "",
           onClick: u[2] || (u[2] = (d) => l("change-year"))
         }, null, 8, ["text"]),
-        k(v(W), {
-          text: v(Ae)(a.date.getMonth()),
+        k(p(W), {
+          text: p(Ae)(a.date.getMonth()),
           "style-type": "transparent",
           fill: "",
           onClick: u[3] || (u[3] = (d) => l("change-month"))
         }, null, 8, ["text"])
       ]),
       n("div", v$, [
-        k(v(W), {
+        k(p(W), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
           onClick: u[4] || (u[4] = (d) => l("next-month"))
         }, {
           default: E(() => [
-            k(v(P), {
+            k(p(P), {
               name: "chevron-down",
               class: "nmorph-date-picker-header__chevron-right"
             })
           ]),
           _: 1
         }),
-        k(v(W), {
+        k(p(W), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
           onClick: u[5] || (u[5] = (d) => l("next-year"))
         }, {
           default: E(() => [
-            k(v(P), {
+            k(p(P), {
               name: "chevron-double-down",
               class: "nmorph-date-picker-header__chevron-double-right"
             })
@@ -5501,16 +5501,16 @@ const p$ = { class: "nmorph-file-upload__trigger" }, m$ = ["multiple"], f$ = { c
           i.push(H);
         }), i.length === 0)
           return;
-        p();
+        v();
       }
-    }, p = () => {
+    }, v = () => {
       b(
         "update:modelValue",
         i.map((y) => y.data)
       );
     }, f = (y) => {
       const $ = i.findIndex((g) => g.data.name === y);
-      $ !== -1 && (URL.revokeObjectURL(i[$].previewUrl), i.splice($, 1), p());
+      $ !== -1 && (URL.revokeObjectURL(i[$].previewUrl), i.splice($, 1), v());
     };
     K(() => {
       b("inputDOMRef", u);
@@ -5534,7 +5534,7 @@ const p$ = { class: "nmorph-file-upload__trigger" }, m$ = ["multiple"], f$ = { c
           onChange: h
         }, null, 40, m$),
         S(y.$slots, "trigger", {}, () => [
-          k(v(W), {
+          k(p(W), {
             text: "Select file",
             fill: "",
             onClick: d
@@ -5547,13 +5547,13 @@ const p$ = { class: "nmorph-file-upload__trigger" }, m$ = ["multiple"], f$ = { c
           tag: "div"
         }, {
           default: E(() => [
-            (o(!0), s(Y, null, G(v(i), ({ data: g, previewUrl: x }) => (o(), s("div", {
+            (o(!0), s(Y, null, G(p(i), ({ data: g, previewUrl: x }) => (o(), s("div", {
               key: g.name,
               class: "nmorph-file-upload__file"
             }, [
-              k(v(m2), { src: x }, null, 8, ["src"]),
+              k(p(m2), { src: x }, null, 8, ["src"]),
               n("div", g$, [
-                k(v(P), {
+                k(p(P), {
                   name: r(g.type),
                   width: "14px",
                   height: "17px"
@@ -5561,13 +5561,13 @@ const p$ = { class: "nmorph-file-upload__trigger" }, m$ = ["multiple"], f$ = { c
                 n("span", w$, R(g.name), 1)
               ]),
               n("div", $$, [
-                k(v(W), {
+                k(p(W), {
                   height: "thin",
                   "style-type": "transparent",
                   onClick: (m) => f(g.name)
                 }, {
                   default: E(() => [
-                    k(v(P), { name: "error" })
+                    k(p(P), { name: "error" })
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -5660,7 +5660,7 @@ const Ve = "18px", H$ = /* @__PURE__ */ D({
     return (r, i) => (o(), s("div", {
       class: z(a.value)
     }, [
-      r.show ? (o(), q(v(P), {
+      r.show ? (o(), q(p(P), {
         key: 0,
         class: "nmorph-validation-icon__content",
         name: l.value,
@@ -5691,18 +5691,18 @@ const V$ = { key: 0 }, z$ = { class: "nmorph-form-item__content" }, B$ = /* @__P
         ]
       })
     );
-    return (h, p) => (o(), s("div", {
+    return (h, v) => (o(), s("div", {
       class: z(d.value)
     }, [
       t.label ? (o(), s("label", V$, R(t.label), 1)) : O("", !0),
       n("div", z$, [
         S(h.$slots, "default"),
-        k(v(H$), {
+        k(p(H$), {
           valid: !!l.value?.valid,
           show: i.value
         }, null, 8, ["valid", "show"])
       ]),
-      k(v(k$), {
+      k(p(k$), {
         errors: l.value?.errors,
         height: t.height,
         "static-height": h.staticErrorBoxSpace
@@ -5734,7 +5734,7 @@ const C$ = { class: "nmorph-number-input__content" }, S$ = { class: "nmorph-numb
   emits: ["inputDOMRef", "update:modelValue"],
   setup(e, { emit: t }) {
     I((g) => ({
-      f154b2b0: p.value
+      f154b2b0: v.value
     }));
     const a = e, l = _(
       () => A({
@@ -5748,7 +5748,7 @@ const C$ = { class: "nmorph-number-input__content" }, S$ = { class: "nmorph-numb
       r.value += a.step;
     }, u = () => {
       r.value -= a.step;
-    }, d = _(() => r.value <= a.min), h = _(() => r.value >= a.max), p = _(() => a.height === "thick" ? "16px" : "12px"), f = {
+    }, d = _(() => r.value <= a.min), h = _(() => r.value >= a.max), v = _(() => a.height === "thick" ? "16px" : "12px"), f = {
       thick: {
         default: "12px",
         right: "8px"
@@ -5781,14 +5781,14 @@ const C$ = { class: "nmorph-number-input__content" }, S$ = { class: "nmorph-numb
       n("div", C$, [
         n("div", S$, [
           g.actionBtnPositionRight ? O("", !0) : (o(), s("div", A$, [
-            k(v(W), {
+            k(p(W), {
               "style-type": "transparent",
               disabled: d.value,
               height: a.height,
               onClick: u
             }, {
               default: E(() => [
-                k(v(P), {
+                k(p(P), {
                   name: "minus",
                   width: b.value,
                   height: b.value
@@ -5809,13 +5809,13 @@ const C$ = { class: "nmorph-number-input__content" }, S$ = { class: "nmorph-numb
           }, null, 40, D$),
           g.actionBtnPositionRight ? (o(), s("div", O$, [
             n("div", P$, [
-              k(v(W), {
+              k(p(W), {
                 "style-type": "transparent",
                 disabled: d.value,
                 onClick: u
               }, {
                 default: E(() => [
-                  k(v(P), {
+                  k(p(P), {
                     name: "minus",
                     width: b.value,
                     height: b.value
@@ -5825,13 +5825,13 @@ const C$ = { class: "nmorph-number-input__content" }, S$ = { class: "nmorph-numb
               }, 8, ["disabled"])
             ]),
             n("div", q$, [
-              k(v(W), {
+              k(p(W), {
                 "style-type": "transparent",
                 disabled: h.value,
                 onClick: i
               }, {
                 default: E(() => [
-                  k(v(P), {
+                  k(p(P), {
                     name: "plus",
                     width: b.value,
                     height: b.value
@@ -5841,14 +5841,14 @@ const C$ = { class: "nmorph-number-input__content" }, S$ = { class: "nmorph-numb
               }, 8, ["disabled"])
             ])
           ])) : (o(), s("div", T$, [
-            k(v(W), {
+            k(p(W), {
               "style-type": "transparent",
               disabled: h.value,
               height: a.height,
               onClick: i
             }, {
               default: E(() => [
-                k(v(P), {
+                k(p(P), {
                   name: "plus",
                   width: b.value,
                   height: b.value
@@ -5887,7 +5887,7 @@ const R$ = { class: "nmorph-select__content" }, F$ = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const a = e, l = t, r = w(a.modelValue), i = w(a.open), u = w(null), d = w(null), h = w(!0), p = (m) => {
+    const a = e, l = t, r = w(a.modelValue), i = w(a.open), u = w(null), d = w(null), h = w(!0), v = (m) => {
       if (!a.disabled) {
         if (i.value = !1, typeof r.value == "string" && (!a.valueRequired && r.value === m ? r.value = "" : r.value = m, l("update:modelValue", r.value)), Array.isArray(r.value)) {
           const H = r.value.includes(m), C = r.value.length === 1 && H;
@@ -5923,7 +5923,7 @@ const R$ = { class: "nmorph-select__content" }, F$ = {
       document.removeEventListener("click", M);
     });
     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 }]);
-    Z("select-selected-value", r), Z("select-change-selected-value", p);
+    Z("select-selected-value", r), Z("select-change-selected-value", v);
     const x = w(null);
     return (m, H) => (o(), s("div", {
       class: z(f.value)
@@ -5937,23 +5937,23 @@ const R$ = { class: "nmorph-select__content" }, F$ = {
         }, [
           typeof r.value == "string" ? (o(), s("div", F$, R(y.value), 1)) : O("", !0),
           r.value.length <= 0 ? (o(), s("div", j$, R(a.noElementPlaceholder), 1)) : (o(), s("div", W$, [
-            (o(!0), s(Y, null, G(g.value, (C) => (o(), q(v(x2), we({
+            (o(!0), s(Y, null, G(g.value, (C) => (o(), q(p(x2), we({
               key: C.value,
               ref_for: !0
             }, C, {
               transparent: "",
               removable: g.value.length > 1 || !a.valueRequired,
               height: "thin",
-              onClose: p
+              onClose: v
             }), null, 16, ["removable"]))), 128))
           ])),
-          k(v(P), {
+          k(p(P), {
             name: "chevron-down",
             class: "nmorph-select__chevron"
           })
         ], 512)
       ]),
-      x.value ? (o(), q(v(ie), {
+      x.value ? (o(), q(p(ie), {
         key: 0,
         open: i.value,
         "relative-element": x.value,
@@ -5965,7 +5965,7 @@ const R$ = { class: "nmorph-select__content" }, F$ = {
             ref: u,
             class: "nmorph-select__options"
           }, [
-            (o(!0), s(Y, null, G(m.options, (C) => (o(), q(v(C2), we({
+            (o(!0), s(Y, null, G(m.options, (C) => (o(), q(p(C2), we({
               key: C.value,
               ref_for: !0
             }, C, {
@@ -5991,7 +5991,7 @@ const U$ = { class: "nmorph-select-option__content" }, C2 = /* @__PURE__ */ D({
   setup(e, { emit: t }) {
     const a = Q("select-selected-value", void 0), l = Q("select-change-selected-value", void 0), r = e, i = t, u = () => {
       r.disabled || (i("change-value", r.value), l && l(r.value));
-    }, d = _(() => typeof a?.value == "string" ? a.value === r.value : Array.isArray(a?.value) ? a.value.some((p) => p === r.value) : !1), h = _(
+    }, d = _(() => typeof a?.value == "string" ? a.value === r.value : Array.isArray(a?.value) ? a.value.some((v) => v === r.value) : !1), h = _(
       () => A({
         nmorph: [te[r.height]],
         "nmorph-select-option": [
@@ -6001,15 +6001,15 @@ const U$ = { class: "nmorph-select-option__content" }, C2 = /* @__PURE__ */ D({
         ]
       })
     );
-    return (p, f) => (o(), s("div", {
+    return (v, f) => (o(), s("div", {
       class: z(h.value),
       onClick: u
     }, [
       n("div", U$, [
         n("span", null, R(r.label), 1),
-        S(p.$slots, "default")
+        S(v.$slots, "default")
       ]),
-      d.value ? (o(), q(v(P), {
+      d.value ? (o(), q(p(P), {
         key: 0,
         name: "success",
         class: "nmorph-select-option__checked"
@@ -6047,7 +6047,7 @@ const Y$ = { class: "nmorph-slider__content" }, G$ = { class: "nmorph-slider__in
         d.value = B;
       }
     );
-    const p = _(() => {
+    const v = _(() => {
       const B = f.value - f.value, V = a.max - a.min + B, j = (d.value - a.min) / V * 100, F = h.value?.clientWidth || 0, X = Ke / F * 100, L = X / 2;
       let J = j - L;
       const se = `${Math.max(0, Math.min(100 - X, J))}%`, He = `${J + L}%`;
@@ -6094,18 +6094,18 @@ const Y$ = { class: "nmorph-slider__content" }, G$ = { class: "nmorph-slider__in
             ref: h,
             class: "nmorph-slider__input-container"
           }, [
-            i.value && !a.disabled ? (o(), q(v(H2), {
+            i.value && !a.disabled ? (o(), q(p(H2), {
               key: 0,
               text: String(d.value),
               "force-show": "",
-              "force-coordinate": { x: p.value.tooltip, y: "24px" },
+              "force-coordinate": { x: v.value.tooltip, y: "24px" },
               "block-position": ""
             }, null, 8, ["text", "force-coordinate"])) : O("", !0),
             n("div", {
               ref_key: "sliderFirst",
               ref: x,
               class: z(["nmorph-slider__thumb", { "nmorph-slider__thumb--smooth": T.value }]),
-              style: N({ left: p.value.thumb }),
+              style: N({ left: v.value.thumb }),
               onMouseenter: m,
               onMouseleave: H,
               onMousedown: g
@@ -6159,7 +6159,7 @@ const J$ = ["value", "disabled"], Q$ = { class: "nmorph-switch-thumb" }, Z$ = /*
       (h) => {
         i.value = h === a.activeValue;
       }
-    ), (h, p) => (o(), s("div", {
+    ), (h, v) => (o(), s("div", {
       class: z(l.value)
     }, [
       n("div", {
@@ -6180,7 +6180,7 @@ const J$ = ["value", "disabled"], Q$ = { class: "nmorph-switch-thumb" }, Z$ = /*
           i.value ? S(h.$slots, "bg-on", { key: 0 }) : S(h.$slots, "bg-off", { key: 1 })
         ], 2),
         n("div", Q$, [
-          a.loading ? (o(), q(v(P), {
+          a.loading ? (o(), q(p(P), {
             key: 0,
             name: "loader",
             width: "14px",
@@ -6212,7 +6212,7 @@ const N$ = { class: "nmorph-text-input__input-side" }, I$ = {
     }));
     const a = Ze(), l = e, r = _(
       () => A({
-        nmorph: [te[l.height], `${p.value && "focused"}`, `${l.fill && "fill"}`],
+        nmorph: [te[l.height], `${v.value && "focused"}`, `${l.fill && "fill"}`],
         "nmorph-text-input": [`${l.typePassword && "password"}`]
       })
     ), i = (x) => {
@@ -6220,10 +6220,10 @@ const N$ = { class: "nmorph-text-input__input-side" }, I$ = {
       y("update:modelValue", m.value);
     }, u = w(!1), d = () => {
       l.clearable ? y("update:modelValue", "") : u.value = !u.value;
-    }, h = _(() => l.typePassword && !u.value && !l.clearable ? "password" : "text"), p = w(!1), f = () => {
-      y("focus"), p.value = !0;
+    }, h = _(() => l.typePassword && !u.value && !l.clearable ? "password" : "text"), v = w(!1), f = () => {
+      y("focus"), v.value = !0;
     }, b = () => {
-      y("blur"), p.value = !1;
+      y("blur"), v.value = !1;
     }, M = w(null), y = t;
     K(() => {
       y("inputDOMRef", M);
@@ -6233,7 +6233,7 @@ const N$ = { class: "nmorph-text-input__input-side" }, I$ = {
       class: z(r.value)
     }, [
       n("div", N$, [
-        v(a)["prepend-icon"] ? (o(), s("div", I$, [
+        p(a)["prepend-icon"] ? (o(), s("div", I$, [
           S(x.$slots, "prepend-icon")
         ])) : O("", !0),
         n("input", {
@@ -6249,7 +6249,7 @@ const N$ = { class: "nmorph-text-input__input-side" }, I$ = {
           onBlur: b,
           onKeyup: m[0] || (m[0] = j2((H) => y("on-enter"), ["enter"]))
         }, null, 40, ex),
-        l.typePassword || l.clearable ? (o(), q(v(W), {
+        l.typePassword || l.clearable ? (o(), q(p(W), {
           key: 1,
           class: "nmorph-text-input__password-btn",
           "style-type": "transparent",
@@ -6258,7 +6258,7 @@ const N$ = { class: "nmorph-text-input__input-side" }, I$ = {
           onClick: d
         }, {
           default: E(() => [
-            k(v(P), { name: $.value }, null, 8, ["name"])
+            k(p(P), { name: $.value }, null, 8, ["name"])
           ]),
           _: 1
         }, 8, ["height"])) : O("", !0)
@@ -6287,7 +6287,7 @@ const tx = { class: "nmorph-time-picker__content" }, nx = { class: "nmorph-time-
     K(() => {
       l("inputDOMRef", i);
     });
-    const p = () => {
+    const v = () => {
       u.value = !u.value;
     }, f = _(
       () => A({
@@ -6323,11 +6323,11 @@ const tx = { class: "nmorph-time-picker__content" }, nx = { class: "nmorph-time-
         ref_key: "timepickerDOMRef",
         ref: r,
         class: z(f.value),
-        onClick: p
+        onClick: v
       }, [
         n("div", tx, [
           n("div", nx, [
-            k(v(P), {
+            k(p(P), {
               name: "time",
               class: "nmorph-time-picker__time-icon"
             }),
@@ -6341,7 +6341,7 @@ const tx = { class: "nmorph-time-picker__content" }, nx = { class: "nmorph-time-
             }, null, 8, ox),
             n("span", null, R(T.value), 1)
           ]),
-          r.value ? (o(), q(v(ie), {
+          r.value ? (o(), q(p(ie), {
             key: 0,
             open: u.value,
             "relative-element": r.value,
@@ -6351,7 +6351,7 @@ const tx = { class: "nmorph-time-picker__content" }, nx = { class: "nmorph-time-
               n("div", ax, [
                 k(j, {
                   "set-value-on-mount": !h.value,
-                  values: v(b),
+                  values: p(b),
                   "selected-value": d.value[0],
                   "step-height": fe,
                   "disabled-range": B.disabledHours,
@@ -6359,7 +6359,7 @@ const tx = { class: "nmorph-time-picker__content" }, nx = { class: "nmorph-time-
                 }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
                 k(j, {
                   "set-value-on-mount": !h.value,
-                  values: v(M),
+                  values: p(M),
                   "selected-value": d.value[1],
                   "disabled-range": B.disabledMinutes,
                   "step-height": fe,
@@ -6367,7 +6367,7 @@ const tx = { class: "nmorph-time-picker__content" }, nx = { class: "nmorph-time-
                 }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
                 k(j, {
                   "set-value-on-mount": !h.value,
-                  values: v(M),
+                  values: p(M),
                   "disabled-range": B.disabledSeconds,
                   "selected-value": d.value[2],
                   "step-height": fe,
@@ -6425,9 +6425,9 @@ const Ce = (e) => {
       () => A({
         "nmorph-radio": [`${r.disabled && "disabled"}`, `${u.value && "checked"}`, r.styleType]
       })
-    ), h = t, p = w(null);
+    ), h = t, v = w(null);
     return K(() => {
-      h("inputDOMRef", p);
+      h("inputDOMRef", v);
     }), (f, b) => (o(), s("label", {
       class: z(d.value),
       onClick: oe(i, ["prevent"])
@@ -6436,7 +6436,7 @@ const Ce = (e) => {
         n("div", cx, [
           n("input", {
             ref_key: "inputDOMRef",
-            ref: p,
+            ref: v,
             type: "radio",
             name: r.label,
             value: r.value,
@@ -6451,7 +6451,7 @@ const Ce = (e) => {
       r.styleType === "button" ? (o(), s("div", _x, [
         n("input", {
           ref_key: "inputDOMRef",
-          ref: p,
+          ref: v,
           type: "radio",
           disabled: r.disabled,
           name: r.label,
@@ -6500,11 +6500,11 @@ const gx = { class: "nmorph-radio-group__wrapper" }, wx = { class: "nmorph-radio
     }, [
       n("div", gx, [
         n("div", wx, [
-          (o(!0), s(Y, null, G(d.options, (p) => (o(), q(v(D2), {
-            key: p.value,
-            label: p.label,
-            value: p.value,
-            disabled: p.disabled || a.disabled,
+          (o(!0), s(Y, null, G(d.options, (v) => (o(), q(p(D2), {
+            key: v.value,
+            label: v.label,
+            value: v.value,
+            disabled: v.disabled || a.disabled,
             "style-type": a.styleType
           }, null, 8, ["label", "value", "disabled", "style-type"]))), 128)),
           S(d.$slots, "default")
@@ -6528,13 +6528,13 @@ const $x = /* @__PURE__ */ D({
     }));
     const a = e, l = t, r = _(() => `${a.right}px`), i = _(() => `${a.bottom}px`), u = _(
       () => A({
-        "nmorph-backtop": [`${p.value && "show"}`]
+        "nmorph-backtop": [`${v.value && "show"}`]
       })
-    ), d = w(null), h = w(null), p = w(!1), f = (M) => {
+    ), d = w(null), h = w(null), v = w(!1), f = (M) => {
       if (!M)
         return;
       const y = M.target;
-      p.value = y.scrollTop > a.visibilityHeight;
+      v.value = y.scrollTop > a.visibilityHeight;
     }, b = () => {
       l("click"), d.value && d.value.scrollTo({
         top: 0,
@@ -6555,9 +6555,9 @@ const $x = /* @__PURE__ */ D({
         onClick: oe(b, ["stop"])
       }, [
         S(M.$slots, "default", {}, () => [
-          k(v(W), null, {
+          k(p(W), null, {
             default: E(() => [
-              k(v(P), {
+              k(p(P), {
                 name: "chevron-down",
                 class: "nmorph-backtop__up-icon"
               })
@@ -6594,7 +6594,7 @@ const xx = ["id"], yx = {
         class: "nmorph-breadcrumb__content"
       }, [
         n("div", {
-          id: `nmorph-breadcrumb-${v(l)}-${d.itemId}-element`,
+          id: `nmorph-breadcrumb-${p(l)}-${d.itemId}-element`,
           class: "nmorph-breadcrumb__element"
         }, null, 8, xx),
         h < a.value.length - 1 ? (o(), s("div", yx, R(t.separator), 1)) : O("", !0)
@@ -6623,7 +6623,7 @@ const bx = /* @__PURE__ */ D({
         class: z(a.value)
       }, [
         (o(), q(he, {
-          to: `#nmorph-breadcrumb-${v(l)?.breadcrumbId}-${v(i)}-element`
+          to: `#nmorph-breadcrumb-${p(l)?.breadcrumbId}-${p(i)}-element`
         }, [
           k(h, {
             to: u.to,
@@ -6652,7 +6652,7 @@ const ie = /* @__PURE__ */ D({
   },
   emits: ["on-outside-click"],
   setup(e, { emit: t }) {
-    I((p) => ({
+    I((v) => ({
       f609801e: d.value
     }));
     const a = e, l = t, r = w(null), { placementCoords: i } = M2({
@@ -6668,7 +6668,7 @@ const ie = /* @__PURE__ */ D({
     ), d = _(() => a.fillWidth ? `${a.relativeElement?.clientWidth}px` : `${a.width}px`), h = () => {
       l("on-outside-click");
     };
-    return (p, f) => (o(), q(v(ke), {
+    return (v, f) => (o(), q(p(ke), {
       show: a.open,
       transparent: "",
       onOnOutsideClick: h
@@ -6678,9 +6678,9 @@ const ie = /* @__PURE__ */ D({
           ref_key: "dropdownDOMRef",
           ref: r,
           class: z(u.value),
-          style: N({ left: `${v(i).x}`, top: `${v(i).y}` })
+          style: N({ left: `${p(i).x}`, top: `${p(i).y}` })
         }, [
-          S(p.$slots, "default")
+          S(v.$slots, "default")
         ], 6)
       ]),
       _: 3
@@ -6702,19 +6702,19 @@ const kx = { class: "nmorph-tabs__label-list" }, Hx = ["id", "onClick"], Vx = {
     ), i = (h) => {
       if (h.disabled)
         return;
-      const { name: p } = h;
-      l("update:model-value", p), l("tab-change", p);
+      const { name: v } = h;
+      l("update:model-value", v), l("tab-change", v);
     }, u = w([]), d = ve();
     return Z("nmorph-tabs-data", {
       tabsData: u,
       tabsIdentifier: d
-    }), (h, p) => (o(), s("div", {
+    }), (h, v) => (o(), s("div", {
       class: z(r.value)
     }, [
       S(h.$slots, "default"),
       n("div", kx, [
         (o(!0), s(Y, null, G(u.value, (f) => (o(), s("div", {
-          id: v(Pe)(v(d), f.name),
+          id: p(Pe)(p(d), f.name),
           key: f.name,
           class: z(["nmorph-tabs__label", [
             { "nmorph-tabs__label--selected": f.name === a.modelValue },
@@ -6726,7 +6726,7 @@ const kx = { class: "nmorph-tabs__label-list" }, Hx = ["id", "onClick"], Vx = {
       n("div", Vx, [
         n("div", zx, [
           (o(!0), s(Y, null, G(u.value, (f) => Je((o(), s("div", {
-            id: v(qe)(v(d), f.name),
+            id: p(qe)(p(d), f.name),
             key: f.name
           }, null, 8, Bx)), [
             [Qe, f.name === a.modelValue]
@@ -6762,12 +6762,12 @@ const Pe = (e, t) => {
       class: z(a.value)
     }, [
       (o(), q(he, {
-        to: `#${v(Pe)(v(l)?.tabsIdentifier, t.name)}`
+        to: `#${p(Pe)(p(l)?.tabsIdentifier, t.name)}`
       }, [
         S(i.$slots, "label")
       ], 8, ["to"])),
       (o(), q(he, {
-        to: `#${v(qe)(v(l)?.tabsIdentifier, t.name)}`
+        to: `#${p(qe)(p(l)?.tabsIdentifier, t.name)}`
       }, [
         S(i.$slots, "default")
       ], 8, ["to"]))
@@ -6847,13 +6847,13 @@ const Ax = /* @__PURE__ */ D({
         tag: "div"
       }, {
         default: E(() => [
-          (o(!0), s(Y, null, G(l.value, (p) => (o(), s("div", {
-            key: p.id,
-            style: N({ width: p.width }),
+          (o(!0), s(Y, null, G(l.value, (v) => (o(), s("div", {
+            key: v.id,
+            style: N({ width: v.width }),
             class: "nmorph-notification-provider__notification"
           }, [
-            k(v(y2), we({ ref_for: !0 }, p, {
-              onClose: () => r(p.id)
+            k(p(y2), we({ ref_for: !0 }, v, {
+              onClose: () => r(v.id)
             }), null, 16, ["onClose"])
           ], 4))), 128))
         ]),
@@ -6959,24 +6959,41 @@ const Tx = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   };
 }, Ux = () => Q("nmorph"), Yx = {
   install(e, t = {}) {
-    const a = yw(t.i18n), l = e.__VUE_I18N__;
-    console.log(l, "vue i18n instance", e), l ? (a.global.messages && (console.log(a.global.messages, "messages"), Object.entries(a.global.messages).forEach(([d, h]) => {
-      l.global.messages.value[d] = {
-        ...l.global.messages.value[d],
-        ...h
-      };
-    })), a.global.locale && (console.log(a.global.locale, "locale"), l.global.locale.value = a.global.locale)) : (e.use(a), console.log("use i18n", a));
-    const r = xw(t.theme), i = Ox(), u = { theme: r, browser: i };
-    return e.provide("nmorph", u), Object.entries(Tx).forEach(([d, h]) => {
-      if (Px(h))
-        if (t.components === void 0)
-          e.component(d, h);
-        else {
-          if (!t.components.includes(d))
-            return;
-          e.component(d, h);
-        }
-    }), e;
+    try {
+      const a = yw(t.i18n), l = e.__VUE_I18N__;
+      if (console.log(l, "vue i18n instance", e), l) {
+        if (a.global.messages && (console.log(a.global.messages, "messages"), Object.entries(a.global.messages).forEach(([d, h]) => {
+          try {
+            l.global.messages.value[d] = {
+              ...l.global.messages.value[d],
+              ...h
+            };
+          } catch (v) {
+            console.error(`Error merging messages for locale ${d}:`, v);
+          }
+        })), a.global.locale)
+          try {
+            console.log(a.global.locale, "locale"), l.global.locale.value = a.global.locale;
+          } catch (d) {
+            console.error("Error setting locale:", d);
+          }
+      } else
+        e.use(a), console.log("use i18n", a);
+      const r = xw(t.theme), i = Ox(), u = { theme: r, browser: i };
+      e.provide("nmorph", u), Object.entries(Tx).forEach(([d, h]) => {
+        if (Px(h))
+          if (t.components === void 0)
+            e.component(d, h);
+          else {
+            if (!t.components.includes(d))
+              return;
+            e.component(d, h);
+          }
+      });
+    } catch (a) {
+      console.error("Error during library installation:", a);
+    }
+    return e;
   }
 };
 function Px(e) {