@nmorph/nmorph-ui-kit 1.0.27 → 1.0.28

package/dist/index.es.js

@@ -1,5 +1,5 @@
-import { createI18n as ge, useI18n as $2 } from "vue-i18n";
-import { ref as g, reactive as d2, watch as W, readonly as I2, inject as X, onMounted as n2, onUnmounted as m2, nextTick as v2, defineComponent as L, useSlots as y2, computed as h, openBlock as o, createElementBlock as a, normalizeClass as k, createElementVNode as n, unref as v, createBlock as O, withCtx as D, renderSlot as B, toDisplayString as q, createCommentVNode as S, createVNode as z, useCssVars as J, normalizeStyle as t2, createStaticVNode as le, createTextVNode as s2, Fragment as Y, renderList as G, provide as e2, Teleport as w2, withModifiers as r2, resolveDynamicComponent as C2, mergeProps as g2, withDirectives as L2, vShow as S2, TransitionGroup as x2, withKeys as p2, resolveComponent as T2 } from "vue";
+import { createI18n as pe, useI18n as $2 } from "vue-i18n";
+import { ref as g, reactive as d2, watch as j, readonly as I2, inject as X, onMounted as n2, onUnmounted as m2, nextTick as v2, defineComponent as L, useSlots as y2, computed as h, openBlock as o, createElementBlock as a, normalizeClass as k, createElementVNode as n, unref as v, createBlock as O, withCtx as D, renderSlot as B, toDisplayString as R, createCommentVNode as S, createVNode as z, useCssVars as J, normalizeStyle as t2, createStaticVNode as ee, createTextVNode as s2, Fragment as Y, renderList as G, provide as e2, Teleport as w2, withModifiers as r2, resolveDynamicComponent as C2, mergeProps as g2, withDirectives as L2, vShow as S2, TransitionGroup as x2, withKeys as p2, resolveComponent as T2 } from "vue";
 const k2 = (t) => {
   const { inputValue: e, rules: s } = t, l = g([]), r = g(!1), c = g(!1);
   return {
@@ -71,10 +71,10 @@ const k2 = (t) => {
       r.value = l.value.length === 0;
     }
   };
-}, Hi = (t) => t.charAt(0).toUpperCase() + t.slice(1), K2 = (t) => JSON.parse(JSON.stringify(t)), u2 = () => {
+}, Hi = (t) => t.charAt(0).toUpperCase() + t.slice(1), j2 = (t) => JSON.parse(JSON.stringify(t)), u2 = () => {
   const t = () => Math.floor((1 + Math.random()) * 65536).toString(16).substring(1);
   return `${t()}${t()}-${t()}-4${t().substr(0, 3)}-${t().substr(0, 1)}${t().substr(1, 3)}-${t()}${t()}${t()}`;
-}, X2 = {
+}, W2 = {
   error: {
     bg: "#000000",
     text: "red"
@@ -91,10 +91,10 @@ const k2 = (t) => {
     bg: "#000000",
     text: "blue"
   }
-}, xe = (t, e) => {
-  console.log(`%c ${e} `, `background: ${X2[t].bg}; color: ${X2[t].text}`);
-}, $e = (t, e = !1) => {
-  const s = d2({}), l = d2({}), r = d2(K2(t)), c = g(!1), d = g(!1), i = () => {
+}, ve = (t, e) => {
+  console.log(`%c ${e} `, `background: ${W2[t].bg}; color: ${W2[t].text}`);
+}, me = (t, e = !1) => {
+  const s = d2({}), l = d2({}), r = d2(j2(t)), c = g(!1), d = g(!1), i = () => {
     Object.entries(t).forEach(([H, m]) => {
       l[H] = k2({ inputValue: m.value, rules: m.rules }), l[H].validate();
     }), c.value = Object.entries(l).every(([H, m]) => m.valid);
@@ -106,19 +106,19 @@ const k2 = (t) => {
     const x = H[f] ? JSON.stringify(H[f]) : null, b = JSON.stringify(m[f]);
     return x !== b;
   });
-  return W(t, (H) => {
+  return j(t, (H) => {
     p(r, H).forEach((w) => {
       const f = H[w];
       s[w] = k2({ inputValue: f.value, rules: f.rules }), s[w].validate();
-    }), Object.assign(r, K2(H)), i(), d.value = !0;
+    }), Object.assign(r, j2(H)), i(), d.value = !0;
   }, { deep: !0 }), e && u(), {
     fields: s,
     isFormValid: I2(c),
     isAnyTouched: I2(d)
   };
-}, re = (t) => {
+}, te = (t) => {
   const { initialPlacement: e, relativeElement: s, contentDOMElement: l, yOffset: r = 0, xOffset: c = 0 } = t, d = g(e), i = g({ x: "0px", y: "0px" }), u = X("nmorph"), p = g(null);
-  W(
+  j(
     () => u.browser,
     () => {
       w();
@@ -159,18 +159,18 @@ const k2 = (t) => {
     });
   };
   return { placement: d, placementCoords: i };
-}, ye = "@nmorph/nmorph-ui-kit", be = "module", Me = "1.0.27", He = "MIT", ze = {
+}, _e = "@nmorph/nmorph-ui-kit", fe = "module", we = "1.0.28", ge = "MIT", xe = {
   node: "18.13.0",
   npm: "8.19.3"
-}, Ve = "./dist/index.d.ts", ke = "./dist/index.umd.js", Be = "./dist/index.es.js", Ne = "./dist/style.css", Ie = [
+}, $e = "./dist/index.d.ts", ye = "./dist/index.umd.js", be = "./dist/index.es.js", Me = "./dist/style.css", He = [
   "*.css"
-], Ce = [
+], ze = [
   "dist",
   "tsconfig.base.json",
   ".eslintrc.base.cjs",
   ".stylelintrc.base.cjs",
   ".prettierrc.base.cjs"
-], Le = {
+], Ve = {
   ".": {
     import: {
       types: "./dist/index.d.ts",
@@ -184,7 +184,7 @@ const k2 = (t) => {
   "./dist/styles/abstracts/_mixins.scss": "./dist/styles/abstracts/_mixins.scss",
   "./dist/styles/abstracts/_functions.scss": "./dist/styles/abstracts/_functions.scss",
   "./dist/styles/main.scss": "./dist/styles/main.scss"
-}, Se = {
+}, ke = {
   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/",
@@ -197,10 +197,10 @@ const k2 = (t) => {
   "validate-branch-name": "node .husky/validate-branch-name.cjs",
   "validate-commit-msg": "node .husky/validate-commit-msg.cjs",
   "build:types": "vue-tsc --declaration --emitDeclarationOnly --outDir dist"
-}, Ae = {
+}, Be = {
   vue: "^3.4.7",
   "vue-i18n": "^9.9.0"
-}, Te = {
+}, Ne = {
   "@types/node": "^20.10.8",
   "@types/vue": "^2.0.0",
   "@types/vue-router": "^2.0.0",
@@ -234,27 +234,27 @@ const k2 = (t) => {
   "vite-svg-loader": "^5.1.0",
   "vue-eslint-parser": "^9.4.0",
   "vue-tsc": "^2.0.22"
-}, De = {
-  name: ye,
-  type: be,
+}, Ie = {
+  name: _e,
+  type: fe,
   private: !1,
-  version: Me,
-  license: He,
-  engines: ze,
-  types: Ve,
-  main: ke,
-  module: Be,
-  style: Ne,
-  sideEffects: Ie,
-  files: Ce,
-  exports: Le,
-  scripts: Se,
-  dependencies: Ae,
-  devDependencies: Te
-}, Oe = (t, e) => {
+  version: we,
+  license: ge,
+  engines: xe,
+  types: $e,
+  main: ye,
+  module: be,
+  style: Me,
+  sideEffects: He,
+  files: ze,
+  exports: Ve,
+  scripts: ke,
+  dependencies: Be,
+  devDependencies: Ne
+}, Ce = (t, e) => {
   const s = e.filter((l) => l !== "false" && l && l !== "undefined").map((l) => `${t}--${l}`);
   return s.push(t), s.join(" ").trim().replace(/\s+/g, " ");
-}, C = (t) => Object.entries(t).map(([e, s]) => Oe(e, s)).join(" ").trim().replace(/\s+/g, " "), J2 = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), ie = [
+}, C = (t) => Object.entries(t).map(([e, s]) => Ce(e, s)).join(" ").trim().replace(/\s+/g, " "), U2 = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), ne = [
   { name: "--nmorph-info-color", color: "#d4e5edbb" },
   { name: "--nmorph-info-text-color", color: "#506c80" },
   { name: "--nmorph-success-color", color: "#67C23A" },
@@ -267,7 +267,7 @@ const k2 = (t) => {
   { name: "--nmorph-gray-color", color: "#c9d2dee6" },
   { name: "--nmorph-black-color", color: "#000000" },
   { name: "--nmorph-overlay-color", color: "#00000095" }
-], Pe = {
+], Le = {
   darkShade: "#c8c9ca",
   main: "#eaf2f9",
   lightShade: "#ffffff",
@@ -275,7 +275,7 @@ const k2 = (t) => {
   accent: "#4a90e2",
   focusText: "#ffffff",
   placeholderText: "#c1c9cf"
-}, Fe = {
+}, Se = {
   darkShade: "#0f1112",
   main: "#1c1f21",
   lightShade: "#292d30",
@@ -283,13 +283,13 @@ const k2 = (t) => {
   accent: "#006cb6",
   focusText: "#ffffff",
   placeholderText: "#575757"
-}, h2 = "nmorph-data-theme", Ee = "dark", Re = {
+}, h2 = "nmorph-data-theme", Ae = "dark", Te = {
   themes: {
-    common: ie,
-    light: Pe,
-    dark: Fe
+    common: ne,
+    light: Le,
+    dark: Se
   },
-  defaultTheme: Ee,
+  defaultTheme: Ae,
   saveCurrentThemeToLS: !0,
   darkShadeGeneratorCoefficient: -45,
   lightShadeGeneratorCoefficient: 45,
@@ -297,27 +297,27 @@ const k2 = (t) => {
     baseShadowWidth: "2px",
     baseShadowBlurCoefficient: "3"
   }
-}, qe = (t) => /^#[0-9A-Fa-f]{6}$/.test(t), je = (t) => {
-  if (!qe(t))
+}, De = (t) => /^#[0-9A-Fa-f]{6}$/.test(t), Oe = (t) => {
+  if (!De(t))
     throw new Error(`Invalid hex color: ${t}`);
   return t;
-}, We = (t, e) => {
+}, Pe = (t, e) => {
   const s = {};
   return t.forEach(({ name: l, color: r }) => {
     s[l] = r;
   }), e.forEach(({ name: l, color: r }) => {
     s[l] = r;
   }), Object.entries(s).map(([l, r]) => ({ name: l, color: r }));
-}, Z2 = (t, e) => {
+}, Y2 = (t, e) => {
   let s = parseInt(t.substring(1, 3), 16), l = parseInt(t.substring(3, 5), 16), r = parseInt(t.substring(5, 7), 16);
   s = Math.round(s * (1 + e / 100)), l = Math.round(l * (1 + e / 100)), r = Math.round(r * (1 + e / 100)), s = Math.min(255, Math.max(0, s)), l = Math.min(255, Math.max(0, l)), r = Math.min(255, Math.max(0, r));
   const c = s.toString(16).padStart(2, "0"), d = l.toString(16).padStart(2, "0"), i = r.toString(16).padStart(2, "0");
   return `#${c}${d}${i}`;
-}, Ue = (t) => {
-  xe("warn", `NMORPH(v${De.version})`);
-  const e = { ...Re, ...t }, s = (w) => {
+}, Fe = (t) => {
+  ve("warn", `NMORPH(v${Ie.version})`);
+  const e = { ...Te, ...t }, s = (w) => {
     try {
-      const f = je(w), x = Z2(f, e.darkShadeGeneratorCoefficient), b = Z2(f, e.lightShadeGeneratorCoefficient);
+      const f = Oe(w), x = Y2(f, e.darkShadeGeneratorCoefficient), b = Y2(f, e.lightShadeGeneratorCoefficient);
       return [
         { name: "--nmorph-dark-shade-color", color: x },
         { name: "--nmorph-light-shade-color", color: b }
@@ -326,13 +326,13 @@ const k2 = (t) => {
       console.error(f.message);
     }
   }, l = (w) => Object.entries(w).map(([f, x]) => ({
-    name: `--nmorph-${J2(f)}-color`,
+    name: `--nmorph-${U2(f)}-color`,
     color: x
   })), r = (w, f) => {
-    const x = ($) => $.map((V) => `${V.name}: ${V.color};`).join(" "), b = Object.entries(f).map(([$, V]) => `--${J2($)}: ${V};`).join(" "), _ = [];
+    const x = ($) => $.map((V) => `${V.name}: ${V.color};`).join(" "), b = Object.entries(f).map(([$, V]) => `--${U2($)}: ${V};`).join(" "), _ = [];
     return Object.entries(w).forEach(([$, V]) => {
       if ($ === "common")
-        _.push(x(We(ie, V)));
+        _.push(x(Pe(ne, V)));
       else {
         const A = `
           &[${h2}='${$}'] {
@@ -362,22 +362,22 @@ const k2 = (t) => {
   const m = e;
   return { setTheme: i, currentTheme: I2(u), data: m, getDynamicColorVariables: s };
 };
-var l2 = /* @__PURE__ */ ((t) => (t.thick = "thick-component", t.default = "default-height-component", t.thin = "thin-component", t))(l2 || {}), Ye = /* @__PURE__ */ ((t) => (t.circle = "circle", t.square = "square", t))(Ye || {}), Ge = /* @__PURE__ */ ((t) => (t.ascending = "ascending", t.descending = "descending", t))(Ge || {}), Qe = /* @__PURE__ */ ((t) => (t.row = "row", t.column = "column", t))(Qe || {}), ce = /* @__PURE__ */ ((t) => (t.inset = "shadow-inset", t.outset = "shadow-outset", t.combined = "shadow-combined", t["not-defined"] = "shadow-not-defined", t))(ce || {}), de = /* @__PURE__ */ ((t) => (t.accent = "accent", t.success = "success", t.error = "error", t.warning = "warning", t))(de || {}), Ke = /* @__PURE__ */ ((t) => (t.left = "left", t.right = "right", t.top = "top", t.bottom = "bottom", t))(Ke || {}), Xe = /* @__PURE__ */ ((t) => (t.fill = "fill", t.contain = "contain", t.cover = "cover", t.none = "none", t["scale-down"] = "scale-down", t))(Xe || {}), E = /* @__PURE__ */ ((t) => (t.en = "en", t.ru = "ru", t.zh = "zh", t))(E || {}), Je = /* @__PURE__ */ ((t) => (t["radio-style"] = "radio-style", t.button = "button", t))(Je || {}), Ze = /* @__PURE__ */ ((t) => (t.date = "date", t.dates = "dates", t.daterange = "daterange", t))(Ze || {});
-const D2 = {
-  [E.en]: {
+var l2 = /* @__PURE__ */ ((t) => (t.thick = "thick-component", t.default = "default-height-component", t.thin = "thin-component", t))(l2 || {}), Ee = /* @__PURE__ */ ((t) => (t.circle = "circle", t.square = "square", t))(Ee || {}), Re = /* @__PURE__ */ ((t) => (t.ascending = "ascending", t.descending = "descending", t))(Re || {}), qe = /* @__PURE__ */ ((t) => (t.row = "row", t.column = "column", t))(qe || {}), oe = /* @__PURE__ */ ((t) => (t.inset = "shadow-inset", t.outset = "shadow-outset", t.combined = "shadow-combined", t["not-defined"] = "shadow-not-defined", t))(oe || {}), ae = /* @__PURE__ */ ((t) => (t.accent = "accent", t.success = "success", t.error = "error", t.warning = "warning", t))(ae || {}), je = /* @__PURE__ */ ((t) => (t.left = "left", t.right = "right", t.top = "top", t.bottom = "bottom", t))(je || {}), We = /* @__PURE__ */ ((t) => (t.fill = "fill", t.contain = "contain", t.cover = "cover", t.none = "none", t["scale-down"] = "scale-down", t))(We || {}), U = /* @__PURE__ */ ((t) => (t.en = "en", t.ru = "ru", t.zh = "zh", t))(U || {}), Ue = /* @__PURE__ */ ((t) => (t["radio-style"] = "radio-style", t.button = "button", t))(Ue || {}), Ye = /* @__PURE__ */ ((t) => (t.date = "date", t.dates = "dates", t.daterange = "daterange", t))(Ye || {});
+const Ge = {
+  [U.en]: {
     on: "On",
     off: "Off"
   },
-  [E.ru]: {
+  [U.ru]: {
     on: "Вкл",
     off: "Выкл"
   },
-  [E.zh]: {
+  [U.zh]: {
     on: "开",
     off: "关"
   }
-}, O2 = {
-  [E.en]: {
+}, Qe = {
+  [U.en]: {
     sun: "sun",
     mon: "mon",
     tue: "tue",
@@ -398,7 +398,7 @@ const D2 = {
     nov: "November",
     dec: "December"
   },
-  [E.ru]: {
+  [U.ru]: {
     sun: "Вс",
     mon: "Пн",
     tue: "Вт",
@@ -419,7 +419,7 @@ const D2 = {
     nov: "Ноябрь",
     dec: "Декабрь"
   },
-  [E.zh]: {
+  [U.zh]: {
     sun: "日",
     mon: "一",
     tue: "二",
@@ -440,61 +440,61 @@ const D2 = {
     nov: "十一月",
     dec: "十二月"
   }
-}, P2 = {
-  [E.en]: {
+}, Ke = {
+  [U.en]: {
     pickADate: "Pick a date"
   },
-  [E.ru]: {
+  [U.ru]: {
     pickADate: "Выберите дату"
   },
-  [E.zh]: {
+  [U.zh]: {
     pickADate: "选择日期"
   }
-}, F2 = {
-  [E.en]: {
+}, Xe = {
+  [U.en]: {
     loadingText: "Loading ...",
     loadFailedText: "Image loading failed"
   },
-  [E.ru]: {
+  [U.ru]: {
     loadingText: "Загрузка ...",
     loadFailedText: "Не удалось загрузить изображение"
   },
-  [E.zh]: {
+  [U.zh]: {
     loadingText: "加载中...",
     loadFailedText: "图片加载失败"
   }
-}, E2 = {
-  [E.en]: {
+}, Je = {
+  [U.en]: {
     noElementPlaceholder: "Choose value"
   },
-  [E.ru]: {
+  [U.ru]: {
     noElementPlaceholder: "Выберите значение"
   },
-  [E.zh]: {
+  [U.zh]: {
     noElementPlaceholder: "选择值"
   }
-}, R2 = {
-  [E.en]: {
+}, Ze = {
+  [U.en]: {
     selectFile: "Select file"
   },
-  [E.ru]: {
+  [U.ru]: {
     selectFile: "Выберите файл"
   },
-  [E.zh]: {
+  [U.zh]: {
     selectFile: "选择文件"
   }
-}, ee = {
-  NmorphSwitch: D2[E.en],
-  NmorphCalendar: O2[E.en],
-  NmorphDatePicker: P2[E.en],
-  NmorphImage: F2[E.en],
-  NmorphSelect: E2[E.en],
-  NmorphFileUpload: R2[E.en]
+}, G2 = {
+  NmorphSwitch: Ge[U.en],
+  NmorphCalendar: Qe[U.en],
+  NmorphDatePicker: Ke[U.en],
+  NmorphImage: Xe[U.en],
+  NmorphSelect: Je[U.en],
+  NmorphFileUpload: Ze[U.en]
 }, e0 = (t) => {
-  const e = t && t.messages ? { ...t.messages, en: ee } : { en: ee }, s = t && t.locale ? t.locale : E.en;
-  return ge({
+  const e = t && t.messages ? { ...t.messages, en: G2 } : { en: G2 }, s = t && t.locale ? t.locale : U.en;
+  return pe({
     locale: s,
-    fallbackLocale: E.en,
+    fallbackLocale: U.en,
     messages: e
   });
 }, t0 = () => {
@@ -538,7 +538,7 @@ const D2 = {
     notify: s,
     removeNotification: l
   };
-}, Vi = () => X("nmorph"), n0 = ["disabled", "loading", "type", "tabindex"], o0 = { key: 1 }, a0 = { key: 0 }, j = /* @__PURE__ */ L({
+}, Vi = () => X("nmorph"), n0 = ["disabled", "loading", "type", "tabindex"], o0 = { key: 1 }, a0 = { key: 0 }, q = /* @__PURE__ */ L({
   __name: "NmorphButton",
   props: {
     styleType: { default: "default" },
@@ -590,7 +590,7 @@ const D2 = {
           _: 3
         })) : (o(), a("div", o0, [
           B(u.$slots, "default"),
-          !s.loading && s.text !== void 0 ? (o(), a("span", a0, q(s.text), 1)) : S("", !0),
+          !s.loading && s.text !== void 0 ? (o(), a("span", a0, R(s.text), 1)) : S("", !0),
           s.loading ? (o(), O(v(F), {
             key: 1,
             size: i.value
@@ -782,7 +782,7 @@ const Pi = { render: P0 }, F0 = {
 };
 function E0(t, e) {
   return o(), a("svg", F0, e[0] || (e[0] = [
-    le('<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)
+    ee('<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)
   ]));
 }
 const Fi = { render: E0 }, R0 = {
@@ -989,7 +989,7 @@ function It(t, e) {
     n("path", { d: "m2 12 14 12 14-12-2-2-12 10L4 10Z" }, null, -1)
   ]));
 }
-const te = { render: It }, Ct = {
+const Q2 = { render: It }, Ct = {
   xmlns: "http://www.w3.org/2000/svg",
   "xml:space": "preserve",
   viewBox: "0 0 1024 1024"
@@ -1758,7 +1758,7 @@ const Bd = { render: Oo }, Po = {
 };
 function Fo(t, e) {
   return o(), a("svg", Po, e[0] || (e[0] = [
-    le('<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)
+    ee('<g transform="translate(50 50)"><circle cy="-30" r="5"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="21.21" cy="-21.21" r="5" opacity=".875"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="30" r="5" opacity=".75"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="21.21" cy="21.21" r="5" opacity=".625"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cy="30" r="5" opacity=".5"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="-21.21" cy="21.21" r="5" opacity=".375"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="-30" r="5" opacity=".25"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle><circle cx="-21.21" cy="-21.21" r="5" opacity=".125"><animateTransform attributeName="transform" dur="1s" from="0" repeatCount="indefinite" to="360" type="rotate"></animateTransform></circle></g>', 1)
   ]));
 }
 const Nd = { render: Fo }, Eo = {
@@ -3087,7 +3087,7 @@ function nr(t, e) {
 const or = { render: nr }, ar = ["href", "target"], Z5 = /* @__PURE__ */ L({
   __name: "NmorphLink",
   props: {
-    type: { default: de.accent },
+    type: { default: ae.accent },
     underline: { type: Boolean, default: !1 },
     href: { default: "" },
     text: { default: "" },
@@ -3108,7 +3108,7 @@ const or = { render: nr }, ar = ["href", "target"], Z5 = /* @__PURE__ */ L({
         target: e.target
       }, [
         B(r.$slots, "prepend"),
-        s2(" " + q(r.text) + " ", 1),
+        s2(" " + R(r.text) + " ", 1),
         v(s).icon ? (o(), O(v(F), {
           key: 0,
           class: "nmorph-link__icon",
@@ -3152,12 +3152,12 @@ const e9 = /* @__PURE__ */ L({
   setup(t, { expose: e, emit: s }) {
     J((Z) => ({
       "256f24e4": P.value,
-      "6ab0c31b": U.value,
+      "6ab0c31b": W.value,
       e0c171ca: m.value,
       "4956b50c": w.value,
       73570806: d.value,
       73570807: c.value,
-      "14ef4acf": R.value,
+      "14ef4acf": E.value,
       "6253ec03": f.value,
       "634acaec": x.value
     }));
@@ -3196,20 +3196,20 @@ const e9 = /* @__PURE__ */ L({
     };
     n2(() => {
       N(l.modelValue), v2(p);
-    }), W(
+    }), j(
       () => l.modelValue,
       (Z) => {
         N(Z);
       },
       { deep: !0, immediate: !0 }
-    ), W(
+    ), j(
       () => b?.browser.dimensions,
       () => {
         v2(p);
       },
       { deep: !0, immediate: !0 }
     );
-    const R = h(() => l.cssScrollBehavior), P = h(() => l.height), U = h(() => l.maxHeight);
+    const E = h(() => l.cssScrollBehavior), P = h(() => l.height), W = h(() => l.maxHeight);
     e({ scrollDOMContainer: r, moveTo: N });
     const o2 = () => {
       y.value = !0;
@@ -3339,7 +3339,7 @@ const b2 = (t, e) => {
       }, [
         e.isDot ? (o(), a("div", cr)) : (o(), a("div", dr, [
           B(p.$slots, "value", {}, () => [
-            s2(q(r.value), 1)
+            s2(R(r.value), 1)
           ])
         ]))
       ], 6)
@@ -3366,9 +3366,9 @@ const ur = { class: "nmorph-calendar-header__text" }, hr = { class: "nmorph-cale
       class: k(r.value)
     }, [
       B(c.$slots, "default", {}, () => [
-        n("div", ur, q(s.year) + " " + q(v(ue)(s.month)), 1),
+        n("div", ur, R(s.year) + " " + R(v(se)(s.month)), 1),
         n("div", hr, [
-          c.showPreviousMonthButton ? (o(), O(v(j), {
+          c.showPreviousMonthButton ? (o(), O(v(q), {
             key: 0,
             class: "nmorph-calendar-header__action",
             onClick: d[0] || (d[0] = (i) => l("click-previous-month"))
@@ -3378,13 +3378,13 @@ const ur = { class: "nmorph-calendar-header__text" }, hr = { class: "nmorph-cale
             ]),
             _: 1
           })) : S("", !0),
-          c.showTodayButton ? (o(), O(v(j), {
+          c.showTodayButton ? (o(), O(v(q), {
             key: 1,
             class: "nmorph-calendar-header__action",
             text: "Today",
             onClick: d[1] || (d[1] = (i) => l("click-today"))
           })) : S("", !0),
-          c.showNextMonthButton ? (o(), O(v(j), {
+          c.showNextMonthButton ? (o(), O(v(q), {
             key: 2,
             class: "nmorph-calendar-header__action",
             onClick: d[2] || (d[2] = (i) => l("click-next-month"))
@@ -3399,7 +3399,7 @@ const ur = { class: "nmorph-calendar-header__text" }, hr = { class: "nmorph-cale
     ], 2));
   }
 });
-const vr = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct", "nov", "dec"], mr = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], q2 = () => {
+const vr = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct", "nov", "dec"], mr = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], D2 = () => {
   const { t } = $2();
   return {
     months: vr.map((e) => t(`NmorphCalendar.${e}`)),
@@ -3416,7 +3416,7 @@ const vr = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
   },
   emits: ["update:model-value", "update-initial-date"],
   setup(t, { emit: e }) {
-    const s = t, l = e, { days: r } = q2(), c = () => {
+    const s = t, l = e, { days: r } = D2(), c = () => {
       w.value = _.value;
     }, d = () => {
       w.value = /* @__PURE__ */ new Date();
@@ -3450,21 +3450,21 @@ const vr = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
       if (N)
         return;
       I === "next" && i(), I === "previous" && c();
-      const { date: R } = y;
-      if (s.type === "date" && (f.value = R, l("update:model-value", f.value)), s.type === "dates") {
+      const { date: E } = y;
+      if (s.type === "date" && (f.value = E, l("update:model-value", f.value)), s.type === "dates") {
         if (!Array.isArray(f.value))
           return u();
-        const P = R.toDateString(), o2 = f.value.map((Z) => Z.toDateString()).indexOf(P);
-        o2 !== -1 ? f.value.splice(o2, 1) : f.value.push(R), l("update:model-value", f.value);
+        const P = E.toDateString(), o2 = f.value.map((Z) => Z.toDateString()).indexOf(P);
+        o2 !== -1 ? f.value.splice(o2, 1) : f.value.push(E), l("update:model-value", f.value);
       }
       if (s.type === "daterange") {
         if (!Array.isArray(f.value))
           return u();
-        f.value.length === 0 ? f.value.push(R) : f.value.length === 1 ? R < f.value[0] ? f.value = [R, f.value[0]] : f.value.push(R) : f.value = [R], l("update:model-value", f.value.slice(0, 2));
+        f.value.length === 0 ? f.value.push(E) : f.value.length === 1 ? E < f.value[0] ? f.value = [E, f.value[0]] : f.value.push(E) : f.value = [E], l("update:model-value", f.value.slice(0, 2));
       }
     }, H = (y, I) => {
-      const [N, R] = I;
-      return I.length === 1 ? y.toDateString() === N.toDateString() : N && R ? y >= c2(N) && y <= c2(R) : !1;
+      const [N, E] = I;
+      return I.length === 1 ? y.toDateString() === N.toDateString() : N && E ? y >= c2(N) && y <= c2(E) : !1;
     }, m = (y) => {
       if (f.value === null)
         return !1;
@@ -3482,13 +3482,13 @@ const vr = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
     const b = () => {
       x = [], br(w, s.range).forEach((I) => {
         const N = {};
-        I.forEach((R, P) => {
-          const U = r[P];
-          N[U] = R;
+        I.forEach((E, P) => {
+          const W = r[P];
+          N[W] = E;
         }), x.push(N);
       });
     };
-    W(
+    j(
       () => s.initialDate,
       (y) => {
         w.value = y;
@@ -3496,20 +3496,20 @@ const vr = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
       {
         deep: !0
       }
-    ), W(w, () => {
+    ), j(w, () => {
       b(), l("update-initial-date", w.value);
-    }), W(
+    }), j(
       () => s.modelValue,
       (y) => {
         f.value = p(y);
       }
     );
     const _ = h(() => new Date(w.value.setMonth(w.value.getMonth() - 1))), $ = h(() => new Date(w.value.setMonth(w.value.getMonth() + 1))), V = h(() => {
-      const { range: y } = s, I = y ? gr(w.value, y[0]) : !0, N = y ? xr(w.value, y[1]) : !0, R = $r(y);
+      const { range: y } = s, I = y ? gr(w.value, y[0]) : !0, N = y ? xr(w.value, y[1]) : !0, E = $r(y);
       return {
         showPreviousMonthButton: I,
         showNextMonthButton: N,
-        showTodayButton: R
+        showTodayButton: E
       };
     }), A = h(
       () => C({
@@ -3543,10 +3543,10 @@ const vr = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
               prop: N,
               label: N.toUpperCase()
             }, {
-              default: D(({ scope: R }) => [
-                (o(!0), a(Y, null, G(R.rows, (P, U) => (o(), O(v(h6), {
-                  key: U,
-                  row: U
+              default: D(({ scope: E }) => [
+                (o(!0), a(Y, null, G(E.rows, (P, W) => (o(), O(v(h6), {
+                  key: W,
+                  row: W
                 }, {
                   default: D(() => [
                     n("div", {
@@ -3570,7 +3570,7 @@ const vr = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct"
                           selected: m(T(P[N]).date)
                         }
                       }, () => [
-                        s2(q(T(P[N]).hidden ? "-" : T(P[N]).value), 1)
+                        s2(R(T(P[N]).hidden ? "-" : T(P[N]).value), 1)
                       ])
                     ], 10, _r)
                   ]),
@@ -3591,7 +3591,7 @@ const wr = (t) => {
   for (let l = 0; l < 10; l++)
     s.push(e + l);
   return s;
-}, ne = (t) => {
+}, K2 = (t) => {
   if (!t)
     return;
   const e = "en-CA", s = {
@@ -3606,37 +3606,37 @@ const wr = (t) => {
     return !0;
   const s = t && t[0], l = t && t[1];
   return e >= s && e <= l;
-}, ue = (t) => {
-  const { months: e } = q2();
+}, se = (t) => {
+  const { months: e } = D2();
   return e[t];
-}, yr = (t) => t % 4 === 0 && t % 100 !== 0 || t % 400 === 0, oe = (t, e) => [0, 2, 4, 6, 7, 9, 11].includes(e) ? 31 : [3, 5, 8, 10].includes(e) ? 30 : yr(t) ? 29 : 28, c2 = (t) => new Date(t.getFullYear(), t.getMonth(), t.getDate()), br = (t, e) => {
-  const s = (P) => e ? P < c2(e[0]) || P > c2(e[1]) : !1, l = t.value.getFullYear(), r = t.value.getMonth(), d = new Date(l, r, 1).getDay() + 1, i = oe(l, r), u = 7 + d - 8;
+}, yr = (t) => t % 4 === 0 && t % 100 !== 0 || t % 400 === 0, X2 = (t, e) => [0, 2, 4, 6, 7, 9, 11].includes(e) ? 31 : [3, 5, 8, 10].includes(e) ? 30 : yr(t) ? 29 : 28, c2 = (t) => new Date(t.getFullYear(), t.getMonth(), t.getDate()), br = (t, e) => {
+  const s = (P) => e ? P < c2(e[0]) || P > c2(e[1]) : !1, l = t.value.getFullYear(), r = t.value.getMonth(), d = new Date(l, r, 1).getDay() + 1, i = X2(l, r), u = 7 + d - 8;
   let H = 7 - (new Date(l, r, i).getDay() + 1);
-  const m = /* @__PURE__ */ new Date(), w = m.getDate(), f = m.getMonth(), x = r - 1, b = oe(l, x);
+  const m = /* @__PURE__ */ new Date(), w = m.getDate(), f = m.getMonth(), x = r - 1, b = X2(l, x);
   let _ = b - u;
   const $ = [];
   for (; _ < b; ) {
     _++;
-    const P = f === x && w === _, U = new Date(l, x, _);
+    const P = f === x && w === _, W = new Date(l, x, _);
     $.push({
       value: _,
       monthType: "previous",
       isToday: P,
-      date: U,
-      hidden: s(U)
+      date: W,
+      hidden: s(W)
     });
   }
   const V = r + 1, A = [];
   let T = 0;
   for (; H; ) {
     T++, H--;
-    const P = f === V && w === T, U = new Date(l, V, T);
+    const P = f === V && w === T, W = new Date(l, V, T);
     A.push({
       value: T,
       monthType: "next",
       isToday: P,
-      date: U,
-      hidden: s(U)
+      date: W,
+      hidden: s(W)
     });
   }
   let y = 0;
@@ -3644,21 +3644,21 @@ const wr = (t) => {
   for (; y < i; ) {
     const P = m.getDate();
     y++;
-    const U = f === r && P === y, o2 = new Date(l, r, y);
+    const W = f === r && P === y, o2 = new Date(l, r, y);
     I.push({
       value: y,
       monthType: "current",
-      isToday: U,
+      isToday: W,
       date: o2,
       hidden: s(o2)
     });
   }
-  const N = [...$, ...I, ...A], R = [];
+  const N = [...$, ...I, ...A], E = [];
   for (let P = 0; P < N.length; P += 7) {
-    const U = N.slice(P, P + 7);
-    R.push(U);
+    const W = N.slice(P, P + 7);
+    E.push(W);
   }
-  return R.filter((P) => !P.every((U) => U.hidden));
+  return E.filter((P) => !P.every((W) => W.hidden));
 }, Mr = { class: "nmorph-card__header" }, Hr = { class: "nmorph-card__content" }, zr = { class: "nmorph-card__footer" }, Vr = /* @__PURE__ */ L({
   __name: "NmorphCard",
   props: {
@@ -3671,7 +3671,7 @@ const wr = (t) => {
     }));
     const e = t, s = h(
       () => C({
-        nmorph: [ce[e.shadowType]],
+        nmorph: [oe[e.shadowType]],
         "nmorph-card": [e.shadowType]
       })
     ), l = h(() => `${e.combinedShadowBorderWidth}px`);
@@ -3715,7 +3715,7 @@ const o9 = /* @__PURE__ */ b2(Vr, [["__scopeId", "data-v-e3cb136f"]]), kr = ["id
     };
     n2(() => {
       c.loop && s.value === 0 && (v2(() => m()), M.value?.addEventListener("transitionend", w));
-    }), W(s, (V) => {
+    }), j(s, (V) => {
       d("change", s.value), (V === 1 || V === Object.keys(H).length) && setTimeout(() => {
         b.value = !0;
       });
@@ -3803,7 +3803,7 @@ const s9 = /* @__PURE__ */ L({
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
     const s = t, l = g(s.modelValue);
-    W(
+    j(
       () => s.modelValue,
       (i) => {
         l.value = i;
@@ -3856,13 +3856,13 @@ const s9 = /* @__PURE__ */ L({
     };
     return n2(() => {
       Array.isArray(i?.value) ? r.value = i.value.includes(s.name) : r.value = i?.value === s.name;
-    }), W(
+    }), j(
       () => i?.value,
       (m) => {
         Array.isArray(m) ? r.value = m.includes(s.name) : r.value = m === s.name;
       },
       { deep: !0 }
-    ), W(r, () => {
+    ), j(r, () => {
       M.value = r.value && p.value ? p.value?.clientHeight : 0;
     }), (m, w) => (o(), a("div", {
       class: k(c.value),
@@ -3872,7 +3872,7 @@ const s9 = /* @__PURE__ */ L({
         class: k(["nmorph-collapse-item__title", d.value])
       }, [
         B(m.$slots, "title", {}, () => [
-          s2(q(s.title), 1)
+          s2(R(s.title), 1)
         ])
       ], 2),
       n("div", {
@@ -3938,11 +3938,11 @@ const Ir = ["src", "alt", "srcset"], Cr = {
       }, null, 40, Ir),
       H.value ? (o(), a("div", Cr, [
         B(x.$slots, "error", {}, () => [
-          s2(q(c.value), 1)
+          s2(R(c.value), 1)
         ], !0)
       ])) : d.value ? S("", !0) : (o(), a("div", Lr, [
         B(x.$slots, "loading", {}, () => [
-          s2(q(r.value), 1)
+          s2(R(r.value), 1)
         ], !0)
       ]))
     ], 2)) : S("", !0);
@@ -3968,7 +3968,7 @@ const A2 = /* @__PURE__ */ b2(Sr, [["__scopeId", "data-v-4c8df10c"]]), Ar = { cl
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
     const s = t, l = g(s.modelValue);
-    W(
+    j(
       () => s.modelValue,
       (N) => l.value = N
     );
@@ -3993,11 +3993,11 @@ const A2 = /* @__PURE__ */ b2(Sr, [["__scopeId", "data-v-4c8df10c"]]), Ar = { cl
     }, b = () => {
       i.value = 1;
     }, _ = g(0), $ = () => {
-      const N = s.src.length - 1, R = c.value - 1;
-      R < 0 ? c.value = N : c.value = R;
+      const N = s.src.length - 1, E = c.value - 1;
+      E < 0 ? c.value = N : c.value = E;
     }, V = () => {
-      const N = s.src.length - 1, R = c.value + 1;
-      R > N ? c.value = 0 : c.value = R;
+      const N = s.src.length - 1, E = c.value + 1;
+      E > N ? c.value = 0 : c.value = E;
     }, A = h(() => {
       let N = {
         icon: ns,
@@ -4025,7 +4025,7 @@ const A2 = /* @__PURE__ */ b2(Sr, [["__scopeId", "data-v-4c8df10c"]]), Ar = { cl
         handler: w
       }
     ], y = e, I = h(() => Array.isArray(s.src) && s.src.length > 0);
-    return (N, R) => (o(), a("div", {
+    return (N, E) => (o(), a("div", {
       class: k(r.value)
     }, [
       n("div", {
@@ -4038,7 +4038,7 @@ const A2 = /* @__PURE__ */ b2(Sr, [["__scopeId", "data-v-4c8df10c"]]), Ar = { cl
           fit: "cover"
         }, null, 8, ["src", "alt"])
       ]),
-      z(v(G2), {
+      z(v(R2), {
         show: l.value,
         onOnOutsideClick: p
       }, {
@@ -4052,11 +4052,11 @@ const A2 = /* @__PURE__ */ b2(Sr, [["__scopeId", "data-v-4c8df10c"]]), Ar = { cl
             }, null, 8, ["src", "alt", "style"])
           ]),
           I.value ? (o(), a("div", Tr, [
-            z(v(j), { onClick: $ }, {
+            z(v(q), { onClick: $ }, {
               default: D(() => [
                 z(v(F), null, {
                   default: D(() => [
-                    z(v(te))
+                    z(v(Q2))
                   ]),
                   _: 1
                 })
@@ -4065,11 +4065,11 @@ const A2 = /* @__PURE__ */ b2(Sr, [["__scopeId", "data-v-4c8df10c"]]), Ar = { cl
             })
           ])) : S("", !0),
           I.value ? (o(), a("div", Dr, [
-            z(v(j), { onClick: V }, {
+            z(v(q), { onClick: V }, {
               default: D(() => [
                 z(v(F), null, {
                   default: D(() => [
-                    z(v(te))
+                    z(v(Q2))
                   ]),
                   _: 1
                 })
@@ -4078,11 +4078,11 @@ const A2 = /* @__PURE__ */ b2(Sr, [["__scopeId", "data-v-4c8df10c"]]), Ar = { cl
             })
           ])) : S("", !0),
           n("div", Or, [
-            (o(), a(Y, null, G(T, (P, U) => n("div", {
-              key: U,
+            (o(), a(Y, null, G(T, (P, W) => n("div", {
+              key: W,
               class: "nmorph-image-preview__action-element"
             }, [
-              z(v(j), {
+              z(v(q), {
                 onClick: P.handler
               }, {
                 default: D(() => [
@@ -4097,7 +4097,7 @@ const A2 = /* @__PURE__ */ b2(Sr, [["__scopeId", "data-v-4c8df10c"]]), Ar = { cl
               }, 1032, ["onClick"])
             ])), 64)),
             n("div", Pr, [
-              z(v(j), {
+              z(v(q), {
                 disabled: i.value === 1,
                 onClick: A.value.handler
               }, {
@@ -4146,7 +4146,7 @@ const i9 = /* @__PURE__ */ L({
       const x = s.totalElementsQuantity / s.elementsQuantityOnPage + 1, b = x % 1 === 0 ? -1 : 0;
       return Array.from({ length: x + b }, ($, V) => ({ value: String(V + 1), label: String(V + 1) }));
     }), p = h(() => s.hideOnSinglePage || s.totalElementsQuantity / s.elementsQuantityOnPage > 1);
-    W(i, (x) => {
+    j(i, (x) => {
       l("update:model-value", Number(x));
     });
     const M = (x) => {
@@ -4172,7 +4172,7 @@ const i9 = /* @__PURE__ */ L({
       key: 0,
       class: k(r.value)
     }, [
-      z(v(j), {
+      z(v(q), {
         class: "nmorph-pagination__btn nmorph-pagination__prev-btn",
         disabled: H.value || s.disabled,
         onClick: c
@@ -4185,7 +4185,7 @@ const i9 = /* @__PURE__ */ L({
         ]),
         _: 1
       }, 8, ["disabled"]),
-      z(v(ve), {
+      z(v(ie), {
         "model-value": i.value,
         class: "nmorph-pagination__page-group",
         disabled: s.disabled,
@@ -4196,7 +4196,7 @@ const i9 = /* @__PURE__ */ L({
             key: _.value,
             class: "nmorph-pagination__page-btn-wrapper"
           }, [
-            _.value === "prev" || _.value === "next" ? (o(), O(v(j), {
+            _.value === "prev" || _.value === "next" ? (o(), O(v(q), {
               key: 0,
               class: k(`nmorph-pagination__page-btn nmorph-pagination__${_.value}`),
               text: _.label,
@@ -4213,7 +4213,7 @@ const i9 = /* @__PURE__ */ L({
         ]),
         _: 1
       }, 8, ["model-value", "disabled"]),
-      z(v(j), {
+      z(v(q), {
         class: "nmorph-pagination__btn nmorph-pagination__next-btn",
         disabled: m.value || s.disabled,
         onClick: d
@@ -4276,21 +4276,21 @@ const Er = {
           n("div", qr, [
             m.valueInside ? (o(), a("div", jr, [
               B(m.$slots, "inner-text", {}, () => [
-                s2(q(H.value), 1)
+                s2(R(H.value), 1)
               ])
             ])) : S("", !0)
           ])
         ]),
         m.valueRightSide ? (o(), a("div", Wr, [
           B(m.$slots, "right-side", {}, () => [
-            s2(q(H.value), 1)
+            s2(R(H.value), 1)
           ])
         ])) : S("", !0)
       ])) : S("", !0),
       e.type === "circle" ? (o(), a("div", Ur, [
         n("div", Yr, [
           B(m.$slots, "circle-inner-part", {}, () => [
-            s2(q(H.value), 1)
+            s2(R(H.value), 1)
           ])
         ]),
         (o(), a("svg", {
@@ -4403,7 +4403,7 @@ const H2 = "10px", n6 = /* @__PURE__ */ L({
     return (d, i) => (o(), a("div", {
       class: k(r.value)
     }, [
-      z(v(j), {
+      z(v(q), {
         height: "thin",
         "style-type": "transparent",
         onClick: c
@@ -4455,7 +4455,7 @@ const o6 = { class: "nmorph-table__wrapper" }, a6 = { class: "nmorph-table__head
       const w = i.value.map(($) => $.width).filter(($) => !!$), f = w.length, x = w.reduce(($, V) => ($ += Number(V), $), 0), b = i.value.length - f;
       return d.value?.clientWidth ? (d.value?.clientWidth - x) / b : 0;
     }), p = (w) => w !== "" ? w : u.value, M = g(0);
-    W(
+    j(
       () => e.data,
       () => {
         M.value = M.value + 1, l.value = e.data, i.value = [];
@@ -4491,7 +4491,7 @@ const o6 = { class: "nmorph-table__wrapper" }, a6 = { class: "nmorph-table__head
                     style: t2({ "justify-content": x.alignment }),
                     class: "nmorph-table__cell-content"
                   }, [
-                    n("span", null, q(x.label), 1),
+                    n("span", null, R(x.label), 1),
                     r.value && r.value[x.prop] ? (o(), O(n6, {
                       key: 0,
                       class: "nmorph-table__button-wrapper",
@@ -4525,7 +4525,7 @@ const o6 = { class: "nmorph-table__wrapper" }, a6 = { class: "nmorph-table__head
                     id: `table-cell-${v(m)}-${b}-${_.prop}`,
                     style: t2({ "text-align": _.alignment }),
                     class: "nmorph-table__cell nmorph-table__cell--data"
-                  }, q(H(x[_.prop])), 13, c6)
+                  }, R(H(x[_.prop])), 13, c6)
                 ], 2))), 128))
               ], 2))), 128))
             ])
@@ -4623,13 +4623,13 @@ const h6 = /* @__PURE__ */ L({
     return (i, u) => (o(), a("div", {
       class: k(r.value)
     }, [
-      (o(!0), a(Y, null, G(v(c), (p) => (o(), O(v(he), g2({
+      (o(!0), a(Y, null, G(v(c), (p) => (o(), O(v(le), g2({
         key: p.value,
         ref_for: !0
       }, p, { onClose: d }), null, 16))), 128))
     ], 2));
   }
-}), m6 = { class: "nmorph-tag-item__content" }, he = /* @__PURE__ */ L({
+}), m6 = { class: "nmorph-tag-item__content" }, le = /* @__PURE__ */ L({
   __name: "NmorphTagItem",
   props: {
     value: {},
@@ -4652,7 +4652,7 @@ const h6 = /* @__PURE__ */ L({
       class: k(l.value)
     }, [
       n("div", m6, [
-        n("span", null, q(d.text), 1),
+        n("span", null, R(d.text), 1),
         s.removable ? (o(), O(v(F), {
           key: 0,
           class: "nmorph-tag-item__close-icon",
@@ -4723,12 +4723,12 @@ const _6 = ["innerHTML"], f6 = {
           n("div", x6, [
             n("div", $6, [
               s.title || v(i).title ? B(p.$slots, "title", { key: 0 }, () => [
-                s2(q(s.title), 1)
+                s2(R(s.title), 1)
               ]) : S("", !0)
             ]),
             n("div", y6, [
               B(p.$slots, "default", {}, () => [
-                s2(q(s.content), 1)
+                s2(R(s.content), 1)
               ])
             ])
           ])
@@ -4774,7 +4774,7 @@ const M6 = { class: "nmorph-dialog__header" }, H6 = { class: "nmorph-dialog__tit
       })
     ), c = h(() => s.width), d = h(() => s.zIndex), i = g(s.modelValue);
     let u = null, p = null;
-    W(
+    j(
       () => s.modelValue,
       (m) => {
         m ? (p && clearTimeout(p), u = setTimeout(() => {
@@ -4792,7 +4792,7 @@ const M6 = { class: "nmorph-dialog__header" }, H6 = { class: "nmorph-dialog__tit
     }, H = () => {
       s.closeOnOverlay && M();
     };
-    return (m, w) => (o(), O(v(G2), {
+    return (m, w) => (o(), O(v(R2), {
       show: i.value,
       onOnOutsideClick: H
     }, {
@@ -4802,7 +4802,7 @@ const M6 = { class: "nmorph-dialog__header" }, H6 = { class: "nmorph-dialog__tit
         }, [
           n("div", M6, [
             B(m.$slots, "header", {}, () => [
-              n("div", H6, q(s.title), 1),
+              n("div", H6, R(s.title), 1),
               s.showClose ? (o(), a("div", {
                 key: 0,
                 class: "nmorph-dialog__close-icon",
@@ -4839,7 +4839,7 @@ const V6 = { class: "nmorph-tooltip__shadow-content" }, k6 = {
     J((m) => ({
       "6d1447a0": M.value
     }));
-    const s = t, l = g(s.forceShow), r = g(null), c = g(null), { placement: d } = re({
+    const s = t, l = g(s.forceShow), r = g(null), c = g(null), { placement: d } = te({
       initialPlacement: s.position,
       contentDOMElement: r,
       relativeElement: c
@@ -4886,7 +4886,7 @@ const V6 = { class: "nmorph-tooltip__shadow-content" }, k6 = {
             }, [
               n("div", V6, [
                 s.forceCoordinate ? S("", !0) : (o(), a("div", k6)),
-                n("span", null, q(m.text), 1)
+                n("span", null, R(m.text), 1)
               ])
             ], 4)) : S("", !0)
           ]),
@@ -4900,7 +4900,7 @@ const V6 = { class: "nmorph-tooltip__shadow-content" }, k6 = {
             l.value ? (o(), a("div", B6, [
               n("div", N6, [
                 w[0] || (w[0] = n("div", { class: "nmorph-tooltip__triangle" }, null, -1)),
-                s.text ? (o(), a("span", I6, q(m.text), 1)) : B(m.$slots, "content", { key: 1 })
+                s.text ? (o(), a("span", I6, R(m.text), 1)) : B(m.$slots, "content", { key: 1 })
               ])
             ])) : S("", !0)
           ]),
@@ -4949,7 +4949,7 @@ const L6 = {
       "change-checkbox-value-handler",
       void 0
     ), c = t;
-    W(
+    j(
       () => c.modelValue,
       (w) => {
         u.value = w;
@@ -4992,7 +4992,7 @@ const L6 = {
           p.value ? (o(), a("div", T6)) : S("", !0)
         ]),
         c.label ? (o(), a("div", D6, [
-          n("span", null, q(c.label), 1)
+          n("span", null, R(c.label), 1)
         ])) : (o(), a("div", O6, [
           B(w.$slots, "default")
         ]))
@@ -5007,7 +5007,7 @@ const L6 = {
           onChange: H
         }, null, 40, F6),
         c.label ? (o(), a("div", E6, [
-          n("span", null, q(c.label), 1)
+          n("span", null, R(c.label), 1)
         ])) : (o(), a("div", R6, [
           B(w.$slots, "label")
         ]))
@@ -5081,7 +5081,7 @@ const U6 = { class: "nmorph-autocomplete__input-content" }, Y6 = {
     }, i = g(!1), u = g(null), p = () => {
       i.value = !1;
     }, M = h(() => s.list.filter((f) => Object.keys(f).some((x) => String(f[x]).toLowerCase().includes(l.value.toLowerCase()))));
-    W(M, (f) => {
+    j(M, (f) => {
       i.value = f.length > 0;
     });
     const H = (f) => {
@@ -5091,9 +5091,9 @@ const U6 = { class: "nmorph-autocomplete__input-content" }, Y6 = {
     }, m = () => {
       i.value = M.value.length > 0;
     }, w = g(!1);
-    return W(l, async (f) => {
+    return j(l, async (f) => {
       f !== "" && s.actionCallback && (w.value = !0, await s.actionCallback(), w.value = !1);
-    }), W(w, (f) => {
+    }), j(w, (f) => {
       f && (i.value = !0);
     }), (f, x) => (o(), a("div", {
       class: k(c.value)
@@ -5137,7 +5137,7 @@ const U6 = { class: "nmorph-autocomplete__input-content" }, Y6 = {
               onClick: () => H(b)
             }, [
               B(f.$slots, "default", { scope: b }, () => [
-                s2(q(b.value), 1)
+                s2(R(b.value), 1)
               ])
             ], 8, Q6))), 128))
           ]))
@@ -5182,7 +5182,7 @@ const K6 = /* @__PURE__ */ L({
       class: k(r.value)
     }, [
       n("div", X6, [
-        z(v(j), {
+        z(v(q), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
           onClick: d[0] || (d[0] = (i) => l("prev-year")),
@@ -5196,7 +5196,7 @@ const K6 = /* @__PURE__ */ L({
           ]),
           _: 1
         }),
-        z(v(j), {
+        z(v(q), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
           onClick: d[1] || (d[1] = (i) => l("prev-month")),
@@ -5212,15 +5212,15 @@ const K6 = /* @__PURE__ */ L({
         })
       ]),
       n("div", J6, [
-        z(v(j), {
+        z(v(q), {
           text: s.year,
           "style-type": "transparent",
           fill: "",
           onClick: d[2] || (d[2] = (i) => l("change-year")),
           tabindex: -1
         }, null, 8, ["text"]),
-        z(v(j), {
-          text: v(ue)(s.month),
+        z(v(q), {
+          text: v(se)(s.month),
           "style-type": "transparent",
           fill: "",
           onClick: d[3] || (d[3] = (i) => l("change-month")),
@@ -5228,7 +5228,7 @@ const K6 = /* @__PURE__ */ L({
         }, null, 8, ["text"])
       ]),
       n("div", Z6, [
-        z(v(j), {
+        z(v(q), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
           onClick: d[4] || (d[4] = (i) => l("next-month")),
@@ -5242,7 +5242,7 @@ const K6 = /* @__PURE__ */ L({
           ]),
           _: 1
         }),
-        z(v(j), {
+        z(v(q), {
           class: "nmorph-date-picker-header__action-btn",
           "style-type": "transparent",
           onClick: d[5] || (d[5] = (i) => l("next-year")),
@@ -5260,7 +5260,7 @@ const K6 = /* @__PURE__ */ L({
     ], 2));
   }
 });
-const t8 = { class: "nmorph-year-month-picker__header" }, n8 = { class: "nmorph-year-month-picker__value" }, o8 = { class: "nmorph-year-month-picker__values" }, ae = /* @__PURE__ */ L({
+const t8 = { class: "nmorph-year-month-picker__header" }, n8 = { class: "nmorph-year-month-picker__value" }, o8 = { class: "nmorph-year-month-picker__values" }, J2 = /* @__PURE__ */ L({
   __name: "NmorphYearMonthPicker",
   props: {
     currentDate: {},
@@ -5268,7 +5268,7 @@ const t8 = { class: "nmorph-year-month-picker__header" }, n8 = { class: "nmorph-
   },
   emits: ["update-year", "update-month", "back-to-years"],
   setup(t, { emit: e }) {
-    const { months: s } = q2(), l = s.map((_, $) => ({
+    const { months: s } = D2(), l = s.map((_, $) => ({
       label: _.substring(0, 3),
       value: String($),
       tabindex: -1
@@ -5276,7 +5276,7 @@ const t8 = { class: "nmorph-year-month-picker__header" }, n8 = { class: "nmorph-
       const _ = r.currentDate.getFullYear(), $ = wr(_).map((V) => ({ label: String(V), value: String(V) }));
       c.value = $;
     };
-    W(
+    j(
       () => r.currentDate,
       () => {
         r.type === "year" && (u(), d.value = String(r.currentDate.getFullYear()));
@@ -5311,7 +5311,7 @@ const t8 = { class: "nmorph-year-month-picker__header" }, n8 = { class: "nmorph-
       class: k(M.value)
     }, [
       n("div", t8, [
-        z(v(j), {
+        z(v(q), {
           class: "nmorph-year-month-picker__action-btn",
           onClick: $[0] || ($[0] = (V) => f("decrease")),
           tabindex: -1
@@ -5325,14 +5325,14 @@ const t8 = { class: "nmorph-year-month-picker__header" }, n8 = { class: "nmorph-
           _: 1
         }),
         n("div", n8, [
-          z(v(j), {
+          z(v(q), {
             text: x.value,
             "style-type": "transparent",
             onClick: b,
             tabindex: -1
           }, null, 8, ["text"])
         ]),
-        z(v(j), {
+        z(v(q), {
           class: "nmorph-year-month-picker__action-btn",
           onClick: $[1] || ($[1] = (V) => f("increase")),
           tabindex: -1
@@ -5348,7 +5348,7 @@ const t8 = { class: "nmorph-year-month-picker__header" }, n8 = { class: "nmorph-
       ]),
       z(v(xi)),
       n("div", o8, [
-        z(v(ve), {
+        z(v(ie), {
           "model-value": d.value,
           options: c.value,
           "onUpdate:modelValue": H
@@ -5420,13 +5420,13 @@ const a8 = /* @__PURE__ */ L({
         ]),
         _: 1
       }, 8, ["type", "initial-date", "model-value"])) : S("", !0),
-      d.value === "year" ? (o(), O(ae, {
+      d.value === "year" ? (o(), O(J2, {
         key: 1,
         type: "year",
         "current-date": c.value,
         onUpdateYear: _
       }, null, 8, ["current-date"])) : S("", !0),
-      d.value === "month" ? (o(), O(ae, {
+      d.value === "month" ? (o(), O(J2, {
         key: 2,
         type: "month",
         "current-date": c.value,
@@ -5468,10 +5468,10 @@ const a8 = /* @__PURE__ */ L({
       if (Array.isArray(d.value)) {
         if (d.value.length === 0)
           return c.value;
-        const A = ne(d.value), T = r.type === "daterange" ? " - " : ", ";
+        const A = K2(d.value), T = r.type === "daterange" ? " - " : ", ";
         return A.join(T);
       } else
-        return ne(d.value);
+        return K2(d.value);
     }), _ = () => {
       const A = Array.isArray(d.value) ? [] : null;
       d.value = A, i("update:model-value", d.value);
@@ -5499,7 +5499,7 @@ const a8 = /* @__PURE__ */ L({
             name: "calendar",
             class: "nmorph-date-picker__calendar-icon"
           }),
-          n("div", r8, q(b.value), 1),
+          n("div", r8, R(b.value), 1),
           n("div", i8, [
             V.value ? (o(), O(K6, {
               key: 0,
@@ -5549,7 +5549,7 @@ const d8 = { class: "nmorph-file-upload__trigger" }, u8 = ["multiple"], h8 = {
     const { t: l } = $2(), r = t, c = h(() => r.buttonText ? r.buttonText : l("NmorphFileUpload.selectFile")), d = (b) => b.split("/")[1], i = (b) => {
       const _ = d(b);
       let $ = P1;
-      return _ in j2 && ($ = ko), _ in U2 && ($ = I0), _ in W2 && ($ = Ol), _ in Y2 && ($ = x0), $;
+      return _ in O2 && ($ = ko), _ in F2 && ($ = I0), _ in P2 && ($ = Ol), _ in E2 && ($ = x0), $;
     };
     let u = d2(r.modelValue);
     const p = g(null), M = () => {
@@ -5595,7 +5595,7 @@ const d8 = { class: "nmorph-file-upload__trigger" }, u8 = ["multiple"], h8 = {
           onChange: H
         }, null, 40, u8),
         B(b.$slots, "trigger", {}, () => [
-          z(v(j), {
+          z(v(q), {
             text: c.value,
             fill: "",
             onClick: M,
@@ -5620,10 +5620,10 @@ const d8 = { class: "nmorph-file-upload__trigger" }, u8 = ["multiple"], h8 = {
                   width: "14px",
                   height: "17px"
                 }, null, 8, ["name"]),
-                n("span", v8, q($.name), 1)
+                n("span", v8, R($.name), 1)
               ]),
               n("div", m8, [
-                z(v(j), {
+                z(v(q), {
                   height: "thin",
                   "style-type": "transparent",
                   onClick: (A) => w($.name)
@@ -5642,13 +5642,13 @@ const d8 = { class: "nmorph-file-upload__trigger" }, u8 = ["multiple"], h8 = {
     ], 2));
   }
 });
-var j2 = /* @__PURE__ */ ((t) => (t.jpeg = "image/jpeg", t.jpg = "image/jpg", t.png = "image/png", t.gif = "image/gif", t["svg-xml"] = "image/svg+xml", t.webp = "image/webp", t))(j2 || {}), W2 = /* @__PURE__ */ ((t) => (t.mp4 = "video/mp4", t.webm = "video/webm", t["wideo-ogg"] = "video/ogg", t))(W2 || {}), U2 = /* @__PURE__ */ ((t) => (t.mpeg = "audio/mpeg", t["audio-ogg"] = "audio/ogg", t.wav = "audio/wav", t))(U2 || {}), pe = /* @__PURE__ */ ((t) => (t.pdf = "application/pdf", t.msword = "application/msword", t.docx = "application/vnd.openxmlformats-officedocument.wordprocessingml.document", t.xlsx = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", t.pptx = "application/vnd.openxmlformats-officedocument.presentationml.presentation", t.json = "application/json", t.xml = "application/xml", t))(pe || {}), Y2 = /* @__PURE__ */ ((t) => (t.zip = "application/zip", t.rar = "application/x-rar-compressed", t["7z"] = "application/x-7z-compressed", t))(Y2 || {});
+var O2 = /* @__PURE__ */ ((t) => (t.jpeg = "image/jpeg", t.jpg = "image/jpg", t.png = "image/png", t.gif = "image/gif", t["svg-xml"] = "image/svg+xml", t.webp = "image/webp", t))(O2 || {}), P2 = /* @__PURE__ */ ((t) => (t.mp4 = "video/mp4", t.webm = "video/webm", t["wideo-ogg"] = "video/ogg", t))(P2 || {}), F2 = /* @__PURE__ */ ((t) => (t.mpeg = "audio/mpeg", t["audio-ogg"] = "audio/ogg", t.wav = "audio/wav", t))(F2 || {}), re = /* @__PURE__ */ ((t) => (t.pdf = "application/pdf", t.msword = "application/msword", t.docx = "application/vnd.openxmlformats-officedocument.wordprocessingml.document", t.xlsx = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", t.pptx = "application/vnd.openxmlformats-officedocument.presentationml.presentation", t.json = "application/json", t.xml = "application/xml", t))(re || {}), E2 = /* @__PURE__ */ ((t) => (t.zip = "application/zip", t.rar = "application/x-rar-compressed", t["7z"] = "application/x-7z-compressed", t))(E2 || {});
 const f9 = {
-  ...j2,
-  ...W2,
-  ...U2,
-  ...pe,
-  ...Y2
+  ...O2,
+  ...P2,
+  ...F2,
+  ...re,
+  ...E2
 }, _8 = { class: "nmorph-form__content" }, w9 = /* @__PURE__ */ L({
   __name: "NmorphForm",
   props: {
@@ -5660,7 +5660,7 @@ const f9 = {
       () => C({
         "nmorph-form": []
       })
-    ), r = $e(s.value, s.validateImmediately);
+    ), r = me(s.value, s.validateImmediately);
     return e({ formData: r }), e2("form-data", r), (c, d) => (o(), a("form", {
       class: k(l.value)
     }, [
@@ -5694,7 +5694,7 @@ const f9 = {
           (o(!0), a(Y, null, G(s.value, (d) => (o(), a("p", {
             key: d,
             class: "nmorph-error-box__error"
-          }, q(d), 1))), 128))
+          }, R(d), 1))), 128))
         ]),
         _: 1
       })
@@ -5752,7 +5752,7 @@ const g8 = { key: 0 }, x8 = { class: "nmorph-form-item__content" }, g9 = /* @__P
     return (u, p) => (o(), a("div", {
       class: k(i.value)
     }, [
-      e.label ? (o(), a("label", g8, q(e.label), 1)) : S("", !0),
+      e.label ? (o(), a("label", g8, R(e.label), 1)) : S("", !0),
       n("div", x8, [
         B(u.$slots, "default"),
         e.showValidationIcon ? (o(), O(v(w8), {
@@ -5827,7 +5827,7 @@ const $8 = { class: "nmorph-number-input__content" }, y8 = { class: "nmorph-numb
       let $ = Number(_.value);
       c.value = $;
     };
-    W(c, (b) => {
+    j(c, (b) => {
       b > l.max && (c.value = l.max, x.value?.blur()), c.value < l.min && (c.value = l.min, x.value?.blur()), w("update:model-value", b);
     });
     const x = g(null);
@@ -5837,7 +5837,7 @@ const $8 = { class: "nmorph-number-input__content" }, y8 = { class: "nmorph-numb
       n("div", $8, [
         n("div", y8, [
           b.actionBtnPositionRight ? S("", !0) : (o(), a("div", b8, [
-            z(v(j), {
+            z(v(q), {
               "style-type": "transparent",
               disabled: u.value,
               height: l.height,
@@ -5865,7 +5865,7 @@ const $8 = { class: "nmorph-number-input__content" }, y8 = { class: "nmorph-numb
           }, null, 40, M8),
           b.actionBtnPositionRight ? (o(), a("div", z8, [
             n("div", V8, [
-              z(v(j), {
+              z(v(q), {
                 "style-type": "transparent",
                 disabled: u.value,
                 onClick: i
@@ -5881,7 +5881,7 @@ const $8 = { class: "nmorph-number-input__content" }, y8 = { class: "nmorph-numb
               }, 8, ["disabled"])
             ]),
             n("div", k8, [
-              z(v(j), {
+              z(v(q), {
                 "style-type": "transparent",
                 disabled: p.value,
                 onClick: d
@@ -5897,7 +5897,7 @@ const $8 = { class: "nmorph-number-input__content" }, y8 = { class: "nmorph-numb
               }, 8, ["disabled"])
             ])
           ])) : (o(), a("div", H8, [
-            z(v(j), {
+            z(v(q), {
               "style-type": "transparent",
               disabled: p.value,
               height: l.height,
@@ -5975,7 +5975,7 @@ const B8 = { class: "nmorph-select__content" }, N8 = ["id", "name"], I8 = ["valu
     ), $ = () => {
       l.disabled || (i.value = !i.value);
     };
-    W(
+    j(
       i,
       (Q) => {
         Q && (M.value = !1);
@@ -5985,7 +5985,7 @@ const B8 = { class: "nmorph-select__content" }, N8 = ["id", "name"], I8 = ["valu
     const V = () => {
       i.value = !1;
     }, A = g(), T = g([]), y = g(0), I = g("");
-    W(y, (Q) => {
+    j(y, (Q) => {
       I.value = T.value[Q], A.value.forEach((K) => {
         const M2 = K.getAttribute("value") === I.value ? "add" : "remove";
         K.classList[M2]("nmorph-select-option--focused");
@@ -5998,9 +5998,9 @@ const B8 = { class: "nmorph-select__content" }, N8 = ["id", "name"], I8 = ["valu
     }), m2(() => {
       document.removeEventListener("click", V);
     });
-    const N = h(() => typeof d.value == "string" ? d.value === "" ? r.value : l.options.find((Q) => Q.value === d.value)?.label : l.options.find((Q) => Q.value === d.value)?.label), R = h(() => l.options.length > 0 ? l.options : l.optionsMap), P = h(() => R.value.length > 0 ? R.value.filter((K) => d.value.includes(K.value)).map((K) => ({ text: K.label, value: K.value })) : Array.isArray(d.value) ? d.value.map((K) => ({ text: K, value: K })) : [{ text: d.value, value: d.value }]);
+    const N = h(() => typeof d.value == "string" ? d.value === "" ? r.value : l.options.find((Q) => Q.value === d.value)?.label : l.options.find((Q) => Q.value === d.value)?.label), E = h(() => l.options.length > 0 ? l.options : l.optionsMap), P = h(() => E.value.length > 0 ? E.value.filter((K) => d.value.includes(K.value)).map((K) => ({ text: K.label, value: K.value })) : Array.isArray(d.value) ? d.value.map((K) => ({ text: K, value: K })) : [{ text: d.value, value: d.value }]);
     e2("select-selected-value", d), e2("select-change-selected-value", w);
-    const U = g(null), o2 = () => {
+    const W = g(null), o2 = () => {
       i.value = !i.value;
     }, _2 = () => {
       y.value = (y.value + 1) % T.value.length;
@@ -6032,12 +6032,12 @@ const B8 = { class: "nmorph-select__content" }, N8 = ["id", "name"], I8 = ["valu
         ], 40, N8),
         n("div", {
           ref_key: "nmorphSelectDOMRef",
-          ref: U,
+          ref: W,
           class: "nmorph-select__selected-values-line",
           onClick: r2($, ["stop"])
         }, [
-          typeof d.value == "string" ? (o(), a("div", C8, q(N.value), 1)) : d.value.length === 0 ? (o(), a("div", L8, q(r.value), 1)) : (o(), a("div", S8, [
-            (o(!0), a(Y, null, G(P.value, (a2) => (o(), O(v(he), g2({
+          typeof d.value == "string" ? (o(), a("div", C8, R(N.value), 1)) : d.value.length === 0 ? (o(), a("div", L8, R(r.value), 1)) : (o(), a("div", S8, [
+            (o(!0), a(Y, null, G(P.value, (a2) => (o(), O(v(le), g2({
               key: a2.value,
               ref_for: !0
             }, a2, {
@@ -6053,10 +6053,10 @@ const B8 = { class: "nmorph-select__content" }, N8 = ["id", "name"], I8 = ["valu
           }, null, 8, ["name"])
         ], 512)
       ]),
-      U.value && !l.disabled ? (o(), O(v(V2), {
+      W.value && !l.disabled ? (o(), O(v(V2), {
         key: 0,
         open: i.value,
-        "relative-element": U.value,
+        "relative-element": W.value,
         onOnOutsideClick: V
       }, {
         default: D(() => [
@@ -6112,7 +6112,7 @@ const A8 = ["value"], T8 = { class: "nmorph-select-option__content" }, D8 = /* @
       value: r.value
     }, [
       n("div", T8, [
-        n("span", null, q(r.label), 1),
+        n("span", null, R(r.label), 1),
         B(p.$slots, "default")
       ]),
       i.value ? (o(), O(v(F), {
@@ -6144,21 +6144,21 @@ const O8 = { class: "nmorph-slider__content" }, P8 = { class: "nmorph-slider__in
         "nmorph-slider": [`${s.disabled && "disabled"}`]
       })
     ), r = `${N2}px`, c = g(s.showTooltip), d = e, i = g(s.modelValue), u = g(null);
-    W(i, () => {
+    j(i, () => {
       d("update:model-value", i.value);
-    }), W(
+    }), j(
       () => s.modelValue,
       (y) => {
         i.value = y;
       }
     );
     const p = g(null), M = h(() => {
-      const y = H.value - H.value, I = s.max - s.min + y, N = (i.value - s.min) / I * 100, R = u.value?.clientWidth || 0, P = N2 / R * 100, U = P / 2;
-      let o2 = N - U;
-      const Z = `${Math.max(0, Math.min(100 - P, o2))}%`, i2 = R / 100, K = N2 / 2 / i2, Q2 = (p.value?.tooltipBody.clientWidth ?? 24) / 2 / i2, fe = Q2 === 1 / 0 ? 1.714 : Q2, we = `${parseFloat(Z) + K - fe}%`;
+      const y = H.value - H.value, I = s.max - s.min + y, N = (i.value - s.min) / I * 100, E = u.value?.clientWidth || 0, P = N2 / E * 100, W = P / 2;
+      let o2 = N - W;
+      const Z = `${Math.max(0, Math.min(100 - P, o2))}%`, i2 = E / 100, K = N2 / 2 / i2, q2 = (p.value?.tooltipBody.clientWidth ?? 24) / 2 / i2, ue = q2 === 1 / 0 ? 1.714 : q2, he = `${parseFloat(Z) + K - ue}%`;
       return {
         thumb: Z,
-        tooltip: we
+        tooltip: he
       };
     }), H = g(0), m = g(0), w = () => {
       H.value = window.innerWidth, m.value = window.innerHeight;
@@ -6173,8 +6173,8 @@ const O8 = { class: "nmorph-slider__content" }, P8 = { class: "nmorph-slider__in
       const I = u.value?.getBoundingClientRect();
       let N = 0;
       if (I) {
-        const R = y.clientX - I.left, P = I.width;
-        N = Math.max(0, Math.min(1, R / P)), i.value = s.min + N * (s.max - s.min);
+        const E = y.clientX - I.left, P = I.width;
+        N = Math.max(0, Math.min(1, E / P)), i.value = s.min + N * (s.max - s.min);
       }
       i.value = Math.round(i.value / s.step) * s.step, i.value = Math.max(s.min, Math.min(s.max, i.value));
     }, x = () => {
@@ -6264,7 +6264,7 @@ const E8 = ["value", "disabled"], R8 = { class: "nmorph-switch-thumb" }, b9 = /*
       const m = p.value ? l.activeValue : l.inactiveValue;
       r("update:model-value", m);
     }, H = g(null);
-    return e({ inputDOMRef: H }), W(
+    return e({ inputDOMRef: H }), j(
       () => l.modelValue,
       (m) => {
         p.value = m === l.activeValue;
@@ -6358,7 +6358,7 @@ const q8 = { class: "nmorph-text-input__input-side" }, j8 = {
           onBlur: m,
           onKeyup: $[0] || ($[0] = p2((V) => f("on-enter"), ["enter"]))
         }, null, 40, W8),
-        r.typePassword || r.clearable ? (o(), O(v(j), {
+        r.typePassword || r.clearable ? (o(), O(v(q), {
           key: 1,
           disabled: r.disabled,
           class: "nmorph-text-input__password-btn",
@@ -6416,15 +6416,15 @@ const Y8 = { class: "nmorph-time-picker__content" }, G8 = { class: "nmorph-time-
     }, $ = () => {
       i.value = !1;
     };
-    W(i, (y) => {
+    j(i, (y) => {
       r("on-change-open-close", y);
     }), (() => {
       if (p.value)
         return;
-      const y = se(l.modelValue).split(":").map((I) => Number(I));
+      const y = Z2(l.modelValue).split(":").map((I) => Number(I));
       u.value = y;
     })();
-    const A = h(() => `${z2}px`), T = h(() => p.value ? "——:——:——" : se(l.modelValue));
+    const A = h(() => `${z2}px`), T = h(() => p.value ? "——:——:——" : Z2(l.modelValue));
     return (y, I) => {
       const N = T2("NmorphTimeRoller");
       return o(), a("div", {
@@ -6447,7 +6447,7 @@ const Y8 = { class: "nmorph-time-picker__content" }, G8 = { class: "nmorph-time-
               step: "1",
               class: "nmorph-native-input"
             }, null, 8, Q8),
-            n("span", null, q(T.value), 1)
+            n("span", null, R(T.value), 1)
           ]),
           c.value ? (o(), O(v(V2), {
             key: 0,
@@ -6490,7 +6490,7 @@ const Y8 = { class: "nmorph-time-picker__content" }, G8 = { class: "nmorph-time-
     };
   }
 });
-const se = (t) => {
+const Z2 = (t) => {
   const e = new Date(t), s = e.getHours().toString().padStart(2, "0"), l = e.getMinutes().toString().padStart(2, "0"), r = e.getSeconds().toString().padStart(2, "0");
   return `${s}:${l}:${r}`;
 }, X8 = (t) => {
@@ -6554,7 +6554,7 @@ const se = (t) => {
           M[0] || (M[0] = n("div", { class: "nmorph-radio__fake" }, null, -1)),
           d.value ? (o(), a("div", ti)) : S("", !0)
         ]),
-        r.label ? (o(), a("span", ni, q(r.label), 1)) : B(p.$slots, "label", { key: 1 }, void 0, !0)
+        r.label ? (o(), a("span", ni, R(r.label), 1)) : B(p.$slots, "label", { key: 1 }, void 0, !0)
       ])) : S("", !0),
       r.styleType === "button" ? (o(), a("div", oi, [
         n("input", {
@@ -6569,7 +6569,7 @@ const se = (t) => {
           class: "nmorph-native-input"
         }, null, 8, ai),
         r.label ? (o(), a("div", si, [
-          n("span", null, q(r.label), 1)
+          n("span", null, R(r.label), 1)
         ])) : (o(), a("div", li, [
           B(p.$slots, "label", {}, void 0, !0)
         ]))
@@ -6577,7 +6577,7 @@ const se = (t) => {
     ], 2));
   }
 });
-const ii = /* @__PURE__ */ b2(ri, [["__scopeId", "data-v-e1360c2e"]]), ci = { class: "nmorph-radio-group__wrapper" }, di = { class: "nmorph-radio-group__content" }, ve = /* @__PURE__ */ L({
+const ii = /* @__PURE__ */ b2(ri, [["__scopeId", "data-v-e1360c2e"]]), ci = { class: "nmorph-radio-group__wrapper" }, di = { class: "nmorph-radio-group__content" }, ie = /* @__PURE__ */ L({
   __name: "NmorphRadioGroup",
   props: {
     modelValue: { default: "" },
@@ -6590,7 +6590,7 @@ const ii = /* @__PURE__ */ b2(ri, [["__scopeId", "data-v-e1360c2e"]]), ci = { cl
   emits: ["update:model-value"],
   setup(t, { emit: e }) {
     const s = t, l = g(s.modelValue);
-    W(
+    j(
       () => s.modelValue,
       (i) => {
         l.value = i;
@@ -6664,7 +6664,7 @@ const H9 = /* @__PURE__ */ L({
         onClick: r2(H, ["stop"])
       }, [
         B(m.$slots, "default", {}, () => [
-          z(v(j), {
+          z(v(q), {
             "style-type": s.design === "nmorph" ? "default" : "transparent"
           }, {
             default: D(() => [
@@ -6709,7 +6709,7 @@ const ui = ["id"], hi = {
           id: `nmorph-breadcrumb-${v(l)}-${i.itemId}-element`,
           class: "nmorph-breadcrumb__element"
         }, null, 8, ui),
-        u < s.value.length - 1 ? (o(), a("div", hi, q(e.separator), 1)) : S("", !0)
+        u < s.value.length - 1 ? (o(), a("div", hi, R(e.separator), 1)) : S("", !0)
       ]))), 128))
     ], 2));
   }
@@ -6766,7 +6766,7 @@ const V9 = /* @__PURE__ */ L({
     J((p) => ({
       f609801e: i.value
     }));
-    const s = t, l = e, r = g(null), { placementCoords: c } = re({
+    const s = t, l = e, r = g(null), { placementCoords: c } = te({
       initialPlacement: "bottom",
       contentDOMElement: r,
       relativeElement: s.relativeElement,
@@ -6779,7 +6779,7 @@ const V9 = /* @__PURE__ */ L({
     ), i = h(() => s.fillWidth ? `${s.relativeElement?.clientWidth}px` : `${s.width}px`), u = () => {
       l("on-outside-click");
     };
-    return (p, M) => (o(), O(v(G2), {
+    return (p, M) => (o(), O(v(R2), {
       show: s.open,
       transparent: "",
       onOnOutsideClick: u
@@ -6828,7 +6828,7 @@ const pi = { class: "nmorph-tabs__label-list" }, vi = ["id", "onClick", "custom"
       B(M.$slots, "default"),
       n("div", pi, [
         (o(!0), a(Y, null, G(u.value, (m) => (o(), a("div", {
-          id: v(me)(v(i), m.name),
+          id: v(ce)(v(i), m.name),
           key: m.name,
           class: k(["nmorph-tabs__label", [
             { "nmorph-tabs__label--selected": m.name === s.modelValue },
@@ -6837,16 +6837,16 @@ const pi = { class: "nmorph-tabs__label-list" }, vi = ["id", "onClick", "custom"
           onClick: (w) => c(m),
           custom: m.disabled
         }, [
-          v(p).default ? S("", !0) : (o(), a("div", mi, q(m.label), 1))
+          v(p).default ? S("", !0) : (o(), a("div", mi, R(m.label), 1))
         ], 10, vi))), 128))
       ]),
       n("div", _i, [
         n("div", fi, [
           (o(!0), a(Y, null, G(u.value, (m) => L2((o(), a("div", {
-            id: v(_e)(v(i), m.name),
+            id: v(de)(v(i), m.name),
             key: m.name
           }, [
-            v(p).default ? S("", !0) : (o(), a("div", gi, q(m.content), 1))
+            v(p).default ? S("", !0) : (o(), a("div", gi, R(m.content), 1))
           ], 8, wi)), [
             [S2, m.name === s.modelValue]
           ])), 128))
@@ -6855,10 +6855,10 @@ const pi = { class: "nmorph-tabs__label-list" }, vi = ["id", "onClick", "custom"
     ], 2));
   }
 });
-const me = (t, e) => {
+const ce = (t, e) => {
   if (t)
     return `nmorph-tabs-label-${t}-${e}`;
-}, _e = (t, e) => {
+}, de = (t, e) => {
   if (t)
     return `nmorph-tabs-content-${t}-${e}`;
 }, B9 = /* @__PURE__ */ L({
@@ -6884,12 +6884,12 @@ const me = (t, e) => {
       class: k(s.value)
     }, [
       (o(), O(w2, {
-        to: `#${v(me)(v(l)?.tabsIdentifier, e.name)}`
+        to: `#${v(ce)(v(l)?.tabsIdentifier, e.name)}`
       }, [
         B(d.$slots, "label", { scope: v(c) })
       ], 8, ["to"])),
       (o(), O(w2, {
-        to: `#${v(_e)(v(l)?.tabsIdentifier, e.name)}`
+        to: `#${v(de)(v(l)?.tabsIdentifier, e.name)}`
       }, [
         B(d.$slots, "default", { scope: v(c) })
       ], 8, ["to"]))
@@ -6911,7 +6911,7 @@ const me = (t, e) => {
     }, null, 2));
   }
 });
-const G2 = /* @__PURE__ */ L({
+const R2 = /* @__PURE__ */ L({
   __name: "NmorphOverlay",
   props: {
     show: { type: Boolean },
@@ -6982,20 +6982,6 @@ const $i = /* @__PURE__ */ L({
 const N9 = /* @__PURE__ */ b2($i, [["__scopeId", "data-v-de7a6e97"]]);
 var yi = /* @__PURE__ */ ((t) => (t["top-left"] = "top-left", t["top-center"] = "top-center", t["top-right"] = "top-right", t["bottom-left"] = "bottom-left", t["bottom-center"] = "bottom-center", t["bottom-right"] = "bottom-right", t))(yi || {});
 const I9 = {
-  NmorphSwitch: D2[E.ru],
-  NmorphCalendar: O2[E.ru],
-  NmorphDatePicker: P2[E.ru],
-  NmorphImage: F2[E.ru],
-  NmorphSelect: E2[E.ru],
-  NmorphFileUpload: R2[E.ru]
-}, C9 = {
-  NmorphSwitch: D2[E.zh],
-  NmorphCalendar: O2[E.zh],
-  NmorphDatePicker: P2[E.zh],
-  NmorphImage: F2[E.zh],
-  NmorphSelect: E2[E.zh],
-  NmorphFileUpload: R2[E.zh]
-}, L9 = {
   install(t, e = {}) {
     if (!e?.i18n?.outsideMessagesMerge) {
       const c = e0(e.i18n), d = t.__VUE_I18N__;
@@ -7003,24 +6989,24 @@ const I9 = {
         d.global.mergeLocaleMessage(i, u);
       }), c.global.locale && (d.global.locale.value = c.global.locale)) : t.use(c);
     }
-    const s = Ue(e.theme), l = t0(), r = { theme: s, browser: l };
+    const s = Fe(e.theme), l = t0(), r = { theme: s, browser: l };
     return t.provide("nmorph", r), t;
   }
 };
 export {
-  Ye as AvatarShapeType,
-  E as Locale,
+  Ee as AvatarShapeType,
+  U as Locale,
   b6 as NmorphAlert,
   f2 as NmorphAlertType,
-  Y2 as NmorphArchiveResolution,
-  U2 as NmorphAudioResolution,
+  E2 as NmorphArchiveResolution,
+  F2 as NmorphAudioResolution,
   v9 as NmorphAutocomplete,
   t9 as NmorphAvatar,
   H9 as NmorphBacktop,
   n9 as NmorphBadge,
   z9 as NmorphBreadcrumb,
   V9 as NmorphBreadcrumbItem,
-  j as NmorphButton,
+  q as NmorphButton,
   r0 as NmorphButtonShape,
   s0 as NmorphButtonStyle,
   l0 as NmorphButtonType,
@@ -7032,14 +7018,14 @@ export {
   p9 as NmorphCheckboxGroup,
   l9 as NmorphCollapse,
   r9 as NmorphCollapseItem,
-  de as NmorphColor,
-  Qe as NmorphComponentDirection,
+  ae as NmorphColor,
+  qe as NmorphComponentDirection,
   l2 as NmorphComponentHeight,
-  Ke as NmorphComponentPosition,
+  je as NmorphComponentPosition,
   m9 as NmorphDatePicker,
   h9 as NmorphDialog,
   xi as NmorphDivider,
-  pe as NmorphDocResolution,
+  re as NmorphDocResolution,
   V2 as NmorphDropdown,
   _9 as NmorphFileUpload,
   w9 as NmorphForm,
@@ -7081,7 +7067,7 @@ export {
   sc as NmorphIconChecked,
   lc as NmorphIconCherry,
   rc as NmorphIconChevronDoubleDown,
-  te as NmorphIconChevronDown,
+  Q2 as NmorphIconChevronDown,
   ic as NmorphIconChromeFilled,
   dc as NmorphIconCircleCheck,
   cc as NmorphIconCircleCheckFilled,
@@ -7306,68 +7292,65 @@ export {
   er as NmorphIconZoomIn,
   or as NmorphIconZoomOut,
   A2 as NmorphImage,
-  Xe as NmorphImageFit,
+  We as NmorphImageFit,
   Fr as NmorphImagePreview,
-  j2 as NmorphImageResolution,
+  O2 as NmorphImageResolution,
   Z5 as NmorphLink,
   sr as NmorphLinkTarget,
   yi as NmorphNotificationPlacement,
   N9 as NmorphNotificationProvider,
   x9 as NmorphNumberInput,
   lr as NmorphOverflowProp,
-  G2 as NmorphOverlay,
+  R2 as NmorphOverlay,
   i9 as NmorphPagination,
   c9 as NmorphProgress,
   ii as NmorphRadio,
-  ve as NmorphRadioGroup,
-  Je as NmorphRadioStyleType,
+  ie as NmorphRadioGroup,
+  Ue as NmorphRadioStyleType,
   e9 as NmorphScroll,
   rr as NmorphScrollBehavior,
   $9 as NmorphSelect,
   D8 as NmorphSelectOption,
-  Ze as NmorphSelectionDateType,
-  ce as NmorphShadowType,
+  Ye as NmorphSelectionDateType,
+  oe as NmorphShadowType,
   d9 as NmorphSkeleton,
   t6 as NmorphSkeletonItem,
   Zr as NmorphSkeletonItemPropsType,
   y9 as NmorphSlider,
-  Ge as NmorphSortOrder,
+  Re as NmorphSortOrder,
   b9 as NmorphSwitch,
   B9 as NmorphTabPane,
   u6 as NmorphTable,
   h6 as NmorphTableCell,
   v6 as NmorphTableColumn,
   k9 as NmorphTabs,
-  he as NmorphTagItem,
+  le as NmorphTagItem,
   u9 as NmorphTagList,
   U8 as NmorphTextInput,
   M9 as NmorphTimePicker,
   C6 as NmorphTooltip,
-  W2 as NmorphVideoResolution,
+  P2 as NmorphVideoResolution,
   Hi as capitalizeFirstChar,
-  K2 as deepClone,
-  L9 as default,
-  ee as en,
-  ne as formatDateIntl,
-  se as formatTimestampToTime,
+  j2 as deepClone,
+  I9 as default,
+  K2 as formatDateIntl,
+  Z2 as formatTimestampToTime,
   u2 as generateUUID,
   wr as getDecadeYears,
   br as getMonthDaysByWeek,
-  ue as getMonthName,
-  _e as getTabContentId,
-  me as getTabLabelId,
+  se as getMonthName,
+  de as getTabContentId,
+  ce as getTabLabelId,
   xr as hasAnyRangeDateInNextMonth,
   gr as hasAnyRangeDateInPrevMonth,
   $r as isTodayInMonthRange,
-  xe as nmorphLog,
+  ve as nmorphLog,
   c2 as resetTimeToZero,
   f9 as resolution,
-  I9 as ru,
   X8 as timeArrayToTimestamp,
-  q2 as useCalendarTexts,
+  D2 as useCalendarTexts,
   Vi as useNmorph,
   t0 as useNmorphBrowser,
   zi as useNmorphNotification,
-  Ue as useNmorphTheme,
-  C9 as zh
+  Fe as useNmorphTheme
 };