@sendoutcards/quantum-design-ui 1.7.44 → 1.7.45

package/dist/src/organisms/awards/components/awardCard.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { IncrementalAwardType } from '../types';
+export declare type AwardCardProps = {
+    image: string;
+    title: string;
+    onClick?: () => void;
+    progress: IncrementalAwardType | number;
+};
+export declare const AwardCard: FC<AwardCardProps>;

package/dist/src/organisms/awards/components/awardGroupLabel.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+export declare type AwardGroupLabelProps = {
+    image: string;
+    label: string;
+};
+export declare const AwardGroupLabel: FC<AwardGroupLabelProps>;

package/dist/src/organisms/awards/components/expandedAwardCard.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { IncrementalAwardType } from '../types';
+export declare type ExpandedAwardProps = {
+    image: string;
+    title: string;
+    description: string;
+    checklist: string[];
+    checklistTitle: string;
+    checklistSubtitle: string;
+    close: () => void;
+    progress: IncrementalAwardType | number;
+};
+export declare const ExpandedAwardCard: FC<ExpandedAwardProps>;

package/dist/src/organisms/awards/components/incrementalAwardLabel.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { IncrementalAwardType } from '../types';
+export interface IncrementalAwardLabelProps extends IncrementalAwardType {
+    isExpanded: boolean;
+}
+export declare const IncrementalAwardLabel: FC<IncrementalAwardLabelProps>;

package/dist/src/organisms/awards/styles.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    expandedButtonContainer: import("@emotion/utils").SerializedStyles;
+    awardCardContainer: import("@emotion/utils").SerializedStyles;
+    incremental: import("@emotion/utils").SerializedStyles;
+};
+export default _default;

package/dist/src/organisms/awards/types/index.d.ts

@@ -0,0 +1,6 @@
+import { IconType } from "../../../atoms/iconography/types";
+export declare type IncrementalAwardType = {
+    title: string;
+    count: number;
+    icon: IconType;
+};

package/dist/src/organisms/banner/banner.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { IconType } from "../../atoms/iconography/types";
+export declare type BannerProps = {
+    icon?: IconType;
+    message?: string;
+    status: StatusType;
+    outlined?: boolean;
+};
+export declare type StatusType = 'success' | 'warning' | 'danger';
+export declare const Banner: FC<BannerProps>;

package/dist/src/organisms/buttonWithMenu/buttonWithMenu.d.ts

@@ -0,0 +1,19 @@
+import { FC } from 'react';
+import { ButtonProps } from "../../exports/molecules";
+import { IconType } from "../../exports/atoms";
+declare type MenuLocationType = 'top' | 'bottom';
+export declare type MenuOptionType = {
+    title: string;
+    onClick: () => void;
+    icon?: IconType;
+};
+export declare type ButtonWithMenuProps = {
+    menuLocation: MenuLocationType;
+    menuOptions: MenuOptionType[];
+    isExpanded: boolean;
+    isLoading?: boolean;
+    loadingMessage?: string;
+    onClick: () => void;
+} & ButtonProps;
+export declare const ButtonWithMenu: FC<ButtonWithMenuProps>;
+export {};

package/dist/src/organisms/circleMenu/circleMenu.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { IconType } from "../../atoms/iconography/types";
+import { SizeType } from "../../types/global";
+export declare type CircleMenuProps = {
+    icon: IconType;
+    size: SizeType;
+    setIsSheetOpen: (isOpen: boolean) => void;
+    isOpen: boolean;
+};
+export declare const CircleMenu: FC<CircleMenuProps>;

package/dist/src/organisms/circleMenu/styles.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    circleMenuContainer: import("@emotion/utils").SerializedStyles;
+    trigger: import("@emotion/utils").SerializedStyles;
+};
+export default _default;

package/dist/src/organisms/comparisonIncludesList/comparisonIncludesList.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { ComparisonItemProps } from "../..";
+export declare type ComparisonIncludesListProps = {
+    items: ComparisonItemProps[];
+    isMinified?: boolean;
+};
+export declare const ComparisonIncludesList: FC<ComparisonIncludesListProps>;

