@udixio/theme 1.0.0 → 1.2.0

package/dist/{index.js → loader-C_BIrsO2.js}

@@ -3,9 +3,6 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { asClass, createContainer, InjectionMode, asValue } from "awilix";
 import { lerp, argbFromLstar, sanitizeDegreesDouble, yFromLstar, argbFromLinrgb, Cam16, signum, matrixMultiply, ViewingConditions, lstarFromArgb, lstarFromY, Contrast, clampDouble, hexFromArgb, argbFromHex, DynamicColor as DynamicColor$1, TonalPalette } from "@material/material-color-utilities";
-import { loadConfigFromFile } from "vite";
-import * as path from "node:path";
-import * as fs from "node:fs";
 class ColorApi {
   constructor({ colorManager }) {
     __publicField(this, "colorManager");
@@ -1767,106 +1764,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 }) => TonalPalette.fromHueAndChroma(sourceColorHct.hue, isDark ? 36 : 48),
-    secondary: ({ sourceColorHct, isDark }) => 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 }) => 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 }) => TonalPalette.fromHueAndChroma(
-      getExpressiveNeutralHue(sourceColorHct),
-      getExpressiveNeutralChroma(sourceColorHct, isDark)
-    ),
-    neutralVariant: ({ sourceColorHct, isDark }) => {
-      const expressiveNeutralHue = getExpressiveNeutralHue(sourceColorHct);
-      const expressiveNeutralChroma = getExpressiveNeutralChroma(
-        sourceColorHct,
-        isDark
-      );
-      return 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 TonalPalette.fromHueAndChroma(errorHue, 64);
-    }
-  },
-  customPalettes: ({ colorHct, isDark }) => 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 }) => TonalPalette.fromHueAndChroma(
-      sourceColorHct.hue,
-      Hct.isBlue(sourceColorHct.hue) ? 12 : 8
-    ),
-    secondary: ({ sourceColorHct }) => TonalPalette.fromHueAndChroma(
-      sourceColorHct.hue,
-      Hct.isBlue(sourceColorHct.hue) ? 6 : 4
-    ),
-    tertiary: ({ sourceColorHct }) => TonalPalette.fromHueAndChroma(
-      getRotatedHue(
-        sourceColorHct,
-        [0, 38, 105, 161, 204, 278, 333, 360],
-        [-32, 26, 10, -39, 24, -15, -32]
-      ),
-      20
-    ),
-    neutral: ({ sourceColorHct }) => TonalPalette.fromHueAndChroma(sourceColorHct.hue, 1.4),
-    neutralVariant: ({ sourceColorHct }) => 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 TonalPalette.fromHueAndChroma(errorHue, 50);
-    }
-  },
-  customPalettes: ({ colorHct }) => TonalPalette.fromHueAndChroma(
-    colorHct.hue,
-    Hct.isBlue(colorHct.hue) ? 6 : 4
-  )
-};
 const tonalSpotVariant = {
   name: "tonalSpot",
   palettes: {
@@ -1893,73 +1790,6 @@ const tonalSpotVariant = {
   },
   customPalettes: ({ colorHct }) => 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 }) => TonalPalette.fromHueAndChroma(sourceColorHct.hue, 74),
-    secondary: ({ sourceColorHct }) => TonalPalette.fromHueAndChroma(
-      getRotatedHue(
-        sourceColorHct,
-        [0, 38, 105, 140, 333, 360],
-        [-14, 10, -14, 10, -14]
-      ),
-      56
-    ),
-    tertiary: ({ sourceColorHct }) => TonalPalette.fromHueAndChroma(
-      getRotatedHue(
-        sourceColorHct,
-        [0, 38, 71, 105, 140, 161, 253, 333, 360],
-        [-72, 35, 24, -24, 62, 50, 62, -72]
-      ),
-      56
-    ),
-    neutral: ({ sourceColorHct }) => TonalPalette.fromHueAndChroma(
-      getVibrantNeutralHue(sourceColorHct),
-      getVibrantNeutralChroma(sourceColorHct)
-    ),
-    neutralVariant: ({ sourceColorHct }) => {
-      const vibrantNeutralHue = getVibrantNeutralHue(sourceColorHct);
-      const vibrantNeutralChroma = getVibrantNeutralChroma(sourceColorHct);
-      return 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 TonalPalette.fromHueAndChroma(errorHue, 80);
-    }
-  },
-  customPalettes: ({ colorHct }) => 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();
@@ -2707,37 +2537,13 @@ class API {
     this.colors = colorApi;
     this.themes = themeApi;
   }
