@nmorph/nmorph-ui-kit 0.2.117 → 0.2.124

package/dist/index.es.js

@@ -1,18 +1,18 @@
-import { defineComponent as D, computed as h, ref as y, openBlock as a, createElementBlock as o, normalizeClass as B, createElementVNode as n, createBlock as E, unref as p, renderSlot as S, toDisplayString as F, createCommentVNode as O, useCssVars as J, normalizeStyle as I, resolveDynamicComponent as W2, createStaticVNode as n2, createTextVNode as te, inject as X, onUnmounted as Me, onMounted as Z, nextTick as pe, watch as Y, mergeProps as de, createVNode as H, withCtx as q, reactive as ue, Fragment as G, renderList as Q, provide as N, Teleport as me, withModifiers as re, withDirectives as De, vShow as Te, useSlots as a2, readonly as L2, TransitionGroup as _e, withKeys as U2, resolveComponent as l2 } from "vue";
+import { defineComponent as D, computed as h, ref as y, openBlock as a, createElementBlock as o, normalizeClass as B, createElementVNode as n, createBlock as 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) => {
   const l = e.filter((r) => r !== "false" && r && r !== "undefined").map((r) => `${t}--${r}`);
   return l.push(t), l.join(" ").trim().replace(/\s+/g, " ");
-}, A = (t) => Object.entries(t).map(([e, l]) => N2(e, l)).join(" ").trim().replace(/\s+/g, " "), Ge = (t) => JSON.parse(JSON.stringify(t)), b9 = (t) => {
+}, A = (t) => Object.entries(t).map(([e, l]) => N2(e, l)).join(" ").trim().replace(/\s+/g, " "), Ge = (t) => JSON.parse(JSON.stringify(t)), y9 = (t) => {
   if (!t)
     return !1;
   const e = new DOMParser().parseFromString(t, "text/html");
   return Array.from(e.body.childNodes).some((l) => l.nodeType === 1);
-}, fe = () => {
+}, _e = () => {
   const t = () => Math.floor((1 + Math.random()) * 65536).toString(16).substring(1);
   return `${t()}${t()}-${t()}-4${t().substr(0, 3)}-${t().substr(0, 1)}${t().substr(1, 3)}-${t()}${t()}${t()}`;
-}, M9 = (t) => t.charAt(0).toUpperCase() + t.slice(1), Qe = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), Ke = {
+}, b9 = (t) => t.charAt(0).toUpperCase() + t.slice(1), Qe = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), Ke = {
   error: {
     bg: "#000000",
     text: "red"
@@ -31,10 +31,10 @@ const N2 = (t, e) => {
   }
 }, I2 = (t, e) => {
   console.log(`%c ${e} `, `background: ${Ke[t].bg}; color: ${Ke[t].text}`);
-}, k9 = (t) => t.replace(/(^\w|-\w)/g, (e) => e.replace(/-/, "").toUpperCase()), H9 = (t) => {
+}, M9 = (t) => t.replace(/(^\w|-\w)/g, (e) => e.replace(/-/, "").toUpperCase()), k9 = (t) => {
   const e = t.replace(/([A-Z])/g, " $1").trim();
   return e.charAt(0).toUpperCase() + e.slice(1);
-}, z9 = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/([A-Z])/g, "-$1").toLowerCase().replace(/--+/g, "-").replace(/^-/, ""), V9 = (t) => t.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/([A-Z])/g, " $1").trim(), e0 = ["disabled", "loading", "type"], t0 = { key: 1 }, n0 = { key: 0 }, U = /* @__PURE__ */ D({
+}, H9 = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/([A-Z])/g, "-$1").toLowerCase().replace(/--+/g, "-").replace(/^-/, ""), z9 = (t) => t.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/([A-Z])/g, " $1").trim(), e0 = ["disabled", "loading", "type"], t0 = { key: 1 }, n0 = { key: 0 }, U = /* @__PURE__ */ D({
   __name: "NmorphButton",
   props: {
     styleType: { default: "default" },
@@ -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), pe(m);
+      T(r.modelValue), he(p);
     }), Y(
       () => r.modelValue,
       (le) => {
@@ -2929,11 +2929,11 @@ const wd = /* @__PURE__ */ D({
     ), Y(
       () => b?.browser.dimensions,
       () => {
-        pe(m);
+        he(p);
       },
       { deep: !0, immediate: !0 }
     );
-    const L = h(() => r.cssScrollBehavior), R = h(() => r.height), K = h(() => r.maxHeight), ae = hc(r);
+    const L = h(() => r.cssScrollBehavior), R = h(() => r.height), K = h(() => r.maxHeight), ae = vc(r);
     e({ scrollDOMContainer: s, moveTo: T });
     const ge = () => {
       k.value = !0;
@@ -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"])
@@ -3007,12 +3007,12 @@ const xd = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const ve = (t, e) => {
+const fe = (t, e) => {
   const l = t.__vccOpts || t;
   for (const [r, s] of e)
     l[r] = s;
   return l;
-}, $d = /* @__PURE__ */ ve(xd, [["__scopeId", "data-v-ced15967"]]), yd = {
+}, $d = /* @__PURE__ */ fe(xd, [["__scopeId", "data-v-ced15967"]]), yd = {
   key: 0,
   class: "nmorph-badge__dot"
 }, bd = {
@@ -3031,8 +3031,8 @@ const ve = (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 ve = (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 ve = (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([
@@ -3263,7 +3263,7 @@ const _2 = (t) => {
   for (let r = 0; r < 10; r++)
     l.push(e + r);
   return l;
-}, he = (t) => {
+}, ve = (t) => {
   if (!t)
     return;
   const e = "en-CA", l = {
@@ -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__ */ ve(Td, [["__scopeId", "data-v-e3cb136f"]]), Pd = ["id"], Ed = { class: "nmorph-carousel__elements-indicator" }, qd = ["onClick"], Rd = /* @__PURE__ */ D({
+const Od = /* @__PURE__ */ fe(Td, [["__scopeId", "data-v-e3cb136f"]]), Pd = ["id"], 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__ */ ve(Td, [["__scopeId", "data-v-e3cb136f"]]), Pd = ["id
       () => A({
         "nmorph-carousel": []
       })
-    ), v = y([]), m = fe();
-    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;
@@ -3439,7 +3439,7 @@ const Od = /* @__PURE__ */ ve(Td, [["__scopeId", "data-v-e3cb136f"]]), Pd = ["id
       l.value === 0 && (l.value = Object.keys(M).length, b.value = !1), l.value > Object.keys(M).length && (l.value = 1, b.value = !1);
     };
     Z(() => {
-      d.loop && l.value === 0 && (pe(() => $()), x.value?.addEventListener("transitionend", w));
+      d.loop && l.value === 0 && (he(() => $()), x.value?.addEventListener("transitionend", w));
     }), Y(l, (V) => {
       c("change", l.value), (V === 1 || V === Object.keys(M).length) && setTimeout(() => {
         b.value = !0;
@@ -3461,14 +3461,14 @@ const Od = /* @__PURE__ */ ve(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__ */ ve(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(me, {
-        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,
@@ -3671,7 +3671,7 @@ const Ld = ["src", "alt", "srcset"], Ud = {
     ], 2)) : O("", !0);
   }
 });
-const be = /* @__PURE__ */ ve(Gd, [["__scopeId", "data-v-4c37d982"]]), Qd = { class: "nmorph-image-preview__content" }, Kd = {
+const be = /* @__PURE__ */ fe(Gd, [["__scopeId", "data-v-4c37d982"]]), Qd = { class: "nmorph-image-preview__content" }, Kd = {
   key: 0,
   class: "nmorph-image-preview__left"
 }, Zd = {
@@ -3701,7 +3701,7 @@ const be = /* @__PURE__ */ ve(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__ */ ve(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__ */ ve(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__ */ ve(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__ */ ve(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,
       () => {
@@ -4169,7 +4169,7 @@ const mu = { class: "nmorph-table__wrapper" }, _u = { class: "nmorph-table__head
         immediate: !0
       }
     );
-    const M = (w) => typeof w == "object" ? "" : w, $ = fe();
+    const M = (w) => typeof w == "object" ? "" : w, $ = _e();
     return N("table-identifier", $), (w, f) => (a(), o("div", {
       ref_key: "nmorphDOMTable",
       ref: c,
@@ -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, [
@@ -4263,14 +4263,14 @@ const H2 = /* @__PURE__ */ D({
       })
     ), d = h(() => `#table-cell-${l}-${r.row}-${e}`), c = y(!1);
     return Z(async () => {
-      await pe();
+      await he();
       const u = document.querySelector(d.value);
       u && (u.innerHTML = ""), c.value = !0;
     }), (u, v) => c.value ? (a(), o("div", {
       key: 0,
       class: B(s.value)
     }, [
-      (a(), E(me, { to: d.value }, [
+      (a(), 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",
@@ -4374,22 +4374,25 @@ const Hu = ["innerHTML"], zu = {
 }, Vu = { class: "nmorph-alert__left-side" }, Bu = {
   key: 0,
   class: "nmorph-alert__icon"
-}, Cu = { class: "nmorph-alert__content-wrapper" }, Su = { class: "nmorph-alert__content-title" }, Au = { class: "nmorph-alert__content" }, Du = /* @__PURE__ */ D({
+}, Cu = { class: "nmorph-alert__content-wrapper" }, Su = { class: "nmorph-alert__content-title" }, Au = { class: "nmorph-alert__content" }, V2 = /* @__PURE__ */ D({
   __name: "NmorphAlert",
   props: {
-    id: {},
+    id: { default: void 0 },
     type: { default: "info" },
     closable: { type: Boolean, default: !1 },
     title: { default: "" },
     content: { default: "" },
     fill: { type: Boolean, default: !1 },
-    maxWidth: {},
     showIcon: { type: Boolean, default: !0 },
     bordered: { type: Boolean, default: !0 },
-    html: { default: "" }
+    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"}`]
@@ -4401,35 +4404,35 @@ 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 ? (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)
     }, [
       l.html ? (a(), o("div", {
         key: 0,
-        class: "nmorph-alert__wrapper",
+        class: "nmorph-alert__html-wrapper",
         innerHTML: l.html
       }, null, 8, Hu)) : (a(), o("div", zu, [
         n("div", Vu, [
           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"])
-            ], !0)
+            ])
           ])) : 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)
-              ], !0) : O("", !0)
+              ]) : O("", !0)
             ]),
             n("div", Au, [
-              S(v.$slots, "default", {}, () => [
+              S(p.$slots, "default", {}, () => [
                 te(F(l.content), 1)
-              ], !0)
+              ])
             ])
           ])
         ]),
@@ -4438,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"
@@ -4448,9 +4451,8 @@ const Hu = ["innerHTML"], zu = {
     ], 2)) : O("", !0);
   }
 });
-const V2 = /* @__PURE__ */ ve(Du, [["__scopeId", "data-v-a98b30ba"]]);
 var ie = /* @__PURE__ */ ((t) => (t.success = "success", t.error = "error", t.warning = "warning", t.info = "info", t))(ie || {});
-const Tu = { class: "nmorph-dialog__header" }, Ou = { class: "nmorph-dialog__title" }, Pu = { class: "nmorph-dialog__content" }, Eu = /* @__PURE__ */ D({
+const Du = { class: "nmorph-dialog__header" }, Tu = { class: "nmorph-dialog__title" }, Ou = { class: "nmorph-dialog__content" }, Pu = /* @__PURE__ */ D({
   __name: "NmorphDialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -4460,58 +4462,61 @@ const Tu = { class: "nmorph-dialog__header" }, Ou = { 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", Tu, [
-            S(M.$slots, "header", {}, () => [
-              n("div", Ou, F(l.title), 1),
+          n("div", Du, [
+            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", Pu, [
-            S(M.$slots, "default")
+          n("div", Ou, [
+            S($.$slots, "default")
           ])
         ], 2)
       ]),
@@ -4519,7 +4524,7 @@ const Tu = { class: "nmorph-dialog__header" }, Ou = { class: "nmorph-dialog__tit
     }, 8, ["show"]));
   }
 });
-var qu = /* @__PURE__ */ ((t) => (t["contains-one"] = "contains-one", t["not-contains"] = "not-contains", t["full-eq"] = "full-eq", t))(qu || {}), Ru = /* @__PURE__ */ ((t) => (t.eq = "eq", t.gte = "gte", t.lte = "lte", t.gt = "gt", t.lt = "lt", t))(Ru || {}), Fu = /* @__PURE__ */ ((t) => (t.eq = "eq", t["not-eq"] = "not-eq", t))(Fu || {});
+var 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 {
@@ -4529,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), []);
       }
@@ -4579,7 +4584,7 @@ const Je = (t) => {
       }
     }
   };
-}, ju = (t, e = !1) => {
+}, Fu = (t, e = !1) => {
   const l = ue({}), r = ue(Ge(t)), s = () => {
     Object.entries(t).forEach(([u, v]) => {
       l[u] = Je({ inputValue: v.value, rules: v.rules }), l[u].validate();
@@ -4589,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
@@ -4602,12 +4607,12 @@ const Je = (t) => {
     v();
   });
   const v = () => {
-    pe(() => {
+    he(() => {
       if (!r.value || !l) {
         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;
@@ -4617,19 +4622,19 @@ const Je = (t) => {
     });
   };
   return { placement: c, placementCoords: u };
-}, B9 = () => {
-}, Wu = "@nmorph/nmorph-ui-kit", Lu = "module", Uu = "0.2.117", Yu = "MIT", Gu = {
+}, V9 = () => {
+}, ju = "@nmorph/nmorph-ui-kit", Wu = "module", Lu = "0.2.124", Uu = "MIT", Yu = {
   node: "18.13.0",
   npm: "8.19.3"
-}, Qu = "./dist/index.d.ts", Ku = "./dist/index.umd.js", Zu = "./dist/index.es.js", Xu = "./dist/style.css", Ju = [
+}, Gu = "./dist/index.d.ts", Qu = "./dist/index.umd.js", Ku = "./dist/index.es.js", Zu = "./dist/style.css", Xu = [
   "*.css"
-], Nu = [
+], Ju = [
   "dist",
   "tsconfig.base.json",
   ".eslintrc.base.cjs",
   ".stylelintrc.base.cjs",
   ".prettierrc.base.cjs"
-], Iu = {
+], Nu = {
   ".": {
     import: {
       types: "./dist/index.d.ts",
@@ -4643,7 +4648,7 @@ const Je = (t) => {
   "./dist/styles/abstracts/_mixins.scss": "./dist/styles/abstracts/_mixins.scss",
   "./dist/styles/abstracts/_functions.scss": "./dist/styles/abstracts/_functions.scss",
   "./dist/styles/main.scss": "./dist/styles/main.scss"
-}, ec = {
+}, Iu = {
   build: "npm run build:types && vite build",
   "lint:es:check": "eslint --ext .js,.ts,.vue --ignore-path .gitignore src/",
   "lint:es": "eslint --ext .js,.ts,.vue --ignore-path .gitignore --fix src/",
@@ -4660,13 +4665,13 @@ const Je = (t) => {
   "story:preview": "histoire preview",
   "test:dev": "npx vitest",
   "build:types": "vue-tsc --declaration --emitDeclarationOnly --outDir dist"
-}, tc = {
+}, ec = {
   "@types/vue-router": "^2.0.0",
   "normalize.css": "^8.0.1",
   vue: "^3.4.7",
   "vue-i18n": "^9.9.0",
   "vue-template-es2015-compiler": "^1.9.1"
-}, nc = {
+}, tc = {
   "@histoire/plugin-vue": "^0.17.6",
   "@types/node": "^20.10.8",
   "@types/vue": "^2.0.0",
@@ -4704,23 +4709,23 @@ const Je = (t) => {
   vitest: "^1.2.0",
   "vue-eslint-parser": "^9.4.0",
   "vue-tsc": "^2.0.22"
-}, ac = {
-  name: Wu,
-  type: Lu,
+}, nc = {
+  name: ju,
+  type: Wu,
   private: !1,
-  version: Uu,
-  license: Yu,
-  engines: Gu,
-  types: Qu,
-  main: Ku,
-  module: Zu,
-  style: Xu,
-  sideEffects: Ju,
-  files: Nu,
-  exports: Iu,
-  scripts: ec,
-  dependencies: tc,
-  devDependencies: nc
+  version: Lu,
+  license: Uu,
+  engines: Yu,
+  types: Gu,
+  main: Qu,
+  module: Ku,
+  style: Zu,
+  sideEffects: Xu,
+  files: Ju,
+  exports: Nu,
+  scripts: Iu,
+  dependencies: ec,
+  devDependencies: tc
 }, C2 = [
   { name: "--nmorph-info-color", color: "#d4e5edbb" },
   { name: "--nmorph-info-text-color", color: "#506c80" },
@@ -4734,27 +4739,27 @@ const Je = (t) => {
   { name: "--nmorph-gray-color", color: "#c9d2dee6" },
   { name: "--nmorph-black-color", color: "#000000" },
   { name: "--nmorph-overlay-color", color: "#00000095" }
-], lc = {
+], ac = {
   darkShade: "#c8c9ca",
   main: "#eaf2f9",
   lightShade: "#ffffff",
   text: "#687b9e",
   accent: "#4a90e2",
   focusText: "#ffffff"
-}, oc = {
+}, lc = {
   darkShade: "#0f1112",
   main: "#1c1f21",
   lightShade: "#292d30",
   text: "#778288",
   accent: "#006cb6",
   focusText: "#ffffff"
-}, se = "nmorph-data-theme", rc = "dark", sc = {
+}, se = "nmorph-data-theme", oc = "dark", rc = {
   themes: {
     common: C2,
-    light: lc,
-    dark: oc
+    light: ac,
+    dark: lc
   },
-  defaultTheme: rc,
+  defaultTheme: oc,
   saveCurrentThemeToLS: !0,
   darkShadeGeneratorCoefficient: -45,
   lightShadeGeneratorCoefficient: 45,
@@ -4762,11 +4767,11 @@ const Je = (t) => {
     baseShadowWidth: "1.5px",
     baseShadowBlurCoefficient: "1.5"
   }
-}, ic = (t) => /^#[0-9A-Fa-f]{6}$/.test(t), dc = (t) => {
-  if (!ic(t))
+}, sc = (t) => /^#[0-9A-Fa-f]{6}$/.test(t), ic = (t) => {
+  if (!sc(t))
     throw new Error(`Invalid hex color: ${t}`);
   return t;
-}, uc = (t, e) => {
+}, dc = (t, e) => {
   const l = {};
   return t.forEach(({ name: r, color: s }) => {
     l[r] = s;
@@ -4778,11 +4783,11 @@ const Je = (t) => {
   l = Math.round(l * (1 + e / 100)), r = Math.round(r * (1 + e / 100)), s = Math.round(s * (1 + e / 100)), l = Math.min(255, Math.max(0, l)), r = Math.min(255, Math.max(0, r)), s = Math.min(255, Math.max(0, s));
   const d = l.toString(16).padStart(2, "0"), c = r.toString(16).padStart(2, "0"), u = s.toString(16).padStart(2, "0");
   return `#${d}${c}${u}`;
-}, cc = (t) => {
-  I2("warn", `NMORPH(v${ac.version})`);
-  const e = { ...sc, ...t }, l = ($) => {
+}, uc = (t) => {
+  I2("warn", `NMORPH(v${nc.version})`);
+  const e = { ...rc, ...t }, l = ($) => {
     try {
-      const w = dc($), f = Ne(w, e.darkShadeGeneratorCoefficient), g = Ne(w, e.lightShadeGeneratorCoefficient);
+      const w = ic($), f = Ne(w, e.darkShadeGeneratorCoefficient), g = Ne(w, e.lightShadeGeneratorCoefficient);
       return [
         { name: "--nmorph-dark-shade-color", color: f },
         { name: "--nmorph-light-shade-color", color: g }
@@ -4797,7 +4802,7 @@ const Je = (t) => {
     const f = (_) => _.map((z) => `${z.name}: ${z.color};`).join(" "), g = Object.entries(w).map(([_, z]) => `--${Qe(_)}: ${z};`).join(" "), b = [];
     return Object.entries($).forEach(([_, z]) => {
       if (_ === "common")
-        b.push(f(uc(C2, z)));
+        b.push(f(dc(C2, z)));
       else {
         const V = `
           &[${se}='${_}'] {
@@ -4821,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]: {
@@ -4904,20 +4909,20 @@ const Je = (t) => {
 }, Ie = {
   NmorphSwitch: Re[ee.en],
   NmorphCalendar: Fe[ee.en]
-}, C9 = {
+}, B9 = {
   NmorphSwitch: Re[ee.ru],
   NmorphCalendar: Fe[ee.ru]
-}, S9 = {
+}, C9 = {
   NmorphSwitch: Re[ee.zh],
   NmorphCalendar: Fe[ee.zh]
-}, vc = (t) => {
+}, cc = (t) => {
   const e = t && t.messages ? { ...t.messages, en: Ie } : { en: Ie }, l = t && t.locale ? t.locale : ee.en;
   return G2({
     locale: l,
     fallbackLocale: ee.en,
     messages: e
   });
-}, A9 = () => {
+}, S9 = () => {
   const t = y([]), e = {
     duration: 3e3,
     closable: !0,
@@ -4925,7 +4930,7 @@ const Je = (t) => {
     width: "330px"
   }, l = (s) => {
     const d = {
-      id: Date.now(),
+      id: String(Date.now()),
       ...e
     }, c = ue({
       ...d,
@@ -4940,16 +4945,16 @@ const Je = (t) => {
     notify: l,
     removeNotification: r
   };
-}, hc = (t) => {
+}, vc = (t) => {
   const e = {};
   return t.role && (e.role = t.role), t.ariaLabel && (e["aria-label"] = t.ariaLabel), t.ariaOrientation && (e["aria-orientation"] = t.ariaOrientation), e;
-}, pc = { class: "nmorph-tooltip__shadow-content" }, mc = {
+}, hc = { class: "nmorph-tooltip__shadow-content" }, pc = {
   key: 0,
   class: "nmorph-tooltip__triangle"
-}, _c = {
+}, mc = {
   key: 0,
   class: "nmorph-tooltip__info-content"
-}, fc = { class: "nmorph-tooltip__shadow-content" }, gc = { key: 0 }, S2 = /* @__PURE__ */ D({
+}, _c = { class: "nmorph-tooltip__shadow-content" }, fc = { key: 0 }, S2 = /* @__PURE__ */ D({
   __name: "NmorphTooltip",
   props: {
     text: { default: "" },
@@ -4959,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,
@@ -4976,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)
     }, [
@@ -4993,34 +4998,34 @@ const Je = (t) => {
         }, [
           S(x.$slots, "default")
         ], 512),
-        e.forceCoordinate ? (a(), E(_e, {
+        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",
               style: I({ left: x.forceCoordinate?.x, bottom: x.forceCoordinate?.y })
             }, [
-              n("div", pc, [
-                e.forceCoordinate ? O("", !0) : (a(), o("div", mc)),
+              n("div", hc, [
+                e.forceCoordinate ? O("", !0) : (a(), o("div", pc)),
                 n("span", null, F(x.text), 1)
               ])
             ], 4)) : O("", !0)
           ]),
           _: 1
-        })) : (a(), E(_e, {
+        })) : (a(), q(me, {
           key: 1,
           name: "opacity",
           tag: "div"
         }, {
-          default: q(() => [
-            l.value ? (a(), o("div", _c, [
-              n("div", fc, [
+          default: E(() => [
+            l.value ? (a(), o("div", mc, [
+              n("div", _c, [
                 M[0] || (M[0] = n("div", { class: "nmorph-tooltip__triangle" }, null, -1)),
-                e.text ? (a(), o("span", gc, F(x.text), 1)) : S(x.$slots, "content", { key: 1 })
+                e.text ? (a(), o("span", fc, F(x.text), 1)) : S(x.$slots, "content", { key: 1 })
               ])
             ])) : O("", !0)
           ]),
@@ -5030,25 +5035,25 @@ const Je = (t) => {
     ], 2));
   }
 });
-const wc = {
+const gc = {
   key: 0,
   class: "nmorph-checkbox__content"
-}, xc = { class: "nmorph-checkbox__input-wrapper" }, $c = ["disabled", "checked"], yc = {
+}, wc = { class: "nmorph-checkbox__input-wrapper" }, xc = ["disabled", "checked"], $c = {
   key: 0,
   class: "nmorph-checkbox__fake-checked"
-}, bc = {
+}, yc = {
   key: 0,
   class: "nmorph-checkbox__label"
-}, Mc = {
+}, bc = {
   key: 1,
   class: "nmorph-checkbox__label"
-}, kc = {
+}, Mc = {
   key: 1,
   class: "nmorph-checkbox__content"
-}, Hc = ["disabled", "checked"], zc = {
+}, kc = ["disabled", "checked"], Hc = {
   key: 0,
   class: "nmorph-checkbox__fake"
-}, Vc = {
+}, zc = {
   key: 1,
   class: "nmorph-checkbox__fake"
 }, A2 = /* @__PURE__ */ D({
@@ -5070,17 +5075,17 @@ const wc = {
       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);
@@ -5097,8 +5102,8 @@ const wc = {
     return ($, w) => (a(), o("label", {
       class: B(M.value)
     }, [
-      s.design === "checkbox" ? (a(), o("div", wc, [
-        n("div", xc, [
+      s.design === "checkbox" ? (a(), o("div", gc, [
+        n("div", wc, [
           n("input", {
             ref_key: "inputDOMRef",
             ref: d,
@@ -5107,17 +5112,17 @@ const wc = {
             checked: v.value,
             class: "nmorph-native-input",
             onChange: x
-          }, null, 40, $c),
+          }, null, 40, xc),
           w[0] || (w[0] = n("div", { class: "nmorph-checkbox__fake" }, null, -1)),
-          v.value ? (a(), o("div", yc)) : O("", !0)
+          v.value ? (a(), o("div", $c)) : O("", !0)
         ]),
-        s.label ? (a(), o("div", bc, [
+        s.label ? (a(), o("div", yc, [
           n("span", null, F(s.label), 1)
-        ])) : (a(), o("div", Mc, [
+        ])) : (a(), o("div", bc, [
           S($.$slots, "default")
         ]))
       ])) : O("", !0),
-      s.design === "button" ? (a(), o("div", kc, [
+      s.design === "button" ? (a(), o("div", Mc, [
         n("input", {
           ref_key: "inputDOMRef",
           ref: d,
@@ -5125,17 +5130,17 @@ const wc = {
           disabled: s.disabled,
           checked: v.value,
           onChange: x
-        }, null, 40, Hc),
-        s.label ? (a(), o("div", zc, [
+        }, null, 40, kc),
+        s.label ? (a(), o("div", Hc, [
           n("span", null, F(s.label), 1)
-        ])) : (a(), o("div", Vc, [
+        ])) : (a(), o("div", zc, [
           S($.$slots, "label")
         ]))
       ])) : O("", !0)
     ], 2));
   }
 });
-const Bc = { class: "nmorph-checkbox-group__wrapper" }, Cc = { class: "nmorph-checkbox-group__content" }, Sc = /* @__PURE__ */ D({
+const Vc = { class: "nmorph-checkbox-group__wrapper" }, Bc = { class: "nmorph-checkbox-group__content" }, Cc = /* @__PURE__ */ D({
   __name: "NmorphCheckboxGroup",
   props: {
     modelValue: { default: () => [] },
@@ -5158,14 +5163,14 @@ const Bc = { class: "nmorph-checkbox-group__wrapper" }, Cc = { class: "nmorph-ch
     return N("checkbox-group-selected-value", r), N("change-checkbox-value-handler", d), (u, v) => (a(), o("div", {
       class: B(c.value)
     }, [
-      n("div", Bc, [
-        n("div", Cc, [
-          (a(!0), o(G, null, Q(u.options, (m, x) => (a(), E(p(A2), {
-            id: m.id,
+      n("div", Vc, [
+        n("div", Bc, [
+          (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")
@@ -5174,13 +5179,13 @@ const Bc = { class: "nmorph-checkbox-group__wrapper" }, Cc = { class: "nmorph-ch
     ], 2));
   }
 });
-const Ac = { class: "nmorph-autocomplete__input-content" }, Dc = {
+const Sc = { class: "nmorph-autocomplete__input-content" }, Ac = {
   key: 0,
   class: "nmorph-autocomplete__loading"
-}, Tc = {
+}, Dc = {
   key: 1,
   class: "nmorph-autocomplete__list"
-}, Oc = ["onClick"], Pc = /* @__PURE__ */ D({
+}, Tc = ["onClick"], Oc = /* @__PURE__ */ D({
   __name: "NmorphAutocomplete",
   props: {
     modelValue: { default: "" },
@@ -5200,7 +5205,7 @@ const Ac = { class: "nmorph-autocomplete__input-content" }, Dc = {
       })
     ), 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) => {
@@ -5220,13 +5225,13 @@ const Ac = { class: "nmorph-autocomplete__input-content" }, Dc = {
     }), (f, g) => (a(), o("div", {
       class: B(d.value)
     }, [
-      n("div", Ac, [
+      n("div", Sc, [
         n("div", {
           ref_key: "nmorphAutocompleteDOMRef",
           ref: v,
           class: "nmorph-autocomplete__input"
         }, [
-          H(p(P2), {
+          H(m(P2), {
             fill: l.fill,
             height: l.height,
             disabled: l.disabled,
@@ -5238,21 +5243,21 @@ const Ac = { class: "nmorph-autocomplete__input-content" }, Dc = {
           }, 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(() => [
-          w.value ? (a(), o("div", Dc, [
+        default: E(() => [
+          w.value ? (a(), o("div", Ac, [
             S(f.$slots, "loader", {}, () => [
-              H(p(P), {
+              H(m(P), {
                 name: "loader",
                 size: "large"
               })
             ])
-          ])) : (a(), o("div", Tc, [
+          ])) : (a(), o("div", Dc, [
             (a(!0), o(G, null, Q(x.value, (b, _) => (a(), o("div", {
               key: _,
               class: "nmorph-autocomplete__list-item",
@@ -5261,7 +5266,7 @@ const Ac = { class: "nmorph-autocomplete__input-content" }, Dc = {
               S(f.$slots, "default", { scope: b }, () => [
                 te(F(b.value), 1)
               ])
-            ], 8, Oc))), 128))
+            ], 8, Tc))), 128))
           ]))
         ]),
         _: 3
@@ -5281,19 +5286,19 @@ 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"]))
       })
     ], 2));
   }
-}), Ec = {
+}), Pc = {
   key: 0,
   class: "nmorph-date-picker__date-wrapper"
-}, qc = { class: "nmorph-date-picker__selected-value" }, Rc = { class: "nmorph-date-picker__clear-button-wrapper" }, Fc = { class: "nmorph-date-picker__content" }, jc = {
+}, 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"
-}, Wc = { class: "nmorph-date-picker__selected-value" }, Lc = { class: "nmorph-date-picker__value-from" }, Uc = { class: "nmorph-date-picker__value-separator" }, Yc = { class: "nmorph-date-picker__value-from" }, Gc = { class: "nmorph-date-picker__clear-button-wrapper" }, Qc = { class: "nmorph-date-picker__content" }, Kc = /* @__PURE__ */ D({
+}, jc = { class: "nmorph-date-picker__selected-value" }, Wc = { class: "nmorph-date-picker__value-from" }, Lc = { class: "nmorph-date-picker__value-separator" }, Uc = { class: "nmorph-date-picker__value-from" }, Yc = { class: "nmorph-date-picker__clear-button-wrapper" }, Gc = { class: "nmorph-date-picker__content" }, Qc = /* @__PURE__ */ D({
   __name: "NmorphDatePicker",
   props: {
     placeholder: { default: "Pick a date" },
@@ -5316,13 +5321,13 @@ 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;
-    }, $ = h(() => d.value ? Array.isArray(d.value) ? d.value.length === 0 ? l.placeholder : he(d.value).join(", ") : he(d.value) : l.placeholder), w = h(() => {
+    }, $ = h(() => d.value ? Array.isArray(d.value) ? d.value.length === 0 ? l.placeholder : ve(d.value).join(", ") : ve(d.value) : l.placeholder), w = h(() => {
       if (Array.isArray(d.value)) {
-        const V = he(d.value[0]) ?? l.startDatePlaceholder, j = he(d.value[1]) ?? l.endDatePlaceholder;
+        const V = ve(d.value[0]) ?? l.startDatePlaceholder, j = ve(d.value[1]) ?? l.endDatePlaceholder;
         return {
           from: V,
           to: j
@@ -5352,37 +5357,37 @@ const e2 = /* @__PURE__ */ D({
     return (V, j) => (a(), o("div", {
       class: B(u.value)
     }, [
-      l.type === "date" || l.type === "dates" ? (a(), o("div", Ec, [
+      l.type === "date" || l.type === "dates" ? (a(), o("div", Pc, [
         n("div", {
           ref_key: "nmorphInputDOMRef",
-          ref: m,
+          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", qc, F($.value), 1),
-          n("div", Rc, [
-            b.value ? (a(), E(e2, {
+          n("div", Ec, [
+            b.value ? (a(), q(e2, {
               key: 0,
               onClear: f
             })) : O("", !0)
           ])
         ], 2),
-        n("div", Fc, [
-          m.value ? (a(), E(p(ce), {
+        n("div", Rc, [
+          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,
@@ -5393,48 +5398,48 @@ const e2 = /* @__PURE__ */ D({
           }, 8, ["open", "relative-element"])) : O("", !0)
         ])
       ])) : O("", !0),
-      l.type === "daterange" ? (a(), o("div", jc, [
+      l.type === "daterange" ? (a(), o("div", Fc, [
         n("div", {
           ref_key: "nmorphInputDOMRef",
-          ref: m,
+          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"
           }),
-          n("div", Wc, [
-            n("div", Lc, F(w.value.from), 1),
-            n("div", Uc, F(l.textSeparator), 1),
-            n("div", Yc, F(w.value.to), 1)
+          n("div", jc, [
+            n("div", Wc, F(w.value.from), 1),
+            n("div", Lc, F(l.textSeparator), 1),
+            n("div", Uc, F(w.value.to), 1)
           ]),
-          n("div", Gc, [
-            b.value ? (a(), E(e2, {
+          n("div", Yc, [
+            b.value ? (a(), q(e2, {
               key: 0,
               onClear: f
             })) : O("", !0)
           ])
         ], 2),
-        n("div", Qc, [
-          m.value ? (a(), E(p(ce), {
+        n("div", Gc, [
+          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,
@@ -5449,7 +5454,7 @@ const e2 = /* @__PURE__ */ D({
   }
 });
 var D2 = /* @__PURE__ */ ((t) => (t.date = "date", t.dates = "dates", t.daterange = "daterange", t))(D2 || {});
-const Zc = { class: "nmorph-year-month-picker__header" }, Xc = { class: "nmorph-year-month-picker__value" }, Jc = { class: "nmorph-year-month-picker__values" }, Oe = /* @__PURE__ */ D({
+const Kc = { class: "nmorph-year-month-picker__header" }, Zc = { class: "nmorph-year-month-picker__value" }, Xc = { class: "nmorph-year-month-picker__values" }, Oe = /* @__PURE__ */ D({
   __name: "NmorphYearMonthPicker",
   props: {
     currentDate: {},
@@ -5474,12 +5479,12 @@ const Zc = { class: "nmorph-year-month-picker__header" }, Xc = { 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);
@@ -5489,43 +5494,43 @@ const Zc = { class: "nmorph-year-month-picker__header" }, Xc = { 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", Zc, [
-        H(p(U), {
+      n("div", Kc, [
+        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"
             })
           ]),
           _: 1
         }),
-        n("div", Xc, [
-          H(p(U), {
+        n("div", Zc, [
+          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"
             })
@@ -5533,8 +5538,8 @@ const Zc = { class: "nmorph-year-month-picker__header" }, Xc = { class: "nmorph-
           _: 1
         })
       ]),
-      n("div", Jc, [
-        H(p(Le), {
+      n("div", Xc, [
+        H(m(Le), {
           "model-value": c.value,
           options: d.value,
           fill: "",
@@ -5557,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 = () => {
@@ -5583,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: $,
@@ -5603,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,
@@ -5619,7 +5624,7 @@ const ye = /* @__PURE__ */ D({
       }, null, 8, ["current-date"])) : O("", !0)
     ], 2));
   }
-}), Nc = { class: "nmorph-date-picker-header__left-side" }, Ic = { class: "nmorph-date-picker-header__center-side" }, e5 = { class: "nmorph-date-picker-header__right-side" }, T2 = /* @__PURE__ */ D({
+}), Jc = { class: "nmorph-date-picker-header__left-side" }, Nc = { class: "nmorph-date-picker-header__center-side" }, Ic = { class: "nmorph-date-picker-header__right-side" }, T2 = /* @__PURE__ */ D({
   __name: "NmorphDatePickerHeader",
   props: {
     date: { default: () => /* @__PURE__ */ new Date() }
@@ -5634,27 +5639,27 @@ const ye = /* @__PURE__ */ D({
     return (d, c) => (a(), o("div", {
       class: B(s.value)
     }, [
-      n("div", Nc, [
-        H(p(U), {
+      n("div", Jc, [
+        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"
             })
@@ -5662,41 +5667,41 @@ const ye = /* @__PURE__ */ D({
           _: 1
         })
       ]),
-      n("div", Ic, [
-        H(p(U), {
+      n("div", Nc, [
+        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", e5, [
-        H(p(U), {
+      n("div", Ic, [
+        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"
             })
@@ -5707,7 +5712,7 @@ const ye = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const t5 = { class: "nmorph-file-upload__trigger" }, n5 = ["multiple"], a5 = { class: "nmorph-file-upload__list" }, l5 = { class: "nmorph-file-upload__file-info" }, o5 = { class: "nmorph-file-upload__file-name" }, r5 = { class: "nmorph-file-upload__remove-file" }, s5 = /* @__PURE__ */ D({
+const e5 = { class: "nmorph-file-upload__trigger" }, t5 = ["multiple"], n5 = { class: "nmorph-file-upload__list" }, a5 = { class: "nmorph-file-upload__file-info" }, l5 = { class: "nmorph-file-upload__file-name" }, o5 = { class: "nmorph-file-upload__remove-file" }, r5 = /* @__PURE__ */ D({
   __name: "NmorphFileUpload",
   props: {
     modelValue: { default: () => [] },
@@ -5738,16 +5743,16 @@ const t5 = { class: "nmorph-file-upload__trigger" }, n5 = ["multiple"], a5 = { 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);
@@ -5761,7 +5766,7 @@ const t5 = { class: "nmorph-file-upload__trigger" }, n5 = ["multiple"], a5 = { c
     return (w, f) => (a(), o("div", {
       class: B($.value)
     }, [
-      n("div", t5, [
+      n("div", e5, [
         n("input", {
           ref_key: "inputDOMRef",
           ref: c,
@@ -5769,42 +5774,42 @@ const t5 = { class: "nmorph-file-upload__trigger" }, n5 = ["multiple"], a5 = { c
           multiple: l.multiple,
           class: "nmorph-native-input",
           onChange: v
-        }, null, 40, n5),
+        }, null, 40, t5),
         S(w.$slots, "trigger", {}, () => [
-          H(p(U), {
+          H(m(U), {
             text: "Select file",
             fill: "",
             onClick: u
           })
         ])
       ]),
-      n("div", a5, [
-        H(_e, {
+      n("div", n5, [
+        H(me, {
           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"]),
-              n("div", l5, [
-                H(p(P), {
+              H(m(y2), { src: b }, null, 8, ["src"]),
+              n("div", a5, [
+                H(m(P), {
                   name: s(g.type),
                   width: "14px",
                   height: "17px"
                 }, null, 8, ["name"]),
-                n("span", o5, F(g.name), 1)
+                n("span", l5, F(g.name), 1)
               ]),
-              n("div", r5, [
-                H(p(U), {
+              n("div", o5, [
+                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"])
@@ -5818,13 +5823,13 @@ const t5 = { class: "nmorph-file-upload__trigger" }, n5 = ["multiple"], a5 = { c
   }
 });
 var He = /* @__PURE__ */ ((t) => (t.jpeg = "image/jpeg", t.jpg = "image/jpg", t.png = "image/png", t.gif = "image/gif", t["svg-xml"] = "image/svg+xml", t.webp = "image/webp", t))(He || {}), ze = /* @__PURE__ */ ((t) => (t.mp4 = "video/mp4", t.webm = "video/webm", t["wideo-ogg"] = "video/ogg", t))(ze || {}), Ve = /* @__PURE__ */ ((t) => (t.mpeg = "audio/mpeg", t["audio-ogg"] = "audio/ogg", t.wav = "audio/wav", t))(Ve || {}), je = /* @__PURE__ */ ((t) => (t.pdf = "application/pdf", t.msword = "application/msword", t.docx = "application/vnd.openxmlformats-officedocument.wordprocessingml.document", t.xlsx = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", t.pptx = "application/vnd.openxmlformats-officedocument.presentationml.presentation", t.json = "application/json", t.xml = "application/xml", t))(je || {}), Be = /* @__PURE__ */ ((t) => (t.zip = "application/zip", t.rar = "application/x-rar-compressed", t["7z"] = "application/x-7z-compressed", t))(Be || {});
-const i5 = {
+const s5 = {
   ...He,
   ...ze,
   ...Ve,
   ...je,
   ...Be
-}, d5 = { class: "nmorph-form__content" }, u5 = /* @__PURE__ */ D({
+}, i5 = { class: "nmorph-form__content" }, d5 = /* @__PURE__ */ D({
   __name: "NmorphForm",
   props: {
     value: {},
@@ -5836,18 +5841,18 @@ const i5 = {
       () => A({
         "nmorph-form": []
       })
-    ), s = ju(l.value, l.validateImmediately), d = e;
+    ), s = Fu(l.value, l.validateImmediately), d = e;
     return Z(() => {
       d("formValidator", s);
     }), N("form-data", s), (c, u) => (a(), o("form", {
       class: B(r.value)
     }, [
-      n("div", d5, [
+      n("div", i5, [
         S(c.$slots, "default")
       ])
     ], 2));
   }
-}), c5 = /* @__PURE__ */ D({
+}), u5 = /* @__PURE__ */ D({
   __name: "NmorphErrorBox",
   props: {
     height: { default: "default" },
@@ -5864,11 +5869,11 @@ const i5 = {
     return (s, d) => (a(), o("div", {
       class: B(r.value)
     }, [
-      H(_e, {
+      H(me, {
         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"
@@ -5879,7 +5884,7 @@ const i5 = {
     ], 2));
   }
 });
-const Ae = "18px", v5 = /* @__PURE__ */ D({
+const Ae = "18px", c5 = /* @__PURE__ */ D({
   __name: "NmorphValidationIcon",
   props: {
     valid: { type: [Boolean, Object] },
@@ -5897,7 +5902,7 @@ const Ae = "18px", v5 = /* @__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,
@@ -5907,7 +5912,7 @@ const Ae = "18px", v5 = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const h5 = { key: 0 }, p5 = { class: "nmorph-form-item__content" }, m5 = /* @__PURE__ */ D({
+const v5 = { key: 0 }, h5 = { class: "nmorph-form-item__content" }, p5 = /* @__PURE__ */ D({
   __name: "NmorphFormItem",
   props: {
     id: {},
@@ -5928,18 +5933,18 @@ const h5 = { key: 0 }, p5 = { class: "nmorph-form-item__content" }, m5 = /* @__P
         ]
       })
     );
-    return (v, m) => (a(), o("div", {
+    return (v, p) => (a(), o("div", {
       class: B(u.value)
     }, [
-      e.label ? (a(), o("label", h5, F(e.label), 1)) : O("", !0),
-      n("div", p5, [
+      e.label ? (a(), o("label", v5, F(e.label), 1)) : O("", !0),
+      n("div", h5, [
         S(v.$slots, "default"),
-        H(p(v5), {
+        H(m(c5), {
           valid: !!r.value?.valid,
           show: d.value
         }, null, 8, ["valid", "show"])
       ]),
-      H(p(c5), {
+      H(m(u5), {
         errors: r.value?.errors,
         height: e.height,
         "static-height": v.staticErrorBoxSpace
@@ -5947,16 +5952,16 @@ const h5 = { key: 0 }, p5 = { class: "nmorph-form-item__content" }, m5 = /* @__P
     ], 2));
   }
 });
-const _5 = { class: "nmorph-number-input__content" }, f5 = { class: "nmorph-number-input__input-content" }, g5 = {
+const m5 = { class: "nmorph-number-input__content" }, _5 = { class: "nmorph-number-input__input-content" }, f5 = {
   key: 0,
   class: "nmorph-number-input__decrease"
-}, w5 = ["value", "min", "max"], x5 = {
+}, g5 = ["value", "min", "max"], w5 = {
   key: 1,
   class: "nmorph-number-input__increase"
-}, $5 = {
+}, x5 = {
   key: 2,
   class: "nmorph-number-input__action-btns"
-}, y5 = { class: "nmorph-number-input__decrease" }, b5 = { class: "nmorph-number-input__increase" }, M5 = /* @__PURE__ */ D({
+}, $5 = { class: "nmorph-number-input__decrease" }, y5 = { class: "nmorph-number-input__increase" }, b5 = /* @__PURE__ */ D({
   __name: "NmorphNumberInput",
   props: {
     modelValue: { default: 0 },
@@ -5971,7 +5976,7 @@ const _5 = { class: "nmorph-number-input__content" }, f5 = { 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({
@@ -5985,7 +5990,7 @@ const _5 = { class: "nmorph-number-input__content" }, f5 = { 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"
@@ -6015,17 +6020,17 @@ const _5 = { class: "nmorph-number-input__content" }, f5 = { class: "nmorph-numb
     return (g, b) => (a(), o("div", {
       class: B(r.value)
     }, [
-      n("div", _5, [
-        n("div", f5, [
-          g.actionBtnPositionRight ? O("", !0) : (a(), o("div", g5, [
-            H(p(U), {
+      n("div", m5, [
+        n("div", _5, [
+          g.actionBtnPositionRight ? O("", !0) : (a(), o("div", f5, [
+            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
@@ -6043,16 +6048,16 @@ const _5 = { class: "nmorph-number-input__content" }, f5 = { class: "nmorph-numb
             min: l.min,
             max: l.max,
             onInput: w
-          }, null, 40, w5),
-          g.actionBtnPositionRight ? (a(), o("div", $5, [
-            n("div", y5, [
-              H(p(U), {
+          }, null, 40, g5),
+          g.actionBtnPositionRight ? (a(), o("div", x5, [
+            n("div", $5, [
+              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
@@ -6061,14 +6066,14 @@ const _5 = { class: "nmorph-number-input__content" }, f5 = { class: "nmorph-numb
                 _: 1
               }, 8, ["disabled"])
             ]),
-            n("div", b5, [
-              H(p(U), {
+            n("div", y5, [
+              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
@@ -6077,15 +6082,15 @@ const _5 = { class: "nmorph-number-input__content" }, f5 = { class: "nmorph-numb
                 _: 1
               }, 8, ["disabled"])
             ])
-          ])) : (a(), o("div", x5, [
-            H(p(U), {
+          ])) : (a(), o("div", w5, [
+            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
@@ -6099,16 +6104,16 @@ const _5 = { class: "nmorph-number-input__content" }, f5 = { class: "nmorph-numb
     ], 2));
   }
 });
-const k5 = { class: "nmorph-select__content" }, H5 = {
+const M5 = { class: "nmorph-select__content" }, k5 = {
   key: 0,
   class: "nmorph-select__selected-value"
-}, z5 = {
+}, H5 = {
   key: 1,
   class: "nmorph-select__selected-value"
-}, V5 = {
+}, z5 = {
   key: 2,
   class: "nmorph-select__selected-value"
-}, B5 = /* @__PURE__ */ D({
+}, V5 = /* @__PURE__ */ D({
   __name: "NmorphSelect",
   props: {
     noElementPlaceholder: { default: "Choose value" },
@@ -6124,7 +6129,7 @@ const k5 = { class: "nmorph-select__content" }, H5 = {
   },
   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;
@@ -6160,49 +6165,49 @@ const k5 = { class: "nmorph-select__content" }, H5 = {
       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)
     }, [
-      n("div", k5, [
+      n("div", M5, [
         n("div", {
           ref_key: "nmorphSelectDOMRef",
           ref: b,
           class: "nmorph-select__selected-values-line",
           onClick: re(M, ["stop"])
         }, [
-          typeof s.value == "string" ? (a(), o("div", H5, F(w.value), 1)) : O("", !0),
-          s.value.length <= 0 ? (a(), o("div", z5, F(l.noElementPlaceholder), 1)) : (a(), o("div", V5, [
-            (a(!0), o(G, null, Q(g.value, (V) => (a(), E(p(qe), de({
+          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(), 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, {
@@ -6216,7 +6221,7 @@ const k5 = { class: "nmorph-select__content" }, H5 = {
     ], 2));
   }
 });
-const C5 = { class: "nmorph-select-option__content" }, O2 = /* @__PURE__ */ D({
+const B5 = { class: "nmorph-select-option__content" }, O2 = /* @__PURE__ */ D({
   __name: "NmorphSelectOption",
   props: {
     value: {},
@@ -6228,7 +6233,7 @@ const C5 = { 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": [
@@ -6238,15 +6243,15 @@ const C5 = { 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", C5, [
+      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"
@@ -6254,7 +6259,7 @@ const C5 = { class: "nmorph-select-option__content" }, O2 = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const S5 = { class: "nmorph-slider__content" }, A5 = { class: "nmorph-slider__input-wrapper" }, D5 = ["value", "min", "max", "step"], t2 = 40, T5 = /* @__PURE__ */ D({
+const C5 = { class: "nmorph-slider__content" }, S5 = { class: "nmorph-slider__input-wrapper" }, A5 = ["value", "min", "max", "step"], t2 = 40, D5 = /* @__PURE__ */ D({
   __name: "NmorphSlider",
   props: {
     modelValue: { default: 0 },
@@ -6284,7 +6289,7 @@ const S5 = { class: "nmorph-slider__content" }, A5 = { 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}%`;
@@ -6324,25 +6329,25 @@ const S5 = { class: "nmorph-slider__content" }, A5 = { class: "nmorph-slider__in
     return (C, k) => (a(), o("div", {
       class: B(r.value)
     }, [
-      n("div", S5, [
-        n("div", A5, [
+      n("div", C5, [
+        n("div", S5, [
           n("div", {
             ref_key: "sliderContainer",
             ref: v,
             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
@@ -6355,14 +6360,14 @@ const S5 = { class: "nmorph-slider__content" }, A5 = { class: "nmorph-slider__in
               max: l.max,
               step: l.step,
               onInput: V
-            }, null, 40, D5)
+            }, null, 40, A5)
           ], 512)
         ])
       ])
     ], 2));
   }
 });
-const O5 = ["value", "disabled"], P5 = { class: "nmorph-switch-thumb" }, E5 = /* @__PURE__ */ D({
+const T5 = ["value", "disabled"], O5 = { class: "nmorph-switch-thumb" }, P5 = /* @__PURE__ */ D({
   __name: "NmorphSwitch",
   props: {
     modelValue: { type: [Boolean, String, Number], default: !1 },
@@ -6396,7 +6401,7 @@ const O5 = ["value", "disabled"], P5 = { class: "nmorph-switch-thumb" }, E5 = /*
       (v) => {
         d.value = v === l.activeValue;
       }
-    ), (v, m) => (a(), o("div", {
+    ), (v, p) => (a(), o("div", {
       class: B(r.value)
     }, [
       n("div", {
@@ -6410,14 +6415,14 @@ const O5 = ["value", "disabled"], P5 = { class: "nmorph-switch-thumb" }, E5 = /*
           value: d.value,
           disabled: l.disabled,
           class: "nmorph-native-input"
-        }, null, 8, O5),
+        }, null, 8, T5),
         n("div", {
           class: B(["nmorph-switch__bg-content", { "nmorph-switch__bg-content--enable": d.value }])
         }, [
           d.value ? S(v.$slots, "bg-on", { key: 0 }) : S(v.$slots, "bg-off", { key: 1 })
         ], 2),
-        n("div", P5, [
-          l.loading ? (a(), E(p(P), {
+        n("div", O5, [
+          l.loading ? (a(), q(m(P), {
             key: 0,
             name: "loader",
             width: "14px",
@@ -6428,10 +6433,10 @@ const O5 = ["value", "disabled"], P5 = { class: "nmorph-switch-thumb" }, E5 = /*
     ], 2));
   }
 });
-const q5 = { class: "nmorph-text-input__input-side" }, R5 = {
+const q5 = { class: "nmorph-text-input__input-side" }, E5 = {
   key: 0,
   class: "nmorph-text-input__prepend-icon"
-}, F5 = ["type", "placeholder", "disabled", "value"], P2 = /* @__PURE__ */ D({
+}, R5 = ["type", "placeholder", "disabled", "value"], P2 = /* @__PURE__ */ D({
   __name: "NmorphTextInput",
   props: {
     placeholder: { default: "" },
@@ -6449,7 +6454,7 @@ const q5 = { class: "nmorph-text-input__input-side" }, R5 = {
     }));
     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) => {
@@ -6457,10 +6462,10 @@ const q5 = { class: "nmorph-text-input__input-side" }, R5 = {
       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", $);
@@ -6470,7 +6475,7 @@ const q5 = { class: "nmorph-text-input__input-side" }, R5 = {
       class: B(s.value)
     }, [
       n("div", q5, [
-        p(l)["prepend-icon"] ? (a(), o("div", R5, [
+        m(l)["prepend-icon"] ? (a(), o("div", E5, [
           S(b.$slots, "prepend-icon")
         ])) : O("", !0),
         n("input", {
@@ -6485,8 +6490,8 @@ const q5 = { class: "nmorph-text-input__input-side" }, R5 = {
           onFocus: x,
           onBlur: M,
           onKeyup: _[0] || (_[0] = U2((z) => w("on-enter"), ["enter"]))
-        }, null, 40, F5),
-        r.typePassword || r.clearable ? (a(), E(p(U), {
+        }, null, 40, R5),
+        r.typePassword || r.clearable ? (a(), q(m(U), {
           key: 1,
           class: "nmorph-text-input__password-btn",
           "style-type": "transparent",
@@ -6494,8 +6499,8 @@ const q5 = { class: "nmorph-text-input__input-side" }, R5 = {
           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)
@@ -6503,7 +6508,7 @@ const q5 = { class: "nmorph-text-input__input-side" }, R5 = {
     ], 2));
   }
 });
-const j5 = { class: "nmorph-time-picker__content" }, W5 = { class: "nmorph-time-picker__selected-time" }, L5 = ["value"], U5 = { class: "nmorph-time-picker__dropdown" }, $e = 20, Y5 = /* @__PURE__ */ D({
+const F5 = { class: "nmorph-time-picker__content" }, j5 = { class: "nmorph-time-picker__selected-time" }, W5 = ["value"], L5 = { class: "nmorph-time-picker__dropdown" }, $e = 20, U5 = /* @__PURE__ */ D({
   __name: "NmorphTimePicker",
   props: {
     modelValue: { default: 0 },
@@ -6524,7 +6529,7 @@ const j5 = { class: "nmorph-time-picker__content" }, W5 = { class: "nmorph-time-
     Z(() => {
       r("inputDOMRef", d);
     });
-    const m = () => {
+    const p = () => {
       c.value = !c.value;
     }, x = h(
       () => A({
@@ -6532,7 +6537,7 @@ const j5 = { class: "nmorph-time-picker__content" }, W5 = { 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();
@@ -6560,11 +6565,11 @@ const j5 = { class: "nmorph-time-picker__content" }, W5 = { class: "nmorph-time-
         ref_key: "timepickerDOMRef",
         ref: s,
         class: B(x.value),
-        onClick: m
+        onClick: p
       }, [
-        n("div", j5, [
-          n("div", W5, [
-            H(p(P), {
+        n("div", F5, [
+          n("div", j5, [
+            H(m(P), {
               name: "time",
               class: "nmorph-time-picker__time-icon"
             }),
@@ -6575,20 +6580,20 @@ const j5 = { class: "nmorph-time-picker__content" }, W5 = { class: "nmorph-time-
               value: u.value,
               step: "1",
               class: "nmorph-native-input"
-            }, null, 8, L5),
+            }, null, 8, W5),
             n("span", null, F(j.value), 1)
           ]),
-          s.value ? (a(), E(p(ce), {
+          s.value ? (a(), q(m(ce), {
             key: 0,
             open: c.value,
             "relative-element": s.value,
             onOnOutsideClick: _
           }, {
-            default: q(() => [
-              n("div", U5, [
+            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,
@@ -6596,7 +6601,7 @@ const j5 = { class: "nmorph-time-picker__content" }, W5 = { 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,
@@ -6604,7 +6609,7 @@ const j5 = { class: "nmorph-time-picker__content" }, W5 = { 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,
@@ -6622,28 +6627,28 @@ const j5 = { class: "nmorph-time-picker__content" }, W5 = { 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();
-}, G5 = {
+}, Y5 = {
   key: 0,
   class: "nmorph-radio__content"
-}, Q5 = { class: "nmorph-radio__input-wrapper" }, K5 = ["name", "value", "checked"], Z5 = {
+}, G5 = { class: "nmorph-radio__input-wrapper" }, Q5 = ["name", "value", "checked"], K5 = {
   key: 0,
   class: "nmorph-radio__fake-checked"
-}, X5 = {
+}, Z5 = {
   key: 0,
   class: "nmorph-radio__label"
-}, J5 = {
+}, X5 = {
   key: 1,
   class: "nmorph-radio__content"
-}, N5 = ["disabled", "name", "value", "checked"], I5 = {
+}, J5 = ["disabled", "name", "value", "checked"], N5 = {
   key: 0,
   class: "nmorph-radio__fake"
-}, e9 = {
+}, I5 = {
   key: 1,
   class: "nmorph-radio__fake"
-}, t9 = /* @__PURE__ */ D({
+}, e9 = /* @__PURE__ */ D({
   __name: "NmorphRadio",
   props: {
     styleType: { default: "button" },
@@ -6662,52 +6667,52 @@ 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"])
     }, [
-      s.styleType === "radio-style" ? (a(), o("div", G5, [
-        n("div", Q5, [
+      s.styleType === "radio-style" ? (a(), o("div", Y5, [
+        n("div", G5, [
           n("input", {
             ref_key: "inputDOMRef",
-            ref: m,
+            ref: p,
             type: "radio",
             name: s.label,
             value: s.value,
             checked: c.value,
             class: "nmorph-native-input"
-          }, null, 8, K5),
+          }, null, 8, Q5),
           M[0] || (M[0] = n("div", { class: "nmorph-radio__fake" }, null, -1)),
-          c.value ? (a(), o("div", Z5)) : O("", !0)
+          c.value ? (a(), o("div", K5)) : O("", !0)
         ]),
-        s.label ? (a(), o("span", X5, F(s.label), 1)) : S(x.$slots, "label", { key: 1 }, void 0, !0)
+        s.label ? (a(), o("span", Z5, F(s.label), 1)) : S(x.$slots, "label", { key: 1 }, void 0, !0)
       ])) : O("", !0),
-      s.styleType === "button" ? (a(), o("div", J5, [
+      s.styleType === "button" ? (a(), o("div", X5, [
         n("input", {
           ref_key: "inputDOMRef",
-          ref: m,
+          ref: p,
           type: "radio",
           disabled: s.disabled,
           name: s.label,
           value: s.value,
           checked: c.value,
           class: "nmorph-native-input"
-        }, null, 8, N5),
-        s.label ? (a(), o("div", I5, [
+        }, null, 8, J5),
+        s.label ? (a(), o("div", N5, [
           n("span", null, F(s.label), 1)
-        ])) : (a(), o("div", e9, [
+        ])) : (a(), o("div", I5, [
           S(x.$slots, "label", {}, void 0, !0)
         ]))
       ])) : O("", !0)
     ], 2));
   }
 });
-const We = /* @__PURE__ */ ve(t9, [["__scopeId", "data-v-e9167d49"]]);
-var q2 = /* @__PURE__ */ ((t) => (t["radio-style"] = "radio-style", t.button = "button", t))(q2 || {});
-const n9 = { class: "nmorph-radio-group__wrapper" }, a9 = { class: "nmorph-radio-group__content" }, Le = /* @__PURE__ */ D({
+const We = /* @__PURE__ */ fe(e9, [["__scopeId", "data-v-e9167d49"]]);
+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: {
     modelValue: { default: "" },
@@ -6735,13 +6740,13 @@ const n9 = { class: "nmorph-radio-group__wrapper" }, a9 = { class: "nmorph-radio
     return N("radio-group-selected-value", r), N("change-radio-button-value-handler", d), (u, v) => (a(), o("div", {
       class: B(c.value)
     }, [
-      n("div", n9, [
-        n("div", a9, [
-          (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,
+      n("div", t9, [
+        n("div", n9, [
+          (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")
@@ -6750,7 +6755,7 @@ const n9 = { class: "nmorph-radio-group__wrapper" }, a9 = { class: "nmorph-radio
     ], 2));
   }
 });
-const l9 = /* @__PURE__ */ D({
+const a9 = /* @__PURE__ */ D({
   __name: "NmorphBacktop",
   props: {
     right: { default: 40 },
@@ -6765,13 +6770,13 @@ const l9 = /* @__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,
@@ -6792,9 +6797,9 @@ const l9 = /* @__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"
               })
@@ -6806,16 +6811,16 @@ const l9 = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const o9 = ["id"], r9 = {
+const l9 = ["id"], o9 = {
   key: 0,
   class: "nmorph-breadcrumb__separator"
-}, s9 = /* @__PURE__ */ D({
+}, r9 = /* @__PURE__ */ D({
   __name: "NmorphBreadcrumb",
   props: {
     separator: { default: "/" }
   },
   setup(t) {
-    const e = t, l = y([]), r = fe();
+    const e = t, l = y([]), r = _e();
     N("breadcrumb-data", { breadcrumbs: l, breadcrumbId: r });
     const s = h(
       () => A({
@@ -6831,15 +6836,15 @@ const o9 = ["id"], r9 = {
         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, o9),
-        v < l.value.length - 1 ? (a(), o("div", r9, F(e.separator), 1)) : O("", !0)
+        }, null, 8, l9),
+        v < l.value.length - 1 ? (a(), o("div", o9, F(e.separator), 1)) : O("", !0)
       ]))), 128))
     ], 2));
   }
 });
-const i9 = /* @__PURE__ */ D({
+const s9 = /* @__PURE__ */ D({
   __name: "NmorphBreadcrumbItem",
   props: {
     to: { default: "" },
@@ -6850,7 +6855,7 @@ const i9 = /* @__PURE__ */ D({
       () => A({
         "nmorph-breadcrumb-item": []
       })
-    ), r = X("breadcrumb-data", void 0), s = y(!1), d = fe();
+    ), r = X("breadcrumb-data", void 0), s = y(!1), d = _e();
     return Z(() => {
       s.value = !0, r && r.breadcrumbs.value.push({ ...e, itemId: d });
     }), (c, u) => {
@@ -6859,15 +6864,15 @@ const i9 = /* @__PURE__ */ D({
         key: 0,
         class: B(l.value)
       }, [
-        (a(), E(me, {
-          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
@@ -6889,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({
@@ -6905,26 +6910,26 @@ 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
     }, 8, ["show"]));
   }
 });
-const d9 = { class: "nmorph-tabs__label-list" }, u9 = ["id", "onClick"], c9 = { class: "nmorph-tabs__content__wrapper" }, v9 = { class: "nmorph-tabs__content" }, h9 = ["id"], p9 = /* @__PURE__ */ D({
+const i9 = { class: "nmorph-tabs__label-list" }, d9 = ["id", "onClick"], u9 = { class: "nmorph-tabs__content__wrapper" }, c9 = { class: "nmorph-tabs__content" }, v9 = ["id"], h9 = /* @__PURE__ */ D({
   __name: "NmorphTabs",
   props: {
     modelValue: { default: 0 },
@@ -6939,33 +6944,33 @@ const d9 = { class: "nmorph-tabs__label-list" }, u9 = ["id", "onClick"], c9 = {
     ), d = (v) => {
       if (v.disabled)
         return;
-      const { name: m } = v;
-      r("update:model-value", m), r("tab-change", m);
-    }, c = y([]), u = fe();
+      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", d9, [
+      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 },
             { "nmorph-tabs__label--disabled": x.disabled }
           ]]),
           onClick: (M) => d(x)
-        }, F(x.label), 11, u9))), 128))
+        }, F(x.label), 11, d9))), 128))
       ]),
-      n("div", c9, [
-        n("div", v9, [
+      n("div", u9, [
+        n("div", c9, [
           (a(!0), o(G, null, Q(c.value, (x) => De((a(), o("div", {
-            id: p(Ye)(p(u), x.name),
+            id: m(Ye)(m(u), x.name),
             key: x.name
-          }, null, 8, h9)), [
+          }, F(x.content), 9, v9)), [
             [Te, x.name === l.modelValue]
           ])), 128))
         ])
@@ -6979,12 +6984,13 @@ const Ue = (t, e) => {
 }, Ye = (t, e) => {
   if (t)
     return `nmorph-tabs-content-${t}-${e}`;
-}, m9 = /* @__PURE__ */ D({
+}, p9 = /* @__PURE__ */ D({
   __name: "NmorphTabPane",
   props: {
     label: { default: "" },
     name: {},
-    disabled: { type: Boolean, default: !1 }
+    disabled: { type: Boolean, default: !1 },
+    content: { default: "" }
   },
   setup(t) {
     const e = t, l = h(
@@ -6993,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(me, {
-        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(me, {
-        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);
   }
@@ -7030,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");
@@ -7060,7 +7061,7 @@ const Ce = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const _9 = /* @__PURE__ */ D({
+const m9 = /* @__PURE__ */ D({
   __name: "NmorphNotificationProvider",
   props: {
     notifications: {},
@@ -7079,18 +7080,18 @@ const _9 = /* @__PURE__ */ D({
       class: B(`nmorph-notification-provider nmorph-notification-provider--${d.placement}`),
       style: I({ zIndex: c.value })
     }, [
-      H(_e, {
+      H(me, {
         name: "nmorph-notification",
         tag: "div"
       }, {
-        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))
         ]),
@@ -7099,20 +7100,20 @@ const _9 = /* @__PURE__ */ D({
     ], 6));
   }
 });
-const f9 = /* @__PURE__ */ ve(_9, [["__scopeId", "data-v-77d1992c"]]);
+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 g9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const f9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   NmorphAlert: V2,
   NmorphAlertType: ie,
   NmorphArchiveResolution: Be,
   NmorphAudioResolution: Ve,
-  NmorphAutocomplete: Pc,
+  NmorphAutocomplete: Oc,
   NmorphAvatar: $d,
-  NmorphBacktop: l9,
+  NmorphBacktop: a9,
   NmorphBadge: Md,
-  NmorphBreadcrumb: s9,
-  NmorphBreadcrumbItem: i9,
+  NmorphBreadcrumb: r9,
+  NmorphBreadcrumbItem: s9,
   NmorphButton: U,
   NmorphButtonShape: d2,
   NmorphButtonStyle: s2,
@@ -7123,19 +7124,19 @@ const g9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NmorphCarousel: Rd,
   NmorphCarouselItem: Fd,
   NmorphCheckbox: A2,
-  NmorphCheckboxGroup: Sc,
+  NmorphCheckboxGroup: Cc,
   NmorphCollapse: jd,
   NmorphCollapseItem: Wd,
-  NmorphDatePicker: Kc,
+  NmorphDatePicker: Qc,
   NmorphDatePickerContent: ye,
   NmorphDatePickerHeader: T2,
-  NmorphDialog: Eu,
+  NmorphDialog: Pu,
   NmorphDivider: R2,
   NmorphDocResolution: je,
   NmorphDropdown: ce,
-  NmorphFileUpload: s5,
-  NmorphForm: u5,
-  NmorphFormItem: m5,
+  NmorphFileUpload: r5,
+  NmorphForm: d5,
+  NmorphFormItem: p5,
   NmorphIcon: P,
   NmorphIconSize: u2,
   NmorphIconsMap: c2,
@@ -7145,69 +7146,69 @@ const g9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NmorphLink: gd,
   NmorphLinkTarget: v2,
   NmorphNotificationPlacement: F2,
-  NmorphNotificationProvider: f9,
-  NmorphNumberInput: M5,
+  NmorphNotificationProvider: _9,
+  NmorphNumberInput: b5,
   NmorphOverflowProp: h2,
   NmorphOverlay: Ce,
   NmorphPagination: Nd,
   NmorphProgress: iu,
   NmorphRadio: We,
   NmorphRadioGroup: Le,
-  NmorphRadioStyleType: q2,
+  NmorphRadioStyleType: E2,
   NmorphScroll: wd,
   NmorphScrollBehavior: p2,
-  NmorphSelect: B5,
+  NmorphSelect: V5,
   NmorphSelectOption: O2,
   NmorphSelectionDateType: D2,
   NmorphSkeleton: vu,
   NmorphSkeletonItem: M2,
   NmorphSkeletonItemPropsType: b2,
-  NmorphSlider: T5,
-  NmorphSwitch: E5,
-  NmorphTabPane: m9,
+  NmorphSlider: D5,
+  NmorphSwitch: P5,
+  NmorphTabPane: p9,
   NmorphTable: k2,
   NmorphTableCell: H2,
   NmorphTableColumn: z2,
-  NmorphTabs: p9,
-  NmorphTagItem: qe,
+  NmorphTabs: h9,
+  NmorphTagItem: Ee,
   NmorphTagList: Mu,
   NmorphTextInput: P2,
-  NmorphTimePicker: Y5,
+  NmorphTimePicker: U5,
   NmorphTooltip: S2,
   NmorphVideoResolution: ze,
   NmorphYearMonthPicker: Oe,
-  formatDateIntl: he,
+  formatDateIntl: ve,
   formatTimestampToTime: Pe,
   getDecadeYears: _2,
   getMonthDaysByWeek: x2,
-  getMonthName: Ee,
+  getMonthName: qe,
   getTabContentId: Ye,
   getTabLabelId: Ue,
   hasAnyRangeDateInNextMonth: g2,
   hasAnyRangeDateInPrevMonth: f2,
   isTodayInMonthRange: w2,
   resetTimeToZero: oe,
-  resolution: i5,
-  timeArrayToTimestamp: E2,
+  resolution: s5,
+  timeArrayToTimestamp: q2,
   useCalendarTexts: ke
-}, Symbol.toStringTag, { value: "Module" })), w9 = () => {
+}, Symbol.toStringTag, { value: "Module" })), g9 = () => {
   const t = y({ width: 0, height: 0 }), e = () => {
     t.value.width = window.innerWidth, t.value.height = window.innerHeight;
   };
   return window && window.addEventListener("resize", e), {
     dimensions: t
   };
-}, D9 = () => X("nmorph"), T9 = {
+}, A9 = () => X("nmorph"), D9 = {
   install(t, e = {}) {
     if (!e.i18n.outsideMessagesMerge) {
-      const d = vc(e.i18n), c = t.__VUE_I18N__;
+      const d = cc(e.i18n), c = t.__VUE_I18N__;
       c ? (d.global.messages && Object.entries(d.global.messages).forEach(([u, v]) => {
         c.global.mergeLocaleMessage(u, v);
       }), d.global.locale && (c.global.locale.value = d.global.locale)) : t.use(d);
     }
-    const l = cc(e.theme), r = w9(), s = { theme: l, browser: r };
-    return t.provide("nmorph", s), Object.entries(g9).forEach(([d, c]) => {
-      if (x9(c))
+    const l = uc(e.theme), r = g9(), s = { theme: l, browser: r };
+    return t.provide("nmorph", s), Object.entries(f9).forEach(([d, c]) => {
+      if (w9(c))
         if (e.components === void 0)
           t.component(d, c);
         else {
@@ -7218,7 +7219,7 @@ const g9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }), t;
   }
 };
-function x9(t) {
+function w9(t) {
   return t && (typeof t == "object" || typeof t == "function") && ("render" in t || "template" in t || "setup" in t);
 }
 export {
@@ -7229,13 +7230,13 @@ export {
   Be as NmorphArchiveResolution,
   qu as NmorphArrayValidationOperator,
   Ve as NmorphAudioResolution,
-  Pc as NmorphAutocomplete,
+  Oc as NmorphAutocomplete,
   $d as NmorphAvatar,
-  l9 as NmorphBacktop,
+  a9 as NmorphBacktop,
   Md as NmorphBadge,
-  Fu as NmorphBooleanCompareOperator,
-  s9 as NmorphBreadcrumb,
-  i9 as NmorphBreadcrumbItem,
+  Ru as NmorphBooleanCompareOperator,
+  r9 as NmorphBreadcrumb,
+  s9 as NmorphBreadcrumbItem,
   U as NmorphButton,
   d2 as NmorphButtonShape,
   s2 as NmorphButtonStyle,
@@ -7246,23 +7247,23 @@ export {
   Rd as NmorphCarousel,
   Fd as NmorphCarouselItem,
   A2 as NmorphCheckbox,
-  Sc as NmorphCheckboxGroup,
+  Cc as NmorphCheckboxGroup,
   jd as NmorphCollapse,
   Wd as NmorphCollapseItem,
   r2 as NmorphColor,
   Z2 as NmorphComponentDirection,
   ne as NmorphComponentHeight,
   X2 as NmorphComponentPosition,
-  Kc as NmorphDatePicker,
+  Qc as NmorphDatePicker,
   ye as NmorphDatePickerContent,
   T2 as NmorphDatePickerHeader,
-  Eu as NmorphDialog,
+  Pu as NmorphDialog,
   R2 as NmorphDivider,
   je as NmorphDocResolution,
   ce as NmorphDropdown,
-  s5 as NmorphFileUpload,
-  u5 as NmorphForm,
-  m5 as NmorphFormItem,
+  r5 as NmorphFileUpload,
+  d5 as NmorphForm,
+  p5 as NmorphFormItem,
   P as NmorphIcon,
   i as NmorphIconList,
   u2 as NmorphIconSize,
@@ -7274,78 +7275,78 @@ export {
   gd as NmorphLink,
   v2 as NmorphLinkTarget,
   F2 as NmorphNotificationPlacement,
-  f9 as NmorphNotificationProvider,
-  Ru as NmorphNumberCompareOperator,
-  M5 as NmorphNumberInput,
+  _9 as NmorphNotificationProvider,
+  Eu as NmorphNumberCompareOperator,
+  b5 as NmorphNumberInput,
   h2 as NmorphOverflowProp,
   Ce as NmorphOverlay,
   Nd as NmorphPagination,
   iu as NmorphProgress,
   We as NmorphRadio,
   Le as NmorphRadioGroup,
-  q2 as NmorphRadioStyleType,
+  E2 as NmorphRadioStyleType,
   wd as NmorphScroll,
   p2 as NmorphScrollBehavior,
-  B5 as NmorphSelect,
+  V5 as NmorphSelect,
   O2 as NmorphSelectOption,
   D2 as NmorphSelectionDateType,
   o2 as NmorphShadowType,
   vu as NmorphSkeleton,
   M2 as NmorphSkeletonItem,
   b2 as NmorphSkeletonItemPropsType,
-  T5 as NmorphSlider,
+  D5 as NmorphSlider,
   K2 as NmorphSortOrder,
-  E5 as NmorphSwitch,
-  m9 as NmorphTabPane,
+  P5 as NmorphSwitch,
+  p9 as NmorphTabPane,
   k2 as NmorphTable,
   H2 as NmorphTableCell,
   z2 as NmorphTableColumn,
-  p9 as NmorphTabs,
-  qe as NmorphTagItem,
+  h9 as NmorphTabs,
+  Ee as NmorphTagItem,
   Mu as NmorphTagList,
   P2 as NmorphTextInput,
-  Y5 as NmorphTimePicker,
+  U5 as NmorphTimePicker,
   S2 as NmorphTooltip,
   ze as NmorphVideoResolution,
   Oe as NmorphYearMonthPicker,
-  k9 as anyToPascalCase,
+  M9 as anyToPascalCase,
   Qe as camelToKebab,
-  H9 as camelToTitle,
-  M9 as capitalizeFirstChar,
+  k9 as camelToTitle,
+  b9 as capitalizeFirstChar,
   N2 as createBlockModifiers,
   Ge as deepClone,
-  T9 as default,
+  D9 as default,
   Ie as en,
-  he as formatDateIntl,
+  ve as formatDateIntl,
   Pe as formatTimestampToTime,
-  fe as generateUUID,
+  _e as generateUUID,
   _2 as getDecadeYears,
   x2 as getMonthDaysByWeek,
-  Ee as getMonthName,
+  qe as getMonthName,
   Ye as getTabContentId,
   Ue as getTabLabelId,
   g2 as hasAnyRangeDateInNextMonth,
   f2 as hasAnyRangeDateInPrevMonth,
-  b9 as isStringHtml,
+  y9 as isStringHtml,
   w2 as isTodayInMonthRange,
   I2 as log,
-  z9 as pascalToKebab,
-  V9 as pascalToSpace,
+  H9 as pascalToKebab,
+  z9 as pascalToSpace,
   oe as resetTimeToZero,
-  i5 as resolution,
-  C9 as ru,
-  E2 as timeArrayToTimestamp,
-  hc as useA11yProps,
+  s5 as resolution,
+  B9 as ru,
+  q2 as timeArrayToTimestamp,
+  vc as useA11yProps,
   ke as useCalendarTexts,
-  B9 as useEventManager,
+  V9 as useEventManager,
   Je as useFieldValidation,
-  ju as useFormValidation,
+  Fu as useFormValidation,
   A as useModifiers,
-  D9 as useNmorph,
-  w9 as useNmorphBrowser,
-  A9 as useNmorphNotification,
-  cc as useNmorphTheme,
-  vc as useNmorphTranslation,
+  A9 as useNmorph,
+  g9 as useNmorphBrowser,
+  S9 as useNmorphNotification,
+  uc as useNmorphTheme,
+  cc as useNmorphTranslation,
   B2 as usePlacement,
-  S9 as zh
+  C9 as zh
 };