@courtneyring/components-library 1.0.34 → 1.0.36

package/dist/components/ImageTextBlock/ImageTextBlock.js

@@ -1,36 +0,0 @@
-"use client";
-import { jsx as e, jsxs as c, Fragment as v } from "react/jsx-runtime";
-import i from "../Button/Button.js";
-import { c as u } from "../../index-B2JRaoNz.js";
-import "../../hooks/useFadeIn.js";
-import f from "../../utils/parse.js";
-import { Children as h } from "react";
-import { appleReveal as p } from "../../presets/animations.js";
-import { useReveal as g } from "../../hooks/useReveal.js";
-import { useImageReveal as N } from "../../hooks/useImageReveal.js";
-import '../../assets/ImageTextBlock.css';const k = "_container_cuob2_1", R = "_reverse_cuob2_7", x = "_content_cuob2_11", y = "_header_cuob2_16", j = "_body_cuob2_69", I = "_ctas_cuob2_121", B = "_image_cuob2_125", F = "_block_cuob2_186", o = {
-  container: k,
-  reverse: R,
-  content: x,
-  header: y,
-  body: j,
-  ctas: I,
-  image: B,
-  block: F
-}, G = ({ image: m, header: s, body: t, primaryCta: r, secondaryCta: a, reverse: l, children: n, imagePos: _ }) => {
-  const d = N(), b = g({ ...p, delay: 0.2 });
-  return /* @__PURE__ */ e("div", { className: u(o.block, l && o.reverse), children: /* @__PURE__ */ c("div", { className: o.container, children: [
-    /* @__PURE__ */ e("div", { className: o.image, ref: d, children: /* @__PURE__ */ e("img", { src: m, style: { objectPosition: _ } }) }),
-    /* @__PURE__ */ c("div", { className: o.content, ref: b, children: [
-      s && /* @__PURE__ */ e("h2", { className: o.header, children: s }),
-      t && /* @__PURE__ */ e("div", { className: o.body, children: f(t) }),
-      h.count(n) > 0 ? n : /* @__PURE__ */ e(v, { children: /* @__PURE__ */ c("div", { className: o.ctas, children: [
-        r && /* @__PURE__ */ e(i, { ...r }),
-        a && /* @__PURE__ */ e(i, { ...a })
-      ] }) })
-    ] })
-  ] }) });
-};
-export {
-  G as default
-};

package/dist/components/Navbar/Navbar.js

