@nmorph/nmorph-ui-kit 0.2.134 → 0.2.136

package/dist/index.es.js

@@ -1,18 +1,18 @@
-import { defineComponent as D, computed as h, ref as b, openBlock as a, createElementBlock as l, normalizeClass as k, createElementVNode as n, createBlock as q, unref as f, renderSlot as C, toDisplayString as F, createCommentVNode as T, useCssVars as X, normalizeStyle as I, resolveDynamicComponent as O2, createStaticVNode as Ie, createTextVNode as te, inject as Z, onUnmounted as be, onMounted as N, nextTick as he, watch as Q, mergeProps as de, createVNode as B, withCtx as W, reactive as ue, Fragment as U, renderList as G, provide as J, Teleport as pe, withModifiers as re, withDirectives as Ae, vShow as Te, useSlots as Oe, readonly as P2, TransitionGroup as me, resolveComponent as Me, withKeys as q2 } from "vue";
+import { defineComponent as D, computed as h, ref as b, openBlock as a, createElementBlock as l, normalizeClass as V, createElementVNode as n, createBlock as q, unref as f, renderSlot as C, toDisplayString as R, createCommentVNode as T, useCssVars as X, normalizeStyle as I, resolveDynamicComponent as O2, createStaticVNode as Ie, createTextVNode as ne, inject as Z, onUnmounted as Me, onMounted as N, nextTick as me, watch as Q, mergeProps as de, createVNode as B, withCtx as W, reactive as ue, Fragment as U, renderList as G, provide as J, Teleport as _e, withModifiers as re, withDirectives as Te, vShow as De, useSlots as Pe, readonly as P2, TransitionGroup as fe, resolveComponent as ze, withKeys as q2 } from "vue";
 import { useI18n as E2, createI18n as R2 } from "vue-i18n";
