@xanui/core 1.2.7 → 1.2.8

package/theme/createColorScale.js

@@ -0,0 +1,55 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});function createColorScale(hex) {
+    const clamp = (v) => Math.min(255, Math.max(0, Math.round(v)));
+    const hexToRgb = (hex) => {
+        let h = hex.replace("#", "");
+        if (h.length === 3)
+            h = h.split("").map(c => c + c).join("");
+        const n = parseInt(h, 16);
+        return { r: (n >> 16) & 255, g: (n >> 8) & 255, b: n & 255 };
+    };
+    const rgbToHex = ({ r, g, b }) => `#${[r, g, b].map(v => clamp(v).toString(16).padStart(2, "0")).join("")}`;
+    const mix = (a, b, w) => ({
+        r: clamp(a.r * (1 - w) + b.r * w),
+        g: clamp(a.g * (1 - w) + b.g * w),
+        b: clamp(a.b * (1 - w) + b.b * w),
+    });
+    const luminance = ({ r, g, b }) => (0.2126 * r + 0.7152 * g + 0.0722 * b) / 255;
+    const base = hexToRgb(hex);
+    const lum = luminance(base);
+    const isLight = lum > 0.6;
+    const textRgb = isLight
+        ? { r: 0, g: 0, b: 0 }
+        : { r: 255, g: 255, b: 255 };
+    // Determine mode
+    let mode = "other";
+    if (lum < 0.15)
+        mode = "black";
+    else if (lum > 0.9)
+        mode = "white";
+    let rgbW = { r: 255, g: 255, b: 255 };
+    let rgbB = { r: 0, g: 0, b: 0 };
+    let scale = {
+        mode,
+        // core
+        base: rgbToHex(base),
+        // lighter variants
+        light: rgbToHex(mix(base, rgbW, 0.15)),
+        lighter: rgbToHex(mix(base, rgbW, 0.35)),
+        // darker variants
+        dark: rgbToHex(mix(base, rgbB, 0.15)),
+        darker: rgbToHex(mix(base, rgbB, 0.35)),
+        // soft backgrounds
+        soft: rgbToHex(mix(base, rgbW, 0.85)),
+        softer: rgbToHex(mix(base, rgbW, 0.92)),
+        // text colors
+        text: isLight ? "#000000" : "#FFFFFF",
+        subtext: rgbToHex(mix(textRgb, base, 0.35)), // muted but readable
+    };
+    if (mode === "white") {
+        scale = Object.assign(Object.assign({}, scale), { light: rgbToHex(mix(base, rgbB, 0.20)), lighter: rgbToHex(mix(base, rgbB, 0.30)), dark: rgbToHex(mix(base, rgbB, 0.08)), darker: rgbToHex(mix(base, rgbB, 0.12)), soft: rgbToHex(mix(base, rgbB, 0.08)), softer: rgbToHex(mix(base, rgbB, 0.12)) });
+    }
+    else if (mode === "black") {
+        scale = Object.assign(Object.assign({}, scale), { light: rgbToHex(mix(base, rgbW, 0.20)), lighter: rgbToHex(mix(base, rgbW, 0.30)), dark: rgbToHex(mix(base, rgbW, 0.08)), darker: rgbToHex(mix(base, rgbW, 0.12)), soft: rgbToHex(mix(base, rgbW, 0.08)), softer: rgbToHex(mix(base, rgbW, 0.12)) });
+    }
+    return scale;
+}exports.default=createColorScale;//# sourceMappingURL=createColorScale.js.map

