@courtneyring/components-library 1.0.30 → 1.0.31

package/dist/components/PromoGroup/PromoGroup.js

@@ -1,57 +1,104 @@
 "use client";
-import { jsxs as c, Fragment as n, jsx as e } from "react/jsx-runtime";
-import "react";
-import "../../index-BlCqcUwj.js";
+import { jsxs as c, Fragment as p, jsx as e } from "react/jsx-runtime";
+import { useMemo as u } from "react";
+import "../../index-K0WrPJ_C.js";
 import "../../hooks/useFadeIn.js";
-import d from "../Button/Button.js";
-import { c as i } from "../../index-BIlioXmW.js";
-import "../../Particles-CKNJUrOc.js";
+import N from "../Button/Button.js";
+import { appleStagger as n } from "../../presets/animations.js";
+import { c as m } from "../../index-B2JRaoNz.js";
 import "../../index-DyQs5aC7.js";
-import "../PinnedImage/PinnedImage.js";
-import "../ParallaxImageGrid/ParallaxImageGrid.js";
-import '../../assets/PromoGroup.css';const m = "_group_gxcag_2", g = "_slider_gxcag_27", h = "_header_gxcag_33", p = "_promo_gxcag_75", x = "_icon_gxcag_118", N = "_image_gxcag_122", u = "_promo__header_gxcag_127", y = "_cta_gxcag_164", b = "_promo__body_gxcag_211", v = "_stat_gxcag_250", f = "_statText_gxcag_260", t = {
-  group: m,
-  slider: g,
-  header: h,
-  promo: p,
-  icon: x,
-  image: N,
-  promo__header: u,
-  cta: y,
-  promo__body: b,
-  stat: v,
-  statText: f
-}, w = ({ header: _, promos: s }) => /* @__PURE__ */ c(n, { children: [
-  /* @__PURE__ */ e("h2", { className: t.header, children: _ }),
-  /* @__PURE__ */ e(
-    "div",
-    {
-      className: i(t.group, s.length > 3 && t.slider),
-      style: { "--promos": s.length },
-      children: s.map((a, o) => /* @__PURE__ */ c(
-        "div",
-        {
-          delay: 0.1 * o,
-          className: t.promo,
-          "data-color": a.color,
-          "data-text-align": a.textAlign,
-          children: [
-            a.icon && /* @__PURE__ */ e("span", { className: i("material-symbols-outlined", t.icon), children: a.icon }),
-            a.image && /* @__PURE__ */ e("img", { className: t.image, src: a.image }),
-            a.header && /* @__PURE__ */ e("h3", { className: t.promo__header, children: a.header }),
-            /* @__PURE__ */ e("p", { className: t.promo__body, children: a.body }),
-            a.cta && /* @__PURE__ */ e("div", { className: t.cta, children: /* @__PURE__ */ e(d, { ...a.cta }) }),
-            a.stats && /* @__PURE__ */ e("div", { className: t.stats, children: a.stats.map((r, l) => /* @__PURE__ */ c("div", { className: t.stat, children: [
-              /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: r.icon }),
-              /* @__PURE__ */ e("span", { className: t.statText, children: r.text })
-            ] }, `stat-${l}`)) })
-          ]
+import { useStagger as f } from "../../hooks/useStagger.js";
+import "../../index.modern-DPbS1w7M.js";
+import '../../assets/PromoGroup.css';const y = "_group_rwbwb_2", C = "_slider_rwbwb_27", x = "_header_rwbwb_33", v = "_promo_rwbwb_76", T = "_icon_rwbwb_126", $ = "_cta_rwbwb_136", j = "_imageContainer_rwbwb_144", F = "_image_rwbwb_144", k = "_promo__header_rwbwb_156", S = "_promo__body_rwbwb_254", z = "_stats_rwbwb_302", A = "_stat_rwbwb_302", B = "_statText_rwbwb_316", a = {
+  group: y,
+  slider: C,
+  header: x,
+  promo: v,
+  icon: T,
+  cta: $,
+  imageContainer: j,
+  image: F,
+  promo__header: k,
+  promo__body: S,
+  stats: z,
+  stat: A,
+  statText: B,
+  "count-4": "_count-4_rwbwb_394"
+}, L = ({ header: d, promos: r, direction: i = "vertical", slider: b }) => {
+  const g = ["icon", "header", "body", "cta", "stats", "image"], h = f(`.${a.promo}`, n.from, {
+    ...n.to,
+    stagger: n.stagger,
+    scrollTrigger: { start: n.start }
+  }), l = u(() => {
+    let t = 0;
+    for (let s of g)
+      r.some((o) => !!o[s]) && (t += 1);
+    return t;
+  }, [r]);
+  return /* @__PURE__ */ c(p, { children: [
+    /* @__PURE__ */ e("h2", { className: a.header, children: d }),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        ref: h,
+        className: m(
+          a.group,
+          a[`count-${r.length}`],
+          b && a.slider
+        ),
+        style: {
+          "--promos": r.length,
+          "--propCount": i == "horizontal" ? l - 1 : l
         },
-        `promo-${o}`
-      ))
-    }
-  )
-] });
+        children: r.map((t, s) => {
+          const o = t.containerCta ? "a" : "div";
+          return /* @__PURE__ */ c(
+            o,
+            {
+              onClick: t.containerCta?.onClick || null,
+              href: t.containerCta?.href || null,
+              target: t.containerCta?.target || null,
+              delay: 0.1 * s,
+              className: a.promo,
+              "data-color": t.color,
+              "data-text-align": t.textAlign,
+              "data-direction": i,
+              children: [
+                t.icon && /* @__PURE__ */ e(
+                  "span",
+                  {
+                    className: m(
+                      "material-symbols-outlined",
+                      a.icon,
+                      !t.icon && "hidden"
+                    ),
+                    children: t.icon
+                  }
+                ),
+                t.image && /* @__PURE__ */ e("div", { className: a.imageContainer, children: /* @__PURE__ */ e(
+                  "img",
+                  {
+                    style: { objectFit: t.imageFit },
+                    className: a.image,
+                    src: t.image
+                  }
+                ) }),
+                t.header && /* @__PURE__ */ e("h3", { className: a.promo__header, children: t.header }),
+                /* @__PURE__ */ e("p", { className: a.promo__body, children: t.body }),
+                t.cta && /* @__PURE__ */ e("div", { className: a.cta, children: /* @__PURE__ */ e(N, { ...t.cta }) }),
+                t.stats && /* @__PURE__ */ e("div", { className: a.stats, children: t.stats.map((_, w) => /* @__PURE__ */ c("div", { className: a.stat, children: [
+                  /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: _.icon }),
+                  /* @__PURE__ */ e("span", { className: a.statText, children: _.text })
+                ] }, `stat-${w}`)) })
+              ]
+            },
+            `promo-${s}`
+          );
+        })
+      }
+    )
+  ] });
+};
 export {
-  w as default
+  L as default
 };

