@gradient-ui/gradient-engine 0.6.0 → 2.0.0

package/dist/index.mjs

@@ -1,65 +1,65 @@
-import { createGradient as r, createGradientFromColor as t } from "./core.mjs";
-import { c as s, g as i, p as n, r as d, a as G } from "./utils-BzSNCfat.js";
-import { C as p, D as S, c as l, a as M, b as m, n as C } from "./designTokens-BnzZfRES.js";
-import { C as g, O as E, S as h, c as f, a as x, b as O, d as T, e as _, f as P, g as k, h as A, i as R, j as L, k as H } from "./presets-DYXLx_nN.js";
-import { c as b, t as u } from "./css-DVaTTIqS.js";
-import { toCanvasGradient as B } from "./formatters.mjs";
-import { t as w, a as y, b as I, c as U } from "./svg-hZus3ztj.js";
-import { createGradientMorphBlobs as z, isGradientMorphBlendMode as q, resolveGradientMorphBlendMode as J, toGradientBoxShadow as K, toGradientDropShadow as Q, toGradientMorphCSS as V, toGradientMorphFilter as W, toGradientMorphFilterMarkup as X, toGradientMorphMarkup as Y } from "./effects.mjs";
-import { toGradientAnimationCSS as $ } from "./animation.mjs";
-import { clearGradientMaterialCache as ae, createGradientMaterial as re, createGradientPreset as te, createGradientTokens as oe, getGradientMaterialCacheStats as se, setGradientMaterialCacheLimit as ie } from "./material.mjs";
-import { D as de, G as Ge } from "./types-BFr1fN-7.js";
+import { createGradient, createGradientFromColor } from "./core.mjs";
+import { c, g, p, r, a } from "./utils-VaqPefmS.js";
+import { C, D, c as c2, a as a2, b, n } from "./designTokens-Bw-HZ1f1.js";
+import { C as C2, O, S, c as c3, a as a3, b as b2, d, e, f, g as g2, h, i, j, k } from "./presets-Du6aTLtD.js";
+import { c as c4, t } from "./css-B3xGfmW1.js";
+import { toCanvasGradient } from "./formatters.mjs";
+import { t as t2, a as a4, b as b3, c as c5 } from "./svg-B2CaHCLv.js";
+import { createGradientMorphBlobs, isGradientMorphBlendMode, resolveGradientMorphBlendMode, toGradientBoxShadow, toGradientDropShadow, toGradientMorphCSS, toGradientMorphFilter, toGradientMorphFilterMarkup, toGradientMorphMarkup } from "./effects.mjs";
+import { toGradientAnimationCSS } from "./animation.mjs";
+import { clearGradientMaterialCache, createGradientMaterial, createGradientPreset, createGradientTokens, getGradientMaterialCacheStats, setGradientMaterialCacheLimit } from "./material.mjs";
+import { D as D2, G } from "./types-B0eCazk8.js";
 export {
-  p as COLOR_SEEDS,
-  g as COLOR_SHADES,
-  de as DEFAULT_GRADIENT_MORPH_BLEND_MODE,
-  S as DEFAULT_SEED,
-  Ge as GRADIENT_MORPH_BLEND_MODES,
-  E as ON_SHADE_TONES,
-  h as SHADE_TONES,
-  ae as clearGradientMaterialCache,
-  s as colorToHex,
-  l as createColorSystem,
-  M as createDesignTokens,
-  r as createGradient,
-  t as createGradientFromColor,
-  re as createGradientMaterial,
-  f as createGradientModel,
-  x as createGradientModelFromColor,
-  z as createGradientMorphBlobs,
-  te as createGradientPreset,
-  oe as createGradientTokens,
-  b as createLinearGradient,
-  O as createOnPalette,
-  T as createPalette,
-  _ as createPalettePair,
-  P as createRecipeStops,
-  m as createSemanticTokens,
-  k as defineGradientPreset,
-  A as defineGradientPresetRegistry,
-  i as getContrastingColor,
-  se as getGradientMaterialCacheStats,
-  R as getGradientPreset,
-  L as gradientPresets,
-  H as gradientRecipes,
-  q as isGradientMorphBlendMode,
-  C as normalizeDesignTokenSeed,
-  n as parseColor,
-  J as resolveGradientMorphBlendMode,
-  d as rgbToChannels,
-  G as rgbToHex,
-  ie as setGradientMaterialCacheLimit,
-  B as toCanvasGradient,
-  u as toCssGradient,
-  $ as toGradientAnimationCSS,
-  K as toGradientBoxShadow,
-  Q as toGradientDropShadow,
-  V as toGradientMorphCSS,
-  W as toGradientMorphFilter,
-  X as toGradientMorphFilterMarkup,
-  Y as toGradientMorphMarkup,
-  w as toSvgGradient,
-  y as toSvgGradientMarkup,
-  I as toSvgPathAnimationMarkup,
-  U as toSvgSourceAnimationMarkup
+  C as COLOR_SEEDS,
+  C2 as COLOR_SHADES,
+  D2 as DEFAULT_GRADIENT_MORPH_BLEND_MODE,
+  D as DEFAULT_SEED,
+  G as GRADIENT_MORPH_BLEND_MODES,
+  O as ON_SHADE_TONES,
+  S as SHADE_TONES,
+  clearGradientMaterialCache,
+  c as colorToHex,
+  c2 as createColorSystem,
+  a2 as createDesignTokens,
+  createGradient,
+  createGradientFromColor,
+  createGradientMaterial,
+  c3 as createGradientModel,
+  a3 as createGradientModelFromColor,
+  createGradientMorphBlobs,
+  createGradientPreset,
+  createGradientTokens,
+  c4 as createLinearGradient,
+  b2 as createOnPalette,
+  d as createPalette,
+  e as createPalettePair,
+  f as createRecipeStops,
+  b as createSemanticTokens,
+  g2 as defineGradientPreset,
+  h as defineGradientPresetRegistry,
+  g as getContrastingColor,
+  getGradientMaterialCacheStats,
+  i as getGradientPreset,
+  j as gradientPresets,
+  k as gradientRecipes,
+  isGradientMorphBlendMode,
+  n as normalizeDesignTokenSeed,
+  p as parseColor,
+  resolveGradientMorphBlendMode,
+  r as rgbToChannels,
+  a as rgbToHex,
+  setGradientMaterialCacheLimit,
+  toCanvasGradient,
+  t as toCssGradient,
+  toGradientAnimationCSS,
+  toGradientBoxShadow,
+  toGradientDropShadow,
+  toGradientMorphCSS,
+  toGradientMorphFilter,
+  toGradientMorphFilterMarkup,
+  toGradientMorphMarkup,
+  t2 as toSvgGradient,
+  a4 as toSvgGradientMarkup,
+  b3 as toSvgPathAnimationMarkup,
+  c5 as toSvgSourceAnimationMarkup
 };

