@gradient-ui/gradient-engine 0.6.0 → 2.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@gradient-ui/gradient-engine",
-	"version": "0.6.0",
+	"version": "2.0.0",
 	"private": false,
 	"type": "module",
 	"description": "Framework-free gradient generation engine for CSS, SVG, canvas, effects and material tokens.",
@@ -46,39 +46,74 @@
 	},
 	"exports": {
 		".": {
-			"types": "./dist/types/index.d.ts",
-			"import": "./dist/index.mjs",
-			"require": "./dist/index.cjs"
+			"import": {
+				"types": "./dist/types/index.d.ts",
+				"default": "./dist/index.mjs"
+			},
+			"require": {
+				"types": "./dist/types-cjs/index.d.cts",
+				"default": "./dist/index.cjs"
+			}
 		},
 		"./core": {
-			"types": "./dist/types/core.d.ts",
-			"import": "./dist/core.mjs",
-			"require": "./dist/core.cjs"
+			"import": {
+				"types": "./dist/types/core.d.ts",
+				"default": "./dist/core.mjs"
+			},
+			"require": {
+				"types": "./dist/types-cjs/core.d.cts",
+				"default": "./dist/core.cjs"
+			}
 		},
 		"./formatters": {
-			"types": "./dist/types/formatters/index.d.ts",
-			"import": "./dist/formatters.mjs",
-			"require": "./dist/formatters.cjs"
+			"import": {
+				"types": "./dist/types/formatters/index.d.ts",
+				"default": "./dist/formatters.mjs"
+			},
+			"require": {
+				"types": "./dist/types-cjs/formatters/index.d.cts",
+				"default": "./dist/formatters.cjs"
+			}
 		},
 		"./effects": {
-			"types": "./dist/types/effects/index.d.ts",
-			"import": "./dist/effects.mjs",
-			"require": "./dist/effects.cjs"
+			"import": {
+				"types": "./dist/types/effects/index.d.ts",
+				"default": "./dist/effects.mjs"
+			},
+			"require": {
+				"types": "./dist/types-cjs/effects/index.d.cts",
+				"default": "./dist/effects.cjs"
+			}
 		},
 		"./animation": {
-			"types": "./dist/types/animation/index.d.ts",
-			"import": "./dist/animation.mjs",
-			"require": "./dist/animation.cjs"
+			"import": {
+				"types": "./dist/types/animation/index.d.ts",
+				"default": "./dist/animation.mjs"
+			},
+			"require": {
+				"types": "./dist/types-cjs/animation/index.d.cts",
+				"default": "./dist/animation.cjs"
+			}
 		},
 		"./material": {
-			"types": "./dist/types/material.d.ts",
-			"import": "./dist/material.mjs",
-			"require": "./dist/material.cjs"
+			"import": {
+				"types": "./dist/types/material.d.ts",
+				"default": "./dist/material.mjs"
+			},
+			"require": {
+				"types": "./dist/types-cjs/material.d.cts",
+				"default": "./dist/material.cjs"
+			}
 		},
 		"./design-tokens": {
-			"types": "./dist/types/designTokens.d.ts",
-			"import": "./dist/design-tokens.mjs",
-			"require": "./dist/design-tokens.cjs"
+			"import": {
+				"types": "./dist/types/designTokens.d.ts",
+				"default": "./dist/design-tokens.mjs"
+			},
+			"require": {
+				"types": "./dist/types-cjs/designTokens.d.cts",
+				"default": "./dist/design-tokens.cjs"
+			}
 		},
 		"./package.json": "./package.json"
 	},
