@gradient-ui/gradient-engine 0.5.0

package/dist/presets-55krt4L_.js

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

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

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

package/dist/svg-CZThYPKf.js

@@ -0,0 +1,118 @@
+import { t as y, b as v } from "./utils-B_VQDGMy.js";
+import { t as C } from "./css-CaOuUhfh.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/tokens-DMGI7_df.cjs

@@ -0,0 +1,9 @@
+"use strict";const f=require("./presets-UIJJyagu.cjs"),u=require("./animation.cjs"),g=require("./effects.cjs"),b=require("./css-YuAJQW13.cjs"),v=require("./svg-BVcl24Cf.cjs"),G=["glare","soft","mesh"],k=e=>e.replace(/[A-Z]/g,a=>`-${a.toLowerCase()}`),x=e=>k(e),C=(e,a,r)=>`${e}-${a}`,$=e=>Object.entries(e).map(([a,r])=>`${a}: ${r};`).join(`
+`),T=e=>e.replace(/[A-Z]/g,a=>`-${a.toLowerCase()}`),V=e=>Object.entries(e).map(([a,r])=>`${T(a)}: ${r};`).join(`
+`),y=e=>e===null||typeof e!="object"?JSON.stringify(e):Array.isArray(e)?`[${e.map(y).join(",")}]`:`{${Object.entries(e).filter(([,a])=>a!==void 0).sort(([a],[r])=>a.localeCompare(r)).map(([a,r])=>`${JSON.stringify(a)}:${y(r)}`).join(",")}}`,p=e=>{let a=5381;for(let r=0;r<e.length;r+=1)a=a*33^e.charCodeAt(r);return(a>>>0).toString(36)},j=(e,a,r,n)=>{const o=$(a),s=V(r),t=[o,s].filter(Boolean).join(`
+`);return[`.${e} {
+${t}
+}`,n].filter(Boolean).join(`
+
+`)},A=(e,a)=>e in a,w=(e,a)=>A(e,a)?f.getGradientPreset(e,a):e==="soft"?{label:"Soft",description:"Quiet monochrome radial gradient.",gradient:{recipe:"monochrome",type:"radial",position:"center",shape:"ellipse"},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"}}:e==="mesh"?null:{label:e,gradient:{recipe:e,type:"linear",direction:e==="glare"?135:145}},O=e=>{const a=[`radial-gradient(circle at 16% 18%, ${f.shiftHue(e,-42,72,1.05)} 0%, transparent 34%)`,`radial-gradient(circle at 86% 20%, ${f.getComplementaryColor(e)} 0%, transparent 32%)`,`radial-gradient(circle at 50% 84%, ${f.shiftHue(e,56,64,1.08)} 0%, transparent 38%)`,`linear-gradient(135deg, ${f.changeTone(e,94)}, ${f.changeTone(e,28)})`];return{layers:a,value:a.join(", ")}},P=(e,a,r,n,o)=>{if(a==="mesh"){const h=O(e);return{cssVar:r,layers:h.layers,value:h.value}}const s=w(a,o),t=f.createPalette(e),l=f.createGradientModel(t,{...s==null?void 0:s.gradient,...n});return{cssVar:r,model:l,stops:l.stops,svg:v.toSvgGradient(l,{id:r.replace(/^--/,"")}),value:b.toCssGradient(l)}},E=(e,a,r,n)=>{var t;if(!e)return{};const o=`${a.replace(/^--/,"")}-morph`,s={...n==null?void 0:n.morph,id:((t=n==null?void 0:n.morph)==null?void 0:t.id)??o};return{boxShadow:{cssVar:`${a}-shadow`,value:g.toGradientBoxShadow(e,(n==null?void 0:n.shadow)??(r==null?void 0:r.shadow))},dropShadow:{cssVar:`${a}-drop-shadow`,value:g.toGradientDropShadow(e,(n==null?void 0:n.dropShadow)??(r==null?void 0:r.dropShadow))},morph:{cssVar:`${a}-morph`,svg:g.toGradientMorphFilterMarkup(s),value:g.toGradientMorphFilter(s)}}},M=(e,a,r,n)=>{var s;const o={...r==null?void 0:r.animation,...n,name:`g-gradient-${e}-${(n==null?void 0:n.preset)??((s=r==null?void 0:r.animation)==null?void 0:s.preset)??"shift"}`,selector:`.g-gradient-${e}`};return{css:u.toGradientAnimationCSS(o),cssVar:`${a}-animation`,keyframes:u.toGradientAnimationKeyframes(o),name:o.name,value:u.toGradientAnimationValue(o)}},S=(e,a="glare",r={})=>{const n=r.registry??f.gradientPresets,o=x(a),s=C(r.prefix??"--g-gradient",o),t=w(a,n),h=f.createPalette(e)[500],c=P(h,a,s,r,n),d={[s]:c.value},i=r.effects?E(c.model,s,t,{dropShadow:r.dropShadow,morph:r.morph,shadow:r.shadow}):void 0,m=r.animations?M(o,s,t,r.animation):void 0;return i!=null&&i.boxShadow&&(d[i.boxShadow.cssVar]=i.boxShadow.value),i!=null&&i.dropShadow&&(d[i.dropShadow.cssVar]=i.dropShadow.value),i!=null&&i.morph&&(d[i.morph.cssVar]=i.morph.value),m&&(d[m.cssVar]=m.value),{animation:m,cssText:$(d),cssVars:d,description:t==null?void 0:t.description,effects:i,gradient:c,keyframes:(m==null?void 0:m.keyframes)??"",label:(t==null?void 0:t.label)??o,name:o}},N=(e,a={})=>{const r=a.recipes??G,n={},o={},s={},t={},l=[];for(const h of r){const c=S(e,h,{animations:a.animations,effects:a.effects,morph:a.morph,prefix:a.prefix,registry:a.registry});n[c.name]=c.gradient,Object.assign(t,c.cssVars),c.effects&&(o[c.name]=c.effects),c.animation&&(s[c.name]=c.animation,l.push(c.animation.keyframes))}return{animations:s,cssText:$(t),cssVars:t,effects:o,gradients:n,keyframes:l.join(`
+`)}},q=(e,a={})=>{var i,m;const{className:r,id:n,recipe:o="glare",...s}=a,t=S(e,o,s),l=t.gradient.model&&a.effects&&a.morph?g.createGradientMorphBlobs(t.gradient.model,a.morph):void 0,h=n??`g-gradient-${t.name}-${p(y({options:a,seed:e}))}`,c=r??h,d={backgroundImage:`var(${t.gradient.cssVar})`};return(i=t.effects)!=null&&i.boxShadow&&(d.boxShadow=`var(${t.effects.boxShadow.cssVar})`),(m=t.effects)!=null&&m.dropShadow&&(d.filter=`var(${t.effects.dropShadow.cssVar})`),t.animation&&(d.animation=`var(${t.animation.cssVar})`),{animation:t.animation,className:c,cssText:j(c,t.cssVars,d,t.keyframes),cssVars:t.cssVars,effects:t.effects,gradient:t.gradient,id:h,keyframes:t.keyframes,morphBlobs:l,preset:t,style:d}};exports.createGradientMaterial=q;exports.createGradientPreset=S;exports.createGradientTokens=N;