@nmorph/nmorph-ui-kit 0.2.160 → 1.0.1

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as D, computed as h, ref as x, openBlock as a, createElementBlock as o, normalizeClass as B, createElementVNode as n, createBlock as R, unref as _, renderSlot as C, toDisplayString as U, createCommentVNode as O, useCssVars as I, normalizeStyle as ne, resolveDynamicComponent as K2, createStaticVNode as v2, createTextVNode as re, inject as N, onUnmounted as fe, onMounted as ae, nextTick as _e, watch as G, createVNode as k, withCtx as j, reactive as me, Fragment as K, renderList as X, provide as te, Teleport as we, withModifiers as ie, mergeProps as xe, withDirectives as Fe, vShow as qe, useSlots as Le, readonly as Re, TransitionGroup as $e, withKeys as he, resolveComponent as Ue } from "vue";
+import { defineComponent as D, computed as h, ref as x, openBlock as a, createElementBlock as o, normalizeClass as B, createElementVNode as n, createBlock as R, unref as m, renderSlot as C, toDisplayString as U, createCommentVNode as O, useCssVars as I, normalizeStyle as ne, resolveDynamicComponent as K2, createStaticVNode as v2, createTextVNode as re, inject as N, onUnmounted as fe, onMounted as ae, nextTick as _e, watch as G, createVNode as V, withCtx as j, reactive as ce, Fragment as K, renderList as X, provide as te, Teleport as we, withModifiers as ie, mergeProps as xe, withDirectives as Fe, vShow as qe, useSlots as Le, readonly as Re, TransitionGroup as $e, withKeys as pe, resolveComponent as Ue } from "vue";
 import { useI18n as ye, createI18n as X2 } from "vue-i18n";
 var se = /* @__PURE__ */ ((t) => (t.thick = "thick-component", t.default = "default-height-component", t.thin = "thin-component", t))(se || {}), J2 = /* @__PURE__ */ ((t) => (t.circle = "circle", t.square = "square", t))(J2 || {}), Z2 = /* @__PURE__ */ ((t) => (t.ascending = "ascending", t.descending = "descending", t))(Z2 || {}), N2 = /* @__PURE__ */ ((t) => (t.row = "row", t.column = "column", t))(N2 || {}), h2 = /* @__PURE__ */ ((t) => (t.inset = "shadow-inset", t.outset = "shadow-outset", t.combined = "shadow-combined", t["not-defined"] = "shadow-not-defined", t))(h2 || {}), p2 = /* @__PURE__ */ ((t) => (t.accent = "accent", t.success = "success", t.error = "error", t.warning = "warning", t))(p2 || {}), i = /* @__PURE__ */ ((t) => (t["add-location"] = "add-location", t.aim = "aim", t["alarm-clock"] = "alarm-clock", t.apple = "apple", t.archive = "archive", t["arrow-down"] = "arrow-down", t["arrow-left"] = "arrow-left", t["arrow-right"] = "arrow-right", t["arrow-up"] = "arrow-up", t.audio = "audio", t.avatar = "avatar", t.back = "back", t["bell-filled"] = "bell-filled", t.bell = "bell", t.bicycle = "bicycle", t["bottom-left"] = "bottom-left", t["bottom-right"] = "bottom-right", t.bottom = "bottom", t.burger = "burger", t.calendar = "calendar", t.camera = "camera", t["caret-bottom"] = "caret-bottom", t["caret-left"] = "caret-left", t["caret-right"] = "caret-right", t["caret-top"] = "caret-top", t.cellphone = "cellphone", t["chat-dot-round"] = "chat-dot-round", t["chat-dot-square"] = "chat-dot-square", t["chat-line-round"] = "chat-line-round", t["chat-line-square"] = "chat-line-square", t["chat-round"] = "chat-round", t["chat-square"] = "chat-square", t.check = "check", t.checked = "checked", t.cherry = "cherry", t["chevron-double-down"] = "chevron-double-down", t["chevron-down"] = "chevron-down", t["chrome-filled"] = "chrome-filled", t["circle-check-filled"] = "circle-check-filled", t["circle-check"] = "circle-check", t["circle-close-filled"] = "circle-close-filled", t["circle-close"] = "circle-close", t["circle-plus-filled"] = "circle-plus-filled", t["circle-plus"] = "circle-plus", t.clock = "clock", t.close = "close", t.cloudy = "cloudy", t.code = "code", t["coffee-cup"] = "coffee-cup", t.coffee = "coffee", t.coin = "coin", t["collection-tag"] = "collection-tag", t.collection = "collection", t.compass = "compass", t.connection = "connection", t.coordinate = "coordinate", t["copy-document"] = "copy-document", t.copy = "copy", t.cpu = "cpu", t["credit-card"] = "credit-card", t.crop = "crop", t.cross = "cross", t["delete-filled"] = "delete-filled", t.delete = "delete", t.dessert = "dessert", t.discount = "discount", t.doc = "doc", t["document-add"] = "document-add", t["document-checked"] = "document-checked", t["document-copy"] = "document-copy", t["document-delete"] = "document-delete", t["document-remove"] = "document-remove", t.document = "document", t.download = "download", t["edit-pen"] = "edit-pen", t.edit = "edit", t.enlarge = "enlarge", t.error = "error", t.expand = "expand", t["eye-blocked"] = "eye-blocked", t.eye = "eye", t.failed = "failed", t.files = "files", t.film = "film", t.filter = "filter", t.finished = "finished", t.flag = "flag", t.fold = "fold", t["folder-add"] = "folder-add", t["folder-checked"] = "folder-checked", t["folder-delete"] = "folder-delete", t["folder-opened"] = "folder-opened", t.folder = "folder", t.food = "food", t["fork-spoon"] = "fork-spoon", t["full-screen"] = "full-screen", t.goblet = "goblet", t["gold-medal"] = "gold-medal", t["goods-filled"] = "goods-filled", t.goods = "goods", t.grape = "grape", t.grid = "grid", t.guide = "guide", t.handbag = "handbag", t.headset = "headset", t.histogram = "histogram", t["hot-water"] = "hot-water", t.house = "house", t["ice-cream-round"] = "ice-cream-round", t["ice-drink"] = "ice-drink", t["info-filled"] = "info-filled", t.info = "info", t.image = "image", t.key = "key", t["knife-fork"] = "knife-fork", t.lightning = "lightning", t.link = "link", t.list = "list", t.loader = "loader", t.loading = "loading", t["location-filled"] = "location-filled", t["location-information"] = "location-information", t.location = "location", t.lock = "lock", t.logo = "logo", t.lollipop = "lollipop", t["magic-stick"] = "magic-stick", t.magnet = "magnet", t.male = "male", t.management = "management", t["map-location"] = "map-location", t.medal = "medal", t.memo = "memo", t.menu = "menu", t["message-box"] = "message-box", t.message = "message", t.mic = "mic", t.microphone = "microphone", t.minus = "minus", t.money = "money", t.monitor = "monitor", t.moon = "moon", t["more-filled"] = "more-filled", t.more = "more", t["mostly-cloudy"] = "mostly-cloudy", t.mouse = "mouse", t.mug = "mug", t["mute-notification"] = "mute-notification", t.mute = "mute", t["no-smoking"] = "no-smoking", t.notebook = "notebook", t.notification = "notification", t["office-building"] = "office-building", t.operation = "operation", t.opportunity = "opportunity", t.orange = "orange", t.paperclip = "paperclip", t["partly-cloudy"] = "partly-cloudy", t.pear = "pear", t["phone-filled"] = "phone-filled", t.phone = "phone", t.picture = "picture", t["pie-chart"] = "pie-chart", t.place = "place", t.platform = "platform", t.plus = "plus", t.pointer = "pointer", t.position = "position", t["post-card"] = "post-card", t.pouring = "pouring", t.present = "present", t["price-tag"] = "price-tag", t.printer = "printer", t.promotion = "promotion", t["quartz-watch"] = "quartz-watch", t["question-filled"] = "question-filled", t.rank = "rank", t["reading-lamp"] = "reading-lamp", t.reading = "reading", t["refresh-left"] = "refresh-left", t["refresh-right"] = "refresh-right", t.refresh = "refresh", t.refrigerator = "refrigerator", t["remove-filled"] = "remove-filled", t.remove = "remove", t["rotate-left"] = "rotate-left", t["rotate-right"] = "rotate-right", t["scale-to-original"] = "scale-to-original", t.school = "school", t.scissor = "scissor", t.search = "search", t.select = "select", t.sell = "sell", t["semi-select"] = "semi-select", t.service = "service", t.setting = "setting", t.share = "share", t.ship = "ship", t.shop = "shop", t["shopping-bag"] = "shopping-bag", t["shopping-cart-full"] = "shopping-cart-full", t["shopping-cart"] = "shopping-cart", t.shrink = "shrink", t.smoking = "smoking", t.soccer = "soccer", t["sold-out"] = "sold-out", t["sort-down"] = "sort-down", t["sort-up"] = "sort-up", t.sort = "sort", t.stamp = "stamp", t["star-filled"] = "star-filled", t.star = "star", t["success-filled"] = "success-filled", t.success = "success", t.sugar = "sugar", t.sunny = "sunny", t.sunrise = "sunrise", t.sunset = "sunset", t["switch-button"] = "switch-button", t["switch-filled"] = "switch-filled", t.switch = "switch", t["takeaway-box"] = "takeaway-box", t.ticket = "ticket", t.tickets = "tickets", t.time = "time", t.timer = "timer", t["toilet-paper"] = "toilet-paper", t.tools = "tools", t["top-left"] = "top-left", t["top-right"] = "top-right", t.top = "top", t["trend-charts"] = "trend-charts", t["triangle-down"] = "triangle-down", t["trophy-base"] = "trophy-base", t.trophy = "trophy", t["turn-off"] = "turn-off", t.umbrella = "umbrella", t.unlock = "unlock", t["upload-filled"] = "upload-filled", t.upload = "upload", t["user-filled"] = "user-filled", t.user = "user", t.van = "van", t["video-camera"] = "video-camera", t["video-pause"] = "video-pause", t["video-play"] = "video-play", t.video = "video", t.view = "view", t["wallet-filled"] = "wallet-filled", t.wallet = "wallet", t["warn-triangle-filled"] = "warn-triangle-filled", t.warning = "warning", t.watch = "watch", t["wind-power"] = "wind-power", t["zoom-in"] = "zoom-in", t["zoom-out"] = "zoom-out", t["plus-thin"] = "plus-thin", t["minus-thin"] = "minus-thin", t))(i || {}), I2 = /* @__PURE__ */ ((t) => (t.left = "left", t.right = "right", t.top = "top", t.bottom = "bottom", t))(I2 || {}), e0 = /* @__PURE__ */ ((t) => (t.fill = "fill", t.contain = "contain", t.cover = "cover", t.none = "none", t["scale-down"] = "scale-down", t))(e0 || {}), W = /* @__PURE__ */ ((t) => (t.en = "en", t.ru = "ru", t.zh = "zh", t))(W || {}), t0 = /* @__PURE__ */ ((t) => (t["radio-style"] = "radio-style", t.button = "button", t))(t0 || {}), n0 = /* @__PURE__ */ ((t) => (t.date = "date", t.dates = "dates", t.daterange = "daterange", t))(n0 || {});
 const a0 = (t, e) => {
@@ -50,13 +50,13 @@ const a0 = (t, e) => {
         type: l.type,
         tabindex: l.tabindex
       }, [
-        l.icon ? (a(), R(_(F), {
+        l.icon ? (a(), R(m(F), {
           key: 0,
           name: l.icon
         }, null, 8, ["name"])) : (a(), o("div", l0, [
           C(d.$slots, "default"),
           !l.loading && l.text !== void 0 ? (a(), o("span", r0, U(l.text), 1)) : O("", !0),
-          l.loading ? (a(), R(_(F), {
+          l.loading ? (a(), R(m(F), {
             key: 1,
             name: "loader",
             size: c.value
@@ -101,7 +101,7 @@ const s0 = {
       style: ne(r.value)
     }, [
       e.name ? (a(), o("div", s0, [
-        (a(), R(K2(_(w2)[e.name])))
+        (a(), R(K2(m(w2)[e.name])))
       ])) : C(u.$slots, "default", { key: 1 })
     ], 6));
   }
@@ -166,16 +166,16 @@ function M0(t, e) {
     n("path", { d: "M831.872 340.864 512 652.672 192.128 340.864a30.59 30.59 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.59 30.59 0 0 0-42.752 0z" }, null, -1)
   ]));
 }
-const H0 = { render: M0 }, z0 = {
+const H0 = { render: M0 }, k0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function k0(t, e) {
-  return a(), o("svg", z0, e[0] || (e[0] = [
+function z0(t, e) {
+  return a(), o("svg", k0, e[0] || (e[0] = [
     n("path", { d: "M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.59 30.59 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.59 30.59 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0" }, null, -1)
   ]));
 }
-const V0 = { render: k0 }, B0 = {
+const V0 = { render: z0 }, B0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -333,16 +333,16 @@ function Mt(t, e) {
     n("path", { d: "M384 192v640l384-320.064z" }, null, -1)
   ]));
 }
-const Ht = { render: Mt }, zt = {
+const Ht = { render: Mt }, kt = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function kt(t, e) {
-  return a(), o("svg", zt, e[0] || (e[0] = [
+function zt(t, e) {
+  return a(), o("svg", kt, e[0] || (e[0] = [
     n("path", { d: "M512 320 192 704h639.936z" }, null, -1)
   ]));
 }
-const Vt = { render: kt }, Bt = {
+const Vt = { render: zt }, Bt = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -504,16 +504,16 @@ function M1(t, e) {
     n("path", { d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896" }, null, -1)
   ]));
 }
-const H1 = { render: M1 }, z1 = {
+const H1 = { render: M1 }, k1 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function k1(t, e) {
-  return a(), o("svg", z1, e[0] || (e[0] = [
+function z1(t, e) {
+  return a(), o("svg", k1, e[0] || (e[0] = [
     n("path", { d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m-38.4 409.6H326.4a38.4 38.4 0 1 0 0 76.8h147.2v147.2a38.4 38.4 0 0 0 76.8 0V550.4h147.2a38.4 38.4 0 0 0 0-76.8H550.4V326.4a38.4 38.4 0 1 0-76.8 0z" }, null, -1)
   ]));
 }
-const V1 = { render: k1 }, B1 = {
+const V1 = { render: z1 }, B1 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -679,12 +679,12 @@ function Hn(t, e) {
     n("path", { d: "M64 320h896v64H64zm0 128h896v64H64zm128 192h256v64H192z" }, null, -1)
   ]));
 }
-const zn = { render: Hn }, kn = {
+const kn = { render: Hn }, zn = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 function Vn(t, e) {
-  return a(), o("svg", kn, e[0] || (e[0] = [
+  return a(), o("svg", zn, e[0] || (e[0] = [
     n("path", { d: "M256 768h672a32 32 0 1 1 0 64H224a32 32 0 0 1-32-32V96a32 32 0 0 1 64 0z" }, null, -1),
     n("path", { d: "M832 224v704a32 32 0 1 1-64 0V256H96a32 32 0 0 1 0-64h704a32 32 0 0 1 32 32" }, null, -1)
   ]));
@@ -841,12 +841,12 @@ function H4(t, e) {
     n("path", { d: "M128 192h768v128H128zm0 256h512v128H128zm0 256h768v128H128zm576-352 192 160-192 128z" }, null, -1)
   ]));
 }
-const z4 = { render: H4 }, k4 = {
+const k4 = { render: H4 }, z4 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
 };
 function V4(t, e) {
-  return a(), o("svg", k4, e[0] || (e[0] = [
+  return a(), o("svg", z4, e[0] || (e[0] = [
     n("path", { d: "M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16S24.837 0 16 0m0 29C8.82 29 3 23.18 3 16S8.82 3 16 3s13 5.82 13 13-5.82 13-13 13" }, null, -1),
     n("path", { d: "m21 8-5 5-5-5-3 3 5 5-5 5 3 3 5-5 5 5 3-3-5-5 5-5z" }, null, -1)
   ]));
@@ -1006,12 +1006,12 @@ function Ha(t, e) {
     n("path", { d: "m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64z" }, null, -1)
   ]));
 }
-const za = { render: Ha }, ka = {
+const ka = { render: Ha }, za = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 function Va(t, e) {
-  return a(), o("svg", ka, e[0] || (e[0] = [
+  return a(), o("svg", za, e[0] || (e[0] = [
     n("path", { d: "M256 320h512c0-78.592-12.608-142.4-36.928-192h-434.24C269.504 192.384 256 256.256 256 320m503.936 64H264.064a256.128 256.128 0 0 0 495.872 0M544 638.4V896h96a32 32 0 1 1 0 64H384a32 32 0 1 1 0-64h96V638.4A320 320 0 0 1 192 320c0-85.632 21.312-170.944 64-256h512c42.688 64.32 64 149.632 64 256a320 320 0 0 1-288 318.4" }, null, -1)
   ]));
 }
@@ -1174,12 +1174,12 @@ const Mo = { render: bo }, Ho = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function zo(t, e) {
+function ko(t, e) {
   return a(), o("svg", Ho, e[0] || (e[0] = [
     n("path", { d: "M448 456.064V96a32 32 0 0 1 32-32.064L672 64a32 32 0 0 1 0 64H512v128h160a32 32 0 0 1 0 64H512v128a256 256 0 1 1-64 8.064M512 896a192 192 0 1 0 0-384 192 192 0 0 0 0 384" }, null, -1)
   ]));
 }
-const ko = { render: zo }, Vo = {
+const zo = { render: ko }, Vo = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -1367,13 +1367,13 @@ const Ml = { render: bl }, Hl = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function zl(t, e) {
+function kl(t, e) {
   return a(), o("svg", Hl, e[0] || (e[0] = [
     n("path", { d: "M512 896a256 256 0 1 0 0-512 256 256 0 0 0 0 512m0 64a320 320 0 1 1 0-640 320 320 0 0 1 0 640" }, null, -1),
     n("path", { d: "M576 128H448v200a286.7 286.7 0 0 1 64-8c19.52 0 40.832 2.688 64 8zm64 0v219.648c24.448 9.088 50.56 20.416 78.4 33.92L757.44 128zm-256 0H266.624l39.04 253.568c27.84-13.504 53.888-24.832 78.336-33.92zM229.312 64h565.376a32 32 0 0 1 31.616 36.864L768 480c-113.792-64-199.104-96-256-96s-142.208 32-256 96l-58.304-379.136A32 32 0 0 1 229.312 64" }, null, -1)
   ]));
 }
-const kl = { render: zl }, Vl = {
+const zl = { render: kl }, Vl = {
   xmlns: "http://www.w3.org/2000/svg",
   "xml:space": "preserve",
   viewBox: "0 0 1024 1024"
@@ -1542,13 +1542,13 @@ const M3 = { render: b3 }, H3 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function z3(t, e) {
+function k3(t, e) {
   return a(), o("svg", H3, e[0] || (e[0] = [
     n("path", { d: "m412.16 592.128-45.44 45.44A191.23 191.23 0 0 1 320 512V256a192 192 0 1 1 384 0v44.352l-64 64V256a128 128 0 1 0-256 0v256c0 30.336 10.56 58.24 28.16 80.128m51.968 38.592A128 128 0 0 0 640 512v-57.152l64-64V512a192 192 0 0 1-287.68 166.528zM314.88 779.968l46.144-46.08A223 223 0 0 0 480 768h64a224 224 0 0 0 224-224v-32a32 32 0 1 1 64 0v32a288 288 0 0 1-288 288v64h64a32 32 0 1 1 0 64H416a32 32 0 1 1 0-64h64v-64c-61.44 0-118.4-19.2-165.12-52.032M266.752 737.6A286.98 286.98 0 0 1 192 544v-32a32 32 0 0 1 64 0v32c0 56.832 21.184 108.8 56.064 148.288z" }, null, -1),
     n("path", { d: "M150.72 859.072a32 32 0 0 1-45.44-45.056l704-708.544a32 32 0 0 1 45.44 45.056z" }, null, -1)
   ]));
 }
-const k3 = { render: z3 }, V3 = {
+const z3 = { render: k3 }, V3 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -1714,7 +1714,7 @@ const Mr = { render: br }, Hr = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
-function zr(t, e) {
+function kr(t, e) {
   return a(), o("svg", Hr, e[0] || (e[0] = [
     n("path", {
       stroke: "#000",
@@ -1723,7 +1723,7 @@ function zr(t, e) {
     }, null, -1)
   ]));
 }
-const kr = { render: zr }, Vr = {
+const zr = { render: kr }, Vr = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -1890,12 +1890,12 @@ const M6 = { render: b6 }, H6 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function z6(t, e) {
+function k6(t, e) {
   return a(), o("svg", H6, e[0] || (e[0] = [
     n("path", { d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896M288 512a38.4 38.4 0 0 0 38.4 38.4h371.2a38.4 38.4 0 0 0 0-76.8H326.4A38.4 38.4 0 0 0 288 512" }, null, -1)
   ]));
 }
-const k6 = { render: z6 }, V6 = {
+const z6 = { render: k6 }, V6 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -2050,13 +2050,13 @@ const Ms = { render: bs }, Hs = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function zs(t, e) {
+function ks(t, e) {
   return a(), o("svg", Hs, e[0] || (e[0] = [
     n("path", { d: "M432 928a48 48 0 1 1 0-96 48 48 0 0 1 0 96m320 0a48 48 0 1 1 0-96 48 48 0 0 1 0 96M96 128a32 32 0 0 1 0-64h160a32 32 0 0 1 31.36 25.728L320.64 256H928a32 32 0 0 1 31.296 38.72l-96 448A32 32 0 0 1 832 768H384a32 32 0 0 1-31.36-25.728L229.76 128zm314.24 576h395.904l82.304-384H333.44z" }, null, -1),
     n("path", { d: "M699.648 256 608 145.984 516.352 256zm-140.8-151.04a64 64 0 0 1 98.304 0L836.352 320H379.648z" }, null, -1)
   ]));
 }
-const ks = { render: zs }, Vs = {
+const zs = { render: ks }, Vs = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -2211,13 +2211,13 @@ const M8 = { render: b8 }, H8 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function z8(t, e) {
+function k8(t, e) {
   return a(), o("svg", H8, e[0] || (e[0] = [
     n("path", { d: "M352 159.872V230.4a352 352 0 1 0 320 0v-70.528A416.128 416.128 0 0 1 512 960a416 416 0 0 1-160-800.128" }, null, -1),
     n("path", { d: "M512 64q32 0 32 32v320q0 32-32 32t-32-32V96q0-32 32-32" }, null, -1)
   ]));
 }
-const k8 = { render: z8 }, V8 = {
+const z8 = { render: k8 }, V8 = {
   xmlns: "http://www.w3.org/2000/svg",
   "xml:space": "preserve",
   viewBox: "0 0 1024 1024"
@@ -2380,12 +2380,12 @@ const Mi = { render: bi }, Hi = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function zi(t, e) {
+function ki(t, e) {
   return a(), o("svg", Hi, e[0] || (e[0] = [
     n("path", { d: "M320 768a32 32 0 1 1 64 0 64 64 0 0 0 128 0V512H64a448 448 0 1 1 896 0H576v256a128 128 0 1 1-256 0m570.688-320a384.128 384.128 0 0 0-757.376 0z" }, null, -1)
   ]));
 }
-const ki = { render: zi }, Vi = {
+const zi = { render: ki }, Vi = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -2549,7 +2549,7 @@ function Hd(t, e) {
     n("path", { d: "m31.008 27.231-7.58-6.447c-.784-.705-1.622-1.029-2.299-.998a11.95 11.95 0 0 0 2.87-7.787c0-6.627-5.373-12-12-12s-12 5.373-12 12 5.373 12 12 12c2.972 0 5.691-1.081 7.787-2.87-.031.677.293 1.515.998 2.299l6.447 7.58c1.104 1.226 2.907 1.33 4.007.23s.997-2.903-.23-4.007M12 20a8 8 0 1 1 0-16 8 8 0 0 1 0 16M6 10h12v4H6z" }, null, -1)
   ]));
 }
-const zd = { render: Hd }, w2 = {
+const kd = { render: Hd }, w2 = {
   [i["add-location"]]: u0,
   [i.aim]: h0,
   [i["alarm-clock"]]: _0,
@@ -2609,7 +2609,7 @@ const zd = { render: Hd }, w2 = {
   [i["copy-document"]]: fn,
   [i.copy]: xn,
   [i.cpu]: bn,
-  [i["credit-card"]]: zn,
+  [i["credit-card"]]: kn,
   [i.crop]: Bn,
   [i.cross]: An,
   [i["delete-filled"]]: On,
@@ -2627,7 +2627,7 @@ const zd = { render: Hd }, w2 = {
   [i["edit-pen"]]: f4,
   [i.edit]: x4,
   [i.enlarge]: b4,
-  [i.expand]: z4,
+  [i.expand]: k4,
   [i.error]: B4,
   [i.eye]: A4,
   [i["eye-blocked"]]: O4,
@@ -2645,7 +2645,7 @@ const zd = { render: Hd }, w2 = {
   [i.folder]: fa,
   [i.food]: xa,
   [i["fork-spoon"]]: ba,
-  [i["full-screen"]]: za,
+  [i["full-screen"]]: ka,
   [i.goblet]: Ba,
   [i["gold-medal"]]: Aa,
   [i["goods-filled"]]: Oa,
@@ -2663,7 +2663,7 @@ const zd = { render: Hd }, w2 = {
   [i["info-filled"]]: go,
   [i.info]: $o,
   [i.image]: Mo,
-  [i.key]: ko,
+  [i.key]: zo,
   [i["knife-fork"]]: Co,
   [i.lightning]: To,
   [i.link]: Po,
@@ -2681,7 +2681,7 @@ const zd = { render: Hd }, w2 = {
   [i.male]: gl,
   [i.management]: $l,
   [i["map-location"]]: Ml,
-  [i.medal]: kl,
+  [i.medal]: zl,
   [i.memo]: Cl,
   [i.menu]: Tl,
   [i["message-box"]]: Pl,
@@ -2698,7 +2698,7 @@ const zd = { render: Hd }, w2 = {
   [i.mouse]: g3,
   [i.mug]: $3,
   [i["mute-notification"]]: M3,
-  [i.mute]: k3,
+  [i.mute]: z3,
   [i["no-smoking"]]: C3,
   [i.notebook]: T3,
   [i.notification]: P3,
@@ -2733,7 +2733,7 @@ const zd = { render: Hd }, w2 = {
   [i["refresh-right"]]: g6,
   [i.refresh]: $6,
   [i.refrigerator]: M6,
-  [i["remove-filled"]]: k6,
+  [i["remove-filled"]]: z6,
   [i.remove]: C6,
   [i.right]: T6,
   [i["rotate-left"]]: P6,
@@ -2751,7 +2751,7 @@ const zd = { render: Hd }, w2 = {
   [i.ship]: gs,
   [i.shop]: $s,
   [i["shopping-bag"]]: Ms,
-  [i["shopping-cart-full"]]: ks,
+  [i["shopping-cart-full"]]: zs,
   [i["shopping-cart"]]: Cs,
   [i.shrink]: Ts,
   [i.smoking]: Ps,
@@ -2769,7 +2769,7 @@ const zd = { render: Hd }, w2 = {
   [i.sunny]: g8,
   [i.sunrise]: $8,
   [i.sunset]: M8,
-  [i["switch-button"]]: k8,
+  [i["switch-button"]]: z8,
   [i["switch-filled"]]: C8,
   [i.switch]: T8,
   [i["takeaway-box"]]: P8,
@@ -2787,7 +2787,7 @@ const zd = { render: Hd }, w2 = {
   [i["trophy-base"]]: gi,
   [i.trophy]: $i,
   [i["turn-off"]]: Mi,
-  [i.umbrella]: ki,
+  [i.umbrella]: zi,
   [i.unlock]: Ci,
   [i["upload-filled"]]: Ti,
   [i.upload]: Pi,
@@ -2806,10 +2806,10 @@ const zd = { render: Hd }, w2 = {
   [i.watch]: fd,
   [i["wind-power"]]: xd,
   [i["zoom-in"]]: bd,
-  [i["zoom-out"]]: zd,
-  [i["plus-thin"]]: kr,
+  [i["zoom-out"]]: kd,
+  [i["plus-thin"]]: zr,
   [i["minus-thin"]]: Zl
-}, kd = ["href", "target"], Vd = /* @__PURE__ */ D({
+}, zd = ["href", "target"], Vd = /* @__PURE__ */ D({
   __name: "NmorphLink",
   props: {
     type: { default: p2.accent },
@@ -2835,7 +2835,7 @@ const zd = { render: Hd }, w2 = {
       }, [
         C(r.$slots, "prepend"),
         re(" " + U(r.text) + " ", 1),
-        r.iconName ? (a(), R(_(F), {
+        r.iconName ? (a(), R(m(F), {
           key: 0,
           class: "nmorph-link__icon",
           name: e.iconName,
@@ -2843,7 +2843,7 @@ const zd = { render: Hd }, w2 = {
           height: "10px"
         }, null, 8, ["name"])) : O("", !0),
         C(r.$slots, "default")
-      ], 8, kd)
+      ], 8, zd)
     ], 2));
   }
 });
@@ -2875,30 +2875,30 @@ const Bd = /* @__PURE__ */ D({
     I((ee) => ({
       "256f24e4": q.value,
       "6ab0c31b": Q.value,
-      e0c171ca: m.value,
+      e0c171ca: _.value,
       "4956b50c": w.value,
       73570806: c.value,
       73570807: u.value,
       "14ef4acf": L.value,
       "6253ec03": g.value,
-      "634acaec": y.value
+      "634acaec": $.value
     }));
     const r = t, s = x(null), u = h(() => r.scrollYProp), c = h(() => r.scrollXProp), d = x(!1), v = x(!1), p = () => {
       d.value = s.value?.scrollHeight > s.value?.clientHeight, v.value = s.value?.scrollWidth > s.value?.clientWidth;
-    }, H = h(() => r.yBarWidthInPx + r.yGapInPx), z = h(() => r.xBarWidthInPx + r.xGapInPx), m = h(
+    }, H = h(() => r.yBarWidthInPx + r.yGapInPx), k = h(() => r.xBarWidthInPx + r.xGapInPx), _ = h(
       () => r.scrollYProp === "hidden" || !d.value ? "0" : `${H.value}px`
     ), w = h(
-      () => r.scrollXProp === "hidden" || !v.value ? "0" : `${z.value}px`
-    ), g = h(() => `${r.yBarWidthInPx}px`), y = h(() => `${r.xBarWidthInPx}px`), M = N("nmorph");
+      () => r.scrollXProp === "hidden" || !v.value ? "0" : `${k.value}px`
+    ), g = h(() => `${r.yBarWidthInPx}px`), $ = h(() => `${r.xBarWidthInPx}px`), M = N("nmorph");
     let f;
-    const $ = l, V = () => {
+    const y = l, z = () => {
       const ee = Math.trunc(s.value?.scrollLeft), de = Math.trunc(s.value?.scrollTop);
-      $("update:model-value", { x: ee, y: de });
+      y("update:model-value", { x: ee, y: de });
     }, E = () => {
-      $("on-scroll-end");
+      y("on-scroll-end");
     }, P = (ee) => {
-      $("on-scroll", ee), s.value && (r.updateOnlyOnScrollEnd || V(), f !== void 0 && clearTimeout(f), f = setTimeout(() => {
-        r.updateOnlyOnScrollEnd && V(), E();
+      y("on-scroll", ee), s.value && (r.updateOnlyOnScrollEnd || z(), f !== void 0 && clearTimeout(f), f = setTimeout(() => {
+        r.updateOnlyOnScrollEnd && z(), E();
       }, r.scrollEndDelay));
     };
     fe(() => {
@@ -2966,10 +2966,10 @@ const Cd = /* @__PURE__ */ D({
   emits: ["error", "load"],
   setup(t, { emit: e }) {
     I((w) => ({
-      "574116af": m.value,
+      "574116af": _.value,
       "11dd63ea": p.value,
       "11d2c240": v.value,
-      "75c6801c": z.value
+      "75c6801c": k.value
     }));
     const l = t, r = e, s = x(!1), u = h(
       () => T({
@@ -2980,11 +2980,11 @@ const Cd = /* @__PURE__ */ D({
       r("error", w), s.value = !0;
     }, d = (w) => {
       r("load", w), s.value = !1;
-    }, v = h(() => `${l.imagePadding}px`), p = h(() => ` ${l.size}px`), H = h(() => `${l.size / 100 * 60}px`), z = h(() => l.shape === "circle" ? "50%" : "4px"), m = h(() => `${l.frameBorder}px`);
+    }, v = h(() => `${l.imagePadding}px`), p = h(() => ` ${l.size}px`), H = h(() => `${l.size / 100 * 60}px`), k = h(() => l.shape === "circle" ? "50%" : "4px"), _ = h(() => `${l.frameBorder}px`);
     return (w, g) => (a(), o("div", {
       class: B(u.value)
     }, [
-      k(_(Ve), {
+      V(m(Ve), {
         fit: l.fit,
         src: l.src,
         "src-set": l.srcSet,
@@ -2994,7 +2994,7 @@ const Cd = /* @__PURE__ */ D({
         onError: c
       }, {
         error: j(() => [
-          k(_(F), {
+          V(m(F), {
             name: "avatar",
             width: H.value
           }, null, 8, ["width"])
@@ -3088,31 +3088,31 @@ const Od = { class: "nmorph-calendar-header__text" }, Pd = { class: "nmorph-cale
       class: B(s.value)
     }, [
       C(u.$slots, "default", {}, () => [
-        n("div", Od, U(l.year) + " " + U(_(Ye)(l.month)), 1),
+        n("div", Od, U(l.year) + " " + U(m(Ye)(l.month)), 1),
         n("div", Pd, [
-          u.showPreviousMonthButton ? (a(), R(_(Y), {
+          u.showPreviousMonthButton ? (a(), R(m(Y), {
             key: 0,
             class: "nmorph-calendar-header__action",
             onClick: c[0] || (c[0] = (d) => r("click-previous-month"))
           }, {
             default: j(() => [
-              k(_(F), { name: "arrow-left" })
+              V(m(F), { name: "arrow-left" })
             ]),
             _: 1
           })) : O("", !0),
-          u.showTodayButton ? (a(), R(_(Y), {
+          u.showTodayButton ? (a(), R(m(Y), {
             key: 1,
             class: "nmorph-calendar-header__action",
             text: "Today",
             onClick: c[1] || (c[1] = (d) => r("click-today"))
           })) : O("", !0),
-          u.showNextMonthButton ? (a(), R(_(Y), {
+          u.showNextMonthButton ? (a(), R(m(Y), {
             key: 2,
             class: "nmorph-calendar-header__action",
             onClick: c[2] || (c[2] = (d) => r("click-next-month"))
           }, {
             default: j(() => [
-              k(_(F), { name: "arrow-right" })
+              V(m(F), { name: "arrow-right" })
             ]),
             _: 1
           })) : O("", !0)
@@ -3143,7 +3143,7 @@ const Fd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
     }, c = () => {
       w.value = /* @__PURE__ */ new Date();
     }, d = () => {
-      w.value = $.value;
+      w.value = y.value;
     }, v = () => {
       throw new Error("model value and type prop not matched");
     }, p = (b) => {
@@ -3184,10 +3184,10 @@ const Fd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
           return v();
         g.value.length === 0 ? g.value.push(L) : g.value.length === 1 ? L < g.value[0] ? g.value = [L, g.value[0]] : g.value.push(L) : g.value = [L], r("update:model-value", g.value.slice(0, 2));
       }
-    }, z = (b, A) => {
+    }, k = (b, A) => {
       const [S, L] = A;
       return A.length === 1 ? b.toDateString() === S.toDateString() : S && L ? b >= ue(S) && b <= ue(L) : !1;
-    }, m = (b) => {
+    }, _ = (b) => {
       if (g.value === null)
         return !1;
       if (l.type === "date")
@@ -3195,19 +3195,19 @@ const Fd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
       if (l.type === "dates")
         return Array.isArray(g.value) ? !!g.value.find((S) => S.toDateString() === b.toDateString()) : v();
       if (l.type === "daterange")
-        return Array.isArray(g.value) ? z(b, g.value) : v();
+        return Array.isArray(g.value) ? k(b, g.value) : v();
     }, w = x(l.initialDate), g = x(p(l.modelValue));
     ae(() => {
       r("update:model-value", g.value);
     });
-    let y = me([]);
+    let $ = ce([]);
     const M = () => {
-      y = [], V2(w, l.range).forEach((A) => {
+      $ = [], V2(w, l.range).forEach((A) => {
         const S = {};
         A.forEach((L, q) => {
           const Q = s[q];
           S[Q] = L;
-        }), y.push(S);
+        }), $.push(S);
       });
     };
     G(
@@ -3226,8 +3226,8 @@ const Fd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
         g.value = p(b);
       }
     );
-    const f = h(() => new Date(w.value.setMonth(w.value.getMonth() - 1))), $ = h(() => new Date(w.value.setMonth(w.value.getMonth() + 1))), V = h(() => {
-      const { range: b } = l, A = b ? H2(w.value, b[0]) : !0, S = b ? z2(w.value, b[1]) : !0, L = k2(b);
+    const f = h(() => new Date(w.value.setMonth(w.value.getMonth() - 1))), y = h(() => new Date(w.value.setMonth(w.value.getMonth() + 1))), z = h(() => {
+      const { range: b } = l, A = b ? H2(w.value, b[0]) : !0, S = b ? k2(w.value, b[1]) : !0, L = z2(b);
       return {
         showPreviousMonthButton: A,
         showNextMonthButton: S,
@@ -3242,31 +3242,31 @@ const Fd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
       class: B(E.value)
     }, [
       C(b.$slots, "header", {}, () => [
-        k(Ed, {
+        V(Ed, {
           year: w.value.getFullYear(),
           month: w.value.getMonth(),
-          "show-previous-month-button": V.value.showPreviousMonthButton,
-          "show-today-button": V.value.showTodayButton,
-          "show-next-month-button": V.value.showNextMonthButton,
+          "show-previous-month-button": z.value.showPreviousMonthButton,
+          "show-today-button": z.value.showTodayButton,
+          "show-next-month-button": z.value.showNextMonthButton,
           onClickNextMonth: d,
           onClickPreviousMonth: u,
           onClickToday: c
         }, null, 8, ["year", "month", "show-previous-month-button", "show-today-button", "show-next-month-button"])
       ]),
       C(b.$slots, "content", {}, () => [
-        k(_(A2), {
-          data: _(y),
+        V(m(A2), {
+          data: m($),
           bordered: "",
           "row-hover": !1
         }, {
           default: j(() => [
-            (a(!0), o(K, null, X(_(s), (S) => (a(), R(_(D2), {
+            (a(!0), o(K, null, X(m(s), (S) => (a(), R(m(D2), {
               key: `${S}`,
               prop: S,
               label: S.toUpperCase()
             }, {
               default: j(({ scope: L }) => [
-                (a(!0), o(K, null, X(L.rows, (q, Q) => (a(), R(_(T2), {
+                (a(!0), o(K, null, X(L.rows, (q, Q) => (a(), R(m(T2), {
                   key: Q,
                   row: Q
                 }, {
@@ -3281,7 +3281,7 @@ const Fd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
                         },
                         { "nmorph-calendar-date--hidden": P(q[S]).hidden },
                         {
-                          "nmorph-calendar-date--selected": m(P(q[S]).date)
+                          "nmorph-calendar-date--selected": _(P(q[S]).date)
                         }
                       ]),
                       onClick: (oe) => H(P(q[S]))
@@ -3289,7 +3289,7 @@ const Fd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
                       C(b.$slots, "date-cell", {
                         scope: {
                           ...P(q[S]),
-                          selected: m(P(q[S]).date)
+                          selected: _(P(q[S]).date)
                         }
                       }, () => [
                         re(U(P(q[S]).hidden ? "-" : P(q[S]).value), 1)
@@ -3322,7 +3322,7 @@ const M2 = (t) => {
     day: "2-digit"
   };
   return Array.isArray(t) ? t.map((r) => r ? new Intl.DateTimeFormat(e, l).format(r) : null) : new Intl.DateTimeFormat(e, l).format(t);
-}, H2 = (t, e) => t.getMonth() > e.getMonth(), z2 = (t, e) => t.getMonth() < e.getMonth(), k2 = (t) => {
+}, H2 = (t, e) => t.getMonth() > e.getMonth(), k2 = (t, e) => t.getMonth() < e.getMonth(), z2 = (t) => {
   const e = /* @__PURE__ */ new Date();
   if (!t)
     return !0;
@@ -3333,14 +3333,14 @@ const M2 = (t) => {
   return e[t];
 }, jd = (t) => t % 4 === 0 && t % 100 !== 0 || t % 400 === 0, r2 = (t, e) => [0, 2, 4, 6, 7, 9, 11].includes(e) ? 31 : [3, 5, 8, 10].includes(e) ? 30 : jd(t) ? 29 : 28, ue = (t) => new Date(t.getFullYear(), t.getMonth(), t.getDate()), V2 = (t, e) => {
   const l = (q) => e ? q < ue(e[0]) || q > ue(e[1]) : !1, r = t.value.getFullYear(), s = t.value.getMonth(), c = new Date(r, s, 1).getDay() + 1, d = r2(r, s), v = 7 + c - 8;
-  let z = 7 - (new Date(r, s, d).getDay() + 1);
-  const m = /* @__PURE__ */ new Date(), w = m.getDate(), g = m.getMonth(), y = s - 1, M = r2(r, y);
+  let k = 7 - (new Date(r, s, d).getDay() + 1);
+  const _ = /* @__PURE__ */ new Date(), w = _.getDate(), g = _.getMonth(), $ = s - 1, M = r2(r, $);
   let f = M - v;
-  const $ = [];
+  const y = [];
   for (; f < M; ) {
     f++;
-    const q = g === y && w === f, Q = new Date(r, y, f);
-    $.push({
+    const q = g === $ && w === f, Q = new Date(r, $, f);
+    y.push({
       value: f,
       monthType: "previous",
       isToday: q,
@@ -3348,11 +3348,11 @@ const M2 = (t) => {
       hidden: l(Q)
     });
   }
-  const V = s + 1, E = [];
+  const z = s + 1, E = [];
   let P = 0;
-  for (; z; ) {
-    P++, z--;
-    const q = g === V && w === P, Q = new Date(r, V, P);
+  for (; k; ) {
+    P++, k--;
+    const q = g === z && w === P, Q = new Date(r, z, P);
     E.push({
       value: P,
       monthType: "next",
@@ -3364,7 +3364,7 @@ const M2 = (t) => {
   let b = 0;
   const A = [];
   for (; b < d; ) {
-    const q = m.getDate();
+    const q = _.getDate();
     b++;
     const Q = g === s && q === b, oe = new Date(r, s, b);
     A.push({
@@ -3375,7 +3375,7 @@ const M2 = (t) => {
       hidden: l(oe)
     });
   }
-  const S = [...$, ...A, ...E], L = [];
+  const S = [...y, ...A, ...E], L = [];
   for (let q = 0; q < S.length; q += 7) {
     const Q = S.slice(q, q + 7);
     L.push(Q);
@@ -3412,7 +3412,7 @@ const M2 = (t) => {
     ], 2));
   }
 });
-const Gd = /* @__PURE__ */ be(Yd, [["__scopeId", "data-v-e3cb136f"]]), A9 = (t) => t.charAt(0).toUpperCase() + t.slice(1), s2 = (t) => JSON.parse(JSON.stringify(t)), ce = () => {
+const Gd = /* @__PURE__ */ be(Yd, [["__scopeId", "data-v-e3cb136f"]]), A9 = (t) => t.charAt(0).toUpperCase() + t.slice(1), s2 = (t) => JSON.parse(JSON.stringify(t)), ve = () => {
   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()}`;
 }, i2 = {
@@ -3449,38 +3449,38 @@ const Gd = /* @__PURE__ */ be(Yd, [["__scopeId", "data-v-e3cb136f"]]), A9 = (t)
       () => T({
         "nmorph-carousel": []
       })
-    ), v = x([]), p = ce();
+    ), v = x([]), p = ve();
     te("carousel-data", { data: v, carouselId: p });
-    const H = x(null), z = me({}), m = () => {
-      const V = z[Object.keys(z).length - 1]?.cloneNode(!0), E = z[0]?.cloneNode(!0);
-      H.value?.prepend(V), H.value?.append(E), l.value += 1;
+    const H = x(null), k = ce({}), _ = () => {
+      const z = k[Object.keys(k).length - 1]?.cloneNode(!0), E = k[0]?.cloneNode(!0);
+      H.value?.prepend(z), H.value?.append(E), l.value += 1;
     }, w = () => {
-      l.value === 0 && (l.value = Object.keys(z).length, M.value = !1), l.value > Object.keys(z).length && (l.value = 1, M.value = !1);
+      l.value === 0 && (l.value = Object.keys(k).length, M.value = !1), l.value > Object.keys(k).length && (l.value = 1, M.value = !1);
     };
     ae(() => {
-      u.loop && l.value === 0 && (_e(() => m()), H.value?.addEventListener("transitionend", w));
-    }), G(l, (V) => {
-      c("change", l.value), (V === 1 || V === Object.keys(z).length) && setTimeout(() => {
+      u.loop && l.value === 0 && (_e(() => _()), H.value?.addEventListener("transitionend", w));
+    }), G(l, (z) => {
+      c("change", l.value), (z === 1 || z === Object.keys(k).length) && setTimeout(() => {
         M.value = !0;
       });
     });
-    const g = (V, E) => {
-      const P = V;
-      z[E] = P;
-    }, y = h(() => `translateX(-${l.value * 100}%)`), M = x(!0), f = (V) => V === l.value - 1, $ = (V) => {
-      l.value = V + 1;
+    const g = (z, E) => {
+      const P = z;
+      k[E] = P;
+    }, $ = h(() => `translateX(-${l.value * 100}%)`), M = x(!0), f = (z) => z === l.value - 1, y = (z) => {
+      l.value = z + 1;
     };
-    return (V, E) => (a(), o("div", {
+    return (z, E) => (a(), o("div", {
       class: B(d.value)
     }, [
       n("div", {
         ref_key: "carouselWrapper",
         ref: H,
         class: B(["nmorph-carousel__wrapper", { "transition-enabled": M.value }]),
-        style: ne({ transform: y.value })
+        style: ne({ transform: $.value })
       }, [
         (a(!0), o(K, null, X(v.value, (P, b) => (a(), o("div", {
-          id: `nmorph-carousel-item-${_(p)}-${P}`,
+          id: `nmorph-carousel-item-${m(p)}-${P}`,
           key: P,
           ref_for: !0,
           ref: (A) => g(A, b),
@@ -3491,7 +3491,7 @@ const Gd = /* @__PURE__ */ be(Yd, [["__scopeId", "data-v-e3cb136f"]]), A9 = (t)
         (a(!0), o(K, null, X(v.value, (P, b) => (a(), o("div", {
           key: b,
           class: "nmorph-carousel__element-indicator-wrapper",
-          onClick: (A) => $(b)
+          onClick: (A) => y(b)
         }, [
           n("div", {
             class: B(["nmorph-carousel__element-indicator", { "nmorph-carousel__element-indicator--active": f(b) }])
@@ -3502,15 +3502,15 @@ const Gd = /* @__PURE__ */ be(Yd, [["__scopeId", "data-v-e3cb136f"]]), A9 = (t)
         class: "nmorph-carousel__action-btn nmorph-carousel__prev",
         onClick: r
       }, [
-        k(_(F), { name: "chevron-down" })
+        V(m(F), { name: "chevron-down" })
       ]),
       n("div", {
         class: "nmorph-carousel__action-btn nmorph-carousel__next",
         onClick: s
       }, [
-        k(_(F), { name: "chevron-down" })
+        V(m(F), { name: "chevron-down" })
       ]),
-      C(V.$slots, "default")
+      C(z.$slots, "default")
     ], 2));
   }
 });
@@ -3532,7 +3532,7 @@ const Nd = /* @__PURE__ */ D({
       class: B(l.value)
     }, [
       (a(), R(we, {
-        to: `#nmorph-carousel-item-${_(r)?.carouselId}-${e.name}`
+        to: `#nmorph-carousel-item-${m(r)?.carouselId}-${e.name}`
       }, [
         C(u.$slots, "default")
       ], 8, ["to"]))
@@ -3595,27 +3595,27 @@ const Nd = /* @__PURE__ */ D({
       () => T({
         nmorph: [se[l.height]]
       })
-    ), d = N("collapse-data", void 0), v = N("update-model", void 0), p = x(null), H = x(0), z = () => {
+    ), d = N("collapse-data", void 0), v = N("update-model", void 0), p = x(null), H = x(0), k = () => {
       l.block || (s.value = !s.value, v && (v(l.name, s.value), r("click-item", { id: l.name, isOpen: s.value })));
     };
     return ae(() => {
       Array.isArray(d?.value) ? s.value = d.value.includes(l.name) : s.value = d?.value === l.name;
     }), G(
       () => d?.value,
-      (m) => {
-        Array.isArray(m) ? s.value = m.includes(l.name) : s.value = m === l.name;
+      (_) => {
+        Array.isArray(_) ? s.value = _.includes(l.name) : s.value = _ === l.name;
       },
       { deep: !0 }
     ), G(s, () => {
       H.value = s.value && p.value ? p.value?.clientHeight : 0;
-    }), (m, w) => (a(), o("div", {
+    }), (_, w) => (a(), o("div", {
       class: B(u.value),
-      onClick: ie(z, ["stop"])
+      onClick: ie(k, ["stop"])
     }, [
       n("div", {
         class: B(["nmorph-collapse-item__title", c.value])
       }, [
-        C(m.$slots, "title", {}, () => [
+        C(_.$slots, "title", {}, () => [
           re(U(l.title), 1)
         ])
       ], 2),
@@ -3628,7 +3628,7 @@ const Nd = /* @__PURE__ */ D({
           ref: p,
           class: "nmorph-collapse-item__inner-wrapper"
         }, [
-          C(m.$slots, "default")
+          C(_.$slots, "default")
         ], 512)
       ], 4)
     ], 2));
@@ -3653,25 +3653,25 @@ const tu = ["src", "alt", "srcset"], nu = {
   },
   emits: ["error", "load"],
   setup(t, { emit: e }) {
-    I((y) => ({
+    I(($) => ({
       "038c8bec": g.value,
       "6b4fbaa3": w.value
     }));
     const { t: l } = ye(), r = t, s = h(() => r.loadingText ? r.loadingText : l("NmorphImage.loadingText")), u = h(
       () => r.loadFailedText ? r.loadFailedText : l("NmorphImage.loadFailedText")
-    ), c = x(!1), d = x(!1), v = e, p = (y) => {
-      c.value = !0, d.value = !1, v("load", y);
-    }, H = (y) => {
-      c.value = !0, d.value = !0, v("error", y);
-    }, z = h(() => c.value && d.value), m = h(
+    ), c = x(!1), d = x(!1), v = e, p = ($) => {
+      c.value = !0, d.value = !1, v("load", $);
+    }, H = ($) => {
+      c.value = !0, d.value = !0, v("error", $);
+    }, k = h(() => c.value && d.value), _ = h(
       () => T({
         nmorph: [`${r.frameBorder > 0 && "shadow-combined"}`],
-        "nmorph-image": [`${(z.value || !c.value) && "hide"}`]
+        "nmorph-image": [`${(k.value || !c.value) && "hide"}`]
       })
     ), w = h(() => r.fit), g = h(() => `${r.frameBorder}px`);
-    return (y, M) => r.src ? (a(), o("div", {
+    return ($, M) => r.src ? (a(), o("div", {
       key: 0,
-      class: B(m.value)
+      class: B(_.value)
     }, [
       n("img", {
         src: r.src,
@@ -3680,12 +3680,12 @@ const tu = ["src", "alt", "srcset"], nu = {
         onLoad: p,
         onError: H
       }, null, 40, tu),
-      z.value ? (a(), o("div", nu, [
-        C(y.$slots, "error", {}, () => [
+      k.value ? (a(), o("div", nu, [
+        C($.$slots, "error", {}, () => [
           re(U(u.value), 1)
         ], !0)
       ])) : c.value ? O("", !0) : (a(), o("div", au, [
-        C(y.$slots, "loading", {}, () => [
+        C($.$slots, "loading", {}, () => [
           re(U(s.value), 1)
         ], !0)
       ]))
@@ -3726,20 +3726,20 @@ const Ve = /* @__PURE__ */ be(ou, [["__scopeId", "data-v-4c8df10c"]]), lu = { cl
       r.value = !1, b("update:model-value", r.value);
     }, H = () => {
       f.value = f.value + 90, f.value >= 360 && (f.value = 0);
-    }, z = () => {
+    }, k = () => {
       f.value = f.value - 90, f.value <= -360 && (f.value = 0);
-    }, m = () => {
+    }, _ = () => {
       d.value < l.maxScaleLevel && (d.value += l.scaleStep), d.value = parseFloat(d.value.toFixed(3));
     }, w = () => {
       d.value > l.minScaleLevel && (d.value -= l.scaleStep), d.value = parseFloat(d.value.toFixed(3));
-    }, g = h(() => d.value < 1), y = () => {
+    }, g = h(() => d.value < 1), $ = () => {
       d.value = 1;
     }, M = () => {
       d.value = 1;
-    }, f = x(0), $ = () => {
+    }, f = x(0), y = () => {
       const S = l.src.length - 1, L = u.value - 1;
       L < 0 ? u.value = S : u.value = L;
-    }, V = () => {
+    }, z = () => {
       const S = l.src.length - 1, L = u.value + 1;
       L > S ? u.value = 0 : u.value = L;
     }, E = h(() => {
@@ -3749,7 +3749,7 @@ const Ve = /* @__PURE__ */ be(ou, [["__scopeId", "data-v-4c8df10c"]]), lu = { cl
       };
       return g.value && (S = {
         icon: "enlarge",
-        handler: y
+        handler: $
       }), S;
     }), P = [
       {
@@ -3758,11 +3758,11 @@ const Ve = /* @__PURE__ */ be(ou, [["__scopeId", "data-v-4c8df10c"]]), lu = { cl
       },
       {
         icon: "rotate-left",
-        handler: z
+        handler: k
       },
       {
         icon: "zoom-in",
-        handler: m
+        handler: _
       },
       {
         icon: "zoom-out",
@@ -3776,19 +3776,19 @@ const Ve = /* @__PURE__ */ be(ou, [["__scopeId", "data-v-4c8df10c"]]), lu = { cl
         class: "nmorph-image-preview__trigger",
         onClick: v
       }, [
-        k(_(Ve), {
+        V(m(Ve), {
           src: c.value,
           alt: l.alt,
           fit: "cover"
         }, null, 8, ["src", "alt"])
       ]),
-      k(_(De), {
+      V(m(De), {
         show: r.value,
         onOnOutsideClick: p
       }, {
         default: j(() => [
           n("div", lu, [
-            k(_(Ve), {
+            V(m(Ve), {
               src: c.value,
               alt: l.alt,
               fit: "cover",
@@ -3796,17 +3796,17 @@ const Ve = /* @__PURE__ */ be(ou, [["__scopeId", "data-v-4c8df10c"]]), lu = { cl
             }, null, 8, ["src", "alt", "style"])
           ]),
           A.value ? (a(), o("div", ru, [
-            k(_(Y), { onClick: $ }, {
+            V(m(Y), { onClick: y }, {
               default: j(() => [
-                k(_(F), { name: "chevron-down" })
+                V(m(F), { name: "chevron-down" })
               ]),
               _: 1
             })
           ])) : O("", !0),
           A.value ? (a(), o("div", su, [
-            k(_(Y), { onClick: V }, {
+            V(m(Y), { onClick: z }, {
               default: j(() => [
-                k(_(F), { name: "chevron-down" })
+                V(m(F), { name: "chevron-down" })
               ]),
               _: 1
             })
@@ -3816,11 +3816,11 @@ const Ve = /* @__PURE__ */ be(ou, [["__scopeId", "data-v-4c8df10c"]]), lu = { cl
               key: Q,
               class: "nmorph-image-preview__action-element"
             }, [
-              k(_(Y), {
+              V(m(Y), {
                 onClick: q.handler
               }, {
                 default: j(() => [
-                  k(_(F), {
+                  V(m(F), {
                     name: q.icon
                   }, null, 8, ["name"])
                 ]),
@@ -3828,12 +3828,12 @@ const Ve = /* @__PURE__ */ be(ou, [["__scopeId", "data-v-4c8df10c"]]), lu = { cl
               }, 1032, ["onClick"])
             ])), 64)),
             n("div", du, [
-              k(_(Y), {
+              V(m(Y), {
                 disabled: d.value === 1,
                 onClick: E.value.handler
               }, {
                 default: j(() => [
-                  k(_(F), {
+                  V(m(F), {
                     name: E.value.icon
                   }, null, 8, ["name"])
                 ]),
@@ -3869,49 +3869,49 @@ const uu = /* @__PURE__ */ D({
     }, c = () => {
       d.value = String(Number(d.value) + 1);
     }, d = x(String(l.modelValue)), v = h(() => {
-      const y = l.totalElementsQuantity / l.elementsQuantityOnPage + 1, M = y % 1 === 0 ? -1 : 0;
-      return Array.from({ length: y + M }, ($, V) => ({ value: String(V + 1), label: String(V + 1) }));
+      const $ = l.totalElementsQuantity / l.elementsQuantityOnPage + 1, M = $ % 1 === 0 ? -1 : 0;
+      return Array.from({ length: $ + M }, (y, z) => ({ value: String(z + 1), label: String(z + 1) }));
     }), p = h(() => l.hideOnSinglePage || l.totalElementsQuantity / l.elementsQuantityOnPage > 1);
-    G(d, (y) => {
-      r("update:model-value", Number(y));
+    G(d, ($) => {
+      r("update:model-value", Number($));
     });
-    const H = (y) => {
-      d.value = y;
-    }, z = h(() => Number(d.value) === 1), m = h(() => v.value.length === Number(d.value)), w = h(() => {
-      const y = v.value.length, M = Number(d.value), f = l.maxVisiblePages;
-      if (y <= f)
+    const H = ($) => {
+      d.value = $;
+    }, k = h(() => Number(d.value) === 1), _ = h(() => v.value.length === Number(d.value)), w = h(() => {
+      const $ = v.value.length, M = Number(d.value), f = l.maxVisiblePages;
+      if ($ <= f)
         return v.value;
-      const $ = Math.floor(f / 2);
-      return M <= $ ? [...v.value.slice(0, f - 2), { value: "next", label: "..." }, v.value[y - 1]] : M >= y - $ ? [v.value[0], { value: "prev", label: "..." }, ...v.value.slice(y - (f - 2))] : [
+      const y = Math.floor(f / 2);
+      return M <= y ? [...v.value.slice(0, f - 2), { value: "next", label: "..." }, v.value[$ - 1]] : M >= $ - y ? [v.value[0], { value: "prev", label: "..." }, ...v.value.slice($ - (f - 2))] : [
         v.value[0],
         { value: "prev", label: "..." },
-        ...v.value.slice(M - $, M + $ - 1),
+        ...v.value.slice(M - y, M + y - 1),
         { value: "next", label: "..." },
-        v.value[y - 1]
+        v.value[$ - 1]
       ];
-    }), g = (y) => {
+    }), g = ($) => {
       const M = Number(d.value);
-      let f = y === "prev" ? M - l.fastForwardStep : M + l.fastForwardStep;
+      let f = $ === "prev" ? M - l.fastForwardStep : M + l.fastForwardStep;
       f <= 0 && (f = 1), f >= v.value.length && (f = v.value.length), d.value = String(f);
     };
-    return (y, M) => p.value ? (a(), o("div", {
+    return ($, M) => p.value ? (a(), o("div", {
       key: 0,
       class: B(s.value)
     }, [
-      k(_(Y), {
+      V(m(Y), {
         class: "nmorph-pagination__btn nmorph-pagination__prev-btn",
-        disabled: z.value || l.disabled,
+        disabled: k.value || l.disabled,
         onClick: u
       }, {
         default: j(() => [
-          k(_(F), {
+          V(m(F), {
             name: "chevron-down",
             class: "nmorph-pagination__prev-icon"
           })
         ]),
         _: 1
       }, 8, ["disabled"]),
-      k(_(e2), {
+      V(m(e2), {
         "model-value": d.value,
         class: "nmorph-pagination__page-group",
         disabled: l.disabled,
@@ -3922,13 +3922,13 @@ const uu = /* @__PURE__ */ D({
             key: f.value,
             class: "nmorph-pagination__page-btn-wrapper"
           }, [
-            f.value === "prev" || f.value === "next" ? (a(), R(_(Y), {
+            f.value === "prev" || f.value === "next" ? (a(), R(m(Y), {
               key: 0,
               class: B(`nmorph-pagination__page-btn nmorph-pagination__${f.value}`),
               text: f.label,
               disabled: l.disabled,
-              onClick: ($) => g(f.value)
-            }, null, 8, ["class", "text", "disabled", "onClick"])) : (a(), R(_(L2), xe({
+              onClick: (y) => g(f.value)
+            }, null, 8, ["class", "text", "disabled", "onClick"])) : (a(), R(m(L2), xe({
               key: 1,
               ref_for: !0
             }, f, {
@@ -3939,13 +3939,13 @@ const uu = /* @__PURE__ */ D({
         ]),
         _: 1
       }, 8, ["model-value", "disabled"]),
-      k(_(Y), {
+      V(m(Y), {
         class: "nmorph-pagination__btn nmorph-pagination__next-btn",
-        disabled: m.value || l.disabled,
+        disabled: _.value || l.disabled,
         onClick: c
       }, {
         default: j(() => [
-          k(_(F), {
+          V(m(F), {
             name: "chevron-down",
             class: "nmorph-pagination__next-icon"
           })
@@ -3979,7 +3979,7 @@ const cu = {
     circleSize: { default: 120 }
   },
   setup(t) {
-    I((m) => ({
+    I((_) => ({
       "1ae927c9": r.value,
       "588931e9": s.value,
       "781c6b0a": u.value,
@@ -3989,34 +3989,34 @@ const cu = {
       () => T({
         "nmorph-progress": []
       })
-    ), r = h(() => `${e.percentage}%`), s = h(() => Array.isArray(e.color) ? e.color.find((m) => m.percentage <= e.percentage)?.color : typeof e.color == "function" ? e.color(e.percentage) : e.color), u = h(() => e.indeterminate ? "var(--animation)" : "none"), c = x(null), d = x(1), v = h(() => `${d.value} ${d.value}`), p = h(() => d.value - e.percentage / 100 * d.value);
+    ), r = h(() => `${e.percentage}%`), s = h(() => Array.isArray(e.color) ? e.color.find((_) => _.percentage <= e.percentage)?.color : typeof e.color == "function" ? e.color(e.percentage) : e.color), u = h(() => e.indeterminate ? "var(--animation)" : "none"), c = x(null), d = x(1), v = h(() => `${d.value} ${d.value}`), p = h(() => d.value - e.percentage / 100 * d.value);
     ae(() => {
       c.value && (d.value = 2 * Math.PI * c.value.r.baseVal.value);
     });
-    const H = h(() => `${e.circleSize}px`), z = h(() => `${e.percentage}%`);
-    return (m, w) => (a(), o("div", {
+    const H = h(() => `${e.circleSize}px`), k = h(() => `${e.percentage}%`);
+    return (_, w) => (a(), o("div", {
       class: B(l.value)
     }, [
       e.type === "linear" ? (a(), o("div", cu, [
         n("div", vu, [
           n("div", hu, [
-            m.valueInside ? (a(), o("div", pu, [
-              C(m.$slots, "inner-text", {}, () => [
-                re(U(z.value), 1)
+            _.valueInside ? (a(), o("div", pu, [
+              C(_.$slots, "inner-text", {}, () => [
+                re(U(k.value), 1)
               ])
             ])) : O("", !0)
           ])
         ]),
-        m.valueRightSide ? (a(), o("div", mu, [
-          C(m.$slots, "right-side", {}, () => [
-            re(U(z.value), 1)
+        _.valueRightSide ? (a(), o("div", mu, [
+          C(_.$slots, "right-side", {}, () => [
+            re(U(k.value), 1)
           ])
         ])) : O("", !0)
       ])) : O("", !0),
       e.type === "circle" ? (a(), o("div", _u, [
         n("div", fu, [
-          C(m.$slots, "circle-inner-part", {}, () => [
-            re(U(z.value), 1)
+          C(_.$slots, "circle-inner-part", {}, () => [
+            re(U(k.value), 1)
           ])
         ]),
         (a(), o("svg", {
@@ -4058,7 +4058,7 @@ const $u = {
       class: B(l.value)
     }, [
       e.rows && e.loading ? (a(), o("div", $u, [
-        (a(!0), o(K, null, X(e.rows, (u) => (a(), R(_(S2), {
+        (a(!0), o(K, null, X(e.rows, (u) => (a(), R(m(S2), {
           key: u,
           width: "100%",
           height: "14px",
@@ -4101,7 +4101,7 @@ const Hu = { class: "nmorph-skeleton-item__element" }, S2 = /* @__PURE__ */ D({
       class: B(l.value)
     }, [
       n("div", Hu, [
-        e.variant === "image" ? (a(), R(_(F), {
+        e.variant === "image" ? (a(), R(m(F), {
           key: 0,
           name: "image",
           width: e.width,
@@ -4111,7 +4111,7 @@ const Hu = { class: "nmorph-skeleton-item__element" }, S2 = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const ze = "10px", zu = /* @__PURE__ */ D({
+const ke = "10px", ku = /* @__PURE__ */ D({
   __name: "NmorphSortButton",
   props: {
     value: {}
@@ -4129,23 +4129,23 @@ const ze = "10px", zu = /* @__PURE__ */ D({
     return (c, d) => (a(), o("div", {
       class: B(s.value)
     }, [
-      k(_(Y), {
+      V(m(Y), {
         height: "thin",
         "style-type": "transparent",
         onClick: u
       }, {
         default: j(() => [
-          k(_(F), {
+          V(m(F), {
             name: "triangle-down",
             class: "nmorph-sort-button__icon-up",
-            width: ze,
-            height: ze
+            width: ke,
+            height: ke
           }),
-          k(_(F), {
+          V(m(F), {
             name: "triangle-down",
             class: "nmorph-sort-button__icon-down",
-            width: ze,
-            height: ze
+            width: ke,
+            height: ke
           })
         ]),
         _: 1
@@ -4153,7 +4153,7 @@ const ze = "10px", zu = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const ku = { class: "nmorph-table__wrapper" }, Vu = { class: "nmorph-table__header" }, Bu = ["data-src"], Cu = { class: "nmorph-table__table-row" }, Su = { class: "nmorph-table__cell" }, Au = { class: "nmorph-table__body" }, Tu = ["id"], Du = { class: "nmorph-table__slot-columns" }, A2 = /* @__PURE__ */ D({
+const zu = { class: "nmorph-table__wrapper" }, Vu = { class: "nmorph-table__header" }, Bu = ["data-src"], Cu = { class: "nmorph-table__table-row" }, Su = { class: "nmorph-table__cell" }, Au = { class: "nmorph-table__body" }, Tu = ["id"], Du = { class: "nmorph-table__slot-columns" }, A2 = /* @__PURE__ */ D({
   __name: "NmorphTable",
   props: {
     data: { default: () => [] },
@@ -4168,18 +4168,18 @@ const ku = { class: "nmorph-table__wrapper" }, Vu = { class: "nmorph-table__head
         "nmorph-table": [`${e.design}`]
       })
     ), r = x(e.data), s = x(e.sort), u = (w, g) => {
-      s.value && (s.value[g] = w, r.value.sort((y, M) => {
-        const f = String(y[g]).toLowerCase(), $ = String(M[g]).toLowerCase();
+      s.value && (s.value[g] = w, r.value.sort(($, M) => {
+        const f = String($[g]).toLowerCase(), y = String(M[g]).toLowerCase();
         if (!s.value)
           return 0;
-        const V = s.value[g];
-        return V === "ascending" ? f.localeCompare($) : V === "descending" ? $.localeCompare(f) : 0;
+        const z = s.value[g];
+        return z === "ascending" ? f.localeCompare(y) : z === "descending" ? y.localeCompare(f) : 0;
       }));
     }, c = x(null), d = x([]);
     te("table-data", { rows: r, columns: d });
     const v = h(() => {
-      const w = d.value.map(($) => $.width).filter(($) => !!$), g = w.length, y = w.reduce(($, V) => ($ += Number(V), $), 0), M = d.value.length - g;
-      return c.value?.clientWidth ? (c.value?.clientWidth - y) / M : 0;
+      const w = d.value.map((y) => y.width).filter((y) => !!y), g = w.length, $ = w.reduce((y, z) => (y += Number(z), y), 0), M = d.value.length - g;
+      return c.value?.clientWidth ? (c.value?.clientWidth - $) / M : 0;
     }), p = (w) => w !== "" ? w : v.value, H = x(0);
     G(
       () => e.data,
@@ -4190,39 +4190,39 @@ const ku = { class: "nmorph-table__wrapper" }, Vu = { class: "nmorph-table__head
         immediate: !0
       }
     );
-    const z = (w) => typeof w == "object" ? "" : w, m = ce();
-    return te("table-identifier", m), (w, g) => (a(), o("div", {
+    const k = (w) => typeof w == "object" ? "" : w, _ = ve();
+    return te("table-identifier", _), (w, g) => (a(), o("div", {
       ref_key: "nmorphDOMTable",
       ref: c,
       key: H.value,
       class: B(l.value)
     }, [
-      n("div", ku, [
+      n("div", zu, [
         n("table", Vu, [
           n("colgroup", null, [
-            (a(!0), o(K, null, X(d.value, (y) => (a(), o("col", {
-              key: y.prop,
-              style: ne({ width: `${p(y.width)}px` }),
-              "data-src": `${p(y.width)}px`
+            (a(!0), o(K, null, X(d.value, ($) => (a(), o("col", {
+              key: $.prop,
+              style: ne({ width: `${p($.width)}px` }),
+              "data-src": `${p($.width)}px`
             }, null, 12, Bu))), 128))
           ]),
           n("thead", null, [
             n("tr", Cu, [
-              (a(!0), o(K, null, X(d.value, (y, M) => (a(), o("th", {
+              (a(!0), o(K, null, X(d.value, ($, M) => (a(), o("th", {
                 key: M,
                 class: B(["nmorph-table__table-data", { "nmorph-table__table-data--bordered": e.bordered }])
               }, [
                 n("div", Su, [
                   n("div", {
-                    style: ne({ "justify-content": y.alignment }),
+                    style: ne({ "justify-content": $.alignment }),
                     class: "nmorph-table__cell-content"
                   }, [
-                    n("span", null, U(y.label), 1),
-                    s.value && s.value[y.prop] ? (a(), R(zu, {
+                    n("span", null, U($.label), 1),
+                    s.value && s.value[$.prop] ? (a(), R(ku, {
                       key: 0,
                       class: "nmorph-table__button-wrapper",
-                      value: s.value[y.prop],
-                      onSort: (f) => u(f, y.prop)
+                      value: s.value[$.prop],
+                      onSort: (f) => u(f, $.prop)
                     }, null, 8, ["value", "onSort"])) : O("", !0)
                   ], 4)
                 ])
@@ -4233,13 +4233,13 @@ const ku = { class: "nmorph-table__wrapper" }, Vu = { class: "nmorph-table__head
         n("div", Au, [
           n("table", null, [
             n("colgroup", null, [
-              (a(!0), o(K, null, X(d.value, (y) => (a(), o("col", {
-                key: y.prop,
-                style: ne({ width: `${p(y.width)}px` })
+              (a(!0), o(K, null, X(d.value, ($) => (a(), o("col", {
+                key: $.prop,
+                style: ne({ width: `${p($.width)}px` })
               }, null, 4))), 128))
             ]),
             n("tbody", null, [
-              (a(!0), o(K, null, X(r.value, (y, M) => (a(), o("tr", {
+              (a(!0), o(K, null, X(r.value, ($, M) => (a(), o("tr", {
                 key: M,
                 class: B(["nmorph-table__table-data-row", { "nmorph-table__table-data-row--row-hover": e.rowHover }])
               }, [
@@ -4248,19 +4248,19 @@ const ku = { class: "nmorph-table__wrapper" }, Vu = { class: "nmorph-table__head
                   class: B([{ "nmorph-table__table-data--bordered": e.bordered }, "nmorph-table__table-data"])
                 }, [
                   n("div", {
-                    id: `table-cell-${_(m)}-${M}-${f.prop}`,
+                    id: `table-cell-${m(_)}-${M}-${f.prop}`,
                     style: ne({ "text-align": f.alignment }),
                     class: "nmorph-table__cell nmorph-table__cell--data"
-                  }, U(z(y[f.prop])), 13, Tu)
+                  }, U(k($[f.prop])), 13, Tu)
                 ], 2))), 128))
               ], 2))), 128))
             ])
           ]),
           n("table", null, [
             n("colgroup", null, [
-              (a(!0), o(K, null, X(d.value, (y) => (a(), o("col", {
-                key: y.prop,
-                style: ne({ width: `${p(y.width)}px` })
+              (a(!0), o(K, null, X(d.value, ($) => (a(), o("col", {
+                key: $.prop,
+                style: ne({ width: `${p($.width)}px` })
               }, null, 4))), 128))
             ]),
             n("tbody", Du, [
@@ -4326,7 +4326,7 @@ const T2 = /* @__PURE__ */ D({
       class: B(s.value)
     }, [
       C(v.$slots, "default", {
-        scope: { columns: _(e)?.columns.value, rows: _(e)?.rows.value, tableId: _(l) }
+        scope: { columns: m(e)?.columns.value, rows: m(e)?.rows.value, tableId: m(l) }
       })
     ], 10, Ou));
   }
@@ -4349,7 +4349,7 @@ const T2 = /* @__PURE__ */ D({
     return (d, v) => (a(), o("div", {
       class: B(s.value)
     }, [
-      (a(!0), o(K, null, X(_(u), (p) => (a(), R(_(Ge), xe({
+      (a(!0), o(K, null, X(m(u), (p) => (a(), R(m(Ge), xe({
         key: p.value,
         ref_for: !0
       }, p, { onClose: c }), null, 16))), 128))
@@ -4379,7 +4379,7 @@ const T2 = /* @__PURE__ */ D({
     }, [
       n("div", Eu, [
         n("span", null, U(c.text), 1),
-        l.removable ? (a(), R(_(F), {
+        l.removable ? (a(), R(m(F), {
           key: 0,
           class: "nmorph-tag-item__close-icon",
           name: "error",
@@ -4421,12 +4421,12 @@ const Fu = ["innerHTML"], qu = {
     ), u = () => {
       r("close");
     }, c = {
-      [pe.success]: "success-filled",
-      [pe.warning]: "warn-triangle-filled",
-      [pe.info]: "info-filled",
-      [pe.error]: "circle-close-filled"
+      [me.success]: "success-filled",
+      [me.warning]: "warn-triangle-filled",
+      [me.info]: "info-filled",
+      [me.error]: "circle-close-filled"
     }, d = Le(), v = h(() => l.closeIconPosition);
-    return (p, H) => _(d).default || l.title || l.content || l.html ? (a(), o("div", {
+    return (p, H) => m(d).default || l.title || l.content || l.html ? (a(), o("div", {
       key: 0,
       class: B(s.value)
     }, [
@@ -4438,7 +4438,7 @@ const Fu = ["innerHTML"], qu = {
         n("div", Ru, [
           l.showIcon ? (a(), o("div", ju, [
             C(p.$slots, "icon", {}, () => [
-              k(_(F), {
+              V(m(F), {
                 name: c[l.type],
                 size: "medium"
               }, null, 8, ["name"])
@@ -4446,7 +4446,7 @@ const Fu = ["innerHTML"], qu = {
           ])) : O("", !0),
           n("div", Wu, [
             n("div", Lu, [
-              l.title || _(d).title ? C(p.$slots, "title", { key: 0 }, () => [
+              l.title || m(d).title ? C(p.$slots, "title", { key: 0 }, () => [
                 re(U(l.title), 1)
               ]) : O("", !0)
             ]),
@@ -4462,7 +4462,7 @@ const Fu = ["innerHTML"], qu = {
           class: "nmorph-alert__close",
           onClick: u
         }, [
-          k(_(F), {
+          V(m(F), {
             name: "cross",
             width: "14px",
             height: "14px"
@@ -4472,7 +4472,7 @@ const Fu = ["innerHTML"], qu = {
     ], 2)) : O("", !0);
   }
 });
-var pe = /* @__PURE__ */ ((t) => (t.success = "success", t.error = "error", t.warning = "warning", t.info = "info", t))(pe || {});
+var me = /* @__PURE__ */ ((t) => (t.success = "success", t.error = "error", t.warning = "warning", t.info = "info", t))(me || {});
 const Yu = { class: "nmorph-dialog__header" }, Gu = { class: "nmorph-dialog__title" }, Qu = { class: "nmorph-dialog__content" }, Ku = /* @__PURE__ */ D({
   __name: "NmorphDialog",
   props: {
@@ -4488,7 +4488,7 @@ const Yu = { class: "nmorph-dialog__header" }, Gu = { class: "nmorph-dialog__tit
   },
   emits: ["on-close", "update:model-value"],
   setup(t, { emit: e }) {
-    I((m) => ({
+    I((_) => ({
       "097fcdea": u.value,
       "4478cc6c": c.value
     }));
@@ -4500,8 +4500,8 @@ const Yu = { class: "nmorph-dialog__header" }, Gu = { class: "nmorph-dialog__tit
     let v = null, p = null;
     G(
       () => l.modelValue,
-      (m) => {
-        m ? (p && clearTimeout(p), v = setTimeout(() => {
+      (_) => {
+        _ ? (p && clearTimeout(p), v = setTimeout(() => {
           d.value = !0;
         }, l.openDelay)) : (v && clearTimeout(v), p = setTimeout(() => {
           d.value = !1;
@@ -4513,31 +4513,31 @@ const Yu = { class: "nmorph-dialog__header" }, Gu = { class: "nmorph-dialog__tit
       r("on-close"), v && clearTimeout(v), p = setTimeout(() => {
         r("update:model-value", !1);
       }, l.closeDelay);
-    }, z = () => {
+    }, k = () => {
       l.closeOnOverlay && H();
     };
-    return (m, w) => (a(), R(_(De), {
+    return (_, w) => (a(), R(m(De), {
       show: d.value,
-      onOnOutsideClick: z
+      onOnOutsideClick: k
     }, {
       default: j(() => [
         n("div", {
           class: B(s.value)
         }, [
           n("div", Yu, [
-            C(m.$slots, "header", {}, () => [
+            C(_.$slots, "header", {}, () => [
               n("div", Gu, U(l.title), 1),
               l.showClose ? (a(), o("div", {
                 key: 0,
                 class: "nmorph-dialog__close-icon",
                 onClick: H
               }, [
-                k(_(F), { name: "cross" })
+                V(m(F), { name: "cross" })
               ])) : O("", !0)
             ])
           ]),
           n("div", Qu, [
-            C(m.$slots, "default")
+            C(_.$slots, "default")
           ])
         ], 2)
       ]),
@@ -4559,81 +4559,81 @@ const Oe = (t) => {
       }
       if (e === null)
         return;
-      const v = e, p = (y) => d && y in l[0], H = typeof v == "string" && p("pattern"), z = typeof v == "number" && p("numberCompareType"), m = (typeof v == "string" || typeof v == "boolean") && p("booleanCompareType"), w = Array.isArray(v) && p("arrayCompareType");
-      if (!z && !H && !m && !w) {
+      const v = e, p = ($) => d && $ in l[0], H = typeof v == "string" && p("pattern"), k = typeof v == "number" && p("numberCompareType"), _ = (typeof v == "string" || typeof v == "boolean") && p("booleanCompareType"), w = Array.isArray(v) && p("arrayCompareType");
+      if (!k && !H && !_ && !w) {
         console.warn("The input value and the provided rules do not match");
         return;
       }
       if (u.value || (u.value = !0), H) {
-        const y = l;
-        r.value = y.reduce((M, f) => (v.match(f.pattern) || M.push(f.error), M), []);
+        const $ = l;
+        r.value = $.reduce((M, f) => (v.match(f.pattern) || M.push(f.error), M), []);
       }
-      if (z) {
-        const y = (f, $, V) => {
-          switch (V) {
+      if (k) {
+        const $ = (f, y, z) => {
+          switch (z) {
             case "eq":
-              return f === $;
+              return f === y;
             case "gt":
-              return f > $;
+              return f > y;
             case "lt":
-              return f < $;
+              return f < y;
             case "lte":
-              return f <= $;
+              return f <= y;
             case "gte":
-              return f >= $;
+              return f >= y;
           }
         }, M = l;
-        r.value = M.reduce((f, $) => (y(v, $.compareValue, $.numberCompareType) && f.push($.error), f), []);
+        r.value = M.reduce((f, y) => ($(v, y.compareValue, y.numberCompareType) && f.push(y.error), f), []);
       }
-      if (m) {
-        const y = l;
-        r.value = y.reduce((M, f) => {
-          let $ = !1;
-          const { compareValue: V, booleanCompareType: E } = f;
-          return E === "not-eq" && ($ = v === V), E === "eq" && ($ = v !== V), $ || M.push(f.error), M;
+      if (_) {
+        const $ = l;
+        r.value = $.reduce((M, f) => {
+          let y = !1;
+          const { compareValue: z, booleanCompareType: E } = f;
+          return E === "not-eq" && (y = v === z), E === "eq" && (y = v !== z), y || M.push(f.error), M;
         }, []);
       }
       if (w) {
-        const y = l, M = (f, $, V) => {
-          switch (V) {
+        const $ = l, M = (f, y, z) => {
+          switch (z) {
             case "contains-one":
-              return f.some((b) => $.includes(b));
+              return f.some((b) => y.includes(b));
             case "full-eq":
-              if (f.length !== $.length)
+              if (f.length !== y.length)
                 return !1;
-              const E = [...f].sort(), P = [...$].sort();
+              const E = [...f].sort(), P = [...y].sort();
               return E.every((b, A) => b === P[A]);
             case "not-contains":
-              return !f.some((b) => $.includes(b));
+              return !f.some((b) => y.includes(b));
           }
         };
-        r.value = y.reduce((f, $) => (M(
+        r.value = $.reduce((f, y) => (M(
           v.map((E) => String(E)),
-          $.compareValue,
-          $.arrayCompareType
-        ) || f.push($.error), f), []);
+          y.compareValue,
+          y.arrayCompareType
+        ) || f.push(y.error), f), []);
       }
       s.value = r.value.length === 0;
     }
   };
 }, Xu = (t, e = !1) => {
-  const l = me({}), r = me({}), s = me(s2(t)), u = x(!1), c = x(!1), d = () => {
-    Object.entries(t).forEach(([z, m]) => {
-      r[z] = Oe({ inputValue: m.value, rules: m.rules }), r[z].validate();
-    }), u.value = Object.entries(r).every(([z, m]) => m.valid);
+  const l = ce({}), r = ce({}), s = ce(s2(t)), u = x(!1), c = x(!1), d = () => {
+    Object.entries(t).forEach(([k, _]) => {
+      r[k] = Oe({ inputValue: _.value, rules: _.rules }), r[k].validate();
+    }), u.value = Object.entries(r).every(([k, _]) => _.valid);
   }, v = () => {
-    Object.entries(t).forEach(([z, m]) => {
-      l[z] = Oe({ inputValue: m.value, rules: m.rules }), l[z].validate();
+    Object.entries(t).forEach(([k, _]) => {
+      l[k] = Oe({ inputValue: _.value, rules: _.rules }), l[k].validate();
     });
-  }, p = (z, m) => Object.keys(m).filter((g) => {
-    const y = z[g] ? JSON.stringify(z[g]) : null, M = JSON.stringify(m[g]);
-    return y !== M;
+  }, p = (k, _) => Object.keys(_).filter((g) => {
+    const $ = k[g] ? JSON.stringify(k[g]) : null, M = JSON.stringify(_[g]);
+    return $ !== M;
   });
-  return G(t, (z) => {
-    p(s, z).forEach((w) => {
-      const g = z[w];
+  return G(t, (k) => {
+    p(s, k).forEach((w) => {
+      const g = k[w];
       l[w] = Oe({ inputValue: g.value, rules: g.rules }), l[w].validate();
-    }), Object.assign(s, s2(z)), d(), c.value = !0;
+    }), Object.assign(s, s2(k)), d(), c.value = !0;
   }, { deep: !0 }), e && v(), {
     fields: l,
     isFormValid: Re(u),
@@ -4648,23 +4648,23 @@ const Oe = (t) => {
     },
     { deep: !0 }
   ), ae(() => {
-    w(), H(), z();
+    w(), H(), k();
   }), fe(() => {
-    m();
+    _();
   });
   const H = () => {
     let g = r.value;
     for (; g; ) {
-      const y = window.getComputedStyle(g);
-      if (y.overflowY === "auto" || y.overflowY === "scroll") {
+      const $ = window.getComputedStyle(g);
+      if ($.overflowY === "auto" || $.overflowY === "scroll") {
         p.value = g;
         break;
       }
       g = g.parentElement;
     }
-  }, z = () => {
+  }, k = () => {
     p.value ? p.value.addEventListener("scroll", w, { passive: !0 }) : window.addEventListener("scroll", w, { passive: !0 });
-  }, m = () => {
+  }, _ = () => {
     p.value ? p.value.removeEventListener("scroll", w) : window.removeEventListener("scroll", w);
   }, w = () => {
     _e(() => {
@@ -4672,17 +4672,17 @@ const Oe = (t) => {
         console.warn("There is no relative element or content DOM element");
         return;
       }
-      const g = r.value.getBoundingClientRect(), y = g.width, M = g.height, f = "value" in l ? l.value : l;
+      const g = r.value.getBoundingClientRect(), $ = g.width, M = g.height, f = "value" in l ? l.value : l;
       if (!f) {
         console.warn("Relative element is not an HTMLElement");
         return;
       }
-      const $ = f.getBoundingClientRect(), { x: V, y: E } = $, P = $.width, b = $.height, A = window.innerWidth, S = window.innerHeight;
-      c.value === "top" && E - M < 0 && (c.value = "bottom"), c.value === "bottom" && E + b + M > S && (c.value = "top"), c.value === "left" && V - y < 0 && (c.value = "right"), c.value === "right" && V + P + y > A && (c.value = "left"), c.value === "top" && (d.value = { x: `${V + u}px`, y: `${E - M + s}px` }), c.value === "bottom" && (d.value = { x: `${V + u}px`, y: `${E + b + s}px` }), c.value === "right" && (d.value = { x: `${V + P + u}px`, y: `${E + s}px` }), c.value === "left" && (d.value = { x: `${V - y + u}px`, y: `${E + s}px` });
+      const y = f.getBoundingClientRect(), { x: z, y: E } = y, P = y.width, b = y.height, A = window.innerWidth, S = window.innerHeight;
+      c.value === "top" && E - M < 0 && (c.value = "bottom"), c.value === "bottom" && E + b + M > S && (c.value = "top"), c.value === "left" && z - $ < 0 && (c.value = "right"), c.value === "right" && z + P + $ > A && (c.value = "left"), c.value === "top" && (d.value = { x: `${z + u}px`, y: `${E - M + s}px` }), c.value === "bottom" && (d.value = { x: `${z + u}px`, y: `${E + b + s}px` }), c.value === "right" && (d.value = { x: `${z + P + u}px`, y: `${E + s}px` }), c.value === "left" && (d.value = { x: `${z - $ + u}px`, y: `${E + s}px` });
     });
   };
   return { placement: c, placementCoords: d };
-}, Ju = "@nmorph/nmorph-ui-kit", Zu = "module", Nu = "0.2.160", Iu = "MIT", ec = {
+}, Ju = "@nmorph/nmorph-ui-kit", Zu = "module", Nu = "1.0.1", Iu = "MIT", ec = {
   node: "18.13.0",
   npm: "8.19.3"
 }, tc = "./dist/index.d.ts", nc = "./dist/index.umd.js", ac = "./dist/index.es.js", oc = "./dist/style.css", lc = [
@@ -4803,7 +4803,7 @@ const Oe = (t) => {
   accent: "#006cb6",
   focusText: "#ffffff",
   placeholderText: "#575757"
-}, ve = "nmorph-data-theme", pc = "dark", mc = {
+}, he = "nmorph-data-theme", pc = "dark", mc = {
   themes: {
     common: E2,
     light: vc,
@@ -4835,50 +4835,52 @@ const Oe = (t) => {
   return `#${u}${c}${d}`;
 }, wc = (t) => {
   Qd("warn", `NMORPH(v${cc.version})`);
-  const e = { ...mc, ...t }, l = (m) => {
+  const e = { ...mc, ...t }, l = (w) => {
     try {
-      const w = fc(m), g = d2(w, e.darkShadeGeneratorCoefficient), y = d2(w, e.lightShadeGeneratorCoefficient);
+      const g = fc(w), $ = d2(g, e.darkShadeGeneratorCoefficient), M = d2(g, e.lightShadeGeneratorCoefficient);
       return [
-        { name: "--nmorph-dark-shade-color", color: g },
-        { name: "--nmorph-light-shade-color", color: y }
+        { name: "--nmorph-dark-shade-color", color: $ },
+        { name: "--nmorph-light-shade-color", color: M }
       ];
-    } catch (w) {
-      console.error(w.message);
+    } catch (g) {
+      console.error(g.message);
     }
-  }, r = (m) => Object.entries(m).map(([w, g]) => ({
-    name: `--nmorph-${o2(w)}-color`,
-    color: g
-  })), s = (m, w) => {
-    const g = (f) => f.map(($) => `${$.name}: ${$.color};`).join(" "), y = Object.entries(w).map(([f, $]) => `--${o2(f)}: ${$};`).join(" "), M = [];
-    return Object.entries(m).forEach(([f, $]) => {
-      if (f === "common")
-        M.push(g(gc(E2, $)));
+  }, r = (w) => Object.entries(w).map(([g, $]) => ({
+    name: `--nmorph-${o2(g)}-color`,
+    color: $
+  })), s = (w, g) => {
+    const $ = (y) => y.map((z) => `${z.name}: ${z.color};`).join(" "), M = Object.entries(g).map(([y, z]) => `--${o2(y)}: ${z};`).join(" "), f = [];
+    return Object.entries(w).forEach(([y, z]) => {
+      if (y === "common")
+        f.push($(gc(E2, z)));
       else {
-        const V = `
-          &[${ve}='${f}'] {
-            ${g($)}
+        const E = `
+          &[${he}='${y}'] {
+            ${$(z)}
           }
         `;
-        M.push(V);
+        f.push(E);
       }
     }), `
       :root {
-        ${M.join(" ")}
-        ${y}
+        ${f.join(" ")}
+        ${M}
       }
     `;
   }, u = {};
-  Object.entries(e.themes).forEach(([m, w]) => {
-    u[m] = [];
-    const g = !!w.darkShade, y = !!w.lightShade;
-    !!w.main && !g && !y && (u[m] = l(w.main)), u[m] = [...u[m], ...r(w)];
+  Object.entries(e.themes).forEach(([w, g]) => {
+    u[w] = [];
+    const $ = !!g.darkShade, M = !!g.lightShade;
+    !!g.main && !$ && !M && (u[w] = l(g.main)), u[w] = [...u[w], ...r(g)];
   });
   const c = document.createElement("style");
   c.type = "text/css", c.innerHTML = s(u, e.other), document.head.appendChild(c);
-  const d = (m) => {
-    v.value = m, p.setAttribute(ve, v.value), e.saveCurrentThemeToLS ? localStorage.setItem(ve, m) : localStorage.removeItem(ve);
-  }, v = x(e.defaultTheme), p = document.querySelector("html"), H = localStorage.getItem(ve), z = u[H];
-  return e.saveCurrentThemeToLS && z && (v.value = localStorage.getItem(ve)), d(v.value), { setTheme: d, currentTheme: Re(v) };
+  const d = (w) => {
+    v.value = w, p.setAttribute(he, v.value), e.saveCurrentThemeToLS ? localStorage.setItem(he, w) : localStorage.removeItem(he);
+  }, v = x(e.defaultTheme), p = document.querySelector("html"), H = localStorage.getItem(he), k = u[H];
+  e.saveCurrentThemeToLS && k && (v.value = localStorage.getItem(he)), d(v.value);
+  const _ = e;
+  return { setTheme: d, currentTheme: Re(v), data: _, getDynamicColorVariables: l };
 }, Qe = {
   [W.en]: {
     on: "On",
@@ -5042,7 +5044,7 @@ const Oe = (t) => {
     forceCoordinate: { default: null }
   },
   setup(t, { expose: e }) {
-    I((m) => ({
+    I((_) => ({
       "6d1447a0": H.value
     }));
     const l = t, r = x(l.forceShow), s = x(null), u = x(null), { placement: c } = P2({
@@ -5060,8 +5062,8 @@ const Oe = (t) => {
       r.value = !0;
     }, p = () => {
       l.forceShow || (r.value = !1);
-    }, H = h(() => l.forceCoordinate ? "100%" : "auto"), z = x(null);
-    return e({ tooltipBody: z }), (m, w) => (a(), o("div", {
+    }, H = h(() => l.forceCoordinate ? "100%" : "auto"), k = x(null);
+    return e({ tooltipBody: k }), (_, w) => (a(), o("div", {
       class: B(d.value)
     }, [
       n("div", {
@@ -5075,7 +5077,7 @@ const Oe = (t) => {
           ref_key: "slotDOMRef",
           ref: u
         }, [
-          C(m.$slots, "default")
+          C(_.$slots, "default")
         ], 512),
         l.forceCoordinate ? (a(), R($e, {
           key: 0,
@@ -5086,13 +5088,13 @@ const Oe = (t) => {
             r.value && l.text ? (a(), o("div", {
               key: 0,
               class: "nmorph-tooltip__info-content",
-              style: ne({ left: m.forceCoordinate?.x, bottom: m.forceCoordinate?.y }),
+              style: ne({ left: _.forceCoordinate?.x, bottom: _.forceCoordinate?.y }),
               ref_key: "tooltipBody",
-              ref: z
+              ref: k
             }, [
               n("div", $c, [
                 l.forceCoordinate ? O("", !0) : (a(), o("div", yc)),
-                n("span", null, U(m.text), 1)
+                n("span", null, U(_.text), 1)
               ])
             ], 4)) : O("", !0)
           ]),
@@ -5106,7 +5108,7 @@ const Oe = (t) => {
             r.value ? (a(), o("div", bc, [
               n("div", Mc, [
                 w[0] || (w[0] = n("div", { class: "nmorph-tooltip__triangle" }, null, -1)),
-                l.text ? (a(), o("span", Hc, U(m.text), 1)) : C(m.$slots, "content", { key: 1 })
+                l.text ? (a(), o("span", Hc, U(_.text), 1)) : C(_.$slots, "content", { key: 1 })
               ])
             ])) : O("", !0)
           ]),
@@ -5116,10 +5118,10 @@ const Oe = (t) => {
     ], 2));
   }
 });
-const zc = {
+const kc = {
   key: 0,
   class: "nmorph-checkbox__content"
-}, kc = { class: "nmorph-checkbox__input-wrapper" }, Vc = ["disabled", "checked"], Bc = {
+}, zc = { class: "nmorph-checkbox__input-wrapper" }, Vc = ["disabled", "checked"], Bc = {
   key: 0,
   class: "nmorph-checkbox__fake-checked"
 }, Cc = {
@@ -5163,7 +5165,7 @@ const zc = {
     );
     const c = x(null);
     e({ inputDOMRef: c });
-    const d = r !== void 0, v = d ? x(r.value) : x(u.modelValue), p = h(() => d ? r.value.includes(u.id) : u.modelValue), H = l, z = () => {
+    const d = r !== void 0, v = d ? x(r.value) : x(u.modelValue), p = h(() => d ? r.value.includes(u.id) : u.modelValue), H = l, k = () => {
       if (!u.disabled) {
         if (!d) {
           v.value = !v.value, H("update:model-value", v.value);
@@ -5171,7 +5173,7 @@ const zc = {
         }
         s && Array.isArray(v.value) && s(u.id, v.value);
       }
-    }, m = h(
+    }, _ = h(
       () => T({
         "nmorph-checkbox": [
           `${p.value && "checked"}`,
@@ -5181,10 +5183,10 @@ const zc = {
       })
     );
     return (w, g) => (a(), o("label", {
-      class: B(m.value)
+      class: B(_.value)
     }, [
-      u.design === "checkbox" ? (a(), o("div", zc, [
-        n("div", kc, [
+      u.design === "checkbox" ? (a(), o("div", kc, [
+        n("div", zc, [
           n("input", {
             ref_key: "inputDOMRef",
             ref: c,
@@ -5192,7 +5194,7 @@ const zc = {
             disabled: u.disabled,
             checked: p.value,
             class: "nmorph-native-input",
-            onChange: z
+            onChange: k
           }, null, 40, Vc),
           g[0] || (g[0] = n("div", { class: "nmorph-checkbox__fake" }, null, -1)),
           p.value ? (a(), o("div", Bc)) : O("", !0)
@@ -5210,7 +5212,7 @@ const zc = {
           type: "checkbox",
           disabled: u.disabled,
           checked: p.value,
-          onChange: z
+          onChange: k
         }, null, 40, Tc),
         u.label ? (a(), o("div", Dc, [
           n("span", null, U(u.label), 1)
@@ -5245,7 +5247,7 @@ const Pc = { class: "nmorph-checkbox-group__wrapper" }, Ec = { class: "nmorph-ch
     }, [
       n("div", Pc, [
         n("div", Ec, [
-          (a(!0), o(K, null, X(d.options, (p, H) => (a(), R(_(q2), {
+          (a(!0), o(K, null, X(d.options, (p, H) => (a(), R(m(q2), {
             id: p.id,
             key: H,
             label: p.label,
@@ -5286,22 +5288,22 @@ const qc = { class: "nmorph-autocomplete__input-content" }, Rc = {
       r.value = g, s("update:model-value", r.value);
     }, d = x(!1), v = x(null), p = () => {
       d.value = !1;
-    }, H = h(() => l.list.filter((g) => Object.keys(g).some((y) => String(g[y]).toLowerCase().includes(r.value.toLowerCase()))));
+    }, H = h(() => l.list.filter((g) => Object.keys(g).some(($) => String(g[$]).toLowerCase().includes(r.value.toLowerCase()))));
     G(H, (g) => {
       d.value = g.length > 0;
     });
-    const z = (g) => {
+    const k = (g) => {
       s("select", g), r.value = g.value, setTimeout(() => {
         d.value = !1;
       });
-    }, m = () => {
+    }, _ = () => {
       d.value = H.value.length > 0;
     }, w = x(!1);
     return G(r, async (g) => {
       g !== "" && l.actionCallback && (w.value = !0, await l.actionCallback(), w.value = !1);
     }), G(w, (g) => {
       g && (d.value = !0);
-    }), (g, y) => (a(), o("div", {
+    }), (g, $) => (a(), o("div", {
       class: B(u.value)
     }, [
       n("div", qc, [
@@ -5310,18 +5312,18 @@ const qc = { class: "nmorph-autocomplete__input-content" }, Rc = {
           ref: v,
           class: "nmorph-autocomplete__input"
         }, [
-          k(_(j2), {
+          V(m(j2), {
             height: l.height,
             disabled: l.disabled,
             "model-value": r.value,
             placeholder: l.placeholder,
             clearable: l.clearable,
-            onFocus: m,
+            onFocus: _,
             "onUpdate:modelValue": c
           }, null, 8, ["height", "disabled", "model-value", "placeholder", "clearable"])
         ], 512)
       ]),
-      v.value ? (a(), R(_(Me), {
+      v.value ? (a(), R(m(Me), {
         key: 0,
         open: d.value,
         "relative-element": v.value,
@@ -5331,7 +5333,7 @@ const qc = { class: "nmorph-autocomplete__input-content" }, Rc = {
         default: j(() => [
           w.value ? (a(), o("div", Rc, [
             C(g.$slots, "loader", {}, () => [
-              k(_(F), {
+              V(m(F), {
                 name: "loader",
                 size: "large"
               })
@@ -5340,7 +5342,7 @@ const qc = { class: "nmorph-autocomplete__input-content" }, Rc = {
             (a(!0), o(K, null, X(H.value, (M, f) => (a(), o("div", {
               key: f,
               class: "nmorph-autocomplete__list-item",
-              onClick: () => z(M)
+              onClick: () => k(M)
             }, [
               C(g.$slots, "default", { scope: M }, () => [
                 re(U(M.value), 1)
@@ -5365,7 +5367,7 @@ const Uc = /* @__PURE__ */ D({
     return (s, u) => (a(), o("div", {
       class: B(r.value)
     }, [
-      k(_(F), {
+      V(m(F), {
         name: "error",
         onClick: u[0] || (u[0] = ie((c) => l("clear"), ["stop"]))
       })
@@ -5388,28 +5390,28 @@ const Uc = /* @__PURE__ */ D({
       class: B(s.value)
     }, [
       n("div", Yc, [
-        k(_(Y), {
+        V(m(Y), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
           onClick: c[0] || (c[0] = (d) => r("prev-year")),
           tabindex: -1
         }, {
           default: j(() => [
-            k(_(F), {
+            V(m(F), {
               name: "chevron-double-down",
               class: "nmorph-date-picker-header__chevron-double-left"
             })
           ]),
           _: 1
         }),
-        k(_(Y), {
+        V(m(Y), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
           onClick: c[1] || (c[1] = (d) => r("prev-month")),
           tabindex: -1
         }, {
           default: j(() => [
-            k(_(F), {
+            V(m(F), {
               name: "chevron-down",
               class: "nmorph-date-picker-header__chevron-left"
             })
@@ -5418,15 +5420,15 @@ const Uc = /* @__PURE__ */ D({
         })
       ]),
       n("div", Gc, [
-        k(_(Y), {
+        V(m(Y), {
           text: l.year,
           "style-type": "transparent",
           fill: "",
           onClick: c[2] || (c[2] = (d) => r("change-year")),
           tabindex: -1
         }, null, 8, ["text"]),
-        k(_(Y), {
-          text: _(Ye)(l.month),
+        V(m(Y), {
+          text: m(Ye)(l.month),
           "style-type": "transparent",
           fill: "",
           onClick: c[3] || (c[3] = (d) => r("change-month")),
@@ -5434,28 +5436,28 @@ const Uc = /* @__PURE__ */ D({
         }, null, 8, ["text"])
       ]),
       n("div", Qc, [
-        k(_(Y), {
+        V(m(Y), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
           onClick: c[4] || (c[4] = (d) => r("next-month")),
           tabindex: -1
         }, {
           default: j(() => [
-            k(_(F), {
+            V(m(F), {
               name: "chevron-down",
               class: "nmorph-date-picker-header__chevron-right"
             })
           ]),
           _: 1
         }),
-        k(_(Y), {
+        V(m(Y), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
           onClick: c[5] || (c[5] = (d) => r("next-year")),
           tabindex: -1
         }, {
           default: j(() => [
-            k(_(F), {
+            V(m(F), {
               name: "chevron-double-down",
               class: "nmorph-date-picker-header__chevron-double-right"
             })
@@ -5474,13 +5476,13 @@ const Xc = { class: "nmorph-year-month-picker__header" }, Jc = { class: "nmorph-
   },
   emits: ["update-year", "update-month", "back-to-years"],
   setup(t, { emit: e }) {
-    const { months: l } = Be(), r = l.map((f, $) => ({
+    const { months: l } = Be(), r = l.map((f, y) => ({
       label: f.substring(0, 3),
-      value: String($),
+      value: String(y),
       tabindex: -1
     })), s = t, u = x(r), c = x(String(s.currentDate.getMonth())), d = x(s.currentDate.getFullYear()), v = () => {
-      const f = s.currentDate.getFullYear(), $ = M2(f).map((V) => ({ label: String(V), value: String(V) }));
-      u.value = $;
+      const f = s.currentDate.getFullYear(), y = M2(f).map((z) => ({ label: String(z), value: String(z) }));
+      u.value = y;
     };
     G(
       () => s.currentDate,
@@ -5496,34 +5498,34 @@ const Xc = { class: "nmorph-year-month-picker__header" }, Jc = { class: "nmorph-
       () => T({
         "nmorph-year-month-picker": []
       })
-    ), z = (f) => {
+    ), k = (f) => {
       c.value = f, s.type === "month" ? p("update-month", c.value) : p("update-year", c.value);
-    }, m = (f) => {
-      u.value = u.value.map(($) => {
-        const V = String(f === "decrease" ? Number($.value) - 10 : Number($.value) + 10);
+    }, _ = (f) => {
+      u.value = u.value.map((y) => {
+        const z = String(f === "decrease" ? Number(y.value) - 10 : Number(y.value) + 10);
         return {
-          label: V,
-          value: V
+          label: z,
+          value: z
         };
       });
     }, w = (f) => {
       f === "decrease" ? d.value = d.value - 1 : d.value = d.value + 1, p("update-year", String(d.value));
     }, g = (f) => {
-      f === "decrease" ? s.type === "year" ? m("decrease") : w("decrease") : s.type === "year" ? m("increase") : w("increase");
-    }, y = h(() => s.type === "year" ? `${u.value[0].label} - ${u.value[u.value.length - 1].label}` : String(d.value)), M = () => {
+      f === "decrease" ? s.type === "year" ? _("decrease") : w("decrease") : s.type === "year" ? _("increase") : w("increase");
+    }, $ = h(() => s.type === "year" ? `${u.value[0].label} - ${u.value[u.value.length - 1].label}` : String(d.value)), M = () => {
       s.type === "month" && p("back-to-years");
     };
-    return (f, $) => (a(), o("div", {
+    return (f, y) => (a(), o("div", {
       class: B(H.value)
     }, [
       n("div", Xc, [
-        k(_(Y), {
+        V(m(Y), {
           class: "nmorph-year-month-picker__action-btn",
-          onClick: $[0] || ($[0] = (V) => g("decrease")),
+          onClick: y[0] || (y[0] = (z) => g("decrease")),
           tabindex: -1
         }, {
           default: j(() => [
-            k(_(F), {
+            V(m(F), {
               name: "chevron-down",
               class: "nmorph-year-month-picker__chevron-left"
             })
@@ -5531,20 +5533,20 @@ const Xc = { class: "nmorph-year-month-picker__header" }, Jc = { class: "nmorph-
           _: 1
         }),
         n("div", Jc, [
-          k(_(Y), {
-            text: y.value,
+          V(m(Y), {
+            text: $.value,
             "style-type": "transparent",
             onClick: M,
             tabindex: -1
           }, null, 8, ["text"])
         ]),
-        k(_(Y), {
+        V(m(Y), {
           class: "nmorph-year-month-picker__action-btn",
-          onClick: $[1] || ($[1] = (V) => g("increase")),
+          onClick: y[1] || (y[1] = (z) => g("increase")),
           tabindex: -1
         }, {
           default: j(() => [
-            k(_(F), {
+            V(m(F), {
               name: "chevron-down",
               class: "nmorph-year-month-picker__chevron-right"
             })
@@ -5552,12 +5554,12 @@ const Xc = { class: "nmorph-year-month-picker__header" }, Jc = { class: "nmorph-
           _: 1
         })
       ]),
-      k(_(U2)),
+      V(m(U2)),
       n("div", Zc, [
-        k(_(e2), {
+        V(m(e2), {
           "model-value": c.value,
           options: u.value,
-          "onUpdate:modelValue": z
+          "onUpdate:modelValue": k
         }, null, 8, ["model-value", "options"])
       ])
     ], 2));
@@ -5576,25 +5578,25 @@ const Nc = /* @__PURE__ */ D({
       () => T({
         "nmorph-date-picker-content": []
       })
-    ), u = x(l.initialDate), c = x("calendar"), d = h(() => new Date(u.value.setMonth(u.value.getMonth() - 1))), v = h(() => new Date(u.value.setMonth(u.value.getMonth() + 1))), p = h(() => new Date(u.value.setFullYear(u.value.getFullYear() - 1))), H = h(() => new Date(u.value.setFullYear(u.value.getFullYear() + 1))), z = () => {
+    ), u = x(l.initialDate), c = x("calendar"), d = h(() => new Date(u.value.setMonth(u.value.getMonth() - 1))), v = h(() => new Date(u.value.setMonth(u.value.getMonth() + 1))), p = h(() => new Date(u.value.setFullYear(u.value.getFullYear() - 1))), H = h(() => new Date(u.value.setFullYear(u.value.getFullYear() + 1))), k = () => {
       u.value = d.value;
-    }, m = () => {
+    }, _ = () => {
       u.value = v.value;
     }, w = () => {
       u.value = p.value;
     }, g = () => {
       u.value = H.value;
-    }, y = () => {
+    }, $ = () => {
       c.value = "year";
     }, M = () => {
       c.value = "month";
     }, f = (b) => {
       const A = new Date(u.value.setFullYear(Number(b)));
       u.value = A, c.value = "month";
-    }, $ = (b) => {
+    }, y = (b) => {
       const A = new Date(u.value.setMonth(Number(b)));
       u.value = A, c.value = "calendar";
-    }, V = () => {
+    }, z = () => {
       c.value = "year";
     }, E = (b) => {
       r("update-selected-value", b);
@@ -5604,7 +5606,7 @@ const Nc = /* @__PURE__ */ D({
     return (b, A) => (a(), o("div", {
       class: B(s.value)
     }, [
-      c.value === "calendar" ? (a(), R(_(b2), {
+      c.value === "calendar" ? (a(), R(m(b2), {
         key: 0,
         type: l.type,
         "initial-date": u.value,
@@ -5613,14 +5615,14 @@ const Nc = /* @__PURE__ */ D({
         onUpdateInitialDate: P
       }, {
         header: j(() => [
-          k(Kc, {
+          V(Kc, {
             year: u.value.getFullYear(),
             month: u.value.getMonth(),
-            onPrevMonth: z,
-            onNextMonth: m,
+            onPrevMonth: k,
+            onNextMonth: _,
             onPrevYear: w,
             onNextYear: g,
-            onChangeYear: y,
+            onChangeYear: $,
             onChangeMonth: M
           }, null, 8, ["year", "month"])
         ]),
@@ -5637,8 +5639,8 @@ const Nc = /* @__PURE__ */ D({
         type: "month",
         "current-date": u.value,
         onUpdateYear: f,
-        onUpdateMonth: $,
-        onBackToYears: V
+        onUpdateMonth: y,
+        onBackToYears: z
       }, null, 8, ["current-date"])) : O("", !0)
     ], 2));
   }
@@ -5659,15 +5661,15 @@ const Nc = /* @__PURE__ */ D({
       v.value = !0;
     }, H = () => {
       v.value = !1;
-    }, z = h(
+    }, k = h(
       () => T({
         nmorph: [se[s.height]],
         "nmorph-date-picker": [`${s.disabled && "disabled"}`, s.type, `${v.value && "focus"}`]
       })
-    ), m = x(!1), w = x(null), g = () => {
-      m.value = !1;
-    }, y = () => {
-      m.value = !m.value;
+    ), _ = x(!1), w = x(null), g = () => {
+      _.value = !1;
+    }, $ = () => {
+      _.value = !_.value;
     }, M = h(() => {
       if (!c.value)
         return u.value;
@@ -5681,53 +5683,53 @@ const Nc = /* @__PURE__ */ D({
     }), f = () => {
       const E = Array.isArray(c.value) ? [] : null;
       c.value = E, d("update:model-value", c.value);
-    }, $ = (E) => {
+    }, y = (E) => {
       c.value = E, d("update:model-value", c.value);
-    }, V = h(() => Array.isArray(c.value) ? c.value.length > 0 : !!c.value);
+    }, z = h(() => Array.isArray(c.value) ? c.value.length > 0 : !!c.value);
     return (E, P) => (a(), o("div", {
-      class: B(z.value)
+      class: B(k.value)
     }, [
       n("div", Ic, [
         n("div", {
           ref_key: "nmorphInputDOMRef",
           ref: w,
-          class: B(["nmorph-date-picker__input", { "nmorph-date-picker__input--open": m.value }]),
-          onClick: y
+          class: B(["nmorph-date-picker__input", { "nmorph-date-picker__input--open": _.value }]),
+          onClick: $
         }, [
           n("input", {
             type: "date",
             onFocus: ie(p, ["prevent"]),
             onBlur: H,
-            onKeydown: he(ie(() => {
+            onKeydown: pe(ie(() => {
             }, ["prevent"]), ["space"])
           }, null, 40, e5),
-          k(_(F), {
+          V(m(F), {
             name: "calendar",
             class: "nmorph-date-picker__calendar-icon"
           }),
           n("div", t5, U(M.value), 1),
           n("div", n5, [
-            V.value ? (a(), R(Uc, {
+            z.value ? (a(), R(Uc, {
               key: 0,
               onClear: f
             })) : O("", !0)
           ])
         ], 2),
         n("div", a5, [
-          w.value ? (a(), R(_(Me), {
+          w.value ? (a(), R(m(Me), {
             key: 0,
             "fill-width": !1,
             width: 324,
-            open: m.value,
+            open: _.value,
             "relative-element": w.value,
             onOnOutsideClick: g
           }, {
             default: j(() => [
-              k(Nc, {
+              V(Nc, {
                 "selected-values": c.value,
                 "initial-date": s.initialDate,
                 type: E.type,
-                onUpdateSelectedValue: $
+                onUpdateSelectedValue: y
               }, null, 8, ["selected-values", "initial-date", "type"])
             ]),
             _: 1
@@ -5754,42 +5756,42 @@ const l5 = { class: "nmorph-file-upload__trigger" }, r5 = ["multiple"], s5 = {
   setup(t, { expose: e, emit: l }) {
     const { t: r } = ye(), s = t, u = h(() => s.buttonText ? s.buttonText : r("NmorphFileUpload.selectFile")), c = (M) => M.split("/")[1], d = (M) => {
       const f = c(M);
-      let $ = "doc";
-      return f in Ce && ($ = "image"), f in Ae && ($ = "audio"), f in Se && ($ = "video"), f in Te && ($ = "archive"), $;
+      let y = "doc";
+      return f in Ce && (y = "image"), f in Ae && (y = "audio"), f in Se && (y = "video"), f in Te && (y = "archive"), y;
     };
-    let v = me(s.modelValue);
+    let v = ce(s.modelValue);
     const p = x(null), H = () => {
       p.value && p.value.click();
-    }, z = (M) => {
+    }, k = (M) => {
       const f = M.target;
       if (f.files) {
-        if (Array.from(f.files).forEach(($) => {
-          const V = c($.type);
-          if (!s.allowedTypes.includes(V))
-            return g("on-unsupported-file-type-error", $.type);
-          const E = URL.createObjectURL($), P = { data: $, previewUrl: E };
+        if (Array.from(f.files).forEach((y) => {
+          const z = c(y.type);
+          if (!s.allowedTypes.includes(z))
+            return g("on-unsupported-file-type-error", y.type);
+          const E = URL.createObjectURL(y), P = { data: y, previewUrl: E };
           v.push(P);
         }), v.length === 0)
           return;
-        m();
+        _();
       }
-    }, m = () => {
+    }, _ = () => {
       g(
         "update:model-value",
         v.map((M) => M.data)
       );
     }, w = (M) => {
-      const f = v.findIndex(($) => $.data.name === M);
-      f !== -1 && (URL.revokeObjectURL(v[f].previewUrl), v.splice(f, 1), m());
+      const f = v.findIndex((y) => y.data.name === M);
+      f !== -1 && (URL.revokeObjectURL(v[f].previewUrl), v.splice(f, 1), _());
     };
     e({ inputDOMRef: p });
-    const g = l, y = h(
+    const g = l, $ = h(
       () => T({
         "nmorph-file-upload": [`${s.disabled && "disabled"}`]
       })
     );
     return (M, f) => (a(), o("div", {
-      class: B(y.value)
+      class: B($.value)
     }, [
       n("div", l5, [
         n("input", {
@@ -5798,10 +5800,10 @@ const l5 = { class: "nmorph-file-upload__trigger" }, r5 = ["multiple"], s5 = {
           type: "file",
           multiple: s.multiple,
           class: "nmorph-native-input",
-          onChange: z
+          onChange: k
         }, null, 40, r5),
         C(M.$slots, "trigger", {}, () => [
-          k(_(Y), {
+          V(m(Y), {
             text: u.value,
             fill: "",
             onClick: H,
@@ -5809,33 +5811,33 @@ const l5 = { class: "nmorph-file-upload__trigger" }, r5 = ["multiple"], s5 = {
           }, null, 8, ["text", "disabled"])
         ])
       ]),
-      _(v).length > 0 ? (a(), o("div", s5, [
-        k($e, {
+      m(v).length > 0 ? (a(), o("div", s5, [
+        V($e, {
           name: "list",
           tag: "div"
         }, {
           default: j(() => [
-            (a(!0), o(K, null, X(_(v), ({ data: $, previewUrl: V }) => (a(), o("div", {
-              key: $.name,
+            (a(!0), o(K, null, X(m(v), ({ data: y, previewUrl: z }) => (a(), o("div", {
+              key: y.name,
               class: "nmorph-file-upload__file"
             }, [
-              k(_(B2), { src: V }, null, 8, ["src"]),
+              V(m(B2), { src: z }, null, 8, ["src"]),
               n("div", i5, [
-                k(_(F), {
-                  name: d($.type),
+                V(m(F), {
+                  name: d(y.type),
                   width: "14px",
                   height: "17px"
                 }, null, 8, ["name"]),
-                n("span", d5, U($.name), 1)
+                n("span", d5, U(y.name), 1)
               ]),
               n("div", u5, [
-                k(_(Y), {
+                V(m(Y), {
                   height: "thin",
                   "style-type": "transparent",
-                  onClick: (E) => w($.name)
+                  onClick: (E) => w(y.name)
                 }, {
                   default: j(() => [
-                    k(_(F), { name: "error" })
+                    V(m(F), { name: "error" })
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -5892,7 +5894,7 @@ const v5 = {
     return (s, u) => (a(), o("div", {
       class: B(r.value)
     }, [
-      k($e, {
+      V($e, {
         name: "list",
         tag: "div"
       }, {
@@ -5925,7 +5927,7 @@ const Pe = "18px", _5 = /* @__PURE__ */ D({
     return (s, u) => (a(), o("div", {
       class: B(l.value)
     }, [
-      s.show ? (a(), R(_(F), {
+      s.show ? (a(), R(m(F), {
         key: 0,
         class: "nmorph-validation-icon__content",
         name: r.value,
@@ -5961,12 +5963,13 @@ const f5 = { key: 0 }, g5 = { class: "nmorph-form-item__content" }, w5 = /* @__P
       e.label ? (a(), o("label", f5, U(e.label), 1)) : O("", !0),
       n("div", g5, [
         C(v.$slots, "default"),
-        k(_(_5), {
+        e.showValidationIcon ? (a(), R(m(_5), {
+          key: 0,
           valid: !!r.value?.valid,
           show: u.value
-        }, null, 8, ["valid", "show"])
+        }, null, 8, ["valid", "show"])) : O("", !0)
       ]),
-      k(_(m5), {
+      V(m(m5), {
         errors: r.value?.errors,
         height: e.height,
         "static-height": v.staticErrorBoxSpace
@@ -5983,7 +5986,7 @@ const x5 = { class: "nmorph-number-input__content" }, $5 = { class: "nmorph-numb
 }, H5 = {
   key: 2,
   class: "nmorph-number-input__action-btns"
-}, z5 = { class: "nmorph-number-input__decrease" }, k5 = { class: "nmorph-number-input__increase" }, V5 = /* @__PURE__ */ D({
+}, k5 = { class: "nmorph-number-input__decrease" }, z5 = { class: "nmorph-number-input__increase" }, V5 = /* @__PURE__ */ D({
   __name: "NmorphNumberInput",
   props: {
     modelValue: { default: 0 },
@@ -6011,7 +6014,7 @@ const x5 = { class: "nmorph-number-input__content" }, $5 = { class: "nmorph-numb
       u.value += r.step;
     }, d = () => {
       u.value -= r.step;
-    }, v = h(() => u.value <= r.min), p = h(() => u.value >= r.max), H = h(() => r.height === "thick" ? "16px" : "12px"), z = {
+    }, v = h(() => u.value <= r.min), p = h(() => u.value >= r.max), H = h(() => r.height === "thick" ? "16px" : "12px"), k = {
       thick: {
         default: "12px",
         right: "8px"
@@ -6024,35 +6027,35 @@ const x5 = { class: "nmorph-number-input__content" }, $5 = { class: "nmorph-numb
         default: "8px",
         right: "5px"
       }
-    }, m = h(() => {
+    }, _ = h(() => {
       const M = r.actionBtnPositionRight ? "right" : "default";
-      return z[r.height][M];
+      return k[r.height][M];
     }), w = l, g = (M) => {
       const f = M.target;
-      let $ = Number(f.value);
-      u.value = $;
+      let y = Number(f.value);
+      u.value = y;
     };
     G(u, (M) => {
-      M > r.max && (u.value = r.max, y.value?.blur()), u.value < r.min && (u.value = r.min, y.value?.blur()), w("update:model-value", M);
+      M > r.max && (u.value = r.max, $.value?.blur()), u.value < r.min && (u.value = r.min, $.value?.blur()), w("update:model-value", M);
     });
-    const y = x(null);
-    return e({ inputDOMRef: y }), (M, f) => (a(), o("div", {
+    const $ = x(null);
+    return e({ inputDOMRef: $ }), (M, f) => (a(), o("div", {
       class: B(s.value)
     }, [
       n("div", x5, [
         n("div", $5, [
           M.actionBtnPositionRight ? O("", !0) : (a(), o("div", y5, [
-            k(_(Y), {
+            V(m(Y), {
               "style-type": "transparent",
               disabled: v.value,
               height: r.height,
               onClick: d
             }, {
               default: j(() => [
-                k(_(F), {
+                V(m(F), {
                   name: "minus-thin",
-                  width: m.value,
-                  height: m.value
+                  width: _.value,
+                  height: _.value
                 }, null, 8, ["width", "height"])
               ]),
               _: 1
@@ -6060,7 +6063,7 @@ const x5 = { class: "nmorph-number-input__content" }, $5 = { class: "nmorph-numb
           ])),
           n("input", {
             ref_key: "inputDOMRef",
-            ref: y,
+            ref: $,
             class: "nmorph-native-input",
             value: u.value,
             type: "number",
@@ -6069,50 +6072,50 @@ const x5 = { class: "nmorph-number-input__content" }, $5 = { class: "nmorph-numb
             onInput: g
           }, null, 40, b5),
           M.actionBtnPositionRight ? (a(), o("div", H5, [
-            n("div", z5, [
-              k(_(Y), {
+            n("div", k5, [
+              V(m(Y), {
                 "style-type": "transparent",
                 disabled: v.value,
                 onClick: d
               }, {
                 default: j(() => [
-                  k(_(F), {
+                  V(m(F), {
                     name: "minus-thin",
-                    width: m.value,
-                    height: m.value
+                    width: _.value,
+                    height: _.value
                   }, null, 8, ["width", "height"])
                 ]),
                 _: 1
               }, 8, ["disabled"])
             ]),
-            n("div", k5, [
-              k(_(Y), {
+            n("div", z5, [
+              V(m(Y), {
                 "style-type": "transparent",
                 disabled: p.value,
                 onClick: c
               }, {
                 default: j(() => [
-                  k(_(F), {
+                  V(m(F), {
                     name: "plus-thin",
-                    width: m.value,
-                    height: m.value
+                    width: _.value,
+                    height: _.value
                   }, null, 8, ["width", "height"])
                 ]),
                 _: 1
               }, 8, ["disabled"])
             ])
           ])) : (a(), o("div", M5, [
-            k(_(Y), {
+            V(m(Y), {
               "style-type": "transparent",
               disabled: p.value,
               height: r.height,
               onClick: c
             }, {
               default: j(() => [
-                k(_(F), {
+                V(m(F), {
                   name: "plus-thin",
-                  width: m.value,
-                  height: m.value
+                  width: _.value,
+                  height: _.value
                 }, null, 8, ["width", "height"])
               ]),
               _: 1
@@ -6151,7 +6154,7 @@ const B5 = { class: "nmorph-select__content" }, C5 = ["id", "name"], S5 = ["valu
   setup(t, { emit: e }) {
     const { t: l } = ye(), r = t, s = h(
       () => r.noElementPlaceholder ? r.noElementPlaceholder : l("NmorphSelect.noElementPlaceholder")
-    ), u = e, c = x(r.modelValue), d = x(r.open), v = x(null), p = x(null), H = x(!0), z = r.id ? r.id : ce(), m = r.name ? r.name : ce(), w = (J) => {
+    ), u = e, c = x(r.modelValue), d = x(r.open), v = x(null), p = x(null), H = x(!0), k = r.id ? r.id : ve(), _ = r.name ? r.name : ve(), w = (J) => {
       if (!r.disabled) {
         if (d.value = !1, typeof c.value == "string" && (!r.valueRequired && c.value === J ? c.value = "" : c.value = J, u("update:model-value", c.value)), Array.isArray(c.value)) {
           const Z = c.value.includes(J), le = c.value.length === 1 && Z;
@@ -6161,7 +6164,7 @@ const B5 = { class: "nmorph-select__content" }, C5 = ["id", "name"], S5 = ["valu
         }
         u("update:model-value", c.value);
       }
-    }, g = x(!1), y = () => {
+    }, g = x(!1), $ = () => {
       g.value = !0;
     }, M = () => {
       g.value = !1;
@@ -6177,7 +6180,7 @@ const B5 = { class: "nmorph-select__content" }, C5 = ["id", "name"], S5 = ["valu
           `${g.value && "focus"}`
         ]
       })
-    ), $ = () => {
+    ), y = () => {
       r.disabled || (d.value = !d.value);
     };
     G(
@@ -6187,7 +6190,7 @@ const B5 = { class: "nmorph-select__content" }, C5 = ["id", "name"], S5 = ["valu
       },
       { immediate: !0 }
     );
-    const V = () => {
+    const z = () => {
       d.value = !1;
     }, E = x(), P = x([]), b = x(0), A = x("");
     G(b, (J) => {
@@ -6199,9 +6202,9 @@ const B5 = { class: "nmorph-select__content" }, C5 = ["id", "name"], S5 = ["valu
       await _e(), v.value && (E.value = v.value.querySelectorAll(".nmorph-select-option"), E.value.forEach((J) => {
         const Z = J.getAttribute("value");
         Z && P.value.push(Z);
-      }), A.value = P.value[b.value], p.value = `${v.value.clientHeight}px`, document.addEventListener("click", V));
+      }), A.value = P.value[b.value], p.value = `${v.value.clientHeight}px`, document.addEventListener("click", z));
     }), fe(() => {
-      document.removeEventListener("click", V);
+      document.removeEventListener("click", z);
     });
     const S = h(() => typeof c.value == "string" ? c.value === "" ? s.value : r.options.find((J) => J.value === c.value)?.label : r.options.find((J) => J.value === c.value)?.label), L = h(() => r.options.length > 0 ? r.options : r.optionsMap), q = h(() => L.value.length > 0 ? L.value.filter((Z) => c.value.includes(Z.value)).map((Z) => ({ text: Z.label, value: Z.value })) : Array.isArray(c.value) ? c.value.map((Z) => ({ text: Z, value: Z })) : [{ text: c.value, value: c.value }]);
     te("select-selected-value", c), te("select-change-selected-value", w);
@@ -6219,15 +6222,15 @@ const B5 = { class: "nmorph-select__content" }, C5 = ["id", "name"], S5 = ["valu
     }, [
       n("div", B5, [
         n("select", {
-          id: _(z),
-          name: _(m),
-          onFocus: y,
+          id: m(k),
+          name: m(_),
+          onFocus: $,
           onBlur: M,
           onKeydown: [
-            he(oe, ["space"]),
-            he(ge, ["arrow-down"]),
-            he(ee, ["arrow-up"]),
-            he(de, ["enter"])
+            pe(oe, ["space"]),
+            pe(ge, ["arrow-down"]),
+            pe(ee, ["arrow-up"]),
+            pe(de, ["enter"])
           ]
         }, [
           (a(!0), o(K, null, X(P.value, (le) => (a(), o("option", {
@@ -6239,10 +6242,10 @@ const B5 = { class: "nmorph-select__content" }, C5 = ["id", "name"], S5 = ["valu
           ref_key: "nmorphSelectDOMRef",
           ref: Q,
           class: "nmorph-select__selected-values-line",
-          onClick: ie($, ["stop"])
+          onClick: ie(y, ["stop"])
         }, [
           typeof c.value == "string" ? (a(), o("div", A5, U(S.value), 1)) : c.value.length === 0 ? (a(), o("div", T5, U(s.value), 1)) : (a(), o("div", D5, [
-            (a(!0), o(K, null, X(q.value, (le) => (a(), R(_(Ge), xe({
+            (a(!0), o(K, null, X(q.value, (le) => (a(), R(m(Ge), xe({
               key: le.value,
               ref_for: !0
             }, le, {
@@ -6252,17 +6255,17 @@ const B5 = { class: "nmorph-select__content" }, C5 = ["id", "name"], S5 = ["valu
               onClose: w
             }), null, 16, ["removable"]))), 128))
           ])),
-          k(_(F), {
+          V(m(F), {
             name: r.loading ? "loader" : "chevron-down",
             class: "nmorph-select__chevron"
           }, null, 8, ["name"])
         ], 512)
       ]),
-      Q.value && !r.disabled ? (a(), R(_(Me), {
+      Q.value && !r.disabled ? (a(), R(m(Me), {
         key: 0,
         open: d.value,
         "relative-element": Q.value,
-        onOnOutsideClick: V
+        onOnOutsideClick: z
       }, {
         default: j(() => [
           n("div", {
@@ -6270,12 +6273,12 @@ const B5 = { class: "nmorph-select__content" }, C5 = ["id", "name"], S5 = ["valu
             ref: v,
             class: "nmorph-select__options"
           }, [
-            r.loading ? (a(), R(_(F), {
+            r.loading ? (a(), R(m(F), {
               key: 0,
               name: "loader",
               class: "nmorph-select__chevron",
               size: "medium"
-            })) : (a(!0), o(K, { key: 1 }, X(J.options, (le) => (a(), R(_(R2), xe({
+            })) : (a(!0), o(K, { key: 1 }, X(J.options, (le) => (a(), R(m(R2), xe({
               key: le.value,
               ref_for: !0
             }, le, {
@@ -6320,7 +6323,7 @@ const P5 = ["value"], E5 = { class: "nmorph-select-option__content" }, R2 = /* @
         n("span", null, U(s.label), 1),
         C(p.$slots, "default")
       ]),
-      d.value ? (a(), R(_(F), {
+      d.value ? (a(), R(m(F), {
         key: 0,
         name: "success",
         class: "nmorph-select-option__checked"
@@ -6358,20 +6361,20 @@ const F5 = { class: "nmorph-slider__content" }, q5 = { class: "nmorph-slider__in
       }
     );
     const p = x(null), H = h(() => {
-      const b = z.value - z.value, A = l.max - l.min + b, S = (d.value - l.min) / A * 100, L = v.value?.clientWidth || 0, q = Ee / L * 100, Q = q / 2;
+      const b = k.value - k.value, A = l.max - l.min + b, S = (d.value - l.min) / A * 100, L = v.value?.clientWidth || 0, q = Ee / L * 100, Q = q / 2;
       let oe = S - Q;
       const ee = `${Math.max(0, Math.min(100 - q, oe))}%`, de = L / 100, Z = Ee / 2 / de, a2 = (p.value?.tooltipBody.clientWidth ?? 24) / 2 / de, G2 = a2 === 1 / 0 ? 1.714 : a2, Q2 = `${parseFloat(ee) + Z - G2}%`;
       return {
         thumb: ee,
         tooltip: Q2
       };
-    }), z = x(0), m = x(0), w = () => {
-      z.value = window.innerWidth, m.value = window.innerHeight;
+    }), k = x(0), _ = x(0), w = () => {
+      k.value = window.innerWidth, _.value = window.innerHeight;
     };
     ae(() => {
-      typeof window < "u" && (z.value = window.innerWidth, m.value = window.innerHeight, window.addEventListener("resize", w));
+      typeof window < "u" && (k.value = window.innerWidth, _.value = window.innerHeight, window.addEventListener("resize", w));
     }), fe(() => {
-      typeof window < "u" && (document.removeEventListener("mouseup", y), window.removeEventListener("resize", w));
+      typeof window < "u" && (document.removeEventListener("mouseup", $), window.removeEventListener("resize", w));
     });
     const g = (b) => {
       P.value = !1;
@@ -6382,13 +6385,13 @@ const F5 = { class: "nmorph-slider__content" }, q5 = { class: "nmorph-slider__in
         S = Math.max(0, Math.min(1, L / q)), d.value = l.min + S * (l.max - l.min);
       }
       d.value = Math.round(d.value / l.step) * l.step, d.value = Math.max(l.min, Math.min(l.max, d.value));
-    }, y = () => {
-      document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", y), P.value = !0;
+    }, $ = () => {
+      document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", $), P.value = !0;
     }, M = () => {
-      l.disabled || (document.addEventListener("mousemove", g), document.addEventListener("mouseup", y));
-    }, f = x(null), $ = () => {
+      l.disabled || (document.addEventListener("mousemove", g), document.addEventListener("mouseup", $));
+    }, f = x(null), y = () => {
       l.showTooltip && (u.value = !0);
-    }, V = () => {
+    }, z = () => {
       l.showTooltip && (u.value = !1);
     }, E = (b) => {
       const A = b.target;
@@ -6404,7 +6407,7 @@ const F5 = { class: "nmorph-slider__content" }, q5 = { class: "nmorph-slider__in
             ref: v,
             class: "nmorph-slider__input-container"
           }, [
-            u.value && !l.disabled ? (a(), R(_(F2), {
+            u.value && !l.disabled ? (a(), R(m(F2), {
               key: 0,
               ref_key: "tooltipRootRef",
               ref: p,
@@ -6418,8 +6421,8 @@ const F5 = { class: "nmorph-slider__content" }, q5 = { class: "nmorph-slider__in
               ref: f,
               class: B(["nmorph-slider__thumb", { "nmorph-slider__thumb--smooth": P.value }]),
               style: ne({ left: H.value.thumb }),
-              onMouseenter: $,
-              onMouseleave: V,
+              onMouseenter: y,
+              onMouseleave: z,
               onMousedown: M
             }, null, 38),
             n("input", {
@@ -6466,15 +6469,15 @@ const W5 = ["value", "disabled"], L5 = { class: "nmorph-switch-thumb" }, U5 = /*
       if (r.disabled)
         return;
       p.value = !p.value;
-      const m = p.value ? r.activeValue : r.inactiveValue;
-      s("update:model-value", m);
-    }, z = x(null);
-    return e({ inputDOMRef: z }), G(
+      const _ = p.value ? r.activeValue : r.inactiveValue;
+      s("update:model-value", _);
+    }, k = x(null);
+    return e({ inputDOMRef: k }), G(
       () => r.modelValue,
-      (m) => {
-        p.value = m === r.activeValue;
+      (_) => {
+        p.value = _ === r.activeValue;
       }
-    ), (m, w) => (a(), o("div", {
+    ), (_, w) => (a(), o("div", {
       class: B(v.value)
     }, [
       n("div", {
@@ -6483,7 +6486,7 @@ const W5 = ["value", "disabled"], L5 = { class: "nmorph-switch-thumb" }, U5 = /*
       }, [
         n("input", {
           ref_key: "inputDOMRef",
-          ref: z,
+          ref: k,
           type: "checkbox",
           value: p.value,
           disabled: r.disabled,
@@ -6494,15 +6497,15 @@ const W5 = ["value", "disabled"], L5 = { class: "nmorph-switch-thumb" }, U5 = /*
         n("div", {
           class: B(["nmorph-switch__bg-content", { "nmorph-switch__bg-content--enable": p.value }])
         }, [
-          p.value ? C(m.$slots, "bg-on", { key: 0 }) : C(m.$slots, "bg-off", { key: 1 })
+          p.value ? C(_.$slots, "bg-on", { key: 0 }) : C(_.$slots, "bg-off", { key: 1 })
         ], 2),
         n("div", L5, [
-          r.loading ? (a(), R(_(F), {
+          r.loading ? (a(), R(m(F), {
             key: 0,
             name: "loader",
             width: "14px",
             height: "14px"
-          })) : p.value ? C(m.$slots, "thumb-on", { key: 1 }) : C(m.$slots, "thumb-off", { key: 2 })
+          })) : p.value ? C(_.$slots, "thumb-on", { key: 1 }) : C(_.$slots, "thumb-off", { key: 2 })
         ])
       ])
     ], 2));
@@ -6532,22 +6535,22 @@ const Y5 = { class: "nmorph-text-input__input-side" }, G5 = {
         "nmorph-text-input": [`${s.typePassword && "password"}`]
       })
     ), c = (f) => {
-      const $ = f.target;
-      g("update:model-value", $.value);
+      const y = f.target;
+      g("update:model-value", y.value);
     }, d = x(!1), v = () => {
       s.clearable ? g("update:model-value", "") : d.value = !d.value;
-    }, p = h(() => s.typePassword && !d.value && !s.clearable ? "password" : "text"), H = x(!1), z = () => {
+    }, p = h(() => s.typePassword && !d.value && !s.clearable ? "password" : "text"), H = x(!1), k = () => {
       g("focus"), H.value = !0;
-    }, m = () => {
+    }, _ = () => {
       g("blur"), H.value = !1;
     }, w = x(null);
     e({ inputDOMRef: w });
-    const g = l, y = h(() => s.clearable ? "error" : d.value ? "eye-blocked" : "eye"), M = h(() => r["prepend-icon"] ? "28px" : "8px");
-    return (f, $) => (a(), o("div", {
+    const g = l, $ = h(() => s.clearable ? "error" : d.value ? "eye-blocked" : "eye"), M = h(() => r["prepend-icon"] ? "28px" : "8px");
+    return (f, y) => (a(), o("div", {
       class: B(u.value)
     }, [
       n("div", Y5, [
-        _(r)["prepend-icon"] ? (a(), o("div", G5, [
+        m(r)["prepend-icon"] ? (a(), o("div", G5, [
           C(f.$slots, "prepend-icon")
         ])) : O("", !0),
         n("input", {
@@ -6559,11 +6562,11 @@ const Y5 = { class: "nmorph-text-input__input-side" }, G5 = {
           disabled: s.disabled,
           value: s.modelValue,
           onInput: c,
-          onFocus: z,
-          onBlur: m,
-          onKeyup: $[0] || ($[0] = he((V) => g("on-enter"), ["enter"]))
+          onFocus: k,
+          onBlur: _,
+          onKeyup: y[0] || (y[0] = pe((z) => g("on-enter"), ["enter"]))
         }, null, 40, Q5),
-        s.typePassword || s.clearable ? (a(), R(_(Y), {
+        s.typePassword || s.clearable ? (a(), R(m(Y), {
           key: 1,
           disabled: s.disabled,
           class: "nmorph-text-input__password-btn",
@@ -6573,7 +6576,7 @@ const Y5 = { class: "nmorph-text-input__input-side" }, G5 = {
           onClick: v
         }, {
           default: j(() => [
-            k(_(F), { name: y.value }, null, 8, ["name"])
+            V(m(F), { name: $.value }, null, 8, ["name"])
           ]),
           _: 1
         }, 8, ["disabled", "height"])) : O("", !0)
@@ -6581,7 +6584,7 @@ const Y5 = { class: "nmorph-text-input__input-side" }, G5 = {
     ], 2));
   }
 });
-const K5 = { class: "nmorph-time-picker__content" }, X5 = { class: "nmorph-time-picker__selected-time" }, J5 = ["value"], Z5 = { class: "nmorph-time-picker__dropdown" }, ke = 20, N5 = /* @__PURE__ */ D({
+const K5 = { class: "nmorph-time-picker__content" }, X5 = { class: "nmorph-time-picker__selected-time" }, J5 = ["value"], Z5 = { class: "nmorph-time-picker__dropdown" }, ze = 20, N5 = /* @__PURE__ */ D({
   __name: "NmorphTimePicker",
   props: {
     modelValue: { default: 0 },
@@ -6602,14 +6605,14 @@ const K5 = { class: "nmorph-time-picker__content" }, X5 = { class: "nmorph-time-
     e({ inputDOMRef: c });
     const d = x(r.open), v = x([0, 0, 0]), p = x(r.initWithoutValue), H = () => {
       d.value = !d.value;
-    }, z = h(
+    }, k = h(
       () => T({
         nmorph: [se[r.height]],
         "nmorph-time-picker": [`${r.disabled && "disabled"}`, `${d.value && "open"}`]
       })
-    ), m = Array.from({ length: 24 }, (b, A) => A), w = Array.from({ length: 60 }, (b, A) => A), g = () => {
+    ), _ = Array.from({ length: 24 }, (b, A) => A), w = Array.from({ length: 60 }, (b, A) => A), g = () => {
       p.value = !1, s("update:model-value", W2(v.value));
-    }, y = (b) => {
+    }, $ = (b) => {
       const A = b;
       v.value = [A, v.value[1], v.value[2]], g();
     }, M = (b) => {
@@ -6618,7 +6621,7 @@ const K5 = { class: "nmorph-time-picker__content" }, X5 = { class: "nmorph-time-
     }, f = (b) => {
       const A = b;
       v.value = [v.value[0], v.value[1], A], g();
-    }, $ = () => {
+    }, y = () => {
       d.value = !1;
     };
     G(d, (b) => {
@@ -6629,18 +6632,18 @@ const K5 = { class: "nmorph-time-picker__content" }, X5 = { class: "nmorph-time-
       const b = We(r.modelValue).split(":").map((A) => Number(A));
       v.value = b;
     })();
-    const E = h(() => `${ke}px`), P = h(() => p.value ? "——:——:——" : We(r.modelValue));
+    const E = h(() => `${ze}px`), P = h(() => p.value ? "——:——:——" : We(r.modelValue));
     return (b, A) => {
       const S = Ue("NmorphTimeRoller");
       return a(), o("div", {
         ref_key: "timepickerDOMRef",
         ref: u,
-        class: B(z.value),
+        class: B(k.value),
         onClick: H
       }, [
         n("div", K5, [
           n("div", X5, [
-            k(_(F), {
+            V(m(F), {
               name: "time",
               class: "nmorph-time-picker__time-icon"
             }),
@@ -6654,36 +6657,36 @@ const K5 = { class: "nmorph-time-picker__content" }, X5 = { class: "nmorph-time-
             }, null, 8, J5),
             n("span", null, U(P.value), 1)
           ]),
-          u.value ? (a(), R(_(Me), {
+          u.value ? (a(), R(m(Me), {
             key: 0,
             open: d.value,
             "relative-element": u.value,
-            onOnOutsideClick: $
+            onOnOutsideClick: y
           }, {
             default: j(() => [
               n("div", Z5, [
-                k(S, {
+                V(S, {
                   "set-value-on-mount": !p.value,
-                  values: _(m),
+                  values: m(_),
                   "selected-value": v.value[0],
-                  "step-height": ke,
+                  "step-height": ze,
                   "disabled-range": b.disabledHours,
-                  onValueChanged: y
+                  onValueChanged: $
                 }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
-                k(S, {
+                V(S, {
                   "set-value-on-mount": !p.value,
-                  values: _(w),
+                  values: m(w),
                   "selected-value": v.value[1],
                   "disabled-range": b.disabledMinutes,
-                  "step-height": ke,
+                  "step-height": ze,
                   onValueChanged: M
                 }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
-                k(S, {
+                V(S, {
                   "set-value-on-mount": !p.value,
-                  values: _(w),
+                  values: m(w),
                   "disabled-range": b.disabledSeconds,
                   "selected-value": v.value[2],
-                  "step-height": ke,
+                  "step-height": ze,
                   onValueChanged: f
                 }, null, 8, ["set-value-on-mount", "values", "disabled-range", "selected-value"])
               ])
@@ -6836,7 +6839,7 @@ const c9 = /* @__PURE__ */ D({
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    I((m) => ({
+    I((_) => ({
       "13d4e1c7": s.value,
       "4bd46fe0": u.value
     }));
@@ -6844,12 +6847,12 @@ const c9 = /* @__PURE__ */ D({
       () => T({
         "nmorph-backtop": [`${p.value && "show"}`, l.design]
       })
-    ), d = x(null), v = x(null), p = x(!1), H = (m) => {
-      if (!m)
+    ), d = x(null), v = x(null), p = x(!1), H = (_) => {
+      if (!_)
         return;
-      const w = m.target;
+      const w = _.target;
       p.value = w.scrollTop > l.visibilityHeight;
-    }, z = () => {
+    }, k = () => {
       r("click"), d.value && d.value.scrollTo({
         top: 0,
         left: 0,
@@ -6860,20 +6863,20 @@ const c9 = /* @__PURE__ */ D({
       v.value && (d.value = v.value.parentElement, d.value?.addEventListener("scroll", H));
     }), fe(() => {
       d.value && d.value?.removeEventListener("scroll", H);
-    }), (m, w) => (a(), o("div", {
+    }), (_, w) => (a(), o("div", {
       ref_key: "selfDOMEl",
       ref: v,
       class: B(c.value)
     }, [
       n("div", {
-        onClick: ie(z, ["stop"])
+        onClick: ie(k, ["stop"])
       }, [
-        C(m.$slots, "default", {}, () => [
-          k(_(Y), {
+        C(_.$slots, "default", {}, () => [
+          V(m(Y), {
             "style-type": l.design === "nmorph" ? "default" : "transparent"
           }, {
             default: j(() => [
-              k(_(F), {
+              V(m(F), {
                 name: "chevron-down",
                 class: "nmorph-backtop__up-icon",
                 color: l.design === "nmorph" ? void 0 : "var(--nmorph-white-color)"
@@ -6895,7 +6898,7 @@ const v9 = ["id"], h9 = {
     separator: { default: "/" }
   },
   setup(t) {
-    const e = t, l = x([]), r = ce();
+    const e = t, l = x([]), r = ve();
     te("breadcrumb-data", { breadcrumbs: l, breadcrumbId: r });
     const s = h(
       () => T({
@@ -6911,7 +6914,7 @@ const v9 = ["id"], h9 = {
         class: "nmorph-breadcrumb__content"
       }, [
         n("div", {
-          id: `nmorph-breadcrumb-${_(r)}-${d.itemId}-element`,
+          id: `nmorph-breadcrumb-${m(r)}-${d.itemId}-element`,
           class: "nmorph-breadcrumb__element"
         }, null, 8, v9),
         v < l.value.length - 1 ? (a(), o("div", h9, U(e.separator), 1)) : O("", !0)
@@ -6930,19 +6933,19 @@ const m9 = /* @__PURE__ */ D({
       () => T({
         "nmorph-breadcrumb-item": []
       })
-    ), r = N("breadcrumb-data", void 0), s = x(!1), u = ce();
+    ), r = N("breadcrumb-data", void 0), s = x(!1), u = ve();
     return ae(() => {
       s.value = !0;
     }), r.breadcrumbs.value.push({ ...e, itemId: u }), (c, d) => {
       const v = Ue("router-link");
-      return s.value && _(u) ? (a(), o("div", {
+      return s.value && m(u) ? (a(), o("div", {
         key: 0,
         class: B(l.value)
       }, [
         (a(), R(we, {
-          to: `#nmorph-breadcrumb-${_(r)?.breadcrumbId}-${_(u)}-element`
+          to: `#nmorph-breadcrumb-${m(r)?.breadcrumbId}-${m(u)}-element`
         }, [
-          k(v, {
+          V(v, {
             to: c.to,
             replace: c.replace,
             class: "fill-height"
@@ -6984,7 +6987,7 @@ const m9 = /* @__PURE__ */ D({
     ), d = h(() => l.fillWidth ? `${l.relativeElement?.clientWidth}px` : `${l.width}px`), v = () => {
       r("on-outside-click");
     };
-    return (p, H) => (a(), R(_(De), {
+    return (p, H) => (a(), R(m(De), {
       show: l.open,
       transparent: "",
       onOnOutsideClick: v
@@ -6994,7 +6997,7 @@ const m9 = /* @__PURE__ */ D({
           ref_key: "dropdownDOMRef",
           ref: s,
           class: B(c.value),
-          style: ne({ left: `${_(u).x}`, top: `${_(u).y}` })
+          style: ne({ left: `${m(u).x}`, top: `${m(u).y}` })
         }, [
           C(p.$slots, "default")
         ], 6)
@@ -7019,41 +7022,41 @@ const _9 = { class: "nmorph-tabs__label-list" }, f9 = ["id", "onClick", "custom"
     ), u = (H) => {
       if (H.disabled)
         return;
-      const { name: z } = H;
-      r("update:model-value", z), r("tab-change", z);
-    }, c = x([]), d = ce();
+      const { name: k } = H;
+      r("update:model-value", k), r("tab-change", k);
+    }, c = x([]), d = ve();
     te("nmorph-tabs-data", {
       tabsData: c,
       tabsIdentifier: d
     });
     const v = h(() => l.panes.length > 0 ? l.panes : c.value), p = Le();
-    return (H, z) => (a(), o("div", {
+    return (H, k) => (a(), o("div", {
       class: B(s.value)
     }, [
       C(H.$slots, "default"),
       n("div", _9, [
-        (a(!0), o(K, null, X(v.value, (m) => (a(), o("div", {
-          id: _(t2)(_(d), m.name),
-          key: m.name,
+        (a(!0), o(K, null, X(v.value, (_) => (a(), o("div", {
+          id: m(t2)(m(d), _.name),
+          key: _.name,
           class: B(["nmorph-tabs__label", [
-            { "nmorph-tabs__label--selected": m.name === l.modelValue },
-            { "nmorph-tabs__label--disabled": m.disabled }
+            { "nmorph-tabs__label--selected": _.name === l.modelValue },
+            { "nmorph-tabs__label--disabled": _.disabled }
           ]]),
-          onClick: (w) => u(m),
-          custom: m.disabled
+          onClick: (w) => u(_),
+          custom: _.disabled
         }, [
-          _(p).default ? O("", !0) : (a(), o("div", g9, U(m.label), 1))
+          m(p).default ? O("", !0) : (a(), o("div", g9, U(_.label), 1))
         ], 10, f9))), 128))
       ]),
       n("div", w9, [
         n("div", x9, [
-          (a(!0), o(K, null, X(v.value, (m) => Fe((a(), o("div", {
-            id: _(n2)(_(d), m.name),
-            key: m.name
+          (a(!0), o(K, null, X(v.value, (_) => Fe((a(), o("div", {
+            id: m(n2)(m(d), _.name),
+            key: _.name
           }, [
-            _(p).default ? O("", !0) : (a(), o("div", y9, U(m.content), 1))
+            m(p).default ? O("", !0) : (a(), o("div", y9, U(_.content), 1))
           ], 8, $9)), [
-            [qe, m.name === l.modelValue]
+            [qe, _.name === l.modelValue]
           ])), 128))
         ])
       ])
@@ -7089,14 +7092,14 @@ const t2 = (t, e) => {
       class: B(l.value)
     }, [
       (a(), R(we, {
-        to: `#${_(t2)(_(r)?.tabsIdentifier, e.name)}`
+        to: `#${m(t2)(m(r)?.tabsIdentifier, e.name)}`
       }, [
-        C(c.$slots, "label", { scope: _(u) })
+        C(c.$slots, "label", { scope: m(u) })
       ], 8, ["to"])),
       (a(), R(we, {
-        to: `#${_(n2)(_(r)?.tabsIdentifier, e.name)}`
+        to: `#${m(n2)(m(r)?.tabsIdentifier, e.name)}`
       }, [
-        C(c.$slots, "default", { scope: _(u) })
+        C(c.$slots, "default", { scope: m(u) })
       ], 8, ["to"]))
     ], 2)) : O("", !0);
   }
@@ -7164,7 +7167,7 @@ const H9 = /* @__PURE__ */ D({
       class: B(`nmorph-notification-provider nmorph-notification-provider--${u.placement}`),
       style: ne({ zIndex: c.value })
     }, [
-      k($e, {
+      V($e, {
         name: "nmorph-notification",
         tag: "div"
       }, {
@@ -7174,7 +7177,7 @@ const H9 = /* @__PURE__ */ D({
             style: ne({ width: p.width }),
             class: "nmorph-notification-provider__notification"
           }, [
-            k(_(O2), xe({ ref_for: !0 }, p, {
+            V(m(O2), xe({ ref_for: !0 }, p, {
               onClose: () => s(p.id)
             }), null, 16, ["onClose"])
           ], 4))), 128))
@@ -7184,12 +7187,12 @@ const H9 = /* @__PURE__ */ D({
     ], 6));
   }
 });
-const z9 = /* @__PURE__ */ be(H9, [["__scopeId", "data-v-de7a6e97"]]);
+const k9 = /* @__PURE__ */ be(H9, [["__scopeId", "data-v-de7a6e97"]]);
 var Y2 = /* @__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))(Y2 || {});
-const k9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const z9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   NmorphAlert: O2,
-  NmorphAlertType: pe,
+  NmorphAlertType: me,
   NmorphArchiveResolution: Te,
   NmorphAudioResolution: Ae,
   NmorphAutocomplete: Lc,
@@ -7227,7 +7230,7 @@ const k9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NmorphLink: Vd,
   NmorphLinkTarget: x2,
   NmorphNotificationPlacement: Y2,
-  NmorphNotificationProvider: z9,
+  NmorphNotificationProvider: k9,
   NmorphNumberInput: V5,
   NmorphOverflowProp: $2,
   NmorphOverlay: De,
@@ -7262,9 +7265,9 @@ const k9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   getMonthName: Ye,
   getTabContentId: n2,
   getTabLabelId: t2,
-  hasAnyRangeDateInNextMonth: z2,
+  hasAnyRangeDateInNextMonth: k2,
   hasAnyRangeDateInPrevMonth: H2,
-  isTodayInMonthRange: k2,
+  isTodayInMonthRange: z2,
   resetTimeToZero: ue,
   resolution: v5,
   timeArrayToTimestamp: W2,
@@ -7287,7 +7290,30 @@ const k9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     dimensions: t,
     scrollTop: e
   };
-}, O9 = () => N("nmorph"), P9 = {
+}, O9 = () => {
+  const t = x([]), e = {
+    duration: 3e3,
+    closable: !0,
+    fill: !0,
+    width: "330px"
+  }, l = (s) => {
+    const u = {
+      id: String(Date.now()),
+      ...e
+    }, c = ce({
+      ...u,
+      ...s
+    });
+    t.value.push(c), c.duration !== 0 && setTimeout(() => r(c.id), c.duration);
+  }, r = (s) => {
+    t.value = t.value.filter((u) => u.id !== s);
+  };
+  return {
+    notifications: t,
+    notify: l,
+    removeNotification: r
+  };
+}, P9 = () => N("nmorph"), E9 = {
   install(t, e = {}) {
     if (!e.i18n.outsideMessagesMerge) {
       const u = xc(e.i18n), c = t.__VUE_I18N__;
@@ -7296,7 +7322,7 @@ const k9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       }), u.global.locale && (c.global.locale.value = u.global.locale)) : t.use(u);
     }
     const l = wc(e.theme), r = V9(), s = { theme: l, browser: r };
-    return t.provide("nmorph", s), Object.entries(k9).forEach(([u, c]) => {
+    return t.provide("nmorph", s), Object.entries(z9).forEach(([u, c]) => {
       if (B9(c))
         if (e.components === void 0)
           t.component(u, c);
@@ -7315,7 +7341,7 @@ export {
   J2 as AvatarShapeType,
   W as Locale,
   O2 as NmorphAlert,
-  pe as NmorphAlertType,
+  me as NmorphAlertType,
   Te as NmorphArchiveResolution,
   Ae as NmorphAudioResolution,
   Lc as NmorphAutocomplete,
@@ -7359,7 +7385,7 @@ export {
   Vd as NmorphLink,
   x2 as NmorphLinkTarget,
   Y2 as NmorphNotificationPlacement,
-  z9 as NmorphNotificationProvider,
+  k9 as NmorphNotificationProvider,
   V5 as NmorphNumberInput,
   $2 as NmorphOverflowProp,
   De as NmorphOverlay,
@@ -7393,27 +7419,28 @@ export {
   Se as NmorphVideoResolution,
   A9 as capitalizeFirstChar,
   s2 as deepClone,
-  P9 as default,
+  E9 as default,
   u2 as en,
   je as formatDateIntl,
   We as formatTimestampToTime,
-  ce as generateUUID,
+  ve as generateUUID,
   M2 as getDecadeYears,
   V2 as getMonthDaysByWeek,
   Ye as getMonthName,
   n2 as getTabContentId,
   t2 as getTabLabelId,
-  z2 as hasAnyRangeDateInNextMonth,
+  k2 as hasAnyRangeDateInNextMonth,
   H2 as hasAnyRangeDateInPrevMonth,
-  k2 as isTodayInMonthRange,
+  z2 as isTodayInMonthRange,
   Qd as nmorphLog,
   ue as resetTimeToZero,
   v5 as resolution,
   T9 as ru,
   W2 as timeArrayToTimestamp,
   Be as useCalendarTexts,
-  O9 as useNmorph,
+  P9 as useNmorph,
   V9 as useNmorphBrowser,
+  O9 as useNmorphNotification,
   wc as useNmorphTheme,
   D9 as zh
 };