@gradient-ui/core 0.4.0 → 0.4.1

package/dist/materialSurface-BBrP9ltj.js

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

package/dist/materialSurface-CK8LN_dU.cjs

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

package/dist/services.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useSnackbar-3QuH25xm.cjs");exports.useLoading=e.useLoading;exports.useSnackbar=e.useSnackbar;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useSnackbar-BHQshEZ8.cjs");exports.useLoading=e.useLoading;exports.useSnackbar=e.useSnackbar;

package/dist/services.mjs

@@ -1,4 +1,4 @@
-import { u as e, c as o } from "./useSnackbar-2iJU4bdd.js";
+import { u as e, c as o } from "./useSnackbar-DeNHZH8v.js";
 export {
   e as useLoading,
   o as useSnackbar