@gradient-ui/core 0.4.1 → 0.6.0

package/dist/default-OTmCd0Aq.js

@@ -1,131 +0,0 @@
-import { d as p, f as S, C as D, h as y, p as b, r as k, g as w, t as j, i as P, j as L, c as v } from "./camelToKebabCase-6qY6WHvl.js";
-import { createGradient as i, createGradientFromColor as A } from "@gradient-ui/gradient-engine";
-import { inject as _, ref as T, shallowRef as z, provide as F } from "vue";
-const d = (e) => {
-  const o = b(e);
-  if (!o)
-    throw new Error(`Unsupported generated color: ${String(e)}`);
-  return k(o);
-}, U = (e) => `${e.charAt(0).toUpperCase()}${e.slice(1)}`, m = (e) => `on${U(e)}`, x = (e) => e.replace(
-  /-([a-z0-9])/g,
-  (o, t) => t.toUpperCase()
-), E = (e, o, t, r) => {
-  const { colors: s, onColors: a } = r;
-  for (const n of D) {
-    const c = s[n];
-    e[`${t}${n}`] = d(c), e[`${m(t)}${n}`] = d(a[n]), o[`${t}${n}`] = i(s, { shade: n });
-  }
-  e[t] = e[`${t}500`], e[m(t)] = e[`${m(t)}500`], o[t] = o[`${t}500`];
-}, H = (e) => typeof e == "object" && e !== null && "color" in e, M = (e) => H(e) ? e : { color: e }, N = (e, o, t, r) => {
-  e[t] = d(r.color), e[m(t)] = d(
-    r.onColor ?? w(r.color)
-  ), r.gradient !== !1 && (o[t] = r.gradient ?? A(r.color));
-}, R = (e, o, t, r, s) => {
-  const a = x(y(r)), n = M(s);
-  if (n.palette === !1) {
-    N(e, o, a, n);
-    return;
-  }
-  const c = p(n.color);
-  t[a] = c, E(e, o, a, c), n.onColor && (e[m(a)] = d(n.onColor)), n.gradient && (o[a] = n.gradient);
-}, G = (e, o = {}) => {
-  const t = {}, r = {}, s = {
-    source: p(e)
-  };
-  for (const [a, n] of Object.entries(S))
-    s[a] = p(n);
-  for (const [a, n] of Object.entries(s))
-    E(t, r, a, n);
-  for (const [a, n] of Object.entries(o.colors ?? {}))
-    R(t, r, s, a, n);
-  return r.main = i(s.source.colors), r.error = i(s.red.colors, { shade: 600 }), r.warning = i(s.amber.colors, { shade: 600 }), r.success = i(s.green.colors, { shade: 600 }), {
-    colors: t,
-    gradients: r,
-    palettes: s
-  };
-}, I = (e) => {
-  const o = b(e);
-  if (!o)
-    throw new Error(`Unsupported generated color: ${String(e)}`);
-  return k(o);
-}, C = (e, o) => {
-  const t = j(P(e)).schemes[o].toJSON();
-  return Object.fromEntries(
-    Object.entries(t).map(([r, s]) => [
-      r,
-      I(L(s))
-    ])
-  );
-}, W = (e, o) => {
-  const t = C(e, o), r = C(S.amber, o), s = C(S.green, o);
-  return {
-    ...t,
-    warning: r.primary,
-    onWarning: r.onPrimary,
-    warningContainer: r.primaryContainer,
-    onWarningContainer: r.onPrimaryContainer,
-    success: s.primary,
-    onSuccess: s.onPrimary,
-    successContainer: s.primaryContainer,
-    onSuccessContainer: s.onPrimaryContainer
-  };
-}, B = (e, { className: o, id: t, prefix: r }) => {
-  const s = Object.entries(e).map(
-    ([c, l]) => `  --g-${r}-${y(c)}: ${l};`
-  ), a = `.${o} {
-${s.join(`
-`)}
-}`;
-  let n = document.getElementById(t);
-  return n || (n = document.createElement("style"), n.id = t, document.head.appendChild(n)), n.textContent = a, n;
-}, u = "#4e51ff", O = "g-theme--material", g = "g-theme--", f = Symbol("gradient-theme"), J = (e) => v(e, u), h = (e, o) => B(e, {
-  className: O,
-  id: `g-${o}-style`,
-  prefix: o
-}), V = (e = u, o = {}) => $(e, "light", o), Y = (e = u, o = {}) => $(e, "dark", o), $ = (e = u, o = "light", t = {}) => {
-  const r = document.documentElement;
-  r.classList.add(O), r.classList.remove(
-    `${g}light`,
-    `${g}dark`
-  ), r.classList.add(`${g}${o}`);
-  const s = J(e), a = G(s, {
-    colors: t.colors
-  }), n = {
-    theme: W(s, o),
-    colors: a.colors,
-    gradients: a.gradients
-  };
-  return {
-    tokens: n,
-    themeCSS: h(n.theme, "theme"),
-    colorsCSS: h(n.colors, "color"),
-    gradientCSS: h(n.gradients, "gradient")
-  };
-}, K = (e = {}) => {
-  const o = T(e.seed ?? u), t = T(e.mode ?? "light"), r = z(null), s = () => typeof window > "u" ? null : (r.value = $(o.value, t.value, {
-    colors: e.colors
-  }), r.value), a = (l) => (o.value = l, s()), n = (l) => (t.value = l, s()), c = () => (t.value = t.value === "dark" ? "light" : "dark", s());
-  return e.autoApply !== !1 && s(), {
-    seed: o,
-    mode: t,
-    result: r,
-    apply: s,
-    setSeed: a,
-    setMode: n,
-    toggleMode: c
-  };
-}, Z = (e = K()) => (F(f, e), e), ee = (e, o) => {
-  e.provide(f, o);
-}, oe = () => _(f, null);
-export {
-  u as D,
-  Y as a,
-  V as b,
-  G as c,
-  $ as d,
-  W as e,
-  K as f,
-  ee as i,
-  Z as p,
-  oe as u
-};

