@courtneyring/components-library 1.0.31 → 1.0.32

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-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(
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import { c as t } from "../../index-B2JRaoNz.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(
   "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,21 +1,21 @@
 "use client";
-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 { jsxs as b, jsx as n } from "react/jsx-runtime";
+import { useRef as g, useState as l, useEffect as w, cloneElement as h } from "react";
+import f 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-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 = {
+import '../../assets/Navbar.css';const y = "_navbar_1okw8_1", O = "_hide_1okw8_19", Y = "_background_1okw8_22", S = "_navbar__link_1okw8_22", $ = "_navbar__logo_1okw8_26", j = "_component_1okw8_34", B = "_navbar__links_1okw8_38", C = "_navbar__mobileDialog_1okw8_95", F = "_open_1okw8_107", L = "_navbar__toggle_1okw8_118", a = {
   navbar: y,
   hide: O,
   background: Y,
-  open: S,
-  navbar__link: $,
-  navbar__logo: j,
-  component: B,
-  navbar__links: C,
-  navbar__mobileDialog: F,
+  navbar__link: S,
+  navbar__logo: $,
+  component: j,
+  navbar__links: B,
+  navbar__mobileDialog: C,
+  open: F,
   navbar__toggle: L
 }, M = {}, Q = ({
   links: c,
@@ -26,64 +26,64 @@ import '../../assets/Navbar.css';const y = "_navbar_hb3wf_1", O = "_hide_hb3wf_4
   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 r = g(0), [R, m] = l("up"), [e, _] = l(!1), [u, p] = l(!1);
+  w(() => (window.addEventListener("scroll", i), () => window.removeEventListener("scroll", i)), []);
   const i = () => {
-    h(window.scrollY > 30);
-    const a = window.scrollY;
-    a - o.current !== 0 && m(a > o.current ? "down" : "up"), o.current = a > 0 ? a : 0;
+    p(window.scrollY > 30);
+    const o = window.scrollY;
+    o - r.current !== 0 && m(o > r.current ? "down" : "up"), r.current = o > 0 ? o : 0;
   };
   return /* @__PURE__ */ b(
     "nav",
     {
       className: E(
-        n.navbar,
-        u && n.background,
-        r && n.open,
+        a.navbar,
+        u && a.background,
+        e && a.open,
         // (direction === "down" || hidden) && styles.hide
-        d && n.hide
+        d && a.hide
       ),
-      style: r ? {} : { position: v },
+      style: e ? {} : { position: v },
       children: [
-        /* @__PURE__ */ b("a", { className: n.navbar__logo, href: "/", children: [
-          s && /* @__PURE__ */ e("img", { src: s }),
-          t && w(t, {
-            className: n.component
+        /* @__PURE__ */ b("a", { className: a.navbar__logo, href: "/", children: [
+          s && /* @__PURE__ */ n("img", { src: s }),
+          t && h(t, {
+            className: a.component
           })
         ] }),
-        /* @__PURE__ */ e("div", { className: n.navbar__toggle, children: /* @__PURE__ */ e(
-          k,
+        /* @__PURE__ */ n("div", { className: a.navbar__toggle, children: /* @__PURE__ */ n(
+          f,
           {
-            clickFn: () => _(!r),
-            isOpen: r,
+            clickFn: () => _(!e),
+            isOpen: e,
             theme: "color-white"
           }
         ) }),
-        /* @__PURE__ */ e("div", { className: n.navbar__links, children: c.map((a, f) => /* @__PURE__ */ e(
+        /* @__PURE__ */ n("div", { className: a.navbar__links, children: c.map((o, k) => /* @__PURE__ */ n(
           "a",
           {
-            className: `${n.navbar__link}`,
-            href: a.value,
-            children: a.label
+            className: `${a.navbar__link}`,
+            href: o.value,
+            children: o.label
           },
-          `navbar-d-${a.value}`
+          `navbar-d-${o.value}`
         )) }),
-        r && N.createPortal(
-          /* @__PURE__ */ e(
+        e && N.createPortal(
+          /* @__PURE__ */ n(
             D,
             {
               closeFn: () => _(!1),
               hideClose: !0,
               background: M.white,
               fullscreen: !0,
-              children: /* @__PURE__ */ e(x, { color: "color-white", children: /* @__PURE__ */ e("div", { className: n.navbar__mobileDialog, children: c.map((a, f) => /* @__PURE__ */ e(
+              children: /* @__PURE__ */ n(x, { color: "color-white", children: /* @__PURE__ */ n("div", { className: a.navbar__mobileDialog, children: c.map((o, k) => /* @__PURE__ */ n(
                 "a",
                 {
-                  className: n.navbar__link,
-                  href: a.value,
-                  children: a.label
+                  className: a.navbar__link,
+                  href: o.value,
+                  children: o.label
                 },
-                `m-${a.value}`
+                `m-${o.value}`
               )) }) })
             }
           ),

package/dist/components/Note/Note.js

@@ -1,30 +1,30 @@
 "use client";
-import { jsxs as e, jsx as s } from "react/jsx-runtime";
+import { jsxs as a, 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_tq8oj_2", d = "_opener_tq8oj_49", u = "_from_tq8oj_54", f = "_body_tq8oj_96", j = "_close_tq8oj_149", N = "_signature_tq8oj_197", o = {
+import '../../assets/Note.css';const p = "_salutation_1azns_2", d = "_opener_1azns_48", u = "_from_1azns_53", f = "_body_1azns_95", N = "_close_1azns_147", h = "_signature_1azns_194", s = {
   salutation: p,
   opener: d,
   from: u,
   body: f,
-  close: j,
-  signature: N
-}, g = ({ salutation: t, from: a, body: n, signature: r, close: c }) => {
+  close: N,
+  signature: h
+}, v = ({ salutation: o, from: n, body: r, signature: t, 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,
+  return /* @__PURE__ */ a("div", { className: s.note, ref: l, children: [
+    /* @__PURE__ */ a("p", { className: s.salutation, children: [
+      /* @__PURE__ */ a("span", { className: s.opener, children: [
+        o,
         " "
       ] }),
-      /* @__PURE__ */ s("span", { className: o.from, children: a })
+      /* @__PURE__ */ e("span", { className: s.from, children: n })
     ] }),
-    /* @__PURE__ */ s("div", { className: o.body, children: _(n) }),
-    /* @__PURE__ */ s("p", { className: o.close, children: c }),
-    /* @__PURE__ */ s("p", { className: o.signature, children: r })
+    /* @__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 {
-  g as default
+  v as default
 };

package/dist/components/OverlayHero/OverlayHero.js

@@ -1,25 +1,67 @@
 "use client";
-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_18ghz_5", h = "_overlay_18ghz_17", _ = "_eyebrow_18ghz_46", d = "_title_18ghz_53", m = "_subtitle_18ghz_71", e = {
-  hero: n,
-  overlay: h,
-  eyebrow: _,
-  title: d,
-  subtitle: m
-}, v = ({ text: y, image: l, pos: a, eyebrow: r, title: i, subtitle: o }) => /* @__PURE__ */ t(
-  "div",
-  {
-    className: e.hero,
-    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) }),
-      o && /* @__PURE__ */ t("div", { className: e.subtitle, children: s(o) })
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import y from "../../utils/parse.js";
+import { useRef as e, useEffect as q } from "react";
+import { g as t } from "../../index-BmTo-IS6.js";
+import { S as N } from "../../ScrollTrigger-6HnikosL.js";
+import B from "../../hooks/useResize.js";
+import '../../assets/OverlayHero.css';const T = "_hero_qu85a_5", S = "_heroBg_qu85a_34", j = "_overlay_qu85a_42", k = "_eyebrow_qu85a_69", E = "_title_qu85a_76", P = "_subtitle_qu85a_94", r = {
+  hero: T,
+  heroBg: S,
+  overlay: j,
+  eyebrow: k,
+  title: E,
+  subtitle: P
+};
+t.registerPlugin(N);
+const $ = ({ text: W, image: d, pos: g, eyebrow: c, title: h, subtitle: a }) => {
+  const { innerWidth: _ } = B(), s = e(null), n = e(), l = e(null), i = e(null), u = e(null), f = e(null);
+  return q(() => {
+    const b = s.current, v = l.current, w = window.matchMedia("(prefers-reduced-motion: reduce)").matches, m = n.current;
+    if (w || _ < 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: b,
+          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: n, className: r.heroBg, style: { backgroundImage: `url(${d})`, backgroundPosition: g, opacity: 0 } }),
+    /* @__PURE__ */ p("div", { ref: l, 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(h) }),
+      a && /* @__PURE__ */ o("div", { ref: f, className: r.subtitle, children: y(a) })
     ] })
-  }
-);
+  ] });
+};
 export {
-  v as default
+  $ as default
 };

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_9nloq_2", l = "_removePadding_9nloq_47", m = "_container__body_9nloq_51", y = "_container__copy_9nloq_66", n = {
+import '../../assets/PageContainer.css';const s = "_container__inner_bnzqv_2", l = "_removePadding_bnzqv_55", m = "_container__body_bnzqv_59", v = "_container__copy_bnzqv_74", n = {
   container__inner: s,
   removePadding: l,
   container__body: m,
-  container__copy: y
-}, P = ({
-  heroImage: g,
+  container__copy: v
+}, h = ({
+  heroImage: y,
   pageTitle: r,
   children: t,
-  hero: h,
+  hero: b,
   copy: e,
   excludePadding: c = []
 }) => {
@@ -35,5 +35,5 @@ import '../../assets/PageContainer.css';const s = "_container__inner_9nloq_2", l
   ] });
 };
 export {
-  P as default
+  h as default
 };

package/dist/components/PinnedImage/PinnedImage.js

@@ -1,13 +1,13 @@
 "use client";
-import { jsxs as _, jsx as t } from "react/jsx-runtime";
-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,
+import { jsxs as p, 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 } from "../../index-BmTo-IS6.js";
+import { S as w } from "../../ScrollTrigger-6HnikosL.js";
+import N from "../../utils/parse.js";
+import '../../assets/PinnedImage.css';const b = "_container_1uhcw_2", k = "_content_1uhcw_122", P = "_copy_1uhcw_130", R = "_text_1uhcw_165", S = "_title_1uhcw_220", T = "_background_1uhcw_266", E = "_section_1uhcw_278", H = "_details_1uhcw_310", e = {
+  container: b,
+  content: k,
   copy: P,
   text: R,
   title: S,
@@ -15,16 +15,16 @@ import '../../assets/PinnedImage.css';const N = "_container_19qak_2", b = "_cont
   section: E,
   details: H
 };
-i.registerPlugin(q);
-const W = ({ image: m, title: g, sections: f }) => {
-  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({
+a.registerPlugin(w);
+const W = ({ image: u, title: _, sections: g }) => {
+  const o = i(null);
+  i(null);
+  const l = i([]), m = i();
+  return x(() => {
+    const c = a.context(() => {
+      const n = l.current, r = Math.max(...n.map((s) => s.offsetHeight));
+      a.set(m.current, { minHeight: r });
+      const d = o.current.offsetTop, f = a.timeline({
         scrollTrigger: {
           trigger: o.current,
           start: `top-=${d} top`,
@@ -35,40 +35,40 @@ const W = ({ image: m, title: g, sections: f }) => {
           anticipatePin: 1
         }
       });
-      c.forEach((a, u) => {
-        h.fromTo(
-          a,
-          { opacity: u === 0 ? 1 : 0 },
+      n.forEach((s, h) => {
+        f.fromTo(
+          s,
+          { opacity: h === 0 ? 1 : 0 },
           { opacity: 1, duration: 0.5 }
         ).to(
-          a,
-          { opacity: u === c.length - 1 ? 1 : 0, duration: 0.5 },
+          s,
+          { opacity: h === n.length - 1 ? 1 : 0, duration: 0.5 },
           "+=0.75"
         );
       });
     }, o);
-    return () => n.revert();
-  }, []), /* @__PURE__ */ _(
+    return () => c.revert();
+  }, []), /* @__PURE__ */ p(
     "div",
     {
       className: e.container,
       ref: o,
-      style: { backgroundImage: `url(${m})` },
+      style: { backgroundImage: `url(${u})` },
       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((n, c) => /* @__PURE__ */ _(
+        /* @__PURE__ */ t("h2", { className: e.title, children: _ }),
+        /* @__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: g.map((c, n) => /* @__PURE__ */ p(
           "div",
           {
             className: e.section,
-            ref: (r) => l.current[c] = r,
+            ref: (r) => l.current[n] = r,
             children: [
-              /* @__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 })) })
+              /* @__PURE__ */ t("h3", { children: c.header }),
+              /* @__PURE__ */ t("div", { className: e.text, children: N(c.description) }),
+              /* @__PURE__ */ t("div", { className: e.details, children: c.details && c.details.map((r, d) => /* @__PURE__ */ y(v, { ...r, key: d })) })
             ]
           },
-          c
+          n
         )) }) })
       ]
     }

package/dist/components/PromoGroup/PromoGroup.js

@@ -1,15 +1,17 @@
 "use client";
-import { jsxs as c, Fragment as p, jsx as e } from "react/jsx-runtime";
-import { useMemo as u } from "react";
+import { jsxs as c, Fragment as u, jsx as a } from "react/jsx-runtime";
+import { useMemo as N } from "react";
 import "../../index-K0WrPJ_C.js";
 import "../../hooks/useFadeIn.js";
-import N from "../Button/Button.js";
-import { appleStagger as n } from "../../presets/animations.js";
+import z from "../Button/Button.js";
+import { appleStagger as o } from "../../presets/animations.js";
 import { c as m } from "../../index-B2JRaoNz.js";
+import "../OverlayHero/OverlayHero.js";
 import "../../index-DyQs5aC7.js";
 import { useStagger as f } from "../../hooks/useStagger.js";
+import "../FloatingWordsHero/FloatingWordsHero.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 = {
+import '../../assets/PromoGroup.css';const y = "_group_sebz3_2", C = "_slider_sebz3_27", x = "_header_sebz3_33", v = "_promo_sebz3_76", T = "_icon_sebz3_126", $ = "_cta_sebz3_136", j = "_imageContainer_sebz3_144", F = "_image_sebz3_144", k = "_promo__header_sebz3_156", S = "_promo__body_sebz3_248", A = "_stats_sebz3_295", B = "_stat_sebz3_295", G = "_statText_sebz3_309", e = {
   group: y,
   slider: C,
   header: x,
@@ -20,79 +22,79 @@ import '../../assets/PromoGroup.css';const y = "_group_rwbwb_2", C = "_slider_rw
   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(() => {
+  stats: A,
+  stat: B,
+  statText: G,
+  "count-4": "_count-4_sebz3_386"
+}, Q = ({ header: d, promos: s, direction: i = "vertical", slider: g }) => {
+  const h = ["icon", "header", "body", "cta", "stats", "image"], p = f(`.${e.promo}`, o.from, {
+    ...o.to,
+    stagger: o.stagger,
+    scrollTrigger: { start: o.start }
+  }), l = N(() => {
     let t = 0;
-    for (let s of g)
-      r.some((o) => !!o[s]) && (t += 1);
+    for (let r of h)
+      s.some((n) => !!n[r]) && (t += 1);
     return t;
-  }, [r]);
-  return /* @__PURE__ */ c(p, { children: [
-    /* @__PURE__ */ e("h2", { className: a.header, children: d }),
-    /* @__PURE__ */ e(
+  }, [s]);
+  return /* @__PURE__ */ c(u, { children: [
+    /* @__PURE__ */ a("h2", { className: e.header, children: d }),
+    /* @__PURE__ */ a(
       "div",
       {
-        ref: h,
+        ref: p,
         className: m(
-          a.group,
-          a[`count-${r.length}`],
-          b && a.slider
+          e.group,
+          e[`count-${s.length}`],
+          g && e.slider
         ),
         style: {
-          "--promos": r.length,
+          "--promos": s.length,
           "--propCount": i == "horizontal" ? l - 1 : l
         },
-        children: r.map((t, s) => {
-          const o = t.containerCta ? "a" : "div";
+        children: s.map((t, r) => {
+          const n = t.containerCta ? "a" : "div";
           return /* @__PURE__ */ c(
-            o,
+            n,
             {
               onClick: t.containerCta?.onClick || null,
               href: t.containerCta?.href || null,
               target: t.containerCta?.target || null,
-              delay: 0.1 * s,
-              className: a.promo,
+              delay: 0.1 * r,
+              className: e.promo,
               "data-color": t.color,
               "data-text-align": t.textAlign,
               "data-direction": i,
               children: [
-                t.icon && /* @__PURE__ */ e(
+                t.icon && /* @__PURE__ */ a(
                   "span",
                   {
                     className: m(
                       "material-symbols-outlined",
-                      a.icon,
+                      e.icon,
                       !t.icon && "hidden"
                     ),
                     children: t.icon
                   }
                 ),
-                t.image && /* @__PURE__ */ e("div", { className: a.imageContainer, children: /* @__PURE__ */ e(
+                t.image && /* @__PURE__ */ a("div", { className: e.imageContainer, children: /* @__PURE__ */ a(
                   "img",
                   {
                     style: { objectFit: t.imageFit },
-                    className: a.image,
+                    className: e.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}`)) })
+                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(z, { ...t.cta }) }),
+                t.stats && /* @__PURE__ */ a("div", { className: e.stats, children: t.stats.map((_, b) => /* @__PURE__ */ c("div", { className: e.stat, children: [
+                  /* @__PURE__ */ a("span", { className: "material-symbols-outlined", children: _.icon }),
+                  /* @__PURE__ */ a("span", { className: e.statText, children: _.text })
+                ] }, `stat-${b}`)) })
               ]
             },
-            `promo-${s}`
+            `promo-${r}`
           );
         })
       }
@@ -100,5 +102,5 @@ import '../../assets/PromoGroup.css';const y = "_group_rwbwb_2", C = "_slider_rw
   ] });
 };
 export {
-  L as default
+  Q as default
 };

package/dist/components/RSVPEmbed/RSVPEmbed.js

@@ -1,9 +1,9 @@
 "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 = "_wrapper_1uu5y_1", i = "_container_1uu5y_10", t = {
-  wrapper: o,
-  container: i
+import '../../assets/RSVPEmbed.css';const o = "_container_g8yt4_1", i = "_wrapper_g8yt4_5", t = {
+  container: o,
+  wrapper: i
 };
 function f({ embedUrl: c }) {
   const r = s(null);