@@ -1,98 +0,0 @@
-"use client";
-import { jsxs as d, jsx as n } from "react/jsx-runtime";
-import { useRef as g, useState as l, useEffect as f, cloneElement as y } from "react";
-import k from "../MenuButton/MenuButton.js";
-import { r as w } from "../../index-DyQs5aC7.js";
-import N from "../Overlay/Overlay.js";
-import D from "../Container/Container.js";
-import { c as x } from "../../index-B2JRaoNz.js";
-import '../../assets/Navbar.css';const E = "_navbar_1yhdr_1", O = "_hide_1yhdr_19", Y = "_background_1yhdr_22", S = "_navbar__link_1yhdr_22", $ = "_navbar__logo_1yhdr_26", j = "_component_1yhdr_34", B = "_navbar__links_1yhdr_38", C = "_navbar__mobileDialog_1yhdr_95", F = "_open_1yhdr_107", L = "_navbar__toggle_1yhdr_118", a = {
-  navbar: E,
-  hide: O,
-  background: Y,
-  navbar__link: S,
-  navbar__logo: $,
-  component: j,
-  navbar__links: B,
-  navbar__mobileDialog: C,
-  open: F,
-  navbar__toggle: L
-}, M = {}, Q = ({
-  links: c,
-  logoImage: s,
-  backgroundColor: I,
-  color: P,
-  logoComponent: t,
-  hidden: b,
-  position: v = "absolute"
-}) => {
-  const o = g(0), [R, m] = l("up"), [e, _] = l(!1), [u, h] = l(!1);
-  f(() => (window.addEventListener("scroll", i), () => window.removeEventListener("scroll", i)), []);
-  const i = () => {
-    h(window.scrollY > 30);
-    const r = window.scrollY;
-    r - o.current !== 0 && m(r > o.current ? "down" : "up"), o.current = r > 0 ? r : 0;
-  };
-  return /* @__PURE__ */ d(
-    "nav",
-    {
-      className: x(
-        a.navbar,
-        u && a.background,
-        e && a.open,
-        // (direction === "down" || hidden) && styles.hide
-        b && a.hide
-      ),
-      style: e ? {} : { position: v },
-      children: [
-        /* @__PURE__ */ d("a", { className: a.navbar__logo, href: "/", children: [
-          s && /* @__PURE__ */ n("img", { src: s }),
-          t && y(t, {
-            className: a.component
-          })
-        ] }),
-        /* @__PURE__ */ n("div", { className: a.navbar__toggle, children: /* @__PURE__ */ n(
-          k,
-          {
-            clickFn: () => _(!e),
-            isOpen: e,
-            theme: "color-white"
-          }
-        ) }),
-        /* @__PURE__ */ n("div", { className: a.navbar__links, children: c.map((r, p) => /* @__PURE__ */ n(
-          "a",
-          {
-            className: `${a.navbar__link}`,
-            href: r.value,
-            children: r.label
-          },
-          `navbar-d-${r.value}`
-        )) }),
-        e && w.createPortal(
-          /* @__PURE__ */ n(
-            N,
-            {
-              closeFn: () => _(!1),
-              hideClose: !0,
-              background: M.white,
-              fullscreen: !0,
-              children: /* @__PURE__ */ n(D, { color: "color-white", children: /* @__PURE__ */ n("div", { className: a.navbar__mobileDialog, children: c.map((r, p) => /* @__PURE__ */ n(
-                "a",
-                {
-                  className: a.navbar__link,
-                  href: r.value,
-                  children: r.label
-                },
-                `m-${r.value}`
-              )) }) })
-            }
-          ),
-          document.body
-        )
-      ]
-    }
-  );
-};
-export {
-  Q as default
-};

package/dist/components/Note/Note.js

@@ -1,30 +0,0 @@
-"use client";
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { useReveal as i } from "../../hooks/useReveal.js";
-import { appleReveal as m } from "../../presets/animations.js";
-import _ from "../../utils/parse.js";
-import '../../assets/Note.css';const p = "_salutation_69fus_2", u = "_opener_69fus_48", f = "_from_69fus_53", d = "_body_69fus_100", N = "_close_69fus_152", h = "_signature_69fus_199", s = {
-  salutation: p,
-  opener: u,
-  from: f,
-  body: d,
-  close: N,
-  signature: h
-}, x = ({ salutation: a, from: n, body: r, signature: t, close: c }) => {
-  const l = i(m);
-  return /* @__PURE__ */ o("div", { className: s.note, ref: l, children: [
-    /* @__PURE__ */ o("p", { className: s.salutation, children: [
-      /* @__PURE__ */ o("span", { className: s.opener, children: [
-        a,
-        " "
-      ] }),
-      /* @__PURE__ */ e("span", { className: s.from, children: n })
-    ] }),
-    /* @__PURE__ */ e("div", { className: s.body, children: _(r) }),
-    /* @__PURE__ */ e("p", { className: s.close, children: c }),
-    /* @__PURE__ */ e("p", { className: s.signature, children: t })
-  ] });
-};
-export {
-  x as default
-};

package/dist/components/OverlayHero/OverlayHero.js