package/dist/components/RSVPEmbed/RSVPEmbed.js

@@ -1,17 +1,18 @@
 "use client";
 import { jsx as n } from "react/jsx-runtime";
-import { useRef as c, useEffect as s } from "react";
-import '../../assets/RSVPEmbed.css';const p = "_wrapper_1mgkx_1", a = {
-  wrapper: p
+import { useRef as s, useEffect as a } from "react";
+import '../../assets/RSVPEmbed.css';const o = "_wrapper_1uu5y_1", i = "_container_1uu5y_10", t = {
+  wrapper: o,
+  container: i
 };
-function f({ embedUrl: t }) {
-  const r = c(null);
-  return s(() => {
+function f({ embedUrl: c }) {
+  const r = s(null);
+  return a(() => {
     const e = document.createElement("script");
-    return e.src = t, e.async = !0, r.current?.appendChild(e), () => {
+    return e.src = c, e.async = !0, r.current?.appendChild(e), () => {
       r.current && (r.current.innerHTML = "");
     };
-  }, []), /* @__PURE__ */ n("div", { ref: r, className: a.wrapper });
+  }, []), /* @__PURE__ */ n("div", { className: t.container, children: /* @__PURE__ */ n("div", { ref: r, className: t.wrapper }) });
 }
 export {
   f as default

package/dist/components/Schedule/Schedule.js

@@ -1,24 +1,24 @@
 "use client";
-import { jsxs as s, jsx as i } from "react/jsx-runtime";
+import { jsxs as l, jsx as i } from "react/jsx-runtime";
 import { Fragment as n } from "react";
-import '../../assets/Schedule.css';const a = "_schedule_3q4gz_2", m = "_timeline_3q4gz_75", r = "_time_3q4gz_75", o = "_dot_3q4gz_88", _ = "_diagram_3q4gz_96", h = "_line_3q4gz_102", e = {
+import '../../assets/Schedule.css';const a = "_schedule_10lfg_2", m = "_timeline_10lfg_85", r = "_time_10lfg_85", o = "_dot_10lfg_98", _ = "_diagram_10lfg_106", h = "_line_10lfg_112", e = {
   schedule: a,
   timeline: m,
   time: r,
   dot: o,
   diagram: _,
   line: h
-}, u = ({ slots: d, header: t }) => /* @__PURE__ */ s("div", { className: e.schedule, children: [
-  /* @__PURE__ */ i("h3", { children: t }),
-  /* @__PURE__ */ i("div", { className: e.timeline, children: d.map((c, l) => /* @__PURE__ */ s(n, { children: [
-    /* @__PURE__ */ i("div", { className: e.time, children: c.time }),
-    /* @__PURE__ */ s("div", { className: e.diagram, children: [
+}, p = ({ slots: c, header: d }) => /* @__PURE__ */ l("div", { className: e.schedule, children: [
+  /* @__PURE__ */ i("h3", { children: d }),
+  /* @__PURE__ */ i("div", { className: e.timeline, children: c.map((s, t) => /* @__PURE__ */ l(n, { children: [
+    /* @__PURE__ */ i("div", { className: e.time, children: s.time }),
+    /* @__PURE__ */ l("div", { className: e.diagram, children: [
       /* @__PURE__ */ i("span", { className: e.line }),
       /* @__PURE__ */ i("div", { className: e.dot })
     ] }),
-    /* @__PURE__ */ i("div", { className: e.description, children: c.description })
-  ] }, l)) })
+    /* @__PURE__ */ i("div", { className: e.description, children: s.description })
+  ] }, t)) })
 ] });
 export {
-  u as default
+  p as default
 };

package/dist/components/Spacer/Spacer.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+const o = ({ height: r }) => /* @__PURE__ */ t("div", { style: { height: r } });
+export {
+  o as default
+};

package/dist/components/TextBlock/TextBlock.js

@@ -1,27 +1,27 @@
 "use client";
-import { jsxs as l, jsx as c } from "react/jsx-runtime";
-import { createElement as d } from "react";
-import n from "../../utils/parse.js";
+import { jsxs as s, jsx as c } from "react/jsx-runtime";
+import { createElement as r } from "react";
+import d from "../../utils/parse.js";
 import m from "../IconDetail/IconDetail.js";
-import '../../assets/TextBlock.css';const h = "_title_1v9uh_1", _ = "_blocks_1v9uh_47", p = "_block_1v9uh_47", k = "_blockHeader_1v9uh_58", v = "_description_1v9uh_88", e = {
-  title: h,
-  blocks: _,
-  block: p,
-  blockHeader: k,
-  description: v
-}, x = ({ header: t, blocks: i }) => /* @__PURE__ */ l("div", { className: e.container, children: [
-  /* @__PURE__ */ c("h2", { className: e.title, children: t }),
-  /* @__PURE__ */ c("div", { className: e.blocks, children: i.map((s, o) => (
+import '../../assets/TextBlock.css';const _ = "_title_xfuni_1", p = "_blocks_xfuni_47", k = "_block_xfuni_47", h = "_blockHeader_xfuni_58", b = "_description_xfuni_92", e = {
+  title: _,
+  blocks: p,
+  block: k,
+  blockHeader: h,
+  description: b
+}, v = ({ header: l, blocks: t }) => /* @__PURE__ */ s("div", { className: e.container, children: [
+  /* @__PURE__ */ c("h2", { className: e.title, children: l }),
+  /* @__PURE__ */ c("div", { className: e.blocks, children: t.map((i, o) => (
     // <div className={styles.block} key={`block-${idx}`}>
-    /* @__PURE__ */ l("div", { className: e.block, children: [
-      /* @__PURE__ */ c("h3", { className: e.blockHeader, children: s.header }),
-      /* @__PURE__ */ l("div", { className: e.content, children: [
-        /* @__PURE__ */ c("div", { className: e.description, children: n(s.description) }),
-        /* @__PURE__ */ c("div", { className: e.details, children: s.details && s.details.map((a, r) => /* @__PURE__ */ d(m, { ...a, key: r })) })
+    /* @__PURE__ */ s("div", { className: e.block, children: [
+      /* @__PURE__ */ c("h3", { className: e.blockHeader, children: i.header }),
+      /* @__PURE__ */ s("div", { className: e.content, children: [
+        /* @__PURE__ */ c("div", { className: e.description, children: d(i.description) }),
+        /* @__PURE__ */ c("div", { className: e.details, children: i.details && i.details.map((a, n) => /* @__PURE__ */ r(m, { ...a, key: n })) })
       ] })
     ] }, `block-${o}`)
   )) })
 ] });
 export {
-  x as default
+  v as default
 };

package/dist/components/Timeline/Timeline.js

@@ -1,10 +1,11 @@
 "use client";
 import { jsxs as l, Fragment as g, jsx as t } from "react/jsx-runtime";
-import { useRef as a, useEffect as h } from "react";
-import { g as o, S as p } from "../../ScrollTrigger-DDbij8gI.js";
-import '../../assets/Timeline.css';const u = "_spacer_1g76i_1", f = "_timelineWrapper_1g76i_6", x = "_linePin_1g76i_12", v = "_timelineLine_1g76i_22", N = "_items_1g76i_33", y = "_item_1g76i_33", P = "_text_1g76i_49", i = {
-  spacer: u,
-  timelineWrapper: f,
+import { useRef as a, useEffect as f } from "react";
+import { g as o } from "../../index-BmTo-IS6.js";
+import { S as p } from "../../ScrollTrigger-6HnikosL.js";
+import '../../assets/Timeline.css';const h = "_spacer_1g76i_1", u = "_timelineWrapper_1g76i_6", x = "_linePin_1g76i_12", v = "_timelineLine_1g76i_22", N = "_items_1g76i_33", y = "_item_1g76i_33", P = "_text_1g76i_49", i = {
+  spacer: h,
+  timelineWrapper: u,
   linePin: x,
   timelineLine: v,
   items: N,
@@ -17,9 +18,9 @@ const W = [
   { year: "2021", text: "Major milestone" },
   { year: "2024", text: "Where we are today" }
 ];
-function L() {
+function R() {
   const s = a(null), d = a(null), m = a(null);
-  return h(() => {
+  return f(() => {
     const e = window.innerHeight, c = o.context(() => {
       p.create({
         trigger: s.current,
@@ -29,9 +30,9 @@ function L() {
         pin: d.current,
         scrub: !0,
         onUpdate: (_) => {
-          const n = _.progress;
-          let r;
-          n < 0.25 ? r = n / 0.25 * 0.5 * e : n < 0.75 ? r = 0.5 * e : r = 0.5 * e + (n - 0.75) / 0.25 * 0.5 * e, o.set(m.current, { height: r });
+          const r = _.progress;
+          let n;
+          r < 0.25 ? n = r / 0.25 * 0.5 * e : r < 0.75 ? n = 0.5 * e : n = 0.5 * e + (r - 0.75) / 0.25 * 0.5 * e, o.set(m.current, { height: n });
         }
       });
     }, s);
@@ -49,5 +50,5 @@ function L() {
   ] });
 }
 export {
-  L as default
+  R as default
 };

package/dist/components/Toolbar/Toolbar.js

@@ -1,24 +1,52 @@
 "use client";
-import { jsxs as o, jsx as i, Fragment as a } from "react/jsx-runtime";
-import d from "../../hooks/useResize.js";
-import { useState as l, useEffect as c } from "react";
-import '../../assets/Toolbar.css';const h = "_toolbar_17thg_1", m = {
-  toolbar: h
-}, g = () => {
-  const [t, n] = l(!1), s = d(), r = (e) => {
-    e.code === "KeyI" && (e.preventDefault(), e.stopPropagation(), n(!t));
+import { jsxs as e, jsx as u, Fragment as f } from "react/jsx-runtime";
+import x from "../../hooks/useResize.js";
+import { useState as i, useEffect as a } from "react";
+import '../../assets/Toolbar.css';const b = "_toolbar_17thg_1", v = {
+  toolbar: b
+}, y = () => {
+  const [o, d] = i(!0), [l, c] = i(0), n = x(), h = {
+    xxl: 1600,
+    // 1600
+    xl: 1200,
+    // 1200
+    lg: 992,
+    // 992
+    md: 800,
+    // 800
+    sm: 625,
+    // 625
+    xs: 390,
+    // 390
+    xxs: 0
+    // 0
+  }, r = (t) => {
+    t.code === "KeyI" && (t.preventDefault(), t.stopPropagation(), d(!o));
   };
-  return c(() => (window.addEventListener("keyup", r), () => window.removeEventListener("keyup", r)), [t]), t ? /* @__PURE__ */ o("div", { className: m.toolbar, children: [
-    /* @__PURE__ */ o("div", { children: [
+  return a(() => (window.addEventListener("keyup", r), () => window.removeEventListener("keyup", r)), [o]), a(() => {
+    const t = window.innerWidth;
+    let s = "xxs";
+    for (const [p, m] of Object.entries(h))
+      if (t >= m) {
+        s = p;
+        break;
+      }
+    c(s);
+  }, []), o ? /* @__PURE__ */ e("div", { className: v.toolbar, children: [
+    /* @__PURE__ */ e("div", { children: [
       "Width: ",
-      s.innerWidth
+      n.innerWidth
     ] }),
-    /* @__PURE__ */ o("div", { children: [
+    /* @__PURE__ */ e("div", { children: [
       "Height: ",
-      s.innerHeight
+      n.innerHeight
+    ] }),
+    /* @__PURE__ */ e("div", { children: [
+      "Breakpoint: ",
+      l
     ] })
-  ] }) : /* @__PURE__ */ i(a, {});
+  ] }) : /* @__PURE__ */ u(f, {});
 };
 export {
-  g as default
+  y as default
 };

package/dist/hooks/useActiveSection 2.js

@@ -0,0 +1,27 @@
+import { useState as s, useEffect as l } from "react";
+function a() {
+  const [o, r] = s < string | null > null;
+  return l(() => {
+    const c = Array.from(
+      document.querySelectorAll < HTMLElement > '[id^="section-"]'
+    ), t = new IntersectionObserver(
+      (e) => {
+        e.forEach((n) => {
+          if (n.isIntersecting) {
+            const i = n.target.id.replace("section-", "");
+            r(i);
+          }
+        });
+      },
+      {
+        root: null,
+        rootMargin: "-40% 0px -40% 0px",
+        threshold: 0
+      }
+    );
+    return c.forEach((e) => t.observe(e)), () => t.disconnect();
+  }, []), o;
+}
+export {
+  a as useActiveSection
+};

package/dist/hooks/useFadeIn 2.js

@@ -0,0 +1,52 @@
+import { useRef as f } from "react";
+import { g as s } from "../index-BmTo-IS6.js";
+import { S as g } from "../ScrollTrigger-6HnikosL.js";
+import { u as m } from "../index-K0WrPJ_C.js";
+s.registerPlugin(g);
+function b({
+  direction: u = "none",
+  // 'up' | 'down' | 'left' | 'right' | 'none'
+  distance: t = 40,
+  duration: c = 0.8,
+  delay: i = 0,
+  ease: n = "power2.out",
+  start: a = "top 85%",
+  once: p = !0
+} = {}) {
+  const r = f(null);
+  return m(
+    () => {
+      if (!r.current) return;
+      const e = { opacity: 0 }, o = {
+        opacity: 1,
+        duration: c,
+        delay: i,
+        ease: n,
+        scrollTrigger: {
+          trigger: r.current,
+          start: a,
+          once: p
+        }
+      };
+      switch (u) {
+        case "up":
+          e.y = t, o.y = 0;
+          break;
+        case "down":
+          e.y = -t, o.y = 0;
+          break;
+        case "left":
+          e.x = t, o.x = 0;
+          break;
+        case "right":
+          e.x = -t, o.x = 0;
+          break;
+      }
+      s.fromTo(r.current, e, o);
+    },
+    { scope: r }
+  ), r;
+}
+export {
+  b as useFadeIn
+};

package/dist/hooks/useFadeIn.js

@@ -1,30 +1,31 @@
-import { useRef as p } from "react";
-import { g as s, S as f } from "../ScrollTrigger-DDbij8gI.js";
-import { u as l } from "../index-BlCqcUwj.js";
-s.registerPlugin(f);
-function S({
+import { useRef as f } from "react";
+import { g as s } from "../index-BmTo-IS6.js";
+import { S as g } from "../ScrollTrigger-6HnikosL.js";
+import { u as m } from "../index-K0WrPJ_C.js";
+s.registerPlugin(g);
+function b({
   direction: u = "none",
   // 'up' | 'down' | 'left' | 'right' | 'none'
   distance: t = 40,
   duration: c = 0.8,
-  delay: n = 0,
-  ease: a = "power2.out",
-  start: i = "top 85%",
-  once: g = !0
+  delay: i = 0,
+  ease: n = "power2.out",
+  start: a = "top 85%",
+  once: p = !0
 } = {}) {
-  const r = p(null);
-  return l(
+  const r = f(null);
+  return m(
     () => {
       if (!r.current) return;
       const e = { opacity: 0 }, o = {
         opacity: 1,
         duration: c,
-        delay: n,
-        ease: a,
+        delay: i,
+        ease: n,
         scrollTrigger: {
           trigger: r.current,
-          start: i,
-          once: g
+          start: a,
+          once: p
         }
       };
       switch (u) {
@@ -47,5 +48,5 @@ function S({
   ), r;
 }
 export {
-  S as useFadeIn
+  b as useFadeIn
 };

package/dist/hooks/useNavColor 2.js

@@ -0,0 +1,15 @@
+import { useState as e, useEffect as n } from "react";
+let o = null;
+function a(t = "color-neutral-light") {
+  const [r, l] = e(t);
+  return n(() => (o = l, () => {
+    o === l && (o = null);
+  }), []), [r, l];
+}
+function f(t) {
+  o && o(t);
+}
+export {
+  f as notifyNavColor,
+  a as useNavColor
+};

package/dist/hooks/useRepeatable 2.js

@@ -0,0 +1,32 @@
+import { useState as k, useEffect as j } from "react";
+const L = ({ componentType: o, copy: l, length: a }) => {
+  const [f, i] = k([]), b = {
+    promo: {
+      header: "Header",
+      body: "Body",
+      linkUrl: "LinkUrl",
+      linkLabel: "LinkLabel",
+      icon: "Icon"
+    },
+    textBlock: {
+      title: "Title",
+      body: "Body"
+    }
+  }, n = ({ componentType: e, copy: t, i: r }) => {
+    let u = b[`${e}`], s = {};
+    for (let [d, c] of Object.entries(u))
+      s[d] = t[`${e}${c}${r + 1}`];
+    return s;
+  };
+  return j(() => {
+    let e = [];
+    for (let t = 0; t < a; t++) {
+      let r = n({ componentType: o, copy: l, i: t });
+      e.push(r);
+    }
+    i(e);
+  }, [o, l, a]), f;
+};
+export {
+  L as default
+};

package/dist/hooks/useResize 2.js

@@ -0,0 +1,19 @@
+import { useState as t, useEffect as r } from "react";
+const o = () => {
+  const [e, i] = t({
+    innerWidth: typeof window < "u" && window.innerWidth,
+    innerHeight: typeof window < "u" && window.innerHeight
+  });
+  return r(() => {
+    const n = () => {
+      i({
+        innerWidth: window.innerWidth,
+        innerHeight: window.innerHeight
+      });
+    };
+    return window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
+  }, [e]), e;
+};
+export {
+  o as default
+};

package/dist/hooks/useResponsive 2.js

@@ -0,0 +1,15 @@
+import { useState as u, useEffect as f } from "react";
+import c from "./useResize.js";
+const a = (s) => {
+  const [e, o] = u(!1), r = c(), { innerWidth: t, innerHeight: i } = r;
+  return f(() => {
+    const n = s({
+      innerWidth: t,
+      innerHeight: i
+    });
+    n !== e && o(n);
+  }, [e, t, i, s]), e;
+};
+export {
+  a as default
+};

package/dist/hooks/useReveal 2.js

@@ -0,0 +1,38 @@
+import { useRef as g, useEffect as d } from "react";
+import { g as r } from "../index-BmTo-IS6.js";
+import { S as s } from "../ScrollTrigger-6HnikosL.js";
+function h(o = {}) {
+  const t = g(null);
+  return d(() => {
+    const e = t.current;
+    if (!e) return;
+    const {
+      from: c = { opacity: 0, y: 30 },
+      to: n = { opacity: 1, y: 0, duration: 0.6, ease: "power2.out" },
+      start: i = "top 85%",
+      once: f = !0,
+      delay: a = 0
+    } = o, l = window.matchMedia(
+      "(prefers-reduced-motion: reduce)"
+    ).matches, u = r.context(() => {
+      if (l) {
+        r.set(e, n);
+        return;
+      }
+      r.fromTo(e, c, {
+        ...n,
+        delay: a,
+        scrollTrigger: {
+          trigger: o.trigger ?? e,
+          start: i,
+          toggleActions: f ? "play none none none" : "play none none reverse",
+          onEnter: () => console.log("ScrollTrigger fired for:", e)
+        }
+      });
+    });
+    return window.addEventListener("load", () => s.refresh()), setTimeout(() => s.refresh(), 500), () => u.revert();
+  }, []), t;
+}
+export {
+  h as useReveal
+};