package/dist/material.cjs

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./presets-BBLdqUE4.cjs"),S=require("./animation.cjs"),u=require("./effects.cjs"),G=require("./css-BVHXLMRl.cjs"),x=require("./svg-dGtLYnIJ.cjs"),k=["glare","soft","mesh"],T=128;let y=T;const m=new Map,V=a=>a.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`),p=a=>V(a),j=(a,e,t)=>`${a}-${e}`,$=a=>Object.entries(a).map(([e,t])=>`${e}: ${t};`).join(`
-`),A=a=>a.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`),E=a=>Object.entries(a).map(([e,t])=>`${A(e)}: ${t};`).join(`
-`),b=a=>a===null||typeof a!="object"?JSON.stringify(a):Array.isArray(a)?`[${a.map(b).join(",")}]`:`{${Object.entries(a).filter(([,e])=>e!==void 0).sort(([e],[t])=>e.localeCompare(t)).map(([e,t])=>`${JSON.stringify(e)}:${b(t)}`).join(",")}}`,O=a=>{let e=5381;for(let t=0;t<a.length;t+=1)e=e*33^a.charCodeAt(t);return(e>>>0).toString(36)},P=(a,e)=>b({options:e,seed:a}),L=a=>{const e=m.get(a);if(e)return m.delete(a),m.set(a,e),e},B=(a,e)=>{if(y<=0)return e;for(m.set(a,e);m.size>y;){const t=m.keys().next().value;if(t===void 0)break;m.delete(t)}return e},I=()=>{m.clear()},K=a=>{for(y=Math.max(0,Math.floor(a));m.size>y;){const e=m.keys().next().value;if(e===void 0)break;m.delete(e)}},q=()=>({limit:y,size:m.size}),z=(a,e,t,r)=>{const i=$(e),c=E(t),s=[i,c].filter(Boolean).join(`
-`);return[`.${a} {
-${s}
-}`,r].filter(Boolean).join(`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const presets=require("./presets-DA-6KYJh.cjs"),animation=require("./animation.cjs"),effects=require("./effects.cjs"),css=require("./css-CREh0Awz.cjs"),svg=require("./svg-BtMrj3fP.cjs"),DEFAULT_TOKEN_RECIPES=["glare","soft","mesh"],DEFAULT_MATERIAL_CACHE_LIMIT=128;let materialCacheLimit=DEFAULT_MATERIAL_CACHE_LIMIT;const materialCache=new Map,toKebabCase=value=>value.replace(/[A-Z]/g,match=>`-${match.toLowerCase()}`),toTokenName=recipe=>toKebabCase(recipe),toCssVar=(prefix,name,suffix)=>`${prefix}-${name}`,toCssText=cssVars=>Object.entries(cssVars).map(([name,value])=>`${name}: ${value};`).join(`
+`),toCssProperty=value=>value.replace(/[A-Z]/g,match=>`-${match.toLowerCase()}`),toCssDeclarations=styles=>Object.entries(styles).map(([name,value])=>`${toCssProperty(name)}: ${value};`).join(`
+`),stableSerialize=value=>value===null||typeof value!="object"?JSON.stringify(value):Array.isArray(value)?`[${value.map(stableSerialize).join(",")}]`:`{${Object.entries(value).filter(([,entryValue])=>entryValue!==void 0).sort(([firstKey],[secondKey])=>firstKey.localeCompare(secondKey)).map(([key,entryValue])=>`${JSON.stringify(key)}:${stableSerialize(entryValue)}`).join(",")}}`,hashString=value=>{let hash=5381;for(let index=0;index<value.length;index+=1)hash=hash*33^value.charCodeAt(index);return(hash>>>0).toString(36)},getMaterialCacheKey=(seed,options)=>stableSerialize({options,seed}),getCachedMaterial=key=>{const cachedMaterial=materialCache.get(key);if(cachedMaterial)return materialCache.delete(key),materialCache.set(key,cachedMaterial),cachedMaterial},setCachedMaterial=(key,material)=>{if(materialCacheLimit<=0)return material;for(materialCache.set(key,material);materialCache.size>materialCacheLimit;){const oldestKey=materialCache.keys().next().value;if(oldestKey===void 0)break;materialCache.delete(oldestKey)}return material},clearGradientMaterialCache=()=>{materialCache.clear()},setGradientMaterialCacheLimit=limit=>{for(materialCacheLimit=Math.max(0,Math.floor(limit));materialCache.size>materialCacheLimit;){const oldestKey=materialCache.keys().next().value;if(oldestKey===void 0)break;materialCache.delete(oldestKey)}},getGradientMaterialCacheStats=()=>({limit:materialCacheLimit,size:materialCache.size}),toScopedCssText=(className,cssVars,style,keyframes)=>{const vars=toCssText(cssVars),styles=toCssDeclarations(style),body=[vars,styles].filter(Boolean).join(`
+`);return[`.${className} {
+${body}
+}`,keyframes].filter(Boolean).join(`
 
-`)},N=(a,e)=>a in e,v=(a,e)=>N(a,e)?g.getGradientPreset(a,e):a==="soft"?{label:"Soft",description:"Quiet monochrome radial gradient.",gradient:{recipe:"monochrome",type:"radial",position:"center",shape:"ellipse"},shadow:{layers:2,opacity:.18,blur:18,y:7,spread:-4},dropShadow:{layers:2,opacity:.26,blur:16,y:6},animation:{preset:"pulse",duration:7200,easing:"ease-in-out"}}:a==="mesh"?null:{label:a,gradient:{recipe:a,type:"linear",direction:a==="glare"?135:145}},_=a=>{const e=[`radial-gradient(circle at 16% 18%, ${g.shiftHue(a,-42,72,1.05)} 0%, transparent 34%)`,`radial-gradient(circle at 86% 20%, ${g.getComplementaryColor(a)} 0%, transparent 32%)`,`radial-gradient(circle at 50% 84%, ${g.shiftHue(a,56,64,1.08)} 0%, transparent 38%)`,`linear-gradient(135deg, ${g.changeTone(a,94)}, ${g.changeTone(a,28)})`];return{layers:e,value:e.join(", ")}},D=(a,e,t,r,i)=>{if(e==="mesh"){const n=_(a);return{cssVar:t,layers:n.layers,value:n.value}}const c=v(e,i),s=g.createPalette(a),l=g.createGradientModel(s,{...c==null?void 0:c.gradient,...r});return{cssVar:t,model:l,stops:l.stops,svg:x.toSvgGradient(l,{id:t.replace(/^--/,"")}),value:G.toCssGradient(l)}},F=(a,e,t,r)=>{var l,n;if(!a)return{};const i=`${e.replace(/^--/,"")}-morph`,c=u.resolveGradientMorphBlendMode((l=r==null?void 0:r.morph)==null?void 0:l.blendMode),s={...r==null?void 0:r.morph,id:((n=r==null?void 0:r.morph)==null?void 0:n.id)??i};return{boxShadow:{cssVar:`${e}-shadow`,value:u.toGradientBoxShadow(a,(r==null?void 0:r.shadow)??(t==null?void 0:t.shadow))},dropShadow:{cssVar:`${e}-drop-shadow`,value:u.toGradientDropShadow(a,(r==null?void 0:r.dropShadow)??(t==null?void 0:t.dropShadow))},morph:{blendMode:c,blendModeCssVar:`${e}-morph-blend-mode`,cssVar:`${e}-morph`,svg:u.toGradientMorphFilterMarkup(s),value:u.toGradientMorphFilter(s)}}},H=(a,e,t,r)=>{var c;const i={...t==null?void 0:t.animation,...r,name:`g-gradient-${a}-${(r==null?void 0:r.preset)??((c=t==null?void 0:t.animation)==null?void 0:c.preset)??"shift"}`,selector:`.g-gradient-${a}`};return{css:S.toGradientAnimationCSS(i),cssVar:`${e}-animation`,keyframes:S.toGradientAnimationKeyframes(i),name:i.name,value:S.toGradientAnimationValue(i)}},M=(a,e="glare",t={})=>{const r=t.registry??g.gradientPresets,i=p(e),c=j(t.prefix??"--g-gradient",i),s=v(e,r),n=g.createPalette(a)[500],d=D(n,e,c,t,r),f={[c]:d.value},o=t.effects?F(d.model,c,s,{dropShadow:t.dropShadow,morph:t.morph,shadow:t.shadow}):void 0,h=t.animations?H(i,c,s,t.animation):void 0;return o!=null&&o.boxShadow&&(f[o.boxShadow.cssVar]=o.boxShadow.value),o!=null&&o.dropShadow&&(f[o.dropShadow.cssVar]=o.dropShadow.value),o!=null&&o.morph&&(f[o.morph.cssVar]=o.morph.value,f[o.morph.blendModeCssVar]=o.morph.blendMode),h&&(f[h.cssVar]=h.value),{animation:h,cssText:$(f),cssVars:f,description:s==null?void 0:s.description,effects:o,gradient:d,keyframes:(h==null?void 0:h.keyframes)??"",label:(s==null?void 0:s.label)??i,name:i}},J=(a,e={})=>{const t=e.recipes??k,r={},i={},c={},s={},l=[];for(const n of t){const d=M(a,n,{animations:e.animations,effects:e.effects,morph:e.morph,prefix:e.prefix,registry:e.registry});r[d.name]=d.gradient,Object.assign(s,d.cssVars),d.effects&&(i[d.name]=d.effects),d.animation&&(c[d.name]=d.animation,l.push(d.animation.keyframes))}return{animations:c,cssText:$(s),cssVars:s,effects:i,gradients:r,keyframes:l.join(`
-`)}},R=(a,e={})=>{var w,C;const t=P(a,e),r=L(t);if(r)return r;const{className:i,id:c,recipe:s="glare",...l}=e,n=M(a,s,l),d=n.gradient.model&&e.effects&&e.morph?u.createGradientMorphBlobs(n.gradient.model,e.morph):void 0,f=c??`g-gradient-${n.name}-${O(b({options:e,seed:a}))}`,o=i??f,h={backgroundImage:`var(${n.gradient.cssVar})`};return(w=n.effects)!=null&&w.boxShadow&&(h.boxShadow=`var(${n.effects.boxShadow.cssVar})`),(C=n.effects)!=null&&C.dropShadow&&(h.filter=`var(${n.effects.dropShadow.cssVar})`),n.animation&&(h.animation=`var(${n.animation.cssVar})`),B(t,{animation:n.animation,className:o,cssText:z(o,n.cssVars,h,n.keyframes),cssVars:n.cssVars,effects:n.effects,gradient:n.gradient,id:f,keyframes:n.keyframes,morphBlobs:d,preset:n,style:h})};exports.clearGradientMaterialCache=I;exports.createGradientMaterial=R;exports.createGradientPreset=M;exports.createGradientTokens=J;exports.getGradientMaterialCacheStats=q;exports.setGradientMaterialCacheLimit=K;
+`)},isGradientPresetName=(value,registry)=>value in registry,resolveTokenPreset=(recipe,registry)=>isGradientPresetName(recipe,registry)?presets.getGradientPreset(recipe,registry):recipe==="soft"?{label:"Soft",description:"Quiet monochrome radial gradient.",gradient:{recipe:"monochrome",type:"radial",position:"center",shape:"ellipse"},shadow:{layers:2,opacity:.18,blur:18,y:7,spread:-4},dropShadow:{layers:2,opacity:.26,blur:16,y:6},animation:{preset:"pulse",duration:7200,easing:"ease-in-out"}}:recipe==="mesh"?null:{label:recipe,gradient:{recipe,type:"linear",direction:recipe==="glare"?135:145}},createMeshGradient=seed=>{const layers=[`radial-gradient(circle at 16% 18%, ${presets.shiftHue(seed,-42,72,1.05)} 0%, transparent 34%)`,`radial-gradient(circle at 86% 20%, ${presets.getComplementaryColor(seed)} 0%, transparent 32%)`,`radial-gradient(circle at 50% 84%, ${presets.shiftHue(seed,56,64,1.08)} 0%, transparent 38%)`,`linear-gradient(135deg, ${presets.changeTone(seed,94)}, ${presets.changeTone(seed,28)})`];return{layers,value:layers.join(", ")}},createTokenGradientEntry=(seed,recipe,cssVar,options,registry)=>{if(recipe==="mesh"){const mesh=createMeshGradient(seed);return{cssVar,layers:mesh.layers,value:mesh.value}}const preset=resolveTokenPreset(recipe,registry),palette=presets.createPalette(seed),model=presets.createGradientModel(palette,{...preset==null?void 0:preset.gradient,...options});return{cssVar,model,stops:model.stops,svg:svg.toSvgGradient(model,{id:cssVar.replace(/^--/,"")}),value:css.toCssGradient(model)}},createTokenEffectEntry=(model,cssVarName,preset,options)=>{var _a,_b;if(!model)return{};const morphId=`${cssVarName.replace(/^--/,"")}-morph`,morphBlendMode=effects.resolveGradientMorphBlendMode((_a=options==null?void 0:options.morph)==null?void 0:_a.blendMode),morphOptions={...options==null?void 0:options.morph,id:((_b=options==null?void 0:options.morph)==null?void 0:_b.id)??morphId};return{boxShadow:{cssVar:`${cssVarName}-shadow`,value:effects.toGradientBoxShadow(model,(options==null?void 0:options.shadow)??(preset==null?void 0:preset.shadow))},dropShadow:{cssVar:`${cssVarName}-drop-shadow`,value:effects.toGradientDropShadow(model,(options==null?void 0:options.dropShadow)??(preset==null?void 0:preset.dropShadow))},morph:{blendMode:morphBlendMode,blendModeCssVar:`${cssVarName}-morph-blend-mode`,cssVar:`${cssVarName}-morph`,svg:effects.toGradientMorphFilterMarkup(morphOptions),value:effects.toGradientMorphFilter(morphOptions)}}},createTokenAnimationEntry=(name,cssVarName,preset,options)=>{var _a;const animationOptions={...preset==null?void 0:preset.animation,...options,name:`g-gradient-${name}-${(options==null?void 0:options.preset)??((_a=preset==null?void 0:preset.animation)==null?void 0:_a.preset)??"shift"}`,selector:`.g-gradient-${name}`};return{css:animation.toGradientAnimationCSS(animationOptions),cssVar:`${cssVarName}-animation`,keyframes:animation.toGradientAnimationKeyframes(animationOptions),name:animationOptions.name,value:animation.toGradientAnimationValue(animationOptions)}},createGradientPreset=(seed,recipe="glare",options={})=>{const registry=options.registry??presets.gradientPresets,name=toTokenName(recipe),cssVarName=toCssVar(options.prefix??"--g-gradient",name),preset=resolveTokenPreset(recipe,registry),seedColor=presets.createPalette(seed)[500],gradient=createTokenGradientEntry(seedColor,recipe,cssVarName,options,registry),cssVars={[cssVarName]:gradient.value},effects2=options.effects?createTokenEffectEntry(gradient.model,cssVarName,preset,{dropShadow:options.dropShadow,morph:options.morph,shadow:options.shadow}):void 0,animation2=options.animations?createTokenAnimationEntry(name,cssVarName,preset,options.animation):void 0;return effects2!=null&&effects2.boxShadow&&(cssVars[effects2.boxShadow.cssVar]=effects2.boxShadow.value),effects2!=null&&effects2.dropShadow&&(cssVars[effects2.dropShadow.cssVar]=effects2.dropShadow.value),effects2!=null&&effects2.morph&&(cssVars[effects2.morph.cssVar]=effects2.morph.value,cssVars[effects2.morph.blendModeCssVar]=effects2.morph.blendMode),animation2&&(cssVars[animation2.cssVar]=animation2.value),{animation:animation2,cssText:toCssText(cssVars),cssVars,description:preset==null?void 0:preset.description,effects:effects2,gradient,keyframes:(animation2==null?void 0:animation2.keyframes)??"",label:(preset==null?void 0:preset.label)??name,name}},createGradientTokens=(seed,options={})=>{const recipes=options.recipes??DEFAULT_TOKEN_RECIPES,gradients={},effects2={},animations={},cssVars={},keyframes=[];for(const recipe of recipes){const preset=createGradientPreset(seed,recipe,{animations:options.animations,effects:options.effects,morph:options.morph,prefix:options.prefix,registry:options.registry});gradients[preset.name]=preset.gradient,Object.assign(cssVars,preset.cssVars),preset.effects&&(effects2[preset.name]=preset.effects),preset.animation&&(animations[preset.name]=preset.animation,keyframes.push(preset.animation.keyframes))}return{animations,cssText:toCssText(cssVars),cssVars,effects:effects2,gradients,keyframes:keyframes.join(`
+`)}},createGradientMaterial=(seed,options={})=>{var _a,_b;const cacheKey=getMaterialCacheKey(seed,options),cachedMaterial=getCachedMaterial(cacheKey);if(cachedMaterial)return cachedMaterial;const{className,id,recipe="glare",...presetOptions}=options,preset=createGradientPreset(seed,recipe,presetOptions),morphBlobs=preset.gradient.model&&options.effects&&options.morph?effects.createGradientMorphBlobs(preset.gradient.model,options.morph):void 0,stableId=id??`g-gradient-${preset.name}-${hashString(stableSerialize({options,seed}))}`,stableClassName=className??stableId,style={backgroundImage:`var(${preset.gradient.cssVar})`};return(_a=preset.effects)!=null&&_a.boxShadow&&(style.boxShadow=`var(${preset.effects.boxShadow.cssVar})`),(_b=preset.effects)!=null&&_b.dropShadow&&(style.filter=`var(${preset.effects.dropShadow.cssVar})`),preset.animation&&(style.animation=`var(${preset.animation.cssVar})`),setCachedMaterial(cacheKey,{animation:preset.animation,className:stableClassName,cssText:toScopedCssText(stableClassName,preset.cssVars,style,preset.keyframes),cssVars:preset.cssVars,effects:preset.effects,gradient:preset.gradient,id:stableId,keyframes:preset.keyframes,morphBlobs,preset,style})};exports.clearGradientMaterialCache=clearGradientMaterialCache;exports.createGradientMaterial=createGradientMaterial;exports.createGradientPreset=createGradientPreset;exports.createGradientTokens=createGradientTokens;exports.getGradientMaterialCacheStats=getGradientMaterialCacheStats;exports.setGradientMaterialCacheLimit=setGradientMaterialCacheLimit;

