@cruk/chakra-components 0.1.0-alpha.6 → 1.0.0-dev.1

package/dist/index.d.ts

@@ -0,0 +1,629 @@
+import * as _chakra_ui_react from '@chakra-ui/react';
+import { AccordionProps, AlertProps, AlertTitleProps, AlertDescriptionProps, AvatarProps, BoxProps, BreadcrumbItemProps, BreadcrumbLinkProps as BreadcrumbLinkProps$1, ButtonProps as ButtonProps$1, HeadingProps, IconProps as IconProps$1, ImageProps as ImageProps$2, ResponsiveValue, ContainerProps, ProgressProps as ProgressProps$1, ChakraProps, LinkProps as LinkProps$1, ComponentWithAs, CardProps as CardProps$1, StackProps, TagProps, CheckboxProps, CheckboxGroupProps, GridProps, InputProps as InputProps$1, TabsProps, FlexProps, FormLabelProps as FormLabelProps$1, ListItemProps, ListProps, NumberInputFieldProps, NumberInputProps, PopoverProps, StepperProps as StepperProps$1, TextProps, TextareaProps, RadioGroupProps, DividerProps, TableProps } from '@chakra-ui/react';
+export { AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, AvatarBadge, AvatarGroup, Box, BoxProps, BreadcrumbItem, BreadcrumbItemProps, ButtonGroup, ChakraBaseProvider, Container, Flex, FlexProps, FormControl, FormErrorMessage, FormHelperText, Grid, GridItem, HStack, HeadingProps, InputAddon, InputGroup, InputLeftAddon, InputLeftElement, InputRightAddon, InputRightElement, LinkOverlay, List, ListIcon, ListItem, OrderedList, PopoverAnchor, PopoverArrow, PopoverBody, PopoverCloseButton, PopoverContent, PopoverFooter, PopoverHeader, PopoverProps, PopoverTrigger, Portal, Radio, RadioGroup, Select, SimpleGrid, Stack, Tab, TabList, TabPanel, TabPanels, TableContainer, Tag, TagProps, Tbody, Td, TextProps, Textarea, TextareaProps, Th, Thead, Tr, UnorderedList, VStack, VisuallyHidden, Wrap, WrapItem, extendBaseTheme } from '@chakra-ui/react';
+import * as _chakra_ui_icons from '@chakra-ui/icons';
+export * from '@chakra-ui/icons';
+import * as React$1 from 'react';
+import React__default, { CSSProperties, ElementType, ReactElement, ChangeEventHandler, FC, ReactNode } from 'react';
+import { FileRejection } from 'react-dropzone';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const crukBrand: Record<string, any>;
+
+declare const r4lBrand: Record<string, any>;
+
+declare const su2cBrand: Record<string, any>;
+
+declare const Accordion: _chakra_ui_react.ComponentWithAs<"div", AccordionProps>;
+
+interface AlertBannerProps extends AlertProps {
+    /** The heading for the alert banner text. */
+    heading?: AlertTitleProps;
+    /** The description for the alert banner. */
+    description: React.ReactElement | AlertDescriptionProps;
+    /** Determines the colour of the alert border. */
+    variant: "Warning" | "Error" | "Information" | "Success";
+}
+declare const AlertBanner: _chakra_ui_react.ComponentWithAs<"div", AlertBannerProps>;
+
+declare const Avatar: _chakra_ui_react.ComponentWithAs<"span", AvatarProps>;
+
+declare const Badge: _chakra_ui_react.ComponentWithAs<"div", BoxProps>;
+
+type BreadcrumbLinkProps = BreadcrumbLinkProps$1 & {
+    variant?: string;
+};
+declare const BreadcrumbLink: _chakra_ui_icons.ComponentWithAs<"a", BreadcrumbLinkProps>;
+declare const Breadcrumb: _chakra_ui_icons.ComponentWithAs<"nav", BreadcrumbItemProps>;
+
+type ButtonProps = ButtonProps$1 & {
+    href?: string;
+};
+declare const Button: _chakra_ui_react.ComponentWithAs<"button", ButtonProps>;
+
+declare const Heading: _chakra_ui_react.ComponentWithAs<"h2", HeadingProps>;
+declare const Heading1: _chakra_ui_react.ComponentWithAs<"h1", HeadingProps>;
+declare const Heading2: _chakra_ui_react.ComponentWithAs<"h2", HeadingProps>;
+declare const Heading3: _chakra_ui_react.ComponentWithAs<"h3", HeadingProps>;
+declare const Heading4: _chakra_ui_react.ComponentWithAs<"h4", HeadingProps>;
+declare const Heading5: _chakra_ui_react.ComponentWithAs<"h5", HeadingProps>;
+declare const Heading6: _chakra_ui_react.ComponentWithAs<"h6", HeadingProps>;
+
+type IconProps = IconProps$1 & {
+    name?: string;
+};
+
+type ImageProps$1 = ImageProps$2 & {
+    aspectHeight?: ResponsiveValue<number>;
+    aspectWidth?: ResponsiveValue<number>;
+    aspectMaxHeight?: ResponsiveValue<number>;
+    aspectMaxWidth?: ResponsiveValue<number>;
+    isWrapped?: boolean;
+};
+declare const Image: _chakra_ui_react.ComponentWithAs<"img", ImageProps$1>;
+
+type ColumnProps = {
+    value: number;
+    icon?: IconProps;
+};
+type TwoBlockStatisticsProps = ContainerProps & {
+    leftValue: ColumnProps;
+    rightValue: ColumnProps;
+    hasSecondaryStyling?: boolean;
+};
+declare const TwoBlockStatistics: _chakra_ui_react.ComponentWithAs<"div", TwoBlockStatisticsProps>;
+
+type SingleStatisticsProps = ProgressProps$1 & {
+    icon?: IconProps;
+    isBarChart?: boolean;
+    hasKeyStatsGroupDarkTheme?: boolean;
+    statistic: string;
+    labelStyle?: {
+        style?: CSSProperties | undefined;
+        color?: ChakraProps["color"];
+    };
+    hasSecondaryStyling?: boolean;
+};
+declare const SingleStatistics: _chakra_ui_react.ComponentWithAs<"div", SingleStatisticsProps>;
+
+type LinkVariants = "inline" | "file" | "footer" | "navigation" | "navigationAlt" | "reference" | "altInline";
+interface LinkProps extends LinkProps$1 {
+    variant?: LinkVariants;
+    linkIcon?: ComponentWithAs<"svg", IconProps$1>;
+}
+interface FileLinkProps extends LinkProps {
+    entryType?: string;
+    fileType?: string;
+    fileSize?: string;
+}
+declare const Link: ComponentWithAs<"p" | "a", FileLinkProps>;
+
+type CardProps = CardProps$1 & {
+    image?: ImageProps$1;
+    icon?: IconProps;
+    label?: string;
+    heading?: HeadingProps;
+    description?: React.ReactElement;
+    button?: ButtonProps;
+    link?: LinkProps;
+    singleKeyStats?: SingleStatisticsProps;
+    twoBlockStats?: TwoBlockStatisticsProps;
+    stackProps?: StackProps;
+    tag?: TagProps;
+    cardImageContainer?: ResponsiveValue<string>;
+};
+declare const Card: _chakra_ui_icons.ComponentWithAs<"div", CardProps>;
+type CardStackProps = StackProps & {
+    heading?: HeadingProps;
+    description?: React.ReactElement;
+    hasSteps?: boolean;
+    numberOfColumns?: ResponsiveValue<number>;
+    cards?: CardProps[];
+    link?: LinkProps;
+    button?: ButtonProps;
+    gridGap?: ResponsiveValue<number>;
+};
+declare const CardStack: _chakra_ui_icons.ComponentWithAs<"div", CardStackProps>;
+
+declare const Checkbox: _chakra_ui_react.ComponentWithAs<"input", CheckboxProps>;
+declare const CheckboxGroup: _chakra_ui_react.ComponentWithAs<"input", CheckboxGroupProps>;
+
+type ImageProps = {
+    as?: ElementType;
+    src: string;
+    alt: string;
+    width?: number;
+    height?: number;
+};
+type CircleDeviceProps = GridProps & {
+    heading?: HeadingProps;
+    description?: React.ReactElement | string;
+    image: ImageProps;
+};
+declare const CircleDevice: _chakra_ui_react.ComponentWithAs<"div", CircleDeviceProps>;
+
+declare const DatePicker: _chakra_ui_react.ComponentWithAs<"input", InputProps$1>;
+
+declare const Tabs: _chakra_ui_react.ComponentWithAs<"div", TabsProps>;
+
+type AmountProps = {
+    value: string;
+    label: string;
+    statement?: string;
+    children?: undefined;
+};
+interface DonateLinkProps extends LinkProps {
+    as?: ElementType;
+    href: string;
+    displayText: string | undefined;
+    variant?: LinkVariants;
+}
+type TabProps = {
+    tabListTitle: string;
+    amounts: AmountProps[];
+    inputLabel: string;
+    inputPlaceholder: string;
+    primaryCtaButton?: ButtonProps;
+    primaryCtaButtonCustomLink?: {
+        children: string;
+    };
+    secondaryCtaLink?: DonateLinkProps;
+    paymentIcons?: string[];
+    errorMessageTooHigh: React__default.ReactNode;
+    errorMessageTooLow?: string;
+};
+interface DonateWidgetProps extends TabsProps {
+    tabs: TabProps[];
+    formAction: string;
+}
+declare const DonateWidget: _chakra_ui_react.ComponentWithAs<"div", DonateWidgetProps>;
+
+type FileUploadProps = {
+    /** Determines if the field is invalid */
+    isInvalid: boolean;
+    /** Determines if the field is disabled */
+    isDisabled: boolean;
+    uploadError: boolean;
+    /** maximum number of files allowed per submission */
+    maxFiles?: number;
+    /** Maximum size allowed of total file upload in MB */
+    maxSize?: number;
+    failedUploads?: string[];
+    completedUploads?: File[];
+    acceptedFileTypes: string[];
+    acceptedFileTypeDictionary: Record<string, string[]>;
+    uploadFiles: File[];
+    rejectedFiles: FileRejection[];
+    handleError: (isError: boolean) => void;
+    removeAcceptedFile: (file: File) => void;
+    removeRejectedFile: (file: FileRejection) => void;
+    addRejectedFiles: (rejectedFiles: FileRejection[]) => void;
+    onDrop: (acceptedFiles: File[]) => void;
+};
+declare const FileUploader: _chakra_ui_react.ComponentWithAs<"div", FileUploadProps>;
+
+interface FooterNavigationLink extends LinkProps {
+    displayName: string;
+}
+interface ImageLink extends ImageProps$1 {
+    key?: string;
+    href?: string;
+    title?: string;
+}
+interface SocialLink extends IconProps {
+    href: string;
+    name: string;
+}
+interface FooterProps extends ContainerProps {
+    ourPartners?: React.ReactElement;
+    socialLinks?: Array<SocialLink>;
+    textLinks?: Array<FooterNavigationLink>;
+    imageLinks?: Array<ImageLink>;
+    registrationDetails: string;
+    strokeHeading?: React.ReactNode;
+    numberOfColumns?: {
+        base?: number;
+        sm?: number;
+        md?: number;
+        lg?: number;
+        xl?: number;
+    };
+}
+declare const Footer: _chakra_ui_react.ComponentWithAs<"div", FooterProps>;
+
+declare const Footnote: _chakra_ui_react.ComponentWithAs<"div", FlexProps>;
+
+type FormLabelProps = FormLabelProps$1 & {
+    requiredIndicator?: React.ReactElement;
+    optionalIndicator?: React.ReactNode;
+};
+declare const FormLabel: _chakra_ui_react.ComponentWithAs<"label", FormLabelProps>;
+
+type FormFieldProps = ChakraProps & {
+    /** The label for the form field. */
+    label?: string;
+    /** The id for the form field. */
+    htmlFor?: string;
+    /** Determines if the label is visibly hidden */
+    visiblyHiddenLabel?: boolean;
+    /** The helper message for the form field. */
+    helperText?: string;
+    /** The children for the form field. */
+    children: React.ReactNode;
+    /** The error message */
+    errorMessage?: string | React.ReactNode;
+    /** Determines if the field is required */
+    isRequired?: boolean;
+    /** Determines if the field is invalid */
+    isInvalid?: boolean;
+    /** Determines if the field is disabled */
+    isDisabled?: boolean;
+    /** Determines if the field is readonly */
+    isReadOnly?: boolean;
+    /** Determines if the field is focused */
+    optionalIndicator?: boolean;
+};
+declare const FormField: _chakra_ui_react.ComponentWithAs<"div", FormFieldProps>;
+
+type GoogleMapEmbedProps = ChakraProps & {
+    code: string;
+    description: string;
+};
+declare const GoogleMapEmbed: _chakra_ui_react.ComponentWithAs<"div", GoogleMapEmbedProps>;
+
+type InputProps = InputProps$1 & {
+    inputType?: "default" | "currency" | "percentage";
+};
+declare const Input: _chakra_ui_react.ComponentWithAs<"input", InputProps>;
+
+interface CheckListItemProps extends ListItemProps {
+    children: React__default.ReactNode;
+}
+declare const CheckListUL: _chakra_ui_icons.ComponentWithAs<"ul", ListProps>;
+declare const CheckList: _chakra_ui_icons.ComponentWithAs<"li", CheckListItemProps>;
+declare const ArrowDownListItem: _chakra_ui_icons.ComponentWithAs<"li", ListItemProps>;
+
+declare const Loader: _chakra_ui_react.ComponentWithAs<"div", StackProps>;
+
+type LogoProps = {
+    as?: ElementType;
+    href?: string;
+    image: ImageProps$2;
+};
+type LogoGroupProps = StackProps & {
+    logos: LogoProps[];
+    button?: ButtonProps;
+    numberOfColumns?: ResponsiveValue<number>;
+};
+declare const LogoGroup: _chakra_ui_react.ComponentWithAs<"div", LogoGroupProps>;
+
+type NavigationLinkProps = LinkProps & {
+    nextLink?: ElementType;
+    displayName: string;
+    links?: Array<NavigationLinkProps>;
+};
+type NavigationProps = FlexProps & {
+    donateCtaLink?: string;
+    donateCtaVisible?: boolean;
+    donateCtaText?: string;
+    nextImage?: ElementType;
+    nextLink?: ElementType;
+    logo?: ImageProps$1 & {
+        link: string;
+    };
+    secondaryLogo?: React__default.ReactElement;
+    environment?: string;
+    links: Array<NavigationLinkProps>;
+    showSearch?: boolean;
+};
+declare const Navigation: _chakra_ui_icons.ComponentWithAs<"div", NavigationProps>;
+
+interface InputNumberProps extends NumberInputFieldProps {
+    numberInputProp: NumberInputProps;
+}
+declare const NumberInput: _chakra_ui_react.ComponentWithAs<"input", InputNumberProps>;
+
+type VideoProps = ChakraProps & {
+    src: string;
+    loop?: boolean;
+    muted?: boolean;
+    autoPlay?: boolean;
+    playsInline?: boolean;
+};
+declare const Video: _chakra_ui_react.ComponentWithAs<"div", VideoProps>;
+
+interface ParagraphWithMediaProps {
+    image?: ImageProps$1;
+    video?: VideoProps;
+    description: ReactElement;
+    imageAlignment: boolean;
+}
+declare const ParagraphWithMedia: _chakra_ui_react.ComponentWithAs<"div", ParagraphWithMediaProps>;
+
+declare const Popover: (props: PopoverProps) => react_jsx_runtime.JSX.Element;
+
+interface ProgressProps extends ProgressProps$1 {
+    secondaryValue?: number;
+    barColor?: string;
+    secondaryBarColor?: string;
+    isCircular?: boolean;
+}
+declare const ProgressBar: _chakra_ui_react.ComponentWithAs<React$1.ElementType, ProgressProps>;
+
+type Attributes = {
+    value: string;
+    option: string;
+};
+type RadioConsentProps = {
+    legend: string;
+    name: string;
+    attributes: Attributes[];
+    onChange: ChangeEventHandler<HTMLInputElement>;
+    selectedValue: string;
+};
+declare const RadioConsent: _chakra_ui_react.ComponentWithAs<"div", RadioConsentProps>;
+
+type Reference = {
+    id: string;
+    text: React.ReactElement | string;
+    contentLink: string;
+};
+interface ReferenceBlockProps extends ContainerProps {
+    referenceEntries: Array<Reference>;
+}
+interface ReferenceBlockContainerProps extends ReferenceBlockProps {
+    title: string;
+    hideDivider?: boolean;
+}
+declare const ReferenceBlock: _chakra_ui_react.ComponentWithAs<"div", ReferenceBlockProps>;
+declare const ReferenceBlockContainer: _chakra_ui_react.ComponentWithAs<"div", ReferenceBlockContainerProps>;
+
+type RichHeaderProps = {
+    media?: React__default.ReactElement<ImageProps$1 | VideoProps>;
+    controlsContainerProps?: BoxProps;
+    mediaContainerProps?: BoxProps;
+    share?: React__default.ReactElement;
+};
+declare const RichHeader: _chakra_ui_react.ComponentWithAs<"div", RichHeaderProps>;
+
+type SimpleHeaderProps = FlexProps & {
+    heading: HeadingProps;
+    subheading?: React.ReactNode;
+    button?: ButtonProps;
+    link?: LinkProps;
+    tag?: string;
+    date?: string;
+    share?: React.ReactElement;
+};
+declare const SimpleHeader: _chakra_ui_react.ComponentWithAs<"div", SimpleHeaderProps>;
+
+interface QuoteProps {
+    body: string;
+    citation?: string;
+}
+interface CaseStudyProps extends BoxProps {
+    title?: string;
+    subheading?: string;
+    image?: ImageProps$1;
+    quote?: QuoteProps;
+    excerpt?: string;
+    button?: ButtonProps;
+}
+
+interface PullQuoteProps extends BoxProps {
+    photo?: ImageProps$1 & {
+        credit?: string;
+    };
+    body: string;
+    citation: string;
+}
+
+type ComponentType = "pullQuote" | "caseStudy";
+interface SocialProofProps extends FlexProps {
+    type: ComponentType;
+    data: CaseStudyProps | PullQuoteProps;
+}
+declare const SocialProof: _chakra_ui_react.ComponentWithAs<"div", SocialProofProps>;
+
+interface StepperProps extends Omit<StepperProps$1, "children"> {
+    steps: string[];
+}
+declare const Stepper: _chakra_ui_react.ComponentWithAs<"div", StepperProps>;
+
+declare const Text: _chakra_ui_react.ComponentWithAs<"p", TextProps>;
+
+interface TextareaWordCountProps extends TextareaProps {
+    maxChars?: number | string;
+    words?: string;
+    value: string;
+}
+declare const TextareaWithWordCount: _chakra_ui_react.ComponentWithAs<"textarea", TextareaWordCountProps>;
+
+type TextTruncateProps = {
+    children: React__default.ReactNode;
+    noOfParagraphs?: number;
+};
+declare const TextTruncate: _chakra_ui_react.ComponentWithAs<"div", TextTruncateProps>;
+
+type ToggleGroupOptionProps = {
+    value: number | string;
+    label: number | string;
+    isDisabled?: boolean;
+    isEllipses?: boolean;
+    href?: string;
+};
+type ToggleGroupProps = RadioGroupProps & {
+    options: ToggleGroupOptionProps[];
+    pagination?: boolean;
+};
+declare const ToggleGroup: ({ name, options, defaultValue, width, pagination, ...rest }: ToggleGroupProps) => react_jsx_runtime.JSX.Element;
+
+type TotaliserProps = {
+    /** financial total as a number */
+    total: number;
+    /** git aid total as a number */
+    giftAid?: number;
+    /** money target as a number */
+    target?: number | null;
+    /** flag for low height compact appearance */
+    isCompact?: boolean;
+    /** component for custom summary message underneath total graph only visible if there is a target */
+    summaryMessage?: string | number | ReactElement;
+    /** component children */
+    children?: ReactNode;
+};
+declare const Totaliser: FC<TotaliserProps>;
+
+type YouTubeEmbedProps = ChakraProps & {
+    videoID: string;
+    description: string;
+    aspectRatio?: number;
+};
+declare const YouTubeEmbed: _chakra_ui_react.ComponentWithAs<"div", YouTubeEmbedProps>;
+
+declare const Divider: _chakra_ui_react.ComponentWithAs<"div", DividerProps>;
+
+interface OnThisPageProps extends ChakraProps {
+    children: React__default.ReactNode;
+}
+declare const OnThisPageHeadings: _chakra_ui_react.ComponentWithAs<"div", OnThisPageProps>;
+
+type SpotifyEmbedProps = ChakraProps & {
+    playlistID: string;
+    description: string;
+    aspectRatio?: number;
+};
+declare const SpotifyEmbed: _chakra_ui_react.ComponentWithAs<"div", SpotifyEmbedProps>;
+
+declare const Table: _chakra_ui_react.ComponentWithAs<"table", TableProps>;
+
+declare const OneInFour: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const TwoInFour: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const ThreeInFour: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const FourInFour: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Adult: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Alert: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Apple: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const ArrownDown: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const ArrowReturnUpIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const ArrownUp: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Bagdrop: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const CheckCircle: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Children: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Clock: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const CloudUpload: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Cross: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Date: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const DirectDebit: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Dogs: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const EmailIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Facebook: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const FundraisingRegulator: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const GooglePay: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Heart: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const HeartSu2c: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Info: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Instagram: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const LinkedIn: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const MasterCard: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Microscope: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Newsletter: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Parking: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const PauseIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const PayPal: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const PdfIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const People: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const PhoneIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const PlayIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Plus: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const PlusSu2c: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Pound: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Pushchair: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const QuoteIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Refreshments: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Royalties: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Share: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Shower: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const SpeechBubble: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Success: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const ThumbsUp: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const ThumbsUpSu2c: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const TikTok: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Toilets: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const X: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Venue: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Visa: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const WhatsApp: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Wheelchairs: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const YouTube: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+type TokenColorsType = {
+    [key: string]: string;
+};
+type AtLeastOnePropertyOf<T> = {
+    [K in keyof T]: {
+        [L in K]: T[L];
+    } & {
+        [L in Exclude<keyof T, K>]?: T[L];
+    };
+}[keyof T];
+
+export { Accordion, Adult, Alert, AlertBanner, type AlertBannerProps, Apple, ArrownDown as ArrowDown, ArrowDownListItem, ArrowReturnUpIcon, ArrownUp as ArrowUp, type AtLeastOnePropertyOf, Avatar, Badge, Bagdrop, Breadcrumb, BreadcrumbLink, Button, type ButtonProps, Card, type CardProps, CardStack, type CardStackProps, CheckCircle, CheckList, CheckListUL, Checkbox, CheckboxGroup, Children, CircleDevice, Clock, CloudUpload, Cross, Date, DatePicker, DirectDebit, Divider, Dogs, DonateWidget, EmailIcon, Facebook, FileUploader, Footer, type FooterNavigationLink, type FooterProps, Footnote, FormField, FormLabel, FourInFour, FundraisingRegulator, GoogleMapEmbed, GooglePay, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, Heart, HeartSu2c, Image, type ImageLink, type ImageProps$1 as ImageProps, Info, Input, Instagram, Link, LinkedIn, Loader, LogoGroup, type LogoGroupProps, type LogoProps, MasterCard, Microscope, Navigation, type NavigationProps, Newsletter, NumberInput, OnThisPageHeadings, OneInFour, ParagraphWithMedia, Parking, PauseIcon, PayPal, PdfIcon, People, PhoneIcon, PlayIcon, Plus, PlusSu2c, Popover, Pound, ProgressBar, Pushchair, QuoteIcon, RadioConsent, ReferenceBlock, ReferenceBlockContainer, type ReferenceBlockContainerProps, type ReferenceBlockProps, Refreshments, RichHeader, Royalties, Share, Shower, SimpleHeader, SingleStatistics, SocialProof, SpeechBubble, SpotifyEmbed, Stepper, Success, Table, Tabs, Text, TextTruncate, TextareaWithWordCount, ThreeInFour, ThumbsUp, ThumbsUpSu2c, TikTok, ToggleGroup, Toilets, type TokenColorsType, Totaliser, TwoBlockStatistics, TwoInFour, Venue, Video, Visa, WhatsApp, Wheelchairs, X, YouTube, YouTubeEmbed, crukBrand, r4lBrand, su2cBrand };