@nmorph/nmorph-ui-kit 0.2.125 → 0.2.126

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as T, computed as h, ref as $, openBlock as a, createElementBlock as o, normalizeClass as B, createElementVNode as n, createBlock as q, unref as p, renderSlot as S, toDisplayString as F, createCommentVNode as A, useCssVars as J, normalizeStyle as I, resolveDynamicComponent as W2, createStaticVNode as a2, 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 qe, readonly as L2, TransitionGroup as me, withKeys as U2, resolveComponent as l2 } from "vue";
+import { defineComponent as T, computed as h, ref as y, openBlock as a, createElementBlock as o, normalizeClass as B, createElementVNode as n, createBlock as q, unref as p, renderSlot as S, toDisplayString as F, createCommentVNode as A, useCssVars as J, normalizeStyle as I, resolveDynamicComponent as W2, createStaticVNode as a2, 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 qe, 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) => {
@@ -63,12 +63,12 @@ const N2 = (t, e) => {
           `${r.icon && "icon"}`
         ]
       })
-    ), u = $(null), c = l, d = {
+    ), u = y(null), c = l, d = {
       thin: "small",
       default: "medium",
       thick: "large"
     }, v = h(() => d[r.height]);
-    return e({ buttonDOMElement: u }), (m, y) => (a(), o("div", {
+    return e({ buttonDOMElement: u }), (m, $) => (a(), o("div", {
       class: B(s.value)
     }, [
       n("button", {
@@ -78,7 +78,7 @@ const N2 = (t, e) => {
         disabled: r.disabled,
         loading: r.loading,
         type: r.type,
-        onClick: y[0] || (y[0] = (M) => c("click"))
+        onClick: $[0] || ($[0] = (M) => c("click"))
       }, [
         r.icon ? (a(), q(p(P), {
           key: 0,
@@ -196,12 +196,12 @@ function x0(t, e) {
     n("path", { d: "M831.872 340.864 512 652.672 192.128 340.864a30.59 30.59 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.59 30.59 0 0 0-42.752 0z" }, null, -1)
   ]));
 }
-const $0 = { render: x0 }, y0 = {
+const y0 = { render: x0 }, $0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 function b0(t, e) {
-  return a(), o("svg", y0, e[0] || (e[0] = [
+  return a(), o("svg", $0, e[0] || (e[0] = [
     n("path", { d: "M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.59 30.59 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.59 30.59 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0" }, null, -1)
   ]));
 }
@@ -363,12 +363,12 @@ function xt(t, e) {
     n("path", { d: "M384 192v640l384-320.064z" }, null, -1)
   ]));
 }
-const $t = { render: xt }, yt = {
+const yt = { render: xt }, $t = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 function bt(t, e) {
-  return a(), o("svg", yt, e[0] || (e[0] = [
+  return a(), o("svg", $t, e[0] || (e[0] = [
     n("path", { d: "M512 320 192 704h639.936z" }, null, -1)
   ]));
 }
@@ -534,12 +534,12 @@ function x1(t, e) {
     n("path", { d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896" }, null, -1)
   ]));
 }
-const $1 = { render: x1 }, y1 = {
+const y1 = { render: x1 }, $1 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 function b1(t, e) {
-  return a(), o("svg", y1, e[0] || (e[0] = [
+  return a(), o("svg", $1, e[0] || (e[0] = [
     n("path", { d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m-38.4 409.6H326.4a38.4 38.4 0 1 0 0 76.8h147.2v147.2a38.4 38.4 0 0 0 76.8 0V550.4h147.2a38.4 38.4 0 0 0 0-76.8H550.4V326.4a38.4 38.4 0 1 0-76.8 0z" }, null, -1)
   ]));
 }
@@ -703,13 +703,13 @@ const wn = { render: gn }, xn = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function $n(t, e) {
+function yn(t, e) {
   return a(), o("svg", xn, e[0] || (e[0] = [
     n("path", { d: "M896 324.096c0-42.368-2.496-55.296-9.536-68.48a52.35 52.35 0 0 0-22.144-22.08c-13.12-7.04-26.048-9.536-68.416-9.536H228.096c-42.368 0-55.296 2.496-68.48 9.536a52.35 52.35 0 0 0-22.08 22.144c-7.04 13.12-9.536 26.048-9.536 68.416v375.808c0 42.368 2.496 55.296 9.536 68.48a52.35 52.35 0 0 0 22.144 22.08c13.12 7.04 26.048 9.536 68.416 9.536h567.808c42.368 0 55.296-2.496 68.48-9.536a52.35 52.35 0 0 0 22.08-22.144c7.04-13.12 9.536-26.048 9.536-68.416zm64 0v375.808c0 57.088-5.952 77.76-17.088 98.56-11.136 20.928-27.52 37.312-48.384 48.448S852.928 864 795.968 864H228.032c-57.088 0-77.76-5.952-98.56-17.088a116.3 116.3 0 0 1-48.448-48.384c-11.136-20.864-17.088-41.6-17.088-98.56V324.032c0-57.088 5.952-77.76 17.088-98.56 11.136-20.928 27.52-37.312 48.384-48.448s41.6-17.088 98.56-17.088H795.84c57.088 0 77.76 5.952 98.56 17.088 20.928 11.136 37.312 27.52 48.448 48.384s17.088 41.6 17.088 98.56z" }, null, -1),
     n("path", { d: "M64 320h896v64H64zm0 128h896v64H64zm128 192h256v64H192z" }, null, -1)
   ]));
 }
-const yn = { render: $n }, bn = {
+const $n = { render: yn }, bn = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -866,12 +866,12 @@ const w4 = { render: g4 }, x4 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function $4(t, e) {
+function y4(t, e) {
   return a(), o("svg", x4, e[0] || (e[0] = [
     n("path", { d: "M128 192h768v128H128zm0 256h512v128H128zm0 256h768v128H128zm576-352 192 160-192 128z" }, null, -1)
   ]));
 }
-const y4 = { render: $4 }, b4 = {
+const $4 = { render: y4 }, b4 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
 };
@@ -1031,12 +1031,12 @@ const wa = { render: ga }, xa = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function $a(t, e) {
+function ya(t, e) {
   return a(), o("svg", xa, e[0] || (e[0] = [
     n("path", { d: "m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64z" }, null, -1)
   ]));
 }
-const ya = { render: $a }, ba = {
+const $a = { render: ya }, ba = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -1204,12 +1204,12 @@ const wl = { render: gl }, xl = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function $l(t, e) {
+function yl(t, e) {
   return a(), o("svg", xl, e[0] || (e[0] = [
     n("path", { d: "M448 456.064V96a32 32 0 0 1 32-32.064L672 64a32 32 0 0 1 0 64H512v128h160a32 32 0 0 1 0 64H512v128a256 256 0 1 1-64 8.064M512 896a192 192 0 1 0 0-384 192 192 0 0 0 0 384" }, null, -1)
   ]));
 }
-const yl = { render: $l }, bl = {
+const $l = { render: yl }, bl = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -1393,17 +1393,17 @@ function wo(t, e) {
     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 256m345.6 192L960 960H672v-64H352v64H64l102.4-256zm-68.928 0H235.328l-76.8 192h706.944z" }, null, -1)
   ]));
 }
-const xo = { render: wo }, $o = {
+const xo = { render: wo }, yo = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function yo(t, e) {
-  return a(), o("svg", $o, e[0] || (e[0] = [
+function $o(t, e) {
+  return a(), o("svg", yo, e[0] || (e[0] = [
     n("path", { d: "M512 896a256 256 0 1 0 0-512 256 256 0 0 0 0 512m0 64a320 320 0 1 1 0-640 320 320 0 0 1 0 640" }, null, -1),
     n("path", { d: "M576 128H448v200a286.7 286.7 0 0 1 64-8c19.52 0 40.832 2.688 64 8zm64 0v219.648c24.448 9.088 50.56 20.416 78.4 33.92L757.44 128zm-256 0H266.624l39.04 253.568c27.84-13.504 53.888-24.832 78.336-33.92zM229.312 64h565.376a32 32 0 0 1 31.616 36.864L768 480c-113.792-64-199.104-96-256-96s-142.208 32-256 96l-58.304-379.136A32 32 0 0 1 229.312 64" }, null, -1)
   ]));
 }
-const bo = { render: yo }, Mo = {
+const bo = { render: $o }, Mo = {
   xmlns: "http://www.w3.org/2000/svg",
   "xml:space": "preserve",
   viewBox: "0 0 1024 1024"
@@ -1565,16 +1565,16 @@ function w3(t, e) {
     n("path", { d: "M150.72 859.072a32 32 0 0 1-45.44-45.056l704-708.544a32 32 0 0 1 45.44 45.056z" }, null, -1)
   ]));
 }
-const x3 = { render: w3 }, $3 = {
+const x3 = { render: w3 }, y3 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function y3(t, e) {
-  return a(), o("svg", $3, e[0] || (e[0] = [
+function $3(t, e) {
+  return a(), o("svg", y3, e[0] || (e[0] = [
     n("path", { d: "M440.256 576H256v128h56.256l-64 64H224a32 32 0 0 1-32-32V544a32 32 0 0 1 32-32h280.256zm143.488 128H704V583.744L775.744 512H928a32 32 0 0 1 32 32v192a32 32 0 0 1-32 32H519.744zM768 576v128h128V576zm-29.696-207.552 45.248 45.248-497.856 497.856-45.248-45.248zM256 64h64v320h-64zM128 192h64v192h-64zM64 512h64v256H64z" }, null, -1)
   ]));
 }
-const b3 = { render: y3 }, M3 = {
+const b3 = { render: $3 }, M3 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -1736,16 +1736,16 @@ function wr(t, e) {
     n("path", { d: "M511.552 128c-35.584 0-64.384 28.8-64.384 64.448v516.48L274.048 570.88a94.27 94.27 0 0 0-112.896-3.456 44.416 44.416 0 0 0-8.96 62.208L332.8 870.4A64 64 0 0 0 384 896h512V575.232a64 64 0 0 0-45.632-61.312l-205.952-61.76A96 96 0 0 1 576 360.192V192.448C576 156.8 547.2 128 511.552 128M359.04 556.8l24.128 19.2V192.448a128.448 128.448 0 1 1 256.832 0v167.744a32 32 0 0 0 22.784 30.656l206.016 61.76A128 128 0 0 1 960 575.232V896a64 64 0 0 1-64 64H384a128 128 0 0 1-102.4-51.2L101.056 668.032A108.416 108.416 0 0 1 128 512.512a158.27 158.27 0 0 1 185.984 8.32z" }, null, -1)
   ]));
 }
-const xr = { render: wr }, $r = {
+const xr = { render: wr }, yr = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function yr(t, e) {
-  return a(), o("svg", $r, e[0] || (e[0] = [
+function $r(t, e) {
+  return a(), o("svg", yr, e[0] || (e[0] = [
     n("path", { d: "m249.6 417.088 319.744 43.072 39.168 310.272L845.12 178.88zm-129.024 47.168a32 32 0 0 1-7.68-61.44l777.792-311.04a32 32 0 0 1 41.6 41.6l-310.336 775.68a32 32 0 0 1-61.44-7.808L512 516.992z" }, null, -1)
   ]));
 }
-const br = { render: yr }, Mr = {
+const br = { render: $r }, Mr = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -1909,16 +1909,16 @@ function w6(t, e) {
     n("path", { d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896" }, null, -1)
   ]));
 }
-const x6 = { render: w6 }, $6 = {
+const x6 = { render: w6 }, y6 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function y6(t, e) {
-  return a(), o("svg", $6, e[0] || (e[0] = [
+function $6(t, e) {
+  return a(), o("svg", y6, e[0] || (e[0] = [
     n("path", { d: "M754.752 480H160a32 32 0 1 0 0 64h594.752L521.344 777.344a32 32 0 0 0 45.312 45.312l288-288a32 32 0 0 0 0-45.312l-288-288a32 32 0 1 0-45.312 45.312z" }, null, -1)
   ]));
 }
-const b6 = { render: y6 }, M6 = { viewBox: "0 0 32 32" };
+const b6 = { render: $6 }, M6 = { viewBox: "0 0 32 32" };
 function k6(t, e) {
   return a(), o("svg", M6, e[0] || (e[0] = [
     n("path", { d: "M0 12h12L7.515 7.515C9.782 5.249 12.795 4 16 4s6.219 1.248 8.485 3.515S28 12.795 28 16s-1.248 6.219-3.515 8.485S19.205 28 16 28s-6.219-1.248-8.485-3.515a13 13 0 0 1-.546-.583l-3.01 2.634A15.96 15.96 0 0 0 16 32c8.837 0 16-7.163 16-16S24.837 0 16 0A15.95 15.95 0 0 0 4.687 4.687L0 0z" }, null, -1)
@@ -2069,13 +2069,13 @@ function ws(t, e) {
     n("path", { d: "M432 928a48 48 0 1 1 0-96 48 48 0 0 1 0 96m320 0a48 48 0 1 1 0-96 48 48 0 0 1 0 96M96 128a32 32 0 0 1 0-64h160a32 32 0 0 1 31.36 25.728L320.64 256H928a32 32 0 0 1 31.296 38.72l-96 448A32 32 0 0 1 832 768H384a32 32 0 0 1-31.36-25.728L229.76 128zm314.24 576h395.904l82.304-384H333.44z" }, null, -1)
   ]));
 }
-const xs = { render: ws }, $s = { viewBox: "0 0 32 32" };
-function ys(t, e) {
-  return a(), o("svg", $s, e[0] || (e[0] = [
+const xs = { render: ws }, ys = { viewBox: "0 0 32 32" };
+function $s(t, e) {
+  return a(), o("svg", ys, e[0] || (e[0] = [
     n("path", { d: "M18 14h13l-5-5 6-6-3-3-6 6-5-5zM18 18v13l5-5 6 6 3-3-6-6 5-5zM14 18H1l5 5-6 6 3 3 6-6 5 5zM14 14V1L9 6 3 0 0 3l6 6-5 5z" }, null, -1)
   ]));
 }
-const bs = { render: ys }, Ms = {
+const bs = { render: $s }, Ms = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -2232,16 +2232,16 @@ function w8(t, e) {
     n("path", { d: "M492.38 128H324.7c-52.16 0-102.19 20.73-139.08 57.61a196.66 196.66 0 0 0-57.61 139.08V698.7c-.01 25.84 5.08 51.42 14.96 75.29s24.36 45.56 42.63 63.83 39.95 32.76 63.82 42.65a196.7 196.7 0 0 0 75.28 14.98h167.68c3.03 0 5.46-2.43 5.46-5.42V133.42c.6-2.99-1.83-5.42-5.46-5.42m-56.11 705.88H324.7c-17.76.13-35.36-3.33-51.75-10.18s-31.22-16.94-43.61-29.67c-25.3-25.35-39.81-59.1-39.81-95.32V324.69c-.13-17.75 3.33-35.35 10.17-51.74a131.7 131.7 0 0 1 29.64-43.62c25.39-25.3 59.14-39.81 95.36-39.81h111.57zm402.12-647.67a196.66 196.66 0 0 0-139.08-57.61H580.48c-3.03 0-4.82 2.43-4.82 4.82v757.16c-.6 2.99 1.79 5.42 5.42 5.42h118.23a196.7 196.7 0 0 0 139.08-57.61A196.66 196.66 0 0 0 896 699.31V325.29a196.7 196.7 0 0 0-57.61-139.08m-111.3 441.92c-42.83 0-77.82-34.99-77.82-77.82s34.98-77.82 77.82-77.82c42.83 0 77.82 34.99 77.82 77.82s-34.99 77.82-77.82 77.82" }, null, -1)
   ]));
 }
-const x8 = { render: w8 }, $8 = {
+const x8 = { render: w8 }, y8 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function y8(t, e) {
-  return a(), o("svg", $8, e[0] || (e[0] = [
+function $8(t, e) {
+  return a(), o("svg", y8, e[0] || (e[0] = [
     n("path", { d: "M118.656 438.656a32 32 0 0 1 0-45.248L416 96l4.48-3.776A32 32 0 0 1 461.248 96l3.712 4.48a32.064 32.064 0 0 1-3.712 40.832L218.56 384H928a32 32 0 1 1 0 64H141.248a32 32 0 0 1-22.592-9.344M64 608a32 32 0 0 1 32-32h786.752a32 32 0 0 1 22.656 54.592L608 928l-4.48 3.776a32.064 32.064 0 0 1-40.832-49.024L805.632 640H96a32 32 0 0 1-32-32" }, null, -1)
   ]));
 }
-const b8 = { render: y8 }, M8 = {
+const b8 = { render: $8 }, M8 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -2399,16 +2399,16 @@ function wi(t, e) {
     n("path", { d: "M512 544a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V576a32 32 0 0 1 32-32m178.304-295.296A192.064 192.064 0 0 0 320 320v64h352l96 38.4V448H256V320a256 256 0 0 1 493.76-95.104z" }, null, -1)
   ]));
 }
-const xi = { render: wi }, $i = {
+const xi = { render: wi }, yi = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function yi(t, e) {
-  return a(), o("svg", $i, e[0] || (e[0] = [
+function $i(t, e) {
+  return a(), o("svg", yi, e[0] || (e[0] = [
     n("path", { d: "M544 864V672h128L512 480 352 672h128v192H320v-1.6c-5.376.32-10.496 1.6-16 1.6A240 240 0 0 1 64 624c0-123.136 93.12-223.488 212.608-237.248A239.81 239.81 0 0 1 512 192a239.87 239.87 0 0 1 235.456 194.752c119.488 13.76 212.48 114.112 212.48 237.248a240 240 0 0 1-240 240c-5.376 0-10.56-1.28-16-1.6v1.6z" }, null, -1)
   ]));
 }
-const bi = { render: yi }, Mi = {
+const bi = { render: $i }, Mi = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -2559,7 +2559,7 @@ const _d = { render: md }, c2 = {
   [i["alarm-clock"]]: v0,
   [i.apple]: m0,
   [i.archive]: g0,
-  [i["arrow-down"]]: $0,
+  [i["arrow-down"]]: y0,
   [i["arrow-left"]]: M0,
   [i["arrow-right"]]: z0,
   [i["arrow-up"]]: C0,
@@ -2577,7 +2577,7 @@ const _d = { render: md }, c2 = {
   [i.camera]: vt,
   [i["caret-bottom"]]: mt,
   [i["caret-left"]]: gt,
-  [i["caret-right"]]: $t,
+  [i["caret-right"]]: yt,
   [i["caret-top"]]: Mt,
   [i.cellphone]: zt,
   [i["chat-dot-round"]]: Ct,
@@ -2595,7 +2595,7 @@ const _d = { render: md }, c2 = {
   [i["circle-check-filled"]]: v1,
   [i["circle-check"]]: m1,
   [i["circle-close-filled"]]: g1,
-  [i["circle-close"]]: $1,
+  [i["circle-close"]]: y1,
   [i["circle-plus-filled"]]: M1,
   [i["circle-plus"]]: z1,
   [i.clock]: C1,
@@ -2613,7 +2613,7 @@ const _d = { render: md }, c2 = {
   [i["copy-document"]]: hn,
   [i.copy]: _n,
   [i.cpu]: wn,
-  [i["credit-card"]]: yn,
+  [i["credit-card"]]: $n,
   [i.crop]: kn,
   [i.cross]: Vn,
   [i["delete-filled"]]: Sn,
@@ -2631,7 +2631,7 @@ const _d = { render: md }, c2 = {
   [i["edit-pen"]]: h4,
   [i.edit]: _4,
   [i.enlarge]: w4,
-  [i.expand]: y4,
+  [i.expand]: $4,
   [i.error]: k4,
   [i.eye]: V4,
   [i["eye-blocked"]]: S4,
@@ -2649,7 +2649,7 @@ const _d = { render: md }, c2 = {
   [i.folder]: ha,
   [i.food]: _a,
   [i["fork-spoon"]]: wa,
-  [i["full-screen"]]: ya,
+  [i["full-screen"]]: $a,
   [i.goblet]: ka,
   [i["gold-medal"]]: Va,
   [i["goods-filled"]]: Sa,
@@ -2667,7 +2667,7 @@ const _d = { render: md }, c2 = {
   [i["info-filled"]]: hl,
   [i.info]: _l,
   [i.image]: wl,
-  [i.key]: yl,
+  [i.key]: $l,
   [i["knife-fork"]]: kl,
   [i.lightning]: Vl,
   [i.link]: Sl,
@@ -2885,10 +2885,10 @@ const wd = /* @__PURE__ */ T({
       ba0dc0f6: f.value,
       bb485170: w.value
     }));
-    const r = t, s = $(null), u = h(() => r.scrollYProp), c = h(() => r.scrollXProp), d = $(!1), v = $(!1), m = () => {
+    const r = t, s = y(null), u = h(() => r.scrollYProp), c = h(() => r.scrollXProp), d = y(!1), v = y(!1), m = () => {
       d.value = s.value?.scrollHeight > s.value?.clientHeight, v.value = s.value?.scrollWidth > s.value?.clientWidth;
-    }, y = h(() => r.yBarWidthInPx + r.yGapInPx), M = h(() => r.xBarWidthInPx + r.xGapInPx), g = h(
-      () => r.scrollYProp === "hidden" || !d.value ? "0" : `${y.value}px`
+    }, $ = h(() => r.yBarWidthInPx + r.yGapInPx), M = h(() => r.xBarWidthInPx + r.xGapInPx), g = h(
+      () => r.scrollYProp === "hidden" || !d.value ? "0" : `${$.value}px`
     ), x = h(
       () => r.scrollXProp === "hidden" || !v.value ? "0" : `${M.value}px`
     ), f = h(() => `${r.yBarWidthInPx}px`), w = h(() => `${r.xBarWidthInPx}px`), b = X("nmorph");
@@ -2906,7 +2906,7 @@ const wd = /* @__PURE__ */ T({
     Me(() => {
       _ !== void 0 && clearTimeout(_);
     });
-    const k = $(!1), W = h(
+    const k = y(!1), W = h(
       () => D({
         "nmorph-scroll": []
       })
@@ -2974,7 +2974,7 @@ const xd = /* @__PURE__ */ T({
       "11d2c240": v.value,
       "75c6801c": M.value
     }));
-    const l = t, r = e, s = $(!1), u = h(
+    const l = t, r = e, s = y(!1), u = h(
       () => D({
         nmorph: [`${l.frameBorder > 0 && "shadow-combined"}`],
         "nmorph-avatar": [l.shape]
@@ -2983,7 +2983,7 @@ const xd = /* @__PURE__ */ T({
       r("error", x), s.value = !0;
     }, d = (x) => {
       r("load", x), s.value = !1;
-    }, v = h(() => `${l.imagePadding}px`), m = h(() => ` ${l.size}px`), y = h(() => `${l.size / 100 * 60}px`), M = h(() => l.shape === "circle" ? "50%" : "4px"), g = h(() => `${l.frameBorder}px`);
+    }, v = h(() => `${l.imagePadding}px`), m = h(() => ` ${l.size}px`), $ = h(() => `${l.size / 100 * 60}px`), M = h(() => l.shape === "circle" ? "50%" : "4px"), g = h(() => `${l.frameBorder}px`);
     return (x, f) => (a(), o("div", {
       class: B(u.value)
     }, [
@@ -2999,7 +2999,7 @@ const xd = /* @__PURE__ */ T({
         error: E(() => [
           H(p(P), {
             name: "avatar",
-            width: y.value
+            width: $.value
           }, null, 8, ["width"])
         ]),
         _: 1
@@ -3012,7 +3012,7 @@ const fe = (t, e) => {
   for (const [r, s] of e)
     l[r] = s;
   return l;
-}, $d = /* @__PURE__ */ fe(xd, [["__scopeId", "data-v-ced15967"]]), yd = {
+}, yd = /* @__PURE__ */ fe(xd, [["__scopeId", "data-v-ced15967"]]), $d = {
   key: 0,
   class: "nmorph-badge__dot"
 }, bd = {
@@ -3043,15 +3043,15 @@ const fe = (t, e) => {
         "nmorph-badge__container": [`${e.hidden && "hidden"}`]
       })
     ), s = h(() => typeof Number(e.value) == "number" && Number(e.value) > e.max ? `${e.max}+` : e.value), u = h(() => {
-      const m = `${(d?.value / 2 + e.offsetX) * -1}px`, y = `${(v?.value / 2 + e.offsetY) * -1}px`;
+      const m = `${(d?.value / 2 + e.offsetX) * -1}px`, $ = `${(v?.value / 2 + e.offsetY) * -1}px`;
       return {
         x: m,
-        y
+        y: $
       };
-    }), c = $(null), d = $(0), v = $(0);
+    }), c = y(null), d = y(0), v = y(0);
     return Z(() => {
       c.value && (d.value = c.value.clientWidth, v.value = c.value.clientHeight);
-    }), (m, y) => e.disabled ? S(m.$slots, "default", { key: 1 }) : (a(), o("div", {
+    }), (m, $) => e.disabled ? S(m.$slots, "default", { key: 1 }) : (a(), o("div", {
       key: 0,
       class: B(l.value)
     }, [
@@ -3062,7 +3062,7 @@ const fe = (t, e) => {
         class: B(r.value),
         style: I({ right: u.value.x, top: u.value.y })
       }, [
-        e.isDot ? (a(), o("div", yd)) : (a(), o("div", bd, [
+        e.isDot ? (a(), o("div", $d)) : (a(), o("div", bd, [
           S(m.$slots, "value", {}, () => [
             te(F(s.value), 1)
           ])
@@ -3115,7 +3115,7 @@ const kd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
           return k.map((O) => oe(O)).slice(0, 2);
         v();
       }
-    }, y = (k) => {
+    }, $ = (k) => {
       if (f.value === null)
         return;
       const { monthType: W, hidden: O } = k;
@@ -3146,7 +3146,7 @@ const kd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
         return Array.isArray(f.value) ? !!f.value.find((O) => O.toDateString() === k.toDateString()) : v();
       if (l.type === "daterange")
         return Array.isArray(f.value) ? M(k, f.value) : v();
-    }, x = $(l.initialDate), f = $(m(l.modelValue));
+    }, x = y(l.initialDate), f = y(m(l.modelValue));
     Z(() => {
       r("update:model-value", f.value);
     });
@@ -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(p(y2), {
           year: x.value.getFullYear(),
           month: x.value.getMonth(),
           "show-previous-month-button": V.value.showPreviousMonthButton,
@@ -3234,7 +3234,7 @@ const kd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
                           "nmorph-calendar-date--selected": g(C(R[O]).date)
                         }
                       ]),
-                      onClick: (ae) => y(C(R[O]))
+                      onClick: (ae) => $(C(R[O]))
                     }, [
                       S(k.$slots, "date-cell", {
                         scope: {
@@ -3331,7 +3331,7 @@ const _2 = (t) => {
     L.push(K);
   }
   return L.filter((R) => !R.every((K) => K.hidden));
-}, Bd = { class: "nmorph-calendar-header__text" }, Cd = { class: "nmorph-calendar-header__actions" }, $2 = /* @__PURE__ */ T({
+}, Bd = { class: "nmorph-calendar-header__text" }, Cd = { class: "nmorph-calendar-header__actions" }, y2 = /* @__PURE__ */ T({
   __name: "NmorphCalendarHeader",
   props: {
     year: {},
@@ -3422,7 +3422,7 @@ const Od = /* @__PURE__ */ fe(Td, [["__scopeId", "data-v-e3cb136f"]]), Pd = ["id
   },
   emits: ["change"],
   setup(t, { emit: e }) {
-    const l = $(0), r = () => {
+    const l = y(0), r = () => {
       l.value = l.value + 1;
     }, s = () => {
       l.value = l.value - 1;
@@ -3430,16 +3430,16 @@ const Od = /* @__PURE__ */ fe(Td, [["__scopeId", "data-v-e3cb136f"]]), Pd = ["id
       () => D({
         "nmorph-carousel": []
       })
-    ), v = $([]), m = _e();
+    ), v = y([]), m = _e();
     N("carousel-data", { data: v, carouselId: m });
-    const y = $(null), M = ue({}), g = () => {
+    const $ = y(null), M = ue({}), g = () => {
       const V = M[Object.keys(M).length - 1]?.cloneNode(!0), j = M[0]?.cloneNode(!0);
-      y.value?.prepend(V), y.value?.append(j), l.value += 1;
+      $.value?.prepend(V), $.value?.append(j), l.value += 1;
     }, x = () => {
       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(() => {
-      u.loop && l.value === 0 && (he(() => g()), y.value?.addEventListener("transitionend", x));
+      u.loop && l.value === 0 && (he(() => g()), $.value?.addEventListener("transitionend", x));
     }), Y(l, (V) => {
       c("change", l.value), (V === 1 || V === Object.keys(M).length) && setTimeout(() => {
         b.value = !0;
@@ -3448,7 +3448,7 @@ const Od = /* @__PURE__ */ fe(Td, [["__scopeId", "data-v-e3cb136f"]]), Pd = ["id
     const f = (V, j) => {
       const C = V;
       M[j] = C;
-    }, w = h(() => `translateX(-${l.value * 100}%)`), b = $(!0), _ = (V) => V === l.value - 1, z = (V) => {
+    }, w = h(() => `translateX(-${l.value * 100}%)`), b = y(!0), _ = (V) => V === l.value - 1, z = (V) => {
       l.value = V + 1;
     };
     return (V, j) => (a(), o("div", {
@@ -3456,7 +3456,7 @@ const Od = /* @__PURE__ */ fe(Td, [["__scopeId", "data-v-e3cb136f"]]), Pd = ["id
     }, [
       n("div", {
         ref_key: "carouselWrapper",
-        ref: y,
+        ref: $,
         class: B(["nmorph-carousel__wrapper", { "transition-enabled": b.value }]),
         style: I({ transform: w.value })
       }, [
@@ -3505,7 +3505,7 @@ const Fd = /* @__PURE__ */ T({
       () => D({
         "nmorph-carousel-item": []
       })
-    ), r = X("carousel-data", void 0), s = $(!1);
+    ), r = X("carousel-data", void 0), s = y(!1);
     return Z(() => {
       s.value = !0, r && r.data.value.push(e.name);
     }), (u, c) => s.value ? (a(), o("div", {
@@ -3527,7 +3527,7 @@ const Fd = /* @__PURE__ */ T({
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const l = t, r = $(l.modelValue);
+    const l = t, r = y(l.modelValue);
     Y(
       () => l.modelValue,
       (d) => {
@@ -3568,7 +3568,7 @@ const Fd = /* @__PURE__ */ T({
   },
   emits: ["click-item"],
   setup(t, { emit: e }) {
-    const l = t, r = e, s = $(!1), u = h(
+    const l = t, r = e, s = y(!1), u = h(
       () => D({
         "nmorph-collapse-item": [`${l.disabled && "disabled"}`, `${s.value && "is-open"}`]
       })
@@ -3576,7 +3576,7 @@ const Fd = /* @__PURE__ */ T({
       () => D({
         nmorph: [ne[l.height]]
       })
-    ), d = X("collapse-data", void 0), v = X("update-model", void 0), m = $(null), y = $(0), M = () => {
+    ), d = X("collapse-data", void 0), v = X("update-model", void 0), m = y(null), $ = 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__ */ T({
       },
       { deep: !0 }
     ), Y(s, () => {
-      y.value = s.value && m.value ? m.value?.clientHeight : 0;
+      $.value = s.value && m.value ? m.value?.clientHeight : 0;
     }), (g, x) => (a(), o("div", {
       class: B(u.value),
       onClick: re(M, ["stop"])
@@ -3602,7 +3602,7 @@ const Fd = /* @__PURE__ */ T({
       ], 2),
       n("div", {
         class: "nmorph-collapse-item__content",
-        style: I({ height: `${y.value}px` })
+        style: I({ height: `${$.value}px` })
       }, [
         n("div", {
           ref_key: "collapseItemDOMElContent",
@@ -3636,9 +3636,9 @@ const Ld = ["src", "alt", "srcset"], Ud = {
   setup(t, { emit: e }) {
     J((g) => ({
       "1a936921": M.value,
-      "3ba8437a": y.value
+      "3ba8437a": $.value
     }));
-    const l = t, r = $(!1), s = $(!1), u = e, c = (g) => {
+    const l = t, r = y(!1), s = y(!1), u = e, c = (g) => {
       r.value = !0, s.value = !1, u("load", g);
     }, d = (g) => {
       r.value = !0, s.value = !0, u("error", g);
@@ -3647,7 +3647,7 @@ const Ld = ["src", "alt", "srcset"], Ud = {
         nmorph: [`${l.frameBorder > 0 && "shadow-combined"}`],
         "nmorph-image": [`${(v.value || !r.value) && "hide"}`]
       })
-    ), y = h(() => l.fit), M = h(() => `${l.frameBorder}px`);
+    ), $ = h(() => l.fit), M = h(() => `${l.frameBorder}px`);
     return (g, x) => l.src ? (a(), o("div", {
       key: 0,
       class: B(m.value)
@@ -3677,7 +3677,7 @@ const be = /* @__PURE__ */ fe(Gd, [["__scopeId", "data-v-4c37d982"]]), Qd = { cl
 }, Zd = {
   key: 1,
   class: "nmorph-image-preview__right"
-}, Xd = { class: "nmorph-image-preview__actions" }, Jd = { class: "nmorph-image-preview__action-element" }, y2 = /* @__PURE__ */ T({
+}, Xd = { class: "nmorph-image-preview__actions" }, Jd = { class: "nmorph-image-preview__action-element" }, $2 = /* @__PURE__ */ T({
   __name: "NmorphImagePreview",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -3690,7 +3690,7 @@ const be = /* @__PURE__ */ fe(Gd, [["__scopeId", "data-v-4c37d982"]]), Qd = { cl
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const l = t, r = $(l.modelValue);
+    const l = t, r = y(l.modelValue);
     Y(
       () => l.modelValue,
       (O) => r.value = O
@@ -3699,11 +3699,11 @@ const be = /* @__PURE__ */ fe(Gd, [["__scopeId", "data-v-4c37d982"]]), Qd = { cl
       () => D({
         "nmorph-image-preview": [`${r.value && "opened"}`]
       })
-    ), u = $(l.initialIndex), c = h(() => typeof l.src == "string" ? l.src : l.src[u.value]), d = $(1), v = () => {
+    ), u = y(l.initialIndex), c = h(() => typeof l.src == "string" ? l.src : l.src[u.value]), d = y(1), v = () => {
       r.value = !0, k("update:model-value", r.value);
     }, m = () => {
       r.value = !1, k("update:model-value", r.value);
-    }, y = () => {
+    }, $ = () => {
       _.value = _.value + 90, _.value >= 360 && (_.value = 0);
     }, M = () => {
       _.value = _.value - 90, _.value <= -360 && (_.value = 0);
@@ -3715,7 +3715,7 @@ const be = /* @__PURE__ */ fe(Gd, [["__scopeId", "data-v-4c37d982"]]), Qd = { cl
       d.value = 1;
     }, b = () => {
       d.value = 1;
-    }, _ = $(0), z = () => {
+    }, _ = y(0), z = () => {
       const O = l.src.length - 1, L = u.value - 1;
       L < 0 ? u.value = O : u.value = L;
     }, V = () => {
@@ -3733,7 +3733,7 @@ const be = /* @__PURE__ */ fe(Gd, [["__scopeId", "data-v-4c37d982"]]), Qd = { cl
     }), C = [
       {
         icon: "rotate-right",
-        handler: y
+        handler: $
       },
       {
         icon: "rotate-left",
@@ -3847,14 +3847,14 @@ const Nd = /* @__PURE__ */ T({
       d.value = String(Number(d.value) - 1);
     }, c = () => {
       d.value = String(Number(d.value) + 1);
-    }, d = $(String(l.modelValue)), v = h(() => {
+    }, d = y(String(l.modelValue)), v = h(() => {
       const w = l.totalElementsQuantity / l.elementsQuantityOnPage + 1, b = w % 1 === 0 ? -1 : 0;
       return Array.from({ length: w + b }, (z, V) => ({ value: String(V + 1), label: String(V + 1) }));
     }), m = h(() => l.hideOnSinglePage || l.totalElementsQuantity / l.elementsQuantityOnPage > 1);
     Y(d, (w) => {
       r("update:model-value", Number(w));
     });
-    const y = (w) => {
+    const $ = (w) => {
       d.value = w;
     }, M = h(() => Number(d.value) === 1), g = h(() => v.value.length === Number(d.value)), x = h(() => {
       const w = v.value.length, b = Number(d.value), _ = l.maxVisiblePages;
@@ -3894,7 +3894,7 @@ const Nd = /* @__PURE__ */ T({
         "model-value": d.value,
         class: "nmorph-pagination__page-group",
         disabled: l.disabled,
-        "onUpdate:modelValue": y
+        "onUpdate:modelValue": $
       }, {
         default: E(() => [
           (a(!0), o(G, null, Q(x.value, (_) => (a(), o("div", {
@@ -3962,17 +3962,17 @@ const Id = {
       "1ae927c9": r.value,
       "588931e9": s.value,
       "781c6b0a": u.value,
-      "58c45d38": y.value
+      "58c45d38": $.value
     }));
     const e = t, l = h(
       () => D({
         "nmorph-progress": []
       })
-    ), r = h(() => `${e.percentage}%`), s = h(() => Array.isArray(e.color) ? e.color.find((g) => g.percentage <= e.percentage)?.color : typeof e.color == "function" ? e.color(e.percentage) : e.color), u = h(() => e.indeterminate ? "var(--animation)" : "none"), c = $(null), d = $(1), v = h(() => `${d.value} ${d.value}`), m = h(() => d.value - e.percentage / 100 * d.value);
+    ), r = h(() => `${e.percentage}%`), s = h(() => Array.isArray(e.color) ? e.color.find((g) => g.percentage <= e.percentage)?.color : typeof e.color == "function" ? e.color(e.percentage) : e.color), u = h(() => e.indeterminate ? "var(--animation)" : "none"), c = y(null), d = y(1), v = h(() => `${d.value} ${d.value}`), m = h(() => d.value - e.percentage / 100 * d.value);
     Z(() => {
       c.value && (d.value = 2 * Math.PI * c.value.r.baseVal.value);
     });
-    const y = h(() => `${e.circleSize}px`), M = h(() => `${e.percentage}%`);
+    const $ = h(() => `${e.circleSize}px`), M = h(() => `${e.percentage}%`);
     return (g, x) => (a(), o("div", {
       class: B(l.value)
     }, [
@@ -4132,7 +4132,7 @@ const xe = "10px", pu = /* @__PURE__ */ T({
     ], 2));
   }
 });
-const mu = { class: "nmorph-table__wrapper" }, _u = { class: "nmorph-table__header" }, fu = ["data-src"], gu = { class: "nmorph-table__table-row" }, wu = { class: "nmorph-table__cell" }, xu = { class: "nmorph-table__body" }, $u = ["id"], yu = { class: "nmorph-table__slot-columns" }, k2 = /* @__PURE__ */ T({
+const mu = { class: "nmorph-table__wrapper" }, _u = { class: "nmorph-table__header" }, fu = ["data-src"], gu = { class: "nmorph-table__table-row" }, wu = { class: "nmorph-table__cell" }, xu = { class: "nmorph-table__body" }, yu = ["id"], $u = { class: "nmorph-table__slot-columns" }, k2 = /* @__PURE__ */ T({
   __name: "NmorphTable",
   props: {
     data: { default: () => [] },
@@ -4146,7 +4146,7 @@ const mu = { class: "nmorph-table__wrapper" }, _u = { class: "nmorph-table__head
       () => D({
         "nmorph-table": [`${e.design}`]
       })
-    ), r = $(e.data), s = $(e.sort), u = (x, f) => {
+    ), r = y(e.data), s = y(e.sort), u = (x, f) => {
       s.value && (s.value[f] = x, r.value.sort((w, b) => {
         const _ = String(w[f]).toLowerCase(), z = String(b[f]).toLowerCase();
         if (!s.value)
@@ -4154,16 +4154,16 @@ const mu = { class: "nmorph-table__wrapper" }, _u = { class: "nmorph-table__head
         const V = s.value[f];
         return V === "ascending" ? _.localeCompare(z) : V === "descending" ? z.localeCompare(_) : 0;
       }));
-    }, c = $(null), d = $([]);
+    }, c = y(null), d = y([]);
     N("table-data", { rows: r, columns: d });
     const v = h(() => {
       const x = d.value.map((z) => z.width).filter((z) => !!z), f = x.length, w = x.reduce((z, V) => (z += Number(V), z), 0), b = d.value.length - f;
       return c.value?.clientWidth ? (c.value?.clientWidth - w) / b : 0;
-    }), m = (x) => x !== "" ? x : v.value, y = $(0);
+    }), m = (x) => x !== "" ? x : v.value, $ = y(0);
     Y(
       () => e.data,
       () => {
-        y.value = y.value + 1, r.value = e.data, d.value = [];
+        $.value = $.value + 1, r.value = e.data, d.value = [];
       },
       {
         immediate: !0
@@ -4173,7 +4173,7 @@ const mu = { class: "nmorph-table__wrapper" }, _u = { class: "nmorph-table__head
     return N("table-identifier", g), (x, f) => (a(), o("div", {
       ref_key: "nmorphDOMTable",
       ref: c,
-      key: y.value,
+      key: $.value,
       class: B(l.value)
     }, [
       n("div", mu, [
@@ -4230,7 +4230,7 @@ const mu = { class: "nmorph-table__wrapper" }, _u = { class: "nmorph-table__head
                     id: `table-cell-${p(g)}-${b}-${_.prop}`,
                     style: I({ "text-align": _.alignment }),
                     class: "nmorph-table__cell nmorph-table__cell--data"
-                  }, F(M(w[_.prop])), 13, $u)
+                  }, F(M(w[_.prop])), 13, yu)
                 ], 2))), 128))
               ], 2))), 128))
             ])
@@ -4242,7 +4242,7 @@ const mu = { class: "nmorph-table__wrapper" }, _u = { class: "nmorph-table__head
                 style: I({ width: `${m(w.width)}px` })
               }, null, 4))), 128))
             ]),
-            n("tbody", yu, [
+            n("tbody", $u, [
               S(x.$slots, "default")
             ])
           ])
@@ -4261,7 +4261,7 @@ const H2 = /* @__PURE__ */ T({
       () => D({
         "nmorph-table-cell": []
       })
-    ), u = h(() => `#table-cell-${l}-${r.row}-${e}`), c = $(!1);
+    ), u = h(() => `#table-cell-${l}-${r.row}-${e}`), c = y(!1);
     return Z(async () => {
       await he();
       const d = document.querySelector(u.value);
@@ -4288,7 +4288,7 @@ const H2 = /* @__PURE__ */ T({
       () => D({
         "nmorph-table-column": []
       })
-    ), u = $(0);
+    ), u = y(0);
     N("column-property", r.prop), N("table-identifier", l), Z(() => {
       c();
     });
@@ -4297,7 +4297,7 @@ const H2 = /* @__PURE__ */ T({
         return;
       const { columns: v } = e;
       u.value = v.value.length + 1, e.columns.value = [...v.value, { ...r, id: u.value }];
-    }, d = $(null);
+    }, d = y(null);
     return (v, m) => (a(), o("div", {
       ref_key: "columnDOMEl",
       ref: d,
@@ -4321,7 +4321,7 @@ const H2 = /* @__PURE__ */ T({
         "nmorph-list": []
       })
     );
-    let u = $(l.modelValue);
+    let u = y(l.modelValue);
     const c = (d) => {
       u.value = u.value.filter((v) => v.value !== d), r("close", d), r("update:model-value", u.value);
     };
@@ -4405,7 +4405,7 @@ const Hu = ["innerHTML"], zu = {
       [ie.info]: "info-filled",
       [ie.error]: "circle-close-filled"
     }, d = qe(), v = h(() => l.closeIconPosition);
-    return (m, y) => p(d).default || l.title || l.content || l.html ? (a(), o("div", {
+    return (m, $) => p(d).default || l.title || l.content || l.html ? (a(), o("div", {
       key: 0,
       class: B(s.value)
     }, [
@@ -4475,7 +4475,7 @@ const Du = { class: "nmorph-dialog__header" }, Tu = { class: "nmorph-dialog__tit
       () => D({
         "nmorph-dialog": []
       })
-    ), u = h(() => l.width), c = h(() => l.zIndex), d = $(l.modelValue);
+    ), u = h(() => l.width), c = h(() => l.zIndex), d = y(l.modelValue);
     let v = null, m = null;
     Y(
       () => l.modelValue,
@@ -4488,12 +4488,12 @@ const Du = { class: "nmorph-dialog__header" }, Tu = { class: "nmorph-dialog__tit
       },
       { immediate: !0 }
     );
-    const y = () => {
+    const $ = () => {
       r("on-close"), v && clearTimeout(v), m = setTimeout(() => {
         r("update:model-value", !1);
       }, l.closeDelay);
     }, M = () => {
-      l.closeOnOverlay && y();
+      l.closeOnOverlay && $();
     };
     return (g, x) => (a(), q(p(Ce), {
       show: d.value,
@@ -4509,7 +4509,7 @@ const Du = { class: "nmorph-dialog__header" }, Tu = { class: "nmorph-dialog__tit
               l.showClose ? (a(), o("div", {
                 key: 0,
                 class: "nmorph-dialog__close-icon",
-                onClick: y
+                onClick: $
               }, [
                 H(p(P), { name: "cross" })
               ])) : A("", !0)
@@ -4526,7 +4526,7 @@ const Du = { class: "nmorph-dialog__header" }, Tu = { class: "nmorph-dialog__tit
 });
 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 Ne = (t) => {
-  const { inputValue: e, rules: l } = t, r = $([]), s = h(() => r.value.length === 0), u = $(!1);
+  const { inputValue: e, rules: l } = t, r = y([]), s = h(() => r.value.length === 0), u = y(!1);
   return {
     touched: u,
     valid: s,
@@ -4534,14 +4534,14 @@ const Ne = (t) => {
     validate: () => {
       if (e === null || !l.length)
         return null;
-      const d = e, v = (f) => l.length > 0 && f in l[0], m = typeof d == "string" && v("pattern"), y = typeof d == "number" && v("numberCompareType"), M = typeof d == "string" || typeof d == "boolean" && v("booleanCompareType"), g = Array.isArray(d) && v("arrayCompareType");
-      if (!y && !m && !M && !g)
+      const d = e, v = (f) => l.length > 0 && f in l[0], m = typeof d == "string" && v("pattern"), $ = typeof d == "number" && v("numberCompareType"), M = typeof d == "string" || typeof d == "boolean" && v("booleanCompareType"), g = Array.isArray(d) && v("arrayCompareType");
+      if (!$ && !m && !M && !g)
         return console.warn("The input value and the provided rules do not match"), null;
       if (u.value || (u.value = !0), m) {
         const f = l;
         r.value = f.reduce((w, b) => (d.match(b.pattern) || w.push(b.error), w), []);
       }
-      if (y) {
+      if ($) {
         const f = (b, _, z) => {
           switch (z) {
             case "eq":
@@ -4589,20 +4589,20 @@ const Ne = (t) => {
     Object.entries(t).forEach(([d, v]) => {
       l[d] = Ne({ inputValue: v.value, rules: v.rules }), l[d].validate();
     });
-  }, u = (d, v) => Object.keys(v).filter((y) => {
-    const M = d[y] ? JSON.stringify(d[y]) : null, g = JSON.stringify(v[y]);
+  }, u = (d, v) => Object.keys(v).filter(($) => {
+    const M = d[$] ? JSON.stringify(d[$]) : null, g = JSON.stringify(v[$]);
     return M !== g;
   });
   return Y(t, (d) => {
     u(r, d).forEach((m) => {
-      const y = d[m];
-      l[m] = Ne({ inputValue: y.value, rules: y.rules }), l[m].validate();
+      const $ = d[m];
+      l[m] = Ne({ inputValue: $.value, rules: $.rules }), l[m].validate();
     }), Object.assign(r, Qe(d));
   }, { deep: !0 }), e && s(), {
     fields: l
   };
 }, B2 = (t) => {
-  const { initialPlacement: e, relativeElement: l, contentDOMElement: r, yOffset: s = 0, xOffset: u = 0 } = t, c = $(e), d = $({ x: "0px", y: "0px" });
+  const { initialPlacement: e, relativeElement: l, contentDOMElement: r, yOffset: s = 0, xOffset: u = 0 } = t, c = y(e), d = y({ x: "0px", y: "0px" });
   Z(() => {
     v();
   });
@@ -4612,18 +4612,18 @@ const Ne = (t) => {
         console.warn("There is no relative element or content DOM element");
         return;
       }
-      const m = r.value.getBoundingClientRect(), y = m.width, M = m.height, g = "value" in l ? l.value : l;
+      const m = r.value.getBoundingClientRect(), $ = m.width, M = m.height, g = "value" in l ? l.value : l;
       if (!g) {
         console.warn("Relative element is not an HTMLElement");
         return;
       }
       const x = g.getBoundingClientRect(), { x: f, y: w } = x, b = x.width, _ = x.height, z = window.innerWidth, V = window.innerHeight;
-      c.value === "top" && w - M < 0 && (c.value = "bottom"), c.value === "bottom" && w + _ + M > V && (c.value = "top"), c.value === "left" && f - y < 0 && (c.value = "right"), c.value === "right" && f + b + y > z && (c.value = "left"), c.value === "top" && (d.value = { x: `${f + u}px`, y: `${w + s}px` }), c.value === "bottom" && (d.value = { x: `${f + u}px`, y: `${w + _ + s}px` }), c.value === "right" && (d.value = { x: `${f + u}px`, y: `${w + s}px` }), c.value === "left" && (d.value = { x: `${f + b + u}px`, y: `${w + s}px` });
+      c.value === "top" && w - M < 0 && (c.value = "bottom"), c.value === "bottom" && w + _ + M > V && (c.value = "top"), c.value === "left" && f - $ < 0 && (c.value = "right"), c.value === "right" && f + b + $ > z && (c.value = "left"), c.value === "top" && (d.value = { x: `${f + u}px`, y: `${w + s}px` }), c.value === "bottom" && (d.value = { x: `${f + u}px`, y: `${w + _ + s}px` }), c.value === "right" && (d.value = { x: `${f + u}px`, y: `${w + s}px` }), c.value === "left" && (d.value = { x: `${f + b + u}px`, y: `${w + s}px` });
     });
   };
   return { placement: c, placementCoords: d };
 }, C9 = () => {
-}, ju = "@nmorph/nmorph-ui-kit", Wu = "module", Lu = "0.2.125", Uu = "MIT", Yu = {
+}, ju = "@nmorph/nmorph-ui-kit", Wu = "module", Lu = "0.2.126", Uu = "MIT", Yu = {
   node: "18.13.0",
   npm: "8.19.3"
 }, Gu = "./dist/index.d.ts", Qu = "./dist/index.umd.js", Ku = "./dist/index.es.js", Zu = "./dist/style.css", Xu = [
@@ -4827,7 +4827,7 @@ const Ne = (t) => {
   c.type = "text/css", c.innerHTML = s(u, e.other), document.head.appendChild(c);
   const d = (g) => {
     v.value = g, m.setAttribute(se, v.value), e.saveCurrentThemeToLS ? localStorage.setItem(se, g) : localStorage.removeItem(se);
-  }, v = $(e.defaultTheme), m = document.querySelector("html"), y = localStorage.getItem(se), M = u[y];
+  }, v = y(e.defaultTheme), m = document.querySelector("html"), $ = localStorage.getItem(se), M = u[$];
   return e.saveCurrentThemeToLS && M && (v.value = localStorage.getItem(se)), d(v.value), { setTheme: d, currentTheme: L2(v) };
 }, Fe = {
   [ee.en]: {
@@ -4923,7 +4923,7 @@ const Ne = (t) => {
     messages: e
   });
 }, D9 = () => {
-  const t = $([]), e = {
+  const t = y([]), e = {
     duration: 3e3,
     closable: !0,
     fill: !0,
@@ -4963,10 +4963,10 @@ const Ne = (t) => {
     forceCoordinate: { default: null }
   },
   setup(t) {
-    J((y) => ({
+    J(($) => ({
       "76576db6": m.value
     }));
-    const e = t, l = $(e.forceShow), r = $(null), s = $(null), { placement: u } = B2({
+    const e = t, l = y(e.forceShow), r = y(null), s = y(null), { placement: u } = B2({
       initialPlacement: e.position,
       contentDOMElement: r,
       relativeElement: s
@@ -4982,7 +4982,7 @@ const Ne = (t) => {
     }, v = () => {
       e.forceShow || (l.value = !1);
     }, m = h(() => e.forceCoordinate ? "100%" : "auto");
-    return (y, M) => (a(), o("div", {
+    return ($, M) => (a(), o("div", {
       class: B(c.value)
     }, [
       n("div", {
@@ -4996,7 +4996,7 @@ const Ne = (t) => {
           ref_key: "slotDOMRef",
           ref: s
         }, [
-          S(y.$slots, "default")
+          S($.$slots, "default")
         ], 512),
         e.forceCoordinate ? (a(), q(me, {
           key: 0,
@@ -5007,11 +5007,11 @@ const Ne = (t) => {
             l.value && e.text ? (a(), o("div", {
               key: 0,
               class: "nmorph-tooltip__info-content",
-              style: I({ left: y.forceCoordinate?.x, bottom: y.forceCoordinate?.y })
+              style: I({ left: $.forceCoordinate?.x, bottom: $.forceCoordinate?.y })
             }, [
               n("div", hc, [
                 e.forceCoordinate ? A("", !0) : (a(), o("div", pc)),
-                n("span", null, F(y.text), 1)
+                n("span", null, F($.text), 1)
               ])
             ], 4)) : A("", !0)
           ]),
@@ -5025,7 +5025,7 @@ const Ne = (t) => {
             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", fc, F(y.text), 1)) : S(y.$slots, "content", { key: 1 })
+                e.text ? (a(), o("span", fc, F($.text), 1)) : S($.$slots, "content", { key: 1 })
               ])
             ])) : A("", !0)
           ]),
@@ -5038,10 +5038,10 @@ const Ne = (t) => {
 const gc = {
   key: 0,
   class: "nmorph-checkbox__content"
-}, wc = { class: "nmorph-checkbox__input-wrapper" }, xc = ["disabled", "checked"], $c = {
+}, wc = { class: "nmorph-checkbox__input-wrapper" }, xc = ["disabled", "checked"], yc = {
   key: 0,
   class: "nmorph-checkbox__fake-checked"
-}, yc = {
+}, $c = {
   key: 0,
   class: "nmorph-checkbox__label"
 }, bc = {
@@ -5082,7 +5082,7 @@ const gc = {
         d.value = g;
       }
     );
-    const u = $(null), c = l !== void 0, d = c ? $(l.value) : $(s.modelValue), v = h(() => c ? l.value.includes(s.id) : s.modelValue), m = e, y = () => {
+    const u = y(null), c = l !== void 0, d = c ? y(l.value) : y(s.modelValue), v = h(() => c ? l.value.includes(s.id) : s.modelValue), m = e, $ = () => {
       if (!s.disabled) {
         if (!c) {
           d.value = !d.value, m("update:model-value", d.value);
@@ -5111,12 +5111,12 @@ const gc = {
             disabled: s.disabled,
             checked: v.value,
             class: "nmorph-native-input",
-            onChange: y
+            onChange: $
           }, null, 40, xc),
           x[0] || (x[0] = n("div", { class: "nmorph-checkbox__fake" }, null, -1)),
-          v.value ? (a(), o("div", $c)) : A("", !0)
+          v.value ? (a(), o("div", yc)) : A("", !0)
         ]),
-        s.label ? (a(), o("div", yc, [
+        s.label ? (a(), o("div", $c, [
           n("span", null, F(s.label), 1)
         ])) : (a(), o("div", bc, [
           S(g.$slots, "default")
@@ -5129,7 +5129,7 @@ const gc = {
           type: "checkbox",
           disabled: s.disabled,
           checked: v.value,
-          onChange: y
+          onChange: $
         }, null, 40, kc),
         s.label ? (a(), o("div", Hc, [
           n("span", null, F(s.label), 1)
@@ -5153,7 +5153,7 @@ const Vc = { class: "nmorph-checkbox-group__wrapper" }, Bc = { class: "nmorph-ch
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const l = t, r = $(l.modelValue), s = e, u = (d) => {
+    const l = t, r = y(l.modelValue), s = e, u = (d) => {
       r.value.includes(d) ? r.value = r.value.filter((v) => v !== d) : r.value.push(d), s("update:model-value", r.value);
     }, c = h(
       () => D({
@@ -5165,9 +5165,9 @@ const Vc = { class: "nmorph-checkbox-group__wrapper" }, Bc = { class: "nmorph-ch
     }, [
       n("div", Vc, [
         n("div", Bc, [
-          (a(!0), o(G, null, Q(d.options, (m, y) => (a(), q(p(A2), {
+          (a(!0), o(G, null, Q(d.options, (m, $) => (a(), q(p(A2), {
             id: m.id,
-            key: y,
+            key: $,
             label: m.label,
             "model-value": m.modelValue,
             disabled: m.disabled,
@@ -5199,16 +5199,16 @@ const Sc = { class: "nmorph-autocomplete__input-content" }, Ac = {
   },
   emits: ["update:model-value", "select"],
   setup(t, { emit: e }) {
-    const l = t, r = $(l.modelValue), s = e, u = h(
+    const l = t, r = y(l.modelValue), s = e, u = h(
       () => D({
         "nmorph-autocomplete": []
       })
     ), c = (f) => {
       r.value = f, s("update:model-value", r.value);
-    }, d = $(!1), v = $(null), m = () => {
+    }, d = y(!1), v = y(null), m = () => {
       d.value = !1;
-    }, y = h(() => l.list.filter((f) => Object.keys(f).some((w) => String(f[w]).toLowerCase().includes(r.value.toLowerCase()))));
-    Y(y, (f) => {
+    }, $ = h(() => l.list.filter((f) => Object.keys(f).some((w) => String(f[w]).toLowerCase().includes(r.value.toLowerCase()))));
+    Y($, (f) => {
       d.value = f.length > 0;
     });
     const M = (f) => {
@@ -5216,8 +5216,8 @@ const Sc = { class: "nmorph-autocomplete__input-content" }, Ac = {
         d.value = !1;
       });
     }, g = () => {
-      d.value = y.value.length > 0;
-    }, x = $(!1);
+      d.value = $.value.length > 0;
+    }, x = y(!1);
     return Y(r, async (f) => {
       f !== "" && l.actionCallback && (x.value = !0, await l.actionCallback(), x.value = !1);
     }), Y(x, (f) => {
@@ -5258,7 +5258,7 @@ const Sc = { class: "nmorph-autocomplete__input-content" }, Ac = {
               })
             ])
           ])) : (a(), o("div", Dc, [
-            (a(!0), o(G, null, Q(y.value, (b, _) => (a(), o("div", {
+            (a(!0), o(G, null, Q($.value, (b, _) => (a(), o("div", {
               key: _,
               class: "nmorph-autocomplete__list-item",
               onClick: () => M(b)
@@ -5314,14 +5314,14 @@ const t2 = /* @__PURE__ */ T({
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const l = t, r = $(l.initialStartDate), s = $(
+    const l = t, r = y(l.initialStartDate), s = y(
       l.initialEndDate ?? new Date(new Date(l.initialStartDate).setMonth(l.initialStartDate.getMonth() + 1))
-    ), u = $(l.modelValue), c = e, d = h(
+    ), u = y(l.modelValue), c = e, d = h(
       () => D({
         nmorph: [ne[l.height]],
         "nmorph-date-picker": [`${l.disabled && "disabled"}`, l.type]
       })
-    ), v = $(!1), m = $(null), y = () => {
+    ), v = y(!1), m = y(null), $ = () => {
       v.value = !1;
     }, M = () => {
       v.value = !v.value;
@@ -5384,10 +5384,10 @@ const t2 = /* @__PURE__ */ T({
             width: 324,
             open: v.value,
             "relative-element": m.value,
-            onOnOutsideClick: y
+            onOnOutsideClick: $
           }, {
             default: E(() => [
-              H(p(ye), {
+              H(p($e), {
                 "selected-values": u.value,
                 "initial-date": r.value,
                 type: V.type,
@@ -5429,17 +5429,17 @@ const t2 = /* @__PURE__ */ T({
             width: 648,
             open: v.value,
             "relative-element": m.value,
-            onOnOutsideClick: y
+            onOnOutsideClick: $
           }, {
             default: E(() => [
-              H(p(ye), {
+              H(p($e), {
                 "selected-values": u.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(p($e), {
                 "selected-values": u.value,
                 "initial-date": s.value,
                 type: V.type,
@@ -5465,7 +5465,7 @@ const Kc = { class: "nmorph-year-month-picker__header" }, Zc = { class: "nmorph-
     const { months: l } = ke(), r = l.map((_, z) => ({
       label: _.substring(0, 3),
       value: String(z)
-    })), s = t, u = $(r), c = $(String(s.currentDate.getMonth())), d = $(s.currentDate.getFullYear()), v = () => {
+    })), s = t, u = y(r), c = y(String(s.currentDate.getMonth())), d = y(s.currentDate.getFullYear()), v = () => {
       const _ = s.currentDate.getFullYear(), z = _2(_).map((V) => ({ label: String(V), value: String(V) }));
       u.value = z;
     };
@@ -5479,7 +5479,7 @@ const Kc = { class: "nmorph-year-month-picker__header" }, Zc = { class: "nmorph-
         deep: !0
       }
     );
-    const m = e, y = h(
+    const m = e, $ = h(
       () => D({
         "nmorph-year-month-picker": []
       })
@@ -5501,7 +5501,7 @@ const Kc = { class: "nmorph-year-month-picker__header" }, Zc = { class: "nmorph-
       s.type === "month" && m("back-to-years");
     };
     return (_, z) => (a(), o("div", {
-      class: B(y.value)
+      class: B($.value)
     }, [
       n("div", Kc, [
         H(p(U), {
@@ -5549,7 +5549,7 @@ const Kc = { class: "nmorph-year-month-picker__header" }, Zc = { class: "nmorph-
     ], 2));
   }
 });
-const ye = /* @__PURE__ */ T({
+const $e = /* @__PURE__ */ T({
   __name: "NmorphDatePickerContent",
   props: {
     initialDate: { default: () => /* @__PURE__ */ new Date() },
@@ -5562,14 +5562,14 @@ const ye = /* @__PURE__ */ T({
       () => D({
         "nmorph-date-picker-content": []
       })
-    ), u = $(l.initialDate), c = $("calendar"), d = h(() => new Date(u.value.setMonth(u.value.getMonth() - 1))), v = h(() => new Date(u.value.setMonth(u.value.getMonth() + 1))), m = h(() => new Date(u.value.setFullYear(u.value.getFullYear() - 1))), y = h(() => new Date(u.value.setFullYear(u.value.getFullYear() + 1))), M = () => {
+    ), u = y(l.initialDate), c = y("calendar"), d = h(() => new Date(u.value.setMonth(u.value.getMonth() - 1))), v = h(() => new Date(u.value.setMonth(u.value.getMonth() + 1))), m = h(() => new Date(u.value.setFullYear(u.value.getFullYear() - 1))), $ = h(() => new Date(u.value.setFullYear(u.value.getFullYear() + 1))), M = () => {
       u.value = d.value;
     }, g = () => {
       u.value = v.value;
     }, x = () => {
       u.value = m.value;
     }, f = () => {
-      u.value = y.value;
+      u.value = $.value;
     }, w = () => {
       c.value = "year";
     }, b = () => {
@@ -5730,7 +5730,7 @@ const e5 = { class: "nmorph-file-upload__trigger" }, t5 = ["multiple"], n5 = { c
       return f in He && (w = "image"), f in Ve && (w = "audio"), f in ze && (w = "video"), f in Be && (w = "archive"), w;
     };
     let u = ue(l.modelValue);
-    const c = $(null), d = () => {
+    const c = y(null), d = () => {
       c.value && c.value.click();
     }, v = (x) => {
       const f = x.target;
@@ -5750,7 +5750,7 @@ const e5 = { class: "nmorph-file-upload__trigger" }, t5 = ["multiple"], n5 = { c
         "update:model-value",
         u.map((x) => x.data)
       );
-    }, y = (x) => {
+    }, $ = (x) => {
       const f = u.findIndex((w) => w.data.name === x);
       f !== -1 && (URL.revokeObjectURL(u[f].previewUrl), u.splice(f, 1), m());
     };
@@ -5793,7 +5793,7 @@ const e5 = { class: "nmorph-file-upload__trigger" }, t5 = ["multiple"], n5 = { c
               key: w.name,
               class: "nmorph-file-upload__file"
             }, [
-              H(p(y2), { src: b }, null, 8, ["src"]),
+              H(p($2), { src: b }, null, 8, ["src"]),
               n("div", a5, [
                 H(p(P), {
                   name: s(w.type),
@@ -5806,7 +5806,7 @@ const e5 = { class: "nmorph-file-upload__trigger" }, t5 = ["multiple"], n5 = { c
                 H(p(U), {
                   height: "thin",
                   "style-type": "transparent",
-                  onClick: (_) => y(w.name)
+                  onClick: (_) => $(w.name)
                 }, {
                   default: E(() => [
                     H(p(P), { name: "error" })
@@ -5961,7 +5961,7 @@ const m5 = { class: "nmorph-number-input__content" }, _5 = { class: "nmorph-numb
 }, x5 = {
   key: 2,
   class: "nmorph-number-input__action-btns"
-}, $5 = { class: "nmorph-number-input__decrease" }, y5 = { class: "nmorph-number-input__increase" }, b5 = /* @__PURE__ */ T({
+}, y5 = { class: "nmorph-number-input__decrease" }, $5 = { class: "nmorph-number-input__increase" }, b5 = /* @__PURE__ */ T({
   __name: "NmorphNumberInput",
   props: {
     modelValue: { default: 0 },
@@ -5986,11 +5986,11 @@ const m5 = { class: "nmorph-number-input__content" }, _5 = { class: "nmorph-numb
           `${l.actionBtnPositionRight && "action-btn-position-right"}`
         ]
       })
-    ), s = $(l.modelValue), u = () => {
+    ), s = y(l.modelValue), u = () => {
       s.value += l.step;
     }, c = () => {
       s.value -= l.step;
-    }, d = h(() => s.value <= l.min), v = h(() => s.value >= l.max), m = h(() => l.height === "thick" ? "16px" : "12px"), y = {
+    }, d = h(() => s.value <= l.min), v = h(() => s.value >= l.max), m = h(() => l.height === "thick" ? "16px" : "12px"), $ = {
       thick: {
         default: "12px",
         right: "8px"
@@ -6005,7 +6005,7 @@ const m5 = { class: "nmorph-number-input__content" }, _5 = { class: "nmorph-numb
       }
     }, M = h(() => {
       const w = l.actionBtnPositionRight ? "right" : "default";
-      return y[l.height][w];
+      return $[l.height][w];
     }), g = e, x = (w) => {
       const b = w.target;
       let _ = Number(b.value);
@@ -6016,7 +6016,7 @@ const m5 = { class: "nmorph-number-input__content" }, _5 = { class: "nmorph-numb
     }), Z(() => {
       g("inputDOMRef", f);
     });
-    const f = $(null);
+    const f = y(null);
     return (w, b) => (a(), o("div", {
       class: B(r.value)
     }, [
@@ -6050,7 +6050,7 @@ const m5 = { class: "nmorph-number-input__content" }, _5 = { class: "nmorph-numb
             onInput: x
           }, null, 40, g5),
           w.actionBtnPositionRight ? (a(), o("div", x5, [
-            n("div", $5, [
+            n("div", y5, [
               H(p(U), {
                 "style-type": "transparent",
                 disabled: d.value,
@@ -6066,7 +6066,7 @@ const m5 = { class: "nmorph-number-input__content" }, _5 = { class: "nmorph-numb
                 _: 1
               }, 8, ["disabled"])
             ]),
-            n("div", y5, [
+            n("div", $5, [
               H(p(U), {
                 "style-type": "transparent",
                 disabled: v.value,
@@ -6129,7 +6129,7 @@ const M5 = { class: "nmorph-select__content" }, k5 = {
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const l = t, r = e, s = $(l.modelValue), u = $(l.open), c = $(null), d = $(null), v = $(!0), m = (_) => {
+    const l = t, r = e, s = y(l.modelValue), u = y(l.open), c = y(null), d = y(null), v = y(!0), m = (_) => {
       if (!l.disabled) {
         if (u.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;
@@ -6139,7 +6139,7 @@ const M5 = { class: "nmorph-select__content" }, k5 = {
         }
         r("update:model-value", s.value);
       }
-    }, y = h(
+    }, $ = h(
       () => D({
         nmorph: [ne[l.height], `${l.fill && "fill"}`],
         "nmorph-select": [
@@ -6166,9 +6166,9 @@ const M5 = { class: "nmorph-select__content" }, k5 = {
     });
     const x = 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), w = 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);
-    const b = $(null);
+    const b = y(null);
     return (_, z) => (a(), o("div", {
-      class: B(y.value)
+      class: B($.value)
     }, [
       n("div", M5, [
         n("div", {
@@ -6243,7 +6243,7 @@ const B5 = { class: "nmorph-select-option__content" }, O2 = /* @__PURE__ */ T({
         ]
       })
     );
-    return (m, y) => (a(), o("div", {
+    return (m, $) => (a(), o("div", {
       class: B(v.value),
       onClick: c
     }, [
@@ -6280,7 +6280,7 @@ const C5 = { class: "nmorph-slider__content" }, S5 = { class: "nmorph-slider__in
         nmorph: [`${l.fill && "fill"}`],
         "nmorph-slider": [`${l.disabled && "disabled"}`]
       })
-    ), s = `${n2}px`, u = $(l.showTooltip), c = e, d = $(l.modelValue), v = $(null);
+    ), s = `${n2}px`, u = y(l.showTooltip), c = e, d = y(l.modelValue), v = y(null);
     Y(d, () => {
       c("update:model-value", d.value);
     }), Y(
@@ -6290,18 +6290,18 @@ const C5 = { class: "nmorph-slider__content" }, S5 = { class: "nmorph-slider__in
       }
     );
     const m = h(() => {
-      const C = y.value - y.value, k = l.max - l.min + C, W = (d.value - l.min) / k * 100, O = v.value?.clientWidth || 0, L = n2 / O * 100, R = L / 2;
+      const C = $.value - $.value, k = l.max - l.min + C, W = (d.value - l.min) / k * 100, O = v.value?.clientWidth || 0, L = n2 / O * 100, R = L / 2;
       let K = W - R;
       const ae = `${Math.max(0, Math.min(100 - L, K))}%`, ge = `${K + R}%`;
       return {
         thumb: ae,
         tooltip: ge
       };
-    }), y = $(0), M = $(0), g = () => {
-      y.value = window.innerWidth, M.value = window.innerHeight;
+    }), $ = y(0), M = y(0), g = () => {
+      $.value = window.innerWidth, M.value = window.innerHeight;
     };
     Z(() => {
-      typeof window < "u" && (y.value = window.innerWidth, M.value = window.innerHeight, window.addEventListener("resize", g));
+      typeof window < "u" && ($.value = window.innerWidth, M.value = window.innerHeight, window.addEventListener("resize", g));
     }), Me(() => {
       typeof window < "u" && (document.removeEventListener("mouseup", f), window.removeEventListener("resize", g));
     });
@@ -6318,14 +6318,14 @@ const C5 = { class: "nmorph-slider__content" }, S5 = { class: "nmorph-slider__in
       document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", f), j.value = !0;
     }, w = () => {
       l.disabled || (document.addEventListener("mousemove", x), document.addEventListener("mouseup", f));
-    }, b = $(null), _ = () => {
+    }, b = y(null), _ = () => {
       l.showTooltip && (u.value = !0);
     }, z = () => {
       l.showTooltip && (u.value = !1);
     }, V = (C) => {
       const k = C.target;
       d.value = Number(k.value);
-    }, j = $(!0);
+    }, j = y(!0);
     return (C, k) => (a(), o("div", {
       class: B(r.value)
     }, [
@@ -6387,13 +6387,13 @@ const T5 = ["value", "disabled"], O5 = { class: "nmorph-switch-thumb" }, P5 = /*
           `${l.loading && "loading"}`
         ]
       })
-    ), s = e, u = $(l.modelValue === l.activeValue), c = () => {
+    ), s = e, u = y(l.modelValue === l.activeValue), c = () => {
       if (l.disabled)
         return;
       u.value = !u.value;
       const v = u.value ? l.activeValue : l.inactiveValue;
       s("update:model-value", v);
-    }, d = $(null);
+    }, d = y(null);
     return Z(() => {
       s("inputDOMRef", d);
     }), Y(
@@ -6460,13 +6460,13 @@ const q5 = { class: "nmorph-text-input__input-side" }, E5 = {
     ), u = (b) => {
       const _ = b.target;
       x("update:model-value", _.value);
-    }, c = $(!1), d = () => {
+    }, c = y(!1), d = () => {
       r.clearable ? x("update:model-value", "") : c.value = !c.value;
-    }, v = h(() => r.typePassword && !c.value && !r.clearable ? "password" : "text"), m = $(!1), y = () => {
+    }, v = h(() => r.typePassword && !c.value && !r.clearable ? "password" : "text"), m = y(!1), $ = () => {
       x("focus"), m.value = !0;
     }, M = () => {
       x("blur"), m.value = !1;
-    }, g = $(null), x = e;
+    }, g = y(null), x = e;
     Z(() => {
       x("inputDOMRef", g);
     });
@@ -6487,7 +6487,7 @@ const q5 = { class: "nmorph-text-input__input-side" }, E5 = {
           disabled: r.disabled,
           value: r.modelValue,
           onInput: u,
-          onFocus: y,
+          onFocus: $,
           onBlur: M,
           onKeyup: _[0] || (_[0] = U2((z) => x("on-enter"), ["enter"]))
         }, null, 40, R5),
@@ -6508,7 +6508,7 @@ const q5 = { class: "nmorph-text-input__input-side" }, E5 = {
     ], 2));
   }
 });
-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__ */ T({
+const F5 = { class: "nmorph-time-picker__content" }, j5 = { class: "nmorph-time-picker__selected-time" }, W5 = ["value"], L5 = { class: "nmorph-time-picker__dropdown" }, ye = 20, U5 = /* @__PURE__ */ T({
   __name: "NmorphTimePicker",
   props: {
     modelValue: { default: 0 },
@@ -6525,13 +6525,13 @@ const F5 = { class: "nmorph-time-picker__content" }, j5 = { class: "nmorph-time-
     J((C) => ({
       "330fd874": V.value
     }));
-    const l = t, r = e, s = $(null), u = $(null), c = $(l.open), d = $([0, 0, 0]), v = $(l.initWithoutValue);
+    const l = t, r = e, s = y(null), u = y(null), c = y(l.open), d = y([0, 0, 0]), v = y(l.initWithoutValue);
     Z(() => {
       r("inputDOMRef", u);
     });
     const m = () => {
       c.value = !c.value;
-    }, y = h(
+    }, $ = h(
       () => D({
         nmorph: [ne[l.height]],
         "nmorph-time-picker": [`${l.disabled && "disabled"}`, `${c.value && "open"}`]
@@ -6558,13 +6558,13 @@ const F5 = { class: "nmorph-time-picker__content" }, j5 = { class: "nmorph-time-
       const C = Pe(l.modelValue).split(":").map((k) => Number(k));
       d.value = C;
     })();
-    const V = h(() => `${$e}px`), j = h(() => v.value ? "——:——:——" : Pe(l.modelValue));
+    const V = h(() => `${ye}px`), j = h(() => v.value ? "——:——:——" : Pe(l.modelValue));
     return (C, k) => {
       const W = l2("NmorphTimeRoller");
       return a(), o("div", {
         ref_key: "timepickerDOMRef",
         ref: s,
-        class: B(y.value),
+        class: B($.value),
         onClick: m
       }, [
         n("div", F5, [
@@ -6595,7 +6595,7 @@ const F5 = { class: "nmorph-time-picker__content" }, j5 = { class: "nmorph-time-
                   "set-value-on-mount": !v.value,
                   values: p(M),
                   "selected-value": d.value[0],
-                  "step-height": $e,
+                  "step-height": ye,
                   "disabled-range": C.disabledHours,
                   onValueChanged: f
                 }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
@@ -6604,7 +6604,7 @@ const F5 = { class: "nmorph-time-picker__content" }, j5 = { class: "nmorph-time-
                   values: p(g),
                   "selected-value": d.value[1],
                   "disabled-range": C.disabledMinutes,
-                  "step-height": $e,
+                  "step-height": ye,
                   onValueChanged: w
                 }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
                 H(W, {
@@ -6612,7 +6612,7 @@ const F5 = { class: "nmorph-time-picker__content" }, j5 = { class: "nmorph-time-
                   values: p(g),
                   "disabled-range": C.disabledSeconds,
                   "selected-value": d.value[2],
-                  "step-height": $e,
+                  "step-height": ye,
                   onValueChanged: b
                 }, null, 8, ["set-value-on-mount", "values", "disabled-range", "selected-value"])
               ])
@@ -6667,10 +6667,10 @@ const Pe = (t) => {
       () => D({
         "nmorph-radio": [`${s.disabled && "disabled"}`, `${c.value && "checked"}`, s.styleType]
       })
-    ), v = e, m = $(null);
+    ), v = e, m = y(null);
     return Z(() => {
       v("inputDOMRef", m);
-    }), (y, M) => (a(), o("label", {
+    }), ($, M) => (a(), o("label", {
       class: B(d.value),
       onClick: re(u, ["prevent"])
     }, [
@@ -6688,7 +6688,7 @@ const Pe = (t) => {
           M[0] || (M[0] = n("div", { class: "nmorph-radio__fake" }, null, -1)),
           c.value ? (a(), o("div", K5)) : A("", !0)
         ]),
-        s.label ? (a(), o("span", Z5, F(s.label), 1)) : S(y.$slots, "label", { key: 1 }, void 0, !0)
+        s.label ? (a(), o("span", Z5, F(s.label), 1)) : S($.$slots, "label", { key: 1 }, void 0, !0)
       ])) : A("", !0),
       s.styleType === "button" ? (a(), o("div", X5, [
         n("input", {
@@ -6704,7 +6704,7 @@ const Pe = (t) => {
         s.label ? (a(), o("div", N5, [
           n("span", null, F(s.label), 1)
         ])) : (a(), o("div", I5, [
-          S(y.$slots, "label", {}, void 0, !0)
+          S($.$slots, "label", {}, void 0, !0)
         ]))
       ])) : A("", !0)
     ], 2));
@@ -6725,7 +6725,7 @@ const t9 = { class: "nmorph-radio-group__wrapper" }, n9 = { class: "nmorph-radio
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const l = t, r = $(l.modelValue);
+    const l = t, r = y(l.modelValue);
     Y(
       () => l.modelValue,
       (d) => {
@@ -6760,19 +6760,20 @@ const a9 = /* @__PURE__ */ T({
   props: {
     right: { default: 40 },
     bottom: { default: 40 },
-    visibilityHeight: { default: 200 }
+    visibilityHeight: { default: 200 },
+    design: { default: "nmorph" }
   },
   emits: ["click"],
   setup(t, { emit: e }) {
     J((g) => ({
-      "28ac814d": s.value,
-      "5c1e7dcc": u.value
+      "13d4e1c7": s.value,
+      "4bd46fe0": u.value
     }));
     const l = t, r = e, s = h(() => `${l.right}px`), u = h(() => `${l.bottom}px`), c = h(
       () => D({
-        "nmorph-backtop": [`${m.value && "show"}`]
+        "nmorph-backtop": [`${m.value && "show"}`, l.design]
       })
-    ), d = $(null), v = $(null), m = $(!1), y = (g) => {
+    ), d = y(null), v = y(null), m = y(!1), $ = (g) => {
       if (!g)
         return;
       const x = g.target;
@@ -6785,9 +6786,9 @@ const a9 = /* @__PURE__ */ T({
       });
     };
     return Z(() => {
-      v.value && (d.value = v.value.parentElement, d.value?.addEventListener("scroll", y));
+      v.value && (d.value = v.value.parentElement, d.value?.addEventListener("scroll", $));
     }), Me(() => {
-      d.value && d.value?.removeEventListener("scroll", y);
+      d.value && d.value?.removeEventListener("scroll", $);
     }), (g, x) => (a(), o("div", {
       ref_key: "selfDOMEl",
       ref: v,
@@ -6797,15 +6798,18 @@ const a9 = /* @__PURE__ */ T({
         onClick: re(M, ["stop"])
       }, [
         S(g.$slots, "default", {}, () => [
-          H(p(U), null, {
+          H(p(U), {
+            "style-type": l.design === "nmorph" ? "default" : "transparent"
+          }, {
             default: E(() => [
               H(p(P), {
                 name: "chevron-down",
-                class: "nmorph-backtop__up-icon"
-              })
+                class: "nmorph-backtop__up-icon",
+                color: l.design === "nmorph" ? void 0 : "var(--nmorph-white-color)"
+              }, null, 8, ["color"])
             ]),
             _: 1
-          })
+          }, 8, ["style-type"])
         ])
       ])
     ], 2));
@@ -6820,7 +6824,7 @@ const l9 = ["id"], o9 = {
     separator: { default: "/" }
   },
   setup(t) {
-    const e = t, l = $([]), r = _e();
+    const e = t, l = y([]), r = _e();
     N("breadcrumb-data", { breadcrumbs: l, breadcrumbId: r });
     const s = h(
       () => D({
@@ -6855,7 +6859,7 @@ const s9 = /* @__PURE__ */ T({
       () => D({
         "nmorph-breadcrumb-item": []
       })
-    ), r = X("breadcrumb-data", void 0), s = $(!1), u = _e();
+    ), r = X("breadcrumb-data", void 0), s = y(!1), u = _e();
     return Z(() => {
       s.value = !0, r && r.breadcrumbs.value.push({ ...e, itemId: u });
     }), (c, d) => {
@@ -6897,7 +6901,7 @@ const ce = /* @__PURE__ */ T({
     J((m) => ({
       f609801e: d.value
     }));
-    const l = t, r = e, s = $(null), { placementCoords: u } = B2({
+    const l = t, r = e, s = y(null), { placementCoords: u } = B2({
       initialPlacement: "bottom",
       contentDOMElement: s,
       relativeElement: l.relativeElement,
@@ -6910,7 +6914,7 @@ const ce = /* @__PURE__ */ T({
     ), d = h(() => l.fillWidth ? `${l.relativeElement?.clientWidth}px` : `${l.width}px`), v = () => {
       r("on-outside-click");
     };
-    return (m, y) => (a(), q(p(Ce), {
+    return (m, $) => (a(), q(p(Ce), {
       show: l.open,
       transparent: "",
       onOnOutsideClick: v
@@ -6942,21 +6946,21 @@ const i9 = { class: "nmorph-tabs__label-list" }, d9 = ["id", "onClick", "custom"
       () => D({
         "nmorph-tabs": [`${l.stretch && "stretch"}`]
       })
-    ), u = (y) => {
-      if (y.disabled)
+    ), u = ($) => {
+      if ($.disabled)
         return;
-      const { name: M } = y;
+      const { name: M } = $;
       r("update:model-value", M), r("tab-change", M);
-    }, c = $([]), d = _e();
+    }, c = y([]), d = _e();
     N("nmorph-tabs-data", {
       tabsData: c,
       tabsIdentifier: d
     });
     const v = h(() => l.panes.length > 0 ? l.panes : c.value), m = qe();
-    return (y, M) => (a(), o("div", {
+    return ($, M) => (a(), o("div", {
       class: B(s.value)
     }, [
-      S(y.$slots, "default"),
+      S($.$slots, "default"),
       n("div", i9, [
         (a(!0), o(G, null, Q(v.value, (g) => (a(), o("div", {
           id: p(Ye)(p(d), g.name),
@@ -7005,7 +7009,7 @@ const Ye = (t, e) => {
       () => D({
         "nmorph-tab-pane": []
       })
-    ), r = X("nmorph-tabs-data", void 0), s = $(!1);
+    ), r = X("nmorph-tabs-data", void 0), s = y(!1);
     Z(() => {
       s.value = !0;
     }), r.tabsData.value.push(e);
@@ -7080,7 +7084,7 @@ const f9 = /* @__PURE__ */ T({
     quantity: { default: 100 }
   },
   setup(t) {
-    const e = $([]), l = h(() => u.notifications.filter((d) => !e.value.includes(d.id))), r = h(() => {
+    const e = y([]), l = h(() => u.notifications.filter((d) => !e.value.includes(d.id))), r = h(() => {
       const d = Math.max(l.value.length - u.quantity, 0);
       return l.value.slice(d);
     }), s = (d) => {
@@ -7119,7 +7123,7 @@ const w9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NmorphArchiveResolution: Be,
   NmorphAudioResolution: Ve,
   NmorphAutocomplete: Oc,
-  NmorphAvatar: $d,
+  NmorphAvatar: yd,
   NmorphBacktop: a9,
   NmorphBadge: Md,
   NmorphBreadcrumb: r9,
@@ -7129,7 +7133,7 @@ const w9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NmorphButtonStyle: s2,
   NmorphButtonType: i2,
   NmorphCalendar: m2,
-  NmorphCalendarHeader: $2,
+  NmorphCalendarHeader: y2,
   NmorphCard: Od,
   NmorphCarousel: Rd,
   NmorphCarouselItem: Fd,
@@ -7138,7 +7142,7 @@ const w9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NmorphCollapse: jd,
   NmorphCollapseItem: Wd,
   NmorphDatePicker: Qc,
-  NmorphDatePickerContent: ye,
+  NmorphDatePickerContent: $e,
   NmorphDatePickerHeader: T2,
   NmorphDialog: Pu,
   NmorphDivider: R2,
@@ -7151,7 +7155,7 @@ const w9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NmorphIconSize: u2,
   NmorphIconsMap: c2,
   NmorphImage: be,
-  NmorphImagePreview: y2,
+  NmorphImagePreview: $2,
   NmorphImageResolution: He,
   NmorphLink: gd,
   NmorphLinkTarget: v2,
@@ -7202,7 +7206,7 @@ const w9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   timeArrayToTimestamp: q2,
   useCalendarTexts: ke
 }, Symbol.toStringTag, { value: "Module" })), x9 = () => {
-  const t = $({ width: 0, height: 0 }), e = () => {
+  const t = y({ width: 0, height: 0 }), e = () => {
     t.value.width = window.innerWidth, t.value.height = window.innerHeight;
   };
   return window && window.addEventListener("resize", e), {
@@ -7218,7 +7222,7 @@ const w9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }
     const l = uc(e.theme), r = x9(), s = { theme: l, browser: r };
     return t.provide("nmorph", s), Object.entries(w9).forEach(([u, c]) => {
-      if ($9(c))
+      if (y9(c))
         if (e.components === void 0)
           t.component(u, c);
         else {
@@ -7229,7 +7233,7 @@ const w9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }), t;
   }
 };
-function $9(t) {
+function y9(t) {
   return t && (typeof t == "object" || typeof t == "function") && ("render" in t || "template" in t || "setup" in t);
 }
 export {
@@ -7241,7 +7245,7 @@ export {
   qu as NmorphArrayValidationOperator,
   Ve as NmorphAudioResolution,
   Oc as NmorphAutocomplete,
-  $d as NmorphAvatar,
+  yd as NmorphAvatar,
   a9 as NmorphBacktop,
   Md as NmorphBadge,
   Ru as NmorphBooleanCompareOperator,
@@ -7252,7 +7256,7 @@ export {
   s2 as NmorphButtonStyle,
   i2 as NmorphButtonType,
   m2 as NmorphCalendar,
-  $2 as NmorphCalendarHeader,
+  y2 as NmorphCalendarHeader,
   Od as NmorphCard,
   Rd as NmorphCarousel,
   Fd as NmorphCarouselItem,
@@ -7265,7 +7269,7 @@ export {
   ne as NmorphComponentHeight,
   X2 as NmorphComponentPosition,
   Qc as NmorphDatePicker,
-  ye as NmorphDatePickerContent,
+  $e as NmorphDatePickerContent,
   T2 as NmorphDatePickerHeader,
   Pu as NmorphDialog,
   R2 as NmorphDivider,
@@ -7280,7 +7284,7 @@ export {
   c2 as NmorphIconsMap,
   be as NmorphImage,
   J2 as NmorphImageFit,
-  y2 as NmorphImagePreview,
+  $2 as NmorphImagePreview,
   He as NmorphImageResolution,
   gd as NmorphLink,
   v2 as NmorphLinkTarget,