package/theme/createColorScale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createColorScale.js","sources":["../../src/theme/createColorScale.ts"],"sourcesContent":["export type ColorScale = {\r\n   mode: \"black\" | \"white\" | \"other\";  // semantic color mode\r\n   base: string;\r\n   light: string;\r\n   lighter: string;\r\n   dark: string;\r\n   darker: string;\r\n   soft: string;\r\n   softer: string;\r\n   divider: string;\r\n   text: string;\r\n   subtext: string;\r\n};\r\n\r\nfunction createColorScale(hex: string): ColorScale {\r\n   type RGB = { r: number; g: number; b: number };\r\n\r\n   const clamp = (v: number): number =>\r\n      Math.min(255, Math.max(0, Math.round(v)));\r\n\r\n   const hexToRgb = (hex: string): RGB => {\r\n      let h = hex.replace(\"#\", \"\");\r\n      if (h.length === 3) h = h.split(\"\").map(c => c + c).join(\"\");\r\n      const n = parseInt(h, 16);\r\n      return { r: (n >> 16) & 255, g: (n >> 8) & 255, b: n & 255 };\r\n   };\r\n\r\n   const rgbToHex = ({ r, g, b }: RGB): string =>\r\n      `#${[r, g, b].map(v => clamp(v).toString(16).padStart(2, \"0\")).join(\"\")}`;\r\n\r\n   const mix = (a: RGB, b: RGB, w: number): RGB => ({\r\n      r: clamp(a.r * (1 - w) + b.r * w),\r\n      g: clamp(a.g * (1 - w) + b.g * w),\r\n      b: clamp(a.b * (1 - w) + b.b * w),\r\n   });\r\n\r\n   const luminance = ({ r, g, b }: RGB): number =>\r\n      (0.2126 * r + 0.7152 * g + 0.0722 * b) / 255;\r\n\r\n   const base = hexToRgb(hex);\r\n   const lum = luminance(base);\r\n   const isLight = lum > 0.6;\r\n\r\n   const textRgb: RGB = isLight\r\n      ? { r: 0, g: 0, b: 0 }\r\n      : { r: 255, g: 255, b: 255 };\r\n\r\n   // Determine mode\r\n   let mode: \"black\" | \"white\" | \"other\" = \"other\";\r\n   if (lum < 0.15) mode = \"black\";\r\n   else if (lum > 0.9) mode = \"white\";\r\n\r\n   let rgbW = { r: 255, g: 255, b: 255 }\r\n   let rgbB = { r: 0, g: 0, b: 0 }\r\n\r\n   let scale: any = {\r\n      mode,\r\n\r\n      // core\r\n      base: rgbToHex(base),\r\n\r\n      // lighter variants\r\n      light: rgbToHex(mix(base, rgbW, 0.15)),\r\n      lighter: rgbToHex(mix(base, rgbW, 0.35)),\r\n\r\n      // darker variants\r\n      dark: rgbToHex(mix(base, rgbB, 0.15)),\r\n      darker: rgbToHex(mix(base, rgbB, 0.35)),\r\n\r\n      // soft backgrounds\r\n      soft: rgbToHex(mix(base, rgbW, 0.85)),\r\n      softer: rgbToHex(mix(base, rgbW, 0.92)),\r\n\r\n      // text colors\r\n      text: isLight ? \"#000000\" : \"#FFFFFF\",\r\n      subtext: rgbToHex(mix(textRgb, base, 0.35)), // muted but readable\r\n   };\r\n\r\n   if (mode === \"white\") {\r\n      scale = {\r\n         ...scale,\r\n\r\n         light: rgbToHex(mix(base, rgbB, 0.20)),\r\n         lighter: rgbToHex(mix(base, rgbB, 0.30)),\r\n\r\n         dark: rgbToHex(mix(base, rgbB, 0.08)),\r\n         darker: rgbToHex(mix(base, rgbB, 0.12)),\r\n\r\n         soft: rgbToHex(mix(base, rgbB, 0.08)),\r\n         softer: rgbToHex(mix(base, rgbB, 0.12)),\r\n\r\n      }\r\n   } else if (mode === \"black\") {\r\n      scale = {\r\n         ...scale,\r\n\r\n         light: rgbToHex(mix(base, rgbW, 0.20)),\r\n         lighter: rgbToHex(mix(base, rgbW, 0.30)),\r\n\r\n         dark: rgbToHex(mix(base, rgbW, 0.08)),\r\n         darker: rgbToHex(mix(base, rgbW, 0.12)),\r\n\r\n         soft: rgbToHex(mix(base, rgbW, 0.08)),\r\n         softer: rgbToHex(mix(base, rgbW, 0.12)),\r\n\r\n      }\r\n   }\r\n\r\n   return scale\r\n}\r\n\r\nexport default createColorScale;\r\n"],"names":[],"mappings":"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"}

package/theme/createColorScale.mjs

@@ -0,0 +1,55 @@
+function createColorScale(hex) {
+    const clamp = (v) => Math.min(255, Math.max(0, Math.round(v)));
+    const hexToRgb = (hex) => {
+        let h = hex.replace("#", "");
+        if (h.length === 3)
+            h = h.split("").map(c => c + c).join("");
+        const n = parseInt(h, 16);
+        return { r: (n >> 16) & 255, g: (n >> 8) & 255, b: n & 255 };
+    };
+    const rgbToHex = ({ r, g, b }) => `#${[r, g, b].map(v => clamp(v).toString(16).padStart(2, "0")).join("")}`;
+    const mix = (a, b, w) => ({
+        r: clamp(a.r * (1 - w) + b.r * w),
+        g: clamp(a.g * (1 - w) + b.g * w),
+        b: clamp(a.b * (1 - w) + b.b * w),
+    });
+    const luminance = ({ r, g, b }) => (0.2126 * r + 0.7152 * g + 0.0722 * b) / 255;
+    const base = hexToRgb(hex);
+    const lum = luminance(base);
+    const isLight = lum > 0.6;
+    const textRgb = isLight
+        ? { r: 0, g: 0, b: 0 }
+        : { r: 255, g: 255, b: 255 };
+    // Determine mode
+    let mode = "other";
+    if (lum < 0.15)
+        mode = "black";
+    else if (lum > 0.9)
+        mode = "white";
+    let rgbW = { r: 255, g: 255, b: 255 };
+    let rgbB = { r: 0, g: 0, b: 0 };
+    let scale = {
+        mode,
+        // core
+        base: rgbToHex(base),
+        // lighter variants
+        light: rgbToHex(mix(base, rgbW, 0.15)),
+        lighter: rgbToHex(mix(base, rgbW, 0.35)),
+        // darker variants
+        dark: rgbToHex(mix(base, rgbB, 0.15)),
+        darker: rgbToHex(mix(base, rgbB, 0.35)),
+        // soft backgrounds
+        soft: rgbToHex(mix(base, rgbW, 0.85)),
+        softer: rgbToHex(mix(base, rgbW, 0.92)),
+        // text colors
+        text: isLight ? "#000000" : "#FFFFFF",
+        subtext: rgbToHex(mix(textRgb, base, 0.35)), // muted but readable
+    };
+    if (mode === "white") {
+        scale = Object.assign(Object.assign({}, scale), { light: rgbToHex(mix(base, rgbB, 0.20)), lighter: rgbToHex(mix(base, rgbB, 0.30)), dark: rgbToHex(mix(base, rgbB, 0.08)), darker: rgbToHex(mix(base, rgbB, 0.12)), soft: rgbToHex(mix(base, rgbB, 0.08)), softer: rgbToHex(mix(base, rgbB, 0.12)) });
+    }
+    else if (mode === "black") {
+        scale = Object.assign(Object.assign({}, scale), { light: rgbToHex(mix(base, rgbW, 0.20)), lighter: rgbToHex(mix(base, rgbW, 0.30)), dark: rgbToHex(mix(base, rgbW, 0.08)), darker: rgbToHex(mix(base, rgbW, 0.12)), soft: rgbToHex(mix(base, rgbW, 0.08)), softer: rgbToHex(mix(base, rgbW, 0.12)) });
+    }
+    return scale;
+}export{createColorScale as default};//# sourceMappingURL=createColorScale.mjs.map

