@gradient-ui/gradient-engine 0.5.0 → 0.6.0

package/dist/{svg-BVcl24Cf.cjs → svg-dGtLYnIJ.cjs}

@@ -1,4 +1,4 @@
-"use strict";const $=require("./utils-6iJ6IpZZ.cjs"),B=require("./css-YuAJQW13.cjs"),p="http://www.w3.org/2000/svg",G="http://www.w3.org/1999/xhtml",c=e=>e.replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;"),x=e=>{const t=e.opacity===void 0?"":` stop-opacity="${$.clamp(e.opacity)}"`;return`<stop offset="${e.position}%" stop-color="${e.color}"${t} />`},P=(e,t)=>{var r,a,i;return{active:t.activeStroke??((r=e.stops[Math.max(0,Math.floor(e.stops.length/2))])==null?void 0:r.color)??((a=e.stops[0])==null?void 0:a.color)??"currentColor",background:t.backgroundStroke??((i=e.stops[0])==null?void 0:i.color)??t.activeStroke??"currentColor"}},A=(e,t)=>{var n;const r=(n=e.match(/\bviewBox=(["'])(.*?)\1/i))==null?void 0:n[2];if(r)return r;const a=t.width??240,i=t.height??120;return`0 0 ${a} ${i}`},N=e=>{var t;return((t=e.replace(/<\?xml[\s\S]*?\?>/gi,"").replace(/<!doctype[\s\S]*?>/gi,"").match(/<svg\b[^>]*>([\s\S]*?)<\/svg>/i))==null?void 0:t[1].trim())??e},j=e=>{const t=e.trim().split(/(?=M\s*[-+.\d])/).map(r=>r.trim()).filter(Boolean);return t.length>1?t:[e]},O=e=>[...e.matchAll(/<path\b[^>]*\sd=(["'])([\s\S]*?)\1/gi)].flatMap(t=>j(t[2])),v=e=>{var t;return Math.max(1,((t=e.match(/[LlHhVvCcSsQqTtAaZz]/g))==null?void 0:t.length)??0)},T=(e,t)=>{const a=.5+(1-v(e)/t)*.22;return Math.round(a*1e3)/1e3},k=e=>{const[t="0",r="0",a="240",i="120"]=e.trim().split(/[\s,]+/);return{height:Number(i)||120,width:Number(a)||240,x:Number(t)||0,y:Number(r)||0}},V=(e,t,r)=>{if(r.viewBoxPadding===!1)return e;const a=k(e),i=Math.max(t*2,Math.min(a.width,a.height)*.02),n=r.viewBoxPadding??i;return[a.x-n,a.y-n,a.width+n*2,a.height+n*2].join(" ")},W=e=>{const{height:t,width:r}=k(e);return{height:Number(t)||120,width:Number(r)||240}},U=(e,t,r)=>{if(r.normalizeStrokeWidth===!1)return e;const{height:a,width:i}=W(t),n=r.strokeWidthBase??180;return e*(Math.min(i,a)/n)},S=(e,t={})=>{const r=t.id??"g-gradient",a=e.stops.map(x).join("");return e.type==="radial"?`<radialGradient id="${r}" cx="${t.cx??"50%"}" cy="${t.cy??"50%"}" r="${t.r??"75%"}">${a}</radialGradient>`:e.type==="conic"?`<pattern id="${r}" patternUnits="objectBoundingBox" width="1" height="1"><foreignObject x="0" y="0" width="100%" height="100%"><div xmlns="${G}" style="width:100%;height:100%;background:${c(B.toCssGradient(e))};"></div></foreignObject></pattern>`:`<linearGradient id="${r}" x1="${t.x1??"0%"}" y1="${t.y1??"0%"}" x2="${t.x2??"100%"}" y2="${t.y2??"100%"}">${a}</linearGradient>`},q=(e,t={})=>{const r=t.id??"g-gradient",a=t.width??240,i=t.height??120,n=t.rx??18;return`<svg xmlns="${p}" viewBox="0 0 ${a} ${i}" role="img">
+"use strict";const $=require("./utils-D83DMCMa.cjs"),B=require("./css-BVHXLMRl.cjs"),p="http://www.w3.org/2000/svg",G="http://www.w3.org/1999/xhtml",c=e=>e.replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;"),x=e=>{const t=e.opacity===void 0?"":` stop-opacity="${$.clamp(e.opacity)}"`;return`<stop offset="${e.position}%" stop-color="${e.color}"${t} />`},P=(e,t)=>{var r,a,i;return{active:t.activeStroke??((r=e.stops[Math.max(0,Math.floor(e.stops.length/2))])==null?void 0:r.color)??((a=e.stops[0])==null?void 0:a.color)??"currentColor",background:t.backgroundStroke??((i=e.stops[0])==null?void 0:i.color)??t.activeStroke??"currentColor"}},A=(e,t)=>{var n;const r=(n=e.match(/\bviewBox=(["'])(.*?)\1/i))==null?void 0:n[2];if(r)return r;const a=t.width??240,i=t.height??120;return`0 0 ${a} ${i}`},N=e=>{var t;return((t=e.replace(/<\?xml[\s\S]*?\?>/gi,"").replace(/<!doctype[\s\S]*?>/gi,"").match(/<svg\b[^>]*>([\s\S]*?)<\/svg>/i))==null?void 0:t[1].trim())??e},j=e=>{const t=e.trim().split(/(?=M\s*[-+.\d])/).map(r=>r.trim()).filter(Boolean);return t.length>1?t:[e]},O=e=>[...e.matchAll(/<path\b[^>]*\sd=(["'])([\s\S]*?)\1/gi)].flatMap(t=>j(t[2])),v=e=>{var t;return Math.max(1,((t=e.match(/[LlHhVvCcSsQqTtAaZz]/g))==null?void 0:t.length)??0)},T=(e,t)=>{const a=.5+(1-v(e)/t)*.22;return Math.round(a*1e3)/1e3},k=e=>{const[t="0",r="0",a="240",i="120"]=e.trim().split(/[\s,]+/);return{height:Number(i)||120,width:Number(a)||240,x:Number(t)||0,y:Number(r)||0}},V=(e,t,r)=>{if(r.viewBoxPadding===!1)return e;const a=k(e),i=Math.max(t*2,Math.min(a.width,a.height)*.02),n=r.viewBoxPadding??i;return[a.x-n,a.y-n,a.width+n*2,a.height+n*2].join(" ")},W=e=>{const{height:t,width:r}=k(e);return{height:Number(t)||120,width:Number(r)||240}},U=(e,t,r)=>{if(r.normalizeStrokeWidth===!1)return e;const{height:a,width:i}=W(t),n=r.strokeWidthBase??180;return e*(Math.min(i,a)/n)},S=(e,t={})=>{const r=t.id??"g-gradient",a=e.stops.map(x).join("");return e.type==="radial"?`<radialGradient id="${r}" cx="${t.cx??"50%"}" cy="${t.cy??"50%"}" r="${t.r??"75%"}">${a}</radialGradient>`:e.type==="conic"?`<pattern id="${r}" patternUnits="objectBoundingBox" width="1" height="1"><foreignObject x="0" y="0" width="100%" height="100%"><div xmlns="${G}" style="width:100%;height:100%;background:${c(B.toCssGradient(e))};"></div></foreignObject></pattern>`:`<linearGradient id="${r}" x1="${t.x1??"0%"}" y1="${t.y1??"0%"}" x2="${t.x2??"100%"}" y2="${t.y2??"100%"}">${a}</linearGradient>`},q=(e,t={})=>{const r=t.id??"g-gradient",a=t.width??240,i=t.height??120,n=t.rx??18;return`<svg xmlns="${p}" viewBox="0 0 ${a} ${i}" role="img">
   <defs>
     ${S(e,t)}
   </defs>

package/dist/{svg-CZThYPKf.js → svg-hZus3ztj.js}

@@ -1,5 +1,5 @@
-import { t as y, b as v } from "./utils-B_VQDGMy.js";
-import { t as C } from "./css-CaOuUhfh.js";
+import { t as y, b as v } from "./utils-BzSNCfat.js";
+import { t as C } from "./css-DVaTTIqS.js";
 const m = "http://www.w3.org/2000/svg", G = "http://www.w3.org/1999/xhtml", c = (e) => e.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), p = (e) => {
   const t = e.opacity === void 0 ? "" : ` stop-opacity="${v(e.opacity)}"`;
   return `<stop offset="${e.position}%" stop-color="${e.color}"${t} />`;

package/dist/types/color.d.ts

@@ -8,3 +8,4 @@ export declare const parseColor: (input: ColorInput) => RgbColor | null;
 export declare const rgbToHex: ({ r, g, b }: RgbColor) => string;
 export declare const rgbToChannels: ({ r, g, b }: RgbColor) => string;
 export declare const colorToHex: (input: ColorInput, fallback: string) => string;
+export declare const getContrastingColor: (color: ColorInput) => "#ffffff" | "#0d0d12";

package/dist/types/colorSeeds.d.ts

@@ -0,0 +1,22 @@
+export declare const COLOR_SEEDS: {
+    readonly red: "#F44336";
+    readonly pink: "#E91E63";
+    readonly purple: "#9C27B0";
+    readonly deepPurple: "#673AB7";
+    readonly indigo: "#3F51B5";
+    readonly blue: "#2196F3";
+    readonly lightBlue: "#03A9F4";
+    readonly cyan: "#00BCD4";
+    readonly teal: "#009688";
+    readonly green: "#4CAF50";
+    readonly lightGreen: "#8BC34A";
+    readonly lime: "#CDDC39";
+    readonly yellow: "#FFEB3B";
+    readonly amber: "#FFC107";
+    readonly orange: "#FF9800";
+    readonly deepOrange: "#FF5722";
+    readonly brown: "#795548";
+    readonly grey: "#9E9E9E";
+    readonly blueGrey: "#607D8B";
+};
+export type ColorFamily = keyof typeof COLOR_SEEDS;

package/dist/types/colorSystem.d.ts

@@ -0,0 +1,20 @@
+import { type ColorPalettePair } from './palette';
+import type { ColorInput } from './color';
+import type { ThemeTokens } from './scheme';
+export interface ThemeColorDefinition {
+    color: ColorInput;
+    onColor?: ColorInput;
+    palette?: boolean;
+    gradient?: string | false;
+}
+export type ThemeColorValue = ColorInput | ThemeColorDefinition;
+export type ThemeColorExtensions = Record<string, ThemeColorValue>;
+export interface ColorSystem {
+    colors: ThemeTokens;
+    gradients: ThemeTokens;
+    palettes: Record<string, ColorPalettePair>;
+}
+export interface ColorSystemOptions {
+    colors?: ThemeColorExtensions;
+}
+export declare const createColorSystem: (seed: ColorInput, options?: ColorSystemOptions) => ColorSystem;

package/dist/types/designTokens.d.ts

@@ -0,0 +1,24 @@
+import { type ColorInput } from './color';
+import { type ColorSystem, type ThemeColorExtensions } from './colorSystem';
+import { type CreatedGradientTokens, type GradientTokenOptions } from './tokens';
+import { type ThemeMode, type ThemeTokens } from './scheme';
+export declare const DEFAULT_SEED = "#4e51ff";
+export interface DesignTokenOptions {
+    seed?: ColorInput;
+    mode?: ThemeMode;
+    colors?: ThemeColorExtensions;
+    gradientTokens?: GradientTokenOptions;
+}
+export interface CreatedDesignTokens {
+    seed: string;
+    mode: ThemeMode;
+    tokens: {
+        theme: ThemeTokens;
+        colors: ThemeTokens;
+        gradients: ThemeTokens;
+    };
+    colorSystem: ColorSystem;
+    gradientTokens: CreatedGradientTokens;
+}
+export declare const normalizeDesignTokenSeed: (seed?: ColorInput) => string;
+export declare const createDesignTokens: (options?: DesignTokenOptions) => CreatedDesignTokens;

package/dist/types/effects/index.d.ts

@@ -1,2 +1,2 @@
-export { createGradientMorphBlobs, toGradientMorphCSS, toGradientMorphFilter, toGradientMorphFilterMarkup } from './morph';
+export { createGradientMorphBlobs, isGradientMorphBlendMode, resolveGradientMorphBlendMode, toGradientMorphCSS, toGradientMorphFilter, toGradientMorphFilterMarkup, toGradientMorphMarkup } from './morph';
 export { toGradientBoxShadow, toGradientDropShadow } from './shadow';

package/dist/types/effects/morph.d.ts

@@ -1,5 +1,8 @@
-import type { GradientModel, GradientMorphBlob, GradientMorphOptions } from '../types';
+import type { GradientModel, GradientMorphBlob, GradientMorphBlendMode, GradientMorphMarkupOptions, GradientMorphOptions } from '../types';
+export declare const isGradientMorphBlendMode: (value: string) => value is GradientMorphBlendMode;
+export declare const resolveGradientMorphBlendMode: (value: string | undefined) => GradientMorphBlendMode;
 export declare const createGradientMorphBlobs: (model: GradientModel, options?: GradientMorphOptions) => GradientMorphBlob[];
 export declare const toGradientMorphFilter: (options?: GradientMorphOptions) => string;
 export declare const toGradientMorphFilterMarkup: (options?: GradientMorphOptions) => string;
 export declare const toGradientMorphCSS: (model: GradientModel, options?: GradientMorphOptions) => string;
+export declare const toGradientMorphMarkup: (model: GradientModel, options?: GradientMorphMarkupOptions) => string;

package/dist/types/index.d.ts

@@ -1,7 +1,11 @@
 export * from './core';
 export * from './color';
+export * from './colorSeeds';
+export * from './colorSystem';
 export * from './palette';
+export * from './scheme';
 export * from './formatters';
 export * from './effects';
 export { toGradientAnimationCSS } from './animation';
 export * from './material';
+export * from './designTokens';

package/dist/types/material.d.ts

@@ -1 +1 @@
-export { createGradientMaterial, createGradientPreset, createGradientTokens, type CreatedGradientMaterial, type CreatedGradientPreset, type CreatedGradientTokens, type GradientAnimationTokenEntry, type GradientEffectTokenEntry, type GradientMaterialOptions, type GradientTokenEntry, type GradientTokenOptions, type GradientTokenRecipe } from './tokens';
+export { createGradientMaterial, createGradientPreset, createGradientTokens, clearGradientMaterialCache, getGradientMaterialCacheStats, setGradientMaterialCacheLimit, type CreatedGradientMaterial, type CreatedGradientPreset, type CreatedGradientTokens, type GradientAnimationTokenEntry, type GradientEffectTokenEntry, type GradientMaterialOptions, type GradientTokenEntry, type GradientTokenOptions, type GradientTokenRecipe } from './tokens';

package/dist/types/palette.d.ts

@@ -2,5 +2,12 @@ import { type ColorInput } from './color';
 export declare const COLOR_SHADES: readonly [50, 100, 200, 300, 400, 500, 600, 700, 800, 900];
 export type ColorShade = (typeof COLOR_SHADES)[number];
 export type ColorPalette = Record<ColorShade, string>;
+export interface ColorPalettePair {
+    colors: ColorPalette;
+    onColors: ColorPalette;
+}
 export declare const SHADE_TONES: Record<ColorShade, number>;
+export declare const ON_SHADE_TONES: Record<ColorShade, number>;
 export declare const createPalette: (seed: ColorInput) => ColorPalette;
+export declare const createOnPalette: (seed: ColorInput) => ColorPalette;
+export declare const createPalettePair: (seed: ColorInput) => ColorPalettePair;

package/dist/types/scheme.d.ts

@@ -0,0 +1,3 @@
+export type ThemeMode = 'light' | 'dark';
+export type ThemeTokens = Record<string, string>;
+export declare const createSemanticTokens: (seed: string, mode: ThemeMode) => ThemeTokens;

package/dist/types/tokens.d.ts

@@ -1,6 +1,6 @@
 import type { ColorInput } from './color';
 import { type GradientPresetName, type GradientPresetRegistry } from './presets';
-import type { GradientAnimationOptions, GradientMorphBlob, GradientMorphOptions, GradientModel, GradientOptions, GradientRecipe, GradientShadowOptions, GradientStop } from './types';
+import type { GradientAnimationOptions, GradientMorphBlendMode, GradientMorphBlob, GradientMorphOptions, GradientModel, GradientOptions, GradientRecipe, GradientShadowOptions, GradientStop } from './types';
 export type GradientTokenRecipe = GradientRecipe | GradientPresetName | 'mesh' | 'soft';
 export interface GradientTokenEntry {
     value: string;
@@ -23,6 +23,8 @@ export interface GradientEffectTokenEntry {
         value: string;
         cssVar: string;
         svg: string;
+        blendMode: GradientMorphBlendMode;
+        blendModeCssVar: string;
     };
 }
 export interface GradientAnimationTokenEntry {
@@ -85,6 +87,12 @@ export interface CreatedGradientMaterial {
     animation?: GradientAnimationTokenEntry;
     morphBlobs?: GradientMorphBlob[];
 }
+export declare const clearGradientMaterialCache: () => void;
+export declare const setGradientMaterialCacheLimit: (limit: number) => void;
+export declare const getGradientMaterialCacheStats: () => {
+    limit: number;
+    size: number;
+};
 export declare const createGradientPreset: (seed: ColorInput, recipe?: GradientTokenRecipe, options?: GradientOptions & {
     animation?: GradientAnimationOptions;
     dropShadow?: GradientShadowOptions;

package/dist/types/types.d.ts

@@ -36,10 +36,15 @@ export interface GradientShadowOptions {
     layers?: number;
 }
 export type GradientMorphPreset = 'soft' | 'liquid' | 'ripple';
+export declare const GRADIENT_MORPH_BLEND_MODES: readonly ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"];
+export type GradientMorphBlendMode = (typeof GRADIENT_MORPH_BLEND_MODES)[number];
+export declare const DEFAULT_GRADIENT_MORPH_BLEND_MODE = "hard-light";
 export interface GradientMorphOptions {
     id?: string;
     preset?: GradientMorphPreset;
+    blendMode?: GradientMorphBlendMode;
     blobCount?: number;
+    blobOpacity?: number;
     blur?: number;
     contrast?: number;
     duration?: number | string;
@@ -47,6 +52,11 @@ export interface GradientMorphOptions {
     scale?: number;
     selector?: string;
 }
+export interface GradientMorphMarkupOptions extends GradientMorphOptions {
+    width?: number;
+    height?: number;
+    rx?: number;
+}
 export interface GradientMorphBlob {
     animationName: string;
     blur: number;

package/dist/types-BFr1fN-7.js

@@ -0,0 +1,22 @@
+const o = [
+  "normal",
+  "multiply",
+  "screen",
+  "overlay",
+  "darken",
+  "lighten",
+  "color-dodge",
+  "color-burn",
+  "hard-light",
+  "soft-light",
+  "difference",
+  "exclusion",
+  "hue",
+  "saturation",
+  "color",
+  "luminosity"
+], l = "hard-light";
+export {
+  l as D,
+  o as G
+};

package/dist/types-BMLEvdee.cjs

@@ -0,0 +1 @@
+"use strict";const o=["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],D="hard-light";exports.DEFAULT_GRADIENT_MORPH_BLEND_MODE=D;exports.GRADIENT_MORPH_BLEND_MODES=o;

package/dist/utils-BzSNCfat.js

@@ -0,0 +1,76 @@
+const o = (t, n = 0, r = 1) => Math.min(r, Math.max(n, t)), a = (t) => {
+  const n = t / 255;
+  return n <= 0.04045 ? n / 12.92 : ((n + 0.055) / 1.055) ** 2.4;
+}, i = (t) => {
+  const n = t.slice(1), r = n.length === 3 || n.length === 4 ? n.slice(0, 3).split("").map((s) => s.repeat(2)).join("") : n.slice(0, 6);
+  return r.length !== 6 || !/^[\da-f]{6}$/i.test(r) ? null : {
+    r: parseInt(r.slice(0, 2), 16),
+    g: parseInt(r.slice(2, 4), 16),
+    b: parseInt(r.slice(4, 6), 16)
+  };
+}, f = (t) => {
+  const n = t.match(
+    /^rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)(?:\s*[,/]\s*[\d.]+%?)?\s*\)$/i
+  );
+  return n ? {
+    r: o(Number(n[1]), 0, 255),
+    g: o(Number(n[2]), 0, 255),
+    b: o(Number(n[3]), 0, 255)
+  } : null;
+}, e = (t) => {
+  if (typeof t == "number") {
+    const r = t & 16777215;
+    return {
+      r: r >> 16 & 255,
+      g: r >> 8 & 255,
+      b: r & 255
+    };
+  }
+  const n = t.trim();
+  return n.startsWith("#") ? i(n) : n.toLowerCase().startsWith("rgb") ? f(n) : null;
+}, u = ({ r: t, g: n, b: r }) => `#${[t, n, r].map((s) => Math.round(s).toString(16).padStart(2, "0")).join("")}`, l = ({ r: t, g: n, b: r }) => `${Math.round(t)}, ${Math.round(n)}, ${Math.round(r)}`, g = (t, n) => {
+  const r = e(t) ?? e(n);
+  if (!r)
+    throw new Error(`Invalid fallback color: ${n}`);
+  return u(r);
+}, m = (t) => 0.2126 * a(t.r) + 0.7152 * a(t.g) + 0.0722 * a(t.b), d = (t) => {
+  const n = e(t);
+  if (!n) return "#ffffff";
+  const r = m(n), s = 1.05 / (r + 0.05), c = (r + 0.05) / 0.055;
+  return s >= c ? "#ffffff" : "#0d0d12";
+}, b = 135, I = "center", $ = "farthest-corner", C = (t = 135) => typeof t == "number" ? `${t}deg` : t, T = (t) => typeof t == "number" ? `${t}px` : t, D = (t) => typeof t == "number" ? `${t}ms` : t, p = (t, n = 0, r = 1) => Math.min(r, Math.max(n, t)), h = (t, n) => {
+  if (n === void 0) return t;
+  const r = e(t);
+  return r ? `rgb(${l(r).replace(/,/g, "")} / ${p(n)})` : t;
+}, E = ({ color: t, opacity: n, position: r }) => `${h(t, n)} ${r}%`, N = (t, n, r) => ({
+  color: t,
+  position: n
+}), x = (t) => {
+  if (t.length <= 1) return t;
+  const n = t.map((s) => ({
+    ...s,
+    position: s.position / 2
+  })), r = [...t].reverse().map((s) => ({
+    ...s,
+    position: 100 - s.position / 2
+  }));
+  return [...n, ...r];
+};
+export {
+  b as D,
+  u as a,
+  p as b,
+  g as c,
+  $ as d,
+  I as e,
+  E as f,
+  d as g,
+  x as h,
+  N as i,
+  h as j,
+  T as k,
+  C as n,
+  e as p,
+  l as r,
+  D as t
+};

package/dist/utils-D83DMCMa.cjs

@@ -0,0 +1 @@
+"use strict";const s=(t,n=0,r=1)=>Math.min(r,Math.max(n,t)),a=t=>{const n=t/255;return n<=.04045?n/12.92:((n+.055)/1.055)**2.4},m=t=>{const n=t.slice(1),r=n.length===3||n.length===4?n.slice(0,3).split("").map(o=>o.repeat(2)).join(""):n.slice(0,6);return r.length!==6||!/^[\da-f]{6}$/i.test(r)?null:{r:parseInt(r.slice(0,2),16),g:parseInt(r.slice(2,4),16),b:parseInt(r.slice(4,6),16)}},p=t=>{const n=t.match(/^rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)(?:\s*[,/]\s*[\d.]+%?)?\s*\)$/i);return n?{r:s(Number(n[1]),0,255),g:s(Number(n[2]),0,255),b:s(Number(n[3]),0,255)}:null},e=t=>{if(typeof t=="number"){const r=t&16777215;return{r:r>>16&255,g:r>>8&255,b:r&255}}const n=t.trim();return n.startsWith("#")?m(n):n.toLowerCase().startsWith("rgb")?p(n):null},c=({r:t,g:n,b:r})=>`#${[t,n,r].map(o=>Math.round(o).toString(16).padStart(2,"0")).join("")}`,i=({r:t,g:n,b:r})=>`${Math.round(t)}, ${Math.round(n)}, ${Math.round(r)}`,T=(t,n)=>{const r=e(t)??e(n);if(!r)throw new Error(`Invalid fallback color: ${n}`);return c(r)},g=t=>.2126*a(t.r)+.7152*a(t.g)+.0722*a(t.b),I=t=>{const n=e(t);if(!n)return"#ffffff";const r=g(n),o=1.05/(r+.05),u=(r+.05)/.055;return o>=u?"#ffffff":"#0d0d12"};const h="center",C="farthest-corner",D=(t=135)=>typeof t=="number"?`${t}deg`:t,E=t=>typeof t=="number"?`${t}px`:t,b=t=>typeof t=="number"?`${t}ms`:t,l=(t,n=0,r=1)=>Math.min(r,Math.max(n,t)),f=(t,n)=>{if(n===void 0)return t;const r=e(t);return r?`rgb(${i(r).replace(/,/g,"")} / ${l(n)})`:t},d=({color:t,opacity:n,position:r})=>`${f(t,n)} ${r}%`,N=(t,n,r)=>({color:t,position:n}),A=t=>{if(t.length<=1)return t;const n=t.map(o=>({...o,position:o.position/2})),r=[...t].reverse().map(o=>({...o,position:100-o.position/2}));return[...n,...r]};exports.DEFAULT_GRADIENT_DIRECTION=135;exports.DEFAULT_GRADIENT_POSITION=h;exports.DEFAULT_GRADIENT_SIZE=C;exports.clamp=l;exports.colorToHex=T;exports.createStop=N;exports.formatStop=d;exports.getConicStops=A;exports.getContrastingColor=I;exports.normalizeDirection=D;exports.parseColor=e;exports.rgbToChannels=i;exports.rgbToHex=c;exports.toCssColor=f;exports.toCssDuration=b;exports.toCssLength=E;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@gradient-ui/gradient-engine",
-	"version": "0.5.0",
+	"version": "0.6.0",
 	"private": false,
 	"type": "module",
 	"description": "Framework-free gradient generation engine for CSS, SVG, canvas, effects and material tokens.",
@@ -75,6 +75,11 @@
 			"import": "./dist/material.mjs",
 			"require": "./dist/material.cjs"
 		},
+		"./design-tokens": {
+			"types": "./dist/types/designTokens.d.ts",
+			"import": "./dist/design-tokens.mjs",
+			"require": "./dist/design-tokens.cjs"
+		},
 		"./package.json": "./package.json"
 	},
 	"typesVersions": {
@@ -94,6 +99,9 @@
 			"material": [
 				"dist/types/material.d.ts"
 			],
+			"design-tokens": [
+				"dist/types/designTokens.d.ts"
+			],
 			"*": [
 				"dist/types/index.d.ts"
 			]