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

package/dist/components/Accordion/Accordion.d.ts

@@ -1,5 +1,6 @@
-import React from 'react';
+import { default as React } from 'react';
 import { EIconName } from '../Icon';
+
 type TAccordionItem = {
     title: string;
     content: React.ReactNode;

package/dist/components/Accordion/components/AccordionItem/AccordionItem.d.ts

@@ -1,5 +1,6 @@
-import React from 'react';
+import { default as React } from 'react';
 import { EIconName } from '../../../Icon';
+
 type Props = {
     title: string;
     content: React.ReactNode;

package/dist/components/AdvancedGallery/AdvancedGallery.d.ts

@@ -1,4 +1,5 @@
 import { TAdvancedGalleryView } from './types';
+
 export type AdvancedGalleryProps = TAdvancedGalleryView & {
     label?: string;
     className?: string;

package/dist/components/AdvancedGallery/components/ImageGalleryPagination/ImageGalleryPagination.d.ts

@@ -1,5 +1,6 @@
-import React from 'react';
+import { default as React } from 'react';
 import { TAdvancedGalleryView } from '../../types';
+
 type ImageGalleryPaginationProps = TAdvancedGalleryView & {
     activeIndex: number;
     className?: string;

package/dist/components/AdvancedGallery/components/VideoSlide/VideoSlide.d.ts

@@ -1,4 +1,5 @@
 import { TAdvancedGalleryItemView } from '../../types';
+
 type VideoSlideProps = {
     item: TAdvancedGalleryItemView & {
         mediaType: 'video';

package/dist/components/AnchorLinks/AnchorLinks.d.ts

@@ -1,2 +1,3 @@
 import { TAnchorLinksProps } from './types';
+
 export declare const AnchorLinks: ({ links, activeId, onClick }: TAnchorLinksProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/AnchorLinks/types.d.ts

@@ -1,4 +1,5 @@
 import { TypographyVariant } from '../Typography';
+
 export declare enum EAnchorLinksTypes {
     ENERGY = "energy",
     SENESCENCE = "senescence",

package/dist/components/Benefit/Benefit.d.ts

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

package/dist/components/Button/Button.d.ts

@@ -1,6 +1,7 @@
-import React, { type ElementType, type ButtonHTMLAttributes, type AnchorHTMLAttributes } from 'react';
-import { type EIconName } from '../Icon';
+import { default as React, ElementType, ButtonHTMLAttributes, AnchorHTMLAttributes } from 'react';
+import { EIconName } from '../Icon';
 import { TAnalyticsEvent } from '../../types/analytics';
+
 export type ButtonVariant = 'primary' | 'primary-invert' | 'secondary' | 'tertiary' | 'muted' | 'muted-invert' | 'ghost';
 type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
 interface BaseButtonProps {

package/dist/components/Callback/Callback.d.ts

@@ -1,5 +1,6 @@
-import { type ButtonProps } from '../Button';
-import type { CallbackShape, CallbackSize } from './types';
+import { ButtonProps } from '../Button';
+import { CallbackShape, CallbackSize } from './types';
+
 export type CallbackProps = {
     image: string;
     title: string;

package/dist/components/Callback/constants.d.ts

@@ -1,5 +1,6 @@
-import type { TypographyVariant } from '../Typography';
-import type { CallbackSize } from './types';
+import { TypographyVariant } from '../Typography';
+import { CallbackSize } from './types';
+
 export declare const TITLE_BY_SIZE_DESKTOP: Record<CallbackSize, TypographyVariant>;
 export declare const DESC_BY_SIZE_DESKTOP: Record<CallbackSize, TypographyVariant>;
 export declare const PRICE_BY_SIZE_DESKTOP: Record<CallbackSize, TypographyVariant>;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,4 +1,5 @@
 import { InputHTMLAttributes } from 'react';
+
 export type TCheckboxSize = 'sm' | 'lg';
 export type TCheckboxVariant = 'default' | 'undetermined';
 export interface IBaseCheckboxProps {

package/dist/components/ClaimBlock/ClaimBlock.d.ts

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

package/dist/components/ComplexImageCarousel/ComplexCarousel/ComplexCarousel.d.ts

@@ -1,4 +1,5 @@
 import { TComplexImageCarouselView } from '../types';
+
 export declare const ComplexCarousel: ({ images }: {
     images: TComplexImageCarouselView["images"];
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ComplexImageCarousel/ComplexImageCarousel.d.ts

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

package/dist/components/ComplexImageCarousel/SimpleImageCarousel/SimpleImageCarousel.d.ts

@@ -1,4 +1,5 @@
 import { TComplexImageCarouselView } from '../types';
+
 export declare const SimpleImageCarousel: ({ images }: {
     images: TComplexImageCarouselView["images"];
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ComplexImageCarousel/useComplexImageCarousel.d.ts

@@ -1,4 +1,5 @@
 import { TAdvancedImageView } from './types';
+
 export declare const useComplexImageCarousel: ({ images }: {
     images: TAdvancedImageView[];
 }) => {

package/dist/components/ComplexTooltip/ComplexTooltip.d.ts

@@ -1,6 +1,7 @@
-import { type ReactElement } from 'react';
-import { type PopoverPosition, type PositionTransform } from 'react-tiny-popover';
-import type { CommonComplexTooltipProps } from './types';
+import { ReactElement } from 'react';
+import { PopoverPosition, PositionTransform } from 'react-tiny-popover';
+import { CommonComplexTooltipProps } from './types';
+
 type ComplexTooltipProps = {
     children: ReactElement;
     trigger: 'hover' | 'click';

package/dist/components/ComplexTooltip/components/ComplexTooltipContent/ComplexTooltipContent.d.ts

@@ -1,4 +1,5 @@
-import type { CommonComplexTooltipProps } from '../../types';
+import { CommonComplexTooltipProps } from '../../types';
+
 type ComplexTooltipContentProps = {
     className?: string;
     onMouseEnter?: () => void;

package/dist/components/ComplexTooltip/types.d.ts

@@ -1,4 +1,5 @@
-import type { TColorScheme } from '../../types/common';
+import { TColorScheme } from '../../types/common';
+
 export type CommonComplexTooltipProps = {
     title: string;
     description: string;

package/dist/components/ContentTabs/ContentTabs.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
-import { type EIconName } from '../Icon';
-import type { TColorScheme } from '../../types/common';
+import { EIconName } from '../Icon';
+import { TColorScheme } from '../../types/common';
+
 export type TContentTab = {
     label: string;
     description: ReactNode;

package/dist/components/Cursor/Cursor.d.ts

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

package/dist/components/Cursor/components/ClientCursor.d.ts

@@ -1,2 +1,3 @@
-import type { CursorProps } from '../Cursor';
+import { CursorProps } from '../Cursor';
+
 export declare function ClientCursor({ children, label, colorScheme }: CursorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Cursor/components/ServerCursor.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 export declare const ServerCursor: ({ children }: {
     children: React.ReactNode;
 }) => React.ReactNode;

package/dist/components/FAQComponent/FAQComponent.d.ts

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

package/dist/components/FAQComponent/types.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+
 export type TFAQComponent = {
     items: Array<{
         title: string;

package/dist/components/FAQComponentItem/FAQComponentItem.d.ts

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

package/dist/components/FAQComponentItem/types.d.ts

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

package/dist/components/FeaturesList/FeaturesList.d.ts

@@ -1,4 +1,5 @@
-import { type TProductFeature } from './types';
+import { TProductFeature } from './types';
+
 type FeaturesProps = {
     features: Array<TProductFeature>;
 };

package/dist/components/FeaturesList/types.d.ts

@@ -1,4 +1,5 @@
-import type { ETypeBadge } from '../TypeBadge';
+import { ETypeBadge } from '../TypeBadge';
+
 export type TProductFeature = {
     label: string;
     labelSuperscript?: number;

package/dist/components/FilterError/FilterError.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+
 export type TFilterError = {
     text: ReactNode;
     onClearAllFilters: () => void;

package/dist/components/FilterMenu/FilterMenu.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 type TOption<T extends string | number> = {
     label: string;
     value: T;

package/dist/components/HighlightCard/HighlightCard.d.ts

@@ -1,4 +1,5 @@
-import type { TColorScheme } from '../../types/common';
+import { TColorScheme } from '../../types/common';
+
 export type HighlightCardProps = {
     image: string;
     eyebrow?: string;

package/dist/components/HighlightedTitle/HighlightedTitle.d.ts

@@ -1,6 +1,7 @@
-import type { ReactNode } from 'react';
-import { type TypographyProps } from '../Typography';
-import type { TColorScheme } from '../../types/common';
+import { ReactNode } from 'react';
+import { TypographyProps } from '../Typography';
+import { TColorScheme } from '../../types/common';
+
 type Props = {
     title: ReactNode;
     label?: string;

package/dist/components/Icon/Icon.d.ts

@@ -1,4 +1,5 @@
 import { EIconName } from './constants';
+
 type Props = {
     name: EIconName;
     className?: string;

package/dist/components/Icon/iconsMap.d.ts

@@ -1,3 +1,4 @@
 import { EIconName } from './constants';
 import { ComponentType } from 'react';
+
 export declare const ICON_COMPONENTS: Record<EIconName, ComponentType<any>>;

package/dist/components/IconBracket/IconBracket.d.ts

@@ -1,2 +1,3 @@
 import { TIconBracketProps } from './types';
+
 export declare const IconBracket: ({ colorScheme, size, variant }: TIconBracketProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/IconBracket/types.d.ts

@@ -1,4 +1,5 @@
 import { TColorScheme } from '../../types/common';
+
 export type TIconBracketSize = 'sm' | 'md' | 'lg';
 export type TIconBracketVariant = 'close' | 'plus' | 'arrow' | 'dot';
 export type TIconBracketProps = {

package/dist/components/IconButton/IconButton.d.ts

@@ -1,5 +1,6 @@
-import { type AnchorHTMLAttributes, type ButtonHTMLAttributes, type ElementType } from 'react';
-import { type EIconName } from '../Icon';
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType } from 'react';
+import { EIconName } from '../Icon';
+
 type ButtonVariant = 'emphasis' | 'emphasis-invert' | 'muted' | 'muted-invert' | 'ghost';
 type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
 interface BaseButtonProps {

package/dist/components/ImageGallery/ImageGallery.d.ts

@@ -1,3 +1,4 @@
+
 export type ImageGalleryProps = {
     images: Array<string>;
     label?: string;

package/dist/components/ImageGallery/components/ImageGalleryPagination/ImageGalleryPagination.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 type ImageGalleryPaginationProps = {
     images: string[];
     activeIndex: number;

package/dist/components/ImageGallery/imageGallery.module.css

@@ -14,7 +14,8 @@
 }
 
 .secondary {
-    padding: 10px 0 5px;
+    padding-bottom: 5px;
+    overflow: hidden;
     background-color: var(--color-bg-base-light);
 }
 
@@ -44,7 +45,7 @@
 }
 
 .secondary .imageWrapper {
-    aspect-ratio: 1 / 0.8;
+    aspect-ratio: initial;
 }
 
 .image {

package/dist/components/InfiniteScroll/InfiniteScroll.d.ts

@@ -1,4 +1,5 @@
-import { type ReactElement, type ReactNode, type Ref } from 'react';
+import { ReactElement, ReactNode, Ref } from 'react';
+
 export type InfiniteScrollHandle = {
     scrollLeft: () => void;
     scrollRight: () => void;

package/dist/components/Label/Label.d.ts

@@ -1,2 +1,3 @@
-import type { LabelProps } from './types';
+import { LabelProps } from './types';
+
 export declare const Label: ({ children, color, size, className }: LabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/PlainFeaturesGroup/PlainFeaturesGroup.d.ts

@@ -1,5 +1,6 @@
 import { TPlainFeaturesGroupView } from '../../modules/IndividualProductCardV2/types';
 import { EIconName } from '../Icon';
+
 export type TPlainFeaturesGroupProps = {
     items: Array<{
         icon: EIconName;

package/dist/components/PlayButton/PlayButton.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 type PlayButtonProps = {
     inverted?: boolean;
     onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;

package/dist/components/PriceDisplay/PriceDisplay.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 export type PriceDisplayProps = {
     description: string;
     prefix?: string;

package/dist/components/Pricing/Pricing.d.ts

@@ -1,2 +1,3 @@
 import { PricingElementView } from './types';
+
 export declare const Pricing: ({ label, price, items, link, button, zenpatientId, element }: PricingElementView) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Pricing/components/BenefitItem/BenefitItem.d.ts

@@ -1,4 +1,5 @@
-import { type ETypeBadge } from '../../../TypeBadge';
+import { ETypeBadge } from '../../../TypeBadge';
+
 type Props = {
     badge: ETypeBadge;
     label: string;

package/dist/components/Pricing/types.d.ts

@@ -1,6 +1,7 @@
-import { type ButtonProps } from '../Button';
-import { type LabelColor } from '../Label';
-import { type ETypeBadge } from '../TypeBadge';
+import { ButtonProps } from '../Button';
+import { LabelColor } from '../Label';
+import { ETypeBadge } from '../TypeBadge';
+
 export type PricingElementView = {
     zenpatientId: string;
     label: {

package/dist/components/ProductGallery/ProductGallery.d.ts

@@ -1,5 +1,6 @@
-import { type ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { TProductGalleryCardView } from '../ProductGalleryCard';
+
 export type TProductGalleryProps = {
     header: ReactNode;
     slides: Array<TProductGalleryCardView>;

package/dist/components/ProductGalleryCard/ProductGalleryCard.d.ts

@@ -1,4 +1,5 @@
-import type { TProductGalleryCardView } from './types';
+import { TProductGalleryCardView } from './types';
+
 type ProductGalleryCardProps = {
     isHoverable?: boolean;
 } & TProductGalleryCardView;

package/dist/components/ProductGalleryCard/types.d.ts

@@ -1,4 +1,5 @@
-import type { ButtonProps } from '../Button';
+import { ButtonProps } from '../Button';
+
 export type TProductGalleryCardView = {
     name: string;
     price: string;

package/dist/components/ProductListing/ProductListing.d.ts

@@ -1,5 +1,6 @@
-import { type ButtonProps } from '../Button';
-import { type ETypeBadge } from '../TypeBadge';
+import { ButtonProps } from '../Button';
+import { ETypeBadge } from '../TypeBadge';
+
 type ProductListingProps = {
     name: string;
     description: string;

package/dist/components/ProductPairs/ProductPairs.d.ts

@@ -1,4 +1,5 @@
 import { TProductGalleryCardView } from '../ProductGalleryCard';
+
 type ProductPairsProps = {
     productCards: Array<TProductGalleryCardView>;
 };

package/dist/components/ProgressButton/ProgressButton.d.ts

@@ -1,5 +1,6 @@
-import React, { ButtonHTMLAttributes } from 'react';
-import type { TOrientation } from './types';
+import { default as React, ButtonHTMLAttributes } from 'react';
+import { TOrientation } from './types';
+
 export type PropgressButtonBaseProps = {
     orientation: TOrientation;
     disabled?: boolean;

package/dist/components/Quote/Quote.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 export type QuoteProps = {
     color: 'indigo' | 'ochre' | 'grey' | 'solar';
     quote: string;

package/dist/components/SmartCallout/SmartCallout.d.ts

@@ -1,4 +1,5 @@
 import { EIconName } from '../Icon';
+
 type SmartCalloutBase = {
     label: string;
     icon?: EIconName;

package/dist/components/StepsCarousel/StepsCarousel.d.ts

@@ -1,4 +1,5 @@
-import type { TColorScheme } from '../../types/common';
+import { TColorScheme } from '../../types/common';
+
 export type TStepsCarouselView = Array<{
     name?: string;
     title: string;

package/dist/components/StudyGridCard/StudyGridCard.d.ts

@@ -1,5 +1,6 @@
-import { type LabelProps } from '../Label';
+import { LabelProps } from '../Label';
 import { EAnalyticsEvent } from '../../types/analytics';
+
 export type CompressedStudyCardProps = {
     compressed: true;
     title: string;

package/dist/components/Tabs/Tabs.d.ts

@@ -1,5 +1,6 @@
-import { type ForwardedRef, type ReactElement } from 'react';
+import { ForwardedRef, ReactElement } from 'react';
 import { TTabs } from './types';
+
 export declare const Tabs: <T extends string | number>(props: TTabs<T> & {
     ref?: ForwardedRef<HTMLDivElement>;
 }) => ReactElement;

package/dist/components/Tabs/TabsWithFade.d.ts

@@ -1,2 +1,3 @@
 import { TTabs } from './types';
+
 export declare function TabsWithFade<T extends string>(tabsProps: TTabs<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Tabs/types.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
-import { type EIconName } from '../Icon';
+import { EIconName } from '../Icon';
+
 export type TTab<T extends string | number> = {
     value: T;
     label: ReactNode;

package/dist/components/Tag/Tag.d.ts

@@ -1,5 +1,6 @@
-import type { ReactNode } from 'react';
-import { type EIconName } from '../Icon';
+import { ReactNode } from 'react';
+import { EIconName } from '../Icon';
+
 type Props = {
     children: ReactNode;
     value?: string;

package/dist/components/TextButton/TextButton.d.ts

@@ -1,5 +1,6 @@
-import { type AnchorHTMLAttributes, type ButtonHTMLAttributes, type ElementType } from 'react';
-import { type EIconName } from '../Icon';
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType } from 'react';
+import { EIconName } from '../Icon';
+
 type Size = 'sm' | 'lg';
 type BaseButtonProps = {
     inverted?: boolean;

package/dist/components/TextInput/TextInput.d.ts

@@ -1,4 +1,5 @@
 import { ChangeEvent, KeyboardEvent } from 'react';
+
 export type TTextInputProps = {
     placeholder?: string;
     variant?: 'primary' | 'primary-invert';

package/dist/components/Typography/Typography.d.ts

@@ -1,5 +1,5 @@
-import type React from 'react';
-import type { ElementType } from 'react';
+import { default as React, ElementType } from 'react';
+
 export type TypographyVariant = 'displayXl' | 'displayLg' | 'displayMd' | 'displaySm' | 'displayXs' | 'headingXl' | 'headingLg' | 'headingMd' | 'headingSm' | 'headingXs' | 'headingXxs' | 'preambleLg' | 'preambleMd' | 'preambleSm' | 'bodyXl' | 'bodyLg' | 'bodyMd' | 'bodySm' | 'bodyXs' | 'linkLg' | 'linkMd' | 'linkSm' | 'linkXs' | 'labelXl' | 'labelLg' | 'labelMd' | 'labelSm' | 'labelXs' | 'labelXxs' | 'profileXl' | 'profileLg' | 'profileMd' | 'profileSm';
 type FontWeight = 'regular' | 'medium';
 export interface TypographyProps {

package/dist/lib/useSwiper.d.ts

@@ -1,5 +1,6 @@
-import React from 'react';
-import type { Swiper as SwiperType } from 'swiper';
+import { default as React } from 'react';
+import { Swiper as SwiperType } from 'swiper';
+
 export type BaseSwiperReturnProps = {
     swiper: SwiperType | null;
     setSwiper: React.Dispatch<React.SetStateAction<SwiperType | null>>;

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

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

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

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

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

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

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

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

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

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

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

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