@rankingcoach/vanguard 1.8.0 → 1.9.0

package/dist/index-CardMotion.config.js

@@ -0,0 +1,159 @@
+import { CARD_MOTION_SIZES as o } from "./index-CardMotion.constants.js";
+const d = "linear(0, 0.024, 0.087, 0.194, 0.352, 0.604, 0.789, 0.923, 1.012, 1.04, 1.027, 1.008, 1)", l = {
+  opacity: 0,
+  y: o.genericEntryOffsetY,
+  scale: 1,
+  blur: 0,
+  duration: 0.32,
+  delay: 0
+}, m = {
+  opacity: 0,
+  y: o.genericLeaveOffsetY,
+  scale: 0.985,
+  blur: o.genericLeaveBlur,
+  duration: 0.2,
+  delay: 0
+}, s = {
+  y: o.glowEntryOffsetY,
+  scale: o.glowEntryScale,
+  skewX: o.glowEntrySkewX,
+  skewY: o.glowEntrySkewY,
+  brightness: 1.08,
+  glowAlpha: 1,
+  radiusFrom: o.glowEntryRadiusFrom,
+  radiusTo: o.glowEntryRadiusTo,
+  duration: 1,
+  delay: 0,
+  contentDelay: 0.25,
+  contentDuration: 0.35
+}, f = {
+  y: o.hoverLiftY,
+  scale: 1,
+  tension: 400,
+  friction: 40
+}, u = (r) => {
+  if (!r)
+    return r;
+  const {
+    background: n,
+    backgroundColor: i,
+    ...c
+  } = r;
+  return c;
+}, w = (r) => {
+  if (r === void 0)
+    return {
+      skewX: s.skewX,
+      skewY: s.skewY
+    };
+  const n = 1 / Math.max(1, r);
+  return {
+    skewX: o.glowMaxSkewX * n,
+    skewY: o.glowMaxSkewY * n
+  };
+}, g = (r, n, i, c, a) => {
+  if (r === "glow-in") {
+    const t = {
+      ...s,
+      ...w(c),
+      ...a === !1 ? {
+        ...s,
+        y: 0,
+        scale: 1,
+        skewX: 0,
+        skewY: 0,
+        brightness: 1,
+        glowAlpha: 0,
+        radiusFrom: 12,
+        radiusTo: 12,
+        duration: 0,
+        delay: 0,
+        contentDelay: 0,
+        contentDuration: 0
+      } : a
+    };
+    return {
+      kind: "glow-shell",
+      transitionFrom: {
+        opacity: 1,
+        y: 0,
+        scale: 1,
+        blur: 0
+      },
+      transitionEnter: {
+        opacity: 1,
+        y: 0,
+        scale: 1,
+        blur: 0
+      },
+      delayOffset: 0,
+      duration: 0,
+      shellStyle: {
+        ...u(i),
+        "--card-motion-delay": `${n + t.delay}s`,
+        "--card-motion-duration": `${t.duration}s`,
+        "--card-motion-content-delay": `${n + t.contentDelay}s`,
+        "--card-motion-content-duration": `${t.contentDuration}s`,
+        "--card-motion-ease": d,
+        "--card-motion-y-from": `${t.y}px`,
+        "--card-motion-scale-from": t.scale,
+        "--card-motion-skew-x-from": `${t.skewX}deg`,
+        "--card-motion-skew-y-from": `${t.skewY}deg`,
+        "--card-motion-radius-from": `${t.radiusFrom}px`,
+        "--card-motion-radius-to": `${t.radiusTo}px`,
+        "--card-motion-brightness-from": t.brightness,
+        "--card-motion-glow-alpha-from": t.glowAlpha,
+        "--card-motion-shadow-inset-width": `${o.glowShadowInsetWidth}px`,
+        "--card-motion-shadow-offset-y": `${o.glowShadowOffsetY}px`,
+        "--card-motion-shadow-blur": `${o.glowShadowBlur}px`,
+        "--card-motion-perspective": `${o.transformPerspective}px`,
+        "--card-motion-content-blur-from": `${o.contentBlurFrom}px`,
+        "--card-motion-content-y-from": `${o.contentOffsetY}px`
+      },
+      contentStyle: {
+        animationDelay: `${n + t.contentDelay}s`,
+        animationDuration: `${t.contentDuration}s`
+      }
+    };
+  }
+  const e = {
+    ...l,
+    ...a === !1 ? {
+      ...l,
+      opacity: 1,
+      y: 0,
+      scale: 1,
+      blur: 0,
+      duration: 0,
+      delay: 0
+    } : a
+  };
+  return {
+    kind: "spring",
+    baseStyle: i,
+    transitionFrom: {
+      opacity: e.opacity,
+      y: e.y,
+      scale: e.scale,
+      blur: e.blur
+    },
+    transitionEnter: {
+      opacity: 1,
+      y: 0,
+      scale: 1,
+      blur: 0
+    },
+    delayOffset: e.delay,
+    duration: e.duration
+  };
+};
+export {
+  l as GENERIC_ENTRY,
+  m as GENERIC_LEAVE,
+  s as GLOW_ENTRY_DEFAULTS,
+  f as HOVER_DEFAULTS,
+  d as SPRING_EASE_CSS,
+  g as getEntryPresetConfig,
+  w as getGlowSkewValues,
+  u as stripGlowBackground
+};

