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

package/dist/materialSurface-BbFTyJuA.js

@@ -0,0 +1,634 @@
+import { defineComponent as q, openBlock as z, createBlock as X, resolveDynamicComponent as J, normalizeClass as Q, computed as o, inject as Z, provide as ee, toRef as $, toValue as s, watch as ae, onBeforeUnmount as te } from "vue";
+import { p as f, g as ne, l as D, n as L, o as re, j as k, c as x, r as I, b as oe, q as ie, e as se, h as le, s as de, i as ce, d as ue, k as ge, a as me } from "./surface-C3w1Rz6V.js";
+import "@mdi/js";
+import { p as G, h as b, b as ve, f as fe, C as he } from "./camelToKebabCase-BWbQb81D.js";
+import { DEFAULT_SEED as Se, createGradientMaterial as we, DEFAULT_GRADIENT_MORPH_BLEND_MODE as N } from "@gradient-ui/gradient-engine";
+import { u as pe } from "./default-DlsS6GI_.js";
+const ye = /* @__PURE__ */ q({
+  __name: "MdiIconSet",
+  props: {
+    icon: {},
+    tag: {}
+  },
+  setup(e) {
+    return (a, t) => (z(), X(J(e.tag), {
+      class: Q(["mdi", `mdi-${e.icon}`]),
+      "aria-hidden": "true"
+    }, null, 8, ["class"]));
+  }
+}), E = Symbol("gradient-icons"), _ = {
+  defaultSet: "mdi",
+  aliases: {},
+  sets: {
+    mdi: {
+      component: ye
+    }
+  }
+};
+function V(e = {}) {
+  return {
+    defaultSet: e.defaultSet ?? _.defaultSet,
+    aliases: {
+      ..._.aliases,
+      ...e.aliases ?? {}
+    },
+    sets: {
+      ..._.sets,
+      ...e.sets ?? {}
+    }
+  };
+}
+function la(e = {}) {
+  ee(E, V(e));
+}
+function da(e, a = {}) {
+  e.provide(E, V(a));
+}
+function Me() {
+  return Z(E, _);
+}
+function ca(e) {
+  const a = Me();
+  return o(() => {
+    let t = e() ?? "";
+    if (t.startsWith("$")) {
+      const l = t.slice(1);
+      t = a.aliases[l] ?? t;
+    }
+    const [r, n] = t.includes(":") ? t.split(":", 2) : [a.defaultSet, t], i = a.sets[r] ?? a.sets[a.defaultSet];
+    return {
+      icon: n ?? t,
+      component: i.component
+    };
+  });
+}
+const be = f({
+  placement: {
+    type: String,
+    default: "bottom"
+  }
+});
+function _e(e, a) {
+  return o(() => `${a}_${e.placement}`);
+}
+const Ce = f({
+  active: Boolean,
+  ...D(),
+  glow: [Boolean, Number, String],
+  animateGlow: Boolean,
+  shadow: Boolean,
+  ...ne()
+});
+function ua(e, a = "g-gradient") {
+  const t = L(e, a), r = re(e, a);
+  return {
+    glowClasses: o(() => ({
+      [t.value]: !0,
+      [r.value]: !0,
+      [`${a}_active`]: e.active,
+      [`${a}_glow`]: e.glow,
+      [`${a}_animate-glow`]: e.animateGlow,
+      [`${a}_shadow`]: e.shadow
+    }))
+  };
+}
+const Be = f({
+  rootTag: {
+    type: String,
+    default: "div"
+  },
+  interactive: {
+    type: Boolean,
+    default: !0
+  },
+  borderRadius: {
+    type: [Number, String],
+    default: 4
+  },
+  inheritWidth: Boolean,
+  surfaceFill: {
+    type: String,
+    default: "transparent"
+  }
+});
+function ga(e) {
+  const a = k($(e, "borderRadius")), t = o(
+    () => `g-gradient_surface-${e.surfaceFill}`
+  );
+  return {
+    interactionClass: o(
+      () => e.interactive ? "g-gradient_interactive" : ""
+    ),
+    surfaceBorderRadius: a,
+    surfaceFillClass: t
+  };
+}
+const Re = {
+  action: "materialAction",
+  surface: "materialSurface"
+}, $e = "var(--g-token-elevation-2)", F = "none", C = "none", W = "none", ke = "#ffffff", Ge = "#0d0d12", B = Object.fromEntries(
+  Object.entries(b).map(([e, a]) => [
+    fe(e),
+    a
+  ])
+), Ee = new Set(he), A = {
+  error: b.red,
+  success: b.green,
+  warning: b.orange
+}, Pe = (e) => {
+  if (e in B) return B[e];
+  const a = e.match(/^(.+)-(\d+)$/);
+  if (!a) return null;
+  const [, t, r] = a, n = B[t], i = Number(r);
+  return !n || !Ee.has(i) ? null : ve(n)[i];
+}, Ae = (e, a) => e ? G(e) ? e : e === "primary" || e === "main" ? a : e in A ? A[e] : Pe(e) : a, R = (e) => {
+  const a = e / 255;
+  return a <= 0.04045 ? a / 12.92 : ((a + 0.055) / 1.055) ** 2.4;
+}, O = (e) => 0.2126 * R(e.r) + 0.7152 * R(e.g) + 0.0722 * R(e.b), Oe = (e, a) => {
+  const t = O(e), r = O(a), n = Math.max(t, r), i = Math.min(t, r);
+  return (n + 0.05) / (i + 0.05);
+}, Te = (e) => {
+  var c, m, v;
+  const a = (c = e.gradient.stops) == null ? void 0 : c.map((g) => {
+    const u = G(g.color);
+    return u ? { color: u, position: g.position } : null;
+  }).filter((g) => g !== null).sort((g, u) => g.position - u.position);
+  if (!(a != null && a.length)) return null;
+  const t = 50, r = a.findIndex(
+    (g) => g.position >= t
+  );
+  if (r === -1) return ((m = a.at(-1)) == null ? void 0 : m.color) ?? null;
+  if (r === 0) return ((v = a[0]) == null ? void 0 : v.color) ?? null;
+  const n = a[r - 1], i = a[r], l = i.position - n.position, d = l ? (t - n.position) / l : 0;
+  return {
+    r: n.color.r + (i.color.r - n.color.r) * d,
+    g: n.color.g + (i.color.g - n.color.g) * d,
+    b: n.color.b + (i.color.b - n.color.b) * d
+  };
+}, De = (e, a) => {
+  const t = Te(e);
+  if (!t) return a;
+  const n = [ke, Ge].map((i) => {
+    const l = G(i);
+    return l ? {
+      color: i,
+      contrast: Oe(l, t)
+    } : null;
+  }).filter(
+    (i) => !!i
+  ).sort(
+    (i, l) => l.contrast - i.contrast
+  )[0];
+  return (n == null ? void 0 : n.color) ?? a;
+}, Le = (e, a, t, r) => ({
+  "--g-gradient-material-background": oe(e),
+  "--g-gradient-material-color": I(e),
+  "--g-gradient-material-foreground": x(e),
+  "--g-gradient-material-shadow": a ? $e : F,
+  "--g-gradient-material-drop-shadow": C,
+  "--g-gradient-material-filter": C,
+  "--g-gradient-material-morph-blend-mode": (r == null ? void 0 : r.blendMode) ?? N,
+  "--g-gradient-material-animation": t ? "var(--g-gradient-animation, none)" : W,
+  "--g-gradient-current": "var(--g-gradient-material-background)",
+  "--g-gradient-current-shadow": "var(--g-gradient-material-shadow)",
+  "--g-gradient-current-filter": "var(--g-gradient-material-filter)",
+  "--g-gradient-current-animation": "var(--g-gradient-material-animation)"
+}), xe = (e, a, t, r, n) => {
+  var m, v, g, u, h, S, w, p, y;
+  const i = (v = (m = e.effects) == null ? void 0 : m.boxShadow) == null ? void 0 : v.cssVar, l = (u = (g = e.effects) == null ? void 0 : g.dropShadow) == null ? void 0 : u.cssVar, d = (S = (h = e.effects) == null ? void 0 : h.morph) == null ? void 0 : S.cssVar, c = (w = e.animation) == null ? void 0 : w.cssVar;
+  return {
+    ...e.cssVars,
+    "--g-gradient-material-background": `var(${e.gradient.cssVar})`,
+    "--g-gradient-material-color": I(r),
+    "--g-gradient-material-foreground": De(
+      e,
+      x(r)
+    ),
+    "--g-gradient-material-shadow": a && i ? `var(${i})` : F,
+    "--g-gradient-material-drop-shadow": a && l ? `var(${l})` : C,
+    "--g-gradient-material-filter": a && d ? `var(${d})` : a && l ? `var(${l})` : C,
+    "--g-gradient-material-morph-blend-mode": a && ((y = (p = e.effects) == null ? void 0 : p.morph) != null && y.blendModeCssVar) ? `var(${e.effects.morph.blendModeCssVar})` : (n == null ? void 0 : n.blendMode) ?? N,
+    "--g-gradient-material-animation": t && c ? `var(${c})` : W,
+    "--g-gradient-current": "var(--g-gradient-material-background)",
+    "--g-gradient-current-shadow": "var(--g-gradient-material-shadow)",
+    "--g-gradient-current-filter": "var(--g-gradient-material-filter)",
+    "--g-gradient-current-animation": "var(--g-gradient-material-animation)"
+  };
+}, j = (e = {}) => {
+  const a = pe(), t = o(() => s(e.kind) ?? "surface"), r = o(() => !!s(e.effects)), n = o(() => !!s(e.animations)), i = o(() => s(e.color)), l = o(() => s(e.recipe)), d = o(() => s(e.morph)), c = o(
+    () => !!(r.value || n.value || l.value || d.value || s(e.options))
+  ), m = o(
+    () => Ae(
+      i.value,
+      (a == null ? void 0 : a.seed.value) ?? Se
+    )
+  ), v = o(() => {
+    if (!c.value) return null;
+    const u = m.value;
+    return u ? we(u, {
+      ...s(e.options),
+      animation: s(e.animation),
+      animations: n.value,
+      dropShadow: s(e.dropShadow),
+      effects: r.value,
+      morph: d.value,
+      recipe: l.value ?? Re[t.value],
+      shadow: s(e.shadow)
+    }) : null;
+  }), g = o(() => {
+    const u = v.value;
+    return u ? xe(
+      u,
+      r.value,
+      n.value,
+      i.value,
+      d.value
+    ) : c.value ? Le(
+      i.value,
+      r.value,
+      n.value,
+      d.value
+    ) : void 0;
+  });
+  return {
+    gradientMaterial: v,
+    gradientMaterialStyles: g
+  };
+}, Ie = f({
+  ...D(),
+  ...de(),
+  ...le(),
+  ...be({
+    placement: "center"
+  }),
+  borderRadius: {
+    type: [Number, String],
+    default: 4
+  },
+  borderWidth: {
+    type: [Number, String],
+    default: 1
+  },
+  color: String,
+  state: String,
+  materialKind: {
+    type: String,
+    default: "action"
+  },
+  gradientRecipe: String
+}), Ne = f({
+  ...Ie(),
+  ...Ce(),
+  ...Be()
+});
+function ma(e) {
+  const a = k($(e, "borderWidth")), t = k($(e, "borderRadius")), r = o(() => a.value ? `calc(${t.value} + ${a.value})` : t.value), n = L(e, "g-gradient"), i = _e(e, "g-gradient"), l = ie(e, "g-gradient"), d = se(
+    () => e.color ?? e.state
+  ), c = o(
+    () => Number.parseFloat(String(e.borderWidth)) > 0
+  ), { gradientMaterial: m, gradientMaterialStyles: v } = j({
+    color: () => e.color ?? e.state,
+    kind: () => e.materialKind,
+    recipe: () => c.value ? e.gradientRecipe : void 0,
+    options: () => c.value ? {} : void 0
+  }), g = o(() => ({
+    [n.value]: !0,
+    [i.value]: !0,
+    [l.value]: !0,
+    "g-gradient_inherit-width": e.inheritWidth,
+    [`g-gradient_${e.state}`]: e.state
+  })), u = o(() => ({
+    "--g-border-radius": t.value,
+    "--g-border-width": a.value
+  })), h = o(() => [
+    c.value && v.value ? v.value : { "--g-gradient-current": d.value },
+    u.value
+  ]);
+  return {
+    borderWidthPx: a,
+    borderRadiusPx: t,
+    containerBorderRadius: r,
+    gradientMaterial: m,
+    resolvedGradient: d,
+    gradientClasses: g,
+    gradientStyles: h
+  };
+}
+const Ve = "data-gradient-engine-style", Fe = "data-gradient-engine-svg", We = /* @__PURE__ */ new Map(), je = /* @__PURE__ */ new Map(), P = () => typeof document < "u", U = (e, a, t) => {
+  const r = e.get(a);
+  if (r)
+    return r.count += 1, () => {
+      r.count -= 1, r.count <= 0 && (r.element.remove(), e.delete(a));
+    };
+  const n = t();
+  return document.head.append(n), e.set(a, {
+    count: 1,
+    element: n
+  }), () => {
+    const i = e.get(a);
+    i && (i.count -= 1, i.count <= 0 && (i.element.remove(), e.delete(a)));
+  };
+}, Ue = (e, a) => !P() || !a.trim() ? () => {
+} : U(We, e, () => {
+  const t = document.createElement("style");
+  return t.setAttribute(Ve, e), t.textContent = a, t;
+}), He = (e, a) => !P() || !a.trim() ? () => {
+} : U(je, e, () => {
+  const t = document.createElement("div");
+  return t.setAttribute(Fe, e), t.style.position = "absolute", t.style.width = "0", t.style.height = "0", t.style.overflow = "hidden", t.innerHTML = a, t;
+}), Ke = (e) => {
+  var r, n;
+  if (!P())
+    return {
+      dispose: () => {
+      },
+      id: e.id
+    };
+  const a = Ue(e.id, e.cssText), t = (n = (r = e.effects) == null ? void 0 : r.morph) != null && n.svg ? He(`${e.id}-morph`, e.effects.morph.svg) : () => {
+  };
+  return {
+    dispose: () => {
+      t(), a();
+    },
+    id: e.id
+  };
+}, Ye = (e = {}) => {
+  let a = null;
+  const t = o(() => !!s(e.enabled)), r = o(() => s(e.material) ?? null), n = o(
+    () => {
+      var d, c;
+      return !!s(e.morph) && !!((c = (d = r.value) == null ? void 0 : d.morphBlobs) != null && c.length);
+    }
+  ), i = o(
+    () => {
+      var d;
+      return n.value ? ((d = r.value) == null ? void 0 : d.morphBlobs) ?? [] : [];
+    }
+  ), l = () => {
+    a == null || a.dispose(), a = null;
+  };
+  return ae(
+    () => {
+      var d;
+      return [t.value, (d = r.value) == null ? void 0 : d.id];
+    },
+    () => {
+      l(), t.value && r.value && (a = Ke(r.value));
+    },
+    {
+      immediate: !0
+    }
+  ), te(l), {
+    morphBlobs: i,
+    morphEnabled: n
+  };
+}, qe = (e = "g-material") => {
+  const a = o(() => [`${e}__material-glow`]), t = o(() => [
+    `${e}__material-glow-base`
+  ]), r = o(() => [
+    `${e}__material-glow-morph`
+  ]), n = o(() => [
+    `${e}__material-glow-morph-blob`
+  ]), i = o(() => [
+    `${e}__material-morph`
+  ]), l = o(() => [
+    `${e}__material-morph-blob`
+  ]);
+  return {
+    materialContentClasses: o(() => [
+      `${e}__material-content`
+    ]),
+    materialGlowBaseClasses: t,
+    materialGlowClasses: a,
+    materialGlowMorphBlobClasses: n,
+    materialGlowMorphClasses: r,
+    materialMorphBlobClasses: l,
+    materialMorphClasses: i
+  };
+}, ze = f({
+  materialKind: {
+    type: String,
+    default: "surface"
+  },
+  gradientRecipe: String,
+  borderRadius: {
+    type: [Number, String],
+    default: 8
+  },
+  padding: {
+    type: [Number, String],
+    default: 0
+  },
+  shadow: Boolean,
+  dropShadow: Boolean,
+  morph: Boolean,
+  animationOptions: Object,
+  shadowOptions: Object,
+  dropShadowOptions: Object,
+  morphOptions: Object
+}), Xe = (e) => typeof e == "number" ? `${e}ms` : e, Je = (e) => ({
+  "--g-gradient-morph-blob-color": e.color,
+  "--g-gradient-morph-x": `${e.dx}%`,
+  "--g-gradient-morph-x2": `${e.dx2}%`,
+  "--g-gradient-morph-y": `${e.dy}%`,
+  "--g-gradient-morph-y2": `${e.dy2}%`,
+  "--g-gradient-morph-origin-x": e.originX,
+  "--g-gradient-morph-origin-y": e.originY,
+  "--g-gradient-morph-animation": e.animationName,
+  "--g-gradient-morph-blur": `${e.blur}px`,
+  "--g-gradient-morph-opacity": e.opacity,
+  "--g-gradient-morph-rotate-mid": `${e.rotateMid}deg`,
+  "--g-gradient-morph-rotate-to": `${e.rotateTo}deg`,
+  "--g-gradient-morph-scale-mid": e.scaleMid,
+  "--g-gradient-morph-scale": e.scaleTo,
+  animationDelay: `${e.delay}ms`,
+  animationDuration: Xe(e.duration),
+  left: `${e.x}%`,
+  top: `${e.y}%`,
+  width: `${e.size}%`
+}), Qe = (e) => typeof e == "object" ? e : e ? {} : void 0, T = (e) => e == null ? "" : typeof e == "number" ? `${e}px` : /^\d+(\.\d+)?$/.test(e) ? `${e}px` : e, Ze = (e = {}) => {
+  const a = o(() => e.baseClass ?? "g-material"), {
+    materialContentClasses: t,
+    materialGlowBaseClasses: r,
+    materialGlowClasses: n,
+    materialGlowMorphBlobClasses: i,
+    materialGlowMorphClasses: l,
+    materialMorphBlobClasses: d,
+    materialMorphClasses: c
+  } = qe(a.value), m = o(() => T(s(e.borderRadius))), v = o(() => T(s(e.padding))), g = o(
+    () => Qe(s(e.morph))
+  ), u = o(() => !!g.value), h = o(
+    () => !!(s(e.effects) || s(e.shadow) || s(e.dropShadow) || u.value)
+  ), S = o(() => !!s(e.animations)), { gradientMaterial: w, gradientMaterialStyles: p } = j({
+    color: () => s(e.color) ?? s(e.state),
+    kind: () => s(e.kind),
+    recipe: () => s(e.recipe),
+    effects: h,
+    animations: S,
+    shadow: () => s(e.shadow),
+    dropShadow: () => s(e.dropShadow),
+    animation: () => s(e.animation),
+    morph: g,
+    options: () => s(e.options)
+  }), { morphBlobs: y, morphEnabled: H } = Ye({
+    enabled: () => !!(S.value || u.value),
+    material: w,
+    morph: u
+  }), K = o(() => [`${a.value}_surface`]), Y = o(() => {
+    const M = {
+      ...p.value ?? {}
+    };
+    return m.value && (M["--g-gradient-material-radius"] = m.value), v.value && (M["--g-gradient-material-padding"] = v.value), Object.keys(M).length ? M : void 0;
+  });
+  return {
+    getMorphBlobStyle: Je,
+    gradientMaterial: w,
+    materialClasses: K,
+    materialContentClasses: t,
+    materialGlowBaseClasses: r,
+    materialGlowClasses: n,
+    materialGlowMorphBlobClasses: i,
+    materialGlowMorphClasses: l,
+    materialMorphBlobClasses: d,
+    materialMorphClasses: c,
+    materialStyles: Y,
+    morphBlobs: y,
+    morphEnabled: H
+  };
+}, ea = (e, a) => {
+  const t = o(
+    () => s(a.variant) === "gradient"
+  ), r = o(
+    () => s(e.morphOptions) ?? s(e.morph)
+  ), n = o(() => a.morphScope === "always" || t.value ? r.value : !1), i = o(() => !!n.value), l = o(
+    () => !!(t.value || s(e.shadow) || s(e.dropShadow) || s(e.shadowOptions) || s(e.dropShadowOptions) || i.value)
+  ), d = o(
+    () => !!(t.value && s(e.animationOptions))
+  ), c = o(
+    () => t.value || i.value
+  );
+  return {
+    ...Ze({
+      baseClass: a.baseClass,
+      color: a.color,
+      state: a.state,
+      kind: a.kind,
+      recipe: () => c.value ? s(e.gradientRecipe) : void 0,
+      effects: l,
+      animations: d,
+      shadow: () => s(e.shadowOptions),
+      dropShadow: () => s(e.dropShadowOptions),
+      animation: () => t.value ? s(e.animationOptions) : void 0,
+      morph: n,
+      options: a.options
+    }),
+    hasMaterialAnimations: d,
+    hasMaterialEffects: l,
+    hasMaterialSurface: t,
+    hasMorph: i,
+    resolvedMorph: n
+  };
+}, va = f({
+  tag: String,
+  href: String,
+  target: String,
+  rel: String
+});
+function aa(e) {
+  const a = o(() => !!e.href && !e.disabled), t = o(
+    () => a.value ? {
+      href: e.href,
+      target: e.target,
+      rel: e.rel ?? (e.target === "_blank" ? "noopener noreferrer" : void 0)
+    } : {}
+  );
+  return {
+    isLink: a,
+    linkAttrs: t
+  };
+}
+function fa(e, a) {
+  const { isLink: t, linkAttrs: r } = aa(e), n = o(
+    () => e.tag ?? (t.value ? "a" : a)
+  ), i = o(() => n.value === "a" && t.value), l = o(
+    () => i.value ? r.value : {
+      type: n.value === "button" ? "button" : void 0,
+      disabled: n.value === "button" ? e.disabled : void 0
+    }
+  );
+  return {
+    tagName: n,
+    tagAttrs: l
+  };
+}
+const ha = f({
+  ...ze(),
+  ...me(),
+  ...Ne({
+    borderWidth: void 0,
+    borderRadius: void 0,
+    interactive: !1
+  })
+}), Sa = (e, a, t = {}) => {
+  const { colorStyles: r, resolvedColor: n, resolvedState: i } = ce(e), { glassStyles: l } = ue(e), d = ea(e, {
+    baseClass: a,
+    color: n,
+    state: i,
+    kind: t.kind ?? "surface",
+    variant: () => e.variant,
+    morphScope: "always"
+  }), c = o(() => [
+    r.value,
+    d.materialStyles.value,
+    e.variant === "glass" ? l.value : void 0
+  ]), m = o(() => ({
+    animateGlow: e.animateGlow,
+    borderRadius: e.borderRadius,
+    borderWidth: e.borderWidth ?? (e.glow || e.animateGlow || e.variant === "outlined" || e.variant === "glass" ? 1 : 0),
+    color: n.value,
+    glow: e.glow,
+    gradientRecipe: e.gradientRecipe,
+    inheritWidth: !0,
+    interactive: !1,
+    placement: e.placement,
+    rounded: !1,
+    // The material owns elevation; the frame only owns the real border/glow.
+    shadow: !1,
+    state: i.value,
+    surfaceFill: "transparent"
+  }));
+  return {
+    ...d,
+    ...ge(a),
+    resolvedColor: n,
+    resolvedState: i,
+    materialFrameProps: m,
+    surfaceStyles: c
+  };
+};
+export {
+  ha as a,
+  va as b,
+  V as c,
+  Ue as d,
+  Ke as e,
+  He as f,
+  j as g,
+  Ye as h,
+  da as i,
+  ca as j,
+  Me as k,
+  Ze as l,
+  ze as m,
+  qe as n,
+  Sa as o,
+  la as p,
+  fa as q,
+  ma as r,
+  ua as s,
+  ga as t,
+  aa as u,
+  Ne as v,
+  ea as w,
+  Ce as x
+};

