@nmorph/nmorph-ui-kit 0.2.123 → 0.2.124

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as D, computed as h, ref as y, openBlock as a, createElementBlock as o, normalizeClass as B, createElementVNode as n, createBlock as E, unref as p, renderSlot as S, toDisplayString as F, createCommentVNode as O, useCssVars as J, normalizeStyle as I, resolveDynamicComponent as W2, createStaticVNode as n2, createTextVNode as te, inject as X, onUnmounted as Me, onMounted as Z, nextTick as he, watch as Y, mergeProps as de, createVNode as H, withCtx as q, reactive as ue, Fragment as G, renderList as Q, provide as N, Teleport as pe, withModifiers as re, withDirectives as De, vShow as Te, useSlots as a2, readonly as L2, TransitionGroup as me, withKeys as U2, resolveComponent as l2 } from "vue";
+import { defineComponent as D, computed as h, ref as y, openBlock as a, createElementBlock as o, normalizeClass as B, createElementVNode as n, createBlock as q, unref as m, renderSlot as S, toDisplayString as F, createCommentVNode as O, useCssVars as J, normalizeStyle as I, resolveDynamicComponent as W2, createStaticVNode as n2, createTextVNode as te, inject as X, onUnmounted as Me, onMounted as Z, nextTick as he, watch as Y, mergeProps as de, createVNode as H, withCtx as E, reactive as ue, Fragment as G, renderList as Q, provide as N, Teleport as pe, withModifiers as re, withDirectives as De, vShow as Te, useSlots as a2, readonly as L2, TransitionGroup as me, withKeys as U2, resolveComponent as l2 } from "vue";
 import { useI18n as Y2, createI18n as G2 } from "vue-i18n";
 var ne = /* @__PURE__ */ ((t) => (t.thick = "thick-component", t.default = "default-height-component", t.thin = "thin-component", t))(ne || {}), Q2 = /* @__PURE__ */ ((t) => (t.circle = "circle", t.square = "square", t))(Q2 || {}), K2 = /* @__PURE__ */ ((t) => (t.ascending = "ascending", t.descending = "descending", t))(K2 || {}), Z2 = /* @__PURE__ */ ((t) => (t.row = "row", t.column = "column", t))(Z2 || {}), o2 = /* @__PURE__ */ ((t) => (t.inset = "shadow-inset", t.outset = "shadow-outset", t.combined = "shadow-combined", t["not-defined"] = "shadow-not-defined", t))(o2 || {}), r2 = /* @__PURE__ */ ((t) => (t.accent = "accent", t.success = "success", t.error = "error", t.warning = "warning", t))(r2 || {}), i = /* @__PURE__ */ ((t) => (t["add-location"] = "add-location", t.aim = "aim", t["alarm-clock"] = "alarm-clock", t.apple = "apple", t.archive = "archive", t["arrow-down"] = "arrow-down", t["arrow-left"] = "arrow-left", t["arrow-right"] = "arrow-right", t["arrow-up"] = "arrow-up", t.audio = "audio", t.avatar = "avatar", t.back = "back", t["bell-filled"] = "bell-filled", t.bell = "bell", t.bicycle = "bicycle", t["bottom-left"] = "bottom-left", t["bottom-right"] = "bottom-right", t.bottom = "bottom", t.burger = "burger", t.calendar = "calendar", t.camera = "camera", t["caret-bottom"] = "caret-bottom", t["caret-left"] = "caret-left", t["caret-right"] = "caret-right", t["caret-top"] = "caret-top", t.cellphone = "cellphone", t["chat-dot-round"] = "chat-dot-round", t["chat-dot-square"] = "chat-dot-square", t["chat-line-round"] = "chat-line-round", t["chat-line-square"] = "chat-line-square", t["chat-round"] = "chat-round", t["chat-square"] = "chat-square", t.check = "check", t.checked = "checked", t.cherry = "cherry", t["chevron-double-down"] = "chevron-double-down", t["chevron-down"] = "chevron-down", t["chrome-filled"] = "chrome-filled", t["circle-check-filled"] = "circle-check-filled", t["circle-check"] = "circle-check", t["circle-close-filled"] = "circle-close-filled", t["circle-close"] = "circle-close", t["circle-plus-filled"] = "circle-plus-filled", t["circle-plus"] = "circle-plus", t.clock = "clock", t.close = "close", t.cloudy = "cloudy", t.code = "code", t["coffee-cup"] = "coffee-cup", t.coffee = "coffee", t.coin = "coin", t["collection-tag"] = "collection-tag", t.collection = "collection", t.compass = "compass", t.connection = "connection", t.coordinate = "coordinate", t["copy-document"] = "copy-document", t.copy = "copy", t.cpu = "cpu", t["credit-card"] = "credit-card", t.crop = "crop", t.cross = "cross", t["delete-filled"] = "delete-filled", t.delete = "delete", t.dessert = "dessert", t.discount = "discount", t.doc = "doc", t["document-add"] = "document-add", t["document-checked"] = "document-checked", t["document-copy"] = "document-copy", t["document-delete"] = "document-delete", t["document-remove"] = "document-remove", t.document = "document", t.download = "download", t["edit-pen"] = "edit-pen", t.edit = "edit", t.enlarge = "enlarge", t.error = "error", t.expand = "expand", t["eye-blocked"] = "eye-blocked", t.eye = "eye", t.failed = "failed", t.files = "files", t.film = "film", t.filter = "filter", t.finished = "finished", t.flag = "flag", t.fold = "fold", t["folder-add"] = "folder-add", t["folder-checked"] = "folder-checked", t["folder-delete"] = "folder-delete", t["folder-opened"] = "folder-opened", t.folder = "folder", t.food = "food", t["fork-spoon"] = "fork-spoon", t["full-screen"] = "full-screen", t.goblet = "goblet", t["gold-medal"] = "gold-medal", t["goods-filled"] = "goods-filled", t.goods = "goods", t.grape = "grape", t.grid = "grid", t.guide = "guide", t.handbag = "handbag", t.headset = "headset", t.histogram = "histogram", t["hot-water"] = "hot-water", t.house = "house", t["ice-cream-round"] = "ice-cream-round", t["ice-drink"] = "ice-drink", t["info-filled"] = "info-filled", t.info = "info", t.image = "image", t.key = "key", t["knife-fork"] = "knife-fork", t.lightning = "lightning", t.link = "link", t.list = "list", t.loader = "loader", t.loading = "loading", t["location-filled"] = "location-filled", t["location-information"] = "location-information", t.location = "location", t.lock = "lock", t.logo = "logo", t.lollipop = "lollipop", t["magic-stick"] = "magic-stick", t.magnet = "magnet", t.male = "male", t.management = "management", t["map-location"] = "map-location", t.medal = "medal", t.memo = "memo", t.menu = "menu", t["message-box"] = "message-box", t.message = "message", t.mic = "mic", t.microphone = "microphone", t.minus = "minus", t.money = "money", t.monitor = "monitor", t.moon = "moon", t["more-filled"] = "more-filled", t.more = "more", t["mostly-cloudy"] = "mostly-cloudy", t.mouse = "mouse", t.mug = "mug", t["mute-notification"] = "mute-notification", t.mute = "mute", t["no-smoking"] = "no-smoking", t.notebook = "notebook", t.notification = "notification", t["office-building"] = "office-building", t.operation = "operation", t.opportunity = "opportunity", t.orange = "orange", t.paperclip = "paperclip", t["partly-cloudy"] = "partly-cloudy", t.pear = "pear", t["phone-filled"] = "phone-filled", t.phone = "phone", t.picture = "picture", t["pie-chart"] = "pie-chart", t.place = "place", t.platform = "platform", t.plus = "plus", t.pointer = "pointer", t.position = "position", t["post-card"] = "post-card", t.pouring = "pouring", t.present = "present", t["price-tag"] = "price-tag", t.printer = "printer", t.promotion = "promotion", t["quartz-watch"] = "quartz-watch", t["question-filled"] = "question-filled", t.rank = "rank", t["reading-lamp"] = "reading-lamp", t.reading = "reading", t["refresh-left"] = "refresh-left", t["refresh-right"] = "refresh-right", t.refresh = "refresh", t.refrigerator = "refrigerator", t["remove-filled"] = "remove-filled", t.remove = "remove", t["rotate-left"] = "rotate-left", t["rotate-right"] = "rotate-right", t["scale-to-original"] = "scale-to-original", t.school = "school", t.scissor = "scissor", t.search = "search", t.select = "select", t.sell = "sell", t["semi-select"] = "semi-select", t.service = "service", t.setting = "setting", t.share = "share", t.ship = "ship", t.shop = "shop", t["shopping-bag"] = "shopping-bag", t["shopping-cart-full"] = "shopping-cart-full", t["shopping-cart"] = "shopping-cart", t.shrink = "shrink", t.smoking = "smoking", t.soccer = "soccer", t["sold-out"] = "sold-out", t["sort-down"] = "sort-down", t["sort-up"] = "sort-up", t.sort = "sort", t.stamp = "stamp", t["star-filled"] = "star-filled", t.star = "star", t["success-filled"] = "success-filled", t.success = "success", t.sugar = "sugar", t.sunny = "sunny", t.sunrise = "sunrise", t.sunset = "sunset", t["switch-button"] = "switch-button", t["switch-filled"] = "switch-filled", t.switch = "switch", t["takeaway-box"] = "takeaway-box", t.ticket = "ticket", t.tickets = "tickets", t.time = "time", t.timer = "timer", t["toilet-paper"] = "toilet-paper", t.tools = "tools", t["top-left"] = "top-left", t["top-right"] = "top-right", t.top = "top", t["trend-charts"] = "trend-charts", t["triangle-down"] = "triangle-down", t["trophy-base"] = "trophy-base", t.trophy = "trophy", t["turn-off"] = "turn-off", t.umbrella = "umbrella", t.unlock = "unlock", t["upload-filled"] = "upload-filled", t.upload = "upload", t["user-filled"] = "user-filled", t.user = "user", t.van = "van", t["video-camera"] = "video-camera", t["video-pause"] = "video-pause", t["video-play"] = "video-play", t.video = "video", t.view = "view", t["wallet-filled"] = "wallet-filled", t.wallet = "wallet", t["warn-triangle-filled"] = "warn-triangle-filled", t.warning = "warning", t.watch = "watch", t["wind-power"] = "wind-power", t["zoom-in"] = "zoom-in", t["zoom-out"] = "zoom-out", t))(i || {}), X2 = /* @__PURE__ */ ((t) => (t.left = "left", t.right = "right", t.top = "top", t.bottom = "bottom", t))(X2 || {}), J2 = /* @__PURE__ */ ((t) => (t.fill = "fill", t.contain = "contain", t.cover = "cover", t.none = "none", t["scale-down"] = "scale-down", t))(J2 || {}), ee = /* @__PURE__ */ ((t) => (t.en = "en", t.ru = "ru", t.zh = "zh", t))(ee || {});
 const N2 = (t, e) => {
@@ -68,7 +68,7 @@ const N2 = (t, e) => {
       default: "medium",
       thick: "large"
     }, v = h(() => u[r.height]);
-    return e({ buttonDOMElement: d }), (m, x) => (a(), o("div", {
+    return e({ buttonDOMElement: d }), (p, x) => (a(), o("div", {
       class: B(s.value)
     }, [
       n("button", {
@@ -80,18 +80,18 @@ const N2 = (t, e) => {
         type: r.type,
         onClick: x[0] || (x[0] = (M) => c("click"))
       }, [
-        r.icon ? (a(), E(p(P), {
+        r.icon ? (a(), q(m(P), {
           key: 0,
           name: r.icon
         }, null, 8, ["name"])) : (a(), o("div", t0, [
-          S(m.$slots, "default"),
+          S(p.$slots, "default"),
           !r.loading && r.text !== void 0 ? (a(), o("span", n0, F(r.text), 1)) : O("", !0),
-          r.loading ? (a(), E(p(P), {
+          r.loading ? (a(), q(m(P), {
             key: 1,
             name: "loader",
             size: v.value
           }, null, 8, ["size"])) : O("", !0),
-          S(m.$slots, "append")
+          S(p.$slots, "append")
         ]))
       ], 8, e0)
     ], 2));
@@ -131,7 +131,7 @@ const a0 = {
       style: I(r.value)
     }, [
       e.name ? (a(), o("div", a0, [
-        (a(), E(W2(p(c2)[e.name])))
+        (a(), q(W2(m(c2)[e.name])))
       ])) : S(d.$slots, "default", { key: 1 })
     ], 6));
   }
@@ -241,17 +241,17 @@ function O0(t, e) {
     n("path", { d: "M628.736 528.896A416 416 0 0 1 928 928H96a415.87 415.87 0 0 1 299.264-399.104L512 704zM720 304a208 208 0 1 1-416 0 208 208 0 0 1 416 0" }, null, -1)
   ]));
 }
-const P0 = { render: O0 }, E0 = {
+const P0 = { render: O0 }, q0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function q0(t, e) {
-  return a(), o("svg", E0, e[0] || (e[0] = [
+function E0(t, e) {
+  return a(), o("svg", q0, e[0] || (e[0] = [
     n("path", { d: "M224 480h640a32 32 0 1 1 0 64H224a32 32 0 0 1 0-64" }, null, -1),
     n("path", { d: "m237.248 512 265.408 265.344a32 32 0 0 1-45.312 45.312l-288-288a32 32 0 0 1 0-45.312l288-288a32 32 0 1 1 45.312 45.312z" }, null, -1)
   ]));
 }
-const R0 = { render: q0 }, F0 = {
+const R0 = { render: E0 }, F0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -411,17 +411,17 @@ function Ot(t, e) {
     n("path", { d: "M352 576h320q32 0 32 32t-32 32H352q-32 0-32-32t32-32m32-192h256q32 0 32 32t-32 32H384q-32 0-32-32t32-32" }, null, -1)
   ]));
 }
-const Pt = { render: Ot }, Et = {
+const Pt = { render: Ot }, qt = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function qt(t, e) {
-  return a(), o("svg", Et, e[0] || (e[0] = [
+function Et(t, e) {
+  return a(), o("svg", qt, e[0] || (e[0] = [
     n("path", { d: "M160 826.88 273.536 736H800a64 64 0 0 0 64-64V256a64 64 0 0 0-64-64H224a64 64 0 0 0-64 64zM296 800 147.968 918.4A32 32 0 0 1 96 893.44V256a128 128 0 0 1 128-128h576a128 128 0 0 1 128 128v416a128 128 0 0 1-128 128z" }, null, -1),
     n("path", { d: "M352 512h320q32 0 32 32t-32 32H352q-32 0-32-32t32-32m0-192h320q32 0 32 32t-32 32H352q-32 0-32-32t32-32" }, null, -1)
   ]));
 }
-const Rt = { render: qt }, Ft = {
+const Rt = { render: Et }, Ft = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -583,16 +583,16 @@ function O1(t, e) {
     n("path", { d: "M598.4 831.872H328.192a256 256 0 0 1-34.496-510.528A352 352 0 1 1 598.4 831.872m-271.36-64h272.256a288 288 0 1 0-248.512-417.664L335.04 381.44l-34.816 3.584a192 192 0 0 0 26.88 382.848z" }, null, -1)
   ]));
 }
-const P1 = { render: O1 }, E1 = {
+const P1 = { render: O1 }, q1 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 40 28"
 };
-function q1(t, e) {
-  return a(), o("svg", E1, e[0] || (e[0] = [
+function E1(t, e) {
+  return a(), o("svg", q1, e[0] || (e[0] = [
     n("path", { d: "m26 23 3 3 10-10L29 6l-3 3 7 7zM14 9l-3-3L1 16l10 10 3-3-7-7zM21.916 4.704l2.171.592-6 22.001-2.171-.592z" }, null, -1)
   ]));
 }
-const R1 = { render: q1 }, F1 = {
+const R1 = { render: E1 }, F1 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -755,12 +755,12 @@ function Pn(t, e) {
     n("path", { d: "M128 416v-48a144 144 0 0 1 168.64-141.888 224.128 224.128 0 0 1 430.72 0A144 144 0 0 1 896 368v48a384 384 0 0 1-352 382.72V896h-64v-97.28A384 384 0 0 1 128 416m287.104-32.064h193.792a143.81 143.81 0 0 1 58.88-132.736 160.064 160.064 0 0 0-311.552 0 143.81 143.81 0 0 1 58.88 132.8zm-72.896 0a72 72 0 1 0-140.48 0zm339.584 0h140.416a72 72 0 1 0-140.48 0zM512 736a320 320 0 0 0 318.4-288.064H193.6A320 320 0 0 0 512 736M384 896.064h256a32 32 0 1 1 0 64H384a32 32 0 1 1 0-64" }, null, -1)
   ]));
 }
-const En = { render: Pn }, qn = {
+const qn = { render: Pn }, En = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 function Rn(t, e) {
-  return a(), o("svg", qn, e[0] || (e[0] = [
+  return a(), o("svg", En, e[0] || (e[0] = [
     n("path", { d: "M224 704h576V318.336L552.512 115.84a64 64 0 0 0-81.024 0L224 318.336zm0 64v128h576V768zM593.024 66.304l259.2 212.096A32 32 0 0 1 864 303.168V928a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32V303.168a32 32 0 0 1 11.712-24.768l259.2-212.096a128 128 0 0 1 162.112 0" }, null, -1),
     n("path", { d: "M512 448a64 64 0 1 0 0-128 64 64 0 0 0 0 128m0 64a128 128 0 1 1 0-256 128 128 0 0 1 0 256" }, null, -1)
   ]));
@@ -918,12 +918,12 @@ function P4(t, e) {
     n("path", { d: "M128 384v448h768V384zm-32-64h832a32 32 0 0 1 32 32v512a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V352a32 32 0 0 1 32-32m64-128h704v64H160zm96-128h512v64H256z" }, null, -1)
   ]));
 }
-const E4 = { render: P4 }, q4 = {
+const q4 = { render: P4 }, E4 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 function R4(t, e) {
-  return a(), o("svg", q4, e[0] || (e[0] = [
+  return a(), o("svg", E4, e[0] || (e[0] = [
     n("path", { d: "M160 160v704h704V160zm-32-64h768a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H128a32 32 0 0 1-32-32V128a32 32 0 0 1 32-32" }, null, -1),
     n("path", { d: "M320 288V128h64v352h256V128h64v160h160v64H704v128h160v64H704v128h160v64H704v160h-64V544H384v352h-64V736H128v-64h192V544H128v-64h192V352H128v-64z" }, null, -1)
   ]));
@@ -1083,12 +1083,12 @@ function Pa(t, e) {
     n("path", { d: "M544 195.2a160 160 0 0 1 96 60.8 160 160 0 1 1 146.24 254.976 160 160 0 0 1-128 224 160 160 0 1 1-292.48 0 160 160 0 0 1-128-224A160 160 0 1 1 384 256a160 160 0 0 1 96-60.8V128h-64a32 32 0 0 1 0-64h192a32 32 0 0 1 0 64h-64zM512 448a96 96 0 1 0 0-192 96 96 0 0 0 0 192m-256 0a96 96 0 1 0 0-192 96 96 0 0 0 0 192m128 224a96 96 0 1 0 0-192 96 96 0 0 0 0 192m128 224a96 96 0 1 0 0-192 96 96 0 0 0 0 192m128-224a96 96 0 1 0 0-192 96 96 0 0 0 0 192m128-224a96 96 0 1 0 0-192 96 96 0 0 0 0 192" }, null, -1)
   ]));
 }
-const Ea = { render: Pa }, qa = {
+const qa = { render: Pa }, Ea = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 function Ra(t, e) {
-  return a(), o("svg", qa, e[0] || (e[0] = [
+  return a(), o("svg", Ea, e[0] || (e[0] = [
     n("path", { d: "M640 384v256H384V384zm64 0h192v256H704zm-64 512H384V704h256zm64 0V704h192v192zm-64-768v192H384V128zm64 0h192v192H704zM320 384v256H128V384zm0 512H128V704h192zm0-768v192H128V128z" }, null, -1)
   ]));
 }
@@ -1256,12 +1256,12 @@ function Pl(t, e) {
     n2('<g transform="translate(50 50)"><circle cy="-30" r="5"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="21.21" cy="-21.21" r="5" opacity=".875"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="30" r="5" opacity=".75"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="21.21" cy="21.21" r="5" opacity=".625"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cy="30" r="5" opacity=".5"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="-21.21" cy="21.21" r="5" opacity=".375"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="-30" r="5" opacity=".25"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="-21.21" cy="-21.21" r="5" opacity=".125"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle></g>', 1)
   ]));
 }
-const El = { render: Pl }, ql = {
+const ql = { render: Pl }, El = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 function Rl(t, e) {
-  return a(), o("svg", ql, e[0] || (e[0] = [
+  return a(), o("svg", El, e[0] || (e[0] = [
     n("path", { d: "M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32m0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32m448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32m-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32M195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248m452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248M828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0m-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0" }, null, -1)
   ]));
 }
@@ -1452,12 +1452,12 @@ function P3(t, e) {
     n("path", { d: "M480 704h160a64 64 0 0 0 64-64v-32h-96a32 32 0 0 1 0-64h96v-96h-96a32 32 0 0 1 0-64h96v-96h-96a32 32 0 0 1 0-64h96v-32a64 64 0 0 0-64-64H384a64 64 0 0 0-64 64v32h96a32 32 0 0 1 0 64h-96v96h96a32 32 0 0 1 0 64h-96v96h96a32 32 0 0 1 0 64h-96v32a64 64 0 0 0 64 64zm64 64v128h192a32 32 0 1 1 0 64H288a32 32 0 1 1 0-64h192V768h-96a128 128 0 0 1-128-128V192A128 128 0 0 1 384 64h256a128 128 0 0 1 128 128v448a128 128 0 0 1-128 128z" }, null, -1)
   ]));
 }
-const E3 = { render: P3 }, q3 = {
+const q3 = { render: P3 }, E3 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 function R3(t, e) {
-  return a(), o("svg", q3, e[0] || (e[0] = [
+  return a(), o("svg", E3, e[0] || (e[0] = [
     n("path", { d: "M512 128a128 128 0 0 0-128 128v256a128 128 0 1 0 256 0V256a128 128 0 0 0-128-128m0-64a192 192 0 0 1 192 192v256a192 192 0 1 1-384 0V256A192 192 0 0 1 512 64m-32 832v-64a288 288 0 0 1-288-288v-32a32 32 0 0 1 64 0v32a224 224 0 0 0 224 224h64a224 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-64z" }, null, -1)
   ]));
 }
@@ -1618,12 +1618,12 @@ const Oo = { render: To }, Po = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function Eo(t, e) {
+function qo(t, e) {
   return a(), o("svg", Po, e[0] || (e[0] = [
     n("path", { d: "M384 960v-64h192.064v64zm448-544a350.66 350.66 0 0 1-128.32 271.424C665.344 719.04 640 763.776 640 813.504V832H320v-14.336c0-48-19.392-95.36-57.216-124.992a351.55 351.55 0 0 1-128.448-344.256c25.344-136.448 133.888-248.128 269.76-276.48A352.384 352.384 0 0 1 832 416m-544 32c0-132.288 75.904-224 192-224v-64c-154.432 0-256 122.752-256 288z" }, null, -1)
   ]));
 }
-const qo = { render: Eo }, Ro = {
+const Eo = { render: qo }, Ro = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -1790,12 +1790,12 @@ const Or = { render: Tr }, Pr = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function Er(t, e) {
+function qr(t, e) {
   return a(), o("svg", Pr, e[0] || (e[0] = [
     n("path", { d: "M256 768H105.024c-14.272 0-19.456-1.472-24.64-4.288a29.06 29.06 0 0 1-12.16-12.096C65.536 746.432 64 741.248 64 727.04V379.072c0-42.816 4.48-58.304 12.8-73.984 8.384-15.616 20.672-27.904 36.288-36.288 15.68-8.32 31.168-12.8 73.984-12.8H256V64h512v192h68.928c42.816 0 58.304 4.48 73.984 12.8 15.616 8.384 27.904 20.672 36.288 36.288 8.32 15.68 12.8 31.168 12.8 73.984v347.904c0 14.272-1.472 19.456-4.288 24.64a29.06 29.06 0 0 1-12.096 12.16c-5.184 2.752-10.368 4.224-24.64 4.224H768v192H256zm64-192v320h384V576zm-64 128V512h512v192h128V379.072c0-29.376-1.408-36.48-5.248-43.776a23.3 23.3 0 0 0-10.048-10.048c-7.232-3.84-14.4-5.248-43.776-5.248H187.072c-29.376 0-36.48 1.408-43.776 5.248a23.3 23.3 0 0 0-10.048 10.048c-3.84 7.232-5.248 14.4-5.248 43.776V704zm64-448h384V128H320zm-64 128h64v64h-64zm128 0h64v64h-64z" }, null, -1)
   ]));
 }
-const qr = { render: Er }, Rr = {
+const Er = { render: qr }, Rr = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -1954,12 +1954,12 @@ const O6 = { render: T6 }, P6 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function E6(t, e) {
+function q6(t, e) {
   return a(), o("svg", P6, e[0] || (e[0] = [
     n("path", { d: "m512.064 578.368-106.88 152.768a160 160 0 1 1-23.36-78.208L472.96 522.56 196.864 128.256a32 32 0 1 1 52.48-36.736l393.024 561.344a160 160 0 1 1-23.36 78.208l-106.88-152.704zm54.4-189.248 208.384-297.6a32 32 0 0 1 52.48 36.736l-221.76 316.672-39.04-55.808zm-376.32 425.856a96 96 0 1 0 110.144-157.248 96 96 0 0 0-110.08 157.248zm643.84 0a96 96 0 1 0-110.08-157.248 96 96 0 0 0 110.08 157.248" }, null, -1)
   ]));
 }
-const q6 = { render: E6 }, R6 = {
+const E6 = { render: q6 }, R6 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
 };
@@ -2116,12 +2116,12 @@ const Os = { render: Ts }, Ps = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function Es(t, e) {
+function qs(t, e) {
   return a(), o("svg", Ps, e[0] || (e[0] = [
     n("path", { d: "M384 141.248V928a32 32 0 1 0 64 0V218.56l242.688 242.688A32 32 0 1 0 736 416L438.592 118.656A32 32 0 0 0 384 141.248" }, null, -1)
   ]));
 }
-const qs = { render: Es }, Rs = {
+const Es = { render: qs }, Rs = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -2278,14 +2278,14 @@ const O8 = { render: T8 }, P8 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function E8(t, e) {
+function q8(t, e) {
   return a(), o("svg", P8, e[0] || (e[0] = [
     n("path", { d: "M512 896a320 320 0 1 0 0-640 320 320 0 0 0 0 640m0 64a384 384 0 1 1 0-768 384 384 0 0 1 0 768" }, null, -1),
     n("path", { d: "M512 320a32 32 0 0 1 32 32l-.512 224a32 32 0 1 1-64 0L480 352a32 32 0 0 1 32-32" }, null, -1),
     n("path", { d: "M448 576a64 64 0 1 0 128 0 64 64 0 1 0-128 0m96-448v128h-64V128h-96a32 32 0 0 1 0-64h256a32 32 0 1 1 0 64z" }, null, -1)
   ]));
 }
-const q8 = { render: E8 }, R8 = {
+const E8 = { render: q8 }, R8 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -2448,17 +2448,17 @@ const Oi = { render: Ti }, Pi = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function Ei(t, e) {
+function qi(t, e) {
   return a(), o("svg", Pi, e[0] || (e[0] = [
     n("path", { d: "M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352m0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288m0 64a224 224 0 1 1 0 448 224 224 0 0 1 0-448m0 64a160.19 160.19 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160" }, null, -1)
   ]));
 }
-const Ze = { render: Ei }, qi = {
+const Ze = { render: qi }, Ei = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 function Ri(t, e) {
-  return a(), o("svg", qi, e[0] || (e[0] = [
+  return a(), o("svg", Ei, e[0] || (e[0] = [
     n("path", { d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 832a384 384 0 0 0 0-768 384 384 0 0 0 0 768m-96-544q32 0 32 32v256q0 32-32 32t-32-32V384q0-32 32-32m192 0q32 0 32 32v256q0 32-32 32t-32-32V384q0-32 32-32" }, null, -1)
   ]));
 }
@@ -2618,7 +2618,7 @@ const _d = { render: md }, c2 = {
   [i.cross]: Vn,
   [i["delete-filled"]]: Sn,
   [i.delete]: Tn,
-  [i.dessert]: En,
+  [i.dessert]: qn,
   [i.discount]: Fn,
   [i.doc]: Ln,
   [i["document-add"]]: Gn,
@@ -2636,7 +2636,7 @@ const _d = { render: md }, c2 = {
   [i.eye]: V4,
   [i["eye-blocked"]]: S4,
   [i.failed]: T4,
-  [i.files]: E4,
+  [i.files]: q4,
   [i.film]: F4,
   [i.filter]: L4,
   [i.finished]: G4,
@@ -2654,7 +2654,7 @@ const _d = { render: md }, c2 = {
   [i["gold-medal"]]: Va,
   [i["goods-filled"]]: Sa,
   [i.goods]: Ta,
-  [i.grape]: Ea,
+  [i.grape]: qa,
   [i.grid]: Fa,
   [i.guide]: La,
   [i.handbag]: Ga,
@@ -2672,7 +2672,7 @@ const _d = { render: md }, c2 = {
   [i.lightning]: Vl,
   [i.link]: Sl,
   [i.list]: Tl,
-  [i.loader]: El,
+  [i.loader]: ql,
   [i.loading]: Fl,
   [i["location-filled"]]: Ll,
   [i["location-information"]]: Gl,
@@ -2690,7 +2690,7 @@ const _d = { render: md }, c2 = {
   [i.menu]: V3,
   [i["message-box"]]: S3,
   [i.message]: T3,
-  [i.mic]: E3,
+  [i.mic]: q3,
   [i.microphone]: F3,
   [i.minus]: L3,
   [i.money]: G3,
@@ -2708,7 +2708,7 @@ const _d = { render: md }, c2 = {
   [i.notification]: Bo,
   [i["office-building"]]: Ao,
   [i.operation]: Oo,
-  [i.opportunity]: qo,
+  [i.opportunity]: Eo,
   [i.orange]: jo,
   [i.paperclip]: Uo,
   [i["partly-cloudy"]]: Qo,
@@ -2726,7 +2726,7 @@ const _d = { render: md }, c2 = {
   [i.pouring]: Br,
   [i.present]: Ar,
   [i["price-tag"]]: Or,
-  [i.printer]: qr,
+  [i.printer]: Er,
   [i.promotion]: jr,
   [i["quartz-watch"]]: Ur,
   [i["question-filled"]]: Qr,
@@ -2744,7 +2744,7 @@ const _d = { render: md }, c2 = {
   [i["rotate-right"]]: B6,
   [i["scale-to-original"]]: A6,
   [i.school]: O6,
-  [i.scissor]: q6,
+  [i.scissor]: E6,
   [i.search]: j6,
   [i.select]: U6,
   [i.sell]: Q6,
@@ -2762,7 +2762,7 @@ const _d = { render: md }, c2 = {
   [i.soccer]: Bs,
   [i["sold-out"]]: As,
   [i["sort-down"]]: Os,
-  [i["sort-up"]]: qs,
+  [i["sort-up"]]: Es,
   [i.sort]: js,
   [i.stamp]: Us,
   [i["star-filled"]]: Qs,
@@ -2780,7 +2780,7 @@ const _d = { render: md }, c2 = {
   [i.ticket]: B8,
   [i.tickets]: A8,
   [i.time]: O8,
-  [i.timer]: q8,
+  [i.timer]: E8,
   [i["toilet-paper"]]: j8,
   [i.tools]: U8,
   [i["top-left"]]: Q8,
@@ -2837,7 +2837,7 @@ const _d = { render: md }, c2 = {
       }, [
         S(r.$slots, "prepend"),
         te(" " + F(r.text) + " ", 1),
-        r.iconName ? (a(), E(p(P), {
+        r.iconName ? (a(), q(m(P), {
           key: 0,
           class: "nmorph-link__icon",
           name: e.iconName,
@@ -2885,7 +2885,7 @@ const wd = /* @__PURE__ */ D({
       ba0dc0f6: f.value,
       bb485170: g.value
     }));
-    const r = t, s = y(null), d = h(() => r.scrollYProp), c = h(() => r.scrollXProp), u = y(!1), v = y(!1), m = () => {
+    const r = t, s = y(null), d = h(() => r.scrollYProp), c = h(() => r.scrollXProp), u = y(!1), v = y(!1), p = () => {
       u.value = s.value?.scrollHeight > s.value?.clientHeight, v.value = s.value?.scrollWidth > s.value?.clientWidth;
     }, x = h(() => r.yBarWidthInPx + r.yGapInPx), M = h(() => r.xBarWidthInPx + r.xGapInPx), $ = h(
       () => r.scrollYProp === "hidden" || !u.value ? "0" : `${x.value}px`
@@ -2919,7 +2919,7 @@ const wd = /* @__PURE__ */ D({
       });
     };
     Z(() => {
-      T(r.modelValue), he(m);
+      T(r.modelValue), he(p);
     }), Y(
       () => r.modelValue,
       (le) => {
@@ -2929,7 +2929,7 @@ const wd = /* @__PURE__ */ D({
     ), Y(
       () => b?.browser.dimensions,
       () => {
-        he(m);
+        he(p);
       },
       { deep: !0, immediate: !0 }
     );
@@ -2944,7 +2944,7 @@ const wd = /* @__PURE__ */ D({
       ref_key: "scrollDOMContainer",
       ref: s,
       class: W.value
-    }, p(ae), {
+    }, m(ae), {
       onScroll: C,
       onMouseenter: ge,
       onMouseleave: Se
@@ -2970,7 +2970,7 @@ const xd = /* @__PURE__ */ D({
   setup(t, { emit: e }) {
     J((w) => ({
       "574116af": $.value,
-      "11dd63ea": m.value,
+      "11dd63ea": p.value,
       "11d2c240": v.value,
       "75c6801c": M.value
     }));
@@ -2983,11 +2983,11 @@ const xd = /* @__PURE__ */ D({
       r("error", w), s.value = !0;
     }, u = (w) => {
       r("load", w), s.value = !1;
-    }, v = h(() => `${l.imagePadding}px`), m = h(() => ` ${l.size}px`), x = h(() => `${l.size / 100 * 60}px`), M = h(() => l.shape === "circle" ? "50%" : "4px"), $ = h(() => `${l.frameBorder}px`);
+    }, v = h(() => `${l.imagePadding}px`), p = h(() => ` ${l.size}px`), x = h(() => `${l.size / 100 * 60}px`), M = h(() => l.shape === "circle" ? "50%" : "4px"), $ = h(() => `${l.frameBorder}px`);
     return (w, f) => (a(), o("div", {
       class: B(d.value)
     }, [
-      H(p(be), {
+      H(m(be), {
         fit: l.fit,
         src: l.src,
         "src-set": l.srcSet,
@@ -2996,8 +2996,8 @@ const xd = /* @__PURE__ */ D({
         onLoad: u,
         onError: c
       }, {
-        error: q(() => [
-          H(p(P), {
+        error: E(() => [
+          H(m(P), {
             name: "avatar",
             width: x.value
           }, null, 8, ["width"])
@@ -3031,8 +3031,8 @@ const fe = (t, e) => {
     disabled: { type: Boolean, default: !1 }
   },
   setup(t) {
-    J((m) => ({
-      "68e4a285": m.color
+    J((p) => ({
+      "68e4a285": p.color
     }));
     const e = t, l = h(
       () => A({
@@ -3043,19 +3043,19 @@ const fe = (t, e) => {
         "nmorph-badge__container": [`${e.hidden && "hidden"}`]
       })
     ), s = h(() => typeof Number(e.value) == "number" && Number(e.value) > e.max ? `${e.max}+` : e.value), d = h(() => {
-      const m = `${(u?.value / 2 + e.offsetX) * -1}px`, x = `${(v?.value / 2 + e.offsetY) * -1}px`;
+      const p = `${(u?.value / 2 + e.offsetX) * -1}px`, x = `${(v?.value / 2 + e.offsetY) * -1}px`;
       return {
-        x: m,
+        x: p,
         y: x
       };
     }), c = y(null), u = y(0), v = y(0);
     return Z(() => {
       c.value && (u.value = c.value.clientWidth, v.value = c.value.clientHeight);
-    }), (m, x) => e.disabled ? S(m.$slots, "default", { key: 1 }) : (a(), o("div", {
+    }), (p, x) => e.disabled ? S(p.$slots, "default", { key: 1 }) : (a(), o("div", {
       key: 0,
       class: B(l.value)
     }, [
-      S(m.$slots, "default"),
+      S(p.$slots, "default"),
       n("div", {
         ref_key: "badge",
         ref: c,
@@ -3063,7 +3063,7 @@ const fe = (t, e) => {
         style: I({ right: d.value.x, top: d.value.y })
       }, [
         e.isDot ? (a(), o("div", yd)) : (a(), o("div", bd, [
-          S(m.$slots, "value", {}, () => [
+          S(p.$slots, "value", {}, () => [
             te(F(s.value), 1)
           ])
         ]))
@@ -3096,7 +3096,7 @@ const kd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
       w.value = z.value;
     }, v = () => {
       throw new Error("model value and type prop not matched");
-    }, m = (k) => {
+    }, p = (k) => {
       if (k === null)
         return null;
       if (l.type === "date") {
@@ -3146,7 +3146,7 @@ const kd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
         return Array.isArray(f.value) ? !!f.value.find((T) => T.toDateString() === k.toDateString()) : v();
       if (l.type === "daterange")
         return Array.isArray(f.value) ? M(k, f.value) : v();
-    }, w = y(l.initialDate), f = y(m(l.modelValue));
+    }, w = y(l.initialDate), f = y(p(l.modelValue));
     Z(() => {
       r("update:model-value", f.value);
     });
@@ -3173,7 +3173,7 @@ const kd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
     }), Y(
       () => l.modelValue,
       (k) => {
-        f.value = m(k);
+        f.value = p(k);
       }
     );
     const _ = h(() => new Date(w.value.setMonth(w.value.getMonth() - 1))), z = h(() => new Date(w.value.setMonth(w.value.getMonth() + 1))), V = h(() => {
@@ -3192,7 +3192,7 @@ const kd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
       class: B(j.value)
     }, [
       S(k.$slots, "header", {}, () => [
-        H(p($2), {
+        H(m($2), {
           year: w.value.getFullYear(),
           month: w.value.getMonth(),
           "show-previous-month-button": V.value.showPreviousMonthButton,
@@ -3204,23 +3204,23 @@ const kd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
         }, null, 8, ["year", "month", "show-previous-month-button", "show-today-button", "show-next-month-button"])
       ]),
       S(k.$slots, "content", {}, () => [
-        H(p(k2), {
-          data: p(g),
+        H(m(k2), {
+          data: m(g),
           bordered: "",
           "row-hover": !1
         }, {
-          default: q(() => [
-            (a(!0), o(G, null, Q(p(s), (T) => (a(), E(p(z2), {
+          default: E(() => [
+            (a(!0), o(G, null, Q(m(s), (T) => (a(), q(m(z2), {
               key: `${T}`,
               prop: T,
               label: T.toUpperCase()
             }, {
-              default: q(({ scope: L }) => [
-                (a(!0), o(G, null, Q(L.rows, (R, K) => (a(), E(p(H2), {
+              default: E(({ scope: L }) => [
+                (a(!0), o(G, null, Q(L.rows, (R, K) => (a(), q(m(H2), {
                   key: K,
                   row: K
                 }, {
-                  default: q(() => [
+                  default: E(() => [
                     n("div", {
                       "data-date": `${C(R[T]).date}`,
                       class: B([
@@ -3278,7 +3278,7 @@ const _2 = (t) => {
     return !0;
   const l = t && t[0], r = t && t[1];
   return e >= l && e <= r;
-}, Ee = (t) => {
+}, qe = (t) => {
   const { months: e } = ke();
   return e[t];
 }, Vd = (t) => t % 4 === 0 && t % 100 !== 0 || t % 400 === 0, Xe = (t, e) => [0, 2, 4, 6, 7, 9, 11].includes(e) ? 31 : [3, 5, 8, 10].includes(e) ? 30 : Vd(t) ? 29 : 28, oe = (t) => new Date(t.getFullYear(), t.getMonth(), t.getDate()), x2 = (t, e) => {
@@ -3351,31 +3351,31 @@ const _2 = (t) => {
       class: B(s.value)
     }, [
       S(d.$slots, "default", {}, () => [
-        n("div", Bd, F(l.year) + " " + F(p(Ee)(l.month)), 1),
+        n("div", Bd, F(l.year) + " " + F(m(qe)(l.month)), 1),
         n("div", Cd, [
-          d.showPreviousMonthButton ? (a(), E(p(U), {
+          d.showPreviousMonthButton ? (a(), q(m(U), {
             key: 0,
             class: "nmorph-calendar-header__action",
             onClick: c[0] || (c[0] = (u) => r("click-previous-month"))
           }, {
-            default: q(() => [
-              H(p(P), { name: "arrow-left" })
+            default: E(() => [
+              H(m(P), { name: "arrow-left" })
             ]),
             _: 1
           })) : O("", !0),
-          d.showTodayButton ? (a(), E(p(U), {
+          d.showTodayButton ? (a(), q(m(U), {
             key: 1,
             class: "nmorph-calendar-header__action",
             text: "Today",
             onClick: c[1] || (c[1] = (u) => r("click-today"))
           })) : O("", !0),
-          d.showNextMonthButton ? (a(), E(p(U), {
+          d.showNextMonthButton ? (a(), q(m(U), {
             key: 2,
             class: "nmorph-calendar-header__action",
             onClick: c[2] || (c[2] = (u) => r("click-next-month"))
           }, {
-            default: q(() => [
-              H(p(P), { name: "arrow-right" })
+            default: E(() => [
+              H(m(P), { name: "arrow-right" })
             ]),
             _: 1
           })) : O("", !0)
@@ -3415,7 +3415,7 @@ const Sd = { class: "nmorph-card__header" }, Ad = { class: "nmorph-card__content
     ], 2));
   }
 });
-const Od = /* @__PURE__ */ fe(Td, [["__scopeId", "data-v-e3cb136f"]]), Pd = ["id"], Ed = { class: "nmorph-carousel__elements-indicator" }, qd = ["onClick"], Rd = /* @__PURE__ */ D({
+const Od = /* @__PURE__ */ fe(Td, [["__scopeId", "data-v-e3cb136f"]]), Pd = ["id"], qd = { class: "nmorph-carousel__elements-indicator" }, Ed = ["onClick"], Rd = /* @__PURE__ */ D({
   __name: "NmorphCarousel",
   props: {
     loop: { type: Boolean, default: !0 }
@@ -3430,8 +3430,8 @@ const Od = /* @__PURE__ */ fe(Td, [["__scopeId", "data-v-e3cb136f"]]), Pd = ["id
       () => A({
         "nmorph-carousel": []
       })
-    ), v = y([]), m = _e();
-    N("carousel-data", { data: v, carouselId: m });
+    ), v = y([]), p = _e();
+    N("carousel-data", { data: v, carouselId: p });
     const x = y(null), M = ue({}), $ = () => {
       const V = M[Object.keys(M).length - 1]?.cloneNode(!0), j = M[0]?.cloneNode(!0);
       x.value?.prepend(V), x.value?.append(j), l.value += 1;
@@ -3461,14 +3461,14 @@ const Od = /* @__PURE__ */ fe(Td, [["__scopeId", "data-v-e3cb136f"]]), Pd = ["id
         style: I({ transform: g.value })
       }, [
         (a(!0), o(G, null, Q(v.value, (C, k) => (a(), o("div", {
-          id: `nmorph-carousel-item-${p(m)}-${C}`,
+          id: `nmorph-carousel-item-${m(p)}-${C}`,
           key: C,
           ref_for: !0,
           ref: (W) => f(W, k),
           class: "nmorph-carousel__item"
         }, null, 8, Pd))), 128))
       ], 6),
-      n("div", Ed, [
+      n("div", qd, [
         (a(!0), o(G, null, Q(v.value, (C, k) => (a(), o("div", {
           key: k,
           class: "nmorph-carousel__element-indicator-wrapper",
@@ -3477,19 +3477,19 @@ const Od = /* @__PURE__ */ fe(Td, [["__scopeId", "data-v-e3cb136f"]]), Pd = ["id
           n("div", {
             class: B(["nmorph-carousel__element-indicator", { "nmorph-carousel__element-indicator--active": _(k) }])
           }, null, 2)
-        ], 8, qd))), 128))
+        ], 8, Ed))), 128))
       ]),
       n("div", {
         class: "nmorph-carousel__action-btn nmorph-carousel__prev",
         onClick: r
       }, [
-        H(p(P), { name: "chevron-down" })
+        H(m(P), { name: "chevron-down" })
       ]),
       n("div", {
         class: "nmorph-carousel__action-btn nmorph-carousel__next",
         onClick: s
       }, [
-        H(p(P), { name: "chevron-down" })
+        H(m(P), { name: "chevron-down" })
       ]),
       S(V.$slots, "default")
     ], 2));
@@ -3512,8 +3512,8 @@ const Fd = /* @__PURE__ */ D({
       key: 0,
       class: B(l.value)
     }, [
-      (a(), E(pe, {
-        to: `#nmorph-carousel-item-${p(r)?.carouselId}-${e.name}`
+      (a(), q(pe, {
+        to: `#nmorph-carousel-item-${m(r)?.carouselId}-${e.name}`
       }, [
         S(d.$slots, "default")
       ], 8, ["to"]))
@@ -3540,8 +3540,8 @@ const Fd = /* @__PURE__ */ D({
       else if (!Array.isArray(r.value))
         r.value = [u];
       else {
-        const m = r.value.indexOf(u);
-        v && m === -1 && r.value.push(u), !v && m !== -1 && r.value.splice(m, 1);
+        const p = r.value.indexOf(u);
+        v && p === -1 && r.value.push(u), !v && p !== -1 && r.value.splice(p, 1);
       }
       d("update:model-value", r.value);
     };
@@ -3576,7 +3576,7 @@ const Fd = /* @__PURE__ */ D({
       () => A({
         nmorph: [ne[l.height]]
       })
-    ), u = X("collapse-data", void 0), v = X("update-model", void 0), m = y(null), x = y(0), M = () => {
+    ), u = X("collapse-data", void 0), v = X("update-model", void 0), p = y(null), x = y(0), M = () => {
       l.block || (s.value = !s.value, v && (v(l.name, s.value), r("click-item", { id: l.name, isOpen: s.value })));
     };
     return Z(() => {
@@ -3588,7 +3588,7 @@ const Fd = /* @__PURE__ */ D({
       },
       { deep: !0 }
     ), Y(s, () => {
-      x.value = s.value && m.value ? m.value?.clientHeight : 0;
+      x.value = s.value && p.value ? p.value?.clientHeight : 0;
     }), ($, w) => (a(), o("div", {
       class: B(d.value),
       onClick: re(M, ["stop"])
@@ -3606,7 +3606,7 @@ const Fd = /* @__PURE__ */ D({
       }, [
         n("div", {
           ref_key: "collapseItemDOMElContent",
-          ref: m,
+          ref: p,
           class: "nmorph-collapse-item__inner-wrapper"
         }, [
           S($.$slots, "default")
@@ -3642,7 +3642,7 @@ const Ld = ["src", "alt", "srcset"], Ud = {
       r.value = !0, s.value = !1, d("load", $);
     }, u = ($) => {
       r.value = !0, s.value = !0, d("error", $);
-    }, v = h(() => r.value && s.value), m = h(
+    }, v = h(() => r.value && s.value), p = h(
       () => A({
         nmorph: [`${l.frameBorder > 0 && "shadow-combined"}`],
         "nmorph-image": [`${(v.value || !r.value) && "hide"}`]
@@ -3650,7 +3650,7 @@ const Ld = ["src", "alt", "srcset"], Ud = {
     ), x = h(() => l.fit), M = h(() => `${l.frameBorder}px`);
     return ($, w) => l.src ? (a(), o("div", {
       key: 0,
-      class: B(m.value)
+      class: B(p.value)
     }, [
       n("img", {
         src: l.src,
@@ -3701,7 +3701,7 @@ const be = /* @__PURE__ */ fe(Gd, [["__scopeId", "data-v-4c37d982"]]), Qd = { cl
       })
     ), d = y(l.initialIndex), c = h(() => typeof l.src == "string" ? l.src : l.src[d.value]), u = y(1), v = () => {
       r.value = !0, k("update:model-value", r.value);
-    }, m = () => {
+    }, p = () => {
       r.value = !1, k("update:model-value", r.value);
     }, x = () => {
       _.value = _.value + 90, _.value >= 360 && (_.value = 0);
@@ -3755,19 +3755,19 @@ const be = /* @__PURE__ */ fe(Gd, [["__scopeId", "data-v-4c37d982"]]), Qd = { cl
         class: "nmorph-image-preview__trigger",
         onClick: v
       }, [
-        H(p(be), {
+        H(m(be), {
           src: c.value,
           alt: l.alt,
           fit: "cover"
         }, null, 8, ["src", "alt"])
       ]),
-      H(p(Ce), {
+      H(m(Ce), {
         show: r.value,
-        onOnOutsideClick: m
+        onOnOutsideClick: p
       }, {
-        default: q(() => [
+        default: E(() => [
           n("div", Qd, [
-            H(p(be), {
+            H(m(be), {
               src: c.value,
               alt: l.alt,
               fit: "cover",
@@ -3775,17 +3775,17 @@ const be = /* @__PURE__ */ fe(Gd, [["__scopeId", "data-v-4c37d982"]]), Qd = { cl
             }, null, 8, ["src", "alt", "style"])
           ]),
           W.value ? (a(), o("div", Kd, [
-            H(p(U), { onClick: z }, {
-              default: q(() => [
-                H(p(P), { name: "chevron-down" })
+            H(m(U), { onClick: z }, {
+              default: E(() => [
+                H(m(P), { name: "chevron-down" })
               ]),
               _: 1
             })
           ])) : O("", !0),
           W.value ? (a(), o("div", Zd, [
-            H(p(U), { onClick: V }, {
-              default: q(() => [
-                H(p(P), { name: "chevron-down" })
+            H(m(U), { onClick: V }, {
+              default: E(() => [
+                H(m(P), { name: "chevron-down" })
               ]),
               _: 1
             })
@@ -3795,11 +3795,11 @@ const be = /* @__PURE__ */ fe(Gd, [["__scopeId", "data-v-4c37d982"]]), Qd = { cl
               key: K,
               class: "nmorph-image-preview__action-element"
             }, [
-              H(p(U), {
+              H(m(U), {
                 onClick: R.handler
               }, {
-                default: q(() => [
-                  H(p(P), {
+                default: E(() => [
+                  H(m(P), {
                     name: R.icon
                   }, null, 8, ["name"])
                 ]),
@@ -3807,12 +3807,12 @@ const be = /* @__PURE__ */ fe(Gd, [["__scopeId", "data-v-4c37d982"]]), Qd = { cl
               }, 1032, ["onClick"])
             ])), 64)),
             n("div", Jd, [
-              H(p(U), {
+              H(m(U), {
                 disabled: u.value === 1,
                 onClick: j.value.handler
               }, {
-                default: q(() => [
-                  H(p(P), {
+                default: E(() => [
+                  H(m(P), {
                     name: j.value.icon
                   }, null, 8, ["name"])
                 ]),
@@ -3850,7 +3850,7 @@ const Nd = /* @__PURE__ */ D({
     }, u = y(String(l.modelValue)), v = h(() => {
       const g = l.totalElementsQuantity / l.elementsQuantityOnPage + 1, b = g % 1 === 0 ? -1 : 0;
       return Array.from({ length: g + b }, (z, V) => ({ value: String(V + 1), label: String(V + 1) }));
-    }), m = h(() => l.hideOnSinglePage || l.totalElementsQuantity / l.elementsQuantityOnPage > 1);
+    }), p = h(() => l.hideOnSinglePage || l.totalElementsQuantity / l.elementsQuantityOnPage > 1);
     Y(u, (g) => {
       r("update:model-value", Number(g));
     });
@@ -3873,41 +3873,41 @@ const Nd = /* @__PURE__ */ D({
       let _ = g === "prev" ? b - l.fastForwardStep : b + l.fastForwardStep;
       _ <= 0 && (_ = 1), _ >= v.value.length && (_ = v.value.length), u.value = String(_);
     };
-    return (g, b) => m.value ? (a(), o("div", {
+    return (g, b) => p.value ? (a(), o("div", {
       key: 0,
       class: B(s.value)
     }, [
-      H(p(U), {
+      H(m(U), {
         class: "nmorph-pagination__btn nmorph-pagination__prev-btn",
         disabled: M.value || l.disabled,
         onClick: d
       }, {
-        default: q(() => [
-          H(p(P), {
+        default: E(() => [
+          H(m(P), {
             name: "chevron-down",
             class: "nmorph-pagination__prev-icon"
           })
         ]),
         _: 1
       }, 8, ["disabled"]),
-      H(p(Le), {
+      H(m(Le), {
         "model-value": u.value,
         class: "nmorph-pagination__page-group",
         disabled: l.disabled,
         "onUpdate:modelValue": x
       }, {
-        default: q(() => [
+        default: E(() => [
           (a(!0), o(G, null, Q(w.value, (_) => (a(), o("div", {
             key: _.value,
             class: "nmorph-pagination__page-btn-wrapper"
           }, [
-            _.value === "prev" || _.value === "next" ? (a(), E(p(U), {
+            _.value === "prev" || _.value === "next" ? (a(), q(m(U), {
               key: 0,
               class: B(`nmorph-pagination__page-btn nmorph-pagination__${_.value}`),
               text: _.label,
               disabled: l.disabled,
               onClick: (z) => f(_.value)
-            }, null, 8, ["class", "text", "disabled", "onClick"])) : (a(), E(p(We), de({
+            }, null, 8, ["class", "text", "disabled", "onClick"])) : (a(), q(m(We), de({
               key: 1,
               ref_for: !0
             }, _, {
@@ -3918,13 +3918,13 @@ const Nd = /* @__PURE__ */ D({
         ]),
         _: 1
       }, 8, ["model-value", "disabled"]),
-      H(p(U), {
+      H(m(U), {
         class: "nmorph-pagination__btn nmorph-pagination__next-btn",
         disabled: $.value || l.disabled,
         onClick: c
       }, {
-        default: q(() => [
-          H(p(P), {
+        default: E(() => [
+          H(m(P), {
             name: "chevron-down",
             class: "nmorph-pagination__next-icon"
           })
@@ -3968,7 +3968,7 @@ const Id = {
       () => A({
         "nmorph-progress": []
       })
-    ), 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), d = h(() => e.indeterminate ? "var(--animation)" : "none"), c = y(null), u = y(1), v = h(() => `${u.value} ${u.value}`), m = h(() => u.value - e.percentage / 100 * u.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), d = h(() => e.indeterminate ? "var(--animation)" : "none"), c = y(null), u = y(1), v = h(() => `${u.value} ${u.value}`), p = h(() => u.value - e.percentage / 100 * u.value);
     Z(() => {
       c.value && (u.value = 2 * Math.PI * c.value.r.baseVal.value);
     });
@@ -4010,7 +4010,7 @@ const Id = {
             cy: e.circleSize / 2,
             r: e.circleSize / 2 - 2,
             "stroke-dasharray": v.value,
-            "stroke-dashoffset": m.value
+            "stroke-dashoffset": p.value
           }, null, 8, su)
         ], 8, ru))
       ])) : O("", !0)
@@ -4037,7 +4037,7 @@ const du = {
       class: B(l.value)
     }, [
       e.rows && e.loading ? (a(), o("div", du, [
-        (a(!0), o(G, null, Q(e.rows, (d) => (a(), E(p(M2), {
+        (a(!0), o(G, null, Q(e.rows, (d) => (a(), q(m(M2), {
           key: d,
           width: "100%",
           height: "14px",
@@ -4080,7 +4080,7 @@ const hu = { class: "nmorph-skeleton-item__element" }, M2 = /* @__PURE__ */ D({
       class: B(l.value)
     }, [
       n("div", hu, [
-        e.variant === "image" ? (a(), E(p(P), {
+        e.variant === "image" ? (a(), q(m(P), {
           key: 0,
           name: "image",
           width: e.width,
@@ -4108,19 +4108,19 @@ const xe = "10px", pu = /* @__PURE__ */ D({
     return (c, u) => (a(), o("div", {
       class: B(s.value)
     }, [
-      H(p(U), {
+      H(m(U), {
         height: "thin",
         "style-type": "transparent",
         onClick: d
       }, {
-        default: q(() => [
-          H(p(P), {
+        default: E(() => [
+          H(m(P), {
             name: "triangle-down",
             class: "nmorph-sort-button__icon-up",
             width: xe,
             height: xe
           }),
-          H(p(P), {
+          H(m(P), {
             name: "triangle-down",
             class: "nmorph-sort-button__icon-down",
             width: xe,
@@ -4159,7 +4159,7 @@ const mu = { class: "nmorph-table__wrapper" }, _u = { class: "nmorph-table__head
     const v = h(() => {
       const w = u.value.map((z) => z.width).filter((z) => !!z), f = w.length, g = w.reduce((z, V) => (z += Number(V), z), 0), b = u.value.length - f;
       return c.value?.clientWidth ? (c.value?.clientWidth - g) / b : 0;
-    }), m = (w) => w !== "" ? w : v.value, x = y(0);
+    }), p = (w) => w !== "" ? w : v.value, x = y(0);
     Y(
       () => e.data,
       () => {
@@ -4181,8 +4181,8 @@ const mu = { class: "nmorph-table__wrapper" }, _u = { class: "nmorph-table__head
           n("colgroup", null, [
             (a(!0), o(G, null, Q(u.value, (g) => (a(), o("col", {
               key: g.prop,
-              style: I({ width: `${m(g.width)}px` }),
-              "data-src": `${m(g.width)}px`
+              style: I({ width: `${p(g.width)}px` }),
+              "data-src": `${p(g.width)}px`
             }, null, 12, fu))), 128))
           ]),
           n("thead", null, [
@@ -4197,7 +4197,7 @@ const mu = { class: "nmorph-table__wrapper" }, _u = { class: "nmorph-table__head
                     class: "nmorph-table__cell-content"
                   }, [
                     n("span", null, F(g.label), 1),
-                    s.value && s.value[g.prop] ? (a(), E(pu, {
+                    s.value && s.value[g.prop] ? (a(), q(pu, {
                       key: 0,
                       class: "nmorph-table__button-wrapper",
                       value: s.value[g.prop],
@@ -4214,7 +4214,7 @@ const mu = { class: "nmorph-table__wrapper" }, _u = { class: "nmorph-table__head
             n("colgroup", null, [
               (a(!0), o(G, null, Q(u.value, (g) => (a(), o("col", {
                 key: g.prop,
-                style: I({ width: `${m(g.width)}px` })
+                style: I({ width: `${p(g.width)}px` })
               }, null, 4))), 128))
             ]),
             n("tbody", null, [
@@ -4227,7 +4227,7 @@ const mu = { class: "nmorph-table__wrapper" }, _u = { class: "nmorph-table__head
                   class: B([{ "nmorph-table__table-data--bordered": e.bordered }, "nmorph-table__table-data"])
                 }, [
                   n("div", {
-                    id: `table-cell-${p($)}-${b}-${_.prop}`,
+                    id: `table-cell-${m($)}-${b}-${_.prop}`,
                     style: I({ "text-align": _.alignment }),
                     class: "nmorph-table__cell nmorph-table__cell--data"
                   }, F(M(g[_.prop])), 13, $u)
@@ -4239,7 +4239,7 @@ const mu = { class: "nmorph-table__wrapper" }, _u = { class: "nmorph-table__head
             n("colgroup", null, [
               (a(!0), o(G, null, Q(u.value, (g) => (a(), o("col", {
                 key: g.prop,
-                style: I({ width: `${m(g.width)}px` })
+                style: I({ width: `${p(g.width)}px` })
               }, null, 4))), 128))
             ]),
             n("tbody", yu, [
@@ -4270,7 +4270,7 @@ const H2 = /* @__PURE__ */ D({
       key: 0,
       class: B(s.value)
     }, [
-      (a(), E(pe, { to: d.value }, [
+      (a(), q(pe, { to: d.value }, [
         S(u.$slots, "default")
       ], 8, ["to"]))
     ], 2)) : O("", !0);
@@ -4298,14 +4298,14 @@ const H2 = /* @__PURE__ */ D({
       const { columns: v } = e;
       d.value = v.value.length + 1, e.columns.value = [...v.value, { ...r, id: d.value }];
     }, u = y(null);
-    return (v, m) => (a(), o("div", {
+    return (v, p) => (a(), o("div", {
       ref_key: "columnDOMEl",
       ref: u,
       "data-id": d.value,
       class: B(s.value)
     }, [
       S(v.$slots, "default", {
-        scope: { columns: p(e)?.columns.value, rows: p(e)?.rows.value, tableId: p(l) }
+        scope: { columns: m(e)?.columns.value, rows: m(e)?.rows.value, tableId: m(l) }
       })
     ], 10, bu));
   }
@@ -4328,13 +4328,13 @@ const H2 = /* @__PURE__ */ D({
     return (u, v) => (a(), o("div", {
       class: B(s.value)
     }, [
-      (a(!0), o(G, null, Q(p(d), (m) => (a(), E(p(qe), de({
-        key: m.value,
+      (a(!0), o(G, null, Q(m(d), (p) => (a(), q(m(Ee), de({
+        key: p.value,
         ref_for: !0
-      }, m, { onClose: c }), null, 16))), 128))
+      }, p, { onClose: c }), null, 16))), 128))
     ], 2));
   }
-}), ku = { class: "nmorph-tag-item__content" }, qe = /* @__PURE__ */ D({
+}), ku = { class: "nmorph-tag-item__content" }, Ee = /* @__PURE__ */ D({
   __name: "NmorphTagItem",
   props: {
     value: {},
@@ -4358,7 +4358,7 @@ const H2 = /* @__PURE__ */ D({
     }, [
       n("div", ku, [
         n("span", null, F(c.text), 1),
-        l.removable ? (a(), E(p(P), {
+        l.removable ? (a(), q(m(P), {
           key: 0,
           class: "nmorph-tag-item__close-icon",
           name: "error",
@@ -4385,10 +4385,14 @@ const Hu = ["innerHTML"], zu = {
     fill: { type: Boolean, default: !1 },
     showIcon: { type: Boolean, default: !0 },
     bordered: { type: Boolean, default: !0 },
-    html: { default: "" }
+    html: { default: "" },
+    closeIconPosition: { default: "center" }
   },
   emits: ["close"],
   setup(t, { emit: e }) {
+    J((p) => ({
+      "4e2f71b0": v.value
+    }));
     const l = t, r = e, s = h(
       () => A({
         "nmorph-alert": [l.type, `${l.bordered && "bordered"}`, `${l.fill && "fill"}`]
@@ -4400,8 +4404,8 @@ const Hu = ["innerHTML"], zu = {
       [ie.warning]: "warn-triangle-filled",
       [ie.info]: "info-filled",
       [ie.error]: "circle-close-filled"
-    }, u = a2();
-    return (v, m) => p(u).default || l.title || l.content || l.html ? (a(), o("div", {
+    }, u = a2(), v = h(() => l.closeIconPosition);
+    return (p, x) => m(u).default || l.title || l.content || l.html ? (a(), o("div", {
       key: 0,
       class: B(s.value)
     }, [
@@ -4412,8 +4416,8 @@ const Hu = ["innerHTML"], zu = {
       }, null, 8, Hu)) : (a(), o("div", zu, [
         n("div", Vu, [
           l.showIcon ? (a(), o("div", Bu, [
-            S(v.$slots, "icon", {}, () => [
-              H(p(P), {
+            S(p.$slots, "icon", {}, () => [
+              H(m(P), {
                 name: c[l.type],
                 size: "medium"
               }, null, 8, ["name"])
@@ -4421,12 +4425,12 @@ const Hu = ["innerHTML"], zu = {
           ])) : O("", !0),
           n("div", Cu, [
             n("div", Su, [
-              l.title || p(u).title ? S(v.$slots, "title", { key: 0 }, () => [
+              l.title || m(u).title ? S(p.$slots, "title", { key: 0 }, () => [
                 te(F(l.title), 1)
               ]) : O("", !0)
             ]),
             n("div", Au, [
-              S(v.$slots, "default", {}, () => [
+              S(p.$slots, "default", {}, () => [
                 te(F(l.content), 1)
               ])
             ])
@@ -4437,7 +4441,7 @@ const Hu = ["innerHTML"], zu = {
           class: "nmorph-alert__close",
           onClick: d
         }, [
-          H(p(P), {
+          H(m(P), {
             name: "cross",
             width: "14px",
             height: "14px"
@@ -4458,58 +4462,61 @@ const Du = { class: "nmorph-dialog__header" }, Tu = { class: "nmorph-dialog__tit
     closeDelay: { default: 0 },
     closeOnClickModal: { type: Boolean, default: !0 },
     showClose: { type: Boolean, default: !0 },
-    zIndex: { default: 999 }
+    zIndex: { default: 999 },
+    closeOnOverlay: { type: Boolean, default: !0 }
   },
   emits: ["on-close", "update:model-value"],
   setup(t, { emit: e }) {
-    J((M) => ({
-      "57fe3cfe": d.value,
-      "058e40d8": c.value
+    J(($) => ({
+      "097fcdea": d.value,
+      "4478cc6c": c.value
     }));
     const l = t, r = e, s = h(
       () => A({
         "nmorph-dialog": []
       })
     ), d = h(() => l.width), c = h(() => l.zIndex), u = y(l.modelValue);
-    let v = null, m = null;
+    let v = null, p = null;
     Y(
       () => l.modelValue,
-      (M) => {
-        M ? (m && clearTimeout(m), v = setTimeout(() => {
+      ($) => {
+        $ ? (p && clearTimeout(p), v = setTimeout(() => {
           u.value = !0;
-        }, l.openDelay)) : (v && clearTimeout(v), m = setTimeout(() => {
+        }, l.openDelay)) : (v && clearTimeout(v), p = setTimeout(() => {
           u.value = !1;
         }, l.closeDelay));
       },
       { immediate: !0 }
     );
     const x = () => {
-      r("on-close"), v && clearTimeout(v), m = setTimeout(() => {
+      r("on-close"), v && clearTimeout(v), p = setTimeout(() => {
         r("update:model-value", !1);
       }, l.closeDelay);
+    }, M = () => {
+      l.closeOnOverlay && x();
     };
-    return (M, $) => (a(), E(p(Ce), {
+    return ($, w) => (a(), q(m(Ce), {
       show: u.value,
-      onOnOutsideClick: x
+      onOnOutsideClick: M
     }, {
-      default: q(() => [
+      default: E(() => [
         n("div", {
           class: B(s.value)
         }, [
           n("div", Du, [
-            S(M.$slots, "header", {}, () => [
+            S($.$slots, "header", {}, () => [
               n("div", Tu, F(l.title), 1),
               l.showClose ? (a(), o("div", {
                 key: 0,
                 class: "nmorph-dialog__close-icon",
                 onClick: x
               }, [
-                H(p(P), { name: "cross" })
+                H(m(P), { name: "cross" })
               ])) : O("", !0)
             ])
           ]),
           n("div", Ou, [
-            S(M.$slots, "default")
+            S($.$slots, "default")
           ])
         ], 2)
       ]),
@@ -4517,7 +4524,7 @@ const Du = { class: "nmorph-dialog__header" }, Tu = { class: "nmorph-dialog__tit
     }, 8, ["show"]));
   }
 });
-var Eu = /* @__PURE__ */ ((t) => (t["contains-one"] = "contains-one", t["not-contains"] = "not-contains", t["full-eq"] = "full-eq", t))(Eu || {}), qu = /* @__PURE__ */ ((t) => (t.eq = "eq", t.gte = "gte", t.lte = "lte", t.gt = "gt", t.lt = "lt", t))(qu || {}), Ru = /* @__PURE__ */ ((t) => (t.eq = "eq", t["not-eq"] = "not-eq", t))(Ru || {});
+var qu = /* @__PURE__ */ ((t) => (t["contains-one"] = "contains-one", t["not-contains"] = "not-contains", t["full-eq"] = "full-eq", t))(qu || {}), Eu = /* @__PURE__ */ ((t) => (t.eq = "eq", t.gte = "gte", t.lte = "lte", t.gt = "gt", t.lt = "lt", t))(Eu || {}), Ru = /* @__PURE__ */ ((t) => (t.eq = "eq", t["not-eq"] = "not-eq", t))(Ru || {});
 const Je = (t) => {
   const { inputValue: e, rules: l } = t, r = y([]), s = h(() => r.value.length === 0), d = y(!1);
   return {
@@ -4527,10 +4534,10 @@ const Je = (t) => {
     validate: () => {
       if (e === null || !l.length)
         return null;
-      const u = e, v = (f) => l.length > 0 && f in l[0], m = typeof u == "string" && v("pattern"), x = typeof u == "number" && v("numberCompareType"), M = typeof u == "string" || typeof u == "boolean" && v("booleanCompareType"), $ = Array.isArray(u) && v("arrayCompareType");
-      if (!x && !m && !M && !$)
+      const u = e, v = (f) => l.length > 0 && f in l[0], p = typeof u == "string" && v("pattern"), x = typeof u == "number" && v("numberCompareType"), M = typeof u == "string" || typeof u == "boolean" && v("booleanCompareType"), $ = Array.isArray(u) && v("arrayCompareType");
+      if (!x && !p && !M && !$)
         return console.warn("The input value and the provided rules do not match"), null;
-      if (d.value || (d.value = !0), m) {
+      if (d.value || (d.value = !0), p) {
         const f = l;
         r.value = f.reduce((g, b) => (u.match(b.pattern) || g.push(b.error), g), []);
       }
@@ -4587,9 +4594,9 @@ const Je = (t) => {
     return M !== $;
   });
   return Y(t, (u) => {
-    d(r, u).forEach((m) => {
-      const x = u[m];
-      l[m] = Je({ inputValue: x.value, rules: x.rules }), l[m].validate();
+    d(r, u).forEach((p) => {
+      const x = u[p];
+      l[p] = Je({ inputValue: x.value, rules: x.rules }), l[p].validate();
     }), Object.assign(r, Ge(u));
   }, { deep: !0 }), e && s(), {
     fields: l
@@ -4605,7 +4612,7 @@ const Je = (t) => {
         console.warn("There is no relative element or content DOM element");
         return;
       }
-      const m = r.value.getBoundingClientRect(), x = m.width, M = m.height, $ = "value" in l ? l.value : l;
+      const p = r.value.getBoundingClientRect(), x = p.width, M = p.height, $ = "value" in l ? l.value : l;
       if (!$) {
         console.warn("Relative element is not an HTMLElement");
         return;
@@ -4616,7 +4623,7 @@ const Je = (t) => {
   };
   return { placement: c, placementCoords: u };
 }, V9 = () => {
-}, ju = "@nmorph/nmorph-ui-kit", Wu = "module", Lu = "0.2.123", Uu = "MIT", Yu = {
+}, ju = "@nmorph/nmorph-ui-kit", Wu = "module", Lu = "0.2.124", Uu = "MIT", Yu = {
   node: "18.13.0",
   npm: "8.19.3"
 }, Gu = "./dist/index.d.ts", Qu = "./dist/index.umd.js", Ku = "./dist/index.es.js", Zu = "./dist/style.css", Xu = [
@@ -4819,8 +4826,8 @@ const Je = (t) => {
   const c = document.createElement("style");
   c.type = "text/css", c.innerHTML = s(d, e.other), document.head.appendChild(c);
   const u = ($) => {
-    v.value = $, m.setAttribute(se, v.value), e.saveCurrentThemeToLS ? localStorage.setItem(se, $) : localStorage.removeItem(se);
-  }, v = y(e.defaultTheme), m = document.querySelector("html"), x = localStorage.getItem(se), M = d[x];
+    v.value = $, p.setAttribute(se, v.value), e.saveCurrentThemeToLS ? localStorage.setItem(se, $) : localStorage.removeItem(se);
+  }, v = y(e.defaultTheme), p = document.querySelector("html"), x = localStorage.getItem(se), M = d[x];
   return e.saveCurrentThemeToLS && M && (v.value = localStorage.getItem(se)), u(v.value), { setTheme: u, currentTheme: L2(v) };
 }, Re = {
   [ee.en]: {
@@ -4957,7 +4964,7 @@ const Je = (t) => {
   },
   setup(t) {
     J((x) => ({
-      "76576db6": m.value
+      "76576db6": p.value
     }));
     const e = t, l = y(e.forceShow), r = y(null), s = y(null), { placement: d } = B2({
       initialPlacement: e.position,
@@ -4974,7 +4981,7 @@ const Je = (t) => {
       l.value = !0;
     }, v = () => {
       e.forceShow || (l.value = !1);
-    }, m = h(() => e.forceCoordinate ? "100%" : "auto");
+    }, p = h(() => e.forceCoordinate ? "100%" : "auto");
     return (x, M) => (a(), o("div", {
       class: B(c.value)
     }, [
@@ -4991,12 +4998,12 @@ const Je = (t) => {
         }, [
           S(x.$slots, "default")
         ], 512),
-        e.forceCoordinate ? (a(), E(me, {
+        e.forceCoordinate ? (a(), q(me, {
           key: 0,
           name: "opacity",
           tag: "div"
         }, {
-          default: q(() => [
+          default: E(() => [
             l.value && e.text ? (a(), o("div", {
               key: 0,
               class: "nmorph-tooltip__info-content",
@@ -5009,12 +5016,12 @@ const Je = (t) => {
             ], 4)) : O("", !0)
           ]),
           _: 1
-        })) : (a(), E(me, {
+        })) : (a(), q(me, {
           key: 1,
           name: "opacity",
           tag: "div"
         }, {
-          default: q(() => [
+          default: E(() => [
             l.value ? (a(), o("div", mc, [
               n("div", _c, [
                 M[0] || (M[0] = n("div", { class: "nmorph-tooltip__triangle" }, null, -1)),
@@ -5068,17 +5075,17 @@ const gc = {
       void 0
     ), s = t;
     Z(() => {
-      m("inputDOMRef", d);
+      p("inputDOMRef", d);
     }), Y(
       () => s.modelValue,
       ($) => {
         u.value = $;
       }
     );
-    const d = y(null), c = l !== void 0, u = c ? y(l.value) : y(s.modelValue), v = h(() => c ? l.value.includes(s.id) : s.modelValue), m = e, x = () => {
+    const d = y(null), c = l !== void 0, u = c ? y(l.value) : y(s.modelValue), v = h(() => c ? l.value.includes(s.id) : s.modelValue), p = e, x = () => {
       if (!s.disabled) {
         if (!c) {
-          u.value = !u.value, m("update:model-value", u.value);
+          u.value = !u.value, p("update:model-value", u.value);
           return;
         }
         r && Array.isArray(u.value) && r(s.id, u.value);
@@ -5158,12 +5165,12 @@ const Vc = { class: "nmorph-checkbox-group__wrapper" }, Bc = { class: "nmorph-ch
     }, [
       n("div", Vc, [
         n("div", Bc, [
-          (a(!0), o(G, null, Q(u.options, (m, x) => (a(), E(p(A2), {
-            id: m.id,
+          (a(!0), o(G, null, Q(u.options, (p, x) => (a(), q(m(A2), {
+            id: p.id,
             key: x,
-            label: m.label,
-            "model-value": m.modelValue,
-            disabled: m.disabled,
+            label: p.label,
+            "model-value": p.modelValue,
+            disabled: p.disabled,
             design: l.design
           }, null, 8, ["id", "label", "model-value", "disabled", "design"]))), 128)),
           S(u.$slots, "default")
@@ -5198,7 +5205,7 @@ const Sc = { class: "nmorph-autocomplete__input-content" }, Ac = {
       })
     ), c = (f) => {
       r.value = f, s("update:model-value", r.value);
-    }, u = y(!1), v = y(null), m = () => {
+    }, u = y(!1), v = y(null), p = () => {
       u.value = !1;
     }, x = h(() => l.list.filter((f) => Object.keys(f).some((g) => String(f[g]).toLowerCase().includes(r.value.toLowerCase()))));
     Y(x, (f) => {
@@ -5224,7 +5231,7 @@ const Sc = { class: "nmorph-autocomplete__input-content" }, Ac = {
           ref: v,
           class: "nmorph-autocomplete__input"
         }, [
-          H(p(P2), {
+          H(m(P2), {
             fill: l.fill,
             height: l.height,
             disabled: l.disabled,
@@ -5236,16 +5243,16 @@ const Sc = { class: "nmorph-autocomplete__input-content" }, Ac = {
           }, null, 8, ["fill", "height", "disabled", "model-value", "placeholder", "clearable"])
         ], 512)
       ]),
-      v.value ? (a(), E(p(ce), {
+      v.value ? (a(), q(m(ce), {
         key: 0,
         open: u.value,
         "relative-element": v.value,
-        onOnOutsideClick: m
+        onOnOutsideClick: p
       }, {
-        default: q(() => [
+        default: E(() => [
           w.value ? (a(), o("div", Ac, [
             S(f.$slots, "loader", {}, () => [
-              H(p(P), {
+              H(m(P), {
                 name: "loader",
                 size: "large"
               })
@@ -5279,7 +5286,7 @@ const e2 = /* @__PURE__ */ D({
     return (s, d) => (a(), o("div", {
       class: B(r.value)
     }, [
-      H(p(P), {
+      H(m(P), {
         name: "error",
         onClick: d[0] || (d[0] = re((c) => l("clear"), ["stop"]))
       })
@@ -5288,7 +5295,7 @@ const e2 = /* @__PURE__ */ D({
 }), Pc = {
   key: 0,
   class: "nmorph-date-picker__date-wrapper"
-}, Ec = { class: "nmorph-date-picker__selected-value" }, qc = { class: "nmorph-date-picker__clear-button-wrapper" }, Rc = { class: "nmorph-date-picker__content" }, Fc = {
+}, qc = { class: "nmorph-date-picker__selected-value" }, Ec = { class: "nmorph-date-picker__clear-button-wrapper" }, Rc = { class: "nmorph-date-picker__content" }, Fc = {
   key: 1,
   class: "nmorph-date-picker__date-range-wrapper"
 }, jc = { class: "nmorph-date-picker__selected-value" }, Wc = { class: "nmorph-date-picker__value-from" }, Lc = { class: "nmorph-date-picker__value-separator" }, Uc = { class: "nmorph-date-picker__value-from" }, Yc = { class: "nmorph-date-picker__clear-button-wrapper" }, Gc = { class: "nmorph-date-picker__content" }, Qc = /* @__PURE__ */ D({
@@ -5314,7 +5321,7 @@ const e2 = /* @__PURE__ */ D({
         nmorph: [ne[l.height]],
         "nmorph-date-picker": [`${l.disabled && "disabled"}`, l.type]
       })
-    ), v = y(!1), m = y(null), x = () => {
+    ), v = y(!1), p = y(null), x = () => {
       v.value = !1;
     }, M = () => {
       v.value = !v.value;
@@ -5353,34 +5360,34 @@ const e2 = /* @__PURE__ */ D({
       l.type === "date" || l.type === "dates" ? (a(), o("div", Pc, [
         n("div", {
           ref_key: "nmorphInputDOMRef",
-          ref: m,
+          ref: p,
           class: B(["nmorph-date-picker__input", { "nmorph-date-picker__input--open": v.value }]),
           onClick: M
         }, [
           j[0] || (j[0] = n("input", { type: "date" }, null, -1)),
-          H(p(P), {
+          H(m(P), {
             name: "calendar",
             class: "nmorph-date-picker__calendar-icon"
           }),
-          n("div", Ec, F($.value), 1),
-          n("div", qc, [
-            b.value ? (a(), E(e2, {
+          n("div", qc, F($.value), 1),
+          n("div", Ec, [
+            b.value ? (a(), q(e2, {
               key: 0,
               onClear: f
             })) : O("", !0)
           ])
         ], 2),
         n("div", Rc, [
-          m.value ? (a(), E(p(ce), {
+          p.value ? (a(), q(m(ce), {
             key: 0,
             "fill-width": !1,
             width: 324,
             open: v.value,
-            "relative-element": m.value,
+            "relative-element": p.value,
             onOnOutsideClick: x
           }, {
-            default: q(() => [
-              H(p(ye), {
+            default: E(() => [
+              H(m(ye), {
                 "selected-values": d.value,
                 "initial-date": r.value,
                 type: V.type,
@@ -5394,12 +5401,12 @@ const e2 = /* @__PURE__ */ D({
       l.type === "daterange" ? (a(), o("div", Fc, [
         n("div", {
           ref_key: "nmorphInputDOMRef",
-          ref: m,
+          ref: p,
           class: B(["nmorph-date-picker__input", { "nmorph-date-picker__input--open": v.value }]),
           onClick: M
         }, [
           j[1] || (j[1] = n("input", { type: "date" }, null, -1)),
-          H(p(P), {
+          H(m(P), {
             name: "calendar",
             class: "nmorph-date-picker__calendar-icon"
           }),
@@ -5409,30 +5416,30 @@ const e2 = /* @__PURE__ */ D({
             n("div", Uc, F(w.value.to), 1)
           ]),
           n("div", Yc, [
-            b.value ? (a(), E(e2, {
+            b.value ? (a(), q(e2, {
               key: 0,
               onClear: f
             })) : O("", !0)
           ])
         ], 2),
         n("div", Gc, [
-          m.value ? (a(), E(p(ce), {
+          p.value ? (a(), q(m(ce), {
             key: 0,
             "fill-width": !1,
             width: 648,
             open: v.value,
-            "relative-element": m.value,
+            "relative-element": p.value,
             onOnOutsideClick: x
           }, {
-            default: q(() => [
-              H(p(ye), {
+            default: E(() => [
+              H(m(ye), {
                 "selected-values": d.value,
                 "initial-date": r.value,
                 type: V.type,
                 onUpdateSelectedValue: _
               }, null, 8, ["selected-values", "initial-date", "type"]),
-              H(p(R2), { direction: "vertical" }),
-              H(p(ye), {
+              H(m(R2), { direction: "vertical" }),
+              H(m(ye), {
                 "selected-values": d.value,
                 "initial-date": s.value,
                 type: V.type,
@@ -5472,12 +5479,12 @@ const Kc = { class: "nmorph-year-month-picker__header" }, Zc = { class: "nmorph-
         deep: !0
       }
     );
-    const m = e, x = h(
+    const p = e, x = h(
       () => A({
         "nmorph-year-month-picker": []
       })
     ), M = (_) => {
-      c.value = _, s.type === "month" ? m("update-month", c.value) : m("update-year", c.value);
+      c.value = _, s.type === "month" ? p("update-month", c.value) : p("update-year", c.value);
     }, $ = (_) => {
       d.value = d.value.map((z) => {
         const V = String(_ === "decrease" ? Number(z.value) - 10 : Number(z.value) + 10);
@@ -5487,23 +5494,23 @@ const Kc = { class: "nmorph-year-month-picker__header" }, Zc = { class: "nmorph-
         };
       });
     }, w = (_) => {
-      _ === "decrease" ? u.value = u.value - 1 : u.value = u.value + 1, m("update-year", String(u.value));
+      _ === "decrease" ? u.value = u.value - 1 : u.value = u.value + 1, p("update-year", String(u.value));
     }, f = (_) => {
       _ === "decrease" ? s.type === "year" ? $("decrease") : w("decrease") : s.type === "year" ? $("increase") : w("increase");
     }, g = h(() => s.type === "year" ? `${d.value[0].label} - ${d.value[d.value.length - 1].label}` : String(u.value)), b = () => {
-      s.type === "month" && m("back-to-years");
+      s.type === "month" && p("back-to-years");
     };
     return (_, z) => (a(), o("div", {
       class: B(x.value)
     }, [
       n("div", Kc, [
-        H(p(U), {
+        H(m(U), {
           class: "nmorph-year-month-picker__action-btn",
           "style-type": "transparent",
           onClick: z[0] || (z[0] = (V) => f("decrease"))
         }, {
-          default: q(() => [
-            H(p(P), {
+          default: E(() => [
+            H(m(P), {
               name: "chevron-down",
               class: "nmorph-year-month-picker__chevron-left"
             })
@@ -5511,19 +5518,19 @@ const Kc = { class: "nmorph-year-month-picker__header" }, Zc = { class: "nmorph-
           _: 1
         }),
         n("div", Zc, [
-          H(p(U), {
+          H(m(U), {
             text: g.value,
             "style-type": "transparent",
             onClick: b
           }, null, 8, ["text"])
         ]),
-        H(p(U), {
+        H(m(U), {
           class: "nmorph-year-month-picker__action-btn",
           "style-type": "transparent",
           onClick: z[1] || (z[1] = (V) => f("increase"))
         }, {
-          default: q(() => [
-            H(p(P), {
+          default: E(() => [
+            H(m(P), {
               name: "chevron-down",
               class: "nmorph-year-month-picker__chevron-right"
             })
@@ -5532,7 +5539,7 @@ const Kc = { class: "nmorph-year-month-picker__header" }, Zc = { class: "nmorph-
         })
       ]),
       n("div", Xc, [
-        H(p(Le), {
+        H(m(Le), {
           "model-value": c.value,
           options: d.value,
           fill: "",
@@ -5555,12 +5562,12 @@ const ye = /* @__PURE__ */ D({
       () => A({
         "nmorph-date-picker-content": []
       })
-    ), d = y(l.initialDate), c = y("calendar"), u = h(() => new Date(d.value.setMonth(d.value.getMonth() - 1))), v = h(() => new Date(d.value.setMonth(d.value.getMonth() + 1))), m = h(() => new Date(d.value.setFullYear(d.value.getFullYear() - 1))), x = h(() => new Date(d.value.setFullYear(d.value.getFullYear() + 1))), M = () => {
+    ), d = y(l.initialDate), c = y("calendar"), u = h(() => new Date(d.value.setMonth(d.value.getMonth() - 1))), v = h(() => new Date(d.value.setMonth(d.value.getMonth() + 1))), p = h(() => new Date(d.value.setFullYear(d.value.getFullYear() - 1))), x = h(() => new Date(d.value.setFullYear(d.value.getFullYear() + 1))), M = () => {
       d.value = u.value;
     }, $ = () => {
       d.value = v.value;
     }, w = () => {
-      d.value = m.value;
+      d.value = p.value;
     }, f = () => {
       d.value = x.value;
     }, g = () => {
@@ -5581,15 +5588,15 @@ const ye = /* @__PURE__ */ D({
     return (C, k) => (a(), o("div", {
       class: B(s.value)
     }, [
-      c.value === "calendar" ? (a(), E(p(m2), {
+      c.value === "calendar" ? (a(), q(m(m2), {
         key: 0,
         type: l.type,
         "selected-values": l.selectedValues,
         "initial-date": d.value,
         "onUpdate:modelValue": j
       }, {
-        header: q(() => [
-          H(p(T2), {
+        header: E(() => [
+          H(m(T2), {
             date: d.value,
             onPrevMonth: M,
             onNextMonth: $,
@@ -5601,13 +5608,13 @@ const ye = /* @__PURE__ */ D({
         ]),
         _: 1
       }, 8, ["type", "selected-values", "initial-date"])) : O("", !0),
-      c.value === "year" ? (a(), E(p(Oe), {
+      c.value === "year" ? (a(), q(m(Oe), {
         key: 1,
         type: "year",
         "current-date": d.value,
         onUpdateYear: _
       }, null, 8, ["current-date"])) : O("", !0),
-      c.value === "month" ? (a(), E(p(Oe), {
+      c.value === "month" ? (a(), q(m(Oe), {
         key: 2,
         type: "month",
         "current-date": d.value,
@@ -5633,26 +5640,26 @@ const ye = /* @__PURE__ */ D({
       class: B(s.value)
     }, [
       n("div", Jc, [
-        H(p(U), {
+        H(m(U), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
           onClick: c[0] || (c[0] = (u) => r("prev-year"))
         }, {
-          default: q(() => [
-            H(p(P), {
+          default: E(() => [
+            H(m(P), {
               name: "chevron-double-down",
               class: "nmorph-date-picker-header__chevron-double-left"
             })
           ]),
           _: 1
         }),
-        H(p(U), {
+        H(m(U), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
           onClick: c[1] || (c[1] = (u) => r("prev-month"))
         }, {
-          default: q(() => [
-            H(p(P), {
+          default: E(() => [
+            H(m(P), {
               name: "chevron-down",
               class: "nmorph-date-picker-header__chevron-left"
             })
@@ -5661,40 +5668,40 @@ const ye = /* @__PURE__ */ D({
         })
       ]),
       n("div", Nc, [
-        H(p(U), {
+        H(m(U), {
           text: String(l.date.getFullYear()),
           "style-type": "transparent",
           fill: "",
           onClick: c[2] || (c[2] = (u) => r("change-year"))
         }, null, 8, ["text"]),
-        H(p(U), {
-          text: p(Ee)(l.date.getMonth()),
+        H(m(U), {
+          text: m(qe)(l.date.getMonth()),
           "style-type": "transparent",
           fill: "",
           onClick: c[3] || (c[3] = (u) => r("change-month"))
         }, null, 8, ["text"])
       ]),
       n("div", Ic, [
-        H(p(U), {
+        H(m(U), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
           onClick: c[4] || (c[4] = (u) => r("next-month"))
         }, {
-          default: q(() => [
-            H(p(P), {
+          default: E(() => [
+            H(m(P), {
               name: "chevron-down",
               class: "nmorph-date-picker-header__chevron-right"
             })
           ]),
           _: 1
         }),
-        H(p(U), {
+        H(m(U), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
           onClick: c[5] || (c[5] = (u) => r("next-year"))
         }, {
-          default: q(() => [
-            H(p(P), {
+          default: E(() => [
+            H(m(P), {
               name: "chevron-double-down",
               class: "nmorph-date-picker-header__chevron-double-right"
             })
@@ -5736,16 +5743,16 @@ const e5 = { class: "nmorph-file-upload__trigger" }, t5 = ["multiple"], n5 = { c
           d.push(z);
         }), d.length === 0)
           return;
-        m();
+        p();
       }
-    }, m = () => {
+    }, p = () => {
       M(
         "update:model-value",
         d.map((w) => w.data)
       );
     }, x = (w) => {
       const f = d.findIndex((g) => g.data.name === w);
-      f !== -1 && (URL.revokeObjectURL(d[f].previewUrl), d.splice(f, 1), m());
+      f !== -1 && (URL.revokeObjectURL(d[f].previewUrl), d.splice(f, 1), p());
     };
     Z(() => {
       M("inputDOMRef", c);
@@ -5769,7 +5776,7 @@ const e5 = { class: "nmorph-file-upload__trigger" }, t5 = ["multiple"], n5 = { c
           onChange: v
         }, null, 40, t5),
         S(w.$slots, "trigger", {}, () => [
-          H(p(U), {
+          H(m(U), {
             text: "Select file",
             fill: "",
             onClick: u
@@ -5781,14 +5788,14 @@ const e5 = { class: "nmorph-file-upload__trigger" }, t5 = ["multiple"], n5 = { c
           name: "list",
           tag: "div"
         }, {
-          default: q(() => [
-            (a(!0), o(G, null, Q(p(d), ({ data: g, previewUrl: b }) => (a(), o("div", {
+          default: E(() => [
+            (a(!0), o(G, null, Q(m(d), ({ data: g, previewUrl: b }) => (a(), o("div", {
               key: g.name,
               class: "nmorph-file-upload__file"
             }, [
-              H(p(y2), { src: b }, null, 8, ["src"]),
+              H(m(y2), { src: b }, null, 8, ["src"]),
               n("div", a5, [
-                H(p(P), {
+                H(m(P), {
                   name: s(g.type),
                   width: "14px",
                   height: "17px"
@@ -5796,13 +5803,13 @@ const e5 = { class: "nmorph-file-upload__trigger" }, t5 = ["multiple"], n5 = { c
                 n("span", l5, F(g.name), 1)
               ]),
               n("div", o5, [
-                H(p(U), {
+                H(m(U), {
                   height: "thin",
                   "style-type": "transparent",
                   onClick: (_) => x(g.name)
                 }, {
-                  default: q(() => [
-                    H(p(P), { name: "error" })
+                  default: E(() => [
+                    H(m(P), { name: "error" })
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -5866,7 +5873,7 @@ const s5 = {
         name: "list",
         tag: "div"
       }, {
-        default: q(() => [
+        default: E(() => [
           (a(!0), o(G, null, Q(l.value, (c) => (a(), o("p", {
             key: c,
             class: "nmorph-error-box__error"
@@ -5895,7 +5902,7 @@ const Ae = "18px", c5 = /* @__PURE__ */ D({
     return (s, d) => (a(), o("div", {
       class: B(l.value)
     }, [
-      s.show ? (a(), E(p(P), {
+      s.show ? (a(), q(m(P), {
         key: 0,
         class: "nmorph-validation-icon__content",
         name: r.value,
@@ -5926,18 +5933,18 @@ const v5 = { key: 0 }, h5 = { class: "nmorph-form-item__content" }, p5 = /* @__P
         ]
       })
     );
-    return (v, m) => (a(), o("div", {
+    return (v, p) => (a(), o("div", {
       class: B(u.value)
     }, [
       e.label ? (a(), o("label", v5, F(e.label), 1)) : O("", !0),
       n("div", h5, [
         S(v.$slots, "default"),
-        H(p(c5), {
+        H(m(c5), {
           valid: !!r.value?.valid,
           show: d.value
         }, null, 8, ["valid", "show"])
       ]),
-      H(p(u5), {
+      H(m(u5), {
         errors: r.value?.errors,
         height: e.height,
         "static-height": v.staticErrorBoxSpace
@@ -5969,7 +5976,7 @@ const m5 = { class: "nmorph-number-input__content" }, _5 = { class: "nmorph-numb
   emits: ["inputDOMRef", "update:model-value"],
   setup(t, { emit: e }) {
     J((g) => ({
-      "629bff04": m.value
+      "629bff04": p.value
     }));
     const l = t, r = h(
       () => A({
@@ -5983,7 +5990,7 @@ const m5 = { class: "nmorph-number-input__content" }, _5 = { class: "nmorph-numb
       s.value += l.step;
     }, c = () => {
       s.value -= l.step;
-    }, u = h(() => s.value <= l.min), v = h(() => s.value >= l.max), m = h(() => l.height === "thick" ? "16px" : "12px"), x = {
+    }, u = h(() => s.value <= l.min), v = h(() => s.value >= l.max), p = h(() => l.height === "thick" ? "16px" : "12px"), x = {
       thick: {
         default: "12px",
         right: "8px"
@@ -6016,14 +6023,14 @@ const m5 = { class: "nmorph-number-input__content" }, _5 = { class: "nmorph-numb
       n("div", m5, [
         n("div", _5, [
           g.actionBtnPositionRight ? O("", !0) : (a(), o("div", f5, [
-            H(p(U), {
+            H(m(U), {
               "style-type": "transparent",
               disabled: u.value,
               height: l.height,
               onClick: c
             }, {
-              default: q(() => [
-                H(p(P), {
+              default: E(() => [
+                H(m(P), {
                   name: "minus",
                   width: M.value,
                   height: M.value
@@ -6044,13 +6051,13 @@ const m5 = { class: "nmorph-number-input__content" }, _5 = { class: "nmorph-numb
           }, null, 40, g5),
           g.actionBtnPositionRight ? (a(), o("div", x5, [
             n("div", $5, [
-              H(p(U), {
+              H(m(U), {
                 "style-type": "transparent",
                 disabled: u.value,
                 onClick: c
               }, {
-                default: q(() => [
-                  H(p(P), {
+                default: E(() => [
+                  H(m(P), {
                     name: "minus",
                     width: M.value,
                     height: M.value
@@ -6060,13 +6067,13 @@ const m5 = { class: "nmorph-number-input__content" }, _5 = { class: "nmorph-numb
               }, 8, ["disabled"])
             ]),
             n("div", y5, [
-              H(p(U), {
+              H(m(U), {
                 "style-type": "transparent",
                 disabled: v.value,
                 onClick: d
               }, {
-                default: q(() => [
-                  H(p(P), {
+                default: E(() => [
+                  H(m(P), {
                     name: "plus",
                     width: M.value,
                     height: M.value
@@ -6076,14 +6083,14 @@ const m5 = { class: "nmorph-number-input__content" }, _5 = { class: "nmorph-numb
               }, 8, ["disabled"])
             ])
           ])) : (a(), o("div", w5, [
-            H(p(U), {
+            H(m(U), {
               "style-type": "transparent",
               disabled: v.value,
               height: l.height,
               onClick: d
             }, {
-              default: q(() => [
-                H(p(P), {
+              default: E(() => [
+                H(m(P), {
                   name: "plus",
                   width: M.value,
                   height: M.value
@@ -6122,7 +6129,7 @@ const M5 = { class: "nmorph-select__content" }, k5 = {
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const l = t, r = e, s = y(l.modelValue), d = y(l.open), c = y(null), u = y(null), v = y(!0), m = (_) => {
+    const l = t, r = e, s = y(l.modelValue), d = y(l.open), c = y(null), u = y(null), v = y(!0), p = (_) => {
       if (!l.disabled) {
         if (d.value = !1, typeof s.value == "string" && (!l.valueRequired && s.value === _ ? s.value = "" : s.value = _, r("update:model-value", s.value)), Array.isArray(s.value)) {
           const z = s.value.includes(_), V = s.value.length === 1 && z;
@@ -6158,7 +6165,7 @@ const M5 = { class: "nmorph-select__content" }, k5 = {
       document.removeEventListener("click", $);
     });
     const w = h(() => typeof s.value == "string" ? s.value === "" ? l.noElementPlaceholder : l.options.find((_) => _.value === s.value)?.label : s.value), f = h(() => l.options.length > 0 ? l.options : l.optionsMap), g = h(() => f.value.length > 0 ? f.value.filter((z) => s.value.includes(z.value)).map((z) => ({ text: z.label, value: z.value })) : Array.isArray(s.value) ? s.value.map((z) => ({ text: z, value: z })) : [{ text: s.value, value: s.value }]);
-    N("select-selected-value", s), N("select-change-selected-value", m);
+    N("select-selected-value", s), N("select-change-selected-value", p);
     const b = y(null);
     return (_, z) => (a(), o("div", {
       class: B(x.value)
@@ -6172,35 +6179,35 @@ const M5 = { class: "nmorph-select__content" }, k5 = {
         }, [
           typeof s.value == "string" ? (a(), o("div", k5, F(w.value), 1)) : O("", !0),
           s.value.length <= 0 ? (a(), o("div", H5, F(l.noElementPlaceholder), 1)) : (a(), o("div", z5, [
-            (a(!0), o(G, null, Q(g.value, (V) => (a(), E(p(qe), de({
+            (a(!0), o(G, null, Q(g.value, (V) => (a(), q(m(Ee), de({
               key: V.value,
               ref_for: !0
             }, V, {
               transparent: "",
               removable: g.value.length > 1 || !l.valueRequired,
               height: "thin",
-              onClose: m
+              onClose: p
             }), null, 16, ["removable"]))), 128))
           ])),
-          H(p(P), {
+          H(m(P), {
             name: "chevron-down",
             class: "nmorph-select__chevron"
           })
         ], 512)
       ]),
-      b.value ? (a(), E(p(ce), {
+      b.value ? (a(), q(m(ce), {
         key: 0,
         open: d.value,
         "relative-element": b.value,
         onOnOutsideClick: $
       }, {
-        default: q(() => [
+        default: E(() => [
           n("div", {
             ref_key: "optionsDOMRef",
             ref: c,
             class: "nmorph-select__options"
           }, [
-            (a(!0), o(G, null, Q(_.options, (V) => (a(), E(p(O2), de({
+            (a(!0), o(G, null, Q(_.options, (V) => (a(), q(m(O2), de({
               key: V.value,
               ref_for: !0
             }, V, {
@@ -6226,7 +6233,7 @@ const B5 = { class: "nmorph-select-option__content" }, O2 = /* @__PURE__ */ D({
   setup(t, { emit: e }) {
     const l = X("select-selected-value", void 0), r = X("select-change-selected-value", void 0), s = t, d = e, c = () => {
       s.disabled || (d("change-value", s.value), r && r(s.value));
-    }, u = h(() => typeof l?.value == "string" ? l.value === s.value : Array.isArray(l?.value) ? l.value.some((m) => m === s.value) : !1), v = h(
+    }, u = h(() => typeof l?.value == "string" ? l.value === s.value : Array.isArray(l?.value) ? l.value.some((p) => p === s.value) : !1), v = h(
       () => A({
         nmorph: [ne[s.height]],
         "nmorph-select-option": [
@@ -6236,15 +6243,15 @@ const B5 = { class: "nmorph-select-option__content" }, O2 = /* @__PURE__ */ D({
         ]
       })
     );
-    return (m, x) => (a(), o("div", {
+    return (p, x) => (a(), o("div", {
       class: B(v.value),
       onClick: c
     }, [
       n("div", B5, [
         n("span", null, F(s.label), 1),
-        S(m.$slots, "default")
+        S(p.$slots, "default")
       ]),
-      u.value ? (a(), E(p(P), {
+      u.value ? (a(), q(m(P), {
         key: 0,
         name: "success",
         class: "nmorph-select-option__checked"
@@ -6282,7 +6289,7 @@ const C5 = { class: "nmorph-slider__content" }, S5 = { class: "nmorph-slider__in
         u.value = C;
       }
     );
-    const m = h(() => {
+    const p = h(() => {
       const C = x.value - x.value, k = l.max - l.min + C, W = (u.value - l.min) / k * 100, T = v.value?.clientWidth || 0, L = t2 / T * 100, R = L / 2;
       let K = W - R;
       const ae = `${Math.max(0, Math.min(100 - L, K))}%`, ge = `${K + R}%`;
@@ -6329,18 +6336,18 @@ const C5 = { class: "nmorph-slider__content" }, S5 = { class: "nmorph-slider__in
             ref: v,
             class: "nmorph-slider__input-container"
           }, [
-            d.value && !l.disabled ? (a(), E(p(S2), {
+            d.value && !l.disabled ? (a(), q(m(S2), {
               key: 0,
               text: String(u.value),
               "force-show": "",
-              "force-coordinate": { x: m.value.tooltip, y: "24px" },
+              "force-coordinate": { x: p.value.tooltip, y: "24px" },
               "block-position": ""
             }, null, 8, ["text", "force-coordinate"])) : O("", !0),
             n("div", {
               ref_key: "sliderFirst",
               ref: b,
               class: B(["nmorph-slider__thumb", { "nmorph-slider__thumb--smooth": j.value }]),
-              style: I({ left: m.value.thumb }),
+              style: I({ left: p.value.thumb }),
               onMouseenter: _,
               onMouseleave: z,
               onMousedown: g
@@ -6394,7 +6401,7 @@ const T5 = ["value", "disabled"], O5 = { class: "nmorph-switch-thumb" }, P5 = /*
       (v) => {
         d.value = v === l.activeValue;
       }
-    ), (v, m) => (a(), o("div", {
+    ), (v, p) => (a(), o("div", {
       class: B(r.value)
     }, [
       n("div", {
@@ -6415,7 +6422,7 @@ const T5 = ["value", "disabled"], O5 = { class: "nmorph-switch-thumb" }, P5 = /*
           d.value ? S(v.$slots, "bg-on", { key: 0 }) : S(v.$slots, "bg-off", { key: 1 })
         ], 2),
         n("div", O5, [
-          l.loading ? (a(), E(p(P), {
+          l.loading ? (a(), q(m(P), {
             key: 0,
             name: "loader",
             width: "14px",
@@ -6426,7 +6433,7 @@ const T5 = ["value", "disabled"], O5 = { class: "nmorph-switch-thumb" }, P5 = /*
     ], 2));
   }
 });
-const E5 = { class: "nmorph-text-input__input-side" }, q5 = {
+const q5 = { class: "nmorph-text-input__input-side" }, E5 = {
   key: 0,
   class: "nmorph-text-input__prepend-icon"
 }, R5 = ["type", "placeholder", "disabled", "value"], P2 = /* @__PURE__ */ D({
@@ -6447,7 +6454,7 @@ const E5 = { class: "nmorph-text-input__input-side" }, q5 = {
     }));
     const l = a2(), r = t, s = h(
       () => A({
-        nmorph: [ne[r.height], `${m.value && "focused"}`, `${r.fill && "fill"}`],
+        nmorph: [ne[r.height], `${p.value && "focused"}`, `${r.fill && "fill"}`],
         "nmorph-text-input": [`${r.typePassword && "password"}`]
       })
     ), d = (b) => {
@@ -6455,10 +6462,10 @@ const E5 = { class: "nmorph-text-input__input-side" }, q5 = {
       w("update:model-value", _.value);
     }, c = y(!1), u = () => {
       r.clearable ? w("update:model-value", "") : c.value = !c.value;
-    }, v = h(() => r.typePassword && !c.value && !r.clearable ? "password" : "text"), m = y(!1), x = () => {
-      w("focus"), m.value = !0;
+    }, v = h(() => r.typePassword && !c.value && !r.clearable ? "password" : "text"), p = y(!1), x = () => {
+      w("focus"), p.value = !0;
     }, M = () => {
-      w("blur"), m.value = !1;
+      w("blur"), p.value = !1;
     }, $ = y(null), w = e;
     Z(() => {
       w("inputDOMRef", $);
@@ -6467,8 +6474,8 @@ const E5 = { class: "nmorph-text-input__input-side" }, q5 = {
     return (b, _) => (a(), o("div", {
       class: B(s.value)
     }, [
-      n("div", E5, [
-        p(l)["prepend-icon"] ? (a(), o("div", q5, [
+      n("div", q5, [
+        m(l)["prepend-icon"] ? (a(), o("div", E5, [
           S(b.$slots, "prepend-icon")
         ])) : O("", !0),
         n("input", {
@@ -6484,7 +6491,7 @@ const E5 = { class: "nmorph-text-input__input-side" }, q5 = {
           onBlur: M,
           onKeyup: _[0] || (_[0] = U2((z) => w("on-enter"), ["enter"]))
         }, null, 40, R5),
-        r.typePassword || r.clearable ? (a(), E(p(U), {
+        r.typePassword || r.clearable ? (a(), q(m(U), {
           key: 1,
           class: "nmorph-text-input__password-btn",
           "style-type": "transparent",
@@ -6492,8 +6499,8 @@ const E5 = { class: "nmorph-text-input__input-side" }, q5 = {
           height: r.height,
           onClick: u
         }, {
-          default: q(() => [
-            H(p(P), { name: f.value }, null, 8, ["name"])
+          default: E(() => [
+            H(m(P), { name: f.value }, null, 8, ["name"])
           ]),
           _: 1
         }, 8, ["height"])) : O("", !0)
@@ -6522,7 +6529,7 @@ const F5 = { class: "nmorph-time-picker__content" }, j5 = { class: "nmorph-time-
     Z(() => {
       r("inputDOMRef", d);
     });
-    const m = () => {
+    const p = () => {
       c.value = !c.value;
     }, x = h(
       () => A({
@@ -6530,7 +6537,7 @@ const F5 = { class: "nmorph-time-picker__content" }, j5 = { class: "nmorph-time-
         "nmorph-time-picker": [`${l.disabled && "disabled"}`, `${c.value && "open"}`]
       })
     ), M = Array.from({ length: 24 }, (C, k) => k), $ = Array.from({ length: 60 }, (C, k) => k), w = () => {
-      v.value = !1, r("update:model-value", E2(u.value));
+      v.value = !1, r("update:model-value", q2(u.value));
     }, f = (C) => {
       const k = C;
       u.value = [k, u.value[1], u.value[2]], w();
@@ -6558,11 +6565,11 @@ const F5 = { class: "nmorph-time-picker__content" }, j5 = { class: "nmorph-time-
         ref_key: "timepickerDOMRef",
         ref: s,
         class: B(x.value),
-        onClick: m
+        onClick: p
       }, [
         n("div", F5, [
           n("div", j5, [
-            H(p(P), {
+            H(m(P), {
               name: "time",
               class: "nmorph-time-picker__time-icon"
             }),
@@ -6576,17 +6583,17 @@ const F5 = { class: "nmorph-time-picker__content" }, j5 = { class: "nmorph-time-
             }, null, 8, W5),
             n("span", null, F(j.value), 1)
           ]),
-          s.value ? (a(), E(p(ce), {
+          s.value ? (a(), q(m(ce), {
             key: 0,
             open: c.value,
             "relative-element": s.value,
             onOnOutsideClick: _
           }, {
-            default: q(() => [
+            default: E(() => [
               n("div", L5, [
                 H(W, {
                   "set-value-on-mount": !v.value,
-                  values: p(M),
+                  values: m(M),
                   "selected-value": u.value[0],
                   "step-height": $e,
                   "disabled-range": C.disabledHours,
@@ -6594,7 +6601,7 @@ const F5 = { class: "nmorph-time-picker__content" }, j5 = { class: "nmorph-time-
                 }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
                 H(W, {
                   "set-value-on-mount": !v.value,
-                  values: p($),
+                  values: m($),
                   "selected-value": u.value[1],
                   "disabled-range": C.disabledMinutes,
                   "step-height": $e,
@@ -6602,7 +6609,7 @@ const F5 = { class: "nmorph-time-picker__content" }, j5 = { class: "nmorph-time-
                 }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
                 H(W, {
                   "set-value-on-mount": !v.value,
-                  values: p($),
+                  values: m($),
                   "disabled-range": C.disabledSeconds,
                   "selected-value": u.value[2],
                   "step-height": $e,
@@ -6620,7 +6627,7 @@ const F5 = { class: "nmorph-time-picker__content" }, j5 = { class: "nmorph-time-
 const Pe = (t) => {
   const e = new Date(t), l = e.getHours().toString().padStart(2, "0"), r = e.getMinutes().toString().padStart(2, "0"), s = e.getSeconds().toString().padStart(2, "0");
   return `${l}:${r}:${s}`;
-}, E2 = (t) => {
+}, q2 = (t) => {
   const [e, l, r] = t, s = /* @__PURE__ */ new Date();
   return s.setHours(e), s.setMinutes(l), s.setSeconds(r), s.setMilliseconds(0), s.getTime();
 }, Y5 = {
@@ -6660,9 +6667,9 @@ const Pe = (t) => {
       () => A({
         "nmorph-radio": [`${s.disabled && "disabled"}`, `${c.value && "checked"}`, s.styleType]
       })
-    ), v = e, m = y(null);
+    ), v = e, p = y(null);
     return Z(() => {
-      v("inputDOMRef", m);
+      v("inputDOMRef", p);
     }), (x, M) => (a(), o("label", {
       class: B(u.value),
       onClick: re(d, ["prevent"])
@@ -6671,7 +6678,7 @@ const Pe = (t) => {
         n("div", G5, [
           n("input", {
             ref_key: "inputDOMRef",
-            ref: m,
+            ref: p,
             type: "radio",
             name: s.label,
             value: s.value,
@@ -6686,7 +6693,7 @@ const Pe = (t) => {
       s.styleType === "button" ? (a(), o("div", X5, [
         n("input", {
           ref_key: "inputDOMRef",
-          ref: m,
+          ref: p,
           type: "radio",
           disabled: s.disabled,
           name: s.label,
@@ -6704,7 +6711,7 @@ const Pe = (t) => {
   }
 });
 const We = /* @__PURE__ */ fe(e9, [["__scopeId", "data-v-e9167d49"]]);
-var q2 = /* @__PURE__ */ ((t) => (t["radio-style"] = "radio-style", t.button = "button", t))(q2 || {});
+var E2 = /* @__PURE__ */ ((t) => (t["radio-style"] = "radio-style", t.button = "button", t))(E2 || {});
 const t9 = { class: "nmorph-radio-group__wrapper" }, n9 = { class: "nmorph-radio-group__content" }, Le = /* @__PURE__ */ D({
   __name: "NmorphRadioGroup",
   props: {
@@ -6735,11 +6742,11 @@ const t9 = { class: "nmorph-radio-group__wrapper" }, n9 = { class: "nmorph-radio
     }, [
       n("div", t9, [
         n("div", n9, [
-          (a(!0), o(G, null, Q(u.options, (m) => (a(), E(p(We), {
-            key: m.value,
-            label: m.label,
-            value: m.value,
-            disabled: m.disabled || l.disabled,
+          (a(!0), o(G, null, Q(u.options, (p) => (a(), q(m(We), {
+            key: p.value,
+            label: p.label,
+            value: p.value,
+            disabled: p.disabled || l.disabled,
             "style-type": l.styleType
           }, null, 8, ["label", "value", "disabled", "style-type"]))), 128)),
           S(u.$slots, "default")
@@ -6763,13 +6770,13 @@ const a9 = /* @__PURE__ */ D({
     }));
     const l = t, r = e, s = h(() => `${l.right}px`), d = h(() => `${l.bottom}px`), c = h(
       () => A({
-        "nmorph-backtop": [`${m.value && "show"}`]
+        "nmorph-backtop": [`${p.value && "show"}`]
       })
-    ), u = y(null), v = y(null), m = y(!1), x = ($) => {
+    ), u = y(null), v = y(null), p = y(!1), x = ($) => {
       if (!$)
         return;
       const w = $.target;
-      m.value = w.scrollTop > l.visibilityHeight;
+      p.value = w.scrollTop > l.visibilityHeight;
     }, M = () => {
       r("click"), u.value && u.value.scrollTo({
         top: 0,
@@ -6790,9 +6797,9 @@ const a9 = /* @__PURE__ */ D({
         onClick: re(M, ["stop"])
       }, [
         S($.$slots, "default", {}, () => [
-          H(p(U), null, {
-            default: q(() => [
-              H(p(P), {
+          H(m(U), null, {
+            default: E(() => [
+              H(m(P), {
                 name: "chevron-down",
                 class: "nmorph-backtop__up-icon"
               })
@@ -6829,7 +6836,7 @@ const l9 = ["id"], o9 = {
         class: "nmorph-breadcrumb__content"
       }, [
         n("div", {
-          id: `nmorph-breadcrumb-${p(r)}-${u.itemId}-element`,
+          id: `nmorph-breadcrumb-${m(r)}-${u.itemId}-element`,
           class: "nmorph-breadcrumb__element"
         }, null, 8, l9),
         v < l.value.length - 1 ? (a(), o("div", o9, F(e.separator), 1)) : O("", !0)
@@ -6857,15 +6864,15 @@ const s9 = /* @__PURE__ */ D({
         key: 0,
         class: B(l.value)
       }, [
-        (a(), E(pe, {
-          to: `#nmorph-breadcrumb-${p(r)?.breadcrumbId}-${p(d)}-element`
+        (a(), q(pe, {
+          to: `#nmorph-breadcrumb-${m(r)?.breadcrumbId}-${m(d)}-element`
         }, [
           H(v, {
             to: c.to,
             replace: c.replace,
             class: "fill-height"
           }, {
-            default: q(() => [
+            default: E(() => [
               S(c.$slots, "default")
             ]),
             _: 3
@@ -6887,7 +6894,7 @@ const ce = /* @__PURE__ */ D({
   },
   emits: ["on-outside-click"],
   setup(t, { emit: e }) {
-    J((m) => ({
+    J((p) => ({
       f609801e: u.value
     }));
     const l = t, r = e, s = y(null), { placementCoords: d } = B2({
@@ -6903,19 +6910,19 @@ const ce = /* @__PURE__ */ D({
     ), u = h(() => l.fillWidth ? `${l.relativeElement?.clientWidth}px` : `${l.width}px`), v = () => {
       r("on-outside-click");
     };
-    return (m, x) => (a(), E(p(Ce), {
+    return (p, x) => (a(), q(m(Ce), {
       show: l.open,
       transparent: "",
       onOnOutsideClick: v
     }, {
-      default: q(() => [
+      default: E(() => [
         n("div", {
           ref_key: "dropdownDOMRef",
           ref: s,
           class: B(c.value),
-          style: I({ left: `${p(d).x}`, top: `${p(d).y}` })
+          style: I({ left: `${m(d).x}`, top: `${m(d).y}` })
         }, [
-          S(m.$slots, "default")
+          S(p.$slots, "default")
         ], 6)
       ]),
       _: 3
@@ -6937,19 +6944,19 @@ const i9 = { class: "nmorph-tabs__label-list" }, d9 = ["id", "onClick"], u9 = {
     ), d = (v) => {
       if (v.disabled)
         return;
-      const { name: m } = v;
-      r("update:model-value", m), r("tab-change", m);
+      const { name: p } = v;
+      r("update:model-value", p), r("tab-change", p);
     }, c = y([]), u = _e();
     return N("nmorph-tabs-data", {
       tabsData: c,
       tabsIdentifier: u
-    }), (v, m) => (a(), o("div", {
+    }), (v, p) => (a(), o("div", {
       class: B(s.value)
     }, [
       S(v.$slots, "default"),
       n("div", i9, [
         (a(!0), o(G, null, Q(c.value, (x) => (a(), o("div", {
-          id: p(Ue)(p(u), x.name),
+          id: m(Ue)(m(u), x.name),
           key: x.name,
           class: B(["nmorph-tabs__label", [
             { "nmorph-tabs__label--selected": x.name === l.modelValue },
@@ -6961,9 +6968,9 @@ const i9 = { class: "nmorph-tabs__label-list" }, d9 = ["id", "onClick"], u9 = {
       n("div", u9, [
         n("div", c9, [
           (a(!0), o(G, null, Q(c.value, (x) => De((a(), o("div", {
-            id: p(Ye)(p(u), x.name),
+            id: m(Ye)(m(u), x.name),
             key: x.name
-          }, null, 8, v9)), [
+          }, F(x.content), 9, v9)), [
             [Te, x.name === l.modelValue]
           ])), 128))
         ])
@@ -6982,7 +6989,8 @@ const Ue = (t, e) => {
   props: {
     label: { default: "" },
     name: {},
-    disabled: { type: Boolean, default: !1 }
+    disabled: { type: Boolean, default: !1 },
+    content: { default: "" }
   },
   setup(t) {
     const e = t, l = h(
@@ -6991,20 +6999,20 @@ const Ue = (t, e) => {
       })
     ), r = X("nmorph-tabs-data", void 0), s = y(!1);
     return Z(() => {
-      s.value = !0, r && r.tabsData.value.push(e);
-    }), (d, c) => s.value ? (a(), o("div", {
+      s.value = !0;
+    }), r.tabsData.value.push(e), (d, c) => s.value ? (a(), o("div", {
       key: 0,
       class: B(l.value)
     }, [
-      (a(), E(pe, {
-        to: `#${p(Ue)(p(r)?.tabsIdentifier, e.name)}`
+      (a(), q(pe, {
+        to: `#${m(Ue)(m(r)?.tabsIdentifier, e.name)}`
       }, [
         S(d.$slots, "label")
       ], 8, ["to"])),
-      (a(), E(pe, {
-        to: `#${p(Ye)(p(r)?.tabsIdentifier, e.name)}`
+      (a(), q(pe, {
+        to: `#${m(Ye)(m(r)?.tabsIdentifier, e.name)}`
       }, [
-        S(d.$slots, "default")
+        S(d.$slots, "content")
       ], 8, ["to"]))
     ], 2)) : O("", !0);
   }
@@ -7028,18 +7036,13 @@ const Ce = /* @__PURE__ */ D({
   __name: "NmorphOverlay",
   props: {
     show: { type: Boolean },
-    outsideClickEmitEvent: { type: Boolean, default: !0 },
     transparent: { type: Boolean, default: !1 }
   },
   emits: ["on-outside-click"],
   setup(t, { emit: e }) {
     const l = t, r = h(
       () => A({
-        "nmorph-overlay": [
-          `${l.outsideClickEmitEvent && "outside-click"}`,
-          `${l.show && "show"}`,
-          `${l.transparent && "transparent"}`
-        ]
+        "nmorph-overlay": [`${l.show && "show"}`, `${l.transparent && "transparent"}`]
       })
     ), s = () => {
       d("on-outside-click");
@@ -7081,14 +7084,14 @@ const m9 = /* @__PURE__ */ D({
         name: "nmorph-notification",
         tag: "div"
       }, {
-        default: q(() => [
-          (a(!0), o(G, null, Q(r.value, (m) => (a(), o("div", {
-            key: m.id,
-            style: I({ width: m.width }),
+        default: E(() => [
+          (a(!0), o(G, null, Q(r.value, (p) => (a(), o("div", {
+            key: p.id,
+            style: I({ width: p.width }),
             class: "nmorph-notification-provider__notification"
           }, [
-            H(p(V2), de({ ref_for: !0 }, m, {
-              onClose: () => s(m.id)
+            H(m(V2), de({ ref_for: !0 }, p, {
+              onClose: () => s(p.id)
             }), null, 16, ["onClose"])
           ], 4))), 128))
         ]),
@@ -7097,7 +7100,7 @@ const m9 = /* @__PURE__ */ D({
     ], 6));
   }
 });
-const _9 = /* @__PURE__ */ fe(m9, [["__scopeId", "data-v-0225f236"]]);
+const _9 = /* @__PURE__ */ fe(m9, [["__scopeId", "data-v-de7a6e97"]]);
 var F2 = /* @__PURE__ */ ((t) => (t["top-left"] = "top-left", t["top-center"] = "top-center", t["top-right"] = "top-right", t["bottom-left"] = "bottom-left", t["bottom-center"] = "bottom-center", t["bottom-right"] = "bottom-right", t))(F2 || {});
 const f9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -7151,7 +7154,7 @@ const f9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NmorphProgress: iu,
   NmorphRadio: We,
   NmorphRadioGroup: Le,
-  NmorphRadioStyleType: q2,
+  NmorphRadioStyleType: E2,
   NmorphScroll: wd,
   NmorphScrollBehavior: p2,
   NmorphSelect: V5,
@@ -7167,7 +7170,7 @@ const f9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NmorphTableCell: H2,
   NmorphTableColumn: z2,
   NmorphTabs: h9,
-  NmorphTagItem: qe,
+  NmorphTagItem: Ee,
   NmorphTagList: Mu,
   NmorphTextInput: P2,
   NmorphTimePicker: U5,
@@ -7178,7 +7181,7 @@ const f9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   formatTimestampToTime: Pe,
   getDecadeYears: _2,
   getMonthDaysByWeek: x2,
-  getMonthName: Ee,
+  getMonthName: qe,
   getTabContentId: Ye,
   getTabLabelId: Ue,
   hasAnyRangeDateInNextMonth: g2,
@@ -7186,7 +7189,7 @@ const f9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   isTodayInMonthRange: w2,
   resetTimeToZero: oe,
   resolution: s5,
-  timeArrayToTimestamp: E2,
+  timeArrayToTimestamp: q2,
   useCalendarTexts: ke
 }, Symbol.toStringTag, { value: "Module" })), g9 = () => {
   const t = y({ width: 0, height: 0 }), e = () => {
@@ -7225,7 +7228,7 @@ export {
   V2 as NmorphAlert,
   ie as NmorphAlertType,
   Be as NmorphArchiveResolution,
-  Eu as NmorphArrayValidationOperator,
+  qu as NmorphArrayValidationOperator,
   Ve as NmorphAudioResolution,
   Oc as NmorphAutocomplete,
   $d as NmorphAvatar,
@@ -7273,7 +7276,7 @@ export {
   v2 as NmorphLinkTarget,
   F2 as NmorphNotificationPlacement,
   _9 as NmorphNotificationProvider,
-  qu as NmorphNumberCompareOperator,
+  Eu as NmorphNumberCompareOperator,
   b5 as NmorphNumberInput,
   h2 as NmorphOverflowProp,
   Ce as NmorphOverlay,
@@ -7281,7 +7284,7 @@ export {
   iu as NmorphProgress,
   We as NmorphRadio,
   Le as NmorphRadioGroup,
-  q2 as NmorphRadioStyleType,
+  E2 as NmorphRadioStyleType,
   wd as NmorphScroll,
   p2 as NmorphScrollBehavior,
   V5 as NmorphSelect,
@@ -7299,7 +7302,7 @@ export {
   H2 as NmorphTableCell,
   z2 as NmorphTableColumn,
   h9 as NmorphTabs,
-  qe as NmorphTagItem,
+  Ee as NmorphTagItem,
   Mu as NmorphTagList,
   P2 as NmorphTextInput,
   U5 as NmorphTimePicker,
@@ -7319,7 +7322,7 @@ export {
   _e as generateUUID,
   _2 as getDecadeYears,
   x2 as getMonthDaysByWeek,
-  Ee as getMonthName,
+  qe as getMonthName,
   Ye as getTabContentId,
   Ue as getTabLabelId,
   g2 as hasAnyRangeDateInNextMonth,
@@ -7332,7 +7335,7 @@ export {
   oe as resetTimeToZero,
   s5 as resolution,
   B9 as ru,
-  E2 as timeArrayToTimestamp,
+  q2 as timeArrayToTimestamp,
   vc as useA11yProps,
   ke as useCalendarTexts,
   V9 as useEventManager,