package/dist/src/organisms/configurationCard/configurationCard.d.ts

@@ -0,0 +1,20 @@
+import React, { FC } from 'react';
+import { HOCColorKeysWithSwatch } from "../../helpers/hoc-types/entityValueTypes";
+declare type ConfigurationCardType = 'addon' | 'info' | 'upsale';
+export declare type ConfigurationCardProps = {
+    graphic?: 'blank' | 'addressed' | 'withStamp' | 'none' | React.ReactNode;
+    title: string;
+    description?: string;
+    cost?: number | string;
+    isSelected?: boolean;
+    onSelect?: (configurationId: string) => void;
+    configurationId: string;
+    itemPriceTitle?: string;
+    stackedCardImage?: string;
+    layout?: 'horizontal' | 'vertical';
+    type?: ConfigurationCardType;
+    isFeatured?: boolean;
+    backgroundColor?: HOCColorKeysWithSwatch;
+};
+export declare const ConfigurationCard: FC<ConfigurationCardProps>;
+export {};

package/dist/src/organisms/confirmDialog/confirmDialog.d.ts

@@ -0,0 +1,24 @@
+import { FC } from 'react';
+import { DialogProps } from "../../molecules/dialog/dialog";
+export declare type ConfirmDialogProps = {
+    requireScroll?: boolean;
+    accept: {
+        title: string;
+        onClick: () => void;
+    };
+    decline?: {
+        title: string;
+        onClick: () => void;
+    };
+    title: string;
+    description: string;
+    zIndex?: number;
+    isOpen: boolean;
+    primaryAction?: 'accept' | 'decline';
+    onClose?: () => void;
+    additionalLink?: {
+        title: string;
+        onClick: () => void;
+    };
+} & DialogProps;
+export declare const ConfirmDialog: FC<ConfirmDialogProps>;

package/dist/src/organisms/contentPusher/contentPusher.d.ts

@@ -0,0 +1,23 @@
+import React, { FC } from 'react';
+declare type VerticalZone = {
+    component: React.ReactNode;
+    height: number | string;
+};
+declare type HorizontalZone = {
+    component: React.ReactNode;
+    width: number | string;
+};
+export declare type ZoneType = {
+    top?: VerticalZone;
+    bottom?: VerticalZone;
+    left?: HorizontalZone;
+    right?: HorizontalZone;
+};
+export declare type ContentPusherProps = {
+    zones: ZoneType;
+    zoneToOpen: keyof ZoneType;
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
+};
+export declare const ContentPusher: FC<ContentPusherProps>;
+export {};

package/dist/src/organisms/featureAnnouncement/featureAnnouncement.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import { ButtonType } from "../../exports/molecules";
+import { BackgroundColor } from "../../helpers/hoc-types/hocBaseUnion";
+export declare type FeatureAnnouncementProps = {
+    title: string;
+    description: string;
+    locationId?: string;
+    onClose?: () => void;
+    button?: {
+        title: string;
+        onClick?: () => void;
+        type?: ButtonType;
+    };
+    imageURL: string;
+    backgroundColor?: BackgroundColor;
+    maxWidth?: string;
+};
+export declare const FeatureAnnouncement: FC<FeatureAnnouncementProps>;

package/dist/src/organisms/imageUploadWidget/imageUploadWidget.d.ts

@@ -0,0 +1,28 @@
+import { FC } from 'react';
+import { AcceptedFiles, RejectedFiles } from '../imageUploader/imageUploader';
+export declare type UserImage = {
+    url: string;
+    onClick: () => void;
+    isHorizontal: boolean;
+};
+export declare type ImageUploadWidgetProps = {
+    title: string;
+    maxHeight?: string;
+    onClose: () => void;
+    onFinished: () => void;
+    isOpen: boolean;
+    onUpload: (files: {
+        accepted: AcceptedFiles;
+        rejected: RejectedFiles;
+    }, fileList?: FileList | null) => void;
+    hasMultiUpload?: boolean;
+    userImages?: UserImage[];
+    x: number;
+    y: number;
+    dataLength?: number;
+    loadMore?: () => void;
+    hasMore?: boolean;
+    endMessage?: string;
+    width?: number;
+};
+export declare const ImageUploadWidget: FC<ImageUploadWidgetProps>;