package/theme/createColorScale.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createColorScale.mjs","sources":["../../src/theme/createColorScale.ts"],"sourcesContent":["export type ColorScale = {\r\n   mode: \"black\" | \"white\" | \"other\";  // semantic color mode\r\n   base: string;\r\n   light: string;\r\n   lighter: string;\r\n   dark: string;\r\n   darker: string;\r\n   soft: string;\r\n   softer: string;\r\n   divider: string;\r\n   text: string;\r\n   subtext: string;\r\n};\r\n\r\nfunction createColorScale(hex: string): ColorScale {\r\n   type RGB = { r: number; g: number; b: number };\r\n\r\n   const clamp = (v: number): number =>\r\n      Math.min(255, Math.max(0, Math.round(v)));\r\n\r\n   const hexToRgb = (hex: string): RGB => {\r\n      let h = hex.replace(\"#\", \"\");\r\n      if (h.length === 3) h = h.split(\"\").map(c => c + c).join(\"\");\r\n      const n = parseInt(h, 16);\r\n      return { r: (n >> 16) & 255, g: (n >> 8) & 255, b: n & 255 };\r\n   };\r\n\r\n   const rgbToHex = ({ r, g, b }: RGB): string =>\r\n      `#${[r, g, b].map(v => clamp(v).toString(16).padStart(2, \"0\")).join(\"\")}`;\r\n\r\n   const mix = (a: RGB, b: RGB, w: number): RGB => ({\r\n      r: clamp(a.r * (1 - w) + b.r * w),\r\n      g: clamp(a.g * (1 - w) + b.g * w),\r\n      b: clamp(a.b * (1 - w) + b.b * w),\r\n   });\r\n\r\n   const luminance = ({ r, g, b }: RGB): number =>\r\n      (0.2126 * r + 0.7152 * g + 0.0722 * b) / 255;\r\n\r\n   const base = hexToRgb(hex);\r\n   const lum = luminance(base);\r\n   const isLight = lum > 0.6;\r\n\r\n   const textRgb: RGB = isLight\r\n      ? { r: 0, g: 0, b: 0 }\r\n      : { r: 255, g: 255, b: 255 };\r\n\r\n   // Determine mode\r\n   let mode: \"black\" | \"white\" | \"other\" = \"other\";\r\n   if (lum < 0.15) mode = \"black\";\r\n   else if (lum > 0.9) mode = \"white\";\r\n\r\n   let rgbW = { r: 255, g: 255, b: 255 }\r\n   let rgbB = { r: 0, g: 0, b: 0 }\r\n\r\n   let scale: any = {\r\n      mode,\r\n\r\n      // core\r\n      base: rgbToHex(base),\r\n\r\n      // lighter variants\r\n      light: rgbToHex(mix(base, rgbW, 0.15)),\r\n      lighter: rgbToHex(mix(base, rgbW, 0.35)),\r\n\r\n      // darker variants\r\n      dark: rgbToHex(mix(base, rgbB, 0.15)),\r\n      darker: rgbToHex(mix(base, rgbB, 0.35)),\r\n\r\n      // soft backgrounds\r\n      soft: rgbToHex(mix(base, rgbW, 0.85)),\r\n      softer: rgbToHex(mix(base, rgbW, 0.92)),\r\n\r\n      // text colors\r\n      text: isLight ? \"#000000\" : \"#FFFFFF\",\r\n      subtext: rgbToHex(mix(textRgb, base, 0.35)), // muted but readable\r\n   };\r\n\r\n   if (mode === \"white\") {\r\n      scale = {\r\n         ...scale,\r\n\r\n         light: rgbToHex(mix(base, rgbB, 0.20)),\r\n         lighter: rgbToHex(mix(base, rgbB, 0.30)),\r\n\r\n         dark: rgbToHex(mix(base, rgbB, 0.08)),\r\n         darker: rgbToHex(mix(base, rgbB, 0.12)),\r\n\r\n         soft: rgbToHex(mix(base, rgbB, 0.08)),\r\n         softer: rgbToHex(mix(base, rgbB, 0.12)),\r\n\r\n      }\r\n   } else if (mode === \"black\") {\r\n      scale = {\r\n         ...scale,\r\n\r\n         light: rgbToHex(mix(base, rgbW, 0.20)),\r\n         lighter: rgbToHex(mix(base, rgbW, 0.30)),\r\n\r\n         dark: rgbToHex(mix(base, rgbW, 0.08)),\r\n         darker: rgbToHex(mix(base, rgbW, 0.12)),\r\n\r\n         soft: rgbToHex(mix(base, rgbW, 0.08)),\r\n         softer: rgbToHex(mix(base, rgbW, 0.12)),\r\n\r\n      }\r\n   }\r\n\r\n   return scale\r\n}\r\n\r\nexport default createColorScale;\r\n"],"names":[],"mappings":"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"}