package/dist/materialSurface-DOfA2E9c.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),u=require("./surface-DB9flb-h.cjs");require("@mdi/js");const f=require("./camelToKebabCase-BQDotaQm.cjs"),_=require("@gradient-ui/gradient-engine"),Q=require("./default--73FwpwZ.cjs"),Z=t.defineComponent({__name:"MdiIconSet",props:{icon:{},tag:{}},setup(e){return(a,r)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.tag),{class:t.normalizeClass(["mdi",`mdi-${e.icon}`]),"aria-hidden":"true"},null,8,["class"]))}}),R=Symbol("gradient-icons"),V={defaultSet:"mdi",aliases:{},sets:{mdi:{component:Z}}};function E(e={}){return{defaultSet:e.defaultSet??V.defaultSet,aliases:{...V.aliases,...e.aliases??{}},sets:{...V.sets,...e.sets??{}}}}function ee(e={}){t.provide(R,E(e))}function te(e,a={}){e.provide(R,E(a))}function D(){return t.inject(R,V)}function ae(e){const a=D();return t.computed(()=>{let r=e()??"";if(r.startsWith("$")){const s=r.slice(1);r=a.aliases[s]??r}const[o,n]=r.includes(":")?r.split(":",2):[a.defaultSet,r],i=a.sets[o]??a.sets[a.defaultSet];return{icon:n??r,component:i.component}})}const re=u.propsFactory({placement:{type:String,default:"bottom"}});function ne(e,a){return t.computed(()=>`${a}_${e.placement}`)}const T=u.propsFactory({active:Boolean,...u.makeDisabledProps(),glow:[Boolean,Number,String],animateGlow:Boolean,shadow:Boolean,...u.makeStateProps()});function oe(e,a="g-gradient"){const r=u.useDisabled(e,a),o=u.useState(e,a);return{glowClasses:t.computed(()=>({[r.value]:!0,[o.value]:!0,[`${a}_active`]:e.active,[`${a}_glow`]:e.glow,[`${a}_animate-glow`]:e.animateGlow,[`${a}_shadow`]:e.shadow}))}}const ie=u.propsFactory({rootTag:{type:String,default:"div"},interactive:{type:Boolean,default:!0},borderRadius:{type:[Number,String],default:4},inheritWidth:Boolean,surfaceFill:{type:String,default:"transparent"}});function se(e){const a=u.usePx(t.toRef(e,"borderRadius")),r=t.computed(()=>`g-gradient_surface-${e.surfaceFill}`);return{interactionClass:t.computed(()=>e.interactive?"g-gradient_interactive":""),surfaceBorderRadius:a,surfaceFillClass:r}}const le={action:"materialAction",surface:"materialSurface"},ue="var(--g-token-elevation-2)",A="none",b="none",L="none",de="#ffffff",ce="#0d0d12",C=Object.fromEntries(Object.entries(f.COLOR_SEEDS).map(([e,a])=>[f.camelToKebabCase(e),a])),me=new Set(f.COLOR_SHADES),$={error:f.COLOR_SEEDS.red,success:f.COLOR_SEEDS.green,warning:f.COLOR_SEEDS.orange},ge=e=>{if(e in C)return C[e];const a=e.match(/^(.+)-(\d+)$/);if(!a)return null;const[,r,o]=a,n=C[r],i=Number(o);return!n||!me.has(i)?null:f.createPalette(n)[i]},ve=(e,a)=>e?f.parseColor(e)?e:e==="primary"||e==="main"?a:e in $?$[e]:ge(e):a,G=e=>{const a=e/255;return a<=.04045?a/12.92:((a+.055)/1.055)**2.4},P=e=>.2126*G(e.r)+.7152*G(e.g)+.0722*G(e.b),fe=(e,a)=>{const r=P(e),o=P(a),n=Math.max(r,o),i=Math.min(r,o);return(n+.05)/(i+.05)},he=e=>{var d,g,v;const a=(d=e.gradient.stops)==null?void 0:d.map(m=>{const c=f.parseColor(m.color);return c?{color:c,position:m.position}:null}).filter(m=>m!==null).sort((m,c)=>m.position-c.position);if(!(a!=null&&a.length))return null;const r=50,o=a.findIndex(m=>m.position>=r);if(o===-1)return((g=a.at(-1))==null?void 0:g.color)??null;if(o===0)return((v=a[0])==null?void 0:v.color)??null;const n=a[o-1],i=a[o],s=i.position-n.position,l=s?(r-n.position)/s:0;return{r:n.color.r+(i.color.r-n.color.r)*l,g:n.color.g+(i.color.g-n.color.g)*l,b:n.color.b+(i.color.b-n.color.b)*l}},pe=(e,a)=>{const r=he(e);if(!r)return a;const n=[de,ce].map(i=>{const s=f.parseColor(i);return s?{color:i,contrast:fe(s,r)}:null}).filter(i=>!!i).sort((i,s)=>s.contrast-i.contrast)[0];return(n==null?void 0:n.color)??a},Se=(e,a,r,o)=>({"--g-gradient-material-background":u.resolveGradientValue(e),"--g-gradient-material-color":u.resolveColorValue(e),"--g-gradient-material-foreground":u.resolveOnColorValue(e),"--g-gradient-material-shadow":a?ue:A,"--g-gradient-material-drop-shadow":b,"--g-gradient-material-filter":b,"--g-gradient-material-morph-blend-mode":(o==null?void 0:o.blendMode)??_.DEFAULT_GRADIENT_MORPH_BLEND_MODE,"--g-gradient-material-animation":r?"var(--g-gradient-animation, none)":L,"--g-gradient-current":"var(--g-gradient-material-background)","--g-gradient-current-shadow":"var(--g-gradient-material-shadow)","--g-gradient-current-filter":"var(--g-gradient-material-filter)","--g-gradient-current-animation":"var(--g-gradient-material-animation)"}),we=(e,a,r,o,n)=>{var g,v,m,c,h,p,S,w,M;const i=(v=(g=e.effects)==null?void 0:g.boxShadow)==null?void 0:v.cssVar,s=(c=(m=e.effects)==null?void 0:m.dropShadow)==null?void 0:c.cssVar,l=(p=(h=e.effects)==null?void 0:h.morph)==null?void 0:p.cssVar,d=(S=e.animation)==null?void 0:S.cssVar;return{...e.cssVars,"--g-gradient-material-background":`var(${e.gradient.cssVar})`,"--g-gradient-material-color":u.resolveColorValue(o),"--g-gradient-material-foreground":pe(e,u.resolveOnColorValue(o)),"--g-gradient-material-shadow":a&&i?`var(${i})`:A,"--g-gradient-material-drop-shadow":a&&s?`var(${s})`:b,"--g-gradient-material-filter":a&&l?`var(${l})`:a&&s?`var(${s})`:b,"--g-gradient-material-morph-blend-mode":a&&((M=(w=e.effects)==null?void 0:w.morph)!=null&&M.blendModeCssVar)?`var(${e.effects.morph.blendModeCssVar})`:(n==null?void 0:n.blendMode)??_.DEFAULT_GRADIENT_MORPH_BLEND_MODE,"--g-gradient-material-animation":r&&d?`var(${d})`:L,"--g-gradient-current":"var(--g-gradient-material-background)","--g-gradient-current-shadow":"var(--g-gradient-material-shadow)","--g-gradient-current-filter":"var(--g-gradient-material-filter)","--g-gradient-current-animation":"var(--g-gradient-material-animation)"}},k=(e={})=>{const a=Q.useTheme(),r=t.computed(()=>t.toValue(e.kind)??"surface"),o=t.computed(()=>!!t.toValue(e.effects)),n=t.computed(()=>!!t.toValue(e.animations)),i=t.computed(()=>t.toValue(e.color)),s=t.computed(()=>t.toValue(e.recipe)),l=t.computed(()=>t.toValue(e.morph)),d=t.computed(()=>!!(o.value||n.value||s.value||l.value||t.toValue(e.options))),g=t.computed(()=>ve(i.value,(a==null?void 0:a.seed.value)??_.DEFAULT_SEED)),v=t.computed(()=>{if(!d.value)return null;const c=g.value;return c?_.createGradientMaterial(c,{...t.toValue(e.options),animation:t.toValue(e.animation),animations:n.value,dropShadow:t.toValue(e.dropShadow),effects:o.value,morph:l.value,recipe:s.value??le[r.value],shadow:t.toValue(e.shadow)}):null}),m=t.computed(()=>{const c=v.value;return c?we(c,o.value,n.value,i.value,l.value):d.value?Se(i.value,o.value,n.value,l.value):void 0});return{gradientMaterial:v,gradientMaterialStyles:m}},Me=u.propsFactory({...u.makeDisabledProps(),...u.makeVariantProps(),...u.makeRoundedProps(),...re({placement:"center"}),borderRadius:{type:[Number,String],default:4},borderWidth:{type:[Number,String],default:1},color:String,state:String,materialKind:{type:String,default:"action"},gradientRecipe:String}),I=u.propsFactory({...Me(),...T(),...ie()});function ye(e){const a=u.usePx(t.toRef(e,"borderWidth")),r=u.usePx(t.toRef(e,"borderRadius")),o=t.computed(()=>a.value?`calc(${r.value} + ${a.value})`:r.value),n=u.useDisabled(e,"g-gradient"),i=ne(e,"g-gradient"),s=u.useRounded(e,"g-gradient"),l=u.useResolveGradientValue(()=>e.color??e.state),d=t.computed(()=>Number.parseFloat(String(e.borderWidth))>0),{gradientMaterial:g,gradientMaterialStyles:v}=k({color:()=>e.color??e.state,kind:()=>e.materialKind,recipe:()=>d.value?e.gradientRecipe:void 0,options:()=>d.value?{}:void 0}),m=t.computed(()=>({[n.value]:!0,[i.value]:!0,[s.value]:!0,"g-gradient_inherit-width":e.inheritWidth,[`g-gradient_${e.state}`]:e.state})),c=t.computed(()=>({"--g-border-radius":r.value,"--g-border-width":a.value})),h=t.computed(()=>[d.value&&v.value?v.value:{"--g-gradient-current":l.value},c.value]);return{borderWidthPx:a,borderRadiusPx:r,containerBorderRadius:o,gradientMaterial:g,resolvedGradient:l,gradientClasses:m,gradientStyles:h}}const Ve="data-gradient-engine-style",_e="data-gradient-engine-svg",be=new Map,Ce=new Map,B=()=>typeof document<"u",N=(e,a,r)=>{const o=e.get(a);if(o)return o.count+=1,()=>{o.count-=1,o.count<=0&&(o.element.remove(),e.delete(a))};const n=r();return document.head.append(n),e.set(a,{count:1,element:n}),()=>{const i=e.get(a);i&&(i.count-=1,i.count<=0&&(i.element.remove(),e.delete(a)))}},x=(e,a)=>!B()||!a.trim()?()=>{}:N(be,e,()=>{const r=document.createElement("style");return r.setAttribute(Ve,e),r.textContent=a,r}),F=(e,a)=>!B()||!a.trim()?()=>{}:N(Ce,e,()=>{const r=document.createElement("div");return r.setAttribute(_e,e),r.style.position="absolute",r.style.width="0",r.style.height="0",r.style.overflow="hidden",r.innerHTML=a,r}),W=e=>{var o,n;if(!B())return{dispose:()=>{},id:e.id};const a=x(e.id,e.cssText),r=(n=(o=e.effects)==null?void 0:o.morph)!=null&&n.svg?F(`${e.id}-morph`,e.effects.morph.svg):()=>{};return{dispose:()=>{r(),a()},id:e.id}},j=(e={})=>{let a=null;const r=t.computed(()=>!!t.toValue(e.enabled)),o=t.computed(()=>t.toValue(e.material)??null),n=t.computed(()=>{var l,d;return!!t.toValue(e.morph)&&!!((d=(l=o.value)==null?void 0:l.morphBlobs)!=null&&d.length)}),i=t.computed(()=>{var l;return n.value?((l=o.value)==null?void 0:l.morphBlobs)??[]:[]}),s=()=>{a==null||a.dispose(),a=null};return t.watch(()=>{var l;return[r.value,(l=o.value)==null?void 0:l.id]},()=>{s(),r.value&&o.value&&(a=W(o.value))},{immediate:!0}),t.onBeforeUnmount(s),{morphBlobs:i,morphEnabled:n}},U=(e="g-material")=>{const a=t.computed(()=>[`${e}__material-glow`]),r=t.computed(()=>[`${e}__material-glow-base`]),o=t.computed(()=>[`${e}__material-glow-morph`]),n=t.computed(()=>[`${e}__material-glow-morph-blob`]),i=t.computed(()=>[`${e}__material-morph`]),s=t.computed(()=>[`${e}__material-morph-blob`]);return{materialContentClasses:t.computed(()=>[`${e}__material-content`]),materialGlowBaseClasses:r,materialGlowClasses:a,materialGlowMorphBlobClasses:n,materialGlowMorphClasses:o,materialMorphBlobClasses:s,materialMorphClasses:i}},H=u.propsFactory({materialKind:{type:String,default:"surface"},gradientRecipe:String,borderRadius:{type:[Number,String],default:8},padding:{type:[Number,String],default:0},shadow:Boolean,dropShadow:Boolean,morph:Boolean,animationOptions:Object,shadowOptions:Object,dropShadowOptions:Object,morphOptions:Object}),Ge=e=>typeof e=="number"?`${e}ms`:e,Re=e=>({"--g-gradient-morph-blob-color":e.color,"--g-gradient-morph-x":`${e.dx}%`,"--g-gradient-morph-x2":`${e.dx2}%`,"--g-gradient-morph-y":`${e.dy}%`,"--g-gradient-morph-y2":`${e.dy2}%`,"--g-gradient-morph-origin-x":e.originX,"--g-gradient-morph-origin-y":e.originY,"--g-gradient-morph-animation":e.animationName,"--g-gradient-morph-blur":`${e.blur}px`,"--g-gradient-morph-opacity":e.opacity,"--g-gradient-morph-rotate-mid":`${e.rotateMid}deg`,"--g-gradient-morph-rotate-to":`${e.rotateTo}deg`,"--g-gradient-morph-scale-mid":e.scaleMid,"--g-gradient-morph-scale":e.scaleTo,animationDelay:`${e.delay}ms`,animationDuration:Ge(e.duration),left:`${e.x}%`,top:`${e.y}%`,width:`${e.size}%`}),Ee=e=>typeof e=="object"?e:e?{}:void 0,O=e=>e==null?"":typeof e=="number"?`${e}px`:/^\d+(\.\d+)?$/.test(e)?`${e}px`:e,K=(e={})=>{const a=t.computed(()=>e.baseClass??"g-material"),{materialContentClasses:r,materialGlowBaseClasses:o,materialGlowClasses:n,materialGlowMorphBlobClasses:i,materialGlowMorphClasses:s,materialMorphBlobClasses:l,materialMorphClasses:d}=U(a.value),g=t.computed(()=>O(t.toValue(e.borderRadius))),v=t.computed(()=>O(t.toValue(e.padding))),m=t.computed(()=>Ee(t.toValue(e.morph))),c=t.computed(()=>!!m.value),h=t.computed(()=>!!(t.toValue(e.effects)||t.toValue(e.shadow)||t.toValue(e.dropShadow)||c.value)),p=t.computed(()=>!!t.toValue(e.animations)),{gradientMaterial:S,gradientMaterialStyles:w}=k({color:()=>t.toValue(e.color)??t.toValue(e.state),kind:()=>t.toValue(e.kind),recipe:()=>t.toValue(e.recipe),effects:h,animations:p,shadow:()=>t.toValue(e.shadow),dropShadow:()=>t.toValue(e.dropShadow),animation:()=>t.toValue(e.animation),morph:m,options:()=>t.toValue(e.options)}),{morphBlobs:M,morphEnabled:z}=j({enabled:()=>!!(p.value||c.value),material:S,morph:c}),X=t.computed(()=>[`${a.value}_surface`]),J=t.computed(()=>{const y={...w.value??{}};return g.value&&(y["--g-gradient-material-radius"]=g.value),v.value&&(y["--g-gradient-material-padding"]=v.value),Object.keys(y).length?y:void 0});return{getMorphBlobStyle:Re,gradientMaterial:S,materialClasses:X,materialContentClasses:r,materialGlowBaseClasses:o,materialGlowClasses:n,materialGlowMorphBlobClasses:i,materialGlowMorphClasses:s,materialMorphBlobClasses:l,materialMorphClasses:d,materialStyles:J,morphBlobs:M,morphEnabled:z}},q=(e,a)=>{const r=t.computed(()=>t.toValue(a.variant)==="gradient"),o=t.computed(()=>t.toValue(e.morphOptions)??t.toValue(e.morph)),n=t.computed(()=>a.morphScope==="always"||r.value?o.value:!1),i=t.computed(()=>!!n.value),s=t.computed(()=>!!(r.value||t.toValue(e.shadow)||t.toValue(e.dropShadow)||t.toValue(e.shadowOptions)||t.toValue(e.dropShadowOptions)||i.value)),l=t.computed(()=>!!(r.value&&t.toValue(e.animationOptions))),d=t.computed(()=>r.value||i.value);return{...K({baseClass:a.baseClass,color:a.color,state:a.state,kind:a.kind,recipe:()=>d.value?t.toValue(e.gradientRecipe):void 0,effects:s,animations:l,shadow:()=>t.toValue(e.shadowOptions),dropShadow:()=>t.toValue(e.dropShadowOptions),animation:()=>r.value?t.toValue(e.animationOptions):void 0,morph:n,options:a.options}),hasMaterialAnimations:l,hasMaterialEffects:s,hasMaterialSurface:r,hasMorph:i,resolvedMorph:n}},ke=u.propsFactory({tag:String,href:String,target:String,rel:String});function Y(e){const a=t.computed(()=>!!e.href&&!e.disabled),r=t.computed(()=>a.value?{href:e.href,target:e.target,rel:e.rel??(e.target==="_blank"?"noopener noreferrer":void 0)}:{});return{isLink:a,linkAttrs:r}}function Be(e,a){const{isLink:r,linkAttrs:o}=Y(e),n=t.computed(()=>e.tag??(r.value?"a":a)),i=t.computed(()=>n.value==="a"&&r.value),s=t.computed(()=>i.value?o.value:{type:n.value==="button"?"button":void 0,disabled:n.value==="button"?e.disabled:void 0});return{tagName:n,tagAttrs:s}}const $e=u.propsFactory({...H(),...u.makeGlassProps(),...I({borderWidth:void 0,borderRadius:void 0,interactive:!1})}),Pe=(e,a,r={})=>{const{colorStyles:o,resolvedColor:n,resolvedState:i}=u.useSurfaceColor(e),{glassStyles:s}=u.useGlass(e),l=q(e,{baseClass:a,color:n,state:i,kind:r.kind??"surface",variant:()=>e.variant,morphScope:"always"}),d=t.computed(()=>[o.value,l.materialStyles.value,e.variant==="glass"?s.value:void 0]),g=t.computed(()=>({animateGlow:e.animateGlow,borderRadius:e.borderRadius,borderWidth:e.borderWidth??(e.glow||e.animateGlow||e.variant==="outlined"||e.variant==="glass"?1:0),color:n.value,glow:e.glow,gradientRecipe:e.gradientRecipe,inheritWidth:!0,interactive:!1,placement:e.placement,rounded:!1,shadow:!1,state:i.value,surfaceFill:"transparent"}));return{...l,...u.useSurfaceLayers(a),resolvedColor:n,resolvedState:i,materialFrameProps:g,surfaceStyles:d}};exports.createIcons=E;exports.installIcons=te;exports.makeGradientGlowProps=T;exports.makeGradientProps=I;exports.makeMaterialProps=H;exports.makeMaterialSurfaceProps=$e;exports.makeTagNameProps=ke;exports.mountGradientCss=x;exports.mountGradientMaterial=W;exports.mountGradientSvg=F;exports.provideIcons=ee;exports.useAsLink=Y;exports.useGradient=ye;exports.useGradientGlow=oe;exports.useGradientMaterial=k;exports.useGradientRuntime=j;exports.useGradientSurface=se;exports.useIcon=ae;exports.useIcons=D;exports.useMaterial=K;exports.useMaterialLayers=U;exports.useMaterialSurface=Pe;exports.useSurfaceMaterial=q;exports.useTagName=Be;