package/dist/src/organisms/imageUploadWidget/styles.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    stickersContainer: import("@emotion/utils").SerializedStyles;
+};
+export default _default;

package/dist/src/organisms/imageUploader/imageUploader.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { FileRejection } from 'react-dropzone';
+import { BackgroundColor } from "../../helpers/hoc-types/hocBaseUnion";
+declare type AcceptedFileType = 'jpg' | 'png' | 'gif' | 'jpeg';
+export declare type ImageUploaderProps = {
+    onUpload: (files: {
+        accepted: File[];
+        rejected: FileRejection[];
+    }, fileList?: FileList | null) => void;
+    acceptedFiles: AcceptedFileType[];
+    hasMultiupload?: boolean;
+    maxFileSize?: number;
+    maxAcceptedFiles?: number;
+    uploadTitle?: string;
+    backgroundColor?: BackgroundColor;
+};
+export declare type AcceptedFiles = File[];
+export declare type RejectedFiles = FileRejection[];
+export declare const ImageUploader: (props: ImageUploaderProps) => JSX.Element;
+export {};

package/dist/src/organisms/incrementSetting/incrementSetting.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+import { SliderOriginType, SliderProgressColor } from "../../molecules/slider/slider";
+import { SpacingDirection, LiteralUnion, HOCSpacingKeys } from "../../helpers/hoc-types/entityValueTypes";
+export declare type IncrementSettingProps = {
+    value: number;
+    setValue: (value: number) => void;
+    title: string;
+    min: number;
+    max: number;
+    isDisabled?: boolean;
+    layout: 'block' | 'inline' | 'inlineBlock';
+    activeColor?: SliderProgressColor;
+    inputWidth?: number;
+    sliderOrigin?: SliderOriginType;
+    outset?: SpacingDirection | LiteralUnion<HOCSpacingKeys>;
+};
+export declare const IncrementSetting: FC<IncrementSettingProps>;

package/dist/src/organisms/incrementSetting/loader/incrementSettingLoader.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export declare type IncrementSettingLoaderProps = {
+    width: number;
+};
+export declare const IncrementSettingLoader: FC<IncrementSettingLoaderProps>;

package/dist/src/organisms/incrementSetting/styles.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    incrementSettingContainer: (isStacked?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
+};
+export default _default;

package/dist/src/organisms/inviteCard/inviteCard.d.ts

@@ -0,0 +1,24 @@
+import { FC } from 'react';
+import { AvatarProps, AnchorProps } from "../../exports/atoms";
+import { ButtonType } from "../../exports/molecules";
+declare type Action = {
+    title: string;
+    type?: ButtonType;
+    onClick: () => void;
+};
+declare type User = {
+    name: string;
+    active: string;
+    profileDate: string;
+    status: string;
+    activityFeed: string;
+    activityDescription: string;
+};
+export declare type InviteCardProps = {
+    user: User;
+    avatar: AvatarProps;
+    extraLink: AnchorProps;
+    action: Action;
+};
+export declare const InviteCard: FC<InviteCardProps>;
+export {};

package/dist/src/organisms/navigationPill/navigationPill.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import { Item, UserInfo } from '../qdsChrome/qdsChrome';
+declare type NavigationPillType = {
+    circleSize: number;
+    height: number;
+    links: Item[];
+    quickLinks: Item[];
+    user: UserInfo;
+    accountRouteOnClick: () => void;
+    setIsExpanded: (isExpanded: boolean) => void;
+    isSheetOpen: boolean;
+    setSheetIsOpen: (isSheetOpen: boolean) => void;
+};
+export declare const NavigationPill: FC<NavigationPillType>;
+export {};

