@courtneyring/components-library 1.0.20 → 1.0.21

package/dist/components/IconDetail/IconDetail.js

@@ -1,14 +1,14 @@
 "use client";
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import o from "../../utils/parse.js";
-import { c } from "../../index-BIlioXmW.js";
-import '../../assets/IconDetail.css';const r = "_detail_eb6tx_1", n = "_label_eb6tx_53", a = {
-  detail: r,
-  label: n
-}, _ = ({ icon: l, text: s, href: t }) => /* @__PURE__ */ i(t ? "a" : "div", { className: a.detail, children: [
-  /* @__PURE__ */ e("span", { className: c(a.icon, "material-symbols-outlined"), children: l }),
+import { c as r } from "../../index-BIlioXmW.js";
+import '../../assets/IconDetail.css';const c = "_detail_4rjme_1", m = "_label_4rjme_53", a = {
+  detail: c,
+  label: m
+}, b = ({ icon: l, text: s, href: t }) => /* @__PURE__ */ i(t ? "a" : "div", { className: a.detail, children: [
+  /* @__PURE__ */ e("span", { className: r(a.icon, "material-symbols-outlined"), children: l }),
   /* @__PURE__ */ e("div", { className: a.label, children: o(s) })
 ] });
 export {
-  _ as default
+  b as default
 };

package/dist/components/ImageTextBlock/ImageTextBlock.js

@@ -1,39 +1,33 @@
 "use client";
-import { jsx as n, jsxs as t } from "react/jsx-runtime";
+import { jsx as e, jsxs as c, Fragment as u } from "react/jsx-runtime";
 import a from "../Button/Button.js";
-import { c as h } from "../../index-BIlioXmW.js";
-import { useFadeIn as r } from "../../hooks/useFadeIn.js";
-import u from "../../utils/parse.js";
-import '../../assets/ImageTextBlock.css';const f = "_block_hnnuu_1", g = "_container_hnnuu_5", b = "_reverse_hnnuu_11", v = "_content_hnnuu_15", N = "_header_hnnuu_20", p = "_body_hnnuu_68", k = "_ctas_hnnuu_115", x = "_image_hnnuu_119", e = {
-  block: f,
-  container: g,
-  reverse: b,
-  content: v,
-  header: N,
-  body: p,
-  ctas: k,
-  image: x
-}, F = ({
-  image: i,
-  header: d,
-  body: l,
-  primaryCta: s,
-  secondaryCta: o,
-  reverse: c
-}) => {
-  const m = r({ direction: c ? "right" : "left" }), _ = r({ direction: c ? "right" : "left" });
-  return /* @__PURE__ */ n("div", { className: h(e.block, c && e.reverse), children: /* @__PURE__ */ t("div", { className: e.container, children: [
-    /* @__PURE__ */ n("div", { className: e.image, ref: m, children: /* @__PURE__ */ n("img", { src: i }) }),
-    /* @__PURE__ */ t("div", { className: e.content, ref: _, children: [
-      /* @__PURE__ */ n("h2", { className: e.header, children: d }),
-      /* @__PURE__ */ n("div", { className: e.body, children: u(l) }),
-      /* @__PURE__ */ t("div", { className: e.ctas, children: [
-        s && /* @__PURE__ */ n(a, { ...s }),
-        o && /* @__PURE__ */ n(a, { ...o })
-      ] })
+import { c as f } from "../../index-BIlioXmW.js";
+import { useFadeIn as i } from "../../hooks/useFadeIn.js";
+import g from "../../utils/parse.js";
+import { Children as b } from "react";
+import '../../assets/ImageTextBlock.css';const v = "_block_hnnuu_1", N = "_container_hnnuu_5", p = "_reverse_hnnuu_11", k = "_content_hnnuu_15", x = "_header_hnnuu_20", y = "_body_hnnuu_68", I = "_ctas_hnnuu_115", j = "_image_hnnuu_119", n = {
+  block: v,
+  container: N,
+  reverse: p,
+  content: k,
+  header: x,
+  body: y,
+  ctas: I,
+  image: j
+}, z = ({ image: d, header: m, body: l, primaryCta: o, secondaryCta: s, reverse: t, children: r }) => {
+  const _ = i({ direction: t ? "right" : "left" }), h = i({ direction: t ? "right" : "left" });
+  return /* @__PURE__ */ e("div", { className: f(n.block, t && n.reverse), children: /* @__PURE__ */ c("div", { className: n.container, children: [
+    /* @__PURE__ */ e("div", { className: n.image, ref: _, children: /* @__PURE__ */ e("img", { src: d }) }),
+    /* @__PURE__ */ c("div", { className: n.content, ref: h, children: [
+      /* @__PURE__ */ e("h2", { className: n.header, children: m }),
+      /* @__PURE__ */ e("div", { className: n.body, children: g(l) }),
+      b.count(r) > 0 ? r : /* @__PURE__ */ e(u, { children: /* @__PURE__ */ c("div", { className: n.ctas, children: [
+        o && /* @__PURE__ */ e(a, { ...o }),
+        s && /* @__PURE__ */ e(a, { ...s })
+      ] }) })
     ] })
   ] }) });
 };
 export {
-  F as default
+  z as default
 };

package/dist/components/MenuButton/MenuButton.js

@@ -1,38 +1,38 @@
 "use client";
-import { jsxs as i, jsx as n } from "react/jsx-runtime";
-import { c as o } from "../../index-BIlioXmW.js";
-import '../../assets/MenuButton.css';const a = "_button_rkv7s_1", c = "_isOpen_rkv7s_6", _ = "_top_rkv7s_6", r = "_bottom_rkv7s_6", d = "_middle_rkv7s_24", m = "_line_rkv7s_32", t = {
+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: r,
-  middle: d,
-  line: m
-}, u = ({ isOpen: l, clickFn: e, theme: s }) => /* @__PURE__ */ i(
+  bottom: d,
+  middle: m,
+  line: p
+}, u = ({ isOpen: e, clickFn: l, theme: n }) => /* @__PURE__ */ i(
   "button",
   {
-    className: o(t.button, l && t.isOpen),
-    onClick: e,
+    className: t(o.button, e && o.isOpen),
+    onClick: l,
     children: [
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ s(
         "div",
         {
-          className: o(t.top, t.line),
-          "data-color": s
+          className: t(o.top, o.line),
+          "data-color": n
         }
       ),
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ s(
         "div",
         {
-          className: o(t.middle, t.line),
-          "data-color": s
+          className: t(o.middle, o.line),
+          "data-color": n
         }
       ),
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ s(
         "div",
         {
-          className: o(t.bottom, t.line),
-          "data-color": s
+          className: t(o.bottom, o.line),
+          "data-color": n
         }
       )
     ]

package/dist/components/Navbar/Navbar.js

@@ -1,13 +1,13 @@
 "use client";
-import { jsxs as u, jsx as r } from "react/jsx-runtime";
-import { useRef as g, useState as c, useEffect as f, cloneElement as k } from "react";
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { useRef as g, useState as l, useEffect as f, cloneElement as k } from "react";
 import w 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_1d7u4_1", Y = "_hide_1d7u4_4", y = "_background_1d7u4_24", S = "_open_1d7u4_24", $ = "_navbar__link_1d7u4_27", j = "_navbar__logo_1d7u4_31", B = "_component_1d7u4_39", F = "_navbar__links_1d7u4_69", L = "_navbar__mobileDialog_1d7u4_81", M = "_navbar__toggle_1d7u4_97", o = {
+import '../../assets/Navbar.css';const O = "_navbar_12cmh_1", Y = "_hide_12cmh_4", y = "_background_12cmh_24", S = "_open_12cmh_24", $ = "_navbar__link_12cmh_27", j = "_navbar__logo_12cmh_31", B = "_component_12cmh_42", F = "_navbar__links_12cmh_72", L = "_navbar__mobileDialog_12cmh_84", M = "_navbar__toggle_12cmh_100", o = {
   navbar: O,
   hide: Y,
   background: y,
@@ -19,28 +19,28 @@ import '../../assets/Navbar.css';const O = "_navbar_1d7u4_1", Y = "_hide_1d7u4_4
   navbar__mobileDialog: L,
   navbar__toggle: M
 }, I = {}, T = ({ links: t, logoImage: s, color: P, logoComponent: _ }) => {
-  const e = g(0), [v, b] = c("up"), [n, i] = c(!1), [m, R] = C(), [l, p] = c(!1);
-  f(() => (window.addEventListener("scroll", d), () => window.removeEventListener("scroll", d)), []);
-  const d = () => {
-    p(window.scrollY > 30);
+  const e = g(0), [v, b] = l("up"), [n, i] = l(!1), [u, R] = C(), [c, h] = l(!1);
+  f(() => (window.addEventListener("scroll", m), () => window.removeEventListener("scroll", m)), []);
+  const m = () => {
+    h(window.scrollY > 30);
     const a = window.scrollY;
     a - e.current !== 0 && b(a > e.current ? "down" : "up"), e.current = a > 0 ? a : 0;
   };
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ d(
     "nav",
     {
       className: E(
         o.navbar,
-        l && o.background,
+        c && o.background,
         n && o.open,
         v === "down" && o.hide
       ),
       children: [
-        /* @__PURE__ */ u("a", { className: o.navbar__logo, href: "/", children: [
+        /* @__PURE__ */ d("a", { className: o.navbar__logo, href: "/", children: [
           s && /* @__PURE__ */ r("img", { src: s }),
           _ && k(_, {
             className: o.component,
-            "data-color": !l || n ? "color-white" : "color-neutral-dark"
+            "data-color": !c || n ? "color-white" : "color-neutral-dark"
           })
         ] }),
         /* @__PURE__ */ r("div", { className: o.navbar__toggle, children: /* @__PURE__ */ r(
@@ -48,15 +48,15 @@ import '../../assets/Navbar.css';const O = "_navbar_1d7u4_1", Y = "_hide_1d7u4_4
           {
             clickFn: () => i(!n),
             isOpen: n,
-            theme: !l || n ? "color-white" : "color-neutral-dark"
+            theme: !c || n ? "color-white" : "color-neutral-dark"
           }
         ) }),
-        /* @__PURE__ */ r("div", { className: o.navbar__links, children: t.map((a, h) => /* @__PURE__ */ r(
+        /* @__PURE__ */ r("div", { className: o.navbar__links, children: t.map((a, p) => /* @__PURE__ */ r(
           "a",
           {
             className: `${o.navbar__link}`,
             href: a.value,
-            "data-color": m,
+            "data-color": u,
             children: a.label
           },
           `navbar-d-${a.value}`
@@ -69,7 +69,7 @@ import '../../assets/Navbar.css';const O = "_navbar_1d7u4_1", Y = "_hide_1d7u4_4
               hideClose: !0,
               background: I.white,
               fullscreen: !0,
-              children: /* @__PURE__ */ r(x, { color: "color-white", children: /* @__PURE__ */ r("div", { className: o.navbar__mobileDialog, children: t.map((a, h) => /* @__PURE__ */ r(
+              children: /* @__PURE__ */ r(x, { color: "color-white", children: /* @__PURE__ */ r("div", { className: o.navbar__mobileDialog, children: t.map((a, p) => /* @__PURE__ */ r(
                 "a",
                 {
                   className: o.navbar__link,

package/dist/components/Overlay/Overlay.js

@@ -1,41 +1,47 @@
 "use client";
-import { jsxs as _, jsx as a } from "react/jsx-runtime";
+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 '../../assets/Overlay.css';const i = "_overlay_xrwam_17", y = "_hideNav_xrwam_23", f = "_overlay__dialog_xrwam_23", x = "_overlay__background_xrwam_27", w = "_fadeIn_xrwam_1", N = "_fadeOut_xrwam_37", h = "_overlay__close_xrwam_60", O = "_fullscreen_xrwam_83", e = {
+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,
   overlay__dialog: f,
-  overlay__background: x,
-  fadeIn: w,
-  fadeOut: N,
-  overlay__close: h,
-  fullscreen: O
-}, p = ({ children: t, closeFn: c, hideClose: o, background: l, fullscreen: d = !0 }) => {
-  const [s, n] = v(!1);
+  overlay__background: N,
+  fadeIn: h,
+  fadeOut: O,
+  overlay__close: g,
+  fullscreen: b
+}, I = ({
+  children: t,
+  closeFn: c,
+  hideClose: o,
+  background: a,
+  fullscreen: d = !0
+}) => {
+  const [l, n] = v(!1);
   u(() => (document.body.style.overflow = "hidden", () => {
     document.body.style.overflow = "unset";
   }), []);
-  const r = () => {
+  const _ = () => {
     n(!0), setTimeout(() => {
       c();
     }, 500);
   };
-  return /* @__PURE__ */ _("div", { className: m(e.overlay, !o && e.hideNav), children: [
-    /* @__PURE__ */ a(
+  return /* @__PURE__ */ r("div", { className: m(e.overlay, !o && e.hideNav), children: [
+    /* @__PURE__ */ s(
       "div",
       {
-        className: ` ${e.overlay__background} ${s && e.fadeOut}`,
-        onClick: r
+        className: ` ${e.overlay__background} ${l && e.fadeOut}`,
+        onClick: _
       }
     ),
-    /* @__PURE__ */ _(
+    /* @__PURE__ */ r(
       "div",
       {
-        className: `${e.overlay__dialog} ${s ? e.fadeOut : e.fadeIn} ${d && e.fullscreen}  `,
-        style: l ? { background: l } : {},
+        className: `${e.overlay__dialog} ${l ? e.fadeOut : e.fadeIn} ${d && e.fullscreen}  `,
+        style: a ? { background: a } : {},
         children: [
-          !o && /* @__PURE__ */ a("div", { className: e.overlay__close, onClick: r, children: /* @__PURE__ */ a("span", { className: "material-symbols-outlined", children: "close" }) }),
+          !o && /* @__PURE__ */ s("div", { className: e.overlay__close, onClick: _, children: /* @__PURE__ */ s("span", { className: "material-symbols-outlined", children: "close" }) }),
           t
         ]
       }
@@ -43,5 +49,5 @@ import '../../assets/Overlay.css';const i = "_overlay_xrwam_17", y = "_hideNav_x
   ] });
 };
 export {
-  p as default
+  I as default
 };

package/dist/components/OverlayHero/OverlayHero.js

@@ -2,17 +2,17 @@
 import { jsx as t, jsxs as c } from "react/jsx-runtime";
 import s from "../../utils/parse.js";
 import "react";
-import '../../assets/OverlayHero.css';const m = "_hero_1hmag_1", n = "_overlay_1hmag_13", h = "_eyebrow_1hmag_38", _ = "_title_1hmag_45", d = "_subtitle_1hmag_63", e = {
-  hero: m,
-  overlay: n,
-  eyebrow: h,
-  title: _,
-  subtitle: d
-}, v = ({ text: y, image: a, pos: l, eyebrow: r, title: i, subtitle: o }) => /* @__PURE__ */ t(
+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 = {
+  hero: n,
+  overlay: _,
+  eyebrow: d,
+  title: m,
+  subtitle: h
+}, v = ({ text: y, image: l, pos: a, eyebrow: r, title: i, subtitle: o }) => /* @__PURE__ */ t(
   "div",
   {
     className: e.hero,
-    style: { backgroundImage: `url(${a})`, backgroundPosition: l },
+    style: { backgroundImage: `url(${l})`, backgroundPosition: a },
     children: /* @__PURE__ */ c("div", { className: e.overlay, children: [
       r && /* @__PURE__ */ t("p", { className: e.eyebrow, children: r }),
       /* @__PURE__ */ t("h1", { className: e.title, children: s(i) }),

package/dist/components/PageContainer/PageContainer.js

@@ -5,7 +5,14 @@ import '../../assets/PageContainer.css';const s = "_container__inner_1f10x_2", l
   removePadding: l,
   container__body: m,
   container__copy: y
-}, x = ({ heroImage: f, pageTitle: r, children: t, hero: g, copy: e, excludePadding: c = [] }) => {
+}, x = ({
+  heroImage: f,
+  pageTitle: r,
+  children: t,
+  hero: g,
+  copy: e,
+  excludePadding: c = []
+}) => {
   const a = () => {
     let _ = {};
     for (let d of c)
@@ -13,10 +20,17 @@ import '../../assets/PageContainer.css';const s = "_container__inner_1f10x_2", l
     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 })
-    ] }) }),
+    /* @__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
   ] });
 };

package/dist/components/PinnedImage/PinnedImage.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsxs as _, jsx as t } from "react/jsx-runtime";
-import { useRef as s, useEffect as x, createElement as b } from "react";
-import y from "../IconDetail/IconDetail.js";
-import { g as a, S as v } from "../../ScrollTrigger-DDbij8gI.js";
-import N from "../../utils/parse.js";
-import '../../assets/PinnedImage.css';const k = "_container_pixtb_2", P = "_content_pixtb_114", R = "_copy_pixtb_122", S = "_text_pixtb_158", T = "_title_pixtb_207", E = "_background_pixtb_253", H = "_section_pixtb_265", I = "_details_pixtb_296", e = {
+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,
@@ -14,18 +14,18 @@ import '../../assets/PinnedImage.css';const k = "_container_pixtb_2", P = "_cont
   section: H,
   details: I
 };
-a.registerPlugin(v);
-const W = ({ image: p, title: g, sections: f }) => {
-  const i = s(null);
-  s(null);
-  const l = s([]), m = s();
+a.registerPlugin(N);
+const W = ({ image: m, title: g, sections: f }) => {
+  const o = i(null);
+  i(null);
+  const l = i([]), p = i();
   return x(() => {
-    const n = a.context(() => {
-      const c = l.current, r = Math.max(...c.map((o) => o.offsetHeight));
-      a.set(m.current, { minHeight: r });
-      const d = i.current.offsetTop, h = a.timeline({
+    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({
         scrollTrigger: {
-          trigger: i.current,
+          trigger: o.current,
           start: `top-=${d} top`,
           end: `+=${l.current.length * 100}%`,
           // controls scroll length
@@ -34,40 +34,40 @@ const W = ({ image: p, title: g, sections: f }) => {
           anticipatePin: 1
         }
       });
-      c.forEach((o, u) => {
+      n.forEach((s, u) => {
         h.fromTo(
-          o,
+          s,
           { opacity: u === 0 ? 1 : 0 },
           { opacity: 1, duration: 0.5 }
         ).to(
-          o,
-          { opacity: u === c.length - 1 ? 1 : 0, duration: 0.5 },
+          s,
+          { opacity: u === n.length - 1 ? 1 : 0, duration: 0.5 },
           "+=0.75"
         );
       });
-    }, i);
-    return () => n.revert();
+    }, o);
+    return () => r.revert();
   }, []), /* @__PURE__ */ _(
     "div",
     {
       className: e.container,
-      ref: i,
-      style: { backgroundImage: `url(${p})` },
+      ref: o,
+      style: { backgroundImage: `url(${m})` },
       children: [
         /* @__PURE__ */ t("h2", { className: e.title, children: g }),
-        /* @__PURE__ */ t("div", { className: e.background, children: /* @__PURE__ */ t("img", { src: p }) }),
-        /* @__PURE__ */ t("div", { className: e.content, ref: m, children: /* @__PURE__ */ t("div", { className: e.copy, children: f.map((n, c) => /* @__PURE__ */ _(
+        /* @__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__ */ _(
           "div",
           {
             className: e.section,
-            ref: (r) => l.current[c] = r,
+            ref: (c) => l.current[n] = 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__ */ b(y, { ...r, key: d })) })
+              /* @__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 })) })
             ]
           },
-          c
+          n
         )) }) })
       ]
     }

package/dist/components/PromoGroup/PromoGroup.js

@@ -22,27 +22,34 @@ import '../../assets/PromoGroup.css';const n = "_group_qbcz0_2", h = "_slider_qb
   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(
+  /* @__PURE__ */ t(
     "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-${_}`)) })
-      ]
-    },
-    `promo-${r}`
-  )) })
+      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-${_}`)) })
+          ]
+        },
+        `promo-${r}`
+      ))
+    }
+  )
 ] });
 export {
   P as default

package/dist/components/RSVPEmbed/RSVPEmbed.js

@@ -0,0 +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
+};
+function f({ embedUrl: t }) {
+  const r = c(null);
+  return s(() => {
+    const e = document.createElement("script");
+    return e.src = t, e.async = !0, r.current?.appendChild(e), () => {
+      r.current && (r.current.innerHTML = "");
+    };
+  }, []), /* @__PURE__ */ n("div", { ref: r, className: a.wrapper });
+}
+export {
+  f as default
+};

package/dist/components/Toolbar/Toolbar.js

@@ -5,17 +5,17 @@ import { useState as l, useEffect as c } from "react";
 import '../../assets/Toolbar.css';const h = "_toolbar_17thg_1", m = {
   toolbar: h
 }, g = () => {
-  const [e, n] = l(!0), r = d(), s = (t) => {
-    console.log(t.code), t.code === "KeyI" && (t.preventDefault(), t.stopPropagation(), n(!e));
+  const [t, n] = l(!1), s = d(), r = (e) => {
+    e.code === "KeyI" && (e.preventDefault(), e.stopPropagation(), n(!t));
   };
-  return c(() => (window.addEventListener("keyup", s), () => window.removeEventListener("keyup", s)), [e]), e ? /* @__PURE__ */ o("div", { className: m.toolbar, children: [
+  return c(() => (window.addEventListener("keyup", r), () => window.removeEventListener("keyup", r)), [t]), t ? /* @__PURE__ */ o("div", { className: m.toolbar, children: [
     /* @__PURE__ */ o("div", { children: [
       "Width: ",
-      r.innerWidth
+      s.innerWidth
     ] }),
     /* @__PURE__ */ o("div", { children: [
       "Height: ",
-      r.innerHeight
+      s.innerHeight
     ] })
   ] }) : /* @__PURE__ */ i(a, {});
 };