@courtneyring/components-library 1.0.30 → 1.0.31

package/dist/components/BorderedBackground/BorderedBackground.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs as v, jsx as _ } from "react/jsx-runtime";
-import { c as a } from "../../index-BIlioXmW.js";
+import { c as a } from "../../index-B2JRaoNz.js";
 import '../../assets/BorderedBackground.css';const q = "_container_atjqo_1", d = "_corner_atjqo_10", m = "_lineh_atjqo_37", p = "_linev_atjqo_38", u = "_h0_atjqo_55", b = "_v0_atjqo_59", w = "_h1_atjqo_63", N = "_v1_atjqo_67", f = "_h2_atjqo_71", x = "_v2_atjqo_75", y = "_tr_atjqo_79", $ = "_bl_atjqo_120", t = {
   container: q,
   corner: d,

package/dist/components/Button/Button.js

@@ -1,37 +1,44 @@
 "use client";
-import { jsxs as i, jsx as u } from "react/jsx-runtime";
-import '../../assets/Button.css';const m = "_button_1cz9b_1", f = "_hollow_1cz9b_103", h = "_filled_1cz9b_106", k = "_link_1cz9b_142", l = {
-  button: m,
-  hollow: f,
-  filled: h,
-  link: k
-}, y = ({
-  children: a,
+import { jsxs as u, jsx as f } from "react/jsx-runtime";
+import { c as b } from "../../index-B2JRaoNz.js";
+import '../../assets/Button.css';const h = "_button_mr1sl_1", p = "_hollow_mr1sl_109", k = "_filled_mr1sl_112", w = "_link_mr1sl_148", l = {
+  button: h,
+  hollow: p,
+  filled: k,
+  link: w
+}, g = ({
+  children: e,
   fn: o,
-  href: t,
-  target: r,
-  hollow: _ = !1,
-  variation: s = "color-primary-dark",
-  textDecoration: b,
-  label: d,
+  href: s,
+  target: c,
+  hollow: m = !1,
+  variation: t = "color-primary-dark",
+  textDecoration: _,
+  label: i,
   value: n,
-  icon: c,
-  onClick: e
-}) => /* @__PURE__ */ i(
-  t || n ? "a" : "button",
+  icon: r,
+  onClick: a,
+  className: d
+}) => /* @__PURE__ */ u(
+  s || n ? "a" : "button",
   {
-    href: t || n,
-    onClick: o || e ? o || e : null,
-    target: r,
-    className: `${l.button} ${_ ? l.hollow : l.filled} ${l[s]}`,
-    style: { textDecoration: b },
-    "data-color": s,
+    href: s || n,
+    onClick: o || a ? o || a : null,
+    target: c,
+    className: b(
+      l.button,
+      m ? l.hollow : l.filled,
+      l[t],
+      d
+    ),
+    style: { textDecoration: _ },
+    "data-color": t,
     children: [
-      a || d,
-      c && /* @__PURE__ */ u("span", { className: "material-symbols-outlined", children: c })
+      e || i,
+      r && /* @__PURE__ */ f("span", { className: "material-symbols-outlined", children: r })
     ]
   }
 );
 export {
-  y as default
+  g as default
 };

package/dist/components/ButtonGroup/ButtonGroup.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as u } from "react/jsx-runtime";
+import { createElement as e } from "react";
+import s from "../Button/Button.js";
+import '../../assets/ButtonGroup.css';const p = "_buttonGroup_1w1h9_1", m = {
+  buttonGroup: p
+}, l = ({ ctas: t, alignment: o }) => /* @__PURE__ */ u("div", { className: m.buttonGroup, style: { justifyContent: o }, children: t.map((r, n) => /* @__PURE__ */ e(s, { ...r, key: `cta-${n}` })) });
+export {
+  l as default
+};

package/dist/components/Container/Container.js

@@ -1,45 +1,46 @@
 "use client";
 import { jsx as n } from "react/jsx-runtime";
-import { c as t } from "../../index-BIlioXmW.js";
-import { useRef as _ } from "react";
-import "../../Particles-CKNJUrOc.js";
-import '../../assets/Container.css';const u = "_container_xosaf_1", x = "_innerContainer_xosaf_36", y = "_styleless_xosaf_127", e = {
-  container: u,
-  innerContainer: x,
-  styleless: y
-}, N = ({
+import { c as t } from "../../index-B2JRaoNz.js";
+import { useRef as u } from "react";
+import '../../assets/Container.css';const y = "_container_19k16_1", C = "_innerContainer_19k16_36", h = "_styleless_19k16_127", e = {
+  container: y,
+  innerContainer: C,
+  styleless: h
+}, x = ({
   color: s,
-  children: a,
-  maxWidth: r,
+  children: r,
+  maxWidth: a,
   styleless: o,
   backgroundImage: i,
   backgroundPosition: l,
   fullHeight: c,
   center: m,
-  hide: f
+  hide: d,
+  ..._
 }) => {
-  const d = _();
-  if (!f)
+  const f = u();
+  if (!d)
     return /* @__PURE__ */ n(
       "div",
       {
         className: t(e.container, o && e.styleless),
         "data-color": s,
-        ref: d,
+        ref: f,
         style: { backgroundImage: `url(${i})`, backgroundPosition: l },
         "data-full-height": c,
         "data-center": m,
+        ..._,
         children: /* @__PURE__ */ n(
           "div",
           {
             className: t(e.innerContainer),
-            "data-max-width": r,
-            children: a
+            "data-max-width": a,
+            children: r
           }
         )
       }
     );
 };
 export {
-  N as default
+  x as default
 };

package/dist/components/Countdown/Countdown.js

@@ -1,29 +1,41 @@
 "use client";
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import { useState as u, useEffect as d } from "react";
-import '../../assets/Countdown.css';const f = "_countdown_1ilam_1", m = "_block_1ilam_12", s = {
-  countdown: f,
-  block: m
-}, w = ({ targetDate: c }) => {
-  const n = () => {
-    const e = new Date(c) - /* @__PURE__ */ new Date();
-    return e <= 0 ? null : {
-      days: Math.floor(e / 864e5),
-      hours: Math.floor(e / 36e5 % 24),
-      minutes: Math.floor(e / 1e3 / 60 % 60),
-      seconds: Math.floor(e / 1e3 % 60)
+import { jsx as n, jsxs as f } from "react/jsx-runtime";
+import { useState as d, useEffect as m } from "react";
+import { useStagger as p } from "../../hooks/useStagger.js";
+import { appleStagger as o } from "../../presets/animations.js";
+import '../../assets/Countdown.css';const h = "_countdown_32v13_1", g = "_block_32v13_12", r = {
+  countdown: h,
+  block: g
+}, k = ({ targetDate: s }) => {
+  const c = () => {
+    const t = new Date(s) - /* @__PURE__ */ new Date();
+    return t <= 0 ? 0 : {
+      days: Math.floor(t / 864e5),
+      hours: Math.floor(t / 36e5 % 24),
+      minutes: Math.floor(t / 1e3 / 60 % 60),
+      seconds: Math.floor(t / 1e3 % 60)
     };
-  }, [o, r] = u(n()), a = ["days", "hours", "minutes", "seconds"];
-  return d(() => {
-    const e = setInterval(() => {
-      r(n());
+  }, [e, l] = d(void 0), a = ["days", "hours", "minutes", "seconds"], i = p(
+    `.${r.block}`,
+    o.from,
+    {
+      ...o.to,
+      stagger: o.stagger,
+      scrollTrigger: { start: o.start }
+    },
+    typeof e == "object"
+  );
+  return m(() => {
+    l(c());
+    const t = setInterval(() => {
+      l(c());
     }, 1e3);
-    return () => clearInterval(e);
-  }, []), o ? /* @__PURE__ */ t("div", { className: s.countdown, children: a.map((e, l) => /* @__PURE__ */ i("div", { className: s.block, children: [
-    /* @__PURE__ */ t("span", { children: o[e] }),
-    /* @__PURE__ */ t("span", { children: e })
-  ] }, `countdown-${l}`)) }) : /* @__PURE__ */ t("span", { children: "Time’s up" });
+    return () => clearInterval(t);
+  }, [s]), e === void 0 || e === 0 ? null : /* @__PURE__ */ n("div", { className: r.countdown, ref: i, children: e && a.map((t, u) => /* @__PURE__ */ f("div", { className: r.block, children: [
+    /* @__PURE__ */ n("span", { children: e[t] }),
+    /* @__PURE__ */ n("span", { children: t })
+  ] }, `countdown-${u}`)) });
 };
 export {
-  w as default
+  k as default
 };

package/dist/components/Fifty/Fifty.js

@@ -1,46 +1,54 @@
 "use client";
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import u from "../Button/Button.js";
-import { useFadeIn as p } from "../../hooks/useFadeIn.js";
-import { c as v } from "../../index-BIlioXmW.js";
-import { Fragment as o } from "react";
-import g from "../IconDetail/IconDetail.js";
-import '../../assets/Fifty.css';const w = "_content_1d5wu_2", x = "_fifty_1d5wu_41", N = "_reverse_1d5wu_79", y = "_image_1d5wu_82", j = "_text_1d5wu_146", F = "_ctas_1d5wu_199", I = "_details_1d5wu_212", t = {
-  content: w,
-  fifty: x,
-  reverse: N,
-  image: y,
-  text: j,
-  ctas: F,
-  details: I
-}, q = ({
-  heading: d,
-  body: r,
-  ctas: s,
-  color: m,
-  image: l,
-  reverse: _,
-  pos: f,
-  details: n
+import { c as f } from "../../index-B2JRaoNz.js";
+import { Fragment as d } from "react";
+import j from "../IconDetail/IconDetail.js";
+import b from "../../utils/parse.js";
+import { useReveal as s } from "../../hooks/useReveal.js";
+import { appleReveal as n, appleFade as B } from "../../presets/animations.js";
+import '../../assets/Fifty.css';const D = "_content_1ne41_2", I = "_fifty_1ne41_41", P = "_contentFirst_1ne41_78", k = "_reverse_1ne41_82", q = "_image_1ne41_85", w = "_text_1ne41_148", z = "_ctas_1ne41_206", A = "_details_1ne41_224", t = {
+  content: D,
+  fifty: I,
+  contentFirst: P,
+  reverse: k,
+  image: q,
+  text: w,
+  ctas: z,
+  details: A
+}, O = ({
+  heading: o,
+  body: i,
+  ctas: r,
+  color: _,
+  image: v,
+  reverse: p,
+  pos: h,
+  details: l,
+  contentFirst: R = !0
 }) => {
-  const h = p({ duration: 0.8 });
-  return /* @__PURE__ */ a(
+  const y = s(B), g = s(n), x = s({ ...n, delay: 0.2 }), F = s({ ...n, delay: 0.4 }), N = s({ ...n, delay: 0.4 });
+  return /* @__PURE__ */ m(
     "div",
     {
-      className: v(t.fifty, !!_ && t.reverse),
-      "data-color": m,
+      className: f(
+        t.fifty,
+        !!p && t.reverse,
+        R && t.contentFirst
+      ),
+      "data-color": _,
       children: [
-        /* @__PURE__ */ e("div", { className: t.content, ref: h, children: /* @__PURE__ */ a("div", { className: t.text, children: [
-          /* @__PURE__ */ e("h2", { children: d }),
-          r && /* @__PURE__ */ e("p", { children: r }),
-          /* @__PURE__ */ e("div", { className: t.ctas, children: s && !!s.length && s.map((i, c) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(u, { ...i }) }, c)) }),
-          /* @__PURE__ */ e("div", { className: t.details, children: n && n.map((i, c) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(g, { ...i }) }, c)) })
+        /* @__PURE__ */ e("div", { className: f(t.content), children: /* @__PURE__ */ m("div", { className: t.text, children: [
+          o && /* @__PURE__ */ e("h2", { ref: g, children: o }),
+          i && /* @__PURE__ */ e("div", { ref: x, children: b(i) }),
+          r && !!r.length && /* @__PURE__ */ e("div", { className: t.ctas, ref: F, children: r.map((a, c) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(u, { ...a }) }, c)) }),
+          /* @__PURE__ */ e("div", { className: t.details, ref: N, children: l && l.map((a, c) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(j, { ...a }) }, c)) })
         ] }) }),
-        /* @__PURE__ */ e("div", { className: t.image, children: /* @__PURE__ */ e("img", { src: l, style: { objectPosition: f } }) })
+        /* @__PURE__ */ e("div", { className: t.image, ref: y, children: /* @__PURE__ */ e("img", { src: v, style: { objectPosition: h } }) })
       ]
     }
   );
 };
 export {
-  q as default
+  O as default
 };

package/dist/components/FloatingWordsHero/FloatingWordsHero.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import r from "../../utils/parse.js";
+import "../../index-B2JRaoNz.js";
+import h from "../ButtonGroup/ButtonGroup.js";
+import _ from "../../hooks/useResize.js";
+import '../../assets/FloatingWordsHero.css';const u = "_hero_k3lib_1", b = "_content_k3lib_9", p = "_title_k3lib_16", f = "_subtitle_k3lib_26", e = {
+  hero: u,
+  content: b,
+  title: p,
+  subtitle: f
+}, H = ({ image: l, pos: c, eyebrow: n, title: a, subtitle: o, cta: g, contentPos: k, ctas: i }) => {
+  const { innerWidth: s, innerHeight: m } = _();
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: e.hero,
+      style: { backgroundImage: `url(${l})`, backgroundPosition: c },
+      children: /* @__PURE__ */ d("div", { className: e.content, children: [
+        n && /* @__PURE__ */ t("p", { className: e.eyebrow, children: n }),
+        /* @__PURE__ */ t("h1", { className: e.title, children: r(a) }),
+        o && /* @__PURE__ */ t("div", { className: e.subtitle, children: r(o) }),
+        i && /* @__PURE__ */ t(h, { ctas: i, alignment: s >= 800 && s > m ? "flex-end" : "center" })
+      ] })
+    }
+  );
+};
+export {
+  H as default
+};

package/dist/components/Footer/Footer.js

@@ -1,13 +1,13 @@
 "use client";
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import '../../assets/Footer.css';const r = "_footer_1yn3n_2", a = "_image_1yn3n_50", c = "_text_1yn3n_55", t = {
-  footer: r,
-  image: a,
-  text: c
-}, _ = ({ logo: o, logoText: s }) => /* @__PURE__ */ n("footer", { className: t.footer, children: [
-  /* @__PURE__ */ e("img", { src: o, className: t.image }),
-  /* @__PURE__ */ e("p", { className: t.text, children: s })
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import '../../assets/Footer.css';const a = "_footer_u0snx_2", c = "_image_u0snx_50", n = "_text_u0snx_55", t = {
+  footer: a,
+  image: c,
+  text: n
+}, x = ({ logo: s, logoText: o }) => /* @__PURE__ */ r("footer", { className: t.footer, children: [
+  /* @__PURE__ */ e("img", { src: s, className: t.image }),
+  /* @__PURE__ */ e("p", { className: t.text, children: o })
 ] });
 export {
-  _ as default
+  x as default
 };

package/dist/components/GenericOverlay/GenericOverlay.js

@@ -1,21 +1,21 @@
 "use client";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
 import l from "../../utils/parse.js";
-import s from "../Button/Button.js";
-import '../../assets/GenericOverlay.css';const i = "_overlay_5xrtv_2", v = "_content_5xrtv_53", d = "_ctas_5xrtv_137", e = {
+import o from "../Button/Button.js";
+import '../../assets/GenericOverlay.css';const i = "_overlay_e8gta_2", d = "_content_e8gta_53", v = "_ctas_e8gta_143", t = {
   overlay: i,
-  content: v,
-  ctas: d
-}, x = ({ header: o, body: a, primaryCta: r, secondaryCta: c }) => /* @__PURE__ */ t("div", { className: e.overlay, children: /* @__PURE__ */ n("div", { className: e.innerContainer, children: [
-  /* @__PURE__ */ t("h2", { children: o }),
-  /* @__PURE__ */ n("div", { className: e.content, children: [
-    /* @__PURE__ */ t("div", { children: l(a) }),
-    /* @__PURE__ */ n("div", { className: e.ctas, children: [
-      r && /* @__PURE__ */ t(s, { ...r }),
-      c && /* @__PURE__ */ t(s, { ...c })
+  content: d,
+  ctas: v
+}, f = ({ header: r, body: a, primaryCta: c, secondaryCta: s }) => /* @__PURE__ */ e("div", { className: t.overlay, children: /* @__PURE__ */ n("div", { className: t.innerContainer, children: [
+  /* @__PURE__ */ e("h2", { children: r }),
+  /* @__PURE__ */ n("div", { className: t.content, children: [
+    /* @__PURE__ */ e("div", { children: l(a) }),
+    /* @__PURE__ */ n("div", { className: t.ctas, children: [
+      c && /* @__PURE__ */ e(o, { ...c }),
+      s && /* @__PURE__ */ e(o, { ...s })
     ] })
   ] })
 ] }) });
 export {
-  x as default
+  f as default
 };

package/dist/components/GridGallery/GridGallery.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { c } from "../../index-BIlioXmW.js";
+import { c } from "../../index-B2JRaoNz.js";
 import '../../assets/GridGallery.css';const m = "_gallery_xj28v_1", o = "_image_xj28v_6", i = "_row_xj28v_15", t = "_reverse_xj28v_30", r = {
   gallery: m,
   image: o,

package/dist/components/HorizontalScrollImages/HorizontalScrollImages.js

@@ -1,18 +1,19 @@
 "use client";
 import { jsx as r } from "react/jsx-runtime";
-import { g as o, S as p } from "../../ScrollTrigger-DDbij8gI.js";
-import { useRef as s, useEffect as m } from "react";
-import '../../assets/HorizontalScrollImages.css';const g = "_container_b5pev_1", f = "_scrollWrapper_b5pev_8", u = "_imageWrapper_b5pev_17", a = {
+import { g as a } from "../../index-BmTo-IS6.js";
+import { S as p } from "../../ScrollTrigger-6HnikosL.js";
+import { useRef as o, useEffect as m } from "react";
+import '../../assets/HorizontalScrollImages.css';const g = "_container_b5pev_1", f = "_scrollWrapper_b5pev_8", u = "_imageWrapper_b5pev_17", s = {
   container: g,
   scrollWrapper: f,
   imageWrapper: u
 };
-o.registerPlugin(p);
-const v = () => {
-  const e = s(null), i = s([]), n = s();
+a.registerPlugin(p);
+const b = () => {
+  const e = o(null), i = o([]), n = o();
   return m(() => {
-    const t = o.context(() => {
-      o.to(n.current, {
+    const t = a.context(() => {
+      a.to(n.current, {
         x: () => -window.innerWidth * 1.2,
         ease: "none",
         scrollTrigger: {
@@ -27,13 +28,13 @@ const v = () => {
   }, [images]), /* @__PURE__ */ r(
     "div",
     {
-      className: a.container,
+      className: s.container,
       ref: e,
       style: { "--images": images.length },
-      children: /* @__PURE__ */ r("div", { className: a.scrollWrapper, ref: n, children: images.map((t, c) => /* @__PURE__ */ r(
+      children: /* @__PURE__ */ r("div", { className: s.scrollWrapper, ref: n, children: images.map((t, c) => /* @__PURE__ */ r(
         "div",
         {
-          className: a.imageWrapper,
+          className: s.imageWrapper,
           ref: (l) => i.current[c] = l,
           children: /* @__PURE__ */ r("img", { src: t.src, alt: "" })
         },
@@ -43,5 +44,5 @@ const v = () => {
   );
 };
 export {
-  v as default
+  b as default
 };

package/dist/components/IconDetail/IconDetail.js

@@ -1,13 +1,13 @@
 "use client";
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { jsxs as i, jsx as l } from "react/jsx-runtime";
 import o from "../../utils/parse.js";
-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) })
+import { c } from "../../index-B2JRaoNz.js";
+import '../../assets/IconDetail.css';const n = "_detail_ntq0w_1", r = "_label_ntq0w_58", a = {
+  detail: n,
+  label: r
+}, b = ({ icon: s, text: e, href: t }) => /* @__PURE__ */ i(t ? "a" : "div", { className: a.detail, children: [
+  /* @__PURE__ */ l("span", { className: c(a.icon, "material-symbols-outlined"), children: s }),
+  /* @__PURE__ */ l("div", { className: a.label, children: o(e) })
 ] });
 export {
   b as default

package/dist/components/ImageTextBlock/ImageTextBlock.js

@@ -1,33 +1,35 @@
 "use client";
-import { jsx as e, jsxs as c, Fragment as u } from "react/jsx-runtime";
-import a from "../Button/Button.js";
-import { c as f } from "../../index-BIlioXmW.js";
-import { useFadeIn as i } from "../../hooks/useFadeIn.js";
-import g from "../../utils/parse.js";
+import { jsx as e, jsxs as o, Fragment as f } from "react/jsx-runtime";
+import i from "../Button/Button.js";
+import { c as h } from "../../index-B2JRaoNz.js";
+import "../../hooks/useFadeIn.js";
+import j 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 })
+import { appleReveal as g, appleFade as N } from "../../presets/animations.js";
+import { useReveal as l } from "../../hooks/useReveal.js";
+import '../../assets/ImageTextBlock.css';const k = "_block_js557_1", u = "_container_js557_5", x = "_reverse_js557_11", y = "_content_js557_15", R = "_header_js557_20", B = "_body_js557_68", F = "_ctas_js557_121", I = "_image_js557_125", s = {
+  block: k,
+  container: u,
+  reverse: x,
+  content: y,
+  header: R,
+  body: B,
+  ctas: F,
+  image: I
+}, E = ({ image: m, header: t, body: c, primaryCta: r, secondaryCta: a, reverse: _, children: n, imagePos: d }) => {
+  const v = l(N), p = l({ ...g, delay: 0.2 });
+  return /* @__PURE__ */ e("div", { className: h(s.block, _ && s.reverse), children: /* @__PURE__ */ o("div", { className: s.container, children: [
+    /* @__PURE__ */ e("div", { className: s.image, ref: v, children: /* @__PURE__ */ e("img", { src: m, style: { objectPosition: d } }) }),
+    /* @__PURE__ */ o("div", { className: s.content, ref: p, children: [
+      t && /* @__PURE__ */ e("h2", { className: s.header, children: t }),
+      c && /* @__PURE__ */ e("div", { className: s.body, children: j(c) }),
+      b.count(n) > 0 ? n : /* @__PURE__ */ e(f, { children: /* @__PURE__ */ o("div", { className: s.ctas, children: [
+        r && /* @__PURE__ */ e(i, { ...r }),
+        a && /* @__PURE__ */ e(i, { ...a })
       ] }) })
     ] })
   ] }) });
 };
 export {
-  z as default
+  E as default
 };

package/dist/components/List/List.js

@@ -1,20 +1,20 @@
 "use client";
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import l from "../Icon/Icon.js";
-import '../../assets/List.css';const n = "_item_gt8yl_1", r = "_emphasis_gt8yl_56", d = "_body_gt8yl_99", s = {
-  item: n,
-  emphasis: r,
-  body: d
-}, y = ({ icon: a, items: c, header: m }) => (new URL((/* @__PURE__ */ Object.assign({}))[`./assets/icons/${a}.svg`], import.meta.url).href, /* @__PURE__ */ t("div", { className: s.list, children: [
-  /* @__PURE__ */ e("h2", { children: m }),
-  c.map((i, o) => /* @__PURE__ */ t("div", { className: s.item, children: [
-    /* @__PURE__ */ e(l, { type: "checkmark" }),
-    /* @__PURE__ */ t("div", { className: s.content, children: [
-      /* @__PURE__ */ e("p", { className: s.emphasis, children: i.header }),
-      /* @__PURE__ */ e("p", { className: s.body, children: i.body })
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import o from "../Icon/Icon.js";
+import '../../assets/List.css';const r = "_item_upmbn_1", d = "_emphasis_upmbn_56", l = "_body_upmbn_105", s = {
+  item: r,
+  emphasis: d,
+  body: l
+}, b = ({ icon: t, items: a, header: c }) => (new URL((/* @__PURE__ */ Object.assign({}))[`./assets/icons/${t}.svg`], import.meta.url).href, /* @__PURE__ */ i("div", { className: s.list, children: [
+  /* @__PURE__ */ e("h2", { children: c }),
+  a.map((m, n) => /* @__PURE__ */ i("div", { className: s.item, children: [
+    /* @__PURE__ */ e(o, { type: "checkmark" }),
+    /* @__PURE__ */ i("div", { className: s.content, children: [
+      /* @__PURE__ */ e("p", { className: s.emphasis, children: m.header }),
+      /* @__PURE__ */ e("p", { className: s.body, children: m.body })
     ] })
-  ] }, `item-${o}`))
+  ] }, `item-${n}`))
 ] }));
 export {
-  y as default
+  b as default
 };