@gradient-ui/gradient-engine 0.6.0 → 2.0.0

package/README.md

@@ -217,12 +217,6 @@ generate the material/model on the server, serialize `cssVars`, `cssText` and
 `keyframes`, then let the client adapter mount optional runtime effects such as
 morph SVG filters.
 
-## Version
-
-`0.5.0` was the first standalone release line for the engine extracted from
-Gradient UI. `0.6.0` adds the public morph blend-mode API used by the
-`0.5.0` core release line.
-
 ## License
 
 MIT

package/dist/animation.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./utils-D83DMCMa.cjs"),c=t=>`@keyframes ${t} {
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const utils=require("./utils-Bry9BTmj.cjs"),createShiftKeyframes=name=>`@keyframes ${name} {
 	0% {
 		background-position: 0% 50%;
 	}
@@ -10,7 +10,7 @@
 	100% {
 		background-position: 0% 50%;
 	}
-}`,f=t=>`@keyframes ${t} {
+}`,createPulseKeyframes=name=>`@keyframes ${name} {
 	0%, 100% {
 		filter: saturate(1) brightness(1);
 	}
@@ -18,7 +18,7 @@
 	50% {
 		filter: saturate(1.22) brightness(1.08);
 	}
-}`,d=t=>`@keyframes ${t} {
+}`,createHueRotateKeyframes=name=>`@keyframes ${name} {
 	0%, 100% {
 		filter: hue-rotate(0deg) saturate(1);
 	}
@@ -26,7 +26,7 @@
 	50% {
 		filter: hue-rotate(28deg) saturate(1.18);
 	}
-}`,l=t=>`@keyframes ${t} {
+}`,createRotateKeyframes=name=>`@keyframes ${name} {
 	from {
 		transform: translate(-50%, -50%) rotate(0deg);
 	}
@@ -34,12 +34,12 @@
 	to {
 		transform: translate(-50%, -50%) rotate(360deg);
 	}
-}`,o=(t={})=>{const e=t.name??"g-gradient-shift",n=m.toCssDuration(t.duration??6e3),r=t.easing??"ease-in-out",i=t.selector??".g-gradient-animated",a=t.preset??"shift";return{duration:n,easing:r,name:e,preset:a,selector:i}},s=(t={})=>{const{name:e,preset:n}=o(t);return n==="pulse"?f(e):n==="hue-rotate"?d(e):n==="rotate"?l(e):c(e)},g=(t={})=>{const{duration:e,easing:n,name:r,preset:i}=o(t);return`${r} ${e} ${i==="rotate"?"linear":n} infinite`},u=(t={})=>{const{duration:e,easing:n,name:r,preset:i,selector:a}=o(t);return i==="rotate"?`${a} {
+}`,getGradientAnimationOptions=(options={})=>{const name=options.name??"g-gradient-shift",duration=utils.toCssDuration(options.duration??6e3),easing=options.easing??"ease-in-out",selector=options.selector??".g-gradient-animated",preset=options.preset??"shift";return{duration,easing,name,preset,selector}},toGradientAnimationKeyframes=(options={})=>{const{name,preset}=getGradientAnimationOptions(options);return preset==="pulse"?createPulseKeyframes(name):preset==="hue-rotate"?createHueRotateKeyframes(name):preset==="rotate"?createRotateKeyframes(name):createShiftKeyframes(name)},toGradientAnimationValue=(options={})=>{const{duration,easing,name,preset}=getGradientAnimationOptions(options);return`${name} ${duration} ${preset==="rotate"?"linear":easing} infinite`},toGradientAnimationStyles=(options={})=>{const{duration,easing,name,preset,selector}=getGradientAnimationOptions(options);return preset==="rotate"?`${selector} {
 	position: relative;
 	overflow: hidden;
 }
 
-${a}::before {
+${selector}::before {
 	content: '';
 	position: absolute;
 	top: 50%;
@@ -49,12 +49,12 @@ ${a}::before {
 	min-width: 150vmax;
 	min-height: 150vmax;
 	background: inherit;
-	animation: ${r} ${e} linear infinite;
+	animation: ${name} ${duration} linear infinite;
 	transform-origin: center;
-}`:i==="pulse"||i==="hue-rotate"?`${a} {
-	animation: ${r} ${e} ${n} infinite;
-}`:`${a} {
-	animation: ${r} ${e} ${n} infinite;
+}`:preset==="pulse"||preset==="hue-rotate"?`${selector} {
+	animation: ${name} ${duration} ${easing} infinite;
+}`:`${selector} {
+	animation: ${name} ${duration} ${easing} infinite;
 	background-size: 220% 220%;
-}`},$=(t={})=>{const e=s(t),n=u(t);return`${e}
-${n}`};exports.getGradientAnimationOptions=o;exports.toGradientAnimationCSS=$;exports.toGradientAnimationKeyframes=s;exports.toGradientAnimationStyles=u;exports.toGradientAnimationValue=g;
+}`},toGradientAnimationCSS=(options={})=>{const keyframes=toGradientAnimationKeyframes(options),styles=toGradientAnimationStyles(options);return`${keyframes}
+${styles}`};exports.getGradientAnimationOptions=getGradientAnimationOptions;exports.toGradientAnimationCSS=toGradientAnimationCSS;exports.toGradientAnimationKeyframes=toGradientAnimationKeyframes;exports.toGradientAnimationStyles=toGradientAnimationStyles;exports.toGradientAnimationValue=toGradientAnimationValue;

package/dist/animation.mjs

@@ -1,5 +1,5 @@
-import { t as s } from "./utils-BzSNCfat.js";
-const u = (t) => `@keyframes ${t} {
+import { t as toCssDuration } from "./utils-VaqPefmS.js";
+const createShiftKeyframes = (name) => `@keyframes ${name} {
 	0% {
 		background-position: 0% 50%;
 	}
@@ -11,7 +11,7 @@ const u = (t) => `@keyframes ${t} {
 	100% {
 		background-position: 0% 50%;
 	}
-}`, f = (t) => `@keyframes ${t} {
+}`, createPulseKeyframes = (name) => `@keyframes ${name} {
 	0%, 100% {
 		filter: saturate(1) brightness(1);
 	}
@@ -19,7 +19,7 @@ const u = (t) => `@keyframes ${t} {
 	50% {
 		filter: saturate(1.22) brightness(1.08);
 	}
-}`, m = (t) => `@keyframes ${t} {
+}`, createHueRotateKeyframes = (name) => `@keyframes ${name} {
 	0%, 100% {
 		filter: hue-rotate(0deg) saturate(1);
 	}
@@ -27,7 +27,7 @@ const u = (t) => `@keyframes ${t} {
 	50% {
 		filter: hue-rotate(28deg) saturate(1.18);
 	}
-}`, c = (t) => `@keyframes ${t} {
+}`, createRotateKeyframes = (name) => `@keyframes ${name} {
 	from {
 		transform: translate(-50%, -50%) rotate(0deg);
 	}
@@ -35,29 +35,29 @@ const u = (t) => `@keyframes ${t} {
 	to {
 		transform: translate(-50%, -50%) rotate(360deg);
 	}
-}`, o = (t = {}) => {
-  const e = t.name ?? "g-gradient-shift", n = s(t.duration ?? 6e3), r = t.easing ?? "ease-in-out", a = t.selector ?? ".g-gradient-animated", i = t.preset ?? "shift";
+}`, getGradientAnimationOptions = (options = {}) => {
+  const name = options.name ?? "g-gradient-shift", duration = toCssDuration(options.duration ?? 6e3), easing = options.easing ?? "ease-in-out", selector = options.selector ?? ".g-gradient-animated", preset = options.preset ?? "shift";
   return {
-    duration: n,
-    easing: r,
-    name: e,
-    preset: i,
-    selector: a
+    duration,
+    easing,
+    name,
+    preset,
+    selector
   };
-}, d = (t = {}) => {
-  const { name: e, preset: n } = o(t);
-  return n === "pulse" ? f(e) : n === "hue-rotate" ? m(e) : n === "rotate" ? c(e) : u(e);
-}, $ = (t = {}) => {
-  const { duration: e, easing: n, name: r, preset: a } = o(t);
-  return `${r} ${e} ${a === "rotate" ? "linear" : n} infinite`;
-}, g = (t = {}) => {
-  const { duration: e, easing: n, name: r, preset: a, selector: i } = o(t);
-  return a === "rotate" ? `${i} {
+}, toGradientAnimationKeyframes = (options = {}) => {
+  const { name, preset } = getGradientAnimationOptions(options);
+  return preset === "pulse" ? createPulseKeyframes(name) : preset === "hue-rotate" ? createHueRotateKeyframes(name) : preset === "rotate" ? createRotateKeyframes(name) : createShiftKeyframes(name);
+}, toGradientAnimationValue = (options = {}) => {
+  const { duration, easing, name, preset } = getGradientAnimationOptions(options);
+  return `${name} ${duration} ${preset === "rotate" ? "linear" : easing} infinite`;
+}, toGradientAnimationStyles = (options = {}) => {
+  const { duration, easing, name, preset, selector } = getGradientAnimationOptions(options);
+  return preset === "rotate" ? `${selector} {
 	position: relative;
 	overflow: hidden;
 }
 
-${i}::before {
+${selector}::before {
 	content: '';
 	position: absolute;
 	top: 50%;
@@ -67,23 +67,23 @@ ${i}::before {
 	min-width: 150vmax;
 	min-height: 150vmax;
 	background: inherit;
-	animation: ${r} ${e} linear infinite;
+	animation: ${name} ${duration} linear infinite;
 	transform-origin: center;
-}` : a === "pulse" || a === "hue-rotate" ? `${i} {
-	animation: ${r} ${e} ${n} infinite;
-}` : `${i} {
-	animation: ${r} ${e} ${n} infinite;
+}` : preset === "pulse" || preset === "hue-rotate" ? `${selector} {
+	animation: ${name} ${duration} ${easing} infinite;
+}` : `${selector} {
+	animation: ${name} ${duration} ${easing} infinite;
 	background-size: 220% 220%;
 }`;
-}, h = (t = {}) => {
-  const e = d(t), n = g(t);
-  return `${e}
-${n}`;
+}, toGradientAnimationCSS = (options = {}) => {
+  const keyframes = toGradientAnimationKeyframes(options), styles = toGradientAnimationStyles(options);
+  return `${keyframes}
+${styles}`;
 };
 export {
-  o as getGradientAnimationOptions,
-  h as toGradientAnimationCSS,
-  d as toGradientAnimationKeyframes,
-  g as toGradientAnimationStyles,
-  $ as toGradientAnimationValue
+  getGradientAnimationOptions,
+  toGradientAnimationCSS,
+  toGradientAnimationKeyframes,
+  toGradientAnimationStyles,
+  toGradientAnimationValue
 };

package/dist/core.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./presets-BBLdqUE4.cjs"),d=require("./css-BVHXLMRl.cjs"),i=require("./types-BMLEvdee.cjs"),a=(t,r={})=>d.toCssGradient(e.createGradientModel(t,r)),n=(t,r={})=>a(e.createPalette(t),r);exports.createGradientModel=e.createGradientModel;exports.createGradientModelFromColor=e.createGradientModelFromColor;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.DEFAULT_GRADIENT_MORPH_BLEND_MODE=i.DEFAULT_GRADIENT_MORPH_BLEND_MODE;exports.GRADIENT_MORPH_BLEND_MODES=i.GRADIENT_MORPH_BLEND_MODES;exports.createGradient=a;exports.createGradientFromColor=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const presets=require("./presets-DA-6KYJh.cjs"),css=require("./css-CREh0Awz.cjs"),types=require("./types-BFkUlDkW.cjs"),createGradient=(palette,options={})=>css.toCssGradient(presets.createGradientModel(palette,options)),createGradientFromColor=(color,options={})=>createGradient(presets.createPalette(color),options);exports.createGradientModel=presets.createGradientModel;exports.createGradientModelFromColor=presets.createGradientModelFromColor;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.DEFAULT_GRADIENT_MORPH_BLEND_MODE=types.DEFAULT_GRADIENT_MORPH_BLEND_MODE;exports.GRADIENT_MORPH_BLEND_MODES=types.GRADIENT_MORPH_BLEND_MODES;exports.createGradient=createGradient;exports.createGradientFromColor=createGradientFromColor;

package/dist/core.mjs

@@ -1,19 +1,19 @@
-import { c as t, d as a } from "./presets-DYXLx_nN.js";
-import { a as m, f as p, g as D, h as f, i as E, j as P, k as R } from "./presets-DYXLx_nN.js";
-import { t as s } from "./css-DVaTTIqS.js";
-import { D as M, G as g } from "./types-BFr1fN-7.js";
-const o = (e, r = {}) => s(t(e, r)), n = (e, r = {}) => o(a(e), r);
+import { c as createGradientModel, d as createPalette } from "./presets-Du6aTLtD.js";
+import { a, f, g, h, i, j, k } from "./presets-Du6aTLtD.js";
+import { t as toCssGradient } from "./css-B3xGfmW1.js";
+import { D, G } from "./types-B0eCazk8.js";
+const createGradient = (palette, options = {}) => toCssGradient(createGradientModel(palette, options)), createGradientFromColor = (color, options = {}) => createGradient(createPalette(color), options);
 export {
-  M as DEFAULT_GRADIENT_MORPH_BLEND_MODE,
-  g as GRADIENT_MORPH_BLEND_MODES,
-  o as createGradient,
-  n as createGradientFromColor,
-  t as createGradientModel,
-  m as createGradientModelFromColor,
-  p as createRecipeStops,
-  D as defineGradientPreset,
-  f as defineGradientPresetRegistry,
-  E as getGradientPreset,
-  P as gradientPresets,
-  R as gradientRecipes
+  D as DEFAULT_GRADIENT_MORPH_BLEND_MODE,
+  G as GRADIENT_MORPH_BLEND_MODES,
+  createGradient,
+  createGradientFromColor,
+  createGradientModel,
+  a as createGradientModelFromColor,
+  f as createRecipeStops,
+  g as defineGradientPreset,
+  h as defineGradientPresetRegistry,
+  i as getGradientPreset,
+  j as gradientPresets,
+  k as gradientRecipes
 };

package/dist/css-B3xGfmW1.js

@@ -0,0 +1,17 @@
+import { D as DEFAULT_GRADIENT_DIRECTION, n as normalizeDirection, f as formatStop, d as DEFAULT_GRADIENT_SIZE, e as DEFAULT_GRADIENT_POSITION, h as getConicStops } from "./utils-VaqPefmS.js";
+const createLinearGradient = (stops, direction = DEFAULT_GRADIENT_DIRECTION) => `linear-gradient(${normalizeDirection(direction)}, ${stops.join(", ")})`, toCssGradient = (model) => {
+  const stops = model.stops.map(formatStop).join(", ");
+  if (model.type === "radial") {
+    const shape = model.shape ?? "ellipse", size = model.size ?? DEFAULT_GRADIENT_SIZE, position = model.position ?? DEFAULT_GRADIENT_POSITION;
+    return `radial-gradient(${shape} ${size} at ${position}, ${stops})`;
+  }
+  if (model.type === "conic") {
+    const direction = normalizeDirection(model.direction), position = model.position ?? DEFAULT_GRADIENT_POSITION, conicStops = getConicStops(model.stops).map(formatStop).join(", ");
+    return `conic-gradient(from ${direction} at ${position}, ${conicStops})`;
+  }
+  return createLinearGradient(model.stops.map(formatStop), model.direction);
+};
+export {
+  createLinearGradient as c,
+  toCssGradient as t
+};

package/dist/css-CREh0Awz.cjs

@@ -0,0 +1 @@
+"use strict";const utils=require("./utils-Bry9BTmj.cjs"),createLinearGradient=(stops,direction=utils.DEFAULT_GRADIENT_DIRECTION)=>`linear-gradient(${utils.normalizeDirection(direction)}, ${stops.join(", ")})`,toCssGradient=model=>{const stops=model.stops.map(utils.formatStop).join(", ");if(model.type==="radial"){const shape=model.shape??"ellipse",size=model.size??utils.DEFAULT_GRADIENT_SIZE,position=model.position??utils.DEFAULT_GRADIENT_POSITION;return`radial-gradient(${shape} ${size} at ${position}, ${stops})`}if(model.type==="conic"){const direction=utils.normalizeDirection(model.direction),position=model.position??utils.DEFAULT_GRADIENT_POSITION,conicStops=utils.getConicStops(model.stops).map(utils.formatStop).join(", ");return`conic-gradient(from ${direction} at ${position}, ${conicStops})`}return createLinearGradient(model.stops.map(utils.formatStop),model.direction)};exports.createLinearGradient=createLinearGradient;exports.toCssGradient=toCssGradient;

package/dist/design-tokens.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./utils-D83DMCMa.cjs");const e=require("./designTokens-C1WdzS3v.cjs");require("./material.cjs");exports.DEFAULT_SEED=e.DEFAULT_SEED;exports.createDesignTokens=e.createDesignTokens;exports.normalizeDesignTokenSeed=e.normalizeDesignTokenSeed;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./utils-Bry9BTmj.cjs");const designTokens=require("./designTokens-DsIk5RSi.cjs");require("./material.cjs");exports.DEFAULT_SEED=designTokens.DEFAULT_SEED;exports.createDesignTokens=designTokens.createDesignTokens;exports.normalizeDesignTokenSeed=designTokens.normalizeDesignTokenSeed;

package/dist/design-tokens.mjs

@@ -1,8 +1,8 @@
-import "./utils-BzSNCfat.js";
-import { D as r, a as s, n as i } from "./designTokens-BnzZfRES.js";
+import "./utils-VaqPefmS.js";
+import { D, a, n } from "./designTokens-Bw-HZ1f1.js";
 import "./material.mjs";
 export {
-  r as DEFAULT_SEED,
-  s as createDesignTokens,
-  i as normalizeDesignTokenSeed
+  D as DEFAULT_SEED,
+  a as createDesignTokens,
+  n as normalizeDesignTokenSeed
 };

package/dist/designTokens-Bw-HZ1f1.js

@@ -0,0 +1,116 @@
+import { p as parseColor, r as rgbToChannels, g as getContrastingColor, c as colorToHex } from "./utils-VaqPefmS.js";
+import { createGradient, createGradientFromColor } from "./core.mjs";
+import { e as createPalettePair, C as COLOR_SHADES, t as themeFromSourceColor, l as argbFromHex, m as hexFromArgb } from "./presets-Du6aTLtD.js";
+import { createGradientTokens } from "./material.mjs";
+const COLOR_SEEDS = {
+  red: "#F44336",
+  pink: "#E91E63",
+  purple: "#9C27B0",
+  deepPurple: "#673AB7",
+  indigo: "#3F51B5",
+  blue: "#2196F3",
+  lightBlue: "#03A9F4",
+  cyan: "#00BCD4",
+  teal: "#009688",
+  green: "#4CAF50",
+  lightGreen: "#8BC34A",
+  lime: "#CDDC39",
+  yellow: "#FFEB3B",
+  amber: "#FFC107",
+  orange: "#FF9800",
+  deepOrange: "#FF5722",
+  brown: "#795548",
+  grey: "#9E9E9E",
+  blueGrey: "#607D8B"
+}, toChannels$1 = (color) => {
+  const parsed = parseColor(color);
+  if (!parsed)
+    throw new Error(`Unsupported generated color: ${String(color)}`);
+  return rgbToChannels(parsed);
+}, capitalize = (value) => `${value.charAt(0).toUpperCase()}${value.slice(1)}`, getOnTokenName = (name) => `on${capitalize(name)}`, camelToKebabCase = (value) => value.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), kebabToCamelCase = (value) => value.replace(
+  /-([a-z0-9])/g,
+  (_, character) => character.toUpperCase()
+), addPaletteTokens = (colors, gradients, name, palettePair) => {
+  const { colors: palette, onColors } = palettePair;
+  for (const shade of COLOR_SHADES) {
+    const color = palette[shade];
+    colors[`${name}${shade}`] = toChannels$1(color), colors[`${getOnTokenName(name)}${shade}`] = toChannels$1(onColors[shade]), gradients[`${name}${shade}`] = createGradient(palette, { shade });
+  }
+  colors[name] = colors[`${name}500`], colors[getOnTokenName(name)] = colors[`${getOnTokenName(name)}500`], gradients[name] = gradients[`${name}500`];
+}, isColorDefinition = (value) => typeof value == "object" && value !== null && "color" in value, normalizeColorDefinition = (value) => isColorDefinition(value) ? value : { color: value }, addSingleColorTokens = (colors, gradients, name, definition) => {
+  colors[name] = toChannels$1(definition.color), colors[getOnTokenName(name)] = toChannels$1(
+    definition.onColor ?? getContrastingColor(definition.color)
+  ), definition.gradient !== !1 && (gradients[name] = definition.gradient ?? createGradientFromColor(definition.color));
+}, addCustomColorTokens = (colors, gradients, palettes, name, value) => {
+  const normalizedName = kebabToCamelCase(camelToKebabCase(name)), definition = normalizeColorDefinition(value);
+  if (definition.palette === !1) {
+    addSingleColorTokens(colors, gradients, normalizedName, definition);
+    return;
+  }
+  const palettePair = createPalettePair(definition.color);
+  palettes[normalizedName] = palettePair, addPaletteTokens(colors, gradients, normalizedName, palettePair), definition.onColor && (colors[getOnTokenName(normalizedName)] = toChannels$1(definition.onColor)), definition.gradient && (gradients[normalizedName] = definition.gradient);
+}, createColorSystem = (seed, options = {}) => {
+  const colors = {}, gradients = {}, palettes = {
+    source: createPalettePair(seed)
+  };
+  for (const [name, colorSeed] of Object.entries(COLOR_SEEDS))
+    palettes[name] = createPalettePair(colorSeed);
+  for (const [name, palettePair] of Object.entries(palettes))
+    addPaletteTokens(colors, gradients, name, palettePair);
+  for (const [name, value] of Object.entries(options.colors ?? {}))
+    addCustomColorTokens(colors, gradients, palettes, name, value);
+  return gradients.main = createGradient(palettes.source.colors), gradients.error = createGradient(palettes.red.colors, { shade: 600 }), gradients.warning = createGradient(palettes.amber.colors, { shade: 600 }), gradients.success = createGradient(palettes.green.colors, { shade: 600 }), {
+    colors,
+    gradients,
+    palettes
+  };
+}, toChannels = (color) => {
+  const parsed = parseColor(color);
+  if (!parsed)
+    throw new Error(`Unsupported generated color: ${String(color)}`);
+  return rgbToChannels(parsed);
+}, schemeToTokens = (seed, mode) => {
+  const scheme = themeFromSourceColor(argbFromHex(seed)).schemes[mode].toJSON();
+  return Object.fromEntries(
+    Object.entries(scheme).map(([name, argb]) => [
+      name,
+      toChannels(hexFromArgb(argb))
+    ])
+  );
+}, createSemanticTokens = (seed, mode) => {
+  const tokens = schemeToTokens(seed, mode), warning = schemeToTokens(COLOR_SEEDS.amber, mode), success = schemeToTokens(COLOR_SEEDS.green, mode);
+  return {
+    ...tokens,
+    warning: warning.primary,
+    onWarning: warning.onPrimary,
+    warningContainer: warning.primaryContainer,
+    onWarningContainer: warning.onPrimaryContainer,
+    success: success.primary,
+    onSuccess: success.onPrimary,
+    successContainer: success.primaryContainer,
+    onSuccessContainer: success.onPrimaryContainer
+  };
+}, DEFAULT_SEED = "#4e51ff", normalizeDesignTokenSeed = (seed = DEFAULT_SEED) => colorToHex(seed, DEFAULT_SEED), createDesignTokens = (options = {}) => {
+  const mode = options.mode ?? "light", seed = normalizeDesignTokenSeed(options.seed), colorSystem = createColorSystem(seed, {
+    colors: options.colors
+  });
+  return {
+    colorSystem,
+    gradientTokens: createGradientTokens(seed, options.gradientTokens),
+    mode,
+    seed,
+    tokens: {
+      theme: createSemanticTokens(seed, mode),
+      colors: colorSystem.colors,
+      gradients: colorSystem.gradients
+    }
+  };
+};
+export {
+  COLOR_SEEDS as C,
+  DEFAULT_SEED as D,
+  createDesignTokens as a,
+  createSemanticTokens as b,
+  createColorSystem as c,
+  normalizeDesignTokenSeed as n
+};

package/dist/designTokens-DsIk5RSi.cjs

@@ -0,0 +1 @@
+"use strict";const utils=require("./utils-Bry9BTmj.cjs"),core=require("./core.cjs"),presets=require("./presets-DA-6KYJh.cjs"),material=require("./material.cjs"),COLOR_SEEDS={red:"#F44336",pink:"#E91E63",purple:"#9C27B0",deepPurple:"#673AB7",indigo:"#3F51B5",blue:"#2196F3",lightBlue:"#03A9F4",cyan:"#00BCD4",teal:"#009688",green:"#4CAF50",lightGreen:"#8BC34A",lime:"#CDDC39",yellow:"#FFEB3B",amber:"#FFC107",orange:"#FF9800",deepOrange:"#FF5722",brown:"#795548",grey:"#9E9E9E",blueGrey:"#607D8B"},toChannels$1=color=>{const parsed=utils.parseColor(color);if(!parsed)throw new Error(`Unsupported generated color: ${String(color)}`);return utils.rgbToChannels(parsed)},capitalize=value=>`${value.charAt(0).toUpperCase()}${value.slice(1)}`,getOnTokenName=name=>`on${capitalize(name)}`,camelToKebabCase=value=>value.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),kebabToCamelCase=value=>value.replace(/-([a-z0-9])/g,(_,character)=>character.toUpperCase()),addPaletteTokens=(colors,gradients,name,palettePair)=>{const{colors:palette,onColors}=palettePair;for(const shade of presets.COLOR_SHADES){const color=palette[shade];colors[`${name}${shade}`]=toChannels$1(color),colors[`${getOnTokenName(name)}${shade}`]=toChannels$1(onColors[shade]),gradients[`${name}${shade}`]=core.createGradient(palette,{shade})}colors[name]=colors[`${name}500`],colors[getOnTokenName(name)]=colors[`${getOnTokenName(name)}500`],gradients[name]=gradients[`${name}500`]},isColorDefinition=value=>typeof value=="object"&&value!==null&&"color"in value,normalizeColorDefinition=value=>isColorDefinition(value)?value:{color:value},addSingleColorTokens=(colors,gradients,name,definition)=>{colors[name]=toChannels$1(definition.color),colors[getOnTokenName(name)]=toChannels$1(definition.onColor??utils.getContrastingColor(definition.color)),definition.gradient!==!1&&(gradients[name]=definition.gradient??core.createGradientFromColor(definition.color))},addCustomColorTokens=(colors,gradients,palettes,name,value)=>{const normalizedName=kebabToCamelCase(camelToKebabCase(name)),definition=normalizeColorDefinition(value);if(definition.palette===!1){addSingleColorTokens(colors,gradients,normalizedName,definition);return}const palettePair=presets.createPalettePair(definition.color);palettes[normalizedName]=palettePair,addPaletteTokens(colors,gradients,normalizedName,palettePair),definition.onColor&&(colors[getOnTokenName(normalizedName)]=toChannels$1(definition.onColor)),definition.gradient&&(gradients[normalizedName]=definition.gradient)},createColorSystem=(seed,options={})=>{const colors={},gradients={},palettes={source:presets.createPalettePair(seed)};for(const[name,colorSeed]of Object.entries(COLOR_SEEDS))palettes[name]=presets.createPalettePair(colorSeed);for(const[name,palettePair]of Object.entries(palettes))addPaletteTokens(colors,gradients,name,palettePair);for(const[name,value]of Object.entries(options.colors??{}))addCustomColorTokens(colors,gradients,palettes,name,value);return gradients.main=core.createGradient(palettes.source.colors),gradients.error=core.createGradient(palettes.red.colors,{shade:600}),gradients.warning=core.createGradient(palettes.amber.colors,{shade:600}),gradients.success=core.createGradient(palettes.green.colors,{shade:600}),{colors,gradients,palettes}},toChannels=color=>{const parsed=utils.parseColor(color);if(!parsed)throw new Error(`Unsupported generated color: ${String(color)}`);return utils.rgbToChannels(parsed)},schemeToTokens=(seed,mode)=>{const scheme=presets.themeFromSourceColor(presets.argbFromHex(seed)).schemes[mode].toJSON();return Object.fromEntries(Object.entries(scheme).map(([name,argb])=>[name,toChannels(presets.hexFromArgb(argb))]))},createSemanticTokens=(seed,mode)=>{const tokens=schemeToTokens(seed,mode),warning=schemeToTokens(COLOR_SEEDS.amber,mode),success=schemeToTokens(COLOR_SEEDS.green,mode);return{...tokens,warning:warning.primary,onWarning:warning.onPrimary,warningContainer:warning.primaryContainer,onWarningContainer:warning.onPrimaryContainer,success:success.primary,onSuccess:success.onPrimary,successContainer:success.primaryContainer,onSuccessContainer:success.onPrimaryContainer}},DEFAULT_SEED="#4e51ff",normalizeDesignTokenSeed=(seed=DEFAULT_SEED)=>utils.colorToHex(seed,DEFAULT_SEED),createDesignTokens=(options={})=>{const mode=options.mode??"light",seed=normalizeDesignTokenSeed(options.seed),colorSystem=createColorSystem(seed,{colors:options.colors});return{colorSystem,gradientTokens:material.createGradientTokens(seed,options.gradientTokens),mode,seed,tokens:{theme:createSemanticTokens(seed,mode),colors:colorSystem.colors,gradients:colorSystem.gradients}}};exports.COLOR_SEEDS=COLOR_SEEDS;exports.DEFAULT_SEED=DEFAULT_SEED;exports.createColorSystem=createColorSystem;exports.createDesignTokens=createDesignTokens;exports.createSemanticTokens=createSemanticTokens;exports.normalizeDesignTokenSeed=normalizeDesignTokenSeed;