@zenpatient-org/healthspan-marketing-ui 0.1.23 → 0.1.24
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/Accordion/Accordion.cjs.js +1 -0
- package/dist/components/Accordion/Accordion.d.ts +8 -0
- package/dist/components/Accordion/Accordion.es.js +27 -0
- package/dist/components/Accordion/accordion.module.css.cjs.js +1 -0
- package/dist/components/Accordion/accordion.module.css.es.js +7 -0
- package/dist/components/Accordion/components/AccordionItem/AccordionItem.cjs.js +1 -0
- package/dist/components/Accordion/components/AccordionItem/AccordionItem.d.ts +3 -0
- package/dist/components/Accordion/components/AccordionItem/AccordionItem.es.js +31 -0
- package/dist/components/Accordion/components/AccordionItem/accordionItem.module.css.cjs.js +1 -0
- package/dist/components/Accordion/components/AccordionItem/accordionItem.module.css.es.js +25 -0
- package/dist/components/Accordion/components/AccordionItem/index.d.ts +2 -0
- package/dist/components/Accordion/components/AccordionItem/types.d.ts +9 -0
- package/dist/components/Accordion/components/index.d.ts +1 -0
- package/dist/components/Accordion/index.d.ts +1 -0
- package/dist/components/Accordion/types.d.ts +6 -0
- package/dist/components/ComplexImageCarousel/ComplexImageCarousel.cjs.js +1 -0
- package/dist/components/ComplexImageCarousel/ComplexImageCarousel.d.ts +3 -0
- package/dist/components/ComplexImageCarousel/ComplexImageCarousel.es.js +135 -0
- package/dist/components/ComplexImageCarousel/complexImageCarousel.module.css.cjs.js +1 -0
- package/dist/components/ComplexImageCarousel/complexImageCarousel.module.css.es.js +19 -0
- package/dist/components/ComplexImageCarousel/index.d.ts +2 -0
- package/dist/components/ComplexImageCarousel/types.d.ts +10 -0
- package/dist/components/Icon/constants.cjs.js +1 -1
- package/dist/components/Icon/constants.d.ts +3 -0
- package/dist/components/Icon/constants.es.js +4 -1
- package/dist/components/Icon/iconsMap.cjs.js +1 -1
- package/dist/components/Icon/iconsMap.es.js +104 -98
- package/dist/components/IconBracket/IconBracket.cjs.js +1 -0
- package/dist/components/IconBracket/IconBracket.d.ts +3 -0
- package/dist/components/IconBracket/IconBracket.es.js +16 -0
- package/dist/components/IconBracket/iconBracket.module.css.cjs.js +1 -0
- package/dist/components/IconBracket/iconBracket.module.css.es.js +9 -0
- package/dist/components/IconBracket/index.d.ts +1 -0
- package/dist/components/IconBracket/types.d.ts +8 -0
- package/dist/components/PlayButton/PlayButton.cjs.js +1 -0
- package/dist/components/PlayButton/PlayButton.d.ts +8 -0
- package/dist/components/PlayButton/PlayButton.es.js +9 -0
- package/dist/components/PlayButton/index.d.ts +1 -0
- package/dist/components/PlayButton/playButton.module.css.cjs.js +1 -0
- package/dist/components/PlayButton/playButton.module.css.es.js +11 -0
- package/dist/components/ProgressButton/ProgressButton.cjs.js +1 -1
- package/dist/components/ProgressButton/ProgressButton.d.ts +2 -1
- package/dist/components/ProgressButton/ProgressButton.es.js +17 -13
- package/dist/components/RatingStars/RatingStars.cjs.js +1 -0
- package/dist/components/RatingStars/RatingStars.d.ts +6 -0
- package/dist/components/RatingStars/RatingStars.es.js +18 -0
- package/dist/components/RatingStars/index.d.ts +1 -0
- package/dist/components/RatingStars/ratingStars.module.css.cjs.js +1 -0
- package/dist/components/RatingStars/ratingStars.module.css.es.js +13 -0
- package/dist/healthspan-marketing-ui.css +1 -1
- package/dist/icons/action/bracket-left.svg.cjs.js +1 -0
- package/dist/icons/action/bracket-left.svg.es.js +5 -0
- package/dist/icons/action/bracket-right.svg.cjs.js +1 -0
- package/dist/icons/action/bracket-right.svg.es.js +5 -0
- package/dist/icons/action/play.svg.cjs.js +1 -0
- package/dist/icons/action/play.svg.es.js +5 -0
- package/dist/modules/Compare/Compare.cjs.js +1 -0
- package/dist/modules/Compare/Compare.es.js +26 -0
- package/dist/modules/Compare/compare.module.css.cjs.js +1 -0
- package/dist/modules/Compare/compare.module.css.es.js +13 -0
- package/dist/modules/FAQ/FAQ.cjs.js +1 -0
- package/dist/modules/FAQ/FAQ.d.ts +3 -0
- package/dist/modules/FAQ/FAQ.es.js +17 -0
- package/dist/modules/FAQ/faq.module.css.cjs.js +1 -0
- package/dist/modules/FAQ/faq.module.css.es.js +17 -0
- package/dist/modules/FAQ/index.d.ts +1 -0
- package/dist/modules/FAQ/types.d.ts +10 -0
- package/dist/modules/ImageWithText/ImageWithText.cjs.js +1 -0
- package/dist/modules/ImageWithText/ImageWithText.d.ts +3 -0
- package/dist/modules/ImageWithText/ImageWithText.es.js +35 -0
- package/dist/modules/ImageWithText/imageWithText.module.css.cjs.js +1 -0
- package/dist/modules/ImageWithText/imageWithText.module.css.es.js +21 -0
- package/dist/modules/ImageWithText/index.d.ts +1 -0
- package/dist/modules/ImageWithText/types.d.ts +9 -0
- package/dist/modules/LongevityPathways/LongevityPathways.cjs.js +1 -0
- package/dist/modules/LongevityPathways/LongevityPathways.d.ts +3 -0
- package/dist/modules/LongevityPathways/LongevityPathways.es.js +19 -0
- package/dist/modules/LongevityPathways/index.d.ts +2 -0
- package/dist/modules/LongevityPathways/longevityPathways.module.css.cjs.js +1 -0
- package/dist/modules/LongevityPathways/longevityPathways.module.css.es.js +9 -0
- package/dist/modules/LongevityPathways/types.d.ts +9 -0
- package/dist/modules/OptimalHealth/OptimalHealth.es.js +19 -2
- package/dist/modules/SlidingTabsGallery/SlidingTabsGallery.cjs.js +1 -0
- package/dist/modules/SlidingTabsGallery/SlidingTabsGallery.d.ts +9 -0
- package/dist/modules/SlidingTabsGallery/SlidingTabsGallery.es.js +102 -0
- package/dist/modules/SlidingTabsGallery/SlidingTabsGallery.module.css.cjs.js +1 -0
- package/dist/modules/SlidingTabsGallery/SlidingTabsGallery.module.css.es.js +29 -0
- package/dist/modules/SlidingTabsGallery/index.d.ts +1 -0
- package/dist/modules/Testimonial/Testimonial.cjs.js +1 -0
- package/dist/modules/Testimonial/Testimonial.d.ts +13 -0
- package/dist/modules/Testimonial/Testimonial.es.js +88 -0
- package/dist/modules/Testimonial/components/Product/Product.cjs.js +1 -0
- package/dist/modules/Testimonial/components/Product/Product.d.ts +7 -0
- package/dist/modules/Testimonial/components/Product/Product.es.js +23 -0
- package/dist/modules/Testimonial/components/Product/index.d.ts +1 -0
- package/dist/modules/Testimonial/components/Product/product.module.css.cjs.js +1 -0
- package/dist/modules/Testimonial/components/Product/product.module.css.es.js +17 -0
- package/dist/modules/Testimonial/components/TextCard/TextCard.cjs.js +1 -0
- package/dist/modules/Testimonial/components/TextCard/TextCard.d.ts +3 -0
- package/dist/modules/Testimonial/components/TextCard/TextCard.es.js +31 -0
- package/dist/modules/Testimonial/components/TextCard/index.d.ts +1 -0
- package/dist/modules/Testimonial/components/TextCard/textCard.module.css.cjs.js +1 -0
- package/dist/modules/Testimonial/components/TextCard/textCard.module.css.es.js +13 -0
- package/dist/modules/Testimonial/components/VideoCard/VideoCard.cjs.js +1 -0
- package/dist/modules/Testimonial/components/VideoCard/VideoCard.d.ts +11 -0
- package/dist/modules/Testimonial/components/VideoCard/VideoCard.es.js +62 -0
- package/dist/modules/Testimonial/components/VideoCard/index.d.ts +1 -0
- package/dist/modules/Testimonial/components/VideoCard/videoCard.module.css.cjs.js +1 -0
- package/dist/modules/Testimonial/components/VideoCard/videoCard.module.css.es.js +17 -0
- package/dist/modules/Testimonial/index.d.ts +1 -0
- package/dist/modules/Testimonial/testimonial.module.css.cjs.js +1 -0
- package/dist/modules/Testimonial/testimonial.module.css.es.js +25 -0
- package/dist/modules/Testimonial/types.d.ts +26 -0
- package/dist/modules/TrackProgress/TrackProgress.cjs.js +1 -0
- package/dist/modules/TrackProgress/TrackProgress.d.ts +10 -0
- package/dist/modules/TrackProgress/TrackProgress.es.js +24 -0
- package/dist/modules/TrackProgress/components/TimelineContent/TimelineContent.cjs.js +1 -0
- package/dist/modules/TrackProgress/components/TimelineContent/TimelineContent.d.ts +7 -0
- package/dist/modules/TrackProgress/components/TimelineContent/TimelineContent.es.js +90 -0
- package/dist/modules/TrackProgress/components/TimelineContent/index.d.ts +1 -0
- package/dist/modules/TrackProgress/components/TimelineContent/timelineContent.module.css.cjs.js +1 -0
- package/dist/modules/TrackProgress/components/TimelineContent/timelineContent.module.css.es.js +25 -0
- package/dist/modules/TrackProgress/index.d.ts +1 -0
- package/dist/modules/TrackProgress/trackProgress.module.css.cjs.js +1 -0
- package/dist/modules/TrackProgress/trackProgress.module.css.es.js +13 -0
- package/dist/modules/TrackProgress/types.d.ts +6 -0
- package/dist/node_modules/@gsap/react/src/index.cjs.js +9 -0
- package/dist/node_modules/@gsap/react/src/index.es.js +29 -0
- package/dist/node_modules/gsap/Flip.cjs.js +8 -0
- package/dist/node_modules/gsap/Flip.es.js +525 -0
- package/dist/node_modules/gsap/utils/matrix.cjs.js +8 -0
- package/dist/node_modules/gsap/utils/matrix.es.js +104 -0
- package/dist/pageComponents/Gradient/Gradient.d.ts +5 -0
- package/dist/pageComponents/Gradient/index.d.ts +1 -0
- package/package.json +65 -9
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react");function o(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const c=o(l),a=e=>c.createElement("svg",{width:6,height:17,viewBox:"0 0 6 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},c.createElement("path",{d:"M3.33355 0.524902H5.46755C4.01555 2.8789 3.22355 5.5189 3.22355 8.4669C3.22355 11.4369 4.01555 14.0989 5.46755 16.4749H3.33355C2.14555 14.5609 0.935547 11.8769 0.935547 8.4669C0.935547 5.0569 2.14555 2.4389 3.33355 0.524902Z",fill:"black"}));exports.default=a;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as e from "react";
|
|
2
|
+
const a = (t) => /* @__PURE__ */ e.createElement("svg", { width: 6, height: 17, viewBox: "0 0 6 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M3.33355 0.524902H5.46755C4.01555 2.8789 3.22355 5.5189 3.22355 8.4669C3.22355 11.4369 4.01555 14.0989 5.46755 16.4749H3.33355C2.14555 14.5609 0.935547 11.8769 0.935547 8.4669C0.935547 5.0569 2.14555 2.4389 3.33355 0.524902Z", fill: "black" }));
|
|
3
|
+
export {
|
|
4
|
+
a as default
|
|
5
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react");function o(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const c=o(l),a=e=>c.createElement("svg",{width:5,height:17,viewBox:"0 0 5 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},c.createElement("path",{d:"M2.60178 16.4749H0.467773C1.91977 14.0989 2.68977 11.4369 2.68977 8.4669C2.68977 5.5189 1.91977 2.8789 0.467773 0.524902H2.60178C3.78978 2.4389 4.99977 5.0569 4.99977 8.4669C4.99977 11.8769 3.78978 14.5609 2.60178 16.4749Z",fill:"black"}));exports.default=a;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as t from "react";
|
|
2
|
+
const a = (e) => /* @__PURE__ */ t.createElement("svg", { width: 5, height: 17, viewBox: "0 0 5 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M2.60178 16.4749H0.467773C1.91977 14.0989 2.68977 11.4369 2.68977 8.4669C2.68977 5.5189 1.91977 2.8789 0.467773 0.524902H2.60178C3.78978 2.4389 4.99977 5.0569 4.99977 8.4669C4.99977 11.8769 3.78978 14.5609 2.60178 16.4749Z", fill: "black" }));
|
|
3
|
+
export {
|
|
4
|
+
a as default
|
|
5
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react");function c(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const o=c(l),a=e=>o.createElement("svg",{width:24,height:28,viewBox:"0 0 24 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("path",{d:"M24 14L-1.30507e-06 27.8564L-9.36995e-08 0.143593L24 14Z",fill:"currentColor"}));exports.default=a;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as e from "react";
|
|
2
|
+
const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 28, viewBox: "0 0 24 28", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M24 14L-1.30507e-06 27.8564L-9.36995e-08 0.143593L24 14Z", fill: "currentColor" }));
|
|
3
|
+
export {
|
|
4
|
+
l as default
|
|
5
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./compare.module.css.cjs.js"),n=require("../../components/Typography/Typography.cjs.js"),o=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),t=require("../../components/Pricing/Pricing.cjs.js"),c=({label:r,title:a,leftElement:s,rightElement:l})=>e.jsxs("div",{className:i.default.root,children:[e.jsxs("div",{className:i.default.header,children:[r&&e.jsx(n.Typography,{defaultVariant:"labelMd",mobileVariant:"labelSm",emphasis:!0,children:r}),e.jsx(o.HighlightedTitle,{title:a,defaultVariant:"displayMd",mobileVariant:"headingXl",className:i.default.title})]}),e.jsxs("div",{className:i.default.container,children:[e.jsx(t.Pricing,{...s}),e.jsx(t.Pricing,{...l})]})]});exports.Compare=c;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { jsxs as a, jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import r from "./compare.module.css.es.js";
|
|
3
|
+
import { Typography as s } from "../../components/Typography/Typography.es.js";
|
|
4
|
+
import { HighlightedTitle as d } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
|
|
5
|
+
import { Pricing as t } from "../../components/Pricing/Pricing.es.js";
|
|
6
|
+
const g = ({ label: e, title: l, leftElement: m, rightElement: o }) => /* @__PURE__ */ a("div", { className: r.root, children: [
|
|
7
|
+
/* @__PURE__ */ a("div", { className: r.header, children: [
|
|
8
|
+
e && /* @__PURE__ */ i(s, { defaultVariant: "labelMd", mobileVariant: "labelSm", emphasis: !0, children: e }),
|
|
9
|
+
/* @__PURE__ */ i(
|
|
10
|
+
d,
|
|
11
|
+
{
|
|
12
|
+
title: l,
|
|
13
|
+
defaultVariant: "displayMd",
|
|
14
|
+
mobileVariant: "headingXl",
|
|
15
|
+
className: r.title
|
|
16
|
+
}
|
|
17
|
+
)
|
|
18
|
+
] }),
|
|
19
|
+
/* @__PURE__ */ a("div", { className: r.container, children: [
|
|
20
|
+
/* @__PURE__ */ i(t, { ...m }),
|
|
21
|
+
/* @__PURE__ */ i(t, { ...o })
|
|
22
|
+
] })
|
|
23
|
+
] });
|
|
24
|
+
export {
|
|
25
|
+
g as Compare
|
|
26
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="compare-module__root___Ct29o",o="compare-module__header___m6VVT",t="compare-module__title___xfjEi",_="compare-module__container___MJHy4",r={root:e,header:o,title:t,container:_};exports.container=_;exports.default=r;exports.header=o;exports.root=e;exports.title=t;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
const o = "compare-module__root___Ct29o", e = "compare-module__header___m6VVT", t = "compare-module__title___xfjEi", _ = "compare-module__container___MJHy4", r = {
|
|
2
|
+
root: o,
|
|
3
|
+
header: e,
|
|
4
|
+
title: t,
|
|
5
|
+
container: _
|
|
6
|
+
};
|
|
7
|
+
export {
|
|
8
|
+
_ as container,
|
|
9
|
+
r as default,
|
|
10
|
+
e as header,
|
|
11
|
+
o as root,
|
|
12
|
+
t as title
|
|
13
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./faq.module.css.cjs.js"),l=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),s=require("../../components/Button/Button.cjs.js"),r=require("../../components/Accordion/Accordion.cjs.js"),n=({title:a,questions:i})=>e.jsxs("div",{className:t.default.root,children:[e.jsxs("div",{className:t.default.header,children:[e.jsx(l.HighlightedTitle,{title:a,defaultVariant:"displayMd",mobileVariant:"headingXl"}),e.jsx("div",{className:t.default.buttonWrapperDesktop,children:e.jsx(s.Button,{variant:"muted",size:"lg",as:"a",href:"/faq",children:"VIEW ALL FAQ"})}),e.jsx("div",{className:t.default.buttonWrapperMobile,children:e.jsx(s.Button,{variant:"muted",size:"sm",as:"a",href:"/faq",children:"VIEW ALL FAQ"})})]}),e.jsx("div",{className:t.default.contentDesktop,children:e.jsx(r.Accordion,{items:i,mode:"multiple"})}),e.jsx("div",{className:t.default.contentMobile,children:e.jsx(r.Accordion,{items:i,mode:"multiple"})})]});exports.FAQ=n;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsxs as t, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import i from "./faq.module.css.es.js";
|
|
3
|
+
import { HighlightedTitle as m } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
|
|
4
|
+
import { Button as a } from "../../components/Button/Button.es.js";
|
|
5
|
+
import { Accordion as l } from "../../components/Accordion/Accordion.es.js";
|
|
6
|
+
const h = ({ title: o, questions: r }) => /* @__PURE__ */ t("div", { className: i.root, children: [
|
|
7
|
+
/* @__PURE__ */ t("div", { className: i.header, children: [
|
|
8
|
+
/* @__PURE__ */ e(m, { title: o, defaultVariant: "displayMd", mobileVariant: "headingXl" }),
|
|
9
|
+
/* @__PURE__ */ e("div", { className: i.buttonWrapperDesktop, children: /* @__PURE__ */ e(a, { variant: "muted", size: "lg", as: "a", href: "/faq", children: "VIEW ALL FAQ" }) }),
|
|
10
|
+
/* @__PURE__ */ e("div", { className: i.buttonWrapperMobile, children: /* @__PURE__ */ e(a, { variant: "muted", size: "sm", as: "a", href: "/faq", children: "VIEW ALL FAQ" }) })
|
|
11
|
+
] }),
|
|
12
|
+
/* @__PURE__ */ e("div", { className: i.contentDesktop, children: /* @__PURE__ */ e(l, { items: r, mode: "multiple" }) }),
|
|
13
|
+
/* @__PURE__ */ e("div", { className: i.contentMobile, children: /* @__PURE__ */ e(l, { items: r, mode: "multiple" }) })
|
|
14
|
+
] });
|
|
15
|
+
export {
|
|
16
|
+
h as FAQ
|
|
17
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="faq-module__root___Ywlru",o="faq-module__header___3ZkST",t="faq-module__buttonWrapperDesktop___fHoTf",n="faq-module__buttonWrapperMobile___PRPQR",_="faq-module__contentDesktop___7Lor2",r="faq-module__contentMobile___4T04V",p={root:e,header:o,buttonWrapperDesktop:t,buttonWrapperMobile:n,contentDesktop:_,contentMobile:r};exports.buttonWrapperDesktop=t;exports.buttonWrapperMobile=n;exports.contentDesktop=_;exports.contentMobile=r;exports.default=p;exports.header=o;exports.root=e;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
const o = "faq-module__root___Ywlru", t = "faq-module__header___3ZkST", e = "faq-module__buttonWrapperDesktop___fHoTf", _ = "faq-module__buttonWrapperMobile___PRPQR", n = "faq-module__contentDesktop___7Lor2", r = "faq-module__contentMobile___4T04V", p = {
|
|
2
|
+
root: o,
|
|
3
|
+
header: t,
|
|
4
|
+
buttonWrapperDesktop: e,
|
|
5
|
+
buttonWrapperMobile: _,
|
|
6
|
+
contentDesktop: n,
|
|
7
|
+
contentMobile: r
|
|
8
|
+
};
|
|
9
|
+
export {
|
|
10
|
+
e as buttonWrapperDesktop,
|
|
11
|
+
_ as buttonWrapperMobile,
|
|
12
|
+
n as contentDesktop,
|
|
13
|
+
r as contentMobile,
|
|
14
|
+
p as default,
|
|
15
|
+
t as header,
|
|
16
|
+
o as root
|
|
17
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { FAQ } from './FAQ';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),n=require("../../components/Typography/Typography.cjs.js"),o=require("../../utils/cn/cn.cjs.js"),a=require("./imageWithText.module.css.cjs.js"),c=({image:s,text:t,textAlign:i="left",title:l,description:r})=>e.jsxs("div",{className:a.default.root,children:[e.jsx("div",{className:a.default.imageContainer,children:e.jsx("img",{src:s,alt:"background image",className:a.default.image})}),e.jsxs("div",{className:o.cn(a.default.content,{[a.default.textAlignLeft]:i==="left",[a.default.textAlignRight]:i==="right"}),children:[l&&r&&e.jsxs("div",{className:a.default.richTextContainer,children:[e.jsx(d.HighlightedTitle,{colorScheme:"dark",title:l,defaultVariant:"displayXs",mobileVariant:"headingLg"}),e.jsx(n.Typography,{defaultVariant:"bodyMd",mobileVariant:"bodySm",children:r})]}),t&&e.jsx("div",{className:a.default.textContainer,children:e.jsx(n.Typography,{defaultVariant:"displayXs",mobileVariant:"headingXs",children:t})})]})]});exports.ImageWithText=c;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { jsxs as e, jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import { HighlightedTitle as d } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
|
|
3
|
+
import { Typography as m } from "../../components/Typography/Typography.es.js";
|
|
4
|
+
import { cn as s } from "../../utils/cn/cn.es.js";
|
|
5
|
+
import a from "./imageWithText.module.css.es.js";
|
|
6
|
+
const y = ({ image: o, text: r, textAlign: t = "left", title: l, description: n }) => /* @__PURE__ */ e("div", { className: a.root, children: [
|
|
7
|
+
/* @__PURE__ */ i("div", { className: a.imageContainer, children: /* @__PURE__ */ i("img", { src: o, alt: "background image", className: a.image }) }),
|
|
8
|
+
/* @__PURE__ */ e(
|
|
9
|
+
"div",
|
|
10
|
+
{
|
|
11
|
+
className: s(a.content, {
|
|
12
|
+
[a.textAlignLeft]: t === "left",
|
|
13
|
+
[a.textAlignRight]: t === "right"
|
|
14
|
+
}),
|
|
15
|
+
children: [
|
|
16
|
+
l && n && /* @__PURE__ */ e("div", { className: a.richTextContainer, children: [
|
|
17
|
+
/* @__PURE__ */ i(
|
|
18
|
+
d,
|
|
19
|
+
{
|
|
20
|
+
colorScheme: "dark",
|
|
21
|
+
title: l,
|
|
22
|
+
defaultVariant: "displayXs",
|
|
23
|
+
mobileVariant: "headingLg"
|
|
24
|
+
}
|
|
25
|
+
),
|
|
26
|
+
/* @__PURE__ */ i(m, { defaultVariant: "bodyMd", mobileVariant: "bodySm", children: n })
|
|
27
|
+
] }),
|
|
28
|
+
r && /* @__PURE__ */ i("div", { className: a.textContainer, children: /* @__PURE__ */ i(m, { defaultVariant: "displayXs", mobileVariant: "headingXs", children: r }) })
|
|
29
|
+
]
|
|
30
|
+
}
|
|
31
|
+
)
|
|
32
|
+
] });
|
|
33
|
+
export {
|
|
34
|
+
y as ImageWithText
|
|
35
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="imageWithText-module__root___Uq9G7",e="imageWithText-module__content___IKyX1",i="imageWithText-module__textAlignLeft___nxRQf",n="imageWithText-module__textAlignRight___ldGBP",o="imageWithText-module__textContainer___m5Jfs",_="imageWithText-module__richTextContainer___ochKF",a="imageWithText-module__imageContainer___bcAmi",g="imageWithText-module__image___paWe4",m={root:t,content:e,textAlignLeft:i,textAlignRight:n,textContainer:o,richTextContainer:_,imageContainer:a,image:g};exports.content=e;exports.default=m;exports.image=g;exports.imageContainer=a;exports.richTextContainer=_;exports.root=t;exports.textAlignLeft=i;exports.textAlignRight=n;exports.textContainer=o;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
const t = "imageWithText-module__root___Uq9G7", e = "imageWithText-module__content___IKyX1", i = "imageWithText-module__textAlignLeft___nxRQf", n = "imageWithText-module__textAlignRight___ldGBP", _ = "imageWithText-module__textContainer___m5Jfs", o = "imageWithText-module__richTextContainer___ochKF", a = "imageWithText-module__imageContainer___bcAmi", m = "imageWithText-module__image___paWe4", g = {
|
|
2
|
+
root: t,
|
|
3
|
+
content: e,
|
|
4
|
+
textAlignLeft: i,
|
|
5
|
+
textAlignRight: n,
|
|
6
|
+
textContainer: _,
|
|
7
|
+
richTextContainer: o,
|
|
8
|
+
imageContainer: a,
|
|
9
|
+
image: m
|
|
10
|
+
};
|
|
11
|
+
export {
|
|
12
|
+
e as content,
|
|
13
|
+
g as default,
|
|
14
|
+
m as image,
|
|
15
|
+
a as imageContainer,
|
|
16
|
+
o as richTextContainer,
|
|
17
|
+
t as root,
|
|
18
|
+
i as textAlignLeft,
|
|
19
|
+
n as textAlignRight,
|
|
20
|
+
_ as textContainer
|
|
21
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ImageWithText } from './ImageWithText';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),o=require("../../components/ComplexImageCarousel/ComplexImageCarousel.cjs.js"),t=require("./longevityPathways.module.css.cjs.js"),r=({view:a,label:n,title:l,carousel:i})=>e.jsxs("div",{className:t.default.root,children:[e.jsx("div",{className:t.default.header,children:e.jsx(s.HighlightedTitle,{title:l,className:t.default.title,defaultVariant:"displayMd",mobileVariant:"headingXl"})}),e.jsx(o.ComplexImageCarousel,{images:i,view:a})]});exports.LongevityPathways=r;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { jsxs as l, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { HighlightedTitle as o } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
|
|
3
|
+
import { ComplexImageCarousel as s } from "../../components/ComplexImageCarousel/ComplexImageCarousel.es.js";
|
|
4
|
+
import a from "./longevityPathways.module.css.es.js";
|
|
5
|
+
const c = ({ view: i, label: m, title: r, carousel: t }) => /* @__PURE__ */ l("div", { className: a.root, children: [
|
|
6
|
+
/* @__PURE__ */ e("div", { className: a.header, children: /* @__PURE__ */ e(
|
|
7
|
+
o,
|
|
8
|
+
{
|
|
9
|
+
title: r,
|
|
10
|
+
className: a.title,
|
|
11
|
+
defaultVariant: "displayMd",
|
|
12
|
+
mobileVariant: "headingXl"
|
|
13
|
+
}
|
|
14
|
+
) }),
|
|
15
|
+
/* @__PURE__ */ e(s, { images: t, view: i })
|
|
16
|
+
] });
|
|
17
|
+
export {
|
|
18
|
+
c as LongevityPathways
|
|
19
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="longevityPathways-module__root___-Fwyo",o="longevityPathways-module__header___avZn2",t={root:e,header:o};exports.default=t;exports.header=o;exports.root=e;
|
|
@@ -8,8 +8,25 @@ import a from "./optimalHealth.module.css.es.js";
|
|
|
8
8
|
const b = ({ title: o, description: m, link: r, images: l }) => /* @__PURE__ */ i("section", { className: a.root, children: /* @__PURE__ */ i("div", { className: a.container, children: /* @__PURE__ */ e("div", { className: a.wrapper, children: [
|
|
9
9
|
/* @__PURE__ */ i(d, { images: l }),
|
|
10
10
|
/* @__PURE__ */ e("div", { className: a.content, children: [
|
|
11
|
-
/* @__PURE__ */ i(
|
|
12
|
-
|
|
11
|
+
/* @__PURE__ */ i(
|
|
12
|
+
n,
|
|
13
|
+
{
|
|
14
|
+
title: o,
|
|
15
|
+
className: a.title,
|
|
16
|
+
defaultVariant: "displaySm",
|
|
17
|
+
mobileVariant: "headingLg"
|
|
18
|
+
}
|
|
19
|
+
),
|
|
20
|
+
/* @__PURE__ */ i(
|
|
21
|
+
c,
|
|
22
|
+
{
|
|
23
|
+
as: "p",
|
|
24
|
+
defaultVariant: "bodyLg",
|
|
25
|
+
mobileVariant: "bodySm",
|
|
26
|
+
className: a.description,
|
|
27
|
+
children: m
|
|
28
|
+
}
|
|
29
|
+
),
|
|
13
30
|
/* @__PURE__ */ i("div", { className: s(a.actions, a.desktop), children: /* @__PURE__ */ i(t, { as: "a", variant: "primary", size: "lg", href: r, children: "LEARN MORE" }) }),
|
|
14
31
|
/* @__PURE__ */ i("div", { className: s(a.actions, a.mobile), children: /* @__PURE__ */ i(t, { as: "a", variant: "primary", size: "sm", href: r, children: "LEARN MORE" }) })
|
|
15
32
|
] })
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("react"),T=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),t=require("./SlidingTabsGallery.module.css.cjs.js"),v=require("../../utils/cn/cn.cjs.js");;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */const N=require("../../styles/typography.module.css.cjs.js"),R=require("../../components/Icon/Icon.cjs.js"),y=require("../../node_modules/gsap/index.cjs.js"),p=require("../../node_modules/gsap/Flip.cjs.js"),b=require("../../node_modules/@gsap/react/src/index.cjs.js"),x=require("../../components/Typography/Typography.cjs.js");y.gsap.registerPlugin(p.Flip);const C=({title:q,tabs:o})=>{const s=f.useRef(null),a=f.useRef(null),[c,g]=f.useState(o[0]);b.useGSAP(()=>{const i=s.current,r=a.current,u=n=>{if(i&&r&&n){const m=r.getBoundingClientRect(),h=n.getBoundingClientRect();y.gsap.set(i,{left:h.left-m.left,top:h.top-m.top,width:h.width,height:h.height})}};if(r&&r.children.length>1){const n=r.children[1];n&&u(n)}let l;const d=()=>{clearTimeout(l),l=setTimeout(()=>{if(i&&r&&r.children.length>1&&o.length>0){const n=r.children[1];n&&(u(n),g(o[0]))}},250)};return window.addEventListener("resize",d),()=>{clearTimeout(l),window.removeEventListener("resize",d)}},{dependencies:[o,g],scope:a});const j=(i,r)=>{if(i===c)return;const u=p.Flip.getState(s.current);if(g(i),s.current&&a.current&&a.current.children.length>r+1){const l=a.current.children[r+1];if(l){const d=a.current.getBoundingClientRect(),n=l.getBoundingClientRect();s.current.style.left=`${n.left-d.left}px`,s.current.style.top=`${n.top-d.top}px`,s.current.style.width=`${n.width}px`,s.current.style.height=`${n.height}px`}}p.Flip.from(u,{targets:s.current,duration:.3,ease:"power1.inOut"})};return e.jsx("section",{className:t.default.root,children:e.jsxs("div",{className:t.default.container,children:[e.jsx(T.HighlightedTitle,{as:"div",title:q,className:t.default.header,colorScheme:"dark"}),e.jsxs("div",{className:t.default.content,children:[c.image&&e.jsx("div",{className:t.default.imageWrap,children:e.jsx("img",{src:c.image,alt:"Total Care",className:t.default.image})}),e.jsx("div",{className:t.default.tabsContainer,children:e.jsxs("div",{ref:a,className:t.default.tabs,children:[e.jsx("div",{ref:s,id:"marker",className:t.default.marker}),o.map((i,r)=>e.jsxs("button",{className:v.cn(t.default.tab,{[t.default.active]:c===i}),onClick:()=>j(i,r),children:[i.icon&&e.jsx(x.Typography,{defaultVariant:"displayMd",className:t.default.icon,children:e.jsx(R.Icon,{name:i.icon})}),e.jsx(x.Typography,{defaultVariant:"displayMd",className:N.default.headingXs,children:i.label})]},i.label))]})}),c.description&&e.jsx("div",{className:t.default.description,children:e.jsx(T.HighlightedTitle,{as:"div",defaultVariant:"headingXs",className:t.default.descriptionText,title:c.description,colorScheme:"dark"})})]})]})})};exports.SlidingTabsGallery=C;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { TContentTab } from '../../components/ContentTabs';
|
|
3
|
+
|
|
4
|
+
export type SlidingTabsGalleryProps = {
|
|
5
|
+
title: ReactNode;
|
|
6
|
+
label: string;
|
|
7
|
+
tabs: ReadonlyArray<TContentTab>;
|
|
8
|
+
};
|
|
9
|
+
export declare const SlidingTabsGallery: ({ title, tabs }: SlidingTabsGalleryProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as n, jsxs as h } from "react/jsx-runtime";
|
|
3
|
+
import { useRef as T, useState as k } from "react";
|
|
4
|
+
import { HighlightedTitle as v } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
|
|
5
|
+
import e from "./SlidingTabsGallery.module.css.es.js";
|
|
6
|
+
import { cn as w } from "../../utils/cn/cn.es.js";
|
|
7
|
+
/* empty css */
|
|
8
|
+
/* empty css */
|
|
9
|
+
/* empty css */
|
|
10
|
+
/* empty css */
|
|
11
|
+
/* empty css */
|
|
12
|
+
import S from "../../styles/typography.module.css.es.js";
|
|
13
|
+
import { Icon as b } from "../../components/Icon/Icon.es.js";
|
|
14
|
+
import { gsap as y } from "../../node_modules/gsap/index.es.js";
|
|
15
|
+
import { Flip as f } from "../../node_modules/gsap/Flip.es.js";
|
|
16
|
+
import { useGSAP as x } from "../../node_modules/@gsap/react/src/index.es.js";
|
|
17
|
+
import { Typography as N } from "../../components/Typography/Typography.es.js";
|
|
18
|
+
y.registerPlugin(f);
|
|
19
|
+
const O = ({ title: C, tabs: l }) => {
|
|
20
|
+
const o = T(null), c = T(null), [s, u] = k(l[0]);
|
|
21
|
+
x(() => {
|
|
22
|
+
const t = o.current, r = c.current, m = (i) => {
|
|
23
|
+
if (t && r && i) {
|
|
24
|
+
const g = r.getBoundingClientRect(), p = i.getBoundingClientRect();
|
|
25
|
+
y.set(t, {
|
|
26
|
+
left: p.left - g.left,
|
|
27
|
+
top: p.top - g.top,
|
|
28
|
+
width: p.width,
|
|
29
|
+
height: p.height
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
if (r && r.children.length > 1) {
|
|
34
|
+
const i = r.children[1];
|
|
35
|
+
i && m(i);
|
|
36
|
+
}
|
|
37
|
+
let a;
|
|
38
|
+
const d = () => {
|
|
39
|
+
clearTimeout(a), a = setTimeout(() => {
|
|
40
|
+
if (t && r && r.children.length > 1 && l.length > 0) {
|
|
41
|
+
const i = r.children[1];
|
|
42
|
+
i && (m(i), u(l[0]));
|
|
43
|
+
}
|
|
44
|
+
}, 250);
|
|
45
|
+
};
|
|
46
|
+
return window.addEventListener("resize", d), () => {
|
|
47
|
+
clearTimeout(a), window.removeEventListener("resize", d);
|
|
48
|
+
};
|
|
49
|
+
}, { dependencies: [l, u], scope: c });
|
|
50
|
+
const R = (t, r) => {
|
|
51
|
+
if (t === s) return;
|
|
52
|
+
const m = f.getState(o.current);
|
|
53
|
+
if (u(t), o.current && c.current && c.current.children.length > r + 1) {
|
|
54
|
+
const a = c.current.children[r + 1];
|
|
55
|
+
if (a) {
|
|
56
|
+
const d = c.current.getBoundingClientRect(), i = a.getBoundingClientRect();
|
|
57
|
+
o.current.style.left = `${i.left - d.left}px`, o.current.style.top = `${i.top - d.top}px`, o.current.style.width = `${i.width}px`, o.current.style.height = `${i.height}px`;
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
f.from(m, {
|
|
61
|
+
targets: o.current,
|
|
62
|
+
duration: 0.3,
|
|
63
|
+
ease: "power1.inOut"
|
|
64
|
+
});
|
|
65
|
+
};
|
|
66
|
+
return /* @__PURE__ */ n("section", { className: e.root, children: /* @__PURE__ */ h("div", { className: e.container, children: [
|
|
67
|
+
/* @__PURE__ */ n(v, { as: "div", title: C, className: e.header, colorScheme: "dark" }),
|
|
68
|
+
/* @__PURE__ */ h("div", { className: e.content, children: [
|
|
69
|
+
s.image && /* @__PURE__ */ n("div", { className: e.imageWrap, children: /* @__PURE__ */ n("img", { src: s.image, alt: "Total Care", className: e.image }) }),
|
|
70
|
+
/* @__PURE__ */ n("div", { className: e.tabsContainer, children: /* @__PURE__ */ h("div", { ref: c, className: e.tabs, children: [
|
|
71
|
+
/* @__PURE__ */ n("div", { ref: o, id: "marker", className: e.marker }),
|
|
72
|
+
l.map((t, r) => /* @__PURE__ */ h(
|
|
73
|
+
"button",
|
|
74
|
+
{
|
|
75
|
+
className: w(e.tab, {
|
|
76
|
+
[e.active]: s === t
|
|
77
|
+
}),
|
|
78
|
+
onClick: () => R(t, r),
|
|
79
|
+
children: [
|
|
80
|
+
t.icon && /* @__PURE__ */ n(N, { defaultVariant: "displayMd", className: e.icon, children: /* @__PURE__ */ n(b, { name: t.icon }) }),
|
|
81
|
+
/* @__PURE__ */ n(N, { defaultVariant: "displayMd", className: S.headingXs, children: t.label })
|
|
82
|
+
]
|
|
83
|
+
},
|
|
84
|
+
t.label
|
|
85
|
+
))
|
|
86
|
+
] }) }),
|
|
87
|
+
s.description && /* @__PURE__ */ n("div", { className: e.description, children: /* @__PURE__ */ n(
|
|
88
|
+
v,
|
|
89
|
+
{
|
|
90
|
+
as: "div",
|
|
91
|
+
defaultVariant: "headingXs",
|
|
92
|
+
className: e.descriptionText,
|
|
93
|
+
title: s.description,
|
|
94
|
+
colorScheme: "dark"
|
|
95
|
+
}
|
|
96
|
+
) })
|
|
97
|
+
] })
|
|
98
|
+
] }) });
|
|
99
|
+
};
|
|
100
|
+
export {
|
|
101
|
+
O as SlidingTabsGallery
|
|
102
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="SlidingTabsGallery-module__root___BsvYn",a="SlidingTabsGallery-module__container___vP0rd",t="SlidingTabsGallery-module__header___eJQXu",_="SlidingTabsGallery-module__content___jjd1o",l="SlidingTabsGallery-module__tabsContainer___Se1lx",i="SlidingTabsGallery-module__tabs___ZEKrF",n="SlidingTabsGallery-module__tab___Ztklx",o="SlidingTabsGallery-module__active___XatLw",r="SlidingTabsGallery-module__marker___c5lgj",s="SlidingTabsGallery-module__imageWrap___OWtqZ",d="SlidingTabsGallery-module__description___JBoEm",c="SlidingTabsGallery-module__image___E02Sh",b={root:e,container:a,header:t,content:_,tabsContainer:l,tabs:i,tab:n,active:o,marker:r,imageWrap:s,description:d,image:c};exports.active=o;exports.container=a;exports.content=_;exports.default=b;exports.description=d;exports.header=t;exports.image=c;exports.imageWrap=s;exports.marker=r;exports.root=e;exports.tab=n;exports.tabs=i;exports.tabsContainer=l;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
const a = "SlidingTabsGallery-module__root___BsvYn", _ = "SlidingTabsGallery-module__container___vP0rd", e = "SlidingTabsGallery-module__header___eJQXu", l = "SlidingTabsGallery-module__content___jjd1o", t = "SlidingTabsGallery-module__tabsContainer___Se1lx", n = "SlidingTabsGallery-module__tabs___ZEKrF", o = "SlidingTabsGallery-module__tab___Ztklx", i = "SlidingTabsGallery-module__active___XatLw", r = "SlidingTabsGallery-module__marker___c5lgj", s = "SlidingTabsGallery-module__imageWrap___OWtqZ", d = "SlidingTabsGallery-module__description___JBoEm", c = "SlidingTabsGallery-module__image___E02Sh", m = {
|
|
2
|
+
root: a,
|
|
3
|
+
container: _,
|
|
4
|
+
header: e,
|
|
5
|
+
content: l,
|
|
6
|
+
tabsContainer: t,
|
|
7
|
+
tabs: n,
|
|
8
|
+
tab: o,
|
|
9
|
+
active: i,
|
|
10
|
+
marker: r,
|
|
11
|
+
imageWrap: s,
|
|
12
|
+
description: d,
|
|
13
|
+
image: c
|
|
14
|
+
};
|
|
15
|
+
export {
|
|
16
|
+
i as active,
|
|
17
|
+
_ as container,
|
|
18
|
+
l as content,
|
|
19
|
+
m as default,
|
|
20
|
+
d as description,
|
|
21
|
+
e as header,
|
|
22
|
+
c as image,
|
|
23
|
+
s as imageWrap,
|
|
24
|
+
r as marker,
|
|
25
|
+
a as root,
|
|
26
|
+
o as tab,
|
|
27
|
+
n as tabs,
|
|
28
|
+
t as tabsContainer
|
|
29
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { SlidingTabsGallery } from './SlidingTabsGallery';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("../../node_modules/swiper/modules/navigation.cjs.js"),d=require("../../node_modules/swiper/swiper-react.cjs.js");;/* empty css */;/* empty css */;/* empty css */const c=require("../../components/ProgressButton/ProgressButton.cjs.js"),f=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),q=require("../../components/Typography/Typography.cjs.js"),C=require("../../components/RatingStars/RatingStars.cjs.js"),k=require("../../utils/useSwiper/useSwiper.cjs.js"),w=require("./components/VideoCard/VideoCard.cjs.js"),N=require("./components/TextCard/TextCard.cjs.js"),i=require("./testimonial.module.css.cjs.js"),R=[j.default],_=({title:u,rating:a,reviews:g})=>{const{isEnd:n,isBeginning:r,hideNav:t,handleSlideChange:h,handlePrevClick:l,handleNextClick:o,onSwiperInit:p,handleSwiperResize:m,handleReachEnd:S,handleReachBeginning:x}=k.useSwiper();return e.jsxs("section",{className:i.default.root,children:[e.jsxs("div",{className:i.default.headerContainer,children:[e.jsxs("div",{className:i.default.ratingContainer,children:[e.jsx(C.RatingStars,{rating:a.stars}),e.jsxs(q.Typography,{as:"p",defaultVariant:"labelLg",mobileVariant:"labelSm",emphasis:!0,children:[a.totalReviews,"+ member reviews"]})]}),e.jsxs("div",{className:i.default.headerRow,children:[e.jsx(f.HighlightedTitle,{title:u,colorScheme:"light"}),!t&&e.jsx("div",{className:i.default.desktopNavigation,children:e.jsx(c.ProgressButton,{left:{disabled:r,onClick:l},right:{disabled:n,onClick:o}})})]})]}),e.jsx("div",{className:i.default.content,children:e.jsx(d.Swiper,{onSwiper:p,onResize:m,onSlideChange:h,onReachEnd:S,onReachBeginning:x,modules:R,spaceBetween:0,slidesPerView:"auto",className:i.default.swiper,wrapperClass:i.default.swiperWrapper,children:g.map((s,b)=>e.jsx(d.SwiperSlide,{className:i.default.swiperSlide,children:s.background.type==="video"?e.jsx(w.VideoCard,{...s,background:s.background}):e.jsx(N.TextCard,{...s,background:s.background})},`${s.background.type}_${b}`))})}),!t&&e.jsx("div",{className:i.default.mobileNavigation,children:e.jsx(c.ProgressButton,{left:{disabled:r,onClick:l},right:{disabled:n,onClick:o}})})]})};exports.Testimonial=_;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { RichReviewCard } from './types';
|
|
3
|
+
|
|
4
|
+
type TestimonialProps = {
|
|
5
|
+
title: ReactNode;
|
|
6
|
+
rating: {
|
|
7
|
+
stars: number;
|
|
8
|
+
totalReviews: number;
|
|
9
|
+
};
|
|
10
|
+
reviews: Array<RichReviewCard>;
|
|
11
|
+
};
|
|
12
|
+
export declare const Testimonial: ({ title, rating, reviews }: TestimonialProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as r, jsx as e } from "react/jsx-runtime";
|
|
3
|
+
import N from "../../node_modules/swiper/modules/navigation.es.js";
|
|
4
|
+
import { Swiper as k, SwiperSlide as C } from "../../node_modules/swiper/swiper-react.es.js";
|
|
5
|
+
/* empty css */
|
|
6
|
+
/* empty css */
|
|
7
|
+
/* empty css */
|
|
8
|
+
import { ProgressButton as c } from "../../components/ProgressButton/ProgressButton.es.js";
|
|
9
|
+
import { HighlightedTitle as w } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
|
|
10
|
+
import { Typography as R } from "../../components/Typography/Typography.es.js";
|
|
11
|
+
import { RatingStars as v } from "../../components/RatingStars/RatingStars.es.js";
|
|
12
|
+
import { useSwiper as x } from "../../utils/useSwiper/useSwiper.es.js";
|
|
13
|
+
import { VideoCard as y } from "./components/VideoCard/VideoCard.es.js";
|
|
14
|
+
import { TextCard as B } from "./components/TextCard/TextCard.es.js";
|
|
15
|
+
import i from "./testimonial.module.css.es.js";
|
|
16
|
+
const E = [N], U = ({ title: m, rating: n, reviews: p }) => {
|
|
17
|
+
const {
|
|
18
|
+
isEnd: o,
|
|
19
|
+
isBeginning: l,
|
|
20
|
+
hideNav: s,
|
|
21
|
+
handleSlideChange: h,
|
|
22
|
+
handlePrevClick: t,
|
|
23
|
+
handleNextClick: d,
|
|
24
|
+
onSwiperInit: g,
|
|
25
|
+
handleSwiperResize: b,
|
|
26
|
+
handleReachEnd: S,
|
|
27
|
+
handleReachBeginning: f
|
|
28
|
+
} = x();
|
|
29
|
+
return /* @__PURE__ */ r("section", { className: i.root, children: [
|
|
30
|
+
/* @__PURE__ */ r("div", { className: i.headerContainer, children: [
|
|
31
|
+
/* @__PURE__ */ r("div", { className: i.ratingContainer, children: [
|
|
32
|
+
/* @__PURE__ */ e(v, { rating: n.stars }),
|
|
33
|
+
/* @__PURE__ */ r(R, { as: "p", defaultVariant: "labelLg", mobileVariant: "labelSm", emphasis: !0, children: [
|
|
34
|
+
n.totalReviews,
|
|
35
|
+
"+ member reviews"
|
|
36
|
+
] })
|
|
37
|
+
] }),
|
|
38
|
+
/* @__PURE__ */ r("div", { className: i.headerRow, children: [
|
|
39
|
+
/* @__PURE__ */ e(w, { title: m, colorScheme: "light" }),
|
|
40
|
+
!s && /* @__PURE__ */ e("div", { className: i.desktopNavigation, children: /* @__PURE__ */ e(
|
|
41
|
+
c,
|
|
42
|
+
{
|
|
43
|
+
left: {
|
|
44
|
+
disabled: l,
|
|
45
|
+
onClick: t
|
|
46
|
+
},
|
|
47
|
+
right: {
|
|
48
|
+
disabled: o,
|
|
49
|
+
onClick: d
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
) })
|
|
53
|
+
] })
|
|
54
|
+
] }),
|
|
55
|
+
/* @__PURE__ */ e("div", { className: i.content, children: /* @__PURE__ */ e(
|
|
56
|
+
k,
|
|
57
|
+
{
|
|
58
|
+
onSwiper: g,
|
|
59
|
+
onResize: b,
|
|
60
|
+
onSlideChange: h,
|
|
61
|
+
onReachEnd: S,
|
|
62
|
+
onReachBeginning: f,
|
|
63
|
+
modules: E,
|
|
64
|
+
spaceBetween: 0,
|
|
65
|
+
slidesPerView: "auto",
|
|
66
|
+
className: i.swiper,
|
|
67
|
+
wrapperClass: i.swiperWrapper,
|
|
68
|
+
children: p.map((a, u) => /* @__PURE__ */ e(C, { className: i.swiperSlide, children: a.background.type === "video" ? /* @__PURE__ */ e(y, { ...a, background: a.background }) : /* @__PURE__ */ e(B, { ...a, background: a.background }) }, `${a.background.type}_${u}`))
|
|
69
|
+
}
|
|
70
|
+
) }),
|
|
71
|
+
!s && /* @__PURE__ */ e("div", { className: i.mobileNavigation, children: /* @__PURE__ */ e(
|
|
72
|
+
c,
|
|
73
|
+
{
|
|
74
|
+
left: {
|
|
75
|
+
disabled: l,
|
|
76
|
+
onClick: t
|
|
77
|
+
},
|
|
78
|
+
right: {
|
|
79
|
+
disabled: o,
|
|
80
|
+
onClick: d
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
) })
|
|
84
|
+
] });
|
|
85
|
+
};
|
|
86
|
+
export {
|
|
87
|
+
U as Testimonial
|
|
88
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../../../../components/Typography/Typography.cjs.js"),c=require("../../../../components/Icon/Icon.cjs.js"),l=require("../../../../components/Icon/constants.cjs.js"),o=require("./product.module.css.cjs.js"),d=({image:r,link:a,name:t})=>{const i=s=>{s.stopPropagation(),window.location.pathname===new URL(a,window.location.origin).pathname?window.scrollTo({top:0,behavior:"smooth"}):window.location.href=a};return e.jsxs("button",{className:o.default.root,onClick:i,children:[e.jsx("div",{className:o.default.imageContainer,children:e.jsx("img",{src:r,alt:t,className:o.default.image})}),e.jsxs("div",{className:o.default.infoContainer,children:[e.jsxs("div",{className:o.default.textContainer,children:[e.jsx(n.Typography,{as:"p",defaultVariant:"labelXs",mobileVariant:"labelSm",emphasis:!0,weight:"regular",children:"REVIEWED"}),e.jsx(n.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",weight:"regular",children:t})]}),e.jsx(c.Icon,{name:l.EIconName.ARROW_OUTWARD,className:o.default.arrowIcon})]})]})};exports.Product=d;
|