package/dist/material.mjs

@@ -1,51 +1,51 @@
-import { j as x, d as C, i as G, c as p, s as w, n as k, o as S } from "./presets-DYXLx_nN.js";
-import { toGradientAnimationValue as T, toGradientAnimationKeyframes as V, toGradientAnimationCSS as j } from "./animation.mjs";
-import { createGradientMorphBlobs as A, resolveGradientMorphBlendMode as E, toGradientMorphFilter as O, toGradientMorphFilterMarkup as L, toGradientDropShadow as P, toGradientBoxShadow as B } from "./effects.mjs";
-import { t as I } from "./css-DVaTTIqS.js";
-import { t as K } from "./svg-hZus3ztj.js";
-const z = ["glare", "soft", "mesh"], N = 128;
-let g = N;
-const h = /* @__PURE__ */ new Map(), _ = (a) => a.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), D = (a) => _(a), F = (a, e, r) => `${a}-${e}`, y = (a) => Object.entries(a).map(([e, r]) => `${e}: ${r};`).join(`
-`), H = (a) => a.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), J = (a) => Object.entries(a).map(([e, r]) => `${H(e)}: ${r};`).join(`
-`), u = (a) => a === null || typeof a != "object" ? JSON.stringify(a) : Array.isArray(a) ? `[${a.map(u).join(",")}]` : `{${Object.entries(a).filter(([, e]) => e !== void 0).sort(([e], [r]) => e.localeCompare(r)).map(
-  ([e, r]) => `${JSON.stringify(e)}:${u(r)}`
-).join(",")}}`, R = (a) => {
-  let e = 5381;
-  for (let r = 0; r < a.length; r += 1)
-    e = e * 33 ^ a.charCodeAt(r);
-  return (e >>> 0).toString(36);
-}, U = (a, e) => u({ options: e, seed: a }), Z = (a) => {
-  const e = h.get(a);
-  if (e)
-    return h.delete(a), h.set(a, e), e;
-}, Q = (a, e) => {
-  if (g <= 0) return e;
-  for (h.set(a, e); h.size > g; ) {
-    const r = h.keys().next().value;
-    if (r === void 0) break;
-    h.delete(r);
+import { j as gradientPresets, d as createPalette, i as getGradientPreset, c as createGradientModel, s as shiftHue, n as getComplementaryColor, o as changeTone } from "./presets-Du6aTLtD.js";
+import { toGradientAnimationValue, toGradientAnimationKeyframes, toGradientAnimationCSS } from "./animation.mjs";
+import { createGradientMorphBlobs, resolveGradientMorphBlendMode, toGradientMorphFilter, toGradientMorphFilterMarkup, toGradientDropShadow, toGradientBoxShadow } from "./effects.mjs";
+import { t as toCssGradient } from "./css-B3xGfmW1.js";
+import { t as toSvgGradient } from "./svg-B2CaHCLv.js";
+const DEFAULT_TOKEN_RECIPES = ["glare", "soft", "mesh"], DEFAULT_MATERIAL_CACHE_LIMIT = 128;
+let materialCacheLimit = DEFAULT_MATERIAL_CACHE_LIMIT;
+const materialCache = /* @__PURE__ */ new Map(), toKebabCase = (value) => value.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`), toTokenName = (recipe) => toKebabCase(recipe), toCssVar = (prefix, name, suffix) => `${prefix}-${name}`, toCssText = (cssVars) => Object.entries(cssVars).map(([name, value]) => `${name}: ${value};`).join(`
+`), toCssProperty = (value) => value.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`), toCssDeclarations = (styles) => Object.entries(styles).map(([name, value]) => `${toCssProperty(name)}: ${value};`).join(`
+`), stableSerialize = (value) => value === null || typeof value != "object" ? JSON.stringify(value) : Array.isArray(value) ? `[${value.map(stableSerialize).join(",")}]` : `{${Object.entries(value).filter(([, entryValue]) => entryValue !== void 0).sort(([firstKey], [secondKey]) => firstKey.localeCompare(secondKey)).map(
+  ([key, entryValue]) => `${JSON.stringify(key)}:${stableSerialize(entryValue)}`
+).join(",")}}`, hashString = (value) => {
+  let hash = 5381;
+  for (let index = 0; index < value.length; index += 1)
+    hash = hash * 33 ^ value.charCodeAt(index);
+  return (hash >>> 0).toString(36);
+}, getMaterialCacheKey = (seed, options) => stableSerialize({ options, seed }), getCachedMaterial = (key) => {
+  const cachedMaterial = materialCache.get(key);
+  if (cachedMaterial)
+    return materialCache.delete(key), materialCache.set(key, cachedMaterial), cachedMaterial;
+}, setCachedMaterial = (key, material) => {
+  if (materialCacheLimit <= 0) return material;
+  for (materialCache.set(key, material); materialCache.size > materialCacheLimit; ) {
+    const oldestKey = materialCache.keys().next().value;
+    if (oldestKey === void 0) break;
+    materialCache.delete(oldestKey);
   }
-  return e;
-}, ie = () => {
-  h.clear();
-}, ce = (a) => {
-  for (g = Math.max(0, Math.floor(a)); h.size > g; ) {
-    const e = h.keys().next().value;
-    if (e === void 0) break;
-    h.delete(e);
+  return material;
+}, clearGradientMaterialCache = () => {
+  materialCache.clear();
+}, setGradientMaterialCacheLimit = (limit) => {
+  for (materialCacheLimit = Math.max(0, Math.floor(limit)); materialCache.size > materialCacheLimit; ) {
+    const oldestKey = materialCache.keys().next().value;
+    if (oldestKey === void 0) break;
+    materialCache.delete(oldestKey);
   }
-}, de = () => ({
-  limit: g,
-  size: h.size
-}), q = (a, e, r, t) => {
-  const i = y(e), c = J(r), s = [i, c].filter(Boolean).join(`
+}, getGradientMaterialCacheStats = () => ({
+  limit: materialCacheLimit,
+  size: materialCache.size
+}), toScopedCssText = (className, cssVars, style, keyframes) => {
+  const vars = toCssText(cssVars), styles = toCssDeclarations(style), body = [vars, styles].filter(Boolean).join(`
 `);
-  return [`.${a} {
-${s}
-}`, t].filter(Boolean).join(`
+  return [`.${className} {
+${body}
+}`, keyframes].filter(Boolean).join(`
 
 `);
-}, W = (a, e) => a in e, M = (a, e) => W(a, e) ? G(a, e) : a === "soft" ? {
+}, isGradientPresetName = (value, registry) => value in registry, resolveTokenPreset = (recipe, registry) => isGradientPresetName(recipe, registry) ? getGradientPreset(recipe, registry) : recipe === "soft" ? {
   label: "Soft",
   description: "Quiet monochrome radial gradient.",
   gradient: {
@@ -72,167 +72,167 @@ ${s}
     duration: 7200,
     easing: "ease-in-out"
   }
-} : a === "mesh" ? null : {
-  label: a,
+} : recipe === "mesh" ? null : {
+  label: recipe,
   gradient: {
-    recipe: a,
+    recipe,
     type: "linear",
-    direction: a === "glare" ? 135 : 145
+    direction: recipe === "glare" ? 135 : 145
   }
-}, X = (a) => {
-  const e = [
-    `radial-gradient(circle at 16% 18%, ${w(a, -42, 72, 1.05)} 0%, transparent 34%)`,
-    `radial-gradient(circle at 86% 20%, ${k(a)} 0%, transparent 32%)`,
-    `radial-gradient(circle at 50% 84%, ${w(a, 56, 64, 1.08)} 0%, transparent 38%)`,
-    `linear-gradient(135deg, ${S(a, 94)}, ${S(a, 28)})`
+}, createMeshGradient = (seed) => {
+  const layers = [
+    `radial-gradient(circle at 16% 18%, ${shiftHue(seed, -42, 72, 1.05)} 0%, transparent 34%)`,
+    `radial-gradient(circle at 86% 20%, ${getComplementaryColor(seed)} 0%, transparent 32%)`,
+    `radial-gradient(circle at 50% 84%, ${shiftHue(seed, 56, 64, 1.08)} 0%, transparent 38%)`,
+    `linear-gradient(135deg, ${changeTone(seed, 94)}, ${changeTone(seed, 28)})`
   ];
   return {
-    layers: e,
-    value: e.join(", ")
+    layers,
+    value: layers.join(", ")
   };
-}, Y = (a, e, r, t, i) => {
-  if (e === "mesh") {
-    const n = X(a);
+}, createTokenGradientEntry = (seed, recipe, cssVar, options, registry) => {
+  if (recipe === "mesh") {
+    const mesh = createMeshGradient(seed);
     return {
-      cssVar: r,
-      layers: n.layers,
-      value: n.value
+      cssVar,
+      layers: mesh.layers,
+      value: mesh.value
     };
   }
-  const c = M(e, i), s = C(a), l = p(s, {
-    ...c == null ? void 0 : c.gradient,
-    ...t
+  const preset = resolveTokenPreset(recipe, registry), palette = createPalette(seed), model = createGradientModel(palette, {
+    ...preset == null ? void 0 : preset.gradient,
+    ...options
   });
   return {
-    cssVar: r,
-    model: l,
-    stops: l.stops,
-    svg: K(l, { id: r.replace(/^--/, "") }),
-    value: I(l)
+    cssVar,
+    model,
+    stops: model.stops,
+    svg: toSvgGradient(model, { id: cssVar.replace(/^--/, "") }),
+    value: toCssGradient(model)
   };
-}, ee = (a, e, r, t) => {
-  var l, n;
-  if (!a) return {};
-  const i = `${e.replace(/^--/, "")}-morph`, c = E(
-    (l = t == null ? void 0 : t.morph) == null ? void 0 : l.blendMode
-  ), s = {
-    ...t == null ? void 0 : t.morph,
-    id: ((n = t == null ? void 0 : t.morph) == null ? void 0 : n.id) ?? i
+}, createTokenEffectEntry = (model, cssVarName, preset, options) => {
+  var _a, _b;
+  if (!model) return {};
+  const morphId = `${cssVarName.replace(/^--/, "")}-morph`, morphBlendMode = resolveGradientMorphBlendMode(
+    (_a = options == null ? void 0 : options.morph) == null ? void 0 : _a.blendMode
+  ), morphOptions = {
+    ...options == null ? void 0 : options.morph,
+    id: ((_b = options == null ? void 0 : options.morph) == null ? void 0 : _b.id) ?? morphId
   };
   return {
     boxShadow: {
-      cssVar: `${e}-shadow`,
-      value: B(a, (t == null ? void 0 : t.shadow) ?? (r == null ? void 0 : r.shadow))
+      cssVar: `${cssVarName}-shadow`,
+      value: toGradientBoxShadow(model, (options == null ? void 0 : options.shadow) ?? (preset == null ? void 0 : preset.shadow))
     },
     dropShadow: {
-      cssVar: `${e}-drop-shadow`,
-      value: P(
-        a,
-        (t == null ? void 0 : t.dropShadow) ?? (r == null ? void 0 : r.dropShadow)
+      cssVar: `${cssVarName}-drop-shadow`,
+      value: toGradientDropShadow(
+        model,
+        (options == null ? void 0 : options.dropShadow) ?? (preset == null ? void 0 : preset.dropShadow)
       )
     },
     morph: {
-      blendMode: c,
-      blendModeCssVar: `${e}-morph-blend-mode`,
-      cssVar: `${e}-morph`,
-      svg: L(s),
-      value: O(s)
+      blendMode: morphBlendMode,
+      blendModeCssVar: `${cssVarName}-morph-blend-mode`,
+      cssVar: `${cssVarName}-morph`,
+      svg: toGradientMorphFilterMarkup(morphOptions),
+      value: toGradientMorphFilter(morphOptions)
     }
   };
-}, ae = (a, e, r, t) => {
-  var c;
-  const i = {
-    ...r == null ? void 0 : r.animation,
-    ...t,
-    name: `g-gradient-${a}-${(t == null ? void 0 : t.preset) ?? ((c = r == null ? void 0 : r.animation) == null ? void 0 : c.preset) ?? "shift"}`,
-    selector: `.g-gradient-${a}`
+}, createTokenAnimationEntry = (name, cssVarName, preset, options) => {
+  var _a;
+  const animationOptions = {
+    ...preset == null ? void 0 : preset.animation,
+    ...options,
+    name: `g-gradient-${name}-${(options == null ? void 0 : options.preset) ?? ((_a = preset == null ? void 0 : preset.animation) == null ? void 0 : _a.preset) ?? "shift"}`,
+    selector: `.g-gradient-${name}`
   };
   return {
-    css: j(i),
-    cssVar: `${e}-animation`,
-    keyframes: V(i),
-    name: i.name,
-    value: T(i)
+    css: toGradientAnimationCSS(animationOptions),
+    cssVar: `${cssVarName}-animation`,
+    keyframes: toGradientAnimationKeyframes(animationOptions),
+    name: animationOptions.name,
+    value: toGradientAnimationValue(animationOptions)
   };
-}, v = (a, e = "glare", r = {}) => {
-  const t = r.registry ?? x, i = D(e), c = F(r.prefix ?? "--g-gradient", i), s = M(e, t), n = C(a)[500], d = Y(
-    n,
-    e,
-    c,
-    r,
-    t
-  ), f = {
-    [c]: d.value
-  }, o = r.effects ? ee(d.model, c, s, {
-    dropShadow: r.dropShadow,
-    morph: r.morph,
-    shadow: r.shadow
-  }) : void 0, m = r.animations ? ae(i, c, s, r.animation) : void 0;
-  return o != null && o.boxShadow && (f[o.boxShadow.cssVar] = o.boxShadow.value), o != null && o.dropShadow && (f[o.dropShadow.cssVar] = o.dropShadow.value), o != null && o.morph && (f[o.morph.cssVar] = o.morph.value, f[o.morph.blendModeCssVar] = o.morph.blendMode), m && (f[m.cssVar] = m.value), {
-    animation: m,
-    cssText: y(f),
-    cssVars: f,
-    description: s == null ? void 0 : s.description,
-    effects: o,
-    gradient: d,
-    keyframes: (m == null ? void 0 : m.keyframes) ?? "",
-    label: (s == null ? void 0 : s.label) ?? i,
-    name: i
+}, createGradientPreset = (seed, recipe = "glare", options = {}) => {
+  const registry = options.registry ?? gradientPresets, name = toTokenName(recipe), cssVarName = toCssVar(options.prefix ?? "--g-gradient", name), preset = resolveTokenPreset(recipe, registry), seedColor = createPalette(seed)[500], gradient = createTokenGradientEntry(
+    seedColor,
+    recipe,
+    cssVarName,
+    options,
+    registry
+  ), cssVars = {
+    [cssVarName]: gradient.value
+  }, effects = options.effects ? createTokenEffectEntry(gradient.model, cssVarName, preset, {
+    dropShadow: options.dropShadow,
+    morph: options.morph,
+    shadow: options.shadow
+  }) : void 0, animation = options.animations ? createTokenAnimationEntry(name, cssVarName, preset, options.animation) : void 0;
+  return effects != null && effects.boxShadow && (cssVars[effects.boxShadow.cssVar] = effects.boxShadow.value), effects != null && effects.dropShadow && (cssVars[effects.dropShadow.cssVar] = effects.dropShadow.value), effects != null && effects.morph && (cssVars[effects.morph.cssVar] = effects.morph.value, cssVars[effects.morph.blendModeCssVar] = effects.morph.blendMode), animation && (cssVars[animation.cssVar] = animation.value), {
+    animation,
+    cssText: toCssText(cssVars),
+    cssVars,
+    description: preset == null ? void 0 : preset.description,
+    effects,
+    gradient,
+    keyframes: (animation == null ? void 0 : animation.keyframes) ?? "",
+    label: (preset == null ? void 0 : preset.label) ?? name,
+    name
   };
-}, le = (a, e = {}) => {
-  const r = e.recipes ?? z, t = {}, i = {}, c = {}, s = {}, l = [];
-  for (const n of r) {
-    const d = v(a, n, {
-      animations: e.animations,
-      effects: e.effects,
-      morph: e.morph,
-      prefix: e.prefix,
-      registry: e.registry
+}, createGradientTokens = (seed, options = {}) => {
+  const recipes = options.recipes ?? DEFAULT_TOKEN_RECIPES, gradients = {}, effects = {}, animations = {}, cssVars = {}, keyframes = [];
+  for (const recipe of recipes) {
+    const preset = createGradientPreset(seed, recipe, {
+      animations: options.animations,
+      effects: options.effects,
+      morph: options.morph,
+      prefix: options.prefix,
+      registry: options.registry
     });
-    t[d.name] = d.gradient, Object.assign(s, d.cssVars), d.effects && (i[d.name] = d.effects), d.animation && (c[d.name] = d.animation, l.push(d.animation.keyframes));
+    gradients[preset.name] = preset.gradient, Object.assign(cssVars, preset.cssVars), preset.effects && (effects[preset.name] = preset.effects), preset.animation && (animations[preset.name] = preset.animation, keyframes.push(preset.animation.keyframes));
   }
   return {
-    animations: c,
-    cssText: y(s),
-    cssVars: s,
-    effects: i,
-    gradients: t,
-    keyframes: l.join(`
+    animations,
+    cssText: toCssText(cssVars),
+    cssVars,
+    effects,
+    gradients,
+    keyframes: keyframes.join(`
 `)
   };
-}, me = (a, e = {}) => {
-  var b, $;
-  const r = U(a, e), t = Z(r);
-  if (t) return t;
-  const { className: i, id: c, recipe: s = "glare", ...l } = e, n = v(a, s, l), d = n.gradient.model && e.effects && e.morph ? A(n.gradient.model, e.morph) : void 0, f = c ?? `g-gradient-${n.name}-${R(
-    u({ options: e, seed: a })
-  )}`, o = i ?? f, m = {
-    backgroundImage: `var(${n.gradient.cssVar})`
+}, createGradientMaterial = (seed, options = {}) => {
+  var _a, _b;
+  const cacheKey = getMaterialCacheKey(seed, options), cachedMaterial = getCachedMaterial(cacheKey);
+  if (cachedMaterial) return cachedMaterial;
+  const { className, id, recipe = "glare", ...presetOptions } = options, preset = createGradientPreset(seed, recipe, presetOptions), morphBlobs = preset.gradient.model && options.effects && options.morph ? createGradientMorphBlobs(preset.gradient.model, options.morph) : void 0, stableId = id ?? `g-gradient-${preset.name}-${hashString(
+    stableSerialize({ options, seed })
+  )}`, stableClassName = className ?? stableId, style = {
+    backgroundImage: `var(${preset.gradient.cssVar})`
   };
-  return (b = n.effects) != null && b.boxShadow && (m.boxShadow = `var(${n.effects.boxShadow.cssVar})`), ($ = n.effects) != null && $.dropShadow && (m.filter = `var(${n.effects.dropShadow.cssVar})`), n.animation && (m.animation = `var(${n.animation.cssVar})`), Q(r, {
-    animation: n.animation,
-    className: o,
-    cssText: q(
-      o,
-      n.cssVars,
-      m,
-      n.keyframes
+  return (_a = preset.effects) != null && _a.boxShadow && (style.boxShadow = `var(${preset.effects.boxShadow.cssVar})`), (_b = preset.effects) != null && _b.dropShadow && (style.filter = `var(${preset.effects.dropShadow.cssVar})`), preset.animation && (style.animation = `var(${preset.animation.cssVar})`), setCachedMaterial(cacheKey, {
+    animation: preset.animation,
+    className: stableClassName,
+    cssText: toScopedCssText(
+      stableClassName,
+      preset.cssVars,
+      style,
+      preset.keyframes
     ),
-    cssVars: n.cssVars,
-    effects: n.effects,
-    gradient: n.gradient,
-    id: f,
-    keyframes: n.keyframes,
-    morphBlobs: d,
-    preset: n,
-    style: m
+    cssVars: preset.cssVars,
+    effects: preset.effects,
+    gradient: preset.gradient,
+    id: stableId,
+    keyframes: preset.keyframes,
+    morphBlobs,
+    preset,
+    style
   });
 };
 export {
-  ie as clearGradientMaterialCache,
-  me as createGradientMaterial,
-  v as createGradientPreset,
-  le as createGradientTokens,
-  de as getGradientMaterialCacheStats,
-  ce as setGradientMaterialCacheLimit
+  clearGradientMaterialCache,
+  createGradientMaterial,
+  createGradientPreset,
+  createGradientTokens,
+  getGradientMaterialCacheStats,
+  setGradientMaterialCacheLimit
 };