package/dist/index-CardMotion.constants.js

@@ -0,0 +1,23 @@
+const e = {
+  genericEntryOffsetY: 20,
+  genericLeaveOffsetY: 12,
+  genericLeaveBlur: 2,
+  glowEntryOffsetY: -8,
+  glowEntryScale: 0.7,
+  glowEntrySkewX: 4,
+  glowEntrySkewY: 8,
+  glowEntryRadiusFrom: 24,
+  glowEntryRadiusTo: 12,
+  glowMaxSkewX: 8,
+  glowMaxSkewY: 12,
+  hoverLiftY: -4,
+  glowShadowInsetWidth: 1,
+  glowShadowOffsetY: 14,
+  glowShadowBlur: 40,
+  transformPerspective: 1e3,
+  contentBlurFrom: 8,
+  contentOffsetY: 8
+};
+export {
+  e as CARD_MOTION_SIZES
+};

package/dist/index-CardMotion.js

@@ -0,0 +1,93 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useState as F, useMemo as y } from "react";
+import { a as N } from "./index-react-spring_web.modern.js";
+import { HOVER_DEFAULTS as x, getEntryPresetConfig as O, GENERIC_LEAVE as C } from "./index-CardMotion.config.js";
+import p from "./index-CardMotion.module.scss.js";
+import { useSpring as P, useTransition as R, to as T } from "./index-react-spring_core.modern.js";
+function U({
+  delay: f,
+  className: a,
+  style: g,
+  children: E,
+  hoverable: o = !1,
+  glowIn: H = !1,
+  index: d,
+  isVisible: n = !0,
+  entryPreset: L,
+  entryAnimation: m,
+  leaveAnimation: l,
+  hoverAnimation: r
+}) {
+  const [S, $] = F(!1), v = L ?? (H ? "glow-in" : "fade-up"), c = y(() => r === !1 || !o && r === void 0 ? {
+    ...x,
+    y: 0
+  } : {
+    ...x,
+    ...o ? {} : {
+      y: 0
+    },
+    ...r
+  }, [r, o]), w = P({
+    hoverY: S ? c.y : 0,
+    hoverScale: S ? c.scale : 1,
+    config: {
+      tension: c.tension,
+      friction: c.friction
+    }
+  }), e = y(() => O(v, f, g, d, m), [v, f, g, d, m]), t = y(() => ({
+    ...C,
+    ...l === !1 ? {
+      ...C,
+      opacity: 1,
+      y: 0,
+      scale: 1,
+      blur: 0,
+      duration: 0,
+      delay: 0
+    } : l
+  }), [l]), M = R(n ? ["visible"] : [], {
+    keys: (s) => s,
+    from: e.transitionFrom,
+    enter: e.transitionEnter,
+    leave: l === !1 ? {
+      opacity: 1,
+      y: 0,
+      scale: 1,
+      blur: 0
+    } : {
+      opacity: t.opacity,
+      y: t.y,
+      scale: t.scale,
+      blur: t.blur
+    },
+    delay: n ? (f + e.delayOffset) * 1e3 : t.delay * 1e3,
+    config: {
+      duration: (n ? e.duration : t.duration) * 1e3
+    },
+    expires: !0
+  });
+  return !n && l === !1 ? null : M((s) => i(N.div, {
+    className: e.kind === "spring" ? a : void 0,
+    onMouseEnter: o || r ? () => $(!0) : void 0,
+    onMouseLeave: o || r ? () => $(!1) : void 0,
+    style: {
+      ...e.baseStyle ?? {},
+      opacity: s.opacity,
+      filter: s.blur.to((u) => `blur(${u}px)`),
+      transform: T([s.y, s.scale, w.hoverY, w.hoverScale], (u, k, I, h) => `translate3d(0, ${u + I}px, 0) scale(${k * h})`)
+    },
+    children: e.kind === "glow-shell" ? i("div", {
+      className: a ? `${p.glowShell} ${a}` : p.glowShell,
+      style: e.shellStyle,
+      "data-card-motion-index": d,
+      children: i("div", {
+        className: p.contentIn,
+        style: e.contentStyle,
+        children: E
+      })
+    }) : E
+  }));
+}
+export {
+  U as CardMotion
+};

