@zenpatient-org/healthspan-marketing-ui 0.2.85 → 0.2.86

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 (187) hide show
  1. package/dist/components/Accordion/Accordion.d.ts +1 -2
  2. package/dist/components/Accordion/components/AccordionItem/AccordionItem.d.ts +1 -2
  3. package/dist/components/AdvancedGallery/AdvancedGallery.d.ts +0 -1
  4. package/dist/components/AdvancedGallery/components/ImageGalleryPagination/ImageGalleryPagination.d.ts +1 -2
  5. package/dist/components/AdvancedGallery/components/VideoSlide/VideoSlide.d.ts +0 -1
  6. package/dist/components/AnchorLinks/AnchorLinks.d.ts +0 -1
  7. package/dist/components/AnchorLinks/types.d.ts +0 -1
  8. package/dist/components/Benefit/Benefit.d.ts +1 -2
  9. package/dist/components/Button/Button.d.ts +2 -3
  10. package/dist/components/Callback/Callback.d.ts +2 -3
  11. package/dist/components/Callback/constants.d.ts +2 -3
  12. package/dist/components/Checkbox/Checkbox.d.ts +0 -1
  13. package/dist/components/ClaimBlock/ClaimBlock.d.ts +1 -2
  14. package/dist/components/ComplexImageCarousel/ComplexCarousel/ComplexCarousel.d.ts +0 -1
  15. package/dist/components/ComplexImageCarousel/ComplexImageCarousel.d.ts +0 -1
  16. package/dist/components/ComplexImageCarousel/SimpleImageCarousel/SimpleImageCarousel.d.ts +0 -1
  17. package/dist/components/ComplexImageCarousel/useComplexImageCarousel.d.ts +0 -1
  18. package/dist/components/ComplexTooltip/ComplexTooltip.d.ts +3 -4
  19. package/dist/components/ComplexTooltip/components/ComplexTooltipContent/ComplexTooltipContent.d.ts +1 -2
  20. package/dist/components/ComplexTooltip/types.d.ts +1 -2
  21. package/dist/components/ContentTabs/ContentTabs.d.ts +2 -3
  22. package/dist/components/ContentTabs/contentTabs.module.css +1 -0
  23. package/dist/components/Cursor/Cursor.d.ts +1 -2
  24. package/dist/components/Cursor/components/ClientCursor.d.ts +1 -2
  25. package/dist/components/Cursor/components/ServerCursor.d.ts +1 -2
  26. package/dist/components/FAQComponent/FAQComponent.d.ts +0 -1
  27. package/dist/components/FAQComponent/types.d.ts +0 -1
  28. package/dist/components/FAQComponentItem/FAQComponentItem.d.ts +0 -1
  29. package/dist/components/FAQComponentItem/types.d.ts +1 -2
  30. package/dist/components/FeaturesList/FeaturesList.d.ts +1 -2
  31. package/dist/components/FeaturesList/types.d.ts +1 -2
  32. package/dist/components/FilterError/FilterError.d.ts +0 -1
  33. package/dist/components/FilterMenu/FilterMenu.d.ts +1 -2
  34. package/dist/components/HighlightCard/HighlightCard.d.ts +1 -2
  35. package/dist/components/HighlightedTitle/HighlightedTitle.d.ts +3 -4
  36. package/dist/components/Icon/Icon.d.ts +0 -1
  37. package/dist/components/Icon/iconsMap.d.ts +0 -1
  38. package/dist/components/IconBracket/IconBracket.d.ts +0 -1
  39. package/dist/components/IconBracket/types.d.ts +0 -1
  40. package/dist/components/IconButton/IconButton.d.ts +2 -3
  41. package/dist/components/ImageGallery/ImageGallery.d.ts +0 -1
  42. package/dist/components/ImageGallery/components/ImageGalleryPagination/ImageGalleryPagination.d.ts +1 -2
  43. package/dist/components/InfiniteScroll/InfiniteScroll.d.ts +1 -2
  44. package/dist/components/Label/Label.d.ts +1 -2
  45. package/dist/components/PlainFeaturesGroup/PlainFeaturesGroup.d.ts +0 -1
  46. package/dist/components/PlayButton/PlayButton.d.ts +1 -2
  47. package/dist/components/PriceDisplay/PriceDisplay.d.ts +1 -2
  48. package/dist/components/Pricing/Pricing.d.ts +0 -1
  49. package/dist/components/Pricing/components/BenefitItem/BenefitItem.d.ts +1 -2
  50. package/dist/components/Pricing/types.d.ts +3 -4
  51. package/dist/components/ProductGallery/ProductGallery.d.ts +1 -2
  52. package/dist/components/ProductGalleryCard/ProductGalleryCard.d.ts +1 -2
  53. package/dist/components/ProductGalleryCard/types.d.ts +1 -2
  54. package/dist/components/ProductListing/ProductListing.d.ts +2 -3
  55. package/dist/components/ProductPairs/ProductPairs.d.ts +0 -1
  56. package/dist/components/ProgressButton/ProgressButton.d.ts +2 -3
  57. package/dist/components/Quote/Quote.d.ts +1 -2
  58. package/dist/components/SmartCallout/SmartCallout.d.ts +0 -1
  59. package/dist/components/StepsCarousel/StepsCarousel.d.ts +1 -2
  60. package/dist/components/StudyGridCard/StudyGridCard.d.ts +1 -2
  61. package/dist/components/Tabs/Tabs.d.ts +1 -2
  62. package/dist/components/Tabs/TabsWithFade.d.ts +0 -1
  63. package/dist/components/Tabs/types.d.ts +1 -2
  64. package/dist/components/Tag/Tag.d.ts +2 -3
  65. package/dist/components/TextButton/TextButton.d.ts +2 -3
  66. package/dist/components/TextInput/TextInput.d.ts +0 -1
  67. package/dist/components/Typography/Typography.d.ts +2 -2
  68. package/dist/lib/useSwiper.d.ts +2 -3
  69. package/dist/modules/BasicImageText/BasicImageText.cjs.js +1 -1
  70. package/dist/modules/BasicImageText/BasicImageText.d.ts +1 -2
  71. package/dist/modules/BasicImageText/BasicImageText.es.js +36 -34
  72. package/dist/modules/BasicImageText/basicImageText.module.css +48 -27
  73. package/dist/modules/Benefits/Benefits.d.ts +0 -1
  74. package/dist/modules/CallToAction/CallToAction.d.ts +0 -1
  75. package/dist/modules/Callback/Callback.d.ts +1 -2
  76. package/dist/modules/Claims/Claims.d.ts +0 -1
  77. package/dist/modules/Compare/Compare.d.ts +0 -1
  78. package/dist/modules/Compare/types.d.ts +2 -3
  79. package/dist/modules/Comparison/Comparison.d.ts +2 -3
  80. package/dist/modules/Comparison/components/ComparisonMobileView/ComparisonMobileView.d.ts +1 -2
  81. package/dist/modules/ComparisonV2/ComparisonV2.d.ts +1 -2
  82. package/dist/modules/ComparisonV2/comparisonV2.module.css +17 -2
  83. package/dist/modules/ContentHighlight/ContentHighlight.d.ts +1 -2
  84. package/dist/modules/Curiosity/Curiosity.d.ts +0 -1
  85. package/dist/modules/CursorImageBlock/CursorImageBlock.d.ts +1 -2
  86. package/dist/modules/ExpandingDetails/ExpandingDetails.d.ts +0 -1
  87. package/dist/modules/ExpandingDetails/types.d.ts +0 -1
  88. package/dist/modules/FAQModule/FAQModule.d.ts +0 -1
  89. package/dist/modules/FAQModule/types.d.ts +0 -1
  90. package/dist/modules/FeaturesGallery/FeaturesGallery.d.ts +2 -3
  91. package/dist/modules/FeaturesGallery/components/FeatureGrid/FeatureGrid.d.ts +1 -2
  92. package/dist/modules/FollowTheScience/FollowTheScience.d.ts +0 -1
  93. package/dist/modules/HSModal/HSModal.d.ts +0 -1
  94. package/dist/modules/HSModal/components/MailchimpModal/MailchimpModal.d.ts +0 -1
  95. package/dist/modules/HSModal/components/MailchimpModal/components/Newsletter/Newsletter.d.ts +0 -1
  96. package/dist/modules/HSModal/types.d.ts +0 -1
  97. package/dist/modules/HSModal/useHSModal.cjs.js +1 -1
  98. package/dist/modules/HSModal/useHSModal.es.js +1 -1
  99. package/dist/modules/HighestStandards/HighestStandards.d.ts +0 -1
  100. package/dist/modules/HighestStandards/components/TabsMenu/TabsMenu.d.ts +0 -1
  101. package/dist/modules/HighestStandards/components/TabsMenu/components/TabsMenutem/TabsMenuItem.d.ts +0 -1
  102. package/dist/modules/HighestStandards/components/TabsMenu/components/TabsMenutem/types.d.ts +1 -2
  103. package/dist/modules/HighestStandards/types.d.ts +0 -1
  104. package/dist/modules/Highlight/Highlight.d.ts +1 -2
  105. package/dist/modules/HowItWorks/components/Content/Content.d.ts +0 -1
  106. package/dist/modules/ImageWithBenefits/ImageWithBenefits.d.ts +0 -1
  107. package/dist/modules/ImageWithText/ImageWithText.d.ts +0 -1
  108. package/dist/modules/ImageWithText/components/ButtonWithColors/ButtonWithColors.d.ts +0 -1
  109. package/dist/modules/ImageWithText/types.d.ts +1 -2
  110. package/dist/modules/IndividualProductCard/IndividualProductCard.d.ts +2 -3
  111. package/dist/modules/IndividualProductCard/components/PlanCard/PlanCard.d.ts +1 -2
  112. package/dist/modules/IndividualProductCard/types.d.ts +2 -3
  113. package/dist/modules/IndividualProductCardV2/IndividualProductCardV2.d.ts +0 -1
  114. package/dist/modules/IndividualProductCardV2/types.d.ts +0 -1
  115. package/dist/modules/IngredientHighlight/IngredientHighlight.d.ts +0 -1
  116. package/dist/modules/IngredientHighlight/components/Ingredient/Ingredient.d.ts +0 -1
  117. package/dist/modules/LongevityPathways/LongevityPathways.d.ts +0 -1
  118. package/dist/modules/LongevityPathways/types.d.ts +0 -1
  119. package/dist/modules/OptimalHealth/OptimalHealth.d.ts +2 -3
  120. package/dist/modules/OptimalHealth/components/ClockImages/ClockImages.d.ts +1 -2
  121. package/dist/modules/OurProcess/OurProcess.d.ts +3 -4
  122. package/dist/modules/PairedProducts/PairedProducts.d.ts +1 -2
  123. package/dist/modules/ProductsDisplay/ProductsDisplay.d.ts +1 -2
  124. package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/ProductsDisplayTabs.d.ts +1 -2
  125. package/dist/modules/ProductsDisplay/types.d.ts +1 -2
  126. package/dist/modules/ProductsDisplay/useProductsData.d.ts +3 -4
  127. package/dist/modules/ProgramDetails/ProgramDetails.cjs.js +1 -1
  128. package/dist/modules/ProgramDetails/ProgramDetails.d.ts +0 -1
  129. package/dist/modules/ProgramDetails/ProgramDetails.es.js +6 -6
  130. package/dist/modules/ProgramDetails/components/Features/Features.d.ts +1 -2
  131. package/dist/modules/ProgramDetails/programDetails.module.css +27 -0
  132. package/dist/modules/ResearchEssentialReadings/ResearchEssentialReadings.d.ts +0 -1
  133. package/dist/modules/ResearchEssentialReadings/components/ReadingCard/ReadingCard.d.ts +1 -2
  134. package/dist/modules/ResearchFeatured/ResearchFeatured.d.ts +1 -2
  135. package/dist/modules/ResearchFeatured/components/FeaturedArticle/FeaturedArticle.d.ts +1 -2
  136. package/dist/modules/ResearchFeatured/components/HighlightedArticle/HighlightedArticle.d.ts +1 -2
  137. package/dist/modules/ResearchFilters/ResearchFilters.d.ts +1 -2
  138. package/dist/modules/ResearchStudies/ResearchStudies.d.ts +1 -2
  139. package/dist/modules/ResearchStudies/components/StudyCard/StudyCard.d.ts +1 -2
  140. package/dist/modules/Reviews/Reviews.d.ts +0 -1
  141. package/dist/modules/Reviews/components/ReviewCard/ReviewCard.d.ts +0 -1
  142. package/dist/modules/Reviews/components/ReviewList/ReviewList.d.ts +1 -2
  143. package/dist/modules/ScienceHero/ScienceHeroCursor.d.ts +1 -2
  144. package/dist/modules/ScienceHero/components/ScienceClientCursor.d.ts +1 -2
  145. package/dist/modules/ScienceHero/components/ScienceServerCursor.d.ts +1 -2
  146. package/dist/modules/SlidingTabsGallery/SlidingTabsGallery.d.ts +2 -3
  147. package/dist/modules/StillHaveQuestions/StillHaveQuestions.d.ts +1 -2
  148. package/dist/modules/StillHaveQuestions/constants.d.ts +0 -1
  149. package/dist/modules/Studies/Studies.d.ts +2 -3
  150. package/dist/modules/TargetedPrograms/TargetedPrograms.d.ts +1 -2
  151. package/dist/modules/Testimonial/Testimonial.d.ts +1 -2
  152. package/dist/modules/Testimonial/components/TextCard/TextCard.d.ts +0 -1
  153. package/dist/modules/Testimonial/components/VideoCard/VideoCard.d.ts +0 -1
  154. package/dist/modules/TextTwoImages/TextTwoImages.d.ts +1 -2
  155. package/dist/modules/ThreeCardsWithHero/ThreeCardsWithHero.d.ts +1 -2
  156. package/dist/modules/TotalCare/TotalCare.d.ts +3 -4
  157. package/dist/modules/TotalCare/totalCare.module.css +29 -3
  158. package/dist/modules/TrackProgress/TrackProgress.d.ts +0 -1
  159. package/dist/modules/TrackProgress/components/TimelineContent/TimelineContent.d.ts +0 -1
  160. package/dist/modules/TypesOfTests/TypesOfTests.d.ts +2 -3
  161. package/dist/modules/YourProtocol/YourProtocol.cjs.js +1 -1
  162. package/dist/modules/YourProtocol/YourProtocol.d.ts +3 -4
  163. package/dist/modules/YourProtocol/YourProtocol.es.js +18 -9
  164. package/dist/modules/YourProtocol/types.d.ts +0 -1
  165. package/dist/modules/YourProtocol/yourProtocol.module.css +146 -44
  166. package/dist/node_modules/@wistia/wistia-player-react/dist/mjs/WistiaPlayerWrapper-KYHM7EWK.cjs.js +1 -1
  167. package/dist/node_modules/@wistia/wistia-player-react/dist/mjs/WistiaPlayerWrapper-KYHM7EWK.es.js +2 -2
  168. package/dist/node_modules/@wistia/wistia-player-react/dist/mjs/wistia-player-PKAEVX5L.cjs.js +19 -19
  169. package/dist/node_modules/@wistia/wistia-player-react/dist/mjs/wistia-player-PKAEVX5L.es.js +270 -270
  170. package/dist/node_modules/gsap/CustomEase.cjs.js +1 -1
  171. package/dist/node_modules/gsap/CustomEase.es.js +2 -2
  172. package/dist/node_modules/gsap/Draggable.cjs.js +1 -1
  173. package/dist/node_modules/gsap/Draggable.es.js +6 -6
  174. package/dist/node_modules/gsap/Flip.cjs.js +1 -1
  175. package/dist/node_modules/gsap/Flip.es.js +6 -6
  176. package/dist/node_modules/gsap/Observer.cjs.js +1 -1
  177. package/dist/node_modules/gsap/Observer.es.js +2 -2
  178. package/dist/node_modules/gsap/ScrollTrigger.cjs.js +1 -1
  179. package/dist/node_modules/gsap/ScrollTrigger.es.js +2 -2
  180. package/dist/node_modules/gsap/utils/matrix.cjs.js +1 -1
  181. package/dist/node_modules/gsap/utils/matrix.es.js +2 -2
  182. package/dist/pageComponents/Banner/Banner.d.ts +1 -2
  183. package/dist/pageComponents/Footer/Footer.d.ts +0 -1
  184. package/dist/pageComponents/ScrollingFeatures/ScrollingFeatures.d.ts +0 -1
  185. package/dist/types/articles.d.ts +0 -1
  186. package/dist/utils/isHsIcon.d.ts +0 -1
  187. package/package.json +1 -1