package/dist/src/organisms/navigationPill/styles.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    navigationPillContainer: (height: number) => import("@emotion/utils").SerializedStyles;
+    pillBackground: import("@emotion/utils").SerializedStyles;
+    pillCutOut: (cutOutSize: number) => import("@emotion/utils").SerializedStyles;
+    pillDot: (cutOutSize: number) => import("@emotion/utils").SerializedStyles;
+    pillItem: (height: number) => import("@emotion/utils").SerializedStyles;
+};
+export default _default;

package/dist/src/organisms/page/page.d.ts

@@ -0,0 +1,29 @@
+import { FC } from 'react';
+import { MotionValue } from 'framer-motion';
+export declare type PageEffectType = 'none' | 'cube' | 'coverflow' | 'wheel' | 'pile';
+declare type PageContentDimensionType = 'auto' | 'stretch' | number;
+declare type PageAlignmentType = 'start' | 'center' | 'end';
+export declare type PageProps = {
+    height: string | number;
+    width: string | number;
+    direction: 'horizontal' | 'vertical';
+    contentWidth: PageContentDimensionType;
+    contentHeight: PageContentDimensionType;
+    alignment: PageAlignmentType;
+    currentPage: number;
+    gap: number;
+    padding: number;
+    momentum: boolean;
+    animationType: PageEffectType;
+    paddingTop?: number;
+    paddingRight?: number;
+    paddingBottom?: number;
+    paddingLeft?: number;
+    directionLock?: boolean;
+    dragEnabled?: boolean;
+    wheelEnabled?: boolean;
+    contentOffsetX?: MotionValue<number> | number;
+    contentOffsetY?: MotionValue<number> | number;
+};
+export declare const Page: FC<PageProps>;
+export {};

package/dist/src/organisms/phoneInput/phoneInput.d.ts

@@ -0,0 +1,22 @@
+import { FC } from 'react';
+import { IconType } from "../../exports/atoms";
+declare type Country = {
+    isoCode: string;
+    callingCode: number;
+};
+export declare type PhoneInputProps = {
+    countries: Country[];
+    phoneNumber: string;
+    selectedCountryIndex: number;
+    onSelectedCountryIndexChange: (selectedCountryIndex: number) => void;
+    onPhoneNumberChange: (phoneNumber: string) => void;
+    message?: {
+        type: 'success' | 'danger' | 'warning';
+        content: string;
+        icon?: IconType;
+        onClick?: () => void;
+    };
+    maxHeight?: string;
+};
+export declare const PhoneInput: FC<PhoneInputProps>;
+export {};

package/dist/src/organisms/phoneInput/styles.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    phoneInputWrapper: import("@emotion/utils").SerializedStyles;
+    phoneInputContainer: import("@emotion/utils").SerializedStyles;
+};
+export default _default;

package/dist/src/organisms/pill/pill.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import { IconType, IconColors, orientation } from "../../exports/atoms";
+import { Shadows } from "../../helpers/hoc-types/entityValueTypes";
+export declare type PillProps = {
+    title?: string;
+    items: PillItemsType[];
+    flexDirection?: 'row' | 'row-reverse';
+    boxShadow?: Shadows;
+};
+export declare type PillItemsType = {
+    title: string;
+    icon: IconType;
+    iconOrientation?: orientation;
+    onClick: () => void;
+    isActive?: boolean;
+    activeColor?: IconColors;
+};
+export declare const Pill: FC<PillProps>;

package/dist/src/organisms/pinInput/components/pinBox.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare type PinBoxProps = {
+    initialValue?: string;
+    onChange: (value: string) => void;
+    onBackspace: () => void;
+    isSecret?: boolean;
+    isFocused?: boolean;
+};
+export declare const PinBox: React.FC<PinBoxProps>;
+export {};