package/dist/index-CardMotion.module.scss.js

@@ -0,0 +1,9 @@
+const n = "glowShell_Sw", t = "contentIn_iA", l = {
+  glowShell: n,
+  contentIn: t
+};
+export {
+  t as contentIn,
+  l as default,
+  n as glowShell
+};

package/dist/index-ModalContext.js

@@ -1,57 +1,58 @@
-import { jsx as g } from "react/jsx-runtime";
-import { useRef as b, useState as C, useCallback as d, createContext as k, useContext as v } from "react";
-const M = k(void 0), m = () => {
-  const r = v(M);
-  if (!r)
+import { jsx as k } from "react/jsx-runtime";
+import { useRef as l, useState as v, useCallback as d, createContext as S, useContext as P } from "react";
+const p = S(void 0), j = () => {
+  const s = P(p);
+  if (!s)
     throw new Error("useModalContext must be used within a ModalProvider");
-  return r;
-}, P = ({
-  children: r
+  return s;
+}, A = ({
+  children: s
 }) => {
-  const n = b(/* @__PURE__ */ new Map()), [u, l] = C({
+  const c = l(/* @__PURE__ */ new Map()), n = l(/* @__PURE__ */ new Map()), i = l(0), [f, u] = v({
     growModals: [],
     slideModals: [],
     popModals: []
-  }), w = d((o) => n.current.get(o), []), p = d((o, t, e) => {
-    n.current.set(o, e), l((x) => {
-      const s = {
-        ...x
-      }, a = (i, c) => {
-        i.indexOf(c) >= 0 || i.push(c);
+  }), g = d((e) => c.current.get(e), []), h = d((e) => n.current.get(e) ?? 0, []), x = d((e, o, t) => {
+    c.current.set(e, t), n.current.has(e) || (i.current += 1, n.current.set(e, i.current)), u((R) => {
+      const r = {
+        ...R
+      }, a = (M, w) => {
+        M.indexOf(w) >= 0 || M.push(w);
       };
-      switch (t) {
+      switch (o) {
         case "grow":
-          a(s.growModals, o);
+          a(r.growModals, e);
           break;
         case "slide":
-          a(s.slideModals, o);
+          a(r.slideModals, e);
           break;
         case "pop":
-          a(s.popModals, o);
+          a(r.popModals, e);
           break;
         default:
-          a(s.growModals, o);
+          a(r.growModals, e);
       }
-      return s;
+      return r;
     });
-  }, []), f = d((o) => {
-    n.current.delete(o), l((t) => ({
-      growModals: t.growModals.filter((e) => e !== o),
-      slideModals: t.slideModals.filter((e) => e !== o),
-      popModals: t.popModals.filter((e) => e !== o)
+  }, []), C = d((e) => {
+    c.current.delete(e), n.current.delete(e), u((o) => ({
+      growModals: o.growModals.filter((t) => t !== e),
+      slideModals: o.slideModals.filter((t) => t !== e),
+      popModals: o.popModals.filter((t) => t !== e)
     }));
-  }, []), h = {
-    getModal: w,
-    modalRootState: u,
-    addModal: p,
-    removeModal: f
+  }, []), b = {
+    getModal: g,
+    modalRootState: f,
+    addModal: x,
+    removeModal: C,
+    getModalOrder: h
   };
-  return g(M.Provider, {
-    value: h,
-    children: r
+  return k(p.Provider, {
+    value: b,
+    children: s
   });
 };
 export {
-  P as ModalProvider,
-  m as useModalContext
+  A as ModalProvider,
+  j as useModalContext
 };

package/dist/index-ModalTransition.js

@@ -1,15 +1,16 @@
 import { jsx as s } from "react/jsx-runtime";
 import "react";
 import { a as m } from "./index-react-spring_web.modern.js";
-import { useModalContext as f } from "./index-ModalContext.js";
+import { useModalContext as y } from "./index-ModalContext.js";
 import { useTransition as n } from "./index-react-spring_core.modern.js";
-const b = (c) => {
+const O = (c) => {
   const {
     modalsList: r,
     animation: d
   } = c, {
-    getModal: p
-  } = f();
+    getModal: p,
+    getModalOrder: f
+  } = y();
   let a, t;
   switch (d) {
     case "slide":
@@ -110,10 +111,11 @@ const b = (c) => {
       });
   }
   return a((o, e) => {
-    const i = p(e);
+    const i = p(e), l = f(e);
     return e && i && s(m.div, {
       style: {
-        opacity: o.bgOpacity
+        opacity: o.bgOpacity,
+        zIndex: 1100 + l
       },
       className: "modalRoot",
       children: s(m.div, {
@@ -128,5 +130,5 @@ const b = (c) => {
   });
 };
 export {
-  b as ModalTransition
+  O as ModalTransition
 };

package/dist/index-react-spring_animated.modern.js

@@ -1,8 +1,8 @@
-import { eachProp as m, is as i, hasFluidValue as v, getFluidValue as $, each as o, useForceUpdate as j, useIsomorphicLayoutEffect as B, addFluidObserver as D, removeFluidObserver as P, useOnce as K, defineHidden as L, createInterpolator as b, isAnimatedString as N } from "./index-react-spring_shared.modern.js";
+import { eachProp as m, defineHidden as $, is as i, hasFluidValue as v, getFluidValue as j, each as o, isAnimatedString as N, useForceUpdate as B, useIsomorphicLayoutEffect as D, addFluidObserver as K, removeFluidObserver as P, useOnce as L, createInterpolator as b } from "./index-react-spring_shared.modern.js";
 import * as M from "react";
 import { forwardRef as q, useRef as S, useCallback as z, useEffect as G } from "react";
 import { raf as O } from "./index-react-spring_rafz.modern.js";
-var h = Symbol.for("Animated:node"), J = (e) => !!e && e[h] === e, Q = (e) => e && e[h], W = (e, t) => L(e, h, t), X = (e) => e && e[h] && e[h].getPayload(), R = class {
+var h = Symbol.for("Animated:node"), J = (e) => !!e && e[h] === e, Q = (e) => e && e[h], W = (e, t) => $(e, h, t), X = (e) => e && e[h] && e[h].getPayload(), R = class {
   constructor() {
     W(this, this);
   }
@@ -68,7 +68,7 @@ var h = Symbol.for("Animated:node"), J = (e) => !!e && e[h] === e, Q = (e) => e
   getValue(e) {
     const t = {};
     return m(this.source, (s, u) => {
-      J(s) ? t[u] = s.getValue(e) : v(s) ? t[u] = $(s) : e || (t[u] = s);
+      J(s) ? t[u] = s.getValue(e) : v(s) ? t[u] = j(s) : e || (t[u] = s);
     }), t;
   }
   /** Replace the raw object data */
@@ -127,18 +127,18 @@ var w = (e, t) => {
         d.current = te(n, a);
       },
       [n]
-    ), [l, g] = ee(u, t), k = j(), A = () => {
+    ), [l, g] = ee(u, t), k = B(), A = () => {
       const a = d.current;
       if (s && !a)
         return;
       (a ? t.applyAnimatedValues(a, l.getValue(!0)) : !1) === !1 && k();
     }, _ = new C(A, g), c = S(void 0);
-    B(() => (c.current = _, o(g, (a) => D(a, _)), () => {
+    D(() => (c.current = _, o(g, (a) => K(a, _)), () => {
       c.current && (o(
         c.current.deps,
         (a) => P(a, c.current)
       ), O.cancel(c.current.update));
-    })), G(A, []), K(() => () => {
+    })), G(A, []), L(() => () => {
       const a = c.current;
       o(a.deps, (V) => P(V, a));
     });