@gradient-ui/gradient-engine 0.5.0 → 0.6.0

package/dist/material.mjs

@@ -1,6 +1,238 @@
-import { c as r, a as t, b as s } from "./tokens-OfSofVKl.js";
+import { j as x, d as C, i as G, c as p, s as w, n as k, o as S } from "./presets-DYXLx_nN.js";
+import { toGradientAnimationValue as T, toGradientAnimationKeyframes as V, toGradientAnimationCSS as j } from "./animation.mjs";
+import { createGradientMorphBlobs as A, resolveGradientMorphBlendMode as E, toGradientMorphFilter as O, toGradientMorphFilterMarkup as L, toGradientDropShadow as P, toGradientBoxShadow as B } from "./effects.mjs";
+import { t as I } from "./css-DVaTTIqS.js";
+import { t as K } from "./svg-hZus3ztj.js";
+const z = ["glare", "soft", "mesh"], N = 128;
+let g = N;
+const h = /* @__PURE__ */ new Map(), _ = (a) => a.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), D = (a) => _(a), F = (a, e, r) => `${a}-${e}`, y = (a) => Object.entries(a).map(([e, r]) => `${e}: ${r};`).join(`
+`), H = (a) => a.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), J = (a) => Object.entries(a).map(([e, r]) => `${H(e)}: ${r};`).join(`
+`), u = (a) => a === null || typeof a != "object" ? JSON.stringify(a) : Array.isArray(a) ? `[${a.map(u).join(",")}]` : `{${Object.entries(a).filter(([, e]) => e !== void 0).sort(([e], [r]) => e.localeCompare(r)).map(
+  ([e, r]) => `${JSON.stringify(e)}:${u(r)}`
+).join(",")}}`, R = (a) => {
+  let e = 5381;
+  for (let r = 0; r < a.length; r += 1)
+    e = e * 33 ^ a.charCodeAt(r);
+  return (e >>> 0).toString(36);
+}, U = (a, e) => u({ options: e, seed: a }), Z = (a) => {
+  const e = h.get(a);
+  if (e)
+    return h.delete(a), h.set(a, e), e;
+}, Q = (a, e) => {
+  if (g <= 0) return e;
+  for (h.set(a, e); h.size > g; ) {
+    const r = h.keys().next().value;
+    if (r === void 0) break;
+    h.delete(r);
+  }
+  return e;
+}, ie = () => {
+  h.clear();
+}, ce = (a) => {
+  for (g = Math.max(0, Math.floor(a)); h.size > g; ) {
+    const e = h.keys().next().value;
+    if (e === void 0) break;
+    h.delete(e);
+  }
+}, de = () => ({
+  limit: g,
+  size: h.size
+}), q = (a, e, r, t) => {
+  const i = y(e), c = J(r), s = [i, c].filter(Boolean).join(`
+`);
+  return [`.${a} {
+${s}
+}`, t].filter(Boolean).join(`
+
+`);
+}, W = (a, e) => a in e, M = (a, e) => W(a, e) ? G(a, e) : a === "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"
+  }
+} : a === "mesh" ? null : {
+  label: a,
+  gradient: {
+    recipe: a,
+    type: "linear",
+    direction: a === "glare" ? 135 : 145
+  }
+}, X = (a) => {
+  const e = [
+    `radial-gradient(circle at 16% 18%, ${w(a, -42, 72, 1.05)} 0%, transparent 34%)`,
+    `radial-gradient(circle at 86% 20%, ${k(a)} 0%, transparent 32%)`,
+    `radial-gradient(circle at 50% 84%, ${w(a, 56, 64, 1.08)} 0%, transparent 38%)`,
+    `linear-gradient(135deg, ${S(a, 94)}, ${S(a, 28)})`
+  ];
+  return {
+    layers: e,
+    value: e.join(", ")
+  };
+}, Y = (a, e, r, t, i) => {
+  if (e === "mesh") {
+    const n = X(a);
+    return {
+      cssVar: r,
+      layers: n.layers,
+      value: n.value
+    };
+  }
+  const c = M(e, i), s = C(a), l = p(s, {
+    ...c == null ? void 0 : c.gradient,
+    ...t
+  });
+  return {
+    cssVar: r,
+    model: l,
+    stops: l.stops,
+    svg: K(l, { id: r.replace(/^--/, "") }),
+    value: I(l)
+  };
+}, ee = (a, e, r, t) => {
+  var l, n;
+  if (!a) return {};
+  const i = `${e.replace(/^--/, "")}-morph`, c = E(
+    (l = t == null ? void 0 : t.morph) == null ? void 0 : l.blendMode
+  ), s = {
+    ...t == null ? void 0 : t.morph,
+    id: ((n = t == null ? void 0 : t.morph) == null ? void 0 : n.id) ?? i
+  };
+  return {
+    boxShadow: {
+      cssVar: `${e}-shadow`,
+      value: B(a, (t == null ? void 0 : t.shadow) ?? (r == null ? void 0 : r.shadow))
+    },
+    dropShadow: {
+      cssVar: `${e}-drop-shadow`,
+      value: P(
+        a,
+        (t == null ? void 0 : t.dropShadow) ?? (r == null ? void 0 : r.dropShadow)
+      )
+    },
+    morph: {
+      blendMode: c,
+      blendModeCssVar: `${e}-morph-blend-mode`,
+      cssVar: `${e}-morph`,
+      svg: L(s),
+      value: O(s)
+    }
+  };
+}, ae = (a, e, r, t) => {
+  var c;
+  const i = {
+    ...r == null ? void 0 : r.animation,
+    ...t,
+    name: `g-gradient-${a}-${(t == null ? void 0 : t.preset) ?? ((c = r == null ? void 0 : r.animation) == null ? void 0 : c.preset) ?? "shift"}`,
+    selector: `.g-gradient-${a}`
+  };
+  return {
+    css: j(i),
+    cssVar: `${e}-animation`,
+    keyframes: V(i),
+    name: i.name,
+    value: T(i)
+  };
+}, v = (a, e = "glare", r = {}) => {
+  const t = r.registry ?? x, i = D(e), c = F(r.prefix ?? "--g-gradient", i), s = M(e, t), n = C(a)[500], d = Y(
+    n,
+    e,
+    c,
+    r,
+    t
+  ), f = {
+    [c]: d.value
+  }, o = r.effects ? ee(d.model, c, s, {
+    dropShadow: r.dropShadow,
+    morph: r.morph,
+    shadow: r.shadow
+  }) : void 0, m = r.animations ? ae(i, c, s, r.animation) : void 0;
+  return o != null && o.boxShadow && (f[o.boxShadow.cssVar] = o.boxShadow.value), o != null && o.dropShadow && (f[o.dropShadow.cssVar] = o.dropShadow.value), o != null && o.morph && (f[o.morph.cssVar] = o.morph.value, f[o.morph.blendModeCssVar] = o.morph.blendMode), m && (f[m.cssVar] = m.value), {
+    animation: m,
+    cssText: y(f),
+    cssVars: f,
+    description: s == null ? void 0 : s.description,
+    effects: o,
+    gradient: d,
+    keyframes: (m == null ? void 0 : m.keyframes) ?? "",
+    label: (s == null ? void 0 : s.label) ?? i,
+    name: i
+  };
+}, le = (a, e = {}) => {
+  const r = e.recipes ?? z, t = {}, i = {}, c = {}, s = {}, l = [];
+  for (const n of r) {
+    const d = v(a, n, {
+      animations: e.animations,
+      effects: e.effects,
+      morph: e.morph,
+      prefix: e.prefix,
+      registry: e.registry
+    });
+    t[d.name] = d.gradient, Object.assign(s, d.cssVars), d.effects && (i[d.name] = d.effects), d.animation && (c[d.name] = d.animation, l.push(d.animation.keyframes));
+  }
+  return {
+    animations: c,
+    cssText: y(s),
+    cssVars: s,
+    effects: i,
+    gradients: t,
+    keyframes: l.join(`
+`)
+  };
+}, me = (a, e = {}) => {
+  var b, $;
+  const r = U(a, e), t = Z(r);
+  if (t) return t;
+  const { className: i, id: c, recipe: s = "glare", ...l } = e, n = v(a, s, l), d = n.gradient.model && e.effects && e.morph ? A(n.gradient.model, e.morph) : void 0, f = c ?? `g-gradient-${n.name}-${R(
+    u({ options: e, seed: a })
+  )}`, o = i ?? f, m = {
+    backgroundImage: `var(${n.gradient.cssVar})`
+  };
+  return (b = n.effects) != null && b.boxShadow && (m.boxShadow = `var(${n.effects.boxShadow.cssVar})`), ($ = n.effects) != null && $.dropShadow && (m.filter = `var(${n.effects.dropShadow.cssVar})`), n.animation && (m.animation = `var(${n.animation.cssVar})`), Q(r, {
+    animation: n.animation,
+    className: o,
+    cssText: q(
+      o,
+      n.cssVars,
+      m,
+      n.keyframes
+    ),
+    cssVars: n.cssVars,
+    effects: n.effects,
+    gradient: n.gradient,
+    id: f,
+    keyframes: n.keyframes,
+    morphBlobs: d,
+    preset: n,
+    style: m
+  });
+};
 export {
-  r as createGradientMaterial,
-  t as createGradientPreset,
-  s as createGradientTokens
+  ie as clearGradientMaterialCache,
+  me as createGradientMaterial,
+  v as createGradientPreset,
+  le as createGradientTokens,
+  de as getGradientMaterialCacheStats,
+  ce as setGradientMaterialCacheLimit
 };