@courtneyring/components-library 1.0.29 → 1.0.31

package/dist/components/MenuButton/MenuButton.js

@@ -1,38 +1,38 @@
 "use client";
-import { jsxs as i, jsx as s } from "react/jsx-runtime";
-import { c as t } from "../../index-BIlioXmW.js";
-import '../../assets/MenuButton.css';const a = "_button_zo0en_1", c = "_isOpen_zo0en_6", _ = "_top_zo0en_6", d = "_bottom_zo0en_7", m = "_middle_zo0en_25", p = "_line_zo0en_33", o = {
-  button: a,
-  isOpen: c,
-  top: _,
-  bottom: d,
-  middle: m,
-  line: p
-}, u = ({ isOpen: e, clickFn: l, theme: n }) => /* @__PURE__ */ i(
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import { c as o } from "../../index-B2JRaoNz.js";
+import '../../assets/MenuButton.css';const m = "_button_y3m6p_1", a = "_isOpen_y3m6p_6", c = "_top_y3m6p_6", _ = "_bottom_y3m6p_7", p = "_middle_y3m6p_25", d = "_line_y3m6p_33", t = {
+  button: m,
+  isOpen: a,
+  top: c,
+  bottom: _,
+  middle: p,
+  line: d
+}, u = ({ isOpen: l, clickFn: e, theme: s }) => /* @__PURE__ */ i(
   "button",
   {
-    className: t(o.button, e && o.isOpen),
-    onClick: l,
+    className: o(t.button, l && t.isOpen),
+    onClick: e,
     children: [
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ n(
         "div",
         {
-          className: t(o.top, o.line),
-          "data-color": n
+          className: o(t.top, t.line),
+          "data-color": s
         }
       ),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ n(
         "div",
         {
-          className: t(o.middle, o.line),
-          "data-color": n
+          className: o(t.middle, t.line),
+          "data-color": s
         }
       ),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ n(
         "div",
         {
-          className: t(o.bottom, o.line),
-          "data-color": n
+          className: o(t.bottom, t.line),
+          "data-color": s
         }
       )
     ]

package/dist/components/Navbar/Navbar.js

@@ -1,78 +1,85 @@
 "use client";
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import { useRef as h, useState as l, useEffect as g, cloneElement as k } from "react";
-import w from "../MenuButton/MenuButton.js";
+import { jsxs as b, jsx as e } from "react/jsx-runtime";
+import { useRef as p, useState as l, useEffect as g, cloneElement as w } from "react";
+import k from "../MenuButton/MenuButton.js";
 import { r as N } from "../../index-DyQs5aC7.js";
 import D from "../Overlay/Overlay.js";
 import x from "../Container/Container.js";
-import { c as E } from "../../index-BIlioXmW.js";
-import { useNavColor as C } from "../../hooks/useNavColor.js";
-import '../../assets/Navbar.css';const O = "_navbar_15cfv_1", Y = "_hide_15cfv_4", y = "_background_15cfv_24", S = "_open_15cfv_24", $ = "_navbar__link_15cfv_27", j = "_navbar__logo_15cfv_31", B = "_component_15cfv_41", F = "_navbar__links_15cfv_71", L = "_navbar__mobileDialog_15cfv_83", M = "_navbar__toggle_15cfv_99", o = {
-  navbar: O,
-  hide: Y,
-  background: y,
+import { c as E } from "../../index-B2JRaoNz.js";
+import '../../assets/Navbar.css';const y = "_navbar_hb3wf_1", O = "_hide_hb3wf_4", Y = "_background_hb3wf_27", S = "_open_hb3wf_27", $ = "_navbar__link_hb3wf_31", j = "_navbar__logo_hb3wf_35", B = "_component_hb3wf_48", C = "_navbar__links_hb3wf_52", F = "_navbar__mobileDialog_hb3wf_110", L = "_navbar__toggle_hb3wf_123", n = {
+  navbar: y,
+  hide: O,
+  background: Y,
   open: S,
   navbar__link: $,
   navbar__logo: j,
   component: B,
-  navbar__links: F,
-  navbar__mobileDialog: L,
-  navbar__toggle: M
-}, I = {}, T = ({ links: t, logoImage: s, color: P, logoComponent: _ }) => {
-  const e = h(0), [b, m] = l("up"), [n, i] = l(!1), [u, R] = C(), [c, f] = l(!1);
-  g(() => (window.addEventListener("scroll", v), () => window.removeEventListener("scroll", v)), []);
-  const v = () => {
-    f(window.scrollY > 30);
+  navbar__links: C,
+  navbar__mobileDialog: F,
+  navbar__toggle: L
+}, M = {}, Q = ({
+  links: c,
+  logoImage: s,
+  backgroundColor: I,
+  color: P,
+  logoComponent: t,
+  hidden: d,
+  position: v = "absolute"
+}) => {
+  const o = p(0), [R, m] = l("up"), [r, _] = l(!1), [u, h] = l(!1);
+  g(() => (window.addEventListener("scroll", i), () => window.removeEventListener("scroll", i)), []);
+  const i = () => {
+    h(window.scrollY > 30);
     const a = window.scrollY;
-    a - e.current !== 0 && m(a > e.current ? "down" : "up"), e.current = a > 0 ? a : 0;
+    a - o.current !== 0 && m(a > o.current ? "down" : "up"), o.current = a > 0 ? a : 0;
   };
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ b(
     "nav",
     {
       className: E(
-        o.navbar,
-        c && o.background,
-        n && o.open,
-        b === "down" && o.hide
+        n.navbar,
+        u && n.background,
+        r && n.open,
+        // (direction === "down" || hidden) && styles.hide
+        d && n.hide
       ),
+      style: r ? {} : { position: v },
       children: [
-        /* @__PURE__ */ d("a", { className: o.navbar__logo, href: "/", children: [
-          s && /* @__PURE__ */ r("img", { src: s }),
-          _ && k(_, {
-            className: o.component,
-            "data-color": !c || n ? "color-white" : "color-neutral-dark"
+        /* @__PURE__ */ b("a", { className: n.navbar__logo, href: "/", children: [
+          s && /* @__PURE__ */ e("img", { src: s }),
+          t && w(t, {
+            className: n.component
           })
         ] }),
-        /* @__PURE__ */ r("div", { className: o.navbar__toggle, children: /* @__PURE__ */ r(
-          w,
+        /* @__PURE__ */ e("div", { className: n.navbar__toggle, children: /* @__PURE__ */ e(
+          k,
           {
-            clickFn: () => i(!n),
-            isOpen: n,
-            theme: !c || n ? "color-white" : "color-neutral-dark"
+            clickFn: () => _(!r),
+            isOpen: r,
+            theme: "color-white"
           }
         ) }),
-        /* @__PURE__ */ r("div", { className: o.navbar__links, children: t.map((a, p) => /* @__PURE__ */ r(
+        /* @__PURE__ */ e("div", { className: n.navbar__links, children: c.map((a, f) => /* @__PURE__ */ e(
           "a",
           {
-            className: `${o.navbar__link}`,
+            className: `${n.navbar__link}`,
             href: a.value,
-            "data-color": u,
             children: a.label
           },
           `navbar-d-${a.value}`
         )) }),
-        n && N.createPortal(
-          /* @__PURE__ */ r(
+        r && N.createPortal(
+          /* @__PURE__ */ e(
             D,
             {
-              closeFn: () => i(!1),
+              closeFn: () => _(!1),
               hideClose: !0,
-              background: I.white,
+              background: M.white,
               fullscreen: !0,
-              children: /* @__PURE__ */ r(x, { color: "color-white", children: /* @__PURE__ */ r("div", { className: o.navbar__mobileDialog, children: t.map((a, p) => /* @__PURE__ */ r(
+              children: /* @__PURE__ */ e(x, { color: "color-white", children: /* @__PURE__ */ e("div", { className: n.navbar__mobileDialog, children: c.map((a, f) => /* @__PURE__ */ e(
                 "a",
                 {
-                  className: o.navbar__link,
+                  className: n.navbar__link,
                   href: a.value,
                   children: a.label
                 },
@@ -87,5 +94,5 @@ import '../../assets/Navbar.css';const O = "_navbar_15cfv_1", Y = "_hide_15cfv_4
   );
 };
 export {
-  T as default
+  Q as default
 };

package/dist/components/Note/Note.js

@@ -1,26 +1,30 @@
 "use client";
-import { jsx as o, jsxs as e } from "react/jsx-runtime";
-import l from "../../utils/parse.js";
-import i from "../../animations/FadeInMotion.js";
-import '../../assets/Note.css';const m = "_salutation_13agx_2", _ = "_opener_13agx_43", d = "_from_13agx_48", p = "_body_13agx_90", g = "_close_13agx_137", u = "_signature_13agx_179", s = {
-  salutation: m,
-  opener: _,
-  from: d,
-  body: p,
-  close: g,
-  signature: u
-}, N = ({ salutation: a, from: n, body: t, signature: r, close: c }) => /* @__PURE__ */ o(i, { children: /* @__PURE__ */ e("div", { className: s.note, children: [
-  /* @__PURE__ */ e("p", { className: s.salutation, children: [
-    /* @__PURE__ */ e("span", { className: s.opener, children: [
-      a,
-      " "
+import { jsxs as e, jsx as s } 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_tq8oj_2", d = "_opener_tq8oj_49", u = "_from_tq8oj_54", f = "_body_tq8oj_96", j = "_close_tq8oj_149", N = "_signature_tq8oj_197", o = {
+  salutation: p,
+  opener: d,
+  from: u,
+  body: f,
+  close: j,
+  signature: N
+}, g = ({ salutation: t, from: a, body: n, signature: r, close: c }) => {
+  const l = i(m);
+  return /* @__PURE__ */ e("div", { className: o.note, ref: l, children: [
+    /* @__PURE__ */ e("p", { className: o.salutation, children: [
+      /* @__PURE__ */ e("span", { className: o.opener, children: [
+        t,
+        " "
+      ] }),
+      /* @__PURE__ */ s("span", { className: o.from, children: a })
     ] }),
-    /* @__PURE__ */ o("span", { className: s.from, children: n })
-  ] }),
-  /* @__PURE__ */ o("div", { className: s.body, children: l(t) }),
-  /* @__PURE__ */ o("p", { className: s.close, children: c }),
-  /* @__PURE__ */ o("p", { className: s.signature, children: r })
-] }) });
+    /* @__PURE__ */ s("div", { className: o.body, children: _(n) }),
+    /* @__PURE__ */ s("p", { className: o.close, children: c }),
+    /* @__PURE__ */ s("p", { className: o.signature, children: r })
+  ] });
+};
 export {
-  N as default
+  g as default
 };

package/dist/components/Overlay/Overlay.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as r, jsx as s } from "react/jsx-runtime";
 import { useState as v, useEffect as u } from "react";
-import { c as m } from "../../index-BIlioXmW.js";
+import { c as m } from "../../index-B2JRaoNz.js";
 import '../../assets/Overlay.css';const i = "_overlay_m36se_17", y = "_hideNav_m36se_43", f = "_overlay__dialog_m36se_43", N = "_overlay__background_m36se_47", h = "_fadeIn_m36se_1", O = "_fadeOut_m36se_57", g = "_overlay__close_m36se_80", b = "_fullscreen_m36se_103", e = {
   overlay: i,
   hideNav: y,

package/dist/components/OverlayHero/OverlayHero.js

@@ -2,12 +2,12 @@
 import { jsx as t, jsxs as c } from "react/jsx-runtime";
 import s from "../../utils/parse.js";
 import "react";
-import '../../assets/OverlayHero.css';const n = "_hero_1f1qw_5", _ = "_overlay_1f1qw_17", d = "_eyebrow_1f1qw_42", m = "_title_1f1qw_49", h = "_subtitle_1f1qw_67", e = {
+import '../../assets/OverlayHero.css';const n = "_hero_18ghz_5", h = "_overlay_18ghz_17", _ = "_eyebrow_18ghz_46", d = "_title_18ghz_53", m = "_subtitle_18ghz_71", e = {
   hero: n,
-  overlay: _,
-  eyebrow: d,
-  title: m,
-  subtitle: h
+  overlay: h,
+  eyebrow: _,
+  title: d,
+  subtitle: m
 }, v = ({ text: y, image: l, pos: a, eyebrow: r, title: i, subtitle: o }) => /* @__PURE__ */ t(
   "div",
   {

package/dist/components/PageContainer/PageContainer.js

@@ -1,15 +1,15 @@
 "use client";
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import '../../assets/PageContainer.css';const s = "_container__inner_1f10x_2", l = "_removePadding_1f10x_47", m = "_container__body_1f10x_51", y = "_container__copy_1f10x_66", n = {
+import '../../assets/PageContainer.css';const s = "_container__inner_9nloq_2", l = "_removePadding_9nloq_47", m = "_container__body_9nloq_51", y = "_container__copy_9nloq_66", n = {
   container__inner: s,
   removePadding: l,
   container__body: m,
   container__copy: y
-}, x = ({
-  heroImage: f,
+}, P = ({
+  heroImage: g,
   pageTitle: r,
   children: t,
-  hero: g,
+  hero: h,
   copy: e,
   excludePadding: c = []
 }) => {
@@ -35,5 +35,5 @@ import '../../assets/PageContainer.css';const s = "_container__inner_1f10x_2", l
   ] });
 };
 export {
-  x as default
+  P as default
 };

package/dist/components/ParallaxImageGrid/ParallaxImageGrid.js

@@ -1,7 +1,8 @@
 "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, S as w } from "../../ScrollTrigger-DDbij8gI.js";
+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,
@@ -9,7 +10,7 @@ import '../../assets/ParallaxImageGrid.css';const h = "_container_1tu23_1", R =
   box: k
 };
 i.registerPlugin(w);
-const N = ({ images: y, center: l }) => {
+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 },
@@ -87,5 +88,5 @@ const N = ({ images: y, center: l }) => {
   ] }) });
 };
 export {
-  N as default
+  A as default
 };

package/dist/components/PinnedImage/PinnedImage.js

@@ -1,29 +1,30 @@
 "use client";
 import { jsxs as _, jsx as t } from "react/jsx-runtime";
-import { useRef as i, useEffect as x, createElement as y } from "react";
-import v from "../IconDetail/IconDetail.js";
-import { g as a, S as N } from "../../ScrollTrigger-DDbij8gI.js";
-import b from "../../utils/parse.js";
-import '../../assets/PinnedImage.css';const k = "_container_trrr1_2", P = "_content_trrr1_114", R = "_copy_trrr1_122", S = "_text_trrr1_158", T = "_title_trrr1_207", E = "_background_trrr1_253", H = "_section_trrr1_265", I = "_details_trrr1_297", e = {
-  container: k,
-  content: P,
-  copy: R,
-  text: S,
-  title: T,
-  background: E,
-  section: H,
-  details: I
+import { useRef as s, useEffect as k, createElement as x } from "react";
+import y from "../IconDetail/IconDetail.js";
+import { g as i } from "../../index-BmTo-IS6.js";
+import { S as q } from "../../ScrollTrigger-6HnikosL.js";
+import v from "../../utils/parse.js";
+import '../../assets/PinnedImage.css';const N = "_container_19qak_2", b = "_content_19qak_114", P = "_copy_19qak_122", R = "_text_19qak_162", S = "_title_19qak_218", T = "_background_19qak_264", E = "_section_19qak_276", H = "_details_19qak_308", e = {
+  container: N,
+  content: b,
+  copy: P,
+  text: R,
+  title: S,
+  background: T,
+  section: E,
+  details: H
 };
-a.registerPlugin(N);
+i.registerPlugin(q);
 const W = ({ image: m, title: g, sections: f }) => {
-  const o = i(null);
-  i(null);
-  const l = i([]), p = i();
-  return x(() => {
-    const r = a.context(() => {
-      const n = l.current, c = Math.max(...n.map((s) => s.offsetHeight));
-      a.set(p.current, { minHeight: c });
-      const d = o.current.offsetTop, h = a.timeline({
+  const o = s(null);
+  s(null);
+  const l = s([]), p = s();
+  return k(() => {
+    const n = i.context(() => {
+      const c = l.current, r = Math.max(...c.map((a) => a.offsetHeight));
+      i.set(p.current, { minHeight: r });
+      const d = o.current.offsetTop, h = i.timeline({
         scrollTrigger: {
           trigger: o.current,
           start: `top-=${d} top`,
@@ -34,19 +35,19 @@ const W = ({ image: m, title: g, sections: f }) => {
           anticipatePin: 1
         }
       });
-      n.forEach((s, u) => {
+      c.forEach((a, u) => {
         h.fromTo(
-          s,
+          a,
           { opacity: u === 0 ? 1 : 0 },
           { opacity: 1, duration: 0.5 }
         ).to(
-          s,
-          { opacity: u === n.length - 1 ? 1 : 0, duration: 0.5 },
+          a,
+          { opacity: u === c.length - 1 ? 1 : 0, duration: 0.5 },
           "+=0.75"
         );
       });
     }, o);
-    return () => r.revert();
+    return () => n.revert();
   }, []), /* @__PURE__ */ _(
     "div",
     {
@@ -56,18 +57,18 @@ const W = ({ image: m, title: g, sections: f }) => {
       children: [
         /* @__PURE__ */ t("h2", { className: e.title, children: g }),
         /* @__PURE__ */ t("div", { className: e.background, children: /* @__PURE__ */ t("img", { src: m }) }),
-        /* @__PURE__ */ t("div", { className: e.content, ref: p, children: /* @__PURE__ */ t("div", { className: e.copy, children: f.map((r, n) => /* @__PURE__ */ _(
+        /* @__PURE__ */ t("div", { className: e.content, ref: p, children: /* @__PURE__ */ t("div", { className: e.copy, children: f.map((n, c) => /* @__PURE__ */ _(
           "div",
           {
             className: e.section,
-            ref: (c) => l.current[n] = c,
+            ref: (r) => l.current[c] = r,
             children: [
-              /* @__PURE__ */ t("h3", { children: r.header }),
-              /* @__PURE__ */ t("div", { className: e.text, children: b(r.description) }),
-              /* @__PURE__ */ t("div", { className: e.details, children: r.details && r.details.map((c, d) => /* @__PURE__ */ y(v, { ...c, key: d })) })
+              /* @__PURE__ */ t("h3", { children: n.header }),
+              /* @__PURE__ */ t("div", { className: e.text, children: v(n.description) }),
+              /* @__PURE__ */ t("div", { className: e.details, children: n.details && n.details.map((r, d) => /* @__PURE__ */ x(y, { ...r, key: d })) })
             ]
           },
-          n
+          c
         )) }) })
       ]
     }

package/dist/components/PromoGroup/PromoGroup.js

@@ -1,56 +1,104 @@
 "use client";
-import { jsxs as c, Fragment as l, jsx as t } 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 m } 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 n = "_group_qbcz0_2", h = "_slider_qbcz0_27", p = "_header_qbcz0_33", b = "_promo_qbcz0_75", g = "_image_qbcz0_119", N = "_promo__header_qbcz0_124", q = "_cta_qbcz0_161", u = "_promo__body_qbcz0_204", y = "_stat_qbcz0_243", z = "_statText_qbcz0_253", e = {
-  group: n,
-  slider: h,
-  header: p,
-  promo: b,
-  image: g,
-  promo__header: N,
-  cta: q,
-  promo__body: u,
-  stat: y,
-  statText: z
-}, P = ({ header: i, promos: s }) => /* @__PURE__ */ c(l, { children: [
-  /* @__PURE__ */ t("h2", { className: e.header, children: i }),
-  /* @__PURE__ */ t(
-    "div",
-    {
-      className: m(e.group, s.length > 3 && e.slider),
-      style: { "--promos": s.length },
-      children: s.map((a, r) => /* @__PURE__ */ c(
-        "div",
-        {
-          delay: 0.1 * r,
-          className: e.promo,
-          "data-color": a.color,
-          "data-text-align": a.textAlign,
-          children: [
-            a.icon && /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: a.icon }),
-            a.image && /* @__PURE__ */ t("img", { className: e.image, src: a.image }),
-            a.header && /* @__PURE__ */ t("h3", { className: e.promo__header, children: a.header }),
-            /* @__PURE__ */ t("p", { className: e.promo__body, children: a.body }),
-            a.cta && /* @__PURE__ */ t("div", { className: e.cta, children: /* @__PURE__ */ t(d, { ...a.cta }) }),
-            a.stats && /* @__PURE__ */ t("div", { className: e.stats, children: a.stats.map((o, _) => /* @__PURE__ */ c("div", { className: e.stat, children: [
-              /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: o.icon }),
-              /* @__PURE__ */ t("span", { className: e.statText, children: o.text })
-            ] }, `stat-${_}`)) })
-          ]
+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-${r}`
-      ))
-    }
-  )
-] });
+        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 {
-  P 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