-var ne = /* @__PURE__ */ ((t) => (t.thick = "thick-component", t.default = "default-height-component", t.thin = "thin-component", t))(ne || {}), F2 = /* @__PURE__ */ ((t) => (t.circle = "circle", t.square = "square", t))(F2 || {}), j2 = /* @__PURE__ */ ((t) => (t.ascending = "ascending", t.descending = "descending", t))(j2 || {}), W2 = /* @__PURE__ */ ((t) => (t.row = "row", t.column = "column", t))(W2 || {}), e2 = /* @__PURE__ */ ((t) => (t.inset = "shadow-inset", t.outset = "shadow-outset", t.combined = "shadow-combined", t["not-defined"] = "shadow-not-defined", t))(e2 || {}), t2 = /* @__PURE__ */ ((t) => (t.accent = "accent", t.success = "success", t.error = "error", t.warning = "warning", t))(t2 || {}), s = /* @__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))(s || {}), L2 = /* @__PURE__ */ ((t) => (t.left = "left", t.right = "right", t.top = "top", t.bottom = "bottom", t))(L2 || {}), U2 = /* @__PURE__ */ ((t) => (t.fill = "fill", t.contain = "contain", t.cover = "cover", t.none = "none", t["scale-down"] = "scale-down", t))(U2 || {}), ee = /* @__PURE__ */ ((t) => (t.en = "en", t.ru = "ru", t.zh = "zh", t))(ee || {}), G2 = /* @__PURE__ */ ((t) => (t["radio-style"] = "radio-style", t.button = "button", t))(G2 || {}), Q2 = /* @__PURE__ */ ((t) => (t.date = "date", t.dates = "dates", t.daterange = "daterange", t))(Q2 || {});
+var ae = /* @__PURE__ */ ((t) => (t.thick = "thick-component", t.default = "default-height-component", t.thin = "thin-component", t))(ae || {}), F2 = /* @__PURE__ */ ((t) => (t.circle = "circle", t.square = "square", t))(F2 || {}), j2 = /* @__PURE__ */ ((t) => (t.ascending = "ascending", t.descending = "descending", t))(j2 || {}), W2 = /* @__PURE__ */ ((t) => (t.row = "row", t.column = "column", t))(W2 || {}), e2 = /* @__PURE__ */ ((t) => (t.inset = "shadow-inset", t.outset = "shadow-outset", t.combined = "shadow-combined", t["not-defined"] = "shadow-not-defined", t))(e2 || {}), t2 = /* @__PURE__ */ ((t) => (t.accent = "accent", t.success = "success", t.error = "error", t.warning = "warning", t))(t2 || {}), 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 || {}), L2 = /* @__PURE__ */ ((t) => (t.left = "left", t.right = "right", t.top = "top", t.bottom = "bottom", t))(L2 || {}), U2 = /* @__PURE__ */ ((t) => (t.fill = "fill", t.contain = "contain", t.cover = "cover", t.none = "none", t["scale-down"] = "scale-down", t))(U2 || {}), ee = /* @__PURE__ */ ((t) => (t.en = "en", t.ru = "ru", t.zh = "zh", t))(ee || {}), G2 = /* @__PURE__ */ ((t) => (t["radio-style"] = "radio-style", t.button = "button", t))(G2 || {}), Q2 = /* @__PURE__ */ ((t) => (t.date = "date", t.dates = "dates", t.daterange = "daterange", t))(Q2 || {});
 const Y2 = (t, e) => {
   const o = e.filter((r) => r !== "false" && r && r !== "undefined").map((r) => `${t}--${r}`);
   return o.push(t), o.join(" ").trim().replace(/\s+/g, " ");
-}, A = (t) => Object.entries(t).map(([e, o]) => Y2(e, o)).join(" ").trim().replace(/\s+/g, " "), Le = (t) => JSON.parse(JSON.stringify(t)), p9 = (t) => {
+}, A = (t) => Object.entries(t).map(([e, o]) => Y2(e, o)).join(" ").trim().replace(/\s+/g, " "), Ue = (t) => JSON.parse(JSON.stringify(t)), m9 = (t) => {
   if (!t)
     return !1;
   const e = new DOMParser().parseFromString(t, "text/html");
   return Array.from(e.body.childNodes).some((o) => o.nodeType === 1);
-}, _e = () => {
+}, ge = () => {
   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), Ue = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), Ge = {
+}, _9 = (t) => t.charAt(0).toUpperCase() + t.slice(1), Ge = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), Qe = {
   error: {
     bg: "#000000",
     text: "red"
@@ -30,11 +30,11 @@ const Y2 = (t, e) => {
     text: "blue"
   }
 }, K2 = (t, e) => {
-  console.log(`%c ${e} `, `background: ${Ge[t].bg}; color: ${Ge[t].text}`);
-}, _9 = (t) => t.replace(/(^\w|-\w)/g, (e) => e.replace(/-/, "").toUpperCase()), f9 = (t) => {
+  console.log(`%c ${e} `, `background: ${Qe[t].bg}; color: ${Qe[t].text}`);
+}, f9 = (t) => t.replace(/(^\w|-\w)/g, (e) => e.replace(/-/, "").toUpperCase()), g9 = (t) => {
   const e = t.replace(/([A-Z])/g, " $1").trim();
   return e.charAt(0).toUpperCase() + e.slice(1);
-}, g9 = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/([A-Z])/g, "-$1").toLowerCase().replace(/--+/g, "-").replace(/^-/, ""), w9 = (t) => t.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/([A-Z])/g, " $1").trim(), Z2 = ["disabled", "loading", "type"], X2 = { key: 1 }, J2 = { key: 0 }, K = /* @__PURE__ */ D({
+}, w9 = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/([A-Z])/g, "-$1").toLowerCase().replace(/--+/g, "-").replace(/^-/, ""), x9 = (t) => t.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/([A-Z])/g, " $1").trim(), Z2 = ["disabled", "loading", "type"], X2 = { key: 1 }, J2 = { key: 0 }, K = /* @__PURE__ */ D({
   __name: "NmorphButton",
   props: {
     styleType: { default: "default" },
@@ -52,7 +52,7 @@ const Y2 = (t, e) => {
   setup(t, { expose: e }) {
     const o = t, r = h(
       () => A({
-        nmorph: [ne[o.height], `${o.fill && "fill"}`],
+        nmorph: [ae[o.height], `${o.fill && "fill"}`],
         "nmorph-button": [
           o.styleType,
           o.shape,
@@ -62,17 +62,17 @@ const Y2 = (t, e) => {
           `${o.icon && "icon"}`
         ]
       })
-    ), i = b(null), u = {
+    ), s = b(null), u = {
       thin: "small",
       default: "medium",
       thick: "large"
     }, c = h(() => u[o.height]);
-    return e({ buttonDOMElement: i }), (d, v) => (a(), l("div", {
-      class: k(r.value)
+    return e({ buttonDOMElement: s }), (d, v) => (a(), l("div", {
+      class: V(r.value)
     }, [
       n("button", {
         ref_key: "buttonDOMElement",
-        ref: i,
+        ref: s,
         class: "nmorph-button__content",
         disabled: o.disabled,
         loading: o.loading,
@@ -83,7 +83,7 @@ const Y2 = (t, e) => {
           name: o.icon
         }, null, 8, ["name"])) : (a(), l("div", X2, [
           C(d.$slots, "default"),
-          !o.loading && o.text !== void 0 ? (a(), l("span", J2, F(o.text), 1)) : T("", !0),
+          !o.loading && o.text !== void 0 ? (a(), l("span", J2, R(o.text), 1)) : T("", !0),
           o.loading ? (a(), q(f(E), {
             key: 1,
             name: "loader",
@@ -110,7 +110,7 @@ const N2 = {
   },
   setup(t) {
     X((u) => ({
-      d36f10ce: i.value
+      d36f10ce: s.value
     }));
     const e = t, o = h(
       () => A({
@@ -123,9 +123,9 @@ const N2 = {
     ), r = h(() => {
       const u = {};
       return e.width && (u["--width"] = e.width), e.height && (u["--height"] = e.height), u;
-    }), i = h(() => e.color);
+    }), s = h(() => e.color);
     return (u, c) => (a(), l("div", {
-      class: k(o.value),
+      class: V(o.value),
       style: I(r.value)
     }, [
       e.name ? (a(), l("div", N2, [
@@ -225,12 +225,12 @@ const z0 = { render: M0 }, H0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
 };
-function V0(t, e) {
+function k0(t, e) {
   return a(), l("svg", H0, e[0] || (e[0] = [
     n("path", { d: "M30 0h2v23c0 2.761-3.134 5-7 5s-7-2.239-7-5 3.134-5 7-5c1.959 0 3.729.575 5 1.501V8l-16 3.556V27c0 2.761-3.134 5-7 5s-7-2.239-7-5 3.134-5 7-5c1.959 0 3.729.575 5 1.501V4z" }, null, -1)
   ]));
 }
-const k0 = { render: V0 }, B0 = {
+const V0 = { render: k0 }, B0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -393,13 +393,13 @@ const z1 = { render: M1 }, H1 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function V1(t, e) {
+function k1(t, e) {
   return a(), l("svg", H1, e[0] || (e[0] = [
     n("path", { d: "M273.536 736H800a64 64 0 0 0 64-64V256a64 64 0 0 0-64-64H224a64 64 0 0 0-64 64v570.88zM296 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: "M512 499.2a51.2 51.2 0 1 1 0-102.4 51.2 51.2 0 0 1 0 102.4m192 0a51.2 51.2 0 1 1 0-102.4 51.2 51.2 0 0 1 0 102.4m-384 0a51.2 51.2 0 1 1 0-102.4 51.2 51.2 0 0 1 0 102.4" }, null, -1)
   ]));
 }
-const k1 = { render: V1 }, B1 = {
+const V1 = { render: k1 }, B1 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -567,12 +567,12 @@ const zt = { render: Mt }, Ht = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function Vt(t, e) {
+function kt(t, e) {
   return a(), l("svg", Ht, e[0] || (e[0] = [
     n("path", { d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z" }, null, -1)
   ]));
 }
-const kt = { render: Vt }, Bt = {
+const Vt = { render: kt }, Bt = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -735,16 +735,16 @@ function zn(t, e) {
     n("path", { d: "M352 192V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64H96a32 32 0 0 1 0-64zm64 0h192v-64H416zM192 960a32 32 0 0 1-32-32V256h704v672a32 32 0 0 1-32 32zm224-192a32 32 0 0 0 32-32V416a32 32 0 0 0-64 0v320a32 32 0 0 0 32 32m192 0a32 32 0 0 0 32-32V416a32 32 0 0 0-64 0v320a32 32 0 0 0 32 32" }, null, -1)
   ]));
 }
-const Hn = { render: zn }, Vn = {
+const Hn = { render: zn }, kn = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function kn(t, e) {
-  return a(), l("svg", Vn, e[0] || (e[0] = [
+function Vn(t, e) {
+  return a(), l("svg", kn, e[0] || (e[0] = [
     n("path", { d: "M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32zm448-64v-64H416v64zM224 896h576V256H224zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32m192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32" }, null, -1)
   ]));
 }
-const Bn = { render: kn }, Cn = {
+const Bn = { render: Vn }, Cn = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -898,16 +898,16 @@ function z4(t, e) {
     n("path", { d: "M25.938 9.062 23.77 11.23l.118.074a15.2 15.2 0 0 1 4.67 4.697 15.2 15.2 0 0 1-4.67 4.697 14.64 14.64 0 0 1-11.45 1.864l-2.403 2.403a17.6 17.6 0 0 0 5.964 1.036c6.978 0 13.027-4.064 16-10a18.3 18.3 0 0 0-6.062-6.938z" }, null, -1)
   ]));
 }
-const H4 = { render: z4 }, V4 = {
+const H4 = { render: z4 }, k4 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function k4(t, e) {
-  return a(), l("svg", V4, e[0] || (e[0] = [
+function V4(t, e) {
+  return a(), l("svg", k4, e[0] || (e[0] = [
     n("path", { d: "m557.248 608 135.744-135.744-45.248-45.248-135.68 135.744-135.808-135.68-45.248 45.184L466.752 608l-135.68 135.68 45.184 45.312L512 653.248l135.744 135.744 45.248-45.248L557.312 608zM704 192h160v736H160V192h160v64h384zm-320 0V96h256v96z" }, null, -1)
   ]));
 }
-const B4 = { render: k4 }, C4 = {
+const B4 = { render: V4 }, C4 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -1063,16 +1063,16 @@ function za(t, e) {
     n("path", { d: "M192 352h640l64 544H128zm128 224h64V448h-64zm320 0h64V448h-64zM384 288h-64a192 192 0 1 1 384 0h-64a128 128 0 1 0-256 0" }, null, -1)
   ]));
 }
-const Ha = { render: za }, Va = {
+const Ha = { render: za }, ka = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function ka(t, e) {
-  return a(), l("svg", Va, e[0] || (e[0] = [
+function Va(t, e) {
+  return a(), l("svg", ka, e[0] || (e[0] = [
     n("path", { d: "M320 288v-22.336C320 154.688 405.504 64 512 64s192 90.688 192 201.664v22.4h131.072a32 32 0 0 1 31.808 28.8l57.6 576a32 32 0 0 1-31.808 35.2H131.328a32 32 0 0 1-31.808-35.2l57.6-576a32 32 0 0 1 31.808-28.8H320zm64 0h256v-22.336C640 189.248 582.272 128 512 128s-128 61.248-128 137.664v22.4zm-64 64H217.92l-51.2 512h690.56l-51.264-512H704v96a32 32 0 1 1-64 0v-96H384v96a32 32 0 0 1-64 0z" }, null, -1)
   ]));
 }
-const Ba = { render: ka }, Ca = {
+const Ba = { render: Va }, Ca = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -1235,16 +1235,16 @@ function z3(t, e) {
     n("path", { d: "M715.648 625.152 670.4 579.904l90.496-90.56c75.008-74.944 85.12-186.368 22.656-248.896-62.528-62.464-173.952-52.352-248.96 22.656L444.16 353.6l-45.248-45.248 90.496-90.496c100.032-99.968 251.968-110.08 339.456-22.656 87.488 87.488 77.312 239.424-22.656 339.456l-90.496 90.496zm-90.496 90.496-90.496 90.496C434.624 906.112 282.688 916.224 195.2 828.8c-87.488-87.488-77.312-239.424 22.656-339.456l90.496-90.496 45.248 45.248-90.496 90.56c-75.008 74.944-85.12 186.368-22.656 248.896 62.528 62.464 173.952 52.352 248.96-22.656l90.496-90.496zm0-362.048 45.248 45.248L398.848 670.4 353.6 625.152z" }, null, -1)
   ]));
 }
-const H3 = { render: z3 }, V3 = {
+const H3 = { render: z3 }, k3 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
-function k3(t, e) {
-  return a(), l("svg", V3, e[0] || (e[0] = [
+function V3(t, e) {
+  return a(), l("svg", k3, e[0] || (e[0] = [
     n("path", { d: "M704 192h160v736H160V192h160v64h384zM288 512h448v-64H288zm0 256h448v-64H288zm96-576V96h256v96z" }, null, -1)
   ]));
 }
-const B3 = { render: k3 }, C3 = {
+const B3 = { render: V3 }, C3 = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 100 100"
@@ -1431,12 +1431,12 @@ function Ho(t, e) {
     n("path", { d: "M288 384h448v64H288zm96-128h256v64H384zM131.456 512H384v128h256V512h252.544L721.856 192H302.144zM896 576H704v128H320V576H128v256h768zM275.776 128h472.448a32 32 0 0 1 28.608 17.664l179.84 359.552A32 32 0 0 1 960 519.552V864a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V519.552a32 32 0 0 1 3.392-14.336l179.776-359.552A32 32 0 0 1 275.776 128" }, null, -1)
   ]));
 }
-const Vo = { render: Ho }, ko = {
+const ko = { render: Ho }, Vo = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 function Bo(t, e) {
-  return a(), l("svg", ko, e[0] || (e[0] = [
+  return a(), l("svg", Vo, e[0] || (e[0] = [
     n("path", { d: "M128 224v512a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64V224zm0-64h768a64 64 0 0 1 64 64v512a128 128 0 0 1-128 128H192A128 128 0 0 1 64 736V224a64 64 0 0 1 64-64" }, null, -1),
     n("path", { d: "M904 224 656.512 506.88a192 192 0 0 1-289.024 0L120 224zm-698.944 0 210.56 240.704a128 128 0 0 0 192.704 0L818.944 224z" }, null, -1)
   ]));
@@ -1603,12 +1603,12 @@ function Hl(t, e) {
     n("path", { d: "M640 384v448h192V384zm-32-64h256a32 32 0 0 1 32 32v512a32 32 0 0 1-32 32H608a32 32 0 0 1-32-32V352a32 32 0 0 1 32-32" }, null, -1)
   ]));
 }
-const Vl = { render: Hl }, kl = {
+const kl = { render: Hl }, Vl = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 function Bl(t, e) {
-  return a(), l("svg", kl, e[0] || (e[0] = [
+  return a(), l("svg", Vl, e[0] || (e[0] = [
     n("path", { d: "M389.44 768a96.064 96.064 0 0 1 181.12 0H896v64H570.56a96.064 96.064 0 0 1-181.12 0H128v-64zm192-288a96.064 96.064 0 0 1 181.12 0H896v64H762.56a96.064 96.064 0 0 1-181.12 0H128v-64zm-320-288a96.064 96.064 0 0 1 181.12 0H896v64H442.56a96.064 96.064 0 0 1-181.12 0H128v-64z" }, null, -1)
   ]));
 }
@@ -1774,12 +1774,12 @@ function H6(t, e) {
     n("path", { d: "M608 256a64 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)
   ]));
 }
-const V6 = { render: H6 }, k6 = {
+const k6 = { render: H6 }, V6 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 function B6(t, e) {
-  return a(), l("svg", k6, e[0] || (e[0] = [
+  return a(), l("svg", V6, e[0] || (e[0] = [
     n("path", { d: "M224 318.336V896h576V318.336L552.512 115.84a64 64 0 0 0-81.024 0zM593.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)
   ]));
@@ -1937,12 +1937,12 @@ function Hr(t, e) {
     n("path", { d: "M813.176 180.706a60.235 60.235 0 0 1 60.236 60.235v481.883a60.235 60.235 0 0 1-60.236 60.235H210.824a60.235 60.235 0 0 1-60.236-60.235V240.94a60.235 60.235 0 0 1 60.236-60.235h602.352zm0-60.235H210.824A120.47 120.47 0 0 0 90.353 240.94v481.883a120.47 120.47 0 0 0 120.47 120.47h602.353a120.47 120.47 0 0 0 120.471-120.47V240.94a120.47 120.47 0 0 0-120.47-120.47zm-120.47 180.705a30.12 30.12 0 0 0-30.118 30.118v301.177a30.118 30.118 0 0 0 60.236 0V331.294a30.12 30.12 0 0 0-30.118-30.118m-361.412 0a30.12 30.12 0 0 0-30.118 30.118v301.177a30.118 30.118 0 1 0 60.236 0V331.294a30.12 30.12 0 0 0-30.118-30.118M512 361.412a30.12 30.12 0 0 0-30.118 30.117v30.118a30.118 30.118 0 0 0 60.236 0V391.53A30.12 30.12 0 0 0 512 361.412M512 512a30.12 30.12 0 0 0-30.118 30.118v30.117a30.118 30.118 0 0 0 60.236 0v-30.117A30.12 30.12 0 0 0 512 512" }, null, -1)
   ]));
 }
-const Vr = { render: Hr }, kr = {
+const kr = { render: Hr }, Vr = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 function Br(t, e) {
-  return a(), l("svg", kr, e[0] || (e[0] = [
+  return a(), l("svg", Vr, e[0] || (e[0] = [
     n("path", { d: "M224 128v704h576V128zm-32-64h640a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32" }, null, -1),
     n("path", { d: "M64 832h896v64H64zm256-640h128v96H320z" }, null, -1),
     n("path", { d: "M384 832h256v-64a128 128 0 1 0-256 0zm128-256a192 192 0 0 1 192 192v128H320V768a192 192 0 0 1 192-192M320 384h128v96H320zm256-192h128v96H576zm0 192h128v96H576z" }, null, -1)
@@ -2101,12 +2101,12 @@ function Hs(t, e) {
     n("path", { d: "M704 288h131.072a32 32 0 0 1 31.808 28.8L886.4 512h-64.384l-16-160H704v96a32 32 0 1 1-64 0v-96H384v96a32 32 0 0 1-64 0v-96H217.92l-51.2 512H512v64H131.328a32 32 0 0 1-31.808-35.2l57.6-576a32 32 0 0 1 31.808-28.8H320v-22.336C320 154.688 405.504 64 512 64s192 90.688 192 201.664v22.4zm-64 0v-22.336C640 189.248 582.272 128 512 128s-128 61.248-128 137.664v22.4h256zm201.408 476.16a32 32 0 1 1 45.248 45.184l-128 128a32 32 0 0 1-45.248 0l-128-128a32 32 0 1 1 45.248-45.248L704 837.504V608a32 32 0 1 1 64 0v229.504l73.408-73.408z" }, null, -1)
   ]));
 }
-const Vs = { render: Hs }, ks = {
+const ks = { render: Hs }, Vs = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 function Bs(t, e) {
-  return a(), l("svg", ks, e[0] || (e[0] = [
+  return a(), l("svg", Vs, e[0] || (e[0] = [
     n("path", { d: "M576 96v709.568L333.312 562.816A32 32 0 1 0 288 608l297.408 297.344A32 32 0 0 0 640 882.688V96a32 32 0 0 0-64 0" }, null, -1)
   ]));
 }
@@ -2266,9 +2266,9 @@ function H8(t, e) {
     n("path", { d: "M192 128v768h640V128zm-32-64h704a32 32 0 0 1 32 32v832a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32m160 448h384v64H320zm0-192h192v64H320zm0 384h384v64H320z" }, null, -1)
   ]));
 }
-const V8 = { render: H8 }, k8 = { viewBox: "0 0 32 32" };
+const k8 = { render: H8 }, V8 = { viewBox: "0 0 32 32" };
 function B8(t, e) {
-  return a(), l("svg", k8, e[0] || (e[0] = [
+  return a(), l("svg", V8, e[0] || (e[0] = [
     n("path", { d: "M20.586 23.414 14 16.828V8h4v7.172l5.414 5.414zM16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16S24.837 0 16 0m0 28C9.373 28 4 22.627 4 16S9.373 4 16 4s12 5.373 12 12-5.373 12-12 12" }, null, -1)
   ]));
 }
@@ -2433,12 +2433,12 @@ function Hi(t, e) {
     n("path", { d: "M512 512a192 192 0 1 0 0-384 192 192 0 0 0 0 384m0 64a256 256 0 1 1 0-512 256 256 0 0 1 0 512m320 320v-96a96 96 0 0 0-96-96H288a96 96 0 0 0-96 96v96a32 32 0 1 1-64 0v-96a160 160 0 0 1 160-160h448a160 160 0 0 1 160 160v96a32 32 0 1 1-64 0" }, null, -1)
   ]));
 }
-const Vi = { render: Hi }, ki = {
+const ki = { render: Hi }, Vi = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 function Bi(t, e) {
-  return a(), l("svg", ki, e[0] || (e[0] = [
+  return a(), l("svg", Vi, e[0] || (e[0] = [
     n("path", { d: "M128.896 736H96a32 32 0 0 1-32-32V224a32 32 0 0 1 32-32h576a32 32 0 0 1 32 32v96h164.544a32 32 0 0 1 31.616 27.136l54.144 352A32 32 0 0 1 922.688 736h-91.52a144 144 0 1 1-286.272 0H415.104a144 144 0 1 1-286.272 0zm23.36-64a143.872 143.872 0 0 1 239.488 0H568.32c17.088-25.6 42.24-45.376 71.744-55.808V256H128v416zm655.488 0h77.632l-19.648-128H704v64.896A144 144 0 0 1 807.744 672m48.128-192-14.72-96H704v96zM688 832a80 80 0 1 0 0-160 80 80 0 0 0 0 160m-416 0a80 80 0 1 0 0-160 80 80 0 0 0 0 160" }, null, -1)
   ]));
 }
@@ -2451,7 +2451,7 @@ function Ai(t, e) {
     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 Qe = { render: Ai }, Ti = {
+const Ye = { render: Ai }, Ti = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
@@ -2552,263 +2552,263 @@ function ud(t, e) {
   ]));
 }
 const cd = { render: ud }, r2 = {
-  [s["add-location"]]: t0,
-  [s.aim]: o0,
-  [s["alarm-clock"]]: s0,
-  [s.apple]: u0,
-  [s.archive]: h0,
-  [s["arrow-down"]]: _0,
-  [s["arrow-left"]]: w0,
-  [s["arrow-right"]]: y0,
-  [s["arrow-up"]]: z0,
-  [s.audio]: k0,
-  [s.avatar]: S0,
-  [s.back]: D0,
-  [s["bell-filled"]]: q0,
-  [s.bell]: F0,
-  [s.bicycle]: L0,
-  [s["bottom-left"]]: Q0,
-  [s["bottom-right"]]: Z0,
-  [s.bottom]: N0,
-  [s.burger]: t1,
-  [s.calendar]: o1,
-  [s.camera]: s1,
-  [s["caret-bottom"]]: u1,
-  [s["caret-left"]]: h1,
-  [s["caret-right"]]: _1,
-  [s["caret-top"]]: w1,
-  [s.cellphone]: y1,
-  [s["chat-dot-round"]]: z1,
-  [s["chat-dot-square"]]: k1,
-  [s["chat-line-round"]]: S1,
-  [s["chat-line-square"]]: D1,
-  [s["chat-round"]]: q1,
-  [s["chat-square"]]: F1,
-  [s.check]: L1,
-  [s.checked]: Q1,
-  [s.cherry]: Z1,
-  [s["chevron-double-down"]]: N1,
-  [s["chevron-down"]]: tt,
-  [s["chrome-filled"]]: ot,
-  [s["circle-check-filled"]]: st,
-  [s["circle-check"]]: ut,
-  [s["circle-close-filled"]]: ht,
-  [s["circle-close"]]: _t,
-  [s["circle-plus-filled"]]: wt,
-  [s["circle-plus"]]: yt,
-  [s.clock]: zt,
-  [s.close]: kt,
-  [s.cloudy]: St,
-  [s.code]: Dt,
-  [s["coffee-cup"]]: qt,
-  [s.coffee]: Ft,
-  [s.coin]: Lt,
-  [s["collection-tag"]]: Qt,
-  [s.collection]: Zt,
-  [s.compass]: Nt,
-  [s.connection]: tn,
-  [s.coordinate]: on,
-  [s["copy-document"]]: sn,
-  [s.copy]: cn,
-  [s.cpu]: pn,
-  [s["credit-card"]]: fn,
-  [s.crop]: xn,
-  [s.cross]: bn,
-  [s["delete-filled"]]: Hn,
-  [s.delete]: Bn,
-  [s.dessert]: An,
-  [s.discount]: On,
-  [s.doc]: En,
-  [s["document-add"]]: jn,
-  [s["document-checked"]]: Un,
-  [s["document-copy"]]: Yn,
-  [s["document-delete"]]: Xn,
-  [s["document-remove"]]: In,
-  [s.document]: n4,
-  [s.download]: l4,
-  [s["edit-pen"]]: i4,
-  [s.edit]: c4,
-  [s.enlarge]: p4,
-  [s.expand]: f4,
-  [s.error]: x4,
-  [s.eye]: b4,
-  [s["eye-blocked"]]: H4,
-  [s.failed]: B4,
-  [s.files]: A4,
-  [s.film]: O4,
-  [s.filter]: E4,
-  [s.finished]: j4,
-  [s.flag]: U4,
-  [s.fold]: Y4,
-  [s["folder-add"]]: X4,
-  [s["folder-checked"]]: I4,
-  [s["folder-delete"]]: na,
-  [s["folder-opened"]]: la,
-  [s.folder]: ia,
-  [s.food]: ca,
-  [s["fork-spoon"]]: pa,
-  [s["full-screen"]]: fa,
-  [s.goblet]: xa,
-  [s["gold-medal"]]: ba,
-  [s["goods-filled"]]: Ha,
-  [s.goods]: Ba,
-  [s.grape]: Aa,
-  [s.grid]: Oa,
-  [s.guide]: Ea,
-  [s.handbag]: ja,
-  [s.headset]: Ua,
-  [s.histogram]: Ya,
-  [s["hot-water"]]: Xa,
-  [s.house]: Ia,
-  [s["ice-cream-round"]]: n3,
-  [s["ice-drink"]]: l3,
-  [s["info-filled"]]: i3,
-  [s.info]: c3,
-  [s.image]: p3,
-  [s.key]: f3,
-  [s["knife-fork"]]: x3,
-  [s.lightning]: b3,
-  [s.link]: H3,
-  [s.list]: B3,
-  [s.loader]: A3,
-  [s.loading]: O3,
-  [s["location-filled"]]: E3,
-  [s["location-information"]]: j3,
-  [s.logo]: U3,
-  [s.location]: Y3,
-  [s.lock]: X3,
-  [s.lollipop]: I3,
-  [s["magic-stick"]]: no,
-  [s.magnet]: lo,
-  [s.male]: io,
-  [s.management]: vo,
-  [s["map-location"]]: mo,
-  [s.medal]: go,
-  [s.memo]: $o,
-  [s.menu]: Mo,
-  [s["message-box"]]: Vo,
-  [s.message]: Co,
-  [s.mic]: To,
-  [s.microphone]: Po,
-  [s.minus]: Ro,
-  [s.money]: Wo,
-  [s.monitor]: Go,
-  [s.moon]: Ko,
-  [s["more-filled"]]: Jo,
-  [s.more]: el,
-  [s["mostly-cloudy"]]: al,
-  [s.mouse]: rl,
-  [s.mug]: dl,
-  [s["mute-notification"]]: vl,
-  [s.mute]: ml,
-  [s["no-smoking"]]: gl,
-  [s.notebook]: $l,
-  [s.notification]: Ml,
-  [s["office-building"]]: Vl,
-  [s.operation]: Cl,
-  [s.opportunity]: Tl,
-  [s.orange]: Pl,
-  [s.paperclip]: Rl,
-  [s["partly-cloudy"]]: Wl,
-  [s.pear]: Gl,
-  [s["phone-filled"]]: Kl,
-  [s.phone]: Jl,
-  [s.picture]: e6,
-  [s["pie-chart"]]: a6,
-  [s.place]: r6,
-  [s.platform]: d6,
-  [s.plus]: v6,
-  [s.pointer]: m6,
-  [s.position]: g6,
-  [s["post-card"]]: $6,
-  [s.pouring]: M6,
-  [s.present]: V6,
-  [s["price-tag"]]: C6,
-  [s.printer]: T6,
-  [s.promotion]: P6,
-  [s["quartz-watch"]]: R6,
-  [s["question-filled"]]: W6,
-  [s.rank]: G6,
-  [s["reading-lamp"]]: K6,
-  [s.reading]: J6,
-  [s["refresh-left"]]: er,
-  [s["refresh-right"]]: ar,
-  [s.refresh]: rr,
-  [s.refrigerator]: dr,
-  [s["remove-filled"]]: vr,
-  [s.remove]: mr,
-  [s.right]: gr,
-  [s["rotate-left"]]: $r,
-  [s["rotate-right"]]: Mr,
-  [s["scale-to-original"]]: Vr,
-  [s.school]: Cr,
-  [s.scissor]: Tr,
-  [s.search]: Pr,
-  [s.select]: Rr,
-  [s.sell]: Wr,
-  [s["semi-select"]]: Gr,
-  [s.service]: Kr,
-  [s.setting]: Jr,
-  [s.share]: es,
-  [s.ship]: as,
-  [s.shop]: rs,
-  [s["shopping-bag"]]: ds,
-  [s["shopping-cart-full"]]: vs,
-  [s["shopping-cart"]]: ms,
-  [s.shrink]: gs,
-  [s.smoking]: $s,
-  [s.soccer]: Ms,
-  [s["sold-out"]]: Vs,
-  [s["sort-down"]]: Cs,
-  [s["sort-up"]]: Ts,
-  [s.sort]: Ps,
-  [s.stamp]: Rs,
-  [s["star-filled"]]: Ws,
-  [s.star]: Gs,
-  [s["success-filled"]]: Ks,
-  [s.success]: Js,
-  [s.sugar]: e8,
-  [s.sunny]: a8,
-  [s.sunrise]: r8,
-  [s.sunset]: d8,
-  [s["switch-button"]]: v8,
-  [s["switch-filled"]]: m8,
-  [s.switch]: g8,
-  [s["takeaway-box"]]: $8,
-  [s.ticket]: M8,
-  [s.tickets]: V8,
-  [s.time]: C8,
-  [s.timer]: T8,
-  [s["toilet-paper"]]: P8,
-  [s.tools]: R8,
-  [s["top-left"]]: W8,
-  [s["top-right"]]: G8,
-  [s.top]: K8,
-  [s["trend-charts"]]: J8,
-  [s["triangle-down"]]: ei,
-  [s["trophy-base"]]: ai,
-  [s.trophy]: ri,
-  [s["turn-off"]]: di,
-  [s.umbrella]: vi,
-  [s.unlock]: mi,
-  [s["upload-filled"]]: gi,
-  [s.upload]: $i,
-  [s["user-filled"]]: Mi,
-  [s.user]: Vi,
-  [s.van]: Ci,
-  [s["video-camera"]]: Qe,
-  [s["video-pause"]]: Oi,
-  [s["video-play"]]: Ei,
-  [s.video]: ji,
-  [s.view]: Qe,
-  [s["wallet-filled"]]: Ui,
-  [s.wallet]: Yi,
-  [s["warn-triangle-filled"]]: Xi,
-  [s.warning]: Ii,
-  [s.watch]: nd,
-  [s["wind-power"]]: ld,
-  [s["zoom-in"]]: id,
-  [s["zoom-out"]]: cd
+  [i["add-location"]]: t0,
+  [i.aim]: o0,
+  [i["alarm-clock"]]: s0,
+  [i.apple]: u0,
+  [i.archive]: h0,
+  [i["arrow-down"]]: _0,
+  [i["arrow-left"]]: w0,
+  [i["arrow-right"]]: y0,
+  [i["arrow-up"]]: z0,
+  [i.audio]: V0,
+  [i.avatar]: S0,
+  [i.back]: D0,
+  [i["bell-filled"]]: q0,
+  [i.bell]: F0,
+  [i.bicycle]: L0,
+  [i["bottom-left"]]: Q0,
+  [i["bottom-right"]]: Z0,
+  [i.bottom]: N0,
+  [i.burger]: t1,
+  [i.calendar]: o1,
+  [i.camera]: s1,
+  [i["caret-bottom"]]: u1,
+  [i["caret-left"]]: h1,
+  [i["caret-right"]]: _1,
+  [i["caret-top"]]: w1,
+  [i.cellphone]: y1,
+  [i["chat-dot-round"]]: z1,
+  [i["chat-dot-square"]]: V1,
+  [i["chat-line-round"]]: S1,
+  [i["chat-line-square"]]: D1,
+  [i["chat-round"]]: q1,
+  [i["chat-square"]]: F1,
+  [i.check]: L1,
+  [i.checked]: Q1,
+  [i.cherry]: Z1,
+  [i["chevron-double-down"]]: N1,
+  [i["chevron-down"]]: tt,
+  [i["chrome-filled"]]: ot,
+  [i["circle-check-filled"]]: st,
+  [i["circle-check"]]: ut,
+  [i["circle-close-filled"]]: ht,
+  [i["circle-close"]]: _t,
+  [i["circle-plus-filled"]]: wt,
+  [i["circle-plus"]]: yt,
+  [i.clock]: zt,
+  [i.close]: Vt,
+  [i.cloudy]: St,
+  [i.code]: Dt,
+  [i["coffee-cup"]]: qt,
+  [i.coffee]: Ft,
+  [i.coin]: Lt,
+  [i["collection-tag"]]: Qt,
+  [i.collection]: Zt,
+  [i.compass]: Nt,
+  [i.connection]: tn,
+  [i.coordinate]: on,
+  [i["copy-document"]]: sn,
+  [i.copy]: cn,
+  [i.cpu]: pn,
+  [i["credit-card"]]: fn,
+  [i.crop]: xn,
+  [i.cross]: bn,
+  [i["delete-filled"]]: Hn,
+  [i.delete]: Bn,
+  [i.dessert]: An,
+  [i.discount]: On,
+  [i.doc]: En,
+  [i["document-add"]]: jn,
+  [i["document-checked"]]: Un,
+  [i["document-copy"]]: Yn,
+  [i["document-delete"]]: Xn,
+  [i["document-remove"]]: In,
+  [i.document]: n4,
+  [i.download]: l4,
+  [i["edit-pen"]]: i4,
+  [i.edit]: c4,
+  [i.enlarge]: p4,
+  [i.expand]: f4,
+  [i.error]: x4,
+  [i.eye]: b4,
+  [i["eye-blocked"]]: H4,
+  [i.failed]: B4,
+  [i.files]: A4,
+  [i.film]: O4,
+  [i.filter]: E4,
+  [i.finished]: j4,
+  [i.flag]: U4,
+  [i.fold]: Y4,
+  [i["folder-add"]]: X4,
+  [i["folder-checked"]]: I4,
+  [i["folder-delete"]]: na,
+  [i["folder-opened"]]: la,
+  [i.folder]: ia,
+  [i.food]: ca,
+  [i["fork-spoon"]]: pa,
+  [i["full-screen"]]: fa,
+  [i.goblet]: xa,
+  [i["gold-medal"]]: ba,
+  [i["goods-filled"]]: Ha,
+  [i.goods]: Ba,
+  [i.grape]: Aa,
+  [i.grid]: Oa,
+  [i.guide]: Ea,
+  [i.handbag]: ja,
+  [i.headset]: Ua,
+  [i.histogram]: Ya,
+  [i["hot-water"]]: Xa,
+  [i.house]: Ia,
+  [i["ice-cream-round"]]: n3,
+  [i["ice-drink"]]: l3,
+  [i["info-filled"]]: i3,
+  [i.info]: c3,
+  [i.image]: p3,
+  [i.key]: f3,
+  [i["knife-fork"]]: x3,
+  [i.lightning]: b3,
+  [i.link]: H3,
+  [i.list]: B3,
+  [i.loader]: A3,
+  [i.loading]: O3,
+  [i["location-filled"]]: E3,
+  [i["location-information"]]: j3,
+  [i.logo]: U3,
+  [i.location]: Y3,
+  [i.lock]: X3,
+  [i.lollipop]: I3,
+  [i["magic-stick"]]: no,
+  [i.magnet]: lo,
+  [i.male]: io,
+  [i.management]: vo,
+  [i["map-location"]]: mo,
+  [i.medal]: go,
+  [i.memo]: $o,
+  [i.menu]: Mo,
+  [i["message-box"]]: ko,
+  [i.message]: Co,
+  [i.mic]: To,
+  [i.microphone]: Po,
+  [i.minus]: Ro,
+  [i.money]: Wo,
+  [i.monitor]: Go,
+  [i.moon]: Ko,
+  [i["more-filled"]]: Jo,
+  [i.more]: el,
+  [i["mostly-cloudy"]]: al,
+  [i.mouse]: rl,
+  [i.mug]: dl,
+  [i["mute-notification"]]: vl,
+  [i.mute]: ml,
+  [i["no-smoking"]]: gl,
+  [i.notebook]: $l,
+  [i.notification]: Ml,
+  [i["office-building"]]: kl,
+  [i.operation]: Cl,
+  [i.opportunity]: Tl,
+  [i.orange]: Pl,
+  [i.paperclip]: Rl,
+  [i["partly-cloudy"]]: Wl,
+  [i.pear]: Gl,
+  [i["phone-filled"]]: Kl,
+  [i.phone]: Jl,
+  [i.picture]: e6,
+  [i["pie-chart"]]: a6,
+  [i.place]: r6,
+  [i.platform]: d6,
+  [i.plus]: v6,
+  [i.pointer]: m6,
+  [i.position]: g6,
+  [i["post-card"]]: $6,
+  [i.pouring]: M6,
+  [i.present]: k6,
+  [i["price-tag"]]: C6,
+  [i.printer]: T6,
+  [i.promotion]: P6,
+  [i["quartz-watch"]]: R6,
+  [i["question-filled"]]: W6,
+  [i.rank]: G6,
+  [i["reading-lamp"]]: K6,
+  [i.reading]: J6,
+  [i["refresh-left"]]: er,
+  [i["refresh-right"]]: ar,
+  [i.refresh]: rr,
+  [i.refrigerator]: dr,
+  [i["remove-filled"]]: vr,
+  [i.remove]: mr,
+  [i.right]: gr,
+  [i["rotate-left"]]: $r,
+  [i["rotate-right"]]: Mr,
+  [i["scale-to-original"]]: kr,
+  [i.school]: Cr,
+  [i.scissor]: Tr,
+  [i.search]: Pr,
+  [i.select]: Rr,
+  [i.sell]: Wr,
+  [i["semi-select"]]: Gr,
+  [i.service]: Kr,
+  [i.setting]: Jr,
+  [i.share]: es,
+  [i.ship]: as,
+  [i.shop]: rs,
+  [i["shopping-bag"]]: ds,
+  [i["shopping-cart-full"]]: vs,
+  [i["shopping-cart"]]: ms,
+  [i.shrink]: gs,
+  [i.smoking]: $s,
+  [i.soccer]: Ms,
+  [i["sold-out"]]: ks,
+  [i["sort-down"]]: Cs,
+  [i["sort-up"]]: Ts,
+  [i.sort]: Ps,
+  [i.stamp]: Rs,
+  [i["star-filled"]]: Ws,
+  [i.star]: Gs,
+  [i["success-filled"]]: Ks,
+  [i.success]: Js,
+  [i.sugar]: e8,
+  [i.sunny]: a8,
+  [i.sunrise]: r8,
+  [i.sunset]: d8,
+  [i["switch-button"]]: v8,
+  [i["switch-filled"]]: m8,
+  [i.switch]: g8,
+  [i["takeaway-box"]]: $8,
+  [i.ticket]: M8,
+  [i.tickets]: k8,
+  [i.time]: C8,
+  [i.timer]: T8,
+  [i["toilet-paper"]]: P8,
+  [i.tools]: R8,
+  [i["top-left"]]: W8,
+  [i["top-right"]]: G8,
+  [i.top]: K8,
+  [i["trend-charts"]]: J8,
+  [i["triangle-down"]]: ei,
+  [i["trophy-base"]]: ai,
+  [i.trophy]: ri,
+  [i["turn-off"]]: di,
+  [i.umbrella]: vi,
+  [i.unlock]: mi,
+  [i["upload-filled"]]: gi,
+  [i.upload]: $i,
+  [i["user-filled"]]: Mi,
+  [i.user]: ki,
+  [i.van]: Ci,
+  [i["video-camera"]]: Ye,
+  [i["video-pause"]]: Oi,
+  [i["video-play"]]: Ei,
+  [i.video]: ji,
+  [i.view]: Ye,
+  [i["wallet-filled"]]: Ui,
+  [i.wallet]: Yi,
+  [i["warn-triangle-filled"]]: Xi,
+  [i.warning]: Ii,
+  [i.watch]: nd,
+  [i["wind-power"]]: ld,
+  [i["zoom-in"]]: id,
+  [i["zoom-out"]]: cd
 }, vd = ["href", "target"], hd = /* @__PURE__ */ D({
   __name: "NmorphLink",
   props: {
@@ -2826,15 +2826,15 @@ const cd = { render: ud }, r2 = {
         "nmorph-link": [e.type, `${e.underline && "underline"}`, `${e.disabled && "disabled"}`]
       })
     );
-    return (r, i) => (a(), l("div", {
-      class: k(o.value)
+    return (r, s) => (a(), l("div", {
+      class: V(o.value)
     }, [
       n("a", {
         href: e.href,
         target: e.target
       }, [
         C(r.$slots, "prepend"),
-        te(" " + F(r.text) + " ", 1),
+        ne(" " + R(r.text) + " ", 1),
         r.iconName ? (a(), q(f(E), {
           key: 0,
           class: "nmorph-link__icon",
@@ -2872,8 +2872,8 @@ const pd = /* @__PURE__ */ D({
   },
   emits: ["on-scroll", "update:model-value", "on-scroll-end"],
   setup(t, { expose: e, emit: o }) {
-    X((oe) => ({
-      "616ac766": R.value,
+    X((te) => ({
+      "616ac766": F.value,
       "3eb1ffd9": Y.value,
       "68ca2cc6": g.value,
       e6613a6c: y.value,
@@ -2883,71 +2883,71 @@ const pd = /* @__PURE__ */ D({
       ba0dc0f6: m.value,
       bb485170: x.value
     }));
-    const r = t, i = b(null), u = h(() => r.scrollYProp), c = h(() => r.scrollXProp), d = b(!1), v = b(!1), p = () => {
-      d.value = i.value?.scrollHeight > i.value?.clientHeight, v.value = i.value?.scrollWidth > i.value?.clientWidth;
+    const r = t, s = b(null), u = h(() => r.scrollYProp), c = h(() => r.scrollXProp), d = b(!1), v = b(!1), p = () => {
+      d.value = s.value?.scrollHeight > s.value?.clientHeight, v.value = s.value?.scrollWidth > s.value?.clientWidth;
     }, $ = h(() => r.yBarWidthInPx + r.yGapInPx), H = h(() => r.xBarWidthInPx + r.xGapInPx), g = h(
       () => r.scrollYProp === "hidden" || !d.value ? "0" : `${$.value}px`
     ), y = h(
       () => r.scrollXProp === "hidden" || !v.value ? "0" : `${H.value}px`
     ), m = h(() => `${r.yBarWidthInPx}px`), x = h(() => `${r.xBarWidthInPx}px`), w = Z("nmorph");
     let _;
-    const z = o, V = () => {
-      const oe = Math.trunc(i.value?.scrollLeft), we = Math.trunc(i.value?.scrollTop);
-      z("update:model-value", { x: oe, y: we });
+    const z = o, k = () => {
+      const te = Math.trunc(s.value?.scrollLeft), xe = Math.trunc(s.value?.scrollTop);
+      z("update:model-value", { x: te, y: xe });
     }, j = () => {
       z("on-scroll-end");
-    }, O = (oe) => {
-      z("on-scroll", oe), i.value && (r.updateOnlyOnScrollEnd || V(), _ !== void 0 && clearTimeout(_), _ = setTimeout(() => {
-        r.updateOnlyOnScrollEnd && V(), j();
+    }, O = (te) => {
+      z("on-scroll", te), s.value && (r.updateOnlyOnScrollEnd || k(), _ !== void 0 && clearTimeout(_), _ = setTimeout(() => {
+        r.updateOnlyOnScrollEnd && k(), j();
       }, r.scrollEndDelay));
     };
-    be(() => {
+    Me(() => {
       _ !== void 0 && clearTimeout(_);
     });
     const M = b(!1), P = h(
       () => A({
         "nmorph-scroll": []
       })
-    ), S = (oe) => {
-      const { x: we, y: D2 } = oe;
-      i.value?.scrollTo({
-        left: we,
+    ), S = (te) => {
+      const { x: xe, y: D2 } = te;
+      s.value?.scrollTo({
+        left: xe,
         top: D2,
         behavior: "smooth"
       });
     };
     N(() => {
-      S(r.modelValue), he(p);
+      S(r.modelValue), me(p);
     }), Q(
       () => r.modelValue,
-      (oe) => {
-        S(oe);
+      (te) => {
+        S(te);
       },
       { deep: !0, immediate: !0 }
     ), Q(
       () => w?.browser.dimensions,
       () => {
-        he(p);
+        me(p);
       },
       { deep: !0, immediate: !0 }
     );
-    const L = h(() => r.cssScrollBehavior), R = h(() => r.height), Y = h(() => r.maxHeight), ae = dc(r);
-    e({ scrollDOMContainer: i, moveTo: S });
-    const ge = () => {
+    const L = h(() => r.cssScrollBehavior), F = h(() => r.height), Y = h(() => r.maxHeight), oe = dc(r);
+    e({ scrollDOMContainer: s, moveTo: S });
+    const ve = () => {
       M.value = !0;
-    }, Ce = () => {
+    }, he = () => {
       M.value = !1;
     };
-    return (oe, we) => (a(), l("div", de({
+    return (te, xe) => (a(), l("div", de({
       ref_key: "scrollDOMContainer",
-      ref: i,
+      ref: s,
       class: P.value
-    }, f(ae), {
+    }, f(oe), {
       onScroll: O,
-      onMouseenter: ge,
-      onMouseleave: Ce
+      onMouseenter: ve,
+      onMouseleave: he
     }), [
-      C(oe.$slots, "default")
+      C(te.$slots, "default")
     ], 16));
   }
 });
@@ -2972,20 +2972,20 @@ const md = /* @__PURE__ */ D({
       "11d2c240": v.value,
       "75c6801c": H.value
     }));
-    const o = t, r = e, i = b(!1), u = h(
+    const o = t, r = e, s = b(!1), u = h(
       () => A({
         nmorph: [`${o.frameBorder > 0 && "shadow-combined"}`],
         "nmorph-avatar": [o.shape]
       })
     ), c = (y) => {
-      r("error", y), i.value = !0;
+      r("error", y), s.value = !0;
     }, d = (y) => {
-      r("load", y), i.value = !1;
+      r("load", y), s.value = !1;
     }, v = h(() => `${o.imagePadding}px`), p = h(() => ` ${o.size}px`), $ = h(() => `${o.size / 100 * 60}px`), H = h(() => o.shape === "circle" ? "50%" : "4px"), g = h(() => `${o.frameBorder}px`);
     return (y, m) => (a(), l("div", {
-      class: k(u.value)
+      class: V(u.value)
     }, [
-      B(f(ye), {
+      B(f(be), {
         fit: o.fit,
         src: o.src,
         "src-set": o.srcSet,
@@ -3005,12 +3005,12 @@ const md = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const fe = (t, e) => {
+const we = (t, e) => {
   const o = t.__vccOpts || t;
-  for (const [r, i] of e)
-    o[r] = i;
+  for (const [r, s] of e)
+    o[r] = s;
   return o;
-}, _d = /* @__PURE__ */ fe(md, [["__scopeId", "data-v-ced15967"]]), fd = {
+}, _d = /* @__PURE__ */ we(md, [["__scopeId", "data-v-ced15967"]]), fd = {
   key: 0,
   class: "nmorph-badge__dot"
 }, gd = {
@@ -3040,7 +3040,7 @@ const fe = (t, e) => {
       () => A({
         "nmorph-badge__container": [`${e.hidden && "hidden"}`]
       })
-    ), i = h(() => typeof Number(e.value) == "number" && Number(e.value) > e.max ? `${e.max}+` : e.value), u = h(() => {
+    ), s = h(() => typeof Number(e.value) == "number" && Number(e.value) > e.max ? `${e.max}+` : e.value), u = h(() => {
       const p = `${(d?.value / 2 + e.offsetX) * -1}px`, $ = `${(v?.value / 2 + e.offsetY) * -1}px`;
       return {
         x: p,
@@ -3051,25 +3051,25 @@ const fe = (t, e) => {
       c.value && (d.value = c.value.clientWidth, v.value = c.value.clientHeight);
     }), (p, $) => e.disabled ? C(p.$slots, "default", { key: 1 }) : (a(), l("div", {
       key: 0,
-      class: k(o.value)
+      class: V(o.value)
     }, [
       C(p.$slots, "default"),
       n("div", {
         ref_key: "badge",
         ref: c,
-        class: k(r.value),
+        class: V(r.value),
         style: I({ right: u.value.x, top: u.value.y })
       }, [
         e.isDot ? (a(), l("div", fd)) : (a(), l("div", gd, [
           C(p.$slots, "value", {}, () => [
-            te(F(i.value), 1)
+            ne(R(s.value), 1)
           ])
         ]))
       ], 6)
     ], 2));
   }
 });
-const xd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct", "nov", "dec"], $d = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], Pe = () => {
+const xd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct", "nov", "dec"], $d = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], qe = () => {
   const { t } = E2();
   return {
     months: xd.map((e) => t(`NmorphCalendar.${e}`)),
@@ -3086,7 +3086,7 @@ const xd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
   },
   emits: ["update:model-value", "update-initial-date"],
   setup(t, { emit: e }) {
-    const o = t, r = e, { days: i } = Pe(), u = () => {
+    const o = t, r = e, { days: s } = qe(), u = () => {
       y.value = _.value;
     }, c = () => {
       y.value = /* @__PURE__ */ new Date();
@@ -3124,8 +3124,8 @@ const xd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
       if (o.type === "date" && (m.value = L, r("update:model-value", m.value)), o.type === "dates") {
         if (!Array.isArray(m.value))
           return v();
-        const R = L.toDateString(), ae = m.value.map((Ce) => Ce.toDateString()).indexOf(R);
-        ae !== -1 ? m.value.splice(ae, 1) : m.value.push(L), r("update:model-value", m.value);
+        const F = L.toDateString(), oe = m.value.map((he) => he.toDateString()).indexOf(F);
+        oe !== -1 ? m.value.splice(oe, 1) : m.value.push(L), r("update:model-value", m.value);
       }
       if (o.type === "daterange") {
         if (!Array.isArray(m.value))
@@ -3152,8 +3152,8 @@ const xd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
     const w = () => {
       x = [], p2(y, o.range).forEach((P) => {
         const S = {};
-        P.forEach((L, R) => {
-          const Y = i[R];
+        P.forEach((L, F) => {
+          const Y = s[F];
           S[Y] = L;
         }), x.push(S);
       });
@@ -3174,7 +3174,7 @@ const xd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
         m.value = p(M);
       }
     );
-    const _ = h(() => new Date(y.value.setMonth(y.value.getMonth() - 1))), z = h(() => new Date(y.value.setMonth(y.value.getMonth() + 1))), V = h(() => {
+    const _ = h(() => new Date(y.value.setMonth(y.value.getMonth() - 1))), z = h(() => new Date(y.value.setMonth(y.value.getMonth() + 1))), k = h(() => {
       const { range: M } = o, P = M ? u2(y.value, M[0]) : !0, S = M ? c2(y.value, M[1]) : !0, L = v2(M);
       return {
         showPreviousMonthButton: P,
@@ -3187,15 +3187,15 @@ const xd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
       })
     ), O = (M) => M;
     return w(), (M, P) => (a(), l("div", {
-      class: k(j.value)
+      class: V(j.value)
     }, [
       C(M.$slots, "header", {}, () => [
         B(f(m2), {
           year: y.value.getFullYear(),
           month: y.value.getMonth(),
-          "show-previous-month-button": V.value.showPreviousMonthButton,
-          "show-today-button": V.value.showTodayButton,
-          "show-next-month-button": V.value.showNextMonthButton,
+          "show-previous-month-button": k.value.showPreviousMonthButton,
+          "show-today-button": k.value.showTodayButton,
+          "show-next-month-button": k.value.showNextMonthButton,
           onClickNextMonth: d,
           onClickPreviousMonth: u,
           onClickToday: c
@@ -3208,39 +3208,39 @@ const xd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
           "row-hover": !1
         }, {
           default: W(() => [
-            (a(!0), l(U, null, G(f(i), (S) => (a(), q(f($2), {
+            (a(!0), l(U, null, G(f(s), (S) => (a(), q(f($2), {
               key: `${S}`,
               prop: S,
               label: S.toUpperCase()
             }, {
               default: W(({ scope: L }) => [
-                (a(!0), l(U, null, G(L.rows, (R, Y) => (a(), q(f(x2), {
+                (a(!0), l(U, null, G(L.rows, (F, Y) => (a(), q(f(x2), {
                   key: Y,
                   row: Y
                 }, {
                   default: W(() => [
                     n("div", {
-                      "data-date": `${O(R[S]).date}`,
-                      class: k([
+                      "data-date": `${O(F[S]).date}`,
+                      class: V([
                         "nmorph-calendar-date",
-                        `nmorph-calendar-date--${O(R[S]).monthType}`,
+                        `nmorph-calendar-date--${O(F[S]).monthType}`,
                         {
-                          "nmorph-calendar-date--today": O(R[S]).isToday && !O(R[S]).hidden && o.markToday
+                          "nmorph-calendar-date--today": O(F[S]).isToday && !O(F[S]).hidden && o.markToday
                         },
-                        { "nmorph-calendar-date--hidden": O(R[S]).hidden },
+                        { "nmorph-calendar-date--hidden": O(F[S]).hidden },
                         {
-                          "nmorph-calendar-date--selected": g(O(R[S]).date)
+                          "nmorph-calendar-date--selected": g(O(F[S]).date)
                         }
                       ]),
-                      onClick: (ae) => $(O(R[S]))
+                      onClick: (oe) => $(O(F[S]))
                     }, [
                       C(M.$slots, "date-cell", {
                         scope: {
-                          ...O(R[S]),
-                          selected: g(O(R[S]).date)
+                          ...O(F[S]),
+                          selected: g(O(F[S]).date)
                         }
                       }, () => [
-                        te(F(O(R[S]).hidden ? "-" : O(R[S]).value), 1)
+                        ne(R(O(F[S]).hidden ? "-" : O(F[S]).value), 1)
                       ])
                     ], 10, yd)
                   ]),
@@ -3261,7 +3261,7 @@ const Md = (t) => {
   for (let r = 0; r < 10; r++)
     o.push(e + r);
   return o;
-}, ve = (t) => {
+}, pe = (t) => {
   if (!t)
     return;
   const e = "en-CA", o = {
@@ -3277,34 +3277,34 @@ const Md = (t) => {
   const o = t && t[0], r = t && t[1];
   return e >= o && e <= r;
 }, h2 = (t) => {
-  const { months: e } = Pe();
+  const { months: e } = qe();
   return e[t];
-}, zd = (t) => t % 4 === 0 && t % 100 !== 0 || t % 400 === 0, Ye = (t, e) => [0, 2, 4, 6, 7, 9, 11].includes(e) ? 31 : [3, 5, 8, 10].includes(e) ? 30 : zd(t) ? 29 : 28, le = (t) => new Date(t.getFullYear(), t.getMonth(), t.getDate()), p2 = (t, e) => {
-  const o = (R) => e ? R < le(e[0]) || R > le(e[1]) : !1, r = t.value.getFullYear(), i = t.value.getMonth(), c = new Date(r, i, 1).getDay() + 1, d = Ye(r, i), v = 7 + c - 8;
-  let H = 7 - (new Date(r, i, d).getDay() + 1);
-  const g = /* @__PURE__ */ new Date(), y = g.getDate(), m = g.getMonth(), x = i - 1, w = Ye(r, x);
+}, zd = (t) => t % 4 === 0 && t % 100 !== 0 || t % 400 === 0, Ke = (t, e) => [0, 2, 4, 6, 7, 9, 11].includes(e) ? 31 : [3, 5, 8, 10].includes(e) ? 30 : zd(t) ? 29 : 28, le = (t) => new Date(t.getFullYear(), t.getMonth(), t.getDate()), p2 = (t, e) => {
+  const o = (F) => e ? F < le(e[0]) || F > le(e[1]) : !1, r = t.value.getFullYear(), s = t.value.getMonth(), c = new Date(r, s, 1).getDay() + 1, d = Ke(r, s), v = 7 + c - 8;
+  let H = 7 - (new Date(r, s, d).getDay() + 1);
+  const g = /* @__PURE__ */ new Date(), y = g.getDate(), m = g.getMonth(), x = s - 1, w = Ke(r, x);
   let _ = w - v;
   const z = [];
   for (; _ < w; ) {
     _++;
-    const R = m === x && y === _, Y = new Date(r, x, _);
+    const F = m === x && y === _, Y = new Date(r, x, _);
     z.push({
       value: _,
       monthType: "previous",
-      isToday: R,
+      isToday: F,
       date: Y,
       hidden: o(Y)
     });
   }
-  const V = i + 1, j = [];
+  const k = s + 1, j = [];
   let O = 0;
   for (; H; ) {
     O++, H--;
-    const R = m === V && y === O, Y = new Date(r, V, O);
+    const F = m === k && y === O, Y = new Date(r, k, O);
     j.push({
       value: O,
       monthType: "next",
-      isToday: R,
+      isToday: F,
       date: Y,
       hidden: o(Y)
     });
@@ -3312,24 +3312,24 @@ const Md = (t) => {
   let M = 0;
   const P = [];
   for (; M < d; ) {
-    const R = g.getDate();
+    const F = g.getDate();
     M++;
-    const Y = m === i && R === M, ae = new Date(r, i, M);
+    const Y = m === s && F === M, oe = new Date(r, s, M);
     P.push({
       value: M,
       monthType: "current",
       isToday: Y,
-      date: ae,
-      hidden: o(ae)
+      date: oe,
+      hidden: o(oe)
     });
   }
   const S = [...z, ...P, ...j], L = [];
-  for (let R = 0; R < S.length; R += 7) {
-    const Y = S.slice(R, R + 7);
+  for (let F = 0; F < S.length; F += 7) {
+    const Y = S.slice(F, F + 7);
     L.push(Y);
   }
-  return L.filter((R) => !R.every((Y) => Y.hidden));
-}, Hd = { class: "nmorph-calendar-header__text" }, Vd = { class: "nmorph-calendar-header__actions" }, m2 = /* @__PURE__ */ D({
+  return L.filter((F) => !F.every((Y) => Y.hidden));
+}, Hd = { class: "nmorph-calendar-header__text" }, kd = { class: "nmorph-calendar-header__actions" }, m2 = /* @__PURE__ */ D({
   __name: "NmorphCalendarHeader",
   props: {
     year: {},
@@ -3340,17 +3340,17 @@ const Md = (t) => {
   },
   emits: ["click-previous-month", "click-today", "click-next-month"],
   setup(t, { emit: e }) {
-    const o = t, r = e, i = h(
+    const o = t, r = e, s = h(
       () => A({
         "nmorph-calendar-header": []
       })
     );
     return (u, c) => (a(), l("div", {
-      class: k(i.value)
+      class: V(s.value)
     }, [
       C(u.$slots, "default", {}, () => [
-        n("div", Hd, F(o.year) + " " + F(f(h2)(o.month)), 1),
-        n("div", Vd, [
+        n("div", Hd, R(o.year) + " " + R(f(h2)(o.month)), 1),
+        n("div", kd, [
           u.showPreviousMonthButton ? (a(), q(f(K), {
             key: 0,
             class: "nmorph-calendar-header__action",
@@ -3382,14 +3382,14 @@ const Md = (t) => {
     ], 2));
   }
 });
-const kd = { class: "nmorph-card__header" }, Bd = { class: "nmorph-card__content" }, Cd = { class: "nmorph-card__footer" }, Sd = /* @__PURE__ */ D({
+const Vd = { class: "nmorph-card__header" }, Bd = { class: "nmorph-card__content" }, Cd = { class: "nmorph-card__footer" }, Sd = /* @__PURE__ */ D({
   __name: "NmorphCard",
   props: {
     shadowType: { default: "outset" },
     combinedShadowBorderWidth: { default: 0 }
   },
   setup(t) {
-    X((i) => ({
+    X((s) => ({
       "5ad14f80": r.value
     }));
     const e = t, o = h(
@@ -3398,22 +3398,22 @@ const kd = { class: "nmorph-card__header" }, Bd = { class: "nmorph-card__content
         "nmorph-card": [e.shadowType]
       })
     ), r = h(() => `${e.combinedShadowBorderWidth}px`);
-    return (i, u) => (a(), l("div", {
-      class: k(o.value)
+    return (s, u) => (a(), l("div", {
+      class: V(o.value)
     }, [
-      n("div", kd, [
-        C(i.$slots, "header", {}, void 0, !0)
+      n("div", Vd, [
+        C(s.$slots, "header", {}, void 0, !0)
       ]),
       n("div", Bd, [
-        C(i.$slots, "default", {}, void 0, !0)
+        C(s.$slots, "default", {}, void 0, !0)
       ]),
       n("div", Cd, [
-        C(i.$slots, "footer", {}, void 0, !0)
+        C(s.$slots, "footer", {}, void 0, !0)
       ])
     ], 2));
   }
 });
-const Ad = /* @__PURE__ */ fe(Sd, [["__scopeId", "data-v-e3cb136f"]]), Td = ["id"], Dd = { class: "nmorph-carousel__elements-indicator" }, Od = ["onClick"], Pd = /* @__PURE__ */ D({
+const Ad = /* @__PURE__ */ we(Sd, [["__scopeId", "data-v-e3cb136f"]]), Td = ["id"], Dd = { class: "nmorph-carousel__elements-indicator" }, Od = ["onClick"], Pd = /* @__PURE__ */ D({
   __name: "NmorphCarousel",
   props: {
     loop: { type: Boolean, default: !0 }
@@ -3422,40 +3422,40 @@ const Ad = /* @__PURE__ */ fe(Sd, [["__scopeId", "data-v-e3cb136f"]]), Td = ["id
   setup(t, { emit: e }) {
     const o = b(0), r = () => {
       o.value = o.value + 1;
-    }, i = () => {
+    }, s = () => {
       o.value = o.value - 1;
     }, u = t, c = e, d = h(
       () => A({
         "nmorph-carousel": []
       })
-    ), v = b([]), p = _e();
+    ), v = b([]), p = ge();
     J("carousel-data", { data: v, carouselId: p });
     const $ = b(null), H = ue({}), g = () => {
-      const V = H[Object.keys(H).length - 1]?.cloneNode(!0), j = H[0]?.cloneNode(!0);
-      $.value?.prepend(V), $.value?.append(j), o.value += 1;
+      const k = H[Object.keys(H).length - 1]?.cloneNode(!0), j = H[0]?.cloneNode(!0);
+      $.value?.prepend(k), $.value?.append(j), o.value += 1;
     }, y = () => {
       o.value === 0 && (o.value = Object.keys(H).length, w.value = !1), o.value > Object.keys(H).length && (o.value = 1, w.value = !1);
     };
     N(() => {
-      u.loop && o.value === 0 && (he(() => g()), $.value?.addEventListener("transitionend", y));
-    }), Q(o, (V) => {
-      c("change", o.value), (V === 1 || V === Object.keys(H).length) && setTimeout(() => {
+      u.loop && o.value === 0 && (me(() => g()), $.value?.addEventListener("transitionend", y));
+    }), Q(o, (k) => {
+      c("change", o.value), (k === 1 || k === Object.keys(H).length) && setTimeout(() => {
         w.value = !0;
       });
     });
-    const m = (V, j) => {
-      const O = V;
+    const m = (k, j) => {
+      const O = k;
       H[j] = O;
-    }, x = h(() => `translateX(-${o.value * 100}%)`), w = b(!0), _ = (V) => V === o.value - 1, z = (V) => {
-      o.value = V + 1;
+    }, x = h(() => `translateX(-${o.value * 100}%)`), w = b(!0), _ = (k) => k === o.value - 1, z = (k) => {
+      o.value = k + 1;
     };
-    return (V, j) => (a(), l("div", {
-      class: k(d.value)
+    return (k, j) => (a(), l("div", {
+      class: V(d.value)
     }, [
       n("div", {
         ref_key: "carouselWrapper",
         ref: $,
-        class: k(["nmorph-carousel__wrapper", { "transition-enabled": w.value }]),
+        class: V(["nmorph-carousel__wrapper", { "transition-enabled": w.value }]),
         style: I({ transform: x.value })
       }, [
         (a(!0), l(U, null, G(v.value, (O, M) => (a(), l("div", {
@@ -3473,7 +3473,7 @@ const Ad = /* @__PURE__ */ fe(Sd, [["__scopeId", "data-v-e3cb136f"]]), Td = ["id
           onClick: (P) => z(M)
         }, [
           n("div", {
-            class: k(["nmorph-carousel__element-indicator", { "nmorph-carousel__element-indicator--active": _(M) }])
+            class: V(["nmorph-carousel__element-indicator", { "nmorph-carousel__element-indicator--active": _(M) }])
           }, null, 2)
         ], 8, Od))), 128))
       ]),
@@ -3485,11 +3485,11 @@ const Ad = /* @__PURE__ */ fe(Sd, [["__scopeId", "data-v-e3cb136f"]]), Td = ["id
       ]),
       n("div", {
         class: "nmorph-carousel__action-btn nmorph-carousel__next",
-        onClick: i
+        onClick: s
       }, [
         B(f(E), { name: "chevron-down" })
       ]),
-      C(V.$slots, "default")
+      C(k.$slots, "default")
     ], 2));
   }
 });
@@ -3503,14 +3503,14 @@ const qd = /* @__PURE__ */ D({
       () => A({
         "nmorph-carousel-item": []
       })
-    ), r = Z("carousel-data", void 0), i = b(!1);
+    ), r = Z("carousel-data", void 0), s = b(!1);
     return N(() => {
-      i.value = !0, r && r.data.value.push(e.name);
-    }), (u, c) => i.value ? (a(), l("div", {
+      s.value = !0, r && r.data.value.push(e.name);
+    }), (u, c) => s.value ? (a(), l("div", {
       key: 0,
-      class: k(o.value)
+      class: V(o.value)
     }, [
-      (a(), q(pe, {
+      (a(), q(_e, {
         to: `#nmorph-carousel-item-${f(r)?.carouselId}-${e.name}`
       }, [
         C(u.$slots, "default")
@@ -3532,7 +3532,7 @@ const qd = /* @__PURE__ */ D({
         r.value = d;
       }
     );
-    const i = (d, v) => {
+    const s = (d, v) => {
       if (o.accordion)
         r.value = v ? [d] : [];
       else if (!Array.isArray(r.value))
@@ -3543,14 +3543,14 @@ const qd = /* @__PURE__ */ D({
       }
       u("update:model-value", r.value);
     };
-    J("collapse-data", r), J("update-model", i);
+    J("collapse-data", r), J("update-model", s);
     const u = e, c = h(
       () => A({
         "nmorph-collapse": []
       })
     );
     return (d, v) => (a(), l("div", {
-      class: k(c.value)
+      class: V(c.value)
     }, [
       C(d.$slots, "default")
     ], 2));
@@ -3566,36 +3566,36 @@ const qd = /* @__PURE__ */ D({
   },
   emits: ["click-item"],
   setup(t, { emit: e }) {
-    const o = t, r = e, i = b(!1), u = h(
+    const o = t, r = e, s = b(!1), u = h(
       () => A({
-        "nmorph-collapse-item": [`${o.disabled && "disabled"}`, `${i.value && "is-open"}`]
+        "nmorph-collapse-item": [`${o.disabled && "disabled"}`, `${s.value && "is-open"}`]
       })
     ), c = h(
       () => A({
-        nmorph: [ne[o.height]]
+        nmorph: [ae[o.height]]
       })
     ), d = Z("collapse-data", void 0), v = Z("update-model", void 0), p = b(null), $ = b(0), H = () => {
-      o.block || (i.value = !i.value, v && (v(o.name, i.value), r("click-item", { id: o.name, isOpen: i.value })));
+      o.block || (s.value = !s.value, v && (v(o.name, s.value), r("click-item", { id: o.name, isOpen: s.value })));
     };
     return N(() => {
-      Array.isArray(d?.value) ? i.value = d.value.includes(o.name) : i.value = d?.value === o.name;
+      Array.isArray(d?.value) ? s.value = d.value.includes(o.name) : s.value = d?.value === o.name;
     }), Q(
       () => d?.value,
       (g) => {
-        Array.isArray(g) ? i.value = g.includes(o.name) : i.value = g === o.name;
+        Array.isArray(g) ? s.value = g.includes(o.name) : s.value = g === o.name;
       },
       { deep: !0 }
-    ), Q(i, () => {
-      $.value = i.value && p.value ? p.value?.clientHeight : 0;
+    ), Q(s, () => {
+      $.value = s.value && p.value ? p.value?.clientHeight : 0;
     }), (g, y) => (a(), l("div", {
-      class: k(u.value),
+      class: V(u.value),
       onClick: re(H, ["stop"])
     }, [
       n("div", {
-        class: k(["nmorph-collapse-item__title", c.value])
+        class: V(["nmorph-collapse-item__title", c.value])
       }, [
         C(g.$slots, "title", {}, () => [
-          te(F(o.title), 1)
+          ne(R(o.title), 1)
         ])
       ], 2),
       n("div", {
@@ -3636,11 +3636,11 @@ const Fd = ["src", "alt", "srcset"], jd = {
       "1a936921": H.value,
       "3ba8437a": $.value
     }));
-    const o = t, r = b(!1), i = b(!1), u = e, c = (g) => {
-      r.value = !0, i.value = !1, u("load", g);
+    const o = t, r = b(!1), s = b(!1), u = e, c = (g) => {
+      r.value = !0, s.value = !1, u("load", g);
     }, d = (g) => {
-      r.value = !0, i.value = !0, u("error", g);
-    }, v = h(() => r.value && i.value), p = h(
+      r.value = !0, s.value = !0, u("error", g);
+    }, v = h(() => r.value && s.value), p = h(
       () => A({
         nmorph: [`${o.frameBorder > 0 && "shadow-combined"}`],
         "nmorph-image": [`${(v.value || !r.value) && "hide"}`]
@@ -3648,7 +3648,7 @@ const Fd = ["src", "alt", "srcset"], jd = {
     ), $ = h(() => o.fit), H = h(() => `${o.frameBorder}px`);
     return (g, y) => o.src ? (a(), l("div", {
       key: 0,
-      class: k(p.value)
+      class: V(p.value)
     }, [
       n("img", {
         src: o.src,
@@ -3659,17 +3659,17 @@ const Fd = ["src", "alt", "srcset"], jd = {
       }, null, 40, Fd),
       v.value ? (a(), l("div", jd, [
         C(g.$slots, "error", {}, () => [
-          te(F(o.loadFailedText), 1)
+          ne(R(o.loadFailedText), 1)
         ], !0)
       ])) : r.value ? T("", !0) : (a(), l("div", Wd, [
         C(g.$slots, "loading", {}, () => [
-          te(F(o.loadingText), 1)
+          ne(R(o.loadingText), 1)
         ], !0)
       ]))
     ], 2)) : T("", !0);
   }
 });
-const ye = /* @__PURE__ */ fe(Ld, [["__scopeId", "data-v-4c37d982"]]), Ud = { class: "nmorph-image-preview__content" }, Gd = {
+const be = /* @__PURE__ */ we(Ld, [["__scopeId", "data-v-4c37d982"]]), Ud = { class: "nmorph-image-preview__content" }, Gd = {
   key: 0,
   class: "nmorph-image-preview__left"
 }, Qd = {
@@ -3693,7 +3693,7 @@ const ye = /* @__PURE__ */ fe(Ld, [["__scopeId", "data-v-4c37d982"]]), Ud = { cl
       () => o.modelValue,
       (S) => r.value = S
     );
-    const i = h(
+    const s = h(
       () => A({
         "nmorph-image-preview": [`${r.value && "opened"}`]
       })
@@ -3716,7 +3716,7 @@ const ye = /* @__PURE__ */ fe(Ld, [["__scopeId", "data-v-4c37d982"]]), Ud = { cl
     }, _ = b(0), z = () => {
       const S = o.src.length - 1, L = u.value - 1;
       L < 0 ? u.value = S : u.value = L;
-    }, V = () => {
+    }, k = () => {
       const S = o.src.length - 1, L = u.value + 1;
       L > S ? u.value = 0 : u.value = L;
     }, j = h(() => {
@@ -3747,25 +3747,25 @@ const ye = /* @__PURE__ */ fe(Ld, [["__scopeId", "data-v-4c37d982"]]), Ud = { cl
       }
     ], M = e, P = h(() => Array.isArray(o.src) && o.src.length > 0);
     return (S, L) => (a(), l("div", {
-      class: k(i.value)
+      class: V(s.value)
     }, [
       n("div", {
         class: "nmorph-image-preview__trigger",
         onClick: v
       }, [
-        B(f(ye), {
+        B(f(be), {
           src: c.value,
           alt: o.alt,
           fit: "cover"
         }, null, 8, ["src", "alt"])
       ]),
-      B(f(Be), {
+      B(f(Ce), {
         show: r.value,
         onOnOutsideClick: p
       }, {
         default: W(() => [
           n("div", Ud, [
-            B(f(ye), {
+            B(f(be), {
               src: c.value,
               alt: o.alt,
               fit: "cover",
@@ -3781,7 +3781,7 @@ const ye = /* @__PURE__ */ fe(Ld, [["__scopeId", "data-v-4c37d982"]]), Ud = { cl
             })
           ])) : T("", !0),
           P.value ? (a(), l("div", Qd, [
-            B(f(K), { onClick: V }, {
+            B(f(K), { onClick: k }, {
               default: W(() => [
                 B(f(E), { name: "chevron-down" })
               ]),
@@ -3789,16 +3789,16 @@ const ye = /* @__PURE__ */ fe(Ld, [["__scopeId", "data-v-4c37d982"]]), Ud = { cl
             })
           ])) : T("", !0),
           n("div", Yd, [
-            (a(), l(U, null, G(O, (R, Y) => n("div", {
+            (a(), l(U, null, G(O, (F, Y) => n("div", {
               key: Y,
               class: "nmorph-image-preview__action-element"
             }, [
               B(f(K), {
-                onClick: R.handler
+                onClick: F.handler
               }, {
                 default: W(() => [
                   B(f(E), {
-                    name: R.icon
+                    name: F.icon
                   }, null, 8, ["name"])
                 ]),
                 _: 2
@@ -3837,7 +3837,7 @@ const Zd = /* @__PURE__ */ D({
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const o = t, r = e, i = h(
+    const o = t, r = e, s = h(
       () => A({
         "nmorph-pagination": [`${o.disabled && "disabled"}`]
       })
@@ -3847,7 +3847,7 @@ const Zd = /* @__PURE__ */ D({
       d.value = String(Number(d.value) + 1);
     }, d = b(String(o.modelValue)), v = h(() => {
       const x = o.totalElementsQuantity / o.elementsQuantityOnPage + 1, w = x % 1 === 0 ? -1 : 0;
-      return Array.from({ length: x + w }, (z, V) => ({ value: String(V + 1), label: String(V + 1) }));
+      return Array.from({ length: x + w }, (z, k) => ({ value: String(k + 1), label: String(k + 1) }));
     }), p = h(() => o.hideOnSinglePage || o.totalElementsQuantity / o.elementsQuantityOnPage > 1);
     Q(d, (x) => {
       r("update:model-value", Number(x));
@@ -3873,7 +3873,7 @@ const Zd = /* @__PURE__ */ D({
     };
     return (x, w) => p.value ? (a(), l("div", {
       key: 0,
-      class: k(i.value)
+      class: V(s.value)
     }, [
       B(f(K), {
         class: "nmorph-pagination__btn nmorph-pagination__prev-btn",
@@ -3901,7 +3901,7 @@ const Zd = /* @__PURE__ */ D({
           }, [
             _.value === "prev" || _.value === "next" ? (a(), q(f(K), {
               key: 0,
-              class: k(`nmorph-pagination__page-btn nmorph-pagination__${_.value}`),
+              class: V(`nmorph-pagination__page-btn nmorph-pagination__${_.value}`),
               text: _.label,
               disabled: o.disabled,
               onClick: (z) => m(_.value)
@@ -3958,7 +3958,7 @@ const Xd = {
   setup(t) {
     X((g) => ({
       "1ae927c9": r.value,
-      "588931e9": i.value,
+      "588931e9": s.value,
       "781c6b0a": u.value,
       "58c45d38": $.value
     }));
@@ -3966,34 +3966,34 @@ const Xd = {
       () => A({
         "nmorph-progress": []
       })
-    ), r = h(() => `${e.percentage}%`), i = 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 = b(null), d = b(1), v = h(() => `${d.value} ${d.value}`), p = h(() => d.value - e.percentage / 100 * d.value);
+    ), r = h(() => `${e.percentage}%`), s = h(() => Array.isArray(e.color) ? e.color.find((g) => g.percentage <= e.percentage)?.color : typeof e.color == "function" ? e.color(e.percentage) : e.color), u = h(() => e.indeterminate ? "var(--animation)" : "none"), c = b(null), d = b(1), v = h(() => `${d.value} ${d.value}`), p = h(() => d.value - e.percentage / 100 * d.value);
     N(() => {
       c.value && (d.value = 2 * Math.PI * c.value.r.baseVal.value);
     });
     const $ = h(() => `${e.circleSize}px`), H = h(() => `${e.percentage}%`);
     return (g, y) => (a(), l("div", {
-      class: k(o.value)
+      class: V(o.value)
     }, [
       e.type === "linear" ? (a(), l("div", Xd, [
         n("div", Jd, [
           n("div", Nd, [
             g.valueInside ? (a(), l("div", Id, [
               C(g.$slots, "inner-text", {}, () => [
-                te(F(H.value), 1)
+                ne(R(H.value), 1)
               ])
             ])) : T("", !0)
           ])
         ]),
         g.valueRightSide ? (a(), l("div", eu, [
           C(g.$slots, "right-side", {}, () => [
-            te(F(H.value), 1)
+            ne(R(H.value), 1)
           ])
         ])) : T("", !0)
       ])) : T("", !0),
       e.type === "circle" ? (a(), l("div", tu, [
         n("div", nu, [
           C(g.$slots, "circle-inner-part", {}, () => [
-            te(F(H.value), 1)
+            ne(R(H.value), 1)
           ])
         ]),
         (a(), l("svg", {
@@ -4031,8 +4031,8 @@ const ru = {
         "nmorph-skeleton": [`${e.animated && e.loading && "loading"}`]
       })
     );
-    return (r, i) => (a(), l("div", {
-      class: k(o.value)
+    return (r, s) => (a(), l("div", {
+      class: V(o.value)
     }, [
       e.rows && e.loading ? (a(), l("div", ru, [
         (a(!0), l(U, null, G(e.rows, (u) => (a(), q(f(g2), {
@@ -4042,15 +4042,15 @@ const ru = {
           variant: "rect"
         }))), 128))
       ])) : T("", !0),
-      Ae(n("div", su, [
+      Te(n("div", su, [
         C(r.$slots, "template")
       ], 512), [
-        [Te, !e.rows && e.loading]
+        [De, !e.rows && e.loading]
       ]),
-      Ae(n("div", iu, [
+      Te(n("div", iu, [
         C(r.$slots, "default")
       ], 512), [
-        [Te, !e.loading]
+        [De, !e.loading]
       ])
     ], 2));
   }
@@ -4067,15 +4067,15 @@ const uu = { class: "nmorph-skeleton-item__element" }, g2 = /* @__PURE__ */ D({
   setup(t) {
     X((u) => ({
       "085cc1bc": r.value,
-      "2d27081e": i.value
+      "2d27081e": s.value
     }));
     const e = t, o = h(
       () => A({
         "nmorph-skeleton-item": [e.variant, `${e.design === "nmorph" ? "nmorph-design" : ""}`]
       })
-    ), r = h(() => e.width), i = h(() => e.height);
+    ), r = h(() => e.width), s = h(() => e.height);
     return (u, c) => (a(), l("div", {
-      class: k(o.value)
+      class: V(o.value)
     }, [
       n("div", uu, [
         e.variant === "image" ? (a(), q(f(E), {
@@ -4088,14 +4088,14 @@ const uu = { class: "nmorph-skeleton-item__element" }, g2 = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const xe = "10px", cu = /* @__PURE__ */ D({
+const $e = "10px", cu = /* @__PURE__ */ D({
   __name: "NmorphSortButton",
   props: {
     value: {}
   },
   emits: ["sort"],
   setup(t, { emit: e }) {
-    const o = t, r = e, i = h(
+    const o = t, r = e, s = h(
       () => A({
         "nmorph-sort-button": [`${o.value}`]
       })
@@ -4104,7 +4104,7 @@ const xe = "10px", cu = /* @__PURE__ */ D({
       r("sort", c);
     };
     return (c, d) => (a(), l("div", {
-      class: k(i.value)
+      class: V(s.value)
     }, [
       B(f(K), {
         height: "thin",
@@ -4115,14 +4115,14 @@ const xe = "10px", cu = /* @__PURE__ */ D({
           B(f(E), {
             name: "triangle-down",
             class: "nmorph-sort-button__icon-up",
-            width: xe,
-            height: xe
+            width: $e,
+            height: $e
           }),
           B(f(E), {
             name: "triangle-down",
             class: "nmorph-sort-button__icon-down",
-            width: xe,
-            height: xe
+            width: $e,
+            height: $e
           })
         ]),
         _: 1
@@ -4144,18 +4144,18 @@ const vu = { class: "nmorph-table__wrapper" }, hu = { class: "nmorph-table__head
       () => A({
         "nmorph-table": [`${e.design}`]
       })
-    ), r = b(e.data), i = b(e.sort), u = (y, m) => {
-      i.value && (i.value[m] = y, r.value.sort((x, w) => {
+    ), r = b(e.data), s = b(e.sort), u = (y, m) => {
+      s.value && (s.value[m] = y, r.value.sort((x, w) => {
         const _ = String(x[m]).toLowerCase(), z = String(w[m]).toLowerCase();
-        if (!i.value)
+        if (!s.value)
           return 0;
-        const V = i.value[m];
-        return V === "ascending" ? _.localeCompare(z) : V === "descending" ? z.localeCompare(_) : 0;
+        const k = s.value[m];
+        return k === "ascending" ? _.localeCompare(z) : k === "descending" ? z.localeCompare(_) : 0;
       }));
     }, c = b(null), d = b([]);
     J("table-data", { rows: r, columns: d });
     const v = h(() => {
-      const y = d.value.map((z) => z.width).filter((z) => !!z), m = y.length, x = y.reduce((z, V) => (z += Number(V), z), 0), w = d.value.length - m;
+      const y = d.value.map((z) => z.width).filter((z) => !!z), m = y.length, x = y.reduce((z, k) => (z += Number(k), z), 0), w = d.value.length - m;
       return c.value?.clientWidth ? (c.value?.clientWidth - x) / w : 0;
     }), p = (y) => y !== "" ? y : v.value, $ = b(0);
     Q(
@@ -4167,12 +4167,12 @@ const vu = { class: "nmorph-table__wrapper" }, hu = { class: "nmorph-table__head
         immediate: !0
       }
     );
-    const H = (y) => typeof y == "object" ? "" : y, g = _e();
+    const H = (y) => typeof y == "object" ? "" : y, g = ge();
     return J("table-identifier", g), (y, m) => (a(), l("div", {
       ref_key: "nmorphDOMTable",
       ref: c,
       key: $.value,
-      class: k(o.value)
+      class: V(o.value)
     }, [
       n("div", vu, [
         n("table", hu, [
@@ -4187,18 +4187,18 @@ const vu = { class: "nmorph-table__wrapper" }, hu = { class: "nmorph-table__head
             n("tr", mu, [
               (a(!0), l(U, null, G(d.value, (x, w) => (a(), l("th", {
                 key: w,
-                class: k(["nmorph-table__table-data", { "nmorph-table__table-data--bordered": e.bordered }])
+                class: V(["nmorph-table__table-data", { "nmorph-table__table-data--bordered": e.bordered }])
               }, [
                 n("div", _u, [
                   n("div", {
                     style: I({ "justify-content": x.alignment }),
                     class: "nmorph-table__cell-content"
                   }, [
-                    n("span", null, F(x.label), 1),
-                    i.value && i.value[x.prop] ? (a(), q(cu, {
+                    n("span", null, R(x.label), 1),
+                    s.value && s.value[x.prop] ? (a(), q(cu, {
                       key: 0,
                       class: "nmorph-table__button-wrapper",
-                      value: i.value[x.prop],
+                      value: s.value[x.prop],
                       onSort: (_) => u(_, x.prop)
                     }, null, 8, ["value", "onSort"])) : T("", !0)
                   ], 4)
@@ -4218,17 +4218,17 @@ const vu = { class: "nmorph-table__wrapper" }, hu = { class: "nmorph-table__head
             n("tbody", null, [
               (a(!0), l(U, null, G(r.value, (x, w) => (a(), l("tr", {
                 key: w,
-                class: k(["nmorph-table__table-data-row", { "nmorph-table__table-data-row--row-hover": e.rowHover }])
+                class: V(["nmorph-table__table-data-row", { "nmorph-table__table-data-row--row-hover": e.rowHover }])
               }, [
                 (a(!0), l(U, null, G(d.value, (_) => (a(), l("td", {
                   key: _.prop,
-                  class: k([{ "nmorph-table__table-data--bordered": e.bordered }, "nmorph-table__table-data"])
+                  class: V([{ "nmorph-table__table-data--bordered": e.bordered }, "nmorph-table__table-data"])
                 }, [
                   n("div", {
                     id: `table-cell-${f(g)}-${w}-${_.prop}`,
                     style: I({ "text-align": _.alignment }),
                     class: "nmorph-table__cell nmorph-table__cell--data"
-                  }, F(H(x[_.prop])), 13, gu)
+                  }, R(H(x[_.prop])), 13, gu)
                 ], 2))), 128))
               ], 2))), 128))
             ])
@@ -4255,20 +4255,20 @@ const x2 = /* @__PURE__ */ D({
     row: {}
   },
   setup(t) {
-    const e = Z("column-property", void 0), o = Z("table-identifier", void 0), r = t, i = h(
+    const e = Z("column-property", void 0), o = Z("table-identifier", void 0), r = t, s = h(
       () => A({
         "nmorph-table-cell": []
       })
     ), u = h(() => `#table-cell-${o}-${r.row}-${e}`), c = b(!1);
     return N(async () => {
-      await he();
+      await me();
       const d = document.querySelector(u.value);
       d && (d.innerHTML = ""), c.value = !0;
     }), (d, v) => c.value ? (a(), l("div", {
       key: 0,
-      class: k(i.value)
+      class: V(s.value)
     }, [
-      (a(), q(pe, { to: u.value }, [
+      (a(), q(_e, { to: u.value }, [
         C(d.$slots, "default")
       ], 8, ["to"]))
     ], 2)) : T("", !0);
@@ -4282,7 +4282,7 @@ const x2 = /* @__PURE__ */ D({
     prop: {}
   },
   setup(t) {
-    const e = Z("table-data", void 0), o = Z("table-identifier", void 0), r = t, i = h(
+    const e = Z("table-data", void 0), o = Z("table-identifier", void 0), r = t, s = h(
       () => A({
         "nmorph-table-column": []
       })
@@ -4300,7 +4300,7 @@ const x2 = /* @__PURE__ */ D({
       ref_key: "columnDOMEl",
       ref: d,
       "data-id": u.value,
-      class: k(i.value)
+      class: V(s.value)
     }, [
       C(v.$slots, "default", {
         scope: { columns: f(e)?.columns.value, rows: f(e)?.rows.value, tableId: f(o) }
@@ -4314,7 +4314,7 @@ const x2 = /* @__PURE__ */ D({
   },
   emits: ["close", "update:model-value"],
   setup(t, { emit: e }) {
-    const o = t, r = e, i = h(
+    const o = t, r = e, s = h(
       () => A({
         "nmorph-list": []
       })
@@ -4324,15 +4324,15 @@ const x2 = /* @__PURE__ */ D({
       u.value = u.value.filter((v) => v.value !== d), r("close", d), r("update:model-value", u.value);
     };
     return (d, v) => (a(), l("div", {
-      class: k(i.value)
+      class: V(s.value)
     }, [
-      (a(!0), l(U, null, G(f(u), (p) => (a(), q(f(qe), de({
+      (a(!0), l(U, null, G(f(u), (p) => (a(), q(f(Ee), de({
         key: p.value,
         ref_for: !0
       }, p, { onClose: c }), null, 16))), 128))
     ], 2));
   }
-}), yu = { class: "nmorph-tag-item__content" }, qe = /* @__PURE__ */ D({
+}), yu = { class: "nmorph-tag-item__content" }, Ee = /* @__PURE__ */ D({
   __name: "NmorphTagItem",
   props: {
     value: {},
@@ -4345,17 +4345,17 @@ const x2 = /* @__PURE__ */ D({
   setup(t, { emit: e }) {
     const o = t, r = h(
       () => A({
-        nmorph: [ne[o.height]],
+        nmorph: [ae[o.height]],
         "nmorph-tag-item": [`${o.design === "nmorph" ? "nmorph-design" : ""}`]
       })
-    ), i = e, u = () => {
-      i("close", o.value);
+    ), s = e, u = () => {
+      s("close", o.value);
     };
     return (c, d) => (a(), l("div", {
-      class: k(r.value)
+      class: V(r.value)
     }, [
       n("div", yu, [
-        n("span", null, F(c.text), 1),
+        n("span", null, R(c.text), 1),
         o.removable ? (a(), q(f(E), {
           key: 0,
           class: "nmorph-tag-item__close-icon",
@@ -4372,7 +4372,7 @@ const bu = ["innerHTML"], Mu = {
 }, zu = { class: "nmorph-alert__left-side" }, Hu = {
   key: 0,
   class: "nmorph-alert__icon"
-}, Vu = { class: "nmorph-alert__content-wrapper" }, ku = { class: "nmorph-alert__content-title" }, Bu = { class: "nmorph-alert__content" }, y2 = /* @__PURE__ */ D({
+}, ku = { class: "nmorph-alert__content-wrapper" }, Vu = { class: "nmorph-alert__content-title" }, Bu = { class: "nmorph-alert__content" }, y2 = /* @__PURE__ */ D({
   __name: "NmorphAlert",
   props: {
     id: { default: void 0 },
@@ -4391,7 +4391,7 @@ const bu = ["innerHTML"], Mu = {
     X((p) => ({
       "4e2f71b0": v.value
     }));
-    const o = t, r = e, i = h(
+    const o = t, r = e, s = h(
       () => A({
         "nmorph-alert": [o.type, `${o.bordered && "bordered"}`, `${o.fill && "fill"}`]
       })
@@ -4402,10 +4402,10 @@ const bu = ["innerHTML"], Mu = {
       [ie.warning]: "warn-triangle-filled",
       [ie.info]: "info-filled",
       [ie.error]: "circle-close-filled"
-    }, d = Oe(), v = h(() => o.closeIconPosition);
+    }, d = Pe(), v = h(() => o.closeIconPosition);
     return (p, $) => f(d).default || o.title || o.content || o.html ? (a(), l("div", {
       key: 0,
-      class: k(i.value)
+      class: V(s.value)
     }, [
       o.html ? (a(), l("div", {
         key: 0,
@@ -4421,15 +4421,15 @@ const bu = ["innerHTML"], Mu = {
               }, null, 8, ["name"])
             ])
           ])) : T("", !0),
-          n("div", Vu, [
-            n("div", ku, [
+          n("div", ku, [
+            n("div", Vu, [
               o.title || f(d).title ? C(p.$slots, "title", { key: 0 }, () => [
-                te(F(o.title), 1)
+                ne(R(o.title), 1)
               ]) : T("", !0)
             ]),
             n("div", Bu, [
               C(p.$slots, "default", {}, () => [
-                te(F(o.content), 1)
+                ne(R(o.content), 1)
               ])
             ])
           ])
@@ -4469,7 +4469,7 @@ const Cu = { class: "nmorph-dialog__header" }, Su = { class: "nmorph-dialog__tit
       "097fcdea": u.value,
       "4478cc6c": c.value
     }));
-    const o = t, r = e, i = h(
+    const o = t, r = e, s = h(
       () => A({
         "nmorph-dialog": []
       })
@@ -4493,17 +4493,17 @@ const Cu = { class: "nmorph-dialog__header" }, Su = { class: "nmorph-dialog__tit
     }, H = () => {
       o.closeOnOverlay && $();
     };
-    return (g, y) => (a(), q(f(Be), {
+    return (g, y) => (a(), q(f(Ce), {
       show: d.value,
       onOnOutsideClick: H
     }, {
       default: W(() => [
         n("div", {
-          class: k(i.value)
+          class: V(s.value)
         }, [
           n("div", Cu, [
             C(g.$slots, "header", {}, () => [
-              n("div", Su, F(o.title), 1),
+              n("div", Su, R(o.title), 1),
               o.showClose ? (a(), l("div", {
                 key: 0,
                 class: "nmorph-dialog__close-icon",
@@ -4523,11 +4523,11 @@ const Cu = { class: "nmorph-dialog__header" }, Su = { class: "nmorph-dialog__tit
   }
 });
 var Du = /* @__PURE__ */ ((t) => (t["contains-one"] = "contains-one", t["not-contains"] = "not-contains", t["full-eq"] = "full-eq", t))(Du || {}), Ou = /* @__PURE__ */ ((t) => (t.eq = "eq", t.gte = "gte", t.lte = "lte", t.gt = "gt", t.lt = "lt", t))(Ou || {}), Pu = /* @__PURE__ */ ((t) => (t.eq = "eq", t["not-eq"] = "not-eq", t))(Pu || {});
-const Ke = (t) => {
-  const { inputValue: e, rules: o } = t, r = b([]), i = h(() => r.value.length === 0), u = b(!1);
+const Ze = (t) => {
+  const { inputValue: e, rules: o } = t, r = b([]), s = h(() => r.value.length === 0), u = b(!1);
   return {
     touched: u,
-    valid: i,
+    valid: s,
     errors: r,
     validate: () => {
       if (e === null || !o.length)
@@ -4560,8 +4560,8 @@ const Ke = (t) => {
         const m = o;
         r.value = m.reduce((x, w) => {
           let _ = !1;
-          const { compareValue: z, booleanCompareType: V } = w;
-          return V === "not-eq" && (_ = d === z), V === "eq" && (_ = d !== z), _ || x.push(w.error), x;
+          const { compareValue: z, booleanCompareType: k } = w;
+          return k === "not-eq" && (_ = d === z), k === "eq" && (_ = d !== z), _ || x.push(w.error), x;
         }, []);
       }
       if (g) {
@@ -4572,8 +4572,8 @@ const Ke = (t) => {
             case "full-eq":
               if (w.length !== _.length)
                 return !1;
-              const V = [...w].sort(), j = [..._].sort();
-              return V.every((O, M) => O === j[M]);
+              const k = [...w].sort(), j = [..._].sort();
+              return k.every((O, M) => O === j[M]);
             case "not-contains":
               return !w.some((O) => _.includes(O));
           }
@@ -4583,9 +4583,9 @@ const Ke = (t) => {
     }
   };
 }, qu = (t, e = !1) => {
-  const o = ue({}), r = ue(Le(t)), i = () => {
+  const o = ue({}), r = ue(Ue(t)), s = () => {
     Object.entries(t).forEach(([d, v]) => {
-      o[d] = Ke({ inputValue: v.value, rules: v.rules }), o[d].validate();
+      o[d] = Ze({ inputValue: v.value, rules: v.rules }), o[d].validate();
     });
   }, u = (d, v) => Object.keys(v).filter(($) => {
     const H = d[$] ? JSON.stringify(d[$]) : null, g = JSON.stringify(v[$]);
@@ -4594,18 +4594,18 @@ const Ke = (t) => {
   return Q(t, (d) => {
     u(r, d).forEach((p) => {
       const $ = d[p];
-      o[p] = Ke({ inputValue: $.value, rules: $.rules }), o[p].validate();
-    }), Object.assign(r, Le(d));
-  }, { deep: !0 }), e && i(), {
+      o[p] = Ze({ inputValue: $.value, rules: $.rules }), o[p].validate();
+    }), Object.assign(r, Ue(d));
+  }, { deep: !0 }), e && s(), {
     fields: o
   };
 }, b2 = (t) => {
-  const { initialPlacement: e, relativeElement: o, contentDOMElement: r, yOffset: i = 0, xOffset: u = 0 } = t, c = b(e), d = b({ x: "0px", y: "0px" });
+  const { initialPlacement: e, relativeElement: o, contentDOMElement: r, yOffset: s = 0, xOffset: u = 0 } = t, c = b(e), d = b({ x: "0px", y: "0px" });
   N(() => {
     v();
   });
   const v = () => {
-    he(() => {
+    me(() => {
       if (!r.value || !o) {
         console.warn("There is no relative element or content DOM element");
         return;
@@ -4615,13 +4615,13 @@ const Ke = (t) => {
         console.warn("Relative element is not an HTMLElement");
         return;
       }
-      const y = g.getBoundingClientRect(), { x: m, y: x } = y, w = y.width, _ = y.height, z = window.innerWidth, V = window.innerHeight;
-      c.value === "top" && x - H < 0 && (c.value = "bottom"), c.value === "bottom" && x + _ + H > V && (c.value = "top"), c.value === "left" && m - $ < 0 && (c.value = "right"), c.value === "right" && m + w + $ > z && (c.value = "left"), c.value === "top" && (d.value = { x: `${m + u}px`, y: `${x + i}px` }), c.value === "bottom" && (d.value = { x: `${m + u}px`, y: `${x + _ + i}px` }), c.value === "right" && (d.value = { x: `${m + u}px`, y: `${x + i}px` }), c.value === "left" && (d.value = { x: `${m + w + u}px`, y: `${x + i}px` });
+      const y = g.getBoundingClientRect(), { x: m, y: x } = y, w = y.width, _ = y.height, z = window.innerWidth, k = window.innerHeight;
+      c.value === "top" && x - H < 0 && (c.value = "bottom"), c.value === "bottom" && x + _ + H > k && (c.value = "top"), c.value === "left" && m - $ < 0 && (c.value = "right"), c.value === "right" && m + w + $ > z && (c.value = "left"), c.value === "top" && (d.value = { x: `${m + u}px`, y: `${x + s}px` }), c.value === "bottom" && (d.value = { x: `${m + u}px`, y: `${x + _ + s}px` }), c.value === "right" && (d.value = { x: `${m + u}px`, y: `${x + s}px` }), c.value === "left" && (d.value = { x: `${m + w + u}px`, y: `${x + s}px` });
     });
   };
   return { placement: c, placementCoords: d };
-}, x9 = () => {
-}, Eu = "@nmorph/nmorph-ui-kit", Ru = "module", Fu = "0.2.134", ju = "MIT", Wu = {
+}, $9 = () => {
+}, Eu = "@nmorph/nmorph-ui-kit", Ru = "module", Fu = "0.2.136", ju = "MIT", Wu = {
   node: "18.13.0",
   npm: "8.19.3"
 }, Lu = "./dist/index.d.ts", Uu = "./dist/index.umd.js", Gu = "./dist/index.es.js", Qu = "./dist/style.css", Yu = [
@@ -4771,21 +4771,21 @@ const Ke = (t) => {
   return t;
 }, rc = (t, e) => {
   const o = {};
-  return t.forEach(({ name: r, color: i }) => {
-    o[r] = i;
-  }), e.forEach(({ name: r, color: i }) => {
-    o[r] = i;
-  }), Object.entries(o).map(([r, i]) => ({ name: r, color: i }));
-}, Ze = (t, e) => {
-  let o = parseInt(t.substring(1, 3), 16), r = parseInt(t.substring(3, 5), 16), i = parseInt(t.substring(5, 7), 16);
-  o = Math.round(o * (1 + e / 100)), r = Math.round(r * (1 + e / 100)), i = Math.round(i * (1 + e / 100)), o = Math.min(255, Math.max(0, o)), r = Math.min(255, Math.max(0, r)), i = Math.min(255, Math.max(0, i));
-  const u = o.toString(16).padStart(2, "0"), c = r.toString(16).padStart(2, "0"), d = i.toString(16).padStart(2, "0");
+  return t.forEach(({ name: r, color: s }) => {
+    o[r] = s;
+  }), e.forEach(({ name: r, color: s }) => {
+    o[r] = s;
+  }), Object.entries(o).map(([r, s]) => ({ name: r, color: s }));
+}, Xe = (t, e) => {
+  let o = parseInt(t.substring(1, 3), 16), r = parseInt(t.substring(3, 5), 16), s = parseInt(t.substring(5, 7), 16);
+  o = Math.round(o * (1 + e / 100)), r = Math.round(r * (1 + e / 100)), s = Math.round(s * (1 + e / 100)), o = Math.min(255, Math.max(0, o)), r = Math.min(255, Math.max(0, r)), s = Math.min(255, Math.max(0, s));
+  const u = o.toString(16).padStart(2, "0"), c = r.toString(16).padStart(2, "0"), d = s.toString(16).padStart(2, "0");
   return `#${u}${c}${d}`;
 }, sc = (t) => {
   K2("warn", `NMORPH(v${Iu.version})`);
   const e = { ...ac, ...t }, o = (g) => {
     try {
-      const y = lc(g), m = Ze(y, e.darkShadeGeneratorCoefficient), x = Ze(y, e.lightShadeGeneratorCoefficient);
+      const y = lc(g), m = Xe(y, e.darkShadeGeneratorCoefficient), x = Xe(y, e.lightShadeGeneratorCoefficient);
       return [
         { name: "--nmorph-dark-shade-color", color: m },
         { name: "--nmorph-light-shade-color", color: x }
@@ -4794,20 +4794,20 @@ const Ke = (t) => {
       console.error(y.message);
     }
   }, r = (g) => Object.entries(g).map(([y, m]) => ({
-    name: `--nmorph-${Ue(y)}-color`,
+    name: `--nmorph-${Ge(y)}-color`,
     color: m
-  })), i = (g, y) => {
-    const m = (_) => _.map((z) => `${z.name}: ${z.color};`).join(" "), x = Object.entries(y).map(([_, z]) => `--${Ue(_)}: ${z};`).join(" "), w = [];
+  })), s = (g, y) => {
+    const m = (_) => _.map((z) => `${z.name}: ${z.color};`).join(" "), x = Object.entries(y).map(([_, z]) => `--${Ge(_)}: ${z};`).join(" "), w = [];
     return Object.entries(g).forEach(([_, z]) => {
       if (_ === "common")
         w.push(m(rc(M2, z)));
       else {
-        const V = `
+        const k = `
           &[${se}='${_}'] {
             ${m(z)}
           }
         `;
-        w.push(V);
+        w.push(k);
       }
     }), `
       :root {
@@ -4822,12 +4822,12 @@ const Ke = (t) => {
     !!y.main && !m && !x && (u[g] = o(y.main)), u[g] = [...u[g], ...r(y)];
   });
   const c = document.createElement("style");
-  c.type = "text/css", c.innerHTML = i(u, e.other), document.head.appendChild(c);
+  c.type = "text/css", c.innerHTML = s(u, e.other), document.head.appendChild(c);
   const d = (g) => {
     v.value = g, p.setAttribute(se, v.value), e.saveCurrentThemeToLS ? localStorage.setItem(se, g) : localStorage.removeItem(se);
   }, v = b(e.defaultTheme), p = document.querySelector("html"), $ = localStorage.getItem(se), H = u[$];
   return e.saveCurrentThemeToLS && H && (v.value = localStorage.getItem(se)), d(v.value), { setTheme: d, currentTheme: P2(v) };
-}, Ee = {
+}, Re = {
   [ee.en]: {
     on: "On",
     off: "Off"
@@ -4840,7 +4840,7 @@ const Ke = (t) => {
     on: "开",
     off: "关"
   }
-}, Re = {
+}, Fe = {
   [ee.en]: {
     sun: "sun",
     mon: "mon",
@@ -4904,39 +4904,39 @@ const Ke = (t) => {
     nov: "十一月",
     dec: "十二月"
   }
-}, Xe = {
-  NmorphSwitch: Ee[ee.en],
-  NmorphCalendar: Re[ee.en]
-}, $9 = {
-  NmorphSwitch: Ee[ee.ru],
-  NmorphCalendar: Re[ee.ru]
+}, Je = {
+  NmorphSwitch: Re[ee.en],
+  NmorphCalendar: Fe[ee.en]
 }, y9 = {
-  NmorphSwitch: Ee[ee.zh],
-  NmorphCalendar: Re[ee.zh]
+  NmorphSwitch: Re[ee.ru],
+  NmorphCalendar: Fe[ee.ru]
+}, b9 = {
+  NmorphSwitch: Re[ee.zh],
+  NmorphCalendar: Fe[ee.zh]
 }, ic = (t) => {
-  const e = t && t.messages ? { ...t.messages, en: Xe } : { en: Xe }, o = t && t.locale ? t.locale : ee.en;
+  const e = t && t.messages ? { ...t.messages, en: Je } : { en: Je }, o = t && t.locale ? t.locale : ee.en;
   return R2({
     locale: o,
     fallbackLocale: ee.en,
     messages: e
   });
-}, b9 = () => {
+}, M9 = () => {
   const t = b([]), e = {
     duration: 3e3,
     closable: !0,
     fill: !0,
     width: "330px"
-  }, o = (i) => {
+  }, o = (s) => {
     const u = {
       id: String(Date.now()),
       ...e
     }, c = ue({
       ...u,
-      ...i
+      ...s
     });
     t.value.push(c), c.duration !== 0 && setTimeout(() => r(c.id), c.duration);
-  }, r = (i) => {
-    t.value = t.value.filter((u) => u.id !== i);
+  }, r = (s) => {
+    t.value = t.value.filter((u) => u.id !== s);
   };
   return {
     notifications: t,
@@ -4964,10 +4964,10 @@ const Ke = (t) => {
     X(($) => ({
       "76576db6": p.value
     }));
-    const e = t, o = b(e.forceShow), r = b(null), i = b(null), { placement: u } = b2({
+    const e = t, o = b(e.forceShow), r = b(null), s = b(null), { placement: u } = b2({
       initialPlacement: e.position,
       contentDOMElement: r,
-      relativeElement: i
+      relativeElement: s
     }), c = h(
       () => A({
         "nmorph-tooltip": [
@@ -4981,7 +4981,7 @@ const Ke = (t) => {
       e.forceShow || (o.value = !1);
     }, p = h(() => e.forceCoordinate ? "100%" : "auto");
     return ($, H) => (a(), l("div", {
-      class: k(c.value)
+      class: V(c.value)
     }, [
       n("div", {
         ref_key: "tooltipDOMRef",
@@ -4992,11 +4992,11 @@ const Ke = (t) => {
       }, [
         n("div", {
           ref_key: "slotDOMRef",
-          ref: i
+          ref: s
         }, [
           C($.$slots, "default")
         ], 512),
-        e.forceCoordinate ? (a(), q(me, {
+        e.forceCoordinate ? (a(), q(fe, {
           key: 0,
           name: "opacity",
           tag: "div"
@@ -5009,12 +5009,12 @@ const Ke = (t) => {
             }, [
               n("div", uc, [
                 e.forceCoordinate ? T("", !0) : (a(), l("div", cc)),
-                n("span", null, F($.text), 1)
+                n("span", null, R($.text), 1)
               ])
             ], 4)) : T("", !0)
           ]),
           _: 1
-        })) : (a(), q(me, {
+        })) : (a(), q(fe, {
           key: 1,
           name: "opacity",
           tag: "div"
@@ -5023,7 +5023,7 @@ const Ke = (t) => {
             o.value ? (a(), l("div", vc, [
               n("div", hc, [
                 H[0] || (H[0] = n("div", { class: "nmorph-tooltip__triangle" }, null, -1)),
-                e.text ? (a(), l("span", pc, F($.text), 1)) : C($.$slots, "content", { key: 1 })
+                e.text ? (a(), l("span", pc, R($.text), 1)) : C($.$slots, "content", { key: 1 })
               ])
             ])) : T("", !0)
           ]),
@@ -5068,7 +5068,7 @@ const mc = {
     const r = Z(
       "checkbox-group-selected-value",
       void 0
-    ), i = Z(
+    ), s = Z(
       "change-checkbox-value-handler",
       void 0
     ), u = t;
@@ -5086,7 +5086,7 @@ const mc = {
           v.value = !v.value, $("update:model-value", v.value);
           return;
         }
-        i && Array.isArray(v.value) && i(u.id, v.value);
+        s && Array.isArray(v.value) && s(u.id, v.value);
       }
     }, g = h(
       () => A({
@@ -5098,7 +5098,7 @@ const mc = {
       })
     );
     return (y, m) => (a(), l("label", {
-      class: k(g.value)
+      class: V(g.value)
     }, [
       u.design === "checkbox" ? (a(), l("div", mc, [
         n("div", _c, [
@@ -5115,7 +5115,7 @@ const mc = {
           p.value ? (a(), l("div", gc)) : T("", !0)
         ]),
         u.label ? (a(), l("div", wc, [
-          n("span", null, F(u.label), 1)
+          n("span", null, R(u.label), 1)
         ])) : (a(), l("div", xc, [
           C(y.$slots, "default")
         ]))
@@ -5130,7 +5130,7 @@ const mc = {
           onChange: H
         }, null, 40, yc),
         u.label ? (a(), l("div", bc, [
-          n("span", null, F(u.label), 1)
+          n("span", null, R(u.label), 1)
         ])) : (a(), l("div", Mc, [
           C(y.$slots, "label")
         ]))
@@ -5138,7 +5138,7 @@ const mc = {
     ], 2));
   }
 });
-const zc = { class: "nmorph-checkbox-group__wrapper" }, Hc = { class: "nmorph-checkbox-group__content" }, Vc = /* @__PURE__ */ D({
+const zc = { class: "nmorph-checkbox-group__wrapper" }, Hc = { class: "nmorph-checkbox-group__content" }, kc = /* @__PURE__ */ D({
   __name: "NmorphCheckboxGroup",
   props: {
     modelValue: { default: () => [] },
@@ -5150,15 +5150,15 @@ const zc = { class: "nmorph-checkbox-group__wrapper" }, Hc = { class: "nmorph-ch
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const o = t, r = b(o.modelValue), i = e, u = (d) => {
-      r.value.includes(d) ? r.value = r.value.filter((v) => v !== d) : r.value.push(d), i("update:model-value", r.value);
+    const o = t, r = b(o.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(
       () => A({
         "nmorph-checkbox-group": [o.design, o.direction]
       })
     );
     return J("checkbox-group-selected-value", r), J("change-checkbox-value-handler", u), (d, v) => (a(), l("div", {
-      class: k(c.value)
+      class: V(c.value)
     }, [
       n("div", zc, [
         n("div", Hc, [
@@ -5176,7 +5176,7 @@ const zc = { class: "nmorph-checkbox-group__wrapper" }, Hc = { class: "nmorph-ch
     ], 2));
   }
 });
-const kc = { class: "nmorph-autocomplete__input-content" }, Bc = {
+const Vc = { class: "nmorph-autocomplete__input-content" }, Bc = {
   key: 0,
   class: "nmorph-autocomplete__loading"
 }, Cc = {
@@ -5195,12 +5195,12 @@ const kc = { class: "nmorph-autocomplete__input-content" }, Bc = {
   },
   emits: ["update:model-value", "select"],
   setup(t, { emit: e }) {
-    const o = t, r = b(o.modelValue), i = e, u = h(
+    const o = t, r = b(o.modelValue), s = e, u = h(
       () => A({
         "nmorph-autocomplete": []
       })
     ), c = (m) => {
-      r.value = m, i("update:model-value", r.value);
+      r.value = m, s("update:model-value", r.value);
     }, d = b(!1), v = b(null), p = () => {
       d.value = !1;
     }, $ = h(() => o.list.filter((m) => Object.keys(m).some((x) => String(m[x]).toLowerCase().includes(r.value.toLowerCase()))));
@@ -5208,7 +5208,7 @@ const kc = { class: "nmorph-autocomplete__input-content" }, Bc = {
       d.value = m.length > 0;
     });
     const H = (m) => {
-      i("select", m), r.value = m.value, setTimeout(() => {
+      s("select", m), r.value = m.value, setTimeout(() => {
         d.value = !1;
       });
     }, g = () => {
@@ -5219,15 +5219,15 @@ const kc = { class: "nmorph-autocomplete__input-content" }, Bc = {
     }), Q(y, (m) => {
       m && (d.value = !0);
     }), (m, x) => (a(), l("div", {
-      class: k(u.value)
+      class: V(u.value)
     }, [
-      n("div", kc, [
+      n("div", Vc, [
         n("div", {
           ref_key: "nmorphAutocompleteDOMRef",
           ref: v,
           class: "nmorph-autocomplete__input"
         }, [
-          B(f(k2), {
+          B(f(V2), {
             height: o.height,
             disabled: o.disabled,
             "model-value": r.value,
@@ -5260,7 +5260,7 @@ const kc = { class: "nmorph-autocomplete__input-content" }, Bc = {
               onClick: () => H(w)
             }, [
               C(m.$slots, "default", { scope: w }, () => [
-                te(F(w.value), 1)
+                ne(R(w.value), 1)
               ])
             ], 8, Sc))), 128))
           ]))
@@ -5270,7 +5270,7 @@ const kc = { class: "nmorph-autocomplete__input-content" }, Bc = {
     ], 2));
   }
 });
-const Je = /* @__PURE__ */ D({
+const Ne = /* @__PURE__ */ D({
   __name: "NmorphClearButton",
   emits: ["clear"],
   setup(t, { emit: e }) {
@@ -5279,8 +5279,8 @@ const Je = /* @__PURE__ */ D({
         "nmorph-input-clear-button": []
       })
     );
-    return (i, u) => (a(), l("div", {
-      class: k(r.value)
+    return (s, u) => (a(), l("div", {
+      class: V(r.value)
     }, [
       B(f(E), {
         name: "error",
@@ -5310,33 +5310,33 @@ const Je = /* @__PURE__ */ D({
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const o = t, r = b(o.initialStartDate), i = b(
+    const o = t, r = b(o.initialStartDate), s = b(
       o.initialEndDate ?? new Date(new Date(o.initialStartDate).setMonth(o.initialStartDate.getMonth() + 1))
     ), u = b(o.modelValue), c = e, d = h(
       () => A({
-        nmorph: [ne[o.height]],
+        nmorph: [ae[o.height]],
         "nmorph-date-picker": [`${o.disabled && "disabled"}`, o.type]
       })
     ), v = b(!1), p = b(null), $ = () => {
       v.value = !1;
     }, H = () => {
       v.value = !v.value;
-    }, g = h(() => u.value ? Array.isArray(u.value) ? u.value.length === 0 ? o.placeholder : ve(u.value).join(", ") : ve(u.value) : o.placeholder), y = h(() => {
+    }, g = h(() => u.value ? Array.isArray(u.value) ? u.value.length === 0 ? o.placeholder : pe(u.value).join(", ") : pe(u.value) : o.placeholder), y = h(() => {
       if (Array.isArray(u.value)) {
-        const V = ve(u.value[0]) ?? o.startDatePlaceholder, j = ve(u.value[1]) ?? o.endDatePlaceholder;
+        const k = pe(u.value[0]) ?? o.startDatePlaceholder, j = pe(u.value[1]) ?? o.endDatePlaceholder;
         return {
-          from: V,
+          from: k,
           to: j
         };
       } else
         return { from: o.startDatePlaceholder, to: o.endDatePlaceholder };
     }), m = () => {
-      const V = Array.isArray(u.value) ? [] : null;
-      u.value = V, c("update:model-value", u.value);
+      const k = Array.isArray(u.value) ? [] : null;
+      u.value = k, c("update:model-value", u.value);
     };
     o.type === "date" && Array.isArray(u.value) && console.warn('If you decide to use type "date" the passed property must be an Date object'), (o.type === "dates" || o.type === "daterange") && !Array.isArray(u.value) && console.warn('If you decide to use type "dates" or "daterange" the passed property must be an array');
-    const x = (V) => {
-      const j = V;
+    const x = (k) => {
+      const j = k;
       if (Array.isArray(u.value)) {
         if (o.type === "dates") {
           const O = j.toDateString(), M = u.value.map((S) => S?.toDateString()), P = M.findIndex((S) => O === S);
@@ -5345,21 +5345,21 @@ const Je = /* @__PURE__ */ D({
       } else
         u.value = j;
       c("update:model-value", u.value);
-    }, w = h(() => Array.isArray(u.value) ? u.value.length > 0 : !!u.value), _ = (V) => {
-      Array.isArray(u.value) && (u.value[0] = V, c("update:model-value", u.value));
-    }, z = (V) => {
-      Array.isArray(u.value) && (u.value[1] = V, c("update:model-value", u.value));
+    }, w = h(() => Array.isArray(u.value) ? u.value.length > 0 : !!u.value), _ = (k) => {
+      Array.isArray(u.value) && (u.value[0] = k, c("update:model-value", u.value));
+    }, z = (k) => {
+      Array.isArray(u.value) && (u.value[1] = k, c("update:model-value", u.value));
     };
-    return (V, j) => {
-      const O = Me("NmorphDatePickerContent");
+    return (k, j) => {
+      const O = ze("NmorphDatePickerContent");
       return a(), l("div", {
-        class: k(d.value)
+        class: V(d.value)
       }, [
         o.type === "date" || o.type === "dates" ? (a(), l("div", Tc, [
           n("div", {
             ref_key: "nmorphInputDOMRef",
             ref: p,
-            class: k(["nmorph-date-picker__input", { "nmorph-date-picker__input--open": v.value }]),
+            class: V(["nmorph-date-picker__input", { "nmorph-date-picker__input--open": v.value }]),
             onClick: H
           }, [
             j[0] || (j[0] = n("input", { type: "date" }, null, -1)),
@@ -5367,9 +5367,9 @@ const Je = /* @__PURE__ */ D({
               name: "calendar",
               class: "nmorph-date-picker__calendar-icon"
             }),
-            n("div", Dc, F(g.value), 1),
+            n("div", Dc, R(g.value), 1),
             n("div", Oc, [
-              w.value ? (a(), q(Je, {
+              w.value ? (a(), q(Ne, {
                 key: 0,
                 onClear: m
               })) : T("", !0)
@@ -5388,7 +5388,7 @@ const Je = /* @__PURE__ */ D({
                 B(O, {
                   "selected-values": u.value,
                   "initial-date": r.value,
-                  type: V.type,
+                  type: k.type,
                   onUpdateSelectedValue: x
                 }, null, 8, ["selected-values", "initial-date", "type"])
               ]),
@@ -5400,7 +5400,7 @@ const Je = /* @__PURE__ */ D({
           n("div", {
             ref_key: "nmorphInputDOMRef",
             ref: p,
-            class: k(["nmorph-date-picker__input", { "nmorph-date-picker__input--open": v.value }]),
+            class: V(["nmorph-date-picker__input", { "nmorph-date-picker__input--open": v.value }]),
             onClick: H
           }, [
             j[1] || (j[1] = n("input", { type: "date" }, null, -1)),
@@ -5409,12 +5409,12 @@ const Je = /* @__PURE__ */ D({
               class: "nmorph-date-picker__calendar-icon"
             }),
             n("div", Ec, [
-              n("div", Rc, F(y.value.from), 1),
-              n("div", Fc, F(o.textSeparator), 1),
-              n("div", jc, F(y.value.to), 1)
+              n("div", Rc, R(y.value.from), 1),
+              n("div", Fc, R(o.textSeparator), 1),
+              n("div", jc, R(y.value.to), 1)
             ]),
             n("div", Wc, [
-              w.value ? (a(), q(Je, {
+              w.value ? (a(), q(Ne, {
                 key: 0,
                 onClear: m
               })) : T("", !0)
@@ -5433,14 +5433,14 @@ const Je = /* @__PURE__ */ D({
                 B(O, {
                   "selected-values": u.value,
                   "initial-date": r.value,
-                  type: V.type,
+                  type: k.type,
                   onUpdateSelectedValue: _
                 }, null, 8, ["selected-values", "initial-date", "type"]),
                 B(f(A2), { direction: "vertical" }),
                 B(O, {
                   "selected-values": u.value,
-                  "initial-date": i.value,
-                  type: V.type,
+                  "initial-date": s.value,
+                  type: k.type,
                   onUpdateSelectedValue: z
                 }, null, 8, ["selected-values", "initial-date", "type"])
               ]),
@@ -5463,10 +5463,10 @@ const Gc = { class: "nmorph-file-upload__trigger" }, Qc = ["multiple"], Yc = { c
   },
   emits: ["update:model-value", "on-unsupported-file-type-error"],
   setup(t, { expose: e, emit: o }) {
-    const r = t, i = (m) => m.split("/")[1], u = (m) => {
-      const x = i(m);
+    const r = t, s = (m) => m.split("/")[1], u = (m) => {
+      const x = s(m);
       let w = "doc";
-      return x in ze && (w = "image"), x in Ve && (w = "audio"), x in He && (w = "video"), x in ke && (w = "archive"), w;
+      return x in He && (w = "image"), x in Ve && (w = "audio"), x in ke && (w = "video"), x in Be && (w = "archive"), w;
     };
     let c = ue(r.modelValue);
     const d = b(null), v = () => {
@@ -5475,11 +5475,11 @@ const Gc = { class: "nmorph-file-upload__trigger" }, Qc = ["multiple"], Yc = { c
       const x = m.target;
       if (x.files) {
         if (Array.from(x.files).forEach((w) => {
-          const _ = i(w.type);
+          const _ = s(w.type);
           if (!r.allowedTypes.includes(_))
             return g("on-unsupported-file-type-error", w.type);
-          const z = URL.createObjectURL(w), V = { data: w, previewUrl: z };
-          c.push(V);
+          const z = URL.createObjectURL(w), k = { data: w, previewUrl: z };
+          c.push(k);
         }), c.length === 0)
           return;
         $();
@@ -5500,7 +5500,7 @@ const Gc = { class: "nmorph-file-upload__trigger" }, Qc = ["multiple"], Yc = { c
       })
     );
     return (m, x) => (a(), l("div", {
-      class: k(y.value)
+      class: V(y.value)
     }, [
       n("div", Gc, [
         n("input", {
@@ -5521,7 +5521,7 @@ const Gc = { class: "nmorph-file-upload__trigger" }, Qc = ["multiple"], Yc = { c
         ])
       ]),
       n("div", Yc, [
-        B(me, {
+        B(fe, {
           name: "list",
           tag: "div"
         }, {
@@ -5537,7 +5537,7 @@ const Gc = { class: "nmorph-file-upload__trigger" }, Qc = ["multiple"], Yc = { c
                   width: "14px",
                   height: "17px"
                 }, null, 8, ["name"]),
-                n("span", Zc, F(w.name), 1)
+                n("span", Zc, R(w.name), 1)
               ]),
               n("div", Xc, [
                 B(f(K), {
@@ -5559,13 +5559,13 @@ const Gc = { class: "nmorph-file-upload__trigger" }, Qc = ["multiple"], Yc = { c
     ], 2));
   }
 });
-var ze = /* @__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))(ze || {}), He = /* @__PURE__ */ ((t) => (t.mp4 = "video/mp4", t.webm = "video/webm", t["wideo-ogg"] = "video/ogg", t))(He || {}), Ve = /* @__PURE__ */ ((t) => (t.mpeg = "audio/mpeg", t["audio-ogg"] = "audio/ogg", t.wav = "audio/wav", t))(Ve || {}), Fe = /* @__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))(Fe || {}), ke = /* @__PURE__ */ ((t) => (t.zip = "application/zip", t.rar = "application/x-rar-compressed", t["7z"] = "application/x-7z-compressed", t))(ke || {});
+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 || {}), ke = /* @__PURE__ */ ((t) => (t.mp4 = "video/mp4", t.webm = "video/webm", t["wideo-ogg"] = "video/ogg", t))(ke || {}), 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 Nc = {
-  ...ze,
   ...He,
+  ...ke,
   ...Ve,
-  ...Fe,
-  ...ke
+  ...je,
+  ...Be
 }, Ic = { class: "nmorph-form__content" }, e5 = /* @__PURE__ */ D({
   __name: "NmorphForm",
   props: {
@@ -5578,11 +5578,11 @@ const Nc = {
       () => A({
         "nmorph-form": []
       })
-    ), i = qu(o.value, o.validateImmediately), u = e;
+    ), s = qu(o.value, o.validateImmediately), u = e;
     return N(() => {
-      u("form-validator", i);
-    }), J("form-data", i), (c, d) => (a(), l("form", {
-      class: k(r.value)
+      u("form-validator", s);
+    }), J("form-data", s), (c, d) => (a(), l("form", {
+      class: V(r.value)
     }, [
       n("div", Ic, [
         C(c.$slots, "default")
@@ -5599,14 +5599,14 @@ const Nc = {
   setup(t) {
     const e = t, o = h(() => (Array.isArray(e.errors) ? e.errors : e.errors.value).reverse()), r = h(
       () => A({
-        nmorph: [ne[e.height]],
+        nmorph: [ae[e.height]],
         "nmorph-error-box": [`${e.staticHeight && "static-height"}`, `${o.value.length === 0 && "empty"}`]
       })
     );
-    return (i, u) => (a(), l("div", {
-      class: k(r.value)
+    return (s, u) => (a(), l("div", {
+      class: V(r.value)
     }, [
-      B(me, {
+      B(fe, {
         name: "list",
         tag: "div"
       }, {
@@ -5614,7 +5614,7 @@ const Nc = {
           (a(!0), l(U, null, G(o.value, (c) => (a(), l("p", {
             key: c,
             class: "nmorph-error-box__error"
-          }, F(c), 1))), 128))
+          }, R(c), 1))), 128))
         ]),
         _: 1
       })
@@ -5628,7 +5628,7 @@ const Se = "18px", n5 = /* @__PURE__ */ D({
     show: { type: [Boolean, Object], default: !0 }
   },
   setup(t) {
-    X((i) => ({
+    X((s) => ({
       bd9433c4: Se
     }));
     const e = t, o = h(
@@ -5636,10 +5636,10 @@ const Se = "18px", n5 = /* @__PURE__ */ D({
         "nmorph-validation-icon": [e.valid ? "valid" : "invalid"]
       })
     ), r = h(() => e.valid ? "success" : "error");
-    return (i, u) => (a(), l("div", {
-      class: k(o.value)
+    return (s, u) => (a(), l("div", {
+      class: V(o.value)
     }, [
-      i.show ? (a(), q(f(E), {
+      s.show ? (a(), q(f(E), {
         key: 0,
         class: "nmorph-validation-icon__content",
         name: r.value,
@@ -5660,9 +5660,9 @@ const a5 = { key: 0 }, o5 = { class: "nmorph-form-item__content" }, l5 = /* @__P
     validate: { type: Boolean, default: !0 }
   },
   setup(t) {
-    const e = t, o = Z("form-data", void 0), r = h(() => o?.fields[e.id]), i = h(() => e.validate && r.value), u = h(
-      () => !!i.value && !!r?.value?.touched && e.showValidationIcon
-    ), c = h(() => i.value && r.value?.touched), d = h(
+    const e = t, o = Z("form-data", void 0), r = h(() => o?.fields[e.id]), s = h(() => e.validate && r.value), u = h(
+      () => !!s.value && !!r?.value?.touched && e.showValidationIcon
+    ), c = h(() => s.value && r.value?.touched), d = h(
       () => A({
         "nmorph-form-item": [
           `${e.label && "labeled"}`,
@@ -5671,9 +5671,9 @@ const a5 = { key: 0 }, o5 = { class: "nmorph-form-item__content" }, l5 = /* @__P
       })
     );
     return (v, p) => (a(), l("div", {
-      class: k(d.value)
+      class: V(d.value)
     }, [
-      e.label ? (a(), l("label", a5, F(e.label), 1)) : T("", !0),
+      e.label ? (a(), l("label", a5, R(e.label), 1)) : T("", !0),
       n("div", o5, [
         C(v.$slots, "default"),
         B(f(n5), {
@@ -5714,9 +5714,9 @@ const r5 = { class: "nmorph-number-input__content" }, s5 = { class: "nmorph-numb
     X((w) => ({
       e535d6b2: $.value
     }));
-    const r = t, i = h(
+    const r = t, s = h(
       () => A({
-        nmorph: [ne[r.height]],
+        nmorph: [ae[r.height]],
         "nmorph-number-input": [
           `${r.disabled && "disabled"}`,
           `${r.actionBtnPositionRight && "action-btn-position-right"}`
@@ -5752,7 +5752,7 @@ const r5 = { class: "nmorph-number-input__content" }, s5 = { class: "nmorph-numb
     });
     const x = b(null);
     return e({ inputDOMRef: x }), (w, _) => (a(), l("div", {
-      class: k(i.value)
+      class: V(s.value)
     }, [
       n("div", r5, [
         n("div", s5, [
@@ -5844,7 +5844,10 @@ const m5 = { class: "nmorph-select__content" }, _5 = {
 }, f5 = {
   key: 1,
   class: "nmorph-select__selected-value"
-}, g5 = /* @__PURE__ */ D({
+}, g5 = {
+  key: 2,
+  class: "nmorph-select__selected-value"
+}, w5 = /* @__PURE__ */ D({
   __name: "NmorphSelect",
   props: {
     noElementPlaceholder: { default: "Choose value" },
@@ -5859,19 +5862,19 @@ const m5 = { class: "nmorph-select__content" }, _5 = {
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const o = t, r = e, i = b(o.modelValue), u = b(o.open), c = b(null), d = b(null), v = b(!0), p = (_) => {
+    const o = t, r = e, s = b(o.modelValue), u = b(o.open), c = b(null), d = b(null), v = b(!0), p = (_) => {
       if (!o.disabled) {
-        if (u.value = !1, typeof i.value == "string" && (!o.valueRequired && i.value === _ ? i.value = "" : i.value = _, r("update:model-value", i.value)), Array.isArray(i.value)) {
-          const z = i.value.includes(_), V = i.value.length === 1 && z;
-          if (o.valueRequired && V)
+        if (u.value = !1, typeof s.value == "string" && (!o.valueRequired && s.value === _ ? s.value = "" : s.value = _, r("update:model-value", s.value)), Array.isArray(s.value)) {
+          const z = s.value.includes(_), k = s.value.length === 1 && z;
+          if (o.valueRequired && k)
             return;
-          z ? i.value = i.value.filter((j) => j !== _) : i.value = [...i.value, _];
+          z ? s.value = s.value.filter((j) => j !== _) : s.value = [...s.value, _];
         }
-        r("update:model-value", i.value);
+        r("update:model-value", s.value);
       }
     }, $ = h(
       () => A({
-        nmorph: [ne[o.height]],
+        nmorph: [ae[o.height]],
         "nmorph-select": [
           `${o.disabled && "disabled"}`,
           `${o.modelValue ? "on" : "off"}`,
@@ -5895,14 +5898,14 @@ const m5 = { class: "nmorph-select__content" }, _5 = {
     };
     N(() => {
       c.value && (d.value = `${c.value.clientHeight}px`, document.addEventListener("click", g));
-    }), be(() => {
+    }), Me(() => {
       document.removeEventListener("click", g);
     });
-    const y = h(() => typeof i.value == "string" ? i.value === "" ? o.noElementPlaceholder : o.options.find((_) => _.value === i.value)?.label : i.value), m = h(() => o.options.length > 0 ? o.options : o.optionsMap), x = h(() => m.value.length > 0 ? m.value.filter((z) => i.value.includes(z.value)).map((z) => ({ text: z.label, value: z.value })) : Array.isArray(i.value) ? i.value.map((z) => ({ text: z, value: z })) : [{ text: i.value, value: i.value }]);
-    J("select-selected-value", i), J("select-change-selected-value", p);
+    const y = h(() => typeof s.value == "string" ? s.value === "" ? o.noElementPlaceholder : o.options.find((_) => _.value === s.value)?.label : o.options.find((_) => _.value === s.value)?.label), m = h(() => o.options.length > 0 ? o.options : o.optionsMap), x = h(() => m.value.length > 0 ? m.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 }]);
+    J("select-selected-value", s), J("select-change-selected-value", p);
     const w = b(null);
     return (_, z) => (a(), l("div", {
-      class: k($.value)
+      class: V($.value)
     }, [
       n("div", m5, [
         n("div", {
@@ -5911,11 +5914,11 @@ const m5 = { class: "nmorph-select__content" }, _5 = {
           class: "nmorph-select__selected-values-line",
           onClick: re(H, ["stop"])
         }, [
-          typeof i.value == "string" ? (a(), l("div", _5, F(y.value), 1)) : (a(), l("div", f5, [
-            (a(!0), l(U, null, G(x.value, (V) => (a(), q(f(qe), de({
-              key: V.value,
+          typeof s.value == "string" ? (a(), l("div", _5, R(y.value), 1)) : s.value.length === 0 ? (a(), l("div", f5, R(o.noElementPlaceholder), 1)) : (a(), l("div", g5, [
+            (a(!0), l(U, null, G(x.value, (k) => (a(), q(f(Ee), de({
+              key: k.value,
               ref_for: !0
-            }, V, {
+            }, k, {
               transparent: "",
               removable: x.value.length > 1 || !o.valueRequired,
               height: "thin",
@@ -5945,10 +5948,10 @@ const m5 = { class: "nmorph-select__content" }, _5 = {
               name: "loader",
               class: "nmorph-select__chevron",
               size: "medium"
-            })) : (a(!0), l(U, { key: 1 }, G(_.options, (V) => (a(), q(f(V2), de({
-              key: V.value,
+            })) : (a(!0), l(U, { key: 1 }, G(_.options, (k) => (a(), q(f(k2), de({
+              key: k.value,
               ref_for: !0
-            }, V, {
+            }, k, {
               height: o.height
             }), null, 16, ["height"]))), 128)),
             C(_.$slots, "default")
@@ -5959,7 +5962,7 @@ const m5 = { class: "nmorph-select__content" }, _5 = {
     ], 2));
   }
 });
-const w5 = { class: "nmorph-select-option__content" }, V2 = /* @__PURE__ */ D({
+const x5 = { class: "nmorph-select-option__content" }, k2 = /* @__PURE__ */ D({
   __name: "NmorphSelectOption",
   props: {
     value: {},
@@ -5969,24 +5972,24 @@ const w5 = { class: "nmorph-select-option__content" }, V2 = /* @__PURE__ */ D({
   },
   emits: ["change-value"],
   setup(t, { emit: e }) {
-    const o = Z("select-selected-value", void 0), r = Z("select-change-selected-value", void 0), i = t, u = e, c = () => {
-      i.disabled || (u("change-value", i.value), r && r(i.value));
-    }, d = h(() => typeof o?.value == "string" ? o.value === i.value : Array.isArray(o?.value) ? o.value.some((p) => p === i.value) : !1), v = h(
+    const o = Z("select-selected-value", void 0), r = Z("select-change-selected-value", void 0), s = t, u = e, c = () => {
+      s.disabled || (u("change-value", s.value), r && r(s.value));
+    }, d = h(() => typeof o?.value == "string" ? o.value === s.value : Array.isArray(o?.value) ? o.value.some((p) => p === s.value) : !1), v = h(
       () => A({
-        nmorph: [ne[i.height]],
+        nmorph: [ae[s.height]],
         "nmorph-select-option": [
-          `${i.disabled && "disabled"}`,
-          `${i.label && "with-label"}`,
+          `${s.disabled && "disabled"}`,
+          `${s.label && "with-label"}`,
           `${d.value && "checked"}`
         ]
       })
     );
     return (p, $) => (a(), l("div", {
-      class: k(v.value),
+      class: V(v.value),
       onClick: c
     }, [
-      n("div", w5, [
-        n("span", null, F(i.label), 1),
+      n("div", x5, [
+        n("span", null, R(s.label), 1),
         C(p.$slots, "default")
       ]),
       d.value ? (a(), q(f(E), {
@@ -5997,7 +6000,7 @@ const w5 = { class: "nmorph-select-option__content" }, V2 = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const x5 = { class: "nmorph-slider__content" }, $5 = { class: "nmorph-slider__input-wrapper" }, y5 = ["value", "min", "max", "step"], Ne = 40, b5 = /* @__PURE__ */ D({
+const $5 = { class: "nmorph-slider__content" }, y5 = { class: "nmorph-slider__input-wrapper" }, b5 = ["value", "min", "max", "step", "disabled"], Ae = 40, M5 = /* @__PURE__ */ D({
   __name: "NmorphSlider",
   props: {
     modelValue: { default: 0 },
@@ -6010,14 +6013,14 @@ const x5 = { class: "nmorph-slider__content" }, $5 = { class: "nmorph-slider__in
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
     X((O) => ({
-      "110d8e4d": i
+      "247c45de": s
     }));
     const o = t, r = h(
       () => A({
         nmorph: [],
         "nmorph-slider": [`${o.disabled && "disabled"}`]
       })
-    ), i = `${Ne}px`, u = b(o.showTooltip), c = e, d = b(o.modelValue), v = b(null);
+    ), s = `${Ae}px`, u = b(o.showTooltip), c = e, d = b(o.modelValue), v = b(null);
     Q(d, () => {
       c("update:model-value", d.value);
     }), Q(
@@ -6027,19 +6030,19 @@ const x5 = { class: "nmorph-slider__content" }, $5 = { class: "nmorph-slider__in
       }
     );
     const p = h(() => {
-      const O = $.value - $.value, M = o.max - o.min + O, P = (d.value - o.min) / M * 100, S = v.value?.clientWidth || 0, L = Ne / S * 100, R = L / 2;
-      let Y = P - R;
-      const ae = `${Math.max(0, Math.min(100 - L, Y))}%`, ge = `${Y + R}%`;
+      const O = $.value - $.value, M = o.max - o.min + O, P = (d.value - o.min) / M * 100, S = v.value?.clientWidth || 0, L = Ae / S * 100, F = L / 2;
+      let Y = P - F;
+      const ve = `${Math.max(0, Math.min(100 - L, Y))}%`, he = o.max / Ae, te = `${parseFloat(ve) + he}%`;
       return {
-        thumb: ae,
-        tooltip: ge
+        thumb: ve,
+        tooltip: te
       };
     }), $ = b(0), H = b(0), g = () => {
       $.value = window.innerWidth, H.value = window.innerHeight;
     };
     N(() => {
       typeof window < "u" && ($.value = window.innerWidth, H.value = window.innerHeight, window.addEventListener("resize", g));
-    }), be(() => {
+    }), Me(() => {
       typeof window < "u" && (document.removeEventListener("mouseup", m), window.removeEventListener("resize", g));
     });
     const y = (O) => {
@@ -6059,15 +6062,15 @@ const x5 = { class: "nmorph-slider__content" }, $5 = { class: "nmorph-slider__in
       o.showTooltip && (u.value = !0);
     }, z = () => {
       o.showTooltip && (u.value = !1);
-    }, V = (O) => {
+    }, k = (O) => {
       const M = O.target;
       d.value = Number(M.value);
     }, j = b(!0);
     return (O, M) => (a(), l("div", {
-      class: k(r.value)
+      class: V(r.value)
     }, [
-      n("div", x5, [
-        n("div", $5, [
+      n("div", $5, [
+        n("div", y5, [
           n("div", {
             ref_key: "sliderContainer",
             ref: v,
@@ -6083,7 +6086,7 @@ const x5 = { class: "nmorph-slider__content" }, $5 = { class: "nmorph-slider__in
             n("div", {
               ref_key: "sliderFirst",
               ref: w,
-              class: k(["nmorph-slider__thumb", { "nmorph-slider__thumb--smooth": j.value }]),
+              class: V(["nmorph-slider__thumb", { "nmorph-slider__thumb--smooth": j.value }]),
               style: I({ left: p.value.thumb }),
               onMouseenter: _,
               onMouseleave: z,
@@ -6096,15 +6099,16 @@ const x5 = { class: "nmorph-slider__content" }, $5 = { class: "nmorph-slider__in
               min: o.min,
               max: o.max,
               step: o.step,
-              onInput: V
-            }, null, 40, y5)
+              disabled: o.disabled,
+              onInput: k
+            }, null, 40, b5)
           ], 512)
         ])
       ])
     ], 2));
   }
 });
-const M5 = ["value", "disabled"], z5 = { class: "nmorph-switch-thumb" }, H5 = /* @__PURE__ */ D({
+const z5 = ["value", "disabled"], H5 = { class: "nmorph-switch-thumb" }, k5 = /* @__PURE__ */ D({
   __name: "NmorphSwitch",
   props: {
     modelValue: { type: [Boolean, String, Number], default: !1 },
@@ -6115,7 +6119,7 @@ const M5 = ["value", "disabled"], z5 = { class: "nmorph-switch-thumb" }, H5 = /*
   },
   emits: ["update:model-value"],
   setup(t, { expose: e, emit: o }) {
-    const r = t, i = h(
+    const r = t, s = h(
       () => A({
         "nmorph-switch": [
           `${r.disabled && "disabled"}`,
@@ -6136,7 +6140,7 @@ const M5 = ["value", "disabled"], z5 = { class: "nmorph-switch-thumb" }, H5 = /*
         c.value = p === r.activeValue;
       }
     ), (p, $) => (a(), l("div", {
-      class: k(i.value)
+      class: V(s.value)
     }, [
       n("div", {
         class: "nmorph-switch__content",
@@ -6149,13 +6153,13 @@ const M5 = ["value", "disabled"], z5 = { class: "nmorph-switch-thumb" }, H5 = /*
           value: c.value,
           disabled: r.disabled,
           class: "nmorph-native-input"
-        }, null, 8, M5),
+        }, null, 8, z5),
         n("div", {
-          class: k(["nmorph-switch__bg-content", { "nmorph-switch__bg-content--enable": c.value }])
+          class: V(["nmorph-switch__bg-content", { "nmorph-switch__bg-content--enable": c.value }])
         }, [
           c.value ? C(p.$slots, "bg-on", { key: 0 }) : C(p.$slots, "bg-off", { key: 1 })
         ], 2),
-        n("div", z5, [
+        n("div", H5, [
           r.loading ? (a(), q(f(E), {
             key: 0,
             name: "loader",
@@ -6167,10 +6171,10 @@ const M5 = ["value", "disabled"], z5 = { class: "nmorph-switch-thumb" }, H5 = /*
     ], 2));
   }
 });
-const V5 = { class: "nmorph-text-input__input-side" }, k5 = {
+const V5 = { class: "nmorph-text-input__input-side" }, B5 = {
   key: 0,
   class: "nmorph-text-input__prepend-icon"
-}, B5 = ["type", "placeholder", "disabled", "value"], k2 = /* @__PURE__ */ D({
+}, C5 = ["type", "placeholder", "disabled", "value"], V2 = /* @__PURE__ */ D({
   __name: "NmorphTextInput",
   props: {
     placeholder: { default: "" },
@@ -6185,28 +6189,28 @@ const V5 = { class: "nmorph-text-input__input-side" }, k5 = {
     X((_) => ({
       cecbe6ea: w.value
     }));
-    const r = Oe(), i = t, u = h(
+    const r = Pe(), s = t, u = h(
       () => A({
-        nmorph: [ne[i.height], `${$.value && "focused"}`],
-        "nmorph-text-input": [`${i.typePassword && "password"}`]
+        nmorph: [ae[s.height], `${$.value && "focused"}`],
+        "nmorph-text-input": [`${s.typePassword && "password"}`]
       })
     ), c = (_) => {
       const z = _.target;
       m("update:model-value", z.value);
     }, d = b(!1), v = () => {
-      i.clearable ? m("update:model-value", "") : d.value = !d.value;
-    }, p = h(() => i.typePassword && !d.value && !i.clearable ? "password" : "text"), $ = b(!1), H = () => {
+      s.clearable ? m("update:model-value", "") : d.value = !d.value;
+    }, p = h(() => s.typePassword && !d.value && !s.clearable ? "password" : "text"), $ = b(!1), H = () => {
       m("focus"), $.value = !0;
     }, g = () => {
       m("blur"), $.value = !1;
     }, y = b(null);
     e({ inputDOMRef: y });
-    const m = o, x = h(() => i.clearable ? "error" : d.value ? "eye-blocked" : "eye"), w = h(() => r["prepend-icon"] ? "28px" : "8px");
+    const m = o, x = h(() => s.clearable ? "error" : d.value ? "eye-blocked" : "eye"), w = h(() => r["prepend-icon"] ? "28px" : "8px");
     return (_, z) => (a(), l("div", {
-      class: k(u.value)
+      class: V(u.value)
     }, [
       n("div", V5, [
-        f(r)["prepend-icon"] ? (a(), l("div", k5, [
+        f(r)["prepend-icon"] ? (a(), l("div", B5, [
           C(_.$slots, "prepend-icon")
         ])) : T("", !0),
         n("input", {
@@ -6214,21 +6218,21 @@ const V5 = { class: "nmorph-text-input__input-side" }, k5 = {
           ref: y,
           class: "nmorph-native-input",
           type: p.value,
-          placeholder: i.placeholder,
-          disabled: i.disabled,
-          value: i.modelValue,
+          placeholder: s.placeholder,
+          disabled: s.disabled,
+          value: s.modelValue,
           onInput: c,
           onFocus: H,
           onBlur: g,
-          onKeyup: z[0] || (z[0] = q2((V) => m("on-enter"), ["enter"]))
-        }, null, 40, B5),
-        i.typePassword || i.clearable ? (a(), q(f(K), {
+          onKeyup: z[0] || (z[0] = q2((k) => m("on-enter"), ["enter"]))
+        }, null, 40, C5),
+        s.typePassword || s.clearable ? (a(), q(f(K), {
           key: 1,
-          disabled: i.disabled,
+          disabled: s.disabled,
           class: "nmorph-text-input__password-btn",
           "style-type": "transparent",
           width: "32px",
-          height: i.height,
+          height: s.height,
           onClick: v
         }, {
           default: W(() => [
@@ -6240,7 +6244,7 @@ const V5 = { class: "nmorph-text-input__input-side" }, k5 = {
     ], 2));
   }
 });
-const C5 = { class: "nmorph-time-picker__content" }, S5 = { class: "nmorph-time-picker__selected-time" }, A5 = ["value"], T5 = { class: "nmorph-time-picker__dropdown" }, $e = 20, D5 = /* @__PURE__ */ D({
+const S5 = { class: "nmorph-time-picker__content" }, A5 = { class: "nmorph-time-picker__selected-time" }, T5 = ["value"], D5 = { class: "nmorph-time-picker__dropdown" }, ye = 20, O5 = /* @__PURE__ */ D({
   __name: "NmorphTimePicker",
   props: {
     modelValue: { default: 0 },
@@ -6257,17 +6261,17 @@ const C5 = { class: "nmorph-time-picker__content" }, S5 = { class: "nmorph-time-
     X((M) => ({
       "7f37cbae": j.value
     }));
-    const r = t, i = o, u = b(null), c = b(null);
+    const r = t, s = o, u = b(null), c = b(null);
     e({ inputDOMRef: c });
     const d = b(r.open), v = b([0, 0, 0]), p = b(r.initWithoutValue), $ = () => {
       d.value = !d.value;
     }, H = h(
       () => A({
-        nmorph: [ne[r.height]],
+        nmorph: [ae[r.height]],
         "nmorph-time-picker": [`${r.disabled && "disabled"}`, `${d.value && "open"}`]
       })
     ), g = Array.from({ length: 24 }, (M, P) => P), y = Array.from({ length: 60 }, (M, P) => P), m = () => {
-      p.value = !1, i("update:model-value", B2(v.value));
+      p.value = !1, s("update:model-value", B2(v.value));
     }, x = (M) => {
       const P = M;
       v.value = [P, v.value[1], v.value[2]], m();
@@ -6281,24 +6285,24 @@ const C5 = { class: "nmorph-time-picker__content" }, S5 = { class: "nmorph-time-
       d.value = !1;
     };
     Q(d, (M) => {
-      i("on-change-open-close", M);
+      s("on-change-open-close", M);
     }), (() => {
       if (p.value)
         return;
-      const M = De(r.modelValue).split(":").map((P) => Number(P));
+      const M = Oe(r.modelValue).split(":").map((P) => Number(P));
       v.value = M;
     })();
-    const j = h(() => `${$e}px`), O = h(() => p.value ? "——:——:——" : De(r.modelValue));
+    const j = h(() => `${ye}px`), O = h(() => p.value ? "——:——:——" : Oe(r.modelValue));
     return (M, P) => {
-      const S = Me("NmorphTimeRoller");
+      const S = ze("NmorphTimeRoller");
       return a(), l("div", {
         ref_key: "timepickerDOMRef",
         ref: u,
-        class: k(H.value),
+        class: V(H.value),
         onClick: $
       }, [
-        n("div", C5, [
-          n("div", S5, [
+        n("div", S5, [
+          n("div", A5, [
             B(f(E), {
               name: "time",
               class: "nmorph-time-picker__time-icon"
@@ -6310,8 +6314,8 @@ const C5 = { class: "nmorph-time-picker__content" }, S5 = { class: "nmorph-time-
               value: v.value,
               step: "1",
               class: "nmorph-native-input"
-            }, null, 8, A5),
-            n("span", null, F(O.value), 1)
+            }, null, 8, T5),
+            n("span", null, R(O.value), 1)
           ]),
           u.value ? (a(), q(f(ce), {
             key: 0,
@@ -6320,12 +6324,12 @@ const C5 = { class: "nmorph-time-picker__content" }, S5 = { class: "nmorph-time-
             onOnOutsideClick: z
           }, {
             default: W(() => [
-              n("div", T5, [
+              n("div", D5, [
                 B(S, {
                   "set-value-on-mount": !p.value,
                   values: f(g),
                   "selected-value": v.value[0],
-                  "step-height": $e,
+                  "step-height": ye,
                   "disabled-range": M.disabledHours,
                   onValueChanged: x
                 }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
@@ -6334,7 +6338,7 @@ const C5 = { class: "nmorph-time-picker__content" }, S5 = { class: "nmorph-time-
                   values: f(y),
                   "selected-value": v.value[1],
                   "disabled-range": M.disabledMinutes,
-                  "step-height": $e,
+                  "step-height": ye,
                   onValueChanged: w
                 }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
                 B(S, {
@@ -6342,7 +6346,7 @@ const C5 = { class: "nmorph-time-picker__content" }, S5 = { class: "nmorph-time-
                   values: f(y),
                   "disabled-range": M.disabledSeconds,
                   "selected-value": v.value[2],
-                  "step-height": $e,
+                  "step-height": ye,
                   onValueChanged: _
                 }, null, 8, ["set-value-on-mount", "values", "disabled-range", "selected-value"])
               ])
@@ -6354,31 +6358,31 @@ const C5 = { class: "nmorph-time-picker__content" }, S5 = { class: "nmorph-time-
     };
   }
 });
-const De = (t) => {
-  const e = new Date(t), o = e.getHours().toString().padStart(2, "0"), r = e.getMinutes().toString().padStart(2, "0"), i = e.getSeconds().toString().padStart(2, "0");
-  return `${o}:${r}:${i}`;
+const Oe = (t) => {
+  const e = new Date(t), o = e.getHours().toString().padStart(2, "0"), r = e.getMinutes().toString().padStart(2, "0"), s = e.getSeconds().toString().padStart(2, "0");
+  return `${o}:${r}:${s}`;
 }, B2 = (t) => {
-  const [e, o, r] = t, i = /* @__PURE__ */ new Date();
-  return i.setHours(e), i.setMinutes(o), i.setSeconds(r), i.setMilliseconds(0), i.getTime();
-}, O5 = {
+  const [e, o, r] = t, s = /* @__PURE__ */ new Date();
+  return s.setHours(e), s.setMinutes(o), s.setSeconds(r), s.setMilliseconds(0), s.getTime();
+}, P5 = {
   key: 0,
   class: "nmorph-radio__content"
-}, P5 = { class: "nmorph-radio__input-wrapper" }, q5 = ["name", "value", "checked"], E5 = {
+}, q5 = { class: "nmorph-radio__input-wrapper" }, E5 = ["name", "value", "checked"], R5 = {
   key: 0,
   class: "nmorph-radio__fake-checked"
-}, R5 = {
+}, F5 = {
   key: 0,
   class: "nmorph-radio__label"
-}, F5 = {
+}, j5 = {
   key: 1,
   class: "nmorph-radio__content"
-}, j5 = ["disabled", "name", "value", "checked"], W5 = {
+}, W5 = ["disabled", "name", "value", "checked"], L5 = {
   key: 0,
   class: "nmorph-radio__fake"
-}, L5 = {
+}, U5 = {
   key: 1,
   class: "nmorph-radio__fake"
-}, U5 = /* @__PURE__ */ D({
+}, G5 = /* @__PURE__ */ D({
   __name: "NmorphRadio",
   props: {
     styleType: { default: "button" },
@@ -6390,54 +6394,54 @@ const De = (t) => {
     const o = Z("radio-group-selected-value", void 0), r = Z(
       "change-radio-button-value-handler",
       void 0
-    ), i = t, u = () => {
-      r && !i.disabled && r(i.value);
-    }, c = h(() => o?.value === i.value), d = h(
+    ), s = t, u = () => {
+      r && !s.disabled && r(s.value);
+    }, c = h(() => o?.value === s.value), d = h(
       () => A({
-        "nmorph-radio": [`${i.disabled && "disabled"}`, `${c.value && "checked"}`, i.styleType]
+        "nmorph-radio": [`${s.disabled && "disabled"}`, `${c.value && "checked"}`, s.styleType]
       })
     ), v = b(null);
     return e({ inputDOMRef: v }), (p, $) => (a(), l("label", {
-      class: k(d.value),
+      class: V(d.value),
       onClick: re(u, ["prevent"])
     }, [
-      i.styleType === "radio-style" ? (a(), l("div", O5, [
-        n("div", P5, [
+      s.styleType === "radio-style" ? (a(), l("div", P5, [
+        n("div", q5, [
           n("input", {
             ref_key: "inputDOMRef",
             ref: v,
             type: "radio",
-            name: i.label,
-            value: i.value,
+            name: s.label,
+            value: s.value,
             checked: c.value,
             class: "nmorph-native-input"
-          }, null, 8, q5),
+          }, null, 8, E5),
           $[0] || ($[0] = n("div", { class: "nmorph-radio__fake" }, null, -1)),
-          c.value ? (a(), l("div", E5)) : T("", !0)
+          c.value ? (a(), l("div", R5)) : T("", !0)
         ]),
-        i.label ? (a(), l("span", R5, F(i.label), 1)) : C(p.$slots, "label", { key: 1 }, void 0, !0)
+        s.label ? (a(), l("span", F5, R(s.label), 1)) : C(p.$slots, "label", { key: 1 }, void 0, !0)
       ])) : T("", !0),
-      i.styleType === "button" ? (a(), l("div", F5, [
+      s.styleType === "button" ? (a(), l("div", j5, [
         n("input", {
           ref_key: "inputDOMRef",
           ref: v,
           type: "radio",
-          disabled: i.disabled,
-          name: i.label,
-          value: i.value,
+          disabled: s.disabled,
+          name: s.label,
+          value: s.value,
           checked: c.value,
           class: "nmorph-native-input"
-        }, null, 8, j5),
-        i.label ? (a(), l("div", W5, [
-          n("span", null, F(i.label), 1)
-        ])) : (a(), l("div", L5, [
+        }, null, 8, W5),
+        s.label ? (a(), l("div", L5, [
+          n("span", null, R(s.label), 1)
+        ])) : (a(), l("div", U5, [
           C(p.$slots, "label", {}, void 0, !0)
         ]))
       ])) : T("", !0)
     ], 2));
   }
 });
-const C2 = /* @__PURE__ */ fe(U5, [["__scopeId", "data-v-7ff79dcc"]]), G5 = { class: "nmorph-radio-group__wrapper" }, Q5 = { class: "nmorph-radio-group__content" }, S2 = /* @__PURE__ */ D({
+const C2 = /* @__PURE__ */ we(G5, [["__scopeId", "data-v-7ff79dcc"]]), Q5 = { class: "nmorph-radio-group__wrapper" }, Y5 = { class: "nmorph-radio-group__content" }, S2 = /* @__PURE__ */ D({
   __name: "NmorphRadioGroup",
   props: {
     modelValue: { default: "" },
@@ -6456,16 +6460,16 @@ const C2 = /* @__PURE__ */ fe(U5, [["__scopeId", "data-v-7ff79dcc"]]), G5 = { cl
         r.value = d;
       }
     );
-    const i = e, u = (d) => {
-      r.value = d, i("update:model-value", r.value);
+    const s = e, u = (d) => {
+      r.value = d, s("update:model-value", r.value);
     }, c = h(() => A({ "nmorph-radio-group": [o.styleType, o.direction] }));
     return J("radio-group-selected-value", r), J("change-radio-button-value-handler", u), (d, v) => {
-      const p = Me("NmorphRadio");
+      const p = ze("NmorphRadio");
       return a(), l("div", {
-        class: k(c.value)
+        class: V(c.value)
       }, [
-        n("div", G5, [
-          n("div", Q5, [
+        n("div", Q5, [
+          n("div", Y5, [
             (a(!0), l(U, null, G(d.options, ($) => (a(), q(p, {
               key: $.value,
               label: $.label,
@@ -6480,7 +6484,7 @@ const C2 = /* @__PURE__ */ fe(U5, [["__scopeId", "data-v-7ff79dcc"]]), G5 = { cl
     };
   }
 });
-const Y5 = /* @__PURE__ */ D({
+const K5 = /* @__PURE__ */ D({
   __name: "NmorphBacktop",
   props: {
     right: { default: 40 },
@@ -6491,10 +6495,10 @@ const Y5 = /* @__PURE__ */ D({
   emits: ["click"],
   setup(t, { emit: e }) {
     X((g) => ({
-      "13d4e1c7": i.value,
+      "13d4e1c7": s.value,
       "4bd46fe0": u.value
     }));
-    const o = t, r = e, i = h(() => `${o.right}px`), u = h(() => `${o.bottom}px`), c = h(
+    const o = t, r = e, s = h(() => `${o.right}px`), u = h(() => `${o.bottom}px`), c = h(
       () => A({
         "nmorph-backtop": [`${p.value && "show"}`, o.design]
       })
@@ -6512,12 +6516,12 @@ const Y5 = /* @__PURE__ */ D({
     };
     return N(() => {
       v.value && (d.value = v.value.parentElement, d.value?.addEventListener("scroll", $));
-    }), be(() => {
+    }), Me(() => {
       d.value && d.value?.removeEventListener("scroll", $);
     }), (g, y) => (a(), l("div", {
       ref_key: "selfDOMEl",
       ref: v,
-      class: k(c.value)
+      class: V(c.value)
     }, [
       n("div", {
         onClick: re(H, ["stop"])
@@ -6540,24 +6544,24 @@ const Y5 = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const K5 = ["id"], Z5 = {
+const Z5 = ["id"], X5 = {
   key: 0,
   class: "nmorph-breadcrumb__separator"
-}, X5 = /* @__PURE__ */ D({
+}, J5 = /* @__PURE__ */ D({
   __name: "NmorphBreadcrumb",
   props: {
     separator: { default: "/" }
   },
   setup(t) {
-    const e = t, o = b([]), r = _e();
+    const e = t, o = b([]), r = ge();
     J("breadcrumb-data", { breadcrumbs: o, breadcrumbId: r });
-    const i = h(
+    const s = h(
       () => A({
         "nmorph-breadcrumb": []
       })
     );
     return (u, c) => (a(), l("div", {
-      class: k(i.value)
+      class: V(s.value)
     }, [
       C(u.$slots, "default"),
       (a(!0), l(U, null, G(o.value, (d, v) => (a(), l("div", {
@@ -6567,13 +6571,13 @@ const K5 = ["id"], Z5 = {
         n("div", {
           id: `nmorph-breadcrumb-${f(r)}-${d.itemId}-element`,
           class: "nmorph-breadcrumb__element"
-        }, null, 8, K5),
-        v < o.value.length - 1 ? (a(), l("div", Z5, F(e.separator), 1)) : T("", !0)
+        }, null, 8, Z5),
+        v < o.value.length - 1 ? (a(), l("div", X5, R(e.separator), 1)) : T("", !0)
       ]))), 128))
     ], 2));
   }
 });
-const J5 = /* @__PURE__ */ D({
+const N5 = /* @__PURE__ */ D({
   __name: "NmorphBreadcrumbItem",
   props: {
     to: { default: "" },
@@ -6584,16 +6588,16 @@ const J5 = /* @__PURE__ */ D({
       () => A({
         "nmorph-breadcrumb-item": []
       })
-    ), r = Z("breadcrumb-data", void 0), i = b(!1), u = _e();
+    ), r = Z("breadcrumb-data", void 0), s = b(!1), u = ge();
     return N(() => {
-      i.value = !0;
+      s.value = !0;
     }), r.breadcrumbs.value.push({ ...e, itemId: u }), (c, d) => {
-      const v = Me("router-link");
-      return i.value && f(u) ? (a(), l("div", {
+      const v = ze("router-link");
+      return s.value && f(u) ? (a(), l("div", {
         key: 0,
-        class: k(o.value)
+        class: V(o.value)
       }, [
-        (a(), q(pe, {
+        (a(), q(_e, {
           to: `#nmorph-breadcrumb-${f(r)?.breadcrumbId}-${f(u)}-element`
         }, [
           B(v, {
@@ -6625,9 +6629,9 @@ const J5 = /* @__PURE__ */ D({
     X((p) => ({
       f609801e: d.value
     }));
-    const o = t, r = e, i = b(null), { placementCoords: u } = b2({
+    const o = t, r = e, s = b(null), { placementCoords: u } = b2({
       initialPlacement: "bottom",
-      contentDOMElement: i,
+      contentDOMElement: s,
       relativeElement: o.relativeElement,
       yOffset: o.yOffset,
       xOffset: o.xOffset
@@ -6638,7 +6642,7 @@ const J5 = /* @__PURE__ */ D({
     ), d = h(() => o.fillWidth ? `${o.relativeElement?.clientWidth}px` : `${o.width}px`), v = () => {
       r("on-outside-click");
     };
-    return (p, $) => (a(), q(f(Be), {
+    return (p, $) => (a(), q(f(Ce), {
       show: o.open,
       transparent: "",
       onOnOutsideClick: v
@@ -6646,8 +6650,8 @@ const J5 = /* @__PURE__ */ D({
       default: W(() => [
         n("div", {
           ref_key: "dropdownDOMRef",
-          ref: i,
-          class: k(c.value),
+          ref: s,
+          class: V(c.value),
           style: I({ left: `${f(u).x}`, top: `${f(u).y}` })
         }, [
           C(p.$slots, "default")
@@ -6657,7 +6661,7 @@ const J5 = /* @__PURE__ */ D({
     }, 8, ["show"]));
   }
 });
-const N5 = { class: "nmorph-tabs__label-list" }, I5 = ["id", "onClick", "custom"], e9 = { key: 0 }, t9 = { class: "nmorph-tabs__content__wrapper" }, n9 = { class: "nmorph-tabs__content" }, a9 = ["id"], o9 = { key: 0 }, l9 = /* @__PURE__ */ D({
+const I5 = { class: "nmorph-tabs__label-list" }, e9 = ["id", "onClick", "custom"], t9 = { key: 0 }, n9 = { class: "nmorph-tabs__content__wrapper" }, a9 = { class: "nmorph-tabs__content" }, o9 = ["id"], l9 = { key: 0 }, r9 = /* @__PURE__ */ D({
   __name: "NmorphTabs",
   props: {
     modelValue: { default: 0 },
@@ -6666,7 +6670,7 @@ const N5 = { class: "nmorph-tabs__label-list" }, I5 = ["id", "onClick", "custom"
   },
   emits: ["update:model-value", "tab-change"],
   setup(t, { emit: e }) {
-    const o = t, r = e, i = h(
+    const o = t, r = e, s = h(
       () => A({
         "nmorph-tabs": [`${o.stretch && "stretch"}`]
       })
@@ -6675,52 +6679,52 @@ const N5 = { class: "nmorph-tabs__label-list" }, I5 = ["id", "onClick", "custom"
         return;
       const { name: H } = $;
       r("update:model-value", H), r("tab-change", H);
-    }, c = b([]), d = _e();
+    }, c = b([]), d = ge();
     J("nmorph-tabs-data", {
       tabsData: c,
       tabsIdentifier: d
     });
-    const v = h(() => o.panes.length > 0 ? o.panes : c.value), p = Oe();
+    const v = h(() => o.panes.length > 0 ? o.panes : c.value), p = Pe();
     return ($, H) => (a(), l("div", {
-      class: k(i.value)
+      class: V(s.value)
     }, [
       C($.$slots, "default"),
-      n("div", N5, [
+      n("div", I5, [
         (a(!0), l(U, null, G(v.value, (g) => (a(), l("div", {
-          id: f(je)(f(d), g.name),
+          id: f(We)(f(d), g.name),
           key: g.name,
-          class: k(["nmorph-tabs__label", [
+          class: V(["nmorph-tabs__label", [
             { "nmorph-tabs__label--selected": g.name === o.modelValue },
             { "nmorph-tabs__label--disabled": g.disabled }
           ]]),
           onClick: (y) => u(g),
           custom: g.disabled
         }, [
-          f(p).default ? T("", !0) : (a(), l("div", e9, F(g.label), 1))
-        ], 10, I5))), 128))
+          f(p).default ? T("", !0) : (a(), l("div", t9, R(g.label), 1))
+        ], 10, e9))), 128))
       ]),
-      n("div", t9, [
-        n("div", n9, [
-          (a(!0), l(U, null, G(v.value, (g) => Ae((a(), l("div", {
-            id: f(We)(f(d), g.name),
+      n("div", n9, [
+        n("div", a9, [
+          (a(!0), l(U, null, G(v.value, (g) => Te((a(), l("div", {
+            id: f(Le)(f(d), g.name),
             key: g.name
           }, [
-            f(p).default ? T("", !0) : (a(), l("div", o9, F(g.content), 1))
-          ], 8, a9)), [
-            [Te, g.name === o.modelValue]
+            f(p).default ? T("", !0) : (a(), l("div", l9, R(g.content), 1))
+          ], 8, o9)), [
+            [De, g.name === o.modelValue]
           ])), 128))
         ])
       ])
     ], 2));
   }
 });
-const je = (t, e) => {
+const We = (t, e) => {
   if (t)
     return `nmorph-tabs-label-${t}-${e}`;
-}, We = (t, e) => {
+}, Le = (t, e) => {
   if (t)
     return `nmorph-tabs-content-${t}-${e}`;
-}, r9 = /* @__PURE__ */ D({
+}, s9 = /* @__PURE__ */ D({
   __name: "NmorphTabPane",
   props: {
     label: { default: "" },
@@ -6733,22 +6737,22 @@ const je = (t, e) => {
       () => A({
         "nmorph-tab-pane": []
       })
-    ), r = Z("nmorph-tabs-data", void 0), i = b(!1);
+    ), r = Z("nmorph-tabs-data", void 0), s = b(!1);
     N(() => {
-      i.value = !0;
+      s.value = !0;
     }), r.tabsData.value.push(e);
     const u = e;
-    return (c, d) => i.value ? (a(), l("div", {
+    return (c, d) => s.value ? (a(), l("div", {
       key: 0,
-      class: k(o.value)
+      class: V(o.value)
     }, [
-      (a(), q(pe, {
-        to: `#${f(je)(f(r)?.tabsIdentifier, e.name)}`
+      (a(), q(_e, {
+        to: `#${f(We)(f(r)?.tabsIdentifier, e.name)}`
       }, [
         C(c.$slots, "label", { scope: f(u) })
       ], 8, ["to"])),
-      (a(), q(pe, {
-        to: `#${f(We)(f(r)?.tabsIdentifier, e.name)}`
+      (a(), q(_e, {
+        to: `#${f(Le)(f(r)?.tabsIdentifier, e.name)}`
       }, [
         C(c.$slots, "default", { scope: f(u) })
       ], 8, ["to"]))
@@ -6765,12 +6769,12 @@ const je = (t, e) => {
         "nmorph-divider": [e.direction]
       })
     );
-    return (r, i) => (a(), l("div", {
-      class: k(o.value)
+    return (r, s) => (a(), l("div", {
+      class: V(o.value)
     }, null, 2));
   }
 });
-const Be = /* @__PURE__ */ D({
+const Ce = /* @__PURE__ */ D({
   __name: "NmorphOverlay",
   props: {
     show: { type: Boolean },
@@ -6782,12 +6786,12 @@ const Be = /* @__PURE__ */ D({
       () => A({
         "nmorph-overlay": [`${o.show && "show"}`, `${o.transparent && "transparent"}`]
       })
-    ), i = () => {
+    ), s = () => {
       u("on-outside-click");
     }, u = e;
     return (c, d) => (a(), l("div", {
-      class: k(r.value),
-      onClick: re(i, ["stop"])
+      class: V(r.value),
+      onClick: re(s, ["stop"])
     }, [
       n("div", {
         class: "nmorph-overlay__slot",
@@ -6799,7 +6803,7 @@ const Be = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const s9 = /* @__PURE__ */ D({
+const i9 = /* @__PURE__ */ D({
   __name: "NmorphNotificationProvider",
   props: {
     notifications: {},
@@ -6811,14 +6815,14 @@ const s9 = /* @__PURE__ */ D({
     const e = b([]), o = h(() => u.notifications.filter((d) => !e.value.includes(d.id))), r = h(() => {
       const d = Math.max(o.value.length - u.quantity, 0);
       return o.value.slice(d);
-    }), i = (d) => {
+    }), s = (d) => {
       e.value = [...e.value, d];
     }, u = t, c = h(() => u.zIndex);
     return (d, v) => (a(), l("div", {
-      class: k(`nmorph-notification-provider nmorph-notification-provider--${u.placement}`),
+      class: V(`nmorph-notification-provider nmorph-notification-provider--${u.placement}`),
       style: I({ zIndex: c.value })
     }, [
-      B(me, {
+      B(fe, {
         name: "nmorph-notification",
         tag: "div"
       }, {
@@ -6829,7 +6833,7 @@ const s9 = /* @__PURE__ */ D({
             class: "nmorph-notification-provider__notification"
           }, [
             B(f(y2), de({ ref_for: !0 }, p, {
-              onClose: () => i(p.id)
+              onClose: () => s(p.id)
             }), null, 16, ["onClose"])
           ], 4))), 128))
         ]),
@@ -6838,20 +6842,20 @@ const s9 = /* @__PURE__ */ D({
     ], 6));
   }
 });
-const i9 = /* @__PURE__ */ fe(s9, [["__scopeId", "data-v-de7a6e97"]]);
+const d9 = /* @__PURE__ */ we(i9, [["__scopeId", "data-v-de7a6e97"]]);
 var T2 = /* @__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))(T2 || {});
-const d9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const u9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   NmorphAlert: y2,
   NmorphAlertType: ie,
-  NmorphArchiveResolution: ke,
+  NmorphArchiveResolution: Be,
   NmorphAudioResolution: Ve,
   NmorphAutocomplete: Ac,
   NmorphAvatar: _d,
-  NmorphBacktop: Y5,
+  NmorphBacktop: K5,
   NmorphBadge: wd,
-  NmorphBreadcrumb: X5,
-  NmorphBreadcrumbItem: J5,
+  NmorphBreadcrumb: J5,
+  NmorphBreadcrumbItem: N5,
   NmorphButton: K,
   NmorphButtonShape: o2,
   NmorphButtonStyle: n2,
@@ -6862,13 +6866,13 @@ const d9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NmorphCarousel: Pd,
   NmorphCarouselItem: qd,
   NmorphCheckbox: H2,
-  NmorphCheckboxGroup: Vc,
+  NmorphCheckboxGroup: kc,
   NmorphCollapse: Ed,
   NmorphCollapseItem: Rd,
   NmorphDatePicker: Uc,
   NmorphDialog: Tu,
   NmorphDivider: A2,
-  NmorphDocResolution: Fe,
+  NmorphDocResolution: je,
   NmorphDropdown: ce,
   NmorphFileUpload: Jc,
   NmorphForm: e5,
@@ -6876,62 +6880,62 @@ const d9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NmorphIcon: E,
   NmorphIconSize: l2,
   NmorphIconsMap: r2,
-  NmorphImage: ye,
+  NmorphImage: be,
   NmorphImagePreview: _2,
-  NmorphImageResolution: ze,
+  NmorphImageResolution: He,
   NmorphLink: hd,
   NmorphLinkTarget: s2,
   NmorphNotificationPlacement: T2,
-  NmorphNotificationProvider: i9,
+  NmorphNotificationProvider: d9,
   NmorphNumberInput: p5,
   NmorphOverflowProp: i2,
-  NmorphOverlay: Be,
+  NmorphOverlay: Ce,
   NmorphPagination: Zd,
   NmorphProgress: lu,
   NmorphRadio: C2,
   NmorphRadioGroup: S2,
   NmorphScroll: pd,
   NmorphScrollBehavior: d2,
-  NmorphSelect: g5,
-  NmorphSelectOption: V2,
+  NmorphSelect: w5,
+  NmorphSelectOption: k2,
   NmorphSkeleton: du,
   NmorphSkeletonItem: g2,
   NmorphSkeletonItemPropsType: f2,
-  NmorphSlider: b5,
-  NmorphSwitch: H5,
-  NmorphTabPane: r9,
+  NmorphSlider: M5,
+  NmorphSwitch: k5,
+  NmorphTabPane: s9,
   NmorphTable: w2,
   NmorphTableCell: x2,
   NmorphTableColumn: $2,
-  NmorphTabs: l9,
-  NmorphTagItem: qe,
+  NmorphTabs: r9,
+  NmorphTagItem: Ee,
   NmorphTagList: $u,
-  NmorphTextInput: k2,
-  NmorphTimePicker: D5,
+  NmorphTextInput: V2,
+  NmorphTimePicker: O5,
   NmorphTooltip: z2,
-  NmorphVideoResolution: He,
-  formatDateIntl: ve,
-  formatTimestampToTime: De,
+  NmorphVideoResolution: ke,
+  formatDateIntl: pe,
+  formatTimestampToTime: Oe,
   getDecadeYears: Md,
   getMonthDaysByWeek: p2,
   getMonthName: h2,
-  getTabContentId: We,
-  getTabLabelId: je,
+  getTabContentId: Le,
+  getTabLabelId: We,
   hasAnyRangeDateInNextMonth: c2,
   hasAnyRangeDateInPrevMonth: u2,
   isTodayInMonthRange: v2,
   resetTimeToZero: le,
   resolution: Nc,
   timeArrayToTimestamp: B2,
-  useCalendarTexts: Pe
-}, Symbol.toStringTag, { value: "Module" })), u9 = () => {
+  useCalendarTexts: qe
+}, Symbol.toStringTag, { value: "Module" })), c9 = () => {
   const t = b({ width: 0, height: 0 }), e = () => {
     t.value.width = window.innerWidth, t.value.height = window.innerHeight;
   };
   return window && window.addEventListener("resize", e), {
     dimensions: t
   };
-}, M9 = () => Z("nmorph"), z9 = {
+}, z9 = () => Z("nmorph"), H9 = {
   install(t, e = {}) {
     if (!e.i18n.outsideMessagesMerge) {
       const u = ic(e.i18n), c = t.__VUE_I18N__;
@@ -6939,9 +6943,9 @@ const d9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         c.global.mergeLocaleMessage(d, v);
       }), u.global.locale && (c.global.locale.value = u.global.locale)) : t.use(u);
     }
-    const o = sc(e.theme), r = u9(), i = { theme: o, browser: r };
-    return t.provide("nmorph", i), Object.entries(d9).forEach(([u, c]) => {
-      if (c9(c))
+    const o = sc(e.theme), r = c9(), s = { theme: o, browser: r };
+    return t.provide("nmorph", s), Object.entries(u9).forEach(([u, c]) => {
+      if (v9(c))
         if (e.components === void 0)
           t.component(u, c);
         else {
@@ -6952,7 +6956,7 @@ const d9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }), t;
   }
 };
-function c9(t) {
+function v9(t) {
   return t && (typeof t == "object" || typeof t == "function") && ("render" in t || "template" in t || "setup" in t);
 }
 export {
@@ -6960,16 +6964,16 @@ export {
   ee as Locale,
   y2 as NmorphAlert,
   ie as NmorphAlertType,
-  ke as NmorphArchiveResolution,
+  Be as NmorphArchiveResolution,
   Du as NmorphArrayValidationOperator,
   Ve as NmorphAudioResolution,
   Ac as NmorphAutocomplete,
   _d as NmorphAvatar,
-  Y5 as NmorphBacktop,
+  K5 as NmorphBacktop,
   wd as NmorphBadge,
   Pu as NmorphBooleanCompareOperator,
-  X5 as NmorphBreadcrumb,
-  J5 as NmorphBreadcrumbItem,
+  J5 as NmorphBreadcrumb,
+  N5 as NmorphBreadcrumbItem,
   K as NmorphButton,
   o2 as NmorphButtonShape,
   n2 as NmorphButtonStyle,
@@ -6980,37 +6984,37 @@ export {
   Pd as NmorphCarousel,
   qd as NmorphCarouselItem,
   H2 as NmorphCheckbox,
-  Vc as NmorphCheckboxGroup,
+  kc as NmorphCheckboxGroup,
   Ed as NmorphCollapse,
   Rd as NmorphCollapseItem,
   t2 as NmorphColor,
   W2 as NmorphComponentDirection,
-  ne as NmorphComponentHeight,
+  ae as NmorphComponentHeight,
   L2 as NmorphComponentPosition,
   Uc as NmorphDatePicker,
   Tu as NmorphDialog,
   A2 as NmorphDivider,
-  Fe as NmorphDocResolution,
+  je as NmorphDocResolution,
   ce as NmorphDropdown,
   Jc as NmorphFileUpload,
   e5 as NmorphForm,
   l5 as NmorphFormItem,
   E as NmorphIcon,
-  s as NmorphIconList,
+  i as NmorphIconList,
   l2 as NmorphIconSize,
   r2 as NmorphIconsMap,
-  ye as NmorphImage,
+  be as NmorphImage,
   U2 as NmorphImageFit,
   _2 as NmorphImagePreview,
-  ze as NmorphImageResolution,
+  He as NmorphImageResolution,
   hd as NmorphLink,
   s2 as NmorphLinkTarget,
   T2 as NmorphNotificationPlacement,
-  i9 as NmorphNotificationProvider,
+  d9 as NmorphNotificationProvider,
   Ou as NmorphNumberCompareOperator,
   p5 as NmorphNumberInput,
   i2 as NmorphOverflowProp,
-  Be as NmorphOverlay,
+  Ce as NmorphOverlay,
   Zd as NmorphPagination,
   lu as NmorphProgress,
   C2 as NmorphRadio,
@@ -7018,65 +7022,65 @@ export {
   G2 as NmorphRadioStyleType,
   pd as NmorphScroll,
   d2 as NmorphScrollBehavior,
-  g5 as NmorphSelect,
-  V2 as NmorphSelectOption,
+  w5 as NmorphSelect,
+  k2 as NmorphSelectOption,
   Q2 as NmorphSelectionDateType,
   e2 as NmorphShadowType,
   du as NmorphSkeleton,
   g2 as NmorphSkeletonItem,
   f2 as NmorphSkeletonItemPropsType,
-  b5 as NmorphSlider,
+  M5 as NmorphSlider,
   j2 as NmorphSortOrder,
-  H5 as NmorphSwitch,
-  r9 as NmorphTabPane,
+  k5 as NmorphSwitch,
+  s9 as NmorphTabPane,
   w2 as NmorphTable,
   x2 as NmorphTableCell,
   $2 as NmorphTableColumn,
-  l9 as NmorphTabs,
-  qe as NmorphTagItem,
+  r9 as NmorphTabs,
+  Ee as NmorphTagItem,
   $u as NmorphTagList,
-  k2 as NmorphTextInput,
-  D5 as NmorphTimePicker,
+  V2 as NmorphTextInput,
+  O5 as NmorphTimePicker,
   z2 as NmorphTooltip,
-  He as NmorphVideoResolution,
-  _9 as anyToPascalCase,
-  Ue as camelToKebab,
-  f9 as camelToTitle,
-  m9 as capitalizeFirstChar,
+  ke as NmorphVideoResolution,
+  f9 as anyToPascalCase,
+  Ge as camelToKebab,
+  g9 as camelToTitle,
+  _9 as capitalizeFirstChar,
   Y2 as createBlockModifiers,
-  Le as deepClone,
-  z9 as default,
-  Xe as en,
-  ve as formatDateIntl,
-  De as formatTimestampToTime,
-  _e as generateUUID,
+  Ue as deepClone,
+  H9 as default,
+  Je as en,
+  pe as formatDateIntl,
+  Oe as formatTimestampToTime,
+  ge as generateUUID,
   Md as getDecadeYears,
   p2 as getMonthDaysByWeek,
   h2 as getMonthName,
-  We as getTabContentId,
-  je as getTabLabelId,
+  Le as getTabContentId,
+  We as getTabLabelId,
   c2 as hasAnyRangeDateInNextMonth,
   u2 as hasAnyRangeDateInPrevMonth,
-  p9 as isStringHtml,
+  m9 as isStringHtml,
   v2 as isTodayInMonthRange,
   K2 as log,
-  g9 as pascalToKebab,
-  w9 as pascalToSpace,
+  w9 as pascalToKebab,
+  x9 as pascalToSpace,
   le as resetTimeToZero,
   Nc as resolution,
-  $9 as ru,
+  y9 as ru,
   B2 as timeArrayToTimestamp,
   dc as useA11yProps,
-  Pe as useCalendarTexts,
-  x9 as useEventManager,
-  Ke as useFieldValidation,
+  qe as useCalendarTexts,
+  $9 as useEventManager,
+  Ze as useFieldValidation,
   qu as useFormValidation,
   A as useModifiers,
-  M9 as useNmorph,
-  u9 as useNmorphBrowser,
-  b9 as useNmorphNotification,
+  z9 as useNmorph,
+  c9 as useNmorphBrowser,
+  M9 as useNmorphNotification,
   sc as useNmorphTheme,
   ic as useNmorphTranslation,
   b2 as usePlacement,
-  y9 as zh
+  b9 as zh
 };