@@ -1,67 +0,0 @@
-"use client";
-import { jsxs as p, jsx as o } from "react/jsx-runtime";
-import y from "../../utils/parse.js";
-import { useRef as e, useEffect as z } from "react";
-import { g as t } from "../../index-BmTo-IS6.js";
-import { S as q } from "../../ScrollTrigger-6HnikosL.js";
-import N from "../../hooks/useResize.js";
-import '../../assets/OverlayHero.css';const B = "_hero_fbz3q_5", T = "_heroBg_fbz3q_34", S = "_overlay_fbz3q_42", j = "_eyebrow_fbz3q_69", k = "_title_fbz3q_76", E = "_subtitle_fbz3q_94", r = {
-  hero: B,
-  heroBg: T,
-  overlay: S,
-  eyebrow: j,
-  title: k,
-  subtitle: E
-};
-t.registerPlugin(q);
-const $ = ({ text: P, image: d, pos: g, eyebrow: c, title: b, subtitle: n }) => {
-  const { innerWidth: h } = N(), s = e(null), l = e(), a = e(null), i = e(null), u = e(null), f = e(null);
-  return z(() => {
-    const _ = s.current, v = a.current, w = window.matchMedia("(prefers-reduced-motion: reduce)").matches, m = l.current;
-    if (w || h < 390) return;
-    const R = t.context(() => {
-      t.fromTo(
-        v,
-        { opacity: 0 },
-        { opacity: 1, duration: 1.2, ease: "power2.out" }
-      );
-      const x = [i.current, u.current, f.current].filter(Boolean);
-      t.fromTo(
-        x,
-        { opacity: 0, y: 18 },
-        {
-          opacity: 1,
-          y: 0,
-          duration: 0.85,
-          ease: "power2.out",
-          stagger: 0.2,
-          delay: 0.4
-        }
-      ), t.fromTo(
-        m,
-        { scale: 1.08, opacity: 0 },
-        { scale: 1, opacity: 1, duration: 2, ease: "power1.out" }
-      ), t.to(m, {
-        y: "15%",
-        ease: "none",
-        scrollTrigger: {
-          trigger: _,
-          start: "top top",
-          end: "bottom top",
-          scrub: !0
-        }
-      });
-    }, s);
-    return () => R.revert();
-  }, []), /* @__PURE__ */ p("div", { ref: s, className: r.hero, children: [
-    /* @__PURE__ */ o("div", { ref: l, className: r.heroBg, style: { backgroundImage: `url(${d})`, backgroundPosition: g, opacity: 0 } }),
-    /* @__PURE__ */ p("div", { ref: a, className: r.overlay, style: { opacity: 0 }, children: [
-      c && /* @__PURE__ */ o("p", { ref: i, className: r.eyebrow, children: c }),
-      /* @__PURE__ */ o("h1", { ref: u, className: r.title, children: y(b) }),
-      n && /* @__PURE__ */ o("div", { ref: f, className: r.subtitle, children: y(n) })
-    ] })
-  ] });
-};
-export {
-  $ as default
-};

package/dist/components/PageContainer/PageContainer.js

@@ -1,39 +0,0 @@
-"use client";
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import '../../assets/PageContainer.css';const s = "_container__inner_18w4z_2", l = "_removePadding_18w4z_55", m = "_container__body_18w4z_59", y = "_container__copy_18w4z_74", n = {
-  container__inner: s,
-  removePadding: l,
-  container__body: m,
-  container__copy: y
-}, P = ({
-  heroImage: g,
-  pageTitle: r,
-  children: t,
-  hero: h,
-  copy: e,
-  excludePadding: c = []
-}) => {
-  const a = () => {
-    let _ = {};
-    for (let d of c)
-      _[`padding-${d}`] = 0;
-    return _;
-  };
-  return /* @__PURE__ */ i("main", { children: [
-    /* @__PURE__ */ o(
-      "div",
-      {
-        className: `${n.container__inner} ${!r && !e && n.removePadding}`,
-        style: a(),
-        children: /* @__PURE__ */ i("div", { className: n.container__copy, children: [
-          /* @__PURE__ */ o("h1", { children: r }),
-          e && /* @__PURE__ */ o("div", { className: n.container__body, children: e })
-        ] })
-      }
-    ),
-    t
-  ] });
-};
-export {
-  P as default
-};