@@ -1,57 +1,59 @@
1
- import { jsx as e, jsxs as l } from "react/jsx-runtime";
2
- import a from "../../modules/BasicImageText/basicImageText.module.css";
3
- import { Typography as d } from "../../components/Typography/Typography.es.js";
4
- import { HighlightedTitle as y } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
5
- import { Button as N } from "../../components/Button/Button.es.js";
1
+ import { jsx as i, jsxs as r } from "react/jsx-runtime";
2
+ import e from "../../modules/BasicImageText/basicImageText.module.css";
3
+ import { Typography as c } from "../../components/Typography/Typography.es.js";
4
+ import { HighlightedTitle as N } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
5
+ import { Button as n } from "../../components/Button/Button.es.js";
6
6
  const v = {
7
7
  solar: "color-text-primary-brand-solar",
8
8
  indigo: "color-text-primary-brand-indigo",
9
9
  primary: "color-text-primary",
10
10
  inverted: "color-text-primary-inverted"
11
11
  }, M = ({
12
- imagePosition: t,
13
- title: c,
12
+ imagePosition: o,
13
+ title: t,
14
14
  description: s,
15
- image: o,
16
- button: i,
17
- label: m,
18
- labelColor: n,
19
- mobileImage: p,
20
- colorScheme: r,
21
- buttonColor: g
15
+ image: h,
16
+ button: a,
17
+ label: d,
18
+ labelColor: p,
19
+ mobileImage: g,
20
+ colorScheme: l,
21
+ buttonColor: m
22
22
  }) => {
23
- const h = n || (r === "dark" ? "inverted" : "primary");
24
- return /* @__PURE__ */ e("section", { className: a.root, "data-color-scheme": r, children: /* @__PURE__ */ l("div", { className: a.container, "data-image-position": t, children: [
25
- /* @__PURE__ */ l("div", { className: a.textContainer, children: [
26
- m && /* @__PURE__ */ e(
27
- d,
23
+ const y = p || (l === "dark" ? "inverted" : "primary");
24
+ return /* @__PURE__ */ i("section", { className: e.root, "data-color-scheme": l, children: /* @__PURE__ */ r("div", { className: e.container, "data-image-position": o, children: [
25
+ /* @__PURE__ */ r("div", { className: e.textContainer, children: [
26
+ d && /* @__PURE__ */ i(
27
+ c,
28
28
  {
29
29
  as: "p",
30
- defaultVariant: "labelMd",
31
- mobileVariant: "labelSm",
30
+ defaultVariant: "labelSm",
32
31
  emphasis: !0,
33
- className: a.label,
34
- color: v[h],
35
- children: m
32
+ className: e.label,
33
+ color: v[y],
34
+ children: d
36
35
  }
37
36
  ),
38
- /* @__PURE__ */ l("div", { className: a.titleContainer, children: [
39
- /* @__PURE__ */ e(
40
- y,
37
+ /* @__PURE__ */ r("div", { className: e.titleContainer, children: [
38
+ /* @__PURE__ */ i(
39
+ N,
41
40
  {
42
- colorScheme: r === "dark" ? "dark" : "light",
43
- className: a.title,
41
+ colorScheme: l === "dark" ? "dark" : "light",
42
+ className: e.title,
44
43
  defaultVariant: "displayMd",
45
44
  mobileVariant: "headingXl",
46
- title: c
45
+ title: t
47
46
  }
48
47
  ),
49
- /* @__PURE__ */ e("div", { className: a.mobileImageContainer, children: /* @__PURE__ */ e("img", { src: p, alt: "", className: a.mobileImage }) }),
50
- s && /* @__PURE__ */ e(d, { className: a.description, defaultVariant: "bodyLg", mobileVariant: "bodyMd", children: s })
48
+ /* @__PURE__ */ i("div", { className: e.mobileImageContainer, children: /* @__PURE__ */ i("img", { src: g, alt: "", className: e.mobileImage }) }),
49
+ s && /* @__PURE__ */ i(c, { className: e.description, defaultVariant: "bodyLg", mobileVariant: "bodyMd", children: s })
51
50
  ] }),
52
- (i == null ? void 0 : i.link) && /* @__PURE__ */ e("div", { className: a.button, children: /* @__PURE__ */ e(N, { as: "a", href: i == null ? void 0 : i.link, variant: g || "secondary", size: "lg", children: (i == null ? void 0 : i.text) || "Get Started" }) })
51
+ (a == null ? void 0 : a.link) && /* @__PURE__ */ r("div", { className: e.buttonContainer, children: [
52
+ /* @__PURE__ */ i("div", { className: e.buttonDesktop, children: /* @__PURE__ */ i(n, { as: "a", href: a == null ? void 0 : a.link, variant: m || "secondary", size: "lg", children: (a == null ? void 0 : a.text) || "Get Started" }) }),
53
+ /* @__PURE__ */ i("div", { className: e.buttonMobile, children: /* @__PURE__ */ i(n, { as: "a", href: a == null ? void 0 : a.link, variant: m || "secondary", size: "sm", children: (a == null ? void 0 : a.text) || "Get Started" }) })
54
+ ] })
53
55
  ] }),
54
- /* @__PURE__ */ e("div", { className: a.imageContainer, children: /* @__PURE__ */ e("img", { src: o, alt: "", className: a.image }) })
56
+ /* @__PURE__ */ i("div", { className: e.imageContainer, children: /* @__PURE__ */ i("img", { src: h, alt: "", className: e.image }) })
55
57
  ] }) });
56
58
  };
57
59
  export {
@@ -18,7 +18,7 @@
18
18
  display: flex;
19
19
  width: 100%;
20
20
  max-width: var(--content-max-width);
21
- padding: 64px 120px;
21
+ padding: 60px 120px;
22
22
  position: relative;
23
23
  align-items: center;
24
24
  gap: 96px;
@@ -39,10 +39,10 @@
39
39
  .titleContainer {
40
40
  display: flex;
41
41
  flex-direction: column;
42
- gap: 16px;
42
+ gap: 8px;
43
43
  }
44
44
 
45
- .button {
45
+ .buttonContainer {
46
46
  width: fit-content;
47
47
  }
48
48
 
@@ -62,31 +62,65 @@
62
62
  display: none;
63
63
  }
64
64
 
65
- @media (width <= 1200px) {
65
+ .buttonMobile {
66
+ display: none;
67
+ }
68
+
69
+ @media (width <= 1240px) {
70
+ .container {
71
+ gap: 48px;
72
+ }
73
+ }
74
+
75
+ @media (width <= 1024px) {
76
+ .container {
77
+ padding: 60px 64px;
78
+ gap: 40px;
79
+ }
80
+
81
+ .title h2 {
82
+ font-size: var(--font-size-display-xs);
83
+ }
84
+
85
+ .description {
86
+ font-size: var(--font-size-body-md);
87
+ }
88
+ }
89
+
90
+ @media (width <= 820px) {
66
91
  .container {
67
- padding: 64px 20px;
68
- gap: 64px;
92
+ padding: 56px 48px;
93
+ gap: 36px;
94
+ }
95
+
96
+ .title h2 {
97
+ font-size: var(--font-size-heading-xl);
98
+ line-height: var(--line-height-sm);
99
+ }
100
+
101
+ .buttonDesktop {
102
+ display: none;
69
103
  }
70
104
 
71
- .imageContainer {
72
- max-width: 414px;
73
- max-height: 414px;
105
+ .buttonMobile {
106
+ display: block;
74
107
  }
75
108
  }
76
109
 
77
- @media (width <= 960px) {
110
+ @media (width <= 768px) {
78
111
  .container,
79
112
  .container[data-image-position='left'] {
80
113
  flex-direction: column;
81
114
  gap: 0px;
115
+ padding: 40px 20px;
82
116
  }
83
117
 
84
118
  .textContainer {
85
119
  gap: 32px;
86
120
  }
87
121
 
88
- .button {
89
- width: 100%;
122
+ .titleContainer {
123
+ gap: 24px;
90
124
  }
91
125
 
92
126
  .image {
@@ -105,22 +139,9 @@
105
139
  height: 100%;
106
140
  object-fit: cover;
107
141
  }
108
- }
109
-
110
- @media (width <= 768px) {
111
- .container {
112
- padding: 40px 20px;
113
- }
114
-
115
- .textContainer {
116
- gap: 16px;
117
- }
118
142
 
119
- .titleContainer {
120
- gap: 24px;
121
- }
122
-
123
- .button {
143
+ .buttonContainer {
144
+ width: 100%;
124
145
  margin-top: 16px;
125
146
  }
126
147
  }
@@ -1,5 +1,4 @@
1
1
  import { ReactNode } from 'react';
2
-
3
2
  type Props = {
4
3
  label: string;
5
4
  title: ReactNode;
@@ -1,5 +1,4 @@
1
1
  import { ReactNode } from 'react';
2
-
3
2
  export type CallToActionProps = {
4
3
  subtitle: ReactNode;
5
4
  titleTop: ReactNode;
@@ -1,5 +1,4 @@
1
- import { CallbackSize, CallbackShape } from '../../components/Callback';
2
-
1
+ import { type CallbackSize, type CallbackShape } from '../../components/Callback';
3
2
  export type CallbackModuleProps = {
4
3
  title: string;
5
4
  description: string;
@@ -1,5 +1,4 @@
1
1
  import { ClaimBlockProps } from '../../components/ClaimBlock';
2
-
3
2
  export type ClaimsProps = {
4
3
  text?: string;
5
4
  button?: {
@@ -1,3 +1,2 @@
1
1
  import { CompareView } from './types';
2
-
3
2
  export declare const Compare: ({ label, title, leftElement, rightElement }: CompareView) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +1,5 @@
1
- import { ReactNode } from 'react';
2
- import { PricingElementView } from '../../components/Pricing';
3
-
1
+ import { type ReactNode } from 'react';
2
+ import { type PricingElementView } from '../../components/Pricing';
4
3
  export type CompareView = {
5
4
  label?: string;
6
5
  title: ReactNode;
@@ -1,6 +1,5 @@
1
- import { ReactNode } from 'react';
2
- import { ComparisonData } from './types';
3
-
1
+ import type { ReactNode } from 'react';
2
+ import type { ComparisonData } from './types';
4
3
  export type ComparisonProps = {
5
4
  title: ReactNode;
6
5
  comparison: ComparisonData;
@@ -1,5 +1,4 @@
1
- import { ComparisonData } from '../../types';
2
-
1
+ import type { ComparisonData } from '../../types';
3
2
  type ComparisonMobileViewProps = {
4
3
  comparison: ComparisonData;
5
4
  className?: string;
@@ -1,6 +1,5 @@
1
- import { ReactNode } from 'react';
1
+ import type { ReactNode } from 'react';
2
2
  import { ComparisonV2Column } from './types';
3
-
4
3
  export type ComparisonV2Props = {
5
4
  title: ReactNode;
6
5
  description?: string;
@@ -14,7 +14,7 @@
14
14
  justify-content: center;
15
15
  align-items: center;
16
16
  flex-direction: column;
17
- gap: var(--spacing-64, 64px);
17
+ gap: 48px;
18
18
  padding: 5vw;
19
19
  }
20
20
 
@@ -26,7 +26,7 @@
26
26
  gap: var(--spacing-20);
27
27
  text-align: center;
28
28
  width: 100%;
29
- max-width: 670px;
29
+ max-width: 940px;
30
30
  }
31
31
 
32
32
  .description {
@@ -162,6 +162,21 @@
162
162
  display: none;
163
163
  }
164
164
 
165
+ @media (width <= 1024px) {
166
+ .header {
167
+ gap: 16px;
168
+ }
169
+ .header h2 {
170
+ font-size: var(--font-size-display-sm);
171
+ }
172
+ }
173
+
174
+ @media (width <= 820px) {
175
+ .header h2 {
176
+ font-size: var(--font-size-display-xs);
177
+ }
178
+ }
179
+
165
180
  @media (min-width: 769px) {
166
181
  .hideMobile {
167
182
  display: block;
@@ -1,5 +1,4 @@
1
- import { default as React } from 'react';
2
-
1
+ import React from 'react';
3
2
  export type ContentHighlightProps = {
4
3
  label?: string;
5
4
  title: React.ReactNode;
@@ -1,6 +1,5 @@
1
1
  import { CompressedStudyCardProps } from '../../components/StudyGridCard/StudyGridCard';
2
2
  import { EAnalyticsEvent } from '../../types/analytics';
3
-
4
3
  type Props = {
5
4
  title: React.ReactNode;
6
5
  description?: string;
@@ -1,3 +1,2 @@
1
- import { TCursorImageBlockProps } from './types';
2
-
1
+ import type { TCursorImageBlockProps } from './types';
3
2
  export declare const CursorImageBlock: ({ title, description, cursorLabel, link, image }: TCursorImageBlockProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,3 +1,2 @@
1
1
  import { ExpandingDetailsProps } from './types';
2
-
3
2
  export declare const ExpandingDetails: ({ colorScheme, label, title, sections }: ExpandingDetailsProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +1,5 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { TColorScheme } from '../../types/common';
3
-
4
3
  export type ExpandingDetailsProps = {
5
4
  colorScheme: TColorScheme;
6
5
  label?: string;
@@ -1,3 +1,2 @@
1
1
  import { TFaqView } from './types';
2
-
3
2
  export declare const FAQModule: ({ title, questions }: TFaqView) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +1,4 @@
1
1
  import { ReactNode } from 'react';
2
-
3
2
  export type TFaqItemView = {
4
3
  title: string;
5
4
  content: ReactNode;
@@ -1,6 +1,5 @@
1
- import { ReactNode } from 'react';
2
- import { TFeature } from './types';
3
-
1
+ import type { ReactNode } from 'react';
2
+ import type { TFeature } from './types';
4
3
  type Props = {
5
4
  title: ReactNode;
6
5
  features: ReadonlyArray<TFeature>;
@@ -1,5 +1,4 @@
1
- import { TFeature } from '../../types';
2
-
1
+ import type { TFeature } from '../../types';
3
2
  type Props = {
4
3
  feature: TFeature;
5
4
  type: 'primary' | 'secondary';
@@ -1,4 +1,3 @@
1
-
2
1
  export type TargetedProgramsProps = {
3
2
  labelText: string;
4
3
  benefits: Array<{
@@ -1,4 +1,3 @@
1
1
  import { TMailchimpModal } from './types';
2
-
3
2
  export type HSModalProps = TMailchimpModal;
4
3
  export declare const HSModal: (props: HSModalProps) => import("react/jsx-runtime").JSX.Element | null;
@@ -1,3 +1,2 @@
1
1
  import { TMailchimpModal } from '../../types';
2
-
3
2
  export declare const MailchimpModal: ({ title, description, buttonText, image, layout, colorScheme, onCloseCallback, onClickCallback, cancelButtonText, tags, placeholder, trackingEvent, trackingLocation, }: Omit<TMailchimpModal, "id" | "type">) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +1,4 @@
1
1
  import { EAnalyticsEvent } from '../../../../../../types/analytics';
2
-
3
2
  export declare const Newsletter: ({ buttonText, colorScheme, onCloseCallback, cancelButtonText, tags, onClickCallback, placeholder, trackingEvent, trackingLocation, }: {
4
3
  buttonText: string;
5
4
  colorScheme: "light" | "dark";
@@ -1,5 +1,4 @@
1
1
  import { EAnalyticsEvent } from '../../types/analytics';
2
-
3
2
  type TimerTrigger = {
4
3
  type: 'timer';
5
4
  delay: number;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),y=7*24*60*60*1e3,a="healthspanClosedModalList",f=()=>{try{return JSON.parse(localStorage.getItem(a)||"{}")}catch{return{}}},i=e=>{localStorage.setItem(a,JSON.stringify(e))},p=e=>{const o=f()[e];return!o||Date.now()>o},w=({id:e,initiallyOpen:l=!1,trigger:o,onCloseCallback:c,onClickCallback:u})=>{const[n,M]=s.useState(l),r=s.useCallback(()=>{p(e)&&M(!0)},[e]),d=s.useCallback(()=>{M(!1);const t=f();t[e]=Date.now()+y,i(t),c==null||c()},[e,c]),E=s.useCallback(()=>{u==null||u()},[u]);s.useEffect(()=>{if((o==null?void 0:o.type)==="timer"&&!n){const t=setTimeout(()=>{r()},o.delay*1e3);return()=>clearTimeout(t)}},[o,n,r]),s.useEffect(()=>{if(!n)return;const t=window.getComputedStyle(document.body).overflow;document.body.style.overflow="hidden";const S=O=>{O.key==="Escape"&&d()};return document.addEventListener("keydown",S),()=>{document.body.style.overflow=t,document.removeEventListener("keydown",S)}},[n,d,e]);const m=s.useCallback(t=>{t.target===t.currentTarget&&d()},[d]);return{isOpen:n,openModal:r,closeModal:d,handleClick:E,handleOverlayClick:m}};exports.CLOSED_MODALS_KEY=a;exports.REOPEN_TIMEOUT_MS=y;exports.useHSModal=w;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),y=10080*60*1e3,a="healthspanClosedModalList",f=()=>{try{return JSON.parse(localStorage.getItem(a)||"{}")}catch{return{}}},i=e=>{localStorage.setItem(a,JSON.stringify(e))},p=e=>{const o=f()[e];return!o||Date.now()>o},w=({id:e,initiallyOpen:l=!1,trigger:o,onCloseCallback:c,onClickCallback:u})=>{const[n,M]=s.useState(l),r=s.useCallback(()=>{p(e)&&M(!0)},[e]),d=s.useCallback(()=>{M(!1);const t=f();t[e]=Date.now()+y,i(t),c==null||c()},[e,c]),E=s.useCallback(()=>{u==null||u()},[u]);s.useEffect(()=>{if((o==null?void 0:o.type)==="timer"&&!n){const t=setTimeout(()=>{r()},o.delay*1e3);return()=>clearTimeout(t)}},[o,n,r]),s.useEffect(()=>{if(!n)return;const t=window.getComputedStyle(document.body).overflow;document.body.style.overflow="hidden";const S=O=>{O.key==="Escape"&&d()};return document.addEventListener("keydown",S),()=>{document.body.style.overflow=t,document.removeEventListener("keydown",S)}},[n,d,e]);const m=s.useCallback(t=>{t.target===t.currentTarget&&d()},[d]);return{isOpen:n,openModal:r,closeModal:d,handleClick:E,handleOverlayClick:m}};exports.CLOSED_MODALS_KEY=a;exports.REOPEN_TIMEOUT_MS=y;exports.useHSModal=w;
@@ -1,5 +1,5 @@
1
1
  import { useState as E, useCallback as c, useEffect as f } from "react";
2
- const h = 7 * 24 * 60 * 60 * 1e3, l = "healthspanClosedModalList", M = () => {
2
+ const h = 10080 * 60 * 1e3, l = "healthspanClosedModalList", M = () => {
3
3
  try {
4
4
  return JSON.parse(localStorage.getItem(l) || "{}");
5
5
  } catch {
@@ -1,3 +1,2 @@
1
1
  import { THighestStandards } from './types';
2
-
3
2
  export declare const HighestStandards: ({ title, description, image, background, accordionItems }: THighestStandards) => import("react/jsx-runtime").JSX.Element;
@@ -1,3 +1,2 @@
1
1
  import { TTabsMenu } from './types';
2
-
3
2
  export declare const TabsMenu: ({ items }: TTabsMenu) => import("react/jsx-runtime").JSX.Element;
@@ -1,3 +1,2 @@
1
1
  import { TTabsMenuItem } from './types';
2
-
3
2
  export declare const TabsMenuItem: ({ title, content, isOpen, index, onClick }: TTabsMenuItem) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +1,4 @@
1
- import { ReactNode } from 'react';
2
-
1
+ import type { ReactNode } from 'react';
3
2
  export type TTabsMenuItem = {
4
3
  title: string;
5
4
  content: ReactNode;
@@ -1,5 +1,4 @@
1
1
  import { ReactNode } from 'react';
2
-
3
2
  export type THighestStandards = {
4
3
  title: ReactNode;
5
4
  description: string;
@@ -1,5 +1,4 @@
1
- import { HighlightCardProps } from '../../components/HighlightCard';
2
-
1
+ import type { HighlightCardProps } from '../../components/HighlightCard';
3
2
  export type HighlightProps = {
4
3
  title?: string;
5
4
  subtitle?: string;
@@ -1,5 +1,4 @@
1
1
  import { BaseSwiperReturnProps } from '../../../../lib/useSwiper';
2
-
3
2
  type ContentProps = {
4
3
  items: Array<{
5
4
  title: string;
@@ -1,6 +1,5 @@
1
1
  import { ETypeBadge } from '../../components/TypeBadge';
2
2
  import { TButtonWithColors } from '../ImageWithText/types';
3
-
4
3
  type TColor = 'black' | 'white' | 'solar' | 'indigo';
5
4
  export type ImageWithBenefitsProps = {
6
5
  image: string;
@@ -1,3 +1,2 @@
1
1
  import { TImageWithTextProps } from './types';
2
-
3
2
  export declare const ImageWithText: ({ image, text, title, view, colorScheme, textColor, mobileTextColor, titleColor, mobileTitleColor, titleHighlightColor, mobileTitleHighlightColor, mobileImage, button, }: TImageWithTextProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,3 +1,2 @@
1
1
  import { TButtonWithColors } from '../../types';
2
-
3
2
  export declare const ButtonWithColors: (button: TButtonWithColors) => import("react/jsx-runtime").JSX.Element | null;
@@ -1,7 +1,6 @@
1
- import { ReactNode } from 'react';
1
+ import type { ReactNode } from 'react';
2
2
  import { TColorScheme } from '../../types/common';
3
3
  import { ButtonVariant } from '../../components/Button/Button';
4
-
5
4
  export type TImageWithTextView = 'plain' | 'complex' | 'plain_with_title';
6
5
  export type TButtonWithColors = {
7
6
  label?: string;
@@ -1,10 +1,9 @@
1
- import { ButtonProps } from '../../components/Button';
2
- import { TextButtonProps } from '../../components/TextButton';
1
+ import { type ButtonProps } from '../../components/Button';
2
+ import { type TextButtonProps } from '../../components/TextButton';
3
3
  import { TProductFeature, TProductPlan } from './types';
4
4
  import { EAnalyticsEvent } from '../../types/analytics';
5
5
  import { QuoteProps } from '../../components/Quote';
6
6
  import { TPlainFeaturesGroupProps } from '../../components/PlainFeaturesGroup/PlainFeaturesGroup';
7
-
8
7
  type IndividualProductCardProps = {
9
8
  zenpatientId: string;
10
9
  name: string;
@@ -1,5 +1,4 @@
1
- import { TProductPlan } from '../../types';
2
-
1
+ import { type TProductPlan } from '../../types';
3
2
  type PlanCardProps = {
4
3
  plan: TProductPlan;
5
4
  onSelect: (planId: TProductPlan['id']) => void;
@@ -1,6 +1,5 @@
1
- import { LabelColor } from '../../components/Label';
2
- import { TProductFeature as TFeaturesListProductFeature } from '../../components/FeaturesList';
3
-
1
+ import type { LabelColor } from '../../components/Label';
2
+ import type { TProductFeature as TFeaturesListProductFeature } from '../../components/FeaturesList';
4
3
  export type TProductFeature = TFeaturesListProductFeature;
5
4
  export type TProductPlan = {
6
5
  id: string;
@@ -1,3 +1,2 @@
1
1
  import { TIndividualProductCardV2View } from './types';
2
-
3
2
  export declare const IndividualProductCardV2: (props: TIndividualProductCardV2View) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +1,6 @@
1
1
  import { ETypeBadge } from '../../components/TypeBadge';
2
2
  import { EIconName } from '../../components/Icon/constants';
3
3
  import { TAdvancedGalleryView } from '../../components/AdvancedGallery';
4
-
5
4
  export type TTypeBadge = 'senescence' | 'supplements' | 'outline' | 'energy' | 'metabolism' | 'labs';
6
5
  export type TProductFeature = {
7
6
  label: string;
@@ -1,3 +1,2 @@
1
1
  import { TIngredientHighlight } from './types';
2
-
3
2
  export declare const IngredientHighlight: ({ items }: TIngredientHighlight) => import("react/jsx-runtime").JSX.Element;
@@ -1,3 +1,2 @@
1
1
  import { TIngredient } from './types';
2
-
3
2
  export declare const Ingredient: ({ title, description, isOpen, index, onClick }: TIngredient) => import("react/jsx-runtime").JSX.Element;
@@ -1,3 +1,2 @@
1
1
  import { TLongevityPathways } from './types';
2
-
3
2
  export declare const LongevityPathways: ({ view, label, title, carousel }: TLongevityPathways) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +1,5 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { TAdvancedImageView } from '../../components/ComplexImageCarousel';
3
-
4
3
  export type TLongevityPathways = {
5
4
  view: 'simple' | 'complex';
6
5
  label: string;
@@ -1,6 +1,5 @@
1
- import { ReactNode } from 'react';
2
- import { TClockImages } from './types';
3
-
1
+ import type { ReactNode } from 'react';
2
+ import type { TClockImages } from './types';
4
3
  type OptimalHealthProps = {
5
4
  title: ReactNode;
6
5
  description: string;
@@ -1,5 +1,4 @@
1
- import { TClockImages } from '../../types';
2
-
1
+ import type { TClockImages } from '../../types';
3
2
  type ClockImagesProps = {
4
3
  images: TClockImages;
5
4
  };
@@ -1,7 +1,6 @@
1
- import { ReactNode } from 'react';
2
- import { TStepsCarouselView } from '../../components/StepsCarousel';
3
- import { TColorScheme } from '../../types/common';
4
-
1
+ import type { ReactNode } from 'react';
2
+ import { type TStepsCarouselView } from '../../components/StepsCarousel';
3
+ import type { TColorScheme } from '../../types/common';
5
4
  export type OurProcessProps = {
6
5
  title: ReactNode;
7
6
  label: string;
@@ -1,5 +1,4 @@
1
- import { TProductGalleryCardView } from '../../components/ProductGalleryCard';
2
-
1
+ import type { TProductGalleryCardView } from '../../components/ProductGalleryCard';
3
2
  type PairedProductsProps = {
4
3
  title: string;
5
4
  button: {