package/dist/material-Ca7ZZAiO.cjs

@@ -1,194 +0,0 @@
-"use strict";const p=require("./camelToKebabCase-BQDotaQm.cjs"),V=(t,e=0,r=1)=>Math.min(r,Math.max(e,t)),St=t=>{const e=t.slice(1),r=e.length===3||e.length===4?e.slice(0,3).split("").map(a=>a.repeat(2)).join(""):e.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)}},wt=t=>{const e=t.match(/^rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)(?:\s*[,/]\s*[\d.]+%?)?\s*\)$/i);return e?{r:V(Number(e[1]),0,255),g:V(Number(e[2]),0,255),b:V(Number(e[3]),0,255)}:null},D=t=>{if(typeof t=="number"){const r=t&16777215;return{r:r>>16&255,g:r>>8&255,b:r&255}}const e=t.trim();return e.startsWith("#")?St(e):e.toLowerCase().startsWith("rgb")?wt(e):null},vt=({r:t,g:e,b:r})=>`#${[t,e,r].map(a=>Math.round(a).toString(16).padStart(2,"0")).join("")}`,Mt=({r:t,g:e,b:r})=>`${Math.round(t)}, ${Math.round(e)}, ${Math.round(r)}`,kt=(t,e)=>{const r=D(t)??D(e);if(!r)throw new Error(`Invalid fallback color: ${e}`);return vt(r)},j=135,F="center",rt="farthest-corner",at=(t=j)=>typeof t=="number"?`${t}deg`:t,M=t=>typeof t=="number"?`${t}px`:t,_=t=>typeof t=="number"?`${t}ms`:t,v=(t,e=0,r=1)=>Math.min(r,Math.max(e,t)),C=(t,e)=>{if(e===void 0)return t;const r=D(t);return r?`rgb(${Mt(r).replace(/,/g,"")} / ${v(e)})`:t},z=({color:t,opacity:e,position:r})=>`${C(t,e)} ${r}%`,c=(t,e,r)=>({color:t,position:e}),nt=t=>{if(t.length<=1)return t;const e=t.map(a=>({...a,position:a.position/2})),r=[...t].reverse().map(a=>({...a,position:100-a.position/2}));return[...e,...r]},Ct=t=>`@keyframes ${t} {
-	0% {
-		background-position: 0% 50%;
-	}
-
-	50% {
-		background-position: 100% 50%;
-	}
-
-	100% {
-		background-position: 0% 50%;
-	}
-}`,Gt=t=>`@keyframes ${t} {
-	0%, 100% {
-		filter: saturate(1) brightness(1);
-	}
-
-	50% {
-		filter: saturate(1.22) brightness(1.08);
-	}
-}`,Tt=t=>`@keyframes ${t} {
-	0%, 100% {
-		filter: hue-rotate(0deg) saturate(1);
-	}
-
-	50% {
-		filter: hue-rotate(28deg) saturate(1.18);
-	}
-}`,Nt=t=>`@keyframes ${t} {
-	from {
-		transform: translate(-50%, -50%) rotate(0deg);
-	}
-
-	to {
-		transform: translate(-50%, -50%) rotate(360deg);
-	}
-}`,P=(t={})=>{const e=t.name??"g-gradient-shift",r=_(t.duration??6e3),a=t.easing??"ease-in-out",o=t.selector??".g-gradient-animated",n=t.preset??"shift";return{duration:r,easing:a,name:e,preset:n,selector:o}},R=(t={})=>{const{name:e,preset:r}=P(t);return r==="pulse"?Gt(e):r==="hue-rotate"?Tt(e):r==="rotate"?Nt(e):Ct(e)},ot=(t={})=>{const{duration:e,easing:r,name:a,preset:o}=P(t);return`${a} ${e} ${o==="rotate"?"linear":r} infinite`},it=(t={})=>{const{duration:e,easing:r,name:a,preset:o,selector:n}=P(t);return o==="rotate"?`${n} {
-	position: relative;
-	overflow: hidden;
-}
-
-${n}::before {
-	content: '';
-	position: absolute;
-	top: 50%;
-	left: 50%;
-	width: 200%;
-	height: 200%;
-	min-width: 150vmax;
-	min-height: 150vmax;
-	background: inherit;
-	animation: ${a} ${e} linear infinite;
-	transform-origin: center;
-}`:o==="pulse"||o==="hue-rotate"?`${n} {
-	animation: ${a} ${e} ${r} infinite;
-}`:`${n} {
-	animation: ${a} ${e} ${r} infinite;
-	background-size: 220% 220%;
-}`},st=(t={})=>{const e=R(t),r=it(t);return`${e}
-${r}`},Ot=Object.freeze(Object.defineProperty({__proto__:null,getGradientAnimationOptions:P,toGradientAnimationCSS:st,toGradientAnimationKeyframes:R,toGradientAnimationStyles:it,toGradientAnimationValue:ot},Symbol.toStringTag,{value:"Module"})),At=[50,100,200,300,400,500,600,700,800,900],jt={50:90,100:80,200:70,300:60,400:50,500:40,600:35,700:30,800:20,900:10},_t=t=>{const e=kt(t,"#000000");return p.themeFromSourceColor(p.argbFromHex(e)).palettes.primary},B=t=>{const e=_t(t);return Object.fromEntries(At.map(r=>[r,p.hexFromArgb(e.tone(jt[r]))]))},ct=(t,e=j)=>`linear-gradient(${at(e)}, ${t.join(", ")})`,E=t=>{const e=t.stops.map(z).join(", ");if(t.type==="radial"){const r=t.shape??"ellipse",a=t.size??rt,o=t.position??F;return`radial-gradient(${r} ${a} at ${o}, ${e})`}if(t.type==="conic"){const r=at(t.direction),a=t.position??F,o=nt(t.stops).map(z).join(", ");return`conic-gradient(from ${r} at ${a}, ${o})`}return ct(t.stops.map(z),t.direction)},$=(t,e)=>{const r=p.Hct.fromInt(p.argbFromHex(t));return p.hexFromArgb(p.Hct.from(r.hue,r.chroma,e).toInt())},u=(t,e,r,a=1)=>{const o=p.Hct.fromInt(p.argbFromHex(t)),n=(o.hue+e+360)%360,i=Math.min(o.chroma*a,100);return p.hexFromArgb(p.Hct.from(n,i,r).toInt())},G=t=>{const e=p.Hct.fromInt(p.argbFromHex(t)),r=(e.hue+110)%360,a=Math.min(e.chroma*1.2,100),o=e.tone<50?65:Math.min(e.tone+10,75);return p.hexFromArgb(p.Hct.from(r,a,o).toInt())},Pt=t=>{const e=G(t);return[c($(e,95),0),c(e,25),c(t,50),c($(t,80),75),c($(t,20),100)]},Bt=t=>[c($(t,94),0),c($(t,72),28),c(t,55),c($(t,24),100)],Et=t=>[c($(G(t),88),0),c(t,50),c($(G(t),32),100)],It=t=>[c(u(t,148,82,.95),0),c(u(t,-148,70,1.05),28),c(t,56),c(u(t,150,34,1.08),100)],Vt=t=>[c(u(t,-34,72,.95),0),c(t,50),c(u(t,34,34,1.05),100)],zt=t=>[c(u(t,-120,78,.9),0),c(t,50),c(u(t,120,36,1.05),100)],Dt=t=>[c(u(t,-90,78,.92),0),c(t,32),c(u(t,90,62,1),58),c(u(t,180,34,1.08),100)],Ft=t=>[c(u(t,-28,82,.96),0),c(t,27),c(u(t,152,66,1.02),62),c(u(t,180,34,1.08),100)],Ht=t=>[c(u(t,-90,78,.94),0),c(t,30),c(u(t,90,62,1),62),c(u(t,180,36,1.08),100)],Rt=(t,e)=>{const r=(e==null?void 0:e[0])??$(t,84),a=(e==null?void 0:e[1])??G(t);return[c(r,0),c(t,48),c(a,100)]},dt={glare:Pt,monochrome:Bt,complementary:Et,"split-complementary":It,analogous:Vt,triadic:zt,tetradic:Dt,rectangle:Ft,square:Ht,duotone:Rt},lt=(t,e,r)=>dt[e](t,r),I=(t,e={})=>{const r=e.shade??500,a=e.recipe??"glare";return{type:e.type??"linear",stops:lt(t[r],a,e.colors),direction:e.direction??j,shape:e.shape??"ellipse",position:e.position??F,size:e.size??rt}},Lt=(t,e={})=>I(B(t),e),b=t=>t,gt=t=>t,A=gt({materialBorder:b({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:b({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:b({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:b({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:b({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:b({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:b({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:b({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"}})}),ht=(t,e=A)=>e[t]??A.brandGlare,mt=(t,e={})=>E(I(t,e)),Xt=(t,e={})=>mt(B(t),e),Yt=Object.freeze(Object.defineProperty({__proto__:null,createGradient:mt,createGradientFromColor:Xt,createGradientModel:I,createGradientModelFromColor:Lt,createRecipeStops:lt,defineGradientPreset:b,defineGradientPresetRegistry:gt,getGradientPreset:ht,gradientPresets:A,gradientRecipes:dt},Symbol.toStringTag,{value:"Module"})),Ut="http://www.w3.org/2000/svg",Wt={soft:{blobCount:5,blur:40,contrast:18,duration:12e3,opacity:.76,scale:1.05},liquid:{blobCount:6,blur:46,contrast:22,duration:9200,opacity:.82,scale:1.18},ripple:{blobCount:7,blur:34,contrast:20,duration:7200,opacity:.78,scale:.94}},T=(t={})=>{const e=Wt[t.preset??"soft"];return{blobCount:Math.max(2,Math.round(t.blobCount??e.blobCount)),blur:v(t.blur??e.blur,0,80),contrast:v(t.contrast??e.contrast,0,36),duration:t.duration??e.duration,id:t.id??"g-gradient-morph",opacity:v(t.opacity??e.opacity),scale:v(t.scale??e.scale,.4,2)}},Kt=(t,e)=>{var r,a;return((r=t.stops[e%t.stops.length])==null?void 0:r.color)??((a=t.stops[0])==null?void 0:a.color)??"currentColor"},qt=t=>{if(typeof t=="number")return t;const e=Number.parseFloat(t);return Number.isFinite(e)?e:9e3},Jt=(t,e)=>{const r=Math.sin((t+1)*12.9898+e*78.233)*43758.5453;return r-Math.floor(r)},f=(t,e,r,a)=>r+Jt(t,e)*(a-r),w=t=>Number(t.toFixed(3)),tt=[{animationName:"g-gradient-morph-drift",dx:20,dx2:8,dy:-8,dy2:16,originX:"50%",originY:"50%",scaleMid:1.16,scaleTo:1.04,x:6,y:58},{animationName:"g-gradient-morph-orbit",dx:-18,dx2:10,dy:18,dy2:-10,originX:"24%",originY:"68%",scaleMid:.96,scaleTo:1.12,x:44,y:20},{animationName:"g-gradient-morph-float",dx:-16,dx2:-8,dy:-12,dy2:18,originX:"50%",originY:"50%",scaleMid:1.2,scaleTo:1.08,x:74,y:58},{animationName:"g-gradient-morph-orbit",dx:12,dx2:-20,dy:14,dy2:6,originX:"70%",originY:"30%",scaleMid:1.04,scaleTo:1.18,x:88,y:25},{animationName:"g-gradient-morph-drift",dx:24,dx2:-12,dy:-16,dy2:-8,originX:"50%",originY:"50%",scaleMid:1.12,scaleTo:.98,x:30,y:78},{animationName:"g-gradient-morph-float",dx:-22,dx2:14,dy:10,dy2:-18,originX:"50%",originY:"50%",scaleMid:.94,scaleTo:1.1,x:104,y:82},{animationName:"g-gradient-morph-orbit",dx:14,dx2:-16,dy:-22,dy2:10,originX:"35%",originY:"35%",scaleMid:1.18,scaleTo:1.02,x:55,y:64},{animationName:"g-gradient-morph-drift",dx:-18,dx2:18,dy:-14,dy2:14,originX:"50%",originY:"50%",scaleMid:1.08,scaleTo:.96,x:18,y:24}],L=(t,e={})=>{const{blobCount:r,duration:a,scale:o}=T(e),n=qt(a);return Array.from({length:r},(i,s)=>{const l=tt[s%tt.length],d=f(s,1,.88,1.16),h=f(s,2,.86,1.24),g=f(s,3,.72,1),m=f(s,4,0,4),y=(34+s%4*9)*o*d;return{animationName:l.animationName,blur:w(m),color:Kt(t,s),delay:Math.round(s*-.19*n-f(s,5,0,900)),dx:w(l.dx*f(s,6,.84,1.18)),dx2:w(l.dx2*f(s,7,.82,1.22)),dy:w(l.dy*f(s,8,.84,1.18)),dy2:w(l.dy2*f(s,9,.82,1.22)),duration:Math.round(n*(1+s%3*.11)*h),opacity:w(g),originX:l.originX,originY:l.originY,rotateMid:Math.round(f(s,10,95,165)),rotateTo:Math.round(f(s,11,220,310)),scaleMid:l.scaleMid,scaleTo:l.scaleTo,size:w(y),x:l.x,y:l.y}})},X=(t={})=>`url(#${T(t).id}) blur(${T(t).blur}px)`,ut=(t={})=>{const{blur:e,contrast:r,id:a}=T(t),o=Math.max(2,Math.round(e*.25)),n=-(r*.45),i=r<=0?"":`
-    <feColorMatrix in="g-gradient-morph-blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 ${r} ${n}" result="g-gradient-morph-goo" />
-    <feBlend in="SourceGraphic" in2="g-gradient-morph-goo" />`;return`<svg xmlns="${Ut}" width="0" height="0" aria-hidden="true" focusable="false" style="position:absolute;overflow:hidden;inline-size:0;block-size:0;">
-  <filter id="${a}" x="-30%" y="-30%" width="160%" height="160%" color-interpolation-filters="sRGB">
-    <feGaussianBlur in="SourceGraphic" stdDeviation="${o}" result="g-gradient-morph-blur" />${i}
-  </filter>
-</svg>`},Zt=(t,e={})=>{const r=e.selector??".g-gradient-morph",{opacity:a}=T(e),o=L(t,e);return`${r} {
-	position: relative;
-	overflow: hidden;
-}
-
-${r}__blobs {
-	position: absolute;
-	inset: -18%;
-	opacity: ${a};
-	filter: ${X(e)};
-	mix-blend-mode: hard-light;
-}
-
-${r}__blob {
-	position: absolute;
-	transform: translate(-50%, -50%);
-	transform-origin: var(--g-gradient-morph-origin-x) var(--g-gradient-morph-origin-y);
-	opacity: var(--g-gradient-morph-opacity);
-	filter: blur(var(--g-gradient-morph-blur));
-	border-radius: 999px;
-	background: radial-gradient(circle, var(--g-gradient-morph-blob-color) 0%, transparent 72%);
-	animation: var(--g-gradient-morph-animation) var(--g-gradient-morph-duration, 9000ms) ease-in-out infinite alternate;
-}
-
-${o.map((n,i)=>`${r}__blob:nth-child(${i+1}) {
-	top: ${n.y}%;
-	left: ${n.x}%;
-	width: ${n.size}%;
-	aspect-ratio: 1;
-	--g-gradient-morph-blob-color: ${n.color};
-	--g-gradient-morph-x: ${n.dx}%;
-	--g-gradient-morph-x2: ${n.dx2}%;
-	--g-gradient-morph-y: ${n.dy}%;
-	--g-gradient-morph-y2: ${n.dy2}%;
-	--g-gradient-morph-origin-x: ${n.originX};
-	--g-gradient-morph-origin-y: ${n.originY};
-	--g-gradient-morph-animation: ${n.animationName};
-	--g-gradient-morph-blur: ${n.blur}px;
-	--g-gradient-morph-opacity: ${n.opacity};
-	--g-gradient-morph-rotate-mid: ${n.rotateMid}deg;
-	--g-gradient-morph-rotate-to: ${n.rotateTo}deg;
-	--g-gradient-morph-scale-mid: ${n.scaleMid};
-	--g-gradient-morph-scale: ${n.scaleTo};
-	animation-delay: ${n.delay}ms;
-	animation-duration: ${_(n.duration)};
-}`).join(`
-
-`)}
-
-@keyframes g-gradient-morph-drift {
-	0% {
-		transform: translate(-50%, -50%) scale(0.92);
-	}
-
-	42% {
-		transform: translate(calc(-50% + var(--g-gradient-morph-x)), calc(-50% + var(--g-gradient-morph-y))) scale(var(--g-gradient-morph-scale));
-	}
-
-	100% {
-		transform: translate(calc(-50% + var(--g-gradient-morph-x2)), calc(-50% + var(--g-gradient-morph-y2))) scale(var(--g-gradient-morph-scale-mid));
-	}
-}
-
-@keyframes g-gradient-morph-float {
-	0% {
-		transform: translate(-50%, -50%) scale(1);
-	}
-
-	50% {
-		transform: translate(calc(-50% + var(--g-gradient-morph-x)), calc(-50% + var(--g-gradient-morph-y))) scale(var(--g-gradient-morph-scale-mid));
-	}
-
-	100% {
-		transform: translate(calc(-50% + var(--g-gradient-morph-x2)), calc(-50% + var(--g-gradient-morph-y2))) scale(var(--g-gradient-morph-scale));
-	}
-}
-
-@keyframes g-gradient-morph-orbit {
-	0% {
-		transform: translate(-50%, -50%) rotate(0deg) scale(0.96);
-	}
-
-	50% {
-		transform: translate(calc(-50% + var(--g-gradient-morph-x)), calc(-50% + var(--g-gradient-morph-y))) rotate(var(--g-gradient-morph-rotate-mid)) scale(var(--g-gradient-morph-scale-mid));
-	}
-
-	100% {
-		transform: translate(calc(-50% + var(--g-gradient-morph-x2)), calc(-50% + var(--g-gradient-morph-y2))) rotate(var(--g-gradient-morph-rotate-to)) scale(var(--g-gradient-morph-scale));
-	}
-}`},pt=(t,e)=>{const r=t.stops.filter(n=>n.position>=25&&n.position<=85),a=t.stops.filter(n=>!r.includes(n));return[...r,...a].sort((n,i)=>Math.abs(n.position-50)-Math.abs(i.position-50)).slice(0,e)},Qt=(t,e)=>t*([1,.54,.3,.18][e]??.12),k=(t,e)=>{const r=String(t).match(/^(-?\d*\.?\d+)(.*)$/);return r?`${Math.round(Number(r[1])*e*1e3)/1e3}${r[2]||"px"}`:null},et=(t,e,r)=>k(t,1/e)??(r===0?M(t):"0px"),te=(t,e)=>k(t,1/Math.sqrt(e))??M(t),yt=(t,e={})=>{var x;const r=e.x??0,a=e.y??6,o=e.blur??14,n=e.spread??-3,i=e.opacity??.24,s=Math.max(1,Math.round(e.layers??2)),l=((x=pt(t,1)[0])==null?void 0:x.color)??"#000000",d=`${M(r)} ${M(a)} ${M(o)} ${M(n)} ${C(l,i)}`;if(s===1)return d;const h=k(r,.35)??"0px",g=k(a,.35)??"2px",m=k(o,.3)??"4px",y=k(n,.5)??"-2px",S=Math.min(.18,i*.65);return`${`${h} ${g} ${m} ${y} ${C("#000000",S)}`}, ${d}`},ft=(t,e={})=>{const r=e.x??0,a=e.y??6,o=e.blur??14,n=e.opacity??.42,i=Math.max(1,Math.round(e.layers??2)),s=te(o,i);return pt(t,i).map((l,d)=>{const h=et(r,i,d),g=et(a,i,d);return`drop-shadow(${h} ${g} ${s} ${C(l.color,Qt(n,d))})`}).join(" ")},ee=Object.freeze(Object.defineProperty({__proto__:null,createGradientMorphBlobs:L,toGradientBoxShadow:yt,toGradientDropShadow:ft,toGradientMorphCSS:Zt,toGradientMorphFilter:X,toGradientMorphFilterMarkup:ut},Symbol.toStringTag,{value:"Module"})),re=(t,e,r={})=>{const a=r.width??t.canvas.width,o=r.height??t.canvas.height,n=a/2,i=o/2,s=Math.hypot(a,o)/2,d=((typeof e.direction=="number"?e.direction:Number.parseFloat(e.direction)||j)-90)*Math.PI/180,h=a/2,g=o/2,m=Math.cos(d)*h,y=Math.sin(d)*g,S=e.type==="radial"?t.createRadialGradient(r.x0??n,r.y0??i,r.r0??0,r.x1??n,r.y1??i,r.r1??s):e.type==="conic"&&typeof t.createConicGradient=="function"?t.createConicGradient(r.startAngle??d,r.x0??n,r.y0??i):t.createLinearGradient(r.x0??n-m,r.y0??i-y,r.x1??n+m,r.y1??i+y),O=e.type==="conic"?nt(e.stops):e.stops;for(const x of O)S.addColorStop(x.position/100,C(x.color,x.opacity));return S},Y="http://www.w3.org/2000/svg",ae="http://www.w3.org/1999/xhtml",N=t=>t.replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;"),U=t=>{const e=t.opacity===void 0?"":` stop-opacity="${v(t.opacity)}"`;return`<stop offset="${t.position}%" stop-color="${t.color}"${e} />`},ne=(t,e)=>{var r,a,o;return{active:e.activeStroke??((r=t.stops[Math.max(0,Math.floor(t.stops.length/2))])==null?void 0:r.color)??((a=t.stops[0])==null?void 0:a.color)??"currentColor",background:e.backgroundStroke??((o=t.stops[0])==null?void 0:o.color)??e.activeStroke??"currentColor"}},oe=(t,e)=>{var n;const r=(n=t.match(/\bviewBox=(["'])(.*?)\1/i))==null?void 0:n[2];if(r)return r;const a=e.width??240,o=e.height??120;return`0 0 ${a} ${o}`},ie=t=>{var e;return((e=t.replace(/<\?xml[\s\S]*?\?>/gi,"").replace(/<!doctype[\s\S]*?>/gi,"").match(/<svg\b[^>]*>([\s\S]*?)<\/svg>/i))==null?void 0:e[1].trim())??t},se=t=>{const e=t.trim().split(/(?=M\s*[-+.\d])/).map(r=>r.trim()).filter(Boolean);return e.length>1?e:[t]},ce=t=>[...t.matchAll(/<path\b[^>]*\sd=(["'])([\s\S]*?)\1/gi)].flatMap(e=>se(e[2])),$t=t=>{var e;return Math.max(1,((e=t.match(/[LlHhVvCcSsQqTtAaZz]/g))==null?void 0:e.length)??0)},de=(t,e)=>{const a=.5+(1-$t(t)/e)*.22;return Math.round(a*1e3)/1e3},W=t=>{const[e="0",r="0",a="240",o="120"]=t.trim().split(/[\s,]+/);return{height:Number(o)||120,width:Number(a)||240,x:Number(e)||0,y:Number(r)||0}},le=(t,e,r)=>{if(r.viewBoxPadding===!1)return t;const a=W(t),o=Math.max(e*2,Math.min(a.width,a.height)*.02),n=r.viewBoxPadding??o;return[a.x-n,a.y-n,a.width+n*2,a.height+n*2].join(" ")},ge=t=>{const{height:e,width:r}=W(t);return{height:Number(e)||120,width:Number(r)||240}},he=(t,e,r)=>{if(r.normalizeStrokeWidth===!1)return t;const{height:a,width:o}=ge(e),n=r.strokeWidthBase??180;return t*(Math.min(o,a)/n)},K=(t,e={})=>{const r=e.id??"g-gradient",a=t.stops.map(U).join("");return t.type==="radial"?`<radialGradient id="${r}" cx="${e.cx??"50%"}" cy="${e.cy??"50%"}" r="${e.r??"75%"}">${a}</radialGradient>`:t.type==="conic"?`<pattern id="${r}" patternUnits="objectBoundingBox" width="1" height="1"><foreignObject x="0" y="0" width="100%" height="100%"><div xmlns="${ae}" style="width:100%;height:100%;background:${N(E(t))};"></div></foreignObject></pattern>`:`<linearGradient id="${r}" x1="${e.x1??"0%"}" y1="${e.y1??"0%"}" x2="${e.x2??"100%"}" y2="${e.y2??"100%"}">${a}</linearGradient>`},me=(t,e={})=>{const r=e.id??"g-gradient",a=e.width??240,o=e.height??120,n=e.rx??18;return`<svg xmlns="${Y}" viewBox="0 0 ${a} ${o}" role="img">
-  <defs>
-    ${K(t,e)}
-  </defs>
-  <rect width="${a}" height="${o}" rx="${n}" fill="url(#${r})" />
-</svg>`},ue=(t,e,r={})=>{const o=`${r.id??"g-gradient-source"}-stroke`,n=oe(t,r),i=ie(t),s=ce(t),l=he(r.strokeWidth??1.4,n,r),d=le(n,l,r),{width:h,x:g}=W(d),m=r.linecap??"round",y=_(r.duration??3600),S=r.repeatCount??"indefinite",O=r.sourceOpacity??.22,x=e.stops.map(U).join(""),xt=Math.max(...s.map($t));return`<svg xmlns="${Y}" viewBox="${N(d)}" role="img">
-  <defs>
-    <linearGradient id="${o}" gradientUnits="userSpaceOnUse" x1="${g}" y1="0" x2="${g+h}" y2="0">
-      ${x}
-    </linearGradient>
-  </defs>
-  <g opacity="${v(O)}">
-    ${i}
-  </g>
-  <g fill="none" stroke="url(#${o})" stroke-width="${l}" stroke-linecap="${m}" stroke-linejoin="round">
-    ${s.map(Z=>{const Q=de(Z,xt);return`<path d="${N(Z)}" pathLength="100" stroke-dasharray="0 100" stroke-dashoffset="0">
-      <animate attributeName="stroke-dasharray" values="0 100;100 100;0 100" keyTimes="0;${Q};1" dur="${y}" repeatCount="${S}" calcMode="linear" />
-      <animate attributeName="stroke-dashoffset" values="0;0;-100" keyTimes="0;${Q};1" dur="${y}" repeatCount="${S}" calcMode="linear" />
-    </path>`}).join(`
-    `)}
-  </g>
-</svg>`},pe=(t,e={})=>{const a=`${e.id??"g-gradient-path"}-stroke`,o=e.width??240,n=e.height??120,i=e.path??`M 20 ${n*.64} C ${o*.28} ${n*.18}, ${o*.58} ${n*.18}, ${o-20} ${n*.64}`,s=e.strokeWidth??12,l=e.linecap??"round",d=_(e.duration??2800),h=e.repeatCount??"indefinite",g=e.backgroundOpacity??.24,m=ne(t,e),y=t.stops.map(U).join("");return`<svg xmlns="${Y}" viewBox="0 0 ${o} ${n}" role="img">
-  <defs>
-    <linearGradient id="${a}" gradientUnits="userSpaceOnUse" x1="0" y1="0" x2="${o}" y2="0">
-      ${y}
-    </linearGradient>
-  </defs>
-  <path d="${N(i)}" fill="none" stroke="${m.background}" stroke-width="${s}" stroke-linecap="${l}" opacity="${g}" />
-  <path d="${N(i)}" fill="none" stroke="${e.activeStroke?m.active:`url(#${a})`}" stroke-width="${s}" stroke-linecap="${l}" pathLength="100" stroke-dasharray="100 100" stroke-dashoffset="100">
-    <animate attributeName="stroke-dashoffset" values="100;0;-100" dur="${d}" repeatCount="${h}" />
-  </path>
-</svg>`},ye=Object.freeze(Object.defineProperty({__proto__:null,createLinearGradient:ct,toCanvasGradient:re,toCssGradient:E,toSvgGradient:K,toSvgGradientMarkup:me,toSvgPathAnimationMarkup:pe,toSvgSourceAnimationMarkup:ue},Symbol.toStringTag,{value:"Module"})),fe=["glare","soft","mesh"],$e=t=>t.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`),be=t=>$e(t),xe=(t,e,r)=>`${t}-${e}`,q=t=>Object.entries(t).map(([e,r])=>`${e}: ${r};`).join(`
-`),Se=t=>t.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`),we=t=>Object.entries(t).map(([e,r])=>`${Se(e)}: ${r};`).join(`
-`),H=t=>t===null||typeof t!="object"?JSON.stringify(t):Array.isArray(t)?`[${t.map(H).join(",")}]`:`{${Object.entries(t).filter(([,e])=>e!==void 0).sort(([e],[r])=>e.localeCompare(r)).map(([e,r])=>`${JSON.stringify(e)}:${H(r)}`).join(",")}}`,ve=t=>{let e=5381;for(let r=0;r<t.length;r+=1)e=e*33^t.charCodeAt(r);return(e>>>0).toString(36)},Me=(t,e,r,a)=>{const o=q(e),n=we(r),i=[o,n].filter(Boolean).join(`
-`);return[`.${t} {
-${i}
-}`,a].filter(Boolean).join(`
-
-`)},ke=(t,e)=>t in e,bt=(t,e)=>ke(t,e)?ht(t,e):t==="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"}}:t==="mesh"?null:{label:t,gradient:{recipe:t,type:"linear",direction:t==="glare"?135:145}},Ce=t=>{const e=[`radial-gradient(circle at 16% 18%, ${u(t,-42,72,1.05)} 0%, transparent 34%)`,`radial-gradient(circle at 86% 20%, ${G(t)} 0%, transparent 32%)`,`radial-gradient(circle at 50% 84%, ${u(t,56,64,1.08)} 0%, transparent 38%)`,`linear-gradient(135deg, ${$(t,94)}, ${$(t,28)})`];return{layers:e,value:e.join(", ")}},Ge=(t,e,r,a,o)=>{if(e==="mesh"){const l=Ce(t);return{cssVar:r,layers:l.layers,value:l.value}}const n=bt(e,o),i=B(t),s=I(i,{...n==null?void 0:n.gradient,...a});return{cssVar:r,model:s,stops:s.stops,svg:K(s,{id:r.replace(/^--/,"")}),value:E(s)}},Te=(t,e,r,a)=>{var i;if(!t)return{};const o=`${e.replace(/^--/,"")}-morph`,n={...a==null?void 0:a.morph,id:((i=a==null?void 0:a.morph)==null?void 0:i.id)??o};return{boxShadow:{cssVar:`${e}-shadow`,value:yt(t,(a==null?void 0:a.shadow)??(r==null?void 0:r.shadow))},dropShadow:{cssVar:`${e}-drop-shadow`,value:ft(t,(a==null?void 0:a.dropShadow)??(r==null?void 0:r.dropShadow))},morph:{cssVar:`${e}-morph`,svg:ut(n),value:X(n)}}},Ne=(t,e,r,a)=>{var n;const o={...r==null?void 0:r.animation,...a,name:`g-gradient-${t}-${(a==null?void 0:a.preset)??((n=r==null?void 0:r.animation)==null?void 0:n.preset)??"shift"}`,selector:`.g-gradient-${t}`};return{css:st(o),cssVar:`${e}-animation`,keyframes:R(o),name:o.name,value:ot(o)}},J=(t,e="glare",r={})=>{const a=r.registry??A,o=be(e),n=xe(r.prefix??"--g-gradient",o),i=bt(e,a),l=B(t)[500],d=Ge(l,e,n,r,a),h={[n]:d.value},g=r.effects?Te(d.model,n,i,{dropShadow:r.dropShadow,morph:r.morph,shadow:r.shadow}):void 0,m=r.animations?Ne(o,n,i,r.animation):void 0;return g!=null&&g.boxShadow&&(h[g.boxShadow.cssVar]=g.boxShadow.value),g!=null&&g.dropShadow&&(h[g.dropShadow.cssVar]=g.dropShadow.value),g!=null&&g.morph&&(h[g.morph.cssVar]=g.morph.value),m&&(h[m.cssVar]=m.value),{animation:m,cssText:q(h),cssVars:h,description:i==null?void 0:i.description,effects:g,gradient:d,keyframes:(m==null?void 0:m.keyframes)??"",label:(i==null?void 0:i.label)??o,name:o}},Oe=(t,e={})=>{const r=e.recipes??fe,a={},o={},n={},i={},s=[];for(const l of r){const d=J(t,l,{animations:e.animations,effects:e.effects,morph:e.morph,prefix:e.prefix,registry:e.registry});a[d.name]=d.gradient,Object.assign(i,d.cssVars),d.effects&&(o[d.name]=d.effects),d.animation&&(n[d.name]=d.animation,s.push(d.animation.keyframes))}return{animations:n,cssText:q(i),cssVars:i,effects:o,gradients:a,keyframes:s.join(`
-`)}},Ae=(t,e={})=>{var g,m;const{className:r,id:a,recipe:o="glare",...n}=e,i=J(t,o,n),s=i.gradient.model&&e.effects&&e.morph?L(i.gradient.model,e.morph):void 0,l=a??`g-gradient-${i.name}-${ve(H({options:e,seed:t}))}`,d=r??l,h={backgroundImage:`var(${i.gradient.cssVar})`};return(g=i.effects)!=null&&g.boxShadow&&(h.boxShadow=`var(${i.effects.boxShadow.cssVar})`),(m=i.effects)!=null&&m.dropShadow&&(h.filter=`var(${i.effects.dropShadow.cssVar})`),i.animation&&(h.animation=`var(${i.animation.cssVar})`),{animation:i.animation,className:d,cssText:Me(d,i.cssVars,h,i.keyframes),cssVars:i.cssVars,effects:i.effects,gradient:i.gradient,id:l,keyframes:i.keyframes,morphBlobs:s,preset:i,style:h}},je=Object.freeze(Object.defineProperty({__proto__:null,createGradientMaterial:Ae,createGradientPreset:J,createGradientTokens:Oe},Symbol.toStringTag,{value:"Module"}));exports.core=Yt;exports.index=Ot;exports.index$1=ee;exports.index$2=ye;exports.material=je;