@nmorph/nmorph-ui-kit 2.2.9 → 2.2.10

package/dist/locales/en.js

@@ -0,0 +1,29 @@
+const e = {
+  sun: "sun",
+  mon: "mon",
+  tue: "tue",
+  wed: "wed",
+  thu: "thu",
+  fri: "fri",
+  sat: "sat",
+  jan: "January",
+  feb: "February",
+  mar: "March",
+  apr: "April",
+  may: "May",
+  jun: "June",
+  jul: "July",
+  aug: "August",
+  sep: "September",
+  oct: "October",
+  nov: "November",
+  dec: "December",
+  pickADate: "Pick a date",
+  loadingText: "Loading ...",
+  loadFailedText: "Image loading failed",
+  noElementPlaceholder: "Choose value",
+  selectFile: "Select file"
+};
+export {
+  e as default
+};

package/dist/locales/ru.js

@@ -0,0 +1,29 @@
+const e = {
+  sun: "Вс",
+  mon: "Пн",
+  tue: "Вт",
+  wed: "Ср",
+  thu: "Чт",
+  fri: "Пт",
+  sat: "Сб",
+  jan: "Январь",
+  feb: "Февраль",
+  mar: "Март",
+  apr: "Апрель",
+  may: "Май",
+  jun: "Июнь",
+  jul: "Июль",
+  aug: "Август",
+  sep: "Сентябрь",
+  oct: "Октябрь",
+  nov: "Ноябрь",
+  dec: "Декабрь",
+  pickADate: "Выберите дату",
+  loadingText: "Загрузка ...",
+  loadFailedText: "Не удалось загрузить изображение",
+  noElementPlaceholder: "Выберите значение",
+  selectFile: "Выберите файл"
+};
+export {
+  e as default
+};

package/dist/locales/zh.js

@@ -0,0 +1,29 @@
+const e = {
+  sun: "日",
+  mon: "一",
+  tue: "二",
+  wed: "三",
+  thu: "四",
+  fri: "五",
+  sat: "六",
+  jan: "一月",
+  feb: "二月",
+  mar: "三月",
+  apr: "四月",
+  may: "五月",
+  jun: "六月",
+  jul: "七月",
+  aug: "八月",
+  sep: "九月",
+  oct: "十月",
+  nov: "十一月",
+  dec: "十二月",
+  pickADate: "选择日期",
+  loadingText: "加载中...",
+  loadFailedText: "图片加载失败",
+  noElementPlaceholder: "选择值",
+  selectFile: "选择文件"
+};
+export {
+  e as default
+};

package/dist/nuxt.mjs

