@courtneyring/components-library 1.0.31 → 1.0.32

package/dist/components/Banner/Banner.js

@@ -1,23 +1,23 @@
 "use client";
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { jsxs as _, jsx as e } from "react/jsx-runtime";
 import "../../hooks/useFadeIn.js";
-import f from "../Button/Button.js";
-import { Fragment as _ } from "react";
-import { useReveal as a } from "../../hooks/useReveal.js";
+import y from "../Button/Button.js";
+import { Fragment as p } from "react";
+import { useReveal as r } from "../../hooks/useReveal.js";
 import { appleReveal as n } from "../../presets/animations.js";
-import '../../assets/Banner.css';const p = "_banner_1efbb_1", v = "_header_1efbb_8", h = "_body_1efbb_55", y = "_ctas_1efbb_100", r = {
-  banner: p,
+import '../../assets/Banner.css';const f = "_banner_a5qcy_1", v = "_header_a5qcy_8", b = "_body_a5qcy_55", h = "_ctas_a5qcy_99", a = {
+  banner: f,
   header: v,
-  body: h,
-  ctas: y
-}, g = ({ header: s, body: o, ctas: t }) => {
-  const c = a(n), d = a({ ...n, delay: 0.2 }), l = a({ ...n, delay: 0.4 });
-  return /* @__PURE__ */ i("div", { className: r.banner, children: [
-    s && /* @__PURE__ */ e("div", { className: r.header, ref: c, children: s }),
-    o && /* @__PURE__ */ e("div", { className: r.body, ref: d, children: o }),
-    t && /* @__PURE__ */ e("div", { className: r.ctas, ref: l, children: t.map((m, b) => /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(f, { ...m }) }, `button-${b}`)) })
+  body: b,
+  ctas: h
+}, R = ({ header: s, body: o, ctas: t }) => {
+  const c = r(n), d = r({ ...n, delay: 0.2 }), l = r({ ...n, delay: 0.4 });
+  return /* @__PURE__ */ _("div", { className: a.banner, children: [
+    s && /* @__PURE__ */ e("div", { className: a.header, ref: c, children: s }),
+    o && /* @__PURE__ */ e("div", { className: a.body, ref: d, children: o }),
+    t && /* @__PURE__ */ e("div", { className: a.ctas, ref: l, children: t.map((m, i) => /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(y, { ...m }) }, `button-${i}`)) })
   ] });
 };
 export {
-  g as default
+  R as default
 };

package/dist/components/Button/Button.js

@@ -1,41 +1,41 @@
 "use client";
