@courtneyring/components-library 1.0.32 → 1.0.34

package/dist/components/Button/Button.js

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

package/dist/components/Container/Container.js

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

package/dist/components/Fifty/Fifty.js

@@ -5,47 +5,47 @@ import { c as f } from "../../index-B2JRaoNz.js";
 import { Fragment as d } from "react";
 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 { useReveal as s } from "../../hooks/useReveal.js";
+import { appleReveal as n } 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 = {
+import '../../assets/Fifty.css';const b = "_content_l4kmn_2", B = "_fifty_l4kmn_49", D = "_contentFirst_l4kmn_86", P = "_reverse_l4kmn_90", q = "_image_l4kmn_93", w = "_text_l4kmn_161", z = "_ctas_l4kmn_219", A = "_details_l4kmn_237", t = {
   content: b,
   fifty: B,
   contentFirst: D,
   reverse: P,
-  image: k,
-  text: q,
+  image: q,
+  text: w,
   ctas: z,
   details: A
 }, Q = ({
-  heading: i,
-  body: n,
+  heading: c,
+  body: i,
   ctas: r,
   color: _,
   image: v,
   reverse: p,
-  pos: u,
+  pos: R,
   details: l,
-  contentFirst: R = !0
+  contentFirst: h = !0
 }) => {
-  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 });
+  const y = I({ duration: 1.4 }), g = s(n), k = s({ ...n, delay: 0.2 }), u = s({ ...n, delay: 0.4 }), x = s({ ...n, delay: 0.4 });
   return /* @__PURE__ */ m(
     "div",
     {
       className: f(
         t.fifty,
         !!p && t.reverse,
-        R && t.contentFirst
+        h && t.contentFirst
       ),
       "data-color": _,
       children: [
         /* @__PURE__ */ e("div", { className: f(t.content), children: /* @__PURE__ */ m("div", { className: t.text, children: [
-          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)) })
+          c && /* @__PURE__ */ e("h2", { ref: g, children: c }),
+          i && /* @__PURE__ */ e("div", { ref: k, children: j(i) }),
+          r && !!r.length && /* @__PURE__ */ e("div", { className: t.ctas, ref: u, children: r.map((a, o) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(N, { ...a }) }, o)) }),
+          /* @__PURE__ */ e("div", { className: t.details, ref: x, children: l && l.map((a, o) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(F, { ...a }) }, o)) })
         ] }) }),
