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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,3 +1,2 @@
 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,5 +1,4 @@
 import { TypographyVariant } from '../Typography';
-
 export declare enum EAnchorLinksTypes {
     ENERGY = "energy",
     SENESCENCE = "senescence",

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

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

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

@@ -1,7 +1,6 @@
-import { default as React, ElementType, ButtonHTMLAttributes, AnchorHTMLAttributes } from 'react';
-import { EIconName } from '../Icon';
+import React, { type ElementType, type ButtonHTMLAttributes, type AnchorHTMLAttributes } from 'react';
+import { type 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,6 +1,5 @@
-import { ButtonProps } from '../Button';
-import { CallbackShape, CallbackSize } from './types';
-
+import { type ButtonProps } from '../Button';
+import type { CallbackShape, CallbackSize } from './types';
 export type CallbackProps = {
     image: string;
     title: string;

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

@@ -1,6 +1,5 @@
-import { TypographyVariant } from '../Typography';
-import { CallbackSize } from './types';
-
+import type { TypographyVariant } from '../Typography';
+import type { 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,5 +1,4 @@
 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,5 +1,4 @@
-import { default as React } from 'react';
-
+import React from 'react';
 export type ClaimBlockProps = {
     value: React.ReactNode;
     valuePrefix?: string;

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

@@ -1,5 +1,4 @@
 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,3 +1,2 @@
 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,5 +1,4 @@
 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,5 +1,4 @@
 import { TAdvancedImageView } from './types';
-
 export declare const useComplexImageCarousel: ({ images }: {
     images: TAdvancedImageView[];
 }) => {

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

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

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

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

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

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

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

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

package/dist/components/ContentTabs/contentTabs.module.css

@@ -25,6 +25,7 @@
     box-shadow: none;
     cursor: pointer;
     transition: background-color 0.3s ease;
+    text-align: left;
 }
 
 .light .tab {

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

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

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

@@ -1,3 +1,2 @@
-import { CursorProps } from '../Cursor';
-
+import type { 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,5 +1,4 @@
-import { default as React } from 'react';
-
+import React from 'react';
 export declare const ServerCursor: ({ children }: {
     children: React.ReactNode;
 }) => React.ReactNode;

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

@@ -1,3 +1,2 @@
 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,5 +1,4 @@
 import { ReactNode } from 'react';
-
 export type TFAQComponent = {
     items: Array<{
         title: string;

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

@@ -1,3 +1,2 @@
 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,5 +1,4 @@
-import { ReactNode } from 'react';
-
+import type { ReactNode } from 'react';
 export type TFAQComponentItem = {
     title: string;
     content: ReactNode;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,3 @@
 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,3 +1,2 @@
 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,5 +1,4 @@
 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,6 +1,5 @@
-import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType } from 'react';
-import { EIconName } from '../Icon';
-
+import { type AnchorHTMLAttributes, type ButtonHTMLAttributes, type ElementType } from 'react';
+import { type 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,4 +1,3 @@
-
 export type ImageGalleryProps = {
     images: Array<string>;
     label?: string;

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

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

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

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

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

@@ -1,3 +1,2 @@
-import { LabelProps } from './types';
-
+import type { 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,6 +1,5 @@
 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,5 +1,4 @@
-import { default as React } from 'react';
-
+import React from 'react';
 type PlayButtonProps = {
     inverted?: boolean;
     onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;

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

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

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

@@ -1,3 +1,2 @@
 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,5 +1,4 @@
-import { ETypeBadge } from '../../../TypeBadge';
-
+import { type ETypeBadge } from '../../../TypeBadge';
 type Props = {
     badge: ETypeBadge;
     label: string;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/modules/BasicImageText/BasicImageText.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../src/modules/BasicImageText/basicImageText.module.css"),t=require("../../components/Typography/Typography.cjs.js"),p=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),x=require("../../components/Button/Button.cjs.js"),y={solar:"color-text-primary-brand-solar",indigo:"color-text-primary-brand-indigo",primary:"color-text-primary",inverted:"color-text-primary-inverted"},j=({imagePosition:n,title:c,description:s,image:d,button:i,label:l,labelColor:o,mobileImage:m,colorScheme:r,buttonColor:g})=>{const h=o||(r==="dark"?"inverted":"primary");return e.jsx("section",{className:a.root,"data-color-scheme":r,children:e.jsxs("div",{className:a.container,"data-image-position":n,children:[e.jsxs("div",{className:a.textContainer,children:[l&&e.jsx(t.Typography,{as:"p",defaultVariant:"labelMd",mobileVariant:"labelSm",emphasis:!0,className:a.label,color:y[h],children:l}),e.jsxs("div",{className:a.titleContainer,children:[e.jsx(p.HighlightedTitle,{colorScheme:r==="dark"?"dark":"light",className:a.title,defaultVariant:"displayMd",mobileVariant:"headingXl",title:c}),e.jsx("div",{className:a.mobileImageContainer,children:e.jsx("img",{src:m,alt:"",className:a.mobileImage})}),s&&e.jsx(t.Typography,{className:a.description,defaultVariant:"bodyLg",mobileVariant:"bodyMd",children:s})]}),(i==null?void 0:i.link)&&e.jsx("div",{className:a.button,children:e.jsx(x.Button,{as:"a",href:i==null?void 0:i.link,variant:g||"secondary",size:"lg",children:(i==null?void 0:i.text)||"Get Started"})})]}),e.jsx("div",{className:a.imageContainer,children:e.jsx("img",{src:d,alt:"",className:a.image})})]})})};exports.BasicImageText=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../src/modules/BasicImageText/basicImageText.module.css"),d=require("../../components/Typography/Typography.cjs.js"),p=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),n=require("../../components/Button/Button.cjs.js"),y={solar:"color-text-primary-brand-solar",indigo:"color-text-primary-brand-indigo",primary:"color-text-primary",inverted:"color-text-primary-inverted"},j=({imagePosition:t,title:m,description:r,image:o,button:a,label:l,labelColor:h,mobileImage:g,colorScheme:s,buttonColor:c})=>{const x=h||(s==="dark"?"inverted":"primary");return e.jsx("section",{className:i.root,"data-color-scheme":s,children:e.jsxs("div",{className:i.container,"data-image-position":t,children:[e.jsxs("div",{className:i.textContainer,children:[l&&e.jsx(d.Typography,{as:"p",defaultVariant:"labelSm",emphasis:!0,className:i.label,color:y[x],children:l}),e.jsxs("div",{className:i.titleContainer,children:[e.jsx(p.HighlightedTitle,{colorScheme:s==="dark"?"dark":"light",className:i.title,defaultVariant:"displayMd",mobileVariant:"headingXl",title:m}),e.jsx("div",{className:i.mobileImageContainer,children:e.jsx("img",{src:g,alt:"",className:i.mobileImage})}),r&&e.jsx(d.Typography,{className:i.description,defaultVariant:"bodyLg",mobileVariant:"bodyMd",children:r})]}),(a==null?void 0:a.link)&&e.jsxs("div",{className:i.buttonContainer,children:[e.jsx("div",{className:i.buttonDesktop,children:e.jsx(n.Button,{as:"a",href:a==null?void 0:a.link,variant:c||"secondary",size:"lg",children:(a==null?void 0:a.text)||"Get Started"})}),e.jsx("div",{className:i.buttonMobile,children:e.jsx(n.Button,{as:"a",href:a==null?void 0:a.link,variant:c||"secondary",size:"sm",children:(a==null?void 0:a.text)||"Get Started"})})]})]}),e.jsx("div",{className:i.imageContainer,children:e.jsx("img",{src:o,alt:"",className:i.image})})]})})};exports.BasicImageText=j;

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;