@nmorph/nmorph-ui-kit 0.2.86 → 0.2.88

package/dist/index.es.js

@@ -1,18 +1,18 @@
-import { defineComponent as D, computed as _, ref as w, openBlock as o, createElementBlock as s, normalizeClass as z, createElementVNode as n, createBlock as q, unref as v, renderSlot as S, toDisplayString as R, createCommentVNode as O, useCssVars as Z, normalizeStyle as I, resolveDynamicComponent as F2, createStaticVNode as Qe, createTextVNode as ee, inject as Q, onUnmounted as ye, onMounted as K, nextTick as he, watch as U, mergeProps as $e, createVNode as k, withCtx as E, reactive as ce, Fragment as Y, renderList as G, provide as N, Teleport as _e, withModifiers as oe, withDirectives as Ce, vShow as Se, useSlots as Ze, readonly as W2, TransitionGroup as ve, withKeys as j2, resolveComponent as Ne, pushScopeId as L2, popScopeId as U2 } from "vue";
+import { defineComponent as D, computed as _, ref as w, openBlock as o, createElementBlock as s, normalizeClass as V, createElementVNode as n, createBlock as q, unref as p, renderSlot as S, toDisplayString as R, createCommentVNode as O, useCssVars as Z, normalizeStyle as I, resolveDynamicComponent as F2, createStaticVNode as Ze, createTextVNode as ee, inject as Q, onUnmounted as ye, onMounted as K, nextTick as he, watch as G, mergeProps as _e, createVNode as k, withCtx as E, reactive as ce, Fragment as U, renderList as Y, provide as N, Teleport as ve, withModifiers as oe, withDirectives as Ce, vShow as Se, useSlots as Ne, readonly as W2, TransitionGroup as pe, withKeys as j2, resolveComponent as Ie, pushScopeId as L2, popScopeId as U2 } from "vue";
 import { createI18n as Y2 } from "vue-i18n";