package/theme/createTheme.d.ts

@@ -1,5 +1,5 @@
 import { ThemeOptionInput, ThemeOptions } from './types.js';
 
-declare const createTheme: (name: string, options: ThemeOptionInput, darkMode?: boolean) => ThemeOptions;
+declare const createTheme: (name: string, options: ThemeOptionInput) => ThemeOptions;
 
 export { createTheme };

package/theme/createTheme.js

@@ -1,9 +1,24 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var core=require('./core.js'),index=require('../css/index.js'),ThemeDefaultOptions=require('./ThemeDefaultOptions.js');const createTheme = (name, options, darkMode) => {
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var core=require('./core.js'),index=require('../css/index.js'),ThemeDefaultOptions=require('./ThemeDefaultOptions.js'),createColorScale=require('./createColorScale.js');const createTheme = (name, options) => {
     if (core.ThemeFactory.has(name)) {
         console.error(`createTheme: The theme '${name}' is already defined. Please choose a different name for the theme.`);
         return core.ThemeFactory.get(name);
     }
-    let theme = core.mergeObject(darkMode ? ThemeDefaultOptions.darkThemeOptions : ThemeDefaultOptions.lightThemeOptions, Object.assign(Object.assign({}, options), { name, breakpoints: index.breakpoints }));
+    let theme = core.mergeObject(ThemeDefaultOptions.lightThemeOptions, Object.assign(Object.assign({}, options), { name, breakpoints: index.breakpoints }));
+    // create color scales if needed
+    for (let key in theme.colors) {
+        const color = theme.colors[key];
+        if (typeof color === "string") {
+            theme.colors[key] = createColorScale.default(color);
+            delete theme.colors[key].mode;
+        }
+        else {
+            const c = createColorScale.default(color.base);
+            delete c.mode;
+            theme.colors[key] = Object.assign(Object.assign({}, c), theme.colors[key]);
+        }
+    }
+    const c = createColorScale.default(theme.colors.common.base);
+    theme.isDark = c.mode === "black";
     core.ThemeFactory.set(name, theme);
     return theme;
 };exports.createTheme=createTheme;//# sourceMappingURL=createTheme.js.map

package/theme/createTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"createTheme.js","sources":["../../src/theme/createTheme.ts"],"sourcesContent":["import { ThemeOptions, ThemeOptionInput } from \"./types\"\r\nimport { mergeObject, ThemeFactory } from \"./core\"\r\nimport { breakpoints } from \"../css\"\r\nimport { darkThemeOptions, lightThemeOptions } from \"./ThemeDefaultOptions\"\r\n\r\nexport const createTheme = (name: string, options: ThemeOptionInput, darkMode?: boolean): ThemeOptions => {\r\n   if (ThemeFactory.has(name)) {\r\n      console.error(`createTheme: The theme '${name}' is already defined. Please choose a different name for the theme.`)\r\n      return ThemeFactory.get(name) as ThemeOptions\r\n   }\r\n\r\n   let theme: any = mergeObject(darkMode ? darkThemeOptions : lightThemeOptions, {\r\n      ...options,\r\n      name,\r\n      breakpoints: breakpoints\r\n   })\r\n\r\n   ThemeFactory.set(name, theme)\r\n\r\n   return theme as ThemeOptions\r\n}\r\n"],"names":["ThemeFactory","mergeObject","darkThemeOptions","lightThemeOptions","breakpoints"],"mappings":"6LAKO,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,OAAyB,EAAE,QAAkB,KAAkB;AACtG,IAAA,IAAIA,iBAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;AACzB,QAAA,OAAO,CAAC,KAAK,CAAC,2BAA2B,IAAI,CAAA,mEAAA,CAAqE,CAAC;AACnH,QAAA,OAAOA,iBAAY,CAAC,GAAG,CAAC,IAAI,CAAiB;IAChD;IAEA,IAAI,KAAK,GAAQC,gBAAW,CAAC,QAAQ,GAAGC,oCAAgB,GAAGC,qCAAiB,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACtE,OAAO,CAAA,EAAA,EACV,IAAI,EACJ,WAAW,EAAEC,iBAAW,EAAA,CAAA,CACzB;AAEF,IAAAJ,iBAAY,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC;AAE7B,IAAA,OAAO,KAAqB;AAC/B"}
+{"version":3,"file":"createTheme.js","sources":["../../src/theme/createTheme.ts"],"sourcesContent":["import { ThemeOptions, ThemeOptionInput } from \"./types\"\r\nimport { mergeObject, ThemeFactory } from \"./core\"\r\nimport { breakpoints } from \"../css\"\r\nimport { lightThemeOptions } from \"./ThemeDefaultOptions\"\r\nimport createColorScale from \"./createColorScale\"\r\n\r\nexport const createTheme = (name: string, options: ThemeOptionInput): ThemeOptions => {\r\n   if (ThemeFactory.has(name)) {\r\n      console.error(`createTheme: The theme '${name}' is already defined. Please choose a different name for the theme.`)\r\n      return ThemeFactory.get(name) as ThemeOptions\r\n   }\r\n\r\n   let theme: any = mergeObject(lightThemeOptions, {\r\n      ...options,\r\n      name,\r\n      breakpoints: breakpoints\r\n   })\r\n\r\n   // create color scales if needed\r\n   for (let key in theme.colors) {\r\n      const color = theme.colors[key]\r\n      if (typeof color === \"string\") {\r\n         theme.colors[key] = createColorScale(color)\r\n         delete theme.colors[key].mode\r\n      } else {\r\n         const c = createColorScale(color.base)\r\n         delete (c as any).mode\r\n         theme.colors[key] = {\r\n            ...c,\r\n            ...theme.colors[key],\r\n         }\r\n      }\r\n   }\r\n\r\n   const c = createColorScale(theme.colors.common.base)\r\n   theme.isDark = c.mode === \"black\"\r\n\r\n   ThemeFactory.set(name, theme)\r\n\r\n   return theme as ThemeOptions\r\n}\r\n"],"names":["ThemeFactory","mergeObject","lightThemeOptions","breakpoints","createColorScale"],"mappings":"qPAMa,WAAW,GAAG,CAAC,IAAY,EAAE,OAAyB,KAAkB;AAClF,IAAA,IAAIA,iBAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;AACzB,QAAA,OAAO,CAAC,KAAK,CAAC,2BAA2B,IAAI,CAAA,mEAAA,CAAqE,CAAC;AACnH,QAAA,OAAOA,iBAAY,CAAC,GAAG,CAAC,IAAI,CAAiB;IAChD;AAEA,IAAA,IAAI,KAAK,GAAQC,gBAAW,CAACC,qCAAiB,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACxC,OAAO,CAAA,EAAA,EACV,IAAI,EACJ,WAAW,EAAEC,iBAAW,IACzB;;AAGF,IAAA,KAAK,IAAI,GAAG,IAAI,KAAK,CAAC,MAAM,EAAE;QAC3B,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;AAC/B,QAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC5B,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,GAAGC,wBAAgB,CAAC,KAAK,CAAC;YAC3C,OAAO,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI;QAChC;aAAO;YACJ,MAAM,CAAC,GAAGA,wBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC;YACtC,OAAQ,CAAS,CAAC,IAAI;AACtB,YAAA,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACX,CAAC,CAAA,EACD,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CACtB;QACJ;IACH;AAEA,IAAA,MAAM,CAAC,GAAGA,wBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;IACpD,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,KAAK,OAAO;AAEjC,IAAAJ,iBAAY,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC;AAE7B,IAAA,OAAO,KAAqB;AAC/B"}