@@ -108,8 +143,9 @@
 		}
 	},
 	"scripts": {
-		"build": "vite build --config vite.config.ts && tsc -p tsconfig.json --emitDeclarationOnly",
+		"build": "node ../../scripts/clean-build-output.mjs dist && vite build --config vite.config.ts && tsc -p tsconfig.json --emitDeclarationOnly && node ../../scripts/prepare-dual-declarations.mjs dist --node-extensions",
 		"pack:dry": "npm pack --dry-run",
+		"prepack": "npm run build",
 		"type-check": "tsc -p tsconfig.json --noEmit"
 	},
 	"dependencies": {

package/dist/css-BVHXLMRl.cjs

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

package/dist/css-DVaTTIqS.js

@@ -1,17 +0,0 @@
-import { D as p, n as c, f as a, d as e, e as r, h as D } from "./utils-BzSNCfat.js";
-const $ = (t, i = p) => `linear-gradient(${c(i)}, ${t.join(", ")})`, I = (t) => {
-  const i = t.stops.map(a).join(", ");
-  if (t.type === "radial") {
-    const s = t.shape ?? "ellipse", n = t.size ?? e, o = t.position ?? r;
-    return `radial-gradient(${s} ${n} at ${o}, ${i})`;
-  }
-  if (t.type === "conic") {
-    const s = c(t.direction), n = t.position ?? r, o = D(t.stops).map(a).join(", ");
-    return `conic-gradient(from ${s} at ${n}, ${o})`;
-  }
-  return $(t.stops.map(a), t.direction);
-};
-export {
-  $ as c,
-  I as t
-};

package/dist/designTokens-BnzZfRES.js

@@ -1,116 +0,0 @@
-import { p as f, r as u, g as h, c as F } from "./utils-BzSNCfat.js";
-import { createGradient as c, createGradientFromColor as S } from "./core.mjs";
-import { e as m, C as T, t as $, l as k, m as y } from "./presets-DYXLx_nN.js";
-import { createGradientTokens as E } from "./material.mjs";
-const p = {
-  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"
-}, l = (e) => {
-  const n = f(e);
-  if (!n)
-    throw new Error(`Unsupported generated color: ${String(e)}`);
-  return u(n);
-}, D = (e) => `${e.charAt(0).toUpperCase()}${e.slice(1)}`, i = (e) => `on${D(e)}`, O = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), w = (e) => e.replace(
-  /-([a-z0-9])/g,
-  (n, o) => o.toUpperCase()
-), b = (e, n, o, r) => {
-  const { colors: t, onColors: a } = r;
-  for (const s of T) {
-    const C = t[s];
-    e[`${o}${s}`] = l(C), e[`${i(o)}${s}`] = l(a[s]), n[`${o}${s}`] = c(t, { shade: s });
-  }
-  e[o] = e[`${o}500`], e[i(o)] = e[`${i(o)}500`], n[o] = n[`${o}500`];
-}, P = (e) => typeof e == "object" && e !== null && "color" in e, A = (e) => P(e) ? e : { color: e }, B = (e, n, o, r) => {
-  e[o] = l(r.color), e[i(o)] = l(
-    r.onColor ?? h(r.color)
-  ), r.gradient !== !1 && (n[o] = r.gradient ?? S(r.color));
-}, j = (e, n, o, r, t) => {
-  const a = w(O(r)), s = A(t);
-  if (s.palette === !1) {
-    B(e, n, a, s);
-    return;
-  }
-  const C = m(s.color);
-  o[a] = C, b(e, n, a, C), s.onColor && (e[i(a)] = l(s.onColor)), s.gradient && (n[a] = s.gradient);
-}, z = (e, n = {}) => {
-  const o = {}, r = {}, t = {
-    source: m(e)
-  };
-  for (const [a, s] of Object.entries(p))
-    t[a] = m(s);
-  for (const [a, s] of Object.entries(t))
-    b(o, r, a, s);
-  for (const [a, s] of Object.entries(n.colors ?? {}))
-    j(o, r, t, a, s);
-  return r.main = c(t.source.colors), r.error = c(t.red.colors, { shade: 600 }), r.warning = c(t.amber.colors, { shade: 600 }), r.success = c(t.green.colors, { shade: 600 }), {
-    colors: o,
-    gradients: r,
-    palettes: t
-  };
-}, G = (e) => {
-  const n = f(e);
-  if (!n)
-    throw new Error(`Unsupported generated color: ${String(e)}`);
-  return u(n);
-}, g = (e, n) => {
-  const o = $(k(e)).schemes[n].toJSON();
-  return Object.fromEntries(
-    Object.entries(o).map(([r, t]) => [
-      r,
-      G(y(t))
-    ])
-  );
-}, U = (e, n) => {
-  const o = g(e, n), r = g(p.amber, n), t = g(p.green, n);
-  return {
-    ...o,
-    warning: r.primary,
-    onWarning: r.onPrimary,
-    warningContainer: r.primaryContainer,
-    onWarningContainer: r.onPrimaryContainer,
-    success: t.primary,
-    onSuccess: t.onPrimary,
-    successContainer: t.primaryContainer,
-    onSuccessContainer: t.onPrimaryContainer
-  };
-}, d = "#4e51ff", x = (e = d) => F(e, d), R = (e = {}) => {
-  const n = e.mode ?? "light", o = x(e.seed), r = z(o, {
-    colors: e.colors
-  });
-  return {
-    colorSystem: r,
-    gradientTokens: E(o, e.gradientTokens),
-    mode: n,
-    seed: o,
-    tokens: {
-      theme: U(o, n),
-      colors: r.colors,
-      gradients: r.gradients
-    }
-  };
-};
-export {
-  p as C,
-  d as D,
-  R as a,
-  U as b,
-  z as c,
-  x as n
-};