package/dist/src/organisms/pinInput/pinInput.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+export declare type PinInputProps = {
+    length: 4 | 5 | 6;
+    onChange: (value: string) => void;
+    onComplete?: (value: string) => void;
+    hasFocus?: boolean;
+    isSecret?: boolean;
+    message?: {
+        type: 'success' | 'danger' | 'warning';
+        content: string;
+    };
+};
+export declare const PinInput: FC<PinInputProps>;

package/dist/src/organisms/pinInput/styles.d.ts

@@ -0,0 +1,7 @@
+import { InputsEntity } from "../../theme/theming/entities";
+declare const _default: {
+    pinForm: (inputEntity: InputsEntity) => import("@emotion/utils").SerializedStyles;
+    pinBoxContainer: import("@emotion/utils").SerializedStyles;
+    pinBox: (inputEntity: InputsEntity, focus: boolean) => import("@emotion/utils").SerializedStyles;
+};
+export default _default;

package/dist/src/organisms/pricingTile/pricingTile.d.ts

@@ -0,0 +1,43 @@
+import { FC } from 'react';
+import { TextColor } from "../../exports/atoms";
+declare type PricingTileColorType = Exclude<TextColor, 'anchorBlue'>;
+declare type ActionType = {
+    text: string;
+    onClick: () => void;
+    shouldTextMatchBackground?: boolean;
+};
+declare type FeaturedItemStyleType = {
+    backgroundColor: PricingTileColorType;
+    accentColor: PricingTileColorType;
+    textColor: 'gray' | 'white';
+};
+declare type FeatureWithSubFeatures = {
+    feature: string;
+    subFeatures: string[];
+    isNotIncluded?: boolean;
+};
+declare type Features = FeatureWithSubFeatures | string;
+declare type Disclaimer = {
+    linkTitle?: string;
+    termsTitle: string;
+    termsDescription: string;
+};
+export declare type PricingTileProps = {
+    title: string;
+    price: string;
+    features: Features[];
+    primaryAction?: ActionType;
+    secondaryAction?: ActionType;
+    isFeatured?: boolean;
+    featuredItemStyles?: FeaturedItemStyleType;
+    accentColor?: PricingTileColorType;
+    backgroundColor?: PricingTileColorType;
+    textColor?: 'gray' | 'white';
+    description?: string;
+    priceSubtext?: string;
+    billingInterval?: string;
+    hasShadow?: boolean;
+    disclaimer?: Disclaimer;
+};
+export declare const PricingTile: FC<PricingTileProps>;
+export {};

package/dist/src/organisms/promotionWidget/promotionWidget.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import { SizeType, ThemeMode } from "../../types/global";
+import { BackgroundColor } from "../../helpers/hoc-types/hocBaseUnion";
+export declare type PromotionWidgetProps = {
+    title: string;
+    description: string;
+    capsuleTitle: string;
+    backgroundColor?: BackgroundColor;
+    primaryAction?: {
+        onClick: () => void;
+        title: string;
+    };
+    minWidth?: string;
+    width?: string;
+    type: ThemeMode;
+    buttonSize?: SizeType;
+};
+export declare const PromotionWidget: FC<PromotionWidgetProps>;

package/dist/src/organisms/qdsChrome/components/content.d.ts

@@ -0,0 +1,16 @@
+import React, { FC } from 'react';
+import { MotionValue } from 'framer-motion';
+import { IconType } from "../../../atoms/iconography/types";
+declare type ContentProps = {
+    y?: MotionValue;
+    x: MotionValue;
+    isMobile: boolean;
+    isOpen: boolean;
+    onDragEnd: () => void;
+    menuSize: number;
+    children: React.ReactNode;
+    logo: IconType;
+    isFullScreen?: boolean;
+};
+export declare const Content: FC<ContentProps>;
+export {};

