@nmorph/nmorph-ui-kit 0.2.117 → 0.2.123

package/dist/index.es.js

@@ -1,18 +1,18 @@
-import { defineComponent as D, computed as h, ref as y, openBlock as a, createElementBlock as o, normalizeClass as B, createElementVNode as n, createBlock as E, unref as p, renderSlot as S, toDisplayString as F, createCommentVNode as O, useCssVars as J, normalizeStyle as I, resolveDynamicComponent as W2, createStaticVNode as n2, createTextVNode as te, inject as X, onUnmounted as Me, onMounted as Z, nextTick as pe, watch as Y, mergeProps as de, createVNode as H, withCtx as q, reactive as ue, Fragment as G, renderList as Q, provide as N, Teleport as me, withModifiers as re, withDirectives as De, vShow as Te, useSlots as a2, readonly as L2, TransitionGroup as _e, withKeys as U2, resolveComponent as l2 } from "vue";
+import { defineComponent as D, computed as h, ref as y, openBlock as a, createElementBlock as o, normalizeClass as B, createElementVNode as n, createBlock as E, unref as p, renderSlot as S, toDisplayString as F, createCommentVNode as O, useCssVars as J, normalizeStyle as I, resolveDynamicComponent as W2, createStaticVNode as n2, createTextVNode as te, inject as X, onUnmounted as Me, onMounted as Z, nextTick as he, watch as Y, mergeProps as de, createVNode as H, withCtx as q, reactive as ue, Fragment as G, renderList as Q, provide as N, Teleport as pe, withModifiers as re, withDirectives as De, vShow as Te, useSlots as a2, readonly as L2, TransitionGroup as me, withKeys as U2, resolveComponent as l2 } from "vue";
 import { useI18n as Y2, createI18n as G2 } from "vue-i18n";
 var ne = /* @__PURE__ */ ((t) => (t.thick = "thick-component", t.default = "default-height-component", t.thin = "thin-component", t))(ne || {}), Q2 = /* @__PURE__ */ ((t) => (t.circle = "circle", t.square = "square", t))(Q2 || {}), K2 = /* @__PURE__ */ ((t) => (t.ascending = "ascending", t.descending = "descending", t))(K2 || {}), Z2 = /* @__PURE__ */ ((t) => (t.row = "row", t.column = "column", t))(Z2 || {}), o2 = /* @__PURE__ */ ((t) => (t.inset = "shadow-inset", t.outset = "shadow-outset", t.combined = "shadow-combined", t["not-defined"] = "shadow-not-defined", t))(o2 || {}), r2 = /* @__PURE__ */ ((t) => (t.accent = "accent", t.success = "success", t.error = "error", t.warning = "warning", t))(r2 || {}), i = /* @__PURE__ */ ((t) => (t["add-location"] = "add-location", t.aim = "aim", t["alarm-clock"] = "alarm-clock", t.apple = "apple", t.archive = "archive", t["arrow-down"] = "arrow-down", t["arrow-left"] = "arrow-left", t["arrow-right"] = "arrow-right", t["arrow-up"] = "arrow-up", t.audio = "audio", t.avatar = "avatar", t.back = "back", t["bell-filled"] = "bell-filled", t.bell = "bell", t.bicycle = "bicycle", t["bottom-left"] = "bottom-left", t["bottom-right"] = "bottom-right", t.bottom = "bottom", t.burger = "burger", t.calendar = "calendar", t.camera = "camera", t["caret-bottom"] = "caret-bottom", t["caret-left"] = "caret-left", t["caret-right"] = "caret-right", t["caret-top"] = "caret-top", t.cellphone = "cellphone", t["chat-dot-round"] = "chat-dot-round", t["chat-dot-square"] = "chat-dot-square", t["chat-line-round"] = "chat-line-round", t["chat-line-square"] = "chat-line-square", t["chat-round"] = "chat-round", t["chat-square"] = "chat-square", t.check = "check", t.checked = "checked", t.cherry = "cherry", t["chevron-double-down"] = "chevron-double-down", t["chevron-down"] = "chevron-down", t["chrome-filled"] = "chrome-filled", t["circle-check-filled"] = "circle-check-filled", t["circle-check"] = "circle-check", t["circle-close-filled"] = "circle-close-filled", t["circle-close"] = "circle-close", t["circle-plus-filled"] = "circle-plus-filled", t["circle-plus"] = "circle-plus", t.clock = "clock", t.close = "close", t.cloudy = "cloudy", t.code = "code", t["coffee-cup"] = "coffee-cup", t.coffee = "coffee", t.coin = "coin", t["collection-tag"] = "collection-tag", t.collection = "collection", t.compass = "compass", t.connection = "connection", t.coordinate = "coordinate", t["copy-document"] = "copy-document", t.copy = "copy", t.cpu = "cpu", t["credit-card"] = "credit-card", t.crop = "crop", t.cross = "cross", t["delete-filled"] = "delete-filled", t.delete = "delete", t.dessert = "dessert", t.discount = "discount", t.doc = "doc", t["document-add"] = "document-add", t["document-checked"] = "document-checked", t["document-copy"] = "document-copy", t["document-delete"] = "document-delete", t["document-remove"] = "document-remove", t.document = "document", t.download = "download", t["edit-pen"] = "edit-pen", t.edit = "edit", t.enlarge = "enlarge", t.error = "error", t.expand = "expand", t["eye-blocked"] = "eye-blocked", t.eye = "eye", t.failed = "failed", t.files = "files", t.film = "film", t.filter = "filter", t.finished = "finished", t.flag = "flag", t.fold = "fold", t["folder-add"] = "folder-add", t["folder-checked"] = "folder-checked", t["folder-delete"] = "folder-delete", t["folder-opened"] = "folder-opened", t.folder = "folder", t.food = "food", t["fork-spoon"] = "fork-spoon", t["full-screen"] = "full-screen", t.goblet = "goblet", t["gold-medal"] = "gold-medal", t["goods-filled"] = "goods-filled", t.goods = "goods", t.grape = "grape", t.grid = "grid", t.guide = "guide", t.handbag = "handbag", t.headset = "headset", t.histogram = "histogram", t["hot-water"] = "hot-water", t.house = "house", t["ice-cream-round"] = "ice-cream-round", t["ice-drink"] = "ice-drink", t["info-filled"] = "info-filled", t.info = "info", t.image = "image", t.key = "key", t["knife-fork"] = "knife-fork", t.lightning = "lightning", t.link = "link", t.list = "list", t.loader = "loader", t.loading = "loading", t["location-filled"] = "location-filled", t["location-information"] = "location-information", t.location = "location", t.lock = "lock", t.logo = "logo", t.lollipop = "lollipop", t["magic-stick"] = "magic-stick", t.magnet = "magnet", t.male = "male", t.management = "management", t["map-location"] = "map-location", t.medal = "medal", t.memo = "memo", t.menu = "menu", t["message-box"] = "message-box", t.message = "message", t.mic = "mic", t.microphone = "microphone", t.minus = "minus", t.money = "money", t.monitor = "monitor", t.moon = "moon", t["more-filled"] = "more-filled", t.more = "more", t["mostly-cloudy"] = "mostly-cloudy", t.mouse = "mouse", t.mug = "mug", t["mute-notification"] = "mute-notification", t.mute = "mute", t["no-smoking"] = "no-smoking", t.notebook = "notebook", t.notification = "notification", t["office-building"] = "office-building", t.operation = "operation", t.opportunity = "opportunity", t.orange = "orange", t.paperclip = "paperclip", t["partly-cloudy"] = "partly-cloudy", t.pear = "pear", t["phone-filled"] = "phone-filled", t.phone = "phone", t.picture = "picture", t["pie-chart"] = "pie-chart", t.place = "place", t.platform = "platform", t.plus = "plus", t.pointer = "pointer", t.position = "position", t["post-card"] = "post-card", t.pouring = "pouring", t.present = "present", t["price-tag"] = "price-tag", t.printer = "printer", t.promotion = "promotion", t["quartz-watch"] = "quartz-watch", t["question-filled"] = "question-filled", t.rank = "rank", t["reading-lamp"] = "reading-lamp", t.reading = "reading", t["refresh-left"] = "refresh-left", t["refresh-right"] = "refresh-right", t.refresh = "refresh", t.refrigerator = "refrigerator", t["remove-filled"] = "remove-filled", t.remove = "remove", t["rotate-left"] = "rotate-left", t["rotate-right"] = "rotate-right", t["scale-to-original"] = "scale-to-original", t.school = "school", t.scissor = "scissor", t.search = "search", t.select = "select", t.sell = "sell", t["semi-select"] = "semi-select", t.service = "service", t.setting = "setting", t.share = "share", t.ship = "ship", t.shop = "shop", t["shopping-bag"] = "shopping-bag", t["shopping-cart-full"] = "shopping-cart-full", t["shopping-cart"] = "shopping-cart", t.shrink = "shrink", t.smoking = "smoking", t.soccer = "soccer", t["sold-out"] = "sold-out", t["sort-down"] = "sort-down", t["sort-up"] = "sort-up", t.sort = "sort", t.stamp = "stamp", t["star-filled"] = "star-filled", t.star = "star", t["success-filled"] = "success-filled", t.success = "success", t.sugar = "sugar", t.sunny = "sunny", t.sunrise = "sunrise", t.sunset = "sunset", t["switch-button"] = "switch-button", t["switch-filled"] = "switch-filled", t.switch = "switch", t["takeaway-box"] = "takeaway-box", t.ticket = "ticket", t.tickets = "tickets", t.time = "time", t.timer = "timer", t["toilet-paper"] = "toilet-paper", t.tools = "tools", t["top-left"] = "top-left", t["top-right"] = "top-right", t.top = "top", t["trend-charts"] = "trend-charts", t["triangle-down"] = "triangle-down", t["trophy-base"] = "trophy-base", t.trophy = "trophy", t["turn-off"] = "turn-off", t.umbrella = "umbrella", t.unlock = "unlock", t["upload-filled"] = "upload-filled", t.upload = "upload", t["user-filled"] = "user-filled", t.user = "user", t.van = "van", t["video-camera"] = "video-camera", t["video-pause"] = "video-pause", t["video-play"] = "video-play", t.video = "video", t.view = "view", t["wallet-filled"] = "wallet-filled", t.wallet = "wallet", t["warn-triangle-filled"] = "warn-triangle-filled", t.warning = "warning", t.watch = "watch", t["wind-power"] = "wind-power", t["zoom-in"] = "zoom-in", t["zoom-out"] = "zoom-out", t))(i || {}), X2 = /* @__PURE__ */ ((t) => (t.left = "left", t.right = "right", t.top = "top", t.bottom = "bottom", t))(X2 || {}), J2 = /* @__PURE__ */ ((t) => (t.fill = "fill", t.contain = "contain", t.cover = "cover", t.none = "none", t["scale-down"] = "scale-down", t))(J2 || {}), ee = /* @__PURE__ */ ((t) => (t.en = "en", t.ru = "ru", t.zh = "zh", t))(ee || {});
 const N2 = (t, e) => {
   const l = e.filter((r) => r !== "false" && r && r !== "undefined").map((r) => `${t}--${r}`);
   return l.push(t), l.join(" ").trim().replace(/\s+/g, " ");
-}, A = (t) => Object.entries(t).map(([e, l]) => N2(e, l)).join(" ").trim().replace(/\s+/g, " "), Ge = (t) => JSON.parse(JSON.stringify(t)), b9 = (t) => {
+}, A = (t) => Object.entries(t).map(([e, l]) => N2(e, l)).join(" ").trim().replace(/\s+/g, " "), Ge = (t) => JSON.parse(JSON.stringify(t)), y9 = (t) => {
   if (!t)
     return !1;
   const e = new DOMParser().parseFromString(t, "text/html");
   return Array.from(e.body.childNodes).some((l) => l.nodeType === 1);
-}, fe = () => {
+}, _e = () => {
   const t = () => Math.floor((1 + Math.random()) * 65536).toString(16).substring(1);
   return `${t()}${t()}-${t()}-4${t().substr(0, 3)}-${t().substr(0, 1)}${t().substr(1, 3)}-${t()}${t()}${t()}`;
-}, M9 = (t) => t.charAt(0).toUpperCase() + t.slice(1), Qe = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), Ke = {
+}, b9 = (t) => t.charAt(0).toUpperCase() + t.slice(1), Qe = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), Ke = {
   error: {
     bg: "#000000",
     text: "red"
@@ -31,10 +31,10 @@ const N2 = (t, e) => {
   }
 }, I2 = (t, e) => {
   console.log(`%c ${e} `, `background: ${Ke[t].bg}; color: ${Ke[t].text}`);
-}, k9 = (t) => t.replace(/(^\w|-\w)/g, (e) => e.replace(/-/, "").toUpperCase()), H9 = (t) => {
+}, M9 = (t) => t.replace(/(^\w|-\w)/g, (e) => e.replace(/-/, "").toUpperCase()), k9 = (t) => {
   const e = t.replace(/([A-Z])/g, " $1").trim();
   return e.charAt(0).toUpperCase() + e.slice(1);
-}, z9 = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/([A-Z])/g, "-$1").toLowerCase().replace(/--+/g, "-").replace(/^-/, ""), V9 = (t) => t.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/([A-Z])/g, " $1").trim(), e0 = ["disabled", "loading", "type"], t0 = { key: 1 }, n0 = { key: 0 }, U = /* @__PURE__ */ D({
+}, H9 = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/([A-Z])/g, "-$1").toLowerCase().replace(/--+/g, "-").replace(/^-/, ""), z9 = (t) => t.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/([A-Z])/g, " $1").trim(), e0 = ["disabled", "loading", "type"], t0 = { key: 1 }, n0 = { key: 0 }, U = /* @__PURE__ */ D({
   __name: "NmorphButton",
   props: {
     styleType: { default: "default" },
@@ -2919,7 +2919,7 @@ const wd = /* @__PURE__ */ D({
       });
     };
     Z(() => {
-      T(r.modelValue), pe(m);
+      T(r.modelValue), he(m);
     }), Y(
       () => r.modelValue,
       (le) => {
@@ -2929,11 +2929,11 @@ const wd = /* @__PURE__ */ D({
     ), Y(
       () => b?.browser.dimensions,
       () => {
-        pe(m);
+        he(m);
       },
       { deep: !0, immediate: !0 }
     );
-    const L = h(() => r.cssScrollBehavior), R = h(() => r.height), K = h(() => r.maxHeight), ae = hc(r);
+    const L = h(() => r.cssScrollBehavior), R = h(() => r.height), K = h(() => r.maxHeight), ae = vc(r);
     e({ scrollDOMContainer: s, moveTo: T });
     const ge = () => {
       k.value = !0;
@@ -3007,12 +3007,12 @@ const xd = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const ve = (t, e) => {
+const fe = (t, e) => {
   const l = t.__vccOpts || t;
   for (const [r, s] of e)
     l[r] = s;
   return l;
-}, $d = /* @__PURE__ */ ve(xd, [["__scopeId", "data-v-ced15967"]]), yd = {
+}, $d = /* @__PURE__ */ fe(xd, [["__scopeId", "data-v-ced15967"]]), yd = {
   key: 0,
   class: "nmorph-badge__dot"
 }, bd = {
@@ -3263,7 +3263,7 @@ const _2 = (t) => {
   for (let r = 0; r < 10; r++)
     l.push(e + r);
   return l;
-}, he = (t) => {
+}, ve = (t) => {
   if (!t)
     return;
   const e = "en-CA", l = {
@@ -3415,7 +3415,7 @@ const Sd = { class: "nmorph-card__header" }, Ad = { class: "nmorph-card__content
     ], 2));
   }
 });
-const Od = /* @__PURE__ */ ve(Td, [["__scopeId", "data-v-e3cb136f"]]), Pd = ["id"], Ed = { class: "nmorph-carousel__elements-indicator" }, qd = ["onClick"], Rd = /* @__PURE__ */ D({
+const Od = /* @__PURE__ */ fe(Td, [["__scopeId", "data-v-e3cb136f"]]), Pd = ["id"], Ed = { class: "nmorph-carousel__elements-indicator" }, qd = ["onClick"], Rd = /* @__PURE__ */ D({
   __name: "NmorphCarousel",
   props: {
     loop: { type: Boolean, default: !0 }
@@ -3430,7 +3430,7 @@ const Od = /* @__PURE__ */ ve(Td, [["__scopeId", "data-v-e3cb136f"]]), Pd = ["id
       () => A({
         "nmorph-carousel": []
       })
-    ), v = y([]), m = fe();
+    ), v = y([]), m = _e();
     N("carousel-data", { data: v, carouselId: m });
     const x = y(null), M = ue({}), $ = () => {
       const V = M[Object.keys(M).length - 1]?.cloneNode(!0), j = M[0]?.cloneNode(!0);
@@ -3439,7 +3439,7 @@ const Od = /* @__PURE__ */ ve(Td, [["__scopeId", "data-v-e3cb136f"]]), Pd = ["id
       l.value === 0 && (l.value = Object.keys(M).length, b.value = !1), l.value > Object.keys(M).length && (l.value = 1, b.value = !1);
     };
     Z(() => {
-      d.loop && l.value === 0 && (pe(() => $()), x.value?.addEventListener("transitionend", w));
+      d.loop && l.value === 0 && (he(() => $()), x.value?.addEventListener("transitionend", w));
     }), Y(l, (V) => {
       c("change", l.value), (V === 1 || V === Object.keys(M).length) && setTimeout(() => {
         b.value = !0;
@@ -3512,7 +3512,7 @@ const Fd = /* @__PURE__ */ D({
       key: 0,
       class: B(l.value)
     }, [
-      (a(), E(me, {
+      (a(), E(pe, {
         to: `#nmorph-carousel-item-${p(r)?.carouselId}-${e.name}`
       }, [
         S(d.$slots, "default")
@@ -3671,7 +3671,7 @@ const Ld = ["src", "alt", "srcset"], Ud = {
     ], 2)) : O("", !0);
   }
 });
-const be = /* @__PURE__ */ ve(Gd, [["__scopeId", "data-v-4c37d982"]]), Qd = { class: "nmorph-image-preview__content" }, Kd = {
+const be = /* @__PURE__ */ fe(Gd, [["__scopeId", "data-v-4c37d982"]]), Qd = { class: "nmorph-image-preview__content" }, Kd = {
   key: 0,
   class: "nmorph-image-preview__left"
 }, Zd = {
@@ -4169,7 +4169,7 @@ const mu = { class: "nmorph-table__wrapper" }, _u = { class: "nmorph-table__head
         immediate: !0
       }
     );
-    const M = (w) => typeof w == "object" ? "" : w, $ = fe();
+    const M = (w) => typeof w == "object" ? "" : w, $ = _e();
     return N("table-identifier", $), (w, f) => (a(), o("div", {
       ref_key: "nmorphDOMTable",
       ref: c,
@@ -4263,14 +4263,14 @@ const H2 = /* @__PURE__ */ D({
       })
     ), d = h(() => `#table-cell-${l}-${r.row}-${e}`), c = y(!1);
     return Z(async () => {
-      await pe();
+      await he();
       const u = document.querySelector(d.value);
       u && (u.innerHTML = ""), c.value = !0;
     }), (u, v) => c.value ? (a(), o("div", {
       key: 0,
       class: B(s.value)
     }, [
-      (a(), E(me, { to: d.value }, [
+      (a(), E(pe, { to: d.value }, [
         S(u.$slots, "default")
       ], 8, ["to"]))
     ], 2)) : O("", !0);
@@ -4374,16 +4374,15 @@ const Hu = ["innerHTML"], zu = {
 }, Vu = { class: "nmorph-alert__left-side" }, Bu = {
   key: 0,
   class: "nmorph-alert__icon"
-}, Cu = { class: "nmorph-alert__content-wrapper" }, Su = { class: "nmorph-alert__content-title" }, Au = { class: "nmorph-alert__content" }, Du = /* @__PURE__ */ D({
+}, Cu = { class: "nmorph-alert__content-wrapper" }, Su = { class: "nmorph-alert__content-title" }, Au = { class: "nmorph-alert__content" }, V2 = /* @__PURE__ */ D({
   __name: "NmorphAlert",
   props: {
-    id: {},
+    id: { default: void 0 },
     type: { default: "info" },
     closable: { type: Boolean, default: !1 },
     title: { default: "" },
     content: { default: "" },
     fill: { type: Boolean, default: !1 },
-    maxWidth: {},
     showIcon: { type: Boolean, default: !0 },
     bordered: { type: Boolean, default: !0 },
     html: { default: "" }
@@ -4402,13 +4401,13 @@ const Hu = ["innerHTML"], zu = {
       [ie.info]: "info-filled",
       [ie.error]: "circle-close-filled"
     }, u = a2();
-    return (v, m) => p(u).default || l.title || l.content ? (a(), o("div", {
+    return (v, m) => p(u).default || l.title || l.content || l.html ? (a(), o("div", {
       key: 0,
       class: B(s.value)
     }, [
       l.html ? (a(), o("div", {
         key: 0,
-        class: "nmorph-alert__wrapper",
+        class: "nmorph-alert__html-wrapper",
         innerHTML: l.html
       }, null, 8, Hu)) : (a(), o("div", zu, [
         n("div", Vu, [
@@ -4418,18 +4417,18 @@ const Hu = ["innerHTML"], zu = {
                 name: c[l.type],
                 size: "medium"
               }, null, 8, ["name"])
-            ], !0)
+            ])
           ])) : O("", !0),
           n("div", Cu, [
             n("div", Su, [
               l.title || p(u).title ? S(v.$slots, "title", { key: 0 }, () => [
                 te(F(l.title), 1)
-              ], !0) : O("", !0)
+              ]) : O("", !0)
             ]),
             n("div", Au, [
               S(v.$slots, "default", {}, () => [
                 te(F(l.content), 1)
-              ], !0)
+              ])
             ])
           ])
         ]),
@@ -4448,9 +4447,8 @@ const Hu = ["innerHTML"], zu = {
     ], 2)) : O("", !0);
   }
 });
-const V2 = /* @__PURE__ */ ve(Du, [["__scopeId", "data-v-a98b30ba"]]);
 var ie = /* @__PURE__ */ ((t) => (t.success = "success", t.error = "error", t.warning = "warning", t.info = "info", t))(ie || {});
-const Tu = { class: "nmorph-dialog__header" }, Ou = { class: "nmorph-dialog__title" }, Pu = { class: "nmorph-dialog__content" }, Eu = /* @__PURE__ */ D({
+const Du = { class: "nmorph-dialog__header" }, Tu = { class: "nmorph-dialog__title" }, Ou = { class: "nmorph-dialog__content" }, Pu = /* @__PURE__ */ D({
   __name: "NmorphDialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -4498,9 +4496,9 @@ const Tu = { class: "nmorph-dialog__header" }, Ou = { class: "nmorph-dialog__tit
         n("div", {
           class: B(s.value)
         }, [
-          n("div", Tu, [
+          n("div", Du, [
             S(M.$slots, "header", {}, () => [
-              n("div", Ou, F(l.title), 1),
+              n("div", Tu, F(l.title), 1),
               l.showClose ? (a(), o("div", {
                 key: 0,
                 class: "nmorph-dialog__close-icon",
@@ -4510,7 +4508,7 @@ const Tu = { class: "nmorph-dialog__header" }, Ou = { class: "nmorph-dialog__tit
               ])) : O("", !0)
             ])
           ]),
-          n("div", Pu, [
+          n("div", Ou, [
             S(M.$slots, "default")
           ])
         ], 2)
@@ -4519,7 +4517,7 @@ const Tu = { class: "nmorph-dialog__header" }, Ou = { class: "nmorph-dialog__tit
     }, 8, ["show"]));
   }
 });
-var qu = /* @__PURE__ */ ((t) => (t["contains-one"] = "contains-one", t["not-contains"] = "not-contains", t["full-eq"] = "full-eq", t))(qu || {}), Ru = /* @__PURE__ */ ((t) => (t.eq = "eq", t.gte = "gte", t.lte = "lte", t.gt = "gt", t.lt = "lt", t))(Ru || {}), Fu = /* @__PURE__ */ ((t) => (t.eq = "eq", t["not-eq"] = "not-eq", t))(Fu || {});
+var Eu = /* @__PURE__ */ ((t) => (t["contains-one"] = "contains-one", t["not-contains"] = "not-contains", t["full-eq"] = "full-eq", t))(Eu || {}), qu = /* @__PURE__ */ ((t) => (t.eq = "eq", t.gte = "gte", t.lte = "lte", t.gt = "gt", t.lt = "lt", t))(qu || {}), Ru = /* @__PURE__ */ ((t) => (t.eq = "eq", t["not-eq"] = "not-eq", t))(Ru || {});
 const Je = (t) => {
   const { inputValue: e, rules: l } = t, r = y([]), s = h(() => r.value.length === 0), d = y(!1);
   return {
@@ -4579,7 +4577,7 @@ const Je = (t) => {
       }
     }
   };
-}, ju = (t, e = !1) => {
+}, Fu = (t, e = !1) => {
   const l = ue({}), r = ue(Ge(t)), s = () => {
     Object.entries(t).forEach(([u, v]) => {
       l[u] = Je({ inputValue: v.value, rules: v.rules }), l[u].validate();
@@ -4602,7 +4600,7 @@ const Je = (t) => {
     v();
   });
   const v = () => {
-    pe(() => {
+    he(() => {
       if (!r.value || !l) {
         console.warn("There is no relative element or content DOM element");
         return;
@@ -4617,19 +4615,19 @@ const Je = (t) => {
     });
   };
   return { placement: c, placementCoords: u };
-}, B9 = () => {
-}, Wu = "@nmorph/nmorph-ui-kit", Lu = "module", Uu = "0.2.117", Yu = "MIT", Gu = {
+}, V9 = () => {
+}, ju = "@nmorph/nmorph-ui-kit", Wu = "module", Lu = "0.2.123", Uu = "MIT", Yu = {
   node: "18.13.0",
   npm: "8.19.3"
-}, Qu = "./dist/index.d.ts", Ku = "./dist/index.umd.js", Zu = "./dist/index.es.js", Xu = "./dist/style.css", Ju = [
+}, Gu = "./dist/index.d.ts", Qu = "./dist/index.umd.js", Ku = "./dist/index.es.js", Zu = "./dist/style.css", Xu = [
   "*.css"
-], Nu = [
+], Ju = [
   "dist",
   "tsconfig.base.json",
   ".eslintrc.base.cjs",
   ".stylelintrc.base.cjs",
   ".prettierrc.base.cjs"
-], Iu = {
+], Nu = {
   ".": {
     import: {
       types: "./dist/index.d.ts",
@@ -4643,7 +4641,7 @@ const Je = (t) => {
   "./dist/styles/abstracts/_mixins.scss": "./dist/styles/abstracts/_mixins.scss",
   "./dist/styles/abstracts/_functions.scss": "./dist/styles/abstracts/_functions.scss",
   "./dist/styles/main.scss": "./dist/styles/main.scss"
-}, ec = {
+}, Iu = {
   build: "npm run build:types && vite build",
   "lint:es:check": "eslint --ext .js,.ts,.vue --ignore-path .gitignore src/",
   "lint:es": "eslint --ext .js,.ts,.vue --ignore-path .gitignore --fix src/",
@@ -4660,13 +4658,13 @@ const Je = (t) => {
   "story:preview": "histoire preview",
   "test:dev": "npx vitest",
   "build:types": "vue-tsc --declaration --emitDeclarationOnly --outDir dist"
-}, tc = {
+}, ec = {
   "@types/vue-router": "^2.0.0",
   "normalize.css": "^8.0.1",
   vue: "^3.4.7",
   "vue-i18n": "^9.9.0",
   "vue-template-es2015-compiler": "^1.9.1"
-}, nc = {
+}, tc = {
   "@histoire/plugin-vue": "^0.17.6",
   "@types/node": "^20.10.8",
   "@types/vue": "^2.0.0",
@@ -4704,23 +4702,23 @@ const Je = (t) => {
   vitest: "^1.2.0",
   "vue-eslint-parser": "^9.4.0",
   "vue-tsc": "^2.0.22"
-}, ac = {
-  name: Wu,
-  type: Lu,
+}, nc = {
+  name: ju,
+  type: Wu,
   private: !1,
-  version: Uu,
-  license: Yu,
-  engines: Gu,
-  types: Qu,
-  main: Ku,
-  module: Zu,
-  style: Xu,
-  sideEffects: Ju,
-  files: Nu,
-  exports: Iu,
-  scripts: ec,
-  dependencies: tc,
-  devDependencies: nc
+  version: Lu,
+  license: Uu,
+  engines: Yu,
+  types: Gu,
+  main: Qu,
+  module: Ku,
+  style: Zu,
+  sideEffects: Xu,
+  files: Ju,
+  exports: Nu,
+  scripts: Iu,
+  dependencies: ec,
+  devDependencies: tc
 }, C2 = [
   { name: "--nmorph-info-color", color: "#d4e5edbb" },
   { name: "--nmorph-info-text-color", color: "#506c80" },
@@ -4734,27 +4732,27 @@ const Je = (t) => {
   { name: "--nmorph-gray-color", color: "#c9d2dee6" },
   { name: "--nmorph-black-color", color: "#000000" },
   { name: "--nmorph-overlay-color", color: "#00000095" }
-], lc = {
+], ac = {
   darkShade: "#c8c9ca",
   main: "#eaf2f9",
   lightShade: "#ffffff",
   text: "#687b9e",
   accent: "#4a90e2",
   focusText: "#ffffff"
-}, oc = {
+}, lc = {
   darkShade: "#0f1112",
   main: "#1c1f21",
   lightShade: "#292d30",
   text: "#778288",
   accent: "#006cb6",
   focusText: "#ffffff"
-}, se = "nmorph-data-theme", rc = "dark", sc = {
+}, se = "nmorph-data-theme", oc = "dark", rc = {
   themes: {
     common: C2,
-    light: lc,
-    dark: oc
+    light: ac,
+    dark: lc
   },
-  defaultTheme: rc,
+  defaultTheme: oc,
   saveCurrentThemeToLS: !0,
   darkShadeGeneratorCoefficient: -45,
   lightShadeGeneratorCoefficient: 45,
@@ -4762,11 +4760,11 @@ const Je = (t) => {
     baseShadowWidth: "1.5px",
     baseShadowBlurCoefficient: "1.5"
   }
-}, ic = (t) => /^#[0-9A-Fa-f]{6}$/.test(t), dc = (t) => {
-  if (!ic(t))
+}, sc = (t) => /^#[0-9A-Fa-f]{6}$/.test(t), ic = (t) => {
+  if (!sc(t))
     throw new Error(`Invalid hex color: ${t}`);
   return t;
-}, uc = (t, e) => {
+}, dc = (t, e) => {
   const l = {};
   return t.forEach(({ name: r, color: s }) => {
     l[r] = s;
@@ -4778,11 +4776,11 @@ const Je = (t) => {
   l = Math.round(l * (1 + e / 100)), r = Math.round(r * (1 + e / 100)), s = Math.round(s * (1 + e / 100)), l = Math.min(255, Math.max(0, l)), r = Math.min(255, Math.max(0, r)), s = Math.min(255, Math.max(0, s));
   const d = l.toString(16).padStart(2, "0"), c = r.toString(16).padStart(2, "0"), u = s.toString(16).padStart(2, "0");
   return `#${d}${c}${u}`;
-}, cc = (t) => {
-  I2("warn", `NMORPH(v${ac.version})`);
-  const e = { ...sc, ...t }, l = ($) => {
+}, uc = (t) => {
+  I2("warn", `NMORPH(v${nc.version})`);
+  const e = { ...rc, ...t }, l = ($) => {
     try {
-      const w = dc($), f = Ne(w, e.darkShadeGeneratorCoefficient), g = Ne(w, e.lightShadeGeneratorCoefficient);
+      const w = ic($), f = Ne(w, e.darkShadeGeneratorCoefficient), g = Ne(w, e.lightShadeGeneratorCoefficient);
       return [
         { name: "--nmorph-dark-shade-color", color: f },
         { name: "--nmorph-light-shade-color", color: g }
@@ -4797,7 +4795,7 @@ const Je = (t) => {
     const f = (_) => _.map((z) => `${z.name}: ${z.color};`).join(" "), g = Object.entries(w).map(([_, z]) => `--${Qe(_)}: ${z};`).join(" "), b = [];
     return Object.entries($).forEach(([_, z]) => {
       if (_ === "common")
-        b.push(f(uc(C2, z)));
+        b.push(f(dc(C2, z)));
       else {
         const V = `
           &[${se}='${_}'] {
@@ -4904,20 +4902,20 @@ const Je = (t) => {
 }, Ie = {
   NmorphSwitch: Re[ee.en],
   NmorphCalendar: Fe[ee.en]
-}, C9 = {
+}, B9 = {
   NmorphSwitch: Re[ee.ru],
   NmorphCalendar: Fe[ee.ru]
-}, S9 = {
+}, C9 = {
   NmorphSwitch: Re[ee.zh],
   NmorphCalendar: Fe[ee.zh]
-}, vc = (t) => {
+}, cc = (t) => {
   const e = t && t.messages ? { ...t.messages, en: Ie } : { en: Ie }, l = t && t.locale ? t.locale : ee.en;
   return G2({
     locale: l,
     fallbackLocale: ee.en,
     messages: e
   });
-}, A9 = () => {
+}, S9 = () => {
   const t = y([]), e = {
     duration: 3e3,
     closable: !0,
@@ -4925,7 +4923,7 @@ const Je = (t) => {
     width: "330px"
   }, l = (s) => {
     const d = {
-      id: Date.now(),
+      id: String(Date.now()),
       ...e
     }, c = ue({
       ...d,
@@ -4940,16 +4938,16 @@ const Je = (t) => {
     notify: l,
     removeNotification: r
   };
-}, hc = (t) => {
+}, vc = (t) => {
   const e = {};
   return t.role && (e.role = t.role), t.ariaLabel && (e["aria-label"] = t.ariaLabel), t.ariaOrientation && (e["aria-orientation"] = t.ariaOrientation), e;
-}, pc = { class: "nmorph-tooltip__shadow-content" }, mc = {
+}, hc = { class: "nmorph-tooltip__shadow-content" }, pc = {
   key: 0,
   class: "nmorph-tooltip__triangle"
-}, _c = {
+}, mc = {
   key: 0,
   class: "nmorph-tooltip__info-content"
-}, fc = { class: "nmorph-tooltip__shadow-content" }, gc = { key: 0 }, S2 = /* @__PURE__ */ D({
+}, _c = { class: "nmorph-tooltip__shadow-content" }, fc = { key: 0 }, S2 = /* @__PURE__ */ D({
   __name: "NmorphTooltip",
   props: {
     text: { default: "" },
@@ -4993,7 +4991,7 @@ const Je = (t) => {
         }, [
           S(x.$slots, "default")
         ], 512),
-        e.forceCoordinate ? (a(), E(_e, {
+        e.forceCoordinate ? (a(), E(me, {
           key: 0,
           name: "opacity",
           tag: "div"
@@ -5004,23 +5002,23 @@ const Je = (t) => {
               class: "nmorph-tooltip__info-content",
               style: I({ left: x.forceCoordinate?.x, bottom: x.forceCoordinate?.y })
             }, [
-              n("div", pc, [
-                e.forceCoordinate ? O("", !0) : (a(), o("div", mc)),
+              n("div", hc, [
+                e.forceCoordinate ? O("", !0) : (a(), o("div", pc)),
                 n("span", null, F(x.text), 1)
               ])
             ], 4)) : O("", !0)
           ]),
           _: 1
-        })) : (a(), E(_e, {
+        })) : (a(), E(me, {
           key: 1,
           name: "opacity",
           tag: "div"
         }, {
           default: q(() => [
-            l.value ? (a(), o("div", _c, [
-              n("div", fc, [
+            l.value ? (a(), o("div", mc, [
+              n("div", _c, [
                 M[0] || (M[0] = n("div", { class: "nmorph-tooltip__triangle" }, null, -1)),
-                e.text ? (a(), o("span", gc, F(x.text), 1)) : S(x.$slots, "content", { key: 1 })
+                e.text ? (a(), o("span", fc, F(x.text), 1)) : S(x.$slots, "content", { key: 1 })
               ])
             ])) : O("", !0)
           ]),
@@ -5030,25 +5028,25 @@ const Je = (t) => {
     ], 2));
   }
 });
-const wc = {
+const gc = {
   key: 0,
   class: "nmorph-checkbox__content"
-}, xc = { class: "nmorph-checkbox__input-wrapper" }, $c = ["disabled", "checked"], yc = {
+}, wc = { class: "nmorph-checkbox__input-wrapper" }, xc = ["disabled", "checked"], $c = {
   key: 0,
   class: "nmorph-checkbox__fake-checked"
-}, bc = {
+}, yc = {
   key: 0,
   class: "nmorph-checkbox__label"
-}, Mc = {
+}, bc = {
   key: 1,
   class: "nmorph-checkbox__label"
-}, kc = {
+}, Mc = {
   key: 1,
   class: "nmorph-checkbox__content"
-}, Hc = ["disabled", "checked"], zc = {
+}, kc = ["disabled", "checked"], Hc = {
   key: 0,
   class: "nmorph-checkbox__fake"
-}, Vc = {
+}, zc = {
   key: 1,
   class: "nmorph-checkbox__fake"
 }, A2 = /* @__PURE__ */ D({
@@ -5097,8 +5095,8 @@ const wc = {
     return ($, w) => (a(), o("label", {
       class: B(M.value)
     }, [
-      s.design === "checkbox" ? (a(), o("div", wc, [
-        n("div", xc, [
+      s.design === "checkbox" ? (a(), o("div", gc, [
+        n("div", wc, [
           n("input", {
             ref_key: "inputDOMRef",
             ref: d,
@@ -5107,17 +5105,17 @@ const wc = {
             checked: v.value,
             class: "nmorph-native-input",
             onChange: x
-          }, null, 40, $c),
+          }, null, 40, xc),
           w[0] || (w[0] = n("div", { class: "nmorph-checkbox__fake" }, null, -1)),
-          v.value ? (a(), o("div", yc)) : O("", !0)
+          v.value ? (a(), o("div", $c)) : O("", !0)
         ]),
-        s.label ? (a(), o("div", bc, [
+        s.label ? (a(), o("div", yc, [
           n("span", null, F(s.label), 1)
-        ])) : (a(), o("div", Mc, [
+        ])) : (a(), o("div", bc, [
           S($.$slots, "default")
         ]))
       ])) : O("", !0),
-      s.design === "button" ? (a(), o("div", kc, [
+      s.design === "button" ? (a(), o("div", Mc, [
         n("input", {
           ref_key: "inputDOMRef",
           ref: d,
@@ -5125,17 +5123,17 @@ const wc = {
           disabled: s.disabled,
           checked: v.value,
           onChange: x
-        }, null, 40, Hc),
-        s.label ? (a(), o("div", zc, [
+        }, null, 40, kc),
+        s.label ? (a(), o("div", Hc, [
           n("span", null, F(s.label), 1)
-        ])) : (a(), o("div", Vc, [
+        ])) : (a(), o("div", zc, [
           S($.$slots, "label")
         ]))
       ])) : O("", !0)
     ], 2));
   }
 });
-const Bc = { class: "nmorph-checkbox-group__wrapper" }, Cc = { class: "nmorph-checkbox-group__content" }, Sc = /* @__PURE__ */ D({
+const Vc = { class: "nmorph-checkbox-group__wrapper" }, Bc = { class: "nmorph-checkbox-group__content" }, Cc = /* @__PURE__ */ D({
   __name: "NmorphCheckboxGroup",
   props: {
     modelValue: { default: () => [] },
@@ -5158,8 +5156,8 @@ const Bc = { class: "nmorph-checkbox-group__wrapper" }, Cc = { class: "nmorph-ch
     return N("checkbox-group-selected-value", r), N("change-checkbox-value-handler", d), (u, v) => (a(), o("div", {
       class: B(c.value)
     }, [
-      n("div", Bc, [
-        n("div", Cc, [
+      n("div", Vc, [
+        n("div", Bc, [
           (a(!0), o(G, null, Q(u.options, (m, x) => (a(), E(p(A2), {
             id: m.id,
             key: x,
@@ -5174,13 +5172,13 @@ const Bc = { class: "nmorph-checkbox-group__wrapper" }, Cc = { class: "nmorph-ch
     ], 2));
   }
 });
-const Ac = { class: "nmorph-autocomplete__input-content" }, Dc = {
+const Sc = { class: "nmorph-autocomplete__input-content" }, Ac = {
   key: 0,
   class: "nmorph-autocomplete__loading"
-}, Tc = {
+}, Dc = {
   key: 1,
   class: "nmorph-autocomplete__list"
-}, Oc = ["onClick"], Pc = /* @__PURE__ */ D({
+}, Tc = ["onClick"], Oc = /* @__PURE__ */ D({
   __name: "NmorphAutocomplete",
   props: {
     modelValue: { default: "" },
@@ -5220,7 +5218,7 @@ const Ac = { class: "nmorph-autocomplete__input-content" }, Dc = {
     }), (f, g) => (a(), o("div", {
       class: B(d.value)
     }, [
-      n("div", Ac, [
+      n("div", Sc, [
         n("div", {
           ref_key: "nmorphAutocompleteDOMRef",
           ref: v,
@@ -5245,14 +5243,14 @@ const Ac = { class: "nmorph-autocomplete__input-content" }, Dc = {
         onOnOutsideClick: m
       }, {
         default: q(() => [
-          w.value ? (a(), o("div", Dc, [
+          w.value ? (a(), o("div", Ac, [
             S(f.$slots, "loader", {}, () => [
               H(p(P), {
                 name: "loader",
                 size: "large"
               })
             ])
-          ])) : (a(), o("div", Tc, [
+          ])) : (a(), o("div", Dc, [
             (a(!0), o(G, null, Q(x.value, (b, _) => (a(), o("div", {
               key: _,
               class: "nmorph-autocomplete__list-item",
@@ -5261,7 +5259,7 @@ const Ac = { class: "nmorph-autocomplete__input-content" }, Dc = {
               S(f.$slots, "default", { scope: b }, () => [
                 te(F(b.value), 1)
               ])
-            ], 8, Oc))), 128))
+            ], 8, Tc))), 128))
           ]))
         ]),
         _: 3
@@ -5287,13 +5285,13 @@ const e2 = /* @__PURE__ */ D({
       })
     ], 2));
   }
-}), Ec = {
+}), Pc = {
   key: 0,
   class: "nmorph-date-picker__date-wrapper"
-}, qc = { class: "nmorph-date-picker__selected-value" }, Rc = { class: "nmorph-date-picker__clear-button-wrapper" }, Fc = { class: "nmorph-date-picker__content" }, jc = {
+}, Ec = { class: "nmorph-date-picker__selected-value" }, qc = { class: "nmorph-date-picker__clear-button-wrapper" }, Rc = { class: "nmorph-date-picker__content" }, Fc = {
   key: 1,
   class: "nmorph-date-picker__date-range-wrapper"
-}, Wc = { class: "nmorph-date-picker__selected-value" }, Lc = { class: "nmorph-date-picker__value-from" }, Uc = { class: "nmorph-date-picker__value-separator" }, Yc = { class: "nmorph-date-picker__value-from" }, Gc = { class: "nmorph-date-picker__clear-button-wrapper" }, Qc = { class: "nmorph-date-picker__content" }, Kc = /* @__PURE__ */ D({
+}, jc = { class: "nmorph-date-picker__selected-value" }, Wc = { class: "nmorph-date-picker__value-from" }, Lc = { class: "nmorph-date-picker__value-separator" }, Uc = { class: "nmorph-date-picker__value-from" }, Yc = { class: "nmorph-date-picker__clear-button-wrapper" }, Gc = { class: "nmorph-date-picker__content" }, Qc = /* @__PURE__ */ D({
   __name: "NmorphDatePicker",
   props: {
     placeholder: { default: "Pick a date" },
@@ -5320,9 +5318,9 @@ const e2 = /* @__PURE__ */ D({
       v.value = !1;
     }, M = () => {
       v.value = !v.value;
-    }, $ = h(() => d.value ? Array.isArray(d.value) ? d.value.length === 0 ? l.placeholder : he(d.value).join(", ") : he(d.value) : l.placeholder), w = h(() => {
+    }, $ = h(() => d.value ? Array.isArray(d.value) ? d.value.length === 0 ? l.placeholder : ve(d.value).join(", ") : ve(d.value) : l.placeholder), w = h(() => {
       if (Array.isArray(d.value)) {
-        const V = he(d.value[0]) ?? l.startDatePlaceholder, j = he(d.value[1]) ?? l.endDatePlaceholder;
+        const V = ve(d.value[0]) ?? l.startDatePlaceholder, j = ve(d.value[1]) ?? l.endDatePlaceholder;
         return {
           from: V,
           to: j
@@ -5352,7 +5350,7 @@ const e2 = /* @__PURE__ */ D({
     return (V, j) => (a(), o("div", {
       class: B(u.value)
     }, [
-      l.type === "date" || l.type === "dates" ? (a(), o("div", Ec, [
+      l.type === "date" || l.type === "dates" ? (a(), o("div", Pc, [
         n("div", {
           ref_key: "nmorphInputDOMRef",
           ref: m,
@@ -5364,15 +5362,15 @@ const e2 = /* @__PURE__ */ D({
             name: "calendar",
             class: "nmorph-date-picker__calendar-icon"
           }),
-          n("div", qc, F($.value), 1),
-          n("div", Rc, [
+          n("div", Ec, F($.value), 1),
+          n("div", qc, [
             b.value ? (a(), E(e2, {
               key: 0,
               onClear: f
             })) : O("", !0)
           ])
         ], 2),
-        n("div", Fc, [
+        n("div", Rc, [
           m.value ? (a(), E(p(ce), {
             key: 0,
             "fill-width": !1,
@@ -5393,7 +5391,7 @@ const e2 = /* @__PURE__ */ D({
           }, 8, ["open", "relative-element"])) : O("", !0)
         ])
       ])) : O("", !0),
-      l.type === "daterange" ? (a(), o("div", jc, [
+      l.type === "daterange" ? (a(), o("div", Fc, [
         n("div", {
           ref_key: "nmorphInputDOMRef",
           ref: m,
@@ -5405,19 +5403,19 @@ const e2 = /* @__PURE__ */ D({
             name: "calendar",
             class: "nmorph-date-picker__calendar-icon"
           }),
-          n("div", Wc, [
-            n("div", Lc, F(w.value.from), 1),
-            n("div", Uc, F(l.textSeparator), 1),
-            n("div", Yc, F(w.value.to), 1)
+          n("div", jc, [
+            n("div", Wc, F(w.value.from), 1),
+            n("div", Lc, F(l.textSeparator), 1),
+            n("div", Uc, F(w.value.to), 1)
           ]),
-          n("div", Gc, [
+          n("div", Yc, [
             b.value ? (a(), E(e2, {
               key: 0,
               onClear: f
             })) : O("", !0)
           ])
         ], 2),
-        n("div", Qc, [
+        n("div", Gc, [
           m.value ? (a(), E(p(ce), {
             key: 0,
             "fill-width": !1,
@@ -5449,7 +5447,7 @@ const e2 = /* @__PURE__ */ D({
   }
 });
 var D2 = /* @__PURE__ */ ((t) => (t.date = "date", t.dates = "dates", t.daterange = "daterange", t))(D2 || {});
-const Zc = { class: "nmorph-year-month-picker__header" }, Xc = { class: "nmorph-year-month-picker__value" }, Jc = { class: "nmorph-year-month-picker__values" }, Oe = /* @__PURE__ */ D({
+const Kc = { class: "nmorph-year-month-picker__header" }, Zc = { class: "nmorph-year-month-picker__value" }, Xc = { class: "nmorph-year-month-picker__values" }, Oe = /* @__PURE__ */ D({
   __name: "NmorphYearMonthPicker",
   props: {
     currentDate: {},
@@ -5498,7 +5496,7 @@ const Zc = { class: "nmorph-year-month-picker__header" }, Xc = { class: "nmorph-
     return (_, z) => (a(), o("div", {
       class: B(x.value)
     }, [
-      n("div", Zc, [
+      n("div", Kc, [
         H(p(U), {
           class: "nmorph-year-month-picker__action-btn",
           "style-type": "transparent",
@@ -5512,7 +5510,7 @@ const Zc = { class: "nmorph-year-month-picker__header" }, Xc = { class: "nmorph-
           ]),
           _: 1
         }),
-        n("div", Xc, [
+        n("div", Zc, [
           H(p(U), {
             text: g.value,
             "style-type": "transparent",
@@ -5533,7 +5531,7 @@ const Zc = { class: "nmorph-year-month-picker__header" }, Xc = { class: "nmorph-
           _: 1
         })
       ]),
-      n("div", Jc, [
+      n("div", Xc, [
         H(p(Le), {
           "model-value": c.value,
           options: d.value,
@@ -5619,7 +5617,7 @@ const ye = /* @__PURE__ */ D({
       }, null, 8, ["current-date"])) : O("", !0)
     ], 2));
   }
-}), Nc = { class: "nmorph-date-picker-header__left-side" }, Ic = { class: "nmorph-date-picker-header__center-side" }, e5 = { class: "nmorph-date-picker-header__right-side" }, T2 = /* @__PURE__ */ D({
+}), Jc = { class: "nmorph-date-picker-header__left-side" }, Nc = { class: "nmorph-date-picker-header__center-side" }, Ic = { class: "nmorph-date-picker-header__right-side" }, T2 = /* @__PURE__ */ D({
   __name: "NmorphDatePickerHeader",
   props: {
     date: { default: () => /* @__PURE__ */ new Date() }
@@ -5634,7 +5632,7 @@ const ye = /* @__PURE__ */ D({
     return (d, c) => (a(), o("div", {
       class: B(s.value)
     }, [
-      n("div", Nc, [
+      n("div", Jc, [
         H(p(U), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
@@ -5662,7 +5660,7 @@ const ye = /* @__PURE__ */ D({
           _: 1
         })
       ]),
-      n("div", Ic, [
+      n("div", Nc, [
         H(p(U), {
           text: String(l.date.getFullYear()),
           "style-type": "transparent",
@@ -5676,7 +5674,7 @@ const ye = /* @__PURE__ */ D({
           onClick: c[3] || (c[3] = (u) => r("change-month"))
         }, null, 8, ["text"])
       ]),
-      n("div", e5, [
+      n("div", Ic, [
         H(p(U), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
@@ -5707,7 +5705,7 @@ const ye = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const t5 = { class: "nmorph-file-upload__trigger" }, n5 = ["multiple"], a5 = { class: "nmorph-file-upload__list" }, l5 = { class: "nmorph-file-upload__file-info" }, o5 = { class: "nmorph-file-upload__file-name" }, r5 = { class: "nmorph-file-upload__remove-file" }, s5 = /* @__PURE__ */ D({
+const e5 = { class: "nmorph-file-upload__trigger" }, t5 = ["multiple"], n5 = { class: "nmorph-file-upload__list" }, a5 = { class: "nmorph-file-upload__file-info" }, l5 = { class: "nmorph-file-upload__file-name" }, o5 = { class: "nmorph-file-upload__remove-file" }, r5 = /* @__PURE__ */ D({
   __name: "NmorphFileUpload",
   props: {
     modelValue: { default: () => [] },
@@ -5761,7 +5759,7 @@ const t5 = { class: "nmorph-file-upload__trigger" }, n5 = ["multiple"], a5 = { c
     return (w, f) => (a(), o("div", {
       class: B($.value)
     }, [
-      n("div", t5, [
+      n("div", e5, [
         n("input", {
           ref_key: "inputDOMRef",
           ref: c,
@@ -5769,7 +5767,7 @@ const t5 = { class: "nmorph-file-upload__trigger" }, n5 = ["multiple"], a5 = { c
           multiple: l.multiple,
           class: "nmorph-native-input",
           onChange: v
-        }, null, 40, n5),
+        }, null, 40, t5),
         S(w.$slots, "trigger", {}, () => [
           H(p(U), {
             text: "Select file",
@@ -5778,8 +5776,8 @@ const t5 = { class: "nmorph-file-upload__trigger" }, n5 = ["multiple"], a5 = { c
           })
         ])
       ]),
-      n("div", a5, [
-        H(_e, {
+      n("div", n5, [
+        H(me, {
           name: "list",
           tag: "div"
         }, {
@@ -5789,15 +5787,15 @@ const t5 = { class: "nmorph-file-upload__trigger" }, n5 = ["multiple"], a5 = { c
               class: "nmorph-file-upload__file"
             }, [
               H(p(y2), { src: b }, null, 8, ["src"]),
-              n("div", l5, [
+              n("div", a5, [
                 H(p(P), {
                   name: s(g.type),
                   width: "14px",
                   height: "17px"
                 }, null, 8, ["name"]),
-                n("span", o5, F(g.name), 1)
+                n("span", l5, F(g.name), 1)
               ]),
-              n("div", r5, [
+              n("div", o5, [
                 H(p(U), {
                   height: "thin",
                   "style-type": "transparent",
@@ -5818,13 +5816,13 @@ const t5 = { class: "nmorph-file-upload__trigger" }, n5 = ["multiple"], a5 = { c
   }
 });
 var He = /* @__PURE__ */ ((t) => (t.jpeg = "image/jpeg", t.jpg = "image/jpg", t.png = "image/png", t.gif = "image/gif", t["svg-xml"] = "image/svg+xml", t.webp = "image/webp", t))(He || {}), ze = /* @__PURE__ */ ((t) => (t.mp4 = "video/mp4", t.webm = "video/webm", t["wideo-ogg"] = "video/ogg", t))(ze || {}), Ve = /* @__PURE__ */ ((t) => (t.mpeg = "audio/mpeg", t["audio-ogg"] = "audio/ogg", t.wav = "audio/wav", t))(Ve || {}), je = /* @__PURE__ */ ((t) => (t.pdf = "application/pdf", t.msword = "application/msword", t.docx = "application/vnd.openxmlformats-officedocument.wordprocessingml.document", t.xlsx = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", t.pptx = "application/vnd.openxmlformats-officedocument.presentationml.presentation", t.json = "application/json", t.xml = "application/xml", t))(je || {}), Be = /* @__PURE__ */ ((t) => (t.zip = "application/zip", t.rar = "application/x-rar-compressed", t["7z"] = "application/x-7z-compressed", t))(Be || {});
-const i5 = {
+const s5 = {
   ...He,
   ...ze,
   ...Ve,
   ...je,
   ...Be
-}, d5 = { class: "nmorph-form__content" }, u5 = /* @__PURE__ */ D({
+}, i5 = { class: "nmorph-form__content" }, d5 = /* @__PURE__ */ D({
   __name: "NmorphForm",
   props: {
     value: {},
@@ -5836,18 +5834,18 @@ const i5 = {
       () => A({
         "nmorph-form": []
       })
-    ), s = ju(l.value, l.validateImmediately), d = e;
+    ), s = Fu(l.value, l.validateImmediately), d = e;
     return Z(() => {
       d("formValidator", s);
     }), N("form-data", s), (c, u) => (a(), o("form", {
       class: B(r.value)
     }, [
-      n("div", d5, [
+      n("div", i5, [
         S(c.$slots, "default")
       ])
     ], 2));
   }
-}), c5 = /* @__PURE__ */ D({
+}), u5 = /* @__PURE__ */ D({
   __name: "NmorphErrorBox",
   props: {
     height: { default: "default" },
@@ -5864,7 +5862,7 @@ const i5 = {
     return (s, d) => (a(), o("div", {
       class: B(r.value)
     }, [
-      H(_e, {
+      H(me, {
         name: "list",
         tag: "div"
       }, {
@@ -5879,7 +5877,7 @@ const i5 = {
     ], 2));
   }
 });
-const Ae = "18px", v5 = /* @__PURE__ */ D({
+const Ae = "18px", c5 = /* @__PURE__ */ D({
   __name: "NmorphValidationIcon",
   props: {
     valid: { type: [Boolean, Object] },
@@ -5907,7 +5905,7 @@ const Ae = "18px", v5 = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const h5 = { key: 0 }, p5 = { class: "nmorph-form-item__content" }, m5 = /* @__PURE__ */ D({
+const v5 = { key: 0 }, h5 = { class: "nmorph-form-item__content" }, p5 = /* @__PURE__ */ D({
   __name: "NmorphFormItem",
   props: {
     id: {},
@@ -5931,15 +5929,15 @@ const h5 = { key: 0 }, p5 = { class: "nmorph-form-item__content" }, m5 = /* @__P
     return (v, m) => (a(), o("div", {
       class: B(u.value)
     }, [
-      e.label ? (a(), o("label", h5, F(e.label), 1)) : O("", !0),
-      n("div", p5, [
+      e.label ? (a(), o("label", v5, F(e.label), 1)) : O("", !0),
+      n("div", h5, [
         S(v.$slots, "default"),
-        H(p(v5), {
+        H(p(c5), {
           valid: !!r.value?.valid,
           show: d.value
         }, null, 8, ["valid", "show"])
       ]),
-      H(p(c5), {
+      H(p(u5), {
         errors: r.value?.errors,
         height: e.height,
         "static-height": v.staticErrorBoxSpace
@@ -5947,16 +5945,16 @@ const h5 = { key: 0 }, p5 = { class: "nmorph-form-item__content" }, m5 = /* @__P
     ], 2));
   }
 });
-const _5 = { class: "nmorph-number-input__content" }, f5 = { class: "nmorph-number-input__input-content" }, g5 = {
+const m5 = { class: "nmorph-number-input__content" }, _5 = { class: "nmorph-number-input__input-content" }, f5 = {
   key: 0,
   class: "nmorph-number-input__decrease"
-}, w5 = ["value", "min", "max"], x5 = {
+}, g5 = ["value", "min", "max"], w5 = {
   key: 1,
   class: "nmorph-number-input__increase"
-}, $5 = {
+}, x5 = {
   key: 2,
   class: "nmorph-number-input__action-btns"
-}, y5 = { class: "nmorph-number-input__decrease" }, b5 = { class: "nmorph-number-input__increase" }, M5 = /* @__PURE__ */ D({
+}, $5 = { class: "nmorph-number-input__decrease" }, y5 = { class: "nmorph-number-input__increase" }, b5 = /* @__PURE__ */ D({
   __name: "NmorphNumberInput",
   props: {
     modelValue: { default: 0 },
@@ -6015,9 +6013,9 @@ const _5 = { class: "nmorph-number-input__content" }, f5 = { class: "nmorph-numb
     return (g, b) => (a(), o("div", {
       class: B(r.value)
     }, [
-      n("div", _5, [
-        n("div", f5, [
-          g.actionBtnPositionRight ? O("", !0) : (a(), o("div", g5, [
+      n("div", m5, [
+        n("div", _5, [
+          g.actionBtnPositionRight ? O("", !0) : (a(), o("div", f5, [
             H(p(U), {
               "style-type": "transparent",
               disabled: u.value,
@@ -6043,9 +6041,9 @@ const _5 = { class: "nmorph-number-input__content" }, f5 = { class: "nmorph-numb
             min: l.min,
             max: l.max,
             onInput: w
-          }, null, 40, w5),
-          g.actionBtnPositionRight ? (a(), o("div", $5, [
-            n("div", y5, [
+          }, null, 40, g5),
+          g.actionBtnPositionRight ? (a(), o("div", x5, [
+            n("div", $5, [
               H(p(U), {
                 "style-type": "transparent",
                 disabled: u.value,
@@ -6061,7 +6059,7 @@ const _5 = { class: "nmorph-number-input__content" }, f5 = { class: "nmorph-numb
                 _: 1
               }, 8, ["disabled"])
             ]),
-            n("div", b5, [
+            n("div", y5, [
               H(p(U), {
                 "style-type": "transparent",
                 disabled: v.value,
@@ -6077,7 +6075,7 @@ const _5 = { class: "nmorph-number-input__content" }, f5 = { class: "nmorph-numb
                 _: 1
               }, 8, ["disabled"])
             ])
-          ])) : (a(), o("div", x5, [
+          ])) : (a(), o("div", w5, [
             H(p(U), {
               "style-type": "transparent",
               disabled: v.value,
@@ -6099,16 +6097,16 @@ const _5 = { class: "nmorph-number-input__content" }, f5 = { class: "nmorph-numb
     ], 2));
   }
 });
-const k5 = { class: "nmorph-select__content" }, H5 = {
+const M5 = { class: "nmorph-select__content" }, k5 = {
   key: 0,
   class: "nmorph-select__selected-value"
-}, z5 = {
+}, H5 = {
   key: 1,
   class: "nmorph-select__selected-value"
-}, V5 = {
+}, z5 = {
   key: 2,
   class: "nmorph-select__selected-value"
-}, B5 = /* @__PURE__ */ D({
+}, V5 = /* @__PURE__ */ D({
   __name: "NmorphSelect",
   props: {
     noElementPlaceholder: { default: "Choose value" },
@@ -6165,15 +6163,15 @@ const k5 = { class: "nmorph-select__content" }, H5 = {
     return (_, z) => (a(), o("div", {
       class: B(x.value)
     }, [
-      n("div", k5, [
+      n("div", M5, [
         n("div", {
           ref_key: "nmorphSelectDOMRef",
           ref: b,
           class: "nmorph-select__selected-values-line",
           onClick: re(M, ["stop"])
         }, [
-          typeof s.value == "string" ? (a(), o("div", H5, F(w.value), 1)) : O("", !0),
-          s.value.length <= 0 ? (a(), o("div", z5, F(l.noElementPlaceholder), 1)) : (a(), o("div", V5, [
+          typeof s.value == "string" ? (a(), o("div", k5, F(w.value), 1)) : O("", !0),
+          s.value.length <= 0 ? (a(), o("div", H5, F(l.noElementPlaceholder), 1)) : (a(), o("div", z5, [
             (a(!0), o(G, null, Q(g.value, (V) => (a(), E(p(qe), de({
               key: V.value,
               ref_for: !0
@@ -6216,7 +6214,7 @@ const k5 = { class: "nmorph-select__content" }, H5 = {
     ], 2));
   }
 });
-const C5 = { class: "nmorph-select-option__content" }, O2 = /* @__PURE__ */ D({
+const B5 = { class: "nmorph-select-option__content" }, O2 = /* @__PURE__ */ D({
   __name: "NmorphSelectOption",
   props: {
     value: {},
@@ -6242,7 +6240,7 @@ const C5 = { class: "nmorph-select-option__content" }, O2 = /* @__PURE__ */ D({
       class: B(v.value),
       onClick: c
     }, [
-      n("div", C5, [
+      n("div", B5, [
         n("span", null, F(s.label), 1),
         S(m.$slots, "default")
       ]),
@@ -6254,7 +6252,7 @@ const C5 = { class: "nmorph-select-option__content" }, O2 = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const S5 = { class: "nmorph-slider__content" }, A5 = { class: "nmorph-slider__input-wrapper" }, D5 = ["value", "min", "max", "step"], t2 = 40, T5 = /* @__PURE__ */ D({
+const C5 = { class: "nmorph-slider__content" }, S5 = { class: "nmorph-slider__input-wrapper" }, A5 = ["value", "min", "max", "step"], t2 = 40, D5 = /* @__PURE__ */ D({
   __name: "NmorphSlider",
   props: {
     modelValue: { default: 0 },
@@ -6324,8 +6322,8 @@ const S5 = { class: "nmorph-slider__content" }, A5 = { class: "nmorph-slider__in
     return (C, k) => (a(), o("div", {
       class: B(r.value)
     }, [
-      n("div", S5, [
-        n("div", A5, [
+      n("div", C5, [
+        n("div", S5, [
           n("div", {
             ref_key: "sliderContainer",
             ref: v,
@@ -6355,14 +6353,14 @@ const S5 = { class: "nmorph-slider__content" }, A5 = { class: "nmorph-slider__in
               max: l.max,
               step: l.step,
               onInput: V
-            }, null, 40, D5)
+            }, null, 40, A5)
           ], 512)
         ])
       ])
     ], 2));
   }
 });
-const O5 = ["value", "disabled"], P5 = { class: "nmorph-switch-thumb" }, E5 = /* @__PURE__ */ D({
+const T5 = ["value", "disabled"], O5 = { class: "nmorph-switch-thumb" }, P5 = /* @__PURE__ */ D({
   __name: "NmorphSwitch",
   props: {
     modelValue: { type: [Boolean, String, Number], default: !1 },
@@ -6410,13 +6408,13 @@ const O5 = ["value", "disabled"], P5 = { class: "nmorph-switch-thumb" }, E5 = /*
           value: d.value,
           disabled: l.disabled,
           class: "nmorph-native-input"
-        }, null, 8, O5),
+        }, null, 8, T5),
         n("div", {
           class: B(["nmorph-switch__bg-content", { "nmorph-switch__bg-content--enable": d.value }])
         }, [
           d.value ? S(v.$slots, "bg-on", { key: 0 }) : S(v.$slots, "bg-off", { key: 1 })
         ], 2),
-        n("div", P5, [
+        n("div", O5, [
           l.loading ? (a(), E(p(P), {
             key: 0,
             name: "loader",
@@ -6428,10 +6426,10 @@ const O5 = ["value", "disabled"], P5 = { class: "nmorph-switch-thumb" }, E5 = /*
     ], 2));
   }
 });
-const q5 = { class: "nmorph-text-input__input-side" }, R5 = {
+const E5 = { class: "nmorph-text-input__input-side" }, q5 = {
   key: 0,
   class: "nmorph-text-input__prepend-icon"
-}, F5 = ["type", "placeholder", "disabled", "value"], P2 = /* @__PURE__ */ D({
+}, R5 = ["type", "placeholder", "disabled", "value"], P2 = /* @__PURE__ */ D({
   __name: "NmorphTextInput",
   props: {
     placeholder: { default: "" },
@@ -6469,8 +6467,8 @@ const q5 = { class: "nmorph-text-input__input-side" }, R5 = {
     return (b, _) => (a(), o("div", {
       class: B(s.value)
     }, [
-      n("div", q5, [
-        p(l)["prepend-icon"] ? (a(), o("div", R5, [
+      n("div", E5, [
+        p(l)["prepend-icon"] ? (a(), o("div", q5, [
           S(b.$slots, "prepend-icon")
         ])) : O("", !0),
         n("input", {
@@ -6485,7 +6483,7 @@ const q5 = { class: "nmorph-text-input__input-side" }, R5 = {
           onFocus: x,
           onBlur: M,
           onKeyup: _[0] || (_[0] = U2((z) => w("on-enter"), ["enter"]))
-        }, null, 40, F5),
+        }, null, 40, R5),
         r.typePassword || r.clearable ? (a(), E(p(U), {
           key: 1,
           class: "nmorph-text-input__password-btn",
@@ -6503,7 +6501,7 @@ const q5 = { class: "nmorph-text-input__input-side" }, R5 = {
     ], 2));
   }
 });
-const j5 = { class: "nmorph-time-picker__content" }, W5 = { class: "nmorph-time-picker__selected-time" }, L5 = ["value"], U5 = { class: "nmorph-time-picker__dropdown" }, $e = 20, Y5 = /* @__PURE__ */ D({
+const F5 = { class: "nmorph-time-picker__content" }, j5 = { class: "nmorph-time-picker__selected-time" }, W5 = ["value"], L5 = { class: "nmorph-time-picker__dropdown" }, $e = 20, U5 = /* @__PURE__ */ D({
   __name: "NmorphTimePicker",
   props: {
     modelValue: { default: 0 },
@@ -6562,8 +6560,8 @@ const j5 = { class: "nmorph-time-picker__content" }, W5 = { class: "nmorph-time-
         class: B(x.value),
         onClick: m
       }, [
-        n("div", j5, [
-          n("div", W5, [
+        n("div", F5, [
+          n("div", j5, [
             H(p(P), {
               name: "time",
               class: "nmorph-time-picker__time-icon"
@@ -6575,7 +6573,7 @@ const j5 = { class: "nmorph-time-picker__content" }, W5 = { class: "nmorph-time-
               value: u.value,
               step: "1",
               class: "nmorph-native-input"
-            }, null, 8, L5),
+            }, null, 8, W5),
             n("span", null, F(j.value), 1)
           ]),
           s.value ? (a(), E(p(ce), {
@@ -6585,7 +6583,7 @@ const j5 = { class: "nmorph-time-picker__content" }, W5 = { class: "nmorph-time-
             onOnOutsideClick: _
           }, {
             default: q(() => [
-              n("div", U5, [
+              n("div", L5, [
                 H(W, {
                   "set-value-on-mount": !v.value,
                   values: p(M),
@@ -6625,25 +6623,25 @@ const Pe = (t) => {
 }, E2 = (t) => {
   const [e, l, r] = t, s = /* @__PURE__ */ new Date();
   return s.setHours(e), s.setMinutes(l), s.setSeconds(r), s.setMilliseconds(0), s.getTime();
-}, G5 = {
+}, Y5 = {
   key: 0,
   class: "nmorph-radio__content"
-}, Q5 = { class: "nmorph-radio__input-wrapper" }, K5 = ["name", "value", "checked"], Z5 = {
+}, G5 = { class: "nmorph-radio__input-wrapper" }, Q5 = ["name", "value", "checked"], K5 = {
   key: 0,
   class: "nmorph-radio__fake-checked"
-}, X5 = {
+}, Z5 = {
   key: 0,
   class: "nmorph-radio__label"
-}, J5 = {
+}, X5 = {
   key: 1,
   class: "nmorph-radio__content"
-}, N5 = ["disabled", "name", "value", "checked"], I5 = {
+}, J5 = ["disabled", "name", "value", "checked"], N5 = {
   key: 0,
   class: "nmorph-radio__fake"
-}, e9 = {
+}, I5 = {
   key: 1,
   class: "nmorph-radio__fake"
-}, t9 = /* @__PURE__ */ D({
+}, e9 = /* @__PURE__ */ D({
   __name: "NmorphRadio",
   props: {
     styleType: { default: "button" },
@@ -6669,8 +6667,8 @@ const Pe = (t) => {
       class: B(u.value),
       onClick: re(d, ["prevent"])
     }, [
-      s.styleType === "radio-style" ? (a(), o("div", G5, [
-        n("div", Q5, [
+      s.styleType === "radio-style" ? (a(), o("div", Y5, [
+        n("div", G5, [
           n("input", {
             ref_key: "inputDOMRef",
             ref: m,
@@ -6679,13 +6677,13 @@ const Pe = (t) => {
             value: s.value,
             checked: c.value,
             class: "nmorph-native-input"
-          }, null, 8, K5),
+          }, null, 8, Q5),
           M[0] || (M[0] = n("div", { class: "nmorph-radio__fake" }, null, -1)),
-          c.value ? (a(), o("div", Z5)) : O("", !0)
+          c.value ? (a(), o("div", K5)) : O("", !0)
         ]),
-        s.label ? (a(), o("span", X5, F(s.label), 1)) : S(x.$slots, "label", { key: 1 }, void 0, !0)
+        s.label ? (a(), o("span", Z5, F(s.label), 1)) : S(x.$slots, "label", { key: 1 }, void 0, !0)
       ])) : O("", !0),
-      s.styleType === "button" ? (a(), o("div", J5, [
+      s.styleType === "button" ? (a(), o("div", X5, [
         n("input", {
           ref_key: "inputDOMRef",
           ref: m,
@@ -6695,19 +6693,19 @@ const Pe = (t) => {
           value: s.value,
           checked: c.value,
           class: "nmorph-native-input"
-        }, null, 8, N5),
-        s.label ? (a(), o("div", I5, [
+        }, null, 8, J5),
+        s.label ? (a(), o("div", N5, [
           n("span", null, F(s.label), 1)
-        ])) : (a(), o("div", e9, [
+        ])) : (a(), o("div", I5, [
           S(x.$slots, "label", {}, void 0, !0)
         ]))
       ])) : O("", !0)
     ], 2));
   }
 });
-const We = /* @__PURE__ */ ve(t9, [["__scopeId", "data-v-e9167d49"]]);
+const We = /* @__PURE__ */ fe(e9, [["__scopeId", "data-v-e9167d49"]]);
 var q2 = /* @__PURE__ */ ((t) => (t["radio-style"] = "radio-style", t.button = "button", t))(q2 || {});
-const n9 = { class: "nmorph-radio-group__wrapper" }, a9 = { class: "nmorph-radio-group__content" }, Le = /* @__PURE__ */ D({
+const t9 = { class: "nmorph-radio-group__wrapper" }, n9 = { class: "nmorph-radio-group__content" }, Le = /* @__PURE__ */ D({
   __name: "NmorphRadioGroup",
   props: {
     modelValue: { default: "" },
@@ -6735,8 +6733,8 @@ const n9 = { class: "nmorph-radio-group__wrapper" }, a9 = { class: "nmorph-radio
     return N("radio-group-selected-value", r), N("change-radio-button-value-handler", d), (u, v) => (a(), o("div", {
       class: B(c.value)
     }, [
-      n("div", n9, [
-        n("div", a9, [
+      n("div", t9, [
+        n("div", n9, [
           (a(!0), o(G, null, Q(u.options, (m) => (a(), E(p(We), {
             key: m.value,
             label: m.label,
@@ -6750,7 +6748,7 @@ const n9 = { class: "nmorph-radio-group__wrapper" }, a9 = { class: "nmorph-radio
     ], 2));
   }
 });
-const l9 = /* @__PURE__ */ D({
+const a9 = /* @__PURE__ */ D({
   __name: "NmorphBacktop",
   props: {
     right: { default: 40 },
@@ -6806,16 +6804,16 @@ const l9 = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const o9 = ["id"], r9 = {
+const l9 = ["id"], o9 = {
   key: 0,
   class: "nmorph-breadcrumb__separator"
-}, s9 = /* @__PURE__ */ D({
+}, r9 = /* @__PURE__ */ D({
   __name: "NmorphBreadcrumb",
   props: {
     separator: { default: "/" }
   },
   setup(t) {
-    const e = t, l = y([]), r = fe();
+    const e = t, l = y([]), r = _e();
     N("breadcrumb-data", { breadcrumbs: l, breadcrumbId: r });
     const s = h(
       () => A({
@@ -6833,13 +6831,13 @@ const o9 = ["id"], r9 = {
         n("div", {
           id: `nmorph-breadcrumb-${p(r)}-${u.itemId}-element`,
           class: "nmorph-breadcrumb__element"
-        }, null, 8, o9),
-        v < l.value.length - 1 ? (a(), o("div", r9, F(e.separator), 1)) : O("", !0)
+        }, null, 8, l9),
+        v < l.value.length - 1 ? (a(), o("div", o9, F(e.separator), 1)) : O("", !0)
       ]))), 128))
     ], 2));
   }
 });
-const i9 = /* @__PURE__ */ D({
+const s9 = /* @__PURE__ */ D({
   __name: "NmorphBreadcrumbItem",
   props: {
     to: { default: "" },
@@ -6850,7 +6848,7 @@ const i9 = /* @__PURE__ */ D({
       () => A({
         "nmorph-breadcrumb-item": []
       })
-    ), r = X("breadcrumb-data", void 0), s = y(!1), d = fe();
+    ), r = X("breadcrumb-data", void 0), s = y(!1), d = _e();
     return Z(() => {
       s.value = !0, r && r.breadcrumbs.value.push({ ...e, itemId: d });
     }), (c, u) => {
@@ -6859,7 +6857,7 @@ const i9 = /* @__PURE__ */ D({
         key: 0,
         class: B(l.value)
       }, [
-        (a(), E(me, {
+        (a(), E(pe, {
           to: `#nmorph-breadcrumb-${p(r)?.breadcrumbId}-${p(d)}-element`
         }, [
           H(v, {
@@ -6924,7 +6922,7 @@ const ce = /* @__PURE__ */ D({
     }, 8, ["show"]));
   }
 });
-const d9 = { class: "nmorph-tabs__label-list" }, u9 = ["id", "onClick"], c9 = { class: "nmorph-tabs__content__wrapper" }, v9 = { class: "nmorph-tabs__content" }, h9 = ["id"], p9 = /* @__PURE__ */ D({
+const i9 = { class: "nmorph-tabs__label-list" }, d9 = ["id", "onClick"], u9 = { class: "nmorph-tabs__content__wrapper" }, c9 = { class: "nmorph-tabs__content" }, v9 = ["id"], h9 = /* @__PURE__ */ D({
   __name: "NmorphTabs",
   props: {
     modelValue: { default: 0 },
@@ -6941,7 +6939,7 @@ const d9 = { class: "nmorph-tabs__label-list" }, u9 = ["id", "onClick"], c9 = {
         return;
       const { name: m } = v;
       r("update:model-value", m), r("tab-change", m);
-    }, c = y([]), u = fe();
+    }, c = y([]), u = _e();
     return N("nmorph-tabs-data", {
       tabsData: c,
       tabsIdentifier: u
@@ -6949,7 +6947,7 @@ const d9 = { class: "nmorph-tabs__label-list" }, u9 = ["id", "onClick"], c9 = {
       class: B(s.value)
     }, [
       S(v.$slots, "default"),
-      n("div", d9, [
+      n("div", i9, [
         (a(!0), o(G, null, Q(c.value, (x) => (a(), o("div", {
           id: p(Ue)(p(u), x.name),
           key: x.name,
@@ -6958,14 +6956,14 @@ const d9 = { class: "nmorph-tabs__label-list" }, u9 = ["id", "onClick"], c9 = {
             { "nmorph-tabs__label--disabled": x.disabled }
           ]]),
           onClick: (M) => d(x)
-        }, F(x.label), 11, u9))), 128))
+        }, F(x.label), 11, d9))), 128))
       ]),
-      n("div", c9, [
-        n("div", v9, [
+      n("div", u9, [
+        n("div", c9, [
           (a(!0), o(G, null, Q(c.value, (x) => De((a(), o("div", {
             id: p(Ye)(p(u), x.name),
             key: x.name
-          }, null, 8, h9)), [
+          }, null, 8, v9)), [
             [Te, x.name === l.modelValue]
           ])), 128))
         ])
@@ -6979,7 +6977,7 @@ const Ue = (t, e) => {
 }, Ye = (t, e) => {
   if (t)
     return `nmorph-tabs-content-${t}-${e}`;
-}, m9 = /* @__PURE__ */ D({
+}, p9 = /* @__PURE__ */ D({
   __name: "NmorphTabPane",
   props: {
     label: { default: "" },
@@ -6998,12 +6996,12 @@ const Ue = (t, e) => {
       key: 0,
       class: B(l.value)
     }, [
-      (a(), E(me, {
+      (a(), E(pe, {
         to: `#${p(Ue)(p(r)?.tabsIdentifier, e.name)}`
       }, [
         S(d.$slots, "label")
       ], 8, ["to"])),
-      (a(), E(me, {
+      (a(), E(pe, {
         to: `#${p(Ye)(p(r)?.tabsIdentifier, e.name)}`
       }, [
         S(d.$slots, "default")
@@ -7060,7 +7058,7 @@ const Ce = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const _9 = /* @__PURE__ */ D({
+const m9 = /* @__PURE__ */ D({
   __name: "NmorphNotificationProvider",
   props: {
     notifications: {},
@@ -7079,7 +7077,7 @@ const _9 = /* @__PURE__ */ D({
       class: B(`nmorph-notification-provider nmorph-notification-provider--${d.placement}`),
       style: I({ zIndex: c.value })
     }, [
-      H(_e, {
+      H(me, {
         name: "nmorph-notification",
         tag: "div"
       }, {
@@ -7099,20 +7097,20 @@ const _9 = /* @__PURE__ */ D({
     ], 6));
   }
 });
-const f9 = /* @__PURE__ */ ve(_9, [["__scopeId", "data-v-77d1992c"]]);
+const _9 = /* @__PURE__ */ fe(m9, [["__scopeId", "data-v-0225f236"]]);
 var F2 = /* @__PURE__ */ ((t) => (t["top-left"] = "top-left", t["top-center"] = "top-center", t["top-right"] = "top-right", t["bottom-left"] = "bottom-left", t["bottom-center"] = "bottom-center", t["bottom-right"] = "bottom-right", t))(F2 || {});
-const g9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const f9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   NmorphAlert: V2,
   NmorphAlertType: ie,
   NmorphArchiveResolution: Be,
   NmorphAudioResolution: Ve,
-  NmorphAutocomplete: Pc,
+  NmorphAutocomplete: Oc,
   NmorphAvatar: $d,
-  NmorphBacktop: l9,
+  NmorphBacktop: a9,
   NmorphBadge: Md,
-  NmorphBreadcrumb: s9,
-  NmorphBreadcrumbItem: i9,
+  NmorphBreadcrumb: r9,
+  NmorphBreadcrumbItem: s9,
   NmorphButton: U,
   NmorphButtonShape: d2,
   NmorphButtonStyle: s2,
@@ -7123,19 +7121,19 @@ const g9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NmorphCarousel: Rd,
   NmorphCarouselItem: Fd,
   NmorphCheckbox: A2,
-  NmorphCheckboxGroup: Sc,
+  NmorphCheckboxGroup: Cc,
   NmorphCollapse: jd,
   NmorphCollapseItem: Wd,
-  NmorphDatePicker: Kc,
+  NmorphDatePicker: Qc,
   NmorphDatePickerContent: ye,
   NmorphDatePickerHeader: T2,
-  NmorphDialog: Eu,
+  NmorphDialog: Pu,
   NmorphDivider: R2,
   NmorphDocResolution: je,
   NmorphDropdown: ce,
-  NmorphFileUpload: s5,
-  NmorphForm: u5,
-  NmorphFormItem: m5,
+  NmorphFileUpload: r5,
+  NmorphForm: d5,
+  NmorphFormItem: p5,
   NmorphIcon: P,
   NmorphIconSize: u2,
   NmorphIconsMap: c2,
@@ -7145,8 +7143,8 @@ const g9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NmorphLink: gd,
   NmorphLinkTarget: v2,
   NmorphNotificationPlacement: F2,
-  NmorphNotificationProvider: f9,
-  NmorphNumberInput: M5,
+  NmorphNotificationProvider: _9,
+  NmorphNumberInput: b5,
   NmorphOverflowProp: h2,
   NmorphOverlay: Ce,
   NmorphPagination: Nd,
@@ -7156,27 +7154,27 @@ const g9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NmorphRadioStyleType: q2,
   NmorphScroll: wd,
   NmorphScrollBehavior: p2,
-  NmorphSelect: B5,
+  NmorphSelect: V5,
   NmorphSelectOption: O2,
   NmorphSelectionDateType: D2,
   NmorphSkeleton: vu,
   NmorphSkeletonItem: M2,
   NmorphSkeletonItemPropsType: b2,
-  NmorphSlider: T5,
-  NmorphSwitch: E5,
-  NmorphTabPane: m9,
+  NmorphSlider: D5,
+  NmorphSwitch: P5,
+  NmorphTabPane: p9,
   NmorphTable: k2,
   NmorphTableCell: H2,
   NmorphTableColumn: z2,
-  NmorphTabs: p9,
+  NmorphTabs: h9,
   NmorphTagItem: qe,
   NmorphTagList: Mu,
   NmorphTextInput: P2,
-  NmorphTimePicker: Y5,
+  NmorphTimePicker: U5,
   NmorphTooltip: S2,
   NmorphVideoResolution: ze,
   NmorphYearMonthPicker: Oe,
-  formatDateIntl: he,
+  formatDateIntl: ve,
   formatTimestampToTime: Pe,
   getDecadeYears: _2,
   getMonthDaysByWeek: x2,
@@ -7187,27 +7185,27 @@ const g9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   hasAnyRangeDateInPrevMonth: f2,
   isTodayInMonthRange: w2,
   resetTimeToZero: oe,
-  resolution: i5,
+  resolution: s5,
   timeArrayToTimestamp: E2,
   useCalendarTexts: ke
-}, Symbol.toStringTag, { value: "Module" })), w9 = () => {
+}, Symbol.toStringTag, { value: "Module" })), g9 = () => {
   const t = y({ width: 0, height: 0 }), e = () => {
     t.value.width = window.innerWidth, t.value.height = window.innerHeight;
   };
   return window && window.addEventListener("resize", e), {
     dimensions: t
   };
-}, D9 = () => X("nmorph"), T9 = {
+}, A9 = () => X("nmorph"), D9 = {
   install(t, e = {}) {
     if (!e.i18n.outsideMessagesMerge) {
-      const d = vc(e.i18n), c = t.__VUE_I18N__;
+      const d = cc(e.i18n), c = t.__VUE_I18N__;
       c ? (d.global.messages && Object.entries(d.global.messages).forEach(([u, v]) => {
         c.global.mergeLocaleMessage(u, v);
       }), d.global.locale && (c.global.locale.value = d.global.locale)) : t.use(d);
     }
-    const l = cc(e.theme), r = w9(), s = { theme: l, browser: r };
-    return t.provide("nmorph", s), Object.entries(g9).forEach(([d, c]) => {
-      if (x9(c))
+    const l = uc(e.theme), r = g9(), s = { theme: l, browser: r };
+    return t.provide("nmorph", s), Object.entries(f9).forEach(([d, c]) => {
+      if (w9(c))
         if (e.components === void 0)
           t.component(d, c);
         else {
@@ -7218,7 +7216,7 @@ const g9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }), t;
   }
 };
-function x9(t) {
+function w9(t) {
   return t && (typeof t == "object" || typeof t == "function") && ("render" in t || "template" in t || "setup" in t);
 }
 export {
@@ -7227,15 +7225,15 @@ export {
   V2 as NmorphAlert,
   ie as NmorphAlertType,
   Be as NmorphArchiveResolution,
-  qu as NmorphArrayValidationOperator,
+  Eu as NmorphArrayValidationOperator,
   Ve as NmorphAudioResolution,
-  Pc as NmorphAutocomplete,
+  Oc as NmorphAutocomplete,
   $d as NmorphAvatar,
-  l9 as NmorphBacktop,
+  a9 as NmorphBacktop,
   Md as NmorphBadge,
-  Fu as NmorphBooleanCompareOperator,
-  s9 as NmorphBreadcrumb,
-  i9 as NmorphBreadcrumbItem,
+  Ru as NmorphBooleanCompareOperator,
+  r9 as NmorphBreadcrumb,
+  s9 as NmorphBreadcrumbItem,
   U as NmorphButton,
   d2 as NmorphButtonShape,
   s2 as NmorphButtonStyle,
@@ -7246,23 +7244,23 @@ export {
   Rd as NmorphCarousel,
   Fd as NmorphCarouselItem,
   A2 as NmorphCheckbox,
-  Sc as NmorphCheckboxGroup,
+  Cc as NmorphCheckboxGroup,
   jd as NmorphCollapse,
   Wd as NmorphCollapseItem,
   r2 as NmorphColor,
   Z2 as NmorphComponentDirection,
   ne as NmorphComponentHeight,
   X2 as NmorphComponentPosition,
-  Kc as NmorphDatePicker,
+  Qc as NmorphDatePicker,
   ye as NmorphDatePickerContent,
   T2 as NmorphDatePickerHeader,
-  Eu as NmorphDialog,
+  Pu as NmorphDialog,
   R2 as NmorphDivider,
   je as NmorphDocResolution,
   ce as NmorphDropdown,
-  s5 as NmorphFileUpload,
-  u5 as NmorphForm,
-  m5 as NmorphFormItem,
+  r5 as NmorphFileUpload,
+  d5 as NmorphForm,
+  p5 as NmorphFormItem,
   P as NmorphIcon,
   i as NmorphIconList,
   u2 as NmorphIconSize,
@@ -7274,9 +7272,9 @@ export {
   gd as NmorphLink,
   v2 as NmorphLinkTarget,
   F2 as NmorphNotificationPlacement,
-  f9 as NmorphNotificationProvider,
-  Ru as NmorphNumberCompareOperator,
-  M5 as NmorphNumberInput,
+  _9 as NmorphNotificationProvider,
+  qu as NmorphNumberCompareOperator,
+  b5 as NmorphNumberInput,
   h2 as NmorphOverflowProp,
   Ce as NmorphOverlay,
   Nd as NmorphPagination,
@@ -7286,39 +7284,39 @@ export {
   q2 as NmorphRadioStyleType,
   wd as NmorphScroll,
   p2 as NmorphScrollBehavior,
-  B5 as NmorphSelect,
+  V5 as NmorphSelect,
   O2 as NmorphSelectOption,
   D2 as NmorphSelectionDateType,
   o2 as NmorphShadowType,
   vu as NmorphSkeleton,
   M2 as NmorphSkeletonItem,
   b2 as NmorphSkeletonItemPropsType,
-  T5 as NmorphSlider,
+  D5 as NmorphSlider,
   K2 as NmorphSortOrder,
-  E5 as NmorphSwitch,
-  m9 as NmorphTabPane,
+  P5 as NmorphSwitch,
+  p9 as NmorphTabPane,
   k2 as NmorphTable,
   H2 as NmorphTableCell,
   z2 as NmorphTableColumn,
-  p9 as NmorphTabs,
+  h9 as NmorphTabs,
   qe as NmorphTagItem,
   Mu as NmorphTagList,
   P2 as NmorphTextInput,
-  Y5 as NmorphTimePicker,
+  U5 as NmorphTimePicker,
   S2 as NmorphTooltip,
   ze as NmorphVideoResolution,
   Oe as NmorphYearMonthPicker,
-  k9 as anyToPascalCase,
+  M9 as anyToPascalCase,
   Qe as camelToKebab,
-  H9 as camelToTitle,
-  M9 as capitalizeFirstChar,
+  k9 as camelToTitle,
+  b9 as capitalizeFirstChar,
   N2 as createBlockModifiers,
   Ge as deepClone,
-  T9 as default,
+  D9 as default,
   Ie as en,
-  he as formatDateIntl,
+  ve as formatDateIntl,
   Pe as formatTimestampToTime,
-  fe as generateUUID,
+  _e as generateUUID,
   _2 as getDecadeYears,
   x2 as getMonthDaysByWeek,
   Ee as getMonthName,
@@ -7326,26 +7324,26 @@ export {
   Ue as getTabLabelId,
   g2 as hasAnyRangeDateInNextMonth,
   f2 as hasAnyRangeDateInPrevMonth,
-  b9 as isStringHtml,
+  y9 as isStringHtml,
   w2 as isTodayInMonthRange,
   I2 as log,
-  z9 as pascalToKebab,
-  V9 as pascalToSpace,
+  H9 as pascalToKebab,
+  z9 as pascalToSpace,
   oe as resetTimeToZero,
-  i5 as resolution,
-  C9 as ru,
+  s5 as resolution,
+  B9 as ru,
   E2 as timeArrayToTimestamp,
-  hc as useA11yProps,
+  vc as useA11yProps,
   ke as useCalendarTexts,
-  B9 as useEventManager,
+  V9 as useEventManager,
   Je as useFieldValidation,
-  ju as useFormValidation,
+  Fu as useFormValidation,
   A as useModifiers,
-  D9 as useNmorph,
-  w9 as useNmorphBrowser,
-  A9 as useNmorphNotification,
-  cc as useNmorphTheme,
-  vc as useNmorphTranslation,
+  A9 as useNmorph,
+  g9 as useNmorphBrowser,
+  S9 as useNmorphNotification,
+  uc as useNmorphTheme,
+  cc as useNmorphTranslation,
   B2 as usePlacement,
-  S9 as zh
+  C9 as zh
 };