package/theme/createTheme.mjs

@@ -1,9 +1,24 @@
-import {ThemeFactory,mergeObject}from'./core.mjs';import {breakpoints}from'../css/index.mjs';import {lightThemeOptions,darkThemeOptions}from'./ThemeDefaultOptions.mjs';const createTheme = (name, options, darkMode) => {
+import {ThemeFactory,mergeObject}from'./core.mjs';import {breakpoints}from'../css/index.mjs';import {lightThemeOptions}from'./ThemeDefaultOptions.mjs';import createColorScale from'./createColorScale.mjs';const createTheme = (name, options) => {
     if (ThemeFactory.has(name)) {
         console.error(`createTheme: The theme '${name}' is already defined. Please choose a different name for the theme.`);
         return ThemeFactory.get(name);
     }
-    let theme = mergeObject(darkMode ? darkThemeOptions : lightThemeOptions, Object.assign(Object.assign({}, options), { name, breakpoints: breakpoints }));
+    let theme = mergeObject(lightThemeOptions, Object.assign(Object.assign({}, options), { name, breakpoints: breakpoints }));
+    // create color scales if needed
+    for (let key in theme.colors) {
+        const color = theme.colors[key];
+        if (typeof color === "string") {
+            theme.colors[key] = createColorScale(color);
+            delete theme.colors[key].mode;
+        }
+        else {
+            const c = createColorScale(color.base);
+            delete c.mode;
+            theme.colors[key] = Object.assign(Object.assign({}, c), theme.colors[key]);
+        }
+    }
+    const c = createColorScale(theme.colors.common.base);
+    theme.isDark = c.mode === "black";
     ThemeFactory.set(name, theme);
     return theme;
 };export{createTheme};//# sourceMappingURL=createTheme.mjs.map

package/theme/createTheme.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"createTheme.mjs","sources":["../../src/theme/createTheme.ts"],"sourcesContent":["import { ThemeOptions, ThemeOptionInput } from \"./types\"\r\nimport { mergeObject, ThemeFactory } from \"./core\"\r\nimport { breakpoints } from \"../css\"\r\nimport { darkThemeOptions, lightThemeOptions } from \"./ThemeDefaultOptions\"\r\n\r\nexport const createTheme = (name: string, options: ThemeOptionInput, darkMode?: boolean): ThemeOptions => {\r\n   if (ThemeFactory.has(name)) {\r\n      console.error(`createTheme: The theme '${name}' is already defined. Please choose a different name for the theme.`)\r\n      return ThemeFactory.get(name) as ThemeOptions\r\n   }\r\n\r\n   let theme: any = mergeObject(darkMode ? darkThemeOptions : lightThemeOptions, {\r\n      ...options,\r\n      name,\r\n      breakpoints: breakpoints\r\n   })\r\n\r\n   ThemeFactory.set(name, theme)\r\n\r\n   return theme as ThemeOptions\r\n}\r\n"],"names":[],"mappings":"wKAKO,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,OAAyB,EAAE,QAAkB,KAAkB;AACtG,IAAA,IAAI,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;AACzB,QAAA,OAAO,CAAC,KAAK,CAAC,2BAA2B,IAAI,CAAA,mEAAA,CAAqE,CAAC;AACnH,QAAA,OAAO,YAAY,CAAC,GAAG,CAAC,IAAI,CAAiB;IAChD;IAEA,IAAI,KAAK,GAAQ,WAAW,CAAC,QAAQ,GAAG,gBAAgB,GAAG,iBAAiB,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACtE,OAAO,CAAA,EAAA,EACV,IAAI,EACJ,WAAW,EAAE,WAAW,EAAA,CAAA,CACzB;AAEF,IAAA,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC;AAE7B,IAAA,OAAO,KAAqB;AAC/B"}
+{"version":3,"file":"createTheme.mjs","sources":["../../src/theme/createTheme.ts"],"sourcesContent":["import { ThemeOptions, ThemeOptionInput } from \"./types\"\r\nimport { mergeObject, ThemeFactory } from \"./core\"\r\nimport { breakpoints } from \"../css\"\r\nimport { lightThemeOptions } from \"./ThemeDefaultOptions\"\r\nimport createColorScale from \"./createColorScale\"\r\n\r\nexport const createTheme = (name: string, options: ThemeOptionInput): ThemeOptions => {\r\n   if (ThemeFactory.has(name)) {\r\n      console.error(`createTheme: The theme '${name}' is already defined. Please choose a different name for the theme.`)\r\n      return ThemeFactory.get(name) as ThemeOptions\r\n   }\r\n\r\n   let theme: any = mergeObject(lightThemeOptions, {\r\n      ...options,\r\n      name,\r\n      breakpoints: breakpoints\r\n   })\r\n\r\n   // create color scales if needed\r\n   for (let key in theme.colors) {\r\n      const color = theme.colors[key]\r\n      if (typeof color === \"string\") {\r\n         theme.colors[key] = createColorScale(color)\r\n         delete theme.colors[key].mode\r\n      } else {\r\n         const c = createColorScale(color.base)\r\n         delete (c as any).mode\r\n         theme.colors[key] = {\r\n            ...c,\r\n            ...theme.colors[key],\r\n         }\r\n      }\r\n   }\r\n\r\n   const c = createColorScale(theme.colors.common.base)\r\n   theme.isDark = c.mode === \"black\"\r\n\r\n   ThemeFactory.set(name, theme)\r\n\r\n   return theme as ThemeOptions\r\n}\r\n"],"names":[],"mappings":"kNAMa,WAAW,GAAG,CAAC,IAAY,EAAE,OAAyB,KAAkB;AAClF,IAAA,IAAI,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;AACzB,QAAA,OAAO,CAAC,KAAK,CAAC,2BAA2B,IAAI,CAAA,mEAAA,CAAqE,CAAC;AACnH,QAAA,OAAO,YAAY,CAAC,GAAG,CAAC,IAAI,CAAiB;IAChD;AAEA,IAAA,IAAI,KAAK,GAAQ,WAAW,CAAC,iBAAiB,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACxC,OAAO,CAAA,EAAA,EACV,IAAI,EACJ,WAAW,EAAE,WAAW,IACzB;;AAGF,IAAA,KAAK,IAAI,GAAG,IAAI,KAAK,CAAC,MAAM,EAAE;QAC3B,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;AAC/B,QAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC5B,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,gBAAgB,CAAC,KAAK,CAAC;YAC3C,OAAO,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI;QAChC;aAAO;YACJ,MAAM,CAAC,GAAG,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC;YACtC,OAAQ,CAAS,CAAC,IAAI;AACtB,YAAA,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACX,CAAC,CAAA,EACD,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CACtB;QACJ;IACH;AAEA,IAAA,MAAM,CAAC,GAAG,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;IACpD,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,KAAK,OAAO;AAEjC,IAAA,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC;AAE7B,IAAA,OAAO,KAAqB;AAC/B"}