-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
+import { jsxs as u, jsx as k } from "react/jsx-runtime";
+import { c as f } from "../../index-B2JRaoNz.js";
+import '../../assets/Button.css';const x = "_button_13x2k_1", b = "_hollow_13x2k_108", h = "_filled_13x2k_111", p = "_link_13x2k_147", l = {
+  button: x,
+  hollow: b,
+  filled: h,
+  link: p
 }, g = ({
-  children: e,
+  children: c,
   fn: o,
-  href: s,
-  target: c,
-  hollow: m = !1,
-  variation: t = "color-primary-dark",
-  textDecoration: _,
-  label: i,
+  href: t,
+  target: r,
+  hollow: _ = !1,
+  variation: s = "color-primary-dark",
+  textDecoration: i,
+  label: d,
   value: n,
-  icon: r,
-  onClick: a,
-  className: d
+  icon: a,
+  onClick: e,
+  className: m
 }) => /* @__PURE__ */ u(
-  s || n ? "a" : "button",
+  t || n ? "a" : "button",
   {
-    href: s || n,
-    onClick: o || a ? o || a : null,
-    target: c,
-    className: b(
+    href: t || n,
+    onClick: o || e ? o || e : null,
+    target: r,
+    className: f(
       l.button,
-      m ? l.hollow : l.filled,
-      l[t],
-      d
+      _ ? l.hollow : l.filled,
+      l[s],
+      m
     ),
-    style: { textDecoration: _ },
-    "data-color": t,
+    style: { textDecoration: i },
+    "data-color": s,
     children: [
-      e || i,
-      r && /* @__PURE__ */ f("span", { className: "material-symbols-outlined", children: r })
+      c || d,
+      a && /* @__PURE__ */ k("span", { className: "material-symbols-outlined", children: a })
     ]
   }
 );

package/dist/components/ButtonGroup/ButtonGroup.js

@@ -1,10 +1,11 @@
 "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 = {
+import m from "../Button/Button.js";
+import { c as n } from "../../index-B2JRaoNz.js";
+import '../../assets/ButtonGroup.css';const p = "_buttonGroup_1w1h9_1", a = {
   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}` })) });
+}, G = ({ ctas: t, className: o }) => /* @__PURE__ */ u("div", { className: n(a.buttonGroup, o), children: t.map((r, s) => /* @__PURE__ */ e(m, { ...r, key: `cta-${s}` })) });
 export {
-  l as default
+  G as default
 };

package/dist/components/Container/Container.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsx as n } from "react/jsx-runtime";
 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 = ({
+import { useRef as p } from "react";
+import '../../assets/Container.css';const u = "_container_zvphg_1", g = "_innerContainer_zvphg_37", y = "_styleless_zvphg_140", e = {
+  container: u,
+  innerContainer: g,
+  styleless: y
+}, z = ({
   color: s,
   children: r,
   maxWidth: a,
@@ -16,25 +16,27 @@ import '../../assets/Container.css';const y = "_container_19k16_1", C = "_innerC
   fullHeight: c,
   center: m,
   hide: d,
-  ..._
+  id: _,
+  ...f
 }) => {
-  const f = u();
+  const h = p();
   if (!d)
     return /* @__PURE__ */ n(
       "div",
       {
         className: t(e.container, o && e.styleless),
         "data-color": s,
-        ref: f,
+        ref: h,
         style: { backgroundImage: `url(${i})`, backgroundPosition: l },
         "data-full-height": c,
         "data-center": m,
-        ..._,
+        ...f,
         children: /* @__PURE__ */ n(
           "div",
           {
             className: t(e.innerContainer),
             "data-max-width": a,
+            id: _,
             children: r
           }
         )
@@ -42,5 +44,5 @@ import '../../assets/Container.css';const y = "_container_19k16_1", C = "_innerC
     );
 };
 export {
-  x as default
+  z as default
 };

package/dist/components/Countdown/Countdown.js

@@ -3,7 +3,7 @@ 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 = {
+import '../../assets/Countdown.css';const h = "_countdown_px87l_1", g = "_block_px87l_12", r = {
   countdown: h,
   block: g
 }, k = ({ targetDate: s }) => {

package/dist/components/Fifty/Fifty.js

@@ -1,33 +1,34 @@
 "use client";
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import u from "../Button/Button.js";
+import N from "../Button/Button.js";
 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,
+import F from "../IconDetail/IconDetail.js";
+import j from "../../utils/parse.js";
+import { useReveal as a } from "../../hooks/useReveal.js";
+import { appleReveal as s } from "../../presets/animations.js";
+import { useImageReveal as I } from "../../hooks/useImageReveal.js";
+import '../../assets/Fifty.css';const b = "_content_wuae0_2", B = "_fifty_wuae0_49", D = "_contentFirst_wuae0_86", P = "_reverse_wuae0_90", k = "_image_wuae0_93", q = "_text_wuae0_156", z = "_ctas_wuae0_214", A = "_details_wuae0_232", t = {
+  content: b,
+  fifty: B,
+  contentFirst: D,
+  reverse: P,
+  image: k,
+  text: q,
   ctas: z,
   details: A
-}, O = ({
-  heading: o,
-  body: i,
+}, Q = ({
+  heading: i,
+  body: n,
   ctas: r,
   color: _,
   image: v,
   reverse: p,
-  pos: h,
+  pos: u,
   details: l,
   contentFirst: R = !0
 }) => {
-  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 });
+  const h = I({ duration: 1.4 }), y = a(s), g = a({ ...s, delay: 0.2 }), w = a({ ...s, delay: 0.4 }), x = a({ ...s, delay: 0.4 });
   return /* @__PURE__ */ m(
     "div",
     {
@@ -39,16 +40,16 @@ import '../../assets/Fifty.css';const D = "_content_1ne41_2", I = "_fifty_1ne41_
       "data-color": _,
       children: [
         /* @__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)) })
+          i && /* @__PURE__ */ e("h2", { ref: y, children: i }),
+          n && /* @__PURE__ */ e("div", { ref: g, children: j(n) }),
+          r && !!r.length && /* @__PURE__ */ e("div", { className: t.ctas, ref: w, children: r.map((o, c) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(N, { ...o }) }, c)) }),
+          /* @__PURE__ */ e("div", { className: t.details, ref: x, children: l && l.map((o, c) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(F, { ...o }) }, c)) })
         ] }) }),
-        /* @__PURE__ */ e("div", { className: t.image, ref: y, children: /* @__PURE__ */ e("img", { src: v, style: { objectPosition: h } }) })
+        /* @__PURE__ */ e("div", { className: t.image, ref: h, children: /* @__PURE__ */ e("img", { src: v, style: { objectPosition: u } }) })
       ]
     }
   );
 };
 export {
-  O as default
+  Q as default
 };

package/dist/components/FloatingWordsHero/FloatingWordsHero.js

@@ -1,30 +1,60 @@
 "use client";
-import { jsx as t, jsxs as d } from "react/jsx-runtime";
-import r from "../../utils/parse.js";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import u 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" })
-      ] })
-    }
-  );
+import w from "../ButtonGroup/ButtonGroup.js";
+import b from "../../hooks/useResize.js";
+import { useRef as a, useEffect as v } from "react";
+import { g as o } from "../../index-BmTo-IS6.js";
+import { S as N } from "../../ScrollTrigger-6HnikosL.js";
+import '../../assets/FloatingWordsHero.css';const k = "_hero_ug1ep_1", x = "_buttonGroup_ug1ep_28", B = "_heroBg_ug1ep_32", C = "_content_ug1ep_40", R = "_title_ug1ep_48", G = "_subtitle_ug1ep_62", S = "_arrow_ug1ep_80", y = "_arrowCircle_ug1ep_91", r = {
+  hero: k,
+  buttonGroup: x,
+  heroBg: B,
+  content: C,
+  title: R,
+  subtitle: G,
+  arrow: S,
+  arrowCircle: y
+};
+o.registerPlugin(N);
+const $ = ({ image: d, pos: p, eyebrow: n, title: g, subtitle: s, cta: W, contentPos: j, ctas: c, scrollToId: m }) => {
+  const { innerWidth: I, innerHeight: P } = b(), t = a(null), i = a(null), h = () => {
+    document.getElementById(m).scrollIntoView({ behavior: "smooth" });
+  };
+  return v(() => {
+    if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
+    const f = o.context(() => {
+      o.to(i.current, {
+        y: "15%",
+        ease: "none",
+        scrollTrigger: {
+          trigger: t.current,
+          start: "top top",
+          end: "bottom top",
+          scrub: !0
+        }
+      });
+    }, t);
+    return () => f.revert();
+  }, []), /* @__PURE__ */ l("div", { ref: t, className: r.hero, children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        ref: i,
+        className: r.heroBg,
+        style: { backgroundImage: `url(${d})`, backgroundPosition: p }
+      }
+    ),
+    /* @__PURE__ */ l("div", { className: r.content, children: [
+      n && /* @__PURE__ */ e("p", { className: r.eyebrow, children: n }),
+      /* @__PURE__ */ e("h1", { className: r.title, children: u(g) }),
+      s && /* @__PURE__ */ e("div", { className: r.subtitle, children: u(s) }),
+      c && /* @__PURE__ */ e(w, { ctas: c, className: r.buttonGroup })
+    ] }),
+    /* @__PURE__ */ e("div", { className: r.arrow, onClick: h, children: /* @__PURE__ */ e("div", { className: r.arrowCircle, children: /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ e("path", { d: "M6 9l6 6 6-6" }) }) }) })
+  ] });
 };
 export {
-  H as default
+  $ as default
 };

package/dist/components/Footer/Footer.js

@@ -1,13 +1,13 @@
 "use client";
 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 = {
+import '../../assets/Footer.css';const a = "_footer_141jj_2", c = "_image_141jj_58", m = "_text_141jj_63", 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 })
+  text: m
+}, i = ({ logo: o, logoText: s }) => /* @__PURE__ */ r("footer", { className: t.footer, children: [
+  /* @__PURE__ */ e("img", { src: o, className: t.image }),
+  /* @__PURE__ */ e("p", { className: t.text, children: s })
 ] });
 export {
-  x as default
+  i as default
 };

package/dist/components/GenericOverlay/GenericOverlay.js

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

package/dist/components/IconDetail/IconDetail.js

@@ -2,9 +2,9 @@
 import { jsxs as i, jsx as l } from "react/jsx-runtime";
 import o from "../../utils/parse.js";
 import { c } from "../../index-B2JRaoNz.js";
-import '../../assets/IconDetail.css';const n = "_detail_ntq0w_1", r = "_label_ntq0w_58", a = {
-  detail: n,
-  label: r
+import '../../assets/IconDetail.css';const r = "_detail_1iupq_1", n = "_label_1iupq_57", a = {
+  detail: r,
+  label: n
 }, 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) })

package/dist/components/ImageTextBlock/ImageTextBlock.js

@@ -1,29 +1,30 @@
 "use client";
-import { jsx as e, jsxs as o, Fragment as f } from "react/jsx-runtime";
+import { jsx as e, jsxs as s, Fragment as v } from "react/jsx-runtime";
 import i from "../Button/Button.js";
-import { c as h } from "../../index-B2JRaoNz.js";
+import { c as f } from "../../index-B2JRaoNz.js";
 import "../../hooks/useFadeIn.js";
-import j from "../../utils/parse.js";
-import { Children as b } from "react";
-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,
+import p from "../../utils/parse.js";
+import { Children as g } from "react";
+import { appleReveal as b } from "../../presets/animations.js";
+import { useReveal as w } from "../../hooks/useReveal.js";
+import { useImageReveal as N } from "../../hooks/useImageReveal.js";
+import '../../assets/ImageTextBlock.css';const u = "_container_7w6eh_1", k = "_reverse_7w6eh_7", R = "_content_7w6eh_11", x = "_header_7w6eh_16", y = "_body_7w6eh_64", j = "_ctas_7w6eh_116", I = "_image_7w6eh_120", B = "_block_7w6eh_180", o = {
   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: [
+  reverse: k,
+  content: R,
+  header: x,
+  body: y,
+  ctas: j,
+  image: I,
+  block: B
+}, G = ({ image: m, header: t, body: c, primaryCta: r, secondaryCta: a, reverse: l, children: n, imagePos: _ }) => {
+  const d = N(), h = w({ ...b, delay: 0.2 });
+  return /* @__PURE__ */ e("div", { className: f(o.block, l && o.reverse), children: /* @__PURE__ */ s("div", { className: o.container, children: [
+    /* @__PURE__ */ e("div", { className: o.image, ref: d, children: /* @__PURE__ */ e("img", { src: m, style: { objectPosition: _ } }) }),
+    /* @__PURE__ */ s("div", { className: o.content, ref: h, children: [
+      t && /* @__PURE__ */ e("h2", { className: o.header, children: t }),
+      c && /* @__PURE__ */ e("div", { className: o.body, children: p(c) }),
+      g.count(n) > 0 ? n : /* @__PURE__ */ e(v, { children: /* @__PURE__ */ s("div", { className: o.ctas, children: [
         r && /* @__PURE__ */ e(i, { ...r }),
         a && /* @__PURE__ */ e(i, { ...a })
       ] }) })
@@ -31,5 +32,5 @@ import '../../assets/ImageTextBlock.css';const k = "_block_js557_1", u = "_conta
   ] }) });
 };
 export {
-  E as default
+  G as default
 };

package/dist/components/List/List.js

@@ -1,20 +1,20 @@
 "use client";
-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 = {
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import n from "../Icon/Icon.js";
+import '../../assets/List.css';const r = "_item_7te51_1", d = "_emphasis_7te51_56", l = "_body_7te51_104", 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 })
+}, _ = ({ 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(n, { 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 })
     ] })
-  ] }, `item-${n}`))
+  ] }, `item-${o}`))
 ] }));
 export {
-  b as default
+  _ as default
 };

package/dist/components/Map/Map.js

@@ -1,41 +1,43 @@
 "use client";
-import { jsxs as m, jsx as a } from "react/jsx-runtime";
-import { A as _, M as p, a as d } from "../../index.modern-DPbS1w7M.js";
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { A as _, M as m, a as d } from "../../index.modern-DPbS1w7M.js";
 import { c as b } from "../../index-B2JRaoNz.js";
-import u from "../Button/Button.js";
-import '../../assets/Map.css';const k = "_container_1i0kz_1", f = "_button_1i0kz_7", z = "_map_1i0kz_12", v = "_marker_1i0kz_18", N = "_pin_1i0kz_18", h = "_above_1i0kz_27", M = "_below_1i0kz_44", o = {
-  container: k,
-  button: f,
-  map: z,
-  marker: v,
-  pin: N,
-  above: h,
-  below: M
-}, P = ({ apiKey: e, mapId: s, defaultZoom: t, defaultCenter: i, markers: r, cta: l }) => /* @__PURE__ */ m("div", { className: o.container, children: [
-  /* @__PURE__ */ a(_, { apiKey: e, children: /* @__PURE__ */ a(
-    p,
+import f from "../Button/Button.js";
+import '../../assets/Map.css';const u = "_container_p2z63_1", z = "_button_p2z63_7", v = "_map_p2z63_12", N = "_fade_p2z63_18", h = "_marker_p2z63_26", M = "_pin_p2z63_26", g = "_above_p2z63_35", w = "_below_p2z63_52", a = {
+  container: u,
+  button: z,
+  map: v,
+  fade: N,
+  marker: h,
+  pin: M,
+  above: g,
+  below: w
+}, j = ({ apiKey: n, mapId: s, defaultZoom: t, defaultCenter: r, markers: l, cta: c }) => /* @__PURE__ */ p("div", { className: a.container, children: [
+  /* @__PURE__ */ o(_, { apiKey: n, children: /* @__PURE__ */ o(
+    m,
     {
-      className: o.map,
+      className: a.map,
       defaultZoom: t,
       mapId: s,
       gestureHandling: "none",
-      defaultCenter: i,
+      defaultCenter: r,
       zoomControl: !1,
       panControl: !1,
       disableDefaultUI: !0,
-      children: r.map((n, c) => /* @__PURE__ */ a(
+      children: l.map((e, i) => /* @__PURE__ */ o(
         d,
         {
-          position: n.position,
-          className: b(o.marker, o[n.dialogPos]),
-          children: /* @__PURE__ */ a("div", { className: o.pin, children: n.label })
+          position: e.position,
+          className: b(a.marker, a[e.dialogPos]),
+          children: /* @__PURE__ */ o("div", { className: a.pin, children: e.label })
         },
-        `${c}-${n.label}`
+        `${i}-${e.label}`
       ))
     }
   ) }),
-  /* @__PURE__ */ a(u, { ...l, className: o.button })
+  /* @__PURE__ */ o("div", { className: a.fade }),
+  /* @__PURE__ */ o(f, { ...c, className: a.button })
 ] });
 export {
-  P as default
+  j as default
 };