@zenpatient-org/healthspan-marketing-ui 0.1.61 → 0.1.63

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/dist/components/TextInput/TextInput.cjs.js +1 -1
  2. package/dist/components/TextInput/TextInput.es.js +53 -52
  3. package/dist/healthspan-marketing-ui.css +1 -1
  4. package/dist/pageComponents/Banner/Banner.cjs.js +1 -0
  5. package/dist/pageComponents/Banner/Banner.d.ts +11 -0
  6. package/dist/pageComponents/Banner/Banner.es.js +15 -0
  7. package/dist/pageComponents/Banner/banner.module.css.cjs.js +1 -0
  8. package/dist/pageComponents/Banner/banner.module.css.es.js +9 -0
  9. package/dist/pageComponents/Banner/index.d.ts +1 -0
  10. package/dist/pageComponents/Footer/Footer.cjs.js +1 -1
  11. package/dist/pageComponents/Footer/Footer.es.js +31 -47
  12. package/dist/pageComponents/Footer/components/FooterAbout/FooterAbout.cjs.js +1 -1
  13. package/dist/pageComponents/Footer/components/FooterAbout/FooterAbout.es.js +22 -18
  14. package/dist/pageComponents/Footer/components/FooterAbout/footerAbout.module.css.cjs.js +1 -1
  15. package/dist/pageComponents/Footer/components/FooterAbout/footerAbout.module.css.es.js +6 -4
  16. package/dist/pageComponents/Footer/components/NewsLetter/NewsLetter.cjs.js +1 -1
  17. package/dist/pageComponents/Footer/components/NewsLetter/NewsLetter.es.js +26 -26
  18. package/dist/pageComponents/Footer/components/TopTreatmentsSlider/TopTreatmentsSlider.cjs.js +1 -0
  19. package/dist/pageComponents/Footer/components/TopTreatmentsSlider/TopTreatmentsSlider.d.ts +12 -0
  20. package/dist/pageComponents/Footer/components/TopTreatmentsSlider/TopTreatmentsSlider.es.js +81 -0
  21. package/dist/pageComponents/Footer/components/TopTreatmentsSlider/index.d.ts +1 -0
  22. package/dist/pageComponents/Footer/components/TopTreatmentsSlider/topTreatmentsSlider.module.css.cjs.js +1 -0
  23. package/dist/pageComponents/Footer/components/TopTreatmentsSlider/topTreatmentsSlider.module.css.es.js +37 -0
  24. package/dist/pageComponents/Footer/components/index.d.ts +1 -0
  25. package/package.json +6 -1
  26. package/dist/pageComponents/Footer/components/TopTreatmentsCard/TopTreatmentsCard.cjs.js +0 -1
  27. package/dist/pageComponents/Footer/components/TopTreatmentsCard/TopTreatmentsCard.d.ts +0 -11
  28. package/dist/pageComponents/Footer/components/TopTreatmentsCard/TopTreatmentsCard.es.js +0 -47
  29. package/dist/pageComponents/Footer/components/TopTreatmentsCard/index.d.ts +0 -1
  30. package/dist/pageComponents/Footer/components/TopTreatmentsCard/topTreatmentsCard.module.css.cjs.js +0 -1
  31. package/dist/pageComponents/Footer/components/TopTreatmentsCard/topTreatmentsCard.module.css.es.js +0 -33