package/theme/index.js

@@ -1 +1 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var core=require('./core.js');require('../css/getValue.js'),require('oncss'),require('./ThemeDefaultOptions.js');var ThemeProvider=require('./ThemeProvider.js');require('react-state-bucket');const themeRootClass = (theme) => `.xui-${theme}-theme-root`;exports.getTheme=core.getTheme;exports.useTheme=core.useTheme;exports.ThemeProvider=ThemeProvider.default;exports.themeRootClass=themeRootClass;//# sourceMappingURL=index.js.map
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var core=require('./core.js');require('../css/getValue.js'),require('oncss');var ThemeProvider=require('./ThemeProvider.js');require('react-state-bucket');const themeRootClass = (theme) => `.xui-${theme}-theme-root`;exports.getTheme=core.getTheme;exports.useTheme=core.useTheme;exports.ThemeProvider=ThemeProvider.default;exports.themeRootClass=themeRootClass;//# sourceMappingURL=index.js.map

package/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/theme/index.tsx"],"sourcesContent":["import { createTheme } from \"./createTheme\"\r\nimport ThemeProvider from './ThemeProvider'\r\nimport createThemeSwitcher from './createThemeSwitcher'\r\nimport { getTheme, useTheme } from './core'\r\nexport type { ThemeProviderProps } from './ThemeProvider'\r\nexport type { ThemeSwitcherOption } from './createThemeSwitcher'\r\n\r\nexport const themeRootClass = (theme: string) => `.xui-${theme}-theme-root`\r\n\r\nexport {\r\n    ThemeProvider,\r\n    createThemeSwitcher,\r\n    createTheme,\r\n    getTheme,\r\n    useTheme\r\n}\r\n\r\n"],"names":[],"mappings":"qQAOO,MAAM,cAAc,GAAG,CAAC,KAAa,KAAK,CAAA,KAAA,EAAQ,KAAK,CAAA,WAAA"}
+{"version":3,"file":"index.js","sources":["../../src/theme/index.tsx"],"sourcesContent":["import { createTheme } from \"./createTheme\"\r\nimport ThemeProvider from './ThemeProvider'\r\nimport createThemeSwitcher from './createThemeSwitcher'\r\nimport { getTheme, useTheme } from './core'\r\nimport createColorScale from \"./createColorScale\"\r\nexport type { ThemeProviderProps } from './ThemeProvider'\r\nexport type { ThemeSwitcherOption } from './createThemeSwitcher'\r\n\r\nexport const themeRootClass = (theme: string) => `.xui-${theme}-theme-root`\r\n\r\nexport {\r\n    ThemeProvider,\r\n    createThemeSwitcher,\r\n    createTheme,\r\n    createColorScale,\r\n    getTheme,\r\n    useTheme\r\n}\r\n\r\n"],"names":[],"mappings":"iOAQO,MAAM,cAAc,GAAG,CAAC,KAAa,KAAK,CAAA,KAAA,EAAQ,KAAK,CAAA,WAAA"}

