@aviala-design/color 0.3.0 → 0.4.1

package/dist/linear.d.ts

@@ -73,7 +73,7 @@ export function generateGrayLinear(options?: {
  * 基于一个基础颜色，生成从浅到深的渐变
  *
  * @param {string} baseColor - 基础颜色
- * @param {{steps?: number, format?: string, lightnessRange?: number, minLightness?: number, maxLightness?: number}} options - 配置选项
+ * @param {{steps?: number, format?: string, lightnessRange?: number, minLightness?: number, maxLightness?: number, preserveChroma?: boolean}} options - 配置选项
  * @returns {string[]} 单色调颜色数组
  *
  * @example
@@ -100,6 +100,13 @@ export function generateGrayLinear(options?: {
  * // 推荐用于需要接近纯白/纯黑的场景
  *
  * @example
+ * // 保持感知色度（推荐用于鲜艳的颜色）
+ * const vibrantShades = generateMonochromeLinear('#FF0000', {
+ *   steps: 10,
+ *   preserveChroma: true  // 在 Lab 空间保持色度，避免灰蒙蒙
+ * });
+ *
+ * @example
  * // 生成HSL格式
  * const hslShades = generateMonochromeLinear('#00b894', {
  *   format: 'hsl',
@@ -112,6 +119,7 @@ export function generateMonochromeLinear(baseColor: string, options?: {
     lightnessRange?: number;
     minLightness?: number;
     maxLightness?: number;
+    preserveChroma?: boolean;
 }): string[];
 /**
  * 在HSL空间进行线性插值

package/dist/linear.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"linear.d.ts","sourceRoot":"","sources":["../src/linear.js"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,2CA5BW,MAAM,YACN,MAAM,YACN;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,OAAO,CAAA;CAAC,GACtD,MAAM,EAAE,CA4DpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,6CAtBW;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAC,GACrE,MAAM,EAAE,CA8BpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,oDAlCW,MAAM,YACN;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAC,GACtG,MAAM,EAAE,CAyEpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,8CA3BW,MAAM,YACN,MAAM,YACN;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,OAAO,CAAA;CAAC,GACtD,MAAM,EAAE,CAkFpB"}
+{"version":3,"file":"linear.d.ts","sourceRoot":"","sources":["../src/linear.js"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,2CA5BW,MAAM,YACN,MAAM,YACN;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,OAAO,CAAA;CAAC,GACtD,MAAM,EAAE,CA4DpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,6CAtBW;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAC,GACrE,MAAM,EAAE,CA8BpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,oDAzCW,MAAM,YACN;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,OAAO,CAAA;CAAC,GAChI,MAAM,EAAE,CAsFpB;AAoED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,8CA3BW,MAAM,YACN,MAAM,YACN;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,OAAO,CAAA;CAAC,GACtD,MAAM,EAAE,CAkFpB"}

package/dist/theme-blend.d.ts

@@ -1,12 +1,19 @@
 /**
  * @typedef {Object} HCT
  * @property {number} h - 色相 (0-360)
- * @property {number} c - 色度 (0-200+)
- * @property {number} t - 色调/亮度 (0-100)
+ * @property {number} c - 色度 (0-150+)
+ * @property {number} t - 色调/亮度 (0-100)，对应 CIE L*
+ */
+/**
+ * @typedef {Object} LabColor
+ * @property {number} l - L* 亮度 (0-100)
+ * @property {number} a - a* 红绿轴 (-128 to 128)
+ * @property {number} b - b* 黄蓝轴 (-128 to 128)
  */
 /**
  * 将 RGB 颜色转换为 HCT 颜色空间
- * 这是一个简化的实现，实际的 HCT 转换需要复杂的 CAM16 计算
+ * 使用 CIE Lab 颜色空间实现准确的感知一致性
+ *
  * @param {string} rgb - RGB 颜色值，格式如 "#ff0000"
  * @returns {HCT} HCT 颜色对象 {h, c, t}
  *
@@ -15,7 +22,7 @@
  *
  * // 转换品牌色到 HCT 空间
  * const hct = rgbToHct('#3491FA');
- * console.log(hct); // { h: 210, c: 45, t: 60 }
+ * console.log(hct); // { h: 278.7, c: 60.7, t: 59.8 }
  *
  * @example
  * // 用于颜色分析和处理
@@ -27,16 +34,18 @@
 export function rgbToHct(rgb: string): HCT;
 /**
  * 将 HCT 颜色转换为 RGB
+ * 使用 CIE Lab 颜色空间作为中间转换
+ *
  * @param {HCT} hct - HCT 颜色对象 {h, c, t}
- * @param {{maxChroma?: number}} [options] - 配置选项
+ * @param {{gamutMapping?: 'clamp' | 'reduce-chroma'}} [options] - 配置选项
  * @returns {string} RGB 颜色值，格式如 "#ff0000"
  *
  * @example
  * import { hctToRgb } from '@aviala-design/color';
  *
  * // 从 HCT 颜色空间转回 RGB
- * const rgb = hctToRgb({ h: 210, c: 45, t: 60 });
- * console.log(rgb); // '#3491FA'
+ * const rgb = hctToRgb({ h: 278.7, c: 60.7, t: 59.8 });
+ * console.log(rgb); // '#3491fa'
  *
  * @example
  * // 在 HCT 空间调整颜色后转换
@@ -45,31 +54,164 @@ export function rgbToHct(rgb: string): HCT;
  * document.body.style.backgroundColor = rgb;
  */
 export function hctToRgb(hct: HCT, options?: {
-    maxChroma?: number;
+    gamutMapping?: "clamp" | "reduce-chroma";
 }): string;
 /**
  * 在 HCT 颜色空间中混合两种颜色
+ * 支持多种混合模式：Lab 空间混合（默认）、HCT 线性混合、色相混合
+ *
  * @param {string} color1 - 第一种颜色 (RGB)
  * @param {string} color2 - 第二种颜色 (RGB)
  * @param {number} ratio - 混合比例，0-1，0表示完全是color1，1表示完全是color2
+ * @param {{mode?: 'lab' | 'hct' | 'hue-only'}} [options] - 混合选项
  * @returns {string} 混合后的颜色 (RGB)
  *
  * @example
  * import { blendInHct } from '@aviala-design/color';
  *
- * // 混合品牌色和背景色
+ * // 混合品牌色和背景色（默认 Lab 空间混合）
  * const blended = blendInHct('#3491FA', '#FFFFFF', 0.3);
- * // 30% 白色，70% 品牌色
  *
  * @example
- * // 创建悬停效果颜色
- * const primaryColor = '#FF5722';
- * const hoverColor = blendInHct(primaryColor, '#000000', 0.1);
- * // 混入 10% 黑色使颜色变深
+ * // 使用 HCT 线性混合
+ * const blended = blendInHct('#FF0000', '#0000FF', 0.5, { mode: 'hct' });
+ *
+ * @example
+ * // 只混合色相，保持第一个颜色的色度和明度
+ * const blended = blendInHct('#FF0000', '#0000FF', 0.5, { mode: 'hue-only' });
+ */
+export function blendInHct(color1: string, color2: string, ratio?: number, options?: {
+    mode?: "lab" | "hct" | "hue-only";
+}): string;
+/**
+ * 计算两个颜色在 Lab 空间中的感知色差 (Delta E)
+ * 值越小表示颜色越接近，一般认为 < 2 为几乎不可察觉的差异
+ *
+ * @param {string} color1 - 第一种颜色 (RGB)
+ * @param {string} color2 - 第二种颜色 (RGB)
+ * @returns {number} Delta E 值
+ *
+ * @example
+ * import { colorDifference } from '@aviala-design/color';
+ *
+ * const diff = colorDifference('#FF0000', '#FF0001');
+ * console.log(diff); // 很小的值，几乎相同
+ */
+export function colorDifference(color1: string, color2: string): number;
+/**
+ * 调整颜色的明度（Tone）
+ *
+ * @param {string} color - 输入颜色 (RGB)
+ * @param {number} tone - 目标明度 (0-100)
+ * @returns {string} 调整后的颜色 (RGB)
+ *
+ * @example
+ * import { adjustTone } from '@aviala-design/color';
+ *
+ * // 将颜色调整到 80% 明度
+ * const lighter = adjustTone('#3491FA', 80);
+ */
+export function adjustTone(color: string, tone: number): string;
+/**
+ * 调整颜色的色度（Chroma）
+ *
+ * @param {string} color - 输入颜色 (RGB)
+ * @param {number} chroma - 目标色度
+ * @returns {string} 调整后的颜色 (RGB)
+ *
+ * @example
+ * import { adjustChroma } from '@aviala-design/color';
+ *
+ * // 降低颜色鲜艳度
+ * const muted = adjustChroma('#FF0000', 30);
+ */
+export function adjustChroma(color: string, chroma: number): string;
+/**
+ * 调整颜色的色相（Hue）
+ *
+ * @param {string} color - 输入颜色 (RGB)
+ * @param {number} hue - 目标色相 (0-360)
+ * @returns {string} 调整后的颜色 (RGB)
+ *
+ * @example
+ * import { adjustHue } from '@aviala-design/color';
+ *
+ * // 将色相旋转到 120 度（绿色区域）
+ * const green = adjustHue('#FF0000', 120);
+ */
+export function adjustHue(color: string, hue: number): string;
+/**
+ * 旋转颜色的色相
+ *
+ * @param {string} color - 输入颜色 (RGB)
+ * @param {number} degrees - 旋转角度（可正可负）
+ * @returns {string} 旋转后的颜色 (RGB)
+ *
+ * @example
+ * import { rotateHue } from '@aviala-design/color';
+ *
+ * // 色相顺时针旋转 30 度
+ * const rotated = rotateHue('#FF0000', 30);
+ *
+ * // 色相逆时针旋转 45 度
+ * const rotatedBack = rotateHue('#FF0000', -45);
+ */
+export function rotateHue(color: string, degrees: number): string;
+/**
+ * 获取颜色的互补色
+ *
+ * @param {string} color - 输入颜色 (RGB)
+ * @returns {string} 互补色 (RGB)
+ *
+ * @example
+ * import { getComplementary } from '@aviala-design/color';
+ *
+ * const complement = getComplementary('#FF0000'); // 青色
+ */
+export function getComplementary(color: string): string;
+/**
+ * 获取颜色的三角配色
+ *
+ * @param {string} color - 输入颜色 (RGB)
+ * @returns {[string, string, string]} 三个颜色的数组
+ *
+ * @example
+ * import { getTriadic } from '@aviala-design/color';
+ *
+ * const [c1, c2, c3] = getTriadic('#FF0000');
  */
-export function blendInHct(color1: string, color2: string, ratio?: number): string;
+export function getTriadic(color: string): [string, string, string];
+/**
+ * 获取颜色的分裂互补色
+ *
+ * @param {string} color - 输入颜色 (RGB)
+ * @param {number} [angle=30] - 分裂角度
+ * @returns {[string, string, string]} 三个颜色的数组
+ *
+ * @example
+ * import { getSplitComplementary } from '@aviala-design/color';
+ *
+ * const [c1, c2, c3] = getSplitComplementary('#FF0000');
+ */
+export function getSplitComplementary(color: string, angle?: number): [string, string, string];
+/**
+ * 获取颜色的类似色
+ *
+ * @param {string} color - 输入颜色 (RGB)
+ * @param {number} [count=3] - 颜色数量
+ * @param {number} [angle=30] - 每个颜色之间的角度
+ * @returns {string[]} 类似色数组
+ *
+ * @example
+ * import { getAnalogous } from '@aviala-design/color';
+ *
+ * const analogous = getAnalogous('#FF0000', 5, 15);
+ */
+export function getAnalogous(color: string, count?: number, angle?: number): string[];
 /**
  * 颜色调和 - 让目标颜色向主题色的色相靠拢
+ * 使用 Lab 空间计算，保持感知一致性
+ *
  * @param {string} themeColor - 主题色 (RGB)
  * @param {string} targetColor - 目标颜色 (RGB)
  * @param {number} harmonizeRatio - 调和强度，0-1，0表示不调和，1表示完全采用主题色的色相
@@ -205,10 +347,80 @@ export function generateControlColors(themeColor: string, options?: {
 }): {
     [key: string]: string;
 };
+/**
+ * 生成浅灰度颜色系列（neutral colors）
+ * 专门用于生成浅色背景、卡片、分割线等 UI 元素的灰度色系
+ * 与 generateControlColors 的区别：
+ * - 亮度范围更窄，集中在浅色区域（默认 92-100）
+ * - 更适合作为背景色、hover 状态、边框等
+ * - 产生更细腻的浅色梯度变化
+ *
+ * @param {string} themeColor - 主题颜色
+ * @param {{baseGray?: string, blendRatio?: number, steps?: number, minLightness?: number, maxLightness?: number, prefix?: string}} [options] - 配置选项
+ * @returns {{[key: string]: string}} 浅灰度颜色对象
+ *
+ * @example
+ * import { generateNeutralColors } from '@aviala-design/color';
+ *
+ * // 生成默认的浅灰度色系（6个等级）
+ * const neutrals = generateNeutralColors('#3491FA');
+ * console.log(neutrals);
+ * // {
+ * //   'neutral-1': '#fafbfc',  // 最浅，接近白色
+ * //   'neutral-2': '#f5f7f9',
+ * //   'neutral-3': '#f0f2f5',
+ * //   'neutral-4': '#ebeef2',
+ * //   'neutral-5': '#e6e9ee',
+ * //   'neutral-6': '#e1e5eb'   // 最深的浅灰
+ * // }
+ *
+ * @example
+ * // 用于不同 UI 场景
+ * const neutrals = generateNeutralColors('#3491FA');
+ * // neutrals['neutral-1'] -> 页面背景
+ * // neutrals['neutral-2'] -> 卡片背景
+ * // neutrals['neutral-3'] -> hover 状态背景
+ * // neutrals['neutral-4'] -> 分割线
+ * // neutrals['neutral-5'] -> 边框
+ * // neutrals['neutral-6'] -> 禁用状态背景
+ *
+ * @example
+ * // 自定义亮度范围，生成更多等级
+ * const fineNeutrals = generateNeutralColors('#3491FA', {
+ *   steps: 10,
+ *   minLightness: 88,
+ *   maxLightness: 100
+ * });
+ *
+ * @example
+ * // 增加主题色混合比例，让浅灰更有品牌感
+ * const brandedNeutrals = generateNeutralColors('#6200EE', {
+ *   blendRatio: 0.06,  // 增加主题色影响
+ *   steps: 8
+ * });
+ *
+ * @example
+ * // 自定义前缀
+ * const bgColors = generateNeutralColors('#3491FA', {
+ *   prefix: 'bg',
+ *   steps: 4
+ * });
+ * // { 'bg-1': '...', 'bg-2': '...', 'bg-3': '...', 'bg-4': '...' }
+ */
+export function generateNeutralColors(themeColor: string, options?: {
+    baseGray?: string;
+    blendRatio?: number;
+    steps?: number;
+    minLightness?: number;
+    maxLightness?: number;
+    prefix?: string;
+}): {
+    [key: string]: string;
+};
 /**
  * 生成表意色（1-10）
  * @param {string} themeColor - 主题颜色
- * @param {{semanticColors?: {[key: string]: string}, blendRatio?: number, isDark?: boolean}} [options] - 配置选项
+ * @param {{semanticColors?: {[key: string]: string}, blendRatio?: number, isDark?: boolean, steps?: number, lightnessRange?: number, minLightness?: number, maxLightness?: number, preserveChroma?: boolean}} [options] - 配置选项
  * @returns {{[key: string]: string}} 表意色对象
  *
  * @example
@@ -230,6 +442,22 @@ export function generateControlColors(themeColor: string, options?: {
  *   },
  *   blendRatio: 0.1
  * });
+ *
+ * @example
+ * // 保持鲜艳的色度（推荐：避免灰蒙蒙）
+ * const vibrant = generateSemanticColors('#3491FA', {
+ *   preserveChroma: true,  // 在 Lab 空间保持色度
+ *   minLightness: 25,
+ *   maxLightness: 95
+ * });
+ *
+ * @example
+ * // 使用固定端点模式获得更广的亮度范围
+ * const wideRange = generateSemanticColors('#3491FA', {
+ *   minLightness: 10,
+ *   maxLightness: 95,
+ *   steps: 10
+ * });
  */
 export function generateSemanticColors(themeColor: string, options?: {
     semanticColors?: {
@@ -237,13 +465,18 @@ export function generateSemanticColors(themeColor: string, options?: {
     };
     blendRatio?: number;
     isDark?: boolean;
+    steps?: number;
+    lightnessRange?: number;
+    minLightness?: number;
+    maxLightness?: number;
+    preserveChroma?: boolean;
 }): {
     [key: string]: string;
 };
 /**
  * 生成主题色（1-10）
  * @param {string} themeColor - 主题颜色
- * @param {{isDark?: boolean}} [options] - 配置选项
+ * @param {{isDark?: boolean, steps?: number, lightnessRange?: number, minLightness?: number, maxLightness?: number, preserveChroma?: boolean}} [options] - 配置选项
  * @returns {{[key: string]: string}} 主题色对象
  *
  * @example
@@ -258,9 +491,30 @@ export function generateSemanticColors(themeColor: string, options?: {
  * @example
  * // 深色模式主题色
  * const darkTheme = generateThemeColors('#FF5722', { isDark: true });
+ *
+ * @example
+ * // 保持鲜艳色度
+ * const vibrant = generateThemeColors('#3491FA', {
+ *   preserveChroma: true,
+ *   minLightness: 20,
+ *   maxLightness: 95
+ * });
+ *
+ * @example
+ * // 使用固定端点模式
+ * const wideRange = generateThemeColors('#3491FA', {
+ *   minLightness: 15,
+ *   maxLightness: 95,
+ *   steps: 10
+ * });
  */
 export function generateThemeColors(themeColor: string, options?: {
     isDark?: boolean;
+    steps?: number;
+    lightnessRange?: number;
+    minLightness?: number;
+    maxLightness?: number;
+    preserveChroma?: boolean;
 }): {
     [key: string]: string;
 };
@@ -268,14 +522,16 @@ export function generateThemeColors(themeColor: string, options?: {
  * 生成完整的界面色彩系统
  * @param {string} themeColor - 主题颜色
  * @param {*} [options] - 配置选项
- * @returns {{controls: object, semantic: object, theme: object}} 包含三个部分的完整色彩系统
+ * @returns {{controls: object, neutrals: object, semantic: object, theme: object}} 包含四个部分的完整色彩系统
  *
+/**
  * @example
  * import { generateInterfaceColorSystem } from '@aviala-design/color';
  *
  * // 生成完整色彩系统
  * const colorSystem = generateInterfaceColorSystem('#3491FA');
  * console.log(colorSystem.controls);  // 灰色系 1-12
+ * console.log(colorSystem.neutrals);  // 浅灰度色系（背景、卡片用）
  * console.log(colorSystem.semantic);  // 语义色系
  * console.log(colorSystem.theme);     // 主题色系
  *
@@ -288,11 +544,10 @@ export function generateThemeColors(themeColor: string, options?: {
  * });
  *
  * @example
- * // 使用 lightnessRange（中心扩展模式）
- * const customSystem = generateInterfaceColorSystem('#3491FA', {
- *   controlSteps: 24,           // 24 级灰度
- *   controlLightnessRange: 90,  // 更接近纯白/纯黑
- *   controlBlendRatio: 0.1
+ * // 保持鲜艳色度（推荐：避免灰蒙蒙）
+ * const vibrantSystem = generateInterfaceColorSystem('#3491FA', {
+ *   semanticPreserveChroma: true,  // 语义色保持色度
+ *   themePreserveChroma: true      // 主题色保持色度
  * });
  *
  * @example
@@ -300,12 +555,17 @@ export function generateThemeColors(themeColor: string, options?: {
  * const preciseSystem = generateInterfaceColorSystem('#3491FA', {
  *   controlSteps: 12,
  *   controlMinLightness: 10,   // 最深色接近纯黑
- *   controlMaxLightness: 98    // 最浅色接近纯白
+ *   controlMaxLightness: 98,   // 最浅色接近纯白
+ *   semanticMinLightness: 15,  // 语义色最深
+ *   semanticMaxLightness: 95,  // 语义色最浅
+ *   themeMinLightness: 15,     // 主题色最深
+ *   themeMaxLightness: 95      // 主题色最浅
  * });
  * // 生成接近纯白到纯黑的灰度系统
  */
 export function generateInterfaceColorSystem(themeColor: string, options?: any): {
     controls: object;
+    neutrals: object;
     semantic: object;
     theme: object;
 };
@@ -348,12 +608,26 @@ export type HCT = {
      */
     h: number;
     /**
-     * - 色度 (0-200+)
+     * - 色度 (0-150+)
      */
     c: number;
     /**
-     * - 色调/亮度 (0-100)
+     * - 色调/亮度 (0-100)，对应 CIE L*
      */
     t: number;
 };
+export type LabColor = {
+    /**
+     * - L* 亮度 (0-100)
+     */
+    l: number;
+    /**
+     * - a* 红绿轴 (-128 to 128)
+     */
+    a: number;
+    /**
+     * - b* 黄蓝轴 (-128 to 128)
+     */
+    b: number;
+};
 //# sourceMappingURL=theme-blend.d.ts.map

package/dist/theme-blend.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-blend.d.ts","sourceRoot":"","sources":["../src/theme-blend.js"],"names":[],"mappings":"AAYA;;;;;GAKG;AAEH;;;;;;;;;;;;;;;;;;;GAmBG;AACH,8BAjBW,MAAM,GACJ,GAAG,CA4Ef;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,8BAjBW,GAAG,YACH;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,GAClB,MAAM,CAmElB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,mCAlBW,MAAM,UACN,MAAM,UACN,MAAM,GACJ,MAAM,CAmDlB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,2CArBW,MAAM,eACN,MAAM,mBACN,MAAM,GACJ,MAAM,CAoDlB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,kDArBW,MAAM,YACN,MAAM,EAAE,GAAC;IAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;CAAC,GACzB,MAAM,EAAE,CA2DpB;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,0CA1BW,MAAM,YACN;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAC,eACvB,MAAM,GACJ;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAC,CAkDnC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,kDAzCW,MAAM,YACN;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAC,GAC/I;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAC,CA6FnC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,mDAxBW,MAAM,YACN;IAAC,cAAc,CAAC,EAAE;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAC,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAC,GAC/E;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAC,CAgFnC;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,gDAjBW,MAAM,YACN;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAC,GAChB;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAC,CAsCnC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,yDAtCW,MAAM,YACN,GAAC,GACC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAC,CAwF/D;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,iDAzBW,MAAM,YACN,GAAC,GACC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAC,CAwF3E;;;;;OAhzBa,MAAM;;;;OACN,MAAM;;;;OACN,MAAM"}
+{"version":3,"file":"theme-blend.d.ts","sourceRoot":"","sources":["../src/theme-blend.js"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aviala-design/color",
-  "version": "0.3.0",
+  "version": "0.4.1",
   "description": "Aviala Design color utils",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",