@gradient-ui/gradient-engine 0.6.0 → 2.0.0

package/dist/svg-dGtLYnIJ.cjs

@@ -1,32 +0,0 @@
-"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>
-  <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;

package/dist/svg-hZus3ztj.js

@@ -1,118 +0,0 @@
-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} />`;
-}, N = (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"
-  };
-}, P = (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}`;
-}, A = (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])
-), b = (e) => {
-  var t;
-  return Math.max(1, ((t = e.match(/[LlHhVvCcSsQqTtAaZz]/g)) == null ? void 0 : t.length) ?? 0);
-}, T = (e, t) => {
-  const a = 0.5 + (1 - b(e) / t) * 0.22;
-  return Math.round(a * 1e3) / 1e3;
-}, x = (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 = x(e), i = Math.max(
-    t * 2,
-    Math.min(a.width, a.height) * 0.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 } = x(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);
-}, z = (e, t = {}) => {
-  const r = t.id ?? "g-gradient", a = e.stops.map(p).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(C(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="${m}" viewBox="0 0 ${a} ${i}" role="img">
-  <defs>
-    ${z(e, t)}
-  </defs>
-  <rect width="${a}" height="${i}" rx="${n}" fill="url(#${r})" />
-</svg>`;
-}, D = (e, t, r = {}) => {
-  const i = `${r.id ?? "g-gradient-source"}-stroke`, n = P(e, r), d = A(e), s = O(e), o = U(
-    r.strokeWidth ?? 1.4,
-    n,
-    r
-  ), h = V(n, o, r), { width: $, x: g } = x(h), l = r.linecap ?? "round", u = y(r.duration ?? 3600), k = r.repeatCount ?? "indefinite", S = r.sourceOpacity ?? 0.22, M = t.stops.map(p).join(""), B = Math.max(...s.map(b));
-  return `<svg xmlns="${m}" viewBox="${c(h)}" role="img">
-  <defs>
-    <linearGradient id="${i}" gradientUnits="userSpaceOnUse" x1="${g}" y1="0" x2="${g + $}" y2="0">
-      ${M}
-    </linearGradient>
-  </defs>
-  <g opacity="${v(S)}">
-    ${d}
-  </g>
-  <g fill="none" stroke="url(#${i})" stroke-width="${o}" stroke-linecap="${l}" stroke-linejoin="round">
-    ${s.map((w) => {
-    const f = T(w, B);
-    return `<path d="${c(w)}" 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="${k}" calcMode="linear" />
-      <animate attributeName="stroke-dashoffset" values="0;0;-100" keyTimes="0;${f};1" dur="${u}" repeatCount="${k}" calcMode="linear" />
-    </path>`;
-  }).join(`
-    `)}
-  </g>
-</svg>`;
-}, H = (e, t = {}) => {
-  const a = `${t.id ?? "g-gradient-path"}-stroke`, i = t.width ?? 240, n = t.height ?? 120, d = t.path ?? `M 20 ${n * 0.64} C ${i * 0.28} ${n * 0.18}, ${i * 0.58} ${n * 0.18}, ${i - 20} ${n * 0.64}`, s = t.strokeWidth ?? 12, o = t.linecap ?? "round", h = y(t.duration ?? 2800), $ = t.repeatCount ?? "indefinite", g = t.backgroundOpacity ?? 0.24, l = N(e, t), u = e.stops.map(p).join("");
-  return `<svg xmlns="${m}" 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="${s}" stroke-linecap="${o}" opacity="${g}" />
-  <path d="${c(d)}" fill="none" stroke="${t.activeStroke ? l.active : `url(#${a})`}" stroke-width="${s}" stroke-linecap="${o}" pathLength="100" stroke-dasharray="100 100" stroke-dashoffset="100">
-    <animate attributeName="stroke-dashoffset" values="100;0;-100" dur="${h}" repeatCount="${$}" />
-  </path>
-</svg>`;
-};
-export {
-  q as a,
-  H as b,
-  D as c,
-  z as t
-};

package/dist/types-BMLEvdee.cjs

@@ -1 +0,0 @@
-"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

@@ -1,76 +0,0 @@
-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

@@ -1 +0,0 @@
-"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;