package/theme/index.mjs

@@ -1 +1 @@
-export{getTheme,useTheme}from'./core.mjs';import'../css/getValue.mjs';import'oncss';import'./ThemeDefaultOptions.mjs';export{default as ThemeProvider}from'./ThemeProvider.mjs';import'react-state-bucket';const themeRootClass = (theme) => `.xui-${theme}-theme-root`;export{themeRootClass};//# sourceMappingURL=index.mjs.map
+export{getTheme,useTheme}from'./core.mjs';import'../css/getValue.mjs';import'oncss';export{default as ThemeProvider}from'./ThemeProvider.mjs';import'react-state-bucket';const themeRootClass = (theme) => `.xui-${theme}-theme-root`;export{themeRootClass};//# sourceMappingURL=index.mjs.map

package/theme/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/theme/index.tsx"],"sourcesContent":["import { createTheme } from \"./createTheme\"\r\nimport ThemeProvider from './ThemeProvider'\r\nimport createThemeSwitcher from './createThemeSwitcher'\r\nimport { getTheme, useTheme } from './core'\r\nexport type { ThemeProviderProps } from './ThemeProvider'\r\nexport type { ThemeSwitcherOption } from './createThemeSwitcher'\r\n\r\nexport const themeRootClass = (theme: string) => `.xui-${theme}-theme-root`\r\n\r\nexport {\r\n    ThemeProvider,\r\n    createThemeSwitcher,\r\n    createTheme,\r\n    getTheme,\r\n    useTheme\r\n}\r\n\r\n"],"names":[],"mappings":"2MAOO,MAAM,cAAc,GAAG,CAAC,KAAa,KAAK,CAAA,KAAA,EAAQ,KAAK,CAAA,WAAA"}
+{"version":3,"file":"index.mjs","sources":["../../src/theme/index.tsx"],"sourcesContent":["import { createTheme } from \"./createTheme\"\r\nimport ThemeProvider from './ThemeProvider'\r\nimport createThemeSwitcher from './createThemeSwitcher'\r\nimport { getTheme, useTheme } from './core'\r\nimport createColorScale from \"./createColorScale\"\r\nexport type { ThemeProviderProps } from './ThemeProvider'\r\nexport type { ThemeSwitcherOption } from './createThemeSwitcher'\r\n\r\nexport const themeRootClass = (theme: string) => `.xui-${theme}-theme-root`\r\n\r\nexport {\r\n    ThemeProvider,\r\n    createThemeSwitcher,\r\n    createTheme,\r\n    createColorScale,\r\n    getTheme,\r\n    useTheme\r\n}\r\n\r\n"],"names":[],"mappings":"yKAQO,MAAM,cAAc,GAAG,CAAC,KAAa,KAAK,CAAA,KAAA,EAAQ,KAAK,CAAA,WAAA"}