package/dist/components/ParallaxImageGrid/ParallaxImageGrid.js

@@ -1,92 +0,0 @@
-"use client";
-import { jsx as a, jsxs as _ } from "react/jsx-runtime";
-import { useRef as o, useEffect as b } from "react";
-import { g as i } from "../../index-BmTo-IS6.js";
-import { S as w } from "../../ScrollTrigger-6HnikosL.js";
-import '../../assets/ParallaxImageGrid.css';const h = "_container_1tu23_1", R = "_center_1tu23_10", T = "_wrapper_1tu23_17", k = "_box_1tu23_29", n = {
-  container: h,
-  center: R,
-  wrapper: T,
-  box: k
-};
-i.registerPlugin(w);
-const A = ({ images: y, center: l }) => {
-  const c = o(null), u = o([]), p = o(), g = o(), x = [
-    { x: -500, y: -200 },
-    { x: -75, y: -200 },
-    { x: 200, y: 0 },
-    { x: 500, y: -200 },
-    { x: -500, y: 100 },
-    { x: -200, y: 0 },
-    { x: 75, y: 200 },
-    { x: 500, y: 200 }
-  ], f = (e) => {
-    const r = g.current.getBoundingClientRect(), t = r.width / 100 * x[e].x, s = r.height / 100 * x[e].y;
-    return { x: t, y: s };
-  };
-  return b(() => {
-    const e = i.context(() => {
-      const r = i.timeline({
-        scrollTrigger: {
-          trigger: c.current,
-          start: "top-=25% top",
-          toggleActions: "play none none none"
-          // end: "top-=10% top",
-          // end: "+=250%",
-          // scrub: true,
-        }
-      });
-      r.fromTo(
-        p.current,
-        { scale: 2, y: -200 },
-        { scale: 1, y: 0, ease: "power1.out", duration: 2 },
-        0.7
-      ), u.current.forEach((t, s) => {
-        const { x: m, y: d } = f(s);
-        r.fromTo(
-          t,
-          { x: m, y: d, opacity: 0 },
-          {
-            x: 0,
-            y: 0,
-            opacity: 1,
-            ease: "power1.out",
-            duration: 3
-          },
-          0
-        );
-      });
-    }, c);
-    return () => e.revert();
-  }, []), /* @__PURE__ */ a("div", { className: n.container, ref: c, children: /* @__PURE__ */ _("section", { className: n.wrapper, ref: g, children: [
-    y.map((e, r) => /* @__PURE__ */ a(
-      "div",
-      {
-        className: n.box,
-        ref: (t) => u.current[r] = t,
-        style: {
-          backgroundImage: `url(${e.src})`,
-          backgroundPosition: e.position,
-          backgroundSize: e.size,
-          gridArea: `area-${r + 1}`
-        }
-      },
-      r
-    )),
-    /* @__PURE__ */ a(
-      "div",
-      {
-        className: n.center,
-        ref: p,
-        style: {
-          backgroundImage: `url(${l.src})`,
-          backgroundPosition: l.position,
-          gridArea: "center"
-        }
-      }
-    )
-  ] }) });
-};
-export {
-  A as default
-};

package/dist/components/PromoGroup/PromoGroup.js

