@gradient-ui/gradient-engine 0.5.0 → 1.0.0

package/dist/formatters.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const G=require("./css-YuAJQW13.cjs"),h=require("./utils-6iJ6IpZZ.cjs"),n=require("./svg-BVcl24Cf.cjs"),M=(r,a,t={})=>{const c=t.width??r.canvas.width,s=t.height??r.canvas.height,e=c/2,i=s/2,v=Math.hypot(c,s)/2,o=((typeof a.direction=="number"?a.direction:Number.parseFloat(a.direction)||h.DEFAULT_GRADIENT_DIRECTION)-90)*Math.PI/180,S=c/2,f=s/2,u=Math.cos(o)*S,g=Math.sin(o)*f,y=a.type==="radial"?r.createRadialGradient(t.x0??e,t.y0??i,t.r0??0,t.x1??e,t.y1??i,t.r1??v):a.type==="conic"&&typeof r.createConicGradient=="function"?r.createConicGradient(t.startAngle??o,t.x0??e,t.y0??i):r.createLinearGradient(t.x0??e-u,t.y0??i-g,t.x1??e+u,t.y1??i+g),C=a.type==="conic"?h.getConicStops(a.stops):a.stops;for(const d of C)y.addColorStop(d.position/100,h.toCssColor(d.color,d.opacity));return y};exports.createLinearGradient=G.createLinearGradient;exports.toCssGradient=G.toCssGradient;exports.toSvgGradient=n.toSvgGradient;exports.toSvgGradientMarkup=n.toSvgGradientMarkup;exports.toSvgPathAnimationMarkup=n.toSvgPathAnimationMarkup;exports.toSvgSourceAnimationMarkup=n.toSvgSourceAnimationMarkup;exports.toCanvasGradient=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const css=require("./css-CREh0Awz.cjs"),utils=require("./utils-Bry9BTmj.cjs"),svg=require("./svg-BtMrj3fP.cjs"),toCanvasGradient=(context,model,options={})=>{const width=options.width??context.canvas.width,height=options.height??context.canvas.height,centerX=width/2,centerY=height/2,maxRadius=Math.hypot(width,height)/2,radians=((typeof model.direction=="number"?model.direction:Number.parseFloat(model.direction)||utils.DEFAULT_GRADIENT_DIRECTION)-90)*Math.PI/180,halfWidth=width/2,halfHeight=height/2,xOffset=Math.cos(radians)*halfWidth,yOffset=Math.sin(radians)*halfHeight,gradient=model.type==="radial"?context.createRadialGradient(options.x0??centerX,options.y0??centerY,options.r0??0,options.x1??centerX,options.y1??centerY,options.r1??maxRadius):model.type==="conic"&&typeof context.createConicGradient=="function"?context.createConicGradient(options.startAngle??radians,options.x0??centerX,options.y0??centerY):context.createLinearGradient(options.x0??centerX-xOffset,options.y0??centerY-yOffset,options.x1??centerX+xOffset,options.y1??centerY+yOffset),stops=model.type==="conic"?utils.getConicStops(model.stops):model.stops;for(const stop of stops)gradient.addColorStop(stop.position/100,utils.toCssColor(stop.color,stop.opacity));return gradient};exports.createLinearGradient=css.createLinearGradient;exports.toCssGradient=css.toCssGradient;exports.toSvgGradient=svg.toSvgGradient;exports.toSvgGradientMarkup=svg.toSvgGradientMarkup;exports.toSvgPathAnimationMarkup=svg.toSvgPathAnimationMarkup;exports.toSvgSourceAnimationMarkup=svg.toSvgSourceAnimationMarkup;exports.toCanvasGradient=toCanvasGradient;

package/dist/formatters.mjs