@@ -0,0 +1 @@
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../components/Typography/Typography.cjs.js"),c=require("../../components/TextButton/TextButton.cjs.js"),a=require("../../components/Icon/Icon.cjs.js"),l=require("../../components/Icon/constants.cjs.js"),t=require("./banner.module.css.cjs.js"),i=({content:r,button:n,onClose:o})=>e.jsxs("section",{className:t.default.root,children:[e.jsx(s.Typography,{className:t.default.content,defaultVariant:"labelMd",mobileVariant:"labelSm",children:r}),n&&e.jsx(c.TextButton,{as:"a",size:"sm",href:n.link,children:n.text}),o&&e.jsx("div",{className:t.default.close,role:"button",onClick:o,children:e.jsx(a.Icon,{name:l.EIconName.CLOSE})})]});exports.Banner=i;
@@ -0,0 +1,11 @@
1
+ import { default as React } from 'react';
2
+
3
+ export type BannerProps = {
4
+ content: React.ReactNode;
5
+ button?: {
6
+ text: string;
7
+ link: string;
8
+ };
9
+ onClose?: () => void;
10
+ };
11
+ export declare const Banner: ({ content, button, onClose }: BannerProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,15 @@
1
+ "use client";
2
+ import { jsxs as a, jsx as e } from "react/jsx-runtime";
3
+ import { Typography as i } from "../../components/Typography/Typography.es.js";
4
+ import { TextButton as l } from "../../components/TextButton/TextButton.es.js";
5
+ import { Icon as n } from "../../components/Icon/Icon.es.js";
6
+ import { EIconName as s } from "../../components/Icon/constants.es.js";
7
+ import o from "./banner.module.css.es.js";
8
+ const N = ({ content: m, button: r, onClose: t }) => /* @__PURE__ */ a("section", { className: o.root, children: [
9
+ /* @__PURE__ */ e(i, { className: o.content, defaultVariant: "labelMd", mobileVariant: "labelSm", children: m }),
10
+ r && /* @__PURE__ */ e(l, { as: "a", size: "sm", href: r.link, children: r.text }),
11
+ t && /* @__PURE__ */ e("div", { className: o.close, role: "button", onClick: t, children: /* @__PURE__ */ e(n, { name: s.CLOSE }) })
12
+ ] });
13
+ export {
14
+ N as Banner
15
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="banner-module__root___Lhn5q",o="banner-module__close___TVbrg",t={root:e,close:o};exports.close=o;exports.default=t;exports.root=e;
@@ -0,0 +1,9 @@
1
+ const o = "banner-module__root___Lhn5q", e = "banner-module__close___TVbrg", _ = {
2
+ root: o,
3
+ close: e
4
+ };
5
+ export {
6
+ e as close,
7
+ _ as default,
8
+ o as root
9
+ };
@@ -0,0 +1 @@
1
+ export { Banner } from './Banner';
@@ -1 +1 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("../../components/Icon/Icon.cjs.js");const a=require("../../components/Icon/constants.cjs.js"),i=require("../../components/IconButton/IconButton.cjs.js"),f=require("./components/FooterAbout/FooterAbout.cjs.js"),x=require("./components/FooterLinksBlock/FooterLinksBlock.cjs.js"),j=require("./components/NewsLetter/NewsLetter.cjs.js"),N=require("react");require("../../components/Button/Button.cjs.js");const v=require("./components/TopTreatmentsCard/TopTreatmentsCard.cjs.js"),g=require("./components/LinksColumn/LinksColumn.cjs.js"),p=require("./assets/CompanyName.svg.cjs.js"),t=require("./footer.module.css.cjs.js"),l={title:"Treatments",content:[{title:"All Treatments",href:"/all"},{title:"Personalized Protocols",href:"/personalized"},{title:"Labs",href:"/labs"},{title:"Medications",href:"/medications"},{title:"Supplements",href:"/supplements"}]},k=({socialMedia:o,products:s})=>{const[d,c]=N.useState(0),u=()=>c(r=>r===0?s.length-1:r-1),m=()=>c(r=>r===s.length-1?0:r+1),n=s[d],h=()=>{window.open(n==null?void 0:n.link,"_blank")};return e.jsx("div",{className:t.default.root,children:e.jsxs("div",{className:t.default.container,children:[e.jsxs("div",{className:t.default.content,children:[e.jsx("div",{className:t.default.footerLeft,children:e.jsx(j.NewsLetter,{})}),e.jsxs("div",{className:t.default.footerRight,children:[e.jsxs("div",{className:t.default.columns,children:[e.jsx(g.LinksColumn,{title:l.title,links:l.content},l.title),n&&e.jsx(v.TopTreatmentsCard,{title:"Top Treatments",image:n.image,name:n.name,price:n.price,onPrev:u,onNext:m,onLearnMore:h})]}),e.jsx("div",{className:t.default.footerLinks,children:e.jsx(x.FooterLinksBlock,{})}),e.jsxs("div",{className:t.default.about,children:[e.jsx(f.FooterAbout,{}),e.jsxs("div",{className:t.default.socials,children:[e.jsx("a",{href:o.facebook,target:"_blank",rel:"noopener noreferrer",children:e.jsx(i.IconButton,{iconName:a.EIconName.FACEBOOK,variant:"muted-invert",size:"lg"})}),e.jsx("a",{href:o.instagram,target:"_blank",rel:"noopener noreferrer",children:e.jsx(i.IconButton,{iconName:a.EIconName.INSTAGRAM,variant:"muted-invert",size:"lg"})}),e.jsx("a",{href:o.twitter,target:"_blank",rel:"noopener noreferrer",children:e.jsx(i.IconButton,{iconName:a.EIconName.X,variant:"muted-invert",size:"lg"})})]})]})]})]}),e.jsx("div",{className:t.default.img,children:e.jsx(p.default,{width:"100%",height:"100%",preserveAspectRatio:"xMidYMid meet"})})]})})};exports.Footer=k;
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("../../components/Icon/Icon.cjs.js");const n=require("../../components/Icon/constants.cjs.js"),s=require("../../components/IconButton/IconButton.cjs.js"),l=require("./components/FooterAbout/FooterAbout.cjs.js"),a=require("./components/FooterLinksBlock/FooterLinksBlock.cjs.js"),c=require("./components/NewsLetter/NewsLetter.cjs.js");require("react");require("../../components/Button/Button.cjs.js");const u=require("./components/TopTreatmentsSlider/TopTreatmentsSlider.cjs.js"),d=require("./components/LinksColumn/LinksColumn.cjs.js"),m=require("./assets/CompanyName.svg.cjs.js"),t=require("./footer.module.css.cjs.js"),o={title:"Treatments",content:[{title:"All Treatments",href:"/all"},{title:"Personalized Protocols",href:"/personalized"},{title:"Labs",href:"/labs"},{title:"Medications",href:"/medications"},{title:"Supplements",href:"/supplements"}]},f=({socialMedia:r,products:i})=>e.jsx("div",{className:t.default.root,children:e.jsxs("div",{className:t.default.container,children:[e.jsxs("div",{className:t.default.content,children:[e.jsx("div",{className:t.default.footerLeft,children:e.jsx(c.NewsLetter,{})}),e.jsxs("div",{className:t.default.footerRight,children:[e.jsxs("div",{className:t.default.columns,children:[e.jsx(d.LinksColumn,{title:o.title,links:o.content},o.title),i.length>0&&e.jsx(u.TopTreatmentsSlider,{title:"Top Treatments",products:i})]}),e.jsx("div",{className:t.default.footerLinks,children:e.jsx(a.FooterLinksBlock,{})}),e.jsxs("div",{className:t.default.about,children:[e.jsx(l.FooterAbout,{}),e.jsxs("div",{className:t.default.socials,children:[e.jsx("a",{href:r.facebook,target:"_blank",rel:"noopener noreferrer",children:e.jsx(s.IconButton,{iconName:n.EIconName.FACEBOOK,variant:"muted-invert",size:"lg"})}),e.jsx("a",{href:r.instagram,target:"_blank",rel:"noopener noreferrer",children:e.jsx(s.IconButton,{iconName:n.EIconName.INSTAGRAM,variant:"muted-invert",size:"lg"})}),e.jsx("a",{href:r.twitter,target:"_blank",rel:"noopener noreferrer",children:e.jsx(s.IconButton,{iconName:n.EIconName.X,variant:"muted-invert",size:"lg"})})]})]})]})]}),e.jsx("div",{className:t.default.img,children:e.jsx(m.default,{width:"100%",height:"100%",preserveAspectRatio:"xMidYMid meet"})})]})});exports.Footer=f;
@@ -1,18 +1,18 @@
1
1
  "use client";
2
- import { jsx as e, jsxs as n } from "react/jsx-runtime";
2
+ import { jsx as e, jsxs as r } from "react/jsx-runtime";
3
3
  import "../../components/Icon/Icon.es.js";
4
- import { EIconName as l } from "../../components/Icon/constants.es.js";
5
- import { IconButton as m } from "../../components/IconButton/IconButton.es.js";
6
- import { FooterAbout as N } from "./components/FooterAbout/FooterAbout.es.js";
7
- import { FooterLinksBlock as v } from "./components/FooterLinksBlock/FooterLinksBlock.es.js";
8
- import { NewsLetter as g } from "./components/NewsLetter/NewsLetter.es.js";
9
- import { useState as u } from "react";
4
+ import { EIconName as o } from "../../components/Icon/constants.es.js";
5
+ import { IconButton as n } from "../../components/IconButton/IconButton.es.js";
6
+ import { FooterAbout as m } from "./components/FooterAbout/FooterAbout.es.js";
7
+ import { FooterLinksBlock as s } from "./components/FooterLinksBlock/FooterLinksBlock.es.js";
8
+ import { NewsLetter as c } from "./components/NewsLetter/NewsLetter.es.js";
9
+ import "react";
10
10
  import "../../components/Button/Button.es.js";
11
- import { TopTreatmentsCard as k } from "./components/TopTreatmentsCard/TopTreatmentsCard.es.js";
12
- import { LinksColumn as b } from "./components/LinksColumn/LinksColumn.es.js";
13
- import T from "./assets/CompanyName.svg.es.js";
11
+ import { TopTreatmentsSlider as d } from "./components/TopTreatmentsSlider/TopTreatmentsSlider.es.js";
12
+ import { LinksColumn as f } from "./components/LinksColumn/LinksColumn.es.js";
13
+ import h from "./assets/CompanyName.svg.es.js";
14
14
  import t from "./footer.module.css.es.js";
15
- const s = {
15
+ const l = {
16
16
  title: "Treatments",
17
17
  content: [
18
18
  { title: "All Treatments", href: "/all" },
@@ -21,43 +21,27 @@ const s = {
21
21
  { title: "Medications", href: "/medications" },
22
22
  { title: "Supplements", href: "/supplements" }
23
23
  ]
24
- }, R = ({ socialMedia: i, products: a }) => {
25
- const [d, c] = u(0), h = () => c((o) => o === 0 ? a.length - 1 : o - 1), f = () => c((o) => o === a.length - 1 ? 0 : o + 1), r = a[d], p = () => {
26
- window.open(r == null ? void 0 : r.link, "_blank");
27
- };
28
- return /* @__PURE__ */ e("div", { className: t.root, children: /* @__PURE__ */ n("div", { className: t.container, children: [
29
- /* @__PURE__ */ n("div", { className: t.content, children: [
30
- /* @__PURE__ */ e("div", { className: t.footerLeft, children: /* @__PURE__ */ e(g, {}) }),
31
- /* @__PURE__ */ n("div", { className: t.footerRight, children: [
32
- /* @__PURE__ */ n("div", { className: t.columns, children: [
33
- /* @__PURE__ */ e(b, { title: s.title, links: s.content }, s.title),
34
- r && /* @__PURE__ */ e(
35
- k,
36
- {
37
- title: "Top Treatments",
38
- image: r.image,
39
- name: r.name,
40
- price: r.price,
41
- onPrev: h,
42
- onNext: f,
43
- onLearnMore: p
44
- }
45
- )
46
- ] }),
47
- /* @__PURE__ */ e("div", { className: t.footerLinks, children: /* @__PURE__ */ e(v, {}) }),
48
- /* @__PURE__ */ n("div", { className: t.about, children: [
49
- /* @__PURE__ */ e(N, {}),
50
- /* @__PURE__ */ n("div", { className: t.socials, children: [
51
- /* @__PURE__ */ e("a", { href: i.facebook, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e(m, { iconName: l.FACEBOOK, variant: "muted-invert", size: "lg" }) }),
52
- /* @__PURE__ */ e("a", { href: i.instagram, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e(m, { iconName: l.INSTAGRAM, variant: "muted-invert", size: "lg" }) }),
53
- /* @__PURE__ */ e("a", { href: i.twitter, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e(m, { iconName: l.X, variant: "muted-invert", size: "lg" }) })
54
- ] })
24
+ }, S = ({ socialMedia: i, products: a }) => /* @__PURE__ */ e("div", { className: t.root, children: /* @__PURE__ */ r("div", { className: t.container, children: [
25
+ /* @__PURE__ */ r("div", { className: t.content, children: [
26
+ /* @__PURE__ */ e("div", { className: t.footerLeft, children: /* @__PURE__ */ e(c, {}) }),
27
+ /* @__PURE__ */ r("div", { className: t.footerRight, children: [
28
+ /* @__PURE__ */ r("div", { className: t.columns, children: [
29
+ /* @__PURE__ */ e(f, { title: l.title, links: l.content }, l.title),
30
+ a.length > 0 && /* @__PURE__ */ e(d, { title: "Top Treatments", products: a })
31
+ ] }),
32
+ /* @__PURE__ */ e("div", { className: t.footerLinks, children: /* @__PURE__ */ e(s, {}) }),
33
+ /* @__PURE__ */ r("div", { className: t.about, children: [
34
+ /* @__PURE__ */ e(m, {}),
35
+ /* @__PURE__ */ r("div", { className: t.socials, children: [
36
+ /* @__PURE__ */ e("a", { href: i.facebook, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e(n, { iconName: o.FACEBOOK, variant: "muted-invert", size: "lg" }) }),
37
+ /* @__PURE__ */ e("a", { href: i.instagram, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e(n, { iconName: o.INSTAGRAM, variant: "muted-invert", size: "lg" }) }),
38
+ /* @__PURE__ */ e("a", { href: i.twitter, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e(n, { iconName: o.X, variant: "muted-invert", size: "lg" }) })
55
39
  ] })
56
40
  ] })
57
- ] }),
58
- /* @__PURE__ */ e("div", { className: t.img, children: /* @__PURE__ */ e(T, { width: "100%", height: "100%", preserveAspectRatio: "xMidYMid meet" }) })
59
- ] }) });
60
- };
41
+ ] })
42
+ ] }),
43
+ /* @__PURE__ */ e("div", { className: t.img, children: /* @__PURE__ */ e(h, { width: "100%", height: "100%", preserveAspectRatio: "xMidYMid meet" }) })
44
+ ] }) });
61
45
  export {
62
- R as Footer
46
+ S as Footer
63
47
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("../../assets/logo.png.cjs.js"),r=require("../../../../components/Typography/Typography.cjs.js"),e=require("./footerAbout.module.css.cjs.js"),l=[{title:"(Terms of Use)",hasBrackets:!0},{title:"(privacy policy)",hasBrackets:!0},{title:"(telehealth consent policy)",hasBrackets:!0},{title:"©2025 Healthspan.",hasBrackets:!1},{title:"All rights reserved.",hasBrackets:!1}],o=()=>t.jsxs("div",{className:e.default.root,children:[t.jsx("img",{src:a.default,alt:"contentImg",className:e.default.contentImg}),t.jsx("div",{className:e.default.container,children:l.map((s,c)=>t.jsx(r.Typography,{as:"span",defaultVariant:"labelXs",emphasis:!0,className:s.hasBrackets?e.default.titleWithBrackets:e.default.title,children:s.title},s.title))})]});exports.FooterAbout=o;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("../../assets/logo.png.cjs.js"),a=require("../../../../components/Typography/Typography.cjs.js"),e=require("./footerAbout.module.css.cjs.js"),l=[{title:"(Terms of Use)",hasBrackets:!0,href:"/terms-of-use"},{title:"(privacy policy)",hasBrackets:!0,href:"/privacy-policy"},{title:"(telehealth consent policy)",hasBrackets:!0,href:"/telehealth-consent"},{title:"©2025 Healthspan.",hasBrackets:!1,href:"#"},{title:"All rights reserved.",hasBrackets:!1,href:"#"}],o=()=>t.jsxs("div",{className:e.default.root,children:[t.jsx("img",{src:r.default,alt:"contentImg",className:e.default.contentImg}),t.jsx("div",{className:e.default.container,children:l.map((s,c)=>t.jsx("a",{href:s.href,className:e.default.link,children:t.jsx(a.Typography,{as:"span",defaultVariant:"labelXs",emphasis:!0,className:s.hasBrackets?e.default.titleWithBrackets:e.default.title,children:s.title})},s.title))})]});exports.FooterAbout=o;
@@ -1,42 +1,46 @@
1
- import { jsxs as a, jsx as s } from "react/jsx-runtime";
2
- import r from "../../assets/logo.png.es.js";
1
+ import { jsxs as r, jsx as s } from "react/jsx-runtime";
2
+ import a from "../../assets/logo.png.es.js";
3
3
  import { Typography as l } from "../../../../components/Typography/Typography.es.js";
4
- import t from "./footerAbout.module.css.es.js";
5
- const i = [
4
+ import e from "./footerAbout.module.css.es.js";
5
+ const c = [
6
6
  {
7
7
  title: "(Terms of Use)",
8
- hasBrackets: !0
8
+ hasBrackets: !0,
9
+ href: "/terms-of-use"
9
10
  },
10
11
  {
11
12
  title: "(privacy policy)",
12
- hasBrackets: !0
13
+ hasBrackets: !0,
14
+ href: "/privacy-policy"
13
15
  },
14
16
  {
15
17
  title: "(telehealth consent policy)",
16
- hasBrackets: !0
18
+ hasBrackets: !0,
19
+ href: "/telehealth-consent"
17
20
  },
18
21
  {
19
22
  title: "©2025 Healthspan.",
20
- hasBrackets: !1
23
+ hasBrackets: !1,
24
+ href: "#"
21
25
  },
22
26
  {
23
27
  title: "All rights reserved.",
24
- hasBrackets: !1
28
+ hasBrackets: !1,
29
+ href: "#"
25
30
  }
26
- ], p = () => /* @__PURE__ */ a("div", { className: t.root, children: [
27
- /* @__PURE__ */ s("img", { src: r, alt: "contentImg", className: t.contentImg }),
28
- /* @__PURE__ */ s("div", { className: t.container, children: i.map((e, c) => /* @__PURE__ */ s(
31
+ ], f = () => /* @__PURE__ */ r("div", { className: e.root, children: [
32
+ /* @__PURE__ */ s("img", { src: a, alt: "contentImg", className: e.contentImg }),
33
+ /* @__PURE__ */ s("div", { className: e.container, children: c.map((t, i) => /* @__PURE__ */ s("a", { href: t.href, className: e.link, children: /* @__PURE__ */ s(
29
34
  l,
30
35
  {
31
36
  as: "span",
32
37
  defaultVariant: "labelXs",
33
38
  emphasis: !0,
34
- className: e.hasBrackets ? t.titleWithBrackets : t.title,
35
- children: e.title
36
- },
37
- e.title
38
- )) })
39
+ className: t.hasBrackets ? e.titleWithBrackets : e.title,
40
+ children: t.title
41
+ }
42
+ ) }, t.title)) })
39
43
  ] });
40
44
  export {
41
- p as FooterAbout
45
+ f as FooterAbout
42
46
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="footerAbout-module__root___G9z5j",t="footerAbout-module__contentImg___UN0eD",e="footerAbout-module__container___N-gju",n={root:o,contentImg:t,container:e};exports.container=e;exports.contentImg=t;exports.default=n;exports.root=o;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="footerAbout-module__root___G9z5j",t="footerAbout-module__contentImg___UN0eD",e="footerAbout-module__container___N-gju",n="footerAbout-module__link___nrXpE",_={root:o,contentImg:t,container:e,link:n};exports.container=e;exports.contentImg=t;exports.default=_;exports.link=n;exports.root=o;
@@ -1,11 +1,13 @@
1
- const o = "footerAbout-module__root___G9z5j", t = "footerAbout-module__contentImg___UN0eD", e = "footerAbout-module__container___N-gju", n = {
1
+ const o = "footerAbout-module__root___G9z5j", t = "footerAbout-module__contentImg___UN0eD", n = "footerAbout-module__container___N-gju", _ = "footerAbout-module__link___nrXpE", e = {
2
2
  root: o,
3
3
  contentImg: t,
4
- container: e
4
+ container: n,
5
+ link: _
5
6
  };
6
7
  export {
7
- e as container,
8
+ n as container,
8
9
  t as contentImg,
9
- n as default,
10
+ e as default,
11
+ _ as link,
10
12
  o as root
11
13
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("react"),h=require("../../../../components/Typography/Typography.cjs.js"),x=require("../../../../components/TextInput/TextInput.cjs.js"),S=require("../../../../utils/cn/cn.cjs.js"),T=require("../../../../node_modules/react-mailchimp-subscribe/es/index.cjs.js"),w=require("../../../../utils/isValidEmail.cjs.js"),i=require("./newsLetter.module.css.cjs.js"),j="//gethealthspan.us21.list-manage.com/subscribe/post?u=664ad54ec243b3582164cf116&id=2483a4d606&f_id=0050e6e6f0&tags=239347,239351",q=({status:e,message:l,subscribe:c})=>{const[n,o]=a.useState(""),[p,f]=a.useState(""),[u,s]=a.useState(!1),[g,r]=a.useState(""),[b,d]=a.useState(!1),y=m=>{o(m.target.value),u&&(s(!1),r("")),d(m.target.value.length>0)},v=()=>{if(!n){s(!0),r("Please enter your email address");return}if(!w.isValidEmail(n)){s(!0),r("Please enter a valid email address");return}s(!1),r(""),c({EMAIL:n})};return a.useEffect(()=>{e==="success"&&(f(n),o(""),s(!1),r(""),d(!1)),e==="error"&&typeof l=="string"&&(s(!0),r("Subscription failed. Please try again."))},[e,l]),t.jsxs("div",{className:S.cn(i.default.root,{[i.default.subscribed]:e==="success"}),children:[t.jsxs("div",{className:i.default.container,children:[t.jsx(h.Typography,{defaultVariant:"headingLg",mobileVariant:"headingSm",as:"h2",className:i.default.title,children:e==="success"?"Thanks for subscribing!":"Read the latest research reviews"}),t.jsx(h.Typography,{defaultVariant:"bodySm",mobileVariant:"bodyXs",as:"span",className:i.default.text,children:e==="success"?t.jsxs(t.Fragment,{children:["You will now begin receiving our monthly newsletter at"," ",t.jsx("b",{className:i.default.email,children:p}),". It's a great way to keep up to date on the latest developments in longevity science."]}):"Request The Longevity Blueprint to receive our weekly newsletter containing synopses of the latest clinical research."})]}),e==="sending"&&t.jsx("div",{style:{marginTop:"1rem"},children:"Subscribing, please wait..."}),e!=="success"&&e!=="sending"&&t.jsx(x.TextInput,{placeholder:"Your email",variant:"primary-invert",value:n,handleChange:y,onButtonClick:v,showButton:!0,error:u,errorText:g,active:b})]})},E=()=>t.jsx(T.default,{url:j,render:({subscribe:e,status:l,message:c})=>t.jsx(q,{status:l,message:c,subscribe:e})});exports.NewsLetter=E;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),o=require("../../../../components/Typography/Typography.cjs.js"),v=require("../../../../components/TextInput/TextInput.cjs.js"),S=require("../../../../utils/cn/cn.cjs.js"),T=require("../../../../node_modules/react-mailchimp-subscribe/es/index.cjs.js"),j=require("../../../../utils/isValidEmail.cjs.js"),a=require("./newsLetter.module.css.cjs.js"),w="//gethealthspan.us21.list-manage.com/subscribe/post?u=664ad54ec243b3582164cf116&id=2483a4d606&f_id=0050e6e6f0&tags=239347,239351",q=({status:t,message:l,subscribe:c})=>{const[n,u]=i.useState(""),[p,f]=i.useState(""),[d,s]=i.useState(!1),[g,r]=i.useState(""),[b,m]=i.useState(!1),y=h=>{u(h.target.value),d&&(s(!1),r("")),m(h.target.value.length>0)},x=()=>{if(!n){s(!0),r("Please enter your email address");return}if(!j.isValidEmail(n)){s(!0),r("Please enter a valid email address");return}s(!1),r(""),c({EMAIL:n})};return i.useEffect(()=>{t==="success"&&(f(n),u(""),s(!1),r(""),m(!1)),t==="error"&&typeof l=="string"&&(s(!0),r("Subscription failed. Please try again."))},[t,l]),e.jsxs("div",{className:S.cn(a.default.root,{[a.default.subscribed]:t==="success"}),children:[e.jsxs("div",{className:a.default.container,children:[e.jsx(o.Typography,{defaultVariant:"headingLg",mobileVariant:"headingSm",as:"h2",className:a.default.title,children:t==="success"?"Thanks for subscribing!":"Read the latest research reviews"}),e.jsx(o.Typography,{defaultVariant:"bodySm",mobileVariant:"bodyXs",as:"span",className:a.default.text,children:t==="success"?e.jsxs(e.Fragment,{children:["You will now begin receiving our monthly newsletter at"," ",e.jsx("b",{className:a.default.email,children:p}),". It's a great way to keep up to date on the latest developments in longevity science."]}):"Request The Longevity Blueprint to receive our weekly newsletter containing synopses of the latest clinical research."})]}),t==="sending"&&e.jsx("div",{className:a.default.container,children:e.jsx(o.Typography,{defaultVariant:"bodySm",mobileVariant:"bodyXs",as:"span",className:a.default.text,children:"Subscribing, please wait..."})}),t!=="success"&&t!=="sending"&&e.jsx(v.TextInput,{placeholder:"Your email",variant:"primary-invert",value:n,handleChange:y,onButtonClick:x,showButton:!0,error:d,errorText:g,active:b})]})},E=()=>e.jsx(T.default,{url:w,render:({subscribe:t,status:l,message:c})=>e.jsx(q,{status:l,message:c,subscribe:t})});exports.NewsLetter=E;
@@ -1,24 +1,24 @@
1
- import { jsx as r, jsxs as c, Fragment as E } from "react/jsx-runtime";
2
- import { useState as n, useEffect as S } from "react";
3
- import { Typography as p } from "../../../../components/Typography/Typography.es.js";
4
- import { TextInput as x } from "../../../../components/TextInput/TextInput.es.js";
5
- import { cn as T } from "../../../../utils/cn/cn.es.js";
6
- import N from "../../../../node_modules/react-mailchimp-subscribe/es/index.es.js";
7
- import { isValidEmail as V } from "../../../../utils/isValidEmail.es.js";
8
- import a from "./newsLetter.module.css.es.js";
1
+ import { jsx as a, jsxs as c, Fragment as S } from "react/jsx-runtime";
2
+ import { useState as n, useEffect as x } from "react";
3
+ import { Typography as m } from "../../../../components/Typography/Typography.es.js";
4
+ import { TextInput as E } from "../../../../components/TextInput/TextInput.es.js";
5
+ import { cn as N } from "../../../../utils/cn/cn.es.js";
6
+ import V from "../../../../node_modules/react-mailchimp-subscribe/es/index.es.js";
7
+ import { isValidEmail as T } from "../../../../utils/isValidEmail.es.js";
8
+ import r from "./newsLetter.module.css.es.js";
9
9
  const k = "//gethealthspan.us21.list-manage.com/subscribe/post?u=664ad54ec243b3582164cf116&id=2483a4d606&f_id=0050e6e6f0&tags=239347,239351", C = ({
10
10
  status: e,
11
11
  message: l,
12
12
  subscribe: o
13
13
  }) => {
14
- const [s, m] = n(""), [f, g] = n(""), [d, t] = n(!1), [b, i] = n(""), [v, u] = n(!1), y = (h) => {
15
- m(h.target.value), d && (t(!1), i("")), u(h.target.value.length > 0);
14
+ const [s, d] = n(""), [f, b] = n(""), [u, t] = n(!1), [g, i] = n(""), [v, h] = n(!1), y = (p) => {
15
+ d(p.target.value), u && (t(!1), i("")), h(p.target.value.length > 0);
16
16
  }, w = () => {
17
17
  if (!s) {
18
18
  t(!0), i("Please enter your email address");
19
19
  return;
20
20
  }
21
- if (!V(s)) {
21
+ if (!T(s)) {
22
22
  t(!0), i("Please enter a valid email address");
23
23
  return;
24
24
  }
@@ -26,21 +26,21 @@ const k = "//gethealthspan.us21.list-manage.com/subscribe/post?u=664ad54ec243b35
26
26
  EMAIL: s
27
27
  });
28
28
  };
29
- return S(() => {
30
- e === "success" && (g(s), m(""), t(!1), i(""), u(!1)), e === "error" && typeof l == "string" && (t(!0), i("Subscription failed. Please try again."));
31
- }, [e, l]), /* @__PURE__ */ c("div", { className: T(a.root, { [a.subscribed]: e === "success" }), children: [
32
- /* @__PURE__ */ c("div", { className: a.container, children: [
33
- /* @__PURE__ */ r(p, { defaultVariant: "headingLg", mobileVariant: "headingSm", as: "h2", className: a.title, children: e === "success" ? "Thanks for subscribing!" : "Read the latest research reviews" }),
34
- /* @__PURE__ */ r(p, { defaultVariant: "bodySm", mobileVariant: "bodyXs", as: "span", className: a.text, children: e === "success" ? /* @__PURE__ */ c(E, { children: [
29
+ return x(() => {
30
+ e === "success" && (b(s), d(""), t(!1), i(""), h(!1)), e === "error" && typeof l == "string" && (t(!0), i("Subscription failed. Please try again."));
31
+ }, [e, l]), /* @__PURE__ */ c("div", { className: N(r.root, { [r.subscribed]: e === "success" }), children: [
32
+ /* @__PURE__ */ c("div", { className: r.container, children: [
33
+ /* @__PURE__ */ a(m, { defaultVariant: "headingLg", mobileVariant: "headingSm", as: "h2", className: r.title, children: e === "success" ? "Thanks for subscribing!" : "Read the latest research reviews" }),
34
+ /* @__PURE__ */ a(m, { defaultVariant: "bodySm", mobileVariant: "bodyXs", as: "span", className: r.text, children: e === "success" ? /* @__PURE__ */ c(S, { children: [
35
35
  "You will now begin receiving our monthly newsletter at",
36
36
  " ",
37
- /* @__PURE__ */ r("b", { className: a.email, children: f }),
37
+ /* @__PURE__ */ a("b", { className: r.email, children: f }),
38
38
  ". It's a great way to keep up to date on the latest developments in longevity science."
39
39
  ] }) : "Request The Longevity Blueprint to receive our weekly newsletter containing synopses of the latest clinical research." })
40
40
  ] }),
41
- e === "sending" && /* @__PURE__ */ r("div", { style: { marginTop: "1rem" }, children: "Subscribing, please wait..." }),
42
- e !== "success" && e !== "sending" && /* @__PURE__ */ r(
43
- x,
41
+ e === "sending" && /* @__PURE__ */ a("div", { className: r.container, children: /* @__PURE__ */ a(m, { defaultVariant: "bodySm", mobileVariant: "bodyXs", as: "span", className: r.text, children: "Subscribing, please wait..." }) }),
42
+ e !== "success" && e !== "sending" && /* @__PURE__ */ a(
43
+ E,
44
44
  {
45
45
  placeholder: "Your email",
46
46
  variant: "primary-invert",
@@ -48,21 +48,21 @@ const k = "//gethealthspan.us21.list-manage.com/subscribe/post?u=664ad54ec243b35
48
48
  handleChange: y,
49
49
  onButtonClick: w,
50
50
  showButton: !0,
51
- error: d,
52
- errorText: b,
51
+ error: u,
52
+ errorText: g,
53
53
  active: v
54
54
  }
55
55
  )
56
56
  ] });
57
- }, R = () => /* @__PURE__ */ r(
58
- N,
57
+ }, R = () => /* @__PURE__ */ a(
58
+ V,
59
59
  {
60
60
  url: k,
61
61
  render: ({
62
62
  subscribe: e,
63
63
  status: l,
64
64
  message: o
65
- }) => /* @__PURE__ */ r(C, { status: l, message: o, subscribe: e })
65
+ }) => /* @__PURE__ */ a(C, { status: l, message: o, subscribe: e })
66
66
  }
67
67
  );
68
68
  export {
@@ -0,0 +1 @@
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),k=require("../../../../components/Button/Button.cjs.js"),u=require("../../../../components/Icon/constants.cjs.js"),o=require("../../../../components/Typography/Typography.cjs.js"),x=require("../../../../components/Icon/Icon.cjs.js"),a=require("./topTreatmentsSlider.module.css.cjs.js"),p=({title:g,products:n})=>{const[l,m]=i.useState(0),[r,c]=i.useState(1),[t,d]=i.useState(!1),j=i.useMemo(()=>{if(n.length===2){const h=(l-1+n.length)%n.length,f=(l+1)%n.length;return[n[h],n[l===h?f:l],n[f]].filter((T,S,_)=>_.findIndex(C=>C.name===T.name)===S)}const s=(l-1+n.length)%n.length,I=(l+1)%n.length;return[n[s],n[l],n[I]]},[l,n]),v=i.useCallback(()=>{t||(d(!0),c(2))},[t]),N=i.useCallback(()=>{t||(d(!0),c(0))},[t]),y=()=>{r===2?m(s=>(s+1)%n.length):r===0&&m(s=>(s-1+n.length)%n.length),c(1),d(!1)},b=i.useCallback(()=>{const s=n[l];s!=null&&s.link&&window.open(s.link,"_blank")},[n,l]);return e.jsxs("div",{className:a.default.root,children:[e.jsx(o.Typography,{as:"span",defaultVariant:"labelSm",mobileVariant:"labelXs",weight:"regular",emphasis:!0,className:a.default.title,children:g}),e.jsxs("div",{className:a.default.sliderContainer,children:[e.jsx("div",{className:a.default.sliderTrack,style:{transform:`translateX(calc(-${r*100}% - ${r*10}px))`,transition:t?"transform 0.3s cubic-bezier(0.4,0,0.2,1)":"none"},onTransitionEnd:y,children:j.map(s=>e.jsx("div",{className:a.default.slide,children:e.jsxs("div",{className:a.default.productCard,children:[e.jsx("div",{className:a.default.imageWrapper,children:e.jsx("img",{src:s.image,alt:s.name,className:a.default.image})}),e.jsxs("div",{className:a.default.rightSide,children:[e.jsxs("div",{className:a.default.headerSplit,children:[e.jsx("div",{className:a.default.nameContainer,children:e.jsx(o.Typography,{defaultVariant:"headingXs",children:s.name})}),e.jsx(o.Typography,{defaultVariant:"bodyMd",mobileVariant:"bodySm",className:a.default.price,children:s.price})]}),e.jsx("div",{className:a.default.actions,children:e.jsx("div",{className:a.default.btnLearnMore,children:e.jsx(k.Button,{size:"sm",variant:"primary-invert",onClick:b,children:"Learn More"})})})]})]})},s.name))}),e.jsxs("div",{className:a.default.switchers,children:[e.jsx("div",{className:a.default.arrowIcon,onClick:N,children:e.jsx(x.Icon,{name:u.EIconName.ARROW_BACK})}),e.jsx("div",{className:a.default.arrowIcon,onClick:v,children:e.jsx(x.Icon,{name:u.EIconName.ARROW_FORWARD})})]})]})]})};exports.TopTreatmentsSlider=p;
@@ -0,0 +1,12 @@
1
+ type TProduct = {
2
+ name: string;
3
+ image: string;
4
+ price: string;
5
+ link: string;
6
+ };
7
+ type TTopTreatmentsSliderProps = {
8
+ title: string;
9
+ products: Array<TProduct>;
10
+ };
11
+ export declare const TopTreatmentsSlider: ({ title, products }: TTopTreatmentsSliderProps) => import("react/jsx-runtime").JSX.Element;
12
+ export {};
@@ -0,0 +1,81 @@
1
+ "use client";
2
+ import { jsxs as r, jsx as i } from "react/jsx-runtime";
3
+ import { useState as o, useMemo as V, useCallback as d } from "react";
4
+ import { Button as W } from "../../../../components/Button/Button.es.js";
5
+ import { EIconName as N } from "../../../../components/Icon/constants.es.js";
6
+ import { Typography as h } from "../../../../components/Typography/Typography.es.js";
7
+ import { Icon as x } from "../../../../components/Icon/Icon.es.js";
8
+ import n from "./topTreatmentsSlider.module.css.es.js";
9
+ const z = ({ title: b, products: e }) => {
10
+ const [l, f] = o(0), [t, m] = o(1), [s, c] = o(!1), I = V(() => {
11
+ if (e.length === 2) {
12
+ const g = (l - 1 + e.length) % e.length, v = (l + 1) % e.length;
13
+ return [e[g], e[l === g ? v : l], e[v]].filter(
14
+ (R, S, T) => T.findIndex((M) => M.name === R.name) === S
15
+ );
16
+ }
17
+ const a = (l - 1 + e.length) % e.length, A = (l + 1) % e.length;
18
+ return [e[a], e[l], e[A]];
19
+ }, [l, e]), w = d(() => {
20
+ s || (c(!0), m(2));
21
+ }, [s]), C = d(() => {
22
+ s || (c(!0), m(0));
23
+ }, [s]), k = () => {
24
+ t === 2 ? f((a) => (a + 1) % e.length) : t === 0 && f((a) => (a - 1 + e.length) % e.length), m(1), c(!1);
25
+ }, y = d(() => {
26
+ const a = e[l];
27
+ a != null && a.link && window.open(a.link, "_blank");
28
+ }, [e, l]);
29
+ return /* @__PURE__ */ r("div", { className: n.root, children: [
30
+ /* @__PURE__ */ i(
31
+ h,
32
+ {
33
+ as: "span",
34
+ defaultVariant: "labelSm",
35
+ mobileVariant: "labelXs",
36
+ weight: "regular",
37
+ emphasis: !0,
38
+ className: n.title,
39
+ children: b
40
+ }
41
+ ),
42
+ /* @__PURE__ */ r("div", { className: n.sliderContainer, children: [
43
+ /* @__PURE__ */ i(
44
+ "div",
45
+ {
46
+ className: n.sliderTrack,
47
+ style: {
48
+ transform: `translateX(calc(-${t * 100}% - ${t * 10}px))`,
49
+ transition: s ? "transform 0.3s cubic-bezier(0.4,0,0.2,1)" : "none"
50
+ },
51
+ onTransitionEnd: k,
52
+ children: I.map((a) => /* @__PURE__ */ i("div", { className: n.slide, children: /* @__PURE__ */ r("div", { className: n.productCard, children: [
53
+ /* @__PURE__ */ i("div", { className: n.imageWrapper, children: /* @__PURE__ */ i("img", { src: a.image, alt: a.name, className: n.image }) }),
54
+ /* @__PURE__ */ r("div", { className: n.rightSide, children: [
55
+ /* @__PURE__ */ r("div", { className: n.headerSplit, children: [
56
+ /* @__PURE__ */ i("div", { className: n.nameContainer, children: /* @__PURE__ */ i(h, { defaultVariant: "headingXs", children: a.name }) }),
57
+ /* @__PURE__ */ i(
58
+ h,
59
+ {
60
+ defaultVariant: "bodyMd",
61
+ mobileVariant: "bodySm",
62
+ className: n.price,
63
+ children: a.price
64
+ }
65
+ )
66
+ ] }),
67
+ /* @__PURE__ */ i("div", { className: n.actions, children: /* @__PURE__ */ i("div", { className: n.btnLearnMore, children: /* @__PURE__ */ i(W, { size: "sm", variant: "primary-invert", onClick: y, children: "Learn More" }) }) })
68
+ ] })
69
+ ] }) }, a.name))
70
+ }
71
+ ),
72
+ /* @__PURE__ */ r("div", { className: n.switchers, children: [
73
+ /* @__PURE__ */ i("div", { className: n.arrowIcon, onClick: C, children: /* @__PURE__ */ i(x, { name: N.ARROW_BACK }) }),
74
+ /* @__PURE__ */ i("div", { className: n.arrowIcon, onClick: w, children: /* @__PURE__ */ i(x, { name: N.ARROW_FORWARD }) })
75
+ ] })
76
+ ] })
77
+ ] });
78
+ };
79
+ export {
80
+ z as TopTreatmentsSlider
81
+ };
@@ -0,0 +1 @@
1
+ export { TopTreatmentsSlider } from './TopTreatmentsSlider';
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="topTreatmentsSlider-module__root___gc0r9",t="topTreatmentsSlider-module__title___fS4-4",r="topTreatmentsSlider-module__sliderContainer___aBN2W",o="topTreatmentsSlider-module__sliderTrack___xWKWY",_="topTreatmentsSlider-module__slide___fg2k3",i="topTreatmentsSlider-module__productCard___jzwuf",n="topTreatmentsSlider-module__imageWrapper___hbllD",a="topTreatmentsSlider-module__image___b-BBl",d="topTreatmentsSlider-module__rightSide___fpsGN",s="topTreatmentsSlider-module__headerSplit___Xukme",l="topTreatmentsSlider-module__nameContainer___ezWY9",m="topTreatmentsSlider-module__price___VdKqf",c="topTreatmentsSlider-module__actions___cbNsH",p="topTreatmentsSlider-module__switchers___ESrkt",u="topTreatmentsSlider-module__btnLearnMore___AVinw",S="topTreatmentsSlider-module__arrowIcon___YyyvO",T={root:e,title:t,sliderContainer:r,sliderTrack:o,slide:_,productCard:i,imageWrapper:n,image:a,rightSide:d,headerSplit:s,nameContainer:l,price:m,actions:c,switchers:p,btnLearnMore:u,arrowIcon:S};exports.actions=c;exports.arrowIcon=S;exports.btnLearnMore=u;exports.default=T;exports.headerSplit=s;exports.image=a;exports.imageWrapper=n;exports.nameContainer=l;exports.price=m;exports.productCard=i;exports.rightSide=d;exports.root=e;exports.slide=_;exports.sliderContainer=r;exports.sliderTrack=o;exports.switchers=p;exports.title=t;
@@ -0,0 +1,37 @@
1
+ const e = "topTreatmentsSlider-module__root___gc0r9", t = "topTreatmentsSlider-module__title___fS4-4", r = "topTreatmentsSlider-module__sliderContainer___aBN2W", _ = "topTreatmentsSlider-module__sliderTrack___xWKWY", o = "topTreatmentsSlider-module__slide___fg2k3", n = "topTreatmentsSlider-module__productCard___jzwuf", i = "topTreatmentsSlider-module__imageWrapper___hbllD", s = "topTreatmentsSlider-module__image___b-BBl", a = "topTreatmentsSlider-module__rightSide___fpsGN", d = "topTreatmentsSlider-module__headerSplit___Xukme", l = "topTreatmentsSlider-module__nameContainer___ezWY9", m = "topTreatmentsSlider-module__price___VdKqf", c = "topTreatmentsSlider-module__actions___cbNsH", p = "topTreatmentsSlider-module__switchers___ESrkt", S = "topTreatmentsSlider-module__btnLearnMore___AVinw", u = "topTreatmentsSlider-module__arrowIcon___YyyvO", T = {
2
+ root: e,
3
+ title: t,
4
+ sliderContainer: r,
5
+ sliderTrack: _,
6
+ slide: o,
7
+ productCard: n,
8
+ imageWrapper: i,
9
+ image: s,
10
+ rightSide: a,
11
+ headerSplit: d,
12
+ nameContainer: l,
13
+ price: m,
14
+ actions: c,
15
+ switchers: p,
16
+ btnLearnMore: S,
17
+ arrowIcon: u
18
+ };
19
+ export {
20
+ c as actions,
21
+ u as arrowIcon,
22
+ S as btnLearnMore,
23
+ T as default,
24
+ d as headerSplit,
25
+ s as image,
26
+ i as imageWrapper,
27
+ l as nameContainer,
28
+ m as price,
29
+ n as productCard,
30
+ a as rightSide,
31
+ e as root,
32
+ o as slide,
33
+ r as sliderContainer,
34
+ _ as sliderTrack,
35
+ p as switchers,
36
+ t as title
37
+ };
@@ -3,3 +3,4 @@ export { FooterLinksBlock } from './FooterLinksBlock';
3
3
  export { NewsLetter } from './NewsLetter';
4
4
  export { TextInput } from '../../../components/TextInput';
5
5
  export { AccordionFooter } from './AccordionFooter';
6
+ export { TopTreatmentsSlider } from './TopTreatmentsSlider';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zenpatient-org/healthspan-marketing-ui",
3
- "version": "0.1.61",
3
+ "version": "0.1.63",
4
4
  "description": "Design system",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.es.js",
@@ -561,6 +561,11 @@
561
561
  "import": "./dist/pageComponents/HowItWorksHero/HowItWorksHero.es.js",
562
562
  "require": "./dist/pageComponents/HowItWorksHero/HowItWorksHero.cjs.js"
563
563
  },
564
+ "./Banner": {
565
+ "types": "./dist/pageComponents/Banner/Banner.d.ts",
566
+ "import": "./dist/pageComponents/Banner/Banner.es.js",
567
+ "require": "./dist/pageComponents/Banner/Banner.cjs.js"
568
+ },
564
569
  "./TextBlockAnimated": {
565
570
  "types": "./dist/modules/TextBlockAnimated/TextBlockAnimated.d.ts",
566
571
  "import": "./dist/modules/TextBlockAnimated/TextBlockAnimated.es.js",
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("../../../../components/Button/Button.cjs.js"),n=require("../../../../components/Icon/constants.cjs.js"),s=require("../../../../components/Typography/Typography.cjs.js"),t=require("../../../../components/Icon/Icon.cjs.js"),a=require("./topTreatmentsCard.module.css.cjs.js"),h=({title:l,image:i,name:r,price:c,onPrev:d,onNext:o,onLearnMore:u})=>e.jsxs("div",{className:a.default.root,children:[e.jsx(s.Typography,{as:"span",defaultVariant:"labelSm",mobileVariant:"labelXs",weight:"regular",emphasis:!0,className:a.default.title,children:l}),e.jsxs("div",{className:a.default.productCard,children:[e.jsx("img",{src:i,alt:r,className:a.default.image}),e.jsxs("div",{className:a.default.rightSide,children:[e.jsx("div",{className:a.default.productInfo,children:e.jsx("div",{className:a.default.productInfoHeader,children:e.jsxs("div",{className:a.default.headerSplit,children:[e.jsx("div",{className:a.default.nameContainer,children:e.jsx(s.Typography,{defaultVariant:"headingXs",children:r})}),e.jsx(s.Typography,{defaultVariant:"bodyMd",mobileVariant:"bodySm",className:a.default.price,children:c})]})})}),e.jsxs("div",{className:a.default.actions,children:[e.jsx("div",{className:a.default.btnLearnMore,children:e.jsx(m.Button,{size:"sm",variant:"primary-invert",onClick:u,children:"Learn More"})}),e.jsxs("div",{className:a.default.switchers,children:[e.jsx("div",{className:a.default.arrowIcon,onClick:d,children:e.jsx(t.Icon,{name:n.EIconName.ARROW_BACK})}),e.jsx("div",{className:a.default.arrowIcon,onClick:o,children:e.jsx(t.Icon,{name:n.EIconName.ARROW_FORWARD})})]})]})]})]})]});exports.TopTreatmentsCard=h;
@@ -1,11 +0,0 @@
1
- type TTopTreatmentsCardProps = {
2
- title: string;
3
- image: string;
4
- name: string;
5
- price: string;
6
- onPrev: () => void;
7
- onNext: () => void;
8
- onLearnMore: () => void;
9
- };
10
- export declare const TopTreatmentsCard: ({ title, image, name, price, onPrev, onNext, onLearnMore, }: TTopTreatmentsCardProps) => import("react/jsx-runtime").JSX.Element;
11
- export {};