@gradient-ui/core 0.8.0 → 2.0.0

package/dist/scheme-Dqwdqg6N.js

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