-        /* @__PURE__ */ e("div", { className: t.image, ref: h, children: /* @__PURE__ */ e("img", { src: v, style: { objectPosition: u } }) })
+        /* @__PURE__ */ e("div", { className: t.image, ref: y, children: /* @__PURE__ */ e("img", { src: v, style: { objectPosition: R } }) })
       ]
     }
   );

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_141jj_2", c = "_image_141jj_58", m = "_text_141jj_63", t = {
+import '../../assets/Footer.css';const a = "_footer_js61i_2", c = "_image_js61i_58", i = "_text_js61i_63", t = {
   footer: a,
   image: c,
-  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 })
+  text: i
+}, _ = ({ 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 {
-  i as default
+  _ 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 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 = {
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import l from "../../utils/parse.js";
+import o from "../Button/Button.js";
+import '../../assets/GenericOverlay.css';const i = "_overlay_ukyq8_2", d = "_content_ukyq8_61", v = "_ctas_ukyq8_155", n = {
   overlay: i,
-  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 })
+  content: d,
+  ctas: v
+}, y = ({ header: r, body: a, primaryCta: c, secondaryCta: s }) => /* @__PURE__ */ e("div", { className: n.overlay, children: /* @__PURE__ */ t("div", { className: n.innerContainer, children: [
+  /* @__PURE__ */ e("h2", { children: r }),
+  /* @__PURE__ */ t("div", { className: n.content, children: [
+    /* @__PURE__ */ e("div", { children: l(a) }),
+    /* @__PURE__ */ t("div", { className: n.ctas, children: [
+      c && /* @__PURE__ */ e(o, { ...c }),
+      s && /* @__PURE__ */ e(o, { ...s })
     ] })
   ] })
 ] }) });
 export {
-  p as default
+  y as default
 };

package/dist/components/IconDetail/IconDetail.js

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

package/dist/components/ImageTextBlock/ImageTextBlock.js

@@ -1,30 +1,30 @@
 "use client";
-import { jsx as e, jsxs as s, Fragment as v } from "react/jsx-runtime";
+import { jsx as e, jsxs as c, Fragment as v } from "react/jsx-runtime";
 import i from "../Button/Button.js";
-import { c as f } from "../../index-B2JRaoNz.js";
+import { c as u } from "../../index-B2JRaoNz.js";
 import "../../hooks/useFadeIn.js";
-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 f from "../../utils/parse.js";
+import { Children as h } from "react";
+import { appleReveal as p } from "../../presets/animations.js";
+import { useReveal as g } 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: 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: [
+import '../../assets/ImageTextBlock.css';const k = "_container_cuob2_1", R = "_reverse_cuob2_7", x = "_content_cuob2_11", y = "_header_cuob2_16", j = "_body_cuob2_69", I = "_ctas_cuob2_121", B = "_image_cuob2_125", F = "_block_cuob2_186", o = {
+  container: k,
+  reverse: R,
+  content: x,
+  header: y,
+  body: j,
+  ctas: I,
+  image: B,
+  block: F
+}, G = ({ image: m, header: s, body: t, primaryCta: r, secondaryCta: a, reverse: l, children: n, imagePos: _ }) => {
+  const d = N(), b = g({ ...p, delay: 0.2 });
+  return /* @__PURE__ */ e("div", { className: u(o.block, l && o.reverse), children: /* @__PURE__ */ c("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: [
+    /* @__PURE__ */ c("div", { className: o.content, ref: b, children: [
+      s && /* @__PURE__ */ e("h2", { className: o.header, children: s }),
+      t && /* @__PURE__ */ e("div", { className: o.body, children: f(t) }),
+      h.count(n) > 0 ? n : /* @__PURE__ */ e(v, { children: /* @__PURE__ */ c("div", { className: o.ctas, children: [
         r && /* @__PURE__ */ e(i, { ...r }),
         a && /* @__PURE__ */ e(i, { ...a })
       ] }) })

package/dist/components/List/List.js

@@ -1,19 +1,19 @@
 "use client";
-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,
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import r from "../Icon/Icon.js";
+import '../../assets/List.css';const n = "_item_17ro6_1", d = "_emphasis_17ro6_61", l = "_body_17ro6_109", s = {
+  item: n,
   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(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 })
+}, _ = ({ icon: a, items: c, header: o }) => (new URL((/* @__PURE__ */ Object.assign({}))[`./assets/icons/${a}.svg`], import.meta.url).href, /* @__PURE__ */ i("div", { className: s.list, children: [
+  /* @__PURE__ */ e("h2", { children: o }),
+  c.map((t, m) => /* @__PURE__ */ i("div", { className: s.item, children: [
+    /* @__PURE__ */ e(r, { type: "checkmark" }),
+    /* @__PURE__ */ i("div", { className: s.content, children: [
+      /* @__PURE__ */ e("p", { className: s.emphasis, children: t.header }),
+      /* @__PURE__ */ e("p", { className: s.body, children: t.body })
     ] })
-  ] }, `item-${o}`))
+  ] }, `item-${m}`))
 ] }));
 export {
   _ as default

package/dist/components/Navbar/Navbar.js

@@ -1,13 +1,13 @@
 "use client";
-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_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,
+import { jsxs as d, jsx as n } from "react/jsx-runtime";
+import { useRef as g, useState as l, useEffect as f, cloneElement as y } from "react";
+import k from "../MenuButton/MenuButton.js";
+import { r as w } from "../../index-DyQs5aC7.js";
+import N from "../Overlay/Overlay.js";
+import D from "../Container/Container.js";
+import { c as x } from "../../index-B2JRaoNz.js";
+import '../../assets/Navbar.css';const E = "_navbar_1yhdr_1", O = "_hide_1yhdr_19", Y = "_background_1yhdr_22", S = "_navbar__link_1yhdr_22", $ = "_navbar__logo_1yhdr_26", j = "_component_1yhdr_34", B = "_navbar__links_1yhdr_38", C = "_navbar__mobileDialog_1yhdr_95", F = "_open_1yhdr_107", L = "_navbar__toggle_1yhdr_118", a = {
+  navbar: E,
   hide: O,
   background: Y,
   navbar__link: S,
@@ -23,67 +23,67 @@ import '../../assets/Navbar.css';const y = "_navbar_1okw8_1", O = "_hide_1okw8_1
   backgroundColor: I,
   color: P,
   logoComponent: t,
-  hidden: d,
+  hidden: b,
   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 o = g(0), [R, m] = l("up"), [e, _] = l(!1), [u, h] = l(!1);
+  f(() => (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;
+    h(window.scrollY > 30);
+    const r = window.scrollY;
+    r - o.current !== 0 && m(r > o.current ? "down" : "up"), o.current = r > 0 ? r : 0;
   };
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ d(
     "nav",
     {
-      className: E(
+      className: x(
         a.navbar,
         u && a.background,
         e && a.open,
         // (direction === "down" || hidden) && styles.hide
-        d && a.hide
+        b && a.hide
       ),
       style: e ? {} : { position: v },
       children: [
-        /* @__PURE__ */ b("a", { className: a.navbar__logo, href: "/", children: [
+        /* @__PURE__ */ d("a", { className: a.navbar__logo, href: "/", children: [
           s && /* @__PURE__ */ n("img", { src: s }),
-          t && h(t, {
+          t && y(t, {
             className: a.component
           })
         ] }),
         /* @__PURE__ */ n("div", { className: a.navbar__toggle, children: /* @__PURE__ */ n(
-          f,
+          k,
           {
             clickFn: () => _(!e),
             isOpen: e,
             theme: "color-white"
           }
         ) }),
-        /* @__PURE__ */ n("div", { className: a.navbar__links, children: c.map((o, k) => /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: a.navbar__links, children: c.map((r, p) => /* @__PURE__ */ n(
           "a",
           {
             className: `${a.navbar__link}`,
-            href: o.value,
-            children: o.label
+            href: r.value,
+            children: r.label
           },
-          `navbar-d-${o.value}`
+          `navbar-d-${r.value}`
         )) }),
-        e && N.createPortal(
+        e && w.createPortal(
           /* @__PURE__ */ n(
-            D,
+            N,
             {
               closeFn: () => _(!1),
               hideClose: !0,
               background: M.white,
               fullscreen: !0,
-              children: /* @__PURE__ */ n(x, { color: "color-white", children: /* @__PURE__ */ n("div", { className: a.navbar__mobileDialog, children: c.map((o, k) => /* @__PURE__ */ n(
+              children: /* @__PURE__ */ n(D, { color: "color-white", children: /* @__PURE__ */ n("div", { className: a.navbar__mobileDialog, children: c.map((r, p) => /* @__PURE__ */ n(
                 "a",
                 {
                   className: a.navbar__link,
-                  href: o.value,
-                  children: o.label
+                  href: r.value,
+                  children: r.label
                 },
-                `m-${o.value}`
+                `m-${r.value}`
               )) }) })
             }
           ),

package/dist/components/Note/Note.js

@@ -1,21 +1,21 @@
 "use client";
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { jsxs as o, 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 = {
+import '../../assets/Note.css';const p = "_salutation_69fus_2", u = "_opener_69fus_48", f = "_from_69fus_53", d = "_body_69fus_100", N = "_close_69fus_152", h = "_signature_69fus_199", s = {
   salutation: p,
-  opener: d,
-  from: u,
-  body: f,
+  opener: u,
+  from: f,
+  body: d,
   close: N,
   signature: h
-}, v = ({ salutation: o, from: n, body: r, signature: t, close: c }) => {
+}, x = ({ salutation: a, 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,
+  return /* @__PURE__ */ o("div", { className: s.note, ref: l, children: [
+    /* @__PURE__ */ o("p", { className: s.salutation, children: [
+      /* @__PURE__ */ o("span", { className: s.opener, children: [
+        a,
         " "
       ] }),
       /* @__PURE__ */ e("span", { className: s.from, children: n })
@@ -26,5 +26,5 @@ import '../../assets/Note.css';const p = "_salutation_1azns_2", d = "_opener_1az
   ] });
 };
 export {
-  v as default
+  x as default
 };

package/dist/components/OverlayHero/OverlayHero.js

@@ -1,24 +1,24 @@
 "use client";
 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 { useRef as e, useEffect as z } 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
+import { S as q } from "../../ScrollTrigger-6HnikosL.js";
+import N from "../../hooks/useResize.js";
+import '../../assets/OverlayHero.css';const B = "_hero_fbz3q_5", T = "_heroBg_fbz3q_34", S = "_overlay_fbz3q_42", j = "_eyebrow_fbz3q_69", k = "_title_fbz3q_76", E = "_subtitle_fbz3q_94", r = {
+  hero: B,
+  heroBg: T,
+  overlay: S,
+  eyebrow: j,
+  title: k,
+  subtitle: E
 };
-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;
+t.registerPlugin(q);
+const $ = ({ text: P, image: d, pos: g, eyebrow: c, title: b, subtitle: n }) => {
+  const { innerWidth: h } = N(), s = e(null), l = e(), a = e(null), i = e(null), u = e(null), f = e(null);
+  return z(() => {
+    const _ = s.current, v = a.current, w = window.matchMedia("(prefers-reduced-motion: reduce)").matches, m = l.current;
+    if (w || h < 390) return;
     const R = t.context(() => {
       t.fromTo(
         v,
@@ -45,7 +45,7 @@ const $ = ({ text: W, image: d, pos: g, eyebrow: c, title: h, subtitle: a }) =>
         y: "15%",
         ease: "none",
         scrollTrigger: {
-          trigger: b,
+          trigger: _,
           start: "top top",
           end: "bottom top",
           scrub: !0
@@ -54,11 +54,11 @@ const $ = ({ text: W, image: d, pos: g, eyebrow: c, title: h, subtitle: a }) =>
     }, 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: [
+    /* @__PURE__ */ o("div", { ref: l, className: r.heroBg, style: { backgroundImage: `url(${d})`, backgroundPosition: g, opacity: 0 } }),
+    /* @__PURE__ */ p("div", { ref: a, 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) })
+      /* @__PURE__ */ o("h1", { ref: u, className: r.title, children: y(b) }),
+      n && /* @__PURE__ */ o("div", { ref: f, className: r.subtitle, children: y(n) })
     ] })
   ] });
 };

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