+  async load() {
+    return this.plugins.loadPlugins();
+  }
 }
 const AppModule = {
   api: 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());
@@ -2766,11 +2572,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);
@@ -2796,19 +2602,16 @@ registerModule(AppModule, PluginModule, ColorModule, ThemeModule);
 function bootstrap() {
   return AppContainer.resolve("api");
 }
-class AdapterAbstract {
-  constructor() {
-    __publicField(this, "api");
-    this.api = bootstrap();
-    registerModule({
-      adapter: asValue(this)
-    });
-  }
-  async init() {
-    const config = await this.getConfig();
-    if (config == null) {
-      return;
-    }
+const initializeApi = () => {
+  const api = bootstrap();
+  registerModule({
+    adapter: asValue(void 0)
+  });
+  return api;
+};
+const loader = async (config) => {
+  const api = initializeApi();
+  const init = () => {
     const {
       sourceColor,
       contrastLevel = 0,
@@ -2819,7 +2622,7 @@ class AdapterAbstract {
       useDefaultColors = true,
       plugins
     } = config;
-    this.api.themes.create({
+    api.themes.create({
       contrastLevel,
       isDark,
       sourceColorHex: sourceColor,
@@ -2827,350 +2630,56 @@ 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.resolve(this.configPath + this.configExtension);
-    }
-    async getConfig() {
-      const resolvedPath = path.resolve(this.configPath);
-      const result = await 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.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.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
-            };
-          }
-        });
-      });
-  }
-}
 export {
-  API,
-  AdapterAbstract,
-  AppContainer,
-  AppModule,
-  ColorApi,
-  ColorManager,
-  ColorModule,
-  ConfigurableColor,
-  ContrastCurve,
-  DynamicColor,
-  FontFamily,
-  FontPlugin,
-  NodeAdapter,
-  PluginAbstract,
-  PluginApi,
-  PluginImplAbstract,
-  PluginModule,
-  Scheme,
-  SchemeManager,
-  ThemeApi,
-  ThemeModule,
-  ToneDeltaPair,
-  Variant,
-  VariantManager,
-  Variants,
-  bootstrap,
-  defaultColors,
-  defineConfig,
-  expressiveVariant,
-  extendSpecVersion,
-  getPiecewiseHue,
-  getRotatedHue,
-  highestSurface,
-  neutralVariant,
-  registerModule,
-  tonalSpotVariant,
-  udixioVite,
-  vibrantVariant
+  AppContainer as A,
+  ColorApi as C,
+  DynamicColor as D,
+  Hct as H,
+  PluginModule as P,
+  SchemeManager as S,
+  ToneDeltaPair as T,
+  Variant as V,
+  AppModule as a,
+  API as b,
+  ColorManager as c,
+  ColorModule as d,
+  ConfigurableColor as e,
+  defaultColors as f,
+  bootstrap as g,
+  highestSurface as h,
+  ContrastCurve as i,
+  extendSpecVersion as j,
+  PluginApi as k,
+  loader as l,
+  ThemeModule as m,
+  Scheme as n,
+  ThemeApi as o,
+  getPiecewiseHue as p,
+  getRotatedHue as q,
+  registerModule as r,
+  VariantManager as s,
+  tonalSpotVariant as t
 };