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

package/dist/modules/BasicImageText/BasicImageText.d.ts

@@ -1,5 +1,4 @@
-import { ReactNode } from 'react';
-
+import { type ReactNode } from 'react';
 export type BasicImageTextProps = {
     imagePosition: 'left' | 'right';
     title: ReactNode;

package/dist/modules/BasicImageText/BasicImageText.es.js

@@ -1,57 +1,59 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import a from "../../modules/BasicImageText/basicImageText.module.css";
-import { Typography as d } from "../../components/Typography/Typography.es.js";
-import { HighlightedTitle as y } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import { Button as N } from "../../components/Button/Button.es.js";
+import { jsx as i, jsxs as r } from "react/jsx-runtime";
+import e from "../../modules/BasicImageText/basicImageText.module.css";
+import { Typography as c } from "../../components/Typography/Typography.es.js";
+import { HighlightedTitle as N } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { Button as n } from "../../components/Button/Button.es.js";
 const v = {
   solar: "color-text-primary-brand-solar",
   indigo: "color-text-primary-brand-indigo",
   primary: "color-text-primary",
   inverted: "color-text-primary-inverted"
 }, M = ({
-  imagePosition: t,
-  title: c,
+  imagePosition: o,
+  title: t,
   description: s,
-  image: o,
-  button: i,
-  label: m,
-  labelColor: n,
-  mobileImage: p,
-  colorScheme: r,
-  buttonColor: g
+  image: h,
+  button: a,
+  label: d,
+  labelColor: p,
+  mobileImage: g,
+  colorScheme: l,
+  buttonColor: m
 }) => {
-  const h = n || (r === "dark" ? "inverted" : "primary");
-  return /* @__PURE__ */ e("section", { className: a.root, "data-color-scheme": r, children: /* @__PURE__ */ l("div", { className: a.container, "data-image-position": t, children: [
-    /* @__PURE__ */ l("div", { className: a.textContainer, children: [
-      m && /* @__PURE__ */ e(
-        d,
+  const y = p || (l === "dark" ? "inverted" : "primary");
+  return /* @__PURE__ */ i("section", { className: e.root, "data-color-scheme": l, children: /* @__PURE__ */ r("div", { className: e.container, "data-image-position": o, children: [
+    /* @__PURE__ */ r("div", { className: e.textContainer, children: [
+      d && /* @__PURE__ */ i(
+        c,
         {
           as: "p",
-          defaultVariant: "labelMd",
-          mobileVariant: "labelSm",
+          defaultVariant: "labelSm",
           emphasis: !0,
-          className: a.label,
-          color: v[h],
-          children: m
+          className: e.label,
+          color: v[y],
+          children: d
         }
       ),
-      /* @__PURE__ */ l("div", { className: a.titleContainer, children: [
-        /* @__PURE__ */ e(
-          y,
+      /* @__PURE__ */ r("div", { className: e.titleContainer, children: [
+        /* @__PURE__ */ i(
+          N,
           {
-            colorScheme: r === "dark" ? "dark" : "light",
-            className: a.title,
+            colorScheme: l === "dark" ? "dark" : "light",
+            className: e.title,
             defaultVariant: "displayMd",
             mobileVariant: "headingXl",
-            title: c
+            title: t
           }
         ),
-        /* @__PURE__ */ e("div", { className: a.mobileImageContainer, children: /* @__PURE__ */ e("img", { src: p, alt: "", className: a.mobileImage }) }),
-        s && /* @__PURE__ */ e(d, { className: a.description, defaultVariant: "bodyLg", mobileVariant: "bodyMd", children: s })
+        /* @__PURE__ */ i("div", { className: e.mobileImageContainer, children: /* @__PURE__ */ i("img", { src: g, alt: "", className: e.mobileImage }) }),
+        s && /* @__PURE__ */ i(c, { className: e.description, defaultVariant: "bodyLg", mobileVariant: "bodyMd", children: s })
       ] }),
-      (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" }) })
+      (a == null ? void 0 : a.link) && /* @__PURE__ */ r("div", { className: e.buttonContainer, children: [
+        /* @__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" }) }),
+        /* @__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" }) })
+      ] })
     ] }),
-    /* @__PURE__ */ e("div", { className: a.imageContainer, children: /* @__PURE__ */ e("img", { src: o, alt: "", className: a.image }) })
+    /* @__PURE__ */ i("div", { className: e.imageContainer, children: /* @__PURE__ */ i("img", { src: h, alt: "", className: e.image }) })
   ] }) });
 };
 export {

package/dist/modules/BasicImageText/basicImageText.module.css

@@ -18,7 +18,7 @@
     display: flex;
     width: 100%;
     max-width: var(--content-max-width);
-    padding: 64px 120px;
+    padding: 60px 120px;
     position: relative;
     align-items: center;
     gap: 96px;
@@ -39,10 +39,10 @@
 .titleContainer {
     display: flex;
     flex-direction: column;
-    gap: 16px;
+    gap: 8px;
 }
 
-.button {
+.buttonContainer {
     width: fit-content;
 }
 
@@ -62,31 +62,65 @@
     display: none;
 }
 
-@media (width <= 1200px) {
+.buttonMobile {
+    display: none;
+}
+
+@media (width <= 1240px) {
+    .container {
+        gap: 48px;
+    }
+}
+
+@media (width <= 1024px) {
+    .container {
+        padding: 60px 64px;
+        gap: 40px;
+    }
+
+    .title h2 {
+        font-size: var(--font-size-display-xs);
+    }
+
+    .description {
+        font-size: var(--font-size-body-md);
+    }
+}
+
+@media (width <= 820px) {
     .container {
-        padding: 64px 20px;
-        gap: 64px;
+        padding: 56px 48px;
+        gap: 36px;
+    }
+
+    .title h2 {
+        font-size: var(--font-size-heading-xl);
+        line-height: var(--line-height-sm);
+    }
+
+    .buttonDesktop {
+        display: none;
     }
 
-    .imageContainer {
-        max-width: 414px;
-        max-height: 414px;
+    .buttonMobile {
+        display: block;
     }
 }
 
-@media (width <= 960px) {
+@media (width <= 768px) {
     .container,
     .container[data-image-position='left'] {
         flex-direction: column;
         gap: 0px;
+        padding: 40px 20px;
     }
 
     .textContainer {
         gap: 32px;
     }
 
-    .button {
-        width: 100%;
+    .titleContainer {
+        gap: 24px;
     }
 
     .image {
@@ -105,22 +139,9 @@
         height: 100%;
         object-fit: cover;
     }
-}
-
-@media (width <= 768px) {
-    .container {
-        padding: 40px 20px;
-    }
-
-    .textContainer {
-        gap: 16px;
-    }
 
-    .titleContainer {
-        gap: 24px;
-    }
-
-    .button {
+    .buttonContainer {
+        width: 100%;
         margin-top: 16px;
     }
 }

package/dist/modules/Benefits/Benefits.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-
 type Props = {
     label: string;
     title: ReactNode;

package/dist/modules/CallToAction/CallToAction.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-
 export type CallToActionProps = {
     subtitle: ReactNode;
     titleTop: ReactNode;

package/dist/modules/Callback/Callback.d.ts

@@ -1,5 +1,4 @@
-import { CallbackSize, CallbackShape } from '../../components/Callback';
-
+import { type CallbackSize, type CallbackShape } from '../../components/Callback';
 export type CallbackModuleProps = {
     title: string;
     description: string;

package/dist/modules/Claims/Claims.d.ts

@@ -1,5 +1,4 @@
 import { ClaimBlockProps } from '../../components/ClaimBlock';
-
 export type ClaimsProps = {
     text?: string;
     button?: {

package/dist/modules/Compare/Compare.d.ts

@@ -1,3 +1,2 @@
 import { CompareView } from './types';
-
 export declare const Compare: ({ label, title, leftElement, rightElement }: CompareView) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/Compare/types.d.ts

@@ -1,6 +1,5 @@
-import { ReactNode } from 'react';
-import { PricingElementView } from '../../components/Pricing';
-
+import { type ReactNode } from 'react';
+import { type PricingElementView } from '../../components/Pricing';
 export type CompareView = {
     label?: string;
     title: ReactNode;

package/dist/modules/Comparison/Comparison.d.ts

@@ -1,6 +1,5 @@
-import { ReactNode } from 'react';
-import { ComparisonData } from './types';
-
+import type { ReactNode } from 'react';
+import type { ComparisonData } from './types';
 export type ComparisonProps = {
     title: ReactNode;
     comparison: ComparisonData;

package/dist/modules/Comparison/components/ComparisonMobileView/ComparisonMobileView.d.ts

@@ -1,5 +1,4 @@
-import { ComparisonData } from '../../types';
-
+import type { ComparisonData } from '../../types';
 type ComparisonMobileViewProps = {
     comparison: ComparisonData;
     className?: string;

package/dist/modules/ComparisonV2/ComparisonV2.d.ts

@@ -1,6 +1,5 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 import { ComparisonV2Column } from './types';
-
 export type ComparisonV2Props = {
     title: ReactNode;
     description?: string;

package/dist/modules/ComparisonV2/comparisonV2.module.css

@@ -14,7 +14,7 @@
     justify-content: center;
     align-items: center;
     flex-direction: column;
-    gap: var(--spacing-64, 64px);
+    gap: 48px;
     padding: 5vw;
 }
 
@@ -26,7 +26,7 @@
     gap: var(--spacing-20);
     text-align: center;
     width: 100%;
-    max-width: 670px;
+    max-width: 940px;
 }
 
 .description {
@@ -162,6 +162,21 @@
     display: none;
 }
 
+@media (width <= 1024px) {
+    .header {
+        gap: 16px;
+    }
+    .header h2 {
+        font-size: var(--font-size-display-sm);
+    }
+}
+
+@media (width <= 820px) {
+    .header h2 {
+        font-size: var(--font-size-display-xs);
+    }
+}
+
 @media (min-width: 769px) {
     .hideMobile {
         display: block;

package/dist/modules/ContentHighlight/ContentHighlight.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
-
+import React from 'react';
 export type ContentHighlightProps = {
     label?: string;
     title: React.ReactNode;

package/dist/modules/Curiosity/Curiosity.d.ts

@@ -1,6 +1,5 @@
 import { CompressedStudyCardProps } from '../../components/StudyGridCard/StudyGridCard';
 import { EAnalyticsEvent } from '../../types/analytics';
-
 type Props = {
     title: React.ReactNode;
     description?: string;

package/dist/modules/CursorImageBlock/CursorImageBlock.d.ts

@@ -1,3 +1,2 @@
-import { TCursorImageBlockProps } from './types';
-
+import type { TCursorImageBlockProps } from './types';
 export declare const CursorImageBlock: ({ title, description, cursorLabel, link, image }: TCursorImageBlockProps) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/ExpandingDetails/ExpandingDetails.d.ts

@@ -1,3 +1,2 @@
 import { ExpandingDetailsProps } from './types';
-
 export declare const ExpandingDetails: ({ colorScheme, label, title, sections }: ExpandingDetailsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/ExpandingDetails/types.d.ts

@@ -1,6 +1,5 @@
 import { ReactNode } from 'react';
 import { TColorScheme } from '../../types/common';
-
 export type ExpandingDetailsProps = {
     colorScheme: TColorScheme;
     label?: string;

package/dist/modules/FAQModule/FAQModule.d.ts

@@ -1,3 +1,2 @@
 import { TFaqView } from './types';
-
 export declare const FAQModule: ({ title, questions }: TFaqView) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/FAQModule/types.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-
 export type TFaqItemView = {
     title: string;
     content: ReactNode;

package/dist/modules/FeaturesGallery/FeaturesGallery.d.ts

@@ -1,6 +1,5 @@
-import { ReactNode } from 'react';
-import { TFeature } from './types';
-
+import type { ReactNode } from 'react';
+import type { TFeature } from './types';
 type Props = {
     title: ReactNode;
     features: ReadonlyArray<TFeature>;

package/dist/modules/FeaturesGallery/components/FeatureGrid/FeatureGrid.d.ts

@@ -1,5 +1,4 @@
-import { TFeature } from '../../types';
-
+import type { TFeature } from '../../types';
 type Props = {
     feature: TFeature;
     type: 'primary' | 'secondary';

package/dist/modules/FollowTheScience/FollowTheScience.d.ts

@@ -1,4 +1,3 @@
-
 export type TargetedProgramsProps = {
     labelText: string;
     benefits: Array<{

package/dist/modules/HSModal/HSModal.d.ts

@@ -1,4 +1,3 @@
 import { TMailchimpModal } from './types';
-
 export type HSModalProps = TMailchimpModal;
 export declare const HSModal: (props: HSModalProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/modules/HSModal/components/MailchimpModal/MailchimpModal.d.ts

@@ -1,3 +1,2 @@
 import { TMailchimpModal } from '../../types';
-
 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;

package/dist/modules/HSModal/components/MailchimpModal/components/Newsletter/Newsletter.d.ts

@@ -1,5 +1,4 @@
 import { EAnalyticsEvent } from '../../../../../../types/analytics';
-
 export declare const Newsletter: ({ buttonText, colorScheme, onCloseCallback, cancelButtonText, tags, onClickCallback, placeholder, trackingEvent, trackingLocation, }: {
     buttonText: string;
     colorScheme: "light" | "dark";

package/dist/modules/HSModal/types.d.ts

@@ -1,5 +1,4 @@
 import { EAnalyticsEvent } from '../../types/analytics';
-
 type TimerTrigger = {
     type: 'timer';
     delay: number;

package/dist/modules/HSModal/useHSModal.cjs.js

@@ -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;
+"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;

package/dist/modules/HSModal/useHSModal.es.js

@@ -1,5 +1,5 @@
 import { useState as E, useCallback as c, useEffect as f } from "react";
-const h = 7 * 24 * 60 * 60 * 1e3, l = "healthspanClosedModalList", M = () => {
+const h = 10080 * 60 * 1e3, l = "healthspanClosedModalList", M = () => {
   try {
     return JSON.parse(localStorage.getItem(l) || "{}");
   } catch {

package/dist/modules/HighestStandards/HighestStandards.d.ts

@@ -1,3 +1,2 @@
 import { THighestStandards } from './types';
-
 export declare const HighestStandards: ({ title, description, image, background, accordionItems }: THighestStandards) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/HighestStandards/components/TabsMenu/TabsMenu.d.ts

@@ -1,3 +1,2 @@
 import { TTabsMenu } from './types';
-
 export declare const TabsMenu: ({ items }: TTabsMenu) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/HighestStandards/components/TabsMenu/components/TabsMenutem/TabsMenuItem.d.ts

@@ -1,3 +1,2 @@
 import { TTabsMenuItem } from './types';
-
 export declare const TabsMenuItem: ({ title, content, isOpen, index, onClick }: TTabsMenuItem) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/HighestStandards/components/TabsMenu/components/TabsMenutem/types.d.ts

@@ -1,5 +1,4 @@
-import { ReactNode } from 'react';
-
+import type { ReactNode } from 'react';
 export type TTabsMenuItem = {
     title: string;
     content: ReactNode;

package/dist/modules/HighestStandards/types.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-
 export type THighestStandards = {
     title: ReactNode;
     description: string;

package/dist/modules/Highlight/Highlight.d.ts

@@ -1,5 +1,4 @@
-import { HighlightCardProps } from '../../components/HighlightCard';
-
+import type { HighlightCardProps } from '../../components/HighlightCard';
 export type HighlightProps = {
     title?: string;
     subtitle?: string;

package/dist/modules/HowItWorks/components/Content/Content.d.ts

@@ -1,5 +1,4 @@
 import { BaseSwiperReturnProps } from '../../../../lib/useSwiper';
-
 type ContentProps = {
     items: Array<{
         title: string;

package/dist/modules/ImageWithBenefits/ImageWithBenefits.d.ts

@@ -1,6 +1,5 @@
 import { ETypeBadge } from '../../components/TypeBadge';
 import { TButtonWithColors } from '../ImageWithText/types';
-
 type TColor = 'black' | 'white' | 'solar' | 'indigo';
 export type ImageWithBenefitsProps = {
     image: string;

package/dist/modules/ImageWithText/ImageWithText.d.ts

@@ -1,3 +1,2 @@
 import { TImageWithTextProps } from './types';
-
 export declare const ImageWithText: ({ image, text, title, view, colorScheme, textColor, mobileTextColor, titleColor, mobileTitleColor, titleHighlightColor, mobileTitleHighlightColor, mobileImage, button, }: TImageWithTextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/ImageWithText/components/ButtonWithColors/ButtonWithColors.d.ts

@@ -1,3 +1,2 @@
 import { TButtonWithColors } from '../../types';
-
 export declare const ButtonWithColors: (button: TButtonWithColors) => import("react/jsx-runtime").JSX.Element | null;

package/dist/modules/ImageWithText/types.d.ts

@@ -1,7 +1,6 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 import { TColorScheme } from '../../types/common';
 import { ButtonVariant } from '../../components/Button/Button';
-
 export type TImageWithTextView = 'plain' | 'complex' | 'plain_with_title';
 export type TButtonWithColors = {
     label?: string;

package/dist/modules/IndividualProductCard/IndividualProductCard.d.ts

@@ -1,10 +1,9 @@
-import { ButtonProps } from '../../components/Button';
-import { TextButtonProps } from '../../components/TextButton';
+import { type ButtonProps } from '../../components/Button';
+import { type TextButtonProps } from '../../components/TextButton';
 import { TProductFeature, TProductPlan } from './types';
 import { EAnalyticsEvent } from '../../types/analytics';
 import { QuoteProps } from '../../components/Quote';
 import { TPlainFeaturesGroupProps } from '../../components/PlainFeaturesGroup/PlainFeaturesGroup';
-
 type IndividualProductCardProps = {
     zenpatientId: string;
     name: string;

package/dist/modules/IndividualProductCard/components/PlanCard/PlanCard.d.ts

@@ -1,5 +1,4 @@
-import { TProductPlan } from '../../types';
-
+import { type TProductPlan } from '../../types';
 type PlanCardProps = {
     plan: TProductPlan;
     onSelect: (planId: TProductPlan['id']) => void;

package/dist/modules/IndividualProductCard/types.d.ts

@@ -1,6 +1,5 @@
-import { LabelColor } from '../../components/Label';
-import { TProductFeature as TFeaturesListProductFeature } from '../../components/FeaturesList';
-
+import type { LabelColor } from '../../components/Label';
+import type { TProductFeature as TFeaturesListProductFeature } from '../../components/FeaturesList';
 export type TProductFeature = TFeaturesListProductFeature;
 export type TProductPlan = {
     id: string;

package/dist/modules/IndividualProductCardV2/IndividualProductCardV2.d.ts

@@ -1,3 +1,2 @@
 import { TIndividualProductCardV2View } from './types';
-
 export declare const IndividualProductCardV2: (props: TIndividualProductCardV2View) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/IndividualProductCardV2/types.d.ts

@@ -1,7 +1,6 @@
 import { ETypeBadge } from '../../components/TypeBadge';
 import { EIconName } from '../../components/Icon/constants';
 import { TAdvancedGalleryView } from '../../components/AdvancedGallery';
-
 export type TTypeBadge = 'senescence' | 'supplements' | 'outline' | 'energy' | 'metabolism' | 'labs';
 export type TProductFeature = {
     label: string;

package/dist/modules/IngredientHighlight/IngredientHighlight.d.ts

@@ -1,3 +1,2 @@
 import { TIngredientHighlight } from './types';
-
 export declare const IngredientHighlight: ({ items }: TIngredientHighlight) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/IngredientHighlight/components/Ingredient/Ingredient.d.ts

@@ -1,3 +1,2 @@
 import { TIngredient } from './types';
-
 export declare const Ingredient: ({ title, description, isOpen, index, onClick }: TIngredient) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/LongevityPathways/LongevityPathways.d.ts

@@ -1,3 +1,2 @@
 import { TLongevityPathways } from './types';
-
 export declare const LongevityPathways: ({ view, label, title, carousel }: TLongevityPathways) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/LongevityPathways/types.d.ts

@@ -1,6 +1,5 @@
 import { ReactNode } from 'react';
 import { TAdvancedImageView } from '../../components/ComplexImageCarousel';
-
 export type TLongevityPathways = {
     view: 'simple' | 'complex';
     label: string;

package/dist/modules/OptimalHealth/OptimalHealth.d.ts

@@ -1,6 +1,5 @@
-import { ReactNode } from 'react';
-import { TClockImages } from './types';
-
+import type { ReactNode } from 'react';
+import type { TClockImages } from './types';
 type OptimalHealthProps = {
     title: ReactNode;
     description: string;

package/dist/modules/OptimalHealth/components/ClockImages/ClockImages.d.ts

@@ -1,5 +1,4 @@
-import { TClockImages } from '../../types';
-
+import type { TClockImages } from '../../types';
 type ClockImagesProps = {
     images: TClockImages;
 };

package/dist/modules/OurProcess/OurProcess.d.ts

@@ -1,7 +1,6 @@
-import { ReactNode } from 'react';
-import { TStepsCarouselView } from '../../components/StepsCarousel';
-import { TColorScheme } from '../../types/common';
-
+import type { ReactNode } from 'react';
+import { type TStepsCarouselView } from '../../components/StepsCarousel';
+import type { TColorScheme } from '../../types/common';
 export type OurProcessProps = {
     title: ReactNode;
     label: string;