package/dist/designTokens-C1WdzS3v.cjs

@@ -1 +0,0 @@
-"use strict";const l=require("./utils-D83DMCMa.cjs"),i=require("./core.cjs"),c=require("./presets-BBLdqUE4.cjs"),E=require("./material.cjs"),m={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"},g=e=>{const n=l.parseColor(e);if(!n)throw new Error(`Unsupported generated color: ${String(e)}`);return l.rgbToChannels(n)},F=e=>`${e.charAt(0).toUpperCase()}${e.slice(1)}`,C=e=>`on${F(e)}`,f=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),k=e=>e.replace(/-([a-z0-9])/g,(n,r)=>r.toUpperCase()),S=(e,n,r,o)=>{const{colors:t,onColors:a}=o;for(const s of c.COLOR_SHADES){const d=t[s];e[`${r}${s}`]=g(d),e[`${C(r)}${s}`]=g(a[s]),n[`${r}${s}`]=i.createGradient(t,{shade:s})}e[r]=e[`${r}500`],e[C(r)]=e[`${C(r)}500`],n[r]=n[`${r}500`]},D=e=>typeof e=="object"&&e!==null&&"color"in e,$=e=>D(e)?e:{color:e},y=(e,n,r,o)=>{e[r]=g(o.color),e[C(r)]=g(o.onColor??l.getContrastingColor(o.color)),o.gradient!==!1&&(n[r]=o.gradient??i.createGradientFromColor(o.color))},O=(e,n,r,o,t)=>{const a=k(f(o)),s=$(t);if(s.palette===!1){y(e,n,a,s);return}const d=c.createPalettePair(s.color);r[a]=d,S(e,n,a,d),s.onColor&&(e[C(a)]=g(s.onColor)),s.gradient&&(n[a]=s.gradient)},T=(e,n={})=>{const r={},o={},t={source:c.createPalettePair(e)};for(const[a,s]of Object.entries(m))t[a]=c.createPalettePair(s);for(const[a,s]of Object.entries(t))S(r,o,a,s);for(const[a,s]of Object.entries(n.colors??{}))O(r,o,t,a,s);return o.main=i.createGradient(t.source.colors),o.error=i.createGradient(t.red.colors,{shade:600}),o.warning=i.createGradient(t.amber.colors,{shade:600}),o.success=i.createGradient(t.green.colors,{shade:600}),{colors:r,gradients:o,palettes:t}},P=e=>{const n=l.parseColor(e);if(!n)throw new Error(`Unsupported generated color: ${String(e)}`);return l.rgbToChannels(n)},p=(e,n)=>{const r=c.themeFromSourceColor(c.argbFromHex(e)).schemes[n].toJSON();return Object.fromEntries(Object.entries(r).map(([o,t])=>[o,P(c.hexFromArgb(t))]))},b=(e,n)=>{const r=p(e,n),o=p(m.amber,n),t=p(m.green,n);return{...r,warning:o.primary,onWarning:o.onPrimary,warningContainer:o.primaryContainer,onWarningContainer:o.onPrimaryContainer,success:t.primary,onSuccess:t.onPrimary,successContainer:t.primaryContainer,onSuccessContainer:t.onPrimaryContainer}},u="#4e51ff",h=(e=u)=>l.colorToHex(e,u),w=(e={})=>{const n=e.mode??"light",r=h(e.seed),o=T(r,{colors:e.colors});return{colorSystem:o,gradientTokens:E.createGradientTokens(r,e.gradientTokens),mode:n,seed:r,tokens:{theme:b(r,n),colors:o.colors,gradients:o.gradients}}};exports.COLOR_SEEDS=m;exports.DEFAULT_SEED=u;exports.createColorSystem=T;exports.createDesignTokens=w;exports.createSemanticTokens=b;exports.normalizeDesignTokenSeed=h;