@@ -1,106 +0,0 @@
-"use client";
-import { jsxs as n, Fragment as N, jsx as a } from "react/jsx-runtime";
-import { useMemo as f } from "react";
-import "../../index-K0WrPJ_C.js";
-import "../../hooks/useFadeIn.js";
-import y from "../Button/Button.js";
-import { appleStagger as r } from "../../presets/animations.js";
-import { c as m } from "../../index-B2JRaoNz.js";
-import "../OverlayHero/OverlayHero.js";
-import "../../index-DyQs5aC7.js";
-import { useStagger as C } from "../../hooks/useStagger.js";
-import "../FloatingWordsHero/FloatingWordsHero.js";
-import "../../index.modern-DPbS1w7M.js";
-import '../../assets/PromoGroup.css';const b = "_group_tliee_2", x = "_slider_tliee_27", v = "_header_tliee_33", T = "_promo_tliee_81", $ = "_icon_tliee_131", j = "_cta_tliee_141", F = "_imageContainer_tliee_149", k = "_image_tliee_149", S = "_promo__header_tliee_161", z = "_promo__body_tliee_253", A = "_stats_tliee_300", B = "_stat_tliee_300", G = "_statText_tliee_314", e = {
-  group: b,
-  slider: x,
-  header: v,
-  promo: T,
-  icon: $,
-  cta: j,
-  imageContainer: F,
-  image: k,
-  promo__header: S,
-  promo__body: z,
-  stats: A,
-  stat: B,
-  statText: G,
-  "count-4": "_count-4_tliee_391"
-}, Q = ({ header: d, promos: s, direction: c = "vertical", slider: g }) => {
-  const h = ["icon", "header", "body", "cta", "stats", "image"], p = C(`.${e.promo}`, r.from, {
-    ...r.to,
-    stagger: r.stagger,
-    scrollTrigger: { start: r.start }
-  }), l = f(() => {
-    let t = 0;
-    for (let i of h)
-      s.some((o) => !!o[i]) && (t += 1);
-    return t;
-  }, [s]);
-  return /* @__PURE__ */ n(N, { children: [
-    /* @__PURE__ */ a("h2", { className: e.header, children: d }),
-    /* @__PURE__ */ a(
-      "div",
-      {
-        ref: p,
-        className: m(
-          e.group,
-          e[`count-${s.length}`],
-          g && e.slider
-        ),
-        style: {
-          "--promos": s.length,
-          "--propCount": c == "horizontal" ? l - 1 : l
-        },
-        children: s.map((t, i) => {
-          const o = t.containerCta ? "a" : "div";
-          return /* @__PURE__ */ n(
-            o,
-            {
-              onClick: t.containerCta?.onClick || null,
-              href: t.containerCta?.href || null,
-              target: t.containerCta?.target || null,
-              delay: 0.1 * i,
-              className: e.promo,
-              "data-color": t.color,
-              "data-text-align": t.textAlign,
-              "data-direction": c,
-              children: [
-                t.icon && /* @__PURE__ */ a(
-                  "span",
-                  {
-                    className: m(
-                      "material-symbols-outlined",
-                      e.icon,
-                      !t.icon && "hidden"
-                    ),
-                    children: t.icon
-                  }
-                ),
-                t.image && /* @__PURE__ */ a("div", { className: e.imageContainer, children: /* @__PURE__ */ a(
-                  "img",
-                  {
-                    style: { objectFit: t.imageFit },
-                    className: e.image,
-                    src: t.image
-                  }
-                ) }),
-                t.header && /* @__PURE__ */ a("h3", { className: e.promo__header, children: t.header }),
-                /* @__PURE__ */ a("p", { className: e.promo__body, children: t.body }),
-                t.cta && /* @__PURE__ */ a("div", { className: e.cta, children: /* @__PURE__ */ a(y, { ...t.cta }) }),
-                t.stats && /* @__PURE__ */ a("div", { className: e.stats, children: t.stats.map((_, u) => /* @__PURE__ */ n("div", { className: e.stat, children: [
-                  /* @__PURE__ */ a("span", { className: "material-symbols-outlined", children: _.icon }),
-                  /* @__PURE__ */ a("span", { className: e.statText, children: _.text })
-                ] }, `stat-${u}`)) })
-              ]
-            },
-            `promo-${i}`
-          );
-        })
-      }
-    )
-  ] });
-};
-export {
-  Q as default
-};