@@ -1,5 +1,5 @@
-import { defineNuxtModule as s, addPluginTemplate as n } from "@nuxt/kit";
-const i = s({
+import { defineNuxtModule as t, addPluginTemplate as o } from "@nuxt/kit";
+const r = t({
   meta: {
     name: "@nmorph/nmorph-ui-kit",
     configKey: "nmorph",
@@ -7,15 +7,18 @@ const i = s({
       nuxt: ">=3.0.0"
     }
   },
-  defaults: {},
-  setup(e) {
-    n({
+  defaults: {
+    styles: !1
+  },
+  setup(s, e) {
+    const { styles: n, ...i } = s;
+    e.options.build.transpile.push("@nmorph/nmorph-ui-kit"), n === "all" && e.options.css.push("@nmorph/nmorph-ui-kit/dist/style.css"), o({
       filename: "nmorph.client.mjs",
       getContents: () => `
 import { defineNuxtPlugin } from '#app'
-import { NmorphLibrary, en, ru, zh } from '@nmorph/nmorph-ui-kit'
+import { NmorphLibrary, en, ru, zh } from '@nmorph/nmorph-ui-kit/plugin'
 
-const options = ${JSON.stringify(e)}
+const options = ${JSON.stringify(i)}
 const libraryMessages = { en, ru, zh }
 
 const mergeMessages = (base, overrides = {}) => {
@@ -49,5 +52,5 @@ export default defineNuxtPlugin((nuxtApp) => {
   }
 });
 export {
-  i as default
+  r as default
 };

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

@@ -0,0 +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 = () => {
+    clearTimeout(o), o = setTimeout(() => {
+      e.value.width = window.innerWidth, e.value.height = window.innerHeight;
+    }, 400);
+  }, s = () => {
+    clearTimeout(t), t = setTimeout(() => {
+      i.value = window.scrollY;
+    }, 400);
+  };
+  return window && (window.addEventListener("resize", n), window.addEventListener("scroll", s)), {
+    dimensions: e,
+    scrollTop: i
+  };
+};
+export {
+  d as useNmorphBrowser
+};

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

@@ -0,0 +1,29 @@
+import { ref as s, reactive as c } from "vue";
+import { generateUUID as u } from "../utils/common.js";
+const d = () => {
+  const t = s([]), r = {
+    duration: 3e3,
+    closable: !0,
+    fill: !0,
+    width: "330px"
+  }, a = (o) => {
+    const e = {
+      id: u(),
+      ...r
+    }, i = c({
+      ...e,
+      ...o
+    });
+    t.value.push(i), i.duration !== 0 && setTimeout(() => n(i.id), i.duration);
+  }, n = (o) => {
+    t.value = t.value.filter((e) => e.id !== o);
+  };
+  return {
+    notifications: t,
+    notify: a,
+    removeNotification: n
+  };
+};
+export {
+  d as useNmorphNotification
+};

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

@@ -0,0 +1,147 @@
+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 = {
+  info: "#d4e5edbb",
+  infoText: "#506c80",
+  success: "#67C23A",
+  successText: "#0b5b1d",
+  error: "#F56C6C",
+  errorText: "#8d3333",
+  warn: "#E6A21C",
+  warnText: "#7a6712",
+  gray: "#c9d2dee6",
+  white: "#ffffff",
+  black: "#000000",
+  overlay: "#00000095"
+}, w = {
+  darkShade: "#c8c9ca",
+  main: "#e9ecec",
+  lightShade: "#fdfdfd",
+  text: "#687b9e",
+  scrollThumb: "#687b9e",
+  accent: "#4a90e2",
+  focusText: "#ffffff",
+  placeholderText: "#c1c9cf",
+  semiContrastText: "#8a9dc0",
+  contrastText: "#b4c4de"
+}, B = {
+  darkShade: "#0f1112",
+  main: "#1c1f21",
+  lightShade: "#292d30",
+  text: "#778288",
+  scrollThumb: "#778288",
+  accent: "#006cb6",
+  focusText: "#ffffff",
+  placeholderText: "#575757",
+  semiContrastText: "#9caab0",
+  contrastText: "#c3cdd1"
+}, u = "nmorph-data-theme", R = "dark", l = {
+  themes: {
+    common: v,
+    light: w,
+    dark: B
+  },
+  defaultTheme: R,
+  saveCurrentThemeToLS: !0,
+  darkShadeGeneratorCoefficient: -45,
+  lightShadeGeneratorCoefficient: 45,
+  other: {
+    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) => {
+    try {
+      const e = F(a);
+      return {
+        darkShade: L(e, t.darkShadeGeneratorCoefficient),
+        lightShade: L(e, t.lightShadeGeneratorCoefficient)
+      };
+    } catch (e) {
+      return console.error(e instanceof Error ? e.message : e), {};
+    }
+  }, 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)));
+      else {
+        const D = `
+          &[${u}='${i}'] {
+            ${c(m)}
+          }
+        `;
+        T.push(D);
+      }
+    }), `
+      :root {
+        ${T.join(" ")}
+        ${h}
+      }
+    `;
+  }, 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;
+  };
+  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;
+  return {
+    setTheme: p,
+    setThemeColors: x,
+    applyTheme: $,
+    currentTheme: _(f),
+    data: A,
+    getDynamicColorVariables: n
+  };
+};
+export {
+  W as useNmorphTheme
+};

package/dist/outside-hooks/use-nmorph-z-index.js

@@ -0,0 +1,8 @@
+import { ref as t } from "vue";
+const u = (r = {}) => {
+  const e = t(r.base ?? 1e3);
+  return { current: e, next: () => (e.value += 1, e.value) };
+};
+export {
+  u as useNmorphZIndex
+};

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

@@ -0,0 +1,9 @@
+import { inject as o } from "vue";
+const t = () => {
+  const r = o("nmorph");
+  if (!r) throw new Error("Nmorph instance is not provided");
+  return r;
+};
+export {
+  t as useNmorph
+};

package/dist/outside-utils/index.js

@@ -0,0 +1,23 @@
+const e = {
+  error: {
+    bg: "#000000",
+    text: "red"
+  },
+  success: {
+    bg: "#000000",
+    text: "green"
+  },
+  warn: {
+    bg: "#000000",
+    text: "orange"
+  },
+  info: {
+    bg: "#000000",
+    text: "blue"
+  }
+}, t = (o, r) => {
+  console.log(`%c ${r} `, `background: ${e[o].bg}; color: ${e[o].text}`);
+};
+export {
+  t as nmorphLog
+};

package/dist/package.json.js

@@ -0,0 +1,7 @@
+const a = "2.2.10", e = {
+  version: a
+};
+export {
+  e as default,
+  a as version
+};

package/dist/plugin.d.ts

@@ -0,0 +1,2 @@
+export * from './src/plugin'
+export {}

package/dist/plugin.js

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

package/dist/src/main.d.ts

@@ -1,9 +1,2 @@
-import { ObjectPlugin } from 'vue';
-export { default as ru } from './locales/ru.js';
-export { default as zh } from './locales/zh.js';
-export { default as en } from './locales/en.js';
-export { nmorphLog } from './outside-utils';
-export { useNmorphTheme, useNmorphBrowser, useNmorphNotification, useNmorph } from './outside-hooks';
-export * from './types/index.ts';
+export * from './plugin';
 export * from './components';
-export declare const NmorphLibrary: ObjectPlugin<any[]>;

package/dist/src/nuxt/module.d.ts

@@ -1,4 +1,6 @@
 import { INmorphOptions } from '../types/index.ts';
-export type NmorphNuxtModuleOptions = INmorphOptions;
+export type NmorphNuxtModuleOptions = INmorphOptions & {
+    styles?: 'all' | false;
+};
 declare const _default: NuxtModule<TOptions, TOptions, false>;
 export default _default;

package/dist/src/plugin.d.ts

@@ -0,0 +1,8 @@
+import { ObjectPlugin } from 'vue';
+export { default as ru } from './locales/ru.js';
+export { default as zh } from './locales/zh.js';
+export { default as en } from './locales/en.js';
+export { nmorphLog } from './outside-utils';
+export { useNmorphTheme, useNmorphBrowser, useNmorphNotification, useNmorph } from './outside-hooks';
+export * from './types/index.ts';
+export declare const NmorphLibrary: ObjectPlugin<any[]>;

package/dist/types/index.js

@@ -0,0 +1,14 @@
+var e = /* @__PURE__ */ ((n) => (n.thick = "thick-component", n.basic = "basic-component", n.thin = "thin-component", n))(e || {}), r = /* @__PURE__ */ ((n) => (n.circle = "circle", n.square = "square", n))(r || {}), t = /* @__PURE__ */ ((n) => (n.ascending = "ascending", n.descending = "descending", n))(t || {}), c = /* @__PURE__ */ ((n) => (n.row = "row", n.column = "column", n))(c || {}), s = /* @__PURE__ */ ((n) => (n.inset = "shadow-inset", n.outset = "shadow-outset", n.combined = "shadow-combined", n["not-defined"] = "shadow-not-defined", n))(s || {}), a = /* @__PURE__ */ ((n) => (n.accent = "accent", n.success = "success", n.error = "error", n.warning = "warning", n))(a || {}), u = /* @__PURE__ */ ((n) => (n.left = "left", n.right = "right", n.top = "top", n.bottom = "bottom", n))(u || {}), d = /* @__PURE__ */ ((n) => (n.fill = "fill", n.contain = "contain", n.cover = "cover", n.none = "none", n["scale-down"] = "scale-down", n))(d || {}), v = /* @__PURE__ */ ((n) => (n.en = "en", n.ru = "ru", n.zh = "zh", n))(v || {}), i = /* @__PURE__ */ ((n) => (n["radio-style"] = "radio-style", n.button = "button", n))(i || {}), b = /* @__PURE__ */ ((n) => (n.date = "date", n.dates = "dates", n.daterange = "daterange", n))(b || {});
+export {
+  r as AvatarShapeType,
+  v as Locale,
+  a as NmorphColor,
+  c as NmorphComponentDirection,
+  e as NmorphComponentHeight,
+  u as NmorphComponentPosition,
+  d as NmorphImageFit,
+  i as NmorphRadioStyleType,
+  b as NmorphSelectionDateType,
+  s as NmorphShadowType,
+  t as NmorphSortOrder
+};

package/dist/utils/case-transformers.js

@@ -0,0 +1,4 @@
+const a = (e) => e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+export {
+  a as camelToKebab
+};

package/dist/utils/common.js

@@ -0,0 +1,8 @@
+const s = (t) => JSON.parse(JSON.stringify(t)), r = () => {
+  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()}`;
+};
+export {
+  s as deepClone,
+  r as generateUUID
+};

package/dist/utils/create-modifiers.js

@@ -0,0 +1,8 @@
+const t = (i, s) => {
+  const r = s.filter((e) => e !== "false" && e && e !== "undefined").map((e) => `${i}--${e}`);
+  return r.push(i), r.join(" ").trim().replace(/\s+/g, " ");
+}, n = (i) => Object.entries(i).map(([s, r]) => t(s, r)).join(" ").trim().replace(/\s+/g, " ");
+export {
+  t as createBlockModifiers,
+  n as useModifiers
+};

package/dist/utils/theme-style.js

@@ -0,0 +1,71 @@
+const r = () => `
+  font-weight: 400;
+  font-size: var(--font-size-tiny);
+  line-height: var(--line-height-regular);
+`, h = () => `
+  font-weight: 400;
+  font-size: var(--font-size-extra-small);
+  line-height: var(--line-height-regular);
+`, s = () => `
+  font-weight: 400;
+  font-size: var(--font-size-small);
+  line-height: var(--line-height-regular);
+`, t = () => `
+  font-weight: 400;
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-regular);
+`, i = () => `
+  font-weight: 600;
+  font-size: var(--font-size-small);
+  line-height: var(--line-height-loose);
+`, n = () => `
+  font-weight: 600;
+  font-size: var(--font-size-medium);
+  line-height: var(--line-height-loose);
+`, l = () => `
+  font-weight: 600;
+  font-size: var(--font-size-large);
+  line-height: var(--line-height-loose);
+`, d = () => `
+  font-weight: 800;
+  font-size: var(--font-size-extra-large);
+  line-height: var(--line-height-loose);
+`, v = () => `
+  background: var(--nmorph-main-color);
+  box-shadow:
+    var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),
+    calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur)
+      var(--nmorph-light-shade-color);
+`, w = () => `
+  background: var(--nmorph-main-color);
+  box-shadow:
+    inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),
+    inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur)
+      var(--nmorph-light-shade-color);
+`, e = (a) => `
+  border: ${a}px solid var(--nmorph-main-color);
+`, b = (a = 0, o = !1) => `
+  ${e(a)}
+
+  background: var(--nmorph-main-color);
+  box-shadow:
+    var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),
+    calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur)
+      var(--nmorph-light-shade-color),
+    inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),
+    inset calc(-1 * var(--base-shadow-width)) calc(-0.5 * var(--base-shadow-width)) var(--base-shadow-blur) ${o ? "var(--nmorph-dark-shade-color)" : "var(--nmorph-light-shade-color)"};
+`;
+export {
+  t as body1,
+  s as body2,
+  h as body3,
+  r as body4,
+  e as nmorphBorder,
+  b as nmorphCombined,
+  w as nmorphInset,
+  v as nmorphOutset,
+  d as title1,
+  l as title2,
+  n as title3,
+  i as title4
+};

package/package.json

@@ -2,7 +2,7 @@
   "name": "@nmorph/nmorph-ui-kit",
   "type": "module",
   "private": false,
-  "version": "2.2.9",
+  "version": "2.2.10",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -18,7 +18,7 @@
   "module": "./dist/index.es.js",
   "style": "./dist/style.css",
   "sideEffects": [
-    "*.css"
+    "**/*.css"
   ],
   "files": [
     "dist",
@@ -35,11 +35,19 @@
       },
       "require": "./dist/index.umd.js"
     },
+    "./plugin": {
+      "types": "./dist/src/plugin.d.ts",
+      "import": "./dist/plugin.js"
+    },
     "./nuxt": {
       "types": "./dist/src/nuxt/module.d.ts",
       "import": "./dist/nuxt.mjs",
       "default": "./dist/nuxt.mjs"
     },
+    "./components/*": {
+      "types": "./dist/src/components/*.d.ts",
+      "import": "./dist/components/*.js"
+    },
     "./dist/index.d.ts": "./dist/index.d.ts",
     "./dist/style.css": "./dist/style.css",
     "./dist/styles/abstracts/_variables.scss": "./dist/styles/abstracts/_variables.scss",
@@ -51,7 +59,7 @@
     "dev": "HOME=/tmp/nmorph-storybook-home STORYBOOK_DISABLE_TELEMETRY=1 storybook dev -p 43183",
     "storybook": "HOME=/tmp/nmorph-storybook-home STORYBOOK_DISABLE_TELEMETRY=1 storybook dev -p 43183",
     "build:storybook": "HOME=/tmp/nmorph-storybook-home STORYBOOK_DISABLE_TELEMETRY=1 storybook build",
-    "build": "npm run build:types && vite build && vite build --config vite.nuxt.config.ts",
+    "build": "npm run build:types && vite build && vite build --config vite.umd.config.ts && vite build --config vite.nuxt.config.ts",
     "test": "vitest run",
     "test:watch": "vitest",
     "watch": "vite build --watch",