@nmorph/nmorph-ui-kit 0.2.130 → 0.2.133

package/dist/index.es.js

@@ -1,10 +1,10 @@
-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 R, createCommentVNode as A, 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 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 { 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 || {}), 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 || {});
+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 || {});
 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, " ");
-}, T = (t) => Object.entries(t).map(([e, o]) => Y2(e, o)).join(" ").trim().replace(/\s+/g, " "), Le = (t) => JSON.parse(JSON.stringify(t)), m9 = (t) => {
+}, 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) => {
   if (!t)
     return !1;
   const e = new DOMParser().parseFromString(t, "text/html");
@@ -12,7 +12,7 @@ const Y2 = (t, e) => {
 }, _e = () => {
   const t = () => Math.floor((1 + Math.random()) * 65536).toString(16).substring(1);
   return `${t()}${t()}-${t()}-4${t().substr(0, 3)}-${t().substr(0, 1)}${t().substr(1, 3)}-${t()}${t()}${t()}`;
-}, _9 = (t) => t.charAt(0).toUpperCase() + t.slice(1), Ue = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), Ge = {
+}, m9 = (t) => t.charAt(0).toUpperCase() + t.slice(1), Ue = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), Ge = {
   error: {
     bg: "#000000",
     text: "red"
@@ -31,10 +31,10 @@ const Y2 = (t, e) => {
   }
 }, K2 = (t, e) => {
   console.log(`%c ${e} `, `background: ${Ge[t].bg}; color: ${Ge[t].text}`);
-}, f9 = (t) => t.replace(/(^\w|-\w)/g, (e) => e.replace(/-/, "").toUpperCase()), g9 = (t) => {
+}, _9 = (t) => t.replace(/(^\w|-\w)/g, (e) => e.replace(/-/, "").toUpperCase()), f9 = (t) => {
   const e = t.replace(/([A-Z])/g, " $1").trim();
   return e.charAt(0).toUpperCase() + e.slice(1);
-}, 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({
+}, 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({
   __name: "NmorphButton",
   props: {
     styleType: { default: "default" },
@@ -45,13 +45,13 @@ const Y2 = (t, e) => {
     accentBgOnHover: { type: Boolean, default: !1 },
     shape: { default: "default" },
     icon: { default: void 0 },
-    height: { default: "default" },
     fill: { type: Boolean, default: !1 },
+    height: { default: "default" },
     disabled: { type: Boolean, default: !1 }
   },
   setup(t, { expose: e }) {
     const o = t, r = h(
-      () => T({
+      () => A({
         nmorph: [ne[o.height], `${o.fill && "fill"}`],
         "nmorph-button": [
           o.styleType,
@@ -62,33 +62,33 @@ const Y2 = (t, e) => {
           `${o.icon && "icon"}`
         ]
       })
-    ), s = b(null), u = {
+    ), i = b(null), u = {
       thin: "small",
       default: "medium",
       thick: "large"
     }, c = h(() => u[o.height]);
-    return e({ buttonDOMElement: s }), (d, v) => (a(), l("div", {
+    return e({ buttonDOMElement: i }), (d, v) => (a(), l("div", {
       class: k(r.value)
     }, [
       n("button", {
         ref_key: "buttonDOMElement",
-        ref: s,
+        ref: i,
         class: "nmorph-button__content",
         disabled: o.disabled,
         loading: o.loading,
         type: o.type
       }, [
-        o.icon ? (a(), q(f(F), {
+        o.icon ? (a(), q(f(E), {
           key: 0,
           name: o.icon
         }, null, 8, ["name"])) : (a(), l("div", X2, [
           C(d.$slots, "default"),
-          !o.loading && o.text !== void 0 ? (a(), l("span", J2, R(o.text), 1)) : A("", !0),
-          o.loading ? (a(), q(f(F), {
+          !o.loading && o.text !== void 0 ? (a(), l("span", J2, F(o.text), 1)) : T("", !0),
+          o.loading ? (a(), q(f(E), {
             key: 1,
             name: "loader",
             size: c.value
-          }, null, 8, ["size"])) : A("", !0),
+          }, null, 8, ["size"])) : T("", !0),
           C(d.$slots, "append")
         ]))
       ], 8, Z2)
@@ -99,7 +99,7 @@ var n2 = /* @__PURE__ */ ((t) => (t.default = "default", t.transparent = "transp
 const N2 = {
   key: 0,
   class: "nmorph-icon__content"
-}, F = /* @__PURE__ */ D({
+}, E = /* @__PURE__ */ D({
   __name: "NmorphIcon",
   props: {
     name: { default: void 0 },
@@ -110,10 +110,10 @@ const N2 = {
   },
   setup(t) {
     X((u) => ({
-      d36f10ce: s.value
+      d36f10ce: i.value
     }));
     const e = t, o = h(
-      () => T({
+      () => A({
         "nmorph-icon": [
           `${!e.width && !e.height && e.size}`,
           `${e.width && "custom-width"}`,
@@ -123,7 +123,7 @@ const N2 = {
     ), r = h(() => {
       const u = {};
       return e.width && (u["--width"] = e.width), e.height && (u["--height"] = e.height), u;
-    }), s = h(() => e.color);
+    }), i = h(() => e.color);
     return (u, c) => (a(), l("div", {
       class: k(o.value),
       style: I(r.value)
@@ -2552,263 +2552,263 @@ function ud(t, e) {
   ]));
 }
 const cd = { render: ud }, r2 = {
-  [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]: k0,
-  [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"]]: k1,
-  [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]: kt,
-  [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"]]: Vo,
-  [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"]]: Vl,
-  [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]: V6,
-  [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"]]: Vr,
-  [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"]]: Vs,
-  [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]: V8,
-  [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]: Vi,
-  [i.van]: Ci,
-  [i["video-camera"]]: Qe,
-  [i["video-pause"]]: Oi,
-  [i["video-play"]]: Ei,
-  [i.video]: ji,
-  [i.view]: Qe,
-  [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
+  [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
 }, vd = ["href", "target"], hd = /* @__PURE__ */ D({
   __name: "NmorphLink",
   props: {
@@ -2822,11 +2822,11 @@ const cd = { render: ud }, r2 = {
   },
   setup(t) {
     const e = t, o = h(
-      () => T({
+      () => A({
         "nmorph-link": [e.type, `${e.underline && "underline"}`, `${e.disabled && "disabled"}`]
       })
     );
-    return (r, s) => (a(), l("div", {
+    return (r, i) => (a(), l("div", {
       class: k(o.value)
     }, [
       n("a", {
@@ -2834,14 +2834,14 @@ const cd = { render: ud }, r2 = {
         target: e.target
       }, [
         C(r.$slots, "prepend"),
-        te(" " + R(r.text) + " ", 1),
-        r.iconName ? (a(), q(f(F), {
+        te(" " + F(r.text) + " ", 1),
+        r.iconName ? (a(), q(f(E), {
           key: 0,
           class: "nmorph-link__icon",
           name: e.iconName,
           width: "10px",
           height: "10px"
-        }, null, 8, ["name"])) : A("", !0),
+        }, null, 8, ["name"])) : T("", !0),
         C(r.$slots, "default")
       ], 8, vd)
     ], 2));
@@ -2873,7 +2873,7 @@ const pd = /* @__PURE__ */ D({
   emits: ["on-scroll", "update:model-value", "on-scroll-end"],
   setup(t, { expose: e, emit: o }) {
     X((oe) => ({
-      "616ac766": E.value,
+      "616ac766": R.value,
       "3eb1ffd9": Y.value,
       "68ca2cc6": g.value,
       e6613a6c: y.value,
@@ -2883,8 +2883,8 @@ const pd = /* @__PURE__ */ D({
       ba0dc0f6: m.value,
       bb485170: x.value
     }));
-    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;
+    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;
     }, $ = h(() => r.yBarWidthInPx + r.yGapInPx), H = h(() => r.xBarWidthInPx + r.xGapInPx), g = h(
       () => r.scrollYProp === "hidden" || !d.value ? "0" : `${$.value}px`
     ), y = h(
@@ -2892,12 +2892,12 @@ const pd = /* @__PURE__ */ D({
     ), m = h(() => `${r.yBarWidthInPx}px`), x = h(() => `${r.xBarWidthInPx}px`), w = Z("nmorph");
     let _;
     const z = o, V = () => {
-      const oe = Math.trunc(s.value?.scrollLeft), we = Math.trunc(s.value?.scrollTop);
+      const oe = Math.trunc(i.value?.scrollLeft), we = Math.trunc(i.value?.scrollTop);
       z("update:model-value", { x: oe, y: we });
     }, j = () => {
       z("on-scroll-end");
     }, O = (oe) => {
-      z("on-scroll", oe), s.value && (r.updateOnlyOnScrollEnd || V(), _ !== void 0 && clearTimeout(_), _ = setTimeout(() => {
+      z("on-scroll", oe), i.value && (r.updateOnlyOnScrollEnd || V(), _ !== void 0 && clearTimeout(_), _ = setTimeout(() => {
         r.updateOnlyOnScrollEnd && V(), j();
       }, r.scrollEndDelay));
     };
@@ -2905,12 +2905,12 @@ const pd = /* @__PURE__ */ D({
       _ !== void 0 && clearTimeout(_);
     });
     const M = b(!1), P = h(
-      () => T({
+      () => A({
         "nmorph-scroll": []
       })
     ), S = (oe) => {
       const { x: we, y: D2 } = oe;
-      s.value?.scrollTo({
+      i.value?.scrollTo({
         left: we,
         top: D2,
         behavior: "smooth"
@@ -2931,8 +2931,8 @@ const pd = /* @__PURE__ */ D({
       },
       { deep: !0, immediate: !0 }
     );
-    const L = h(() => r.cssScrollBehavior), E = h(() => r.height), Y = h(() => r.maxHeight), ae = dc(r);
-    e({ scrollDOMContainer: s, moveTo: S });
+    const L = h(() => r.cssScrollBehavior), R = h(() => r.height), Y = h(() => r.maxHeight), ae = dc(r);
+    e({ scrollDOMContainer: i, moveTo: S });
     const ge = () => {
       M.value = !0;
     }, Ce = () => {
@@ -2940,7 +2940,7 @@ const pd = /* @__PURE__ */ D({
     };
     return (oe, we) => (a(), l("div", de({
       ref_key: "scrollDOMContainer",
-      ref: s,
+      ref: i,
       class: P.value
     }, f(ae), {
       onScroll: O,
@@ -2972,15 +2972,15 @@ const md = /* @__PURE__ */ D({
       "11d2c240": v.value,
       "75c6801c": H.value
     }));
-    const o = t, r = e, s = b(!1), u = h(
-      () => T({
+    const o = t, r = e, i = b(!1), u = h(
+      () => A({
         nmorph: [`${o.frameBorder > 0 && "shadow-combined"}`],
         "nmorph-avatar": [o.shape]
       })
     ), c = (y) => {
-      r("error", y), s.value = !0;
+      r("error", y), i.value = !0;
     }, d = (y) => {
-      r("load", y), s.value = !1;
+      r("load", y), i.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)
@@ -2995,7 +2995,7 @@ const md = /* @__PURE__ */ D({
         onError: c
       }, {
         error: W(() => [
-          B(f(F), {
+          B(f(E), {
             name: "avatar",
             width: $.value
           }, null, 8, ["width"])
@@ -3007,8 +3007,8 @@ const md = /* @__PURE__ */ D({
 });
 const fe = (t, e) => {
   const o = t.__vccOpts || t;
-  for (const [r, s] of e)
-    o[r] = s;
+  for (const [r, i] of e)
+    o[r] = i;
   return o;
 }, _d = /* @__PURE__ */ fe(md, [["__scopeId", "data-v-ced15967"]]), fd = {
   key: 0,
@@ -3033,14 +3033,14 @@ const fe = (t, e) => {
       "68e4a285": p.color
     }));
     const e = t, o = h(
-      () => T({
+      () => A({
         "nmorph-badge": [`${e.hidden && "hidden"}`]
       })
     ), r = h(
-      () => T({
+      () => A({
         "nmorph-badge__container": [`${e.hidden && "hidden"}`]
       })
-    ), s = h(() => typeof Number(e.value) == "number" && Number(e.value) > e.max ? `${e.max}+` : e.value), u = h(() => {
+    ), i = 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,
@@ -3062,7 +3062,7 @@ const fe = (t, e) => {
       }, [
         e.isDot ? (a(), l("div", fd)) : (a(), l("div", gd, [
           C(p.$slots, "value", {}, () => [
-            te(R(s.value), 1)
+            te(F(i.value), 1)
           ])
         ]))
       ], 6)
@@ -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: s } = Pe(), u = () => {
+    const o = t, r = e, { days: i } = Pe(), u = () => {
       y.value = _.value;
     }, c = () => {
       y.value = /* @__PURE__ */ new Date();
@@ -3124,7 +3124,7 @@ 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 E = L.toDateString(), ae = m.value.map((Ce) => Ce.toDateString()).indexOf(E);
+        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);
       }
       if (o.type === "daterange") {
@@ -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, E) => {
-          const Y = s[E];
+        P.forEach((L, R) => {
+          const Y = i[R];
           S[Y] = L;
         }), x.push(S);
       });
@@ -3182,7 +3182,7 @@ const xd = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
         showTodayButton: L
       };
     }), j = h(
-      () => T({
+      () => A({
         "nmorph-calendar": []
       })
     ), O = (M) => M;
@@ -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(s), (S) => (a(), q(f($2), {
+            (a(!0), l(U, null, G(f(i), (S) => (a(), q(f($2), {
               key: `${S}`,
               prop: S,
               label: S.toUpperCase()
             }, {
               default: W(({ scope: L }) => [
-                (a(!0), l(U, null, G(L.rows, (E, Y) => (a(), q(f(x2), {
+                (a(!0), l(U, null, G(L.rows, (R, Y) => (a(), q(f(x2), {
                   key: Y,
                   row: Y
                 }, {
                   default: W(() => [
                     n("div", {
-                      "data-date": `${O(E[S]).date}`,
+                      "data-date": `${O(R[S]).date}`,
                       class: k([
                         "nmorph-calendar-date",
-                        `nmorph-calendar-date--${O(E[S]).monthType}`,
+                        `nmorph-calendar-date--${O(R[S]).monthType}`,
                         {
-                          "nmorph-calendar-date--today": O(E[S]).isToday && !O(E[S]).hidden && o.markToday
+                          "nmorph-calendar-date--today": O(R[S]).isToday && !O(R[S]).hidden && o.markToday
                         },
-                        { "nmorph-calendar-date--hidden": O(E[S]).hidden },
+                        { "nmorph-calendar-date--hidden": O(R[S]).hidden },
                         {
-                          "nmorph-calendar-date--selected": g(O(E[S]).date)
+                          "nmorph-calendar-date--selected": g(O(R[S]).date)
                         }
                       ]),
-                      onClick: (ae) => $(O(E[S]))
+                      onClick: (ae) => $(O(R[S]))
                     }, [
                       C(M.$slots, "date-cell", {
                         scope: {
-                          ...O(E[S]),
-                          selected: g(O(E[S]).date)
+                          ...O(R[S]),
+                          selected: g(O(R[S]).date)
                         }
                       }, () => [
-                        te(R(O(E[S]).hidden ? "-" : O(E[S]).value), 1)
+                        te(F(O(R[S]).hidden ? "-" : O(R[S]).value), 1)
                       ])
                     ], 10, yd)
                   ]),
@@ -3280,31 +3280,31 @@ const Md = (t) => {
   const { months: e } = Pe();
   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 = (E) => e ? E < le(e[0]) || E > le(e[1]) : !1, r = t.value.getFullYear(), s = t.value.getMonth(), c = new Date(r, s, 1).getDay() + 1, d = Ye(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 = Ye(r, x);
+  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);
   let _ = w - v;
   const z = [];
   for (; _ < w; ) {
     _++;
-    const E = m === x && y === _, Y = new Date(r, x, _);
+    const R = m === x && y === _, Y = new Date(r, x, _);
     z.push({
       value: _,
       monthType: "previous",
-      isToday: E,
+      isToday: R,
       date: Y,
       hidden: o(Y)
     });
   }
-  const V = s + 1, j = [];
+  const V = i + 1, j = [];
   let O = 0;
   for (; H; ) {
     O++, H--;
-    const E = m === V && y === O, Y = new Date(r, V, O);
+    const R = m === V && y === O, Y = new Date(r, V, O);
     j.push({
       value: O,
       monthType: "next",
-      isToday: E,
+      isToday: R,
       date: Y,
       hidden: o(Y)
     });
@@ -3312,9 +3312,9 @@ const Md = (t) => {
   let M = 0;
   const P = [];
   for (; M < d; ) {
-    const E = g.getDate();
+    const R = g.getDate();
     M++;
-    const Y = m === s && E === M, ae = new Date(r, s, M);
+    const Y = m === i && R === M, ae = new Date(r, i, M);
     P.push({
       value: M,
       monthType: "current",
@@ -3324,11 +3324,11 @@ const Md = (t) => {
     });
   }
   const S = [...z, ...P, ...j], L = [];
-  for (let E = 0; E < S.length; E += 7) {
-    const Y = S.slice(E, E + 7);
+  for (let R = 0; R < S.length; R += 7) {
+    const Y = S.slice(R, R + 7);
     L.push(Y);
   }
-  return L.filter((E) => !E.every((Y) => Y.hidden));
+  return L.filter((R) => !R.every((Y) => Y.hidden));
 }, Hd = { class: "nmorph-calendar-header__text" }, Vd = { class: "nmorph-calendar-header__actions" }, m2 = /* @__PURE__ */ D({
   __name: "NmorphCalendarHeader",
   props: {
@@ -3340,16 +3340,16 @@ const Md = (t) => {
   },
   emits: ["click-previous-month", "click-today", "click-next-month"],
   setup(t, { emit: e }) {
-    const o = t, r = e, s = h(
-      () => T({
+    const o = t, r = e, i = h(
+      () => A({
         "nmorph-calendar-header": []
       })
     );
     return (u, c) => (a(), l("div", {
-      class: k(s.value)
+      class: k(i.value)
     }, [
       C(u.$slots, "default", {}, () => [
-        n("div", Hd, R(o.year) + " " + R(f(h2)(o.month)), 1),
+        n("div", Hd, F(o.year) + " " + F(f(h2)(o.month)), 1),
         n("div", Vd, [
           u.showPreviousMonthButton ? (a(), q(f(K), {
             key: 0,
@@ -3357,26 +3357,26 @@ const Md = (t) => {
             onClick: c[0] || (c[0] = (d) => r("click-previous-month"))
           }, {
             default: W(() => [
-              B(f(F), { name: "arrow-left" })
+              B(f(E), { name: "arrow-left" })
             ]),
             _: 1
-          })) : A("", !0),
+          })) : T("", !0),
           u.showTodayButton ? (a(), q(f(K), {
             key: 1,
             class: "nmorph-calendar-header__action",
             text: "Today",
             onClick: c[1] || (c[1] = (d) => r("click-today"))
-          })) : A("", !0),
+          })) : T("", !0),
           u.showNextMonthButton ? (a(), q(f(K), {
             key: 2,
             class: "nmorph-calendar-header__action",
             onClick: c[2] || (c[2] = (d) => r("click-next-month"))
           }, {
             default: W(() => [
-              B(f(F), { name: "arrow-right" })
+              B(f(E), { name: "arrow-right" })
             ]),
             _: 1
-          })) : A("", !0)
+          })) : T("", !0)
         ])
       ])
     ], 2));
@@ -3389,26 +3389,26 @@ const kd = { class: "nmorph-card__header" }, Bd = { class: "nmorph-card__content
     combinedShadowBorderWidth: { default: 0 }
   },
   setup(t) {
-    X((s) => ({
+    X((i) => ({
       "5ad14f80": r.value
     }));
     const e = t, o = h(
-      () => T({
+      () => A({
         nmorph: [e2[e.shadowType]],
         "nmorph-card": [e.shadowType]
       })
     ), r = h(() => `${e.combinedShadowBorderWidth}px`);
-    return (s, u) => (a(), l("div", {
+    return (i, u) => (a(), l("div", {
       class: k(o.value)
     }, [
       n("div", kd, [
-        C(s.$slots, "header", {}, void 0, !0)
+        C(i.$slots, "header", {}, void 0, !0)
       ]),
       n("div", Bd, [
-        C(s.$slots, "default", {}, void 0, !0)
+        C(i.$slots, "default", {}, void 0, !0)
       ]),
       n("div", Cd, [
-        C(s.$slots, "footer", {}, void 0, !0)
+        C(i.$slots, "footer", {}, void 0, !0)
       ])
     ], 2));
   }
@@ -3422,10 +3422,10 @@ 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;
-    }, s = () => {
+    }, i = () => {
       o.value = o.value - 1;
     }, u = t, c = e, d = h(
-      () => T({
+      () => A({
         "nmorph-carousel": []
       })
     ), v = b([]), p = _e();
@@ -3481,13 +3481,13 @@ const Ad = /* @__PURE__ */ fe(Sd, [["__scopeId", "data-v-e3cb136f"]]), Td = ["id
         class: "nmorph-carousel__action-btn nmorph-carousel__prev",
         onClick: r
       }, [
-        B(f(F), { name: "chevron-down" })
+        B(f(E), { name: "chevron-down" })
       ]),
       n("div", {
         class: "nmorph-carousel__action-btn nmorph-carousel__next",
-        onClick: s
+        onClick: i
       }, [
-        B(f(F), { name: "chevron-down" })
+        B(f(E), { name: "chevron-down" })
       ]),
       C(V.$slots, "default")
     ], 2));
@@ -3500,13 +3500,13 @@ const qd = /* @__PURE__ */ D({
   },
   setup(t) {
     const e = t, o = h(
-      () => T({
+      () => A({
         "nmorph-carousel-item": []
       })
-    ), r = Z("carousel-data", void 0), s = b(!1);
+    ), r = Z("carousel-data", void 0), i = b(!1);
     return N(() => {
-      s.value = !0, r && r.data.value.push(e.name);
-    }), (u, c) => s.value ? (a(), l("div", {
+      i.value = !0, r && r.data.value.push(e.name);
+    }), (u, c) => i.value ? (a(), l("div", {
       key: 0,
       class: k(o.value)
     }, [
@@ -3515,7 +3515,7 @@ const qd = /* @__PURE__ */ D({
       }, [
         C(u.$slots, "default")
       ], 8, ["to"]))
-    ], 2)) : A("", !0);
+    ], 2)) : T("", !0);
   }
 }), Ed = /* @__PURE__ */ D({
   __name: "NmorphCollapse",
@@ -3532,7 +3532,7 @@ const qd = /* @__PURE__ */ D({
         r.value = d;
       }
     );
-    const s = (d, v) => {
+    const i = (d, v) => {
       if (o.accordion)
         r.value = v ? [d] : [];
       else if (!Array.isArray(r.value))
@@ -3543,9 +3543,9 @@ const qd = /* @__PURE__ */ D({
       }
       u("update:model-value", r.value);
     };
-    J("collapse-data", r), J("update-model", s);
+    J("collapse-data", r), J("update-model", i);
     const u = e, c = h(
-      () => T({
+      () => A({
         "nmorph-collapse": []
       })
     );
@@ -3566,27 +3566,27 @@ const qd = /* @__PURE__ */ D({
   },
   emits: ["click-item"],
   setup(t, { emit: e }) {
-    const o = t, r = e, s = b(!1), u = h(
-      () => T({
-        "nmorph-collapse-item": [`${o.disabled && "disabled"}`, `${s.value && "is-open"}`]
+    const o = t, r = e, i = b(!1), u = h(
+      () => A({
+        "nmorph-collapse-item": [`${o.disabled && "disabled"}`, `${i.value && "is-open"}`]
       })
     ), c = h(
-      () => T({
+      () => A({
         nmorph: [ne[o.height]]
       })
     ), d = Z("collapse-data", void 0), v = Z("update-model", void 0), p = b(null), $ = b(0), H = () => {
-      o.block || (s.value = !s.value, v && (v(o.name, s.value), r("click-item", { id: o.name, isOpen: s.value })));
+      o.block || (i.value = !i.value, v && (v(o.name, i.value), r("click-item", { id: o.name, isOpen: i.value })));
     };
     return N(() => {
-      Array.isArray(d?.value) ? s.value = d.value.includes(o.name) : s.value = d?.value === o.name;
+      Array.isArray(d?.value) ? i.value = d.value.includes(o.name) : i.value = d?.value === o.name;
     }), Q(
       () => d?.value,
       (g) => {
-        Array.isArray(g) ? s.value = g.includes(o.name) : s.value = g === o.name;
+        Array.isArray(g) ? i.value = g.includes(o.name) : i.value = g === o.name;
       },
       { deep: !0 }
-    ), Q(s, () => {
-      $.value = s.value && p.value ? p.value?.clientHeight : 0;
+    ), Q(i, () => {
+      $.value = i.value && p.value ? p.value?.clientHeight : 0;
     }), (g, y) => (a(), l("div", {
       class: k(u.value),
       onClick: re(H, ["stop"])
@@ -3595,7 +3595,7 @@ const qd = /* @__PURE__ */ D({
         class: k(["nmorph-collapse-item__title", c.value])
       }, [
         C(g.$slots, "title", {}, () => [
-          te(R(o.title), 1)
+          te(F(o.title), 1)
         ])
       ], 2),
       n("div", {
@@ -3636,12 +3636,12 @@ const Fd = ["src", "alt", "srcset"], jd = {
       "1a936921": H.value,
       "3ba8437a": $.value
     }));
-    const o = t, r = b(!1), s = b(!1), u = e, c = (g) => {
-      r.value = !0, s.value = !1, u("load", g);
+    const o = t, r = b(!1), i = b(!1), u = e, c = (g) => {
+      r.value = !0, i.value = !1, u("load", g);
     }, d = (g) => {
-      r.value = !0, s.value = !0, u("error", g);
-    }, v = h(() => r.value && s.value), p = h(
-      () => T({
+      r.value = !0, i.value = !0, u("error", g);
+    }, v = h(() => r.value && i.value), p = h(
+      () => A({
         nmorph: [`${o.frameBorder > 0 && "shadow-combined"}`],
         "nmorph-image": [`${(v.value || !r.value) && "hide"}`]
       })
@@ -3659,14 +3659,14 @@ const Fd = ["src", "alt", "srcset"], jd = {
       }, null, 40, Fd),
       v.value ? (a(), l("div", jd, [
         C(g.$slots, "error", {}, () => [
-          te(R(o.loadFailedText), 1)
+          te(F(o.loadFailedText), 1)
         ], !0)
-      ])) : r.value ? A("", !0) : (a(), l("div", Wd, [
+      ])) : r.value ? T("", !0) : (a(), l("div", Wd, [
         C(g.$slots, "loading", {}, () => [
-          te(R(o.loadingText), 1)
+          te(F(o.loadingText), 1)
         ], !0)
       ]))
-    ], 2)) : A("", !0);
+    ], 2)) : T("", !0);
   }
 });
 const ye = /* @__PURE__ */ fe(Ld, [["__scopeId", "data-v-4c37d982"]]), Ud = { class: "nmorph-image-preview__content" }, Gd = {
@@ -3693,8 +3693,8 @@ const ye = /* @__PURE__ */ fe(Ld, [["__scopeId", "data-v-4c37d982"]]), Ud = { cl
       () => o.modelValue,
       (S) => r.value = S
     );
-    const s = h(
-      () => T({
+    const i = h(
+      () => A({
         "nmorph-image-preview": [`${r.value && "opened"}`]
       })
     ), u = b(o.initialIndex), c = h(() => typeof o.src == "string" ? o.src : o.src[u.value]), d = b(1), v = () => {
@@ -3747,7 +3747,7 @@ 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(s.value)
+      class: k(i.value)
     }, [
       n("div", {
         class: "nmorph-image-preview__trigger",
@@ -3775,30 +3775,30 @@ const ye = /* @__PURE__ */ fe(Ld, [["__scopeId", "data-v-4c37d982"]]), Ud = { cl
           P.value ? (a(), l("div", Gd, [
             B(f(K), { onClick: z }, {
               default: W(() => [
-                B(f(F), { name: "chevron-down" })
+                B(f(E), { name: "chevron-down" })
               ]),
               _: 1
             })
-          ])) : A("", !0),
+          ])) : T("", !0),
           P.value ? (a(), l("div", Qd, [
             B(f(K), { onClick: V }, {
               default: W(() => [
-                B(f(F), { name: "chevron-down" })
+                B(f(E), { name: "chevron-down" })
               ]),
               _: 1
             })
-          ])) : A("", !0),
+          ])) : T("", !0),
           n("div", Yd, [
-            (a(), l(U, null, G(O, (E, Y) => n("div", {
+            (a(), l(U, null, G(O, (R, Y) => n("div", {
               key: Y,
               class: "nmorph-image-preview__action-element"
             }, [
               B(f(K), {
-                onClick: E.handler
+                onClick: R.handler
               }, {
                 default: W(() => [
-                  B(f(F), {
-                    name: E.icon
+                  B(f(E), {
+                    name: R.icon
                   }, null, 8, ["name"])
                 ]),
                 _: 2
@@ -3810,7 +3810,7 @@ const ye = /* @__PURE__ */ fe(Ld, [["__scopeId", "data-v-4c37d982"]]), Ud = { cl
                 onClick: j.value.handler
               }, {
                 default: W(() => [
-                  B(f(F), {
+                  B(f(E), {
                     name: j.value.icon
                   }, null, 8, ["name"])
                 ]),
@@ -3837,8 +3837,8 @@ const Zd = /* @__PURE__ */ D({
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const o = t, r = e, s = h(
-      () => T({
+    const o = t, r = e, i = h(
+      () => A({
         "nmorph-pagination": [`${o.disabled && "disabled"}`]
       })
     ), u = () => {
@@ -3873,7 +3873,7 @@ const Zd = /* @__PURE__ */ D({
     };
     return (x, w) => p.value ? (a(), l("div", {
       key: 0,
-      class: k(s.value)
+      class: k(i.value)
     }, [
       B(f(K), {
         class: "nmorph-pagination__btn nmorph-pagination__prev-btn",
@@ -3881,7 +3881,7 @@ const Zd = /* @__PURE__ */ D({
         onClick: u
       }, {
         default: W(() => [
-          B(f(F), {
+          B(f(E), {
             name: "chevron-down",
             class: "nmorph-pagination__prev-icon"
           })
@@ -3922,14 +3922,14 @@ const Zd = /* @__PURE__ */ D({
         onClick: c
       }, {
         default: W(() => [
-          B(f(F), {
+          B(f(E), {
             name: "chevron-down",
             class: "nmorph-pagination__next-icon"
           })
         ]),
         _: 1
       }, 8, ["disabled"])
-    ], 2)) : A("", !0);
+    ], 2)) : T("", !0);
   }
 });
 const Xd = {
@@ -3958,15 +3958,15 @@ const Xd = {
   setup(t) {
     X((g) => ({
       "1ae927c9": r.value,
-      "588931e9": s.value,
+      "588931e9": i.value,
       "781c6b0a": u.value,
       "58c45d38": $.value
     }));
     const e = t, o = h(
-      () => T({
+      () => A({
         "nmorph-progress": []
       })
-    ), r = h(() => `${e.percentage}%`), s = h(() => Array.isArray(e.color) ? e.color.find((g) => g.percentage <= e.percentage)?.color : typeof e.color == "function" ? e.color(e.percentage) : e.color), u = h(() => e.indeterminate ? "var(--animation)" : "none"), c = b(null), d = b(1), v = h(() => `${d.value} ${d.value}`), p = h(() => d.value - e.percentage / 100 * d.value);
+    ), 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);
     N(() => {
       c.value && (d.value = 2 * Math.PI * c.value.r.baseVal.value);
     });
@@ -3979,21 +3979,21 @@ const Xd = {
           n("div", Nd, [
             g.valueInside ? (a(), l("div", Id, [
               C(g.$slots, "inner-text", {}, () => [
-                te(R(H.value), 1)
+                te(F(H.value), 1)
               ])
-            ])) : A("", !0)
+            ])) : T("", !0)
           ])
         ]),
         g.valueRightSide ? (a(), l("div", eu, [
           C(g.$slots, "right-side", {}, () => [
-            te(R(H.value), 1)
+            te(F(H.value), 1)
           ])
-        ])) : A("", !0)
-      ])) : A("", !0),
+        ])) : T("", !0)
+      ])) : T("", !0),
       e.type === "circle" ? (a(), l("div", tu, [
         n("div", nu, [
           C(g.$slots, "circle-inner-part", {}, () => [
-            te(R(H.value), 1)
+            te(F(H.value), 1)
           ])
         ]),
         (a(), l("svg", {
@@ -4011,7 +4011,7 @@ const Xd = {
             "stroke-dashoffset": p.value
           }, null, 8, ou)
         ], 8, au))
-      ])) : A("", !0)
+      ])) : T("", !0)
     ], 2));
   }
 });
@@ -4027,11 +4027,11 @@ const ru = {
   },
   setup(t) {
     const e = t, o = h(
-      () => T({
+      () => A({
         "nmorph-skeleton": [`${e.animated && e.loading && "loading"}`]
       })
     );
-    return (r, s) => (a(), l("div", {
+    return (r, i) => (a(), l("div", {
       class: k(o.value)
     }, [
       e.rows && e.loading ? (a(), l("div", ru, [
@@ -4041,7 +4041,7 @@ const ru = {
           height: "14px",
           variant: "rect"
         }))), 128))
-      ])) : A("", !0),
+      ])) : T("", !0),
       Ae(n("div", su, [
         C(r.$slots, "template")
       ], 512), [
@@ -4067,23 +4067,23 @@ const uu = { class: "nmorph-skeleton-item__element" }, g2 = /* @__PURE__ */ D({
   setup(t) {
     X((u) => ({
       "085cc1bc": r.value,
-      "2d27081e": s.value
+      "2d27081e": i.value
     }));
     const e = t, o = h(
-      () => T({
+      () => A({
         "nmorph-skeleton-item": [e.variant, `${e.design === "nmorph" ? "nmorph-design" : ""}`]
       })
-    ), r = h(() => e.width), s = h(() => e.height);
+    ), r = h(() => e.width), i = h(() => e.height);
     return (u, c) => (a(), l("div", {
       class: k(o.value)
     }, [
       n("div", uu, [
-        e.variant === "image" ? (a(), q(f(F), {
+        e.variant === "image" ? (a(), q(f(E), {
           key: 0,
           name: "image",
           width: e.width,
           height: e.height
-        }, null, 8, ["width", "height"])) : A("", !0)
+        }, null, 8, ["width", "height"])) : T("", !0)
       ])
     ], 2));
   }
@@ -4095,8 +4095,8 @@ const xe = "10px", cu = /* @__PURE__ */ D({
   },
   emits: ["sort"],
   setup(t, { emit: e }) {
-    const o = t, r = e, s = h(
-      () => T({
+    const o = t, r = e, i = h(
+      () => A({
         "nmorph-sort-button": [`${o.value}`]
       })
     ), u = () => {
@@ -4104,7 +4104,7 @@ const xe = "10px", cu = /* @__PURE__ */ D({
       r("sort", c);
     };
     return (c, d) => (a(), l("div", {
-      class: k(s.value)
+      class: k(i.value)
     }, [
       B(f(K), {
         height: "thin",
@@ -4112,13 +4112,13 @@ const xe = "10px", cu = /* @__PURE__ */ D({
         onClick: u
       }, {
         default: W(() => [
-          B(f(F), {
+          B(f(E), {
             name: "triangle-down",
             class: "nmorph-sort-button__icon-up",
             width: xe,
             height: xe
           }),
-          B(f(F), {
+          B(f(E), {
             name: "triangle-down",
             class: "nmorph-sort-button__icon-down",
             width: xe,
@@ -4141,15 +4141,15 @@ const vu = { class: "nmorph-table__wrapper" }, hu = { class: "nmorph-table__head
   },
   setup(t) {
     const e = t, o = h(
-      () => T({
+      () => A({
         "nmorph-table": [`${e.design}`]
       })
-    ), r = b(e.data), s = b(e.sort), u = (y, m) => {
-      s.value && (s.value[m] = y, r.value.sort((x, w) => {
+    ), r = b(e.data), i = b(e.sort), u = (y, m) => {
+      i.value && (i.value[m] = y, r.value.sort((x, w) => {
         const _ = String(x[m]).toLowerCase(), z = String(w[m]).toLowerCase();
-        if (!s.value)
+        if (!i.value)
           return 0;
-        const V = s.value[m];
+        const V = i.value[m];
         return V === "ascending" ? _.localeCompare(z) : V === "descending" ? z.localeCompare(_) : 0;
       }));
     }, c = b(null), d = b([]);
@@ -4194,13 +4194,13 @@ const vu = { class: "nmorph-table__wrapper" }, hu = { class: "nmorph-table__head
                     style: I({ "justify-content": x.alignment }),
                     class: "nmorph-table__cell-content"
                   }, [
-                    n("span", null, R(x.label), 1),
-                    s.value && s.value[x.prop] ? (a(), q(cu, {
+                    n("span", null, F(x.label), 1),
+                    i.value && i.value[x.prop] ? (a(), q(cu, {
                       key: 0,
                       class: "nmorph-table__button-wrapper",
-                      value: s.value[x.prop],
+                      value: i.value[x.prop],
                       onSort: (_) => u(_, x.prop)
-                    }, null, 8, ["value", "onSort"])) : A("", !0)
+                    }, null, 8, ["value", "onSort"])) : T("", !0)
                   ], 4)
                 ])
               ], 2))), 128))
@@ -4228,7 +4228,7 @@ const vu = { class: "nmorph-table__wrapper" }, hu = { class: "nmorph-table__head
                     id: `table-cell-${f(g)}-${w}-${_.prop}`,
                     style: I({ "text-align": _.alignment }),
                     class: "nmorph-table__cell nmorph-table__cell--data"
-                  }, R(H(x[_.prop])), 13, gu)
+                  }, F(H(x[_.prop])), 13, gu)
                 ], 2))), 128))
               ], 2))), 128))
             ])
@@ -4255,8 +4255,8 @@ const x2 = /* @__PURE__ */ D({
     row: {}
   },
   setup(t) {
-    const e = Z("column-property", void 0), o = Z("table-identifier", void 0), r = t, s = h(
-      () => T({
+    const e = Z("column-property", void 0), o = Z("table-identifier", void 0), r = t, i = h(
+      () => A({
         "nmorph-table-cell": []
       })
     ), u = h(() => `#table-cell-${o}-${r.row}-${e}`), c = b(!1);
@@ -4266,12 +4266,12 @@ const x2 = /* @__PURE__ */ D({
       d && (d.innerHTML = ""), c.value = !0;
     }), (d, v) => c.value ? (a(), l("div", {
       key: 0,
-      class: k(s.value)
+      class: k(i.value)
     }, [
       (a(), q(pe, { to: u.value }, [
         C(d.$slots, "default")
       ], 8, ["to"]))
-    ], 2)) : A("", !0);
+    ], 2)) : T("", !0);
   }
 }), xu = ["data-id"], $2 = /* @__PURE__ */ D({
   __name: "NmorphTableColumn",
@@ -4282,8 +4282,8 @@ const x2 = /* @__PURE__ */ D({
     prop: {}
   },
   setup(t) {
-    const e = Z("table-data", void 0), o = Z("table-identifier", void 0), r = t, s = h(
-      () => T({
+    const e = Z("table-data", void 0), o = Z("table-identifier", void 0), r = t, i = h(
+      () => A({
         "nmorph-table-column": []
       })
     ), u = b(0);
@@ -4300,7 +4300,7 @@ const x2 = /* @__PURE__ */ D({
       ref_key: "columnDOMEl",
       ref: d,
       "data-id": u.value,
-      class: k(s.value)
+      class: k(i.value)
     }, [
       C(v.$slots, "default", {
         scope: { columns: f(e)?.columns.value, rows: f(e)?.rows.value, tableId: f(o) }
@@ -4314,8 +4314,8 @@ const x2 = /* @__PURE__ */ D({
   },
   emits: ["close", "update:model-value"],
   setup(t, { emit: e }) {
-    const o = t, r = e, s = h(
-      () => T({
+    const o = t, r = e, i = h(
+      () => A({
         "nmorph-list": []
       })
     );
@@ -4324,7 +4324,7 @@ 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(s.value)
+      class: k(i.value)
     }, [
       (a(!0), l(U, null, G(f(u), (p) => (a(), q(f(qe), de({
         key: p.value,
@@ -4344,24 +4344,24 @@ const x2 = /* @__PURE__ */ D({
   emits: ["close"],
   setup(t, { emit: e }) {
     const o = t, r = h(
-      () => T({
+      () => A({
         nmorph: [ne[o.height]],
         "nmorph-tag-item": [`${o.design === "nmorph" ? "nmorph-design" : ""}`]
       })
-    ), s = e, u = () => {
-      s("close", o.value);
+    ), i = e, u = () => {
+      i("close", o.value);
     };
     return (c, d) => (a(), l("div", {
       class: k(r.value)
     }, [
       n("div", yu, [
-        n("span", null, R(c.text), 1),
-        o.removable ? (a(), q(f(F), {
+        n("span", null, F(c.text), 1),
+        o.removable ? (a(), q(f(E), {
           key: 0,
           class: "nmorph-tag-item__close-icon",
           name: "error",
           onClick: re(u, ["stop"])
-        })) : A("", !0)
+        })) : T("", !0)
       ])
     ], 2));
   }
@@ -4391,8 +4391,8 @@ const bu = ["innerHTML"], Mu = {
     X((p) => ({
       "4e2f71b0": v.value
     }));
-    const o = t, r = e, s = h(
-      () => T({
+    const o = t, r = e, i = h(
+      () => A({
         "nmorph-alert": [o.type, `${o.bordered && "bordered"}`, `${o.fill && "fill"}`]
       })
     ), u = () => {
@@ -4405,7 +4405,7 @@ const bu = ["innerHTML"], Mu = {
     }, d = Oe(), v = h(() => o.closeIconPosition);
     return (p, $) => f(d).default || o.title || o.content || o.html ? (a(), l("div", {
       key: 0,
-      class: k(s.value)
+      class: k(i.value)
     }, [
       o.html ? (a(), l("div", {
         key: 0,
@@ -4415,21 +4415,21 @@ const bu = ["innerHTML"], Mu = {
         n("div", zu, [
           o.showIcon ? (a(), l("div", Hu, [
             C(p.$slots, "icon", {}, () => [
-              B(f(F), {
+              B(f(E), {
                 name: c[o.type],
                 size: "medium"
               }, null, 8, ["name"])
             ])
-          ])) : A("", !0),
+          ])) : T("", !0),
           n("div", Vu, [
             n("div", ku, [
               o.title || f(d).title ? C(p.$slots, "title", { key: 0 }, () => [
-                te(R(o.title), 1)
-              ]) : A("", !0)
+                te(F(o.title), 1)
+              ]) : T("", !0)
             ]),
             n("div", Bu, [
               C(p.$slots, "default", {}, () => [
-                te(R(o.content), 1)
+                te(F(o.content), 1)
               ])
             ])
           ])
@@ -4439,14 +4439,14 @@ const bu = ["innerHTML"], Mu = {
           class: "nmorph-alert__close",
           onClick: u
         }, [
-          B(f(F), {
+          B(f(E), {
             name: "cross",
             width: "14px",
             height: "14px"
           })
-        ])) : A("", !0)
+        ])) : T("", !0)
       ]))
-    ], 2)) : A("", !0);
+    ], 2)) : T("", !0);
   }
 });
 var ie = /* @__PURE__ */ ((t) => (t.success = "success", t.error = "error", t.warning = "warning", t.info = "info", t))(ie || {});
@@ -4469,8 +4469,8 @@ const Cu = { class: "nmorph-dialog__header" }, Su = { class: "nmorph-dialog__tit
       "097fcdea": u.value,
       "4478cc6c": c.value
     }));
-    const o = t, r = e, s = h(
-      () => T({
+    const o = t, r = e, i = h(
+      () => A({
         "nmorph-dialog": []
       })
     ), u = h(() => o.width), c = h(() => o.zIndex), d = b(o.modelValue);
@@ -4499,18 +4499,18 @@ const Cu = { class: "nmorph-dialog__header" }, Su = { class: "nmorph-dialog__tit
     }, {
       default: W(() => [
         n("div", {
-          class: k(s.value)
+          class: k(i.value)
         }, [
           n("div", Cu, [
             C(g.$slots, "header", {}, () => [
-              n("div", Su, R(o.title), 1),
+              n("div", Su, F(o.title), 1),
               o.showClose ? (a(), l("div", {
                 key: 0,
                 class: "nmorph-dialog__close-icon",
                 onClick: $
               }, [
-                B(f(F), { name: "cross" })
-              ])) : A("", !0)
+                B(f(E), { name: "cross" })
+              ])) : T("", !0)
             ])
           ]),
           n("div", Au, [
@@ -4524,10 +4524,10 @@ 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([]), s = h(() => r.value.length === 0), u = b(!1);
+  const { inputValue: e, rules: o } = t, r = b([]), i = h(() => r.value.length === 0), u = b(!1);
   return {
     touched: u,
-    valid: s,
+    valid: i,
     errors: r,
     validate: () => {
       if (e === null || !o.length)
@@ -4583,7 +4583,7 @@ const Ke = (t) => {
     }
   };
 }, qu = (t, e = !1) => {
-  const o = ue({}), r = ue(Le(t)), s = () => {
+  const o = ue({}), r = ue(Le(t)), i = () => {
     Object.entries(t).forEach(([d, v]) => {
       o[d] = Ke({ inputValue: v.value, rules: v.rules }), o[d].validate();
     });
@@ -4596,11 +4596,11 @@ const Ke = (t) => {
       const $ = d[p];
       o[p] = Ke({ inputValue: $.value, rules: $.rules }), o[p].validate();
     }), Object.assign(r, Le(d));
-  }, { deep: !0 }), e && s(), {
+  }, { deep: !0 }), e && i(), {
     fields: o
   };
 }, b2 = (t) => {
-  const { initialPlacement: e, relativeElement: o, contentDOMElement: r, yOffset: s = 0, xOffset: u = 0 } = t, c = b(e), d = b({ x: "0px", y: "0px" });
+  const { initialPlacement: e, relativeElement: o, contentDOMElement: r, yOffset: i = 0, xOffset: u = 0 } = t, c = b(e), d = b({ x: "0px", y: "0px" });
   N(() => {
     v();
   });
@@ -4616,12 +4616,12 @@ const Ke = (t) => {
         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 + 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` });
+      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` });
     });
   };
   return { placement: c, placementCoords: d };
-}, $9 = () => {
-}, Eu = "@nmorph/nmorph-ui-kit", Ru = "module", Fu = "0.2.130", ju = "MIT", Wu = {
+}, x9 = () => {
+}, Eu = "@nmorph/nmorph-ui-kit", Ru = "module", Fu = "0.2.133", 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,15 +4771,15 @@ const Ke = (t) => {
   return t;
 }, rc = (t, e) => {
   const o = {};
-  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 }));
+  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), 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");
+  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 `#${u}${c}${d}`;
 }, sc = (t) => {
   K2("warn", `NMORPH(v${Iu.version})`);
@@ -4796,7 +4796,7 @@ const Ke = (t) => {
   }, r = (g) => Object.entries(g).map(([y, m]) => ({
     name: `--nmorph-${Ue(y)}-color`,
     color: m
-  })), s = (g, y) => {
+  })), i = (g, y) => {
     const m = (_) => _.map((z) => `${z.name}: ${z.color};`).join(" "), x = Object.entries(y).map(([_, z]) => `--${Ue(_)}: ${z};`).join(" "), w = [];
     return Object.entries(g).forEach(([_, z]) => {
       if (_ === "common")
@@ -4822,7 +4822,7 @@ 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 = s(u, e.other), document.head.appendChild(c);
+  c.type = "text/css", c.innerHTML = i(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[$];
@@ -4907,10 +4907,10 @@ const Ke = (t) => {
 }, Xe = {
   NmorphSwitch: Ee[ee.en],
   NmorphCalendar: Re[ee.en]
-}, y9 = {
+}, $9 = {
   NmorphSwitch: Ee[ee.ru],
   NmorphCalendar: Re[ee.ru]
-}, b9 = {
+}, y9 = {
   NmorphSwitch: Ee[ee.zh],
   NmorphCalendar: Re[ee.zh]
 }, ic = (t) => {
@@ -4920,23 +4920,23 @@ const Ke = (t) => {
     fallbackLocale: ee.en,
     messages: e
   });
-}, M9 = () => {
+}, b9 = () => {
   const t = b([]), e = {
     duration: 3e3,
     closable: !0,
     fill: !0,
     width: "330px"
-  }, o = (s) => {
+  }, o = (i) => {
     const u = {
       id: String(Date.now()),
       ...e
     }, c = ue({
       ...u,
-      ...s
+      ...i
     });
     t.value.push(c), c.duration !== 0 && setTimeout(() => r(c.id), c.duration);
-  }, r = (s) => {
-    t.value = t.value.filter((u) => u.id !== s);
+  }, r = (i) => {
+    t.value = t.value.filter((u) => u.id !== i);
   };
   return {
     notifications: t,
@@ -4964,12 +4964,12 @@ const Ke = (t) => {
     X(($) => ({
       "76576db6": p.value
     }));
-    const e = t, o = b(e.forceShow), r = b(null), s = b(null), { placement: u } = b2({
+    const e = t, o = b(e.forceShow), r = b(null), i = b(null), { placement: u } = b2({
       initialPlacement: e.position,
       contentDOMElement: r,
-      relativeElement: s
+      relativeElement: i
     }), c = h(
-      () => T({
+      () => A({
         "nmorph-tooltip": [
           u.value,
           `${!!e.forceCoordinate?.x && !!e.forceCoordinate?.y && "force-coords"}`
@@ -4992,7 +4992,7 @@ const Ke = (t) => {
       }, [
         n("div", {
           ref_key: "slotDOMRef",
-          ref: s
+          ref: i
         }, [
           C($.$slots, "default")
         ], 512),
@@ -5008,10 +5008,10 @@ const Ke = (t) => {
               style: I({ left: $.forceCoordinate?.x, bottom: $.forceCoordinate?.y })
             }, [
               n("div", uc, [
-                e.forceCoordinate ? A("", !0) : (a(), l("div", cc)),
-                n("span", null, R($.text), 1)
+                e.forceCoordinate ? T("", !0) : (a(), l("div", cc)),
+                n("span", null, F($.text), 1)
               ])
-            ], 4)) : A("", !0)
+            ], 4)) : T("", !0)
           ]),
           _: 1
         })) : (a(), q(me, {
@@ -5023,9 +5023,9 @@ 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, R($.text), 1)) : C($.$slots, "content", { key: 1 })
+                e.text ? (a(), l("span", pc, F($.text), 1)) : C($.$slots, "content", { key: 1 })
               ])
-            ])) : A("", !0)
+            ])) : T("", !0)
           ]),
           _: 3
         }))
@@ -5068,7 +5068,7 @@ const mc = {
     const r = Z(
       "checkbox-group-selected-value",
       void 0
-    ), s = Z(
+    ), i = Z(
       "change-checkbox-value-handler",
       void 0
     ), u = t;
@@ -5086,10 +5086,10 @@ const mc = {
           v.value = !v.value, $("update:model-value", v.value);
           return;
         }
-        s && Array.isArray(v.value) && s(u.id, v.value);
+        i && Array.isArray(v.value) && i(u.id, v.value);
       }
     }, g = h(
-      () => T({
+      () => A({
         "nmorph-checkbox": [
           `${p.value && "checked"}`,
           `${u.disabled && "disabled"}`,
@@ -5112,14 +5112,14 @@ const mc = {
             onChange: H
           }, null, 40, fc),
           m[0] || (m[0] = n("div", { class: "nmorph-checkbox__fake" }, null, -1)),
-          p.value ? (a(), l("div", gc)) : A("", !0)
+          p.value ? (a(), l("div", gc)) : T("", !0)
         ]),
         u.label ? (a(), l("div", wc, [
-          n("span", null, R(u.label), 1)
+          n("span", null, F(u.label), 1)
         ])) : (a(), l("div", xc, [
           C(y.$slots, "default")
         ]))
-      ])) : A("", !0),
+      ])) : T("", !0),
       u.design === "button" ? (a(), l("div", $c, [
         n("input", {
           ref_key: "inputDOMRef",
@@ -5130,11 +5130,11 @@ const mc = {
           onChange: H
         }, null, 40, yc),
         u.label ? (a(), l("div", bc, [
-          n("span", null, R(u.label), 1)
+          n("span", null, F(u.label), 1)
         ])) : (a(), l("div", Mc, [
           C(y.$slots, "label")
         ]))
-      ])) : A("", !0)
+      ])) : T("", !0)
     ], 2));
   }
 });
@@ -5146,15 +5146,14 @@ const zc = { class: "nmorph-checkbox-group__wrapper" }, Hc = { class: "nmorph-ch
     design: { default: "checkbox" },
     direction: { default: "row" },
     height: {},
-    fill: { type: Boolean },
     disabled: { type: Boolean }
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    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);
+    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);
     }, c = h(
-      () => T({
+      () => A({
         "nmorph-checkbox-group": [o.design, o.direction]
       })
     );
@@ -5196,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), s = e, u = h(
-      () => T({
+    const o = t, r = b(o.modelValue), i = e, u = h(
+      () => A({
         "nmorph-autocomplete": []
       })
     ), c = (m) => {
-      r.value = m, s("update:model-value", r.value);
+      r.value = m, i("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()))));
@@ -5209,7 +5208,7 @@ const kc = { class: "nmorph-autocomplete__input-content" }, Bc = {
       d.value = m.length > 0;
     });
     const H = (m) => {
-      s("select", m), r.value = m.value, setTimeout(() => {
+      i("select", m), r.value = m.value, setTimeout(() => {
         d.value = !1;
       });
     }, g = () => {
@@ -5249,7 +5248,7 @@ const kc = { class: "nmorph-autocomplete__input-content" }, Bc = {
         default: W(() => [
           y.value ? (a(), l("div", Bc, [
             C(m.$slots, "loader", {}, () => [
-              B(f(F), {
+              B(f(E), {
                 name: "loader",
                 size: "large"
               })
@@ -5261,13 +5260,13 @@ const kc = { class: "nmorph-autocomplete__input-content" }, Bc = {
               onClick: () => H(w)
             }, [
               C(m.$slots, "default", { scope: w }, () => [
-                te(R(w.value), 1)
+                te(F(w.value), 1)
               ])
             ], 8, Sc))), 128))
           ]))
         ]),
         _: 3
-      }, 8, ["open", "relative-element"])) : A("", !0)
+      }, 8, ["open", "relative-element"])) : T("", !0)
     ], 2));
   }
 });
@@ -5276,14 +5275,14 @@ const Je = /* @__PURE__ */ D({
   emits: ["clear"],
   setup(t, { emit: e }) {
     const o = e, r = h(
-      () => T({
+      () => A({
         "nmorph-input-clear-button": []
       })
     );
-    return (s, u) => (a(), l("div", {
+    return (i, u) => (a(), l("div", {
       class: k(r.value)
     }, [
-      B(f(F), {
+      B(f(E), {
         name: "error",
         onClick: u[0] || (u[0] = re((c) => o("clear"), ["stop"]))
       })
@@ -5311,10 +5310,10 @@ const Je = /* @__PURE__ */ D({
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const o = t, r = b(o.initialStartDate), s = b(
+    const o = t, r = b(o.initialStartDate), i = b(
       o.initialEndDate ?? new Date(new Date(o.initialStartDate).setMonth(o.initialStartDate.getMonth() + 1))
     ), u = b(o.modelValue), c = e, d = h(
-      () => T({
+      () => A({
         nmorph: [ne[o.height]],
         "nmorph-date-picker": [`${o.disabled && "disabled"}`, o.type]
       })
@@ -5364,16 +5363,16 @@ const Je = /* @__PURE__ */ D({
             onClick: H
           }, [
             j[0] || (j[0] = n("input", { type: "date" }, null, -1)),
-            B(f(F), {
+            B(f(E), {
               name: "calendar",
               class: "nmorph-date-picker__calendar-icon"
             }),
-            n("div", Dc, R(g.value), 1),
+            n("div", Dc, F(g.value), 1),
             n("div", Oc, [
               w.value ? (a(), q(Je, {
                 key: 0,
                 onClear: m
-              })) : A("", !0)
+              })) : T("", !0)
             ])
           ], 2),
           n("div", Pc, [
@@ -5394,9 +5393,9 @@ const Je = /* @__PURE__ */ D({
                 }, null, 8, ["selected-values", "initial-date", "type"])
               ]),
               _: 1
-            }, 8, ["open", "relative-element"])) : A("", !0)
+            }, 8, ["open", "relative-element"])) : T("", !0)
           ])
-        ])) : A("", !0),
+        ])) : T("", !0),
         o.type === "daterange" ? (a(), l("div", qc, [
           n("div", {
             ref_key: "nmorphInputDOMRef",
@@ -5405,20 +5404,20 @@ const Je = /* @__PURE__ */ D({
             onClick: H
           }, [
             j[1] || (j[1] = n("input", { type: "date" }, null, -1)),
-            B(f(F), {
+            B(f(E), {
               name: "calendar",
               class: "nmorph-date-picker__calendar-icon"
             }),
             n("div", Ec, [
-              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", Rc, F(y.value.from), 1),
+              n("div", Fc, F(o.textSeparator), 1),
+              n("div", jc, F(y.value.to), 1)
             ]),
             n("div", Wc, [
               w.value ? (a(), q(Je, {
                 key: 0,
                 onClear: m
-              })) : A("", !0)
+              })) : T("", !0)
             ])
           ], 2),
           n("div", Lc, [
@@ -5440,15 +5439,15 @@ const Je = /* @__PURE__ */ D({
                 B(f(A2), { direction: "vertical" }),
                 B(O, {
                   "selected-values": u.value,
-                  "initial-date": s.value,
+                  "initial-date": i.value,
                   type: V.type,
                   onUpdateSelectedValue: z
                 }, null, 8, ["selected-values", "initial-date", "type"])
               ]),
               _: 1
-            }, 8, ["open", "relative-element"])) : A("", !0)
+            }, 8, ["open", "relative-element"])) : T("", !0)
           ])
-        ])) : A("", !0)
+        ])) : T("", !0)
       ], 2);
     };
   }
@@ -5460,13 +5459,12 @@ const Gc = { class: "nmorph-file-upload__trigger" }, Qc = ["multiple"], Yc = { c
     disabled: { type: Boolean, default: !1 },
     multiple: { type: Boolean, default: !1 },
     allowedTypes: { default: () => ["jpg", "jpeg", "png"] },
-    photoWithPreview: { type: Boolean, default: !0 },
-    fill: { type: Boolean, default: !0 }
+    photoWithPreview: { type: Boolean, default: !0 }
   },
   emits: ["update:model-value", "on-unsupported-file-type-error"],
   setup(t, { expose: e, emit: o }) {
-    const r = t, s = (m) => m.split("/")[1], u = (m) => {
-      const x = s(m);
+    const r = t, i = (m) => m.split("/")[1], u = (m) => {
+      const x = i(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;
     };
@@ -5477,7 +5475,7 @@ 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 _ = s(w.type);
+          const _ = i(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 };
@@ -5497,8 +5495,7 @@ const Gc = { class: "nmorph-file-upload__trigger" }, Qc = ["multiple"], Yc = { c
     };
     e({ inputDOMRef: d });
     const g = o, y = h(
-      () => T({
-        nmorph: [`${r.fill && "fill"}`],
+      () => A({
         "nmorph-file-upload": [`${r.disabled && "disabled"}`]
       })
     );
@@ -5518,8 +5515,9 @@ const Gc = { class: "nmorph-file-upload__trigger" }, Qc = ["multiple"], Yc = { c
           B(f(K), {
             text: "Select file",
             fill: "",
-            onClick: v
-          })
+            onClick: v,
+            disabled: r.disabled
+          }, null, 8, ["disabled"])
         ])
       ]),
       n("div", Yc, [
@@ -5534,12 +5532,12 @@ const Gc = { class: "nmorph-file-upload__trigger" }, Qc = ["multiple"], Yc = { c
             }, [
               B(f(_2), { src: _ }, null, 8, ["src"]),
               n("div", Kc, [
-                B(f(F), {
+                B(f(E), {
                   name: u(w.type),
                   width: "14px",
                   height: "17px"
                 }, null, 8, ["name"]),
-                n("span", Zc, R(w.name), 1)
+                n("span", Zc, F(w.name), 1)
               ]),
               n("div", Xc, [
                 B(f(K), {
@@ -5548,7 +5546,7 @@ const Gc = { class: "nmorph-file-upload__trigger" }, Qc = ["multiple"], Yc = { c
                   onClick: (z) => H(w.name)
                 }, {
                   default: W(() => [
-                    B(f(F), { name: "error" })
+                    B(f(E), { name: "error" })
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -5577,13 +5575,13 @@ const Nc = {
   emits: ["form-validator"],
   setup(t, { emit: e }) {
     const o = t, r = h(
-      () => T({
+      () => A({
         "nmorph-form": []
       })
-    ), s = qu(o.value, o.validateImmediately), u = e;
+    ), i = qu(o.value, o.validateImmediately), u = e;
     return N(() => {
-      u("form-validator", s);
-    }), J("form-data", s), (c, d) => (a(), l("form", {
+      u("form-validator", i);
+    }), J("form-data", i), (c, d) => (a(), l("form", {
       class: k(r.value)
     }, [
       n("div", Ic, [
@@ -5600,12 +5598,12 @@ const Nc = {
   },
   setup(t) {
     const e = t, o = h(() => (Array.isArray(e.errors) ? e.errors : e.errors.value).reverse()), r = h(
-      () => T({
+      () => A({
         nmorph: [ne[e.height]],
         "nmorph-error-box": [`${e.staticHeight && "static-height"}`, `${o.value.length === 0 && "empty"}`]
       })
     );
-    return (s, u) => (a(), l("div", {
+    return (i, u) => (a(), l("div", {
       class: k(r.value)
     }, [
       B(me, {
@@ -5616,7 +5614,7 @@ const Nc = {
           (a(!0), l(U, null, G(o.value, (c) => (a(), l("p", {
             key: c,
             class: "nmorph-error-box__error"
-          }, R(c), 1))), 128))
+          }, F(c), 1))), 128))
         ]),
         _: 1
       })
@@ -5630,24 +5628,24 @@ const Se = "18px", n5 = /* @__PURE__ */ D({
     show: { type: [Boolean, Object], default: !0 }
   },
   setup(t) {
-    X((s) => ({
+    X((i) => ({
       bd9433c4: Se
     }));
     const e = t, o = h(
-      () => T({
+      () => A({
         "nmorph-validation-icon": [e.valid ? "valid" : "invalid"]
       })
     ), r = h(() => e.valid ? "success" : "error");
-    return (s, u) => (a(), l("div", {
+    return (i, u) => (a(), l("div", {
       class: k(o.value)
     }, [
-      s.show ? (a(), q(f(F), {
+      i.show ? (a(), q(f(E), {
         key: 0,
         class: "nmorph-validation-icon__content",
         name: r.value,
         width: Se,
         height: Se
-      }, null, 8, ["name"])) : A("", !0)
+      }, null, 8, ["name"])) : T("", !0)
     ], 2));
   }
 });
@@ -5662,10 +5660,10 @@ 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]), s = h(() => e.validate && r.value), u = h(
-      () => !!s.value && !!r?.value?.touched && e.showValidationIcon
-    ), c = h(() => s.value && r.value?.touched), d = h(
-      () => 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(
+      () => A({
         "nmorph-form-item": [
           `${e.label && "labeled"}`,
           `${c.value && (r.value?.valid ? "valid" : "invalid")}`
@@ -5675,7 +5673,7 @@ const a5 = { key: 0 }, o5 = { class: "nmorph-form-item__content" }, l5 = /* @__P
     return (v, p) => (a(), l("div", {
       class: k(d.value)
     }, [
-      e.label ? (a(), l("label", a5, R(e.label), 1)) : A("", !0),
+      e.label ? (a(), l("label", a5, F(e.label), 1)) : T("", !0),
       n("div", o5, [
         C(v.$slots, "default"),
         B(f(n5), {
@@ -5709,17 +5707,16 @@ const r5 = { class: "nmorph-number-input__content" }, s5 = { class: "nmorph-numb
     step: { default: 1 },
     actionBtnPositionRight: { type: Boolean, default: !1 },
     height: { default: "default" },
-    fill: { type: Boolean, default: !0 },
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:model-value"],
   setup(t, { expose: e, emit: o }) {
     X((w) => ({
-      de780eb4: $.value
+      e535d6b2: $.value
     }));
-    const r = t, s = h(
-      () => T({
-        nmorph: [ne[r.height], `${r.fill && "fill"}`],
+    const r = t, i = h(
+      () => A({
+        nmorph: [ne[r.height]],
         "nmorph-number-input": [
           `${r.disabled && "disabled"}`,
           `${r.actionBtnPositionRight && "action-btn-position-right"}`
@@ -5755,11 +5752,11 @@ 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(s.value)
+      class: k(i.value)
     }, [
       n("div", r5, [
         n("div", s5, [
-          w.actionBtnPositionRight ? A("", !0) : (a(), l("div", i5, [
+          w.actionBtnPositionRight ? T("", !0) : (a(), l("div", i5, [
             B(f(K), {
               "style-type": "transparent",
               disabled: v.value,
@@ -5767,7 +5764,7 @@ const r5 = { class: "nmorph-number-input__content" }, s5 = { class: "nmorph-numb
               onClick: d
             }, {
               default: W(() => [
-                B(f(F), {
+                B(f(E), {
                   name: "minus",
                   width: g.value,
                   height: g.value
@@ -5794,7 +5791,7 @@ const r5 = { class: "nmorph-number-input__content" }, s5 = { class: "nmorph-numb
                 onClick: d
               }, {
                 default: W(() => [
-                  B(f(F), {
+                  B(f(E), {
                     name: "minus",
                     width: g.value,
                     height: g.value
@@ -5810,7 +5807,7 @@ const r5 = { class: "nmorph-number-input__content" }, s5 = { class: "nmorph-numb
                 onClick: c
               }, {
                 default: W(() => [
-                  B(f(F), {
+                  B(f(E), {
                     name: "plus",
                     width: g.value,
                     height: g.value
@@ -5827,7 +5824,7 @@ const r5 = { class: "nmorph-number-input__content" }, s5 = { class: "nmorph-numb
               onClick: c
             }, {
               default: W(() => [
-                B(f(F), {
+                B(f(E), {
                   name: "plus",
                   width: g.value,
                   height: g.value
@@ -5847,10 +5844,7 @@ const m5 = { class: "nmorph-select__content" }, _5 = {
 }, f5 = {
   key: 1,
   class: "nmorph-select__selected-value"
-}, g5 = {
-  key: 2,
-  class: "nmorph-select__selected-value"
-}, w5 = /* @__PURE__ */ D({
+}, g5 = /* @__PURE__ */ D({
   __name: "NmorphSelect",
   props: {
     noElementPlaceholder: { default: "Choose value" },
@@ -5861,38 +5855,41 @@ const m5 = { class: "nmorph-select__content" }, _5 = {
     loading: { type: Boolean, default: !0 },
     open: { type: Boolean, default: !1 },
     height: { default: "default" },
-    fill: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
-    const o = t, r = e, s = b(o.modelValue), u = b(o.open), c = b(null), d = b(null), v = b(!0), p = (_) => {
+    const o = t, r = e, i = 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 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(_), V = s.value.length === 1 && z;
+        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)
             return;
-          z ? s.value = s.value.filter((j) => j !== _) : s.value = [...s.value, _];
+          z ? i.value = i.value.filter((j) => j !== _) : i.value = [...i.value, _];
         }
-        r("update:model-value", s.value);
+        r("update:model-value", i.value);
       }
     }, $ = h(
-      () => T({
-        nmorph: [ne[o.height], `${o.fill && "fill"}`],
+      () => A({
+        nmorph: [ne[o.height]],
         "nmorph-select": [
           `${o.disabled && "disabled"}`,
           `${o.modelValue ? "on" : "off"}`,
-          `${o.modelValue && "loading"}`,
+          `${o.loading && "loading"}`,
           `${u.value && "open"}`,
           `${v.value ? "selected-line-outset" : "selected-line-inset"}`
         ]
       })
     ), H = () => {
-      u.value = !u.value;
+      o.disabled || (u.value = !u.value);
     };
-    Q(u, (_) => {
-      _ && (v.value = !1);
-    });
+    Q(
+      u,
+      (_) => {
+        _ && (v.value = !1);
+      },
+      { immediate: !0 }
+    );
     const g = () => {
       u.value = !1;
     };
@@ -5901,8 +5898,8 @@ const m5 = { class: "nmorph-select__content" }, _5 = {
     }), be(() => {
       document.removeEventListener("click", g);
     });
-    const y = h(() => typeof s.value == "string" ? s.value === "" ? o.noElementPlaceholder : o.options.find((_) => _.value === s.value)?.label : s.value), 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 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 w = b(null);
     return (_, z) => (a(), l("div", {
       class: k($.value)
@@ -5914,8 +5911,7 @@ const m5 = { class: "nmorph-select__content" }, _5 = {
           class: "nmorph-select__selected-values-line",
           onClick: re(H, ["stop"])
         }, [
-          typeof s.value == "string" ? (a(), l("div", _5, R(y.value), 1)) : A("", !0),
-          s.value.length <= 0 ? (a(), l("div", f5, R(o.noElementPlaceholder), 1)) : (a(), l("div", g5, [
+          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,
               ref_for: !0
@@ -5926,13 +5922,13 @@ const m5 = { class: "nmorph-select__content" }, _5 = {
               onClose: p
             }), null, 16, ["removable"]))), 128))
           ])),
-          B(f(F), {
-            name: "chevron-down",
+          B(f(E), {
+            name: o.loading ? "loader" : "chevron-down",
             class: "nmorph-select__chevron"
-          })
+          }, null, 8, ["name"])
         ], 512)
       ]),
-      w.value ? (a(), q(f(ce), {
+      w.value && !o.disabled ? (a(), q(f(ce), {
         key: 0,
         open: u.value,
         "relative-element": w.value,
@@ -5944,7 +5940,12 @@ const m5 = { class: "nmorph-select__content" }, _5 = {
             ref: c,
             class: "nmorph-select__options"
           }, [
-            (a(!0), l(U, null, G(_.options, (V) => (a(), q(f(V2), de({
+            o.loading ? (a(), q(f(E), {
+              key: 0,
+              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,
               ref_for: !0
             }, V, {
@@ -5954,11 +5955,11 @@ const m5 = { class: "nmorph-select__content" }, _5 = {
           ], 512)
         ]),
         _: 3
-      }, 8, ["open", "relative-element"])) : A("", !0)
+      }, 8, ["open", "relative-element"])) : T("", !0)
     ], 2));
   }
 });
-const x5 = { class: "nmorph-select-option__content" }, V2 = /* @__PURE__ */ D({
+const w5 = { class: "nmorph-select-option__content" }, V2 = /* @__PURE__ */ D({
   __name: "NmorphSelectOption",
   props: {
     value: {},
@@ -5968,14 +5969,14 @@ const x5 = { 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), 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(
-      () => T({
-        nmorph: [ne[s.height]],
+    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(
+      () => A({
+        nmorph: [ne[i.height]],
         "nmorph-select-option": [
-          `${s.disabled && "disabled"}`,
-          `${s.label && "with-label"}`,
+          `${i.disabled && "disabled"}`,
+          `${i.label && "with-label"}`,
           `${d.value && "checked"}`
         ]
       })
@@ -5984,19 +5985,19 @@ const x5 = { class: "nmorph-select-option__content" }, V2 = /* @__PURE__ */ D({
       class: k(v.value),
       onClick: c
     }, [
-      n("div", x5, [
-        n("span", null, R(s.label), 1),
+      n("div", w5, [
+        n("span", null, F(i.label), 1),
         C(p.$slots, "default")
       ]),
-      d.value ? (a(), q(f(F), {
+      d.value ? (a(), q(f(E), {
         key: 0,
         name: "success",
         class: "nmorph-select-option__checked"
-      })) : A("", !0)
+      })) : T("", !0)
     ], 2));
   }
 });
-const $5 = { class: "nmorph-slider__content" }, y5 = { class: "nmorph-slider__input-wrapper" }, b5 = ["value", "min", "max", "step"], Ne = 40, M5 = /* @__PURE__ */ D({
+const x5 = { class: "nmorph-slider__content" }, $5 = { class: "nmorph-slider__input-wrapper" }, y5 = ["value", "min", "max", "step"], Ne = 40, b5 = /* @__PURE__ */ D({
   __name: "NmorphSlider",
   props: {
     modelValue: { default: 0 },
@@ -6004,20 +6005,19 @@ const $5 = { class: "nmorph-slider__content" }, y5 = { class: "nmorph-slider__in
     min: { default: 0 },
     step: { default: 1 },
     showTooltip: { type: Boolean, default: !0 },
-    fill: { type: Boolean, default: !0 },
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
     X((O) => ({
-      "5408a43b": s
+      "110d8e4d": i
     }));
     const o = t, r = h(
-      () => T({
-        nmorph: [`${o.fill && "fill"}`],
+      () => A({
+        nmorph: [],
         "nmorph-slider": [`${o.disabled && "disabled"}`]
       })
-    ), s = `${Ne}px`, u = b(o.showTooltip), c = e, d = b(o.modelValue), v = b(null);
+    ), i = `${Ne}px`, u = b(o.showTooltip), c = e, d = b(o.modelValue), v = b(null);
     Q(d, () => {
       c("update:model-value", d.value);
     }), Q(
@@ -6027,9 +6027,9 @@ const $5 = { class: "nmorph-slider__content" }, y5 = { 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, E = L / 2;
-      let Y = P - E;
-      const ae = `${Math.max(0, Math.min(100 - L, Y))}%`, ge = `${Y + E}%`;
+      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}%`;
       return {
         thumb: ae,
         tooltip: ge
@@ -6066,8 +6066,8 @@ const $5 = { class: "nmorph-slider__content" }, y5 = { class: "nmorph-slider__in
     return (O, M) => (a(), l("div", {
       class: k(r.value)
     }, [
-      n("div", $5, [
-        n("div", y5, [
+      n("div", x5, [
+        n("div", $5, [
           n("div", {
             ref_key: "sliderContainer",
             ref: v,
@@ -6079,7 +6079,7 @@ const $5 = { class: "nmorph-slider__content" }, y5 = { class: "nmorph-slider__in
               "force-show": "",
               "force-coordinate": { x: p.value.tooltip, y: "24px" },
               "block-position": ""
-            }, null, 8, ["text", "force-coordinate"])) : A("", !0),
+            }, null, 8, ["text", "force-coordinate"])) : T("", !0),
             n("div", {
               ref_key: "sliderFirst",
               ref: w,
@@ -6097,14 +6097,14 @@ const $5 = { class: "nmorph-slider__content" }, y5 = { class: "nmorph-slider__in
               max: o.max,
               step: o.step,
               onInput: V
-            }, null, 40, b5)
+            }, null, 40, y5)
           ], 512)
         ])
       ])
     ], 2));
   }
 });
-const z5 = ["value", "disabled"], H5 = { class: "nmorph-switch-thumb" }, V5 = /* @__PURE__ */ D({
+const M5 = ["value", "disabled"], z5 = { class: "nmorph-switch-thumb" }, H5 = /* @__PURE__ */ D({
   __name: "NmorphSwitch",
   props: {
     modelValue: { type: [Boolean, String, Number], default: !1 },
@@ -6115,8 +6115,8 @@ const z5 = ["value", "disabled"], H5 = { class: "nmorph-switch-thumb" }, V5 = /*
   },
   emits: ["update:model-value"],
   setup(t, { expose: e, emit: o }) {
-    const r = t, s = h(
-      () => T({
+    const r = t, i = h(
+      () => A({
         "nmorph-switch": [
           `${r.disabled && "disabled"}`,
           `${c.value ? "on" : "off"}`,
@@ -6136,7 +6136,7 @@ const z5 = ["value", "disabled"], H5 = { class: "nmorph-switch-thumb" }, V5 = /*
         c.value = p === r.activeValue;
       }
     ), (p, $) => (a(), l("div", {
-      class: k(s.value)
+      class: k(i.value)
     }, [
       n("div", {
         class: "nmorph-switch__content",
@@ -6149,14 +6149,14 @@ const z5 = ["value", "disabled"], H5 = { class: "nmorph-switch-thumb" }, V5 = /*
           value: c.value,
           disabled: r.disabled,
           class: "nmorph-native-input"
-        }, null, 8, z5),
+        }, null, 8, M5),
         n("div", {
           class: k(["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", H5, [
-          r.loading ? (a(), q(f(F), {
+        n("div", z5, [
+          r.loading ? (a(), q(f(E), {
             key: 0,
             name: "loader",
             width: "14px",
@@ -6167,10 +6167,10 @@ const z5 = ["value", "disabled"], H5 = { class: "nmorph-switch-thumb" }, V5 = /*
     ], 2));
   }
 });
-const k5 = { class: "nmorph-text-input__input-side" }, B5 = {
+const V5 = { class: "nmorph-text-input__input-side" }, k5 = {
   key: 0,
   class: "nmorph-text-input__prepend-icon"
-}, C5 = ["type", "placeholder", "disabled", "value"], k2 = /* @__PURE__ */ D({
+}, B5 = ["type", "placeholder", "disabled", "value"], k2 = /* @__PURE__ */ D({
   __name: "NmorphTextInput",
   props: {
     placeholder: { default: "" },
@@ -6185,62 +6185,62 @@ const k5 = { class: "nmorph-text-input__input-side" }, B5 = {
     X((_) => ({
       cecbe6ea: w.value
     }));
-    const r = Oe(), s = t, u = h(
-      () => T({
-        nmorph: [ne[s.height], `${$.value && "focused"}`],
-        "nmorph-text-input": [`${s.typePassword && "password"}`]
+    const r = Oe(), i = t, u = h(
+      () => A({
+        nmorph: [ne[i.height], `${$.value && "focused"}`],
+        "nmorph-text-input": [`${i.typePassword && "password"}`]
       })
     ), c = (_) => {
       const z = _.target;
       m("update:model-value", z.value);
     }, d = b(!1), v = () => {
-      s.clearable ? m("update:model-value", "") : d.value = !d.value;
-    }, p = h(() => s.typePassword && !d.value && !s.clearable ? "password" : "text"), $ = b(!1), H = () => {
+      i.clearable ? m("update:model-value", "") : d.value = !d.value;
+    }, p = h(() => i.typePassword && !d.value && !i.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(() => s.clearable ? "error" : d.value ? "eye-blocked" : "eye"), w = h(() => r["prepend-icon"] ? "28px" : "8px");
+    const m = o, x = h(() => i.clearable ? "error" : d.value ? "eye-blocked" : "eye"), w = h(() => r["prepend-icon"] ? "28px" : "8px");
     return (_, z) => (a(), l("div", {
       class: k(u.value)
     }, [
-      n("div", k5, [
-        f(r)["prepend-icon"] ? (a(), l("div", B5, [
+      n("div", V5, [
+        f(r)["prepend-icon"] ? (a(), l("div", k5, [
           C(_.$slots, "prepend-icon")
-        ])) : A("", !0),
+        ])) : T("", !0),
         n("input", {
           ref_key: "inputDOMRef",
           ref: y,
           class: "nmorph-native-input",
           type: p.value,
-          placeholder: s.placeholder,
-          disabled: s.disabled,
-          value: s.modelValue,
+          placeholder: i.placeholder,
+          disabled: i.disabled,
+          value: i.modelValue,
           onInput: c,
           onFocus: H,
           onBlur: g,
           onKeyup: z[0] || (z[0] = q2((V) => m("on-enter"), ["enter"]))
-        }, null, 40, C5),
-        s.typePassword || s.clearable ? (a(), q(f(K), {
+        }, null, 40, B5),
+        i.typePassword || i.clearable ? (a(), q(f(K), {
           key: 1,
-          disabled: s.disabled,
+          disabled: i.disabled,
           class: "nmorph-text-input__password-btn",
           "style-type": "transparent",
           width: "32px",
-          height: s.height,
+          height: i.height,
           onClick: v
         }, {
           default: W(() => [
-            B(f(F), { name: x.value }, null, 8, ["name"])
+            B(f(E), { name: x.value }, null, 8, ["name"])
           ]),
           _: 1
-        }, 8, ["disabled", "height"])) : A("", !0)
+        }, 8, ["disabled", "height"])) : T("", !0)
       ])
     ], 2));
   }
 });
-const S5 = { class: "nmorph-time-picker__content" }, A5 = { class: "nmorph-time-picker__selected-time" }, T5 = ["value"], D5 = { class: "nmorph-time-picker__dropdown" }, $e = 20, O5 = /* @__PURE__ */ D({
+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({
   __name: "NmorphTimePicker",
   props: {
     modelValue: { default: 0 },
@@ -6257,17 +6257,17 @@ const S5 = { class: "nmorph-time-picker__content" }, A5 = { class: "nmorph-time-
     X((M) => ({
       "7f37cbae": j.value
     }));
-    const r = t, s = o, u = b(null), c = b(null);
+    const r = t, i = 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(
-      () => T({
+      () => A({
         nmorph: [ne[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, s("update:model-value", B2(v.value));
+      p.value = !1, i("update:model-value", B2(v.value));
     }, x = (M) => {
       const P = M;
       v.value = [P, v.value[1], v.value[2]], m();
@@ -6281,7 +6281,7 @@ const S5 = { class: "nmorph-time-picker__content" }, A5 = { class: "nmorph-time-
       d.value = !1;
     };
     Q(d, (M) => {
-      s("on-change-open-close", M);
+      i("on-change-open-close", M);
     }), (() => {
       if (p.value)
         return;
@@ -6297,9 +6297,9 @@ const S5 = { class: "nmorph-time-picker__content" }, A5 = { class: "nmorph-time-
         class: k(H.value),
         onClick: $
       }, [
-        n("div", S5, [
-          n("div", A5, [
-            B(f(F), {
+        n("div", C5, [
+          n("div", S5, [
+            B(f(E), {
               name: "time",
               class: "nmorph-time-picker__time-icon"
             }),
@@ -6310,8 +6310,8 @@ const S5 = { class: "nmorph-time-picker__content" }, A5 = { class: "nmorph-time-
               value: v.value,
               step: "1",
               class: "nmorph-native-input"
-            }, null, 8, T5),
-            n("span", null, R(O.value), 1)
+            }, null, 8, A5),
+            n("span", null, F(O.value), 1)
           ]),
           u.value ? (a(), q(f(ce), {
             key: 0,
@@ -6320,7 +6320,7 @@ const S5 = { class: "nmorph-time-picker__content" }, A5 = { class: "nmorph-time-
             onOnOutsideClick: z
           }, {
             default: W(() => [
-              n("div", D5, [
+              n("div", T5, [
                 B(S, {
                   "set-value-on-mount": !p.value,
                   values: f(g),
@@ -6348,37 +6348,37 @@ const S5 = { class: "nmorph-time-picker__content" }, A5 = { class: "nmorph-time-
               ])
             ]),
             _: 1
-          }, 8, ["open", "relative-element"])) : A("", !0)
+          }, 8, ["open", "relative-element"])) : T("", !0)
         ])
       ], 2);
     };
   }
 });
 const De = (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}`;
+  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}`;
 }, B2 = (t) => {
-  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 = {
+  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 = {
   key: 0,
   class: "nmorph-radio__content"
-}, q5 = { class: "nmorph-radio__input-wrapper" }, E5 = ["name", "value", "checked"], R5 = {
+}, P5 = { class: "nmorph-radio__input-wrapper" }, q5 = ["name", "value", "checked"], E5 = {
   key: 0,
   class: "nmorph-radio__fake-checked"
-}, F5 = {
+}, R5 = {
   key: 0,
   class: "nmorph-radio__label"
-}, j5 = {
+}, F5 = {
   key: 1,
   class: "nmorph-radio__content"
-}, W5 = ["disabled", "name", "value", "checked"], L5 = {
+}, j5 = ["disabled", "name", "value", "checked"], W5 = {
   key: 0,
   class: "nmorph-radio__fake"
-}, U5 = {
+}, L5 = {
   key: 1,
   class: "nmorph-radio__fake"
-}, G5 = /* @__PURE__ */ D({
+}, U5 = /* @__PURE__ */ D({
   __name: "NmorphRadio",
   props: {
     styleType: { default: "button" },
@@ -6390,54 +6390,54 @@ const De = (t) => {
     const o = Z("radio-group-selected-value", void 0), r = Z(
       "change-radio-button-value-handler",
       void 0
-    ), s = t, u = () => {
-      r && !s.disabled && r(s.value);
-    }, c = h(() => o?.value === s.value), d = h(
-      () => T({
-        "nmorph-radio": [`${s.disabled && "disabled"}`, `${c.value && "checked"}`, s.styleType]
+    ), i = t, u = () => {
+      r && !i.disabled && r(i.value);
+    }, c = h(() => o?.value === i.value), d = h(
+      () => A({
+        "nmorph-radio": [`${i.disabled && "disabled"}`, `${c.value && "checked"}`, i.styleType]
       })
     ), v = b(null);
     return e({ inputDOMRef: v }), (p, $) => (a(), l("label", {
       class: k(d.value),
       onClick: re(u, ["prevent"])
     }, [
-      s.styleType === "radio-style" ? (a(), l("div", P5, [
-        n("div", q5, [
+      i.styleType === "radio-style" ? (a(), l("div", O5, [
+        n("div", P5, [
           n("input", {
             ref_key: "inputDOMRef",
             ref: v,
             type: "radio",
-            name: s.label,
-            value: s.value,
+            name: i.label,
+            value: i.value,
             checked: c.value,
             class: "nmorph-native-input"
-          }, null, 8, E5),
+          }, null, 8, q5),
           $[0] || ($[0] = n("div", { class: "nmorph-radio__fake" }, null, -1)),
-          c.value ? (a(), l("div", R5)) : A("", !0)
+          c.value ? (a(), l("div", E5)) : T("", !0)
         ]),
-        s.label ? (a(), l("span", F5, R(s.label), 1)) : C(p.$slots, "label", { key: 1 }, void 0, !0)
-      ])) : A("", !0),
-      s.styleType === "button" ? (a(), l("div", j5, [
+        i.label ? (a(), l("span", R5, F(i.label), 1)) : C(p.$slots, "label", { key: 1 }, void 0, !0)
+      ])) : T("", !0),
+      i.styleType === "button" ? (a(), l("div", F5, [
         n("input", {
           ref_key: "inputDOMRef",
           ref: v,
           type: "radio",
-          disabled: s.disabled,
-          name: s.label,
-          value: s.value,
+          disabled: i.disabled,
+          name: i.label,
+          value: i.value,
           checked: c.value,
           class: "nmorph-native-input"
-        }, null, 8, W5),
-        s.label ? (a(), l("div", L5, [
-          n("span", null, R(s.label), 1)
-        ])) : (a(), l("div", U5, [
+        }, null, 8, j5),
+        i.label ? (a(), l("div", W5, [
+          n("span", null, F(i.label), 1)
+        ])) : (a(), l("div", L5, [
           C(p.$slots, "label", {}, void 0, !0)
         ]))
-      ])) : A("", !0)
+      ])) : T("", !0)
     ], 2));
   }
 });
-const C2 = /* @__PURE__ */ fe(G5, [["__scopeId", "data-v-7ff79dcc"]]), Q5 = { class: "nmorph-radio-group__wrapper" }, Y5 = { class: "nmorph-radio-group__content" }, S2 = /* @__PURE__ */ D({
+const C2 = /* @__PURE__ */ fe(U5, [["__scopeId", "data-v-7ff79dcc"]]), G5 = { class: "nmorph-radio-group__wrapper" }, Q5 = { class: "nmorph-radio-group__content" }, S2 = /* @__PURE__ */ D({
   __name: "NmorphRadioGroup",
   props: {
     modelValue: { default: "" },
@@ -6445,7 +6445,6 @@ const C2 = /* @__PURE__ */ fe(G5, [["__scopeId", "data-v-7ff79dcc"]]), Q5 = { cl
     styleType: { default: "button" },
     direction: { default: "row" },
     height: {},
-    fill: { type: Boolean },
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:model-value"],
@@ -6457,18 +6456,16 @@ const C2 = /* @__PURE__ */ fe(G5, [["__scopeId", "data-v-7ff79dcc"]]), Q5 = { cl
         r.value = d;
       }
     );
-    const s = e, u = (d) => {
-      r.value = d, s("update:model-value", r.value);
-    }, c = h(
-      () => T({ "nmorph-radio-group": [o.styleType, o.direction, `${o.fill && "fill"}`] })
-    );
+    const i = e, u = (d) => {
+      r.value = d, i("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");
       return a(), l("div", {
         class: k(c.value)
       }, [
-        n("div", Q5, [
-          n("div", Y5, [
+        n("div", G5, [
+          n("div", Q5, [
             (a(!0), l(U, null, G(d.options, ($) => (a(), q(p, {
               key: $.value,
               label: $.label,
@@ -6483,7 +6480,7 @@ const C2 = /* @__PURE__ */ fe(G5, [["__scopeId", "data-v-7ff79dcc"]]), Q5 = { cl
     };
   }
 });
-const K5 = /* @__PURE__ */ D({
+const Y5 = /* @__PURE__ */ D({
   __name: "NmorphBacktop",
   props: {
     right: { default: 40 },
@@ -6494,11 +6491,11 @@ const K5 = /* @__PURE__ */ D({
   emits: ["click"],
   setup(t, { emit: e }) {
     X((g) => ({
-      "13d4e1c7": s.value,
+      "13d4e1c7": i.value,
       "4bd46fe0": u.value
     }));
-    const o = t, r = e, s = h(() => `${o.right}px`), u = h(() => `${o.bottom}px`), c = h(
-      () => T({
+    const o = t, r = e, i = h(() => `${o.right}px`), u = h(() => `${o.bottom}px`), c = h(
+      () => A({
         "nmorph-backtop": [`${p.value && "show"}`, o.design]
       })
     ), d = b(null), v = b(null), p = b(!1), $ = (g) => {
@@ -6530,7 +6527,7 @@ const K5 = /* @__PURE__ */ D({
             "style-type": o.design === "nmorph" ? "default" : "transparent"
           }, {
             default: W(() => [
-              B(f(F), {
+              B(f(E), {
                 name: "chevron-down",
                 class: "nmorph-backtop__up-icon",
                 color: o.design === "nmorph" ? void 0 : "var(--nmorph-white-color)"
@@ -6543,10 +6540,10 @@ const K5 = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const Z5 = ["id"], X5 = {
+const K5 = ["id"], Z5 = {
   key: 0,
   class: "nmorph-breadcrumb__separator"
-}, J5 = /* @__PURE__ */ D({
+}, X5 = /* @__PURE__ */ D({
   __name: "NmorphBreadcrumb",
   props: {
     separator: { default: "/" }
@@ -6554,13 +6551,13 @@ const Z5 = ["id"], X5 = {
   setup(t) {
     const e = t, o = b([]), r = _e();
     J("breadcrumb-data", { breadcrumbs: o, breadcrumbId: r });
-    const s = h(
-      () => T({
+    const i = h(
+      () => A({
         "nmorph-breadcrumb": []
       })
     );
     return (u, c) => (a(), l("div", {
-      class: k(s.value)
+      class: k(i.value)
     }, [
       C(u.$slots, "default"),
       (a(!0), l(U, null, G(o.value, (d, v) => (a(), l("div", {
@@ -6570,13 +6567,13 @@ const Z5 = ["id"], X5 = {
         n("div", {
           id: `nmorph-breadcrumb-${f(r)}-${d.itemId}-element`,
           class: "nmorph-breadcrumb__element"
-        }, null, 8, Z5),
-        v < o.value.length - 1 ? (a(), l("div", X5, R(e.separator), 1)) : A("", !0)
+        }, null, 8, K5),
+        v < o.value.length - 1 ? (a(), l("div", Z5, F(e.separator), 1)) : T("", !0)
       ]))), 128))
     ], 2));
   }
 });
-const N5 = /* @__PURE__ */ D({
+const J5 = /* @__PURE__ */ D({
   __name: "NmorphBreadcrumbItem",
   props: {
     to: { default: "" },
@@ -6584,15 +6581,15 @@ const N5 = /* @__PURE__ */ D({
   },
   setup(t) {
     const e = t, o = h(
-      () => T({
+      () => A({
         "nmorph-breadcrumb-item": []
       })
-    ), r = Z("breadcrumb-data", void 0), s = b(!1), u = _e();
+    ), r = Z("breadcrumb-data", void 0), i = b(!1), u = _e();
     return N(() => {
-      s.value = !0;
+      i.value = !0;
     }), r.breadcrumbs.value.push({ ...e, itemId: u }), (c, d) => {
       const v = Me("router-link");
-      return s.value && f(u) ? (a(), l("div", {
+      return i.value && f(u) ? (a(), l("div", {
         key: 0,
         class: k(o.value)
       }, [
@@ -6610,7 +6607,7 @@ const N5 = /* @__PURE__ */ D({
             _: 3
           }, 8, ["to", "replace"])
         ], 8, ["to"]))
-      ], 2)) : A("", !0);
+      ], 2)) : T("", !0);
     };
   }
 }), ce = /* @__PURE__ */ D({
@@ -6628,14 +6625,14 @@ const N5 = /* @__PURE__ */ D({
     X((p) => ({
       f609801e: d.value
     }));
-    const o = t, r = e, s = b(null), { placementCoords: u } = b2({
+    const o = t, r = e, i = b(null), { placementCoords: u } = b2({
       initialPlacement: "bottom",
-      contentDOMElement: s,
+      contentDOMElement: i,
       relativeElement: o.relativeElement,
       yOffset: o.yOffset,
       xOffset: o.xOffset
     }), c = h(
-      () => T({
+      () => A({
         "nmorph-dropdown": [`${!o.open && "closed"}`]
       })
     ), d = h(() => o.fillWidth ? `${o.relativeElement?.clientWidth}px` : `${o.width}px`), v = () => {
@@ -6649,7 +6646,7 @@ const N5 = /* @__PURE__ */ D({
       default: W(() => [
         n("div", {
           ref_key: "dropdownDOMRef",
-          ref: s,
+          ref: i,
           class: k(c.value),
           style: I({ left: `${f(u).x}`, top: `${f(u).y}` })
         }, [
@@ -6660,7 +6657,7 @@ const N5 = /* @__PURE__ */ D({
     }, 8, ["show"]));
   }
 });
-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({
+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({
   __name: "NmorphTabs",
   props: {
     modelValue: { default: 0 },
@@ -6669,8 +6666,8 @@ const I5 = { class: "nmorph-tabs__label-list" }, e9 = ["id", "onClick", "custom"
   },
   emits: ["update:model-value", "tab-change"],
   setup(t, { emit: e }) {
-    const o = t, r = e, s = h(
-      () => T({
+    const o = t, r = e, i = h(
+      () => A({
         "nmorph-tabs": [`${o.stretch && "stretch"}`]
       })
     ), u = ($) => {
@@ -6685,10 +6682,10 @@ const I5 = { class: "nmorph-tabs__label-list" }, e9 = ["id", "onClick", "custom"
     });
     const v = h(() => o.panes.length > 0 ? o.panes : c.value), p = Oe();
     return ($, H) => (a(), l("div", {
-      class: k(s.value)
+      class: k(i.value)
     }, [
       C($.$slots, "default"),
-      n("div", I5, [
+      n("div", N5, [
         (a(!0), l(U, null, G(v.value, (g) => (a(), l("div", {
           id: f(je)(f(d), g.name),
           key: g.name,
@@ -6699,17 +6696,17 @@ const I5 = { class: "nmorph-tabs__label-list" }, e9 = ["id", "onClick", "custom"
           onClick: (y) => u(g),
           custom: g.disabled
         }, [
-          f(p).default ? A("", !0) : (a(), l("div", t9, R(g.label), 1))
-        ], 10, e9))), 128))
+          f(p).default ? T("", !0) : (a(), l("div", e9, F(g.label), 1))
+        ], 10, I5))), 128))
       ]),
-      n("div", n9, [
-        n("div", a9, [
+      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),
             key: g.name
           }, [
-            f(p).default ? A("", !0) : (a(), l("div", l9, R(g.content), 1))
-          ], 8, o9)), [
+            f(p).default ? T("", !0) : (a(), l("div", o9, F(g.content), 1))
+          ], 8, a9)), [
             [Te, g.name === o.modelValue]
           ])), 128))
         ])
@@ -6723,7 +6720,7 @@ const je = (t, e) => {
 }, We = (t, e) => {
   if (t)
     return `nmorph-tabs-content-${t}-${e}`;
-}, s9 = /* @__PURE__ */ D({
+}, r9 = /* @__PURE__ */ D({
   __name: "NmorphTabPane",
   props: {
     label: { default: "" },
@@ -6733,15 +6730,15 @@ const je = (t, e) => {
   },
   setup(t) {
     const e = t, o = h(
-      () => T({
+      () => A({
         "nmorph-tab-pane": []
       })
-    ), r = Z("nmorph-tabs-data", void 0), s = b(!1);
+    ), r = Z("nmorph-tabs-data", void 0), i = b(!1);
     N(() => {
-      s.value = !0;
+      i.value = !0;
     }), r.tabsData.value.push(e);
     const u = e;
-    return (c, d) => s.value ? (a(), l("div", {
+    return (c, d) => i.value ? (a(), l("div", {
       key: 0,
       class: k(o.value)
     }, [
@@ -6755,7 +6752,7 @@ const je = (t, e) => {
       }, [
         C(c.$slots, "default", { scope: f(u) })
       ], 8, ["to"]))
-    ], 2)) : A("", !0);
+    ], 2)) : T("", !0);
   }
 }), A2 = /* @__PURE__ */ D({
   __name: "NmorphDivider",
@@ -6764,11 +6761,11 @@ const je = (t, e) => {
   },
   setup(t) {
     const e = t, o = h(
-      () => T({
+      () => A({
         "nmorph-divider": [e.direction]
       })
     );
-    return (r, s) => (a(), l("div", {
+    return (r, i) => (a(), l("div", {
       class: k(o.value)
     }, null, 2));
   }
@@ -6782,15 +6779,15 @@ const Be = /* @__PURE__ */ D({
   emits: ["on-outside-click"],
   setup(t, { emit: e }) {
     const o = t, r = h(
-      () => T({
+      () => A({
         "nmorph-overlay": [`${o.show && "show"}`, `${o.transparent && "transparent"}`]
       })
-    ), s = () => {
+    ), i = () => {
       u("on-outside-click");
     }, u = e;
     return (c, d) => (a(), l("div", {
       class: k(r.value),
-      onClick: re(s, ["stop"])
+      onClick: re(i, ["stop"])
     }, [
       n("div", {
         class: "nmorph-overlay__slot",
@@ -6802,7 +6799,7 @@ const Be = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const i9 = /* @__PURE__ */ D({
+const s9 = /* @__PURE__ */ D({
   __name: "NmorphNotificationProvider",
   props: {
     notifications: {},
@@ -6814,7 +6811,7 @@ const i9 = /* @__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);
-    }), s = (d) => {
+    }), i = (d) => {
       e.value = [...e.value, d];
     }, u = t, c = h(() => u.zIndex);
     return (d, v) => (a(), l("div", {
@@ -6832,7 +6829,7 @@ const i9 = /* @__PURE__ */ D({
             class: "nmorph-notification-provider__notification"
           }, [
             B(f(y2), de({ ref_for: !0 }, p, {
-              onClose: () => s(p.id)
+              onClose: () => i(p.id)
             }), null, 16, ["onClose"])
           ], 4))), 128))
         ]),
@@ -6841,9 +6838,9 @@ const i9 = /* @__PURE__ */ D({
     ], 6));
   }
 });
-const d9 = /* @__PURE__ */ fe(i9, [["__scopeId", "data-v-de7a6e97"]]);
+const i9 = /* @__PURE__ */ fe(s9, [["__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 u9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const d9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   NmorphAlert: y2,
   NmorphAlertType: ie,
@@ -6851,10 +6848,10 @@ const u9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NmorphAudioResolution: Ve,
   NmorphAutocomplete: Ac,
   NmorphAvatar: _d,
-  NmorphBacktop: K5,
+  NmorphBacktop: Y5,
   NmorphBadge: wd,
-  NmorphBreadcrumb: J5,
-  NmorphBreadcrumbItem: N5,
+  NmorphBreadcrumb: X5,
+  NmorphBreadcrumbItem: J5,
   NmorphButton: K,
   NmorphButtonShape: o2,
   NmorphButtonStyle: n2,
@@ -6876,7 +6873,7 @@ const u9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NmorphFileUpload: Jc,
   NmorphForm: e5,
   NmorphFormItem: l5,
-  NmorphIcon: F,
+  NmorphIcon: E,
   NmorphIconSize: l2,
   NmorphIconsMap: r2,
   NmorphImage: ye,
@@ -6885,7 +6882,7 @@ const u9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NmorphLink: hd,
   NmorphLinkTarget: s2,
   NmorphNotificationPlacement: T2,
-  NmorphNotificationProvider: d9,
+  NmorphNotificationProvider: i9,
   NmorphNumberInput: p5,
   NmorphOverflowProp: i2,
   NmorphOverlay: Be,
@@ -6895,22 +6892,22 @@ const u9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NmorphRadioGroup: S2,
   NmorphScroll: pd,
   NmorphScrollBehavior: d2,
-  NmorphSelect: w5,
+  NmorphSelect: g5,
   NmorphSelectOption: V2,
   NmorphSkeleton: du,
   NmorphSkeletonItem: g2,
   NmorphSkeletonItemPropsType: f2,
-  NmorphSlider: M5,
-  NmorphSwitch: V5,
-  NmorphTabPane: s9,
+  NmorphSlider: b5,
+  NmorphSwitch: H5,
+  NmorphTabPane: r9,
   NmorphTable: w2,
   NmorphTableCell: x2,
   NmorphTableColumn: $2,
-  NmorphTabs: r9,
+  NmorphTabs: l9,
   NmorphTagItem: qe,
   NmorphTagList: $u,
   NmorphTextInput: k2,
-  NmorphTimePicker: O5,
+  NmorphTimePicker: D5,
   NmorphTooltip: z2,
   NmorphVideoResolution: He,
   formatDateIntl: ve,
@@ -6927,14 +6924,14 @@ const u9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   resolution: Nc,
   timeArrayToTimestamp: B2,
   useCalendarTexts: Pe
-}, Symbol.toStringTag, { value: "Module" })), c9 = () => {
+}, Symbol.toStringTag, { value: "Module" })), u9 = () => {
   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
   };
-}, z9 = () => Z("nmorph"), H9 = {
+}, M9 = () => Z("nmorph"), z9 = {
   install(t, e = {}) {
     if (!e.i18n.outsideMessagesMerge) {
       const u = ic(e.i18n), c = t.__VUE_I18N__;
@@ -6942,9 +6939,9 @@ const u9 = /* @__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 = c9(), s = { theme: o, browser: r };
-    return t.provide("nmorph", s), Object.entries(u9).forEach(([u, c]) => {
-      if (v9(c))
+    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))
         if (e.components === void 0)
           t.component(u, c);
         else {
@@ -6955,7 +6952,7 @@ const u9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }), t;
   }
 };
-function v9(t) {
+function c9(t) {
   return t && (typeof t == "object" || typeof t == "function") && ("render" in t || "template" in t || "setup" in t);
 }
 export {
@@ -6968,11 +6965,11 @@ export {
   Ve as NmorphAudioResolution,
   Ac as NmorphAutocomplete,
   _d as NmorphAvatar,
-  K5 as NmorphBacktop,
+  Y5 as NmorphBacktop,
   wd as NmorphBadge,
   Pu as NmorphBooleanCompareOperator,
-  J5 as NmorphBreadcrumb,
-  N5 as NmorphBreadcrumbItem,
+  X5 as NmorphBreadcrumb,
+  J5 as NmorphBreadcrumbItem,
   K as NmorphButton,
   o2 as NmorphButtonShape,
   n2 as NmorphButtonStyle,
@@ -6998,8 +6995,8 @@ export {
   Jc as NmorphFileUpload,
   e5 as NmorphForm,
   l5 as NmorphFormItem,
-  F as NmorphIcon,
-  i as NmorphIconList,
+  E as NmorphIcon,
+  s as NmorphIconList,
   l2 as NmorphIconSize,
   r2 as NmorphIconsMap,
   ye as NmorphImage,
@@ -7009,7 +7006,7 @@ export {
   hd as NmorphLink,
   s2 as NmorphLinkTarget,
   T2 as NmorphNotificationPlacement,
-  d9 as NmorphNotificationProvider,
+  i9 as NmorphNotificationProvider,
   Ou as NmorphNumberCompareOperator,
   p5 as NmorphNumberInput,
   i2 as NmorphOverflowProp,
@@ -7021,34 +7018,34 @@ export {
   G2 as NmorphRadioStyleType,
   pd as NmorphScroll,
   d2 as NmorphScrollBehavior,
-  w5 as NmorphSelect,
+  g5 as NmorphSelect,
   V2 as NmorphSelectOption,
   Q2 as NmorphSelectionDateType,
   e2 as NmorphShadowType,
   du as NmorphSkeleton,
   g2 as NmorphSkeletonItem,
   f2 as NmorphSkeletonItemPropsType,
-  M5 as NmorphSlider,
+  b5 as NmorphSlider,
   j2 as NmorphSortOrder,
-  V5 as NmorphSwitch,
-  s9 as NmorphTabPane,
+  H5 as NmorphSwitch,
+  r9 as NmorphTabPane,
   w2 as NmorphTable,
   x2 as NmorphTableCell,
   $2 as NmorphTableColumn,
-  r9 as NmorphTabs,
+  l9 as NmorphTabs,
   qe as NmorphTagItem,
   $u as NmorphTagList,
   k2 as NmorphTextInput,
-  O5 as NmorphTimePicker,
+  D5 as NmorphTimePicker,
   z2 as NmorphTooltip,
   He as NmorphVideoResolution,
-  f9 as anyToPascalCase,
+  _9 as anyToPascalCase,
   Ue as camelToKebab,
-  g9 as camelToTitle,
-  _9 as capitalizeFirstChar,
+  f9 as camelToTitle,
+  m9 as capitalizeFirstChar,
   Y2 as createBlockModifiers,
   Le as deepClone,
-  H9 as default,
+  z9 as default,
   Xe as en,
   ve as formatDateIntl,
   De as formatTimestampToTime,
@@ -7060,26 +7057,26 @@ export {
   je as getTabLabelId,
   c2 as hasAnyRangeDateInNextMonth,
   u2 as hasAnyRangeDateInPrevMonth,
-  m9 as isStringHtml,
+  p9 as isStringHtml,
   v2 as isTodayInMonthRange,
   K2 as log,
-  w9 as pascalToKebab,
-  x9 as pascalToSpace,
+  g9 as pascalToKebab,
+  w9 as pascalToSpace,
   le as resetTimeToZero,
   Nc as resolution,
-  y9 as ru,
+  $9 as ru,
   B2 as timeArrayToTimestamp,
   dc as useA11yProps,
   Pe as useCalendarTexts,
-  $9 as useEventManager,
+  x9 as useEventManager,
   Ke as useFieldValidation,
   qu as useFormValidation,
-  T as useModifiers,
-  z9 as useNmorph,
-  c9 as useNmorphBrowser,
-  M9 as useNmorphNotification,
+  A as useModifiers,
+  M9 as useNmorph,
+  u9 as useNmorphBrowser,
+  b9 as useNmorphNotification,
   sc as useNmorphTheme,
   ic as useNmorphTranslation,
   b2 as usePlacement,
-  b9 as zh
+  y9 as zh
 };