@courtneyring/components-library 1.0.34 → 1.0.35

package/dist/components/PinnedImage/PinnedImage.js

@@ -1,11 +1,11 @@
 "use client";
-import { jsxs as u, jsx as t } from "react/jsx-runtime";
-import { useRef as i, useEffect as x, createElement as y } from "react";
+import { jsxs as _, jsx as t } from "react/jsx-runtime";
+import { useRef as s, useEffect as x, createElement as y } from "react";
 import q from "../IconDetail/IconDetail.js";
 import { g as a } from "../../index-BmTo-IS6.js";
 import { S as v } from "../../ScrollTrigger-6HnikosL.js";
 import N from "../../utils/parse.js";
-import '../../assets/PinnedImage.css';const b = "_container_q2g9x_2", k = "_content_q2g9x_122", P = "_copy_q2g9x_130", R = "_text_q2g9x_165", S = "_title_q2g9x_220", T = "_background_q2g9x_271", E = "_section_q2g9x_283", H = "_details_q2g9x_315", e = {
+import '../../assets/PinnedImage.css';const b = "_container_i1qiu_2", k = "_content_i1qiu_122", P = "_copy_i1qiu_130", R = "_text_i1qiu_165", S = "_title_i1qiu_220", T = "_background_i1qiu_271", E = "_section_i1qiu_283", H = "_details_i1qiu_315", e = {
   container: b,
   content: k,
   copy: P,
@@ -16,17 +16,17 @@ import '../../assets/PinnedImage.css';const b = "_container_q2g9x_2", k = "_cont
   details: H
 };
 a.registerPlugin(v);
-const W = ({ image: g, title: _, sections: f }) => {
-  const o = i(null);
-  i(null);
-  const l = i([]), m = i();
+const W = ({ image: u, title: g, sections: f }) => {
+  const r = s(null);
+  s(null);
+  const l = s([]), m = s();
   return x(() => {
     const n = a.context(() => {
-      const c = l.current, r = Math.max(...c.map((s) => s.offsetHeight));
-      a.set(m.current, { minHeight: r });
-      const d = o.current.offsetTop, h = a.timeline({
+      const i = l.current, c = Math.max(...i.map((o) => o.offsetHeight));
+      a.set(m.current, { minHeight: c });
+      const d = r.current.offsetTop, h = a.timeline({
         scrollTrigger: {
-          trigger: o.current,
+          trigger: r.current,
           start: `top-=${d} top`,
           end: `+=${l.current.length * 100}%`,
           // controls scroll length
@@ -35,40 +35,40 @@ const W = ({ image: g, title: _, sections: f }) => {
           anticipatePin: 1
         }
       });
-      c.forEach((s, p) => {
+      i.forEach((o, p) => {
         h.fromTo(
-          s,
+          o,
           { opacity: p === 0 ? 1 : 0 },
           { opacity: 1, duration: 0.5 }
         ).to(
-          s,
-          { opacity: p === c.length - 1 ? 1 : 0, duration: 0.5 },
+          o,
+          { opacity: p === i.length - 1 ? 1 : 0, duration: 0.5 },
           "+=0.75"
         );
       });
-    }, o);
+    }, r);
     return () => n.revert();
-  }, []), /* @__PURE__ */ u(
+  }, []), /* @__PURE__ */ _(
     "div",
     {
       className: e.container,
-      ref: o,
-      style: { backgroundImage: `url(${g})` },
+      ref: r,
+      style: { backgroundImage: `url(${u})` },
       children: [
-        /* @__PURE__ */ t("h2", { className: e.title, children: _ }),
-        /* @__PURE__ */ t("div", { className: e.background, children: /* @__PURE__ */ t("img", { src: g }) }),
-        /* @__PURE__ */ t("div", { className: e.content, ref: m, children: /* @__PURE__ */ t("div", { className: e.copy, children: f.map((n, c) => /* @__PURE__ */ u(
+        /* @__PURE__ */ t("h2", { className: e.title, children: g }),
+        /* @__PURE__ */ t("div", { className: e.background, children: /* @__PURE__ */ t("img", { src: u }) }),
+        /* @__PURE__ */ t("div", { className: e.content, ref: m, children: /* @__PURE__ */ t("div", { className: e.copy, children: f.map((n, i) => /* @__PURE__ */ _(
           "div",
           {
             className: e.section,
-            ref: (r) => l.current[c] = r,
+            ref: (c) => l.current[i] = c,
             children: [
               /* @__PURE__ */ t("h3", { children: n.header }),
               /* @__PURE__ */ t("div", { className: e.text, children: N(n.description) }),
-              /* @__PURE__ */ t("div", { className: e.details, children: n.details && n.details.map((r, d) => /* @__PURE__ */ y(q, { ...r, key: d })) })
+              /* @__PURE__ */ t("div", { className: e.details, children: n.details && n.details.map((c, d) => /* @__PURE__ */ y(q, { ...c, key: d })) })
             ]
           },
-          c
+          i
         )) }) })
       ]
     }

package/dist/components/PromoGroup/PromoGroup.js

@@ -1,42 +1,43 @@
 "use client";
 import { jsxs as n, Fragment as N, jsx as a } from "react/jsx-runtime";
-import { useMemo as f } from "react";
+import { useMemo as q } from "react";
 import "../../index-K0WrPJ_C.js";
 import "../../hooks/useFadeIn.js";
-import y from "../Button/Button.js";
+import f 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 { useStagger as y } 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, {
+import '../../assets/PromoGroup.css';const C = "_group_iq3ie_2", b = "_slider_iq3ie_27", x = "_header_iq3ie_33", v = "_promo_iq3ie_81", T = "_icon_iq3ie_131", $ = "_cta_iq3ie_141", j = "_imageContainer_iq3ie_149", F = "_image_iq3ie_149", k = "_promo__header_iq3ie_161", S = "_promo__body_iq3ie_253", z = "_stats_iq3ie_300", A = "_stat_iq3ie_300", B = "_statText_iq3ie_314", e = {
+  group: C,
+  slider: b,
+  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_iq3ie_381",
+  "count-2": "_count-2_iq3ie_381"
+}, Q = ({ header: d, promos: i, direction: c = "vertical", slider: g }) => {
+  const h = ["icon", "header", "body", "cta", "stats", "image"], p = y(`.${e.promo}`, r.from, {
     ...r.to,
     stagger: r.stagger,
     scrollTrigger: { start: r.start }
-  }), l = f(() => {
+  }), l = q(() => {
     let t = 0;
-    for (let i of h)
-      s.some((o) => !!o[i]) && (t += 1);
+    for (let s of h)
+      i.some((o) => !!o[s]) && (t += 1);
     return t;
-  }, [s]);
+  }, [i]);
   return /* @__PURE__ */ n(N, { children: [
     /* @__PURE__ */ a("h2", { className: e.header, children: d }),
     /* @__PURE__ */ a(
@@ -45,14 +46,14 @@ import '../../assets/PromoGroup.css';const b = "_group_tliee_2", x = "_slider_tl
         ref: p,
         className: m(
           e.group,
-          e[`count-${s.length}`],
+          e[`count-${i.length}`],
           g && e.slider
         ),
         style: {
-          "--promos": s.length,
+          "--promos": i.length,
           "--propCount": c == "horizontal" ? l - 1 : l
         },
-        children: s.map((t, i) => {
+        children: i.map((t, s) => {
           const o = t.containerCta ? "a" : "div";
           return /* @__PURE__ */ n(
             o,
@@ -60,7 +61,7 @@ import '../../assets/PromoGroup.css';const b = "_group_tliee_2", x = "_slider_tl
               onClick: t.containerCta?.onClick || null,
               href: t.containerCta?.href || null,
               target: t.containerCta?.target || null,
-              delay: 0.1 * i,
+              delay: 0.1 * s,
               className: e.promo,
               "data-color": t.color,
               "data-text-align": t.textAlign,
@@ -87,14 +88,14 @@ import '../../assets/PromoGroup.css';const b = "_group_tliee_2", x = "_slider_tl
                 ) }),
                 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.cta && /* @__PURE__ */ a("div", { className: e.cta, children: /* @__PURE__ */ a(f, { ...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}`
+            `promo-${s}`
           );
         })
       }

package/dist/components/RSVPEmbed/RSVPEmbed.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as n } from "react/jsx-runtime";
 import { useRef as s, useEffect as a } from "react";
-import '../../assets/RSVPEmbed.css';const o = "_container_g8yt4_1", i = "_wrapper_g8yt4_5", t = {
+import '../../assets/RSVPEmbed.css';const o = "_container_u6rv2_1", i = "_wrapper_u6rv2_5", t = {
   container: o,
   wrapper: i
 };

package/dist/components/Schedule/Schedule.js

@@ -1,24 +1,24 @@
 "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,
+import { Fragment as l } from "react";
+import '../../assets/Schedule.css';const n = "_schedule_rm7y9_2", a = "_timeline_rm7y9_79", r = "_time_rm7y9_79", o = "_dot_rm7y9_92", _ = "_diagram_rm7y9_100", h = "_line_rm7y9_106", e = {
+  schedule: n,
+  timeline: a,
+  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 }),
+}, y = ({ slots: c, header: d }) => /* @__PURE__ */ s("div", { className: e.schedule, children: [
+  /* @__PURE__ */ i("h3", { children: d }),
+  /* @__PURE__ */ i("div", { className: e.timeline, children: c.map((m, t) => /* @__PURE__ */ s(l, { children: [
+    /* @__PURE__ */ i("div", { className: e.time, children: m.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)) })
+    /* @__PURE__ */ i("div", { className: e.description, children: m.description })
+  ] }, t)) })
 ] });
 export {
-  u as default
+  y as default
 };

package/dist/components/TextBlock/TextBlock.js

@@ -1,27 +1,27 @@
 "use client";
-import { jsxs as s, jsx as c } from "react/jsx-runtime";
+import { jsxs as i, jsx as s } 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 = {
+import '../../assets/TextBlock.css';const _ = "_title_1iuzs_1", p = "_blocks_1iuzs_52", k = "_block_1iuzs_52", h = "_blockHeader_1iuzs_63", b = "_description_1iuzs_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) => (
+}, z = ({ header: l, blocks: t }) => /* @__PURE__ */ i("div", { className: e.container, children: [
+  /* @__PURE__ */ s("h2", { className: e.title, children: l }),
+  /* @__PURE__ */ s("div", { className: e.blocks, children: t.map((c, o) => (
     // <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 })) })
+    /* @__PURE__ */ i("div", { className: e.block, children: [
+      /* @__PURE__ */ s("h3", { className: e.blockHeader, children: c.header }),
+      /* @__PURE__ */ i("div", { className: e.content, children: [
+        /* @__PURE__ */ s("div", { className: e.description, children: n(c.description) }),
+        /* @__PURE__ */ s("div", { className: e.details, children: c.details && c.details.map((a, r) => /* @__PURE__ */ d(m, { ...a, key: r })) })
       ] })
-    ] }, `block-${r}`)
+    ] }, `block-${o}`)
   )) })
 ] });
 export {
-  x as default
+  z as default
 };

package/dist/hooks/useActiveSection 4.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 4.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/useImageReveal 4.js

@@ -0,0 +1,55 @@
+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

@@ -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 4.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 4.js

@@ -0,0 +1,23 @@
+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

@@ -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 4.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
+};

package/dist/hooks/useStagger 4.js

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

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