package/theme/types.d.ts

@@ -1,28 +1,22 @@
 import { GlobalCSS, BreakpointKeys } from '../css/types.js';
+import { ColorScale } from './createColorScale.js';
 
 type ObjectType = {
     [key: string]: any;
 };
-type ThemeColorItem = {
-    primary: string;
-    secondary: string;
-    text: string;
-};
 type ThemeTypographyItem = {
     fontSize: number;
     lineHeight: number;
     fontWeight: number;
 };
 type ThemeColor = {
-    common: Omit<ThemeColorItem, "text">;
-    text: Omit<ThemeColorItem, "text">;
-    divider: Omit<ThemeColorItem, "text">;
-    brand: ThemeColorItem;
-    accent: ThemeColorItem;
-    success: ThemeColorItem;
-    info: ThemeColorItem;
-    warning: ThemeColorItem;
-    danger: ThemeColorItem;
+    common: ColorScale;
+    brand: ColorScale;
+    accent: ColorScale;
+    success: ColorScale;
+    info: ColorScale;
+    warning: ColorScale;
+    danger: ColorScale;
 };
 type ThemeTypographyType = {
     h1: ThemeTypographyItem;
@@ -38,6 +32,7 @@ type ThemeTypographyType = {
 };
 interface ThemeOptions {
     name: string;
+    isDark: boolean;
     rtl: boolean;
     globalStyle: GlobalCSS;
     breakpoints: {
@@ -50,12 +45,19 @@ interface ThemeOptions {
     colors: ThemeColor;
     typography: ThemeTypographyType;
 }
-type ThemeColorItemInput = Partial<Omit<ThemeColorItem, "alpha">>;
-type ThemeTypographyItemInput = Partial<ThemeTypographyItem>;
+type ThemeColorItemInput = string | {
+    base: string;
+    light?: string;
+    lighter?: string;
+    dark?: string;
+    darker?: string;
+    soft?: string;
+    softer?: string;
+    text?: string;
+    subtext?: string;
+};
 type ThemeColorInput = {
     common?: ThemeColorItemInput;
-    text?: Omit<ThemeColorItem, "text">;
-    divider?: Omit<ThemeColorItem, "text">;
     brand?: ThemeColorItemInput;
     accent?: ThemeColorItemInput;
     success?: ThemeColorItemInput;
@@ -63,6 +65,7 @@ type ThemeColorInput = {
     warning?: ThemeColorItemInput;
     danger?: ThemeColorItemInput;
 };
+type ThemeTypographyItemInput = Partial<ThemeTypographyItem>;
 type ThemeTypographyInputType = {
     h1?: ThemeTypographyItemInput;
     h2?: ThemeTypographyItemInput;
@@ -84,6 +87,6 @@ interface ThemeOptionInput {
     typography?: ThemeTypographyInputType;
 }
 type TypographyRefTypes = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "text" | "button" | "small";
-type ColorsRefTypes = "common.primary" | "common.secondary" | "text.primary" | "text.secondary" | "divider.primary" | "divider.secondary" | "brand.primary" | "brand.secondary" | "brand.text" | "accent.primary" | "accent.secondary" | "accent.text" | "info.primary" | "info.secondary" | "info.text" | "success.primary" | "success.secondary" | "success.text" | "warning.primary" | "warning.secondary" | "warning.text" | "danger.primary" | "danger.secondary" | "danger.text.primary";
+type ColorsRefTypes = "common" | "common.light" | "common.lighter" | "common.dark" | "common.darker" | "common.soft" | "common.softer" | "common.text" | "common.subtext" | "brand" | "brand.light" | "brand.lighter" | "brand.dark" | "brand.darker" | "brand.soft" | "brand.softer" | "brand.text" | "brand.subtext" | "accent" | "accent.light" | "accent.lighter" | "accent.dark" | "accent.darker" | "accent.soft" | "accent.softer" | "accent.text" | "accent.subtext" | "info" | "info.light" | "info.lighter" | "info.dark" | "info.darker" | "info.soft" | "info.softer" | "info.text" | "info.subtext" | "success" | "success.light" | "success.lighter" | "success.dark" | "success.darker" | "success.soft" | "success.softer" | "success.text" | "success.subtext" | "warning" | "warning.light" | "warning.lighter" | "warning.dark" | "warning.darker" | "warning.soft" | "warning.softer" | "warning.text" | "warning.subtext" | "danger" | "danger.light" | "danger.lighter" | "danger.dark" | "danger.darker" | "danger.soft" | "danger.softer" | "danger.text" | "danger.subtext";
 
-export type { ColorsRefTypes, ObjectType, ThemeColor, ThemeColorInput, ThemeColorItem, ThemeColorItemInput, ThemeOptionInput, ThemeOptions, ThemeTypographyInputType, ThemeTypographyItem, ThemeTypographyItemInput, ThemeTypographyType, TypographyRefTypes };
+export type { ColorsRefTypes, ObjectType, ThemeColor, ThemeColorInput, ThemeColorItemInput, ThemeOptionInput, ThemeOptions, ThemeTypographyInputType, ThemeTypographyItem, ThemeTypographyItemInput, ThemeTypographyType, TypographyRefTypes };