@courtneyring/components-library 1.0.30 → 1.0.32

package/dist/components/List/List.js

@@ -1,14 +1,14 @@
 "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: [
+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
+}, _ = ({ 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__ */ 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 })
@@ -16,5 +16,5 @@ import '../../assets/List.css';const n = "_item_gt8yl_1", r = "_emphasis_gt8yl_5
   ] }, `item-${o}`))
 ] }));
 export {
-  y as default
+  _ as default
 };

package/dist/components/Map/Map.js

@@ -0,0 +1,43 @@
+"use client";
+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 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: a.map,
+      defaultZoom: t,
+      mapId: s,
+      gestureHandling: "none",
+      defaultCenter: r,
+      zoomControl: !1,
+      panControl: !1,
+      disableDefaultUI: !0,
+      children: l.map((e, i) => /* @__PURE__ */ o(
+        d,
+        {
+          position: e.position,
+          className: b(a.marker, a[e.dialogPos]),
+          children: /* @__PURE__ */ o("div", { className: a.pin, children: e.label })
+        },
+        `${i}-${e.label}`
+      ))
+    }
+  ) }),
+  /* @__PURE__ */ o("div", { className: a.fade }),
+  /* @__PURE__ */ o(f, { ...c, className: a.button })
+] });
+export {
+  j as default
+};

package/dist/components/Map/Map.stories.js

@@ -0,0 +1,16 @@
+"use client";
+import e from "./Map.js";
+const s = {
+  title: "Components/Map",
+  component: e,
+  parameters: { layout: "centered" },
+  tags: ["autodocs"]
+}, t = {
+  args: {
+    sourceUrl: "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2837.8505399802675!2d-84.71720358452077!3d44.66140519466946!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882011411ddf3bef%3A0x22e70df983887b6!2sCrawford+County+Historical+Museum!5e0!3m2!1sen!2sus!4v1460244247057"
+  }
+};
+export {
+  t as Primary,
+  s as default
+};

package/dist/components/MenuButton/MenuButton.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs as i, jsx as s } from "react/jsx-runtime";
-import { c as t } from "../../index-BIlioXmW.js";
+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,

package/dist/components/Navbar/Navbar.js

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

package/dist/components/Note/Note.js

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

package/dist/components/Overlay/Overlay.js

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

package/dist/components/OverlayHero/OverlayHero.js

@@ -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_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(${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_1f10x_2", l = "_removePadding_1f10x_47", m = "_container__body_1f10x_51", y = "_container__copy_1f10x_66", n = {
+import '../../assets/PageContainer.css';const s = "_container__inner_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
-}, x = ({
-  heroImage: f,
+  container__copy: v
+}, h = ({
+  heroImage: y,
   pageTitle: r,
   children: t,
-  hero: g,
+  hero: b,
   copy: e,
   excludePadding: c = []
 }) => {
@@ -35,5 +35,5 @@ import '../../assets/PageContainer.css';const s = "_container__inner_1f10x_2", l
   ] });
 };
 export {
-  x as default
+  h as default
 };

package/dist/components/ParallaxImageGrid/ParallaxImageGrid.js

@@ -1,7 +1,8 @@
 "use client";
 import { jsx as a, jsxs as _ } from "react/jsx-runtime";
 import { useRef as o, useEffect as b } from "react";
-import { g as i, S as w } from "../../ScrollTrigger-DDbij8gI.js";
+import { g as i } from "../../index-BmTo-IS6.js";
+import { S as w } from "../../ScrollTrigger-6HnikosL.js";
 import '../../assets/ParallaxImageGrid.css';const h = "_container_1tu23_1", R = "_center_1tu23_10", T = "_wrapper_1tu23_17", k = "_box_1tu23_29", n = {
   container: h,
   center: R,
@@ -9,7 +10,7 @@ import '../../assets/ParallaxImageGrid.css';const h = "_container_1tu23_1", R =
   box: k
 };
 i.registerPlugin(w);
-const N = ({ images: y, center: l }) => {
+const A = ({ images: y, center: l }) => {
   const c = o(null), u = o([]), p = o(), g = o(), x = [
     { x: -500, y: -200 },
     { x: -75, y: -200 },
@@ -87,5 +88,5 @@ const N = ({ images: y, center: l }) => {
   ] }) });
 };
 export {
-  N as default
+  A as default
 };

package/dist/components/PinnedImage/PinnedImage.js

@@ -1,29 +1,30 @@
 "use client";
-import { jsxs as _, jsx as t } from "react/jsx-runtime";
+import { 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, S as N } from "../../ScrollTrigger-DDbij8gI.js";
-import b from "../../utils/parse.js";
-import '../../assets/PinnedImage.css';const k = "_container_trrr1_2", P = "_content_trrr1_114", R = "_copy_trrr1_122", S = "_text_trrr1_158", T = "_title_trrr1_207", E = "_background_trrr1_253", H = "_section_trrr1_265", I = "_details_trrr1_297", e = {
-  container: k,
-  content: P,
-  copy: R,
-  text: S,
-  title: T,
-  background: E,
-  section: H,
-  details: I
+import { 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,
+  background: T,
+  section: E,
+  details: H
 };
-a.registerPlugin(N);
-const W = ({ image: m, title: g, sections: f }) => {
+a.registerPlugin(w);
+const W = ({ image: u, title: _, sections: g }) => {
   const o = i(null);
   i(null);
-  const l = i([]), p = i();
+  const l = i([]), m = i();
   return x(() => {
-    const r = a.context(() => {
-      const n = l.current, c = Math.max(...n.map((s) => s.offsetHeight));
-      a.set(p.current, { minHeight: c });
-      const d = o.current.offsetTop, h = a.timeline({
+    const 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`,
@@ -34,37 +35,37 @@ const W = ({ image: m, title: g, sections: f }) => {
           anticipatePin: 1
         }
       });
-      n.forEach((s, u) => {
-        h.fromTo(
+      n.forEach((s, h) => {
+        f.fromTo(
           s,
-          { opacity: u === 0 ? 1 : 0 },
+          { opacity: h === 0 ? 1 : 0 },
           { opacity: 1, duration: 0.5 }
         ).to(
           s,
-          { opacity: u === n.length - 1 ? 1 : 0, duration: 0.5 },
+          { opacity: h === n.length - 1 ? 1 : 0, duration: 0.5 },
           "+=0.75"
         );
       });
     }, o);
-    return () => r.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((r, n) => /* @__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: (c) => l.current[n] = c,
+            ref: (r) => l.current[n] = r,
             children: [
-              /* @__PURE__ */ t("h3", { children: r.header }),
-              /* @__PURE__ */ t("div", { className: e.text, children: b(r.description) }),
-              /* @__PURE__ */ t("div", { className: e.details, children: r.details && r.details.map((c, d) => /* @__PURE__ */ y(v, { ...c, key: d })) })
+              /* @__PURE__ */ t("h3", { children: 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 })) })
             ]
           },
           n