@courtneyring/components-library 1.0.34 → 1.0.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (109) hide show
  1. package/dist/AccordionItem-DUGBw5pW 2.js +40 -0
  2. package/dist/AccordionItem-DUGBw5pW.js +40 -0
  3. package/dist/ScrollTrigger-6HnikosL 3.js +1086 -0
  4. package/dist/animations/FadeIn 3.js +34 -0
  5. package/dist/assets/AccordionItem 4.css +1 -0
  6. package/dist/assets/AccordionItem.css +1 -1
  7. package/dist/assets/Background.css +1 -1
  8. package/dist/assets/Banner 3.css +1 -0
  9. package/dist/assets/Banner.css +1 -1
  10. package/dist/assets/BorderedBackground 4.css +1 -0
  11. package/dist/assets/Button 4.css +1 -0
  12. package/dist/assets/Button.css +1 -1
  13. package/dist/assets/ButtonGroup 4.css +1 -0
  14. package/dist/assets/ButtonGroup.css +1 -1
  15. package/dist/assets/Container 4.css +1 -0
  16. package/dist/assets/Container.css +1 -1
  17. package/dist/assets/Countdown 4.css +1 -0
  18. package/dist/assets/Countdown.css +1 -1
  19. package/dist/assets/Fifty 4.css +1 -0
  20. package/dist/assets/Fifty.css +1 -1
  21. package/dist/assets/FloatingWordsHero 4.css +1 -0
  22. package/dist/assets/FloatingWordsHero.css +1 -1
  23. package/dist/assets/Footer 4.css +1 -0
  24. package/dist/assets/Footer.css +1 -1
  25. package/dist/assets/GenericOverlay 4.css +1 -0
  26. package/dist/assets/GenericOverlay.css +1 -1
  27. package/dist/assets/GridGallery 4.css +1 -0
  28. package/dist/assets/GridGallery.css +1 -1
  29. package/dist/assets/HorizontalScrollImages 4.css +1 -0
  30. package/dist/assets/IconDetail 4.css +1 -0
  31. package/dist/assets/IconDetail.css +1 -1
  32. package/dist/assets/ImageTextBlock 4.css +1 -0
  33. package/dist/assets/ImageTextBlock.css +1 -1
  34. package/dist/assets/List.css +1 -1
  35. package/dist/assets/Map 4.css +1 -0
  36. package/dist/assets/Map.css +1 -1
  37. package/dist/assets/MenuButton 4.css +1 -0
  38. package/dist/assets/Navbar 4.css +1 -0
  39. package/dist/assets/Navbar.css +1 -1
  40. package/dist/assets/Note 4.css +1 -0
  41. package/dist/assets/Note.css +1 -1
  42. package/dist/assets/Overlay 4.css +1 -0
  43. package/dist/assets/Overlay.css +1 -1
  44. package/dist/assets/OverlayHero 4.css +1 -0
  45. package/dist/assets/OverlayHero.css +1 -1
  46. package/dist/assets/PageContainer 4.css +1 -0
  47. package/dist/assets/PageContainer.css +1 -1
  48. package/dist/assets/ParallaxImageGrid 4.css +1 -0
  49. package/dist/assets/PinnedImage 4.css +1 -0
  50. package/dist/assets/PinnedImage.css +1 -1
  51. package/dist/assets/PromoGroup 4.css +1 -0
  52. package/dist/assets/PromoGroup.css +1 -1
  53. package/dist/assets/RSVPEmbed 4.css +1 -0
  54. package/dist/assets/RSVPEmbed.css +1 -1
  55. package/dist/assets/Schedule 4.css +1 -0
  56. package/dist/assets/Schedule.css +1 -1
  57. package/dist/assets/TextBlock 4.css +1 -0
  58. package/dist/assets/TextBlock.css +1 -1
  59. package/dist/assets/Timeline 3.css +1 -0
  60. package/dist/assets/Toolbar 3.css +1 -0
  61. package/dist/components/Accordion/Accordion.js +1 -1
  62. package/dist/components/Accordion/AccordionItem.js +1 -1
  63. package/dist/components/Background/Background.js +5 -5
  64. package/dist/components/Banner/Banner.js +13 -13
  65. package/dist/components/Button/Button.js +19 -19
  66. package/dist/components/ButtonGroup/ButtonGroup.js +1 -1
  67. package/dist/components/Container/Container.js +12 -12
  68. package/dist/components/Countdown/Countdown.js +3 -3
  69. package/dist/components/Fifty/Fifty.js +22 -22
  70. package/dist/components/FloatingWordsHero/FloatingWordsHero.js +21 -21
  71. package/dist/components/Footer/Footer.js +6 -6
  72. package/dist/components/GenericOverlay/GenericOverlay.js +10 -10
  73. package/dist/components/GridGallery/GridGallery.js +9 -9
  74. package/dist/components/IconDetail/IconDetail.js +8 -8
  75. package/dist/components/ImageTextBlock/ImageTextBlock.js +17 -17
  76. package/dist/components/List/List.js +12 -12
  77. package/dist/components/Map/Map.js +14 -14
  78. package/dist/components/Navbar/Navbar.js +40 -40
  79. package/dist/components/Note/Note.js +19 -19
  80. package/dist/components/Overlay/Overlay.js +31 -31
  81. package/dist/components/OverlayHero/OverlayHero.js +32 -32
  82. package/dist/components/PageContainer/PageContainer.js +3 -3
  83. package/dist/components/PinnedImage/PinnedImage.js +25 -25
  84. package/dist/components/PromoGroup/PromoGroup.js +31 -30
  85. package/dist/components/RSVPEmbed/RSVPEmbed.js +1 -1
  86. package/dist/components/Schedule/Schedule.js +12 -12
  87. package/dist/components/TextBlock/TextBlock.js +12 -12
  88. package/dist/hooks/useActiveSection 4.js +27 -0
  89. package/dist/hooks/useFadeIn 4.js +52 -0
  90. package/dist/hooks/useImageReveal 4.js +55 -0
  91. package/dist/hooks/useNavColor 4.js +15 -0
  92. package/dist/hooks/useRepeatable 4.js +32 -0
  93. package/dist/hooks/useResize 4.js +23 -0
  94. package/dist/hooks/useResponsive 4.js +15 -0
  95. package/dist/hooks/useReveal 4.js +38 -0
  96. package/dist/hooks/useStagger 4.js +43 -0
  97. package/dist/index 4.js +50 -0
  98. package/dist/index-BmTo-IS6 4.js +2018 -0
  99. package/dist/index-K0WrPJ_C 4.js +29 -0
  100. package/dist/index.modern-DPbS1w7M 4.js +1443 -0
  101. package/package.json +1 -1
  102. package/src/styles/_breakpoints.scss +1 -1
  103. package/dist/AccordionItem-BnGlD8YU.js +0 -40
  104. /package/dist/{index-B2JRaoNz 2.js → index-B2JRaoNz 4.js} +0 -0
  105. /package/dist/{index-DyQs5aC7 3.js → index-DyQs5aC7 4.js} +0 -0
  106. /package/dist/presets/{animations 3.js → animations 4.js} +0 -0
  107. /package/dist/utils/{breakpoints 3.js → breakpoints 4.js} +0 -0
  108. /package/dist/utils/{gsapSetup 3.js → gsapSetup 4.js} +0 -0
  109. /package/dist/utils/{parse 3.js → parse 4.js} +0 -0
