@gradient-ui/gradient-engine 0.5.0 → 1.0.0

package/dist/utils-VaqPefmS.js

@@ -0,0 +1,76 @@
+const clamp$1 = (value, min = 0, max = 1) => Math.min(max, Math.max(min, value)), toLinear = (value) => {
+  const channel = value / 255;
+  return channel <= 0.04045 ? channel / 12.92 : ((channel + 0.055) / 1.055) ** 2.4;
+}, parseHex = (value) => {
+  const hex = value.slice(1), normalized = hex.length === 3 || hex.length === 4 ? hex.slice(0, 3).split("").map((character) => character.repeat(2)).join("") : hex.slice(0, 6);
+  return normalized.length !== 6 || !/^[\da-f]{6}$/i.test(normalized) ? null : {
+    r: parseInt(normalized.slice(0, 2), 16),
+    g: parseInt(normalized.slice(2, 4), 16),
+    b: parseInt(normalized.slice(4, 6), 16)
+  };
+}, parseRgb = (value) => {
+  const match = value.match(
+    /^rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)(?:\s*[,/]\s*[\d.]+%?)?\s*\)$/i
+  );
+  return match ? {
+    r: clamp$1(Number(match[1]), 0, 255),
+    g: clamp$1(Number(match[2]), 0, 255),
+    b: clamp$1(Number(match[3]), 0, 255)
+  } : null;
+}, parseColor = (input) => {
+  if (typeof input == "number") {
+    const value2 = input & 16777215;
+    return {
+      r: value2 >> 16 & 255,
+      g: value2 >> 8 & 255,
+      b: value2 & 255
+    };
+  }
+  const value = input.trim();
+  return value.startsWith("#") ? parseHex(value) : value.toLowerCase().startsWith("rgb") ? parseRgb(value) : null;
+}, rgbToHex = ({ r, g, b }) => `#${[r, g, b].map((channel) => Math.round(channel).toString(16).padStart(2, "0")).join("")}`, rgbToChannels = ({ r, g, b }) => `${Math.round(r)}, ${Math.round(g)}, ${Math.round(b)}`, colorToHex = (input, fallback) => {
+  const color = parseColor(input) ?? parseColor(fallback);
+  if (!color)
+    throw new Error(`Invalid fallback color: ${fallback}`);
+  return rgbToHex(color);
+}, relativeLuminance = (color) => 0.2126 * toLinear(color.r) + 0.7152 * toLinear(color.g) + 0.0722 * toLinear(color.b), getContrastingColor = (color) => {
+  const parsed = parseColor(color);
+  if (!parsed) return "#ffffff";
+  const luminance = relativeLuminance(parsed), whiteContrast = 1.05 / (luminance + 0.05), darkContrast = (luminance + 0.05) / 0.055;
+  return whiteContrast >= darkContrast ? "#ffffff" : "#0d0d12";
+}, DEFAULT_GRADIENT_DIRECTION = 135, DEFAULT_GRADIENT_POSITION = "center", DEFAULT_GRADIENT_SIZE = "farthest-corner", normalizeDirection = (direction = 135) => typeof direction == "number" ? `${direction}deg` : direction, toCssLength = (value) => typeof value == "number" ? `${value}px` : value, toCssDuration = (value) => typeof value == "number" ? `${value}ms` : value, clamp = (value, min = 0, max = 1) => Math.min(max, Math.max(min, value)), toCssColor = (color, opacity) => {
+  if (opacity === void 0) return color;
+  const parsed = parseColor(color);
+  return parsed ? `rgb(${rgbToChannels(parsed).replace(/,/g, "")} / ${clamp(opacity)})` : color;
+}, formatStop = ({ color, opacity, position }) => `${toCssColor(color, opacity)} ${position}%`, createStop = (color, position, opacity) => ({
+  color,
+  position
+}), getConicStops = (stops) => {
+  if (stops.length <= 1) return stops;
+  const firstHalf = stops.map((stop) => ({
+    ...stop,
+    position: stop.position / 2
+  })), secondHalf = [...stops].reverse().map((stop) => ({
+    ...stop,
+    position: 100 - stop.position / 2
+  }));
+  return [...firstHalf, ...secondHalf];
+};
+export {
+  DEFAULT_GRADIENT_DIRECTION as D,
+  rgbToHex as a,
+  clamp as b,
+  colorToHex as c,
+  DEFAULT_GRADIENT_SIZE as d,
+  DEFAULT_GRADIENT_POSITION as e,
+  formatStop as f,
+  getContrastingColor as g,
+  getConicStops as h,
+  createStop as i,
+  toCssLength as j,
+  toCssColor as k,
+  normalizeDirection as n,
+  parseColor as p,
+  rgbToChannels as r,
+  toCssDuration as t
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@gradient-ui/gradient-engine",
-	"version": "0.5.0",
+	"version": "1.0.0",
 	"private": false,
 	"type": "module",
 	"description": "Framework-free gradient generation engine for CSS, SVG, canvas, effects and material tokens.",
@@ -46,34 +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": {
+			"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"
 	},
