@aviala-design/color 0.4.0 → 0.4.1

package/README.md

@@ -1,4 +1,4 @@
-<!-- 当前版本: 0.4.0 | 最后同步: 2025/11/25 21:21:09 -->
+<!-- 当前版本: 0.4.1 | 最后同步: 2026/3/8 16:36:55 -->
 # Aviala Design Color
 
 ![npm version](https://img.shields.io/npm/v/@aviala-design/color) ![npm downloads](https://img.shields.io/npm/dm/@aviala-design/color) ![license](https://img.shields.io/npm/l/@aviala-design/color)

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import { default as generate } from './generate.js';
 import { getRgbStr } from './utils.js';
 import { extractColorFromImage, extractColorFromFile } from './image-color.js';
 import { generateLinear, generateGrayLinear, generateMonochromeLinear, generateLinearHSL } from './linear.js';
-import { rgbToHct, hctToRgb, blendInHct, harmonizeColor, generateThemeVariants, blendUIColors, generateThemePalette, generateControlColors, generateSemanticColors, generateThemeColors, generateInterfaceColorSystem, colorDifference, adjustTone, adjustChroma, adjustHue, rotateHue, getComplementary, getTriadic, getSplitComplementary, getAnalogous } from './theme-blend.js';
+import { rgbToHct, hctToRgb, blendInHct, harmonizeColor, generateThemeVariants, blendUIColors, generateThemePalette, generateControlColors, generateNeutralColors, generateSemanticColors, generateThemeColors, generateInterfaceColorSystem, colorDifference, adjustTone, adjustChroma, adjustHue, rotateHue, getComplementary, getTriadic, getSplitComplementary, getAnalogous } from './theme-blend.js';
 /**
  * 获取所有预设颜色的色板
  *
@@ -80,5 +80,5 @@ export const colorList: {
     pinkpurple: string;
     magenta: string;
 };
-export { generate, getRgbStr, extractColorFromImage, extractColorFromFile, generateLinear, generateGrayLinear, generateMonochromeLinear, generateLinearHSL, rgbToHct, hctToRgb, blendInHct, harmonizeColor, generateThemeVariants, blendUIColors, generateThemePalette, generateControlColors, generateSemanticColors, generateThemeColors, generateInterfaceColorSystem, colorDifference, adjustTone, adjustChroma, adjustHue, rotateHue, getComplementary, getTriadic, getSplitComplementary, getAnalogous };
+export { generate, getRgbStr, extractColorFromImage, extractColorFromFile, generateLinear, generateGrayLinear, generateMonochromeLinear, generateLinearHSL, rgbToHct, hctToRgb, blendInHct, harmonizeColor, generateThemeVariants, blendUIColors, generateThemePalette, generateControlColors, generateNeutralColors, generateSemanticColors, generateThemeColors, generateInterfaceColorSystem, colorDifference, adjustTone, adjustChroma, adjustHue, rotateHue, getComplementary, getTriadic, getSplitComplementary, getAnalogous };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.js"],"names":[],"mappings":"AAwEA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,mCAtBa;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG;QAAC,KAAK,EAAE,MAAM,EAAE,CAAC;QAAC,IAAI,EAAE,MAAM,EAAE,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAC,CAAA;CAAC,CA4D/E;AA7GD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAvBU;IACL,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAA;CAChB,CAuBF;qBAtEmB,eAAe;0BACV,YAAY;sCACsB,kBAAkB;qCAAlB,kBAAkB;+BACkB,aAAa;mCAAb,aAAa;yCAAb,aAAa;kCAAb,aAAa;yBAuBtG,kBAAkB;yBAAlB,kBAAkB;2BAAlB,kBAAkB;+BAAlB,kBAAkB;sCAAlB,kBAAkB;8BAAlB,kBAAkB;qCAAlB,kBAAkB;sCAAlB,kBAAkB;uCAAlB,kBAAkB;oCAAlB,kBAAkB;6CAAlB,kBAAkB;gCAAlB,kBAAkB;2BAAlB,kBAAkB;6BAAlB,kBAAkB;0BAAlB,kBAAkB;0BAAlB,kBAAkB;iCAAlB,kBAAkB;2BAAlB,kBAAkB;sCAAlB,kBAAkB;6BAAlB,kBAAkB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.js"],"names":[],"mappings":"AAyEA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,mCAtBa;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG;QAAC,KAAK,EAAE,MAAM,EAAE,CAAC;QAAC,IAAI,EAAE,MAAM,EAAE,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAC,CAAA;CAAC,CA4D/E;AA7GD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAvBU;IACL,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAA;CAChB,CAuBF;qBAvEmB,eAAe;0BACV,YAAY;sCACsB,kBAAkB;qCAAlB,kBAAkB;+BACkB,aAAa;mCAAb,aAAa;yCAAb,aAAa;kCAAb,aAAa;yBAwBtG,kBAAkB;yBAAlB,kBAAkB;2BAAlB,kBAAkB;+BAAlB,kBAAkB;sCAAlB,kBAAkB;8BAAlB,kBAAkB;qCAAlB,kBAAkB;sCAAlB,kBAAkB;sCAAlB,kBAAkB;uCAAlB,kBAAkB;oCAAlB,kBAAkB;6CAAlB,kBAAkB;gCAAlB,kBAAkB;2BAAlB,kBAAkB;6BAAlB,kBAAkB;0BAAlB,kBAAkB;0BAAlB,kBAAkB;iCAAlB,kBAAkB;2BAAlB,kBAAkB;sCAAlB,kBAAkB;6BAAlB,kBAAkB"}

package/dist/index.js

@@ -1 +1 @@
-(function(f,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("color")):typeof define=="function"&&define.amd?define(["exports","color"],d):(f=typeof globalThis<"u"?globalThis:f||self,d(f.AvialaColor={},f.Color))})(this,function(f,d){"use strict";function N(t){return d(t).rgb().round().color.join(",")}const U=["hex","rgb","hsl"];function K(t){return!t||!U.includes(t)?"hex":t}function D(t,n){const r=K(n);return r==="hex"?t[r]().toLowerCase():t[r]().round().string()}function B(t,n,r){const e=d(t),o=e.hue(),a=e.saturationv(),s=e.value(),i=(p=>p>=60&&p<=240?2.5:p>=0&&p<60||p>300&&p<=360?1.5:2)(o),h=100,m=9,u=100,l=30;function g(p,y){let L;return o>=60&&o<=240?L=p?o-i*y:o+i*y:L=p?o+i*y:o-i*y,L<0?L+=360:L>=360&&(L-=360),Math.round(L)}function b(p,y){let L;if(p)L=a<=m?a:a-(a-m)/5.5*Math.pow(y,1.05);else{const v=Math.min(h,a+30);L=a+(v-a)/4.2*Math.pow(y,.95)}return Math.max(0,Math.min(100,L))}function M(p,y){return p?Math.min(u,s+(u-s)/5.2*Math.pow(y,.9)):s<=l?s:Math.max(l,s-(s-l)/4.2*Math.pow(y,1.05))}const w=n<6,S=w?6-n:n-6,x=n===6?e:d({h:g(w,S),s:b(w,S),v:M(w,S)});return D(x,r)}function j(t,n,r){const e=d(B(t,10-n+1,"hex")),o=d(t),a=o.hue(),s=o.saturationv();function c(g){if(g<6)return h+(6-g)*u;if(g===6){if(a>=0&&a<50)return s-15;if(a>=50&&a<191)return s-20;if(a>=191&&a<=360)return s-15}return h-m*(g-6)}const h=d({h:o.hue(),s:c(6),v:o.value()}).saturationv(),m=Math.ceil((h-9)/4),u=Math.ceil((100-h)/5),l=d({h:e.hue(),s:c(n),v:e.value()});return D(l,r)}function $(t,n={}){const{dark:r,list:e,index:o=6,format:a="hex"}=n;if(e){const s=[],c=r?j:B;for(let i=1;i<=10;i++)s.push(c(t,i,a));return s}return r?j(t,o,a):B(t,o,a)}async function k(t){try{const n=await W(t),r=J(n);return Q(r)}catch(n){throw console.error("提取图片颜色失败:",n),n}}async function W(t){return new Promise((n,r)=>{try{if(typeof document>"u"){r(new Error("图像颜色提取功能仅在浏览器环境中可用"));return}const e=document.createElement("canvas"),o=e.getContext("2d");if(!o){r(new Error("无法获取canvas 2d context"));return}const a=Math.min(t.width,100),s=Math.min(t.height,100),c=Math.min(a/t.width,s/t.height);e.width=t.width*c,e.height=t.height*c,o.drawImage(t,0,0,e.width,e.height);const i=o.getImageData(0,0,e.width,e.height);n(i)}catch(e){r(e)}})}function J(t){const n=t.data,r=new Map;for(let o=0;o<n.length;o+=4){const a=n[o],s=n[o+1],c=n[o+2];if(n[o+3]<128)continue;const h=Math.round(a/16)*16,m=Math.round(s/16)*16,u=Math.round(c/16)*16,l=`${h},${m},${u}`;r.has(l)?r.set(l,r.get(l)+1):r.set(l,1)}const e=[];return r.forEach((o,a)=>{const[s,c,i]=a.split(",").map(Number);e.push({r:s,g:c,b:i,count:o})}),e}function Q(t){t.sort((o,a)=>a.count-o.count);const n=t.filter(o=>{const{r:a,g:s,b:c}=o,i=Math.max(a,s,c),h=Math.min(a,s,c),m=i-h,u=i===0?0:m/i,l=i/255;return u>.15&&l>.2&&l<.8}),r=n.length>0?n[0]:t[0];return d({r:r.r,g:r.g,b:r.b}).hex()}function X(t){return new Promise((n,r)=>{if(typeof FileReader>"u"||typeof Image>"u"){r(new Error("文件读取功能仅在浏览器环境中可用"));return}if(!t.type.startsWith("image/")){r(new Error("请选择图片文件"));return}const e=new FileReader;e.onload=async o=>{var a;try{const s=new Image;s.onload=async()=>{try{const i=await k(s);n(i)}catch(i){r(i)}},s.onerror=()=>r(new Error("图片加载失败"));const c=(a=o.target)==null?void 0:a.result;typeof c=="string"?s.src=c:r(new Error("无法读取图片数据"))}catch(s){r(s)}},e.onerror=()=>r(new Error("文件读取失败")),e.readAsDataURL(t)})}function A(t,n,r={}){const{steps:e=10,format:o="hex",includeEnds:a=!0}=r;if(e<2)throw new Error("步数必须至少为2");const s=d(t),c=d(n),i=[],h=a?e:e+2,m=1/(h-1);for(let u=0;u<h;u++){const l=u*m,g=Math.round(s.red()+(c.red()-s.red())*l),b=Math.round(s.green()+(c.green()-s.green())*l),M=Math.round(s.blue()+(c.blue()-s.blue())*l),w=d({r:g,g:b,b:M});!a&&(u===0||u===h-1)||i.push(D(w,o))}return i}function Y(t={}){const{startGray:n="#ffffff",endGray:r="#000000",steps:e=10,format:o="hex"}=t;return A(n,r,{steps:e,format:o,includeEnds:!0})}function C(t,n={}){const{steps:r=10,format:e="hex",lightnessRange:o=80,minLightness:a=null,maxLightness:s=null}=n,c=d(t);let i,h;if(a!==null&&s!==null){if(a>s)throw new Error("minLightness 不能大于 maxLightness");i=Math.max(0,Math.min(100,s)),h=Math.max(0,Math.min(100,a))}else{const l=c.lightness();i=Math.min(95,l+o/2),h=Math.max(5,l-o/2)}const m=d({h:c.hue(),s:c.saturationl(),l:i}),u=d({h:c.hue(),s:c.saturationl(),l:h});return A(m.hex(),u.hex(),{steps:r,format:e,includeEnds:!0})}function Z(t,n,r={}){const{steps:e=10,format:o="hex",includeEnds:a=!0}=r;if(e<2)throw new Error("步数必须至少为2");const s=d(t),c=d(n),i=[],h=a?e:e+2,m=1/(h-1);let u=s.hue()||0,l=c.hue()||0;const g=l-u;Math.abs(g)>180&&(g>0?u+=360:l+=360);const b=s.saturationl(),M=c.saturationl(),w=s.lightness(),S=c.lightness();for(let x=0;x<h;x++){const p=x*m;let y=u+(l-u)*p;const L=b+(M-b)*p,v=w+(S-w)*p;y=y%360,y<0&&(y+=360);const F=d({h:y,s:L,l:v});!a&&(x===0||x===h-1)||i.push(D(F,o))}return i}function R(t){if(!t||typeof t!="string")throw new Error("Invalid RGB color: must be a string");let n;try{n=d(t)}catch{throw new Error("Invalid RGB color format")}const r=n.l(),e=n.a(),o=n.b();let a=Math.atan2(o,e)*(180/Math.PI);a<0&&(a+=360);const s=Math.sqrt(e*e+o*o);return{h:a,c:s,t:r}}function E(t,n={}){if(!t||typeof t!="object"||t.h===void 0||t.c===void 0||t.t===void 0)throw new Error("Invalid HCT color: must be an object with h, c, t properties");const{gamutMapping:r="reduce-chroma"}=n;let{h:e,c:o,t:a}=t;e=(e%360+360)%360,o=Math.max(0,o),a=Math.max(0,Math.min(100,a));const s=e*(Math.PI/180),c=o*Math.cos(s),i=o*Math.sin(s);try{let h=d.lab(a,c,i);if(r==="reduce-chroma"){let b=o,M=h.rgb().array();for(;(M[0]<0||M[0]>255||M[1]<0||M[1]>255||M[2]<0||M[2]>255)&&b>0;){b-=1;const w=b*Math.cos(s),S=b*Math.sin(s);h=d.lab(a,w,S),M=h.rgb().array()}}const m=h.rgb().array(),u=Math.max(0,Math.min(255,Math.round(m[0]))),l=Math.max(0,Math.min(255,Math.round(m[1]))),g=Math.max(0,Math.min(255,Math.round(m[2])));return`#${u.toString(16).padStart(2,"0")}${l.toString(16).padStart(2,"0")}${g.toString(16).padStart(2,"0")}`}catch{return d.lab(a,c,i).hex().toLowerCase()}}function I(t,n,r=.5,e={}){if(!t||!n)throw new Error("Both colors are required for blending");const{mode:o="lab"}=e,a=Math.max(0,Math.min(1,r));return o==="lab"?_(t,n,a):o==="hue-only"?z(t,n,a):tt(t,n,a)}function _(t,n,r){const e=d(t),o=d(n),a=e.l(),s=e.a(),c=e.b(),i=o.l(),h=o.a(),m=o.b(),u=a+(i-a)*r,l=s+(h-s)*r,g=c+(m-c)*r;return d.lab(u,l,g).hex().toLowerCase()}function tt(t,n,r){const e=R(t),o=R(n),a=G(e.h,o.h,r),s=e.c+(o.c-e.c)*r,c=e.t+(o.t-e.t)*r;return E({h:a,c:Math.max(0,s),t:Math.max(0,Math.min(100,c))})}function z(t,n,r){const e=R(t),o=R(n),a=G(e.h,o.h,r);return E({h:a,c:e.c,t:e.t})}function G(t,n,r){let e=n-t;e>180?e-=360:e<-180&&(e+=360);let o=t+e*r;return o<0&&(o+=360),o>=360&&(o-=360),o}function nt(t,n){const r=d(t),e=d(n),o=r.l(),a=r.a(),s=r.b(),c=e.l(),i=e.a(),h=e.b();return Math.sqrt(Math.pow(c-o,2)+Math.pow(i-a,2)+Math.pow(h-s,2))}function et(t,n){const r=R(t);return E({h:r.h,c:r.c,t:Math.max(0,Math.min(100,n))})}function rt(t,n){const r=R(t);return E({h:r.h,c:Math.max(0,n),t:r.t})}function ot(t,n){const r=R(t);return E({h:(n%360+360)%360,c:r.c,t:r.t})}function T(t,n){const r=R(t);let e=r.h+n;return e=(e%360+360)%360,E({h:e,c:r.c,t:r.t})}function at(t){return T(t,180)}function st(t){return[t,T(t,120),T(t,240)]}function it(t,n=30){return[t,T(t,180-n),T(t,180+n)]}function ct(t,n=3,r=30){const e=[],o=-r*Math.floor(n/2);for(let a=0;a<n;a++)e.push(T(t,o+r*a));return e}function lt(t,n,r=.15){if(!t||!n)throw new Error("Both theme color and target color are required");const e=Math.max(0,Math.min(1,r));return z(n,t,e)}function ht(t,n){if(!t)throw new Error("Theme color is required");const r=R(t);let e;if(Array.isArray(n)?e=n:n&&n.tones&&Array.isArray(n.tones)?e=n.tones:e=[10,20,30,40,50,60,70,80,90],!Array.isArray(e)||e.length===0)throw new Error("Tone steps must be a non-empty array");const o=e.filter(a=>typeof a=="number"&&a>=0&&a<=100);if(o.length===0)throw new Error("No valid tone values found (must be numbers between 0-100)");return o.map(a=>E({h:r.h,c:r.c,t:a}))}function V(t,n,r=.2){if(!t)throw new Error("Theme color is required");if(!n||typeof n!="object")throw new Error("UI colors must be an object");const e=Math.max(0,Math.min(1,r)),o={};for(const[a,s]of Object.entries(n))try{o[a]=I(t,s,e)}catch(c){console.warn(`Failed to blend color for key "${a}": ${c.message}`),o[a]=s}return o}function q(t,n={}){if(!t)throw new Error("Theme color is required");const{baseGray:r="#989898",blendRatio:e=.08,isDark:o=!1,steps:a=12,lightnessRange:s=85,minLightness:c=null,maxLightness:i=null}=n,h=Math.max(0,Math.min(1,e)),m=Math.max(2,Math.min(100,Math.round(a))),u=I(r,t,h),l={steps:m,format:"hex"};if(c!==null&&i!==null)l.minLightness=c,l.maxLightness=i;else{const w=Math.max(20,Math.min(95,s));l.lightnessRange=w}const g=C(u,l),b=o?g.reverse():g,M={};return b.forEach((w,S)=>{M[`gray-${S+1}`]=w}),M}function P(t,n={}){if(!t)throw new Error("Theme color is required");const{semanticColors:r={success:"#52c41a",warning:"#faad14",error:"#ff4d4f",info:"#1890ff"},blendRatio:e=0,isDark:o=!1,steps:a=10,lightnessRange:s=80,minLightness:c=null,maxLightness:i=null}=n;if(!r||typeof r!="object")throw new Error("Semantic colors must be an object");const h=Math.max(0,Math.min(1,e)),m=Math.max(2,Math.min(100,Math.round(a))),u={};return Object.entries(r).forEach(([l,g])=>{if(!g||typeof g!="string"){console.warn(`Invalid color for semantic color "${l}": ${g}`);return}try{const b=I(g,t,h),M={steps:m,format:"hex"};if(c!==null&&i!==null)M.minLightness=c,M.maxLightness=i;else{const x=Math.max(20,Math.min(95,s));M.lightnessRange=x}const w=C(b,M);(o?w.reverse():w).forEach((x,p)=>{u[`${l}-${p+1}`]=x})}catch(b){console.warn(`Failed to generate variants for semantic color "${l}": ${b.message}`)}}),u}function O(t,n={}){if(!t)throw new Error("Theme color is required");const{isDark:r=!1,steps:e=10,lightnessRange:o=80,minLightness:a=null,maxLightness:s=null}=n,i={steps:Math.max(2,Math.min(100,Math.round(e))),format:"hex"};if(a!==null&&s!==null)i.minLightness=a,i.maxLightness=s;else{const l=Math.max(20,Math.min(95,o));i.lightnessRange=l}const h=C(t,i),m=r?h.reverse():h,u={};return m.forEach((l,g)=>{u[`theme-${g+1}`]=l}),u}function ut(t,n={}){if(!t)throw new Error("Theme color is required");const{baseGray:r="#666666",isDark:e=!1,semanticColors:o,controlBlendRatio:a=.08,semanticBlendRatio:s=.12,controlSteps:c=12,controlLightnessRange:i=85,controlMinLightness:h=null,controlMaxLightness:m=null,semanticSteps:u=10,semanticLightnessRange:l=80,semanticMinLightness:g=null,semanticMaxLightness:b=null,themeSteps:M=10,themeLightnessRange:w=80,themeMinLightness:S=null,themeMaxLightness:x=null}=n,p=Math.max(0,Math.min(1,a)),y=Math.max(0,Math.min(1,s)),L={baseGray:r,blendRatio:p,isDark:e,steps:c};h!==null&&m!==null?(L.minLightness=h,L.maxLightness=m):L.lightnessRange=i;const v={semanticColors:o,blendRatio:y,isDark:e,steps:u};g!==null&&b!==null?(v.minLightness=g,v.maxLightness=b):v.lightnessRange=l;const F={isDark:e,steps:M};return S!==null&&x!==null?(F.minLightness=S,F.maxLightness=x):F.lightnessRange=w,{controls:q(t,L),semantic:P(t,v),theme:O(t,F)}}function ft(t,n={}){if(!t)throw new Error("Theme color is required");const{semanticColors:r={success:"#52c41a",warning:"#faad14",error:"#ff4d4f",info:"#1890ff"},uiColors:e={background:"#ffffff",surface:"#fafafa",border:"#d9d9d9",disabled:"#f5f5f5"},harmonizeRatio:o=.15,blendRatio:a=.12,isDark:s=!1}=n,c=Math.max(0,Math.min(1,o)),i=Math.max(0,Math.min(1,a)),h=O(t,{isDark:s}),m=q(t,{blendRatio:i*.5,isDark:s}),u=P(t,{semanticColors:r,blendRatio:c,isDark:s}),l={};return Object.entries(r).forEach(([b])=>{l[b]={};for(let M=1;M<=10;M++){const w=`${b}-${M}`;u[w]&&(l[b][M]=u[w])}}),{theme:h,controls:m,semantic:l,ui:V(t,e,i)}}const H={red:"#F53F3F",orangered:"#F77234",orange:"#FF7D00",gold:"#F7BA1E",yellow:"#FADC19",lime:"#9FDB1D",green:"#00B42A",cyan:"#14C9C9",blue:"#3491FA",arcoblue:"#165DFF",purple:"#722ED1",pinkpurple:"#D91AD9",magenta:"#F5319D"};function mt(){const t={};return Object.keys(H).forEach(n=>{t[n]={},t[n].light=$(H[n],{list:!0}),t[n].dark=$(H[n],{list:!0,dark:!0}),t[n].primary=H[n]}),t.gray={},t.gray.light=["#f7f8fa","#f2f3f5","#e5e6eb","#c9cdd4","#a9aeb8","#86909c","#6b7785","#4e5969","#272e3b","#1d2129"],t.gray.dark=["#17171a","#2e2e30","#484849","#5f5f60","#78787a","#929293","#ababac","#c5c5c5","#dfdfdf","#f6f6f6"],t.gray.primary=t.gray.light[6],t}f.adjustChroma=rt,f.adjustHue=ot,f.adjustTone=et,f.blendInHct=I,f.blendUIColors=V,f.colorDifference=nt,f.colorList=H,f.extractColorFromFile=X,f.extractColorFromImage=k,f.generate=$,f.generateControlColors=q,f.generateGrayLinear=Y,f.generateInterfaceColorSystem=ut,f.generateLinear=A,f.generateLinearHSL=Z,f.generateMonochromeLinear=C,f.generateSemanticColors=P,f.generateThemeColors=O,f.generateThemePalette=ft,f.generateThemeVariants=ht,f.getAnalogous=ct,f.getComplementary=at,f.getPresetColors=mt,f.getRgbStr=N,f.getSplitComplementary=it,f.getTriadic=st,f.harmonizeColor=lt,f.hctToRgb=E,f.rgbToHct=R,f.rotateHue=T,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})});
+(function(d,b){typeof exports=="object"&&typeof module<"u"?b(exports,require("color")):typeof define=="function"&&define.amd?define(["exports","color"],b):(d=typeof globalThis<"u"?globalThis:d||self,b(d.AvialaColor={},d.Color))})(this,function(d,b){"use strict";function J(t){return b(t).rgb().round().color.join(",")}const Q=["hex","rgb","hsl"];function X(t){return!t||!Q.includes(t)?"hex":t}function C(t,e){const r=X(e);return r==="hex"?t[r]().toLowerCase():t[r]().round().string()}function $(t,e,r){const n=b(t),a=n.hue(),o=n.saturationv(),s=n.value(),i=(p=>p>=60&&p<=240?2.5:p>=0&&p<60||p>300&&p<=360?1.5:2)(a),h=100,f=9,u=100,l=30;function m(p,y){let S;return a>=60&&a<=240?S=p?a-i*y:a+i*y:S=p?a+i*y:a-i*y,S<0?S+=360:S>=360&&(S-=360),Math.round(S)}function g(p,y){let S;if(p)S=o<=f?o:o-(o-f)/5.5*Math.pow(y,1.05);else{const H=Math.min(h,o+30);S=o+(H-o)/4.2*Math.pow(y,.95)}return Math.max(0,Math.min(100,S))}function w(p,y){return p?Math.min(u,s+(u-s)/5.2*Math.pow(y,.9)):s<=l?s:Math.max(l,s-(s-l)/4.2*Math.pow(y,1.05))}const M=e<6,L=M?6-e:e-6,x=e===6?n:b({h:m(M,L),s:g(M,L),v:w(M,L)});return C(x,r)}function G(t,e,r){const n=b($(t,10-e+1,"hex")),a=b(t),o=a.hue(),s=a.saturationv();function c(m){if(m<6)return h+(6-m)*u;if(m===6){if(o>=0&&o<50)return s-15;if(o>=50&&o<191)return s-20;if(o>=191&&o<=360)return s-15}return h-f*(m-6)}const h=b({h:a.hue(),s:c(6),v:a.value()}).saturationv(),f=Math.ceil((h-9)/4),u=Math.ceil((100-h)/5),l=b({h:n.hue(),s:c(e),v:n.value()});return C(l,r)}function q(t,e={}){const{dark:r,list:n,index:a=6,format:o="hex"}=e;if(n){const s=[],c=r?G:$;for(let i=1;i<=10;i++)s.push(c(t,i,o));return s}return r?G(t,a,o):$(t,a,o)}async function N(t){try{const e=await Y(t),r=Z(e);return _(r)}catch(e){throw console.error("提取图片颜色失败:",e),e}}async function Y(t){return new Promise((e,r)=>{try{if(typeof document>"u"){r(new Error("图像颜色提取功能仅在浏览器环境中可用"));return}const n=document.createElement("canvas"),a=n.getContext("2d");if(!a){r(new Error("无法获取canvas 2d context"));return}const o=Math.min(t.width,100),s=Math.min(t.height,100),c=Math.min(o/t.width,s/t.height);n.width=t.width*c,n.height=t.height*c,a.drawImage(t,0,0,n.width,n.height);const i=a.getImageData(0,0,n.width,n.height);e(i)}catch(n){r(n)}})}function Z(t){const e=t.data,r=new Map;for(let a=0;a<e.length;a+=4){const o=e[a],s=e[a+1],c=e[a+2];if(e[a+3]<128)continue;const h=Math.round(o/16)*16,f=Math.round(s/16)*16,u=Math.round(c/16)*16,l=`${h},${f},${u}`;r.has(l)?r.set(l,r.get(l)+1):r.set(l,1)}const n=[];return r.forEach((a,o)=>{const[s,c,i]=o.split(",").map(Number);n.push({r:s,g:c,b:i,count:a})}),n}function _(t){t.sort((a,o)=>o.count-a.count);const e=t.filter(a=>{const{r:o,g:s,b:c}=a,i=Math.max(o,s,c),h=Math.min(o,s,c),f=i-h,u=i===0?0:f/i,l=i/255;return u>.15&&l>.2&&l<.8}),r=e.length>0?e[0]:t[0];return b({r:r.r,g:r.g,b:r.b}).hex()}function tt(t){return new Promise((e,r)=>{if(typeof FileReader>"u"||typeof Image>"u"){r(new Error("文件读取功能仅在浏览器环境中可用"));return}if(!t.type.startsWith("image/")){r(new Error("请选择图片文件"));return}const n=new FileReader;n.onload=async a=>{var o;try{const s=new Image;s.onload=async()=>{try{const i=await N(s);e(i)}catch(i){r(i)}},s.onerror=()=>r(new Error("图片加载失败"));const c=(o=a.target)==null?void 0:o.result;typeof c=="string"?s.src=c:r(new Error("无法读取图片数据"))}catch(s){r(s)}},n.onerror=()=>r(new Error("文件读取失败")),n.readAsDataURL(t)})}function P(t,e,r={}){const{steps:n=10,format:a="hex",includeEnds:o=!0}=r;if(n<2)throw new Error("步数必须至少为2");const s=b(t),c=b(e),i=[],h=o?n:n+2,f=1/(h-1);for(let u=0;u<h;u++){const l=u*f,m=Math.round(s.red()+(c.red()-s.red())*l),g=Math.round(s.green()+(c.green()-s.green())*l),w=Math.round(s.blue()+(c.blue()-s.blue())*l),M=b({r:m,g,b:w});!o&&(u===0||u===h-1)||i.push(C(M,a))}return i}function et(t={}){const{startGray:e="#ffffff",endGray:r="#000000",steps:n=10,format:a="hex"}=t;return P(e,r,{steps:n,format:a,includeEnds:!0})}function T(t,e={}){const{steps:r=10,format:n="hex",lightnessRange:a=80,minLightness:o=null,maxLightness:s=null,preserveChroma:c=!1}=e,i=b(t);let h,f;if(o!==null&&s!==null){if(o>s)throw new Error("minLightness 不能大于 maxLightness");h=Math.max(0,Math.min(100,s)),f=Math.max(0,Math.min(100,o))}else{const m=i.lightness();h=Math.min(95,m+a/2),f=Math.max(5,m-a/2)}if(c)return nt(i,h,f,r,n);const u=b({h:i.hue(),s:i.saturationl(),l:h}),l=b({h:i.hue(),s:i.saturationl(),l:f});return P(u.hex(),l.hex(),{steps:r,format:n,includeEnds:!0})}function nt(t,e,r,n,a){const o=t.a(),s=t.b(),c=Math.sqrt(o*o+s*s),i=Math.atan2(s,o),h=[],f=(e-r)/(n-1);for(let u=0;u<n;u++){const l=e-f*u;let m=c;if(l>85){const p=Math.max(0,(100-l)/15);m=c*p}else if(l<15){const p=Math.max(0,l/15);m=c*p}const g=m*Math.cos(i),w=m*Math.sin(i);let M=b.lab(l,g,w),L=M.rgb().array(),x=m;for(;(L[0]<0||L[0]>255||L[1]<0||L[1]>255||L[2]<0||L[2]>255)&&x>0;){x-=1;const p=x*Math.cos(i),y=x*Math.sin(i);M=b.lab(l,p,y),L=M.rgb().array()}h.push(C(M,a))}return h}function rt(t,e,r={}){const{steps:n=10,format:a="hex",includeEnds:o=!0}=r;if(n<2)throw new Error("步数必须至少为2");const s=b(t),c=b(e),i=[],h=o?n:n+2,f=1/(h-1);let u=s.hue()||0,l=c.hue()||0;const m=l-u;Math.abs(m)>180&&(m>0?u+=360:l+=360);const g=s.saturationl(),w=c.saturationl(),M=s.lightness(),L=c.lightness();for(let x=0;x<h;x++){const p=x*f;let y=u+(l-u)*p;const S=g+(w-g)*p,H=M+(L-M)*p;y=y%360,y<0&&(y+=360);const k=b({h:y,s:S,l:H});!o&&(x===0||x===h-1)||i.push(C(k,a))}return i}function R(t){if(!t||typeof t!="string")throw new Error("Invalid RGB color: must be a string");let e;try{e=b(t)}catch{throw new Error("Invalid RGB color format")}const r=e.l(),n=e.a(),a=e.b();let o=Math.atan2(a,n)*(180/Math.PI);o<0&&(o+=360);const s=Math.sqrt(n*n+a*a);return{h:o,c:s,t:r}}function v(t,e={}){if(!t||typeof t!="object"||t.h===void 0||t.c===void 0||t.t===void 0)throw new Error("Invalid HCT color: must be an object with h, c, t properties");const{gamutMapping:r="reduce-chroma"}=e;let{h:n,c:a,t:o}=t;n=(n%360+360)%360,a=Math.max(0,a),o=Math.max(0,Math.min(100,o));const s=n*(Math.PI/180),c=a*Math.cos(s),i=a*Math.sin(s);try{let h=b.lab(o,c,i);if(r==="reduce-chroma"){let g=a,w=h.rgb().array();for(;(w[0]<0||w[0]>255||w[1]<0||w[1]>255||w[2]<0||w[2]>255)&&g>0;){g-=1;const M=g*Math.cos(s),L=g*Math.sin(s);h=b.lab(o,M,L),w=h.rgb().array()}}const f=h.rgb().array(),u=Math.max(0,Math.min(255,Math.round(f[0]))),l=Math.max(0,Math.min(255,Math.round(f[1]))),m=Math.max(0,Math.min(255,Math.round(f[2])));return`#${u.toString(16).padStart(2,"0")}${l.toString(16).padStart(2,"0")}${m.toString(16).padStart(2,"0")}`}catch{return b.lab(o,c,i).hex().toLowerCase()}}function B(t,e,r=.5,n={}){if(!t||!e)throw new Error("Both colors are required for blending");const{mode:a="lab"}=n,o=Math.max(0,Math.min(1,r));return a==="lab"?at(t,e,o):a==="hue-only"?V(t,e,o):ot(t,e,o)}function at(t,e,r){const n=b(t),a=b(e),o=n.l(),s=n.a(),c=n.b(),i=a.l(),h=a.a(),f=a.b(),u=o+(i-o)*r,l=s+(h-s)*r,m=c+(f-c)*r;return b.lab(u,l,m).hex().toLowerCase()}function ot(t,e,r){const n=R(t),a=R(e),o=U(n.h,a.h,r),s=n.c+(a.c-n.c)*r,c=n.t+(a.t-n.t)*r;return v({h:o,c:Math.max(0,s),t:Math.max(0,Math.min(100,c))})}function V(t,e,r){const n=R(t),a=R(e),o=U(n.h,a.h,r);return v({h:o,c:n.c,t:n.t})}function U(t,e,r){let n=e-t;n>180?n-=360:n<-180&&(n+=360);let a=t+n*r;return a<0&&(a+=360),a>=360&&(a-=360),a}function st(t,e){const r=b(t),n=b(e),a=r.l(),o=r.a(),s=r.b(),c=n.l(),i=n.a(),h=n.b();return Math.sqrt(Math.pow(c-a,2)+Math.pow(i-o,2)+Math.pow(h-s,2))}function it(t,e){const r=R(t);return v({h:r.h,c:r.c,t:Math.max(0,Math.min(100,e))})}function ct(t,e){const r=R(t);return v({h:r.h,c:Math.max(0,e),t:r.t})}function lt(t,e){const r=R(t);return v({h:(e%360+360)%360,c:r.c,t:r.t})}function E(t,e){const r=R(t);let n=r.h+e;return n=(n%360+360)%360,v({h:n,c:r.c,t:r.t})}function ht(t){return E(t,180)}function ut(t){return[t,E(t,120),E(t,240)]}function ft(t,e=30){return[t,E(t,180-e),E(t,180+e)]}function mt(t,e=3,r=30){const n=[],a=-r*Math.floor(e/2);for(let o=0;o<e;o++)n.push(E(t,a+r*o));return n}function dt(t,e,r=.15){if(!t||!e)throw new Error("Both theme color and target color are required");const n=Math.max(0,Math.min(1,r));return V(e,t,n)}function gt(t,e){if(!t)throw new Error("Theme color is required");const r=R(t);let n;if(Array.isArray(e)?n=e:e&&e.tones&&Array.isArray(e.tones)?n=e.tones:n=[10,20,30,40,50,60,70,80,90],!Array.isArray(n)||n.length===0)throw new Error("Tone steps must be a non-empty array");const a=n.filter(o=>typeof o=="number"&&o>=0&&o<=100);if(a.length===0)throw new Error("No valid tone values found (must be numbers between 0-100)");return a.map(o=>v({h:r.h,c:r.c,t:o}))}function K(t,e,r=.2){if(!t)throw new Error("Theme color is required");if(!e||typeof e!="object")throw new Error("UI colors must be an object");const n=Math.max(0,Math.min(1,r)),a={};for(const[o,s]of Object.entries(e))try{a[o]=B(t,s,n)}catch(c){console.warn(`Failed to blend color for key "${o}": ${c.message}`),a[o]=s}return a}function j(t,e={}){if(!t)throw new Error("Theme color is required");const{baseGray:r="#989898",blendRatio:n=.08,isDark:a=!1,steps:o=12,lightnessRange:s=85,minLightness:c=null,maxLightness:i=null}=e,h=Math.max(0,Math.min(1,n)),f=Math.max(2,Math.min(100,Math.round(o))),u=B(r,t,h),l={steps:f,format:"hex"};if(c!==null&&i!==null)l.minLightness=c,l.maxLightness=i;else{const M=Math.max(20,Math.min(95,s));l.lightnessRange=M}const m=T(u,l),g=a?m.reverse():m,w={};return g.forEach((M,L)=>{w[`gray-${L+1}`]=M}),w}function W(t,e={}){if(!t)throw new Error("Theme color is required");const{baseGray:r="#f5f5f5",blendRatio:n=.03,steps:a=6,minLightness:o=92,maxLightness:s=100,prefix:c="neutral"}=e,i=Math.max(0,Math.min(1,n)),h=Math.max(2,Math.min(20,Math.round(a))),f=Math.max(80,Math.min(99,o)),u=Math.max(f+1,Math.min(100,s)),l=B(r,t,i),m=T(l,{steps:h,format:"hex",minLightness:f,maxLightness:u}),g={};return m.forEach((w,M)=>{g[`${c}-${M+1}`]=w}),g}function O(t,e={}){if(!t)throw new Error("Theme color is required");const{semanticColors:r={success:"#52c41a",warning:"#faad14",error:"#ff4d4f",info:"#1890ff"},blendRatio:n=0,isDark:a=!1,steps:o=10,lightnessRange:s=80,minLightness:c=8,maxLightness:i=97,preserveChroma:h=!0}=e;if(!r||typeof r!="object")throw new Error("Semantic colors must be an object");const f=Math.max(0,Math.min(1,n)),u=Math.max(2,Math.min(100,Math.round(o))),l={};return Object.entries(r).forEach(([m,g])=>{if(!g||typeof g!="string"){console.warn(`Invalid color for semantic color "${m}": ${g}`);return}try{const w=B(g,t,f),M={steps:u,format:"hex",preserveChroma:h};if(c!==null&&i!==null)M.minLightness=c,M.maxLightness=i;else{const p=Math.max(20,Math.min(95,s));M.lightnessRange=p}const L=T(w,M);(a?L.reverse():L).forEach((p,y)=>{l[`${m}-${y+1}`]=p})}catch(w){console.warn(`Failed to generate variants for semantic color "${m}": ${w.message}`)}}),l}function z(t,e={}){if(!t)throw new Error("Theme color is required");const{isDark:r=!1,steps:n=10,lightnessRange:a=80,minLightness:o=8,maxLightness:s=97,preserveChroma:c=!0}=e,h={steps:Math.max(2,Math.min(100,Math.round(n))),format:"hex",preserveChroma:c};if(o!==null&&s!==null)h.minLightness=o,h.maxLightness=s;else{const m=Math.max(20,Math.min(95,a));h.lightnessRange=m}const f=T(t,h),u=r?f.reverse():f,l={};return u.forEach((m,g)=>{l[`theme-${g+1}`]=m}),l}function Mt(t,e={}){if(!t)throw new Error("Theme color is required");const{baseGray:r="#666666",isDark:n=!1,semanticColors:a,controlBlendRatio:o=.08,semanticBlendRatio:s=.12,controlSteps:c=12,controlLightnessRange:i=85,controlMinLightness:h=null,controlMaxLightness:f=null,semanticSteps:u=10,semanticLightnessRange:l=80,semanticMinLightness:m=null,semanticMaxLightness:g=null,semanticPreserveChroma:w=!0,themeSteps:M=10,themeLightnessRange:L=80,themeMinLightness:x=null,themeMaxLightness:p=null,themePreserveChroma:y=!0,neutralSteps:S=6,neutralMinLightness:H=92,neutralMaxLightness:k=100,neutralBlendRatio:pt=.03}=e,Lt=Math.max(0,Math.min(1,o)),yt=Math.max(0,Math.min(1,s)),D={baseGray:r,blendRatio:Lt,isDark:n,steps:c};h!==null&&f!==null?(D.minLightness=h,D.maxLightness=f):D.lightnessRange=i;const I={semanticColors:a,blendRatio:yt,isDark:n,steps:u,preserveChroma:w};m!==null&&g!==null?(I.minLightness=m,I.maxLightness=g):I.lightnessRange=l;const A={isDark:n,steps:M,preserveChroma:y};return x!==null&&p!==null?(A.minLightness=x,A.maxLightness=p):A.lightnessRange=L,{controls:j(t,D),neutrals:W(t,{blendRatio:pt,steps:S,minLightness:H,maxLightness:k}),semantic:O(t,I),theme:z(t,A)}}function bt(t,e={}){if(!t)throw new Error("Theme color is required");const{semanticColors:r={success:"#52c41a",warning:"#faad14",error:"#ff4d4f",info:"#1890ff"},uiColors:n={background:"#ffffff",surface:"#fafafa",border:"#d9d9d9",disabled:"#f5f5f5"},harmonizeRatio:a=.15,blendRatio:o=.12,isDark:s=!1}=e,c=Math.max(0,Math.min(1,a)),i=Math.max(0,Math.min(1,o)),h=z(t,{isDark:s}),f=j(t,{blendRatio:i*.5,isDark:s}),u=O(t,{semanticColors:r,blendRatio:c,isDark:s}),l={};return Object.entries(r).forEach(([g])=>{l[g]={};for(let w=1;w<=10;w++){const M=`${g}-${w}`;u[M]&&(l[g][w]=u[M])}}),{theme:h,controls:f,semantic:l,ui:K(t,n,i)}}const F={red:"#F53F3F",orangered:"#F77234",orange:"#FF7D00",gold:"#F7BA1E",yellow:"#FADC19",lime:"#9FDB1D",green:"#00B42A",cyan:"#14C9C9",blue:"#3491FA",arcoblue:"#165DFF",purple:"#722ED1",pinkpurple:"#D91AD9",magenta:"#F5319D"};function wt(){const t={};return Object.keys(F).forEach(e=>{t[e]={},t[e].light=q(F[e],{list:!0}),t[e].dark=q(F[e],{list:!0,dark:!0}),t[e].primary=F[e]}),t.gray={},t.gray.light=["#f7f8fa","#f2f3f5","#e5e6eb","#c9cdd4","#a9aeb8","#86909c","#6b7785","#4e5969","#272e3b","#1d2129"],t.gray.dark=["#17171a","#2e2e30","#484849","#5f5f60","#78787a","#929293","#ababac","#c5c5c5","#dfdfdf","#f6f6f6"],t.gray.primary=t.gray.light[6],t}d.adjustChroma=ct,d.adjustHue=lt,d.adjustTone=it,d.blendInHct=B,d.blendUIColors=K,d.colorDifference=st,d.colorList=F,d.extractColorFromFile=tt,d.extractColorFromImage=N,d.generate=q,d.generateControlColors=j,d.generateGrayLinear=et,d.generateInterfaceColorSystem=Mt,d.generateLinear=P,d.generateLinearHSL=rt,d.generateMonochromeLinear=T,d.generateNeutralColors=W,d.generateSemanticColors=O,d.generateThemeColors=z,d.generateThemePalette=bt,d.generateThemeVariants=gt,d.getAnalogous=mt,d.getComplementary=ht,d.getPresetColors=wt,d.getRgbStr=J,d.getSplitComplementary=ft,d.getTriadic=ut,d.harmonizeColor=dt,d.hctToRgb=v,d.rgbToHct=R,d.rotateHue=E,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});

package/dist/index.mjs

@@ -1,10 +1,10 @@
-import g from "color";
-function Y(t) {
-  return g(t).rgb().round().color.join(",");
+import b from "color";
+function st(t) {
+  return b(t).rgb().round().color.join(",");
 }
-const j = ["hex", "rgb", "hsl"];
-function G(t) {
-  return !t || !j.includes(
+const W = ["hex", "rgb", "hsl"];
+function J(t) {
+  return !t || !W.includes(
     /** @type {any} */
     t
   ) ? "hex" : (
@@ -12,39 +12,39 @@ function G(t) {
     t
   );
 }