@@ -1,21 +1,21 @@
1
1
  "use client";
2
- import { jsx as e, jsxs as t } from "react/jsx-runtime";
2
+ import { jsx as n, jsxs as c } from "react/jsx-runtime";
3
3
  import l from "../../utils/parse.js";
4
4
  import o from "../Button/Button.js";
5
- import '../../assets/GenericOverlay.css';const i = "_overlay_ukyq8_2", d = "_content_ukyq8_61", v = "_ctas_ukyq8_155", n = {
5
+ import '../../assets/GenericOverlay.css';const i = "_overlay_1nj7c_2", d = "_content_1nj7c_61", v = "_ctas_1nj7c_155", e = {
6
6
  overlay: i,
7
7
  content: d,
8
8
  ctas: v
9
- }, y = ({ header: r, body: a, primaryCta: c, secondaryCta: s }) => /* @__PURE__ */ e("div", { className: n.overlay, children: /* @__PURE__ */ t("div", { className: n.innerContainer, children: [
10
- /* @__PURE__ */ e("h2", { children: r }),
11
- /* @__PURE__ */ t("div", { className: n.content, children: [
12
- /* @__PURE__ */ e("div", { children: l(a) }),
13
- /* @__PURE__ */ t("div", { className: n.ctas, children: [
14
- c && /* @__PURE__ */ e(o, { ...c }),
15
- s && /* @__PURE__ */ e(o, { ...s })
9
+ }, j = ({ header: r, body: a, primaryCta: t, secondaryCta: s }) => /* @__PURE__ */ n("div", { className: e.overlay, children: /* @__PURE__ */ c("div", { className: e.innerContainer, children: [
10
+ /* @__PURE__ */ n("h2", { children: r }),
11
+ /* @__PURE__ */ c("div", { className: e.content, children: [
12
+ /* @__PURE__ */ n("div", { children: l(a) }),
13
+ /* @__PURE__ */ c("div", { className: e.ctas, children: [
14
+ t && /* @__PURE__ */ n(o, { ...t }),
15
+ s && /* @__PURE__ */ n(o, { ...s })
16
16
  ] })
17
17
  ] })
18
18
  ] }) });
19
19
  export {
20
- y as default
20
+ j as default
21
21
  };
@@ -1,15 +1,15 @@
1
1
  "use client";
2
- import { jsx as e, jsxs as l } from "react/jsx-runtime";
2
+ import { jsx as r, jsxs as l } from "react/jsx-runtime";
3
3
  import { c } from "../../index-B2JRaoNz.js";
4
- import '../../assets/GridGallery.css';const m = "_gallery_xj28v_1", o = "_image_xj28v_6", i = "_row_xj28v_15", t = "_reverse_xj28v_30", r = {
5
- gallery: m,
6
- image: o,
7
- row: i,
4
+ import '../../assets/GridGallery.css';const i = "_gallery_1brih_1", m = "_image_1brih_6", o = "_row_1brih_15", t = "_reverse_1brih_30", e = {
5
+ gallery: i,
6
+ image: m,
7
+ row: o,
8
8
  reverse: t
9
- }, g = ({ images: s }) => /* @__PURE__ */ e("div", { className: r.gallery, children: [...Array.from({ length: s.length / 2 })].map((n, a) => /* @__PURE__ */ l("div", { className: c(r.row, a % 2 && r.reverse), children: [
10
- /* @__PURE__ */ e("div", { className: r.image, children: /* @__PURE__ */ e("img", { src: s[a * 2] }) }),
11
- /* @__PURE__ */ e("div", { className: r.image, children: /* @__PURE__ */ e("img", { src: s[a * 2 + 1] }) })
9
+ }, h = ({ images: s }) => /* @__PURE__ */ r("div", { className: e.gallery, children: [...Array.from({ length: s.length / 2 })].map((n, a) => /* @__PURE__ */ l("div", { className: c(e.row, a % 2 && e.reverse), children: [
10
+ /* @__PURE__ */ r("div", { className: e.image, children: /* @__PURE__ */ r("img", { src: s[a * 2] }) }),
11
+ /* @__PURE__ */ r("div", { className: e.image, children: /* @__PURE__ */ r("img", { src: s[a * 2 + 1] }) })
12
12
  ] })) });
13
13
  export {
14
- g as default
14
+ h as default
15
15
  };
@@ -1,14 +1,14 @@
1
1
  "use client";
2
- import { jsxs as o, jsx as l } from "react/jsx-runtime";
3
- import c from "../../utils/parse.js";
4
- import { c as i } from "../../index-B2JRaoNz.js";
5
- import '../../assets/IconDetail.css';const r = "_detail_vbocq_1", n = "_label_vbocq_57", a = {
2
+ import { jsxs as i, jsx as l } from "react/jsx-runtime";
3
+ import o from "../../utils/parse.js";
4
+ import { c } from "../../index-B2JRaoNz.js";
5
+ import '../../assets/IconDetail.css';const r = "_detail_1tukt_1", n = "_label_1tukt_57", a = {
6
6
  detail: r,
7
7
  label: n
8
- }, _ = ({ icon: s, text: e, href: t }) => /* @__PURE__ */ o(t ? "a" : "div", { className: a.detail, children: [
9
- /* @__PURE__ */ l("span", { className: i(a.icon, "material-symbols-outlined"), children: s }),
10
- /* @__PURE__ */ l("div", { className: a.label, children: c(e) })
8
+ }, b = ({ icon: s, text: e, href: t }) => /* @__PURE__ */ i(t ? "a" : "div", { className: a.detail, children: [
9
+ /* @__PURE__ */ l("span", { className: c(a.icon, "material-symbols-outlined"), children: s }),
10
+ /* @__PURE__ */ l("div", { className: a.label, children: o(e) })
11
11
  ] });
12
12
  export {
13
- _ as default
13
+ b as default
14
14
  };
@@ -1,14 +1,14 @@
1
1
  "use client";
2
- import { jsx as e, jsxs as c, Fragment as v } from "react/jsx-runtime";
2
+ import { jsx as e, jsxs as a, Fragment as f } from "react/jsx-runtime";
3
3
  import i from "../Button/Button.js";
4
- import { c as u } from "../../index-B2JRaoNz.js";
4
+ import { c as h } from "../../index-B2JRaoNz.js";
5
5
  import "../../hooks/useFadeIn.js";
6
- import f from "../../utils/parse.js";
7
- import { Children as h } from "react";
8
- import { appleReveal as p } from "../../presets/animations.js";
9
- import { useReveal as g } from "../../hooks/useReveal.js";
10
- import { useImageReveal as N } from "../../hooks/useImageReveal.js";
11
- 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 = {
6
+ import p from "../../utils/parse.js";
7
+ import { Children as g } from "react";
8
+ import { appleReveal as b } from "../../presets/animations.js";
9
+ import { useReveal as N } from "../../hooks/useReveal.js";
10
+ import { useImageReveal as u } from "../../hooks/useImageReveal.js";
11
+ import '../../assets/ImageTextBlock.css';const k = "_container_v69a4_1", R = "_reverse_v69a4_7", x = "_content_v69a4_11", y = "_header_v69a4_16", j = "_body_v69a4_69", I = "_ctas_v69a4_121", B = "_image_v69a4_125", F = "_block_v69a4_186", o = {
12
12
  container: k,
13
13
  reverse: R,
14
14
  content: x,
@@ -17,16 +17,16 @@ import '../../assets/ImageTextBlock.css';const k = "_container_cuob2_1", R = "_r
17
17
  ctas: I,
18
18
  image: B,
19
19
  block: F
20
- }, G = ({ image: m, header: s, body: t, primaryCta: r, secondaryCta: a, reverse: l, children: n, imagePos: _ }) => {
21
- const d = N(), b = g({ ...p, delay: 0.2 });
22
- return /* @__PURE__ */ e("div", { className: u(o.block, l && o.reverse), children: /* @__PURE__ */ c("div", { className: o.container, children: [
23
- /* @__PURE__ */ e("div", { className: o.image, ref: d, children: /* @__PURE__ */ e("img", { src: m, style: { objectPosition: _ } }) }),
24
- /* @__PURE__ */ c("div", { className: o.content, ref: b, children: [
20
+ }, G = ({ image: m, header: s, body: t, primaryCta: c, secondaryCta: r, reverse: l, children: n, imagePos: _ }) => {
21
+ const v = u(), d = N({ ...b, delay: 0.2 });
22
+ return /* @__PURE__ */ e("div", { className: h(o.block, l && o.reverse), children: /* @__PURE__ */ a("div", { className: o.container, children: [
23
+ /* @__PURE__ */ e("div", { className: o.image, ref: v, children: /* @__PURE__ */ e("img", { src: m, style: { objectPosition: _ } }) }),
24
+ /* @__PURE__ */ a("div", { className: o.content, ref: d, children: [
25
25
  s && /* @__PURE__ */ e("h2", { className: o.header, children: s }),
26
- t && /* @__PURE__ */ e("div", { className: o.body, children: f(t) }),
27
- h.count(n) > 0 ? n : /* @__PURE__ */ e(v, { children: /* @__PURE__ */ c("div", { className: o.ctas, children: [
28
- r && /* @__PURE__ */ e(i, { ...r }),
29
- a && /* @__PURE__ */ e(i, { ...a })
26
+ t && /* @__PURE__ */ e("div", { className: o.body, children: p(t) }),
27
+ g.count(n) > 0 ? n : /* @__PURE__ */ e(f, { children: /* @__PURE__ */ a("div", { className: o.ctas, children: [
28
+ c && /* @__PURE__ */ e(i, { ...c }),
29
+ r && /* @__PURE__ */ e(i, { ...r })
30
30
  ] }) })
31
31
  ] })
32
32
  ] }) });
@@ -1,19 +1,19 @@
1
1
  "use client";
2
- import { jsxs as i, jsx as e } from "react/jsx-runtime";
3
- import r from "../Icon/Icon.js";
4
- import '../../assets/List.css';const n = "_item_17ro6_1", d = "_emphasis_17ro6_61", l = "_body_17ro6_109", s = {
5
- item: n,
2
+ import { jsxs as a, jsx as e } from "react/jsx-runtime";
3
+ import o from "../Icon/Icon.js";
4
+ import '../../assets/List.css';const r = "_item_1qcan_1", d = "_emphasis_1qcan_61", l = "_body_1qcan_109", s = {
5
+ item: r,
6
6
  emphasis: d,
7
7
  body: l
8
- }, _ = ({ 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: [
9
- /* @__PURE__ */ e("h2", { children: o }),
10
- c.map((t, m) => /* @__PURE__ */ i("div", { className: s.item, children: [
11
- /* @__PURE__ */ e(r, { type: "checkmark" }),
12
- /* @__PURE__ */ i("div", { className: s.content, children: [
13
- /* @__PURE__ */ e("p", { className: s.emphasis, children: t.header }),
14
- /* @__PURE__ */ e("p", { className: s.body, children: t.body })
8
+ }, _ = ({ icon: i, items: t, header: m }) => (new URL((/* @__PURE__ */ Object.assign({}))[`./assets/icons/${i}.svg`], import.meta.url).href, /* @__PURE__ */ a("div", { className: s.list, children: [
9
+ /* @__PURE__ */ e("h2", { children: m }),
10
+ t.map((c, n) => /* @__PURE__ */ a("div", { className: s.item, children: [
11
+ /* @__PURE__ */ e(o, { type: "checkmark" }),
12
+ /* @__PURE__ */ a("div", { className: s.content, children: [
13
+ /* @__PURE__ */ e("p", { className: s.emphasis, children: c.header }),
14
+ /* @__PURE__ */ e("p", { className: s.body, children: c.body })
15
15
  ] })
16
- ] }, `item-${m}`))
16
+ ] }, `item-${n}`))
17
17
  ] }));
18
18
  export {
19
19
  _ as default
@@ -1,20 +1,20 @@
1
1
  "use client";
2
- import { jsxs as p, jsx as o } from "react/jsx-runtime";
3
- import { A as _, M as m, a as d } from "../../index.modern-DPbS1w7M.js";
2
+ import { jsxs as _, jsx as o } from "react/jsx-runtime";
3
+ import { A as m, M as d, a as p } from "../../index.modern-DPbS1w7M.js";
4
4
  import { c as b } from "../../index-B2JRaoNz.js";
5
5
  import f from "../Button/Button.js";
6
- 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 = {
6
+ import '../../assets/Map.css';const u = "_container_699zq_1", z = "_button_699zq_7", q = "_map_699zq_12", v = "_fade_699zq_18", N = "_marker_699zq_26", h = "_pin_699zq_26", M = "_above_699zq_35", g = "_below_699zq_52", a = {
7
7
  container: u,
8
8
  button: z,
9
- map: v,
10
- fade: N,
11
- marker: h,
12
- pin: M,
13
- above: g,
14
- below: w
15
- }, j = ({ apiKey: n, mapId: s, defaultZoom: t, defaultCenter: r, markers: l, cta: c }) => /* @__PURE__ */ p("div", { className: a.container, children: [
16
- /* @__PURE__ */ o(_, { apiKey: n, children: /* @__PURE__ */ o(
17
- m,
9
+ map: q,
10
+ fade: v,
11
+ marker: N,
12
+ pin: h,
13
+ above: M,
14
+ below: g
15
+ }, $ = ({ apiKey: n, mapId: s, defaultZoom: t, defaultCenter: r, markers: l, cta: c }) => /* @__PURE__ */ _("div", { className: a.container, children: [
16
+ /* @__PURE__ */ o(m, { apiKey: n, children: /* @__PURE__ */ o(
17
+ d,
18
18
  {
19
19
  className: a.map,
20
20
  defaultZoom: t,
@@ -25,7 +25,7 @@ import '../../assets/Map.css';const u = "_container_p2z63_1", z = "_button_p2z63
25
25
  panControl: !1,
26
26
  disableDefaultUI: !0,
27
27
  children: l.map((e, i) => /* @__PURE__ */ o(
28
- d,
28
+ p,
29
29
  {
30
30
  position: e.position,
31
31
  className: b(a.marker, a[e.dialogPos]),
@@ -39,5 +39,5 @@ import '../../assets/Map.css';const u = "_container_p2z63_1", z = "_button_p2z63
39
39
  /* @__PURE__ */ o(f, { ...c, className: a.button })
40
40
  ] });
41
41
  export {
42
- j as default
42
+ $ as default
43
43
  };
@@ -1,13 +1,13 @@
1
1
  "use client";
2
- import { jsxs as d, jsx as n } from "react/jsx-runtime";
3
- import { useRef as g, useState as l, useEffect as f, cloneElement as y } from "react";
4
- import k from "../MenuButton/MenuButton.js";
5
- import { r as w } from "../../index-DyQs5aC7.js";
6
- import N from "../Overlay/Overlay.js";
7
- import D from "../Container/Container.js";
8
- import { c as x } from "../../index-B2JRaoNz.js";
9
- 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 = {
10
- navbar: E,
2
+ import { jsxs as u, jsx as n } from "react/jsx-runtime";
3
+ import { useRef as h, useState as l, useEffect as f, cloneElement as k } from "react";
4
+ import w from "../MenuButton/MenuButton.js";
5
+ import { r as N } from "../../index-DyQs5aC7.js";
6
+ import D from "../Overlay/Overlay.js";
7
+ import x from "../Container/Container.js";
8
+ import { c as E } from "../../index-B2JRaoNz.js";
9
+ import '../../assets/Navbar.css';const y = "_navbar_1ue9a_1", O = "_hide_1ue9a_19", Y = "_background_1ue9a_22", S = "_navbar__link_1ue9a_22", $ = "_navbar__logo_1ue9a_26", j = "_component_1ue9a_34", B = "_navbar__links_1ue9a_38", C = "_navbar__mobileDialog_1ue9a_95", F = "_open_1ue9a_107", L = "_navbar__toggle_1ue9a_118", e = {
10
+ navbar: y,
11
11
  hide: O,
12
12
  background: Y,
13
13
  navbar__link: S,
@@ -24,66 +24,66 @@ import '../../assets/Navbar.css';const E = "_navbar_1yhdr_1", O = "_hide_1yhdr_1
24
24
  color: P,
25
25
  logoComponent: t,
26
26
  hidden: b,
27
- position: v = "absolute"
27
+ position: d = "absolute"
28
28
  }) => {
29
- const o = g(0), [R, m] = l("up"), [e, _] = l(!1), [u, h] = l(!1);
29
+ const o = h(0), [R, v] = l("up"), [r, _] = l(!1), [m, p] = l(!1);
30
30
  f(() => (window.addEventListener("scroll", i), () => window.removeEventListener("scroll", i)), []);
31
31
  const i = () => {
32
- h(window.scrollY > 30);
33
- const r = window.scrollY;
34
- r - o.current !== 0 && m(r > o.current ? "down" : "up"), o.current = r > 0 ? r : 0;
32
+ p(window.scrollY > 30);
33
+ const a = window.scrollY;
34
+ a - o.current !== 0 && v(a > o.current ? "down" : "up"), o.current = a > 0 ? a : 0;
35
35
  };
36
- return /* @__PURE__ */ d(
36
+ return /* @__PURE__ */ u(
37
37
  "nav",
38
38
  {
39
- className: x(
40
- a.navbar,
41
- u && a.background,
42
- e && a.open,
39
+ className: E(
40
+ e.navbar,
41
+ m && e.background,
42
+ r && e.open,
43
43
  // (direction === "down" || hidden) && styles.hide
44
- b && a.hide
44
+ b && e.hide
45
45
  ),
46
- style: e ? {} : { position: v },
46
+ style: r ? {} : { position: d },
47
47
  children: [
48
- /* @__PURE__ */ d("a", { className: a.navbar__logo, href: "/", children: [
48
+ /* @__PURE__ */ u("a", { className: e.navbar__logo, href: "/", children: [
49
49
  s && /* @__PURE__ */ n("img", { src: s }),
50
- t && y(t, {
51
- className: a.component
50
+ t && k(t, {
51
+ className: e.component
52
52
  })
53
53
  ] }),
54
- /* @__PURE__ */ n("div", { className: a.navbar__toggle, children: /* @__PURE__ */ n(
55
- k,
54
+ /* @__PURE__ */ n("div", { className: e.navbar__toggle, children: /* @__PURE__ */ n(
55
+ w,
56
56
  {
57
- clickFn: () => _(!e),
58
- isOpen: e,
57
+ clickFn: () => _(!r),
58
+ isOpen: r,
59
59
  theme: "color-white"
60
60
  }
61
61
  ) }),
62
- /* @__PURE__ */ n("div", { className: a.navbar__links, children: c.map((r, p) => /* @__PURE__ */ n(
62
+ /* @__PURE__ */ n("div", { className: e.navbar__links, children: c.map((a, g) => /* @__PURE__ */ n(
63
63
  "a",
64
64
  {
65
- className: `${a.navbar__link}`,
66
- href: r.value,
67
- children: r.label
65
+ className: `${e.navbar__link}`,
66
+ href: a.value,
67
+ children: a.label
68
68
  },
69
- `navbar-d-${r.value}`
69
+ `navbar-d-${a.value}`
70
70
  )) }),
71
- e && w.createPortal(
71
+ r && N.createPortal(
72
72
  /* @__PURE__ */ n(
73
- N,
73
+ D,
74
74
  {
75
75
  closeFn: () => _(!1),
76
76
  hideClose: !0,
77
77
  background: M.white,
78
78
  fullscreen: !0,
79
- children: /* @__PURE__ */ n(D, { color: "color-white", children: /* @__PURE__ */ n("div", { className: a.navbar__mobileDialog, children: c.map((r, p) => /* @__PURE__ */ n(
79
+ children: /* @__PURE__ */ n(x, { color: "color-white", children: /* @__PURE__ */ n("div", { className: e.navbar__mobileDialog, children: c.map((a, g) => /* @__PURE__ */ n(
80
80
  "a",
81
81
  {
82
- className: a.navbar__link,
83
- href: r.value,
84
- children: r.label
82
+ className: e.navbar__link,
83
+ href: a.value,
84
+ children: a.label
85
85
  },
86
- `m-${r.value}`
86
+ `m-${a.value}`
87
87
  )) }) })
88
88
  }
89
89
  ),
@@ -1,28 +1,28 @@
1
1
  "use client";
2
- import { jsxs as o, jsx as e } from "react/jsx-runtime";
3
- import { useReveal as i } from "../../hooks/useReveal.js";
4
- import { appleReveal as m } from "../../presets/animations.js";
2
+ import { jsxs as o, jsx as s } from "react/jsx-runtime";
3
+ import { useReveal as m } from "../../hooks/useReveal.js";
4
+ import { appleReveal as i } from "../../presets/animations.js";
5
5
  import _ from "../../utils/parse.js";
6
- 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 = {
6
+ import '../../assets/Note.css';const p = "_salutation_vtem0_2", d = "_opener_vtem0_48", u = "_from_vtem0_53", f = "_body_vtem0_100", v = "_close_vtem0_152", N = "_signature_vtem0_199", e = {
7
7
  salutation: p,
8
- opener: u,
9
- from: f,
10
- body: d,
11
- close: N,
12
- signature: h
13
- }, x = ({ salutation: a, from: n, body: r, signature: t, close: c }) => {
14
- const l = i(m);
15
- return /* @__PURE__ */ o("div", { className: s.note, ref: l, children: [
16
- /* @__PURE__ */ o("p", { className: s.salutation, children: [
17
- /* @__PURE__ */ o("span", { className: s.opener, children: [
18
- a,
8
+ opener: d,
9
+ from: u,
10
+ body: f,
11
+ close: v,
12
+ signature: N
13
+ }, x = ({ salutation: t, from: a, body: n, signature: r, close: c }) => {
14
+ const l = m(i);
15
+ return /* @__PURE__ */ o("div", { className: e.note, ref: l, children: [
16
+ /* @__PURE__ */ o("p", { className: e.salutation, children: [
17
+ /* @__PURE__ */ o("span", { className: e.opener, children: [
18
+ t,
19
19
  " "
20
20
  ] }),
21
- /* @__PURE__ */ e("span", { className: s.from, children: n })
21
+ /* @__PURE__ */ s("span", { className: e.from, children: a })
22
22
  ] }),
23
- /* @__PURE__ */ e("div", { className: s.body, children: _(r) }),
24
- /* @__PURE__ */ e("p", { className: s.close, children: c }),
25
- /* @__PURE__ */ e("p", { className: s.signature, children: t })
23
+ /* @__PURE__ */ s("div", { className: e.body, children: _(n) }),
24
+ /* @__PURE__ */ s("p", { className: e.close, children: c }),
25
+ /* @__PURE__ */ s("p", { className: e.signature, children: r })
26
26
  ] });
27
27
  };
28
28
  export {
@@ -1,53 +1,53 @@
1
1
  "use client";
2
- import { jsxs as r, jsx as s } from "react/jsx-runtime";
3
- import { useState as v, useEffect as u } from "react";
4
- import { c as m } from "../../index-B2JRaoNz.js";
5
- 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 = {
6
- overlay: i,
7
- hideNav: y,
8
- overlay__dialog: f,
9
- overlay__background: N,
10
- fadeIn: h,
11
- fadeOut: O,
12
- overlay__close: g,
13
- fullscreen: b
14
- }, I = ({
15
- children: t,
16
- closeFn: c,
17
- hideClose: o,
18
- background: a,
19
- fullscreen: d = !0
2
+ import { jsxs as n, jsx as o } from "react/jsx-runtime";
3
+ import { useState as u, useEffect as v } from "react";
4
+ import { c as i } from "../../index-B2JRaoNz.js";
5
+ import '../../assets/Overlay.css';const y = "_overlay_1nquw_17", f = "_hideNav_1nquw_43", m = "_overlay__dialog_1nquw_43", w = "_overlay__background_1nquw_47", N = "_fadeIn_1nquw_1", h = "_fadeOut_1nquw_57", q = "_overlay__close_1nquw_80", O = "_fullscreen_1nquw_104", e = {
6
+ overlay: y,
7
+ hideNav: f,
8
+ overlay__dialog: m,
9
+ overlay__background: w,
10
+ fadeIn: N,
11
+ fadeOut: h,
12
+ overlay__close: q,
13
+ fullscreen: O
14
+ }, p = ({
15
+ children: r,
16
+ closeFn: t,
17
+ hideClose: a,
18
+ background: l,
19
+ fullscreen: c = !0
20
20
  }) => {
21
- const [l, n] = v(!1);
22
- u(() => (document.body.style.overflow = "hidden", () => {
21
+ const [s, d] = u(!1);
22
+ v(() => (document.body.style.overflow = "hidden", () => {
23
23
  document.body.style.overflow = "unset";
24
24
  }), []);
25
25
  const _ = () => {
26
- n(!0), setTimeout(() => {
27
- c();
26
+ d(!0), setTimeout(() => {
27
+ t();
28
28
  }, 500);
29
29
  };
30
- return /* @__PURE__ */ r("div", { className: m(e.overlay, !o && e.hideNav), children: [
31
- /* @__PURE__ */ s(
30
+ return /* @__PURE__ */ n("div", { className: i(e.overlay, !a && e.hideNav), children: [
31
+ /* @__PURE__ */ o(
32
32
  "div",
33
33
  {
34
- className: ` ${e.overlay__background} ${l && e.fadeOut}`,
34
+ className: ` ${e.overlay__background} ${s && e.fadeOut}`,
35
35
  onClick: _
36
36
  }
37
37
  ),
38
- /* @__PURE__ */ r(
38
+ /* @__PURE__ */ n(
39
39
  "div",
40
40
  {
41
- className: `${e.overlay__dialog} ${l ? e.fadeOut : e.fadeIn} ${d && e.fullscreen} `,
42
- style: a ? { background: a } : {},
41
+ className: `${e.overlay__dialog} ${s ? e.fadeOut : e.fadeIn} ${c && e.fullscreen} `,
42
+ style: l ? { background: l } : {},
43
43
  children: [
44
- !o && /* @__PURE__ */ s("div", { className: e.overlay__close, onClick: _, children: /* @__PURE__ */ s("span", { className: "material-symbols-outlined", children: "close" }) }),
45
- t
44
+ !a && /* @__PURE__ */ o("div", { className: e.overlay__close, onClick: _, children: /* @__PURE__ */ o("span", { className: "material-symbols-outlined", children: "close" }) }),
45
+ r
46
46
  ]
47
47
  }
48
48
  )
49
49
  ] });
50
50
  };
51
51
  export {
52
- I as default
52
+ p as default
53
53
  };
@@ -1,32 +1,32 @@
1
1
  "use client";
2
2
  import { jsxs as p, jsx as o } from "react/jsx-runtime";
3
3
  import y from "../../utils/parse.js";
4
- import { useRef as e, useEffect as z } from "react";
5
- import { g as t } from "../../index-BmTo-IS6.js";
6
- import { S as q } from "../../ScrollTrigger-6HnikosL.js";
7
- import N from "../../hooks/useResize.js";
8
- 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 = {
9
- hero: B,
10
- heroBg: T,
11
- overlay: S,
12
- eyebrow: j,
13
- title: k,
14
- subtitle: E
4
+ import { useRef as e, useEffect as N } from "react";
5
+ import { g as r } from "../../index-BmTo-IS6.js";
6
+ import { S as B } from "../../ScrollTrigger-6HnikosL.js";
7
+ import T from "../../hooks/useResize.js";
8
+ import '../../assets/OverlayHero.css';const S = "_hero_m6nvt_5", j = "_heroBg_m6nvt_34", k = "_overlay_m6nvt_42", E = "_eyebrow_m6nvt_69", P = "_title_m6nvt_76", W = "_subtitle_m6nvt_94", t = {
9
+ hero: S,
10
+ heroBg: j,
11
+ overlay: k,
12
+ eyebrow: E,
13
+ title: P,
14
+ subtitle: W
15
15
  };
16
- t.registerPlugin(q);
17
- const $ = ({ text: P, image: d, pos: g, eyebrow: c, title: b, subtitle: n }) => {
18
- const { innerWidth: h } = N(), s = e(null), l = e(), a = e(null), i = e(null), u = e(null), f = e(null);
19
- return z(() => {
20
- const _ = s.current, v = a.current, w = window.matchMedia("(prefers-reduced-motion: reduce)").matches, m = l.current;
21
- if (w || h < 390) return;
22
- const R = t.context(() => {
23
- t.fromTo(
24
- v,
16
+ r.registerPlugin(B);
17
+ const q = ({ text: z, image: d, pos: g, eyebrow: n, title: h, subtitle: c }) => {
18
+ const { innerWidth: v } = T(), s = e(null), l = e(), a = e(null), i = e(null), u = e(null), m = e(null);
19
+ return N(() => {
20
+ const _ = s.current, b = a.current, w = window.matchMedia("(prefers-reduced-motion: reduce)").matches, f = l.current;
21
+ if (w || v < 390) return;
22
+ const R = r.context(() => {
23
+ r.fromTo(
24
+ b,
25
25
  { opacity: 0 },
26
26
  { opacity: 1, duration: 1.2, ease: "power2.out" }
27
27
  );
28
- const x = [i.current, u.current, f.current].filter(Boolean);
29
- t.fromTo(
28
+ const x = [i.current, u.current, m.current].filter(Boolean);
29
+ r.fromTo(
30
30
  x,
31
31
  { opacity: 0, y: 18 },
32
32
  {
@@ -37,11 +37,11 @@ const $ = ({ text: P, image: d, pos: g, eyebrow: c, title: b, subtitle: n }) =>
37
37
  stagger: 0.2,
38
38
  delay: 0.4
39
39
  }
40
- ), t.fromTo(
41
- m,
40
+ ), r.fromTo(
41
+ f,
42
42
  { scale: 1.08, opacity: 0 },
43
43
  { scale: 1, opacity: 1, duration: 2, ease: "power1.out" }
44
- ), t.to(m, {
44
+ ), r.to(f, {
45
45
  y: "15%",
46
46
  ease: "none",
47
47
  scrollTrigger: {
@@ -53,15 +53,15 @@ const $ = ({ text: P, image: d, pos: g, eyebrow: c, title: b, subtitle: n }) =>
53
53
  });
54
54
  }, s);
55
55
  return () => R.revert();
56
- }, []), /* @__PURE__ */ p("div", { ref: s, className: r.hero, children: [
57
- /* @__PURE__ */ o("div", { ref: l, className: r.heroBg, style: { backgroundImage: `url(${d})`, backgroundPosition: g, opacity: 0 } }),
58
- /* @__PURE__ */ p("div", { ref: a, className: r.overlay, style: { opacity: 0 }, children: [
59
- c && /* @__PURE__ */ o("p", { ref: i, className: r.eyebrow, children: c }),
60
- /* @__PURE__ */ o("h1", { ref: u, className: r.title, children: y(b) }),
61
- n && /* @__PURE__ */ o("div", { ref: f, className: r.subtitle, children: y(n) })
56
+ }, []), /* @__PURE__ */ p("div", { ref: s, className: t.hero, children: [
57
+ /* @__PURE__ */ o("div", { ref: l, className: t.heroBg, style: { backgroundImage: `url(${d})`, backgroundPosition: g, opacity: 0 } }),
58
+ /* @__PURE__ */ p("div", { ref: a, className: t.overlay, style: { opacity: 0 }, children: [
59
+ n && /* @__PURE__ */ o("p", { ref: i, className: t.eyebrow, children: n }),
60
+ /* @__PURE__ */ o("h1", { ref: u, className: t.title, children: y(h) }),
61
+ c && /* @__PURE__ */ o("div", { ref: m, className: t.subtitle, children: y(c) })
62
62
  ] })
63
63
  ] });
64
64
  };
65
65
  export {
66
- $ as default
66
+ q as default
67
67
  };
@@ -1,9 +1,9 @@
1
1
  "use client";
2
2
  import { jsxs as i, jsx as o } from "react/jsx-runtime";
3
- 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 = {
3
+ import '../../assets/PageContainer.css';const s = "_container__inner_1mlm4_2", m = "_removePadding_1mlm4_55", l = "_container__body_1mlm4_59", y = "_container__copy_1mlm4_74", n = {
4
4
  container__inner: s,
5
- removePadding: l,
6
- container__body: m,
5
+ removePadding: m,
6
+ container__body: l,
7
7
  container__copy: y
8
8
  }, P = ({
9
9
  heroImage: g,