@gradient-ui/core 0.5.0-rc.0 → 0.6.0

package/dist/scheme-Dqwdqg6N.js

@@ -0,0 +1,1405 @@
+import { i as E, t as pt, j as B, H as k, d as J, h as Z, C as Vt, f as Ft, p as ut, r as ft, g as Ht } from "./camelToKebabCase-BWbQb81D.js";
+import { createGradient as _, createGradientFromColor as Ut } from "@gradient-ui/gradient-engine";
+const K = (t, r = 0, e = 1) => Math.min(e, Math.max(r, t)), Xt = (t) => {
+  const r = t.slice(1), e = r.length === 3 || r.length === 4 ? r.slice(0, 3).split("").map((a) => a.repeat(2)).join("") : r.slice(0, 6);
+  return e.length !== 6 || !/^[\da-f]{6}$/i.test(e) ? null : {
+    r: parseInt(e.slice(0, 2), 16),
+    g: parseInt(e.slice(2, 4), 16),
+    b: parseInt(e.slice(4, 6), 16)
+  };
+}, Yt = (t) => {
+  const r = t.match(
+    /^rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)(?:\s*[,/]\s*[\d.]+%?)?\s*\)$/i
+  );
+  return r ? {
+    r: K(Number(r[1]), 0, 255),
+    g: K(Number(r[2]), 0, 255),
+    b: K(Number(r[3]), 0, 255)
+  } : null;
+}, Q = (t) => {
+  if (typeof t == "number") {
+    const e = t & 16777215;
+    return {
+      r: e >> 16 & 255,
+      g: e >> 8 & 255,
+      b: e & 255
+    };
+  }
+  const r = t.trim();
+  return r.startsWith("#") ? Xt(r) : r.toLowerCase().startsWith("rgb") ? Yt(r) : null;
+}, Kt = ({ r: t, g: r, b: e }) => `#${[t, r, e].map((a) => Math.round(a).toString(16).padStart(2, "0")).join("")}`, Wt = ({ r: t, g: r, b: e }) => `${Math.round(t)}, ${Math.round(r)}, ${Math.round(e)}`, qt = (t, r) => {
+  const e = Q(t) ?? Q(r);
+  if (!e)
+    throw new Error(`Invalid fallback color: ${r}`);
+  return Kt(e);
+}, V = 135, tt = "center", yt = "farthest-corner", $t = (t = V) => typeof t == "number" ? `${t}deg` : t, M = (t) => typeof t == "number" ? `${t}px` : t, D = (t) => typeof t == "number" ? `${t}ms` : t, S = (t, r = 0, e = 1) => Math.min(e, Math.max(r, t)), O = (t, r) => {
+  if (r === void 0) return t;
+  const e = Q(t);
+  return e ? `rgb(${Wt(e).replace(/,/g, "")} / ${S(r)})` : t;
+}, W = ({ color: t, opacity: r, position: e }) => `${O(t, r)} ${e}%`, l = (t, r, e) => ({
+  color: t,
+  position: r
+}), bt = (t) => {
+  if (t.length <= 1) return t;
+  const r = t.map((a) => ({
+    ...a,
+    position: a.position / 2
+  })), e = [...t].reverse().map((a) => ({
+    ...a,
+    position: 100 - a.position / 2
+  }));
+  return [...r, ...e];
+}, Jt = (t) => `@keyframes ${t} {
+	0% {
+		background-position: 0% 50%;
+	}
+
+	50% {
+		background-position: 100% 50%;
+	}
+
+	100% {
+		background-position: 0% 50%;
+	}
+}`, Zt = (t) => `@keyframes ${t} {
+	0%, 100% {
+		filter: saturate(1) brightness(1);
+	}
+
+	50% {
+		filter: saturate(1.22) brightness(1.08);
+	}
+}`, Qt = (t) => `@keyframes ${t} {
+	0%, 100% {
+		filter: hue-rotate(0deg) saturate(1);
+	}
+
+	50% {
+		filter: hue-rotate(28deg) saturate(1.18);
+	}
+}`, tr = (t) => `@keyframes ${t} {
+	from {
+		transform: translate(-50%, -50%) rotate(0deg);
+	}
+
+	to {
+		transform: translate(-50%, -50%) rotate(360deg);
+	}
+}`, F = (t = {}) => {
+  const r = t.name ?? "g-gradient-shift", e = D(t.duration ?? 6e3), a = t.easing ?? "ease-in-out", o = t.selector ?? ".g-gradient-animated", n = t.preset ?? "shift";
+  return {
+    duration: e,
+    easing: a,
+    name: r,
+    preset: n,
+    selector: o
+  };
+}, rt = (t = {}) => {
+  const { name: r, preset: e } = F(t);
+  return e === "pulse" ? Zt(r) : e === "hue-rotate" ? Qt(r) : e === "rotate" ? tr(r) : Jt(r);
+}, xt = (t = {}) => {
+  const { duration: r, easing: e, name: a, preset: o } = F(t);
+  return `${a} ${r} ${o === "rotate" ? "linear" : e} infinite`;
+}, St = (t = {}) => {
+  const { duration: r, easing: e, name: a, preset: o, selector: n } = F(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} ${r} linear infinite;
+	transform-origin: center;
+}` : o === "pulse" || o === "hue-rotate" ? `${n} {
+	animation: ${a} ${r} ${e} infinite;
+}` : `${n} {
+	animation: ${a} ${r} ${e} infinite;
+	background-size: 220% 220%;
+}`;
+}, vt = (t = {}) => {
+  const r = rt(t), e = St(t);
+  return `${r}
+${e}`;
+}, ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGradientAnimationOptions: F,
+  toGradientAnimationCSS: vt,
+  toGradientAnimationKeyframes: rt,
+  toGradientAnimationStyles: St,
+  toGradientAnimationValue: xt
+}, Symbol.toStringTag, { value: "Module" })), wt = [
+  50,
+  100,
+  200,
+  300,
+  400,
+  500,
+  600,
+  700,
+  800,
+  900
+], Mt = {
+  50: 90,
+  100: 80,
+  200: 70,
+  300: 60,
+  400: 50,
+  500: 40,
+  600: 35,
+  700: 30,
+  800: 20,
+  900: 10
+};
+Object.fromEntries(
+  wt.map((t) => [t, Mt[t] >= 60 ? 10 : 100])
+);
+const rr = (t) => {
+  const r = qt(t, "#000000");
+  return pt(B(r)).palettes.primary;
+}, er = (t, r) => {
+  const e = rr(t);
+  return Object.fromEntries(
+    wt.map((a) => [
+      a,
+      E(e.tone(r[a]))
+    ])
+  );
+}, H = (t) => er(t, Mt), Ct = (t, r = V) => `linear-gradient(${$t(r)}, ${t.join(", ")})`, z = (t) => {
+  const r = t.stops.map(W).join(", ");
+  if (t.type === "radial") {
+    const e = t.shape ?? "ellipse", a = t.size ?? yt, o = t.position ?? tt;
+    return `radial-gradient(${e} ${a} at ${o}, ${r})`;
+  }
+  if (t.type === "conic") {
+    const e = $t(t.direction), a = t.position ?? tt, o = bt(t.stops).map(W).join(", ");
+    return `conic-gradient(from ${e} at ${a}, ${o})`;
+  }
+  return Ct(t.stops.map(W), t.direction);
+}, b = (t, r) => {
+  const e = k.fromInt(B(t));
+  return E(k.from(e.hue, e.chroma, r).toInt());
+}, p = (t, r, e, a = 1) => {
+  const o = k.fromInt(B(t)), n = (o.hue + r + 360) % 360, i = Math.min(o.chroma * a, 100);
+  return E(k.from(n, i, e).toInt());
+}, N = (t) => {
+  const r = k.fromInt(B(t)), e = (r.hue + 110) % 360, a = Math.min(r.chroma * 1.2, 100), o = r.tone < 50 ? 65 : Math.min(r.tone + 10, 75);
+  return E(k.from(e, a, o).toInt());
+}, ar = (t) => {
+  const r = N(t);
+  return [
+    l(b(r, 95), 0),
+    l(r, 25),
+    l(t, 50),
+    l(b(t, 80), 75),
+    l(b(t, 20), 100)
+  ];
+}, or = (t) => [
+  l(b(t, 94), 0),
+  l(b(t, 72), 28),
+  l(t, 55),
+  l(b(t, 24), 100)
+], nr = (t) => [
+  l(b(N(t), 88), 0),
+  l(t, 50),
+  l(b(N(t), 32), 100)
+], ir = (t) => [
+  l(p(t, 148, 82, 0.95), 0),
+  l(p(t, -148, 70, 1.05), 28),
+  l(t, 56),
+  l(p(t, 150, 34, 1.08), 100)
+], sr = (t) => [
+  l(p(t, -34, 72, 0.95), 0),
+  l(t, 50),
+  l(p(t, 34, 34, 1.05), 100)
+], cr = (t) => [
+  l(p(t, -120, 78, 0.9), 0),
+  l(t, 50),
+  l(p(t, 120, 36, 1.05), 100)
+], dr = (t) => [
+  l(p(t, -90, 78, 0.92), 0),
+  l(t, 32),
+  l(p(t, 90, 62, 1), 58),
+  l(p(t, 180, 34, 1.08), 100)
+], lr = (t) => [
+  l(p(t, -28, 82, 0.96), 0),
+  l(t, 27),
+  l(p(t, 152, 66, 1.02), 62),
+  l(p(t, 180, 34, 1.08), 100)
+], gr = (t) => [
+  l(p(t, -90, 78, 0.94), 0),
+  l(t, 30),
+  l(p(t, 90, 62, 1), 62),
+  l(p(t, 180, 36, 1.08), 100)
+], hr = (t, r) => {
+  const e = (r == null ? void 0 : r[0]) ?? b(t, 84), a = (r == null ? void 0 : r[1]) ?? N(t);
+  return [
+    l(e, 0),
+    l(t, 48),
+    l(a, 100)
+  ];
+}, kt = {
+  glare: ar,
+  monochrome: or,
+  complementary: nr,
+  "split-complementary": ir,
+  analogous: sr,
+  triadic: cr,
+  tetradic: dr,
+  rectangle: lr,
+  square: gr,
+  duotone: hr
+}, Tt = (t, r, e) => kt[r](t, e), U = (t, r = {}) => {
+  const e = r.shade ?? 500, a = r.recipe ?? "glare";
+  return {
+    type: r.type ?? "linear",
+    stops: Tt(t[e], a, r.colors),
+    direction: r.direction ?? V,
+    shape: r.shape ?? "ellipse",
+    position: r.position ?? tt,
+    size: r.size ?? yt
+  };
+}, mr = (t, r = {}) => U(H(t), r), _t = [
+  "normal",
+  "multiply",
+  "screen",
+  "overlay",
+  "darken",
+  "lighten",
+  "color-dodge",
+  "color-burn",
+  "hard-light",
+  "soft-light",
+  "difference",
+  "exclusion",
+  "hue",
+  "saturation",
+  "color",
+  "luminosity"
+], Gt = "hard-light", x = (t) => t, Ot = (t) => t, L = Ot({
+  materialBorder: x({
+    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: x({
+    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: x({
+    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: x({
+    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: x({
+    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: x({
+    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: x({
+    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: x({
+    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"
+    }
+  })
+}), Nt = (t, r = L) => r[t] ?? L.brandGlare, jt = (t, r = {}) => z(U(t, r)), pr = (t, r = {}) => jt(H(t), r), $e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  DEFAULT_GRADIENT_MORPH_BLEND_MODE: Gt,
+  GRADIENT_MORPH_BLEND_MODES: _t,
+  createGradient: jt,
+  createGradientFromColor: pr,
+  createGradientModel: U,
+  createGradientModelFromColor: mr,
+  createRecipeStops: Tt,
+  defineGradientPreset: x,
+  defineGradientPresetRegistry: Ot,
+  getGradientPreset: Nt,
+  gradientPresets: L,
+  gradientRecipes: kt
+}, Symbol.toStringTag, { value: "Module" })), Pt = "http://www.w3.org/2000/svg", ur = "http://www.w3.org/1999/xhtml", fr = (t) => t.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), yr = {
+  soft: {
+    blobCount: 5,
+    blur: 40,
+    contrast: 18,
+    duration: 12e3,
+    opacity: 0.76,
+    scale: 1.05
+  },
+  liquid: {
+    blobCount: 6,
+    blur: 46,
+    contrast: 22,
+    duration: 9200,
+    opacity: 0.82,
+    scale: 1.18
+  },
+  ripple: {
+    blobCount: 7,
+    blur: 34,
+    contrast: 20,
+    duration: 7200,
+    opacity: 0.78,
+    scale: 0.94
+  }
+}, $r = new Set(_t), At = (t) => $r.has(t), et = (t) => t && At(t) ? t : Gt, T = (t = {}) => {
+  const r = yr[t.preset ?? "soft"];
+  return {
+    blobCount: Math.max(
+      2,
+      Math.round(t.blobCount ?? r.blobCount)
+    ),
+    blendMode: et(t.blendMode),
+    blobOpacity: S(t.blobOpacity ?? 1, 0, 1.6),
+    blur: S(t.blur ?? r.blur, 0, 80),
+    contrast: S(t.contrast ?? r.contrast, 0, 36),
+    duration: t.duration ?? r.duration,
+    id: t.id ?? "g-gradient-morph",
+    opacity: S(t.opacity ?? r.opacity),
+    scale: S(t.scale ?? r.scale, 0.4, 2)
+  };
+}, br = (t, r) => {
+  var e, a;
+  return ((e = t.stops[r % t.stops.length]) == null ? void 0 : e.color) ?? ((a = t.stops[0]) == null ? void 0 : a.color) ?? "currentColor";
+}, xr = (t) => {
+  if (typeof t == "number") return t;
+  const r = Number.parseFloat(t);
+  return Number.isFinite(r) ? r : 9e3;
+}, Sr = (t, r) => {
+  const e = Math.sin((t + 1) * 12.9898 + r * 78.233) * 43758.5453;
+  return e - Math.floor(e);
+}, $ = (t, r, e, a) => e + Sr(t, r) * (a - e), w = (t) => Number(t.toFixed(3)), ht = [
+  {
+    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: 0.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: 0.98,
+    x: 30,
+    y: 78
+  },
+  {
+    animationName: "g-gradient-morph-float",
+    dx: -22,
+    dx2: 14,
+    dy: 10,
+    dy2: -18,
+    originX: "50%",
+    originY: "50%",
+    scaleMid: 0.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: 0.96,
+    x: 18,
+    y: 24
+  }
+], X = (t, r = {}) => {
+  const { blobCount: e, blobOpacity: a, duration: o, scale: n } = T(r), i = xr(o);
+  return Array.from({ length: e }, (g, s) => {
+    const d = ht[s % ht.length], m = $(s, 1, 0.88, 1.16), c = $(s, 2, 0.86, 1.24), h = S($(s, 3, 0.72, 1) * a), u = $(s, 4, 0, 4), f = (34 + s % 4 * 9) * n * m;
+    return {
+      animationName: d.animationName,
+      blur: w(u),
+      color: br(t, s),
+      delay: Math.round(
+        s * -0.19 * i - $(s, 5, 0, 900)
+      ),
+      dx: w(d.dx * $(s, 6, 0.84, 1.18)),
+      dx2: w(d.dx2 * $(s, 7, 0.82, 1.22)),
+      dy: w(d.dy * $(s, 8, 0.84, 1.18)),
+      dy2: w(d.dy2 * $(s, 9, 0.82, 1.22)),
+      duration: Math.round(
+        i * (1 + s % 3 * 0.11) * c
+      ),
+      opacity: w(h),
+      originX: d.originX,
+      originY: d.originY,
+      rotateMid: Math.round($(s, 10, 95, 165)),
+      rotateTo: Math.round($(s, 11, 220, 310)),
+      scaleMid: d.scaleMid,
+      scaleTo: d.scaleTo,
+      size: w(f),
+      x: d.x,
+      y: d.y
+    };
+  });
+}, Y = (t = {}) => `url(#${T(t).id}) blur(${T(t).blur}px)`, at = (t = {}) => {
+  const { blur: r, contrast: e, id: a } = T(t), o = Math.max(2, Math.round(r * 0.25)), n = -(e * 0.45), i = e <= 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 ${e} ${n}" result="g-gradient-morph-goo" />
+    <feBlend in="SourceGraphic" in2="g-gradient-morph-goo" />`;
+  return `<svg xmlns="${Pt}" 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>`;
+}, vr = (t, r = {}) => {
+  const e = r.selector ?? ".g-gradient-morph", { blendMode: a, opacity: o } = T(r), n = X(t, r);
+  return `${e} {
+	position: relative;
+	overflow: hidden;
+}
+
+${e}__blobs {
+	position: absolute;
+	inset: -18%;
+	opacity: ${o};
+	filter: ${Y(r)};
+	mix-blend-mode: ${a};
+}
+
+${e}__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;
+}
+
+${n.map(
+    (i, g) => `${e}__blob:nth-child(${g + 1}) {
+	top: ${i.y}%;
+	left: ${i.x}%;
+	width: ${i.size}%;
+	aspect-ratio: 1;
+	--g-gradient-morph-blob-color: ${i.color};
+	--g-gradient-morph-x: ${i.dx}%;
+	--g-gradient-morph-x2: ${i.dx2}%;
+	--g-gradient-morph-y: ${i.dy}%;
+	--g-gradient-morph-y2: ${i.dy2}%;
+	--g-gradient-morph-origin-x: ${i.originX};
+	--g-gradient-morph-origin-y: ${i.originY};
+	--g-gradient-morph-animation: ${i.animationName};
+	--g-gradient-morph-blur: ${i.blur}px;
+	--g-gradient-morph-opacity: ${i.opacity};
+	--g-gradient-morph-rotate-mid: ${i.rotateMid}deg;
+	--g-gradient-morph-rotate-to: ${i.rotateTo}deg;
+	--g-gradient-morph-scale-mid: ${i.scaleMid};
+	--g-gradient-morph-scale: ${i.scaleTo};
+	--g-gradient-morph-delay: ${i.delay}ms;
+	animation-delay: var(--g-gradient-morph-delay);
+	animation-duration: ${D(i.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));
+	}
+}`;
+}, wr = (t, r = {}) => {
+  const e = r.id ?? "g-gradient-morph", a = r.width ?? 360, o = r.height ?? 240, n = r.rx ?? 24, i = `${e}-filter`, g = Y({ ...r, id: i }), s = X(t, r), { blendMode: d, opacity: m } = T(r);
+  return `<svg xmlns="${Pt}" viewBox="0 0 ${a} ${o}" width="${a}" height="${o}" role="img">
+  <defs>
+    <clipPath id="${e}-clip">
+      <rect width="${a}" height="${o}" rx="${n}" />
+    </clipPath>
+  </defs>
+  <foreignObject width="${a}" height="${o}" clip-path="url(#${e}-clip)">
+    <div xmlns="${ur}" class="g-gradient-material">
+      ${at({ ...r, id: `${e}-filter` })}
+      <style>
+.g-gradient-material {
+	position: relative;
+	overflow: hidden;
+	display: flex;
+	width: ${a}px;
+	height: ${o}px;
+	border-radius: ${n}px;
+}
+
+.g-gradient-material__surface {
+	position: relative;
+	overflow: hidden;
+	display: flex;
+	width: 100%;
+	height: 100%;
+	border-radius: ${n}px;
+	background: ${fr(z(t))};
+}
+
+.g-gradient-material__morph {
+	--g-gradient-material-morph-bleed: 18%;
+	position: absolute;
+	z-index: 1;
+	inset: calc(-1 * var(--g-gradient-material-morph-bleed));
+	width: calc(100% + 2 * var(--g-gradient-material-morph-bleed));
+	height: calc(100% + 2 * var(--g-gradient-material-morph-bleed));
+	opacity: ${m};
+	filter: ${g};
+	mix-blend-mode: ${d};
+}
+
+.g-gradient-material__morph-blob {
+	position: absolute;
+	transform-origin: var(--g-gradient-morph-origin-x) var(--g-gradient-morph-origin-y);
+	transform: translate(-50%, -50%);
+	aspect-ratio: 1;
+	border-radius: 999px;
+	opacity: var(--g-gradient-morph-opacity);
+	background: radial-gradient(circle, var(--g-gradient-morph-blob-color) 0%, transparent 72%);
+	filter: blur(var(--g-gradient-morph-blur));
+	animation: var(--g-gradient-morph-animation) var(--g-gradient-morph-duration, 9000ms) ease-in-out infinite alternate;
+}
+
+${s.map(
+    (c, h) => `.g-gradient-material__morph-blob:nth-child(${h + 1}) {
+	left: ${c.x}%;
+	top: ${c.y}%;
+	width: ${c.size}%;
+	--g-gradient-morph-blob-color: ${c.color};
+	--g-gradient-morph-x: ${c.dx}%;
+	--g-gradient-morph-x2: ${c.dx2}%;
+	--g-gradient-morph-y: ${c.dy}%;
+	--g-gradient-morph-y2: ${c.dy2}%;
+	--g-gradient-morph-origin-x: ${c.originX};
+	--g-gradient-morph-origin-y: ${c.originY};
+	--g-gradient-morph-animation: ${c.animationName};
+	--g-gradient-morph-blur: ${c.blur}px;
+	--g-gradient-morph-opacity: ${c.opacity};
+	--g-gradient-morph-rotate-mid: ${c.rotateMid}deg;
+	--g-gradient-morph-rotate-to: ${c.rotateTo}deg;
+	--g-gradient-morph-scale-mid: ${c.scaleMid};
+	--g-gradient-morph-scale: ${c.scaleTo};
+	--g-gradient-morph-delay: ${c.delay}ms;
+	animation-delay: var(--g-gradient-morph-delay);
+	animation-duration: ${D(c.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)); }
+}
+      </style>
+      <span class="g-gradient-material__surface">
+        <span class="g-gradient-material__morph">
+          ${s.map(() => '<span class="g-gradient-material__morph-blob"></span>').join(`
+          `)}
+        </span>
+      </span>
+    </div>
+  </foreignObject>
+</svg>`;
+}, Et = (t, r) => {
+  const e = t.stops.filter(
+    (n) => n.position >= 25 && n.position <= 85
+  ), a = t.stops.filter(
+    (n) => !e.includes(n)
+  );
+  return [...e, ...a].sort(
+    (n, i) => Math.abs(n.position - 50) - Math.abs(i.position - 50)
+  ).slice(0, r);
+}, Mr = (t, r) => t * ([1, 0.54, 0.3, 0.18][r] ?? 0.12), C = (t, r) => {
+  const e = String(t).match(/^(-?\d*\.?\d+)(.*)$/);
+  return e ? `${Math.round(Number(e[1]) * r * 1e3) / 1e3}${e[2] || "px"}` : null;
+}, mt = (t, r, e) => C(t, 1 / r) ?? (e === 0 ? M(t) : "0px"), Cr = (t, r) => C(t, 1 / Math.sqrt(r)) ?? M(t), Bt = (t, r = {}) => {
+  var v;
+  const e = r.x ?? 0, a = r.y ?? 6, o = r.blur ?? 14, n = r.spread ?? -3, i = r.opacity ?? 0.24, g = Math.max(1, Math.round(r.layers ?? 2)), s = ((v = Et(t, 1)[0]) == null ? void 0 : v.color) ?? "#000000", d = `${M(e)} ${M(a)} ${M(o)} ${M(n)} ${O(s, i)}`;
+  if (g === 1) return d;
+  const m = C(e, 0.35) ?? "0px", c = C(a, 0.35) ?? "2px", h = C(o, 0.3) ?? "4px", u = C(n, 0.5) ?? "-2px", f = Math.min(0.18, i * 0.65);
+  return `${`${m} ${c} ${h} ${u} ${O("#000000", f)}`}, ${d}`;
+}, Dt = (t, r = {}) => {
+  const e = r.x ?? 0, a = r.y ?? 6, o = r.blur ?? 14, n = r.opacity ?? 0.42, i = Math.max(1, Math.round(r.layers ?? 2)), g = Cr(o, i);
+  return Et(t, i).map((s, d) => {
+    const m = mt(e, i, d), c = mt(a, i, d);
+    return `drop-shadow(${m} ${c} ${g} ${O(s.color, Mr(n, d))})`;
+  }).join(" ");
+}, be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  createGradientMorphBlobs: X,
+  isGradientMorphBlendMode: At,
+  resolveGradientMorphBlendMode: et,
+  toGradientBoxShadow: Bt,
+  toGradientDropShadow: Dt,
+  toGradientMorphCSS: vr,
+  toGradientMorphFilter: Y,
+  toGradientMorphFilterMarkup: at,
+  toGradientMorphMarkup: wr
+}, Symbol.toStringTag, { value: "Module" })), kr = (t, r, e = {}) => {
+  const a = e.width ?? t.canvas.width, o = e.height ?? t.canvas.height, n = a / 2, i = o / 2, g = Math.hypot(a, o) / 2, d = ((typeof r.direction == "number" ? r.direction : Number.parseFloat(r.direction) || V) - 90) * Math.PI / 180, m = a / 2, c = o / 2, h = Math.cos(d) * m, u = Math.sin(d) * c, f = r.type === "radial" ? t.createRadialGradient(
+    e.x0 ?? n,
+    e.y0 ?? i,
+    e.r0 ?? 0,
+    e.x1 ?? n,
+    e.y1 ?? i,
+    e.r1 ?? g
+  ) : r.type === "conic" && typeof t.createConicGradient == "function" ? t.createConicGradient(
+    e.startAngle ?? d,
+    e.x0 ?? n,
+    e.y0 ?? i
+  ) : t.createLinearGradient(
+    e.x0 ?? n - h,
+    e.y0 ?? i - u,
+    e.x1 ?? n + h,
+    e.y1 ?? i + u
+  ), I = r.type === "conic" ? bt(r.stops) : r.stops;
+  for (const v of I)
+    f.addColorStop(
+      v.position / 100,
+      O(v.color, v.opacity)
+    );
+  return f;
+}, ot = "http://www.w3.org/2000/svg", Tr = "http://www.w3.org/1999/xhtml", j = (t) => t.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), nt = (t) => {
+  const r = t.opacity === void 0 ? "" : ` stop-opacity="${S(t.opacity)}"`;
+  return `<stop offset="${t.position}%" stop-color="${t.color}"${r} />`;
+}, _r = (t, r) => {
+  var e, a, o;
+  return {
+    active: r.activeStroke ?? ((e = t.stops[Math.max(0, Math.floor(t.stops.length / 2))]) == null ? void 0 : e.color) ?? ((a = t.stops[0]) == null ? void 0 : a.color) ?? "currentColor",
+    background: r.backgroundStroke ?? ((o = t.stops[0]) == null ? void 0 : o.color) ?? r.activeStroke ?? "currentColor"
+  };
+}, Gr = (t, r) => {
+  var n;
+  const e = (n = t.match(/\bviewBox=(["'])(.*?)\1/i)) == null ? void 0 : n[2];
+  if (e) return e;
+  const a = r.width ?? 240, o = r.height ?? 120;
+  return `0 0 ${a} ${o}`;
+}, Or = (t) => {
+  var r;
+  return ((r = t.replace(/<\?xml[\s\S]*?\?>/gi, "").replace(/<!doctype[\s\S]*?>/gi, "").match(/<svg\b[^>]*>([\s\S]*?)<\/svg>/i)) == null ? void 0 : r[1].trim()) ?? t;
+}, Nr = (t) => {
+  const r = t.trim().split(/(?=M\s*[-+.\d])/).map((e) => e.trim()).filter(Boolean);
+  return r.length > 1 ? r : [t];
+}, jr = (t) => [...t.matchAll(/<path\b[^>]*\sd=(["'])([\s\S]*?)\1/gi)].flatMap(
+  (r) => Nr(r[2])
+), zt = (t) => {
+  var r;
+  return Math.max(1, ((r = t.match(/[LlHhVvCcSsQqTtAaZz]/g)) == null ? void 0 : r.length) ?? 0);
+}, Pr = (t, r) => {
+  const a = 0.5 + (1 - zt(t) / r) * 0.22;
+  return Math.round(a * 1e3) / 1e3;
+}, it = (t) => {
+  const [r = "0", e = "0", a = "240", o = "120"] = t.trim().split(/[\s,]+/);
+  return {
+    height: Number(o) || 120,
+    width: Number(a) || 240,
+    x: Number(r) || 0,
+    y: Number(e) || 0
+  };
+}, Ar = (t, r, e) => {
+  if (e.viewBoxPadding === !1) return t;
+  const a = it(t), o = Math.max(
+    r * 2,
+    Math.min(a.width, a.height) * 0.02
+  ), n = e.viewBoxPadding ?? o;
+  return [
+    a.x - n,
+    a.y - n,
+    a.width + n * 2,
+    a.height + n * 2
+  ].join(" ");
+}, Er = (t) => {
+  const { height: r, width: e } = it(t);
+  return {
+    height: Number(r) || 120,
+    width: Number(e) || 240
+  };
+}, Br = (t, r, e) => {
+  if (e.normalizeStrokeWidth === !1) return t;
+  const { height: a, width: o } = Er(r), n = e.strokeWidthBase ?? 180;
+  return t * (Math.min(o, a) / n);
+}, st = (t, r = {}) => {
+  const e = r.id ?? "g-gradient", a = t.stops.map(nt).join("");
+  return t.type === "radial" ? `<radialGradient id="${e}" cx="${r.cx ?? "50%"}" cy="${r.cy ?? "50%"}" r="${r.r ?? "75%"}">${a}</radialGradient>` : t.type === "conic" ? `<pattern id="${e}" patternUnits="objectBoundingBox" width="1" height="1"><foreignObject x="0" y="0" width="100%" height="100%"><div xmlns="${Tr}" style="width:100%;height:100%;background:${j(z(t))};"></div></foreignObject></pattern>` : `<linearGradient id="${e}" x1="${r.x1 ?? "0%"}" y1="${r.y1 ?? "0%"}" x2="${r.x2 ?? "100%"}" y2="${r.y2 ?? "100%"}">${a}</linearGradient>`;
+}, Dr = (t, r = {}) => {
+  const e = r.id ?? "g-gradient", a = r.width ?? 240, o = r.height ?? 120, n = r.rx ?? 18;
+  return `<svg xmlns="${ot}" viewBox="0 0 ${a} ${o}" role="img">
+  <defs>
+    ${st(t, r)}
+  </defs>
+  <rect width="${a}" height="${o}" rx="${n}" fill="url(#${e})" />
+</svg>`;
+}, zr = (t, r, e = {}) => {
+  const o = `${e.id ?? "g-gradient-source"}-stroke`, n = Gr(t, e), i = Or(t), g = jr(t), s = Br(
+    e.strokeWidth ?? 1.4,
+    n,
+    e
+  ), d = Ar(n, s, e), { width: m, x: c } = it(d), h = e.linecap ?? "round", u = D(e.duration ?? 3600), f = e.repeatCount ?? "indefinite", I = e.sourceOpacity ?? 0.22, v = r.stops.map(nt).join(""), Rt = Math.max(...g.map(zt));
+  return `<svg xmlns="${ot}" viewBox="${j(d)}" role="img">
+  <defs>
+    <linearGradient id="${o}" gradientUnits="userSpaceOnUse" x1="${c}" y1="0" x2="${c + m}" y2="0">
+      ${v}
+    </linearGradient>
+  </defs>
+  <g opacity="${S(I)}">
+    ${i}
+  </g>
+  <g fill="none" stroke="url(#${o})" stroke-width="${s}" stroke-linecap="${h}" stroke-linejoin="round">
+    ${g.map((lt) => {
+    const gt = Pr(lt, Rt);
+    return `<path d="${j(lt)}" pathLength="100" stroke-dasharray="0 100" stroke-dashoffset="0">
+      <animate attributeName="stroke-dasharray" values="0 100;100 100;0 100" keyTimes="0;${gt};1" dur="${u}" repeatCount="${f}" calcMode="linear" />
+      <animate attributeName="stroke-dashoffset" values="0;0;-100" keyTimes="0;${gt};1" dur="${u}" repeatCount="${f}" calcMode="linear" />
+    </path>`;
+  }).join(`
+    `)}
+  </g>
+</svg>`;
+}, Ir = (t, r = {}) => {
+  const a = `${r.id ?? "g-gradient-path"}-stroke`, o = r.width ?? 240, n = r.height ?? 120, i = r.path ?? `M 20 ${n * 0.64} C ${o * 0.28} ${n * 0.18}, ${o * 0.58} ${n * 0.18}, ${o - 20} ${n * 0.64}`, g = r.strokeWidth ?? 12, s = r.linecap ?? "round", d = D(r.duration ?? 2800), m = r.repeatCount ?? "indefinite", c = r.backgroundOpacity ?? 0.24, h = _r(t, r), u = t.stops.map(nt).join("");
+  return `<svg xmlns="${ot}" viewBox="0 0 ${o} ${n}" role="img">
+  <defs>
+    <linearGradient id="${a}" gradientUnits="userSpaceOnUse" x1="0" y1="0" x2="${o}" y2="0">
+      ${u}
+    </linearGradient>
+  </defs>
+  <path d="${j(i)}" fill="none" stroke="${h.background}" stroke-width="${g}" stroke-linecap="${s}" opacity="${c}" />
+  <path d="${j(i)}" fill="none" stroke="${r.activeStroke ? h.active : `url(#${a})`}" stroke-width="${g}" stroke-linecap="${s}" pathLength="100" stroke-dasharray="100 100" stroke-dashoffset="100">
+    <animate attributeName="stroke-dashoffset" values="100;0;-100" dur="${d}" repeatCount="${m}" />
+  </path>
+</svg>`;
+}, xe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  createLinearGradient: Ct,
+  toCanvasGradient: kr,
+  toCssGradient: z,
+  toSvgGradient: st,
+  toSvgGradientMarkup: Dr,
+  toSvgPathAnimationMarkup: Ir,
+  toSvgSourceAnimationMarkup: zr
+}, Symbol.toStringTag, { value: "Module" })), Lr = ["glare", "soft", "mesh"], Rr = 128;
+let P = Rr;
+const y = /* @__PURE__ */ new Map(), Vr = (t) => t.replace(/[A-Z]/g, (r) => `-${r.toLowerCase()}`), Fr = (t) => Vr(t), Hr = (t, r, e) => `${t}-${r}`, ct = (t) => Object.entries(t).map(([r, e]) => `${r}: ${e};`).join(`
+`), Ur = (t) => t.replace(/[A-Z]/g, (r) => `-${r.toLowerCase()}`), Xr = (t) => Object.entries(t).map(([r, e]) => `${Ur(r)}: ${e};`).join(`
+`), R = (t) => t === null || typeof t != "object" ? JSON.stringify(t) : Array.isArray(t) ? `[${t.map(R).join(",")}]` : `{${Object.entries(t).filter(([, r]) => r !== void 0).sort(([r], [e]) => r.localeCompare(e)).map(
+  ([r, e]) => `${JSON.stringify(r)}:${R(e)}`
+).join(",")}}`, Yr = (t) => {
+  let r = 5381;
+  for (let e = 0; e < t.length; e += 1)
+    r = r * 33 ^ t.charCodeAt(e);
+  return (r >>> 0).toString(36);
+}, Kr = (t, r) => R({ options: r, seed: t }), Wr = (t) => {
+  const r = y.get(t);
+  if (r)
+    return y.delete(t), y.set(t, r), r;
+}, qr = (t, r) => {
+  if (P <= 0) return r;
+  for (y.set(t, r); y.size > P; ) {
+    const e = y.keys().next().value;
+    if (e === void 0) break;
+    y.delete(e);
+  }
+  return r;
+}, Jr = () => {
+  y.clear();
+}, Zr = (t) => {
+  for (P = Math.max(0, Math.floor(t)); y.size > P; ) {
+    const r = y.keys().next().value;
+    if (r === void 0) break;
+    y.delete(r);
+  }
+}, Qr = () => ({
+  limit: P,
+  size: y.size
+}), te = (t, r, e, a) => {
+  const o = ct(r), n = Xr(e), i = [o, n].filter(Boolean).join(`
+`);
+  return [`.${t} {
+${i}
+}`, a].filter(Boolean).join(`
+
+`);
+}, re = (t, r) => t in r, It = (t, r) => re(t, r) ? Nt(t, r) : t === "soft" ? {
+  label: "Soft",
+  description: "Quiet monochrome radial gradient.",
+  gradient: {
+    recipe: "monochrome",
+    type: "radial",
+    position: "center",
+    shape: "ellipse"
+  },
+  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"
+  }
+} : t === "mesh" ? null : {
+  label: t,
+  gradient: {
+    recipe: t,
+    type: "linear",
+    direction: t === "glare" ? 135 : 145
+  }
+}, ee = (t) => {
+  const r = [
+    `radial-gradient(circle at 16% 18%, ${p(t, -42, 72, 1.05)} 0%, transparent 34%)`,
+    `radial-gradient(circle at 86% 20%, ${N(t)} 0%, transparent 32%)`,
+    `radial-gradient(circle at 50% 84%, ${p(t, 56, 64, 1.08)} 0%, transparent 38%)`,
+    `linear-gradient(135deg, ${b(t, 94)}, ${b(t, 28)})`
+  ];
+  return {
+    layers: r,
+    value: r.join(", ")
+  };
+}, ae = (t, r, e, a, o) => {
+  if (r === "mesh") {
+    const s = ee(t);
+    return {
+      cssVar: e,
+      layers: s.layers,
+      value: s.value
+    };
+  }
+  const n = It(r, o), i = H(t), g = U(i, {
+    ...n == null ? void 0 : n.gradient,
+    ...a
+  });
+  return {
+    cssVar: e,
+    model: g,
+    stops: g.stops,
+    svg: st(g, { id: e.replace(/^--/, "") }),
+    value: z(g)
+  };
+}, oe = (t, r, e, a) => {
+  var g, s;
+  if (!t) return {};
+  const o = `${r.replace(/^--/, "")}-morph`, n = et(
+    (g = a == null ? void 0 : a.morph) == null ? void 0 : g.blendMode
+  ), i = {
+    ...a == null ? void 0 : a.morph,
+    id: ((s = a == null ? void 0 : a.morph) == null ? void 0 : s.id) ?? o
+  };
+  return {
+    boxShadow: {
+      cssVar: `${r}-shadow`,
+      value: Bt(t, (a == null ? void 0 : a.shadow) ?? (e == null ? void 0 : e.shadow))
+    },
+    dropShadow: {
+      cssVar: `${r}-drop-shadow`,
+      value: Dt(
+        t,
+        (a == null ? void 0 : a.dropShadow) ?? (e == null ? void 0 : e.dropShadow)
+      )
+    },
+    morph: {
+      blendMode: n,
+      blendModeCssVar: `${r}-morph-blend-mode`,
+      cssVar: `${r}-morph`,
+      svg: at(i),
+      value: Y(i)
+    }
+  };
+}, ne = (t, r, e, a) => {
+  var n;
+  const o = {
+    ...e == null ? void 0 : e.animation,
+    ...a,
+    name: `g-gradient-${t}-${(a == null ? void 0 : a.preset) ?? ((n = e == null ? void 0 : e.animation) == null ? void 0 : n.preset) ?? "shift"}`,
+    selector: `.g-gradient-${t}`
+  };
+  return {
+    css: vt(o),
+    cssVar: `${r}-animation`,
+    keyframes: rt(o),
+    name: o.name,
+    value: xt(o)
+  };
+}, dt = (t, r = "glare", e = {}) => {
+  const a = e.registry ?? L, o = Fr(r), n = Hr(e.prefix ?? "--g-gradient", o), i = It(r, a), s = H(t)[500], d = ae(
+    s,
+    r,
+    n,
+    e,
+    a
+  ), m = {
+    [n]: d.value
+  }, c = e.effects ? oe(d.model, n, i, {
+    dropShadow: e.dropShadow,
+    morph: e.morph,
+    shadow: e.shadow
+  }) : void 0, h = e.animations ? ne(o, n, i, e.animation) : void 0;
+  return c != null && c.boxShadow && (m[c.boxShadow.cssVar] = c.boxShadow.value), c != null && c.dropShadow && (m[c.dropShadow.cssVar] = c.dropShadow.value), c != null && c.morph && (m[c.morph.cssVar] = c.morph.value, m[c.morph.blendModeCssVar] = c.morph.blendMode), h && (m[h.cssVar] = h.value), {
+    animation: h,
+    cssText: ct(m),
+    cssVars: m,
+    description: i == null ? void 0 : i.description,
+    effects: c,
+    gradient: d,
+    keyframes: (h == null ? void 0 : h.keyframes) ?? "",
+    label: (i == null ? void 0 : i.label) ?? o,
+    name: o
+  };
+}, ie = (t, r = {}) => {
+  const e = r.recipes ?? Lr, a = {}, o = {}, n = {}, i = {}, g = [];
+  for (const s of e) {
+    const d = dt(t, s, {
+      animations: r.animations,
+      effects: r.effects,
+      morph: r.morph,
+      prefix: r.prefix,
+      registry: r.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, g.push(d.animation.keyframes));
+  }
+  return {
+    animations: n,
+    cssText: ct(i),
+    cssVars: i,
+    effects: o,
+    gradients: a,
+    keyframes: g.join(`
+`)
+  };
+}, se = (t, r = {}) => {
+  var u, f;
+  const e = Kr(t, r), a = Wr(e);
+  if (a) return a;
+  const { className: o, id: n, recipe: i = "glare", ...g } = r, s = dt(t, i, g), d = s.gradient.model && r.effects && r.morph ? X(s.gradient.model, r.morph) : void 0, m = n ?? `g-gradient-${s.name}-${Yr(
+    R({ options: r, seed: t })
+  )}`, c = o ?? m, h = {
+    backgroundImage: `var(${s.gradient.cssVar})`
+  };
+  return (u = s.effects) != null && u.boxShadow && (h.boxShadow = `var(${s.effects.boxShadow.cssVar})`), (f = s.effects) != null && f.dropShadow && (h.filter = `var(${s.effects.dropShadow.cssVar})`), s.animation && (h.animation = `var(${s.animation.cssVar})`), qr(e, {
+    animation: s.animation,
+    className: c,
+    cssText: te(
+      c,
+      s.cssVars,
+      h,
+      s.keyframes
+    ),
+    cssVars: s.cssVars,
+    effects: s.effects,
+    gradient: s.gradient,
+    id: m,
+    keyframes: s.keyframes,
+    morphBlobs: d,
+    preset: s,
+    style: h
+  });
+}, Se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  clearGradientMaterialCache: Jr,
+  createGradientMaterial: se,
+  createGradientPreset: dt,
+  createGradientTokens: ie,
+  getGradientMaterialCacheStats: Qr,
+  setGradientMaterialCacheLimit: Zr
+}, Symbol.toStringTag, { value: "Module" })), A = (t) => {
+  const r = ut(t);
+  if (!r)
+    throw new Error(`Unsupported generated color: ${String(t)}`);
+  return ft(r);
+}, ce = (t) => `${t.charAt(0).toUpperCase()}${t.slice(1)}`, G = (t) => `on${ce(t)}`, de = (t) => t.replace(
+  /-([a-z0-9])/g,
+  (r, e) => e.toUpperCase()
+), Lt = (t, r, e, a) => {
+  const { colors: o, onColors: n } = a;
+  for (const i of Vt) {
+    const g = o[i];
+    t[`${e}${i}`] = A(g), t[`${G(e)}${i}`] = A(n[i]), r[`${e}${i}`] = _(o, { shade: i });
+  }
+  t[e] = t[`${e}500`], t[G(e)] = t[`${G(e)}500`], r[e] = r[`${e}500`];
+}, le = (t) => typeof t == "object" && t !== null && "color" in t, ge = (t) => le(t) ? t : { color: t }, he = (t, r, e, a) => {
+  t[e] = A(a.color), t[G(e)] = A(
+    a.onColor ?? Ht(a.color)
+  ), a.gradient !== !1 && (r[e] = a.gradient ?? Ut(a.color));
+}, me = (t, r, e, a, o) => {
+  const n = de(Ft(a)), i = ge(o);
+  if (i.palette === !1) {
+    he(t, r, n, i);
+    return;
+  }
+  const g = J(i.color);
+  e[n] = g, Lt(t, r, n, g), i.onColor && (t[G(n)] = A(i.onColor)), i.gradient && (r[n] = i.gradient);
+}, ve = (t, r = {}) => {
+  const e = {}, a = {}, o = {
+    source: J(t)
+  };
+  for (const [n, i] of Object.entries(Z))
+    o[n] = J(i);
+  for (const [n, i] of Object.entries(o))
+    Lt(e, a, n, i);
+  for (const [n, i] of Object.entries(r.colors ?? {}))
+    me(e, a, o, n, i);
+  return a.main = _(o.source.colors), a.error = _(o.red.colors, { shade: 600 }), a.warning = _(o.amber.colors, { shade: 600 }), a.success = _(o.green.colors, { shade: 600 }), {
+    colors: e,
+    gradients: a,
+    palettes: o
+  };
+}, pe = (t) => {
+  const r = ut(t);
+  if (!r)
+    throw new Error(`Unsupported generated color: ${String(t)}`);
+  return ft(r);
+}, q = (t, r) => {
+  const e = pt(B(t)).schemes[r].toJSON();
+  return Object.fromEntries(
+    Object.entries(e).map(([a, o]) => [
+      a,
+      pe(E(o))
+    ])
+  );
+}, we = (t, r) => {
+  const e = q(t, r), a = q(Z.amber, r), o = q(Z.green, r);
+  return {
+    ...e,
+    warning: a.primary,
+    onWarning: a.onPrimary,
+    warningContainer: a.primaryContainer,
+    onWarningContainer: a.onPrimaryContainer,
+    success: o.primary,
+    onSuccess: o.onPrimary,
+    successContainer: o.primaryContainer,
+    onSuccessContainer: o.onPrimaryContainer
+  };
+};
+export {
+  we as a,
+  $e as b,
+  ve as c,
+  be as d,
+  xe as e,
+  ye as i,
+  Se as m
+};