@udixio/theme 1.0.0 → 1.2.0

package/dist/{index.cjs → loader-TksB6_mM.cjs}

@@ -1,52 +1,9 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const awilix = require("awilix");
 const materialColorUtilities = require("@material/material-color-utilities");
-const vite = require("vite");
-const path = require("node:path");
-const fs = require("node:fs");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const path__namespace = /* @__PURE__ */ _interopNamespaceDefault(path);
-const fs__namespace = /* @__PURE__ */ _interopNamespaceDefault(fs);
 class ColorApi {
   constructor({ colorManager }) {
     __publicField(this, "colorManager");
@@ -1808,106 +1765,6 @@ class Variant {
     this.colors = colors;
   }
 }
-const getExpressiveNeutralHue = (sourceColorHct) => {
-  const hue = getRotatedHue(
-    sourceColorHct,
-    [0, 71, 124, 253, 278, 300, 360],
-    [10, 0, 10, 0, 10, 0]
-  );
-  return hue;
-};
-const getExpressiveNeutralChroma = (sourceColorHct, isDark) => {
-  const neutralHue = getExpressiveNeutralHue(sourceColorHct);
-  return isDark ? Hct.isYellow(neutralHue) ? 6 : 14 : 18;
-};
-const expressiveVariant = {
-  name: "expressive",
-  palettes: {
-    primary: ({ sourceColorHct, isDark }) => materialColorUtilities.TonalPalette.fromHueAndChroma(sourceColorHct.hue, isDark ? 36 : 48),
-    secondary: ({ sourceColorHct, isDark }) => materialColorUtilities.TonalPalette.fromHueAndChroma(
-      getRotatedHue(
-        sourceColorHct,
-        [0, 105, 140, 204, 253, 278, 300, 333, 360],
-        [-160, 155, -100, 96, -96, -156, -165, -160]
-      ),
-      isDark ? 16 : 24
-    ),
-    tertiary: ({ sourceColorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(
-      getRotatedHue(
-        sourceColorHct,
-        [0, 105, 140, 204, 253, 278, 300, 333, 360],
-        [-165, 160, -105, 101, -101, -160, -170, -165]
-      ),
-      48
-    ),
-    neutral: ({ sourceColorHct, isDark }) => materialColorUtilities.TonalPalette.fromHueAndChroma(
-      getExpressiveNeutralHue(sourceColorHct),
-      getExpressiveNeutralChroma(sourceColorHct, isDark)
-    ),
-    neutralVariant: ({ sourceColorHct, isDark }) => {
-      const expressiveNeutralHue = getExpressiveNeutralHue(sourceColorHct);
-      const expressiveNeutralChroma = getExpressiveNeutralChroma(
-        sourceColorHct,
-        isDark
-      );
-      return materialColorUtilities.TonalPalette.fromHueAndChroma(
-        expressiveNeutralHue,
-        expressiveNeutralChroma * (expressiveNeutralHue >= 105 && expressiveNeutralHue < 125 ? 1.6 : 2.3)
-      );
-    },
-    error: ({ sourceColorHct }) => {
-      const errorHue = getPiecewiseHue(
-        sourceColorHct,
-        [0, 3, 13, 23, 33, 43, 153, 273, 360],
-        [12, 22, 32, 12, 22, 32, 22, 12]
-      );
-      return materialColorUtilities.TonalPalette.fromHueAndChroma(errorHue, 64);
-    }
-  },
-  customPalettes: ({ colorHct, isDark }) => materialColorUtilities.TonalPalette.fromHueAndChroma(
-    getRotatedHue(
-      colorHct,
-      [0, 105, 140, 204, 253, 278, 300, 333, 360],
-      [-160, 155, -100, 96, -96, -156, -165, -160]
-    ),
-    isDark ? 16 : 24
-  )
-};
-const neutralVariant = {
-  name: "neutral",
-  palettes: {
-    primary: ({ sourceColorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(
-      sourceColorHct.hue,
-      Hct.isBlue(sourceColorHct.hue) ? 12 : 8
-    ),
-    secondary: ({ sourceColorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(
-      sourceColorHct.hue,
-      Hct.isBlue(sourceColorHct.hue) ? 6 : 4
-    ),
-    tertiary: ({ sourceColorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(
-      getRotatedHue(
-        sourceColorHct,
-        [0, 38, 105, 161, 204, 278, 333, 360],
-        [-32, 26, 10, -39, 24, -15, -32]
-      ),
-      20
-    ),
-    neutral: ({ sourceColorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(sourceColorHct.hue, 1.4),
-    neutralVariant: ({ sourceColorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(sourceColorHct.hue, 1.4 * 2.2),
-    error: ({ sourceColorHct }) => {
-      const errorHue = getPiecewiseHue(
-        sourceColorHct,
-        [0, 3, 13, 23, 33, 43, 153, 273, 360],
-        [12, 22, 32, 12, 22, 32, 22, 12]
-      );
-      return materialColorUtilities.TonalPalette.fromHueAndChroma(errorHue, 50);
-    }
-  },
-  customPalettes: ({ colorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(
-    colorHct.hue,
-    Hct.isBlue(colorHct.hue) ? 6 : 4
-  )
-};
 const tonalSpotVariant = {
   name: "tonalSpot",
   palettes: {
@@ -1934,73 +1791,6 @@ const tonalSpotVariant = {
   },
   customPalettes: ({ colorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(colorHct.hue, 16)
 };
-const getVibrantNeutralHue = (sourceColorHct) => {
-  return getRotatedHue(
-    sourceColorHct,
-    [0, 38, 105, 140, 333, 360],
-    [-14, 10, -14, 10, -14]
-  );
-};
-const getVibrantNeutralChroma = (sourceColorHct) => {
-  getVibrantNeutralHue(sourceColorHct);
-  return 28;
-};
-const vibrantVariant = {
-  name: "vibrant",
-  palettes: {
-    primary: ({ sourceColorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(sourceColorHct.hue, 74),
-    secondary: ({ sourceColorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(
-      getRotatedHue(
-        sourceColorHct,
-        [0, 38, 105, 140, 333, 360],
-        [-14, 10, -14, 10, -14]
-      ),
-      56
-    ),
-    tertiary: ({ sourceColorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(
-      getRotatedHue(
-        sourceColorHct,
-        [0, 38, 71, 105, 140, 161, 253, 333, 360],
-        [-72, 35, 24, -24, 62, 50, 62, -72]
-      ),
-      56
-    ),
-    neutral: ({ sourceColorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(
-      getVibrantNeutralHue(sourceColorHct),
-      getVibrantNeutralChroma(sourceColorHct)
-    ),
-    neutralVariant: ({ sourceColorHct }) => {
-      const vibrantNeutralHue = getVibrantNeutralHue(sourceColorHct);
-      const vibrantNeutralChroma = getVibrantNeutralChroma(sourceColorHct);
-      return materialColorUtilities.TonalPalette.fromHueAndChroma(
-        vibrantNeutralHue,
-        vibrantNeutralChroma * 1.29
-      );
-    },
-    error: ({ sourceColorHct }) => {
-      const errorHue = getPiecewiseHue(
-        sourceColorHct,
-        [0, 3, 13, 23, 33, 43, 153, 273, 360],
-        [12, 22, 32, 12, 22, 32, 22, 12]
-      );
-      return materialColorUtilities.TonalPalette.fromHueAndChroma(errorHue, 80);
-    }
-  },
-  customPalettes: ({ colorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(
-    getRotatedHue(
-      colorHct,
-      [0, 38, 105, 140, 333, 360],
-      [-14, 10, -14, 10, -14]
-    ),
-    56
-  )
-};
-const Variants = {
-  Expressive: expressiveVariant,
-  Neutral: neutralVariant,
-  TonalSpot: tonalSpotVariant,
-  Vibrant: vibrantVariant
-};
 const defaultColors = (colorService) => {
   const getColor = (key) => {
     return colorService.getColor(key).getMaterialColor();
@@ -2748,37 +2538,13 @@ class API {
     this.colors = colorApi;
     this.themes = themeApi;
   }
+  async load() {
+    return this.plugins.loadPlugins();
+  }
 }
 const AppModule = {
   api: awilix.asClass(API).singleton()
 };
-class PluginAbstract {
-  constructor(options) {
-    __publicField(this, "options");
-    __publicField(this, "pluginInstance");
-    this.options = options;
-  }
-  init(api) {
-    var _a, _b;
-    this.pluginInstance = new this.pluginClass(api, this.options);
-    (_b = (_a = this.pluginInstance).onInit) == null ? void 0 : _b.call(_a);
-    return this;
-  }
-  getInstance() {
-    if (!this.pluginInstance) {
-      throw new Error(`Plugin ${this.name} is not initialized`);
-    }
-    return this.pluginInstance;
-  }
-}
-class PluginImplAbstract {
-  constructor(api, options) {
-    var _a;
-    this.api = api;
-    this.options = options;
-    (_a = this.onInit) == null ? void 0 : _a.call(this);
-  }
-}
 class PluginApi {
   constructor() {
     __publicField(this, "plugins", /* @__PURE__ */ new Map());
@@ -2807,11 +2573,11 @@ class PluginApi {
         "Some plugins couldn't be loaded due to missing dependencies: " + Array.from(plugins.keys())
       );
   }
-  loadPlugins() {
-    this.plugins.forEach((plugin) => {
-      var _a, _b;
-      (_b = (_a = plugin.getInstance()).onLoad) == null ? void 0 : _b.call(_a);
-    });
+  async loadPlugins() {
+    var _a, _b;
+    for (const plugin of this.plugins.values()) {
+      await ((_b = (_a = plugin.getInstance()).onLoad) == null ? void 0 : _b.call(_a));
+    }
   }
   getPlugin(plugin) {
     const pluginInstance = this.plugins.get(new plugin().name);
@@ -2837,19 +2603,16 @@ registerModule(AppModule, PluginModule, ColorModule, ThemeModule);
 function bootstrap() {
   return AppContainer.resolve("api");
 }
-class AdapterAbstract {
-  constructor() {
-    __publicField(this, "api");
-    this.api = bootstrap();
-    registerModule({
-      adapter: awilix.asValue(this)
-    });
-  }
-  async init() {
-    const config = await this.getConfig();
-    if (config == null) {
-      return;
-    }
+const initializeApi = () => {
+  const api = bootstrap();
+  registerModule({
+    adapter: awilix.asValue(void 0)
+  });
+  return api;
+};
+const loader = async (config) => {
+  const api = initializeApi();
+  const init = () => {
     const {
       sourceColor,
       contrastLevel = 0,
@@ -2860,7 +2623,7 @@ class AdapterAbstract {
       useDefaultColors = true,
       plugins
     } = config;
-    this.api.themes.create({
+    api.themes.create({
       contrastLevel,
       isDark,
       sourceColorHex: sourceColor,
@@ -2868,315 +2631,30 @@ class AdapterAbstract {
     });
     if (palettes) {
       Object.entries(palettes).forEach(
-        ([key, value]) => this.api.themes.addCustomPalette(key, value)
+        ([key, value]) => api.themes.addCustomPalette(key, value)
       );
     }
     if (useDefaultColors) {
-      this.api.colors.addColors(defaultColors);
+      api.colors.addColors(defaultColors);
     }
     if (colors) {
-      this.api.colors.addColors(colors);
+      api.colors.addColors(colors);
     }
     if (plugins) {
       plugins.forEach((plugin) => {
-        this.api.plugins.addPlugin(plugin);
+        api.plugins.addPlugin(plugin);
       });
-      this.api.plugins.initPlugins(this.api);
-    }
-  }
-  load() {
-    this.api.plugins.loadPlugins();
-  }
-}
-function defineConfig(configObject) {
-  if (!configObject || typeof configObject !== "object") {
-    throw new Error("The configuration is missing or not an object");
-  }
-  if (!("sourceColor" in configObject)) {
-    throw new Error("Invalid configuration");
-  }
-  return configObject;
-}
-class NodeAdapter extends AdapterAbstract {
-  constructor(configPath = "./theme.config") {
-    super();
-    this.configPath = configPath;
-  }
-  async getConfig() {
-    if (typeof process !== "undefined" && process.release && process.release.name === "node") {
-      const path2 = (await import("path")).default;
-      const fs2 = (await import("fs")).default;
-      const base = path2.resolve(this.configPath);
-      const extensions = [".js", ".ts", ".mjs", ".cjs"];
-      let configImport = null;
-      for (const ext of extensions) {
-        const path22 = base + ext;
-        if (fs2.existsSync(path22)) {
-          configImport = (await import(path22)).default;
-          break;
-        }
-      }
-      if (!configImport) {
-        throw new Error(
-          `Configuration file not found, looked for: ${base} with extensions: ${extensions.join(", ")}`
-        );
-      }
-      let config;
-      if ("default" in configImport) {
-        config = configImport.default;
-      } else {
-        config = configImport;
-      }
-      return config;
-    } else {
-      throw new Error(
-        "You must provide configuration object when using this library in a browser."
-      );
-    }
-  }
-}
-const udixioVite = async (configPath = "./theme.config") => {
-  if (global.NX_GRAPH_CREATION) {
-    return;
-  }
-  class ViteAdapter extends AdapterAbstract {
-    constructor(configPath2) {
-      super();
-      __publicField(this, "configExtension");
-      this.configPath = configPath2;
-    }
-    getConfigPath() {
-      if (!this.configExtension) {
-        throw new Error("config extension not found");
-      }
-      return path__namespace.resolve(this.configPath + this.configExtension);
-    }
-    async getConfig() {
-      const resolvedPath = path__namespace.resolve(this.configPath);
-      const result = await vite.loadConfigFromFile(
-        { command: "serve", mode: "development" },
-        // ou 'build'
-        resolvedPath
-      );
-      if (!(result == null ? void 0 : result.config)) {
-        throw new Error("config not found");
-      }
-      if (!this.configExtension) {
-        this.configExtension = path__namespace.extname(result.dependencies[0]);
-      }
-      return result.config;
-    }
-  }
-  const adapter = new ViteAdapter(configPath);
-  await adapter.init();
-  configPath = adapter.getConfigPath();
-  return {
-    name: "vite:udixio-theme",
-    async buildStart() {
-      if (fs__namespace.existsSync(configPath)) {
-        this.addWatchFile(configPath);
-      }
-      adapter.load();
-    },
-    async generateBundle() {
-      adapter.load();
-    },
-    // Handles Hot Module Replacement in dev server
-    async handleHotUpdate({ server, file, modules }) {
-      if (configPath === file) {
-        const adapter2 = new ViteAdapter(configPath);
-        await adapter2.init();
-        adapter2.load();
-        server.ws.send({ type: "full-reload", path: "*" });
-        return modules;
-      }
-      return;
+      api.plugins.initPlugins(api);
     }
   };
+  const load = async () => {
+    await api.plugins.loadPlugins();
+  };
+  init();
+  await load();
+  return api;
 };
-var FontFamily = /* @__PURE__ */ ((FontFamily2) => {
-  FontFamily2["Expressive"] = "expressive";
-  FontFamily2["Neutral"] = "neutral";
-  return FontFamily2;
-})(FontFamily || {});
-class FontPlugin extends PluginAbstract {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "dependencies", []);
-    __publicField(this, "name", "font");
-    __publicField(this, "pluginClass", FontPluginImpl);
-  }
-}
-class FontPluginImpl extends PluginImplAbstract {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "_fontFamily");
-    __publicField(this, "_fontStyles");
-  }
-  get fontFamily() {
-    if (!this._fontFamily) throw new Error("Font family not initialized");
-    return this._fontFamily;
-  }
-  set fontFamily(value) {
-    this._fontFamily = value;
-  }
-  get fontStyles() {
-    if (!this._fontStyles) throw new Error("Font styles not initialized");
-    return this._fontStyles;
-  }
-  set fontStyles(value) {
-    this._fontStyles = value;
-  }
-  getFonts() {
-    return {
-      fontStyles: this.fontStyles,
-      fontFamily: this.fontFamily
-    };
-  }
-  onInit() {
-    var _a, _b, _c, _d;
-    this.fontFamily = {
-      expressive: ((_b = (_a = this.options) == null ? void 0 : _a.fontFamily) == null ? void 0 : _b.expressive) ?? [
-        "Roboto",
-        "sans-serif"
-      ],
-      neutral: ((_d = (_c = this.options) == null ? void 0 : _c.fontFamily) == null ? void 0 : _d.neutral) ?? ["Roboto", "sans-serif"]
-    };
-    this.fontStyles = {
-      display: {
-        large: {
-          fontWeight: 400,
-          fontSize: 3.5625,
-          lineHeight: 4,
-          letterSpacing: -0.015625,
-          fontFamily: "expressive"
-          /* Expressive */
-        },
-        medium: {
-          fontWeight: 400,
-          fontSize: 2.8125,
-          lineHeight: 3.25,
-          fontFamily: "expressive"
-          /* Expressive */
-        },
-        small: {
-          fontWeight: 400,
-          fontSize: 2.25,
-          lineHeight: 2.75,
-          fontFamily: "expressive"
-          /* Expressive */
-        }
-      },
-      headline: {
-        large: {
-          fontWeight: 400,
-          fontSize: 2,
-          lineHeight: 2.5,
-          fontFamily: "expressive"
-          /* Expressive */
-        },
-        medium: {
-          fontWeight: 400,
-          fontSize: 1.75,
-          lineHeight: 2.25,
-          fontFamily: "expressive"
-          /* Expressive */
-        },
-        small: {
-          fontWeight: 400,
-          fontSize: 1.5,
-          lineHeight: 2,
-          fontFamily: "expressive"
-          /* Expressive */
-        }
-      },
-      title: {
-        large: {
-          fontWeight: 400,
-          fontSize: 1.375,
-          lineHeight: 1.75,
-          fontFamily: "neutral"
-          /* Neutral */
-        },
-        medium: {
-          fontWeight: 500,
-          fontSize: 1,
-          lineHeight: 1.5,
-          fontFamily: "neutral",
-          letterSpacing: 9375e-6
-        },
-        small: {
-          fontWeight: 500,
-          fontSize: 0.875,
-          lineHeight: 1.25,
-          fontFamily: "neutral",
-          letterSpacing: 625e-5
-        }
-      },
-      label: {
-        large: {
-          fontWeight: 500,
-          fontSize: 0.875,
-          lineHeight: 1.25,
-          fontFamily: "neutral",
-          letterSpacing: 625e-5
-        },
-        medium: {
-          fontWeight: 500,
-          fontSize: 0.75,
-          lineHeight: 1,
-          fontFamily: "neutral",
-          letterSpacing: 0.03125
-        },
-        small: {
-          fontWeight: 500,
-          fontSize: 0.6875,
-          lineHeight: 1,
-          fontFamily: "neutral",
-          letterSpacing: 0.03125
-        }
-      },
-      body: {
-        large: {
-          fontWeight: 400,
-          fontSize: 1,
-          lineHeight: 1.5625,
-          fontFamily: "neutral",
-          letterSpacing: 0.03125
-        },
-        medium: {
-          fontWeight: 400,
-          fontSize: 0.875,
-          lineHeight: 1.25,
-          fontFamily: "neutral",
-          letterSpacing: 0.015625
-        },
-        small: {
-          fontWeight: 400,
-          fontSize: 0.75,
-          lineHeight: 1,
-          fontFamily: "neutral",
-          letterSpacing: 0.025
-        }
-      }
-    };
-    if (this.options && this.options.fontStyles)
-      Object.entries(this.options.fontStyles).forEach(([key, fontParam]) => {
-        const fontRole = key;
-        Object.entries(fontParam).forEach(([size, fontStyle]) => {
-          const fontSize = size;
-          if (fontStyle) {
-            this.fontStyles[fontRole][fontSize] = {
-              ...this.fontStyles[fontRole][fontSize],
-              ...fontStyle
-            };
-          }
-        });
-      });
-  }
-}
 exports.API = API;
-exports.AdapterAbstract = AdapterAbstract;
 exports.AppContainer = AppContainer;
 exports.AppModule = AppModule;
 exports.ColorApi = ColorApi;
@@ -3185,12 +2663,8 @@ exports.ColorModule = ColorModule;
 exports.ConfigurableColor = ConfigurableColor;
 exports.ContrastCurve = ContrastCurve;
 exports.DynamicColor = DynamicColor;
-exports.FontFamily = FontFamily;
-exports.FontPlugin = FontPlugin;
-exports.NodeAdapter = NodeAdapter;
-exports.PluginAbstract = PluginAbstract;
+exports.Hct = Hct;
 exports.PluginApi = PluginApi;
-exports.PluginImplAbstract = PluginImplAbstract;
 exports.PluginModule = PluginModule;
 exports.Scheme = Scheme;
 exports.SchemeManager = SchemeManager;
@@ -3199,17 +2673,12 @@ exports.ThemeModule = ThemeModule;
 exports.ToneDeltaPair = ToneDeltaPair;
 exports.Variant = Variant;
 exports.VariantManager = VariantManager;
-exports.Variants = Variants;
 exports.bootstrap = bootstrap;
 exports.defaultColors = defaultColors;
-exports.defineConfig = defineConfig;
-exports.expressiveVariant = expressiveVariant;
 exports.extendSpecVersion = extendSpecVersion;
 exports.getPiecewiseHue = getPiecewiseHue;
 exports.getRotatedHue = getRotatedHue;
 exports.highestSurface = highestSurface;
-exports.neutralVariant = neutralVariant;
+exports.loader = loader;
 exports.registerModule = registerModule;
 exports.tonalSpotVariant = tonalSpotVariant;
-exports.udixioVite = udixioVite;
-exports.vibrantVariant = vibrantVariant;