-function F(t, n) {
-  const r = G(n);
+function E(t, n) {
+  const r = J(n);
   return r === "hex" ? t[r]().toLowerCase() : t[r]().round().string();
 }
-function B(t, n, r) {
-  const e = g(t), o = e.hue(), s = e.saturationv(), a = e.value(), c = ((b) => b >= 60 && b <= 240 ? 2.5 : b >= 0 && b < 60 || b > 300 && b <= 360 ? 1.5 : 2)(o), h = 100, f = 9, u = 100, l = 30;
-  function m(b, w) {
-    let x;
-    return o >= 60 && o <= 240 ? x = b ? o - c * w : o + c * w : x = b ? o + c * w : o - c * w, x < 0 ? x += 360 : x >= 360 && (x -= 360), Math.round(x);
+function T(t, n, r) {
+  const e = b(t), o = e.hue(), s = e.saturationv(), a = e.value(), i = ((p) => p >= 60 && p <= 240 ? 2.5 : p >= 0 && p < 60 || p > 300 && p <= 360 ? 1.5 : 2)(o), h = 100, f = 9, u = 100, l = 30;
+  function m(p, x) {
+    let y;
+    return o >= 60 && o <= 240 ? y = p ? o - i * x : o + i * x : y = p ? o + i * x : o - i * x, y < 0 ? y += 360 : y >= 360 && (y -= 360), Math.round(y);
   }
-  function M(b, w) {
-    let x;
-    if (b)
-      x = s <= f ? s : s - (s - f) / 5.5 * Math.pow(w, 1.05);
+  function d(p, x) {
+    let y;
+    if (p)
+      y = s <= f ? s : s - (s - f) / 5.5 * Math.pow(x, 1.05);
     else {
-      const S = Math.min(h, s + 30);
-      x = s + (S - s) / 4.2 * Math.pow(w, 0.95);
+      const v = Math.min(h, s + 30);
+      y = s + (v - s) / 4.2 * Math.pow(x, 0.95);
     }
-    return Math.max(0, Math.min(100, x));
+    return Math.max(0, Math.min(100, y));
   }
-  function d(b, w) {
-    return b ? Math.min(u, a + (u - a) / 5.2 * Math.pow(w, 0.9)) : a <= l ? a : Math.max(l, a - (a - l) / 4.2 * Math.pow(w, 1.05));
+  function M(p, x) {
+    return p ? Math.min(u, a + (u - a) / 5.2 * Math.pow(x, 0.9)) : a <= l ? a : Math.max(l, a - (a - l) / 4.2 * Math.pow(x, 1.05));
   }
-  const p = n < 6, L = p ? 6 - n : n - 6, y = n === 6 ? e : g({
-    h: m(p, L),
-    s: M(p, L),
-    v: d(p, L)
+  const g = n < 6, w = g ? 6 - n : n - 6, L = n === 6 ? e : b({
+    h: m(g, w),
+    s: d(g, w),
+    v: M(g, w)
   });
-  return F(y, r);
+  return E(L, r);
 }
-function T(t, n, r) {
-  const e = g(B(t, 10 - n + 1, "hex")), o = g(t), s = o.hue(), a = o.saturationv();
-  function i(m) {
+function q(t, n, r) {
+  const e = b(T(t, 10 - n + 1, "hex")), o = b(t), s = o.hue(), a = o.saturationv();
+  function c(m) {
     if (m < 6)
       return h + (6 - m) * u;
     if (m === 6) {
@@ -57,36 +57,36 @@ function T(t, n, r) {
     }
     return h - f * (m - 6);
   }
-  const h = g({
+  const h = b({
     h: o.hue(),
-    s: i(6),
+    s: c(6),
     v: o.value()
-  }).saturationv(), f = Math.ceil((h - 9) / 4), u = Math.ceil((100 - h) / 5), l = g({
+  }).saturationv(), f = Math.ceil((h - 9) / 4), u = Math.ceil((100 - h) / 5), l = b({
     h: e.hue(),
-    s: i(n),
+    s: c(n),
     v: e.value()
   });
-  return F(l, r);
+  return E(l, r);
 }
-function $(t, n = {}) {
+function P(t, n = {}) {
   const { dark: r, list: e, index: o = 6, format: s = "hex" } = n;
   if (e) {
-    const a = [], i = r ? T : B;
-    for (let c = 1; c <= 10; c++)
-      a.push(i(t, c, s));
+    const a = [], c = r ? q : T;
+    for (let i = 1; i <= 10; i++)
+      a.push(c(t, i, s));
     return a;
   }
-  return r ? T(t, o, s) : B(t, o, s);
+  return r ? q(t, o, s) : T(t, o, s);
 }
-async function N(t) {
+async function Q(t) {
   try {
-    const n = await V(t), r = U(n);
-    return K(r);
+    const n = await X(t), r = Y(n);
+    return Z(r);
   } catch (n) {
     throw console.error("提取图片颜色失败:", n), n;
   }
 }
-async function V(t) {
+async function X(t) {
   return new Promise((n, r) => {
     try {
       if (typeof document > "u") {
@@ -98,38 +98,38 @@ async function V(t) {
         r(new Error("无法获取canvas 2d context"));
         return;
       }
-      const s = Math.min(t.width, 100), a = Math.min(t.height, 100), i = Math.min(s / t.width, a / t.height);
-      e.width = t.width * i, e.height = t.height * i, o.drawImage(t, 0, 0, e.width, e.height);
-      const c = o.getImageData(0, 0, e.width, e.height);
-      n(c);
+      const s = Math.min(t.width, 100), a = Math.min(t.height, 100), c = Math.min(s / t.width, a / t.height);
+      e.width = t.width * c, e.height = t.height * c, o.drawImage(t, 0, 0, e.width, e.height);
+      const i = o.getImageData(0, 0, e.width, e.height);
+      n(i);
     } catch (e) {
       r(e);
     }
   });
 }
-function U(t) {
+function Y(t) {
   const n = t.data, r = /* @__PURE__ */ new Map();
   for (let o = 0; o < n.length; o += 4) {
-    const s = n[o], a = n[o + 1], i = n[o + 2];
+    const s = n[o], a = n[o + 1], c = n[o + 2];
     if (n[o + 3] < 128) continue;
-    const h = Math.round(s / 16) * 16, f = Math.round(a / 16) * 16, u = Math.round(i / 16) * 16, l = `${h},${f},${u}`;
+    const h = Math.round(s / 16) * 16, f = Math.round(a / 16) * 16, u = Math.round(c / 16) * 16, l = `${h},${f},${u}`;
     r.has(l) ? r.set(l, r.get(l) + 1) : r.set(l, 1);
   }
   const e = [];
   return r.forEach((o, s) => {
-    const [a, i, c] = s.split(",").map(Number);
-    e.push({ r: a, g: i, b: c, count: o });
+    const [a, c, i] = s.split(",").map(Number);
+    e.push({ r: a, g: c, b: i, count: o });
   }), e;
 }
-function K(t) {
+function Z(t) {
   t.sort((o, s) => s.count - o.count);
   const n = t.filter((o) => {
-    const { r: s, g: a, b: i } = o, c = Math.max(s, a, i), h = Math.min(s, a, i), f = c - h, u = c === 0 ? 0 : f / c, l = c / 255;
+    const { r: s, g: a, b: c } = o, i = Math.max(s, a, c), h = Math.min(s, a, c), f = i - h, u = i === 0 ? 0 : f / i, l = i / 255;
     return u > 0.15 && l > 0.2 && l < 0.8;
   }), r = n.length > 0 ? n[0] : t[0];
-  return g({ r: r.r, g: r.g, b: r.b }).hex();
+  return b({ r: r.r, g: r.g, b: r.b }).hex();
 }
-function Z(t) {
+function at(t) {
   return new Promise((n, r) => {
     if (typeof FileReader > "u" || typeof Image > "u") {
       r(new Error("文件读取功能仅在浏览器环境中可用"));
@@ -146,93 +146,119 @@ function Z(t) {
         const a = new Image();
         a.onload = async () => {
           try {
-            const c = await N(a);
-            n(c);
-          } catch (c) {
-            r(c);
+            const i = await Q(a);
+            n(i);
+          } catch (i) {
+            r(i);
           }
         }, a.onerror = () => r(new Error("图片加载失败"));
-        const i = (s = o.target) == null ? void 0 : s.result;
-        typeof i == "string" ? a.src = i : r(new Error("无法读取图片数据"));
+        const c = (s = o.target) == null ? void 0 : s.result;
+        typeof c == "string" ? a.src = c : r(new Error("无法读取图片数据"));
       } catch (a) {
         r(a);
       }
     }, e.onerror = () => r(new Error("文件读取失败")), e.readAsDataURL(t);
   });
 }
-function q(t, n, r = {}) {
+function O(t, n, r = {}) {
   const { steps: e = 10, format: o = "hex", includeEnds: s = !0 } = r;
   if (e < 2)
     throw new Error("步数必须至少为2");
-  const a = g(t), i = g(n), c = [], h = s ? e : e + 2, f = 1 / (h - 1);
+  const a = b(t), c = b(n), i = [], h = s ? e : e + 2, f = 1 / (h - 1);
   for (let u = 0; u < h; u++) {
-    const l = u * f, m = Math.round(a.red() + (i.red() - a.red()) * l), M = Math.round(a.green() + (i.green() - a.green()) * l), d = Math.round(a.blue() + (i.blue() - a.blue()) * l), p = g({ r: m, g: M, b: d });
-    !s && (u === 0 || u === h - 1) || c.push(F(p, o));
+    const l = u * f, m = Math.round(a.red() + (c.red() - a.red()) * l), d = Math.round(a.green() + (c.green() - a.green()) * l), M = Math.round(a.blue() + (c.blue() - a.blue()) * l), g = b({ r: m, g: d, b: M });
+    !s && (u === 0 || u === h - 1) || i.push(E(g, o));
   }
-  return c;
+  return i;
 }
-function _(t = {}) {
+function it(t = {}) {
   const {
     startGray: n = "#ffffff",
     endGray: r = "#000000",
     steps: e = 10,
     format: o = "hex"
   } = t;
-  return q(n, r, { steps: e, format: o, includeEnds: !0 });
+  return O(n, r, { steps: e, format: o, includeEnds: !0 });
 }
-function H(t, n = {}) {
+function I(t, n = {}) {
   const {
     steps: r = 10,
     format: e = "hex",
     lightnessRange: o = 80,
     minLightness: s = null,
-    maxLightness: a = null
-  } = n, i = g(t);
-  let c, h;
+    maxLightness: a = null,
+    preserveChroma: c = !1
+  } = n, i = b(t);
+  let h, f;
   if (s !== null && a !== null) {
     if (s > a)
       throw new Error("minLightness 不能大于 maxLightness");
-    c = Math.max(0, Math.min(100, a)), h = Math.max(0, Math.min(100, s));
+    h = Math.max(0, Math.min(100, a)), f = Math.max(0, Math.min(100, s));
   } else {
-    const l = i.lightness();
-    c = Math.min(95, l + o / 2), h = Math.max(5, l - o / 2);
+    const m = i.lightness();
+    h = Math.min(95, m + o / 2), f = Math.max(5, m - o / 2);
   }
-  const f = g({
+  if (c)
+    return _(i, h, f, r, e);
+  const u = b({
     h: i.hue(),
     s: i.saturationl(),
-    l: c
-  }), u = g({
+    l: h
+  }), l = b({
     h: i.hue(),
     s: i.saturationl(),
-    l: h
+    l: f
   });
-  return q(f.hex(), u.hex(), { steps: r, format: e, includeEnds: !0 });
+  return O(u.hex(), l.hex(), { steps: r, format: e, includeEnds: !0 });
+}
+function _(t, n, r, e, o) {
+  const s = t.a(), a = t.b(), c = Math.sqrt(s * s + a * a), i = Math.atan2(a, s), h = [], f = (n - r) / (e - 1);
+  for (let u = 0; u < e; u++) {
+    const l = n - f * u;
+    let m = c;
+    if (l > 85) {
+      const p = Math.max(0, (100 - l) / 15);
+      m = c * p;
+    } else if (l < 15) {
+      const p = Math.max(0, l / 15);
+      m = c * p;
+    }
+    const d = m * Math.cos(i), M = m * Math.sin(i);
+    let g = b.lab(l, d, M), w = g.rgb().array(), L = m;
+    for (; (w[0] < 0 || w[0] > 255 || w[1] < 0 || w[1] > 255 || w[2] < 0 || w[2] > 255) && L > 0; ) {
+      L -= 1;
+      const p = L * Math.cos(i), x = L * Math.sin(i);
+      g = b.lab(l, p, x), w = g.rgb().array();
+    }
+    h.push(E(g, o));
+  }
+  return h;
 }
-function tt(t, n, r = {}) {
+function ct(t, n, r = {}) {
   const { steps: e = 10, format: o = "hex", includeEnds: s = !0 } = r;
   if (e < 2)
     throw new Error("步数必须至少为2");
-  const a = g(t), i = g(n), c = [], h = s ? e : e + 2, f = 1 / (h - 1);
-  let u = a.hue() || 0, l = i.hue() || 0;
+  const a = b(t), c = b(n), i = [], h = s ? e : e + 2, f = 1 / (h - 1);
+  let u = a.hue() || 0, l = c.hue() || 0;
   const m = l - u;
   Math.abs(m) > 180 && (m > 0 ? u += 360 : l += 360);
-  const M = a.saturationl(), d = i.saturationl(), p = a.lightness(), L = i.lightness();
-  for (let y = 0; y < h; y++) {
-    const b = y * f;
-    let w = u + (l - u) * b;
-    const x = M + (d - M) * b, S = p + (L - p) * b;
-    w = w % 360, w < 0 && (w += 360);
-    const C = g({ h: w, s: x, l: S });
-    !s && (y === 0 || y === h - 1) || c.push(F(C, o));
+  const d = a.saturationl(), M = c.saturationl(), g = a.lightness(), w = c.lightness();
+  for (let L = 0; L < h; L++) {
+    const p = L * f;
+    let x = u + (l - u) * p;
+    const y = d + (M - d) * p, v = g + (w - g) * p;
+    x = x % 360, x < 0 && (x += 360);
+    const A = b({ h: x, s: y, l: v });
+    !s && (L === 0 || L === h - 1) || i.push(E(A, o));
   }
-  return c;
+  return i;
 }
 function R(t) {
   if (!t || typeof t != "string")
     throw new Error("Invalid RGB color: must be a string");
   let n;
   try {
-    n = g(t);
+    n = b(t);
   } catch {
     throw new Error("Invalid RGB color format");
   }
@@ -246,50 +272,50 @@ function R(t) {
     t: r
   };
 }
-function E(t, n = {}) {
+function C(t, n = {}) {
   if (!t || typeof t != "object" || t.h === void 0 || t.c === void 0 || t.t === void 0)
     throw new Error("Invalid HCT color: must be an object with h, c, t properties");
   const { gamutMapping: r = "reduce-chroma" } = n;
   let { h: e, c: o, t: s } = t;
   e = (e % 360 + 360) % 360, o = Math.max(0, o), s = Math.max(0, Math.min(100, s));
-  const a = e * (Math.PI / 180), i = o * Math.cos(a), c = o * Math.sin(a);
+  const a = e * (Math.PI / 180), c = o * Math.cos(a), i = o * Math.sin(a);
   try {
-    let h = g.lab(s, i, c);
+    let h = b.lab(s, c, i);
     if (r === "reduce-chroma") {
-      let M = o, d = h.rgb().array();
-      for (; (d[0] < 0 || d[0] > 255 || d[1] < 0 || d[1] > 255 || d[2] < 0 || d[2] > 255) && M > 0; ) {
-        M -= 1;
-        const p = M * Math.cos(a), L = M * Math.sin(a);
-        h = g.lab(s, p, L), d = h.rgb().array();
+      let d = o, M = h.rgb().array();
+      for (; (M[0] < 0 || M[0] > 255 || M[1] < 0 || M[1] > 255 || M[2] < 0 || M[2] > 255) && d > 0; ) {
+        d -= 1;
+        const g = d * Math.cos(a), w = d * Math.sin(a);
+        h = b.lab(s, g, w), M = h.rgb().array();
       }
     }
     const f = h.rgb().array(), u = Math.max(0, Math.min(255, Math.round(f[0]))), l = Math.max(0, Math.min(255, Math.round(f[1]))), m = Math.max(0, Math.min(255, Math.round(f[2])));
     return `#${u.toString(16).padStart(2, "0")}${l.toString(16).padStart(2, "0")}${m.toString(16).padStart(2, "0")}`;
   } catch {
-    return g.lab(s, i, c).hex().toLowerCase();
+    return b.lab(s, c, i).hex().toLowerCase();
   }
 }
-function I(t, n, r = 0.5, e = {}) {
+function $(t, n, r = 0.5, e = {}) {
   if (!t || !n)
     throw new Error("Both colors are required for blending");
   const { mode: o = "lab" } = e, s = Math.max(0, Math.min(1, r));
-  return o === "lab" ? W(t, n, s) : o === "hue-only" ? A(t, n, s) : J(t, n, s);
+  return o === "lab" ? tt(t, n, s) : o === "hue-only" ? j(t, n, s) : nt(t, n, s);
 }
-function W(t, n, r) {
-  const e = g(t), o = g(n), s = e.l(), a = e.a(), i = e.b(), c = o.l(), h = o.a(), f = o.b(), u = s + (c - s) * r, l = a + (h - a) * r, m = i + (f - i) * r;
-  return g.lab(u, l, m).hex().toLowerCase();
+function tt(t, n, r) {
+  const e = b(t), o = b(n), s = e.l(), a = e.a(), c = e.b(), i = o.l(), h = o.a(), f = o.b(), u = s + (i - s) * r, l = a + (h - a) * r, m = c + (f - c) * r;
+  return b.lab(u, l, m).hex().toLowerCase();
 }
-function J(t, n, r) {
-  const e = R(t), o = R(n), s = O(e.h, o.h, r), a = e.c + (o.c - e.c) * r, i = e.t + (o.t - e.t) * r;
-  return E({
+function nt(t, n, r) {
+  const e = R(t), o = R(n), s = k(e.h, o.h, r), a = e.c + (o.c - e.c) * r, c = e.t + (o.t - e.t) * r;
+  return C({
     h: s,
     c: Math.max(0, a),
-    t: Math.max(0, Math.min(100, i))
+    t: Math.max(0, Math.min(100, c))
   });
 }
-function A(t, n, r) {
-  const e = R(t), o = R(n), s = O(e.h, o.h, r);
-  return E({
+function j(t, n, r) {
+  const e = R(t), o = R(n), s = k(e.h, o.h, r);
+  return C({
     h: s,
     c: e.c,
     // 保持第一个颜色的色度
@@ -297,81 +323,81 @@ function A(t, n, r) {
     // 保持第一个颜色的明度
   });
 }
-function O(t, n, r) {
+function k(t, n, r) {
   let e = n - t;
   e > 180 ? e -= 360 : e < -180 && (e += 360);
   let o = t + e * r;
   return o < 0 && (o += 360), o >= 360 && (o -= 360), o;
 }
-function nt(t, n) {
-  const r = g(t), e = g(n), o = r.l(), s = r.a(), a = r.b(), i = e.l(), c = e.a(), h = e.b();
+function lt(t, n) {
+  const r = b(t), e = b(n), o = r.l(), s = r.a(), a = r.b(), c = e.l(), i = e.a(), h = e.b();
   return Math.sqrt(
-    Math.pow(i - o, 2) + Math.pow(c - s, 2) + Math.pow(h - a, 2)
+    Math.pow(c - o, 2) + Math.pow(i - s, 2) + Math.pow(h - a, 2)
   );
 }
-function et(t, n) {
+function ht(t, n) {
   const r = R(t);
-  return E({
+  return C({
     h: r.h,
     c: r.c,
     t: Math.max(0, Math.min(100, n))
   });
 }
-function rt(t, n) {
+function ut(t, n) {
   const r = R(t);
-  return E({
+  return C({
     h: r.h,
     c: Math.max(0, n),
     t: r.t
   });
 }
-function ot(t, n) {
+function ft(t, n) {
   const r = R(t);
-  return E({
+  return C({
     h: (n % 360 + 360) % 360,
     c: r.c,
     t: r.t
   });
 }
-function v(t, n) {
+function S(t, n) {
   const r = R(t);
   let e = r.h + n;
-  return e = (e % 360 + 360) % 360, E({
+  return e = (e % 360 + 360) % 360, C({
     h: e,
     c: r.c,
     t: r.t
   });
 }
-function st(t) {
-  return v(t, 180);
+function mt(t) {
+  return S(t, 180);
 }
-function at(t) {
+function dt(t) {
   return [
     t,
-    v(t, 120),
-    v(t, 240)
+    S(t, 120),
+    S(t, 240)
   ];
 }
-function ct(t, n = 30) {
+function gt(t, n = 30) {
   return [
     t,
-    v(t, 180 - n),
-    v(t, 180 + n)
+    S(t, 180 - n),
+    S(t, 180 + n)
   ];
 }
-function it(t, n = 3, r = 30) {
+function Mt(t, n = 3, r = 30) {
   const e = [], o = -r * Math.floor(n / 2);
   for (let s = 0; s < n; s++)
-    e.push(v(t, o + r * s));
+    e.push(S(t, o + r * s));
   return e;
 }
-function lt(t, n, r = 0.15) {
+function pt(t, n, r = 0.15) {
   if (!t || !n)
     throw new Error("Both theme color and target color are required");
   const e = Math.max(0, Math.min(1, r));
-  return A(n, t, e);
+  return j(n, t, e);
 }
-function ht(t, n) {
+function bt(t, n) {
   if (!t)
     throw new Error("Theme color is required");
   const r = R(t);
@@ -381,13 +407,13 @@ function ht(t, n) {
   const o = e.filter((s) => typeof s == "number" && s >= 0 && s <= 100);
   if (o.length === 0)
     throw new Error("No valid tone values found (must be numbers between 0-100)");
-  return o.map((s) => E({
+  return o.map((s) => C({
     h: r.h,
     c: r.c,
     t: s
   }));
 }
-function Q(t, n, r = 0.2) {
+function et(t, n, r = 0.2) {
   if (!t)
     throw new Error("Theme color is required");
   if (!n || typeof n != "object")
@@ -395,14 +421,14 @@ function Q(t, n, r = 0.2) {
   const e = Math.max(0, Math.min(1, r)), o = {};
   for (const [s, a] of Object.entries(n))
     try {
-      o[s] = I(t, a, e);
-    } catch (i) {
+      o[s] = $(t, a, e);
+    } catch (c) {
       console.warn(`Failed to blend color for key "${s}": ${/** @type {Error} */
-      i.message}`), o[s] = a;
+      c.message}`), o[s] = a;
     }
   return o;
 }
-function P(t, n = {}) {
+function z(t, n = {}) {
   if (!t)
     throw new Error("Theme color is required");
   const {
@@ -413,26 +439,52 @@ function P(t, n = {}) {
     // 默认 12 个等级，可以增加到 24、36 等以获得更细腻的梯度
     lightnessRange: a = 85,
     // 亮度变化范围（中心扩展模式），默认 85
-    minLightness: i = null,
+    minLightness: c = null,
     // 最小亮度（固定端点模式），优先级高于 lightnessRange
-    maxLightness: c = null
+    maxLightness: i = null
     // 最大亮度（固定端点模式），优先级高于 lightnessRange
-  } = n, h = Math.max(0, Math.min(1, e)), f = Math.max(2, Math.min(100, Math.round(s))), u = I(r, t, h), l = {
+  } = n, h = Math.max(0, Math.min(1, e)), f = Math.max(2, Math.min(100, Math.round(s))), u = $(r, t, h), l = {
     steps: f,
     format: "hex"
   };
-  if (i !== null && c !== null)
-    l.minLightness = i, l.maxLightness = c;
+  if (c !== null && i !== null)
+    l.minLightness = c, l.maxLightness = i;
   else {
-    const p = Math.max(20, Math.min(95, a));
-    l.lightnessRange = p;
+    const g = Math.max(20, Math.min(95, a));
+    l.lightnessRange = g;
   }
-  const m = H(u, l), M = o ? m.reverse() : m, d = {};
-  return M.forEach((p, L) => {
-    d[`gray-${L + 1}`] = p;
+  const m = I(u, l), d = o ? m.reverse() : m, M = {};
+  return d.forEach((g, w) => {
+    M[`gray-${w + 1}`] = g;
+  }), M;
+}
+function rt(t, n = {}) {
+  if (!t)
+    throw new Error("Theme color is required");
+  const {
+    baseGray: r = "#f5f5f5",
+    // 使用浅灰作为基础，比控件色更浅
+    blendRatio: e = 0.03,
+    // 较低的混合比例，保持中性但带有品牌色调
+    steps: o = 6,
+    // 默认 6 个等级
+    minLightness: s = 92,
+    // 最深的浅灰亮度
+    maxLightness: a = 100,
+    // 最浅接近白色
+    prefix: c = "neutral"
+    // 颜色名称前缀
+  } = n, i = Math.max(0, Math.min(1, e)), h = Math.max(2, Math.min(20, Math.round(o))), f = Math.max(80, Math.min(99, s)), u = Math.max(f + 1, Math.min(100, a)), l = $(r, t, i), m = I(l, {
+    steps: h,
+    format: "hex",
+    minLightness: f,
+    maxLightness: u
+  }), d = {};
+  return m.forEach((M, g) => {
+    d[`${c}-${g + 1}`] = M;
   }), d;
 }
-function k(t, n = {}) {
+function G(t, n = {}) {
   if (!t)
     throw new Error("Theme color is required");
   const {
@@ -448,41 +500,45 @@ function k(t, n = {}) {
     // 默认生成 10 个色阶
     lightnessRange: a = 80,
     // 亮度变化范围（中心扩展模式）
-    minLightness: i = null,
-    // 最小亮度（固定端点模式）
-    maxLightness: c = null
-    // 最大亮度（固定端点模式）
+    minLightness: c = 8,
+    // 最小亮度（固定端点模式）- 默认接近黑色
+    maxLightness: i = 97,
+    // 最大亮度（固定端点模式）- 默认接近白色
+    preserveChroma: h = !0
+    // 默认保持色度，避免灰蒙蒙
   } = n;
   if (!r || typeof r != "object")
     throw new Error("Semantic colors must be an object");
-  const h = Math.max(0, Math.min(1, e)), f = Math.max(2, Math.min(100, Math.round(s))), u = {};
-  return Object.entries(r).forEach(([l, m]) => {
-    if (!m || typeof m != "string") {
-      console.warn(`Invalid color for semantic color "${l}": ${m}`);
+  const f = Math.max(0, Math.min(1, e)), u = Math.max(2, Math.min(100, Math.round(s))), l = {};
+  return Object.entries(r).forEach(([m, d]) => {
+    if (!d || typeof d != "string") {
+      console.warn(`Invalid color for semantic color "${m}": ${d}`);
       return;
     }
     try {
-      const M = I(m, t, h), d = {
-        steps: f,
-        format: "hex"
+      const M = $(d, t, f), g = {
+        steps: u,
+        format: "hex",
+        preserveChroma: h
+        // 保持色度，避免灰蒙蒙
       };
-      if (i !== null && c !== null)
-        d.minLightness = i, d.maxLightness = c;
+      if (c !== null && i !== null)
+        g.minLightness = c, g.maxLightness = i;
       else {
-        const y = Math.max(20, Math.min(95, a));
-        d.lightnessRange = y;
+        const p = Math.max(20, Math.min(95, a));
+        g.lightnessRange = p;
       }
-      const p = H(M, d);
-      (o ? p.reverse() : p).forEach((y, b) => {
-        u[`${l}-${b + 1}`] = y;
+      const w = I(M, g);
+      (o ? w.reverse() : w).forEach((p, x) => {
+        l[`${m}-${x + 1}`] = p;
       });
     } catch (M) {
-      console.warn(`Failed to generate variants for semantic color "${l}": ${/** @type {Error} */
+      console.warn(`Failed to generate variants for semantic color "${m}": ${/** @type {Error} */
       M.message}`);
     }
-  }), u;
+  }), l;
 }
-function z(t, n = {}) {
+function N(t, n = {}) {
   if (!t)
     throw new Error("Theme color is required");
   const {
@@ -491,26 +547,29 @@ function z(t, n = {}) {
     // 默认生成 10 个色阶
     lightnessRange: o = 80,
     // 亮度变化范围（中心扩展模式）
-    minLightness: s = null,
-    // 最小亮度（固定端点模式）
-    maxLightness: a = null
-    // 最大亮度（固定端点模式）
-  } = n, c = {
+    minLightness: s = 8,
+    // 最小亮度（固定端点模式）- 默认接近黑色
+    maxLightness: a = 97,
+    // 最大亮度（固定端点模式）- 默认接近白色
+    preserveChroma: c = !0
+    // 默认保持色度
+  } = n, h = {
     steps: Math.max(2, Math.min(100, Math.round(e))),
-    format: "hex"
+    format: "hex",
+    preserveChroma: c
   };
   if (s !== null && a !== null)
-    c.minLightness = s, c.maxLightness = a;
+    h.minLightness = s, h.maxLightness = a;
   else {
-    const l = Math.max(20, Math.min(95, o));
-    c.lightnessRange = l;
+    const m = Math.max(20, Math.min(95, o));
+    h.lightnessRange = m;
   }
-  const h = H(t, c), f = r ? h.reverse() : h, u = {};
-  return f.forEach((l, m) => {
-    u[`theme-${m + 1}`] = l;
-  }), u;
+  const f = I(t, h), u = r ? f.reverse() : f, l = {};
+  return u.forEach((m, d) => {
+    l[`theme-${d + 1}`] = m;
+  }), l;
 }
-function ut(t, n = {}) {
+function wt(t, n = {}) {
   if (!t)
     throw new Error("Theme color is required");
   const {
@@ -519,9 +578,9 @@ function ut(t, n = {}) {
     semanticColors: o,
     controlBlendRatio: s = 0.08,
     semanticBlendRatio: a = 0.12,
-    controlSteps: i = 12,
+    controlSteps: c = 12,
     // 控件色灰度等级数
-    controlLightnessRange: c = 85,
+    controlLightnessRange: i = 85,
     // 控件色亮度变化范围（中心扩展模式）
     controlMinLightness: h = null,
     // 控件色最小亮度（固定端点模式）
@@ -533,44 +592,66 @@ function ut(t, n = {}) {
     // 语义色亮度变化范围
     semanticMinLightness: m = null,
     // 语义色最小亮度
-    semanticMaxLightness: M = null,
+    semanticMaxLightness: d = null,
     // 语义色最大亮度
-    themeSteps: d = 10,
+    semanticPreserveChroma: M = !0,
+    // 语义色保持色度（默认开启）
+    themeSteps: g = 10,
     // 主题色等级数
-    themeLightnessRange: p = 80,
+    themeLightnessRange: w = 80,
     // 主题色亮度变化范围
     themeMinLightness: L = null,
     // 主题色最小亮度
-    themeMaxLightness: y = null
+    themeMaxLightness: p = null,
     // 主题色最大亮度
-  } = n, b = Math.max(0, Math.min(1, s)), w = Math.max(0, Math.min(1, a)), x = {
+    themePreserveChroma: x = !0,
+    // 主题色保持色度（默认开启）
+    // 浅灰度颜色配置
+    neutralSteps: y = 6,
+    // 浅灰度等级数
+    neutralMinLightness: v = 92,
+    // 浅灰度最小亮度
+    neutralMaxLightness: A = 100,
+    // 浅灰度最大亮度
+    neutralBlendRatio: V = 0.03
+    // 浅灰度主题色混合比例
+  } = n, U = Math.max(0, Math.min(1, s)), K = Math.max(0, Math.min(1, a)), B = {
     baseGray: r,
-    blendRatio: b,
+    blendRatio: U,
     isDark: e,
-    steps: i
+    steps: c
   };
-  h !== null && f !== null ? (x.minLightness = h, x.maxLightness = f) : x.lightnessRange = c;
-  const S = {
+  h !== null && f !== null ? (B.minLightness = h, B.maxLightness = f) : B.lightnessRange = i;
+  const D = {
     semanticColors: o,
-    blendRatio: w,
+    blendRatio: K,
     isDark: e,
-    steps: u
+    steps: u,
+    preserveChroma: M
   };
-  m !== null && M !== null ? (S.minLightness = m, S.maxLightness = M) : S.lightnessRange = l;
-  const C = {
+  m !== null && d !== null ? (D.minLightness = m, D.maxLightness = d) : D.lightnessRange = l;
+  const F = {
     isDark: e,
-    steps: d
+    steps: g,
+    preserveChroma: x
   };
-  return L !== null && y !== null ? (C.minLightness = L, C.maxLightness = y) : C.lightnessRange = p, {
+  return L !== null && p !== null ? (F.minLightness = L, F.maxLightness = p) : F.lightnessRange = w, {
     // 1. 基础控件颜色（灰色系1-12或更多）
-    controls: P(t, x),
-    // 2. 表意色（1-10或更多）
-    semantic: k(t, S),
-    // 3. 主题色（1-10或更多）
-    theme: z(t, C)
+    controls: z(t, B),
+    // 2. 浅灰度颜色（用于背景、卡片等）
+    neutrals: rt(t, {
+      blendRatio: V,
+      steps: y,
+      minLightness: v,
+      maxLightness: A
+    }),
+    // 3. 表意色（1-10或更多）
+    semantic: G(t, D),
+    // 4. 主题色（1-10或更多）
+    theme: N(t, F)
   };
 }
-function ft(t, n = {}) {
+function xt(t, n = {}) {
   if (!t)
     throw new Error("Theme color is required");
   const {
@@ -592,20 +673,20 @@ function ft(t, n = {}) {
   } = (
     /** @type {any} */
     n
-  ), i = Math.max(0, Math.min(1, o)), c = Math.max(0, Math.min(1, s)), h = z(t, { isDark: a }), f = P(t, {
-    blendRatio: c * 0.5,
+  ), c = Math.max(0, Math.min(1, o)), i = Math.max(0, Math.min(1, s)), h = N(t, { isDark: a }), f = z(t, {
+    blendRatio: i * 0.5,
     // 中性色混合比例稍低
     isDark: a
-  }), u = k(t, {
+  }), u = G(t, {
     semanticColors: r,
-    blendRatio: i,
+    blendRatio: c,
     isDark: a
   }), l = {};
-  return Object.entries(r).forEach(([M]) => {
-    l[M] = {};
-    for (let d = 1; d <= 10; d++) {
-      const p = `${M}-${d}`;
-      u[p] && (l[M][d] = u[p]);
+  return Object.entries(r).forEach(([d]) => {
+    l[d] = {};
+    for (let M = 1; M <= 10; M++) {
+      const g = `${d}-${M}`;
+      u[g] && (l[d][M] = u[g]);
     }
   }), {
     theme: h,
@@ -614,10 +695,10 @@ function ft(t, n = {}) {
     // 中性色阶 gray-1 到 gray-12
     semantic: l,
     // 功能色系
-    ui: Q(t, e, c)
+    ui: et(t, e, i)
   };
 }
-const D = {
+const H = {
   red: "#F53F3F",
   orangered: "#F77234",
   orange: "#FF7D00",
@@ -632,16 +713,16 @@ const D = {
   pinkpurple: "#D91AD9",
   magenta: "#F5319D"
 };
-function mt() {
+function Lt() {
   const t = {};
-  return Object.keys(D).forEach((n) => {
-    t[n] = {}, t[n].light = $(D[
+  return Object.keys(H).forEach((n) => {
+    t[n] = {}, t[n].light = P(H[
       /** @type {keyof typeof colorList} */
       n
-    ], { list: !0 }), t[n].dark = $(D[
+    ], { list: !0 }), t[n].dark = P(H[
       /** @type {keyof typeof colorList} */
       n
-    ], { list: !0, dark: !0 }), t[n].primary = D[
+    ], { list: !0, dark: !0 }), t[n].primary = H[
       /** @type {keyof typeof colorList} */
       n
     ];
@@ -670,34 +751,35 @@ function mt() {
   ], t.gray.primary = t.gray.light[6], t;
 }
 export {
-  rt as adjustChroma,
-  ot as adjustHue,
-  et as adjustTone,
-  I as blendInHct,
-  Q as blendUIColors,
-  nt as colorDifference,
-  D as colorList,
-  Z as extractColorFromFile,
-  N as extractColorFromImage,
-  $ as generate,
-  P as generateControlColors,
-  _ as generateGrayLinear,
-  ut as generateInterfaceColorSystem,
-  q as generateLinear,
-  tt as generateLinearHSL,
-  H as generateMonochromeLinear,
-  k as generateSemanticColors,
-  z as generateThemeColors,
-  ft as generateThemePalette,
-  ht as generateThemeVariants,
-  it as getAnalogous,
-  st as getComplementary,
-  mt as getPresetColors,
-  Y as getRgbStr,
-  ct as getSplitComplementary,
-  at as getTriadic,
-  lt as harmonizeColor,
-  E as hctToRgb,
+  ut as adjustChroma,
+  ft as adjustHue,
+  ht as adjustTone,
+  $ as blendInHct,
+  et as blendUIColors,
+  lt as colorDifference,
+  H as colorList,
+  at as extractColorFromFile,
+  Q as extractColorFromImage,
+  P as generate,
+  z as generateControlColors,
+  it as generateGrayLinear,
+  wt as generateInterfaceColorSystem,
+  O as generateLinear,
+  ct as generateLinearHSL,
+  I as generateMonochromeLinear,
+  rt as generateNeutralColors,
+  G as generateSemanticColors,
+  N as generateThemeColors,
+  xt as generateThemePalette,
+  bt as generateThemeVariants,
+  Mt as getAnalogous,
+  mt as getComplementary,
+  Lt as getPresetColors,
+  st as getRgbStr,
+  gt as getSplitComplementary,
+  dt as getTriadic,
+  pt as harmonizeColor,
+  C as hctToRgb,
   R as rgbToHct,
-  v as rotateHue
+  S as rotateHue
 };

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

@@ -347,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, steps?: number, lightnessRange?: number, minLightness?: number, maxLightness?: number}} [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
@@ -374,6 +444,14 @@ export function generateControlColors(themeColor: string, options?: {
  * });
  *
  * @example
+ * // 保持鲜艳的色度（推荐：避免灰蒙蒙）
+ * const vibrant = generateSemanticColors('#3491FA', {
+ *   preserveChroma: true,  // 在 Lab 空间保持色度
+ *   minLightness: 25,
+ *   maxLightness: 95
+ * });
+ *
+ * @example
  * // 使用固定端点模式获得更广的亮度范围
  * const wideRange = generateSemanticColors('#3491FA', {
  *   minLightness: 10,
@@ -391,13 +469,14 @@ export function generateSemanticColors(themeColor: string, options?: {
     lightnessRange?: number;
     minLightness?: number;
     maxLightness?: number;
+    preserveChroma?: boolean;
 }): {
     [key: string]: string;
 };
 /**
  * 生成主题色（1-10）
  * @param {string} themeColor - 主题颜色
- * @param {{isDark?: boolean, steps?: number, lightnessRange?: number, minLightness?: number, maxLightness?: number}} [options] - 配置选项
+ * @param {{isDark?: boolean, steps?: number, lightnessRange?: number, minLightness?: number, maxLightness?: number, preserveChroma?: boolean}} [options] - 配置选项
  * @returns {{[key: string]: string}} 主题色对象
  *
  * @example
@@ -414,6 +493,14 @@ export function generateSemanticColors(themeColor: string, options?: {
  * const darkTheme = generateThemeColors('#FF5722', { isDark: true });
  *
  * @example
+ * // 保持鲜艳色度
+ * const vibrant = generateThemeColors('#3491FA', {
+ *   preserveChroma: true,
+ *   minLightness: 20,
+ *   maxLightness: 95
+ * });
+ *
+ * @example
  * // 使用固定端点模式
  * const wideRange = generateThemeColors('#3491FA', {
  *   minLightness: 15,
@@ -427,6 +514,7 @@ export function generateThemeColors(themeColor: string, options?: {
     lightnessRange?: number;
     minLightness?: number;
     maxLightness?: number;
+    preserveChroma?: boolean;
 }): {
     [key: string]: string;
 };
@@ -434,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);     // 主题色系
  *
@@ -454,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
@@ -476,6 +565,7 @@ export function generateThemeColors(themeColor: string, options?: {
  */
 export function generateInterfaceColorSystem(themeColor: string, options?: any): {
     controls: object;
+    neutrals: object;
     semantic: object;
     theme: object;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"theme-blend.d.ts","sourceRoot":"","sources":["../src/theme-blend.js"],"names":[],"mappings":"AAeA;;;;;GAKG;AAEH;;;;;GAKG;AAEH;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,8BAjBW,MAAM,GACJ,GAAG,CAkDf;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,8BAjBW,GAAG,YACH;IAAC,YAAY,CAAC,EAAE,OAAO,GAAG,eAAe,CAAA;CAAC,GACxC,MAAM,CAkElB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,mCApBW,MAAM,UACN,MAAM,UACN,MAAM,YACN;IAAC,IAAI,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,UAAU,CAAA;CAAC,GACjC,MAAM,CAqClB;AAkGD;;;;;;;;;;;;;GAaG;AACH,wCAVW,MAAM,UACN,MAAM,GACJ,MAAM,CAqBlB;AAED;;;;;;;;;;;;GAYG;AACH,kCAVW,MAAM,QACN,MAAM,GACJ,MAAM,CAelB;AAED;;;;;;;;;;;;GAYG;AACH,oCAVW,MAAM,UACN,MAAM,GACJ,MAAM,CAelB;AAED;;;;;;;;;;;;GAYG;AACH,iCAVW,MAAM,OACN,MAAM,GACJ,MAAM,CAelB;AAED;;;;;;;;;;;;;;;GAeG;AACH,iCAbW,MAAM,WACN,MAAM,GACJ,MAAM,CAoBlB;AAED;;;;;;;;;;GAUG;AACH,wCARW,MAAM,GACJ,MAAM,CASlB;AAED;;;;;;;;;;GAUG;AACH,kCARW,MAAM,GACJ,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAapC;AAED;;;;;;;;;;;GAWG;AACH,6CATW,MAAM,UACN,MAAM,GACJ,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAapC;AAED;;;;;;;;;;;;GAYG;AACH,oCAVW,MAAM,UACN,MAAM,UACN,MAAM,GACJ,MAAM,EAAE,CAgBpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,2CArBW,MAAM,eACN,MAAM,mBACN,MAAM,GACJ,MAAM,CA6BlB;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,mDAhCW,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,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,GACtK;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAC,CA4GnC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,gDAzBW,MAAM,YACN;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,GACvG;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAC,CAqEnC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,yDA1CW,MAAM,YACN,GAAC,GACC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAC,CA4H/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;;;;;OAtoCa,MAAM;;;;OACN,MAAM;;;;OACN,MAAM;;;;;;OAKN,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.4.0",
+  "version": "0.4.1",
   "description": "Aviala Design color utils",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",