@zenpatient-org/healthspan-marketing-ui 0.1.157 → 0.1.159
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/components/Callback/Callback.cjs.js +1 -1
- package/dist/components/Callback/Callback.d.ts +3 -2
- package/dist/components/Callback/Callback.es.js +39 -24
- package/dist/components/Callback/callback.module.css.cjs.js +1 -1
- package/dist/components/Callback/callback.module.css.es.js +10 -8
- package/dist/components/Callback/types.d.ts +1 -0
- package/dist/healthspan-marketing-ui.css +1 -1
- package/dist/modules/ExpandingDetails/ExpandingDetails.cjs.js +1 -1
- package/dist/modules/ExpandingDetails/ExpandingDetails.es.js +210 -201
- package/dist/modules/ExpandingDetails/expandingDetails.module.css.cjs.js +1 -1
- package/dist/modules/ExpandingDetails/expandingDetails.module.css.es.js +33 -35
- package/dist/modules/IndividualProductCard/components/PlanCard/PlanCard.cjs.js +1 -1
- package/dist/modules/IndividualProductCard/components/PlanCard/PlanCard.es.js +39 -29
- package/dist/modules/IndividualProductCard/components/PlanCard/planCard.module.css.cjs.js +1 -1
- package/dist/modules/IndividualProductCard/components/PlanCard/planCard.module.css.es.js +19 -15
- package/dist/modules/SlidingTabsGallery/SlidingTabsGallery.cjs.js +1 -1
- package/dist/modules/SlidingTabsGallery/SlidingTabsGallery.es.js +53 -65
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),I=require("../../node_modules/@gsap/react/src/index.cjs.js"),d=require("../../node_modules/gsap/index.cjs.js"),G=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),A=require("react"),L=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),m=require("../../components/Typography/Typography.cjs.js"),t=require("./expandingDetails.module.css.cjs.js");d.gsap.registerPlugin(G.ScrollTrigger);const O=({colorScheme:f,label:p,title:R,sections:X})=>{const n=A.useRef(null),r=A.useRef({});return I.useGSAP(()=>n.current?((()=>{var b;r.current.timeline&&r.current.timeline.kill(),r.current.matchMedia&&r.current.matchMedia.kill();const i=d.gsap.utils.toArray('[data-scroll-id="section"]'),a=(b=n.current)==null?void 0:b.querySelector('[data-scroll-id="sections"]');if(!a)return;const x=d.gsap.matchMedia();r.current.matchMedia=x;const h=d.gsap.timeline({scrollTrigger:{trigger:n.current,start:"top top",end:()=>`+=${i.length*500}`,scrub:1,markers:!1,pin:!0}});r.current.timeline=h;const S=a==null?void 0:a.querySelector('[data-scroll-id="heading"]');if(!S)return;const q=1366,_=a.querySelectorAll('[data-scroll-id="content"]'),w=Array.from(_).map(e=>e.offsetHeight),s=Math.max(...w);i.forEach((e,j)=>{x.add({isMobile:`(max-width: ${q}px)`,isDesktop:`(min-width: ${q+1}px)`},W=>{var P,N,v,T,E,H,M,V,k,$,D;const o=e==null?void 0:e.querySelector('[data-scroll-id="heading"]'),u=e==null?void 0:e.querySelector('[data-scroll-id="content"]');if(!o||!u)return;const g=W.conditions,y=g==null?void 0:g.isMobile,B=g==null?void 0:g.isDesktop;d.gsap.set(a==null?void 0:a.querySelectorAll('[data-scroll-id="section"]'),{height:S.offsetHeight||0}),d.gsap.set(a==null?void 0:a.querySelectorAll('[data-scroll-id="protocol"]'),{scale:1,yPercent:0}),d.gsap.set(i[0],{height:o.offsetHeight+s}),d.gsap.set((P=i[0])==null?void 0:P.querySelector('[data-scroll-id="section-title"]'),{scale:y?1:2,yPercent:50}),d.gsap.set((N=i[0])==null?void 0:N.querySelector('[data-scroll-id="section-index"]'),{scale:y?1:2,yPercent:50}),B&&(h.to(e,{height:o.offsetHeight+u.offsetHeight}).to(e==null?void 0:e.querySelector('[data-scroll-id="section-title"]'),{scale:2,yPercent:50},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-index"]'),{scale:2,yPercent:50},"<").to(u,{height:s},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:1},"<"),j<i.length-1&&h.to(e,{height:o.offsetHeight,delay:.5}).to(e.nextElementSibling,{height:o.offsetHeight+s},"<").to(((v=e.nextElementSibling)==null?void 0:v.querySelector('[data-scroll-id="section-title"]'))||null,{scale:2,yPercent:100},"<").to(((T=e.nextElementSibling)==null?void 0:T.querySelector('[data-scroll-id="section-index"]'))||null,{scale:2,yPercent:100},"<").to(((E=e.nextElementSibling)==null?void 0:E.querySelector('[data-scroll-id="content"]'))||null,{height:s,yPercent:0},"<").to(((H=e.nextElementSibling)==null?void 0:H.querySelector('[data-scroll-id="protocol"]'))||null,{scale:1},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-title"]'),{scale:1,yPercent:-15},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-index"]'),{scale:1,yPercent:-15},"<").to(u,{height:0,yPercent:0},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:0,yPercent:200},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="image-circle"]'),{scale:0,yPercent:200},"<")),y&&(h.to(e,{height:o.offsetHeight+s}).to(u,{height:s},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:1},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="image-circle"]'),{scale:1},"<"),j<i.length-1&&h.to(e,{height:o.offsetHeight,delay:.5}).to(e.nextElementSibling,{height:o.offsetHeight+s},"<").to(((M=e.nextElementSibling)==null?void 0:M.querySelector('[data-scroll-id="section-title"]'))||null,{scale:1},"<").to(((V=e.nextElementSibling)==null?void 0:V.querySelector('[data-scroll-id="section-index"]'))||null,{scale:1},"<").to(((k=e.nextElementSibling)==null?void 0:k.querySelector('[data-scroll-id="content"]'))||null,{height:s,yPercent:0},"<").to((($=e.nextElementSibling)==null?void 0:$.querySelector('[data-scroll-id="protocol"]'))||null,{scale:1},"<").to(((D=e.nextElementSibling)==null?void 0:D.querySelector('[data-scroll-id="image-circle"]'))||null,{scale:1,yPercent:5},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-title"]'),{scale:1,yPercent:-15},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-index"]'),{scale:1,yPercent:-15},"<").to(u,{height:0,yPercent:0},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:0,yPercent:200},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="image-circle"]'),{scale:0,yPercent:200},"<"))})})})(),()=>{r.current.timeline&&r.current.timeline.kill(),r.current.matchMedia&&r.current.matchMedia.kill()}):void 0,{scope:n,dependencies:[n]}),l.jsx("div",{ref:n,className:`${t.default.root} ${t.default[f]}`,children:l.jsxs("div",{className:t.default.expandingDetailsWrapper,children:[l.jsxs("header",{"data-scroll-id":"header",className:t.default.header,children:[p&&l.jsx(m.Typography,{as:"div",defaultVariant:"labelSm",emphasis:!0,className:t.default.label,children:p}),l.jsx(L.HighlightedTitle,{as:"div",defaultVariant:"displayMd",mobileVariant:"headingXl",colorScheme:f,className:t.default.title,title:R})]}),l.jsx("div",{"data-scroll-id":"sections",className:t.default.sections,children:X.map((c,i)=>l.jsxs("div",{id:`section-${i+1}`,"data-scroll-id":"section",className:t.default.section,children:[l.jsxs("div",{"data-scroll-id":"heading",className:t.default.heading,children:[l.jsx("div",{"data-scroll-id":"section-title",className:t.default.sectionTitleWrapper,children:l.jsx(m.Typography,{as:"h3",defaultVariant:"headingMd",mobileVariant:"headingXs",className:t.default.sectionTitle,children:c.title})}),l.jsx("div",{"data-scroll-id":"section-index",className:t.default.sectionIndexWrapper,children:l.jsxs(m.Typography,{as:"p",defaultVariant:"headingSm",mobileVariant:"headingXs",className:t.default.sectionIndex,children:["(",String(i+1).padStart(2,"0"),")"]})})]}),l.jsxs("div",{"data-scroll-id":"content",className:t.default.content,children:[l.jsxs("div",{"data-scroll-id":"protocol",className:t.default.protocolWrapper,children:[c.subtitle&&l.jsx(m.Typography,{as:"h4",className:t.default.protocolSubtitle,defaultVariant:"headingLg",mobileVariant:"headingXs",children:c.subtitle}),l.jsx(m.Typography,{className:t.default.description,as:"div",defaultVariant:"bodyMd",mobileVariant:"bodyXs",children:c.description})]}),l.jsx("div",{"data-scroll-id":"image-circle",className:t.default.imageCircle,children:l.jsx("img",{src:c.image,alt:c.title})})]}),l.jsx("div",{className:t.default.leftBorder}),l.jsx("div",{className:t.default.rightBorder}),l.jsx("div",{className:t.default.leftEyebrow}),l.jsx("div",{className:t.default.rightEyebrow})]},c.title))})]})})};exports.ExpandingDetails=O;
|
|
@@ -1,238 +1,247 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
2
|
+
import { jsx as t, jsxs as n } from "react/jsx-runtime";
|
|
3
3
|
import { useGSAP as L } from "../../node_modules/@gsap/react/src/index.es.js";
|
|
4
|
-
import { gsap as
|
|
5
|
-
import { ScrollTrigger as
|
|
6
|
-
import { useRef as
|
|
7
|
-
import { HighlightedTitle as
|
|
8
|
-
import { Typography as
|
|
9
|
-
import I from "../../utils/debounce.es.js";
|
|
4
|
+
import { gsap as d } from "../../node_modules/gsap/index.es.js";
|
|
5
|
+
import { ScrollTrigger as z } from "../../node_modules/gsap/ScrollTrigger.es.js";
|
|
6
|
+
import { useRef as X } from "react";
|
|
7
|
+
import { HighlightedTitle as F } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
|
|
8
|
+
import { Typography as y } from "../../components/Typography/Typography.es.js";
|
|
10
9
|
import l from "./expandingDetails.module.css.es.js";
|
|
11
|
-
|
|
12
|
-
const
|
|
13
|
-
const
|
|
10
|
+
d.registerPlugin(z);
|
|
11
|
+
const C = ({ colorScheme: p, label: S, title: w, sections: B }) => {
|
|
12
|
+
const h = X(null), a = X({});
|
|
14
13
|
return L(
|
|
15
|
-
() => {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
14
|
+
() => h.current ? ((() => {
|
|
15
|
+
var P;
|
|
16
|
+
a.current.timeline && a.current.timeline.kill(), a.current.matchMedia && a.current.matchMedia.kill();
|
|
17
|
+
const i = d.utils.toArray('[data-scroll-id="section"]'), r = (P = h.current) == null ? void 0 : P.querySelector('[data-scroll-id="sections"]');
|
|
18
|
+
if (!r) return;
|
|
19
|
+
const q = d.matchMedia();
|
|
20
|
+
a.current.matchMedia = q;
|
|
21
|
+
const u = d.timeline({
|
|
22
|
+
scrollTrigger: {
|
|
23
|
+
trigger: h.current,
|
|
24
|
+
start: "top top",
|
|
25
|
+
end: () => `+=${i.length * 500}`,
|
|
26
|
+
scrub: 1,
|
|
27
|
+
markers: !1,
|
|
28
|
+
pin: !0
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
a.current.timeline = u;
|
|
32
|
+
const b = r == null ? void 0 : r.querySelector('[data-scroll-id="heading"]');
|
|
33
|
+
if (!b) return;
|
|
34
|
+
const x = 1366, R = r.querySelectorAll('[data-scroll-id="content"]'), j = Array.from(R).map((e) => e.offsetHeight), o = Math.max(...j);
|
|
35
|
+
i.forEach((e, N) => {
|
|
36
|
+
q.add(
|
|
37
|
+
{
|
|
38
|
+
isMobile: `(max-width: ${x}px)`,
|
|
39
|
+
isDesktop: `(min-width: ${x + 1}px)`
|
|
40
|
+
},
|
|
41
|
+
(I) => {
|
|
42
|
+
var v, E, M, H, V, k, T, A, $, D, W;
|
|
43
|
+
const s = e == null ? void 0 : e.querySelector('[data-scroll-id="heading"]'), m = e == null ? void 0 : e.querySelector('[data-scroll-id="content"]');
|
|
44
|
+
if (!s || !m) return;
|
|
45
|
+
const g = I.conditions, f = g == null ? void 0 : g.isMobile, G = g == null ? void 0 : g.isDesktop;
|
|
46
|
+
d.set(r == null ? void 0 : r.querySelectorAll('[data-scroll-id="section"]'), {
|
|
47
|
+
height: b.offsetHeight || 0
|
|
48
|
+
}), d.set(r == null ? void 0 : r.querySelectorAll('[data-scroll-id="protocol"]'), {
|
|
49
|
+
scale: 1,
|
|
50
|
+
yPercent: 0
|
|
51
|
+
}), d.set(i[0], { height: s.offsetHeight + o }), d.set((v = i[0]) == null ? void 0 : v.querySelector('[data-scroll-id="section-title"]'), {
|
|
52
|
+
scale: f ? 1 : 2,
|
|
53
|
+
yPercent: 50
|
|
54
|
+
}), d.set((E = i[0]) == null ? void 0 : E.querySelector('[data-scroll-id="section-index"]'), {
|
|
55
|
+
scale: f ? 1 : 2,
|
|
56
|
+
yPercent: 50
|
|
57
|
+
}), G && (u.to(e, { height: s.offsetHeight + m.offsetHeight }).to(
|
|
58
|
+
e == null ? void 0 : e.querySelector('[data-scroll-id="section-title"]'),
|
|
59
|
+
{ scale: 2, yPercent: 50 },
|
|
60
|
+
"<"
|
|
61
|
+
).to(
|
|
62
|
+
e == null ? void 0 : e.querySelector('[data-scroll-id="section-index"]'),
|
|
63
|
+
{ scale: 2, yPercent: 50 },
|
|
64
|
+
"<"
|
|
65
|
+
).to(m, { height: o }, "<").to(e == null ? void 0 : e.querySelector('[data-scroll-id="protocol"]'), { scale: 1 }, "<"), N < i.length - 1 && u.to(e, { height: s.offsetHeight, delay: 0.5 }).to(
|
|
66
|
+
e.nextElementSibling,
|
|
67
|
+
{ height: s.offsetHeight + o },
|
|
68
|
+
"<"
|
|
69
|
+
).to(
|
|
70
|
+
((M = e.nextElementSibling) == null ? void 0 : M.querySelector(
|
|
71
|
+
'[data-scroll-id="section-title"]'
|
|
72
|
+
)) || null,
|
|
73
|
+
{ scale: 2, yPercent: 100 },
|
|
74
|
+
"<"
|
|
75
|
+
).to(
|
|
76
|
+
((H = e.nextElementSibling) == null ? void 0 : H.querySelector(
|
|
77
|
+
'[data-scroll-id="section-index"]'
|
|
78
|
+
)) || null,
|
|
79
|
+
{ scale: 2, yPercent: 100 },
|
|
80
|
+
"<"
|
|
81
|
+
).to(
|
|
82
|
+
((V = e.nextElementSibling) == null ? void 0 : V.querySelector('[data-scroll-id="content"]')) || null,
|
|
83
|
+
{ height: o, yPercent: 0 },
|
|
84
|
+
"<"
|
|
85
|
+
).to(
|
|
86
|
+
((k = e.nextElementSibling) == null ? void 0 : k.querySelector('[data-scroll-id="protocol"]')) || null,
|
|
87
|
+
{ scale: 1 },
|
|
88
|
+
"<"
|
|
89
|
+
).to(
|
|
90
|
+
e == null ? void 0 : e.querySelector('[data-scroll-id="section-title"]'),
|
|
91
|
+
{ scale: 1, yPercent: -15 },
|
|
92
|
+
"<"
|
|
93
|
+
).to(
|
|
94
|
+
e == null ? void 0 : e.querySelector('[data-scroll-id="section-index"]'),
|
|
95
|
+
{ scale: 1, yPercent: -15 },
|
|
96
|
+
"<"
|
|
97
|
+
).to(m, { height: 0, yPercent: 0 }, "<").to(
|
|
98
|
+
e == null ? void 0 : e.querySelector('[data-scroll-id="protocol"]'),
|
|
99
|
+
{ scale: 0, yPercent: 200 },
|
|
100
|
+
"<"
|
|
101
|
+
).to(
|
|
102
|
+
e == null ? void 0 : e.querySelector('[data-scroll-id="image-circle"]'),
|
|
103
|
+
{ scale: 0, yPercent: 200 },
|
|
104
|
+
"<"
|
|
105
|
+
)), f && (u.to(e, { height: s.offsetHeight + o }).to(m, { height: o }, "<").to(e == null ? void 0 : e.querySelector('[data-scroll-id="protocol"]'), { scale: 1 }, "<").to(e == null ? void 0 : e.querySelector('[data-scroll-id="image-circle"]'), { scale: 1 }, "<"), N < i.length - 1 && u.to(e, { height: s.offsetHeight, delay: 0.5 }).to(
|
|
106
|
+
e.nextElementSibling,
|
|
107
|
+
{ height: s.offsetHeight + o },
|
|
108
|
+
"<"
|
|
109
|
+
).to(
|
|
110
|
+
((T = e.nextElementSibling) == null ? void 0 : T.querySelector(
|
|
111
|
+
'[data-scroll-id="section-title"]'
|
|
112
|
+
)) || null,
|
|
113
|
+
{ scale: 1 },
|
|
114
|
+
"<"
|
|
115
|
+
).to(
|
|
116
|
+
((A = e.nextElementSibling) == null ? void 0 : A.querySelector(
|
|
117
|
+
'[data-scroll-id="section-index"]'
|
|
118
|
+
)) || null,
|
|
119
|
+
{ scale: 1 },
|
|
120
|
+
"<"
|
|
121
|
+
).to(
|
|
122
|
+
(($ = e.nextElementSibling) == null ? void 0 : $.querySelector('[data-scroll-id="content"]')) || null,
|
|
123
|
+
{ height: o, yPercent: 0 },
|
|
124
|
+
"<"
|
|
125
|
+
).to(
|
|
126
|
+
((D = e.nextElementSibling) == null ? void 0 : D.querySelector('[data-scroll-id="protocol"]')) || null,
|
|
127
|
+
{ scale: 1 },
|
|
128
|
+
"<"
|
|
129
|
+
).to(
|
|
130
|
+
((W = e.nextElementSibling) == null ? void 0 : W.querySelector(
|
|
131
|
+
'[data-scroll-id="image-circle"]'
|
|
132
|
+
)) || null,
|
|
133
|
+
{ scale: 1, yPercent: 5 },
|
|
134
|
+
"<"
|
|
135
|
+
).to(
|
|
136
|
+
e == null ? void 0 : e.querySelector('[data-scroll-id="section-title"]'),
|
|
137
|
+
{ scale: 1, yPercent: -15 },
|
|
138
|
+
"<"
|
|
139
|
+
).to(
|
|
140
|
+
e == null ? void 0 : e.querySelector('[data-scroll-id="section-index"]'),
|
|
141
|
+
{ scale: 1, yPercent: -15 },
|
|
142
|
+
"<"
|
|
143
|
+
).to(m, { height: 0, yPercent: 0 }, "<").to(
|
|
144
|
+
e == null ? void 0 : e.querySelector('[data-scroll-id="protocol"]'),
|
|
145
|
+
{ scale: 0, yPercent: 200 },
|
|
146
|
+
"<"
|
|
147
|
+
).to(
|
|
148
|
+
e == null ? void 0 : e.querySelector('[data-scroll-id="image-circle"]'),
|
|
149
|
+
{ scale: 0, yPercent: 200 },
|
|
150
|
+
"<"
|
|
151
|
+
));
|
|
32
152
|
}
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
f.forEach((e, P) => {
|
|
39
|
-
S.add(
|
|
40
|
-
{
|
|
41
|
-
isMobile: `(max-width: ${b}px)`,
|
|
42
|
-
isDesktop: `(min-width: ${b + 1}px)`
|
|
43
|
-
},
|
|
44
|
-
(R) => {
|
|
45
|
-
var v, N, E, H, M, k, V, T, w, $;
|
|
46
|
-
const c = e == null ? void 0 : e.querySelector('[data-scroll-id="heading"]'), t = e == null ? void 0 : e.querySelector('[data-scroll-id="content"]');
|
|
47
|
-
if (!c || !t) return;
|
|
48
|
-
const h = R.conditions, z = h == null ? void 0 : h.isMobile, B = h == null ? void 0 : h.isDesktop;
|
|
49
|
-
s.set(r == null ? void 0 : r.querySelectorAll('[data-scroll-id="section"]'), {
|
|
50
|
-
height: q.offsetHeight || 0
|
|
51
|
-
}), s.set(r == null ? void 0 : r.querySelectorAll('[data-scroll-id="protocol"]'), {
|
|
52
|
-
scale: 0.5,
|
|
53
|
-
yPercent: 0
|
|
54
|
-
}), s.set(r == null ? void 0 : r.querySelectorAll('[data-scroll-id="image-circle"]'), {
|
|
55
|
-
scale: 0.5,
|
|
56
|
-
yPercent: 5
|
|
57
|
-
}), B && (g.to(e, { height: c.offsetHeight + t.offsetHeight }).to(
|
|
58
|
-
e == null ? void 0 : e.querySelector('[data-scroll-id="section-title"]'),
|
|
59
|
-
{ scale: 2, yPercent: 50 },
|
|
60
|
-
"<"
|
|
61
|
-
).to(
|
|
62
|
-
e == null ? void 0 : e.querySelector('[data-scroll-id="section-index"]'),
|
|
63
|
-
{ scale: 2, yPercent: 50 },
|
|
64
|
-
"<"
|
|
65
|
-
).to(t, { height: t.offsetHeight }, "<").to(e == null ? void 0 : e.querySelector('[data-scroll-id="protocol"]'), { scale: 1 }, "<").to(
|
|
66
|
-
e == null ? void 0 : e.querySelector('[data-scroll-id="image-circle"]'),
|
|
67
|
-
{ scale: 1, yPercent: 5 },
|
|
68
|
-
"<"
|
|
69
|
-
), P < f.length - 1 && g.to(e, { height: c.offsetHeight, delay: 0.5 }).to(
|
|
70
|
-
e.nextElementSibling,
|
|
71
|
-
{ height: c.offsetHeight + t.offsetHeight },
|
|
72
|
-
"<"
|
|
73
|
-
).to(
|
|
74
|
-
((v = e.nextElementSibling) == null ? void 0 : v.querySelector(
|
|
75
|
-
'[data-scroll-id="section-title"]'
|
|
76
|
-
)) || null,
|
|
77
|
-
{ scale: 2, yPercent: 100 },
|
|
78
|
-
"<"
|
|
79
|
-
).to(
|
|
80
|
-
((N = e.nextElementSibling) == null ? void 0 : N.querySelector(
|
|
81
|
-
'[data-scroll-id="section-index"]'
|
|
82
|
-
)) || null,
|
|
83
|
-
{ scale: 2, yPercent: 100 },
|
|
84
|
-
"<"
|
|
85
|
-
).to(
|
|
86
|
-
((E = e.nextElementSibling) == null ? void 0 : E.querySelector('[data-scroll-id="content"]')) || null,
|
|
87
|
-
{ height: t.offsetHeight, yPercent: 0 },
|
|
88
|
-
"<"
|
|
89
|
-
).to(
|
|
90
|
-
((H = e.nextElementSibling) == null ? void 0 : H.querySelector('[data-scroll-id="protocol"]')) || null,
|
|
91
|
-
{ scale: 1 },
|
|
92
|
-
"<"
|
|
93
|
-
).to(
|
|
94
|
-
((M = e.nextElementSibling) == null ? void 0 : M.querySelector(
|
|
95
|
-
'[data-scroll-id="image-circle"]'
|
|
96
|
-
)) || null,
|
|
97
|
-
{ scale: 1, yPercent: 5 },
|
|
98
|
-
"<"
|
|
99
|
-
).to(
|
|
100
|
-
e == null ? void 0 : e.querySelector('[data-scroll-id="section-title"]'),
|
|
101
|
-
{ scale: 1, yPercent: -15 },
|
|
102
|
-
"<"
|
|
103
|
-
).to(
|
|
104
|
-
e == null ? void 0 : e.querySelector('[data-scroll-id="section-index"]'),
|
|
105
|
-
{ scale: 1, yPercent: -15 },
|
|
106
|
-
"<"
|
|
107
|
-
).to(t, { height: 0, yPercent: 0 }, "<").to(
|
|
108
|
-
e == null ? void 0 : e.querySelector('[data-scroll-id="protocol"]'),
|
|
109
|
-
{ scale: 0, yPercent: 200 },
|
|
110
|
-
"<"
|
|
111
|
-
).to(
|
|
112
|
-
e == null ? void 0 : e.querySelector('[data-scroll-id="image-circle"]'),
|
|
113
|
-
{ scale: 0, yPercent: 200 },
|
|
114
|
-
"<"
|
|
115
|
-
)), z && (g.to(e, { height: c.offsetHeight + t.offsetHeight }).to(t, { height: t.offsetHeight }, "<").to(e == null ? void 0 : e.querySelector('[data-scroll-id="protocol"]'), { scale: 1 }, "<").to(
|
|
116
|
-
e == null ? void 0 : e.querySelector('[data-scroll-id="image-circle"]'),
|
|
117
|
-
{ scale: 1, yPercent: 5 },
|
|
118
|
-
"<"
|
|
119
|
-
), P < f.length - 1 && g.to(e, { height: c.offsetHeight, delay: 0.5 }).to(
|
|
120
|
-
e.nextElementSibling,
|
|
121
|
-
{ height: c.offsetHeight + t.offsetHeight },
|
|
122
|
-
"<"
|
|
123
|
-
).to(
|
|
124
|
-
((k = e.nextElementSibling) == null ? void 0 : k.querySelector(
|
|
125
|
-
'[data-scroll-id="section-title"]'
|
|
126
|
-
)) || null,
|
|
127
|
-
{ scale: 1, yPercent: 100 },
|
|
128
|
-
"<"
|
|
129
|
-
).to(
|
|
130
|
-
((V = e.nextElementSibling) == null ? void 0 : V.querySelector(
|
|
131
|
-
'[data-scroll-id="section-index"]'
|
|
132
|
-
)) || null,
|
|
133
|
-
{ scale: 1, yPercent: 100 },
|
|
134
|
-
"<"
|
|
135
|
-
).to(
|
|
136
|
-
((T = e.nextElementSibling) == null ? void 0 : T.querySelector('[data-scroll-id="content"]')) || null,
|
|
137
|
-
{ height: t.offsetHeight, yPercent: 0 },
|
|
138
|
-
"<"
|
|
139
|
-
).to(
|
|
140
|
-
((w = e.nextElementSibling) == null ? void 0 : w.querySelector('[data-scroll-id="protocol"]')) || null,
|
|
141
|
-
{ scale: 1 },
|
|
142
|
-
"<"
|
|
143
|
-
).to(
|
|
144
|
-
(($ = e.nextElementSibling) == null ? void 0 : $.querySelector(
|
|
145
|
-
'[data-scroll-id="image-circle"]'
|
|
146
|
-
)) || null,
|
|
147
|
-
{ scale: 1, yPercent: 5 },
|
|
148
|
-
"<"
|
|
149
|
-
).to(
|
|
150
|
-
e == null ? void 0 : e.querySelector('[data-scroll-id="section-title"]'),
|
|
151
|
-
{ scale: 1, yPercent: -15 },
|
|
152
|
-
"<"
|
|
153
|
-
).to(
|
|
154
|
-
e == null ? void 0 : e.querySelector('[data-scroll-id="section-index"]'),
|
|
155
|
-
{ scale: 1, yPercent: -15 },
|
|
156
|
-
"<"
|
|
157
|
-
).to(t, { height: 0, yPercent: 0 }, "<").to(
|
|
158
|
-
e == null ? void 0 : e.querySelector('[data-scroll-id="protocol"]'),
|
|
159
|
-
{ scale: 0, yPercent: 200 },
|
|
160
|
-
"<"
|
|
161
|
-
).to(
|
|
162
|
-
e == null ? void 0 : e.querySelector('[data-scroll-id="image-circle"]'),
|
|
163
|
-
{ scale: 0, yPercent: 200 },
|
|
164
|
-
"<"
|
|
165
|
-
));
|
|
166
|
-
}
|
|
167
|
-
);
|
|
168
|
-
});
|
|
169
|
-
};
|
|
170
|
-
d();
|
|
171
|
-
const m = I(() => {
|
|
172
|
-
d();
|
|
173
|
-
}, 200);
|
|
174
|
-
return window.addEventListener("resize", m), () => {
|
|
175
|
-
window.removeEventListener("resize", m), i.current.timeline && i.current.timeline.kill(), i.current.matchMedia && i.current.matchMedia.kill();
|
|
176
|
-
};
|
|
177
|
-
},
|
|
153
|
+
);
|
|
154
|
+
});
|
|
155
|
+
})(), () => {
|
|
156
|
+
a.current.timeline && a.current.timeline.kill(), a.current.matchMedia && a.current.matchMedia.kill();
|
|
157
|
+
}) : void 0,
|
|
178
158
|
{
|
|
179
|
-
scope:
|
|
180
|
-
dependencies: [
|
|
159
|
+
scope: h,
|
|
160
|
+
dependencies: [h]
|
|
181
161
|
}
|
|
182
|
-
), /* @__PURE__ */
|
|
183
|
-
/* @__PURE__ */
|
|
184
|
-
|
|
185
|
-
/* @__PURE__ */
|
|
186
|
-
|
|
162
|
+
), /* @__PURE__ */ t("div", { ref: h, className: `${l.root} ${l[p]}`, children: /* @__PURE__ */ n("div", { className: l.expandingDetailsWrapper, children: [
|
|
163
|
+
/* @__PURE__ */ n("header", { "data-scroll-id": "header", className: l.header, children: [
|
|
164
|
+
S && /* @__PURE__ */ t(y, { as: "div", defaultVariant: "labelSm", emphasis: !0, className: l.label, children: S }),
|
|
165
|
+
/* @__PURE__ */ t(
|
|
166
|
+
F,
|
|
187
167
|
{
|
|
188
168
|
as: "div",
|
|
189
169
|
defaultVariant: "displayMd",
|
|
190
170
|
mobileVariant: "headingXl",
|
|
191
|
-
colorScheme:
|
|
171
|
+
colorScheme: p,
|
|
192
172
|
className: l.title,
|
|
193
|
-
title:
|
|
173
|
+
title: w
|
|
194
174
|
}
|
|
195
175
|
)
|
|
196
176
|
] }),
|
|
197
|
-
/* @__PURE__ */
|
|
177
|
+
/* @__PURE__ */ t("div", { "data-scroll-id": "sections", className: l.sections, children: B.map((c, i) => /* @__PURE__ */ n(
|
|
198
178
|
"div",
|
|
199
179
|
{
|
|
200
|
-
id: `section-${
|
|
180
|
+
id: `section-${i + 1}`,
|
|
201
181
|
"data-scroll-id": "section",
|
|
202
182
|
className: l.section,
|
|
203
183
|
children: [
|
|
204
|
-
/* @__PURE__ */
|
|
205
|
-
/* @__PURE__ */
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
184
|
+
/* @__PURE__ */ n("div", { "data-scroll-id": "heading", className: l.heading, children: [
|
|
185
|
+
/* @__PURE__ */ t("div", { "data-scroll-id": "section-title", className: l.sectionTitleWrapper, children: /* @__PURE__ */ t(
|
|
186
|
+
y,
|
|
187
|
+
{
|
|
188
|
+
as: "h3",
|
|
189
|
+
defaultVariant: "headingMd",
|
|
190
|
+
mobileVariant: "headingXs",
|
|
191
|
+
className: l.sectionTitle,
|
|
192
|
+
children: c.title
|
|
193
|
+
}
|
|
194
|
+
) }),
|
|
195
|
+
/* @__PURE__ */ t("div", { "data-scroll-id": "section-index", className: l.sectionIndexWrapper, children: /* @__PURE__ */ n(
|
|
196
|
+
y,
|
|
197
|
+
{
|
|
198
|
+
as: "p",
|
|
199
|
+
defaultVariant: "headingSm",
|
|
200
|
+
mobileVariant: "headingXs",
|
|
201
|
+
className: l.sectionIndex,
|
|
202
|
+
children: [
|
|
203
|
+
"(",
|
|
204
|
+
String(i + 1).padStart(2, "0"),
|
|
205
|
+
")"
|
|
206
|
+
]
|
|
207
|
+
}
|
|
208
|
+
) })
|
|
211
209
|
] }),
|
|
212
|
-
/* @__PURE__ */
|
|
213
|
-
/* @__PURE__ */
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
210
|
+
/* @__PURE__ */ n("div", { "data-scroll-id": "content", className: l.content, children: [
|
|
211
|
+
/* @__PURE__ */ n("div", { "data-scroll-id": "protocol", className: l.protocolWrapper, children: [
|
|
212
|
+
c.subtitle && /* @__PURE__ */ t(
|
|
213
|
+
y,
|
|
214
|
+
{
|
|
215
|
+
as: "h4",
|
|
216
|
+
className: l.protocolSubtitle,
|
|
217
|
+
defaultVariant: "headingLg",
|
|
218
|
+
mobileVariant: "headingXs",
|
|
219
|
+
children: c.subtitle
|
|
220
|
+
}
|
|
221
|
+
),
|
|
222
|
+
/* @__PURE__ */ t(
|
|
223
|
+
y,
|
|
217
224
|
{
|
|
218
225
|
className: l.description,
|
|
219
226
|
as: "div",
|
|
220
227
|
defaultVariant: "bodyMd",
|
|
221
228
|
mobileVariant: "bodyXs",
|
|
222
|
-
children:
|
|
229
|
+
children: c.description
|
|
223
230
|
}
|
|
224
231
|
)
|
|
225
232
|
] }),
|
|
226
|
-
/* @__PURE__ */
|
|
233
|
+
/* @__PURE__ */ t("div", { "data-scroll-id": "image-circle", className: l.imageCircle, children: /* @__PURE__ */ t("img", { src: c.image, alt: c.title }) })
|
|
227
234
|
] }),
|
|
228
|
-
/* @__PURE__ */
|
|
229
|
-
/* @__PURE__ */
|
|
235
|
+
/* @__PURE__ */ t("div", { className: l.leftBorder }),
|
|
236
|
+
/* @__PURE__ */ t("div", { className: l.rightBorder }),
|
|
237
|
+
/* @__PURE__ */ t("div", { className: l.leftEyebrow }),
|
|
238
|
+
/* @__PURE__ */ t("div", { className: l.rightEyebrow })
|
|
230
239
|
]
|
|
231
240
|
},
|
|
232
|
-
|
|
241
|
+
c.title
|
|
233
242
|
)) })
|
|
234
243
|
] }) });
|
|
235
244
|
};
|
|
236
245
|
export {
|
|
237
|
-
|
|
246
|
+
C as ExpandingDetails
|
|
238
247
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="expandingDetails-module__root___5WLQh",t="expandingDetails-module__dark___BhUf9",o="expandingDetails-module__expandingDetailsWrapper___sqLS5",n="expandingDetails-module__header___Rp1BD",i="expandingDetails-module__description___U28ia",
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="expandingDetails-module__root___5WLQh",t="expandingDetails-module__dark___BhUf9",o="expandingDetails-module__expandingDetailsWrapper___sqLS5",n="expandingDetails-module__header___Rp1BD",i="expandingDetails-module__description___U28ia",_="expandingDetails-module__title___5WsER",r="expandingDetails-module__label___w2Sjs",l="expandingDetails-module__sections___xpvak",a="expandingDetails-module__section___zgXvg",s="expandingDetails-module__leftBorder___lZI-L",d="expandingDetails-module__rightBorder___xfwvL",p="expandingDetails-module__leftEyebrow___DRf6N",c="expandingDetails-module__rightEyebrow___oSYuJ",g="expandingDetails-module__heading___htlX-",x="expandingDetails-module__sectionTitleWrapper___WxS9B",u="expandingDetails-module__sectionIndexWrapper___l-3VD",D="expandingDetails-module__content___1uGIY",m="expandingDetails-module__protocolWrapper___nq7ij",h="expandingDetails-module__imageCircle___HZJB-",W="expandingDetails-module__protocolSubtitle___egzjm",b="expandingDetails-module__sectionIndex___spgOf",f={root:e,dark:t,expandingDetailsWrapper:o,header:n,description:i,title:_,label:r,sections:l,section:a,leftBorder:s,rightBorder:d,leftEyebrow:p,rightEyebrow:c,heading:g,sectionTitleWrapper:x,sectionIndexWrapper:u,content:D,protocolWrapper:m,imageCircle:h,protocolSubtitle:W,sectionIndex:b};exports.content=D;exports.dark=t;exports.default=f;exports.description=i;exports.expandingDetailsWrapper=o;exports.header=n;exports.heading=g;exports.imageCircle=h;exports.label=r;exports.leftBorder=s;exports.leftEyebrow=p;exports.protocolSubtitle=W;exports.protocolWrapper=m;exports.rightBorder=d;exports.rightEyebrow=c;exports.root=e;exports.section=a;exports.sectionIndex=b;exports.sectionIndexWrapper=u;exports.sectionTitleWrapper=x;exports.sections=l;exports.title=_;
|
|
@@ -1,49 +1,47 @@
|
|
|
1
|
-
const e = "expandingDetails-module__root___5WLQh", t = "expandingDetails-module__dark___BhUf9",
|
|
1
|
+
const e = "expandingDetails-module__root___5WLQh", t = "expandingDetails-module__dark___BhUf9", _ = "expandingDetails-module__expandingDetailsWrapper___sqLS5", n = "expandingDetails-module__header___Rp1BD", o = "expandingDetails-module__description___U28ia", i = "expandingDetails-module__title___5WsER", l = "expandingDetails-module__label___w2Sjs", a = "expandingDetails-module__sections___xpvak", s = "expandingDetails-module__section___zgXvg", d = "expandingDetails-module__leftBorder___lZI-L", r = "expandingDetails-module__rightBorder___xfwvL", p = "expandingDetails-module__leftEyebrow___DRf6N", c = "expandingDetails-module__rightEyebrow___oSYuJ", g = "expandingDetails-module__heading___htlX-", x = "expandingDetails-module__sectionTitleWrapper___WxS9B", u = "expandingDetails-module__sectionIndexWrapper___l-3VD", D = "expandingDetails-module__content___1uGIY", m = "expandingDetails-module__protocolWrapper___nq7ij", h = "expandingDetails-module__imageCircle___HZJB-", W = "expandingDetails-module__protocolSubtitle___egzjm", b = "expandingDetails-module__sectionIndex___spgOf", f = {
|
|
2
2
|
root: e,
|
|
3
3
|
dark: t,
|
|
4
|
-
expandingDetailsWrapper:
|
|
5
|
-
header:
|
|
6
|
-
description:
|
|
4
|
+
expandingDetailsWrapper: _,
|
|
5
|
+
header: n,
|
|
6
|
+
description: o,
|
|
7
7
|
title: i,
|
|
8
|
-
label:
|
|
8
|
+
label: l,
|
|
9
9
|
sections: a,
|
|
10
10
|
section: s,
|
|
11
|
-
leftBorder:
|
|
12
|
-
rightBorder:
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
heading: m,
|
|
18
|
-
sectionTitleWrapper: D,
|
|
11
|
+
leftBorder: d,
|
|
12
|
+
rightBorder: r,
|
|
13
|
+
leftEyebrow: p,
|
|
14
|
+
rightEyebrow: c,
|
|
15
|
+
heading: g,
|
|
16
|
+
sectionTitleWrapper: x,
|
|
19
17
|
sectionIndexWrapper: u,
|
|
20
|
-
content:
|
|
21
|
-
protocolWrapper:
|
|
22
|
-
imageCircle:
|
|
23
|
-
|
|
18
|
+
content: D,
|
|
19
|
+
protocolWrapper: m,
|
|
20
|
+
imageCircle: h,
|
|
21
|
+
protocolSubtitle: W,
|
|
22
|
+
sectionIndex: b
|
|
24
23
|
};
|
|
25
24
|
export {
|
|
26
|
-
|
|
27
|
-
x as bottomRightCorner,
|
|
28
|
-
h as content,
|
|
25
|
+
D as content,
|
|
29
26
|
t as dark,
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
27
|
+
f as default,
|
|
28
|
+
o as description,
|
|
29
|
+
_ as expandingDetailsWrapper,
|
|
30
|
+
n as header,
|
|
31
|
+
g as heading,
|
|
32
|
+
h as imageCircle,
|
|
33
|
+
l as label,
|
|
34
|
+
d as leftBorder,
|
|
35
|
+
p as leftEyebrow,
|
|
36
|
+
W as protocolSubtitle,
|
|
37
|
+
m as protocolWrapper,
|
|
38
|
+
r as rightBorder,
|
|
39
|
+
c as rightEyebrow,
|
|
40
40
|
e as root,
|
|
41
41
|
s as section,
|
|
42
|
-
|
|
42
|
+
b as sectionIndex,
|
|
43
43
|
u as sectionIndexWrapper,
|
|
44
|
-
|
|
44
|
+
x as sectionTitleWrapper,
|
|
45
45
|
a as sections,
|
|
46
|
-
i as title
|
|
47
|
-
p as topLeftCorner,
|
|
48
|
-
c as topRightCorner
|
|
46
|
+
i as title
|
|
49
47
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("../../../../components/Icon/Icon.cjs.js"),c=require("../../../../components/Icon/constants.cjs.js"),d=require("../../../../components/RadioButton/RadioButton.cjs.js"),s=require("../../../../components/Typography/Typography.cjs.js"),u=require("../../../../components/Label/Label.cjs.js"),r=require("../../../../utils/cn/cn.cjs.js"),n=require("../../../../utils/formatUnits/formatUnits.cjs.js"),t=require("./planCard.module.css.cjs.js"),m=({plan:e,isActive:i,onSelect:l})=>a.jsxs("button",{className:r.cn(t.default.root,i&&t.default.active),onClick:()=>l(e.id),children:[e.featured&&a.jsx(u.Label,{color:"black",className:t.default.label,size:"sm",children:"Most popular"}),a.jsxs("div",{className:t.default.planContainer,children:[a.jsxs("div",{className:t.default.planInfo,children:[a.jsx(d.RadioButton,{checked:i}),a.jsxs("div",{className:t.default.planDetails,children:[a.jsx(s.Typography,{as:"h4",defaultVariant:"bodySm",emphasis:!0,align:"left",children:e.label}),!!e.savingsPercentage&&a.jsxs(s.Typography,{as:"p",defaultVariant:"labelXs",weight:"regular",className:t.default.savings,children:["Save ",e.savingsPercentage,"%"]})]})]}),a.jsxs("div",{className:t.default.priceDetails,children:[!!e.monthlyPrice&&a.jsxs(s.Typography,{as:"p",defaultVariant:"bodySm",weight:"regular",className:t.default.description,children:[n.formatUnits(e.monthlyPrice,"usd",0),"/mo"]}),a.jsxs("div",{className:r.cn(t.default.priceContainer),children:[e.price!==e.totalPrice&&a.jsx(s.Typography,{as:"p",defaultVariant:"labelXs",weight:"regular",className:t.default.totalPrice,children:n.formatUnits(e.price,"usd",0)}),a.jsx(s.Typography,{as:"p",defaultVariant:!e.monthlyPrice&&e.price===e.totalPrice?"bodySm":"labelXs",className:r.cn(t.default.price,{[t.default.description]:!e.monthlyPrice&&e.price===e.totalPrice}),children:n.formatUnits(e.totalPrice,"usd",0)})]})]})]}),!!e.duration&&e.duration!=="one-time"&&a.jsx("div",{className:r.cn(t.default.benefitsContainer,i&&t.default.benefitsActive),children:a.jsxs("div",{className:t.default.benefitsContent,children:[a.jsxs("div",{className:t.default.benefit,children:[a.jsx(o.Icon,{name:c.EIconName.ARROW_RETURN,className:t.default.benefitIcon}),a.jsxs(s.Typography,{as:"p",defaultVariant:"bodyXs",children:["Delivered every"," ",e.durationAmount&&e.durationAmount>1?`${e.durationAmount} months`:"month"]})]}),a.jsxs("div",{className:t.default.benefit,children:[a.jsx(o.Icon,{name:c.EIconName.CALENDAR,className:t.default.benefitIcon}),a.jsx(s.Typography,{as:"p",defaultVariant:"bodyXs",children:"Modify or cancel anytime"})]})]})})]});exports.PlanCard=m;
|