-var te = /* @__PURE__ */ ((e) => (e.thick = "thick-component", e.default = "default-height-component", e.thin = "thin-component", e))(te || {}), G2 = /* @__PURE__ */ ((e) => (e.circle = "circle", e.square = "square", e))(G2 || {}), K2 = /* @__PURE__ */ ((e) => (e.ascending = "ascending", e.descending = "descending", e))(K2 || {}), X2 = /* @__PURE__ */ ((e) => (e.row = "row", e.column = "column", e))(X2 || {}), Ie = /* @__PURE__ */ ((e) => (e.inset = "shadow-inset", e.outset = "shadow-outset", e.combined = "shadow-combined", e["not-defined"] = "shadow-not-defined", e))(Ie || {}), e2 = /* @__PURE__ */ ((e) => (e.accent = "accent", e.success = "success", e.error = "error", e.warning = "warning", e))(e2 || {}), i = /* @__PURE__ */ ((e) => (e["add-location"] = "add-location", e.aim = "aim", e["alarm-clock"] = "alarm-clock", e.apple = "apple", e.archive = "archive", e["arrow-down"] = "arrow-down", e["arrow-left"] = "arrow-left", e["arrow-right"] = "arrow-right", e["arrow-up"] = "arrow-up", e.audio = "audio", e.avatar = "avatar", e.back = "back", e["bell-filled"] = "bell-filled", e.bell = "bell", e.bicycle = "bicycle", e["bottom-left"] = "bottom-left", e["bottom-right"] = "bottom-right", e.bottom = "bottom", e.burger = "burger", e.calendar = "calendar", e.camera = "camera", e["caret-bottom"] = "caret-bottom", e["caret-left"] = "caret-left", e["caret-right"] = "caret-right", e["caret-top"] = "caret-top", e.cellphone = "cellphone", e["chat-dot-round"] = "chat-dot-round", e["chat-dot-square"] = "chat-dot-square", e["chat-line-round"] = "chat-line-round", e["chat-line-square"] = "chat-line-square", e["chat-round"] = "chat-round", e["chat-square"] = "chat-square", e.check = "check", e.checked = "checked", e.cherry = "cherry", e["chevron-double-down"] = "chevron-double-down", e["chevron-down"] = "chevron-down", e["chrome-filled"] = "chrome-filled", e["circle-check-filled"] = "circle-check-filled", e["circle-check"] = "circle-check", e["circle-close-filled"] = "circle-close-filled", e["circle-close"] = "circle-close", e["circle-plus-filled"] = "circle-plus-filled", e["circle-plus"] = "circle-plus", e.clock = "clock", e.close = "close", e.cloudy = "cloudy", e.code = "code", e["coffee-cup"] = "coffee-cup", e.coffee = "coffee", e.coin = "coin", e["collection-tag"] = "collection-tag", e.collection = "collection", e.compass = "compass", e.connection = "connection", e.coordinate = "coordinate", e["copy-document"] = "copy-document", e.copy = "copy", e.cpu = "cpu", e["credit-card"] = "credit-card", e.crop = "crop", e.cross = "cross", e["delete-filled"] = "delete-filled", e.delete = "delete", e.dessert = "dessert", e.discount = "discount", e.doc = "doc", e["document-add"] = "document-add", e["document-checked"] = "document-checked", e["document-copy"] = "document-copy", e["document-delete"] = "document-delete", e["document-remove"] = "document-remove", e.document = "document", e.download = "download", e["edit-pen"] = "edit-pen", e.edit = "edit", e.enlarge = "enlarge", e.error = "error", e.expand = "expand", e["eye-blocked"] = "eye-blocked", e.eye = "eye", e.failed = "failed", e.files = "files", e.film = "film", e.filter = "filter", e.finished = "finished", e.flag = "flag", e.fold = "fold", e["folder-add"] = "folder-add", e["folder-checked"] = "folder-checked", e["folder-delete"] = "folder-delete", e["folder-opened"] = "folder-opened", e.folder = "folder", e.food = "food", e["fork-spoon"] = "fork-spoon", e["full-screen"] = "full-screen", e.goblet = "goblet", e["gold-medal"] = "gold-medal", e["goods-filled"] = "goods-filled", e.goods = "goods", e.grape = "grape", e.grid = "grid", e.guide = "guide", e.handbag = "handbag", e.headset = "headset", e.histogram = "histogram", e["hot-water"] = "hot-water", e.house = "house", e["ice-cream-round"] = "ice-cream-round", e["ice-drink"] = "ice-drink", e["info-filled"] = "info-filled", e.info = "info", e.image = "image", e.key = "key", e["knife-fork"] = "knife-fork", e.lightning = "lightning", e.link = "link", e.list = "list", e.loader = "loader", e.loading = "loading", e["location-filled"] = "location-filled", e["location-information"] = "location-information", e.location = "location", e.lock = "lock", e.logo = "logo", e.lollipop = "lollipop", e["magic-stick"] = "magic-stick", e.magnet = "magnet", e.male = "male", e.management = "management", e["map-location"] = "map-location", e.medal = "medal", e.memo = "memo", e.menu = "menu", e["message-box"] = "message-box", e.message = "message", e.mic = "mic", e.microphone = "microphone", e.minus = "minus", e.money = "money", e.monitor = "monitor", e.moon = "moon", e["more-filled"] = "more-filled", e.more = "more", e["mostly-cloudy"] = "mostly-cloudy", e.mouse = "mouse", e.mug = "mug", e["mute-notification"] = "mute-notification", e.mute = "mute", e["no-smoking"] = "no-smoking", e.notebook = "notebook", e.notification = "notification", e["office-building"] = "office-building", e.operation = "operation", e.opportunity = "opportunity", e.orange = "orange", e.paperclip = "paperclip", e["partly-cloudy"] = "partly-cloudy", e.pear = "pear", e["phone-filled"] = "phone-filled", e.phone = "phone", e.picture = "picture", e["pie-chart"] = "pie-chart", e.place = "place", e.platform = "platform", e.plus = "plus", e.pointer = "pointer", e.position = "position", e["post-card"] = "post-card", e.pouring = "pouring", e.present = "present", e["price-tag"] = "price-tag", e.printer = "printer", e.promotion = "promotion", e["quartz-watch"] = "quartz-watch", e["question-filled"] = "question-filled", e.rank = "rank", e["reading-lamp"] = "reading-lamp", e.reading = "reading", e["refresh-left"] = "refresh-left", e["refresh-right"] = "refresh-right", e.refresh = "refresh", e.refrigerator = "refrigerator", e["remove-filled"] = "remove-filled", e.remove = "remove", e["rotate-left"] = "rotate-left", e["rotate-right"] = "rotate-right", e["scale-to-original"] = "scale-to-original", e.school = "school", e.scissor = "scissor", e.search = "search", e.select = "select", e.sell = "sell", e["semi-select"] = "semi-select", e.service = "service", e.setting = "setting", e.share = "share", e.ship = "ship", e.shop = "shop", e["shopping-bag"] = "shopping-bag", e["shopping-cart-full"] = "shopping-cart-full", e["shopping-cart"] = "shopping-cart", e.shrink = "shrink", e.smoking = "smoking", e.soccer = "soccer", e["sold-out"] = "sold-out", e["sort-down"] = "sort-down", e["sort-up"] = "sort-up", e.sort = "sort", e.stamp = "stamp", e["star-filled"] = "star-filled", e.star = "star", e["success-filled"] = "success-filled", e.success = "success", e.sugar = "sugar", e.sunny = "sunny", e.sunrise = "sunrise", e.sunset = "sunset", e["switch-button"] = "switch-button", e["switch-filled"] = "switch-filled", e.switch = "switch", e["takeaway-box"] = "takeaway-box", e.ticket = "ticket", e.tickets = "tickets", e.time = "time", e.timer = "timer", e["toilet-paper"] = "toilet-paper", e.tools = "tools", e["top-left"] = "top-left", e["top-right"] = "top-right", e.top = "top", e["trend-charts"] = "trend-charts", e["triangle-down"] = "triangle-down", e["trophy-base"] = "trophy-base", e.trophy = "trophy", e["turn-off"] = "turn-off", e.umbrella = "umbrella", e.unlock = "unlock", e["upload-filled"] = "upload-filled", e.upload = "upload", e["user-filled"] = "user-filled", e.user = "user", e.van = "van", e["video-camera"] = "video-camera", e["video-pause"] = "video-pause", e["video-play"] = "video-play", e.video = "video", e.view = "view", e["wallet-filled"] = "wallet-filled", e.wallet = "wallet", e["warn-triangle-filled"] = "warn-triangle-filled", e.warning = "warning", e.watch = "watch", e["wind-power"] = "wind-power", e["zoom-in"] = "zoom-in", e["zoom-out"] = "zoom-out", e))(i || {}), J2 = /* @__PURE__ */ ((e) => (e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(J2 || {}), Q2 = /* @__PURE__ */ ((e) => (e.fill = "fill", e.contain = "contain", e.cover = "cover", e.none = "none", e["scale-down"] = "scale-down", e))(Q2 || {}), ae = /* @__PURE__ */ ((e) => (e.en = "en", e.ru = "ru", e))(ae || {});
+var te = /* @__PURE__ */ ((e) => (e.thick = "thick-component", e.default = "default-height-component", e.thin = "thin-component", e))(te || {}), G2 = /* @__PURE__ */ ((e) => (e.circle = "circle", e.square = "square", e))(G2 || {}), K2 = /* @__PURE__ */ ((e) => (e.ascending = "ascending", e.descending = "descending", e))(K2 || {}), X2 = /* @__PURE__ */ ((e) => (e.row = "row", e.column = "column", e))(X2 || {}), e2 = /* @__PURE__ */ ((e) => (e.inset = "shadow-inset", e.outset = "shadow-outset", e.combined = "shadow-combined", e["not-defined"] = "shadow-not-defined", e))(e2 || {}), t2 = /* @__PURE__ */ ((e) => (e.accent = "accent", e.success = "success", e.error = "error", e.warning = "warning", e))(t2 || {}), i = /* @__PURE__ */ ((e) => (e["add-location"] = "add-location", e.aim = "aim", e["alarm-clock"] = "alarm-clock", e.apple = "apple", e.archive = "archive", e["arrow-down"] = "arrow-down", e["arrow-left"] = "arrow-left", e["arrow-right"] = "arrow-right", e["arrow-up"] = "arrow-up", e.audio = "audio", e.avatar = "avatar", e.back = "back", e["bell-filled"] = "bell-filled", e.bell = "bell", e.bicycle = "bicycle", e["bottom-left"] = "bottom-left", e["bottom-right"] = "bottom-right", e.bottom = "bottom", e.burger = "burger", e.calendar = "calendar", e.camera = "camera", e["caret-bottom"] = "caret-bottom", e["caret-left"] = "caret-left", e["caret-right"] = "caret-right", e["caret-top"] = "caret-top", e.cellphone = "cellphone", e["chat-dot-round"] = "chat-dot-round", e["chat-dot-square"] = "chat-dot-square", e["chat-line-round"] = "chat-line-round", e["chat-line-square"] = "chat-line-square", e["chat-round"] = "chat-round", e["chat-square"] = "chat-square", e.check = "check", e.checked = "checked", e.cherry = "cherry", e["chevron-double-down"] = "chevron-double-down", e["chevron-down"] = "chevron-down", e["chrome-filled"] = "chrome-filled", e["circle-check-filled"] = "circle-check-filled", e["circle-check"] = "circle-check", e["circle-close-filled"] = "circle-close-filled", e["circle-close"] = "circle-close", e["circle-plus-filled"] = "circle-plus-filled", e["circle-plus"] = "circle-plus", e.clock = "clock", e.close = "close", e.cloudy = "cloudy", e.code = "code", e["coffee-cup"] = "coffee-cup", e.coffee = "coffee", e.coin = "coin", e["collection-tag"] = "collection-tag", e.collection = "collection", e.compass = "compass", e.connection = "connection", e.coordinate = "coordinate", e["copy-document"] = "copy-document", e.copy = "copy", e.cpu = "cpu", e["credit-card"] = "credit-card", e.crop = "crop", e.cross = "cross", e["delete-filled"] = "delete-filled", e.delete = "delete", e.dessert = "dessert", e.discount = "discount", e.doc = "doc", e["document-add"] = "document-add", e["document-checked"] = "document-checked", e["document-copy"] = "document-copy", e["document-delete"] = "document-delete", e["document-remove"] = "document-remove", e.document = "document", e.download = "download", e["edit-pen"] = "edit-pen", e.edit = "edit", e.enlarge = "enlarge", e.error = "error", e.expand = "expand", e["eye-blocked"] = "eye-blocked", e.eye = "eye", e.failed = "failed", e.files = "files", e.film = "film", e.filter = "filter", e.finished = "finished", e.flag = "flag", e.fold = "fold", e["folder-add"] = "folder-add", e["folder-checked"] = "folder-checked", e["folder-delete"] = "folder-delete", e["folder-opened"] = "folder-opened", e.folder = "folder", e.food = "food", e["fork-spoon"] = "fork-spoon", e["full-screen"] = "full-screen", e.goblet = "goblet", e["gold-medal"] = "gold-medal", e["goods-filled"] = "goods-filled", e.goods = "goods", e.grape = "grape", e.grid = "grid", e.guide = "guide", e.handbag = "handbag", e.headset = "headset", e.histogram = "histogram", e["hot-water"] = "hot-water", e.house = "house", e["ice-cream-round"] = "ice-cream-round", e["ice-drink"] = "ice-drink", e["info-filled"] = "info-filled", e.info = "info", e.image = "image", e.key = "key", e["knife-fork"] = "knife-fork", e.lightning = "lightning", e.link = "link", e.list = "list", e.loader = "loader", e.loading = "loading", e["location-filled"] = "location-filled", e["location-information"] = "location-information", e.location = "location", e.lock = "lock", e.logo = "logo", e.lollipop = "lollipop", e["magic-stick"] = "magic-stick", e.magnet = "magnet", e.male = "male", e.management = "management", e["map-location"] = "map-location", e.medal = "medal", e.memo = "memo", e.menu = "menu", e["message-box"] = "message-box", e.message = "message", e.mic = "mic", e.microphone = "microphone", e.minus = "minus", e.money = "money", e.monitor = "monitor", e.moon = "moon", e["more-filled"] = "more-filled", e.more = "more", e["mostly-cloudy"] = "mostly-cloudy", e.mouse = "mouse", e.mug = "mug", e["mute-notification"] = "mute-notification", e.mute = "mute", e["no-smoking"] = "no-smoking", e.notebook = "notebook", e.notification = "notification", e["office-building"] = "office-building", e.operation = "operation", e.opportunity = "opportunity", e.orange = "orange", e.paperclip = "paperclip", e["partly-cloudy"] = "partly-cloudy", e.pear = "pear", e["phone-filled"] = "phone-filled", e.phone = "phone", e.picture = "picture", e["pie-chart"] = "pie-chart", e.place = "place", e.platform = "platform", e.plus = "plus", e.pointer = "pointer", e.position = "position", e["post-card"] = "post-card", e.pouring = "pouring", e.present = "present", e["price-tag"] = "price-tag", e.printer = "printer", e.promotion = "promotion", e["quartz-watch"] = "quartz-watch", e["question-filled"] = "question-filled", e.rank = "rank", e["reading-lamp"] = "reading-lamp", e.reading = "reading", e["refresh-left"] = "refresh-left", e["refresh-right"] = "refresh-right", e.refresh = "refresh", e.refrigerator = "refrigerator", e["remove-filled"] = "remove-filled", e.remove = "remove", e["rotate-left"] = "rotate-left", e["rotate-right"] = "rotate-right", e["scale-to-original"] = "scale-to-original", e.school = "school", e.scissor = "scissor", e.search = "search", e.select = "select", e.sell = "sell", e["semi-select"] = "semi-select", e.service = "service", e.setting = "setting", e.share = "share", e.ship = "ship", e.shop = "shop", e["shopping-bag"] = "shopping-bag", e["shopping-cart-full"] = "shopping-cart-full", e["shopping-cart"] = "shopping-cart", e.shrink = "shrink", e.smoking = "smoking", e.soccer = "soccer", e["sold-out"] = "sold-out", e["sort-down"] = "sort-down", e["sort-up"] = "sort-up", e.sort = "sort", e.stamp = "stamp", e["star-filled"] = "star-filled", e.star = "star", e["success-filled"] = "success-filled", e.success = "success", e.sugar = "sugar", e.sunny = "sunny", e.sunrise = "sunrise", e.sunset = "sunset", e["switch-button"] = "switch-button", e["switch-filled"] = "switch-filled", e.switch = "switch", e["takeaway-box"] = "takeaway-box", e.ticket = "ticket", e.tickets = "tickets", e.time = "time", e.timer = "timer", e["toilet-paper"] = "toilet-paper", e.tools = "tools", e["top-left"] = "top-left", e["top-right"] = "top-right", e.top = "top", e["trend-charts"] = "trend-charts", e["triangle-down"] = "triangle-down", e["trophy-base"] = "trophy-base", e.trophy = "trophy", e["turn-off"] = "turn-off", e.umbrella = "umbrella", e.unlock = "unlock", e["upload-filled"] = "upload-filled", e.upload = "upload", e["user-filled"] = "user-filled", e.user = "user", e.van = "van", e["video-camera"] = "video-camera", e["video-pause"] = "video-pause", e["video-play"] = "video-play", e.video = "video", e.view = "view", e["wallet-filled"] = "wallet-filled", e.wallet = "wallet", e["warn-triangle-filled"] = "warn-triangle-filled", e.warning = "warning", e.watch = "watch", e["wind-power"] = "wind-power", e["zoom-in"] = "zoom-in", e["zoom-out"] = "zoom-out", e))(i || {}), J2 = /* @__PURE__ */ ((e) => (e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(J2 || {}), Q2 = /* @__PURE__ */ ((e) => (e.fill = "fill", e.contain = "contain", e.cover = "cover", e.none = "none", e["scale-down"] = "scale-down", e))(Q2 || {}), ae = /* @__PURE__ */ ((e) => (e.en = "en", e.ru = "ru", e))(ae || {});
 const Z2 = (e, t) => {
   const a = t.filter((l) => l !== "false" && l && l !== "undefined").map((l) => `${e}--${l}`);
   return a.push(e), a.join(" ").trim().replace(/\s+/g, " ");
-}, A = (e) => Object.entries(e).map(([t, a]) => Z2(t, a)).join(" ").trim().replace(/\s+/g, " "), Fe = (e) => JSON.parse(JSON.stringify(e)), jx = (e) => {
+}, A = (e) => Object.entries(e).map(([t, a]) => Z2(t, a)).join(" ").trim().replace(/\s+/g, " "), We = (e) => JSON.parse(JSON.stringify(e)), Lx = (e) => {
   if (!e)
     return !1;
   const t = new DOMParser().parseFromString(e, "text/html");
   return Array.from(t.body.childNodes).some((a) => a.nodeType === 1);
-}, pe = () => {
+}, me = () => {
   const e = () => Math.floor((1 + Math.random()) * 65536).toString(16).substring(1);
   return `${e()}${e()}-${e()}-4${e().substr(0, 3)}-${e().substr(0, 1)}${e().substr(1, 3)}-${e()}${e()}${e()}`;
-}, Lx = (e) => e.charAt(0).toUpperCase() + e.slice(1), We = (e) => e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), je = {
+}, Ux = (e) => e.charAt(0).toUpperCase() + e.slice(1), je = (e) => e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), Le = {
   error: {
     bg: "#000000",
     text: "red"
@@ -30,8 +30,8 @@ const Z2 = (e, t) => {
     text: "blue"
   }
 }, N2 = (e, t) => {
-  console.log(`%c ${t} `, `background: ${je[e].bg}; color: ${je[e].text}`);
-}, Ux = (e) => e.replace(/(^\w|-\w)/g, (t) => t.replace(/-/, "").toUpperCase()), Yx = (e) => {
+  console.log(`%c ${t} `, `background: ${Le[e].bg}; color: ${Le[e].text}`);
+}, Yx = (e) => e.replace(/(^\w|-\w)/g, (t) => t.replace(/-/, "").toUpperCase()), Gx = (e) => {
   const t = e.replace(/([A-Z])/g, " $1").trim();
   return t.charAt(0).toUpperCase() + t.slice(1);
 }, I2 = ["disabled", "loading", "type"], et = { key: 1 }, tt = { key: 0 }, j = /* @__PURE__ */ D({
@@ -68,11 +68,11 @@ const Z2 = (e, t) => {
       default: "medium",
       thick: "large"
     }, h = _(() => d[l.height]);
-    return t({ buttonRef: c }), (p, f) => (o(), s("div", {
-      class: z(r.value)
+    return t({ buttonDOMElement: c }), (v, f) => (o(), s("div", {
+      class: V(r.value)
     }, [
       n("button", {
-        ref_key: "buttonRef",
+        ref_key: "buttonDOMElement",
         ref: c,
         class: "nmorph-button__content",
         disabled: l.disabled,
@@ -80,24 +80,24 @@ const Z2 = (e, t) => {
         type: l.type,
         onClick: f[0] || (f[0] = (b) => u("click"))
       }, [
-        l.icon ? (o(), q(v(P), {
+        l.icon ? (o(), q(p(P), {
           key: 0,
           name: l.icon
         }, null, 8, ["name"])) : (o(), s("div", et, [
-          S(p.$slots, "default"),
+          S(v.$slots, "default"),
           !l.loading && l.text !== void 0 ? (o(), s("span", tt, R(l.text), 1)) : O("", !0),
-          l.loading ? (o(), q(v(P), {
+          l.loading ? (o(), q(p(P), {
             key: 1,
             name: "loader",
             size: h.value
           }, null, 8, ["size"])) : O("", !0),
-          S(p.$slots, "append")
+          S(v.$slots, "append")
         ]))
       ], 8, I2)
     ], 2));
   }
 });
-var t2 = /* @__PURE__ */ ((e) => (e.default = "default", e.transparent = "transparent", e))(t2 || {}), n2 = /* @__PURE__ */ ((e) => (e.submit = "submit", e.reset = "reset", e.button = "button", e))(n2 || {}), o2 = /* @__PURE__ */ ((e) => (e.default = "default", e.square = "square", e.round = "round", e.circle = "circle", e))(o2 || {});
+var n2 = /* @__PURE__ */ ((e) => (e.default = "default", e.transparent = "transparent", e))(n2 || {}), o2 = /* @__PURE__ */ ((e) => (e.submit = "submit", e.reset = "reset", e.button = "button", e))(o2 || {}), a2 = /* @__PURE__ */ ((e) => (e.default = "default", e.square = "square", e.round = "round", e.circle = "circle", e))(a2 || {});
 const nt = {
   key: 0,
   class: "nmorph-icon__content"
@@ -127,16 +127,16 @@ const nt = {
       return t.width && (c["--width"] = t.width), t.height && (c["--height"] = t.height), c;
     }), r = _(() => t.color);
     return (c, u) => (o(), s("div", {
-      class: z(a.value),
+      class: V(a.value),
       style: I(l.value)
     }, [
       t.name ? (o(), s("div", nt, [
-        (o(), q(F2(v(s2)[t.name])))
+        (o(), q(F2(p(l2)[t.name])))
       ])) : S(c.$slots, "default", { key: 1 })
     ], 6));
   }
 });
-var a2 = /* @__PURE__ */ ((e) => (e.small = "small", e.medium = "medium", e.large = "large", e))(a2 || {});
+var s2 = /* @__PURE__ */ ((e) => (e.small = "small", e.medium = "medium", e.large = "large", e))(s2 || {});
 const ot = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
@@ -177,15 +177,15 @@ const xt = { render: $t }, yt = {
 function kt(e, t) {
   return o(), s("svg", yt, [...bt]);
 }
-const Ht = { render: kt }, Vt = {
+const Ht = { render: kt }, zt = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 36 32"
-}, zt = /* @__PURE__ */ n("path", { d: "M7 4H1c-.55 0-1 .45-1 1v22c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1m-1 6H2V8h4zM17 4h-6c-.55 0-1 .45-1 1v22c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1m-1 6h-4V8h4z" }, null, -1), Bt = /* @__PURE__ */ n("path", { d: "m23.909 5.546-5.358 2.7a1.003 1.003 0 0 0-.443 1.343l8.999 17.861c.247.491.852.691 1.343.443l5.358-2.7c.491-.247.691-.852.443-1.343L25.252 5.989a1.003 1.003 0 0 0-1.343-.443" }, null, -1), Ct = [
-  zt,
+}, Vt = /* @__PURE__ */ n("path", { d: "M7 4H1c-.55 0-1 .45-1 1v22c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1m-1 6H2V8h4zM17 4h-6c-.55 0-1 .45-1 1v22c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1m-1 6h-4V8h4z" }, null, -1), Bt = /* @__PURE__ */ n("path", { d: "m23.909 5.546-5.358 2.7a1.003 1.003 0 0 0-.443 1.343l8.999 17.861c.247.491.852.691 1.343.443l5.358-2.7c.491-.247.691-.852.443-1.343L25.252 5.989a1.003 1.003 0 0 0-1.343-.443" }, null, -1), Ct = [
+  Vt,
   Bt
 ];
 function St(e, t) {
-  return o(), s("svg", Vt, [...Ct]);
+  return o(), s("svg", zt, [...Ct]);
 }
 const At = { render: St }, Dt = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -271,14 +271,14 @@ const w0 = { render: g0 }, $0 = {
 function k0(e, t) {
   return o(), s("svg", $0, [...b0]);
 }
-const H0 = { render: k0 }, V0 = {
+const H0 = { render: k0 }, z0 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
-}, z0 = /* @__PURE__ */ Qe('<path d="M256 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256m0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384"></path><path d="M288 672h320q32 0 32 32t-32 32H288q-32 0-32-32t32-32"></path><path d="M768 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256m0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384"></path><path d="M480 192a32 32 0 0 1 0-64h160a32 32 0 0 1 31.04 24.256l96 384a32 32 0 0 1-62.08 15.488L615.04 192zM96 384a32 32 0 0 1 0-64h128a32 32 0 0 1 30.336 21.888l64 192a32 32 0 1 1-60.672 20.224L200.96 384z"></path><path d="m373.376 599.808-42.752-47.616 320-288 42.752 47.616z"></path>', 5), B0 = [
-  z0
+}, V0 = /* @__PURE__ */ Ze('<path d="M256 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256m0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384"></path><path d="M288 672h320q32 0 32 32t-32 32H288q-32 0-32-32t32-32"></path><path d="M768 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256m0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384"></path><path d="M480 192a32 32 0 0 1 0-64h160a32 32 0 0 1 31.04 24.256l96 384a32 32 0 0 1-62.08 15.488L615.04 192zM96 384a32 32 0 0 1 0-64h128a32 32 0 0 1 30.336 21.888l64 192a32 32 0 1 1-60.672 20.224L200.96 384z"></path><path d="m373.376 599.808-42.752-47.616 320-288 42.752 47.616z"></path>', 5), B0 = [
+  V0
 ];
 function C0(e, t) {
-  return o(), s("svg", V0, [...B0]);
+  return o(), s("svg", z0, [...B0]);
 }
 const S0 = { render: C0 }, A0 = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -366,13 +366,13 @@ function M1(e, t) {
 const b1 = { render: M1 }, k1 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
-}, H1 = /* @__PURE__ */ n("path", { d: "M512 320 192 704h639.936z" }, null, -1), V1 = [
+}, H1 = /* @__PURE__ */ n("path", { d: "M512 320 192 704h639.936z" }, null, -1), z1 = [
   H1
 ];
-function z1(e, t) {
-  return o(), s("svg", k1, [...V1]);
+function V1(e, t) {
+  return o(), s("svg", k1, [...z1]);
 }
-const B1 = { render: z1 }, C1 = {
+const B1 = { render: V1 }, C1 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 }, S1 = /* @__PURE__ */ n("path", { d: "M256 128a64 64 0 0 0-64 64v640a64 64 0 0 0 64 64h512a64 64 0 0 0 64-64V192a64 64 0 0 0-64-64zm0-64h512a128 128 0 0 1 128 128v640a128 128 0 0 1-128 128H256a128 128 0 0 1-128-128V192A128 128 0 0 1 256 64m128 128h256a32 32 0 1 1 0 64H384a32 32 0 0 1 0-64m128 640a64 64 0 1 1 0-128 64 64 0 0 1 0 128" }, null, -1), A1 = [
@@ -460,11 +460,11 @@ function bn(e, t) {
 const kn = { render: bn }, Hn = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
-}, Vn = /* @__PURE__ */ n("path", { d: "M261.056 449.6c13.824-69.696 34.88-128.96 63.36-177.728 23.744-40.832 61.12-88.64 112.256-143.872H320a32 32 0 0 1 0-64h384a32 32 0 1 1 0 64H554.752c14.912 39.168 41.344 86.592 79.552 141.76 47.36 68.48 84.8 106.752 106.304 114.304a224 224 0 1 1-84.992 14.784c-22.656-22.912-47.04-53.76-73.92-92.608-38.848-56.128-67.008-105.792-84.352-149.312-55.296 58.24-94.528 107.52-117.76 147.2-23.168 39.744-41.088 88.768-53.568 147.072a224.064 224.064 0 1 1-64.96-1.6M288 832a160 160 0 1 0 0-320 160 160 0 0 0 0 320m448-64a160 160 0 1 0 0-320 160 160 0 0 0 0 320" }, null, -1), zn = [
-  Vn
+}, zn = /* @__PURE__ */ n("path", { d: "M261.056 449.6c13.824-69.696 34.88-128.96 63.36-177.728 23.744-40.832 61.12-88.64 112.256-143.872H320a32 32 0 0 1 0-64h384a32 32 0 1 1 0 64H554.752c14.912 39.168 41.344 86.592 79.552 141.76 47.36 68.48 84.8 106.752 106.304 114.304a224 224 0 1 1-84.992 14.784c-22.656-22.912-47.04-53.76-73.92-92.608-38.848-56.128-67.008-105.792-84.352-149.312-55.296 58.24-94.528 107.52-117.76 147.2-23.168 39.744-41.088 88.768-53.568 147.072a224.064 224.064 0 1 1-64.96-1.6M288 832a160 160 0 1 0 0-320 160 160 0 0 0 0 320m448-64a160 160 0 1 0 0-320 160 160 0 0 0 0 320" }, null, -1), Vn = [
+  zn
 ];
 function Bn(e, t) {
-  return o(), s("svg", Hn, [...zn]);
+  return o(), s("svg", Hn, [...Vn]);
 }
 const Cn = { render: Bn }, Sn = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -551,10 +551,10 @@ const xo = { render: $o }, yo = {
   bo,
   ko
 ];
-function Vo(e, t) {
+function zo(e, t) {
   return o(), s("svg", yo, [...Ho]);
 }
-const zo = { render: Vo }, Bo = {
+const Vo = { render: zo }, Bo = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 }, Co = /* @__PURE__ */ n("path", { d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896" }, null, -1), So = /* @__PURE__ */ n("path", { d: "M480 256a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32" }, null, -1), Ao = /* @__PURE__ */ n("path", { d: "M480 512h256q32 0 32 32t-32 32H480q-32 0-32-32t32-32" }, null, -1), Do = [
@@ -643,12 +643,12 @@ function Ma(e, t) {
 const ba = { render: Ma }, ka = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
-}, Ha = /* @__PURE__ */ n("path", { d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896" }, null, -1), Va = /* @__PURE__ */ n("path", { d: "M725.888 315.008C676.48 428.672 624 513.28 568.576 568.64c-55.424 55.424-139.968 107.904-253.568 157.312a12.8 12.8 0 0 1-16.896-16.832c49.536-113.728 102.016-198.272 157.312-253.632 55.36-55.296 139.904-107.776 253.632-157.312a12.8 12.8 0 0 1 16.832 16.832" }, null, -1), za = [
+}, Ha = /* @__PURE__ */ n("path", { d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896" }, null, -1), za = /* @__PURE__ */ n("path", { d: "M725.888 315.008C676.48 428.672 624 513.28 568.576 568.64c-55.424 55.424-139.968 107.904-253.568 157.312a12.8 12.8 0 0 1-16.896-16.832c49.536-113.728 102.016-198.272 157.312-253.632 55.36-55.296 139.904-107.776 253.632-157.312a12.8 12.8 0 0 1 16.832 16.832" }, null, -1), Va = [
   Ha,
-  Va
+  za
 ];
 function Ba(e, t) {
-  return o(), s("svg", ka, [...za]);
+  return o(), s("svg", ka, [...Va]);
 }
 const Ca = { render: Ba }, Sa = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -737,14 +737,14 @@ const ys = { render: xs }, Ms = {
 function Hs(e, t) {
   return o(), s("svg", Ms, [...ks]);
 }
-const Vs = { render: Hs }, zs = {
+const zs = { render: Hs }, Vs = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 }, Bs = /* @__PURE__ */ n("path", { d: "M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32zm448-64v-64H416v64zM224 896h576V256H224zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32m192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32" }, null, -1), Cs = [
   Bs
 ];
 function Ss(e, t) {
-  return o(), s("svg", zs, [...Cs]);
+  return o(), s("svg", Vs, [...Cs]);
 }
 const As = { render: Ss }, Ds = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -831,13 +831,13 @@ function M4(e, t) {
 const b4 = { render: M4 }, k4 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
-}, H4 = /* @__PURE__ */ n("path", { d: "M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64m384-253.696 236.288-236.352 45.248 45.248L508.8 704 192 387.2l45.248-45.248L480 584.704V128h64z" }, null, -1), V4 = [
+}, H4 = /* @__PURE__ */ n("path", { d: "M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64m384-253.696 236.288-236.352 45.248 45.248L508.8 704 192 387.2l45.248-45.248L480 584.704V128h64z" }, null, -1), z4 = [
   H4
 ];
-function z4(e, t) {
-  return o(), s("svg", k4, [...V4]);
+function V4(e, t) {
+  return o(), s("svg", k4, [...z4]);
 }
-const B4 = { render: z4 }, C4 = {
+const B4 = { render: V4 }, C4 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 }, S4 = /* @__PURE__ */ n("path", { d: "m199.04 672.64 193.984 112 224-387.968-193.92-112-224 388.032zm-23.872 60.16 32.896 148.288 144.896-45.696zM455.04 229.248l193.92 112 56.704-98.112-193.984-112zM104.32 708.8l384-665.024 304.768 175.936L409.152 884.8h.064l-248.448 78.336zm384 254.272v-64h448v64z" }, null, -1), A4 = [
@@ -921,14 +921,14 @@ function y3(e, t) {
 const M3 = { render: y3 }, b3 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
-}, k3 = /* @__PURE__ */ n("path", { d: "M160 160v704h704V160zm-32-64h768a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H128a32 32 0 0 1-32-32V128a32 32 0 0 1 32-32" }, null, -1), H3 = /* @__PURE__ */ n("path", { d: "M320 288V128h64v352h256V128h64v160h160v64H704v128h160v64H704v128h160v64H704v160h-64V544H384v352h-64V736H128v-64h192V544H128v-64h192V352H128v-64z" }, null, -1), V3 = [
+}, k3 = /* @__PURE__ */ n("path", { d: "M160 160v704h704V160zm-32-64h768a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H128a32 32 0 0 1-32-32V128a32 32 0 0 1 32-32" }, null, -1), H3 = /* @__PURE__ */ n("path", { d: "M320 288V128h64v352h256V128h64v160h160v64H704v128h160v64H704v128h160v64H704v160h-64V544H384v352h-64V736H128v-64h192V544H128v-64h192V352H128v-64z" }, null, -1), z3 = [
   k3,
   H3
 ];
-function z3(e, t) {
-  return o(), s("svg", b3, [...V3]);
+function V3(e, t) {
+  return o(), s("svg", b3, [...z3]);
 }
-const B3 = { render: z3 }, C3 = {
+const B3 = { render: V3 }, C3 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 }, S3 = /* @__PURE__ */ n("path", { d: "M384 523.392V928a32 32 0 0 0 46.336 28.608l192-96A32 32 0 0 0 640 832V523.392l280.768-343.104a32 32 0 1 0-49.536-40.576l-288 352A32 32 0 0 0 576 512v300.224l-128 64V512a32 32 0 0 0-7.232-20.288L195.52 192H704a32 32 0 1 0 0-64H128a32 32 0 0 0-24.768 52.288z" }, null, -1), A3 = [
@@ -1021,11 +1021,11 @@ function bl(e, t) {
 const kl = { render: bl }, Hl = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
-}, Vl = /* @__PURE__ */ n("path", { d: "M256 410.304V96a32 32 0 0 1 64 0v314.304a96 96 0 0 0 64-90.56V96a32 32 0 0 1 64 0v223.744a160 160 0 0 1-128 156.8V928a32 32 0 1 1-64 0V476.544a160 160 0 0 1-128-156.8V96a32 32 0 0 1 64 0v223.744a96 96 0 0 0 64 90.56M672 572.48C581.184 552.128 512 446.848 512 320c0-141.44 85.952-256 192-256s192 114.56 192 256c0 126.848-69.184 232.128-160 252.48V928a32 32 0 1 1-64 0zM704 512c66.048 0 128-82.56 128-192s-61.952-192-128-192-128 82.56-128 192 61.952 192 128 192" }, null, -1), zl = [
-  Vl
+}, zl = /* @__PURE__ */ n("path", { d: "M256 410.304V96a32 32 0 0 1 64 0v314.304a96 96 0 0 0 64-90.56V96a32 32 0 0 1 64 0v223.744a160 160 0 0 1-128 156.8V928a32 32 0 1 1-64 0V476.544a160 160 0 0 1-128-156.8V96a32 32 0 0 1 64 0v223.744a96 96 0 0 0 64 90.56M672 572.48C581.184 552.128 512 446.848 512 320c0-141.44 85.952-256 192-256s192 114.56 192 256c0 126.848-69.184 232.128-160 252.48V928a32 32 0 1 1-64 0zM704 512c66.048 0 128-82.56 128-192s-61.952-192-128-192-128 82.56-128 192 61.952 192 128 192" }, null, -1), Vl = [
+  zl
 ];
 function Bl(e, t) {
-  return o(), s("svg", Hl, [...zl]);
+  return o(), s("svg", Hl, [...Vl]);
 }
 const Cl = { render: Bl }, Sl = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -1118,10 +1118,10 @@ const M6 = { render: y6 }, b6 = {
 }, k6 = /* @__PURE__ */ n("path", { d: "M896 529.152V512a384 384 0 1 0-768 0v17.152A128 128 0 0 1 320 640v128a128 128 0 1 1-256 0V512a448 448 0 1 1 896 0v256a128 128 0 1 1-256 0V640a128 128 0 0 1 192-110.848M896 640a64 64 0 0 0-128 0v128a64 64 0 0 0 128 0zm-768 0v128a64 64 0 0 0 128 0V640a64 64 0 1 0-128 0" }, null, -1), H6 = [
   k6
 ];
-function V6(e, t) {
+function z6(e, t) {
   return o(), s("svg", b6, [...H6]);
 }
-const z6 = { render: V6 }, B6 = {
+const V6 = { render: z6 }, B6 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 }, C6 = /* @__PURE__ */ n("path", { d: "M416 896V128h192v768zm-288 0V448h192v448zm576 0V320h192v576z" }, null, -1), S6 = [
@@ -1218,15 +1218,15 @@ const xr = { render: $r }, yr = {
 function kr(e, t) {
   return o(), s("svg", yr, [...br]);
 }
-const Hr = { render: kr }, Vr = {
+const Hr = { render: kr }, zr = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
-}, zr = /* @__PURE__ */ n("path", { d: "M288 671.36v64.128A239.81 239.81 0 0 1 63.744 496.192a240.32 240.32 0 0 1 199.488-236.8 256.128 256.128 0 0 1 487.872-30.976A256.064 256.064 0 0 1 736 734.016v-64.768a192 192 0 0 0 3.328-377.92l-35.2-6.592-12.8-33.408a192.064 192.064 0 0 0-365.952 23.232l-9.92 40.896-41.472 7.04a176.32 176.32 0 0 0-146.24 173.568c0 91.968 70.464 167.36 160.256 175.232z" }, null, -1), Br = /* @__PURE__ */ n("path", { d: "M416 736a32 32 0 0 1-27.776-47.872l128-224a32 32 0 1 1 55.552 31.744L471.168 672H608a32 32 0 0 1 27.776 47.872l-128 224a32 32 0 1 1-55.68-31.744L552.96 736z" }, null, -1), Cr = [
-  zr,
+}, Vr = /* @__PURE__ */ n("path", { d: "M288 671.36v64.128A239.81 239.81 0 0 1 63.744 496.192a240.32 240.32 0 0 1 199.488-236.8 256.128 256.128 0 0 1 487.872-30.976A256.064 256.064 0 0 1 736 734.016v-64.768a192 192 0 0 0 3.328-377.92l-35.2-6.592-12.8-33.408a192.064 192.064 0 0 0-365.952 23.232l-9.92 40.896-41.472 7.04a176.32 176.32 0 0 0-146.24 173.568c0 91.968 70.464 167.36 160.256 175.232z" }, null, -1), Br = /* @__PURE__ */ n("path", { d: "M416 736a32 32 0 0 1-27.776-47.872l128-224a32 32 0 1 1 55.552 31.744L471.168 672H608a32 32 0 0 1 27.776 47.872l-128 224a32 32 0 1 1-55.68-31.744L552.96 736z" }, null, -1), Cr = [
+  Vr,
   Br
 ];
 function Sr(e, t) {
-  return o(), s("svg", Vr, [...Cr]);
+  return o(), s("svg", zr, [...Cr]);
 }
 const Ar = { render: Sr }, Dr = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -1250,7 +1250,7 @@ const jr = { render: Wr }, Lr = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 100 100"
-}, Ur = /* @__PURE__ */ Qe('<g transform="translate(50 50)"><circle cy="-30" r="5"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="21.21" cy="-21.21" r="5" opacity=".875"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="30" r="5" opacity=".75"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="21.21" cy="21.21" r="5" opacity=".625"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cy="30" r="5" opacity=".5"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="-21.21" cy="21.21" r="5" opacity=".375"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="-30" r="5" opacity=".25"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="-21.21" cy="-21.21" r="5" opacity=".125"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle></g>', 1), Yr = [
+}, Ur = /* @__PURE__ */ Ze('<g transform="translate(50 50)"><circle cy="-30" r="5"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="21.21" cy="-21.21" r="5" opacity=".875"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="30" r="5" opacity=".75"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="21.21" cy="21.21" r="5" opacity=".625"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cy="30" r="5" opacity=".5"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="-21.21" cy="21.21" r="5" opacity=".375"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="-30" r="5" opacity=".25"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="-21.21" cy="-21.21" r="5" opacity=".125"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle></g>', 1), Yr = [
   Ur
 ];
 function Gr(e, t) {
@@ -1333,10 +1333,10 @@ const yc = { render: xc }, Mc = {
   bc,
   kc
 ];
-function Vc(e, t) {
+function zc(e, t) {
   return o(), s("svg", Mc, [...Hc]);
 }
-const zc = { render: Vc }, Bc = {
+const Vc = { render: zc }, Bc = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 }, Cc = /* @__PURE__ */ n("path", { d: "M513.28 448a64 64 0 1 1 76.544 49.728A96 96 0 0 0 768 448h64a160 160 0 0 1-320 0zm-126.976-29.696a256 256 0 1 0 43.52-180.48A256 256 0 0 1 832 448h-64a192 192 0 0 0-381.696-29.696m105.664 249.472L285.696 874.048a96 96 0 0 1-135.68-135.744l206.208-206.272a320 320 0 1 1 135.744 135.744m-54.464-36.032a322 322 0 0 1-45.248-45.248L195.2 783.552a32 32 0 1 0 45.248 45.248l197.056-197.12z" }, null, -1), Sc = [
@@ -1427,11 +1427,11 @@ function b8(e, t) {
 const k8 = { render: b8 }, H8 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
-}, V8 = /* @__PURE__ */ n("path", { d: "M288 384h448v64H288zm96-128h256v64H384zM131.456 512H384v128h256V512h252.544L721.856 192H302.144zM896 576H704v128H320V576H128v256h768zM275.776 128h472.448a32 32 0 0 1 28.608 17.664l179.84 359.552A32 32 0 0 1 960 519.552V864a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V519.552a32 32 0 0 1 3.392-14.336l179.776-359.552A32 32 0 0 1 275.776 128" }, null, -1), z8 = [
-  V8
+}, z8 = /* @__PURE__ */ n("path", { d: "M288 384h448v64H288zm96-128h256v64H384zM131.456 512H384v128h256V512h252.544L721.856 192H302.144zM896 576H704v128H320V576H128v256h768zM275.776 128h472.448a32 32 0 0 1 28.608 17.664l179.84 359.552A32 32 0 0 1 960 519.552V864a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V519.552a32 32 0 0 1 3.392-14.336l179.776-359.552A32 32 0 0 1 275.776 128" }, null, -1), V8 = [
+  z8
 ];
 function B8(e, t) {
-  return o(), s("svg", H8, [...z8]);
+  return o(), s("svg", H8, [...V8]);
 }
 const C8 = { render: B8 }, S8 = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -1520,13 +1520,13 @@ function Mi(e, t) {
 const bi = { render: Mi }, ki = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
-}, Hi = /* @__PURE__ */ n("path", { d: "M737.216 357.952 704 349.824l-11.776-32a192.064 192.064 0 0 0-367.424 23.04l-8.96 39.04-39.04 8.96A192.064 192.064 0 0 0 320 768h368a207.81 207.81 0 0 0 207.808-208 208.32 208.32 0 0 0-158.592-202.048m15.168-62.208A272.32 272.32 0 0 1 959.744 560a271.81 271.81 0 0 1-271.552 272H320a256 256 0 0 1-57.536-505.536 256.128 256.128 0 0 1 489.92-30.72" }, null, -1), Vi = [
+}, Hi = /* @__PURE__ */ n("path", { d: "M737.216 357.952 704 349.824l-11.776-32a192.064 192.064 0 0 0-367.424 23.04l-8.96 39.04-39.04 8.96A192.064 192.064 0 0 0 320 768h368a207.81 207.81 0 0 0 207.808-208 208.32 208.32 0 0 0-158.592-202.048m15.168-62.208A272.32 272.32 0 0 1 959.744 560a271.81 271.81 0 0 1-271.552 272H320a256 256 0 0 1-57.536-505.536 256.128 256.128 0 0 1 489.92-30.72" }, null, -1), zi = [
   Hi
 ];
-function zi(e, t) {
-  return o(), s("svg", ki, [...Vi]);
+function Vi(e, t) {
+  return o(), s("svg", ki, [...zi]);
 }
-const Bi = { render: zi }, Ci = {
+const Bi = { render: Vi }, Ci = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 }, Si = /* @__PURE__ */ n("path", { d: "M438.144 256c-68.352 0-92.736 4.672-117.76 18.112q-30.144 16.128-46.272 46.272C260.672 345.408 256 369.792 256 438.144v275.712c0 68.352 4.672 92.736 18.112 117.76q16.128 30.144 46.272 46.272C345.408 891.328 369.792 896 438.144 896h147.712c68.352 0 92.736-4.672 117.76-18.112q30.144-16.128 46.272-46.272C763.328 806.592 768 782.208 768 713.856V438.144c0-68.352-4.672-92.736-18.112-117.76a110.46 110.46 0 0 0-46.272-46.272C678.592 260.672 654.208 256 585.856 256zm0-64h147.712c85.568 0 116.608 8.96 147.904 25.6 31.36 16.768 55.872 41.344 72.576 72.64C823.104 321.536 832 352.576 832 438.08v275.84c0 85.504-8.96 116.544-25.6 147.84a174.46 174.46 0 0 1-72.64 72.576C702.464 951.104 671.424 960 585.92 960H438.08c-85.504 0-116.544-8.96-147.84-25.6a174.46 174.46 0 0 1-72.64-72.704c-16.768-31.296-25.664-62.336-25.664-147.84v-275.84c0-85.504 8.96-116.544 25.6-147.84a174.46 174.46 0 0 1 72.768-72.576c31.232-16.704 62.272-25.6 147.776-25.6z" }, null, -1), Ai = /* @__PURE__ */ n("path", { d: "M512 320q32 0 32 32v128q0 32-32 32t-32-32V352q0-32 32-32m32-96a32 32 0 0 1-64 0v-64a32 32 0 0 0-32-32h-96a32 32 0 0 1 0-64h96a96 96 0 0 1 96 96z" }, null, -1), Di = [
@@ -1614,14 +1614,14 @@ const yd = { render: xd }, Md = {
 function Hd(e, t) {
   return o(), s("svg", Md, [...kd]);
 }
-const Vd = { render: Hd }, zd = {
+const zd = { render: Hd }, Vd = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 }, Bd = /* @__PURE__ */ n("path", { d: "M384 960v-64h192.064v64zm448-544a350.66 350.66 0 0 1-128.32 271.424C665.344 719.04 640 763.776 640 813.504V832H320v-14.336c0-48-19.392-95.36-57.216-124.992a351.55 351.55 0 0 1-128.448-344.256c25.344-136.448 133.888-248.128 269.76-276.48A352.384 352.384 0 0 1 832 416m-544 32c0-132.288 75.904-224 192-224v-64c-154.432 0-256 122.752-256 288z" }, null, -1), Cd = [
   Bd
 ];
 function Sd(e, t) {
-  return o(), s("svg", zd, [...Cd]);
+  return o(), s("svg", Vd, [...Cd]);
 }
 const Ad = { render: Sd }, Dd = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -1706,10 +1706,10 @@ const xu = { render: $u }, yu = {
   bu,
   ku
 ];
-function Vu(e, t) {
+function zu(e, t) {
   return o(), s("svg", yu, [...Hu]);
 }
-const zu = { render: Vu }, Bu = {
+const Vu = { render: zu }, Bu = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 }, Cu = /* @__PURE__ */ n("path", { d: "M448 832v-64h128v64h192v64H256v-64zM128 704V128h768v576z" }, null, -1), Su = [
@@ -1798,13 +1798,13 @@ function Mh(e, t) {
 const bh = { render: Mh }, kh = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
-}, Hh = /* @__PURE__ */ n("path", { d: "m64 448 832-320-128 704-446.08-243.328L832 192 242.816 545.472zm256 512V657.024L512 768z" }, null, -1), Vh = [
+}, Hh = /* @__PURE__ */ n("path", { d: "m64 448 832-320-128 704-446.08-243.328L832 192 242.816 545.472zm256 512V657.024L512 768z" }, null, -1), zh = [
   Hh
 ];
-function zh(e, t) {
-  return o(), s("svg", kh, [...Vh]);
+function Vh(e, t) {
+  return o(), s("svg", kh, [...zh]);
 }
-const Bh = { render: zh }, Ch = {
+const Bh = { render: Vh }, Ch = {
   xmlns: "http://www.w3.org/2000/svg",
   "xml:space": "preserve",
   viewBox: "0 0 1024 1024"
@@ -1893,13 +1893,13 @@ function M5(e, t) {
 const b5 = { render: M5 }, k5 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
-}, H5 = /* @__PURE__ */ n("path", { d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896M288 512a38.4 38.4 0 0 0 38.4 38.4h371.2a38.4 38.4 0 0 0 0-76.8H326.4A38.4 38.4 0 0 0 288 512" }, null, -1), V5 = [
+}, H5 = /* @__PURE__ */ n("path", { d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896M288 512a38.4 38.4 0 0 0 38.4 38.4h371.2a38.4 38.4 0 0 0 0-76.8H326.4A38.4 38.4 0 0 0 288 512" }, null, -1), z5 = [
   H5
 ];
-function z5(e, t) {
-  return o(), s("svg", k5, [...V5]);
+function V5(e, t) {
+  return o(), s("svg", k5, [...z5]);
 }
-const B5 = { render: z5 }, C5 = {
+const B5 = { render: V5 }, C5 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 }, S5 = /* @__PURE__ */ n("path", { d: "M352 480h320a32 32 0 1 1 0 64H352a32 32 0 0 1 0-64" }, null, -1), A5 = /* @__PURE__ */ n("path", { d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896" }, null, -1), D5 = [
@@ -1983,10 +1983,10 @@ const M_ = { render: y_ }, b_ = {
 }, k_ = /* @__PURE__ */ n("path", { d: "M704 288h131.072a32 32 0 0 1 31.808 28.8L886.4 512h-64.384l-16-160H704v96a32 32 0 1 1-64 0v-96H384v96a32 32 0 0 1-64 0v-96H217.92l-51.2 512H512v64H131.328a32 32 0 0 1-31.808-35.2l57.6-576a32 32 0 0 1 31.808-28.8H320v-22.336C320 154.688 405.504 64 512 64s192 90.688 192 201.664v22.4zm-64 0v-22.336C640 189.248 582.272 128 512 128s-128 61.248-128 137.664v22.4h256zm201.408 483.84L768 698.496V928a32 32 0 1 1-64 0V698.496l-73.344 73.344a32 32 0 1 1-45.248-45.248l128-128a32 32 0 0 1 45.248 0l128 128a32 32 0 1 1-45.248 45.248" }, null, -1), H_ = [
   k_
 ];
-function V_(e, t) {
+function z_(e, t) {
   return o(), s("svg", b_, [...H_]);
 }
-const z_ = { render: V_ }, B_ = {
+const V_ = { render: z_ }, B_ = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 }, C_ = /* @__PURE__ */ n("path", { d: "M128 448h768q64 0 64 64t-64 64H128q-64 0-64-64t64-64" }, null, -1), S_ = [
@@ -2075,15 +2075,15 @@ const x9 = { render: $9 }, y9 = { viewBox: "0 0 32 32" }, M9 = /* @__PURE__ */ n
 function k9(e, t) {
   return o(), s("svg", y9, [...b9]);
 }
-const H9 = { render: k9 }, V9 = {
+const H9 = { render: k9 }, z9 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
-}, z9 = /* @__PURE__ */ n("path", { d: "M256 576v128h640V576zm-32-64h704a32 32 0 0 1 32 32v192a32 32 0 0 1-32 32H224a32 32 0 0 1-32-32V544a32 32 0 0 1 32-32" }, null, -1), B9 = /* @__PURE__ */ n("path", { d: "M704 576h64v128h-64zM256 64h64v320h-64zM128 192h64v192h-64zM64 512h64v256H64z" }, null, -1), C9 = [
-  z9,
+}, V9 = /* @__PURE__ */ n("path", { d: "M256 576v128h640V576zm-32-64h704a32 32 0 0 1 32 32v192a32 32 0 0 1-32 32H224a32 32 0 0 1-32-32V544a32 32 0 0 1 32-32" }, null, -1), B9 = /* @__PURE__ */ n("path", { d: "M704 576h64v128h-64zM256 64h64v320h-64zM128 192h64v192h-64zM64 512h64v256H64z" }, null, -1), C9 = [
+  V9,
   B9
 ];
 function S9(e, t) {
-  return o(), s("svg", V9, [...C9]);
+  return o(), s("svg", z9, [...C9]);
 }
 const A9 = { render: S9 }, D9 = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -2172,10 +2172,10 @@ const Mv = { render: yv }, bv = {
 }, kv = /* @__PURE__ */ n("path", { d: "M27 4 12 19l-7-7-5 5 12 12L32 9z" }, null, -1), Hv = [
   kv
 ];
-function Vv(e, t) {
+function zv(e, t) {
   return o(), s("svg", bv, [...Hv]);
 }
-const zv = { render: Vv }, Bv = {
+const Vv = { render: zv }, Bv = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 }, Cv = /* @__PURE__ */ n("path", { d: "m801.728 349.184 4.48 4.48a128 128 0 0 1 0 180.992L534.656 806.144a128 128 0 0 1-181.056 0l-4.48-4.48-19.392 109.696a64 64 0 0 1-108.288 34.176L78.464 802.56a64 64 0 0 1 34.176-108.288l109.76-19.328-4.544-4.544a128 128 0 0 1 0-181.056l271.488-271.488a128 128 0 0 1 181.056 0l4.48 4.48 19.392-109.504a64 64 0 0 1 108.352-34.048l142.592 143.04a64 64 0 0 1-34.24 108.16zm-548.8 198.72h447.168v2.24l60.8-60.8a63.8 63.8 0 0 0 18.752-44.416h-426.88l-89.664 89.728a64 64 0 0 0-10.24 13.248zm0 64q4.128 7.104 10.176 13.248l135.744 135.744a64 64 0 0 0 90.496 0L638.4 611.904zm490.048-230.976L625.152 263.104a64 64 0 0 0-90.496 0L416.768 380.928zM123.712 757.312l142.976 142.976 24.32-137.6a25.6 25.6 0 0 0-29.696-29.632zm633.6-633.344-24.32 137.472a25.6 25.6 0 0 0 29.632 29.632l137.28-24.064-142.656-143.04z" }, null, -1), Sv = [
@@ -2268,11 +2268,11 @@ const xp = { render: $p }, yp = {
 function kp(e, t) {
   return o(), s("svg", yp, [...bp]);
 }
-const Hp = { render: kp }, Vp = { viewBox: "0 0 32 32" }, zp = /* @__PURE__ */ n("path", { d: "M20.586 23.414 14 16.828V8h4v7.172l5.414 5.414zM16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16S24.837 0 16 0m0 28C9.373 28 4 22.627 4 16S9.373 4 16 4s12 5.373 12 12-5.373 12-12 12" }, null, -1), Bp = [
-  zp
+const Hp = { render: kp }, zp = { viewBox: "0 0 32 32" }, Vp = /* @__PURE__ */ n("path", { d: "M20.586 23.414 14 16.828V8h4v7.172l5.414 5.414zM16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16S24.837 0 16 0m0 28C9.373 28 4 22.627 4 16S9.373 4 16 4s12 5.373 12 12-5.373 12-12 12" }, null, -1), Bp = [
+  Vp
 ];
 function Cp(e, t) {
-  return o(), s("svg", Vp, [...Bp]);
+  return o(), s("svg", zp, [...Bp]);
 }
 const Sp = { render: Cp }, Ap = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -2361,14 +2361,14 @@ const y7 = { render: x7 }, M7 = {
 function H7(e, t) {
   return o(), s("svg", M7, [...k7]);
 }
-const V7 = { render: H7 }, z7 = {
+const z7 = { render: H7 }, V7 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 }, B7 = /* @__PURE__ */ n("path", { d: "M480 896V702.08A256.26 256.26 0 0 1 264.064 512h-32.64a96 96 0 0 1-91.968-68.416L93.632 290.88a76.8 76.8 0 0 1 73.6-98.88H256V96a32 32 0 0 1 32-32h448a32 32 0 0 1 32 32v96h88.768a76.8 76.8 0 0 1 73.6 98.88L884.48 443.52A96 96 0 0 1 792.576 512h-32.64A256.26 256.26 0 0 1 544 702.08V896h128a32 32 0 1 1 0 64H352a32 32 0 1 1 0-64zm224-448V128H320v320a192 192 0 1 0 384 0m64 0h24.576a32 32 0 0 0 30.656-22.784l45.824-152.768A12.8 12.8 0 0 0 856.768 256H768zm-512 0V256h-88.768a12.8 12.8 0 0 0-12.288 16.448l45.824 152.768A32 32 0 0 0 231.424 448z" }, null, -1), C7 = [
   B7
 ];
 function S7(e, t) {
-  return o(), s("svg", z7, [...C7]);
+  return o(), s("svg", V7, [...C7]);
 }
 const A7 = { render: S7 }, D7 = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -2453,16 +2453,16 @@ const $m = { render: wm }, xm = {
 function bm(e, t) {
   return o(), s("svg", xm, [...Mm]);
 }
-const Le = { render: bm }, km = {
+const Ue = { render: bm }, km = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
-}, Hm = /* @__PURE__ */ n("path", { d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 832a384 384 0 0 0 0-768 384 384 0 0 0 0 768m-96-544q32 0 32 32v256q0 32-32 32t-32-32V384q0-32 32-32m192 0q32 0 32 32v256q0 32-32 32t-32-32V384q0-32 32-32" }, null, -1), Vm = [
+}, Hm = /* @__PURE__ */ n("path", { d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 832a384 384 0 0 0 0-768 384 384 0 0 0 0 768m-96-544q32 0 32 32v256q0 32-32 32t-32-32V384q0-32 32-32m192 0q32 0 32 32v256q0 32-32 32t-32-32V384q0-32 32-32" }, null, -1), zm = [
   Hm
 ];
-function zm(e, t) {
-  return o(), s("svg", km, [...Vm]);
+function Vm(e, t) {
+  return o(), s("svg", km, [...zm]);
 }
-const Bm = { render: zm }, Cm = {
+const Bm = { render: Vm }, Cm = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 }, Sm = /* @__PURE__ */ n("path", { d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 832a384 384 0 0 0 0-768 384 384 0 0 0 0 768m-48-247.616L668.608 512 464 375.616zm10.624-342.656 249.472 166.336a48 48 0 0 1 0 79.872L474.624 718.272A48 48 0 0 1 400 678.336V345.6a48 48 0 0 1 74.624-39.936z" }, null, -1), Am = [
@@ -2547,13 +2547,13 @@ const yf = { render: xf }, Mf = { viewBox: "0 0 32 32" }, bf = /* @__PURE__ */ n
 function Hf(e, t) {
   return o(), s("svg", Mf, [...kf]);
 }
-const Vf = { render: Hf }, zf = { viewBox: "0 0 32 32" }, Bf = /* @__PURE__ */ n("path", { d: "m31.008 27.231-7.58-6.447c-.784-.705-1.622-1.029-2.299-.998a11.95 11.95 0 0 0 2.87-7.787c0-6.627-5.373-12-12-12s-12 5.373-12 12 5.373 12 12 12c2.972 0 5.691-1.081 7.787-2.87-.031.677.293 1.515.998 2.299l6.447 7.58c1.104 1.226 2.907 1.33 4.007.23s.997-2.903-.23-4.007M12 20a8 8 0 1 1 0-16 8 8 0 0 1 0 16M6 10h12v4H6z" }, null, -1), Cf = [
+const zf = { render: Hf }, Vf = { viewBox: "0 0 32 32" }, Bf = /* @__PURE__ */ n("path", { d: "m31.008 27.231-7.58-6.447c-.784-.705-1.622-1.029-2.299-.998a11.95 11.95 0 0 0 2.87-7.787c0-6.627-5.373-12-12-12s-12 5.373-12 12 5.373 12 12 12c2.972 0 5.691-1.081 7.787-2.87-.031.677.293 1.515.998 2.299l6.447 7.58c1.104 1.226 2.907 1.33 4.007.23s.997-2.903-.23-4.007M12 20a8 8 0 1 1 0-16 8 8 0 0 1 0 16M6 10h12v4H6z" }, null, -1), Cf = [
   Bf
 ];
 function Sf(e, t) {
-  return o(), s("svg", zf, [...Cf]);
+  return o(), s("svg", Vf, [...Cf]);
 }
-const Af = { render: Sf }, s2 = {
+const Af = { render: Sf }, l2 = {
   [i["add-location"]]: it,
   [i.aim]: pt,
   [i["alarm-clock"]]: xt,
@@ -2597,7 +2597,7 @@ const Af = { render: Sf }, s2 = {
   [i["circle-close-filled"]]: io,
   [i["circle-close"]]: mo,
   [i["circle-plus-filled"]]: xo,
-  [i["circle-plus"]]: zo,
+  [i["circle-plus"]]: Vo,
   [i.clock]: Oo,
   [i.close]: Fo,
   [i.cloudy]: Yo,
@@ -2616,7 +2616,7 @@ const Af = { render: Sf }, s2 = {
   [i["credit-card"]]: us,
   [i.crop]: fs,
   [i.cross]: ys,
-  [i["delete-filled"]]: Vs,
+  [i["delete-filled"]]: zs,
   [i.delete]: As,
   [i.dessert]: qs,
   [i.discount]: Ls,
@@ -2658,7 +2658,7 @@ const Af = { render: Sf }, s2 = {
   [i.grid]: h6,
   [i.guide]: g6,
   [i.handbag]: M6,
-  [i.headset]: z6,
+  [i.headset]: V6,
   [i.histogram]: D6,
   [i["hot-water"]]: E6,
   [i.house]: L6,
@@ -2678,7 +2678,7 @@ const Af = { render: Sf }, s2 = {
   [i["location-information"]]: dc,
   [i.logo]: mc,
   [i.location]: yc,
-  [i.lock]: zc,
+  [i.lock]: Vc,
   [i.lollipop]: Dc,
   [i["magic-stick"]]: Ec,
   [i.magnet]: Lc,
@@ -2707,7 +2707,7 @@ const Af = { render: Sf }, s2 = {
   [i.notebook]: id,
   [i.notification]: pd,
   [i["office-building"]]: yd,
-  [i.operation]: Vd,
+  [i.operation]: zd,
   [i.opportunity]: Ad,
   [i.orange]: qd,
   [i.paperclip]: jd,
@@ -2717,7 +2717,7 @@ const Af = { render: Sf }, s2 = {
   [i.phone]: iu,
   [i.picture]: pu,
   [i["pie-chart"]]: xu,
-  [i.place]: zu,
+  [i.place]: Vu,
   [i.platform]: Du,
   [i.plus]: Eu,
   [i.pointer]: Lu,
@@ -2747,7 +2747,7 @@ const Af = { render: Sf }, s2 = {
   [i.scissor]: __,
   [i.search]: g_,
   [i.select]: M_,
-  [i.sell]: z_,
+  [i.sell]: V_,
   [i["semi-select"]]: D_,
   [i.service]: E_,
   [i.setting]: L_,
@@ -2768,7 +2768,7 @@ const Af = { render: Sf }, s2 = {
   [i["star-filled"]]: _v,
   [i.star]: gv,
   [i["success-filled"]]: Mv,
-  [i.success]: zv,
+  [i.success]: Vv,
   [i.sugar]: Dv,
   [i.sunny]: Ev,
   [i.sunrise]: Lv,
@@ -2788,7 +2788,7 @@ const Af = { render: Sf }, s2 = {
   [i.top]: h7,
   [i["trend-charts"]]: f7,
   [i["triangle-down"]]: y7,
-  [i["trophy-base"]]: V7,
+  [i["trophy-base"]]: z7,
   [i.trophy]: A7,
   [i["turn-off"]]: E7,
   [i.umbrella]: L7,
@@ -2798,23 +2798,23 @@ const Af = { render: Sf }, s2 = {
   [i["user-filled"]]: dm,
   [i.user]: pm,
   [i.van]: $m,
-  [i["video-camera"]]: Le,
+  [i["video-camera"]]: Ue,
   [i["video-pause"]]: Bm,
   [i["video-play"]]: Tm,
   [i.video]: Fm,
-  [i.view]: Le,
+  [i.view]: Ue,
   [i["wallet-filled"]]: Ym,
   [i.wallet]: Nm,
   [i["warn-triangle-filled"]]: of,
   [i.warning]: df,
   [i.watch]: ff,
   [i["wind-power"]]: yf,
-  [i["zoom-in"]]: Vf,
+  [i["zoom-in"]]: zf,
   [i["zoom-out"]]: Af
 }, Df = ["href", "target"], Tf = /* @__PURE__ */ D({
   __name: "NmorphLink",
   props: {
-    type: { default: e2.accent },
+    type: { default: t2.accent },
     underline: { type: Boolean, default: !1 },
     href: { default: "" },
     text: { default: "" },
@@ -2829,7 +2829,7 @@ const Af = { render: Sf }, s2 = {
       })
     );
     return (l, r) => (o(), s("div", {
-      class: z(a.value)
+      class: V(a.value)
     }, [
       n("a", {
         href: t.href,
@@ -2837,7 +2837,7 @@ const Af = { render: Sf }, s2 = {
       }, [
         S(l.$slots, "prepend"),
         ee(" " + R(l.text) + " ", 1),
-        l.iconName ? (o(), q(v(P), {
+        l.iconName ? (o(), q(p(P), {
           key: 0,
           class: "nmorph-link__icon",
           name: t.iconName,
@@ -2849,7 +2849,7 @@ const Af = { render: Sf }, s2 = {
     ], 2));
   }
 });
-var l2 = /* @__PURE__ */ ((e) => (e.self = "_self", e.blank = "_blank", e.parent = "_parent", e.top = "_top", e))(l2 || {});
+var r2 = /* @__PURE__ */ ((e) => (e.self = "_self", e.blank = "_blank", e.parent = "_parent", e.top = "_top", e))(r2 || {});
 const Of = /* @__PURE__ */ D({
   __name: "NmorphScroll",
   props: {
@@ -2872,20 +2872,20 @@ const Of = /* @__PURE__ */ D({
     ariaLabel: {},
     ariaOrientation: {}
   },
-  emits: ["on-scroll", "update:modelValue", "on-scroll-end"],
+  emits: ["on-scroll", "update:model-value", "on-scroll-end"],
   setup(e, { expose: t, emit: a }) {
     Z((ne) => ({
-      "135a7a5a": L.value,
-      dc2ef8e8: J.value,
-      "6082e50a": x.value,
-      d6325606: y.value,
-      cae26f12: u.value,
-      cae26f10: c.value,
-      "3b6328fe": X.value,
-      "6bd9d972": $.value,
-      "14db4a0a": g.value
+      "616ac766": L.value,
+      "3eb1ffd9": J.value,
+      "68ca2cc6": x.value,
+      e6613a6c: y.value,
+      "475844c4": u.value,
+      "475844c5": c.value,
+      "408c54d1": X.value,
+      ba0dc0f6: $.value,
+      bb485170: g.value
     }));
-    const l = e, r = w(null), c = _(() => l.scrollYProp), u = _(() => l.scrollXProp), d = w(!1), h = w(!1), p = () => {
+    const l = e, r = w(null), c = _(() => l.scrollYProp), u = _(() => l.scrollXProp), d = w(!1), h = w(!1), v = () => {
       d.value = r.value?.scrollHeight > r.value?.clientHeight, h.value = r.value?.scrollWidth > r.value?.clientWidth;
     }, f = _(() => l.yBarWidthInPx + l.yGapInPx), b = _(() => l.xBarWidthInPx + l.xGapInPx), x = _(
       () => l.scrollYProp === "hidden" || !d.value ? "0" : `${f.value}px`
@@ -2894,8 +2894,8 @@ const Of = /* @__PURE__ */ D({
     ), $ = _(() => `${l.yBarWidthInPx}px`), g = _(() => `${l.xBarWidthInPx}px`), M = Q("nmorph");
     let m;
     const H = a, C = () => {
-      const ne = Math.trunc(r.value?.scrollLeft), me = Math.trunc(r.value?.scrollTop);
-      H("update:modelValue", { x: ne, y: me });
+      const ne = Math.trunc(r.value?.scrollLeft), fe = Math.trunc(r.value?.scrollTop);
+      H("update:model-value", { x: ne, y: fe });
     }, T = () => {
       H("on-scroll-end");
     }, B = (ne) => {
@@ -2906,54 +2906,54 @@ const Of = /* @__PURE__ */ D({
     ye(() => {
       m !== void 0 && clearTimeout(m);
     });
-    const V = w(!1), W = _(
+    const z = w(!1), W = _(
       () => A({
         "nmorph-scroll": []
       })
     ), F = (ne) => {
-      const { x: me, y: R2 } = ne;
+      const { x: fe, y: R2 } = ne;
       r.value?.scrollTo({
-        left: me,
+        left: fe,
         top: R2,
         behavior: "smooth"
       });
     };
     K(() => {
-      F(l.modelValue), he(p);
-    }), U(
+      F(l.modelValue), he(v);
+    }), G(
       () => l.modelValue,
       (ne) => {
         F(ne);
       },
       { deep: !0, immediate: !0 }
-    ), U(
+    ), G(
       () => M?.browser.dimensions,
       () => {
-        he(p);
+        he(v);
       },
       { deep: !0, immediate: !0 }
     );
-    const X = _(() => l.cssScrollBehavior), L = _(() => l.height), J = _(() => l.maxHeight), se = Hw(l);
+    const X = _(() => l.cssScrollBehavior), L = _(() => l.height), J = _(() => l.maxHeight), se = zw(l);
     t({ scrollDOMContainer: r, moveTo: F });
-    const ze = () => {
-      V.value = !0;
+    const Ve = () => {
+      z.value = !0;
     }, E2 = () => {
-      V.value = !1;
+      z.value = !1;
     };
-    return (ne, me) => (o(), s("div", $e({
+    return (ne, fe) => (o(), s("div", _e({
       ref_key: "scrollDOMContainer",
       ref: r,
       class: W.value
-    }, v(se), {
+    }, p(se), {
       onScroll: B,
-      onMouseenter: ze,
+      onMouseenter: Ve,
       onMouseleave: E2
     }), [
       S(ne.$slots, "default")
     ], 16));
   }
 });
-var r2 = /* @__PURE__ */ ((e) => (e.auto = "auto", e.hidden = "hidden", e.scroll = "scroll", e))(r2 || {}), c2 = /* @__PURE__ */ ((e) => (e.auto = "auto", e.smooth = "smooth", e.inherit = "inherit", e.initial = "initial", e.unset = "unset", e))(c2 || {});
+var c2 = /* @__PURE__ */ ((e) => (e.auto = "auto", e.hidden = "hidden", e.scroll = "scroll", e))(c2 || {}), i2 = /* @__PURE__ */ ((e) => (e.auto = "auto", e.smooth = "smooth", e.inherit = "inherit", e.initial = "initial", e.unset = "unset", e))(i2 || {});
 const Pf = /* @__PURE__ */ D({
   __name: "NmorphAvatar",
   props: {
@@ -2969,10 +2969,10 @@ const Pf = /* @__PURE__ */ D({
   emits: ["error", "load"],
   setup(e, { emit: t }) {
     Z((y) => ({
-      "6ffc72a6": x.value,
-      "034b7fcd": p.value,
-      "5c3b495e": b.value,
-      "8dafdbfc": h.value
+      "574116af": x.value,
+      "11dd63ea": v.value,
+      "11d2c240": h.value,
+      "75c6801c": b.value
     }));
     const a = e, l = t, r = w(!1), c = _(
       () => A({
@@ -2983,11 +2983,11 @@ const Pf = /* @__PURE__ */ D({
       l("error", y), r.value = !0;
     }, d = (y) => {
       l("load", y), r.value = !1;
-    }, h = _(() => `${a.imagePadding}px`), p = _(() => ` ${a.size}px`), f = _(() => `${a.size / 100 * 60}px`), b = _(() => a.shape === "circle" ? "50%" : "4px"), x = _(() => `${a.frameBorder}px`);
+    }, h = _(() => `${a.imagePadding}px`), v = _(() => ` ${a.size}px`), f = _(() => `${a.size / 100 * 60}px`), b = _(() => a.shape === "circle" ? "50%" : "4px"), x = _(() => `${a.frameBorder}px`);
     return (y, $) => (o(), s("div", {
-      class: z(c.value)
+      class: V(c.value)
     }, [
-      k(v(xe), {
+      k(p(xe), {
         fit: a.fit,
         src: a.src,
         "src-set": a.srcSet,
@@ -2997,7 +2997,7 @@ const Pf = /* @__PURE__ */ D({
         onError: u
       }, {
         error: E(() => [
-          k(v(P), {
+          k(p(P), {
             name: "avatar",
             width: f.value
           }, null, 8, ["width"])
@@ -3012,7 +3012,7 @@ const de = (e, t) => {
   for (const [l, r] of t)
     a[l] = r;
   return a;
-}, qf = /* @__PURE__ */ de(Pf, [["__scopeId", "data-v-a04856bd"]]), Ef = {
+}, qf = /* @__PURE__ */ de(Pf, [["__scopeId", "data-v-ced15967"]]), Ef = {
   key: 0,
   class: "nmorph-badge__dot"
 }, Rf = {
@@ -3031,8 +3031,8 @@ const de = (e, t) => {
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    Z((p) => ({
-      "68e4a285": p.color
+    Z((v) => ({
+      "68e4a285": v.color
     }));
     const t = e, a = _(
       () => A({
@@ -3043,27 +3043,27 @@ const de = (e, t) => {
         "nmorph-badge__container": [`${t.hidden && "hidden"}`]
       })
     ), r = _(() => typeof Number(t.value) == "number" && Number(t.value) > t.max ? `${t.max}+` : t.value), c = _(() => {
-      const p = `${(d?.value / 2 + t.offsetX) * -1}px`, f = `${(h?.value / 2 + t.offsetY) * -1}px`;
+      const v = `${(d?.value / 2 + t.offsetX) * -1}px`, f = `${(h?.value / 2 + t.offsetY) * -1}px`;
       return {
-        x: p,
+        x: v,
         y: f
       };
     }), u = w(null), d = w(0), h = w(0);
     return K(() => {
       u.value && (d.value = u.value.clientWidth, h.value = u.value.clientHeight);
-    }), (p, f) => t.disabled ? S(p.$slots, "default", { key: 1 }) : (o(), s("div", {
+    }), (v, f) => t.disabled ? S(v.$slots, "default", { key: 1 }) : (o(), s("div", {
       key: 0,
-      class: z(a.value)
+      class: V(a.value)
     }, [
-      S(p.$slots, "default"),
+      S(v.$slots, "default"),
       n("div", {
         ref_key: "badge",
         ref: u,
-        class: z(l.value),
+        class: V(l.value),
         style: I({ right: c.value.x, top: c.value.y })
       }, [
         t.isDot ? (o(), s("div", Ef)) : (o(), s("div", Rf, [
-          S(p.$slots, "value", {}, () => [
+          S(v.$slots, "value", {}, () => [
             ee(R(r.value), 1)
           ])
         ]))
@@ -3071,7 +3071,7 @@ const de = (e, t) => {
     ], 2));
   }
 });
-const Wf = ["data-date", "onClick"], i2 = /* @__PURE__ */ D({
+const Wf = ["data-date", "onClick"], d2 = /* @__PURE__ */ D({
   __name: "NmorphCalendar",
   props: {
     markToday: { type: Boolean, default: !0 },
@@ -3081,7 +3081,7 @@ const Wf = ["data-date", "onClick"], i2 = /* @__PURE__ */ D({
     type: { default: "date" },
     selectedValues: { default: null }
   },
-  emits: ["update:modelValue", "update-initial-date"],
+  emits: ["update:model-value", "update-initial-date"],
   setup(e, { emit: t }) {
     const a = e, l = t, r = _(
       () => A({
@@ -3089,18 +3089,18 @@ const Wf = ["data-date", "onClick"], i2 = /* @__PURE__ */ D({
       })
     ), c = w(a.initialDate), u = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], d = w(a.modelValue);
     let h = ce([]);
-    const p = async () => {
-      h = [], v2(c, a.range).forEach((B) => {
-        const V = {};
+    const v = async () => {
+      h = [], p2(c, a.range).forEach((B) => {
+        const z = {};
         B.forEach((W, F) => {
           const X = u[F];
-          V[X] = W;
-        }), h.push(V);
+          z[X] = W;
+        }), h.push(z);
       });
     };
-    p(), U(c, () => {
-      p(), l("update-initial-date", c.value);
-    }), U(
+    v(), G(c, () => {
+      v(), l("update-initial-date", c.value);
+    }), G(
       () => a.initialDate,
       (T) => {
         c.value = T;
@@ -3116,28 +3116,28 @@ const Wf = ["data-date", "onClick"], i2 = /* @__PURE__ */ D({
     }, y = () => {
       c.value = M.value;
     }, $ = (T) => {
-      const { monthType: B, hidden: V } = T;
-      if (V)
+      const { monthType: B, hidden: z } = T;
+      if (z)
         return;
       B === "next" && y(), B === "previous" && b();
       const { date: W } = T;
-      d.value = W, l("update:modelValue", d.value);
+      d.value = W, l("update:model-value", d.value);
     }, g = _(() => new Date(c.value.setMonth(c.value.getMonth() - 1))), M = _(() => new Date(c.value.setMonth(c.value.getMonth() + 1))), m = _(() => {
-      const { range: T } = a, B = T ? u2(c.value, T[0]) : !0, V = T ? h2(c.value, T[1]) : !0, W = _2(a.range);
+      const { range: T } = a, B = T ? h2(c.value, T[0]) : !0, z = T ? _2(c.value, T[1]) : !0, W = v2(a.range);
       return {
         showPreviousMonthButton: B,
-        showNextMonthButton: V,
+        showNextMonthButton: z,
         showTodayButton: W
       };
     }), H = (T, B) => {
-      const V = B[0], W = B[1];
-      return T === V || T === W ? !0 : !V || !W || V > W ? !1 : T >= V && T <= W;
+      const z = B[0], W = B[1];
+      return T === z || T === W ? !0 : !z || !W || z > W ? !1 : T >= z && T <= W;
     }, C = (T) => Array.isArray(a.selectedValues) ? a.type === "daterange" ? H(T, a.selectedValues) : a.selectedValues.includes(T) : a.selectedValues?.toDateString() === T.toDateString();
     return (T, B) => (o(), s("div", {
-      class: z(r.value)
+      class: V(r.value)
     }, [
       S(T.$slots, "header", {}, () => [
-        k(v(p2), {
+        k(p(m2), {
           year: c.value.getFullYear(),
           month: c.value.getMonth(),
           "show-previous-month-button": m.value.showPreviousMonthButton,
@@ -3149,43 +3149,43 @@ const Wf = ["data-date", "onClick"], i2 = /* @__PURE__ */ D({
         }, null, 8, ["year", "month", "show-previous-month-button", "show-today-button", "show-next-month-button"])
       ]),
       S(T.$slots, "content", {}, () => [
-        k(v(w2), {
-          data: v(h),
+        k(p($2), {
+          data: p(h),
           bordered: "",
           "row-hover": !1
         }, {
           default: E(() => [
-            (o(), s(Y, null, G(u, (V) => k(v(x2), {
-              key: `${V}`,
-              prop: V,
-              label: V.toUpperCase()
+            (o(), s(U, null, Y(u, (z) => k(p(y2), {
+              key: `${z}`,
+              prop: z,
+              label: z.toUpperCase()
             }, {
               default: E(({ scope: W }) => [
-                (o(!0), s(Y, null, G(W.rows, (F, X) => (o(), q(v($2), {
+                (o(!0), s(U, null, Y(W.rows, (F, X) => (o(), q(p(x2), {
                   key: X,
                   row: X
                 }, {
                   default: E(() => [
                     n("div", {
-                      "data-date": `${f(F[V]).date}`,
-                      class: z([
+                      "data-date": `${f(F[z]).date}`,
+                      class: V([
                         "nmorph-calendar-date",
-                        `nmorph-calendar-date--${f(F[V]).monthType}`,
-                        { "nmorph-calendar-date--today": a.markToday && f(F[V]).isToday },
-                        { "nmorph-calendar-date--hidden": f(F[V]).hidden },
+                        `nmorph-calendar-date--${f(F[z]).monthType}`,
+                        { "nmorph-calendar-date--today": a.markToday && f(F[z]).isToday },
+                        { "nmorph-calendar-date--hidden": f(F[z]).hidden },
                         {
-                          "nmorph-calendar-date--selected": C(f(F[V]).date)
+                          "nmorph-calendar-date--selected": C(f(F[z]).date)
                         }
                       ]),
-                      onClick: (L) => $(f(F[V]))
+                      onClick: (L) => $(f(F[z]))
                     }, [
                       S(T.$slots, "date-cell", {
                         scope: {
-                          ...f(F[V]),
-                          selected: C(f(F[V]).date)
+                          ...f(F[z]),
+                          selected: C(f(F[z]).date)
                         }
                       }, () => [
-                        ee(R(f(F[V]).hidden ? "-" : f(F[V]).value), 1)
+                        ee(R(f(F[z]).hidden ? "-" : f(F[z]).value), 1)
                       ])
                     ], 10, Wf)
                   ]),
@@ -3214,7 +3214,7 @@ const Te = [
   "October",
   "November",
   "December"
-], d2 = (e) => {
+], u2 = (e) => {
   const t = e - e % 10, a = [];
   for (let l = 0; l < 10; l++)
     a.push(t + l);
@@ -3228,16 +3228,16 @@ const Te = [
     day: "2-digit"
   };
   return Array.isArray(e) ? e.map((l) => l ? new Intl.DateTimeFormat(t, a).format(l) : null) : new Intl.DateTimeFormat(t, a).format(e);
-}, u2 = (e, t) => e.getMonth() > t.getMonth(), h2 = (e, t) => e.getMonth() < t.getMonth(), _2 = (e) => {
+}, h2 = (e, t) => e.getMonth() > t.getMonth(), _2 = (e, t) => e.getMonth() < t.getMonth(), v2 = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (!e)
     return !0;
   const a = e && e[0], l = e && e[1];
   return t >= a && t <= l;
-}, Oe = (e) => Te[e], jf = (e) => e % 4 === 0 && e % 100 !== 0 || e % 400 === 0, Ue = (e, t) => [0, 2, 4, 6, 7, 9, 11].includes(t) ? 31 : [3, 5, 8, 10].includes(t) ? 30 : jf(e) ? 29 : 28, v2 = (e, t) => {
-  const a = (L) => t ? L < t[0] || L > t[1] : !1, l = e.value.getFullYear(), r = e.value.getMonth(), u = new Date(l, r, 1).getDay() + 1, d = Ue(l, r), h = 7 + u - 8;
+}, Oe = (e) => Te[e], jf = (e) => e % 4 === 0 && e % 100 !== 0 || e % 400 === 0, Ye = (e, t) => [0, 2, 4, 6, 7, 9, 11].includes(t) ? 31 : [3, 5, 8, 10].includes(t) ? 30 : jf(e) ? 29 : 28, p2 = (e, t) => {
+  const a = (L) => t ? L < t[0] || L > t[1] : !1, l = e.value.getFullYear(), r = e.value.getMonth(), u = new Date(l, r, 1).getDay() + 1, d = Ye(l, r), h = 7 + u - 8;
   let b = 7 - (new Date(l, r, d).getDay() + 1);
-  const x = /* @__PURE__ */ new Date(), y = x.getDate(), $ = x.getMonth(), g = r - 1, M = Ue(l, g);
+  const x = /* @__PURE__ */ new Date(), y = x.getDate(), $ = x.getMonth(), g = r - 1, M = Ye(l, g);
   let m = M - h;
   const H = [];
   for (; m < M; ) {
@@ -3264,14 +3264,14 @@ const Te = [
       hidden: a(J)
     });
   }
-  let V = 0;
+  let z = 0;
   const W = [];
-  for (; V < d; ) {
+  for (; z < d; ) {
     const L = x.getDate();
-    V++;
-    const J = $ === r && L === V, se = new Date(l, r, V);
+    z++;
+    const J = $ === r && L === z, se = new Date(l, r, z);
     W.push({
-      value: V,
+      value: z,
       monthType: "current",
       isToday: J,
       date: se,
@@ -3284,7 +3284,7 @@ const Te = [
     X.push(J);
   }
   return X.filter((L) => !L.every((J) => J.hidden));
-}, Lf = { class: "nmorph-calendar-header" }, Uf = { class: "nmorph-calendar-header__actions" }, p2 = /* @__PURE__ */ D({
+}, Lf = { class: "nmorph-calendar-header" }, Uf = { class: "nmorph-calendar-header__actions" }, m2 = /* @__PURE__ */ D({
   __name: "NmorphCalendarHeader",
   props: {
     year: {},
@@ -3301,24 +3301,24 @@ const Te = [
       })
     );
     return (c, u) => (o(), s("div", {
-      class: z(r.value)
+      class: V(r.value)
     }, [
       S(c.$slots, "default", {}, () => [
-        n("h2", Lf, R(a.year) + " " + R(v(Oe)(a.month)), 1),
+        n("h2", Lf, R(a.year) + " " + R(p(Oe)(a.month)), 1),
         n("div", Uf, [
-          c.showPreviousMonthButton ? (o(), q(v(j), {
+          c.showPreviousMonthButton ? (o(), q(p(j), {
             key: 0,
             class: "nmorph-calendar-header__action",
             text: "Previous month",
             onClick: u[0] || (u[0] = (d) => l("click-previous-month"))
           })) : O("", !0),
-          c.showTodayButton ? (o(), q(v(j), {
+          c.showTodayButton ? (o(), q(p(j), {
             key: 1,
             class: "nmorph-calendar-header__action",
             text: "Today",
             onClick: u[1] || (u[1] = (d) => l("click-today"))
           })) : O("", !0),
-          c.showNextMonthButton ? (o(), q(v(j), {
+          c.showNextMonthButton ? (o(), q(p(j), {
             key: 2,
             class: "nmorph-calendar-header__action",
             text: "Next month",
@@ -3341,12 +3341,12 @@ const Yf = { class: "nmorph-card__header" }, Gf = { class: "nmorph-card__content
     }));
     const t = e, a = _(
       () => A({
-        nmorph: [Ie[t.shadowType]],
+        nmorph: [e2[t.shadowType]],
         "nmorph-card": [t.shadowType]
       })
     ), l = _(() => `${t.combinedShadowBorderWidth}px`);
     return (r, c) => (o(), s("div", {
-      class: z(a.value)
+      class: V(a.value)
     }, [
       n("div", Yf, [
         S(r.$slots, "header", {}, void 0, !0)
@@ -3375,8 +3375,8 @@ const Jf = /* @__PURE__ */ de(Xf, [["__scopeId", "data-v-e3cb136f"]]), Qf = ["id
       () => A({
         "nmorph-carousel": []
       })
-    ), h = w([]), p = pe();
-    N("carousel-data", { data: h, carouselId: p });
+    ), h = w([]), v = me();
+    N("carousel-data", { data: h, carouselId: v });
     const f = w(null), b = ce({}), x = () => {
       const C = b[Object.keys(b).length - 1]?.cloneNode(!0), T = b[0]?.cloneNode(!0);
       f.value?.prepend(C), f.value?.append(T), a.value += 1;
@@ -3385,7 +3385,7 @@ const Jf = /* @__PURE__ */ de(Xf, [["__scopeId", "data-v-e3cb136f"]]), Qf = ["id
     };
     K(() => {
       c.loop && a.value === 0 && (he(() => x()), f.value?.addEventListener("transitionend", y));
-    }), U(a, (C) => {
+    }), G(a, (C) => {
       u("change", a.value), (C === 1 || C === Object.keys(b).length) && setTimeout(() => {
         M.value = !0;
       });
@@ -3397,30 +3397,30 @@ const Jf = /* @__PURE__ */ de(Xf, [["__scopeId", "data-v-e3cb136f"]]), Qf = ["id
       a.value = C + 1;
     };
     return (C, T) => (o(), s("div", {
-      class: z(d.value)
+      class: V(d.value)
     }, [
       n("div", {
         ref_key: "carouselWrapper",
         ref: f,
-        class: z(["nmorph-carousel__wrapper", { "transition-enabled": M.value }]),
+        class: V(["nmorph-carousel__wrapper", { "transition-enabled": M.value }]),
         style: I({ transform: g.value })
       }, [
-        (o(!0), s(Y, null, G(h.value, (B, V) => (o(), s("div", {
-          id: `nmorph-carousel-item-${v(p)}-${B}`,
+        (o(!0), s(U, null, Y(h.value, (B, z) => (o(), s("div", {
+          id: `nmorph-carousel-item-${p(v)}-${B}`,
           key: B,
           ref_for: !0,
-          ref: (W) => $(W, V),
+          ref: (W) => $(W, z),
           class: "nmorph-carousel__item"
         }, null, 8, Qf))), 128))
       ], 6),
       n("div", Zf, [
-        (o(!0), s(Y, null, G(h.value, (B, V) => (o(), s("div", {
-          key: V,
+        (o(!0), s(U, null, Y(h.value, (B, z) => (o(), s("div", {
+          key: z,
           class: "nmorph-carousel__element-indicator-wrapper",
-          onClick: (W) => H(V)
+          onClick: (W) => H(z)
         }, [
           n("div", {
-            class: z(["nmorph-carousel__element-indicator", { "nmorph-carousel__element-indicator--active": m(V) }])
+            class: V(["nmorph-carousel__element-indicator", { "nmorph-carousel__element-indicator--active": m(z) }])
           }, null, 2)
         ], 8, Nf))), 128))
       ]),
@@ -3428,13 +3428,13 @@ const Jf = /* @__PURE__ */ de(Xf, [["__scopeId", "data-v-e3cb136f"]]), Qf = ["id
         class: "nmorph-carousel__action-btn nmorph-carousel__prev",
         onClick: l
       }, [
-        k(v(P), { name: "chevron-down" })
+        k(p(P), { name: "chevron-down" })
       ]),
       n("div", {
         class: "nmorph-carousel__action-btn nmorph-carousel__next",
         onClick: r
       }, [
-        k(v(P), { name: "chevron-down" })
+        k(p(P), { name: "chevron-down" })
       ]),
       S(C.$slots, "default")
     ], 2));
@@ -3455,10 +3455,10 @@ const eg = /* @__PURE__ */ D({
       r.value = !0, l && l.data.value.push(t.name);
     }), (c, u) => r.value ? (o(), s("div", {
       key: 0,
-      class: z(a.value)
+      class: V(a.value)
     }, [
-      (o(), q(_e, {
-        to: `#nmorph-carousel-item-${v(l)?.carouselId}-${t.name}`
+      (o(), q(ve, {
+        to: `#nmorph-carousel-item-${p(l)?.carouselId}-${t.name}`
       }, [
         S(c.$slots, "default")
       ], 8, ["to"]))
@@ -3470,10 +3470,10 @@ const eg = /* @__PURE__ */ D({
     modelValue: {},
     accordion: { type: Boolean, default: !1 }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:model-value"],
   setup(e, { emit: t }) {
     const a = e, l = w(a.modelValue);
-    U(
+    G(
       () => a.modelValue,
       (d) => {
         l.value = d;
@@ -3485,10 +3485,10 @@ const eg = /* @__PURE__ */ D({
       else if (!Array.isArray(l.value))
         l.value = [d];
       else {
-        const p = l.value.indexOf(d);
-        h && p === -1 && l.value.push(d), !h && p !== -1 && l.value.splice(p, 1);
+        const v = l.value.indexOf(d);
+        h && v === -1 && l.value.push(d), !h && v !== -1 && l.value.splice(v, 1);
       }
-      c("update:modelValue", l.value);
+      c("update:model-value", l.value);
     };
     N("collapse-data", l), N("update-model", r);
     const c = t, u = _(
@@ -3497,7 +3497,7 @@ const eg = /* @__PURE__ */ D({
       })
     );
     return (d, h) => (o(), s("div", {
-      class: z(u.value)
+      class: V(u.value)
     }, [
       S(d.$slots, "default")
     ], 2));
@@ -3521,25 +3521,25 @@ const eg = /* @__PURE__ */ D({
       () => A({
         nmorph: [te[a.height]]
       })
-    ), d = Q("collapse-data", void 0), h = Q("update-model", void 0), p = w(null), f = w(0), b = () => {
+    ), d = Q("collapse-data", void 0), h = Q("update-model", void 0), v = w(null), f = w(0), b = () => {
       a.block || (r.value = !r.value, h && (h(a.name, r.value), l("click-item", { id: a.name, isOpen: r.value })));
     };
     return K(() => {
       Array.isArray(d?.value) ? r.value = d.value.includes(a.name) : r.value = d?.value === a.name;
-    }), U(
+    }), G(
       () => d?.value,
       (x) => {
         Array.isArray(x) ? r.value = x.includes(a.name) : r.value = x === a.name;
       },
       { deep: !0 }
-    ), U(r, () => {
-      f.value = r.value && p.value ? p.value?.clientHeight : 0;
+    ), G(r, () => {
+      f.value = r.value && v.value ? v.value?.clientHeight : 0;
     }), (x, y) => (o(), s("div", {
-      class: z(c.value),
+      class: V(c.value),
       onClick: oe(b, ["stop"])
     }, [
       n("div", {
-        class: z(["nmorph-collapse-item__title", u.value])
+        class: V(["nmorph-collapse-item__title", u.value])
       }, [
         S(x.$slots, "title", {}, () => [
           ee(R(a.title), 1)
@@ -3551,7 +3551,7 @@ const eg = /* @__PURE__ */ D({
       }, [
         n("div", {
           ref_key: "collapseItemDOMElContent",
-          ref: p,
+          ref: v,
           class: "nmorph-collapse-item__inner-wrapper"
         }, [
           S(x.$slots, "default")
@@ -3580,14 +3580,14 @@ const og = ["src", "alt", "srcset"], ag = {
   emits: ["error", "load"],
   setup(e, { emit: t }) {
     Z((x) => ({
-      "88591c56": b.value,
-      "66fae92e": f.value
+      "1a936921": b.value,
+      "3ba8437a": f.value
     }));
     const a = e, l = w(!1), r = w(!1), c = t, u = (x) => {
       l.value = !0, r.value = !1, c("load", x);
     }, d = (x) => {
       l.value = !0, r.value = !0, c("error", x);
-    }, h = _(() => l.value && r.value), p = _(
+    }, h = _(() => l.value && r.value), v = _(
       () => A({
         nmorph: [`${a.frameBorder > 0 && "shadow-combined"}`],
         "nmorph-image": [`${(h.value || !l.value) && "hide"}`]
@@ -3595,7 +3595,7 @@ const og = ["src", "alt", "srcset"], ag = {
     ), f = _(() => a.fit), b = _(() => `${a.frameBorder}px`);
     return (x, y) => a.src ? (o(), s("div", {
       key: 0,
-      class: z(p.value)
+      class: V(v.value)
     }, [
       n("img", {
         src: a.src,
@@ -3616,13 +3616,13 @@ const og = ["src", "alt", "srcset"], ag = {
     ], 2)) : O("", !0);
   }
 });
-const xe = /* @__PURE__ */ de(lg, [["__scopeId", "data-v-f1f5cee7"]]), rg = { class: "nmorph-image-preview__content" }, cg = {
+const xe = /* @__PURE__ */ de(lg, [["__scopeId", "data-v-4c37d982"]]), rg = { class: "nmorph-image-preview__content" }, cg = {
   key: 0,
   class: "nmorph-image-preview__left"
 }, ig = {
   key: 1,
   class: "nmorph-image-preview__right"
-}, dg = { class: "nmorph-image-preview__actions" }, ug = { class: "nmorph-image-preview__action-element" }, m2 = /* @__PURE__ */ D({
+}, dg = { class: "nmorph-image-preview__actions" }, ug = { class: "nmorph-image-preview__action-element" }, f2 = /* @__PURE__ */ D({
   __name: "NmorphImagePreview",
   props: {
     show: { type: Boolean, default: !1 },
@@ -3640,9 +3640,9 @@ const xe = /* @__PURE__ */ de(lg, [["__scopeId", "data-v-f1f5cee7"]]), rg = { cl
         "nmorph-image-preview": [`${l.value && "opened"}`]
       })
     ), c = w(a.initialIndex), u = _(() => typeof a.src == "string" ? a.src : a.src[c.value]), d = w(1), h = () => {
-      l.value = !0, V("on-open");
-    }, p = () => {
-      l.value = !1, V("on-close");
+      l.value = !0, z("on-open");
+    }, v = () => {
+      l.value = !1, z("on-close");
     }, f = () => {
       m.value = m.value + 90, m.value >= 360 && (m.value = 0);
     }, b = () => {
@@ -3687,27 +3687,27 @@ const xe = /* @__PURE__ */ de(lg, [["__scopeId", "data-v-f1f5cee7"]]), rg = { cl
         icon: "zoom-out",
         handler: y
       }
-    ], V = t, W = _(() => Array.isArray(a.src) && a.src.length > 0);
+    ], z = t, W = _(() => Array.isArray(a.src) && a.src.length > 0);
     return (F, X) => (o(), s("div", {
-      class: z(r.value)
+      class: V(r.value)
     }, [
       n("div", {
         class: "nmorph-image-preview__trigger",
         onClick: h
       }, [
-        k(v(xe), {
+        k(p(xe), {
           src: u.value,
           alt: a.alt,
           fit: "cover"
         }, null, 8, ["src", "alt"])
       ]),
-      k(v(Ve), {
+      k(p(ze), {
         show: l.value,
-        onOnOutsideClick: p
+        onOnOutsideClick: v
       }, {
         default: E(() => [
           n("div", rg, [
-            k(v(xe), {
+            k(p(xe), {
               src: u.value,
               alt: a.alt,
               fit: "cover",
@@ -3715,31 +3715,31 @@ const xe = /* @__PURE__ */ de(lg, [["__scopeId", "data-v-f1f5cee7"]]), rg = { cl
             }, null, 8, ["src", "alt", "style"])
           ]),
           W.value ? (o(), s("div", cg, [
-            k(v(j), { onClick: H }, {
+            k(p(j), { onClick: H }, {
               default: E(() => [
-                k(v(P), { name: "chevron-down" })
+                k(p(P), { name: "chevron-down" })
               ]),
               _: 1
             })
           ])) : O("", !0),
           W.value ? (o(), s("div", ig, [
-            k(v(j), { onClick: C }, {
+            k(p(j), { onClick: C }, {
               default: E(() => [
-                k(v(P), { name: "chevron-down" })
+                k(p(P), { name: "chevron-down" })
               ]),
               _: 1
             })
           ])) : O("", !0),
           n("div", dg, [
-            (o(), s(Y, null, G(B, (L, J) => n("div", {
+            (o(), s(U, null, Y(B, (L, J) => n("div", {
               key: J,
               class: "nmorph-image-preview__action-element"
             }, [
-              k(v(j), {
+              k(p(j), {
                 onClick: L.handler
               }, {
                 default: E(() => [
-                  k(v(P), {
+                  k(p(P), {
                     name: L.icon
                   }, null, 8, ["name"])
                 ]),
@@ -3747,12 +3747,12 @@ const xe = /* @__PURE__ */ de(lg, [["__scopeId", "data-v-f1f5cee7"]]), rg = { cl
               }, 1032, ["onClick"])
             ])), 64)),
             n("div", ug, [
-              k(v(j), {
+              k(p(j), {
                 disabled: d.value === 1,
                 onClick: T.value.handler
               }, {
                 default: E(() => [
-                  k(v(P), {
+                  k(p(P), {
                     name: T.value.icon
                   }, null, 8, ["name"])
                 ]),
@@ -3776,7 +3776,7 @@ const hg = /* @__PURE__ */ D({
     disabled: { type: Boolean, default: !1 },
     hideOnSinglePage: { type: Boolean, default: !0 }
   },
-  emits: ["prev-click", "next-click", "update:modelValue", "update:range"],
+  emits: ["prev-click", "next-click", "update:model-value", "update:range"],
   setup(e, { emit: t }) {
     const a = e, l = t, r = w(a.range), c = _(
       () => A({
@@ -3786,13 +3786,13 @@ const hg = /* @__PURE__ */ D({
       h.value = String(Number(h.value) - 1);
     }, d = () => {
       h.value = String(Number(h.value) + 1);
-    }, h = w(String(a.modelValue)), p = _(() => {
+    }, h = w(String(a.modelValue)), v = _(() => {
       const g = a.total / a.pagerCount + 1, M = g % 1 === 0 ? -1 : 0;
       return Array.from({ length: g + M }, (m, H) => ({ value: String(H + 1), label: String(H + 1) }));
     }), f = _(() => a.hideOnSinglePage || a.total / a.pagerCount > 1);
-    U(h, (g) => {
-      l("update:modelValue", Number(g)), $();
-    }), U(
+    G(h, (g) => {
+      l("update:model-value", Number(g)), $();
+    }), G(
       () => a.pagerCount,
       () => {
         $();
@@ -3800,7 +3800,7 @@ const hg = /* @__PURE__ */ D({
     );
     const b = (g) => {
       h.value = g;
-    }, x = _(() => Number(h.value) === 1), y = _(() => p.value.length === Number(h.value)), $ = () => {
+    }, x = _(() => Number(h.value) === 1), y = _(() => v.value.length === Number(h.value)), $ = () => {
       const g = Number(h.value) * a.pagerCount, M = g - a.pagerCount;
       r.value = [M, g], l("update:range", r.value);
     };
@@ -3808,35 +3808,35 @@ const hg = /* @__PURE__ */ D({
       $();
     }), (g, M) => f.value ? (o(), s("div", {
       key: 0,
-      class: z(c.value)
+      class: V(c.value)
     }, [
-      k(v(j), {
+      k(p(j), {
         class: "nmorph-pagination__btn",
         disabled: x.value || a.disabled,
         onClick: u
       }, {
         default: E(() => [
-          k(v(P), {
+          k(p(P), {
             name: "chevron-down",
             class: "nmorph-pagination__prev"
           })
         ]),
         _: 1
       }, 8, ["disabled"]),
-      k(v(qe), {
+      k(p(Ee), {
         "model-value": h.value,
-        options: p.value,
+        options: v.value,
         class: "nmorph-pagination__page",
         disabled: a.disabled,
         "onUpdate:modelValue": b
       }, null, 8, ["model-value", "options", "disabled"]),
-      k(v(j), {
+      k(p(j), {
         class: "nmorph-pagination__btn",
         disabled: y.value || a.disabled,
         onClick: d
       }, {
         default: E(() => [
-          k(v(P), {
+          k(p(P), {
             name: "chevron-down",
             class: "nmorph-pagination__next"
           })
@@ -3882,13 +3882,13 @@ const _g = {
       () => A({
         "nmorph-progress": []
       })
-    ), l = _(() => `${t.percentage}%`), r = _(() => Array.isArray(t.color) ? t.color.find((x) => x.percentage <= t.percentage)?.color : typeof t.color == "function" ? t.color(t.percentage) : t.color), c = _(() => t.indeterminate ? "var(--animation)" : "none"), u = w(null), d = w(1), h = _(() => `${d.value} ${d.value}`), p = _(() => d.value - t.percentage / 100 * d.value);
+    ), l = _(() => `${t.percentage}%`), r = _(() => Array.isArray(t.color) ? t.color.find((x) => x.percentage <= t.percentage)?.color : typeof t.color == "function" ? t.color(t.percentage) : t.color), c = _(() => t.indeterminate ? "var(--animation)" : "none"), u = w(null), d = w(1), h = _(() => `${d.value} ${d.value}`), v = _(() => d.value - t.percentage / 100 * d.value);
     K(() => {
       u.value && (d.value = 2 * Math.PI * u.value.r.baseVal.value);
     });
     const f = _(() => `${t.circleSize}px`), b = _(() => `${t.percentage}%`);
     return (x, y) => (o(), s("div", {
-      class: z(a.value)
+      class: V(a.value)
     }, [
       t.type === "linear" ? (o(), s("div", _g, [
         n("div", vg, [
@@ -3924,7 +3924,7 @@ const _g = {
             cy: t.circleSize / 2,
             r: t.circleSize / 2 - 2,
             "stroke-dasharray": h.value,
-            "stroke-dashoffset": p.value
+            "stroke-dashoffset": v.value
           }, null, 8, xg)
         ], 8, $g))
       ])) : O("", !0)
@@ -3948,10 +3948,10 @@ const Mg = {
       })
     );
     return (l, r) => (o(), s("div", {
-      class: z(a.value)
+      class: V(a.value)
     }, [
       t.rows && t.loading ? (o(), s("div", Mg, [
-        (o(!0), s(Y, null, G(t.rows, (c) => (o(), q(v(g2), {
+        (o(!0), s(U, null, Y(t.rows, (c) => (o(), q(p(w2), {
           key: c,
           width: "100%",
           height: "14px"
@@ -3970,29 +3970,30 @@ const Mg = {
     ], 2));
   }
 });
-var f2 = /* @__PURE__ */ ((e) => (e.image = "image", e.circle = "circle", e.rect = "rect", e))(f2 || {});
-const Vg = { class: "nmorph-skeleton-item__element" }, g2 = /* @__PURE__ */ D({
+var g2 = /* @__PURE__ */ ((e) => (e.image = "image", e.circle = "circle", e.rect = "rect", e))(g2 || {});
+const zg = { class: "nmorph-skeleton-item__element" }, w2 = /* @__PURE__ */ D({
   __name: "NmorphSkeletonItem",
   props: {
     variant: { default: "rect" },
     width: { default: "auto" },
-    height: { default: "auto" }
+    height: { default: "auto" },
+    style: { default: "nmorph" }
   },
   setup(e) {
     Z((c) => ({
-      e5382f7a: l.value,
-      "054a264a": r.value
+      "0e018daf": l.value,
+      cf3da344: r.value
     }));
     const t = e, a = _(
       () => A({
-        "nmorph-skeleton-item": [t.variant]
+        "nmorph-skeleton-item": [t.variant, `${t.style === "nmorph" ? "nmorph-style" : ""}`]
       })
     ), l = _(() => t.width), r = _(() => t.height);
     return (c, u) => (o(), s("div", {
-      class: z(a.value)
+      class: V(a.value)
     }, [
-      n("div", Vg, [
-        t.variant === "image" ? (o(), q(v(P), {
+      n("div", zg, [
+        t.variant === "image" ? (o(), q(p(P), {
           key: 0,
           name: "image",
           width: t.width,
@@ -4002,7 +4003,7 @@ const Vg = { class: "nmorph-skeleton-item__element" }, g2 = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const fe = "10px", zg = /* @__PURE__ */ D({
+const ge = "10px", Vg = /* @__PURE__ */ D({
   __name: "NmorphSortButton",
   props: {
     value: {}
@@ -4018,25 +4019,25 @@ const fe = "10px", zg = /* @__PURE__ */ D({
       l("sort", u);
     };
     return (u, d) => (o(), s("div", {
-      class: z(r.value)
+      class: V(r.value)
     }, [
-      k(v(j), {
+      k(p(j), {
         height: "thin",
         "style-type": "transparent",
         onClick: c
       }, {
         default: E(() => [
-          k(v(P), {
+          k(p(P), {
             name: "triangle-down",
             class: "nmorph-sort-button__icon-up",
-            width: fe,
-            height: fe
+            width: ge,
+            height: ge
           }),
-          k(v(P), {
+          k(p(P), {
             name: "triangle-down",
             class: "nmorph-sort-button__icon-down",
-            width: fe,
-            height: fe
+            width: ge,
+            height: ge
           })
         ]),
         _: 1
@@ -4044,7 +4045,7 @@ const fe = "10px", zg = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const Bg = { class: "nmorph-table__wrapper" }, Cg = { class: "nmorph-table__header" }, Sg = ["data-src"], Ag = { class: "nmorph-table__table-row" }, Dg = { class: "nmorph-table__cell" }, Tg = { class: "nmorph-table__body" }, Og = ["id"], Pg = { class: "nmorph-table__slot-columns" }, w2 = /* @__PURE__ */ D({
+const Bg = { class: "nmorph-table__wrapper" }, Cg = { class: "nmorph-table__header" }, Sg = ["data-src"], Ag = { class: "nmorph-table__table-row" }, Dg = { class: "nmorph-table__cell" }, Tg = { class: "nmorph-table__body" }, Og = ["id"], Pg = { class: "nmorph-table__slot-columns" }, $2 = /* @__PURE__ */ D({
   __name: "NmorphTable",
   props: {
     data: { default: () => [] },
@@ -4071,8 +4072,8 @@ const Bg = { class: "nmorph-table__wrapper" }, Cg = { class: "nmorph-table__head
     const h = _(() => {
       const y = d.value.map((H) => H.width).filter((H) => !!H), $ = y.length, g = y.reduce((H, C) => (H += Number(C), H), 0), M = d.value.length - $;
       return u.value?.clientWidth ? (u.value?.clientWidth - g) / M : 0;
-    }), p = (y) => y !== "" ? y : h.value, f = w(0);
-    U(
+    }), v = (y) => y !== "" ? y : h.value, f = w(0);
+    G(
       () => t.data,
       () => {
         f.value = f.value + 1, l.value = t.data, d.value = [];
@@ -4081,27 +4082,27 @@ const Bg = { class: "nmorph-table__wrapper" }, Cg = { class: "nmorph-table__head
         immediate: !0
       }
     );
-    const b = (y) => typeof y == "object" ? "" : y, x = pe();
+    const b = (y) => typeof y == "object" ? "" : y, x = me();
     return N("table-identifier", x), (y, $) => (o(), s("div", {
       ref_key: "nmorphDOMTable",
       ref: u,
       key: f.value,
-      class: z(a.value)
+      class: V(a.value)
     }, [
       n("div", Bg, [
         n("table", Cg, [
           n("colgroup", null, [
-            (o(!0), s(Y, null, G(d.value, (g) => (o(), s("col", {
+            (o(!0), s(U, null, Y(d.value, (g) => (o(), s("col", {
               key: g.prop,
-              style: I({ width: `${p(g.width)}px` }),
-              "data-src": `${p(g.width)}px`
+              style: I({ width: `${v(g.width)}px` }),
+              "data-src": `${v(g.width)}px`
             }, null, 12, Sg))), 128))
           ]),
           n("thead", null, [
             n("tr", Ag, [
-              (o(!0), s(Y, null, G(d.value, (g, M) => (o(), s("th", {
+              (o(!0), s(U, null, Y(d.value, (g, M) => (o(), s("th", {
                 key: M,
-                class: z(["nmorph-table__table-data", { "nmorph-table__table-data--bordered": t.bordered }])
+                class: V(["nmorph-table__table-data", { "nmorph-table__table-data--bordered": t.bordered }])
               }, [
                 n("div", Dg, [
                   n("div", {
@@ -4109,7 +4110,7 @@ const Bg = { class: "nmorph-table__wrapper" }, Cg = { class: "nmorph-table__head
                     class: "nmorph-table__cell-content"
                   }, [
                     n("span", null, R(g.label), 1),
-                    r.value && r.value[g.prop] ? (o(), q(zg, {
+                    r.value && r.value[g.prop] ? (o(), q(Vg, {
                       key: 0,
                       class: "nmorph-table__button-wrapper",
                       value: r.value[g.prop],
@@ -4124,22 +4125,22 @@ const Bg = { class: "nmorph-table__wrapper" }, Cg = { class: "nmorph-table__head
         n("div", Tg, [
           n("table", null, [
             n("colgroup", null, [
-              (o(!0), s(Y, null, G(d.value, (g) => (o(), s("col", {
+              (o(!0), s(U, null, Y(d.value, (g) => (o(), s("col", {
                 key: g.prop,
-                style: I({ width: `${p(g.width)}px` })
+                style: I({ width: `${v(g.width)}px` })
               }, null, 4))), 128))
             ]),
             n("tbody", null, [
-              (o(!0), s(Y, null, G(l.value, (g, M) => (o(), s("tr", {
+              (o(!0), s(U, null, Y(l.value, (g, M) => (o(), s("tr", {
                 key: M,
-                class: z(["nmorph-table__table-data-row", { "nmorph-table__table-data-row--row-hover": t.rowHover }])
+                class: V(["nmorph-table__table-data-row", { "nmorph-table__table-data-row--row-hover": t.rowHover }])
               }, [
-                (o(!0), s(Y, null, G(d.value, (m) => (o(), s("td", {
+                (o(!0), s(U, null, Y(d.value, (m) => (o(), s("td", {
                   key: m.prop,
-                  class: z([{ "nmorph-table__table-data--bordered": t.bordered }, "nmorph-table__table-data"])
+                  class: V([{ "nmorph-table__table-data--bordered": t.bordered }, "nmorph-table__table-data"])
                 }, [
                   n("div", {
-                    id: `table-cell-${v(x)}-${M}-${m.prop}`,
+                    id: `table-cell-${p(x)}-${M}-${m.prop}`,
                     style: I({ "text-align": m.alignment }),
                     class: "nmorph-table__cell nmorph-table__cell--data"
                   }, R(b(g[m.prop])), 13, Og)
@@ -4149,9 +4150,9 @@ const Bg = { class: "nmorph-table__wrapper" }, Cg = { class: "nmorph-table__head
           ]),
           n("table", null, [
             n("colgroup", null, [
-              (o(!0), s(Y, null, G(d.value, (g) => (o(), s("col", {
+              (o(!0), s(U, null, Y(d.value, (g) => (o(), s("col", {
                 key: g.prop,
-                style: I({ width: `${p(g.width)}px` })
+                style: I({ width: `${v(g.width)}px` })
               }, null, 4))), 128))
             ]),
             n("tbody", Pg, [
@@ -4163,7 +4164,7 @@ const Bg = { class: "nmorph-table__wrapper" }, Cg = { class: "nmorph-table__head
     ], 2));
   }
 });
-const $2 = /* @__PURE__ */ D({
+const x2 = /* @__PURE__ */ D({
   __name: "NmorphTableCell",
   props: {
     row: {}
@@ -4180,14 +4181,14 @@ const $2 = /* @__PURE__ */ D({
       d && (d.innerHTML = ""), u.value = !0;
     }), (d, h) => u.value ? (o(), s("div", {
       key: 0,
-      class: z(r.value)
+      class: V(r.value)
     }, [
-      (o(), q(_e, { to: c.value }, [
+      (o(), q(ve, { to: c.value }, [
         S(d.$slots, "default")
       ], 8, ["to"]))
     ], 2)) : O("", !0);
   }
-}), qg = ["data-id"], x2 = /* @__PURE__ */ D({
+}), qg = ["data-id"], y2 = /* @__PURE__ */ D({
   __name: "NmorphTableColumn",
   props: {
     label: { default: "" },
@@ -4210,19 +4211,44 @@ const $2 = /* @__PURE__ */ D({
       const { columns: h } = t;
       c.value = h.value.length + 1, t.columns.value = [...h.value, { ...l, id: c.value }];
     }, d = w(null);
-    return (h, p) => (o(), s("div", {
+    return (h, v) => (o(), s("div", {
       ref_key: "columnDOMEl",
       ref: d,
       "data-id": c.value,
-      class: z(r.value)
+      class: V(r.value)
     }, [
       S(h.$slots, "default", {
-        scope: { columns: v(t)?.columns.value, rows: v(t)?.rows.value, tableId: v(a) }
+        scope: { columns: p(t)?.columns.value, rows: p(t)?.rows.value, tableId: p(a) }
       })
     ], 10, qg));
   }
-}), Eg = { class: "nmorph-tag__content" }, y2 = /* @__PURE__ */ D({
-  __name: "NmorphTag",
+}), Eg = /* @__PURE__ */ D({
+  __name: "NmorphTagList",
+  props: {
+    modelValue: {}
+  },
+  emits: ["close", "update:model-value"],
+  setup(e, { emit: t }) {
+    const a = e, l = t, r = _(
+      () => A({
+        "nmorph-list": []
+      })
+    );
+    let c = w(a.modelValue);
+    const u = (d) => {
+      c.value = c.value.filter((h) => h.value !== d), l("close", d), l("update:model-value", c.value);
+    };
+    return (d, h) => (o(), s("div", {
+      class: V(r.value)
+    }, [
+      (o(!0), s(U, null, Y(p(c), (v) => (o(), q(p(Pe), _e({
+        key: v.value,
+        ref_for: !0
+      }, v, { onClose: u }), null, 16))), 128))
+    ], 2));
+  }
+}), Rg = { class: "nmorph-tag-item__content" }, Pe = /* @__PURE__ */ D({
+  __name: "NmorphTagItem",
   props: {
     value: {},
     text: {},
@@ -4235,19 +4261,19 @@ const $2 = /* @__PURE__ */ D({
     const a = e, l = _(
       () => A({
         nmorph: [te[a.height]],
-        "nmorph-tag": [`${a.transparent && "transparent"}`]
+        "nmorph-tag-item": [`${a.transparent && "transparent"}`]
       })
     ), r = t, c = () => {
       r("close", a.value);
     };
     return (u, d) => (o(), s("div", {
-      class: z(l.value)
+      class: V(l.value)
     }, [
-      n("div", Eg, [
+      n("div", Rg, [
         n("span", null, R(u.text), 1),
-        a.removable ? (o(), q(v(P), {
+        a.removable ? (o(), q(p(P), {
           key: 0,
-          class: "nmorph-tag__close-icon",
+          class: "nmorph-tag-item__close-icon",
           name: "error",
           onClick: oe(c, ["stop"])
         })) : O("", !0)
@@ -4255,13 +4281,13 @@ const $2 = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const Rg = ["innerHTML"], Fg = {
+const Fg = ["innerHTML"], Wg = {
   key: 1,
   class: "nmorph-alert__wrapper"
-}, Wg = { class: "nmorph-alert__left-side" }, jg = {
+}, jg = { class: "nmorph-alert__left-side" }, Lg = {
   key: 0,
   class: "nmorph-alert__icon"
-}, Lg = { class: "nmorph-alert__content-wrapper" }, Ug = { class: "nmorph-alert__content-title" }, Yg = { class: "nmorph-alert__content" }, Gg = /* @__PURE__ */ D({
+}, Ug = { class: "nmorph-alert__content-wrapper" }, Yg = { class: "nmorph-alert__content-title" }, Gg = { class: "nmorph-alert__content" }, Kg = /* @__PURE__ */ D({
   __name: "NmorphAlert",
   props: {
     id: {},
@@ -4288,32 +4314,32 @@ const Rg = ["innerHTML"], Fg = {
       [re.warning]: "warn-triangle-filled",
       [re.info]: "info-filled",
       [re.error]: "circle-close-filled"
-    }, d = Ze();
-    return (h, p) => v(d).default || a.title || a.content ? (o(), s("div", {
+    }, d = Ne();
+    return (h, v) => p(d).default || a.title || a.content ? (o(), s("div", {
       key: 0,
-      class: z(r.value)
+      class: V(r.value)
     }, [
       a.html ? (o(), s("div", {
         key: 0,
         class: "nmorph-alert__wrapper",
         innerHTML: a.html
-      }, null, 8, Rg)) : (o(), s("div", Fg, [
-        n("div", Wg, [
-          a.showIcon ? (o(), s("div", jg, [
+      }, null, 8, Fg)) : (o(), s("div", Wg, [
+        n("div", jg, [
+          a.showIcon ? (o(), s("div", Lg, [
             S(h.$slots, "icon", {}, () => [
-              k(v(P), {
+              k(p(P), {
                 name: u[a.type],
                 size: "medium"
               }, null, 8, ["name"])
             ], !0)
           ])) : O("", !0),
-          n("div", Lg, [
-            n("div", Ug, [
-              a.title || v(d).title ? S(h.$slots, "title", { key: 0 }, () => [
+          n("div", Ug, [
+            n("div", Yg, [
+              a.title || p(d).title ? S(h.$slots, "title", { key: 0 }, () => [
                 ee(R(a.title), 1)
               ], !0) : O("", !0)
             ]),
-            n("div", Yg, [
+            n("div", Gg, [
               S(h.$slots, "default", {}, () => [
                 ee(R(a.content), 1)
               ], !0)
@@ -4325,7 +4351,7 @@ const Rg = ["innerHTML"], Fg = {
           class: "nmorph-alert__close",
           onClick: c
         }, [
-          k(v(P), {
+          k(p(P), {
             name: "cross",
             width: "14px",
             height: "14px"
@@ -4335,9 +4361,9 @@ const Rg = ["innerHTML"], Fg = {
     ], 2)) : O("", !0);
   }
 });
-const M2 = /* @__PURE__ */ de(Gg, [["__scopeId", "data-v-2ba2a634"]]);
+const M2 = /* @__PURE__ */ de(Kg, [["__scopeId", "data-v-ac81beac"]]);
 var re = /* @__PURE__ */ ((e) => (e.success = "success", e.error = "error", e.warning = "warning", e.info = "info", e))(re || {});
-const Kg = { class: "nmorph-dialog__header" }, Xg = { class: "nmorph-dialog__title" }, Jg = { class: "nmorph-dialog__content" }, Qg = /* @__PURE__ */ D({
+const Xg = { class: "nmorph-dialog__header" }, Jg = { class: "nmorph-dialog__title" }, Qg = { class: "nmorph-dialog__content" }, Zg = /* @__PURE__ */ D({
   __name: "NmorphDialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -4349,55 +4375,55 @@ const Kg = { class: "nmorph-dialog__header" }, Xg = { class: "nmorph-dialog__tit
     showClose: { type: Boolean, default: !0 },
     zIndex: { default: 999 }
   },
-  emits: ["on-close", "update:modelValue"],
+  emits: ["on-close", "update:model-value"],
   setup(e, { emit: t }) {
     Z((b) => ({
-      "3a470eff": c.value,
-      "09187237": u.value
+      "57fe3cfe": c.value,
+      "058e40d8": u.value
     }));
     const a = e, l = t, r = _(
       () => A({
         "nmorph-dialog": []
       })
     ), c = _(() => a.width), u = _(() => a.zIndex), d = w(a.modelValue);
-    let h = null, p = null;
-    U(
+    let h = null, v = null;
+    G(
       () => a.modelValue,
       (b) => {
-        b ? (p && clearTimeout(p), h = setTimeout(() => {
+        b ? (v && clearTimeout(v), h = setTimeout(() => {
           d.value = !0;
-        }, a.openDelay)) : (h && clearTimeout(h), p = setTimeout(() => {
+        }, a.openDelay)) : (h && clearTimeout(h), v = setTimeout(() => {
           d.value = !1;
         }, a.closeDelay));
       },
       { immediate: !0 }
     );
     const f = () => {
-      l("on-close"), h && clearTimeout(h), p = setTimeout(() => {
-        l("update:modelValue", !1);
+      l("on-close"), h && clearTimeout(h), v = setTimeout(() => {
+        l("update:model-value", !1);
       }, a.closeDelay);
     };
-    return (b, x) => (o(), q(v(Ve), {
+    return (b, x) => (o(), q(p(ze), {
       show: d.value,
       onOnOutsideClick: f
     }, {
       default: E(() => [
         n("div", {
-          class: z(r.value)
+          class: V(r.value)
         }, [
-          n("div", Kg, [
+          n("div", Xg, [
             S(b.$slots, "header", {}, () => [
-              n("div", Xg, R(a.title), 1),
+              n("div", Jg, R(a.title), 1),
               a.showClose ? (o(), s("div", {
                 key: 0,
                 class: "nmorph-dialog__close-icon",
                 onClick: f
               }, [
-                k(v(P), { name: "cross" })
+                k(p(P), { name: "cross" })
               ])) : O("", !0)
             ])
           ]),
-          n("div", Jg, [
+          n("div", Qg, [
             S(b.$slots, "default")
           ])
         ], 2)
@@ -4406,8 +4432,8 @@ const Kg = { class: "nmorph-dialog__header" }, Xg = { class: "nmorph-dialog__tit
     }, 8, ["show"]));
   }
 });
-var Zg = /* @__PURE__ */ ((e) => (e["contains-one"] = "contains-one", e["not-contains"] = "not-contains", e["full-eq"] = "full-eq", e))(Zg || {}), Ng = /* @__PURE__ */ ((e) => (e.eq = "eq", e.gte = "gte", e.lte = "lte", e.gt = "gt", e.lt = "lt", e))(Ng || {}), Ig = /* @__PURE__ */ ((e) => (e.eq = "eq", e["not-eq"] = "not-eq", e))(Ig || {});
-const Ye = (e) => {
+var Ng = /* @__PURE__ */ ((e) => (e["contains-one"] = "contains-one", e["not-contains"] = "not-contains", e["full-eq"] = "full-eq", e))(Ng || {}), Ig = /* @__PURE__ */ ((e) => (e.eq = "eq", e.gte = "gte", e.lte = "lte", e.gt = "gt", e.lt = "lt", e))(Ig || {}), ew = /* @__PURE__ */ ((e) => (e.eq = "eq", e["not-eq"] = "not-eq", e))(ew || {});
+const Ge = (e) => {
   const { inputValue: t, rules: a } = e, l = w([]), r = _(() => l.value.length === 0), c = w(!1);
   return {
     touched: c,
@@ -4416,10 +4442,10 @@ const Ye = (e) => {
     validate: () => {
       if (t === null || !a.length)
         return null;
-      const d = t, h = ($) => a.length > 0 && $ in a[0], p = typeof d == "string" && h("pattern"), f = typeof d == "number" && h("numberCompareType"), b = typeof d == "string" || typeof d == "boolean" && h("booleanCompareType"), x = Array.isArray(d) && h("arrayCompareType");
-      if (!f && !p && !b && !x)
+      const d = t, h = ($) => a.length > 0 && $ in a[0], v = typeof d == "string" && h("pattern"), f = typeof d == "number" && h("numberCompareType"), b = typeof d == "string" || typeof d == "boolean" && h("booleanCompareType"), x = Array.isArray(d) && h("arrayCompareType");
+      if (!f && !v && !b && !x)
         return console.warn("The input value and the provided rules do not match"), null;
-      if (c.value || (c.value = !0), p) {
+      if (c.value || (c.value = !0), v) {
         const $ = a;
         l.value = $.reduce((g, M) => (d.match(M.pattern) || g.push(M.error), g), []);
       }
@@ -4457,7 +4483,7 @@ const Ye = (e) => {
               if (M.length !== m.length)
                 return !1;
               const C = [...M].sort(), T = [...m].sort();
-              return C.every((B, V) => B === T[V]);
+              return C.every((B, z) => B === T[z]);
             case "not-contains":
               return !M.some((B) => m.includes(B));
           }
@@ -4466,20 +4492,20 @@ const Ye = (e) => {
       }
     }
   };
-}, ew = (e, t = !1) => {
-  const a = ce({}), l = ce(Fe(e)), r = () => {
+}, tw = (e, t = !1) => {
+  const a = ce({}), l = ce(We(e)), r = () => {
     Object.entries(e).forEach(([d, h]) => {
-      a[d] = Ye({ inputValue: h.value, rules: h.rules }), a[d].validate();
+      a[d] = Ge({ inputValue: h.value, rules: h.rules }), a[d].validate();
     });
   }, c = (d, h) => Object.keys(h).filter((f) => {
     const b = d[f] ? JSON.stringify(d[f]) : null, x = JSON.stringify(h[f]);
     return b !== x;
   });
-  return U(e, (d) => {
-    c(l, d).forEach((p) => {
-      const f = d[p];
-      a[p] = Ye({ inputValue: f.value, rules: f.rules }), a[p].validate();
-    }), Object.assign(l, Fe(d));
+  return G(e, (d) => {
+    c(l, d).forEach((v) => {
+      const f = d[v];
+      a[v] = Ge({ inputValue: f.value, rules: f.rules }), a[v].validate();
+    }), Object.assign(l, We(d));
   }, { deep: !0 }), t && r(), {
     fields: a
   };
@@ -4494,7 +4520,7 @@ const Ye = (e) => {
         console.warn("There is no relative element or content DOM element");
         return;
       }
-      const p = l.value.getBoundingClientRect(), f = p.width, b = p.height, x = "value" in a ? a.value : a;
+      const v = l.value.getBoundingClientRect(), f = v.width, b = v.height, x = "value" in a ? a.value : a;
       if (!x) {
         console.warn("Relative element is not an HTMLElement");
         return;
@@ -4504,19 +4530,19 @@ const Ye = (e) => {
     });
   };
   return { placement: u, placementCoords: d };
-}, Gx = () => {
-}, tw = "@nmorph/nmorph-ui-kit", nw = "module", ow = "0.2.86", aw = "MIT", sw = {
+}, Kx = () => {
+}, nw = "@nmorph/nmorph-ui-kit", ow = "module", aw = "0.2.88", sw = "MIT", lw = {
   node: "18.13.0",
   npm: "8.19.3"
-}, lw = "./dist/index.d.ts", rw = "./dist/index.umd.js", cw = "./dist/index.es.js", iw = "./dist/style.css", dw = [
+}, rw = "./dist/index.d.ts", cw = "./dist/index.umd.js", iw = "./dist/index.es.js", dw = "./dist/style.css", uw = [
   "*.css"
-], uw = [
+], hw = [
   "dist",
   "tsconfig.base.json",
   ".eslintrc.base.cjs",
   ".stylelintrc.base.cjs",
   ".prettierrc.base.cjs"
-], hw = {
+], _w = {
   ".": {
     import: {
       types: "./dist/index.d.ts",
@@ -4530,7 +4556,7 @@ const Ye = (e) => {
   "./dist/styles/abstracts/_mixins.scss": "./dist/styles/abstracts/_mixins.scss",
   "./dist/styles/abstracts/_functions.scss": "./dist/styles/abstracts/_functions.scss",
   "./dist/styles/main.scss": "./dist/styles/main.scss"
-}, _w = {
+}, vw = {
   build: "npm run build:types && vite build",
   "lint:es:check": "eslint --ext .js,.ts,.vue --ignore-path .gitignore src/",
   "lint:es": "eslint --ext .js,.ts,.vue --ignore-path .gitignore --fix src/",
@@ -4547,13 +4573,13 @@ const Ye = (e) => {
   "story:preview": "histoire preview",
   "test:dev": "npx vitest",
   "build:types": "vue-tsc --declaration --emitDeclarationOnly --outDir dist"
-}, vw = {
+}, pw = {
   "@types/vue-router": "^2.0.0",
   "normalize.css": "^8.0.1",
   vue: "^3.4.7",
   "vue-i18n": "^9.9.0",
   "vue-template-es2015-compiler": "^1.9.1"
-}, pw = {
+}, mw = {
   "@histoire/plugin-vue": "^0.17.6",
   "@types/node": "^20.10.8",
   "@types/vue": "^2.0.0",
@@ -4591,23 +4617,23 @@ const Ye = (e) => {
   vitest: "^1.2.0",
   "vue-eslint-parser": "^9.4.0",
   "vue-tsc": "^2.0.22"
-}, mw = {
-  name: tw,
-  type: nw,
+}, fw = {
+  name: nw,
+  type: ow,
   private: !1,
-  version: ow,
-  license: aw,
-  engines: sw,
-  types: lw,
-  main: rw,
-  module: cw,
-  style: iw,
-  sideEffects: dw,
-  files: uw,
-  exports: hw,
-  scripts: _w,
-  dependencies: vw,
-  devDependencies: pw
+  version: aw,
+  license: sw,
+  engines: lw,
+  types: rw,
+  main: cw,
+  module: iw,
+  style: dw,
+  sideEffects: uw,
+  files: hw,
+  exports: _w,
+  scripts: vw,
+  dependencies: pw,
+  devDependencies: mw
 }, k2 = [
   { name: "--nmorph-info-color", color: "#d4e5edbb" },
   { name: "--nmorph-info-text-color", color: "#506c80" },
@@ -4617,31 +4643,31 @@ const Ye = (e) => {
   { name: "--nmorph-error-text-color", color: "#8d3333" },
   { name: "--nmorph-warn-color", color: "#E6A21C" },
   { name: "--nmorph-warn-text-color", color: "#7a6712" },
-  { name: "--nmorph-gray-color", color: "#c9d2dee6" },
   { name: "--nmorph-white-color", color: "#ffffff" },
+  { name: "--nmorph-gray-color", color: "#c9d2dee6" },
   { name: "--nmorph-black-color", color: "#000000" },
   { name: "--nmorph-overlay-color", color: "#00000095" }
-], fw = {
+], gw = {
   darkShade: "#c8c9ca",
   main: "#eaf2f9",
   lightShade: "#ffffff",
   text: "#687b9e",
   accent: "#4a90e2",
   focusText: "#ffffff"
-}, gw = {
+}, ww = {
   darkShade: "#0f1112",
   main: "#1c1f21",
   lightShade: "#292d30",
   text: "#778288",
   accent: "#006cb6",
   focusText: "#ffffff"
-}, le = "nmorph-data-theme", ww = "dark", $w = {
+}, le = "nmorph-data-theme", $w = "dark", xw = {
   themes: {
     common: k2,
-    light: fw,
-    dark: gw
+    light: gw,
+    dark: ww
   },
-  defaultTheme: ww,
+  defaultTheme: $w,
   saveCurrentThemeToLS: !0,
   darkShadeGeneratorCoefficient: -45,
   lightShadeGeneratorCoefficient: 45,
@@ -4649,27 +4675,27 @@ const Ye = (e) => {
     baseShadowWidth: "1.5px",
     baseShadowBlurCoefficient: "1.5"
   }
-}, xw = (e) => /^#[0-9A-Fa-f]{6}$/.test(e), yw = (e) => {
-  if (!xw(e))
+}, yw = (e) => /^#[0-9A-Fa-f]{6}$/.test(e), Mw = (e) => {
+  if (!yw(e))
     throw new Error(`Invalid hex color: ${e}`);
   return e;
-}, Mw = (e, t) => {
+}, bw = (e, t) => {
   const a = {};
   return e.forEach(({ name: l, color: r }) => {
     a[l] = r;
   }), t.forEach(({ name: l, color: r }) => {
     a[l] = r;
   }), Object.entries(a).map(([l, r]) => ({ name: l, color: r }));
-}, Ge = (e, t) => {
+}, Ke = (e, t) => {
   let a = parseInt(e.substring(1, 3), 16), l = parseInt(e.substring(3, 5), 16), r = parseInt(e.substring(5, 7), 16);
   a = Math.round(a * (1 + t / 100)), l = Math.round(l * (1 + t / 100)), r = Math.round(r * (1 + t / 100)), a = Math.min(255, Math.max(0, a)), l = Math.min(255, Math.max(0, l)), r = Math.min(255, Math.max(0, r));
   const c = a.toString(16).padStart(2, "0"), u = l.toString(16).padStart(2, "0"), d = r.toString(16).padStart(2, "0");
   return `#${c}${u}${d}`;
-}, bw = (e) => {
-  N2("warn", `NMORPH(v${mw.version})`);
-  const t = { ...$w, ...e }, a = (x) => {
+}, kw = (e) => {
+  N2("warn", `NMORPH(v${fw.version})`);
+  const t = { ...xw, ...e }, a = (x) => {
     try {
-      const y = yw(x), $ = Ge(y, t.darkShadeGeneratorCoefficient), g = Ge(y, t.lightShadeGeneratorCoefficient);
+      const y = Mw(x), $ = Ke(y, t.darkShadeGeneratorCoefficient), g = Ke(y, t.lightShadeGeneratorCoefficient);
       return [
         { name: "--nmorph-dark-shade-color", color: $ },
         { name: "--nmorph-light-shade-color", color: g }
@@ -4678,13 +4704,13 @@ const Ye = (e) => {
       console.error(y.message);
     }
   }, l = (x) => Object.entries(x).map(([y, $]) => ({
-    name: `--nmorph-${We(y)}-color`,
+    name: `--nmorph-${je(y)}-color`,
     color: $
   })), r = (x, y) => {
-    const $ = (m) => m.map((H) => `${H.name}: ${H.color};`).join(" "), g = Object.entries(y).map(([m, H]) => `--${We(m)}: ${H};`).join(" "), M = [];
+    const $ = (m) => m.map((H) => `${H.name}: ${H.color};`).join(" "), g = Object.entries(y).map(([m, H]) => `--${je(m)}: ${H};`).join(" "), M = [];
     return Object.entries(x).forEach(([m, H]) => {
       if (m === "common")
-        M.push($(Mw(k2, H)));
+        M.push($(bw(k2, H)));
       else {
         const C = `
           &[${le}='${m}'] {
@@ -4708,8 +4734,8 @@ const Ye = (e) => {
   const u = document.createElement("style");
   u.type = "text/css", u.innerHTML = r(c, t.other), document.head.appendChild(u);
   const d = (x) => {
-    h.value = x, p.setAttribute(le, h.value), t.saveCurrentThemeToLS ? localStorage.setItem(le, x) : localStorage.removeItem(le);
-  }, h = w(t.defaultTheme), p = document.querySelector("html"), f = localStorage.getItem(le), b = c[f];
+    h.value = x, v.setAttribute(le, h.value), t.saveCurrentThemeToLS ? localStorage.setItem(le, x) : localStorage.removeItem(le);
+  }, h = w(t.defaultTheme), v = document.querySelector("html"), f = localStorage.getItem(le), b = c[f];
   return t.saveCurrentThemeToLS && b && (h.value = localStorage.getItem(le)), d(h.value), { setTheme: d, currentTheme: W2(h) };
 }, H2 = {
   [ae.en]: {
@@ -4720,18 +4746,18 @@ const Ye = (e) => {
     on: "Вкл",
     off: "Выкл"
   }
-}, Ke = {
+}, Xe = {
   NmorphSwitch: H2[ae.en]
-}, Kx = {
+}, Xx = {
   NmorphSwitch: H2[ae.ru]
-}, kw = (e) => {
-  const t = e && e.messages ? { ...e.messages, en: Ke } : { en: Ke }, a = e && e.locale ? e.locale : ae.en;
+}, Hw = (e) => {
+  const t = e && e.messages ? { ...e.messages, en: Xe } : { en: Xe }, a = e && e.locale ? e.locale : ae.en;
   return Y2({
     locale: a,
     fallbackLocale: ae.en,
     messages: t
   });
-}, Xx = () => {
+}, Jx = () => {
   const e = w([]), t = {
     duration: 3e3,
     closable: !0,
@@ -4754,13 +4780,13 @@ const Ye = (e) => {
     notify: a,
     removeNotification: l
   };
-}, Hw = (e) => {
+}, zw = (e) => {
   const t = {};
   return e.role && (t.role = e.role), e.ariaLabel && (t["aria-label"] = e.ariaLabel), e.ariaOrientation && (t["aria-orientation"] = e.ariaOrientation), t;
-}, Vw = { class: "nmorph-tooltip__shadow-content" }, zw = /* @__PURE__ */ n("div", { class: "nmorph-tooltip__triangle" }, null, -1), Bw = {
+}, Vw = { class: "nmorph-tooltip__shadow-content" }, Bw = /* @__PURE__ */ n("div", { class: "nmorph-tooltip__triangle" }, null, -1), Cw = {
   key: 0,
   class: "nmorph-tooltip__info-content"
-}, Cw = { class: "nmorph-tooltip__shadow-content" }, Sw = /* @__PURE__ */ n("div", { class: "nmorph-tooltip__triangle" }, null, -1), Aw = { key: 0 }, V2 = /* @__PURE__ */ D({
+}, Sw = { class: "nmorph-tooltip__shadow-content" }, Aw = /* @__PURE__ */ n("div", { class: "nmorph-tooltip__triangle" }, null, -1), Dw = { key: 0 }, z2 = /* @__PURE__ */ D({
   __name: "NmorphTooltip",
   props: {
     text: { default: "" },
@@ -4770,7 +4796,7 @@ const Ye = (e) => {
   },
   setup(e) {
     Z((f) => ({
-      "042206ed": p.value
+      "042206ed": v.value
     }));
     const t = e, a = w(t.forceShow), l = w(null), r = w(null), { placement: c } = b2({
       initialPlacement: "top",
@@ -4784,9 +4810,9 @@ const Ye = (e) => {
       a.value = !0;
     }, h = () => {
       t.forceShow || (a.value = !1);
-    }, p = _(() => t.forceCoordinate ? "100%" : "auto");
+    }, v = _(() => t.forceCoordinate ? "100%" : "auto");
     return (f, b) => (o(), s("div", {
-      class: z(u.value)
+      class: V(u.value)
     }, [
       n("div", {
         ref_key: "tooltipDOMRef",
@@ -4801,7 +4827,7 @@ const Ye = (e) => {
         }, [
           S(f.$slots, "default")
         ], 512),
-        t.forceCoordinate ? (o(), q(ve, {
+        t.forceCoordinate ? (o(), q(pe, {
           key: 0,
           name: "opacity",
           tag: "div"
@@ -4813,22 +4839,22 @@ const Ye = (e) => {
               style: I({ left: f.forceCoordinate?.x, bottom: f.forceCoordinate?.y })
             }, [
               n("div", Vw, [
-                zw,
+                Bw,
                 n("span", null, R(f.text), 1)
               ])
             ], 4)) : O("", !0)
           ]),
           _: 1
-        })) : (o(), q(ve, {
+        })) : (o(), q(pe, {
           key: 1,
           name: "opacity",
           tag: "div"
         }, {
           default: E(() => [
-            a.value ? (o(), s("div", Bw, [
-              n("div", Cw, [
-                Sw,
-                t.text ? (o(), s("span", Aw, R(f.text), 1)) : S(f.$slots, "content", { key: 1 })
+            a.value ? (o(), s("div", Cw, [
+              n("div", Sw, [
+                Aw,
+                t.text ? (o(), s("span", Dw, R(f.text), 1)) : S(f.$slots, "content", { key: 1 })
               ])
             ])) : O("", !0)
           ]),
@@ -4838,28 +4864,28 @@ const Ye = (e) => {
     ], 2));
   }
 });
-const Dw = {
+const Tw = {
   key: 0,
   class: "nmorph-checkbox__content"
-}, Tw = { class: "nmorph-checkbox__input-wrapper" }, Ow = ["disabled", "checked"], Pw = /* @__PURE__ */ n("div", { class: "nmorph-checkbox__fake" }, null, -1), qw = {
+}, Ow = { class: "nmorph-checkbox__input-wrapper" }, Pw = ["disabled", "checked"], qw = /* @__PURE__ */ n("div", { class: "nmorph-checkbox__fake" }, null, -1), Ew = {
   key: 0,
   class: "nmorph-checkbox__fake-checked"
-}, Ew = {
+}, Rw = {
   key: 0,
   class: "nmorph-checkbox__label"
-}, Rw = {
+}, Fw = {
   key: 1,
   class: "nmorph-checkbox__label"
-}, Fw = {
+}, Ww = {
   key: 1,
   class: "nmorph-checkbox__content"
-}, Ww = ["disabled", "checked"], jw = {
+}, jw = ["disabled", "checked"], Lw = {
   key: 0,
   class: "nmorph-checkbox__fake"
-}, Lw = {
+}, Uw = {
   key: 1,
   class: "nmorph-checkbox__fake"
-}, z2 = /* @__PURE__ */ D({
+}, V2 = /* @__PURE__ */ D({
   __name: "NmorphCheckbox",
   props: {
     id: {},
@@ -4868,7 +4894,7 @@ const Dw = {
     label: { default: "" },
     design: { default: "checkbox" }
   },
-  emits: ["inputDOMRef", "update:modelValue"],
+  emits: ["inputDOMRef", "update:model-value"],
   setup(e, { emit: t }) {
     const a = Q(
       "checkbox-group-selected-value",
@@ -4878,12 +4904,12 @@ const Dw = {
       void 0
     ), r = e;
     K(() => {
-      p("inputDOMRef", c);
+      v("inputDOMRef", c);
     });
-    const c = w(null), u = a !== void 0, d = u ? w(a.value) : w(r.modelValue), h = _(() => u ? a.value.includes(r.id) : r.modelValue), p = t, f = () => {
+    const c = w(null), u = a !== void 0, d = u ? w(a.value) : w(r.modelValue), h = _(() => u ? a.value.includes(r.id) : r.modelValue), v = t, f = () => {
       if (!r.disabled) {
         if (!u) {
-          d.value = !d.value, p("update:modelValue", d.value);
+          d.value = !d.value, v("update:model-value", d.value);
           return;
         }
         l && Array.isArray(d.value) && l(r.id, d.value);
@@ -4898,10 +4924,10 @@ const Dw = {
       })
     );
     return (x, y) => (o(), s("label", {
-      class: z(b.value)
+      class: V(b.value)
     }, [
-      r.design === "checkbox" ? (o(), s("div", Dw, [
-        n("div", Tw, [
+      r.design === "checkbox" ? (o(), s("div", Tw, [
+        n("div", Ow, [
           n("input", {
             ref_key: "inputDOMRef",
             ref: c,
@@ -4910,17 +4936,17 @@ const Dw = {
             checked: h.value,
             class: "nmorph-native-input",
             onChange: f
-          }, null, 40, Ow),
-          Pw,
-          h.value ? (o(), s("div", qw)) : O("", !0)
+          }, null, 40, Pw),
+          qw,
+          h.value ? (o(), s("div", Ew)) : O("", !0)
         ]),
-        r.label ? (o(), s("div", Ew, [
+        r.label ? (o(), s("div", Rw, [
           n("span", null, R(r.label), 1)
-        ])) : (o(), s("div", Rw, [
+        ])) : (o(), s("div", Fw, [
           S(x.$slots, "default")
         ]))
       ])) : O("", !0),
-      r.design === "button" ? (o(), s("div", Fw, [
+      r.design === "button" ? (o(), s("div", Ww, [
         n("input", {
           ref_key: "inputDOMRef",
           ref: c,
@@ -4928,17 +4954,17 @@ const Dw = {
           disabled: r.disabled,
           checked: h.value,
           onChange: f
-        }, null, 40, Ww),
-        r.label ? (o(), s("div", jw, [
+        }, null, 40, jw),
+        r.label ? (o(), s("div", Lw, [
           n("span", null, R(r.label), 1)
-        ])) : (o(), s("div", Lw, [
+        ])) : (o(), s("div", Uw, [
           S(x.$slots, "label")
         ]))
       ])) : O("", !0)
     ], 2));
   }
 });
-const Uw = { class: "nmorph-checkbox-group__wrapper" }, Yw = { class: "nmorph-checkbox-group__content" }, Gw = /* @__PURE__ */ D({
+const Yw = { class: "nmorph-checkbox-group__wrapper" }, Gw = { class: "nmorph-checkbox-group__content" }, Kw = /* @__PURE__ */ D({
   __name: "NmorphCheckboxGroup",
   props: {
     modelValue: { default: () => [] },
@@ -4949,26 +4975,26 @@ const Uw = { class: "nmorph-checkbox-group__wrapper" }, Yw = { class: "nmorph-ch
     fill: { type: Boolean },
     disabled: { type: Boolean }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:model-value"],
   setup(e, { emit: t }) {
     const a = e, l = w(a.modelValue), r = t, c = (d) => {
-      l.value.includes(d) ? l.value = l.value.filter((h) => h !== d) : l.value.push(d), r("update:modelValue", l.value);
+      l.value.includes(d) ? l.value = l.value.filter((h) => h !== d) : l.value.push(d), r("update:model-value", l.value);
     }, u = _(
       () => A({
         "nmorph-checkbox-group": [a.design, a.direction]
       })
     );
     return N("checkbox-group-selected-value", l), N("change-checkbox-value-handler", c), (d, h) => (o(), s("div", {
-      class: z(u.value)
+      class: V(u.value)
     }, [
-      n("div", Uw, [
-        n("div", Yw, [
-          (o(!0), s(Y, null, G(d.options, (p, f) => (o(), q(v(z2), {
-            id: p.id,
+      n("div", Yw, [
+        n("div", Gw, [
+          (o(!0), s(U, null, Y(d.options, (v, f) => (o(), q(p(V2), {
+            id: v.id,
             key: f,
-            label: p.label,
-            "model-value": p.modelValue,
-            disabled: p.disabled,
+            label: v.label,
+            "model-value": v.modelValue,
+            disabled: v.disabled,
             design: a.design
           }, null, 8, ["id", "label", "model-value", "disabled", "design"]))), 128)),
           S(d.$slots, "default")
@@ -4977,13 +5003,13 @@ const Uw = { class: "nmorph-checkbox-group__wrapper" }, Yw = { class: "nmorph-ch
     ], 2));
   }
 });
-const Kw = { class: "nmorph-autocomplete__input-content" }, Xw = {
+const Xw = { class: "nmorph-autocomplete__input-content" }, Jw = {
   key: 0,
   class: "nmorph-autocomplete__loading"
-}, Jw = {
+}, Qw = {
   key: 1,
   class: "nmorph-autocomplete__list"
-}, Qw = ["onClick"], Zw = /* @__PURE__ */ D({
+}, Zw = ["onClick"], Nw = /* @__PURE__ */ D({
   __name: "NmorphAutocomplete",
   props: {
     modelValue: { default: "" },
@@ -4995,18 +5021,18 @@ const Kw = { class: "nmorph-autocomplete__input-content" }, Xw = {
     fill: { type: Boolean, default: !0 },
     disabled: { type: Boolean, default: !1 }
   },
-  emits: ["update:modelValue", "select"],
+  emits: ["update:model-value", "select"],
   setup(e, { emit: t }) {
     const a = e, l = w(a.modelValue), r = t, c = _(
       () => A({
         "nmorph-autocomplete": []
       })
     ), u = ($) => {
-      l.value = $, r("update:modelValue", l.value);
-    }, d = w(!1), h = w(null), p = () => {
+      l.value = $, r("update:model-value", l.value);
+    }, d = w(!1), h = w(null), v = () => {
       d.value = !1;
     }, f = _(() => a.list.filter(($) => Object.keys($).some((g) => String($[g]).toLowerCase().includes(l.value.toLowerCase()))));
-    U(f, ($) => {
+    G(f, ($) => {
       d.value = $.length > 0;
     });
     const b = ($) => {
@@ -5016,20 +5042,20 @@ const Kw = { class: "nmorph-autocomplete__input-content" }, Xw = {
     }, x = () => {
       d.value = f.value.length > 0;
     }, y = w(!1);
-    return U(l, async ($) => {
+    return G(l, async ($) => {
       $ !== "" && a.actionCallback && (y.value = !0, await a.actionCallback(), y.value = !1);
-    }), U(y, ($) => {
+    }), G(y, ($) => {
       $ && (d.value = !0);
     }), ($, g) => (o(), s("div", {
-      class: z(c.value)
+      class: V(c.value)
     }, [
-      n("div", Kw, [
+      n("div", Xw, [
         n("div", {
           ref_key: "nmorphAutocompleteDOMRef",
           ref: h,
           class: "nmorph-autocomplete__input"
         }, [
-          k(v(A2), {
+          k(p(A2), {
             fill: a.fill,
             height: a.height,
             disabled: a.disabled,
@@ -5041,22 +5067,22 @@ const Kw = { class: "nmorph-autocomplete__input-content" }, Xw = {
           }, null, 8, ["fill", "height", "disabled", "model-value", "placeholder", "clearable"])
         ], 512)
       ]),
-      h.value ? (o(), q(v(ie), {
+      h.value ? (o(), q(p(ie), {
         key: 0,
         open: d.value,
         "relative-element": h.value,
-        onOnOutsideClick: p
+        onOnOutsideClick: v
       }, {
         default: E(() => [
-          y.value ? (o(), s("div", Xw, [
+          y.value ? (o(), s("div", Jw, [
             S($.$slots, "loader", {}, () => [
-              k(v(P), {
+              k(p(P), {
                 name: "loader",
                 size: "large"
               })
             ])
-          ])) : (o(), s("div", Jw, [
-            (o(!0), s(Y, null, G(f.value, (M, m) => (o(), s("div", {
+          ])) : (o(), s("div", Qw, [
+            (o(!0), s(U, null, Y(f.value, (M, m) => (o(), s("div", {
               key: m,
               class: "nmorph-autocomplete__list-item",
               onClick: () => b(M)
@@ -5064,7 +5090,7 @@ const Kw = { class: "nmorph-autocomplete__input-content" }, Xw = {
               S($.$slots, "default", { scope: M }, () => [
                 ee(R(M.value), 1)
               ])
-            ], 8, Qw))), 128))
+            ], 8, Zw))), 128))
           ]))
         ]),
         _: 3
@@ -5072,7 +5098,7 @@ const Kw = { class: "nmorph-autocomplete__input-content" }, Xw = {
     ], 2));
   }
 });
-const Xe = /* @__PURE__ */ D({
+const Je = /* @__PURE__ */ D({
   __name: "NmorphClearButton",
   emits: ["clear"],
   setup(e, { emit: t }) {
@@ -5082,21 +5108,21 @@ const Xe = /* @__PURE__ */ D({
       })
     );
     return (r, c) => (o(), s("div", {
-      class: z(l.value)
+      class: V(l.value)
     }, [
-      k(v(P), {
+      k(p(P), {
         name: "error",
         onClick: c[0] || (c[0] = oe((u) => a("clear"), ["stop"]))
       })
     ], 2));
   }
-}), Nw = {
+}), Iw = {
   key: 0,
   class: "nmorph-date-picker__date-wrapper"
-}, Iw = /* @__PURE__ */ n("input", { type: "date" }, null, -1), e$ = { class: "nmorph-date-picker__selected-value" }, t$ = { class: "nmorph-date-picker__clear-button-wrapper" }, n$ = { class: "nmorph-date-picker__content" }, o$ = {
+}, e$ = /* @__PURE__ */ n("input", { type: "date" }, null, -1), t$ = { class: "nmorph-date-picker__selected-value" }, n$ = { class: "nmorph-date-picker__clear-button-wrapper" }, o$ = { class: "nmorph-date-picker__content" }, a$ = {
   key: 1,
   class: "nmorph-date-picker__date-range-wrapper"
-}, a$ = /* @__PURE__ */ n("input", { type: "date" }, null, -1), s$ = { class: "nmorph-date-picker__selected-value" }, l$ = { class: "nmorph-date-picker__value-from" }, r$ = { class: "nmorph-date-picker__value-separator" }, c$ = { class: "nmorph-date-picker__value-from" }, i$ = { class: "nmorph-date-picker__clear-button-wrapper" }, d$ = { class: "nmorph-date-picker__content" }, u$ = /* @__PURE__ */ D({
+}, s$ = /* @__PURE__ */ n("input", { type: "date" }, null, -1), l$ = { class: "nmorph-date-picker__selected-value" }, r$ = { class: "nmorph-date-picker__value-from" }, c$ = { class: "nmorph-date-picker__value-separator" }, i$ = { class: "nmorph-date-picker__value-from" }, d$ = { class: "nmorph-date-picker__clear-button-wrapper" }, u$ = { class: "nmorph-date-picker__content" }, h$ = /* @__PURE__ */ D({
   __name: "NmorphDatePicker",
   props: {
     placeholder: { default: "Pick a date" },
@@ -5110,7 +5136,7 @@ const Xe = /* @__PURE__ */ D({
     height: { default: "default" },
     disabled: { type: Boolean, default: !1 }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:model-value"],
   setup(e, { emit: t }) {
     const a = e, l = w(a.initialStartDate), r = w(
       a.initialEndDate ?? new Date(new Date(a.initialStartDate).setMonth(a.initialStartDate.getMonth() + 1))
@@ -5119,7 +5145,7 @@ const Xe = /* @__PURE__ */ D({
         nmorph: [te[a.height]],
         "nmorph-date-picker": [`${a.disabled && "disabled"}`, a.type]
       })
-    ), h = w(!1), p = w(null), f = () => {
+    ), h = w(!1), v = w(null), f = () => {
       h.value = !1;
     }, b = () => {
       h.value = !h.value;
@@ -5134,58 +5160,58 @@ const Xe = /* @__PURE__ */ D({
         return { from: a.startDatePlaceholder, to: a.endDatePlaceholder };
     }), $ = () => {
       const C = Array.isArray(c.value) ? [] : null;
-      c.value = C, u("update:modelValue", c.value);
+      c.value = C, u("update:model-value", c.value);
     };
     a.type === "date" && Array.isArray(c.value) && console.warn('If you decide to use type "date" the passed property must be an Date object'), (a.type === "dates" || a.type === "daterange") && !Array.isArray(c.value) && console.warn('If you decide to use type "dates" or "daterange" the passed property must be an array');
     const g = (C) => {
       const T = C;
       if (Array.isArray(c.value)) {
         if (a.type === "dates") {
-          const B = T.toDateString(), V = c.value.map((F) => F?.toDateString()), W = V.findIndex((F) => B === F);
-          V.includes(B) ? c.value.splice(W, 1) : c.value.push(T);
+          const B = T.toDateString(), z = c.value.map((F) => F?.toDateString()), W = z.findIndex((F) => B === F);
+          z.includes(B) ? c.value.splice(W, 1) : c.value.push(T);
         }
       } else
         c.value = T;
-      u("update:modelValue", c.value);
+      u("update:model-value", c.value);
     }, M = _(() => Array.isArray(c.value) ? c.value.length > 0 : !!c.value), m = (C) => {
-      Array.isArray(c.value) && (c.value[0] = C, u("update:modelValue", c.value));
+      Array.isArray(c.value) && (c.value[0] = C, u("update:model-value", c.value));
     }, H = (C) => {
-      Array.isArray(c.value) && (c.value[1] = C, u("update:modelValue", c.value));
+      Array.isArray(c.value) && (c.value[1] = C, u("update:model-value", c.value));
     };
     return (C, T) => (o(), s("div", {
-      class: z(d.value)
+      class: V(d.value)
     }, [
-      a.type === "date" || a.type === "dates" ? (o(), s("div", Nw, [
+      a.type === "date" || a.type === "dates" ? (o(), s("div", Iw, [
         n("div", {
           ref_key: "nmorphInputDOMRef",
-          ref: p,
-          class: z(["nmorph-date-picker__input", { "nmorph-date-picker__input--open": h.value }]),
+          ref: v,
+          class: V(["nmorph-date-picker__input", { "nmorph-date-picker__input--open": h.value }]),
           onClick: b
         }, [
-          Iw,
-          k(v(P), {
+          e$,
+          k(p(P), {
             name: "calendar",
             class: "nmorph-date-picker__calendar-icon"
           }),
-          n("div", e$, R(x.value), 1),
-          n("div", t$, [
-            M.value ? (o(), q(Xe, {
+          n("div", t$, R(x.value), 1),
+          n("div", n$, [
+            M.value ? (o(), q(Je, {
               key: 0,
               onClear: $
             })) : O("", !0)
           ])
         ], 2),
-        n("div", n$, [
-          p.value ? (o(), q(v(ie), {
+        n("div", o$, [
+          v.value ? (o(), q(p(ie), {
             key: 0,
             "fill-width": !1,
             width: 324,
             open: h.value,
-            "relative-element": p.value,
+            "relative-element": v.value,
             onOnOutsideClick: f
           }, {
             default: E(() => [
-              k(v(we), {
+              k(p($e), {
                 "selected-values": c.value,
                 "initial-date": l.value,
                 type: C.type,
@@ -5196,48 +5222,48 @@ const Xe = /* @__PURE__ */ D({
           }, 8, ["open", "relative-element"])) : O("", !0)
         ])
       ])) : O("", !0),
-      a.type === "daterange" ? (o(), s("div", o$, [
+      a.type === "daterange" ? (o(), s("div", a$, [
         n("div", {
           ref_key: "nmorphInputDOMRef",
-          ref: p,
-          class: z(["nmorph-date-picker__input", { "nmorph-date-picker__input--open": h.value }]),
+          ref: v,
+          class: V(["nmorph-date-picker__input", { "nmorph-date-picker__input--open": h.value }]),
           onClick: b
         }, [
-          a$,
-          k(v(P), {
+          s$,
+          k(p(P), {
             name: "calendar",
             class: "nmorph-date-picker__calendar-icon"
           }),
-          n("div", s$, [
-            n("div", l$, R(y.value.from), 1),
-            n("div", r$, R(a.textSeparator), 1),
-            n("div", c$, R(y.value.to), 1)
+          n("div", l$, [
+            n("div", r$, R(y.value.from), 1),
+            n("div", c$, R(a.textSeparator), 1),
+            n("div", i$, R(y.value.to), 1)
           ]),
-          n("div", i$, [
-            M.value ? (o(), q(Xe, {
+          n("div", d$, [
+            M.value ? (o(), q(Je, {
               key: 0,
               onClear: $
             })) : O("", !0)
           ])
         ], 2),
-        n("div", d$, [
-          p.value ? (o(), q(v(ie), {
+        n("div", u$, [
+          v.value ? (o(), q(p(ie), {
             key: 0,
             "fill-width": !1,
             width: 648,
             open: h.value,
-            "relative-element": p.value,
+            "relative-element": v.value,
             onOnOutsideClick: f
           }, {
             default: E(() => [
-              k(v(we), {
+              k(p($e), {
                 "selected-values": c.value,
                 "initial-date": l.value,
                 type: C.type,
                 onUpdateSelectedValue: m
               }, null, 8, ["selected-values", "initial-date", "type"]),
-              k(v(P2), { direction: "vertical" }),
-              k(v(we), {
+              k(p(P2), { direction: "vertical" }),
+              k(p($e), {
                 "selected-values": c.value,
                 "initial-date": r.value,
                 type: C.type,
@@ -5252,7 +5278,7 @@ const Xe = /* @__PURE__ */ D({
   }
 });
 var B2 = /* @__PURE__ */ ((e) => (e.date = "date", e.dates = "dates", e.daterange = "daterange", e))(B2 || {});
-const h$ = { class: "nmorph-year-month-picker__header" }, _$ = { class: "nmorph-year-month-picker__value" }, v$ = { class: "nmorph-year-month-picker__values" }, Ae = /* @__PURE__ */ D({
+const _$ = { class: "nmorph-year-month-picker__header" }, v$ = { class: "nmorph-year-month-picker__value" }, p$ = { class: "nmorph-year-month-picker__values" }, Ae = /* @__PURE__ */ D({
   __name: "NmorphYearMonthPicker",
   props: {
     currentDate: {},
@@ -5264,10 +5290,10 @@ const h$ = { class: "nmorph-year-month-picker__header" }, _$ = { class: "nmorph-
       label: M.substring(0, 3),
       value: String(m)
     })), l = e, r = w(a), c = w(String(l.currentDate.getMonth())), u = w(l.currentDate.getFullYear()), d = () => {
-      const M = l.currentDate.getFullYear(), m = d2(M).map((H) => ({ label: String(H), value: String(H) }));
+      const M = l.currentDate.getFullYear(), m = u2(M).map((H) => ({ label: String(H), value: String(H) }));
       r.value = m;
     };
-    U(
+    G(
       () => l.currentDate,
       () => {
         l.type === "year" && (d(), c.value = String(l.currentDate.getFullYear()));
@@ -5277,7 +5303,7 @@ const h$ = { class: "nmorph-year-month-picker__header" }, _$ = { class: "nmorph-
         deep: !0
       }
     );
-    const h = t, p = _(
+    const h = t, v = _(
       () => A({
         "nmorph-year-month-picker": []
       })
@@ -5299,36 +5325,36 @@ const h$ = { class: "nmorph-year-month-picker__header" }, _$ = { class: "nmorph-
       l.type === "month" && h("back-to-years");
     };
     return (M, m) => (o(), s("div", {
-      class: z(p.value)
+      class: V(v.value)
     }, [
-      n("div", h$, [
-        k(v(j), {
+      n("div", _$, [
+        k(p(j), {
           class: "nmorph-year-month-picker__action-btn",
           "style-type": "transparent",
           onClick: m[0] || (m[0] = (H) => y("decrease"))
         }, {
           default: E(() => [
-            k(v(P), {
+            k(p(P), {
               name: "chevron-down",
               class: "nmorph-year-month-picker__chevron-left"
             })
           ]),
           _: 1
         }),
-        n("div", _$, [
-          k(v(j), {
+        n("div", v$, [
+          k(p(j), {
             text: $.value,
             "style-type": "transparent",
             onClick: g
           }, null, 8, ["text"])
         ]),
-        k(v(j), {
+        k(p(j), {
           class: "nmorph-year-month-picker__action-btn",
           "style-type": "transparent",
           onClick: m[1] || (m[1] = (H) => y("increase"))
         }, {
           default: E(() => [
-            k(v(P), {
+            k(p(P), {
               name: "chevron-down",
               class: "nmorph-year-month-picker__chevron-right"
             })
@@ -5336,8 +5362,8 @@ const h$ = { class: "nmorph-year-month-picker__header" }, _$ = { class: "nmorph-
           _: 1
         })
       ]),
-      n("div", v$, [
-        k(v(qe), {
+      n("div", p$, [
+        k(p(Ee), {
           "model-value": c.value,
           options: r.value,
           fill: "",
@@ -5347,7 +5373,7 @@ const h$ = { class: "nmorph-year-month-picker__header" }, _$ = { class: "nmorph-
     ], 2));
   }
 });
-const we = /* @__PURE__ */ D({
+const $e = /* @__PURE__ */ D({
   __name: "NmorphDatePickerContent",
   props: {
     initialDate: { default: () => /* @__PURE__ */ new Date() },
@@ -5360,12 +5386,12 @@ const we = /* @__PURE__ */ D({
       () => A({
         "nmorph-date-picker-content": []
       })
-    ), c = w(a.initialDate), u = w("calendar"), d = _(() => new Date(c.value.setMonth(c.value.getMonth() - 1))), h = _(() => new Date(c.value.setMonth(c.value.getMonth() + 1))), p = _(() => new Date(c.value.setFullYear(c.value.getFullYear() - 1))), f = _(() => new Date(c.value.setFullYear(c.value.getFullYear() + 1))), b = () => {
+    ), c = w(a.initialDate), u = w("calendar"), d = _(() => new Date(c.value.setMonth(c.value.getMonth() - 1))), h = _(() => new Date(c.value.setMonth(c.value.getMonth() + 1))), v = _(() => new Date(c.value.setFullYear(c.value.getFullYear() - 1))), f = _(() => new Date(c.value.setFullYear(c.value.getFullYear() + 1))), b = () => {
       c.value = d.value;
     }, x = () => {
       c.value = h.value;
     }, y = () => {
-      c.value = p.value;
+      c.value = v.value;
     }, $ = () => {
       c.value = f.value;
     }, g = () => {
@@ -5373,20 +5399,20 @@ const we = /* @__PURE__ */ D({
     }, M = () => {
       u.value = "month";
     }, m = (B) => {
-      const V = new Date(c.value.setFullYear(Number(B)));
-      c.value = V, u.value = "month";
+      const z = new Date(c.value.setFullYear(Number(B)));
+      c.value = z, u.value = "month";
     }, H = (B) => {
-      const V = new Date(c.value.setMonth(Number(B)));
-      c.value = V, u.value = "calendar";
+      const z = new Date(c.value.setMonth(Number(B)));
+      c.value = z, u.value = "calendar";
     }, C = () => {
       u.value = "year";
     }, T = (B) => {
       l("update-selected-value", B);
     };
-    return (B, V) => (o(), s("div", {
-      class: z(r.value)
+    return (B, z) => (o(), s("div", {
+      class: V(r.value)
     }, [
-      u.value === "calendar" ? (o(), q(v(i2), {
+      u.value === "calendar" ? (o(), q(p(d2), {
         key: 0,
         type: a.type,
         "selected-values": a.selectedValues,
@@ -5394,7 +5420,7 @@ const we = /* @__PURE__ */ D({
         "onUpdate:modelValue": T
       }, {
         header: E(() => [
-          k(v(C2), {
+          k(p(C2), {
             date: c.value,
             onPrevMonth: b,
             onNextMonth: x,
@@ -5406,13 +5432,13 @@ const we = /* @__PURE__ */ D({
         ]),
         _: 1
       }, 8, ["type", "selected-values", "initial-date"])) : O("", !0),
-      u.value === "year" ? (o(), q(v(Ae), {
+      u.value === "year" ? (o(), q(p(Ae), {
         key: 1,
         type: "year",
         "current-date": c.value,
         onUpdateYear: m
       }, null, 8, ["current-date"])) : O("", !0),
-      u.value === "month" ? (o(), q(v(Ae), {
+      u.value === "month" ? (o(), q(p(Ae), {
         key: 2,
         type: "month",
         "current-date": c.value,
@@ -5422,7 +5448,7 @@ const we = /* @__PURE__ */ D({
       }, null, 8, ["current-date"])) : O("", !0)
     ], 2));
   }
-}), p$ = { class: "nmorph-date-picker-header__left-side" }, m$ = { class: "nmorph-date-picker-header__center-side" }, f$ = { class: "nmorph-date-picker-header__right-side" }, C2 = /* @__PURE__ */ D({
+}), m$ = { class: "nmorph-date-picker-header__left-side" }, f$ = { class: "nmorph-date-picker-header__center-side" }, g$ = { class: "nmorph-date-picker-header__right-side" }, C2 = /* @__PURE__ */ D({
   __name: "NmorphDatePickerHeader",
   props: {
     date: { default: () => /* @__PURE__ */ new Date() }
@@ -5435,29 +5461,29 @@ const we = /* @__PURE__ */ D({
       })
     );
     return (c, u) => (o(), s("div", {
-      class: z(r.value)
+      class: V(r.value)
     }, [
-      n("div", p$, [
-        k(v(j), {
+      n("div", m$, [
+        k(p(j), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
           onClick: u[0] || (u[0] = (d) => l("prev-year"))
         }, {
           default: E(() => [
-            k(v(P), {
+            k(p(P), {
               name: "chevron-double-down",
               class: "nmorph-date-picker-header__chevron-double-left"
             })
           ]),
           _: 1
         }),
-        k(v(j), {
+        k(p(j), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
           onClick: u[1] || (u[1] = (d) => l("prev-month"))
         }, {
           default: E(() => [
-            k(v(P), {
+            k(p(P), {
               name: "chevron-down",
               class: "nmorph-date-picker-header__chevron-left"
             })
@@ -5465,41 +5491,41 @@ const we = /* @__PURE__ */ D({
           _: 1
         })
       ]),
-      n("div", m$, [
-        k(v(j), {
+      n("div", f$, [
+        k(p(j), {
           text: String(a.date.getFullYear()),
           "style-type": "transparent",
           fill: "",
           onClick: u[2] || (u[2] = (d) => l("change-year"))
         }, null, 8, ["text"]),
-        k(v(j), {
-          text: v(Oe)(a.date.getMonth()),
+        k(p(j), {
+          text: p(Oe)(a.date.getMonth()),
           "style-type": "transparent",
           fill: "",
           onClick: u[3] || (u[3] = (d) => l("change-month"))
         }, null, 8, ["text"])
       ]),
-      n("div", f$, [
-        k(v(j), {
+      n("div", g$, [
+        k(p(j), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
           onClick: u[4] || (u[4] = (d) => l("next-month"))
         }, {
           default: E(() => [
-            k(v(P), {
+            k(p(P), {
               name: "chevron-down",
               class: "nmorph-date-picker-header__chevron-right"
             })
           ]),
           _: 1
         }),
-        k(v(j), {
+        k(p(j), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
           onClick: u[5] || (u[5] = (d) => l("next-year"))
         }, {
           default: E(() => [
-            k(v(P), {
+            k(p(P), {
               name: "chevron-double-down",
               class: "nmorph-date-picker-header__chevron-double-right"
             })
@@ -5510,7 +5536,7 @@ const we = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const g$ = { class: "nmorph-file-upload__trigger" }, w$ = ["multiple"], $$ = { class: "nmorph-file-upload__list" }, x$ = { class: "nmorph-file-upload__file-info" }, y$ = { class: "nmorph-file-upload__file-name" }, M$ = { class: "nmorph-file-upload__remove-file" }, b$ = /* @__PURE__ */ D({
+const w$ = { class: "nmorph-file-upload__trigger" }, $$ = ["multiple"], x$ = { class: "nmorph-file-upload__list" }, y$ = { class: "nmorph-file-upload__file-info" }, M$ = { class: "nmorph-file-upload__file-name" }, b$ = { class: "nmorph-file-upload__remove-file" }, k$ = /* @__PURE__ */ D({
   __name: "NmorphFileUpload",
   props: {
     modelValue: { default: () => [] },
@@ -5520,7 +5546,7 @@ const g$ = { class: "nmorph-file-upload__trigger" }, w$ = ["multiple"], $$ = { c
     photoWithPreview: { type: Boolean, default: !0 },
     fill: { type: Boolean, default: !0 }
   },
-  emits: ["inputDOMRef", "update:modelValue", "on-unsupported-file-type-error"],
+  emits: ["inputDOMRef", "update:model-value", "on-unsupported-file-type-error"],
   setup(e, { emit: t }) {
     const a = e, l = (y) => y.split("/")[1], r = (y) => {
       const $ = l(y);
@@ -5541,16 +5567,16 @@ const g$ = { class: "nmorph-file-upload__trigger" }, w$ = ["multiple"], $$ = { c
           c.push(H);
         }), c.length === 0)
           return;
-        p();
+        v();
       }
-    }, p = () => {
+    }, v = () => {
       b(
-        "update:modelValue",
+        "update:model-value",
         c.map((y) => y.data)
       );
     }, f = (y) => {
       const $ = c.findIndex((g) => g.data.name === y);
-      $ !== -1 && (URL.revokeObjectURL(c[$].previewUrl), c.splice($, 1), p());
+      $ !== -1 && (URL.revokeObjectURL(c[$].previewUrl), c.splice($, 1), v());
     };
     K(() => {
       b("inputDOMRef", u);
@@ -5562,9 +5588,9 @@ const g$ = { class: "nmorph-file-upload__trigger" }, w$ = ["multiple"], $$ = { c
       })
     );
     return (y, $) => (o(), s("div", {
-      class: z(x.value)
+      class: V(x.value)
     }, [
-      n("div", g$, [
+      n("div", w$, [
         n("input", {
           ref_key: "inputDOMRef",
           ref: u,
@@ -5572,42 +5598,42 @@ const g$ = { class: "nmorph-file-upload__trigger" }, w$ = ["multiple"], $$ = { c
           multiple: a.multiple,
           class: "nmorph-native-input",
           onChange: h
-        }, null, 40, w$),
+        }, null, 40, $$),
         S(y.$slots, "trigger", {}, () => [
-          k(v(j), {
+          k(p(j), {
             text: "Select file",
             fill: "",
             onClick: d
           })
         ])
       ]),
-      n("div", $$, [
-        k(ve, {
+      n("div", x$, [
+        k(pe, {
           name: "list",
           tag: "div"
         }, {
           default: E(() => [
-            (o(!0), s(Y, null, G(v(c), ({ data: g, previewUrl: M }) => (o(), s("div", {
+            (o(!0), s(U, null, Y(p(c), ({ data: g, previewUrl: M }) => (o(), s("div", {
               key: g.name,
               class: "nmorph-file-upload__file"
             }, [
-              k(v(m2), { src: M }, null, 8, ["src"]),
-              n("div", x$, [
-                k(v(P), {
+              k(p(f2), { src: M }, null, 8, ["src"]),
+              n("div", y$, [
+                k(p(P), {
                   name: r(g.type),
                   width: "14px",
                   height: "17px"
                 }, null, 8, ["name"]),
-                n("span", y$, R(g.name), 1)
+                n("span", M$, R(g.name), 1)
               ]),
-              n("div", M$, [
-                k(v(j), {
+              n("div", b$, [
+                k(p(j), {
                   height: "thin",
                   "style-type": "transparent",
                   onClick: (m) => f(g.name)
                 }, {
                   default: E(() => [
-                    k(v(P), { name: "error" })
+                    k(p(P), { name: "error" })
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -5620,14 +5646,14 @@ const g$ = { class: "nmorph-file-upload__trigger" }, w$ = ["multiple"], $$ = { c
     ], 2));
   }
 });
-var Me = /* @__PURE__ */ ((e) => (e.jpeg = "image/jpeg", e.jpg = "image/jpg", e.png = "image/png", e.gif = "image/gif", e["svg-xml"] = "image/svg+xml", e.webp = "image/webp", e))(Me || {}), be = /* @__PURE__ */ ((e) => (e.mp4 = "video/mp4", e.webm = "video/webm", e["wideo-ogg"] = "video/ogg", e))(be || {}), ke = /* @__PURE__ */ ((e) => (e.mpeg = "audio/mpeg", e["audio-ogg"] = "audio/ogg", e.wav = "audio/wav", e))(ke || {}), Pe = /* @__PURE__ */ ((e) => (e.pdf = "application/pdf", e.msword = "application/msword", e.docx = "application/vnd.openxmlformats-officedocument.wordprocessingml.document", e.xlsx = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", e.pptx = "application/vnd.openxmlformats-officedocument.presentationml.presentation", e.json = "application/json", e.xml = "application/xml", e))(Pe || {}), He = /* @__PURE__ */ ((e) => (e.zip = "application/zip", e.rar = "application/x-rar-compressed", e["7z"] = "application/x-7z-compressed", e))(He || {});
-const k$ = {
+var Me = /* @__PURE__ */ ((e) => (e.jpeg = "image/jpeg", e.jpg = "image/jpg", e.png = "image/png", e.gif = "image/gif", e["svg-xml"] = "image/svg+xml", e.webp = "image/webp", e))(Me || {}), be = /* @__PURE__ */ ((e) => (e.mp4 = "video/mp4", e.webm = "video/webm", e["wideo-ogg"] = "video/ogg", e))(be || {}), ke = /* @__PURE__ */ ((e) => (e.mpeg = "audio/mpeg", e["audio-ogg"] = "audio/ogg", e.wav = "audio/wav", e))(ke || {}), qe = /* @__PURE__ */ ((e) => (e.pdf = "application/pdf", e.msword = "application/msword", e.docx = "application/vnd.openxmlformats-officedocument.wordprocessingml.document", e.xlsx = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", e.pptx = "application/vnd.openxmlformats-officedocument.presentationml.presentation", e.json = "application/json", e.xml = "application/xml", e))(qe || {}), He = /* @__PURE__ */ ((e) => (e.zip = "application/zip", e.rar = "application/x-rar-compressed", e["7z"] = "application/x-7z-compressed", e))(He || {});
+const H$ = {
   ...Me,
   ...be,
   ...ke,
-  ...Pe,
+  ...qe,
   ...He
-}, H$ = { class: "nmorph-form__content" }, V$ = /* @__PURE__ */ D({
+}, z$ = { class: "nmorph-form__content" }, V$ = /* @__PURE__ */ D({
   __name: "NmorphForm",
   props: {
     value: {},
@@ -5639,18 +5665,18 @@ const k$ = {
       () => A({
         "nmorph-form": []
       })
-    ), r = ew(a.value, a.validateImmediately), c = t;
+    ), r = tw(a.value, a.validateImmediately), c = t;
     return K(() => {
       c("formValidator", r);
     }), N("form-data", r), (u, d) => (o(), s("form", {
-      class: z(l.value)
+      class: V(l.value)
     }, [
-      n("div", H$, [
+      n("div", z$, [
         S(u.$slots, "default")
       ])
     ], 2));
   }
-}), z$ = /* @__PURE__ */ D({
+}), B$ = /* @__PURE__ */ D({
   __name: "NmorphErrorBox",
   props: {
     height: { default: "default" },
@@ -5665,14 +5691,14 @@ const k$ = {
       })
     );
     return (r, c) => (o(), s("div", {
-      class: z(l.value)
+      class: V(l.value)
     }, [
-      k(ve, {
+      k(pe, {
         name: "list",
         tag: "div"
       }, {
         default: E(() => [
-          (o(!0), s(Y, null, G(a.value, (u) => (o(), s("p", {
+          (o(!0), s(U, null, Y(a.value, (u) => (o(), s("p", {
             key: u,
             class: "nmorph-error-box__error"
           }, R(u), 1))), 128))
@@ -5682,7 +5708,7 @@ const k$ = {
     ], 2));
   }
 });
-const Be = "18px", B$ = /* @__PURE__ */ D({
+const Be = "18px", C$ = /* @__PURE__ */ D({
   __name: "NmorphValidationIcon",
   props: {
     valid: { type: [Boolean, Object] },
@@ -5698,9 +5724,9 @@ const Be = "18px", B$ = /* @__PURE__ */ D({
       })
     ), l = _(() => t.valid ? "success" : "error");
     return (r, c) => (o(), s("div", {
-      class: z(a.value)
+      class: V(a.value)
     }, [
-      r.show ? (o(), q(v(P), {
+      r.show ? (o(), q(p(P), {
         key: 0,
         class: "nmorph-validation-icon__content",
         name: l.value,
@@ -5710,7 +5736,7 @@ const Be = "18px", B$ = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const C$ = { key: 0 }, S$ = { class: "nmorph-form-item__content" }, A$ = /* @__PURE__ */ D({
+const S$ = { key: 0 }, A$ = { class: "nmorph-form-item__content" }, D$ = /* @__PURE__ */ D({
   __name: "NmorphFormItem",
   props: {
     id: {},
@@ -5731,18 +5757,18 @@ const C$ = { key: 0 }, S$ = { class: "nmorph-form-item__content" }, A$ = /* @__P
         ]
       })
     );
-    return (h, p) => (o(), s("div", {
-      class: z(d.value)
+    return (h, v) => (o(), s("div", {
+      class: V(d.value)
     }, [
-      t.label ? (o(), s("label", C$, R(t.label), 1)) : O("", !0),
-      n("div", S$, [
+      t.label ? (o(), s("label", S$, R(t.label), 1)) : O("", !0),
+      n("div", A$, [
         S(h.$slots, "default"),
-        k(v(B$), {
+        k(p(C$), {
           valid: !!l.value?.valid,
           show: c.value
         }, null, 8, ["valid", "show"])
       ]),
-      k(v(z$), {
+      k(p(B$), {
         errors: l.value?.errors,
         height: t.height,
         "static-height": h.staticErrorBoxSpace
@@ -5750,16 +5776,16 @@ const C$ = { key: 0 }, S$ = { class: "nmorph-form-item__content" }, A$ = /* @__P
     ], 2));
   }
 });
-const D$ = { class: "nmorph-number-input__content" }, T$ = { class: "nmorph-number-input__input-content" }, O$ = {
+const T$ = { class: "nmorph-number-input__content" }, O$ = { class: "nmorph-number-input__input-content" }, P$ = {
   key: 0,
   class: "nmorph-number-input__decrease"
-}, P$ = ["value", "min", "max"], q$ = {
+}, q$ = ["value", "min", "max"], E$ = {
   key: 1,
   class: "nmorph-number-input__increase"
-}, E$ = {
+}, R$ = {
   key: 2,
   class: "nmorph-number-input__action-btns"
-}, R$ = { class: "nmorph-number-input__decrease" }, F$ = { class: "nmorph-number-input__increase" }, W$ = /* @__PURE__ */ D({
+}, F$ = { class: "nmorph-number-input__decrease" }, W$ = { class: "nmorph-number-input__increase" }, j$ = /* @__PURE__ */ D({
   __name: "NmorphNumberInput",
   props: {
     modelValue: { default: 0 },
@@ -5771,10 +5797,10 @@ const D$ = { class: "nmorph-number-input__content" }, T$ = { class: "nmorph-numb
     fill: { type: Boolean, default: !0 },
     disabled: { type: Boolean, default: !1 }
   },
-  emits: ["inputDOMRef", "update:modelValue"],
+  emits: ["inputDOMRef", "update:model-value"],
   setup(e, { emit: t }) {
     Z((g) => ({
-      f154b2b0: p.value
+      "629bff04": v.value
     }));
     const a = e, l = _(
       () => A({
@@ -5788,7 +5814,7 @@ const D$ = { class: "nmorph-number-input__content" }, T$ = { class: "nmorph-numb
       r.value += a.step;
     }, u = () => {
       r.value -= a.step;
-    }, d = _(() => r.value <= a.min), h = _(() => r.value >= a.max), p = _(() => a.height === "thick" ? "16px" : "12px"), f = {
+    }, d = _(() => r.value <= a.min), h = _(() => r.value >= a.max), v = _(() => a.height === "thick" ? "16px" : "12px"), f = {
       thick: {
         default: "12px",
         right: "8px"
@@ -5809,26 +5835,26 @@ const D$ = { class: "nmorph-number-input__content" }, T$ = { class: "nmorph-numb
       let m = Number(M.value);
       r.value = m;
     };
-    U(r, (g) => {
-      g > a.max && (r.value = a.max, $.value?.blur()), r.value < a.min && (r.value = a.min, $.value?.blur()), x("update:modelValue", g);
+    G(r, (g) => {
+      g > a.max && (r.value = a.max, $.value?.blur()), r.value < a.min && (r.value = a.min, $.value?.blur()), x("update:model-value", g);
     }), K(() => {
       x("inputDOMRef", $);
     });
     const $ = w(null);
     return (g, M) => (o(), s("div", {
-      class: z(l.value)
+      class: V(l.value)
     }, [
-      n("div", D$, [
-        n("div", T$, [
-          g.actionBtnPositionRight ? O("", !0) : (o(), s("div", O$, [
-            k(v(j), {
+      n("div", T$, [
+        n("div", O$, [
+          g.actionBtnPositionRight ? O("", !0) : (o(), s("div", P$, [
+            k(p(j), {
               "style-type": "transparent",
               disabled: d.value,
               height: a.height,
               onClick: u
             }, {
               default: E(() => [
-                k(v(P), {
+                k(p(P), {
                   name: "minus",
                   width: b.value,
                   height: b.value
@@ -5846,16 +5872,16 @@ const D$ = { class: "nmorph-number-input__content" }, T$ = { class: "nmorph-numb
             min: a.min,
             max: a.max,
             onInput: y
-          }, null, 40, P$),
-          g.actionBtnPositionRight ? (o(), s("div", E$, [
-            n("div", R$, [
-              k(v(j), {
+          }, null, 40, q$),
+          g.actionBtnPositionRight ? (o(), s("div", R$, [
+            n("div", F$, [
+              k(p(j), {
                 "style-type": "transparent",
                 disabled: d.value,
                 onClick: u
               }, {
                 default: E(() => [
-                  k(v(P), {
+                  k(p(P), {
                     name: "minus",
                     width: b.value,
                     height: b.value
@@ -5864,14 +5890,14 @@ const D$ = { class: "nmorph-number-input__content" }, T$ = { class: "nmorph-numb
                 _: 1
               }, 8, ["disabled"])
             ]),
-            n("div", F$, [
-              k(v(j), {
+            n("div", W$, [
+              k(p(j), {
                 "style-type": "transparent",
                 disabled: h.value,
                 onClick: c
               }, {
                 default: E(() => [
-                  k(v(P), {
+                  k(p(P), {
                     name: "plus",
                     width: b.value,
                     height: b.value
@@ -5880,15 +5906,15 @@ const D$ = { class: "nmorph-number-input__content" }, T$ = { class: "nmorph-numb
                 _: 1
               }, 8, ["disabled"])
             ])
-          ])) : (o(), s("div", q$, [
-            k(v(j), {
+          ])) : (o(), s("div", E$, [
+            k(p(j), {
               "style-type": "transparent",
               disabled: h.value,
               height: a.height,
               onClick: c
             }, {
               default: E(() => [
-                k(v(P), {
+                k(p(P), {
                   name: "plus",
                   width: b.value,
                   height: b.value
@@ -5902,16 +5928,16 @@ const D$ = { class: "nmorph-number-input__content" }, T$ = { class: "nmorph-numb
     ], 2));
   }
 });
-const j$ = { class: "nmorph-select__content" }, L$ = {
+const L$ = { class: "nmorph-select__content" }, U$ = {
   key: 0,
   class: "nmorph-select__selected-value"
-}, U$ = {
+}, Y$ = {
   key: 1,
   class: "nmorph-select__selected-value"
-}, Y$ = {
+}, G$ = {
   key: 2,
   class: "nmorph-select__selected-value"
-}, G$ = /* @__PURE__ */ D({
+}, K$ = /* @__PURE__ */ D({
   __name: "NmorphSelect",
   props: {
     noElementPlaceholder: { default: "Choose value" },
@@ -5925,17 +5951,17 @@ const j$ = { class: "nmorph-select__content" }, L$ = {
     fill: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:model-value"],
   setup(e, { emit: t }) {
-    const a = e, l = t, r = w(a.modelValue), c = w(a.open), u = w(null), d = w(null), h = w(!0), p = (m) => {
+    const a = e, l = t, r = w(a.modelValue), c = w(a.open), u = w(null), d = w(null), h = w(!0), v = (m) => {
       if (!a.disabled) {
-        if (c.value = !1, typeof r.value == "string" && (!a.valueRequired && r.value === m ? r.value = "" : r.value = m, l("update:modelValue", r.value)), Array.isArray(r.value)) {
+        if (c.value = !1, typeof r.value == "string" && (!a.valueRequired && r.value === m ? r.value = "" : r.value = m, l("update:model-value", r.value)), Array.isArray(r.value)) {
           const H = r.value.includes(m), C = r.value.length === 1 && H;
           if (a.valueRequired && C)
             return;
           H ? r.value = r.value.filter((T) => T !== m) : r.value = [...r.value, m];
         }
-        l("update:modelValue", r.value);
+        l("update:model-value", r.value);
       }
     }, f = _(
       () => A({
@@ -5951,7 +5977,7 @@ const j$ = { class: "nmorph-select__content" }, L$ = {
     ), b = () => {
       c.value = !c.value;
     };
-    U(c, (m) => {
+    G(c, (m) => {
       m && (h.value = !1);
     });
     const x = () => {
@@ -5963,37 +5989,37 @@ const j$ = { class: "nmorph-select__content" }, L$ = {
       document.removeEventListener("click", x);
     });
     const y = _(() => typeof r.value == "string" ? r.value === "" ? a.noElementPlaceholder : a.options.find((m) => m.value === r.value)?.label : r.value), $ = _(() => a.options.length > 0 ? a.options : a.optionsMap), g = _(() => $.value.length > 0 ? $.value.filter((H) => r.value.includes(H.value)).map((H) => ({ text: H.label, value: H.value })) : Array.isArray(r.value) ? r.value.map((H) => ({ text: H, value: H })) : [{ text: r.value, value: r.value }]);
-    N("select-selected-value", r), N("select-change-selected-value", p);
+    N("select-selected-value", r), N("select-change-selected-value", v);
     const M = w(null);
     return (m, H) => (o(), s("div", {
-      class: z(f.value)
+      class: V(f.value)
     }, [
-      n("div", j$, [
+      n("div", L$, [
         n("div", {
           ref_key: "nmorphSelectDOMRef",
           ref: M,
           class: "nmorph-select__selected-values-line",
           onClick: oe(b, ["stop"])
         }, [
-          typeof r.value == "string" ? (o(), s("div", L$, R(y.value), 1)) : O("", !0),
-          r.value.length <= 0 ? (o(), s("div", U$, R(a.noElementPlaceholder), 1)) : (o(), s("div", Y$, [
-            (o(!0), s(Y, null, G(g.value, (C) => (o(), q(v(y2), $e({
+          typeof r.value == "string" ? (o(), s("div", U$, R(y.value), 1)) : O("", !0),
+          r.value.length <= 0 ? (o(), s("div", Y$, R(a.noElementPlaceholder), 1)) : (o(), s("div", G$, [
+            (o(!0), s(U, null, Y(g.value, (C) => (o(), q(p(Pe), _e({
               key: C.value,
               ref_for: !0
             }, C, {
               transparent: "",
               removable: g.value.length > 1 || !a.valueRequired,
               height: "thin",
-              onClose: p
+              onClose: v
             }), null, 16, ["removable"]))), 128))
           ])),
-          k(v(P), {
+          k(p(P), {
             name: "chevron-down",
             class: "nmorph-select__chevron"
           })
         ], 512)
       ]),
-      M.value ? (o(), q(v(ie), {
+      M.value ? (o(), q(p(ie), {
         key: 0,
         open: c.value,
         "relative-element": M.value,
@@ -6005,7 +6031,7 @@ const j$ = { class: "nmorph-select__content" }, L$ = {
             ref: u,
             class: "nmorph-select__options"
           }, [
-            (o(!0), s(Y, null, G(m.options, (C) => (o(), q(v(S2), $e({
+            (o(!0), s(U, null, Y(m.options, (C) => (o(), q(p(S2), _e({
               key: C.value,
               ref_for: !0
             }, C, {
@@ -6019,7 +6045,7 @@ const j$ = { class: "nmorph-select__content" }, L$ = {
     ], 2));
   }
 });
-const K$ = { class: "nmorph-select-option__content" }, S2 = /* @__PURE__ */ D({
+const X$ = { class: "nmorph-select-option__content" }, S2 = /* @__PURE__ */ D({
   __name: "NmorphSelectOption",
   props: {
     value: {},
@@ -6031,7 +6057,7 @@ const K$ = { class: "nmorph-select-option__content" }, S2 = /* @__PURE__ */ D({
   setup(e, { emit: t }) {
     const a = Q("select-selected-value", void 0), l = Q("select-change-selected-value", void 0), r = e, c = t, u = () => {
       r.disabled || (c("change-value", r.value), l && l(r.value));
-    }, d = _(() => typeof a?.value == "string" ? a.value === r.value : Array.isArray(a?.value) ? a.value.some((p) => p === r.value) : !1), h = _(
+    }, d = _(() => typeof a?.value == "string" ? a.value === r.value : Array.isArray(a?.value) ? a.value.some((v) => v === r.value) : !1), h = _(
       () => A({
         nmorph: [te[r.height]],
         "nmorph-select-option": [
@@ -6041,15 +6067,15 @@ const K$ = { class: "nmorph-select-option__content" }, S2 = /* @__PURE__ */ D({
         ]
       })
     );
-    return (p, f) => (o(), s("div", {
-      class: z(h.value),
+    return (v, f) => (o(), s("div", {
+      class: V(h.value),
       onClick: u
     }, [
-      n("div", K$, [
+      n("div", X$, [
         n("span", null, R(r.label), 1),
-        S(p.$slots, "default")
+        S(v.$slots, "default")
       ]),
-      d.value ? (o(), q(v(P), {
+      d.value ? (o(), q(p(P), {
         key: 0,
         name: "success",
         class: "nmorph-select-option__checked"
@@ -6057,7 +6083,7 @@ const K$ = { class: "nmorph-select-option__content" }, S2 = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const X$ = { class: "nmorph-slider__content" }, J$ = { class: "nmorph-slider__input-wrapper" }, Q$ = ["value", "min", "max", "step"], Je = 40, Z$ = /* @__PURE__ */ D({
+const J$ = { class: "nmorph-slider__content" }, Q$ = { class: "nmorph-slider__input-wrapper" }, Z$ = ["value", "min", "max", "step"], Qe = 40, N$ = /* @__PURE__ */ D({
   __name: "NmorphSlider",
   props: {
     modelValue: { default: 0 },
@@ -6068,32 +6094,32 @@ const X$ = { class: "nmorph-slider__content" }, J$ = { class: "nmorph-slider__in
     fill: { type: Boolean, default: !0 },
     disabled: { type: Boolean, default: !1 }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:model-value"],
   setup(e, { emit: t }) {
     Z((B) => ({
-      dd865e72: r
+      "5408a43b": r
     }));
     const a = e, l = _(
       () => A({
         nmorph: [`${a.fill && "fill"}`],
         "nmorph-slider": [`${a.disabled && "disabled"}`]
       })
-    ), r = `${Je}px`, c = w(a.showTooltip), u = t, d = w(a.modelValue), h = w(null);
-    U(d, () => {
-      u("update:modelValue", d.value);
-    }), U(
+    ), r = `${Qe}px`, c = w(a.showTooltip), u = t, d = w(a.modelValue), h = w(null);
+    G(d, () => {
+      u("update:model-value", d.value);
+    }), G(
       () => a.modelValue,
       (B) => {
         d.value = B;
       }
     );
-    const p = _(() => {
-      const B = f.value - f.value, V = a.max - a.min + B, W = (d.value - a.min) / V * 100, F = h.value?.clientWidth || 0, X = Je / F * 100, L = X / 2;
+    const v = _(() => {
+      const B = f.value - f.value, z = a.max - a.min + B, W = (d.value - a.min) / z * 100, F = h.value?.clientWidth || 0, X = Qe / F * 100, L = X / 2;
       let J = W - L;
-      const se = `${Math.max(0, Math.min(100 - X, J))}%`, ze = `${J + L}%`;
+      const se = `${Math.max(0, Math.min(100 - X, J))}%`, Ve = `${J + L}%`;
       return {
         thumb: se,
-        tooltip: ze
+        tooltip: Ve
       };
     }), f = w(0), b = w(0), x = () => {
       f.value = window.innerWidth, b.value = window.innerHeight;
@@ -6105,10 +6131,10 @@ const X$ = { class: "nmorph-slider__content" }, J$ = { class: "nmorph-slider__in
     });
     const y = (B) => {
       T.value = !1;
-      const V = h.value?.getBoundingClientRect();
+      const z = h.value?.getBoundingClientRect();
       let W = 0;
-      if (V) {
-        const F = B.clientX - V.left, X = V.width;
+      if (z) {
+        const F = B.clientX - z.left, X = z.width;
         W = Math.max(0, Math.min(1, F / X)), d.value = a.min + W * (a.max - a.min);
       }
       d.value = Math.round(d.value / a.step) * a.step, d.value = Math.max(a.min, Math.min(a.max, d.value));
@@ -6121,31 +6147,31 @@ const X$ = { class: "nmorph-slider__content" }, J$ = { class: "nmorph-slider__in
     }, H = () => {
       a.showTooltip && (c.value = !1);
     }, C = (B) => {
-      const V = B.target;
-      d.value = Number(V.value);
+      const z = B.target;
+      d.value = Number(z.value);
     }, T = w(!0);
-    return (B, V) => (o(), s("div", {
-      class: z(l.value)
+    return (B, z) => (o(), s("div", {
+      class: V(l.value)
     }, [
-      n("div", X$, [
-        n("div", J$, [
+      n("div", J$, [
+        n("div", Q$, [
           n("div", {
             ref_key: "sliderContainer",
             ref: h,
             class: "nmorph-slider__input-container"
           }, [
-            c.value && !a.disabled ? (o(), q(v(V2), {
+            c.value && !a.disabled ? (o(), q(p(z2), {
               key: 0,
               text: String(d.value),
               "force-show": "",
-              "force-coordinate": { x: p.value.tooltip, y: "24px" },
+              "force-coordinate": { x: v.value.tooltip, y: "24px" },
               "block-position": ""
             }, null, 8, ["text", "force-coordinate"])) : O("", !0),
             n("div", {
               ref_key: "sliderFirst",
               ref: M,
-              class: z(["nmorph-slider__thumb", { "nmorph-slider__thumb--smooth": T.value }]),
-              style: I({ left: p.value.thumb }),
+              class: V(["nmorph-slider__thumb", { "nmorph-slider__thumb--smooth": T.value }]),
+              style: I({ left: v.value.thumb }),
               onMouseenter: m,
               onMouseleave: H,
               onMousedown: g
@@ -6158,14 +6184,14 @@ const X$ = { class: "nmorph-slider__content" }, J$ = { class: "nmorph-slider__in
               max: a.max,
               step: a.step,
               onInput: C
-            }, null, 40, Q$)
+            }, null, 40, Z$)
           ], 512)
         ])
       ])
     ], 2));
   }
 });
-const N$ = ["value", "disabled"], I$ = { class: "nmorph-switch-thumb" }, ex = /* @__PURE__ */ D({
+const I$ = ["value", "disabled"], ex = { class: "nmorph-switch-thumb" }, tx = /* @__PURE__ */ D({
   __name: "NmorphSwitch",
   props: {
     modelValue: { type: [Boolean, String, Number], default: !1 },
@@ -6175,7 +6201,7 @@ const N$ = ["value", "disabled"], I$ = { class: "nmorph-switch-thumb" }, ex = /*
     height: { default: "default" },
     disabled: { type: Boolean, default: !1 }
   },
-  emits: ["inputDOMRef", "update:modelValue"],
+  emits: ["inputDOMRef", "update:model-value"],
   setup(e, { emit: t }) {
     const a = e, l = _(
       () => A({
@@ -6190,17 +6216,17 @@ const N$ = ["value", "disabled"], I$ = { class: "nmorph-switch-thumb" }, ex = /*
         return;
       c.value = !c.value;
       const h = c.value ? a.activeValue : a.inactiveValue;
-      r("update:modelValue", h);
+      r("update:model-value", h);
     }, d = w(null);
     return K(() => {
       r("inputDOMRef", d);
-    }), U(
+    }), G(
       () => a.modelValue,
       (h) => {
         c.value = h === a.activeValue;
       }
-    ), (h, p) => (o(), s("div", {
-      class: z(l.value)
+    ), (h, v) => (o(), s("div", {
+      class: V(l.value)
     }, [
       n("div", {
         class: "nmorph-switch__content",
@@ -6213,14 +6239,14 @@ const N$ = ["value", "disabled"], I$ = { class: "nmorph-switch-thumb" }, ex = /*
           value: c.value,
           disabled: a.disabled,
           class: "nmorph-native-input"
-        }, null, 8, N$),
+        }, null, 8, I$),
         n("div", {
-          class: z(["nmorph-switch__bg-content", { "nmorph-switch__bg-content--enable": c.value }])
+          class: V(["nmorph-switch__bg-content", { "nmorph-switch__bg-content--enable": c.value }])
         }, [
           c.value ? S(h.$slots, "bg-on", { key: 0 }) : S(h.$slots, "bg-off", { key: 1 })
         ], 2),
-        n("div", I$, [
-          a.loading ? (o(), q(v(P), {
+        n("div", ex, [
+          a.loading ? (o(), q(p(P), {
             key: 0,
             name: "loader",
             width: "14px",
@@ -6231,10 +6257,10 @@ const N$ = ["value", "disabled"], I$ = { class: "nmorph-switch-thumb" }, ex = /*
     ], 2));
   }
 });
-const tx = { class: "nmorph-text-input__input-side" }, nx = {
+const nx = { class: "nmorph-text-input__input-side" }, ox = {
   key: 0,
   class: "nmorph-text-input__prepend-icon"
-}, ox = ["type", "placeholder", "disabled", "value"], A2 = /* @__PURE__ */ D({
+}, ax = ["type", "placeholder", "disabled", "value"], A2 = /* @__PURE__ */ D({
   __name: "NmorphTextInput",
   props: {
     placeholder: { default: "" },
@@ -6245,35 +6271,35 @@ const tx = { class: "nmorph-text-input__input-side" }, nx = {
     fill: { type: Boolean, default: !0 },
     disabled: { type: Boolean, default: !1 }
   },
-  emits: ["inputDOMRef", "update:modelValue", "focus", "blur", "on-enter"],
+  emits: ["inputDOMRef", "update:model-value", "focus", "blur", "on-enter"],
   setup(e, { emit: t }) {
     Z((M) => ({
-      "4a028a14": g.value
+      "1667935a": g.value
     }));
-    const a = Ze(), l = e, r = _(
+    const a = Ne(), l = e, r = _(
       () => A({
-        nmorph: [te[l.height], `${p.value && "focused"}`, `${l.fill && "fill"}`],
+        nmorph: [te[l.height], `${v.value && "focused"}`, `${l.fill && "fill"}`],
         "nmorph-text-input": [`${l.typePassword && "password"}`]
       })
     ), c = (M) => {
       const m = M.target;
-      y("update:modelValue", m.value);
+      y("update:model-value", m.value);
     }, u = w(!1), d = () => {
-      l.clearable ? y("update:modelValue", "") : u.value = !u.value;
-    }, h = _(() => l.typePassword && !u.value && !l.clearable ? "password" : "text"), p = w(!1), f = () => {
-      y("focus"), p.value = !0;
+      l.clearable ? y("update:model-value", "") : u.value = !u.value;
+    }, h = _(() => l.typePassword && !u.value && !l.clearable ? "password" : "text"), v = w(!1), f = () => {
+      y("focus"), v.value = !0;
     }, b = () => {
-      y("blur"), p.value = !1;
+      y("blur"), v.value = !1;
     }, x = w(null), y = t;
     K(() => {
       y("inputDOMRef", x);
     });
     const $ = _(() => l.clearable ? "error" : u.value ? "eye-blocked" : "eye"), g = _(() => a["prepend-icon"] ? "28px" : "8px");
     return (M, m) => (o(), s("div", {
-      class: z(r.value)
+      class: V(r.value)
     }, [
-      n("div", tx, [
-        v(a)["prepend-icon"] ? (o(), s("div", nx, [
+      n("div", nx, [
+        p(a)["prepend-icon"] ? (o(), s("div", ox, [
           S(M.$slots, "prepend-icon")
         ])) : O("", !0),
         n("input", {
@@ -6288,8 +6314,8 @@ const tx = { class: "nmorph-text-input__input-side" }, nx = {
           onFocus: f,
           onBlur: b,
           onKeyup: m[0] || (m[0] = j2((H) => y("on-enter"), ["enter"]))
-        }, null, 40, ox),
-        l.typePassword || l.clearable ? (o(), q(v(j), {
+        }, null, 40, ax),
+        l.typePassword || l.clearable ? (o(), q(p(j), {
           key: 1,
           class: "nmorph-text-input__password-btn",
           "style-type": "transparent",
@@ -6298,7 +6324,7 @@ const tx = { class: "nmorph-text-input__input-side" }, nx = {
           onClick: d
         }, {
           default: E(() => [
-            k(v(P), { name: $.value }, null, 8, ["name"])
+            k(p(P), { name: $.value }, null, 8, ["name"])
           ]),
           _: 1
         }, 8, ["height"])) : O("", !0)
@@ -6306,7 +6332,7 @@ const tx = { class: "nmorph-text-input__input-side" }, nx = {
     ], 2));
   }
 });
-const ax = { class: "nmorph-time-picker__content" }, sx = { class: "nmorph-time-picker__selected-time" }, lx = ["value"], rx = { class: "nmorph-time-picker__dropdown" }, ge = 20, cx = /* @__PURE__ */ D({
+const sx = { class: "nmorph-time-picker__content" }, lx = { class: "nmorph-time-picker__selected-time" }, rx = ["value"], cx = { class: "nmorph-time-picker__dropdown" }, we = 20, ix = /* @__PURE__ */ D({
   __name: "NmorphTimePicker",
   props: {
     modelValue: { default: 0 },
@@ -6318,56 +6344,56 @@ const ax = { class: "nmorph-time-picker__content" }, sx = { class: "nmorph-time-
     height: { default: "default" },
     disabled: { type: Boolean, default: !1 }
   },
-  emits: ["inputDOMRef", "update:modelValue", "on-change-open-close"],
+  emits: ["inputDOMRef", "update:model-value", "on-change-open-close"],
   setup(e, { emit: t }) {
     Z((B) => ({
-      "139069aa": C.value
+      "330fd874": C.value
     }));
     const a = e, l = t, r = w(null), c = w(null), u = w(a.open), d = w([0, 0, 0]), h = w(a.initWithoutValue);
     K(() => {
       l("inputDOMRef", c);
     });
-    const p = () => {
+    const v = () => {
       u.value = !u.value;
     }, f = _(
       () => A({
         nmorph: [te[a.height]],
         "nmorph-time-picker": [`${a.disabled && "disabled"}`, `${u.value && "open"}`]
       })
-    ), b = Array.from({ length: 24 }, (B, V) => V), x = Array.from({ length: 60 }, (B, V) => V), y = () => {
-      h.value = !1, l("update:modelValue", D2(d.value));
+    ), b = Array.from({ length: 24 }, (B, z) => z), x = Array.from({ length: 60 }, (B, z) => z), y = () => {
+      h.value = !1, l("update:model-value", D2(d.value));
     }, $ = (B) => {
-      const V = B;
-      d.value = [V, d.value[1], d.value[2]], y();
+      const z = B;
+      d.value = [z, d.value[1], d.value[2]], y();
     }, g = (B) => {
-      const V = B;
-      d.value = [d.value[0], V, d.value[2]], y();
+      const z = B;
+      d.value = [d.value[0], z, d.value[2]], y();
     }, M = (B) => {
-      const V = B;
-      d.value = [d.value[0], d.value[1], V], y();
+      const z = B;
+      d.value = [d.value[0], d.value[1], z], y();
     }, m = () => {
       u.value = !1;
     };
-    U(u, (B) => {
+    G(u, (B) => {
       l("on-change-open-close", B);
     }), (() => {
       if (h.value)
         return;
-      const B = De(a.modelValue).split(":").map((V) => Number(V));
+      const B = De(a.modelValue).split(":").map((z) => Number(z));
       d.value = B;
     })();
-    const C = _(() => `${ge}px`), T = _(() => h.value ? "——:——:——" : De(a.modelValue));
-    return (B, V) => {
-      const W = Ne("NmorphTimeRoller");
+    const C = _(() => `${we}px`), T = _(() => h.value ? "——:——:——" : De(a.modelValue));
+    return (B, z) => {
+      const W = Ie("NmorphTimeRoller");
       return o(), s("div", {
         ref_key: "timepickerDOMRef",
         ref: r,
-        class: z(f.value),
-        onClick: p
+        class: V(f.value),
+        onClick: v
       }, [
-        n("div", ax, [
-          n("div", sx, [
-            k(v(P), {
+        n("div", sx, [
+          n("div", lx, [
+            k(p(P), {
               name: "time",
               class: "nmorph-time-picker__time-icon"
             }),
@@ -6378,39 +6404,39 @@ const ax = { class: "nmorph-time-picker__content" }, sx = { class: "nmorph-time-
               value: d.value,
               step: "1",
               class: "nmorph-native-input"
-            }, null, 8, lx),
+            }, null, 8, rx),
             n("span", null, R(T.value), 1)
           ]),
-          r.value ? (o(), q(v(ie), {
+          r.value ? (o(), q(p(ie), {
             key: 0,
             open: u.value,
             "relative-element": r.value,
             onOnOutsideClick: m
           }, {
             default: E(() => [
-              n("div", rx, [
+              n("div", cx, [
                 k(W, {
                   "set-value-on-mount": !h.value,
-                  values: v(b),
+                  values: p(b),
                   "selected-value": d.value[0],
-                  "step-height": ge,
+                  "step-height": we,
                   "disabled-range": B.disabledHours,
                   onValueChanged: $
                 }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
                 k(W, {
                   "set-value-on-mount": !h.value,
-                  values: v(x),
+                  values: p(x),
                   "selected-value": d.value[1],
                   "disabled-range": B.disabledMinutes,
-                  "step-height": ge,
+                  "step-height": we,
                   onValueChanged: g
                 }, null, 8, ["set-value-on-mount", "values", "selected-value", "disabled-range"]),
                 k(W, {
                   "set-value-on-mount": !h.value,
-                  values: v(x),
+                  values: p(x),
                   "disabled-range": B.disabledSeconds,
                   "selected-value": d.value[2],
-                  "step-height": ge,
+                  "step-height": we,
                   onValueChanged: M
                 }, null, 8, ["set-value-on-mount", "values", "disabled-range", "selected-value"])
               ])
@@ -6428,25 +6454,25 @@ const De = (e) => {
 }, D2 = (e) => {
   const [t, a, l] = e, r = /* @__PURE__ */ new Date();
   return r.setHours(t), r.setMinutes(a), r.setSeconds(l), r.setMilliseconds(0), r.getTime();
-}, ix = (e) => (L2("data-v-e9167d49"), e = e(), U2(), e), dx = {
+}, dx = (e) => (L2("data-v-e9167d49"), e = e(), U2(), e), ux = {
   key: 0,
   class: "nmorph-radio__content"
-}, ux = { class: "nmorph-radio__input-wrapper" }, hx = ["name", "value", "checked"], _x = /* @__PURE__ */ ix(() => /* @__PURE__ */ n("div", { class: "nmorph-radio__fake" }, null, -1)), vx = {
+}, hx = { class: "nmorph-radio__input-wrapper" }, _x = ["name", "value", "checked"], vx = /* @__PURE__ */ dx(() => /* @__PURE__ */ n("div", { class: "nmorph-radio__fake" }, null, -1)), px = {
   key: 0,
   class: "nmorph-radio__fake-checked"
-}, px = {
+}, mx = {
   key: 0,
   class: "nmorph-radio__label"
-}, mx = {
+}, fx = {
   key: 1,
   class: "nmorph-radio__content"
-}, fx = ["disabled", "name", "value", "checked"], gx = {
+}, gx = ["disabled", "name", "value", "checked"], wx = {
   key: 0,
   class: "nmorph-radio__fake"
-}, wx = {
+}, $x = {
   key: 1,
   class: "nmorph-radio__fake"
-}, $x = /* @__PURE__ */ D({
+}, xx = /* @__PURE__ */ D({
   __name: "NmorphRadio",
   props: {
     styleType: { default: "button" },
@@ -6465,52 +6491,52 @@ const De = (e) => {
       () => A({
         "nmorph-radio": [`${r.disabled && "disabled"}`, `${u.value && "checked"}`, r.styleType]
       })
-    ), h = t, p = w(null);
+    ), h = t, v = w(null);
     return K(() => {
-      h("inputDOMRef", p);
+      h("inputDOMRef", v);
     }), (f, b) => (o(), s("label", {
-      class: z(d.value),
+      class: V(d.value),
       onClick: oe(c, ["prevent"])
     }, [
-      r.styleType === "radio-style" ? (o(), s("div", dx, [
-        n("div", ux, [
+      r.styleType === "radio-style" ? (o(), s("div", ux, [
+        n("div", hx, [
           n("input", {
             ref_key: "inputDOMRef",
-            ref: p,
+            ref: v,
             type: "radio",
             name: r.label,
             value: r.value,
             checked: u.value,
             class: "nmorph-native-input"
-          }, null, 8, hx),
-          _x,
-          u.value ? (o(), s("div", vx)) : O("", !0)
+          }, null, 8, _x),
+          vx,
+          u.value ? (o(), s("div", px)) : O("", !0)
         ]),
-        r.label ? (o(), s("span", px, R(r.label), 1)) : S(f.$slots, "label", { key: 1 }, void 0, !0)
+        r.label ? (o(), s("span", mx, R(r.label), 1)) : S(f.$slots, "label", { key: 1 }, void 0, !0)
       ])) : O("", !0),
-      r.styleType === "button" ? (o(), s("div", mx, [
+      r.styleType === "button" ? (o(), s("div", fx, [
         n("input", {
           ref_key: "inputDOMRef",
-          ref: p,
+          ref: v,
           type: "radio",
           disabled: r.disabled,
           name: r.label,
           value: r.value,
           checked: u.value,
           class: "nmorph-native-input"
-        }, null, 8, fx),
-        r.label ? (o(), s("div", gx, [
+        }, null, 8, gx),
+        r.label ? (o(), s("div", wx, [
           n("span", null, R(r.label), 1)
-        ])) : (o(), s("div", wx, [
+        ])) : (o(), s("div", $x, [
           S(f.$slots, "label", {}, void 0, !0)
         ]))
       ])) : O("", !0)
     ], 2));
   }
 });
-const T2 = /* @__PURE__ */ de($x, [["__scopeId", "data-v-e9167d49"]]);
+const T2 = /* @__PURE__ */ de(xx, [["__scopeId", "data-v-e9167d49"]]);
 var O2 = /* @__PURE__ */ ((e) => (e["radio-style"] = "radio-style", e.button = "button", e))(O2 || {});
-const xx = { class: "nmorph-radio-group__wrapper" }, yx = { class: "nmorph-radio-group__content" }, qe = /* @__PURE__ */ D({
+const yx = { class: "nmorph-radio-group__wrapper" }, Mx = { class: "nmorph-radio-group__content" }, Ee = /* @__PURE__ */ D({
   __name: "NmorphRadioGroup",
   props: {
     modelValue: { default: "" },
@@ -6521,30 +6547,30 @@ const xx = { class: "nmorph-radio-group__wrapper" }, yx = { class: "nmorph-radio
     fill: { type: Boolean },
     disabled: { type: Boolean, default: !1 }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:model-value"],
   setup(e, { emit: t }) {
     const a = e, l = w(a.modelValue);
-    U(
+    G(
       () => a.modelValue,
       (d) => {
         l.value = d;
       }
     );
     const r = t, c = (d) => {
-      l.value = d, r("update:modelValue", l.value);
+      l.value = d, r("update:model-value", l.value);
     }, u = _(
       () => A({ "nmorph-radio-group": [a.styleType, a.direction, `${a.fill && "fill"}`] })
     );
     return N("radio-group-selected-value", l), N("change-radio-button-value-handler", c), (d, h) => (o(), s("div", {
-      class: z(u.value)
+      class: V(u.value)
     }, [
-      n("div", xx, [
-        n("div", yx, [
-          (o(!0), s(Y, null, G(d.options, (p) => (o(), q(v(T2), {
-            key: p.value,
-            label: p.label,
-            value: p.value,
-            disabled: p.disabled || a.disabled,
+      n("div", yx, [
+        n("div", Mx, [
+          (o(!0), s(U, null, Y(d.options, (v) => (o(), q(p(T2), {
+            key: v.value,
+            label: v.label,
+            value: v.value,
+            disabled: v.disabled || a.disabled,
             "style-type": a.styleType
           }, null, 8, ["label", "value", "disabled", "style-type"]))), 128)),
           S(d.$slots, "default")
@@ -6553,7 +6579,7 @@ const xx = { class: "nmorph-radio-group__wrapper" }, yx = { class: "nmorph-radio
     ], 2));
   }
 });
-const Mx = /* @__PURE__ */ D({
+const bx = /* @__PURE__ */ D({
   __name: "NmorphBacktop",
   props: {
     right: { default: 40 },
@@ -6568,13 +6594,13 @@ const Mx = /* @__PURE__ */ D({
     }));
     const a = e, l = t, r = _(() => `${a.right}px`), c = _(() => `${a.bottom}px`), u = _(
       () => A({
-        "nmorph-backtop": [`${p.value && "show"}`]
+        "nmorph-backtop": [`${v.value && "show"}`]
       })
-    ), d = w(null), h = w(null), p = w(!1), f = (x) => {
+    ), d = w(null), h = w(null), v = w(!1), f = (x) => {
       if (!x)
         return;
       const y = x.target;
-      p.value = y.scrollTop > a.visibilityHeight;
+      v.value = y.scrollTop > a.visibilityHeight;
     }, b = () => {
       l("click"), d.value && d.value.scrollTo({
         top: 0,
@@ -6589,15 +6615,15 @@ const Mx = /* @__PURE__ */ D({
     }), (x, y) => (o(), s("div", {
       ref_key: "selfDOMEl",
       ref: h,
-      class: z(u.value)
+      class: V(u.value)
     }, [
       n("div", {
         onClick: oe(b, ["stop"])
       }, [
         S(x.$slots, "default", {}, () => [
-          k(v(j), null, {
+          k(p(j), null, {
             default: E(() => [
-              k(v(P), {
+              k(p(P), {
                 name: "chevron-down",
                 class: "nmorph-backtop__up-icon"
               })
@@ -6609,16 +6635,16 @@ const Mx = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const bx = ["id"], kx = {
+const kx = ["id"], Hx = {
   key: 0,
   class: "nmorph-breadcrumb__separator"
-}, Hx = /* @__PURE__ */ D({
+}, zx = /* @__PURE__ */ D({
   __name: "NmorphBreadcrumb",
   props: {
     separator: { default: "/" }
   },
   setup(e) {
-    const t = e, a = w([]), l = pe();
+    const t = e, a = w([]), l = me();
     N("breadcrumb-data", { breadcrumbs: a, breadcrumbId: l });
     const r = _(
       () => A({
@@ -6626,18 +6652,18 @@ const bx = ["id"], kx = {
       })
     );
     return (c, u) => (o(), s("div", {
-      class: z(r.value)
+      class: V(r.value)
     }, [
       S(c.$slots, "default"),
-      (o(!0), s(Y, null, G(a.value, (d, h) => (o(), s("div", {
+      (o(!0), s(U, null, Y(a.value, (d, h) => (o(), s("div", {
         key: h,
         class: "nmorph-breadcrumb__content"
       }, [
         n("div", {
-          id: `nmorph-breadcrumb-${v(l)}-${d.itemId}-element`,
+          id: `nmorph-breadcrumb-${p(l)}-${d.itemId}-element`,
           class: "nmorph-breadcrumb__element"
-        }, null, 8, bx),
-        h < a.value.length - 1 ? (o(), s("div", kx, R(t.separator), 1)) : O("", !0)
+        }, null, 8, kx),
+        h < a.value.length - 1 ? (o(), s("div", Hx, R(t.separator), 1)) : O("", !0)
       ]))), 128))
     ], 2));
   }
@@ -6653,17 +6679,17 @@ const Vx = /* @__PURE__ */ D({
       () => A({
         "nmorph-breadcrumb-item": []
       })
-    ), l = Q("breadcrumb-data", void 0), r = w(!1), c = pe();
+    ), l = Q("breadcrumb-data", void 0), r = w(!1), c = me();
     return K(() => {
       r.value = !0, l && l.breadcrumbs.value.push({ ...t, itemId: c });
     }), (u, d) => {
-      const h = Ne("router-link");
+      const h = Ie("router-link");
       return r.value ? (o(), s("div", {
         key: 0,
-        class: z(a.value)
+        class: V(a.value)
       }, [
-        (o(), q(_e, {
-          to: `#nmorph-breadcrumb-${v(l)?.breadcrumbId}-${v(c)}-element`
+        (o(), q(ve, {
+          to: `#nmorph-breadcrumb-${p(l)?.breadcrumbId}-${p(c)}-element`
         }, [
           k(h, {
             to: u.to,
@@ -6692,7 +6718,7 @@ const ie = /* @__PURE__ */ D({
   },
   emits: ["on-outside-click"],
   setup(e, { emit: t }) {
-    Z((p) => ({
+    Z((v) => ({
       f609801e: d.value
     }));
     const a = e, l = t, r = w(null), { placementCoords: c } = b2({
@@ -6708,7 +6734,7 @@ const ie = /* @__PURE__ */ D({
     ), d = _(() => a.fillWidth ? `${a.relativeElement?.clientWidth}px` : `${a.width}px`), h = () => {
       l("on-outside-click");
     };
-    return (p, f) => (o(), q(v(Ve), {
+    return (v, f) => (o(), q(p(ze), {
       show: a.open,
       transparent: "",
       onOnOutsideClick: h
@@ -6717,17 +6743,17 @@ const ie = /* @__PURE__ */ D({
         n("div", {
           ref_key: "dropdownDOMRef",
           ref: r,
-          class: z(u.value),
-          style: I({ left: `${v(c).x}`, top: `${v(c).y}` })
+          class: V(u.value),
+          style: I({ left: `${p(c).x}`, top: `${p(c).y}` })
         }, [
-          S(p.$slots, "default")
+          S(v.$slots, "default")
         ], 6)
       ]),
       _: 3
     }, 8, ["show"]));
   }
 });
-const zx = { class: "nmorph-tabs__label-list" }, Bx = ["id", "onClick"], Cx = { class: "nmorph-tabs__content__wrapper" }, Sx = { class: "nmorph-tabs__content" }, Ax = ["id"], Dx = /* @__PURE__ */ D({
+const Bx = { class: "nmorph-tabs__label-list" }, Cx = ["id", "onClick"], Sx = { class: "nmorph-tabs__content__wrapper" }, Ax = { class: "nmorph-tabs__content" }, Dx = ["id"], Tx = /* @__PURE__ */ D({
   __name: "NmorphTabs",
   props: {
     modelValue: { default: 0 },
@@ -6742,33 +6768,33 @@ const zx = { class: "nmorph-tabs__label-list" }, Bx = ["id", "onClick"], Cx = {
     ), c = (h) => {
       if (h.disabled)
         return;
-      const { name: p } = h;
-      l("update:model-value", p), l("tab-change", p);
-    }, u = w([]), d = pe();
+      const { name: v } = h;
+      l("update:model-value", v), l("tab-change", v);
+    }, u = w([]), d = me();
     return N("nmorph-tabs-data", {
       tabsData: u,
       tabsIdentifier: d
-    }), (h, p) => (o(), s("div", {
-      class: z(r.value)
+    }), (h, v) => (o(), s("div", {
+      class: V(r.value)
     }, [
       S(h.$slots, "default"),
-      n("div", zx, [
-        (o(!0), s(Y, null, G(u.value, (f) => (o(), s("div", {
-          id: v(Ee)(v(d), f.name),
+      n("div", Bx, [
+        (o(!0), s(U, null, Y(u.value, (f) => (o(), s("div", {
+          id: p(Re)(p(d), f.name),
           key: f.name,
-          class: z(["nmorph-tabs__label", [
+          class: V(["nmorph-tabs__label", [
             { "nmorph-tabs__label--selected": f.name === a.modelValue },
             { "nmorph-tabs__label--disabled": f.disabled }
           ]]),
           onClick: (b) => c(f)
-        }, R(f.label), 11, Bx))), 128))
+        }, R(f.label), 11, Cx))), 128))
       ]),
-      n("div", Cx, [
-        n("div", Sx, [
-          (o(!0), s(Y, null, G(u.value, (f) => Ce((o(), s("div", {
-            id: v(Re)(v(d), f.name),
+      n("div", Sx, [
+        n("div", Ax, [
+          (o(!0), s(U, null, Y(u.value, (f) => Ce((o(), s("div", {
+            id: p(Fe)(p(d), f.name),
             key: f.name
-          }, null, 8, Ax)), [
+          }, null, 8, Dx)), [
             [Se, f.name === a.modelValue]
           ])), 128))
         ])
@@ -6776,13 +6802,13 @@ const zx = { class: "nmorph-tabs__label-list" }, Bx = ["id", "onClick"], Cx = {
     ], 2));
   }
 });
-const Ee = (e, t) => {
+const Re = (e, t) => {
   if (e)
     return `nmorph-tabs-label-${e}-${t}`;
-}, Re = (e, t) => {
+}, Fe = (e, t) => {
   if (e)
     return `nmorph-tabs-content-${e}-${t}`;
-}, Tx = /* @__PURE__ */ D({
+}, Ox = /* @__PURE__ */ D({
   __name: "NmorphTabPane",
   props: {
     label: { default: "" },
@@ -6799,15 +6825,15 @@ const Ee = (e, t) => {
       r.value = !0, l && l.tabsData.value.push(t);
     }), (c, u) => r.value ? (o(), s("div", {
       key: 0,
-      class: z(a.value)
+      class: V(a.value)
     }, [
-      (o(), q(_e, {
-        to: `#${v(Ee)(v(l)?.tabsIdentifier, t.name)}`
+      (o(), q(ve, {
+        to: `#${p(Re)(p(l)?.tabsIdentifier, t.name)}`
       }, [
         S(c.$slots, "label")
       ], 8, ["to"])),
-      (o(), q(_e, {
-        to: `#${v(Re)(v(l)?.tabsIdentifier, t.name)}`
+      (o(), q(ve, {
+        to: `#${p(Fe)(p(l)?.tabsIdentifier, t.name)}`
       }, [
         S(c.$slots, "default")
       ], 8, ["to"]))
@@ -6825,11 +6851,11 @@ const Ee = (e, t) => {
       })
     );
     return (l, r) => (o(), s("div", {
-      class: z(a.value)
+      class: V(a.value)
     }, null, 2));
   }
 });
-const Ve = /* @__PURE__ */ D({
+const ze = /* @__PURE__ */ D({
   __name: "NmorphOverlay",
   props: {
     show: { type: Boolean },
@@ -6850,7 +6876,7 @@ const Ve = /* @__PURE__ */ D({
       c("on-outside-click");
     }, c = t;
     return (u, d) => (o(), s("div", {
-      class: z(l.value),
+      class: V(l.value),
       onClick: oe(r, ["stop"])
     }, [
       n("div", {
@@ -6863,7 +6889,7 @@ const Ve = /* @__PURE__ */ D({
     ], 2));
   }
 });
-const Ox = /* @__PURE__ */ D({
+const Px = /* @__PURE__ */ D({
   __name: "NmorphNotificationProvider",
   props: {
     notifications: {},
@@ -6879,21 +6905,21 @@ const Ox = /* @__PURE__ */ D({
       t.value = [...t.value, d];
     }, c = e, u = _(() => c.zIndex);
     return (d, h) => (o(), s("div", {
-      class: z(`nmorph-notification-provider nmorph-notification-provider--${c.placement}`),
+      class: V(`nmorph-notification-provider nmorph-notification-provider--${c.placement}`),
       style: I({ zIndex: u.value })
     }, [
-      k(ve, {
+      k(pe, {
         name: "nmorph-notification",
         tag: "div"
       }, {
         default: E(() => [
-          (o(!0), s(Y, null, G(l.value, (p) => (o(), s("div", {
-            key: p.id,
-            style: I({ width: p.width }),
+          (o(!0), s(U, null, Y(l.value, (v) => (o(), s("div", {
+            key: v.id,
+            style: I({ width: v.width }),
             class: "nmorph-notification-provider__notification"
           }, [
-            k(v(M2), $e({ ref_for: !0 }, p, {
-              onClose: () => r(p.id)
+            k(p(M2), _e({ ref_for: !0 }, v, {
+              onClose: () => r(v.id)
             }), null, 16, ["onClose"])
           ], 4))), 128))
         ]),
@@ -6902,113 +6928,114 @@ const Ox = /* @__PURE__ */ D({
     ], 6));
   }
 });
-const Px = /* @__PURE__ */ de(Ox, [["__scopeId", "data-v-3af1e6fe"]]);
+const qx = /* @__PURE__ */ de(Px, [["__scopeId", "data-v-77d1992c"]]);
 var q2 = /* @__PURE__ */ ((e) => (e["top-left"] = "top-left", e["top-center"] = "top-center", e["top-right"] = "top-right", e["bottom-left"] = "bottom-left", e["bottom-center"] = "bottom-center", e["bottom-right"] = "bottom-right", e))(q2 || {});
-const qx = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ex = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   NmorphAlert: M2,
   NmorphAlertType: re,
   NmorphArchiveResolution: He,
   NmorphAudioResolution: ke,
-  NmorphAutocomplete: Zw,
+  NmorphAutocomplete: Nw,
   NmorphAvatar: qf,
-  NmorphBacktop: Mx,
+  NmorphBacktop: bx,
   NmorphBadge: Ff,
-  NmorphBreadcrumb: Hx,
+  NmorphBreadcrumb: zx,
   NmorphBreadcrumbItem: Vx,
   NmorphButton: j,
-  NmorphButtonShape: o2,
-  NmorphButtonStyle: t2,
-  NmorphButtonType: n2,
-  NmorphCalendar: i2,
-  NmorphCalendarHeader: p2,
+  NmorphButtonShape: a2,
+  NmorphButtonStyle: n2,
+  NmorphButtonType: o2,
+  NmorphCalendar: d2,
+  NmorphCalendarHeader: m2,
   NmorphCard: Jf,
   NmorphCarousel: If,
   NmorphCarouselItem: eg,
-  NmorphCheckbox: z2,
-  NmorphCheckboxGroup: Gw,
+  NmorphCheckbox: V2,
+  NmorphCheckboxGroup: Kw,
   NmorphCollapse: tg,
   NmorphCollapseItem: ng,
-  NmorphDatePicker: u$,
-  NmorphDatePickerContent: we,
+  NmorphDatePicker: h$,
+  NmorphDatePickerContent: $e,
   NmorphDatePickerHeader: C2,
-  NmorphDialog: Qg,
+  NmorphDialog: Zg,
   NmorphDivider: P2,
-  NmorphDocResolution: Pe,
+  NmorphDocResolution: qe,
   NmorphDropdown: ie,
-  NmorphFileUpload: b$,
+  NmorphFileUpload: k$,
   NmorphForm: V$,
-  NmorphFormItem: A$,
+  NmorphFormItem: D$,
   NmorphIcon: P,
-  NmorphIconSize: a2,
-  NmorphIconsMap: s2,
+  NmorphIconSize: s2,
+  NmorphIconsMap: l2,
   NmorphImage: xe,
-  NmorphImagePreview: m2,
+  NmorphImagePreview: f2,
   NmorphImageResolution: Me,
   NmorphLink: Tf,
-  NmorphLinkTarget: l2,
+  NmorphLinkTarget: r2,
   NmorphNotificationPlacement: q2,
-  NmorphNotificationProvider: Px,
-  NmorphNumberInput: W$,
-  NmorphOverflowProp: r2,
-  NmorphOverlay: Ve,
+  NmorphNotificationProvider: qx,
+  NmorphNumberInput: j$,
+  NmorphOverflowProp: c2,
+  NmorphOverlay: ze,
   NmorphPagination: hg,
   NmorphProgress: yg,
   NmorphRadio: T2,
-  NmorphRadioGroup: qe,
+  NmorphRadioGroup: Ee,
   NmorphRadioStyleType: O2,
   NmorphScroll: Of,
-  NmorphScrollBehavior: c2,
-  NmorphSelect: G$,
+  NmorphScrollBehavior: i2,
+  NmorphSelect: K$,
   NmorphSelectOption: S2,
   NmorphSelectionDateType: B2,
   NmorphSkeleton: Hg,
-  NmorphSkeletonItem: g2,
-  NmorphSkeletonItemPropsType: f2,
-  NmorphSlider: Z$,
-  NmorphSwitch: ex,
-  NmorphTabPane: Tx,
-  NmorphTable: w2,
-  NmorphTableCell: $2,
-  NmorphTableColumn: x2,
-  NmorphTabs: Dx,
-  NmorphTag: y2,
+  NmorphSkeletonItem: w2,
+  NmorphSkeletonItemPropsType: g2,
+  NmorphSlider: N$,
+  NmorphSwitch: tx,
+  NmorphTabPane: Ox,
+  NmorphTable: $2,
+  NmorphTableCell: x2,
+  NmorphTableColumn: y2,
+  NmorphTabs: Tx,
+  NmorphTagItem: Pe,
+  NmorphTagList: Eg,
   NmorphTextInput: A2,
-  NmorphTimePicker: cx,
-  NmorphTooltip: V2,
+  NmorphTimePicker: ix,
+  NmorphTooltip: z2,
   NmorphVideoResolution: be,
   NmorphYearMonthPicker: Ae,
   formatDateIntl: ue,
   formatTimestampToTime: De,
-  getDecadeYears: d2,
-  getMonthDaysByWeek: v2,
+  getDecadeYears: u2,
+  getMonthDaysByWeek: p2,
   getMonthName: Oe,
-  getTabContentId: Re,
-  getTabLabelId: Ee,
-  hasAnyRangeDateInNextMonth: h2,
-  hasAnyRangeDateInPrevMonth: u2,
-  isTodayInRange: _2,
+  getTabContentId: Fe,
+  getTabLabelId: Re,
+  hasAnyRangeDateInNextMonth: _2,
+  hasAnyRangeDateInPrevMonth: h2,
+  isTodayInRange: v2,
   monthNames: Te,
-  resolution: k$,
+  resolution: H$,
   timeArrayToTimestamp: D2
-}, Symbol.toStringTag, { value: "Module" })), Ex = () => {
+}, Symbol.toStringTag, { value: "Module" })), Rx = () => {
   const e = w({ width: 0, height: 0 }), t = () => {
     e.value.width = window.innerWidth, e.value.height = window.innerHeight;
   };
   return window && window.addEventListener("resize", t), {
     dimensions: e
   };
-}, Jx = () => Q("nmorph"), Qx = {
+}, Qx = () => Q("nmorph"), Zx = {
   install(e, t = {}) {
     if (!t.i18n.outsideMessagesMerge) {
-      const c = kw(t.i18n), u = e.__VUE_I18N__;
+      const c = Hw(t.i18n), u = e.__VUE_I18N__;
       u ? (c.global.messages && Object.entries(c.global.messages).forEach(([d, h]) => {
         u.global.mergeLocaleMessage(d, h);
       }), c.global.locale && (u.global.locale.value = c.global.locale)) : e.use(c);
     }
-    const a = bw(t.theme), l = Ex(), r = { theme: a, browser: l };
-    return e.provide("nmorph", r), Object.entries(qx).forEach(([c, u]) => {
-      if (Rx(u))
+    const a = kw(t.theme), l = Rx(), r = { theme: a, browser: l };
+    return e.provide("nmorph", r), Object.entries(Ex).forEach(([c, u]) => {
+      if (Fx(u))
         if (t.components === void 0)
           e.component(c, u);
         else {
@@ -7019,7 +7046,7 @@ const qx = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }), e;
   }
 };
-function Rx(e) {
+function Fx(e) {
   return e && (typeof e == "object" || typeof e == "function") && ("render" in e || "template" in e || "setup" in e);
 }
 export {
@@ -7028,120 +7055,121 @@ export {
   M2 as NmorphAlert,
   re as NmorphAlertType,
   He as NmorphArchiveResolution,
-  Zg as NmorphArrayValidationOperator,
+  Ng as NmorphArrayValidationOperator,
   ke as NmorphAudioResolution,
-  Zw as NmorphAutocomplete,
+  Nw as NmorphAutocomplete,
   qf as NmorphAvatar,
-  Mx as NmorphBacktop,
+  bx as NmorphBacktop,
   Ff as NmorphBadge,
-  Ig as NmorphBooleanCompareOperator,
-  Hx as NmorphBreadcrumb,
+  ew as NmorphBooleanCompareOperator,
+  zx as NmorphBreadcrumb,
   Vx as NmorphBreadcrumbItem,
   j as NmorphButton,
-  o2 as NmorphButtonShape,
-  t2 as NmorphButtonStyle,
-  n2 as NmorphButtonType,
-  i2 as NmorphCalendar,
-  p2 as NmorphCalendarHeader,
+  a2 as NmorphButtonShape,
+  n2 as NmorphButtonStyle,
+  o2 as NmorphButtonType,
+  d2 as NmorphCalendar,
+  m2 as NmorphCalendarHeader,
   Jf as NmorphCard,
   If as NmorphCarousel,
   eg as NmorphCarouselItem,
-  z2 as NmorphCheckbox,
-  Gw as NmorphCheckboxGroup,
+  V2 as NmorphCheckbox,
+  Kw as NmorphCheckboxGroup,
   tg as NmorphCollapse,
   ng as NmorphCollapseItem,
-  e2 as NmorphColor,
+  t2 as NmorphColor,
   X2 as NmorphComponentDirection,
   te as NmorphComponentHeight,
   J2 as NmorphComponentPosition,
-  u$ as NmorphDatePicker,
-  we as NmorphDatePickerContent,
+  h$ as NmorphDatePicker,
+  $e as NmorphDatePickerContent,
   C2 as NmorphDatePickerHeader,
-  Qg as NmorphDialog,
+  Zg as NmorphDialog,
   P2 as NmorphDivider,
-  Pe as NmorphDocResolution,
+  qe as NmorphDocResolution,
   ie as NmorphDropdown,
-  b$ as NmorphFileUpload,
+  k$ as NmorphFileUpload,
   V$ as NmorphForm,
-  A$ as NmorphFormItem,
+  D$ as NmorphFormItem,
   P as NmorphIcon,
   i as NmorphIconList,
-  a2 as NmorphIconSize,
-  s2 as NmorphIconsMap,
+  s2 as NmorphIconSize,
+  l2 as NmorphIconsMap,
   xe as NmorphImage,
   Q2 as NmorphImageFit,
-  m2 as NmorphImagePreview,
+  f2 as NmorphImagePreview,
   Me as NmorphImageResolution,
   Tf as NmorphLink,
-  l2 as NmorphLinkTarget,
+  r2 as NmorphLinkTarget,
   q2 as NmorphNotificationPlacement,
-  Px as NmorphNotificationProvider,
-  Ng as NmorphNumberCompareOperator,
-  W$ as NmorphNumberInput,
-  r2 as NmorphOverflowProp,
-  Ve as NmorphOverlay,
+  qx as NmorphNotificationProvider,
+  Ig as NmorphNumberCompareOperator,
+  j$ as NmorphNumberInput,
+  c2 as NmorphOverflowProp,
+  ze as NmorphOverlay,
   hg as NmorphPagination,
   yg as NmorphProgress,
   T2 as NmorphRadio,
-  qe as NmorphRadioGroup,
+  Ee as NmorphRadioGroup,
   O2 as NmorphRadioStyleType,
   Of as NmorphScroll,
-  c2 as NmorphScrollBehavior,
-  G$ as NmorphSelect,
+  i2 as NmorphScrollBehavior,
+  K$ as NmorphSelect,
   S2 as NmorphSelectOption,
   B2 as NmorphSelectionDateType,
-  Ie as NmorphShadowType,
+  e2 as NmorphShadowType,
   Hg as NmorphSkeleton,
-  g2 as NmorphSkeletonItem,
-  f2 as NmorphSkeletonItemPropsType,
-  Z$ as NmorphSlider,
+  w2 as NmorphSkeletonItem,
+  g2 as NmorphSkeletonItemPropsType,
+  N$ as NmorphSlider,
   K2 as NmorphSortOrder,
-  ex as NmorphSwitch,
-  Tx as NmorphTabPane,
-  w2 as NmorphTable,
-  $2 as NmorphTableCell,
-  x2 as NmorphTableColumn,
-  Dx as NmorphTabs,
-  y2 as NmorphTag,
+  tx as NmorphSwitch,
+  Ox as NmorphTabPane,
+  $2 as NmorphTable,
+  x2 as NmorphTableCell,
+  y2 as NmorphTableColumn,
+  Tx as NmorphTabs,
+  Pe as NmorphTagItem,
+  Eg as NmorphTagList,
   A2 as NmorphTextInput,
-  cx as NmorphTimePicker,
-  V2 as NmorphTooltip,
+  ix as NmorphTimePicker,
+  z2 as NmorphTooltip,
   be as NmorphVideoResolution,
   Ae as NmorphYearMonthPicker,
-  Ux as anyToPascalCase,
-  We as camelToKebab,
-  Yx as camelToTitle,
-  Lx as capitalizeFirstChar,
+  Yx as anyToPascalCase,
+  je as camelToKebab,
+  Gx as camelToTitle,
+  Ux as capitalizeFirstChar,
   Z2 as createBlockModifiers,
-  Fe as deepClone,
-  Qx as default,
-  Ke as en,
+  We as deepClone,
+  Zx as default,
+  Xe as en,
   ue as formatDateIntl,
   De as formatTimestampToTime,
-  pe as generateUUID,
-  d2 as getDecadeYears,
-  v2 as getMonthDaysByWeek,
+  me as generateUUID,
+  u2 as getDecadeYears,
+  p2 as getMonthDaysByWeek,
   Oe as getMonthName,
-  Re as getTabContentId,
-  Ee as getTabLabelId,
-  h2 as hasAnyRangeDateInNextMonth,
-  u2 as hasAnyRangeDateInPrevMonth,
-  jx as isStringHtml,
-  _2 as isTodayInRange,
+  Fe as getTabContentId,
+  Re as getTabLabelId,
+  _2 as hasAnyRangeDateInNextMonth,
+  h2 as hasAnyRangeDateInPrevMonth,
+  Lx as isStringHtml,
+  v2 as isTodayInRange,
   N2 as log,
   Te as monthNames,
-  k$ as resolution,
-  Kx as ru,
+  H$ as resolution,
+  Xx as ru,
   D2 as timeArrayToTimestamp,
-  Hw as useA11yProps,
-  Gx as useEventManager,
-  Ye as useFieldValidation,
-  ew as useFormValidation,
+  zw as useA11yProps,
+  Kx as useEventManager,
+  Ge as useFieldValidation,
+  tw as useFormValidation,
   A as useModifiers,
-  Jx as useNmorph,
-  Ex as useNmorphBrowser,
-  Xx as useNmorphNotification,
-  bw as useNmorphTheme,
-  kw as useNmorphTranslation,
+  Qx as useNmorph,
+  Rx as useNmorphBrowser,
+  Jx as useNmorphNotification,
+  kw as useNmorphTheme,
+  Hw as useNmorphTranslation,
   b2 as usePlacement
 };