@courtneyring/components-library 1.0.28 → 1.0.29
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/assets/Button.css +1 -1
- package/dist/assets/Fifty.css +1 -1
- package/dist/assets/IconDetail.css +1 -1
- package/dist/assets/MenuButton.css +1 -1
- package/dist/assets/Navbar.css +1 -1
- package/dist/assets/index.css +1 -0
- package/dist/components/Button/Button.js +15 -15
- package/dist/components/Fifty/Fifty.js +23 -23
- package/dist/components/IconDetail/IconDetail.js +7 -7
- package/dist/components/ImageTextBlock/ImageTextBlock.js +26 -32
- package/dist/components/MenuButton/MenuButton.js +15 -15
- package/dist/components/Navbar/Navbar.js +52 -52
- package/dist/index.js +69 -48
- package/package.json +2 -2
package/dist/assets/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._button_1cz9b_1{cursor:pointer;padding:8px 10px;border:2px solid;outline:0px}@media (min-width: 0){._button_1cz9b_1{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._button_1cz9b_1{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._button_1cz9b_1{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._button_1cz9b_1{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._button_1cz9b_1{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._button_1cz9b_1{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._button_1cz9b_1{line-height:1.7}}._button_1cz9b_1{text-decoration:none;transition:all .2s ease-in-out}._button_1cz9b_1[data-color=color-primary-dark]{border-color:var(--color-primary-dark)}._button_1cz9b_1[data-color=color-primary-medium]{border-color:var(--color-primary-medium)}._button_1cz9b_1[data-color=color-primary-light]{border-color:var(--color-primary-light)}._button_1cz9b_1[data-color=color-secondary]{border-color:var(--color-secondary)}._button_1cz9b_1[data-color=color-neutral-dark]{border-color:var(--color-neutral-dark)}._button_1cz9b_1[data-color=color-neutral-medium]{border-color:var(--color-neutral-medium)}._button_1cz9b_1[data-color=color-neutral-light]{border-color:var(--color-neutral-light)}._button_1cz9b_1[data-color=color-white]{border-color:var(--color-white)}._button_1cz9b_1[data-color=color-primary-dark]{color:var(--color-primary-dark)}._button_1cz9b_1[data-color=color-primary-medium]{color:var(--color-primary-medium)}._button_1cz9b_1[data-color=color-primary-light]{color:var(--color-primary-light)}._button_1cz9b_1[data-color=color-secondary]{color:var(--color-secondary)}._button_1cz9b_1[data-color=color-neutral-dark]{color:var(--color-neutral-dark)}._button_1cz9b_1[data-color=color-neutral-medium]{color:var(--color-neutral-medium)}._button_1cz9b_1[data-color=color-neutral-light]{color:var(--color-neutral-light)}._button_1cz9b_1[data-color=color-white]{color:var(--color-white)}._button_1cz9b_1{line-height:.8;align-items:center;white-space:nowrap}._button_1cz9b_1._hollow_1cz9b_103{background-color:transparent}._button_1cz9b_1._filled_1cz9b_106[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._button_1cz9b_1._filled_1cz9b_106[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._button_1cz9b_1._filled_1cz9b_106[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._button_1cz9b_1._filled_1cz9b_106[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-neutral-dark)}._button_1cz9b_1._filled_1cz9b_106[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._button_1cz9b_1._filled_1cz9b_106[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._button_1cz9b_1._filled_1cz9b_106[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._button_1cz9b_1._filled_1cz9b_106[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._button_1cz9b_1:hover{opacity:.8}._link_1cz9b_142{text-decoration:none;font-weight:500;color:inherit;padding:0;align-items:flex-start;border:none;background-color:transparent;display:flex}._link_1cz9b_142 span{margin-left:10px}@media (min-width: 625px){._button_1cz9b_1{padding:10px 20px;border-width:2px}._link_1cz9b_142{font-size:24px}}@media (min-width: 1200px){._button_1cz9b_1{padding:12px 24px}}@media (min-width: 1920px){._button_1cz9b_1{padding:12px 50px}}
|
package/dist/assets/Fifty.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@media (min-width: 0){.
|
|
1
|
+
@media (min-width: 0){._content_1d5wu_2{padding:40px 20px}}@media (min-width: 390px){._content_1d5wu_2{padding:40px 30px}}@media (min-width: 625px){._content_1d5wu_2{padding:50px 30px}}@media (min-width: 800px) and (orientation: landscape){._content_1d5wu_2{padding:50px}}@media (min-width: 800px) and (orientation: portrait){._content_1d5wu_2{padding:30px}}@media (min-width: 992px){._content_1d5wu_2{padding:50px}}@media (min-width: 1200px){._content_1d5wu_2{padding:50px 100px}}@media (min-width: 1600px){._content_1d5wu_2{padding:150px}}._fifty_1d5wu_41{display:grid;grid-template-columns:1fr;width:100%}._fifty_1d5wu_41[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._fifty_1d5wu_41[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._fifty_1d5wu_41[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._fifty_1d5wu_41[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-neutral-dark)}._fifty_1d5wu_41[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._fifty_1d5wu_41[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._fifty_1d5wu_41[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._fifty_1d5wu_41[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._fifty_1d5wu_41._reverse_1d5wu_79 ._content_1d5wu_2{align-items:flex-end}._fifty_1d5wu_41._reverse_1d5wu_79 ._image_1d5wu_82{justify-content:flex-start}._fifty_1d5wu_41:not(._reverse_1d5wu_79) ._content_1d5wu_2{align-items:flex-start}._fifty_1d5wu_41:not(._reverse_1d5wu_79) ._image_1d5wu_82{justify-content:flex-end}._content_1d5wu_2{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;order:1;aspect-ratio:1}@media (min-width: 0){._content_1d5wu_2 h2{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._content_1d5wu_2 h2{font-size:40px;line-height:1.2}}@media (min-width: 625px){._content_1d5wu_2 h2{font-size:42px}}@media (min-width: 800px) and (orientation: landscape){._content_1d5wu_2 h2{font-size:30px}}@media (min-width: 800px) and (orientation: portrait){._content_1d5wu_2 h2{font-size:50px}}@media (min-width: 992px) and (orientation: landscape){._content_1d5wu_2 h2{font-size:40px}}@media (min-width: 1200px){._content_1d5wu_2 h2{font-size:55px}}._content_1d5wu_2 h2{font-family:var(--font-secondary);margin-bottom:15px;line-height:1}@media (min-width: 0){._content_1d5wu_2 ._text_1d5wu_146>p{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._content_1d5wu_2 ._text_1d5wu_146>p{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._content_1d5wu_2 ._text_1d5wu_146>p{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._content_1d5wu_2 ._text_1d5wu_146>p{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._content_1d5wu_2 ._text_1d5wu_146>p{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._content_1d5wu_2 ._text_1d5wu_146>p{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._content_1d5wu_2 ._text_1d5wu_146>p{line-height:1.7}}._content_1d5wu_2 ._text_1d5wu_146>p{margin-bottom:20px}._image_1d5wu_82{aspect-ratio:1;width:100%}._image_1d5wu_82 img{width:100%;height:100%;object-fit:cover;object-position:top}._ctas_1d5wu_199{display:flex}._ctas_1d5wu_199>*:not(:last-child){margin-right:5px}._text_1d5wu_146{display:flex;flex-direction:column;align-items:flex-start}._details_1d5wu_212{display:grid;grid-template-columns:1fr}@media (min-width: 800px){._content_1d5wu_2{padding-top:30px;padding-bottom:30px}._fifty_1d5wu_41{grid-template-columns:1fr 1fr;grid-template-rows:1fr}._fifty_1d5wu_41._reverse_1d5wu_79 ._content_1d5wu_2{order:-1}._image_1d5wu_82{aspect-ratio:unset}._text_1d5wu_146 h2,._text_1d5wu_146>p{margin-bottom:15px}}@media (min-width: 992px){._fifty_1d5wu_41 ._content_1d5wu_2{padding:30px}._image_1d5wu_82{aspect-ratio:1}._text_1d5wu_146>p{margin-bottom:30px}}@media (min-width: 1200px){._fifty_1d5wu_41 ._content_1d5wu_2{padding:50px}._text_1d5wu_146 h2{margin-bottom:30px}._text_1d5wu_146>p{margin-bottom:40px}._ctas_1d5wu_199>*:not(:last-child){margin-right:10px}}@media (min-width: 1600px){._text_1d5wu_146{max-width:680px}._text_1d5wu_146 h2{margin-bottom:50px}._text_1d5wu_146>p{margin-bottom:50px}._fifty_1d5wu_41._reverse_1d5wu_79 ._content_1d5wu_2,._fifty_1d5wu_41:not(._reverse_1d5wu_79) ._content_1d5wu_2{align-items:center}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._detail_4rjme_1{display:flex;align-items:flex-start}._detail_4rjme_1:not(:last-child){margin-bottom:30px}@media (min-width: 0){._detail_4rjme_1 span{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._detail_4rjme_1 span{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._detail_4rjme_1 span{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._detail_4rjme_1 span{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._detail_4rjme_1 span{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._detail_4rjme_1 span{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._detail_4rjme_1 span{line-height:1.7}}._detail_4rjme_1 span{line-height:1.2;margin-right:10px}@media (min-width: 0){._label_4rjme_53,._label_4rjme_53>*{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._label_4rjme_53,._label_4rjme_53>*{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._label_4rjme_53,._label_4rjme_53>*{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._label_4rjme_53,._label_4rjme_53>*{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._label_4rjme_53,._label_4rjme_53>*{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._label_4rjme_53,._label_4rjme_53>*{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._label_4rjme_53,._label_4rjme_53>*{line-height:1.7}}._label_4rjme_53,._label_4rjme_53>*{line-height:1.2;font-style:italic;text-align:left}@media (min-width: 800px){._detail_4rjme_1 span{line-height:1.2}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._button_zo0en_1{width:24px;height:19.2px}._button_zo0en_1._isOpen_zo0en_6 ._top_zo0en_6,._button_zo0en_1._isOpen_zo0en_6 ._bottom_zo0en_7{width:27px}._button_zo0en_1{display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;padding:0;border:0px;background-color:transparent}._button_zo0en_1._isOpen_zo0en_6 ._top_zo0en_6{transform:rotate(45deg);transform-origin:top left}._button_zo0en_1._isOpen_zo0en_6 ._middle_zo0en_25{width:0px}._button_zo0en_1._isOpen_zo0en_6 ._bottom_zo0en_7{transform:rotate(-45deg);transform-origin:bottom left}._line_zo0en_33{height:2px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;width:100%}._line_zo0en_33[data-color=color-primary-dark],._line_zo0en_33[data-color=color-primary-medium]{background-color:var(--color-white)}._line_zo0en_33[data-color=color-primary-light],._line_zo0en_33[data-color=color-secondary]{background-color:var(--color-neutral-dark)}._line_zo0en_33[data-color=color-neutral-dark],._line_zo0en_33[data-color=color-neutral-medium]{background-color:var(--color-white)}._line_zo0en_33[data-color=color-neutral-light],._line_zo0en_33[data-color=color-white]{background-color:var(--color-neutral-dark)}._line_zo0en_33{transition:all .5s ease-in-out}@media (min-width: 625px){._button_zo0en_1 ._button_zo0en_1{width:30px;height:24px}._button_zo0en_1 ._button_zo0en_1._isOpen_zo0en_6 ._top_zo0en_6,._button_zo0en_1 ._button_zo0en_1._isOpen_zo0en_6 ._bottom_zo0en_7{width:33.75px}}
|
package/dist/assets/Navbar.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._navbar_15cfv_1{height:60px}._navbar_15cfv_1._hide_15cfv_4{margin-top:-60px}._navbar_15cfv_1{display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:30;left:0;padding:8px 20px;position:fixed;top:0;width:100%;background-color:transparent;transition:all .3s ease-in-out;margin-top:0}._navbar_15cfv_1._background_15cfv_24:not(._open_15cfv_24){background-color:rgb(from var(--color-neutral-dark) r g b/.5)}._navbar_15cfv_1._background_15cfv_24 ._navbar__link_15cfv_27{color:var(--color-neutral-dark)}._navbar__logo_15cfv_31{height:100%}._navbar__logo_15cfv_31 svg{height:100%}._navbar__logo_15cfv_31 img{height:100%;object-fit:contain}._navbar__logo_15cfv_31 ._component_15cfv_41{height:100%;transition:fill .5s ease-in-out;fill:#000}._navbar__logo_15cfv_31 ._component_15cfv_41[data-color=color-primary-dark],._navbar__logo_15cfv_31 ._component_15cfv_41[data-color=color-primary-medium]{fill:var(--color-white)}._navbar__logo_15cfv_31 ._component_15cfv_41[data-color=color-primary-light],._navbar__logo_15cfv_31 ._component_15cfv_41[data-color=color-secondary]{fill:var(--color-neutral-dark)}._navbar__logo_15cfv_31 ._component_15cfv_41[data-color=color-neutral-dark],._navbar__logo_15cfv_31 ._component_15cfv_41[data-color=color-neutral-medium]{fill:var(--color-white)}._navbar__logo_15cfv_31 ._component_15cfv_41[data-color=color-neutral-light],._navbar__logo_15cfv_31 ._component_15cfv_41[data-color=color-white]{fill:var(--color-neutral-dark)}._navbar__links_15cfv_71{display:none}._navbar__link_15cfv_27{text-decoration:none;color:var(--color-neutral-dark);transition:color .5s ease-in-out;font-size:32px;margin-bottom:30px}._navbar__mobileDialog_15cfv_83{display:flex;flex-direction:column;padding:100px 20px 20px}@media (min-width: 625px){._navbar_15cfv_1{height:80px}._navbar_15cfv_1._hide_15cfv_4{margin-top:-80px}}@media (min-width: 800px){._navbar__toggle_15cfv_99{display:none}._navbar__links_15cfv_71{display:initial}._navbar__link_15cfv_27{font-size:22px}._navbar__link_15cfv_27:not(:last-child){margin-right:15px}}@media (min-width: 800px){._navbar__link_15cfv_27{font-size:28px}}@media (min-width: 992px){._navbar__link_15cfv_27:not(:last-child){margin-right:30px}}@media (min-width: 1200px){._navbar_15cfv_1 ._navbar_15cfv_1{height:80px}._navbar_15cfv_1 ._navbar_15cfv_1._hide_15cfv_4{margin-top:-80px}._navbar_15cfv_1{padding:15px 50px}._navbar__link_15cfv_27{font-size:30px}._navbar__link_15cfv_27:not(:last-child){margin-right:30px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@media (min-width: 0){._schedule_3q4gz_2{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._schedule_3q4gz_2{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._schedule_3q4gz_2{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._schedule_3q4gz_2{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._schedule_3q4gz_2{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._schedule_3q4gz_2{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._schedule_3q4gz_2{line-height:1.7}}@media (min-width: 0){._schedule_3q4gz_2 h3{font-size:22px;line-height:1;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px}}@media (min-width: 625px){._schedule_3q4gz_2 h3{font-size:26px}}@media (min-width: 800px) and (orientation: landscape){._schedule_3q4gz_2 h3{font-size:20px}}@media (min-width: 800px) and (orientation: portrait){._schedule_3q4gz_2 h3{font-size:30px}}@media (min-width: 992px) and (orientation: landscape){._schedule_3q4gz_2 h3{font-size:28px}}._schedule_3q4gz_2 h3{margin-bottom:40px}._schedule_3q4gz_2{margin-bottom:100px}._schedule_3q4gz_2 ._timeline_3q4gz_75{display:grid;grid-template-columns:max-content 50px 1fr;width:100%;row-gap:30px}._schedule_3q4gz_2 ._slot_3q4gz_81{display:grid;grid-template-rows:1fr}._schedule_3q4gz_2 ._time_3q4gz_75{text-align:right}._schedule_3q4gz_2 ._dot_3q4gz_88{width:12px;height:12px;border-radius:50%;background:#fff;justify-self:center;position:absolute}._schedule_3q4gz_2 ._diagram_3q4gz_96{display:flex;align-items:center;position:relative;justify-content:center}._schedule_3q4gz_2 ._line_3q4gz_102{width:2px;background-color:#fff;position:absolute;top:-15px;bottom:-15px}
|
|
@@ -1,34 +1,34 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import '../../assets/Button.css';const
|
|
4
|
-
button:
|
|
2
|
+
import { jsxs as i, jsx as u } from "react/jsx-runtime";
|
|
3
|
+
import '../../assets/Button.css';const m = "_button_1cz9b_1", f = "_hollow_1cz9b_103", h = "_filled_1cz9b_106", k = "_link_1cz9b_142", l = {
|
|
4
|
+
button: m,
|
|
5
5
|
hollow: f,
|
|
6
6
|
filled: h,
|
|
7
7
|
link: k
|
|
8
8
|
}, y = ({
|
|
9
|
-
children:
|
|
9
|
+
children: a,
|
|
10
10
|
fn: o,
|
|
11
11
|
href: t,
|
|
12
|
-
target:
|
|
13
|
-
hollow:
|
|
12
|
+
target: r,
|
|
13
|
+
hollow: _ = !1,
|
|
14
14
|
variation: s = "color-primary-dark",
|
|
15
|
-
textDecoration:
|
|
16
|
-
label:
|
|
15
|
+
textDecoration: b,
|
|
16
|
+
label: d,
|
|
17
17
|
value: n,
|
|
18
|
-
icon:
|
|
18
|
+
icon: c,
|
|
19
19
|
onClick: e
|
|
20
|
-
}) => /* @__PURE__ */
|
|
20
|
+
}) => /* @__PURE__ */ i(
|
|
21
21
|
t || n ? "a" : "button",
|
|
22
22
|
{
|
|
23
23
|
href: t || n,
|
|
24
24
|
onClick: o || e ? o || e : null,
|
|
25
|
-
target:
|
|
26
|
-
className: `${l.button} ${
|
|
27
|
-
style: { textDecoration:
|
|
25
|
+
target: r,
|
|
26
|
+
className: `${l.button} ${_ ? l.hollow : l.filled} ${l[s]}`,
|
|
27
|
+
style: { textDecoration: b },
|
|
28
28
|
"data-color": s,
|
|
29
29
|
children: [
|
|
30
|
-
|
|
31
|
-
|
|
30
|
+
a || d,
|
|
31
|
+
c && /* @__PURE__ */ u("span", { className: "material-symbols-outlined", children: c })
|
|
32
32
|
]
|
|
33
33
|
}
|
|
34
34
|
);
|
|
@@ -1,46 +1,46 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs as n, jsx as e } from "react/jsx-runtime";
|
|
3
|
-
import
|
|
4
|
-
import { useFadeIn as
|
|
5
|
-
import { c as
|
|
3
|
+
import u from "../Button/Button.js";
|
|
4
|
+
import { useFadeIn as p } from "../../hooks/useFadeIn.js";
|
|
5
|
+
import { c as v } from "../../index-BIlioXmW.js";
|
|
6
6
|
import { Fragment as a } from "react";
|
|
7
|
-
import
|
|
8
|
-
import '../../assets/Fifty.css';const
|
|
9
|
-
content:
|
|
10
|
-
fifty:
|
|
11
|
-
reverse:
|
|
7
|
+
import g from "../IconDetail/IconDetail.js";
|
|
8
|
+
import '../../assets/Fifty.css';const w = "_content_1d5wu_2", x = "_fifty_1d5wu_41", y = "_reverse_1d5wu_79", N = "_image_1d5wu_82", j = "_text_1d5wu_146", F = "_ctas_1d5wu_199", I = "_details_1d5wu_212", t = {
|
|
9
|
+
content: w,
|
|
10
|
+
fifty: x,
|
|
11
|
+
reverse: y,
|
|
12
12
|
image: N,
|
|
13
13
|
text: j,
|
|
14
14
|
ctas: F,
|
|
15
15
|
details: I
|
|
16
|
-
},
|
|
16
|
+
}, q = ({
|
|
17
17
|
heading: o,
|
|
18
|
-
body:
|
|
19
|
-
ctas:
|
|
20
|
-
color:
|
|
21
|
-
image:
|
|
18
|
+
body: d,
|
|
19
|
+
ctas: s,
|
|
20
|
+
color: m,
|
|
21
|
+
image: l,
|
|
22
22
|
reverse: _,
|
|
23
23
|
pos: f,
|
|
24
|
-
details:
|
|
24
|
+
details: r
|
|
25
25
|
}) => {
|
|
26
|
-
const
|
|
26
|
+
const h = p({ duration: 0.8 });
|
|
27
27
|
return /* @__PURE__ */ n(
|
|
28
28
|
"div",
|
|
29
29
|
{
|
|
30
|
-
className:
|
|
31
|
-
"data-color":
|
|
30
|
+
className: v(t.fifty, !!_ && t.reverse),
|
|
31
|
+
"data-color": m,
|
|
32
32
|
children: [
|
|
33
|
-
/* @__PURE__ */ e("div", { className: t.content, ref:
|
|
33
|
+
/* @__PURE__ */ e("div", { className: t.content, ref: h, children: /* @__PURE__ */ n("div", { className: t.text, children: [
|
|
34
34
|
/* @__PURE__ */ e("h2", { children: o }),
|
|
35
|
-
/* @__PURE__ */ e("p", { children:
|
|
36
|
-
/* @__PURE__ */ e("div", { className: t.ctas, children:
|
|
37
|
-
/* @__PURE__ */ e("div", { className: t.details, children:
|
|
35
|
+
/* @__PURE__ */ e("p", { children: d }),
|
|
36
|
+
/* @__PURE__ */ e("div", { className: t.ctas, children: s && !!s.length && s.map((i, c) => /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(u, { ...i }) }, c)) }),
|
|
37
|
+
/* @__PURE__ */ e("div", { className: t.details, children: r && r.map((i, c) => /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(g, { ...i }) }, c)) })
|
|
38
38
|
] }) }),
|
|
39
|
-
/* @__PURE__ */ e("div", { className: t.image, children: /* @__PURE__ */ e("img", { src:
|
|
39
|
+
/* @__PURE__ */ e("div", { className: t.image, children: /* @__PURE__ */ e("img", { src: l, style: { objectPosition: f } }) })
|
|
40
40
|
]
|
|
41
41
|
}
|
|
42
42
|
);
|
|
43
43
|
};
|
|
44
44
|
export {
|
|
45
|
-
|
|
45
|
+
q as default
|
|
46
46
|
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs as i, jsx as e } from "react/jsx-runtime";
|
|
3
3
|
import o from "../../utils/parse.js";
|
|
4
|
-
import { c } from "../../index-BIlioXmW.js";
|
|
5
|
-
import '../../assets/IconDetail.css';const
|
|
6
|
-
detail:
|
|
7
|
-
label:
|
|
8
|
-
},
|
|
9
|
-
/* @__PURE__ */ e("span", { className:
|
|
4
|
+
import { c as r } from "../../index-BIlioXmW.js";
|
|
5
|
+
import '../../assets/IconDetail.css';const c = "_detail_4rjme_1", m = "_label_4rjme_53", a = {
|
|
6
|
+
detail: c,
|
|
7
|
+
label: m
|
|
8
|
+
}, b = ({ icon: l, text: s, href: t }) => /* @__PURE__ */ i(t ? "a" : "div", { className: a.detail, children: [
|
|
9
|
+
/* @__PURE__ */ e("span", { className: r(a.icon, "material-symbols-outlined"), children: l }),
|
|
10
10
|
/* @__PURE__ */ e("div", { className: a.label, children: o(s) })
|
|
11
11
|
] });
|
|
12
12
|
export {
|
|
13
|
-
|
|
13
|
+
b as default
|
|
14
14
|
};
|
|
@@ -1,39 +1,33 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
2
|
+
import { jsx as e, jsxs as c, Fragment as u } from "react/jsx-runtime";
|
|
3
3
|
import a from "../Button/Button.js";
|
|
4
|
-
import { c as
|
|
5
|
-
import { useFadeIn as
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
/* @__PURE__ */ n("h2", { className: e.header, children: d }),
|
|
29
|
-
/* @__PURE__ */ n("div", { className: e.body, children: u(l) }),
|
|
30
|
-
/* @__PURE__ */ t("div", { className: e.ctas, children: [
|
|
31
|
-
s && /* @__PURE__ */ n(a, { ...s }),
|
|
32
|
-
o && /* @__PURE__ */ n(a, { ...o })
|
|
33
|
-
] })
|
|
4
|
+
import { c as f } from "../../index-BIlioXmW.js";
|
|
5
|
+
import { useFadeIn as i } from "../../hooks/useFadeIn.js";
|
|
6
|
+
import g from "../../utils/parse.js";
|
|
7
|
+
import { Children as b } from "react";
|
|
8
|
+
import '../../assets/ImageTextBlock.css';const v = "_block_hnnuu_1", N = "_container_hnnuu_5", p = "_reverse_hnnuu_11", k = "_content_hnnuu_15", x = "_header_hnnuu_20", y = "_body_hnnuu_68", I = "_ctas_hnnuu_115", j = "_image_hnnuu_119", n = {
|
|
9
|
+
block: v,
|
|
10
|
+
container: N,
|
|
11
|
+
reverse: p,
|
|
12
|
+
content: k,
|
|
13
|
+
header: x,
|
|
14
|
+
body: y,
|
|
15
|
+
ctas: I,
|
|
16
|
+
image: j
|
|
17
|
+
}, z = ({ image: d, header: m, body: l, primaryCta: o, secondaryCta: s, reverse: t, children: r }) => {
|
|
18
|
+
const _ = i({ direction: t ? "right" : "left" }), h = i({ direction: t ? "right" : "left" });
|
|
19
|
+
return /* @__PURE__ */ e("div", { className: f(n.block, t && n.reverse), children: /* @__PURE__ */ c("div", { className: n.container, children: [
|
|
20
|
+
/* @__PURE__ */ e("div", { className: n.image, ref: _, children: /* @__PURE__ */ e("img", { src: d }) }),
|
|
21
|
+
/* @__PURE__ */ c("div", { className: n.content, ref: h, children: [
|
|
22
|
+
/* @__PURE__ */ e("h2", { className: n.header, children: m }),
|
|
23
|
+
/* @__PURE__ */ e("div", { className: n.body, children: g(l) }),
|
|
24
|
+
b.count(r) > 0 ? r : /* @__PURE__ */ e(u, { children: /* @__PURE__ */ c("div", { className: n.ctas, children: [
|
|
25
|
+
o && /* @__PURE__ */ e(a, { ...o }),
|
|
26
|
+
s && /* @__PURE__ */ e(a, { ...s })
|
|
27
|
+
] }) })
|
|
34
28
|
] })
|
|
35
29
|
] }) });
|
|
36
30
|
};
|
|
37
31
|
export {
|
|
38
|
-
|
|
32
|
+
z as default
|
|
39
33
|
};
|
|
@@ -1,38 +1,38 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as i, jsx as
|
|
3
|
-
import { c as
|
|
4
|
-
import '../../assets/MenuButton.css';const a = "
|
|
2
|
+
import { jsxs as i, jsx as s } from "react/jsx-runtime";
|
|
3
|
+
import { c as t } from "../../index-BIlioXmW.js";
|
|
4
|
+
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 = {
|
|
5
5
|
button: a,
|
|
6
6
|
isOpen: c,
|
|
7
7
|
top: _,
|
|
8
8
|
bottom: d,
|
|
9
9
|
middle: m,
|
|
10
10
|
line: p
|
|
11
|
-
}, u = ({ isOpen:
|
|
11
|
+
}, u = ({ isOpen: e, clickFn: l, theme: n }) => /* @__PURE__ */ i(
|
|
12
12
|
"button",
|
|
13
13
|
{
|
|
14
|
-
className: o
|
|
15
|
-
onClick:
|
|
14
|
+
className: t(o.button, e && o.isOpen),
|
|
15
|
+
onClick: l,
|
|
16
16
|
children: [
|
|
17
|
-
/* @__PURE__ */
|
|
17
|
+
/* @__PURE__ */ s(
|
|
18
18
|
"div",
|
|
19
19
|
{
|
|
20
|
-
className: o
|
|
21
|
-
"data-color":
|
|
20
|
+
className: t(o.top, o.line),
|
|
21
|
+
"data-color": n
|
|
22
22
|
}
|
|
23
23
|
),
|
|
24
|
-
/* @__PURE__ */
|
|
24
|
+
/* @__PURE__ */ s(
|
|
25
25
|
"div",
|
|
26
26
|
{
|
|
27
|
-
className: o
|
|
28
|
-
"data-color":
|
|
27
|
+
className: t(o.middle, o.line),
|
|
28
|
+
"data-color": n
|
|
29
29
|
}
|
|
30
30
|
),
|
|
31
|
-
/* @__PURE__ */
|
|
31
|
+
/* @__PURE__ */ s(
|
|
32
32
|
"div",
|
|
33
33
|
{
|
|
34
|
-
className: o
|
|
35
|
-
"data-color":
|
|
34
|
+
className: t(o.bottom, o.line),
|
|
35
|
+
"data-color": n
|
|
36
36
|
}
|
|
37
37
|
)
|
|
38
38
|
]
|
|
@@ -1,82 +1,82 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import { useRef as h, useState as
|
|
2
|
+
import { jsxs as d, jsx as r } from "react/jsx-runtime";
|
|
3
|
+
import { useRef as h, useState as l, useEffect as g, cloneElement as k } from "react";
|
|
4
4
|
import w from "../MenuButton/MenuButton.js";
|
|
5
5
|
import { r as N } from "../../index-DyQs5aC7.js";
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import { c as
|
|
9
|
-
import { useNavColor as
|
|
10
|
-
import '../../assets/Navbar.css';const
|
|
11
|
-
navbar:
|
|
12
|
-
hide:
|
|
13
|
-
background:
|
|
14
|
-
open:
|
|
15
|
-
navbar__link:
|
|
16
|
-
navbar__logo:
|
|
17
|
-
component:
|
|
18
|
-
navbar__links:
|
|
19
|
-
navbar__mobileDialog:
|
|
20
|
-
navbar__toggle:
|
|
21
|
-
},
|
|
22
|
-
const e = h(0), [b, m] =
|
|
23
|
-
|
|
24
|
-
const
|
|
25
|
-
|
|
26
|
-
const
|
|
27
|
-
|
|
6
|
+
import D from "../Overlay/Overlay.js";
|
|
7
|
+
import x from "../Container/Container.js";
|
|
8
|
+
import { c as E } from "../../index-BIlioXmW.js";
|
|
9
|
+
import { useNavColor as C } from "../../hooks/useNavColor.js";
|
|
10
|
+
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 = {
|
|
11
|
+
navbar: O,
|
|
12
|
+
hide: Y,
|
|
13
|
+
background: y,
|
|
14
|
+
open: S,
|
|
15
|
+
navbar__link: $,
|
|
16
|
+
navbar__logo: j,
|
|
17
|
+
component: B,
|
|
18
|
+
navbar__links: F,
|
|
19
|
+
navbar__mobileDialog: L,
|
|
20
|
+
navbar__toggle: M
|
|
21
|
+
}, I = {}, T = ({ links: t, logoImage: s, color: P, logoComponent: _ }) => {
|
|
22
|
+
const e = h(0), [b, m] = l("up"), [n, i] = l(!1), [u, R] = C(), [c, f] = l(!1);
|
|
23
|
+
g(() => (window.addEventListener("scroll", v), () => window.removeEventListener("scroll", v)), []);
|
|
24
|
+
const v = () => {
|
|
25
|
+
f(window.scrollY > 30);
|
|
26
|
+
const a = window.scrollY;
|
|
27
|
+
a - e.current !== 0 && m(a > e.current ? "down" : "up"), e.current = a > 0 ? a : 0;
|
|
28
28
|
};
|
|
29
|
-
return /* @__PURE__ */
|
|
29
|
+
return /* @__PURE__ */ d(
|
|
30
30
|
"nav",
|
|
31
31
|
{
|
|
32
|
-
className:
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
b === "down" &&
|
|
32
|
+
className: E(
|
|
33
|
+
o.navbar,
|
|
34
|
+
c && o.background,
|
|
35
|
+
n && o.open,
|
|
36
|
+
b === "down" && o.hide
|
|
37
37
|
),
|
|
38
38
|
children: [
|
|
39
|
-
/* @__PURE__ */
|
|
40
|
-
s && /* @__PURE__ */
|
|
39
|
+
/* @__PURE__ */ d("a", { className: o.navbar__logo, href: "/", children: [
|
|
40
|
+
s && /* @__PURE__ */ r("img", { src: s }),
|
|
41
41
|
_ && k(_, {
|
|
42
|
-
className:
|
|
43
|
-
"data-color": !
|
|
42
|
+
className: o.component,
|
|
43
|
+
"data-color": !c || n ? "color-white" : "color-neutral-dark"
|
|
44
44
|
})
|
|
45
45
|
] }),
|
|
46
|
-
/* @__PURE__ */
|
|
46
|
+
/* @__PURE__ */ r("div", { className: o.navbar__toggle, children: /* @__PURE__ */ r(
|
|
47
47
|
w,
|
|
48
48
|
{
|
|
49
|
-
clickFn: () => i(!
|
|
50
|
-
isOpen:
|
|
51
|
-
theme: !
|
|
49
|
+
clickFn: () => i(!n),
|
|
50
|
+
isOpen: n,
|
|
51
|
+
theme: !c || n ? "color-white" : "color-neutral-dark"
|
|
52
52
|
}
|
|
53
53
|
) }),
|
|
54
|
-
/* @__PURE__ */
|
|
54
|
+
/* @__PURE__ */ r("div", { className: o.navbar__links, children: t.map((a, p) => /* @__PURE__ */ r(
|
|
55
55
|
"a",
|
|
56
56
|
{
|
|
57
|
-
className: `${
|
|
58
|
-
href:
|
|
57
|
+
className: `${o.navbar__link}`,
|
|
58
|
+
href: a.value,
|
|
59
59
|
"data-color": u,
|
|
60
|
-
children:
|
|
60
|
+
children: a.label
|
|
61
61
|
},
|
|
62
|
-
`navbar-d-${
|
|
62
|
+
`navbar-d-${a.value}`
|
|
63
63
|
)) }),
|
|
64
|
-
|
|
65
|
-
/* @__PURE__ */
|
|
66
|
-
|
|
64
|
+
n && N.createPortal(
|
|
65
|
+
/* @__PURE__ */ r(
|
|
66
|
+
D,
|
|
67
67
|
{
|
|
68
68
|
closeFn: () => i(!1),
|
|
69
69
|
hideClose: !0,
|
|
70
|
-
background:
|
|
70
|
+
background: I.white,
|
|
71
71
|
fullscreen: !0,
|
|
72
|
-
children: /* @__PURE__ */
|
|
72
|
+
children: /* @__PURE__ */ r(x, { color: "color-white", children: /* @__PURE__ */ r("div", { className: o.navbar__mobileDialog, children: t.map((a, p) => /* @__PURE__ */ r(
|
|
73
73
|
"a",
|
|
74
74
|
{
|
|
75
|
-
className:
|
|
76
|
-
href:
|
|
77
|
-
children:
|
|
75
|
+
className: o.navbar__link,
|
|
76
|
+
href: a.value,
|
|
77
|
+
children: a.label
|
|
78
78
|
},
|
|
79
|
-
`m-${
|
|
79
|
+
`m-${a.value}`
|
|
80
80
|
)) }) })
|
|
81
81
|
}
|
|
82
82
|
),
|
package/dist/index.js
CHANGED
|
@@ -1,50 +1,71 @@
|
|
|
1
|
-
import { default as
|
|
2
|
-
import { default as
|
|
3
|
-
import { default as
|
|
4
|
-
import { default as
|
|
5
|
-
import { default as
|
|
6
|
-
import { default as
|
|
7
|
-
import { default as
|
|
8
|
-
import { default as
|
|
9
|
-
import { default as
|
|
10
|
-
import { default as
|
|
11
|
-
import { default as
|
|
12
|
-
import { default as
|
|
13
|
-
import { default as
|
|
14
|
-
import { default as
|
|
15
|
-
import { default as
|
|
16
|
-
import { default as
|
|
17
|
-
import { default as
|
|
18
|
-
import { default as
|
|
19
|
-
import { default as
|
|
20
|
-
import { default as
|
|
21
|
-
import { default as
|
|
22
|
-
import { default as
|
|
23
|
-
import { default as
|
|
24
|
-
import { default as
|
|
1
|
+
import { default as v } from "./components/PromoGroup/PromoGroup.js";
|
|
2
|
+
import { default as B } from "./components/Background/Background.js";
|
|
3
|
+
import { default as y } from "./components/Banner/Banner.js";
|
|
4
|
+
import { default as G } from "./components/BorderedBackground/BorderedBackground.js";
|
|
5
|
+
import { default as I } from "./components/Button/Button.js";
|
|
6
|
+
import { default as b } from "./components/Container/Container.js";
|
|
7
|
+
import { default as O } from "./components/Fifty/Fifty.js";
|
|
8
|
+
import { default as j } from "./components/Footer/Footer.js";
|
|
9
|
+
import { default as A } from "./components/ImageTextBlock/ImageTextBlock.js";
|
|
10
|
+
import { default as D } from "./components/List/List.js";
|
|
11
|
+
import { default as H } from "./components/OverlayHero/OverlayHero.js";
|
|
12
|
+
import { default as M } from "./components/Note/Note.js";
|
|
13
|
+
import { default as V } from "./components/MenuButton/MenuButton.js";
|
|
14
|
+
import { default as J } from "./components/Navbar/Navbar.js";
|
|
15
|
+
import { default as Q } from "./components/PinnedImage/PinnedImage.js";
|
|
16
|
+
import { default as W } from "./components/IconDetail/IconDetail.js";
|
|
17
|
+
import { default as Y } from "./components/Overlay/Overlay.js";
|
|
18
|
+
import { default as $ } from "./components/GenericOverlay/GenericOverlay.js";
|
|
19
|
+
import { default as ae } from "./components/Toolbar/Toolbar.js";
|
|
20
|
+
import { default as te } from "./components/GridGallery/GridGallery.js";
|
|
21
|
+
import { default as le } from "./components/ParallaxImageGrid/ParallaxImageGrid.js";
|
|
22
|
+
import { default as se } from "./components/TextBlock/TextBlock.js";
|
|
23
|
+
import { default as fe } from "./components/RSVPEmbed/RSVPEmbed.js";
|
|
24
|
+
import { default as ne } from "./components/Accordion/Accordion.js";
|
|
25
|
+
import { jsxs as r, jsx as a } from "react/jsx-runtime";
|
|
26
|
+
import { Fragment as s } from "react";
|
|
27
|
+
import './assets/index.css';const m = "_schedule_3q4gz_2", f = "_timeline_3q4gz_75", i = "_time_3q4gz_75", n = "_dot_3q4gz_88", c = "_diagram_3q4gz_96", u = "_line_3q4gz_102", e = {
|
|
28
|
+
schedule: m,
|
|
29
|
+
timeline: f,
|
|
30
|
+
time: i,
|
|
31
|
+
dot: n,
|
|
32
|
+
diagram: c,
|
|
33
|
+
line: u
|
|
34
|
+
}, _ = ({ slots: o, header: l }) => /* @__PURE__ */ r("div", { className: e.schedule, children: [
|
|
35
|
+
/* @__PURE__ */ a("h3", { children: l }),
|
|
36
|
+
/* @__PURE__ */ a("div", { className: e.timeline, children: o.map((t, d) => /* @__PURE__ */ r(s, { children: [
|
|
37
|
+
/* @__PURE__ */ a("div", { className: e.time, children: t.time }),
|
|
38
|
+
/* @__PURE__ */ r("div", { className: e.diagram, children: [
|
|
39
|
+
/* @__PURE__ */ a("span", { className: e.line }),
|
|
40
|
+
/* @__PURE__ */ a("div", { className: e.dot })
|
|
41
|
+
] }),
|
|
42
|
+
/* @__PURE__ */ a("div", { className: e.description, children: t.description })
|
|
43
|
+
] }, d)) })
|
|
44
|
+
] });
|
|
25
45
|
export {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
46
|
+
ne as Accordion,
|
|
47
|
+
B as Background,
|
|
48
|
+
y as Banner,
|
|
49
|
+
G as BorderedBackground,
|
|
50
|
+
I as Button,
|
|
51
|
+
b as Container,
|
|
52
|
+
O as Fifty,
|
|
53
|
+
j as Footer,
|
|
54
|
+
$ as GenericOverlay,
|
|
55
|
+
te as GridGallery,
|
|
56
|
+
W as IconDetail,
|
|
57
|
+
A as ImageTextBlock,
|
|
58
|
+
D as List,
|
|
59
|
+
V as MenuButton,
|
|
60
|
+
J as Navbar,
|
|
61
|
+
M as Note,
|
|
62
|
+
Y as Overlay,
|
|
63
|
+
H as OverlayHero,
|
|
64
|
+
le as ParallaxImageGrid,
|
|
65
|
+
Q as PinnedImage,
|
|
66
|
+
v as PromoGroup,
|
|
67
|
+
fe as RSVPEmbed,
|
|
68
|
+
_ as Schedule,
|
|
69
|
+
se as TextBlock,
|
|
70
|
+
ae as Toolbar
|
|
50
71
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@courtneyring/components-library",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.29",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"preview": "vite preview",
|
|
21
21
|
"storybook": "storybook dev -p 6006",
|
|
22
22
|
"build-storybook": "storybook build",
|
|
23
|
-
"publish": "npm publish --access public"
|
|
23
|
+
"publish-package": "npm publish --access public"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
26
|
"@gsap/react": "^2.1.2",
|