@@ -1,37 +1,37 @@
-import { c as I, t as R } from "./css-CaOuUhfh.js";
-import { D as C, g as p, i as v } from "./utils-B_VQDGMy.js";
-import { t as k, a as w, b as E, c as L } from "./svg-CZThYPKf.js";
-const x = (r, a, t = {}) => {
-  const i = t.width ?? r.canvas.width, n = t.height ?? r.canvas.height, e = i / 2, c = n / 2, y = Math.hypot(i, n) / 2, s = ((typeof a.direction == "number" ? a.direction : Number.parseFloat(a.direction) || C) - 90) * Math.PI / 180, g = i / 2, G = n / 2, h = Math.cos(s) * g, d = Math.sin(s) * G, f = a.type === "radial" ? r.createRadialGradient(
-    t.x0 ?? e,
-    t.y0 ?? c,
-    t.r0 ?? 0,
-    t.x1 ?? e,
-    t.y1 ?? c,
-    t.r1 ?? y
-  ) : a.type === "conic" && typeof r.createConicGradient == "function" ? r.createConicGradient(
-    t.startAngle ?? s,
-    t.x0 ?? e,
-    t.y0 ?? c
-  ) : r.createLinearGradient(
-    t.x0 ?? e - h,
-    t.y0 ?? c - d,
-    t.x1 ?? e + h,
-    t.y1 ?? c + d
-  ), u = a.type === "conic" ? p(a.stops) : a.stops;
-  for (const o of u)
-    f.addColorStop(
-      o.position / 100,
-      v(o.color, o.opacity)
+import { c, t } from "./css-B3xGfmW1.js";
+import { D as DEFAULT_GRADIENT_DIRECTION, h as getConicStops, k as toCssColor } from "./utils-VaqPefmS.js";
+import { t as t2, a, b, c as c2 } from "./svg-B2CaHCLv.js";
+const toCanvasGradient = (context, model, options = {}) => {
+  const width = options.width ?? context.canvas.width, height = options.height ?? context.canvas.height, centerX = width / 2, centerY = height / 2, maxRadius = Math.hypot(width, height) / 2, radians = ((typeof model.direction == "number" ? model.direction : Number.parseFloat(model.direction) || DEFAULT_GRADIENT_DIRECTION) - 90) * Math.PI / 180, halfWidth = width / 2, halfHeight = height / 2, xOffset = Math.cos(radians) * halfWidth, yOffset = Math.sin(radians) * halfHeight, gradient = model.type === "radial" ? context.createRadialGradient(
+    options.x0 ?? centerX,
+    options.y0 ?? centerY,
+    options.r0 ?? 0,
+    options.x1 ?? centerX,
+    options.y1 ?? centerY,
+    options.r1 ?? maxRadius
+  ) : model.type === "conic" && typeof context.createConicGradient == "function" ? context.createConicGradient(
+    options.startAngle ?? radians,
+    options.x0 ?? centerX,
+    options.y0 ?? centerY
+  ) : context.createLinearGradient(
+    options.x0 ?? centerX - xOffset,
+    options.y0 ?? centerY - yOffset,
+    options.x1 ?? centerX + xOffset,
+    options.y1 ?? centerY + yOffset
+  ), stops = model.type === "conic" ? getConicStops(model.stops) : model.stops;
+  for (const stop of stops)
+    gradient.addColorStop(
+      stop.position / 100,
+      toCssColor(stop.color, stop.opacity)
     );
-  return f;
+  return gradient;
 };
 export {
-  I as createLinearGradient,
-  x as toCanvasGradient,
-  R as toCssGradient,
-  k as toSvgGradient,
-  w as toSvgGradientMarkup,
-  E as toSvgPathAnimationMarkup,
-  L as toSvgSourceAnimationMarkup
+  c as createLinearGradient,
+  toCanvasGradient,
+  t as toCssGradient,
+  t2 as toSvgGradient,
+  a as toSvgGradientMarkup,
+  b as toSvgPathAnimationMarkup,
+  c2 as toSvgSourceAnimationMarkup
 };

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./core.cjs"),t=require("./utils-6iJ6IpZZ.cjs"),e=require("./presets-UIJJyagu.cjs"),n=require("./css-YuAJQW13.cjs"),d=require("./formatters.cjs"),a=require("./svg-BVcl24Cf.cjs"),r=require("./effects.cjs"),s=require("./animation.cjs"),o=require("./tokens-DMGI7_df.cjs");exports.createGradient=i.createGradient;exports.createGradientFromColor=i.createGradientFromColor;exports.colorToHex=t.colorToHex;exports.parseColor=t.parseColor;exports.rgbToChannels=t.rgbToChannels;exports.rgbToHex=t.rgbToHex;exports.COLOR_SHADES=e.COLOR_SHADES;exports.SHADE_TONES=e.SHADE_TONES;exports.createGradientModel=e.createGradientModel;exports.createGradientModelFromColor=e.createGradientModelFromColor;exports.createPalette=e.createPalette;exports.createRecipeStops=e.createRecipeStops;exports.defineGradientPreset=e.defineGradientPreset;exports.defineGradientPresetRegistry=e.defineGradientPresetRegistry;exports.getGradientPreset=e.getGradientPreset;exports.gradientPresets=e.gradientPresets;exports.gradientRecipes=e.gradientRecipes;exports.createLinearGradient=n.createLinearGradient;exports.toCssGradient=n.toCssGradient;exports.toCanvasGradient=d.toCanvasGradient;exports.toSvgGradient=a.toSvgGradient;exports.toSvgGradientMarkup=a.toSvgGradientMarkup;exports.toSvgPathAnimationMarkup=a.toSvgPathAnimationMarkup;exports.toSvgSourceAnimationMarkup=a.toSvgSourceAnimationMarkup;exports.createGradientMorphBlobs=r.createGradientMorphBlobs;exports.toGradientBoxShadow=r.toGradientBoxShadow;exports.toGradientDropShadow=r.toGradientDropShadow;exports.toGradientMorphCSS=r.toGradientMorphCSS;exports.toGradientMorphFilter=r.toGradientMorphFilter;exports.toGradientMorphFilterMarkup=r.toGradientMorphFilterMarkup;exports.toGradientAnimationCSS=s.toGradientAnimationCSS;exports.createGradientMaterial=o.createGradientMaterial;exports.createGradientPreset=o.createGradientPreset;exports.createGradientTokens=o.createGradientTokens;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const core=require("./core.cjs"),utils=require("./utils-Bry9BTmj.cjs"),designTokens=require("./designTokens-DsIk5RSi.cjs"),presets=require("./presets-DA-6KYJh.cjs"),css=require("./css-CREh0Awz.cjs"),formatters=require("./formatters.cjs"),svg=require("./svg-BtMrj3fP.cjs"),effects=require("./effects.cjs"),animation=require("./animation.cjs"),material=require("./material.cjs"),types=require("./types-BFkUlDkW.cjs");exports.createGradient=core.createGradient;exports.createGradientFromColor=core.createGradientFromColor;exports.colorToHex=utils.colorToHex;exports.getContrastingColor=utils.getContrastingColor;exports.parseColor=utils.parseColor;exports.rgbToChannels=utils.rgbToChannels;exports.rgbToHex=utils.rgbToHex;exports.COLOR_SEEDS=designTokens.COLOR_SEEDS;exports.DEFAULT_SEED=designTokens.DEFAULT_SEED;exports.createColorSystem=designTokens.createColorSystem;exports.createDesignTokens=designTokens.createDesignTokens;exports.createSemanticTokens=designTokens.createSemanticTokens;exports.normalizeDesignTokenSeed=designTokens.normalizeDesignTokenSeed;exports.COLOR_SHADES=presets.COLOR_SHADES;exports.ON_SHADE_TONES=presets.ON_SHADE_TONES;exports.SHADE_TONES=presets.SHADE_TONES;exports.createGradientModel=presets.createGradientModel;exports.createGradientModelFromColor=presets.createGradientModelFromColor;exports.createOnPalette=presets.createOnPalette;exports.createPalette=presets.createPalette;exports.createPalettePair=presets.createPalettePair;exports.createRecipeStops=presets.createRecipeStops;exports.defineGradientPreset=presets.defineGradientPreset;exports.defineGradientPresetRegistry=presets.defineGradientPresetRegistry;exports.getGradientPreset=presets.getGradientPreset;exports.gradientPresets=presets.gradientPresets;exports.gradientRecipes=presets.gradientRecipes;exports.createLinearGradient=css.createLinearGradient;exports.toCssGradient=css.toCssGradient;exports.toCanvasGradient=formatters.toCanvasGradient;exports.toSvgGradient=svg.toSvgGradient;exports.toSvgGradientMarkup=svg.toSvgGradientMarkup;exports.toSvgPathAnimationMarkup=svg.toSvgPathAnimationMarkup;exports.toSvgSourceAnimationMarkup=svg.toSvgSourceAnimationMarkup;exports.createGradientMorphBlobs=effects.createGradientMorphBlobs;exports.isGradientMorphBlendMode=effects.isGradientMorphBlendMode;exports.resolveGradientMorphBlendMode=effects.resolveGradientMorphBlendMode;exports.toGradientBoxShadow=effects.toGradientBoxShadow;exports.toGradientDropShadow=effects.toGradientDropShadow;exports.toGradientMorphCSS=effects.toGradientMorphCSS;exports.toGradientMorphFilter=effects.toGradientMorphFilter;exports.toGradientMorphFilterMarkup=effects.toGradientMorphFilterMarkup;exports.toGradientMorphMarkup=effects.toGradientMorphMarkup;exports.toGradientAnimationCSS=animation.toGradientAnimationCSS;exports.clearGradientMaterialCache=material.clearGradientMaterialCache;exports.createGradientMaterial=material.createGradientMaterial;exports.createGradientPreset=material.createGradientPreset;exports.createGradientTokens=material.createGradientTokens;exports.getGradientMaterialCacheStats=material.getGradientMaterialCacheStats;exports.setGradientMaterialCacheLimit=material.setGradientMaterialCacheLimit;exports.DEFAULT_GRADIENT_MORPH_BLEND_MODE=types.DEFAULT_GRADIENT_MORPH_BLEND_MODE;exports.GRADIENT_MORPH_BLEND_MODES=types.GRADIENT_MORPH_BLEND_MODES;

package/dist/index.mjs

@@ -1,45 +1,65 @@
-import { createGradient as a, createGradientFromColor as t } from "./core.mjs";
-import { c as i, p as s, r as n, a as d } from "./utils-B_VQDGMy.js";
-import { C as G, S as c, c as S, a as m, b as f, d as l, e as x, f as g, g as M, h as C, i as h } from "./presets-55krt4L_.js";
-import { c as b, t as k } from "./css-CaOuUhfh.js";
-import { toCanvasGradient as v } from "./formatters.mjs";
-import { t as T, a as F, b as H, c as R } from "./svg-CZThYPKf.js";
-import { createGradientMorphBlobs as E, toGradientBoxShadow as O, toGradientDropShadow as w, toGradientMorphCSS as B, toGradientMorphFilter as L, toGradientMorphFilterMarkup as _ } from "./effects.mjs";
-import { toGradientAnimationCSS as N } from "./animation.mjs";
-import { c as q, a as z, b as I } from "./tokens-OfSofVKl.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 {
-  G as COLOR_SHADES,
-  c as SHADE_TONES,
-  i as colorToHex,
-  a as createGradient,
-  t as createGradientFromColor,
-  q as createGradientMaterial,
-  S as createGradientModel,
-  m as createGradientModelFromColor,
-  E as createGradientMorphBlobs,
-  z as createGradientPreset,
-  I as createGradientTokens,
-  b as createLinearGradient,
-  f as createPalette,
-  l as createRecipeStops,
-  x as defineGradientPreset,
-  g as defineGradientPresetRegistry,
-  M as getGradientPreset,
-  C as gradientPresets,
-  h as gradientRecipes,
-  s as parseColor,
-  n as rgbToChannels,
-  d as rgbToHex,
-  v as toCanvasGradient,
-  k as toCssGradient,
-  N as toGradientAnimationCSS,
-  O as toGradientBoxShadow,
-  w as toGradientDropShadow,
-  B as toGradientMorphCSS,
-  L as toGradientMorphFilter,
-  _ as toGradientMorphFilterMarkup,
-  T as toSvgGradient,
-  F as toSvgGradientMarkup,
-  H as toSvgPathAnimationMarkup,
-  R 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 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./tokens-DMGI7_df.cjs");exports.createGradientMaterial=e.createGradientMaterial;exports.createGradientPreset=e.createGradientPreset;exports.createGradientTokens=e.createGradientTokens;
+"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(`
+
+`)},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,6 +1,238 @@
-import { c as r, a as t, b as s } from "./tokens-OfSofVKl.js";
+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 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(`
+
+`);
+}, 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: {
+    recipe: "monochrome",
+    type: "radial",
+    position: "center",
+    shape: "ellipse"
+  },
+  shadow: {
+    layers: 2,
+    opacity: 0.18,
+    blur: 18,
+    y: 7,
+    spread: -4
+  },
+  dropShadow: {
+    layers: 2,
+    opacity: 0.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%, ${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,
+    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 = createPalette(seed), model = createGradientModel(palette, {
+    ...preset == null ? void 0 : preset.gradient,
+    ...options
+  });
+  return {
+    cssVar,
+    model,
+    stops: model.stops,
+    svg: toSvgGradient(model, { id: cssVar.replace(/^--/, "") }),
+    value: toCssGradient(model)
+  };
+}, 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: `${cssVarName}-shadow`,
+      value: toGradientBoxShadow(model, (options == null ? void 0 : options.shadow) ?? (preset == null ? void 0 : preset.shadow))
+    },
+    dropShadow: {
+      cssVar: `${cssVarName}-drop-shadow`,
+      value: 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: toGradientMorphFilterMarkup(morphOptions),
+      value: 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: toGradientAnimationCSS(animationOptions),
+    cssVar: `${cssVarName}-animation`,
+    keyframes: toGradientAnimationKeyframes(animationOptions),
+    name: animationOptions.name,
+    value: toGradientAnimationValue(animationOptions)
+  };
+}, 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
+  };
+}, 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
+    });
+    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,
+    cssText: toCssText(cssVars),
+    cssVars,
+    effects,
+    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 ? 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
+  });
+};
 export {
-  r as createGradientMaterial,
-  t as createGradientPreset,
-  s as createGradientTokens
+  clearGradientMaterialCache,
+  createGradientMaterial,
+  createGradientPreset,
+  createGradientTokens,
+  getGradientMaterialCacheStats,
+  setGradientMaterialCacheLimit
 };