@nmorph/nmorph-ui-kit 2.2.12 → 2.2.15

package/dist/nuxt.mjs

@@ -1,5 +1,5 @@
-import { defineNuxtModule as t, addPluginTemplate as n } from "@nuxt/kit";
-const a = t({
+import { defineNuxtModule as o, addPluginTemplate as m } from "@nuxt/kit";
+const r = o({
   meta: {
     name: "@nmorph/nmorph-ui-kit",
     configKey: "nmorph",
@@ -10,16 +10,35 @@ const a = t({
   defaults: {
     styles: !1
   },
-  setup(o, e) {
-    const { styles: i, ...s } = o;
-    e.options.build.transpile.push("@nmorph/nmorph-ui-kit"), i === "all" && e.options.css.push("@nmorph/nmorph-ui-kit/dist/style.css"), n({
-      filename: "nmorph-i18n.mjs",
+  setup(t, e) {
+    const { styles: s, ...n } = t;
+    e.options.build.transpile.push("@nmorph/nmorph-ui-kit"), s === "all" && e.options.css.push("@nmorph/nmorph-ui-kit/dist/style.css"), m({
+      filename: "nmorph.mjs",
       getContents: () => `
 import { defineNuxtPlugin } from '#app'
-import { en, ru, zh } from '@nmorph/nmorph-ui-kit/plugin'
+import { useHead } from '#imports'
+import { NmorphLibrary, en, ru, zh, getCommonStyles, getNmorphThemeStyles } from '@nmorph/nmorph-ui-kit/plugin'
 
-const options = ${JSON.stringify(s)}
-const libraryMessages = { en, ru, zh }
+	const options = ${JSON.stringify(n)}
+	const libraryMessages = { en, ru, zh }
+	const themeKey = 'nmorph-data-theme'
+	const defaultTheme = options.theme?.defaultTheme || 'dark'
+	const saveCurrentThemeToLS = options.theme?.saveCurrentThemeToLS !== false
+	const themeNames = Array.from(new Set(['light', 'dark', defaultTheme, ...Object.keys(options.theme?.themes || {})]))
+	const themeInitScript = \`
+		(function () {
+		  try {
+		    var themeKey = 'nmorph-data-theme'
+		    var defaultTheme = \${JSON.stringify(defaultTheme)}
+		    var themeNames = \${JSON.stringify(themeNames)}
+		    var storedTheme = \${saveCurrentThemeToLS ? "localStorage.getItem(themeKey)" : "null"}
+		    var theme = themeNames.indexOf(storedTheme) !== -1 ? storedTheme : defaultTheme
+		    document.documentElement.setAttribute(themeKey, theme)
+		  } catch (error) {
+		    document.documentElement.setAttribute('nmorph-data-theme', '\${defaultTheme}')
+		  }
+		})()
+	\`
 
 const mergeMessages = (base, overrides = {}) => {
   const result = { ...base }
@@ -30,39 +49,30 @@ const mergeMessages = (base, overrides = {}) => {
 }
 
 export default defineNuxtPlugin((nuxtApp) => {
-  const i18nOptions = { ...(options.i18n || {}) }
+  const pluginOptions = { ...options }
+  const i18nOptions = { ...(pluginOptions.i18n || {}) }
   const messages = mergeMessages(libraryMessages, i18nOptions.messages)
   const i18n = nuxtApp.$i18n
 
-  if (i18n?.mergeLocaleMessage) {
-    Object.entries(messages).forEach(([locale, localeMessages]) => {
-      i18n.mergeLocaleMessage(locale, localeMessages)
+	  if (import.meta.server) {
+	    useHead({
+	      htmlAttrs: {
+	        [themeKey]: defaultTheme,
+	      },
+	      script: [
+	        {
+	          key: 'nmorph-theme-init',
+	          innerHTML: themeInitScript,
+	          tagPosition: 'head',
+	          tagPriority: 'critical',
+	        },
+	      ],
+	      style: [
+	        { id: 'nmorph-theme-styles', children: getNmorphThemeStyles(pluginOptions.theme) },
+        { id: 'nmorph-common-styles', children: getCommonStyles() },
+      ],
     })
   }
-})
-`
-    }), n({
-      filename: "nmorph.client.mjs",
-      getContents: () => `
-import { defineNuxtPlugin } from '#app'
-import { NmorphLibrary, en, ru, zh } from '@nmorph/nmorph-ui-kit/plugin'
-
-const options = ${JSON.stringify(s)}
-const libraryMessages = { en, ru, zh }
-
-const mergeMessages = (base, overrides = {}) => {
-  const result = { ...base }
-  Object.entries(overrides).forEach(([locale, messages]) => {
-    result[locale] = { ...(result[locale] || {}), ...messages }
-  })
-  return result
-}
-
-export default defineNuxtPlugin((nuxtApp) => {
-  const pluginOptions = { ...options }
-  const i18nOptions = { ...(pluginOptions.i18n || {}) }
-  const messages = mergeMessages(libraryMessages, i18nOptions.messages)
-  const i18n = nuxtApp.$i18n
 
   i18nOptions.messages = messages
 
@@ -81,5 +91,5 @@ export default defineNuxtPlugin((nuxtApp) => {
   }
 });
 export {
-  a as default
+  r as default
 };

package/dist/outside-hooks/use-nmorph-browser.js

@@ -1,21 +1,21 @@
-import { ref as r } from "vue";
-const d = () => {
-  const e = r({ width: 0, height: 0 }), i = r(0);
-  let o, t;
-  const n = () => {
+import { ref as t } from "vue";
+const s = () => {
+  const e = t({ width: 0, height: 0 }), i = t(0);
+  let o, n;
+  const r = () => {
     clearTimeout(o), o = setTimeout(() => {
       e.value.width = window.innerWidth, e.value.height = window.innerHeight;
     }, 400);
-  }, s = () => {
-    clearTimeout(t), t = setTimeout(() => {
+  }, l = () => {
+    clearTimeout(n), n = setTimeout(() => {
       i.value = window.scrollY;
     }, 400);
   };
-  return window && (window.addEventListener("resize", n), window.addEventListener("scroll", s)), {
+  return typeof window < "u" && (e.value.width = window.innerWidth, e.value.height = window.innerHeight, i.value = window.scrollY, window.addEventListener("resize", r), window.addEventListener("scroll", l)), {
     dimensions: e,
     scrollTop: i
   };
 };
 export {
-  d as useNmorphBrowser
+  s as useNmorphBrowser
 };

package/dist/outside-hooks/use-nmorph-theme.js

@@ -1,8 +1,8 @@
-import { ref as H, readonly as _ } from "vue";
-import I from "../package.json.js";
-import { nmorphLog as O } from "../outside-utils/index.js";
-import { camelToKebab as M } from "../utils/case-transformers.js";
-const v = {
+import { ref as A, readonly as H } from "vue";
+import _ from "../package.json.js";
+import { nmorphLog as I } from "../outside-utils/index.js";
+import { camelToKebab as b } from "../utils/case-transformers.js";
+const $ = {
   info: "#d4e5edbb",
   infoText: "#506c80",
   success: "#67C23A",
@@ -15,7 +15,7 @@ const v = {
   white: "#ffffff",
   black: "#000000",
   overlay: "#00000095"
-}, w = {
+}, V = {
   darkShade: "#c8c9ca",
   main: "#e9ecec",
   lightShade: "#fdfdfd",
@@ -26,7 +26,7 @@ const v = {
   placeholderText: "#c1c9cf",
   semiContrastText: "#8a9dc0",
   contrastText: "#b4c4de"
-}, B = {
+}, w = {
   darkShade: "#0f1112",
   main: "#1c1f21",
   lightShade: "#292d30",
@@ -37,11 +37,11 @@ const v = {
   placeholderText: "#575757",
   semiContrastText: "#9caab0",
   contrastText: "#c3cdd1"
-}, u = "nmorph-data-theme", R = "dark", l = {
+}, C = "nmorph-data-theme", R = "dark", S = {
   themes: {
-    common: v,
-    light: w,
-    dark: B
+    common: $,
+    light: V,
+    dark: w
   },
   defaultTheme: R,
   saveCurrentThemeToLS: !0,
@@ -51,97 +51,143 @@ const v = {
     baseShadowWidth: "3.5px",
     baseShadowBlurCoefficient: "2"
   }
-}, j = (r) => /^#[0-9A-Fa-f]{6}$/.test(r), F = (r) => {
-  if (!j(r)) throw new Error(`Invalid hex color: ${r}`);
-  return r;
-}, V = (r, t) => {
-  const s = {};
-  return r.forEach(({ name: n, color: o }) => {
-    s[n] = o;
-  }), t.forEach(({ name: n, color: o }) => {
-    s[n] = o;
-  }), Object.entries(s).map(([n, o]) => ({ name: n, color: o }));
-}, L = (r, t) => {
-  let s = parseInt(r.substring(1, 3), 16), n = parseInt(r.substring(3, 5), 16), o = parseInt(r.substring(5, 7), 16);
-  s = Math.round(s * (1 + t / 100)), n = Math.round(n * (1 + t / 100)), o = Math.round(o * (1 + t / 100)), s = Math.min(255, Math.max(0, s)), n = Math.min(255, Math.max(0, n)), o = Math.min(255, Math.max(0, o));
-  const S = s.toString(16).padStart(2, "0"), C = n.toString(16).padStart(2, "0"), d = o.toString(16).padStart(2, "0");
-  return `#${S}${C}${d}`;
-}, W = (r) => {
-  O("warn", `NMORPH(v${I.version})`);
-  const t = {
-    themes: r?.themes ?? l.themes,
-    defaultTheme: r?.defaultTheme ?? l.defaultTheme,
-    saveCurrentThemeToLS: r?.saveCurrentThemeToLS ?? l.saveCurrentThemeToLS,
-    darkShadeGeneratorCoefficient: r?.darkShadeGeneratorCoefficient ?? l.darkShadeGeneratorCoefficient,
-    lightShadeGeneratorCoefficient: r?.lightShadeGeneratorCoefficient ?? l.lightShadeGeneratorCoefficient,
-    other: r?.other ?? l.other
-  }, s = (a) => {
+}, F = (t) => /^#[0-9A-Fa-f]{6}$/.test(t), v = (t) => {
+  if (!F(t)) throw new Error(`Invalid hex color: ${t}`);
+  return t;
+}, L = (t, e) => {
+  const n = {};
+  return t.forEach(({ name: o, color: s }) => {
+    n[o] = s;
+  }), e.forEach(({ name: o, color: s }) => {
+    n[o] = s;
+  }), Object.entries(n).map(([o, s]) => ({ name: o, color: s }));
+}, E = (t, e) => {
+  let n = parseInt(t.substring(1, 3), 16), o = parseInt(t.substring(3, 5), 16), s = parseInt(t.substring(5, 7), 16);
+  n = Math.round(n * (1 + e / 100)), o = Math.round(o * (1 + e / 100)), s = Math.round(s * (1 + e / 100)), n = Math.min(255, Math.max(0, n)), o = Math.min(255, Math.max(0, o)), s = Math.min(255, Math.max(0, s));
+  const c = n.toString(16).padStart(2, "0"), i = o.toString(16).padStart(2, "0"), d = s.toString(16).padStart(2, "0");
+  return `#${c}${i}${d}`;
+}, G = (t) => ({
+  themes: t?.themes ?? S.themes,
+  defaultTheme: t?.defaultTheme ?? S.defaultTheme,
+  saveCurrentThemeToLS: t?.saveCurrentThemeToLS ?? S.saveCurrentThemeToLS,
+  darkShadeGeneratorCoefficient: t?.darkShadeGeneratorCoefficient ?? S.darkShadeGeneratorCoefficient,
+  lightShadeGeneratorCoefficient: t?.lightShadeGeneratorCoefficient ?? S.lightShadeGeneratorCoefficient,
+  other: t?.other ?? S.other
+}), U = (t, e) => {
+  try {
+    const n = v(e);
+    return {
+      darkShade: E(n, t.darkShadeGeneratorCoefficient),
+      lightShade: E(n, t.lightShadeGeneratorCoefficient)
+    };
+  } catch (n) {
+    return console.error(n instanceof Error ? n.message : n), {};
+  }
+}, x = (t) => Object.entries(t).filter(([, e]) => typeof e == "string").map(([e, n]) => ({
+  name: `--nmorph-${b(e)}-color`,
+  color: n
+})), N = (t, e) => {
+  const n = (c) => c.map((i) => `${i.name}: ${i.color};`).join(" "), o = Object.entries(e).map(([c, i]) => `--${b(c)}: ${i};`).join(" "), s = [];
+  return Object.entries(t).forEach(([c, i]) => {
+    const d = x($);
+    if (c === "common") s.push(n(L(d, i)));
+    else {
+      const T = `
+        &[${C}='${c}'] {
+          ${n(i)}
+        }
+      `;
+      s.push(T);
+    }
+  }), `
+    :root {
+      ${s.join(" ")}
+      ${o}
+    }
+  `;
+}, P = (t) => {
+  const e = {};
+  return Object.entries(t.themes).forEach(([n, o]) => {
+    e[n] = [];
+    const s = !!o.darkShade, c = !!o.lightShade;
+    !!o.main && !s && !c && o.main && (e[n] = x(U(t, o.main))), e[n] = [...e[n], ...x(o)];
+  }), e;
+}, z = (t) => {
+  const e = G(t);
+  return N(P(e), e.other);
+}, J = (t) => {
+  I("warn", `NMORPH(v${_.version})`);
+  const e = G(t), n = (a) => {
     try {
-      const e = F(a);
+      const r = v(a);
       return {
-        darkShade: L(e, t.darkShadeGeneratorCoefficient),
-        lightShade: L(e, t.lightShadeGeneratorCoefficient)
+        darkShade: E(r, e.darkShadeGeneratorCoefficient),
+        lightShade: E(r, e.lightShadeGeneratorCoefficient)
       };
-    } catch (e) {
-      return console.error(e instanceof Error ? e.message : e), {};
+    } catch (r) {
+      return console.error(r instanceof Error ? r.message : r), {};
     }
-  }, n = (a) => {
-    const e = s(a);
-    return o(e);
-  }, o = (a) => Object.entries(a).filter(([, e]) => typeof e == "string").map(([e, c]) => ({
-    name: `--nmorph-${M(e)}-color`,
-    color: c
-  })), S = (a, e) => {
-    const c = (i) => i.map((m) => `${m.name}: ${m.color};`).join(" "), h = Object.entries(e).map(([i, m]) => `--${M(i)}: ${m};`).join(" "), T = [];
-    return Object.entries(a).forEach(([i, m]) => {
-      const E = o(v);
-      if (i === "common") T.push(c(V(E, m)));
+  }, o = (a) => {
+    const r = n(a);
+    return s(r);
+  }, s = (a) => Object.entries(a).filter(([, r]) => typeof r == "string").map(([r, h]) => ({
+    name: `--nmorph-${b(r)}-color`,
+    color: h
+  })), c = (a, r) => {
+    const h = (f) => f.map((u) => `${u.name}: ${u.color};`).join(" "), l = Object.entries(r).map(([f, u]) => `--${b(f)}: ${u};`).join(" "), g = [];
+    return Object.entries(a).forEach(([f, u]) => {
+      const k = s($);
+      if (f === "common") g.push(h(L(k, u)));
       else {
-        const D = `
-          &[${u}='${i}'] {
-            ${c(m)}
+        const B = `
+          &[${C}='${f}'] {
+            ${h(u)}
           }
         `;
-        T.push(D);
+        g.push(B);
       }
     }), `
       :root {
-        ${T.join(" ")}
-        ${h}
+        ${g.join(" ")}
+        ${l}
       }
     `;
-  }, C = (a) => {
-    const e = {};
-    return Object.entries(a).forEach(([c, h]) => {
-      e[c] = [];
-      const T = !!h.darkShade, i = !!h.lightShade;
-      !!h.main && !T && !i && h.main && (e[c] = n(h.main)), e[c] = [...e[c], ...o(h)];
-    }), e;
+  }, i = (a) => {
+    const r = {};
+    return Object.entries(a).forEach(([h, l]) => {
+      r[h] = [];
+      const g = !!l.darkShade, f = !!l.lightShade;
+      !!l.main && !g && !f && l.main && (r[h] = o(l.main)), r[h] = [...r[h], ...s(l)];
+    }), r;
+  }, d = typeof document < "u", T = A(e.defaultTheme);
+  let p = i(e.themes), m = null;
+  d && (m = document.getElementById("nmorph-theme-styles"), m || (m = document.createElement("style"), m.id = "nmorph-theme-styles", m.type = "text/css", document.head.appendChild(m)), m.innerHTML = c(p, e.other));
+  const D = () => {
+    p = i(e.themes), m && (m.innerHTML = c(p, e.other));
+  }, y = (a) => {
+    T.value = a, d && (document.documentElement.setAttribute(C, T.value), !(typeof localStorage > "u") && (e.saveCurrentThemeToLS ? localStorage.setItem(C, a) : localStorage.removeItem(C)));
+  }, M = (a, r) => {
+    const h = r.main && !r.darkShade && !r.lightShade ? n(r.main) : {};
+    e.themes[a] = { ...e.themes[a], ...r, ...h }, D();
+  }, O = (a, r) => {
+    r && M(a, r), y(a);
   };
-  let d = C(t.themes);
-  const g = document.createElement("style");
-  g.type = "text/css", g.innerHTML = S(d, t.other), document.head.appendChild(g);
-  const y = () => {
-    d = C(t.themes), g.innerHTML = S(d, t.other);
-  }, p = (a) => {
-    f.value = a, k.setAttribute(u, f.value), t.saveCurrentThemeToLS ? localStorage.setItem(u, a) : localStorage.removeItem(u);
-  }, x = (a, e) => {
-    const c = e.main && !e.darkShade && !e.lightShade ? s(e.main) : {};
-    t.themes[a] = { ...t.themes[a], ...e, ...c }, y();
-  }, $ = (a, e) => {
-    e && x(a, e), p(a);
-  }, f = H(t.defaultTheme), k = document.documentElement, b = localStorage.getItem(u), G = b ? d[b] : void 0;
-  t.saveCurrentThemeToLS && G && (f.value = b), p(f.value);
-  const A = t;
+  if (d && typeof localStorage < "u") {
+    const a = localStorage.getItem(C), r = a ? p[a] : void 0;
+    e.saveCurrentThemeToLS && r && (T.value = a);
+  }
+  y(T.value);
+  const j = e;
   return {
-    setTheme: p,
-    setThemeColors: x,
-    applyTheme: $,
-    currentTheme: _(f),
-    data: A,
-    getDynamicColorVariables: n
+    setTheme: y,
+    setThemeColors: M,
+    applyTheme: O,
+    currentTheme: H(T),
+    data: j,
+    getDynamicColorVariables: o
   };
 };
 export {
-  W as useNmorphTheme
+  z as getNmorphThemeStyles,
+  J as useNmorphTheme
 };

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const a = "2.2.12", e = {
+const a = "2.2.15", e = {
   version: a
 };
 export {

package/dist/plugin.js

@@ -1,48 +1,52 @@
-import { default as T } from "./locales/ru.js";
+import { default as C } from "./locales/ru.js";
 import { default as _ } from "./locales/zh.js";
 import { default as w } from "./locales/en.js";
 import { nmorphLog as M } from "./outside-utils/index.js";
-import { AvatarShapeType as E, Locale as H, NmorphColor as O, NmorphComponentDirection as j, NmorphComponentHeight as A, NmorphComponentPosition as B, NmorphImageFit as F, NmorphRadioStyleType as P, NmorphSelectionControlHeight as R, NmorphSelectionDateType as U, NmorphShadowType as Z, NmorphSortOrder as k } from "./types/index.js";
-import { useNmorphTranslation as h } from "./hooks/use-nmorph-translation.js";
+import { useNmorphTheme as h } from "./outside-hooks/use-nmorph-theme.js";
+import { getNmorphThemeStyles as E } from "./outside-hooks/use-nmorph-theme.js";
 import { useCommonStyles as i } from "./hooks/use-common-styles.js";
-import { useNmorphTheme as f } from "./outside-hooks/use-nmorph-theme.js";
+import { getCommonStyles as O } from "./hooks/use-common-styles.js";
+import { AvatarShapeType as A, Locale as B, NmorphColor as F, NmorphComponentDirection as P, NmorphComponentHeight as R, NmorphComponentPosition as U, NmorphImageFit as Z, NmorphRadioStyleType as k, NmorphSelectionControlHeight as q, NmorphSelectionDateType as G, NmorphShadowType as J, NmorphSortOrder as K } from "./types/index.js";
+import { useNmorphTranslation as f } from "./hooks/use-nmorph-translation.js";
 import { useNmorphBrowser as c } from "./outside-hooks/use-nmorph-browser.js";
 import { useNmorphZIndex as N } from "./outside-hooks/use-nmorph-z-index.js";
-import { useNmorph as G } from "./outside-hooks/use-nmorph.js";
-import { useNmorphNotification as K } from "./outside-hooks/use-nmorph-notification.js";
-const u = {
+import { useNmorph as W } from "./outside-hooks/use-nmorph.js";
+import { useNmorphNotification as Y } from "./outside-hooks/use-nmorph-notification.js";
+const g = {
   install(e, r = {}) {
     if (!r?.i18n?.outsideMessagesMerge) {
-      const o = h(r.i18n), m = e.__VUE_I18N__;
+      const o = f(r.i18n), m = e.__VUE_I18N__;
       m ? (o.global.messages.value && Object.entries(o.global.messages.value).forEach(([s, n]) => {
         m.global.mergeLocaleMessage(s, n);
       }), o.global.locale.value && (m.global.locale.value = o.global.locale.value)) : e.use(o);
     }
     i();
-    const t = f(r.theme), a = c(), l = N(r.zIndex), p = { theme: t, browser: a, zIndex: l };
+    const t = h(r.theme), a = c(), l = N(r.zIndex), p = { theme: t, browser: a, zIndex: l };
     return e.provide("nmorph", p), e;
   }
-}, y = u;
+}, S = g;
 export {
-  E as AvatarShapeType,
-  H as Locale,
-  O as NmorphColor,
-  j as NmorphComponentDirection,
-  A as NmorphComponentHeight,
-  B as NmorphComponentPosition,
-  F as NmorphImageFit,
-  y as NmorphLibrary,
-  P as NmorphRadioStyleType,
-  R as NmorphSelectionControlHeight,
-  U as NmorphSelectionDateType,
-  Z as NmorphShadowType,
-  k as NmorphSortOrder,
+  A as AvatarShapeType,
+  B as Locale,
+  F as NmorphColor,
+  P as NmorphComponentDirection,
+  R as NmorphComponentHeight,
+  U as NmorphComponentPosition,
+  Z as NmorphImageFit,
+  S as NmorphLibrary,
+  k as NmorphRadioStyleType,
+  q as NmorphSelectionControlHeight,
+  G as NmorphSelectionDateType,
+  J as NmorphShadowType,
+  K as NmorphSortOrder,
   w as en,
+  O as getCommonStyles,
+  E as getNmorphThemeStyles,
   M as nmorphLog,
-  T as ru,
-  G as useNmorph,
+  C as ru,
+  W as useNmorph,
   c as useNmorphBrowser,
-  K as useNmorphNotification,
-  f as useNmorphTheme,
+  Y as useNmorphNotification,
+  h as useNmorphTheme,
   _ as zh
 };

package/dist/src/components/basic/nmorph-button/NmorphButton.vue.d.ts

@@ -21,15 +21,17 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     color: string;
     loading: boolean;
     ripple: boolean;
-    type: "reset" | "submit" | "button";
+    type: "submit" | "reset" | "button";
     text: string | number;
     accentBgOnHover: boolean;
     shape: "default" | "square" | "round" | "circle";
     tabindex: number;
     height: "thick" | "basic" | "thin";
     disabled: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
-    "icon-only"?(_: {}): any;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    buttonDOMElement: HTMLButtonElement;
+}, HTMLDivElement>, {
+    'icon-only'?(_: {}): any;
     icon?(_: {}): any;
     default?(_: {}): any;
     append?(_: {}): any;

package/dist/src/components/basic/nmorph-icon/NmorphIcon.vue.d.ts

@@ -11,7 +11,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     color: string;
     height: string;
     width: string;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/src/components/basic/nmorph-link/NmorphLink.vue.d.ts

@@ -16,7 +16,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     target: "self" | "blank" | "parent" | "top";
     underline: boolean;
     href: string;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>, {
     prepend?(_: {}): any;
     icon?(_: {}): any;
     default?(_: {}): any;

package/dist/src/components/basic/nmorph-scroll/NmorphScroll.vue.d.ts

@@ -24,7 +24,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphScrollPr
     xBarWidthInPx: number;
     xGapInPx: number;
     yGapInPx: number;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    scrollDOMContainer: HTMLDivElement;
+}, HTMLDivElement>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/src/components/data/nmorph-avatar/NmorphAvatar.vue.d.ts

@@ -25,6 +25,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     size: number;
     shape: "square" | "circle";
     name: string;
+    src: string | string[];
     frameBorder: number;
     imagePadding: number;
     fallback: any;
@@ -34,7 +35,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     previewScaleStep: number;
     previewMinScaleLevel: number;
     previewMaxScaleLevel: number;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>, {
     error?(_: {}): any;
     error?(_: {}): any;
 }>;

package/dist/src/components/data/nmorph-badge/NmorphBadge.vue.d.ts

@@ -29,7 +29,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     isTag: boolean;
     offsetY: number;
     offsetX: number;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, Readonly<{
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    badge: HTMLDivElement;
+}, any>, Readonly<{
     default?: (props: Record<string, never>) => unknown;
     value?: (props: NmorphBadgeValueSlotProps) => unknown;
 }> & {

package/dist/src/components/data/nmorph-calendar/NmorphCalendar.vue.d.ts

@@ -20,10 +20,10 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     markToday: boolean;
     initialDate: Date;
     range: [Date, Date];
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>, {
     header?(_: {}): any;
     content?(_: {}): any;
-    "date-cell"?(_: {
+    'date-cell'?(_: {
         scope: {
             selected: boolean;
             monthType: NmorphCalendarDateType;

package/dist/src/components/data/nmorph-calendar/inner-components/nmorph-calendar-header/NmorphCalendarHeader.vue.d.ts

@@ -14,7 +14,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     "onClick-previous-month"?: () => any;
     "onClick-today"?: () => any;
     "onClick-next-month"?: () => any;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/src/components/data/nmorph-card/NmorphCard.vue.d.ts

@@ -7,7 +7,7 @@ interface INmorphProps {
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
     shadowType: "inset" | "outset" | "combined" | "not-defined";
     combinedShadowBorderWidth: number;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>, {
     header?(_: {}): any;
     default?(_: {}): any;
     footer?(_: {}): any;

package/dist/src/components/data/nmorph-carousel/NmorphCarousel.vue.d.ts

@@ -8,7 +8,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     onChange?: (value: number) => any;
 }>, {
     loop: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    carouselWrapper: HTMLDivElement;
+}, HTMLDivElement>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/src/components/data/nmorph-collapse/NmorphCollapse.vue.d.ts

@@ -10,7 +10,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     "onUpdate:model-value"?: (value: NmorphCollapseModelType) => any;
 }>, {
     accordion: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>, {
     default?(_: {}): any;
 }>;
 export default _default;