@@ -94,14 +134,18 @@
 			"material": [
 				"dist/types/material.d.ts"
 			],
+			"design-tokens": [
+				"dist/types/designTokens.d.ts"
+			],
 			"*": [
 				"dist/types/index.d.ts"
 			]
 		}
 	},
 	"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-CaOuUhfh.js

@@ -1,17 +0,0 @@
-import { D as p, n as c, f as a, d as e, e as r, g as D } from "./utils-B_VQDGMy.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/css-YuAJQW13.cjs

@@ -1 +0,0 @@
-"use strict";const i=require("./utils-6iJ6IpZZ.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/presets-55krt4L_.js

@@ -1,354 +0,0 @@
-import { hexFromArgb as p, themeFromSourceColor as g, argbFromHex as u, Hct as s } from "@material/material-color-utilities";
-import { c as S, h as r, d as f, e as w, D as I } from "./utils-B_VQDGMy.js";
-const T = [
-  50,
-  100,
-  200,
-  300,
-  400,
-  500,
-  600,
-  700,
-  800,
-  900
-], D = {
-  50: 90,
-  100: 80,
-  200: 70,
-  300: 60,
-  400: 50,
-  500: 40,
-  600: 35,
-  700: 30,
-  800: 20,
-  900: 10
-}, G = (e) => {
-  const t = S(e, "#000000");
-  return g(u(t)).palettes.primary;
-}, b = (e) => {
-  const t = G(e);
-  return Object.fromEntries(
-    T.map((o) => [
-      o,
-      p(t.tone(D[o]))
-    ])
-  );
-}, n = (e, t) => {
-  const o = s.fromInt(u(e));
-  return p(s.from(o.hue, o.chroma, t).toInt());
-}, a = (e, t, o, c = 1) => {
-  const l = s.fromInt(u(e)), y = (l.hue + t + 360) % 360, h = Math.min(l.chroma * c, 100);
-  return p(s.from(y, h, o).toInt());
-}, d = (e) => {
-  const t = s.fromInt(u(e)), o = (t.hue + 110) % 360, c = Math.min(t.chroma * 1.2, 100), l = t.tone < 50 ? 65 : Math.min(t.tone + 10, 75);
-  return p(s.from(o, c, l).toInt());
-}, A = (e) => {
-  const t = d(e);
-  return [
-    r(n(t, 95), 0),
-    r(t, 25),
-    r(e, 50),
-    r(n(e, 80), 75),
-    r(n(e, 20), 100)
-  ];
-}, C = (e) => [
-  r(n(e, 94), 0),
-  r(n(e, 72), 28),
-  r(e, 55),
-  r(n(e, 24), 100)
-], E = (e) => [
-  r(n(d(e), 88), 0),
-  r(e, 50),
-  r(n(d(e), 32), 100)
-], R = (e) => [
-  r(a(e, 148, 82, 0.95), 0),
-  r(a(e, -148, 70, 1.05), 28),
-  r(e, 56),
-  r(a(e, 150, 34, 1.08), 100)
-], M = (e) => [
-  r(a(e, -34, 72, 0.95), 0),
-  r(e, 50),
-  r(a(e, 34, 34, 1.05), 100)
-], P = (e) => [
-  r(a(e, -120, 78, 0.9), 0),
-  r(e, 50),
-  r(a(e, 120, 36, 1.05), 100)
-], O = (e) => [
-  r(a(e, -90, 78, 0.92), 0),
-  r(e, 32),
-  r(a(e, 90, 62, 1), 58),
-  r(a(e, 180, 34, 1.08), 100)
-], _ = (e) => [
-  r(a(e, -28, 82, 0.96), 0),
-  r(e, 27),
-  r(a(e, 152, 66, 1.02), 62),
-  r(a(e, 180, 34, 1.08), 100)
-], F = (e) => [
-  r(a(e, -90, 78, 0.94), 0),
-  r(e, 30),
-  r(a(e, 90, 62, 1), 62),
-  r(a(e, 180, 36, 1.08), 100)
-], N = (e, t) => {
-  const o = (t == null ? void 0 : t[0]) ?? n(e, 84), c = (t == null ? void 0 : t[1]) ?? d(e);
-  return [
-    r(o, 0),
-    r(e, 48),
-    r(c, 100)
-  ];
-}, H = {
-  glare: A,
-  monochrome: C,
-  complementary: E,
-  "split-complementary": R,
-  analogous: M,
-  triadic: P,
-  tetradic: O,
-  rectangle: _,
-  square: F,
-  duotone: N
-}, x = (e, t, o) => H[t](e, o), U = (e, t = {}) => {
-  const o = t.shade ?? 500, c = t.recipe ?? "glare";
-  return {
-    type: t.type ?? "linear",
-    stops: x(e[o], c, t.colors),
-    direction: t.direction ?? I,
-    shape: t.shape ?? "ellipse",
-    position: t.position ?? w,
-    size: t.size ?? f
-  };
-}, q = (e, t = {}) => U(b(e), t), i = (e) => e, L = (e) => e, m = L({
-  materialBorder: i({
-    label: "Material border",
-    description: "Default Gradient UI border material.",
-    gradient: {
-      recipe: "glare",
-      type: "linear",
-      direction: 135
-    },
-    shadow: {
-      layers: 2,
-      opacity: 0.22,
-      blur: 12,
-      y: 4,
-      spread: -3
-    },
-    dropShadow: {
-      layers: 2,
-      opacity: 0.32,
-      blur: 12,
-      y: 5
-    },
-    animation: {
-      preset: "shift",
-      duration: 6400,
-      easing: "ease-in-out"
-    }
-  }),
-  materialAction: i({
-    label: "Material action",
-    description: "Compact action material for buttons, chips and controls.",
-    gradient: {
-      recipe: "glare",
-      type: "linear",
-      direction: 135
-    },
-    shadow: {
-      layers: 2,
-      opacity: 0.2,
-      blur: 10,
-      y: 3,
-      spread: -2
-    },
-    dropShadow: {
-      layers: 2,
-      opacity: 0.28,
-      blur: 10,
-      y: 4
-    },
-    animation: {
-      preset: "shift",
-      duration: 6800,
-      easing: "ease-in-out"
-    }
-  }),
-  materialSurface: i({
-    label: "Material surface",
-    description: "Soft surface material for calm gradient backgrounds.",
-    gradient: {
-      recipe: "monochrome",
-      type: "linear",
-      direction: 145
-    },
-    shadow: {
-      layers: 2,
-      opacity: 0.18,
-      blur: 14,
-      y: 5,
-      spread: -3
-    },
-    dropShadow: {
-      layers: 2,
-      opacity: 0.22,
-      blur: 14,
-      y: 5
-    },
-    animation: {
-      preset: "pulse",
-      duration: 7600,
-      easing: "ease-in-out"
-    }
-  }),
-  brandGlare: i({
-    label: "Brand glare",
-    description: "Classic Gradient UI glare with a vivid complementary highlight.",
-    gradient: {
-      recipe: "glare",
-      type: "linear",
-      direction: 135
-    },
-    shadow: {
-      layers: 2,
-      opacity: 0.24,
-      blur: 16,
-      y: 6,
-      spread: -3
-    },
-    dropShadow: {
-      layers: 3,
-      opacity: 0.38,
-      blur: 16,
-      y: 6
-    },
-    animation: {
-      preset: "shift",
-      duration: 6e3,
-      easing: "ease-in-out"
-    }
-  }),
-  softMono: i({
-    label: "Soft mono",
-    description: "Quiet monochrome ramp for subtle surfaces.",
-    gradient: {
-      recipe: "monochrome",
-      type: "linear",
-      direction: 145
-    },
-    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"
-    }
-  }),
-  neonDuo: i({
-    label: "Neon duo",
-    description: "Punchy duotone setup with stronger glow defaults.",
-    gradient: {
-      recipe: "duotone",
-      type: "linear",
-      direction: 120
-    },
-    shadow: {
-      layers: 2,
-      opacity: 0.32,
-      blur: 18,
-      y: 7,
-      spread: -3
-    },
-    dropShadow: {
-      layers: 3,
-      opacity: 0.52,
-      blur: 18,
-      y: 7
-    },
-    animation: {
-      preset: "shift",
-      duration: 5200,
-      easing: "ease-in-out"
-    }
-  }),
-  orbitalConic: i({
-    label: "Orbital conic",
-    description: "Smooth mirrored conic gradient for badges and marks.",
-    gradient: {
-      recipe: "triadic",
-      type: "conic",
-      direction: 35,
-      position: "center"
-    },
-    shadow: {
-      layers: 2,
-      opacity: 0.24,
-      blur: 16,
-      y: 6,
-      spread: -3
-    },
-    dropShadow: {
-      layers: 3,
-      opacity: 0.36,
-      blur: 16,
-      y: 6
-    },
-    animation: {
-      preset: "rotate",
-      duration: 9e3
-    }
-  }),
-  auroraRadial: i({
-    label: "Aurora radial",
-    description: "Radial analogous gradient with slow hue motion.",
-    gradient: {
-      recipe: "analogous",
-      type: "radial",
-      direction: 0,
-      position: "top left",
-      shape: "circle"
-    },
-    shadow: {
-      layers: 2,
-      opacity: 0.22,
-      blur: 18,
-      y: 7,
-      spread: -4
-    },
-    dropShadow: {
-      layers: 3,
-      opacity: 0.32,
-      blur: 18,
-      y: 7
-    },
-    animation: {
-      preset: "hue-rotate",
-      duration: 8e3,
-      easing: "ease-in-out"
-    }
-  })
-}), v = (e, t = m) => t[e] ?? m.brandGlare;
-export {
-  T as C,
-  D as S,
-  q as a,
-  b,
-  U as c,
-  x as d,
-  i as e,
-  L as f,
-  v as g,
-  m as h,
-  H as i,
-  d as j,
-  n as k,
-  a as s
-};