package/dist/components/Schedule/Schedule.js

@@ -1,24 +0,0 @@
-"use client";
-import { jsxs as s, jsx as i } from "react/jsx-runtime";
-import { Fragment as n } from "react";
-import '../../assets/Schedule.css';const a = "_schedule_ro9fq_2", r = "_timeline_ro9fq_79", m = "_time_ro9fq_79", o = "_dot_ro9fq_92", _ = "_diagram_ro9fq_100", h = "_line_ro9fq_106", e = {
-  schedule: a,
-  timeline: r,
-  time: m,
-  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: [
-      /* @__PURE__ */ i("span", { className: e.line }),
-      /* @__PURE__ */ i("div", { className: e.dot })
-    ] }),
-    /* @__PURE__ */ i("div", { className: e.description, children: c.description })
-  ] }, l)) })
-] });
-export {
-  u as default
-};

package/dist/components/Spacer/Spacer.js

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

package/dist/components/TextBlock/TextBlock.js

@@ -1,27 +0,0 @@
-"use client";
-import { jsxs as s, jsx as c } from "react/jsx-runtime";
-import { createElement as d } from "react";
-import n from "../../utils/parse.js";
-import m from "../IconDetail/IconDetail.js";
-import '../../assets/TextBlock.css';const _ = "_title_1riej_1", p = "_blocks_1riej_52", k = "_block_1riej_52", h = "_blockHeader_1riej_63", b = "_description_1riej_92", e = {
-  title: _,
-  blocks: p,
-  block: k,
-  blockHeader: h,
-  description: b
-}, x = ({ 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, r) => (
-    // <div className={styles.block} key={`block-${idx}`}>
-    /* @__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: n(i.description) }),
-        /* @__PURE__ */ c("div", { className: e.details, children: i.details && i.details.map((o, a) => /* @__PURE__ */ d(m, { ...o, key: a })) })
-      ] })
-    ] }, `block-${r}`)
-  )) })
-] });
-export {
-  x as default
-};

package/dist/components/Timeline/Timeline.js

@@ -1,54 +0,0 @@
-"use client";
-import { jsxs as l, Fragment as g, jsx as t } from "react/jsx-runtime";
-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,
-  item: y,
-  text: P
-};
-o.registerPlugin(p);
-const W = [
-  { year: "2019", text: "Started the journey" },
-  { year: "2021", text: "Major milestone" },
-  { year: "2024", text: "Where we are today" }
-];
-function R() {
-  const s = a(null), d = a(null), m = a(null);
-  return f(() => {
-    const e = window.innerHeight, c = o.context(() => {
-      p.create({
-        trigger: s.current,
-        start: "top top",
-        end: `+=${e * 2}`,
-        // controls how long it stays pinned
-        pin: d.current,
-        scrub: !0,
-        onUpdate: (_) => {
-          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);
-    return () => c.revert();
-  }, []), /* @__PURE__ */ l(g, { children: [
-    /* @__PURE__ */ t("div", { className: i.spacer }),
-    /* @__PURE__ */ l("section", { className: i.timelineWrapper, ref: s, children: [
-      /* @__PURE__ */ t("div", { className: i.linePin, children: /* @__PURE__ */ t("div", { className: i.timelineLine, ref: m }) }),
-      /* @__PURE__ */ t("div", { className: i.items, children: W.map((e, c) => /* @__PURE__ */ t("div", { className: i.item, children: /* @__PURE__ */ l("div", { className: i.text, children: [
-        /* @__PURE__ */ t("h3", { children: e.year }),
-        /* @__PURE__ */ t("p", { children: e.text })
-      ] }) }, c)) })
-    ] }),
-    /* @__PURE__ */ t("div", { className: i.spacer })
-  ] });
-}
-export {
-  R as default
-};

package/dist/hooks/useActiveSection.js

@@ -1,27 +0,0 @@
-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.js

@@ -1,52 +0,0 @@
-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
-};