@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.
- package/dist/AccordionItem-DUGBw5pW 2.js +40 -0
- package/dist/AccordionItem-DUGBw5pW.js +40 -0
- package/dist/ScrollTrigger-6HnikosL 3.js +1086 -0
- package/dist/animations/FadeIn 3.js +34 -0
- package/dist/assets/AccordionItem 4.css +1 -0
- package/dist/assets/AccordionItem.css +1 -1
- package/dist/assets/Background.css +1 -1
- package/dist/assets/Banner 3.css +1 -0
- package/dist/assets/Banner.css +1 -1
- package/dist/assets/BorderedBackground 4.css +1 -0
- package/dist/assets/Button 4.css +1 -0
- package/dist/assets/Button.css +1 -1
- package/dist/assets/ButtonGroup 4.css +1 -0
- package/dist/assets/ButtonGroup.css +1 -1
- package/dist/assets/Container 4.css +1 -0
- package/dist/assets/Container.css +1 -1
- package/dist/assets/Countdown 4.css +1 -0
- package/dist/assets/Countdown.css +1 -1
- package/dist/assets/Fifty 4.css +1 -0
- package/dist/assets/Fifty.css +1 -1
- package/dist/assets/FloatingWordsHero 4.css +1 -0
- package/dist/assets/FloatingWordsHero.css +1 -1
- package/dist/assets/Footer 4.css +1 -0
- package/dist/assets/Footer.css +1 -1
- package/dist/assets/GenericOverlay 4.css +1 -0
- package/dist/assets/GenericOverlay.css +1 -1
- package/dist/assets/GridGallery 4.css +1 -0
- package/dist/assets/GridGallery.css +1 -1
- package/dist/assets/HorizontalScrollImages 4.css +1 -0
- package/dist/assets/IconDetail 4.css +1 -0
- package/dist/assets/IconDetail.css +1 -1
- package/dist/assets/ImageTextBlock 4.css +1 -0
- package/dist/assets/ImageTextBlock.css +1 -1
- package/dist/assets/List.css +1 -1
- package/dist/assets/Map 4.css +1 -0
- package/dist/assets/Map.css +1 -1
- package/dist/assets/MenuButton 4.css +1 -0
- package/dist/assets/Navbar 4.css +1 -0
- package/dist/assets/Navbar.css +1 -1
- package/dist/assets/Note 4.css +1 -0
- package/dist/assets/Note.css +1 -1
- package/dist/assets/Overlay 4.css +1 -0
- package/dist/assets/Overlay.css +1 -1
- package/dist/assets/OverlayHero 4.css +1 -0
- package/dist/assets/OverlayHero.css +1 -1
- package/dist/assets/PageContainer 4.css +1 -0
- package/dist/assets/PageContainer.css +1 -1
- package/dist/assets/ParallaxImageGrid 4.css +1 -0
- package/dist/assets/PinnedImage 4.css +1 -0
- package/dist/assets/PinnedImage.css +1 -1
- package/dist/assets/PromoGroup 4.css +1 -0
- package/dist/assets/PromoGroup.css +1 -1
- package/dist/assets/RSVPEmbed 4.css +1 -0
- package/dist/assets/RSVPEmbed.css +1 -1
- package/dist/assets/Schedule 4.css +1 -0
- package/dist/assets/Schedule.css +1 -1
- package/dist/assets/TextBlock 4.css +1 -0
- package/dist/assets/TextBlock.css +1 -1
- package/dist/assets/Timeline 3.css +1 -0
- package/dist/assets/Toolbar 3.css +1 -0
- package/dist/components/Accordion/Accordion.js +1 -1
- package/dist/components/Accordion/AccordionItem.js +1 -1
- package/dist/components/Background/Background.js +5 -5
- package/dist/components/Banner/Banner.js +13 -13
- package/dist/components/Button/Button.js +19 -19
- package/dist/components/ButtonGroup/ButtonGroup.js +1 -1
- package/dist/components/Container/Container.js +12 -12
- package/dist/components/Countdown/Countdown.js +3 -3
- package/dist/components/Fifty/Fifty.js +22 -22
- package/dist/components/FloatingWordsHero/FloatingWordsHero.js +21 -21
- package/dist/components/Footer/Footer.js +6 -6
- package/dist/components/GenericOverlay/GenericOverlay.js +10 -10
- package/dist/components/GridGallery/GridGallery.js +9 -9
- package/dist/components/IconDetail/IconDetail.js +8 -8
- package/dist/components/ImageTextBlock/ImageTextBlock.js +17 -17
- package/dist/components/List/List.js +12 -12
- package/dist/components/Map/Map.js +14 -14
- package/dist/components/Navbar/Navbar.js +40 -40
- package/dist/components/Note/Note.js +19 -19
- package/dist/components/Overlay/Overlay.js +31 -31
- package/dist/components/OverlayHero/OverlayHero.js +32 -32
- package/dist/components/PageContainer/PageContainer.js +3 -3
- package/dist/components/PinnedImage/PinnedImage.js +25 -25
- package/dist/components/PromoGroup/PromoGroup.js +31 -30
- package/dist/components/RSVPEmbed/RSVPEmbed.js +1 -1
- package/dist/components/Schedule/Schedule.js +12 -12
- package/dist/components/TextBlock/TextBlock.js +12 -12
- package/dist/hooks/useActiveSection 4.js +27 -0
- package/dist/hooks/useFadeIn 4.js +52 -0
- package/dist/hooks/useImageReveal 4.js +55 -0
- package/dist/hooks/useNavColor 4.js +15 -0
- package/dist/hooks/useRepeatable 4.js +32 -0
- package/dist/hooks/useResize 4.js +23 -0
- package/dist/hooks/useResponsive 4.js +15 -0
- package/dist/hooks/useReveal 4.js +38 -0
- package/dist/hooks/useStagger 4.js +43 -0
- package/dist/index 4.js +50 -0
- package/dist/index-BmTo-IS6 4.js +2018 -0
- package/dist/index-K0WrPJ_C 4.js +29 -0
- package/dist/index.modern-DPbS1w7M 4.js +1443 -0
- package/package.json +1 -1
- package/src/styles/_breakpoints.scss +1 -1
- package/dist/AccordionItem-BnGlD8YU.js +0 -40
- /package/dist/{index-B2JRaoNz 2.js → index-B2JRaoNz 4.js} +0 -0
- /package/dist/{index-DyQs5aC7 3.js → index-DyQs5aC7 4.js} +0 -0
- /package/dist/presets/{animations 3.js → animations 4.js} +0 -0
- /package/dist/utils/{breakpoints 3.js → breakpoints 4.js} +0 -0
- /package/dist/utils/{gsapSetup 3.js → gsapSetup 4.js} +0 -0
- /package/dist/utils/{parse 3.js → parse 4.js} +0 -0
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
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 = "
|
|
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
|
-
},
|
|
10
|
-
/* @__PURE__ */
|
|
11
|
-
/* @__PURE__ */
|
|
12
|
-
/* @__PURE__ */
|
|
13
|
-
/* @__PURE__ */
|
|
14
|
-
|
|
15
|
-
s && /* @__PURE__ */
|
|
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
|
-
|
|
20
|
+
j as default
|
|
21
21
|
};
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
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
|
|
5
|
-
gallery:
|
|
6
|
-
image:
|
|
7
|
-
row:
|
|
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
|
-
},
|
|
10
|
-
/* @__PURE__ */
|
|
11
|
-
/* @__PURE__ */
|
|
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
|
-
|
|
14
|
+
h as default
|
|
15
15
|
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import
|
|
4
|
-
import { c
|
|
5
|
-
import '../../assets/IconDetail.css';const r = "
|
|
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
|
-
},
|
|
9
|
-
/* @__PURE__ */ l("span", { className:
|
|
10
|
-
/* @__PURE__ */ l("div", { className: a.label, children:
|
|
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
|
-
|
|
13
|
+
b as default
|
|
14
14
|
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as e, jsxs as
|
|
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
|
|
4
|
+
import { c as h } from "../../index-B2JRaoNz.js";
|
|
5
5
|
import "../../hooks/useFadeIn.js";
|
|
6
|
-
import
|
|
7
|
-
import { Children as
|
|
8
|
-
import { appleReveal as
|
|
9
|
-
import { useReveal as
|
|
10
|
-
import { useImageReveal as
|
|
11
|
-
import '../../assets/ImageTextBlock.css';const k = "
|
|
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:
|
|
21
|
-
const
|
|
22
|
-
return /* @__PURE__ */ e("div", { className:
|
|
23
|
-
/* @__PURE__ */ e("div", { className: o.image, ref:
|
|
24
|
-
/* @__PURE__ */
|
|
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:
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
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
|
|
3
|
-
import
|
|
4
|
-
import '../../assets/List.css';const
|
|
5
|
-
item:
|
|
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:
|
|
9
|
-
/* @__PURE__ */ e("h2", { children:
|
|
10
|
-
|
|
11
|
-
/* @__PURE__ */ e(
|
|
12
|
-
/* @__PURE__ */
|
|
13
|
-
/* @__PURE__ */ e("p", { className: s.emphasis, children:
|
|
14
|
-
/* @__PURE__ */ e("p", { className: s.body, children:
|
|
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-${
|
|
16
|
+
] }, `item-${n}`))
|
|
17
17
|
] }));
|
|
18
18
|
export {
|
|
19
19
|
_ as default
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import { A as
|
|
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 = "
|
|
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:
|
|
10
|
-
fade:
|
|
11
|
-
marker:
|
|
12
|
-
pin:
|
|
13
|
-
above:
|
|
14
|
-
below:
|
|
15
|
-
},
|
|
16
|
-
/* @__PURE__ */ o(
|
|
17
|
-
|
|
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
|
-
|
|
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
|
-
|
|
42
|
+
$ as default
|
|
43
43
|
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import { useRef as
|
|
4
|
-
import
|
|
5
|
-
import { r as
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import { c as
|
|
9
|
-
import '../../assets/Navbar.css';const
|
|
10
|
-
navbar:
|
|
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:
|
|
27
|
+
position: d = "absolute"
|
|
28
28
|
}) => {
|
|
29
|
-
const o =
|
|
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
|
-
|
|
33
|
-
const
|
|
34
|
-
|
|
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__ */
|
|
36
|
+
return /* @__PURE__ */ u(
|
|
37
37
|
"nav",
|
|
38
38
|
{
|
|
39
|
-
className:
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
39
|
+
className: E(
|
|
40
|
+
e.navbar,
|
|
41
|
+
m && e.background,
|
|
42
|
+
r && e.open,
|
|
43
43
|
// (direction === "down" || hidden) && styles.hide
|
|
44
|
-
b &&
|
|
44
|
+
b && e.hide
|
|
45
45
|
),
|
|
46
|
-
style:
|
|
46
|
+
style: r ? {} : { position: d },
|
|
47
47
|
children: [
|
|
48
|
-
/* @__PURE__ */
|
|
48
|
+
/* @__PURE__ */ u("a", { className: e.navbar__logo, href: "/", children: [
|
|
49
49
|
s && /* @__PURE__ */ n("img", { src: s }),
|
|
50
|
-
t &&
|
|
51
|
-
className:
|
|
50
|
+
t && k(t, {
|
|
51
|
+
className: e.component
|
|
52
52
|
})
|
|
53
53
|
] }),
|
|
54
|
-
/* @__PURE__ */ n("div", { className:
|
|
55
|
-
|
|
54
|
+
/* @__PURE__ */ n("div", { className: e.navbar__toggle, children: /* @__PURE__ */ n(
|
|
55
|
+
w,
|
|
56
56
|
{
|
|
57
|
-
clickFn: () => _(!
|
|
58
|
-
isOpen:
|
|
57
|
+
clickFn: () => _(!r),
|
|
58
|
+
isOpen: r,
|
|
59
59
|
theme: "color-white"
|
|
60
60
|
}
|
|
61
61
|
) }),
|
|
62
|
-
/* @__PURE__ */ n("div", { className:
|
|
62
|
+
/* @__PURE__ */ n("div", { className: e.navbar__links, children: c.map((a, g) => /* @__PURE__ */ n(
|
|
63
63
|
"a",
|
|
64
64
|
{
|
|
65
|
-
className: `${
|
|
66
|
-
href:
|
|
67
|
-
children:
|
|
65
|
+
className: `${e.navbar__link}`,
|
|
66
|
+
href: a.value,
|
|
67
|
+
children: a.label
|
|
68
68
|
},
|
|
69
|
-
`navbar-d-${
|
|
69
|
+
`navbar-d-${a.value}`
|
|
70
70
|
)) }),
|
|
71
|
-
|
|
71
|
+
r && N.createPortal(
|
|
72
72
|
/* @__PURE__ */ n(
|
|
73
|
-
|
|
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(
|
|
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:
|
|
83
|
-
href:
|
|
84
|
-
children:
|
|
82
|
+
className: e.navbar__link,
|
|
83
|
+
href: a.value,
|
|
84
|
+
children: a.label
|
|
85
85
|
},
|
|
86
|
-
`m-${
|
|
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
|
|
3
|
-
import { useReveal as
|
|
4
|
-
import { appleReveal as
|
|
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 = "
|
|
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:
|
|
9
|
-
from:
|
|
10
|
-
body:
|
|
11
|
-
close:
|
|
12
|
-
signature:
|
|
13
|
-
}, x = ({ salutation:
|
|
14
|
-
const l = i
|
|
15
|
-
return /* @__PURE__ */ o("div", { className:
|
|
16
|
-
/* @__PURE__ */ o("p", { className:
|
|
17
|
-
/* @__PURE__ */ o("span", { className:
|
|
18
|
-
|
|
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__ */
|
|
21
|
+
/* @__PURE__ */ s("span", { className: e.from, children: a })
|
|
22
22
|
] }),
|
|
23
|
-
/* @__PURE__ */
|
|
24
|
-
/* @__PURE__ */
|
|
25
|
-
/* @__PURE__ */
|
|
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
|
|
3
|
-
import { useState as
|
|
4
|
-
import { c as
|
|
5
|
-
import '../../assets/Overlay.css';const
|
|
6
|
-
overlay:
|
|
7
|
-
hideNav:
|
|
8
|
-
overlay__dialog:
|
|
9
|
-
overlay__background:
|
|
10
|
-
fadeIn:
|
|
11
|
-
fadeOut:
|
|
12
|
-
overlay__close:
|
|
13
|
-
fullscreen:
|
|
14
|
-
},
|
|
15
|
-
children:
|
|
16
|
-
closeFn:
|
|
17
|
-
hideClose:
|
|
18
|
-
background:
|
|
19
|
-
fullscreen:
|
|
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 [
|
|
22
|
-
|
|
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
|
-
|
|
27
|
-
|
|
26
|
+
d(!0), setTimeout(() => {
|
|
27
|
+
t();
|
|
28
28
|
}, 500);
|
|
29
29
|
};
|
|
30
|
-
return /* @__PURE__ */
|
|
31
|
-
/* @__PURE__ */
|
|
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} ${
|
|
34
|
+
className: ` ${e.overlay__background} ${s && e.fadeOut}`,
|
|
35
35
|
onClick: _
|
|
36
36
|
}
|
|
37
37
|
),
|
|
38
|
-
/* @__PURE__ */
|
|
38
|
+
/* @__PURE__ */ n(
|
|
39
39
|
"div",
|
|
40
40
|
{
|
|
41
|
-
className: `${e.overlay__dialog} ${
|
|
42
|
-
style:
|
|
41
|
+
className: `${e.overlay__dialog} ${s ? e.fadeOut : e.fadeIn} ${c && e.fullscreen} `,
|
|
42
|
+
style: l ? { background: l } : {},
|
|
43
43
|
children: [
|
|
44
|
-
!
|
|
45
|
-
|
|
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
|
-
|
|
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
|
|
5
|
-
import { g as
|
|
6
|
-
import { S as
|
|
7
|
-
import
|
|
8
|
-
import '../../assets/OverlayHero.css';const
|
|
9
|
-
hero:
|
|
10
|
-
heroBg:
|
|
11
|
-
overlay:
|
|
12
|
-
eyebrow:
|
|
13
|
-
title:
|
|
14
|
-
subtitle:
|
|
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
|
-
|
|
17
|
-
const
|
|
18
|
-
const { innerWidth:
|
|
19
|
-
return
|
|
20
|
-
const _ = s.current,
|
|
21
|
-
if (w ||
|
|
22
|
-
const R =
|
|
23
|
-
|
|
24
|
-
|
|
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,
|
|
29
|
-
|
|
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
|
-
),
|
|
41
|
-
|
|
40
|
+
), r.fromTo(
|
|
41
|
+
f,
|
|
42
42
|
{ scale: 1.08, opacity: 0 },
|
|
43
43
|
{ scale: 1, opacity: 1, duration: 2, ease: "power1.out" }
|
|
44
|
-
),
|
|
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:
|
|
57
|
-
/* @__PURE__ */ o("div", { ref: l, className:
|
|
58
|
-
/* @__PURE__ */ p("div", { ref: a, className:
|
|
59
|
-
|
|
60
|
-
/* @__PURE__ */ o("h1", { ref: u, className:
|
|
61
|
-
|
|
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
|
-
|
|
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 = "
|
|
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:
|
|
6
|
-
container__body:
|
|
5
|
+
removePadding: m,
|
|
6
|
+
container__body: l,
|
|
7
7
|
container__copy: y
|
|
8
8
|
}, P = ({
|
|
9
9
|
heroImage: g,
|