package/dist/src/organisms/qdsChrome/components/revealingContent.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+declare type RevealingContentProps = {
+    zone: ZoneType;
+    width: string;
+    height: string;
+    isMobile: boolean;
+};
+declare type ZoneType = 'bottom' | 'top' | 'left' | 'right';
+export declare const RevealingContent: FC<RevealingContentProps>;
+export {};

package/dist/src/organisms/qdsChrome/qdsChrome.d.ts

@@ -0,0 +1,39 @@
+import { FC } from 'react';
+import { IconType, orientation } from "../../atoms/iconography/types";
+import { AccountMenuItem } from '../accountMenu/accountMenu';
+import { SubNavigationType } from '../subNavigation/subNavigation';
+export declare type UserInfo = {
+    firstName: string;
+    lastName: string;
+    profileImage: string;
+    onClick?: () => void;
+};
+export declare type Item = {
+    title: string;
+    icon: IconType;
+    iconOrientation?: orientation;
+    onClick: () => void;
+    isActive: boolean;
+};
+export declare type QDSChromeProps = {
+    logo: IconType;
+    navSections: NavItemType[];
+    accountSections: AccountMenuItem[][];
+    user: UserInfo;
+    isExpanded: boolean;
+    setIsExpanded: (isExpanded: boolean) => void;
+    openMenuSize?: number;
+    isOnAccountRoute: boolean;
+    accountRouteOnClick: () => void;
+    quickLinks: QuickLinksType;
+    isFullScreen?: boolean;
+};
+export declare type NavItemType = {
+    title: string;
+    icon: IconType;
+    onClick: () => void;
+    isActive: boolean;
+    subNavigation: SubNavigationType[];
+};
+export declare type QuickLinksType = Item[];
+export declare const QDSChrome: FC<QDSChromeProps>;

package/dist/src/organisms/qdsChrome/styles.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    chromeContainer: (innerHeight: number) => import("@emotion/utils").SerializedStyles;
+    revealingContent: import("@emotion/utils").SerializedStyles;
+    content: (mobile: boolean) => import("@emotion/utils").SerializedStyles;
+    contextWrapper: import("@emotion/utils").SerializedStyles;
+    innerContent: (mobile: boolean) => import("@emotion/utils").SerializedStyles;
+    overlay: (innerWidth: number) => import("@emotion/utils").SerializedStyles;
+    dragConstraints: (menuSize: number) => import("@emotion/utils").SerializedStyles;
+};
+export default _default;

package/dist/src/organisms/quantumColorPicker/components/colorThumbnail.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+export declare type ColorThumbnailProps = {
+    backgroundColor: string;
+    isSelected: boolean;
+    onSelect: (fill: string) => void;
+};
+export declare const ColorThumbnail: FC<ColorThumbnailProps>;

package/dist/src/organisms/quantumColorPicker/quantumColorPicker.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import { RgbColor, HslColor } from 'react-colorful';
+export declare type QuantumRGB = RgbColor;
+export declare type QuantumHex = string;
+export declare type QuantumHSL = HslColor;
+export declare type ConvertedColorType = QuantumRGB | QuantumHex | QuantumHSL;
+export declare type QuantumColorPickerProps = {
+    color: QuantumHex;
+    onChange: (color: QuantumHex) => void;
+    convertedColorCallback?: (color: ConvertedColorType) => void;
+    convertedColorType?: 'hex' | 'rgb' | 'hsl';
+    showEyeDropper?: boolean;
+    palettes?: string[];
+};
+export declare const QuantumColorPicker: FC<QuantumColorPickerProps>;

package/dist/src/organisms/quantumColorPicker/styles.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    thumbnailContainer: import("@emotion/utils").SerializedStyles;
+};
+export default _default;

package/dist/src/organisms/radioCard/radioCard.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+export declare type RadioOptionCardProps = {
+    title: string;
+    subtitle?: string;
+    isSelected: boolean;
+    onSelect?: (optionId?: string) => void;
+    isFeatured?: boolean;
+    optionId: string;
+    infoAction?: () => void;
+};
+export declare const RadioOptionCard: FC<RadioOptionCardProps>;