package/dist/presets-UIJJyagu.cjs

@@ -1 +0,0 @@
-"use strict";const i=require("@material/material-color-utilities"),t=require("./utils-6iJ6IpZZ.cjs"),u=[50,100,200,300,400,500,600,700,800,900],m={50:90,100:80,200:70,300:60,400:50,500:40,600:35,700:30,800:20,900:10},b=e=>{const r=t.colorToHex(e,"#000000");return i.themeFromSourceColor(i.argbFromHex(r)).palettes.primary},S=e=>{const r=b(e);return Object.fromEntries(u.map(a=>[a,i.hexFromArgb(r.tone(m[a]))]))},n=(e,r)=>{const a=i.Hct.fromInt(i.argbFromHex(e));return i.hexFromArgb(i.Hct.from(a.hue,a.chroma,r).toInt())},o=(e,r,a,p=1)=>{const s=i.Hct.fromInt(i.argbFromHex(e)),w=(s.hue+r+360)%360,G=Math.min(s.chroma*p,100);return i.hexFromArgb(i.Hct.from(w,G,a).toInt())},l=e=>{const r=i.Hct.fromInt(i.argbFromHex(e)),a=(r.hue+110)%360,p=Math.min(r.chroma*1.2,100),s=r.tone<50?65:Math.min(r.tone+10,75);return i.hexFromArgb(i.Hct.from(a,p,s).toInt())},A=e=>{const r=l(e);return[t.createStop(n(r,95),0),t.createStop(r,25),t.createStop(e,50),t.createStop(n(e,80),75),t.createStop(n(e,20),100)]},H=e=>[t.createStop(n(e,94),0),t.createStop(n(e,72),28),t.createStop(e,55),t.createStop(n(e,24),100)],C=e=>[t.createStop(n(l(e),88),0),t.createStop(e,50),t.createStop(n(l(e),32),100)],I=e=>[t.createStop(o(e,148,82,.95),0),t.createStop(o(e,-148,70,1.05),28),t.createStop(e,56),t.createStop(o(e,150,34,1.08),100)],T=e=>[t.createStop(o(e,-34,72,.95),0),t.createStop(e,50),t.createStop(o(e,34,34,1.05),100)],E=e=>[t.createStop(o(e,-120,78,.9),0),t.createStop(e,50),t.createStop(o(e,120,36,1.05),100)],R=e=>[t.createStop(o(e,-90,78,.92),0),t.createStop(e,32),t.createStop(o(e,90,62,1),58),t.createStop(o(e,180,34,1.08),100)],D=e=>[t.createStop(o(e,-28,82,.96),0),t.createStop(e,27),t.createStop(o(e,152,66,1.02),62),t.createStop(o(e,180,34,1.08),100)],F=e=>[t.createStop(o(e,-90,78,.94),0),t.createStop(e,30),t.createStop(o(e,90,62,1),62),t.createStop(o(e,180,36,1.08),100)],P=(e,r)=>{const a=(r==null?void 0:r[0])??n(e,84),p=(r==null?void 0:r[1])??l(e);return[t.createStop(a,0),t.createStop(e,48),t.createStop(p,100)]},y={glare:A,monochrome:H,complementary:C,"split-complementary":I,analogous:T,triadic:E,tetradic:R,rectangle:D,square:F,duotone:P},h=(e,r,a)=>y[r](e,a),g=(e,r={})=>{const a=r.shade??500,p=r.recipe??"glare";return{type:r.type??"linear",stops:h(e[a],p,r.colors),direction:r.direction??t.DEFAULT_GRADIENT_DIRECTION,shape:r.shape??"ellipse",position:r.position??t.DEFAULT_GRADIENT_POSITION,size:r.size??t.DEFAULT_GRADIENT_SIZE}},M=(e,r={})=>g(S(e),r),c=e=>e,f=e=>e,d=f({materialBorder:c({label:"Material border",description:"Default Gradient UI border material.",gradient:{recipe:"glare",type:"linear",direction:135},shadow:{layers:2,opacity:.22,blur:12,y:4,spread:-3},dropShadow:{layers:2,opacity:.32,blur:12,y:5},animation:{preset:"shift",duration:6400,easing:"ease-in-out"}}),materialAction:c({label:"Material action",description:"Compact action material for buttons, chips and controls.",gradient:{recipe:"glare",type:"linear",direction:135},shadow:{layers:2,opacity:.2,blur:10,y:3,spread:-2},dropShadow:{layers:2,opacity:.28,blur:10,y:4},animation:{preset:"shift",duration:6800,easing:"ease-in-out"}}),materialSurface:c({label:"Material surface",description:"Soft surface material for calm gradient backgrounds.",gradient:{recipe:"monochrome",type:"linear",direction:145},shadow:{layers:2,opacity:.18,blur:14,y:5,spread:-3},dropShadow:{layers:2,opacity:.22,blur:14,y:5},animation:{preset:"pulse",duration:7600,easing:"ease-in-out"}}),brandGlare:c({label:"Brand glare",description:"Classic Gradient UI glare with a vivid complementary highlight.",gradient:{recipe:"glare",type:"linear",direction:135},shadow:{layers:2,opacity:.24,blur:16,y:6,spread:-3},dropShadow:{layers:3,opacity:.38,blur:16,y:6},animation:{preset:"shift",duration:6e3,easing:"ease-in-out"}}),softMono:c({label:"Soft mono",description:"Quiet monochrome ramp for subtle surfaces.",gradient:{recipe:"monochrome",type:"linear",direction:145},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"}}),neonDuo:c({label:"Neon duo",description:"Punchy duotone setup with stronger glow defaults.",gradient:{recipe:"duotone",type:"linear",direction:120},shadow:{layers:2,opacity:.32,blur:18,y:7,spread:-3},dropShadow:{layers:3,opacity:.52,blur:18,y:7},animation:{preset:"shift",duration:5200,easing:"ease-in-out"}}),orbitalConic:c({label:"Orbital conic",description:"Smooth mirrored conic gradient for badges and marks.",gradient:{recipe:"triadic",type:"conic",direction:35,position:"center"},shadow:{layers:2,opacity:.24,blur:16,y:6,spread:-3},dropShadow:{layers:3,opacity:.36,blur:16,y:6},animation:{preset:"rotate",duration:9e3}}),auroraRadial:c({label:"Aurora radial",description:"Radial analogous gradient with slow hue motion.",gradient:{recipe:"analogous",type:"radial",direction:0,position:"top left",shape:"circle"},shadow:{layers:2,opacity:.22,blur:18,y:7,spread:-4},dropShadow:{layers:3,opacity:.32,blur:18,y:7},animation:{preset:"hue-rotate",duration:8e3,easing:"ease-in-out"}})}),O=(e,r=d)=>r[e]??d.brandGlare;exports.COLOR_SHADES=u;exports.SHADE_TONES=m;exports.changeTone=n;exports.createGradientModel=g;exports.createGradientModelFromColor=M;exports.createPalette=S;exports.createRecipeStops=h;exports.defineGradientPreset=c;exports.defineGradientPresetRegistry=f;exports.getComplementaryColor=l;exports.getGradientPreset=O;exports.gradientPresets=d;exports.gradientRecipes=y;exports.shiftHue=o;

package/dist/svg-BVcl24Cf.cjs

@@ -1,32 +0,0 @@
-"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">
-  <defs>
-    ${S(e,t)}
-  </defs>
-  <rect width="${a}" height="${i}" rx="${n}" fill="url(#${r})" />
-</svg>`},z=(e,t,r={})=>{const i=`${r.id??"g-gradient-source"}-stroke`,n=A(e,r),d=N(e),o=O(e),s=U(r.strokeWidth??1.4,n,r),h=V(n,s,r),{width:m,x:g}=k(h),l=r.linecap??"round",u=$.toCssDuration(r.duration??3600),w=r.repeatCount??"indefinite",b=r.sourceOpacity??.22,M=t.stops.map(x).join(""),C=Math.max(...o.map(v));return`<svg xmlns="${p}" viewBox="${c(h)}" role="img">
-  <defs>
-    <linearGradient id="${i}" gradientUnits="userSpaceOnUse" x1="${g}" y1="0" x2="${g+m}" y2="0">
-      ${M}
-    </linearGradient>
-  </defs>
-  <g opacity="${$.clamp(b)}">
-    ${d}
-  </g>
-  <g fill="none" stroke="url(#${i})" stroke-width="${s}" stroke-linecap="${l}" stroke-linejoin="round">
-    ${o.map(y=>{const f=T(y,C);return`<path d="${c(y)}" pathLength="100" stroke-dasharray="0 100" stroke-dashoffset="0">
-      <animate attributeName="stroke-dasharray" values="0 100;100 100;0 100" keyTimes="0;${f};1" dur="${u}" repeatCount="${w}" calcMode="linear" />
-      <animate attributeName="stroke-dashoffset" values="0;0;-100" keyTimes="0;${f};1" dur="${u}" repeatCount="${w}" calcMode="linear" />
-    </path>`}).join(`
-    `)}
-  </g>
-</svg>`},E=(e,t={})=>{const a=`${t.id??"g-gradient-path"}-stroke`,i=t.width??240,n=t.height??120,d=t.path??`M 20 ${n*.64} C ${i*.28} ${n*.18}, ${i*.58} ${n*.18}, ${i-20} ${n*.64}`,o=t.strokeWidth??12,s=t.linecap??"round",h=$.toCssDuration(t.duration??2800),m=t.repeatCount??"indefinite",g=t.backgroundOpacity??.24,l=P(e,t),u=e.stops.map(x).join("");return`<svg xmlns="${p}" viewBox="0 0 ${i} ${n}" role="img">
-  <defs>
-    <linearGradient id="${a}" gradientUnits="userSpaceOnUse" x1="0" y1="0" x2="${i}" y2="0">
-      ${u}
-    </linearGradient>
-  </defs>
-  <path d="${c(d)}" fill="none" stroke="${l.background}" stroke-width="${o}" stroke-linecap="${s}" opacity="${g}" />
-  <path d="${c(d)}" fill="none" stroke="${t.activeStroke?l.active:`url(#${a})`}" stroke-width="${o}" stroke-linecap="${s}" pathLength="100" stroke-dasharray="100 100" stroke-dashoffset="100">
-    <animate attributeName="stroke-dashoffset" values="100;0;-100" dur="${h}" repeatCount="${m}" />
-  </path>
-</svg>`};exports.toSvgGradient=S;exports.toSvgGradientMarkup=q;exports.toSvgPathAnimationMarkup=E;exports.toSvgSourceAnimationMarkup=z;