@courtneyring/components-library 1.0.32 → 1.0.34

package/dist/hooks/useActiveSection 4.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 4.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
-};

package/dist/hooks/useImageReveal 4.js

@@ -1,55 +0,0 @@
-import { useRef as d, useEffect as g } from "react";
-import { g as r } from "../index-BmTo-IS6.js";
-import { S as n } from "../ScrollTrigger-6HnikosL.js";
-function T(s = {}) {
-  const t = d(null);
-  return g(() => {
-    const o = t.current;
-    if (!o) return;
-    const {
-      start: i = "top 85%",
-      once: c = !0,
-      duration: a = 2,
-      ease: l = "power2.out",
-      color: u = "#ffffff"
-    } = s, f = window.matchMedia(
-      "(prefers-reduced-motion: reduce)"
-    ).matches, e = document.createElement("div");
-    e.style.cssText = `
-      position: absolute;
-      inset: 0;
-      background: ${u};
-      z-index: 1;
-      pointer-events: none;
-    `, o.style.position = "relative", o.appendChild(e);
-    const m = r.context(() => {
-      if (f) {
-        e.remove();
-        return;
-      }
-      r.fromTo(
-        e,
-        { opacity: 1 },
-        {
-          opacity: 0,
-          duration: a,
-          ease: l,
-          scrollTrigger: {
-            trigger: o,
-            start: i,
-            toggleActions: c ? "play none none none" : "play none none reverse"
-          },
-          onComplete: () => e.remove()
-        }
-      );
-    });
-    window.addEventListener("load", () => n.refresh());
-    const p = setTimeout(() => n.refresh(), 500);
-    return () => {
-      m.revert(), e.remove(), clearTimeout(p);
-    };
-  }, []), t;
-}
-export {
-  T as useImageReveal
-};

package/dist/hooks/useNavColor 4.js

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

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

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

package/dist/hooks/useResponsive 4.js

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

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

package/dist/hooks/useStagger 4.js

@@ -1,43 +0,0 @@
-import { useRef as g, useEffect as l } from "react";
-import { g as e } from "../index-BmTo-IS6.js";
-function y(c, i = {}, n = {}, r = !0) {
-  const o = g(null);
-  return l(() => {
-    if (!r) return;
-    const t = o.current;
-    if (!t) return;
-    const u = window.matchMedia(
-      "(prefers-reduced-motion: reduce)"
-    ).matches, { scrollTrigger: a, ...f } = n, p = e.context(() => {
-      const s = e.utils.toArray(c, t);
-      if (u) {
-        e.set(s, { opacity: 1, y: 0, scale: 1 });
-        return;
-      }
-      e.fromTo(
-        s,
-        { opacity: 0, y: 20, scale: 0.98, ...i },
-        {
-          opacity: 1,
-          y: 0,
-          scale: 1,
-          stagger: 0.1,
-          duration: 0.5,
-          ease: "power2.out",
-          ...f,
-          scrollTrigger: {
-            trigger: t,
-            // ← always keep el as trigger
-            start: "top 85%",
-            ...a
-            // ← merge in start/other overrides on top
-          }
-        }
-      );
-    }, t);
-    return () => p.revert();
-  }, [r]), o;
-}
-export {
-  y as useStagger
-};

package/dist/index 2.js

@@ -1,50 +0,0 @@
-import { default as r } from "./components/PromoGroup/PromoGroup.js";
-import { default as t } from "./components/Background/Background.js";
-import { default as l } from "./components/Banner/Banner.js";
-import { default as d } from "./components/Button/Button.js";
-import { default as p } from "./components/Container/Container.js";
-import { default as s } from "./components/Fifty/Fifty.js";
-import { default as c } from "./components/Footer/Footer.js";
-import { default as B } from "./components/ImageTextBlock/ImageTextBlock.js";
-import { default as y } from "./components/OverlayHero/OverlayHero.js";
-import { default as g } from "./components/Note/Note.js";
-import { default as F } from "./components/MenuButton/MenuButton.js";
-import { default as S } from "./components/Navbar/Navbar.js";
-import { default as C } from "./components/IconDetail/IconDetail.js";
-import { default as H } from "./components/Overlay/Overlay.js";
-import { default as M } from "./components/GenericOverlay/GenericOverlay.js";
-import { default as P } from "./components/Toolbar/Toolbar.js";
-import { default as w } from "./components/TextBlock/TextBlock.js";
-import { default as D } from "./components/RSVPEmbed/RSVPEmbed.js";
-import { default as R } from "./components/Accordion/Accordion.js";
-import { default as W } from "./components/Schedule/Schedule.js";
-import { default as q } from "./components/Countdown/Countdown.js";
-import { default as J } from "./components/FloatingWordsHero/FloatingWordsHero.js";
-import { default as L } from "./components/Map/Map.js";
-import { default as U } from "./components/Spacer/Spacer.js";
-export {
-  R as Accordion,
-  t as Background,
-  l as Banner,
-  d as Button,
-  p as Container,
-  q as Countdown,
-  s as Fifty,
-  J as FloatingWordsHero,
-  c as Footer,
-  M as GenericOverlay,
-  C as IconDetail,
-  B as ImageTextBlock,
-  L as Map,
-  F as MenuButton,
-  S as Navbar,
-  g as Note,
-  H as Overlay,
-  y as OverlayHero,
-  r as PromoGroup,
-  D as RSVPEmbed,
-  W as Schedule,
-  U as Spacer,
-  w as TextBlock,
-  P as Toolbar
-};